abody {
    font-family: Open Sans, Arial;
    font-size: 14px;
}

body p {
    line-height: 130%;
}

html,
body {
    width: 100vw;
    overflow-x: hidden;
}

html {
    font-size: 62.5%;
}

@media (max-width: 768px) {
    html {
        font-size: 50%;
    }
}

.container {
    clear: both;
    display: block;
}

.bot-round:hover,
.btn:hover {
    color: #fff;
}

.bot-round.txt-size-80,
.txt-size-80 {
    font-size: 70px;
}

.bot-round.txt-size-50,
.txt-size-50 {
    font-size: 40px;
}

.bot-round.txt-size-20,
.txt-size-20 {
    font-size: 1pc;
}

.bot-round.txt-size-30,
.txt-size-30,
h4.txt-size-30 {
    font-size: 26px;
}

.bot-round.txt-size-27,
.txt-size-27 {
    font-size: 23px;
}

.bot-round {
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    padding: 4px 15px;
    text-align: center;
    font-size: 13px;
    line-height: 130%;
    border-radius: 8px;
}

.bot-round.txt-size-30 {
    line-height: 34px;
}

a.bot-round:hover {
    color: #fff;
    text-decoration: none;
}

.btn-brd-orange {
    font-size: 22px;
    color: #fa5e12;
    margin: 20px 0;
    padding: 10px 20px;
    border: 2px solid #fa5e12;
    border-radius: 10px;
}

.btn-brd-orange:hover {
    text-decoration: none;
    background-color: #fa5e12;
    color: #fff;
}

.container h3.txt-size-40,
.txt-size-40 {
    font-size: 36px;
}

.txt-size-40-slogan-home {
    font-size: 40px;
}

.container h3.txt-size-30,
.txt-size-30 {
    font-size: 26px;
    line-height: 30px;
}

.martop-0 {
    margin-top: 0px;
}

.txt-size-21 {
    font-size: 18px;
}

.txt-size-16 {
    font-size: 13px;
}

.txt-size-14 {
    font-size: 14px;
}

.txt-size-11 {
    font-size: 11px;
}

.img-100 {
    width: 100%;
}

.txt-left {
    text-align: left;
}

.txt-right {
    text-align: right;
}

.txt-center {
    text-align: center;
}

.txt-justify {
    text-align: justify;
}

.par-space p {
    margin-bottom: 15px 0;
}

.txt-shadow {
    text-shadow: 0 0 2px #000;
}

.box-bg-white h3.txt-color-blue,
.txt-color-blue {
    color: #008abf;
}

.txt-color-orange,
.txt-color-orange:hover {
    color: #fa5e12;
}

.txt-color-white {
    color: #fff !important;
}

.txt-orange-sans,
.txt-sans {
    font-family: Open Sans;
}

.txt-orange-sans {
    color: #fa5e12;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 20px;
}

.txt-orange-sans p {
    display: block;
    padding: 10px 0;
}

.underline-link {
    text-decoration: underline;
}

h1.txt-handwriting,
h2.txt-handwriting {
    font-family: Satisfy;
}

.alignleft {
    float: left;
}

.alignright {
    float: right;
    right: 0;
}

.aligncenter {
    text-align: center;
    margin: 0 auto;
    display: block;
}

.txt-shadows {
    text-shadow: 2px 2px 0 #005ea8, -1px -1px 0 #005ea8, 1px -1px 0 #005ea8,
        -1px 1px 0 #005ea8, 1px 1px 0 #005ea8;
}

.borde-ri {
    border-right: 1px solid #fff;
}

.back-white .borde-ri {
    border-color: #ccc;
}

.shadows {
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
}

.corners {
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.if-width-70 {
    width: 70%;
}

.height50 {
    height: 50px;
}

small {
    line-height: 100%;
}

.no-padding {
    padding: auto 0;
    padding-left: 0;
    padding-right: 0;
}

#main .row.no-border,
.no-border {
    border: none;
}

.clearfix {
    clear: both;
}

.borderpad {
    border: 2px solid #fff;
    padding: 20px;
}

.back-blue.padtop-160,
.padtop-160 {
    padding-top: 10pc;
}

.padtopbot {
    padding: 40px 0;
}

.back-blue.padtop-10,
.padtop-10 {
    padding-top: 10px;
}

.back-orange.padzero,
.padzero {
    padding: 10px 0;
    margin: 0;
}

.padzero h2 {
    margin: 0;
}

.back-blue.pad20 {
    padding: 20px;
}

.padbot-20 {
    display: block;
    padding-bottom: 20px;
}

.padbot-10 {
    display: block;
    padding-bottom: 10px;
}

div.padbot-70 {
    padding-bottom: 70px;
}

.booksteps {
    margin-top: -50px;
}

.padtop20 {
    padding-top: 20px;
}

.padtop40 {
    padding-top: 40px;
}

.padtop80 {
    padding-top: 5pc;
}

.topepad {
    padding-top: 130px;
}

.quicksearch {
    margin: 0 30px;
    padding: 20px 0;
    border-radius: 0 0 10px 10px;
}

.borderlink {
    border: 1px solid #0071bc;
    color: #0071bc;
    border-radius: 8px;
    padding: 5px 8px;
    margin: 0 0 0 5px;
    display: inline;
}

.borderlink:hover {
    border: 1px solid #fc6a12;
    color: #fc6a12;
    text-decoration: none;
}

h1,
h2,
h3,
h4,
h5 {
    font-family: Open Sans, Arial;
}

section h2,
section h3 {
    margin: 0;
}

.container h3 {
    font-size: 19px;
    line-height: 28px;
    margin-bottom: auto;
}

.group-directors .container h3 {
    display: block;
    padding-bottom: 10px;
}

.back-white h4 {
    color: #0080c5;
    font-size: 15px;
    line-height: 24px;
    display: block;
    margin: 0;
    padding: 5px 0 0;
}

.box-bg-blue {
    background-image: url(/global/images/box-bg-blue.png);
    color: #fff;
}

.box-bg-white {
    background-image: url(/global/images/box-bg-white.png);
    color: #0558a5;
}

.gradient-orange {
    background-color: #fc6a12;
    background: -webkit-linear-gradient(#fa5d12, #fe7613);
    background: -o-linear-gradient(#fa5d12, #fe7613);
    background: -moz-linear-gradient(#fa5d12, #fe7613);
    background: linear-gradient(#fa5e12, #fe7613);
}

.gradient-orange2 {
    background: #fe9028;
    background: -moz-linear-gradient(top, #fe9028 0%, #fe5d0c 100%);
    background: -webkit-linear-gradient(top, #fe9028 0%, #fe5d0c 100%);
    background: linear-gradient(to bottom, #fe9028 0%, #fe5d0c 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe9028', endColorstr='#fe5d0c', GradientType=0);
}

.gradient-blue {
    background-color: #1d6cc5;
    background: -webkit-linear-gradient(#0092d0, #0071bc);
    background: -o-linear-gradient(#0092d0, #0071bc);
    background: -moz-linear-gradient(#0092d0, #0071bc);
    background: linear-gradient(#0092d0, #0071bc);
}

.back-blue {
    background-color: #0071bc;
}

.back-testimonial {
    background-color: #0361a5;
    color: #fff;
    padding: 10px 0;
}

.back-blue,
.back-orange {
    color: #fff;
    display: block;
    padding: 30px 0;
    font-size: 14px;
}

.back-orange {
    background-color: #fc6a12;
}

.back-blue.less-padding,
.back-orange.less-padding {
    padding: 10px 0;
}

.back-blue.borderpad,
.back-orange.borderpad {
    border: 2px solid #fff;
    padding: 20px;
}

.back-gradient-celeste {
    background-color: #0084c7;
    color: #fff;
    display: block;
    padding: 30px 0;
    font-size: 14px;
    background-image: url(/global/images/bg-social-box.jpg);
    background-repeat: repeat-y;
    background-position: center top;
}

.back-white {
    background-color: #fff;
    color: #666;
}

.back-white,
.back-yellow {
    display: block;
    /* padding: 20px 0; */
}

.back-yellow {
    background-color: #fabd17;
    color: #c14445;
}

.back-white h2 {
    color: #fe7413;
}

h2.txt-color-blue {
    color: #008abf;
}

.txt-color-blue {
    color: #008abf;
}

h1.gradient-white,
h3.gradient-white {
    background-image: url(/global/images/bg-gradient-white.png);
    background-repeat: repeat-x;
    background-position: center bottom;
    display: block;
    font-size: 36px;
    line-height: 50px;
    color: #0092d0;
    font-weight: 600;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    margin: 0;
    border: 0;
    border-style: hidden;
}

h3.gradient-white,
h1.gradient-white {
    padding: 130px 10px 20px;
}

.home-slogan-container > h1 {
    display: block;
    font-size: 40px;
    line-height: 50px;
    font-weight: 600;
    text-align: center;
    position: relative;
    bottom: 0;
    width: 100%;
    margin: 0;
    border: 0;
    border-style: hidden;
    padding-bottom: 30px;
}

h1.gradient-white small,
h3.gradient-white small {
    color: #fe7413;
    display: block;
}

h1.slogan-home {
    padding: 130px 0 20px;
}

h1.ico-cat {
    background-image: url(/global/images/bg-trans-orange.png);
    background-repeat: repeat;
    background-position: center bottom;
    display: block;
    padding: 190px 10px 20px;
    font-size: 30px;
    line-height: 34px;
    color: #fff;
    font-weight: 600;
    text-align: center;
    position: absolute;
    width: 390px;
    margin: 0;
    height: 583px;
    top: 0;
    left: 70px;
}

#main .txt-color-blue .narrow a {
    text-decoration: underline;
    color: #008abf;
}

.back-orange a {
    color: #fff;
    line-height: 20px;
}

.back-blue a {
    color: #fff;
}

.back-blue a:hover {
    text-decoration: none;
}

.boxbor-white {
    border: 2px solid #fff;
    display: block;
}

.back-blue a.boxbor-white,
.back-blue span.boxbor-white {
    height: 20pc;
    padding: 10px 0;
    font-size: 20px;
    line-height: 24px;
}

.back-blue a.boxbor-white strong,
.back-blue span.boxbor-white strong {
    font-size: 2pc;
}

.list-faq {
    border-bottom: 15px solid #fa5f12;
    border-top: 15px solid #fa5f12;
}

.list-faq ol {
    color: #fe7513;
    margin: 0 auto;
}

.list-faq ol li {
    text-align: left;
    font-family: Open Sans;
}

.list-faq ol li a:hover {
    text-decoration: underline;
}

.olclass-items .ban-box {
    position: relative;
    padding: 0 0 0 210px;
    margin-bottom: 20px;
}

.olclass-items .olclass-ico {
    position: absolute;
    left: 0;
    top: 0;
}

.round-flags {
    margin: 0 auto;
    padding: 0;
}

.round-flags .column {
    float: left;
    height: 200px;
}

.round-flags.rfhome .column {
    height: 140px;
    width: 142px;
}

.round-flags a {
    font-size: 14px;
    margin: 0 auto;
    background-image: url(/global/images/bg-round-flags.png);
    background-repeat: no-repeat;
    display: block;
    width: 75pt;
    text-align: center;
    text-decoration: none;
    color: #fff;
    line-height: 20px;
    height: 30px;
    padding: 110px 10px 30px;
    background-position: 0 8px;
}

.round-flags.flags-shadow a {
    background-image: url(/global/images/bg-round-flags-shadow.png);
}

.round-flags a.spanish {
    background-position: -109px 8px;
}

.round-flags a.french {
    background-position: -219px 8px;
}

.round-flags a.german {
    background-position: -327px 8px;
}

.round-flags a.portuguese {
    background-position: -437px 8px;
}

.round-flags a.italian {
    background-position: -546px 8px;
}

.round-flags a.chinese,
.round-flags a.mandarin-chinese {
    background-position: -41pc 8px;
}

.round-flags a.ot {
    background-position: -764px 8px;
}

.round-flags a.russian {
    background-position: -875px 8px;
}

.round-flags a.arabic {
    background-position: -987pt 8px;
}

.round-flags a.japanese {
    background-position: -1094px 8px;
}

.round-flags a.polish {
    background-position: -1206px 8px;
}

.round-flags a.danish {
    background-position: -1427px 8px;
}

.round-flags a.dutch {
    background-position: -1540px 8px;
}

.round-flags a.greek {
    background-position: -1654px 8px;
}

.round-flags a.hebrew {
    background-position: -1768px 8px;
}

.round-flags a.korean {
    background-position: -1884px 8px;
}

.round-flags a.norwegian {
    background-position: -1994px 8px;
}

.round-flags a.swedish {
    background-position: -2108px 8px;
}

.round-flags a.turkish {
    background-position: -2229px 8px;
}

.round-flags a.vietnamese {
    background-position: -2346px 8px;
}

.round-flags a.indonesian {
    background-position: -2463px 8px;
}


.round-flags a.romanian {
    background-position: -2584px 8px;
}

.round-categories {
    margin: 30px auto 10px;
    padding: 0;
}

.round-categories .column {
    height: 290px;
}

.round-categories .column a {
    display: block;
    margin: 0 auto;
    width: 140px;
    text-align: center;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
    line-height: 20px;
    height: 170px;
    padding: 90pt 0 10px;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-image: url(/global/images/bg-round-categories.png);
}

.round-categories .icon.ico01 {
    background-position: 16px 0;
}

.round-categories .icon.ico02 {
    background-position: -134px 0;
}

.round-categories .icon.ico03 {
    background-position: -275px 0;
}

.round-categories .icon.ico04 {
    background-position: -410px 0;
}

.round-categories .icon.ico05 {
    background-position: -546px 0;
}

.round-categories .icon.ico06 {
    background-position: -697px 0;
}

.round-categories .icon.ico07 {
    background-position: -978px 0;
}

.round-categories .icon.ico08 {
    background-position: -842px 0;
}

.round-categories .under-cat {
    font-size: 9pt;
    color: #fff;
    line-height: 15px;
    height: 5pc;
}

.round-categories .more {
    display: block;
    background-color: #2291cb;
    padding: 5px 10px;
    border: 2px solid #fff;
    border-radius: 5px;
    margin: 0 5px;
    font-size: 13px;
}

.round-categories .under-cat .desc {
    display: block;
    padding: 0 0 10px;
    font-size: 9pt;
}

.round-categories .under-cat .title {
    font-size: 16px;
    font-weight: 600;
    padding: 8px;
    display: block;
    line-height: 22px;
}

header {
    font-family: Open Sans, Arial;
    z-index: 6;
    font-size: 13px;
    color: #fff;
}

header,
header .inner {
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -ms-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

header .inner {
    width: 100%;
    height: 130px;
    margin: 0 auto;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
    background-image: url(/global/images/box-bg-blue.png);
    background-repeat: repeat;
}

.submenu {
    margin-top: -5px;
    padding: 5px 0;
    height: 30px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    background-color: #fc6a12;
    background: -webkit-linear-gradient(#fa5d12, #fe7613);
    background: -o-linear-gradient(#fa5d12, #fe7613);
    background: -moz-linear-gradient(#fa5d12, #fe7613);
    background: linear-gradient(#fa5e12, #fe7613);
}

.submenu ul li .textMayuscula {
    text-transform: uppercase;
    text-align: center;
}

.submenu ul span.pleca {
    background-color: #bb501e !important;
    width: 2px;
    float: left;
    display: block;
    height: 20px;
    margin: 0px;
}

.submenu ul li {
    list-style: none;
    float: left;
    margin: 0;
}

.submenu ul li a {
    color: #fff;
}

.submenu ul li.botQuickInquiry {
    width: 20%;
    text-align: center !important;
}

.submenu ul li.botFreeLevel {
    width: 30%;
    text-align: center !important;
}

.submenu ul li.botListenTest {
    width: 19%;
    text-align: center !important;
}

.submenu ul li.botTrialOne {
    width: 26%;
    text-align: center !important;
}

header.smaller .inner {
    height: 85px;
}

nav.navbar-inverse {
    background-color: transparent;
    border-color: none;
    border: none;
}

header .logo {
    float: left;
    margin: 1pc 70px 0 23px;
}

header.smaller .logo {
    margin: 9pt 20px 0 18px;
}

header ul.navbar {
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 1pc 0 0;
    font-size: 14px;
    font-weight: 600;
    line-height: 1pc;
}

header ul.navbar li {
    float: left;
    padding: 0 13px;
}

header ul.navbar li a {
    color: #fff;
    text-decoration: none;
    display: block;
    padding: 1px 2px 7px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    transition: all 0.1s;
}

header.smaller ul.navbar li a {
    padding: 0 2px 4px;
    font-size: 14px;
}

header ul.navbar li a:hover {
    border-bottom: 1px solid #fff;
}

header.smaller,
header.tmenu-city-language .smaller {
    height: 85px;
}

header.smaller .logo img {
    height: 45px;
    width: 123px;
}

@media (max-width: 576px) {
    header.smaller .inner {
        height: auto;
    }
    header.smaller,
    header.tmenu-city-language .smaller {
        height: auto;
    }
}

header .logo img,
header.smaller .logo img {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .logo img {
    height: 94px;
    width: 16pc;
}

header .block span {
    display: block;
    color: #acd0d8;
}

header .block span strong {
    font-size: 1pc;
}

header .bot-round.gradient-orange {
    background-image: url("/global/images/bg-btn-orange.png");
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 23px;
}

header .bot-round:hover {
    text-decoration: none;
    color: #fff;
}

header.smaller .block span {
    display: inline;
}

header .block {
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    text-align: left;
    font-size: 9pt;
    float: left;
    line-height: 18px;
}

header .block li {
    list-style: none;
}

header .block.part1 {
    width: 270px;
    height: 70px;
    padding: 11px 8px 8px 15px;
}

header .block.part2 {
    float: right;
    width: auto;
    padding: 25px 4px 0;
    height: 76px;
}

header .block.part3 {
    float: right;
    width: 270px;
    padding: 26px 0 0;
    height: 19px;
}

header.smaller .block.part3 ul {
    padding-left: 0;
}

header.smaller .block.part1 {
    padding: 8px 8px 5px 15px;
    width: auto;
    height: 19px;
}

header.smaller .block.part2 {
    height: 29px;
}

header.smaller .block.part3 {
    height: 19px;
    width: 220px;
}

header.smaller .block {
    color: #acd0d8;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
}

header .navbar-collapse .nav li a {
    color: #fff;
    padding: 18px 13px;
    line-height: 15px;
    font-size: 1pc;
    font-weight: 600;
}

header .navbar-connect li a {
    color: #fff;
    padding: 18px 13px;
    line-height: 15px;
    font-size: 0.8pc !important;
    font-weight: 600;
}

header.smaller .navbar-collapse .nav li a {
    line-height: 15px;
    font-size: 13px;
    padding: 18px 10px;
}

header.smaller .fixedsize.inner {
    height: 78px;
}

@media (min-width: 1024px) {
    header.smaller .headerquick {
        display: block;
        margin: -4px 0 0 177px;
        float: left;
    }
    header.smaller .headerquick a,
    header.smaller .headerquick button {
        float: left;
        background-color: #fe7413;
        color: #fff;
        padding: 3px 10px;
        border-radius: 4px;
        margin: 0 10px 0 0;
        font-size: 14px;
        border: 1px solid #fff;
        box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
        text-align: center;
    }
}

header.smaller .headerquick a.btn-skype {
    display: none;
    border: 0;
    font-family: "Open Sans", Arial;
    text-transform: uppercase;
    border: 1px solid #fff;
}

header.smaller .headerquick a:hover,
header.smaller .headerquick button:hover {
    color: #fff;
    text-decoration: none;
}

header .navbar-toggle {
    margin: 15px 15px 8px 0;
}

header .navbar-collapse .nav li a:hover {
    background-color: transparent;
    text-decoration: underline;
}

.box-squared {
    padding: 20px;
    height: 100%;
    text-align: left;
}

.box-squared.noheight,
.box-squared.noheight60 {
    height: auto;
    position: absolute;
    top: 30%;
}

.box-squared.width-460 {
    width: 460px;
}

.box-squared strong {
    font-weight: 600;
    color: #fb752f;
}

.box-rounded {
    font-family: Open Sans, Arial;
    background-repeat: repeat;
    border-radius: 10px;
    padding: 20px 10px;
    display: block;
    font-size: 18px;
    top: 150px;
    position: absolute;
    width: 280px;
}

.box-rounded h3 {
    font-size: 2pc;
}

.box-rounded h2,
.box-rounded h3 {
    display: block;
    margin: 0 auto;
    padding: 0 0 10px;
    font-weight: 600;
}

.box-rounded h2 {
    font-size: 38px;
}

.box-rounded .more {
    font-size: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
    margin: 5px 11% 0;
    position: absolute;
    bottom: -20px;
    width: 70%;
    background-color: #fc6a12;
}

.box-rounded .desc {
    display: block;
    padding-bottom: 20px;
}

.box-bg-white h3 {
    color: #fc6a12;
}

.language-for-width {
    width: 140px;
}

.fullpanel.home-03 .box-rounded.first {
    margin-left: 130px;
}

.fullpanel.home-03 .box-rounded {
    width: 420px;
    top: 75pt;
}

.fullpanel.home-04 .box-rounded {
    left: 40px;
    float: none;
}

.fullpanel.about-02 .box-rounded {
    border: 1px solid #fff;
    position: relative;
    width: 5in;
    left: 50%;
    top: 130px;
    margin: 0 auto 0 -15pc;
    float: none;
    font-size: 14px;
}

.fullpanel.about-02 .box-rounded .more {
    margin: 5px 0 0 4%;
    width: 84%;
}

.fullpanel.about-02 .box-rounded .staff-big {
    left: -170px;
    top: 20px;
    position: absolute;
}

.fullpanel.home-03 .box-rounded .more {
    margin: 5px 7% 0;
    width: 76%;
}

.fullpanel.home-03 .box-rounded.box-bg-white.first {
    margin-bottom: 20px;
}

.fullpanel.home-03 .box-rounded.box-bg-white.last {
    margin-bottom: 40px;
}

.fullpanel .box-rounded .desc {
    font-size: 14px;
    line-height: 120%;
}

.fullpanel .box-rounded .author {
    font-size: 20px;
    display: block;
    padding-top: 6px;
    font-weight: 600;
}

.fullpanel.home-04 h2 {
    font-size: 36px;
    margin: 10px 0 0;
    font-weight: 600;
}

.fullpanel.home-04 .desc {
    font-size: 24px;
}

.ban-noapproach {
    background-image: url(/global/images/ico-bubbles.png);
    padding: 25px 0 25px 210px;
    font-size: 1pc;
    max-width: 45pc;
}

.ban-noapproach,
.ban-techreq {
    background-repeat: no-repeat;
    background-position: 0 35px;
    text-align: left;
    margin: 0 auto;
}

.ban-techreq {
    background-image: url(/global/images/ico-big-techreq.png);
    padding: 25px 0 25px 250px;
    font-size: 20px;
}

.ban-box h3 {
    font-size: 28px;
    display: block;
    line-height: 120%;
    margin: 0;
    padding: 0 0 6px;
}

.bot-round.back-orange.big-300 {
    font-size: 20px;
    color: #fff;
    text-decoration: none;
    text-align: center;
    padding: 5px;
    width: 300px;
    margin: 10px 0 0;
}

.social li a {
    background-image: url(/global/images/bg-ico-social-2021.png);
    background-repeat: no-repeat;
    height: 25px;
    width: 25px;
    display: block;
    margin-left: 4px;
}

.social li {
    float: left;
}

.social li a.facebook {
    background-position: -86px 0;
}

.social li a.twitter {
    background-position: -62px 0;
}

.social li a.pinterest {
    background-position: -112px 0;
}

.social li a.youtube {
    background-position: -141px 0;
}

.social li a.google {
    background-position: -151px 0;
}

.social li a.linkedin {
    background-position: 0px 0;
}

.social li a.instagram {
    background-position: -31px 0;
}

.social li a.spotify {
    background-position: -171px 0;
}

.social-logos li {
    float: left;
    list-style: none;
}

.social-logos li a {
    background-image: url(/global/images/ico-social-logos.png);
    background-repeat: no-repeat;
    background-position: 0 -11px;
    display: block;
    height: 30px;
    width: 95pt;
}

.social-logos {
    width: 1200px;
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: baseline;
}

.social-logos li a.facebook {
    background-position: 0 -101px;
}

.social-logos li a.twitter {
    background-position: 0 -141px;
}

.social-logos li a.google {
    background-position: 0 -176px;
}

.social-logos li a.pinterest {
    background-position: 0 -57px;
    width: 115px;
}

.social-logos li a.linkedin {
    background-position: 0 -9px;
}

.social-logos li a.youtube {
    background-position: 0 -219px;
}

.social-logos li a.instagram {
    background-position: 0 -314px;
    height: 34px;
}

.social-logos li a.blog {
    background-position: 0 -361px;
    height: 34px;
    width: 110px;
}

.social-logos li a.spotify {
    background-position: 0 -412px;
}

.social-logos li.space a {
    background-image: none;
    position: relative;
    cursor: default;
}

.social-logos li.space .thumb {
    position: absolute;
    left: 0;
    top: -66px;
    background-image: url(/global/images/ico-thumbup.png);
    width: 99pt;
    height: 129px;
    display: block;
}

.social-logos li.follow a {
    display: none;
}

#socialt {
    padding: 0;
    margin: 0;
}

#socialt,
#socialt .box {
    border-radius: 10px;
    position: relative;
}

#socialt .box {
    background-color: #fff;
    padding: 10px;
    width: auto;
    margin: 0 0 30px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    min-height: 350px;
}

#socialt .head {
    border-radius: 10px;
    background-image: url(/global/images/socialbox-head.jpg);
    background-position: 0 0;
    height: 122px;
    z-index: 1;
    top: 0;
    left: 0;
}

#socialt .head,
#socialt .inner {
    background-repeat: no-repeat;
    position: absolute;
    width: 90%;
}

#socialt .inner {
    display: block;
    height: 167px;
    background-image: url(/global/images/socialt-fb.png);
    background-position: center bottom;
    z-index: 3;
}

#socialt .inner span {
    color: #fff;
    position: absolute;
    left: 155px;
    top: 36px;
    height: 42px;
    font-size: 11px;
    line-height: 13px;
}

#socialt .box.bl h3 a {
    font-size: 14px;
    color: #fa760f;
}

#socialt .box.bl .widgetblog .wpost a {
    color: #fa760f;
}

#socialt .box.bl .widgetblog p {
    font-size: 9pt;
    color: #003;
}

#socialt .box.bl .widgetblog .wpost .info {
    font-size: 11px;
    color: #999;
}

#socialt .box.bl h2 {
    font-size: 1pc;
    color: #333;
}

@media (max-width: 767px) {
    #socialt .box.linkedin,
    #socialt .box.spotify {
        min-height: 200px;
    }
}

#socialt a.stit {
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 55px;
    width: 100%;
    margin: 0 auto;
    border-radius: 1pc 1pc 0 0;
}

#socialt a.stit,
#socialt a.stit.facebook {
    background-image: url(/global/images/socialt-fb.png);
}

#socialt a.stit.twitter {
    background-image: url(/global/images/socialt-tw.png);
}

#socialt a.stit.google {
    background-image: url(/global/images/socialt-go.png);
}

#socialt a.stit.pinterest {
    background-image: url(/global/images/socialt-pi.png);
}

#socialt a.stit.youtube {
    background-image: url(/global/images/socialt-yt.png);
}

#socialt a.stit.blog {
    background-image: url(/global/images/socialt-bl.png);
}

#socialt a.stit.linkedin {
    background-image: url(/global/images/socialt-in.png);
}

#socialt a.stit.instagram {
    background-image: url(/global/images/socialt-ins.png);
}

#socialt a.stit.spotify {
    background-image: url(/global/images/socialt-spo.png);
}

.socialquick {
    list-style-type: none;
    font-size: 17px;
    width: 230px;
    height: 23px;
    padding: 0;
    margin: 0 auto;
}

.socialquick li {
    float: left;
    height: 25px;
    font-size: 17px;
    color: #fff;
    line-height: 25px;
}

.socialquick li a {
    float: left;
    height: 25px;
    width: 25px;
    background-image: url(/global/images/socialt-icos.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
}

.socialquick li a.facebook {
    background-position: 0 0;
}

.socialquick li a.twitter {
    background-position: -24px 0;
}

.socialquick li a.google {
    background-position: -46px 0;
}

.socialquick li a.pinterest {
    background-position: -69px 0;
}

.socialquick li a.youtube {
    background-position: -93px 0;
    width: 40px;
}

.socialquick li a.blog {
    background-position: -131px 0;
    width: 50px;
}

.socialquick li a.linkedin {
    background-position: -185px 0;
    width: 26px;
}

#socialt .slogo {
    background-image: url(/global/images/social-logos-big.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    height: 136px;
    width: 136px;
    margin-top: 130px;
    margin: 130px auto 0;
}

#socialt .twitter .slogo {
    background-position: 0 -136px;
}

#socialt .google .slogo {
    background-position: 0 -17pc;
}

#socialt .pinterest .slogo {
    background-position: 0 -408px;
}

#socialt .youtube .slogo {
    background-position: 0 -34pc;
}

#socialt .blog .slogo {
    background-position: 0 -680px;
}

#socialt .linkedin .slogo {
    background-position: 0 -826px;
}

#socialt .instagram .slogo {
    background-position: 0 -962px;
}

#socialt .spotify .slogo {
    background-position: 0 -1102px;
}

.newslist .testim .sociales {
    float: right;
}

.row.langlist a {
    display: block;
    padding: 5px;
}

.thesocial .socialbot {
    display: block;
    float: left;
    margin: 5px;
    height: 34px;
}

.thesocial .socialbot.bot-fb a {
    background-color: #3b5998;
    background-position: 6px -82px;
    width: 10pc;
}

.thesocial .socialbot.bot-tw a {
    background-color: #00aced;
    background-position: 6px -53px;
    width: 140px;
}

.thesocial .socialbot.bot-gp a {
    background-color: #dd4b39;
    background-position: 6px -24px;
    width: 150px;
}

.thesocial .socialbot.bot-wa a {
    background-color: #2ab200;
    background-position: 6px 4px;
    width: 150px;
}

#main .thesocial .socialbot a {
    display: block;
    border-radius: 4px;
    color: #fff;
    text-decoration: none;
    margin: 0;
    font-family: Open Sans;
    font-size: 1pc;
    font-weight: 600;
    padding: 0;
    background-image: url(/global/images/thesocial-icons.png);
    background-repeat: no-repeat;
    height: 34px;
    margin: 0 auto;
}

#main .thesocial .socialbot a .sonet {
    padding: 7px 0 9px 2pc;
    line-height: 20px;
    text-align: left;
    float: left;
}

#main .thesocial .socialbot a .count {
    padding: 8px 3px;
    margin: 1px;
    border-radius: 0 3px 3px 0;
    width: 36px;
    display: block;
    float: right;
    line-height: 1pc;
    font-size: 14px;
    color: #eee;
}

#main .thesocial .socialbot.bot-fb a .count {
    background-color: #476bb8;
}

#main .thesocial .socialbot.bot-tw a .count {
    background-color: #14c2f5;
}

#main .thesocial .socialbot.bot-gp a .count {
    background-color: #e15e4f;
}

#main .thesocial .socialbot.bot-wa a .count {
    background-color: #2ec109;
}

#main .thesocial {
    text-align: center;
    margin: 0 auto;
    clear: both;
    width: 490px;
}

.follow .worldwide {
    text-transform: uppercase;
    background-image: url(/global/images/bg-logo-worldwide.png);
    background-repeat: no-repeat;
    background-position: center top;
    display: block;
    padding-top: 38px;
    font-size: 14px;
    text-align: center;
}

.follow .countries {
    display: block;
}

.follow .worldwide a {
    color: #fff;
    margin: 0 5px;
}

.orgchart {
    max-width: 750pt;
    margin: 0 auto;
}

.orgchart .staff strong {
    font-size: 13px;
    font-weight: 600;
    display: block;
    padding: 0;
}

.orgchart .staff {
    font-size: 9pt;
    height: 170px;
    text-align: center;
}

.orgchart .bordeo {
    border: 2px solid #259fd5;
    border-radius: 0 0 10px 10px;
    margin: 0 4px;
    border-top: 0;
}

.orgchart .th-title {
    border: 1px solid #fb6712;
    background-color: #fb6712;
    border-radius: 10px 10px 0 0;
    margin: 0 4px;
    color: #fff;
    font-size: 9pt;
    line-height: 1pc;
    text-align: center;
    height: 40px;
    vertical-align: middle;
    padding: 6px 0 0;
}

.table td,
.table th {
    font-family: "Open Sans", sans-serif;
    font-size: 1pc;
    font-weight: 100;
}

.table.peque td {
    font-size: 9pt;
    font-weight: 100;
}

.table.peque {
    width: 950px;
}

.table h4 {
    font-family: "Open Sans", sans-serif;
    font-size: 26px;
    font-weight: 600;
    text-align: left;
    margin: 0;
}

.pricing .table {
    margin: 0;
    border: none;
}

.pricing .table td {
    padding: 10px 5px;
}

.pricing .table td.pri-spe {
    padding: 0px;
}

.pricing .table td.pri-spe span {
    display: block;
    line-height: 20px;
    float: left;
    padding: 10px 0px 10px 20px;
}

.pricing .table td.pri-spe span.popular {
    padding: 0 0 0 10px;
}

.table.table-condensed td,
.table.table-condensed th,
.table.table-condensed tr {
    border: none;
}

.table.table-condi td,
.table.table-condi th,
.table.table-condi tr {
    border-top: none;
    border-bottom: none;
    border-left: none;
}

.table.table-condi th {
    padding: 0;
}

.table.table-condi th .celltop {
    padding: 5px;
}

.table.bground-white {
    background-color: #fff;
    border-radius: 10px;
    margin-bottom: 30px;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
}

.table.table-condensed th {
    padding: 0;
    line-height: 15px;
    vertical-align: middle;
}

.table th strong {
    display: block;
    font-size: 18px;
    padding: 0;
    line-height: 22px;
}

.table th .peque strong {
    display: block;
    font-size: 11px;
    padding: 0;
    line-height: 14px;
}

.pricing .table .celltop {
    border: 2px solid #fff;
    border-bottom: none;
    border-radius: 10px 10px 0 0;
    display: block;
    padding: 10px 0 0;
    height: 60px;
    margin: 0;
    text-align: center;
    font-size: 10px;
    font-weight: 100;
}

.pricing .table .celltop.peque {
    height: 150px;
}

.pricing .table tr.bord-r.odd td {
    background-color: #fed6c4;
    line-height: 20px;
}

.pricing .table tr.bord-r td {
    background-color: #fff;
}

.back-orange .table tr.bord-r td,
.table.table-condensed tr.bord-r td {
    border-right: 2px solid #fe7613;
    line-height: 20px;
}

.back-blue .table tr.bord-r td {
    border-right: 2px solid #0073bd;
}

.back-blue .table tr td.last,
.back-orange .table tr td.last {
    border: none;
}

.back-orange .table td {
    color: #fb6612;
}

.back-blue .table td {
    color: #0074a6;
}

.back-blue .table .odd td {
    background-color: #bfdce9;
}

.table tr.space td {
    font-size: 1px;
    line-height: 1px;
    height: 10px;
    margin: 0;
    padding: 0;
}

.pricing .table .more.bot-round {
    margin: 0 0 0 -50px;
    top: -26px;
    position: absolute;
    left: 50%;
    width: 75pt;
    display: block;
    padding: 6px 8px;
    box-shadow: 0 1px 5px -2px rgba(0, 0, 0, 0.6);
    border-radius: 4px;
    font-family: Open Sans, Arial;
    font-size: 14px;
    font-weight: 600;
}

.pricing .table-condensed tr td.padbottd {
    height: 50px;
}

.relative {
    position: relative;
}

.pricing .table .bestprice {
    position: relative;
    width: 100%;
    display: block;
    padding: 0;
}

.pricing .table .bestprice span {
    position: absolute;
    background-image: url(/global/images/ico-bestprice.png);
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
    width: 66px;
    height: 70px;
    right: -2px;
    top: -26px;
}

.back-blue .pricing .table .bestprice span {
    background-position: right bottom;
}

.pricing .table .first {
    text-align: left;
    padding-left: 20px;
    font-weight: 700;
    font-size: 17px;
}

.pricing .table.peque .first {
    text-align: left;
    padding-left: 5px;
    font-weight: 700;
    font-size: 9pt;
}

.bot-round.inquiry {
    font-family: Open Sans;
    font-size: 1pc;
    display: block;
    line-height: 20px;
    padding: 10px 40px;
    margin: 0 10px;
}

#btn-quick-inquiry {
    position: relative;
    text-align: right;
}

#btn-quick-inquiry .btn-open {
    background-image: url(/global/images/btn-quick.png);
    background-repeat: no-repeat;
    display: block;
    height: 87pt;
    width: 282px;
    margin: 0 auto;
    padding: 0;
    overflow: hidden;
    font-size: 2.5em;
    font-weight: 700;
    text-align: center;
    line-height: 180px;
    text-decoration: none;
}

.row.quick-inquiry {
    margin: 0;
}

.row.quick-inquiry .column {
    margin-top: 20px;
}

section .phones {
    padding: 20px 30px;
    font-family: Open Sans;
    font-size: 15px;
    text-align: center;
}

.row.clientlist .client {
    background-color: #fff;
    color: #0072bd;
    font-size: 14px;
    text-align: left;
    padding: 10px 5px 10px 15px;
    border-radius: 10px;
    margin-bottom: 20px;
    height: 140px;
    line-height: 18px;
    overflow: hidden;
}

.row.clientlist .client h4 {
    font-size: 26px;
    color: #fe7413;
    display: block;
    padding: 0;
    margin: 0;
}

.clientlist .client .logo {
    float: left;
    width: 70px;
    height: 70px;
}

.clientlist .client .info {
    float: left;
    word-wrap: break-word;
}

.clientlist .client a {
    font-weight: 600;
    color: #0072bd;
    text-decoration: none;
}

.testimlist .testim {
    background-color: #fff;
    color: #0072bd;
    font-size: 14px;
    text-align: left;
    padding: 20px 25px;
    border-radius: 10px;
    margin: 10px auto 40px;
    line-height: 18px;
    width: 80%;
    position: relative;
    text-align: right;
}

.testimlist .testim.odd {
    text-align: left;
}

.testimlist .testim .arrow {
    background-image: url(/global/images/ttip-down.png);
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    width: 27px;
    position: absolute;
    left: 30px;
    bottom: -28px;
}

.testimlist .testim.odd .arrow {
    right: 30px;
    left: auto;
    bottom: -28px;
}

.testimlist .testim p {
    font-size: 22px;
    color: #fe7413;
    line-height: 30px;
    font-weight: 400;
}

.testimlist .testim .author {
    font-size: 20px;
    display: block;
    line-height: 26px;
}

.force-center {
    margin-left: 50%;
    float: left;
    display: block;
    clear: both;
}

.caselist {
    display: block;
    padding: 70px 0 0;
}

.caselist .testim.blue {
    background-color: #0071bc;
}

.spacer-case-study {
    margin-bottom: 120px;
}

.caselist .testim {
    background-color: #fc6a12;
    color: #fff;
    font-size: 18px;
    text-align: center;
    padding: 9px;
    border-radius: 10px;
    margin: 10px auto 115px;
    line-height: 22px;
    width: 80%;
    position: relative;
}

.caselist .testim .internal {
    border: 3px solid #fff;
    display: block;
    padding: 78px 20px 30px;
    border-radius: 6px;
}

.caselist .testim .photo {
    margin: -5pc 0 0 50%;
    float: left;
    display: block;
}

.caselist .testim .photo img {
    margin-left: -72px;
    border: 3px solid #fff;
    border-radius: 8px;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
}

.caselist .testim div p {
    display: block;
    font-size: 18px;
    line-height: 22px;
    font-style: italic;
}

.caselist .testim .author {
    font-size: 22px;
    display: block;
    font-weight: 600;
    padding: 0 0 8px;
}

.caselist .testim .whatwhere {
    display: block;
    padding: 0 0 15px;
}

.caselist .testim .force-center {
    margin-top: 24px;
}

.caselist .testim .botmore {
    display: block;
    height: 10px;
    margin-top: -10px;
    text-align: center;
    position: relative;
}

.caselist .testim .more.bot-round {
    width: 220px;
    margin: 40px auto 20px;
    font-size: 22px;
    line-height: 24px;
}

.newslist {
    display: block;
    padding: 150px 0 0;
}

.newslist .testim.blue {
    background-color: #0071bc;
}

.newslist .testim {
    border: 2px solid #fc6a12;
    background-color: #fff;
    color: #fc6a12;
    font-size: 1pc;
    text-align: justify;
    padding: 9px;
    border-radius: 10px;
    margin: 10px auto 200px;
    line-height: 22px;
    width: 90%;
    position: relative;
}

.newslist .testim .internal {
    border: 3px solid #fff;
    display: block;
    padding: 78px 20px 20px;
    border-radius: 6px;
}

.newslist .testim .photo {
    margin: -180px 0 0 50%;
    float: left;
    display: block;
    clear: both;
}

.newslist .testim .photo img {
    margin-left: -310px;
    border: 3px solid #fff;
    border-radius: 8px;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
}

.newslist .testim h4 {
    display: block;
    color: #0072bd;
    margin: 0;
    padding: 0;
    text-align: center;
}

.newslist .testim .author {
    font-size: 30px;
    display: block;
    font-weight: 600;
    padding: 0 0 8px;
}

.newslist .testim .whatwhere {
    display: block;
    padding: 0 0 15px;
}

.newslist .testim .force-center {
    margin-top: 24px;
}

.newslist .testim .botmore {
    display: block;
    height: 10px;
    margin-top: -10px;
    text-align: center;
    position: relative;
}

.newslist .testim .more.bot-round {
    width: 220px;
    margin: 40px auto 20px;
    font-size: 26px;
    line-height: 28px;
}

.infographic1 .in-why .in-title {
    font-size: 50px;
    line-height: 58px;
    font-weight: 600;
}

.infographic1 .in-famous {
    padding: 0 5px 10px;
    text-align: center;
}

.infographic1 .in-famous img {
    margin: 0 auto;
    display: block;
}

.infographic1 .in-famous .orangetag {
    padding: 5px 0;
    margin: 4px 0 0;
    line-height: 20px;
    display: block;
    text-align: center;
}

.infographic1 .in-hours .nivelname {
    font-size: 15px;
    width: 68px;
    text-align: center;
    display: block;
    color: #005ea8;
    font-weight: 600;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 0;
    line-height: 20px;
}

.why-online .column span.alignleft,
.why-online .column span.alignright {
    color: #fa5e12;
    margin: 10px;
    padding: 1pc 9pt;
    background-color: #fff;
    margin: 20px 0;
    border-radius: 10px;
    font-size: 26px;
    position: relative;
}

.why-online .column span .arrow::after {
    content: "▼";
    background-repeat: no-repeat;
    display: block;
    height: 28px;
    width: 27px;
    position: absolute;
    right: 30px;
    bottom: -18px;
}

.why-online .column span.alignleft .arrow::after {
    left: 30px;
    right: auto;
    bottom: -18px;
}

.tresbots {
    display: block;
    padding: 0 0 25px;
    margin-top: -45px;
}

#main .back-wood {
    background-image: url(/global/images/bg-tile-wood-01.jpg);
    background-repeat: repeat;
    color: #0071bc;
    background-color: #edc28b;
    background-position: center top;
}

#main .test-box {
    font-size: 14px;
    padding: 10px;
    margin: 10px auto;
    position: relative;
}

#main .test-box h3 {
    padding: 7px 0;
    width: 200px;
    background-color: #fd7113;
    font-size: 45px;
    border: 2px solid #fff;
    border-radius: 8px;
    left: 370px;
    top: -26px;
    z-index: 4;
}

#main .test-box span {
    display: block;
    text-align: center;
}

#main .test-box h3,
#main .test-box h4 {
    display: block;
    margin: 0 auto;
    color: #fff;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
    position: absolute;
}

#main .test-box h4 {
    padding: 5px 0;
    background-color: #0071bc;
    font-size: 25px;
    left: 250px;
    top: -18px;
    z-index: 3;
    width: 440px;
}

#main .test-box h4 span {
    text-align: center;
    width: 220px;
}

#main .test-box h4 span.alignleft {
    padding-right: 75pt;
}

#main .test-box h4 span.alignright {
    padding-left: 75pt;
}

@media (max-width: 767px) {
    .test-box .question input {
        margin: 14px 0 0;
    }
}

.language-courses-04 .column img {
    margin: 50px 0;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
}

.toppanel .box-tope {
    padding-top: 170px;
    margin: 0 auto;
    text-align: center;
    line-height: 24px;
}

.toppanel .city-tope {
    padding-top: 185px;
    margin: 0 auto;
    text-align: center;
}

.toppanel .city-tope img {
    border: 3px solid #eee;
    border-radius: 9pt;
    box-shadow: 0 3px 9px -1px #fff;
    margin-bottom: 7px;
    margin-top: 40px;
}

.toppanel .city-desc {
    line-height: 24px;
}

.toppanel .city-desc,
.toppanel .lang-desc > p {
    color: #fff;
    background-color: #007fc5;
    font-size: 17px;
    font-weight: 100;
    text-align: justify;
    bottom: 0;
    margin: 5px auto 0;
    padding: 10pt;
    padding-bottom: 0px;
    border-radius: 10px 10px 0 0;
    font-family: "Helvetica", Arial, Helvetica, sans-serif;
}

.toppanel .city-desc a:link {
    color: #fff;
    text-decoration: underline;
}

.toppanel .city-desc a:visited {
    color: #fff;
    text-decoration: underline;
}

.toppanel .city-desc a:hover {
    color: #fff;
    text-decoration: none;
}

.txt-justify p {
    text-align: justify;
}

.toppanel .lang-desc {
    line-height: 28px;
}

.toppanel .language-tope {
    padding-top: 391px;
    margin: 0 auto;
    text-align: center;
}

.toppanel .city-tope .cititle {
    margin-bottom: 10px;
}

.toppanel .city-tope .cititle,
.toppanel .language-tope .langtitle {
    font-size: 27px;
    color: #fff;
    font-weight: 600;
    background-color: #fc6712;
    padding: 12px 30px;
    border-radius: 10px;
    line-height: 130%;
}

.teacher-card {
    color: #fd6e13;
    background-color: #fff;
    padding: 20px;
    margin: 10px 20px;
    text-align: left;
    min-height: 240px;
}

.teacher-card .teacher-info {
    text-align: left;
    display: block;
    font-size: 18px;
    font-weight: 400;
    border-bottom: 1px solid #008abf;
    padding: 20px 0 8px;
    line-height: 20px;
    margin-bottom: 8px;
    background-image: url(/global/images/bg-loguito.gif);
    background-repeat: no-repeat;
    background-position: right top;
}

.teacher-card .teacher-info strong {
    font-size: 22px;
    display: block;
}

.city-top {
    padding: 20px 10px;
    text-align: center;
    font-size: 9pt;
    line-height: 1pc;
    border-radius: 6px;
    margin-bottom: 10px;
}

.city-top h4 {
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 0;
    display: block;
    height: 60px;
}

.city-top strong {
    display: block;
    padding-top: 5px;
    font-size: 9pt;
    line-height: 1pc;
}

.city-top .citem {
    font-size: 11px;
    line-height: 14px;
    display: block;
    height: 60px;
}

.city-top img {
    width: 177px;
    height: 177px;
    margin: 10px auto;
    border-radius: 4px;
}

.city-numbers {
    position: relative;
    width: 80%;
    height: 420px;
    font-size: 25px;
    line-height: 29px;
}

.city-numbers .numbox01 {
    position: absolute;
    height: 105px;
    width: 251px;
    left: 0;
    top: 3pc;
    color: #fb5e12;
    text-align: right;
    font-size: 20px;
}

.city-numbers .numbox02 {
    position: absolute;
    height: 3pc;
    width: 370px;
    right: 8px;
    top: 62px;
}

.city-numbers .numbox02 .bot-round.txt-size-30 {
    font-size: 18px;
}

.city-numbers .numbox-b {
    position: relative;
    height: 200px;
    width: 100%;
    left: 0;
    top: 180px;
    border-radius: 9pt;
    border: 2px solid #007fc5;
}

.city-numbers .numbox03 {
    position: absolute;
    height: 75pt;
    width: 470px;
    left: 39px;
    top: 80px;
    text-align: left;
    font-size: 20px;
}

.city-numbers .numbox04 {
    position: absolute;
    height: 75pt;
    width: 370px;
    right: 8px;
    top: 67px;
    font-size: 20px;
}

.city-numbers .numbox-globe {
    height: 322px;
    width: 290px;
    position: absolute;
    left: 268px;
    top: -15px;
    z-index: 3;
}

.city-numbers strong {
    font-size: 53px;
}

.clientdiv {
    overflow: hidden;
    background-color: #fff;
    height: 210px;
    display: block;
    margin-bottom: 10px;
    padding-top: 30px;
    border-radius: 8px;
}

.clientdiv strong {
    color: #007fc5;
    text-decoration: none;
    display: block;
    padding: 10px;
    font-size: 14px;
    text-transform: uppercase;
}

.corners.smallbox {
    font-size: 15px;
    line-height: 18px;
    padding: 10px 20px;
    margin-bottom: 10px;
}

section.footer h3 {
    font-size: 17px;
    line-height: 26px;
    margin: 0;
}

section.footer {
    font-size: 9pt;
    line-height: 17px;
    font-weight: 100;
}

.infographic1 {
    background-color: #fa9c3d;
    display: block;
    padding: 15px 60px;
    margin: 0 0 0;
    font-size: 20px;
    line-height: 24px;
    background-image: url(/global/images/bg-infographic.jpg);
    background-repeat: repeat-y;
}

.infographic1 .row {
    margin: 15px auto;
    padding: 5px 0 15px;
    border-bottom: 1px solid #c89052;
}

.infographic1 .in-title {
    font-weight: 600;
    -webkit-text-stroke: 1px #005ea8;
    color: #fff;
    padding: 5px 30px 15px;
    display: block;
    text-shadow: 2px 2px 0 #005ea8, -1px -1px 0 #005ea8, 1px -1px 0 #005ea8,
        -1px 1px 0 #005ea8, 1px 1px 0 #005ea8;
}

.infographic1 .in-title-ext {
    font-weight: 600;
    color: #fff;
    padding: 5px 30px 15px;
    display: block;
    text-shadow: 2px 2px 0 #005ea8, -1px -1px 0 #005ea8, 1px -1px 0 #005ea8,
        -1px 1px 0 #005ea8, 1px 1px 0 #005ea8;
}

.infographic1 .in-why .in-title {
    font-size: 40px;
    line-height: 58px;
    font-weight: 600;
}

.infographic1 .in-why {
    font-size: 30px;
    line-height: 37px;
    border-bottom: 1px solid #c89052;
}

.infographic1 .jokes {
    border-bottom: 0px solid #c89052;
}

.infographic1 .orangetag {
    font-size: 9pt;
    background-color: #fa5e12;
    padding: 3px 5px;
}

.infographic1 .in-why .orangetag {
    font-size: 9pt;
    line-height: 1pc;
    margin: 0 0 10px 5px;
}

.infographic1 .in-why .row {
    display: block;
    clear: both;
    line-height: 24px;
    font-size: 26px;
}

.infographic1 .in-things .in-title {
    background-image: url(/global/images/ig-bubble.png);
    background-repeat: no-repeat;
    background-position: right center;
    text-align: center;
    padding-right: 130pt;
}

.infographic1 .orangetag.bloque {
    line-height: 19px;
    display: block;
    margin-bottom: 6px;
}

.infographic1 .in-things .in-blue {
    font-size: 15px;
    color: #005ea8;
    font-weight: 600;
}

.infographic1 .hr-elem {
    background-image: url(/global/images/ig-hr-elem.png);
}

.infographic1 .hr-inte {
    background-image: url(/global/images/ig-hr-inte.png);
}

.infographic1 .hr-adva {
    background-image: url(/global/images/ig-hr-adva.png);
}

.infographic1 .in-hours .column {
    height: 75pt;
    text-align: left;
    background-repeat: no-repeat;
    background-position: left center;
    padding: 18px 5px 10px 65px;
}

.infographic1 .in-famous {
    padding-bottom: 10px;
}

.infographic1 .in-joke .bloque {
    margin-top: 40px;
}

.infographic1 .in-joke {
    min-height: 154px;
}

.infographic1 .jokes .in-title {
    padding-left: 0;
    text-align: center;
}

.infographic1 .in-links {
    min-height: 100px;
}

.infographic1 .in-people {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 27px 0 0 75pt;
    height: 140px;
    margin-bottom: 10px;
}

.infographic1 .in-people.p450 {
    background-image: url(/global/images/ig-people-450.png);
}

.infographic1 .in-people.p550 {
    background-image: url(/global/images/ig-people-550.png);
    margin-left: 30px;
}

.infographic1 .in-speakers {
    padding: 0 40px;
}

.infographic1 .in-people .orangetag.bloque {
    text-align: center;
    width: 72px;
}

.infographic1 .orangetag.bloque strong {
    font-size: 2pc;
    line-height: 36px;
}

.infographic1 .orangetag.bloque strong.largo {
    font-size: 13px;
    text-align: center;
    line-height: 24px;
}

.infographic1 .in-sites.in-title {
    width: 250px;
    padding-top: 20px;
    padding-bottom: 110px;
    background-image: url(/global/images/ig-pointer.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

.infographic1 .in-speakers .in-title {
    padding-top: 25px;
}

.infographic1 .in-flags {
    padding: 0 75pt 10px;
}

.infographic1 .in-flags img {
    margin: 4px;
}

.wecanhelp {
    margin-top: 35px;
}

.wecanhelp p {
    font-size: 40px;
    width: 700px;
    margin: 0 auto;
}

.wecanhelp img {
    margin-top: -40px;
}

.wecanhelp .moreinfo {
    margin-bottom: 20px !important;
}

@media (max-width: 768px) {
    .infographic1.reduced .column {
        width: auto;
        padding-left: 20px;
    }
    .infographic1 .in-people.p550 {
        background-image: url(/global/images/ig-people-550.png);
        margin-left: 0px;
    }
}

.infographic1.reduced {
    padding: 10px;
    color: #fff;
    text-align: left;
}

.infographic1.reduced .in-why .in-title {
    width: 170px;
    font-size: 20px;
    line-height: 24px;
}

.infographic1.reduced .in-speakers .in-title {
    width: 100%;
    padding: 0 0 10px;
    margin: 0;
}

.infographic1.reduced .in-speakers {
    width: 100%;
    padding: 0;
    margin: 0;
}

.infographic1.reduced .in-why .height50 {
    font-size: 26px;
    height: 38px;
}

.infographic1.in-why .height50 {
    font-size: 26px;
}

.infographic1.reduced .in-title {
    width: 190px;
    padding-top: 10px;
}

.infographic1.reduced .in-joke {
    width: 300px;
    height: auto;
    padding-left: 30px;
}

.infographic1.reduced .hide-sm {
    display: none;
}

.prcnt strong {
    font-size: 28px;
    line-height: 30px;
}

.clientshome {
    width: 360px;
    margin: 0 auto;
}

.pricing-intro {
    float: left;
    margin: 12pc 5pc 0;
    text-align: left;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    max-width: 450px;
}

.pricing-intro__title {
    font-size: 36px;
    color: #fff;
    font-weight: bolder;
}

.pricing-intro__list {
    padding: 0;
    font-size: 34px;
    color: #fff;
    list-style-position: inside;
    font-weight: normal;
    list-style-type: none;
    border-bottom: 1px solid white;
    width: 100%;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.pricing-intro__list > li {
    display: flex;
    align-items: center;
}

.pricing-intro__list > li::before {
    content: "";
    height: 5px;
    width: 5px;
    background-color: #fff;
    border-radius: 50%;
    display: inline-block;
    margin-right: 10px;
}

.pricing-intro__link {
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
}

.pricing-intro__link:hover,
.pricing-intro__link:active,
.pricing-intro__link:visited,
.pricing-intro__link--2:hover,
.pricing-intro__link--2:visited,
.pricing-intro__link--2:active {
    color: #fff;
    text-decoration: none;
}

.pricing-intro__link--2 {
    font-weight: normal;
    color: #fff;
    text-decoration: none;
    font-size: 18px;
}

@media (max-width: 768px) {
    .pricing-intro {
        margin: 180px 0 0;
        text-align: center;
        font-size: 14px;
        max-width: 80%;
    }
    .pricing-intro__title {
        font-size: 24px;
        text-align: left;
    }
    .pricing-intro__list {
        font-size: 20px;
    }
    .pricing-intro__link,
    .pricing-intro__link--2 {
        font-size: 18px;
        text-align: left;
    }
}

@media (max-width: 600px) {
    .pricing-intro__title {
        font-size: 20px;
        text-align: left;
    }
    .pricing-intro__list {
        font-size: 18px;
    }

    .pricing-intro__list > li {
        align-items: center;
    }
}

.pricing-intro .bot-round.gradient-orange {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 15px;
    float: right;
    padding-bottom: 10px;
    line-height: 20px;
}

.pricing-intro .bot-round.box-bg-white {
    font-weight: 600;
    clear: both;
    font-size: 13px;
    float: right;
    position: relative;
    color: #008fcd;
    width: 203px;
    margin: 70px 53px 0 0;
    padding: 30px 10px 10px;
    display: block;
    font-family: Open Sans;
    border: 2px solid #008bc7;
}

.pricing-intro .bot-round.box-bg-white a.bot-nic {
    font-family: Open Sans;
    font-weight: 600;
    font-size: 15px;
    clear: both;
    float: right;
    position: absolute;
    top: -40px;
    left: -15px;
    width: 230px;
}

a.no-underline:hover {
    text-decoration: none;
    color: #337ab7;
}

.pricing-intro .bot-round.gradient-orange strong {
    font-size: 24px;
    display: block;
    line-height: 27px;
}

.progreso {
    position: relative;
    margin: 0 10px;
}

.progreso table td.progre {
    padding: 0;
    height: 100%;
    margin: 0;
    width: 10pc;
    background-image: url(/global/images/img-progress-dash.png);
    background-repeat: repeat-y;
    background-position: left top;
}

.percent {
    position: absolute;
    display: block;
    width: 90pt;
    height: 5pc;
    background-image: url(/global/images/img-progress.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}

.percent.short {
    background-image: url(/global/images/img-progress-empty.png);
}

.percent.p0 {
    top: 0;
    height: 13px;
}

.percent.p10 {
    top: 83%;
    background-position: 0 -20px;
    height: 15pc;
    left: 20px;
}

.percent.p10-1 {
    top: 83%;
    background-position: 0 -20px;
    height: 15pc;
    left: 20px;
}

.percent.p10-2 {
    top: 83%;
    background-position: 0 -255px;
    height: 15pc;
    left: 20px;
}

.percent.p10-3 {
    top: 83%;
    background-position: 0 -500px;
    height: 15pc;
    left: 20px;
}

.percent.p10-4 {
    top: 83%;
    background-position: 0 -739px;
    height: 15pc;
    left: 20px;
}

.percent.p10-5 {
    top: 83%;
    background-position: 0 -976px;
    height: 15pc;
    left: 20px;
}

.percent.p10-6 {
    top: 83%;
    background-position: 0 -1215px;
    height: 15pc;
    left: 20px;
}

.percent.p10-7 {
    top: 100%;
    background-position: 0 -1451px;
    height: 15pc;
}

.percent.p20 {
    top: 20%;
    background-position: 0 -90pt;
    height: 5pc;
}

.percent.p40 {
    top: 40%;
    background-position: 0 -220px;
    height: 5pc;
}

.percent.p60 {
    top: 60%;
    background-position: 0 -20pc;
    height: 5pc;
}

.percent.p80 {
    top: 80%;
    background-position: 0 -420px;
    height: 5pc;
}

.percent.p100 {
    background-color: #fff;
    background-position: 0 -520px;
    height: 3pc;
    bottom: 0;
}

.percent.p0.short,
.percent.p100.short {
    left: 39px;
}

.box-promo h1 {
    font-size: 22px;
    color: #fff;
    display: block;
    padding-bottom: 1pc;
}

.box-promo .promo-special {
    color: #fff;
    margin: 15px auto 20px;
    font-size: 26px;
    line-height: 30px;
    background-color: #0074be;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 2px;
}

.box-promo .promo-title {
    text-transform: uppercase;
    font-size: 56px;
    line-height: 56px;
    background-color: #fc6a12;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
}

#main .box-promo .promoh3 {
    font-size: 18px;
    padding: 10px;
    line-height: 23px;
    font-weight: 600;
    background-color: #0071bc;
    margin: 0 auto;
}

#main .box-promo .promoh4 {
    font-size: 1pc;
    padding: 10px 10px 30px;
    line-height: 20px;
    font-weight: 600;
    color: #fff;
    border-radius: 0 0 10px 10px;
    background-color: #fc6a12;
    margin: 0 auto;
}

#main .box-promo .bot-container {
    width: 100%;
    bottom: -15px;
    padding-left: 15px;
    position: absolute;
}

#main .box-promo .padpromo {
    display: block;
    padding: 14px 0 20px;
}

.sitemap {
    background-image: url(/global/images/bg-box-lineas.gif);
    background-repeat: repeat-x;
    background-position: left top;
    font-size: 1pc;
    line-height: 20px;
    color: #8da0af;
    padding-top: 60px;
}

#socialt .row {
    clear: both;
}

.widgetblog .wpost {
    font-size: 13px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
}

.widgetblog .wpost,
.widgetblog .wpost h3 a {
    font-family: Helvetica Neue, Roboto, Segoe UI, Calibri, sans-serif;
    font-style: normal;
    font-weight: 400;
    line-height: 1pc;
}

.widgetblog .wpost h3 a {
    font-size: 14px;
    font-weight: 600;
    margin: 0;
    padding: 0;
}

.widgetblog .wpost h3 {
    padding: 0;
    margin: 0;
    line-height: 26px;
}

.widgetblog .wpost .info {
    color: #aaa;
}

.widgetblog .media {
    color: #333;
}

.test-box .pregunta {
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #d6d6d6;
    padding: 10px;
    margin-top: 10px;
    font-size: 1pc;
    font-weight: 600;
    text-align: center;
}

.test-box .question:first-child .pregunta {
    border: none;
}

.test-box .progreso .column {
    text-align: center;
}

.sitemap a {
    font-size: 1pc;
    color: #0078c0;
    text-decoration: none;
    margin: 0 2px;
}

.sitemap a:hover {
    color: #fc6a13;
}

.sitemap .link-section h3 {
    font-size: 20px;
    color: #fc6a13;
    margin: 0;
    padding: 0;
}

@media (max-width: 767px) {
    .sitemap .link-section h3 {
        margin: 10px 0 16px;
    }

    .sitemap .link-section a {
        margin: 8px 2px;
        display: inline-block;
    }
}

.caselist .testim .tog-interview {
    font-size: 1pc;
    color: #fc6a12;
    text-align: left;
    background-color: #fff;
    padding: 10px 10px 30px;
    margin-top: -10px;
}

.caselist .testim .tog-interview p {
    display: block;
    font-size: 1pc;
    line-height: 20px;
    font-style: italic;
}

.caselist .testim .tog-interview .question {
    color: #2c80c0;
    display: block;
    padding: 10px 0 0;
    font-style: normal;
}

.faq-answers {
    font-family: Open Sans;
    padding-top: 60px;
}

.faq-answers p {
    clear: both;
    display: block;
    padding-top: 20px;
    padding-bottom: 20px;
}

.faq-answers .bot-round {
    font-size: 18px;
    clear: both;
    display: inline-block;
    text-align: left;
    padding: 7px 10px;
    margin: 0 0 10px;
}

.faq-answers .bot-round span {
    width: 18px;
    border: 2px solid #fff;
    padding: 0 5px;
    border-radius: 25px;
    margin: 0 6px 4px 0;
    float: none;
    text-align: center;
}

#main .accentgame .thanks {
    font-size: 11px;
    color: #fff;
    background-color: #012b4d;
    display: block;
    padding: 15px;
}

#main .accentgame .container .shadows h3 {
    font-family: Open Sans;
    font-size: 15px;
    color: #fff;
    margin: 0 0 10px;
    padding: 0;
    line-height: 20px;
}

#main .accentgame h4 {
    font-size: 20px;
    font-weight: 600;
}

ol.circles-list {
    list-style-type: none;
    list-style-type: decimal;
    margin: 0;
    margin-left: 4em;
    padding: 0;
    counter-reset: a;
}

ol.circles-list > li {
    position: relative;
    margin-bottom: 5px;
    padding-left: 0.5em;
    min-height: 30px;
}

ol.circles-list > li:before {
    position: absolute;
    top: 0;
    left: -28px;
    width: 28px;
    height: 28px;
    font-weight: 600;
    font-size: 17px;
    line-height: 28px;
    text-align: center;
    color: #fa5f12;
    border-radius: 50%;
    background-color: #fff;
    content: counter(a);
    counter-increment: a;
}

.circled-num {
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    font-size: 26px;
    display: block;
    border: 1px solid #fd650e;
    border-radius: 105px;
    margin: 5px auto;
}

ul.bullets-round {
    padding: 0;
    margin: 0;
}

ul.bullets-round li {
    list-style: none;
    list-style-position: outside;
    padding: 4px 0 4px 40px;
    background-image: url(/global/images/bullets-round.png);
    background-repeat: no-repeat;
    background-position: 0 8px;
}

.boxbor-white.citylangblue {
    border-radius: 8px 8px 8px 8px;
    border: none;
    padding: 30px 20px 10px 10px;
    text-align: right;
    margin: 10px 0 0 -30px;
}

.newstable {
    margin-left: 33%;
    margin-top: 7%;
    margin-bottom: 3%;
}

div.newstable {
    width: 642px;
}

.newstable table {
    margin: 0;
}

.newstable td {
    line-height: 120%;
}

.viewarchive {
    display: block;
    width: 642px;
}

.viewarchive span {
    color: #fff;
    background-color: #e7f1f8;
    padding: 4px 10px;
    -moz-border-radius: 4px 4px 0 0;
    -webkit-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    display: block;
    width: 75pt;
    text-align: center;
}

.viewarchive span:hover {
    background-color: #f47820;
}

#slickbox.montharchive {
    color: #515151;
    background-color: #e7f1f8;
    display: block;
    padding: 9pt 10px 5px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    width: 642px;
    font-size: 13px;
}

#slickbox.montharchive ul {
    float: left;
    margin: 6px 0 7px;
    list-style-type: square;
}

#slickbox.montharchive ul li a {
    color: #007eb9;
    font-size: 9pt;
    line-height: 1pc;
}

#slickbox.montharchive ul li a:hover {
    color: #007eb9;
}

.form-control,
.test-box,
div.modal-body {
    font-family: "Open Sans", sans-serif;
}

.orgchart .popover {
    min-width: 230px;
}

.orgchart .popover .popover-title {
    line-height: 20px;
    color: #0072bd;
    font-size: 18px;
    padding-top: 0;
    padding-bottom: 4px;
    text-align: center;
}

.orgchart .popover .popover-title strong {
    line-height: 34px;
    color: #fe7413;
    font-size: 24px;
    font-weight: 600;
    display: block;
}

.orgchart .popover .popover-content {
    color: #0072bd;
    font-size: 9pt;
}

.bot-container a {
    margin: 10px;
}

#box-stats .col-sm-12 {
    margin: 0 auto;
    width: 50%;
    float: none;
}

.privacy strong:first-child:last-child {
    margin: 20px 0 15px;
    display: inline-block;
}
.privacy,
.privacy > * {
    color: #fd6f13 !important;
    font-size: 18px !important;
}

.privacy p a {
    color: #fd6f13 !important;
    text-decoration: none;
}

.privacy ul li {
    color: #fd6f13 !important;
    font-size: 18px !important;
}

@media (max-width: 992px) {
    #box-stats .col-sm-12 {
        width: auto;
    }
}

@media (min-width: 1201px) {
    header .headerquick {
        display: none;
    }
    .infographic1 .in-famous {
        display: inline;
        text-align: left;
    }
}

@media (max-width: 1200px) {
    .fullpanel.home-03 .box-rounded.first {
        margin-left: 3px;
    }
    .show-xs {
        display: none;
    }
    header .fixedsize.inner {
        height: 78px;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }
    header .headerquick {
        display: block;
        margin: -4px 0 0 177px;
        float: left;
    }
    header .headerquick a,
    header .headerquick button {
        float: left;
        background-color: #fe7413;
        color: #fff;
        padding: 3px 10px;
        border-radius: 4px;
        margin: 0 10px 0 0;
        font-size: 14px;
        border: 1px solid #fff;
        box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
        text-align: center;
    }
    header .headerquick a:hover,
    header .headerquick button:hover {
        color: #fff;
        text-decoration: none;
    }
    .topepad {
        padding-top: 5pc;
    }
    .round-flags.rfhome .column {
        width: 117px;
    }
    .round-categories .column {
        width: 25%;
        padding: 0;
    }
    .round-categories .more {
        margin: 0 10px;
        padding: 5px 0;
    }
    header .navbar-nav {
        float: left;
        margin: 0;
    }
    header .navbar-nav li a {
        padding: 5px 10px;
        line-height: 15px;
        font-size: 9pt;
        font-weight: 600;
    }
    header .inner {
        height: 85px;
    }
    header .block.part1 {
        padding: 8px 8px 5px 15px;
        width: 500px;
        height: 19px;
    }
    header .block.part1 span {
        display: inline;
        color: #acd0d8;
    }
    header .block.part2 {
        display: none;
        padding-top: 19px;
    }
    header ul.navbar li {
        font-size: 14px;
        padding: 0 2px 7px 13px;
    }
    header .logo {
        margin: 9pt 20px 0 18px;
    }
    header .logo img {
        height: 45px;
        width: 123px;
        -webkit-transition: all 0.1s;
        -moz-transition: all 0.1s;
        transition: all 0.1s;
    }
    .numbox02 .bot-round {
        font-size: 22px;
        float: right;
    }
    .numbox-globe img {
        width: 170px;
        height: 189px;
        top: 70px;
        left: 20px;
        position: absolute;
    }
    .infographic1 .in-famous {
        display: inline;
        text-align: left;
    }
    .city-numbers .numbox01,
    .city-numbers .numbox02,
    .city-numbers .numbox03,
    .city-numbers .numbox04 {
        font-size: 1pc;
    }
    .toppanel .city-tope .cititle,
    body .toppanel .language-tope .langtitle {
        display: block;
        font-size: 27px;
    }
    .toppanel .language-tope {
        padding-top: auto;
        margin: 0 auto;
        text-align: center;
    }
    .caselist .testim .more.bot-round {
        font-size: 9pt;
        line-height: 24px;
    }
    .toppanel .city-desc,
    .toppanel .language-tope .lang-desc {
        font-size: 17px;
        line-height: 1pc;
    }
    .bot-round.txt-size-20,
    .txt-size-20 {
        font-size: 15px;
    }
    header .navbar-collapse .nav li a,
    header.smaller .navbar-collapse .nav li a {
        font-size: 14px;
        padding: 18px 10px;
    }
    .city-numbers .numbox03 {
        top: 40px;
    }
    .city-numbers .numbox04 {
        width: 15pc;
        font-size: 18px;
        top: 40px;
    }
    .city-numbers .numbox-b {
        height: 180px;
    }
    .city-numbers .numbox02 .bot-round.txt-size-30 {
        font-size: 1pc;
    }
}

.snapwidget-widget-mobile {
    display: none;
}

@media (max-width: 992px) {
    .snapwidget-widget-desktop {
        display: none;
    }
    .snapwidget-widget-mobile {
        display: inline;
    }
    .orgchart .th-title {
        font-size: 1pc;
        line-height: 20px;
        height: 35px;
    }
    .infographic1 .in-sites.in-title,
    .infographic1 .txt-left.in-links {
        width: 100%;
    }
    header .navbar-collapse .nav li a,
    header.smaller .navbar-collapse .nav li a {
        font-size: 9pt;
        padding: 18px 10px;
    }
    .infographic1 .in-famous {
        display: inline;
        text-align: center;
    }
    .infographic1 .in-famous .orangetag {
        display: block;
    }
    .city-numbers .numbox01 {
        font-size: 1pc;
        height: 75pt;
        width: 180px;
        left: 0;
        top: 3pc;
        color: #fb5e12;
        text-align: right;
    }
    .city-numbers .numbox02 .bot-round.txt-size-30 {
        font-size: 14px;
    }
    .city-numbers .numbox03 {
        width: 270px;
        font-size: 15px;
        top: 29px;
    }
    .city-numbers .numbox04 {
        width: 15pc;
        font-size: 18px;
        top: 39px;
    }
    .city-numbers .numbox01 strong {
        font-size: 40px;
    }
    .numbox02 .bot-round {
        font-size: 20px;
        float: right;
    }
    .numbox-globe img {
        width: 75pt;
        height: 110px;
        top: 60px;
        left: -60px;
        position: absolute;
    }
    .fullpanel.home-03 .box-rounded {
        width: 98%;
        top: auto;
        margin: 30px auto 0;
        float: none;
        font-size: 14px;
    }
    .fullpanel.home-03 .box-rounded .more {
        margin: 5px 9% 0;
    }
    .fullpanel.home-03 .box-rounded.first {
        margin-left: auto;
    }
    .fullpanel.home-03 .box-rounded h3 {
        padding: 0;
    }
    .fullpanel.home-04 .box-rounded {
        left: auto;
        float: none;
    }
    .box-rounded {
        margin-left: auto;
        margin-right: auto;
        right: auto;
        position: relative;
    }
    .box-rounded.alignleft,
    .box-rounded.alignright {
        right: auto;
        float: none;
    }
    div.padbot-70 {
        padding-bottom: 20px;
    }
    .pricing .table .first {
        font-size: 14px;
    }
    .pricing .table.peque .first,
    .table td,
    .table th {
        font-size: 9pt;
    }
    .pricing .table .bestprice span {
        display: none;
    }
    .widgets-width {
        width: 100%;
    }
    .orgchart .staff img {
        float: left;
        margin-left: 2px;
    }
    .orgchart .staff.bigphoto {
        text-align: left;
        height: 90pt;
    }
    .orgchart .staff.bigphoto strong {
        padding: 30px 0 0;
    }
    .orgchart .staff {
        text-align: left;
        height: 90px;
    }
    .orgchart .staff strong {
        display: block;
        padding: 14px 0 0;
        font-size: 1pc;
    }
    .orgchart .bordeo {
        margin: 0 4px 8px;
    }
    .tresbots {
        padding-top: 30px;
    }
    .tresbots a {
        display: block;
        margin: 10px 0 0;
    }
    .booksteps {
        margin-top: 0;
    }
    .booksteps .column {
        padding-top: 0;
    }
    .booksteps .padtop40,
    .booksteps .padtop80 {
        padding-top: 0;
    }
    .hide-sm,
    .show-xs {
        display: none;
    }
    img.resize-md {
        display: block;
        width: 100%;
        height: 100%;
    }
    .toppanel .language-tope .langtitle {
        display: block;
        color: #fff;
        background-color: #fc6712;
        font-weight: 600;
        text-align: center;
        padding: 15px 20px;
        border-radius: 8px;
        line-height: 28px;
        line-height: 36px;
        margin: 0 0 21px;
        font-size: 36px;
    }
    .infographic1 .in-joke {
        height: auto;
    }
    .infographic1 .in-joke .bloque {
        margin: 10px auto 20px;
    }
    .infographic1 .in-things .in-title {
        background-image: none;
        padding: 0 10px 15px;
        font-size: 26px;
    }
    #main .form-horizontal .control-label {
        font-size: 1pc;
        text-align: left;
        padding-right: 0;
    }
    .round-categories .column {
        width: 25%;
        height: auto;
        padding-bottom: 70px;
    }
    .round-categories .under-cat .desc {
        display: none;
    }
    .round-categories .under-cat {
        height: 60px;
    }
    .round-flags.rfhome .column {
        width: 25%;
    }
    header .block.part2,
    header .block.part3 {
        display: none;
    }
    .social-logos li.follow a {
        font-size: 14px;
        font-weight: 600;
        float: left;
        text-decoration: none;
        cursor: normal;
        margin: 0;
        display: block;
        padding: 2px 5px 0 35px;
        width: auto;
        line-height: 36px;
        height: 40px;
        background-position: 0 -265px;
        background-image: url(/global/images/ico-social-logos.png);
    }
    .social-logos li.follow {
        display: inline-block;
        height: 40px;
    }
    .social-logos li.space {
        display: none;
    }
    .social-logos li {
        float: none;
        display: inline-block;
    }
    .social-logos {
        width: 300px;
        padding: 0;
        margin: 0 auto;
        text-align: center;
    }
    .social-logos li a.instagram {
        display: block;
        background-position: 0 -254px;
    }
    .social-logos li a.blog {
        display: block;
        background-position: 0 -290px;
        width: 24px;
        height: 34px;
    }
    .social-logos li a.pinterest {
        background-position: 0 -53px;
        width: 24px;
        height: 34px;
    }
    .social-logos li a.spotify {
        display: block;
        background-position: 0 -329px;
        width: 30px;
    }
    .social-logos li a {
        background-image: url(/global/images/ico-social-logos-mini.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        display: block;
        height: 30px;
        width: 24px;
        margin: 10px 0 6px 0px;
    }
    section.follow h2 {
        display: none;
    }
    .infographic1.reduced {
        width: 70%;
        margin: 0 auto;
    }
    .infographic1.reduced .in-speakers .in-title {
        width: 100%;
        padding: 0 0 10px;
        margin: 0;
    }
    .infographic1.reduced .in-speakers {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    .infographic1.reduced .in-why .in-title {
        width: 100%;
        font-size: 30px;
        line-height: 34px;
    }
    .infographic1.reduced .in-title {
        width: auto;
        padding-top: 10px;
        text-align: center;
        width: 100%;
    }
    .infographic1.reduced .in-joke {
        margin: 0 auto;
        text-align: center;
        width: 100%;
        height: auto;
    }
    .city-top h4 {
        height: 40px;
        font-size: 20px;
        line-height: 24px;
    }
    .city-top img {
        width: 257px;
        height: 257px;
    }
    .borderlink {
        display: block;
    }
    .boxbor-white.citylangblue {
        width: 70%;
        border-radius: 10px 10px 10px 10px;
        margin: 10px auto;
        border-left: none;
    }
}

@media (min-width: 769px) {
    .thesocial .socialbot.bot-wa {
        display: none;
    }
}

@media (max-width: 768px) {
    .infographic1.reduced {
        width: 100%;
        margin: 0 auto;
        padding: 5px;
    }
    .numbox02 .bot-round {
        font-size: 22px;
        float: none;
    }
    .city-numbers .numbox-globe {
        margin: 0 auto;
    }
    .city-numbers .numbox-globe,
    .numbox-globe img {
        width: 75pt;
        height: 110px;
        top: auto;
        left: auto;
        position: relative;
    }
    .toppanel .city-tope {
        padding-top: 121px;
    }
    .toppanel .city-tope .city-desc {
        width: 100%;
        top: 28pc;
        border-radius: 0 0 9pt 9pt;
    }
    .infographic1 .in-hours .column {
        width: 10pc;
        margin: 5px auto;
        float: none;
    }
    .city-top img {
        width: 207px;
        height: 207px;
    }
    #main .back-game-01 br,
    #main .back-game-02 br,
    #main .back-game-03 br {
        display: none;
    }
    .fullpanel.about-02 .box-rounded {
        width: auto;
        margin: 0;
        left: auto;
    }
    .fullpanel.about-02 .box-rounded .staff-big {
        display: none;
    }
    #main .thesocial {
        text-align: center;
        margin: 0 auto;
        clear: both;
        width: 99pt;
    }
    #main .thesocial .socialbot a .count,
    #main .thesocial .socialbot a .sonet {
        display: none;
    }
    .newslist .testim .sociales {
        float: none;
        padding: 10px 0 20px;
    }
    #main .thesocial .socialbot a {
        width: 34px;
    }
    .newslist {
        padding: 60px 0 0;
    }
    .newslist .testim {
        margin: 10px auto 90pt;
        width: 100%;
    }
    .newslist .testim .internal {
        padding: 58px 20px 20px;
    }
    .newslist .testim .photo {
        margin: -75pt 0 0 50%;
    }
    .newslist .testim .photo img {
        margin-left: -190px;
        width: 380px;
        height: 147px;
    }
    .olclass-items .ban-box {
        position: relative;
        padding: 0;
    }
    .faq-answers .bot-round {
        height: auto;
        line-height: 27px;
        font-size: 14px;
        clear: both;
        display: block;
        padding: 5px 8px 10px;
        margin: 0;
        text-align: left;
        position: relative;
    }
    .faq-answers .bot-round span {
        width: 34px;
        border: 2px solid #fff;
        padding: 0 3px;
        border-radius: 25px;
        margin: 0 6px 4px 0;
        float: left;
        text-align: center;
        font-size: 15px;
        line-height: 22px;
    }
    .orgchart .bordeo {
        border: 2px solid #259fd5;
        border-radius: 0 0 10px 10px;
        margin: 0 0 8px;
        border-top: 0;
    }
    .orgchart .th-title {
        border-radius: 10px 10px 0 0;
        margin: 0;
    }
    h1.ico-cat {
        width: 100%;
        left: 0;
    }
    .list-faq li {
        font-size: 14px;
        text-align: left;
    }
    .borde-ri {
        border-right: none;
    }
    .borde-bo,
    .borde-ri {
        padding-bottom: 10px;
        margin-bottom: 10px;
        border-bottom: 1px solid #fff;
    }
    .back-blue.feedback-form {
        font-size: 14px;
        line-height: 18px;
    }
    .back-blue.feedback-form .form-group {
        margin-bottom: 5px;
    }
    .round-flags a {
        width: 75pt;
    }
    #main .test-box td {
        font-size: 14px;
    }
    .if-width-70 {
        width: 100%;
    }
    #socialt .box {
        border-radius: 0 0 10px 10px;
        overflow: scroll;
    }
    .row .column.null {
        display: none;
    }
    .city-numbers {
        width: 100%;
        height: auto;
    }
    .city-numbers .numbox01 {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        text-align: center;
        width: 100%;
        margin-bottom: 30px;
    }
    .city-numbers .numbox02,
    .city-numbers .numbox03,
    .city-numbers .numbox04 {
        position: relative;
        left: auto;
        right: auto;
        top: auto;
        text-align: center;
        width: 100%;
        margin-bottom: 0px;
        margin-top: 20px;
        font-size: 13px;
        padding: 3px;
    }
    .city-numbers .numbox-b {
        border: none;
        margin: 40px 0 0;
        top: auto;
        width: 100%;
    }
    .city-numbers .numbox02 .bot-round.txt-size-30 {
        font-size: 14px;
    }
    .toppanel .city-tope {
        padding-top: 200px;
    }
    .toppanel .city-tope .cititle {
        font-size: 34px;
    }
    .toppanel .city-tope .city-desc {
        bottom: 0;
        font-size: 18px;
        line-height: 19px;
        margin: 15px 0 0;
        border-radius: 10px 10px 0 0;
        font-family: "Helvetica Neue", Arial, Helvetica, Sans-serif;
        font-weight: normal;
    }
    .toppanel .city-tope .city-desc > p,
    .toppanel .language-tope .lang-desc {
        border-radius: 10px 10px 0 0;
    }
    .toppanel .language-tope .langtitle {
        display: block;
        color: #fff;
        background-color: #fc6712;
        font-size: 28px;
        font-weight: 600;
        text-align: center;
        margin: 5px auto 10px;
        padding: 6px 20px;
        border-radius: 8px;
        line-height: 28px;
    }
    .toppanel .language-tope .lang-desc {
        bottom: 0;
        font-size: 9pt;
        line-height: 17px;
        margin: 15px 0 0;
    }
    #socialt .box .slogo.hide-sm,
    .hide-sm,
    .show-xs {
        display: none;
    }
    .infographic1 .in-famous .orangetag {
        display: block;
    }
    img.resize-sm {
        display: block;
        width: 80%;
        height: 80%;
    }
    .infographic1 .in-title {
        background-image: none;
        padding: 5px 10px 10px;
        font-size: 22px;
        line-height: 26px;
    }
    .infographic1 .in-why .in-title {
        font-size: 39px;
        line-height: 44px;
    }
    .infographic1 .in-flags {
        padding: 0 10px 10px;
    }
    .pricing .table .celltop {
        padding: 5px 0 0;
        height: 70px;
        font-size: 9px;
        line-height: 9pt;
    }
    .table h4 {
        font-size: 18px;
    }
    .pricing .table .first {
        font-size: 9pt;
        padding-left: 10px;
    }
    .pricing .table.peque .first {
        font-size: 11px;
        padding-left: 5px;
    }
    .widgets-width {
        width: 430px;
    }
    .btn-brd-orange {
        font-size: 1pc;
        padding: 10px 20px;
        border-radius: 10px;
    }
    .fullpanel .box-rounded .desc {
        font-size: 14px;
    }
    .fullpanel .box-rounded .author {
        font-size: 18px;
    }
    .bot-round.txt-size-30,
    .bot-round.txt-size-50,
    .container h3.txt-size-40,
    .txt-size-50 {
        font-size: 14px;
    }
    .txt-size-80 {
        font-size: 40px;
    }
    .caselist .testim .more.bot-round {
        margin: 10px auto 20px;
        font-size: 8pt;
        padding: 3px;
    }
    .box-squared.width-460 {
        width: 100%;
    }
    header .fixedsize.inner,
    header .inner,
    header.smaller .fixedsize.inner,
    header.smaller .inner {
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }
    header .headerquick {
        display: grid;
        grid-template-columns: auto auto auto;
        width: 20pc;
        margin: 0 auto;
        float: none;
    }
    header .headerquick a,
    header .headerquick button {
        font-size: 10px;
        background-color: #fe7413;
        color: #fff;
        padding: 3px 8px;
        line-height: 1.2;
        border-radius: 4px;
        border: 1px solid #fff;
        box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
        text-align: center;
        width: 90%;
        font-weight: bold;
    }
    header .headerquick a:hover,
    header .headerquick button:hover {
        text-decoration: none;
    }
    header .headerquick a.bot-fst,
    header .headerquick button.bot-fst {
        width: 100%;
    }
    header .headerquick a.bot-snd,
    header .headerquick button.bot-snd {
        width: 180px;
    }
    /*header.smaller .headerquick { display: block; width: 20pc; margin: 0 auto; float: none; padding-top: 60px }*/
    /*header.smaller .headerquick a, header.smaller .headerquick button { display: block; float: none; clear: both; margin: 0 auto 6px; font-size: 14px; width: 90% }*/
    header.smaller .headerquick a.bot-fst,
    header.smaller .headerquick button.bot-fst {
        width: 100%;
    }
    header.smaller .headerquick a.bot-snd,
    header.smaller .headerquick button.bot-snd {
        width: 180px;
    }
    #main .test-box .column {
        text-align: left;
        padding-left: 90px;
    }
    #main .test-box span {
        display: inline;
        text-align: left;
    }
    #main .box-promo .promoh3,
    #main .box-promo .promoh4 {
        font-size: 14px;
        line-height: 17px;
    }
    .botblock {
        display: block;
        width: 10pc;
        margin: 15px auto 0;
    }
    .box-squared.noheight60 {
        height: auto;
        position: absolute;
        top: 30%;
    }
    .round-categories .column {
        width: 50%;
        float: left;
    }
    .round-flags.rfhome .column {
        width: 33%;
        padding: 0;
        margin: 0;
    }
    header .block.part1,
    header ul.navbar {
        display: none;
    }
    header .navbar-collapse {
        position: absolute;
        top: 0;
        right: 85px;
        border: none;
    }
    header .navbar-collapse .navbar-nav li a {
        display: block;
        background-color: #333;
    }
    header .navbar-collapse .navbar-nav li a:focus,
    header .navbar-collapse .navbar-nav li a:hover {
        display: block;
        background-color: #000;
    }
    .ban-box {
        background-image: none;
        padding: 0;
        text-align: center;
        font-size: 14px;
        width: 90%;
    }
    .bot-round.back-orange.big-300 {
        font-size: 20px;
        color: #fff;
        text-decoration: none;
        text-align: center;
        padding: 5px;
        width: 200px;
        margin: 10px auto 0;
    }
    .ban-noapproach h3 {
        font-size: 30px;
    }
    .circled-num {
        width: 30px;
        height: 30px;
        line-height: 30px;
        font-size: 1pc;
    }
    .boxbor-white.citylangblue,
    .infographic1.reduced {
        text-align: center;
        width: 100%;
    }
    .boxbor-white.citylangblue img {
        margin: 0 auto;
    }
    .pricing-intro .bot-round.gradient-orange {
        font-size: 9pt;
        line-height: 1pc;
        margin-bottom: 0;
        padding-bottom: 22px;
        border: none;
        border-radius: 10px 10px 0 0;
        width: 100%;
    }
    .pricing-intro .bot-round.box-bg-white a.bot-nic {
        font-family: Open Sans;
        font-weight: 600;
        font-size: 9pt;
        clear: both;
        float: right;
        position: absolute;
        top: -15px;
        left: 50%;
        margin-left: -115px;
        width: 230px;
    }
    .pricing-intro .bot-round.box-bg-white {
        border-radius: 0 0 10px 10px;
        font-weight: 600;
        clear: both;
        font-size: 11px;
        float: none;
        position: relative;
        color: #008fcd;
        width: 100%;
        margin: 0 auto;
        padding: 35px 10px;
        display: block;
        border: none;
    }
    .pricing-intro .bot-round.box-bg-white a {
        border: none;
        font-size: 11px;
        clear: both;
        top: 35px;
        left: 50%;
        margin-left: -115px;
        width: 230px;
        float: none;
        position: absolute;
    }
    .pricing-intro .bot-round.gradient-orange strong {
        font-size: 1pc;
        display: block;
        line-height: 20px;
    }
    .row.clientlist .client .info {
        width: 270px;
        overflow: hidden;
        word-wrap: break-word;
    }
    ul.like-us {
        text-align: center;
    }
}

@media (max-width: 468px) {
    .percent {
        position: absolute;
        display: block;
        width: 90pt;
        height: 3pc;
        background-image: url(/global/images/img-progress-rd.png);
        background-repeat: no-repeat;
        background-position: 0 0;
    }
    .fullpanel.home-02 .box-rounded h2 {
        font-size: 20px;
        line-height: 130%;
    }
    .fullpanel.home-02 .box-rounded .desc {
        font-size: 9pt;
        line-height: 130%;
    }
    .caselist .testim div p {
        font-size: 18px;
        line-height: 22px;
    }
    .caselist .testim div .author {
        font-size: 22px;
        line-height: 30px;
    }
    .bot-round.tinybot {
        font-size: 11px;
    }
    .row.clientlist .client h4 {
        font-size: 1pc;
    }
    .row.clientlist .client .logo {
        float: none;
        display: block;
        width: 100%;
        text-align: center;
        height: 74px;
    }
    .row.clientlist .client .info {
        width: 100%;
        float: none;
        display: block;
        text-align: center;
        overflow: hidden;
        word-wrap: break-word;
        font-size: 9pt;
    }
    .row.clientlist .client a {
        display: block;
        font-weight: 600;
        height: 34px;
        overflow: hidden;
        color: #0072bd;
        line-height: 1pc;
        text-decoration: none;
    }
    .newslist .testim {
        margin: 10px auto 90pt;
        width: 100%;
    }
    .newslist .testim .internal {
        padding: 28px 20px 20px;
    }
    .newslist .testim .photo {
        margin: -75pt 0 0 50%;
    }
    .newslist .testim .photo img {
        margin-left: -140px;
        width: 280px;
        height: 81pt;
    }
    .faq-answers .bot-round {
        height: auto;
        line-height: 21px;
    }
    .quicksearch {
        margin: 0 auto;
        padding: 10px 0;
        border-radius: 10px;
    }
    .infographic1 .in-why {
        font-size: 22px;
        line-height: 37px;
    }
    .toppanel .box-tope {
        padding-top: 140px;
    }
    .box-promo h1 {
        font-size: 14px;
        display: block;
        padding-bottom: 26px;
    }
    .box-promo .promo-title {
        font-display: block;
        padding-bottom: 6px;
        size: 36px;
        line-height: 40px;
    }
    .box-promo .promo-special {
        font-size: 20px;
        line-height: 20px;
    }
    .round-flags a {
        width: 75pt;
        padding-left: 0;
        padding-right: 0;
    }
    #main .test-box,
    #main .test-box .column {
        text-align: left;
        padding-left: 0px;
    }
    #main .test-box span {
        display: inline;
        text-align: left;
    }
    #main .progre {
        top: 91%;
        background-position: 0 -255px;
    }
    .percent.p0 {
        top: 0px;
        left: 0px;
        height: 13px;
    }
    .progreso table td.progre {
        padding: 0;
        height: 100%;
        margin: 0;
        width: 4pc;
        background-image: url(/global/images/img-progress-dash-rd.png);
        background-repeat: repeat-y;
        background-position: left top;
    }
    #main .percent.p10-1 {
        top: 87%;
        background-position: 0 100px;
        height: 14pc;
        left: 0px;
    }
    #main .percent.p10-2 {
        top: 94%;
        background-position: 0 -128px;
        height: 7pc;
        left: 0px;
    }
    #main .percent.p10-3 {
        top: 94%;
        background-position: 0 -245px;
        height: 7.5pc;
        left: 0px;
    }
    #main .percent.p10-4 {
        top: 94%;
        background-position: 0 -360px;
        height: 8pc;
        left: 0px;
    }
    #main .percent.p10-5 {
        top: 94%;
        background-position: 0 -480px;
        height: 7.5pc;
        left: 0px;
    }
    #main .percent.p10-6 {
        top: 95%;
        background-position: 0 -604px;
        height: 7pc;
        left: 0px;
    }
    #main .percent.p10-7 {
        top: 100%;
        background-position: 0 -737px;
        height: 14pc;
    }
    /*header.smaller .headerquick { width: 260px }*/
    /*header.smaller .headerquick a, header.smaller .headerquick button { display: block; float: none; clear: both; margin: 0 auto 6px; font-size: 12px; width: 90% }*/
    header.smaller .headerquick a.bot-snd,
    header.smaller .headerquick button.bot-snd {
        width: 180px;
    }
    header .fixedsize.inner,
    header .inner,
    header.smaller .fixedsize.inner,
    header.smaller .inner {
        height: 80px;
        -webkit-transition: height 0.3s;
        -moz-transition: height 0.3s;
        -ms-transition: height 0.3s;
        -o-transition: height 0.3s;
        transition: height 0.3s;
    }
    header .headerquick {
        max-width: 375px;
    }
    .headerquick > a.btn-skype > img {
        display: none;
    }
    .headerquick > a.btn-skype::before {
        text-transform: uppercase;
        display: inline;
    }
    header .headerquick a,
    header .headerquick button {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 5px 10px;
        font-size: 10px;
        width: 90%;
    }
    header .headerquick a.bot-snd,
    header .headerquick button.bot-snd {
        width: 180px;
    }
    .submenu {
        margin-top: -5px;
        height: auto;
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
        background-color: #ff751d;
    }
    .submenu ul {
        font-family: "Economica", sans-serif;
        display: flex;
        flex-flow: row wrap;
        margin: 0;
        padding: 0;
        width: 80a;
        margin: auto;
        justify-content: center;
    }
    .submenu ul li .textMayuscula {
        text-transform: uppercase;
    }
    .submenu ul span.pleca {
        display: none;
    }
    .submenu ul li {
        list-style: none;
        clear: both !important;
        padding: 3px 15px;
        width: 100%;
        text-align: center;
        display: inline;
        background-color: #ab3f17;
        border-radius: 25px;
        margin: 2px 3px;
    }
    .submenu ul li a {
        color: #fff;
        font-size: 12px;
        text-transform: uppercase;
    }
    .submenu ul li.botQuickInquiry {
        text-align: center !important;
        width: auto !important;
        order: 1;
    }
    .submenu ul li.botFreeLevel {
        text-align: center !important;
        width: auto !important;
        order: 5;
    }
    .submenu ul li.botListenTest {
        display: none;
    }
    .submenu ul li.botTrialOne {
        text-align: center !important;
        width: auto !important;
        order: 2;
    }
    .toppanel .city-tope .cititle {
        font-size: 22px;
        line-height: 26px;
        padding-bottom: 20px;
        height: 70px;
    }
    .toppanel .city-tope .city-desc {
        font-size: 20x;
        line-height: 14px;
    }
    .table th strong {
        font-size: 9pt;
        line-height: 14px;
    }
    .pricing .table td,
    .pricing .table th {
        font-size: 10px;
        line-height: 9pt;
    }
    body .box-rounded .more {
        padding: 5px 0;
        font-size: 15px;
    }
    .hide-xs {
        display: none;
    }
    .show-xs {
        display: block;
    }
    .container {
        padding-right: 0;
        padding-left: 0;
        margin-right: auto;
        margin-left: auto;
        max-width: 100vh;
    }
    .container h3 {
        font-size: 20px;
        line-height: 24px;
    }
    .overflow-hidden {
        overflow: hidden;
    }
    img.resize-sm,
    img.resize-xs {
        display: block;
        width: 100%;
        height: 100%;
    }
    .infographic1 {
        padding: 10px;
        margin: 0 0 15px;
        line-height: 24px;
    }
    .infographic1,
    .infographic1 .in-links {
        background-image: none;
    }
    .clientshome {
        width: auto;
        margin: 0 auto;
    }
    .pricing .table .more.bot-round {
        font-size: 11px;
        margin: 0 0 0 -35px;
        top: -26px;
        position: absolute;
        left: 65%;
        width: 54px;
        padding: 4px 8px;
        font-size: 9pt;
        line-height: 14px;
    }
    .widgets-width {
        width: 230px;
    }
    section.footer {
        font-size: 9pt;
        line-height: 15px;
    }
    .social-logos li.follow a {
        font-size: 13px;
        padding: 2px 5px 0 0px;
        background-image: none;
    }
    .social-logos li {
        float: none;
        display: inline-block;
    }
    .social-logos li a {
        margin: 10px 0 6px 0px;
    }
    .filter-language-text {
        float: left;
        top: 28px;
        padding: 10px;
        margin-left: 10px !important;
    }
    .filter-language {
        width: 150px !important;
    }
}

.feeds {
    padding: 9pt 0 0 9pt;
    margin: 0 auto;
    clear: both;
    font-size: 9pt;
    margin-left: 0px;
}

.feeds .feedbox {
    background-color: #f6f6f6;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    width: 97%;
    margin: 0 8px 8px 0;
    border: 2px solid #e2e2e2;
}

.feeds .feedbox h3 {
    background-image: url(/global/images/bg-home-h3.jpg);
    background-repeat: no-repeat;
    background-position: 0 -420px;
    height: 41px;
    line-height: 41px;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    text-indent: -125pc;
    overflow: hidden;
}

.feeds .feedbox.boxfb h3 {
    background-position: 0 -82px;
}

.feeds .feedbox.boxbl h3 {
    background-position: 0 -41px;
}

.feeds .feedbox.boxgp h3 {
    background-position: 0 0;
}

.feeds .feedbox.boxtw h3 {
    background-position: 0 -123px;
}

.feeds .feedbox.boxin h3 {
    background-position: 0 -164px;
}

.feeds ul {
    margin: 0 5px;
    padding: 8px 6px;
    height: 250px;
    overflow: auto;
}

.feeds ul li {
    background-repeat: repeat-x;
    background-position: left bottom;
    margin: 0 0 6px;
    padding: 0 0 8px;
    line-height: 15px;
}

.feeds ul li p {
    padding: 0;
    margin: 0;
}

.feeds a.more {
    background-color: #fff;
    text-align: center;
    display: block;
    margin: 0 0 6px;
    padding: 5px 0;
    color: #ff7a37;
    border-bottom: 1px solid #ededed;
    border-top: 1px solid #ededed;
    font-weight: 700;
}

.feeds .feedbox.boxtw a.more {
    color: #44bade;
}

.feeds .feedbox.boxfb a.more {
    color: #3b71b9;
}

.feeds .feedbox.boxgp a.more {
    color: #d63939;
}

.feeds .feedbox.boxin a.more {
    color: #b02e97;
}

.feeds a.more:hover {
    text-decoration: none;
}

.feeds .boxtw ul li a {
    font-weight: 700;
    color: #44bade;
}

.feeds .boxfb ul li a {
    font-weight: 700;
    color: #3b71b9;
}

.feeds .boxgp ul li a {
    font-weight: 700;
    color: #d63939;
}

.feeds .boxbl ul li a {
    font-weight: 700;
    color: #354455;
}

.feeds .boxbl ul li a.readmore {
    font-weight: 400;
    color: #ff7a37;
}

.row-same-height img {
    margin: 0 auto;
}

@media (min-width: 993px) {
    .row-same-height {
        display: table;
    }
    [class*="citcol"] {
        float: none;
        display: table-cell;
        vertical-align: top;
        padding: 0;
        border: 9px solid #0071bc;
        background-color: #1c81c4;
        border-radius: 6px;
    }
}

.back-bannerbook .row {
    display: table;
}

.back-bannerbook .space-right {
    float: none;
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 992px) {
    .back-bannerbook .row,
    .back-bannerbook .column {
        display: block;
        padding: 0;
    }
    .back-bannerbook .space-right {
        clear: both;
        padding: 20px 0;
        display: block;
        text-align: center;
    }
    .city-top {
        background-color: #1c81c4;
        padding: 20px 10px;
        margin-left: 0;
        margin-right: 0;
    }
}

.modal-custom.modal-dialog {
    margin-top: 30px;
    top: 130px;
}

.modal-custom.modal-dialog .modal-title {
    position: absolute;
    text-align: center;
    width: 100%;
    top: -90pt;
    font-size: 42px;
    line-height: 75pt;
}

.modal-custom.modal-dialog .modal-header {
    position: relative;
    border: none;
    padding: 0;
}

.modal-custom.modal-dialog .bluebar {
    background-color: #0092d0;
    display: block;
    height: 20px;
    position: absolute;
    width: 94%;
    left: 3%;
}

.modal-custom.modal-dialog .modal-header .bluebar {
    top: -20px;
}

.modal-custom.modal-dialog .modal-header button.close {
    display: none;
}

.modal-custom.modal-dialog .modal-footer {
    z-index: 5;
    position: absolute;
    width: 100%;
    border: none;
    padding: 0;
    text-align: center;
    margin-top: 20px;
    bottom: -30px;
}

.modal-custom.modal-dialog .bluebar-foot {
    background-color: #0092d0;
    display: block;
    height: 20px;
    position: absolute;
    width: 94%;
    left: 3%;
    margin-top: 20px;
}

.modal-custom.modal-dialog .modal-footer button {
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff;
    padding: 4px 15px;
    text-align: center;
    font-size: 20px;
    line-height: 130%;
    border-radius: 8px;
}

.modal-custom.modal-dialog .modal-footer button.btn.btn-default {
    background-color: #fc6a12;
    background: -webkit-linear-gradient(#fa5d12, #fe7613);
    background: -o-linear-gradient(#fa5d12, #fe7613);
    background: -moz-linear-gradient(#fa5d12, #fe7613);
    background: linear-gradient(#fa5e12, #fe7613);
}

.top3-flag {
    background-image: url(/global/images/stats-03.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    display: block;
    margin: auto;
    padding: 0;
    height: 150px;
    width: 190px;
    position: relative;
}

.top3-flag .icoflag {
    width: 33%;
    float: left;
    margin-top: 84px;
    display: block;
    text-align: center;
}

.videolist {
    height: auto;
}

.videolist .item {
    display: block;
    height: 340px;
    margin: 10px auto;
    width: 222px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.videolist .item:hover {
    text-decoration: none;
}

.videolist .item .circle {
    background-image: url(/global/images/prof-circle.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    z-index: 2;
    display: block;
    width: 182px;
    height: 210px;
    left: 20px;
    top: 10px;
}

.videolist .item .botact {
    z-index: 3;
    position: absolute;
    text-align: center;
    top: 164px;
    width: 220px;
    display: block;
}

.videolist .item .photo {
    z-index: 3;
    margin: 10px auto 0;
    height: 210px;
}

.videolist .item .photo img {
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    border: 6px solid #0073bd;
    object-fit: cover;
}

.videolist .item .photo,
.videolist .item .whois {
    position: absolute;
    text-align: center;
    width: 220px;
    display: block;
}

.videolist .item .whois {
    position: relative;
    top: 100px;
    z-index: 2;
    font-size: 9pt;
    color: #fff;
    margin: 0 auto 40px;
    padding: 105px 5px 35px;
    border-radius: 8px;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.8);
}

.videolist .item .whois strong {
    font-size: 20px;
    display: block;
    padding: 2px;
}

.videolist .item .show {
    width: 180px;
    position: relative;
    z-index: 3;
    margin-left: 22px;
    bottom: -40px;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.8);
    display: block;
    color: #fff;
    font-size: 1pc;
    text-transform: uppercase;
    background-color: #015077;
    line-height: 34px;
    text-align: center;
    height: 34px;
    border: 1px solid #007fb4;
    border-bottom: 1px solid #004e76;
}

.video-modal-teacher .close-pop {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 100;
    color: #444;
    margin: 0 auto 5px;
    display: block;
    background-image: url(/global/images/close-proflie.png);
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

.onlinelist {
    display: grid;
    grid-template-columns: 1fr;
    grid-auto-rows: auto;
    margin-left: 0;
    grid-row-gap: 50px;
    grid-column-gap: 20px;
    margin-bottom: 100px;
}

.onlinelist-item {
    display: flex;
    justify-content: center;
}

.online-profile {
    display: grid;
    grid-template-rows: 100px 60px;
    border: 1px solid #fe7513;
    border-radius: 20px;
}

.online-profile > a > img {
    grid-column: 1/2;
    grid-row: 1/3;
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    object-fit: cover;
    position: relative;
    right: 100px;
    bottom: 10px;
}

.online-profile > .description {
    grid-column: 2/3;
    grid-row: 1/2;
}

.online-profile > .botact {
    grid-row: 2/3;
    justify-self: baseline;
    display: flex;
    align-items: center;
    justify-content: center;
}

.online-profile > .botact > a:nth-child(2) {
    margin-left: 10px;
}

.online-profile > .botact > a {
    margin-bottom: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 30px;
}

.online-profile-header {
    display: grid;
    grid-template-columns: 40% 60%;
    grid-template-rows: 100px auto auto auto;
    margin-bottom: 10px;
}

.online-profile-close {
    position: relative;
    color: #444;
    margin: 0 10px;
    display: block;
    background-image: url(/global/images/close-proflie.png);
    width: 32px;
    height: 32px;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 10px;
}

.online-teacher-photo {
    position: relative;
    width: 200px;
    height: 200px;
    border-radius: 100px;
    grid-column: 1/3;
    grid-row: 1/2;
    bottom: 135px;
    justify-self: center;
}

.modal-red-border {
    border: 1px solid #fe7513;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.online-profile-content {
    padding: 0 !important;
}

.online-profile-details {
    width: 100%;
    border-top: 2px solid #1480cb;
}

.justify-items {
    justify-items: center;
}

a.OnlineProfileOpen:hover {
    text-decoration: none;
}

.online-profile-modal-photo {
    grid-column: 1/3;
    grid-row: 1/2;
    width: 140px;
    height: 140px;
    border-radius: 100px;
    position: relative;
    background-size: cover;
    background-position: center;
}

@media (max-width: 767px) {
    .onlinelist {
        width: 90vw;
        margin-left: 5vw;
    }
    .onlinelist-item {
        width: 90vw;
        padding-left: 40px;
    }
    .online-profile {
        grid-template-columns: 18% auto;
        width: 75vw;
    }
    .online-profile > a > img {
        width: 110px;
        height: 110px;
        right: 50px;
    }
    .online-profile > .description {
        margin: 0 0 0 10% !important;
        display: flex;
        flex-direction: column;
        width: 80% !important;
    }
    .online-teacher-photo {
        width: 150px;
        height: 150px;
        bottom: 75px;
    }
    .online-profile-modal-photo {
        justify-self: center;
        top: -70px;
    }
    .online-profile > .botact {
        grid-column: 1/3;
    }
}

@media (min-width: 768px) {
    .online-profile {
        grid-template-columns: 100px 300px;
    }
    .onlinelist {
        margin-left: 40px;
    }
    .onlinelist-item {
        width: 400px;
    }
    .online-profile-modal-photo {
        grid-column: 1/2;
        width: 200px;
        height: 200px;
        right: 225px;
        top: 60px;
    }
    .online-profile > .botact {
        grid-column: 2/3;
    }
}

@media (max-width: 1199px) {
    .modal-grid {
        width: 0;
    }
    .online-profile-name {
        grid-column: 1/3;
        grid-row: 2/3;
    }
    .online-profile-close {
        grid-column: 2/3;
        grid-row: 1/2;
        justify-self: end;
        bottom: 10px;
    }
    .modal-red-border {
        width: 90vw;
    }
    .online-profile-header > a {
        height: 30px;
        border-radius: 5px !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .botact > a {
        font-size: 10px;
        border-radius: 10px;
        padding: 0px 5px !important;
        text-align: center;
        height: 40px;
        display: flex;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .onlinelist {
        grid-template-columns: 1fr 1fr;
        grid-auto-rows: auto;
        margin-left: 80px;
    }
    .online-teacher-photo {
        position: relative;
        right: 135px;
        top: 50px;
        bottom: 0;
        grid-column: auto;
        grid-row: auto;
    }
    .online-profile-header {
        grid-template-columns: 0px 50% auto auto auto;
        grid-template-rows: 50px;
        align-items: center;
        width: 90%;
        margin-left: 10%;
        margin-bottom: 0;
    }
    .online-profile-name {
        grid-column: auto;
        grid-row: auto;
    }
    .modal-red-border {
        width: 88%;
        margin-left: 6%;
    }
    .online-profile-skype {
        grid-column: auto;
        border-radius: 10px;
        padding: 7px 15px !important;
        text-align: center;
        height: 35px;
    }
    .online-profile-details {
        position: relative;
        width: 90%;
        margin-left: 10%;
    }
    .onlinelist .item .botact a.QuickyEnquiry,
    .online-profile .botact a.OnlineProfileOpen,
    .online-profile-quick {
        width: 120px;
    }
}

.modal-grid {
    position: relative;
    grid-column: 1/3;
    grid-row: 1;
    z-index: 1;
    overflow: visible !important;
}

.online-profile-name > h3 {
    font-size: 32px;
    font-weight: lighter;
    margin-bottom: 5px;
}

.online-profile-name > p {
    font-weight: bold;
    font-size: 16px;
}

.online-profile-skype {
    background-color: #00aaf0;
    margin-left: 10px;
    text-align: center;
}

.online-profile-skype > img {
    height: 25px;
}

.online-profile-quick {
    background-color: #fe7513;
    color: #fff;
    border-radius: 10px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.online-profile-quick:hover,
.online-profile-quick:active,
.online-profile-quick:focus {
    color: #fff;
    text-decoration: none;
}

.online-profile-details ul {
    margin-top: 15px;
    margin-bottom: 10px;
    list-style-type: none;
    padding: 0;
}

.online-profile-details ul > li {
    margin-bottom: 15px;
}

.onlinelist .item {
    display: block;
    height: 220px;
    margin: 10px 10px;
    width: 222px;
    position: relative;
    text-align: center;
    cursor: pointer;
}

.onlinelist .item:hover {
    text-decoration: none;
}

.onlinelist .item .circle {
    background-image: url(/global/images/prof-circle.png);
    background-repeat: no-repeat;
    background-position: center top;
    position: absolute;
    z-index: 2;
    display: block;
    width: 182px;
    height: 210px;
    left: 20px;
    top: 10px;
}

.onlinelist .item .botact {
    z-index: 3;
    position: absolute;
    text-align: center;
    top: 110px;
    left: 140px;
    width: 220px;
    display: block;
}

.onlinelist .item .photo {
    z-index: 3;
    margin: 10px auto 0;
    height: 150px;
}

.onlinelist .item .photo img {
    border-radius: 150px;
    -webkit-border-radius: 150px;
    -moz-border-radius: 150px;
    object-fit: cover;
}

.onlinelist .item .photo,
.onlinelist .item .whois {
    position: absolute;
    text-align: left;
    width: 420px;
    display: block;
}

.onlinelist .item .whois {
    position: relative;
    top: 15px;
    z-index: 2;
    font-size: 9pt;
    color: #fff;
    margin: 0 0 0 75px;
    padding: 105px 5px 35px;
    border-radius: 8px;
    border: 1px solid #fe6910;
}

.onlinelist .item .botact {
    z-index: 3;
    position: absolute;
    text-align: center;
    top: 115px;
    width: 280px;
}

.onlinelist .item .botact a.QuickyEnquiry,
.online-profile .botact a.online-profile-quick {
    background-color: #fd6a04 !important;
    font-size: 13px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    width: 120px;
}

.onlinelist .item .botact a.skype,
.online-profile .botact a.skype {
    background-color: #00aaf1 !important;
    font-size: 10px;
    padding: 5px;
    border-radius: 3px;
    color: #fff;
    text-transform: uppercase;
    width: 100px;
    cursor: pointer;
}

.onlinelist .description {
    position: relative;
    margin: 0px;
    width: 100%;
    align-self: flex-end;
}

.onlinelist .description h4.name {
    font-size: 30px;
    color: #fe7412;
    clear: both !important;
    font-weight: 300 !important;
    padding: 0px 0 5px 0;
    text-align: left;
}

.onlinelist .description p.language {
    font-size: 17px;
    color: #fe7412;
    font-weight: 900;
    clear: both !important;
    padding: 0px !important;
    text-align: left;
}

.onlinelist .item .show {
    width: 180px;
    position: relative;
    z-index: 3;
    margin-left: 22px;
    bottom: -40px;
    box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.8);
    display: block;
    color: #fff;
    font-size: 1pc;
    text-transform: uppercase;
    background-color: #015077;
    line-height: 34px;
    text-align: center;
    height: 34px;
    border: 1px solid #007fb4;
    border-bottom: 1px solid #004e76;
}

.test-score {
    width: 35pc;
    -webkit-border-radius: 9pt;
    -moz-border-radius: 9pt;
    border-radius: 9pt;
    background-color: #0176b9;
    padding: 10px;
    margin: 10px auto;
    position: relative;
}

.test-score .share {
    background: #73c0e0;
    /* Old browsers */
    background: -moz-linear-gradient(top, #73c0e0 0%, #0c9bcf 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #73c0e0 0%, #0c9bcf 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #73c0e0 0%, #0c9bcf 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#73c0e0', endColorstr='#0c9bcf', GradientType=0);
    /* IE6-9 */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: inset 0px 0px 16px 0px rgba(75, 175, 215, 0.96);
    -moz-box-shadow: inset 0px 0px 16px 0px rgba(75, 175, 215, 0.96);
    box-shadow: inset 0px 0px 16px 0px rgba(75, 175, 215, 0.96);
    border: 3px solid #4bafd7;
    padding-top: 10px;
    float: auto;
    clear: both;
    margin-left: 10px;
}

.test-score .share .social {
    padding-left: 15px;
    padding-right: 15px;
    width: 100%;
}

.test-score .share .social a {
    text-decoration: none;
    background-image: url(/global/images/ico-socials.png);
    background-repeat: no-repeat;
    background-position: 0 -7px;
    display: block;
    height: 60px;
    width: 10pc;
    margin-bottom: 5px;
}

.test-score .share .social a div {
    height: 100%;
    margin-left: 65px;
    width: 90%;
    padding-top: 10px;
    font-size: 1pc;
    color: #fff;
    font-weight: 700;
    text-transform: uppercase;
    text-decoration: none;
}

.test-score .share .social a.fb:hover div,
.test-score .share .social a.go:hover div,
.test-score .share .social a.tw:hover div,
.test-score .share .social a.lk:hover div {
    text-shadow: -1px 0 #004791, 0 1px #004791, 1px 0 #004791, 0 -1px #004791;
}

.test-score .share .social a.fb {
    background-position: 0 -68px;
}

.test-score .share .social a.tw {
    background-position: 0 -8pc;
}

.test-score .share .social a.go {
    background-position: 0 -7px;
}

.test-score .share .social a.lk {
    background-position: 0px -282px;
}

.test-score .share .social a.fb:hover {
    background-position: -10pc -68px;
}

.test-score .share .social a.tw:hover {
    background-position: -10pc -8pc;
}

.test-score .share .social a.go:hover {
    background-position: -10pc -7px;
}

.test-score .share .social a.lk:hover {
    background-position: -160px -282px;
}

.test-score .share a.btn-incorrect {
    padding-left: 28px;
    padding-right: 2px;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-style: italic;
    font-size: 13px;
    padding-top: 7px;
}

#incorrect-questions .btn-hide,
.test-score .share a.btn-incorrect {
    background-position: 0 -202px;
    width: 210px;
    height: 40px;
    background-image: url(/global/images/ico-socials.png);
    background-repeat: no-repeat;
    display: block;
    margin: 7px auto 0;
}

.test-score .share a.btn-incorrect:hover {
    background-position: -2px -242px;
}

.test-score #incorrect-questions {
    color: #fff;
    font-size: 9pt;
    padding: 10px;
}

.test-score #incorrect-questions h2 {
    margin: 0;
    font-size: 20px;
}

.test-score #incorrect-questions .btn-hide {
    cursor: pointer;
    background-image: url(/global/images/btn-hide.png);
    background-position: 0 0;
    position: absolute;
    left: 307px;
    top: -53px;
}

@media (max-width: 768px) {
    .pricing .table td.pri-spe span {
        line-height: 16px;
        padding: 10px 0px 10px 10px;
    }
    .pricing .table td.pri-spe span.popular {
        padding: 0px;
    }
    .test-score {
        width: 380px;
    }
    .test-score .share {
        margin: 10px auto;
    }
}

.toppanel .city-tope .cititle p {
    display: inline-block;
}

@media (max-width: 469px) {
    .test-score {
        width: 100%;
        min-width: 15pc;
    }
    .dropdown.countries li {
        border-top: 1px solid #ddd;
    }
    .toppanel .city-tope .cititle {
        padding: 0 5px 7px;
        line-height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .toppanel .city-tope .cititle p {
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        display: block;
    }
    .toppanel .language-tope h1.langtitle {
        top: 240px;
    }
}

.language-courses-04b.mandarin-chinese .reviewbox {
    padding: 161px 20px 0;
}

.language-courses-04b .reviewbox {
    background-repeat: no-repeat;
    background-position: center top;
    width: 195px;
    height: 238px;
    display: block;
    font-size: 14px;
    text-decoration: none;
    color: #fff;
    padding: 170px 20px 0;
    line-height: 19px;
    text-align: center;
    margin: 10px;
}

.language-courses-04b .reviewbox.rev-a {
    background-image: url(/global/images/review-bann-a.png);
}

.language-courses-04b .reviewbox.rev-b {
    background-image: url(/global/images/review-bann-b.png);
}

.language-courses-04b .reviewbox.rev-c {
    background-image: url(/global/images/review-bann-c.png);
}

.language-courses-04b .reviewbox.rev-d {
    background-image: url(/global/images/review-bann-d.png);
}

a.testtype {
    border: none;
    padding: 0;
    position: relative;
    text-decoration: none;
    margin: 20px auto;
    display: block;
    width: 280px;
    height: 220px;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-color: #fff;
}

a.testtype,
a.testtype.type-level {
    background-image: url(/global/images/testtype-level.jpg);
}

a.testtype.type-listening {
    background-image: url(/global/images/testtype-listening.jpg);
}

a.testtype.type-reading {
    background-image: url(/global/images/testtype-reading.jpg);
}

a.testtype .title {
    display: block;
    background-color: #fff;
    color: #c65253;
    font-size: 26px;
    font-weight: 600;
    line-height: 3pc;
}

a.testtype .lthumb strong,
a.testtype:hover .title {
    background-color: #c65253;
    color: #fff;
}

a.testtype .lthumb strong {
    font-size: 18px;
    position: absolute;
    left: 50%;
    bottom: 20px;
    margin-left: -55px;
    width: 110px;
    padding: 5px;
}

a.testtype:hover .lthumb strong {
    background-color: #fff;
    color: #c65253;
}

a.testtype .lthumb strong.soon {
    background-color: #c6b79e;
    color: #fff;
}

.round-flags.tcenter a {
    color: #c65253;
    font-size: 1pc;
    font-weight: 600;
}

.round-flags.tcenter a:hover,
.tcenter .bigred {
    background-color: #c65253;
    color: #fff;
}

.tcenter .bigred {
    font-size: 26px;
    margin: 10px auto;
    padding: 10px 30px;
}

.tcenter-intro {
    text-align: justify;
    color: #c14445;
    background-color: #fabd17;
    font-size: 1pc;
    bottom: 130px;
    padding: 10px;
}

.tcenter-intro,
.tcenter-title {
    position: absolute;
    left: 50%;
    margin-left: -210px;
    width: 470px;
}

.tcenter-title {
    background-color: #fff;
    bottom: 350px;
    padding: 10px 0;
    text-align: center;
}

@media (max-width: 468px) {
    .tcenter-intro {
        font-size: 15px;
        left: 4%;
        bottom: auto;
        top: 390px;
        margin: auto;
        width: 92%;
        padding: 10px;
        display: table;
        height: auto;
    }
    .tcenter-title {
        position: absolute;
        left: 4%;
        bottom: 270px;
        margin: auto;
        width: 92%;
        padding: 10px 0;
    }
}

.tope-expert {
    padding-top: 150px;
}

.tope-expert h1 {
    display: block;
    color: #fff;
    font-style: italic;
    font-size: 40px;
    font-weight: 100;
    padding: 10px 0 25px;
    margin: 0 auto;
}

.tope-expert .photo {
    margin: 0 0 0 50%;
    float: left;
    display: block;
}

.tope-expert .photo img {
    margin-left: -72px;
    border: 3px solid #fff;
    border-radius: 8px;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
}

.fullpanel.back-experts-brazil-02 {
    position: relative;
}

.expert-video {
    width: 34pc;
    position: absolute;
    left: 50%;
    top: -150px;
    margin-left: -277px;
    padding: 0;
    text-align: center;
}

.fullpanel.back-experts-brazil-02 h3 {
    font-family: Open Sans, Arial;
    border-radius: 8px 8px 0 0;
    font-size: 20px;
    width: 300px;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -150px;
    padding: 10px;
    text-align: center;
    border: 2px solid #fff;
    color: #fff;
    border-bottom: none;
}

#experts #topics h4 {
    display: block;
    color: #fff;
    font-size: 30px;
    font-weight: 100;
    padding: 10px 0 25px;
    margin: 0 auto;
}

#experts #topics .overview {
    background-color: #fff;
}

.experts-intro {
    width: 34pc;
    position: absolute;
    font-family: Open Sans, Arial;
    left: 50%;
    bottom: 50px;
    margin-left: -17pc;
    padding: 10px;
    text-align: center;
    background-color: #258cce;
    color: #fff;
    font-size: 18px;
    font-weight: 600;
    border-radius: 9pt;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
}

#experts.inicial {
    background-image: url(images/expert-bg-city.jpg);
}

#experts.inicial,
#experts.user {
    background-repeat: no-repeat;
    background-position: center top;
    position: relative;
    font-family: Open Sans;
    text-align: center;
    padding-bottom: 40px;
}

#experts.user.in-usa {
    background-image: url(images/bg-user-usa.jpg);
}

#experts.user.in-brasil {
    background-image: url(images/bg-user-brasil.jpg);
}

#content #experts .intro h1 {
    display: block;
    margin: 0;
    padding: 0;
    font-size: 25px;
    line-height: 30px;
}

#experts .intro {
    display: block;
    font-family: Open Sans;
    font-size: 15px;
    line-height: 22px;
    color: #446a97;
    margin: auto;
    padding: 170px 85px 20px;
    text-align: center;
}

#experts .intro a {
    color: #446a97;
}

.expert-box {
    background-color: #258cce;
    background-image: url(images/experts-bg-box.jpg);
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0 auto 25px;
    padding: 1pc 0 1pc 1pc;
    text-align: left;
    color: #fff;
    font-size: 13px;
    border-radius: 9pt;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
}

#experts .listing {
    text-align: center;
}

.expert-box img.thumb {
    color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    width: 140px;
    height: 140px;
    margin-bottom: 10px;
}

.expert-box h3 {
    font-size: 38px;
    font-weight: lighter;
    margin: 0;
}

.expert-box .charge {
    font-size: 13px;
    padding: 7px 0 2px;
    font-weight: 600;
}

.expert-box .desc {
    line-height: 18px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    padding: 5px 0;
    margin: 5px 0;
}

.expert-box .graybot {
    line-height: 18px;
    font-size: 14px;
    color: #fff;
    background-color: #959595;
    padding: 14px 18px;
    margin: 60px 0 20px;
    border-radius: 8px;
}

.expert-box .more {
    width: 90px;
    font-size: 9pt;
    font-weight: 400;
    color: #fff;
    background-color: #258cce;
    padding: 4px;
    border: 2px solid #fff;
    text-decoration: none;
    border-radius: 8px;
    margin-top: 5px;
    text-align: center;
    display: block;
}

#experts.inicial a.inquire,
.expert-box .more:hover {
    background-color: #fff;
    color: #0093d0;
}

#experts.inicial a.inquire {
    line-height: 30px;
    font-size: 25px;
    font-weight: 400;
    padding: 8px;
    border: 2px solid #0093d0;
    text-decoration: none;
    border-radius: 8px;
    text-align: center;
    display: block;
    margin: 20px auto;
}

#experts.inicial a.inquire:hover {
    color: #fff;
    background-color: #0093d0;
}

#experts .expert-photo {
    margin: 0 auto 20px 366px;
    height: 186px;
    width: 167px;
    padding: 0 2px 36px 0;
}

#experts .expert-photo.with-video {
    margin-left: 10pc;
}

#experts .expert-video {
    position: absolute;
    margin: 0 auto 20px 10pc;
    top: 100;
    left: 240;
    padding: 0;
    text-align: left;
}

#experts .expert-photo img {
    border-radius: 10px;
    -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.3);
}

#experts .overview {
    line-height: 19px;
    padding: 20px;
    font-size: 13px;
    color: #258cce;
    text-align: left;
    margin: 0 auto 20px;
}

#experts .overview.topborder {
    border-radius: 10px 10px;
    border-top: 2px solid #258cce;
}

#experts .overview.topborder td {
    font-size: 11px;
}

#experts .overview td {
    font-size: 13px;
    color: #258cce;
    text-align: left;
    line-height: 1pc;
}

#experts .overview h2 {
    font-size: 36px;
    font-weight: 100;
    text-align: center;
    line-height: 36px;
    margin: 0 auto 20px;
}

#experts .boxes-blue .cajita {
    line-height: 15px;
    color: #fff;
    padding: 15px;
    font-size: 11px;
    text-align: left;
}

#experts .boxes-blue .left {
    float: left;
}

#experts .boxes-blue .right {
    float: right;
}

#experts .boxes-blue {
    margin: 0 auto;
}

#experts.user .inner {
    background-position: center bottom;
    background-repeat: no-repeat;
    height: 100%;
    vertical-align: bottom;
}

#experts.user.in-usa .inner {
    background-image: url(images/bg-user-inf-usa.jpg);
    padding-bottom: 300px;
}

#experts.user.in-brasil .inner {
    background-image: url(images/bg-user-inf-brasil.jpg);
    padding-bottom: 0;
}

#experts .boxes-blue .cajita h3 {
    font-size: 30px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    display: block;
    font-weight: 100;
    margin: 0;
}

#experts .titulo {
    color: #fff;
    display: block;
    height: 123px;
}

#experts .titulo h1 {
    font-size: 45px;
    font-weight: 100;
    font-style: italic;
    line-height: 45px;
    padding: 30px 0 0 100;
    display: block;
    text-align: left;
}

#experts .inner h4 {
    font-size: 26px;
    line-height: 38px;
    font-weight: 100;
    color: #fff;
    margin: 15px;
}

#player {
    margin: 10px 10px 20px;
}

#languides {
    line-height: 100%;
    background-repeat: repeat-x;
    background-position: left top;
    margin: 0;
    padding: 0;
    clear: both;
    width: 100%;
    position: relative;
    display: block;
    color: #fff;
    font-family: Open Sans;
    text-align: left;
}

#languides .inner,
#languides.main .inner {
    display: block;
    padding: 20px 0 20px 22px;
}

#languides.main .inner {
    background-image: url(/global/images/lg-dertop.jpg);
    background-repeat: no-repeat;
    background-position: right top;
}

#languides .desc {
    line-height: 17px;
    font-weight: 100;
    margin: 0;
    padding: 0 290px 0 0;
    font-size: 13px;
    height: 70px;
    display: block;
}

#languides h2 {
    font-size: 4pc;
    line-height: 70px;
    margin: 0;
    padding: 0 260px 10px 0;
    display: block;
    font-weight: 400;
    text-shadow: 3px 3px 1px #163259;
    color: #fff;
    height: 9pc;
}

#languides #country-list {
    display: grid;
    grid-template-columns: 1fr 1fr;
    justify-content: center;
    grid-column-gap: 30px;
    margin: 0 auto;
    padding: 0;
}

#languides.lang #country-list {
    position: absolute;
    margin: 0;
    padding: 0;
    top: 44px;
    right: 13px;
}

#languides.lang #country-list .glang {
    padding: 10px 20px 10px 98px;
}

#languides.lang #country-list .back {
    padding: 6px 20px;
    float: right;
    font-size: 1pc;
    line-height: 18px;
    margin: 5px 0 10px;
}

#languides #country-list .glang {
    border: 1px solid #fff;
    margin: 0 0 20px;
    padding: 10px 40px 10px 98px;
    position: relative;
    font-size: 27px;
    line-height: 30px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
    margin: 9pt 0;
    clear: left;
    float: left;
    border-radius: 8px;
    text-shadow: 1px 1px 1px rgba(22, 50, 89, 0.7);
    -webkit-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.41);
    box-shadow: 1px 1px 3px 0 rgba(50, 50, 50, 0.41);
}

#languides #country-list .glang:hover {
    background-color: #20aded;
    border: 1px solid #fff;
    color: #00498d;
    text-shadow: 1px 1px 1px hsla(0, 0%, 100%, 0.7);
}

#languides #country-list .glang span {
    position: absolute;
    width: 68px;
    height: 68px;
    top: -8px;
    background-position: left top;
    left: 13px;
}

#languides #country-list .glang span,
#languides #country-list .glang.arabic span {
    background-image: url(/global/images/lg-flag-ar.png);
}

#languides #country-list .glang.portuguese span {
    background-image: url(/global/images/lg-flag-br.png);
}

#languides #country-list .glang.danish span {
    background-image: url(/global/images/lg-flag-da.png);
}

#languides #country-list .glang.norwegian span {
    background-image: url(/global/images/lg-flag-no.png);
}

#languides .lg-social {
    position: absolute;
    height: 25px;
    width: 10pc;
    top: 309px;
    right: 2px;
}

#languides #lg-screen,
#languides .lg-screen {
    background-image: url(/global/images/lg-bg-ipad.jpg);
    background-repeat: no-repeat;
    background-position: left top;
    height: 392px;
    width: 500px;
    margin: 24px auto 10px;
    padding: 43px 46px;
}

#languides .lg-screen .carousel-control.left,
#languides .lg-screen .carousel-control.right {
    background-image: none !important;
}

#languides .parts {
    margin: 24px auto 10px;
    text-align: center;
}

#languides .parts .column {
    height: 40px;
}

#languides .parts a {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    text-decoration: none;
    background-color: #f60;
    margin: 5px;
    padding: 3px 30px;
    width: 75pt;
    text-align: center;
    border-radius: 10px;
    -webkit-box-shadow: 1px 2px 3px 0 rgba(50, 50, 50, 0.2);
    -moz-box-shadow: 1px 2px 3px 0 rgba(50, 50, 50, 0.2);
    box-shadow: 1px 2px 3px 0 rgba(50, 50, 50, 0.2);
}

#languides .parts a.active,
#languides .parts a:hover {
    background-color: #009cdf;
}

#languides .parts .list-inline li {
    margin-bottom: 25px;
}

.freeres .col-sm-4 {
    text-align: right;
    font-size: 24px;
    line-height: 34px;
    font-weight: 6400;
    padding-top: 30px;
    text-transform: uppercase;
    color: #fff;
}

.freeres .col-sm-4 strong {
    font-size: 2pc;
    font-weight: 600;
}

.freeres .col-sm-8 .column {
    padding: 0 0 10px;
    text-align: center;
}

.freeres img {
    margin: 0 auto;
    box-shadow: 0 1px 6px -2px rgba(0, 0, 0, 0.8);
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
}

.freeres {
    color: white;
}

.read-more-text {
    display: none;
}

.read-more-btn {
    background-color: #fc6a12;
    background: -webkit-linear-gradient(#fa5e12, #fe7613);
    background: -o-linear-gradient(#fa5e12, #fe7613);
    background: linear-gradient(#fa5e12, #fe7613);
    color: white;
    border-radius: 8px;
    border: 2px solid white;
    padding: 3px 15px;
    text-transform: uppercase;
    font-size: 14px;
}

@media (max-width: 1200px) {
    #languides #country-list .glang {
        font-size: 20px;
        line-height: 24px;
    }
}

@media (max-width: 768px) {
    .flashGame embed {
        width: 100%;
    }
    /*.toppanel .language-tope { height:523px; }*/
    .toppanel .language-tope .lang-desc {
        height: auto;
        margin: auto;
        bottom: 0px;
    }
    .toppanel .language-tope h1.langtitle {
        display: block;
        width: 100%;
        top: 190px;
        font-size: 20px;
    }
    .bot-container a.botblock {
        margin: 10px auto;
        width: auto;
    }
    h1.ico-cat {
        font-size: 30px;
        line-height: 34px;
    }
    .freeres .col-sm-4 {
        text-align: center;
        display: block;
        padding: 0 0 15px;
    }
    .expert-box .graybot {
        margin: 10px 0 20px;
    }
    .experts-intro {
        width: 90%;
        margin-left: -45%;
    }
    .logomedium {
        width: 220px;
        height: 61px;
    }
    .resize-txt-20 {
        font-size: 14px;
    }
    #main .btn-group .btn {
        float: none;
        margin: 4px 2px;
        border-radius: 4px;
        border: none;
    }
    #main .btn-group .btn:hover {
        color: #fff;
        background-color: #fe7413;
    }
    .amazon-inquiry-mobile {
        margin-top: 80px;
    }
}

.video-container {
    height: 302px;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 560px) {
    .modal-custom.modal-dialog {
        top: 50px;
    }
    .modal-custom.modal-dialog h4.modal-title {
        font-weight: 700;
        top: -60px;
        font-size: 30px;
        line-height: 30px;
    }
    #carousel-language-guides {
        width: 100% !important;
        height: auto !important;
        background-image: none !important;
    }
    .video-container {
        height: auto;
    }
    .amazon-title2 {
        top: -100px !important;
    }
}

.video-js {
    padding-top: 56.25% !important;
}

.vjs-fullscreen {
    padding-top: 0px !important;
}

/* centered columns styles */

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* inline-block space fix */
    margin-right: -4px;
}

.col-fixed {
    /* custom width */
    width: 320px;
}

.col-min {
    /* custom min width */
    min-width: 320px;
}

.col-max {
    /* custom max width */
    max-width: 320px;
}

.dot-blue {
    background-color: #fff !important;
}

.dot-orange {
    background-color: #fa6012 !important;
}

.bounce-orange {
    background-color: #fa6012 !important;
}

.bounce-white {
    background-color: #fff !important;
}

.fb-like-box,
.fb-like-box span,
.fb-like-box.fb_iframe_widget span iframe,
.box.twitter iframe,
.box.google iframe,
#feed_google-feed {
    width: 100% !important;
}

#feed_google-feed .feed_header,
#feed_google-feed .feed_content {
    text-align: left;
}

.kyco_googleplusfeed .feed_profile_image {
    width: auto !important;
    height: auto !important;
}

.feed_wrapper {
    max-height: 392px;
}

#feed_google-feed .feed_content {
    height: 250px;
}

.wpost p {
    color: #333;
}

.widgetblog {
    overflow: auto;
    max-height: 361px;
}

.client-item {
    -webkit-animation: animation 3000ms linear both;
    animation: animation 3000ms linear both;
}

/* Generated with Bounce.js. Edit at http://goo.gl/rZjgpU */

@-webkit-keyframes animation {
    0% {
        -webkit-transform: matrix3d(
            0.1,
            0,
            0,
            0,
            0,
            0.1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    5.61% {
        -webkit-transform: matrix3d(
            0.681,
            0,
            0,
            0,
            0,
            0.681,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.681,
            0,
            0,
            0,
            0,
            0.681,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    8.41% {
        -webkit-transform: matrix3d(
            0.879,
            0,
            0,
            0,
            0,
            0.879,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.879,
            0,
            0,
            0,
            0,
            0.879,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    11.11% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.21% {
        -webkit-transform: matrix3d(
            0.932,
            0,
            0,
            0,
            0,
            0.932,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.932,
            0,
            0,
            0,
            0,
            0.932,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    17.22% {
        -webkit-transform: matrix3d(
            0.916,
            0,
            0,
            0,
            0,
            0.916,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.916,
            0,
            0,
            0,
            0,
            0.916,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    33.33% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    39.44% {
        -webkit-transform: matrix3d(
            0.994,
            0,
            0,
            0,
            0,
            0.994,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.994,
            0,
            0,
            0,
            0,
            0.994,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    55.66% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    61.66% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    77.88% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    83.98% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

@keyframes animation {
    0% {
        -webkit-transform: matrix3d(
            0.1,
            0,
            0,
            0,
            0,
            0.1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(0.1, 0, 0, 0, 0, 0.1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    5.61% {
        -webkit-transform: matrix3d(
            0.681,
            0,
            0,
            0,
            0,
            0.681,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.681,
            0,
            0,
            0,
            0,
            0.681,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    8.41% {
        -webkit-transform: matrix3d(
            0.879,
            0,
            0,
            0,
            0,
            0.879,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.879,
            0,
            0,
            0,
            0,
            0.879,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    11.11% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    14.21% {
        -webkit-transform: matrix3d(
            0.932,
            0,
            0,
            0,
            0,
            0.932,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.932,
            0,
            0,
            0,
            0,
            0.932,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    17.22% {
        -webkit-transform: matrix3d(
            0.916,
            0,
            0,
            0,
            0,
            0.916,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.916,
            0,
            0,
            0,
            0,
            0.916,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    33.33% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    39.44% {
        -webkit-transform: matrix3d(
            0.994,
            0,
            0,
            0,
            0,
            0.994,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(
            0.994,
            0,
            0,
            0,
            0,
            0.994,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
    }
    55.66% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    61.66% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    77.88% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    83.98% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
    100% {
        -webkit-transform: matrix3d(
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1,
            0,
            0,
            0,
            0,
            1
        );
        transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
    }
}

select.client-filter[disabled] {
    display: none;
}

.direction-rtl {
    direction: rtl;
}

.fb-like.fb_iframe_widget > span {
    vertical-align: inherit !important;
}

.like-us {
    margin-top: 10px;
}

.round-flags a.no-round-flags {
    font-size: 14px;
    margin-bottom: 20px;
    background-image: none;
    display: block;
    width: 100%;
    text-align: center;
    text-decoration: none;
    color: #008abf;
    line-height: 20px;
    height: 30px;
    padding: 0px;
}

.round-flags .twin-tests li:last-child a.no-round-flags {
    margin-bottom: 0px;
}

.twin-tests .popover {
    width: 100%;
}

.link-section {
    margin-top: 10px;
    margin-bottom: 10px;
}

#suggestion-inquiry textarea {
    height: 100px;
}

.ms-container {
    width: 100% !important;
}

.navbar-fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
    max-height: 358px !important;
}

.in-title small {
    font-size: 76%;
}

.v-center {
    display: table !important;
}

.v-center .content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

@media (max-width: 768px) {
    .v-center {
        height: auto !important;
    }
}

.list-twin-tests {
    margin: 20px;
}

.vertical-middle {
    position: relative !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
}

@media (min-width: 468px) {
    .replace-img-sm img.replace-b {
        display: none;
    }
    .replace-img-sm img.replace-a {
        display: block;
    }
}

@media (max-width: 468px) {
    .replace-img-sm img.replace-b {
        display: block;
    }
    .replace-img-sm img.replace-a {
        display: none;
    }
    .bot-round.txt-size-30,
    .bot-round.txt-size-50,
    .txt-size-50,
    .container h3.txt-size-40 {
        font-size: 1.2em !important;
        padding: 3px;
    }
    .promo-title {
        font-size: 30px !important;
    }
    .preferred-supplier p {
        font-size: 0.9em !important;
    }
    .wecanhelp p {
        font-size: 25px;
        padding: 10px 0 10px 0;
        width: 280px;
        margin: 0 auto;
    }
    .wecanhelp img {
        margin-top: -20px;
        width: 157px;
    }
    .wecanhelp .moreinfo {
        margin-bottom: 20px !important;
    }
}

.cero-min-height {
    min-height: 0px !important;
}

/* footer-logos */

.footerlogos {
    list-style-type: none;
}

.footerlogos li {
    display: inline-block;
    height: 76px;
    background-image: url(/global/images/footer-logos.png);
    background-repeat: no-repeat;
    width: 100px;
    background-position: 0px 0px;
}

.footerlogos li.iso {
    width: 195px;
    background-position: -6px -6px;
}

.footerlogos li.lta {
    width: 150px;
    background-position: -206px -6px;
}

.footerlogos li.ilt {
    width: 225px;
    background-position: -355px -6px;
}

.footerlogos li.bbb {
    width: 192px;
    background-position: -590px -6px;
}

.footerlogos li.amcham {
    width: 99px;
    background-position: -783px -11px;
}

.footerlogos li.boleto {
    width: 78px;
    background-position: -891px -11px;
}

.footerlogos li.ccards {
    width: 120px;
    background-position: -976px -11px;
}

.footerlogos li a {
    display: block;
    width: 100%;
    height: 76px;
}

.control-center {
    position: relative;
}

.control-center-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 30px;
    align-items: center;
}

@media (max-width: 768px) {
    .control-center-row {
        grid-template-columns: 1fr;
        padding: 30px 0;
    }

    .control-center-row img {
        max-width: 100%;
        height: auto;
    }
}

@media (max-width: 560px) {
    .img-hr-01 img,
    .img-hr-02 img,
    .img-hr-03 img,
    .img-hr-04 img {
        width: 100%;
        height: auto;
    }
    .infographic1 .row {
        border-bottom: none;
    }
    .videolist .item {
        display: block;
        height: 100%;
        margin: 30px auto;
    }
}

@media (min-width: 992px) {
    .vertical-align {
        display: flex;
        flex-direction: row;
    }
    .vertical-align > [class^="col-"],
    .vertical-align > [class*=" col-"] {
        display: flex;
        align-items: center;
    }
    .vertical-align > [class^="col-"] > div,
    .vertical-align > [class*=" col-"] > div {
        flex-grow: 1;
    }
}

/*
--------------
   Hr section
--------------
*/

.hr-content {
    margin-top: 20px;
}

.hr-content p {
    font-size: 18px;
    color: #008abf;
    text-align: justify;
}

.hr-content a.boton {
    color: #fff;
    padding: 10px;
    font-size: 16px;
    margin-top: 25px;
    margin-bottom: 20px;
}

.hr-content img {
    border: none;
}

.hr-content .screen {
    border: none;
}

.hr-content .image-cover {
    text-align: center;
}

.hr-content .image-cover:first-child {
    margin-top: 90px;
}

@media (max-width: 1999px) {
    .hr-content a.boton {
        max-width: 400px;
        white-space: normal;
    }
}

@media (max-width: 767px) {
    .hr-content img {
        max-width: 100%;
        width: 100%;
        display: block;
    }
}

/*hr-inquiry -> Modal*/

#hr-inquiry h4 {
    color: #fff;
}

/* webkit solution */

#hr-inquiry ::-webkit-input-placeholder {
    text-align: left;
}

/* mozilla solution */

#hr-inquiry input:-moz-placeholder {
    text-align: left;
}

/*
--------------
   Control Center Page
--------------
*/

.back-hr.cc-bg {
    background-position: top center;
}

/*
--------------
   Anywhere online courses
--------------
*/

.aocourses {
    background: url(/global/images/bg-aocourses.jpg) no-repeat;
    padding-top: 25px;
    padding-bottom: 25px;
    background-size: cover;
}

.aocourses .wrapper {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5882bf+0,699ed2+100 */
    background: #5882bf;
    /* Old browsers */
    background: -moz-linear-gradient(top, #5882bf 0%, #699ed2 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, #5882bf 0%, #699ed2 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, #5882bf 0%, #699ed2 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5882bf', endColorstr='#699ed2', GradientType=0);
    /* IE6-9 */
    margin-top: 30px;
    margin-bottom: 30px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.aocourses .wrapper {
    padding-top: 5px;
}

.aocourses .wrapper h2,
.aocourses .wrapper h3 {
    color: #fff;
    text-align: center;
}

.aocourses .wrapper h2 {
    font-size: 28px;
    margin-top: 0;
}

.aocourses .wrapper h3 {
    font-size: 18px;
}

.aocourses .wrapper ul {
    text-align: center;
    padding: 0;
    background: #fff;
    margin-bottom: 20px;
}

.aocourses .wrapper ul li {
    display: inline-block;
}

.aocourses .wrapper a.bot-round {
    position: relative;
    top: 10px;
}

.aocourses .bot2online a {
    font-weight: 600;
    text-transform: uppercase;
    font-size: 13px;
    margin-left: 5px;
    margin-right: 5px;
}

@media (max-width: 990px) {
    .aocourses .bot2online a {
        display: block;
        width: 80%;
        margin-top: 10px;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .aocourses {
        background: white;
    }
    .aocourses .photo-holder {
        background: url(/global/images/bg-aocourses.jpg) no-repeat;
        margin: 0px;
        border-radius: 0px;
        background-size: 100%;
    }
    .aocourses .wrapper {
        padding-top: 0px;
    }
}

.orgchart {
    border-collapse: separate;
    border-spacing: 4px 0px;
}

.orgchart .th-title {
    display: table-cell;
    width: 1%;
    border-collapse: separate;
    border-spacing: 10px;
}

/* fix listenigntests */

.boxlst {
    background-image: url("/global/listening_tests/images/bg-box-top-intro.jpg");
    background-repeat: no-repeat;
    background-position: center top;
}

.boxlst .logo-bottom {
    background-image: url("/global/listening_tests/images/logo-bottom.jpg");
    background-repeat: no-repeat;
    background-position: center bottom;
}

.langver {
    position: absolute;
    top: 150px;
    width: 100%;
}

.langver a {
    background-color: #fc6a12;
    text-transform: uppercase;
}

.bot-skype,
.bot-skype:hover {
    border-radius: 10px;
    padding: 15px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    border: none;
    cursor: pointer;
}

.tribot .column {
    padding-top: 20px;
}

.tribot .column.nopad {
    padding-top: 10px;
}

.video-modal-teacher .info01 img {
    width: 110px;
    height: 110px;
    border-radius: 150px;
    border: 5px solid #0073bd;
}

.video-modal-teacher .info02 {
    color: #0073bd;
    font-weight: 700;
}

.video-modal-teacher .info03 {
    text-align: center;
    color: #0073bd;
    font-weight: 700;
}

.video-modal-teacher .info02 h3 {
    padding-left: 45px;
    padding-top: 30px;
    font-size: 25px;
    text-align: left;
    font-weight: 700;
}

.video-modal-teacher .info03 a {
    display: block;
    text-align: center;
    font-weight: 400;
}

.video-modal-teacher .info03 a.bot-skype {
    margin-bottom: 10px;
    padding: 5px;
}

.accordion .panel-default,
.panel-group .panel-heading + .panel-collapse > .panel-body,
.panel-group .panel-heading + .panel-collapse > .list-group,
.accordion .panel-heading {
    border: none;
    padding: 0;
    margin: 0;
}

.video-modal-teacher .modal-dialog {
    margin-right: auto;
    margin-left: auto;
}

.video-modal-teacher .accordion .panel-heading a:hover {
    background-color: #fe6d11;
    color: #fff;
}

.video-modal-teacher .accordion .panel-heading a.collapsed {
    border-radius: 10px 10px 10px 10px;
    background-color: #fff;
    color: #fe6d11;
}

.video-modal-teacher .accordion .panel-heading a {
    cursor: pointer;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    display: block;
    padding: 6px 6px 6px 20px;
    border: 2px solid #fe6d11;
    border-radius: 10px 10px 0 0;
    background-color: #fe6d11;
    color: #fff;
}

.video-modal-teacher .accordion .panel-collapse,
.video-modal-teacher .details ul {
    background-color: #0073bd;
    color: #fff;
    padding: 15px 15px 15px 25px;
    border-radius: 0 0 10px 10px;
}

.video-modal-teacher .panel-default > .panel-heading {
    background-color: transparent;
}

.video-modal-teacher .details ul li {
    margin-bottom: 10px;
}

.video-modal-teacher .modal-content {
    text-align: left;
    color: #fe7513;
    padding: 20px;
}

.video-modal-teacher .modal-content .column,
.video-modal-teacher .modal-content .row {
    padding-bottom: 15px;
}

.video-modal-teacher .rating {
    color: #444;
    margin: 0 auto 5px;
    display: block;
    background-image: url(/global/images/rating-stars.png);
    width: 116px;
    height: 25px;
    background-repeat: no-repeat;
    background-position: 0px -125px;
}

.video-modal-teacher .rating.stars-1 {
    background-position: 0px -100px;
}

.video-modal-teacher .rating.stars-2 {
    background-position: 0px -75px;
}

.video-modal-teacher .rating.stars-3 {
    background-position: 0px -50px;
}

.video-modal-teacher .rating.stars-4 {
    background-position: 0px -25px;
}

.video-modal-teacher .rating.stars-5 {
    background-position: 0px 0px;
}

.video-modal-teacher .col-video {
    border: 3px solid #0073bd;
    width: 332px;
    height: 252px;
    float: left;
    margin: 0 40px 0 0;
}

.video-modal-teacher .col-video .content-video {
    width: 326px;
    height: 246px;
}

@media (max-width: 990px) {
    .bot-skype {
        display: block;
        padding: 10px;
    }
}

@media (max-width: 768px) {
    .video-modal-teacher .col-video {
        float: none;
        min-height: 200px;
        width: 100%;
    }
    .video-modal-teacher .col-datos {
        display: block;
        clear: both;
        text-align: left;
        padding-top: 20px;
    }
    .video-modal-teacher .info02 h3 {
        padding-top: 0px;
        font-size: 20px;
        text-align: center;
    }
    .video-modal-teacher .modal-content {
        text-align: left;
    }
    .video-modal-teacher .info01 img,
    .video-modal-teacher .info02,
    .video-modal-teacher .info03 {
        margin: 0 auto;
        display: block;
        text-align: center;
    }
    .video-modal-teacher .info03 a.bot-skype strong {
        display: block;
        text-align: center;
    }
    .langver {
        top: 190px;
        margin-bottom: 20px;
    }
    .langver a {
        display: block;
        font-size: 12px;
    }
    .boxlst {
        background-image: url("/global/listening_tests/images/bg-box-top-intro-movil.jpg");
        width: auto;
        padding-top: 160px;
        background-position: center top;
    }
    .boxlst .logo-bottom {
        margin-left: -15px;
        width: auto;
        height: 103px;
        background-image: url("/global/listening_tests/images/logo-bottom-movil.jpg");
        background-position: center bottom;
    }
    .fullpanel.back-free-resources h1.txt-size-50 {
        font-size: 22px !important;
        line-height: 30px;
    }
}

@media (max-width: 560px) {
    .video-modal-teacher .info02 h3 {
        padding-left: 0px;
    }
    .box-squared.width-460 {
        width: 100%;
        top: 20%;
    }
    .box-squared.noheight60 {
        height: auto;
        position: absolute;
        top: 30%;
    }
}

@media (min-width: 760px) {
    .video-modal-teacher .info02 h3 {
        padding-left: 40px;
    }
}

.is-url {
    display: block;
    max-width: 96%;
    overflow: hidden;
    -ms-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.hide-desktop {
    display: none;
}

@media (max-width: 560px) {
    .hide-desktop {
        display: block;
    }
    .hide-mobile {
        display: none;
    }
}

div.facebook-col {
    margin-left: 6.66666667%;
}

@media (max-width: 560px) {
    div.facebook-col {
        margin-left: 0%;
    }
}

.filter-language-text {
    float: left;
    top: 28px;
    padding: 10px;
    margin-left: 350px;
}

.filter-language {
    width: 350px;
    float: left;
}

.show-level {
    width: 268px;
    height: 41px;
    background-image: url(/global/images/leveltest-levelbutton.png);
    background-repeat: no-repeat;
    display: block;
    margin: 7px 0px 0px 7px;
    text-align: center;
    color: #fff;
    font-weight: 700;
    text-decoration: none;
    font-style: italic;
    font-size: 11px;
    padding-top: 5px;
    text-decoration: none;
}

.mandarin-popover {
    background-color: white;
    z-index: 1;
    position: absolute;
    padding: 10px;
    text-align: left;
    width: 100%;
    top: 105%;
    height: 80%;
    list-style-type: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 11px;
    border: 1px solid #999;
    box-shadow: 4px 4px 20px rgba(0, 0, 0, 0.2);
}

.breadcrumbs {
    position: absolute;
    background-color: #067fc5;
    padding-right: 10px;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    margin-top: -251px;
    margin-left: 10px;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
}

.breadcrumbs-1 {
    margin-top: -400px;
}

.breadcrumbs-ltcan {
    margin-top: -243px;
}

.mobile-hidden-bc {
    display: none;
}

.breadcrumbs-leveltest-index {
    margin-top: -600px;
}

.hidden-arrow-desktop {
    display: inline-block;
}

.inverted-arrow-bc {
    transform: rotateY(180deg);
    display: inline-block;
}

.breadcrumbs-leveltest-2 {
    margin-top: -150px;
}

@media (min-width: 768px) {
    .breadcrumbs-1 {
        margin-top: -390px;
    }
    .breadcrumbs-ltcan {
        margin-top: -226px;
    }
    .breadcrumbs-leveltest-2 {
        margin-top: -150px;
    }
    .mobile-hidden-bc {
        display: inline-block;
    }
    .breadcrumbs-leveltest-index {
        margin-top: -580px;
        margin-left: 3px;
    }
    .hidden-arrow-desktop {
        display: none;
    }
    .inverted-arrow-bc {
        transform: rotateY(0deg);
    }
}

.breadcrumbs-2 {
    margin-top: -20px;
}

.breadcrumbs-3 {
    margin-top: -483px;
}

.breadcrumbs-4 {
    margin-top: -493px;
}

.breadcrumbs a,
#last-breadcrumb {
    color: #fff;
    padding-right: 4px;
    padding-left: 4px;
    text-decoration: none;
}

.breadcrumbs a:hover {
    text-decoration: underline;
}

/* INQUIRY */

.modal-backdrop.in {
    opacity: 0.7;
}

.modal-open[style="padding-right: 15px;"] .navbar-fixed-top {
    padding-right: 15px;
}

/* Fix Online Profile mobile*/

@media screen and (max-width: 480px) {
    /*  body, #main{
    width: device-width !important;
    min-width: 320px !important;
  }*/
    select#flanguage.form-control,
    select#ftimezone.form-control {
        width: 47%;
        float: left;
    }
    select#ftimezone.form-control {
        margin-left: 10px;
    }
    .modal-dialog {
        width: 90% !important;
    }
    /*--*/
    .back-white.mobile section {
        width: 100% !important;
    }
    .back-white.mobile .onlinelist-item .item {
        margin: 10px 0px !important;
        height: 184px !important;
    }
    .back-white.mobile .onlinelist-item .item .photo,
    .back-white.mobile .onlinelist-item .item .whois {
        width: 260px !important;
    }
    .back-white.mobile .onlinelist-item .item .photo img {
        width: 165px !important;
        height: 165px !important;
    }
    /*.back-white.mobile .onlinelist-item .description {
    position: absolute;
  margin: 50px 0 0 179px !important;
    width: 100%;}*/
    .back-white.mobile .onlinelist-item .description h4.name {
        font-size: 25px !important;
    }
    .back-white.mobile .onlinelist-item .description p.language {
        font-size: 14px !important;
    }
    .back-white.mobile .onlinelist-item .botact {
        width: inherit !important;
    }
    .back-white.mobile .onlinelist-item .whois {
        font-size: 0pt !important;
    }
}

.desc-amazon-inquiry {
    text-align: justify;
    padding: 0px 15px 10px;
}

.amazon-title {
    height: 50px;
    position: relative;
    top: 5px;
}

.img-amazon-inquiry {
    height: 55px;
    top: -4px;
    position: relative;
    margin-left: 20px;
}

@media (max-width: 555px) {
    .img-amazon-inquiry {
        margin-left: 0;
    }
    img.amazon-title {
        height: 40px;
    }
}

@media (min-width: 768px) {
    .form-fields-teachers-jobs {
        padding-left: 235px;
    }
    .submit-teachers-jobs {
        position: absolute;
        width: 100%;
        margin-left: -251px;
        bottom: -62px;
    }
}

.back-blue-ext-white {
    background-color: white;
}

#banner-barriers-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 120px auto;
    font-family: "Raleway", sans-serif;
}

.banner-barriers-text {
    grid-row: 2/3;
    grid-column: 1/3;
    padding: 25px;
    color: white;
    text-align: center;
    align-self: center;
}

.banner-barriers-text p {
    font-size: 24px;
    margin: 20px 0;
}

.banner-barriers-text a {
    background-color: #fff;
    padding: 4px 8px;
    text-transform: uppercase;
    border-radius: 5px;
    margin-top: 5px;
}

.banner-barriers-text a:hover {
    text-decoration: none;
}

.banner-barriers-01.banner-barriers-a {
    background-image: url(/global/images/banners/banner-01-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-01.banner-barriers-b {
    background-image: url(/global/images/banners/banner-01-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-02.banner-barriers-a {
    background-image: url(/global/images/banners/banner-02-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-02.banner-barriers-b {
    background-image: url(/global/images/banners/banner-02-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-03.banner-barriers-a {
    background-image: url(/global/images/banners/banner-03-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-03.banner-barriers-b {
    background-image: url(/global/images/banners/banner-03-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-04.banner-barriers-a {
    background-image: url(/global/images/banners/banner-04-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-04.banner-barriers-b {
    background-image: url(/global/images/banners/banner-04-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-05.banner-barriers-a {
    background-image: url(/global/images/banners/banner-05-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-05.banner-barriers-b {
    background-image: url(/global/images/banners/banner-05-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-06.banner-barriers-a {
    background-image: url(/global/images/banners/banner-06-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-06.banner-barriers-b {
    background-image: url(/global/images/banners/banner-06-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-07.banner-barriers-a {
    background-image: url(/global/images/banners/banner-07-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-07.banner-barriers-b {
    background-image: url(/global/images/banners/banner-07-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-08.banner-barriers-a {
    background-image: url(/global/images/banners/banner-08-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-08.banner-barriers-b {
    background-image: url(/global/images/banners/banner-08-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-09.banner-barriers-a {
    background-image: url(/global/images/banners/banner-09-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-09.banner-barriers-b {
    background-image: url(/global/images/banners/banner-09-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-10.banner-barriers-a {
    background-image: url(/global/images/banners/banner-10-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-10.banner-barriers-b {
    background-image: url(/global/images/banners/banner-10-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-11.banner-barriers-a {
    background-image: url(/global/images/banners/banner-11-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-11.banner-barriers-b {
    background-image: url(/global/images/banners/banner-11-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-12.banner-barriers-a {
    background-image: url(/global/images/banners/banner-12-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-12.banner-barriers-b {
    background-image: url(/global/images/banners/banner-12-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-13.banner-barriers-a {
    background-image: url(/global/images/banners/banner-13-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-13.banner-barriers-b {
    background-image: url(/global/images/banners/banner-13-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-14.banner-barriers-a {
    background-image: url(/global/images/banners/banner-14-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-14.banner-barriers-b {
    background-image: url(/global/images/banners/banner-14-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-15.banner-barriers-a {
    background-image: url(/global/images/banners/banner-15-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-15.banner-barriers-b {
    background-image: url(/global/images/banners/banner-15-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-16.banner-barriers-a {
    background-image: url(/global/images/banners/banner-16-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-16.banner-barriers-b {
    background-image: url(/global/images/banners/banner-16-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-17.banner-barriers-a {
    background-image: url(/global/images/banners/banner-17-a.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.banner-barriers-17.banner-barriers-b {
    background-image: url(/global/images/banners/banner-17-b.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.barriers-text-17 > a {
    color: #000 !important;
}

@media (min-width: 768px) {
    #banner-barriers-grid {
        display: grid;
        grid-template-columns: 1.8fr 400px 2fr;
        width: 100vw;
        overflow: hidden;
        grid-template-rows: 295px;
    }
    .banner-barriers-text {
        grid-row: 1/2;
        grid-column: 2/3;
    }
    .banner-barriers-a {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    .banner-barriers-b {
        grid-column: 3/4;
        grid-row: 1/2;
    }
    .banner-barriers-text {
        text-align: left;
        align-self: center;
    }
}

.home-slogan-container {
    display: flex;
    align-items: flex-end;
}

.banda h4.preferred-supplier {
    text-align: center;
}

.column-news {
    float: left;
    width: 49.33%;
    padding: 5px;
}

.row-news::after {
    content: "";
    clear: both;
    display: table;
}

.col-video-ext {
    position: relative;
    height: 225px;
    width: 332px;
    border: 3px solid #0073bd;
    overflow: hidden;
    float: left;
    margin: 0 40px 0 0;
}

.content-video-ext {
    position: absolute;
    top: -33px;
    left: -5px;
    height: 252px;
    width: 332px;
}

/* New CSS based on LTBR Kids */

/* Base grid */

.grid-container {
    display: grid;
    grid-template-columns:
        [grid-start] minmax(5rem, 1fr) [center-start] repeat(
            8,
            minmax(min-content, 14rem)
        )
        [center-end] minmax(5rem, 1fr) [grid-end];
    grid-auto-rows: min-content;
}

.white-separator {
    margin-top: 5px;
}

.full-element {
    grid-column: grid-start / grid-end;
}

.center-element {
    grid-column: center-start / center-end;
    justify-self: center;
}

@media (max-width: 900px) {
    .center-element {
        grid-column: grid-start / grid-end;
    }
}

/* Valentine's banner styles */

.valentines-grid {
    display: grid;
    grid-template-columns: 1.3fr 1fr 1.8fr;
    grid-template-rows: auto;
}

/* Positioning of grid elements */

.valentines-grid__titles {
    grid-column: 1/2;
    grid-row: 1/2;
    background-color: #f1d3d5;
}

.valentines-grid__text {
    grid-column: 2/3;
    grid-row: 1/2;
    background-color: #c1e8e3;
}

.valentines-grid__header {
    grid-column: 2/3;
    grid-row: 1/2;
    height: 0px;
}

/* Styling of banner elements */

.valentines-grid__titles {
    padding: 5rem 8rem 2.5rem 12rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.valentines-grid__titles-headings h2 {
    font-size: 3rem;
    margin-top: 0;
    line-height: 3.8rem;
}

.valentines-grid__titles-headings h4 {
    font-size: 1.8rem;
}

.valentines-grid__titles-headings span {
    border-bottom: 2px solid #c1e8e3;
    font-weight: bold;
}

.valentines-grid__text {
    padding: 6rem 3rem 1rem 4rem;
    display: flex;
    flex-direction: column;
}

@media (max-width: 1300px) {
    .valentines-grid__text {
        align-items: center;
    }
}

.valentines-grid__text p {
    font-size: 2rem;
}

.valentines-grid__text span {
    font-size: 1.2rem;
}

.valentines-grid__text i {
    font-style: normal;
    border-bottom: 2px solid #f1d3d5;
    font-weight: bolder;
}

.valentines-grid__button,
.valentines-grid__button:visited,
.valentines-grid__button:link,
.valentines-popup__button-text,
.valentines-popup__button-text:visited,
.valentines-popup__button-text:link {
    font-size: 1.6rem;
    text-align: center;
    background-color: #fff;
    color: #d84327;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 1.3rem;
    padding: 0.7rem 1.5rem;
    font-weight: 300;
    letter-spacing: 2px;
    align-self: center;
    margin: 1.5rem 0 1rem 0;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: all 0.3s;
}

.valentines-grid__button:hover,
.valentines-popup__button-text:hover,
.easter-grid__button:hover {
    transform: scale(1.005) translateY(-2px);
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.4);
}

.valentines-grid__button:active,
.valentines-popup__button-text:active {
    transform: scale(1) translateY(0);
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
}

.valentines-grid__button:link,
.valentines-grid__button:visited,
.valentines-grid__button:active,
.valentines-grid__button:hover a.valentines-grid__button-text,
.valentines-popup__button-text:link,
.valentines-popup__button-text:visited,
.valentines-popup__button-text:active,
.valentines-popup__button-text:hover {
    text-decoration: none !important;
    color: #d84327 !important;
}

.valentines-grid__image {
    grid-column: 3/4;
    grid-row: 1/2;
    background-image: url(/global/images/bandas/valentines-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.valentines-grid__header p {
    background-color: #f1d3d5;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 100;
    margin-top: 2rem;
    padding: 0.5rem 0;
}

.valentines-grid__header-ger p {
    font-size: 1.2rem;
    font-weight: 400;
}

@media (max-width: 1300px) {
    .valentines-grid__header {
        grid-column: 1/3;
        grid-row: 1/2;
        height: 0px;
    }
    .valentines-grid__titles {
        padding: 6rem 2rem 3rem 5rem;
    }
}

@media (max-width: 1000px) {
    .valentines-grid {
        grid-template-columns: 1fr 1.4fr;
    }
    .valentines-grid__text,
    .valentines-grid__titles {
        padding: 1.5rem;
        padding-top: 6rem;
    }
    .valentines-grid__image {
        display: none;
    }
}

/* Valentine's popup styles */

.valentines-popup-container {
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1030;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 1;
    display: none;
}

.valentines-popup {
    background-image: url(/global/images/bandas/valentines-bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    width: 80rem;
    height: 46.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 8px 3rem rgba(0, 0, 0, 0.4);
}

.valentines-popup__close {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 2rem;
    background-color: white;
    border-radius: 60%;
    width: 3rem;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translate(50%, -35%);
    cursor: pointer;
}

.valentines-popup__header {
    background-color: #c1e8e3;
    width: 45%;
    text-align: center;
    margin-top: 1.5rem;
    text-transform: uppercase;
    font-size: 1.6rem;
    text-align: center;
    letter-spacing: 2px;
    font-weight: 100;
}

.valentines-popup__titles {
    padding: 1rem 1.5rem;
}

.valentines-popup__titles h2 {
    font-size: 3rem;
    margin-top: 0;
    word-spacing: 100vw;
}

.valentines-popup__titles h4 {
    font-size: 1.6rem;
    font-weight: 700;
    width: 24%;
}

.valentines-popup__titles-ger h4 {
    width: 40%;
}

.valentines-popup__text {
    padding: 1rem 3rem;
    display: flex;
    flex-direction: column;
    background-color: #c1e8e3;
    width: 40%;
}

.valentines-popup__text-ger {
    width: 44%;
}

.valentines-popup__text p {
    font-size: 1.8rem;
}

.valentines-popup__text span {
    font-size: 1.2rem;
}

.valentines-popup__text i {
    font-style: normal;
    border-bottom: 2px solid #f1d3d5;
    font-weight: bolder;
}

.valentines-popup__button {
    margin-left: 3rem;
}

@keyframes popup-fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 767px) {
    .valentines-popup-container {
        width: 100vw;
        height: auto;
        position: fixed;
        bottom: 0;
        left: 0;
        top: auto;
        z-index: 1030;
        background-color: #f1d3d5;
        opacity: 1;
        display: none;
    }
    .valentines-popup {
        background-image: none;
        background-size: cover;
        background-repeat: no-repeat;
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0);
        text-align: center;
    }
    .valentines-popup__close {
        transform: translate(-50%, 0);
        width: 4rem;
        height: 4rem;
        font-size: 2.8rem;
    }
    .valentines-popup__header {
        width: 100%;
        margin-top: 0;
    }
    .valentines-popup__header p {
        padding: 1rem 0;
    }
    .valentines-popup__titles {
        padding: 0;
    }
    .valentines-popup__titles h2 {
        word-spacing: normal;
    }
    .valentines-popup__titles h4 {
        width: 100%;
    }
    .valentines-popup__titles span {
        background-color: #fff;
    }
    .valentines-popup__text {
        padding: 1rem;
        display: flex;
        flex-direction: column;
        width: 100%;
        background-color: rgba(0, 0, 0, 0);
    }
    .valentines-popup__text p {
        margin: 0;
    }
    .valentines-popup__text i {
        border-bottom: 2px solid #c1e8e3;
    }
    .valentines-popup__button {
        margin-left: 0;
        margin-top: 0.5rem;
        margin-bottom: 2rem;
    }
}

.instagram-ext {
    overflow: auto;
    max-height: 361px;
    padding: 10px 80px;
}

/* EASTER BANNER */

.easter-grid {
    display: grid;
    grid-template-columns: 2fr 1.2fr 0.8fr;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 2rem;
    height: 20rem;
    overflow: hidden;
}

.easter-grid__image-and-title {
    background-image: url(/global/images/bandas/easter-bg.png);
    background-position: right bottom;
    background-repeat: no-repeat;
    background-size: 55%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.easter-grid__image-and-title img {
    width: 50%;
    margin-left: 3%;
}

.easter-grid__text {
    font-family: "Open Sans", sans-serif;
    width: 75%;
    margin-left: 7%;
}

.easter-grid__text h3,
.easter-popup__text h3 {
    font-size: 2.4rem;
    color: #96cabc;
    margin-top: 0;
    margin-bottom: 0.5rem;
}

.easter-grid__text h5,
.easter-popup__text h5 {
    color: #c6a44c;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}

.easter-grid__text h6,
.easter-popup__text h6 {
    color: #c6a44c;
    font-size: 1.5rem;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}

.easter-grid__text-small,
.easter-popup__text p {
    color: #717171;
    font-size: 0.8rem;
}

.easter-grid__button,
.easter-grid__button:visited,
.easter-grid__button:link {
    font-size: 1.6rem;
    text-align: center;
    background-color: #c6a44c;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 1.3rem;
    padding: 0.5rem 2.6rem;
    font-weight: 300;
    align-self: center;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: all 0.3s;
    font-family: "Open Sans", sans-serif;
    width: 100%;
}

.easter-grid__button-text,
.easter-grid__button-text:link,
.easter-grid__button-text:visited,
.easter-grid__button-text:hover,
.easter-grid__button-text:active {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .easter-grid {
        grid-template-columns: 1fr 1.35fr;
        grid-template-rows: auto auto;
        align-items: center;
        grid-gap: 1rem;
        height: auto;
        overflow: hidden;
    }
    .easter-grid__image-and-title {
        background-position: center bottom;
        background-size: 100%;
        justify-content: flex-start;
        min-height: 30rem;
        grid-row: 1 / 3;
    }
    .easter-grid__image-and-title img {
        width: 90%;
        margin-left: 5%;
    }
    .easter-grid__button {
        width: 60%;
        margin: auto;
        margin-bottom: 2rem;
    }
}

/* Easter popup */

.easter-popup {
    background-image: url(/global/images/bandas/easter-bg.png);
    background-repeat: no-repeat;
    width: 80rem;
    height: 46.5rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 2px 8px 3rem rgba(0, 0, 0, 0.4);
    background-color: white;
    background-position-x: 200px;
    background-size: 80%;
    background-position-y: bottom;
}

.easter-popup__titles {
    width: 40%;
    padding: 0 3rem;
}

.easter-popup__titles img {
    width: 80%;
    margin: auto;
    display: block;
}

.easter-popup__button {
    width: 80%;
    margin-top: 2.5rem;
}

@media (max-width: 767px) {
    .easter-popup {
        background-image: url(/global/images/bandas/easter-mobile-bg.png);
        background-size: contain;
        background-repeat: no-repeat;
        background-position: bottom;
        width: 100%;
        height: 100%;
        position: relative;
        top: 0;
        left: 0;
        transform: translate(0);
        text-align: center;
    }
    .easter-popup__text {
        text-align: left;
    }
    .easter-popup__titles {
        display: grid;
        grid-template-columns: 0.7fr 1fr;
        grid-template-rows: auto auto;
        width: 100%;
    }
    .easter-popup__button {
        grid-column: 1/3;
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
        width: auto;
    }
    .easter-popup__close {
        background-color: #cee5df;
        color: white;
        transform: translate(-50%, -50%);
    }
    .easter-popup__text h3 {
        font-size: 2.5rem;
    }
    .easter-popup__text h5 {
        font-size: 1.5rem;
    }
    .easter-popup__text p {
        font-size: 1.2rem;
    }
}

/* End New CSS based on LTBR Kids */

span.title2 {
    font-size: 30px;
    font-family: Open Sans, Aria;
}

.cookies-popup {
    position: fixed;
    width: 100vw;
    min-height: 5rem;
    text-align: center;
    background-color: rgba(23, 50, 93, 0.9);
    color: #eee;
    font-size: 14px;
    bottom: 0;
    z-index: 1000000;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 5px 3px rgba(0, 0, 0, 0.2);
    font-weight: normal;
    transition: bottom 2s;
}

.cookies-popup__hidden {
    bottom: -100%;
    transition: bottom 2s;
}

.cookies-popup__buttons {
    display: flex;
}

.cookies-popup p {
    margin-bottom: 0;
    margin-top: 6px;
}

.cookies-popup a {
    padding: 0.5rem 1.1rem;
    background-color: #fff;
    margin-left: 1rem;
    text-decoration: none;
    color: #17325d;
    transition: all 0.4s;
    border-radius: 5px;
    border: 1px solid #303030;
    text-transform: uppercase;
    font-weight: bold;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.cookies-popup a:hover {
    text-decoration: none;
    transform: scale(1.009) translateY(-1px);
}

@media (max-width: 1000px) {
    .cookies-popup {
        flex-direction: column;
    }
    .cookies-popup__buttons {
        margin-top: 0.6rem;
    }
}

@media (max-width: 767px) {
    .cookies-popup {
        font-size: 16px;
        padding: 1rem 2rem;
    }
    .cookies-popup a {
        padding: 0.5rem 1.1rem;
        font-size: 14px;
        margin-top: 0;
    }
    .cookies-popup p {
        margin-bottom: 0;
        line-height: 3rem;
        text-align: center;
    }
}

@media (min-width: 1000px) {
    .cookies-popup p {
        margin-bottom: 10px;
    }
}

.summer-banner {
    background-image: url(/global/images/bandas/summer_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 2.4fr 0.8fr;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 2rem;
    height: 20rem;
    overflow: hidden;
    padding: 0 12%;
    color: #fff;
}

.summer-banner--german {
    grid-template-columns: 1fr 2fr 0.8fr;
}

.summer-banner__titles h2,
.summer-popup__titles h2 {
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    font-size: 9rem;
    line-height: 3rem;
}

.summer-banner__titles h3,
.summer-popup__titles h3 {
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    font-size: 6rem;
    line-height: 3rem;
}

.summer-banner__titles h4,
.summer-popup__titles h4 {
    font-family: "Teko", sans-serif;
    text-transform: uppercase;
    font-size: 4.1rem;
    letter-spacing: 4px;
    margin-bottom: 0;
}

.summer-banner__text,
.summer-popup__text {
    font-size: 1.6rem;
}

.summer-banner__text p,
.summer-popup__text p {
    font-weight: bold;
    line-height: 20px;
    margin-bottom: 0;
}

.summer-banner__button-link,
.summer-banner__button-link:hover,
.summer-banner__button-link:active,
.summer-popup__button-link,
.summer-popup__button-link:hover,
.summer-popup__button-link:active {
    background-color: #fff;
    font-size: 1.6rem;
    text-align: center;
    color: #087f9c;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 1.3rem;
    padding: 1rem 2rem;
    font-weight: bold;
    align-self: center;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: all 0.3s;
    font-family: "Open Sans", sans-serif;
    width: 100%;
    text-decoration: none;
}

@media (max-width: 767px) {
    .summer-banner {
        background-image: url("/global/images/bandas/summer_mobile_bg.jpg");
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        height: auto;
        align-items: center;
        grid-gap: 2rem;
        overflow: hidden;
        padding: 5rem 5%;
        color: #fff;
        background-position: center;
    }
    .summer-banner__button-link,
    .summer-banner__button-link:hover,
    .summer-banner__button-link:active,
    .summer-popup__button-link,
    .summer-popup__button-link:hover,
    .summer-popup__button-link:active {
        display: inline;
    }
    .summer-banner__button {
        margin: 10px auto 0;
    }
}

.summer-popup {
    position: fixed;
    bottom: 0;
    width: 100vw;
    background-image: url("/global/images/bandas/summer_popup_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 2fr 0.8fr 0.3fr;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 2rem;
    padding: 25px 12% 15px;
    color: #fff;
    z-index: 100;
}

.summer-popup--german {
    padding: 25px 8% 25px;
}

.summer-popup__close {
    background-color: #fff;
    font-size: 3.6rem;
    text-align: center;
    color: #087f9c;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50%;
    align-self: center;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: all 0.3s;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50px);
}

@media (max-width: 767px) {
    .summer-popup {
        background-image: url(/global/images/bandas/summer_popup_mobile.jpg);
        padding: 15px 5% 5px;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        align-items: center;
        grid-gap: 1.5rem;
        color: #fff;
        z-index: 100;
        text-align: center;
    }
    .summer-popup__text > span > br {
        display: none;
    }
    .summer-popup__titles {
        grid-column: 1/2;
        display: flex;
        justify-content: space-around;
        align-items: baseline;
    }
    .summer-popup__titles h2 {
        font-size: 8.5rem;
        margin-bottom: 0;
    }
    .summer-popup__titles h3 {
        font-size: 6rem;
        margin-bottom: 0;
    }
    .summer-popup__titles h4 {
        font-size: 2.2rem;
        letter-spacing: 5px;
        margin-bottom: 0;
    }
    .summer-popup__button {
        margin-bottom: 15px;
    }
    .summer-popup__close {
        position: absolute;
        top: 10px;
        right: 10px;
        transform: none;
        width: 20px;
        height: 20px;
        font-size: 2rem;
    }
}

.alignjustify {
    text-align: justify;
    margin: 0 auto;
    display: block;
}

.language-levels__grid {
    display: grid;
    grid-template-columns: 3fr 1fr 1fr;
    grid-template-rows: auto;
    width: 100%;
    padding: 0 20px;
}

.language-levels__subgrid {
    display: grid;
    grid-column: 1/4;
    grid-template-columns: 3fr 1fr 1fr;
    align-items: center;
    color: #fb6612;
}

.language-levels__subgrid > *:nth-child(3n + 1) {
    text-align: left;
}

.language-levels__grid > *:nth-child(1) {
    text-align: left;
    display: flex;
    height: 100%;
    align-items: center;
}

.language-levels__grid > *:nth-child(2) > strong,
.language-levels__grid > *:nth-child(3) > strong {
    display: block;
    font-size: 18px;
    padding: 0;
    line-height: 22px;
}

.language-levels__grid > *:nth-child(2),
.language-levels__grid > *:nth-child(3) {
    padding: 30px 0;
    border-top: 2px solid white;
    border-left: 2px solid white;
    border-right: 2px solid white;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.language-levels__subgrid > *:nth-child(1),
.language-levels__subgrid > *:nth-child(2),
.language-levels__subgrid > *:nth-child(3),
.language-levels__subgrid > *:nth-child(7),
.language-levels__subgrid > *:nth-child(8),
.language-levels__subgrid > *:nth-child(9),
.language-levels__subgrid > *:nth-child(13),
.language-levels__subgrid > *:nth-child(14),
.language-levels__subgrid > *:nth-child(15) {
    background-color: #fed6c4;
    height: 100%;
    padding: 15px 5px;
}

.language-levels__subgrid > *:nth-child(4),
.language-levels__subgrid > *:nth-child(5),
.language-levels__subgrid > *:nth-child(6),
.language-levels__subgrid > *:nth-child(10),
.language-levels__subgrid > *:nth-child(11),
.language-levels__subgrid > *:nth-child(12),
.language-levels__subgrid > *:nth-child(16),
.language-levels__subgrid > *:nth-child(17),
.language-levels__subgrid > *:nth-child(18) {
    background-color: #fff;
    height: 100%;
    padding: 15px 5px;
}

.language-levels__subgrid > *:nth-child(2),
.language-levels__subgrid > *:nth-child(5),
.language-levels__subgrid > *:nth-child(8),
.language-levels__subgrid > *:nth-child(11),
.language-levels__subgrid > *:nth-child(14),
.language-levels__subgrid > *:nth-child(17) {
    border-right: 1px solid #fb6612;
    border-left: 1px solid #fb6612;
}

@media (max-width: 767px) {
    .language-levels__grid {
        grid-template-columns: 1fr 1fr;
    }
    .language-levels__grid > h3 {
        display: none !important;
    }
    .language-levels__grid > *:nth-child(2) > strong,
    .language-levels__grid > *:nth-child(3) > strong {
        font-size: 12px;
    }
    .language-levels__grid > *:nth-child(2),
    .language-levels__grid > *:nth-child(3) {
        font-size: 10px;
    }
    .language-levels__subgrid {
        grid-template-columns: 1fr 1fr;
    }
    .language-levels__subgrid > *:nth-child(3n + 1) {
        grid-column: 1/3;
        text-align: center;
        border-top: 1px solid #fb6612;
        border-bottom: 1px solid #fb6612;
    }
    .language-levels__subgrid > *:nth-child(2),
    .language-levels__subgrid > *:nth-child(5),
    .language-levels__subgrid > *:nth-child(8),
    .language-levels__subgrid > *:nth-child(11),
    .language-levels__subgrid > *:nth-child(14),
    .language-levels__subgrid > *:nth-child(17) {
        border-left: 0;
    }
}

.christmas-banner {
    background-image: url(/global/images/bandas/christmas_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 2rem;
    height: 27.2rem;
    overflow: hidden;
    padding-left: 30%;
}

.christmas-banner--german {
    grid-template-columns: 1fr 2fr 0.8fr;
}

.christmas-banner__titles h2,
.christmas-popup__titles h2 {
    font-family: "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    line-height: 1;
    color: #ff0018;
}

.christmas-banner__titles h2 {
    font-size: 4.1rem;
}

.christmas-popup__titles h2 {
    font-size: 2rem;
    margin: 0;
}

.christmas-banner__titles h4,
.christmas-popup__titles h4 {
    font-family: "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    font-size: 3.5rem;
    margin-bottom: 0;
    color: #707070;
    font-weight: 300;
}

.christmas-banner__titles h4 {
    font-size: 3.5rem;
}

.christmas-popup__titles h4 {
    font-size: 1.8rem;
    margin: 0;
}

.christmas-banner__text {
    margin-top: 1rem;
    font-size: 1.6rem;
}

.christmas-banner__text p,
.christmas-popup__text p {
    font-family: "Helvetica Neue", sans-serif;
    line-height: 1.35;
    margin-bottom: 0;
    color: #707070;
    font-weight: 300;
}

.christmas-banner__button {
    text-align: center;
}

.christmas-banner__button-link,
.christmas-banner__button-link:hover,
.christmas-banner__button-link:active,
.christmas-banner__button-link:focus,
.christmas-popup__button-link,
.christmas-popup__button-link:hover,
.christmas-popup__button-link:active,
.christmas-popup__button-link:focus {
    background-color: #ff0000;
    font-size: 1.6rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    display: inline;
    border-radius: 1.8rem;
    padding: 1rem 3rem;
    font-weight: bold;
    align-self: center;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: all 0.3s;
    font-family: "Helvetica Neue", sans-serif;
    width: 100%;
    text-decoration: none;
}

.christmas-popup__button-link,
.christmas-popup__button-link:hover,
.christmas-popup__button-link:active,
.christmas-popup__button-link:focus {
    font-size: 1.2rem;
    padding: 1rem 1.5rem;
}

@media (max-width: 767px) {
    .christmas-banner {
        background-image: url(/global/images/bandas/christmas_mobile_bg.png);
        grid-template-columns: 66%;
        grid-template-rows: auto;
        height: auto;
        align-items: center;
        grid-gap: 2rem;
        overflow: hidden;
        padding: 0 5%;
        background-size: cover;
        background-position: right;
    }
    .christmas-banner__titles h2,
    .christmas-popup__titles h2 {
        font-size: 2.2rem;
    }
    .christmas-banner__titles h4,
    .christmas-popup__titles h4 {
        font-size: 2rem;
    }
    .christmas-banner__button-link,
    .christmas-banner__button-link:hover,
    .christmas-banner__button-link:active,
    .christmas-popup__button-link,
    .christmas-popup__button-link:hover,
    .christmas-popup__button-link:active {
        display: inline;
    }
    .christmas-banner__button {
        margin: 10px 0;
        text-align: left;
        margin-bottom: 25px;
    }
}

.christmas-popup {
    position: fixed;
    bottom: 0;
    width: 100vw;
    background-image: url(/global/images/bandas/christmas_popup_bg.png);
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 1fr 2fr auto 0.1fr;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 2rem;
    padding: 10px 10px 10px 20%;
    color: #fff;
    z-index: 100;
    background-position: bottom;
}

.christmas_popup__text {
    font-size: 1.5rem;
}

.christmas-popup__text span,
.christmas-banner__text span {
    font-size: 1.2rem;
    font-style: italic;
    color: #707070;
}

.christmas-popup__close {
    background-color: #ff0000;
    font-size: 1.5rem;
    text-align: center;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 50%;
    align-self: center;
    box-shadow: 0px 2px 6px rgba(0, 0, 0, 0.4);
    cursor: pointer;
    transition: all 0.3s;
    font-family: "Open Sans", sans-serif;
    text-decoration: none;
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-145%);
}

@media (max-width: 767px) {
    .christmas-popup {
        background-image: url(/global/images/bandas/christmas_popup_mobile.png);
        padding: 15px 5% 5px;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        align-items: center;
        grid-gap: 1.5rem;
        color: #fff;
        z-index: 100;
        text-align: center;
    }
    .christmas-popup__text {
        font-size: 1.4rem;
    }
    .christmas-popup__titles {
        grid-column: 1/2;
        display: flex;
        justify-content: center;
        align-items: baseline;
        flex-direction: column;
        align-items: center;
    }
    .christmas-popup__titles h2 {
        font-size: 2.5rem;
        margin-bottom: 0;
    }
    .christmas-popup__titles h4 {
        font-size: 2.2rem;
        margin-bottom: 0;
    }
    .christmas-popup__button {
        margin-bottom: 15px;
    }
    .christmas-popup__close {
        position: absolute;
        top: -10px;
        right: 10px;
        transform: none;
        width: 20px;
        height: 20px;
        font-size: 2rem;
    }
}

.reviews-flexbox {
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    justify-items: center;
    flex-direction: row;
}

@media (max-width: 767px) {
    .reviews-flexbox {
        flex-direction: column;
    }
}

.test-center-grid {
    display: grid;
    grid-template-columns: 1fr 3fr;
    grid-column-gap: 70px;
    width: 90%;
    margin: auto;
    grid-row-gap: 80px;
}

.testtype {
    grid-column: 1/2;
}

.testdescription {
    grid-column: 2/3;
    text-align: justify;
    margin-top: 20px;
}

.testcenter-toppanel {
    display: grid;
    grid-template-columns: 1fr;
    width: 35%;
    margin: auto;
    padding-top: 250px;
}

.testcenter-title {
    display: none;
}

.testcenter-intro {
    text-align: justify;
    color: #c14445;
    background-color: #fabd17;
    font-size: 1pc;
    padding: 10px;
}

@media (max-width: 767px) {
    .test-center-grid {
        grid-template-columns: 1fr;
        grid-row-gap: 0px;
    }
    .testdescription,
    .testtype {
        grid-column: auto;
    }
    .testdescription {
        margin-bottom: 40px;
    }
    .testdescriptionflex {
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .testcenter-title {
        display: flex;
        flex-direction: column;
        align-items: center;
        background-color: #fff;
    }
    .testcenter-toppanel {
        width: 90%;
        padding-top: 150px;
    }
    .testcenter-intro {
        margin-bottom: 40px;
    }
}

.navbar-collapse.in {
    overflow-y: inherit;
    overflow: inherit;
}

.help-block-error {
    background-color: wheat;
}

.link--underlined--white:link,
.link--underlined--white:active,
.link--underlined--white:visited {
    color: #fff;
    text-decoration: underline;
    font-weight: normal;
}

.link--underlined--white:hover {
    font-weight: bold;
}

.ltaus-contact-grid {
    display: grid;
    grid-template-columns: 300px 300px;
    grid-column-gap: 100px;
    width: 100%;
    justify-content: center;
    text-align: left;
    grid-row-gap: 30px;
    margin-bottom: 30px;
}

.ltaus-contact-grid__emails {
    grid-column: 1/3;
    text-align: center;
    padding-bottom: 20px;
    font-weight: bold;
}

.ltaus-contact-grid__office {
    grid-column: auto / span 1;
}

@media (max-width: 767px) {
    .ltaus-contact-grid {
        grid-template-columns: 1fr;
        grid-column-gap: 0;
        justify-items: center;
        text-align: center;
    }
    .ltaus-contact-grid__emails {
        grid-column: 1/2;
    }
}

.valentines-fr.valentines-popup__titles h2 {
    word-spacing: normal;
}

.client-journey {
    display: grid;
    grid-template-columns: 1fr 50px 1fr 50px 1fr 50px 1fr 50px 1fr;
    margin: 30px 0 60px;
}

.client-journey__step {
    border: 2px solid white;
    border-radius: 8px;
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.2);
}

.client-journey__arrow {
    content: "";
    background-image: url(/global/images/journey-arrow.png);
    display: block;
    width: 28px;
    height: 33px;
    position: relative;
    left: 15px;
    background-size: contain;
    align-self: center;
}

.client-list-banner {
    margin: 30px 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 100px;
}

.client-list-item {
    max-width: 100%;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    font-weight: bold;
    align-items: center;
}

.client-list-item > img {
    max-width: 130px;
    margin-bottom: 18px;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.3);
    border-radius: 50%;
}

.client-list-button {
    border: 1px solid #fff;
    border-radius: 8px;
    padding: 6px 20px;
    margin-bottom: 50px;
}

.about-text-boxed {
    width: 55%;
    margin: auto;
}

@media (max-width: 1200px) {
    .client-list-banner {
        grid-column-gap: 50px;
    }
}

@media (max-width: 767px) {
    .client-journey {
        grid-template-columns: 1fr;
        grid-template-rows: auto 50px auto 50px auto 50px auto 50px auto;
        width: 80%;
        margin: 30px auto;
    }
    .client-journey__arrow {
        transform: rotate(90deg);
        left: 0;
        justify-self: center;
    }
    .client-list-banner {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .client-list-item {
        display: flex;
        flex: 0 0 30%;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        font-weight: bold;
        margin-bottom: 25px;
    }

    .client-list-item > p {
        min-height: 50px;
    }
    .about-text-boxed {
        width: 100%;
    }
}

@media (max-width: 300px) {
    .client-list-item {
        margin-right: 0 !important;
    }
}

#home-video {
    position: relative;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
}

.home-video-overlay {
    display: flex;
    position: absolute;
    top: 0;
    background-image: none;
    justify-content: center !important;
    padding-top: 39% !important;
    width: 100%;
}

.home-video-btn {
    padding: 13px;
    font-weight: 400;
    font-size: 20px;
    font-weight: bold;
    border: 1px solid #fff;
    border-radius: 10px;
    color: #fff;
    background-color: transparent;
    transition: background-color 0.3s;
}

.home-video-btn:first-child {
    margin-right: 60px;
}

.home-video-btn:hover,
.home-video-btn:active,
.home-video-btn:visited {
    color: #fff;
}

.home-video-btn--green:hover {
    background-color: #00c7bc;
    transition: background-color 0.3s;
}

.home-video-btn--orange:hover {
    background-color: #f47921;
    transition: background-color 0.3s;
}

.intro-slides-mobile {
    display: none;
}

#home-video-mobile {
    display: none;
}

@media (max-width: 767px) {
    .intro-slides-mobile {
        display: block;
    }
    #home-video {
        display: none;
    }
    #home-video-mobile {
        display: block;
        width: 100%;
    }
    .home-video-overlay {
        flex-direction: column;
        align-items: center;
        padding-top: 300px !important;
    }
    .home-video-btn:first-child {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

@media (min-width: 1500px) {
    .home-video-overlay {
        padding-top: 35% !important;
    }
}

.spinning-online-banner {
    background-color: #fc6720;
    background-image: url(/global/images/bandas/spinning-online-bg.png);
    background-position: left;
    background-repeat: no-repeat;
    background-size: contain;
    min-height: 280px;
    padding: 0% 10% 0% 50%;
    font-size: 27px;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    text-align: right;
    display: flex;
    align-items: center;
    font-weight: 100;
    line-height: 1.4;
}

.spinning-online-banner > div > a,
.spinning-online-banner > div > a:hover,
.spinning-online-banner > div > a:visited,
.spinning-online-banner > div > a:active {
    color: #fff;
    text-decoration: underline;
    display: inline-block;
}

@media (max-width: 767px) {
    .spinning-online-banner {
        background-image: url(/global/images/bandas/spinning-online-mobile-bg.png);
        background-position: top;
        height: auto;
        font-size: 18px;
        text-align: center;
        padding: 240px 5% 5% 5%;
    }
}

@media (min-width: 401px) and (max-width: 567px) {
    .spinning-online-banner {
        padding: 320px 5% 5% 5%;
    }
}

@media (min-width: 568px) and (max-width: 767px) {
    .spinning-online-banner {
        padding: 420px 5% 5% 5%;
    }
}

@media (min-width: 768px) and (max-width: 1000px) {
    .spinning-online-banner {
        min-height: 230px;
        padding: 0% 5% 0% 50%;
        background-size: cover;
        background-position: -200px;
        font-size: 20px;
    }
}

@media (min-width: 1001px) and (max-width: 1200px) {
    .spinning-online-banner {
        min-height: 250px;
        padding: 0% 7% 0% 50%;
        font-size: 24px;
    }
}

@media (min-width: 1920px) {
    .spinning-online-banner {
        min-height: 420px;
        padding: 0% 10% 0% 50%;
        font-size: 36px;
    }
}

.box-rounded-ext {
    font-family: Open Sans, Arial;
    background-repeat: repeat;
    border-radius: 10px;
    padding: 20px 20px;
    display: block;
    font-size: 14px;
    position: absolute;
    top: 0px;
    float: right;
    background-color: #fc6a12;
    color: #fff;
}

/*     QUARANTINE BANNERS 2020     */

.hybrid-lessons,
.hybrid-lessons-2 {
    background-image: url(/global/images/bandas/hybrid-lessons.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    min-height: 500px;
    background-size: cover;
    background-position: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
}

.hybrid-lessons-2 {
    background-image: url(/global/images/bandas/hybrid-lessons-2.jpg);
}

.hybrid-lessons__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 11%;
    width: 30%;
}

.hybrid-lessons__content--right {
    width: 35%;
    position: absolute;
    right: 0;
    margin-left: 0;
    margin-right: 11%;
}

.hybrid-lessons__title {
    color: #fff;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    line-height: 1.3;
}

.hybrid-lessons__title-blue {
    color: #0071bc;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    line-height: 1.3;
}

.hybrid-lessons__list {
    list-style-type: disc;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    padding-left: 10px;
}

.hybrid-lessons__mobile,
.hybrid-lessons-2__mobile {
    display: none;
}

/*.hybrid-lessons__list > li::before {
  content: '•';
  width: 1px;
  height: 1px;
  position: relative;
  right: 10px;
  font-weight: 900;
}*/

.hybrid-lessons__btn {
    font-family: "Open Sans", sans-serif;
    background-color: #fd7213;
    color: #fff;
    padding: 10px 25px;
    border-radius: 4px;
    align-self: flex-start;
    margin-top: 15px;
    font-size: 15px;
    transition: all 0.4s;
    text-align: center;
}

.hybrid-lessons__btn:hover {
    color: #fff;
    text-decoration: none;
}

.banda-online-language {
    background-color: #fff;
    padding: 30px 0 50px;
}

.banda-online-language__content {
    color: #707070;
    font-family: "Open Sans", sans-serif;
    display: flex;
    flex-direction: column;
}

.banda-online-language__content > h2 {
    color: #0083c7;
    font-weight: normal;
    font-size: 30px;
    text-align: center;
}

.banda-online-language__content > h4 {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
    text-align: justify;
    font-weight: bold;
}

.banda-online-language__content > p {
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 30px;
    text-align: justify;
}

.banda-online-language__content > a,
.banda-online-language__btns > a {
    font-size: 18px;
    border: 1px solid #0083c7;
    border-radius: 6px;
    padding: 6px 20px;
    align-self: center;
    text-align: center;
    color: #0083c7;
    text-transform: uppercase;
}

.banda-online-language__content > a:last-of-type,
.banda-online-language__btns > a:last-of-type {
    color: #fff;
    background-color: #0083c7;
    text-transform: uppercase;
}

.banda-online-language__content > a:hover,
.banda-online-language__content > a:active,
.banda-online-language__content > a:visited {
    text-decoration: none;
}

.banda-online-language__btns {
    display: flex;
    justify-content: center;
    align-items: center;
}

.online-glance__content,
.hybrid-lessons-2__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-left: 11%;
    width: 30%;
}

.online-glance__title {
    color: #707070;
    font-weight: 600;
    font-family: "Open Sans", sans-serif;
    font-size: 30px;
    line-height: 1.3;
}

.online-glance__list {
    list-style-type: disc;
    color: #707070;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.2;
    padding-left: 22px;
    text-align: left;
}

.banda-online-lessons-1 {
    background-image: url(/global/images/bandas/online-lessons-1.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    min-height: 400px;
    background-size: cover;
    background-position: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: top;
}

.online-lessons-1__text {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}

.online-lessons-1__text-blue {
    color: #0071bc;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.2;
}

.banda-switch-to-online {
    padding: 120px 15%;
    color: #fff;
    background-color: #158acb;
    font-family: "Open Sans", sans-serif;
    display: grid;
    grid-template-columns: 0.75fr 1fr;
    grid-column-gap: 50px;
    align-items: center;
}

.banda-switch-to-online > img {
    max-width: 100%;
    border-radius: 10px;
}

.banda-switch-to-online > div > h2 {
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 26px;
    margin-top: 10px;
}

.banda-switch-to-online > div > p {
    line-height: 1.5;
    text-align: justify;
}

.banda-home-level-test {
    background-image: url(/global/images/bandas/banda-home-level-test.webp);
    display: flex;
    padding: 60px 11% 80px 11%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.banda-home-level-test__content {
    background-color: #fc6a20;
    border-radius: 8px;
    color: #fff;
    width: 35%;
    min-width: 400px;
    padding: 30px 25px;
    display: flex;
    flex-direction: column;
    height: 92%;
    text-align: justify;
}

.banda-home-level-test__content > h2 {
    margin-top: 0;
    font-size: 26px;
    font-weight: bold;
    text-align: center;
}

.banda-home-level-test__content > b {
    margin: 10px 0 20px;
    display: block;
}

.banda-home-level-test__content > span {
    display: block;
}

.banda-home-level-test__content > a {
    color: #fff;
    background-color: #137fc5;
    border: 2px solid #fff;
    padding: 6px 15px;
    text-transform: uppercase;
    border-radius: 5px;
    display: inline-block;
    transform: translateY(30%);
    align-self: center;
    text-align: center;
}

.online-lessons-2__app-icons {
    display: flex;
    flex-direction: row;
    margin-bottom: 20px;
    margin-top: 15px;
}

.online-lessons-2__app-icons > img {
    max-height: 60px;
}

.online-lessons-2__app-icons > img:not(:last-child) {
    margin-right: 20px;
}

.online-lessons-2__btns {
    display: flex;
    flex-direction: row;
}

.online-lessons-2__btns > a:first-child {
    margin-right: 20px;
}

.hybrid-lessons__dual {
    display: flex;
    flex-direction: row;
    padding: 0;
}

.hybrid-lessons__dual > div > h5 {
    color: #137fc5;
    font-weight: bold;
    font-size: 16px;
}

.hybrid-lessons__dual > div > p {
    color: #707070;
    font-size: 16px;
}

.hybrid-lessons__dual > div:first-child {
    padding-right: 15px;
    border-right: 1px solid #707070;
}

.hybrid-lessons__dual > div:last-child {
    margin-left: 15px;
}

.hybrid-lessons-3 {
    background-color: black;
    padding: 20px 0;
    font-family: "Open Sans", sans-sans-serif;
}

.hybrid-lessons-3__yellow {
    background-color: #f9c22c;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 0.6fr 0.4fr;
    grid-column-gap: 25px;
    align-items: center;
    padding: 20px 0;
    width: calc(100% - 40px);
    margin-left: 20px;
}

.hybrid-lessons-3__titles {
    display: flex;
    flex-direction: column;
    font-weight: bold;
    align-items: end;
    align-items: flex-end;
    padding-left: 40px;
}

.hybrid-lessons-3__titles > h2 {
    color: #000;
    text-transform: uppercase;
    font-size: 45px;
    letter-spacing: 12px;
    margin-bottom: 5px;
    font-weight: 900;
}

.hybrid-lessons-3__titles > h4 {
    color: #f9c22c;
    background-color: #000;
    text-transform: uppercase;
    font-size: 16px;
    padding: 5px;
    margin-top: 0;
    margin-right: 12px;
}

.hybrid-lessons-3__text {
    display: flex;
    flex-direction: column;
    color: #000;
}

.hybrid-lessons-3__text > a {
    border: 1px solid #000;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 5px;
    display: block;
    align-self: flex-start;
    color: #000;
    transition: all 0.3s;
}

.hybrid-lessons-3__text > a:hover,
.hybrid-lessons-3__text > a:active,
.hybrid-lessons-3__text > a:visited {
    text-decoration: none;
    background-color: #000;
    color: #f9c22c;
    transition: all 0.3s;
}

.hybrid-lessons-3__dot-1 {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    transform: translate(30px, 10px);
}

.hybrid-lessons-3__dot-2 {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    transform: translate(30px, -30px);
}

.hybrid-lessons-3__dot-3 {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    transform: translate(-30px, 10px);
    right: 0;
}

.hybrid-lessons-3__dot-4 {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background-color: black;
    border-radius: 50%;
    position: absolute;
    transform: translate(-30px, -30px);
    right: 0;
}

.banda-news-2020 {
    background-image: url(/global/images/bandas/news-2020.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    min-height: 380px;
    background-size: cover;
    background-position: top right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

h2.home-welcome__title {
    text-align: center;
}

p.home-welcome__description {
    text-align: justify;
    margin: auto;
    font-size: 16px;
    line-height: 1.4;
}

.news-banner__text {
    display: flex;
    flex-direction: column;
}

@media (min-width: 1001px) and (max-width: 1200px) {
    .hybrid-lessons {
        background-position-x: -190px;
    }
    .hybrid-lessons__content {
        margin-left: 5%;
    }
}

@media (max-width: 1000px) {
    .hybrid-lessons {
        background-image: url(/global/images/bandas/hybrid-lessons-mobile.jpg);
        background-size: cover;
        background-position: top;
        min-height: auto;
    }
    .hybrid-lessons-2 {
        background-image: none;
        background-size: contain;
        background-position: top;
        min-height: auto;
    }
    .online-lessons-glance {
        background-image: url(/global/images/bandas/glance-banner-mobile.jpg);
        background-size: contain;
        background-position: top;
    }
    .hybrid-lessons__content {
        margin-top: 0;
        margin-left: 5%;
        width: 90%;
        position: relative;
        right: auto;
        padding: 20px 0;
    }

    .hybrid-lessons__title {
        font-size: 20px;
        line-height: 1.3;
        color: #fff;
    }

    .online-glance__content {
        margin-top: 5%;
        margin-left: 5%;
        width: 90%;
        position: relative;
        right: auto;
        padding: 140px 0 20px;
        text-align: center !important;
        font-size: 20px;
        line-height: 1.3;
        color: #6d6666;
    }

    .hybrid-lessons-2__content {
        margin-left: 5%;
        width: 90%;
        position: relative;
        right: auto;
        padding: 0 0 20px;
        text-align: center !important;
        font-size: 20px;
        line-height: 1.3;
        color: #6d6666;
    }

    .hybrid-lessons-2__mobile {
        display: block;
        grid-column: 1/-1;
        width: 100%;
    }

    .hybrid-lessons__title-blue,
    .hybrid-lessons__dual {
        text-align: left;
    }

    .hybrid-lessons__list {
        color: #fff;
    }
    .hybrid-lessons__list,
    .online-lessons-1__text {
        font-size: 16px;
    }
    .hybrid-lessons__btn {
        align-self: center;
        margin-bottom: 25px;
        font-size: 13px;
        width: 100%;
    }
    .banda-online-lessons-1 {
        background-image: url(/global/images/bandas/online-lessons-mobile.png);
        background-size: cover;
        background-position: top;
        min-height: auto;
    }

    .online-lessons-1__text {
        color: #fff;
    }
    .hybrid-lessons-3__yellow {
        grid-template-columns: 1fr;
        grid-row-gap: 25px;
        align-items: center;
    }
    .hybrid-lessons-3__dot-2 {
        transform: translate(30px, -30px);
    }
    .hybrid-lessons-3__dot-4 {
        transform: translate(-30px, -30px);
        right: 0;
    }
    .hybrid-lessons-3__titles,
    .hybrid-lessons-3__text {
        align-items: center;
    }
    .hybrid-lessons-3__titles > h2 {
        text-transform: uppercase;
        font-size: 40px;
        letter-spacing: 6px;
        margin-bottom: 5px;
        font-weight: 900;
    }
    .hybrid-lessons-3__text > a {
        align-self: center;
    }
    p.home-welcome__description {
        max-width: 85%;
    }
}

@media (max-width: 767px) {
    .banda-online-language__content {
        padding: 0 5%;
    }

    .banda-online-language__btns {
        flex-direction: column;
    }

    .banda-online-language__btns > a {
        width: 100%;
    }

    .banda-switch-to-online {
        padding: 30px 5%;
        font-family: "Open Sans", sans-serif;
        grid-template-columns: 1fr;
    }
    .banda-home-level-test__content {
        width: 100%;
        min-width: 0;
    }
    .online-lessons-2__app-icons {
        justify-content: center;
    }
    .hybrid-lessons-3__yellow {
        width: calc(100vw - 40px);
        padding: 20px;
        text-align: center;
    }
    .hybrid-lessons-3__titles > h2 {
        font-size: 36px;
        letter-spacing: 3px;
        margin-bottom: 5px;
        font-weight: 900;
    }
    .hybrid-lessons-3__titles > h4 {
        text-align: center;
        font-size: 14px;
        margin-right: 0px;
    }
    .banda-news-2020 {
        background-image: none;
    }

    .hybrid-lessons__mobile {
        display: block;
        grid-column: 1/-1;
        width: 100%;
    }

    .hybrid-lessons__btn {
        display: flex;
        justify-content: center;
    }

    .news-banner__content {
        width: 100%;
        margin-left: 0;
        padding: 0;
    }

    .news-banner__text {
        padding: 0 5%;
        transform: translateY(-15px);
    }
}

.narrow-online {
    width: 90%;
    margin-left: 5%;
}

.narrow-online > h4 {
    color: #0080c5;
    font-size: 26px;
    margin-bottom: 30px;
}

.online-types-grid {
    display: grid;
    grid-template-columns: repeat(3, 160px);
    grid-column-gap: 90px;
    justify-content: center;
    grid-template-rows: 250px;
    margin-bottom: 40px;
}

.online-type {
    display: flex;
    flex-direction: column;
}

.online-type > img {
    max-width: 100%;
}

.type-courses-desc {
    position: relative;
    padding: 5px 10px;
    box-sizing: border-box;
    border-bottom-left-radius: 8px;
    font-size: 19px;
    border-bottom-right-radius: 8px;
    color: #707070;
}

.online-classes__title {
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    padding-top: 100px;
    font-size: 65px;
    color: #1f87c8;
    text-transform: uppercase;
}

p.online-classes-main {
    color: #707070;
    font-size: 19px;
    line-height: 28px;
    margin-bottom: auto;
    text-align: center;
}

.online-lessons__btn {
    padding: 10px 25px;
    /*background-color: white;*/
    border: 2px solid #fff;
    border-radius: 5px;
    text-transform: uppercase;
    color: #fff !important;
    font-size: 16px !important;
}

.online-lessons__btn-ext {
    padding: 10px 25px;
    background-color: #fe7413;
    border: 0;
    border-radius: 5px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media (max-width: 767px) {
    .online-classes__title {
        font-size: 30px;
    }

    .online-types-grid {
        grid-gap: 25px;
        grid-template-columns: 1fr 1fr;
        grid-template-rows: auto;
    }

    .type-courses-desc {
        font-size: 15px;
    }

    .online-types-grid > a:last-of-type {
        transform: translateX(50%);
    }

    p.online-classes-main {
        font-size: 15px;
        line-height: 1.5;
    }

    .online-lessons__btn,
    .online-lessons__btn--ext {
        font-size: 14px !important;
        font-weight: bold !important;
    }
}

.online-classes-open-groups-container {
    background-color: #f0f0f0;
    border-radius: 15px;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    margin-bottom: 40px;
}

.online-classes-open-groups-container__img {
    width: 70px;
    height: auto;
    margin-right: 20px;
}

.online-classes-open-groups-container__text {
    text-align: left;
    line-height: 1.3;
}

.online-classes-open-groups-container__text > a {
    color: #fc6a20;
    text-decoration: underline;
}

.round-flags-2020 a {
    background-repeat: no-repeat;
    background-size: 100px;
    padding-top: 110px;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-position: center top;
    margin-bottom: 30px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.round-flags-2020 a.afrikaans {
    background-image: url("../images/online-classes/flags/afrikaans.png");
}

.round-flags-2020 a.arabic {
    background-image: url("../images/online-classes/flags/arabic.png");
}

.round-flags-2020 a.catalan {
    background-image: url("../images/online-classes/flags/catalan.png");
}

.round-flags-2020 a.chinese,
.round-flags-2020 a.mandarin-chinese {
    background-image: url("../images/online-classes/flags/chinese.png");
}

.round-flags-2020 a.croatian {
    background-image: url("../images/online-classes/flags/croatian.png");
}

.round-flags-2020 a.danish {
    background-image: url("../images/online-classes/flags/danish.png");
}

.round-flags-2020 a.dutch {
    background-image: url("../images/online-classes/flags/dutch.png");
}

.round-flags-2020 a.english {
    background-image: url("../images/online-classes/flags/english.png");
}

.round-flags-2020 a.french {
    background-image: url("../images/online-classes/flags/french.png");
}

.round-flags-2020 a.german {
    background-image: url("../images/online-classes/flags/german.png");
}

.round-flags-2020 a.greek {
    background-image: url("../images/online-classes/flags/greek.png");
}

.round-flags-2020 a.hebrew {
    background-image: url("../images/online-classes/flags/hebrew.png");
}

.round-flags-2020 a.hindi {
    background-image: url("../images/online-classes/flags/hindi.png");
}

.round-flags-2020 a.icelandic {
    background-image: url("../images/online-classes/flags/icelandic.png");
}

.round-flags-2020 a.italian {
    background-image: url("../images/online-classes/flags/italian.png");
}

.round-flags-2020 a.japanese {
    background-image: url("../images/online-classes/flags/japanese.png");
}

.round-flags-2020 a.korean {
    background-image: url("../images/online-classes/flags/korean.png");
}

.round-flags-2020 a.norwegian {
    background-image: url("../images/online-classes/flags/norwegian.png");
}

.round-flags-2020 a.polish {
    background-image: url("../images/online-classes/flags/polish.png");
}

.round-flags-2020 a.portuguese {
    background-image: url("../images/online-classes/flags/portuguese.png");
}

.round-flags-2020 a.romanian {
    background-image: url("../images/online-classes/flags/romanian.png");
}

.round-flags-2020 a.russian {
    background-image: url("../images/online-classes/flags/russian.png");
}

.round-flags-2020 a.spanish {
    background-image: url("../images/online-classes/flags/spanish.png");
}

.round-flags-2020 a.swahili {
    background-image: url("../images/online-classes/flags/swahili.png");
}

.round-flags-2020 a.swedish {
    background-image: url("../images/online-classes/flags/swedish.png");
}

.round-flags-2020 a.turkish {
    background-image: url("../images/online-classes/flags/turkish.png");
}

.round-flags-2020 a.ukrainian {
    background-image: url("../images/online-classes/flags/ukrainian.png");
}

.round-flags-2020 a.vietnamese {
    background-image: url("../images/online-classes/flags/vietnamese.png");
}

.round-flags-2020 a.welsh {
    background-image: url("../images/online-classes/flags/welsh.png");
}

.round-flags-2020 a.yiddish {
    background-image: url("../images/online-classes/flags/yiddish.png");
}

.online-classes__via {
    display: flex;
    justify-content: center;
    margin-top: 25px;
    margin-bottom: 60px;
}

.online-classes__via > img {
    max-height: 40px;
}

.online-classes__via > img:not(:last-of-type) {
    margin-right: 40px;
}

.online-prices-popular {
    border: 5px solid #137fc5;
}

.online-prices-total {
    color: #158acb;
    font-size: 22px;
    font-weight: bold;
    line-height: 1;
}

.online-prices-total-light {
    font-size: 14px;
    font-weight: lighter;
    margin: 10px 0 0;
    color: #707070;
}

.online-prices-globe {
    border: 10px solid #137fc5;
}

.online-prices-popular::before {
    content: "Our most popular course";
    position: absolute;
    top: -35px;
    background-color: #158acb;
    color: #fff;
    width: calc(100% + 4px);
    padding: 5px 40px;
    box-sizing: border-box;
    border-top-left-radius: 8px;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    border-top-right-radius: 8px;
}

.online-prices-popular > p {
    margin-bottom: 28%;
}

.online-prices-book-btn {
    font-family: "Open Sans", sans-serif;
    background-color: #fd7213;
    color: #fff;
    padding: 10px 25px;
    border-radius: 4px;
    align-self: flex-start;
    margin-top: 15px;
    font-size: 15px;
    transition: all 0.4s;
    text-align: center;
}
.extra-student {
    margin: 60px 0 0;
    color: #707070;
    text-align: center;
}

.testimlist-2021 .testim {
    border: 1px solid #707070;
    border-radius: 20px;
    text-align: left;
}

.d-flex--full-center {
    display: flex;
    justify-content: center;
    align-items: center;
}

#online-prices {
    margin-bottom: 50px;
    padding-top: 60px;
}

#online-prices .testimlist {
    text-align: left;
    display: flex;
}

.online-testimonial-img {
    width: 100px;
    position: relative;
    left: 50px;
    top: 40px;
    height: 100px;
}

@media (max-width: 767px) {
    .online-testimonial-img {
        display: none;
    }
    .online-classes__via {
        flex-wrap: wrap;
    }
    .online-classes__via > img:not(:last-of-type) {
        margin-bottom: 20px;
    }

    .testimlist-2021 .testim {
        border: 0;
        width: 100%;
        padding: 0 5%;
    }

    .testimlist-2021 .testim p {
        font-size: 16px;
        line-height: 1.5;
    }
}

#online-prices .testimlist .testim.odd {
    margin: 10px auto;
    width: 90%;
}

#why-learn-online > .row:nth-child(odd) > .column:first-child > span {
    background-color: #f86c20;
}

#why-learn-online > .row:nth-child(odd) > .column:first-child > span > span {
    color: #f86c20;
}

#why-learn-online > .row:nth-child(odd) > .column:nth-child(2) > span {
    background-color: #158acb;
}

#why-learn-online > .row:nth-child(odd) > .column:nth-child(2) > span > span {
    color: #158acb;
}

#why-learn-online > .row:nth-child(even) > .column:first-child > span {
    background-color: #158acb;
}

#why-learn-online > .row:nth-child(even) > .column:first-child > span > span {
    color: #158acb;
}

#why-learn-online > .row:nth-child(even) > .column:nth-child(2) > span {
    background-color: #f86c20;
}

#why-learn-online > .row:nth-child(even) > .column:nth-child(2) > span > span {
    color: #f86c20;
}

.section--online {
    padding: 50px 0;
}

.online-classes-pricelist-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(min-content, 1fr));
    grid-column-gap: 40px;
    grid-auto-rows: 1fr;
    margin: 70px 0 0;
}

.online-classes-pricelist-item:nth-child(2) {
    grid-column: 1/2;
    grid-row: 1/2;
}

.online-classes-pricelist-item:nth-child(3) {
    grid-column: 2/3;
    grid-row: 1/2;
}

.online-classes-pricelist-item:nth-child(4) {
    grid-column: 3/4;
    grid-row: 1/2;
}

.online-classes-pricelist-item:nth-child(5) {
    grid-column: 4/5;
    grid-row: 1/2;
}

.online-classes-pricelist-item:nth-child(6) {
    grid-column: 5/6;
    grid-row: 1/2;
}

.online-classes-more-benefits__grid {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-column-gap: 35px;
    margin-bottom: 70px;
    align-items: center;
    width: 80%;
    margin-left: 10%;
    padding-top: 50px;
}

.online-classes-more-benefits__grid--image-right {
    grid-template-columns: 2.5fr 1fr;
}

.online-via-mobile {
    display: none;
}

.online-language-classes-text > div > h2 {
    color: #fd7021;
    font-size: 30px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 15px;
}

.online-classes-subtitle-2021 {
    color: #158acb;
    font-size: 24px;
    font-weight: bold;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 15px;
}

.online-classes-more-benefits__grid > div > p,
.online-language-classes-text > div > p {
    color: #707070;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    line-height: 1.5;
    font-weight: lighter;
}

.online-classes-more-benefits__grid > img {
    width: 100%;
    height: auto;
}

.online-classes-more-benefits__grid--image-right > img {
    grid-column: 2/3;
    grid-row: 1/2;
}

.back-why-choose {
    background-image: url("../images/backgrounds/why-choose.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

.back-why-choose--mobile {
    display: none;
}

.why-online {
    padding-left: 5%;
}

#why-learn-online > h2 {
    color: #fff;
    font-size: 32px;
    font-weight: bold;
    margin: 60px 0 30px;
}

.why-learn-list {
    color: #fff;
    list-style: disc;
    font-size: 20px;
    margin: 0 0 60px;
    padding: 0;
    list-style-position: inside;
}

.why-learn-list li {
    margin: 15px 0;
}

.many-others {
    /*text-align: left;*/
    width: 103%;
}

.many-others span {
    cursor: pointer;
    text-decoration: underline;
    font-size: 14px;
    margin: 0 auto;
    display: block;
    width: 155pt;
    text-align: center;
    color: #fff;
    padding: 10px 0px 0px;
}

.online-classes-pricelist-item > strong > span {
    font-size: 10px;
}

.banda-ltconnect--2 {
    background-color: #f86c20;
    min-height: 370px;
    display: flex;
    align-items: center;
}

.banda-ltconnect--2::before {
    content: "";
    display: block;
    position: absolute;
    left: -2%;
    background-image: url("../images/online-honeycomb-1.png");
    width: 25%;
    height: 450px;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.banda-ltconnect--2::after {
    content: "";
    display: block;
    position: absolute;
    right: -2%;
    background-image: url("../images/online-honeycomb-2.png");
    width: 25%;
    height: 450px;
    z-index: 9;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}

.banda-ltconnect--2__content {
    padding: 80px 20%;
    text-align: center;
}

.banda-ltconnect--2__content > h2 {
    color: #ffffff;
    font-size: 50px;
    line-height: 1;
    font-weight: lighter;
    margin: 0;
}

.banda-ltconnect--2__content > h4 {
    color: #ffffff;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.3;
    margin: 20px auto 0;
    width: 70%;
}

.banda-ltconnect--3 {
    background-color: #f86c20;
    height: 370px;
    display: flex;
    align-items: center;
    padding: 0 10vw;
}

.banda-ltconnect--3 > img {
    height: 100%;
    width: auto;
}

.ltc-honeycomb--mobile {
    display: none;
}

.banda-ltconnect--3__content {
    padding: 0;
    margin-left: 50px;
}

.banda-ltconnect--3__content > h2 {
    color: #ffffff;
    font-size: 50px;
    line-height: 1;
    font-weight: lighter;
    margin: 0;
}

.banda-ltconnect--3__content > h4 {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.3;
    margin: 20px 0;
}

.banda-ltconnect--3__content > a {
    color: #f86c20;
    background-color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    border-radius: 10px;
    font-weight: bold;
    display: inline-block;
    text-align: center;
    font-size: 14px;
}

.online-classes-faq-container {
    width: 80%;
    margin-left: 10%;
}

@media (max-width: 1024px) {
    .banda-ltconnect--3 > img {
        height: 40%;
    }
}

@media (max-width: 767px) {
    .banda-ltconnect--2__content > h2 {
        font-size: 36px;
    }
    .banda-ltconnect--2__content > h4 {
        width: 100%;
    }

    .ltc-honeycomb--mobile {
        display: block;
    }

    .ltc-honeycomb--desktop {
        display: none;
    }

    .banda-ltconnect--3__content > a {
        justify-content: center;
        display: flex;
    }

    .online-via-mobile {
        display: block;
        width: 100% !important;
    }

    .online-via-desktop {
        display: none;
    }

    .online-classes-faq-container {
        width: 90%;
        margin-left: 5%;
    }

    .online-classes-faq-container .panel-title {
        font-size: 13px;
    }
}

.banda-ltconnect--2__content > a {
    background-color: #fff;
    color: #fd7221;
    padding: 10px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
    display: inline-block;
}

.banda-ltconnect--2__content > a:hover,
.banda-ltconnect--2__content > a:active,
.banda-ltconnect--2__content > a:visited {
    text-decoration: none;
    color: #fd7221;
}

@media (max-width: 1000px) {
    .banda-ltconnect--2::after,
    .banda-ltconnect--2::before {
        display: none;
    }
    .banda-ltconnect--2__content {
        padding: 50px 10%;
    }
}

@media (max-width: 767px) {
    .banda-ltconnect {
        min-height: inherit;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 92%;
    }
    .banda-ltconnect__content {
        padding: 40px 10%;
        text-align: center;
    }
    .banda-ltconnect__content > h4 {
        font-size: 18px;
    }
    .banda-ltconnect__content > a {
        font-size: 12px;
    }

    #why-learn-online > .row > .column > span {
        font-size: 14px;
    }
    .online-classes-pricelist-grid {
        grid-template-columns: 1fr;
        justify-content: center;
        grid-row-gap: 50px;
        grid-auto-rows: 150px;
    }
    .online-classes-pricelist-item:nth-child(2) {
        grid-column: 1/2;
        grid-row: 1/2;
    }
    .online-classes-pricelist-item:nth-child(3) {
        grid-column: 1/2;
        grid-row: 2/3;
    }
    .online-classes-pricelist-item:nth-child(4) {
        grid-column: 1/2;
        grid-row: 3/4;
    }
    .online-classes-pricelist-item:nth-child(5) {
        grid-column: 1/2;
        grid-row: 4/5;
    }
    .online-classes-pricelist-item:nth-child(6) {
        grid-column: 1/2;
        grid-row: 5/6;
    }
    .online-prices-total {
        display: flex;
        align-items: center;
        transform: translateY(50%);
    }

    .online-prices-total-light {
        margin: 0 0 0 10px;
    }

    .online-classes-more-benefits__grid {
        grid-template-columns: 1fr !important;
        width: 90%;
        margin-left: 5%;
    }
    .online-classes-more-benefits__grid--image-right > img {
        grid-column: auto;
        grid-row: auto;
    }

    .online-classes-open-groups-container {
        flex-direction: column;
    }

    .online-classes-open-groups-container__img {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .online-prices-popular::before {
        padding: 5px 10px;
        top: -20px;
    }

    .back-why-choose {
        background-image: none;
        background-color: rgba(111, 112, 112, 0.9);
    }

    .back-why-choose--mobile {
        display: block;
        width: 100vw;
        transform: translateX(-5%);
    }

    #why-learn-online > h2 {
        color: #fff;
        font-size: 22px;
        font-weight: bold;
        margin: 30px 0;
    }

    .why-learn-list {
        font-size: 14px;
    }

    .why-learn-list li {
        margin: 8px 0;
        line-height: 1.8;
    }

    .online-classes-more-benefits__grid > img {
        width: 65%;
        margin: auto;
        height: auto;
    }

    .section--online {
        padding: 0;
    }

    .banda-ltconnect--3 {
        height: auto;
        flex-direction: column;
        padding: 0 5% 35px;
    }

    .banda-ltconnect--3 > img {
        height: auto;
        width: 100vw;
    }

    .banda-ltconnect--3__content {
        margin-top: 40px;
        margin-left: 0;
    }

    .banda-ltconnect--3__content > h2 {
        font-size: 30px;
    }
}

.display-online-prices {
    display: none;
}

.online-lessons-glance {
    background-image: url(/global/images/bandas/glance-banner.jpg);
    background-color: #fff;
    background-repeat: no-repeat;
    min-height: 400px;
    background-size: cover;
    background-position: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.lessons-glance__btn {
    font-family: "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    border: 2px solid #137fc5;
    background-color: #137fc5;
    color: #fff;
    padding: 8px 20px;
    border-radius: 8px;
    align-self: flex-start;
    margin-top: 15px;
    font-size: 15px;
    transition: all 0.4s;
    text-align: center;
}

.lessons-glance__btn:hover {
    text-decoration: none;
    transition: all 0.4s;
    color: #137fc5;
    background-color: #fff;
}

.online-language-classes-text {
    display: grid;
    grid-template-columns: 1fr 2.5fr;
    grid-column-gap: 50px;
    align-items: center;
    margin: 20px 0 35px;
}

.online-language-classes-text > img {
    width: 60%;
    height: auto;
    margin-left: 20%;
}

.online-language-classes-buttons {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-column-gap: 50px;
    margin-bottom: 20px;
}

@media (max-width: 1000px) {
    .online-lessons-glance {
        background-image: url(/global/images/bandas/glance-banner-mobile.jpg);
        background-size: contain;
        background-position: top;
    }
    .lessons-glance__btn {
        font-size: 13px;
        margin-bottom: 20px;
        align-self: center;
    }
}

@media (max-width: 767px) {
    .online-language-classes-text {
        grid-template-columns: 1fr;
        padding: 0 5%;
    }
    .online-language-classes-text > img {
        max-width: 150px;
        margin-left: 0;
        justify-self: center;
    }
    .online-language-classes-buttons {
        grid-template-columns: 1fr;
        grid-row-gap: 0px;
    }
    .online-language-classes-buttons > * {
        justify-self: center;
        margin-top: 0;
    }
}

/*     LT CONNECT     */

.ltc-home-banner {
    width: 100%;
    background-color: #fb6720;
    background-image: url("/global/images/ltc-home-banner.jpg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    padding: 200px 20% 50px;
}

@media (min-width: 1920px) {
    .ltc-home-banner {
        max-width: 1920px;
        margin: auto;
    }
}

.ltc-home-content {
    padding-top: 15px;
    color: #919191;
    line-height: 1.5;
    font-size: 16px;
    font-family: "Open Sans", sans-serif;
    text-align: left;
    display: flex;
    flex-direction: column;
}

.ltc-home-content--grey {
    width: 100% !important;
    background-color: rgba(145, 145, 145, 0.13);
}

.ltc-home-content__title {
    color: #fa6b27;
    font-weight: lighter;
    font-size: 40px;
    text-align: center;
    margin: 20px 0 10px;
}

.ltc-home-content__subtitle {
    font-size: 30px;
    color: #707070;
    text-align: center;
    font-weight: lighter;
}

.ltc-nl-subscription {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 0 0 80px;
}

.ltc-nl-subscription p {
    color: #707070;
    font-size: 26px;
    text-align: center;
    font-weight: lighter;
    width: 70%;
}

.ltc-nl-subscription-box {
    margin-top: 15px;
    display: flex;
}

.ltc-nl-subscription-box input,
.ltc-nl-subscription-box button {
    height: 45px;
}

.ltc-nl-subscription-box input {
    border-radius: 12px;
    border: 1px solid #707070;
    padding: 12px 20px;
    font-size: 12px;
    width: 450px;
}

.ltc-nl-subscription-box button {
    background-color: #fa6c27;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    transform: translateX(-20px);
    border-radius: 12px;
    font-size: 12px;
    outline: none;
    border: 0;
    padding: 0 25px;
}

@media (max-width: 767px) {
    .ltc-nl-subscription-box {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .ltc-nl-subscription p {
        width: 100%;
    }

    .ltc-nl-subscription-box input {
        width: 300px;
    }

    .ltc-nl-subscription-box button {
        transform: none;
        margin-top: 5px;
    }
}

.ltc-home-content__text--welcome {
    width: 90%;
    margin: 0 5%;
    text-align: justify;
    line-height: 1.5;
    margin-bottom: 50px;
    font-size: 20px;
}

.ltc-home-content__text--faq {
    width: 100%;
    margin: 0 0%;
    text-align: left;
    line-height: 1.5;
    margin-bottom: 50px;
    font-size: 20px;
}

.ltc-home-content__list {
    width: 75%;
    margin: 0 0 50px 12.5%;
    font-size: 20px;
    list-style-type: none;
}

.ltc-home-content__list > li::before {
    content: "";
    display: inline-block;
    background-image: url("/global/images/ltc-tick.png");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}

.ltc-home-content__bold {
    font-weight: bold;
    color: #fa6b27;
    display: block;
    margin-top: 20px;
}

.ltc-selector {
    background-color: rgba(31, 135, 201, 0.8);
    border-radius: 15px;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    padding: 20px 0;
    text-align: center;
    width: 100%;
    margin-bottom: 40px;
}

.ltc-selector__title {
    font-size: 40px;
    font-weight: lighter;
    margin: 0px 0px 10px;
}

.ltc-selector__subtitle {
    font-size: 16px;
    font-weight: bold;
    padding: 0 20%;
}

.ltc-selector__container {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0 20px;
}

.ltc-selector__container_choose {
    /*display: flex;*/
    flex-direction: row;
    text-align: center;
    margin: 30px 0 0px;
}

.ltc-selector_dropdown_choose {
    width: 16%;
    display: inline;
}

.ltc-selector__container__dropdown {
    color: #000;
    font-family: "Arial", sans-serif;
    font-size: 13px;
    height: 50px;
    border-radius: 10px;
    width: 250px;
    padding: 10px;
    border: 0;
    outline: 0;
}

.ltc-selector__container__dropdown:first-child {
    margin-right: 30px;
}

.ltc-selector__button {
    background-color: #fd6b10;
    border-radius: 10px;
    padding: 10px 30px;
    margin-bottom: 25px;
    text-transform: uppercase;
    border: 0;
    outline: 0;
    font-size: 12px;
    font-weight: bold;
}

.ltc-selector__test {
    font-size: 12px;
}

.ltc-selector__test > a,
.ltc-selector__test > a:active,
.ltc-selector__test > a:visited {
    color: #fff;
    text-decoration: underline;
    font-weight: bold;
}

.ltc-selector__test > a:hover {
    color: #fd6b10;
}

.ltc-home-flags {
    display: grid;
    grid-template-columns: repeat(7, 100px);
    justify-content: space-between;
    grid-row-gap: 50px;
    margin: 80px 0 100px;
}

.ltc-home-flags a {
    background-image: url(/global/images/bg-round-flags.png);
    background-repeat: no-repeat;
}

.ltc-home-flags a.spanish {
    background-position: -109px 8px;
}

.ltc-home-flags a.french {
    background-position: -219px 8px;
}

.ltc-home-flags a.german {
    background-position: -327px 8px;
}

.ltc-home-flags a.portuguese {
    background-position: -437px 8px;
}

.ltc-home-flags a.italian {
    background-position: -546px 8px;
}

.ltc-home-flags a.chinese,
.ltc-home-flags a.mandarin-chinese {
    background-position: -41pc 8px;
}

.ltc-home-flags a.ot {
    background-position: -764px 8px;
}

.ltc-home-flags a.russian {
    background-position: -875px 8px;
}

.ltc-home-flags a.arabic {
    background-position: -987pt 8px;
}

.ltc-home-flags a.japanese {
    background-position: -1094px 8px;
}

.ltc-home-flags a.polish {
    background-position: -1206px 8px;
}

.ltc-home-flags a.danish {
    background-position: -1427px 8px;
}

.ltc-home-flags a.dutch {
    background-position: -1540px 8px;
}

.ltc-home-flags a.greek {
    background-position: -1654px 8px;
}

.ltc-home-flags a.hebrew {
    background-position: -1768px 8px;
}

.ltc-home-flags a.korean {
    background-position: -1884px 8px;
}

.ltc-home-flags a.norwegian {
    background-position: -1994px 8px;
}

.ltc-home-flags a.swedish {
    background-position: -2108px 8px;
}

.ltc-home-flags a.turkish {
    background-position: -2229px 8px;
}

.ltc-home-flags a.vietnamese {
    background-position: -2346px 8px;
}

.ltc-home-flags__flag {
    padding: 40px;
    background-repeat: no-repeat;
    background-position: center;
}

.ltc-home-flags__flag > b {
    text-align: center;
    display: block;
    transform: translateY(75px) translateX(-22px);
    color: #848484;
    font-family: "Open Sans", sans-serif;
    font-weight: bolder;
    text-transform: uppercase;
}

.ltc-home-steps {
    display: grid;
    grid-template-columns: 1fr;
    grid-row-gap: 30px;
    width: 80%;
    margin: 25px 0 30px 10%;
}

.ltc-home-step {
    display: grid;
    grid-template-columns: auto 1fr;
    grid-column-gap: 50px;
    align-items: center;
}

.ltc-home-step__number {
    color: #fa6b27;
    font-size: 50px;
    font-weight: lighter;
}

.ltc-home-step__text > b,
.ltc-home-about__bold {
    font-size: 20px;
    color: #fa6b27;
    font-weight: bold;
}

.ltc-home-step__text > p,
.ltc-home-about__text {
    font-size: 18px;
    color: #919191;
}

.ltc-home-about__text {
    margin-bottom: 50px;
    line-height: 1.5;
    text-align: justify;
}

.ltc-home-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0 100px;
}

.ltc-home-buttons__faq,
.ltc-home-buttons__inquiry {
    border-radius: 10px;
    border: 0;
    outline: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 50px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.ltc-home-buttons__faq {
    background-color: #2c91c7;
    margin-right: 30px;
}

.ltc-home-buttons__inquiry {
    background-color: #fa6b27;
}

.ltc-home-buttons__faq:hover,
.ltc-home-buttons__inquiry:hover {
    text-decoration: none;
    color: #fff;
}

.ltc-terms {
    text-align: justify;
}

@media (max-width: 767px) {
    .ltc-home-banner {
        padding: 150px 5% 50px;
    }
    .ltc-selector {
        max-width: 90vw;
    }
    .ltc-selector__title {
        padding: 0 10px;
    }
    .ltc-selector__subtitle {
        padding: 0 10%;
    }
    .ltc-selector__container {
        flex-direction: column;
        align-items: center;
    }
    .ltc-selector__container_choose {
        display: flex;
        flex-direction: column;
        margin: 30px 0 0px;
        align-items: center;
        margin: 0;
    }
    .ltc-selector_dropdown_choose {
        width: 70%;
        display: inline;
    }
    .ltc-selector__container__dropdown:first-child {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .ltc-home-content__title {
        font-size: 28px;
    }
    .ltc-home-content {
        font-size: 14px;
    }
    .ltc-home-content__text--welcome {
        font-size: 16px;
        text-align: justify;
        margin-bottom: 20px !important;
    }
    .ltc-home-content__list {
        font-size: 14px;
        width: 90%;
        margin: 0 0 50px 5%;
        padding: 0;
    }
    .ltc-home-flags {
        grid-template-columns: 1fr 1fr 1fr;
    }
    .ltc-home-flags__flag {
        padding: 30px;
    }
    .ltc-home-flags__flag > b {
        transform: translateY(55px) translateX(0px);
    }
    .ltc-home-step {
        grid-column-gap: 30px;
    }
    .ltc-home-step__number {
        font-size: 36px;
    }
    .ltc-home-step__text > b,
    .ltc-home-about__bold {
        font-size: 16px;
    }
    .ltc-home-buttons {
        flex-direction: column;
    }
    .ltc-home-buttons__faq {
        margin-right: 0;
        margin-bottom: 10px;
    }
    .ltc-home-buttons__faq,
    .ltc-home-buttons__inquiry {
        text-align: center;
    }
}

.ltc-choose-banner {
    width: 100%;
    background-color: #fb6720;
    background-image: url("/global/images/ltc-choose-banner.jpg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 450px;
    background-repeat: no-repeat;
}

.ltc-choose-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 0px 0 30px;
}

.ltc-choose-content__btn,
.ltc-choose-content__btn:hover {
    border-radius: 10px;
    border: 0;
    outline: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 50px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    background-color: #1178c0;
}

.ltc-book-now__btn,
.ltc-book-now__btn:hover {
    border-radius: 10px;
    border: 0;
    outline: 0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 8px 8px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
    background-color: #fa6b27;
}

.dynatable-loaded td {
    vertical-align: center !important;
}

.ltc-choose__lists {
    display: flex;
    margin: 30px 0 80px;
}

.ltc-choose__list {
    width: 75%;
    margin: auto;
    font-size: 18px;
    list-style-type: none;
    column-count: 2;
    column-gap: 30px;
}

.ltc-choose__list > li::before {
    content: "";
    display: inline-block;
    background-image: url("/global/images/ltc-tick.png");
    width: 10px;
    height: 10px;
    background-repeat: no-repeat;
    background-size: contain;
    margin-right: 15px;
}

.ltc-choose-requirements {
    display: grid;
    grid-template-columns: 150px 150px 150px;
    grid-column-gap: 100px;
    justify-content: center;
    margin-bottom: 80px;
}

.ltc-choose-requirement {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
}

.ltc-choose-requirement__img {
    max-height: 100px;
    width: auto;
    margin-bottom: 20px;
}

.ltc-choose-requirement__text {
    color: #919191;
    font-weight: bold;
    font-size: 16px;
}

.ltc-choose-requirement__text > span {
    font-weight: normal;
    display: block;
}

.ltc-choose-buttons {
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin: 30px 0 100px;
}

.ltc-choose-buttons--small-margin {
    margin: 30px 0 50px;
}

.ltc-choose-buttons > a:not(:last-child) {
    margin-right: 30px;
}

.ltc-choose-buttons__faq,
.ltc-choose-buttons__inquiry,
.ltc-choose-buttons__outline {
    border-radius: 10px;
    border: 0;
    outline: 0;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 40px;
    font-family: "Open Sans", sans-serif;
    font-size: 14px;
}

.ltc-choose-buttons__faq,
.ltc-choose-buttons__outline {
    background-color: #2c91c7;
}

.ltc-choose-buttons__inquiry {
    background-color: #fa6b27;
}

.ltc-choose-buttons__faq:hover,
.ltc-choose-buttons__inquiry:hover,
.ltc-choose-buttons__outline:hover {
    text-decoration: none;
    color: #fff;
}

.ltc-video-frame {
    max-width: 100%;
    margin: 20px auto;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.ltc-video-frame > iframe {
    max-width: 100%;
}

@media (max-width: 767px) {
    .ltc-video-frame {
        padding: 0 5%;
    }

    .ltc-choose-content__btn {
        text-align: center;
    }
    .ltc-choose__lists {
        flex-direction: column;
    }
    .ltc-choose__list {
        padding: 0 20px;
        width: 100% !important;
        margin: 0 !important;
        column-count: 1;
    }
    .ltc-choose-requirements {
        grid-template-columns: 1fr;
        grid-row-gap: 30px;
    }
    .ltc-choose-buttons {
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
    .ltc-choose-buttons > a:not(:last-child) {
        margin-right: 0;
        margin-bottom: 10px;
    }
}

.ltc-book-banner {
    width: 100%;
    background-color: #fb6720;
    background-image: url("/global/images/ltc-choose-banner.jpg");
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 400px;
    background-repeat: no-repeat;
}

.ltc-book-content {
    display: grid;
    grid-template-columns: 0.8fr 1fr;
    grid-column-gap: 50px;
    padding: 0 10%;
}

.ltc-book-steps {
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 20px;
    padding-top: 100px;
}

.ltc-book-steps_book {
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 20px;
    padding-top: 100px;
}

.ltc-book-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    width: 200px;
    z-index: 1;
}

.ltc-book-step:not(:last-child)::after {
    content: "";
    display: block;
    width: 190px;
    border-bottom: 3px solid #fff;
    position: absolute;
    left: 85px;
    top: 26px;
    z-index: 1;
}

.ltc-book-step > b {
    background-color: #fff;
    color: #167ebd;
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 55px;
    width: 55px;
    cursor: pointer;
    border: 3px solid #167ebd;
    position: relative;
    z-index: 10;
}

.ltc-book-step--active > b {
    pointer-events: none;
    color: #fff;
    background-color: #167ebd;
}

.ltc-book-step > p {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

.ltc-book__title {
    color: #fff;
    font-weight: bolder;
    font-size: 40px;
    text-align: center;
    margin: 20px 0 10px;
}

.ltc-book__course-title {
    color: #fa6b27;
    font-weight: lighter;
    font-size: 36px;
    text-align: left;
    margin: 20px 0 10px;
}

.ltc-book__course-code {
    font-size: 11px;
    color: #919191;
    text-align: center;
}

.ltc-book__grid {
    display: grid;
    grid-template-columns: 1fr;
    margin: 0;
    width: 100%;
    justify-content: center;
    align-items: flex-start;
    padding-left: 15%;
}

.ltc-book__course-detail > b {
    font-weight: bold;
    color: #fa6b27;
    display: block;
    font-size: 24px;
}

.ltc-book__course-detail {
    color: #919191;
    line-height: 1.5;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    margin-bottom: 20px;
    text-align: left;
}

.ltc-book__course-detail::before {
    display: block;
    content: "";
    width: 50px;
    height: 50px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    margin: 0;
    padding: 0;
    transform: translateX(-100%) translateY(100%);
    padding-right: 60px;
}

.ltc-book__course-detail--language::before {
    background-image: url("/global/images/ltc-language.png");
}

.ltc-book__course-detail--dates::before {
    background-image: url("/global/images/ltc-calendar.png");
}

.ltc-book__course-detail--time::before {
    background-image: url("/global/images/ltc-time.png");
}

.ltc-book__course-detail--participants::before {
    background-image: url("/global/images/ltc-participants.png");
}

.ltc-book__course-detail--price::before {
    background-image: url("/global/images/ltc-price.png");
}

.ltc-book__form-control {
    font-size: 14px;
}

.ltc-home-content #timezone {
    width: 100%;
    font-size: 12px;
}

.ltc-book-waiting-list-subtitle {
    color: #ffffff;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    max-width: 40%;
}

form[name="opengroups-book-form"] .col-sm-12 {
    padding: 0 !important;
}

form[name="opengroups-book-form"] .checkbox {
    font-size: 11px;
}

@media (max-width: 767px) {
    .ltc-choose-banner {
        position: relative;
    }

    .ltc-book-step {
        width: 100px;
    }

    .ltc-book-steps_book {
        position: absolute;
        /* bottom: 20px; */
        padding: 0;
    }

    .ltc-book-steps {
        position: absolute;
        bottom: 20px;
        padding: 0;
    }

    .ltc-book-step:not(:last-child)::after {
        width: 70px;
        left: 65px;
    }

    .ltc-book-step > p {
        font-size: 11px;
    }

    .ltc-book-content {
        grid-template-columns: 1fr;
        padding: 0 5%;
    }

    .ltc-book-banner {
        height: 300px;
        background-position: center;
        padding-top: 100px;
        background-position: -160px;
    }
    .ltc-book__grid {
        grid-template-columns: 1fr;
    }
}

.ltc-faq-category {
    color: #fa6b27;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 50px;
}

.ltc-faq-question__title {
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    padding: 20px 10px;
    border: 1px solid #fa6b27;
    width: 100%;
    margin-bottom: 0 !important;
    margin-top: 5px;
    padding-left: 60px;
}

.ltc-faq-question__title:hover {
    color: #fa6b27;
}

.ltc-faq-question__title::before {
    content: "+";
    display: block;
    color: #fa6b27;
    position: absolute;
    left: 30px;
    font-size: 24px;
    line-height: 1;
}

.ltc-faq-question__text {
    font-size: 14px;
}

#ltc-faq-1 + p,
#ltc-faq-2 + p,
#ltc-faq-3 + p,
#ltc-faq-4 + p,
#ltc-faq-5 + p,
#ltc-faq-6 + p,
#ltc-faq-7 + p,
#ltc-faq-8 + p,
#ltc-faq-9 + p,
#ltc-faq-10 + p,
#ltc-faq-11 + p,
#ltc-faq-11_1 + p,
#ltc-faq-12 + p,
#ltc-faq-13 + p,
#ltc-faq-14 + p,
#ltc-faq-15 + p,
#ltc-faq-16 + p,
#ltc-faq-17 + p,
#ltc-faq-18 + p,
#ltc-faq-19 + p,
#ltc-faq-20 + p,
#ltc-faq-21 + p,
#ltc-faq-22 + p,
#ltc-faq-23 + p,
#ltc-faq-24 + p,
#ltc-faq-25 + p,
#ltc-faq-26 + p,
#ltc-faq-27 + p,
#ltc-faq-28 + p,
#ltc-faq-29 + p,
#ltc-faq-30 + p,
#ltc-faq-31 + p,
#ltc-faq-32 + p,
#ltc-faq-33 + p,
#ltc-faq-34 + p,
#ltc-faq-35 + p,
#ltc-faq-36 + p,
#ltc-faq-37 + p,
#ltc-faq-38 + p,
#ltc-faq-39 + p {
    max-height: 0;
    transition: all 0.5s;
    overflow: hidden;
    margin: 0;
    padding: 0 40px;
    border: 0;
}

#ltc-faq-1:checked + p,
#ltc-faq-2:checked + p,
#ltc-faq-3:checked + p,
#ltc-faq-4:checked + p,
#ltc-faq-5:checked + p,
#ltc-faq-6:checked + p,
#ltc-faq-7:checked + p,
#ltc-faq-8:checked + p,
#ltc-faq-9:checked + p,
#ltc-faq-10:checked + p,
#ltc-faq-11:checked + p,
#ltc-faq-11_1:checked + p,
#ltc-faq-12:checked + p,
#ltc-faq-13:checked + p,
#ltc-faq-14:checked + p,
#ltc-faq-15:checked + p,
#ltc-faq-16:checked + p,
#ltc-faq-17:checked + p,
#ltc-faq-18:checked + p,
#ltc-faq-19:checked + p,
#ltc-faq-20:checked + p,
#ltc-faq-21:checked + p,
#ltc-faq-22:checked + p,
#ltc-faq-23:checked + p,
#ltc-faq-24:checked + p,
#ltc-faq-25:checked + p,
#ltc-faq-26:checked + p,
#ltc-faq-27:checked + p,
#ltc-faq-28:checked + p,
#ltc-faq-29:checked + p,
#ltc-faq-30:checked + p,
#ltc-faq-31:checked + p,
#ltc-faq-32:checked + p,
#ltc-faq-33:checked + p,
#ltc-faq-34:checked + p,
#ltc-faq-35:checked + p,
#ltc-faq-36:checked + p,
#ltc-faq-37:checked + p,
#ltc-faq-38:checked + p,
#ltc-faq-39:checked + p {
    max-height: none;
    transition: all 0.5s;
    margin: 0 0 20px;
    padding: 20px 40px;
    border: 1px solid #fa6b27;
    background-color: #f2f2f2;
}

.form-group--2 {
    margin-bottom: 8 px !important;
}

.ltc-payment-title {
    color: #fa6b27;
    font-weight: bold;
    font-size: 24px !important;
    margin: 20px 0;
}

.ltc-home-content label.error {
    color: red;
    font-weight: 300;
}

#courses-table > tbody > tr > td:nth-of-type(3),
#courses-table > tbody > tr > td:nth-of-type(4),
#courses-table > tbody > tr > td:nth-of-type(5),
#courses-table > tbody > tr > td:nth-of-type(6),
#courses-table > tbody > tr > td:nth-of-type(7),
#courses-table > tbody > tr > td:nth-of-type(8),
#courses-table > tbody > tr > td:nth-of-type(9),
#courses-table > tbody > tr > td:nth-of-type(10),
#courses-table > thead > tr > th:nth-of-type(3),
#courses-table > thead > tr > th:nth-of-type(4),
#courses-table > thead > tr > th:nth-of-type(5),
#courses-table > thead > tr > th:nth-of-type(6),
#courses-table > thead > tr > th:nth-of-type(7),
#courses-table > thead > tr > th:nth-of-type(8),
#courses-table > thead > tr > th:nth-of-type(9),
#courses-table > thead > tr > th:nth-of-type(10) {
    text-align: center !important;
}

@media only screen and (max-width: 760px),
    (min-device-width: 768px) and (max-device-width: 1024px) {
    /* Force table to not be like tables anymore */
    table#courses-table,
    table#courses-table thead,
    table#courses-table tbody,
    table#courses-table th,
    table#courses-table td,
    table#courses-table tr {
        display: block;
    }
    /* Hide table headers (but not display: none;, for accessibility) */
    table#courses-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }
    table#courses-table tr {
        border: 0;
    }
    table#courses-table td {
        /* Behave  like a "row" */
        border: none;
        border-bottom: 1px solid #eee;
        position: relative;
        display: grid;
        align-items: center;
        grid-template-columns: 40% 1fr;
        grid-column-gap: 25px;
        justify-items: flex-start;
        text-align: left;
        font-size: 13px;
        background: rgb(222, 222, 222);
        background: linear-gradient(
            90deg,
            rgb(222, 222, 222) 0%,
            rgb(222, 222, 222) 40%,
            rgb(244, 244, 244) 40%
        );
    }
    table#courses-table td:before {
        white-space: normal;
    }
    table#courses-table td:nth-of-type(1):before {
        content: "Language";
    }
    table#courses-table td:nth-of-type(2):before {
        content: "Level";
    }
    table#courses-table td:nth-of-type(3):before {
        content: "Participants (Min)";
    }
    table#courses-table td:nth-of-type(4):before {
        content: "Participants (Max)";
    }
    table#courses-table td:nth-of-type(5):before {
        content: "Start date";
    }
    table#courses-table td:nth-of-type(6):before {
        content: "End date";
    }
    table#courses-table td:nth-of-type(7):before {
        content: "Time*";
    }
    table#courses-table td:nth-of-type(8):before {
        content: "Weeks";
    }
    table#courses-table td:nth-of-type(9):before {
        content: "Days";
    }
    table#courses-table td:nth-of-type(10):before {
        content: "Total hours";
    }
    table#courses-table td:nth-of-type(11):before {
        content: "Price";
    }
    table#courses-table td:nth-of-type(12) {
        background-color: white !important;
        background: white !important;
        padding: 20px 0 40px;
        display: flex;
        justify-content: center;
        border: 0 !important;
    }
    table#courses-table td:nth-of-type(12) > a {
        grid-column: 1/3;
        width: 100%;
        text-align: center;
    }
}

table#courses-table td:last-child {
    display: none;
}

table#courses-table th:last-child {
    display: none;
}

table#courses-table td:nth-last-child(2) {
    display: none;
}

table#courses-table th:nth-last-child(2) {
    display: none;
}

table#courses-table td:nth-last-child(3) {
    display: none;
}

table#courses-table th:nth-last-child(3) {
    display: none;
}

table#courses-table td:nth-last-child(4) {
    display: none;
}

table#courses-table th:nth-last-child(4) {
    display: none;
}

table#courses-table th[data-dynatable-column="end_date"] {
    width: 6%;
}

table#courses-table th[data-dynatable-column="start_date"] {
    width: 6%;
}

#ltc-clock-warning {
    text-align: center;
}

#ltc-clock-warning table {
    border-spacing: 0px;
    border: 1px solid #cccccc;
    border-collapse: collapse;
    min-width: 40%;
    margin: auto;
    margin-bottom: 15px;
    background-color: transparent;
    /* Change the background-color of table here */
    text-align: center;
    /* Change the text-alignment of table here */
}

#ltc-clock-warning h1 {
    text-align: left;
    font-size: 2rem;
}

#ltc-clock-warning th {
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
    /* Change the border-color of heading here */
    background-color: rgb(236, 236, 236);
    padding: 8px;
    text-align: center;
}

#ltc-clock-warning td {
    border-bottom: 1px solid #cccccc;
    /* Change the border-color of cells here */
    padding: 8px;
    text-align: center;
}

.online-classes-our-language-teachers {
    background-color: #fff;
    background-repeat: no-repeat;
    min-height: 540px;
    background-size: cover;
    background-position: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url(/global/images/online-classes/our-language-teachers/german.png) !important;
}

@media screen and (min-width: 600px) {
    .mobile-break {
        display: none;
    }
}

.online-classes-our-language-teachers-german {
    background-image: url(/global/images/online-classes/our-language-teachers/german.png);
}

.online-classes-our-language-teachers-french {
    background-image: url(/global/images/online-classes/our-language-teachers/french.png) !important;
}

.online-classes-our-language-teachers-english {
    background-image: url(/global/images/online-classes/our-language-teachers/english.png) !important;
}

.online-classes-our-language-teachers-spanish {
    background-image: url(/global/images/online-classes/our-language-teachers/spanish.png) !important;
}

.online-classes-our-language-teachers-italian {
    background-image: url(/global/images/online-classes/our-language-teachers/italian.png) !important;
}

.online-classes-our-language-teachers-polish {
    background-image: url(/global/images/online-classes/our-language-teachers/polish.png) !important;
}

.online-classes-our-language-teachers-korean {
    background-image: url(/global/images/online-classes/our-language-teachers/korean.png) !important;
}

.online-classes-our-language-teachers-russian {
    background-image: url(/global/images/online-classes/our-language-teachers/russian.png) !important;
}

.online-classes-our-language-teachers-japanese {
    background-image: url(/global/images/online-classes/our-language-teachers/japanese.png) !important;
}

.online-classes-our-language-teachers-arabic {
    background-image: url(/global/images/online-classes/our-language-teachers/arabic.png) !important;
}

.online-classes-our-language-teachers-chinese {
    background-image: url(/global/images/online-classes/our-language-teachers/chinese.png) !important;
}

.online-classes-our-language-teachers-german {
    background-image: url(/global/images/online-classes/our-language-teachers/german.png) !important;
}

.online-classes-our-language-teachers-yiddish {
    background-image: url(/global/images/online-classes/our-language-teachers/yiddish.png) !important;
}

.online-classes-our-language-teachers-welsh {
    background-image: url(/global/images/online-classes/our-language-teachers/welsh.png) !important;
}

@media (max-width: 767px) {
    .online-lessons-our-language-teachers__content {
        margin-top: 37vw !important;
    }
    .online-classes-our-language-teachers {
        background-size: 100vw !important;
        background-position: top !important;
        background-image: url(/global/images/online-classes/our-language-teachers/german-mob.png) !important;
    }
    .online-classes-our-language-teachers-german {
        background-image: url(/global/images/online-classes/our-language-teachers/german-mob.png) !important;
    }
    .online-classes-our-language-teachers-french {
        background-image: url(/global/images/online-classes/our-language-teachers/french-mob.png) !important;
    }
    .online-classes-our-language-teachers-english {
        background-image: url(/global/images/online-classes/our-language-teachers/english-mob.png) !important;
    }
    .online-classes-our-language-teachers-spanish {
        background-image: url(/global/images/online-classes/our-language-teachers/spanish-mob.png) !important;
    }
    .online-classes-our-language-teachers-italian {
        background-image: url(/global/images/online-classes/our-language-teachers/italian-mob.png) !important;
    }
    .online-classes-our-language-teachers-polish {
        background-image: url(/global/images/online-classes/our-language-teachers/polish-mob.png) !important;
    }
    .online-classes-our-language-teachers-korean {
        background-image: url(/global/images/online-classes/our-language-teachers/korean-mob.png) !important;
    }
    .online-classes-our-language-teachers-russian {
        background-image: url(/global/images/online-classes/our-language-teachers/russian-mob.png) !important;
    }
    .online-classes-our-language-teachers-japanese {
        background-image: url(/global/images/online-classes/our-language-teachers/japanese-mob.png) !important;
    }
    .online-classes-our-language-teachers-arabic {
        background-image: url(/global/images/online-classes/our-language-teachers/arabic-mob.png) !important;
    }
    .online-classes-our-language-teachers-chinese {
        background-image: url(/global/images/online-classes/our-language-teachers/chinese-mob.png) !important;
    }
    .online-classes-our-language-teachers-german {
        background-image: url(/global/images/online-classes/our-language-teachers/german-mob.png) !important;
    }
    .online-classes-our-language-teachers-yiddish {
        background-image: url(/global/images/online-classes/our-language-teachers/yiddish-mob.png) !important;
    }
    .online-classes-our-language-teachers-welsh {
        background-image: url(/global/images/online-classes/our-language-teachers/welsh-mob.png) !important;
    }
}

.banda-ltconnect {
    background-image: url(/global/images/banda-ltc.jpg);
    min-height: 370px;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    align-items: center;
}

.banda-ltconnect__content {
    padding: 80px 20%;
    text-align: center;
}

.banda-ltconnect__content > h4 {
    color: #ffffff;
    font-weight: bold;
    font-size: 28px;
    line-height: 1.3;
}

.banda-ltconnect__content > a {
    background-color: #fff;
    color: #fd7221;
    padding: 10px 25px;
    border-radius: 10px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 14px;
    margin-top: 15px;
    display: inline-block;
}

.banda-ltconnect__content > a:hover,
.banda-ltconnect__content > a:active,
.banda-ltconnect__content > a:visited {
    text-decoration: none;
    color: #fd7221;
}

@media (max-width: 767px) {
    .banda-ltconnect {
        min-height: inherit;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: 92%;
    }
    .banda-ltconnect__content {
        padding: 40px 10%;
        text-align: center;
    }
    .banda-ltconnect__content > h4 {
        font-size: 18px;
    }
    .banda-ltconnect__content > a {
        font-size: 12px;
    }
}

.ltc-outline-banner {
    width: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    height: 450px;
    background-repeat: no-repeat;
    margin-bottom: 120px;
    background-position: center;
}

.ltc-outline-banner--spanish {
    background-image: url("/global/images/ltc-outline/backgrounds/spanish.jpg");
}

.ltc-outline-banner__flag {
    transform: translateY(50%);
    height: 190px;
    border: 12px solid;
    box-sizing: content-box;
    border-radius: 50%;
    padding: 8px;
}

.ltc-outline-banner--2 {
    background-image: url("/global/images/ltc-outline/ltc-outline-2.jpg");
    width: 100%;
    background-size: cover;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 540px;
    background-repeat: no-repeat;
    margin-bottom: 50px;
    background-position: center;
    padding-top: 50px;
}

.ltc-outline__specs {
    background-color: #fa6b27;
    color: #fff;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding: 25px 0;
}

.ltc-outline__specs__btn {
    background-color: #1178c0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 8px;
    margin-top: 50px;
}

.ltc-outline__specs__btn:hover,
.ltc-outline__specs__btn--2:hover {
    color: #fff;
    text-decoration: none;
}

.ltc-outline__specs__btn--2 {
    background-color: #1178c0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 8px;
    display: inline-block;
    margin-bottom: 50px;
}

.ltc-outline__spec {
    display: flex;
    flex-direction: column;
    font-family: "Open Sans", sans-serif;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.ltc-outline__spec > p {
    font-size: 18px;
    font-weight: lighter;
    margin-bottom: 0px;
    max-width: 150px;
}

.ltc-outline__spec > b {
    font-size: 26px;
    font-weight: bold;
    line-height: 1.2;
}

.ltc-outline__spec:not(:last-child) {
    padding-right: 35px;
    margin-right: 35px;
    border-right: 1px solid #fff;
}

.ltc-outline__lessons {
    width: 100%;
    background-image: url("/global/images/ltc-course-outline.jpg");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 45% 45%;
    grid-column-gap: 10%;
    padding: 0 10%;
    font-family: "Open Sans", sans-serif !important;
}

.ltc-outline__lesson {
    padding: 20% 0;
}

.ltc-outline__lesson__title {
    color: #fa6b27;
    text-transform: uppercase;
    font-size: 50px !important;
    font-weight: lighter;
    margin-bottom: 15px !important;
}

.ltc-outline__lesson__text {
    color: #919191;
    font-size: 20px;
    font-weight: lighter;
    max-width: 85%;
}

.ltc-outline__lesson:nth-of-type(2) {
    grid-column: 2/3;
    grid-row: 2/3;
}

.ltc-outline__lesson:nth-of-type(3) {
    grid-column: 1/2;
    grid-row: 3/4;
}

.ltc-outline__lesson:nth-of-type(4) {
    grid-column: 2/3;
    grid-row: 4/5;
}

.ltc-outline__lesson:nth-of-type(5) {
    grid-column: 1/2;
    grid-row: 5/6;
}

.ltc-outline__lesson:nth-of-type(6) {
    grid-column: 2/3;
    grid-row: 6/7;
}

.ltc-outline__lesson:nth-of-type(7) {
    grid-column: 1/2;
    grid-row: 7/8;
}

.ltc-outline__lesson:nth-of-type(8) {
    grid-column: 2/3;
    grid-row: 8/9;
}

.ltc-outline__lesson:nth-of-type(9) {
    grid-column: 1/2;
    grid-row: 9/10;
}

.ltc-outline__lesson:nth-of-type(10) {
    grid-column: 2/3;
    grid-row: 10/11;
}

.ltc-outline-teachers__title {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 30px;
}

.ltc-outline-teachers__title > h2 {
    font-family: "Open Sans", sans-serif;
    font-size: 60px !important;
    font-weight: lighter;
    color: #127ec4;
}

.ltc-outline-teachers__card {
    display: grid;
    grid-template-columns: 180px 1fr;
    grid-column-gap: 35px;
    padding: 35px 40px;
    font-family: "Open Sans", sans-serif;
    width: 90%;
    margin: 0 5% 50px;
}

.ltc-outline-teachers__card--bordered {
    border: 2px solid #127ec4;
    border-radius: 50px;
}

.ltc-outline-teachers__flag {
    width: 70px;
    height: auto;
    margin-right: 25px;
}

.ltc-outline-teachers__card__image {
    width: 100%;
    height: auto;
}

.ltc-outline-teachers__card__content > h4 {
    font-size: 45px;
    font-weight: lighter;
    color: #127ec4;
}

.ltc-outline-teachers__card__text {
    color: #127ec4;
    text-align: justify;
}

.ltc-outline-teachers__card__text--read-more {
    max-height: 80px;
    -webkit-column-width: 1000px;
    column-width: 1000px;
    overflow: hidden;
    transition: all 0.4s;
}

.ltc-outline-teachers__card__text--open {
    max-height: none;
}
.ltc-outline-teachers__card__btn {
    color: #fff;
    background-color: #068cd6;
    border-radius: 12px;
    padding: 12px 30px;
    font-family: "Arial", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 20px;
    border: 0;
    font-size: 12px;
}

.ltc-outline-teachers__text--1 {
    color: #127ec4;
    font-size: "Open Sans", sans-serif;
    font-size: 18px;
    width: 80%;
    margin: 0 10% 80px;
}

.ltc-outline-teachers__text--2 {
    color: #919191;
    font-size: "Open Sans", sans-serif;
    font-size: 15px;
    text-align: center;
    width: 90%;
    margin: 0 5% 120px;
}

@media (max-width: 1200px) {
    .ltc-outline__lesson__title {
        font-size: 40px !important;
    }
    .ltc-outline__lesson__text {
        font-size: 16px;
    }
}

@media (max-width: 992px) {
    .ltc-outline__lessons {
        grid-row-gap: 100px;
    }
    .ltc-outline__lesson {
        padding: 0 0;
    }
    .ltc-outline__lesson__title {
        font-size: 30px !important;
    }
    .ltc-outline__lesson__text {
        font-size: 13px;
        max-width: 100%;
    }
    .ltc-outline__lesson:nth-of-type(2),
    .ltc-outline__lesson:nth-of-type(3),
    .ltc-outline__lesson:nth-of-type(4),
    .ltc-outline__lesson:nth-of-type(5) {
        transform: translateY(-30px);
    }
    .ltc-outline__lesson:nth-of-type(6),
    .ltc-outline__lesson:nth-of-type(7),
    .ltc-outline__lesson:nth-of-type(8),
    .ltc-outline__lesson:nth-of-type(9),
    .ltc-outline__lesson:nth-of-type(10) {
        transform: translateY(-60px);
    }
}

@media (max-width: 767px) {
    .ltc-outline-banner--2 {
        height: auto;
        padding-top: 150px;
        background-position: top;
        background-size: contain;
    }
    .ltc-outline__specs {
        flex-direction: column;
        align-items: center;
    }
    .ltc-outline__spec:not(:last-child) {
        padding-right: 0;
        margin-right: 0;
        border-right: 0;
        padding-bottom: 20px;
        margin-bottom: 20px;
        border-bottom: 1px solid #fff;
    }
    .ltc-outline__spec > p {
        max-width: 100%;
        font-size: 24px;
    }
    .ltc-outline__spec > b {
        font-size: 30px;
    }
    .ltc-outline__lessons {
        background-image: none;
        grid-template-columns: 100%;
        font-family: "Open Sans", sans-serif !important;
        width: 100vw;
        transform: translateX(-5%);
        padding: 0;
        grid-row-gap: 30px;
        margin-bottom: 50px;
    }
    .ltc-outline__lesson {
        grid-column: 1/2 !important;
        grid-row: auto !important;
    }
    .ltc-outline__lesson__title,
    .ltc-outline__lesson__text {
        padding: 0 30px;
    }
    .ltc-outline__lesson__title {
        font-size: 45px !important;
        margin-bottom: 20px !important;
    }
    .ltc-outline__lesson__text {
        font-size: 15px;
    }
    .ltc-outline__lesson:nth-of-type(2),
    .ltc-outline__lesson:nth-of-type(3),
    .ltc-outline__lesson:nth-of-type(4),
    .ltc-outline__lesson:nth-of-type(5),
    .ltc-outline__lesson:nth-of-type(6),
    .ltc-outline__lesson:nth-of-type(7),
    .ltc-outline__lesson:nth-of-type(8),
    .ltc-outline__lesson:nth-of-type(9),
    .ltc-outline__lesson:nth-of-type(10) {
        transform: translateY(0);
    }
    .ltc-outline__lesson:nth-of-type(1)::after {
        content: "";
        width: 100%;
        height: 170px;
        background: url("/global/images/ltc-lesson-1.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(2)::after {
        content: "";
        width: 100%;
        height: 150px;
        background: url("/global/images/ltc-lesson-2.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(3)::after {
        content: "";
        width: 100%;
        height: 150px;
        background: url("/global/images/ltc-lesson-3.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(4)::after {
        content: "";
        width: 100%;
        height: 170px;
        background: url("/global/images/ltc-lesson-4.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(5)::after {
        content: "";
        width: 100%;
        height: 150px;
        background: url("/global/images/ltc-lesson-5.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(6)::after {
        content: "";
        width: 100%;
        height: 150px;
        background: url("/global/images/ltc-lesson-6.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(7)::after {
        content: "";
        width: 100%;
        height: 150px;
        background: url("/global/images/ltc-lesson-7.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(8)::after {
        content: "";
        width: 100%;
        height: 150px;
        background: url("/global/images/ltc-lesson-8.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(9)::after {
        content: "";
        width: 100%;
        height: 150px;
        background: url("/global/images/ltc-lesson-9.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline__lesson:nth-of-type(10)::after {
        content: "";
        width: 100%;
        height: 170px;
        background: url("/global/images/ltc-lesson-10.png");
        background-size: cover;
        display: block;
        background-repeat: no-repeat;
    }
    .ltc-outline-teachers__title > h2 {
        font-size: 45px;
    }
    .ltc-outline-teachers__card {
        grid-template-columns: 1fr;
    }
    .ltc-outline-teachers__card__text > h4 {
        font-size: 35px;
    }
    .ltc-outline-teachers__card__image {
        max-width: 200px;
        justify-self: center;
    }
}

/*     LTC OUTLINE FIXES FOR SPECIFIC LANGUAGES     */

.ltc-outline__lessons--arabic #lesson5 {
    margin-top: 25%;
    margin-bottom: -25%;
}

.ltc-outline__lessons--arabic #lesson6 {
    margin-top: 5%;
    margin-bottom: -5%;
}
.ltc-outline__lessons--arabic #lesson8 {
    margin-top: 10%;
    margin-bottom: -10%;
}

.ltc-outline__lessons--arabic #lesson10 {
    margin-top: 5%;
    margin-bottom: -5%;
}

.ltc-outline__lessons--brazilian_portuguese #lesson5 {
    margin-top: 20%;
    margin-bottom: -20%;
}

@media (min-width: 1200px) {
    .ltc-outline__lessons--vietnamese > div:nth-of-type(2) {
        transform: translateY(35px);
    }

    .ltc-outline__lessons--french > div:nth-of-type(5),
    .ltc-outline__lessons--spanish_spain > div:nth-of-type(5),
    .ltc-outline__lessons--vietnamese > div:nth-of-type(5) {
        transform: translateY(50px);
    }
    .ltc-outline__lessons--german > div:nth-of-type(6),
    .ltc-outline__lessons--korean > div:nth-of-type(6),
    .ltc-outline__lessons--spanish_latam > div:nth-of-type(6),
    .ltc-outline__lessons--spanish_latam > div:nth-of-type(8),
    .ltc-outline__lessons--japanese_adults > div:nth-of-type(6),
    .ltc-outline__lessons--japanese_adults > div:nth-of-type(8) {
        transform: translateY(-50px);
    }
}

/*===================
online-classes-inquiry
=======================*/

.online-classes-inquiry-title {
    font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
    size: 45px;
    color: #fff;
    text-transform: uppercase;
    margin-top: 380px;
}

.online-classes-inquiry-desc-1 {
    font-size: 25px;
    line-height: 28px;
    margin-bottom: auto;
    text-align: justify;
}

.online-classes-inquiry-desc-2 {
    font-size: 18px;
    line-height: 28px;
    margin-bottom: auto;
    text-align: justify;
}

@media (max-width: 767px) {
    .online-classes-inquiry-title {
        font-size: 29px;
        margin-top: 340px;
    }
}

/*===================
Google Review
=======================*/

.google-review-banner--1 {
    background-color: #fff;
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 60% 35%;
    grid-column-gap: 5%;
    grid-template-rows: auto;
    align-items: center;
    grid-gap: 2rem;
    overflow: hidden;
    padding: 60px 17%;
    font-family: "Open Sans", sans-serif;
}

.google-review-banner--1__text > h2 {
    color: #0071c1;
    line-height: 1.2;
    font-weight: 500;
    margin: 0;
}

.google-review-banner--1__text > p {
    font-weight: lighter;
    color: #ff6600;
    font-size: 30px;
}

.google-review-banner--1__badge > a > div {
    background: #f5f5f5;
    border-radius: 10px;
    border: 3px solid #cccccc;
    padding: 15px 35px;
    max-width: 250px;
    font-family: "Open Sans", sans-serif;
}

.google-review-banner--1__badge > a {
    color: inherit;
    text-decoration: none;
}

.google-review-banner--1__badge > a:hover {
    text-decoration: none;
}

.google-review-banner__rating {
    display: flex;
    align-items: baseline;
}

.google-review-banner__rating > p {
    margin: 0;
    margin-right: 5px;
}

.google-review-banner--2 {
    background-color: #ff7400;
    background-image: url("/global/images/bandas/google-banner-2.jpg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left;
    display: grid;
    grid-template-columns: 35% 65%;
    grid-column-gap: 40px;
    grid-template-rows: auto;
    align-items: center;
    overflow: hidden;
    padding: 60px 10% 60px 40%;
    font-family: "Open Sans", sans-serif;
}

.google-review-banner--2__text {
    color: #fff;
}

.google-review-banner--2__text > h2 {
    font-weight: bold;
}

.google-review-banner--2__text > p {
    font-size: 18px;
    max-width: 300px;
}

.google-review-banner--2__badge > a {
    color: inherit;
    text-decoration: none;
}

.google-review-banner--2__badge > a:hover {
    text-decoration: none;
}

.google-review-banner--2__badge > a > div {
    background: #f5f5f5;
    border-radius: 10px;
    padding: 15px 35px;
    max-width: 250px;
    font-family: "Open Sans", sans-serif;
}

.star {
    width: 100%;
    position: relative;
    color: red;
}

.rating {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
}

.rating span {
    font-size: 15px;
    white-space: nowrap;
    overflow: hidden;
    color: gold;
}

.rating span:before {
    content: "\2606\2606\2606\2606\2606";
    position: absolute;
    color: #bdbdbd;
    z-index: -1;
}

@media (min-width: 768px) and (max-width: 1000px) {
    .google-review-banner--1 {
        padding: 30px 10%;
    }
    .google-review-banner--2 {
        padding: 30px 10%;
        background-image: none;
    }
}

@media (max-width: 767px) {
    .google-review-banner--1,
    .google-review-banner--2 {
        grid-template-columns: 1fr;
        padding: 50px 10%;
    }
    .google-review-banner--1__text,
    .google-review-banner--2__text {
        text-align: center;
    }
    .google-review-banner--1__text > h2,
    .google-review-banner--2__text > h2 {
        margin-bottom: 10px;
        font-size: 24px !important;
    }
    .google-review-banner--1__text > p {
        font-size: 24px;
    }
    .google-review-banner--2__text > p {
        font-size: 15px;
        max-width: none;
    }
    .google-review-banner--1__badge,
    .google-review-banner--2__badge {
        display: flex;
        justify-content: center;
    }
    .google-review-banner--1__badge > a > div,
    .google-review-banner--2__badge > a > div {
        max-width: 200px;
    }
    .google-review-banner--2 {
        background-image: none;
    }
    .google-review-banner--2__text {
        grid-row: 1/2;
    }
}

.flex-btn-container {
    display: flex;
    justify-content: center;
}

.flex-btn-container > a:not(:last-child) {
    margin-right: 40px;
}

@media (max-width: 767px) {
    .flex-btn-container {
        flex-direction: column;
        align-items: center;
    }

    .flex-btn-container--stretched {
        align-items: stretch;
    }

    .flex-btn-container > a:not(:last-child) {
        margin-right: 0px;
        margin-bottom: 15px;
    }
}

.btn-book-grid {
    text-align: center;
    width: 150px;
    margin-top: 5px;
}

.ltc-eng-outline__switch-btn {
    background-color: #1178c0;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 15px 25px;
    border-radius: 8px;
    margin: 20px auto;
    width: 300px;
    text-align: center;
    cursor: pointer;
}

.ltc-eng--esp {
    display: none;
}

.trial-popup-container {
    position: fixed;
    right: 0;
    background: #1072b4;
    z-index: 10;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    display: flex;
    align-items: center;
    padding: 8px 15px 8px 5px;
    font-family: "Open Sans", sans-serif;
    font-size: 22px;
    font-weight: lighter;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    line-height: 1.2;
    box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.4);
    transition: all 0.3s;
    width: 115px;
    opacity: 1;
}

.trial-popup-container__hidden {
    right: -95px;
}

.trial-popup-arrow {
    margin-right: 15px;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s;
}

.trial-popup-container__hidden > .trial-popup-arrow {
    transform: rotate(180deg);
}

.trial-popup-text a {
    color: #fff;
    text-decoration: none;
}

.trial-popup-text__bold {
    font-weight: 900;
    background-color: #fd7121;
    text-transform: uppercase;
    padding: 1px 3px;
    margin-top: 4px;
    display: block;
}

/*     VOUCHERS PAGE     */

.vouchers-header {
    width: 100%;
    background-size: cover;
    padding: 250px 0 170px 12%;
    background-repeat: no-repeat;
    background-position: center;
}

.vouchers-header > h1 {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 55px;
}

.vouchers-header > p {
    font-family: "Open Sans", sans-serif;
    color: #fff;
    text-transform: uppercase;
    font-size: 26px;
    font-weight: normal;
}

.vouchers-intro {
    background-color: #fc6a20;
    color: #fff;
    padding: 40px 10% 30px;
    font-family: "Open Sans", sans-serif;
    font-size: 18px;
}

.vouchers-intro > ul {
    padding: 0;
    list-style-position: inside;
}

.vouchers-step-selector {
    background-color: #fc6a20;
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Open Sans", sans-serif;
    padding-bottom: 20px;
}

.vouchers-step-selector--padded {
    padding-top: 150px;
}

.vouchers-steps {
    display: flex;
    justify-content: center;
    margin-bottom: 25px;
    padding-top: 50px;
}

.vouchers-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    z-index: 1000;
    width: 150px;
}

.voucher-step-helper {
    display: none;
    position: absolute;
    bottom: 115%;
    left: 40%;
    font-family: sans-serif;
    font-size: 18px;
    line-height: 24px;
    width: 230px;
    background: #fff;
    border-radius: 40px;
    padding: 20px;
    text-align: center;
    color: #167ebd;
}

.voucher-step-helper:before {
    content: "";
    width: 0px;
    height: 0px;
    position: absolute;
    border-left: 12px solid #fff;
    border-right: 10px solid transparent;
    border-top: 10px solid #fff;
    border-bottom: 10px solid transparent;
    left: 24px;
    bottom: -14px;
}

.vouchers-step > b {
    background-color: #fff;
    color: #167ebd;
    font-size: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    height: 35px;
    width: 35px;
    cursor: pointer;
    border: 1px solid #167ebd;
    position: relative;
}

.vouchers-step:not(:last-child) {
    margin-right: 70px;
}

.vouchers-step:not(:last-child)::after {
    content: "";
    display: block;
    width: 190px;
    border-bottom: 1px solid #167ebd;
    position: absolute;
    left: 90px;
    top: 17px;
    z-index: -1;
}

.vouchers-step--active > b {
    pointer-events: none;
    color: #fff;
    background-color: #167ebd;
}

.vouchers-step-selector__title {
    margin-top: 20px;
    font-weight: bold;
    color: #fff;
    font-size: 36px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    font-weight: bolder;
}

.vouchers-step-selector__dropdown {
    display: flex;
    margin: auto;
    align-items: center;
    margin-top: 10px;
}

.vouchers-step-selector__dropdown > label {
    font-weight: normal;
    font-size: 12px;
}

.vouchers-step-selector__dropdown > select {
    background-color: #fff;
    padding: 4px 10px;
    color: #167ebd;
    font-size: 12px;
    margin-left: 10px;
    border: 0;
    outline: 0;
    outline: none;
    border-radius: 10px;
    width: 250px;
    height: 40px;
}

.vouchers-step-selector__text {
    text-align: center;
    font-size: 22px;
}

.vouchers-gallery {
    background-color: #1380c5;
    padding: 50px 10%;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.voucher {
    display: flex;
    margin-bottom: 40px;
}

.voucher__text {
    display: flex;
    flex-direction: column;
    padding-right: 80px;
    line-height: 1.4;
}

.voucher__text > h2 {
    font-size: 38px;
}

.voucher__text > p {
    font-size: 22px;
    font-weight: normal;
}

.voucher__image {
    width: 45%;
    border: 10px solid white;
    border-radius: 30px;
}

.voucher__select {
    text-transform: uppercase;
    font-size: 20px;
    border: 1px solid #fff;
    padding: 8px 12px;
    border-radius: 8px;
    align-self: flex-start;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.4s;
}

.voucher__select:hover {
    background-color: #fff;
    color: #1380c5;
}

.vouchers-gallery > p {
    text-align: center;
    font-size: 18px;
}

.vouchers-customizer__preview {
    background-color: #fc6a20;
    padding: 0px 10% 50px;
    display: flex;
    flex-direction: column;
    color: #fff;
    font-family: "Open Sans", sans-serif;
}

.vouchers-customizer__voucher {
    background-color: #d31721;
    border-radius: 20px;
    width: 70%;
    margin-left: 15%;
    display: flex;
    flex-direction: column;
    padding: 20px 20px 35px;
    position: relative;
}

.vouchers-checkout__voucher {
    background-color: #d31721;
    border-radius: 20px;
    width: 50%;
    display: flex;
    flex-direction: column;
    align-self: center;
    padding: 20px 20px 35px;
    position: relative;
}

.vouchers-customizer__voucher-image {
    width: 100%;
    margin: 20px 0;
}

.vouchers-customizer__voucher > h3,
.vouchers-customizer__voucher > p,
.vouchers-customizer__voucher > h4 {
    padding-left: 40px;
}

.vouchers-customizer__voucher > h3 {
    font-size: 28px;
    margin: 0;
}

.vouchers-customizer__voucher > p {
    font-size: 18px;
    margin-bottom: 0;
}

.vouchers-customizer__voucher > h4 {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
}

.vouchers-customizer__voucher-code {
    position: absolute;
    bottom: 30px;
    right: 20px;
    border: 1px solid #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    padding: 8px 30px;
}

.vouchers-customizer__voucher-code > p {
    margin-bottom: 0;
}

.vouchers-customizer__price-selector {
    display: grid;
    padding: 30px 0;
    grid-template-columns: repeat(5, 1fr);
    grid-column-gap: 15px;
}

.vouchers-customizer__price > input {
    height: 0;
    width: 0;
    opacity: 0;
    cursor: pointer;
}

.vouchers-customizer__price {
    width: 100%;
    border: 1px solid #fff;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    text-transform: uppercase;
    align-items: center;
    text-align: center;
    font-weight: bold;
    padding: 10px 0 40px;
    position: relative;
    height: 80%;
    cursor: pointer;
}

.vouchers-customizer__price--selected {
    background-color: #fff;
    color: #fc6a20;
}

.vouchers-customizer__price > p {
    font-size: 16px;
}

.vouchers-customizer__price > p::after {
    content: "";
    width: 70%;
    display: block;
    position: absolute;
    border-bottom: 1px solid #fff;
    border-top: 1px solid #fc6a20;
    left: 15%;
    margin-top: 10px;
}

.vouchers-customizer__price > b {
    font-size: 32px;
    margin-top: 8px;
}

.vouchers-customizer__price-select {
    position: absolute;
    bottom: 0;
    left: 50%;
    height: 25px;
    width: 25px;
    background-color: #fff;
    transform: translate(-50%, 50%);
    border-radius: 50%;
}

.vouchers-customizer__price
    > input:checked
    + .vouchers-customizer__price-select {
    background-color: #fc6a20;
    border: 5px solid #fff;
}

/*
.vouchers-customizer__price > label {
  content: '';
  width: 15px;
  height: 15px;
  position: absolute;
  display: block;
  background-color: white;
  cursor: pointer;
  bottom: 0;
  border-radius: 50%;
  transform: translateY(90%);
}
*/

.vouchers-customizer__form-container {
    padding: 20px 10% 100px;
}

.vouchers-customizer__form {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.vouchers-customizer__form > h3 {
    font-family: "Open Sans", sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    color: #1380c5;
    font-size: 28px;
    text-align: center;
    position: relative;
    width: 100%;
}

.vouchers-customizer__form > h3::before {
    content: "";
    display: block;
    width: 45%;
    border-bottom: 1px solid #1380c5;
    position: absolute;
    top: 50%;
}

.vouchers-customizer__form > h3::after {
    content: "";
    display: block;
    width: 45%;
    border-bottom: 1px solid #1380c5;
    position: absolute;
    top: 50%;
    right: 0;
}

.vouchers-customizer__form-row {
    display: grid;
    grid-template-columns: auto 0.85fr auto 1fr;
    width: 100%;
    padding: 40px 0;
    grid-column-gap: 50px;
    align-items: center;
}

.vouchers-customizer__form-row > label {
    color: #fd7530;
    font-weight: bold;
    font-size: 18px;
}

.vouchers-customizer__form-row > input {
    border: 1px solid #b2b2b2;
    border-radius: 10px;
    height: 50px;
    transform: translateX(-20px);
}

label.voucher-customizer__form-row--special {
    grid-column: 1/5;
    margin-top: 30px;
}

input.voucher-customizer__form-row--special {
    grid-column: 1/5;
    transform: none;
}

.vouchers-customizer__form-row--centered {
    padding: 0 0 20px;
    display: flex;
    justify-content: center;
    grid-column-gap: 10px;
}

.vouchers-customizer__form-row--centered > p {
    color: #fd7530;
    font-weight: bold;
    font-size: 13px;
}

.vouchers-customizer__form-row--centered > input {
    height: 0;
    width: 0;
    opacity: 0;
}

.vouchers-customizer__form-row--centered > label {
    display: flex;
    color: #fd7530;
    font-weight: normal;
    font-size: 16px;
    cursor: pointer;
}

.vouchers-customizer__form-row--centered > label::before {
    width: 25px;
    height: 25px;
    border: 1px solid #b2b2b2;
    border-radius: 5px;
    content: "";
    display: inline-block;
    margin-right: 5px;
    cursor: pointer;
}

.vouchers-customizer__form-row--centered > input:checked + label::before {
    background-color: #fd7530;
}

.vouchers-customizer__form-btn {
    text-transform: uppercase;
    font-size: 20px;
    border: 1px solid #fd7530;
    padding: 8px 12px;
    border-radius: 8px;
    align-self: flex-start;
    margin-top: 10px;
    cursor: pointer;
    transition: all 0.4s;
    position: absolute;
}

.vouchers-customizer__form-btn--white {
    color: #fd7530;
}

.vouchers-customizer__form-btn--orange {
    color: #fff;
    background-color: #fd7530;
    right: 10%;
}

.vouchers-payment-form__row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 25px;
    margin-bottom: 20px;
}

.vouchers-payment-form__row--2 {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 25px;
    margin-bottom: 20px;
}

.vouchers-payment-form__element {
    display: flex;
    flex-direction: column;
}

.vouchers-payment-form__element > label {
    font-size: 14px;
    color: #707070;
}

.vouchers-payment-form__element > input {
    height: 40px;
    border: 1px solid #b2b2b2;
    border-radius: 10px;
}

.vouchers-payment-form__element--double {
    grid-column: 2/4;
}

.vouchers-payment {
    padding: 40px 10% 100px;
}

.vouchers-payment__disclaimer {
    color: #707070;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    display: block;
}

.vouchers-payment__package {
    color: #1380c5;
    text-align: center;
    font-size: 16px;
    margin: 40px 0 20px;
}

.vouchers-payment__details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
}

.vouchers-payment__column {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    font-weight: bold;
}

.vouchers-payment__column > h3 {
    color: #fd7c3a;
    font-size: 26px;
    font-weight: lighter;
}

.vouchers-payment__column > p {
    color: #707070;
}

.vouchers-payment__price {
    color: #707070;
    font-size: 20px;
    font-weight: bold;
}

#voucher-alert {
    align-self: center;
    text-align: center;
    background-color: #004791;
    color: white;
    font-size: 24px;
}

.vouchers-package-select-error {
    color: #ba3939;
    background: #ffe0e0;
    border: 1px solid #a33a3a;
    padding: 5px;
    font-size: 20px;
}
@media (max-width: 768px) {
    .vouchers-header {
        width: 100%;
        background-image: url("/global/images/vouchers/main-bg-mobile.png");
        background-size: cover;
        padding: 140px 5% 250px 5%;
        background-repeat: no-repeat;
        background-position: center;
    }
    .vouchers-header > h1 {
        text-align: center;
        font-size: 35px;
    }
    .vouchers-header > p {
        text-align: center;
        font-size: 18px;
    }
    .voucher {
        flex-direction: column-reverse;
    }
    .voucher__text {
        padding-right: 0;
        text-align: center;
    }
    .voucher__image {
        width: 100%;
    }
    .voucher__select {
        align-self: center;
    }
    .vouchers-customizer__preview {
        padding: 50px 5%;
    }
    .vouchers-customizer__voucher {
        padding: 15px 10px 35px;
    }
    .vouchers-customizer__voucher > h3,
    .vouchers-customizer__voucher > p,
    .vouchers-customizer__voucher > h4 {
        padding-left: 15px;
    }
    .vouchers-customizer__voucher > h3 {
        font-size: 22px;
    }
    .vouchers-customizer__voucher > p {
        font-size: 14px;
    }
    .vouchers-customizer__voucher > h4 {
        font-size: 18px;
    }
    .vouchers-customizer__voucher-code {
        position: relative;
        margin-top: 25px;
        bottom: 0;
        right: 0;
        width: 80%;
        margin-left: 10%;
    }
    .vouchers-customizer__price-selector {
        grid-template-columns: 1fr;
        grid-row-gap: 10px;
    }
    .vouchers-customizer__price {
        display: grid;
        grid-template-columns: 70% 30%;
        padding: 0px 30px;
        width: 90%;
        margin-left: 5%;
        height: 100%;
    }
    .vouchers-customizer__price > p {
        margin: 0;
        text-align: left;
        font-size: 14px;
    }
    .vouchers-customizer__price-select {
        transform: translate(-50%, 50%);
        bottom: 50%;
        left: 0;
    }
    .vouchers-customizer__price > p::after {
        display: none;
    }
    .vouchers-customizer__form > h3::before,
    .vouchers-customizer__form > h3::after {
        display: none;
    }
    .vouchers-customizer__form-row {
        grid-template-columns: 1fr;
    }
    .vouchers-customizer__form-row > input {
        transform: translateX(0);
        margin-bottom: 22px;
    }
    label.voucher-customizer__form-row--special {
        grid-column: 1/2;
        margin-top: 30px;
    }
    input.voucher-customizer__form-row--special {
        grid-column: 1/2;
        transform: none;
    }
    .vouchers-step-selector__title {
        font-size: 30px;
    }
    .vouchers-step-selector__dropdown > select {
        width: 150px;
    }
    .vouchers-steps {
        flex-direction: column;
        align-items: center;
    }
    .vouchers-step:not(:last-child) {
        margin-right: 0;
        margin-bottom: 20px;
    }
    .vouchers-step:not(:last-child)::after {
        display: none;
    }
    .vouchers-customizer__preview {
        padding: 0 5% 50px;
    }
    .vouchers-customizer__voucher {
        width: 100%;
        margin-left: 0;
    }
    .vouchers-customizer__form-row--centered {
        flex-direction: column;
        align-items: flex-start;
    }
    .vouchers-customizer__form-btn {
        position: relative;
        display: block;
        width: 100%;
        font-size: 16px;
        text-align: center;
    }
    .vouchers-customizer__form-btn--orange {
        right: 0;
    }
    .vouchers-payment-form__row--2,
    .vouchers-payment-form__row {
        grid-template-columns: 1fr;
        grid-row-gap: 20px;
    }
    .vouchers-payment-form__element--double {
        grid-column: 1/2;
    }
}

/*     SPOTIFY BANNERS     */
.spotify-general {
    background-image: url("/global/images/banners/spotify-general-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 370px;
    padding: 50px 10%;
    display: flex;
    align-items: center;
}
.spotify-specific {
    background-image: url("/global/images/banners/spotify-specific-bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    height: 370px;
    padding: 50px 10%;
    display: flex;
    align-items: center;
}
.spotify-general__image {
    width: 50%;
    height: auto;
}
.spotify-specific__image {
    width: 270px;
    height: auto;
}
.spotify-general__content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding-left: 30px;
    color: #fff;
}
.spotify-general__title {
    font-family: "Open Sans", sans-serif;
    font-weight: bold;
    font-size: 30px;
    width: 70%;
    line-height: 1.3;
}
.spotify-general__btn {
    border: 1px solid #fff;
    border-radius: 8px;
    font-family: "Helvetica Neue", sans-serif;
    text-transform: uppercase;
    padding: 4px 12px;
    color: #fff;
    transition: all 0.5s;
}
.spotify-general__btn:hover {
    background-color: #fff;
    color: #050557;
    text-decoration: none;
}
@media (max-width: 767px) {
    .spotify-general {
        background-image: url("/global/images/banners/spotify-general-mob-bg.jpg");
        height: auto;
        padding: 30px;
        display: flex;
        flex-direction: column;
    }
    .spotify-specific {
        height: auto;
        padding: 30px;
        display: flex;
        flex-direction: column;
    }
    .spotify-general__image {
        width: 100%;
    }
    .spotify-specific__image {
        width: 70%;
    }
    .spotify-general__content {
        padding-left: 0px;
        padding-top: 20px;
    }
    .spotify-general__title {
        font-size: 22px;
        margin: 0 0 20px;
    }
}
@media (min-width: 1920px) {
    .spotify-general__image {
        width: 40%;
        height: auto;
    }
    .spotify-specific__image {
        width: 20%;
        height: auto;
    }
}
@media (min-width: 2300px) {
    .spotify-general__image {
        width: 25%;
        height: auto;
    }
    .spotify-specific__image {
        width: 10%;
        height: auto;
    }
}

/*     LTC TESTIMONIALS CAROUSEL     */

.ltc-testimonials {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.93);
    border-radius: 15px;
    padding: 20px 10%;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.ltc-testimonials--mobile {
    display: none;
}

.ltc-testimonials > .carousel {
    padding-bottom: 20px;
}

.ltc-testimonials > .carousel > .carousel-indicators {
    bottom: -20px;
}

.ltc-testimonials > .carousel > .carousel-indicators li {
    border: 1px solid #fc6b0f;
}

.ltc-testimonials > .carousel > .carousel-indicators .active {
    background-color: #fc6b0f;
}

.ltc-testimonials .carousel-inner,
.ltc-testimonials--desktop .carousel-inner {
    height: 90px;
    margin-top: 20px;
}

.ltc-testimonials__header {
    color: #fc6b0f;
    font-weight: lighter;
    font-size: 32px;
    margin: 10px 0;
}

.ltc-testimonials__text {
    color: #919191;
    font-size: 18px;
    font-weight: lighter;
    margin-top: 0;
}

.ltc-testimonials__author {
    color: #919191;
    font-weight: bold;
    font-size: 13px;
    margin-top: 0;
    margin-bottom: 5px;
}

.ltc-testimonials__where {
    color: #919191;
    font-size: 13px;
}

.ltc-time-to-think {
    display: flex;
    align-items: center;
    height: 100px;
    flex-direction: row;
    justify-content: center;
    padding-top: 0;
}

.ltc-time-to-think > a {
    margin-left: 20px;
}

@media (max-width: 767px) {
    .ltc-testimonials--desktop {
        display: none;
    }

    .ltc-testimonials--mobile {
        display: block;
    }

    .ltc-testimonials {
        padding: 20px 5%;
    }

    .ltc-time-to-think {
        height: auto;
        flex-direction: column;
        padding-top: 0;
        padding: 30px 0 50px;
    }

    .ltc-time-to-think > a {
        margin-left: 0px;
        margin-top: 20px;
    }

    .ltc-testimonials .carousel-inner,
    .ltc-testimonials--mobile .carousel-inner {
        min-height: 150px;
    }
}

.ltc-home-content--grey > .ltc-testimonials {
    background-color: transparent !important;
}

/*     STYLES FOR NEW INQUIRY FORM     */

.inquiry-2021__grid {
    display: grid;
    grid-template-columns: 1fr 2.2fr;
    background-color: #fa6b27;
    border-radius: 30px;
    grid-column-gap: 65px;
    position: relative;
    max-width: 65vw;
    margin: 25px auto;
    font-family: "Open Sans", sans-serif;
    color: #fff;
    padding: 35px 70px 15px 50px;
}

.inquiry-2021__close {
    position: absolute;
    top: 0px;
    right: 20px;
    background: none;
    border: 0;
    font-size: 45px;
    outline: none;
}

.inquiry-2021__grid .modal-header {
    padding: 0;
    border: 0;
}

.inquiry-2021__grid .modal-header > h4 {
    font-size: 55px;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: lighter;
}

.modal-step .modal-header > b {
    font-size: 15px !important;
}

.inquiry-2021__grid .modal-header .modal-title {
    font-size: 35px !important;
    text-transform: uppercase;
    line-height: 1.2;
    font-weight: lighter;
}

.inquiry-2021__grid .btn-next-step[disabled="disabled"] {
    background-color: #c4c4c4;
}

.modal-step .modal-header .modal-title {
    font-size: 25px !important;
}

.modal-step {
    text-align: center;
    padding: 0 !important;
}

.modal-step:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    margin-right: -4px; /* Adjusts for spacing */
}

.modal-step > .modal-dialog {
    width: 60%;
    display: inline-block;
    text-align: left;
    vertical-align: middle;
}

.modal-step.inquiry-2021 > .modal-dialog {
    max-width: 900px;
    width: 100%;
    background-color: #fa6b27;
    border-radius: 30px;
}
.modal-step.inquiry-2021 .inquiry-2021__close {
    color: #ffffff;
    z-index: 1;
}
.modal-step.inquiry-2021 .inquiry-2021__grid {
    display: flex;
    justify-content: space-between;
    padding: 55px 25px 40px;
    max-width: 805px;
    width: 100%;
    margin: 0 auto;
    grid-column-gap: 0;
    background-color: transparent;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .modal-header {
    max-width: 260px;
    width: 100%;
    margin-right: 60px;
    flex-shrink: 0;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .modal-header > * {
    font-size: 16px;
    line-height: 22px;
    font-weight: 300;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .modal-header b {
    font-weight: 700;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .modal-header .modal-title {
    font-size: 32px !important;
    line-height: 43px;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 8px;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .modal-header .modal-title b {
    font-weight: bold;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .modal-body {
    padding: 0;
    flex-grow: 1;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .form-group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 23px !important;
    flex-wrap: wrap;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .form-group:last-child {
    margin-bottom: 0 !important;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .form-group .control-label {
    flex-shrink: 0;
    margin-top: 8px;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    max-width: 110px;
    width: 100%;
    color: #ffffff;
}
.modal-dialog.second-step {
    max-width: 930px;
}
.modal-dialog.second-step .inquiry-2021__grid {
    max-width: 835px;
}
.modal-dialog.second-step .inquiry-2021__grid .modal-header {
    max-width: 283px;
}
.free-lesson__container .form-control,
.modal-step.inquiry-2021 .form-control {
    height: 37px;
    border-radius: 10px;
    flex-grow: 1;
    width: auto;
    padding: 0 16px;
    font-size: 13px;
    line-height: 15px;
    font-weight: 400;
    border: none;
}
.free-lesson__container textarea.form-control,
.modal-step.inquiry-2021 textarea.form-control {
    resize: vertical;
    height: 15px;
    max-height: 220px;
    min-height: 100px;
    padding: 10px 20px;
    line-height: 16px;
}
.free-lesson__container .help-block-error,
.modal-step.inquiry-2021 .help-block-error {
    width: 100%;
    background: none;
    color: #fff;
    margin-bottom: -12px;
    font-size: 12px;
    margin-top: 3px;
}
.free-lesson__container .checkbox > label,
.modal-step.inquiry-2021 .checkbox > label {
    display: inline-block;
    position: relative;
}
.free-lesson__container .checkbox .help-block-error,
.modal-step.inquiry-2021 .checkbox .help-block-error {
    margin-bottom: 0;
    position: absolute;
    bottom: -3px;
    transform: translateY(100%);
    right: 0;
}
.modal-step.inquiry-2021 .tab-inquiry-step {
    margin-bottom: 30px;
}
.modal-step.inquiry-2021 .inquiry-2021__grid .btn-next-step {
    font-size: 15px;
    line-height: 15px;
    padding: 14px 40px;
}
.inquiry-2021__grid a.gdpr {
    color: #fff;
    text-decoration: underline;
}
@media (max-width: 768px) {
    .modal-step::before {
        content: none;
    }
    .modal-step.inquiry-2021 .inquiry-2021__grid {
        max-width: unset;
        flex-direction: column;
        padding: 30px 16px 16px;
        margin: 0;
    }
    .modal-step.inquiry-2021 .inquiry-2021__grid .modal-header {
        margin-right: 0;
        max-width: 100%;
        margin-bottom: 24px;
    }
    .modal-step.inquiry-2021
        .inquiry-2021__grid
        .modal-header:not(:first-child) {
        margin-bottom: 7px;
    }
    .modal-step.inquiry-2021
        .inquiry-2021__grid
        .modal-header:not(:first-child)
        .modal-title {
        font-size: 23px !important;
        line-height: 30px;
    }
    .modal-step.inquiry-2021 > .modal-dialog {
        width: calc(100% - 20px) !important;
        border-radius: 20px !important;
    }
    .modal-step.inquiry-2021 .inquiry-2021__grid .modal-header > * {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
        margin: 0;
    }
    .modal-step.inquiry-2021 .inquiry-2021__grid .modal-header > * br {
        display: none;
    }
    .modal-step.inquiry-2021 .inquiry-2021__close {
        padding: 0;
        width: 15px;
        height: 15px;
        font-size: 25px;
        line-height: 15px;
        top: 20px;
    }
    .modal-step.inquiry-2021 .inquiry-2021__grid .form-group {
        margin-bottom: 15px !important;
        flex-direction: column;
        min-height: 60px;
    }
    .modal-step.inquiry-2021 .inquiry-2021__grid .form-group .control-label {
        margin-top: 0;
        display: inline;
        margin-bottom: 5px;
        max-width: unset;
        text-align: left;
        font-size: 13px;
        line-height: 15px;
    }
    .modal-step.inquiry-2021 .form-control {
        width: 100%;
        flex-grow: 0;
    }
    .modal-step.inquiry-2021 .tab-inquiry-step {
        margin-bottom: 20px;
    }
    .modal-step.inquiry-2021 .inquiry-2021__grid .btn-next-step {
        width: 100%;
    }
    .modal-step.inquiry-2021 .checkbox {
        margin-bottom: 30px;
    }
    .modal-step.inquiry-2021 .checkbox > label {
        text-align: left;
    }
}

.inquiry-2021__grid .modal-header > b {
    margin-top: 20px;
    font-size: 20px;
    display: block;
}

.inquiry-2021__grid .modal-header > p {
    font-size: 20px;
}

.inquiry-2021__grid .form-group {
    display: grid;
    color: #fff;
    grid-template-columns: 100px 1fr;
    text-align: right;
    grid-column-gap: 15px;
    margin-bottom: 10px !important;
}

.inquiry-2021__grid .form-control {
    border: 0 !important;
}

.inquiry-2021__grid .btn-submit {
    border: 0;
    background-color: #2c91c7;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 25px;
    border-radius: 10px;
    font-weight: bold;
    font-family: "Arial", sans-serif;
}

.inquiry-2021__grid .btn-next-step {
    border: 0;
    background-color: #2c91c7;
    color: #fff;
    text-transform: uppercase;
    padding: 15px 25px;
    border-radius: 10px;
    font-weight: bold;
    font-family: "Arial", sans-serif;
}

.inquiry-form-cookies-holder {
    grid-column-gap: 10px;
    display: grid;
    grid-template-columns: auto 1fr;
    width: calc(100% - 100px);
    left: 100px;
    position: relative;
    align-items: center;
}

.inquiry-form-step-cookies-holder {
    text-align: right;
}

/* Hide all steps by default: */
.tab-inquiry-step {
    display: none;
}

/* Hide all steps by default: */
.header-tab {
    display: none;
}

.inquiry-form-cookies-holder a {
    color: #fff !important;
    text-decoration: underline;
}

@media (max-width: 1200px) {
    .inquiry-2021__grid {
        max-width: 75vw;
    }
}

@media (max-width: 1000px) {
    .inquiry-2021__grid {
        max-width: 85vw;
    }
}

.inquiry-2021__grid textarea {
    height: 110px;
}

@media (min-width: 1000px) and (max-width: 1400px) {
    .inquiry-2021__grid textarea {
        height: 75px;
    }
    .inquiry-2021__grid {
        max-width: 85vw;
    }
    .inquiry-2021__grid .modal-body {
        margin-top: -26px;
    }
    .inquiry-2021__grid .form-group {
        grid-template-columns: 160px 1fr;
    }
}

.inquiry-step-skip-btn {
    position: relative;
    top: 25px;
    color: #fff;
    text-decoration: underline;
}

@media (max-width: 768px) {
    .inquiry-2021__grid {
        max-width: 90vw;
        grid-template-columns: 1fr;
        padding: 35px 20px;
    }

    .inquiry-2021__grid .form-group {
        grid-template-columns: 1fr;
        text-align: left;
    }

    .inquiry-2021__grid .btn-submit {
        left: 0;
        display: block;
        margin: auto;
    }

    .inquiry-2021__grid .btn-next-step {
        left: 0;
        display: block;
        margin: auto;
    }

    .inquiry-form-cookies-holder {
        left: 0;
        display: flex;
        flex-direction: column-reverse;
        width: 100%;
    }
}

/*     NEW LEVEL TEST RESULTS     */

.level-test-results {
    position: absolute;
    z-index: 10000;
    top: 30px;
    left: 50%;
    transform: translateX(-50%);
    background-color: #fff;
    border-radius: 20px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
    width: 70vw;
    min-width: 900px;
}

.level-test-results__close {
    position: absolute;
    top: 2%;
    right: 2%;
    color: #707070;
    font-size: 36px;
    cursor: pointer;
}

.level-test-results__body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 20px 10%;
    position: relative;
}

.level-test-results__title {
    grid-column: 1/3;
    margin-bottom: 40px;
}

.level-test-results__title > h1 {
    color: #fd7021;
    font-weight: lighter;
    font-size: 50px;
    margin: 0 0 5px;
}

.level-test-results__title > h3 {
    color: rgba(112, 112, 112, 0.53);
    font-weight: bolder;
    font-size: 18px;
    text-transform: uppercase;
    margin: 0;
}

.level-test-results__badge {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 110px;
}

.level-test-results__badge > img {
    max-width: 170px;
}

.level-test-results__badge > p {
    position: absolute;
    z-index: 10000;
    color: #fff;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -150%);
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
}

.level-test-results__badge > p > span {
    font-size: 36px;
    display: block;
    margin-top: 10px;
}

.level-test_results__score-container {
    grid-column: 1/2;
    border-left: 2px solid rgba(242, 186, 73, 1);
    border-top: 2px solid rgba(242, 186, 73, 1);
    border-bottom: 2px solid rgba(242, 186, 73, 1);
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px 10px;
    color: #fd7021;
    font-size: 36px;
    padding-right: 70px;
}

.level-test_results__level-container {
    grid-column: 2/3;
    border-right: 2px solid rgba(242, 186, 73, 1);
    border-top: 2px solid rgba(242, 186, 73, 1);
    border-bottom: 2px solid rgba(242, 186, 73, 1);
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding: 20px 10px;
    color: #fd7021;
    font-size: 36px;
    padding-left: 120px;
}

.level-test_results__score-container > p,
.level-test_results__level-container > p {
    margin: 0;
    font-weight: lighter;
    line-height: 1;
}

.level-test_results__level-container > p {
    text-transform: uppercase;
}

.level-test_results__level-container > span {
    font-size: 11px;
    color: #707070;
    font-style: italic;
}

.level-test-results__actions {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    padding: 0 8% 20px;
}

.level-test-results__actions ul {
    display: flex;
    justify-content: center;
    list-style-type: none;
    align-items: center;
}

.level-test-results__share,
.level-test-results__join,
.level-test-results__improve {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.level-test-results__join > p,
.level-test-results__share > p {
    color: #707070;
    text-transform: uppercase;
    font-size: 12px;
}

.level-test-results__join > a {
    background-color: #fd7021;
    border-radius: 10px;
    padding: 0px 20px;
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    height: 50px;
    align-items: center;
}

.level-test-results__join > a:hover {
    text-decoration: none;
}

.level-test-results__share > ul,
.level-test-results__improve > ul {
    margin: 0;
    padding: 0;
}

.level-test-results__share > ul > li:not(:last-of-type) {
    margin-right: 15px;
}

.level-test-results__share > ul > li > a > img {
    width: 50px;
}

.level-test-results__improve > ul > li > a > img {
    width: 40px;
}

.level-test-results__improve > ul > li:not(:last-of-type) {
    margin-right: 5px;
}

.level-test-results__improve > p {
    font-size: 12px;
    color: #707070;
}

.level-test-results__improve > p > span {
    color: #fd7021;
    font-weight: bold;
}

.level-test-results__footer {
    color: #fff;
    background-color: #168fce;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    padding: 15px 0 20px;
}

.level-test-results__footer-btns {
    display: flex;
    justify-content: center;
}

.level-test-results__footer-btns > a {
    color: #fff;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 8px 15px;
}

.level-test-results__footer-btns > a:first-of-type {
    margin-right: 10px;
}

.level-test-results__footer-btns > a:hover {
    text-decoration: none;
}

@media (max-width: 768px) {
    .level-test-results {
        top: 30px;
        left: 5vw;
        transform: none;
        border-radius: 20px;
        width: 90vw;
        min-width: auto;
    }
    .level-test-results__body {
        grid-template-columns: 1fr;
        padding: 40px 40px 0;
        padding-left: 140px;
    }

    .level-test-results__title,
    .level-test_results__score-container,
    .level-test_results__level-container {
        grid-column: 1/2;
    }

    .level-test-results__title {
        text-align: left;
        padding-bottom: 10px;
        margin-bottom: 0;
        border-bottom: 1px solid rgba(242, 186, 73, 1);
    }

    .level-test-results__title > h1 {
        font-size: 28px;
    }

    .level-test-results__title > h3 {
        font-size: 14px;
    }

    .level-test_results__score-container {
        margin-top: 10px;
    }

    .level-test_results__level-container,
    .level-test_results__score-container {
        border: 0;
        padding: 0;
        align-items: flex-start;
        font-size: 20px;
    }

    .level-test_results__level-container > span {
        width: 150%;
        transform: translate(-40%, 10px);
        text-align: center;
    }

    .level-test-results__badge {
        position: absolute;
        left: 20px;
        transform: none;
        top: 30px;
    }

    .level-test-results__badge > img {
        max-width: 100px;
    }

    .level-test-results__actions {
        flex-direction: column;
        margin-top: 30px;
    }

    .level-test-results__join > a {
        height: 40px;
        margin-bottom: 20px;
    }

    .level-test-results__improve {
        margin-top: 20px;
    }

    .level-test-results__footer-btns {
        flex-direction: column;
        padding: 0 5%;
    }

    .level-test-results__footer-btns > a:first-of-type {
        margin-right: 0px;
        margin-bottom: 5px;
    }

    .score_badge {
        margin-top: 20px;
    }
}

.fullpanel-white-title {
    font-family: "Open Sans", sans-serif;
    color: white;
    font-size: 50px;
    position: absolute;
    bottom: 0;
    text-align: center;
    width: 100%;
    padding-bottom: 40px;
    line-height: 1.4;
}

.back-lightblue {
    background-color: #0092d0;
}

.in-company.back-lightblue {
    padding: 60px 0;
    color: #fff;
    font-size: 20px;
}

.in-company-clients {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    grid-column-gap: 20px;
    margin: 20px 0;
}

.in-company-clients > img {
    max-height: 100px;
    width: auto;
}

.in-company-client-list {
    color: #0092d0;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid #0092d0;
    margin: 20px 0 50px;
    display: inline-block;
    text-align: inherit;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    text-decoration: none;
}

.in-company-client-list:hover {
    text-decoration: none;
    color: #0092d0;
}

.in-company-subtitle {
    color: #0092d0;
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 0;
}

.in-company-text {
    color: #707070 !important;
    font-size: 16px !important;
    margin-bottom: 30px;
}

.in-company-ask-btn {
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    text-decoration: none;
    color: #fff;
    background-color: #fd7213;
    padding: 12px 30px;
    display: inline-block;
    border-radius: 12px;
    font-family: "Open Sans", sans-serif;
    margin: 0 0 30px;
}

.in-company-ask-btn:hover {
    color: #fff;
    text-decoration: none;
}

.back-lightgrey {
    background-color: #f0f0f0;
}

.in-company-testimonials__header {
    text-align: center;
    color: #fd7213;
    font-size: 30px;
    font-weight: normal;
}

.in-company-testimonials #carousel-testimonials {
    width: 60%;
    margin: 30px auto 50px;
}

.in-company-testimonials .item {
    border: 3px solid grey;
    border-radius: 25px;
    text-align: center;
    padding: 15px 50px 30px;
}

.in-company-testimonials .carousel-indicators {
    bottom: -45px;
}

.in-company-testimonials__text {
    font-style: italic;
    font-size: 28px !important;
    line-height: 1.2 !important;
    color: #6f7070 !important;
    margin-bottom: 15px !important;
    margin-top: 10px !important;
}

.in-company-testimonials__author {
    color: #6f7070 !important;
    font-weight: bold;
    font-style: italic;
    font-size: 16px !important;
}

.in-company-testimonials__where {
    font-weight: normal;
}

.in-company-testimonials .carousel-indicators li {
    background-color: #707071;
    opacity: 0.3;
    border: 0;
}

.in-company-testimonials .carousel-indicators .active {
    opacity: 1;
}

.in-company.back-lightgrey {
    padding: 60px 0;
    font-size: 16px;
    color: #6f7070;
}

.in-company.back-lightgrey a,
.in-company.back-lightgrey a:hover,
.in-company.back-lightgrey a:visited,
.in-company.back-lightgrey a:active {
    color: #fd6e13;
}

.client-case-studies {
    background-color: #6f7070;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    padding: 60px 0 120px;
}

.client-case-studies__title {
    font-size: 32px;
    text-align: center;
    font-weight: 500;
}

.client-case-studies-case {
    display: flex;
    margin-top: 40px;
    width: 90%;
    margin-left: 5%;
}

.client-case-studies-case__img {
    width: 200px;
    border-radius: 50%;
    margin-right: 30px;
    transform: translateY(-30px);
}

.client-case-studies-case__text {
    font-style: italic;
    font-size: 28px;
    line-height: 1.4;
    margin-bottom: 35px;
    margin-top: 0px;
    font-weight: 500;
    text-align: left;
    display: block;
}

.client-case-studies-case__name {
    font-weight: bold;
    font-size: 16px;
}

.client-case-studies-case__name > span {
    font-weight: normal;
}

.client-case-studies__btn {
    color: #fff;
    font-size: 16px;
    padding: 8px 20px;
    border-radius: 8px;
    border: 1px solid #fff;
    left: 50%;
    position: relative;
    transform: translateX(-50%);
    display: inline-block;
    transition: all 0.3s;
}

.client-case-studies__btn:hover {
    background-color: #fff;
    color: #6f7070;
    text-decoration: none;
}
.client-case-studies__btn:active,
.client-case-studies__btn:visited {
    color: #fff;
    text-decoration: none;
}

@media (max-width: 767px) {
    .fullpanel-white-title {
        width: 90%;
        margin-left: 5%;
        font-size: 28px;
        line-height: 1.25;
    }

    .in-company.back-lightblue,
    .in-company.back-lightgrey {
        padding: 50px 5%;
    }

    .in-company-clients {
        grid-template-columns: 1fr 1fr;
        grid-row-gap: 25px;
        justify-items: center;
    }

    .hr-content > .row {
        margin: 0;
    }

    .in-company-testimonials #carousel-testimonials {
        width: 90%;
    }

    .in-company-testimonials__text,
    .client-case-studies-case__text {
        font-size: 18px !important;
    }

    .client-case-studies-case__img {
        width: 150px;
        transform: none;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .in-company-testimonials__author,
    .client-case-studies-case__name {
        font-size: 14px !important;
    }

    .client-case-studies-case {
        flex-direction: column;
        align-items: center;
    }

    .client-case-studies__btn {
        margin-top: 30px;
    }
}

.two-lines-btn {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.online-2021-title {
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 34px;
    margin: 60px auto;
    max-width: 840px;
    line-height: 1.4;
    text-align: center;
}

.footer__container {
    padding: 40px 0;
    display: flex;
    margin: 0 -15px;
}
.footer__container > * {
    margin: 0 15px;
    width: calc(25% - 30px);
}

.footer-new .footer-col-title {
    color: #1876b8;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.footer-new .footer-col-subtitle {
    color: #707070;
    font-weight: bold;
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}
.footer-new .footer-phones * {
    margin: 0;
    font-size: 14px;
    line-height: 20px;
}

.footer-new .footer-links__list,
.footer-new .footer-countries__list {
    color: #707070;
    font-size: 14px;
    line-height: 1.35;
    list-style-type: none;
    font-family: "Open Sans", sans-serif;
    padding: 0;
}

.footer-new .footer-links__list li,
.footer-new .footer-countries__list li {
    margin: 5px 0;
}

.footer-new .footer-countries__list a,
.footer-new .footer-links__list li a {
    color: #707070;
    text-decoration: none;
    text-transform: none;
}

.footer-new .footer-phones {
    color: #707070;
}

.footer-phones__item:not(:last-child) {
    margin-bottom: 20px;
}

.footer-new .footer-text {
    color: #707070;
    font-size: 14px;
}

.footer-new .footer-text a {
    color: #fd7213;
}

.blog-hub.footer-new.pre-footer {
    background-color: #1876b8;
    padding: 20px 0;
}

@media (max-width: 768px) {
    .footer-new.footer .container{
        padding: 0!important;
    }
    .footer__container {
        flex-wrap: wrap;
        padding: 20px 27px;
    }
    .footer__container > * {
        width: calc(50% - 30px);
    }
    .footer-new .footer-phones {
        width: calc(100% - 30px);
        display: flex;
        flex-wrap: wrap;
        flex-direction: column;
    }
    .footer-phones__item {
        width: calc(50% - 8px);
    }
    .footer-phones__item:not(:last-child) {
        margin-bottom: 0;
        margin-right: 15px;
    }
    .footer-new .footer-col-title {
        width: 100%;
    }
    .footer__container > *:not(:last-child) {
        margin-bottom: 30px;
    }
    .footer-text {
        width: calc(100% - 30px);
    }
    .footer-new .footer-links *,
    .footer-new .footer-countries * {
        font-size: 12px;
        line-height: 24px;
    }
    .footer-new .footer-text *,
    .footer-new .footer-phones * {
        font-size: 12px;
        line-height: 20px;
    }
    .footer-new .footer-links__list li,
    .footer-new .footer-countries__list li {
        margin: 0;
    }

    .online-classes-01 .fullpanel-white-title {
        text-transform: uppercase;
    }

    .online-2021-title {
        font-size: 20px;
        margin: 35px auto;
    }
}

/*     STYLES FOR NEW HEADER AND FOOTER     */

.lt-nav-menu-wrapper {
    background-color: #1876b8;
    display: flex;
    justify-content: center;
    width: 100%;
    position: fixed;
    z-index: 10;
}

.lt-nav-menu {
    width: 1200px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    font-family: "Open Sans", sans-serif;
}

.lt-nav-menu .mobile-only {
    display: none;
}

.lt-nav-menu .logo {
    width: 220px;
    padding: 15px 0;
}

.lt-nav-menu .logo img {
    max-width: 100%;
}

.lt-nav-menu .navbar-toggle {
    display: none;
}

.lt-nav-menu .navbar-drawer {
    display: flex;
    flex-direction: column-reverse;
    align-items: flex-end;
}

.lt-nav-menu .nav-links {
    list-style-type: none;
    display: flex;
}

.lt-nav-menu .nav-link a {
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.lt-nav-menu .nav-link:not(:last-of-type) {
    margin-right: 25px;
}

.lt-nav-menu .nav-quick-inquiry {
    margin-left: 15px;
    background-color: #fd7213;
    padding: 6px 15px;
    border-radius: 6px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}

.lt-nav-menu .nav-additional-btns {
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.lt-nav-menu .nav-additional-btns .phone-number {
    color: #fff;
    font-size: 13px;
    margin-right: 30px;
}

.lt-nav-menu .nav-additional-btns .countries-selector {
    position: relative;
}

.lt-nav-menu .nav-additional-btns .countries-toggle {
    border: 1px solid #fff;
    padding: 0 8px;
    display: flex;
    align-items: center;
    height: 27px;
    border-radius: 6px;
    margin-right: 10px;
    background-color: transparent;
}

.lt-nav-menu .nav-additional-btns .countries-toggle img {
    height: 15px;
}

@media (max-width: 1400px) {
    .lt-nav-menu-wrapper {
        padding: 0 5%;
    }

    .lt-nav-menu {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .lt-nav-menu-wrapper {
        padding: 15px 5%;
    }

    .lt-nav-menu .logo {
        width: 120px;
    }

    .lt-nav-menu .nav-link a {
        font-size: 13px;
    }

    .lt-nav-menu .nav-link:not(:last-of-type) {
        margin-right: 20px;
    }

    .lt-nav-menu .nav-additional-btns {
        margin-bottom: 15px;
    }
}

@media (max-width: 900px) {
    .lt-nav-menu .nav-link a {
        font-size: 12px;
    }

    .lt-nav-menu .nav-link:not(:last-of-type) {
        margin-right: 10px;
    }
}

@media (max-width: 768px) {
    .lt-nav-menu .nav-additional-btns .phone-number {
        flex-grow: 1;
        max-width: calc(100% - 75px);
    }
    .lt-nav-menu-wrapper {
        height: 80px;
    }

    .lt-nav-menu .logo {
        padding: 0;
    }

    .lt-nav-menu .mobile-only {
        display: block;
    }

    .lt-nav-menu .navbar-toggle {
        display: block;
        color: #fff;
        padding: 10px;
    }

    .lt-nav-menu .navbar-drawer {
        background-color: #1876b8;
        flex-direction: column;
        align-items: center;
        position: absolute;
        width: 100vw;
        height: 100vh;
        justify-content: flex-start;
        top: 80px;
        left: 100vw;
        padding: 40px 10% 50px;
        z-index: 10;
        transition: left 0.4s;
    }

    .lt-nav-menu .navbar-drawer.navbar-drawer-open {
        left: 0;
    }

    .lt-nav-menu .nav-links {
        flex-direction: column;
        padding: 0;
        width: 100%;
    }

    .lt-nav-menu .nav-link a {
        font-size: 18px;
    }

    .lt-nav-menu .nav-link {
        margin-right: 0;
        padding: 12px 0;
    }

    .lt-nav-menu .nav-link:not(:last-of-type) {
        border-bottom: 1px solid #fff;
    }

    .lt-nav-menu .nav-additional-btns {
        flex-wrap: wrap;
        width: 100%;
    }
    .lt-nav-menu .nav-additional-btns .nav-quick-inquiry {
        width: 100%;
    }

    .lt-nav-menu .nav-quick-inquiry {
        margin-left: 0;
        flex-grow: 1;
        margin-top: 20px;
        text-align: center;
        padding: 10px 15px;
    }

    .lt-nav-menu .nav-quick-inquiry.mobile-only {
        margin: 0;
        font-size: 12px;
        position: absolute;
        right: 85px;
    }
    .lt-nav-menu .nav-additional-btns .countries-toggle {
        margin-right: 0;
    }
    .lt-nav-menu .nav-additional-btns .dropdown-menu {
        left: unset;
        right: 0;
        top: unset;
        bottom: 30px;
    }
    .lang-switcher {
        margin-left: 8px !important;
    }
}

@media (max-width: 425px) {
    .lt-nav-menu-wrapper {
        padding: 15px 3%;
    }

    .lt-nav-menu .nav-quick-inquiry.mobile-only {
        right: 60px;
    }
}

.hamburger {
    padding: 10px 10px;
    display: inline-block;
    cursor: pointer;
    transition-property: opacity, filter;
    transition-duration: 0.15s;
    transition-timing-function: linear;
    font: inherit;
    color: inherit;
    text-transform: none;
    background-color: transparent;
    border: 0;
    margin: 0;
    overflow: visible;
}

.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
    background-color: #fff;
}

.hamburger-box {
    width: 24px;
    height: 12px;
    display: inline-block;
    position: relative;
}

.hamburger-inner {
    display: block;
    top: 50%;
    margin-top: -2px;
}
.hamburger-inner,
.hamburger-inner::before,
.hamburger-inner::after {
    width: 24px;
    height: 2px;
    background-color: #fff;
    border-radius: 0px;
    position: absolute;
    transition-property: transform;
    transition-duration: 0.15s;
    transition-timing-function: ease;
}
.hamburger-inner::before,
.hamburger-inner::after {
    content: "";
    display: block;
}
.hamburger-inner::before {
    top: -6px;
}
.hamburger-inner::after {
    bottom: -6px;
}

.hamburger--slider .hamburger-inner {
    top: 2px;
}
.hamburger--slider .hamburger-inner::before {
    top: 6px;
    transition-property: transform, opacity;
    transition-timing-function: ease;
    transition-duration: 0.15s;
}
.hamburger--slider .hamburger-inner::after {
    top: 12px;
}

.hamburger--slider.is-active .hamburger-inner {
    transform: translate3d(0, 6px, 0) rotate(45deg);
}
.hamburger--slider.is-active .hamburger-inner::before {
    transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0);
    opacity: 0;
}
.hamburger--slider.is-active .hamburger-inner::after {
    transform: translate3d(0, -12px, 0) rotate(-90deg);
}

.online-intro-text {
    width: 60%;
    color: #273740;
    font-size: 20px;
    margin: 0 auto 20px;
}

.online-intro-text a {
    color: #fd7213;
    text-decoration: underline;
}

.banda-online-lessons-3 {
    background-image: url(/global/images/bandas/online-3.png);
    background-color: #fff;
    background-repeat: no-repeat;
    min-height: 400px;
    background-size: cover;
    background-position: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-position: right top;
}

.online-lessons-3__logos {
    height: 50px;
    display: flex;
    margin: 20px 0;
}

.online-lessons-3__logos img {
    height: 100%;
}

.online-lessons-3__logos img:not(:last-of-type) {
    margin-right: 20px;
}

.online-lessons-3__btns {
    display: flex;
}

.online-lessons-3__btns > a {
    margin-right: 15px;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .online-intro-text {
        width: 85%;
    }
}

.online-lessons-teachers {
    padding: 80px 10%;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    font-family: "Open Sans", sans-serif;
}

.online-lessons-teachers > img {
    max-width: 320px;
    margin-right: 45px;
}

.online-lessons-teachers > div > h4 {
    color: #1876b8;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 10px;
}

.online-lessons-teachers > div > p {
    color: #6f7070;
    font-size: 16px;
}

.we-are-hiring > b {
    color: #158acb;
}

.lang-courses-bot {
    background-color: #007fc5;
    padding: 12px 18px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    font-size: 18px;
    font-family: "Open Sans", sans-serif;
}

@media (max-width: 767px) {
    .online-lessons-teachers {
        padding: 50px 5%;
        flex-direction: column;
    }

    .online-lessons-teachers > img {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .lang-courses-bot {
        width: unset;
    }
}

.thank-you-page .typ-section-1 {
    background-color: #fff;
    padding: 50px 0 100px;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.thank-you-page .typ-section-1 > h1 {
    color: #008abf;
    font-size: 52px;
    font-weight: 600;
}

.thank-you-page .typ-section-1 > h2 {
    color: #008abf;
    font-size: 34px;
    font-weight: lighter;
    margin: 25px 0 35px;
}

.thank-you-page .typ-section-1 > p {
    font-size: 18px;
    color: #707070;
    max-width: 70%;
    margin: 0 auto;
}

.thank-you-page .typ-section-2 {
    background-color: #eee;
    padding: 40px 0 80px;
    text-align: center;
}

.thank-you-page .typ-section-2 > section > p {
    font-size: 18px;
    color: #707070;
}

.thank-you-page .typ-steps-container {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
}

.thank-you-page .typ-step {
    display: flex;
    margin: 20px 0 0;
    color: #008abf;
    align-items: center;
    background-color: #fff;
    padding: 20px 15px 20px 40px;
    border-radius: 6px;
    justify-content: space-between;
}

.thank-you-page .typ-step .typ-step-text-container {
    display: flex;
    align-items: center;
}

.thank-you-page .typ-step .typ-step-number {
    font-size: 48px;
    font-weight: bold;
}

.thank-you-page .typ-step .typ-step-text {
    text-align: left;
    margin: 0 20px 0 40px;
    font-size: 18px;
}

.thank-you-page .typ-step .typ-step-cta {
    background-color: #fc6a12;
    color: #fff;
    padding: 12px 20px;
    text-transform: uppercase;
    border-radius: 6px;
    font-size: 11px;
    font-weight: bold;
    justify-self: end;
    min-width: 175px;
}

.thank-you-page .typ-step .typ-step-cta:hover {
    text-decoration: none;
}

@media (max-width: 767px) {
    .thank-you-page .typ-section-1 > h1 {
        font-size: 36px;
    }

    .thank-you-page .typ-section-1 > h2 {
        font-size: 24px;
    }

    .thank-you-page .typ-section-1 > p {
        max-width: 90%;
    }

    .thank-you-page .typ-step,
    .thank-you-page .typ-step .typ-step-text-container {
        flex-direction: column;
    }

    .thank-you-page .typ-step {
        padding: 20px 30px;
    }

    .thank-you-page .typ-step .typ-step-text {
        text-align: center;
        margin: 20px 0;
    }
}

#popup-results > .modal-dialog > div[style]:nth-child(2) {
    background-color: inherit !important;
}

.promotions-ltc-banner {
    display: flex;
    padding: 30px 10% 60px 0;
    align-items: center;
}

.promotions-ltc-banner img {
    width: 52%;
    margin-right: 50px;
    height: auto;
}

.promotions-ltc-banner-text {
    font-family: "Open Sans", sans-serif;
}

.promotions-ltc-banner-text > h2 {
    color: #0181c4;
    font-size: 46px;
    font-weight: normal;
    line-height: 1.5;
}

.promotions-ltc-banner-text > h2 > span {
    color: #f86c20;
    font-weight: bold;
}

.promotions-ltc-banner-text > p {
    color: #707070;
    margin: 15px 0 30px;
}

.promotions-ltc-banner-text > a {
    background-color: #f86c20;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    padding: 12px 20px;
    border-radius: 6px;
    font-size: 14px;
    display: inline-block;
}

.language-city-header p {
    text-align: justify;
}

.promotions-ltc-banner-text > a:hover {
    text-decoration: none;
}

#main.has-new-header {
    padding-top: 100px;
}

.container.breadcrumbs__container {
    position: relative;
}
.has-new-header .toppanel > .breadcrumbs__container > .breadcrumbs {
    margin-top: 61px;
}
.has-new-header .ltc-home-banner {
    padding-top: 100px;
}
.has-new-header .ltc-choose-banner {
    height: 225px;
}

@media (max-width: 768px) {
    #main.has-new-header {
        padding-top: 80px;
    }

    .promotions-ltc-banner-text > h2 {
        font-size: 26px;
    }
    .has-new-header .ltc-home-banner {
        padding-top: 70px;
    }
    .has-new-header .ltc-choose-banner {
        height: 162px;
    }
}

@media (max-width: 1000px) {
    .promotions-ltc-banner {
        flex-direction: column;
    }
    .promotions-ltc-banner img {
        width: 100%;
        margin: 0;
    }
    .promotions-ltc-banner {
        padding: 20px 5%;
    }
    .promotions-ltc-banner-text {
        text-align: center;
        width: 100%;
    }
}

.home-main-pic {
    background-image: url("/global/images/banners/banner-home-desktop.webp");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30%;
    position: relative;
}

.home-main-pic__title {
    color: #fff;
    max-width: 260px;
    font-family: "Helvetica Neue", sans-serif;
    position: absolute;
    left: 60%;
    top: 50%;
    transform: translateY(-50%);
    margin: 0;
    font-weight: normal;
    font-size: 40px;
}

@media (max-width: 767px) {
    .home-main-pic {
        background-image: url("/global/images/banners/banner-home-mobile.webp");
        padding-bottom: 84%;
    }

    .home-main-pic__title {
        max-width: none;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        font-size: 26px;
        width: 100%;
        text-align: center;
        padding: 0 30px;
    }
}

@media (min-width: 1920px) {
    .home-main-pic {
        padding-bottom: 35%;
    }
}

.online-classes-01 > .toppanel {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}

.online-classes-01 > .toppanel > h1 {
    position: relative;
}

.online-classes-01 > .toppanel > .top-panel__cta {
    background-color: #fd7211;
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    margin: 30px auto 20px;
    display: inline-block;
    text-decoration: none !important;
    text-transform: uppercase;
    margin-bottom: 80px;
    font-weight: bold;
}

@media (max-width: 475px) {
    .online-classes-01 > .toppanel > .top-panel__cta {
        max-width: 280px;
    }
}

.early-bird-promo {
    height: 750px !important;
}
@media (max-width: 560px) {
    .early-bird-promo {
        height: unset !important;
    }
}
.early-bird-promo__bg {
    background-image: url(/global/images/backgrounds/promo-bg-01.jpg);
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background-size: cover;
}

.early-bird-promo__bg .promo-title {
    text-transform: uppercase;
    font-size: 50px;
    line-height: 1;
    background-color: #fc6a12;
    padding: 5px 20px;
    border-radius: 4px;
    color: #fff;
}

.early-bird-promo__bg h1.txt-sans {
    font-size: 16px;
    color: #fff;
    display: block;
    padding-bottom: 1pc;
    text-align: center;
}

.early-bird-promo__bg .padpromo {
    color: #fff;
    margin: 0 auto 20px;
    font-size: 22px;
    line-height: 30px;
    background-color: #0074be;
    padding: 5px 10px;
    text-transform: uppercase;
    border-radius: 2px;
}

.early-bird-promo__blue {
    background-color: #0175bf;
    background: transparent linear-gradient(180deg, #0191cf 0%, #0175bf 100%) 0%
        0% no-repeat padding-box;
    padding: 20px 5%;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    text-align: center;
}

.early-bird-promo__orange {
    background-color: #fd7315;
    background: transparent linear-gradient(180deg, #fa5e12 0%, #fd7315 100%) 0%
        0% no-repeat padding-box;
    padding: 20px 5%;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: stretch;
}

.early-bird-promo__orange > a {
    color: #fff;
    font-family: "Arial", sans-serif;
    text-transform: uppercase;
    padding: 8px 0;
    border-radius: 8px;
    margin: 5px auto;
    font-size: 14px;
    font-weight: bold;
    width: 80%;
}

.early-bird-promo__orange > a:first-of-type {
    background-color: #2c91c7;
}

.early-bird-promo__orange > a:last-of-type {
    border: 2px solid #fff;
}

.header-badge {
    color: #7ef017;
    margin-right: 3px;
    font-size: 10px !important;
    vertical-align: middle;
}

.language-city-header {
    padding: 80px 40px 50px;
    font-family: "Open Sans", sans-serif;
}

.language-city-header__top-content {
    display: flex;
}

.language-city-header__heading {
    font-size: 60px;
    color: #027fc4;
    font-weight: lighter;
    line-height: 72px;
    display: flex;
    flex-direction: column;
    margin: 0 0 20px;
}

.language-city-header__cta {
    background-color: #fd7211;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    padding: 10px 30px;
    border-radius: 6px;
    margin: 0 0 35px;
    display: inline-block;
    text-align: center;
    white-space: nowrap;
}

.language-city-header__cta:hover {
    color: #fff;
    text-decoration: none;
}

.language-city-header p {
    color: #707070;
    font-size: 16px;
    line-height: 1.3;
}

.language-city-header__img {
    margin-left: 100px;
    border-radius: 25px;
    width: 280px;
    height: 280px;
    margin-top: auto;
    margin-bottom: auto;
}

.language-city-header__top-content div {
    margin-top: auto;
    margin-bottom: auto;
}

.language-city-subheader {
    background-color: #0272bb;
    padding: 50px 0;
    color: #fff;
    font-family: "Open Sans", sans-serif;
    font-size: 16px;
}

.language-city-subheader__flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.language-city-subheader__flex > .language-city-header__cta {
    margin: 0 0 0 80px;
    width: 300px;
    text-align: center;
}

.language-city-subheader__flex > .language-city-header__cta:hover {
    color: #fff;
    text-decoration: none;
}

.language-city-subheader__flex p a,
.language-city-subheader__flex p a:hover {
    color: #fff;
    text-decoration: underline;
}

.language-city-type-courses {
    text-align: left;
    color: #707070;
    font-family: "Open Sans", sans-serif;
    line-height: 1.3;
}

h4.language-city-type-courses__heading {
    color: #0272bb;
    font-weight: bold;
    font-size: 18px;
    margin-top: 25px;
}

.language-city-stats {
    background-color: #f0f0f0;
    padding: 50px 0;
}

.language-city-stats__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.language-city-stats__flex > *:not(.language-city-header__cta) {
    max-width: calc(100% / 3);
    margin: 0 20px;
}
.language-city-stats__flex .language-city-header__cta {
    margin-bottom: 0;
}

.language-city-stats__stat {
    font-family: "Open Sans", sans-serif;
    color: #0078be;
    text-align: center;
    font-weight: lighter;
    font-size: 18px;
}

.language-city-stats__stat > strong {
    font-size: 56px;
    font-weight: bold;
}

.language-city-testimonials {
    padding: 80px 10%;
    text-align: center;
    font-family: "Open Sans", sans-serif;
}

.language-city-testimonials__text {
    color: #fd7212;
    font-size: 26px;
    font-style: italic;
    margin-bottom: 20px;
}

.language-city-testimonials__author {
    color: #0272bb;
    font-weight: bold;
}

.language-city-testimonials__where {
    color: #727272;
    font-weight: normal;
}

.language-city-testimonials .carousel-indicators {
    bottom: -50px;
    z-index: 1;
}

.language-city-testimonials .carousel-indicators li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 1px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #cecece;
    border-radius: 10px;
}

.language-city-testimonials .carousel-indicators li.active {
    background-color: #0272bb;
}

.language-city-certifications {
    background-color: #f0f0f0;
    padding: 50px 0;
}

.language-city-certifications__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.language-city-certifications__flex img {
    height: 70px;
    width: auto;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
    border-radius: 12px;
}

h2.language-city__header {
    color: #0078be;
    font-family: "Open Sans", sans-serif;
    font-weight: lighter;
    font-size: 36px;
    text-align: center;
}

.language-city-how-it-works {
    padding: 50px 15%;
}

.language-city-how-it-works__step {
    display: flex;
    color: #707070;
    align-items: center;
    margin: 10px 0;
}

.language-city-how-it-works__step b {
    font-size: 24px;
    margin-right: 20px;
    border: 1px solid #707070;
    border-radius: 8px;
    padding: 0 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.language-city-how-it-works__step p {
    font-size: 16px;
}

.language-city-why-learn {
    background-color: #f0f0f0;
    padding: 50px 0;
}

.language-city-why-learn__flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 40px;
}

.language-city-why-learn__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 30px;
}

.language-city-why-learn__item img {
    height: 60px;
    width: auto;
    margin-bottom: 12px;
}

.language-city-why-learn__item p {
    color: #707070;
    font-size: 14px;
}

.language-city-preferred-supplier {
    display: flex;
    align-items: center;
    justify-content: center;
}

.language-city-preferred-supplier__flex {
    margin-left: 80px;
    display: flex;
    align-items: center;
}

.language-city-preferred-supplier__flex img {
    height: 80px;
    width: auto;
    margin: 0 25px;
}

@media (max-width: 1000px) {
    .language-city-header__top-content {
        flex-direction: column;
        align-items: center;
    }

    .language-city-header__top-content > div {
        text-align: center;
    }

    .language-city-header__img {
        margin: 30px 0;
    }

    .language-city-header__cta {
        margin: 35px auto;
    }

    .language-city-certifications__flex img {
        height: 55px;
    }
}

@media (max-width: 768px) {
    .language-city-subheader__flex {
        flex-direction: column;
    }

    .language-city-subheader__flex > .language-city-header__cta {
        margin: 20px 0;
        width: auto;
    }

    .language-city-stats__flex {
        flex-direction: column;
    }

    .language-city-certifications__flex {
        flex-direction: column;
    }

    .language-city-certifications__flex img {
        height: 70px;
        margin: 15px 0;
    }

    .language-city-how-it-works__step {
        flex-direction: column;
    }

    .language-city-how-it-works__step b {
        margin-right: 0;
        margin-bottom: 10px;
    }

    .language-city-why-learn__flex {
        flex-direction: column;
    }

    .language-city-why-learn__item {
        margin: 0 0 30px;
    }

    .language-city-preferred-supplier {
        flex-direction: column;
    }

    .language-city-preferred-supplier__flex img {
        margin: 25px 0;
    }

    .language-city-preferred-supplier__flex {
        flex-direction: column;
        margin-left: 0;
        margin-top: 25px;
    }
}

.btn-skype-lesson {
    white-space: normal;
}

.orange-color {
    color: #fd7212 !important;
}

.flag-overlay {
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 110px;
    margin-top: 18px;
    width: 70px;
    z-index: 1;
}

@media (max-width: 999px) {
    .flag-overlay {
        margin-left: 15px;
        margin-top: 50px;
    }
}

.carousel-indicators {
    z-index: 9;
}

.page-title {
    text-align: center;
    margin: 34px 0 16px;
}
.page-title.big {
    margin: 45px 0 38px;
}
.page-title.big > * {
    font-size: 46px;
    line-height: 62px;
}
.page-title.extra-big > * {
    font-size: 66px;
    line-height: 90px;
}
.page-title > * {
    font-size: 38px;
    line-height: 52px;
    margin: 0;
    color: #1876b8;
    font-weight: lighter;
}
.page-title.white > * {
    color: #ffffff;
}
.text-block {
    padding: 40px 0;
}
.text-block * {
    font-size: 15px;
    line-height: 20px;
    color: #707070;
}
.text-block p {
    margin: 0;
}
.text-block > p:not(:last-child) {
    margin-bottom: 16px;
}
.text-block h1,
.text-block h2,
.text-block h3,
.text-block h4,
.text-block h5,
.text-block h6 {
    font-weight: bold;
    color: #1876b8;
    margin: 0;
}
.text-block a {
    color: #fd7213;
    text-decoration: underline;
}

.pricing__blocks {
    background-color: #f0f0f0;
    padding: 40px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    padding-bottom: 20px;
}
.pricing__item {
    max-width: 320px;
    width: 100%;
    background-color: #ffffff;
    box-shadow: 0 8px 6px #0000001d;
    border-radius: 30px;
    overflow: hidden;
    padding: 0 25px 25px;
}
.pricing__item:not(:last-child) {
    margin-right: 33px;
}
.pricing__item__tag {
    padding: 10px 0;
    background-color: #0078be;
    margin: 0 -25px;
}
.pricing__item__tag,
.pricing__item__tag > * {
    font-size: 12px;
    line-height: 17px;
    letter-spacing: 2.4px;
    text-transform: uppercase;
    color: #ffffff;
    text-align: center;
}
.pricing__item__tag > * {
    margin: 0;
}
.pricing__item__tag + .pricing__item__img {
    padding-top: 33px;
    height: 138px;
}
.pricing__item__img {
    height: 145px;
    padding-top: 40px;
    padding-bottom: 15px;
}
.pricing__item__img > * {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pricing__item__icons {
    height: 30px;
}
.pricing__item__icons > * {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.pricing__item__title {
    padding-top: 15px;
}
.pricing__item__title,
.pricing__item__title > * {
    font-weight: 700;
}
.pricing__item__text,
.pricing__item__text > * {
    font-weight: 400;
}
.pricing__item__title,
.pricing__item__title > *,
.pricing__item__text,
.pricing__item__text > * {
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}
.pricing__item__title,
.pricing__item__text {
    max-width: 340px;
    margin: 0 auto;
}
.pricing__item__title > *,
.pricing__item__text > * {
    margin: 0;
}
.pricing__item__btn {
    display: flex;
    justify-content: center;
    padding-top: 24px;
}
.orange-btn {
    padding: 9px 27px;
    font-size: 13px;
    line-height: 18px;
    font-weight: 700;
    border-radius: 10px;
    background-color: #fd7211;
    margin: 0;
    width: max-content;
    white-space: nowrap;
    border: none;
}
.orange-btn.orange-btn--transparent {
    color: #fd7211;
    background: transparent;
    border: 1px solid #fd7211;
}
.orange-btn.orange-btn--blue {
    background: #0078be;
    border: 1px solid #0078be;
}
.orange-btn.orange-btn--transparent.orange-btn--white {
    color: #fff;
    border: 1px solid #fff;
}
.pricing__item ul {
    padding-top: 30px;
    margin: 0 auto;
    width: max-content;
    max-width: 100%;
}
.pricing__item ul li {
    color: #707070;
    font-size: 16px;
    line-height: 26px;
    font-weight: 400;
    width: max-content;
    max-width: 100%;
}
@media (max-width: 1280px) {
    .pricing__blocks {
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 20px;
    }
    .pricing__item {
        min-width: 300px;
        margin-bottom: 20px;
    }
}

.text-line {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: #0272bb;
    padding: 32px 0;
}
.text-line.grey {
    background-color: #f0f0f0;
}
.text-line.grey > p {
    color: #707070;
}
.text-line.orange {
    background-color: #fc6a20;
}
.text-line.orange > p {
    margin-right: 0;
    margin-bottom: 7px;
}
.text-line.orange .orange-btn {
    background-color: #ffffff;
    color: #fc6a20;
    text-transform: uppercase;
}
.text-line.center > * {
    text-align: center;
}
.text-line > p {
    font-size: 22px;
    line-height: 38px;
    font-weight: 400;
    color: #ffffff;
    flex-grow: 1;
}
.text-line > p a {
    color: #fd7211;
}
.text-line > * {
    margin: 0;
}
.text-line > *:not(:last-child) {
    margin-right: 40px;
}
.text-line.vertical {
    flex-direction: column;
}
.text-line.vertical > * {
    align-self: unset;
}

.reviews-slider {
    padding: 50px 0 60px;
}
.reviews-slider__container {
    width: 100%;
    position: relative;
}
.reviews-slider .carousel {
    max-width: 920px;
    width: 100%;
    padding: 0 50px;
    margin: 0 auto;
}
.reviews-slider .ltc-testimonials__text {
    font-size: 32px;
    line-height: 42px;
    text-align: center;
    color: #fd7212;
    margin-bottom: 17px;
    font-style: italic;
}
.reviews-slider .ltc-testimonials__author {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #0272bb;
    margin: 0;
}
.reviews-slider .ltc-testimonials__where {
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    color: #727272;
    margin: 0;
}
.reviews-slider .carousel-indicators {
    position: static;
    width: 100%;
    padding-top: 13px;
    margin: 0;
}
.reviews-slider .carousel-indicators > * {
    background-color: #cecece;
    border: none;
}
.reviews-slider .carousel-indicators > *.active {
    background-color: #0272bb;
}
.reviews-slider .carousel-arrows {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    height: 1px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.reviews-slider .carousel-arrows > * {
    font-size: 54px;
    cursor: pointer;
    color: #0272bb;
    outline: none;
}

.certificates {
    background-color: #f0f0f0;
    padding: 60px 0 55px;
}
.certificates__container {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    max-width: 1395px;
    padding: 0 25px;
    width: 100%;
}
.certificates__item {
    max-width: 153px;
    width: 100%;
    height: 70px;
    margin: 0 40px;
}
.certificates__item > * {
    height: 100%;
    width: 100%;
    object-fit: contain;
}
@media (max-width: 991px) {
    .certificates__container {
        flex-wrap: wrap;
        justify-content: center;
    }
    .pricing__blocks {
        flex-direction: column;
        align-items: center;
        padding: 20px 25px 45px;
    }
    .pricing__item {
        min-width: unset;
    }
    .pricing__item:not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }
}

.how-it-works {
    padding-bottom: 50px;
}
.how-it-works .page-title {
    width: 100%;
}
.how-it-works__container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 25px;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.why-learn {
    padding-top: 50px;
    padding-bottom: 90px;
    background-color: #f0f0f0;
}
.why-learn .page-title {
    margin-top: 0;
    margin-bottom: 50px;
}
.why-learn__container {
    display: flex;
    justify-content: space-between;
}
.why-learn__container > * {
    max-width: 226px;
    width: 100%;
}
.why-learn__container > *:not(:last-child) {
    margin-right: 20px;
}
.why-learn__ico {
    text-align: center;
    font-size: 75px;
    line-height: 75px;
    color: #707070;
    margin-bottom: 24px;
}
.why-learn__ico.img {
    font-size: unset;
    line-height: unset;
    height: 75px;
}
.why-learn__ico > * {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.why-learn__text > * {
    text-align: center;
    font-size: 18px;
    line-height: 25px;
    font-weight: 400;
    color: #707070;
    margin: 0;
}
.why-learn__heading {
    margin-bottom: 45px;
}
.why-learn__heading > * {
    font-size: 16px;
    line-height: 23px;
    color: #707070;
    margin: 0;
}
.why-learn__heading > *:not(:last-child) {
    margin-bottom: 11px;
}
@media (max-width: 1024px) {
    .why-learn__container {
        justify-content: center;
        flex-wrap: wrap;
    }
    .why-learn__container > :not(:last-child) {
        margin-bottom: 20px;
    }
    .certificates {
        padding-bottom: 35px;
    }
    .certificates__item {
        margin: 0 15px 20px;
    }
}
@media (max-width: 991px) {
    .reviews-slider {
        padding-top: 20px;
        padding-bottom: 30px;
    }
    .reviews-slider .carousel {
        padding: 0 34px;
    }
    .reviews-slider .ltc-testimonials__text {
        font-size: 20px;
        line-height: 24px;
    }
    .reviews-slider .carousel-arrows > * {
        font-size: 30px;
    }
}
@media (max-width: 768px) {
    .page-title.big {
        margin: 20px 0;
    }
    .page-title.big > * {
        font-size: 26px;
        line-height: 36px;
    }
    .text-line {
        flex-direction: column;
    }
    .text-line > p {
        text-align: center;
    }
    .text-line > *:not(:last-child) {
        margin-right: 0;
        margin-bottom: 13px;
    }
    .reviews-slider .ltc-testimonials__author,
    .reviews-slider .ltc-testimonials__where {
        font-size: 13px;
        line-height: 18px;
    }
    .reviews-slider__container {
        width: auto;
        margin: 0 -7px;
    }
    .certificates {
        padding-top: 40px;
        padding-bottom: 15px;
    }
    .list-num-sqr {
        padding-left: 66px;
    }
    .list-num-sqr li::before {
        left: -20px;
        width: 32px;
        height: 32px;
    }
    .why-learn {
        padding-top: 30px;
        padding-bottom: 40px;
    }
    .why-learn .page-title {
        margin-bottom: 30px;
    }
    .why-learn__item {
        margin-right: 0 !important;
        padding-left: 15px;
        display: flex;
        align-items: center;
        width: 100%;
        max-width: 100%;
    }
    .why-learn__ico {
        font-size: 34px;
        line-height: 34px;
        margin-bottom: 0;
        width: 34px;
        height: 34px;
        margin-right: 20px;
        flex-shrink: 0;
    }
    .why-learn__text > * {
        font-size: 16px;
        line-height: 22px;
        text-align: left;
    }
    .certificates__container {
        padding: 0;
    }
    .certificates__item {
        width: calc(100% / 2 - 30px);
        max-height: 70px;
        max-width: unset;
    }
    .certificates__item > * {
        max-height: 70px;
        object-position: right;
    }
    .certificates__item:nth-child(even) > * {
        object-position: left;
    }
}

.pricing-wrapper {
    padding-left: calc((100vw - 1026px) / 2);
    padding-right: calc((100vw - 1026px) / 2);
}
@media (max-width: 1076px) {
    .pricing-wrapper {
        padding-right: 25px;
        padding-left: 25px;
    }
}

.list-check {
    list-style-type: none;
    padding-left: 28px;
}
.list-check li {
    position: relative;
}
.list-check li::before {
    content: "\f00c";
    position: absolute;
    top: 0;
    left: -10px;
    font-weight: 400;
    transform: translateX(-100%);
    font-family: "Font Awesome 5 Pro";
    color: #0272bb;
    font-size: 18px;
}

.list-num-sqr {
    padding-left: 78px;
    list-style-type: none;
    counter-reset: item;
    margin-bottom: 0;
}
.list-num-sqr li {
    font-size: 18px;
    line-height: 24px;
    font-weight: 400;
    color: #707070;
    position: relative;
    padding-top: 5px;
    min-height: 36px;
}
.list-num-sqr li::before {
    content: counter(item);
    counter-increment: item;
    text-align: center;
    height: 36px;
    width: 36px;
    line-height: 33px;
    display: block;
    position: absolute;
    border: 1px solid #707070;
    border-radius: 10px;
    top: 0;
    left: -10px;
    transform: translateX(-100%);
}
.list-num-sqr li:not(:last-child) {
    margin-bottom: 17px;
}
@media (max-width: 768px) {
    .list-num-sqr {
        padding-left: 66px;
    }
    .list-num-sqr li {
        min-height: 32px;
        display: flex;
        align-items: center;
        padding-top: 0;
        font-size: 16px;
        line-height: 22px;
    }
    .list-num-sqr li::before {
        left: -20px;
        width: 32px;
        height: 32px;
        line-height: 30px;
    }
    .list-num-sqr li:not(:last-child) {
        margin-bottom: 26px;
    }
}

.lang-switcher {
    list-style: none;
    padding: 3px 4px;
    margin: 0;
    display: flex;
    border-radius: 8px;
    background-color: #024b76;
}
.lang-switcher li {
    width: 22px;
    height: 22px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.lang-switcher li,
.lang-switcher li * {
    color: #ffffff;
    text-decoration: none;
    outline: none;
    font-size: 10px;
    font-weight: bold;
    line-height: 10px;
    text-transform: uppercase;
}
.lang-switcher li > a {
    width: 100%;
    text-align: center;
    line-height: 22px;
}
.lang-switcher li > *:not(a) {
    line-height: 22px;
    text-align: center;
    width: 100%;
    height: 100%;
    border-radius: 7px;
    background-color: #0078be;
}
.lang-switcher li:not(:last-child) {
    margin-right: 3px;
}

.page-wrapper {
    max-width: 1078px;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
    margin: 0 auto;
}
.page-wrapper.big {
    max-width: 1458px;
}
.jobs .why-learn {
    padding: 20px 0 45px;
}
.jobs .text-line {
    padding-top: 27px;
    padding-bottom: 27px;
}
.jobs .text-line:not(.grey) > * {
    font-weight: bold;
}
.jobs .text-line > * {
    font-size: 16px;
    line-height: 24px;
}
.jobs .text-line.grey {
    padding-top: 40px;
    padding-bottom: 40px;
}
.jobs__form {
    padding: 45px 0 30px;
}
.jobs__form__inner {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.jobs__form__inputs {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 20px;
    width: calc(100% + 30px);
}
.jobs__form__inputs > .jobs__input {
    width: calc(25% - 30px);
    margin: 0 15px 15px;
}
.jobs__input {
    font-size: 12px;
    line-height: 14px;
    color: #707070;
}
.jobs__input label {
    font-size: 14px;
    line-height: 21px;
    font-weight: bold;
    color: #707070;
    margin-bottom: 4px;
}
.jobs__input input,
.jobs__input select {
    height: 36px;
    padding: 0 15px;
    outline: none;
    border: 2px solid #707070;
    border-radius: 10px;
    font-size: 11px;
}
.jobs__input > * {
    margin: 0;
}
.jobs__center {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 620px;
    width: 100%;
    margin-bottom: 30px;
}
.jobs__center .checkbox.round:first-child {
    margin: 0 auto;
}
.jobs__center .checkbox.round:not(:first-child):last-child {
    max-width: 280px;
}
.jobs__upload {
    display: flex;
    align-items: center;
    margin-right: 20px;
}
.jobs__upload input {
    visibility: hidden;
    position: absolute;
    left: -9999px;
    width: 1px;
    height: 1px;
    padding: 0;
}
.jobs__upload__label {
    flex-shrink: 0;
    margin-right: 10px;
}
.jobs__upload__label > * {
    font-size: 14px;
    line-height: 19px;
    color: #707070;
    font-weight: bold;
    margin: 0;
}
.jobs__upload label {
    font-size: 13px;
    line-height: 18px;
    color: #fd7211;
    display: flex;
    align-items: center;
    margin: 0;
    border: 1px solid #fd7211;
    border-radius: 10px;
    cursor: pointer;
    text-transform: uppercase;
    text-align: center;
    min-height: 36px;
    padding: 5px 27px;
}
.jobs__selector {
    width: 100%;
    position: relative;
    margin-bottom: 35px;
}
.jobs__selector .form-group {
    margin: 0;
}
.jobs__selector .control-label {
    text-align: center;
    margin-bottom: 13px;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #707070;
}
.jobs__selector .ms-container {
    width: 100%;
    display: flex;
    justify-content: center;
    background: none;
}

.jobs__selector .ms-container > *:not(:last-child) {
    margin-right: 50px;
}
.jobs__selector .ms-container .ms-selectable,
.jobs__selector .ms-container .ms-selection {
    width: 100%;
    max-width: 260px;
    padding: 10px 0;
    border: 2px solid #707070;
    border-radius: 10px;
    overflow: hidden;
}
.jobs__selector .ms-container .ms-selectable ul,
.jobs__selector .ms-container .ms-selection ul {
    border: none;
    padding: 0 20px;
    outline: none;
    box-shadow: none;
    border-radius: 0;
}
.jobs__selector .ms-container .ms-selectable ul > li,
.jobs__selector .ms-container .ms-selection ul > li {
    font-size: 13px;
    line-height: 20px;
    text-align: center;
    color: #707070;
}
.jobs__selector .ms-container .ms-selectable ul > li.ms-hover,
.jobs__selector .ms-container .ms-selection ul > li.ms-hover {
    color: #ffffff;
}
.jobs__selector__ico {
    width: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}
.jobs__selector__ico > * {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.jobs__text {
    margin-bottom: 16px;
}
.jobs__text > * {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    margin: 0;
    text-align: center;
}
@media (max-width: 991px) {
    .jobs__form__inputs > .jobs__input {
        width: calc(100% / 3 - 30px);
    }
}
@media (max-width: 768px) {
    .jobs .text-line > p {
        font-size: 18px;
        line-height: 24px;
        font-weight: normal !important;
    }
    .jobs .text-line:not(.center) > p {
        text-align: left;
    }
    .jobs__form__inputs > .jobs__input {
        width: calc(100% - 30px);
        margin-bottom: 20px;
    }
    .jobs .text-line,
    .jobs .text-line.grey {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .jobs__center .checkbox.round:not(:first-child):last-child {
        max-width: unset;
    }
    .jobs__upload {
        margin-right: 0;
    }
    .jobs__form {
        padding: 30px 0;
    }
    .jobs__input input,
    .jobs__input select {
        height: 50px;
        padding: 0 20px;
        font-size: 14px;
    }
    .jobs__input label {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 7px;
    }
    .jobs__input > span {
        padding: 0 15px;
        display: block;
        font-size: 14px;
        line-height: 16px;
        margin-top: -7px;
    }
    .jobs__form__inputs {
        margin-bottom: 12px;
    }
    .jobs__center {
        flex-direction: column;
        margin-bottom: 35px;
    }
    .jobs__upload {
        flex-direction: column;
        width: 100%;
        margin-bottom: 45px;
    }
    .jobs__upload__label {
        margin-bottom: 12px;
        margin-right: 0;
    }
    .jobs__upload__label > * {
        font-size: 16px;
        line-height: 22px;
    }
    .jobs__upload label {
        width: 100%;
        justify-content: center;
    }
    .jobs__selector .ms-container > :not(:last-child) {
        margin-right: 40px;
    }
    .jobs__selector .ms-container .ms-selectable ul,
    .jobs__selector .ms-container .ms-selection ul {
        padding: 0;
        height: 221px;
    }
    .jobs__selector .ms-container .ms-selectable ul > li,
    .jobs__selector .ms-container .ms-selection ul > li {
        font-size: 16px;
        line-height: 23px;
    }
    .jobs__selector {
        margin-bottom: 30px;
    }
    .jobs__text {
        margin-bottom: 20px;
    }
    .jobs__text > * {
        font-size: 18px;
        text-align: left;
    }
    .jobs__submit,
    .jobs__submit > * {
        width: 100%;
    }
}

.checkbox.round {
    margin-bottom: 0;
    margin-top: 0;
}
.checkbox.round input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.checkbox.round label {
    position: relative;
    padding-left: 34px;
    font-size: 14px;
    line-height: 19px;
    color: #707070;
}
.checkbox.round label a {
    color: #707070;
}
.checkbox.round label::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    height: 22px;
    width: 22px;
    border: 2px solid #707070;
    border-radius: 50%;
}
.checkbox.round label::after {
    content: "";
    opacity: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 7px;
    height: 7.5px;
    width: 7.5px;
    background-color: #707070;
    border-radius: 50%;
}
.checkbox.round input:checked ~ label::after {
    opacity: 1;
}

.game {
    padding: 25px 0 35px;
    background-color: #0092d0;
}
.game .page-title {
    margin: 0 0 20px;
}
.game__content {
    width: 80%;
    text-align: center;
    margin: auto;
    aspect-ratio: 16/9;
    min-height: 400px;
}
.game__content iframe {
    width: 100%;
    height: 100%;
}

.poems {
    margin-bottom: 80px;
}
.poems__container {
    display: flex;
    gap: 7%;
}
.poems__block.big {
    min-width: 57%;
}
.poems__block__title {
    margin-bottom: 24px;
}
.poems__block__title > * {
    font-size: 24px;
    color: #158acb;
    font-weight: bold;
    margin: 0;
}
.poems__article:not(:last-child) {
    margin-bottom: 45px;
}
.poems__block.big .poems__article:not(:last-child) {
    margin-bottom: 18px;
}
.poems__article > *,
.poems__title > * {
    font-size: 18px;
    line-height: 28px;
    color: #707070;
    margin: 0;
}
.poems__title > * {
    font-weight: bold;
}
@media (max-width: 666px) {
    .poems__container {
        flex-direction: column;
    }
    .poems__block {
        margin: 0;
    }
    .poems__block:not(:last-child) {
        margin: 0 0 50px;
    }
}

.promo-test {
    padding: 120px 0;
    position: relative;
    background: transparent;
}
.promo-test__bg {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}
.promo-test__bg::after {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: #000;
    opacity: 0.45;
}
.promo-test__bg > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.promo-test__title {
    margin-bottom: 10px;
}
.promo-test__title > * {
    margin: 0;
    font-size: 26px;
    line-height: 32px;
    color: #ffffff;
    font-weight: bold;
}
.promo-test__text {
    margin-bottom: 16px;
    max-width: 500px;
}
.promo-test__text > * {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
    color: #ffffff;
}
.promo-test .orange-btn {
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    padding: 14px 27px;
}
.lt-guide-img {
    max-width: 600px;
    min-width: 50%;
    flex-grow: 1;
    padding-left: 20px;
}
.lt-guide-img > * {
    width: 100%;
}

.home-promo {
    padding: 50px 0;
}
.home-promo__container {
    display: flex;
    align-items: center;
    max-width: 920px;
}
.home-promo__text {
    max-width: 300px;
    flex-shrink: 0;
}
.home-promo__title {
    margin-bottom: 20px;
}
.home-promo__title > * {
    font-size: 48px;
    line-height: 53px;
    font-weight: lighter;
    color: #027fc4;
    margin: 0;
}
.home-promo__title > * span {
    color: #fd7211;
}
.home-promo__img {
    margin-left: 70px;
    flex-grow: 1;
    text-align: right;
}
.home-promo__img img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: right;
    max-width: 660px;
    max-height: 312px;
}
.home-promo__btn > * {
    display: inline-block;
    margin: 0;
    border-radius: 10px;
    font-size: 13px;
    font-weight: bold;
    min-width: 270px;
}

@media (max-width: 991px) and (min-width: 769px) {
    .home-promo__title > * {
        font-size: 30px;
        line-height: 37px;
    }
}

@media (max-width: 768px) {
    .home-promo__title br {
        display: none;
    }
    .home-promo__container {
        flex-direction: column-reverse;
        padding: 0 28px;
    }
    .home-promo__img {
        margin-left: 0;
        flex-grow: unset;
        width: calc(100% - 50px);
        max-width: 542px;
        margin-bottom: 11px;
    }
    .home-promo__img img {
        object-position: center;
    }
    .home-promo {
        padding: 20px 0;
    }
    .home-promo__title > * {
        font-size: 25px;
        line-height: 28px;
        text-align: center;
    }
    .home-promo__text {
        max-width: 320px;
    }
    .home-promo__title {
        margin-bottom: 15px;
    }
}

.banda-video {
    background-color: #e5e7eb;
}
.banda-video__container {
    display: flex;
    align-items: center;
    margin: 0 auto;
    padding: 0 30px;
    max-width: calc(1020px + 60px);
    width: 100%;
}
.banda-video__text > * {
    font-size: 18px;
    line-height: 24px;
    color: #0272bb;
}
.banda-video__text {
    padding: 30px 0;
}
.banda-video__text > p {
    margin-bottom: 14px;
}
.banda-video__img {
    height: 100%;
}
.banda-video__img img {
    min-height: 260px;
    height: 100%;
}
.banda-video__img-mobile {
    display: none;
}
.banda-video__title {
    margin-bottom: 5px;
}
.banda-video__title > * {
    font-size: 42px;
    line-height: 57px;
    color: #0272bb;
    font-weight: lighter;
    margin: 0;
}
.banda-video__container .hybrid-lessons__btn {
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    padding: 5px 30px;
    display: inline-block;
    margin: 0;
    border-radius: 7px;
    width: max-content;
}

@media (max-width: 1280px) {
    .banda-video__img {
        height: 100%;
        flex-shrink: 0;
    }
    .banda-video__container {
        align-items: unset;
    }
    .banda-video__img {
        height: unset;
    }
    .banda-video__img img {
        width: 100%;
        object-fit: cover;
    }
}
@media (max-width: 768px) {
    .banda-video__img {
        display: none;
    }
    .banda-video__img-mobile {
        display: block;
        height: 262px;
    }
    .banda-video__img-mobile > * {
        height: 263px;
    }
    .banda-video__container {
        flex-direction: column;
        align-items: center;
        position: relative;
    }
    .banda-video__title {
        margin-bottom: 7px;
    }
    .banda-video__title > * {
        font-size: 32px;
        line-height: 40px;
        text-align: center;
    }
    .banda-video__text {
        text-align: center;
        padding: 14px 0 0;
    }
    .banda-video__text > * {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
    }
    .banda-video__container .hybrid-lessons__btn {
        position: absolute;
        bottom: 14px;
        left: 50%;
        transform: translateX(-50%);
        padding: 9px 33px;
        font-size: 13px;
        line-height: 18px;
    }
}

.footer__bottom {
    padding: 30px 0 10px;
    background: #707070;
}
.footer__logos {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 -20px;
}
.footer__logos-item {
    margin: 0 20px 30px;
    font-size: 0;
    line-height: 0;
    display: block;
}
.footer__logos-item img.mobile {
    display: none;
}
.footer__logos-item img {
    height: 40px;
    width: 100%;
    object-fit: contain;
    max-width: 100%;
}
.footer__logos-item.big img {
    height: 55px;
}
.footer__logos-item.medium img {
    height: 45px;
}

@media (max-width: 768px) {
    .footer__logos {
        margin: 0;
        padding: 0 17px;
        justify-content: space-between;
    }
    .footer__logos-item {
        margin: 0 10px 15px;
        width: max-content;
        max-width: calc(50% - 20px);
        min-width: 137px;
    }
    .footer__logos-item:nth-child(1),
    .footer__logos-item:nth-child(2) {
        max-width: 100%;
        width: 100%;
    }
    .footer__logos-item:nth-child(4) ~ .footer__logos-item {
        width: max-content;
        max-width: calc(100% / 3 - 20px);
        min-width: 72px;
    }
    .footer__logos-item img.mobile {
        display: unset;
    }
    .footer__logos-item img:not(.mobile) {
        display: none;
    }
}

.preferred-suppliers {
    width: 100%;
    padding: 69.5px 0;
}
.preferred-suppliers__container {
    display: flex;
    align-items: center;
}
.preferred-suppliers__text {
    margin-right: 4vw;
    flex-shrink: 0;
}
.preferred-suppliers__title {
    margin-bottom: 2px;
}
.preferred-suppliers__title > * {
    color: #0083c7;
    font-size: 42px;
    line-height: 57px;
    margin: 0;
    padding: 0;
}
.preferred-suppliers__text > *:not(.preferred-suppliers__title) {
    color: #707070;
    font-size: 16px;
    line-height: 22px;
    margin: 0;
    padding: 0;
}
.preferred-suppliers__images {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 0 -10px;
    flex-grow: 1;
}
.preferred-suppliers__img {
    margin: 0 10px;
}
.preferred-suppliers__img > * {
    width: auto;
    height: auto;
    min-height: 30px;
    min-width: 65px;
    max-height: 65px;
    max-width: 165px;
}

@media (max-width: 991px) {
    .preferred-suppliers {
        padding: 18px 15px 33px;
    }
    .preferred-suppliers__title {
        margin-bottom: 5.7px;
    }
    .preferred-suppliers__title > * {
        text-align: center;
        font-size: 26px;
        line-height: 37px;
    }
    .preferred-suppliers__text {
        margin-right: 0;
    }
    .preferred-suppliers__text > *:not(.preferred-suppliers__title) {
        font-size: 16px;
        line-height: 22px;
        text-align: center;
        max-width: 91%;
        margin: 0 auto;
    }
    .preferred-suppliers__container {
        flex-direction: column;
    }
    .preferred-suppliers__images {
        flex-wrap: wrap;
    }
    .preferred-suppliers__img {
        margin-top: 23px;
        width: calc(50% - 20px);
        display: flex;
        justify-content: center;
    }
    .preferred-suppliers__img > * {
        width: auto;
        height: auto;
        min-height: 23px;
        min-width: 44px;
        max-height: 52px;
        max-width: 120px;
    }
}

.show-new-form .free-lesson.modal-custom.modal-dialog {
    top: unset;
}
.free-lesson__container,
.modal.show-new-form .gradient-orange.corners {
    display: none;
}
.modal.show-new-form .free-lesson__container {
    display: flex;
    justify-content: space-between;
    padding: 50px 80px;
    background: #fa6b27;
    border-radius: 36px;
    position: relative;
}
.free-lesson__container .inquiry-2021__close {
    right: 30px;
    font-size: 47px;
    padding: 0;
    color: #fff;
}
.free-lesson__content {
    max-width: 335px;
    flex-shrink: 0;
    margin-right: 45px;
}
.free-lesson__content * {
    font-family: Open Sans;
}
.free-lesson__form * {
    font-family: Arial;
}
.free-lesson__form {
    max-width: 320px;
}
.free-lesson__title > * {
    color: #fff;
    font-size: 42px;
    line-height: 47px;
    font-weight: bold;
    margin: 0;
}
.free-lesson__title {
    margin-bottom: 9.5px;
}
.free-lesson__subtitle {
    margin-bottom: 24.5px;
}
.free-lesson__subtitle > * {
    margin: 0;
    font-size: 16px;
    line-height: 22px;
    color: #fff;
}
.free-lesson__list ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.free-lesson__list li {
    font-size: 17px;
    line-height: 23px;
    color: #fff;
    position: relative;
    padding-left: 34px;
}
.free-lesson__list li:not(:last-child) {
    margin-bottom: 18px;
}
.free-lesson__list li::before {
    content: "";
    position: absolute;
    top: 1px;
    left: 0;
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.262' height='22.262' viewBox='0 0 22.262 22.262'%3E%3Cg id='Grupo_694' data-name='Grupo 694' transform='translate(-307.745 -299.65)'%3E%3Cellipse id='Elipse_86' data-name='Elipse 86' cx='10.193' cy='9.513' rx='10.193' ry='9.513' transform='translate(308.769 301.266)' fill='%23fff'/%3E%3Cpath id='Icon_awesome-check-circle' data-name='Icon awesome-check-circle' d='M22.824,11.693A11.131,11.131,0,1,1,11.693.563,11.131,11.131,0,0,1,22.824,11.693ZM10.406,17.587l8.258-8.258a.718.718,0,0,0,0-1.016L17.649,7.3a.718.718,0,0,0-1.016,0L9.9,14.033,6.754,10.888a.718.718,0,0,0-1.016,0L4.723,11.9a.718.718,0,0,0,0,1.016L9.39,17.587A.718.718,0,0,0,10.406,17.587Z' transform='translate(307.183 299.088)' fill='%2300cb00'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}
.free-lesson__container .form-group {
    width: 100%;
}
.free-lesson__container .form-control {
    width: 100%;
    margin-bottom: 0;
}
.free-lesson__container .form-group {
    margin-bottom: 0;
}
.free-lesson__container .form-group:not(:last-child) {
    margin-bottom: 10px;
}
.free-lesson__container .control-label {
    font-size: 11px;
    line-height: 12px;
    margin-bottom: 3.6px;
    color: #fff;
}
.free-lesson__btn {
    border: none;
    outline: none;
    margin-top: 5px;
    font-family: Open Sans;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    color: #fff;
    background: #2c91c7;
    border-radius: 8px;
    padding: 11.5px;
    text-align: center;
    width: 100%;
}

@media (max-width: 991px) {
    .free-lesson.modal-custom.modal-dialog {
        margin-top: 18px;
        width: calc(100% - 20px) !important;
    }
    .modal.show-new-form .free-lesson__container {
        max-width: 550px;
        margin: 0 auto;
    }
    .modal.show-new-form .free-lesson__container {
        padding: 34px 16px 15px;
        flex-direction: column;
    }
    .free-lesson__title > * {
        font-size: 28px;
        line-height: 36px;
        text-align: center;
    }
    .free-lesson__content {
        max-width: 100%;
        margin-right: 0;
        padding: 0 4px;
        margin-bottom: 25px;
    }
    .free-lesson__title {
        margin-bottom: 15px;
    }
    .free-lesson__subtitle > * {
        font-size: 14px;
        line-height: 18px;
        text-align: center;
    }
    .free-lesson__subtitle {
        margin-bottom: 13.5px;
    }
    .free-lesson__list li:not(:last-child) {
        margin-bottom: 16.2px;
    }
    .free-lesson__list li {
        font-size: 15px;
        line-height: 20px;
    }
    .free-lesson__list li::before {
        width: 20px;
        height: 20px;
    }
    .free-lesson__form {
        max-width: 500px;
        margin: 0 auto;
        width: 100%;
    }
    .free-lesson__list {
        max-width: 500px;
        width: 100%;
        margin: 0 auto;
    }

    .free-lesson__container .inquiry-2021__close {
        right: 20px;
        font-size: 26px;
        top: 3px;
        padding: 0;
        color: #fff;
    }
}

.spotify-widget {
    padding: 60px 0;
}
.spotify-widget__container {
    width: 100%;
    height: 460px;
    display: flex;
    justify-content: center;
}
.spotify-widget__container iframe {
    width: 100%;
    height: 100%;
    max-width: 860px;
}
@media (max-width: 991px) {
    .spotify-widget {
        padding: 30px 15px;
    }
    .spotify-widget__container {
        height: 330px;
    }
}

.lt-guide-section__images {
    margin-top: 20px;
    margin-bottom: 40px;
    display: flex;
}
.lt-guide-section__images > * {
    object-fit: cover;
    max-height: 34.0625rem;
    width: 0;
    max-width: 100%;
    flex-basis: 0;
    display: block;
    flex-grow: 1;
}
.lt-guide-section__image > * {
    width: 100%;
    max-height: 500px;
    object-fit: contain;
}
.lt-guide-section__image {
    margin: 20px 0;
}

.lt-guide-section__text iframe {
    margin: 0 auto;
    display: block;
}
.lt-guide-section a:not(.lt-guide-section__cta),
.lt-guide-section .lt-guide-section__text a:not(.lt-guide-section__cta) {
    color: #fd7211;
    text-decoration: underline;
}
.lt-guide-content .container {
    padding-inline: 27px;
}

@media (max-width: 768px) {
    .lt-guide-intro .lt-guide-header {
        flex-direction: column-reverse;
        margin-bottom: 0;
    }
    .lt-guide-intro .lt-guide-header__title {
        font-size: 25px;
        line-height: 28px;
        margin-top: 10px;
        margin-bottom: 14px;
    }
    .lt-guide-intro .lt-guide-section__cta {
        margin: 0 auto;
        font-size: 13px;
        line-height: 18px;
        width: 100%;
        max-width: 500px;
        padding-top: 9px;
        padding-bottom: 9px;
    }

    .lt-guide-content .lt-guide-section {
        padding: 22px 0 14px;
    }
    .lt-guide-content .lt-guide-section > *:last-child {
        margin-bottom: 0;
    }
    .lt-guide-section .lt-guide-section__title {
        margin-top: 0;
        font-size: 20px;
        line-height: 24px;
        margin-bottom: 12px;
        padding-bottom: 12px;
        color: #0271bb;
        border-bottom-color: #0271bb;
    }
    .lt-guide-content .lt-guide-index a {
        font-size: 16px;
        line-height: 24px;
    }
    .lt-guide-content .lt-guide-index__bg {
        padding: 42px 27px;
    }

    .lt-guide-section .lt-guide-section__cta {
        margin: 22px auto 20px;
        width: 100%;
        max-width: 500px;
    }

    .lt-guide-section .lt-guide-section__title + * {
        margin-top: 0;
    }
    .lt-guide-section .lt-guide-section__subtitle {
        margin: 15px 0 3px;
    }
    .lt-guide-section .lt-guide-section__subtitle,
    .lt-guide-section .lt-guide-section__text,
    .lt-guide-intro > p {
        font-size: 14px;
        line-height: 20px;
        color: #707070;
    }

    .lt-guide-section .lt-guide-section__images {
        margin-bottom: 20px;
        margin-left: -27px;
        margin-right: -27px;
        min-height: 170px;
    }
}

h2.lt-guide-section__subtitle {
    margin: 30px 0 25px;
}

.lt-guide-img-text__item:not(:last-child) {
    margin-bottom: 10px;
}
.lt-guide-img-text__item {
    display: flex;
    grid-column-gap: 10px;
}
.lt-guide-img-text__img {
    width: 325px;
    flex-shrink: 0;
}
.lt-guide-img-text__img > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.lt-guide-img-text__text {
    border: 1px solid #fd7211;
    text-align: left;
    padding: 40px;
}
.lt-guide-img-text__text .lt-guide-section__subtitle {
    margin-top: 0;
    margin-bottom: 10px;
}
.lt-guide-img-text {
    margin-top: 40px;
}

@media (max-width: 768px) {
    .lt-guide-img-text__item {
        flex-direction: column;
    }
    .lt-guide-img-text__text {
        padding: 20px;
    }
    .lt-guide-img-text__img {
        width: 100%;
    }
}

.creator img {
    max-width: 400px;
}
.creator__types,
.creator__list {
    padding: 30px;
    border: 1px solid;
    margin-bottom: 50px;
}
.creator__types li {
    cursor: pointer;
    padding: 30px 0;
}
.creator__types li > * {
    pointer-events: none;
}
.creator__types li .lt-guide-table {
    margin: 0 !important;
}
.creator__types li:hover {
    background: rgba(0, 0, 0, 0.05);
}
.creator__types li > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}
.creator__types li:not(:last-child) {
    border-bottom: 1px solid;
}
.creator__blocks {
    display: none;
}
.creator__section {
    padding: 0 0 30px;
}
.creator__section:first-child {
    padding: 30px 0;
}
.creator__section:first-child .creator__add-container.add-before {
    display: flex;
}
.creator__add-container {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}
.creator__add {
    background: none;
    border: none;
    outline: none;
    color: #fd7211;
    text-decoration: underline;
}
.creator__add-container.add-before {
    display: none;
    top: 0;
    bottom: unset;
}

.creator__list input:not(.creator__blocks-anchor),
.creator__list textarea {
    border: none;
    width: 100%;
    resize: vertical;
}
.creator__blocks-u-list > ul > li > *,
.creator__blocks-o-list > ul > li > * {
    display: flex;
}

.creator__blocks-text-with-image__type {
    display: flex;
    grid-column-gap: 10px;
}
.creator__blocks .list-container li {
    margin-bottom: 10px;
}
.creator__blocks-o-list textarea,
.creator__blocks-u-list textarea {
    width: 100%;
    display: inline-block;
    min-height: 26px;
    height: 26px;
    border: none;
    color: #000;
    box-sizing: border-box;
}
.creator__blocks-u-list__remove {
    flex-shrink: 0;
    opacity: 0;
}
.creator__blocks-o-list li:hover .creator__blocks-u-list__remove,
.creator__blocks-u-list li:hover .creator__blocks-u-list__remove {
    opacity: 1;
}

.creator__blocks-u-list__add {
    margin-left: auto;
    opacity: 0;
}

.creator__blocks-u-list:hover .creator__blocks-u-list__add,
.creator__blocks-o-list:hover .creator__blocks-u-list__add {
    opacity: 1;
}
.creator__blocks-o-list,
.creator__blocks-u-list,
.creator__blocks-testimonial,
.creator__blocks-table,
.creator__blocks-text-with-image {
    display: flex;
    flex-direction: column;
}
.creator__blocks-text-with-image__remove {
    margin-left: auto;
    margin-top: 10px;
    opacity: 0;
}
.creator__blocks-text-with-image__type {
    opacity: 0;
}
.creator__blocks-text-with-image:hover .creator__blocks-text-with-image__remove,
.creator__blocks-text-with-image:hover .creator__blocks-text-with-image__type {
    opacity: 1;
}
.creator__blocks-remove {
    font-size: 14px;
    font-weight: normal;
    flex-shrink: 0;
    opacity: 0;
    height: 28px;
    margin-left: auto;
    margin-top: 10px;
}
.creator__blocks-block:hover > .creator__blocks-remove {
    opacity: 1;
}
.lt-guide-caption:hover .creator__blocks-captions__remove {
    opacity: 1;
}
.creator__blocks-captions:hover .creator__blocks-captions__add {
    opacity: 1;
}
.creator__blocks-captions__add,
.creator__blocks-captions__remove {
    opacity: 0;
}
.creator__blocks-subtitle,
.creator__blocks-subtitle-big {
    display: flex;
}

.creator__section:not(:last-child) {
    margin-bottom: 50px;
}
.creator__section {
    position: relative;
}
.creator__section:first-child:last-child .creator__remove {
    display: none;
}
.creator__section.is-editing .creator__edit {
    display: none;
}
.creator__section:not(.is-editing) .creator__blocks-block {
    pointer-events: none;
    opacity: 0.5;
}
.creator__section-btns {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    grid-column-gap: 10px;
    width: max-content;
}
.creator.lt-guide-section {
    display: flex;
    flex-direction: row-reverse;
    grid-column-gap: 50px;
    padding: 50px;
}
.creator__sidebar {
    width: 30%;
    position: relative;
}
.creator__sidebar-inner {
    position: sticky;
    top: 69px;
    left: 0;
    right: 0;
}
.creator__types ul {
    padding-left: 0;
}
.creator__list {
    padding: 30px;
}
.creator__list
    .lt-guide-img-text__text:hover
    .creator__blocks-text-with-image__type {
    opacity: 1;
}
.creator__types .lt-guide-caption__text {
    height: auto !important;
}
.creator__types .lt-guide-testimonial {
    padding: 12px 23px 12px;
}
.creator .creator__types img.lt-guide-card__img {
    max-width: 227px !important;
}
.creator .creator__list img.lt-guide-card__img {
    max-width: 285px !important;
}
.creator .creator__list .lt-guide-card input {
    background: transparent;
}
.creator__list .lt-guide-small-card,
.creator__list .lt-guide-card {
    position: relative;
}
.creator__list .lt-guide-small-card:hover .creator__blocks-small-cards__remove,
.creator__list .lt-guide-card:hover .creator__blocks-cards__remove {
    visibility: visible;
    opacity: 1;
}
.creator__blocks-korean-dialect__add,
.creator__blocks-korean-dialect__remove {
    opacity: 0;
    visibility: hidden;
}
.creator__list
    .creator__blocks-korean-dialect:hover
    .creator__blocks-korean-dialect__add,
.creator__list .korean-dialect:hover .creator__blocks-korean-dialect__remove {
    visibility: visible;
    opacity: 1;
}
.creator__blocks-small-cards__remove,
.creator__blocks-cards__remove {
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: 0;
    visibility: hidden;
}
.creator__blocks-text-with-image img {
    min-width: 100px;
    min-height: 100px;
}

.creator__types .lt-guide-section__text-with-image > div {
    min-width: 50%;
}
.creator .lt-guide-img-text__img {
    width: 200px;
}
.creator .lt-guide-img-text__text {
    width: 100%;
}
.creator .lt-guide-captions img {
    min-height: 100px;
}
.creator__types {
    max-height: calc(100vh - 100px);
    overflow-y: auto;
}

.creator__blocks-img-text .lt-guide-img-text__item {
    position: relative;
}
.creator__blocks-img-text
    .lt-guide-img-text__item:hover
    .creator__blocks-img-text__btns {
    opacity: 1;
    visibility: visible;
}
.creator__blocks-img-text__btns {
    position: absolute;
    right: 10px;
    top: 10px;
    opacity: 0;
    visibility: hidden;
}

.creator__types {
    padding: 0 30px;
}
.creator__types li {
    padding: 13px 0;
}
.creator img {
    max-width: 200px !important;
}
.creator__container {
    width: 70%;
}
.creator__json {
    width: 100%;
    min-height: 100px;
    resize: vertical;
}

.creator__editor {
    border: none !important;
}
.list-container ul,
.list-container ol {
    list-style: none;
}
.list-container li {
    position: relative;
}
.list-container > ul > li::before {
    content: "";
    position: absolute;
    top: 15px;
    left: -15px;
    width: 4px;
    height: 4px;
    background: #000;
    border-radius: 50%;
}
.list-container > ol {
    counter-reset: list-count;
}
.list-container > ol > li::before {
    counter-increment: list-count;
    content: counters(list-count, ".") " ";
    position: absolute;
    top: calc(50% + 5px);
    transform: translateY(-50%);
    left: -15px;
}
.list-container li > div > div {
    width: 100%;
    position: relative;
}
.creator__blocks-text {
    position: relative;
}
.creator__blocks-text:hover .ql-toolbar,
.list-container li:hover .ql-toolbar {
    opacity: 1;
    visibility: visible;
}
.creator__blocks-text .ql-editor,
.list-container .ql-editor {
    padding-bottom: 0;
    padding-left: 0;
}
.creator__blocks-text .ql-toolbar,
.list-container .ql-toolbar {
    position: absolute;
    left: 0;
    top: 0;
    transform: translateY(-100%);
    background: #fff;
    z-index: 2;
    opacity: 0;
    visibility: hidden;
}
.creator__blocks-u-list__remove {
    height: 30px;
}

.creator__blocks-block {
    position: relative;
}
.creator__blocks-insert {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -11px;
    color: #1876b8;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    visibility: hidden;
}
.creator__blocks-block:hover > .creator__blocks-insert {
    visibility: visible;
}
.creator__blocks-block.insert-before {
    padding-top: 50px;
}
.creator__blocks-block.insert-before > .creator__blocks-insert {
    visibility: visible;
    color: #a31b29;
    font-size: 14px;
    text-transform: uppercase;
    left: 0;
    transform: none;
    right: 0;
    border: 1px solid #bfbfbf;
    text-align: center;
    padding: 20px 0;
    top: -1px;
}
.creator__blocks-block.insert-before.is-inside > .creator__blocks-insert {
    padding: 7px 0;
    top: 7px;
}
.list-container > ol > li::before {
    top: 9px;
}
.list-container > ul > li::before {
    top: 18px;
}
.creator__blocks-captions .creator__blocks-insert {
    top: -29px;
}

.testimonials {
    background: #f0f0f0;
    padding: 10px 0;
}
.testimonials__wrapper:last-child {
    padding-bottom: 64px;
}
.testimonials__head {
    display: flex;
    justify-content: space-between;
    grid-column-gap: 50px;
}
.testimonials__head-text > * {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}
.testimonials__head-text {
    max-width: 613px;
}

.testimonials__filter {
    display: flex;
    grid-column-gap: 10px;
    height: 100%;
    flex-direction: column;
}
.testimonials__filter > *:not(:last-child) {
    margin-bottom: 10px;
}
.testimonials__filter .filter-language__title > * {
    color: #707070;
    font-size: 10px;
    line-height: 14px;
    margin: 0;
}
.testimonials__filter .filter-language {
    display: flex;
    align-items: center;
    grid-column-gap: 10px;
    justify-content: flex-end;
}
.testimonials__filter select {
    height: 28px;
    border: 1px solid #fd7211;
    outline: none;
    box-shadow: none;
    font-size: 11px;
    line-height: 15px;
    color: #fd7211;
    max-width: 195px;
    width: 100%;
    padding: 0 20px 0 12px;
    border-radius: 13px;
}
.testimonials__head + .testimonials__banner {
    margin-top: 20px;
}

.testimonials__banner {
    display: flex;
    flex-direction: row-reverse;
    background: #0272bb;
    margin-top: 35px;
    min-height: 290px;
}
.testimonials__banner.testimonials__banner--reverse {
    flex-direction: row;
}
.testimonials__banner-text {
    padding: 47px 38px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.testimonials__banner-video {
    position: relative;
    width: 50%;
    flex-shrink: 0;
}
.testimonials__banner-video > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.testimonials__banner-video::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.53%;
}
.testimonials__banner-title > * {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.testimonials__banner-title {
    margin-bottom: 13px;
}
.testimonials__banner-text > *:not(.testimonials__banner-title) {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: #fff;
}

.testimonials__container {
    columns: 3;
    break-inside: avoid;
    column-gap: 30px;
    margin: 27px 0 0;
    padding-bottom: 22px;
}
.testimonials__container.one-column,
.testimonials__container.two-columns {
    columns: unset;
    display: flex;
    align-items: flex-start;
}
.testimonials__container.one-column .testimonial-item,
.testimonials__container.two-columns .testimonial-item {
    width: calc((100% - 60px) / 3);
    margin-top: 0 !important;
}
.testimonials__container .testimonial-item {
    box-shadow: 0px 8px 6px #0000001d;
    break-inside: avoid;
    background: transparent;
    border-radius: 20px;
}
.testimonials__container
    .testimonial-item:nth-child(even)
    .testimonial-item__desc::after {
    right: unset;
    left: 30px;
}
.testimonials__container .testimonial-item:not(:first-child) {
    margin-top: 50px;
}
.testimonials__container .testimonial-item__quote {
    padding: 17px 22px;
    border-radius: 20px 20px 0 0;
    background: #fff;
    min-height: 82px;
}
.testimonials__container .testimonial-item__quote > * {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    margin: 0;
}
.testimonials__container .testimonial-item__desc {
    background: #707070;
    padding: 15px 22px;
    border-radius: 0 0 20px 20px;
    font-size: 15px;
    line-height: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
    color: #fff;
    position: relative;
}
.testimonials__container .testimonial-item__desc .author {
    font-weight: bold;
}
.testimonials__container .testimonial-item__desc::after {
    content: "";
    position: absolute;
    transform: translateY(100%);
    bottom: 2px;
    width: 35px;
    height: 22px;
    right: 30px;
    background: #707070;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
}

@media (max-width: 991px) {
    .testimonials__container {
        columns: 2;
    }
    .testimonials__container.one-column,
    .testimonials__container.two-columns {
        columns: unset;
    }
    .testimonials__container.one-column .testimonial-item,
    .testimonials__container.two-columns .testimonial-item {
        width: calc((100% - 30px) / 2);
    }

    .testimonials__banner,
    .testimonials__banner.testimonials__banner--reverse {
        flex-direction: column-reverse;
    }
    .testimonials__banner-video {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .page-title.big {
        padding: 0 20px;
    }
    .testimonials__head {
        flex-direction: column;
        padding: 0 20px;
        align-items: center;
    }
    .testimonials {
        padding: 20px 0;
    }
    .testimonials__wrapper .text-line + .testimonials {
        padding-top: 30px;
    }
    .testimonials__head-text > * {
        font-size: 14px;
        line-height: 22px;
        text-align: center;
    }
    .testimonials__head-text {
        margin-bottom: 20px;
    }
    .testimonials__filter .filter-language {
        flex-direction: column;
        width: 100% !important;
    }
    .testimonials__filter select {
        max-width: unset;
    }
    .testimonials__filter {
        width: 100%;
    }
    .testimonials__banner-text {
        padding: 13px 15px 20px;
    }
    .testimonials__banner-title > * {
        font-size: 20px;
        line-height: 28px;
        text-align: center;
    }
    .testimonials__banner-title {
        margin-bottom: 6px;
    }
    .testimonials__banner-text > :not(.testimonials__banner-title) {
        text-align: center;
    }
    .testimonials__container {
        columns: 1;
    }
    .testimonials__container {
        margin: 0;
        padding-inline: 20px;
    }
    .testimonials__container .testimonial-item:not(:first-child) {
        margin-top: 48px;
    }
    .filter-language__title {
        margin-bottom: 10px;
    }
}

.video-testimonial__title {
    margin-bottom: 13px;
}
.video-testimonial__title > * {
    font-size: 54px;
    line-height: 70px;
    font-weight: lighter;
    color: #1876b8;
}
.video-testimonial__title span {
    color: #ff6600;
}
.video-testimonial__text > * {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}
.video-testimonial__text ul {
    columns: 2;
    margin-top: 7px;
    padding: 0;
    gap: 12%;
}
.video-testimonial__text li {
    font-size: 19px;
    line-height: 27px;
    color: #1876b8;
    margin-left: 18px;
    break-inside: avoid;
}
.video-testimonial__text li:nth-child(odd) {
    color: #ff6600;
}
.video-testimonial__promo {
    padding: 44px 0 50px;
}
.video-testimonial__promo-container {
    display: flex;
    grid-column-gap: 44px;
    margin-bottom: 36px;
}
.video-testimonial__promo-content {
    width: calc(52% - 22px);
}
.video-testimonial__promo-img.mobile-img {
    display: none;
}
.video-testimonial__promo-img {
    position: relative;
    width: calc(48% - 22px);
    height: 100%;
}
.video-testimonial__promo-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 70%;
}
.video-testimonial__promo-img > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.video-testimonial__video {
    background: #f0f0f0;
}
.video-testimonial__video-container {
    display: flex;
    align-items: center;
}
.video-testimonial__video-iframe {
    width: 67.4%;
    margin-right: 68px;
    flex-shrink: 0;
    position: relative;
}
.video-testimonial__video-iframe::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.5%;
}
.video-testimonial__video-iframe > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.video-testimonial__video-text {
    position: relative;
    max-width: 200px;
    padding-bottom: 53px;
    transform: translateY(-16%);
}
.video-testimonial__video-text > *:not(.video-testimonial__video-arrow) {
    font-size: 20px;
    line-height: 28px;
    color: #707070;
}
.video-testimonial__video-arrow {
    position: absolute;
    bottom: 0;
    left: -15px;
    width: 42px;
    height: 40px;
}
.video-testimonial__video-arrow > * {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: top left;
}
.video-testimonial__video + .why-learn {
    background: #fff;
    padding-top: 42px;
    padding-bottom: 60px;
}

@media (max-width: 768px) {
    .video-testimonial .container {
        padding-inline: 27.5px !important;
    }
    .video-testimonial__promo-container {
        flex-direction: column;
    }
    .video-testimonial__promo {
        padding: 28px 0 31px;
    }
    .video-testimonial__promo-content {
        width: 100%;
    }
    .video-testimonial__title {
        margin-bottom: 28px;
    }
    .video-testimonial__title > * {
        font-size: 32px;
        line-height: 42px;
        text-align: center;
    }
    .video-testimonial__promo-img {
        display: none;
    }
    .video-testimonial__promo-img.mobile-img {
        display: block;
        width: 100%;
        min-height: 243px;
        margin-bottom: 18px;
    }
    .video-testimonial__promo-container {
        margin-bottom: 15px;
    }
    .video-testimonial__text ul {
        columns: 1;
        margin-top: 13px;
    }
    .video-testimonial__text li {
        font-size: 16px;
        line-height: 24px;
    }

    .video-testimonial__video-container {
        flex-direction: column-reverse;
    }
    .video-testimonial__video-iframe {
        width: calc(100% + 55px);
        margin: 0 -27.5px;
    }
    .video-testimonial__video-text {
        max-width: unset;
        transform: none;
        padding: 22px 25px 22px 0;
    }
    .video-testimonial__video-text > :not(.video-testimonial__video-arrow) {
        font-size: 16px;
        line-height: 24px;
        max-width: 207px;
        margin: 0;
    }
    .video-testimonial__video-arrow {
        bottom: 23px;
        right: 0;
        width: 31px;
        height: 32px;
        left: unset;
        transform: rotate(-90deg);
    }
}

.city-courses {
    font-family: "Open Sans", sans-serif;
    color: #707070;
}
.city-courses section {
    width: 100%;
}
.city-courses__title {
    margin-bottom: 30px;
    text-align: center;
}
.city-courses__title > * {
    margin: 0;
    font-size: 16px;
    line-height: 24px;
    font-weight: bold;
    text-align: center;
}
.city-courses__btn > *,
.city-courses__btn > .lt-guide-section__cta {
    padding: 5px 18px;
    margin: 0;
    width: max-content;
    max-width: 100%;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
}

.city-promo {
    padding: 54px 0 40px;
}
.city-promo__container {
    display: flex;
    align-items: flex-start;
}
.city-promo__container:not(:last-child) {
    margin-bottom: 22px;
}
.city-promo__img {
    width: 228px;
    height: 228px;
    flex-shrink: 0;
    margin-right: 40px;
}
.city-promo__img > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.city-promo__title {
    margin-bottom: 10px;
}
.city-promo__title > * {
    margin: 0;
    line-height: 57px;
    font-size: 42px;
    color: #1876b8;
    font-weight: 300;
}
.city-promo__text {
    margin-top: 22px;
}
.city-promo__text > * {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.city-promo__text a {
    color: #fd7211;
    text-decoration: underline;
    font-weight: 400;
}
@media (max-width: 768px) {
    .city-courses .container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .city-courses__title {
        margin-bottom: 25px;
    }
    .city-courses__btn {
        text-align: center;
    }
    .city-courses__btn > *,
    .city-courses__btn > .lt-guide-section__cta {
        max-width: 400px;
        font-size: 13px;
        line-height: 18px;
        padding-top: 9px;
        padding-bottom: 9px;
        width: 100%;
    }

    .city-promo__container {
        flex-direction: column-reverse;
    }

    .city-promo {
        padding: 26px 0 55px;
    }

    .city-promo__title {
        margin-bottom: 17px;
    }

    .city-promo__title > * {
        line-height: 42px;
        font-size: 32px;
        text-align: center;
    }

    .city-promo__content .city-promo__text {
        margin-top: 36px;
    }

    .city-promo__text > * {
        line-height: 22px;
    }

    .city-promo__img {
        width: 280px;
        height: 280px;
        margin-right: auto;
        margin-top: 17px;
        margin-left: auto;
    }

    .city-promo__text {
        margin-top: 17px;
    }
}

.city-languages {
    padding: 16px 0 20px;
    background: #f0f0f0;
}
.city-languages__container {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13px;
}
.city-languages__item {
    width: calc(100% / 8 - 26px);
    margin: 0 13px 30px;
    text-align: center;
    font-size: 12px;
    line-height: 17px;
    color: #707070 !important;
    text-decoration: none !important;
    font-weight: bold;
}
.city-languages__item-img {
    display: block;
    width: 100%;
    position: relative;
    box-sizing: border-box;
    border: 5px solid #fff;
    box-shadow: 0px 5px 6px #00000029;
    margin-bottom: 13px;
    border-radius: 50%;
    background: #fff;
}
.city-languages__item-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.city-languages__item-img > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}
@media (max-width: 768px) {
    .city-languages__item {
        margin: 0 8px 26px;
        width: calc(100% / 6 - 16px);
        font-size: 9px;
        line-height: 13px;
    }
    .city-languages__item-img {
        margin-bottom: 9px;
        border-width: 3px;
    }

    .city-languages {
        padding: 16px 0 7px;
    }
}
@media (max-width: 560px) {
    .city-languages__item {
        width: calc(100% / 4 - 16px);
    }
}

.city-totals {
    padding: 36px 0 48px;
    background: #f0f0f0;
}
.city-totals__container {
    display: flex;
    align-items: center;
}
.city-totals__item {
    flex-basis: 0;
    flex-grow: 1;
    text-align: center;
}
.city-totals__item > *:not(.city-courses__btn):first-child {
    color: #0078be;
    font-size: 40px;
    line-height: 55px;
    font-weight: bold;
}
@media (max-width: 768px) {
    .city-totals {
        padding: 32px 0 30px;
    }

    .city-totals__container {
        align-items: unset;
        flex-direction: column;
    }

    .city-totals__item {
        font-size: 20px;
        line-height: 26px;
    }
    .city-totals__item:not(:last-child) {
        margin-bottom: 40px;
    }

    .city-totals__item > :not(.city-courses__btn):first-child {
        font-size: 32px;
        line-height: 53px;
    }
}

.city-foreigners {
    padding: 65px 0 39px;
}
.city-foreigners__container {
    display: flex;
}
.city-foreigners__container > * {
    flex-basis: 0;
    flex-grow: 1;
}
.city-foreigners__container > *:not(:last-child) {
    margin-right: 20px;
}
.city-foreigners__item {
    display: flex;
    background: #f0f0f0;
    border-radius: 30px;
}
.city-foreigners__item-img {
    min-width: 135px;
    width: 30%;
    position: relative;
    flex-shrink: 0;
}
.city-foreigners__item-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 119%;
}
.city-foreigners__item-img > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
    position: absolute;
    top: 0;
    left: 0;
}
.city-foreigners__item-content {
    padding: 30px 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.city-foreigners__item-title > h3,
.city-foreigners__item-title > * {
    font-weight: bold;
    font-size: 24px;
    line-height: 26px;
    margin: 0;
}
.city-foreigners__item-title > * > * {
    font-size: 16px;
    font-weight: 400;
}
.city-foreigners__item-tag {
    margin-top: 8px;
    padding: 5px 13px 6px;
    font-size: 18px;
    line-height: 24px;
    color: #0272bb;
    background: #fff;
    display: block;
    width: max-content;
    max-width: 100%;
    border-radius: 10px;
}
@media (max-width: 768px) {
    .city-foreigners {
        padding: 30px 0 24px;
    }

    .city-foreigners__container {
        flex-direction: column;
    }

    .city-foreigners__container > :not(:last-child) {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .city-foreigners__item-title > h3,
    .city-foreigners__item-title > * {
        font-size: 15px;
        line-height: 18px;
    }

    .city-foreigners__item-title > * > * {
        font-size: 11px;
    }

    .city-foreigners__item-img {
        min-width: 70px;
        width: 27%;
    }

    .city-foreigners__item-content {
        padding: 15px;
    }

    .city-foreigners__item-tag {
        margin-top: 6px;
        padding: 4px 8px 5px;
        font-size: 12px;
        line-height: 17px;
    }

    .city-foreigners__item-img > * {
        border-radius: 15px;
    }
}

.city-clients {
    padding: 16px 0 55px;
}
.city-clients__container {
    display: flex;
    margin: 0 -13px;
    padding: 0;
}
.city-clients__container > * {
    flex-basis: 0;
    flex-grow: 1;
    margin: 0 13px;
    max-width: calc(100% / 3 - 26px);
    background: #f0f0f0;
    padding: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    border-radius: 15px;
    text-transform: uppercase;
}
.city-clients__img {
    width: 50%;
    position: relative;
    background: #fff;
    border-radius: 15px;
    margin-bottom: 13px;
}
.city-clients__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.city-clients__img > * {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 60%;
    height: 60%;
    transform: translate(-50%, -50%);
    object-fit: contain;
}
.city-clients__btn {
    margin-top: 30px;
    display: flex;
    justify-content: center;
}
@media (max-width: 768px) {
    .city-clients__container > * {
        margin: 0 9px;
        max-width: 100%;
        padding: 13px;
        font-size: 10px;
        line-height: 14px;
        font-weight: bold;
    }

    .city-clients__container > *:not(:nth-child(1)):not(:nth-child(2)) {
        display: none;
    }

    .city-clients__container {
        margin: 0 -9px;
    }

    .city-clients {
        padding: 16px 0 40px;
    }

    .city-clients__img {
        width: 62%;
    }

    .city-clients__btn {
        margin-top: 20px;
    }
}

.button-blue {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    outline: none;
    cursor: pointer;
    background: #1876b8;
    border-radius: 7px;
    min-width: 106px;
    padding: 6px 15px 7px;
    text-transform: uppercase;
    font-size: 10px;
    line-height: 14px;
    color: #fff !important;
    font-weight: bold;
}
.button-blue.button-blue--big {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 12px;
    line-height: 18px;
}
@media (max-width: 768px) {
    .button-blue {
        font-size: 9px;
        line-height: 13px;
    }
    .button-blue.button-blue--big {
        padding-top: 9px;
        padding-bottom: 9px;
        font-size: 13px;
        width: 100%;
        border-radius: 10px;
    }
}

.case-studies {
    background: #f0f0f0;
}
.case-studies__head {
    padding-top: 14px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.case-studies__head-text {
    max-width: 660px;
    margin-right: 50px;
    padding-top: 5px;
}
.case-studies__head-text > * {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
    margin: 0;
}
.case-studies__head-filters {
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.case-studies__filter {
    margin-right: 10px;
    position: relative;
    font-size: 12px;
    line-height: 17px;
    color: #707070;
    min-width: 100px;
}
.case-studies__filter-dropdown {
    display: none;
    position: absolute;
    bottom: 16px;
    transform: translateY(100%);
    left: 0;
    right: 0.5px;
    border: 1px solid #707070;
    border-radius: 0 0 12px 12px;
    border-top: 0;
    box-sizing: border-box;
    padding: 23px 16px 10px;
    background: #f0f0f0;
    z-index: 1;
}
.case-studies__filter-dropdown > ul {
    margin: 0;
    padding: 0;
    list-style: none;
    max-height: 110px;
    overflow-y: auto;
}
.case-studies__filter-dropdown > ul > li {
    cursor: pointer;
}
.case-studies__filter-dropdown > ul > li:not(:last-child) {
    margin-bottom: 5px;
}
.case-studies__filter.is-open > *:not(.case-studies__filter-dropdown)::after {
    transform: translateY(-50%) rotate(180deg);
}
.case-studies__filter > *:not(.case-studies__filter-dropdown) {
    display: block;
    padding: 5px 16px 6px;
    padding-right: 32px;
    border: 1px solid #707070;
    border-radius: 12px;
    background: #f0f0f0;
    position: relative;
    z-index: 2;
    cursor: pointer;
}
.case-studies__filter > *:not(.case-studies__filter-dropdown)::after {
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' stroke='%23707070'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}

.case-studies__container {
    padding: 23px 0 54px;
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px -87px;
}
.case-studies__container > * {
    width: calc(100% / 3 - 30px);
    margin: 0 15px 87px;
}
.case-studies__container > .case-studies__banner {
    width: calc(100% - 30px);
    margin: 0 15px;
}
.case-studies__container > .case-studies__banner:not(:last-child) {
    margin-bottom: 97px;
}
.case-studies__container > .case-studies__banner:not(:first-child) {
    margin-top: -57px;
}
.case-studies__container > .case-studies__banner:last-child {
    margin-bottom: 87px;
}
.case-studies__title.page-title.big {
    padding: 45px 0 20px;
    margin: 0;
    background: #fff;
}
.case-studies__title:not(.page-title) {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    padding: 11px 0 14px;
    margin-top: 11px;
}
.case-studies__title:not(.page-title) > *:not(.case-studies__profile) {
    margin: 0;
    font-size: 32px;
    line-height: 43px;
    color: #0078be;
    font-weight: 300;
}
.case-studies__profile {
    margin-left: 30px;
    display: flex;
    align-items: center;
    max-width: 33%;
}
.case-studies__profile-img {
    width: 94px;
    height: 94px;
    flex-shrink: 0;
    margin-right: 23px;
    margin-bottom: 4px;
}
.case-studies__profile-img > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.case-studies__profile-text {
    font-size: 16px;
    line-height: 24px;
    color: #707070;
}
.case-studies__profile-text > *:not(.case-studies__profile-title) {
    margin: 0;
}
.case-studies__profile-title {
    margin-bottom: 4px;
}
.case-studies__profile-title > * {
    font-size: 46px;
    line-height: 62px;
    font-weight: 300;
    margin: 0;
    color: #0078be;
}
.case-studies__banner {
    display: flex;
    flex-direction: row;
    background: #0272bb;
    margin-bottom: 40px;
    border-radius: 0px 20px 20px 0px;
    min-height: 290px;
}
.case-studies__banner-text {
    display: flex;
    flex-direction: column;
    padding: 23px 38px 33px;
}
.case-studies__banner-video {
    position: relative;
    width: 50%;
    flex-shrink: 0;
}
.case-studies__banner-video > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.case-studies__banner-video::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 56.53%;
}
.case-studies__banner-title > * {
    font-size: 18px;
    line-height: 24px;
    color: #fff;
    font-weight: bold;
    margin: 0;
}
.case-studies__banner-title {
    margin-bottom: 10px;
}
.case-studies__banner-text
    > *:not(.case-studies__banner-title):not(.orange-btn) {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
    color: #fff;
}
.case-studies__banner .orange-btn {
    margin-top: auto;
}
.case-studies__banner-text
    > *:not(.case-studies__banner-title):not(:last-child) {
    margin-bottom: 20px;
}

.case-studies__item {
    background: #fff;
    box-shadow: 0px 8px 6px #0000001d;
    border-radius: 20px;
    padding: 0 15px 16px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    color: #707070;
    position: relative;
}
.case-studies__item::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    height: 40px;
    border-radius: 20px 20px 0 0;
    z-index: 1;
    background: linear-gradient(0deg, transparent 0 50%, #0078be 50% 100%);
}
.case-studies__item-img {
    width: 115px;
    height: 115px;
    margin-top: -56px;
    margin-bottom: 11px;
    position: relative;
    z-index: 2;
}
.case-studies__item-img > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}
.case-studies__item-text {
    margin-bottom: 11px;
}
.case-studies__item-text > * {
    font-size: 16px;
    line-height: 24px;
    margin: 0;
}
.case-studies__item-title {
    margin-top: auto;
}
.case-studies__item-title > * {
    font-size: 12px;
    line-height: 20px;
    font-weight: bold;
    margin: 0;
}
.case-studies__item-subtitle > * {
    font-size: 12px;
    line-height: 20px;
}
.case-studies__item-btn {
    margin-top: 12px;
}
.case-studies__item-btn > * {
    display: inline-block;
}

.case-studies .reviews-slider {
    background: #fff;
}

.case-studies__pagination {
    padding: 23px 0 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.case-studies__content {
    margin-top: 27px;
    padding: 25px 35px;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 6px #0000001d;
    border-radius: 20px;
    color: #707070;
}
.case-studies__quote {
    font-size: 28px;
    line-height: 36px;
    font-weight: 200;
    margin-bottom: 26px;
}
.container .case-studies__text > * {
    font-size: 16px;
    line-height: 24px;
}
.case-studies__text h3 {
    color: #0078be;
    font-weight: bold;
}
.case-studies__text-cta {
    display: flex;
    justify-content: center;
    margin: 20px 0 40px;
}
.case-studies__pagination a {
    font-size: 16px;
    line-height: 22px;
    color: #fd7211;
    display: flex;
    align-items: center;
}
.case-studies__pagination img {
    width: 17px;
    height: 14px;
    object-fit: contain;
}
.case-studies__pagination img:first-child {
    margin-right: 5px;
}
.case-studies__pagination img:last-child {
    margin-left: 5px;
    transform: rotate(180deg);
    margin-bottom: -2px;
}

@media (max-width: 768px) {
    .case-studies .container {
        padding-left: 26px;
        padding-right: 26px;
    }
    .case-studies__title.page-title.big {
        padding: 28px 0 24px;
    }

    .case-studies__head {
        flex-direction: column;
    }

    .case-studies__head-text {
        width: 88.6%;
        text-align: center;
        margin: 0 auto;
    }

    .case-studies__head-filters {
        margin-top: 28px;
        width: 100%;
        justify-content: center;
    }

    .case-studies__filter {
        margin-right: 20px;
        flex-basis: 50%;
        flex-grow: 1;
        white-space: nowrap;
        max-width: 200px;
    }

    .case-studies__filter > :not(.case-studies__filter-dropdown) {
        padding: 5px 11px 6px;
        padding-right: 25px;
    }

    .case-studies__container {
        padding: 26px 0 30px;
        margin: 0;
    }

    .case-studies__container > .case-studies__banner {
        width: 100%;
        margin: 0;
    }

    .case-studies__container > *:not(:last-child) {
        margin-bottom: 83px !important;
    }

    .case-studies__container > * {
        width: 100%;
        margin: 0;
    }

    .case-studies__banner {
        flex-direction: column;
        border-radius: 0px 0px 20px 20px;
    }

    .case-studies__banner-video {
        width: 100%;
    }

    .case-studies__banner-text {
        padding: 20px 15px 30px;
        text-align: center;
    }

    .case-studies__banner-title > * {
        font-size: 16px;
    }

    .case-studies__banner-title {
        margin-bottom: 24px;
    }

    .case-studies__banner .orange-btn {
        margin: auto;
    }

    .case-studies__container > .case-studies__banner:not(:first-child) {
        margin-top: -47px;
    }

    .case-studies__title:not(.page-title) {
        padding: 11px 26px 17px;
        flex-direction: column;
    }

    .case-studies__title:not(.page-title) > :not(.case-studies__profile) {
        font-size: 26px;
        line-height: 36px;
    }

    .case-studies__profile {
        margin-left: 0;
        margin-top: 15px;
        max-width: 100%;
    }
    .case-studies__profile:not(:last-child) {
        margin-bottom: 20px;
    }

    .case-studies__profile-img {
        margin-right: 14px;
    }

    .case-studies__profile-title > * {
        font-size: 26px;
        line-height: 36px;
    }

    .case-studies__profile-title {
        margin-bottom: 2px;
    }
    body .case-studies__profile-text > * {
        line-height: 24px;
        color: #707070;
        font-size: 14px;
    }

    .case-studies__content {
        padding: 21px 15px 10px;
    }

    .case-studies__quote {
        font-size: 24px;
        line-height: 32px;
        margin-bottom: 20px;
    }

    .container .case-studies__text > * {
        font-size: 14px;
        line-height: 20px;
    }

    .case-studies__text-cta {
        margin: 25px 0 24px;
    }

    .case-studies__pagination a {
        font-size: 14px;
        line-height: 19px;
    }

    .case-studies__pagination {
        padding: 23px 0 25px;
    }
}

.trial-popup-container.trial-popup-container--ltc {
    width: 142px;
}
.trial-popup-container.trial-popup-container--ltc .trial-popup-text__bold {
    font-weight: 400;
    text-transform: none;
    padding: 5px 0 6px 8px;
}
.trial-popup-container.trial-popup-container--ltc.trial-popup-container__hidden {
    right: -122px;
}

.resources {
    padding: 41px 0 44px;
}
.resources .container {
    max-width: 1056px;
    width: auto;
}
.resources__container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5%;
    margin-bottom: 41px;
}
.resources__title {
    margin-right: 20px;
    max-width: 279px;
}
.resources__title > * {
    font-size: 60px;
    font-weight: 300;
    line-height: 66px;
    color: #1876b8;
    text-transform: capitalize;
    margin: 0;
}
.resources__photo {
    max-width: 515px;
    width: 100%;
    position: relative;
}
.resources__photo::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 61.6%;
}
.resources__photo > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 30px;
}
.resources__list {
    position: relative;
    list-style: none;
    padding: 24px 0 31px;
    margin-bottom: 25px;
}
.resources__list::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100vw;
    width: 200vw;
    bottom: 0;
    background-color: #027fc4;
    z-index: -1;
}
.resources__list li {
    font-size: 20px;
    line-height: 27px;
}
.resources__list li:not(:last-child) {
    margin-bottom: 12px;
}
.resources__list-link {
    display: flex;
    align-items: center;
}
.resources__list-link img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}
.resources__list-link span {
    font-size: 20px;
    line-height: 27px;
    color: #ffffff;
    text-decoration: underline;
    margin-left: 16px;
}
.resources__language {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -13.5px -20px;
    list-style: none;
    padding-left: 0;
}
.resources__language li {
    margin: 0 13.5px 20px;
    width: calc(100% / 8 - 27px);
}
.resources__language a {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.resources__language-img {
    max-width: 104px;
    position: relative;
    background: #ffffff 0% 0% no-repeat padding-box;
    box-shadow: 0px 5px 6px #00000029;
    margin-bottom: 13px;
    border-radius: 100%;
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.resources__language-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.resources__language-img img {
    width: 94.3%;
    height: 94.3%;
    object-fit: contain;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.resources__language span {
    font-size: 13px;
    line-height: 18px;
    font-weight: bold;
    color: #707070;
    text-align: center;
}
/*****************************************************************/
.section-text span {
    display: block;
    margin-bottom: 15px;
    font-size: 16px;
    line-height: 21px;
    font-weight: bold;
    color: #707070;
    text-transform: uppercase;
}
.section-text:not(:last-child) {
    margin-bottom: 40px;
}
.section-text p {
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    margin: 0;
}
.section-text p:not(:last-child) {
    margin-bottom: 20px;
}
.section-text__top {
    display: flex;
    align-items: center;
    margin-bottom: 18px;
}
.section-text h2 {
    font-size: 28px;
    line-height: 38px;
    font-weight: 300;
    color: #0272bb;
    margin: 0;
    margin-right: 24px;
}
.section-text h3 {
    font-size: 16px;
    line-height: 24px;
    color: #0272bb;
    margin: 0 0 10px;
    font-weight: bold;
}
.section-text ul + .tags {
    margin-top: 43px;
}
.section-text ul li {
    font-size: 16px;
    line-height: 24px;
}

.section-text ul li:not(:last-child) {
    margin-bottom: 20px;
}
.section-text p a {
    color: #fd7211;
    text-decoration: underline;
}
.tags {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0 -10.5px -20px;
}
.tags li {
    margin: 0 10.5px 20px;
}
.tag {
    display: block;
    font-size: 12px;
    font-weight: bold;
    line-height: 17px;
    text-transform: uppercase;
    color: #ffffff !important;
    background-color: #fd7211;
    border-radius: 7px;
    padding: 5px 18px;
    text-align: center;
}
.tag--small {
    text-transform: capitalize;
}
.section-text span .mobile-hide {
    display: none;
}
@media (max-width: 768px) {
    .resources {
        padding: 28px 0 40px;
    }
    .resources__container {
        flex-direction: column;
        padding: 0;
        margin-bottom: 16px;
    }
    .resources__title {
        margin-bottom: 11px;
        margin-right: 0;
        max-width: unset;
    }
    .resources__title > * {
        font-size: 32px;
        line-height: 42px;
        text-align: center;
    }
    .resources__list {
        margin-bottom: 16px;
        padding-left: 29px;
    }
    .resources__list li {
        font-size: 16px;
        line-height: 22px;
    }
    .resources__list-link span {
        font-size: 16px;
        line-height: 22px;
    }
    .resources__language li {
        width: calc(100% / 3 - 27px);
    }
    .resources__language span {
        font-size: 10px !important;
        line-height: 14px !important;
        margin-bottom: 0 !important;
    }
    .section-text p {
        font-size: 14px;
        line-height: 22px;
    }
    .section-text span {
        font-size: 14px;
        text-align: center;
        margin-bottom: 11px;
    }
    .section-text__top {
        flex-direction: column;
    }
    .section-text h2 {
        font-size: 24px;
        line-height: 32px;
        margin-right: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    .tags {
        width: 100%;
        margin: 0;
    }
    .tags li {
        margin: 0;
        width: 100%;
    }
    .tags li:not(:last-child) {
        margin-bottom: 13px;
    }
    .tag {
        font-size: 15px;
        line-height: 20px;
        text-align: center;
        max-width: 450px;
        margin: 0 auto;
    }
}

.language-resource {
    padding: 41px 0 38px;
}
.language-resource .container {
    max-width: 1028px;
}
.language-resource__title {
    margin-bottom: 31px;
}
.language-resource__title > * {
    font-size: 54px;
    line-height: 70px;
    color: #0272bb;
    text-align: center;
    margin: 0;
    text-transform: uppercase;
}
.language-resource__wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 33px;
}
.language-resource__img {
    width: 100%;
    max-width: 317px;
    position: relative;
    margin-right: 37px;
    flex-shrink: 0;
}
.language-resource__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.language-resource__img > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 15px;
}
.language-resources__list {
    list-style: disc;
    color: #ffffff;
    padding-left: 30px;
}
.language-resources__list span {
    margin-left: 0;
}
.language-resource__block:not(:last-child) {
    margin-bottom: 40px;
}
.language-resource__block .tags {
    margin-bottom: 0;
    margin-top: 40px;
}
.language-resource__block .tags li {
    margin-bottom: 0;
}
.language-resource__info {
    display: flex;
    justify-content: space-between;
}
.language-resource__picture {
    max-width: 504px;
    width: 100%;
    position: relative;
    flex-shrink: 0;
    margin-left: 11px;
}
.language-resource__picture::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 100%;
}
.language-resource__picture > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.language-resource__info .section-text {
    margin-bottom: 0;
}
.language-resource__info .section-text ul {
    max-width: 78.8%;
}
.language-resource__info {
    margin-bottom: 60px;
}
.language-resource__place {
    margin-bottom: 42px;
}
.language-resource__place-img {
    max-width: 1028px;
    width: 100%;
    position: relative;
    margin-bottom: 28px;
}
.language-resource__place-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 26.2%;
}
.language-resource__place-img > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
/*****************************************************************/

.language-resource .section-text h2 {
    margin-bottom: 14px;
    margin-right: 0;
}
.language-resource .section-text ul li a:not(.tags li a) {
    color: #fd7211 !important;
    text-decoration: underline !important;
}
.language-resource.section-text ul {
    padding-left: 30px;
    margin-bottom: 0;
}
/*****************************************************************/
.cards {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16.5px -20px;
}
.cards > * {
    width: calc(100% / 3 - 33px);
    margin: 0 16.5px 20px;
}
.card-col-5 {
    margin: 0 -8px -20px;
}
.card-col-5 > * {
    width: calc(100% / 5 - 16px);
    margin: 0 8px 20px;
}
.card-col-5 .card__img {
    max-width: 183px;
}
.card-col-5 .card__img::before {
    padding-top: 100%;
}
.card {
    position: relative;
}
.card__img {
    max-width: 302px;
    width: 100%;
    position: relative;
    margin-bottom: 10px;
}
.card__img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 55.7%;
}
.card__img > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 10px;
}
.card .section-text h3 {
    color: #fd7211;
    text-decoration: underline;
    margin: unset;
}
.card__link {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}
.card-col-4 {
    margin: 0 -10px -20px;
}
.card-col-4 > * {
    width: calc(100% / 4 - 20px);
    margin: 0 10px 20px;
}
.card-col-4 .card__img {
    max-width: 189px;
}
.card-col-4 .card__img::before {
    padding-top: 100%;
}
.card__img--small {
    max-height: 209px;
}
.card__img--small::before {
    padding-top: 70%;
}
.card__img--small > * {
    border-radius: 0;
    object-fit: contain;
    object-position: left bottom;
}
.cards--offset {
    padding-left: 27px;
}

.language-resource__picture {
    width: 50%;
    align-self: flex-start;
}

/*****************************************************************/
@media (max-width: 768px) {
    .language-resource {
        padding: 28px 0 41px;
    }
    .language-resource__title {
        margin-bottom: 28px;
    }
    .language-resource__title > * {
        font-size: 32px;
        line-height: 42px;
    }
    .language-resource__wrapper {
        flex-direction: column-reverse;
        margin-bottom: 28px;
    }
    .language-resource__img {
        margin-right: 0;
        margin-top: 28px;
    }
    .language-resource__img::before {
        padding-top: 57%;
    }
    .language-resource__info {
        flex-direction: column;
        margin-bottom: 17px;
    }
    .language-resource__picture {
        max-width: unset;
        margin-left: -10%;
        width: calc(100% + 20%);
    }
    .language-resource__picture::before {
        padding-top: 47.6%;
    }
    /*****************************************************************/
    .cards {
        margin: 0;
    }
    .card-col-5 {
        margin: 0;
    }
    .card:not(:last-child) {
        margin-bottom: 20px;
    }
    .card-col-5 > * {
        width: 100%;
        margin: 0;
    }
    .cards > * {
        width: 100%;
        margin: 0;
        display: flex;
        align-items: flex-start;
    }
    .card__img {
        max-width: 72px !important;
        flex-shrink: 0;
        margin-right: 8px;
    }
    .card__img {
        margin-bottom: 0;
    }
    .card-col-5 {
        flex-direction: column;
    }
    .cards--offset {
        padding-left: 0;
    }
    .cards-mobile > * {
        flex-direction: column;
    }
    .cards-mobile .card__img {
        margin-right: 0;
        width: 100%;
        margin-bottom: 10px;
        max-width: 100% !important;
    }
    .cards-mobile .card__img::before {
        padding-top: 49.7%;
    }
    .card .section-text p {
        margin-bottom: 0;
    }
    /*****************************************************************/

    .language-resource .section-text h2 {
        text-align: left;
    }
    .section-text ul {
        padding-left: 15px;
    }
    .section-text ul.tags {
        padding-left: 0;
    }
    .section-text:not(:last-child) {
        margin-bottom: 20px;
    }
}

@media (min-width: 769px) {
    .mobile-show {
        display: none !important;
    }
}
@media (max-width: 768px) {
    .mobile-hide {
        display: none !important;
    }
}

.language-resource__wrapper {
    align-items: flex-start;
}
.language-resource__wrapper > .section-text {
    align-self: center;
}

.certificate {
    width: 100% !important;
}
.certificate__wrapper {
    display: flex;
}
.certificate__wrapper > * {
    width: 50%;
}
.certificate__picture {
    width: 50%;
    position: relative;
    padding-right: 37px;
    display: flex;
    align-items: center;
    padding-left: 15px;
}
.certificate__picture-bg {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
}
.certificate__picture-bg > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.certificate__picture-img {
    max-width: 573px;
    position: relative;
    width: 73%;
    margin-left: auto;
}
.certificate__picture-img::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 71.1%;
}
.certificate__picture-img > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.certificate__content {
    padding: 70px 15px 66px 86px;
}
.certificate__content-inner {
    width: 73%;
    max-width: 432px;
}
.certificate__title {
    margin-bottom: 15px;
    color: #464646;
    border-bottom: 1px solid #464646;
    padding-bottom: 5.5px;
}
.certificate__title > * {
    font-size: 34px;
    line-height: 44px;
    font-weight: bold;
    margin: 0;
}
.certificate__lang > * {
    font-size: 17px;
    line-height: 26px;
    color: #ec7a34;
    font-weight: bold;
    text-transform: uppercase;
}
.certificate__text {
    font-size: 17px;
    line-height: 26px;
    margin-bottom: 13px;
    color: #464646;
}
.certificate__list {
    margin-bottom: 25px;
    list-style: none;
    padding: 0;
    color: #464646;
}
.certificate__list li {
    font-size: 13px;
    line-height: 21px;
    display: flex;
    align-items: center;
}
.certificate__list b {
    margin-right: 5px;
}
.certificate__list li::before {
    content: "";
    background: url("../images/certificate/li-bg.png");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 14px;
    height: 14px;
    display: block;
    margin-right: 12px;
}
.certificate__link-title {
    margin-bottom: 7px;
}

.certificate__link-title > * {
    font-size: 13px;
    line-height: 26px;
    font-weight: bold;
    color: #3874b3;
    margin: 0;
}

.certificate__link-list {
    list-style: none;
    display: flex;
    align-items: center;
    margin-bottom: 41px;
    padding: 0;
}
.certificate__link a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 33px;
    height: 33px;
    border-radius: 7px;
    background-color: #3874b3;
}
.certificate__link-list li:not(:last-child) {
    margin-right: 8px;
}
.certificate__link-list img {
    width: 80%;
    height: 80%;
    object-fit: contain;
}
.certificate__block {
    max-width: 432px;
    width: 100%;
    background: #3874b3;
    border-radius: 10px;
    display: flex;
    color: #fff;
}
.certificate__block-picture {
    max-width: 198px;
    width: 100%;
    position: relative;
}
.certificate__block-picture::before {
    content: "";
    display: block;
    width: 100%;
    padding-top: 114.7%;
}
.certificate__block-picture > * {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}
.certificate__block-text {
    padding: 16px 22px 12px;
}
.certificate__block-title {
    margin-bottom: 5px;
}
.certificate__block-title > * {
    font-size: 17px;
    line-height: 24px;
    font-weight: bold;
    margin: 0;
}
.certificate__wrapper-title > * {
    font-size: 11px;
    line-height: 16px;
    font-weight: bold;
    margin: 0;
    text-transform: uppercase;
}
.certificate__wrapper-list {
    margin-bottom: 19px;
    padding-left: 10px;
}
.certificate__wrapper-list li {
    font-size: 11px;
    line-height: 16px;
}
.certificate__block-button {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.certificate__block-button a {
    background-color: #f37008;
    text-transform: uppercase;
    border-radius: 10px;
    padding: 7.4px;
    font-size: 15px;
    line-height: 26px;
    font-weight: bold;
    color: #fff;
    width: 100%;
    text-align: center;
}
@media (max-width: 1080px) {
    .certificate__wrapper {
        flex-direction: column;
    }
    .certificate__picture {
        width: 100%;
        padding: 45px 20px 19px;
    }
    .certificate__picture-img {
        margin: auto;
    }
    .certificate__content {
        margin: auto;
        padding: 40px 20px;
    }
    .certificate__content-inner {
        margin: auto;
    }
    .certificate__wrapper > * {
        width: 100%;
    }
}
@media (max-width: 768px) {
    .certificate__content {
        text-align: center;
    }
    .certificate__content-inner {
        width: 100%;
        margin: auto;
    }
    .certificate__wrapper > * {
        width: 100%;
    }
    .certificate__content-inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .certificate__title {
        padding-bottom: 9.5px;
        margin-bottom: 17px;
    }
    .certificate__title > * {
        font-size: 20px;
        line-height: 44px;
    }
    .certificate__lang {
        font-size: 14px;
        line-height: 18px;
    }
    .certificate__text {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 16px;
    }
    .certificate__link-title {
        margin-bottom: 13px;
    }
    .certificate__link-list {
        margin-bottom: 37px;
    }
    .certificate__title {
        width: 100%;
    }
    .certificate__block-text {
        text-align: left;
        padding: 22px 13px 23px;
    }
    .certificate__block-picture {
        width: 33%;
        flex-shrink: 0;
    }
    .certificate__list {
        margin-bottom: 14px;
    }
    .certificate__block {
        position: relative;
        padding-bottom: 42px;
    }
    .certificate__block {
        padding-bottom: 30px;
    }
    .certificate__block-text {
        padding: 16px 22px 23px;
    }
    .certificate__block-button {
        position: absolute;
        bottom: 0;
        left: 0;
    }
    .certificate__lang > * {
        font-size: 14px;
        line-height: 18px;
    }
}

.convince-banner {
    position: relative;
    overflow: hidden;
}
.convince-banner__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.convince-banner__bg img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.convince-banner__container {
    display: flex;
    align-items: center;
}
.convince-banner__content {
    display: flex;
    width: 50%;
    margin-right: 16%;
}
.convince-banner__content::after {
    content: "";
    position: absolute;
    width: 800px;
    height: 800px;
    background-image: url("../images/banners/convince-banner_gradient.png");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    transform: translateX(20%);
    z-index: 1;
    top: -120px;
}
.convince-banner__title {
    margin: 45px 0;
    background: #1876b8;
    font-size: 36px;
    line-height: 49px;
    color: #fff;
    padding: 12px 20px;
    width: 100%;
    flex-shrink: 0;
}
.convince-banner__img {
    width: 50%;
    flex-shrink: 0;
    min-width: 300px;
    margin-left: -31%;
    margin-top: -45px;
    margin-bottom: -25px;
    position: relative;
    z-index: 2;
}
.convince-banner__img img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: bottom;
}
.convince-banner__title > * {
    width: 68%;
    display: block;
}
.convince-banner .language-city-header__cta {
    margin: 0;
}
.convince-banner__btn {
    position: relative;
    z-index: 2;
}

@media (max-width: 991px) {
    .convince-banner {
        padding-bottom: 44px;
    }
    .convince-banner__content {
        margin-right: 0;
        min-width: 250px;
    }

    .convince-banner__img img {
        height: 100%;
        object-fit: contain;
        object-position: bottom;
    }

    .convince-banner__img {
        margin-left: 0;
        min-width: 300px;
        position: relative;
        z-index: 2;
    }

    .convince-banner__container {
        align-items: flex-start;
        background: #1876b8;
        flex-direction: column;
        margin: 0 -15px;
        padding: 20px;
    }

    .convince-banner__title {
        margin: 0;
        padding: 0;
        position: relative;
        z-index: 3;
        background: transparent;
    }
    .convince-banner__title > * {
        width: 100%;
    }
    .convince-banner__content {
        position: relative;
        width: 100%;
        margin-bottom: 20px;
    }
    .convince-banner__img {
        position: absolute;
        right: -20px;
        bottom: -127px;
        top: 0;
    }
    .convince-banner__title {
        width: 50%;
        min-width: 250px;
    }
    .convince-banner__img img {
        object-position: bottom right;
    }
}

@media (max-width: 768px) {
    .pre-footer__title {
        text-align: center;
    }
    .convince-banner__title {
        font-size: 24px;
        line-height: 33px;
    }

    .convince-banner__content {
        margin-bottom: 13px;
    }
    .convince-banner__img {
        bottom: -114px;
        margin-top: 0;
    }
    .convince-banner .language-city-header__cta {
        padding: 7px 30px;
    }

    .language-city-header__heading {
        font-size: 42px;
        line-height: 50px;
        margin: 0;
    }

    .language-city-header {
        padding: 40px 0 50px;
    }

    .language-city-stats__flex > :not(.language-city-header__cta) {
        max-width: 100%;
    }

    .convince-banner__title {
        min-width: 235px;
    }
    .convince-banner__btn {
        position: relative;
        z-index: 3;
    }
    .convince-banner__content::after {
        transform: translateX(18%);
        top: -300px;
    }
}

@media (max-width: 468px) {
    .convince-banner__container {
        margin: 0;
    }
}

.convince {
    width: 100%;
    position: relative;
    padding: 60px 0;
}

.convince__title > * {
    text-transform: capitalize;
    margin: 0;
    font-size: 36px;
    line-height: 49px;
    color: #ffffff;
    font-weight: bold;
}

.convince__text > * {
    font-size: 22px;
    line-height: 30px;
    color: #fff;
}

.convince__form {
    margin-top: 25px;
}

.convince__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

.convince__bg > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.convince__img {
    position: absolute;
    right: 30px;
    bottom: 0;
    top: -20px;
    z-index: 2;
    pointer-events: none;
    width: 50vw;
}

.convince__img > * {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: right bottom;
}

.convince__content {
    width: 70%;
    max-width: 710px;
    padding: 30px 32px 20px;
    background: #1876b8;
}

.convince__form-input {
    width: 100%;
    max-width: 320px;
    margin-bottom: 16px;
}

.input .control-label {
    margin-bottom: 3.5px;
    font-size: 11px;
    line-height: 12px;
    color: #fff;
    font-weight: bold;
    font-family: Arial;
}

.input .form-group {
    margin-bottom: 0;
}
.input .form-control {
    height: 37px;
    border: none !important;
    border-radius: 10px !important;
    box-shadow: none;
    outline: none !important;
    padding: 5px 16px;
    font-size: 13px;
    line-height: 15px;
}
.button {
    border: none;
    outline: none;
    padding: 7px 25px;
    font-weight: bold;
    font-size: 16px;
    line-height: 22px;
    border-radius: 10px;
    background: #fd7211;
    color: #fff;
}

.convince__form-submit {
    margin-top: 20px;
}

.convince__form-text > * {
    font-size: 14px;
    line-height: 19px;
    color: #fff;
}

.convince__form-text > :last-child {
    margin-bottom: 0;
}

.convince__form-text {
    margin-top: 18px;
    width: 80%;
}

.convince + .reviews-slider {
    background: #f0f0f0;
}

@media (max-width: 991px) {
    .convince__img {
        position: static;
        width: 50vw;
        max-width: 400px;
        margin: 0 auto;
    }

    .convince {
        padding: 0 0 60px;
    }

    .convince__content {
        width: 100%;
        max-width: unset;
    }
}
@media (max-width: 768px) {
    .convince {
        padding: 0;
    }
    .convince .container {
        width: 100% !important;
    }
    .convince__img {
        width: 65vw;
    }

    .convince__content {
        padding: 25px 25px 40px;
        margin: 0 -15px;
        width: calc(100% + 30px);
    }

    .convince__title {
        margin-bottom: 13px;
    }

    .convince__title > * {
        font-size: 32px;
        line-height: 43px;
        text-align: center;
    }

    .convince__text > * {
        font-size: 16px;
        line-height: 22px;
    }

    .convince__form {
        margin: 13px auto 0;
        max-width: 500px;
    }

    .convince__form-input {
        max-width: unset;
    }

    .button {
        width: 100%;
    }

    .convince__form-submit {
        margin-top: 26px;
    }

    .convince__form-text {
        width: 100%;
    }

    .convince__form-text > * {
        font-size: 12px;
        line-height: 17px;
    }

    .convince__text {
        max-width: 500px;
        margin: 0 auto;
    }
}

@media (max-width: 468px) {
    .convince__content {
        margin: 0;
        width: 100%;
    }
}

.convince-success {
    padding: 110px 0;
    width: 100%;
    text-align: center;
    position: relative;
}
.convince-success__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.convince-success .container {
    width: 100%;
    max-width: 980px;
}
.convince-success__bg > * {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.convince-success__title {
    margin-bottom: 26px;
}
.convince-success__title > * {
    font-size: 51px;
    line-height: 62px;
    font-weight: 600;
    margin: 0;
    color: #1876b8;
}
.convince-success__text:not(:last-child) {
    margin-bottom: 20px;
}
.convince-success__text {
    padding: 10px 25px;
}
.convince-success__text > * {
    font-size: 24px;
    line-height: 32px;
    color: #6e6e6e;
    margin: 0;
}

.convince-success__text--border {
    border: 1px solid #707070;
    border-radius: 20px;
}

.input__error {
    font-size: 10px;
    color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: translateY(100%);
}
.convince__form-input {
    position: relative;
}

@media (max-width: 991px) {
    .convince-success {
        padding: 95px 0 85px;
    }
    .convince-success .container {
        padding: 0 15px !important;
    }
    .convince-success__bg > * {
        object-fit: cover;
    }
    .convince-success__title > * {
        font-size: 28px;
        line-height: 32px;
    }

    .convince-success .container {
        max-width: 700px;
    }

    .convince-success__title {
        margin-bottom: 14px;
    }

    .convince-success__text > * {
        font-size: 18px;
        line-height: 24px;
    }

    .convince-success__text:not(:last-child) {
        margin-bottom: 0;
    }

    .convince-success__text {
        padding: 12px;
    }
}

.language-city-header__top-content {
    justify-content: space-between;
    margin-bottom: 35px;
}
.language-city-header__heading {
    margin-bottom: 15px;
    display: block;
}
.language-city-header__cta {
    padding: 14px 51px;
    margin-bottom: 20px;
    min-width: 390px;
    font-size: 19px;
    line-height: 26px;
}
.language-city-header__images {
    position: relative;
    margin-left: 88px !important;
    width: 280px;
}
.language-city-header__img {
    margin-left: unset;
}
.language-city-header__top-content div {
    margin: unset;
}
.flag-overlay {
    margin: unset;
    top: 10px;
    left: 10px;
}
.language-city-header__wrapper {
    max-width: 575px;
}
.language-city-header__block {
    padding: 10px 20px 10px 26.5px;
    border: 0.5px solid #707070;
    border-radius: 10px;
    color: #707070;
}
.language-city-header__block-title > * {
    font-size: 16px;
    line-height: 27px;
    font-weight: bold;
}
.language-city-header__block-text > * {
    font-size: 14px !important;
    line-height: 20px !important;
    font-style: italic;
    margin-bottom: unset;
    text-align: unset !important;
}
.language-city-header__block:not(:last-child) {
    margin-bottom: 10px;
}
@media (max-width: 1000px) {
    .language-city-header__top-content {
        flex-direction: column-reverse;
        margin-bottom: 25px;
        align-items: unset;
    }
    .language-city-header__images {
        margin: 0 auto 15px !important;
    }
    .language-city-header__img {
        margin: 0;
    }
    .language-city-header__cta {
        margin: 0 0 15px;
    }
    .language-city-header__wrapper {
        margin: 0 auto !important;
    }
    .language-city-header__heading {
        font-size: 34px;
        line-height: 40px;
    }
    .language-city-header__cta {
        font-size: 15px;
        line-height: 20px;
        padding: 19px 47px;
    }
    .language-city-header__block {
        padding: 12px 12px;
    }
    .language-city-header__block-title {
        line-height: 22px;
    }
    .language-city-header__cta {
        min-width: unset;
    }
}

.banner-valentines {
    width: 100%;
}
.banner-valentines__container {
    display: flex;
}
.banner-valentines__img {
    width: 50%;
    position: relative;
}
.banner-valentines__content {
    width: 50%;
}

.banner-valentines  a:hover,
.banner-valentines  a:focus,
.banner-valentines  a:visited,
a.valentinesLink,
a.valentinesLink:hover,
a.valentinesLink:focus,
a.valentinesLink:visited{
    text-decoration: none;
}

.banner-valentines__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-valentines__img-el {
    position: absolute;
    width: 34.5%;
    top: 0;
    left: 0;
    transform: translateX(-50%);
}
.banner-valentines__img-el > img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.banner-valentines__content {
    position: relative;
    font-family: Open sans;
    padding: 68px 0 70px;
}
.banner-valentines__img {
    flex-shrink: 0;
}
.banner-valentines__img > img {
    position: absolute;
    top: 0;
    left: 0;
}
.banner-valentines__content-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.banner-valentines__content-img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-valentines__content-img {
    z-index: -1;
}
.banner-valentines__title-img-1 {
    position: absolute;
}
.banner-valentines__title-img-2 {
    position: absolute;
    right: -25px;
    bottom: 45px;
    width: 30%;
}
.banner-valentines__title b,
.banner-valentines__title strong {
    font-weight: 900;
}
.banner-valentines__title > * {
    margin: 0;
    line-height: 60px;
}
.banner-valentines__subtitle > * {
    font-size: 52px;
    line-height: 70px;
    font-weight: 900;
    color: #fff;
}
.banner-valentines__text > * {
    margin: 0 auto;
    max-width: 620px;
}
.banner-valentines__title-img-1 {
    line-height: 0;
    position: absolute;
    width: 224px;
    left: 0;
}
.banner-valentines__title-img-1 > img {
    width: 100%;
}
.banner-valentines__title-img-1 {
    top: 26px;
    transform: translateX(-50%);
}
.banner-valentines__title-img-2 > img {
    width: 100%;
}
.banner-valentines__title-img-2 {
    transform: translateX(50%);
}
.banner-valentines__text > * {
    font-size: 20px;
    line-height: 25px;
    color: #fff;
    font-style: italic;
    margin: 0 auto;
    max-width: 620px;
}
.banner-valentines__subtitle {
    max-width: 790px;
    text-align: center;
    margin-bottom: 28px;
}
.banner-valentines__text {
    max-width: 790px;
    text-align: center;
    margin-top: 14px;
}
.banner-valentines__title {
    position: relative;
    width: max-content;
    max-width: 100%;
    padding: 30px 50px 27px 100px;
    background: #fff;
    border-radius: 24px;
    margin-left: -50px;
    font-size: 58px;
    line-height: 34px;
    color: #e5517b;
    text-align: center;
}
@media (max-width: 1700px) {
    .banner-valentines__title {
        font-size: 50px;
    }

    .banner-valentines__title > * {
        line-height: 54px;
    }

    .banner-valentines__subtitle {
        max-width: 639px;
        padding: 0 20px;
    }

    .banner-valentines__text {
        max-width: 639px;
        padding: 0 20px;
    }

    .banner-valentines__subtitle > * {
        font-size: 40px;
        line-height: 50px;
    }

    .banner-valentines__text > * {
        font-size: 18px;
        padding: 0 20px;
    }

    .banner-valentines__title-img-1 {
        width: 180px;
    }

    .banner-valentines__title-img-2 {
        width: 26%;
    }
}
@media (max-width: 1440px) {
    .banner-valentines__title {
        font-size: 42px;
    }
}
@media (max-width: 1280px) {
    .banner-valentines__title {
        font-size: 33px;
    }
    .banner-valentines__title > * {
        line-height: 40px;
    }
    .banner-valentines__text {
        max-width: 493px;
    }
    .banner-valentines__subtitle > * {
        font-size: 30px;
        line-height: 35px;
    }
    .banner-valentines__subtitle {
        max-width: 494px;
    }
    .banner-valentines__text > * {
        font-size: 16px;
        line-height: 21px;
    }
}
@media (max-width: 1080px) {
    .banner-valentines__title {
        font-size: 28px;
    }
    .banner-valentines__title > * {
        line-height: 34px;
    }
    .banner-valentines__subtitle {
        max-width: 437px;
    }
    .banner-valentines__subtitle > * {
        font-size: 24px;
        line-height: 26px;
    }
    .banner-valentines__text > * {
        font-size: 14px;
    }
    .banner-valentines__text {
        max-width: 431px;
    }
}
@media (max-width: 991px) {
    .banner-valentines__container {
        flex-direction: column;
    }

    .banner-valentines__img {
        width: 100%;
    }

    .banner-valentines__content {
        width: 100%;
    }

    .banner-valentines__content {
        padding: 10px 0 15px;
    }

    .banner-valentines__subtitle > * {
        font-size: 20px;
        line-height: 27px;
    }
    .banner-valentines__subtitle {
        max-width: 100%;
    }
    .banner-valentines__text > * {
        font-size: 11px;
        line-height: 14px;
    }
    .banner-valentines__title {
        font-size: 22px;
        line-height: 23px;
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .banner-valentines__title > * {
        line-height: 25px;
    }
    .banner-valentines__subtitle {
        margin-bottom: 7px;
    }

    .banner-valentines__text > * {
        padding: 0;
    }
    .banner-valentines__title-img-2 {
        width: 130px;
        bottom: -10px;
        right: -19px;
    }
    .banner-valentines__title {
        padding: 10px 35px;
        border-radius: 16px;
    }

    .banner-valentines__img-el {
        top: unset;
        left: -45px;
        transform: none;
        bottom: -24px;
    }

    .banner-valentines__title-img-1 {
        display: none;
    }
    .banner-valentines__img::before {
        content: "";
        display: block;
        width: 100%;
        padding-top: 52%;
    }
    .banner-valentines__img {
        max-height: 250px;
    }
    .banner-valentines__img-el {
        max-width: 140px;
    }
    .banner-valentines__text {
        margin: 14px auto 0;
    }
}

.banner-valentines-big {
    width: 100%;
    position: relative;
    padding: 115px 8%;
    cursor: pointer;
}

.banner-valentines-big a:hover,
.banner-valentines-big a:focus {
    text-decoration: unset;
}

.banner-valentines-big__container {
}
.banner-valentines-big__bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}
.banner-valentines-big__bg > * {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-valentines-big__title {
    max-width: 558px;
}
.banner-valentines-big__title > * {
    font-family: "Open Sans";
    font-size: 60px;
    line-height: 62px;
    color: #fff;
}
.banner-valentines-big__title b {
    font-weight: 900;
}

.banner-valentines-big__content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.banner-valentines-big__text {
    font-size: 65px;
    line-height: 67px;
    max-width: 527px;
    margin-bottom: 14px;
    color: #fff;
}

.banner-valentines-big__block:last-child {
    text-align: right;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.banner-valentines-big__descr > * {
    font-size: 24px;
    line-height: 25px;
    color: #fff;
    margin: 0;
    font-style: italic;
    font-weight: 300;
}
.banner-valentines-big {
    font-family: "Open sans";
}

.banner-valentines-big__bg > * {
    object-fit: fill;
}

.banner-valentines-big__bg {
    z-index: -2;
}

.banner-valentines-big__descr {
    max-width: 499px;
    margin-top: 14px;
}
.banner-valentines-big__img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    z-index: -1;
}
.banner-valentines-big {
    overflow: hidden;
}

.banner-valentines-big__block {
    width: 37%;
}
.banner-valentines-big__img {
    transform: translateY(-50%);
    width: 100%;
    left: 0;
    height: 100%;
}
.banner-valentines-big__img > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
@media (max-width: 1600px) {
    .banner-valentines-big__title > * {
        font-size: 40px;
        line-height: 45px;
    }

    .banner-valentines-big__text {
        font-size: 42px;
        line-height: 52px;
        max-width: 355px;
    }

    .banner-valentines-big__descr > * {
        font-size: 18px;
    }

    .banner-valentines-big__descr {
        max-width: 378px;
    }
}
@media (max-width: 1440px) {
    .banner-valentines-big {
        padding: 75px 8%;
    }
    .banner-valentines-big__descr > * {
        font-size: 14px;
    }
    .banner-valentines-big__text {
        font-size: 32px;
        line-height: 42px;
        max-width: 266px;
    }
    .banner-valentines-big__title > * {
        font-size: 30px;
        line-height: 35px;
    }
    .banner-valentines-big__descr > * {
        line-height: 18px;
    }

    .banner-valentines-big__descr {
        margin-top: 0px;
    }

    .banner-valentines-big__img {
        width: 90%;
        left: 5%;
    }
}
@media (max-width: 768px) {
    .banner-valentines-big {
        padding: 48px 18px 90px;
    }
    .banner-valentines-big__title > * {
        font-size: 24px;
        line-height: 25px;
    }
    .banner-valentines-big__text {
        font-size: 26px;
        line-height: 27px;
    }
    .banner-valentines-big__descr > * {
        font-size: 9px;
        line-height: 10px;
    }
    .banner-valentines-big__img {
        width: 406px;
        left: unset;
        right: 0;
    }

    .banner-valentines-big__content {
        align-items: flex-start;
        flex-direction: column;
    }

    .banner-valentines-big__block {
        width: 100%;
    }

    .banner-valentines-big__block:last-child {
        text-align: left;
        display: block;
    }

    .banner-valentines-big__title {
        width: 68%;
    }

    .banner-valentines-big__img > img {
        width: auto;
        height: 126%;
        position: absolute;
        bottom: 0;
    }
    .banner-valentines-big__block:not(:last-child) {
        margin-bottom: 10px;
    }
    .banner-valentines-big__text {
        width: 63%;
    }
    .banner-valentines-big__descr {
        width: 54%;
    }

    .banner-valentines-big__block:not(:last-child) {
        margin-bottom: 10px;
    }
    .banner-valentines-big__title {
        min-width: 225px;
    }
    .banner-valentines-big {
        padding: 48px 18px;
        min-height: 352px;
    }
}