.button:hover, .link-dotted, .link-dotted:hover, a:active, a:focus {
    text-decoration: none
}

.advance-menu li.active::after, .header-main-nav li.active::after, .inner-list::before, .location-overlay {
    content: ""
}

@font-face {
    font-family: ClearSans;
    src: url(/fonts/ClearSans-Regular.ttf)
}

@font-face {
    font-family: ClearSans;
    src: url(/fonts/ClearSans-Bold.ttf);
    font-weight: 700
}

@font-face {
    font-family: ClearSans;
    src: url(/fonts/ClearSans-Medium.ttf);
    font-weight: 500
}

@font-face {
    font-family: ClearSans;
    src: url(/fonts/ClearSans-BoldItalic.ttf);
    font-weight: 700;
    font-style: italic
}

@font-face {
    font-family: Exo2;
    src: url(/fonts/exo2/Exo2-Regular.ttf)
}

@font-face {
    font-family: Exo2;
    src: url(/fonts/exo2/Exo2-Light.ttf);
    font-weight: 300
}

@font-face {
    font-family: Exo2;
    src: url(/fonts/exo2/Exo2-Medium.ttf);
    font-weight: 500
}

@font-face {
    font-family: Exo2;
    src: url(/fonts/exo2/Exo2-SemiBold.ttf);
    font-weight: 600
}

@font-face {
    font-family: Exo2;
    src: url(/fonts/exo2/Exo2-Bold.ttf);
    font-weight: 700
}

@font-face {
    font-family: Exo2;
    src: url(/fonts/exo2/Exo2-ExtraBold.ttf);
    font-weight: 800
}

@font-face {
    font-family: Exo2;
    src: url(/fonts/exo2/Exo2-Black.ttf);
    font-weight: 900
}
.container-main-header{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.country {
    display: inline-block;
    width: 20px;
    height: 20px;
    overflow: hidden;
    vertical-align: text-bottom;
    margin-right: 9px;
    position: relative
}

.breadcrumbs.custom {
    background: #ffffff;
    margin: 0;
    padding: 20px 88px 0;
    width: 100%
}

.banner-courses {
    min-height: 400px;
    background: #ffffff;
    display: table
}

main {
    min-height: 53vh;
}

.left-block-courses, .right-block-courses {
    width: 49%;
    display: table-cell;
    vertical-align: middle
}

.banner-courses h3 {
    color: #0099d9;
    text-transform: uppercase
}

.left-block-courses {
    padding-left: 70px
}

#search_result {
    min-height: 250px
}

.left-block-courses h1 {
    color: #0099d9;
    text-align: left;
    margin: 20px 0
}

.right-block-courses h2 {
    color: #0099d9
}
.comingsoon-list{
     background: orange;
     padding: 3px 5px;
     font-size: 10px;
     border-radius: 10px;
     font-weight: 500;
     position: relative;
     top: -7px;
     color:white;
     margin-left:5px;
 }
.new-list{
    background: #e3048a;
    padding: 3px 5px;
    font-size: 10px;
    border-radius: 10px;
    font-weight: 500;
    position: relative;
    top: -7px;
    color:white;
    margin-left:5px;
}
.regions {
    display: inline
}

.regions-inline {
    display: inline;
    font-size: 1.3em
}

.right-block-courses h2 strong {
    width: 100%;
    font: 700 34px Exo2;
    text-transform: uppercase;
    text-align: center;
    letter-spacing: .03em;
    margin: 60px 0;
    color: #ff008c
}

.country img {
    position: absolute;
    top: 0;
    left: 0
}

.free-call, .header-main-nav, .header-main-nav li.active, .responsive-menu, body, header .header-center .container {
    position: relative
}

.kz img {
    left: -20px
}

.az img {
    left: -100px;
    top: -20px;
}

.country-az img {
    left: -100px;
    top: -20px;
}

.country-kz img {
    left: -20px
}

.country-ua img {
    left: -40px;
}

.ua img {
    left: -40px;
}

.ru img {
    left: 0
}

.country-1 img {
    left: -60px
}

.country-2 img {
    left: -80px
}

.country-bel img {
    left: -100px
}

.country-4 img {
    top: -20px;
    left: 0
}

.country-5 img {
    top: -20px;
    left: -20px
}

.country-6 img {
    top: -20px;
    left: -40px
}

.country-7 img {
    top: -20px;
    left: -60px
}

.country-8 img {
    top: -20px;
    left: -80px
}

* {
    font: 400 16px ClearSans;
    outline: 0
}

.no-upper {
    font-size: inherit;
    line-height: inherit;
    color: inherit;
    text-transform: none;
    font-weight: inherit
}

.h2-caption, a, a:hover {
    color: #0099d6
}

.advance-menu a, .advance-menu li.active, .banner-wrapper, .button, .h2-caption, .header-caption, .header-main-nav {
    text-transform: uppercase
}

.button, .free-call, .h2-caption, .header-caption {
    font-weight: 700
}

.free-call {
    font-size: 15px;
    display: inline-block;
    top: -3px
}

.responsive-menu {
    z-index: 300
}

.widgets_offline_apps ul {
    list-style: none;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    margin: 10px 0;
    padding: 0
}

.widgets_offline_apps ul > li {
    background: url(/img/stores_app_offline.png) no-repeat;
    width: 150px;
    height: 45px;
    background-size: 150px;
    display: flex;
    align-items: center
}

.widgets_offline_apps ul > li a {
    display: block;
    height: 100%;
    width: 100%
}

.hamburger, main.page-404 .breadcrumbs {
    display: none
}

.widgets_offline_apps ul > li:hover {
    opacity: .8
}

.widgets_offline_apps ul > li.playstore {
    background-position: 0 3px
}

.widgets_offline_apps ul > li.appstore {
    background-position: 0 -44px
}

.widgets_offline_apps ul > li.windowsos {
    background-position: 0 -91px
}

.widgets_offline_apps ul > li.amakidscom {
    background-position: 0 -138px
}

html {
    overflow-x: hidden
}

body {
    background: url(/img/background__3.png) #f1f6f9;
    padding-top: 1px
}

main {
    background: linear-gradient(to top, #ffffff 0, transparent 300px, transparent 100%)
}

main.page-404 {
    background-color: #ffffff
}

a:active, a:focus {
    outline: 0
}

.h2-caption {
    font-family: Exo2;
    font-size: 34px
}

.button, .inner-list a, .inner-list a:focus {
    color: #ffffff
}

.glyphicon {
    margin-right: 12px
}

.link-dotted {
    border-bottom: 1px dotted #0099d6;
    font-size: 15px
}

.link-dotted:hover {
    border-bottom: none
}

.glyphicon-triangle-bottom, .glyphicon-triangle-top {
    font-size: 10px;
    margin-left: 5px
}

.button {
    border: none;
    border-radius: 4px;
    height: 50px;
    padding: 0 45px;
    line-height: 50px;
    font-size: 14px
}

header {
    background: #ffffff
}

.header-logo {
    width: 200px;
    margin-top: 12px
}

.header-logo img {
    width: 100%;
    height: auto;
    background: 0 0
}

.header-section {
    min-height: 135px;
    margin-left: auto;
    width: auto;
}
.header-top{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin: 5px 0 0 0;
}

.loader {
    background: url(/img/logo_amakids.png) no-repeat rgba(0, 153, 214, 0.33) center center;
    background-size: 200px;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.loaderArea {
    background: radial-gradient(white, #0099d6e6);
    overflow: hidden;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    z-index: 100000
}

.loaderr {
    background: url(/img/abacus.svg) no-repeat;
    background-size: contain;
    background-position: center center;
    position: fixed;
    width: 16%;
    height: 16%;
    left: 42%;
    top: 42%
}


.header-franchise {
    margin-right: 40px
}

.amakids-olympic img {
    width: 300px;
    border-radius: 15px;
    margin-right: 50px
}

.amakids-olympic-middle {
    display: none
}
.courses-widget{
    display: flex;
    align-items: stretch;
    justify-content: center;
    flex-wrap: wrap;
    margin-bottom: 60px;
}
.item-course{
    width: 240px;
    padding: 5px;
}


@media (max-width: 1199px) {
    .amakids-olympic {
        display: none
    }

    .amakids-olympic-middle {
        display: block;
        text-align: center;
        margin-bottom: 20px
    }

    .amakids-olympic-middle img {
        max-width: 500px
    }
}

@media (max-width: 767px) {
    #search_result {
        min-height: 160px;
        max-height: 50vh;
    }

    .amakids-olympic-middle img {
        max-width: 100%
    }

    .widgets_offline_apps ul {
        list-style: none;
        display: block;
        width: 150px;
        padding: 0;
        margin: 20px auto
    }

    .widgets_offline_apps ul > li {
        margin: 10px 0
    }
}




.header-city {
    cursor: pointer;
    background: #ffffff
}

.header-franchise a {
    text-decoration: underline;
    font-size: 15px
}

.header-franchise a:hover, .header-main-nav li.active a:hover, .inner-list a:hover {
    text-decoration: none
}

.header-middle {
    display: flex;
    justify-content: space-between;
    color: #e11891
}

.header-caption {
    font-size: 23px;
    margin: 30px 0 0 20px
}

.header-phone {
    text-align: right;
    margin-top: 10px;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}

.footer-center, .footer-middle {
    text-align: center
}

.moscowroystat, .number {
    font: 700 23px ClearSans
}

.inner-list a, .time {
    font-size: 14px
}
.header-phone a {
    font: 700 23px ClearSans;
    color: #e11891
}

.header-container {
    border-bottom: 1px solid #d9e4ea
}

.header-main-nav {
    display: flex;
    justify-content: space-between;
    margin: 0;
    z-index: 110
}

.header-main-nav li {
    padding: 9px 0 11px;
    position: relative
}

.header-main-nav .glyphicon-triangle-bottom {
    margin-right: 0
}

.header-main-nav a {
    font-size: 15px
}

.header-main-nav a:focus {
    color: #ffdea0
}

.header-main-nav > li.active a, .header-main-nav > li.active a:focus {
    color: #f79d1e
}

.header-main-nav > li.active::after {
    display: inline-block;
    height: 7px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    border-radius: 2px 2px 0 0;
    background: #f79d1e
}

.inner-list {
    list-style: none;
    padding: 0;
    background: #0099d6;
    position: absolute;
    transition: opacity .5s;
    top: 100%;
    left: -9999px;
    opacity: 0;
    width: auto;
    border-radius: 5px;
    border: 1px solid #ffffff;
    box-shadow: 0 0 4px 0 #555555;
    z-index: 100
}

.innerList2 > a{
    margin-left: 10px;
    margin-right: 10px;
}

.inner-list li.innerList2 {
    padding-left: 0;
    padding-right: 0;
}

.inner-list li.innerList2 li, .inner-list li.innerList2 li a {
    border: none;
    text-transform: none;
}

.inner-list li.innerList2 li:hover, .inner-list li.innerList2 li a:hover {
    background-color: white;
    border: none;
}

.inner-list2 {
    background-color: white;
    display: none;
    text-align: center;
    padding-left: 0;
}

.inner-list2 a {
    color: #0099D6;
    font-family: Roboto, sans-serif;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    letter-spacing: 0.01em;
    text-align: center;
}

.innerList2.opened .inner-list2 {
    display: block;
}

.header-main-nav li:hover .inner-list {
    left: -15px;
    opacity: 1;
    min-width: 200px;
}

.inner-list::before {
    position: absolute;
    width: 0;
    height: 0;
    border-bottom: 6px solid #0099d6;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    top: -6px;
    left: 25px
}

.inner-list a {
    display: block;
    padding: 13px 0 12px;
    border-bottom: 1px solid #2db1e6;
    width: auto;
    white-space: nowrap
}

.inner-list li {
    width: auto;
    padding: 0 10px;
    overflow: hidden
}

.inner-list li:first-child {
    border-radius: 5px 5px 0 0
}

.inner-list li:last-child {
    border-radius: 0 0 5px 5px
}

.inner-list li:hover {
    background: #2db1e6
}

.inner-list li:not(:first-child):hover {
    border-top: 1px solid #2db1e6;
    margin-top: -1px
}

.advance-menu-container {
    background: #0099d6;
    position: relative;
    z-index: 10
}

.advance-menu * {
    color: #ffffff;
    font-size: 15px
}

.footer-caption, .footer-center {
    font: 700 16px/21px ClearSans;
    letter-spacing: .02em
}

.advance-menu {
    margin: 0;
    height: 45px;
    display: flex;
    justify-content: space-between
}

.advance-menu li {
    padding: 10px 0;
    margin: 0 25px
}

.advance-menu li:last-child, footer .country {
    margin-right: 0
}

.advance-menu li:first-child {
    margin-left: 0
}

.advance-menu a {
    text-decoration: underline;
    color: #ffffff !important
}

.advance-menu a:hover {
    color: #ffffff;
    text-decoration: none
}

.advance-menu li.active a:focus, .advance-menu li.active span {
    color: #65d3ff
}

.advance-menu li.active {
    position: relative
}

.advance-menu li.active a {
    color: #65d3ff;
    text-decoration: none
}

.advance-menu li.active::after {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 7px;
    bottom: 0;
    left: 0;
    border-radius: 2px 2px 0 0;
    background: #65d3ff
}

.blog-slider-item h3:after, .item-text:after {
    bottom: -3px;
    box-shadow: 0 5px 24px 16px #ffffff
}

footer {
    border-top: 1px solid #d9e4ea;
    background: #ffffff;
    overflow: hidden
}

.footer-top .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px;
    border-top: 1px solid #d9e4ea;
}

.footer-top .container::after, .footer-top .container::before {
    display: none
}

.footer-top, .footer-bottom {
    background: #f1f6f9
}

.footer-caption {
    width: 50%;
    color: #5a656c
}

.footer-language {
    width: 330px;
    display: flex;
    justify-content: center
}

.footer-languages {
    width: 147px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-left: 11px;
    border-left: 1px solid #d9e4ea
}

.footer-languages li {
    padding: 0 3px
}

.current-language {
    margin-right: 11px
}

footer a.country:hover {
    opacity: .5
}

.footer-center {
    color: #0099d6;
    width: 233px;
    display: none
}

.footer-bottom {
    padding-bottom: 15px;
}

.footer-middle {
    border-top: 1px solid #d9e4ea;
}

.footer-middle, .header-center {
    background: #f1f6f9;
    position: relative;
    z-index: 101
}

.footer-middle .open-feedback {
    display: inline-block;
    background-color: #f89c19;
    border: none;
    border-radius: 4px;
    height: 31px;
    vertical-align: middle
}

.footer-middle .open-feedback a {
    color: #ffffff;
    text-decoration: none;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 28px;
    display: block;
    padding: 0 20px 3px
}

.footer-container span, .footer-phone {
    color: #5a656c
}

.footer-middle .open-feedback:hover {
    background: #dd8502
}
.footer-middle .open-feedback.inactive{
    background: #f9cd8e;
}
.footer-phone {
    width: 150px;
    font: 700 16px/21px ClearSans;
    letter-spacing: .02em;
    text-align: right
}

.footer-nav {
    width: 900px;
    margin-right: 85px;
    padding: 14px;
    display: inline-flex;
    justify-content: space-between;
    vertical-align: middle
}

.footer-nav.list-inline {
    margin-bottom: 0
}

.footer-bottom a {
    text-decoration: underline
}

.blog-item:hover, .blog-slider-item:hover, .video-item:hover {
    text-decoration: none
}

.footer-bottom * {
    font-weight: 500
}

.footer-container {
    padding: 15px 0;
    display: flex;
    justify-content: space-between
}

.footer-container * {
    font-size: 14px
}

.socials-aside {
    position: fixed;
    left: 0;
    width: 45px;
    bottom: 0;
    margin-top: -152px;
    padding: 5px;
    background: #ffffff;
    overflow: visible;
    z-index: 150;
    border-top-right-radius: 25px;
    border-bottom-right-radius: 25px
}

.socials-aside-link {
    display: block;
    width: 42px;
    height: 42px;
    margin-bottom: 5px;
    overflow: hidden;
    position: relative
}

.socials-aside-link img {
    position: absolute;
    top: 0;
    left: 0
}

.socials-aside-link.fb img {
    top: -47px
}

.socials-aside-link.ok img {
    top: -94px
}

.socials-aside-link.instagram img {
    top: -141px
}

.socials-aside-link.youtube img {
    top: -188px
}

.socials-aside-link.telegram img {
    top: -236px
}

.socials-aside-link.yzen img {
    top: -284px
}

.list-unstyled {
    margin: 0
}

.list-unstyled li img:hover {
    opacity: .8
}

.location-popup {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(255, 140, 0, .8);
    width: 320px;
    box-sizing: border-box;
    padding: 16px 18px;
    color: #ffffff;
    z-index: 310;
    display: none
}

.location-overlay {
    z-index: 309;
    position: fixed;
    width: 100%;
    height: 100%;
    background: #0099d6;
    opacity: .4;
    left: 0;
    top: 0;
    display: none
}

.blog-main .blog-item .author::after, .blog-slider-item h3:after, .item-text:after {
    content: ''
}

.location-header {
    padding: 7px 0;
    line-height: 1
}

.location-content {
    font-size: 24px;
    margin-bottom: 10px;
    line-height: 1
}

.location-popup .close {
    cursor: pointer;
    font-size: 25px;
    line-height: 1;
    position: absolute;
    top: 16px;
    right: 15px;
    color: #ffffff;
    opacity: 1
}

.location-popup .close:hover {
    opacity: .5
}

.location-popup .button {
    padding: 0 20px;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 12px
}

.button.another {
    background-color: #0099d6
}

.button.confirm {
    background-color: #cb0480
}

.banner-wrapper {
    height: 500px;
    color: #ffffff
}

.banner-text1 {
    margin-top: 95px;
    font: 400 36px/41px Exo2;
    letter-spacing: .05em
}

.banner-text2 {
    font: 900 41px/64px Exo2;
    letter-spacing: .05em
}

.banner-text3 {
    font: 900 45px/61px Exo2;
    letter-spacing: .06em
}

.banner-wrapper .button {
    margin-bottom: 20px;
    background: #e3048a
}

.banner-wrapper .button:hover {
    background: #b61c6e
}

.banner-text4 {
    margin-top: 5px;
    margin-bottom: 25px;
    font: 400 20px Exo2;
    letter-spacing: .02em
}

.main-section1 .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center
}

.popup-reg .reviews-form-wrapper .button, .popup-reg_timepopup .reviews-form-wrapper_timepopup .button {
    padding: 0 60px
}

.partnerimage {
    max-width: 100%
}

h2.partnername {
    color: #0099d6;
    margin: 5px 0;
    font-size: 24px
}

.partnerimage img {
    max-width: 100%;
    padding: 5px;
    margin-bottom: 5px
}

#partner_popup::-webkit-scrollbar-track {
    background-color: rgba(127, 204, 234, .28)
}

.partner-logo {
    border-radius: 0 !important
}

#partner_popup::-webkit-scrollbar {
    width: 6px;
    background-color: #f5f5f5
}

#partner_popup::-webkit-scrollbar-thumb {
    background-color: rgba(9, 56, 74, .48);
    border-radius: 14px
}

#partner_popup {
    overflow: auto
}

.partnerdescription h2 {
    color: #0099d6;
    margin: 5px 0;
    font-size: 24px
}

.partnerdescription {
    text-align: justify
}

.popup-reg .reviews-form-wrapper {
    width: 400px;
    transform: translate(-50%, -50%);
    z-index: 400
}

.popup-reg_timepopup .reviews-form-wrapper_timepopup {
    width: 600px;
    transform: translate(-50%, -50%);
    z-index: 400
}

.popup-reg .reviews-form-wrapper .h3-caption, .popup-reg_timepopup .reviews-form-wrapper_timepopup .h3-caption {
    margin-bottom: 10px
}

.popup-reg .reviews-form-wrapper p, .popup-reg_timepopup .reviews-form-wrapper_timepopup p {
    color: #0099d6
}

.main-section1 {
    background: #ffffff
}

.select-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.select-wrapper {
    position: relative
}

.select-wrapper .fa {
    position: absolute;
    top: 10px;
    right: 10px;
    color: #0099d6
}

.popup-reg, .popup-reg_timepopup {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(0, 153, 214, .5)
}

.main-section1 * {
    color: #0099d6;
    font: 700 30px/36px Exo2
}

.main-section1 .moscowroystat, .main-section1 .number {
    font-size: 50px
}

.main-section1 .div-common-h1 span {
    font-size: .5em;
    top: -15px;
    position: relative;
}

.div-common-h1, h1, h2 {
    font: 700 34px Exo2;
    text-align: center;
    letter-spacing: .03em;
    text-transform: uppercase
}

.div-common-h1, h1 {
    width: 100%;
    margin: 60px 0
}

.main-item {
    display: block;
    width: 230px;
    height: 246px;
    padding: 100px 0 0 0;
    margin: 0 60px
}

.main-item:nth-child(2) {
    background: url(/img/main__children.png) top left no-repeat
}

.main-item:nth-child(3) {
    background: url(/img/main__house.png) top left no-repeat
}

.main-item:nth-child(4) {
    background: url(/img/main__world.png) top left no-repeat
}

.main-section2 {
    background: url(/img/background__1.png) #f89c19;
    min-height: 420px;
}

h2 {
    margin: 60px 0;
    color: #ffffff
}

.item-caption, .main-section-video h2 {
    color: #0099d6
}

.main-section2 .main-item:hover {
    border: 5px solid #fb7c46;
    width: 112%;
    margin: -20px -6% -10px;
    height: 220px;
    padding: 45px 12px;
    text-decoration: none
}

.item-caption {
    margin-top: 20px;
    font: 700 16px/21px ClearSans;
    text-transform: uppercase
}

.choose-city-container {
    display: none;
    position: relative
}

.choose-city-container .popup-close {
    right: 25px
}

.main-section-video {
    background: #ffffff;
    padding-bottom: 40px;
    margin-bottom: -40px
}

.video-item iframe {
    display: none
}

.main-section-video .video-controls {
    margin-top: -50px
}

.video-controls {
    flex-shrink: 0;
    width: 40px;
    height: 100px;
    margin-top: -93px;
    background: #f89c19;
    border-radius: 4px;
    line-height: 111px;
    text-align: center;
    vertical-align: middle;
    cursor: pointer
}

.video-controls:hover {
    background: #dd8502
}

.video-controls .fa {
    color: #ffffff;
    font-size: 40px;
    flex-shrink: 0
}

.blog-slider, .video-slider {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.slick-list {
    width: 1080px
}

.video-item {
    margin: 0 6px;
    position: relative;
    cursor: pointer;
    display: block
}

.video-item:hover img {
    opacity: 1
}

.video-item img:first-of-type {
    max-width: 100%;
    margin: auto;
    border-radius: 5px;
    height: auto
}

.video-play {
    position: absolute;
    top: 50px;
    left: 50%;
    margin-left: -20px
}

.agecomplex-right h2 a {
    margin: 0 0 15px;
    text-align: left;
    color: #0099d6;
    font: 700 25px Exo2;
    letter-spacing: .03em
}

.video-caption {
    margin-top: 20px;
    font-size: 18px;
    line-height: 25px;
    color: #5a656c;
    text-align: center
}

.video-more {
    text-align: center;
    margin: 50px 0 45px
}

.video-more a {
    font-weight: 700
}

.video-more .fa {
    color: #0099d6;
    font-size: 25px;
    position: relative;
    top: 3px;
    left: 4px
}

.section-caption {
    height: 110px;
    width: 970px;
    margin: 0 0 0 200px;
    padding: 20px 100px;
    display: flex;
    justify-content: space-around;
    align-items: center;
    position: relative;
    background: #f89c19
}

.aside-item, .aside-item > *, .author, .blog-item, .blog-item > *, .blog-slider-item, .blog-slider-item > *, div.article p img.aligncenter {
    display: block
}

.section-caption * {
    color: #ffffff;
    font-weight: 700
}

.section-caption img {
    position: absolute;
    top: -40px;
    left: -200px
}

.free-lesson {
    width: 210px;
    font: 700 26px/30px Exo2;
    text-transform: uppercase
}

.section-caption .moscowroystat, .section-caption .number {
    font-size: 30px;
    font-family: Exo2
}

.section-caption .button {
    background: #e3048a
}

.section-caption .button:hover {
    background: #b61c6e
}

.main-section-blog {
    background: url(/img/background__2.png) #0099d6;
    border-bottom: 4px solid #55c1ec
}

.blog-slider .video-controls {
    margin: 0
}

div.article p img.aligncenter {
    margin: 0 auto;
    border: 1px solid rgba(0, 153, 214, .44);
    border-radius: 4px
}

.blog-slider-item {
    height: 430px;
    max-height: 430px
}

.blog-item, .blog-slider-item {
    border-radius: 4px;
    overflow: hidden;
    padding: 128px 20px 20px;
    margin: 0 9px;
    position: relative;
    background: #ffffff
}

.blog-slider-item h3 {
    height: 73px;
    overflow: hidden
}

.blog-item h3, .blog-slider-item h3 {
    position: relative;
    font-size: 16px;
    line-height: 26px;
    font-family: Exo2;
    text-transform: uppercase;
    margin-bottom: 20px
}

.blog-item:hover h3, .blog-slider-item:hover h3 {
    color: #f89c19
}

.blog-item:hover img, .blog-slider-item:hover img {
    opacity: .5
}

.blog-slider-item h3:after {
    width: 100%;
    height: 2px;
    left: 0;
    position: absolute
}

.blog-item-img, .blog-slider-img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 165px;
    overflow: hidden
}

.blog-item img, .blog-slider-img img {
    width: 100%;
    height: 133px
}

.item-text {
    font-size: 15px;
    line-height: 24px;
    color: #5a656c;
    overflow: hidden;
    max-height: 130px;
    position: relative
}

.righted-mini {
    font-size: 12px;
    margin: 0;
    padding: 0 5px
}

.item-text:after {
    width: 100%;
    height: 2px;
    left: 0;
    position: absolute
}

.item-footer {
    font-size: 13px;
    line-height: 19px;
    color: #79a9c3;
    margin-top: 10px;
    position: absolute;
    bottom: 20px
}

.item-footer .fa:not(:first-child) {
    margin: 0 3px 0 5px
}

.item-footer .fa {
    font-size: 14px;
    position: relative;
    top: 0
}

.blog-more {
    margin: 50px 0 60px;
    text-align: center
}

.blog-more a {
    color: #ffffff;
    font-weight: 700
}

.blog-more a:focus {
    color: #ffffff
}

.blog-more .fa {
    color: #ffffff;
    font-size: 25px;
    position: relative;
    top: 3px;
    left: 4px
}

.breadcrumbs * {
    font-size: 14px
}

.breadcrumbs {
    margin: 23px auto
}

.breadcrumbs a {
    text-decoration: underline;
    color: #5a656c !important
}

.aside-item .h4-caption, .aside-item:hover, .breadcrumbs a:hover {
    text-decoration: none
}

.breadcrumbs a:focus {
    color: #5a656c
}

.breadcrumbs li {
    color: #79a9c3
}

.blog-main {
    background: 0 0;
    padding-top: 1px
}

.blog-main h1 {
    color: #0099d6;
    margin: 0 0 45px
}

.blog-main .blog-item {
    height: 404px;
    margin: 0 0 30px;
    border: 1px solid #d9e4ea
}

.blog-main .blog-item:hover {
    box-shadow: 0 0 5px 1px #d9e4ea
}

.author {
    font-weight: 700;
    margin-bottom: 10px;
    color: #5a656c
}

.blog-main .blog-item .item-text {
    height: 96px;
    overflow: hidden;
    position: relative
}

.blog-main .blog-item .author::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 20px;
    background: linear-gradient(to bottom, transparent, #ffffff);
    bottom: 0;
    left: 0
}

aside {
    background: #ffffff;
    padding: 25px;
    border-radius: 5px;
    margin: 0 0 30px;
    border: 1px solid #d9e4ea
}

aside .h2-caption {
    margin: 0 0 15px;
    font-size: 20px;
    line-height: 24px;
    color: #0099d6;
    text-align: left;
    letter-spacing: 0
}

.aside-item > *, aside ul a {
    font-size: 16px;
    line-height: 22px
}

.faq-caption, .faq-text, .news-caption, .read-answer {
    letter-spacing: .02em
}

aside ul a:hover, aside ul li.active a {
    color: #f79d1e;
    text-decoration: none
}

aside ul li.active a:focus {
    color: #f79d1e
}

aside ul li {
    margin: 5px 0
}

.count {
    color: #5a656c
}

.aside-item:not(:last-child) {
    margin-bottom: 20px
}

.aside-item .h4-caption {
    margin: 0 0 10px
}

.aside-item .h4-caption:hover, .read-more {
    text-decoration: underline;
    color: #f79d1e
}

.bottom-sharing ul a:hover, .cities a:hover, .header-phone a:hover, .paginator a:hover {
    text-decoration: none
}

.paginator a, .paginator a:focus {
    color: #5a656c
}

.read-more .fa {
    margin-left: 8px
}

.paginator {
    margin: 45px 0;
    display: flex;
    justify-content: center
}

.paginator a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #ffffff;
    text-align: center;
    line-height: 40px
}

.paginator li.active a:focus, .paginator li:first-child a:hover .fa, .paginator li:last-child a:hover .fa {
    color: #ffffff
}

.paginator a .fa {
    font-size: 22px
}

.paginator ul {
    text-align: center;
    margin: 0
}

.article, .return-back {
    margin-bottom: 0
}

.paginator a:hover {
    background: #f1f6f9
}

.paginator li:first-child a:hover, .paginator li:last-child a:hover {
    background: #79a9c3;
    border: none
}

.paginator li.active a {
    background: #f89c19;
    border: none;
    color: #ffffff
}

.pages {
    line-height: 34px;
    height: 40px;
    padding: 0 10px;
    background: #ffffff;
    border-radius: 5px;
    border: 1px solid #d9e4ea;
    margin-right: 8px
}

.article-main {
    background: 0 0;
    padding-top: 1px
}

.article {
    padding: 20px 30px;
    background: #ffffff
}

.socials-sharing, .top-sharing {
    background: #f1f6f9;
    transition-duration: .3s
}

.return-back a {
    font-weight: 700;
    color: #f79d1e
}

.return-back a:focus {
    color: #f79d1e
}

.return-back a .fa {
    font-size: 24px;
    position: relative;
    top: 2px;
    margin-right: 10px
}

.return-back:first-child {
    margin-bottom: 20px
}

.article-caption {
    display: flex;
    justify-content: space-between
}

.article-caption .fa {
    margin: 0 6px
}

.article-caption * {
    color: #79a9c3;
    line-height: 32px
}

.article-caption > * {
    width: 50%
}

.article-right {
    display: flex;
    justify-content: flex-end
}

.top-sharing {
    position: relative;
    padding: 0 25px;
    border-radius: 4px;
    cursor: pointer
}

.top-sharing:hover {
    padding-left: 50px
}

.socials-sharing {
    display: flex;
    position: absolute;
    height: 100%;
    top: 0;
    left: 20px;
    padding: 0 12px;
    border-radius: 4px 4px 0 0;
    cursor: default;
    opacity: 0
}

.top-sharing:hover .socials-sharing {
    opacity: 1
}

.socials-sharing a {
    display: inline-block;
    width: 21px;
    height: 21px;
    line-height: 21px;
    border-radius: 3px;
    text-align: center
}

.socials-sharing li {
    padding: 0 3px
}

.socials-sharing .fa {
    color: #ffffff;
    line-height: 21px;
    margin: 0;
    font-size: 14px
}

.main-h1 {
    margin-bottom: 0;
    margin-top: 135px;
}

.article h1 {
    color: #0099d6;
    text-align: left;
    margin: 25px 0
}

.bottom-sharing li {
    width: 30px;
    padding: 0
}

.bottom-sharing li img {
    max-width: 100%;
    filter: saturate(0.9)
}

.bottom-sharing li img:hover {
    filter: saturate(1.2)
}

.bottom-sharing .list-inline {
    display: inline-block;
    margin: 0 0 0 15px
}

.bottom-sharing {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-top: 15px;
    border-top: 1px solid #0099d626;
    padding-top: 15px
}

.socials-sharing li img {
    max-width: 100%;
    filter: saturate(0.1)
}

.socials-sharing li img:hover {
    max-width: 100%;
    filter: saturate(0.8)
}

.article-content .article-img, .article-content p {
    margin: 25px 0
}

.article-content * {
    line-height: 25px;
    /*color: #5a656c;*/
    max-width: 100%
}

.article-content .article-img {
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #f1f6f9
}

.article-content blockquote::before, .article-content ul > li::before {
    display: block;
    background: #0099d6;
    content: ""
}

.article-content .article-img img {
    width: 100%;
    height: auto;
    border-radius: 5px
}

.article-content .article-img p {
    margin: 10px 18px 15px;
    color: #79a9c3
}

.article-content h2 {
    margin: 30px 0 20px;
    text-align: left;
    color: #0099d6;
    font-size: 25px
}

.article-content h3 {
    margin: 25px 0;
    text-align: left;
    color: #0099d6;
    font-size: 20px;
    text-transform: uppercase;
    font-weight: 700
}

.article-content ul {
    margin: 25px 0;
    list-style: none;
    padding-left: 40px
}

.article-content li {
    margin: 15px 0
}

.article-content ul > li {
    position: relative
}

.article-content ul > li::before {
    position: absolute;
    width: 7px;
    height: 7px;
    left: -25px;
    top: 10px;
    border-radius: 50%
}

.article-content blockquote {
    border: none;
    padding-left: 40px;
    position: relative;
    font: 700 italic 20px/25px ClearSans
}

.article-content blockquote::before {
    position: absolute;
    left: 9px;
    top: 15px;
    height: calc(100% - 25px);
    width: 6px;
    border-radius: 3px
}

.article-content blockquote p {
    margin: 0
}

.article-content a {
    color: #0099d6
}

.author-bottom::after {
    content: "";
    display: table;
    clear: both
}

.author-bottom > * {
    float: left
}

.author-bottom img {
    margin: 20px 20px 20px 0;
    width: 93px;
    height: auto;
    border-radius: 50%
}

.author-bottom .author {
    width: calc(100% - 113px);
    margin: 35px 0 0
}

.author-info {
    width: 270px
}

.contacts-main {
    background: 0 0;
    padding-top: 1px
}

.contacts-main h1 {
    color: #0099d6;
    margin: 0 0 40px
}

.choose-city {
    padding: 25px 120px 85px;
    background: #ffffff;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    margin-bottom: 75px;
    z-index: 320
}

#search-city, #search-city-contacts, .search-city input {
    height: 46px;
    background: #e1f3fb;
    border-top: 2px solid #68c3e6;
    border-bottom: 2px solid #68c3e6;
}

.choose-caption {
    display: flex;
    justify-content: center;
    align-items: center
}

.choose-caption .h2-caption, .choose-caption h2 {
    color: #0099d6;
    margin: 0 0 40px;
    font-size: 25px
}

.city {
    font-weight: inherit;
    font-size: inherit;
    color: #5a656c;
    font-family: inherit
}

.show-city, .show-city:hover {
    color: #f89c19
}

.show-city {
    font-weight: 700
}

.show-city .fa {
    font-size: 20px;
    margin-left: 10px;
    position: relative;
    top: 2px
}

.other-city {
    font: 700 20px/35px Exo2;
    color: #0099d6;
    text-align: center;
    margin: 0 0 25px
}

.search-city {
    display: flex
}

.search-city button {
    outline: 0
}

.search-city input {
    width: 825px;
    padding: 0 9px;
    border-left: 2px solid #68c3e6;
    border-right: none;
    border-radius: 8px 0 0 8px;
    outline: 0;
    font-weight: 700;
    font-size: 18px;
    color: #2a99d6
}

#search-city, #search-city-contacts {
    border-left: none;
    border-right: 2px solid #68c3e6;
    border-radius: 0 8px 8px 0;
    padding-right: 10px
}

#search-city .fa, #search-city-contacts {
    font-size: 22px;
    color: #2a99d6
}

.search-city input::-webkit-input-placeholder {
    color: #2a99d6
}

.search-city input:-moz-placeholder {
    color: #2a99d6
}

.search-city input::-moz-placeholder {
    color: #2a99d6
}

.search-city input:-ms-input-placeholder {
    color: #2a99d6
}

.cancel-search {
    background: #ffffff;
    border: none;
    margin-left: 20px;
    position: relative;
    bottom: 3px
}

.cities {
    margin-top: 15px;
    padding: 19px 12px;
    border: 2px solid #68c3e6;
    border-radius: 8px;
    position: relative
}

.cities ul {
    display: block;
    flex-wrap: wrap;
    columns: 4
}

.cities a {
    color: #0099dd;
    font: 400 18px/25px ClearSans
}

.cities a:hover {
    color: #f89c19
}

.cities a:focus {
    color: #0099dd
}

.map-wrapper {
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    background: #ffffff;
    border-radius: 8px
}

.faq-item, .faq-item > *, .map, a.map-close {
    display: block
}

.map {
    width: 66.66%;
    height: auto;
    margin: 0 auto
}

a.map-close {
    margin-top: 20px;
    font-weight: 700;
    line-height: 35px;
    color: #f89c19
}

.map-close .fa {
    margin-right: 20px;
    font-size: 22px;
    position: relative;
    top: 2px
}

.header-phone a:hover div {
    filter: contrast(150%)
}

.map-center-link {
    position: absolute;
    padding: 0 20px;
    border: 2px solid #0099d6;
    border-radius: 7px;
    box-shadow: 0 0 5px 0 #999999;
    line-height: 40px;
    background: #ffffff
}

.map-center-link a {
    text-decoration: underline;
    font-size: 15px
}

.map-center-link::after {
    content: url(/img/pointer.png);
    position: absolute;
    bottom: -31px;
    left: 30px
}

.map-center-link.center1 {
    top: 291px;
    left: 300px
}

.map-center-link.center2 {
    top: 181px;
    left: 525px
}

.map-center-link.center3 {
    top: 380px;
    left: 589px
}

.faq-main {
    padding-top: 1px;
    background: url(/img/background__3.png) #f1f6f9;
    border-bottom: 1px solid #d9e4ea
}

.consult_container_btn {
    display: block;
    margin: 5px auto
}

.consult_container_btn .button {
    background: #e3048a
}

.consult_container_btn .button:hover {
    background: #b61c6e
}

.faq-main h1 {
    margin: 15px 0 35px;
    color: #0099d6
}

.faq-item {
    margin-bottom: 0;
    position: relative;
    padding: 20px 270px 20px 185px
}

.faq-item:hover {
    text-decoration: none
}

.faq-caption:hover {
    color: #f69d1d
}

.faq-caption {
    font: 700 25px/1.1 Exo2;
    color: #0099d6
}

.read-answer {
    display: inline-block;
    margin-top: 15px;
    color: #f69d1d;
    text-decoration: underline
}

.read-answer .fa {
    margin-left: 10px
}

.read-answer:hover {
    text-decoration: none
}

.arrowtoroll {
    text-align: center;
    margin-top: 5px
}

.arrowrollimg {
    cursor: pointer;
    width: 40px;
    position: relative;
    animation: movearrow .9s infinite ease-in-out
}

@keyframes movearrow {
    from {
        top: 0
    }

    25% {
        top: -1px
    }

    50% {
        top: -2px
    }

    75% {
        top: -3px
    }

    to {
        top: -4px
    }
}

.arrow-right {
    position: absolute;
    right: 180px;
    top: 50%;
    margin-top: -20px;
    height: 40px;
    width: 40px;
    border-radius: 5px;
    line-height: 40px;
    text-align: center;
    background: #f69d1d
}

.arrow-right:hover {
    background: #dd8502
}

.arrow-right .fa {
    margin-left: 3px;
    color: #ffffff;
    font-size: 22px
}

.section-answer {
    margin-top: 40px;
    background: url(/img/background__2.png) #0099d6
}

.section-answer h2 {
    font-size: 26px
}

#form-question {
    margin: 0 auto;
    width: 830px
}

#form-question label {
    display: block;
    float: left;
    color: #ffffff;
    font-weight: 700
}

#form-question label input:not([type=checkbox]) {
    display: block;
    margin-top: 3px;
    height: 40px;
    width: 100%;
    padding: 0 30px 2px;
    border-radius: 5px;
    border: none;
    outline: 0;
    color: #0099d6;
    font-weight: 400
}

#form-question .label-checkbox {
    display: block;
    align-items: center
}

#form-question .label-checkbox .label-text {
    font-size: 16px
}

#form-question .label-checkbox .label-text a {
    color: #ffffff;
    text-decoration: underline
}

#form-question label textarea {
    color: #0099d6;
    margin-top: 3px;
    width: 100%;
    height: 100px;
    padding: 10px 30px;
    border-radius: 5px;
    border: none;
    outline: 0;
    resize: none;
    font-weight: 400
}

.faq-top, .news-item:not(:last-child), .section-free-lesson {
    border-bottom: 1px solid #d9e4ea
}

.label-name {
    width: 50%;
    padding-right: 30px
}

.label-phone {
    width: 25%;
    padding-right: 15px
}

.label-email {
    width: 25%;
    padding-left: 15px
}

.label-question {
    width: 100%;
    margin-bottom: 30px
}

#form-question .button {
    margin-bottom: 47px;
    padding-right: 50px;
    padding-left: 50px;
    background: #f89c19
}

#form-question .button:hover {
    background: #dd8502
}

.faq-answer-main {
    padding-top: 1px;
    background: 0 0
}

.faq-answer-main h1 {
    margin: 0 0 35px;
    color: #0099d6
}

.faq-top {
    display: flex;
    padding-bottom: 20px
}

.faq-top .faq-caption {
    margin-right: 25px
}

.faq-top .faq-text {
    color: #82b0c8
}

.faq-text {
    line-height: 24px
}

.faq-bottom {
    padding-top: 20px
}

.faq-bottom .faq-caption {
    margin-bottom: 15px
}

.faq-bottom .faq-text {
    color: #5c656c
}

.faq-bottom .faq-caption:hover, .faq-top .faq-caption:hover {
    color: #0099d5
}

.answer-back {
    margin: 50px 0
}

.answer-back a {
    line-height: 40px;
    color: #f99c19;
    font-weight: 700
}

.answer-back a:focus {
    color: #f99c19
}

.arrow-left {
    display: inline-block;
    line-height: 40px;
    width: 40px;
    border-radius: 5px;
    background: #f99c19;
    color: #ffffff;
    margin-right: 30px;
    font-size: 22px
}

.article ol {
    list-style: none;
    counter-reset: point
}

.article ol > li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
    text-align: justify
}

.article ol > li:before {
    content: counter(point);
    counter-increment: point 1;
    font-size: 16px;
    position: absolute;
    left: 0;
    top: 4px;
    background: #0099d6;
    width: 25px;
    padding: 0;
    color: #ffffff;
    font-weight: 700;
    text-align: center;
    border-radius: 50%
}

.arrow-left:hover {
    background: #dd8502
}

.common-h1 {
    margin: 0 0 35px;
    color: #0099d6
}

.news-wrapper {
    padding: 30px 30px 30px 50px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #ffffff;
}

.news-list-content-right img {
    box-shadow: -2px 2px 11px #b7c3c7;
    border-radius: 4px
}

.article, .leave-review {
    border: 1px solid #d9e4ea
}

.news-list-content-right {
    display: inline-block;
    float: left;
    margin-right: 20px
}

.news-item .date {
    margin-bottom: 25px;
    font-size: 14px;
    line-height: 21px;
    color: #79a9c3
}

.news-item:not(:last-child) {
    padding-bottom: 25px
}

.news-item:not(:first-child) {
    padding-top: 25px
}

.news-caption {
    display: block;
    font: 700 25px/1.1 Exo2;
    color: #0099d5;
    margin-bottom: 25px
}

.news-caption:hover, .news-item .read-more:hover {
    color: #f89c19;
    text-decoration: none
}

.aside-popular-in-blog .read-more:hover {
    text-decoration: none
}

.section-free-lesson {
    background: url(/img/background__2.png) #0099d6;
    margin-top: 40px;
    padding-bottom: 61px
}

.news-page-main .breadcrumbs {
    margin-bottom: 50px
}

.read-also .read-more:hover {
    text-decoration: none
}

.article {
    border-radius: 5px;
    margin-bottom: 20px
}

.reviews-wrapper {
    padding-left: 200px
}

.leave-review {
    display: block;
    width: 100%;
    height: 41px;
    margin-bottom: 30px;
    background: rgba(255, 255, 255, .72);
    padding-left: 85px;
    border-radius: 5px;
    line-height: 0;
    font-weight: 700;
    font-size: 18px;
    text-align: left;
    color: #0099d6;
    outline: 0
}

.leave-review img {
    margin: -23px 5px 0 0
}

.reviews-item {
    margin-bottom: 30px;
    padding: 45px 70px 25px 85px;
    min-height: 200px;
    position: relative;
    background: url(/img/quotes.png) 30px 35px no-repeat #ffffff;
    border: 1px solid #d9e4ea;
    border-radius: 5px
}

.reviews-item::before {
    content: url(/img/reviews__before.png);
    position: absolute;
    left: -24px;
    top: 30px
}

.reviews-text {
    color: #5a656c
}

.reviews-user {
    position: absolute;
    width: 150px;
    left: -185px;
    top: 0
}

.user-img {
    width: 100%;
    height: 150px;
    overflow: hidden;
    border-radius: 5px;
    border: 1px solid #d9e4ea
}

.user-img img {
    width: auto;
    height: auto
}

.user-name {
    margin: 10px 0 0;
    font: 700 18px/21px ClearSans;
    color: #0099d6;
    letter-spacing: 0
}

.reviews-text iframe {
    border-radius: 5px
}

.popup-wrapper {
    position: fixed;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 153, 214, .5);
    z-index: 400;
    text-align: center;
    z-index: 9999;
}

.popup-wrapper .choose-city-container {
    margin-top: 50px
}

.white-over {
    color: #ffffff !important;
    z-index: 300;
    position: relative;
    border-bottom: none
}

.popup-wrapper iframe {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: -180px 0 0 -320px;
    border-radius: 5px
}

.popup-custom-wrapper, .reviews-form-wrapper, .reviews-form-wrapper_timepopup {
    position: fixed;
    margin: 0;
    top: 50vh;
    left: 50vw;
    width: 520px;
    padding: 25px 35px;
    display: inline-block;
    background: #ffffff;
    max-width: 100%;
    transform: translate(-50%, -50%)
}

.reviews-form-wrapper, .reviews-form-wrapper_timepopup {
    height: auto;
    border: 1px solid #d9e4ea;
    border-radius: 5px
}

.popup-custom-wrapper {
    height: 570px;
    border: 1px solid #d9e4ea;
    border-radius: 5px
}

.reviews-form-wrapper form, .reviews-form-wrapper_timepopup form {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.popup-custom-wrapper .h3-caption, .reviews-form-wrapper .h3-caption, .reviews-form-wrapper_timepopup .h3-caption {
    text-transform: uppercase;
    font-size: 20px;
    letter-spacing: .02em;
    font-family: Exo2;
    color: #0099d6;
    margin-bottom: 10px
}

.popup-custom-wrapper label, .reviews-form-wrapper label, .reviews-form-wrapper_timepopup label {
    display: block;
    width: 100%;
    text-align: left;
    color: #697379
}

.reviews-form-wrapper input, .reviews-form-wrapper select, .reviews-form-wrapper_timepopup input, .reviews-form-wrapper_timepopup select {
    margin: 8px 0 10px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    display: block;
    color: #0099d6;
    background: white;
    font-weight: 400;
    width: 100%
}

.reviews-form-wrapper textarea, .reviews-form-wrapper_timepopup textarea {
    margin: 8px 0 15px;
    width: 100%;
    display: block;
    height: 220px;
    padding: 10px 15px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    resize: none;
    color: #0099d6;
    font-weight: 400
}

#vacantion_message textarea {
    height: 100px
}

label.validate input, label.validate textarea {
    border: 1px solid #f99c19
}

label.validate {
    color: #f99c19
}

form .button-review {
    background: #f89c19;
    color: #ffffff !important;
    text-transform: uppercase;
    font-weight: 500
}

.button-review:hover {
    background: #dd8502
}

.popup-close {
    position: absolute;
    top: 5px;
    right: 9px;
    border: none;
    background: 0 0;
    padding: 0
}

.championship-wrapper h3, .programs-item:not(:last-child) {
    border-bottom: 1px solid #d9e4ea
}

.label-checkbox input {
    display: none
}

.label-checkbox {
    display: flex !important
}

.label-checkbox .label-text {
    margin-top: 5px;
    font-weight: 400;
    line-height: 1.1;
    font-size: 14px
}
.label-checkbox .label-text a{
    font-size: 1em;
}
.checked {
    margin-right: 6px;
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    flex-shrink: 0
}

input:checked + .checked {
    background: url(/img/cheked.png) center no-repeat
}

.reviews-form-wrapper .button, .reviews-form-wrapper_timepopup .button {
    margin-top: 20px;
    padding: 0 80px;
    background: #f89c19
}

.thanks-popup.reviews-form-wrapper, .thanks-popup.reviews-form-wrapper_timepopup {
    display: none;
    padding-top: 110px;
    padding-bottom: 110px;
    height: auto
}

.rules-wrapper {
    margin-bottom: 50px;
    position: relative;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #ffffff;
    padding: 30px 185px 25px 195px
}

.rules-wrapper ol li::marker {
    font-weight: bold;
}

.rules-img {
    position: absolute;
    left: 17px;
    top: 30px
}

.rule {
    display: flex;
    margin: 10px 0;
    align-items: center
}

.rule-number {
    width: 110px;
    font: 700 16px/2 Exo2;
    color: #0099d6;
    flex-shrink: 0
}

.rule-number .moscowroystat, .rule-number .number {
    width: 63px;
    height: 63px;
    background-image: url(/img/rules-circle.png);
    background-repeat: no-repeat;
    text-align: center;
    font: 700 30px/63px Exo2
}

.rule:nth-child(3) .number {
    background-position: 0 -63px
}

.rule:nth-child(4) .number {
    background-position: 0 -126px
}

.rule:nth-child(5) .number {
    background-position: 0 -189px
}

.rule:nth-child(6) .number {
    background-position: 0 -252px
}

.rule:nth-child(7) .number {
    background-position: 0 -315px
}

.rule:nth-child(8) .number {
    background-position: 0 -378px
}

.rule:nth-child(9) .number {
    background-position: 0 -441px
}

.rule:nth-child(10) .number {
    background-position: 0 -504px
}

.rule:nth-child(11) .number {
    background-position: 0 -567px
}

.rule:nth-child(12) .number {
    background-position: 0 -630px
}

.rule:nth-child(13) .number {
    background-position: 0 -693px
}

.rule:nth-child(14) .number {
    background-position: 0 -756px
}

.rule:nth-child(15) .number {
    background-position: 0 -819px
}

.rule:nth-child(16) .number {
    background-position: 0 -882px
}

.rule:nth-child(17) .number {
    background-position: 0 -945px
}

.rule:nth-child(18) .number {
    background-position: 0 -1008px
}

.rule:nth-child(19) .number {
    background-position: 0 -1071px
}

.rule:nth-child(20) .number {
    background-position: 0 -1134px
}

.rule-text {
    text-align: justify;
    position: relative;
    bottom: 20px;
    color: #5a656c
}

.postsriptum {
    font: 700 20px/24px Exo2;
    text-align: right;
    color: #5a656c
}

.center-programs .h2-caption, .other-centers .h2-caption {
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 35px;
    letter-spacing: .03em;
    color: #0099d6;
    text-align: left
}

.programs-item {
    padding: 26px 0 25px
}

.programs-item .h3-caption {
    margin-top: 20px;
    margin-bottom: 20px;
    font: 700 20px/25px Exo2;
    color: #0099d6;
    text-transform: uppercase
}

.programs-item img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    display: block
}

.agecomplex-item, .contacts-item {
    display: flex
}

.programs-item:nth-child(3) img {
    width: 175px
}

.contacts-img, .contacts-img img, .map-img, .map-img img {
    width: 100%;
    height: auto
}

.programs-text {
    font-size: 14px;
    color: #5a656c
}

.programs-item .button {
    margin-top: 25px;
    background: #e00088
}

.programs-item .button:hover {
    background: #b61c6e
}

.other-centers {
    margin-bottom: 50px
}

.other-centers li a {
    font: 700 13px/25px ClearSans;
    color: #f89c19
}

.other-centers li a:focus {
    color: #f89c19
}

.other-centers li a .fa {
    font-size: 22px;
    margin-left: 10px;
    position: relative;
    top: 3px
}

.centerpage-contacts {
    padding: 25px 70px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #ffffff;
    margin-bottom: 50px
}

.centerpage-contacts h2 {
    font: 700 20px/24px Exo2;
    color: #0099d6;
    text-align: left;
    margin-top: 0;
    margin-bottom: 40px
}

.centerpage-contacts h2:not(:first-child) {
    margin-top: 30px
}

.contacts-img, .map-img {
    margin-bottom: 15px;
    border-radius: 5px
}

.contacts-item * {
    line-height: 22px;
    color: #5a656c
}

.contacts-label {
    padding-right: 10px;
    flex-shrink: 0;
    font-weight: 700
}

.phone-label-all {
    width: 270px;
    font-weight: 400
}

.last-label-all {
    margin-bottom: 15px
}

.centerpage-text {
    line-height: 24px;
    color: #5a656c;
    margin: 30px 0
}

.agecomplex-wrapper {
    margin-bottom: 50px;
    padding: 30px 170px 50px 200px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #ffffff
}

.agecomplex-item:not(:first-child) {
    padding-top: 30px
}

.agecomplex-item:not(:last-child) {
    padding-bottom: 30px;
    border-bottom: 1px solid #d9e4ea
}

.agecomplex-item h2 {
    margin: 0 0 15px;
    text-align: left;
    font-size: 25px;
    color: #0099d6
}

.agecomplex-img {
    flex-shrink: 0;
    margin-right: 30px;
    width: 170px;
    height: 170px;
    overflow: hidden;
    border-radius: 5px
}

.agecomplex-right {
    padding-bottom: 65px;
    position: relative
}

.agecomplex-right .text {
    color: #5a656c
}

.agecomplex-right .button {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #f99c19;
    white-space: nowrap
}

.agecomplex-right .button:hover {
    background: #e18c1b;
    color: #ffffff
}

.championship-wrapper {
    margin-bottom: 50px;
    padding: 40px 30px 30px 25px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #ffffff
}

.championship-wrapper h2 {
    margin: 0 0 40px;
    font-size: 25px;
    color: #f79d1e
}

.championship-wrapper h3 {
    padding-bottom: 5px;
    font-size: 25px;
    font-weight: 700;
    color: #ff6666
}

.groups-list a {
    padding: 0 15px;
    display: inline-block;
    font-size: 25px;
    line-height: 50px;
    text-decoration: underline
}

.groups-list a:hover {
    text-decoration: none;
    color: #f79d1e
}

.groups-list li.active a {
    border-radius: 5px;
    background: #f79d1e;
    padding-bottom: 5px;
    text-decoration: none;
    color: #ffffff
}

.winners {
    padding: 30px 0 40px
}

.winners::after {
    content: "";
    display: table;
    clear: both
}

.winner {
    width: 32.33%;
    vertical-align: top;
    display: inline-block
}

.winner img {
    display: block;
    width: 155px;
    height: 155px;
    border-radius: 50%;
    margin: 0 auto -37px
}

.winner-name {
    display: inline-block;
    position: relative;
    margin: -47px auto 37px;
    height: 37px;
    background: #ff6666;
    color: #ffffff;
    line-height: 36px
}

.winner-name::after, .winner-name::before {
    width: 57px;
    height: 47px;
    position: absolute;
    top: 0;
    display: block;
    content: ""
}

.winner-name::before {
    left: -57px;
    background: url(/img/ribbon.png)
}

.winner-name::after {
    right: -57px;
    background: url(/img/ribbon.png) -180px 0
}

.winner .city {
    font-size: 14px
}

.us .winner {
    margin-bottom: 50px;
    padding-left: 20px;
    padding-right: 20px
}

.place {
    font: 700 25px ClearSans;
    color: #0099d5
}

.us .place {
    text-align: center;
    display: block;
    margin-top: 40px
}

.result {
    font-size: 14px;
    color: #0099d5
}

.single-contacts {
    margin-bottom: 50px;
    padding: 35px 65px;
    background: #ffffff;
    border: 1px solid #d9e4ea;
    border-radius: 5px
}

.single-contacts h2 {
    font-size: 25px;
    color: #0099d6;
    text-align: left;
    margin: 0
}

.single-contacts h2 .city {
    color: #f99c19;
    border-bottom: dashed 1px #f99c19
}

.single-caption {
    padding-bottom: 25px;
    border-bottom: 1px solid #d9e4ea;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.single-caption .button {
    background: #e3048a
}

.single-caption .button:hover {
    background: #b61c6e
}

.single-content {
    padding-top: 25px;
    display: flex;
    justify-content: space-between
}

.single-content h3 {
    font: 700 20px/25px Exo2;
    color: #0099d6;
    text-transform: uppercase;
    margin-top: 0
}

.stations, .streets {
    width: 45%;
    padding-left: 28px
}

.single-info {
    width: 50%;
    padding-left: 28px
}

.single-list {
    list-style: none;
    padding: 0
}

.single-list li {
    margin: 10px 0;
    color: #0099d6;
    cursor: pointer
}

.single-inner-list a:focus, .single-list li:hover {
    color: #f99c19
}

.single-inner-list {
    list-style: none;
    padding: 10px 0 10px 20px;
    display: none
}

.single-inner-list a {
    color: #f99c19;
    text-decoration: underline
}

.single-inner-list a:hover {
    text-decoration: none
}

.single-map-wrapper {
    width: 555px;
    height: 480px;
    background: #aaaaaa;
    margin: 48px 0 0 -18px
}
#single-map {
    width: 100%;
    height: 400px;
    max-width: 100%;
    margin-top: 20px;
    border-radius: 12px;
    overflow: hidden;
}
.single-contacts-img, .stations-img, .streets-img {
    width: 23px;
    height: 23px;
    overflow: hidden;
    position: relative;
    top: 5px;
    left: -40px;
    margin-bottom: -23px
}

.single-contacts-img img, .stations-img img, .streets-img img {
    position: absolute;
    top: 0;
    left: 0
}

.stations-img img {
    left: -23px
}

.single-contacts-img img {
    left: -46px
}

@media all and (max-width: 1199px) and (min-width: 992px) {
    .container, .footer-nav {
        width: 970px
    }

    .section-caption {
        margin-left: 0;
        padding-left: 200px
    }

    .section-caption img {
        left: -40px
    }

    .header-franchise{
        margin-right: 25px
    }

    .category-aside {
        margin-top: 30px
    }

    .blog-main .blog-item .item-text {
        height: 83px
    }

    .single-map-wrapper {
        width: 370px;
        height: 370px;
        margin-left: 0
    }
}

@media all and (max-width: 991px) and (min-width: 768px) {
    .advance-menu li, .footer-nav, .header-main-nav li, .left-block-courses h2, .right-block-courses h1 {
        text-align: center
    }

    .left-block-courses, .right-block-courses {
        display: inline-block;
        width: 100%;
        padding: 0;
        text-align: center
    }

    .footer-center, .footer-container span:nth-child(2), .footer-language, .footer-phone, .header-franchise, .section-caption img, .socials-aside {
        display: none
    }

    .container, .footer-nav {
        width: 750px
    }

    .div-common-h1, h1 {
        font-size: 29px
    }

    .footer-nav {
        align-items: center;
        flex-wrap: wrap
    }

    .section-caption {
        width: 100%;
        margin-left: 0;
        padding-right: 20px;
        padding-left: 20px;
    }

    .main-section2 .main-item:hover {
        padding: 25px 5px 0;
        margin: 0 0 60px;
        width: 100%;
        height: 190px
    }

    .footer-caption {
        width: 200px;
        font-size: 14px
    }

    aside .h2-caption {
        padding-left: 15px
    }

    .footer-nav li {
        margin-left: 10px;
        margin-right: 10px
    }

    .footer-container a {
        margin-right: 0
    }

    .time {
        font-size: 13px
    }

    .header-phone {
        margin: 15px 0 15px auto
    }

    .header-phone a, .moscowroystat, .moscowroystat a, .number, .number a {
        font-size: 16px
    }

    .header-caption {
        display: none;
        margin-top: 44px
    }

    .main-item {
        margin: 0 4px
    }

    .advance-menu li:first-child {
        margin-right: 25px
    }

    header .container:nth-child(2) {
        position: relative
    }

    .advance-menu li {
        display: block
    }

    .advance-menu, .header-main-nav, .header-main-nav .inner-list::before, .review-content.review-content-text::before {
        display: none
    }

    .advance-menu li:not(:last-child) {
        border-bottom: 1px solid #ffffff;
        margin: 0
    }

    .inner-list li:last-child a {
        border-bottom: none;
        padding-bottom: 0
    }

    .header-main-nav {
        flex-direction: column;
        width: 320px
    }

    .advance-menu {
        width: 320px;
        height: auto
    }

    .responsive-menu {
        position: absolute;
        width: 0;
        background: #ffffff;
        overflow: hidden
    }

    .header-main-nav > li {
        border-bottom: 1px solid #2db1e6
    }

    .header-main-nav > li > a .glyphicon-triangle-bottom {
        padding: 10px;
        float: right;
        margin-left: -42px
    }

    .header-main-nav .inner-list {
        position: static;
        margin-top: 15px;
        opacity: 1;
        box-shadow: none;
        background: #ffffff;
        display: none
    }

    .category-aside, .read-also {
        margin-top: 30px
    }

    .header-main-nav .inner-list a, .header-main-nav .inner-list a:focus {
        color: #0099d6
    }

    .hamburger, .header-main-nav li, .result b {
        display: block
    }

    .advance-menu {
        background: #0099d6
    }

    .header-container .container.clearfix {
        position: relative
    }

    .hamburger {
        position: absolute;
        top: 35px;
        left: 15px;
        background: #f89c19;
        width: 80px;
        height: 80px;
        border: none;
        border-radius: 5px;
        line-height: 102px
    }

    .hamburger:hover {
        background: #dd8502
    }

    .hamburger .fa {
        font-size: 50px;
        color: #ffffff
    }

    .header-logo {
        margin-left: 100px;
        padding-top: 10px
    }

    .video-play {
        top: 67px
    }

    .agecomplex-wrapper {
        padding-right: 30px;
        padding-left: 30px
    }

    .faq-item {
        padding-right: 50px;
        padding-left: 30px
    }

    .arrow-right {
        top: 75%;
        right: 50px
    }

    #form-question {
        width: 750px
    }

    .section-answer h2 {
        font-size: 25px
    }

    .reviews-text iframe {
        width: 363px
    }

    .rules-wrapper {
        padding-right: 30px;
        padding-left: 100px
    }

    .rules-img {
        width: 70px;
        height: auto
    }

    .news-wrapper {
        padding-right: 30px;
        padding-left: 30px
    }

    .category-aside {
        display: none
    }

    .gallery-wrapper .category-aside {
        display: block
    }

    .read-also .h2-caption {
        padding-left: 15px
    }

    .read-also::after {
        content: "";
        display: table;
        clear: both
    }

    .aside-item {
        width: 50%;
        float: left;
        padding: 0 15px
    }

    .aside-popular-in-blog h2, .programs-item {
        padding-left: 15px
    }

    .aside-item:nth-child(4) {
        display: none
    }

    .aside-popular-in-blog::after, .center-programs::after, .other-centers ul::after {
        display: table;
        content: "";
        clear: both
    }

    .category-aside ul li {
        margin: 10px 0
    }

    .category-aside ul {
        margin: 10px -10px
    }

    .cities li {
        width: 50%
    }

    .choose-caption h2 {
        font-size: 22px
    }

    .programs-item {
        width: 50%;
        float: left;
        padding-right: 15px;
        border-bottom: none !important
    }

    .center-programs h2 {
        padding: 0 15px
    }

    .other-centers ul li {
        width: 50%;
        float: left
    }

    .single-content {
        flex-direction: row;
        flex-wrap: wrap
    }

    .stations, .streets {
        width: 50%;
        margin: 30px 0
    }

    .single-info {
        width: 100%;
        margin: 30px 0
    }
}

@media all and (max-width: 767px) {
    .header-city *, .header-centers *, .header-city, .header-centers {
        line-height: 25px;
    }

    .header-top{
        justify-content: center;
    }
    .left-block-courses, .right-block-courses {
        display: inline-block;
        width: 100%;
        padding: 0;
        text-align: center
    }

    .left-block-courses h2, .right-block-courses h1 {
        text-align: center
    }

    .container {
        width: 320px
    }

    .advance-menu li:first-child {
        margin-right: 25px
    }

    header .container:nth-child(2) {
        position: relative
    }

    .advance-menu li {
        display: block;
        text-align: center
    }

    .inner-list li:last-child a {
        border-bottom: none;
        padding-bottom: 0
    }

    .header-main-nav {
        flex-direction: column;
        width: 320px;
        display: none
    }

    .advance-menu {
        width: 320px;
        height: auto;
        display: none
    }

    .responsive-menu {
        position: absolute;
        width: 0;
        background: #ffffff;
        overflow: hidden;
        left: 0
    }

    .header-main-nav > li {
        border-bottom: 1px solid #2db1e6
    }

    .header-main-nav > li > a .glyphicon-triangle-bottom {
        padding: 10px;
        float: right;
        margin-left: -42px
    }

    .header-main-nav .inner-list {
        position: static;
        margin-top: 15px;
        opacity: 1;
        box-shadow: none;
        background: #ffffff;
        display: none
    }

    .header-main-nav .inner-list a, .header-main-nav .inner-list a:focus {
        color: #0099d6
    }

    .header-main-nav .inner-list::before {
        display: none
    }

    .header-main-nav li {
        display: block;
        text-align: center
    }

    .advance-menu {
        background: #0099d6
    }

    .header-container .container.clearfix {
        position: relative
    }

    .review-content.review-content-text::before {
        display: none
    }

    .franchise-main .features, .hamburger {
        display: block
    }

    .hamburger {
        position: absolute;
        bottom: 18px;
        right: 15px;
        background: #f89c19;
        width: 50px;
        height: 50px;
        border: none;
        border-radius: 5px;
        line-height: 56px;
        padding: 0 6px;
    }

    .franchise-main .features-img, .header-franchise, .socials-aside {
        display: none
    }

    .hamburger:hover {
        background: #dd8502
    }

    .hamburger .fa {
        font-size: 30px;
        color: #ffffff
    }

    .banner-wrapper {
        height: 200px
    }

    .time {
        font-size: 13px
    }

    .header-phone {
        margin: 15px 0 15px auto;
        display: table;
        min-height: 35px
    }

    .align-middle-cell {
        display: table-cell;
        vertical-align: middle
    }

    .header-phone a, .moscowroystat, .moscowroystat a, .number, .number a {
        font-size: 16px
    }

    .header-caption {
        display: none
    }



    .blog-slider-item .item-text, .footer-center, .footer-language, .footer-phone {
        display: none
    }

    .header-logo {
        width: 100%;
        padding: 0;
        margin: 15px 0;
        max-width: 160px;
        max-height: 100px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .header-centers, .header-city {
        position: absolute;
        max-width: 250px;
        white-space: nowrap;
    }

    .header-city {
        bottom: 42px;
        left: -20px;
    }

    .header-city .glyphicon {
        margin-right: 3px;
    }

    .header-centers {
        bottom: 18px;
        left: -22px;
    }

    .header-caption {
        position: relative;
        top: 14px;
        font-size: 20px;
        margin-top: 10px
    }

    .main-section1 .number {
        font-size: 30px
    }

    .main-section2 .main-item:hover {
        padding: 25px 5px 0;
        margin: 0 0 60px;
        width: 100%;
        height: 190px
    }

    .blog-slider-item {
        margin: 5px 0
    }

    .footer-nav {
        width: 320px;
        flex-wrap: wrap;
        justify-content: flex-start
    }

    .agecomplex-item, .section-caption {
        flex-direction: column
    }

    .footer-nav li {
        margin: 10px 15px
    }

    .footer-nav li:first-child {
        width: 70px;
        overflow: hidden;
        white-space: nowrap
    }

    .footer-container {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .footer-container a {
        margin: 20px 0;
        padding: 5px;
    }

    .pages, .reviews-item::before, .rules-img, .section-caption img, .user-img {
        display: none
    }

    .div-common-h1, h1 {
        font-size: 25px;
        text-align: left
    }

    .main-h1 {
        text-align: center;
    }

    .contacts-main h1, .section-caption {
        text-align: center
    }

    .agecomplex-wrapper {
        padding-left: 30px;
        padding-right: 30px
    }

    .agecomplex-img {
        width: 100%;
        height: auto;
        margin-bottom: -100px
    }

    .agecomplex-img img {
        width: 100%;
        height: auto
    }

    .agecomplex-item h2 {
        font-size: 19px
    }

    .agecomplex-right {
        background: rgba(255, 255, 255, .7)
    }

    .breadcrumbs, .breadcrumbs li {
        padding: 0
    }

    .winner {
        width: 100%;
        margin-bottom: 20px
    }

    .faq-item {
        padding-left: 15px;
        padding-right: 15px
    }

    .faq-caption {
        font-size: 16px
    }

    .arrow-right {
        top: 72%;
        right: 15px
    }

    #form-question {
        width: 320px;
        margin-left: -15px
    }

    #form-question label {
        width: 100%;
        padding: 0
    }

    #form-question .button {
        width: 100%;
        border-radius: 8px
    }

    .section-caption {
        margin: 0 0 0 -15px;
        width: 320px;
        height: auto;
        padding: 20px
    }

    .free-lesson {
        width: 100%;
        font-size: 18px;
        line-height: 22px;
        margin-bottom: 15px
    }

    .section-answer h2 {
        font-size: 20px;
        margin: 15px 0
    }

    .reviews-wrapper {
        padding-left: 0
    }

    .choose-city, .rules-wrapper {
        padding: 30px
    }

    .reviews-item {
        padding-right: 30px;
        padding-left: 30px;
        background-image: none
    }

    .reviews-text {
        line-height: 20px;
        font-size: 14px
    }

    .reviews-text iframe {
        width: 100%;
        height: auto
    }

    .reviews-user {
        left: 30px
    }

    .choose-city {
        margin-bottom: 30px
    }

    .cities li {
        width: 100%
    }

    .choose-caption {
        flex-direction: column
    }

    .choose-caption h2 {
        font-size: 18px;
        margin-right: 0;
        margin-bottom: 10px
    }

    .show-city {
        font-size: 14px
    }

    .show-city .fa {
        margin-right: -10px
    }

    .search-city input {
        width: 130px
    }

    .rule-number {
        width: 30px;
        margin-left: -20px;
        font-size: 0
    }

    .rule-text {
        text-align: left;
        bottom: 0
    }

    .rule-number .number {
        background-image: none;
        width: 20px;
        height: 25px;
        font-size: 25px;
        line-height: 30px
    }

    .rule {
        align-items: flex-start
    }

    .postsriptum {
        font-size: 18px
    }

    .category-aside ul {
        display: flex;
        flex-wrap: wrap;
        margin: 0 -4px
    }

    .article-main .category-aside, .author-info, .blog-main aside, .paginator li:not(:first-child):not(:last-child), .read-also .aside-item:nth-child(4), .single-contacts-img img, .stations-img img, .streets-img img, .top-sharing, .watching {
        display: none
    }

    .category-aside ul li {
        margin: 0
    }

    .category-aside {
        padding: 10px;
        margin-left: -15px;
        margin-right: -15px
    }

    .category-aside ul * {
        font-size: 14px
    }

    .article-caption .date {
        width: 100%
    }

    .article {
        margin-bottom: 30px
    }

    .article h1 {
        font-size: 18px
    }

    .article-content h2 {
        font-size: 16px
    }

    .article-content * {
        font-size: 14px
    }

    .news-wrapper {
        padding: 30px
    }

    .news-main h1 {
        text-align: center
    }

    .news-caption {
        font-size: 18px
    }

    .popup-wrapper iframe {
        width: 320px;
        height: 180px;
        margin: -90px 0 0 -160px
    }

    .centerpage-contacts {
        padding-right: 10px;
        padding-left: 10px
    }

    .contacts-item * {
        font-size: 13px
    }

    .contacts-item {
        margin: 10px 0
    }

    .contacts-label {
        width: 110px
    }

    .single-contacts {
        padding: 30px 10px 30px 15px
    }

    .single-contacts h2 {
        font-size: 19px;
        margin-bottom: 20px
    }

    .single-caption {
        flex-direction: column
    }

    .single-content {
        flex-wrap: wrap
    }

    .single-content > * {
        width: 100%
    }

    .single-info, .stations, .streets {
        padding: 0;
        margin: 20px 0
    }

    .single-map-wrapper {
        width: 260px;
        height: 290px;
        margin: 0
    }

    .advance-menu li {
        border-bottom: 1px solid #ffffff;
        margin: 0
    }
}

.franchise-main :not(.fa) {
    font-family: Exo2
}

.franchise-main {
    background: #ffffff
}

.franchise-banner h1 {
    font: 900 35px/40px Exo2;
    color: #ffffff;
    text-align: left;
    margin-bottom: 20px
}

.franchise-banner, .franchise-banner.business {
    margin-bottom: 40px;
    margin-top: -3px;
    height: auto
}

.franchise-main h2 {
    font-size: 34px;
    line-height: 35px;
    text-transform: none
}

.franchise-banner {
    background: url(/img/franchise-banner-bg.jpg) top center no-repeat;
    background-size: auto 795px
}

.franchise-banner.business {
    background: url(/img/business_poeople1.jpg) center;
    background-size: cover
}

.banner-description {
    color: #ffffff;
    font-size: 20px;
    line-height: 25px
}

.franchise-black {
    font-weight: 900;
    font-size: 25px;
    letter-spacing: .05em;
    color: #f89c19
}

.business .franchise-black {
    font-weight: 900;
    font-size: 25px;
    letter-spacing: .05em;
    color: #ffffff
}

.banner-info {
    margin-top: 20px;
    background: #ffffff;
    border-radius: 5px;
    padding: 10px 30px 0;
    overflow: hidden
}

.banner-list li {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    color: #5a656c
}

.banner-list li img {
    position: absolute;
    top: 0;
    left: 0
}

.banner-list li:nth-child(2) img {
    top: -69px
}

.banner-list li:nth-child(3) img {
    top: -138px
}

.banner-list li:nth-child(4) img {
    top: -208px
}

.banner-list li:nth-child(5) img {
    top: -277px
}

.banner-list li:nth-child(6) img {
    top: -348px
}

.banner-list li:nth-child(7) img {
    top: -421px
}

.banner-list-img {
    margin-right: 20px;
    width: 62px;
    height: 62px;
    overflow: hidden;
    flex-shrink: 0;
    position: relative
}

.show-more {
    text-align: center;
    margin-bottom: 20px
}

.show-more a {
    color: #f89c19;
    font-weight: 700
}

.show-more a .fa {
    font-size: 25px;
    margin-left: 10px;
    position: relative;
    top: 4px
}

.banner-form {
    margin: 0 -30px;
    background: #f89c19;
    padding: 5px 7px 25px
}

.form-caption {
    font: 700 20px/26px Exo2;
    text-align: center;
    color: #ffffff;
    margin-bottom: 10px
}

#franchise-call {
    display: flex;
    justify-content: space-between;
    height: 95px;
    flex-wrap: wrap
}

#franchise-call > * {
    margin: 0;
    flex-shrink: 1;
    width: 24%;
    height: 50px
}

#franchise-call input {
    border: none;
    border-radius: 5px;
    padding: 0 15px
}

#franchise-call .button {
    background: #cd1c7a;
    padding: 0 25px
}

#franchise-call .label-checkbox {
    width: 100%;
    margin: 10px
}

#franchise-call .button:hover {
    background: #b61c6e
}

.franchise-work h2 {
    color: #0099d6;
    margin-bottom: 40px;
    margin-top: auto
}

.work-text {
    width: 1020px;
    margin: 10px auto 50px;
    font-family: ClearSans;
    font-size: 24px;
    line-height: 30px;
    color: #5a656c
}

.work-bold {
    font-size: 25px;
    font-weight: 700;
    color: #0099d6;
    font-family: "Exo2;"
}

.franchise-today {
    color: #ffffff;
    background: #0099d6;
    padding-top: 40px;
    padding-bottom: 20px
}

.franchise-today h2 {
    margin-top: 0
}

.franchise-today .container {
    display: flex;
    justify-content: space-between
}

.today-item {
    width: 220px;
    height: 220px;
    padding: 100px 0 0 50px;
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 30px;
    font-weight: 700
}

.today-item span {
    font-size: 50px;
    font-weight: 700
}

.today-item:nth-child(1) {
    background-image: url(/img/today-1.png)
}

.today-item:nth-child(2) {
    background-image: url(/img/today-2.png)
}

.today-item:nth-child(3) {
    background-image: url(/img/today-3.png)
}

.franch-biz-ico {
    float: left
}

.franch-biz {
    padding: 40px 0 60px
}

.franch-biz-caption {
    margin-bottom: 50px;
    padding-left: 275px;
    font: 400 24px/30px ClearSans;
    color: #5a656c
}

.franch-biz-orange {
    font-size: inherit;
    font-weight: 500;
    font-family: inherit;
    color: #f99c19;
    float: left;
    display: inline-block;
    height: 60px
}

.franch-biz-orange::after {
    content: "— ";
    color: #5a656c;
    margin: 0 5px
}

.franch-biz-img {
    width: 169px;
    height: 173px;
    margin: 0 auto 40px;
    overflow: hidden;
    position: relative
}

.franch-biz-img img {
    position: absolute;
    top: 0;
    left: 0
}

.franch-biz-item {
    padding: 30px 20px;
    height: 355px;
    border: 5px solid #ebf7fb;
    text-align: center;
    font-family: ClearSans
}

.franch-biz .col-lg-4:nth-child(2) img {
    left: -169px
}

.franch-biz .col-lg-4:nth-child(2) .franch-biz-img {
    width: 170px
}

.franch-biz .col-lg-4:nth-child(3) img {
    left: -339px
}

.franch-bi-item-text {
    font-size: 18px;
    line-height: 24px;
    color: #5a656c;
    font-weight: 500
}

.franch-biz-rate {
    font-size: 17px;
    line-height: 24px;
    color: #0099d6;
    font-weight: 700
}

.advantage .container {
    background: url(/img/adventage-bg.jpg) center -440px;
    width: 100%;
    padding-bottom: 35px;
    padding-top: 35px;
    overflow: hidden
}

.advantage h2 {
    color: #0099d6;
    margin-top: 0;
    margin-bottom: 40px
}

.advantage-item {
    width: 1200px;
    padding-top: 1px;
    padding-right: 15px;
    padding-left: 15px;
    height: 270px;
    color: #5a656c;
    font: 400 18px/25px ClearSans;
    margin: 0 auto
}

.advantage-caption {
    margin-top: 80px;
    margin-bottom: 15px;
    font: 700 25px/30px Exo2
}

.section-consult, .section-we {
    font: 700 34px/48px Exo2;
    text-align: center
}

.advantage-item:nth-child(odd) img {
    float: right
}

.advantage-item:nth-child(even) img {
    float: left;
    margin-right: 80px
}

.section-we {
    color: #ffffff;
    background: #f89c19;
    padding: 35px 0
}

.section-consult {
    padding: 35px 0 45px;
    color: #0099d6;
    text-transform: uppercase
}

#consult * {
    font-family: ClearSans
}

#consult > * {
    width: 220px;
    flex-shrink: 1;
    height: 52px
}

#consult {
    display: flex;
    justify-content: space-between;
    width: 925px;
    margin: 30px auto 0;
    flex-wrap: wrap
}

#consult .label-checkbox {
    margin-top: 15px;
    width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

#consult .label-checkbox .label-text {
    font-size: 16px;
    color: #ffffff;
    text-transform: none
}

.franchise-main #consult .label-checkbox .label-text {
    color: #333333
}

#consult input {
    border-radius: 5px;
    border: 4px solid #d9e4ea;
    padding: 0 13px;
    color: #0099d6
}

#consult .button {
    background: #e3048a
}

#consult .button:hover {
    background: #b61c6e;
    height: 54px;
    margin-top: -1px;
    margin-bottom: -1px
}

.franchise-begin {
    padding: 60px 0;
    background: #0099d6
}

.franchise-begin h2 {
    text-transform: uppercase;
    margin-top: 0
}

.begin-list {
    display: flex;
    flex-wrap: wrap
}

.begin-list li {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 100px;
    width: 50%;
    height: 55px;
    margin-bottom: 35px;
    color: #ffffff;
    font: 400 18px/24px ClearSans
}

.features-content *, .review-slider-text, .review-slider-text span {
    font-size: 18px;
    line-height: 25px
}

.features-content blockquote, .franchise-contact-caption {
    font-weight: 700;
    text-transform: uppercase
}

.features-content, .question-top input, .review-slider-item * {
    font-family: ClearSans
}

.begin-img {
    width: 55px;
    flex-shrink: 0;
    position: absolute;
    top: 0;
    left: 10px;
    height: 55px;
    overflow: hidden
}

.begin-img img {
    position: absolute;
    top: 0;
    left: 0
}

.begin-list li:nth-child(2n) {
    padding-left: 140px
}

.begin-list li:nth-child(2n) .begin-img {
    left: 50px
}

.begin-list li:nth-child(2) img {
    top: 0;
    left: -59px
}

.begin-list li:nth-child(3) img {
    top: -86px;
    left: 0
}

.begin-list li:nth-child(4) img {
    top: -86px;
    left: -59px
}

.begin-list li:nth-child(5) img {
    top: -172px;
    left: 0
}

.begin-list li:nth-child(6) img {
    top: -172px;
    left: -59px
}



.begin-list li:nth-child(7) img {
    top: -255px;
    left: -59px
}

.begin-list li:nth-child(8) img {
    top: -349px;
    left: 0
}

.begin-list li:nth-child(9) img {
    top: -352px;
    left: -59px
}

.begin-list li:nth-child(9) .begin-img {
    height: 58px
}

.begin-list li:nth-child(10) img {
    top: -452px;
    left: 0
}

.begin-list li:nth-child(11) img {
    top: -452px;
    left: -59px
}

.begin-list li:nth-child(12) img {
    top: -559px;
    left: 0
}

.begin-list li:nth-child(13) img {
    top: -559px;
    left: -59px
}

.begin-list li:nth-child(14) img {
    top: -663px;
    left: 0
}

.features {
    padding-top: 80px;
    padding-bottom: 70px;
    background: #ebf7fb
}

.features h2 {
    color: #0099d6;
    margin-bottom: 80px;
    margin-top: 0
}

.features .container {
    display: flex;
    align-items: center
}

.features .container img {
    margin-right: 70px;
    margin-left: 20px
}

.features-content * {
    color: #5a656c
}

.features-content > * {
    margin: 20px 0
}

.features-content blockquote {
    border-left: none;
    padding: 0 0 0 40px
}

.franchise-reviews h2 {
    color: #5a656c
}

.franchise-reviews {
    padding-bottom: 50px
}

.review-slider-item, .review-slider-item.slick-slide {
    display: flex;
    margin-bottom: 42px;
    padding: 0 50px
}

.video-play {
    opacity: .8
}

.review-slider-user {
    width: 144px;
    flex-shrink: 0;
    margin-left: 25px;
    margin-right: 45px;
    font-size: 18px
}

.franchise-contact-caption, .franchise-contact-text {
    line-height: 21px;
    letter-spacing: .02em
}

.review-slider-user img {
    display: block
}

.reviews-slider {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.reviews-slider .slick-dots button::before {
    content: ""
}

.reviews-slider .slick-dots button {
    width: 14px;
    height: 14px;
    padding: 0;
    border: 3px solid #5a656c;
    border-radius: 50%
}

.reviews-slider .slick-dots .slick-active button {
    background: #5a656c
}

.main-map-allcity {
    height: 570px;
    background-image: url(/img/franchise-map.jpg);
    background-position: center center;
    -webkit-background-size: cover;
    background-size: cover
}

.franchise-contacts h2 {
    margin: 40px 0;
    text-transform: uppercase
}

.franchise-contacts {
    padding-bottom: 50px
}

.franchise-contact-item {
    text-align: center
}

.franchise-contact-item img {
    margin-bottom: 25px
}

.franchise-question {
    background: #0099d6;
    color: #ffffff
}

.franchise-question h2 {
    margin: 45px 0 0;
    font-size: 26px;
    line-height: 32px;
    text-transform: uppercase
}

#franchise-question {
    padding: 45px 70px
}

#franchise-question .label-checkbox {
    width: 100%;
    text-align: center;
    justify-content: center;
    padding-top: 5px;
}

.question-top {
    justify-content: space-between
}

#franchise-question .label-checkbox a {
    color: #ffffff;
    text-decoration: underline
}

.question-top {
    display: flex
}

.question-top input {
    display: block;
    height: 40px;
    padding-left: 30px;
    color: #0099d6;
    border-radius: 5px;
    border: none;
    width: 320px;
    font-weight: 400;
    margin-top: 3px
}

.question-bottom {
    text-align: center;
    margin-top: 27px
}

.question-bottom .button {
    background: #f89c19
}

.question-bottom .button:hover {
    background: #e19021
}

.franchise-footer {
    color: #5a656c;
    padding: 28px 0;
    line-height: 42px
}

.franchise-footer * {
    font: 700 16px/21px ClearSans
}

.franchise-footer a {
    width: 41px;
    height: 41px;
    display: inline-block;
    background-image: url(/img/frachise-socials.png);
    background-position: 0 0
}

.franchise-footer .container {
    display: flex;
    align-items: center
}

.franchise-vk {
    margin-right: 10px
}

a.franchise-fb {
    background-position: -41px 0;
    margin-right: 15px
}

.align-middle-cell {
    background: 0 0
}

@media all and (max-width: 1199px) and (min-width: 992px) {
    .question-top input {
        width: 255px
    }

    #franchise-call .button {
        padding: 0 24px
    }

    .advantage-item {
        width: 970px
    }

    .advantage-item br {
        display: none
    }

    .begin-list li {
        height: 75px
    }
}

@media all and (max-width: 991px) and (min-width: 768px) {
    .advantage-item, .work-text {
        width: 750px
    }

    .begin-list li {
        width: 100%
    }

    .franch-biz-orange {
        height: 29px
    }

    .franch-biz-item {
        margin: 20px 40px
    }

    .advantage-caption {
        margin-top: 44px
    }

    .advantage-item:nth-child(2n) img {
        margin-right: 40px
    }

    #consult {
        width: 750px
    }

    #consult > * {
        width: 178px
    }

    .begin-list li:nth-child(2n) {
        padding-left: 100px
    }

    .begin-list li:nth-child(2n) .begin-img {
        left: 10px
    }

    .review-slider-item, .review-slider-item.slick-slide, .slick-list {
        width: 640px
    }

    .main-map-allcity {
        height: 550px
    }

    .franchise-contact-item {
        padding-left: 29px
    }

    #franchise-question {
        padding-right: 0;
        padding-left: 0
    }

    .question-top input {
        width: 210px
    }
}

@media all and (max-width: 767px) {
    #franchise-call, .franchise-today .container {
        flex-direction: column
    }

    .franchise-main .container {
        width: 100%
    }

    .footer-top .container {
        display: block
    }

    .footer-caption {
        text-align: center;
        width: 100%
    }

    .franchise-banner h1 {
        font-size: 22px;
        line-height: 32px
    }

    .banner-list li img {
        width: 31px
    }

    .banner-list-img {
        width: 31px;
        height: 31px
    }

    .banner-list li:nth-child(2) img {
        top: -34px
    }

    .banner-list li:nth-child(3) img {
        top: -69px
    }

    .banner-list li:nth-child(4) img {
        top: -104px
    }

    .banner-list li:nth-child(5) img {
        top: -138px
    }

    .banner-list li:nth-child(6) img {
        top: -174px
    }

    .banner-list li:nth-child(7) img {
        top: -210px
    }

    .banner-list li {
        font-size: 14px
    }

    .form-caption {
        font: 700 18px/22px Exo2
    }

    #franchise-call {
        height: 250px
    }

    #franchise-call input {
        height: 50px;
        width: 100%;
        margin: 10px auto;
    }

    #confirm_franchise_top_label .label-text {
        max-width: 70%
    }

    #franchise-call .button {
        width: 100%;
        margin: 0
    }

    .franchise-banner .banner-form {
        height: auto;
    }

    .franchise-main h2 {
        font-size: 21px;
        line-height: 29px
    }

    .work-text {
        width: 100%;
        padding: 0 15px;
        font-size: 20px;
        line-height: 27px
    }

    .today-item {
        margin-left: auto;
        margin-right: auto
    }

    .franch-biz-ico {
        width: 200px;
        margin: 0 auto;
        float: none;
        display: block
    }

    .franch-biz-caption {
        margin: 10px 0;
        padding: 0;
        text-align: center;
        font-size: 20px
    }

    .franch-biz-orange {
        height: 29px
    }

    .franch-biz-item {
        margin-top: 20px;
        margin-bottom: 20px
    }

    .advantage-item:nth-child(2n+1) img {
        float: left;
        margin: 0
    }

    .advantage-item:nth-child(2n) img {
        margin: 0
    }

    .advantage-item img {
        width: 50px;
        left: 0;
        height: auto;
        position: absolute
    }

    .advantage-item {
        position: relative;
        padding-left: 60px;
        margin: 0 0 30px;
        width: 100%;
        font-size: 16px;
        line-height: 20px;
        height: auto
    }

    .advantage-caption {
        margin: 0;
        font-size: 18px;
        line-height: 22px
    }

    .advantage .container {
        background-image: none;
        padding-top: 0;
        padding-bottom: 0
    }

    .advantage {
        padding-bottom: 30px
    }

    .section-consult, .section-we {
        font: 700 20px/36px Exo2
    }

    #consult {
        flex-direction: column;
        width: 100%;
        align-items: center;
        flex-wrap: wrap
    }

    #consult > * {
        margin: 10px 0
    }

    .begin-list li {
        width: 100%;
        height: auto
    }

    .begin-list li:nth-child(2n) {
        padding-left: 100px
    }

    .begin-list li:nth-child(2n) .begin-img {
        left: 10px
    }

    .features {
        display: none
    }

    .review-slider-item.slick-slide {
        flex-direction: column;
        padding: 0 10px
    }

    .reviews-slider {
        display: block;
        position: relative
    }

    .next-video {
        right: 0
    }

    .prev-video {
        left: 0
    }

    .slick-list {
        width: 100%
    }

    .review-slider-text {
        font-size: 16px;
        line-height: 20px
    }

    .video-controls {
        position: absolute;
        bottom: 0;
        height: 40px;
        line-height: 40px
    }

    .review-slider-user {
        margin-bottom: 10px
    }

    .main-map-allcity {
        display: none
    }

    .franchise-contact-item {
        padding-left: 15px;
        text-align: center
    }

    .question-top {
        flex-direction: column;
        text-align: center
    }

    #franchise-question {
        padding-left: 0;
        padding-right: 0
    }

    .question-top input {
        width: 100%;
        max-width: 350px;
        margin-left: auto;
        margin-right: auto
    }

    .franchise-work h2 {
        margin: 30px 0
    }

    .franchise-banner {
        margin-bottom: 0;
        background: #1566a8;
    }

    .work-text {
        margin-top: 0
    }

    .banner-info {
        margin-bottom: 40px
    }

    .franchise-footer a.franchise-fb, .franchise-footer a.franchise-vk {
        width: 20px;
        height: 20px;
        margin-right: 10px;
        -webkit-background-size: 40px;
        background-size: 40px;
        flex-shrink: 0
    }

    .franchise-footer a.franchise-fb {
        background-position: -20px 0
    }

    .banner-text1, .banner-text2, .banner-text3, .banner-text4 {
        font-size: 18px;
        line-height: 26px
    }

    .banner-wrapper {
        height: 375px
    }
}

.banner-reg {
    align-items: center
}

.counters-text {
    font: 700 18px/20px Exo2;
}

.banner-reg {
    width: calc(600px + calc(50vw - 600px));
    margin-top: 65px;
    height: 80px;
    display: flex;
    background: rgba(255, 255, 255, .82)
}

.banner-reg .button {
    background: #e3048a;
    margin-right: 30px
}

.reg-text {
    display: flex;
    align-items: center
}

.reg-text .number {
    font-size: 35px;
    margin-left: 30px;
    position: relative;
    top: -5px
}

.banner-reg .button:hover {
    background: #b61c6e
}

.learning-list {
    margin: 30px 0
}

.learning-list li {
    padding-left: 32px;
    position: relative;
    font-size: 18px;
    line-height: 30px
}

.learning-list li::before {
    display: block;
    position: absolute;
    top: 13px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    border: 2px solid #ffffff
}

.learning-video {
    width: 470px;
    height: 280px;
    background: #ffffff;
    padding: 23px;
    border-radius: 10px
}

.learning-video .video-item {
    width: 100%;
    height: 100%;
    margin: 0;
    display: inline-block;
    overflow: hidden
}

.learning-video .video-item .video-play {
    top: 50%;
    margin-top: -20px
}

.finish-caption {
    font-weight: 700;
    color: #0099d6
}

.result-caption {
    margin-top: 7px;
    font-weight: 700
}

.orange {
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    color: #e09544
}

.review-author {
    width: 350px;
    align-self: center;
    padding-left: 75px
}

.review-content {
    height: 357px;
    width: 590px;
    padding: 25px;
    border: 4px solid #daecf0;
    border-radius: 5px;
    background: #ffffff
}

.review-content.review-content-text {
    border: none;
    background: 0 0;
    height: auto;
    align-self: center;
    position: relative
}

.review-content.review-content-text::before {
    content: url(/img/quotes.png);
    position: absolute;
    left: -30px;
    top: 30px
}

.review-content * {
    line-height: 21px;
    color: #5a656c
}

.all-reviews a, .review-name {
    font-weight: 700;
    color: #0099d6
}

.review-content p {
    margin: 6px 0
}

.review-content .video-item {
    display: inline-block;
    margin: 0;
    width: 100%;
    height: 100%
}

.review-content .video-item .video-play {
    top: 50%;
    margin-top: -20px
}

.author-img {
    width: 148px;
    height: 148px;
    line-height: 148px;
    position: relative
}

.author-img .bottom-sharing {
    position: absolute;
    bottom: 10px;
    left: 0
}

.author-img .bottom-sharing li {
    padding: 0
}

.author-img img {
    border-radius: 5px;
    width: 100%;
    height: auto
}

.review-name {
    margin-top: 16px;
    font-size: 18px
}

.all-reviews {
    margin: 50px 0;
    text-align: center
}

.all-reviews a .fa {
    font-size: 22px;
    position: relative;
    top: 3px;
    margin-left: 10px
}

.organize-caption, .organize-text, .organize-text br {
    margin-bottom: 5px
}

.organize-caption {
    font: 700 18px/26px Exo2;
    text-transform: uppercase
}

.organize-text {
    font: 400 18px/26px Exo2
}

.organize-text .fa {
    font-size: 24px;
    margin-right: 25px
}

.organize-text-last {
    display: block;
    margin-top: 15px;
    font-weight: inherit;
    font-size: inherit
}

.duration-variant {
    font: 500 18px/24px Exo2;
    text-align: center
}

.variants {
    display: flex;
    flex-wrap: wrap
}

@media (min-width: 768px) {
    .variants {
        padding-bottom: 190px
    }
}

.variant-item {
    margin-top: 15px;
    width: 50%;
    padding: 0 50px
}

.variant-caption {
    margin-bottom: 10px;
    display: inline-block;
    padding: 0 13px;
    text-transform: uppercase;
    font: 700 18px/24px Exo2;
    color: #f89c19;
    background: #ffffff;
    border-radius: 5px;
    line-height: 40px
}

.variant-text {
    font: 400 18px/24px Exo2
}

.faq-arrow {
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #f99c19;
    text-align: center;
    border-radius: 5px;
    cursor: pointer
}

.faq-arrow:hover {
    background: #dd8502
}

.faq-arrow .fa {
    color: #ffffff;
    font-size: 28px;
    position: relative;
    top: 5px
}

.faq-arrow .fa-angle-up {
    top: 3px
}

.faq-answer * {
    color: #5c656c;
    line-height: 24px;
    letter-spacing: .02em
}

.faq-answer {
    padding-right: 100px;
    margin: 15px 0;
    display: none
}

.hide-answer, .hide-answer:active, .hide-answer:focus {
    color: #f99c19
}

.hide-answer .fa {
    color: #f99c19;
    margin-left: 10px
}

.hide-answer:hover {
    text-decoration: underline;
    color: #f99c19
}

.fragments-wrapper {
    display: flex;
    justify-content: center;
    align-items: center
}

.fragments-slider {
    align-items: center
}

.fragments-thumbs {
    display: none;
    position: relative;
    width: 120px;
    background: #daecf0;
    border: 4px solid #daecf0;
    border-radius: 9px;
    overflow: hidden
}

.fragments-thumbs::after {
    position: absolute;
    right: -16px;
    bottom: 35px;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 16px solid #daecf0
}

.fragments-thumbs img {
    width: 100%;
    height: auto;
    margin-bottom: 5px;
    cursor: pointer
}

.fragments-thumbs img:last-child {
    margin-bottom: 0
}

.fragments-thumbs img.active {
    opacity: .6
}

.fragments-slider {
    width: 1020px;
    display: flex;
    justify-content: space-between
}

.fragments-slider .slick-list {
    width: 800px
}

.fragment-item.slick-slide {
    width: 800px;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.fragment-left {
    width: 190px
}

.fragment-video {
    width: 588px;
    border: 4px solid #daecf0;
    padding: 25px;
    height: auto;
    border-radius: 8px
}

.fragment-video .video-item {
    display: inline-block;
    margin: 0;
    width: 100%
}

.fragment-video .video-item .video-play {
    margin: -32px 0 0 -32px;
    top: 50%;
    width: 65px;
    height: 65px
}

.fragment-video span {
    display: none
}

.fragments-wrapper .video-controls {
    margin-top: 0
}

.fragment-caption {
    font-weight: 700;
    color: #0099d6
}

.fragment-caption .city {
    color: #0099d6
}

.fragment-text {
    color: #5a656c;
    line-height: 21px
}

@media all and (max-width: 1199px) and (min-width: 992px) {

    .fragments-slider .slick-list {
        width: 670px
    }

    .fragments-slider {
        width: 790px
    }
}

@media all and (max-width: 991px) and (min-width: 768px) {
    .popup-custom-wrapper {
        max-width: auto;
        max-height: 100%
    }

    .news-list-content-right {
        margin-bottom: 20px
    }

    .review-author {
        padding-left: 25px;
        width: 280px
    }

    .review-content {
        height: 253px
    }

    .author-img {
        width: 111px;
        height: 111px;
        line-height: 111px
    }

    .variant-item {
        padding: 0 15px
    }

    .fragments-thumbs {
        display: none
    }

    .fragment-item.slick-slide {
        width: 400px
    }

    .fragments-slider .slick-list {
        width: 590px
    }
}

@media all and (max-width: 767px) {
    #franchise-call {
        height: auto;
    }

    #franchise-call .label-checkbox {
        width: auto;
    }

    .learning-video, .review-content {
        height: auto
    }

    .popup-custom-wrapper {
        max-width: auto;
        max-height: 100%
    }

    .news-list-content-right {
        margin-bottom: 20px
    }

    .banner-counters {
        justify-content: flex-start;
        max-width: 360px;
        width: 100%
    }

    .banner-reg {
        width: 100%;
        justify-content: space-around;
        flex-wrap: wrap
    }

    .reg-text {
        flex-wrap: wrap
    }

    .reg-text {
        width: 150px;
        justify-content: space-around
    }

    .banner-reg .button, .reg-text .number {
        margin: 0
    }

    .review-author {
        display: none
    }

    .video-controls {
        z-index: 100
    }

    .fragment-left, .fragments-thumbs {
        display: none
    }

    .variant-item {
        width: 100%;
        padding: 0;
        margin-bottom: 30px
    }

    .fragments-slider, .fragments-slider .slick-list {
        width: 100%
    }

}

.attention-caption {
    margin-bottom: 40px;
    color: #0099d6;
    text-align: center;
    font-size: 18px;
    line-height: 25px
}

.line-trough {
    text-decoration: line-through;
    font-size: inherit;
    font-weight: inherit;
    color: inherit
}

.attention-item {
    padding-left: 65px;
    position: relative;
    text-align: justify;
    margin-bottom: 35px;
    font-size: 18px;
    color: #858585
}

.attention-item img {
    position: absolute;
    left: 10px;
    top: 0
}

.attention-last {
    margin-top: 50px;
    margin-bottom: 50px;
    padding: 25px 55px 25px 65px;
    font-size: 18px;
    line-height: 25px;
    overflow: hidden;
    border-radius: 9px;
    background: #0099d6;
    color: #ffffff;
    position: relative
}

.attention-last img {
    position: absolute;
    left: -50px;
    top: 30px
}

.attention-how {
    margin-bottom: 45px;
    padding: 30px 40px 30px 45px;
    background: #ffffff;
    border: 4px solid #daecf0;
    border-radius: 8px
}

.attention-how h2, .attention-how h3 {
    font: 700 25px/30px Exo2;
    text-transform: uppercase;
    text-align: center;
    color: #0099d6;
    margin-bottom: 30px;
    margin-top: 0
}

.how-wrapper {
    display: flex;
    flex-wrap: wrap
}

.how-video-wrapper {
    width: 50%;
    padding-right: 15px
}

.how-video-wrapper iframe {
    width: 100%;
    border-radius: 5px
}

.how-content {
    width: 50%;
    padding-left: 15px
}

.how-item {
    margin-bottom: 25px;
    padding-left: 55px;
    position: relative;
    font-size: 18px;
    line-height: 24px;
    color: #858585
}

.how-item img {
    position: absolute;
    left: 0;
    top: 0
}

.video-sign {
    color: #5a656c;
    margin-top: 17px
}

.main-404 {
    background: #ffffff
}

@media all and (max-width: 991px) and (min-width: 768px) {
    .how-video-wrapper iframe {
        height: 200px
    }
}

@media all and (max-width: 767px) {
    .bottom-sharing li {
        width: 25px;
    }

    .bottom-sharing .list-inline {
        display: flex;
        margin: 0;
    }

    .bottom-sharing {
        justify-content: space-between;
    }

    .learning-video {
        padding: 5px;
    }

    .popup-wrapper .choose-city-container {
        margin-top: 10px
    }

    .choose-caption .h2-caption, .choose-caption h2 {
        font-size: 1em;
        margin: 0;
    }
}

.error-container {
    background: url(/img/404-bg.jpg) 34px 109px no-repeat;
    padding: 162px 200px 270px 370px
}

.error-top {
    display: flex;
    align-items: flex-end
}

.error {
    margin-left: 25px;
    margin-top: 50px;
    font: 700 21px Exo2;
    color: #e11891;
    text-transform: uppercase;
    letter-spacing: .02em
}

.error-text, .error-text a {
    line-height: 22px;
    font-size: 18px
}

.error-caption, .error-text {
    color: #0099d6;
    letter-spacing: .02em;
    font-family: Exo2
}

.error-caption {
    margin: 20px 0;
    font-size: 21px;
    font-weight: 700;
    text-transform: uppercase
}

.error-text a {
    letter-spacing: .02em;
    color: #e11891;
    text-decoration: underline;
    font-family: Exo2
}

.error-text a:hover {
    text-decoration: none
}

@media all and (max-width: 991px) and (min-width: 768px) {
    .error-container {
        padding-left: 100px;
        padding-right: 100px;
        padding-bottom: 100px;
        -webkit-background-size: contain;
        background-size: contain
    }

    .gallery-img {
        height: 170px
    }
}

@media all and (max-width: 767px) {
    .error-container {
        padding: 15px;
        background: url(/img/kite.png) center no-repeat;
        -webkit-background-size: contain;
        background-size: contain
    }

    .error-img {
        width: 100px
    }

    .error-img img {
        width: 100%;
        height: auto
    }
}

.gallery-wrapper {
    margin-bottom: 50px;
    padding: 30px 170px 50px 200px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    background: #ffffff
}

.gallery-img {
    width: 100%;
    margin: 0 auto;
    max-width: 100%;
    height: 75vh;
    display: flex;
    justify-content: center;
    align-items: center
}

.gallery-img img {
    max-width: 100%;
    max-height: 100%;
    display: inline-block
}

.gallery-img iframe {
    max-width: 100%;
    max-height: 100%
}

.gallery-text {
    margin: 10px 0 30px;
    font-size: 18px
}

.gallery-slider {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.gallery-slider .slick-list {
    width: calc(100% - 100px);
    margin: 0 auto
}

.file-upload {
    margin: 8px 0 10px;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    width: 48%;
    overflow: hidden
}

.reviews-form-wrapper .file-upload {
    width: 48%
}

.reviews-form-wrapper .text-center, .reviews-form-wrapper_timepopup .text-center {
    width: 100%
}

.file-upload span {
    color: #0099d6;
    font-weight: 400;
    white-space: nowrap
}

.file-upload input {
    display: none
}

.reviews-form-wrapper label:first-child, .reviews-form-wrapper label:nth-child(2), .reviews-form-wrapper_timepopup label:first-child, .reviews-form-wrapper_timepopup label:nth-child(2) {
    width: 48%
}

@media screen and (min-width: 1200px) {
    .gallery-main.main-common-background .container aside {
        width: calc(35% - 30px);
        float: right;
        display: inline-block;
        vertical-align: top
    }

    .gallery-main.main-common-background .container aside + .gallery-wrapper {
        width: 65%;
        display: inline-block;
        vertical-align: top
    }

    .gallery-wrapper {
        padding: 30px 100px 20px
    }
}

@media all and (max-width: 991px) and (min-width: 768px) {
    .gallery-img {
        height: 270px
    }

    .gallery-wrapper {
        padding-left: 10px;
        padding-right: 10px
    }
}

@media all and (max-width: 767px) {
    .gallery-wrapper {
        padding-left: 0;
        padding-right: 0
    }

    .gallery-img {
        height: 100px
    }

    .gallery-slider {
        justify-content: center;
        margin-bottom: 20px
    }
}

@media all and (max-width: 519px) {
    .popup-reg .reviews-form-wrapper, .popup-reg_timepopup .reviews-form-wrapper_timepopup {
        padding: 25px 10px 15px;
        width: calc(100% - 10px);
        max-width: 400px;
        height: auto
    }

    .reviews-form-wrapper .label-checkbox a, .reviews-form-wrapper .label-checkbox span, .reviews-form-wrapper_timepopup .label-checkbox a, .reviews-form-wrapper_timepopup .label-checkbox span {
        font-size: 12px
    }

    .popup-reg .reviews-form-wrapper .h3-caption, .popup-reg_timepopup .reviews-form-wrapper_timepopup .h3-caption {
        font-size: 16px
    }

    .popup-reg .reviews-form-wrapper p, .popup-reg_timepopup .reviews-form-wrapper_timepopup p {
        font-size: 14px;
        line-height: 20px
    }

    .reviews-form-wrapper input, .reviews-form-wrapper select, .reviews-form-wrapper_timepopup input, .reviews-form-wrapper_timepopup select {
        margin: 5px 0
    }

    .reviews-form-wrapper .button-free-lesson, .reviews-form-wrapper_timepopup .button-free-lesson {
        margin: 10px auto !important
    }
}

.banner-wrapper {
    position: relative;
    overflow: hidden;
    background: rgba(97, 198, 237, .2)
}

.video-banner-bg {
    position: absolute;
    z-index: -10;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1920px;
    height: 1080px;
    overflow: hidden
}

.video-banner-bg::after {
    content: "";
    position: absolute;
    background-color: #000000;
    opacity: .8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-banner-bg iframe {
    width: 100%;
    height: 120%;
    position: relative;
    top: -10%
}

@media screen and (max-width: 1200px) {
    .advance-menu * {
        font-size: 14px
    }
    .footer-middle .open-feedback {
        margin-bottom: 10px
    }

    .video-banner-bg {
        width: 1200px;
        height: 720px
    }
}

@media screen and (max-width: 768px) {
    .video-banner-bg {
        width: 800px;
        height: 640px
    }
}

@media screen and (max-width: 480px) {
    .video-banner-bg {
        width: 640px;
        height: 480px
    }
}

.header-main-nav li.active span {
    color: #f79d1e
}

.main-section2 .main-item {
    padding: 25px 5px 0;
    margin: 0;
    width: 100%;
    height: 190px;
    border: 5px solid #0099d6;
    border-radius: 5px;
    text-align: center;
    background: #ffffff;
    transition-duration: .3s
}

.cities li {
    width: 100%;
    margin-bottom: 10px;
    text-align: center
}

@media all and (max-width: 991px) {
    .cities ul {
        columns: 2
    }

    .cities li {
        width: 100%
    }
}

@media all and (max-width: 767px) {
    .header-section {
        height: auto;
        padding-bottom: 90px;
    }

    .cities li, .how-content {
        width: 100%
    }

    .cities ul {
        columns: 1
    }

    .how-wrapper {
        display: block
    }

    .how-video-wrapper {
        width: 100%;
        margin-bottom: 40px
    }
}

.inner-list span {
    color: #f79d1e;
    font-size: 14px;
    display: block;
    /*padding: 13px 0 12px;*/
    border-bottom: 1px solid #2db1e6;
    width: auto;
    white-space: nowrap
}

.header-main-nav .innerList .inner-list span {
    color: #65d3ff;
}

.header-main-nav .innerList .innerList2 span.glyphicon {
    color: white;
    float: right;
    margin-top: 5px;
}

.innerList2:hover .inner-list {
    display: block;
}

.choose-city .cities li {
    text-align: left
}

.popup-feedback {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgba(0, 153, 214, .5)
}

.popup-feedback .feedback-form-wrapper {
    max-width: 500px;
    width: 100%;
    z-index: 9999;
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    padding: 30px;
    border-radius: 5px;
    text-align: center;
}

.popup-feedback input, .popup-feedback textarea {
    margin: 8px 0 10px;
    height: 40px;
    padding: 0 15px;
    border: 1px solid #d9e4ea;
    border-radius: 5px;
    display: block;
    color: #0099d6;
    font-weight: 400;
    width: 100%
}

.popup-feedback textarea {
    padding: 10px 15px;
    height: 100px;
    resize: none
}

.popup-feedback .h3-caption {
    text-align: left;
    color: #0099d6;
    font-size: 20px;
    line-height: 26px
}

.popup-feedback .agr {
    display: none
}

.popup-feedback .label-checkbox {
    text-align: left
}

.popup-feedback .submit {
    border: none;
    border-radius: 4px;
    height: 50px;
    line-height: 50px;
    font-weight: 700;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    display: inline;
    width: auto;
    margin-top: 20px;
    background: #f89c19;
    padding: 0 60px
}

.popup-feedback .submit:hover {
    background: #dd8502
}

.popup-feedback .submit:disabled {
    background: #aaaaaa
}

.header-main-nav li.active .inner-list a {
    color: #ffffff
}

@media (min-width: 768px) {
    .photogallery .gallery-wrapper .video-controls {
        margin: 0
    }
}

@media (min-width: 768px) and (max-width: 1199px) {
    .main-section-video .video-controls {
        margin-top: -50px
    }
}

@media (max-width: 768px) {
    .photogallery .gallery-wrapper .video-controls {
        bottom: 56px
    }
}

.video-nav-slider {
    display: flex;
    align-items: center
}

.video-nav-slider .video-controls {
    margin-top: 0;
    height: 60px;
    line-height: 74px
}

.vidgallery .gallery-slider .video-controls {
    display: none !important
}

.video-nav-slider .gallery-item {
    padding: 3px
}

.video-nav-slider .slick-list {
    width: calc(100% - 100px);
    margin: 0 auto
}

.video-nav-slider .insider {
    height: 160px;
    background-size: cover;
    background-position: center
}

.video-item-image {
    opacity: .8
}

.video-item-image:hover {
    opacity: 1
}

.vidgallery .gallery-slider .video-item {
    position: relative;
    overflow: hidden
}

.vidgallery .gallery-slider .video-item::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 35px solid transparent;
    border-left: 50px solid #f89c19
}

.vidgallery .gallery-slider .video-item::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background-color: transparent;
    width: 100%;
    height: 100%
}

@media (max-width: 400px) {
    .article-content ul > li::before{
        left: -15px;
    }
    .article-content ul{
        padding-left:15px;
    }
    .article-main .container{
        width: 100%;
        padding: 0;
    }
    .aside-popular-in-blog{
        border-bottom:none;
    }
    .attention-how {
        padding-left: 10px;
        padding-right: 10px
    }
    .article ol{
        padding-left: 0;
    }
}

@media (max-width: 480px) {
    .how-video-wrapper iframe {
        height: 200px
    }
}

@media (max-width: 767px) {

    .news-list-content-right {
        margin-bottom: 30px;
        max-width: 100%
    }

    .news-list-content-right img {
        max-width: 100%
    }

    .choose-city .search-city input {
        width: 142px
    }

    .choose-city .search-city .cancel-search {
        margin-left: 8px
    }

    .fragment-video {
        margin: 0 auto
    }

    .fragments-wrapper .video-controls {
        top: 50%;
        transform: translate(0, -50%)
    }
}

.thankyou {
    padding: 15px
}

.thankyou p {
    color: #0876a1;
    font-size: 18px
}

@media (max-width: 1200px) {
    #thankyou h2, #thankyou p {
        color: #000000;
        text-shadow: 0 0 5px #ffffff
    }

    #thankyou a {
        color: #e11891;
        text-shadow: 0 0 5px #ffffff
    }
}

@media (min-width: 1200px) {
    #thankyou {
        padding: 75px 220px 270px 40%
    }

    #thankyou a {
        color: #e11891
    }
}

.article-content .image_boxes_blog {
    text-align: center;
    margin: 25px 0 20px
}

.article-content td, .article-content tr {
    border-collapse: collapse;
    border: 1px solid #000000;
    padding: 15px
}

@media (max-width: 767px) {
    .article-content td {
        padding: 0 4px
    }
}

.socials_typf_ul {
    align-items: center
}

.place-name {
    height: 0;
    position: relative;
    top: -38px;
    font-family: Exo2, Arial, sans-serif;
    font-size: 15px;
    font-weight: 500;
    color: #ffffff
}

.place-bottom p {
    font-size: 18px;
    line-height: 25px
}

.place-bottom {
    margin-top: -6px;
    padding-top: 10px;
    background-color: #f1f6f9;
    padding-bottom: 10px
}

.place-bottom p {
    margin-bottom: 0;
    color: #0099d6
}

.place-bottom .text-uppercase {
    font-weight: 700
}

@media all and (max-width: 991px) {
    .reg-text {
        margin-top: 15px;
    }

    .counters-text {
        font: 400 16px/16px Exo2;
    }

    .banner-reg {
        width: 100%;
        flex-wrap: wrap;
        justify-content: end;
        padding: 20px 20px 20px 0;
        height: auto;
        margin-top: 20px;
    }

    .banner-reg .button {
        margin: 0
    }

}

h3.vacantion-head, p.vacantion-pice {
    margin: 10px 0;
    display: inline-block
}

.list-select-msk {
    font-size: 17px;
    color: #0099d6
}

.list-select-msk:hover {
    color: #f89c19
}

h3.vacantion-head {
    cursor: pointer;
    text-transform: none;
    border-bottom: 2px dotted;
    padding: 3px 0
}

p.vacantion-pice {
    font-weight: 900;
    font-size: 18px;
    float: right;
    background: rgba(0, 128, 0, .1);
    padding: 3px 20px;
    border-radius: 5px;
    color: #1a81a0
}

.vacantion-desc {
    text-align: justify
}

.vacantion-wrapper {
    background: rgba(0, 153, 214, .05);
    border: 1px solid #d7edf4
}

.vacantion-header-block {
    cursor: pointer
}

.vacantion-block {
    background: #ffffff;
    padding: 10px 20px;
    margin: 30px 0;
    border: 1px solid #d9e4ea;
    border-radius: 5px
}

.more-vacantion {
    display: none;
    padding: 20px
}

.vacantion-block::before, div.open-vacancy::before {
    content: '';
    width: 41px;
    height: 36px;
    display: inline-block;
    float: left;
    top: 7px;
    left: -9px;
    position: relative
}

.btn-form-vac {
    font-size: 16px
}

.reviews-form-wrapper .button-vacancy {
    background: #f89c19;
    color: #ffffff;
    text-transform: uppercase
}

.reviews-form-wrapper .button-vacancy:hover {
    background: #7ccae8
}

.file-vacancy:hover {
    background: rgba(0, 128, 0, .1)
}

.div-vacancy {
    margin: 2% 10%
}

.more-vacantion h2 {
    color: #f58220;
    text-align: center
}

span.validate {
    border: 1px solid red
}

.vacantion-name-head {
    color: #f58220
}

.seo-text-go h1, .seo-text-go h2, .seo-text-go h3 {
    text-transform: uppercase;
    color: #0099d6;
    margin-bottom: 30px;
    margin-top: 30px;
    text-align: center
}

.vacantion-head {
    max-width: 50%
}

.vacantion-block::before {
    cursor: auto;
    background: url(/img/rightnow.png) no-repeat;
    background-size: cover
}

.button-confirm-franch, .popup-close-franchise {
    cursor: pointer;
    transition: all .5s ease-in-out
}

div.open-vacancy::before {
    background: url(/img/rightnow_ok.png) no-repeat;
    background-size: cover
}

@media (max-width: 1199px) {
    .vacantion-wrapper {
        width: 100%;
        padding: 10px
    }
}

@media (max-width: 991px) {
    h3.vacantion-head, p.vacantion-pice {
        font-size: 16px
    }
}

@media (max-width: 767px) {
    .vacantion-block::before, div.open-vacancy::before {
        display: none
    }

    .btn-form-vac, .vacancy_price_span {
        display: inline-block
    }

    p.vacantion-pice {
        float: none
    }

    .vacantion-head {
        max-width: 100%;
        font-size: 18px
    }

    .more-vacantion {
        padding: 0
    }

    .vacantion-block {
        padding: 10px
    }

    .btn-form-vac {
        width: 100%;
        text-align: center;
        background: rgba(0, 128, 0, .15);
        padding: 5px;
        border-radius: 4px
    }
}

.main-section1 .main-item .number {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.main-section1 .main-item .text-numbers {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: .7em;
    font-weight: normal;
}

.seo-text-go {
    margin-top: 30px;
    background: url(/img/background_to_low_gr.png);
    box-shadow: inset 0 0 40px 20px #ffffff
}

.seo-text-go h3 {
    font: 700 25px/30px Exo2
}

.seo-text-go h1 {
    font: 700 35px/40px Exo2
}

.seo-text-go h2 {
    font: 700 30px/35px Exo2
}

.seo-text-go li, .seo-text-go p, .seo-text-go ul {
    font-weight: 300;
    color: #5a656c
}

.seo-text-go ul {
    list-style: none
}

.seo-text-go ul li {
    position: relative
}

.seo-text-go ul li::before {
    content: "";
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    left: -25px;
    top: 10px;
    border-radius: 50%;
    background: #0099d6
}

.slick-list.draggable {
    margin: auto;
    max-width: 100%
}

.slick-track {
    margin: auto
}

.variant-caption.sublist {
    margin-bottom: 10px;
    display: inline-block;
    padding: 0 9px;
    text-transform: lowercase;
    font: 700 15px/21px Exo2;
    color: #f89c19;
    background: #ffffff;
    border-radius: 5px;
    line-height: 30px;
    margin-top: 20px
}

.span-inline-dreadcrumb {
    display: inline-block
}

.hash-breadcrumbs {
    color: #79a9c3;
    padding-left: 10px;
    padding-right: 10px
}

.breadcrumbs-single-page {
    color: #79a9c3
}

ul.socials_typf_ul li {
    margin: 7px
}

ul.socials_typf_ul li:hover {
    opacity: .8
}

ul.socials_typf_ul li::before {
    content: none !important
}

.socials_typf_ul {
    list-style: none;
    display: flex;
    align-content: center;
    justify-content: flex-end
}

.socials_typf {
    width: 50px
}

.cityCodeClose {
    position: absolute;
    right: 10px;
    top: 7px;
    font-size: 2em;
    color: #ffffff
}

@media (max-width: 320px) {
    .cityCodeClose {
        right: 37px;
        top: 5px
    }
}

.container-modal-franchise {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
    background: rgba(255, 255, 255, .6)
}

.form-container-franchise {
    max-width: 350px;
    top: calc(50% - 150px);
    padding: 20px;
    margin: auto;
    border-radius: 30px;
    position: relative;
    background-color: #00a8ed;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMC42JSIgeTE9Ii04LjQlIiB4Mj0iODkuNCUiIHkyPSIxMDguNCUiPjxzdG9wIHN0b3AtY29sb3I9IiMwMGJmZjIiIHN0b3Atb3BhY2l0eT0iMSIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iIzAwOTFlNyIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjEiLz48L2xpbmVhckdyYWRpZW50PjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjdnNnZykiIC8+PC9zdmc+);
    background-image: -webkit-gradient(linear, 10.6% -8.4%, 89.4% 108.4%, color-stop(0, #7de4ff), color-stop(1, #0091e7));
    background-image: -webkit-repeating-linear-gradient(294deg, #7de4ff 0, #0091e7 100%);
    background-image: repeating-linear-gradient(156deg, #7de4ff 0, #0091e7 100%);
    background-image: -ms-repeating-linear-gradient(294deg, #7de4ff 0, #0091e7 100%)
}

.choose-contacts-franchise {
    color: #ffffff;
    text-align: center;
    margin: 0 0 8px;
    letter-spacing: 2px;
    font-size: 1.2em;
    font-weight: 700
}

.popup-close-franchise {
    position: absolute;
    right: 19px;
    top: 14px;
    color: #ffffff;
    background: rgba(21, 159, 235, .6313725490196078);
    padding: 5px 9px;
    border-radius: 50%
}

.popup-close-franchise:hover {
    background: #ffb241;
    transform: rotate(360deg)
}

.group-contacts-franchise {
    display: flex;
    align-items: flex-start;
    flex-direction: column
}

.group-contacts-franchise input {
    border: none;
    margin: 3px 0;
    font-family: 'Exo 2', sans-serif;
    padding: 5px 5px 5px 15px;
    border-radius: 20px;
    font-size: 20px;
    color: #0393e8;
    outline: 0 !important
}

.consent_div-franchise label {
    color: #ffffff;
    font-size: 12px;
    line-height: 12px;
    font-weight: 300
}

.consent_div-franchise {
    position: relative;
    padding-left: 20px;
    margin-top: 10px
}

.consent_div-franchise input[type=checkbox] {
    display: none
}

.consent_div-franchise label:after {
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    position: absolute;
    top: 0;
    left: 0;
    background: #ffffff;
    border-radius: 50%
}

.consent_div-franchise input[type=checkbox]:checked + label:after {
    border: 2px solid #ffffff;
    width: 14px;
    height: 14px;
    background-color: #3ebaf3
}

.button-confirm-franch {
    width: 40px;
    height: 40px;
    background: #46bff5;
    position: absolute;
    right: 20px;
    bottom: 60px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 3px #0e577f9e
}

.button-confirm-franch img {
    max-width: 60%
}

.button-confirm-franch:hover {
    box-shadow: inset 1px 1px 2px #1282be;
    transform: rotate(45deg)
}

.error_input_bg {
    box-shadow: 2px 2px 2px #da7171;
    background: #f5e2e2;
    border: 1px solid #ffffff
}

.error_input_bg::-webkit-input-placeholder {
    color: #da7171
}

.error_input_bg::-moz-placeholder {
    color: #da7171
}

.error_input_bg:-moz-placeholder {
    color: #da7171
}

.error_input_bg:-ms-input-placeholder {
    color: #da7171
}

.error_choose {
    text-shadow: 1px 1px 5px #ffffff;
    color: red;
    display: none
}

@keyframes rotations {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(360deg)
    }
}

.animate-go {
    background: orange;
    animation: rotations 1s ease-in-out infinite
}

.franchise-contacts h2 {
    color: #5a656c
}

.image-banner-bg {
    display: none;
    position: absolute;
    z-index: -10;
    background: url('/img/pattern_amakids.jpg');
    background-size: cover;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.image-banner-bg::after {
    content: "";
    position: absolute;
    background-color: #000000;
    opacity: 0.8;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 768px) {
    .video-banner-bg {
        display: none;
    }

    .image-banner-bg {
        display: block;
        width: 800px;
        height: 640px;
    }
}

@media screen and (max-width: 480px) {
    .image-banner-bg {
        width: 640px;
        height: 480px;
    }
}

@media (min-width: 768px) and (max-width: 992px) {
    .name_lang_head {
        display: none;
    }

    .header-city {
        max-width: 250px;
        white-space: nowrap;
    }
}

.book-separator {
    width: 0;
    height: 40%;
    display: inline-block;
    position: absolute;
    border-right: 4px dashed #6bd4f1;
    left: calc(50% - 2px);
    top: calc(30%);
}

.left-page-book {
    padding-right: 30px;
}

.right-page-book {
    padding-left: 30px;
}

.book-text-bottom p, .book-text-bottom li {
    font-size: 0.9em;
}

.book-text-bottom {
    padding: 12px;
    background: transparent;
    border: 8px solid #08b8e8;
    border-radius: 30px;
    margin: 30px 0px;
}

.book-text-bottom-level2 {
    color: #676767d4;
    background: white;
    padding: 30px 10px;
    border: 3px solid #08b8e8;
    border-radius: 15px;
}

.book-text-bottom h2, .book-text-bottom h3 {
    color: #08b8e8;
}

.book-text-bottom h3 {
    font-size: 1.2em;
    margin: 5px 0;
}

.book-text-bottom h2 {
    font-size: 1.4em;
    margin: 6px 0;
}

.socials-top-contacts, .socials-footer-mobile{
    display: none;
}

@media (max-width: 991px) {
    .courses-widget{
        align-items: center;
        justify-content: center;
        flex-wrap: wrap;
        margin-bottom: 30px;
    }
    .main-section2 .main-item{
        margin: 0;
    }
    .item-course{
        flex: unset;
        width: 15em;
    }
    .main-section1 .div-common-h1 span {
        font-size: .6em;
        top: auto;
    }

    .book-separator {
        display: none;
    }

    .left-page-book, .right-page-book {
        padding: 3px;
    }

}

@media (max-width: 767px) {
    .container-main-header{
        flex-direction: column;
    }
    .socials-footer-mobile{
        display: block;
        margin: 10px 0;
    }
    .socials-top-contacts{
        display: block;
    }
    .socials-footer-mobile ul{
        display: flex;
        justify-content: center;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .socials-top-contacts ul{
        display: flex;
        justify-content: flex-end;
        align-items: center;
        list-style: none;
        margin: 0;
        padding: 0;
    }
    .socials-footer-mobile ul li a{
        margin: 0 4px;
    }
    .socials-top-contacts ul li a{
        margin-left: 8px;
    }
    .socials-footer-mobile ul li img, .socials-top-contacts ul li img{
        width: 30px;
    }
    .learning-list li {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.5em;
    }

    .why-menar-wrapper h2 {
        margin: 20px 0;
    }

    .faq-arrow .fa {
        width: 40px;
    }

    .faq-answer {
        padding-right: 0;
    }

    .review-content {
        border: none;
    }

    .organize-text {
        font-size: 16px;
        line-height: 1.2em;
    }

    .how-item {
        margin-bottom: 10px;
        padding-left: 30px;
        font-size: 16px;
    }

    .how-item img {
        top: 10px;
        width: 20px;
    }

    .how-video-wrapper {
        padding: 0;
    }

    .attention-how {
        padding: 10px;
    }

    .attention-last {
        margin-top: 20px;
        margin-bottom: 25px;
    }

    .attention-item {
        padding-left: 30px;
        font-size: 16px;
        margin-bottom: 15px;
    }

    .attention-item img {
        left: 0;
        top: 10px;
        width: 20px;
    }

    .attention-caption {
        margin-bottom: 20px;
    }

    .learning-video {
        margin: auto;
        width: auto;
        display: inline-block;
    }

    .learning-video .video-item {
        overflow: inherit;
    }

    .learning-list {
        margin-top: 10px;
    }

    .main-certificates {
        background: #f7f7f7;
    }

    .certificates-more {
        margin-top: 20px;
    }

    .blog-more {
        margin: 20px 0;
    }

    .video-more {
        margin: 20px 0 15px;
    }

    .main-certificates {
        padding-bottom: 30px;
    }

    .main-section-video h2, .main-certificates h2, .main-section-blog h2 {
        margin: 25px 0;
        font-size: 24px;
    }

    .main-section2 .main-item {
        margin: 0 0 25px;
    }

    .main-section2 h2 {
        margin: 25px 0;
        font-size: 24px;
    }

    .main-section1 {
        padding-bottom: 20px;
    }

    .main-section1 .main-item .number {
        text-align: left;
    }

    .main-section1 .main-item .text-numbers {
        text-align: left;
        font-size: .5em;
        line-height: 1;
        width: 100%;
    }

    .main-section1 .main-item {
        height: auto;
        width: 100%;
        background-size: contain;
        background-position: center left;
        padding: 20px 0 20px 35%;
        margin: 10px 0;
    }

    .main-section1 * {
        line-height: 20px;
    }

    .main-section1 .div-common-h1 {
        font-size: 18px;
        text-align: center;
        margin: 20px 0 10px 0;
    }

    .main-section1 .div-common-h1 span {
        font-size: 16px;
        text-align: center;
        line-height: 1;
        text-transform: lowercase;
        font-weight: 500;
    }

    .main-section-video .video-caption {
        margin-top: 0px;
        margin-bottom: 30px;
    }

    .learning-video .video-item {
        text-align: center;
    }

    .book-text-bottom-level2 {
        max-height: 500px;
        overflow: scroll;
    }

    .banner-reg {
        flex-direction: column;
    }

}

@media (max-width: 375px) {
    .header-city, .header-centers{
        left: 0;
    }
}

@media (max-width: 991px) {
    .header-main-nav .innerList2 a, .innerList2 a:focus {
        font-weight: 400;
        font-size: 12px;
        line-height: 39px;
        color: #4D7687;
        border: none;
    }

    .header-main-nav .innerList .innerList2 span.glyphicon {
        color: #4D7687;
        font-size: 10px;
        margin-top: 15px;
        border: none;
    }
}