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

/*
font-family: 'DaxlineCyr-Regular', sans-serif;
font-family: 'DaxlineCyr-Light', sans-serif;
font-family: 'DaxlineCyr-Medium', sans-serif;
font-family: 'DaxlineCyr-Bold', sans-serif;
*/

/* reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
main, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	color: #1b1715;
	font-family: 'DaxlineCyr-Regular', Arial, sans-serif;
}

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

body {-webkit-font-smoothing: antialiased;}


:focus::-webkit-input-placeholder,
:focus::-moz-placeholder,
:focus:-moz-placeholder,
:focus:-ms-input-placeholder {
	color: transparent
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="submit"],
textarea,
select,
button,
a {
	-webkit-appearance: none;
	-moz-appearance:    none;
	appearance:         none;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="submit"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus,
button:focus,
a:focus {outline: none;}

input[type=submit],
button,
a {
	cursor: pointer;
}

@keyframes shake {
 0% { transform: translateX(0) }
 25% { transform: translateX(5px) }
 50% { transform: translateX(-5px) }
 75% { transform: translateX(5px) }
 100% { transform: translateX(0) }
}

/* mix */
.error {
	box-shadow: inset 0 0 0px 3px #f00 !important;
	/*border: 1px solid #f00;*/
}
.accept.error,
.accept.error * {
    color: #f00 !important;
    box-shadow: none !important;
}
.accept.error {
    animation: shake 0.5s;
}

.transition {
	-moz-transition:    all 0.2s ease;
	-o-transition:      all 0.2s ease;
    -webkit-transition: all 0.2s ease;
	transition: all 0.2s ease;
}

.btn {
    position: relative;
    display: inline-block;
    cursor: pointer;
    outline: none;
    background-color: #f82675;
	transition: background-color 0.2s ease;
    color: #fff;
    font-size: 18px;
    letter-spacing: 0px;
    text-align: center;
    border: none;
    border-radius: 20px;
    padding: 25px 120px;
}
.btn:after {
    content: '';
    display: block;
    pointer-events: none;
    width: 60%;
    height: 20px;
    background-color: #f82675;
    box-shadow: 0 0 30px #f82675;
    border-radius: 100%;
    position: absolute;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
    bottom: 0px;
}
.btn:hover {
    background-color: #ff0060;
    text-decoration: none;
    color: #fff;
}
.btn:hover:after {
    background-color: #ff0060;
    box-shadow: 0 0 30px #ff0060;
}
.btn:active, .btn:visited, .btn:focus {
    text-decoration: none;
    color: #fff;
}
.btn[disabled] {
	filter: grayscale(1);
    opacity: .4;
    cursor: no-drop;
}

.ta-l {text-align: left;}
.ta-c {text-align: center;}
.ta-r {text-align: right;}

.md-hide {
    display: none;
}

.heading {}
.heading h2 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-size: 46px;
    line-height: 1.2;
    margin: 0 0;
}
.heading h3 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-weight: normal;
    font-size: 24px;
    line-height: 1.3;
    margin: 20px 0;
}

/* styles */
#header-sticky-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    z-index: 1000;
}
#header {
    padding-top: 50px;
    transition: padding 0.2s ease;
}
#header-sticky-wrapper.is-sticky #header {
    background-color: rgba(255,255,255,1);
    padding: 10px 0;
    box-shadow: 5px 0 10px rgba(0,0,0,.1);
}
#header .container {
    max-width: 1230px;
}
#header .wrap {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
#header .logo {
    display: inline-block;
    vertical-align: middle;
}
#header .logo img {}
#header .nav {
    display: inline-block;
    vertical-align: middle;
}
#header .nav ul {
    padding: 0;
    margin: 0px 0;
    list-style: none;
    font-size: 0;
}
#header .nav ul li {
    display: inline-block;
    vertical-align: middle;
}
#header .nav ul li.hide-desktop {
    display: none;
}
#header .nav ul li a {
    display: block;
    font-size: 15px;
    padding: 10px 13px;
}
#header .nav ul li a:hover {
    text-decoration: none;
    color: #000;
    font-weight: bold;
}
#header .nav ul li.active a {
    color: #f82675;
}
#header .callback {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: right;
    margin-top: 10px;
}
#header .callback-mobile {    
    display: none;
}
#header .callback:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 26px;
    height: 26px;
    background: url(../images/icon-phone.png) center no-repeat;
    margin: 8px 14px 0 0;
}
#header .callback a {
    font-size: 22px;
}
#header .callback a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #000;
}
#header .callback p {
    font-weight: normal;
    font-size: 12px;
    margin: 0;
}
#header #nav-toggle {
    display: none;
}
#header label {
    display: none;
}

#main {
    padding-top: 210px;
    height: 1218px;
    background: url(../images/home-1_1.jpg) center top no-repeat;
}
#main .container {
    max-width: 1230px;
}
#main .title {}
#main .title h1 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-size: 97px;
    line-height: 1.1;
    margin: 0 0 0;
}
#main .title h2 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-weight: bold;
    font-size: 56px;
    line-height: 1.1;
    margin: 10px 0;
}
#main .title h2 b {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-weight: bold;
    font-size: 56px;
    line-height: 1.1;
}
#main .title h3 {
    font-size: 34px;
    line-height: 1.4;
    font-weight: normal;
    margin: 20px 0;
}
#main .buttons {
    text-align: center;
    max-width: 340px;
    margin-top: 60px;
}
#main .buttons p {
    font-size: 14px;
}
#main .buttons .btn {
	padding: 25px 50px;
}
#main picture {
    display: none;
}

#about {
    margin-top: -200px;
    background: url(../images/home-2_bottom.jpg) center bottom no-repeat;
}
#about .container {
    max-width: 1230px;
}
#about picture {}
#about picture img {}
#about picture.xs {
    display: none;
}
#about .heading {
    margin-top: 230px;
    margin-bottom: 40px;
}
#about p {
    font-size: 17px;
    color: #3a3939;
    margin-top: 0;
}
#about ul {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
    vertical-align: top;
    margin-right: 40px;
}
#about ul li {
    font-size: 17px;
    color: #3a3939;
    margin: 5px 0;
}
#about a {
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
    display: inline-block;
    margin-top: 50px;
}
#about .about-bottom {
    height: 450px;
    background: url(../images/2_2.png) center top no-repeat;
    margin-top: 60px;
}
#about .about-bottom .accordion {
	max-width: 375px;
}
#about .about-bottom .accordion > div {
	margin-bottom: 1px;
    padding: 10px 20px;
    background-color: rgb(182 214 242 / 30%);
    cursor: pointer;
}
#about .about-bottom .accordion > div:hover {
    background-color: rgb(182 214 242 / 60%);
}
#about .about-bottom .accordion p {
	font-size: 22px;
    line-height: 1.5;
    margin: 0px 0px 5px;
}
#about .about-bottom .accordion span {
	font-size: 14px;
    display: block;
    overflow: hidden;
}
#about h4 {
    text-align: center;
    font-size: 28px;
    margin-top: 260px;
}
#about .icons {
	display: flex;
    flex-wrap: wrap;
}
#about .icons .icon {
	width: 33%;
    text-align: center;
    margin: 0 0 20px;
}
#about .icons .icon  img {
	width: 80px;
}
#about .icons .icon  p {
	font-size: 16px;
    padding: 5px 0px;
}
#about .more-info {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 0px;
}

#projects {
    background: url(../images/home-3_top.jpg) center top no-repeat, linear-gradient(to bottom, #f6fafd 50%, #eff3f4 100%);
    text-align: center;
}
#projects .container {
    max-width: 1230px;
}
#projects .heading {
    padding: 100px 0 60px;
}
#projects .slider-1 {}
#projects .slider-2 {}
#projects .slider .owl-nav {}
#projects .slider .owl-nav .owl-prev,
#projects .slider .owl-nav .owl-next {
    filter: grayscale(1);
    display: inline-block;
    width:  30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 30px);
}
#projects .slider .owl-nav .owl-prev {
    background: url(../images/arr-prev.svg) center no-repeat;
    background-size: contain;
    left: -60px;
}
#projects .slider .owl-nav .owl-next {
    background: url(../images/arr-next.svg) center no-repeat;
    background-size: contain;
    right: -60px;
}
#projects .slider .owl-nav .owl-prev:hover,
#projects .slider .owl-nav .owl-next:hover {
    filter: none;
}
#projects .slider .owl-dots {
    text-align: center;
    padding: 30px 0 0;
}
#projects .slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width:  8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    margin: 4px;
}
#projects .slider .owl-dots .owl-dot.active {
    background-color: #f82675;
    width:  14px;
    height: 14px;
}
#projects .slider .owl-dots .owl-dot span {
    display: none;
}
#projects .slider {
    position: relative;
    /*display: flex;*/
    /*flex-direction: row;*/
    /*justify-content: space-between;*/
    /*grid-gap: 20px;*/
    align-items: center;
    align-content: center;
    margin-bottom: 30px;
}
#projects .btn {
	margin-bottom: 70px;
}
#projects .slider .slide {
    display: block;
    text-align: left;
    position: relative;
    transition: all 0.2s ease;
}
#projects.projects-page .slider {
    text-align: center;
}
#projects.projects-page {
	padding-top: 100px;
}
#projects.projects-page .slider .slide {
    text-align: left;
	width:  270px;
	height: 385px;
	display: inline-block;
	margin-right:  15px;
	margin-bottom: 20px;
}
#projects.projects-page .slider .slide:nth-child(4n) {
	margin-right:  0px;
}
#projects .slider .slide .play {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 25;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #f72071;
    text-align: center;
    line-height: 65px;
    box-shadow: 0 0 0 15px rgba(247, 32, 113, 0.5);
}
#projects .slider .slide .play:hover {
    opacity: .8;
}
#projects .slider .slide .play img {
    width: 40%;
    display: inline-block;
    margin-left: 5px;
}
#projects .slider .slide:before {}
#projects .slider .slide img {
    width: 100%;
}
#projects .slider .slide p {
    font-size: 19px;
    line-height: 1.2;
    color: #fff;
    position: absolute;
    z-index: 15;
    width: 100%;
    margin: 0;
    bottom: 0;
    padding: 30px;
    padding-top: 70px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.9));
}
#projects .slider .slide p span {
    font-size: 15px;
    color: #fff;
    display: block;
}
#projects .slider-1 .slide:hover {
    opacity: 0.9;
    transform: scale(1.01);
}
#projects .slider .slide-last {
	background: url(../images/icon-all-project.png) center no-repeat, #dfeefa;
    height: 386px;
}
#projects .slider .slide-last p {
	background: none;
    color: #000;
}
#projects .slider .slide-last:hover p {}

#blog {
    background: url(../images/home-3_top.jpg) center top no-repeat, #f6fafd;
    text-align: center;
    padding-top: 100px;
}
#blog .container {
    max-width: 1230px;
}
#blog .heading {
    padding: 100px 0 60px;
}
#blog .items {
	display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
#blog .items .item {
	display: flex;
    flex-direction: row;
	align-items: start;
    width: 50%;
    text-align: left;
    margin-bottom: 80px;
}
#blog .items .item:hover {
	text-decoration: none;
}
#blog .items .item img {
	width: 50%;
    border-radius: 10px;
}
#blog .items .item .info {
	width: 50%;
    padding: 10px 20px;
}
#blog .items .item .info .name {
    margin-top: 0px;
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.2;
}
#blog .items .item .info .date {
	margin: 0;
    font-size: 16px;
    color: #adadad;
}
#blog .items .item .info .text {
	font-size: 14px;
    line-height: 1.6;
}
#blog .items .item .info .more {
	font-size: 17px;
    font-weight: bold;
}
#blog .items .item .info .more:hover {
	color: #6d94bf;
}

#post {
    background: url(../images/home-3_top.jpg) center top no-repeat, #f6fafd;
    text-align: center;
    padding-top: 150px;
    padding-bottom: 250px;
}
#post picture {
	display: block;
    margin-bottom: 40px;
}
#post picture img {
	width: 100%;
}
#post .heading {
	text-align: left;
}
#post .content {
	text-align: left;
}
#post .content p {
	font-size: 18px;
    line-height: 1.6;
}
#post .btn {
    margin-top: 40px;
}

#magazine {
    /*height: 1071px;*/
    height: 1130px;
    background: url(../images/home-3-1.jpg) top center no-repeat;
    text-align: center;
    /*padding-bottom: 60px;*/
}
#magazine .wrap {
    background-color: #e7ebed;
    display: inline-block;
    padding: 20px 60px;
    margin-top: 350px;
}
#magazine .wrap h2 {
    font-size: 46px;
    display: inline-block;
    vertical-align: middle;
    font-family: 'DaxlineCyr-Medium', sans-serif;
    margin: 0 40px;
}
#magazine picture {
    display: none;
}
#magazine .btn {
    padding-left:  40px;
    padding-right: 40px;
}
#magazine .magazine-bottom {
    margin-top: 490px;
}
#magazine .magazine-bottom h4 {
    font-size: 36px;
    font-family: 'DaxlineCyr-Medium', sans-serif;
    margin-bottom: 20px;
}
#magazine .magazine-bottom .btn {}

#success {
    position: relative;
    padding-top: 50px;
    padding-bottom: 200px;
    height: 880px;
}
#success .container {
    position: relative;
}
#success picture.photos {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}
#success picture.photos .owl-dots {
    text-align: center;
    padding: 0px 0 0;
    margin-top: -40px;
}
#success picture.photos .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width:  8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    margin: 4px;
}
#success picture.photos .owl-dots .owl-dot.active {
    background-color: #f82675;
    width:  14px;
    height: 14px;
}
#success picture.photos .owl-dots .owl-dot span {
    display: none;
}
#success picture.photos img {
    width: 100%;
    height: auto;
    display: none;
}
#success picture.photos .slide {
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
}
#success picture.photos .slide:nth-child(1) {
    width: 302px;
    height: 450px;
    top: 83px;
    left: 0px;
}
#success picture.photos .slide:nth-child(2) {
    width: 277px;
    height: 424px;
    top: 360px;
    left: 330px;
}
#success picture.photos .slide:nth-child(3) {
    width: 519px;
    height: 338px;
    top: 0px;
    left: 330px;
}
#success picture.photos .slide img {
    display: none;
}
#success .heading {
    margin: -20px 0 10px;
    padding-left: 30px;
}
#success .logos {
    display: block;
    text-align: left;
    font-size: 0;
}
#success .logos a {
    display: inline-block;
    width: 50%;
    filter: grayscale(1);
    opacity: 0.7;
}
#success .logos a img {
    width: 100%;
    height: auto;
}
#success .logos a:hover {
    filter: none;
    opacity: 1;
}
#success p.desc {
    font-size: 18px;
    position: absolute;
    top: 360px;
    left: 650px;
	width: 200px;
    font-size: 14px;    
}

#order {
    height: 827px;
    background: url(../images/home-4-2_1.jpg) center top no-repeat;
    padding-top: 80px;
    margin-top: -160px;
}
#order picture {
    display: none;
}
#order .container {
    max-width: 1230px;
}
#order .heading {
    max-width: 570px;
    margin-top: 100px;
}
#order form {
    margin-top: 50px;
}
#order form fieldset p {
    text-align: center;
    font-size: 17px;
}
#order form fieldset {
    padding: 0;
    margin: 0;
    border: none;
    display: inline-block;
    vertical-align: bottom;
}
#order form input[type=text] {
    font-size: 18px;
    border: none;
    border-radius: 100px;
    padding: 30px 40px;
    margin-right: 10px;
    max-width: 260px;
}
#order form input.btn {
    display: inline-block;
    vertical-align: bottom;
    padding: 30px 90px;
}
#order form .accept {
    padding: 10px 30px;
}
#order form .accept input {
    display: inline-block;
    vertical-align: middle;
}
#order form .accept p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

#footer {
    background-color: #000;
    padding: 30px 0 30px;
}
#footer .logo {}
#footer .logo img {}
#footer .conf {
    color: #ddd;
    display: block;
    opacity: .6;
    padding: 20px 0;
}
#footer .soc {
    margin-top: 20px;
}
#footer .soc a {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #575c63;
    padding: 4px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 20px;
    margin: 0 5px;
	transition: all 0.2s ease;
}
#footer .soc a img {
    width: 90%;
}
#footer .soc a:hover {
    transform: scale(1.2);
}
#footer .contacts {
    display: inline-block;
    text-align: left;
}
#footer .phone {
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 5px 0;
}
#footer .email {
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 5px 0;
}
#footer .address {
    color: #fff;
    font-size: 18px;
    display: block;
    padding: 5px 0;
    margin: 0;
}
#footer .phone img,
#footer .address img,
#footer .email img {
    width: 20px;
    margin-right: 10px;
}
#footer .copy {
    color: #fff;
    display: inline-block;
    margin-top: 10px;
    opacity: .5;
}

/* -------------------------------  */

#page-about {
    height: 969px;
    background: url(../images/about-1.jpg) center top no-repeat;
    padding-top: 280px;
}
#page-about picture {
    display: none;
}
#page-about .container {
    max-width: 1230px;
}
#page-about .title {}
#page-about .title h1 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-size: 84px;
    line-height: 1.1;
    margin: 0 0 0;
}
#page-about .title h2 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-weight: 500;
    font-size: 40px;
    line-height: 1.2;
    margin: 10px 0;}

#mission {
    height: 543px;
    background: url(../images/about-2.jpg) center no-repeat;
    text-align: center;
}
#mission .container {
    max-width: 1230px;
}
#mission h4 {
    color: #fff;
    font-size: 24px;
}
#mission h2 {
    text-align: left;
    font-size: 40px;
    margin-top: 100px;
    line-height: 1.3;
}
#mission p {
    text-align: left;
    font-size: 24px;
    margin-top: 100px;
    padding-left: 70px;
    line-height: 1.5;
}

#values {
    height: 695px;
    background: url(../images/about-3.jpg) center no-repeat;
    padding-top: 60px;
}
#values picture {
    display: none;
}
#values .heading {
    margin-top: 50px;
}
#values .heading h2 {}
#values .heading p {}
#values .items {}
#values .items span {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f43167;
    box-shadow: 0 0 0 10px rgba(244, 49, 103, 0.3);
    margin: 0 auto 15px;
}
#values .items p {
    display: block;
    text-align: center;
    font-size: 17px;
    margin: 30px 0;
}

#map {
    height: 695px;
    /*height: 791px;*/
    background: url(../images/about-4.jpg) center top no-repeat;
    text-align: center;
    padding-top: 70px;
}
#map picture {
    display: none;
}
#map .heading {}
#map .heading h2 {}
#map {}

#franch {
    height: 1112px;
    background: url(../images/about-5.jpg) center top no-repeat;
    padding-top: 230px;
}
#franch .heading {
    margin-bottom: 80px;
}
#franch .heading h2 {}
#franch p {
    font-size: 17px;
}
#franch .btn {
    padding-left: 80px;
    padding-right: 80px;
    margin-top: 80px;
}

#press {
    height: 738px;
    background: url(../images/about-6.jpg) center top no-repeat;
    padding-top: 20px;
}
#press .container {
    max-width: 1230px;
}
#press .heading {
    margin-top: 130px;
}
#press .heading h2 {}
#press p {
    font-size: 17px;
}
#press .slider {
    position: relative;
}
#press .slider a {
    display: block;
}
#press .slider a img {
    width: 100%;
    height: auto;
}
#press .slider .owl-nav {}
#press .slider .owl-nav .owl-prev,
#press .slider .owl-nav .owl-next {
    filter: grayscale(1);
    display: inline-block;
    width:  30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 30px);
}
#press .slider .owl-nav .owl-prev {
    background: url(../images/arr-prev.svg) center no-repeat;
    background-size: contain;
    left: -0px;
}
#press .slider .owl-nav .owl-next {
    background: url(../images/arr-next.svg) center no-repeat;
    background-size: contain;
    right: -0px;
}
#press .slider .owl-nav .owl-prev:hover,
#press .slider .owl-nav .owl-next:hover {
    filter: none;
}
#press .slider .owl-dots {
    text-align: center;
    padding: 0px 0 0;
    margin-top: -40px;
}
#press .slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width:  8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    margin: 4px;
}
#press .slider .owl-dots .owl-dot.active {
    background-color: #f82675;
    width:  14px;
    height: 14px;
}
#press .slider .owl-dots .owl-dot span {
    display: none;
}

/* -------------------------------  */

#page-contacts {
    margin-top: 160px;
}
#page-contacts .map {
    background-color: #b0ffad;
    height: 700px;
    position: relative;
}
#page-contacts .map,
#page-contacts .map > ymaps {
    height: 700px !important;
}
#page-contacts .wrap {
    position: absolute;
    top: 90px;
    left: 0;
    right: 0;
    z-index: 100;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    width: 400px;
    padding: 40px 40px;
}
#page-contacts .wrap .heading {
    margin-bottom: 40px;
}
#page-contacts .wrap .heading h2 {}
#page-contacts .wrap form {}
#page-contacts .wrap form select {
    cursor: pointer;
    width: 100%;
    background: url(../images/down.svg) calc(100% - 20px) center no-repeat, #f6f6f6;
    border: none;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 14px;
}
#page-contacts .wrap ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#page-contacts .wrap ul li {
    margin: 30px 0;
}
#page-contacts .wrap ul li span {
    font-size: 14px;
}
#page-contacts .wrap ul li p {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-size: 17px;
    margin: 10px 0;
}
#page-contacts .wrap .soc {}
#page-contacts .wrap .soc a {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #b4b4b4;
    padding: 4px;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 20px;
    margin: 0 5px;
	transition: all 0.2s ease;
}
#page-contacts .wrap .soc a img {
    width: 90%;
    filter: invert(1);
}
#page-contacts .wrap .soc a:hover {
    transform: scale(1.2);
}
#page-contacts .wrap .soc a:hover {}

/* -------------------------------  */

#page-model {
    background: #f2f8fc;
    margin-top: 160px;
    padding-top: 100px;
    padding-bottom: 100px;
}
#page-model .container-fluid {
    position: relative;
}
#page-model .name {
    position: absolute;
    top: 40px;
    left: 55%;
    padding-left: 20px;
}
#page-model .name .info {}
#page-model .name h4 {
    font-size: 22px;
    margin: 15px 0;
}
#page-model .name p {
    font-size: 16px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0;
    margin-right: 60px;
    line-height: 1.5;
}
#page-model .name .btn {
    display: inline-block;
    vertical-align: bottom;
    padding-left:  30px;
    padding-right: 30px;
}
#page-model .items {
    font-size: 0;
}
#page-model .items .item {
    display: inline-block;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    box-shadow: inset 0 0 0 10px #f2f8fc;
    margin: 0 0px 5px;
    width: 16.666%;
    height: 400px;
}
#page-model .items .item:nth-child(1),
#page-model .items .item:nth-child(3),
#page-model .items .item:nth-child(4),
#page-model .items .item:nth-child(5) {
    width: 16.666%;
}
#page-model .items .item-main {
    width: calc(33.2% - 0px);
    height: 700px;
}
#page-model .all {
    display: block;
    text-align: center;
    font-size: 15px;
    margin: 10px 0;
    padding: 30px 10px;
}
#page-model .all:hover {
    text-decoration: none;
    background-color: #dcecf5;
}

/* -------------------------------  */

#page-project {
    background: #f2f8fc;
    margin-top: 160px;
    padding-top: 100px;
    padding-bottom: 100px;
}
#page-project .container-fluid {
    position: relative;
}
#page-project .items {
    font-size: 0;
}
#page-project .items .item {
    display: inline-block;
    vertical-align: bottom;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    box-shadow: inset 0 0 0 10px #f2f8fc;
    margin: 0 0px 5px;
    width: 16.666%;
    height: 400px;
}
#page-project .items .item:nth-child(1),
#page-project .items .item:nth-child(2),
#page-project .items .item:nth-child(4),
#page-project .items .item:nth-child(5) {
    width: 16.666%;
}
#page-project .items .item-main {
    width: calc(33.2% - 0px);
    height: 500px;
}
#page-project .desc p {
    text-align: center;
    font-size: 16px;
    max-width: 550px;
    margin: 30px auto 0;
}

/* -------------------------------  */

#page-models {
    height: 767px;
    background: url(../images/models.jpg) center top no-repeat;
    padding-top: 320px;
}
#page-models picture {
    display: none;
}
#page-models .container {
    max-width: 1230px;
}
#page-models .title {}
#page-models .title h1 {
    font-size: 84px;
    line-height: 1.1;
    margin: 0 0 0;
}
#page-models .btn {
    padding-left: 50px;
    padding-right: 50px;
    margin-top: 80px;
}

#page-models-items {
    padding-bottom: 50px;
}
#page-models-items .container {
    max-width: 1230px;
}
#page-models-items .filter {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    margin: 60px 0;
}
#page-models-items .filter > div {}
#page-models-items .filter .age {
    display: flex;
    flex-direction: row;
    align-content: center;
    justify-content: space-between;
    padding: 10px 0;
}
#page-models-items .filter .age label {
    display: block;
    margin-right: 50px;
    cursor: pointer;
}
#page-models-items .filter .age label:hover {
    opacity: .8;
}
#page-models-items .filter .age label input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
#page-models-items .filter .age label p {
    display: inline-block;
    vertical-align: middle;
    margin: 0 0;
    color: #6b747a;
    font-size: 17px;
}
#page-models-items .filter .height {}
#page-models-items .filter .city {}
#page-models-items .filter select {
    cursor: pointer;
    width: 100%;
    background: url(../images/down.svg) calc(100% - 20px) center no-repeat, #f6f6f6;
    border: none;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 14px;
    width: 270px;
}
#page-models-items .items {
    text-align: left;
    font-size: 0;
    
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
}
#page-models-items .items .card {
    position: relative;
    display: inline-block;
    width: calc(33.33% - 20px);
    margin: 0 0px 0px;
    transition: all 0.2s ease;
    
    overflow: hidden;
}
#page-models-items .items .card:hover {
    opacity: 0.9;
    transform: scale(1.01);
}
#page-models-items .items .card:nth-child(3n) {
    margin-right: 0;
}
#page-models-items .items .card:nth-child(3n+1) {
    margin-left: 0;
}
#page-models-items .items .card img {
    width: auto;
    height: 100%;
}
#page-models-items .items .card p {
    font-size: 22px;
    color: #fff;
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 0;
    padding: 30px;
    padding-top: 70px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.9));
}
#page-models-items .items .card p span {
    font-size: 15px;
    color: #fff;
    display: block;
}
#page-models-items .all {
    display: block;
    text-align: center;
    font-size: 15px;
    margin: 10px 0;
    padding: 30px 10px;
}
#page-models-items .all:hover {
    text-decoration: none;
    background-color: #efefef;
}

/* -------------------------------  */

#page-study {
    height: 940px;
    background: url(../images/study-1.jpg) center top no-repeat;
    padding-top: 260px;
}
#page-study picture {
    display: none;
}
#page-study .title {}
#page-study .title h1 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-size: 62px;
    line-height: 1.1;
    margin: 0 0 0;
}
#page-study .title h3 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    margin: 20px 0;
}

#course {
    height: 644px;
    background: url(../images/study-2_1.jpg) center top no-repeat;
    text-align: right;
    padding-top: 80px;
}
#course .heading {}
#course .heading h2 {
    color: #fff;
}
#course .heading h3 {
    color: #fff;
}
#course p {
    color: #fff;
    font-size: 17px;
    margin-top: 40px;
}

#process {}
#process picture {
    display: none;
}
#process .items {}
#process .items .item {
    background-repeat: no-repeat;
    background-position: center;
    padding-top: 40px;
}
#process .items .item .heading {
    margin-bottom: 40px;
}
#process .items .item .heading h2 {}
#process .items .item p {
    font-size: 17px;
}
#process .items .item p b {
    font-family: 'DaxlineCyr-Medium', sans-serif;
}
#process .items .item p b:first-child {
    font-size: 24px;
}
#process .items .item:nth-child(even) {}
#process .items .item:nth-child(odd) {}

#portfolio {
    text-align: center;
    padding-top: 50px;
}
#portfolio .container-fluid {}
#portfolio .heading {
    position: relative;
    z-index: 300;
}
#portfolio .heading h2 {
    display: inline-block;
}
#portfolio .heading .tip {
    position: relative;
    cursor: pointer;
    display: inline-block;
    transform: translateY(-30px);
}
#portfolio .heading .tip span {
    position: relative;
    z-index: 330;
}
#portfolio .heading .tip span:hover + p {
    display: block;
}
#portfolio .heading .tip p {
    font-size: 17px;
    text-align: left;
    width: 330px;
    margin: 0;
    padding: 20px 40px;
    position: absolute;
    display: none;
    z-index: 200;
    top:  30px;
    right: 30px;
    border-radius: 10px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.1);
}
#portfolio .nav {
    margin: 40px 0;
    position: relative;
    z-index: 100;
}
#portfolio .nav ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
#portfolio .nav ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}
#portfolio .nav ul li a {
    display: block;
    padding: 10px 10px;
    font-size: 18px;
}
#portfolio .nav ul li a:hover {
    font-weight: bold;
    text-decoration: none;
    color: #000;
}
#portfolio .nav ul li a.active {
    font-weight: bold;
    text-decoration: none;
    color: #f82675;
}
#portfolio picture {
    display: block;
    margin-left: -15px;
    margin-right: -15px;
}
#portfolio picture img {
    width: auto;
    height: 700px;
}
#portfolio .icons {
    text-align: center;
    margin-top: 100px;
}
#portfolio .icons .icon {
    display: inline-block;
    vertical-align: top;
    margin: 0 60px;
}
#portfolio .icons .icon img {}
#portfolio .icons .icon p {
    font-size: 24px;
}
#portfolio .slider {
    text-align: center;
    position: relative;
}
#portfolio .slider img {
    display: inline-block;
}
#portfolio .slider .owl-nav {}
#portfolio .slider .owl-nav .owl-prev,
#portfolio .slider .owl-nav .owl-next {
    display: inline-block;
    width:  60px;
    height: 60px;
    border-radius: 50%;
    background-color: #f82675;
    border: 1px solid #f82675;
    position: absolute;
    top: calc(50% - 30px);
    padding: 10px;
}
#portfolio .slider .owl-nav .owl-prev {
    background: url(../images/arr-prev-white.svg) center no-repeat, #f82675;
    background-size: 30px;
    left: 60px;
}
#portfolio .slider .owl-nav .owl-next {
    background: url(../images/arr-next-white.svg) center no-repeat, #f82675;
    background-size: 30px;
    right: 60px;
}
#portfolio .slider .owl-nav .owl-prev:hover {
    background: url(../images/arr-prev.svg) center no-repeat, #fff;
    background-size: 30px;
}
#portfolio .slider .owl-nav .owl-next:hover {
    background: url(../images/arr-next.svg) center no-repeat, #fff;
    background-size: 30px;
}
#portfolio .slider .owl-dots {
    text-align: center;
    padding: 30px 0 0;
}
#portfolio .slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width:  8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    margin: 4px;
}
#portfolio .slider .owl-dots .owl-dot.active {
    background-color: #f82675;
    width:  14px;
    height: 14px;
}
#portfolio .slider .owl-dots .owl-dot span {
    display: none;
}

#features {
	background: url(../images/bg-features-4.jpg) center no-repeat;
	/*background-size: cover;*/
	text-align: center;
    padding: 50px 0;
    height: 1158px;
}
#features .heading {}
#features .heading h2 {}
#features .items {
    margin: 40px 0 0;
	position: relative;
}
#features .item {
    position: absolute;
    display: inline-block;
}
#features .item i {
	font-style: normal;
    color: #cbd5d8;
    font-size: 130px;
    font-weight: lighter;
    line-height: 1;
    display: inline-block;
    vertical-align: middle;
}
#features .item p {
    display: inline-block;
    vertical-align: middle;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    margin-top: 40px;
    margin-left: 20px;
    text-align: left;
}
#features .item span {
	display: block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #f43167;
    box-shadow: 0 0 0 5px rgb(244 49 103 / 30%);
    margin: 0 auto 20px;
    position: absolute;
    top: 75px;
    left: 30px;
}
#features .item-1 {
    top: 680px;
    left: 370px;
}
#features .item-2 {
	top: 500px;
    left: 500px;
}
#features .item-3 {
    top: 320px;
    left: 610px;
}
#features .item-4 {
    top: 170px;
    left: 730px;
}
#features .item-5 {
    top: 20px;
    left: 860px;
}

#study-form {
    height: 670px;
    background: url(../images/study-form.jpg) center no-repeat;
    padding-top: 190px;
}
#study-form picture {
    display: none;
}
#study-form .heading {}
#study-form .heading h2 {}
#study-form form {
    margin-top: 50px;
}
#study-form form fieldset p {
    text-align: center;
    font-size: 17px;
}
#study-form form fieldset {
    padding: 0;
    margin: 0;
    border: none;
    display: inline-block;
    vertical-align: bottom;
}
#study-form form input[type=text] {
    font-size: 18px;
    border: none;
    border-radius: 100px;
    padding: 30px 40px;
    margin-right: 10px;
    max-width: 260px;
}
#study-form form input.btn {
    display: inline-block;
    vertical-align: bottom;
    padding: 30px 90px;
}
#study-form form .accept {
    padding: 10px 30px;
}
#study-form form .accept input {
    display: inline-block;
    vertical-align: middle;
}
#study-form form .accept p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

#pro {
    height: 799px;
    background: url(../images/pro.jpg) center no-repeat;
    text-align: right;
    padding-top: 170px;
}
#pro .heading h2,
#pro .heading h3 {
    color: #fff;
}
#pro .btn {
    padding-left:  70px;
    padding-right: 70px;
    margin-top: 210px;
}
#pro .items {
    margin-top: 70px;
}
#pro .items .item {
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 30%;
    margin: 0 0 0px;
}
#pro .items .item span {
    display: block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background-color: #f43167;
    box-shadow: 0 0 0 10px rgba(244, 49, 103, 0.3);
    margin: 0 auto 15px;
}
#pro .items .item p {
    color: #fff;
    font-size: 16px;
    margin-top: 20px;
}

/* -------------------------------  */

#page-teacher {
    margin-top: 160px;
    padding-bottom: 80px;
}
#page-teacher .heading {
    margin-bottom: 30px;
}
#page-teacher .heading h3 {
    margin-top: 10px;
}
#page-teacher picture {}
#page-teacher picture img {}
#page-teacher p {
    font-size: 16px;
    line-height: 1.6;
}
#page-teacher p b {
    display: block;
    padding: 10px 0;
    font-size: 24px;
}
#page-teacher .all {
    display: block;
    text-align: center;
    font-size: 15px;
    margin: 10px 0;
    padding: 30px 10px;
}
#page-teacher .all:hover {
    text-decoration: none;
    background-color: #dcecf5;
}

#teacher-form {
    position: relative;
    z-index: 20;
    height: 635px;
    background: url(../images/teacher-form.png) center no-repeat;
    margin-bottom: -10px;
    padding-top: 100px;
}
#teacher-form .heading {}
#teacher-form .heading h2 {}
#teacher-form form {
    margin-top: 50px;
}
#teacher-form form fieldset p {
    text-align: left;
    font-size: 17px;
}
#teacher-form form fieldset {
    padding: 0;
    margin: 0;
    border: none;
    display: inline-block;
    vertical-align: bottom;
}
#teacher-form form input[type=text] {
    font-size: 18px;
    border: none;
    border-radius: 100px;
    padding: 30px 40px;
    margin-right: 10px;
    max-width: 260px;
}
#teacher-form form input.btn {
    display: inline-block;
    vertical-align: bottom;
    padding: 30px 90px;
}
#teacher-form form .accept {
    padding: 10px 30px;
}
#teacher-form form .accept input {
    display: inline-block;
    vertical-align: middle;
}
#teacher-form form .accept p {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

/* -------------------------------  */

#page-teachers {
    position: relative;
    z-index: 100;
    height: 824px;
    background: url(../images/teachers.jpg) center no-repeat;
    margin-top: 160px;
}
#page-teachers picture {
    display: none;
}
#page-teachers .founder {
    text-align: center;
    position: absolute;
    bottom: -34px;
    left: 0;
    right: 0;
}
#page-teachers .founder .icon {
    display: inline-block;
    cursor: pointer;
    position: relative;
    z-index: 20;
}
#page-teachers .founder .card:hover,
#page-teachers .founder .icon:hover + .card {
    /*display: block !important;*/
}
#page-teachers .founder .icon img {}
#page-teachers .founder .card {
    text-align: left;
    width: 664px;
    height: 375px;
    background: url(../images/founder_1.png) center no-repeat;
    position: absolute;
    padding: 40px 80px;
    padding-right: 300px;
    z-index: 10;
    top: 25px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
}
#page-teachers .founder .card h4 {
    font-size: 24px;
    color: #fff;
}
#page-teachers .founder .card p {
    font-size: 18px;
    color: #fff;
}
#page-teachers .founder .card a {
    display: inline-block;
    vertical-align: middle;
    border-radius: 100%;
    background-color: #fff;
    padding: 4px;
    width:  40px;
    height: 40px;
    text-align: center;
    line-height: 30px;
    margin: 0 5px;
    transition: all 0.2s ease;
}
#page-teachers .founder .card a img {
    width: 70%;
}
#page-teachers .founder .card a:hover {
    transform: scale(1.2);
}

#teachers-main {
    position: relative;
    z-index: 90;
    padding-top: 150px;
    padding-bottom: 30px;
    background: url(../images/heart.jpg) -240px -50px no-repeat;
}
#teachers-main picture {
    display: block;
}
#teachers-main .teacher-link:hover {
    display: block;
    opacity: 0.9;
}
#teachers-main .teacher-link:hover h2 span {
    border-bottom: 2px solid #000;
}
#teachers-main .btn-md {display: inline-block;}
#teachers-main .btn-xs {display: none;}
#teachers-main .btn {
    padding-left:  60px;
    padding-right: 60px;
}
#teachers-main picture.teacher-1 {}
#teachers-main picture.teacher-2 {
	/*margin-top: -130px;*/
    /*transform: translateY(-130px);*/
}
#teachers-main picture img {
    width: 100%;
    max-width: 500px;
}
#teachers-main .heading {
    margin-top: 180px;
	position: relative;
    z-index: 50;
}
#teachers-main .heading h2 {}
#teachers-main .heading h2 span {
    display: inline-block;
    border-bottom: 2px solid #fff;
}
#teachers-main .heading p {}
#teachers-main select {
    cursor: pointer;
    width: 100%;
    background: url(../images/down.svg) calc(100% - 20px) center no-repeat, #f6f6f6;
    border: none;
    border-radius: 5px;
    padding: 15px 20px;
    font-size: 14px;
    width: 270px;
}
#teachers-main .director-slider {
	position: relative;
	transform: translateY(-50px);
}
#teachers-main .director-slider .slide {}
#teachers-main .director-slider .owl-nav {}
#teachers-main .director-slider .owl-nav .owl-prev,
#teachers-main .director-slider .owl-nav .owl-next {
    filter: grayscale(1);
    display: inline-block;
    width:  30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 30px);
}
#teachers-main .director-slider .owl-nav .owl-prev {
    background: url(../images/arr-prev.svg) center no-repeat;
    background-size: contain;
    left: -60px;
}
#teachers-main .director-slider .owl-nav .owl-next {
    background: url(../images/arr-next.svg) center no-repeat;
    background-size: contain;
    right: -60px;
}
#teachers-main .director-slider .owl-nav .owl-prev:hover {
	filter: none;
}
#teachers-main .director-slider .owl-nav .owl-next:hover {
	filter: none;
}
#teachers-main .director-slider .owl-dots {
    text-align: center;
    padding: 30px 0 0;
}
#teachers-main .director-slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width:  8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    margin: 4px;
}
#teachers-main .director-slider .owl-dots .owl-dot.active {
    background-color: #f82675;
    width:  14px;
    height: 14px;
}
#teachers-main .director-slider .owl-dots .owl-dot span {
    display: none;
}

#teachers-items {
    padding-bottom: 100px;
    background: url(../images/heart.jpg) calc(100% + 240px) 50px no-repeat;
}
#teachers-items .items {
    text-align: left;
    font-size: 0;
    margin-top: 70px;
    
    display: flex;
    flex-wrap: wrap;
    grid-gap: 30px;
}
#teachers-items .items .card {
    position: relative;
    display: inline-block;
    width: calc(33.33% - 20px);
    margin: 0 0px 0px;
    transition: all 0.2s ease;
    
    overflow: hidden;
}
#teachers-items .items .card:hover {
    opacity: 0.9;
    transform: scale(1.01);
}
#teachers-items .items .card:nth-child(3n) {
    margin-right: 0;
}
#teachers-items .items .card:nth-child(3n+1) {
    margin-left: 0;
}
#teachers-items .items .card img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#teachers-items .items .card p {
    font-size: 22px;
    color: #fff;
    position: absolute;
    width: 100%;
    margin: 0;
    bottom: 0;
    padding: 30px;
    padding-top: 70px;
    background: linear-gradient(to bottom, transparent, rgba(0,0,0,.9));
}
#teachers-items .items .card p span {
    font-size: 15px;
    color: #fff;
    display: block;
}

/* -------------------------------  */



/* modals */
#modals {
    display: none;
}
.modal {
    text-align: center;
    width: 100%;
    max-width: 800px;
    padding: 30px 70px;
}
.modal h2 {
    font-size: 32px;
    margin: 10px 0 20px;
}
.modal form {}
.modal input[type=text] {
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    border-radius: 10px;
    padding: 20px 30px;
    border: none;
    background-color: #eff0f4;
    margin-bottom: 20px;
}
.modal input[name=name] {
    width: 100%;
    display: block;
}
.modal input[name=phone] {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    float: left;
}
.modal input[name=email] {
    width: 100%;
    display: inline-block;
    vertical-align: top;
    float: right;
}
.modal fieldset {
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none;
}
.modal .btn {
    margin-top: 10px;
}
.modal p.accept {
    font-size: 12px;
    color: #757e8f;
    opacity: .6;
    margin-top: 20px;
    font-weight: 300;
}
.modal p.accept a {
    color: #757e8f;
    text-decoration: underline;
}

.quiz {
    background: url(../images/heart.jpg) center right no-repeat;
    position: relative;
    text-align: center;
    width: 1000px;
    padding: 80px 60px 100px;
}
.quiz h2 {
    font-family: 'DaxlineCyr-Medium', sans-serif;
    font-size: 26px;
}
.quiz h3 {
    font-family: 'DaxlineCyr-Light', sans-serif;
    font-size: 18px;
}
.quiz .quests {}
.quiz .quests .quest {}
.quiz .answers {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    grid-gap: 20px;
    justify-content: center;
    margin-top: 40px;
}
.quiz .answers label {
    cursor: pointer;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    font-size: 15px;
    color: #6b747a;
    min-width: 85px;
}
.quiz .answers label input {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.quiz .answers label p {}
.quiz .answers label:hover {}
.quiz .num {
    opacity: 0.5;
    font-size: 20px;
    color: #6b747a;
    position: absolute;
    top: 10px;
    right: 10px;
}

#review {
    background: url(../images/review-2n.jpg) center top no-repeat, #ecf6ff;
    /*background-size: cover;*/
    /*height: 668px;*/
    height: auto;
	text-align: center;
    padding-top: 0px;
    padding-bottom: 40px;
}
#review .heading {}
#review .heading h2 a {
	margin-left: 10px;
}
#review .heading h2 a img {
	width: 40px;
}
#review .heading h2 a:hover {
    opacity: 0.7;
}
#review .slider {
    position: relative;
    margin: 50px auto 30px;
    /*max-width: 480px;*/
}
#review .slider .slide {
	display: block;
    position: relative;
    transition: all 0.2s ease;
    background-color: rgba(255,255,255,.8);
    padding: 0px 30px 20px;
    min-height: 680px;
}
#review .slider .slide .play {
    position: absolute;
    top: 100px;
    left: 50%;
    transform: translate(-50%,-40%);
    z-index: 25;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background-color: #f72071;
    text-align: center;
    line-height: 65px;
    box-shadow: 0 0 0 15px rgba(247, 32, 113, 0.5);
}
#review .slider .slide .play:hover {
    opacity: .8;
}
#review .slider .slide .play img {
    width: 40%;
    display: inline-block;
    margin-left: 5px;
}
#review .slider .slide picture {
	display: block;
    margin: 0 -30px;
}
#review .slider .slide img {
	display: block;
    width: 100%;
    border-radius: 0px;
}
#review .slider .slide .name {
    font-size: 18px;
    margin: 20px 0 15px;
    font-weight: bold;
}
#review .slider .slide .text {
    font-size: 16px;
    line-height: 1.4;
    text-align: justify;
}
#review .slider .owl-nav {}
#review .slider .owl-nav .owl-prev,
#review .slider .owl-nav .owl-next {
    filter: grayscale(1);
    display: inline-block;
    width:  30px;
    height: 30px;
    position: absolute;
    top: calc(50% - 30px);
}
#review .slider .owl-nav .owl-prev {
    background: url(../images/arr-prev.svg) center no-repeat;
    background-size: contain;
    left: -60px;
}
#review .slider .owl-nav .owl-next {
    background: url(../images/arr-next.svg) center no-repeat;
    background-size: contain;
    right: -60px;
}
#review .slider .owl-nav .owl-prev:hover,
#review .slider .owl-nav .owl-next:hover {
    filter: none;
}
#review .slider .owl-dots {
    text-align: center;
    padding: 30px 0 0;
}
#review .slider .owl-dots .owl-dot {
    display: inline-block;
    vertical-align: middle;
    width:  8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ddd;
    margin: 4px;
}
#review .slider .owl-dots .owl-dot.active {
    background-color: #f82675;
    width:  14px;
    height: 14px;
}
#review .slider .owl-dots .owl-dot span {
    display: none;
}


#thx {
    background: url(../images/review-2.jpg) center top no-repeat;
    background-size: cover;
    min-height: calc(100vh - 170px);
    height: auto;
	text-align: center;
    padding-top: 200px;
    padding-bottom: 200px;
}
#thx h2 {
    font-size: 46px;
}
#thx h3 {
    font-size: 26px;
}
#thx p {
    font-size: 24px;
}
#thx form {
    max-width: 400px;
    margin: 0 auto;
}
#thx input[type=text] {
    display: inline-block;
    vertical-align: middle;
    font-weight: 300;
    font-size: 16px;
    color: #000;
    border-radius: 10px;
    padding: 20px 30px;
    border: none;
    background-color: #fff;
    margin-bottom: 20px;
}
#thx input[name=email] {
    width: 100%;
    margin: 0 auto 20px;
    display: block;
}
#thx fieldset {
    overflow: hidden;
    padding: 0;
    margin: 0;
    border: none;
}
#thx .btn {
    margin-top: 10px;
	width: 100%;
    max-width: 400px;
    padding: 25px 20px;
}
#thx p.accept {
    font-size: 12px;
    color: #757e8f;
    opacity: .6;
    margin-top: 20px;
    font-weight: 300;
}
#thx p.accept a {
    color: #757e8f;
    text-decoration: underline;
}


/* meadia */
@media screen and (min-width: 867px) and (max-width: 1200px) {

	#header {
		padding-top: 30px;
	}
	#header .nav ul li a {
		font-size: 13px;
		padding: 10px 8px;
	}
	#header .callback a {
		font-size: 20px;
	}
	
	#about picture img {
		width: 100%;
	}
	#about .about-bottom {
		background-position: top left;
    }
    
    #order form input.btn {
		margin-top: 20px;
    }
    
    #study-form form {
		margin-top: 0px;
	}
    #study-form form input.btn {
		margin-top: 20px;
    }
    
    #page-models-items .filter .age label {
		text-align: center;
		margin-right: 10px;
    }
    #page-models-items .filter .height {
		margin-right: 10px;
	}
	
	#magazine {}
	#magazine .magazine-bottom {
		margin-top: 440px;
	}
	
	#success {
        padding: 30px 0 30px;
        height: auto;
        background: #f5f9fa;
        background: #fff;
    }
	#success picture.photos {
        margin-bottom: 10px;
    }
    #success picture.photos .owl-dots {
        margin-top: 10px
    }
    #success picture.photos .slide {
        width: 100% !important;
        height: auto !important;
        background: none !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
        text-align: center;
    }
	#success picture.photos .slide img {
        width: 100%;
        max-width: 300px;
        height: auto;
        display: inline-block;
    }
    #success p.desc {
        position: relative;
		top: auto;
		bottom: auto;
		left: auto;
		right: auto;
		width: 500px;
		margin: 0;
    }
	#success .logos {}
    #success .logos a {}
	#success .logos img {}
    #success .logos .owl-nav {}
	

}

@media (max-width: 1200px) {}
@media (max-width: 992px) {}
/*@media (max-width: 868px) {*/
@media (max-width: 1000px) {

    .md-hide {
        display: block;
    }
    .xs-hide {
        display: none;
    }
    
    html, body {
        overflow-x: hidden;
    }

	.btn {
        padding: 20px 20px !important;
        width: 100% !important;
        font-size: 14px;
        letter-spacing: 0;
    }

	.heading {}
	.heading h2 {
        font-size: 26px !important;
    }
	.heading h3 {
        font-size: 18px !important;
        margin: 10px 0 !important;
    }

	#header {
        padding-top: 15px;
        padding-bottom: 15px;
        /*position: fixed;*/
        /*width: 100%;*/
        /*z-index: 1000;*/
    }
    #header-sticky-wrapper.is-sticky .callback p {
        display: none;
    }
	#header .logo {}
	#header .logo img {
        width: 72px;
    }
	#header .nav {
        display: none;
    }
	#header .nav ul {}
	#header .nav ul li {}
	#header .nav ul li.hide-desktop {
		display: block;
	}
	#header .nav ul li a {}
	#header .callback {
        margin-top: -15px;
        /*margin-top: 0px;*/
        text-align: right;
        display: none;
    }
    #header .callback-mobile {
		display: block;
    }
	#header .callback a {
        position: relative;
        font-size: 14px;
        font-size: 0;
        display: inline-block;
        width:  35px;
        height: 35px;
        border-radius: 50%;
        background: url(../images/icon-phone-white.svg) center no-repeat, #f82675;
        background-size: 15px;
    }
	#header .callback p {
        font-size: 10px;
        line-height: 1.1;
        width: 70px;
        padding-top: 5px;
        position: absolute;
        right: 0;
        bottom: -30px;
    }
	#header .callback:before {
        width: 12px;
        height: 12px;
        background-size: contain;
        margin-right: 4px;

        display: none;
    }
    #header .callback-mobile {
		display: block;
	}
    #header .callback-mobile a {
		width: 50px;
		height: auto;
		background: none;
		border-radius: 0;
		text-align: center;
		transform: translateY(10px);
}
    #header .callback-mobile a img {
        width: 30px;
	}
    #header .callback-mobile a p {
        width: auto;
		font-size: 7px;
		padding: 0;
		position: relative;
		bottom: auto;
	}
    #header label {
        position: relative;
        z-index: 990;
        display: block;
        width:  40px;
        height: 40px;
        padding: 9px;
        border-radius: 5px;
    }
    #header label img {
        width: 100%;
    }
    #header #nav-toggle:checked ~ .nav {
        display: block;
    }
    #header label.active {
        background-color: #f82675;
    }
    #header label.active img {
        filter: invert(1);
    }
    #header .nav {
        z-index: 900;
        position: absolute;
        left: 15px;
        top:  30px;
        background-color: #f82675;
        border-radius: 10px;
        padding: 10px 0;
        box-shadow: 0 0 10px 0 rgba(0,0,0,.2);
    }
    #header .nav ul li {
        display: block;
    }
    #header .nav ul li a {
        color: #fff !important;
        padding: 10px 30px;
    }
    #header .nav ul li.active {
        background: rgba(0,0,0,.2);
    }
    #header .nav ul li:hover {
        background: rgba(0,0,0,.2)
    }

	#main {
        position: relative;
        height: auto;
        padding-top: 80px;
        padding-bottom: 0px;
        background: #efefef;
        /*background: url(../img/m/home-1-1.jpg) bottom right no-repeat, #d9d9db;*/
        /*background-size: contain;*/
    }
	#main .contaier {
        position: relative;
    }
    #main .wrap {}
    #main .title {
        text-align: center;
        position: relative;
        z-index: 110;
        margin-bottom: -60px;
    }
    #main .title br {
        display: none;
    }
	#main .title h1 {
        font-family: 'DaxlineCyr-Medium', sans-serif;
        font-size: 24px;
    }
	#main .title h2 b {
		font-size: 28px;
		font-weight: bold;
	}
	#main .title h2 {
		font-size: 28px;
		font-weight: bold;
        margin: 5px 0;
    }
    #main .title h3 {
        font-size: 16px;
        margin-top: 0
    }
	#main .buttons {
        max-width: 100%;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 40px;
        padding: 0 15px 0;
    }
	#main .buttons p br {
        display: none
    }
    #main .buttons p {
        position: relative;
        z-index: 20;
        font-size: 12px;
        padding: 0 20px;
        color: #fff;
        text-shadow: 1px 1px 20px rgba(0,0,0,.7), -1px -1px 20px rgba(0,0,0,.7), -1px 1px 20px rgba(0,0,0,.7), 1px -1px 10px rgba(0,0,0,.7);
        /*text-shadow: 1px 1px #fff, -1px -1px #fff, -1px 1px #fff, 1px -1px #fff;*/
    }
    #main .buttons .btn {
		
    }
    #main picture {
        display: block;
        margin-left: -15px;
        margin-right: -15px;
    }
    #main picture img {
        width: 100%;
        height: auto;
    }

	#about {
        height: auto;
        margin: 0;
        background: #fff;
        padding: 40px 0;
    }
	#about picture {
        display: none;
    }
	#about picture img {}
	#about .heading {
        margin: 0 0 30px;
        text-align: center;
    }
    #about picture.xs {
        display: block;
        margin: 30px 0;
    }
    #about picture.xs img {
        width: 100%;
        height: auto;
    }
	#about p {
        font-size: 16px;
    }
	#about ul {
        display: block;
        margin: 0;
    }
	#about ul li {
        font-size: 14px;
    }
	#about a {
        margin-top: 20px;
    }
	#about .about-bottom {
        background: #fff;
        height: auto;
        margin: 0;
        padding: 0;
    }
	#about .about-bottom p {
        font-size: 18px;
        margin-top: 0;
    }
	#about h4 {
		font-size: 20px;
        margin-top: 10px;
	}
	#about .icons {}
	#about .icons .icon {}
	#about .icons .icon  img {
		width: 50px;
	}
	#about .icons .icon  p {
		font-size: 13px;
		line-height: 1.2;
	}
	#about .more-info {}

	#projects {
        background: #f4f9fc;
        height: auto;
        padding: 40px 0;
    }
	#projects .heading {
        padding: 0;
    }
	#projects .slider-1 {}
	#projects .slider-2 {}
	#projects .slider {
        display: block;
        margin: 30px 0 30px;
    }
	#projects .btn {
		margin-bottom: 30px;
	}
	#projects .slider .slide {
        display: none;
    }
	#projects .slider .slide:first-child {
        display: block;
    }
	#projects .slider .slide img {}
	#projects .slider .slide p {
        font-size: 16px;
    }
	#projects .slider .slide span {
        font-size: 14px;
    }
    #projects .slider .owl-dots .owl-dot {display: none;}
    #projects .slider .owl-dots .owl-dot:nth-child(1),
    #projects .slider .owl-dots .owl-dot:nth-child(2),
    #projects .slider .owl-dots .owl-dot:nth-child(3),
    #projects .slider .owl-dots .owl-dot:nth-child(4),
    #projects .slider .owl-dots .owl-dot:nth-child(5),
    #projects .slider .owl-dots .owl-dot:nth-child(6) {
		display: inline-block;
	}
	#projects .slider .slide-last {}
	#projects .slider .slide-last p {}
	#projects .slider .slide-last:hover p {}
	#projects.projects-page {}
	#projects.projects-page .slider .slide {
		margin: 0 auto 20px !important;
	}
	
	#blog {
        background: #f4f9fc;
        height: auto;
        padding: 80px 0;
	}
	#blog .container {}
	#blog .heading {
        padding: 0 0 20px;
	}
	#blog .items {
		flex-direction: column;
	}
	#blog .items .item {
		width: 100%;
		margin: 0 0 40px;
		flex-direction: column;
	}
	#blog .items .item img {
		width: 100%;
	}
	#blog .items .item .info {
		width: 100%;
		padding: 20px 0 0;
	}
	#blog .items .item .info .name {
		font-size: 18px;
	}
	#blog .items .item .info .date {
		font-size: 12px;
	}
	#blog .items .item .info .text {
	    font-size: 14px;
		line-height: 1.3;
		margin: 5px 0;
	}
	#blog .items .item .info .more {
		font-size: 16px;
		margin: 5px 0;
	}
	
	#post {
	    padding-top: 110px;
	    padding-bottom: 40px;
	}
	#post .heading {}
	#post picture {}
	#post picture img {
		margin-bottom: 20px;
		width: 100%;
	}
	#post .content {}
	#post .content img {
		width: 100%;
		height: auto;
	}
	#post .content h1 {
		font-size: 20px;
		line-height: 1.2;
	}
	#post .content h2 {
		font-size: 18px;
		line-height: 1.2;
	}
	#post .content h3 {
		font-size: 16px;
		line-height: 1.2;
	}
	#post .content p {
		font-size: 14px;
		line-height: 1.5;
	}
	#post .btn {
		margin-top: 10px;
	}

	#magazine {
        height: auto;
        background: #f4f9fc;
        padding: 20px 0;
    }
	#magazine .wrap {
        padding: 0;
        margin: 0;
        background: transparent;
    }
	#magazine .wrap h2 {
        font-size: 28px;
        display: block;
        margin: 0 0 10px;
    }
    #magazine .wrap .btn {
        font-size: 16px;
        display: inline-block;
        vertical-align: middle;
        color: #f82675;
        border: 2px solid #f82675;
        border-radius: 5px;
        background: none;
        margin: 0;
        padding: 10px 10px !important;
    }
    #magazine .wrap .btn:after {
        display: none;
    }
    #magazine .wrap .btn:hover {}
    #magazine picture {
        display: block;
        margin-top: 40px;
        margin-left: -15px;
        margin-right: -15px;
    }
    #magazine picture img {
        width: 100%;
        height: auto;
    }
	#magazine .magazine-bottom {
        margin: 0;
    }
	#magazine .magazine-bottom h4 {
        font-size: 18px;
        line-height: 1.3;
    }
	#magazine .magazine-bottom .btn {
        font-size: 16px;
    }

	#success {
        padding: 30px 0;
        height: auto;
    }
	#success picture.photos {
        margin-bottom: 10px;
    }
    #success picture.photos .owl-dots {
        margin-top: 10px
    }
    #success picture.photos .slide {
        width: 100% !important;
        height: auto !important;
        background: none !important;
        position: relative !important;
        top: 0 !important;
        left: 0 !important;
    }
	#success picture.photos .slide img {
        width: 100%;
        height: auto;
        display: inline-block;
        /*object-fit: cover;*/
    }
	#success .heading br {
        display: none
    }
    #success .heading {
        padding: 0;
        text-align: center;
    }
    #success p.desc {
        position: relative;
        top: 0;
        left: 0;
        bottom: 0;
        font-size: 14px;
        width: 100%;
        padding: 0px 15px 0;
        text-align: center;
    }
	#success .logos {
        position: relative
        margin: 10px 0 10px;
    }
    #success .logos a {
        display: block;
        width: 100%;
    }
	#success .logos img {
        width: auto;
        height: auto;
    }
    #success .logos .owl-nav {}
    #success .logos .owl-nav .owl-prev,
    #success .logos .owl-nav .owl-next {
        display: inline-block;
        width:  20px;
        height: 20px;
        position: absolute;
        top: calc(50% - 13px);
    }
    #success .logos .owl-nav .owl-prev {
        background: url(../images/arr-prev.svg) center no-repeat;
        background-size: contain;
        left: -10px;
    }
    #success .logos .owl-nav .owl-next {
        background: url(../images/arr-next.svg) center no-repeat;
        background-size: contain;
        right: -10px;
    }

	#order {
        margin: 0;
        height: auto;
        background: #fff;
        padding: 20px 0 0;
    }
    #order picture {
        display: block;
    }
    #order picture img {
        width: 100%;
        height: auto;
    }
	#order .heading {
        margin: 0;
    }
	#order .heading h2 {
        text-align: center;
    }
    #order .heading h2,
	#order .heading h3 {
        color: #000;
    }
	#order form {
        margin-top: 20px;
    }
	#order form fieldset {}
	#order form input[type=text] {
        font-size: 14px;
        border: 1px solid #696565;
        padding: 15px 30px;
        margin: 0 0 10px;
        width: 100%;
        max-width: 100%;
    }
	#order form input.btn {}
	#order form .accept {
        padding: 0;
    }
	#order form .accept input {}
	#order form .accept p {
        font-size: 12px;
        max-width: 230px;
    }

	#footer {
        padding: 20px 0;
        align-content: ;
    }
	#footer .logo {}
	#footer .logo img {
        display: none;
    }
	#footer .soc {
        margin: 0 0 10px;
    }
    #footer .conf {
		text-align: center;
    }
	#footer .soc a {}
	#footer .soc a img {}
	#footer .soc a:hover {}
    #footer .contacts {
        text-align: center !important;
        width: 100% !important;
    }
	#footer .address,
	#footer .phone,
	#footer .email {
        display: block;
        width: 100%;
        font-size: 16px;
    }

	.modal {
        width: 100%;
        padding: 0px 15px;
    }
    .modal h2 {
        font-size: 18px;
        margin-top: 20px;
        margin-bottom: 10px;
        line-height: 1.4;
    }
    .modal form {
        width: 100%;
        padding: 0;
        margin-top: 30px;
    }
    .modal form fieldset {
        padding: 0;
    }
    .modal form input[type=text] {
        width: 100% !important;
        margin: 0 0 10px !important;
        font-size: 14px;
        padding: 15px 20px
    }
    .modal form .btn {
        margin-top: 10px;
    }
    .modal form .btn:after {
        display: none;
    }
    .modal form p.accept {
        font-size: 10px;
    }

    .quiz {
        background: #fff;
        padding: 0px 0px 50px;
    }
    .quiz h2 br {
        display: none;
    }
    .quiz h2 {
        font-size: 18px;
        margin-top: 0;
        padding: 0 15px;
    }
    .quiz h3 {
        font-size: 16px;
    }
    .quiz .quests {}
    .quiz .quests .quest {}
    .quiz .answers {
        flex-wrap: wrap;
        padding: 0 25px;
        justify-content: start;
    }
    .quiz .answers label {}
    .quiz .answers label input {}
    .quiz .answers label p {}
    .quiz .answers label:hover {}
    .quiz .num {
        text-align: right;
        font-size: 12px;
        top: -20px;
        left: 5px;
    }

	/* -------------------------------  */

	#page-about {
        background: #feead2;
        height: auto;
        padding-top: 100px;
    }
    #page-about picture {
        display: block;
    }
    #page-about picture img {
        width: 100%;
        height: auto;
    }
	#page-about .container {}
	#page-about .title {}
	#page-about .title h1 {
        font-size: 38px;
    }
	#page-about .title h2 {
        font-size: 26px;
    }

	#mission {
        height: auto;
        background: #dffeff;
        padding: 26px 0;
    }
    #mission h4 {
        font-size: 32px;
        margin: 0px 0 20px;
        color: #000;
    }
	#mission h2 {
        text-align: left;
        margin-top: 0;
        font-size: 18px;
    }
	#mission p {
        text-align: left;
        padding: 0;
        font-size: 16px;
        line-height: 1.2;
        margin-top: 0;
    }

	#values {
        background: #f2f2f0;
        padding-top: 0px;
        padding-bottom: 0;
        height: auto;
    }
	#values picture {
        display: block;
    }
	#values picture img {
        width: 100%;
        height: auto;
    }
	#values .heading {
        text-align: center;
    }
	#values .heading h2 br {
        display: none;
    }
	#values .heading p {}
	#values .items {}
	#values .items p {
        font-size: 16px;
    }
	#values .items span {}

	#map {
        padding: 20px 0 0;
        height: auto;
        background: #fff;
    }
	#map .heading {}
	#map .heading h2 {}
	#map picture {
        display: block;
    }
	#map picture img {
        width: 100%;
        height: auto;
    }

	#franch {
        padding: 40px 0;
        height: auto;
        background: #f8fced;
        text-align: center;
    }
	#franch .heading {
        margin-bottom: 0;
    }
	#franch .heading h2 {}
    #franch p {
        text-align: left
    }
	#franch .btn {
        margin-top: 20px;
    }

	#press {
        padding: 40px 0 20px;
        height: auto;
        background: #fff;
        text-align: center;
    }
	#press .heading {
        margin-top: 0;
    }
	#press .heading h2 {}
	#press p {
        font-size: 14px;
        text-align: left;
    }
	#press .slider {}
	#press .slider a {}
	#press .slider a img {}
    #press .slider .owl-dots {
        margin-top: -10px
    }

	/* -------------------------------  */

	#page-contacts {
        padding-top: 0;
        margin-top: 80px;
    }
	#page-contacts .map > ymaps,
	#page-contacts .map {
        height: 300px !important;
    }
	#page-contacts .wrap {
        position: relative;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        border-radius: 0;
        box-shadow: none;
        padding: 0;
        margin-bottom: 30px;
    }
	#page-contacts .wrap .heading {
        margin-bottom: 20px;
    }
	#page-contacts .wrap .heading h2 {}
	#page-contacts .wrap form {}
	#page-contacts .wrap form select {}
	#page-contacts .wrap ul {}
	#page-contacts .wrap ul li {
        margin: 20px 0;
    }
	#page-contacts .wrap ul li span {}
	#page-contacts .wrap ul li p {
        margin: 5px 0;
    }
	#page-contacts .wrap .soc {}
	#page-contacts .wrap .soc a {}
	#page-contacts .wrap .soc a img {}
	#page-contacts .wrap .soc a:hover {}

	/* -------------------------------  */

    #page-model {
        padding-top: 10px;
        margin-top: 80px;
        padding-bottom: 30px;
    }
    #page-model .name {
        position: relative;
        top: 0;
        left: 0;
        padding: 0;
        margin-bottom: 30px;
    }
    #page-model .name h4 {}
    #page-model .name div {}
    #page-model .name p {
        display: block;
        width: 100%;
    }
    #page-model .name .btn {
        display: block;
        width: 100%;
        margin-top: 20px;
    }
    #page-model .items {}
    #page-model .items .item {
        display: block !important;;
        width: 100% !important;;
        height: 300px !important;;
        box-shadow: none !important;;
        margin: 0 0 10px !important;;
    }
    #page-model .items .item-main {}
    #page-model .all {
        padding: 10px 20px;
    }

    /* -------------------------------  */

    #page-project {
        padding-top: 10px;
        margin-top: 80px;
        padding-bottom: 30px;
    }
    #page-project .items {}
    #page-project .items .item {
        display: block !important;;
        width: 100% !important;;
        height: 300px !important;;
        box-shadow: none !important;;
        margin: 0 0 10px !important;;
    }
    #page-project .items .item-main {}
    #page-project .desc p {
        width: 100%;
        font-size: 14px;
        margin: 30px 0 30px;
    }

    /* -------------------------------  */

	#page-models {
        height: auto;
        background: #caccc9;
        padding-top: 100px;
    }
	#page-models picture {
        display: block;
    }
	#page-models picture img {
        width: 100%;
        height: auto;
    }
	#page-models .title {
        text-align: center;
    }
	#page-models .title h1 {
        font-size: 38px;
    }
	#page-models .btn {
        margin-top: 40px;
    }

	#page-models-items {
        margin-bottom: 0;
        padding-bottom: 15px;
    }
	#page-models-items .filter {
        display: block;
        padding: 20px 0;
        margin: 0;
    }
	#page-models-items .filter > div {}
	#page-models-items .filter .age {
        display: block;
        font-size: 0;
        padding: 0 20px;
    }
	#page-models-items .filter .age label {
        width: 50%;
        display: inline-block;
        vertical-align: middle;
        margin: 0 0 20px;
    }
	#page-models-items .filter .age label input {}
	#page-models-items .filter .age label p {}
	#page-models-items .filter .height {}
	#page-models-items .filter .city {}
	#page-models-items .filter select {
        width: 100%;
        margin: 0 0 10px;
    }
	#page-models-items .items {
	    display: block;
	}
	#page-models-items .items .card {
        width: 100%;
        margin: 0 0 15px;
    }
	#page-models-items .items .card img {
	    width: 100%;
	    height: auto;
	}
	#page-models-items .items .card p {}
	#page-models-items .items .card p span {}
	#page-models-items .all {
        padding: 10px 20px;
    }

	/* -------------------------------  */

	#page-study {
        height: auto;
        background: #dde2e8;
        padding-top: 90px;
    }
	#page-study picture {
        display: block;
    }
	#page-study picture img {
        width: 100%;
        height: auto;
    }
	#page-study .title {}
	#page-study .title h1 {
        font-size: 32px;
    }
    #page-study .title h3 br {
        display: none;
    }
	#page-study .title h3 {
        font-size: 16px;
    }

	#course {
        height: auto;
        background: url(../images/study-2.jpg) center no-repeat;
        background-size: cover;
        padding: 30px 0;
    }
	#course .heading {
        text-align: center;
    }
	#course .heading h2 {}
	#course .heading h3 {}
	#course p {
        text-align: center;
    }

	#process {}
    #process picture {
        display: block;
        margin: 0px 0 20px;
        padding: 0 10px;
    }
    #process picture img {
        width: 100%;
        height: auto;
    }
	#process .items {
        padding-top: 0;
    }
	#process .items .item {
        height: auto !important;
        background: none !important;
    }
	#process .items .item .heading {
        margin-bottom: 10px;
    }
	#process .items .item .heading h2 {}
	#process .items .item p {
        font-size: 16px;
    }
    #process .items .item p b {
        font-size: 18px;
    }
	#process .items .item:nth-child(even) {}
	#process .items .item:nth-child(odd) {}

	#portfolio {}
	#portfolio .heading {}
	#portfolio .heading h2 {}
	#portfolio .heading .tip {
        transform: none;
        position: relative;
        display: inline-block;
        margin-top: 10px;
    }
	#portfolio .heading .tip span {}
	#portfolio .heading .tip span img {
        width: 26px;
    }
	#portfolio .heading .tip p {
        font-size: 14px;
        padding: 15px;
        left: -100%;
        width: 250px;
        transform: translateX(-30%);
    }
	#portfolio .nav {
        margin: 20px 0;
        margin-left: -15px;
        margin-right: -15px;
    }
	#portfolio .nav ul {}
	#portfolio .nav ul li {
        margin: 0;
    }
	#portfolio .nav ul li a {
        padding: 5px;
        font-size: 14px;
    }
	#portfolio .nav ul li a.active {
        color: #fe3f76;
    }
	#portfolio picture {}
	#portfolio picture img {
        width: 100% !important;
        height: auto !important;
    }
	#portfolio .icons {
        font-size: 0;
        margin-top: 20px;
    }
	#portfolio .icons .icon {
        width: 100%;
        margin: 5px 0;
    }
	#portfolio .icons .icon img {
        width: 31px;
    }
	#portfolio .icons .icon p {
        font-size: 16px;
        margin: 10px 0;
    }
    #portfolio .slider .owl-nav {
        display: none !important;
    }

	#features {
		height: auto;
		padding: 0px 0 30px;
	    background: linear-gradient(to bottom, #f4f9fc, #f4f9fc);
	}
	#features .heading {}
	#features .heading h2 {}
	#features .items {
		margin: 20px 0 0;
	}
	#features .item {
		position: relative;
		top: auto;
		left: auto;
		display: flex;
		align-items: center;
}
	#features .item p {
		font-size: 14px;
		margin-left: 40px;
		margin-top: 30px;
		max-width: 160px;
	}
	#features .item i {
	    font-size: 70px;
		width: 40px;
		text-align: center;
}
	#features .item span {
		width: 7px;
		height: 7px;
		top: 45px;
		left: 50px;
	}

	#study-form {
        margin: 0;
        height: auto;
        background: #fff;
        padding: 20px 0 0;
    }    
    #study-form picture {
        display: block;
    }
    #study-form picture img {
        width: 100%;
        height: auto;
    }
	#study-form .heading {
        margin: 0;
        text-align: center;
    }
	#study-form .heading h2,
	#study-form .heading h3 {
        color: #000;
    }
    #study-form .heading p {}
	#study-form form {
        margin-top: 20px;
    }
	#study-form form fieldset p {
        padding: 0 30px;
        margin-top: 0;
    }
	#study-form form fieldset {}
	#study-form form input[type=text] {
        font-size: 14px;
        border: 1px solid #696565;
        padding: 15px 30px;
        margin: 0 0 10px;
        width: 100%;
        max-width: 100%;
    }
	#study-form form input.btn {
        padding: 0;
    }
	#study-form form .accept {}
	#study-form form .accept input {
        display: inline-block;
        vertical-align: top;
    }
	#study-form form .accept p {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        max-width: 190px;
        margin-top: 0;
    }
    
    #pro {
        background: #000;
        height: auto;
        padding: 40px 0 0;
    }
    #pro .heading {
        text-align: center;
    }
    #pro .btn {
        margin-top: 20px;
        margin-bottom: 40px;
    }
    #pro .items {
        font-size: 0;
        margin: 0 0 30px;
    }
    #pro .items .item {
        width: 33%;
    }
    #pro .items .item span {}
    #pro .items .item p {
        font-size: 12px;
    }

	/* -------------------------------  */

	#page-teacher {
        margin-top: 80px;
        padding-bottom: 40px;
    }
	#page-teacher .heading {
        text-align: left;
        margin: 30px 0 10px;
    }
	#page-teacher .heading h2 {}
	#page-teacher .heading p {}
	#page-teacher picture {
        display: block
    }
	#page-teacher picture img {
        width: 100%;
        height: auto;
    }
	#page-teacher p {
        font-size: 14px;
    }
	#page-teacher p b {
        padding: 0 0;
        font-size: 17px;
    }
    #page-teacher .all {
        padding: 10px 20px;
    }

	#teacher-form {
        margin: 0;
        height: auto;
        background: #fbcc52;
        padding: 40px 0 0;
    }
	#teacher-form .heading br {
        display: none
    }
    #teacher-form .heading {
        margin: 0;
        text-align: center;
    }
	#teacher-form form {
        margin-top: 20px;
    }
	#teacher-form form fieldset p {
        padding: 0 30px;
        margin-top: 0;
    }
	#teacher-form form fieldset {}
	#teacher-form form input[type=text] {
        font-size: 14px;
        /*border: 1px solid #696565;*/
        padding: 15px 30px;
        margin: 0 0 10px;
        width: 100%;
        max-width: 100%;
    }
	#teacher-form form input.btn {
        padding: 0;
   }
	#teacher-form form .accept {}
	#teacher-form form .accept input {
        display: inline-block;
        vertical-align: top;
    }
	#teacher-form form .accept p {
        display: inline-block;
        vertical-align: top;
        font-size: 12px;
        max-width: 190px;
        margin-top: 0;
    }

	/* -------------------------------  */

	#page-teachers {
        margin-top: 70px;
        height: auto;
        background: none;
    }
    #page-teachers picture {
        display: block;
    }
    #page-teachers picture img {
        width: 100%;
        height: auto;
    }
	#page-teachers .founder {}
	#page-teachers .founder .icon {
        transform: translateY(-17px);
    }
	#page-teachers .founder .icon img {
        width: 34px
    }
	#page-teachers .founder .icon p {}
	#page-teachers .founder .card {
        margin-top: -30px;
        width: 100%;
        height: 290px;
        background: url(../images/founder.png) bottom right no-repeat;
        background-size: cover;
        padding: 0px 30px 30px;
        padding-right: 90px;
    }
    #page-teachers .founder .card .close {
        width:  15px;
        height: 15px;
        position: absolute;
        top: 10px;
        right: 10px;
        background: url(../images/close.svg) center no-repeat;
        background-size: contain;
    }
    #page-teachers .founder .card h4 {
        font-size: 18px;
    }
    #page-teachers .founder .card p,
    #page-teachers .founder .card a {
        font-size: 14px;
    }

	#teachers-main {
        height: auto;
        background: none;
        padding: 50px 0 20px;
    }
	#teachers-main picture {
        transform: none !important;
        margin-bottom: 20px;
    }
	#teachers-main picture img {
        width: 100%;
        height: auto;
    }
    #teachers-main .btn-md {display:none;}
    #teachers-main .btn-xs {display:block;}
    #teachers-main .btn {
        margin-top: 0px;
        margin-bottom: 30px;
    }
	#teachers-main .heading {
        margin-top: 0;
        margin-bottom: 0px;
    }
	#teachers-main .heading h2 {}
	#teachers-main .heading p {}
	#teachers-main select {
        width: 100%;
        margin-bottom: 40px;
    }
    #teachers-main picture.teacher-2 {
		margin-top: 10px;
    }
    #teachers-main .director-slider {
		transform: translateY(0px);
		margin-top: 40px;
    }
    #teachers-main picture.teacher-2 {
		max-height: 410px;
		overflow: hidden;
    }

	#teachers-items {
        height: auto;
        background: none;
        margin: 40px 0 20px;
    }
    #teachers-items .heading h2 {
        text-align: center;
    }
    #teachers-main .director-slider .owl-dots {
		padding: 0;
    }
	#teachers-items .items {
        margin-top: 20px;
        margin-bottom: 0;
        
        display: block;
    }
	#teachers-items .items .card {
        width: 100%;
        margin: 0 0 15px;
    }
	#teachers-items .items .card img {
	    width: 100%;
	    height: auto;
	}
	#teachers-items .items .card p {}
	#teachers-items .items .card span {}

	/* -------------------------------  */

	#review {
		background: #edf5ff;
		height: auto;
		padding: 20px 0 40px;
	}
	#review .heading {}
	#review .heading h2 a {
		margin-left: 5px;
	}
	#review .heading h2 a img {
		width: 25px;
	}
	#review .slider {
		margin: 30px auto;
		max-width: 100%;
	}
	#review .slider .slide {
		height: auto;
		min-height: 0px;
	}
	#review .slider .slide a.play {}
	#review .slider .slide > img {
		width: 100%;
	}
	#review .slider .slide .name {
		font-size: 18px;
	}
	#review .slider .slide .text {
		font-size: 13px;
	}
    #review .slider .owl-nav {
        display: none !important;
    }

	#thx {
		background: url(../images/review-2.jpg) center top no-repeat;
		background-size: cover;
		min-height: calc(100vh - 170px);
		text-align: center;
		padding-top: 100px;
		padding-bottom: 50px;
	}
	#thx h2 {
		font-size: 26px;
	}
	#thx h3 {
		font-size: 18px;
	}
	#thx h3 br {
		display: none;
	}
	#thx p {
		font-size: 16px;
	}

}