/*------------------------------------------------------------------
Theme Name: UNISCO - Responsive Bootstrap Landing Page
Version: 1.0
Author:
-------------------------------------------------------------------*/
/*------------------------------------------------------------------
[TABLE OF CONTENTS]

   

    -------------------------------------------------------------------*/
/* ==========================================================================
   Font
   ========================================================================== */
/* ==========================================================================
   Color
   ========================================================================== */
/* ==============================================================
   NAV
   ============================================================== */
   .nav-menu {
    position: absolute;
    z-index: 1;
    margin: 0 auto;
    left: 0;
    right: 0;
    top: 0; }
  
  .nav-logo {
    margin: 0 !important; }
  
  .responsive-logo {
    display: none; }
  
  .icon-menu {
    color: #cbb58b; }
  
  .btn-default {
    text-transform: uppercase;
    color: #188bc3;
    background: none;
    border: 3px solid #f1f1f1;
    font-size: 18px;
    padding: 16px 36px;
    border-radius: 20%; }
  
  @media (min-width: 767px) {
    .btn + .btn {
      margin-left: 22px; } }
  
  .btn-default:hover {
    color: #fff;
    background: #188bc3;
    border: 3px solid #cbb58b; }
  
  .btn:focus {
    outline: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #fff;
    background: #cbb58b; }
  
  .dropdown-menu {
    min-width: 14rem;
    border-radius: 0;
    border: none; }
  
  .dropdown-item {
    color: #2d2d2d;
    padding: 5px 1.5rem; }
  
  .dropdown-item.active,
  .dropdown-item:active {
    background-color: #cbb58b; }
  
  .dropdown-menu1 {
    left: -225px;
    top: -6px !important; }
  
  .dropdown-item:hover {
    color: #cbb58b;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  
  .dropdown-item.active:hover,
  .dropdown-item.active:focus,
  .dropdown-item.active:active,
  .dropdown-item:active {
    color: #FFF; }
  
  .nav-toggle_icon {
    color: #cbb58b; }
  
  .navbar2 {
    padding-left: 0;
    padding-right: 0; }
  
  .navbar-brand {
    margin: 0; }
  
  .nav-brand2 h2 {
    margin: 0; }
  
  .navbar-nav > li {
    margin: 85px 10px;
    text-align: center; }
  
  .navbar-default .navbar-nav > li > a {
    font-size: 19px;
    color: #fff; }
  
  .navbar-default .navbar-nav > .active > a,
  .navbar-default .navbar-nav > .active > a:focus,
  .navbar-default .navbar-nav > .active > a:hover {
    background: none;
    color: #cbb58b; }
  
  .navbar-default .navbar-nav > li > a:focus,
  .navbar-default .navbar-nav > li > a:hover {
    color: #cbb58b; }
  
  .nav .open > a,
  .nav .open > a:focus,
  .nav .open > a:hover {
    background: none; }
  
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:focus,
  .navbar-default .navbar-nav > .open > a:hover {
    background: none;
    color: #cbb58b; }
  
  .bg-faded {
    background: none; }
  
  .navbar-light .navbar-nav .nav-link:focus,
  .navbar-light .navbar-nav .nav-link:hover {
    color: #e0c898;
    shadow : 1px;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  
  .navbar-light .navbar-nav .active > .nav-link,
  .navbar-light .navbar-nav .nav-link.active,
  .navbar-light .navbar-nav .nav-link.open,
  .navbar-light .navbar-nav .open > .nav-link {
    color: #cbb58b; }
  
  .navbar-light .navbar-nav .nav-link {
    color: #fff;
    font-size: 19px; }
  
  .navbar-light .navbar-toggler {
    border: 1px solid #cbb58b;
    z-index: 999;
    cursor: pointer;
    outline: none;
    padding: 7px 14px; }
  
    .navbar-light2 .navbar-nav .nav-link:focus,
    .navbar-light2 .navbar-nav .nav-link:hover {
      color: #e0c898;
      -webkit-transition: 0.2s;
      -o-transition: 0.2s;
      transition: 0.2s; }
  
    .navbar-light2 .navbar-nav .active > .nav-link,
    .navbar-light2 .navbar-nav .nav-link.active,
    .navbar-light2 .navbar-nav .nav-link.open,
    .navbar-light2 .navbar-nav .open > .nav-link {
      color: #cbb58b; }
  
    .navbar-light2 .navbar-nav .nav-link {
      color: #fff;
      font-size: 19px; }
  
    .navbar-light2 .navbar-toggler {
      border: 1px solid #cbb58b;
      z-index: 999;
      cursor: pointer;
      outline: none;
      padding: 7px 14px; }
  
  .fa-common {
    font-weight: 700; }
  
  @media (max-width: 1200px) {
    .navbar-nav > li {
      margin: 74px 10px 74px 10px; } }
  
  @media (max-width: 991px) {
    .navbar-nav > li {
      margin: 0px 10px 0px 10px; }
    .responsive-logo {
      display: block; }
    .navbar-brand {
      display: none; }
    .nav-brand2 {
      display: block; }
    .navbar2 {
      margin: 12px 0 !important; }
    .bg-faded {
      background-color: #fafafa; }
    .navbar {
      padding: 0;
      margin: -113px 0 0 0; }
    .navbar-nav {
      padding: 10px 10px 10px 10px; }
    .navbar-light .navbar-toggler {
      margin: 28px 6px; }
    .navbar-light .navbar-toggler2 {
      margin: 0 !important; }
    .navbar-light .navbar-nav .nav-link {
      color: #2d2d2d; }
    .dropdown .dropdown-menu {
      background-color: #fff;
      border: 1px solid #cbb58b; }
    .navbar-toggleable-md .navbar-nav .dropdown-menu {
      text-align: center; } }
  
  @media (min-width: 991px) {
    .dropdown .dropdown-menu {
      display: block;
      visibility: hidden;
      opacity: 0;
      transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      -ms-transition: all 0.2s ease; }
    .dropdown:hover > .dropdown-menu {
      visibility: visible;
      opacity: 1;
      border: 1px solid #ccc;
      top: 45px; }
    .dropdown-submenu:hover .dropdown-menu1 {
      visibility: visible;
      opacity: 1; }
    .navbar-toggleable-md .navbar-collapse {
      -webkit-box-pack: center;
      -webkit-justify-content: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .navbar-toggleable-md .navbar-nav {
      -webkit-box-align: center;
      -webkit-align-items: center;
      -ms-flex-align: center;
      align-items: center; } }





/* Googlefont Poppins CDN Link */
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  
}

nav{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  height: 90px;
  font-family: 'Oswald', sans-serif;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  z-index: 99;
}
nav .menunavheader{
  height: 100%;
  max-width: 1250px;
  width: 100%;
  
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: auto;
  /* background: red; */
  padding: 0 50px;
}
.menunavheader .logo a{
  font-size: 30px;
  color: #38bbff;
  text-decoration: none;
  font-weight: 600;
}
nav .menunavheader .nav-links1{
  
  line-height: 90px;
  height: 100%;
}
nav .menunavheader .links1{
  display: flex;
}
nav .menunavheader .links1 li{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  list-style: none;
  padding: 0 14px;
}
nav .menunavheader .links1 li a{
  height: 100%;
  text-decoration: none;
  white-space: nowrap;
  color: white;
  font-size: 15px;
  font-weight: 500;
}

nav .menunavheader .links1 li:hover{
  border-radius:10px;
  background: skyblue;
  }
  .liactive{
    
  border-radius:10px;
  background: skyblue;
  }






.links1 li:hover .htmlcss-arrow,
.links1 li:hover .js-arrow,
.links1 li:hover .ss-arrow{
  transform: rotate(180deg);
  }

nav .menunavheader .links1 li .arrow{
  /* background: red; */
  height: 100%;
  width: 22px;
  line-height: 90px;
  text-align: center;
  display: inline-block;
  color: #000000;
  transition: all 0.3s ease;
}
nav .menunavheader .links1 li .sub-menu{
  position: absolute;
  top: 90px;
  left: 0;
  
  line-height: 40px;
  background: #000080;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 4px 4px;
  display: none;
  z-index: 2;
}
nav .menunavheader .links1 li .sub-menu a{
  color:white;
}
nav .menunavheader .links1 li:hover .htmlCss-sub-menu,
nav .menunavheader .links1 li:hover .js-sub-menu,
nav .menunavheader .links1 li:hover .ss-sub-menu{
  display: block;
}
.menunavheader .links1 li .sub-menu li{
  padding: 0 22px;
  border-bottom: 1px solid rgba(255,255,255,0.1);
}
.menunavheader .links1 li .sub-menu a{
  color: #fff;
  font-size: 15px;
  font-weight: 500;
}
.menunavheader .links1 li .sub-menu .more-arrow{
  line-height: 40px;
}
.menunavheader .links1 li .htmlCss-more-sub-menu{
  /* line-height: 40px; */
}
.menunavheader .links1 li .sub-menu .more-sub-menu{
  position: absolute;
  top: 0;
  left: 100%;
  border-radius: 0 4px 4px 4px;
  z-index: 1;
  display: none;
}
.links1 li .sub-menu .more:hover .more-sub-menu{
  display: block;
}
.menunavheader .search-box1{
  position: relative;
   height: 40px;
  width: 40px;
}
.menunavheader .search-box1 i{
  position: absolute;
  height: 100%;
  width: 100%;
  line-height: 40px;
  text-align: center;
  font-size: 22px;
  color: #38bbff;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s ease;
}
.menunavheader .search-box1 .input-box{
  position: absolute;
  right: calc(100% - 40px);
  top: 80px;
  height: 60px;
  width: 300px;
  background: #38bbff;
  border-radius: 6px;
  opacity: 0;
  pointer-events: none;
  transition: all 0.4s ease;
}
.menunavheader.showInput .search-box1 .input-box{
  top: 65px;
  opacity: 1;
  pointer-events: auto;
  background: #38bbff;
}
.search-box1 .input-box::before{
  content: '';
  position: absolute;
  height: 20px;
  width: 20px;
  background: #38bbff;
  right: 10px;
  top: -6px;
  transform: rotate(45deg);
}
.search-box1 .input-box input{
  position: absolute;
  top: 50%;
  left: 50%;
  border-radius: 4px;
  transform: translate(-50%, -50%);
  height: 35px;
  width: 280px;
  outline: none;
  padding: 0 15px;
  font-size: 16px;
  border: none;
}
.menunavheader .nav-links1 .sidebar-logo{
  
  
  display: none;
}
.menunavheader .bx-menu{
  display: none;
}

.change{

  background: #000080; 
 
  opacity: 0.95;
 
  
}
.next{

  background: #ffffff; 
 
  opacity: 0.95;
 
  
}






@media (max-width:920px) {
  nav .menunavheader{
    max-width: 100%;
    padding: 0 25px;
  }

  nav .menunavheader .logo a{
    font-size: 27px;
  }
  nav .menunavheader .links1 li{
    padding: 0 10px;
    white-space: nowrap;
  }
  nav .menunavheader .links1 li a{
    font-size: 15px;
  }
}
@media (max-width:800px){
  nav{
    /* position: relative; */
  }
  .menunavheader .bx-menu{
    
    display: block;
  }
  nav .menunavheader .nav-links1{
    position: fixed;
    top: 0;
    left: -100%;
    display: block;
    max-width: 100%;
    width: 100%;
    background:  #fff;
    line-height: 40px;
    padding: 20px;
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    transition: all 0.5s ease;
    z-index: 1000;
  }
  .menunavheader .nav-links1 .sidebar-logo{
    color: #38bbff;
    display: flex;
    align-items: center;
    
  }
  .sidebar-logo .logo-name{
    font-size: 18px;
    color: rgb(11, 29, 82);
  }
    .sidebar-logo  i,
    .menunavheader .bx-menu{
      font-size: 25px;
      color: #38bbff;
    }
  nav .menunavheader .links1{
    display: block;
    background:  #ffffff;

    margin-top: 20px;
  }
  nav .menunavheader .links1 li .arrow{
    line-height: 40px;
  }
nav .menunavheader .links1 li{
  border-bottom:solid 1px #0c0c0c;

     max-width: 100%;display: block;
  }
  nav .menunavheader .links1 li a{
    color: #0b1d52;
      
    } 
nav .menunavheader .links1 li .sub-menu{
  position: relative;
  top: 0;
  box-shadow: none;
  display: none;
}
nav .menunavheader .links1 li .sub-menu li{
  background:  rgb(11, 29, 82);
  border-bottom:solid 1px #f8f8f8;

}
.menunavheader .links1 li .sub-menu .more-sub-menu{
  display: none;
  position: relative;
  left: 0;
}
.menunavheader .links1 li .sub-menu .more-sub-menu li{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.links1 li:hover .htmlcss-arrow,
.links1 li:hover .js-arrow,
.links1 li:hover .ss-arrow{
  transform: rotate(0deg);
  }
  .menunavheader .links1 li .sub-menu .more-sub-menu{
    display: none;
  }
  .menunavheader .links1 li .sub-menu .more span{
    /* background: red; */
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
  }

  .links1 li .sub-menu .more:hover .more-sub-menu{
    display: none;
  }
  nav .menunavheader .links1 li:hover .htmlCss-sub-menu,
  nav .menunavheader .links1 li:hover .js-sub-menu,
   nav .menunavheader .links1 li:hover .ss-sub-menu{
    display: none;
  }
.menunavheader .nav-links1.show1 .links1 .htmlCss-sub-menu,
  .menunavheader .nav-links1.show3 .links1 .js-sub-menu,
  .menunavheader .nav-links1.show4 .links1 .ss-sub-menu
  {
      display: block;
    }
    .menunavheader .nav-links1.show1 .links1 .htmlcss-arrow,
    .menunavheader .nav-links1.show3 .links1 .js-arrow,
    .menunavheader .nav-links1.show4 .links1 .ss-arrow{
        transform: rotate(180deg);
}
    
}
@media (max-width:370px){
  nav .menunavheader .nav-links1{
  max-width: 100%;
} 
}






  
  /* ==============================================================
     GLOBAL STYLES
     ============================================================== */
  html {
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased; }
  
  body {
    font-family: "Lora", serif; 
    
    background-repeat: no-repeat;
    background-size: cover;}

    .tembus {
      font-family: "Lora", serif; 
      background: url('../images/bg.jpg') fixed;
      background-repeat:no-repeat;
    
   
      background-position:center;
      -o-background-size:cover;
      -webkit-background-size: cover;
      -moz-background-size: cover;
      background-size: cover;}
      
     
  
  h1 {
    font-size: 54px; }
  
  h2 {
    font-size: 35px; }
  
  h3 {
    font-size: 24px; }
  
  h4 {
    font-size: 20px; }
  
  p {
    font-size: 17px; }
  
  a {
    color: #cbb58b;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    a:hover {
      text-decoration: none;
      color: #000000; }
  
  .btn {
    font-family: "Lora", serif;
    cursor: pointer; }
  
  /* ==============================================================
     HEADER
     ============================================================== */
  .slider_img {
    width: 100%;
    background: #000; }
    .slider_img img {
      min-width: 100%;
      -o-object-fit: cover;
      object-fit: cover;
      -o-object-position: 50% 50%;
      object-position: 50% 50%; }
      @media (max-width: 500px) {
        .slider_img img {
          max-height: 300px; } }
          @media (max-width: 400px) {
            .slider_img img {
             
            height:170px;} }
  
  .carousel-caption {
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%; }
    @media (min-width: 992px) {
      .carousel-caption {
        -webkit-transform: translateY(-57%);
        -ms-transform: translateY(-57%);
        transform: translateY(-57%);
        top: 57%; }
        .layout_two .carousel-caption {
          -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
          transform: translateY(-50%);
          top: 50%; } }
    @media (max-width: 500px) {
      .carousel-caption {
        top: 45%; } }
  
  .slider_title h1 {
   
    text-align: left;
    color: white;
    margin-bottom: 40px;
    font-weight: 700; }
    
  
  .slider_title h4 {
    color: white;
    text-align: left;
    line-height: 1.8; }
  
  .slider-btn {
    text-align: left;
     }
     .slider-btn a {
      color: white;
       }
       .slider-btn2 {
        text-align: left;
         }
         .slider-btn2 a {
          color: rgb(0, 0, 0);
           }
  .carousel-indicators .active {
    background: #cbb58b; }
  
  .fa-slider {
    padding: 14px 14px;
    border: 2px solid #fff;
    font-size: 29px;
    border-radius: 2px; }
  
  @media (max-width: 768px) {
    .slider_title h1 {
      font-size: 42px; 
  margin-bottom: 3px;}
    .slider_title h4 {
      font-size: 19px;
      line-height: 1.5; }
    .btn-default {
      width: 50%;
      margin-bottom: 10px;
      font-size: 13px; } }
  
      @media (max-width: 480px) {
        .slider_title {
          margin: 0 0 5px; }
          .slider_title h1 {
            font-size: 15px;
            margin-bottom: 2px; }
          .slider_title h4 {
            font-size: 10px;
            line-height: 1.5; }
        .btn-default {
          width: 50%;
          padding: 3px;
          height: min-content;
          font-size: 10px; }
        .fa-slider {
          border: none;
          padding: 0; } }
  
  /* ==============================================================
     ABOUT
     ============================================================== */
  .about {
    padding: 97px 0 56px;
    background: #fff; }
    .about h2 {
      text-align: center;
      color: #2d2d2d;
      font-weight: 700; }
    .about p {
      text-align: center;
      color: #2d2d2d;
      line-height: 1.8;
      margin: 20px 0; }
    .about img {
      margin: 0 auto;
      display: block; }
  
  /* ==============================================================
     OUR COURSES
     ============================================================== */
  .our_courses {
    background: #f2f2f2;
   
    padding: 80px 0;
   }


   .our_courses2 {
    background: #fff;
   
    padding: 0px 0;
   }
   .our_courses3 {
    
    background: rgba(230, 224, 224, 0.5); 
    
    padding: 30px 0;
   }
    .our_courses h2 {
      font-weight: 700;
      margin: 0 0 28px; }
    .our_courses .courses_box a {
      text-decoration: none;
      color: #2d2d2d; }
      
    .our_courses .courses_box {
      position: relative;
      border: 0;
      border-radius:10px;
       
      background: #fff;
      -webkit-box-shadow: 0px 10px 90px -6px #c7c5c7;
      -moz-box-shadow: 0px 10px 90px -6px #c7c5c7;
      box-shadow: 0px 10px 90px -6px #c7c5c7;
      -webkit-transition: all 0.3s ease;
      -o-transition: all 0.3s ease;
      transition: all 0.3s ease;
      
    height: 350px}
      .our_courses .courses_box img {
        height: 200px;
        
        margin: 0;
        border: 0;
        border-radius:10px;
         }

         @media (max-width: 480px) {
          .our_courses .courses_box img {
            width: 480px;
            
            margin: 0;
            border: 0;
            border-radius:10px;

             }
            
             .our_courses .courses_box {
              height: 400px
             }

            }
    
        
      .our_courses .courses_box p {
        margin: 0; }
      .our_courses .courses_box h3 {
        font-weight: 600; }
      .our_courses .courses_box:hover {
        -webkit-box-shadow: 0px 40px 90px -6px #c7c5c7;
        box-shadow: 0px 40px 90px -6px #c7c5c7;
        margin-top: -5px; }
  
  @-webkit-keyframes SlideIn {
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  
  @keyframes SlideIn {
    100% {
      -webkit-transform: translateX(0px);
      transform: translateX(0px);
      opacity: 1; } }
  
  @-webkit-keyframes SlideWidth {
    100% {
      width: 550px; } }
  
  @keyframes SlideWidth {
    100% {
      width: 550px; } }
  
  .courses_box:hover .courses_box-img {
    opacity: 1; }
  
  .courses_box:hover .courses_icon {
    -webkit-transform: rotate(44deg);
    -ms-transform: rotate(44deg);
    transform: rotate(44deg); }
  
  .courses_box:hover .course-link:first-child {
    -webkit-animation: SlideIn 0.5s;
    animation: SlideIn 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s; }
    .courses_box:hover .course-link:first-child span:after {
      -webkit-animation: SlideWidth 0.8s;
      animation: SlideWidth 0.8s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-delay: 0.6s;
      animation-delay: 0.6s; }
  
  .courses_box:hover .course-link:nth-child(2) {
    -webkit-animation: SlideIn 0.5s;
    animation: SlideIn 0.5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s; }
    .courses_box:hover .course-link:nth-child(2) span:after {
      -webkit-animation: SlideWidth 0.8s;
      animation: SlideWidth 0.8s;
      -webkit-animation-fill-mode: forwards;
      animation-fill-mode: forwards;
      -webkit-animation-delay: 0.9s;
      animation-delay: 0.9s; }
  
  .course-img-wrap {
   
    position: relative; }
  
  .course-box-content {
    display: block;
    padding: 30px 20px; }
  
  .courses_icon {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    height: 43px;
    right: 0;
    width: 43px;
    background: #665c7c;
    border-radius: 50%;
    padding: 8px 11px 8px 13px;
    margin: -23px 10px 0 0;
    float: right;
    z-index: 3; }
    .courses_icon a {
      color: #fff; }
  
  .course-link {
    display: block;
    padding-bottom: 6px;
    -webkit-transform: translateX(-50px);
    -ms-transform: translateX(-50px);
    transform: translateX(-50px);
    opacity: 0;
    margin-left: 30px; }
    .course-link span {
      position: relative;
      display: inline-block; }
  
  .course-link span:after {
    content: "";
    position: absolute;
    left: 50%;
    top: 10px;
    width: 0;
    right: 0;
    height: 1px;
    background: #FFF;
    left: 100%;
    margin-left: 0; }
  
  .courses-link-wrap {
    overflow: hidden;
    position: absolute;
    top: 50%;
    width: 100%;
    right: 15px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
  
  .courses_box-img {
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    opacity: 0;
    background: rgba(203, 181, 139, 0.82);
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding-right: 30px;
    z-index: 2; }
    .courses_box-img a :hover {
      opacity: 0.8; }
    .courses_box-img a span {
      color: #fff;
      font-size: 15px;
      text-transform: uppercase;
      font-weight: 500;
      padding-right: 10px; }
  
  .btn-courses {
    font-size: 15px;
    font-weight: 700; }
  
  .rotate {
    -moz-transform: rotate(43deg);
    -ms-transform: rotate(43deg);
    -webkit-transform: rotate(43deg);
    transform: rotate(43deg); }
  
  .icon-rotate {
    -moz-transition-duration: 0.4s;
    -o-transition-duration: 0.4s;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    display: inline-block; }
  
  /* ==============================================================
     EVENTS
     ============================================================== */
  .event {
    padding: 97px 0;
    background: #fff; }
    .event h2 {
      font-weight: 600;
      margin: 0 0 28px; }
  
  .event-img {
    position: relative;
    -webkit-box-shadow: 0px 25px 90px 3px #c7c5c7;
    -moz-box-shadow: 0px 25px 90px 3px #c7c5c7;
    box-shadow: 0px 25px 90px 3px #c7c5c7;
    border-radius: 5px; }
    @media (max-width: 991px) {
      .event-img {
        margin-bottom: 50px; } }
    .event-img img {
      width: 100%;
      border-radius: 5px; }
  
  .event-img_date {
    position: absolute;
    top: 28px;
    left: 48px;
    background: #cbb58b;
    border-radius: 2px;
    padding: 8px 12px;
    color: #fff;
    font-size: 13px; }
    @media (max-width: 575px) {
      .event-img_date {
        display: none; } }
  
  .event-img_title {
    position: absolute;
    bottom: 0;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(black));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 100%);
    padding: 85px 0 20px 0;
    border-radius: 5px; }
    .event-img_title h3 {
      color: #fff;
      padding-left: 48px;
      position: relative; }
      @media (max-width: 575px) {
        .event-img_title h3 {
          padding-left: 20px; } }
    .event-img_title p {
      color: #e3e3e3;
      font-size: 17px;
      padding: 16px 48px 0 48px; }
      @media (max-width: 575px) {
        .event-img_title p {
          padding: 15px 20px; } }
    @media (max-width: 575px) {
      .event-img_title {
        padding: 0; } }
  
  .event-img_title h3:after {
    height: 2px;
    width: 21px;
    background: #fff;
    content: "";
    position: absolute;
    left: 48px;
    top: 115%; }
    @media (max-width: 575px) {
      .event-img_title h3:after {
        left: 20px; } }
  
  .event_date {
    width: 82px;
    background: #665c7c;
    float: left;
    text-align: center;
    border-radius: 2px; }
    .event_date img {
      float: left; }
  
  .event-date-wrap {
    border: 1px dashed #8d84a0;
    margin: 8px 8px;
    padding: 4px 0; }
    .event-date-wrap p {
      font-size: 23px;
      font-weight: 700;
      color: #fff;
      margin: 0; }
    .event-date-wrap span {
      color: #fff;
      font-weight: 700;
      font-size: 14px; }
  
  .date-description {
    margin-left: 115px; }
    .date-description h3 {
      margin-top: 0;
      font-weight: 600;
      margin-bottom: 25px;
      position: relative; }
      .date-description h3:after {
        height: 2px;
        width: 21px;
        background: #cbb58b;
        content: "";
        position: absolute;
        left: 0;
        top: 115%; }
  
  .btn-read {
    padding: 10px 20px !important;
    font-size: 14px; }
  
  .event_line {
    margin: 40px 0; }
  
  /* ==============================================================
     DETAILED CHART
     ============================================================== */
  .detailed_chart {
    background: url(../images/chart_bg.png) no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding: 97px 0; }
  
  .chart-img img {
    margin: 21px 0 0;
    padding-right: 16px;
    float: left; }
  
  .chart-img p {
    display: inline-block;
    color: #fff;
    font-size: 46px;
    font-weight: 700; }
    .chart-img p span {
      font-size: 24px;
      display: block;
      font-weight: 100; }
  
  .chart-text {
    margin: 11px 0 0;
    display: inline-block; }
    .chart-text p {
      color: #fff;
      font-size: 23px; }
      .chart-text p span {
        font-size: 40px;
        display: block;
        line-height: 1.3; }
  
  @media (max-width: 1200px) {
    .chart-img img {
      margin: 10px 0 0; }
    .chart-img p {
      font-size: 36px; }
      .chart-img p span {
        font-size: 17px; }
    .chart-text {
      margin: 0; }
      .chart-text p {
        font-size: 17px; }
        .chart-text p span {
          font-size: 36px; } }
  
  @media (max-width: 992px) {
    .chart-img {
      display: block; }
      .chart-img img {
        float: none;
        margin: 0 auto 15px;
        padding: 0;
        display: block; }
    .chart-text {
      text-align: center;
      display: block;
      margin: 0px 0 0; } }
  
  @media (max-width: 768px) {
    .chart_bottom {
      margin: 0 0 26px; }
    .chart_top {
      margin: 0 0 26px 0; } }
  
  /* ==============================================================
     OUR BLOG
     ============================================================== */
  .blog {
    background: #f2f2f2;
    padding: 97px 0; }
    .blog h2 {
      text-align: center;
      font-weight: 700;
      margin: 0 0 28px; }
  
  .blog-img_box {
    background: #fff;
    -webkit-box-shadow: 0px 9px 20px -2px rgba(214, 214, 214, 0.3);
    box-shadow: 0px 9px 20px -2px rgba(214, 214, 214, 0.3);
    position: relative;
    margin-bottom: 24px;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease; }
    .blog-img_box:hover {
      -webkit-box-shadow: 0px 15px 30px -2px rgba(214, 214, 214, 0.8);
      box-shadow: 0px 15px 30px -2px rgba(214, 214, 214, 0.8); }
  
  .blog_display {
    width: 100%; }
  
  .home_blog_link {
    display: block;
    color: #292b2c; }
  
  .blogtitle {
    padding: 24px 30px 10px 30px; }
    .blogtitle h3 {
      font-weight: 700; }
    .blogtitle p {
      color: #cbb58b;
      display: inline-block;
      padding: 0 6px 0 6px; }
  
  .blogtitle-rtl {
    padding: 12px 12px; }
    .blogtitle-rtl p {
      font-size: 15px; }
      @media (max-width: 1200px) {
        .blogtitle-rtl p {
          margin: 0; } }
  
  .blog_hide {
    background: #665c7c;
    color: #d5d0df;
    padding: 55px 45px 26px;
    -webkit-box-shadow: 0px 9px 16px -2px #d9d9d9;
    -moz-box-shadow: 0px 9px 16px -2px #d9d9d9;
    box-shadow: 0px 9px 16px -2px #d9d9d9; }
  
  .icon-link {
    color: #fff;
    font-size: 34px;
    display: block;
    padding: 0 0 22px; }
  
  .blogtitle-link {
    padding: 65px 0 0; }
    .blogtitle-link p {
      display: inline-block;
      padding: 0 6px 0 6px;
      color: #c5bfd0;
      margin: 0; }
    .blogtitle-link .icon-user,
    .blogtitle-link .icon-speedometer {
      color: #fff; }
  
  .blog-video {
    position: relative; }
  
  .blog-play_btn {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translateY(-50%) translateX(-50%);
    -ms-transform: translateY(-50%) translateX(-50%);
    transform: translateY(-50%) translateX(-50%); }
  
  @media (max-width: 1200px) {
    .blogtitle {
      padding: 16px 0 0 18px; }
      .blogtitle h3 {
        font-size: 20px; }
    .blog_hide {
      padding: 28px 20px 27px; }
    .blogtitle-link {
      padding: 37px 0 0; }
    .blogtitle-rtl {
      padding: 8px; } }
  
  @media (max-width: 992px) {
    .blogtitle {
      padding: 13px 0 0 8px; }
      .blogtitle h3 {
        font-size: 16px; }
      .blogtitle p {
        font-size: 14px;
        padding: 0; }
    .blog_hide {
      padding: 15px 7px 12px; }
      .blog_hide a {
        font-size: 13px; }
    .blogtitle-link {
      padding: 18px 0 0; }
      .blogtitle-link p {
        font-size: 14px;
        padding: 0; }
      .blogtitle-link span {
        font-size: 14px; }
    .icon-link {
      padding: 0 0 17px;
      font-size: 27px; } }
  
  @media (max-width: 768px) {
    .blog-box_block {
      margin-bottom: 0; }
    .blog-img_box {
      margin: 0 0 20px; }
    .blogtitle {
      padding: 16px 0 0 16px; }
      .blogtitle h3 {
        font-size: 20px; }
      .blogtitle p {
        font-size: 14px;
        padding: 0 6px 0 6px; }
    .blog_hide {
      padding: 16px 16px;
      margin: 0 0 20px; }
      .blog_hide a {
        font-size: 18px; }
    .blogtitle-link p {
      font-size: 14px;
      padding: 0 6px 0 6px; }
    .blogtitle-link span {
      font-size: 14px;
      padding: 0 6px 0 6px; } }
  
  @media (max-width: 480px) {
    .blogtitle h3 {
      font-size: 17px; } }
  
  /* ==============================================================
     GALLERY
     ============================================================== */
  .gallery-wrap {
    padding: 98px 0; }
    .gallery-wrap img {
      margin: 0;
      width: 100%; }
  
  .gallery-wrap {
    margin: 0; }
  
  .instafeed_img {
    overflow: hidden;
    position: relative; }
    .instafeed_img a {
      display: block;
      cursor: move;
      cursor: grab;
      cursor: -moz-grab;
      cursor: -webkit-grab; }
      .instafeed_img a:active {
        cursor: grabbing;
        cursor: -moz-grabbing;
        cursor: -webkit-grabbing; }
      .instafeed_img a .instagram_img_holder {
        width: 100%;
        height: 265px;
        -webkit-background-size: cover;
        background-size: cover; }
    .instafeed_img .instafeed_img_overlay {
      position: absolute;
      overflow: hidden;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background-color: rgba(203, 181, 139, 0.85);
      opacity: 0;
      -webkit-transform: scale(0);
      -ms-transform: scale(0);
      transform: scale(0);
      -webkit-transition: all 0.4s ease-in-out;
      -o-transition: all 0.4s ease-in-out;
      transition: all 0.4s ease-in-out;
      text-align: center; }
      .instafeed_img .instafeed_img_overlay:after {
        content: "";
        position: absolute;
        border: 1px solid #FFF;
        left: 20px;
        right: 20px;
        top: 20px;
        bottom: 20px; }
  
  .instafeed_img:hover .instafeed_img_overlay {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }
  
  .instafeed_img .instafeed_img_overlay span {
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    position: absolute;
    width: 100%;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 16px; }
    @media (max-width: 767px) {
      .instafeed_img .instafeed_img_overlay span {
        font-size: 12px; } }
  
  /* ==============================================================
     FOOTER
     ============================================================== */
  footer {
    background: #38bbff;
    padding: 3px 0 3px; }
    .footer2 {
      height: auto;
      background: #000080;
      color: #fff;
      padding:2px; }
  
  .subscribe {
    border-bottom: 1px solid #3f3f3f; }
    .subscribe h3 {
      text-align: center;
      color: #fff;
      padding: 0; }
    .subscribe form {
      text-align: center;
      margin: 20px auto 60px; }
    .subscribe .form-group {
      position: relative; }
    .subscribe .help-block {
      position: absolute;
      text-align: center;
      display: block;
      width: 100%;
      margin: 10px 0; }
    @media (max-width: 767px) {
      .subscribe .btn-warning {
        margin: 0 auto; }
      .subscribe .help-block {
        position: static;
        margin: 0 0 15px; }
      .subscribe #js-subscribe-result .help-block {
        margin: 10px 0 15px; } }
  
  .signup_form {
    font-family: "Lora", serif;
    background: #3f3f3f;
    font-size: 17px;
    border: none;
    padding: 15px 60px 15px 60px;
    border-radius: 3px;
    color: #fff;
    outline: none;
    background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDMxLjAxMiAzMS4wMTIiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMxLjAxMiAzMS4wMTI7IiB4bWw6c3BhY2U9InByZXNlcnZlIiB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4Ij4KPGc+Cgk8cGF0aCBkPSJNMjguNTEyLDI2LjUyOUgyLjVjLTEuMzc4LDAtMi41LTEuMTIxLTIuNS0yLjVWNi45ODJjMC0xLjM3OSwxLjEyMi0yLjUsMi41LTIuNWgyNi4wMTJjMS4zNzgsMCwyLjUsMS4xMjEsMi41LDIuNXYxNy4wNDcgICBDMzEuMDEyLDI1LjQwOCwyOS44OSwyNi41MjksMjguNTEyLDI2LjUyOXogTTIuNSw1LjQ4MmMtMC44MjcsMC0xLjUsMC42NzMtMS41LDEuNXYxNy4wNDdjMCwwLjgyNywwLjY3MywxLjUsMS41LDEuNWgyNi4wMTIgICBjMC44MjcsMCwxLjUtMC42NzMsMS41LTEuNVY2Ljk4MmMwLTAuODI3LTAuNjczLTEuNS0xLjUtMS41SDIuNXoiIGZpbGw9IiNGRkZGRkYiLz4KCTxwYXRoIGQ9Ik0xNS41MDYsMTguMDE4Yy0wLjY2NSwwLTEuMzMtMC4yMjEtMS44MzYtMC42NjJMMC44OTEsNi4yMTljLTAuMjA4LTAuMTgyLTAuMjMtMC40OTctMC4wNDgtMC43MDUgICBjMC4xODItMC4yMSwwLjQ5OC0wLjIzLDAuNzA2LTAuMDQ5bDEyLjc3OCwxMS4xMzdjMC42NCwwLjU1NywxLjcyLDAuNTU2LDIuMzU4LDBMMjkuNDYsNS40NjZjMC4yMDctMC4xODMsMC41MjItMC4xNjIsMC43MDYsMC4wNDkgICBjMC4xODIsMC4yMDgsMC4xNiwwLjUyMy0wLjA0OCwwLjcwNUwxNy4zNDIsMTcuMzU1QzE2LjgzNiwxNy43OTcsMTYuMTcxLDE4LjAxOCwxNS41MDYsMTguMDE4eiIgZmlsbD0iI0ZGRkZGRiIvPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=);
    background-repeat: no-repeat;
    background-position: 22px 19px;
    width: 460px;
    margin-right: 15px; }
    @media (max-width: 767px) {
      .signup_form {
        width: 100%;
        margin-right: 0;
        margin-bottom: 15px; } }
  
  .signup_form::-webkit-input-placeholder {
    color: #969696; }
  
  .signup_form::-moz-placeholder {
    color: #969696; }
  
  .signup_form:-ms-input-placeholder {
    color: #969696; }
  
  .signup_form::placeholder {
    color: #969696; }
  
  .btn-warning {
    background: #304ffe;
    border: none;
    border-radius: 3px;
    padding: 17px 34px;
    font-size: 15px;
    outline: none;
    cursor: pointer;
    font-weight: bold; }
  
  .btn-black.active,
  .btn-black:active,
  .show > .btn-warning.dropdown-toggle {
    color: #fff;
    background: #cbb58b; }
  
  .btn-warning:hover {
    border: none;
    background: #111; }
  
  .foot-logo {
    padding: 60px 0 34px; }
    .foot-logo p {
      color: #050505;
      font-weight: 100;
      padding: 24px 0 0;
      font-size: 17px; }
  
  .tweet {
    color: #c4c4c4; }
    .tweet ul {
      padding-left: 0; }
    .tweet li {
      list-style: none;
      margin-left: 0;
      margin-top: 30px; }
    .tweet a:hover {
      color: #cbb58b;
      text-decoration: underline; }
    .tweet i {
      font-size: 28px;
      color: #cbb58b;
      float: left; }
    .tweet div {
      margin-left: 50px; }
  
  .sitemap ul {
    margin: 0;
    padding: 16px 0 0; }
    .sitemap ul li {
      list-style: none; }
      .sitemap ul li a {
        color: #c4c4c4;
        font-size: 17px;
        line-height: 2; }
      .sitemap ul li :hover {
        color: #cbb58b;
        text-decoration: none;
        -webkit-transition: 0.2s;
        -o-transition: 0.2s;
        transition: 0.2s; }
  
  footer h3 {
    color: rgb(0, 0, 0);
    padding: 20px 0 0; }
  
  .address p {
    color: #000000;
    padding: 16px 0 0; }
    .address p span {
      color: rgb(0, 0, 0); }
  
  .address ul {
    margin: 0;
    padding: 0; }
    .address ul li {
      list-style: none;
      float: left; }
      .address ul li a {
        color: #fff;
        margin-right: 5px; }
  
  .footer-social-icons a {
    margin-right: 10px; }
  
  .fa-fb {
    background: #4b6eb9;
    padding: 14px 18px;
    border-radius: 50%;
    width: 44px;
    height: 44px; }

    .fa-yt {
      background: #f00000;
      padding: 13px 16px;
      border-radius: 50%;
      width: 44px;
      height: 44px; }
      .fa-yt:hover {
        opacity: 0.8;
        -webkit-transition: 0.2;
        -o-transition: 0.2;
        transition: 0.2; }
  .fa-fb:hover {
    opacity: 0.8;
    -webkit-transition: 0.2;
    -o-transition: 0.2;
    transition: 0.2; }
  
  .fa-in {
    background: #c318c3;
    padding: 13px 16px;
    border-radius: 50%;
    width: 44px;
    height: 44px; }
  
  .fa-in:hover {
    opacity: 0.8;
    -webkit-transition: 0.2;
    -o-transition: 0.2;
    transition: 0.2; }
  
  .fa-tw {
    background: #55acee;
    padding: 14px 16px;
    border-radius: 50%;
    width: 44px;
    height: 44px; }
  
  .fa-tw:hover {
    opacity: 0.8;
    -webkit-transition: 0.2;
    -o-transition: 0.2;
    transition: 0.2; }
  
  @media (max-width: 992px) {
    footer h3 {
      font-size: 18px; }
    .fa-fb {
      width: 44px;
      height: 44px;
      padding: 15px 17px; }
    .fa-in {
      width: 44px;
      height: 44px;
      padding: 14px 16px; }
    .fa-tw {
      width: 44px;
      height: 44px;
      padding: 14px 16px; } }
  
  @media (max-width: 767px) {
    .subscribe form {
      margin: 20px 0 38px; }
    .foot-logo {
      padding: 32px 0 34px; }
      .foot-logo p {
        padding: 11px 0 0; } }
  
  @media (max-width: 480px) {
    .btn-warning {
      width: 100%; }
    .foot-logo {
      padding: 28px 0 0; }
    footer h3 {
      padding: 42px 0 0; } }
  
  /*
   * ABOUT PAGE
   ********************************/
  /* ==============================================================
     ABOUT HEADER
     ============================================================== */
  .about-nav {
    position: relative;
    background: #ccc; }
  
  .about_bg {
    background: url(../images/about-bg.jpg) no-repeat;
    -webkit-background-size: cover;
    background-size: cover; }
    .about_bg h1 {
      text-align: center;
      color: #fff;
      margin: 0;
      padding: 37px 0 90px;
      font-weight: 700; }
  
  @media (max-width: 992px) {
    .about_bg h1 {
      font-size: 42px; } }
  
  /* ==============================================================
     ABOUT WELCOME
     ============================================================== */
  .welcome_about {
    padding: 98px 0; }
    .welcome_about h2 {
      font-weight: 600;
      color: #2d2d2d;
      margin: 0 0 28px; }
    .welcome_about p {
      color: #2d2d2d;
      line-height: 1.8; }
    .welcome_about img {
      width: 100%; }
  
  .btn-about {
    background: none;
    border: 3px solid #cbb58b;
    border-radius: 2px;
    padding: 14px 20px;
    color: #cbb58b;
    font-size: 15px;
    margin: 16px 0 0; }
  
  @media (max-width: 992px) {
    .welcome_about {
      padding: 58px 0; }
    .btn-about {
      margin: 0px 0 32px; } }
  
  /* ==============================================================
     ABOUT TESTIMONIAL
     ============================================================== */
  .testimonial {
    background: #f2f2f2;
    padding: 98px 0; }
    .testimonial h2 {
      text-align: center;
      font-weight: 600;
      color: #2d2d2d;
      margin: 0 0 28px; }
  
  .quote {
    text-align: center;
    font-size: 24px;
    outline: none;
    cursor: -webkit-grab;
    cursor: grab; }
    .quote i {
      border: 2px solid #cbb58b;
      padding: 20px;
      border-radius: 50%;
      color: #cbb58b; }
    .quote .quote_text {
      text-align: center;
      margin: 31px auto;
      line-height: 2;
      position: relative;
      max-width: 710px; }
      @media (min-width: 992px) {
        .quote .quote_text:before, .quote .quote_text:after {
          position: absolute;
          display: inline-block;
          font: normal normal normal 14px/1 FontAwesome;
          font-size: inherit;
          text-rendering: auto;
          -webkit-font-smoothing: antialiased;
          -moz-osx-font-smoothing: grayscale;
          color: #cbb58b; }
        .quote .quote_text:before {
          content: "\f10d";
          top: 0;
          left: -40px; }
        .quote .quote_text:after {
          content: "\f10e";
          top: 0;
          right: -40px; } }
  
  .testi-img_block {
    max-width: 500px;
    margin: 0 auto 30px; }
    .testi-img_block img {
      margin: 0;
      display: inline-block;
      border-radius: 50%;
      max-width: 60px;
      margin-top: -18px; }
    .testi-img_block p {
      display: inline-block;
      font-size: 15px;
      margin-bottom: 0;
      padding-left: 10px; }
      .testi-img_block p span {
        color: #cbb58b;
        font-size: 16px;
        display: block; }
  
  @media (max-width: 768px) {
    .testi-img_block p {
      display: block;
      position: inherit;
      padding: 8px 0px;
      margin: 0; } }
  
  /* ==============================================================
     ABOUT OUR TEACHERS
     ============================================================== */
  .our-teachers {
    padding: 98px 0; }
    .our-teachers h2 {
      text-align: center;
      font-weight: 600;
      margin: 0 0 28px; }
  
  .our-teachers-block {
    background: #fff;
    border: 1px solid #ececec;
    -webkit-box-shadow: 0px 5px 34px 8px #ececec;
    -moz-box-shadow: 0px 5px 34px 8px #ececec;
    box-shadow: 0px 5px 34px 8px #ececec;
    position: relative;
    min-height: 205px;
    margin-bottom: 30px; }
    .our-teachers-block .teachers-img {
      width: 45%;
      position: absolute;
      bottom: 0;
      top: 0;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
      @media (max-width: 1200px) {
        .our-teachers-block .teachers-img {
          width: 35%; } }
    .our-teachers-block .teachers-description {
      margin-left: 45%;
      padding: 20px 85px 15px 20px; }
      @media (max-width: 1200px) {
        .our-teachers-block .teachers-description {
          margin-left: 35%; } }
      .our-teachers-block .teachers-description p {
        margin: 0; }
        .our-teachers-block .teachers-description p span {
          color: #cbb58b;
          font-weight: 100;
          font-size: 18px; }
  
  .social-icons {
    position: absolute;
    right: 0;
    top: 0;
    background: #FFF;
    bottom: 0;
    width: 50px;
    border-left: 1px solid #ececec; }
    .social-icons ul {
      padding: 0;
      margin: 0;
      list-style: none;
      display: table;
      height: 100%; }
      .social-icons ul li {
        list-style: none;
        margin: 0 0 10px;
        display: table-row;
        min-height: 1px;
        text-align: center; }
        .social-icons ul li a {
          color: #787878;
          font-size: 20px;
          padding: 5px 15px;
          border-bottom: 1px solid #ececec;
          display: table-cell;
          vertical-align: middle;
          width: 1%; }
          .social-icons ul li a i {
            -webkit-transition: all 0.3s ease;
            -o-transition: all 0.3s ease;
            transition: all 0.3s ease; }
          .social-icons ul li a:hover i {
            color: #cbb58b; }
        .social-icons ul li:last-child a {
          border-bottom: 0; }
  
  @media (max-width: 992px) {
    .our-teachers-block .teachers-img {
      display: block;
      float: none;
      width: 100%;
      position: static; }
    .our-teachers-block .teachers-description {
      margin-left: 0;
      padding: 20px 20px 70px; }
    .our-teachers-block .social-icons {
      top: inherit;
      left: 0;
      width: 100%;
      border-top: 1px solid #ececec;
      border-left: 0;
      height: 50px; }
      .our-teachers-block .social-icons ul {
        width: 100%; }
      .our-teachers-block .social-icons li {
        display: table-cell;
        margin: 0; }
        .our-teachers-block .social-icons li a {
          display: inherit;
          border-bottom: 0;
          border-right: 1px solid #ececec;
          height: 50px; } }
  
  /*
   * ADMISSION PAGE
   ********************************/
  /* ==============================================================
     ADMISSION COURCES
     ============================================================== */
  .admission_cources {
    padding: 70px 0; }
    .admission_cources h2 {
      font-weight: 700; }
    .admission_cources p {
      line-height: 1.8;
      padding: 0; }
  
  .course_filter {
    padding: 33px 30px;
    background: #cbb58b;
    border-radius: 2px; }
    .course_filter .form-control {
      border: 0; }
  
  select.form-control.custom-select {
    height: 3rem !important;
    margin-right: 13px; }
  
  .btn-admission {
    padding: 13px 54px;
    text-transform: uppercase;
    border: none;
    color: #fff;
    background: #d8c299;
    -webkit-box-shadow: 0px 1px 1px 0px rgba(3, 3, 3, 0.35);
    -moz-box-shadow: 0px 1px 1px 0px rgba(3, 3, 3, 0.35);
    box-shadow: 0px 1px 1px 0px rgba(3, 3, 3, 0.35); }
  
  .btn-admission:hover {
    background: #e0c795;
    color: #fff; }
  
  .course_box {
    border: 1px solid #ececec;
    display: block;
    color: #2d2d2d;
    position: relative;
    min-height: 260px;
    margin-bottom: 30px; }
    .course_box img {
      width: 45%;
      position: absolute;
      bottom: 0;
      top: 0;
      height: 100%;
      -o-object-fit: cover;
      object-fit: cover; }
    .course_box h4 {
      font-weight: 600; }
    .course_box p {
      font-size: 15px;
      padding-top: 15px;
      margin-bottom: 0; }
  
  .course_box:hover,
  .course_box:focus,
  .course_box:active {
    color: #2d2d2d;
    text-decoration: none;
    opacity: 0.8;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  
  .couse-desc-wrap {
    margin-left: 45%;
    padding: 20px 25px; }
  
  .course_duration {
    margin-left: 45%; }
  
  .star-rating .fa-star {
    color: #ffb914; }
  
  .course_duration {
    border-top: 1px solid #eaeaea;
    background: #f6f6f6; }
    .course_duration ul {
      padding: 0;
      margin: 0; }
      .course_duration ul li {
        list-style: none;
        display: inline-block;
        margin-left: 20px;
        padding: 9px 0 9px; }
        .course_duration ul li p {
          padding: 0;
          margin: 0;
          color: #cbb58b; }
        .course_duration ul li span {
          font-weight: 700;
          font-size: 15px; }
  
  @media (max-width: 1200px) {
    .course_box p {
      font-size: 14px; }
    .course_duration ul li p {
      font-size: 13px; }
    .course_duration ul li span {
      font-size: 12px; } }
  
  @media (max-width: 992px) {
    .course_box img {
      position: static;
      width: 100%; }
    .couse-desc-wrap {
      margin-left: 0; }
    .course_duration {
      margin-left: 0; } }
  
  /* ==============================================================
     ADMISSION DETAILS COURSES
     ============================================================== */
  .admission_discription {
    padding: 50px 0; }
    .admission_discription h4 {
      font-weight: 700; }
    .admission_discription p {
      text-align: left;
      margin-top: 12px; }
    .admission_discription ul {
      padding: 0;
      margin: 0; }
    .admission_discription li {
      background: url(../images/discription-icon.png) no-repeat 5px 3px;
      list-style: none;
      padding: 0 0 12px 36px;
      font-size: 16px; }
  
  .admission-pdf {
    background: #f6f6f6;
    border: 1px solid #ebebeb;
    padding: 18px 22px 18px 22px;
    position: relative;
    width: 86%; }
    .admission-pdf p {
      display: inline-block;
      text-align: left;
      text-transform: uppercase;
      margin: 0;
      padding: 0 15px 0 15px;
      font-weight: 700;
      font-size: 14px; }
      .admission-pdf p span {
        text-decoration: underline; }
        .admission-pdf p span a {
          color: #cbb58b; }
  
  .pdf_btn {
    position: relative; }
  
  .btn-pdf_join {
    position: absolute;
    right: -60px;
    top: 15px;
    text-transform: uppercase;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.75); }
  
  .admission_testimonial {
    padding-top: 70px; }
    .admission_testimonial h4 {
      font-weight: 700;
      margin: 0 0 28px; }
    .admission_testimonial .admissiontesti-img_block {
      display: inline-block; }
      .admission_testimonial .admissiontesti-img_block img {
        border-radius: 50%; }
    .admission_testimonial .admissiontesti-text_block {
      float: right;
      width: 84%; }
      .admission_testimonial .admissiontesti-text_block p {
        line-height: 1.8;
        text-align: left; }
      .admission_testimonial .admissiontesti-text_block h6 {
        line-height: 1.5; }
        .admission_testimonial .admissiontesti-text_block h6 span {
          color: #cbb58b; }
  
  .admission_rating {
    padding: 6px 16px;
    margin: 70px 0 0;
    background: #cbb58b;
    display: inline-block; }
    .admission_rating li {
      float: left;
      font-size: 15px;
      width: 50%;
      list-style: none;
      padding: 10px 0;
      color: #fff;
      border-bottom: 1px solid #d1c3a7; }
      .admission_rating li span {
        float: right; }
    .admission_rating li:nth-child(11) {
      border: none; }
    .admission_rating li:last-child {
      border: none; }
    .admission_rating .admission_star {
      padding-left: 22px;
      font-size: 15px;
      color: #fff8ea;
      font-weight: 100; }
  
  .admission_insruction {
    padding:5px 0px 5px; 
    border: 2px solid #ccc;
  }
    .admission_insruction h4 {
      font-weight: 700;
      margin: 0 0 14px; }
    .admission_insruction p {
      font-weight: 700;
      font-size: 15px; }
      .admission_insruction p span {
        color: #000000; }
        .admission_insruction img {
          border-radius: 50%;
        }
        
        

        
  
  .admission_share-icon {
    margin: 50px 0 0; }
    .admission_share-icon h4 {
      font-weight: 700; }
    .admission_share-icon a {
      display: inline-block;
      list-style: none;
      background: #e8e8e8;
      width: 52px;
      height: 52px;
      margin-right: 6px;
      border-radius: 50%;
      padding: 16px 20px;
      color: #2d2d2d; }
  
  .admission_share-icon a:hover {
    opacity: 0.6;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  
  @media (max-width: 1200px) {
    .admission-pdf p {
      padding: 0 0 0 12px;
      font-size: 13px; } }
  
  @media (max-width: 992px) {
    .btn-pdf_join {
      right: 20px; }
    .admission_rating {
      padding: 6px 8px; }
      .admission_rating ul li {
        font-size: 13px; }
    .admission_testimonial,
    .admission_insruction,
    .admission_insruction2,
    .admission_share-icon,
    .admission_testimonial .admissiontesti-text_block p {
      text-align: center; }
    .admission_rating {
      font-size: 13px; }
    .admission-pdf {
      width: 100%; }
    .admission_share-icon ul li {
      width: 44px;
      height: 44px;
      padding: 11px 15px; }
    .admissiontesti-text_block {
      width: 100% !important; } }
  
  @media (max-width: 767px) {
    .admission-pdf {
      padding: 20px; }
      .admission-pdf i {
        font-size: 2em; } }
  
  @media (max-width: 575px) {
    .btn-pdf_join {
      position: static;
      margin-top: 20px;
      width: 100%; } }
  
  /*
   * ADMISSION FORM
   ********************************/
  /* ==============================================================
     ADMISSION FORM RULES
     ============================================================== */
  .admission-form_rules {
    padding: 60px 0; }
    .admission-form_rules h2 {
      font-weight: 700;
      margin: 0 0 28px; }
    .admission-form_rules p {
      line-height: 1.8; }
  
  .admission-form_listed {
    padding: 66px 0 0;
    margin: 0; }
    .admission-form_listed li {
      list-style: none;
      background: url(../images/right-icon.png) no-repeat;
      font-size: 17px;
      color: #cbb58b;
      padding-left: 30px;
      line-height: 2; }
  
  @media (max-width: 768px) {
    .admission-form_listed {
      padding: 12px 0 0; } }
  
  .form-control::-webkit-input-placeholder {
    color: #d0d0d0;
    opacity: 1; }
  
  .form-control::-moz-placeholder {
    color: #d0d0d0;
    opacity: 1; }
  
  .form-control:-ms-input-placeholder {
    color: #d0d0d0;
    opacity: 1; }
  
  .form-control::placeholder {
    color: #d0d0d0;
    opacity: 1; }
  
  .has-danger .custom-select {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='%23333' d='M2 0L0 2h4zm0 5L0 3h4z'/%3E%3C/svg%3E"); }
  
  .has-danger .custom-select:focus {
    border-color: #d9534f; }
  
  .admission_form {
    padding: 0 0 98px; }
    .admission_form img {
      margin: 0 auto;
      display: block; }
    .admission_form h2 {
      text-align: center;
      font-weight: 700;
      margin: 0 0 28px; }
    .admission_form label {
      width: 100%;
      margin: 13px 0; }
  
  .form-control {
    border: 2px solid #ccc; }
    .form-control:not(textarea) {
      height: 50px; }
  
  .admission-form_dropdown {
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 3px;
    padding: 14px 12px;
    outline: none; }
  
  .admission-form_date {
    width: 32.4%;
    border: 2px solid #ccc;
    border-radius: 3px;
    padding: 14px 12px;
    outline: none; }
  
  .admission-form_text {
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 3px;
    padding: 12px 12px;
    outline: none; }
  
  .admission-form_address {
    margin: 18px 0 0; }
  
  .admission-form_message {
    width: 100%;
    border: 2px solid #ccc;
    border-radius: 3px;
    padding: 12px 12px;
    height: 262px;
    outline: none; }
  
  @media (max-width: 1200px) {
    .admission-form_date {
      width: 100%;
      margin: 18px 0 0; }
    .admission-form_respons {
      margin: 0; } }
  
  /*
   * CAMPUS LIFE
   ********************************/
  /* ==============================================================
     CAMPUS
     ============================================================== */
  .campus {
    padding: 98px 0; }
    .campus h2 {
      font-weight: 700;
      margin: 0 0 28px; }
    .campus p {
      line-height: 1.8;
      margin: 21px 0 58px; }
  
  .campus-img_block {
    position: relative; }
    .campus-img_block .campus-title-block {
      width: 100%;
      position: absolute;
      bottom: 0;
      left: 0;
      background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(black));
      background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
      background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, black 100%);
      background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, black 100%); }
      .campus-img_block .campus-title-block h4 {
        color: #fff;
        padding: 60px 30px 17px 30px;
        margin: 0; }
  
  .campus-img_text {
    padding: 6px 0; }
    .campus-img_text p {
      font-size: 15px;
      color: #686868; }
  
  @media (max-width: 992px) {
    .campus-img_block h4 {
      top: -36px;
      left: 15px;
      font-size: 18px; }
    .campus-img_text {
      padding: 0px 8px; } }
  
  @media (max-width: 768px) {
    .campus-img_block img {
      width: 100%; } }
  
  /*
   * RESEARCH
   ********************************/
  /* ==============================================================
     RESEARCH
     ============================================================== */
  .research {
    padding: 98px 0; }
    .research h2 {
      font-weight: 700;
      margin: 0 0 28px; }
    .research h3 {
      font-weight: 700;
      margin: 6px 0 28px; }
  
  .research-current_block {
    margin-bottom: 60px; }
    .research-current_block img {
      float: left;
      max-width: 160px; }
    .research-current_block h4 {
      font-weight: 700;
      margin-bottom: 16px;
      margin-left: 190px; }
    .research-current_block p {
      line-height: 1.8;
      color: #2d2d2d;
      margin-left: 190px; }
    .research-current_block ul {
      margin-left: 190px; }
  
  .research-list li {
    font-weight: 700;
    line-height: 1.8; }
  
  .research-current_last {
    margin-bottom: 0; }
  
  .research-posts .research-news_block {
    border-bottom: 1px solid #efefef;
    padding-bottom: 7px;
    padding-top: 20px; }
    .research-posts .research-news_block:first-child {
      padding-top: 0; }
    .research-posts .research-news_block:last-child {
      border-bottom: 0;
      padding-bottom: 30px; }
    .research-posts .research-news_block span {
      color: #cbb58b;
      font-size: 13px;
      font-weight: 700;
      margin-top: 30px; }
    .research-posts .research-news_block p {
      font-weight: 700;
      font-size: 16px; }
  
  @media (max-width: 767px) {
    .research-current_block img {
      min-width: 100%;
      margin-bottom: 12px; }
    .research-current_block h4,
    .research-current_block p,
    .research-current_block ul {
      margin-left: 0; }
    .research h3 {
      margin-top: 40px; } }
  
  .research-features img {
    width: 100%; }
  
  .research-featurestext_block {
    background: #cbb58b;
    max-width: 850px;
    margin: -180px auto 0 auto;
    padding: 50px 77px;
    position: relative; }
    .research-featurestext_block h3 {
      text-align: center;
      color: #fff;
      font-weight: 700;
      margin: 0 0 28px; }
    .research-featurestext_block p {
      line-height: 1.8;
      text-align: center;
      color: #eee5d4; }
  
  .resources {
    padding: 98px 0; }
  
  .resources-title {
    text-align: center;
    font-weight: 700;
    margin: 0 0 28px; }
  
  .resources-slider_wrap {
    width: 100%; }
  
  .research-testi_block img {
    margin: 0 auto;
    border-radius: 50%;
    display: block; }
  
  .research-testi_block h4 {
    font-weight: 700;
    text-align: center;
    margin: 36px 0;
    margin: 30px 0 16px 0; }
  
  .research-testi_block p {
    text-align: center;
    line-height: 1.8;
    padding: 0 26px; }
  
  @media (max-width: 992px) {
    .research-featurestext_block {
      max-width: 700px;
      margin: -125px auto 0 auto;
      padding: 25px 66px; } }
  
  @media (max-width: 768px) {
    .research-featurestext_block {
      max-width: 100%;
      margin: 0px auto 0 auto;
      padding: 24px 48px; }
      .research-featurestext_block h3 {
        margin: 0 0 13px; } }
  
  /*
   * BLOG
   ********************************/
  /* ==============================================================
     BLOG
     ============================================================== */
  .blog-wrap {
    padding: 30px 30px; }
    .blog-wrap2 {
      padding: 20px 20px 20px; }
  
  .blog-img_block {
    position: relative; }
    .blog-img_block img {
      border-radius: 20px;
      border: 4px solid #38bbff;
      padding-left: 0px; }
      

      .fasilitas{
        position: relative; }
        .fasilitas img {
          height: 200px;
          width: 350px;
          border-radius: 20px;
          border: 4px solid #38bbff;
          padding-left: 0px; }

          @media (max-width: 480px) {
            .fasilitas img {
           width: 100%;}
          }
          
      .sekolah {
        position: relative; }
        .sekolah img {
          width: 50%;
          border-radius: 20px;
          border: 4px solid #38bbff;
          padding-left: 0px; }
      .keahlian {
        position: relative;
        border-radius: 20px;
         background: #f2f2f2;
        border: 1px solid #38bbff;
        padding: 5px; }
        



      .admission_insruction2 {
        padding:5px 0px 5px; 
        
      }
        .admission_insruction2 h4 {
          font-weight: 700;
          margin: 0 0 14px; }
        .admission_insruction2 p {
          font-weight: 700;
          font-size: 15px; }
          .admission_insruction2 p span {
            color: #000000; }
            .admission_insruction2 img {
              border-radius: 10%;
             
            }
            
  
  .blog-date {
    background: #2d2d2d;
    border: 1px solid white;
    padding: 12px 16px;
    opacity:0.8;
    display: inline-block;
    border-top-left-radius: 40px;
  border-top-right-radius: 40px;
  border-bottom-right-radius: 60px;
  border-bottom-left-radius: 60px;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); }
    .blog-date span {
      color: #fff;
      font-size: 18px;
      font-weight: 700; }
  
  .blog-tiltle_block {
    padding: 0 0 0 0; }
    .blog-tiltle_block h4 {
      font-weight: 700; }
      .blog-tiltle_block h4 a {
        font-size: 20px;
        text-decoration: none; }
    .blog-tiltle_block h6 a {
      padding-right: 15px;
      padding-left: 15px;
      font-weight: 300;
      font-size: 14px;
      text-decoration: none; }
      .blog-tiltle_block h6 a span {
        padding-left: 5px; }
      .blog-tiltle_block h6 a:first-child {
        padding-left: 0; }
    .blog-tiltle_block p {
      line-height: 1.8;
      padding: 22px 16px 0 0; }
    .blog-tiltle_block a {
      color: #2d2d2d;
      font-size: 13px;
      text-decoration: underline;
      font-weight: 700; }
      .blog-tiltle_block h4 :hover{
        color: #38bbff;}
  
  .blog-icons {
    border-top: 1px solid #e3eaef;
    border-bottom: 1px solid #e3eaef;
    margin: 36px 0;
    padding: 8px 0; }
    .blog-icons .blog-share_block {
      text-align: right;
      line-height: 1.3; }
      .blog-icons .blog-share_block ul {
        display: inline-block;
        padding: 3px 0 0;
        margin: 0; }
        .blog-icons .blog-share_block ul li {
          list-style: none;
          float: right; }
          .blog-icons .blog-share_block ul li a {
            margin: 0 0 0 25px;
            color: #ccc; }
            .blog-icons .blog-share_block a :hover {
              color: #38bbff; 
            }
  
  .quote-right {
    float: right; }
  
  .blog-search {
    border: 1px solid #ccc;
    padding: 8px 16px;
    border-radius: 2px;
    font-size: 15px; }
  
  .btn-blogsearch {
    padding: 11px 16px;
    border-radius: 2px;
    font-size: 15px;
    outline: none; }
  
  .blog-category_block {
    padding: 0 0; }
    .blog-category_block h3 {
      font-weight: 200;
      margin: 0 0 0; }
    .blog-category_block ul {
      margin: 0;
      padding: 0; }
      .blog-category_block ul li {
        list-style: none;
        margin: 10px 0;
        border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
        .blog-category_block ul li a {
          color: #2d2d2d;
          text-decoration: none;
          padding-bottom: 10px;
          display: block; }
          .blog-category_block ul li a i {
            float: right; }
          .blog-category_block ul li a:hover {
            color: #38bbff;
            opacity: 0.8; }
            .blog-category_block ul li.active {
              border-radius:5px;
              background:#000080}
              .blog-category_block ul li.active a {
                color:white;
               }
      .blog-category_block ul hr {
        margin: 0; }
      .blog-category_block ul ul {
        background: #f7f7f7;
        padding: 20px; }
        .blog-category_block ul ul li {
          border-bottom-color: #FFF; }
  

.berita1{
  padding: 3px;
  border: 2px solid rgb(2, 2, 2);
  height: auto;
}
.berita{
  border: 2px solid #606363;
  height: auto;
}
  .blog-featured_post h3 {
    font-weight: 700;
    margin: 0 0 10px; }
  
  .blog-featured_post hr {
    margin: 0px 0; }
  
  .blog-featured-img_block img {
    float: left;
    margin: 0 28px 0 0; }
  
  .blog-featured-img_block h5 {
    font-weight: 700;
    font-size: 17px;
   
    margin-left: 150px; }
  
  .blog-featured-img_block p {
    font-size: 15px;
    margin-left: 150px; }
  
  .blog-featured-img_block a {
    color: #292b2c; }
  
  .blog-tags_wrap {
    margin: 50px 0 0; }
    .blog-tags_wrap h3 {
      font-weight: 700;
      margin: 0 0 24px; }
  
  .blog-tags {
    border: 1px solid #ccc;
    text-align: center;
    padding: 5px 29px;
    margin: 0 0 18px 18px;
    color: #313131;
    font-size: 14px; }
  
  .page-item {
    margin: 0 8px 0 0; }
  
  .page-link {
    line-height: 1;
    color: #2d2d2d;
    font-size: 14px;
    border-color: #e3eaef; }
  
  .page-next {
    background: #cbb58b;
    color: #fff;
    border-color: transparent; }
  
  .page-link:focus,
  .page-link:hover {
    background-color: #f4e9d4;
    color: #2d2d2d; }
  
  @media (max-width: 1200px) {
    .blog-search {
      width: 100%; }
    .btn-blogsearch {
      width: 100%;
      margin-top: 10px; }
    .blog-featured-img_block img {
      margin: 0 12px 0 0; }
    .blog-tags {
      padding: 5px 20px; } }
  
  @media (max-width: 992px) {
    .blog-date span {
      font-size: 15px; }
    .pagination {
      margin: 0; }
    .blog-tiltle_block,
    .blog-img_block img {
      padding-left: 0; }
    .blog-icons {
      margin-top: 12px; }
    .blog-featured-img_block img {
      width: 100%;
      margin: 0 0 10px 0; }
    .blog-featured-img_block p,
    .blog-featured-img_block h5 {
      margin-left: 0; } }
  
  @media (max-width: 768px) {
    .blog-search {
      margin: 30px 0 0; } }
  
  @media (max-width: 480px) {
    .blog-featured-img_block img {
      width: 35%;
      height: 100px;
     padding: 2px;
      
      margin: 0; }
    .blog-featured-img_block p,
    .blog-featured-img_block h5 {
      padding-left: 3px; } 
      
       

    .pagination li {
      display: none; }
      .pagination li:first-child, .pagination li:last-child {
        display: block; } }
  
  /*
   * BLOG POST
   ********************************/
  /* ==============================================================
     BLOG POST
     ============================================================== */
  .blogpost-quotes {
    background: #f4eee3;
    display: inline-block;
    padding: 4px 36px;
    margin: 12px 0 0 0; }
    .blogpost-quotes span {
      font-size: 32px; }
    .blogpost-quotes p {
      font-weight: 700;
      font-style: italic;
      padding: 0px 65px; }
  
  .blogpost_list {
    font-weight: 700;
    border-bottom: 2px solid #cbb58b;
    padding: 0 0 3px;
    line-height: 2.3; }
  
  .blogpost-tabs {
    margin: 50px 0 0; }
  
  .blogpost-tab-wrap {
    float: left !important;
    width: 100%; }
  
  .blogpost-nav-tab {
    border: none !important;
    margin: 0 35px 0 0; }
    .blogpost-nav-tab a {
      text-decoration: none;
      font-size: 20px;
      padding: 10px 0; }
  
  .blodpost-tab-img img {
    padding: 0;
    border-radius: 50%; }
  
  .blogpost-tab-description h6 {
    font-size: 17px;
    color: #cbb58b;
    margin-bottom: 0;
    margin-top: 10px; }
  
  .blogpost-tab-description p {
    padding: 10px 0 8px;
    font-size: 16px;
    margin: 0; }
  
  .blodpost-tab-img {
    margin-top: 10px; }
  
  p.blogpost-rply {
    color: #6e6e6e;
    padding-top: 0; }
    p.blogpost-rply span {
      margin: 0 10px;
      color: #a9a9a9;
      font-size: 12px; }
    p.blogpost-rply a {
      font-size: 14px; }
  
  .blogpost-rply-style {
    text-decoration: line-through; }
  
  @media (max-width: 992px) {
    .blogpost-quotes {
      padding: 4px 6px; } }
  
  @media (max-width: 768px) {
    .blogpost-quotes p {
      padding: 0px 58px; }
    .quote-right {
      float: right !important; }
    .blogpost-nav-tab {
      margin: 0 25px 0 0; }
    .blogpost-nav-tab a {
      font-size: 15px;
      padding: 6px 0; }
    .blodpost-tab-img img {
      width: 16% !important; } }
  
  /*
   * EVENTS
   ********************************/
  /* ==============================================================
     EVENTS
     ============================================================== */
  .events {
    padding: 98px 0; }
  
  .event-title {
    font-weight: 700;
    margin: 0 0 24px; }
  
  .event-date {
    background: #cbb58b;
    padding: 20px 5px; }
    .event-date h4 {
      font-size: 76px;
      font-weight: 700;
      text-align: center;
      color: #fff;
      margin: 0; }
    .event-date span {
      font-weight: 700;
      font-size: 20px;
      text-align: center;
      color: #fff;
      display: block; }
  
  .event-time {
    background: #b39a6b;
    padding: 8px 0;
    display: block;
    color: #e8dabe;
    text-align: center; }
  
  .event-heading {
    margin: 0 0 20px; }
    .event-heading h3 {
      font-weight: 700;
      margin: 0 0 24px; }
    .event-heading p {
      line-height: 1.8; }
  
  .event-hilights h5 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 24px; }
  
  .event-highlight-discription {
    margin: 50px 0 0px; }
    .event-highlight-discription p {
      line-height: 1.8;
      margin: 0 0 50px; }
  
  .event-toggle {
    text-transform: uppercase;
    font-size: 15px;
    text-decoration: underline;
    color: #cbb58b;
    font-weight: 700; }
  
  .event-toggle:focus {
    color: #cbb58b; }
  
  .event-toggle:hover {
    color: #b39a6b;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  
  .tab-list {
    color: #2d2d2d;
    font-weight: 700; }
  
  .nav-tabs .nav-item.show .nav-link,
  .nav-tabs .nav-link.active {
    border-bottom: 2px solid #cbb58b;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    color: #cbb58b; }
  
  .nav-tabs {
    border: none;
    float: right; }
    .nav-tabs .nav-link {
      border-bottom: 1px solid #eee; }
  
  .nav-special-br {
    border-left: 1px solid #eee;
    border-right: 1px solid #eee; }
  
  .nav-tabs .nav-link:focus,
  .nav-tabs .nav-link:hover {
    border-color: #fff #fff #fff;
    color: #cbb58b;
    border-bottom: 2px solid #cbb58b;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s; }
  
  .event-underline {
    margin: 68px 0 68px 0; }
  
  @media (max-width: 1200px) {
    .nav-link {
      padding: 8px 12px;
      font-size: 15px; } }
  
  @media (max-width: 992px) {
    .event-date {
      padding: 12px 5px; }
      .event-date h4 {
        font-size: 36px; }
      .event-date span {
        font-size: 15px; }
    .event-time {
      font-size: 14px; } }
  
  @media (max-width: 768px) {
    .nav-tabs {
      float: left; }
    .event-time {
      font-size: 17px; }
    .event-heading {
      margin: 0 0 30px; }
      .event-heading h3 {
        margin: 12px 0;
        font-size: 21px; }
      .event-heading p {
        font-size: 15px; }
    .tab-content img {
      width: 100%;
      margin: 0 0 12px; }
    .event-underline {
      margin: 20px 0 30px 0; }
    .event-highlight-discription {
      margin: 12px 0 0px; }
      .event-highlight-discription p {
        margin: 0 0 8px; } }
  
  @media (max-width: 320px) {
    .nav-link {
      padding: 4px 7px;
      font-size: 13px; } }
  
  /*
   * CALENDAR
   ********************************/
  .fc-view {
    margin-top: 30px; }
  
  .fc-toolbar {
    margin-bottom: 5px;
    margin-top: 15px; }
  
  .fc-toolbar h2 {
    font-size: 18px;
    line-height: 30px;
    font-weight: 600;
    text-transform: uppercase; }
  
  .fc-toolbar .fc-state-active,
  .fc-toolbar .ui-state-active,
  .fc-toolbar button:focus,
  .fc-toolbar button:hover {
    z-index: 0; }
  
  .fc-widget-content,
  .fc-widget-header {
    border: 1px solid #d7ecfb; }
  
  .fc th.fc-widget-header {
    background: #f5f5f5;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 0px 10px 0px;
    text-transform: uppercase; }
  
  .fc th.fc-widget-header a {
    color: #505458; }
  
  .fc .fc-event .fc-bg {
    display: none; }
  
  .fc .fc-list-item[class*=" bg-"] {
    color: #ffffff; }
  
  .fc .fc-list-item[class*=" bg-"]:hover td {
    background: rgba(255, 255, 255, 0.2); }
  
  .fc-button {
    background: #ffffff;
    color: #555;
    text-transform: capitalize; }
  
  .fc-content {
    color: #FFF; }
  
  .fc-text-arrow {
    font-size: 16px; }
  
  .fc-state-hover {
    background: #f3f3f3; }
  
  .fc-cell-overlay,
  .fc-state-highlight {
    background: #f0f0f0; }
  
  .fc-unthemed .fc-today {
    background: #ffffff; }
  
  .fc-state-active,
  .fc-state-down {
    -webkit-box-shadow: none;
    box-shadow: none; }
  
  #external-events .fc-event,
  .fc .fc-event {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    border: none;
    cursor: move;
    font-size: 12px;
    margin: 5px 7px 5px 7px;
    padding: 5px;
    text-align: center; }
  
  .external-event {
    color: #ffffff;
    cursor: move;
    margin: 10px 0px 10px 0px;
    padding: 6px 10px 6px 10px; }
  
  .fc-basic-view td.fc-day-number,
  .fc-basic-view td.fc-week-number span {
    padding-right: 5px; }
  
  .fc-toolbar .fc-button-group .fc-button {
    background: #ffffff; }
  
  .fc-toolbar .fc-button-group .fc-button:hover {
    background: #F5F5F5; }
  
  .fc .fc-event,
  .fc .fc-event-dot {
    background: #304ffe;
    -o-transition: none;
    transition: none;
    -moz-transition: none;
    -webkit-transition: none; }
  
  .fc .fc-event-dot {
    background: #ffffff; }
  
  .fc-ltr .fc-basic-view .fc-day-top .fc-day-number {
    color: #434343; }
  
  .fc.fc-ltr .fc-h-event.fc-not-start,
  .fc.fc-rtl .fc-h-event.fc-not-end {
    margin-left: 7px; }
  
  @media (max-width: 479px) {
    .fc .fc-toolbar .fc-right {
      width: 100%;
      text-align: left;
      margin-top: 15px; }
    .fc .fc-view-container {
      overflow: auto; } }
  
  /*
   * SHORTCODES
   ********************************/
  /* ==============================================================
     SHORTCODES
     ============================================================== */
  .tabs {
    padding: 98px 0 0; }
    .tabs h3 {
      margin: 0 0 24px;
      font-weight: 700; }
  
  .shortcode-tab-content {
    border: 1px solid #ccc;
    padding: 24px;
    min-height: 292px;
    line-height: 1.8;
    border-radius: 2px; }
  
  /* Style the tab content */
  .tabcontent {
    display: none;
    padding: 6px 12px;
    border: 1px solid #ccc;
    margin: -8px 0 0;
    min-height: 255px; }
    .tabcontent p {
      font-size: 15px;
      padding: 24px 24px;
      line-height: 1.8;
      color: #2d2d2d;
      margin: 0; }
  
  button.accordion {
    background: #fff;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: 1px solid #eee;
    border-bottom: none;
    text-align: left;
    outline: none;
    font-size: 16px;
    font-weight: 700;
    padding: 17px 30px;
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s; }
  
  button.accordion.active,
  button.accordion:hover {
    border-left: 2px solid #cbb58b; }
  
  button.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px; }
  
  button.accordion.active:after {
    content: "\2212"; }
  
  .panel h5 {
    padding: 24px 0 0 30px;
    font-weight: 700;
    font-size: 16px; }
  
  .panel-last {
    border-bottom: 1px solid #eee; }
  
  div.panel {
    background-color: white;
    max-height: 0;
    overflow: hidden;
    -webkit-transition: max-height 0.2s ease-out;
    -o-transition: max-height 0.2s ease-out;
    transition: max-height 0.2s ease-out;
    border-right: 1px solid #eee;
    border-left: 2px solid #cbb58b; }
    div.panel p {
      font-size: 15px;
      color: #2d2d2d;
      padding: 0px 30px 30px 30px;
      margin: 0;
      line-height: 1.8; }
  
  .accordian-link {
    color: #2d2d2d;
    font-size: 16px;
    font-weight: 700;
    text-decoration: none; }
  
  .accordian-link:hover,
  .accordian-link:focus {
    color: #cbb58b;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    text-decoration: none; }
  
  .accordian-link:active {
    color: #cbb58b; }
  
  .card-header {
    background: none; }
  
  .card-block {
    color: #2d2d2d;
    padding: 20px;
    line-height: 1.8; }
  
  .alert-box {
    padding: 98px 0; }
  
  .alert-title h3 {
    font-weight: 700;
    margin: 0 0 24px; }
  
  .alert {
    border: none;
    border-radius: none;
    margin-bottom: 24px; }
    .alert p {
      margin: 0; }
  
  .alert-success {
    padding: 22px 30px;
    border-radius: 0;
    background: #87b08d;
    color: #fff; }
    .alert-success i {
      margin-right: 24px;
      font-size: 24px;
      color: #fff; }
  
  .alert-info {
    padding: 22px 30px;
    border-radius: 0;
    background: #82abc6;
    color: #fff; }
    .alert-info i {
      margin-right: 24px;
      font-size: 24px;
      color: #fff; }
  
  .alert-danger {
    padding: 22px 30px;
    border-radius: 0;
    background: #f3897e;
    color: #fff; }
    .alert-danger i {
      margin-right: 24px;
      font-size: 24px;
      color: #fff; }
  
  .alert-warning {
    padding: 22px 30px;
    border-radius: 0;
    background: #cda371;
    color: #fff; }
    .alert-warning i {
      margin-right: 24px;
      font-size: 24px;
      color: #fff; }
  
  .typography {
    padding: 0 0 98px; }
  
  .typography-title {
    font-weight: 700;
    margin: 0 0 24px; }
  
  .shortcode-list h3 {
    font-weight: 700;
    margin: 0 0 24px; }
  
  .shortcode-list ul {
    margin: 0;
    padding: 0; }
    .shortcode-list ul li {
      background: url(../images/shortcode-list.html) no-repeat;
      list-style: none;
      color: #686868;
      margin: 0 0 14px;
      padding: 0 0 0 38px; }
  
  .list-general ul {
    margin: 50px 0 0;
    padding: 0; }
    .list-general ul li {
      color: #686868;
      list-style: none;
      margin: 0 0 14px; }
      .list-general ul li span {
        padding: 0 24px 0 0; }
  
  .shortcode-columns {
    padding: 0 0 98px; }
    .shortcode-columns h3 {
      font-weight: 700;
      margin: 0 0 24px; }
    .shortcode-columns h5 {
      font-weight: 700;
      margin: 0 0 12px; }
    .shortcode-columns p {
      color: #686868;
      font-size: 15px;
      line-height: 1.8; }
  
  .button-toggle {
    padding: 0 0 98px; }
    .button-toggle h3 {
      font-weight: 700;
      margin: 0 0 24px; }
  
  .btn-1 {
    width: 100%;
    border-radius: 0; }
  
  .btn-2 {
    width: 100%;
    border-radius: 0;
    background: #d19c85; }
  
  .btn-2:hover {
    background: #cb927a; }
  
  .btn-3 {
    width: 100%;
    border-radius: 0;
    background: #87b08d; }
  
  .btn-3:hover {
    background: #7daa83; }
  
  .btn-warning.active,
  .btn-warning:active,
  .show > .btn-warning.dropdown-toggle {
    border: none;
    background: #cbb58b; }
  
  .bnt-border_1 {
    border-bottom: 4px solid #9e8452; }
  
  .bnt-border_1:hover {
    border-bottom: 4px solid #9e8452; }
  
  .bnt-border_2 {
    border-bottom: 4px solid #ae7056; }
  
  .bnt-border_2:hover {
    border-bottom: 4px solid #ae7056; }
  
  .bnt-border_3 {
    border-bottom: 4px solid #53815a; }
  
  .bnt-border_3:hover {
    border-bottom: 4px solid #53815a; }
  
  .btn-simple {
    text-transform: uppercase;
    color: #2d2d2d;
    background: none;
    border: 1px solid #cbb58b;
    font-size: 15px;
    padding: 16px 36px;
    border-radius: 0;
    font-weight: 700; }
  
  .btn-default-clr1 {
    border: 1px solid #188bc3; }
  
  .btn-default-clr2 {
    border: 1px solid #87b08d; }
  
  @media (max-width: 992px) {
    .btn-1,
    .btn-2,
    .btn-3 {
      padding: 17px 6px; } }
  
  @media (max-width: 768px) {
    .btn-1,
    .btn-2,
    .btn-3 {
      margin: 0 0 10px; }
    .button-toggle h3 {
      margin: 30px 0 24px; }
    .tabs h3 {
      margin: 30px 0 24px; }
    .shortcode-list {
      margin: 30px 0 0px; }
    .alert-box {
      padding: 34px 0; }
    .alert {
      padding: 22px 18px; } }
  
  /*
   * CONTACT US
   ********************************/
  /* ==============================================================
     CONTACT US
     ============================================================== */
  .contact {
    padding: 98px 0 0; }
  
  .contact-title h2 {
    font-weight: 700;
    text-align: center;
    margin: 0 0 24px; }
  
  .contact-form {
    background: #cbb58b;
    position: relative;
    z-index: 2; }
    .contact-form h3 {
      font-weight: 700;
      color: #fff;
      margin: 0 0 24px; }
  
  .btn-submit {
    border: 3px solid #fff;
    color: #fff;
    padding: 13px 44px;
    font-size: 15px;
    margin: 8px 0 0; }
  
  .btn-submit:hover {
    border: 3px solid #fff;
    background: #fff;
    color: #cbb58b;
    -webkit-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s; }
  
  .contact-option {
    
    padding: 45px 64px; }
    .contact-option .form-control {
      border-color: transparent; }
  
  .contact-address {
    padding: 45px 50px; }
    .contact-address h3 {
      font-weight: 700;
      margin: 0 0 24px; }
  
  .contact-details i {
    color: #fff;
    float: left; }
  
  .contact-details h6 {
    font-size: 19px;
    color: #fff;
    padding: 0 30px 0 30px; }
  
  .contact-details p {
    color: #fff4e0;
    padding: 0 30px 0 30px; }
  
  .contact-center {
  
   
    }
  
  #map {
    height: 620px;
    width: 100%;
    margin: -250px 0 0; }
  
  @media (max-width: 767px) {
    .contact-option {
      border: 0;
      padding: 20px 15px; }
    .contact-option_rsp {
      border-bottom: 1px solid #ad9566;
      padding: 5px 25px 30px; }
    .contact-center {
      display: none; } }
  
  /* ==============================================================
     Home 2
     ============================================================== */
  .nav-menu2 .navbar-light .navbar-nav .nav-link {
    color: #2d2d2d;
    font-size: 16px;
    line-height: 2; }
    .nav-menu2 .navbar-light .navbar-nav .nav-link:hover {
      color: #cbb58b; }
  
  .nav-menu2 .navbar-nav > li {
    margin: 0 4px; }
  
  .about-style2 h2 {
    text-align: left; }
  
  .about-style2 p {
    text-align: left; }
  
  .about-style2 img {
    margin: 0;
    border-radius: 50%; }
  
  .about-style2 .about-img {
    width: 200px;
    height: 200px;
    margin: 0 auto; }
  
  .event-img2 h3 {
    font-weight: 600;
    padding: 0;
    line-height: 1.5;
    margin-top: -8px; }
  
  .event-img2 span {
    color: #cbb58b; }
  
  .event-img2 p {
    padding: 10px 0 0; }
  
  .detailed_chart2 {
    padding: 97px 0;
    background: #cbb58b; }
  
  .faq {
    padding: 97px 0; }
  
  .login {
    padding: 97px 0; }
    .login .btn {
      width: 100%; }
    .login .modal-content {
      border: 1px solid #ccc;
      padding: 20px; }
  
  .sign-up {
    padding: 97px 0; }
    .sign-up .form-control {
      margin-bottom: 10px; }
    .sign-up .btn {
      width: 100%; }
  
  .radio-inline {
    margin-right: 10px; }
  
  .sign-up-form {
    border: 1px solid #ccc;
    padding: 20px;
    border-radius: 3px; }
  
  .gallery {
    padding: 97px 0; }
  
  .gallery-title {
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px; }
  
  .gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e; }
  
  .filter-button {
    font-size: 18px;
    border: 0;
    border-radius: 5px;
    text-align: center;
    color: #2d2d2d;
    margin-bottom: 30px; }
  
  .filter-button:hover,
  .filter-button:active {
    font-size: 18px;
    border-radius: 5px;
    text-align: center;
    color: #cbb58b;
    background: none !important;
    border: 0 !important; }
  
  .btn-default:active .filter-button:active {
    color: #cbb58b;
    background: none !important;
    border: 0 !important; }
  
  .port-image {
    width: 100%; }
  
  .gallery_product {
    margin-bottom: 30px; }
  
  .gallery-style {
    font-weight: 600;
    position: relative;
    padding-bottom: 10px;
    margin-bottom: 20px;
    text-align: center; }
  
  .notice {
    padding: 97px 0; }
  
  .notice-wrap {
    border-bottom: 1px solid #eaeaea;
    padding: 0 0 20px;
    margin: 20px 0; }
    .notice-wrap img {
      margin: 0 0 10px; }
    .notice-wrap h4 {
      font-weight: 600; }
    .notice-wrap span {
      color: #cbb58b; }
    .notice-wrap p {
      margin: 12px 0 0;
      line-height: 1.8; }
  
  .speech {
    padding: 97px 0; }
    .speech h2 {
      font-weight: 600;
      line-height: 1.3;
      position: relative;
      padding: 0 0 30px; }
      .speech h2:after {
        content: "";
        position: absolute;
        height: 5px;
        width: 52px;
        background: #cbb58b;
        left: 0;
        bottom: 0;
        margin: 7px 0 0; }
    .speech p {
      line-height: 1.8;
      margin: 30px 0 30px; }
  
  /* ====================================================
   * COMING SOON
   * ==================================================== */
  .coming-soon {
    background: url(../images/coming-soon-img.html) no-repeat center center;
    -webkit-background-size: cover;
    background-size: cover;
    display: table;
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0; }
  
  .coming-soon-block {
    position: relative;
    top: 50%;
    -webkit-transform: trannslateY(-50%);
    -ms-transform: trannslateY(-50%);
    transform: trannslateY(-50%);
    text-align: center; }
    .coming-soon-block img {
      margin: 0 auto;
      display: block; }
    .coming-soon-block h1 {
      color: #fff;
      padding: 40px 0 10px;
      font-weight: 700; }
    .coming-soon-block p {
      color: #fff;
      font-size: 21px; }
    .coming-soon-block a {
      margin: 20px 0 0; }
  
  @media (max-width: 380px) {
    .coming-soon-block {
      top: 58%; } }
  
  .video-section .pattern-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    padding: 110px 0 32px;
    min-height: 800px;
    /* Incase of overlay problems just increase the min-height*/ }
  
  .video-section h1,
  .video-section h3 {
    text-align: center;
    color: #fff; }
  
  .video-section .buttonBar {
    display: none; }
  
  .player {
    font-size: 1px; }
  
  .video-title-block {
    position: absolute;
    top: 58%;
    left: 50%;
    -webkit-transform: translate(-50%, -42%);
    -ms-transform: translate(-50%, -42%);
    transform: translate(-50%, -42%); }
    @media (max-width: 576px) {
      .video-title-block {
        top: 55%;
        left: 25%;
        -webkit-transform: translate(-17%, -43%);
        -ms-transform: translate(-17%, -43%);
        transform: translate(-17%, -43%); } }
  
  .landing-header {
    padding: 20px 0 98px; }
  
  .landing-logo {
    margin: 0 auto;
    display: block; }
  
  .landing-title h2 {
    color: #fff;
    font-weight: 600;
    position: relative;
    padding: 0 0 15px; }
    .landing-title h2:after {
      content: "";
      position: absolute;
      height: 3px;
      width: 50px;
      background: #cbb58b;
      left: 0;
      bottom: 0; }
  
  .landing-title p {
    color: #d2d1d0;
    line-height: 1.8;
    padding: 15px 0;
    font-weight: 100; }
  
  .landing-title h4 {
    font-weight: 600;
    margin: 0 0 20px;
    color: #fff; }
  
  .landing-title ul {
    margin: 0;
    padding: 0; }
    .landing-title ul li {
      list-style: none; }
      .landing-title ul li a {
        line-height: 1.8; }
        .landing-title ul li a:hover {
          color: #e6cfa2; }
  
  .landing-highlight {
    background: #cbb58b;
    padding: 20px;
    color: #fff;
    text-align: center; }
    .landing-highlight p {
      font-size: 20px; }
  
  .landing-form-wrap {
    background: #fff;
    padding: 25px;
    border-radius: 3px;
    border: 1px solid #cbb58b; }
    .landing-form-wrap .btn {
      width: 100%; }
  
  .landing-form {
    padding: 65px 0 0; }
  
  .landing-testimonial_block {
    position: relative;
    background: #f1f1f1;
    padding: 30px 40px;
    z-index: 1; }
    .landing-testimonial_block i {
      font-size: 70px;
      color: #fff;
      position: absolute;
      z-index: -1; }
    .landing-testimonial_block p {
      font-size: 20px;
      z-index: 2;
      padding: 30px 0px 0 8px; }
    .landing-testimonial_block h6 {
      padding: 0 0 0 8px;
      line-height: 1.5; }
  
  .teachers-single {
    padding: 98px 0; }
  
  .teachers-img_block {
    width: 80%;
    -webkit-box-shadow: 0px 14px 28px -9px #cccccc;
    box-shadow: 0px 14px 28px -9px #cccccc; }
    .teachers-img_block img {
      width: 100%; }
  
  .teachers-title_block {
    text-align: center;
    display: block; }
    .teachers-title_block h4 {
      margin: 10px 0 6px; }
    .teachers-title_block h6 {
      margin: 0 0 5px; }
    .teachers-title_block ul {
      margin: 0 auto;
      display: inline-block;
      padding: 0; }
      .teachers-title_block ul li {
        list-style: none;
        float: left;
        margin: 0 6px 0 0; }
  
  .teacher-profile_block h4 {
    font-weight: 600;
    position: relative;
    padding: 0 0 12px;
    margin: 0 0 20px; }
    .teacher-profile_block h4:after {
      content: "";
      position: absolute;
      height: 3px;
      background: #cbb58b;
      width: 30px;
      bottom: 0;
      left: 0; }
  
  .teacher-profile_block h3 {
    font-weight: 600; }
  
  .teacher-profile_block span {
    font-weight: 600; }
  
  .teacher-profile_block p {
    padding: 12px 0 12px;
    line-height: 1.8;
    margin: 0; }
  
  .teacher-profile_block .time {
    font-weight: 600;
    margin: 0;
    padding: 0; }
  
  .teacher-profile_block ul {
    padding: 0;
    margin: 10px 0 0; }
    .teacher-profile_block ul li {
      line-height: 2;
      list-style: none; }
      .teacher-profile_block ul li span {
        padding: 0 8px 0 0; }
      .teacher-profile_block ul li a {
        float: left;
        padding: 10px 0;
        margin: 0 8px 0 0; }
        .teacher-profile_block ul li a i {
          color: #fff; }
  
  .qualification_detaile {
    margin: 0; }
  
  .experiance {
    text-align: right; }
    @media (max-width: 768px) {
      .experiance {
        text-align: left; } }
  
  .pricing {
    padding: 98px 0;
    background: #f3f3f3; }
  
  .price {
    list-style-type: none;
    border: 1px solid #eee;
    background: #fff;
    margin: 0;
    padding: 0;
    -webkit-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s; }
    .price:hover {
      -webkit-box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.03);
      box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.03); }
  
  .price .header {
    background-color: #111;
    color: white;
    font-size: 25px; }
  
  .bg-gold {
    background-color: #cbb58b !important; }
  
  .price li {
    border-bottom: 1px solid #eee;
    padding: 20px;
    text-align: center; }
  
  .price .grey {
    background-color: #eee;
    font-size: 20px; }
  
  .price .button {
    background-color: #cbb58b;
    border: none;
    color: #fff;
    padding: 10px 25px;
    text-align: center;
    text-decoration: none;
    font-size: 18px; }
  
  .call-to_action {
    padding: 30px 0; }
  
  .mega-dropdown {
    position: static !important;
    width: 100%;
    top: 0; }
  
  .mega-dropdown-menu {
    padding: 20px 0px;
    margin: 0;
    width: 100%;
    box-shadow: none;
    -webkit-box-shadow: none;
    border: none !important; }
  
  .mega-dropdown-menu > li > ul {
    padding: 0;
    margin: 0; }
  
  .mega-dropdown-menu > li {
    margin: 0;
    display: inline-block;
    width: 24%; }
    @media (max-width: 1200px) {
      .mega-dropdown-menu > li {
        vertical-align: top; } }
    @media (max-width: 992px) {
      .mega-dropdown-menu > li {
        text-align: left;
        width: 100%;
        margin: 0 0 8px; } }
    @media (max-width: 768px) {
      .mega-dropdown-menu > li {
        width: 100%; } }
  
  .mega-dropdown-menu > li > ul > li {
    list-style: none; }
  
  .mega-dropdown-menu > li > ul > li > a {
    display: block;
    padding: 0;
    clear: both;
    font-weight: normal;
    line-height: 1.8;
    color: #999;
    white-space: normal; }
  
  .mega-dropdown-menu > li ul > li > a:hover,
  .mega-dropdown-menu > li ul > li > a:focus {
    text-decoration: none;
    color: #444; }
  
  .mega-dropdown-menu .dropdown-header {
    color: #cbb58b;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 10px; }
  
  .mega-dropdown-menu form {
    margin: 3px 20px; }
  
  .mega-dropdown-menu .form-group {
    margin-bottom: 3px; }
  
  .dropdown-header {
    padding: 0; }
  
  .dropdown-item.dropdown-toggle::after {
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 0.6em;
    vertical-align: middle;
    content: "";
    border-left: .3em solid;
    border-top: .3em solid transparent;
    border-bottom: .3em solid transparent; }
  
  .header-topbar {
  position: relative;
    height: 20px;
    background: #304ffe; }
    .foot-topbar {
     position: relative;
      color:white;
      background: #000080; }
  
  .header-top_address {
    color: #d8d8d8;
    font-size: 15px; }
    .header-top_address .header-top_list {
      display: inline-block;
      margin-right: 22px; }
      @media (max-width: 768px) {
        .header-top_address .header-top_list:last-child {
          display: none; } }
      @media (max-width: 480px) {
        .header-top_address .header-top_list:nth-child(2) {
          display: none; } }
      .header-top_address .header-top_list span {
        color: #cbb58b;
        margin-right: 10px;
        font-size: 14px; }
    @media (max-width: 768px) {
      .header-top_address {
        display: inline-block; } }
  
  .header-top_login,
  .header-top_login2 {
    float: right;
    color: #fff;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    font-size: 15px; }
    .header-top_login a,
    .header-top_login2 a {
      color: #fff; }
      .header-top_login a:hover, .header-top_login a:focus,
      .header-top_login2 a:hover,
      .header-top_login2 a:focus {
        color: #cbb58b; }
  
  @media (max-width: 574px) {
    .header-top_login {
      display: none; } }
  
  @media (min-width: 574px) {
    .header-top_login2 {
      display: none; } }
  
  /* NAVBAR STYLE TWO */
  .navbar2 {
    border-radius: 0;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    background: #fff; }
  
  .affix {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030; }
  
  /* fixed to top styles */
  .affix {
    background-color: #fff;
    border-bottom: 1px solid #e6e6e6;
    -webkit-box-shadow: 0px 3px 12px -5px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 3px 12px -5px rgba(0, 0, 0, 0.2); }
  
  .dropdown-submenu {
    position: relative; }
  
  .dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: 1px; }
  
  .dropdown-submenu > a:after {
    display: block;
    content: "";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px; }
  
  .dropdown-submenu:hover > a:after {
    border-left-color: #fff; }
  
  .dropdown-submenu.pull-left {
    float: none; }
  
  .dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px; }
  
  @media (min-width: 991px) {
    .dropdown-submenu:hover > .dropdown-menu {
      display: block;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease; } }
  
  /*# sourceMappingURL=style.css.map */
  .myIframe {
    position: relative;
    padding-bottom: 65.25%;
    padding-top: 30px;
    height: 0;
    overflow: auto; 
    -webkit-overflow-scrolling:touch; 
    border: solid #188bc3 10px;
    border-radius: 11%;
} 
.myIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.section{
  padding: 30px 0;
}

.galeri{
  
}
.visi{
 
  background-color: white;

  
 

}
.visi ul,ol {
 padding-left: 20px;
 

}
.galeri img{
  border: 1px solid rgb(170, 160, 255);
  height: 200px;
  border-radius: 10px;
  padding: 10px;
}
.sticky-container{
  /*background-color: #333;*/
  padding: 0px;
  margin: 0px;
  position: fixed;
  right: -160px;
  top:450px;
  width: 200px;

}

.sticky li{
  list-style-type: none;
  background-color: #333;
  color: #efefef;
  height: 43px;
  padding: 0px;
  margin: 0px 0px 1px 0px;
  -webkit-transition:all 0.25s ease-in-out;
  -moz-transition:all 0.25s ease-in-out;
  -o-transition:all 0.25s ease-in-out;
  transition:all 0.25s ease-in-out;
  cursor: pointer;
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); 
              filter: gray; 
              -webkit-filter: grayscale(100%); 

}

.sticky li:hover{
  margin-left: -115px;
  /*-webkit-transform: translateX(-115px);
  -moz-transform: translateX(-115px);
  -o-transform: translateX(-115px);
  -ms-transform: translateX(-115px);
  transform:translateX(-115px);*/
  /*background-color: #8e44ad;*/
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
              -webkit-filter: grayscale(0%);
}

.sticky li img{
  float: left;
  margin: 5px 5px;
  margin-right: 10px;

}

.sticky li p{
  padding: 0px;
  margin: 0px;
  text-transform: uppercase;
  line-height: 43px;

}



.left    { text-align: left;}
   .right   { text-align: right;}
   .center  { text-align: center;}
   .justify { text-align: justify;}

  


   .tab{
     padding-left: 40px;
   
    }
    .tab2{
    padding-left: 10px;
  }



  .cardBox {
    float: left;
    font-size: 1.2em;
    margin: 1% 0 0 1%;
    perspective: 800px;
    transition: all 0.3s ease 0s;
    width: 100%;
  }
  
  .cardBox:hover .card {
    transform: rotateY( 180deg);
  }
  
  .card {
    background: #222;
    cursor: default;
    height: 300px;
    transform-style: preserve-3d;
    transition: transform 0.4s ease 0s;
    width: 100%;
    -webkit-animation: giro 1s 1;
    animation: giro 1s 1;
  }
  .card2 {
   
    position: absolute;
    height: 300px;
    cursor: default;
    height: 300px;
    transform-style: preserve-3d;
    transition: transform 0.4s ease 0s;
    width: 100%;
    -webkit-animation: giro 1s 1;
    animation: giro 1s 1;
  }
  
  .card p {
    margin-bottom: 1.8em;
  }
  
  .card .front,
  .card .back {
    backface-visibility: hidden;
    box-sizing: border-box;
    color: white;
    display: block;
    font-size: 1.2em;
    height: 100%;
    padding: 0.8em;
    position: absolute;
    text-align: center;
    width: 100%;
  }
  
  .card .front strong {
    background: #fff;
    border-radius: 100%;
    color: #222;
    font-size: 1.5em;
    line-height: 30px;
    padding: 0 7px 4px 6px;
  }
  
  .card .back {
    transform: rotateY( 180deg);
  }
  
  .card .back a {
    padding: 0.3em 0.5em;
    background: #333;
    color: #fff;
    text-decoration: none;
    border-radius: 1px;
    font-size: 0.9em;
    transition: all 0.2s ease 0s;
  }
  
  .card .back a:hover {
    background: #fff;
    color: #333;
    text-shadow: 0 0 1px #333;
  }
  
  .cardBox:nth-child(1) .card .back {
    background: cornflowerblue;
  }
  
  .cardBox:nth-child(2) .card .back {
    background: orange;
  }
  
  .cardBox:nth-child(3) .card .back {
    background: yellowgreen;
  }
  
  .cardBox:nth-child(4) .card .back {
    background: tomato;
  }
  
  .cardBox:nth-child(2) .card {
    -webkit-animation: giro 1.5s 1;
    animation: giro 1.5s 1;
  }
  
  .cardBox:nth-child(3) .card {
    -webkit-animation: giro 2s 1;
    animation: giro 2s 1;
  }
  
  .cardBox:nth-child(4) .card {
    -webkit-animation: giro 2.5s 1;
    animation: giro 2.5s 1;
  }
  
  @-webkit-keyframes giro {
    from {
      transform: rotateY( 180deg);
    }
    to {
      transform: rotateY( 0deg);
    }
  }
  
  @keyframes giro {
    from {
      transform: rotateY( 180deg);
    }
    to {
      transform: rotateY( 0deg);
    }
  }
  
  @media screen and (max-width: 767px) {
    .cardBox {
      margin-left: 2.8%;
      margin-top: 3%;
      width: 46%;
    }
    .card {
      height: 285px;
    }
    .cardBox:last-child {
      margin-bottom: 3%;
    }
  }
  
  @media screen and (max-width: 480px) {
    .cardBox {
      width: 94.5%;
    }
    .card {
      height: 260px;
    }
  }





  @import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&amp;display=swap');

::selection{
  color: #fff;
  background: #1cc7d0;
}
.wrapper1{
  height: 250px;
  width: 100%;
  position: relative;
  transform-style: preserve-3d;
	perspective: 1000px;
}
.wrapper1 .card{
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 5px;
  background: #fff;
  border-radius: 5px;
  transform: translateY(0deg);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transition: transform 0.7s cubic-bezier(0.4,0.2,0.2,1);
}
.wrapper1:hover > .front-face1{
  transform: rotateY(-180deg);
}

.wrapper1 .front-face1 img{
  height: 100%;
  width: 100%;
  padding: 5px;
  border-radius: 5px;
  
}
.wrapper1 .back-face1{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
  transform: rotateY(180deg);
}
.wrapper1:hover > .back-face1{
  transform: rotateY(0deg);
}
.wrapper1 .back-face1 img{
  height: 150px;
  width: 150px;
  padding: 5px;
  border-radius: 50%;
  background: linear-gradient(375deg, #1cc7d0, #2ede98);
}
.wrapper1 .back-face1 .info1{
  text-align: center;
}
.back-face1 .info1 .title1{
  font-size: 30px;
  font-weight: 500;
}

.back-face1  a{
  display: block;
  
  color: #fff;
  text-align: center;
  margin: 0 5px;
  line-height: 38px;
  border: 2px solid transparent;
  border-radius: 30%;
  background: linear-gradient(375deg, #1cc7d0, #2ede98);
  transition: all 0.5s ease;
}
.back-face1  a:hover{
  color: #1cc7d0;
  border-color: #1cc7d0;
  background: linear-gradient(375deg, transparent, transparent);
}





.wrapper2{
  height:350px;
  width:100%;
  position: relative;
  border: 2px solid black;
  border-radius: 5px;
  padding: 0%;
  transform-style: preserve-3d;
	perspective: 1000px;
}
.wrapper2 .card2{
  position: absolute;
  height: 100%;
  width: 100%;
  background: #fff;
  transform: translateY(0deg);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transition: transform 0.7s cubic-bezier(0.4,0.2,0.2,1);
}
.wrapper2:hover > .front-face2{
  transform: rotateY(-180deg);
}

.wrapper2 .back-face2{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
 
}

.wrapper2 .back-face2 img{
  height:180px;
  width: 150px;
  border-radius: 50%;
 
}
.wrapper2 .back-face2 .info{
  text-align: center;
}

.back-face2  a{
  display: block;
  
  color: #fff;
  text-align: center;
  margin: 0 5px;
  line-height: 38px;
  border: 2px solid transparent;
  border-radius:50%;
  
  transition: all 0.5s ease;
}
.back-face2  a:hover{
 
  border-color: #1cc7d0;
  background: linear-gradient(375deg, transparent, transparent);
}





.wrapper3{
  height:100px;
  width:100%;
  
  position: relative;
  transform-style: preserve-3d;
	perspective: 1000px;
}
.wrapper3 .card{
  position: absolute;
  height: 100%;
  width: 100%;
  padding: 5px;
  background: #fff;
  border-radius: 10px;
  transform: translateY(0deg);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transition: transform 0.7s cubic-bezier(0.4,0.2,0.2,1);
}

.wrapper3 .card img{
  height: 100%;
  width: 100%;
  object-fit: cover;
  border-radius: 10px;
}
.wrapper3 .back-face{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
 
}

.wrapper3  a{
  display: block;
  
  color: rgb(0, 0, 0);
  text-align: center;
 
}
.wrapper3 :hover{
  border-left: 15px solid rgb(0, 174, 255);
}



.wrapper4{
  height:300px;
  width:100%;
  align-items: center;
  position: relative;
  padding: 0%;
  
  transform-style: preserve-3d;
	perspective: 1000px;
}
.wrapper4 .card{
  position: absolute;
  height: 100%;
  width: 100%;
  border-radius: 10%;
  background: #fff;
  
  transform: translateY(0deg);
  backface-visibility: hidden;
  transform-style: preserve-3d;
  box-shadow: 0px 10px 15px rgba(0,0,0,0.1);
  transition: transform 0.7s cubic-bezier(0.4,0.2,0.2,1);
}
.wrapper4:hover > .front-face{
  transform: rotateY(-180deg);
}

.wrapper4 .back-face{
  display: flex;
  align-items: center;
  justify-content: space-evenly;
  flex-direction: column;
 
}

.wrapper4 .back-face img{
  height:370px;
  height: 100%;
  border-radius: 10%;
 
}
.wrapper4 .back-face .info{
  text-align: center;
}
.back-face .info .title{
  font-size: 20px;
  font-weight: 500;
}

.back-face  a{
  display: block;
  
  color: #fff;
  text-align: center;
  margin: 0 5px;
  line-height: 38px;
  border: 2px solid transparent;
  border-radius:50%;
  
  transition: all 0.5s ease;
}
.back-face  a:hover{
 
  border-color: #1cc7d0;
  background: linear-gradient(375deg, transparent, transparent);
}









#slidecaption {
  -webkit-animation-name: spinner; 
 -webkit-animation-timing-function: linear; 
 -webkit-animation-iteration-count: infinite; 
 -webkit-animation-duration: 2s; 
 animation-name: spinner; 
 animation-timing-function: linear; 
 animation-iteration-count: infinite; 
 animation-duration: 2s; 
 -webkit-transform-style: preserve-3d; 
 -moz-transform-style: preserve-3d; 
 -ms-transform-style: preserve-3d; 
 transform-style: preserve-3d;
}


/* WebKit and Opera browsers */ 
@-webkit-keyframes spinner { 
 from 
 { 
   -webkit-transform: rotateY(0deg); 
 } 
 to { 
   -webkit-transform: rotateY(-360deg); 
 } 
} 
/* all other browsers */ 
@keyframes spinner { 
  from { 
   -moz-transform: rotateY(0deg); 
   -ms-transform: rotateY(0deg); 
   transform: rotateY(0deg); 
  } 
  to 
  { 
   -moz-transform: rotateY(-360deg); 
   -ms-transform: rotateY(-360deg); 
   transform: rotateY(-360deg); 

  } 
}


.akl{
 
    border-left: 15px solid green;
 
}
.akl2{
 
  border-left: 15px solid red;

}
.akl3{
 
  border-left: 15px solid blue;

}