/*
Theme Name: Ekthana
Theme URI:
Author: MimoProject
Author URI: http://mimoproject.co.th/
Description:
Version: 1.0
Text Domain: ekthana
*/
body{
  font-family: 'Open Sans', sans-serif;
  color: #5b5858;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale
}
h1,
h2,
h3,
h4,
h5,
h6{
  color: #000;
  line-height: 1;
  font-family: 'Open Sans Condensed', sans-serif;
}
img{
  max-width: 100%;
  height: auto;
}
h1{
  font-size: 30px;
}
h2{
  font-size: 26px;
}
h3{
  font-size: 22px;
}
h4{
  font-size: 20px;
}
h5{
  font-size: 18px;
}
h6{
  font-size: 16px;
}
p{
  margin: 0 0 20px 0;
}
h3.block-title{
  font-family: 'Rouge Script', cursive;
  color: #e4b823;
  font-size: 60px;
  font-weight: normal;
  line-height: 1;
  margin: 60px 0px 50px;
}
h3.block-title span{
  font-family: 'Open Sans Condensed', sans-serif;
  color: #000;
  display: block;
  font-size: 20px;
  margin-top: -5px;
  padding-left: 10px;
}
h3.block-title.white{
  margin-top: 70px;
}
h3.block-title.white span{
  color: #fff;
}
h3.block-title a{
  color: #e4b823;
  display: block;
  text-decoration: none !important;
}
::-moz-selection {
  background: #e4b823 !important;
  color: #fff;
  text-shadow: none
}
::selection {
  background: #e4b823 !important;
  color: #fff;
  text-shadow: none
}
::-webkit-scrollbar-track{
  background-color: #f5f5f5;
}
::-webkit-scrollbar{
  width: 7px;
  background-color: #f5f5f5;
}
::-webkit-scrollbar-thumb{
  background-color: #e4b823;
}
a{
  color: #e4b823;
  -webkit-transition: all .3s;
  transition: all .3s;
}
a:hover{
  color: #e4b823;
  text-decoration: underline;
}
.text-right{
  text-align: right;
}
.text-left{
  text-align: left;
}
.text-center{
  text-align: center;
}
a.mfp-image,
a.mfp-video{
  outline: none !important;
}
.alignleft{
  float: left;
  margin-right: 30px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.alignright{
  float: right;
  margin-left: 30px;
  margin-top: 30px;
  margin-bottom: 30px;
}
.aligncenter{
  margin-left: auto;
  margin-right: auto;
  display: block;
  margin-bottom: 30px;
}
img.alignnone{
  margin-bottom: 30px;
  margin-top: 30px;
}
figure.wp-caption{
  position: relative;
  max-width: 100% !important;
  margin-bottom: 30px;
  margin-top: 10px !important;
  display: inline-block;
}
figure.wp-caption a{
  position: relative;
  display: block;
}
figure.wp-caption figcaption{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  color: #fff;
  line-height: 1.3;
  padding: 7px 15px;
  background: #343434;
  background: rgba(0,0,0,.5);
}
.button-has-effect{
  position: relative;
  overflow: hidden;
}
.button-has-effect:after{
  width: 50px;
  height: 155px;
  left: -75px;
  opacity: .2;
  position: absolute;
  top: -50px;
  background: #fff;
  -webkit-transform: rotate(35deg);
          transform: rotate(35deg);
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
          transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  content: "";
}
.button-has-effect:hover:after {
  left: 120%;
  -webkit-transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
  transition: all 550ms cubic-bezier(0.19, 1, 0.22, 1);
}
.content li{
  margin-bottom: 5px;
}
.main-content li ol{
  margin-top: 20px;
}
.wrapper{
  overflow: hidden;
  padding-top: 102px;
}
.background-header{
  position: fixed;
  top: 88px;
  height: 397px;
  left: 0px;
  right: 0px;
  z-index: 0;
}
.background-inner{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background-position: center center;
  background-size: cover;
  background-color: #343434;
}
body.logged-in.admin-bar .background-header{
  top: 120px;
}
.background-header.has-pattern:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #e9042a;
  background: url(images/banner_filter.png);
  z-index: 3;
  content: '';
}
.background-header [class*='col-']{
  position: static;
}
.page-header{
  position: relative;
  color: #fff;
}
body:not(.home) .page-header{
  margin-top: 383px;
}
.page-header .page-title,
.page-header .page-title a{
  font-family: 'Open Sans', sans-serif;
  color: #fff;
  text-transform: none;
  line-height: 1.2;
  text-decoration: none;
  font-weight: normal;
  font-size: 22px;
}
body.single .page-header .title,
body.page .page-header .title{
  display: table;
}
body.single .page-header .title .page-title,
body.page .page-header .title .page-title{
  display: table-cell;
  vertical-align: middle;
  text-transform: uppercase;
}
body.page .page-header .title .page-title{
  text-transform: uppercase;
}
body.archive .page-header .page-title.has-title span:first-letter{
  text-transform: uppercase;
}
body.archive .page-header .page-title.has-title,
body.page .page-header .page-title.has-title,
body.single-seminar .page-header .page-title.has-title,
body.single-whyus .page-header .page-title.has-title,
body.single-faq .page-header .page-title.has-title{
  position: relative;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #adacac;
  font-size: 20px;
  font-weight: normal;
  padding: 50px 0px 15px 25px;
  margin: 0px;
  text-transform: none;
}
body.archive .page-header .page-title.has-title p{
  margin: 0px;
}
body.archive .page-header .page-title:not(.has-title):first-letter{
  text-transform: uppercase;
}
body.archive .page-header .page-title span,
body.page .page-header .page-title span,
body.single-seminar .page-header .page-title span,
body.single-whyus .page-header .page-title span,
body.single-faq .page-header .page-title span{
  position: absolute;
  top: 7px;
  left: 0px;
  font-size: 50px;
  font-weight: normal;
  font-family: 'Rouge Script', cursive;
  color: #fff;
  display: block;
}
body.category .page-header .page-title span,
body.post-type-archive-whyus .page-header .page-title span,
body.single-whyus .page-header .page-title span{
  top: 0px;
}
.page-header .page-title .img-warp{
  position: absolute;
  left: 15px;
  bottom: 100%;
  overflow: hidden;
  opacity: 0;
  transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  transform: perspective(1000px) rotate3d(1,0,0,85deg);
  -webkit-transform: perspective(1000px) rotate3d(1,0,0,85deg);
  -webkit-transition: all .5s;
  transition: all .5s;
}
.page-header .page-title .img-warp.loaded{
  opacity: 1;
  transform: perspective(1000px) rotate3d(1,0,0,0deg);
  -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
}
.page-header .page-title .img-warp:after{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,0.7);
  content: '';
  -webkit-transition: -webkit-transform 0.6s;
  transition: transform 0.6s;
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,-100%,0);
}
.postid-142 .page-header .page-title .img-warp:after{
  background: rgba(0,0,0,0.7);
}
.page-header .img-warp:hover:after{
  -webkit-transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
  transform: scale3d(1.9,1.4,1) rotate3d(0,0,1,45deg) translate3d(0,100%,0);
}
.header{
  position: fixed;
  max-height: 105px;
  top: 0px;
  left: 0px;
  right: 0px;
  padding: 15px 0;
  border-top: solid 6px #000;
  border-bottom: solid 1px transparent;
  background: #fff;
  z-index: 99;
  -webkit-transition: all .3s;
  transition: all .3s;
}
body.logged-in.admin-bar .header{
  top: 32px;
}
.header.sticky{
  border-bottom: solid 1px #ececec;
  background: rgba(255,255,255,0.95);
}
.main-content{
  min-height: 460px;
  position: relative;
  padding-top: 100px;
  background: #fff;
}
.single .main-content .content{
  min-height: 460px;
}
.single .main-content,
.home .main-content{
  padding-top: 0px;
}
/* .main-content:after{
  position: absolute;
  height: 1000px;
  top: 0px;
  left: 0px;
  right: 0px;
  background: rgba(255,255,255,.5);
  z-index: 9999;
  content: '';
  -webkit-transition: all .5s;
  transition: all .5s;
}
body.loaded .main-content:after{
  opacity: 0;
  visibility: hidden;
}
.page:not(.home) .main-content:after{
  top: 100px;
} */
.page:not(.home) .main-content .content,
.single .main-content .content{
  line-height: 1.8;
}
.page .main-content .content img{
  margin-bottom: 0px;
}
.main-content p{
  margin-bottom: 30px;
  color: #5b5858;
}
.main-content ol{
  padding-left: 20px;
  margin-bottom: 30px;
}
.main-content ol li{
  margin-bottom: 5px;
}
.navigation .logo{
  display: block;
  float: left;
}
.navigation .logo img{
  max-width: 180px;
  height: auto;
  -webkit-transition: all .3s;
  transition: all .3s;
  display: block;
}
.header.sticky .navigation .logo img{
  max-width: 150px;
}
.navigation .main-menu{
  display: block;
  float: right;
  padding: 0px;
  margin: 0px;
}
.navigation ul li{
  display: inline-block;
  text-align: right;
}
.navigation ul li a{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  padding: 19px 10px;
  color: #000;
  display: block;
  text-decoration: none !important;
}
.header.sticky ul > li > a{
  padding-bottom: 11px;
  padding-top: 12px;
}
.navigation ul li.active a,
.navigation ul li:hover a{
  color: #e4b823;
}
.navigation ul .lavalamp-object{
  overflow: visible !important;
  top: -21px !important;
  height: 6px !important;
}
.navigation ul .lavalamp-object span{
  position: absolute;
  width: 2000px;
  top: 0px;
  left: 50%;
  height: 6px !important;
  background: #e4b823;
}
.navigation ul .lavalamp-object span:before,
.navigation ul .lavalamp-object span:after{
  position: absolute;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  content: '';
}
.navigation ul .lavalamp-object span:before{
  border-left: 4px solid #e4b823;
}
.navigation ul .lavalamp-object span:after{
  right: 100%;
  border-right: 4px solid #000;
}
.language-selector{
  display: block;
  float: right;
  margin-left: 10px;
  margin-top: 19px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.header.sticky .language-selector{
  margin-top: 12px;
}
.language-selector > a{
  position: relative;
  width: 27px;
  height: 27px;
  text-align: center;
  line-height: 26px;
  color: #b8b7b7;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0px 3px;
  text-decoration: none !important;
  display: inline-block;
  /* background: #ffd008; */
  border-radius: 50%;
  border: solid 1px #b8b7b7;
}
.language-selector > a.active{
  color: #fff;
  background: #e4b823;
  border-color: #e4b823;
}
/*.language-selector > *:after{
  position: absolute;
  top: -3px;
  bottom: -3px;
  left:-3px;
  right: -3px;
  border: solid 1px #ffd008;
  content: '';
  border-radius: 50%;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: scale3d(1.2,1.2,1);
  transform: scale3d(1.2,1.2,1);
  z-index: -1;
}
.language-selector > *:hover:after{
  opacity: 1;
  -webkit-transform: scale3d(1,1,1);
  transform: scale3d(1,1,1);
}*/
.language-selector > .en{
  /* background: #ed1c24; */
}
.language-selector > .en:after{
  /* border-color: #ed1c24; */
}
.language-selector > .lavalamp-object{
  overflow: visible !important;
  background: transparent;
}
.language-selector > .lavalamp-object span{
  position: absolute;
  top: -3px;
  bottom: -3px;
  left:-7px;
  right: -1px;
  border: solid 1px #ffd008;
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
}
html[lang="en-US"] .language-selector > .lavalamp-object span,
html[lang] body .language-selector[data-lang="en"] > .lavalamp-object span{
  /* border-color: #ed1c24; */
}
html[lang] body .language-selector[data-lang="th"] > .lavalamp-object span{
  border-color: #ffd008;
}
.nav-moblie{
  position: absolute;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #fff;
  font-weight: 400;
  font-size: 15px;
  border-radius: 3px;
  padding: 7px 10px;
  background: #ffd008;
  cursor: pointer;
  right: 15px;
  top: 14px;
  display: none;
}
.nav-moblie.open{
  border-radius: 3px 3px 0px 0px;
  background: #343434;
}
.nav-moblie i{
  font-style: normal;
}
.nav-moblie .line{
  width: 18px;
  height: 12px;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: inline-block;
}
.nav-moblie span {
  display: block;
  position: absolute;
  height: 3px;
  width: 100%;
  background: #fff;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
.nav-moblie span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.nav-moblie span:nth-child(2) {
  top: 5px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.nav-moblie span:nth-child(3) {
  top: 10px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
.nav-moblie.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 3px;
}
.nav-moblie.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
.nav-moblie.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 11px;
  left: 3px;
}
.home .page-header .page-title.has-title{
  padding-left: 20px !important;
  padding-top: 60px !important;
  text-transform: none;
}
.home .page-header .page-title span{
  top: 5px !important;
  font-size: 60px !important;
  text-transform: none !important;
  left: 20px !important;
}
.home .page-header .get-in-touch{
  padding-top: 20px !important;
}
.home .page-header .get-in-touch i{
  top: 5px;
}
.home .page-header .booking{
  padding-top: 15px !important;
  padding-left: 50px !important;
}
.home .page-header .booking i{
  font-size: 60px;
  margin-top: 5px;
}
.home .page-header .booking h2{
  font-size: 40px;
}
.home .page-header .booking span{
  font-size: 25px;
}
.home-menu{
  margin-bottom: 120px;
}
.home-menu > div{
  height: 535px;
  overflow: hidden;
}
.home-menu a{
  width: 100%;
  height: 100%;
  display: block;
}
.home-menu a .img{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  -webkit-transition: all .3s;
  transition: all .3s;
  background-size: cover;
}
.home-menu > div:hover a .img{
  -webkit-transform: scale3d(1.2,1.2,1);
  transform: scale3d(1.2,1.2,1);
}
.home-menu > div:not(.faq) a span{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  font-size: 40px;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 2px 20px;
  margin-top: -61px;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 3;
}
.home-menu .country a span{
  background: rgba(228,184,35,.8);
}
.home-menu .program a span{
  background: rgba(228,184,35,.6);
}
.home-menu a span i{
  font-size: 30px;
  display: block;
  margin-right: 10px;
  float: left;
  margin-top: 8px;
}
.home-menu > div:not(.faq) ul{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  list-style: none;
  padding: 200px 0px 80px 30px;
  margin: 0px;
  font-size: 14px;
/*  background: rgba(0,162,255,.4);*/
  background: rgba(0,0,0,.6);
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
  z-index: 2;
/*  -webkit-transition-delay: .3s;
  transition-delay: .3s;*/
}
.home-menu > div:not(.faq):hover ul,
html:not(.no-touch) .home-menu > div:not(.faq) ul{
  opacity: 1;
  visibility: visible;
}
.home-menu > div:not(.faq) ul li a{
  color: #fff;
  display: block;
  padding: 3px 0px;
  text-decoration: none;
}
.home-menu > div.country ul li a:hover{
  color: #ffcb08;
}
.home-menu > div.program ul li a:hover{
  color: #b89417;
}
.home-menu > div:not(.faq) ul li a img{
  width: 20px;
  height: auto;
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}
.home-menu > div.country ul li a{
  position: relative;
/*  padding-left: 20px;*/
}
/*.home-menu > div.country ul li a:before{
  position: absolute;
  width: 8px;
  height: 8px;
  top: 9px;
  left: 0px;
  border-radius: 50%;
  content: '';
  background: #fff;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.home-menu > div.country ul li:hover a:before{
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
}*/
/*.home-menu > div.country ul li a:after{
  position: absolute;
  width: 12px;
  height: 12px;
  top: 7px;
  left: -2px;
  border-radius: 50%;
  content: '';
  border: solid 1px #fff;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.home-menu > div.country ul li:hover a:after{
  opacity: 1;
}*/
.home-menu > div:not(.faq).program ul{
  padding-left: 30px;
  background: rgba(0,0,0,.4);
}
.home-menu > div:not(.faq) ul li{
  margin-bottom: 5px;
}
.home-menu > div.country ul li{
  margin-bottom: 3px;
}
.home-menu .program ul li i{
  display: inline-block;
  margin-right: 10px;
}
.home-menu .faq ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.home-menu .faq ul:not(.lSPager) li{
  height: 535px;
  background: #ffcb08;
  display: flex;
  justify-content: center;
  align-items: center;
}
.home-menu .faq ul:not(.lSPager) li a{
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 50px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  padding: 0px 30px;
  width: auto;
  height: auto;
}
.home-menu .faq ul:not(.lSPager) li a:hover{
  text-shadow: 0px 0px 10px rgba(0,0,0,0.7);
}
.home-menu .faq ul li a span{
  font-family: 'Open Sans', sans-serif;
  text-align: right;
  margin-right: 20px;
  font-size: 54px;
}
.etn-nav-tab{
  position: relative;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 30px;
  z-index: 5;
}
.etn-nav-tab span{
  width: 100%;
  display: block;
  text-align: right;
  padding: 10px;
  white-space: nowrap;
}
.etn-nav-tab small{
  font-size: 30px;
}
.etn-nav-tab i{
  display: inline-block;
  margin: 0px 15px 0px 10px;
}
.etn-nav-tab [class*='col-']{
  color: #fff;
}
.etn-nav-tab [class*='col-']:after{
  position: absolute;
  right: 30px;
  top: 100%;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 10px solid #cea620;
  content: '';
  opacity: 0;
}
.etn-nav-tab div.program:after{
  border-top-color: #e4b823;
}
.etn-nav-tab [class*='col-'].active:after{
  opacity: 1;
}
.etn-nav-tab .placeholder{
  background: #000;
}
.etn-nav-tab .program{
  cursor: pointer;
  background: #e4b823;
}
.etn-nav-tab .country{
  cursor: pointer;
  background: #cea620;
}
.tab-main-content{
  position: relative;
  z-index: 4;
}
.tab-main-content input{
  display: none;
}
.tab-program,
.tab-country{
  position: absolute;
  top: 0px;
  right: 0px;
  padding-top: 30px;
  padding-bottom: 30px;
  background: rgba(0,0,0,.9);
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all .3s;
  transition: all .3s;
  transform-origin: 50% calc(0% + 10px);
  -webkit-transform-origin: 50% calc(0% + 10px);
  transform: perspective(1000px) rotate3d(1,0,0,-75deg);
  -webkit-transform: perspective(1000px) rotate3d(1,0,0,-75deg);
}
.tab-content.tab-country{
  padding-top: 0px;
  padding-bottom: 0px;
  background: transparent;
}
.tab-program.active,
.tab-country.active,
.tab-content.tab-country{
  opacity: 1;
  visibility: visible;
  transform: perspective(1000px) rotate3d(1,0,0,0deg);
  -webkit-transform: perspective(1000px) rotate3d(1,0,0,0deg);
}
.tab-content.tab-program label{
  color: #fff;
  font-size: 14px;
  display: block;
  padding: 3px 5px;
  white-space: nowrap;
  overflow: hidden;
  font-weight: normal;
  cursor: pointer;
  text-overflow: ellipsis;
  border-radius: 3px;
}
.tab-content.tab-program input:checked + label{
  background: #e4b823;
}
.tab-content label span{
  color: #ffae01;
}
.tab-content input:checked + label span{
  color: #fff;
}
.tab-content label i{
  font-size: 18px;
  display: inline-block;
  margin-right: 5px;
}
.school-fillter input{
  display: none;
}
.map{
  position: relative;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.map img{
  width: auto;
  height: auto;
  max-width: none;
}
.map .marker{
  position: absolute;
  width: 25px;
  height: 39px;
  line-height: 39px;
  margin: 2px 0 0 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  visibility: visible;
}
.map .marker.opacity{
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(-30px);
  transform: translateY(-30px);
}
.map .marker span{
  position: absolute;
  display: block;
  color: #e4b823;
  text-align: center;
  font-size: 34px;
  width: 25px;
  z-index: 2;
  left: -4px;
  top: 0px;;
}
.map .marker:hover span,
.map .marker .input-country:checked + label span{
  color: #000;
}
.map .marker strong{
  display: none;
}
.map .marker .pulse{
  border-radius: 50%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: rotateX(55deg);
  margin: 15px 0px 0px -9px;
}
.map .marker .pulse:after{
  content: "";
  border-radius: 50%;
  height: 40px;
  width: 40px;
  position: absolute;
  margin: -13px 0 0 -13px;
  opacity: 0;
  box-shadow: 0 0 1px 2px #000;
  animation-delay: 1.1s;
}
.map .marker label{
  cursor: pointer;
  height: 39px;
  width: 25px;
  margin: 0px 0px 0px -5px;
}
/*.map .marker:hover .pulse:after*/
.map .marker .input-country:checked + label .pulse:after{
  animation: pulsate .8s ease-out;
  animation-iteration-count: infinite;
}
@keyframes pulsate {
  0% {
    transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
@-webkit-keyframes pulsate {
  0% {
    -wbkit-transform: scale(0.1, 0.1);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    -wbkit-transform: scale(1.2, 1.2);
    opacity: 0;
  }
}
.school-content{
  text-align: center;
  padding-top: 50px;
}
.school-content p{
  margin-bottom: 0;
}
.fillter-result{
  margin-top: 50px;
  margin-bottom: 50px;
  min-height: 10px;
}
.fillter-result > *{
  display: inline-block;
}
.fillter-result h3{
  text-transform: uppercase;
  margin-right: 20px;
}
.fillter-result .list-filter{
  margin-right: 20px;
}
.fillter-result span{
  position: relative;
  margin-right: 10px;
  padding: 2px 10px;
  color: #fff;
  background: #343434;
}
.fillter-result span:after{
  position: absolute;
  left: 100%;
  border-top: solid 4px transparent;
  border-bottom: solid 4px transparent;
  border-left: solid 5px #343434;
  content: '';
  top: 7px;
}
.fillter-result a{
  position: relative;
  color: #5b5858;
  border: solid 1px #e9e9e9;
  padding: 2px 10px;
  margin-right: 10px;
  text-decoration: none;
  cursor: default;
  display: inline-block;
  margin-bottom: 10px;
}
.fillter-result a i{
  position: absolute;
  top: -10px;
  right: -8px;
  color: #e4b823;
  width: 15px;
  height: 15px;
  background: #fff;
  border-radius: 50%;
  cursor: pointer;
}
.fillter-result a i:hover{
  color: #343434;
}
.school-result{
  margin-bottom: 50px;
  min-height: 300px;
}
.school-result div[class*="col-"]{
  opacity: 0;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.school-result .row div[class*="col-"]:nth-child(2){
  -webkit-transition-delay: .1s;
  transition-delay: .1s;
}
.school-result .row div[class*="col-"]:nth-child(3){
  -webkit-transition-delay: .2s;
  transition-delay: .2s;
}
.school-result .play div[class*="col-"]{
  opacity: 1;
}
.archive-school figure{
  width: 100%;
  border: solid 1px #cccccc;
  margin-bottom: 50px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.archive-school figure:hover{
  border-color: #969696;
  background: #969696;
}
.archive-school figure > a{
  position: relative;
  display: block;
  margin: -1px;
}
.archive-school figure > a:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  box-shadow: inset 0px 7px 100px rgba(0,0,0,.2);
  z-index: 3;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.archive-school figure img{
  width: 100%;
  height: auto;
  -webkit-transition: all .5s;
  transition: all .5s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.archive-school figure:hover img{
  opacity: 0;
/*  -webkit-transform: translate3d(0,-100%,0);
  transform: translate3d(0,-100%,0);*/
}
.archive-school figure img.overlay{
  position: absolute;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
/*  -webkit-transform: translate3d(0,100%,0);
  transform: translate3d(0,100%,0);*/
}
.archive-school figure:hover img.overlay{
  opacity: 1;
  z-index: 3;
/*  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);*/
}
.archive-school figure a{
  position: relative;
  display: block;
  overflow: hidden;
}
.archive-school figure:hover a{
  color: #fff;
}
.archive-school figure i{
  position: absolute;
  width: 88px;
  height: 88px;
  top: 50%;
  left: 50%;
  line-height: 88px;
  text-align: center;
  color: #fff;
  font-size: 52px;
  margin: -44px 0 0 -44px;
  border-radius: 50%;
  background: #ffd200;
  z-index: 4;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
/*  -webkit-transform: translate3d(0,-30px,0);
  transform: translate3d(0,-30px,0);*/
}
.archive-school figure:hover i{
  opacity: 1;
/*  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);*/
}
.archive-school figure i:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  border-radius: 50%;
  background: rgba(255,255,255,0.3);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.archive-school figure i:hover:after{
  position: absolute;
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
}
.archive-school figure figcaption{
  padding: 0px 30px 45px;
}
.archive-school figure figcaption h4 a{
  font-family: 'Open Sans', sans-serif;
  color: #575757;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
  text-decoration: none;
  display: block;
}
.archive-school figure figcaption p{
  position: absolute;
  bottom: 77px;
  color: #8c8c8c;
  margin-bottom: 0px;
  line-height: 1;
}
.archive-school figure figcaption p span{
  display: inline-block;
  margin-right: 10px;
}
.archive-school figure:hover figcaption p{
  color: #fff;
}
.bottom-in-view{
  position: relative;
}
.bottom-in-view .spinner{
  position: absolute;
  bottom: 25px;
  left: 50%;
  margin-left: -25px;
}
.single-school .main-content{
  border-bottom: solid 1px #e9e9e9;
}
.single-school .sidebar{
  padding-right: 0px;
}
.single-school .sidebar h3{
  margin-top: 0px;
}
.single-school .sidebar ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.single-school .sidebar ul ul{
  padding-left: 20px;
}
.single-school .sidebar ul li{
  position: relative;
}
.single-school .sidebar ul li:before{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 6px;
  width: 1px;
  background: #e7e6e6;
  background: rgba(0,0,0,.05);
  content: '';
  z-index: 2;
}
.single-school .sidebar ul.menu > li:first-child:before{
  top: 27px;
}
.single-school .sidebar ul.menu > li:last-child:before{
  bottom: 27px;
}
.single-school .sidebar ul.menu > li:after{
  position: absolute;
  top: 15px;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: transparent;
  border: solid 1px #e4b823;
  content: '';
  left: 0px;
  z-index: 5;
}
.single-school .sidebar ul.menu > li > a:before{
  position: absolute;
  top: 19px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e4b823;
  content: '';
  left: 4px;
  z-index: 5;
  display: block !important;
}
.single-school .sidebar ul li a{
  position: relative;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 16px;
  color: #5b5858;
  display: block;
  text-decoration: none !important;
  padding: 10px 15px 10px 25px; ;
}
.single-school .sidebar ul li a:hover{
  color: #e4b823;
}
.single-school .sidebar ul li.disable-link > a{
  text-decoration: none;
  color: #5b5858;
}
.single-school .sidebar ul li a:before{
  position: absolute;
  top: 20px;
  left: 7px;
  width: 15px;
  height: 1px;
  background: #e7e6e6;
  background: rgba(0,0,0,.05);
  content: '';
  z-index: 6;
}
.single-school .sidebar ul.menu > li:not(.menu-item-has-children) > a:before{
  display: none;
}
.single-school .sidebar ul li:not(.menu-item-has-children).current_page_item > a{
  font-weight: bold;
/*  background: #e6e6e6;*/
}
.single-school .sidebar ul li:not(.menu-item-has-children).current_page_item > a:after{
  position: absolute;
  top: 14px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  content: '';
  border-right: 6px solid #fff;
  right: 0px;;;
}
.single-school .content{
  padding: 50px 0px 50px 50px !important;
  min-height: 800px;
}
.single-school .content-inner{
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single-school .content-inner.opacity{
  opacity: 0.2;
}
.list-seminar{
  margin-bottom: 90px;
  background: #f1f1f1;
}
.home .list-seminar{
  background: #fff;
}
.list-seminar.closed{
  opacity: .8;
  -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
}
.list-seminar a{
  display: block;
  width: 100%;
}
.list-seminar img{
  width: 100%;
}
.list-seminar .content h4 a{
  text-transform: uppercase;
  font-size: 20px;
  display: block;
  padding: 30px 0px 0px 65px;
}
.list-seminar .content ul{
  padding: 0px 0px 0px 30px;
  list-style: none;
  color: #575757;
}
.list-seminar .action{
  position: absolute;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.list-seminar .action a{
  font-family: 'Open Sans Condensed', sans-serif;
  font-weight: bold;
  font-size: 20px;
  text-transform: uppercase;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: block;
  padding: 10px 0px;
  background: #000;
}
.home .list-seminar .action a{
  background: #2a2a2a;
}
.list-seminar .action a.booking{
  background: #e4b823;
}
.archive .list-seminar .action a.booking{
  background: #e4b823;
}
/* .list-seminar .action a:hover{
  background: #080808;
}
.list-seminar .action a.booking:hover{
  background: #9c021b;
} */
.list-seminar .content ul li{
  margin-bottom: 10px;
}
.list-seminar .content ul li i{
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
}
.single-seminar .main-content{
  border-bottom: solid 1px #e9e9e9;
}
.single-seminar .content{
  min-height: 500px;
}
.single-seminar .sidebar{
  padding-top: 60px;
  padding-right: 15px !important;
}
.single-seminar .sidebar ul{
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 20px;
  margin: 0px 0px 50px 0px;
  padding: 0px;
  list-style: none;
}
.single-seminar .sidebar ul li{
  position: relative;
  margin-bottom: 20px;
  padding-left: 40px;
}
.single-seminar .sidebar ul li.title{
  color: #e4b823;
  font-weight: bold;
}
.single-seminar .sidebar ul li.title h1{
  color: #e4b823;
  font-size: 20px;
  font-weight: bold;
}
.single-seminar .sidebar ul li.title i{
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background: #e4b823;
  top: 10px;
  left: 3px;
}
.single-seminar .sidebar ul li i{
  position: absolute;
  top: 0px;
  left: 0px;
  font-size: 18px;
  color: #575757;
}
.single-seminar .sidebar #map{
  height: 600px;
}
.single-seminar .content{
  padding: 50px 15px 15px 40px !important;
}
.seminar{
  background: #000;
}
.seminar .h3.block-title{
  font-size: 70px;
}
.single-seminar .content .etn-button{
  margin-top: 50px;
  margin-bottom: 50px;
  /*background: #5b5858;*/
}
.archive-whyus .list-whyus{
  position: relative;
}
body:not(.home) .archive-whyus .list-whyus{
  margin-bottom: 100px;
  overflow: hidden;
}
.archive-whyus .list-whyus > a{
  display: block;
  position: relative;
  z-index: 1;
  height: 439px;
}
.archive-whyus .list-whyus > a:after,
.single-whyus .background-header:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #e9042a;
  background: url(images/banner_filter.png);
  z-index: 3;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
}
body.archive .archive-whyus .list-whyus > a:before{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #000;
  z-index: 4;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
}
.archive-whyus .list-whyus:hover > a:before{
  opacity: 0.2 !important;
  visibility: visible !important;
}
.archive-whyus .list-whyus > a img{
  width: auto;
  max-width: none;
  height: 100%;
}
.list-whyus .content{
  position: absolute;
  top: 0px;
  bottom: 0px;
  padding: 0px;
  background: rgba(0,0,0,.9);
  z-index: 2;
}
.list-whyus .content h4{
  margin-bottom: 15px;
  padding: 30px 30px 0px;
  margin: 0px 0px 15px 0px;
}
.list-whyus .content h4 a{
  font-family: 'Kanit', sans-serif;
  font-weight: 300;
  color: #fff;
  font-size: 26px;
  line-height: 1;
  text-decoration: none !important;
}
.list-whyus .content h4 a:hover{
  color: #e4b823;
}
.list-whyus .content p{
  color: #c7c7c7;
  margin: 0px;
  padding: 0px 30px;
}
.list-whyus .content ul{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.list-whyus .content ul li{
  position: relative;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
  padding: 10px 30px 10px 55px;
  margin: 0px;
}
.list-whyus .content ul li.school{
  background: #e4b823;
}
.list-whyus .content ul li.program{
  background: #b89517;
}
.list-whyus .content ul li i{
  position: absolute;
  top: 11px;
  left: 29px;
}
.list-whyus .content ul li a{
  color: #fff;
}
.list-whyus .content .img-warp{
  position: relative;
  text-align: center;
  background: #fff;
  width: 100%;
}
.archive .list-whyus .content .img-warp:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  box-shadow: inset 0px 5px 100px rgba(0,0,0,.07);
  z-index: 3;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.list-whyus .content .img-warp img{
  width: 210px;
  max-width: none;
  height: auto;
}
.single-whyus .sidebar{
  padding-top: 65px;
}
.single-whyus .content {
  padding: 60px 0px 50px 50px !important;
}
.single-whyus .main-content {
  border-bottom: solid 1px #e9e9e9;
}
.single-whyus .content-inner{
  -webkit-transition: all .3s;
  transition: all .3s;
}
.single-whyus .content-inner.opacity{
  opacity: 0.2;
}
.testimonial{
  padding: 0px 0px 100px;
  background: #f4f4f4;
}
.testimonial .container{
  position: relative;
}
.testimonial ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.testimonial .action{
  position: absolute;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #b89517;
}
.testimonial .action a{
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding: 7px 0px;
  background: #e4b823;
}
.testimonial .lSSlideOuter .lSPager.lSpg{
  right: 25px;
  bottom: 3px;
}
.archive-whyus .faq{
  margin-bottom: 30px;
  margin-top: 100px;
}
.archive-whyus .faq .faq-inner{
  width: 100%;
  display: table;
  min-height: 200px;
}
.archive-whyus .faq a{
  position: relative;
  font-family: 'Open Sans Condensed', sans-serif;
  color: #fff;
  font-weight: bold;
  font-size: 40px;
  text-align: center;
  line-height: 1;
  text-decoration: none !important;
  text-transform: uppercase;
  display: table-cell;
  vertical-align: middle;
  padding: 0px 30px;
}
.archive-whyus .faq a:after{
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  border: dashed 1px rgba(255,255,255,.5);
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
}
.archive-whyus .faq a:hover:after{
  border: solid #fff 1px;
}
.archive-whyus .faq a span{
  font-family: 'Open Sans', sans-serif;
  text-align: right;
  margin-right: 20px;
  font-size: 54px;
}
.post-type-archive-faq .main-content{
  padding-top: 0px;
}
.post-type-archive-faq .content{
  min-height: 800px;
}
.single-faq .main-content{
  border-bottom: solid 1px #e9e9e9;
}
.archive-faq .sidebar{
  padding-top: 45px;
}
.sidebar ul.default{
  font-family: 'Open Sans Condensed', sans-serif;
  padding: 0px;
  margin: 0px -15px 0px 0px;
  list-style: none;
}
.sidebar .sticky ul.default{
  margin: 0px;
}
.sidebar ul.default li{
  position: relative;
}
.sidebar ul.default li a{
  position: relative;
  font-size: 20px;
  color: #5b5858;
  font-weight: 400;
  text-decoration: none;
  display: block;
  padding: 10px 15px 10px 0px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  -webkit-transition: all 0s;
  transition: all 0s;
}
.sidebar ul.default li.active a{
  font-weight: bold;
  background: #e6e6e6;
}
.sidebar ul.default li:after{
  position: absolute;
  width: 1000px;
  top: 0px;
  bottom: 0px;
  right: 100%;
  background: #e6e6e6;
  content: '';
  opacity: 0;
}
.sidebar ul.default li.active:after{
  opacity: 1;
}
.archive-faq .content > div{
  margin-bottom: 40px;
}
.archive-faq .content h3.title{
  color: #222;
}
.archive-faq .content{
  padding: 30px 0px 50px 50px !important;
  line-height: 1.8;;
}
.archive-faq .content ul,
.single .content ul{
  list-style: none;
  padding: 0px;
  margin: 0px 0px 30px 0px;
}
.archive-faq .content ul > li,
.single .content ul > li{
  position: relative;
  padding-left: 20px;
}
.archive-faq .content ul > li:before,
.single .content ul > li:before{
  position: absolute;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e4b823;
  content: '';
  left: 4px;
  z-index: 5;
}
.archive-faq .content ul > li li:before,
.single .content ul > li li:before{
  background: transparent;
  border: solid 1px #e4b823;
}
.news{
  background: #000;
  padding-bottom: 50px;
}
.news h3.block-title span{
  color: #fff;
  padding-left: 0px;
}
.blog .content{
  padding: 0px 0px 70px 0px !important;
}
.blog figure{
  position: relative;
  width: 100%;
  display: block;
  border: solid 1px #cccccc;
  margin-bottom: 50px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.blog.news figure{
  border-color: #fff;
  background: #fff;
}
.blog.news figure:after{
  position: absolute;
  height: 5px;
  left: -1px;
  right: -1px;
  bottom: -1px;
  background: #e4b823;
  content: '';
  -webkit-transition: all .2s;
  transition: all .2s;
}
.blog.news figure:hover:after{
  opacity: 0;
}
.blog figure img{
  width: 100%;
  height: auto;
}
.blog figure > a{
  position: relative;
  display: block;
  margin: -1px;
}
.blog figure > a:before{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  box-shadow: inset 0px 7px 100px rgba(0,0,0,.2);
  z-index: 3;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.blog figure i{
  position: absolute;
  width: 88px;
  height: 88px;
  top: 50%;
  left: 50%;
  line-height: 88px;
  text-align: center;
  color: #fff;
  font-size: 52px;
  margin: -44px 0 0 -44px;
  border-radius: 50%;
  background: #e4b823;
  z-index: 4;
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
  -webkit-transform: translate3d(0,-30px,0);
  transform: translate3d(0,-30px,0);
}
.blog figure:hover i{
  opacity: 1;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
}
.blog figure i:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  border-radius: 50%;
  top: -25px;
  bottom: -25px;
  left: -25px;
  right: -25px;
  border: solid 25px rgba(255,255,255,0.3);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.blog figure i:hover:after{
  border-color: rgba(255,255,255,0.5);
}
.blog figure > a:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #e4b823;
  z-index: 3;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
  visibility: hidden;
}
.blog figure:hover > a:after{
  opacity: .8;
  visibility: visible;
}
.blog figure figcaption{
  position: relative;
  padding: 0px 30px 20px;
}
.blog figure figcaption h4{
  margin-bottom: 15px;
}
.blog figure figcaption h4 a{
  font-family: 'Open Sans', sans-serif;
  color: #505050;
  font-size: 22px;
  font-weight: normal;
  text-decoration: none;
  display: block;
  line-height: 1.2;
}
.blog.news figure figcaption h4 a{
  color: #000;
}
.blog figure figcaption p{
  color: #848484;
  font-size: 14px;
}
/*.blog.news figure figcaption p{
  color: #e8e8e8;
}*/
.blog div[class*="col-"] > a{
  position: absolute;
  height: 30px;
  bottom: 35px;
  left: 15px;
  right: 15px;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  display: block;
  opacity: 0;
}
.blog div[class*="col-"]:hover > a{
  opacity: 1;
}
.blog div[class*="col-"] > a span{
  position: relative;
  display: inline-block;
  padding: 0px 10px;
  background: #fff;
  z-index: 1;
}
.blog div[class*="col-"] > a:after{
  position: absolute;
  height: 1px;
  bottom: 15px;
  left: 0px;
  right: 0px;
  background: #e4b823;
  content: '';
}
.single-post .main-content{
  border-bottom: solid 1px #e9e9e9;
}
.single-post .content{
  padding: 70px 50px 70px 15px !important;
  line-height: 1.5;
}
.single-post .content ul,
.single-post .content p{
  margin-bottom: 15px;
}
.single-post .content > *:first-child{
  margin-top: 0px;
}
.single-post .sidebar .list-category h3{
  margin-top: 70px;
}
.single-post .sidebar ul{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 30px 0px;
  list-style: none;
}
.single-post .sidebar ul li{
  font-size: 12px;
}
.single-post .sidebar ul li a{
  position: relative;
  font-size: 13px;
  color: #5b5858;
}
.list-category ul li{
  position: relative;
  padding: 5px 6px 3px 20px;
}
.list-category ul li:before{
  position: absolute;
  top: 11px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #e4b823;
  content: '';
  left: 4px;
  z-index: 5;
  display: block;
}
.list-tag ul li{
  display: inline-block;
  padding: 3px 0px 3px 0px;
  margin-bottom: 5px;
  border-radius: 2px;
  color: #e4b823;
}
.list-tag ul li a:after{
  content: ','
}
.team{
  margin-bottom: 50px;
}
.team .fillter{
  padding: 0px 0px;
  margin-bottom: 90px;
  margin-top: 20px;
  overflow: hidden;
  display: table;
  width: 100%;
  text-align: justify;
}
.team .fillter ul{
  padding: 0px;
  margin: 0px;
  list-style: none;
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  width: 99%;
  padding-left: 25px;
  border: solid 1px #e8e8e8;
  border-left: none;
}
.team .fillter ul li{
  display: inline-block;
  margin: 0px;
  padding: 0px 8px;
  font-size: 14px;
  color: #5b5858;
  cursor: pointer;
  -webkit-transition: all .3s;
  transition: all .3s;
  line-height: 1;
}
.team .fillter ul li:hover,
.team .fillter ul li.active{
  color: #e4b823;
}
.team h3{
  position: relative;
  font-size: 30px;
  color: #fff;
  text-transform: uppercase;
  display: table-cell;
  padding: 13px 20px;
  background: #e4b823;
  width: 1%;
  white-space: nowrap;
  line-height: 1;
}
.team h3:after {
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -6px;
  border-top: solid 6px transparent;
  border-bottom: solid 6px transparent;
  border-left: solid 8px #e4b823;
  content: '';
}
.team  [class*='col-']{
  display: none;
}
.team figure{
  width: 100%;
  margin-bottom: 30px;
}
.img-wrap{
  position: relative;
  margin: auto auto 30px;
  width: 210px;
  height: 210px;
  border-radius: 50%;
}
.img-wrap:after{
  position: absolute;
  top: -10px;
  bottom: -10px;
  left: -10px;
  right: -10px;
  border: solid 1px #e8e8e8;
  content: '';
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
}
figure:hover .img-wrap:after{
  top: -15px;
  bottom: -15px;
  left: -15px;
  right: -15px;
  border-color: #e4b823;
}
.img-wrap:before{
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -8px;
  right: -8px;
  border: solid 8px #e4b823;
  content: '';
  border-radius: 50%;
  -webkit-transition: all .3s;
  transition: all .3s;
  opacity: 0;
}
figure:hover .img-wrap:before{
  opacity: 1;
}
.team figure img{
  display: block;
  margin: 0px !important;
  border-radius: 50%;
}
.team figure figcaption h4{
  margin: 0px;
  text-align: center;
  text-transform: uppercase;
}
.team figure figcaption p{
  text-align: center;
}
.page-contact{
  padding-bottom: 100px;
}
.page-contact .mfp-image{
  position: relative;
  display: block;
  margin-bottom: 30px;
}
.page-contact .mfp-image:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  box-shadow: inset 0px 7px 100px rgba(0,0,0,.2);
  z-index: 3;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.page-contact img{
  width: 100%;
}
.page-contact h3{
  font-size: 30px;
  text-transform: uppercase;
}
.page-contact strong{
  color: #000;
}
.page-contact #map{
  width: 100%;
  height: 300px;
}
.contact-map-image{
  position: relative;
  margin-bottom: 50px;
}
.page-contact .mfp-map{
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 5;
  padding-top: 4px;
  padding-bottom: 4px;
}
.contact-info{
}
.contact-info a{
  color: #5b5858;
}
.page-contact .contact-info p{
  margin-bottom: 20px;
}
.page-contact .form-control{
  height: 40px;
}
.page-contact textarea.form-control{
  height: auto;
}
.page-contact .form-group{
  margin-bottom: 20px;
}
.page-contact .etn-button{
  margin-top: 10px;
  background-color: #000;
}
.register-form{
  margin-bottom: 50px;
}
.register-form > .row:first-child > [class*='col-']:first-child{
  padding-right: 30px;
}
.register-form > .row:first-child > [class*='col-']:last-child{
  padding-left: 30px;
}
.register-form .etn-button{
  float: right;
  margin-top: 0px !important;
}
.slideshow{
  height: 510px;
  margin-bottom: 115px;
  position: relative;
  overflow: hidden;
}
.slideshow ul:not(.lSPager){
  padding: 0px;
  margin: 0px;
  list-style: none;
}
.slideshow ul:not(.lSPager) li{
  position: relative;
  height: 510px;
  background-position: center center;
  background-size: cover;
}
.slideshow ul:not(.lSPager) li.slide-4239{
  background-position: center center !important;
}
.slideshow ul:not(.lSPager) li:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
/*  background-color: rgba(0,0,0,0.25);*/
  background-image: url(images/banner_filter.png);
  z-index: 3;
  content: '';
  -webkit-transition: all .3s;
  transition: all .3s;
}
.slideshow .container{
  height: 510px;
  display: table;
}
.slideshow ul li .caption{
  position: relative;
  width: 100%;
  display: table-cell;
  vertical-align: middle;
  z-index: 4;
}
.slideshow ul li .text{
  position: relative;
  padding: 40px 0px 40px 30px;
  display: block;
  text-decoration: none !important;
/*  border-bottom: solid 1px #ffd008;
  background: rgba(53,53,53,0.8);*/
}
.slideshow ul li .left .text{
  padding-left: 0px;
}
.slideshow ul li .text:before{
  position: absolute;
  width: 2000px;
  left: 100px;
  right: 0px;
  top: 0px;
  bottom: 0px;
  border-bottom: solid 1px #e4b823;
  background: rgba(0,0,0,0.8);
  content: '';
  -webkit-transform: skew(-40deg);
     transform: skew(-40deg);
  -webkit-transition: all .8s cubic-bezier(0,1,.5,1);
  transition: all .8s cubic-bezier(0,1,.5,1);
}
.slideshow ul li .text:hover:before{
  /*border-color: #ed1c24;*/
  background: rgba(0,0,0,0.95);
}
.slideshow ul li .left .text:before{
  right: 100px;
  left: auto;
  -webkit-transform: skew(40deg);
          transform: skew(40deg);
}
.slideshow.play ul li .text:before{
  opacity: 0;
}
.slideshow ul li .caption h2{
  position: relative;
  color: #fff;
  font-size: 44px;
  line-height: 1;
  text-transform: uppercase;
  margin: 0px 0px 10px 0px;
  padding-left: 150px;
  z-index: 2;
  -webkit-transition: all .8s cubic-bezier(0,1,.5,1);
  transition: all .8s cubic-bezier(0,1,.5,1);
}
.slideshow.play ul li .caption h2{
  opacity: 0;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}
.slideshow ul li .caption.left h2{
  padding-left: 0px;
  padding-right: 150px;
}
.slideshow ul li .caption p{
  position: relative;
  font-family: 'Open Sans Condensed', sans-serif;
  font-size: 30px;
  line-height: 1;
  color: #e4b823;
  text-transform: uppercase;
  margin: 0px;
  z-index: 2;
  -webkit-transition: all .8s cubic-bezier(0,1,.5,1);
  transition: all .8s cubic-bezier(0,1,.5,1);
  padding-left: 120px;
}
.slideshow ul li .caption.left p{
  padding-left: 0px;
  padding-right: 120px;
}
.slideshow.play ul li .caption p{
  opacity: 0;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
}
.slideshow .lSSlideOuter .lSPager.lSpg{
  left: 0px;
  right: 0px;
  text-align: center;
  bottom: 10px;
}
.slideshow .lSSlideOuter .lSPager.lSpg li.active a:after{
  top: -3px;
  bottom: -3px;
  left: -3px;
  right: -3px;
}
.slideshow .text-future{
  position: absolute;
  width: 400px;
  bottom: 50px;
  right: 0;
}
.slideshow ul li .caption .text-future{
  padding: 20px 30px;
  text-decoration: none;
  border-bottom: solid 1px #e4b823;
  background: rgba(0,0,0,0.8);
  content: '';
  -webkit-transition: all .8s cubic-bezier(0,1,.5,1);
  transition: all .8s cubic-bezier(0,1,.5,1);
}
.slideshow ul li .caption .text-future h2{
  font-size: 22px !important;
  padding: 0;
}
.slideshow ul li .caption .text-future p{
  font-size: 16px !important;
  padding: 0;
  margin: 0;
  font-weight: 200;
}
.slideshow.play ul li .caption .text-future{
  border-color: transparent;
  background: transparent;
}
.video{
  padding: 50px 0px;
}
.video h3.block-title{
  font-size: 90px;
  margin-top: 40px;
}
.video a{
  position: relative;
  display: block;
  margin-top: 50px;
  margin-bottom: 50px;
}
.video a img{
  width: 100%;
}
.video a:after{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  content: '';
  box-shadow: inset 0px 0px 160px rgba(0,0,0,.3);
  z-index: 3;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.video a i,
.video a span{
  position: absolute;
  bottom: 25px;
  left: 30px;
  color: #fff;
  font-size: 60px;
  line-height: 1;
  margin: 0px;
  -webkit-transition: all .3s;
  transition: all .3s;
  z-index: 5;
}
.video a span{
  top: 50%;
  left: 50%;
  bottom: auto;
  font-size: 100px;
  opacity: 0;
  margin: -50px 0px 0px -50px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}
.video a:hover span{
  opacity: 1;
  -webkit-transform: translateY(0px);
  transform: translateY(0px);
}
.video a:hover i{
  opacity: 0;
}
.video h4{
  font-size: 26px;
  color: #484949;
  margin: 20px 0px;
  padding-left: 30px;
}
.video p{
  color: #484949;
  padding-left: 30px;
}
.row.no-gutter{
  margin-left: 0px;
  margin-right: 0px;
}
.row.no-gutter > [class*='col-']:not(:first-child),
.row.no-gutter > [class*='col-']:not(:last-child){
  padding-right: 0px;
  padding-left: 0px;
}
.page-header [class*="col-"]{
  min-height: 90px;
}
.home .page-header [class*="col-"]{
  min-height: 99px;
}
.page-header .title{
  background: #000;
  -webkit-transition: background .3s;
  transition: background .3s;
}
body:not(.home) .page-header .title:before,
body:not(.home) .page-header .title:after{
  position: absolute;
  width: 1500px;
  top: 0px;
  bottom: 0px;
  right: 100%;
  background: #000;
  content: '';
  -webkit-transition: background .3s;
  transition: background .3s;
}
body:not(.home) .page-header .title:after{
  width: 1px;
  right: auto;
  left: 100%;
}
body:not(.home) .page-header.opacity .title,
body:not(.home) .page-header.opacity .title:before,
body:not(.home) .page-header.opacity .title:after{
  background: rgba(0,0,0,0.9);
}
.page-header .get-in-touch{
  position: relative;
  text-align: right;
  color: #fff;
  background: #191919;
  padding: 15px 80px 0px 0px !important;
  -webkit-transition: background .3s;
  transition: background .3s;
}
body:not(.home) .page-header.opacity .get-in-touch,
body.home .page-header.opacity.sticky .get-in-touch{
  background: rgba(25,25,25,.9);
}
.get-in-touch h2{
  color: #fff;
  margin: 0px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  line-height: 1.5;
  font-weight: normal;
  white-space: nowrap;
}
.get-in-touch a{
  font-size: 26px;
  color: #fff;
  text-decoration: none;
}
.get-in-touch i{
  position: absolute;
  top: 0px;
  right: 10px;
  font-size: 64px;
  color: #858585;
}
.page-header .booking{
  position: relative;
  line-height: 1;
  background: #e4b823;
  padding: 18px 0px 0px 20px !important;
  -webkit-transition: background .3s;
  transition: background .3s;
}
body:not(.home) .page-header.opacity .booking,
body.home .page-header.opacity.sticky .booking{
  background: rgba(228,184,35,.9);
}
body:not(.home) .page-header .booking:after{
  position: absolute;
  width: 1000px;
  top: 0px;
  bottom: 0px;
  left: 100%;
  background: #e4b823;
  content: '';
  -webkit-transition: background .3s;
  transition: background .3s;
}
body:not(.home) .page-header.opacity .booking:after{
  background: rgba(228,184,35,.9);
}
.page-header .booking a{
  white-space: nowrap;
  display: block;
}
.page-header .booking h2{
  font-family: 'Open Sans', sans-serif;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
  font-size: 30px;
  display: block;
  margin: 0px;
  float: left;
}
.page-header .booking span{
  font-size: 19px;
  font-weight: normal;
  text-transform: none;
  display: block;
}
.page-header .booking i{
  color: #ffe88a;
  display: block;
  font-size: 50px;
  float: left;
  margin: 0px 0px 0px 30px;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.page-header .booking:hover i{
  color: #fff;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.sidebar{
  position: relative;
  padding-bottom: 50px;
  background: #f3f3f3;
}
.sidebar:before{
  position: absolute;
  width: 1000px;
  top: 0px;
  bottom: 0px;
  right: 100%;
  background: #f3f3f3;
  content: '';
}
.sidebar.right:before{
  right: auto;
  left: 100%;
}
.sidebar h3{
  position: relative;
  padding: 10px 0px 15px;
  background: #e6e6e6;
}
.sidebar h3:after{
  position: absolute;
  width: 1000px;
  top: 0px;
  bottom: 0px;
  right: 100%;
  background: #e6e6e6;
  content: '';
}
.sidebar.right h3:after{
  right: auto;
  left: 100%;
}
.sidebar.right h3{
  margin-left: -15px;
  padding-left: 15px;
}
.partner{
  padding: 90px 0px 80px;
  background: #fff;
  position: relative;
  min-height: 260px;
}
.post-type-archive-school .partner,
.page .partner{
  border-top: solid 1px #e9e9e9;
}
.partner ul{
  list-style: none;
  height: auto !important;
  padding: 0px;
  margin: 0px;
}
.partner img{
  max-width: 100%;
  height: auto;
  opacity: 1;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: all .3s;
  -webkit-transition: all .3s;
  margin: auto;
  display: block;
}
.partner li:hover img{
  opacity: 1;
  -webkit-filter: grayscale(0);
  filter: grayscale(0);
}
.footer{
  position: relative;
  color: #000;
  line-height: 2;
  border-bottom: solid 8px #e4b823;
  padding: 100px 0px 130px;
  background: #f4f4f4;
  min-height: 350px;
}
.footer:before,
.footer .container:before{
  position: absolute;
  content: '';
  bottom: -5px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
}
.footer:before{
  border-right: 4px solid #e4b823;
  left: 50%;
  margin-left: -4px;
}
.footer .container:before{
  border-left: 4px solid #000;
  right: 50%;
  margin-right: -4px;
}
.footer:after{
  position: absolute;
  height: 8px;
  left: 50%;
  right: 0px;
  background: #000;
  content: '';
  top: 100%;
}
.footer .col-sm-4:nth-child(2){
  padding-left: 30px;
}
.footer strong{
  color: #606060;
}
.footer ul{
  list-style: none;
  padding: 0px;
  margin: 0px;
}
.footer ul li{
  position: relative;
  display: inline-block;
  margin-left: 15px;
  margin-right: -4px;
  margin-top: 30px;
}
.footer ul li:after{
  position: absolute;
  height: 10px;
  left: 5px;
  right: 5px;
  content: '';
  display: block;
  background: radial-gradient(ellipse at center,rgba(0,0,0,.2) 0,rgba(0,0,0,0) 80%);
  opacity: 0;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.footer ul li:hover:after{
  opacity: 1;
}
.footer ul li a{
  display: block;
  font-size: 50px;
  text-decoration: none;
  line-height: 1;
}
.footer ul li a:hover{
  -webkit-transform: translateY(-6px);
  transform: translateY(-6px);
}
.footer ul li a i{
  color: #000;
  /* color: #0084ff;
  -webkit-filter: grayscale(100%) brightness(20%);
  filter: grayscale(100%) brightness(20%); */
}
.footer ul li a:hover i{
  color: #e4b823;
  /* -webkit-filter: grayscale(0%) brightness(100%);
  filter: grayscale(0%) brightness(100%); */
}
/* .footer ul li a i.flaticon-youtube30{
  color: #ed1c24;
}
.footer ul li a i.flaticon-logo84{
  color: #00c0ff;
}
.footer ul li a i.flaticon-instagram19{
  color: #ab3a3a;
}
.footer ul li a i.flaticon-socialnetwork210{
  color: #00c402;
} */
.form-group{
  position: relative;
  margin-bottom: 30px;
}
.form-group label{
  color: #000;
  font-size: 14px;
}
.form-control{
  height: 48px;
  border-radius: 0px;
  box-shadow: none;
  border-color: #e1e1e1;
  background: #fff;
}
.has-error .form-control{
  border-color: #e32531 !important;
}
label.control-label{
  font-weight: 600;
  color: #5b5858;
}
.form-group .alert{
  position: relative;
  color: #fff;
  margin-bottom: 14px;
  border-radius: 3px;
  padding: 5px 10px;
  font-size: 13px;
  border-color: #e32531;
  border-radius: 0px;
  background: #e32531;
}
.form-group .alert:after {
  position: absolute;
  left: 20px;
  bottom: 100%;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 8px solid #e32531;
  content: '';
}
.etn-button{
  position: relative;
  color: #fff;
  border: none;
  padding: 6px 30px;
  font-size: 18px;
  text-transform: uppercase;
  text-decoration: none !important;
  display: inline-block;
  background: #e4b823;
  outline: none !important;
  -webkit-transition: all .3s;
  transition: all .3s;
}
.etn-button:hover{
  color: #fff;
  background: #343434;
}
.etn-button.loading{
  opacity: .5;
  padding-left: 60px;
}
.etn-button .spinner{
  position: absolute;
  top: 5px;
  left: 20px;
  font-size: 30px;
}
.sidebar .etn-fixed.sticky{
  position: fixed;
  top: 88px;
  width: 278px;
}
body.logged-in.admin-bar .sidebar .etn-fixed.sticky{
  top: 118px;
}
.sidebar .etn-fixed.sticky-bottom{
  top: auto !important;
  bottom: 695px;
}
.lSSlideOuter .lSPager.lSpg{
  position: absolute;
  right: 5px;
  bottom: 5px;
  z-index: 10;
}
.lSSlideOuter .lSPager.lSpg li{
  display: inline-block;
  padding: 0px 3px;
}
.lSSlideOuter .lSPager.lSpg li a{
  position: relative;
  width: 5px;
  height: 5px;
  background: #fff !important;
  overflow: visible;;
}
.lSSlideOuter .lSPager.lSpg li.active a:after{
  position: absolute;
  top: -2px;
  bottom: -2px;
  left: -2px;
  right: -2px;
  border: solid 1px #fff;
  border-radius: 50%;
  content: '';
}
.etn-pagination{
  position: relative;
  text-align: center;
}
.etn-pagination:after{
  position: absolute;
  right: 0px;
  left: 0px;
  height: 1px;
  content: '';
  background: #e9e9e9;
  top: 10px;
}
.pagination-inner{
  position: relative;
  display: inline-block;
  padding: 0px 15px;
  background: #fff;
  z-index: 2;
}
.pagination-inner > *{
  font-size: 16px;
  display: inline-block;
  padding: 0px 3px;
  text-decoration: none !important;
}
.etn-pagination a{
  color: #606060;
}
.etn-pagination a:hover{
  color: #e4b823;
}
.etn-pagination span{
  color: #e4b823;
  font-weight: bold;
}
.etn-pagination i{
  color: #c9c9c9;
  font-size: 14px;
  -webkit-transform: translateY(-2px);
  transform: translateY(-1px);
  display: block;
}
.etn-pagination a:hover i{
  color: #e4b823;
}
.nav-pagination{
  position: absolute;
  bottom: -18px;
  background: #fff;
  z-index: 1;
  padding: 0px 10px;
  -webkit-transform: translateX(-50%);
  left: 50%;
  transform: translateX(-50%);
  margin-left: 15px;
  white-space: nowrap;
}
.nav-pagination a{
  display: inline-block;
  text-decoration: none;
  margin: 0px 2px;
}
.nav-pagination a i{
  width: 38px;
  height: 38px;
  line-height: 38px;
  color: #fff;
  font-size: 18px;
  text-align: center;
  display: block;
  background: #e4b823;
  border-radius: 50%;
}
.nav-pagination a .flaticon-chevron3{
  /* background: #ffd008; */
}
.nav-pagination a .flaticon-grid2{
  background: #e4b823;
}
.full-width{
  width: 100%;
  overflow: hidden;
  padding-left: 1000px;
  padding-right: 1000px;
  margin-left: -1000px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.main-content .content-inner > *:first-child,
.main-content .content > *:first-child,
.main-content .content > *:first-child img{
  margin-top: 0px !important;
}
.preloader-wrap{
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  right: 0px;
  background: #313131;
  z-index: 9999;
}
.goTop{
  position: fixed;
  width: 50px;
  height: 50px;
  bottom: 15px;
  right: 15px;
  line-height: 50px;
  text-align: center;
  text-decoration: none !important;
  color: #fff !important;
  background: #343434;
  background: rgba(0,0,0,0.15);
  border-radius: 50%;
  z-index: 9999;
  font-size: 14px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateX(30px) rotate(360deg);
  transform: translateX(30px) rotate(360deg);
}
.goTop:hover{
  background: #e4b823;
}
.goTop.active{
  opacity: 1;
  visibility: visible;
  transform: translateX(30px) rotate(0deg);
  -webkit-transform: translateX(0px) rotate(0deg);
}
@media (min-width: 801px){
  html:not(.no-flexbox) .flex{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  html:not(.no-flexbox) .flex > div[class*="col-"]{
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  }
  html:not(.no-flexbox) .flex-2{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
@media (max-width: 1400px){
  .wrapper{
    padding-top: 87px;
  }
  .header ul > li > a {
    padding-bottom: 11px;
    padding-top: 12px;
  }
  .header .navigation .logo img{
    max-width: 150px;
  }
  .slideshow,
  .slideshow ul:not(.lSPager) li,
  .slideshow .container{
    height: 450px;
  }
  .slideshow{
    margin-bottom: 80px;
  }
  .slideshow ul li .text{
    padding-top: 20px;
    padding-bottom: 20px;
  }
  .language-selector{
    margin-top: 12px;
  }
  .background-header{
    height: 382px;
  }
}
@media (max-width: 1199px) {
  html body[class] .page-header .booking{
    padding-left: 15px !important;
  }
  .list-whyus .content .img-warp img{
    width: 110px;
  }
  .map{
    height: 500px;
    transform: scale(0.824) !important;
    -moz-transform: scale(0.824) !important;
    -webkit-transform: scale(0.824) !important;
  }
  .etn-nav-tab,
  .etn-nav-tab small{
    font-size: 26px;
  }
  .sidebar .etn-fixed.sticky{
    position: relative;
    top: auto !important;
    width: auto;
  }
  .header ul > li > a{
    padding-right: 5px;
    padding-left: 5px;
  }
}
@media (max-width: 991px) {
  .wrapper{
    padding-top: 69px;
  }
  .background-header{
    top: 69px;
  }
  .header{
    padding-top: 8px;
    padding-bottom: 8px;
    border-top-width: 5px;
  }
  .nav-moblie{
    display: block;
  }
  .navigation .main-menu{
    position: absolute !important;
    width: 240px;
    top: 49px;
    right: 15px;
    text-align: left;
    padding: 20px 0px;
    z-index: 9;
    padding-top: 5px;
    padding-bottom: 7px;
    background: #343434;
    border-radius: 3px 0px 3px 3px;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .3s;
    transition: all .3s;
    transform-origin: 100% 0;
    -webkit-transform-origin: 100% 0;
    transform: scale3d(0.5,.2,1);
    -webkit-transform: scale3d(0.5,.2,1);
  }
  .navigation.open .main-menu{
    opacity: 1;
    visibility: visible;
    transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
  }
  .navigation .lavalamp-object{
    display: none !important;
  }
  .navigation .main-menu li{
    text-align: left;
    display: block;
    margin: 0px;
    border-top: solid 1px rgba(255,255,255,.08);
    border-bottom: solid 1px rgba(0,0,0,.05);
  }
  .navigation .main-menu li:nth-child(2){
    border-top: none;
  }
  .navigation .main-menu li:last-child{
    border-bottom: none;
  }
  .navigation .main-menu li a{
    font-family: 'Open Sans', sans-serif;
    display: block;
    font-size: 14px;
    padding: 8px 20px !important;
    font-weight: normal;
    color: #fff;
    border: none;
  }
  .language-selector{
    position: absolute !important;
    right: 65px;
  }
  .slideshow ul li .caption{
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
  }
  .slideshow ul li .text:before{
    left: 0px !important;
    right: 0px !important;
    -webkit-transform: skew(0deg) !important;
    transform: skew(0deg) !important;
  }
  .slideshow ul li .text{
    padding: 15px !important;
  }
  .slideshow ul li .caption h2{
    text-align: center;
    padding: 0px !important;
  }
  .slideshow ul li .caption p{
    text-align: center;
    padding: 0px !important;
  }
  .slideshow .lSSlideOuter .lSPager.lSpg{
    top: 15px;
    left: auto;
    right: 15px;
    bottom: auto;
  }
  .slideshow ul li .caption .text-future{
    width: auto;
    bottom: 0;
  }
  .get-in-touch a{
    font-size: 22px;
    white-space: nowrap;
  }
  .page-header .booking h2{
    font-size: 30px !important
  }
  .page-header .booking span{
    font-size: 20px !important
  }
  .page-header .booking i{
    font-size: 44px !important;
    margin-left: 15px;
  }
  .home-menu .faq ul:not(.lSPager) li a{
    font-size: 34px;
  }
  .list-whyus .content{
    position: relative;
    bottom: auto !important;
    top: auto !important;
  }
  .list-whyus .content .img-warp{
    position: absolute;
    bottom: 100%;
    top: auto;
    right: auto;
    left: 30px;
    width: auto;
  }
  .list-whyus .content h4 a{
    font-size: 22px;
  }
  .list-whyus .content p{
    margin-bottom: 20px;
  }
  .list-whyus .content .img-warp img{
    width: 120px;
  }
  .testimonial .lSSlideOuter .lSPager.lSpg{
    bottom: 3px;
  }
  .list-whyus .content ul{
    position: relative;
  }
  .list-whyus .action{
    position: relative;
  }
  .map{
    height: 360px;
    transform: scale(0.824) !important;
    -moz-transform: scale(0.824) !important;
    -webkit-transform: scale(0.631) !important;
  }
  .etn-nav-tab,
  .etn-nav-tab small{
    font-size: 20px;
  }
  .background-header{
    height: 383px;
  }
  .archive-whyus .list-whyus > a{
    height: auto;
  }
  .archive-whyus .list-whyus > a img{
    width: 100%;
    max-width: none;
    height: auto;
  }
}
@media (max-width: 800px) {
  .main-content{
    padding-top: 60px;
  }
  .slideshow ul li .caption h2{
    font-size: 28px !important;
  }
  .slideshow ul li .caption p{
    font-size: 24px !important;
  }
  .slideshow ul li .caption p br{
    display: none;
  }
  .slideshow ul:not(.lSPager) li{
    background-position: left 20% bottom 0px;
  }
  .slideshow ul:not(.lSPager) li.align-left{
    background-position: right 10% bottom 0px;
  }
  .slideshow ul:not(.lSPager) .slide-1192{
    background-position: right 30% bottom 0px;
  }
  .home-menu > div:not(.faq) a span{
    top: 61px;
    bottom: auto;
    font-size: 32px;
    padding-left: 29px;
  }
  .home-menu a span i{
    font-size: 26px;
    margin-top: 5px;
  }
  .home-menu > div:not(.faq) ul{
    top: 0px;
    bottom: auto;
    padding-top: 80px;
    padding-bottom: 1000px;
  }
  .home-menu > div.program{
    height: 390px;
  }
  .home-menu > div.faq{
    height: 200px;
  }
  .home-menu .faq ul:not(.lSPager) li{
    height: 200px;
  }
  .home-menu .faq ul:not(.lSPager) li a{
    font-size: 50px;
  }
  html body[class] .page-header [class*='col-']{
    min-height: 63px;
    padding-top: 5px !important;
  }
  html body[class] .page-header .get-in-touch{
    padding-right: 55px !important;
  }
  html body[class] .page-header .get-in-touch i{
    top: 0px;
    font-size: 45px;
  }
  html body[class] .page-header .title{
    display: table;
    padding-top: 0px !important;
  }
  html body[class] .page-header .page-title.has-title{
    text-align: center;
    text-transform: uppercase;
    padding: 0px !important;
    line-height: 1;
    display: table-cell;
    vertical-align: middle;
  }
  html body[class] .page-header .page-title.has-title span{
    position: relative;
    top: auto !important;
    left: auto !important;
    font-family: 'Open Sans Condensed', sans-serif;
    font-size: 20px !important;
    display: inline-block;
    margin-right: 10px;
    text-transform: uppercase !important;
    font-weight: bold;
  }
  body.archive .page-header .page-title.has-title p{
    display: inline-block;
  }
  .list-seminar .content h4{
    margin-top: 0px;
    margin-bottom: 0px;
  }
  .list-seminar .content ul li{
    margin-bottom: 5px;
  }
  .list-seminar .action a{
    padding-top: 5px;
    padding-bottom: 5px;
  }
  .list-seminar .action{
    bottom: auto;
    top: 100%;
  }
  .background-header{
    height: 181px;
  }
  body:not(.home) .page-header{
    margin-top: 180px;
  }
  .team h3{
    font-size: 80px;
  }
  .team h3 span{
    display: block;
    font-size: 30px;
  }
  .team .fillter ul li{
    width: 50%;
    display: block;
    float: left;
    text-align: left;
    margin-bottom: 10px;
  }
  .blog .content{
    padding-top: 0px !important;
  }
  .footer .col-sm-4:nth-child(2){
    padding-left: 15px;
  }
  .footer .col-sm-4{
    text-align: center;
    margin-bottom: 30px;
  }
  .footer{
    padding-bottom: 60px;
  }
  .footer ul li{
    margin: 0px 5px;
  }
  .archive-school figure figcaption p{
    bottom: 35px;
  }
  .map{
    height: auto;
    transform: scale(1) !important;
    -moz-transform: scale(1) !important;
    -webkit-transform: scale(1) !important;
  }
  .map img{
    display: none;
  }
  .map .marker,
  .map .marker label{
    position: relative;
    width: 50%;
    height: auto;
    top: auto !important;
    left: auto !important;
    line-height: 20px;
  }
  .map .marker label{
    width: 100%;
  }
  .map .marker .pulse,
  .map .marker span{
    display: none;
  }
  .map .marker strong{
    display: block;
  }
  .tab-program,
  .tab-country{
    padding-top: 30px !important;
    padding-bottom: 30px !important;
    background: #3f3f3f !important;
  }
  .tab-content.tab-country label{
    color: #fff;
    font-size: 14px;
    display: block;
    padding: 3px 5px;
    white-space: nowrap;
    overflow: hidden;
    cursor: pointer;
    font-weight: normal;
    text-overflow: ellipsis;
    border-radius: 3px;
    margin: 0px 0px 5px 0px;
  }
  .tab-content.tab-country input:checked + label{
    background: #e4b823;
  }
  .tab-content.tab-country label strong{
    font-weight: normal;
  }
  .tab-content.tab-country label strong img{
    width: 20px;
    height: auto;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
  }
  .tab-content.tab-country label strong small{
    color: #ffae01;
    font-size: 14px;
  }
  .tab-content.tab-country input:checked + label strong small{
    color: #fff;
  }
  .tab-content{
    position: relative;
    display: none;
  }
  .fillter-result{
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .tab-content.active{
    overflow: hidden;
    display: block;
  }
  .etn-nav-tab,
  .etn-nav-tab small {
    font-size: 26px;
  }
  .etn-nav-tab span{
    text-align: left;
  }
  .etn-nav-tab [class*='col-']:after{
    left: 25px;
    right: auto;
  }
  .etn-nav-tab i{
    display: block;
    float: left;
  }
  .page-header img{
    width: 120px;
  }
  .single-school .sidebar{
    padding-bottom: 30px;
  }
  .single-seminar .content,
  .single-whyus .content,
  .single-school .content,
  .single-post .content,
  .archive-faq .content{
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
  .register-form > .row:first-child > [class*='col-']:first-child{
    padding-right: 15px;
  }
  .register-form > .row:first-child > [class*='col-']:last-child{
    padding-left: 15px;
  }
  .blog div[class*="col-"] > a{
    bottom: -15px;
  }
}
@media screen and (max-width: 782px){
  html[lang]{
    margin-top: 0px !important;
  }
  html #wpadminbar {
    display: none;
  }
  .header{
    top: 0px !important;
  }
  body.logged-in.admin-bar .background-header{
    top: 69px;
  }
}
@media (max-width: 600px) {
  .list-seminar .content h4{
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .list-seminar > div{
    width: 100%;
  }
  .list-seminar .content ul li{
    margin-bottom: 10px;
  }
  .list-seminar .action{
    position: relative;
  }
  .list-seminar .action a{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .list-seminar .content ul{
    margin-bottom: 30px;
  }
  .team .fillter ul{
    padding-top: 10px;
    padding-bottom: 10px;
  }
  .team .fillter ul li{
    width: 100%;
  }
}
@media (max-width: 480px) {
  body{
    padding-bottom: 63px;
  }
  .wrapper{
    padding-top: 0px;
    position: relative;
  }
  .header{
    position: relative;
  }
  .header.sticky{
    background: transparent;
  }
  .nav-moblie{
    position: fixed;
    top: 20px;
  }
  .navigation .main-menu{
    position: fixed !important;
    top: 55px;
    right: 15px;
  }
  .header.sticky .navigation .main-menu{
    top: 45px;
    right: 20px;
  }
  .header.sticky .nav-moblie{
    top: 10px;
    right: 20px;
  }
  .page-header.sticky .get-in-touch,
  .page-header.sticky .booking{
    position: fixed;
    width: 50%;
    bottom: 0px;
    z-index: 9999;
  }
  .page-header.sticky .get-in-touch{
    left: 0px;
  }
  .page-header.sticky .booking{
    right: 0px;
  }
  .slideshow ul li .caption h2{
    font-size: 24px !important;
  }
  .slideshow ul li .caption p{
    font-size: 20px !important;
  }
  .slideshow,
  .slideshow ul:not(.lSPager) li,
  .slideshow .container{
    height: 400px;
  }
  .get-in-touch i{
    font-size: 40px;
  }
  .page-header .get-in-touch{
    padding-right: 50px !important;
  }
  .get-in-touch a{
    font-size: 18px;
  }
  .home-menu .faq ul:not(.lSPager) li a{
    font-size: 40px;
  }
  .list-whyus .content .img-warp img{
    width: 100px;
  }
  .tab-content .col-xs-6{
    width: 100%;
  }
  .goTop{
    -webkit-transition: all 0s;
    transition: all 0s;
  }
  .goTop.active.small{
    background: transparent;
    bottom: 67px;
    color: #ffd008 !important;
    right: -8px;
  }
  .slideshow ul li .caption .text-future{
    padding: 15px;
  }
  .slideshow ul li .caption .text-future h2{
    font-size: 15px !important;
  }
  .slideshow ul li .caption .text-future p{
    font-size: 14px !important;
  }
}
@media (max-width: 360px) {
  .page-header .get-in-touch i,
  .page-header .booking i{
    display: none;
  }
  html body[class] .page-header .get-in-touch{
    padding-right: 15px !important;
  }
  .home .page-header .get-in-touch{
    padding-right: 15px !important;
  }
  .etn-nav-tab,
  .etn-nav-tab small {
    font-size: 20px;
  }
}