/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { width: 100%; background: #47979c; color: #fff; position: fixed; left: 0; top: 0; z-index: 999; transition: background .4s; }
.header .header__inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.header .header__nav { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.header .header__btn { margin-left: 52px; }
.header .lang-switcher { -ms-flex-item-align: end; align-self: flex-end; margin: 0 0 22px 16px; }
.header .lang-switcher {margin:0 0 12px 16px;position: relative; z-index: 999;}

/*  Header Transparent  */
.header--transparent { background: transparent; top: 44px; }
@media (min-width: 1201px) and (max-width: 1300px) {
	.header .header__btn { margin-left: 26px; }
}
@media (min-width: 1025px) and (max-width: 1200px) {
	.header .header__nav { padding-bottom: 30px; }
	.header .header__nav .nav--primary { position: absolute; bottom: -0px; right: 0; left: 0; }
	.header .header__nav .nav--primary > ul { padding: 0 15px; -ms-flex-pack: end; justify-content: flex-end; }
	.header .header__nav .nav--primary > ul > li > a { line-height: 40px; }

	.header .lang-switcher { margin-bottom: 11px; }
}
/* Tbalet */
@media(max-width: 1024px){
	.header { height: 75px; background: #0d8589; }
	.header .shell { padding: 0 30px; }
	.header .header__inner { padding: 14px 0 13px; }

	.header .header__nav { display:none; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .4s, visibility .4s; padding-bottom: 0; }
	.header .header__nav.is--opened { display:block; opacity: 1; visibility: visible; pointer-events: auto; }

	.header .nav--primary { width: 100%; padding: 38px 30px; background: #0d8589; position: fixed; left: 0; top: 175px; bottom: 57px; overflow-y: auto; overflow-x: hidden; z-index: 999; -webkit-overflow-scrolling: touch; }

	.header .lang-switcher { margin: 0 !important; }
	.header .lang-switcher {position:fixed;}

	.header .header__btn { width: 100%; height: 100px; padding: 30px; margin: 0; background: #47979c; text-align: center; position: absolute; left: 0; top: 75px; z-index: 999; }

	.header .header__nav-btn { width: 40px; background: none; border: 0; border-radius: 0; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
	.header .header__nav-btn .bar { display: block; height: 4px; background: #fff; position: relative; top: 0; }
	.header .header__nav-btn .bar ~ .bar { margin-top: 8px; }

	.header .header__nav-btn .bar:first-child,
	.header .header__nav-btn .bar:last-child { transition: top .2s .2s, transform .2s, background .2s; }

	.header .header__nav-btn .bar:nth-child(2) { transition: opacity .2s .2s; }

	.header .header__nav-btn.is--opened .bar:first-child,
	.header .header__nav-btn.is--opened .bar:last-child { transition: top .2s, transform .2s .2s, background .2s .2s; background: #f4d38c; }

	.header .header__nav-btn.is--opened .bar:first-child { -ms-transform: rotate(45deg); transform: rotate(45deg); top: 12px; }
	.header .header__nav-btn.is--opened .bar:nth-child(2) { opacity: 0; }
	.header .header__nav-btn.is--opened .bar:last-child { -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: -12px; }

	.header--transparent { background: transparent; top: 0; }
	.header--transparent .header__inner { padding: 14px 0 13px; transition: padding .4s; }

	.header--transparent.is--animated { background: #47979c; }
	.header--transparent.is--animated .header__inner { padding: 14px 0 13px; }

	.header .header__nav-btn { display: inline-block !important; }
	.header .nav--secondary { display: none !important; }
}


/* ------------------------------------------------------------ *\
	Nav Primary
\* ------------------------------------------------------------ */
.nav--primary > ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 0; }
.nav--primary > ul > li ~ li { margin-left: 24px; }
.nav--primary > ul > li > a { display: block; font-weight: 400; font-size: 14px; line-height: 60px; text-transform: uppercase; letter-spacing: .1em; transition: color .4s; }
.nav--primary > ul > li > a > .ico-angle-down { width: 7px; height: 7px; margin-left: 9px; fill: #f4d38c; position: relative; top: 0px; transition: transform .4s; display: inline-block; }
.nav--primary > ul > li > a > .ico-angle-down:before { content: ''; display: inline-block; -ms-transform: rotate(45deg); transform: rotate(45deg); width: 6px; height: 6px; border-right: 1px solid #f4d38c; border-bottom: 1px solid #f4d38c; margin: 0; position: absolute; right: 4px; top: -2px; transition: transform .4s , top .4s; fill: transparent; }
@media (min-width: 1201px) and (max-width: 1300px)  {
	.nav--primary > ul > li ~ li { margin-left: 12px; }
}
@media(max-width: 1025px) and (max-width: 1200px){
	.nav--primary > ul > li ~ li { margin-left: 24px; }
}
@media ( min-width: 1025px ) {
	.nav--primary > ul > li > a:hover,
	.nav--primary > ul > li.active > a { color: #f4d38c; }

	.nav--primary > ul > li > a:hover > .ico-angle-down { -ms-transform: scaleY(-1); transform: scaleY(-1); }
	.nav--primary > ul > li > a:hover > .ico-angle-down:before { top: 0; }

	.nav--primary li:hover > .nav-mega { opacity: 1; visibility: visible; transition: opacity .4s, visibility .4s; }
	.nav--primary li:hover > .nav-mega img { display: block; }
}
/* Mobile */
@media(max-width: 1024px) {
	.nav--primary > ul { display: block; }
	.nav--primary > ul > li ~ li { margin-left: 0; /* margin-top: 35px;  */}
	.nav--primary > ul > li > a { padding-right: 30px; font-weight: 400; font-size: 18px; letter-spacing: 0; position: relative; }
	.nav--primary > ul > li > a > .ico-angle-down { width: 60px; height: 60px; margin: 0; position: absolute; right: -20px; top: 0%; margin-top: 0px; transition: transform .4s; }
	.nav--primary > ul > li > a > .ico-angle-down:before { content: ''; display: inline-block; -ms-transform: rotate(45deg); transform: rotate(45deg); width: 9px; height: 9px; margin-left: 9px; border-right: 2px solid #f4d38c; border-bottom: 2px solid #f4d38c; margin: 0; position: absolute; right: 50%; top: 50%; margin: -5px -5px 0 0; transition: transform .4s; fill: transparent; }
	.nav--primary > ul > li > a.is--opened > .ico-angle-down { -ms-transform: scaleY(-1); transform: scaleY(-1); }
}
/* ------------------------------------------------------------ *\
	Nav Mega
\* ------------------------------------------------------------ */

.nav-mega { box-sizing: border-box; width: 100%; min-height: 160px; padding: 19px 0; background: #0d8589; opacity: 0; visibility: hidden; transition: opacity .4s .4s, visibility .4s .4s; position: absolute; left: 0; top: 100%; z-index: 99; }
.nav-mega:before { 	content: ''; width: 100%; height: 20px; position: absolute; left: 0; bottom: 100%; z-index: 999; }
.nav-mega .shell { max-width: 1230px; box-sizing: border-box;}
.nav-mega .nav-mega__inner { box-sizing: border-box; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; }
.nav-mega .nav-mega__head { box-sizing: border-box; -ms-flex: 0 0 22%; flex: 0 0 22%; max-width: 22%; padding: 0 20px; text-align: center; }
.nav-mega .nav-mega__head h4 {margin:0;font-weight: 400; font-size: 20px; color: #f4d38c; text-transform: uppercase; letter-spacing: .1em; margin-bottom: 12px; padding-bottom: 10px; position: relative; }
.nav-mega .nav-mega__head h4:after { content: ''; width: 27px; height: 2px; background: #f4d38c; position: absolute; left: 50%; margin-left: -12px; bottom: 0; }
.nav-mega .nav-mega__head p { margin: 0; font-weight: 300; font-size: 12px; line-height: 2.25; }
.nav-mega .nav-mega__image { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
.nav-mega .nav-mega__image img { width: 100%; height: auto; }
.nav-mega .nav-mega__body { -ms-flex: 0 0 62%; flex: 0 0 62%; max-width: 62%; padding-left: 25px; }
.nav-mega .nav-mega__body ul { list-style: none; margin: -7px 0; padding: 0; columns: 2; column-gap: 0; }
.nav-mega .nav-mega__body ul li { break-inside: avoid; }
.nav-mega .nav-mega__body ul a { display: block; font-weight: 400; font-size: 12px; padding: 10px 0; line-height: 1.2; text-transform: uppercase; letter-spacing: .1em; transition: color .4s; }
.nav-mega .nav-mega__body ul a:hover,
.nav-mega .nav-mega__body ul .active a { color: #f4d38c; }
/* .nav-mega img { display: none; } */
/* Mobile */
@media(max-width: 1024px) {
	.nav-mega { min-height: 0; padding: 13px 0 0; opacity: 1; visibility: visible; position: static; }
	.nav-mega:before { display: none; }
	.nav-mega .shell { padding: 0; }
	.nav-mega .nav-mega__inner { display: block; }

	.nav-mega .nav-mega__head,
	.nav-mega .nav-mega__image { display: none; }

	.nav-mega .nav-mega__body { max-width: 100%; padding: 0; }
	.nav-mega .nav-mega__body ul { margin: 0; columns: 1; }
	.nav-mega .nav-mega__body ul a { padding-left: 25px; font-size: 15px; line-height: 2.67; position: relative; }
	.nav-mega .nav-mega__body ul a:before { content: ''; width: 10px; height: 2px; background: #fff; position: absolute; left: 0; top: 50%; margin-top: -1px; transition: background .4s; }

	.nav-mega .nav-mega__body ul a:hover,
	.nav-mega .nav-mega__body ul .active a { color: #f4d38c; }

	.nav-mega .nav-mega__body ul a:hover:before,
	.nav-mega .nav-mega__body ul .active a:before { background: #f4d38c; }
}
/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */
.nav--secondary ul { list-style: none; margin: 0 0 0 20px; padding: 10px 0 10px 20px; position: relative; }
.nav--secondary ul:before { content: ''; width: 1px; height: 100%; position: absolute; left: 0; top: 0;
	background: linear-gradient(to bottom, rgba(13,133,137,0) 0%,rgba(13,133,137,1) 30%,rgba(13,133,137,1) 70%,rgba(13,133,137,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000d8589', endColorstr='#000d8589',GradientType=0 );
}
.nav--secondary ul a { display: block; font-weight: 400; font-size: 12px; text-transform: uppercase; letter-spacing: .1em; transition: color .4s; }
.nav--secondary ul a:hover,
.nav--secondary ul .active a { color: #f4d38c; }



/* ------------------------------------------------------------ *\
	Lang Switcher
\* ------------------------------------------------------------ */
.lang-switcher { position: relative; }
.lang-switcher .lang-switcher__btn { display: block; background: none; border: 0; border-radius: 0; font-weight: 400; font-size: 12px; color: #f4d38c; }
.lang-switcher .lang-switcher__btn .ico-angle-down { width: 9px; height: 5px; margin-left: 7px; fill: #f4d38c; position: relative; top: -1px; }
.lang-switcher .lang-switcher__dropdown { padding: 20px; margin-top: 10px; background: #47979c; border-radius: 0 0 10px 10px; position: absolute; right: 0; top: 100%; z-index: 99; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.lang-switcher .lang-switcher__dropdown ul { list-style: none; margin: 0; padding: 0; }
.lang-switcher .lang-switcher__dropdown ul a { display: block; font-weight: 400; font-size: 14px; line-height: 1.15; letter-spacing: .075em; transition: color .4s; }
.lang-switcher .lang-switcher__dropdown ul a:hover { color: #f4d38c; }
.lang-switcher .lang-switcher__dropdown ul li ~ li { margin-top: 15px; }
.lang-switcher.is--opened .lang-switcher__dropdown { opacity: 1; visibility: visible; }
@media(min-width: 768px) and (max-width: 1024px) {
	.lang-switcher .wpml-ls-statics-shortcode_actions { top: 0; margin-top: 0; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: opacity .4s, visibility .4s, transform .4s; }
	.lang-switcher.is--opened .wpml-ls-statics-shortcode_actions { -ms-transform: translateX(0); transform: translateX(0); }

	.lang-switcher .wpml-ls-statics-shortcode_actions ul { display: -ms-flexbox; display: flex; white-space: nowrap; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul li { padding-left: 30px; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul li~li { margin-top: 0; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul a { line-height: 57px; }

	.lang-switcher .wpml-ls-statics-shortcode_actions { top: 0; }
}
/* Mobile */
@media(max-width: 1024px) {
	.lang-switcher { display: -ms-flexbox; display: flex; width: 100%; margin: 0; background: #47979c; position: fixed; left: 0; bottom: 0; z-index: 999; }
	.lang-switcher:after { content: ''; width: 100px; height: 100%; position: absolute; right: 0; top: 0; z-index: 999; pointer-events: none;
		background: linear-gradient(to right, rgba(71,151,156,0) 0%,rgba(71,151,156,0.75) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0047979c', endColorstr='#bf47979c',GradientType=1 );
	}

	.lang-switcher .lang-switcher__btn { background: #47979c; padding: 19px 24px 18px 30px; font-size: 15px; position: relative; z-index: 1000; }
	.lang-switcher .lang-switcher__btn .ico-angle-right { width: 8px; height: 14px; position: absolute; right: 0; top: 50%; margin-top: -6px; fill: #f4d38c; }

	.lang-switcher .lang-switcher__dropdown { -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; padding: 0; position: relative; top: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: opacity .4s, visibility .4s, transform .4s; }
	.lang-switcher .lang-switcher__dropdown ul { display: -ms-flexbox; display: flex; white-space: nowrap; }
	.lang-switcher .lang-switcher__dropdown ul a { height: 57px; font-size: 15px; line-height: 59px; letter-spacing: .1em; }
	.lang-switcher .lang-switcher__dropdown ul li { padding-right: 30px; }
	.lang-switcher .lang-switcher__dropdown ul li:last-child { padding-right: 50px; }
	.lang-switcher .lang-switcher__dropdown ul li ~ li { margin-top: 0; }

	.lang-switcher.is--opened .lang-switcher__btn { position: static; }
	.lang-switcher.is--opened .lang-switcher__btn .ico-angle-right { right: 30px; -ms-transform: scaleX(-1); transform: scaleX(-1); }

	.lang-switcher.is--opened .lang-switcher__dropdown { -ms-transform: translateX(0); transform: translateX(0); }
	.lang-switcher .ico-angle-down { display: none; }
	.lang-switcher .ico-angle-right { display: inline-block !important; }
}
.lang-switcher .wpml-ls-statics-shortcode_actions { padding: 20px; margin-top: 10px; background: #47979c; border-radius: 0 0 10px 10px; position: absolute; right: 0; top: 100%; z-index: 99; opacity: 0; visibility: hidden; transition: opacity .4s, visibility .4s; }
.lang-switcher .wpml-ls-statics-shortcode_actions ul { list-style: none; margin: 0; padding: 0; }
.lang-switcher .wpml-ls-statics-shortcode_actions ul a { display: block; font-weight: 400; font-size: 14px; line-height: 1.15; letter-spacing: .075em; transition: color .4s;border-bottom:0;padding:0; }
.lang-switcher .wpml-ls-statics-shortcode_actions ul a:hover { color: #f4d38c; }
.lang-switcher .wpml-ls-statics-shortcode_actions ul li ~ li { margin-top: 15px; }
.lang-switcher.is--opened .wpml-ls-statics-shortcode_actions { opacity: 1; visibility: visible; }
.wpml-ls-legacy-list-vertical a span {vertical-align:inherit;}

@media (max-width: 767px) {

	.lang-switcher .wpml-ls-statics-shortcode_actions { -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; padding: 0; position: relative; top: auto; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-transform: translateX(-100%); transform: translateX(-100%); transition: opacity .4s, visibility .4s, transform .4s; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul { display: -ms-flexbox; display: flex; white-space: nowrap; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul a { height: 57px; font-size: 15px; line-height: 43px; letter-spacing: .1em; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul li { padding-right: 30px; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul li:last-child { padding-right: 50px; }
	.lang-switcher .wpml-ls-statics-shortcode_actions ul li ~ li { margin-top: 0; }
	.lang-switcher.is--opened .wpml-ls-statics-shortcode_actions { -ms-transform: translateX(0); transform: translateX(0); }
	
}


.orientate-mask {position: fixed;width: 100%;height: 100%;display: none;top: 0;left: 0;background: rgba(255,255,255,1);z-index: 999;text-align: center;}
.orientate-mask p {position: absolute;width: 100%;left: 0;top: 50%;-webkit-transform: translate(0,-50%);-ms-transform: translate(0,-50%);transform: translate(0,-50%);font-size: 24px;text-align: center;}
.menu-item.hide {display:none;}

@media (max-width: 767px) {
	/* #bg-video{
		display: block;
	} */
}


[class^="fa-"], [class*=" fa-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'FontAwesome' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-instagram:before {
  content: "\ea92";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook:before {
  content: "\f09a";
}
.fa-facebook-f:before {
  content: "\f09a";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-youtube-play:before {
  content: "\f16a";
}



/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer .go-top { width: 61px; height: 61px; background: #48979c; border: 0;  border-radius: 50%; text-align: center; font-size: 14px; color: #f4d38c; line-height: 61px; transition: box-shadow .4s; position: relative; top: 37px; }
.footer .go-top:hover { box-shadow: 0 3px 15px rgba(0,0,0, .15); }
.footer .footer__bar { padding: 6px 0; position: relative; z-index: 2; }
.footer .footer__bar-inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding-left: 40px; }
.footer .footer__content { background: #0d8589; position: relative; z-index: 1; }
.footer .footer__content-inner { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: justify; justify-content: space-between; }
.footer .footer__form { -ms-flex: 0 0 538px; flex: 0 0 538px; background: #47979c; }
.footer .footer__logo { margin-top: 53px; }
.footer .footer__aside { -ms-flex: 0 0 538px; flex: 0 0 538px; padding-top: 37px; }
.footer .footer__aside .socials { margin-bottom: 25px; }
.footer .footer__copyright { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 18px 0; }
.footer .footer__copyright p { margin: 0; font-weight: 400; font-size: 12px; color: #5abac0; text-transform: uppercase; }
/* Small Desktop */
@media (max-width: 1439px) {
	.footer .footer__form,
	.footer .footer__aside { -ms-flex: 0 0 500px; flex: 0 0 500px; }
}
/* Mobile */
@media (max-width: 767px) {
	.footer { position: relative; }	
	.footer .go-top { background: #f4d38c; font-size: 28px; color: #0d8589; position: absolute; right: 13px; top: auto; bottom: 78px; z-index: 10; }
	.footer .go-top .fa { position: relative; top: -2px; }

	.footer .footer__bar { padding: 30px 0; position: static; }	
	.footer .footer__bar-inner { display: block; padding: 0; text-align: center; }
	
	.footer .footer__content-inner { display: block; text-align: center; }

	.footer .footer__form { margin: 0 -30px; }
	
	.footer .footer__logo { display: block; margin: 50px 0 43px; }
	
	.footer .footer__aside { padding: 0; }
	.footer .footer__aside .socials { margin-bottom: 33px; }

	.footer .footer__copyright { padding: 35px 0 20px; }
	.footer .footer__copyright p { font-size: 14px; }
	
	.footer .socials--block h3 { font-size: 30px; }
}
/* Mobile Portrait */
@media (max-width: 374px) {
	.footer .footer__copyright p { font-size: 12px; }
}

/* ------------------------------------------------------------ *\
	Nav Footer
\* ------------------------------------------------------------ */
.nav--footer ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 15px 0 0 5px; border-top: 1px solid #47979c; }
.nav--footer ul li ~ li { margin-left: 25px; }
.nav--footer ul a { display: block; font-weight: 400; font-size: 12px; color: #fff; text-transform: uppercase; letter-spacing: .1em; transition: color .4s; }
.nav--footer ul a:hover { color: #f4d38c; }
/* Small Desktop */
@media (max-width: 1439px) {
	.nav--footer ul li ~ li { margin-left: 15px; }
}
/* Mobile */
@media (max-width: 767px) {
	.nav--footer ul { margin: 0; padding: 0 60px; border: 0; display: block; text-align: center; }
	.nav--footer ul a { font-size: 14px; letter-spacing: 0; }
	.nav--footer ul li ~ li { margin-left: 0; margin-top: 18px; }
}

/* ------------------------------------------------------------ *\
	Socials
\* ------------------------------------------------------------ */
.socials { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 0; }
.socials h4 { margin: 0; font-weight: 400; color: #47979c; }
.socials li { margin-right: 36px; }
.socials a { display: block; font-size: 0; }
.socials .fa { font-size: 18px; color: #0d8589; transition: color .4s; }
.socials a:hover .fa { color: #f4d38c; }
/* Mobile */
@media (max-width: 767px) {
	.socials { -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: center; justify-content: center; }
	.socials li { margin: 0; }
	.socials li:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
	.socials li:first-child ~ li { margin: 0 23px; }
	.socials h4 { font-weight: 600; color: #0b8589; margin-bottom: 15px; }
}
/* ------------------------------------------------------------ *\
	Socials Block
\* ------------------------------------------------------------ */
.socials--block { -ms-flex-flow: row wrap; flex-flow: row wrap; }
.socials--block h3 { color: #fff; text-transform: uppercase; margin-bottom: 8px; }
.socials--block li { margin-right: 10px; }
.socials--block li:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; margin-right: 0; }
.socials--block li:first-child ~ li a { width: 41px; height: 41px; border: 2px solid #f4d38c; border-radius: 40px; text-align: center; transition: background .4s; }
.socials--block .fa { font-size: 18px; color: #f4d38c; line-height: 39px; transition: color .4s; }
.socials--block li:first-child ~ li a:hover { background: #f4d38c; }
.socials--block a:hover .fa { color: #47979c; }
/* Mobile */
@media (max-width: 767px) {
	.socials--block h3 { margin-bottom: 17px; line-height: 1; letter-spacing: .04em; }
	.socials--block .fa { line-height: 35px; }
	.socials--block li:first-child ~ li { margin: 0 10px; }
	.socials--block li:first-child ~ li a { width: 37px; height: 37px; }
}
/* Mobile Portrait */
@media (max-width: 374px) {
	.socials li:first-child ~ li { margin: 0 15px; }
	.socials--block li:first-child ~ li { margin: 0 5px; }
}
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */
.subscribe { padding: 45px 41px 40px 40px; }
.subscribe label { display: block; font-weight: 600; font-size: 30px; color: #fff; text-transform: uppercase; line-height: 1.17; margin-bottom: 23px; }
/*  Hubspot Footer Form  */
.subscribe .hbspt-form { width: 100%; }
.subscribe .hbspt-form form { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; padding-left: 3px; }
.subscribe .hbspt-form div.hs-form-field { -ms-flex: 1 1 auto; flex: 1 1 auto; }
.subscribe .hbspt-form div.hs-submit { margin-left: 25px; }
.subscribe .hbspt-form label { display: none; }
.subscribe .hbspt-form div.field { padding: 0; border: 0; }
.subscribe .hbspt-form .hs-input { width: 100%; padding: 6px 0; background: none; font-weight: 400; font-size: 14px; color: #fff; text-transform: uppercase; letter-spacing: .1em; border: 0; border-radius: 0; border-bottom: 1px solid #fff; }
.subscribe .hbspt-form div.actions { display: inline-block; vertical-align: middle; min-width: 140px; padding-left: 30px; background: none; border: 0; border-radius: 0; white-space: nowrap; cursor: pointer; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 5; transition: opacity .4s; }
.subscribe .hbspt-form div.actions .hs-button { display: block; height: 42px; padding: 0 18px 0 0; border: 2px solid #f4d38c; border-left: 0; border-radius: 0 20px 20px 0; background: none; font-weight: 400; font-size: 14px; color: #f4d38c; text-transform: uppercase; letter-spacing: .1em; text-align: center; line-height: 38px; position: relative; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
.subscribe .hbspt-form div.actions:hover { opacity: .75; }
.subscribe .hbspt-form div.actions:before { content: ''; width: 26px; height: 46px; background: url(//keatschinese.com/wp-content/themes/keats/html/css/images/btn-elem@2x.png) no-repeat center; background-size: 26px 46px; position: absolute; left: 0; top: -2px; }
.subscribe .hbspt-form div.actions:after { content: ''; width: 5px; height: 2px; background: #f4d38c; position: absolute; left: 25px; top: 0; }
.subscribe .hbspt-form ul.hs-error-msgs { display: none !important; }
/* Mobile */
@media (max-width: 767px) {
	.subscribe { padding: 41px 15px 30px 15px; }
	.subscribe label { letter-spacing: .04em; margin-bottom: 12px; }

	.subscribe .hbspt-form form { display: block; padding: 0; }
	.subscribe .hbspt-form .hs-input { width: 100%; font-size: 18px; border-bottom-color: #9cc8ca; letter-spacing: 0; }
	.subscribe .hbspt-form div.hs-submit { margin-left: 0; margin-top: 40px; }
	.subscribe .hbspt-form div.actions { min-width: 215px; }
	.subscribe .hbspt-form div.actions .hs-button { width: 100%; }
}
html { padding: 0; margin: 0; tap-highlight-color: rgba(0,0,0,0); }
body { padding: 0; margin: 0; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; 
-webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; 
min-width: 320px; background: #fff; font-family: 'SofiaW01', Helvetica, Arial, "Microsoft Yahei","微软雅黑", STXihei, "华文细黑", sans-serif; 
font-weight: 300; font-size: 16px; line-height: 1.7; color: #2a363e; }


@font-face {
font-family: 'SofiaW01';
src: url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/SofiaW01-Light.woff2) format('woff2'),
	url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/SofiaW01-Light.woff) format('woff');
font-weight: 300;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SofiaW01';
src: url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/SofiaW01-Regular.woff2) format('woff2'),
	url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/SofiaW01-Regular.woff) format('woff');
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: 'SofiaW01';
src: url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/SofiaW01-SemiBold.woff2) format('woff2'),
	url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/SofiaW01-SemiBold.woff) format('woff');
font-weight: 600;
font-style: normal;
font-display: swap;
}

@font-face {
font-family: 'FontAwesome';
src:  url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/FontAwesome.eot?phezk0);
src:  url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/FontAwesome.eot?phezk0#iefix) format('embedded-opentype'),
url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/FontAwesome.ttf?phezk0) format('truetype'),
url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/FontAwesome.woff?phezk0) format('woff'),
url(//keatschinese.com/wp-content/themes/keats/html/css/fonts/FontAwesome.svg?phezk0#FontAwesome) format('svg');
font-weight: normal;
font-style: normal;
font-display: block;
}

*:focus {
outline: 0;
}

a { color: inherit; text-decoration: none; outline: 0;}
a:hover { text-decoration: none; }
a:focus{
-moz-outline-style: none;
}
.section p {
margin: 0 0 15px 0;
}

.section a {
color: #f4d38c;
}


button{
	cursor: pointer;
	padding: 0;
}

img{
border:none;
padding:0;
margin:0;
max-width:100%;
height: auto;
vertical-align:middle;
display:inline-block;
}

input[type="text"], .form input[type="email"] ,
textarea{
display: block;
width: 100%;
border-radius: 0;
font-weight: 400;
font-size: 14px;
color: #2a363e;
letter-spacing: .1em;

margin: 0;
outline: 0;
font-family: inherit;
resize: none;

box-sizing: border-box;
}

input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
.header a{
color: #fff;
}
.breadcrumbs a{
color: #fff;
}
.header .header__btn,
.nav--primary > ul > li > a > .ico-angle-down:before{
box-sizing: border-box;
}
.nav-mega{
box-shadow: 0 2px 4px 0px rgba(0,0,0,0.1);
}
.clear:after { content: ''; line-height: 0; display: table; clear: both; }

[hidden],
.hidden { display: none; }

.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-block,
.visible-inline,
.visible-inline-block { display: none !important; }
@media (max-width: 767px) {
.hidden-xs { display: none !important; }
.visible-xs-block { display: block !important; }
.visible-xs-inline { display: inline !important; }
.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
.hidden-sm { display: none !important; }
.visible-sm-block { display: block !important; }
.visible-sm-inline { display: inline !important; }
.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1439px) {
.hidden-md { display: none !important; }
.visible-md-block { display: block !important; }
.visible-md-inline { display: inline !important; }
.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1440px) {
.hidden-lg { display: none !important; }
.visible-block { display: block !important; }
.visible-inline { display: inline !important; }
.visible-inline-block { display: inline-block !important; }
}

/* ------------------------------------------------------------ *\
Shell
\* ------------------------------------------------------------ */
.shell { box-sizing: border-box; max-width: 1350px; padding-left: 15px; padding-right: 15px; margin: auto; }
.shell--large { max-width: 1230px; }
.shell--small { max-width: 990px; }
.shell--xsmall { max-width: 685px; }
.shell-fluid { max-width: none; }
@media(max-width: 1024px){
.shell { padding-left: 30px; padding-right: 30px; }
}
@media(max-width: 767px){
.shell { padding-left: 20px; padding-right: 20px; }
}

.wrapper { min-height: 100vh; position: relative; padding-top: 60px; overflow: hidden; }
.wrapper:not(.wrapper--home) .footer .go-top { position: fixed; right: 60px; top: auto; bottom: 30px; z-index: 99; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .4s, visibility .4s; }
.wrapper:not(.wrapper--home) .footer .go-top.is--visible { opacity: 1; visibility: visible; pointer-events: auto; }

@media (min-width: 1025px) and (max-width: 1200px) {
.wrapper { padding-top: 90px; }
}
@media(max-width: 1024px) {
.wrapper { padding-top: 75px !important; }
}
@media (max-width: 767px) {
.wrapper:not(.wrapper--home) .footer .go-top { position: absolute; right: 13px; bottom: 78px; }
}

.breadcrumbs { background: #0d8589; color: #fff; }
.breadcrumbs ul { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; list-style: none; margin: 0; padding: 2px 0 3px; }
.breadcrumbs li .ico-angle-right { width: 5px; height: 9px; position: absolute; left: 9px; top: 7px; fill: #fff; opacity: .25; }
.breadcrumbs li ~ li { position: relative; padding-left: 23px; }
.breadcrumbs a,
.breadcrumbs span { display: block; font-weight: 300; font-size: 12px; letter-spacing: .1em; }
.breadcrumbs a { transition: color .4s; }
.breadcrumbs a:hover { color: #f4d38c; }
@media (max-width: 767px) {
.breadcrumbs { display: none; }
}

.btn {
outline: 0;
margin: 0;
padding: 0;
color: #f4d38c;
box-sizing: border-box;  display: inline-block; vertical-align: middle; 
min-width: 140px; padding-left: 30px; background: none; border: 0; border-radius: 0; 
font-weight: 400; font-size: 14px; color: #f4d38c; text-transform: uppercase; 
letter-spacing: .1em; text-align: center; white-space: nowrap; cursor: pointer; 
-webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; z-index: 5; transition: opacity .4s; }
.btn:hover { opacity: .75; }
.btn:before { content: ''; width: 26px; height: 46px; background: url(//keatschinese.com/wp-content/themes/keats/html/css/images/btn-elem@2x.png) no-repeat center; background-size: 26px 46px; position: absolute; left: 0; top: -2px; }
.btn:after { content: ''; width: 5px; height: 2px; background: #f4d38c; position: absolute; left: 25px; top: 0; }
.btn .btn__text { box-sizing: border-box; display: block; height: 42px; padding: 0 18px 0 0; border: 2px solid #f4d38c; color: #f4d38c; border-left: 0; border-radius: 0 20px 20px 0; line-height: 38px; position: relative; font-style: normal;}


@media (max-width: 767px) {
.btn { min-width: 215px; }
.btn .btn__text { height: 40px; line-height: 36px; }
.subscribe {
	padding: 41px 30px 30px 30px!important;
}
}


footer .subscribe .subscribe__msg {
color: #f4d38c;
font-size: 14px;
padding-top: 5px;
display: none;
}
footer .subscribe .subscribe__success {
color: #fff;
display: none;
}

.section--contact{
padding: 52px 0 60px;
}
.section--contact .shell {
max-width: 752px;
}

.section--contact .section__head {
text-align: center;
margin-bottom: 53px;
}

.section--contact .section__head h6 {
margin: 0 0 7px;
font-weight: 400;
font-size: 14px;
color: #2a363e;
letter-spacing: .2em;
text-transform: uppercase;
}
.section--contact .section__head h1 {
margin: 0 -5px;
color: #0d8589;
letter-spacing: .04em;
line-height: 1;
font-weight: 600;
font-size: 60px;
text-shadow:none;
}

.section--contact .form .form__cols {

display: -ms-flexbox;
display: flex;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
margin: 0 -13px 60px -13px;
}

.section--contact .form__col--1of2{
flex: 0 0 50%;
max-width: 50%;
box-sizing: border-box;
padding: 0 13px;
}

.section--contact input{
padding: 0 0 6px;
border: 0;
border-bottom: 1px solid #0d8589;
display: block;
width: 100%;
border-radius: 0;
font-weight: 400;
font-size: 14px;
color: #2a363e;
letter-spacing: .1em;
}
.section--contact .textarea {
height: 180px;
padding: 15px;
border: 1px solid #0d8589;
}
.form--contact .form__actions {
margin-top: 30px;
text-align: center;
}
.textloader {
margin-top: 10px;
display: none;
}
.socials--block h3{
	margin: 0 0 8px 0;
}
.socials h3 {font-size: 30px; }
.socials h4 {font-size: 18px; }

.socials--block li:first-child ~ li a{
	box-sizing: border-box;
}
.form__success {
text-align: center;
margin-top: 10px;
color: #0d8589;
font-weight: 400;
display: none;
font-size: 16px;
}

.container,
.containerGap50{
margin-right: auto;
margin-left: auto;

-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.container .row {
margin-right: -10px;
margin-left: -10px;
}
.containerGap50 .row {
margin-right: -25px;
margin-left: -25px;
}

.row:before,
.row:after {
  content: " ";
  display: table;
  clear: both;
}

.col-3, .col-4, .col-5, .col-6, .col-12,
.col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-12,
.col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-12{
padding-right: 10px;
padding-left: 10px;

float: left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.containerGap50 .col-3, .containerGap50 .col-4, .containerGap50 .col-5, .containerGap50 .col-6, .containerGap50 .col-12,
.containerGap50 .col-sm-3, .containerGap50 .col-sm-4, .containerGap50 .col-sm-5, .containerGap50 .col-sm-6, .containerGap50 .col-sm-12{
padding-right: 25px;
padding-left: 25px;
}
.col-12 {
width: 100%;
}
.col-6 {
width: 50%;
}

.col-4 {
width: 33.33333333333333%;
}
.col-3 {
width: 25%;
}
.col-2 {
width: 16.666666666666664%;
}
.col-1 {
width: 8.333333333333332%;
}

/* - */
.section h1, 
.section h2, 
.section h3, 
.section h4, 
.section h5,
.section h6{
font-weight: 600;
text-transform: uppercase;
line-height: 1;
margin: 0;
}

section h6{
font-size: 18px;
margin-bottom: 12px;
}

.section h1 span,
.section h2 span,
.section h3 span,
.section h4 span{
color: #f4d38c;
}

.section h1{
font-size: 80px;
text-shadow: 0 0 40px rgba(0,0,0,0.3);
}

.section h2{
font-size: 60px;
margin-bottom: 40px;
text-shadow: 0 0 5px rgba(0,0,0,0.1);
}

.section h3{
font-size: 48px;
text-shadow: 0 0 5px rgba(0,0,0,0.1);
margin-bottom: 48px;
}

.section h4{
font-size: 40px;
text-shadow: 0 0 5px rgba(0,0,0,0.1);
margin-bottom: 36px;
color: #0d8589;
}


.section h5{
font-size: 30px;
font-weight: 600px;
color: #0d8589;
line-height: 1.2;
margin-bottom: 16px;
}

.section{
padding: 80px 0;
line-height: 1.4;
font-size: 20px;
}
.section > h2,
.section > h3,
.section > h4,
.section > h5,
.shell > h2,
.shell > h3,
.shell > h5,
.shell > h4{
text-align: center;
}


.intro-primary {
height: calc(100vh - 85px);
position: relative;
background-repeat: no-repeat;
background-position: center top;
background-size: cover;
padding: 0;
overflow: hidden;
background-color: #01848b;

color: #fff;
text-shadow: 0 0 10px rgba(0,0,0,0.3);

}

.intro-primary .shell {
max-width: 1232px;
}

.intro-primary .intro__content-inner {
max-width: 60%;
position: relative;
z-index: 1;
padding: 100px 0;
}

.intro-primary .intro__content-inner .txt{
	padding: 20px 0;
	text-shadow: 3px 3px 5px #333;
}
.intro-primary .videowrap{
max-width: 400px;
}

.section-why{
padding-top: 0!important;
}

.shell--why-title {
	padding-bottom: 60px;
}

.whyList{

}
.whyItem{
position: relative;
padding-left: 80px;
margin-bottom: 46px;
}

.whyItem .icon{
width: 48px;
height: 48px;
display: block;
fill: #01848b;
position: absolute;
left: 0;
top: 10px;
}


.videoItem{
	position: relative;
	padding-top: 56.25%;
	background-color: #eee;
	margin-bottom: 20px;
}
.videoItem iframe{
	display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;

z-index: 1;
}
.videoItem:hover .videoCover{
display: none;
}
.videoItem .videoCover{
	display: block;
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 2;
display: none;
background-position: center; 
background-size: cover; 
background-repeat: no-repeat;
}
.videoItem .videoCover:before{
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-color: rgba(46,58,66,0.7);
}

.videoItem .videoCover::after{
display: block;
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
background-image: url(//keatschinese.com/wp-content/themes/keats/html/css/images/btnPlay.png); 
background-position: center; 
background-size: 80px auto; 
background-repeat: no-repeat;
}

.videoList .videoItem{
margin-bottom: 20px;
}
.bgGrey{
background-color: #fafafa;
}

.bgDark{
	background-color: #2e3a42;
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
}

.bgDark h4{
	color: #fff;
}

.section.courseMain{
background-color: #068589;
color: #fff;
position: relative;

}
.section.courseMain .index{
background-color: #47979c;
color: #fff;
width: 110px;
height: 110px;
text-align: center;
line-height: 110px;
font-size: 48px;
font-weight: bold;
border-radius: 55px;
margin: -135px auto 30px auto;
}

.section.courseMain h3{
	color: #fff;
}

.sectionaActions{
	text-align: center;
}

.whyList,
.sectionaDate .dateList{
display: flex;
flex-wrap: wrap;
}
.sectionaDate .dateList .col-6{

}


.dateItem{
	border-collapse:collapse;border-spacing:0;
	width: 100%;
	margin-bottom: 20px;
}

.dateItem th,
.dateItem td{
	border: 1px #e6e6e6 solid;
	text-align: left;
	padding: 10px 20px;
}

.dateItem th{
font-weight: 600;
background-color: #068589;
color: #fff;
}
.dateItem .center{
text-align: center;
}
.dateItem td.mth{
color: #068589;
font-weight: 600;
}


#courseBarWrap{
position: relative;
height: 48px;
}
#courseBar{
background-color: #2e3a42;
color: #fff;
/* position: fixed; */
width: 100%;
top: 0;
z-index: 19;
height: 48px;
display: none;

position: fixed;
top: 90px;
box-shadow: 0 0 4px 0px rgba(0,0,0,0.3);
transition: all 0.3s ease-out;
}
#courseBar ul{
margin: 0;
padding: 0;
list-style: none;
display: flex;
flex-flow: row;
background-color: #2e3a42;
}
#courseBar ul li{
position: relative;
padding: 0 10px 0px 48px;
box-sizing: border-box;

min-width: 50px;
height: 48px;

flex: 0;
transition: all 0.3s ease-out;
background-color: #2e3a42;
}

#courseBar.fixed{

}

#courseBar ul li .index{
position: absolute;
width: 32px;
height: 32px;
line-height: 32px;
margin: 0 8px;
text-align: center;
left: 0;

border-radius: 24px;
background-color: #068589;
color: #fff;
transition: all 0.3s ease-out;


position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-moz-transform: translateY(-50%);

}

#courseBar ul li .title{
position: absolute;
top: 58px;
left: -106px;
line-height: 24px;
background: rgba(46,58,66,0.92);
padding: 12px;
width: 240px;
border-radius: 4px;
display: none;
transition: all 0.3s ease-out;
}
#courseBar ul li .title::before{
	display: block;
	content: "";
	position: absolute;
left: 50%;
top: -10px;

-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transform: translateX(-50%);

width:0px;
height:0px;
border-left:10px solid transparent;
border-right:10px solid transparent;
border-bottom:10px solid rgba(46,58,66,0.92);
font-size:0px;
line-height:0px;
}



#courseBar ul li.current{
color: #f4d38c;
flex: 1;
}
#courseBar ul li.current .index,
#courseBar ul li:hover .index{
background-color: #f4d38c;
color: #2a363e;
}
#courseBar ul li.current .title{
display: block;
position: static;
background: none;
width: auto;
/* min-width: 320px; */
overflow: hidden;
white-space: nowrap;

text-overflow: ellipsis;
}

#courseBar ul li.current .title::before{
display: none;
}

#courseBar ul li:hover .title{
display: block;
}
/* 
#courseBar ul li:hover{
	flex: 1;
} */


.sectionFaq h2{
	color: #01848b;
}

.faqList{

}

.faqList .faqRow{
display: flex;
padding: 30px 0px;
border-bottom: 1px #cae3e3 solid;
}

.faqList .faqRow:first-child{
border-top: 1px #cae3e3 solid;
}

.faqList .faqRow .faqLeft{
flex: 0 1 80px;
}
.faqList .faqRow .faqCenter{
flex: 1;
padding: 0 20px;
font-size: 18px;
box-sizing: border-box;
}
.faqList .faqRow .faqRight{
flex: 0 1 110px;
}

.faqList .faqRow .faqLeft .icon{
width: 68px;
height: 68px;
border: 1px #2a363e solid;
line-height: 68px;
text-align: center;
transition: all 0.3s ease-out;
border-radius: 50%;
font-size: 30px;
font-weight: 600;
}

.faqList .faqRow:hover .faqLeft .icon{
background-color: #01848b;
border-color: #01848b;
color: #fff;
}

.faqList .faqRow h6{
color: #47979c;
line-height: 1.4;
margin: 20px 0;
}

.faqList .faqRow .faqRight .icon{
cursor: pointer;
color: #01848b;
font-size: 30px;
padding: 10px 20px;
float: right;
}
.faqList .faqRow .faqAnswer{
display: none;
}

.faqList .faqRow:first-child .faqAnswer{
display: block;
}

.faqList .faqRow.expand .faqRight .icon{
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
transform: rotate(180deg);
-moz-transform: rotate(180deg);
}


@media (max-width: 1024px) {


.col-md-12 {
width: 100%;
}
.col-md-6 {
width: 50%;
}

.col-md-4 {
width: 33.33333333333333%;
}
.col-md-3 {
width: 25%;
}
.col-md-2 {
width: 16.666666666666664%;
}
.col-md-1 {
width: 8.333333333333332%;
}
.intro-primary .intro__content-inner{
padding: 50px 0;
}
}

@media (max-width: 767px) {

.col-sm-12 {
width: 100%;
}
.col-sm-6 {
width: 50%;
}

.col-sm-4 {
width: 33.33333333333333%;
}
.col-sm-3 {
width: 25%;
}
.col-sm-2 {
width: 16.666666666666664%;
}
.col-sm-1 {
width: 8.333333333333332%;
}

/* - */
.intro-primary {
background-image: none;
background-color: #01848b;

background: -webkit-linear-gradient(-90deg, #57a08d, #198b8a); 
background: -o-linear-gradient(-90deg,  #57a08d, #198b8a); 
background: -moz-linear-gradient(-90deg,  #57a08d, #198b8a);
background: linear-gradient(-90deg,  #57a08d, #198b8a);
}

.section h1 br, .section h2 br, .section h3 br, .section h4 br, .section h5 br{
display: none;
}

.section h1{
font-size: 60px;
}

.section h2{
font-size: 42px;
}

.section h3{
font-size: 36px;
margin-bottom: 36px;
}

.section h4{
font-size: 30px;
margin-bottom: 30px;
}

.section h5{
font-size: 24px;
margin-bottom: 16px;
}

.section h6{
font-size: 18px;
margin-bottom: 12px;
}


.section--contact .section__head h1{
	font-size: 42px;
}

.section{
	padding: 40px 0;
	font-size: 16px;
}
.shell--why-title {
	padding-bottom: 0;
}

.whyItem {
    padding-left: 48px;
    margin-bottom: 32px;
}
.whyItem .icon {
    width: 32px;
    height: 32px;
		top: 8px;
}

.section.courseMain .index {
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 32px;
    border-radius: 30px;
    margin: -65px auto 30px auto;
}

.intro-primary {
min-height: calc(100vh - 75px);
height: auto;
background-position: left top;
}


.intro-primary .intro__content-inner{
max-width: 100%;
padding: 40px 0;
}

#courseBar ul{
	display: block;
}

#courseBar ul li{
	display: none;
	width: 100%;
}
#courseBar ul li.current{
	display: block;
}

#subCourseMenu{
	position: absolute;
	right: 0;
	top: 0;
	width: 48px;
	height:	48px;
}
#courseBar.menuExpand ul li{
	display: block;
height: auto;
}

#courseBar.menuExpand ul li .title {
    position: static;
    display: block;
		width: 100%;
}
#courseBar.menuExpand ul li.current .title {
overflow: visible;
    white-space: normal;
}

#courseBar .shell{
	padding: 0;
}
#courseBar .shell ul{
	padding: 0 20px;
}
#courseBar.menuExpand .shell ul{
padding-bottom: 20px;
}



#subCourseMenu::before{
display: block;
content: "";
position: absolute;
left: 50%;
top: 20px;

-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
-moz-transform: translateX(-50%);

width:0px;
height:0px;
border-left:8px solid transparent;
border-right:8px solid transparent;
border-top:10px solid #f4d38c;
font-size:0px;
line-height:0px;
}
#courseBar.menuExpand #subCourseMenu::before{
-webkit-transform: translateX(-50%) rotate(180deg);
-ms-transform: translateX(-50%) rotate(180deg);
transform: translateX(-50%) rotate(180deg);
-moz-transform: translateX(-50%) rotate(180deg);

}



.sectionFaq h2{
	color: #01848b;
}

.faqList{

}

.faqList .faqRow{
padding: 15px 0px;
}


.faqList .faqRow .faqLeft{
flex: 0 1 60px;
}
.faqList .faqRow .faqCenter{
flex: 1;
padding: 0px;
font-size: 14px;
}
.faqList .faqRow .faqRight{
flex: 0 1 60px;
}

.faqList .faqRow .faqLeft .icon{
width: 38px;
height: 38px;
line-height: 38px;
font-size: 24px;
}

.faqList .faqRow h6{
margin: 0px 0 10px 0;
}

.faqList .faqRow .faqRight .icon{
font-size: 24px;
padding: 0px 10px;
}




}


.section--contact input.field-error {
    border-bottom: 1px solid #d92424;
}
.section--contact textarea.field-error {
    border: 1px solid #d92424;
}