@import url("https://fast.fonts.net/t/1.css?apiType=css&projectid=4a36d40c-81c4-4b1f-b97d-ee540af70822");
@import url("https://fonts.googleapis.com/css?family=Roboto:400,700&subset=latin,cyrillic");

@font-face{
font-family:"Nexa Light";
src:url("fonts/3001af72-71a4-40ce-a938-18a92e42d34d.eot?#iefix");
src:url("fonts/3001af72-71a4-40ce-a938-18a92e42d34d.eot?#iefix") format("eot"),url("fonts/ed815298-43fd-424d-b694-5ca1a557da77.woff2") format("woff2"),url("fonts/52193e9a-60eb-4053-9041-ed2a0e1043d3.woff") format("woff"),url("fonts/fc56443e-696b-483c-ad53-169f885b2b43.ttf") format("truetype"),url("fonts/20d9a7b2-e926-4e6c-b789-ff7224a42c23.svg#20d9a7b2-e926-4e6c-b789-ff7224a42c23") format("svg");
}
@font-face{
font-family:"Nexa Regular";
src:url("fonts/b821715c-a9b5-4fa8-97bd-d8043b6a0a54.eot?#iefix");
src:url("fonts/b821715c-a9b5-4fa8-97bd-d8043b6a0a54.eot?#iefix") format("eot"),url("fonts/3868814a-b44d-4e0f-a82b-f43f0d55022e.woff2") format("woff2"),url("fonts/cf185ee1-c761-4de0-82a6-24de1e15e867.woff") format("woff"),url("fonts/6808a2ab-0861-4b2b-bfca-97af07bd5837.ttf") format("truetype"),url("fonts/6d303f19-d8f5-4db0-91e8-77c2b874d39d.svg#6d303f19-d8f5-4db0-91e8-77c2b874d39d") format("svg");
}


* {
    margin: 0px;
    padding: 0px;
}
.zero-padding{
    padding: 0;
}
.center-one-col{
    float: none;
    margin: 0 auto;
}
body {
    font-family:'Nexa Regular';
    color: #00274b;
    font-size: 18px;
}
a, a:hover, a:active, a:focus {
    color: #cc2027;
}
h1 {
    font-family:"Nexa Regular";
    font-size: 45px;
    color: #cc2027;
    text-transform: uppercase;
}
.display-no{display: none;}
h2 {
    font-family:"Nexa Regular";
    font-size: 42px;
    color: #cc2027;
    text-transform: uppercase;
}

h3.header-info-title, h1.header-info-title {
    font-family:'Nexa Regular';
    font-size: 35px;
    font-weight: normal;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 20px;
}
footer hr{
    display: none;
}
.header-info-subtitle {
    font-family:'Nexa Regular';
    font-size: 19px;
    color: #fff;
}

.navbar-default {
    background-color: transparent;
    border-color: transparent;
    margin-bottom: 25px;
}

header .logo-container a.logo {
    width: 70%;
    padding-right: 15px;
    display: table-cell;
    vertical-align: bottom;
    height: 115px;
}

header .logo-container a.teachers-logo {
    width: 30%;
    padding-left: 15px;
    display: table-cell;
    vertical-align: middle;
}

header .logo-container a img {
    max-width: 100%;
    height: auto;
}

.main-menu-container {
    float: right;
    text-align: right;
}

.main-menu-container .top-menu-container > span {
    float: right;
    margin : 0 10px;
    font-family:"Nexa Light";
    font-size: 18px;
    color: #393a3a;
}
.main-menu-container .top-menu-container > span.login, .main-menu-container .top-menu-container > span.phone-number {
    padding: 10px 0 5px;
}
.main-menu-container .top-menu-container span.phone-number {
    margin-right: 7px;
}
.main-menu-container .top-menu-container > span a {
    font-family:"Nexa Light";
    font-size: 18px;
    color: #393a3a;
    text-decoration: none;
}

.top-menu-container span.facebook-link {
    margin: 0px;
}

.top-menu-container span.youtube-link {
    margin-left: 0px;
}

.top-menu-container span.youtube-link {
    width: 41px;
    height: 40px;
    background-image: url("../../images/youtube.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.top-menu-container span.facebook-link {
    width: 41px;
    height: 40px;
    background-image: url("../../images/facebook.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.main-menu-container .top-menu-container span.youtube-link a, .main-menu-container .top-menu-container span.facebook-link a {
    display: block;
    width: 100%;
    height: 100%;
    cursor: pointer;
}

.main-menu-container .top-menu-container span.language-selector {
    width: 90px;
    height: 40px;
    background-color: #3a3a3a;
}
#lang_sel_click a, #lang_sel_click a:visited {padding-left: 0px!important;}

/* Styles from old WPML selector stylesheet */
#lang_sel_click {
  height: 32px;
  position: relative;
  z-index: 99;
  font-family: verdana, arial, sans-serif;
  /* hack to correct IE5.5 faulty box model */
  /* style the table so that it takes no ppart in the layout - required for IE to work */
}
* html #lang_sel_click {
  width: 12em;
}
* html #lang_sel_click a {
  width: 149px;
}
* html #lang_sel_click a:visited {
  width: 149px;
}
* html #lang_sel_click ul ul {
  top: 18px;
}
* html #lang_sel_click ul ul a {
  width: 150px;
}
* html #lang_sel_click ul ul a:visited {
  width: 150px;
}
#lang_sel_click ul {
  padding: 0 !important;
  margin: 0 !important;
  list-style-type: none !important;
}
#lang_sel_click ul ul {
  width: 149px;
  visibility: hidden;
  position: absolute;
  height: 0;
  top: 25px;
  left: 0;
  border-top: 1px solid #cdcdcd;
}
#lang_sel_click ul ul a {
  background: #ffffff;
  color: #444444;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  border-width: 0 1px 1px 1px;
}
#lang_sel_click ul ul a:visited {
  background: #ffffff;
  color: #444444;
  height: auto;
  line-height: 1em;
  padding: 5px 10px;
  border-width: 0 1px 1px 1px;
}
#lang_sel_click li {
  float: left;
  width: 149px;
  position: relative;
}
#lang_sel_click li:before {
  content: '' !important;
}
#lang_sel_click a {
  display: block;
  font-size: 11px;
  text-decoration: none !important;
  color: #444444;
  border: 1px solid #cdcdcd;
  background: #fff;
  padding-left: 10px;
  line-height: 24px;
}
#lang_sel_click a:visited {
  display: block;
  font-size: 11px;
  text-decoration: none !important;
  color: #444444;
  border: 1px solid #cdcdcd;
  background: #fff;
  padding-left: 10px;
  line-height: 24px;
}
#lang_sel_click a.lang_sel_sel {
  background: url(../img/nav-arrow-down.png) #fff right no-repeat;
  color: #444;
}
#lang_sel_click a.lang_sel_sel:hover {
  text-decoration: none;
  color: #000;
}
#lang_sel_click a:hover, #lang_sel_click ul ul a:hover, #lang_sel_click :hover > a, #lang_sel_click ul ul :hover > a {
  color: #000;
  background: #eee;
}
#lang_sel_click img.iclflag {
  width: 18px;
  height: 12px;
  position: relative;
  top: 1px;
}
#lang_sel_click table {
  position: absolute;
  top: 0;
  left: 0;
  border-collapse: collapse;
}

/* make the second level visible when hover on first level list OR link */
/* #lang_sel_click ul li:hover ul, #lang_sel_click ul a:hover ul{visibility:visible; } */

/* END WMPL lang selector styles */

.top-menu-container span.language-selector #lang_sel_click ul {
    float: right;
    width: 100%;
    height: 40px;
}

.top-menu-container span.language-selector #lang_sel_click ul ul {
    background-color: #3a3a3a;
    top: 40px;
}

.top-menu-container span.language-selector #lang_sel_click li {
    width: 100%;
    height: 100%;
    background-color: #3a3a3a;
}
.top-menu-container span.language-selector #lang_sel_click li a {
    background-color: transparent;
    border: none;
    height: 100%;
    padding-top: 8px;
    padding-right: 10px;
    text-transform: uppercase;
    font-family:"Nexa Light";
    font-size: 18px;
    color: #fff;
    direction: ltr;
}
.top-menu-container span.language-selector #lang_sel_click li.icl-ar a span {
    float: right;
    margin-top: 2px;
}
#lang_sel_click a.lang_sel_sel {
    background-image: none;
}
[lang="ar-sa"] #lang_sel_click a.lang_sel_sel {
    direction: ltr;
}
#lang_sel_click>ul> li:before {
    /*content: '\203A' !important;*/
    position: absolute;
    color: #fff;
    right: 8px;
    /*-webkit-transform: rotate(90deg);*/
    top: 14px;
    font-size: 24px;
    cursor: pointer;
    background-image: url("../../images/arrow.png");
    background-repeat: no-repeat;
    content: '';
    width: 14px;
    height: 8px;
}
.top-menu-container span.language-selector #lang_sel_click li a img {
    float: right;
    text-align: left;
    margin-left: 10px;
    margin-right: 20px;
    margin-top: 3px;
}

.main-menu-container .bottom-menu-container {
    margin-top: 45px;
}

.main-menu-container .bottom-menu-container ul {
    float: right;
}
.main-menu-container .bottom-menu-container ul li:not(:last-child) {
    padding-right: 28px;
}
[lang='ar-sa'] .main-menu-container .bottom-menu-container ul li:not(:last-child) {
    padding-right: 0;
    padding-left: 28px;
}
.main-menu-container .bottom-menu-container ul li a {
    display: block;
    text-decoration: none;
    font-family:"Nexa Light";
    font-size: 20px;
    color: #393a3a;
    padding-bottom: 0px;
    padding: 10px 0 0px;
    border-bottom: 1px solid #fff;
}
[lang="es-ES"] .main-menu-container .bottom-menu-container ul li a,
[lang="de-DE"] .main-menu-container .bottom-menu-container ul li a{
    font-size: 18px;
}
[lang="fr-FR"] .main-menu-container .bottom-menu-container ul li a{
    font-size: 16px;
}
[lang="ru-RU"] .main-menu-container .bottom-menu-container ul li a{
    font-size: 15px;
}
.main-menu-container .bottom-menu-container ul li a:hover, .navbar-default .navbar-nav>.active>a {
    border-bottom: 1px solid #393a3a;
    padding-bottom: 0px;
}

.main-menu-container .bottom-menu-container ul li:last-child {
    padding-right: 0px;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
}

.navbar-default .dropdown-menu {
    padding: 20px;
    /* top: calc(100% + 10px); */
}
/* .navbar-default .dropdown-menu:before {
    content: "";
    display: block;
    position: absolute;
    z-index: 21;
    top: -9px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #fff transparent;
} */
.navbar-default .navbar-nav>.open a:hover,
.navbar-default .navbar-nav>.open a,
.navbar-default .dropdown-menu>.active>a,
.navbar-default .dropdown-menu a,
.navbar-default .navbar-nav>.active>.dropdown-toggle,
.main-menu-container .bottom-menu-container ul li .dropdown-toggle:hover {
    background-color: transparent !important;
    color: initial;
    border-bottom: none !important;
}
.navbar-default .dropdown:hover .dropdown-menu {
    display: block;
    /* box-shadow: rgb(0 23 45 / 32%) 0px 1px 15px; */
    /* border: none; */
}
.navbar-default .dropdown .dropdown-toggle .caret {
    border-width: 5px;
}

.navbar-default .dropdown .dropdown-menu li {
    padding: 0 !important;
}

.row-container {
    padding-top: 30px;
    padding-bottom: 30px;
}

.featured-image-container {
    position: relative;
    overflow: hidden;
    max-height: 450px;
}
.featur-img{max-height: 450px;}
.featured-image-container img {
    min-width: 100%;
    max-width: 100%;
    height: auto;
}
.home-banner-container{position: absolute; bottom: 30%; left: 0px;right: 0px;}
a.home-banner,a.home-banner:hover{width: 100%; font-size: 40px; line-height: 1.2; color: #fff; text-decoration: none;}
.top-promotion-main-container .h-promo img.promo-icon-img{position: relative;margin-bottom: 15px; top: 0px; left: 0px;}
.request-info-container {
    position: fixed;
    right: -134px;
    top: 277px;
    z-index: 2;
    background-color: #cc2027;
    padding: 18px 0;
    width: 350px;
    text-align: center;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.request-info-container a {
    display: block;
    text-decoration: none;
    text-transform: uppercase;
    font-family:'Nexa Regular';
    font-size: 32px;
    color: #fff;
}

.top-promotion-main-container {
    margin-top: -100px;
    padding-top: 0px;
}

.top-promotion-main-container .top-promotion-inner-container {
    float: left;
    width: 100%;
    padding: 0 10px;
}

.top-promotion-main-container .promotion-inner-container {
    width: 20%;
    width: calc(20% - 10px);
    float: left;
    padding: 15px;
    background-color: #4d80a1;
    overflow: hidden;
    margin: 0 5px;
    height: 200px;
    position: relative;
}

.top-promotion-main-container .promotion-inner-container p {
    font-family:'Nexa Regular';
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
    word-break: break-word;
}
[lang="ru-RU"] .top-promotion-main-container .promotion-inner-container p,
[lang="de-DE"] .top-promotion-main-container .promotion-inner-container p,
[lang="fr-FR"] .top-promotion-main-container .promotion-inner-container p{
    font-size: 16px;
}

.top-promotion-main-container .h-promo img {
    position: absolute;
    left: 15px;
    bottom: 15px
}

.home-video-container img {
    max-width: 100%;
    height: auto;
}
.thankyou-wrapper .video-container{
    max-height: 440px;
    height: 440px;
}
.home-video-container .video-container {
    float: none;
    display: table-cell;
    background-size: cover;
    background-position: center center;
    background-color: rgba(0,0,0,0.5);
    text-align: center;
    position: relative;
    vertical-align: middle;
}

.home-video-container .video-container h3 {
    font-family:'Nexa Regular';
    font-size: 45px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 40px;
    line-height: 42px;
}

.home-video-container .video-container .video-play-icon {
    position: relative;
    z-index: 1;
}

.home-video-container .video-container .video-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}

.home-video-container .js-video {
  height: 0;
  /*padding-top: 25px;*/
  /*padding-bottom: 67.5%;*/
  padding-bottom: 493px;
  margin-bottom: 10px;
  position: relative;
  overflow: hidden;
  display: none;
}

.home-video-container .js-video.widescreen {
  padding-bottom: 56.34%;
}

.home-video-container .js-video.vimeo {
  padding-top: 0;
}

.home-video-container .js-video iframe {
  top: 0;
  left: 0;
  max-height: 440px;
  width: 100%;
  height: 100%;
  position: absolute;
}

.home-video-container .teachers-form-container ,.home-video-container .thank-you-descrip{
    float: none;
    display: table-cell;
}
.home-video-container .thank-you-descrip{
    background: #CC2027;
    color: #fff;
}
.home-video-container .thank-you-descrip p{
    padding: 3em 1em;
    font-size: 22px;
}
.bottom-promotion-main-container .promotions-inner-container {
    padding: 45px 30px 45px;
    color: #fff;
    float: none;
    display: table-cell;
    position: relative;
}
.bottom-promotion-main-container .promotions-inner-container a,
.bottom-promotion-main-container .promotions-inner-container a:hover {
    color: #fff;
    text-decoration: none;
}

.bottom-promotion-main-container .promotions-inner-container a.pro-img {
    position: absolute;
    left: 30px;
    bottom: 30px;
}

.bottom-promotion-main-container .promotion-1 {
    background-color: #3a3a3a;
}

.bottom-promotion-main-container .promotion-2 {
    background-color: #cc2027;
}

.bottom-promotion-main-container .promotion-3 {
    background-color: #4d80a1;
}

.bottom-promotion-main-container .promotions-inner-container .promotion-image {
    text-align: center;
    padding-bottom: 45px;
    margin-bottom: 45px;
    border-bottom: 1px solid #fff;
}

.bottom-promotion-main-container .promotions-inner-container .promotion-image a {
    position: static;
}

.bottom-promotion-main-container .promotions-inner-container h3 {
    font-family:'Nexa Regular';
    font-size: 30px;
    font-weight: normal;
    min-height: 88px;
}

.bottom-promotion-main-container .promotions-inner-container p {
    font-family:'Nexa Regular';
    font-size: 18px;
    margin: 20px 0 40px;
}

.latest-stories-main-container .stories-inner-container {
     color: #393a3a;
}

.latest-stories-main-container .stories-inner-container .m-height {
    height: 330px;
}

.latest-stories-main-container .stories-inner-container .l-height {
    height: 480px;
}

.latest-stories-main-container .stories-inner-container .story-container {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
    overflow: hidden;
}

.latest-stories-main-container .stories-inner-container .story-title {
    background-color: #4d80a1;
    color: #fff;
    padding: 30px;
    text-transform: uppercase;
    font-family:'Nexa Regular';
    font-size: 45px;
    line-height: 1.15;
    position: relative;
}

.latest-stories-main-container .stories-inner-container .story-title img {
    position: absolute;
    bottom: 30px;
    left: 30px;
}
[lang="de-DE"] .latest-stories-main-container .stories-inner-container .story-title{
    font-size: 40px;
}

.latest-stories-main-container .stories-inner-container .story-container .story-text {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    font-family:'Nexa Regular';
    font-size: 32px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    padding: 30px 30px 20px;
    color: #393a3a;
}
[lang="ru-RU"] .latest-stories-main-container .stories-inner-container .story-container .story-text,
[lang="de-DE"] .latest-stories-main-container .stories-inner-container .story-container .story-text,
[lang="fr-FR"] .latest-stories-main-container .stories-inner-container .story-container .story-text{
    font-size: 30px;
}

.latest-stories-main-container .stories-inner-container .story-container:hover .story-text {
    bottom: 0;
    transition: 0.5s;
    -webkit-transition: 0.5s;
}

.home-infographic-main-container img { min-width: 100%; max-width: 100%;}
.home-infographic-main-container img.mobile-infographics-image { display: none; }
footer{
    background-color:  #3a3a3a;
}
footer .container-fluid{
    background-color:  #4c4c4c;
}
footer .footer-container {
    border-top: 2px solid #3a3a3a;
    padding: 35px 0 20px;
}

footer ul li a, .footer-copyright-container {
    display: block;
    text-decoration: none;
    font-family:"Nexa Light";
    font-size: 14px;
    color:  #fff;
}
.footer-copyright-container {
    color: #b9b9b9;
}
.footer-copyright-container ,.footer-copyright-container a{
    color: #b9b9b9;
}
footer .privacy-policy-container ul{
    float: right;
}
footer .privacy-policy-container ul li a {
    padding-left: 0px;
    padding-right: 18px;
    color: #b9b9b9;
}
footer .privacy-policy-container ul li:last-child a {
    padding-right: 0;
}
[lang="ar-sa"] footer .privacy-policy-container ul{
    float: left;
}
[lang="ar-sa"] footer .privacy-policy-container ul li:last-child a {
    padding-right: 18px;
}
footer ul.nav li a:hover ,footer ul.nav li a:focus{
    background-color: transparent;
}
footer .panel-heading{
    cursor: default;
    text-decoration: none !important;
    display: block;
}
footer .footer-title {
    font-size: 18px;
    font-weight: 700;
    color:  #b9b9b9;
    padding-bottom: 20px;
}
footer .footer-menu-container ul li{
    width: 50%;
}
footer .footer-menu-container ul li a {
    padding-right: 5px;
    padding-left: 0;
    padding-top: 0;
}
footer .footer_social_btns{
    float: right;
}
footer .footer_social_btns:after{
    content: ' ';
    display: block;
    clear: both;
}
[lang="ar-sa"] footer .footer_social_btns{
    float: left;
}

footer .icons-holder{
    padding-bottom: 20px;
}
footer .icons-holder a{
    margin-right: 15px;
}
footer .icons-holder a img {
    min-width: unset;
}
[lang="ar-sa"] footer .icons-holder a{
    margin-right: 0;
    margin-left: 15px;
}
footer .icons-holder a:last-child{
    margin-right: 0;
}
[lang="ar-sa"] footer .icons-holder a:last-child{
    margin-left: 0;
}
footer .additional-footer-links {
    margin-right: 18px;
}
[lang="ar-sa"] footer .additional-footer-links {
    margin-right: 0px;
}
.footer-copyright-container {
    padding-top: 15px;
    padding-bottom: 15px;
}

.box-link-container {
    display: inline-block;
    background-color: #cc2027;
    /*padding: 24px 35px 21px;*/
    margin-top: 45px;
}

.box-link-container a {
    display: block;
    text-decoration: none;
    font-family:'Nexa Regular';
    font-size: 25px;
    color: #fff;
    padding-right: 58px;
    background-image: url("../../images/arrow_white.png");
    background-repeat: no-repeat;
    background-position: right 35px center;
    text-transform: uppercase;
    padding: 15px 100px 15px 35px;
}

.box-link-container a span {
    margin-right: 15px;
}

.box-link-container.white {
    background-color: #fff;
}

.box-link-container.white a {
    color: #cc2027;
    background-image: url("../../images/arrow_red.png");
}


.header-info-container {
    position: absolute;
    z-index: 1;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    align-items: center;
    display: flex;
    display: -webkit-box;
    display: moz-box-flex;
    display: -ms-flexbox;
    display: -webkit-flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-flex-align: center;
    -webkit-align-items: center;
    /*! background-color: rgba(0,0,0,0.3); */
    padding-left: 24%;
    padding-right: 24%;
    max-height: 450px;
    overflow: hidden;
}

.page-header-info-container {
    padding-left: 0;
    padding-right: 0;
}

.header-info-container .header-info-inner-container {
    width: 100%;
}

.header-info-container .header-info-inner-container .header-sub-title {
    font-family:'Nexa Regular';
    font-size: 32px;
    line-height: 34px;
    color: #fff;
}
.featured-image-container.video-header {
    min-height: unset;
    overflow: visible;
}
.video-header-wrap {
    text-align: center;
    min-height: 529px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.video-header .video-container {
    max-width: 737px;
    margin: 0 auto;
    padding-top: 75px;
}
.video-header .video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
    -webkit-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.78);
    -moz-box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.78);
    box-shadow: 0px 3px 11px 0px rgba(0,0,0,0.78);
}
.video-header .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.video-header .header-info-container {
    position: static;
    padding-left: 24%;
    padding-right: 24%;
    max-height: unset;
}
.video-header .header-info-title,
.video-header .header-info-subtitle {
    color: #3a3a4a;
}
.page-content {
    margin-top: 75px;
    margin-bottom: 40px;
}
.single-courses .page-content {
    margin-top:45px;
}
.hows-page-content {
    margin-top: 60px;
    margin-bottom: 60px;
}

.stories-page-content {
    margin-top: 45px;
    margin-bottom: 60px;
}

.stories-page-content .section-main-container .section-content-container h2 {
    margin-bottom:0px;
    margin-top: 10px;
}
.stories-page-content .review-details, .stories-page-content .review-course-stars {
    font-size: 22px;
    color: #333;
}
.stories-page-content .review-course-stars {
    margin-bottom: 20px;
    margin-top: -8px;
}
.review-info {
    color: #333;
}
.review-info .student-name {
    font-size: 24px;
    text-transform: uppercase;
}
.review-info .review-details .review-flag img {
    width:30px;
    height: 20px
}
.review-banner {
    padding: 0px 15px;
}
.review-banner img {
    max-width: 100%;
}
.review-banner .banner-img {
    display: block;
}
.review-banner .banner-img.mobile {
    display: none;
}
.page-content h1 {
    margin-top: 0px;
    line-height: 38px;
    margin-bottom: 25px;
}

.page-content h2 {
    margin-top: 20px;
    margin-bottom: 12px;
}

.page-content p,
.page-content ul {
    font-family:'Nexa Regular';
    font-size: 22px;
    line-height: 30px;
    color: #393a3a;
    margin-bottom: 20px;
}
.page-content ul {
    padding-left: 30px;
}
.page-content .box-link-container {
    margin: 60px 0;
}
.page-content strong.uppercase {
    text-transform: uppercase;
}

.sidebar section img {
    min-width: 100%;
    max-width: 100%;
}

.contact-page-content {
    margin: 0;
    margin-top: 30px;
    margin-bottom: 50px;
}

.contactus-wrapper h1 {
    border-top: 1px solid #5a5a5a;
    margin-top: 25px;
    padding-top: 10px;
    margin-bottom: 15px;
}

.contactus-wrapper h2, .contactus-wrapper h3 {
    font-family:'Nexa Regular';
    font-size: 22px;
    color: #cc2027;
    margin: 0px 0px 10px;
    text-transform: uppercase;
}

.contactus-wrapper p {
    font-family:'Nexa Regular';
    font-size: 18px;
    color: #393a3a;
}
.contactus-wrapper a.phone, .contactus-wrapper a.phone:hover, .contactus-wrapper a.phone:active {
    color: #393a3a;
}
.request-info-box {
    position: relative;
}

.teachers-main-container .header-container {
    background-color: #cc2027;
    color: #fff;
    padding-top: 30px;
    padding-bottom: 30px;
    height: 300px;
    position: relative;
}

.teachers-main-container .header-container .box-link-container {
    margin: 0;
    position: absolute;
    bottom: 35px;
    left: 15px;
}

.teachers-main-container .teachers-container {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 400px;
    position: relative;
    overflow: hidden;
}

.teachers-main-container .teachers-container.blank-1 {
    background-color: #3a3a3a;
}

.teachers-main-container .teachers-container.blank-2 {
    background-color: #4d80a1;
}

.teachers-main-container .teachers-container .teachers-intro-text {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    font-family:'Nexa Regular';
    font-size: 32px;
    transition: 1s;
    -webkit-transition: 1s;
    height: 200px;
    padding: 20px 35px;
}

.teachers-main-container .teachers-container:hover .teachers-intro-text {
    bottom: 0;
    transition: 1s;
    -webkit-transition: 1s;
}

.teachers-main-container .teachers-container .teachers-intro-text h3, .teachers-main-container .teachers-container .teachers-intro-text h2 {
    font-family: 'Nexa Regular';
    font-size: 32px;
    font-weight: normal;
    color: #393a3a;
    margin: 0 0 10px;
    text-transform: uppercase;
}

.teachers-main-container .teachers-container .teachers-intro-text p {
    font-family: 'Nexa Regular';
    font-size: 18px;
    font-weight: normal;
    color: #393a3a;
}

.teachers-main-container .teachers-container .teachers-intro-text a {
    position: absolute;
    bottom: 15px;
}

.section-main-container .section-inner-container {
    margin-bottom: 60px;
    padding-top: 60px;
    border-top: 2px solid #474747;
}
.section-main-container .row:first-child .section-inner-container {
    border-top: none;
    padding-top: 0px;
}
.section-main-container .row:last-child .section-inner-container {
    margin-bottom: 0px;
}

.section-main-container .section-image-container {
    display: table-cell;
    float: none;
}

.section-main-container .section-image-container img {
    max-width: 100%;
    height: auto;
}

.section-main-container .section-content-container {
    display: table-cell;
    float: none;
    position: relative;
    vertical-align: top;
}

.section-main-container .section-content-container h3, .section-main-container .section-content-container h2 {
    font-family:'Nexa Regular';
    font-size: 32px;
    color: #393a3a;
    text-transform: uppercase;
    margin-bottom: 30px;
    line-height: 1.3;
}

.section-main-container .section-content-container p, .section-main-container .section-content-container .section-content {
    font-family:'Nexa Regular';
    font-size: 18px;
    color: #393a3a;
}
.section-main-container .section-content-container .section-content {
    display: none;
    margin-top: 30px;
}

.section-main-container .section-content-container p.toggle-content {
    color: #cc2027;
    cursor: pointer;
    float: left;
    display: block;
    font-size: 44px;
    font-weight: 100;
    font-family: 'Nexa Light';
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    line-height: 14px;
}


/*.section-main-container .stories-section-content p.toggle-content {
    font-family: 'Nexa Regular';
    font-size: 22px;
    padding-right: 65px;
    background-image: url("../../images/arrow_red.png");
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: center right;
}*/

.stories-main-container {
    position: relative;
    padding-bottom: 20px;
}

.section-main-container .more-stories {
    font-family:'Nexa Regular';
    font-size: 32px;
    color: #393a3a;
    text-transform: uppercase;
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}

.section-main-container .more-stories span {
    padding-right: 65px;
    background-image: url("../../images/arrow_grey.png");
    background-repeat: no-repeat;
    background-size: 55px;
    background-position: center right;
    padding-left: 200px;
    cursor: pointer;
}

/* Video Reviews */
.video-review header {
    margin-bottom: 10px;
    display: block !important;
}
.video-review .video-container {
    margin: 0 auto;
    padding-top: 0;
    height: inherit;
}
.video-review .video-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
    overflow: hidden;
      -webkit-transition: all 0.3s ease-in-out;
          transition: all 0.3s ease-in-out;
}
.video-review .video-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
/* video modal */
.video-review .video-container.active {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 101000;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    background: rgba(0, 0, 0, 0.8);
    -webkit-transition: opacity 0.15s linear;
    transition: opacity 0.15s linear;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    width: 100%;
    height: 100%;
    max-width: unset;
    border: none;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}
.video-review .video-container .video-modal {
    width: 100%;
    height: 202px;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;    
    background-size: cover;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
}
.latest-stories-main-container .video-review .video-container .video-modal {
    height: inherit;
}
.video-review .video-container .video-modal:hover {
    cursor: pointer;
}
.video-review .video-container.active .video-modal {
    width: 780px;
    height: auto;
    display: block;
    background-image: none !important;
}
/* Play Button */
.play-button {
    width: 68px;
    height: 48px;
    position: relative;
    display: block;
}
.play-button svg {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}
.play-button svg path {
    fill: #fff;
}
.play-button svg path.ytp-large-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    -webkit-transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    transition: fill .1s cubic-bezier(0.4,0.0,1,1),fill-opacity .1s cubic-bezier(0.4,0.0,1,1);
    fill: #212121;
    fill-opacity: .8
}
.video-modal:hover .ytp-large-play-button-bg {
    -moz-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    -webkit-transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    transition: fill .1s cubic-bezier(0.0,0.0,0.2,1),fill-opacity .1s cubic-bezier(0.0,0.0,0.2,1);
    fill: #f00;
    fill-opacity: 1
}
.video-review .video-container.active .video-modal .play-button {
    display: none;
}
/* Spinner */
.spinner {
  margin: 100px auto 0;
  width: 70px;
  text-align: center;
}

.spinner > div {
  width: 18px;
  height: 18px;
  background-color: #fff;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .bounce2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes sk-bouncedelay {
  0%, 80%, 100% { 
    -webkit-transform: scale(0);
    transform: scale(0);
  } 40% { 
    -webkit-transform: scale(1.0);
    transform: scale(1.0);
  }
}
.video-review .video-container .video-modal .spinner {
    display: none;
}
.video-review .video-container.active .video-modal .spinner {
    display: block;
}

.video-review .video-review-body {
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    -webkit-flex-direction: column;
    justify-content: space-between;
    -webkit-justify-content: space-between;
    height: 202px;
}
.video-review footer {
    background: transparent;
}
.video-review .star-rating .star {
    color: #f2b037;
}
.video-review .video-review-course {
    float: left;
    color: #333;
    font-size: 22px;
}
.video-review .video-review-rank {
    float: right;
}

.course-nav-wrap {
    background: #4d80a1;
    padding: 0;
}
.course-nav-wrap ul {
    list-style: none;
}
.course-nav-wrap ul li {
    float: left;
    border-right: 1px solid #336A8D;
    padding: 20px;
}
.course-nav-wrap ul li:first-child {
    padding-left: 0px;
}
.course-nav-wrap ul li:last-child {
    border-right: none;
}
.course-nav-wrap li a {
    color: #fff;
}
.course-main-container {
    margin-bottom: 80px;
}
.course-main-container .courses-inner-container {
    height: 400px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 50%;
    padding: 25px 40px;
    overflow: hidden;
}

.course-main-container .courses-inner-container.blue {
    background-color: #4d80a1;
}

.course-main-container .courses-inner-container.red {
    background-color: #cc2027;
}

.course-main-container .courses-inner-container.black {
    background-color: #3a3a3a;
}

.course-main-container .header-content-container {
    position: relative;
}

.course-main-container .header-content-container .box-link-container {
    position: absolute;
    bottom: 45px;
    left: 45px;
    text-align: center;
}

.course-main-container .courses-inner-container h1 {
    font-weight: normal;
    margin: 0 0 20px;
}
.course-main-container .courses-inner-container h3, .course-main-container .courses-inner-container h2 {
    font-family:'Nexa Regular';
    font-size: 32px;
    font-weight: normal;
    margin: 0 0 20px;
    text-transform: none;
}
.course-main-container .courses-inner-container.white h3, .course-main-container .courses-inner-container.white h2, .course-main-container .courses-inner-container.white p {
    color: #393a3a;
}

.course-main-container .courses-inner-container.blue h3, .course-main-container .courses-inner-container.blue h2, .course-main-container .courses-inner-container.blue p,
.course-main-container .courses-inner-container.red h1,.course-main-container .courses-inner-container.red h3, .course-main-container .courses-inner-container.red h2, .course-main-container .courses-inner-container.red p,
.course-main-container .courses-inner-container.black h3, .course-main-container .courses-inner-container.black h2, .course-main-container .courses-inner-container.black p {
    color: #fff;
}
.mobile-view a.course-link, .mobile-view a.course-link:hover{text-decoration: none;}

.course-main-container .courses-inner-container p {
    font-family:'Nexa Regular';
    font-size: 20px;
}

.course-main-container a .courses-inner-container img {
    position: absolute;
    left: 40px;
    bottom: 45px;
    cursor: pointer;
}

.single-courses .page-content h2 {
    font-size: 24px;
    text-transform: unset;
    margin-top: 37px;
    font-weight: bold;
}
.single-courses .course-section-howitworks h2 {
    text-transform: uppercase;
}
.coursetime .course-day, .review-details {
    text-transform: capitalize;
}
.single-main-container h3.post-title, .single-main-container h1.post-title {
    font-family:'Nexa Regular';
    font-size: 45px;
    line-height: 39px;
    color: #cc2027;
    text-transform: uppercase;
    display: table-cell;
    float: none;
}

.single-main-container .teachers-title-container {
    float: none;
    display: table-cell;
    vertical-align: baseline;
    padding-left: 15px;
    font-family:'Nexa Regular';
    font-size: 22px;
    color: #393a3a;
}

.single-main-container .course-section-container {
    /*! margin: 30px 0px; */
}

.single-main-container .box-link-container {
    margin-top: 30px;
}

.single-main-container .course-section-container .section-image-container {
    padding-bottom: 23px;
    margin-top: 30px;
    margin-bottom: 20px;
    border-bottom: 2px solid #585858;
}

.single-main-container .course-section-container h3, .single-main-container .course-section-container h2 {
    font-family:'Nexa Regular';
    font-size: 24px;
    line-height: 30px;
    color: #393a3a;
    margin: 10px 0;
    font-weight: bold;
}

.single-main-container .course-section-container .section-content-container, .single-main-container .course-section-container .section-content-container p, .course-outline,.course-schedule {
    font-family:'Nexa Regular';
    font-size: 24px;
    color: #393a3a;
    line-height: 30px;
    margin-bottom: 10px;
}
.study-with-us {
    margin-top: 20px;
}
.study-with-us p {
       color: #cc2027;
}
.study-with-us p a {
    text-decoration: underline;
}
.single-main-container .course-section-container .section-content-container ul {
    padding-left: 20px;
}

.single-main-container .course-section-container .section-content-container ul li {
    margin-bottom: 10px;
}

.single-main-container .course-section-container .section-content-container ul li:last-child {
    margin-bottom: 0px;
}

.single-main-container .all-courses-link a {
    display: inline-block;
    font-family:'Nexa Regular';
    text-transform: uppercase;
    font-size: 32px;
    color: #cc2027;
    margin-bottom: 23px;
    border-bottom: 2px solid #cc2027;
    line-height: 30px;
}
.single-main-container .all-courses-link a:hover {
    text-decoration: none;
}
a.course-full-details, a.scrollToTop {
    color: #4d80a1;
}
a.course-full-details:hover, a.course-full-details:active, a.scrollToTop:hover, a.scrollToTop:active {
    color: #4d80a1;
}
a.scrollToTop {
   font-family: 'Nexa Light';
   font-style: italic;
   font-size: 24px;
}
.course-outline .unit {
    font-weight: bold;
}
.course-outline .unit-body {
    font-family: 'Nexa Light';
}
.course-schedule table {
    width: 80%;
}
.course-schedule table td {
    padding: 2px;
}
.featured-image-container .single-post-thumbnail {
    position: relative;
}

.featured-image-container .single-post-thumbnail .teachers-quote-container {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255,255,255,0.5);
    padding: 27px 0 21px;
    /*text-align: center;*/
    text-transform: uppercase;
    font-family:'Nexa Regular';
    text-transform: uppercase;
    font-size: 45px;
    line-height: 45px;
    color: #393a3a;
    display: flex;
    align-items: center;
}

#inifiniteLoader {
    width: 100%;
    text-align: center;
    display: none;
}

.sidebar section {
    margin-bottom: 30px;
    float: left;
    width: 100%;
}
.mobile-view, .home-video-container .mobile-view {display: none;}
.desk-view{display: block;}
.no-margin{margin-right: 0px; margin-left: 0px;}
.no-padding{padding-right: 0px; padding-left: 0px;}

.loader{
  margin: 0 0 2em;
  height: 100px;
  width: 20%;
  text-align: center;
  padding: 1em;
  margin: 0 auto 1em;
  display: inline-block;
  vertical-align: top;
}

/*
  Set the color of the icon
*/
svg path,
svg rect{
  fill: red;
}
.featured-image-container.teachers .single-post-thumbnail img.mobile-teachers-image {
        display: none;
    }

/*Thankyou Page */
.thankyou-wrapper .page-header{
    text-align: center;
}
.thankyou-wrapper .page-header h1{
    font-weight: normal;
    font-size: 40px;
}
.thankyou-wrapper .page-header h3{
    font-size: 32px;
    color: #000;
}
.thankyou-wrapper .page-header h3 strong{
    font-weight: normal;
    color: #cc2027;
}

.video-holder img{
    max-width: 100%;
    height: auto;
}
.video-holder .video{
    margin: 0 -15px;
    position: relative;
    text-align: center;
}
.thank-you-confirming{
    background: #CC2027;
    color: #fff;
}
.video-holder .video-hover{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.5);
    z-index: 1;
}
.video-holder p{
    padding: 3em 1em;
    font-size: 22px;
}
/*Request Info Page */
.request-info-bg{
    background: url("../../images/request-info-bg.jpg") #fff no-repeat center;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}
.request-info-wrapper .page-header{
    text-align: center;
    margin-bottom: 2em;
}
.request-info .page-header h1{
    color: #cc2027;
}
.request-info-wrapper .form-holder h3{
    background-color: #CD2028;
    color: #fff;
    text-align: center;
    font-weight: 400;
    padding: 3% 5% 0;
}
.request-info-wrapper .eteacher-form .form-title{
    display: none;
}
.rtl .request-info-wrapper .col-sm-6.col-xs-12.col-sm-offset-3{
    float: left;
}
/*Course Page */
.course-info{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
}
.course-info .post-title {   
    margin-bottom: 10px;
}
.course-info .course-title{
    color:  #cc2027;
    font: 400 32px/34px Nexa Regular;
    text-transform: none;
    margin-bottom: 0.5em;
}
.course-info .bullets-holder{
    list-style-image: url('../../images/check.png');
    padding: 0 46px;

}
.rtl .course-info .bullets-holder{
    list-style-image: url('../../images/check_ar.png');
}
.course-info .bullets-holder li{
    color: #000;
    font: 400 27px/35px Open Sans;
    padding: 0 10px 20px 0px;
}
[lang="ru-RU"] *,a[href~="http://highwaytoenglish.com/ru/"]{
    font-family: 'Roboto', sans-serif !important;
}

/* Reviews Page */
.review-top{
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
}
.review-top .post-title {   
    margin-bottom: 10px;
    text-transform: unset;
    font-weight: 700;
    display: inline-block;
    width: 40%;
}

/* Widgets */
.widget {
    font-size: 16px;
}
.widget h3 {
    font-size: 18px;
    color: #3a3a3a;
    text-transform: uppercase;
    margin-bottom: 10px;
}
.widget ul {
    list-style: none;
}
.widget a {
    text-decoration: underline;
}
/* Blog Page and Post */
.hentry::after {
    clear: both;
}
.hentry::before, .hentry::after {
    display: table;
    content: "";
}
.blog .page-content, .single-post .page-content {
    margin-top: 30px;
}
.blog .main .hentry:first-of-type, .search .main .hentry:first-of-type, .archive .main .hentry:first-of-type {
    padding-top: 0px;
}
.blog .main .hentry {
    padding: 40px 0px;
    border-bottom: 2px solid #3a3a3a;
}
.entry-featured {
    float: left;
    width: 272px;
    margin: 0px;
}
.entry-thumb {
    display: block;
    position: relative;
    overflow: hidden;
}
a.entry-thumb {
    padding-bottom: 65%;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}
.entry-summary {
    float: right;
    width: 63%;
    padding-left: 20px;
}
.entry-summary header {
    margin-bottom: 10px;
}
.entry-summary p {
    font-size: 16px;
    line-height: 22px;
}
h1.entry-title.blog {
    font-size: 24px;
    margin-bottom: 0px;
}
.post h2.entry-title {
    margin-top:0px;
    margin-bottom: 0px;
    font-size: 20px;
    line-height: 1.2;
}
.updated {
    font-size: 14px;
    color: #3a3a3a;
}
.byline.author {
    font-size: 16px;
}
.entry-content {
    padding: 10px 0 ;
}
.entry-content p {
    margin-bottom: 20px;
    font-size: 16px;
}

/* Comment Section */
.comments h2{
    font-size: 16px;
    font-weight: normal;
    line-height: 22px;
}
.comment-list {
    margin-bottom: 20px;
    list-style: none;
}
.comment-list .children {
    margin-left: 30px;
    margin-top: 20px;
    list-style: none;
}
.comment-list .comment {
    margin-bottom: 20px;
}
.comment-body header {
    line-height: 16px;
}
.comment-body header .vcard {
    float: left;
    margin-right: 13px;
}
.comment-body header cite {
    font-style: normal;
}
.comment-author .fn {
    font-size: 16px;
    color: #cc2027;
}
.comment-meta a  {
    font-size: 14px;
    color: #828282;
}
.comment-meta a:hover, .comment-meta a:active, .comment-meta a:focusj {
    color: #666666;
}
.comment-body article {
    margin-top: 12px;
}
.comments .reply {
    padding: 16px 0px;
    border-bottom: 1px solid #C1C1C1;
}
.reply a {
    background: #cc2027;
    padding: 4px 24px;
    color: #fff;
    display: inline-block;
}
.comment-metadata {
    font-size: 14px;
    margin-bottom: 10px;
}
.comment-body footer {
    background-color: transparent;
}
.comment-body p {
    font-size: 16px;
}
h3.comment-reply-title {
    color: #cc2027;
    text-transform: uppercase;
    margin-top: 28px;
    font-size: 24px;
}
.comment-reply-title small{
    float: right;
    margin-right: 10px;
}
.comment-form p{
    margin-top: 10px;
}
p.comment-notes, p.logged-in-as {
    font-size: 16px;
    margin-top: 0px;
}

#commentform label {
    font-weight: normal;
    font-size: 16px;
    line-height: 22px;
    display: block;
}
#commentform .form-submit {
    margin-top: 20px;
}
#commentform .form-submit input[type=submit] {
    background: #cc2027;
    padding: 6px 21px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #cc2027;
}
#commentform textarea {
    width: 100%;
}
/* *
 * Star Rating Styles
 */
.star-rating .star-full:before {
    content: "\f155";
}

.star-rating .star-half:before {
    content: "\f459";
}

.star-rating .star-empty:before {
    content: "\f154";
}

.star-rating .star {
    color: #0074A2;
    display: inline-block;
    font-family: dashicons;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    height: 50px;
    line-height: 1;
    text-align: center;
    text-decoration: inherit;
    vertical-align: top;
    width: 46px;
}
.small-stars .star-rating .star {
    font-size: 20px;
    height: 20px;
    width: 20px;
}
.screen-reader-text {
    display: none;
}
.review-course-stars div {
    display: inline-block;
    vertical-align: text-top;
}
.review-flag {
    display: inline-block;
    margin: 0 6px;
}
.review-flag img {
    width: 31px;
    height: 20px;
    vertical-align: baseline;
    margin-bottom: -2px;
}

/*
 * Flexible Posts style
 */
.dpe-flexible-posts a {
     text-decoration: none;
 }
.dpe-flexible-posts .title {
    text-transform: uppercase;
    margin-bottom: 0px;
}
.dpe-flexible-posts li {
    margin-bottom: 10px;
}
@media screen and ( max-width:1279px ) {
    .course-info{
        top: 0;
    }
    .course-info .course-title{
        font-size: 28px;
        line-height: 36px;
    }
    .course-info .bullets-holder li{
        font-size: 20px;
        line-height: 23px;
    }
}
@media screen and (min-width: 992px) and (max-width: 1120px) {
    .request-info-container {
        right: -77px;
        top: 219px;
        width: 200px;
        padding: 12px 0;
    }
    .request-info-container a {
        font-size: 22px;
        line-height: 1;
    }
    
}
@media screen and (max-width: 1199px){
    .home-video-container .js-video iframe{
        max-height: 464px;
    }
    .thankyou-wrapper .video-container {
        height: 464px;
    }
    .home-video-container .thank-you-descrip p {
        padding: 1em 1em 0;
        font-size: 20px;
    }
    h3.header-info-title, h1.header-info-title{
        font-size: 34px;
    }

}
@media screen and (max-width: 1024px){
    h1 {
        line-height: 38px;
    }
    a.home-banner, a.home-banner:hover{
        font-size: 26px;
    }
    [lang="ru-RU"] .top-promotion-main-container .promotion-inner-container p,
    [lang="de-DE"] .top-promotion-main-container .promotion-inner-container p,
    [lang="fr-FR"] .top-promotion-main-container .promotion-inner-container p{
        font-size: 14px;
        line-height: 15px;
    }

    [lang="ru-RU"] .course-main-container .courses-inner-container p{
        font-size: 18px;
        line-height: 20px;
    }
}
@media screen and (min-width: 1121px) and (max-width: 1200px) {
    .request-info-container {
        right: -119px;
        top: 261px;
        width: 300px;
        padding: 16px 0;
    }
    .request-info-container a {
        font-size: 30px;
        line-height: 1;
    }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
    .home-video-container .js-video iframe{
        max-height: 415px;
    }
    .thankyou-wrapper .video-container {
        height: 415px;
    }

    h1.header-info-title{
        font-size: 32px;
        line-height: 34px;
    }
    .course-main-container .courses-inner-container p {
        font-size: 16px;
        line-height: 20px;
    }
}
@media screen and (min-width: 769px) and (max-width: 1024px) {
    .header-info-container {padding-left: 18%; padding-right: 18%;}
    .home-banner-container {bottom: 42%;}

    .course-main-container .courses-inner-container h3, .course-main-container .courses-inner-container h2 {
        font-size: 28px;
        line-height: 30px;
    }
}

@media screen and ( min-width: 768px ){
    .mobile-menu-container, .mobile-menu-main-container .mobile-menu-navbar {
        display: none !important;
    }
    .mobile-top-header {
        display: none;
    }
    .mobile-arrow {
        display: none;
    }
    [lang="ru-RU"] #collapse_footer_menu a,
    [lang="de-DE"] #collapse_footer_menu a,
    [lang="fr-FR"] #collapse_footer_menu a{
        min-height: 55px;
    }
    [lang="ru-RU"] #collapse_footer_language a,
    [lang="de-DE"] #collapse_footer_language a,
    [lang="fr-FR"] #collapse_footer_language a{
        min-height: 37px;
    }

}

@media screen and ( max-height: 650px ){

    .featured-image-container {
        height: 490px;
    }

    .featured-image-container img {
        /*height: 100%;
        width: auto;*/
    }

    .featured-image-container .single-post-thumbnail {
        max-height: 490px;
    }

}

@media screen and ( max-width: 800px ) and ( max-height: 600px ){
    header .logo-container a.logo { height: 50px;}
    .logo-container{padding-left: 0px;}
    .top-menu-container, .bottom-menu-container{padding: 0px;}
    .main-menu-container .bottom-menu-container {margin-top: 20px;}
    .main-menu-container .bottom-menu-container ul li {padding-left: 6px;padding-right: 6px;}
    .main-menu-container .bottom-menu-container ul li a{font-size: 18px;}
    .main-menu-container .top-menu-container > span,
    .main-menu-container .top-menu-container > span a{font-size: 16px;line-height: 16px; }
    .main-menu-container .top-menu-container > span.phone-number{ padding: 15px 0 5px;}
    .main-menu-container .top-menu-container > span.login{ padding: 14px 0 5px;}
    .home-infographic-main-container img {width: 100%;}
    .request-info-container {
    right: -85px;
    top: 229px;
    padding: 10px 0;
    width: 211px;
}
.request-info-container a{font-size: 22px;}
.home .featured-image-container {height: 300px;}
.box-link-container {margin-top: 25px;}
.header-info-container {padding-left: 12%;padding-right: 12%;}
}
@media screen and ( max-width: 991px ){
    footer .footer_social_btns {
        float: none;
    }
    [lang="ar-sa"] footer .footer_social_btns {
        float: none;
    }
}
@media screen and ( max-width: 980px ){
    .footer-container .pull-right{
        float: none!important;
    }
}
@media screen and ( max-width: 768px ){
    .main-menu-container .bottom-menu-container {margin-top: 10px; padding-left: 0;}
    .request-info-container {
    right: -71px;
    top: 218px;
    padding: 10px 0 9px;
    width: 180px;
    }
    .request-info-container a {font-size: 20px; line-height: 1;}
    .main-menu-container .bottom-menu-container ul li a {font-size: 16px;}
    [lang="es-ES"] .main-menu-container .bottom-menu-container ul li a,
    [lang="fr-FR"] .main-menu-container .bottom-menu-container ul li a,
    [lang="de-DE"] .main-menu-container .bottom-menu-container ul li a
    {
        font-size: 16px;
    }
    .home-video-container .thank-you-descrip p {
        font-size: 17px;
    }
    h1 {
        line-height: 32px;
    }
    a.home-banner, a.home-banner:hover{
        font-size: 26px;
    }
    [lang="ru-RU"] .top-promotion-main-container .promotion-inner-container p,
    [lang="de-DE"] .top-promotion-main-container .promotion-inner-container p,
    [lang="fr-FR"] .top-promotion-main-container .promotion-inner-container p{
        font-size: 14px;
        line-height: 15px;
    }

    .main-menu-container .bottom-menu-container ul li {padding-left: 10px; padding-right: 10px;}
    .main-menu-container .bottom-menu-container ul li:first-child {padding-left: 0;}
    footer .footer-menu-container ul {float: left;}
    .teachers-main-container .teachers-container .teachers-intro-text h2, .teachers-main-container .teachers-container .teachers-intro-text h3 {font-size: 24px;line-height: 24px;}
    .top-promotion-main-container .promotion-inner-container {height: 190px;}
    .top-promotion-main-container .promotion-inner-container p { font-size: 13px;}
    /*.home-video-container .js-video {padding-bottom: 65%;}*/
    .bottom-promotion-main-container .promotions-inner-container {float: none; display: table-cell;}
    .bottom-promotion-main-container .promotions-inner-container .promotion-image {min-height: 170px;}
    .bottom-promotion-main-container .promotions-inner-container img {max-width: 100%;}
    .bottom-promotion-main-container .promotions-inner-container h2, .bottom-promotion-main-container .promotions-inner-container h3 {font-size: 24px; min-height: 104px;}
    .bottom-promotion-main-container .promotions-inner-container p + a { position: absolute; bottom: 25px;}
    .latest-stories-main-container .stories-inner-container .story-container .story-text {font-size: 26px;}
    .latest-stories-main-container .stories-inner-container .story-title {font-size: 34px;}
    .home-infographic-main-container img { width: 100%;}

    .header-info-container {padding-left: 5%;padding-right: 13%;}
    .header-info-subtitle {font-size: 18px;}
    h1.header-info-title, h3.header-info-title {font-size: 34px; line-height: 34px;}
    .box-link-container {padding: 10px 25px 6px; margin-top: 30px;}
    .box-link-container a {font-size: 26px; padding: 10px 60px 7px 8px; background-position: right 6px center;}
    .section-main-container .section-content-container p.toggle-content{position: relative!important; margin-top: 25px;}
    .teachers-main-container .teachers-container .teachers-intro-text p{font-size: 16px;}

    .course-main-container .courses-inner-container {padding: 25px 30px;}
    .course-main-container .header-content-container .box-link-container {left: 30px;}
    .course-main-container .courses-inner-container p {font-size: 19px;}
    .section-main-container .section-content-container h2, .section-main-container .section-content-container h3 {font-size: 26px; margin-bottom: 20px;}
    .course-main-container .courses-inner-container h2, .course-main-container .courses-inner-container h3 {font-size: 24px;}
    .course-main-container a .courses-inner-container img {left: 35px;}

    /* teachers single post */
    .single-main-container h1.post-title, .single-main-container h3.post-title {font-size: 42px; line-height: 1.3;}
    .featured-image-container .single-post-thumbnail .teachers-quote-container {padding: 20px 0 16px;}
    .featured-image-container .single-post-thumbnail .teachers-quote-container p {font-size: 32px; line-height: 1.3;}
    .home-banner-container {bottom:41%;}

    .home-video-container .js-video iframe {
        height: 415px;
        padding: 15px 0px;
        background: #000;
    }
    aside.sidebar {
        float: left;
        width: 100%;
        margin-top: 40px;
        padding: 0;
    }
    
}

@media screen and ( max-width: 767px ){
    body {line-height: 1.5;}
    .mobile-view, .home-video-container .mobile-view {display: block;}
    .desk-view, .desktop-view, .home-video-container .desktop-view {display: none;}
    .row-container {
          padding-top: 0px;
    padding-bottom: 15px;
    }
    .teachers-form-container{margin-top: 15px;}
    .mobile-top-header {
        position: fixed;
        left: 0;
        right: 0;
        display: block;
        background-color: #cc2027;
        padding: 0;
        z-index: 1000;
    }

    .main-menu-container .top-menu-container > span, .desktop-menu-container {
        display: none;
    }

    .request-info-container {
        position: static;
        -webkit-transform: initial;
        -moz-transform: initial;
        -o-transform: initial;
        -ms-transform: initial;
        transform: initial;
        width: 100%;
        padding: 17px 0px;
    }

    .request-info-container a, .mobile-top-header .phone-number {
        font-family:"Nexa Light";
        font-size: 18px;
        line-height: 1;
        color: #fff;
        text-align: center;
    }
    .mobile-top-header .request-info {
        padding: 0;
    }
    .mobile-top-header .phone-number {
        border-left: 2px solid #fff;
        padding: 18px 0;
        font-size: 16px;
        text-align: center;
    }
    .mobile-top-header .phone-number a{ color: #fff;}
    .navbar-default {
        margin-bottom: 0px;
    }

    header .logo-container a.teachers-logo {
        display: none;
    }

    header .logo-container {
        padding-top: 30px;
    }

    header .logo-container a.logo {
        height: auto;
        width: 100%;
        padding-right: 0px;
    }

    header .main-menu-container {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    .main-menu-container .top-menu-container > span.language-selector {
        display: block;
    }

    .main-menu-container .mobile-menu-container {
        display: block !important;
        margin-top: 0px;
        padding: 0px 10px;
    }

    .main-menu-container .top-menu-container span.language-selector {
        width: auto;
        margin: 0px;
        height:48px;
        /*padding-left: 20px;*/
        width: 100%;
       max-width: 96px;
    }

    .top-menu-container span.language-selector #lang_sel_click ul {
        height: 48px;
        top: 48px!important;
    }
    #lang_sel_click { height: 100%;}

    .top-menu-container span.language-selector #lang_sel_click li a {
        padding-top: 14px;
        font-size: 20px;
    }
    #lang_sel_click>ul> li:before { top: 20px;}
    button.toggle-menu.collapsed {
        padding-right: 15px;
    }
    button.toggle-menu {
        border: none;
        background-color: transparent;
        width: 100%;
        position: relative;
        z-index: 200;
        float: right;
        padding-right: 18px;
    }

    button.toggle-menu:focus {
        outline: none;
    }

    .toggle-menu .icon-bar {
        background-color: #3a3a3a;
        display: block;
        width: 100%;
        height: 2px;
    }

    .toggle-menu .icon-bar:nth-child(3) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
        margin-top: -2px;
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;
    }

    .toggle-menu.collapsed .icon-bar {
        -webkit-transform: none !important;
        -wmoz-transform: none !important;
        -o-transform: none !important;
        -ms-transform: none !important;
        transform: none !important;
        margin-top: 18px!important;
        -webkit-transition: 1s;
        -moz-transition: 1s;
        -o-transition: 1s;
        -ms-transition: 1s;
        transition: 1s;
    }
    .toggle-menu .icon-bar:nth-child(2) {
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-transition: 0.5s;
        -moz-transition: 0.5s;
        -o-transition: 0.5s;
        -ms-transition: 0.5s;
        transition: 0.5s;
        margin-top: 6px !important;
    }
    .toggle-menu .icon-bar:last-child {
        display: none;
    }
    .toggle-menu.collapsed .icon-bar:last-child {
        display: block;
    }
    .mobile-menu-main-container {
        position: relative;
        margin-top: 60px;
    }
    .navbar-collapse {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        background-color: #fff;
        border: none;
        z-index: 100;
        padding-left: 0px;
        padding-right: 0px;
    }
    .navbar-collapse ul, .navbar-collapse .login {
        padding-left: 30px;
        padding-right: 30px;
        float: left;
        width: 100%;
        margin: 0px;
    }
    .navbar-collapse ul:first-child {
        margin-top: 75px;
    }
    .navbar-collapse ul li a, .navbar-collapse .login a {
        font-family:"Nexa Light";
        font-size: 28px;
        line-height: 20px;
        color: #393a3a !important;
        border-bottom: 1px solid #606060;
        padding: 25px 0px;
        display: block;
        padding-left: 15px;

    }
    [lang="es-ES"] .main-menu-container .bottom-menu-container ul li a,
    [lang="fr-FR"] .main-menu-container .bottom-menu-container ul li a,
    [lang="de-DE"] .main-menu-container .bottom-menu-container ul li a,
    [lang="ru-RU"] .main-menu-container .bottom-menu-container ul li a
    {
        font-size: 22px;
    }
    .navbar-collapse ul#menu-privacy-policy li {
        float: left;
        width: 50%;
    }

    .navbar-collapse ul#menu-privacy-policy li a {
        border-bottom: none;
        font-size: 18px;
    }

    .navbar-default .navbar-nav>.active>a {
        color: #cc2027 !important;
    }

    .navbar-collapse .social-icons {
        float: left;
        width: 100%;
        background-color: #393a3a;
        padding-left: 45px;
        padding-top: 8px;
        padding-bottom: 8px;
        height: auto;
    }
    .navbar-collapse .social-icons a{
        display: block;
        width: 100%;
        height: 100%;
    }
    .navbar-collapse .social-icons span {
        float: left;
    }
    .top-menu-container span.youtube-link {
        margin-left: -5px;
    }
    .featured-image-container {
        height: 100%;
        max-width: none;
        width: auto;
    }

    .featured-image-container img {
        height: auto;
        /*width: auto;*/
        width: 100%;
        max-width:100%;
    }
    .featured-image-container .tall-header img {
        height: 100%;
        width: 100%;
        max-width:100%;
    }
    .page-template-template-contactus-php .featured-image-container img {
        /*max-width: 100%;*/
        height: auto;
    }
/*    .single-post-thumbnail img {
        width: 100%;
    }*/
    .featured-image-container .request-info-container {
        display: none;
    }

    .top-promotion-main-container .top-promotion-inner-container {
        padding: 0px 15px;
    }
    .top-promotion-main-container .promotion-inner-container {
        width: 100%;
        height: auto;
        border-bottom: 1px solid #fff;
        margin: 0px;
        padding: 25px 0px 20px;
    }
    .top-promotion-main-container .mobile-view .promo-container a:last-child .promotion-inner-container { border-bottom: none !important; }

    .top-promotion-main-container .promotion-inner-container p {
        width: 75%;
        font-size: 18px;
    }
    .top-promotion-main-container  .h-promo img {
        left: auto;
        right: 0px;
        bottom: auto;
        top: 40%;
    }
    .home-video-container .video-container h2, .home-video-container .video-container h3 {
        font-size: 22px;
    }
    .home-video-container .video-container {
        height: 400px;
        overflow: hidden;
    }
    .home-video-container .js-video iframe {
        height:82%;
    }
    .home-video-container .video-container .video-play-icon {
        position: absolute;
        top: 50%;
        left: 0;
        right: 0;
        -ms-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .thankyou-wrapper{
        padding-bottom: 15px;
    }
    .home-video-container .video-container, .home-video-container .teachers-form-container,.home-video-container .thank-you-descrip {
        float: left;
    }
    .home-video-container .thank-you-descrip{
        margin-top: 15px;
    }
    .home-video-container .thank-you-descrip p {
        padding: 1em 1em;
        font-size: 18px;
    }
    .bottom-promotion-main-container .promotions-inner-container {
        float: left;
        display: block;
        padding-right: 20px;
        padding-left: 20px;
    }
    .bottom-promotion-main-container .promotions-inner-container h2, .bottom-promotion-main-container .promotions-inner-container h3 {
        font-size: 25px;
        min-height: auto;
    }
    .bottom-promotion-main-container .promotions-inner-container p {
        margin-bottom: 25px;
    }
    .bottom-promotion-main-container .promotions-inner-container a.pro-img {
        left: 20px;
    }
    .home-infographic-main-container img.desktop-infographics-image { display: none; }
    .home-infographic-main-container img.mobile-infographics-image { display: block; }


    .section-main-container .section-image-container img {
        width: 100%;
    }
    .section-main-container .section-image-container {
        display: block;
        float: left;
        text-align: center;
        margin-bottom: 25px;
    }

    .section-main-container .section-content-container {
        float: left;
        display: block;
    }

    .section-main-container .section-content-container h2, .section-main-container .section-content-container h3 {
        font-size: 26px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .latest-stories-main-container .stories-inner-container .story-title {
        height: auto;
        font-size: 28px;
        padding-bottom: 50px;
        padding-right: 50px;
        padding-left: 20px;
    }
    .latest-stories-main-container .stories-inner-container .story-title img {
    top: 30%;
    left: auto;
    right: 30px;
}
    h3.header-info-title {
        font-size: 32px;
        line-height: 38px;
        margin-bottom: 25px;
    }
    .header-info-container .header-info-inner-container .header-sub-title {
        font-size: 22px;
        line-height: 1.5;
    }
    .header-info-subtitle {
        font-size: 16px;
    }
    h1, h2 ,.thankyou-wrapper .page-header h1{
        font-size: 32px;
    }
    .course-info .course-title{
        font-size: 22px;
        line-height: 30px;
    }
    .course-info .bullets-holder li{
        font-size: 16px;
    }
    .page-content {
        margin-top: 40px;
        margin-bottom: 0px;
    }
    .page-content p {
        font-size: 18px;
        line-height: 1.4;
    }
    .page-content h1 {
        line-height: 34px;
        margin-bottom: 20px;
    }
    .page-content h2 ,.thankyou-wrapper .page-header h3{
        font-size: 26px;
    }
    .post h2.entry-title {
        margin-top: 20px;
        margin-bottom: 0px;
        font-size: 26px;
        line-height: 30px;
    }
    .thankyou-wrapper .page-header h3{
        padding-bottom: 8%;
    }
    aside.sidebar {
        float: left;
        width: 100%;
        margin-top: 40px;
        padding: 0;
    }
    aside.sidebar section:last-child {
        margin-bottom: 15px;
    }
    .course-main-container {
        margin-bottom: 0px;
    }
    body.about aside.sidebar {
        padding: 0px 15px;
    }
    .request-info-box {
        display: none;
    }
    .course-main-container .header-content-container .box-link-container {
        right: 45px;
        padding-top: 20px;
        padding-bottom: 15px;
    }
    .course-main-container .header-content-container .box-link-container { left: 20px; }
    .featured-image-container .single-post-thumbnail .teachers-quote-container {
        padding: 20px 0px 16px;
        font-size: 20px;
        line-height: 1.5;
        text-align: left;
    }
    .all-courses-link {
        text-align: center;
    }
    .single-main-container h1.post-title, .single-main-container h3.post-title {
        font-size: 32px;
    }
    .single-main-container .course-section-container h1, .single-main-container .course-section-container h3 {
        font-size: 28px;
    }
    .page-content .box-link-container {
        padding-top: 20px;
        padding-bottom: 15px;
        width: 100%;
        text-align: center;
    }
    .contactus-wrapper h1 {
        font-size: 28px;
    }
    .contactus-wrapper h2, .contactus-wrapper h3 {
        font-size: 24px;
        margin-top: 15px;
    }
    .contactus-wrapper p {
        font-size: 16px;
        line-height: 1.5;
    }
    .stories-page-content {
        margin-bottom: 0px;
    }
    .box-link-container {
        padding: 16px 40px 12px;
    }
    .box-link-container a {
        font-size: 24px;
        background-image: url("../../images/arrow_white-mobile.png");
        background-position: right 0px center;
        -moz-background-position:0px 0px;
       -webkit-background-position:right 0px 6px;
        padding: 0px 50px 0px 0px;
        display: inline;
        background-size: 50px 19px;
    }
    .section-main-container .section-inner-container {
        margin-bottom: 25px;
        padding-top: 15px;
    }

    /* Hows to page */
    .hows-page-content {
        margin-top: 30px;
        margin-bottom: 0px;
    }
    .promo-container{background: #4d80a1; padding: 0px 20px; float: left;}
    .latest-stories-main-container .stories-inner-container .story-container .story-text,
    .teachers-main-container .teachers-container .teachers-intro-text{bottom:0px!important; height: auto; padding: 18px 20px 0px;}
    .latest-stories-main-container .stories-inner-container .story-container .story-text {
        padding: 20px;
        font-size: 24px;
    }
    .teachers-main-container .row{margin-left: 0px; margin-right:0px;}
    .teachers-main-container .col-sm-12{padding-left: 0px; padding-right:0px;}
    .header-info-container { padding-left: 5%;padding-right: 5%;}
    .courses .main, .teachers .main{padding: 0px;}
    .latest-stories-main-container .stories-inner-container:nth-child(2) .row a:last-child {
        display: none;
    }
    .latest-stories-main-container .stories-inner-container .home-text-review, .blank_box {
        display: none;
    }
    .main-menu-container .bottom-menu-container ul li a:hover, .navbar-default .navbar-nav>.active>a {
        padding-bottom: 25px;
    }
    .course-main-container .courses-inner-container {
        padding: 25px 20px;
        height: auto;
    }
    .course-main-container .courses-image-container, .header-content-container {
        min-height: 300px;
    }
    .course-main-container a .courses-inner-container img {
    left: 0px;
    bottom: 0px;
    position: relative;
    }

    .contact-page-content {
        margin-bottom: 0px;
        margin-top: 0;
    }

    .desktop-arrow {
        display: none;
    }
    .mobile-arrow {
        display: block;
    }
    .single-main-container .teachers-title-container {
        display: block;
        float: left;
        padding-left: 0px;
    }
    .featured-image-container.teachers .single-post-thumbnail img.desktop-image {
        display: none;
    }
    .featured-image-container.teachers .single-post-thumbnail img.mobile-teachers-image {
        display: block;
    }
    .home-banner-container { bottom: 30%;}
    a.home-banner, a.home-banner:hover{font-size: 20px; line-height: 24px;}
    .home-video-container .js-video iframe{
        max-height: none;
    }
    
    /*footer */
    footer .footer-container{
        padding-top: 0;
    }
    footer .footer-title{
        padding-right: 30px;
        padding-top: 20px;
    }
    footer .panel-body>ul{
        margin: 0;
        float: none;
    }
    footer .panel-body>ul>li{
        width: 40%;
        display: inline-block;
    }
    footer .panel-heading{
        position: relative;
        border-top: 1px solid #eee;
    }
    footer .footer-menu-container:first-child .panel-heading{
        border-top: 0;
    }
    footer .accordion-toggle .footer-title:after{
        position: absolute;
        right: 10px;
        top: 30px;
        width: 14px;
        height: 8px;
        content: " ";
        background-repeat: no-repeat;
    }
    footer .accordion-toggle.collapsed .footer-title:after{
        background-image: url("../../images/dropdownarrow.png");
    }
    footer .accordion-toggle .footer-title:after{
        background-image: url("../../images/dropuparrow.png");
    }
    footer .panel-body:after{
        content: '';
        display: block;
        clear: both;
    }
    [lang="ar-sa"] footer .footer_social_btns{
        float: none;
    }
    footer hr{
        display: block;
        margin: 0;
    }
    footer .privacy-policy-container ul{
        float: none;
        margin: 0;
    }
    [lang="ar-sa"] footer .privacy-policy-container ul {
        float: none;
    }
    footer .footer-copyright-container, footer .privacy-policy-container{
        padding-left: 0;
        padding-right: 0;
    }
    footer .privacy-policy-container li{
        display: inline-block;
    }
    /*end footer */
}

@media screen and ( max-width: 600px ){
    button.toggle-menu.collapsed {padding-right: 15px;    }
    button.toggle-menu { padding-right: 24px;  }
    .main-menu-container .mobile-menu-container { padding: 0px 5px;}
}

@media screen and ( max-width: 484px ){
    .mobile-menu-main-container { margin-left: 0px; margin-right: 0px;}
   .main-menu-container .mobile-menu-container {min-width: 65px; padding: 0px 15px; float: right;}
   .top-menu-container{max-width: 140px;}
   .social-icons {padding: 0; max-width: 100%!important;}
   header .main-menu-container {padding-top: 25px;  padding-bottom: 25px; padding-right: 0px;}
   .course-main-container .courses-inner-container {
        height: auto;
        /*min-height: 300px;*/
   }
   .course-main-container .header-content-container .box-link-container {
       position: static;
       width: 100%;
   }
   .course-main-container a .courses-inner-container img {
       padding-top: 25px;
       position: static;
       float: left;
   }
   .latest-stories-main-container .stories-inner-container .story-title img {
        top: 36px;
   }
   .main-menu-container .top-menu-container span.language-selector,
   .top-menu-container,#lang_sel_click,.top-menu-container span.language-selector #lang_sel_click ul { height: 40px;}
   .top-menu-container span.language-selector #lang_sel_click li { height: 40px;}
   .top-menu-container span.language-selector #lang_sel_click li a img,
   .top-menu-container span.language-selector #lang_sel_click li.icl-ar a span{ line-height: 16px;}
   .top-menu-container span.language-selector #lang_sel_click li a {
       padding-top: 9px;
    font-size: 16px;
    padding-bottom: 0px;
    padding-left:0px;
   }
   #lang_sel_click>ul> li:before {top: 15px;}
   .top-menu-container span.language-selector #lang_sel_click ul ul {top: 40px!important;}
   button.toggle-menu.collapsed {
       margin-top: 0px;
       padding-right: 0px;
   }
   button.toggle-menu {
        padding-right: 0;
        margin-right: 0px;
        margin-top: 10px;
   }
   .toggle-menu.collapsed .icon-bar { margin-top: 14px !important; }
   .toggle-menu .icon-bar:nth-child(2) {
       margin-top: 3px !important;
   }
   header .logo-container {
       padding-top: 25px;
          padding-right: 0px;
          padding-left: 0px;
   }
   .featured-image-container .single-post-thumbnail .teachers-quote-container {
        padding: 14px 0px 10px;
        font-size: 18px;
   }
   .box-link-container {padding: 16px 20px 12px;width: 100%;}
    .featured-image-container img { width: auto; }
    .home-video-container .video-container,.home-video-container .js-video iframe {height: 312px;}
    .review-banner .banner-img {
        display: none;
    }
    .review-banner .banner-img.mobile {
        display: block;
    }
    .widget_categories, .widget_taxonomy_list_widget {
        padding: 0 10px;
    }
    .video-header-wrap {
        min-height: unset;
        background: transparent !important;
    }
    .video-header .video-container {
        padding: 10px;
    }
    .video-header .header-info-container {
        padding-left: 5%;
        padding-right: 5%;
    }
    .video-review .video-review-body {
        display: flex;
        display: -webkit-flex;
        flex-direction: column-reverse;
        -webkit-flex-direction: column-reverse;
        height: auto;
    }
    .video-review .video-review-body footer {
        margin-top: 15px;
    }
    
}
@media screen and ( max-width: 450px ){
    .main-menu-container .top-menu-container span.language-selector {max-width: 90px;}
   .top-menu-container{max-width: 135px;padding-right: 0px;}
   /*.featured-image-container { min-height: 375px;}*/
   /*.featur-img{height: 430px;}*/
   .top-menu-container { max-width: 125px;}
   .home-banner-container { bottom: 50%;}
   .box-link-container {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .featured-image-container .single-post-thumbnail .teachers-quote-container p{
        font-size: 28px;
        text-transform: initial;
        font-style: italic;
        padding-bottom: 32px;
    }
}
@media screen and ( max-width: 384px ){
   .top-menu-container{max-width: 110px; margin-top: 7px; padding-left: 0px;padding-right: 5px;}
   button.toggle-menu { width: 35px;}
   .main-menu-container .top-menu-container span.language-selector {
       padding-left: 0px;
   }
   .main-menu-container .top-menu-container span.language-selector {
       width: 100%;
   }
   .toggle-menu.collapsed .icon-bar {
       margin-top: 12px !important;
   }
   header .logo-container {
       padding-top: 40px;
       padding-left: 0px;
   }
   button.toggle-menu.collapsed {
       margin-right: 0px;
   }
   .header-info-container {
       padding-top: 35px;
       padding-bottom: 35px;
   }
   button.toggle-menu {
       margin-right: 13px;
       margin-top: 0px;
   }
   .main-menu-container .top-menu-container span.language-selector { max-width: 90px;position: absolute; right: -2px;}
   h3.header-info-title {margin-bottom: 10px;}
   .course-info .course-title {
        font-size: 18px;
        line-height: 20px;
    }
    .course-info .bullets-holder li {
        font-size: 14px;
        line-height: 17px;
        padding-bottom: 5px;
    }
    .featured-image-container .single-post-thumbnail .teachers-quote-container p{
        font-size: 24px;
        padding-bottom: 40px;
    }
}
@media screen and ( max-width: 320px ){
    /*.mobile-menu-main-container { padding: 0px 15px;}*/
    header .main-menu-container {padding-right: 0px;}
    button.toggle-menu.collapsed { margin-right: 0px;}
    button.toggle-menu { margin-right: 7px;  }
    .main-menu-container .mobile-menu-container {min-width: 45px;padding: 0px 15px;}
   .top-menu-container{max-width: 103px;}
   .top-menu-container span.language-selector #lang_sel_click li a img {margin-left: 7px; margin-right: 17px;}
   #lang_sel_click>ul> li:before {right: 7px;}
   .request-info-container a, .mobile-top-header .phone-number{font-size: 16px; padding: 19px 0 17px;}
   .request-info-container {padding: 0px;}
   .box-link-container a {font-size: 20px;}
   button.toggle-menu { width: 27px;}
   .main-menu-container .top-menu-container span.language-selector { max-width: 82px;right: 3px;}
   #lang_sel_click a, #lang_sel_click a:visited {padding-left: 0px!important;}
   .home-banner-container {bottom: 41%;}
    .home-video-container .video-container,.home-video-container .js-video iframe {height:240px;}
    .course-info .course-title {
        font-size: 16px;
        line-height: 17px;
    }
    .featured-image-container .single-post-thumbnail .teachers-quote-container p {
        font-size: 20px;
        padding-bottom: 15px;
    }
}

.legal-info {
    display:none;
}
.page-template-template-request-info .legal-info {
    display:block;
    font-size: 12px;
    color: #fff;
    max-width: 60%;
    float: left;
}
.rtl.page-template-template-request-info .legal-info {
    float: right;
}


@media screen and (max-width: 767px) {
    .page-template-template-request-info .legal-info,
    .rtl.page-template-template-request-info .legal-info {
        float: none;
        max-width: unset;
        margin-top: 20px;
        text-align: center;
    }
}

/* Popup Specific Styles */

.popup {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1200;
    opacity: 0;
    transition: all .15s linear
}

.popup.opened {
    z-index: 1200;
    display: block;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    background: rgba(0,0,0,0.7);
    opacity: 1;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

@media only screen and (max-width: 767px) {
    .popup.opened {
        display:block;
        background: #fff
    }
}

.popup .container {
    max-width: 630px;
    height: auto;
    display: block;
    position: relative;
    width: 750px;
    margin: 0 auto
}

.popup .close-btn {
    position: absolute;
    top: 25px;
    cursor: pointer;
    width: 20px;
    height: 20px
}

[dir=ltr] .popup .close-btn {
    right: 20px
}

[dir=rtl] .popup .close-btn {
    left: 20px
}

.popup .close-btn:before,.popup .close-btn:after {
    content: "";
    position: absolute;
    height: 20px;
    width: 2px;
    background-color: #5e07d0;
    border-radius: 1000px
}

.popup .close-btn:before {
    transform: rotate(45deg)
}

.popup .close-btn:after {
    transform: rotate(-45deg)
}

@media only screen and (max-width: 767px) {
    .popup .container {
        width:auto
    }
}

.redirect-popup .container {
    background-color: #fff;
    padding: 50px;
    text-align: center
}

.redirect-popup h2 {
    margin: 0;
    font-size: 34px;
}

.redirect-popup #redirect-countdown {
    font-size: 70px;
    font-weight: 900;
    margin: 20px 0;
    color: #3a3a3a;
}

.redirect-popup .button {
    background: #cc2027;
    padding: 6px 21px;
    color: #fff;
    font-size: 18px;
    border: 1px solid #cc2027;
    display: inline-block;
}

.redirect-popup .button.button-outline {
    background: #fff;
    color: #cc2027;
    margin: 0 10px 0 0;
}

@media only screen and (max-width: 767px) {
    .redirect-popup .btn-wrap .btn:nth-child(2) {
        margin:10px auto 0
    }
}


ca-testrunner {
    direction: initial;
}