@font-face {
    font-family: 'museo_sans_cyrl500';
    src: url('fonts/museosanscyrl-500-webfont.eot');
    src: url('fonts/museosanscyrl-500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-500-webfont.woff') format('woff'), url('fonts/museosanscyrl-500-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans_cyrl700';
    src: url('fonts/museosanscyrl-700-webfont.eot');
    src: url('fonts/museosanscyrl-700-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-700-webfont.woff') format('woff'), url('fonts/museosanscyrl-700-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans_cyrl300';
    src: url('fonts/museosanscyrl-300-webfont.eot');
    src: url('fonts/museosanscyrl-300-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-300-webfont.woff') format('woff'), url('fonts/museosanscyrl-300-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: 'museo_sans_cyrl100';
    src: url('fonts/museosanscyrl-100-webfont.eot');
    src: url('fonts/museosanscyrl-100-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-100-webfont.woff') format('woff'), url('fonts/museosanscyrl-100-webfont.ttf') format('truetype');
    font-weight: normal;
    font-style: normal
}

/* flex for 5 columns */
.about-list {
    display: flex;
    justify-content: center;
    margin-bottom:20px;
}

.about-list div {
    flex: 1;
    margin: 0 10px;
}

.museo_light {
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal
}

.museo_regular {
    font-family: 'museo_sans_cyrl300';
    font-weight: normal;
    font-style: normal
}

.museo_bold {
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal
}

.museo_black {
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal
}

body {
    line-height: 1.5;
}

.jcarousel-control-prev, .jcarousel-control-next {
    position: unset !important;
    height: 50px !important;
}

.container a {
    color: #c69755;
}

.logo {
    max-width: 250px;
    width: 100%;
    display: inline-block
}

.header-top {
    padding: 10px 0;
    background: #fff0e0;
}

.header_fixed {}

.container-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    -moz-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    -webkit-transition: all 0.5s ease-out
}

.cont_info {
    float: right;
    max-width: 320px
}

#footer .col.center .social i {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%)
}

.content > div:not(.title).head-wrapper {
    clear: both;
    padding: 0;
    margin-top: 0;
    overflow-y: hidden;
    position: relative
}

.head-wrapper .jcarousel-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    height: 100%
}

.head-wrapper {
    min-height: 400px;
    text-align: center
}

.head-wrapper .jcarousel-wrapper .jcarousel-control-prev {
    left: 0;
    width: 25px;
    height: 25px;
    background-size: 80%;
    top: 50%;
    margin-top: -12.5px;
    z-index: 3;
    padding: 5px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: transparent;
    display: none
}

.head-wrapper:hover .jcarousel-wrapper .jcarousel-control-prev,
.head-wrapper:hover .jcarousel-wrapper .jcarousel-control-next,
.head-wrapper:hover .jcarousel-pagination {
    display: block
}

.head-wrapper .jcarousel-wrapper .jcarousel-control-next {
    right: 0;
    width: 25px;
    background-size: 80%;
    height: 25px;
    z-index: 3;
    top: 50%;
    margin-top: -12.5px;
    padding: 5px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: transparent;
    display: none
}

.head-wrapper .overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1
}

.top-box span {
    display: inline-block;
    margin: 0 10px;
    vertical-align: middle
}

.head-wrapper .register {
    position: relative;
    z-index: 2;
    background: transparent;
    padding: 60px 0;
    width: 50%;
    min-width: 300px;
    margin-left: auto
}

.head-wrapper .register .chosen-container-single .chosen-single span {
    padding-left: 8px
}

.head-wrapper .register .chosen-container-single .chosen-single span,
.head-wrapper .register .input {
    margin: 0;
    font-size: 16px;
    color: #ddcab2;
    text-align: left
}

.head-wrapper .register .form_dropdown {
    display: inline-block;
    width: 282px !important;
    height: 60px;
    padding: 0;
    margin: 0;
    left: 0;
    position: relative;
    margin-right: 14px;
    vertical-align: top
}

.head-wrapper .chosen-container-single .chosen-single {
    padding: 0;
    border-radius: 0
}

.head-wrapper .register .chosen-container {
    width: 282px !important
}

.head-wrapper .register .input_field {
    margin-bottom: 20px
}

.head-wrapper .register .input_field:nth-child(even) {
    margin-right: 0
}

.head-wrapper .register .info,
.head-wrapper .register h2 {
    color: #fff
}

.head-wrapper .jcarousel img {
    width: 100%
}

.head-wrapper .jcarousel-pagination {
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    z-index: 3;
    display: none
}

.head-wrapper .jcarousel-pagination a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #6e0118;
    border-radius: 50%;
    margin: 0 10px
}

.head-wrapper .jcarousel-pagination a.active {
    background: #fff
}

.content > div:not(.title).register {
    padding: 82px 0 97px
}

.school_photos {
    max-width: 50%;
    float: left;
    margin: 10px 20px 10px 0
}

.school_photos {
    width: 100%
}

#school .text {
    text-align: left
}

.content > div:not(.title).advantage {
    background: url('../img/advantage-desc.jpg') no-repeat center;
    padding: 30px 0;
    text-align: center;
    background-size: cover
}

#advantage {
    background: url('../img/4.jpg') no-repeat center;
    padding: 30px 0;
    text-align: center;
    background-size: cover
}

#advantage h2,
.advantage h2 {
    margin: 3px 0 50px;
    font-size: 58px;
    width: 100%;
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal;
    color: #fff;
    display: block
}

.advantage i,
.advantage p {
    color: #ffffff
}

.fa-percent:before {
    content: "\f295"
}

.advantage-col {
    max-width: 220px;
    padding: 0 10px;
    text-align: center;
    float: left
}

.advantage-col p {
    color: #fff
}

.advantage-col .icon,
.col-2_4 .icon {
    color: #fff;
    vertical-align: middle;
    margin-bottom: 15px
}

.col-3 .icon {
    color: #fff;
    vertical-align: middle;
    margin-bottom: 15px
}

.clear {
    clear: both
}

#course, #master-classes {
    padding: 60px 0;
    text-align: center
}

#course h2, #master-classes h2 {
    margin: 3px 0 50px;
    font-size: 58px;
    width: 100%;
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal;
    display: block
}

#master-classes h4 {
    color: #c69755;
    margin-bottom:15px;
}

#course h2 small {
    font-size: 20px
}

#course .course-col a.btn:hover {
    background-color: #6e0118;
    color: #fff
}

.course-col {
    position: relative;
    max-width: 276px;
    display: inline-block;
    vertical-align: bottom;
    margin: 10px
}

.course-col img {
    width: 100%;
    margin-bottom: 20px
}

.course-col h4,
.course-col .text,
.course-col a.btn {
    position: relative;
    -moz-transition: all 0.2s linear 0.1s;
    -webkit-transition: all 0.2s linear 0.1s;
    transition: all 0.2s linear 0.1s
}

.course-col h4 {
    font-family: 'Montserrat', sans-serif;
    margin: 0px;
    font-size: 20px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    position: relative
}

.course-col .text {
    margin: 0px;
    font-size: 12px;
    line-height: 1;
    position: relative;
    width: 100%;
    padding: 0 0 20px
}

.course-col .text:before,
.course-col .text:after {
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    background-color: #6e0118
}

.course-col .text:before {
    width: 40px;
    bottom: 10px
}

.content div:not(.title).course-col p {
    margin: 0
}

.course-col .text:after {
    width: 20px;
    bottom: 5px
}

.course-col a.btn {
    color: #6e0118;
    display: inline-block;
    border: 2px solid #6e0118;
    border-radius: 6px;
    font-size: 16px;
    padding: 10px;
    background-color: transparent;
    transition: background 0.2s linear 0s;
    margin-bottom: 20px;
    position: relative;
    cursor: pointer
}
.mobile-language {
    display: none !important;
}
.course-col a.btn {
    -moz-transition: all 0.2s linear 0.1s;
    -webkit-transition: all 0.2s linear 0.1s;
    transition: all 0.2s linear 0.1s
}

.hairlines .hairborder {
    border-width: 0.5px !important
}

.hairlines .hairheight {
    height: 0.5px !important
}

.nohairlines .hairborder {
    border-width: 1px !important
}

.nohairlines .hairheight {
    height: 1px !important
}

@-webkit-keyframes anim-shadow {
    to {
        box-shadow: 0px 0px 100px 50px;
        opacity: 0
    }
}

@keyframes anim-shadow {
    to {
        box-shadow: 0px 0px 100px 50px;
        opacity: 0
    }
}

@-webkit-keyframes pulsate {
    0% {
        bottom: 55px
    }
    10% {
        bottom: 65px
    }
    25% {
        bottom: 70px
    }
    50% {
        bottom: 70px
    }
    75% {
        bottom: 70px
    }
    90% {
        bottom: 65px
    }
    100% {
        bottom: 55px
    }
}

@-moz-keyframes pulsate {
    0% {
        bottom: 70px
    }
    10% {
        bottom: 60px
    }
    25% {
        bottom: 55px
    }
    50% {
        bottom: 55px
    }
    75% {
        bottom: 55px
    }
    90% {
        bottom: 60px
    }
    100% {
        bottom: 70px
    }
}

@keyframes pulsate {
    00% {
        bottom: 70px
    }
    10% {
        bottom: 60px
    }
    25% {
        bottom: 55px
    }
    50% {
        bottom: 55px
    }
    75% {
        bottom: 55px
    }
    90% {
        bottom: 60px
    }
    100% {
        bottom: 70px
    }
}

@-webkit-keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, -35px, 0)
    }
    25% {
        -webkit-transform: translate3d(0, 15px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, -15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes bounce {
    0% {
        -webkit-transform: translate3d(0, -35px, 0);
        transform: translate3d(0, -35px, 0)
    }
    25% {
        -webkit-transform: translate3d(0, 15px, 0);
        transform: translate3d(0, 15px, 0)
    }
    50% {
        -webkit-transform: translate3d(0, -15px, 0);
        transform: translate3d(0, -15px, 0)
    }
    75% {
        -webkit-transform: translate3d(0, 5px, 0);
        transform: translate3d(0, 5px, 0)
    }
    100% {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.shake_it_baby {
    outline-color: red;
    -webkit-animation: shake .5s linear;
    -moz-animation: shake .5s linear
}

@keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px);
        transform: translateX(-10px)
    }
    25%,
    58% {
        -webkit-transform: translateX(10px);
        transform: translateX(10px)
    }
    75% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px)
    }
    92% {
        -webkit-transform: translateX(5px);
        transform: translateX(5px)
    }
    0%,
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0)
    }
}

@-webkit-keyframes shake {
    8%, 41% {
        -webkit-transform: translateX(-10px)
    }
    25%,
    58% {
        -webkit-transform: translateX(10px)
    }
    75% {
        -webkit-transform: translateX(-5px)
    }
    92% {
        -webkit-transform: translateX(5px)
    }
    0%,
    100% {
        -webkit-transform: translateX(0)
    }
}

.fancybox-close {
    background: none !important;
    -webkit-backface-visibility: hidden
}

.fancybox-close:before,
.fancybox-close:after {
    content: "";
    height: 2px;
    width: 32px;
    background: #fff0e0;
    position: absolute;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    top: 21.5px;
    left: 7px
}

.fancybox-close:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg)
}

.map_fancy .fancybox-close:before,
.map_fancy .fancybox-close:after {
    background: #6e0118
}

html,
body,
.content {
    padding: 0;
    margin: 0;
    position: relative;
    height: 100%
}

.mobile_nav {
    display: none
}

body {
    background: #fff0e0;
    -moz-osx-font-smoothing: grayscale;
    font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-text-size-adjust: none;
    font-family: 'museo_sans_cyrl300';
    font-weight: normal;
    font-style: normal;
    color: #6e0118
}

body.fixed {
    height: 100%;
    overflow: hidden
}

.mobile_on {
    background: #292c2e;
    text-align: center;
    padding: 50px 0;
    color: #fff;
    text-decoration: none;
    font-size: 50px
}

.content {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.for_mobile {
    display: none !important
}

.for_ipad {
    display: none !important
}

.for_desktop {
    display: block !important
}

.clearfix:after {
    content: " ";
    visibility: hidden;
    display: block;
    height: 0;
    clear: both
}

a:hover {
    text-decoration: none
}

.shown {
    opacity: 1 !important
}

.animated {
    opacity: 1 !important
}

.superhidden {
    opacity: 0 !important
}

.scrollspy {
    /*opacity: 0*/
}

.header .logo {
    width: 558px;
    top: 50%;
    position: fixed;
    left: 50%;
    margin-top: -53px;
    margin-left: -280px;
    opacity: 0;
    -webkit-transition: all 2000ms;
    -moz-transition: all 2000ms;
    -ms-transition: all 2000ms;
    -o-transition: all 2000ms
}

.header .scroll_down {
    width: 60px;
    height: 29px;
    display: block;
    position: fixed;
    left: 50%;
    margin-left: -30px;
    bottom: 70px;
    opacity: 0;
    -webkit-animation: pulsate 2s linear infinite;
    -moz-animation: pulsate 2s linear infinite;
    animation: pulsate 2s linear infinite;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms
}

#intro {
    display: none;
    width: 100%;
    text-align: center;
    height: 100%;
    top: 0;
    position: relative;
    background: url('images/body.jpg') center center;
    background-size: cover
}

#intro .bg_image {
    background: #6e0118 ;
    background-size: cover;
    width: 100%;
    height: 100%;
    opacity: 0;
    top: 0;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms
}

#intro.ipad {
    display: block;
    background: #6e0118;
    position: relative;
    background-size: cover;
    overflow: hidden
}

#intro.ipad .bg_image {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0;
    -webkit-background-size: cover;
    background-size: cover
}

#intro.ipad .logo {
    position: absolute;
    width: 550px;
    margin-left: -275px
}

#intro.ipad .scroll_down {
    margin-left: -30px;
    width: 60px;
    height: 29px;
    background-size: 30px;
    position: absolute;
    bottom: 100px;
    opacity: 0.6
}

#intro .logo {
    top: 50%;
    position: fixed;
    left: 50%;
    margin-top: -53px;
    margin-left: -280px;
    opacity: 0;
    -webkit-transition: all 2000ms;
    -moz-transition: all 2000ms;
    -ms-transition: all 2000ms;
    -o-transition: all 2000ms
}

#intro .scroll_down {
    width: 60px;
    height: 29px;
    display: block;
    position: fixed;
    left: 50%;
    margin-left: -30px;
    bottom: 70px;
    opacity: 0;
    -webkit-animation: pulsate 2s linear infinite;
    -moz-animation: pulsate 2s linear infinite;
    animation: pulsate 2s linear infinite;
    -webkit-transition: all 1000ms;
    -moz-transition: all 1000ms;
    -ms-transition: all 1000ms;
    -o-transition: all 1000ms
}

.container {
    width: 1200px;
    position: relative;
    margin: 0 auto
}

.global_container {
    height: 100%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden
}

header {
    display: none;
    width: 100%;
    height: 90px;
    background: #6e0118;
    z-index: 100;
    top: 0px;
    line-height: 90px;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s
}

header.shown {
    top: 0
}

header.half_transparent {
    opacity: 0.8 !important
}

header .logo {
    width: 186px;
    cursor: pointer;
    margin-top: 27px;
    display: inline-block;
    float: left;
    vertical-align: middle
}

header ul {
    height: 90px;
    line-height: 90px;
    margin: 0 0 0;
    padding: 0;
    float: none;
    display: inline-block
}

header {
    text-align: center
}

header ul li {
    line-height: 90px;
    margin: 0 23px 0 0;
    padding: 0;
    display: inline
}

header ul li a {
    line-height: 90px;
    color: #fff;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 17px;
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal
}

header ul li a.order {
    line-height: 90px;
    padding: 0;
    vertical-align: middle;
    display: block;
    float: right;
    background: #9a8c6a;
    height: 38px;
    text-align: center;
    border-radius: 4px;
    margin-top: 26px;
    line-height: 38px;
    width: 154px
}

header ul li a.order:hover {
    color: #fff;
    background: #B2A586
}

header ul li a:hover {
    color: #9a8c6a
}

#about {
    width: 100%;
    background: #fff0e0;
    text-align: center;
    padding: 60px 0 80px
}

#about .container {
    text-align: left
}

#about h1 {
    margin: 0 0 50px;
    font-size: 58px;
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal;
    display: block;
    text-align: center
}

#about h1 small {
    margin-top: 10px;
    display: block;
    font-size: 19px;
    line-height: 30px;
    font-family: 'museo_sans_cyrl300';
    font-weight: normal;
    font-style: normal
}

#about h1 small span {
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal
}

#about .photo {
    display: inline-block;
    max-width: 340px;
    border-radius: 250px;
    margin: 0 40px 0 40px;
    vertical-align: top
}

#about .col {
    display: inline-block;
    position: static;
    top: 0;
    font-size: 19px;
    line-height: 30px;
    width: 620px;
    vertical-align: top
}

#about .col.left_part {
    text-align: right;
    right: 50%;
    margin-right: 220px
}

#about .col.right_part {
    text-align: left;
    left: 50%;
    margin-left: 0
}

.fancybox-prev {
    left: -300px !important;
    background: url('images/prev.png') center center no-repeat !important
}

.fancybox-prev:hover {
    opacity: 0.8
}

.fancybox-prev span {
    display: none
}

.fancybox-next {
    right: -300px !important;
    background: url('images/next.png') center center no-repeat !important
}

.fancybox-next:hover {
    opacity: 0.8
}

.fancybox-next span {
    display: none
}

#works,
#videos {
    width: 100%;
    background: #fff0e0;
    text-align: center;
    padding: 60px 0 101px;
    overflow: hidden
}

#works h2,
#videos h2 {
    top: 40px;
    margin: 3px 0 50px;
    font-size: 58px;
    width: 100%;
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal;
    display: block;
    position: absolute
}

#works .mobile_slider {
    display: none
}

#works .slider {
    padding: 150px 0 92px;
    border: 2px solid #6e0118
}

#works .slider .fotoramas {
    width: 1480px;
    margin-left: -160px;
    margin-bottom: 50px;
    min-height: 283px
}

#works .slider .fotoramas .slide {
    text-align: center;
    width: 100%;
    position: relative;
    display: none
}

#works .slider .fotoramas .slide .jcarousel-control-next,
#works .slider .fotoramas .slide .jcarousel-control-prev {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition-delay: 0.5s !important;
    -moz-transition-delay: 0.5s !important;
    transition-delay: 0.5s !important
}

#works .slider .fotoramas .slide.active_slide {
    display: block
}

#works .slider .fotoramas .slide.temp_class {
    opacity: 0
}

#works .slider .fotoramas .slide a {
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    position: relative;
    display: inline-block
}

#works .slider .fotoramas .slide a:after {
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    position: absolute;
    opacity: 0;
    background: rgba(255, 255, 255, 0.2)
}

#works .slider .fotoramas .slide a:hover:after {
    opacity: 1
}

#works .slider .fotoramas .slide a:nth-child(1) img {
    transition: opacity 1s .2s ease;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transition-duration: 1s
}

#works .slider .fotoramas .slide a:nth-child(2) img {
    transition: opacity 1s .4s ease;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    transition-duration: 1.2s
}

#works .slider .fotoramas .slide a:nth-child(3) img {
    transition: opacity 1s .6s ease;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    transition-duration: 1.4s
}

#works .slider .fotoramas .slide a:nth-child(4) img {
    transition: opacity 1s .8s ease;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    transition-duration: 1.6s
}

#works .slider .fotoramas .slide a:nth-child(5) img {
    transition: opacity 1s 1s ease;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    transition-duration: 1.8s
}

#works .slider .fotoramas .slide img {
    width: 280px;
    height: 280px;
    margin: 0 8px;
    display: inline-block
}

#works .slider .fotoramas .slide img.fadeInRight {
    opacity: 1
}

#works ul.categories {
    z-index: 10;
    position: absolute;
    width: 100%;
    padding: 0;
    bottom: 55px;
    margin: 0 0 0;
    list-style: none
}

#works ul.categories li {
    padding: 0;
    margin: 0 10px;
    display: inline-block;
    font-size: 23px;
    cursor: pointer;
    padding: 7px 11px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    border-bottom: 2px solid #fff
}

#works ul.categories li:hover {
    color: #9a8c6a
}

#works ul.categories li.active {
    color: #9a8c6a;
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal;
    border-bottom: 2px solid #9a8c6a
}

#videos .mobile_slider {
    display: none
}

#videos .slider {
    padding: 150px 0 92px;
    border: 2px solid #6e0118
}

#videos .slider .fotoramas {
    width: 1480px;
    margin-left: -160px;
    margin-bottom: 50px;
    min-height: 283px
}

#videos .slider .fotoramas .slide {
    text-align: center;
    width: 100%;
    position: relative;
    display: none
}

#videos .slider .fotoramas .slide .jcarousel-control-next,
#videos .slider .fotoramas .slide .jcarousel-control-prev {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    -webkit-transition-delay: 0.5s !important;
    -moz-transition-delay: 0.5s !important;
    transition-delay: 0.5s !important
}

#videos .slider .fotoramas .slide.active_slide {
    display: block
}

#videos .slider .fotoramas .slide.temp_class {
    opacity: 0
}

#videos .slider .fotoramas .slide a {
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    position: relative;
    display: inline-block
}

#videos .slider .fotoramas .slide a:nth-child(1) img {
    transition: opacity 1s .2s ease;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transition-duration: 1s
}

#videos .slider .fotoramas .slide a:nth-child(2) img {
    transition: opacity 1s .4s ease;
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    transition-duration: 1.2s
}

#videos .slider .fotoramas .slide a:nth-child(3) img {
    transition: opacity 1s .6s ease;
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    transition-duration: 1.4s
}

#videos .slider .fotoramas .slide a:nth-child(4) img {
    transition: opacity 1s .8s ease;
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    transition-duration: 1.6s
}

#videos .slider .fotoramas .slide a:nth-child(5) img {
    transition: opacity 1s 1s ease;
    -webkit-animation-duration: 1.8s;
    animation-duration: 1.8s;
    transition-duration: 1.8s
}

#videos .slider .fotoramas .slide img.fadeInRight {
    opacity: 1
}

#students {
    background: #fff0e0;
    text-align: center;
    padding: 0px 0 92px
}

#students h2 {
    top: 40px;
    margin: 0 0 68px;
    font-size: 30px;
    width: 100%;
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal;
    display: block
}

#students .fotorama__nav--dots {
    margin-top: 16px;
    margin-left: -2px
}

#students .fotorama__dot {
    display: block;
    width: 6px;
    height: 6px;
    position: relative;
    top: 12px;
    left: 6px;
    border-radius: 10px;
    border: 2px solid #999999;
    background: #999
}

#students .fotorama__nav__frame {
    width: 25px
}

#students .fotorama__nav__frame.fotorama__active .fotorama__dot {
    background: #fff0e0;
    border: solid 2px #c5965a
}

#students .studentsrama_mobile {
    display: none
}

#students .studentsrama .animated {
    -webkit-transform: translateY(0px) !important;
    transform: translateY(0px) !important
}

#students .member {
    width: 285px;
    display: inline-block;
    font-style: italic;
    font-size: 18px;
    color: #9a8c6a;
    margin: 0 8px;
    vertical-align: top;
    line-height: 28px;
    -webkit-transition: all 1200ms;
    -moz-transition: all 1200ms;
    -ms-transition: all 1200ms;
    -o-transition: all 1200ms
}

#students .member.scrollspy {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px)
}

#students .member:first-child {
    margin-left: 0
}

#students .member:last-child {
    margin-right: 0
}

#students .member:nth-child(1) {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#students .member:nth-child(2) {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition-delay: 0.2s !important;
    -moz-transition-delay: 0.2s !important;
    transition-delay: 0.2s !important
}

#students .member:nth-child(3) {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition-delay: 0.4s !important;
    -moz-transition-delay: 0.4s !important;
    transition-delay: 0.4s !important
}

#students .member:nth-child(4) {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-transition-delay: 0.6s !important;
    -moz-transition-delay: 0.6s !important;
    transition-delay: 0.6s !important
}

#team {
    background: #fff;
    text-align: center;
    padding: 60px 0 92px
}

#team h2 {
    top: 40px;
    margin: 0 0 40px;
    font-size: 58px;
    width: 100%;
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal;
    display: block
}

#team .member {
    width: 280px;
    display: inline-block;
    font-style: italic;
    font-size: 18px;
    color: #9a8c6a;
    margin: 0 11px;
    vertical-align: top;
    line-height: 28px
}

#team .member:first-child {
    margin-left: 0
}

#team .member:last-child {
    margin-right: 0
}

#team .member:nth-child(1) {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#team .member:nth-child(2) {
    -webkit-animation-duration: 1.2s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#team .member:nth-child(3) {
    -webkit-animation-duration: 1.4s;
    animation-duration: 1.4s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#team .member:nth-child(4) {
    -webkit-animation-duration: 1.6s;
    animation-duration: 1.6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#team .member img {
    margin-bottom: 14px
}

#team .member .name {
    line-height: 30px;
    color: #6e0118;
    font-size: 21px;
    font-style: initial
}

#team .member .register_text {
    color: #6e0118;
    line-height: 28px
}

#team .member .register_text a {
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal;
    font-size: 17px;
    display: inline-block;
    text-align: center;
    width: 200px;
    height: 40px;
    margin-top: 10px;
    border-radius: 4px;
    background: #9a8c6a;
    color: #fff;
    text-decoration: none;
    line-height: 40px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

#team .member .register_text a:hover {
    opacity: 0.8
}

#school {
    background: #fff0e0;
    text-align: center;
    padding: 80px 0 70px
}

#school h2 {
    top: 40px;
    margin: 0 0 27px;
    font-size: 58px;
    width: 100%;
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal;
    display: block
}

#school .text {
    font-size: 21px;
    line-height: 34px;
    margin-bottom: 40px;
    display: inline-block
}

#school .text strong {
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal
}

#school .classes {
    margin-top: 50px;
    width: 1220px
}

#school .classes .class {
    width: 590px;
    height: 360px;
    float: left;
    position: relative;
    margin-right: 20px;
    margin-bottom: 20px;
    overflow: hidden;
    cursor: pointer
}

#school .classes .class img {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: all 16s;
    -moz-transition: all 16s;
    -ms-transition: all 16s;
    -o-transition: all 16s
}

#school .classes .class:hover img {
    -webkit-transform: scale(1.3, 1.3);
    -moz-transform: scale(1.3, 1.3);
    -ms-transform: scale(1.3, 1.3);
    -o-transform: scale(1.3, 1.3)
}

#school .classes .class:nth-child(1) {
    transition: opacity 1s .2s ease;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    transition-duration: 1s
}

#school .classes .class:nth-child(2) {
    transition: opacity 1s .4s ease;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    transition-duration: 1.3s
}

#school .classes .class:nth-child(3) {
    transition: opacity 1s .6s ease;
    -webkit-animation-duration: 1.0s;
    animation-duration: 1.0s;
    transition-duration: 1.0s
}

#school .classes .class:nth-child(4) {
    transition: opacity 1s .8s ease;
    -webkit-animation-duration: 1.3s;
    animation-duration: 1.3s;
    transition-duration: 1.3s
}

#school .classes .class .title {
    position: relative;
    margin-top: 52px;
    margin-left: 47px;
    line-height: 46px;
    font-size: 50px;
    text-align: left
}

#school .classes .class .desc {
    position: relative;
    font-size: 18px;
    margin-top: 15px;
    text-align: left;
    margin-left: 47px;
    line-height: 28px
}

#school .classes .class a {
    width: 200px;
    height: 38px;
    line-height: 38px;
    border: 1px solid;
    position: relative;
    margin-top: 21px;
    display: block;
    color: inherit;
    font-size: 18px;
    margin-left: 47px;
    text-decoration: none;
    border-radius: 4px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

#school .classes .class.one {
    color: #d4746a
}

#school .classes .class.one a:hover {
    background: #d4746a;
    border-color: #d4746a;
    color: #fff
}

#school .classes .class.two {
    color: #5b89ac
}

#school .classes .class.two a:hover {
    background: #5b89ac;
    border-color: #5b89ac;
    color: #fff
}

#school .classes .class.three {
    color: #be6383
}

#school .classes .class.three a:hover {
    background: #be6383;
    border-color: #be6383;
    color: #fff
}

#school .classes .class.four {
    color: #64686f
}

#school .classes .class.four a:hover {
    background: #64686f;
    border-color: #64686f;
    color: #fff
}

#feedback {
    background: #f6f6f6;
    text-align: center;
    padding: 89px 0 91px
}

#feedback h2 {
    margin: 40px 0 15px;
    font-size: 58px;
    width: 100%;
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal;
    display: block
}

#feedback a.all {
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal;
    font-size: 20px;
    color: #9a8c6a;
    margin-bottom: 58px;
    position: relative;
    display: block
}

#feedback a.all:hover {
    opacity: 0.9
}

#feedback .quote {
    width: 340px;
    display: inline-block;
    margin: 0;
    vertical-align: top;
    font-style: italic;
    font-size: 17px;
    line-height: 28px
}

#feedback .quote.center {
    margin: 0 85px
}

#feedback .quote .name {
    font-style: initial;
    margin-top: 10px;
    font-style: none;
    line-height: 26px;
    color: #9a8c6a
}

#feedback .fotorama__video {
    top: 0
}

#feedback .fotorama__video-play {
    background: url('images/play.png') center center no-repeat;
    background-size: 40px
}

.videos.desktop_only {
    display: block
}

.videos.mobile_only {
    display: none
}

.videos .video {
    text-decoration: none;
    color: #6e0118;
    height: auto;
    max-width: 460px;
    width: 100%;
    display: block;
    float: left;
    font-style: italic;
    font-size: 17px;
    line-height: 28px
}

.videos .video:first-child {
    margin-right: 40px
}

#videos .jcarousel-control-prev,
#videos .jcarousel-control-next {
    height: 259px
}

.videos .video img {
    display: block;
    position: relative;
    width: 100%
}

.videos .video a.fancybox {
    position: relative;
    display: block;
    background: #6e0118
}

.videos .video a.fancybox:hover:after {
    opacity: 1
}

.videos .video a.fancybox:hover:before {
    opacity: 0
}

.videos .video a.fancybox:after {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.3) url('images/play_hover.png') center center no-repeat;
    width: 100%;
    height: 100%;
    opacity: 0;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    -o-transition: opacity 200ms
}

.videos .video a.fancybox:before {
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0) url('images/play.png') center center no-repeat;
    width: 100%;
    height: 100%;
    z-index: 10;
    opacity: 1;
    -webkit-transition: opacity 200ms;
    -moz-transition: opacity 200ms;
    -ms-transition: opacity 200ms;
    -o-transition: opacity 200ms
}

.register {
    background: #f0eae2;
    text-align: center;
    padding: 26px 0 26px;
    width: 100%
}

.register h2 {
    font-size: 58px;
    line-height: 1;
    margin-bottom: 15px;
    font-family: 'museo_sans_cyrl300';
    font-weight: normal;
    font-style: normal
}

.register ul {
    padding: 0;
    margin: 0;
    list-style: none
}

.register ul li {
    padding: 0;
    margin: 0;
    font-size: 22px;
    line-height: 29px
}

.register .chosen-container {
    width: 582px !important;
    height: 60px
}

.register .chosen-container:after {
    content: "◣";
    position: absolute;
    top: 22px;
    right: 20px;
    font-size: 14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

.register .chosen-container:hover:after {
    transform: rotate(-45deg)
}

.register .chosen-container .chosen-single {
    transition: height 100ms
}

.register .chosen-container .chosen-drop {
    transition: height 200ms;
    height: 0;
    opacity: 1;
    overflow: hidden
}

.register .chosen-container.chosen-with-drop .chosen-single {
    height: 421px
}

.register .chosen-container.chosen-with-drop .chosen-drop {
    height: 421px;
    -webkit-animation: bounce .5s linear;
    -moz-animation: bounce .5s linear;
    animation: bounce .5s linear
}

.register .chosen-container.chosen-with-drop:after {
    top: 25px;
    transform: rotate(-225deg)
}

.register .form_dropdown {
    margin-bottom: 30px;
    width: 582px !important;
    margin: 30px auto 20px;
    height: 60px
}

.register .form_dropdown .ipad {
    display: none;
    height: 30px;
    padding: 15px 45px 15px 25px;
    line-height: 30px;
    text-align: left;
    font-size: 24px;
    width: 510px !important;
    border: 1px solid #ddcab2;
    margin: 20px auto 20px;
    border-radius: 0;
    color: #6e0118;
    background: #fff0e0;
    position: relative
}

.register .form_dropdown .ipad:after {
    content: "◣";
    position: absolute;
    top: 14px;
    right: 20px;
    font-size: 14px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

.register .form_dropdown select {
    position: relative;
    top: -50px;
    z-index: -1
}

.register .dropdown_imitation {
    display: none
}

.register .chosen-container-single .chosen-single span {
    margin: 0
}

.register .chosen-container-single .chosen-single span:before {
    content: ""
}

.register .chosen-single {
    height: 30px;
    padding: 15px 45px 15px 25px;
    line-height: 30px;
    text-align: left;
    font-size: 24px;
    width: 98% !important;
    border: 1px solid #ddcab2;
    margin: 0 auto;
    border-radius: 0;
    color: #6e0118
}

.register .chosen-single.highlighted {
    border: 1px solid #d6636b
}

.register ul li {
    height: 30px;
    padding: 15px 25px 15px;
    line-height: 30px;
    text-align: left;
    border-left: 1px solid #ddcab2;
    border-right: 1px solid #ddcab2
}

.register ul li:last-child {
    border-bottom: 1px solid #ddcab2
}

.register .input_field {
    display: inline-block;
    width: 282px;
    height: 62px;
    padding: 0;
    margin: 0;
    left: 0;
    position: relative
}

.register .input_field.form_name {
    margin-right: 7px;
    margin-left: 7px;
}

.register .input_field:before {
    content: "";
    position: absolute;
    top: 0;
    display: block;
    z-index: -1;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 0px;
    color: rgba(198, 151, 85, 0.6)
}

.register .input_field.active:before {
    -webkit-animation: anim-shadow 0.3s forwards;
    animation: anim-shadow 0.3s forwards
}

.register .input {
    outline: 0;
    display: inline-block;
    width: 230px;
    padding: 15px 25px 15px;
    line-height: 30px;
    font-size: 24px;
    border: 1px solid #ddcab2;
    position: relative;
    font-family: 'museo_sans_cyrl300';
    font-weight: normal;
    font-style: normal
}

.input_field select.input{
    width:282px;
}


.register .input::-webkit-input-placeholder {
    color: #ddcab2
}

.register .input::-moz-placeholder {
    color: #ddcab2
}

.register .input:-moz-placeholder {
    color: #ddcab2
}

.register .input:-ms-input-placeholder {
    color: #ddcab2
}

.register .input.highlighted {
    border: 1px solid #d6636b
}

.register .btn {
    background: #c69755;
    color: #fff;
    text-decoration: none;
    max-width: 582px;
    width: 100%;
    height: 63px;
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 63px;
    margin: 31px auto 41px;
    display: block;
    border-bottom: 1px solid #9d7844;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    position: relative;
    overflow: hidden;
    border: 0
}

.register .btn.sending .sending {
    top: 0px
}

.register .btn.sending .envelope {
    left: 100%
}

.register .btn.sending .normal_text {
    top: 50px
}

.register .btn .sending {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    position: absolute;
    display: block;
    top: -63px;
    left: 0;
    width: 100%;
    line-height: 63px;
    height: 63px;
    background: url('images/preload.gif') no-repeat center center;
    background-size: 40px
}

.register .btn.success {
    background: #86bc72 !important;
    border-bottom: 1px solid #659154
}

.register .btn.success .success_text {
    top: 0
}

.register .btn.success .sending {
    top: 63px !important
}

.register .btn.success .envelope {
    top: -63px !important;
    left: 100% !important
}

.register .btn.success .normal_text {
    top: 63px !important
}

.register .btn .cross {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    position: absolute;
    top: -63px;
    left: 0;
    width: 100%;
    line-height: 63px
}

.register .btn .envelope {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    position: absolute;
    top: -63px;
    background: url('images/envelope.png') no-repeat center center;
    width: 100%;
    left: 0;
    height: 63px
}

.register .btn .normal_text {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 63px
}

.register .btn .success_text {
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms;
    line-height: 63px;
    width: 100%;
    left: 0;
    position: absolute;
    top: -63px
}

.register .btn.highlighted {
    background: #F36458 !important;
    border-bottom: 1px solid #ce584c
}

.register .btn.highlighted .cross {
    top: 0
}

.register .btn.highlighted:active .envelope {
    display: none
}

.register .btn:hover {
    opacity: 0.8 !important
}

.register .btn:hover .envelope {
    top: 0
}

.register .btn:hover .normal_text {
    top: 63px
}

.register .btn:active .envelope {
    left: 100%;
    -ms-transform: skew(40deg, 0deg);
    -moz-transform: skew(40deg, 0deg);
    -webkit-transform: skew(40deg, 0deg);
    transform: skew(40deg, 0deg)
}

.register .info {
    font-size: 22px;
    width: 582px;
    position: relative;
    display: block;
    margin: 0 auto;
    color: #6e0118
}

.register .info:before {
    content: "";
    display: block;
    width: 108px;
    height: 1px;
    left: 0px;
    position: absolute;
    top: 12px;
    background: #e2cbaa;
    opacity: 1
}

.register .info:after {
    content: "";
    display: block;
    width: 108px;
    height: 1px;
    right: 0px;
    position: absolute;
    top: 12px;
    background: #e2cbaa;
    opacity: 1
}

.register .info strong,
.register .info a.phone {
    margin-top: 12px;
    position: relative;
    display: block;
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    font-size: 24px
}

#gmap {
    width: 900px;
    height: 500px
}

.map_fancy {
    width: 900px !important;
    height: 750px !important;
    text-align: center
}

.map_fancy .fancybox-inner {
    width: 900px !important;
    height: 750px !important;
    text-align: center
}

.map_fancy .fancybox-skin {
    background: #fff0e0
}

.map_fancy .fancybox-close {
    background: url('images/fancybox_close_black.png') center center no-repeat;
    border: 2px solid black
}

.map_fancy h3 {
    font-size: 52px;
    font-family: 'museo_sans_cyrl300';
    font-weight: normal;
    font-style: normal;
    padding-bottom: 50px;
    color: #6e0118
}

.map_fancy p {
    color: #6e0118;
    font-family: 'museo_sans_cyrl500';
    padding-top: 50px;
    font-size: 18px;
    line-height: 28px
}

.map_fancy #map {
    display: inline-block
}

#footer {
    position: relative;
    z-index: -10;
    width: 100%;
    background: #6e0118;
    text-align: justify;
    padding: 55px 0;
    color: #fff
}

#footer .map_container {
    width: 0;
    height: 0;
    overflow: hidden
}

#footer .container:after {
    content: "";
    display: inline-block;
    width: 100%
}

#footer .col {
    vertical-align: top;
    display: inline-block;
    width: 300px;
    font-size: 16px;
    line-height: 26px
}

#footer .col .title {
    line-height: 34px;
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    margin-bottom: 4px
}

#footer .col.right {
    text-align: right
}

#footer .col.right strong,
#footer .col.right a.phone {
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: 18px
}

#footer .col.center {
    text-align: center
}

#footer .col.center .social {
    width: 30px;
    height: 30px;
    background: #746767;
    border-radius: 15px;
    line-height: 30px;
    text-align: center;
    color: #fff;
    background-size: 115px;
    border: none;
    font-size: 15px;
    margin: 10px 4px;
    -webkit-transition: all 300ms;
    -moz-transition: all 300ms;
    -ms-transition: all 300ms;
    -o-transition: all 300ms
}

#footer .col.center .social:hover {
    opacity: 0.7
}

#footer .col.center .social i {
    position: absolute
}

#footer .col.center .social.facebook i {
    top: 7px;
    left: 11px
}

#footer .col.center .social.vk i {
    top: 6px;
    left: 7px
}

#footer .col.center .social.insta i {
    top: 8px;
    left: 9px
}

#footer .col.center .design {
    font-size: 15px;
    color: #a5a5a5
}

#footer .col.center .design a {
    border: none;
    text-decoration: none;
    top: -2px;
    margin-left: 2px;
    position: relative;
    vertical-align: bottom;
    opacity: 1;
    -webkit-transition: none;
    -moz-transition: none;
    -ms-transition: none;
    -o-transition: none;
    width: 75px;
    height: 18px
}

#footer .col.center .design a .svg_logo {
    top: -16px;
    width: 74px;
    position: relative
}

#footer .col.center .design a .svg_logo path {
    opacity: 1;
    fill: #a5a5a5
}

#footer .col.center .design a .svg_logo:hover {
    opacity: 1
}

#footer .col.center .design a .svg_logo:hover path {
    opacity: 1;
    fill: #ff8002
}

#footer .col a,
#footer .col .showmap {
    cursor: pointer;
    color: #ccc;
    line-height: 14px;
    border-bottom: 1px solid #ababab;
    text-decoration: none;
    display: inline-block;
    position: relative;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

#footer .col a:hover,
#footer .col .showmap:hover {
    border-bottom: 1px solid #c69755;
    opacity: 0.9;
    color: #c69755;
    border-color: #c69755
}

#footer .col a:hover .icon,
#footer .col .showmap:hover .icon {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    opacity: 1;
    right: -27px
}

#footer .col a .icon,
#footer .col .showmap .icon {
    opacity: 0;
    display: inline-block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -3px;
    right: -20px;
    color: #c69755;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    -webkit-transform: rotate(-35deg);
    -moz-transform: rotate(-35deg);
    -ms-transform: rotate(-35deg);
    -o-transform: rotate(-35deg)
}

#footer .col a .icon.map_icon,
#footer .col .showmap .icon.map_icon {
    background: url('images/signpost.svg') no-repeat bottom center;
    background-size: 19px
}

#footer .col a .icon.mail_icon,
#footer .col .showmap .icon.mail_icon {
    background: url('images/message.svg') no-repeat bottom center;
    background-size: 20px
}

.social-box {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block
}

.social-box li {
    display: inline-block;
    margin: 0 5px;
    vertical-align: middle
}

.social-box li a {
    text-decoration: none;
    color: #ccc;
    cursor: pointer;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms
}

.social-box li a:hover {
    color: #6e0118
}

.header-top .col,
.footer .col {
    vertical-align: top;
    display: inline-block;
    font-size: 14px;
    line-height: 26px
}

.header-top a {
    color: #6e0118;
    display: inline-block;
    vertical-align: top
}

.header-top .col .title {
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    font-size: 16px;
    margin-right: 5px
}

.header-top {
    text-align: center
}

.header-top .col.right,
.footer .col.right {
    text-align: right;
    max-width: 24.33333%;
    float: right;
    min-width: 300px
}

.header-top .col.left,
.footer .col.left {
    float: left
}

.header-top .col.right strong,
.header-top .col.right a.phone {
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    text-decoration: none;
    font-size: 18px
}

.header-top .col.center,
.footer .col.center {
    text-align: center;
    min-width: 300px
}

#footer .mobile_off {
    display: none
}

.overlay {
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    position: fixed;
    background: rgba(0, 0, 0, 0.5);
    z-index: 101
}

.class_details_container {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10000;
    display: block;
    width: 100%;
    height: 100%;
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s linear 0.2s, opacity 0.2s linear
}

.class_details_container.shown {
    visibility: visible;
    opacity: 1;
    transition-delay: 0s
}

.class_details {
    z-index: 101;
    width: 667px;
    height: 100%;
    top: 0;
    -webkit-transform: translateX(800px);
    -ms-transform: translateX(800px);
    transform: translateX(800px);
    right: 0;
    position: absolute;
    overflow-y: auto;
    background: #6e0118;
    -webkit-overflow-scrolling: touch;
    -webkit-transition: all 400ms;
    -moz-transition: all 400ms;
    -ms-transition: all 400ms;
    -o-transition: all 400ms
}

.class_details.active_modal {
    -webkit-transform: translateX(0px);
    -ms-transform: translateX(0px);
    transform: translateX(0px)
}

.class_details .close_modal {
    display: block;
    cursor: pointer;
    width: 32px;
    height: 32px;
    position: absolute;
    top: 48px;
    right: 582px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

.class_details .close_modal:hover {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg)
}

.class_details .title {
    line-height: 36px;
    font-size: 26px;
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal;
    color: #ad8f4e
}

.class_details .details_body {
    margin-top: 40px;
    margin-left: 105px;
    font-size: 17px;
    color: #fff;
    line-height: 27px;
    max-width: 480px;
    width: 100%;
}

.class_details .details_body strong {
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase
}

.class_details .details_body strong.lower {
    text-transform: none
}

.class_details .details_body a {
    color: #ccc;
    border-bottom: 1px solid #ababab
}

.class_details .details_body a:hover {
    border-bottom: 1px solid #c69755;
    opacity: 0.9;
    color: #c69755;
    border-color: #c69755
}

.class_details .details_body a.btn {
    border-bottom: 0;
    line-height: 90px;
    padding: 0 25px;
    vertical-align: middle;
    display: block;
    background: #917538;
    height: 44px;
    font-size: 19px;
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    margin: 40px 0 20px;
    text-align: center;
    border-radius: 4px;
    line-height: 44px;
    /*width: 250px;*/
    color: #fff;
    text-decoration: none;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

.class_details .details_body a.btn:hover {
    background: #9B7B35
}

.details_body span {
    display: block;
}

.sbscr {
    font-size: 12px;
    opacity: 0.8;
}

.class_details .details_body .subtitle {
    color: #ad8f4e;
    font-size: 25px;
    font-family: 'museo_sans_cyrl500';
    font-weight: normal;
    font-style: normal;
    margin-top: 40px;
    margin-bottom: 15px
}

.class_details .details_body .class_photos {
    position: relative;
    width: 455px;
    margin-bottom: 65px
}

.class_details .details_body .class_photos .fotorama_nav {
    background: url('images/rama_nav.png');
    width: 32px;
    opacity: 0.8;
    height: 117px;
    position: absolute;
    top: 50%;
    margin-top: -70px;
    cursor: pointer
}

.class_details .details_body .class_photos .fotorama_nav:hover {
    opacity: 1
}

.class_details .details_body .class_photos .fotorama_nav.prev {
    left: -60px
}

.class_details .details_body .class_photos .fotorama_nav.next {
    right: -70px;
    background: url('images/rama_nav.png') center right
}

.class_details .details_body .up {
    color: #ad8f4e;
    font-size: 17px;
    position: relative;
    cursor: pointer;
    margin-bottom: 60px;
    padding-left: 20px
}

.class_details .details_body .up:before {
    content: "↑";
    font-family: "Arial", sans-serif;
    position: absolute;
    left: 0;
    top: -2px
}

.mt90 {
    margin-top: 90px !important
}

#videos {
    padding: 60px 0
}

.team-btn {
    padding: 5px 15px;
    display: inline-block;
    text-align: center;
    cursor: pointer;
    border: 1px solid #6e0118;
    font-style: normal;
    color: #6e0118;
    border-radius: 3px;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms
}

.team-btn:hover {
    background: #6e0118;
    color: #fff
}

.jcarousel-img {
    max-width: 300px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto
}

.jcarousel-img img {
    width: 100%;
    border-radius: 50%
}

.jcarousel-info {
    display: inline-block;
    font-size: 23px;
    padding: 7px 11px
}

#feedback .jcarousel-wrapper {
    margin-top: 35px;
    padding-bottom: 50px
}

.feedback-name {
    font-family: 'Montserrat', sans-serif;
    font-size: 20px;
    font-weight: 600;
    text-transform: uppercase;
    position: relative
}

#feedback .jcarousel-pagination {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    z-index: 3
}

#feedback .jcarousel-pagination a {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #6e0118;
    border-radius: 50%;
    margin: 0 10px;
    border: 1px solid #6e0118
}

#feedback .jcarousel-pagination a.active {
    background: #fff
}

@media only screen and (max-width:1199px) {
    .header-top .col.left {
        float: none;
        display: inline-block;
        text-align: center
    }
    .header-top .col.right {
        float: none;
        display: inline-block;
        text-align: center
    }
}

.fa-thumbs-up:before {
    content: "\f164"
}

.fa-user-circle-o:before {
    content: "\f2be"
}

.fa-fa:before,
.fa-font-awesome:before {
    content: "\f2b4"
}

.content > div:not(.title).about {
    background: #fff;
    padding: 60px 0;
    text-align: center
}

.content > div:not(.title) .about-title {
    font-size: 58px;
    line-height: 1;
    margin: 0 auto 30px
}

.content > div:not(.title) .about-info {
    font-size: 18px;
    margin-bottom: 20px;
    font-weight: bold;
    max-width: 800px
}

.about * {
    -webkit-font-smoothing: antialiased;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

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

.col-2_4 {
    width: 18%;
    min-width: 150px;
    max-width: 250px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px
}

.col-3 {
    width: 25%;
    min-width: 180px;
    max-width: 250px;
    display: inline-block;
    vertical-align: top;
    margin: 0 10px
}

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

.about .row {
    margin-bottom: 30px
}

.about-icon i {
    font-size: 58px
}

.about-icon {
    margin-bottom: 20px
}

.fa-handshake-o:before {
    content: "\f2b5"
}

.questions {
    padding: 60px 0
}

.questions-title {
    text-align: center;
    font-size: 48px;
    margin-bottom: 20px
}

.questions-title span {
    text-decoration: underline
}

.questions-list {
    max-width: 800px;
    margin: 0 auto;
    padding: 0
}

.questions-list li {
    font-size: 18px;
    padding-left: 30px;
    margin-bottom: 15px;
    position: relative
}

.questions-list li:before {
    content: "\f059";
    display: inline-block;
    font: normal normal normal 36px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: absolute;
    top: 0;
    left: 0
}

.question-info {
    text-align: center;
    font-size: 28px;
    margin: 20px auto 0;
    max-width: 800px
}

#footer .col {
    vertical-align: top;
    display: inline-block;
    width: 100%;
    max-width: 335px;
    font-size: 14px;
    line-height: 22px;
    text-align: left
}

.head-box {
    position: relative;
    z-index: 2;
    max-width: 23%;
    min-width: 260px;
    margin: 270px 0 145px 0;
    float: right;
    padding: 20px;
    background: rgba(255, 255, 255, 0.6);
}
.head-box .head-box-image{
	max-width: 315px;
    margin-left: -20px;
    margin-top: -20px;
}
.head-box h2 {
    font-size: 58px;
    width: 100%;
    font-family: 'museo_sans_cyrl100';
    font-weight: normal;
    font-style: normal;
}

.head-box .btn,
.button-box .btn {
    background: #c69755;
    color: #fff;
    text-decoration: none;
    max-width: 582px;
    width: 100%;
    height: 63px;
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 63px;
    margin: 31px auto 0;
    display: block;
    border-bottom: 1px solid #9d7844;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    position: relative;
    overflow: hidden;
    border: 0;
    cursor: pointer;
}

.head-box .btn:hover,
.button-box .btn:hover {
    color: #6e0118;
}

.call_back {
    background: #f0eae2;
}

.call_back .register .btn {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    max-width: 440px;
}

.button-box {
    padding: 60px 0;
    text-align: center;
    background: #f0eae2;
}

.button-box .btn {
    margin: 0;
    display: inline-block;
}

#loop .owl-carousel .owl-stage-outer {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
}

#loop:before {
    content: "";
    background: #000;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
}

.owl-nav {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(0%) translateY(-50%);
    width: 100%;
    z-index: 5;
}

.owl-carousel .owl-nav .owl-prev {}

.owl-carousel .owl-nav .owl-prev {}

.head-wrapper .jcarousel-wrapper .owl-carousel .owl-nav .owl-prev {
    background: url(images/arr.png) center center no-repeat;
    left: 0;
    width: 25px;
    height: 25px;
    background-size: 80%;
    top: 50%;
    margin-top: -12.5px;
    z-index: 3;
    padding: 5px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: transparent;
    z-index: 5;
    display: none;
    float: left;
}

.head-wrapper:hover .jcarousel-wrapper .owl-carousel .owl-nav .owl-prev,
.head-wrapper:hover .jcarousel-wrapper .owl-carousel .owl-nav .owl-next,
.head-wrapper:hover .owl-carousel .owl-dots {
    display: block
}

.head-wrapper .jcarousel-wrapper .owl-carousel .owl-nav .owl-next {
    background: url(images/arr2.png) center center no-repeat;
    right: 0;
    width: 25px;
    background-size: 80%;
    height: 25px;
    z-index: 3;
    top: 50%;
    margin-top: -12.5px;
    padding: 5px;
    -webkit-filter: invert(100%);
    filter: invert(100%);
    background-color: transparent;
    z-index: 5;
    display: none;
    float: right;
}

.owl-dots {
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
    width: 100%;
}

.owl-carousel .owl-dots {
    position: absolute;
    right: 0;
    left: 0%;
    z-index: 5;
    top: 85%;
    display: none
}

.owl-carousel .owl-dot {
    display: inline-block;
    width: 20px;
    height: 20px;
    background: #6e0118;
    border-radius: 50%;
    margin: 0 10px
}

.owl-carousel .owl-dot.active {
    background: #fff
}

@media only screen and (max-width:1260px) {
    .for_mobile {
        display: none !important
    }
    .for_ipad {
        display: block !important
    }
    .mob-none {
        display: none
    }
    .content > div:not(.title) .about-title,
    #advantage h2,
    .advantage h2 {
        font-size: 24px
    }
    .for_desktop {
        display: none !important
    }
    .container {
        width: 960px
    }
    header {
        opacity: 0;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        height: 80px
    }
    header .logo {
        width: 150px;
        margin-top: 26px
    }
    header ul {
        margin-top: -5px;
        line-height: 80px
    }
    header ul li {
        margin: 0 15px 0 0
    }
    header ul li a {
        line-height: 80px;
        font-size: 15px
    }
    header ul li a.order {
        height: 37px;
        width: 134px
    }
    #about {
        padding: 130px 0
    }
    #about h1 {
        font-size: 54px
    }
    #about h1 small {
        margin-top: 5px;
        font-size: 18px
    }
    #about .photo {
        width: 268px;
        float: none;
        vertical-align: top;
        display: inline-block
    }
    #about .col {
        vertical-align: top;
        display: inline-block;
        float: none;
        font-size: 17px;
        line-height: 27px;
        width: 350px;
        top: 200px
    }
    #about .col br {
        display: none
    }
    #about .col.left_part {
        text-align: right;
        right: 50%;
        margin-right: 180px
    }
    #about .col.right_part {
        text-align: left;
        left: 50%;
        margin-left: 180px
    }
    #works {
        padding: 0px 0 60px
    }
    #works h2 {
        font-size: 54px
    }
    #works ul.categories li {
        font-size: 21px
    }
    #works .slider .fotoramas {
        width: 1184px;
        margin-left: -120px
    }
    #works .slider .fotorama {
        margin-left: -285px
    }
    #works .slider .fotorama .slide a:last-child {
        display: none
    }
    #students {
        padding: 0px 0 52px
    }
    #students h2 {
        display: block;
        margin: -10px 0 48px;
        font-size: 26px
    }
    #students .fotorama__nav--dots {
        margin-top: -56px
    }
    #students .studentsrama .member {
        width: 224px !important;
        height: 287px !important
    }
    #team {
        padding: 43px 0 60px
    }
    #team h2 {
        font-size: 54px
    }
    #team .member {
        margin: 0 14px;
        line-height: 20px;
        width: 216px;
        font-size: 16px
    }
    #team .member .name {
        font-size: 19px
    }
    #team .member .register_text {
        line-height: 24px
    }
    #team .member img {
        width: 216px
    }
    #school {
        padding: 44px 0 40px
    }
    #school h2 {
        font-size: 54px;
        margin: 0 0 23px
    }
    #school .school_photos {
        margin: 50px 0 45px
    }
    #school .text {
        font-size: 19px;
        line-height: 32px;
        margin-bottom: 0px
    }
    #school .school_photos_container {
        width: 960px;
        margin: 0 auto
    }
    #school .school_photos_container img {
        width: 960px
    }
    #school .classes {
        width: 980px
    }
    #school .classes .class {
        width: 470px;
        overflow: hidden
    }
    #school .classes .class img {
        right: -60px;
        left: auto;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none
    }
    #school .classes .class:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none
    }
    #school .classes .class .title {
        font-size: 38px;
        margin-top: 52px;
        line-height: 38px;
        margin-left: 38px
    }
    #school .classes .class .desc {
        margin-left: 38px;
        font-size: 16px;
        line-height: 26px
    }
    #school .classes .class a {
        margin-left: 38px;
        width: 180px;
        bottom: 60px;
        position: absolute;
        font-size: 16px
    }
    #school .classes .class.one .title {
        margin-top: 67px
    }
    #school .classes .class.one a {
        margin-top: 0px;
        margin-left: 37px
    }
    #school .classes .class.two .title {
        margin-top: 54px
    }
    #school .classes .class.two a {
        margin-top: 0px
    }
    #school .classes .class.three .title {
        margin-top: 65px
    }
    #school .classes .class.three a {
        margin-top: -17px
    }
    #school .classes .class.four .title {
        margin-top: 65px
    }
    #school .classes .class.four a {
        margin-top: -3px
    }
    .class_details {
        width: 100%;
        background: rgba(0, 0, 0, 0.9);
        -webkit-transform: translateX(100%);
        -ms-transform: translateX(100%);
        transform: translateX(100%)
    }
    .class_details.active_modal {
        -webkit-transform: translateX(0%);
        -ms-transform: translateX(0%);
        transform: translateX(0%)
    }
    .class_details .details_body {
        margin-left: 20%;
        width: 50%
    }
    .class_details .details_body strong {
        display: block
    }
    .class_details .close_modal {
        left: 5%
    }
    #feedback {
        padding: 51px 0 90px
    }
    #feedback .quote {
        font-size: 16px;
        line-height: 26px;
        width: 275px
    }
    #feedback .quote br {
        display: none
    }
    #feedback .quote.center {
        margin: 0 60px
    }
    .videos .video {
        height: 100%;
        font-size: 16px;
        width: 100%
    }
    .videos .video:first-child {
        margin-right: 20px
    }
    .videos .video a.fancybox {
        height: auto
    }
    .videos .video a.fancybox img {
        height: auto
    }
    .register {
        padding: 82px 0 58px
    }
}

#navToggle {
    display: block !important;
    opacity: 1 !important;
    transition: all .3s
}

@media (min-width:700px) and (max-width:1199px) {
    .head-wrapper .register .form_dropdown {
        display: none
    }
    .register .input_field.form_name {
        margin-right: 0
    }
}

@media (max-width:699px) {
    @font-face {
        font-family: 'museo_sans_cyrl500';
        src: url('fonts/museosanscyrl-500-webfont.eot');
        src: url('fonts/museosanscyrl-500-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-500-webfont.woff') format('woff'), url('fonts/museosanscyrl-500-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
    }
    @font-face {
        font-family: 'museo_sans_cyrl700';
        src: url('fonts/museosanscyrl-700-webfont.eot');
        src: url('fonts/museosanscyrl-700-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-700-webfont.woff') format('woff'), url('fonts/museosanscyrl-700-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
    }
    @font-face {
        font-family: 'museo_sans_cyrl300';
        src: url('fonts/museosanscyrl-300-webfont.eot');
        src: url('fonts/museosanscyrl-300-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-300-webfont.woff') format('woff'), url('fonts/museosanscyrl-300-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
    }
    @font-face {
        font-family: 'museo_sans_cyrl100';
        src: url('fonts/museosanscyrl-100-webfont.eot');
        src: url('fonts/museosanscyrl-100-webfont.eot?#iefix') format('embedded-opentype'), url('fonts/museosanscyrl-100-webfont.woff') format('woff'), url('fonts/museosanscyrl-100-webfont.ttf') format('truetype');
        font-weight: normal;
        font-style: normal
    }
    .museo_light {
        font-family: 'museo_sans_cyrl100';
        font-weight: normal;
        font-style: normal
    }
    .museo_regular {
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    .museo_bold {
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal
    }
    .museo_black {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal
    }
    .hairlines .hairborder {
        border-width: 0.5px !important
    }
    .hairlines .hairheight {
        height: 0.5px !important
    }
    .nohairlines .hairborder {
        border-width: 1px !important
    }
    .nohairlines .hairheight {
        height: 1px !important
    }
    .global_text {
        font-size: 17px;
        line-height: 26px
    }
    @-webkit-keyframes anim-shadow {
        to {
            box-shadow: 0px 0px 100px 50px;
            opacity: 0
        }
    }
    @keyframes anim-shadow {
        to {
            box-shadow: 0px 0px 100px 50px;
            opacity: 0
        }
    }
    @-webkit-keyframes pulsate {
        0% {
            bottom: 55px
        }
        10% {
            bottom: 65px
        }
        25% {
            bottom: 70px
        }
        50% {
            bottom: 70px
        }
        75% {
            bottom: 70px
        }
        90% {
            bottom: 65px
        }
        100% {
            bottom: 55px
        }
    }
    @-moz-keyframes pulsate {
        0% {
            bottom: 70px
        }
        10% {
            bottom: 60px
        }
        25% {
            bottom: 55px
        }
        50% {
            bottom: 55px
        }
        75% {
            bottom: 55px
        }
        90% {
            bottom: 60px
        }
        100% {
            bottom: 70px
        }
    }
    @keyframes pulsate {
        00% {
            bottom: 70px
        }
        10% {
            bottom: 60px
        }
        25% {
            bottom: 55px
        }
        50% {
            bottom: 55px
        }
        75% {
            bottom: 55px
        }
        90% {
            bottom: 60px
        }
        100% {
            bottom: 70px
        }
    }
    @-webkit-keyframes bounce {
        0% {
            -webkit-transform: translate3d(0, -35px, 0)
        }
        25% {
            -webkit-transform: translate3d(0, 15px, 0)
        }
        50% {
            -webkit-transform: translate3d(0, -15px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, 5px, 0)
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0)
        }
    }
    @keyframes bounce {
        0% {
            -webkit-transform: translate3d(0, -35px, 0);
            transform: translate3d(0, -35px, 0)
        }
        25% {
            -webkit-transform: translate3d(0, 15px, 0);
            transform: translate3d(0, 15px, 0)
        }
        50% {
            -webkit-transform: translate3d(0, -15px, 0);
            transform: translate3d(0, -15px, 0)
        }
        75% {
            -webkit-transform: translate3d(0, 5px, 0);
            transform: translate3d(0, 5px, 0)
        }
        100% {
            -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0)
        }
    }
    .shake_it_baby {
        outline-color: red;
        -webkit-animation: shake .5s linear;
        -moz-animation: shake .5s linear
    }
    @keyframes shake {
        8%, 41% {
            -webkit-transform: translateX(-10px);
            transform: translateX(-10px)
        }
        25%,
        58% {
            -webkit-transform: translateX(10px);
            transform: translateX(10px)
        }
        75% {
            -webkit-transform: translateX(-5px);
            transform: translateX(-5px)
        }
        92% {
            -webkit-transform: translateX(5px);
            transform: translateX(5px)
        }
        0%,
        100% {
            -webkit-transform: translateX(0);
            transform: translateX(0)
        }
    }
    @-webkit-keyframes shake {
        8%, 41% {
            -webkit-transform: translateX(-10px)
        }
        25%,
        58% {
            -webkit-transform: translateX(10px)
        }
        75% {
            -webkit-transform: translateX(-5px)
        }
        92% {
            -webkit-transform: translateX(5px)
        }
        0%,
        100% {
            -webkit-transform: translateX(0)
        }
    }
    html,
    body,
    .content {
        padding: 0;
        margin: 0;
        position: relative;
        height: 100%
    }
    .content {
        background: #fff0e0
    }
    .mobile_nav {
        display: none
    }
    body {
        background: #fff0e0;
        -moz-osx-font-smoothing: grayscale;
        font-smoothing: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-font-smoothing: antialiased;
        -webkit-text-size-adjust: none;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    body.fixed {
        height: 100%;
        overflow: hidden
    }
    .content {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .for_mobile {
        display: none !important
    }
    .for_ipad {
        display: none !important
    }
    .for_desktop {
        display: block !important
    }
    .clearfix:after {
        content: " ";
        visibility: hidden;
        display: block;
        height: 0;
        clear: both
    }
    a:hover {
        text-decoration: none
    }
    .shown {
        opacity: 1 !important
    }
    .animated {
        opacity: 1 !important
    }
    .opacity {
        opacity: 0
    }
    .scrollspy {
        opacity: 0
    }
    .header {
        z-index: 120;
        background: url('images/body.jpg') center center;
        background-size: cover
    }
    .header .bg-img {

        background-size: cover
    }
    .header .logo {
        width: 558px;
        top: 50%;
        position: fixed;
        left: 50%;
        margin-top: -53px;
        margin-left: -280px;
        opacity: 0;
        -webkit-transition: all 2000ms;
        -moz-transition: all 2000ms;
        -ms-transition: all 2000ms;
        -o-transition: all 2000ms
    }
    .header .scroll_down {
        width: 60px;
        height: 29px;
        display: block;
        position: fixed;
        left: 50%;
        margin-left: -30px;
        bottom: 70px;
        opacity: 0;
        -webkit-transition: all 1000ms;
        -moz-transition: all 1000ms;
        -ms-transition: all 1000ms;
        -o-transition: all 1000ms
    }
    #feedback img {
        max-width: 100%;
    }
    #intro {
        display: none;
        width: 100%;
        text-align: center;
        height: 100%;
        top: 0;
        position: relative;
        background: url('images/body.jpg') center center;
        background-size: cover
    }
    #intro .bg_image {

        background-size: cover;
        width: 100%;
        height: 100%;
        opacity: 0;
        top: 0;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms
    }
    #intro.ipad {
        display: block;
        background: #6e0118;
        position: relative;
        background-size: cover;
        overflow: hidden
    }
    #intro.ipad .bg_image {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0;

        -webkit-background-size: cover;
        background-size: cover
    }
    #intro.ipad .logo {
        position: absolute;
        width: 550px;
        margin-left: -275px
    }
    #intro.ipad .scroll_down {
        margin-left: -30px;
        width: 60px;
        height: 29px;
        background-size: 30px;
        position: absolute;
        bottom: 100px;
        opacity: 0.6
    }
    #intro .logo {
        top: 50%;
        position: fixed;
        left: 50%;
        margin-top: -53px;
        margin-left: -280px;
        opacity: 0;
        -webkit-transition: all 2000ms;
        -moz-transition: all 2000ms;
        -ms-transition: all 2000ms;
        -o-transition: all 2000ms
    }
    #intro .scroll_down {
        width: 80px;
        height: 29px;
        display: block;
        position: fixed;
        left: 50%;
        margin-left: -30px;
        bottom: 70px;
        opacity: 0;
        -webkit-transition: all 1000ms;
        -moz-transition: all 1000ms;
        -ms-transition: all 1000ms;
        -o-transition: all 1000ms
    }
    .container {
        width: 1200px;
        position: relative;
        margin: 0 auto
    }
    .global_container {
        height: 100%;
        -webkit-backface-visibility: hidden;
        -moz-backface-visibility: hidden;
        -ms-backface-visibility: hidden
    }
    header {
        display: none;
        width: 100%;
        height: 90px;
        background: #6e0118;
        z-index: 100;
        top: 0px;
        line-height: 90px;
        background: rgba(0, 0, 0, 0.8)
    }
    header .container {
        height: 100%
    }
    header #navToggle {
        position: absolute;
        z-index: 2;
        top: 4px;
        left: 5px;
        width: 22px;
        float: none
    }
    header #navToggle .line {
        display: block;
        margin: 4px 0;
        height: 2px;
        width: 100%;
        background: #9a8c6a;
        -moz-transition: all, 0.3s;
        -o-transition: all, 0.3s;
        -webkit-transition: all, 0.3s;
        transition: all, 0.3s
    }
    header.open .burger .line.one {
        -webkit-transform: translate3d(1px, 6px, 0) rotate(45deg);
        -moz-transform: translate3d(1px, 6px, 0) rotate(45deg);
        -ms-transform: translate3d(1px, 6px, 0) rotate(45deg);
        -o-transform: translate3d(1px, 6px, 0) rotate(45deg)
    }
    header.open .burger .line.two {
        opacity: 0
    }
    header.open .burger .line.three {
        -webkit-transform: translate3d(1px, -6px, 0) rotate(-45deg);
        -moz-transform: translate3d(1px, -6px, 0) rotate(-45deg);
        -ms-transform: translate3d(1px, -6px, 0) rotate(-45deg);
        -o-transform: translate3d(1px, -6px, 0) rotate(-45deg)
    }
    header.shown {
        top: 0
    }
    header.half_transparent {
        opacity: 0.8 !important
    }
    header .logo {
        width: 186px;
        cursor: pointer;
        margin-top: 27px;
        display: inline-block;
        float: left;
        vertical-align: middle
    }
    #about {
        width: 100%;
        background: #fff0e0;
        text-align: center;
        padding: 150px 0 80px
    }
    #about h1 {
        margin: 0 0 50px;
        font-size: 58px;
        font-family: 'museo_sans_cyrl100';
        font-weight: normal;
        font-style: normal;
        display: block
    }
    #about h1 small {
        margin-top: 10px;
        display: block;
        font-size: 19px;
        line-height: 30px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    #about h1 small span {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal
    }
    #about .photo {
        width: 340px;
        border-radius: 250px;
        float: left;
        margin: 0 47px 0 42px
    }
    #about .col {
        margin-top: 92px;
        float: left
    }
    #about .col.left_part {
        text-align: right
    }
    #about .col.right_part {
        text-align: left
    }
    .fancybox-prev {
        left: -300px !important;
        background: url('images/prev.png') center center no-repeat !important
    }
    .fancybox-prev:hover {
        opacity: 0.8
    }
    .fancybox-prev span {
        display: none
    }
    .fancybox-next {
        right: -300px !important;
        background: url('images/next.png') center center no-repeat !important
    }
    .fancybox-next:hover {
        opacity: 0.8
    }
    .fancybox-next span {
        display: none
    }
    #works {
        width: 100%;
        background: #fff0e0;
        text-align: center;
        padding: 10px 0 101px;
        position: relative;
        overflow: hidden
    }
    #works h2 {
        top: 40px;
        margin: 3px 0 50px;
        font-size: 58px;
        width: 100%;
        font-family: 'museo_sans_cyrl100';
        font-weight: normal;
        font-style: normal;
        display: block;
        position: absolute
    }
    #works .fotorama_nav {
        z-index: 100;
        opacity: 0.8;
        width: 20px;
        position: absolute;
        top: 50%;
        margin-top: 0px;
        cursor: pointer
    }
    #works .fotorama_nav:hover {
        opacity: 1
    }
    #works .fotorama_nav.prev {
        left: 10px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }
    #works .fotorama_nav.next {
        right: 10px
    }
    #works .mobile_slider {
        display: none
    }
    #works .slider {
        padding: 8px 0 160px;
        border: 2px solid #6e0118
    }
    #works .slider .fotoramas {
        width: 100%;
        margin-left: 0;
        margin-bottom: 50px
    }
    #works .slider .fotoramas .jcarousel-control-prev,
    #works .slider .fotoramas .jcarousel-control-next {
        width: 60px;
        margin:20px;
    }
    .jcarousel-control-prev, .jcarousel-control-next {
        position:unset !important;
        height:50px !important;
    }
    #works .slider .fotoramas .slide {
        text-align: center;
        width: 100%;
        position: relative;
        display: none
    }
    #works .slider .fotoramas .slide .jcarousel-control-next,
    #works .slider .fotoramas .slide .jcarousel-control-prev {
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -ms-transition: all 600ms;
        -o-transition: all 600ms;
        -webkit-transition-delay: 0.5s !important;
        -moz-transition-delay: 0.5s !important;
        transition-delay: 0.5s !important
    }
    #works .slider .fotoramas .slide.active_slide {
        display: block
    }
    #works .slider .fotoramas .slide a {
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        position: relative;
        display: inline-block
    }
    #works .slider .fotoramas .slide a:after {
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        background: rgba(255, 255, 255, 0.2)
    }
    #works .slider .fotoramas .slide a:hover:after {
        opacity: 1
    }
    #videos {
        width: 100%;
        background: #fff0e0;
        text-align: center;
        padding: 10px 0 101px;
        position: relative;
        overflow: hidden
    }
    #videos h2 {
        top: 40px;
        margin: 3px 0 50px;
        font-size: 58px;
        width: 100%;
        font-family: 'museo_sans_cyrl100';
        font-weight: normal;
        font-style: normal;
        display: block;
        position: absolute
    }
    #videos .fotorama_nav {
        z-index: 100;
        opacity: 0.8;
        width: 20px;
        position: absolute;
        top: 50%;
        margin-top: 0px;
        cursor: pointer
    }
    #videos .fotorama_nav:hover {
        opacity: 1
    }
    #videos .fotorama_nav.prev {
        left: 10px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }
    #videos .fotorama_nav.next {
        right: 10px
    }
    #videos .slider {
        padding: 150px 0 92px;
        border: 2px solid #6e0118
    }
    #videos .slider .fotoramas {
        width: 100%;
        margin-left: 0;
        margin-bottom: 50px
    }
    #videos .slider .fotoramas .jcarousel-control-prev,
    #videos .slider .fotoramas .jcarousel-control-next {
        width: 50px
    }
    #videos .slider .fotoramas .slide {
        text-align: center;
        width: 100%;
        position: relative;
        display: none
    }
    #videos .slider .fotoramas .slide .jcarousel-control-next,
    #videos .slider .fotoramas .slide .jcarousel-control-prev {
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -ms-transition: all 600ms;
        -o-transition: all 600ms;
        -webkit-transition-delay: 0.5s !important;
        -moz-transition-delay: 0.5s !important;
        transition-delay: 0.5s !important
    }
    #videos .slider .fotoramas .slide.active_slide {
        display: block
    }
    #videos .slider .fotoramas .slide a {
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        position: relative;
        display: inline-block
    }
    #videos .slider .fotoramas .slide a:after {
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        left: 0;
        top: 0;
        position: absolute;
        opacity: 0;
        background: rgba(255, 255, 255, 0.2)
    }
    #videos .slider .fotoramas .slide a:hover:after {
        opacity: 1
    }
    #videos .slider .fotoramas .slide a:nth-child(1) img {
        transition: opacity 1s .2s ease;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        transition-duration: 1s
    }
    #videos .slider .fotoramas .slide a:nth-child(2) img {
        transition: opacity 1s .4s ease;
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        transition-duration: 1.2s
    }
    #videos .slider .fotoramas .slide a:nth-child(3) img {
        transition: opacity 1s .6s ease;
        -webkit-animation-duration: 1.4s;
        animation-duration: 1.4s;
        transition-duration: 1.4s
    }
    #videos .slider .fotoramas .slide a:nth-child(4) img {
        transition: opacity 1s .8s ease;
        -webkit-animation-duration: 1.6s;
        animation-duration: 1.6s;
        transition-duration: 1.6s
    }
    #videos .slider .fotoramas .slide a:nth-child(5) img {
        transition: opacity 1s 1s ease;
        -webkit-animation-duration: 1.8s;
        animation-duration: 1.8s;
        transition-duration: 1.8s
    }
    #videos .slider .fotoramas .slide img {
        width: 280px;
        height: 186px;
        margin: 0 8px;
        display: inline-block
    }
    #videos .jcarousel-wrapper {
        min-height: 100px;
    }
    #videos .slider .fotoramas .slide img.fadeInRight {
        opacity: 1
    }
    #works ul.categories {
        z-index: 10;
        position: absolute;
        width: 100%;
        padding: 0;
        bottom: 20px;
        margin: 0 0 0;
        list-style: none
    }
    #works ul.categories li {
        padding: 0;
        margin: 0 10px;
        display: inline-block;
        font-size: 23px;
        cursor: pointer;
        padding: 7px 11px;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        border-bottom: 2px solid #fff
    }
    #works ul.categories li:hover {
        color: #9a8c6a
    }
    #works ul.categories li.active {
        color: #9a8c6a;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        border-bottom: 2px solid #9a8c6a
    }
    #students {
        background: #fff0e0;
        text-align: center;
        padding: 0px 0 92px
    }
    #students h2 {
        top: 40px;
        margin: 0 0 68px;
        font-size: 30px;
        width: 100%;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        display: block
    }
    #students .fotorama__nav--dots {
        margin-top: 16px;
        margin-left: -2px
    }
    #students .fotorama__dot {
        display: block;
        width: 6px;
        height: 6px;
        position: relative;
        top: 12px;
        left: 6px;
        border-radius: 10px;
        border: 2px solid #6e0118
    }
    #students .fotorama__nav__frame.fotorama__active .fotorama__dot {
        background: #6e0118
    }
    #students .studentsrama_mobile {
        display: none
    }
    #students .studentsrama.animated .member {
        width: 285px;
        height: 365px;
        opacity: 1;
        -webkit-transform: translateY(0px);
        transform: translateY(0px)
    }
    #students .member {
        width: 285px;
        display: inline-block;
        font-style: italic;
        font-size: 18px;
        color: #9a8c6a;
        margin: 0 8px;
        opacity: 0;
        -webkit-transform: translateY(100px);
        transform: translateY(100px);
        vertical-align: top;
        line-height: 28px;
        -webkit-transition: all 1200ms;
        -moz-transition: all 1200ms;
        -ms-transition: all 1200ms;
        -o-transition: all 1200ms
    }
    #students .member:first-child {
        margin-left: 0
    }
    #students .member:last-child {
        margin-right: 0
    }
    #students .member:nth-child(1) {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    #students .member:nth-child(2) {
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transition-delay: 0.2s !important;
        -moz-transition-delay: 0.2s !important;
        transition-delay: 0.2s !important
    }
    #students .member:nth-child(3) {
        -webkit-animation-duration: 1.4s;
        animation-duration: 1.4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transition-delay: 0.4s !important;
        -moz-transition-delay: 0.4s !important;
        transition-delay: 0.4s !important
    }
    #students .member:nth-child(4) {
        -webkit-animation-duration: 1.6s;
        animation-duration: 1.6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-transition-delay: 0.6s !important;
        -moz-transition-delay: 0.6s !important;
        transition-delay: 0.6s !important
    }
    #team {
        background: #eaeaea;
        text-align: center;
        padding: 60px 0 92px
    }
    #team h2 {
        top: 40px;
        margin: 0 0 40px;
        font-size: 58px;
        width: 100%;
        font-family: 'museo_sans_cyrl100';
        font-weight: normal;
        font-style: normal;
        display: block
    }
    #team .member {
        width: 280px;
        display: inline-block;
        font-style: italic;
        font-size: 18px;
        color: #9a8c6a;
        margin: 0 11px;
        vertical-align: top;
        line-height: 28px
    }
    #team .member:first-child {
        margin-left: 0
    }
    #team .member:last-child {
        margin-right: 0
    }
    #team .member:nth-child(1) {
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    #team .member:nth-child(2) {
        -webkit-animation-duration: 1.2s;
        animation-duration: 1.2s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    #team .member:nth-child(3) {
        -webkit-animation-duration: 1.4s;
        animation-duration: 1.4s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    #team .member:nth-child(4) {
        -webkit-animation-duration: 1.6s;
        animation-duration: 1.6s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both
    }
    #team .member img {
        margin-bottom: 14px
    }
    #team .member .name {
        line-height: 30px;
        color: #6e0118;
        font-size: 21px;
        font-style: initial
    }
    #team .member .register_text {
        color: #6e0118;
        line-height: 28px
    }
    #team .member .register_text a {
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        font-size: 17px;
        display: inline-block;
        text-align: center;
        width: 200px;
        height: 40px;
        margin-top: 10px;
        border-radius: 4px;
        background: #9a8c6a;
        color: #fff;
        text-decoration: none;
        line-height: 40px;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms
    }
    #team .member .register_text a:hover {
        opacity: 0.8
    }
    #school {
        background: #fff0e0;
        text-align: center;
        padding: 80px 0 70px
    }
    #school h2 {
        top: 40px;
        margin: 0 0 27px;
        font-size: 58px;
        width: 100%;
        font-family: 'museo_sans_cyrl100';
        font-weight: normal;
        font-style: normal;
        display: block
    }
    #school .text {
        font-size: 21px;
        line-height: 34px;
        margin-bottom: 40px;
        display: inline-block
    }
    #school .text strong {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal
    }
    #school .school_photos {
        margin: 50px 0 84px
    }
    #school .classes {
        margin-top: 50px;
        width: 1220px
    }
    #school .classes .class {
        width: 590px;
        height: 360px;
        float: left;
        position: relative;
        margin-right: 20px;
        margin-bottom: 20px;
        overflow: hidden;
        cursor: pointer
    }
    #school .classes .class img {
        position: absolute;
        top: 0;
        left: 0;
        -webkit-transition: all 16s;
        -moz-transition: all 16s;
        -ms-transition: all 16s;
        -o-transition: all 16s
    }
    #school .classes .class:hover img {
        -webkit-transform: scale(1.3, 1.3);
        -moz-transform: scale(1.3, 1.3);
        -ms-transform: scale(1.3, 1.3);
        -o-transform: scale(1.3, 1.3)
    }
    #school .classes .class:nth-child(1) {
        transition: opacity 1s .2s ease;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        transition-duration: 1s
    }
    #school .classes .class:nth-child(2) {
        transition: opacity 1s .4s ease;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        transition-duration: 1.3s
    }
    #school .classes .class:nth-child(3) {
        transition: opacity 1s .6s ease;
        -webkit-animation-duration: 1.0s;
        animation-duration: 1.0s;
        transition-duration: 1.0s
    }
    #school .classes .class:nth-child(4) {
        transition: opacity 1s .8s ease;
        -webkit-animation-duration: 1.3s;
        animation-duration: 1.3s;
        transition-duration: 1.3s
    }
    #school .classes .class .title {
        position: relative;
        margin-top: 52px;
        margin-left: 47px;
        line-height: 46px;
        font-size: 50px;
        text-align: left
    }
    #school .classes .class .desc {
        position: relative;
        font-size: 18px;
        margin-top: 15px;
        text-align: left;
        margin-left: 47px;
        line-height: 28px
    }
    #school .classes .class a {
        width: 200px;
        height: 38px;
        line-height: 38px;
        border: 1px solid;
        position: relative;
        margin-top: 21px;
        display: block;
        color: inherit;
        font-size: 18px;
        margin-left: 47px;
        text-decoration: none;
        border-radius: 4px;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms
    }
    #school .classes .class.one {
        color: #d4746a
    }
    #school .classes .class.one a:hover {
        background: #d4746a;
        border-color: #d4746a;
        color: #fff
    }
    #school .classes .class.two {
        color: #5b89ac
    }
    #school .classes .class.two a:hover {
        background: #5b89ac;
        border-color: #5b89ac;
        color: #fff
    }
    #school .classes .class.three {
        color: #be6383
    }
    #school .classes .class.three a:hover {
        background: #be6383;
        border-color: #be6383;
        color: #fff
    }
    #school .classes .class.four {
        color: #64686f
    }
    #school .classes .class.four a:hover {
        background: #64686f;
        border-color: #64686f;
        color: #fff
    }
    #feedback {
        background: #f6f6f6;
        text-align: center;
        padding: 89px 0 91px
    }
    #feedback h2 {
        top: 40px;
        margin: 0 0 15px;
        font-size: 30px;
        width: 100%;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        display: block
    }
    #feedback a.all {
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        font-size: 20px;
        color: #9a8c6a;
        margin-bottom: 58px;
        position: relative;
        display: block
    }
    #feedback a.all:hover {
        opacity: 0.9
    }
    #feedback .quote {
        width: 340px;
        display: inline-block;
        margin: 0;
        vertical-align: top;
        font-style: italic;
        font-size: 17px;
        line-height: 28px
    }
    #feedback .quote.center {
        margin: 0 85px
    }
    #feedback .quote .name {
        font-style: initial;
        margin-top: 10px;
        font-style: none;
        line-height: 26px;
        color: #9a8c6a
    }
    #feedback .fotorama__video {
        top: 0
    }
    #feedback .fotorama__video-play {
        background: url('images/play.png') center center no-repeat;
        background-size: 40px
    }
    .videos {
        margin-top: 0px
    }
    .videos.desktop_only {
        display: block
    }
    .videos.mobile_only {
        display: none
    }
    .videos .video {
        text-decoration: none;
        color: #6e0118;
        height: auto;
        width: 580px;
        display: block;
        float: left;
        font-style: italic;
        font-size: 17px;
        line-height: 28px
    }
    .videos .video:first-child {
        margin-right: 40px
    }
    .videos .video img {
        display: block;
        margin-bottom: 20px;
        position: relative
    }
    .videos .video a.fancybox:hover:after {
        opacity: 1
    }
    .videos .video a.fancybox:hover:before {
        opacity: 0
    }
    .videos .video a.fancybox:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.3) url('images/play_hover.png') center center no-repeat;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -ms-transition: opacity 200ms;
        -o-transition: opacity 200ms
    }
    .videos .video a.fancybox:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0) url('images/play.png') center center no-repeat;
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 1;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -ms-transition: opacity 200ms;
        -o-transition: opacity 200ms
    }
    .register {
        background: #f0eae2;
        text-align: center;
        padding: 82px 0 97px;
        width: 100%
    }
    .register h2 {
        font-size: 58px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    .register ul {
        padding: 0;
        margin: 0;
        list-style: none
    }
    .register ul li {
        padding: 0;
        margin: 0;
        font-size: 22px;
        line-height: 29px
    }
    .register .chosen-container {
        width: 582px !important;
        height: 60px
    }
    .register .chosen-container:after {
        content: "◣";
        position: absolute;
        top: 22px;
        right: 20px;
        font-size: 14px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms
    }
    .register .chosen-container:hover:after {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg)
    }
    .register .chosen-container .chosen-single {
        transition: height 100ms
    }
    .register .chosen-container .chosen-drop {
        transition: height 200ms;
        height: 0;
        opacity: 1;
        overflow: hidden
    }
    .register .chosen-container.chosen-with-drop .chosen-single {
        height: 421px
    }
    .register .chosen-container.chosen-with-drop .chosen-drop {
        height: 421px;
        -webkit-animation: bounce .5s linear;
        -moz-animation: bounce .5s linear;
        animation: bounce .5s linear
    }
    .register .chosen-container.chosen-with-drop:after {
        top: 25px;
        transform: rotate(-225deg);
        -webkit-transform: rotate(-225deg)
    }
    .register .form_dropdown {
        margin-bottom: 30px;
        width: 582px !important;
        margin: 30px auto 20px;
        height: 60px
    }
    .register .dropdown_imitation {
        display: none
    }
    .register .chosen-container-single .chosen-single span {
        margin: 0
    }
    .register .chosen-container-single .chosen-single span:before {
        content: ""
    }
    .register .chosen-single {
        height: 30px;
        padding: 15px 45px 15px 25px;
        line-height: 30px;
        text-align: left;
        font-size: 24px;
        width: 510px !important;
        border: 1px solid #ddcab2;
        margin: 0 auto;
        border-radius: 0;
        color: #6e0118
    }
    .register .chosen-single.highlighted {
        border: 1px solid #d6636b
    }
    .register ul li {
        height: 30px;
        padding: 15px 25px 15px;
        line-height: 30px;
        text-align: left;
        border-left: 1px solid #ddcab2;
        border-right: 1px solid #ddcab2
    }
    .register ul li:last-child {
        border-bottom: 1px solid #ddcab2
    }
    .register .input_field {
        display: inline-block;
        width: 282px;
        height: 62px;
        padding: 0;
        margin: 0;
        left: 0;
        position: relative
    }
    .register .input_field.form_name {
        margin-right: 14px
    }
    .register .input_field:before {
        content: "";
        position: absolute;
        top: 0;
        display: block;
        z-index: -1;
        width: 100%;
        height: 100%;
        box-shadow: 0px 0px 0px 0px;
        color: rgba(198, 151, 85, 0.6)
    }
    .register .input_field.active:before {
        -webkit-animation: anim-shadow 0.3s forwards;
        animation: anim-shadow 0.3s forwards
    }
    .register .input {
        outline: 0;
        display: inline-block;
        width: 230px;
        padding: 15px 25px 15px;
        line-height: 30px;
        font-size: 24px;
        border: 1px solid #ddcab2;
        position: relative;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    .register .input::-webkit-input-placeholder {
        color: #ddcab2
    }
    .register .input::-moz-placeholder {
        color: #ddcab2
    }
    .register .input:-moz-placeholder {
        color: #ddcab2
    }
    .register .input:-ms-input-placeholder {
        color: #ddcab2
    }
    .register .input.highlighted {
        border: 1px solid #d6636b
    }
    .register .btn {
        background: #c69755;
        color: #fff;
        text-decoration: none;
        width: 582px;
        height: 63px;
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase;
        font-size: 24px;
        line-height: 63px;
        margin: 31px auto 41px;
        display: block;
        border-bottom: 1px solid #9d7844;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        position: relative;
        overflow: hidden
    }
    .register .btn.sending .sending {
        top: 0px
    }
    .register .btn.sending .envelope {
        left: 100%
    }
    .register .btn.sending .normal_text {
        top: 50px
    }
    .register .btn .sending {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        position: absolute;
        display: block;
        top: -63px;
        left: 0;
        width: 100%;
        line-height: 63px;
        height: 63px;
        background: url('images/preload.gif') no-repeat center center;
        background-size: 40px
    }
    .register .btn.success {
        background: #86bc72 !important;
        border-bottom: 1px solid #659154
    }
    .register .btn.success .success_text {
        top: 0
    }
    .register .btn.success .sending {
        top: 63px !important
    }
    .register .btn.success .envelope {
        top: -63px !important;
        left: 100% !important
    }
    .register .btn.success .normal_text {
        top: 63px !important
    }
    .register .btn .cross {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        position: absolute;
        top: -63px;
        left: 0;
        width: 100%;
        line-height: 63px
    }
    .register .btn .envelope {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        position: absolute;
        top: -63px;
        background: url('images/envelope.png') no-repeat center center;
        width: 100%;
        left: 0;
        height: 63px
    }
    .register .btn .normal_text {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        line-height: 63px
    }
    .register .btn .success_text {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        line-height: 63px;
        width: 100%;
        left: 0;
        position: absolute;
        top: -63px
    }
    .register .btn.highlighted {
        background: #F36458 !important;
        border-bottom: 1px solid #ce584c
    }
    .register .btn.highlighted .cross {
        top: 0
    }
    .register .btn.highlighted:active .envelope {
        display: none
    }
    .register .btn:hover {
        opacity: 0.8 !important
    }
    .register .btn:hover .envelope {
        top: 0
    }
    .register .btn:hover .normal_text {
        top: 63px
    }
    .register .btn:active .envelope {
        left: 100%;
        -ms-transform: skew(40deg, 0deg);
        -moz-transform: skew(40deg, 0deg);
        -webkit-transform: skew(40deg, 0deg);
        transform: skew(40deg, 0deg)
    }
    .register .info {
        font-size: 22px;
        width: 582px;
        position: relative;
        display: block;
        margin: 0 auto;
        color: #6e0118
    }
    .register .info:before {
        content: "";
        display: block;
        width: 108px;
        height: 1px;
        left: 0px;
        position: absolute;
        top: 12px;
        background: #e2cbaa;
        opacity: 1
    }
    .register .info:after {
        content: "";
        display: block;
        width: 108px;
        height: 1px;
        right: 0px;
        position: absolute;
        top: 12px;
        background: #e2cbaa;
        opacity: 1
    }
    .register .info strong,
    .register .info a.phone {
        margin-top: 12px;
        position: relative;
        display: block;
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        font-size: 24px
    }
    .map_fancy {
        left: 20px !important
    }
    #map {
        width: 100%;
        height: 0px;
        text-align: center;
        background: #131313;
        color: #fff;
        position: relative;
        overflow: hidden;
        padding: 0;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms
    }
    #map.shown {
        height: 330px;
        padding: 65px 0 10px
    }
    #map .close_map {
        position: absolute;
        width: 28px;
        top: 15px;
        right: 10px;
        margin-bottom: 10px
    }
    #map h3 {
        font-size: 24px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal;
        padding-bottom: 25px
    }
    #map #gmap {
        width: 320px;
        height: 300px
    }
    #map p {
        padding-top: 25px;
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 0
    }
    #footer {
        position: relative;
        z-index: -10;
        width: 100%;
        background: #131313;
        text-align: justify;
        padding: 55px 0;
        color: #fff
    }
    #footer .container:after {
        content: "";
        display: inline-block;
        width: 100%
    }
    #footer .col {
        vertical-align: top;
        display: inline-block;
        width: 300px;
        font-size: 16px;
        line-height: 26px
    }
    #footer .col .title {
        line-height: 34px;
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        margin-bottom: 4px
    }
    #footer .col.right {
        text-align: right
    }
    #footer .col.right strong,
    #footer .col.right a.phone {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        text-decoration: none;
        font-size: 18px
    }
    #footer .col.center {
        text-align: center
    }
    #footer .col.center .social {
        width: 30px;
        height: 30px;
        background: #363636;
        border-radius: 15px;
        line-height: 30px;
        text-align: center;
        color: #fff;
        background-size: 115px;
        border: none;
        font-size: 15px;
        margin: 10px 4px;
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms
    }
    #footer .col.center .social:hover {
        opacity: 0.7
    }
    #footer .col.center .social i {
        position: absolute
    }
    #footer .col.center .social.facebook i {
        top: 7px;
        left: 11px
    }
    #footer .col.center .social.vk i {
        top: 6px;
        left: 7px
    }
    #footer .col.center .social.insta i {
        top: 8px;
        left: 9px
    }
    #footer .col.center .design {
        font-size: 15px;
        color: #a5a5a5
    }
    #footer .col.center .design a {
        border: none;
        text-decoration: none;
        top: 1px;
        vertical-align: bottom;
        display: inline-block;
        margin-left: 2px;
        position: relative;
        opacity: 1;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        width: 75px;
        height: 18px
    }
    #footer .col.center .design a .svg_logo {
        top: -13px;
        width: 74px;
        position: relative
    }
    #footer .col.center .design a .svg_logo path {
        opacity: 1;
        fill: #a5a5a5
    }
    #footer .col.center .design a .svg_logo:hover {
        opacity: 1
    }
    #footer .col.center .design a .svg_logo:hover path {
        opacity: 1;
        fill: #ff8002
    }
    #footer .col a,
    #footer .col .showmap {
        color: #ccc;
        line-height: 14px;
        border-bottom: 1px solid #ababab;
        text-decoration: none;
        display: inline-block;
        position: relative;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms
    }
    #footer .col a:hover,
    #footer .col .showmap:hover {
        border-bottom: 1px solid #ababab !important
    }
    #footer .col a .icon,
    #footer .col .showmap .icon {
        opacity: 0;
        display: inline-block;
        width: 20px;
        height: 20px;
        position: absolute;
        top: -3px;
        right: -20px;
        color: #c69755;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms;
        -webkit-transform: rotate(-35deg);
        -moz-transform: rotate(-35deg);
        -ms-transform: rotate(-35deg);
        -o-transform: rotate(-35deg)
    }
    #footer .col a .icon.map_icon,
    #footer .col .showmap .icon.map_icon {
        background: url('images/signpost.svg') no-repeat bottom center;
        background-size: 19px
    }
    #footer .col a .icon.mail_icon,
    #footer .col .showmap .icon.mail_icon {
        background: url('images/message.svg') no-repeat bottom center;
        background-size: 20px
    }
    #footer .mobile_off {
        display: none
    }
    .overlay {
        width: 100%;
        height: 100%;
        right: 0;
        top: 0;
        position: fixed;
        background: rgba(0, 0, 0, 0.5);
        z-index: 101
    }
    .class_details_container {
        position: fixed;
        top: 0;
        left: 0;
        z-index: 10000;
        display: block;
        width: 100%;
        height: 100%;
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s linear 0.2s, opacity 0.2s linear
    }
    .class_details_container.shown {
        visibility: visible;
        opacity: 1;
        transition-delay: 0s
    }
    .class_details {
        z-index: 101;
        width: 667px;
        height: 100%;
        top: 0;
        -webkit-transform: translateX(800px);
        -ms-transform: translateX(800px);
        transform: translateX(800px);
        right: 0;
        position: absolute;
        overflow-y: auto;
        background: #6e0118;
        -webkit-overflow-scrolling: touch;
        -webkit-transition: all 400ms;
        -moz-transition: all 400ms;
        -ms-transition: all 400ms;
        -o-transition: all 400ms
    }
    .class_details.active_modal {
        -webkit-transform: translateX(0px);
        -ms-transform: translateX(0px);
        transform: translateX(0px)
    }
    .class_details .close_modal {
        display: block;
        cursor: pointer;
        width: 32px;
        height: 32px;
        position: absolute;
        top: 48px;
        right: 582px;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms
    }
    .class_details .close_modal:hover {
        -webkit-transform: rotate(180deg);
        -moz-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
        -o-transform: rotate(180deg)
    }
    .class_details .title {
        line-height: 36px;
        font-size: 26px;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        color: #ad8f4e
    }
    .class_details .details_body {
        margin-top: 40px;
        margin-left: 105px;
        color: #fff;
        font-size: 14px;
        line-height: 18px;
        width: 400px
    }
    .class_details .details_body strong {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase
    }
    .class_details .details_body strong.lower {
        text-transform: none
    }
    .class_details .details_body a {
        color: #ccc;
        border-bottom: 1px solid #ababab
    }
    .class_details .details_body a:hover {
        border-bottom: 1px solid #c69755;
        opacity: 0.9;
        color: #c69755;
        border-color: #c69755
    }
    .class_details .details_body a.btn {
        border-bottom: 0;
        line-height: 90px;
        padding: 0 25px;
        vertical-align: middle;
        display: inline-block;
        background: #917538;
        height: 44px;
        font-size: 19px;
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        text-transform: uppercase;
        margin: 40px 0 20px;
        text-align: center;
        border-radius: 4px;
        line-height: 44px;
        width: auto;
        color: #fff;
        text-decoration: none;
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms
    }
    .class_details .details_body a.btn:hover {
        background: #9B7B35
    }
    .class_details .details_body .subtitle {
        color: #ad8f4e;
        font-size: 25px;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        margin-top: 40px;
        margin-bottom: 15px
    }
    .class_details .details_body .class_photos {
        position: relative;
        width: 455px;
        margin-bottom: 65px
    }
    .class_details .details_body .class_photos .fotorama_nav {
        width: 20px !important;
        opacity: 0.8;
        position: absolute;
        top: 50%;
        margin-top: -30px !important;
        cursor: pointer
    }
    .class_details .details_body .class_photos .fotorama_nav:hover {
        opacity: 1
    }
    .class_details .details_body .class_photos .fotorama_nav.prev {
        left: -60px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }
    .class_details .details_body .class_photos .fotorama_nav.next {
        right: -70px
    }
    .class_details .details_body .up {
        color: #ad8f4e;
        font-size: 17px;
        position: relative;
        cursor: pointer;
        margin-bottom: 60px;
        padding-left: 20px
    }
    .class_details .details_body .up:before {
        content: "↑";
        font-family: "Arial", sans-serif;
        position: absolute;
        left: 0;
        top: -2px
    }
    .for_mobile {
        display: block !important
    }
    .for_ipad {
        display: none !important
    }
    .for_desktop {
        display: none !important
    }
    .global_container {
        width: 320px;
        height: auto !important;
        overflow: hidden
    }
    .content {
        top: 100%
    }
    .mobile_nav {
        display: block;
        z-index: -10;
        width: 100%;
        height: 100%;
        left: 0;
        top: 49px;
        padding-bottom: 30px;
        position: fixed;
        background: #212121;
        background-size: cover;
        opacity: 0
    }
    .mobile_nav.open {
        opacity: 1;
        z-index: 99;
    }
    .mobile_nav ul {
        -webkit-transition: all 900ms;
        -moz-transition: all 900ms;
        -ms-transition: all 900ms;
        -o-transition: all 900ms;
        position: absolute;
        top: 4px;
        margin: 0;
        margin-top: 1px;
        padding: 0;
        list-style: none;
        line-height: 60px;
        height: 60px;
        width: 200px;
        left: 30px
    }
    .mobile_nav ul li {
        margin: 0;
        padding: 0;
        width: 100%;
        border-bottom: 1px solid #383838
    }
    .hairlines .mobile_nav ul li {
        border-bottom: 0.5px solid #383838 !important
    }
    .mobile_nav ul li:last-child {
        border-bottom: 0
    }
    .mobile_nav ul li a {
        color: #fff;
        text-decoration: none;
        font-size: 16px;
        text-transform: uppercase;
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal
    }
    .mobile_nav ul li a.order {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        color: #c69755
    }
    .mobile_nav ul li a:hover {
        color: #9a8c6a
    }
    .mobile_nav .mobile_off {
        opacity: 0.3;
        width: 200px;
        left: 30px;
        top: 415px;
        position: absolute;
        cursor: pointer
    }
    .mobile_nav .mobile_off:hover {
        opacity: 0.6
    }
    .wrapper_for_mobile_menu {
        z-index: 1;
        left: 0;
        -webkit-transition: all 600ms;
        -moz-transition: all 600ms;
        -ms-transition: all 600ms;
        -o-transition: all 600ms
    }
    .wrapper_for_mobile_menu.slided {
        overflow: hidden;
        left: 70%;
        -ms-transform: scale(0.7, 0.7);
        -webkit-transform: scale(0.7, 0.7);
        transform: scale(0.7, 0.7)
    }
    .container {
        width: 100%;
        max-width: 300px;
        position: relative;
        margin: 0 auto;
        overflow: hidden
    }
    #intro {
        display: block;
        background: #6e0118;
        position: relative;
        overflow: hidden
    }
    #intro .bg_image {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        padding: 0;

        -webkit-background-size: cover;
        background-size: cover
    }
    #intro .logo {
        position: absolute;
        width: 220px;
        margin-left: -110px
    }
    #intro .scroll_down {
        width: 30px;
        margin-left: -15px;
        height: 13px;
        background-size: 30px;
        position: absolute;
        bottom: 40px;
        opacity: 0.6
    }
    header {
        display: block;
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        opacity: 0;
        top: 0;
        height: 50px;
        background-size: 20.5px
    }
    header .container {
        width: 100%;
        max-width: 100%
    }
    header .turn_mobile_menu {
        width: 30px;
        cursor: pointer;
        height: 20px;
        display: block;
        float: right;
        position: relative;
        margin: 10px;
        border-top: 3px solid #fff;
        border-bottom: 3px solid #fff
    }
    header .turn_mobile_menu:before {
        content: "";
        background: #fff;
        height: 3px;
        width: 100%;
        position: absolute;
        top: 50%;
        left: 0;
        margin-top: -1.5px
    }
    header .logo {
        width: 121px;
        top: 0;
        margin-top: 13px;
        position: absolute;
        left: 50%;
        margin-left: -60px
    }
    header ul {
        display: none
    }
    #about {
        padding: 30px 0 15px
    }
    #about h1 {
        margin: 0;
        font-size: 28px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    #about h1 small {
        margin-top: 15px;
        font-size: 17px;
        line-height: 26px
    }
    #about .photo {
        float: none;
        margin: 35px 0 30px;
        width: 250px
    }
    #about .col {
        margin-top: 0px;
        float: none;
        padding: 0 8px;
        font-size: 17px;
        line-height: 26px
    }
    #about .col.left_part {
        text-align: center
    }
    #about .col.right_part {
        text-align: center
    }
    #works {
        padding: 10px 0 0
    }
    #works img.fotorama__img {
        width: 100% !important
    }
    #works h2 {
        top: 0;
        margin: 0 0 25px;
        position: relative;
        font-size: 28px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    #works .mobile_slider {
        display: block;
        width: 320px;
        height: 480px
    }
    #works .mobile_slider .frame {
        width: 320px;
        height: 480px
    }
    #works .mobile_slider .frame img {
        width: 320px;
        height: 480px
    }
    #works ul {}
    #students {
        padding: 0px 0 0px;
        position: relative
    }
    #students h2 {
        top: 0;
        margin: 25px 0 25px;
        position: relative;
        font-size: 28px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    #students .fotorama_nav {
        z-index: 100;
        opacity: 0.8;
        width: 20px;
        position: absolute;
        top: 50%;
        margin-top: 10px;
        cursor: pointer
    }
    #students .fotorama_nav:hover {
        opacity: 1
    }
    #students .fotorama_nav.prev {
        left: 10px;
        transform: rotate(180deg);
        -webkit-transform: rotate(180deg)
    }
    #students .fotorama_nav.next {
        right: 10px
    }
    #students .studentsrama {
        display: none
    }
    #students .studentsrama_mobile {
        display: block;
        width: 320px;
        height: 410px
    }
    #students .studentsrama_mobile .frame {
        width: 320px;
        height: 410px
    }
    #students .studentsrama_mobile .frame img {
        width: 320px;
        height: 410px
    }
    #team {
        padding: 20px 0 70px
    }
    #team .container {
        overflow: visible
    }
    #team h2 {
        top: 0;
        margin: 0 0 18px;
        position: relative;
        font-size: 28px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    #team .members {
        width: 290px;
        margin: 0 auto;
        text-align: justify;
        position: relative
    }
    #team .members:after {
        content: "";
        display: inline-block;
        width: 100%
    }
    #team .member {
        text-align: center;
        margin: 0 0 23px !important;
        width: 140px;
        display: inline-block;
        font-size: 13px;
        line-height: 20px
    }
    #team .member .name {
        line-height: 14px;
        font-size: 15px
    }
    #team .member img {
        width: 140px;
        margin-bottom: 10px
    }
    #team .member .register_text {
        position: relative;
        margin-top: -1px;
        line-height: 16px
    }
    #team .member .register_text strong {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal;
        font-style: italic
    }
    #team .member .register_text a {
        position: absolute;
        bottom: -70px;
        left: -150px;
        width: 290px;
        height: 48px;
        font-size: 22px;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        line-height: 48px
    }
    .head-box {
        margin: 180px 0 108px 0;
    }
    #school {
        padding: 30px 0px 20px;
    }
    #school h2 {
        top: 0;
        margin: 0 0 25px;
        position: relative;
        font-size: 28px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    #school h2 small {
        margin-top: 15px;
        font-size: 14px;
        line-height: 18px
    }
    #school .text {
        font-size: 17px;
        line-height: 26px;
        margin-bottom: 35px;
        padding: 0 8px
    }
    #school .text strong {
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal
    }
    #school .school_photos_container {
        width: 100%;
        position: relative;
        overflow: hidden;
        height: 310px;
        margin-bottom: 35px
    }
    #school .school_photos {
        height: 310px;
        margin: 0;
        left: 50%;
        position: absolute;
        margin-left: -350px
    }
    #school .classes_container {
        width: 100%;
        min-width: 290px;
        max-width: none
    }
    #school .classes_container .classes {
        width: 100%;
        margin-top: 0px
    }
    #school .classes_container .classes .class {
        width: 100%;
        height: 180px;
        margin-bottom: 0px
    }
    #school .classes_container .classes .class img {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        -o-transition: none;
        width: 100%
    }
    #school .classes_container .classes .class:hover img {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none
    }
    #school .classes_container .classes .class .title {
        margin-top: 49px;
        margin-left: 31px;
        font-size: 24px;
        line-height: 23px
    }
    #school .classes_container .classes .class .desc {
        display: none
    }
    #school .classes_container .classes .class a {
        margin-top: 12px;
        width: 115px;
        height: 24px;
        line-height: 24px;
        margin-left: 33px;
        border-radius: 2px;
        font-size: 11px;
        border: 1px solid
    }
    .hairlines #school .classes_container .classes .class a {
        border-width: 0.5px !important
    }
    #school .classes_container .classes .class.one .title {
        margin-top: 43px;
        font-size: 28px;
        line-height: 26px
    }
    #school .classes_container .classes .class.one a {
        margin-top: 11px
    }
    #school .classes_container .classes .class.two .title {
        margin-top: 33px
    }
    #school .classes_container .classes .class.two a {
        margin-top: 15px
    }
    #school .classes_container .classes .class.three .title {
        margin-top: 45px
    }
    #school .classes_container .classes .class.four .title {
        margin-top: 41px;
        font-size: 28px;
        line-height: 26px
    }
    #school .classes_container .classes .class.four a {
        margin-top: 12px
    }
    .class_details {
        z-index: 101;
        width: 100%;
        height: 100%;
        top: 0;
        position: fixed
    }
    .class_details .details_body {
        width: auto;
        margin: 35px 17px;
        font-size: 17px;
        line-height: 26px
    }
    .class_details .details_body .title,
    .class_details .details_body .subtitle {
        font-size: 20px;
        line-height: 25px;
        margin-bottom: 14px;
        color: #ad8f4e
    }
    .class_details .details_body .subtitle {
        margin-top: 25px;
        margin-bottom: 10px
    }
    .class_details .details_body .class_photos {
        width: 100%
    }
    .class_details .details_body .class_photos .fotorama_nav {
        z-index: 10;
        width: 20px;
        margin-top: -10px
    }
    .class_details .details_body .class_photos .fotorama_nav.prev {
        left: 10px
    }
    .class_details .details_body .class_photos .fotorama_nav.next {
        right: 10px
    }
    .class_details .details_body .class_photos img {
        width: 100%
    }
    .class_details .details_body a.btn {
        margin: 24px 0 10px;
        font-size: 21px;
        height: auto;
        width: auto;
        line-height: 1;
        text-transform: none;
    }
    body .questions-title {
        font-size: 24px;
    }
    .class_details .details_body .class_photos {
        margin-top: 20px
    }
    .class_details .close_modal {
        display: block !important;
        cursor: pointer;
        width: 30px;
        height: 30px;
        position: relative;
        top: 20px;
        left: 18px
    }
    .class_details .close_modal:hover {
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none
    }
    #feedback {
        padding: 30px 0 0px;
        background: #fff0e0
    }
    #feedback h2 {
        top: 0;
        margin: 0 0 13px;
        position: relative;
        font-size: 28px;
        font-family: 'museo_sans_cyrl300';
        font-weight: normal;
        font-style: normal
    }
    #feedback h2 small {
        margin-top: 15px;
        font-size: 14px;
        line-height: 18px
    }
    #feedback a.all {
        margin-bottom: 26px
    }
    #feedback .quotes .quote {
        font-size: 15px;
        line-height: 20px;
        width: 100%;
        text-align: center;
        margin-bottom: 28px;
        margin-right: 0
    }
    #feedback .quotes .quote br {
        display: none
    }
    #feedback .quotes .quote .name {
        margin-top: 7px
    }
    #feedback .quotes .quote.center {
        margin-left: 0
    }
    .videos.desktop_only {
        display: none
    }
    .videos.mobile_only {
        display: block
    }
    .videos .video {
        margin-bottom: 34px;
        width: 100%;
        line-height: 20px;
        font-size: 17px;
        background: #fff0e0;
        height: auto;
        position: relative;
        z-index: 9999;
    }
    .videos .video:first-child {
        margin-right: 0
    }
    .videos .video:last-child {
        margin-bottom: 34px
    }
    .videos .video img {
        width: 100%;
        height: 162px;
        margin-bottom: 10px
    }
    .videos .video .fotorama {
        margin-bottom: 10px;
        height: 162px
    }
    .videos .video span {
        display: block;
        font-size: 15px;
        line-height: 20px;
        padding: 0 30px
    }
    .videos .video a.fancybox {
        position: relative;
        display: block
    }
    .videos .video a.fancybox:hover:after {
        opacity: 0
    }
    .videos .video a.fancybox:hover:before {
        opacity: 1
    }
    .videos .video a.fancybox:after {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0.3) url('images/play_hover.png') center center no-repeat;
        background-size: 40px;
        width: 100%;
        height: 100%;
        opacity: 0;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -ms-transition: opacity 200ms;
        -o-transition: opacity 200ms
    }
    .videos .video a.fancybox:before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        top: 0;
        background: rgba(0, 0, 0, 0) url('images/play.png') center center no-repeat;
        background-size: 40px;
        width: 100%;
        height: 100%;
        z-index: 10;
        opacity: 1;
        -webkit-transition: opacity 200ms;
        -moz-transition: opacity 200ms;
        -ms-transition: opacity 200ms;
        -o-transition: opacity 200ms
    }
    .register {
        padding: 32px 0 37px
    }
    .register .form_dropdown {
        width: 290px !important;
        font-size: 19px;
        margin-bottom: 15px
    }
    .register .chosen-container {
        width: 290px !important
    }
    .register .chosen-single {
        border-radius: 8px;
        border: 1px solid #ddcab2;
        width: 220px !important
    }
    .hairlines .register .chosen-single {
        border-width: 0.5px !important
    }
    .register .chosen-single.highlighted {
        border: 1px solid #d6636b !important
    }
    .hairlines .register .chosen-single.highlighted {
        border-width: 0.5px !important
    }
    .register .chosen-single span:before {
        content: "Выберите курс" !important
    }
    .register .input_field {
        display: inline-block;
        width: 292px;
        height: 50px;
        padding: 0;
        border-radius: 5px;
        margin: 0 0 15px !important;
        left: 0;
        float: none;
        position: relative
    }
    .register .input_field.form_name {
        margin-right: 0
    }
    .register .input_field:before {
        content: "";
        position: absolute;
        top: 0;
        display: block;
        z-index: -1;
        width: 100%;
        height: 100%;
        box-shadow: 0px 0px 0px 0px;
        color: rgba(198, 151, 85, 0.6)
    }
    .register .input_field.active:before {
        -webkit-animation: anim-shadow 0.3s forwards;
        animation: anim-shadow 0.3s forwards
    }
    .register .input {
        border-radius: 5px;
        display: inline-block;
        width: 240px;
        float: none;
        padding: 14px 35px 16px 15px;
        font-size: 19px;
        border: 1px solid #ddcab2;
        margin: 0 0 15px !important;
        -webkit-appearance: none
    }
    .hairlines .register .input {
        border-width: 0.5px !important
    }
    .input_field select.input {
        border-radius: 5px;
        display: inline-block;
        width: 288px;
        float: none;
        height: 60px;
        font-size: 19px;
        border: 1px solid #ddcab2;
        margin: 0 0 15px !important;
        -webkit-appearance: none;
    }
    .register .input.highlighted {
        border: 1px solid #d6636b
    }
    .hairlines .register .input.highlighted {
        border-width: 0.5px !important
    }
    .register .form_dropdown {
        opacity: 0;
        margin: 0 !important;
        height: 0 !important;
        overflow: hidden
    }
    .register .dropdown_imitation {
        display: block;
        height: 18px !important;
        border-radius: 5px;
        width: 220px !important;
        font-size: 19px;
        text-align: left;
        padding: 14px 55px 16px 15px;
        line-height: 18px;
        margin: 15px auto 15px;
        background: #fff0e0;
        border: 1px solid #ddcab2;
        -webkit-appearance: none;
        position: relative
    }
    .hairlines .register .dropdown_imitation {
        border-width: 0.5px !important
    }
    .register .dropdown_imitation.highlighted {
        border: 1px solid #d6636b !important
    }
    .hairlines .register .dropdown_imitation.highlighted {
        border-width: 0.5px !important
    }
    .register .dropdown_imitation:after {
        content: "◣";
        position: absolute;
        top: 14px;
        right: 14px;
        font-size: 10px;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -webkit-transition: all 200ms;
        -moz-transition: all 200ms;
        -ms-transition: all 200ms;
        -o-transition: all 200ms
    }
    .register .btn {
        width: 290px;
        font-size: 20px;
        height: 49px;
        border: 0;
        line-height: 49px;
        margin: 0 auto;
        border-radius: 4px;
        text-shadow: none;
        text-transform: none;
        border-bottom: none !important
    }
    .register .btn:hover:hover {
        opacity: 1 !important
    }
    .register .btn:hover:hover .envelope {
        top: -50px
    }
    .register .btn:hover:hover .normal_text {
        top: 0px
    }
    .register .btn.sending .sending {
        top: 0px
    }
    .register .btn.sending .envelope {
        left: 100%
    }
    .register .btn.sending .normal_text {
        top: 50px !important
    }
    .register .btn .sending {
        -webkit-transition: all 300ms;
        -moz-transition: all 300ms;
        -ms-transition: all 300ms;
        -o-transition: all 300ms;
        position: absolute;
        display: block;
        top: -50px;
        left: 0;
        width: 100%;
        line-height: 50px;
        height: 50px;
        background: url('images/preload.gif') no-repeat center center;
        background-size: 30px
    }
    .register .btn.success {
        background: #9ad08a !important
    }
    .register .btn.success .success_text {
        top: 0
    }
    .register .btn.success .sending {
        top: 50px !important
    }
    .register .btn.success .envelope {
        top: -50px !important;
        left: 100% !important
    }
    .register .btn.success .normal_text {
        top: 50px !important
    }
    .register .btn.highlighted .normal_text {
        top: 63px !important
    }
    .register .btn .cross {
        top: -50px;
        line-height: 50px
    }
    .register .btn .envelope {
        top: -50px;
        height: 50px
    }
    .register .btn .normal_text {
        line-height: 50px
    }
    .register .btn .success_text {
        line-height: 50px;
        top: -50px
    }
    .register h2 {
        margin: 0 0 22px;
        font-size: 29px;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal
    }
    .register ul li {
        margin-bottom: 19px;
        font-size: 15px;
        line-height: 20px
    }
    .register ul li strong {
        display: block;
        font-family: 'museo_sans_cyrl700';
        font-weight: normal;
        font-style: normal
    }
    .register .info {
        padding-top: 19px;
        margin-top: 26px;
        font-size: 20px;
        width: 100%;
        border-top: 1px solid #dbc09b
    }
    .hairlines .register .info {
        border-width: 0.5px !important
    }
    .register .info strong {
        font-size: 23px;
        margin-top: 7px;
        display: none
    }
    .register .info a.phone {
        font-size: 23px;
        margin-top: 7px;
        color: #6e0118
    }
    .register .info:before,
    .register .info:after {
        display: none
    }
    .fancybox-close {
        /*width: 18px !important;*/
        /*height: 18px !important;*/
        background-size: 20px !important;
        border: 1px solid white !important;
        top: 10px !important;
        right: 10px !important
    }
    #footer {
        padding: 29px 0 310px
    }
    #footer .container {
        overflow: visible
    }
    #footer .col {
        font-size: 15px;
        line-height: 20px;
        text-align: center !important
    }
    #footer .col .title {
        margin-bottom: 1px
    }
    #footer .col a {
        line-height: 12px;
        line-height: 16px;
        border-bottom: 1px solid #ababab
    }
    .hairlines #footer .col a {
        border-width: 0.5px !important
    }
    #footer .col a:hover {
        border-bottom: 1px solid #c69755
    }
    .hairlines #footer .col a:hover {
        border-width: 0.5px !important
    }
    #footer .col.center {
        position: absolute;
        bottom: -285px;
        left: 0
    }
    #footer .col.center .design {
        margin-top: 0px;
        padding-top: 20px;
        width: 285px;
        margin: 0 auto;
        border-top: 1px solid #444;
        opacity: 0.8
    }
    .hairlines #footer .col.center .design {
        border-width: 0.5px !important
    }
    #footer .col.center .social {
        width: 36px;
        height: 36px;
        border-radius: 30px;
        background-size: 135px;
        margin: 10px 6px;
        font-size: 18px
    }
    #footer .col.center .social.facebook i {
        top: 10px;
        left: 12.5px
    }
    #footer .col.center .social.vk i {
        top: 8.5px;
        left: 8px
    }
    #footer .col.center .social.insta i {
        top: 9px;
        left: 10.5px
    }
    #footer .col.right {
        margin-top: 40px
    }
    #footer .col.right strong {
        display: none !important
    }
    #footer .col.right a.phone {
        font-size: 16px;
        display: inline !important;
        border-bottom: none;
        color: #fff;
        line-height: auto
    }
    #footer .mobile_off {
        bottom: 0px;
        display: block;
        width: 253px;
        height: 43px;
        line-height: 43px;
        font-size: 14px;
        padding-left: 35px;
        color: #575757;
        font-family: 'museo_sans_cyrl500';
        font-weight: normal;
        font-style: normal;
        border: 1px solid #5a5a5a;
        margin: 33px auto 45px;
        position: relative;
        text-align: center;
        background: url('images/desktop_icon.png') no-repeat 11px 11px;
        border-radius: 3px;
        background-size: 24px
    }
    .global_container {
        width: 100%
    }
    .turn_mobile_menu {
        display: block
    }
    .head-wrapper .jcarousel img {
        width: auto;
        height: 100%
    }
    .header-top {
        padding-top: 80px;
        line-height: 40px;
        font-size:20px;
    }
    .content > div:not(.title).head-wrapper {
        margin-top:50px;
    }
    .mobile-language {
        display: inline-block !important;
        font-weight: bold;
    }
    .top-box span {
        margin-left: 20px;
    }
    .advantage-col {
        float: none;
        display: inline-block;
        vertical-align: top
    }
    #advantage h2 {
        font-size: 38px
    }
    .no-js .owl-carousel,
    .owl-carousel.owl-loaded {
        height: 100%;
    }
    #header-top {
        display: none;
        height: 130px;
        padding: 10px;
        overflow: hidden;
        margin-top: 48px;
    }
    .language {
        margin-left:15px;
    }
    .content > div:not(.title).head-wrapper {

    }
    .owl-carousel .owl-dots {
        display: block;
    }
}

.gold {
    color: #ad8f4e;
}

.text-small {
    font-size: 15px;
}

.text-small-x1 {
    font-size: 13px;
}

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


/*modal*/

#registration_course .close, #reg_course .close {
    background: none;
	color: #c69755;
    border: none;
    font-size: 30px;
	    float: right;
}

#registration_course .close:hover, #reg_course .close:hover {
    cursor: pointer;
	opacity: 0.8 !important;
}

.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
   	overflow: hidden;
	  overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}

.modal-dialog {
    position: relative;
    margin: 10px;
	  width: 600px;
    margin: 30px auto;
}
.modal.fade {
	opacity: 0;
	height: 0;
	overflow: hidden;
	overflow-y: auto;
	z-index: 1050;
	    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.modal-backdrop.fade {
opacity: 0;
	display: none;
}
.modal.fade.in{
	opacity: 1;
	height: 100%;
	    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
.modal-backdrop.fade.in  {
	opacity: 0.5;
	display: block;
}
.modal.fade .modal-dialog {
    -webkit-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
	  z-index: 1060;
}

.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    -o-transform: translate(0, 0);
    transform: translate(0, 0);
}

.modal-content {
    position: relative;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 6px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.modal-content {
    text-align: center;
    background: white;
}

.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000;
}

.modal-open {
    overflow: hidden;
}
.modal-header {
	padding: 15px;
}
.modal-header a{
	color: #ccc;
	    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
	line-height: 20px;
}
.modal-header a:hover {
	    border-bottom: 1px solid #c69755;
    opacity: 0.9;
    color: #c69755;
    border-color: #c69755;
}
.registration_course_btn {
    background: #c69755;
    color: #fff;
    text-decoration: none;
    max-width: 850px;
    width: 100%;
    height: 63px;
    font-family: 'museo_sans_cyrl700';
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    font-size: 24px;
    line-height: 63px;
    margin: 31px auto 0;
    display: block;
    border-bottom: 1px solid #9d7844;
    -webkit-transition: all 200ms;
    -moz-transition: all 200ms;
    -ms-transition: all 200ms;
    -o-transition: all 200ms;
    position: relative;
    overflow: hidden;
    border: 0;
    cursor: pointer;
}
.modal-content .register .chosen-container.chosen-with-drop .chosen-single, .modal-content .register .chosen-container.chosen-with-drop .chosen-drop {
    height: 500px!important;
}
.modal-content .chosen-container .chosen-results li {
    line-height: 17px;
    font-size: 20px;
}
.registration_course_btn:hover {
    color: #6e0118;
}
.modal-info {
	    font-style: italic;
    padding: 10px 0;
}
.modal-title {
	font-size: 25px;
}
.modal-content .register .input_field.form_name {
    margin: 0px 7px;
}
@media only screen and (max-width:768px) {
    .modal-dialog {
        width: 350px;
        margin: 25px auto;
        padding: 15px;
    }
    .select {
        max-width: 290px !important;
        min-width: 290px !important;
        font-size: 12px;
    }
    .subtitle {
        width: 100% !important;
    }
}
@media only screen and (max-width:480px) {
    .registration_course_btn {
        font-size: 20px;
        line-height: 25px;
        height: 75px;
    }
	.modal-dialog {
    width: 300px;
    margin: 10px auto;
		padding: 0;
}
}

.table-window {
    width:100%;
    font-size:11px;
    text-align: center;
    line-height: 12px;
}
.table-window th {
    text-align: center;
    font-weight: bold;
    border-bottom: 4px solid #ad8f4e;
    padding:10px 5px;
}
.table-window td {
    border-bottom: 1px solid #ad8f4e;
    padding:10px 5px;
    vertical-align: middle;
}
.td-warning {
    background: #ad8f4e;
    color:#fff;
}
.td-title {

    font-size: 13px;
}

.select {
    display: block;
    border-radius: 5px;
    font-size: 19px;
    min-width: 550px;
    max-width: 550px;
    text-align: left;
    padding: 21px 55px 21px 15px;
    margin: 15px auto 15px;
    background: #fff;
    border: 1px solid #ddcab2;
    -webkit-appearance: none;
    position: relative;
}
#feedback img{
    height: 600px;
    width:500px;
}
.subtitle {
    font-weight: bold;
    font-style: italic;
    text-align: center;
    margin: 30px 0 20px 0;
    font-size:20px;
    font-family: 'Montserrat', sans-serif;
    background: #6e0118;
    padding: 20px;
    color: #c69755;
}
.gold {
    color: #c69755;
}

#master-classes {
    background: #6e0118;
    color: #fff;
}

#master-classes h2 {
    color: #c69755;
}

#master-classes .course-col a.btn {
    color: #c69755;
    border: 2px solid #c69755;
}

#master-classes .course-col a.btn:hover {
    background-color: #c69755;
    color: #fff;
}

#master-classes img {
    border: 7px solid #c69755;
}

@media (max-width: 1024px) {
    .hidden {
        display: none;
    }
    #master-classes h2 {
        color: #c69755;
        font-size: 42px;
        font-weight: bold;
    }
    .about-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin-bottom:20px;
    }
    .about-list div {
        margin: 5px;
    }
    .about-list .advantage-col {
        padding: 0;
        max-width: none;
        font-size:14px;
    }
    #advantage {
        background: url('../img/advantage-mob.jpg') no-repeat center;
        padding: 30px 0;
        text-align: center;
        background-size: cover
    }
}