@charset "UTF-8";
@font-face {
    font-family: 'Geometria';
    src: url("/fonts/Geometria.eot?#iefix") format("embedded-opentype"), url("/fonts/Geometria.otf") format("opentype"), url("/fonts/Geometria.woff") format("woff"), url("/fonts/Geometria.ttf") format("truetype"), url("/fonts/Geometria.svg#Geometria") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria-Light';
    src: url("/fonts/Geometria-Light.eot?#iefix") format("embedded-opentype"), url("/fonts/Geometria-Light.otf") format("opentype"), url("/fonts/Geometria-Light.woff") format("woff"), url("/fonts/Geometria-Light.ttf") format("truetype"), url("/fonts/Geometria-Light.svg#Geometria-Light") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria-Medium';
    src: url("/fonts/Geometria-Medium.eot?#iefix") format("embedded-opentype"), url("/fonts/Geometria-Medium.otf") format("opentype"), url("/fonts/Geometria-Medium.woff") format("woff"), url("/fonts/Geometria-Medium.ttf") format("truetype"), url("/fonts/Geometria-Medium.svg#Geometria-Medium") format("svg");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Geometria-Bold';
    src: url("/fonts/Geometria-Bold.eot?#iefix") format("embedded-opentype"), url("/fonts/Geometria-Bold.otf") format("opentype"), url("/fonts/Geometria-Bold.woff") format("woff"), url("/fonts/Geometria-Bold.ttf") format("truetype"), url("/fonts/Geometria-Bold.svg#Geometria-Bold") format("svg");
    font-weight: normal;
    font-style: normal;
}

* {
    box-sizing: border-box;
}

.clearfix:after {
    clear: both;
    content: '';
    display: block;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

body {
    line-height: 1;
    color: #364657;
    overflow-x: hidden;
}

ol, ul {
    list-style-position: inside;
}

strong, b {
    font-family: 'Geometria-Medium', Arial;
    font-weight: normal;
}

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after {
    content: '';
    content: none;
}

q:before, q:after {
    content: '';
    content: none;
}

blockquote {
    margin-top: 20px;
    font-size: 30px;
    line-height: 42px;
    max-width: 814px;
}

blockquote p {
    display: inline;
    font-size: 30px;
    line-height: 42px;
}

blockquote:before {
    content: '«';
    display: inline;
    font-size: 48px;
}

blockquote:after {
    content: '»';
    display: inline;
    font-size: 48px;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

* html .page-wrapper {
    height: 100%;
}

html, body {
    height: 100%;
    margin: 0;
    padding: 0;
    font-family: 'Geometria-Light', Arial;
    color: #000;
}

h1 {
    font-size: 60px;
    letter-spacing: -1px;
    margin-top: 50px;
    margin-bottom: 40px;
    font-family: 'Geometria-Medium', Arial;
}

h2 {
    font-size: 30px;
    line-height: 32px;
    margin: 15px 0 10px 0;
}

h2 a {
    display: inline-block;
    color: #67698a;
    line-height: 28px;
    border-bottom: 1px solid;
}

h2 a:hover {
    border: none;
    text-decoration: none;
}

a {
    color: #67698a;
    text-decoration: underline;
}

.contacts-map {
    width: 100%;
    height: 600px;
}

.mobile-just {
    display: none;
}

.page-buffer {
    height: 230px;
}

.page-wrapper {
    min-height: 100%;
    margin-bottom: -230px;
}

.wrapper {
    max-width: 1200px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    height: 100%;
}

.wrapper--flex {
    display: flex;
    /*flex-flow: row wrap;*/
    position: relative;
    left: 0;
    right: 0;
}

.wrapper-flex {
    display: flex;
    flex-wrap: nowrap;
}

.wrapper--fluid {
    width: 100%;
    margin: 0 auto;
}

.schlink {
    text-decoration: underline;
    display: inline-block;
    margin: -20px 0 20px 0;
}

.mainpage h2 {
    font-size: 60px;
    text-align: center;
}

.mainpage h3 {
    font-size: 30px;
    line-height: 34px;
    margin: 15px 0;
}

.mainpage .wrapper {
    max-width: 1000px;
}
.reviews .wrapper, .instructors .wrapper{
    max-width: 1000px;
}
.header .wrapper {
    max-width: 1000px;
}

/*header a.callback-button {*/
/*color: #ffdd2e;*/
/*font-size: 12px;*/
/*font-family: 'Geometria-Medium', sans-serif;*/
/*}*/
.menu--dark .site-header nav.menu ul.main-menu li > a {
    color: #364657;
}

.menu--dark .site-header nav.menu ul.main-menu li > a.current {
    color: #364657;
    border: 1px solid #ffdd2e;
    border-radius: 15px;
    background-color: #ffdd2e;
}

.menu--dark .site-header nav.menu ul.main-menu li > a.current:hover {
    text-decoration: none !important;
}

/*.mainpage header a.callback-button:hover {*/
/*color: #364657;*/
/*}*/

.sub-nav {
    float: right;
}

.sub-nav__mnu {
    list-style-type: none;
    font-size: 12px;
    font-family: 'Geometria-Medium', sans-serif;
    display: inline-block;
}

.sub-nav__mnu li {
    display: inline-block;
    margin: 0 !important;
}

.sub-nav__mnu li > a.current {
    color: #364657 !important;
    border: 1px solid #ffdd2e;
    border-radius: 15px;
    background-color: #ffdd2e;
}

.sub-nav__mnu li > a.current:hover {
    color: #364657 !important;
    background-color: #ffdd2e !important;
}

.site-header .header-top .sub-nav__mnu li a {
    color: #ffffff;
    text-decoration: none;
}

.site-header .header-top .sub-nav__mnu li:last-of-type > a {
    padding-right: 11px;
}

.site-header .header-top .sub-nav__mnu li a:hover {
    color: #ffdd2e;
    background-color: transparent;
}

#progs {
    /* display: none; */
    position: absolute;
    /*height: 470px;*/
    z-index: 10;
    /*width: 562px;*/
    /*background: #eef2fb;*/
}

li.progshover:hover > a {
    background: #eef2fb;
    height: 100%;
    border-radius: 0;
    display: inline-block;
}

#progs > div, #prog-mobile > div {
    border-bottom: 1px solid #d9dde9;
}

.progs-title {
    font-size: 22px;
    text-align: center;
    color: #000;
    line-height: 35px;
    margin-bottom: 9px;
}

.prog-block {
    display: inline-block;
    width: 164px;
    height: 110px;
    margin-right: 10px;
    border-radius: 1px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.19);
    padding: 0 !important;
    vertical-align: top;
    font-size: 16px;
    color: #364657 !important;
    background: #fff;
    border-radius: 0 !important;
}

.prog-block {
    position: relative;
}

.prog-block span {
    display: block;
    text-align: center;
}

.prog-block img {
    width: 40px;
    margin: 0 auto;
    display: block;
    margin-top: 10px;
}

.happy-prog .progs-title + .prog-block img {
    width: 63px;
}

.happy-prog .prog-block span {
    position: absolute;
    bottom: 10px;
    width: 100%;
}

.free-prog .prog-block span {
    line-height: 1.2;
    margin-top: 36px;
}

.wide-prog .prog-block {
    width: 250px;
    height: 60px;
}

.wide-prog .prog-block span {
    line-height: 60px;
}

.item-is-parent {
    transition: all .1s ease-in-out;
}

.item-is-parent > span:after {
    display: inline-block;
    margin-left: 2px;
    content: url("/i/app/arrow_down_white.svg");
    background: url("/i/app/arrow_down_white.svg");
    background: transparent;
    line-height: 0;
    vertical-align: 1px;
    width: 10px;
    height: 6px;
}

.menu--dark .item-is-parent > span:after {
    display: inline-block;
    margin-left: 2px;
    content: url("/i/app/arrow_down_black.svg");
    line-height: 0;
    vertical-align: 1px;
    width: 10px;
    height: 6px;
}

.item-is-parent > span {
    transition: all .1s ease-in-out;
    padding-left: 20px;
    color: #fff;
    padding-right: 10px;
    cursor: pointer;
    position: relative;
}

.item-is-parent > span.current:before {
    content: '';
    width: 5px;
    height: 5px;
    background-color: #fff;
    display: inline-block;
    vertical-align: 0px;
    border-radius: 50%;
    margin-right: 5px;
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
}

.menu--dark .item-is-parent > span {
    color: #364657;
}

.menu--white .site-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.102);
}

.menu--dark .site-header {
    border-bottom: 1px solid rgba(0, 0, 0, 0.102);
}

.menu--dark .item-is-parent > span.current:before {
    background-color: #364657;
}

.item-is-parent:hover > span {
    background-color: transparent !important;
    color: #ffffff !important;
    z-index: 11;
    position: relative;
}

.item-is-parent:hover > span:after {
    display: inline-block;
    margin-left: 2px;
    content: url("/i/app/arrow_up_white.svg");
    line-height: 0;
    vertical-align: 1px;
    width: 10px;
    height: 6px;
}

/*.item-is-parent:hover .child-mnu {*/
/*display: block;*/
/*}*/

.site-footer #progs {
    position: absolute;
    bottom: 28px;
}

.whosreview img {
    border-radius: 50% !important;
    vertical-align: middle;
}

.site-footer li.progshover {
    position: relative;
}

.wide-prog, .happy-prog, .free-prog {
    padding: 10px 10px 20px 20px;
}

.child-mnu ul li > a.all-programs
{
    color: #ffdd2e !important;
}

.oprog {
    margin-top: 10px;
}

.oprog a {
    display: block;
    font-size: 16px;
    line-height: 30px;
}

.oprog ul {
    list-style: none;
}

.oprog ul > li {
    vertical-align: top;
    display: inline-block;
    max-width: 300px;
    box-sizing: border-box;
    padding-right: 20px;
}

.price-block .flex {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}

.wide-prog {
    padding-top: 20px;
}

.full-size {
    width: 100%;
    background-size: cover;
    margin: 0 auto;
    max-width: 100%;
    color: #fff;
    position: relative;
}

.full-size.programm {
    background-color: #596775;
    background-position: center;
    background-repeat: no-repeat;
    top: -60px;
    z-index: 1;
    padding-top: 60px;
    display: flex;
    flex-flow: column wrap;
}

.full-size .schedule {
    flex: 0 0 22%;
    max-width: 22%;
    margin-left: 3%;
    padding: 0px 20px 10px;
    color: #000000;
    min-height: 380px;
    display: flex;
    flex-flow: column wrap;
    position: relative;
    z-index: 2;
    overflow: hidden;
    margin-top: 0px;
    /* bottom: 0; */
}

.schedule--instructor h2 {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 30px;
    margin-top: 50px;
}
.schedule_tabs{
    margin-top: 0;
}
.schedule_tabs li{
    margin-bottom: 0;
}
.schedule_tabs li:before{
    content: none;
}
.schedule-instructor__title {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 36px;
    line-height: 32px;
    margin-bottom: 30px;
    margin-top: 50px;
}

.instructor__courses {
    float: right;
    width: 270px;
    background-color: #edf4f7;
    padding: 15px 20px;;
}

.instructor__courses h3 {
    font-family: 'Geometria-Light', sans-serif;
    font-size: 24px;
    line-height: 32px;
    color: #000;
    margin-top: 2px;
}

.instructor__courses ul {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 16px;
    line-height: 18px;
    color: #607194;
    margin: 0;
    padding: 0;
    list-style: none;
}

.instructor__courses ul li:first-of-type {
    margin-top: 10px;
}

.instructor__courses ul li {
    border-top: 1px solid #cfd6e6;
    padding: 10px 0;
    margin: 0;
}

.full-size .schedule:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(238, 238, 238, .9);
    z-index: -1;
}

.full-size .schedule .likeh2,
.full-size .schedule h2 {
    font-size: 23px;
    line-height: 30px;
    color: #000000;
    margin: 10px 0 10px 0;
    text-align: left;
}

.full-size .schedule p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 21px;
    color: #000000;
}

.full-size .schedule span {
    display: block;
    color: #000000;
    margin: 2px 0;
}

.full-size .schedule div:not(.likeh2) {
    display: block;
    border-top: 1px solid #b3bfc3;
    color: #000000;
    font-size: 16px;
    padding: 10px 0px 10px;
    line-height: 18px;
    font-family: 'Geometria-Medium', Arial;
}

.full-size .schedule div span {
    font-family: 'Geometria-Light', Arial;
}

.full-size .schedule div:last-of-type {
    border-bottom: 1px solid #b3bfc3;
    margin-bottom: 20px;
}

.mobile-search {
    display: none;
}

#prog-mobile {
    display: none;
    position: absolute;
    height: 470px;
    z-index: 10;
    width: 100%;
    background: #364657;
    box-shadow: 0px 7px 11px 0px rgba(0, 0, 0, 0.15), 0px 2px 3px 0px rgba(0, 0, 0, 0.15);
}

.full-size.programm:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, .1);
    display: inline-block;
    top: 0;
    display: flex;
    flex-flow: column wrap;
}

.button.def-but {
    background: #ffdd2e;
    color: #000;
    display: block;
    height: 44px;
    line-height: 45px;
    margin: 0;
    margin-top: auto;
}

.button.def-but:hover {
    background: #f8d625;
    box-shadow: inset 0 -2px 2px -2px;
}

.programm-title {
    font-size: 122px;
    line-height: 130px;
    margin-top: 30px;
    vertical-align: top;
    flex: 1 0 75%;
    max-width: 75%;
}

.programm {
    min-height: 380px;
}

.programm.vet {
    background: url(/i/app/programm/vet.jpg) no-repeat center;
    background-size: cover;
}

.programm.yoga {
    background: url(/i/app/programm/fs_yoga_cover.jpg) no-repeat center;
    background-size: cover;
}

.programm.med {
    background: url(/i/app/programm/happines_photo.jpg) no-repeat center;
    background-size: cover;
}

.programm.happy {
    background: url(/i/app/programm/happiness_adult_cover.jpg) no-repeat center;
    background-size: cover;
}

.programm.teens {
    background: url(/i/app/programm/happiness_teenage_cover.jpg) no-repeat center;
    background-size: cover;
}

.programm.child {
    background: url(/i/app/programm/happiness_childs_cover.jpg) no-repeat center;
    background-size: cover;
}

.programm.rage {
    background: url(/i/app/programm/school_cover.jpg) no-repeat center;
    background-size: cover;
}

.full-programm-author {
    position: absolute;
    bottom: 40px;
    font-size: 16px;
}

.full-programm-author .author {
    font-size: 60px;
    margin: 0;
    letter-spacing: normal;
    color: #fff;
}

.social-share {
    /* position: relative; */
    margin-top: 45px;
}

.social-share .likely {
    position: absolute;
    bottom: 20px;
    left: 0;
    vertical-align: top;
    display: inline-block;
    z-index: 10;
}

.social-share a {
    line-height: 25px;
    color: #fff;
    text-decoration: underline;
    font-size: 16px;
    margin-left: 10px;
}

.sri {
    background-color: #596775;
    background-position: left center;
    background-repeat: no-repeat;
    height: 500px;
    background-size: cover;
}

.sriravi {
    background-image: url(/i/app/srimain.jpg);
}

.line-p {
    letter-spacing: -0.3em;
}

.line-p .line {
    letter-spacing: normal;
}

.mw905 {
    max-width: 905px;
}

.qoute {
    text-align: center;
}

.qoute p {
    font-size: 30px;
    line-height: 42px;
    max-width: 814px;
    display: inline-block;
}

.qoute span:not(.q-author):before {
    content: '«';
    display: inline;
    font-size: 48px;
}

.qoute span:not(.q-author):after {
    content: '»';
    display: inline;
    font-size: 48px;
}

.qoute .q-author {
    font-size: 14px;
    line-height: 21px;
    display: block;
    text-align: right;
}

.imagine {
    text-align: center;
    margin: 40px;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.choose-city {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    position: relative;
}

#icon-phone {
    fill: #ffdd2e;
    opacity: 1;
}

#city_arrow_down-wrapper {
    display: inline-block;
    vertical-align: 1px;
    margin-left: 2px;
}

#city_arrow_down {
    opacity: .6;
}

.choose-city .current-city {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-right: 10px;
}

.choose-city .current-city.active {
    opacity: 1;
}

.choose-city .current-city:hover {
    opacity: 1;
}

.choose-city:hover #city_arrow_down {
    opacity: 1;
}

.choose-city .current-city.active #city_arrow_down {
    opacity: 1;
}

.choose-city .city-list {
    display: none;
    background: #364657;
    z-index: 500;
    position: absolute;
    left: -15px;
    top: 35px;
    text-align: center;
    box-sizing: border-box;
    padding-left: 19px;
    min-width: 156px;
    padding-bottom: 20px;
}

.choose-city .city-list h2 {
    font-size: 30px;
    width: 600px;
    margin: 0 auto 30px;
    padding-left: 4px;
    text-align: left;
}

.choose-city .city-list ul {
    vertical-align: top;
    text-align: left;
    list-style: none;
    /* width: 160px; */
    font-size: 12px;
    font-family: 'Geometria-Medium', sans-serif;
}

.choose-city .city-list ul li > a {
    color: #ffffff;
}

.choose-city .current-city-popup {
    position: absolute;
    width: 200px;
    height: 90px;
    background-color: #364657;
    top: 41px;
    left: 0;
    z-index: 30;
    padding: 10px 15px 0;
    box-sizing: border-box;
    border-radius: 2px;
}

.choose-city .current-city-popup:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    left: 50%;
    top: -5px;
    border: 5px solid transparent;
    border-top-width: 0px;
    border-bottom-color: #364657;
}

.choose-city .current-city-popup p {
    margin-top: 0;
    font-size: 12px;
    line-height: 18px;
    color: #fff;
}

.choose-city .current-city-popup-btn {
    height: 22px;
    line-height: 20px;
    box-sizing: border-box;
    border-radius: 11px;
    border: 1px solid #6e7d8d;
    background-color: transparent;
    display: inline-block;
    padding: 0 10px;
    margin-right: 10px;
}

.choose-city .current-city-popup-btn:last-of-type {
    margin-right: 0;
}

.choose-city .current-city-popup-btn:hover {
    background-color: #6e7d8d;
    text-decoration: none;
}
.choose-city .city-list ul:before{
    content: none;
}
.choose-city .city-list ul li.current {
    position: relative;
    margin-left: -5px;
}

.choose-city .city-list ul li.current a {
    color: #8694a3;
    pointer-events: none;
    padding-left: 3px;
}

.choose-city .city-list ul li.current a:hover {
    background: transparent;
    border-radius: 0;
    color: #8694a3;
}

.choose-city .city-list ul li.current:before {
    background: url(/i/app/pincur.png) no-repeat center;
    content: '';
    width: 9px;
    height: 11px;
    margin-right: 0px;
    display: inline-block;
    margin-left: 1px;
    vertical-align: top;
}

.header-wrap {
    background: url(/i/app/header_image.png) no-repeat center right;
    background-size: cover;
}

.header-wrap .site-header {
    background: none;
}

.header-wrap .site-header .contacts-block {
    margin-top: 0;
}

.header-wrap .site-header .callback-button {
    margin-top: 6px;
}

.header-wrap .site-header .address {
    color: #fff;
    display: inline-block;
    font-size: 12px;
}

.header-wrap .site-header .logo {
    background: transparent;
    color: #364657;
    padding: 0;
    max-width: 20%;
}

.logo--mobile {
    display: none;
}

p {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
    max-width: 905px;
}
p.instructors{
    margin-bottom: 0px;
    padding-bottom: 0px;
    padding-top: 0px;
}
p.big {
    margin-top: 25px;
    font-size: 22px;
    font-family: 'Geometria-Light';
    line-height: 34px;
}

ul {
    font-size: 16px;
    line-height: 26px;
}

ul li {
    margin-top: 10px;
}

.line {
    display: inline-block;
    vertical-align: top;
}

.mw50 {
    width: 50%;
    padding-right: 100px;
    box-sizing: border-box;
}

.float-r {
    float: right;
    margin: 40px;
    margin-right: 0;
    text-align: center;
}

.n-float:after {
    display: table;
    content: '';
    clear: both;
}

.i-title {
    font-size: 14px;
    line-height: 21px;
}

.mobile-menu {
    display: none;
}

.mobile-menu.active img:first-child {
    display: block !important;
}

.site-header {
    /* background: #364657; */
    min-height: 92px;
    color: #fff;
    box-sizing: border-box;
    z-index: 2;
    position: relative;
}

.site-header a {
    color: #fff;
    padding: 0 6px;
}

.site-header .main-menu a:hover {
    text-decoration: underline !important;
}

.site-header a.current {
    background: transparent;
    border-radius: 15px;
    color: #ffffff;
}

.site-header .logo {
    width: 150px;
    font-size: 16px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 25px/30px !important;
    background: transparent;
    display: inline-block;
    color: #fff;
    vertical-align: top;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    position: relative;
    top: -3px;
}

.site-header .logo:hover {
    background: transparent;
    color: #fff;
    text-decoration: none;
}

.site-header nav.menu {
    display: inline-block;
    margin-top: 5px;
    margin-left: 30px;
}

.site-header nav.menu ul {
    /* margin-top: 0; */
}

.header-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
}

.menu-wrapper {
    width: 100%;
    margin: 0 auto;
    max-width: 1200px;
    padding-bottom: 5px;
}

.mainpage .header-wrapper {
    /* padding: 0; */
    max-width: 1000px;
}

.mainpage .menu-wrapper {
    /* padding: 0; */
    max-width: 1000px;
    padding-bottom: 5px;
}

.site-header nav.menu ul.main-menu {
    font-size: 16px;
    line-height: 33px;
    font-family: 'Geometria-Medium', sans-serif;
}

.site-header nav.menu ul.main-menu li > a {
    padding: 3px 10px;
    /* padding-left: 0; */
}

.site-header nav.menu ul.main-menu li:last-of-type > a {
    /* padding-right: 0 !important; */
}

.site-header nav.menu {
    margin-top: 0;
    max-width: 90%;
    float: right;
}

.site-header .child-mnu ul li {
    margin-top: 0;
    color: #bdddff;
}

.site-header nav.menu ul.sub-menu {
    font-size: 16px;
    line-height: 28px;
}

.site-header nav.menu ul.sub-menu li {
    margin-top: 0;
}

.site-header nav.menu ul.sub-menu li a {
    font-size: 12px;
    height: 16px;
    display: inline-block;
    line-height: 18px;
}

.site-header nav.menu ul li {
    display: inline-block;
    padding: 0px 0 6px 0px;
    margin-top: 0;
    margin-bottom: 0;
}

.site-header nav.menu ul li a:hover {
    text-decoration: none;
}

.site-header nav.menu ul li > a.current {
    color: #63768a;
}

.child-mnu {
    margin-top: -36px;
    background-color: #364657;
    padding-top: 50px;
    display: none;
    padding-right: 20px;
    padding-left: 20px;
}
ul.free-prog {
    padding-top: 10px !important;
}

.child-mnu ul {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 16px;
    padding-left: 0;
    margin-top: 10px;
    padding: 0;
    /* padding-top: 5px; */
    padding-bottom: 7px;
}

.child-mnu ul {

}

.child-mnu ul:not(:last-of-type) {
    border-bottom: 2px solid rgba(255, 255, 255, .2);
}

.child-mnu ul li {
    display: block !important;
}

.child-mnu ul li > a {
    color: #ffffff !important;
    padding-left: 0 !important;
}

.child-mnu ul li > a.current {
    color: #bdddff !important;
    text-decoration: none;
    background-color: transparent !important;
    border: 0 !important;
}

.child-mnu ul li > a.current:hover {
    text-decoration: none !important;
}

.child-mnu ul li > a:hover {
    color: #bdddff !important;
    background-color: transparent;
}

.site-header .contacts-block {
    display: inline-block;
    vertical-align: top;
    width: auto;
    text-align: left;
    margin-top: -5px;
    margin-left: 35px;
    font-family: 'Geometria-Medium', sans-serif;
}

.site-header .contacts-block a.num {
    font-size: 16px;
    color: #ffdd2e;
    padding-left: 0;
    cursor: pointer;
}

.site-header .contacts-block a.num > svg {
    vertical-align: -1px;
}

.site-header .contacts-block a.num:hover {
    background: none;
    text-decoration: none;
}

.site-header .contacts-block .address {
    font-size: 12px;
    margin-top: 9px;
}

.site-header .header-top {
    background: #364657;
    min-height: 35px;
    line-height: 35px;
    margin-bottom: 10px;
}

.site-header .header-top a {
    /*color: #fff;*/
}

.site-header .contacts-block {
    margin-top: 0;
}

.site-header .callback-button {
    margin-top: 6px;
}

.site-header .address {
    color: #fff;
    display: inline-block;
    font-size: 12px;
}

.site-header .logo {
    background: transparent;
    color: #364657;
}

.sa-logo {
    width: 140px;
    height: 30px;
    background: url("/i/app/logo-sadesign-black.svg") no-repeat left;
    display: block;
    background-size: 120px 30px;
}

.footer {
    display: flex;
    flex-flow: row wrap;
    padding-top: 20px;
    align-items: center;
    font-size: 14px;
}

.footer__logo {
    flex: 0 0 16.6666667%;
    max-width: 16.6666667%;
    margin-right: 8.333333%;
}

.footer__nav {
    flex: 0 0 41.6666667%;
    max-width: 41.6666667%;
    margin-right: 8.333333%;
}

.footer_phone {
    flex: 0 0 16.6666667%;
    max-width: 16.6666667%;
    font-size: 16px;
}

.footer__copyright {
    flex: 0 0 16.6666667%;
    max-width: 16.6666667%;
    margin-right: 8.333333%;
}

.footer__site-map {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.footer__social {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
}

.footer__programm-author {
    flex: 0 0 25%;
    max-width: 25%;
    margin-right: 8.333333%;
}

.footer__designed {
    flex: 0 0 16.6666667%;
    max-width: 16.6666667%;
}

.footer__special-links {
    vertical-align: top;
    margin-top: 28px;
    display: inline-block;
    margin-right: 81px;
}

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

.site-footer {
    height: 230px;
    box-sizing: border-box;
    padding-top: 40px;
}

.site-footer #progs a:hover {
    background: #ffdd2e;
}

.site-footer .wrapper {
    max-width: 1200px;
}

.site-footer .logo {
    width: 170px;
    font-size: 16px;
    height: 35px;
    text-align: center;
    line-height: 35px;
    border-radius: 25px/30px;
    display: inline-block;
    color: #7a7e9c;
    vertical-align: top;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
    box-sizing: border-box;
    border: 1px solid #7a7e9c;
}

.site-footer .logo:hover {
    background: #7a7e9c;
    color: #fff;
}

.site-footer nav.menu {
    display: inline-block;
}

.site-footer nav.menu ul.main-menu {
    font-size: 16px;
    line-height: 28px;
}

.site-footer nav.menu ul.main-menu li:before {
    margin: 0 9px;
}

.sub-menu--mobile {
    display: none;
}

.site-footer nav.menu ul.sub-menu {
    font-size: 16px;
    line-height: 28px;
}

.site-footer nav.menu ul.sub-menu li a {
    color: #5c6699;
}

.site-footer nav.menu ul.sub-menu li:before {
    margin: 0 9px;
    color: #4c4c74;
    margin-top: 2px;
    vertical-align: top;
}

.site-footer nav.menu ul li {
    margin-top: 0;
    display: inline-block;
}

.site-footer nav.menu ul li a {
    color: #5c6699;
}

.site-footer nav.menu ul li:first-child:before {
    content: '';
    display: none;
}

.site-footer nav.menu ul li:not(:last-of-type):after {
    content: '·';
    display: inline-block;
    color: #7a7e9c;
    margin-left: 4px;
    vertical-align: middle;
}

.site-footer .contacts-block {
    display: inline-block;
    vertical-align: top;
    text-align: right;
    margin-top: 0;
    float: right;
    margin-right: 18px;
}

.site-footer .contacts-block a.num.mail {
    font-size: 12px;
}

.site-footer .contacts-block a.num {
    display: block;
    font-size: 16px;
    line-height: 28px;
    color: #363636;
    cursor: pointer;
}

.site-footer .contacts-block a.num:hover {
    text-decoration: none;
}

.site-footer .footer-block {
    margin-top: -2px;
    font-size: 16px;
    line-height: 28px;
}

.site-footer .footer-block a {
    color: #7a7e9c;
}

.site-footer .footer-block .programm-author {
    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    margin-top: 28px;
    color: #a3a3a3;
}

.site-footer .footer-block .programm-author a {
    color: #a3a3a3;
}

.site-footer .footer-block .copyright {
    margin-top: 28px;
    display: inline-block;
    vertical-align: top;
    color: #a3a3a3;
}

.site-footer .footer-block .site-map {
    display: inline-block;
    vertical-align: top;
    margin-top: 28px;
    margin-left: 81px;
}

.site-footer .footer-block .social {
    display: inline-block;
    vertical-align: top;
    margin-top: 26px;
    margin-left: 20px;
}

.site-footer .footer-block .social a {
    width: 30px;
    height: 30px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
}

.site-footer .footer-block .social a.vk {
    background: url(/i/app/vk.svg) no-repeat center center;
}

.site-footer .footer-block .social a.fb {
    background: url(/i/app/fb.svg) no-repeat center center;
    color: #3b5998;
    border-color: #3b5998;
}

.site-footer .footer-block .logo-link {
    display: inline-block;
    vertical-align: top;
    float: right;
    letter-spacing: -1px;
    color: #363636;
    text-align: center;
    margin-right: 10px;
}

.site-footer .footer-block .logo-link .sa-logo {
    opacity: 0.5;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.site-footer .footer-block .logo-link:hover {
    color: #363636;
    text-decoration: none;
}

.site-footer .footer-block .logo-link:hover .sa-logo {
    opacity: 1;
}

.three-column {
    font-size: 0;
}

.three-column > a.col {
    color: inherit;
    position: relative;
}

.three-column > a.col:hover {
    text-decoration: none;
}

.three-column .col {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    width: 330px;
    margin-right: 5px;
    text-align: center;
}

.three-column .col:last-child {
    margin-right: 0;
}

/*contact page*/
.contacts__city h1 {
    font-size: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
}

.contacts-office {
    padding: 18px 0 40px 0;
    border-top: 1px solid #e1e1e1;
}

.contacts-office p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 3px;
    max-width: 905px;
    font-family: 'Geometria-Light', Arial;
}

.icon-adress:before {
    content: url(/i/app/contacts-mappopinter--black.png);
    display: inline-block;
    margin-right: 3px;

}

.icon-tel:before {
    content: url(/i/app/contacts-phone--black.png);
    display: inline-block;
    margin-right: 3px;

}

.icon-time::before {
    content: url(/i/app/contacts-clock--black.png);
    display: inline-block;
    margin-right: 3px;

}

.office__road {
    margin-top: 26px;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
}

.road__map {
    flex: 0 0 41.6666667%;
    max-width: 41.6666667%;
    box-sizing: border-box;
    padding-right: 15px;
}

.contacts-map {
    height: 300px;
}

.road__hints {
    flex: 0 0 33.3333333%;
    max-width: 33.3333333%;
    box-sizing: border-box;
    position: relative;
}

.road-hints .slick-prev {
    left: 10px;
    width: 14px;
    opacity: 1;
}

.road-hints .slick-prev:before {
    opacity: 1;
}

.road-hints .slick-next {
    right: 26px !important;
    width: 14px;
    opacity: 1;
}

.road-hints .slick-next:before {
    opacity: 1;
}

.road__text {
    flex: 0 0 33.3333333%;
    padding: 0 20px;
    box-sizing: border-box;
}

.road-hints .slick-dots {
    bottom: 0;
    padding-bottom: 15px;
    padding-top: 10px;
    background-image: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.21961) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.21961) 0%, rgba(0, 0, 0, 0) 100%);
    background-image: -ms-linear-gradient(90deg, rgba(0, 0, 0, 0.21961) 0%, rgba(0, 0, 0, 0) 100%);

}

.road-hints .slick-dots li {
    -webkit-box-shadow: 1px 1px 1px #000;
    -moz-box-shadow: 1px 1px 1px #000;
    box-shadow: 1px 1px 1px #000;
}

.road__hints {
    margin-left: 15px;
}
.road-hint .slick-prev,.road-hint .slick-next{
    margin-top: -52px;
}
.road-hint__image img {
    width: 344px;
    height: 300px;
    object-fit: cover;
}

.road__text {
    flex: 1;
    position: relative;
}

.slick-dots {
    bottom: 4px;
}

.slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #fff;
    background-color: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    opacity: 1;
    padding: 0;
}

.slick-dots li.slick-active {
    background-color: #ffdd2e;
    border: 1px solid #ffdd2e;
}

.slick-dots li button {
    opacity: 1;
    width: 10px;
    height: 10px;
}

.slick-dots li:hover, .slick-dots li:focus {
    background-color: #ffdd2e;
    border: 1px solid #ffdd2e;
    /*border: 1px solid black;*/
    /*-webkit-border-radius: 50%;*/
    /*-moz-border-radius: 50%;*/
    /*border-radius: 50%;*/
}

.slick-dots li button:before {
    content: '';
    width: 20px;
    height: 20px;
    top: -6px;
    left: -6px;
}

a[href^='tel'] {
    color: #000000;
    text-decoration: none;
}

.contacts-form {
    padding: 0;
    border-top: 1px solid #e1e1e1;
    display: flex;
    flex-flow: row wrap;
}

.contacts-form h3 {
    font-size: 26px;
    margin-top: 20px;
    margin-bottom: 15px;
}

.contacts-form p {
    font-size: 16px;
    line-height: 24px;
    margin-top: 17px;
    max-width: 80%;
}

.contacts-form p > a {
    color: #363636;
}

.contacts-form__contacts p {
    margin-top: 10px;
}

.contacts-form__info {
    flex: 0 0 41.6666667%;
    max-width: 41.6666667%;
    padding-top: 20px;
}

.overflow-hidden {
    overflow: hidden;
}

.contacts-form__form {
    flex: 0 0 50%;
    max-width: 50%;
    padding-left: 40px;
    border-left: 1px solid #e1e1e1;
    padding-bottom: 40px;
    padding-top: 20px;
    position: relative;
}

.contacts-form__form form {
    display: flex;
    flex-flow: column wrap;
}

.contacts-form__form form textarea {
    min-height: 104px;
}

.contacts-form__form form input, textarea {
    border-style: solid;
    border-width: 1px;
    border-color: rgb(174, 177, 184);
    border-radius: 3px;
    background-color: rgb(252, 252, 252);
    box-shadow: inset 0px 2px 1px 0px rgba(0, 0, 0, 0.1);
    font-size: 18px;
    padding: 15px;
    margin-bottom: 16px;
}

textarea {
    resize: none;
}

.more-cities {
    background-color: #f0f7fa;
    padding: 10px 0 50px 0;
}

.more-cities h2 {
    margin: 15px 0 30px 0;
}

.more-cities a {
    display: inline-block;
    width: 16.6666667%;
    margin-bottom: 20px;
}

.happy-intro {
    height: 780px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.happy-intro .happy-icon.teen {
    margin-top: -15px;
}

.happy-intro .happy-icon.child {
    margin-top: -7px;
}

.happy-intro .wrapper {
    position: relative;
}

.happy-intro h3 {
    color: #4c4c74;
}

.happy-intro .three-column {
    margin-top: 50px;
}

.happy-intro .description {
    width: 90%;
    margin: 15px auto;
    line-height: 26px;
}

.happy-intro .col {
    padding-top: 34px;
    box-sizing: border-box;
    text-align: center;
    background: #fff;
    height: 310px;
}

.happy-intro .col:hover {
    background: #f2f7ff;
}

.happy-intro .col:hover .happy-button {
    background: #ffdd2e;
    border-color: #ffdd2e;
    color: #000;
    box-shadow: inset 0 -2px 2px -2px rgba(255, 221, 46, 0.7);
}

.happy-intro .happines-logo {
    text-align: center;
    width: 100%;
    max-width: 648px;
    margin-left: 135px;
    display: block;
    margin-top: 50px;
}

.happy-intro .pre-tittle {
    font-size: 20px;
    line-height: 36px;
    text-transform: uppercase;
    letter-spacing: 18px;
    text-align: center;
    position: absolute;
    left: 370px;
    top: 20px;
}

.happy-intro .programm-short-info {
    text-align: center;
    width: 580px;
    font-size: 24px;
    line-height: 36px;
    margin: 30px auto;
}

.happy-intro .know-more {
    width: 350px;
    background: #ffdd2e;
    color: #000;
    display: block;
    font-size: 24px;
    height: 46px;
    line-height: 20px !important;
    margin: 30px auto;
    box-shadow: inset 0 -3px 2px -2px rgba(255, 221, 46, 0.7);
}

.happy-intro .know-more:hover {
    background: #f8d625;
    box-shadow: inset 0 -2px 2px -2px #000000;
}

.happy-button {
    border: 1px solid #8593b1;
    color: #8593b1;
    width: 144px;
    height: 33px;
    line-height: 33px;
    -webkit-transition: all .2s ease-out;
    transition: all .2s ease-out;
}

.happy-button:hover {
    background: #ffdd2e;
    border-color: #ffdd2e;
    color: #000;
    box-shadow: inset 0 -2px 2px -2px rgba(255, 221, 46, 0.7);
}

.mainpage-img {
    display: none;
}

.video-news > a:hover {
    text-decoration: none;
}

.button {
    text-decoration: none;
    text-align: center;
    border-radius: 25px;
    display: inline-block;
    height: 30px;
    box-sizing: border-box;
    line-height: 27px;
    margin: 10px;
    cursor: pointer;
}

.button--absolute {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -3px;
    bottom: 10px;
}

.button:hover {
    text-decoration: none;
}

.contacts-btn {
    max-width: 350px;
    background: #ffdd2e;
    color: #000;
    display: block;
    font-size: 18px;
    height: 54px;
    border: none;
    line-height: 46px;
    margin: 15px 0 0 0;
    box-shadow: inset 0 -3px 2px -2px rgba(255, 221, 46, 0.7);
    font-family: 'Geometria-Light', Arial, sans-serif;
}

.contacts-btn:hover {
    background: #f8d625;
    box-shadow: inset 0 -2px 2px -2px #000000;
}

.free-courses {
    padding-top: 50px;
    padding-bottom: 40px;
    background: #e4e9f9;
}

.free-courses .hidden-info {
    display: none;
    font-size: 12px;
    line-height: 15px;
    width: 100%;
    position: absolute;
    margin-top: 25px;
}

.free-courses .col {
    background: #fff url(/i/app/free-colum2.jpg) no-repeat center center;
    background-size: cover;
    position: relative;
}

.free-courses .col:first-child {
    background-image: url(/i/app/fs_medit_btn_.jpg);
}

.free-courses .col:first-child:hover {
    background-image: url(/i/app/fs_medit_btn_hover.jpg);
}

.free-courses .col:nth-child(2) {
    background-image: url(/i/app/fs_yoga_btn.jpg);
}

.free-courses .col:nth-child(2):hover {
    background-image: url(/i/app/fs_yoga_btn_hover.jpg);
}

.free-courses .col:nth-child(3) {
    background-image: url(/i/app/school_btn.jpg);
}

.free-courses .col:nth-child(3):hover {
    background-image: url(/i/app/school_btn_hover.jpg);
}

.free-courses .col:hover {
    background: #fff url(/i/app/free-colum-hover.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
}

.free-courses .col:hover .button {
    background: #ffdd2e;
    border-color: #ffdd2e;
    color: #000;
}

.free-courses .col:hover .hidden-info {
    display: block;
}

.free-courses .description {
    line-height: 27px;
}

.free-courses .button {
    margin-top: 50px;
}

.pay-desc {
    text-align: center;
    margin-top: 30px;
}

.likeh2 {
    font-size: 60px;
    text-align: center;
}

.free-courses .likeh2 {
    color: #000;
}

.free-courses .three-column {
    margin-top: 40px;
}

.free-courses .col {
    height: 325px;
}

.likeh3 {
    font-size: 30px;
    line-height: 34px;
    margin: 15px 0;
    text-align: center
}

.free-courses .likeh3 {
    margin-top: 70px;
}

.seo-text {
    padding: 40px 0;
    background-color: #fff;
    display: none;
}

.small-about {
    background: -webkit-linear-gradient(300deg, #f2f7ff, #f4f8ff);
    background: linear-gradient(150deg, #f2f7ff, #f4f8ff);
    background-image: url(/i/app/features-bg.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 40px;
    display: flex;
    flex-flow: row wrap;
    box-sizing: border-box;
    align-items: center;
}

.small-about .three-column {
    margin-top: 30px;
    display: flex;
    flex-flow: row wrap;
    align-items: baseline;
}

.small-about .three-column > div {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
}

.small-about img {
    display: block;
    margin: 0 auto;
}

.mystyleh2 {
    font-size: 30px;
    line-height: 32px;
    margin: 15px 0 10px 0;
}

.small-about h3 {
    color: #000;
    text-align: left;
    margin: 20px 0 0 0;
}

.small-about p {
    text-align: left;
    font-size: 16px;
    line-height: 26px;
    margin-top: 4px;
}

.small-about .col {
    box-sizing: border-box;
    margin-top: 40px;
    padding: 0 10px;
    width: 33.333333%;
    margin-right: 0;
}

.outcourses {
    background: url(/i/app/outcourses.jpg) no-repeat center center;
    background-size: cover;
    height: 320px;
    color: #fff;
    text-align: center;
    padding-top: 50px;
    box-sizing: border-box;
}

.outcourses h2 {
    margin-top: 20px;
}

.outcourses .where-desc {
    margin-top: 20px;
}

.outcourses .happy-button {
    color: #fff;
    margin-top: 40px;
}

article iframe {
    width: 100%;
    height: 500px;
    margin: 20px 0;
}

.articles {
    padding: 40px 0 30px 0;
    background: #f2f7ff;
}

.articles .three-column {
    margin-top: 30px;
}

.articles img {
    width: 260px;
    height: 135px;
    object-fit: cover;
}

.articles .likeh2 {
    color: #4c4c74;
}

.articles .col {
    text-align: left;
    width: 265px;
    margin-right: 100px;
}

.articles .col span {
    display: block;
    text-align: left;
}

.articles .col .small-desc {
    color: #b2bbcc;
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0;
}

.articles .col .article-title {
    color: #67698a;
    line-height: 22px;
    font-size: 16px;
}

.partners {
    background: #f8f7f1;
    height: 90px;
}

.partners h3 {
    margin: 0;
    display: block;
    vertical-align: top;
    width: 16%;
    flex-basis: 16%;
    line-height: 90px;
}

.partners img {
    display: block;
    vertical-align: top;
    flex-basis: 16%;
    width: 16%;
    max-height: 90px;
}

.partners .wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.more-articles {
    padding: 40px 0 75px 0;
}

.more-articles .col {
    text-align: left;
}
.more-articles #vk_groups {
    margin-top: 15px;
}
#vk_groups{
    width: 100%;
}
#vk_groups iframe{
    width: 100%;
}
.more-articles .likeh3 {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.05em;
    font-family: 'Geometria', sans-serif;
    margin: 0;
    text-align: left;
}
.more-articles .news, .more-articles .video-news{
    display: inline-block;
    vertical-align: top;
    width: 330px;
    margin-right: 5px;
    margin-top: 0 !important;
}
.news {
    width: 100%;
    max-width: 235px;
    display: block;
    margin-top: 40px;
}

.news .time {
    font-size: 12px;
    line-height: 20px;
    color: #bdbdd5;
}

.news header a {
    line-height: 24px;
    color: #363636;
    font-size: 16px;
}

.video-news {
    margin-top: 50px;
    position: relative;
    max-width: 340px;
}

.video-news:first-of-type {
    margin-top: 40px;
}

.video-news img {
    display: inline-block;
    width: 90px;
    height: 60px;
}

.video-news .decription {
    font-size: 12px;
    line-height: 22px;
    display: inline-block;
    vertical-align: top;
    width: 200px;
    margin-left: 5px;
}

.video-news .time {
    color: #bdbdd5;
    margin-top: -5px;
}

.video-news header a {
    color: #363636;
}

.instructors-slider {
    padding-top: 30px;
}

.slider-people {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    position: relative;
    outline: none;
    cursor: -webkit-grab;
    cursor: grab;
}

.slider-people .whoare {
    color: #8d8c8c;
    font-size: 12px;
    margin-bottom: 5px;
}

.slider-people .slide {
    position: relative;
    outline: none;
}

.slider-people img {
    float: right;
}

.slider-people .people-info {
    max-width: 580px;
    text-align: left;
}

.slider-people .people-info .imglink {
    display: block;
    float: right;
}

.slider-people .people-info h2 {
    text-align: left;
    line-height: 48px;
    color: #4c4c74;
}

.slider-people .people-info h2 a {
    text-decoration: none;
    color: inherit;
    line-height: inherit;
    border: none;
}

.last-cours .slick-next {
    right: 0;
}

.last-cours .slick-prev {
    left: 0;
}


.slick-next {
    right: -70px;
    z-index: 2;
}

.slick-prev {
    left: -70px;
    z-index: 2;
}

.slider-people .people-info p {
    line-height: 26px;
    font-size: 16px;
    margin-top: 30px;
}

.slider-people .alot-about {
    color: #000;
    font-size: 16px;
    margin-top: 30px;
    display: inline-block;
}

.reviews {
    padding: 50px 0;
}
.single-review-modal{
    display: none;
    position: fixed;
    top: 0;
    z-index: 99;
    width: 100%;
    height: 100%;
}
.single-review-modal.show {
    display: block;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

/* Add animation (fade in the popup) */
@-webkit-keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity:1 ;}
}
.single-review-modal__overlay{
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0,0,0,.6);
    z-index: 99;
    opacity: 0;
}
.single-review-modal__body {
    z-index: 100;
    background-color: #e9f1f5;
    padding: 65px 35px 50px 90px;
    max-width: 1200px;
    -webkit-font-smoothing: subpixel-antialiased;
    opacity: 0;
    position: relative;
    margin: 15% auto;
}
.single-review-modal__body .slide__name{
    width: 100%;
}
.close-modal{
    width: 25px;
    height: 25px;
    background-image: url(/i/app/humburger_active.svg);
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    top: 24px;
    right: 24px;
    cursor: pointer;
}
.reviews h2 {
    color: #000;
}

.reviews .happy-button {
    width: 193px;
    margin: 20px auto;
    display: block;
    border-color: #bdbdd5;
    color: #bdbdd5;
}

.reviews .happy-button:hover {
    color: #fff;
    border-color: #ffdd2e;
}

.slider-reviews .slide, .single-review-modal__body .slide {
    outline: none;
    margin-top: 40px;
    text-align: center;
}

.slider-reviews .review, .single-review-modal__body .review {
    max-width: 640px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin-left: 40px;
}

.slider-reviews .whosreview, .single-review-modal__body .whosreview {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    display: inline-block;
    vertical-align: top;
    max-width: 120px;
    text-align: left;
}

.slider-reviews .whosreview img, .single-review-modal__body .whosreview img {
    margin-bottom: 10px;
}

.email-add {
    background: #e4e9f9;
    height: 125px;
    padding-top: 25px;
    box-sizing: border-box;
}

.email-add label {
    font-size: 30px;
    color: #4c4c74;
    line-height: 50px;
    vertical-align: top;
}

.email-add input {
    height: 50px;
    border-radius: 5px;
    border: 1px solid #aeb1b8;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 30px;
    color: #b6b8cc;
    font-weight: light;
    font-family: 'Geometria-Light';
    padding-left: 15px;
    vertical-align: top;
    padding-right: 40px;
    box-sizing: border-box;
    width: 400px;
    outline: none;
}

.email-add input:hover {
    box-shadow: none;
}

.email-add .email-box {
    margin-left: 20px;
    position: relative;
    display: inline-block;
    height: 50px;
}

.email-add .email-box button {
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    cursor: pointer;
    background: url(/i/app/enter.png) no-repeat center center;
    border: none;
    outline: none;
}

.email-add .comment-email {
    color: #798aa8;
    font-size: 12px;
    display: block;
    margin-top: 20px;
    text-align: center;
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

body.aboutpage .likely {
    position: absolute;
    bottom: 40px;
    right: 40px;
}

.calendar-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}

.calendar-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.big {
    margin-top: 25px;
    font-size: 22px;
    font-family: 'Geometria-Light';
    line-height: 34px;
}

.thnx {
    font-size: 48px;
    line-height: 54px;
    margin-top: 220px;
}

.result p {
    margin-left: 14px;
}

.thnx .button {
    display: block;
    width: 400px;
    max-width: 100%;
    font-size: 16px;
    background: #ffd940;
    display: block;
    border-radius: 25px;
    border: none;
    height: 53px;
    margin: 0 auto;
    color: #000;
    line-height: 53px;
    margin-top: 25px;
    cursor: pointer;
    font-family: "Geometria-Light", sans-serif;
}

.thnx .button:hover {
    background: #f8d625;
    box-shadow: inset 0 -2px 2px -2px 0;
}

.thnx span {
    font-size: 16px;
    display: block;
}
body.programmpage .t-col:first-of-type{
    margin-top: 0;
}
body.programmpage .t-col {
    margin-top: 50px;
}

body.programmpage .t-col:after, body.aboutpage .t-col:after {
    display: block;
    content: '';
    clear: both;
}

body.programmpage .full-size.programm .social-share {
    /* position: absolute; */
    bottom: 20px;
    left: 0;
    z-index: 2;
}

body.programmpage .instructor {
    margin-top: 70px;
    border-bottom: 1px solid #c7c7c7;
    max-width: 926px;
    position: relative;
    padding-bottom: 40px;
    min-height: 200px;
}

body.programmpage .instructor:after {
    clear: both;
    display: block;
    content: '';
}

body.programmpage .instructor .whoare {
    color: #000;
    font-size: 14px;
    margin-bottom: 5px;
}

body.programmpage .instructor img {
    height: 248px;
    float: right;
    margin-top: 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

body.programmpage .instructor .people-info {
    text-align: left;
    max-width: 730px;
    margin-right: 200px;
}

body.programmpage .instructor .people-info .likeh2,
body.programmpage .instructor .people-info h2 {
    text-align: left;
    font-size: 48px;
    line-height: 48px;
}

body.programmpage .instructor .people-info .likeh2 a,
body.programmpage .instructor .people-info h2 a {
    border-bottom: none;
    color: inherit;
    line-height: inherit;
}

body.programmpage .instructor .people-info p {
    line-height: 26px;
    font-size: 16px;
    margin-top: 15px;
}

body.programmpage .instructor .alot-about {
    color: #67698a;
    font-size: 16px;
    margin-top: 15px;
    display: inline-block;
    text-decoration: underline;
}

body.programmpage .fixed-t-col {
    width: 570px;
    float: right;
}

body.programmpage .fixed-t-col .likeh2,
body.programmpage .fixed-t-col h2 {
    font-size: 30px;
    line-height: 32px;
}

body.programmpage .fixed-t-col a {
    color: #67698a;
    text-decoration: underline;
}

body.programmpage .fixed-t-col .col {
    width: 220px;
    display: inline-block;
    vertical-align: top;
    margin-right: 85px;
}

body.programmpage .fixed-t-col .col:last-child {
    width: 260px;
    margin-right: 0;
}

body.programmpage section {
    margin-top: 70px;
}


body.programmpage .likeh2 {
    font-size: 48px;
    line-height: 54px;
}

body.programmpage .let {
    width: 200px;
    text-align: center;
    text-decoration: underline;
    color: #67698a;
    line-height: 21px;
}

body.programmpage .let img {
    display: block;
    margin: 10px auto;
}

body.programmpage .let a {
    color: #67698a;
}




body.programmpage .cour-list {
    margin-top: 30px;
}

body.programmpage .cour-list a {
    display: inline-block;
    width: 250px;
    margin: 0 25px;
}

body.programmpage .cour-list a > img {
    display: inline-block;
    width: 100%;
    object-fit: cover;
    height: 200px;
}

body.programmpage .resize {
    font-size: 16px;
    line-height: 26px;
    margin-right: 600px;
}

body.programmpage a.ohter-photo {
    position: absolute;
    right: 40px;
    top: 30px;
}

body.programmpage .last-cours {
    position: relative;
    margin-bottom: 50px;
}

body.programmpage .result {
    display: block;
    background: #edf4f7;
    padding: 20px;
    box-sizing: border-box;
}

body.programmpage .result span {
    display: inline-block;
    vertical-align: top;
    font-size: 16px;
}

body.programmpage .result span:last-child {
    max-width: 186px;
    margin-left: 10px;
}

body.programmpage .result ul {
    margin-left: 13px;
    list-style-type: none;
}

body.programmpage .result h3 {
    text-align: center;
    font-size: 24px;
}

body.programmpage ul li {
    margin-top: 10px;
}

body.programmpage .b-block {
    margin-top: 30px;
}

body.programmpage .b-block p, body.programmpage .b-block a, body.programmpage .b-block ul {
    font-size: 14px;
    margin-top: 10px;
    list-style-type: none;
}

body.programmpage .b-block:first-child {
    margin-top: 0;
}

body.programmpage .b-block:first-child h2 {
    margin-top: 0;
}

body.programmpage .b-block:last-child {
    width: 270px;
}

body.programmpage .plus {
    margin: 10px 0;
    font-size: 48px;
    text-align: center;
}

.result-block {
    background: #364657;
    color: #fff;
    padding: 40px 0px;
}

.result-block h2 {
    margin-bottom: 30px;
}

.result-block .res-list {
    display: inline-block;
}

.result-block .res-list div.resulted {
    margin-right: 50px;
    display: inline-block;
    vertical-align: top;
    margin-bottom: 50px;
    width: 240px;
}

.result-block .res-list div.resulted .result-cover {
    height: 220px;
    display: table;
}

.result-block .res-list div.resulted .result-cover span {
    display: table-row;
    text-align: left;
}

.result-block .res-list div.resulted .result-cover span.cell {
    display: table-cell;
    vertical-align: bottom;
    height: 130px;
    padding-bottom: 30px;
}

.result-block .res-list div.resulted .result-cover img {
    width: auto;
    height: auto;
}

.result-block .res-list span {
    display: block;
}
.result-block .res-list p{
    color: #fff;
}
body.articlepage .likely {
    float: right;
    margin-top: -1px;
}

body.articlepage .wrapper:after {
    content: '';
    display: block;
    clear: both;
}

.full-size.programm .wrapper {
    flex: 1;
}

body.articlepage .site-header .wrapper:after {
    display: none;
}

body.articlepage h1 {
    font-size: 48px;
    line-height: 52px;
}

body.articlepage h1 + .article-info {
    margin-top: -15px;
}
.article-info .likely{
    float: right;
    margin-top: -1px;
    position: static;
}
body.programmpage .fixed-t-col h2:first-of-type {
    margin-top: 0;
}
body.articlepage .article-info {
    margin-bottom: 10px;
}
.modal-name{
    min-width: 260px;
}
body.articlepage .left-content img {
    max-width: 100%;
    margin: 10px 0;
}

.mobile-but {
    display: none !important;
}

.hoax {
    margin: 40px 0;
    border-radius: 5px;
    width: 100%;
    background: #f8f7f1;
    padding: 20px 20px 40px;
    box-sizing: border-box;
    margin-left: -20px;
}

.left-content {
    margin-right: 320px;
    padding-top: 1px;
}

.wrapper-flex .left-content{
    flex: 1;
    margin-right:5px;
}

.right-sidebar {
    float: right;
    background: #f1f3f4;
    width: 285px;
}

.right-sidebar:after {
    content: '';
    display: block;
    clear: both;
}

.last-article {
    width: 100%;
    background: #edf0f5;
}

.last-article img {
    margin: 0 !important;
    width: 100%;
}

.last-article .desc {
    padding: 20px;
}

.last-article .desc p {
    line-height: 24px;
}

.last-article .title {
    font-size: 30px;
    line-height: 32px;
    margin: 10px 0;
    display: inline;
}

.last-article .title:after {
    display: block;
    content: '';
    margin-bottom: 10px;
}

.last-article .date {
    font-size: 14px;
}

.last-article .tag {
    font-size: 14px;
    text-decoration: underline;
}

.tag {
    margin-left: 10px;
    color: #789099;
    font-size: 14px;
    text-decoration: underline;
}

.tags-block .tag {
    display: inline-block;
    margin: 7px 10px;
}

.title {
    display: inline-block;
    vertical-align: top;
}

a.title {
    border-bottom: 1px solid transparent;
    color: inherit;
}

a.title:hover {
    text-decoration: none;
    border-bottom: 1px solid;
}

.date {
    color: #78909c;
    font-size: 14px;
}

.article-list {
    margin-top: 40px;
}

.article-list:after {
    display: block;
    content: '';
    clear: both;
}

.artilce-preview {
    min-height: 140px;
    margin-top: 40px;
}

.artilce-preview > a {
    float: left;
    width: 184px;
    background: #f1f3f4;
}

.artilce-preview img {
    width: 184px;
    display: inline-block;
    vertical-align: top;
    border-radius: 3px;
    float: left;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.artilce-preview .desc {
    margin-left: 200px;
    vertical-align: top;
}

.artilce-preview .desc p {
    margin-top: 10px;
    font-size: 14px;
    line-height: 24px;
}

.artilce-preview .title {
    font-size: 30px;
    line-height: 32px;
    margin: 0 0 10px 0;
    display: inline;
}

.artilce-preview .title:after {
    content: '';
    display: block;
    margin-bottom: 10px;
}

.artilce-preview .date {
    font-size: 12px;
}

.artilce-preview .tag {
    font-size: 12px;
    text-decoration: underline;
}

.right-content .likeh3{
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.05em;
    font-family: 'Geometria', sans-serif;
}

.right-content .tags-block {
    margin-left: -10px;
}

.right-content .tags-block h2 {
    margin-left: 10px;
}

.search-form {
    width: 100%;
    margin: 30px 0;
}

.search-form input {
    height: 35px;
    border-radius: 3px;
    border: 1px solid #aeb1b8;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    font-size: 16px;
    color: #b6b8cc;
    font-weight: light;
    font-family: 'Geometria-Light';
    padding-left: 15px;
    vertical-align: top;
    box-sizing: border-box;
    width: 100%;
    outline: none;
}

.video-preview {
    margin-top: 15px;
    position: relative;
}

.video-preview a:first-child {
    display: block;
}

.video-preview .title {
    color: inherit;
    font-size: 12px;
    line-height: 18px;
}

.video-preview .title:hover {
    text-decoration: underline;
    border-color: transparent;
}

.video-preview img {
    border-radius: 3px;
    width: 180px;
    height: 124px;
}

.video-preview .date {
    font-size: 12px;
    line-height: 18px;
}

.bblock {
    border-radius: 3px;
    margin: 40px 0;
}

.price-block .flex .price-four {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
}

.price-block .flex .price-four:first-of-type .price {
    padding-left: 0;
}

.price-block .flex .price-four:nth-of-type(2) .price {
    background: #e1e7fc;
}

.price-block .flex .price-four:nth-of-type(2) .price:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 20px 0;
    border-color: transparent #e1e7fc transparent transparent;
}

.price-block .flex .price-four:nth-of-type(3) .price {
    background: #d3daf0;
}

.price-block .flex .price-four:nth-of-type(3) .price:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 20px 0;
    border-color: transparent #d3daf0 transparent transparent;
}

.price-block .flex .price-four:nth-of-type(4) .price {
    background: #bec8e6;
}

.price-block .flex .price-four:nth-of-type(4) .price:before {
    position: absolute;
    left: -10px;
    top: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 20px 0;
    border-color: transparent #bec8e6 transparent transparent;
}

.price-block .flex .price-info {
    margin-top: 10px;
    padding-left: 10px;
}

.price-block .flex .price {
    padding-left: 10px;
    font-size: 30px;
    line-height: 40px;
    height: 40px;
    background: #f0f2f7;
    position: relative;
}

.price-block .flex .price span {
    background: #ffd940;
    padding-left: 10px;
    padding-right: 15px;
    position: relative;
    height: 40px;
    display: inline-block;
    width: 50%;
}

.price-block .flex .price span:after {
    position: absolute;
    right: 0;
    top: 0;
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 10px 20px 0;
    border-color: transparent #f0f2f7 transparent transparent;
}

.sales .three-column .col {
    font-size: 16px;
    display: inline-block;
    vertical-align: top;
    padding-right: 20px;
    width: 33%;
    text-align: center;
    box-sizing: border-box;
    text-align: left;
}

.sales .three-column .col > div {
    font-size: 30px;
}

.form {
    background: #f0f7fa;
    padding: 50px 0;
    text-align: center;
    font-family: "Geometria-Light", sans-serif;
    min-height: 400px;
}

.form form {
    width: 400px;
    margin: 0 auto;
    display: block;
    text-align: left;
    margin-top: 30px;
}

.form input {
    width: 400px;
    max-width: 100%;
    height: 53px;
    border: 1px solid #aeb1b8;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    display: block;
    border-radius: 3px;
    font-size: 16px;
    box-sizing: border-box;
    margin-top: 15px;
    padding-left: 15px;
    font-family: "Geometria-Light", sans-serif;
}

.form select {
    width: 400px;
    max-width: 100%;
    height: 53px;
    border: 1px solid #aeb1b8;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    display: block;
    border-radius: 3px;
    font-size: 16px;
    box-sizing: border-box;
    margin-top: 15px;
    padding-left: 15px;
    /* padding-right: 20px; */
    color: #3e4857;
    font-family: "Geometria-Light", sans-serif;
}

.form textarea {
    font-size: 16px;
    width: 400px;
    max-width: 100%;
    border: 1px solid #aeb1b8;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
    height: 100px;
    margin-top: 15px;
    padding-left: 15px;
    padding-top: 15px;
    box-sizing: border-box;
    resize: none;
    border-radius: 3px;
    font-family: "Geometria-Light", sans-serif;
}

.form button {
    width: 400px;
    max-width: 100%;
    font-size: 16px;
    background: #ffd940;
    display: block;
    border-radius: 25px;
    border: none;
    height: 53px;
    margin-top: 25px;
    cursor: pointer;
    font-family: "Geometria-Light", sans-serif;
}

.form button:hover {
    background: #f8d625;
    box-shadow: inset 0 -2px 2px -2px 0;
}

.form .schedule {
    display: inline-block;
    float: right;
    width: 220px;
    text-align: left;
}
.main-schedule .schedule{
    display: block !important;
}
.form .schedule h2 {
    font-size: 30px;
    line-height: 38px;
}

.form .schedule p {
    margin-top: 10px;
    font-size: 12px;
    line-height: 21px;
}

.form .schedule p span {
    display: block;
}

.site-map a {
    color: inherit;
    text-decoration: underline;
}

.site-map ul {
    margin: 0 !important;
}

.site-map ul li {
    margin-top: 0;
}

.site-map ul {
    padding-left: 30px;
    border-left: 1px dashed #6981aa;
}

.uploadbutton {
    height: 53px;
    display: inline-block;
    overflow: hidden;
    cursor: pointer;
    width: 100%;
    box-sizing: border-box;
    margin-top: 20px;
    font-family: "Geometria-Light", sans-serif;
}

.uploadbutton input {
    opacity: 0;
    position: absolute;
    bottom: -40px;
    left: -9999px;
}

.uploadbutton .button {
    width: 100px;
    line-height: 53px;
    text-align: center;
    background: #6e7d8d;
    color: #fff;
    display: inline-block;
    width: 100%;
    border-radius: 0;
    margin: 0;
    height: 53px;
}

.uploadbutton:hover .button {
    background: #627282;
    color: #fff;
}

.uploadbutton .input {
    width: 100%;
    display: inline-block;
}

.styled-select {
    background: url(/i/app/input_arrow.svg) no-repeat 98% 0;
    overflow: hidden;
    margin-top: 15px;
}

.styled-select select {
    background: transparent;
    border: none;
    font-size: 16px;
    margin-top: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: "Geometria-Light", sans-serif;
    padding: 5px;
    /* If you add too much padding here, the options won't show in IE */
}

::-webkit-input-placeholder {
    color: #aeb1b8;
    font-family: "Geometria-Light", sans-serif;
}

::-moz-placeholder {
    color: #aeb1b8;
    font-family: "Geometria-Light", sans-serif;
}

/* Firefox 19+ */
:-moz-placeholder {
    color: #aeb1b8;
    font-family: "Geometria-Light", sans-serif;
}

/* Firefox 18- */
:-ms-input-placeholder {
    color: #aeb1b8;
    font-family: "Geometria-Light", sans-serif;
}

.styled-select.slate {
    background: url(/i/app/input_arrow.svg) no-repeat 98% center;
    background-color: #fff;
    -webkit-appearance: none;
}
.default-page .likely{
    position: static;
}
.default-page .social-share{
    margin-bottom: 50px;
    z-index: 2;
}
.default-page .programm-title h1{
    width: 80%;
    margin-bottom: 50px;
}
.default-page .programm-title{
    flex: 1 0 100%;
    max-width: 100%;
    display: flex;
    align-items: flex-end;
}
.styled-select.slate select {
    border: 1px solid #aeb1b8;
    font-size: 16px;
    padding-left: 15px;
}

.inst-item-img {
    float: left;
    margin-right: 20px;
}

.inst-item-img + p:after {
    clear: both;
    display: block;
    content: '';
}

p.western {
    line-height: 26px !important;
}

a.callback-button {
    font-size: 12px;
    text-align: center;
    width: 105px;
    height: 22px;
    line-height: 20px;
    border-radius: 15px;
    float: right;
    background: transparent;
    margin-top: 2px;
    color: #ffdd2e;
    border: 1px solid #ffdd2e;
    transition: background .2s ease-in-out
}

a.callback-button:hover {
    background: #ffdd2e;
    color: #364657;
    text-decoration: none;
}

a.callback-button img {
    margin-right: 5px;
    margin-top: 5px;
    vertical-align: top;
}

.callback-form {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: 9999;
    overflow: hidden;
}

.callback-form .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.6);
}

.callback-form .likeh2 {
    margin-bottom: 40px;
    font-size: 30px !important;
    text-align: center;
    font-size: 60px;
}

.callback-form .thanks {
    display: none;
    max-width: 100%;
    width: 590px;
    height: 370px;
    position: absolute;
    left: 50%;
    margin-left: -295px;
    top: 20%;
    box-sizing: border-box;
    font-weight: bold;
    padding: 20px 35px 35px 35px;
    border-radius: 8px;
    text-align: center;
    background: #f0f3f5;
    font-size: 26px;
    padding-top: 110px;
    line-height: 35px;
}

.callback-form .close-but {
    position: absolute;
    right: 20px;
    top: 0px;
    cursor: pointer;
}

.callback-form form {
    max-width: 100%;
    width: 590px;
    height: 460px;
    position: absolute;
    left: 50%;
    margin-left: -295px;
    top: 20%;
    box-sizing: border-box;
    font-weight: bold;
    padding: 20px 35px 35px 35px;
    border-radius: 8px;
    text-align: center;
    background: #f0f3f5;
}

.callback-form form div {
    margin-top: 18px;
}

.callback-form form label {
    text-transform: uppercase;
    width: 80px;
    display: inline-block;
}

.callback-form form input {
    text-transform: none;
    border: none;
    background: #fff;
    width: 390px;
    max-width: 100%;
    height: 50px;
    display: inline-block;
    outline: none;
    font-size: 16px;
    padding-left: 10px;
    border-radius: 3px;
    border: 1px solid #aeb1b8;
    box-shadow: inset 0px 1px 2px rgba(0, 0, 0, 0.1);
}

.callback-form form button {
    max-width: 100%;
    display: block;
    margin: 0 auto;
    border: none;
    width: 400px;
    height: 54px;
    border-radius: 30px;
    font-size: 16px;
    color: #000;
    background: #ffd940;
    margin-top: 30px;
    outline: none;
    cursor: pointer;
    line-height: 54px;
}

.callback-form form button:hover {
    background: #f8d625;
}

.mh200 {
    min-height: 200px;
}

.schedule > div > ul {
    list-style: none;
    border: 1px solid #8593b1;
    border-radius: 20px;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
}

.schedule > div > ul li {
    float: left;
    padding: 0;
    height: 40px;
    margin-top: 0;
    line-height: 40px;
    cursor: pointer;
    border-left: 1px solid #8593b1;
}

.schedule > div > ul li a {
    padding: 0 20px;
    display: inline-block;
    text-decoration: none;
}

.schedule > div > ul li:first-child {
    border-left: none;
}

.schedule > div > ul li.active {
    background-color: #8593b1;
    pointer-events: none;
}

.schedule > div > ul li.active > a {
    color: #ffffff;
}

.schedule > div > ul li.active:hover {
    background-color: #8593b1;
}

.schedule > div > ul li.active + li {
    border-left-color: transparent;
}

.schedule > div > ul li:hover {
    background-color: #e4e7ee;
    border-left-color: transparent;
}

.schedule > div > ul li:hover + li {
    border-left-color: transparent;
}

.schedule .events-list {
    margin-top: 30px;
    border-top: 1px solid #e5e5e5;
}

.schedule .events-list .event {
    border-bottom: 1px solid #e5e5e5;
    padding: 25px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.schedule .events-list .event .timedesc {
    width: 78%;
}

.schedule .events-list .event .time {
    width: 20%;
    float: left;
    font-size: 16px;
}

.schedule .events-list .event .time span {
    margin-top: 5px;
    display: inline-block;
}

.schedule .events-list .event .description {
    width: 80%;
    float: left;
}

.schedule .events-list .event .description h2 {
    margin-top: 0;
    font-family: 'Geometria-Medium', Arial;
    font-size: 30px;
}

.schedule .events-list .event .description .schedule-program-name {
    margin-top: 0;
    font-family: 'Geometria-Medium', Arial;
    font-size: 30px;
}

.schedule .events-list .event .description h2 div {
    height: 23px;
    display: inline-block;
    padding: 0 8px;
    font-size: 10px;
    text-transform: uppercase;
    background-size: 100% 23px;
    line-height: 28px;
    background-image: url("/i/course-bg.svg");
    position: relative;
    top: -3px;
}

.schedule .events-list .event .description p.address, .schedule .events-list .event .description p.instructors {
    margin-top: 15px;
    font-size: 14px;
    margin-left: 17px;
    position: relative;
}
.schedule .events-list .event .description p.address>a:hover, .schedule .events-list .event .description p.instructors >a:hover{
    background-color: transparent;
}

.schedule .events-list .event .description p.address>a:after, .schedule .events-list .event .description p.instructors >a:after{
    content: none;
}
.schedule .events-list .event .description p.address:before, .schedule .events-list .event .description p.instructors:before {
    position: absolute;
    top: 6px;
    left: -15px;
    width: 9px;
    height: 11px;
    content: '';
    background: url("/i/app/pin.svg") no-repeat center;
    background-size: contain;
}

.schedule .events-list .event .description p.instructors:before {
    background: url("/i/app/instructors.svg") no-repeat center;
}

.schedule .events-list .event .description a {
    color: #607194;
    text-decoration: underline;
}

.schedule .events-list .event .description a.show-more {
    margin-top: 15px;
    display: inline-block;
}

.schedule .events-list .event .description .desc ul {
    list-style: none;
    padding-left: 20px;
}

.schedule .events-list .event .description .desc ul li {
    position: relative;
}

.schedule .events-list .event .description .desc ul li:before {
    content: '-';
    position: absolute;
    left: -20px;
}

.schedule .events-list .event .price {
    width: 22%;
    margin: 5px 0;
    border-left: 1px solid #e5e5e5;
    box-sizing: border-box;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.schedule .events-list .event .price div {
    margin: auto 0;
    width: 100%;
    text-align: center;
}

.schedule .events-list .event .price div p {
    font-size: 30px;
    text-align: center;
}

.schedule .events-list .event .price div a.join {
    display: block;
    width: 200px;
    height: 36px;
    border-radius: 18px;
    font-size: 14px;
    box-sizing: border-box;
    line-height: 36px;
    border: 1px solid #8593b1;
    color: #8593b1;
    background-color: white;
    text-align: center;
    margin: 20px auto 10px;
    text-decoration: none;
}

.schedule .events-list .event .price div a.join:hover {
    background-color: #ffd940;
    border-color: #ffd940;
    color: black;
}

.schedule .events-list .event .price div a.join.paid {
    width: 184px;
}

.schedule .events-list .event .price div a.add-to-google {
    text-decoration: underline;
    display: inline-block;
    font-size: 14px;
}

.schedule .events-list .event .price div a.add-to-google:before {
    content: '';
    display: inline-block;
    position: relative;
    background: url("/i/calendar.svg");
    background-size: contain;
    width: 13px;
    height: 10px;
    margin-right: 3px;
}

.order > h1 {
    text-align: center;
}

.order form {
    max-width: 860px;
    width: 100%;
    margin: 0 auto;
    background-color: #f2f7ff;
    padding: 0 30px 1px;
    box-sizing: border-box;
}

.order form > div {
    position: relative;
    border-bottom: 1px solid #d0def5;
    padding: 30px 0;
}

.order form > div:last-of-type {
    border-bottom: none;
}

.order form > div h2 {
    margin-top: 0;
}

.order form > div p {
    margin: 0;
    font-size: 14px;
    line-height: 21px;
}

.order form > div:first-child span.price {
    top: 35px;
}

.order form > div p.time {
    font-size: 16px;
}

.order form > div p.time .duration {
    display: none;
}

.order form span.price {
    font-size: 24px;
    position: absolute;
    right: 0;
    top: 30px;
}

.order form input[type="text"], .order form input[type="email"], .order form textarea {
    font-size: 16px;
    height: 52px;
    line-height: 52px;
    border: 1px solid #aeb1b8;
    border-radius: 3px;
    outline: none;
    padding-left: 15px;
    box-sizing: border-box;
    display: inline-block;
    resize: none;
}

.order form label {
    width: 200px;
    margin-right: 20px;
    display: inline-block;
    font-size: 16px;
    display: block;
    float: left;
}

.order form .contacts {
    padding: 15px 0 30px;
}

.order form .contacts div {
    margin-top: 15px;
}

.order form .contacts div:last-child {
}

.order form .contacts input {
    width: 430px;
}

.order form .contacts label {
    line-height: 24px;
}

.order form .promo label {
    font-size: 14px;
    line-height: 21px;
}

.order form .open-promo-special span {
    border: none;
    background: transparent;
    font-family: 'Geometria-Light', Arial;
    color: #000;
    font-size: 14px;
    line-height: 21px;
    border-bottom: 1px dashed black;
    padding: 0;
    cursor: pointer;
    font-weight: bold;
}

.order form .promo input {
    width: 240px;
    display: block;
    float: left;
}

.order form .special input[type="checkbox"] {
}

.order form .special label#stud-discount,
.order form .special label#old-discount,
.order form .special label#repeat-discount
{
    padding-left: 10px;
}

.order form .special input[type="checkbox"] + .checkbox {
    border: 1px solid #aeb1b8;
    background-color: white;
    border-radius: 3px;
    width: 24px;
    height: 24px;
    position: relative;
    top: -1px;
    display: block;
    cursor: pointer;
}

.order form .special input[type="checkbox"]:checked + .checkbox:after {
    content: '';
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #7c8baa;
    display: block;
    border-radius: 2px;
    top: 5px;
    left: 5px;
}

.order form .special label {
    font-size: 14px;
}

.order form .special p {
    float: left;
}

.order form .special p.desc {
    width: 200px;
    margin-right: 20px;
}

.order form .special div {
    float: left;
    width: 210px;
}

.order form .special div label {
    margin-right: 0;
    width: auto;
    line-height: 24px;
}

.order form .special div label.checkbox {
    margin-right: 10px;
}

.order form .special div div {
    margin-bottom: 20px;
}

.order form .submit {
    width: 300px;
    float: right;
    text-align: right;
}

.order form .submit p {
    display: none;
}

.order form .submit span.final-price {
    font-size: 60px;
    display: block;
    text-align: right;
}

.order form .submit button[type="submit"] {
    float: right;
    margin: 5px 0 0;
    width: 280px;
}

.order form .submit span.help {
    font-size: 12px;
    color: rgba(0, 0, 0, 0.5);
    display: block;
    float: right;
    margin-top: 10px;
}

.order form button[type="submit"] {
    background-color: #ffdd2e;
    color: black;
    outline: none;
    border: none;
    width: 220px;
    height: 44px;
    font-size: 16px;
    line-height: 44px;
    border-radius: 22px;
    cursor: pointer;
    margin-bottom: 50px;
    margin-left: 220px;
}

.order form button[type="submit"]:hover {
    background: #f8d625;
}

.order.completed .desc {
    padding-top: 40px;
    max-width: 800px;
    width: 70%;
    float: left;
}

.order.completed .desc p, .order.completed .desc a {
    font-size: 22px;
    line-height: 34px;
    margin-bottom: 15px;
}

.order.completed .desc .social a {
    font-size: 14px;
    line-height: 20px;
}

.order.completed .image {
    width: 30%;
    float: left;
    padding-top: 90px;
}

.order.completed .image img {
    max-width: 306px;
    width: 100%;
    height: auto;
}

.order.completed .social {
    margin-top: 70px;
}

.order.completed .social p {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 0;
}

.order.completed .likely {
    position: relative;
    right: auto;
    top: -8px;
    display: inline-block;
}

.contacts-form__form-thx {
    background-color: #ffd940;
    background-image: url(/i/app/shape-arrow.svg);
    background-repeat: no-repeat;
    background-position: 80% 80%;
    position: absolute;
    top: 0;
    width: 116%;
    height: 100%;
    left: 0;
    padding: 36px;
    opacity: 0;
    z-index: 6;
    -webkit-transition: transform .4s ease, opacity .4s ease;
    -moz-transition: transform .4s ease, opacity .4s ease;
    -ms-transition: transform .4s ease, opacity .4s ease;
    -o-transition: transform .4s ease, opacity .4s ease;
    transition: transform .4s ease, opacity .4s ease;
    -webkit-transform: translateX(100%);
    -moz-transform: translateX(100%);
    -ms-transform: translateX(100%);
    -o-transform: translateX(100%);
    transform: translateX(100%);
}

.contacts-form__form-thx h3 {
    margin-top: 0;
}

.contacts-form__form-thx p {
    margin-top: 40px;
}

.contacts-form__form-thx-close {
    display: inline-block;
    position: absolute;
    bottom: 10%;
    cursor: pointer;
}
h1 {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 50px;
    line-height: 54px;
    color: #364657;
    margin-bottom: 23px;
    margin-top: 50px;
}

h2 {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 36px;
    line-height: 36px;
    color: #364657;
    margin: 50px 0 20px 0;
}

.likeh2 {
    font-size: 50px;
    text-align: center;
    font-family: 'Geometria-Medium', sans-serif;
}

h3 {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 24px;
    line-height: 25px;
    color: #364657;
    margin-top: 40px;
}

p {
    font-size: 16px;
    line-height: 25px;
    color: #3e4857;
    margin-top: 15px;
}

p>a{
    line-height: 22px;
    position: relative;
}
p>a:hover{
    text-decoration: none;
    background-color: #e9f0f4;
}
p>a:hover:after{
    background-color: transparent;
}
p>a:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: #e9f0f4;
    left: 0;
    bottom: -1px;
}
.left-content li {
    color: #3e4857;
    line-height: 25px;
}
.left-content li>a {
    position: relative;
}
.left-content li>a:hover{
    text-decoration: none;
    background-color: #e9f0f4;
}
.left-content li>a:hover:after{
    background-color: transparent;
}
.left-content li>a:after {
    content: '';
    width: 100%;
    position: absolute;
    height: 2px;
    background-color: #e9f0f4;
    left: 0;
    bottom: -1px;
}

strong {
    font-family: 'Geometria-Medium', sans-serif;
}

ul {
    font-size: 16px;
    list-style-type: none;
    margin-top: 10px;
}

ol {
    font-size: 16px;
    margin-top: 10px;
}

ul > li {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.2;
}

ul > li:before {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: rgba(54, 70, 87,.5);
    vertical-align: 2px;
    border-radius: 50%;
    margin-right: 11px;
}

ol > li {
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 25px;
}

.site-header nav.menu ul.main-menu {
    margin: 0;
    list-style-type: none;
}

.site-header nav.menu ul.main-menu > li:before {
    content: none;
}

.child-mnu > ul {
    margin: 0;
    list-style-type: none;
}

.child-mnu > ul > li:before {
    content: none;
}

.site-footer nav.menu ul.main-menu {
    margin: 0;
    list-style-type: none;
}

.site-footer nav.menu ul.main-menu > li:before {
    content: none;
}

.sub-nav__mnu {
    margin: 0;
    list-style-type: none;
}

.sub-nav__mnu > li:before {
    content: none;
}

main {
    float: left;
    width: 885px;
    padding-right: 25px;
}

.content > main > img {
    margin-top: 30px;
    max-width: 100%;
}

.aside {
    float: right;
    width: 315px;
    margin-top: 132px;
    background-color: #e9f1f5;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 45px;
}

.wrapper-flex .aside{
    align-self: flex-start;
}

.aside:empty {
    padding-top: 45px;
}

.aside #vk_groups {
    width: 100% !important;
}

.video-news {
    margin-top: 25px !important;
}

.news {
    margin-bottom: 40px;
    margin-top: 40px;
}

.video-news .time, .news__item .time {
    color: #8c9398;
    margin-top: 0;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 1;
}

.news__item .time {
    margin-bottom: 7px;
}

.video-news__title, .news__title {
    font-size: 24px;
    line-height: 32px;
    letter-spacing: -0.05em;
    font-family: 'Geometria', sans-serif;
}

.video-news__item {
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
}

.video-news__item > a {
    display: inline-block;
    max-width: 50%;
    float: left;
}

.video-news__item .decription {
    max-width: 132px;
    display: inline-block;
    float: left;
    font-size: 12px;
    font-family: 'Geometria-Light', sans-serif;
    line-height: 1.2;
    margin-left: 10px;
}

.news__item {
    padding-top: 18px;
    padding-bottom: 18px;
}
.news__item:last-of-type{
    padding-bottom: 0;
}
.aside__banner {
    width: 100%;
    max-height: 334px;
    margin-bottom: 40px;
    margin-top: 40px;
}
.aside__banner img{
    height: 100%;
    width: 100%;
    display: inline-block;
    object-fit: contain;
    max-height: 334px;
}


.cour-list {
    min-height: 200px;
}

.slick-prev {
    left: 0px !important;
    width: 40px;
    height: 105px;
}

.slick-prev:before {
    background-image: url(/i/app/slider-arrows-sprite.png) !important;
    width: 42px;
    height: 105px;
    background-position: 1px 0;
}
.slick-prev:hover:before{
    background-position: 1px -108px;
}
.slick-next {
    right: 0px !important;
    width: 46px;
    height: 105px;
}

.slick-next:before, .slick-next:before {
    background-image: url(/i/app/slider-arrows-sprite.png) !important;
    width: 41px;
    height: 106px;
    background-position: 41px 0px;
    right: 0;
}
.slick-next:hover:before{
    background-position: 41px -108px;
}

.reviews {
    position: relative;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.slide__name .social {
    display: inline-block;
    vertical-align: top;
    list-style-type: none;
    margin: 0;
    margin-left: 14px;
}

.slide__name .social a {
    width: 26px;
    height: 26px;
    display: inline-block;
    text-align: center;
    line-height: 30px;
    outline: none;
    margin-bottom: -5px;
}
.slide__name .social a:first-of-type{
    margin-left: 15px;
}
.slide__name .social a:not(:last-of-type){
    margin-right: 10px;
}
.social a.fb {
    background: url(/i/app/fb.svg) no-repeat center center;
    color: #3b5998;
    border-color: #3b5998;
    background-size: contain;
}

.social a.vk {
    background: url(/i/app/vk.svg) no-repeat center center;
    background-size: contain;
}

.slider-header {
    position: absolute;
    left: 0px;
    top: 20px;
    z-index: 2;
}
.slider__title {
    padding-left: 48px;
    font-size: 50px;
    font-family: 'Geometria-Medium', sans-serif;
    letter-spacing: -0.01em;

}

.slide__name {
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 36px;
    line-height: 36px;
    position: relative;
    display: inline-block;
    margin-top: 6px;
    max-width: 70%;
    width: 100%;
}

.slide__name a {
    color: #364657;
    text-decoration: none;
}

.slide__name:after {
    content: '';
    display: inline-block;
    background-color: #f5ce30;
    height: 3px;
    width: 115px;
    position: absolute;
    left: 0;
    bottom: -20px;
}
.programm-title {
    font-size: inherit;
    line-height: 1;
    margin-top: 30px;
    vertical-align: top;
    flex: 1 0 75%;
    max-width: 75%;
    display: flex;
    position: relative;
}
.programm-title h1{
    color: #fff;
}
.programm-title .likely{
    bottom: 30px !important;
}
.button {
    margin: 0;
    padding: 13px 23px;
    line-height: 1 !important;
    background: #f5d850;
    box-shadow: inset 0 -3px 2px -2px rgba(255, 221, 46, 0.7);
    margin-top: 20px;
    display: inline-block;
    border: none;
    color: #364657;
    height: auto;
    width: auto;
}
.button:hover{
    background: #f8d625;
    box-shadow: inset 0 -2px 2px -2px #000000;
}

.slider-header .button {
    margin-left: 28px;
    margin-top: 0;
    vertical-align: 6px;
    padding-left: 38px;
    padding-right: 38px;
}

.slider-reviews .slide {
    text-align: left;
    margin-bottom: 32px;

}

.slider-reviews{
    max-width: 1024px;
    margin-left: auto;
    background-color: #e9f1f5;
    padding: 50px 48px;
    height: 350px;
}

.reviews .slick-dots {
    bottom: -38px;
}

.slick-dots li {
    background-color: #d7e6ed;
    border: 1px solid #d7e6ed;
}

.slick-dots li:before {
    content: none;
}

.slide__text {
    float: left;
    max-width: 70%;
    margin-top: 36px;
    font-size: 17px;
    font-family: 'Geometria Light', sans-serif;
    line-height: 26px;
}

/*.slide__text--show-more:after {*/
/*content: url(/i/app/arrow.svg);*/
/*margin-left: 14px;*/
/*display: inline-block;*/
/*vertical-align: middle;*/
/*}*/
.showmore{
    padding-left: 26px;
    cursor: pointer;
}
.showmore:hover .st0{
    fill: #f5d850;
}
.showmore:hover{
    animation: arrowbounce 1s ease-in-out infinite;
    transition: padding-left 1s ease-in-out
}
@keyframes arrowbounce {
    from{
        padding-left: 26px;
    }
    to{
        padding-left: 36px;
    }
}
.slider-reviews .whosreview, .single-review-modal__body .whosreview {
    float: right;
    max-width: 190px;
}

.whosreview img {
    width: 190px;
}

.instructors {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
}

.instructors .slick-dots {
    bottom: -38px;
}

.slider-people {
    max-width: 1024px;
    margin: 0;
    margin-left: auto;
}
.slider-people img {
    float: right;
    border-radius: 50% !important;
    width: 190px;
    height: 190px;
    object-fit: cover;
}

.slider-people .people-info {
    max-width: 100%;
}

.slider-people .slide {
    position: relative;
    outline: none;
    background-color: #e9f1f5;
    padding-top: 100px;
    padding-left: 48px;
    padding-bottom: 40px;
    padding-right: 40px;
    height: 375px;
}

.last-cours {
    position: relative;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.last-cours .slick-dots{
    bottom: 12px;
}
.cour-list {
    margin-top: 40px;
}

.cour-list a {
    display: inline-block;
    width: 225px;
    margin: 0 9px;
}

.cour-list a > img {
    display: inline-block;
    width: 100%;
    object-fit: cover;
    height: 150px;
}

.section__title {
    text-align: left;
}
.modal-photo--small{
    display: none !important;
}
.slider-reviews .whosreview, .single-review-modal__body .whosreview{
    width: 190px;
    height: 190px;
    float: right;
}
.slider-reviews .whosreview img, .single-review-modal__body .whosreview img{
    width: 190px;
    height: 190px;
}
.slide__name .social{
    margin-left: 0;
}
.slide__name > span{
    width: auto;
    display: inline-block;
}
.slide-name__sub-name{
    font-size: 19px;
    line-height: 32px;
    color: #707984;
    font-family: 'Geometria-Light', sans-serif;
}
.video-reviews{
    position: relative;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    margin-top: 50px;
    margin-bottom: 50px;
    padding-bottom: 50px;
    padding-top: 50px;
}
.video-reviews-slider{
    margin-top: 40px;
}
.video-reviews-slider__item{
    width: 375px;
    outline: none;
    padding: 0 10px;
}
.video-reviews-slider-item__image{
    height: 202px;
    position: relative;
    width: 100%;
}
.video-reviews-slider-item__play-btn{
    position: absolute;
    width: 42px;
    height: 42px;
    background-image: url(/i/app/play-btn.png);
    background-repeat: no-repeat;
    background-position: center center;
    top: calc(50% - 21px);
    left: calc(50% - 42px);
    cursor: pointer;
}
.video-reviews-slider-item__title{
    margin-top: 8px;
}
.video-reviews-slider-item__name{
    font-family: 'Geometria-Medium', sans-serif;
    font-size: 17px;
    line-height: 20px;
}
.video-reviews-slider-item__date{
    font-size: 14px;
    line-height: 20px;
    color: #8c9398;
}
/*TABLE PRICES*/
.small-text{
    font-size: 14px;
    font-family: 'Geometria-Light', sans-serif;
    opacity: .59;
}
.text-align-right {
    text-align: right;
}
.text-align-left{
    text-align: left;
}
table {
    width: 80%;
    font-family: "Geometria-Light", sans-serif;
    border-collapse: collapse;
    text-align: center;

}

thead {
    border-collapse: separate;
    border-bottom: 3px solid #ffd940;
    border-spacing: 5px 5px;
    font-size: 17px;
    font-family: 'Geometria', sans-serif;
}
thead th, td{
    font-family: 'Geometria', sans-serif;
}
thead>tr>th:first-of-type{
    padding-left: 0;
}
th, .td_first {
    color: #364657;
}

tr {
    border-bottom: 1px solid #eff0f2;
}
tr:last-of-type{
    border-bottom: 0;
}
tr>td:first-of-type{
    padding-left: 0;
}
th, td {
    font-size: 16px;
    font-family: 'Geometria-Light', sans-serif;
    padding: 20px 15px 17px 15px;
    text-align: center;
    vertical-align: middle;
}

td {

}

th:first-child, .td_first {
    text-align: left;
}

caption {
    background: #fad000; /*#F79361; */
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .3);
    color: white;
    font-family: "Roboto Slab", serif;
    font-style: normal;
    font-size: 26px;
    text-align: center;
    margin: 0;
}
.single-review-modal__body .whosreview{
    margin-top: 30px;
    margin-left: 15px;
}
.table_responsive {
    max-width: 100%;
    overflow: auto;
}


@media screen and (max-width: 1300px) {

    .small-about .description {
        width: 100%;
    }

    .articles .three-column {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .articles .three-column a {
        margin-right: 0;
        width: 32%;
    }

    .articles .three-column img {
        max-width: 100%;
    }

    .articles .three-column .three-column {
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .happy-intro .three-column {
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .happy-intro .three-column a {
        width: 32%;
        margin-right: 0;
        padding-left: 5px;
        padding-right: 5px;
    }

    .free-courses .description {
        width: 100%;
    }

    .free-courses .three-column {
        margin-top: 50px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .free-courses .three-column a {
        width: 32%;
    }
}

@media screen and (max-width: 1279px) {
    .office__road {
        margin-top: 12px;
        margin-bottom: 15px;
    }

    .small-about .three-column > div {
        flex: 0 0 50%;
        max-width: 50%;
    }

    .small-about h3 {
        text-align: center;
        margin: 15px 0 0 0;
    }

    .small-about p {
        text-align: center;
        margin: 5px 0;
    }

    .contacts__city h1 {
        font-size: 36px;
        margin-top: 25px;
        margin-bottom: 18px;
        line-height: 35px;
    }

    .contacts-form h3 {
        font-size: 22px;
        margin-top: 28px;
        margin-bottom: 15px;
    }

    .contacts-office {
        padding: 8px 0 0 0;
    }

    .contacts-form__info {
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 0;
    }

    .road-hint__image img {
        height: 210px;
    }

    .road__text p {
        font-size: 16px;
    }

    .contacts-form p {
        max-width: 100%;
        padding-right: 60px;
        letter-spacing: -1px;
        font-size: 15px;
        line-height: 22px;
    }

    .contacts-form__form {
        position: relative;
        flex: 0 0 50%;
        max-width: 50%;
        padding-top: 0;
    }

    .road__map {
        flex: 0 0 50%;
        max-width: 50%;
        padding-right: 15px;
    }

    .contacts-map {
        height: 210px;
    }

    .slick-dots {
        width: 100%;

    }

    .road-hints {
        flex: 0 0 50%;
        max-width: 50%;
        margin-left: 0;
    }

    .road__text {
        max-width: 100%;
        padding: 20px 0;
        flex: 0 0 100%;
    }

    .contacts-form__form form textarea {
        height: 108px;
        box-sizing: border-box;
    }

    .contacts-form__form form input, textarea {
        padding: 15px;
    }

    .table-bt {
        border-top: 1px solid #e1e1e1;

    }

    .footer {
        padding: 20px 40px;
    }

    .footer__logo {
        flex: 0 0 50%;
        max-width: 50%;
        margin-right: 0;
        align-self: flex-start;
    }

    .footer__nav {
        flex: 0 0 50%;
        max-width: 50%;
        margin-right: 0;
        order: 2;
    }

    .footer_phone {
        flex: 0 0 50%;
        max-width: 50%;
        font-size: 16px;
        order: 3;
        margin-left: 8px;
    }

    .footer__copyright {
        flex: 1;
        max-width: 25%;
        margin-right: 0;
    }

    .footer__site-map {
        display: none;
    }

    .footer__social {
        display: none;
    }

    .footer__programm-author {
        flex: 1;
        max-width: 100%;
        margin-right: 0;
    }

    .footer__designed {
        flex: 0 0 16.6666667%;
        max-width: 16.6666667%;
    }

    .contacts-form__form-thx {
        width: 116%;
    }

    .contacts-form__form-thx h3 {
        margin-top: 0;
    }
}

@media screen and (max-width: 1210px) {
    .item-is-parent > span.current:before {
        left: -2px;
    }

    .child-mnu {
        margin-left: -15px;
    }

    .site-header .header-top .sub-nav__mnu li:last-of-type > a {
        padding-right: 5px;
    }

    .item-is-parent > span {
        padding-left: 5px;
        padding-right: 5px;
    }

    .site-header nav.menu ul.main-menu li > a {
        padding: 3px 4px;
    }

    .site-header .header-top .sub-nav__mnu li a {
        padding: 0 2px;
    }

    .full-size.programm {
        top: -60px;
    }

    body.programmpage .result .likeh3,
    body.programmpage .result h3 {
        padding-left: 34px;
        text-align: left;
    }

    .instructor__courses {
        float: none;
    }

    body.aboutpage .t-col:after {
        display: block;
        content: '';
        clear: both;
    }

    a.callback-button {
        margin-top: 5px;
    }

    .full-size .schedule p {
        font-size: 14px;
    }

    .full-programm-author .author {
        font-size: 40px;
        word-break: break-word;
    }

    body.aboutpage .likely {
        bottom: 10px;
    }

    .site-footer nav.menu ul .progshover + li {
        margin-left: -3px;
    }

    .site-footer nav.menu ul .progshover + li:before {
        display: none;
    }

    .header-wrap {
        background: url(/i/app/header_image.png) no-repeat left;
        background-size: cover;
    }

    .full-size.programm {
        position: relative;
        padding-top: 60px;
    }

    body.programmpage .full-size.programm .social-share {
        position: absolute;
        left: 5%;
        text-align: left;
        width: auto;
        flex: 0 0 100%;
        padding-bottom: 0;
        margin: 0;
        width: 100%;

    }

    h1 {
        margin-bottom: 20px;
        font-size: 52px;
    }

    .mainpage .header-wrap .site-header a.num {
        line-height: 35px;
    }

    .more-articles .wrapper, .email-add .wrapper, .partners .wrapper {
        padding: 0 10px;
    }

    .happy-intro .happines-logo {
        /* margin-left: 5%; */
    }

    .reviews .slick-slider {
        width: 90%;
        margin: 0 auto;
    }

    .reviews .slick-slider .slick-prev {
        left: 50%;
        margin-left: -192px;
        top: -27px;
    }

    .reviews .slick-slider .slick-next {
        left: 50%;
        margin-left: 142px;
        top: -27px;
        right: auto;
    }

    .slider-people .whoare {
        display: none;
    }

    .mobile-just {
        display: block;
    }

    .instructors-slider .likeh2,
    .instructors-slider h2 {
        text-align: center;
        margin: 0;
    }

    .instructors-slider .likeh2.mobile-just,
    .instructors-slider h2.mobile-just {
        margin-bottom: 60px;
    }

    .instructors-slider .slick-slider {
        width: 90%;
        margin: 0 auto;
    }

    .instructors-slider .slick-slider .slick-prev {
        left: 50%;
        margin-left: -242px;
        top: -77px;
    }

    .instructors-slider .slick-slider .slick-next {
        left: 50%;
        margin-left: 201px;
        top: -77px;
        right: auto;
    }

    .email-add {
        height: auto;
    }

    .email-add .email-box {
        display: inline-block;
        margin-left: 0;
    }

    .small-about {
        padding-top: 30px;
    }

    .small-about .description {
        width: 100%;
    }

    .small-about p {
        width: 100%;
    }

    .small-about .three-column {
        margin-top: 0px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-flex-pack: distribute;
        justify-content: space-around;
    }

    .small-about .three-column > div {
        width: 32%;
    }

    body:not(.mainpage) .header-wrap .site-header a {
        color: #fff;
    }

    .site-footer #prog-mobile {
        display: none !important;
    }

    .artilce-preview > a {
        display: none;
    }

    .artilce-preview .desc {
        margin-left: 0;
    }

    .right-content {
        width: 295px;
        padding: 50px 10px 50px 40px;
    }

    #prog-mobile {
        display: block;
        padding: 0 10px;
        margin-left: -10px;
        display: inline-block;
        position: relative;
        text-align: center;
    }

    #prog-mobile > div {
        border-bottom: none;
        border-top: 1px solid;
        border-color: #4a5968;
    }

    #prog-mobile a:hover {
        text-decoration: none !important;
    }

    /*.wide-prog, .happy-prog, .free-prog {*/
    /*padding-left: 0;*/
    /*padding-right: 0;*/
    /*width: 100%;*/
    /*padding-left: 10px;*/
    /*padding-right: 10px;*/
    /*margin-left: 0px;*/
    /*}*/
    .happy-prog li > a {
        padding-left: 0;
    }

    .progs-title {
        color: #fff;
    }

    li.progshover a {
        display: none !important;
    }

    /*.site-header {*/
    /*height: 95px;*/
    /*}*/
    .site-header .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding: 0 10px;
        align-items: center;
    }

    .site-header .num {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding-left: 0;
    }

    .menu-wrapper {
        position: relative;
        padding: 0 40px;
        border-bottom: 0;
    }

    .header-wrapper {
        padding: 0 40px;
    }

    .child-mnu ul:not(:last-of-type) {
        border-bottom: 0;
        padding-bottom: 10px;
    }

    .child-mnu ul:last-of-type {
        /* border-bottom: 2px solid rgba(255, 255, 255, .2); */
    }

    .site-header .logo {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding-left: 0;
    }

    .site-header .contacts-block a.num {
        display: inline-block;
        float: left;
        font-size: 14px;
    }

    .site-header .contacts-block div.address {
        display: inline-block;
        font-size: 10px;
    }

    .programm-title {
        font-size: 45px;
        line-height: 54px;
    }

    .reviews {
        padding: 10px 0;
    }

    .articles {
        padding: 10px 0;
    }

    .articles .three-column {
        margin-top: 0;
    }
    .articles .three-column a {
        margin-top: 10px;
    }

    .slider-reviews .slide {
        margin-top: 0px;
    }

    .slider-reviews .whosreview, .single-review-modal__body .whosreview {
        display: table-cell;
        max-width: 100%;
        text-align: left;
    }

    .slider-reviews .whosreview img, .single-review-modal__body .whosreview img {
        margin-bottom: 10px;
        display: inline-block;
        vertical-align: middle;
        border-radius: 50%;
        margin-right: 10px;
        float: left;
    }

    .slider-reviews .whosreview span, .single-review-modal__body .whosreview span {
        margin-left: 130px;
        display: table-cell;
        height: 120px;
        vertical-align: middle;
    }

    .full-size.programm .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        flex: 1;
    }

    .full-size.programm .wrapper > div {
        width: 100%;
        text-align: left;
    }

    .full-size.programm .social-share {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        position: relative;
    }

    .full-size.programm .schedule {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        min-height: 480px;
        flex: 0 0 27%;
        max-width: 27%;
    }

    .full-size.programm .schedule h2 {
        width: 100%;
        font-family: 'Geometria-Medium', Arial;
    }

    .full-size.programm .schedule p {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 0;
    }

    .full-size.programm .schedule p span {
        display: inline-block;
        margin-right: 5px;
    }

    .full-size.programm .programm-title {
        flex: 0 0 70%;
        max-width: 70%;
    }

    .wrapper {
        padding: 0 40px;
        box-sizing: border-box
    }

    .footer {
        padding: 20px 40px;
    }

    .social-share {
        margin-top: 80px;
        text-align: center;
    }

    .social-share a {
        display: none;
    }

    .social-share .likely {
        display: inline-block;
    }

    body.programmpage h2 {
        font-size: 30px;
        line-height: 35px;
    }

    body.programmpage .let {
        float: none;
        width: 100%;
        text-decoration: none;
        margin: 0;
        margin-top: 30px;
        text-align: left;
    }

    body.programmpage .let img {
        display: inline-block;
        vertical-align: top;
        margin: 0;
    }

    body.programmpage .let a {
        display: inline-block;
        text-decoration: underline;
        margin-top: 25px;
        width: 200px;
        text-align: left;
    }


    body.programmpage .t-col, body.aboutpage .t-col {
        margin-top: 10px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    body.programmpage .fixed-t-col {
        width: 100%;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-top: 20px;
    }

    body.aboutpage .fixed-t-col {
        order: 2;
        margin-top: 20px;
        width: 100%;
    }

    body.programmpage .fixed-t-col .likeh2,
    body.programmpage .fixed-t-col h2 {
        font-size: 24px;
        margin-top: 10px;
    }

    body.programmpage .fixed-t-col .col {
        width: 100%;
        margin-bottom: 30px;
        margin-right: 0;
    }
    body.programmpage .fixed-t-col .col h2:first-of-type {
        margin-top: 0;
    }
    body.programmpage .fixed-t-col .col:last-child {
        width: 100%;
        padding: 0 10px;
    }

    body.programmpage .fixed-t-col .col .b-block {
        margin-top: 10px;
    }

    body.programmpage .fixed-t-col .col .b-block:first-child p {
        width: 220px;
    }

    body.programmpage .resize {
        font-size: 16px;
        line-height: 26px;
        margin-right: 0;
    }

    body.programmpage .plus {
        margin: 0;
        font-size: 48px;
        text-align: center;
        line-height: 0;
        position: relative;
        z-index: 2;
    }

    body.programmpage .sertificate {
        background: #f7f5eb;
        width: 100%;
        box-sizing: initial;
        width: 100%;
        margin-left: -10px;
        padding-top: 20px;
        padding: 10px;
        text-align: center;
    }

    body.programmpage .sertificate img {
        margin-top: 10px;
    }

    body.programmpage .result, .instructor__courses {
        display: block;
        background: #edf4f7;
        padding: 10px;
        box-sizing: initial;
        width: 100%;
        margin-left: -10px;
        padding-top: 20px;
    }

    body.programmpage .result ul {
        padding: 0 20px;
        margin-bottom: 30px;
    }

    .big {
        font-size: 15px;
        line-height: 24px;
        margin-top: 15px;
    }

    p {
        font-size: 14px;
        line-height: 21px;
    }

    section {
        margin-top: 0;
        padding-bottom: 30px;
    }

    .partners {
        padding-bottom: 0;
    }

    .price-block {
        padding: 0 0px 0 10px;
        width: 100%;
    }

    .price-block .flex {
        width: 100%;
    }

    .price-block .flex .price-four {
        width: 50%;
        margin-bottom: 30px;
    }

    .price-block .flex .price-four:nth-of-type(3) .price {
        padding-left: 0;
    }

    .price-block .flex .price-four:nth-of-type(3) .price:before {
        left: -20px;
        background: #d3daf0;
        width: 10px;
    }

    .price-block .flex .price-four:first-of-type .price {
        padding-left: 0;
    }

    .price-block .flex .price-four:first-of-type .price:before {
        position: absolute;
        left: -20px;
        top: 0;
        content: '';
        display: block;
        height: 0;
        border-style: solid;
        border-width: 20px 10px 20px 0;
        border-color: transparent #d3daf0 transparent transparent;
        content: '';
        display: block;
        left: -20px;
        background: #ffd940;
        width: 20px;
    }

    .price-block .flex .price span {
        padding-right: 24px;
        width: 100%;
        padding-left: 0;
    }

    .outcourses {
        margin-top: 30px;
    }

    .mainpage .reviews .slick-slider .slick-prev {
        left: 50%;
    }

    .mainpage .slider-reviews .review {
        max-width: none;
        margin: 0;
    }

    .result p {
        margin-left: 34px;
    }
}

@media screen and (max-width: 1200px) {


    .programm-title {
        font-size: 100px;
    }

    .social-share a {
        font-size: 12px;
    }

    .mainpage .reviews .slick-slider .slick-prev {
        left: -10px;
    }

    .mainpage .reviews .slick-slider .slick-next {
        right: -10px;
    }

}
@media screen and (max-width: 1200px) {
    .schedule{
        display: none !important;
    }
    .slide__name .social a{
        vertical-align: middle;
    }
    .programm-title{
        max-width: 100% !important;
        width: 100% !important;
        flex: 0 0 100% !important;
        position: absolute !important;
        left: 0;
        padding-left: 40px;
        padding-right: 40px;
    }
    .wrapper--flex{
        position: static !important;
    }
    h1 {
        font-size: 34px;
        line-height: 32px;
    }

    h2 {
        font-size: 25px;
        line-height: 25px;
        margin-bottom: 16px;
    }

    h3 {
        font-size: 20px;
        line-height: 25px;
        margin-top: 28px;
    }

    strong {
        font-size: 16px;
    }

    ol > li {
        margin-top: 14px;
        margin-bottom: 14px;
        line-height: 22px;
    }

    .sub-menu--mobile > li:before {
        content: none;
    }

    .section__title {
        font-size: 34px;
        line-height: 54px;
    }

    main {
        width: auto;
        padding-right: 0;
        float: none;
    }

    .aside {
        float: none;
        width: 100%;
        background-color: transparent;
        margin-top: 20px;
    }
    .slider-people img{
        margin-top: 66px;
    }
    .slider-reviews .whosreview{
        margin-top: 66px;
    }
    .single-review-modal__body .slide__name{
        float: left;
        margin-right: 15px;
        width: 100%;
    }
    .single-review-modal__body .slide__text{
        margin-right: 15px;
    }
    .single-review-modal__body .whosreview{
        margin-top: 0;
        float: left;
    }
    .instructors {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .instructors-slider > .wrapper {
        padding: 0;
    }

    .instructors-slider .slick-slider {
        width: 100%;
        max-width: 100%;
    }

    .slider-header {
        position: static;
        padding: 0px 40px;
        margin-bottom: 22px;
    }

    .slider-people .slide {
        padding-left: 40px;
        padding-right: 40px;
        padding-top: 24px;
    }

    .last-cours .slider__title {
        padding-left: 40px;
        padding-right: 40px;
    }

    .slider__title {
        font-size: 34px;
    }

    .slide__name {
        font-size: 25px;
    }

    .reviews {
        margin-top: 30px;
        margin-bottom: 30px;
        padding-bottom: 30px;
        padding-top: 30px;
    }

    .reviews .slick-slider {
        max-width: 100%;
        width: 100%;
        padding: 30px 40px;
    }

    .reviews .wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    .slider-header .button {
        float: right;
        margin-top: 2px;
    }

    .reviews .slick-dots {
        bottom: -33px;
    }

    .instructors .slick-dots {
        bottom: -33px;
    }

    .last-cours .slick-dots {
        bottom: 17px;
    }

    .last-cours .wrapper {
        padding-right: 0;
        padding-left: 0;
    }

    .cour-list {
        padding-left: 20px;
    }

    .cour-list .slick-slide {
        width: 200px;
    }

    table {
        width: 100%;
    }

    th, td {
        padding: 15px 10px 15px 10px;
        line-height: 20px;
    }

    .aside__banner {
        width: 333px;
        max-height: 470px;
        margin: 0 auto;
        height: 470px;
    }

    .aside__banner img {
        width: auto;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .news {
        display: none;
    }

    .video-news {
        display: none;
    }

    .aside > .col {
        display: none;
    }

    .video-reviews-slider__item {
        width: 350px;
        padding: 0 10px;
    }

    .video-reviews-slider__item:not(:first-of-type) {
        margin-left: 20px;
    }

    .video-reviews-slider__image {
        height: 190px;
        width: 100%;
    }

    .video-reviews-slider-item__image img {
        max-width: 100%;
        height: 190px;
        width: 350px;
        object-fit: cover;
    }

    .video-reviews-slider-item__play-btn {
        top: calc(50% - 21px);
        left: calc(50% - 21px);
    }
}

@media screen and (max-width: 900px) {
    .partners .wrapper h3 {
        font-size: 24px;
    }
    .single-review-modal__body .whosreview{
        margin-left: 0;
    }
}

@media screen and (max-width: 840px) {
    .happy-intro .description, .free-courses .description {
        display: none;
    }

    .happy-intro .col, .free-courses .col {
        height: 250px;
    }

    .happy-intro .happines-logo {
        margin-left: 0;
    }

    .happy-intro .pre-tittle {
        left: 50%;
        top: 19px;
        margin-left: -45px;
    }

    .order.completed {
        -ms-flex-flow: column-reverse nowrap;
        flex-flow: column-reverse nowrap;
    }

    .order.completed h1 {
        font-size: 48px;
        line-height: 58px;
        text-align: center;
    }

    .order.completed .image {
        width: 100%;
        padding-top: 30px;
    }

    .order.completed .image img {
        display: block;
        margin: 0 auto;
    }

    .order.completed .desc {
        width: 100%;
        padding: 0 10%;
        box-sizing: border-box;
        text-align: center;
    }

    .order.completed .desc .social {
        margin-top: 60px;
    }

    .order.completed .desc .social div {
        margin-top: 10px;
    }
}

@media screen and (max-width: 1000px) {
    .mobile-hidden {
        display: none !important;
    }
    .single-review-modal__body{
        padding-left: 35px;
    }
    .mainpage .header-wrapper {
        padding: 0 40px;
    }

    .mainpage .menu-wrapper {
        padding: 0 40px;
        padding-bottom: 5px;
    }

    .full-size.programm {
        top: -60px;
    }

    .menu--dark .item-is-parent > span {
        color: #bdddff;
        display: inline-block;
        margin-top: 20px;
    }
    .site-header nav.menu ul li{
        margin-bottom: 15px;
    }
    .item-is-parent > span:after {
        content: '';
    }

    .item-is-parent:hover > span:after {
        content: '';
    }

    .sub-nav {
        display: none;
    }

    .site-header .contacts-block {
        float: left;
        margin-left: 0;
    }

    .choose-city {
        float: right;
    }

    .item-is-parent:hover > a {
        color: #bdddff !important;
    }

    .site-header .mobile-menu {
        display: inline-block;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        padding: 20px 10px;
        margin: -15px -10px -20px;
        cursor: pointer;
        float: right;
        z-index: 11;
        position: relative;
        right: 0;
    }

    .mobile-menu.active .mainpage-img {
        display: block;
        margin-top: 0;
        position: relative;
        right: 4px;
    }
    .mobile-menu.active img:first-of-type{
        display: none !important;
    }

    .sub-menu--mobile {
        display: block;
        font-size: 15px;
        text-align: left;
        font-family: "Geometria-Medium", sans-serif;
        margin-top: 15px;
    }

    .sub-menu--mobile li {
        display: inline-block;
        width: 160px;
        float: left;
        padding-left: 5px !important;
    }

    .sub-menu--mobile li a {
        padding-left: 0;
        color: #fff !important;
    }

    .sub-menu--mobile li a:hover {
        text-decoration: underline !important;
    }

    .full-size.programm .programm-title {
        flex: 0 0 60%;
        max-width: 60%;
    }

    .full-size.programm .schedule {
        flex: 0 0 37%;
        max-width: 37%;
        margin-top: 0;
    }

    .schedule > div {
        position: relative;
    }

    .schedule .events-list {
        margin-top: 80px;
    }

    .schedule > div > ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
        width: 280px;
        position: absolute;
        z-index: 9;
        top: -72px;
        border-radius: 20px;
        background-color: white;
    }

    .schedule > div > ul li {
        border-left: none;
        background-color: white;
        color: #6d709e;
        height: auto;
        line-height: 24px;
        border-top: 1px solid #6d709e;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        display: none;
    }

    .schedule > div > ul li a {
        margin: 7px 20px 7px 15px;
        display: block;
    }

    .schedule > div > ul li.active {
        display: block;
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        background-color: white;
        color: #6d709e;
        border-top: none;
        position: relative;
    }

    .schedule > div > ul li.active > a {
        color: #67698a;
    }

    .schedule > div > ul li.active:after {
        content: '';
        position: absolute;
        width: 10px;
        height: 30%;
        background-image: url("/i/app/dopdown-d.png");
        -webkit-background-size: contain;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        top: 35%;
        right: 10px;
    }

    .schedule > div > ul.show li {
        display: block;
    }

    .schedule > div > ul.show li.active:after {
        background-image: url("/i/app/dopdown.png");
    }

    .schedule .events-list .event .time {
        width: 100%;
        float: none;
        margin-bottom: 10px;
    }

    .schedule .events-list .event .time .label {
        margin-left: 10px;
        height: 23px;
        display: inline-block;
        padding: 0 8px;
        font-size: 10px;
        text-transform: uppercase;
        background-size: 100% 23px;
        line-height: 28px;
        background-image: url("/i/app/course-bg.svg");
        position: relative;
        top: 0px;
    }

    .schedule .events-list .event .description {
        width: 100%;
        float: none;
    }

    .schedule .events-list .event .description a.show-more {
        display: none;
    }

    .schedule .events-list .event .timedesc {
        width: 70%;
    }

    .schedule .events-list .event .price {
        width: 30%;
        padding-left: 5px;
    }

    .schedule .events-list .event .price div a.join, .schedule .events-list .event .price div a.join.paid {
        width: 80%;
    }

    .order {
        padding: 0 20px;
    }

    .order h1 {
        text-align: left;
    }

    .order form {
        max-width: none;
        padding: 0 10px 30px;
    }

    .order form span.price {
        display: none;
    }

    .order form h2 {
        text-align: center;
    }

    .order form > div {
        width: 660px;
        margin: 0 auto;
    }

    .order form > div:first-child {
        border-bottom: none;
    }

    .order form > div p.time {
        text-align: center;
    }

    .order form > div p.time .duration {
        display: inline;
    }

    .order form label {
        width: 140px;
        margin-right: 10px;
    }

    .order form .contacts {
        text-align: center;
    }

    .order form .contacts div {
        display: inline-block;
    }

    .order form .contacts div label {
        text-align: left;
    }

    .order form .contacts div:last-child {
        display: inline-block;
    }

    .order form .contacts div textarea {
        height: 110px;
    }

    .order form .contacts input, .order form .contacts textarea {
        width: 400px;
    }

    .order form .sales {
        display: none;
    }

    .order form .promo {
        border-bottom: none;
        padding: 30px 20px;
        box-sizing: border-box;
    }

    .order form .promo label {
        width: 100%;
        margin-bottom: 10px;
    }

    .order form .promo input {
        width: 100%;
        max-width: 400px;
    }

    .order form .special {
        padding: 0 20px 30px;
        box-sizing: border-box;
    }

    .order form .special p.desc {
        width: 100%;
    }

    .order form .special > div {
        width: 100%;
        margin-top: 15px;
    }

    .order form .submit {
        float: none;
        margin: 0 auto;
        width: 660px;
        text-align: left;
    }

    .order form .submit p {
        display: block;
    }

    .order form .submit div {
        float: left;
    }

    .order form .submit span.final-price {
        font-size: 30px;
        float: left;
    }

    .order form .submit button[type="submit"] {
        float: left;
        margin-left: 30px;
        width: 220px;
    }

    .order form .submit span.help {
        display: none;
    }

    .order form button[type="submit"] {
        margin: 0 auto 30px;
        display: block;
    }

    .order.completed {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row nowrap;
        flex-flow: row nowrap;
    }

    .site-header nav.menu ul.main-menu {
        text-align: left;
    }

    .site-header nav.menu {
        display: none;
        position: absolute;
        width: 100%;
        top: -10px;
        z-index: -1;
        background: #364657;
        margin: 0;
        left: 0;
        min-height: 100vh;
        height: 100%;
        transform: translateY(-115%);
        transition: all .5s ease;
        padding: 10px;
        padding-left: 20px;
        box-sizing: border-box;
        text-align: center;
        padding-bottom: 0;
        max-width: 100%;
        padding-top: 40px;
    }
    ul.happy-prog {
        margin-top: 20px;
        margin-bottom: 20px;
        padding: 0;
    }
    .item-is-parent {
        padding-left: 0 !important;
        width: 100%;

    }

    .item-is-parent > a {
        color: #bdddff !important;
        font-size: 20px;
    }

    .item-is-parent:hover > a:after {
        content: '';
    }

    .item-is-parent > a:after {
        content: '';
    }

    .child-mnu {
        position: static !important;
        padding-top: 0;
        margin-top: 0;
        border-bottom: 2px solid rgba(255, 255, 255, .2);
    }

    .child-mnu ul {
        margin-left: 0;
    }
}

@media screen and (max-width: 760px) {
    .modal-photo--small{
        display: block !important;
    }
    .single-review-modal__body{
        padding: 30px;
    }
    .instructors .slick-dots{
        bottom: -50px;
    }
    .schedule > div > ul {
        top: -72px;
    }
    .reviews .slick-slider{
        padding-left: 20px;
        padding-right: 20px;
    }
    .menu--white .menu-wrapper {
        border-bottom: 0;
    }

    body.programmpage .full-size.programm .social-share {
        bottom: 10px;
        padding-bottom: 20px;
        left: 40px;
        width: 100%;
    }

    .child-mnu ul:not(:last-of-type) {
        border-bottom: 0;
    }

    .menu--dark .item-is-parent > span {
        color: #ffffff;
        margin-top: 0;
    }
    /*.site-header nav.menu ul li{*/
        /*margin-bottom: 0;*/
    /*}*/
    .site-header nav.menu ul li:last-of-type{
        padding-bottom: 0;
    }
    .item-is-parent > span {
        color: #ffffff;

    }
    .showmore:hover{
        animation: none;
    }
    .item-is-parent > span:after {
        content: '';
    }
    .single-review-modal__body .slide__text{
        margin-left: 0;
    }
    .item-is-parent:hover > span:after {
        content: '';
    }

    .item-is-parent {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
        border-top: 2px solid #516983;
        position: relative;
    }

    .item-is-parent:not(:first-of-type) {
        border-bottom: 2px solid #516983;
    }

    .item-is-parent:after {
        top: 22px;
        right: 10px;
        content: url('/i/app/nav-mobile-arrow-down.svg');
        transition: all .1s ease;
        transform: rotate(180deg);
        display: inline-block;
        position: absolute;
        transform-origin: center;
    }

    .item-is-parent.active:after {
        right: 10px;
        content: url('/i/app/nav-mobile-arrow-down.svg');
        display: inline-block;
        transform: rotate(0deg);
        position: absolute;
        transform-origin: center;
    }

    .child-mnu {
        display: none;
        border-bottom: 0;
    }

    .header-wrap .site-header .logo {
        max-width: 50%;
    }

    .site-header nav.menu ul.main-menu li > a {
        padding: 10px;
    }

    .site-header .child-mnu ul li {
        padding-left: 10px !important;
    }

    .child-mnu {
        display: none;
    }

    .site-header nav.menu {
        padding-top: 60px;
        padding-right: 40px;
        padding-left: 40px;
        top: -10px;
    }

    .happy-prog {
        padding-left: 20px !important;
    }

    .site-header .logo {
        top: -6px;
    }

    .logo--mobile {
        display: block;
        width: 150px;
    }

    .site-header .mobile-menu {
        /* right: 10px; */
    }

    .child-mnu ul li > a {
        padding-left: 20px;
    }

    .mainpage .menu-wrapper {
        padding: 0 40px;
    }

    .mainpage .header-wrapper {
        padding: 0 40px;
    }

    .header-wrapper {

        display: flex;
        flex-flow: row wrap;
    }

    .choose-city {
        float: none;
        width: 100%;
        order: 2;
    }

    .site-header .contacts-block {
        float: none;
        width: 100%;
    }

    .site-header .header-top {
        min-height: 35px;
        height: auto;
    }

    .partners .wrapper {
        flex-direction: column;
        align-items: flex-start;
    }

    .small-about .three-column > div {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .partners {
        height: auto;
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .partners img {
        margin-top: 20px;
        width: auto;
        display: block;
    }

    .site-header .contacts-block {
        width: auto;
        order: 1;
    }

    .header-wrap .site-header .callback-button {
        margin-top: 7px;
    }

    .site-header .contacts-block a.num {
        float: none;
    }

    .callback-form form {
        width: 100%;
        left: 0;
        top: 0;
        height: 100%;
        padding: 50px 10px;
        overflow: auto;
        margin-left: 0;
        border-radius: 0;
    }

    .callback-form form input {
        box-sizing: border-box;
    }

    .callback-form .thanks {
        left: 0;
        margin-left: 0;
        top: 0;
        position: fixed;
        padding: 50px 10px 0 10px;
        height: 100%;
        width: 100%;
        border-radius: 0;
    }

    .callback-form .thanks img {
        position: absolute;
        right: 10px;
        top: 10px;
        float: right;
        padding: 10px;
    }

    body.programmpage a.ohter-photo {
        position: relative;
        right: auto;
        top: auto;
        display: inline-block;
        margin-top: 5px;
    }

    .schlink {
        margin-top: 0;
    }

    .inst-item-img {
        float: none;
        display: block;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .programmpage .instructors-slider .slick-slider .slick-prev {
        left: 50%;
        margin-left: -142px;
        top: -37px;
    }

    .programmpage .instructors-slider .slick-slider .slick-next {
        left: 50%;
        margin-left: 101px;
        top: -37px;
        right: auto;
    }

    .price-block .flex {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .site-footer .footer-block .copyright {
        margin-top: 0;
    }

    .free-courses {
        padding-top: 20px;
    }

    .pay-desc {
        margin-top: 10px;
    }

    .free-courses .three-column {
        margin-top: 20px;
    }

    .sa-logo {
        width: 90px;
        height: 30px;
        background: url("/i/app/logo-sadesign-black.svg") no-repeat left;
        display: block;
        background-size: 90px 30px;
    }

    .small-about {
        padding: 10px 0;
    }

    .small-about .col {
        box-sizing: border-box;
        margin: 10px 0;
        width: 33.333333%;
        display: flex;
        flex-flow: row-reverse wrap;
        /* align-items: stretch; */
    }

    .small-about .col:first-of-type {
        margin-top: 40px;
    }

    .small-about p {
        padding-right: 0;
        box-sizing: border-box;
        flex: 0 0 75%;
        max-width: 75%;
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
        line-height: 20px;
    }

    .small-about img {
        display: block;
        align-self: center;
        flex: 0 0 16%;
        max-width: 16%;
        order: 1;
        align-self: baseline;
    }

    h1 {
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .small-about .three-column {
        margin-top: 0;
    }

    .small-about .three-column > div {
        margin-bottom: 20px;
    }

    .partners .wrapper h3 {
        font-size: 30px;
        line-height: 34px;
    }

    .site-footer nav.menu ul li a {
        font-size: 12px;
    }

    .more-articles .col .likeh3,
    .more-articles .col h3 {
        margin-top: 30px;
        font-size: 30px;
        line-height: 34px;
    }

    .more-articles .col:first-of-type .likeh3,
    .more-articles .col:first-of-type h3 {
        margin-top: 10px;
    }

    article.video-news {
        margin-top: 20px;
    }

    article.video-news:first-of-type {
        margin-top: 5px;
    }

    article.news {
        margin-top: 20px;
    }

    .more-articles {
        padding: 10px 0 20px 0;
    }

    .instructors-slider .likeh2.mobile-just,
    .instructors-slider h2.mobile-just {
        margin-bottom: 20px;
    }

    .mainpage .instructors-slider .slick-slider .slick-prev {
        top: -37px;
    }

    .mainpage .instructors-slider .slick-slider .slick-next {
        top: -37px;
    }

    .mainpage .likeh3,
    .mainpage h3 {
        font-size: 22px;
        line-height: 28px;
    }

    .articles .three-column a {
        width: 265px;
    }

    .slider-people img {
        display: block;
        float: none;
        max-width: 100%;
    }

    .slider-people .people-info .likeh2,
    .slider-people .people-info h2 {
        line-height: 30px;
        margin-top: 10px;
    }

    .slider-people .people-info p {
        margin-top: 0;
    }

    .email-add input {
        max-width: 100%;
    }

    .happy-intro .col .likeh3,
    .happy-intro .col h3 {
        font-size: 14px;
        line-height: 16px;
    }

    .free-courses .col .likeh3,
    .free-courses .col h3 {
        margin-top: 20px;
        font-size: 14px;
        line-height: 16px;
    }

    .more-articles .col {
        width: 100%;
    }

    .happy-intro .happy-icon {
        width: 63px;
        margin-top: -7px;
    }

    .happy-intro .col .happy-button {
        display: none;
    }

    .happy-intro .pre-tittle {
        display: none;
    }

    .mainpage .likeh2,
    .mainpage h2 {
        font-size: 30px;
        margin: 15px 0 10px 0;
    }

    .mainpage .instructors-slider .slick-slider .slick-prev {
        margin-left: -142px;
    }

    .mainpage .instructors-slider .slick-slider .slick-next {
        margin-left: 100px;
    }

    .mainpage .reviews .slick-slider .slick-prev {
        margin-left: -122px;
    }

    .email-add label {
        font-size: 24px;
        color: #4c4c74;
        line-height: 24px;
        vertical-align: top;
        display: inline-block;
        margin-bottom: 10px;
    }

    .email-add .comment-email {
        line-height: 18px;
        font-size: 12px;
    }

    .mainpage .reviews .slick-slider .slick-next {
        margin-left: 82px;
    }


    .full-size.programm {
        min-height: 275px;
    }

    .full-size.programm .programm-title {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 60px;
        margin: 0;
        padding-left: 15px;
    }

    .programm-title h1 {
        margin-top: 15px;
        line-height: 29px;
        font-size: 30px;
        max-width: 80%;
    }

    .full-size.programm .schedule {
        flex: 0 0 100%;
        max-width: 100%;
        margin: 0;
        display: none;
    }

    body.programmpage .likeh2,
    body.programmpage h2 {
        font-size: 25px;
        line-height: 35px;
        margin: 5px 0 9px 0;
        border: none;
    }

    .schedule-mobile-container {
        background-color: #ededed;
        padding-bottom: 15px;
    }

    .schedule-mobile {
        padding: 0 10px;
        width: 100%;
    }

    .schedule-mobile div {
        border-top: 1px solid #d0d0d0;
        padding: 8px 0;
        line-height: 21px;
        font-size: 16px;
        font-family: 'Geometria-Medium', Arial;
    }

    .schedule-mobile div:last-of-type {
        border-bottom: 1px solid #d0d0d0;
    }

    .schedule-mobile div span {
        display: inline-block;
        font-family: 'Geometria-Light', Arial;
    }

    .button.def-but {
        max-width: 95%;
        text-align: center;
        margin: 13px auto 0;
    }

    .mainpage .slider-reviews .review {
        margin-left: 0;
    }

    .mainpage .likeh3,
    .mainpage h3 {
        font-size: 22px;
        line-height: 26px;
    }

    .small-about .likeh3,
    .small-about h3 {
        flex: 0 0 75%;
        max-width: 75%;
        text-align: left;
        padding-left: 10px;
        font-size: 21px;
    }

    .small-about .three-column > div {
        padding-left: 0;
        width: 100%;
    }

    .email-add .email-box {
        width: 100%;
    }

    .partners {
        height: auto;
        padding-top: 40px;
    }

    .partners img {
        margin-top: 20px;
        display: block;
    }

    .happy-intro .programm-short-info {
        width: 100%;
        font-size: 18px;
        line-height: 24px;
    }

    .cour-list .slick-prev, .slick-next {
        z-index: 2;
    }

    body.programmpage .cour-list a {
        margin: 0 10px;
    }

    body.programmpage .cour-list a > img {
        max-width: 100%;
    }

    .cour-list .slick-next {
        right: 10px;
    }

    .cour-list .slick-prev {
        left: 10px;
    }

    .free-courses .col .button {
        display: none;
    }

    .happy-intro .know-more {
        font-size: 18px;
        max-width: 100%;
    }

    .happy-intro .happy-icon.teen, .happy-intro .happy-icon.child {
        width: 40px;
    }

    .happy-intro .col, .free-courses .col {
        height: 140px;
    }

    .happy-intro {
        height: auto;
    }

    .happy-intro .three-column a {
        max-width: 160px;
    }

    .articlepage .page-wrapper > .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        padding: 0;
    }

    .articlepage .page-wrapper > .wrapper .right-sidebar {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        width: 100%;
    }

    .articlepage .page-wrapper h1 {
        font-size: 36px;
        line-height: 42px;
        margin-top: 20px;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    .articlepage .page-wrapper h1 + .article-info {
        margin-top: 0;
    }

    .articlepage .page-wrapper .likely {
        margin-top: 10px;
        float: none;
    }

    .articlepage .page-wrapper .desc {
        padding: 10px;
    }

    .articlepage .page-wrapper .artilce-preview {
        margin-top: 0px;
    }

    .articlepage .page-wrapper article {
        padding: 0 10px;
    }

    .articlepage .page-wrapper article h1 {
        margin-left: 0;
    }

    .last-article {
        width: 100%;
        background: #edf0f5;
    }

    .mobile-search {
        display: block;
        background: #ededed;
        color: #78909c;
        padding: 20px 10px;
    }

    .mobile-search .tags-search {
        display: none;
    }

    .mobile-search .arrow {
        background: url(/i/app/dopdown-d.png) no-repeat center;
        width: 10px;
        height: 5px;
        display: inline-block;
        margin-left: 5px;
        margin-top: 7px;
        vertical-align: top;
    }

    .mobile-search #opener {
        cursor: pointer;
    }

    .mobile-search #opener.active .arrow {
        background-image: url(/i/app/dopdown.png);
    }

    .free-courses .col {
        height: 100px !important;
    }

    article .mobile-search {
        margin-left: -10px;
        width: 100%;
    }

    .right-content {
        width: 100%;
        padding: 50px 10px 50px 20px;
    }

    .right-content .tags-block {
        display: none;
    }

    .right-content .search-form {
        display: none;
    }

    .left-content {
        margin-right: 0;
        width: 100%;
    }

    h1 {
        font-size: 40px;
    }

    body.programmpage ul li {
        margin-top: 0;
    }

    body.programmpage .result ul {
        margin-top: 10px;
    }

    body.programmpage .instructor {
        margin-top: 30px;
        padding-bottom: 30px;
    }

    body.programmpage .instructor img {
        display: block;
        position: relative;
        float: none;
        margin-bottom: 10px;
    }

    body.programmpage .instructor .people-info {
        margin-right: 0;
    }

    body.programmpage section {
        margin-top: 0;
    }

    .result-block {
        padding-bottom: 0;
    }

    .result-block .res-list {
        font-size: 0;
    }

    .result-block .res-list div.resulted {
        width: 50%;
        margin-right: 0;
    }

    .result-block .res-list div.resulted .result-cover img {
        max-width: 90%;
        display: inline-block;
    }

    .result-block .res-list div.resulted .result-cover span.cell {
        text-align: center;
        padding-bottom: 0;
    }

    .sales .three-column .col {
        width: 100%;
        margin: 10px 0;
    }

    .sales .three-column .col p {
        margin-top: 10px;
    }

    .form {
        padding: 30px 0;
    }

    .form .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .form h2 {
        margin-top: 0;
        text-align: left;
        display: block;
        width: 100%;
    }

    .form h2 span {
        display: none;
    }

    .form form {
        margin-top: 0;
        max-width: 100%;
        margin: 0;
    }

    .form .schedule {
        width: 100%;
        display: block;
        margin: 20px 0;
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
    }

    .form .schedule p span {
        display: inline-block;
    }

    .site-footer {
        height: auto;
        padding-top: 30px;
        padding-bottom: 40px;
    }

    .site-footer .wrapper {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .site-footer a.logo {
        display: block;
        margin: 10px auto;
    }

    .site-footer nav.menu {
        width: 100%;
        margin: 0;
        text-align: center;
        border-top: 1px solid #e5e5e5;
        border-bottom: 1px solid #e5e5e5;
        padding: 15px 0;
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
    }

    .site-footer nav.menu ul li:before {
        content: ' ';
    }

    .site-footer .main-menu {
        display: inline-block;
    }

    .site-footer .sub-menu {
        display: inline-block;
    }

    .site-footer .sub-menu:before {
        content: ' ';
        display: inline-block;
        color: #7a7e9c;
        margin: 0;
        color: #4c4c74;
        margin-top: 2px;
        vertical-align: top;
    }

    .site-footer .contacts-block {
        width: 100%;
        text-align: center;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .site-footer .contacts-block a.num {
        line-height: 45px;
    }

    .site-footer .footer-block {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        padding-bottom: 10px;
    }

    .site-footer .footer-block .site-map {
        display: none;
    }

    .site-footer .footer-block .programm-author {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        text-align: center;
        width: 100%;
        margin-left: 0px;
        font-size: 12px;
        margin-top: 10px;
    }

    .site-footer .footer-block .social {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        width: 100%;
        margin-left: 0;
        text-align: center;
    }

    .site-footer .footer-block .social a.vk {
        margin-right: 40px;
    }

    .site-footer .footer-block .copyright {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3;
        font-size: 12px;
    }

    .site-footer .footer-block .logo-link {
        -webkit-box-ordinal-group: 5;
        -ms-flex-order: 4;
        order: 4;
        float: none;
        font-size: 12px;
        color: #a3a3a3;
    }

    .schedule .events-list .event {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
    }

    .schedule .events-list .event .timedesc {
        width: 100%;
    }

    .schedule .events-list .event .price {
        width: 100%;
        padding-left: 0;
        margin: 10px 0 0;
        border-left: none;
    }

    .schedule .events-list .event .price div {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-flow: row wrap;
        flex-flow: row wrap;
    }

    .schedule .events-list .event .price div p {
        margin-top: 0;
        line-height: 36px;
    }

    .schedule .events-list .event .price div a.join, .schedule .events-list .event .price div a.join.paid {
        width: 200px;
        margin: 0 10px;
    }

    .schedule .events-list .event .price div a.add-to-google {
        line-height: 36px;
    }

    .order form {
        text-align: center;
    }

    .order form > div {
        width: 100%;
        text-align: left;
    }

    .order form .contacts div {
        width: 100%;
    }

    .order form .contacts input, .order form .contacts textarea {
        width: 70%;
    }

    .order form .contacts label {
        width: 30%;
        margin-right: 0;
    }

    .order form .promo {
        padding: 20px 10px 10px;
    }

    .order form .special {
        padding: 0 10px 20px;
    }

    .order form .submit {
        width: auto;
        display: inline-block;
    }

    .order.completed h1 {
        font-size: 24px;
        line-height: 34px;
    }

    .order.completed .desc p, .order.completed .desc a {
        font-size: 18px;
        line-height: 24px;
    }

    .order.completed .desc .social {
        margin-top: 30px;
    }

}
@media screen and (max-width: 760px) {
    h1{
        font-size: 30px;
        line-height: 32px;
    }
    h2{
        font-size: 23px;
        line-height: 25px;
        width: 80%;
        margin: 34px 0 15px 0;
    }
    .slider-people img{
        margin-top: 0;
    }
    .slide__name > span{
        width: 75%;
        display: inline-block;
    }
    .slide-name__sub-name{
        font-size: 12px;
        color: #707984;
        line-height: 1;
        margin-top: 5px;
    }
    .people-info .slide__name{
        margin-top: 12px;
        margin-left: 12px;
    }
    .slider-reviews .whosreview, .single-review-modal__body .whosreview{
        margin-top: 0;
    }
    .reviews {
        margin-top: 45px;
        margin-bottom: 71px;
        padding-bottom: 0;
        padding-top: 0;
    }

    h3{
        font-size: 18px;
        line-height: 25px;
        margin-top: 15px;
    }
    p {
        font-size: 16px;
        line-height: 22px;
        margin-top: 8px;
    }
    strong{
        font-size: 16px;
    }

    ul>li{
        line-height: 16px;
    }
    ol>li{
        font-size: 15px;

    }
    .aside{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 0;
        margin-bottom: 45px;
    }
    .showmore{
        padding-left: 6px;
    }
    .slide__name .social a{
        vertical-align: middle;
    }
    .aside__banner{
        width: 100%;
        max-height: 400px;
        margin: 0 auto;
        height: 400px;
        text-align: center;
    }
    .slider__title{
        font-size: 30px;
        line-height: 34px;
    }
    .slider-header{
        margin-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .slider-people .slide{
        padding-left: 20px;
        padding-right: 20px;
        width: 380px;
    }
    .slider-people img{
        width: 50px;
        height: 50px;
        float: left;
    }
    .slide__text{
        width: 100%;
        max-width: 100%;
        font-size: 15px;
        line-height: 22px;
        margin-top: 15px;
        margin-left: 0;
    }
    .slide__name{
        font-size: 16px;
        line-height: 23px;
        margin-top: 0px;
        margin-left: 0px;
    }
    .slide__name:after{
        content: none;
    }
    .instructors {
        margin-top: 45px;
        margin-bottom: 71px;
        padding-bottom: 0;
        padding-top: 0px;
    }
    .instructors-slider{
        padding-top: 0;
    }
    .instructors-slider .button{
        max-width: 100%;
    }
    .slide__name .social{
        float: right;
    }
    .last-cours .slider__title{
        padding-left: 0;
        padding-right: 0;
    }
    .slider-header{
        display: flex;
        flex-flow: row wrap;
        align-items: baseline;
    }
    .slider-header .button{
        padding-left: 13px;
        padding-right: 13px;
        font-size: 14px;
        margin-left: auto;

    }
    .cour-list{
        padding-left: 0;
        margin-top: 18px;
    }
    .last-cours {
        margin-right: auto;
        margin-left: auto;
        margin-top: 45px;
        margin-bottom: 71px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .section__title{
        font-size: 30px;
        line-height: 28px;
    }
    .single-review-modal__body .slide__name{
        float: left;
        width: 70%;
        max-width: 74%;
        position: relative;
        margin-left: 15px;
        margin-right: 0;
    }
    .modal-photo--smal{
        display: block;
    }
    .modal-photo--desktop{
        display: none !important;
    }
    .slider-reviews .slide__name {
        float: left;
        width: calc(100% - 65px);
        max-width: 100%;
        position: relative;
        margin-left: 15px;
    }
    .slide__name .social {
        float: right;
        position: absolute;
        top: 0;
        right: 0;
    }
    .slider-reviews .whosreview, .single-review-modal__body .whosreview{
        width: 50px;
        height: 50px;
        float: left;
    }
    .slider-reviews .whosreview img, .single-review-modal__body .whosreview img{
        width: 50px;
        height: 50px;
    }
    .slider-reviews{
        height: 380px;
    }
    .modal-name{
        min-width: auto;
    }
    .slider-people .slide{
        height: 380px;
    }
    .video-reviews {
        margin-left: auto;
        margin-right: auto;
        margin-top: 45px;
        margin-bottom: 71px;
        padding-bottom: 0;
        padding-top: 0;
    }
    .video-reviews .slick-dots{
        bottom: -31px;
    }
    .child-mnu ul:not(:last-of-type){
        padding-bottom: 0;
    }
    .item-is-parent {
        margin-bottom: 0 !important;
    }
    .video-reviews .wrapper{
        padding-right: 0;
        padding-left: 0;
    }
    .video-reviews-slider {
        margin-top: 18px;
    }
    .video-reviews-slider-item__image {
        height: 170px;
        margin: 0 9px;
        width: 100%;
    }
    .video-reviews-slider-item__image img{
        max-width: 100%;
        height: 170px;
        width: 280px;
        object-fit: cover;
        margin: 0 auto;
    }
    .video-reviews-slider__item:not(:first-of-type){
        margin-left: 0;
    }
    .video-reviews-slider__item{
        padding: 0 10px;
    }
    th, td{
        font-size: 14px;
        line-height: 15px;
    }
}

@media screen and (max-width: 600px) {
    .prog-block {
        display: inline-block;
        width: 91px;
        height: 110px;
        margin-right: -1px;
        font-size: 12px;
    }

    .site-header .choose-city .city-list {
        text-align: left;
    }

    .wide-prog .prog-block {
        width: 137px;
    }

    .site-header .address {
        display: none;
    }

    .small-about img {
        display: block;
        align-self: center;
        flex: 0 0 25%;
        max-width: 25%;
        order: 1;
        align-self: baseline;
    }

    .small-about h3 {
        flex: 0 0 75%;
        max-width: 75%;
        text-align: left;
        padding-left: 10px;
        font-size: 21px;
    }

    .small-about p {
        padding-right: 0;
        box-sizing: border-box;
        flex: 0 0 75%;
        max-width: 75%;
        text-align: left;
        padding-left: 10px;
        font-size: 14px;
        line-height: 20px;
    }
}

@media screen and (max-width: 530px) {
    .header-wrapper {
        padding: 0 10px;
    }
    body.programmpage .full-size.programm .social-share{
        left: 10px;
    }
    .menu-wrapper {
        padding: 0 10px;
    }

    .site-header nav.menu {
        padding-right: 10px;
        padding-left: 10px;
    }

    .mainpage .menu-wrapper {
        padding: 0 10px;
    }

    .mainpage .header-wrapper {
        padding: 0 10px;
    }

    .slick-dots {
        width: 100%;
    }

    .contacts-office {
        padding: 0;
    }

    .wrapper {
        padding: 0 10px;
        box-sizing: border-box;
    }

    .contacts__city h1 {
        padding-right: 34px;
        margin-top: 18px;
        margin-bottom: 12px;
        line-height: 38px;
        font-size: 32px;
    }

    .contacts-office p {
        font-size: 16px;
        line-height: 26px;
    }

    .office__title h2 {
        font-size: 24px;
        line-height: 32px;
    }

    .contacts-form__info {
        flex: 0 0 100%;
        max-width: 100%;
        padding-bottom: 28px;
    }

    .contacts-form p {
        max-width: 100%;
        font-size: 16px;
        line-height: 26px;
        margin-top: 10px;
    }

    .contacts-form__form {
        flex: 0 0 100%;
        max-width: 100%;
        border-top: 1px solid #e1e1e1;
        padding-left: 0;
        border-left: none;
    }

    .road-hint__image {
        padding-left: 0;
        margin-left: 0;
    }

    .road__map {
        flex: 0 0 100%;
        max-width: 100%;
        padding-right: 0;
    }

    .contacts-map {
        height: 210px;
    }

    .road-hints {
        flex: 0 0 100%;
        max-width: 100%;
        padding-left: 0;
        margin-top: 20px;
    }

    .more-cities a {
        width: 49%;

    }

    .schedule {
        padding: 0 10px;
    }

    .schedule h1 {
        font-size: 28px;
        line-height: 38px;
        text-align: center;
    }

    .schedule .events-list .event .time span {
        font-size: 14px;
    }

    .schedule .events-list .event .description h2 {
        font-size: 20px;
        line-height: 24px;
    }

    .schedule .events-list .event .price div p {
        width: 100%;
        text-align: left;
        margin-bottom: 10px;
        font-size: 25px;
    }

    .schedule .events-list .event .price div a.join, .schedule .events-list .event .price div a.join.paid {
        margin: 0 10px 0 0;
    }

    .schedule .events-list .event.hide-text .description .desc {
        max-height: 100px;
        overflow: hidden;
    }

    .schedule .events-list .event.hide-text .price {
        box-shadow: 0 -30px 40px 0 white;
    }

    .order {
        padding: 0;
    }

    .order h1 {
        font-size: 28px;
    }

    .order form {
        padding: 0;
        outline: 10px solid #f2f7ff;
        margin: 30px 0;
    }

    .order form h2 {
        font-size: 20px;
        margin-bottom: 0;
    }

    .order form > div p.time {
        font-size: 14px;
    }

    .order form > div:first-child {
        padding-bottom: 10px;
    }

    .order form .contacts {
        padding-top: 0;
    }

    .order form .contacts label {
        width: 100%;
        line-height: 30px;
    }

    .order form .contacts input, .order form .contacts textarea {
        width: 100%;
    }

    .order form .submit div {
        float: none;
        text-align: center;
        margin-bottom: 10px;
    }

    .order form .submit div span.final-price {
        float: none;
        text-align: center;
    }

    .order form .submit button[type="submit"] {
        float: none;
        margin-left: 0;
    }

    .order.completed h1 {
        text-align: left;
    }

    .order.completed .desc {
        padding: 0 3%;
        text-align: left;
    }

    .order.completed .image {
        width: 70%;
        margin: 0 auto;
    }

    .footer__logo {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer__nav {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer_phone {
        flex: 0 0 100%;
        max-width: 100%;
    }

    .footer__copyright {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
    }

    .footer__site-map {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
    }

    .footer__social {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
    }

    .footer__programm-author {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
    }

    .footer__designed {
        flex: 0 0 100%;
        max-width: 100%;
        padding-top: 10px;
    }

    .contacts-form__form-thx {
        background-position: 50% 66%;
        padding: 30px 14px;
    }

    .contacts-form__form-thx p {
        padding-right: 40px;
    }
}

@media screen and (max-width: 400px) {
    .site-header .contacts-block a.num {
        float: none;
    }

    .site-header .contacts-block .address {
        display: block;
        margin-top: 2px;
    }
}

.pagination-wrapper {
    text-align: center;
}

.pagination {
    display: inline-flex;
    border: 1px solid #7a7e9c;
    line-height: 40px;
    border-radius: 20px;
    overflow: hidden;
}

.pagination a {
    display: inline-block;
    min-width: 40px;
    line-height: 40px;
    border-right: 1px solid #7a7e9c;
}

.pagination a:hover {
    text-decoration: none;
    background-color: #7a7e9c;
    color: white;
}

.pagination a.current {
    background-color: #f1f3f4;
    color: rgba(0, 0, 0, .7);
    pointer-events: none;
}

.pagination a:last-of-type {
    border-right: none;
}

@media screen and (min-width: 761px) {
    .schedule-mobile {
        display: none;
    }
}
@media screen and (min-width: 1200px) {
    .social-share--mobile {
        display: none;
    }
}

@media screen and (min-width: 761px) and (max-width: 999px) {
    .child-mnu {
        display: block !important;
    }

    .site-footer .child-mnu {
        display: none !important;
    }
}

@media screen and (max-width: 1199px) {
    body.programmpage .likeh2 {
        clear: both;
    }
    .social-share--desktop{
        display: none;
    }
}

label {
    display: block;
    margin-top: 15px;

    padding-left: 25px;
}

label input[type=checkbox] {
    display: inline-block;
    margin: 0 10px 0 -25px;

    width: 15px;
    height: 15px;

    vertical-align: bottom;
}

div.callback-agreement label{
    width: 378px;
    text-transform: none;
    text-align: left;
}

#start-agreement label {
    font-size: 14px;
    width: 100%;
    line-height: 15px;
}

#start-agreement label input {
    width: 15px;
    font-size: 13px;
}

#agreement-block {
    height: 30px;
    text-align: center;
}

#agreement-block label {
    margin: 0;
    width: auto;
    line-height: 22px;
}

#agreement-block input {
    width: auto;
}