#site-cache{
	transition:0.5s all ease;
	-webkit-transition:0.5s all ease;
	-moz-transition:0.5s all ease;
	-o-transition:0.5s all ease;
	-ms-transition:0.5s all ease;
}
#site-cache.active{
	background-color: rgba(0,0,0,0.6);
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 50;
}
.mobile-menu{
	display:none;
	z-index:200;
}
@media screen and (max-width:1170px){
	#reviews .item {
		max-width: 31%;
		margin: 1% 1% 0;
	}	
	#reviews .item:nth-child(4n + 4) {
		margin: 1% 1% 0;
	}
	#reviews .content{
		text-align:center;
	}
}
@media screen and (max-width:1140px){
	#top-nav .row a{
		padding:5px 15px;
	}
	.container{
		padding-left:5px;
		padding-right:5px;
	}
	
	/* #image-map */
	
	#image-map{
		height:auto;
	}
	#image-map h2 {
		font-size: 34px;
		margin: 0 0 20px 0;
	}
	#image-map .left .text {
		font-size: 24px;
		margin: 0 0 20px 0;
	}
	#image-map #map-image {
		max-width: 500px;
	}
	#image-map .left {
		padding: 0 0 0 0;
	}
	#image-map .right {
		padding: 30px 0 30px 0;
	}
	
}
@media screen and (max-width:1060px){
	
	/* #image-map */
	#image-map .left{
		width:62%;
	}
	#image-map .right {
		width:38%;
	}
}
@media screen and (max-width:920px){
	#before-after .content .swiper-heading .title{
		width:100%;
		text-align:center;
		margin:0 0 10px 0;
	}
	#before-after .content .swiper-heading .controls{
		width:100%;
		text-align:center;
	}
	#before-after .content .swiper-heading {
		margin: 0 0 20px 0;
	}
	
	#before-after .content .swiper-slide .before img,
	#before-after .content .swiper-slide .after img{
		height:350px;
	}

	#before-after .content .swiper-slide .before p, 
	#before-after .content .swiper-slide .after p {
		margin: 10px 0 0 0;
	}
	#before-after .content .swiper-container {
		margin: 0 0 30px 0;
	}
}
@media screen and (max-width:920px){
	#sert .content .swiper-container {
		max-width: 600px;
		margin: 0 auto;
	}
}
@media screen and (max-width:900px){
	header .logo{
		width:20%;
	}
	header .feedback{
		width:22%;
	}
	header .schedule{
		width:20%;
	}
	header .logo img{
		max-width:100%;
	}
	header .schedule .thumbnail,
	header .location .thumbnail{
		display:none;
	}
	header .schedule .text,
	header .location .text{
		width:100%;
	}
	header .location .text{
		padding:0 0 0 20px;
	}
	header .phone a{
		font-size:20px;
	}
	#top-nav{
		position:fixed;
		right:-100%;
		top:0;
		height:100%;
		width:200px;
		z-index:200;
	}
	#top-nav .container{
		display:table;
		height:100%;
	}
	#top-nav .row{
		text-align:left;
		display:table-cell;
		vertical-align:middle;
	}
	
	.mobile-menu{
		display:inline-block;
		zoom:1;*display:inline;
		vertical-align:middle;
		width:7%;
		text-align:center;
	}
	.toggle_mnu {
		background:none;
		width: 40px;
		z-index: 400;
		border: none;
		display:inline-block;
	}
	.toggle_mnu span {
		display: block; 
	}
	.sandwich {
		width: 28px;
		height: 23px;
		margin: auto;
		z-index: 400; 
	}
	.sw-topper {
		position: relative;
		top: 0;
		width: 15px;
		height: 3px;
		background: #c4a094;
		border: none;
		border-radius: 4px 4px 4px 4px;
		-webkit-transition: -webkit-transform 0.5s, top 0.2s;
		transition: transform 0.5s, top 0.2s;
		display: block; 
	}
	.sw-bottom {
		position: relative;
		width: 28px;
		height: 3px;
		top: 6.6px;
		background: #c4a094;
		border: none;
		border-radius: 4px 4px 4px 4px;
		-webkit-transition: -webkit-transform 0.5s, top 0.2s;
		transition: transform 0.5s, top 0.2s;
		-webkit-transition-delay: 0.2s, 0s;
		transition-delay: 0.2s, 0s; 
	}
	.sandwich.active .sw-topper {
		background: #000;
	}
	.sandwich.active .sw-bottom {
		background: #000;
	}
	.sw-footer {
		position: relative;
		width: 20px;
		height: 3px;
		top: 13.5px;
		background: #c4a094 ;
		border: none;
		border-radius: 4px 4px 4px 4px;
		-webkit-transition: all 0.5s;
		transition: all 0.5s;
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s; 
	}
	.sandwich .sw-topper,
	.sandwich .sw-bottom,
	.sandwich .sw-footer{
		width: 28px;
	}
	.sandwich.active .sw-topper {
	  top: 9px;
	width: 28px;
	  -webkit-transform: rotate(-45deg);
		  -ms-transform: rotate(-45deg);
			  transform: rotate(-45deg); }
	.sandwich.active .sw-bottom {
	  top: 6px;
	width: 28px;
	  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
			  transform: rotate(45deg); }
	.sandwich.active .sw-footer {
	  opacity: 0;
	  top: 0;
	width: 28px;
	  -webkit-transform: rotate(180deg);
		  -ms-transform: rotate(180deg);
			  transform: rotate(180deg); }

	.top_mnu {
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.85);
		z-index: 150;
		right: 0;
		top: 0;
		display: none; }
	.top_mnu ul,
	.top_mnu li {
		list-style-type: none;
		padding: 0;
		margin: 0; }
	.top_mnu ul {
		margin-top: 20px;
		text-align: center;
		-webkit-animation-duration: 0.01s;
		animation-duration: 0.01s; }
	.top_mnu ul li:nth-child(1) a {
		-webkit-animation-delay: 0;
		animation-delay: 0; }
	.top_mnu ul li:nth-child(2) a {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s; }
	.top_mnu ul li:nth-child(3) a {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s; }
	.top_mnu ul li:nth-child(4) a {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s; }
	.top_mnu ul a{
		color: #fff;
		display: block;
		text-transform: uppercase;
		font-size: 12px;
		opacity: 1;
		position: relative;
		line-height:40px;
		outline: none; 
	}
	.top_mnu ul a:hover{
		background-color: rgba(255, 255, 255, 0.8);
		color:#000;
	}
	.top_mnu ul a span {
		display: block;
		position: relative;
		top: -15px;
		left: 0;
		height: 100%;
		-webkit-transition: all 0.5s ease;
		transition: all 0.5s ease; 
	}
	.top_mnu ul a span:hover{
		color:#000;
	}
	
	/* #bg1 */
	#bg1 .container .content {
		padding: 68px 0 0 0;
	}
	#bg1 .container {
		height: 710px;
	}
	
	/* #ben */
	
	#ben .content .item {
		padding: 10px;
	}
	#ben2 .content .item {
		padding: 10px;
	}
	
	/* #image-map */
	#image-map{
		padding:45px 0 0 0;
	}
	#image-map .left{
		width:100%;
		text-align:center;
	}
	#image-map .right {
		width:100%;
		text-align:center;
	}
	#image-map .left .content{
		max-width:100%;
	}
	#image-map .zones{
		position:static;
	}
	#image-map .right .item{
		width:20%;
		display:inline-block;
		vertical-align:top;
		zoom:1;*display:inline;
		text-align:center;
	}
	#image-map .right .item .title{
		width:100%;
		padding:10px 0 0 0px;
	}
	#image-map .right .item .thumbnail{
		width:100%;
	}
	#image-map .right .item.item2{
		margin:0 0 0 0px;
	}
	#image-map .right .item.item3{
		margin:0 0 0 0px;
	}
	#image-map .right .item.item4{
		margin:0 0 0 0px;
	}
	#image-map .right .item.item5{
		margin:0 0 0 0px;
	}
	#image-map .right .item .thumbnail{
		background-position:center !important;
	}
	
	/* #hww */
	#hww {
		padding: 35px 0;
	}
	#hww h2 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	#hww .content .item .thumbnail:after{
		display:none;
	}
	
	/* #bg3 */
	#bg3 {
		padding: 40px 0 40px;
		margin: 0 0 40px 0;
	}
	
	/* #procedure */
	
	#procedure {
		padding: 0 0 40px 0;
	}
	#procedure h2 {
		font-size: 30px;
		margin: 0 0 50px 0;
	}
	#procedure .top .item .thumbnail {
		margin: 0 0 20px 0;
	}
	
	/* #why */
	
	#why {
		margin: 45px 0 45px 0;
	}
	#why h2 {
		font-size: 30px;
		font-weight: 600;
		margin: 0 0 30px 0;
		text-align: center;
	}
	#why .text {
		margin: 0 auto 20px;
		font-size: 16px;
	}
	
	/* #video */
	
	#video{
		height:560px;
	}
	
	#effect {
		padding: 40px 0 0 0;
	}
	
	#ben2 {
		padding: 40px 0 0px 0;
		margin: 0 0 40px 0;
	}
	
	
	/* #docs */
	#docs h2{
		font-size:30px;
	}
	#docs {
		padding: 40px 0 0px 0;
		margin: 0 0 40px 0;
	}
	
	#docs .blocks .block .description .quote {
		padding: 5px;
	}
	#docs .blocks .block .description .quote:after{
		display:none;
	}
	#docs .blocks .block .thumbnail, 
	#docs .blocks .block .description,
	#docs .blocks .block .diploma{
		vertical-align:top;
	}
	#docs .blocks .block .description .name {
		font-size: 18px;
		margin: 0 0 10px 0;
	}
	#docs .blocks .block .diploma {
		padding: 0 5px;
	}
	
	/* #faq */
	
	#faq {
		margin: 0 0 35px 0;
		padding: 35px 0;
	}
	#faq h2 {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	#faq .content .item {
		max-width: 100%;
		width: 100%;
	}
	#faq .content .item:nth-child(2n + 2) {
		margin-left: 0%;
	}
	#faq .content .item .question{
		text-align:center;
	}
	#faq .content .item {
		padding: 15px 0 15px 0;
	}
	#faq .content .item .answer{
		text-align:center;
	}
	
	/* #faq */
	
	#clinic {
		margin: 0 0 35px 0;
	}
	#clinic h2 {
		font-size: 30px;
		margin: 0 0 20px;
	}
	
	/* #map */
	
	#map {
		height: 450px;
	}
	#contacts .content{
		top:81px;
	}
}
@media screen and (max-width:800px){
	header .schedule .text,
	header .location .text{
		font-size:14px;
	}
	header .phone a{
		font-size:18px;
	}
	header .logo{
		width:100%;
		text-align:center;
		margin:0 0 10px 0;
	}
	header .location{
		width:35%;
	}
	header .schedule{
		width:25%;
	}
	header .feedback{
		width:30%;
	}
	header .mobile-menu{
		width:10%;
	}
	
	/* #ben */
	
	#ben .bottom,
	#ben .content{
		text-align:center;
	}
	#ben .content .item .title {
		font-size: 22px;
		margin: 0 0 10px 0;
	}
	#ben .bottom .text{
		font-size:16px;
	}
	#ben .content .item {
		width: 45%;
		margin:0 0 10px 0;
	}
	/* #ben2 */
	
	#ben2 .bottom,
	#ben2 .content{
		text-align:center;
	}
	#ben2 .content .item .title {
		font-size: 22px;
		margin: 0 0 10px 0;
	}
	#ben2 .bottom .text{
		font-size:16px;
	}
	#ben2 .content .item {
		width: 45%;
		margin:0 0 10px 0;
	}
	
	/* #hww */
	
	#hww .content .item .thumbnail .number {
		width: 31px;
		line-height: 31px;
		font-size: 22px;
		top: -15.5px;
		margin-left: -15.5px;
	}
	#hww .subtitle {
		margin: 0 0 30px 0;
	}
	
	#bg3 h2 {
		font-size: 30px;
		text-align:center;
	}
	#bg3 .subtitle {
		font-size: 24px;
		text-align:center;
		margin: 0 0 20px 0;
	}
	#bg3 form{
		margin:0 auto;
	}
	#bg3 .step .title{
		text-align:center;
	}
	#bg3 .step .row{
		text-align:center;
	}
	#bg3 .controls{
		text-align:center;
	}
	
	
	/* #procedure */
	
	#procedure .top .item{
		max-width:100%;
		width:41%;
		margin:0 2% 40px;
	}
	#procedure .top .item:last-child {
		margin:0 2% 40px;
	}
	
	#procedure .bottom .item .title {
		font-size: 18px;
		padding: 0 5px;
	}
	#procedure .top {
		margin: 0 0 30px 0;
	}
	
	#reviews {
		margin: 0 0 35px 0;
		padding: 0 0 35px 0;
	}
	#reviews h2 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	
	/* #sert */
	
	#sert {
		margin: 0 0 35px 0;
	}
	#sert h2 {
		font-size: 30px;
		margin: 0 0 25px 0;
	}
	
	/* footer */
	
	footer .logo, 
	footer .copyrights, 
	footer .feedback{
		width:100%;
		margin:0 0 10px 0;
		padding:0;
		text-align:center;
	}
}
@media screen and (max-width:660px){
	header .location{
		width:50%;
	}
	header .schedule{
		width:50%;
	}
	header .feedback{
		width:100%;
		text-align:center;
	}
	header .mobile-menu{
		width:auto;
		position:fixed;
		right: 10px;
		top: 50px;
	}
	header .location .text,
	header .schedule .text{
		padding:0;
		text-align:center;
		margin:0 0 10px 0;
	}
	
	/* #bg1 */
	
	#bg1 .container {
		height: 600px;
	}
	#bg1 .container .content .inner{
		text-align:center;
	}
	#bg1 .container .content h1 {
		font-size: 35px;
	}
	#bg1 .container .content .gift-block {
		margin:0 auto;
		text-align:left;
	}
	#bg1 .container .content .description {
		font-size: 18px;
	}


	/* #ben */
	#ben{
		padding:0 0 30px 0;
	}
	#ben .bottom .title span,
	#ben h2 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	#ben .content .item {
		width: 100%;
	}
	#ben .content{
		margin:0 0 20p 0;
	}
	/* #ben2 */
	#ben2 h2 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	#ben2 .content .item {
		width: 100%;
	}
	#ben2 .content{
		margin:0 0 20p 0;
	}
	
	/* #image-map */
	#image-map .right .item {
		width: 33.333%;
		margin:0 0 10px 0;
	}
	#image-map #map-image{
		max-width:100%;
	}
	#image-map {
		margin: 0 0 30px 0;
	}
	
	/* #before-after */
	
	#before-after h2 {
		font-size: 30px;
		margin: 0 0 30px 0;
	}
	#before-after .content .swiper-heading .title {
		font-size: 22px;
	}
	#before-after .content .swiper-slide .before img,
	#before-after .content .swiper-slide .after img {
		height: auto;
	}
	
	/* #hww */
	
	#hww .content .item,
	#hww .content .item:last-child {
		margin:30px 0  0px 0;
		width: 100%;
	}
	#hww .content .item .thumbnail {
		margin: 0 0 10px 0;
	}
	#bg3 .step .title {
		font-size: 24px;
		margin: 0 0 10px 0;
	}
	#bg3 .process {
		margin: 0 0 10px 0;
	}
	#bg3 .step {
		margin: 0 0 20px 0;
	}
	
	/* #procedure */
	
	#procedure .top .item:last-child,
	#procedure .top .item {
		max-width: 100%;
		width: 100%;
		margin: 25px 0% 0px;
	}
	#procedure .bottom .item {
		width: 100%;
		margin: 25px 0% 0px;
	}
	#procedure .top .item .thumbnail img{
		max-width:100%;
		width:auto;
		margin:0 auto;
	}
	#procedure .top .item .thumbnail .num {
		width: 25px;
		line-height: 25px;
		font-size: 16px;
		top: -12.5px;
		margin-left: -12.5px;
		left: 50%;
	}
	
	/* #effect */
	
	#effect h2 {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	
	/* #bg4 */
	
	#bg4{
		text-align:center;
		padding: 70px 0;
	}
	#bg4 h2 {
		font-size: 30px;
		margin: 0 0 20px 0;
	}
	#bg4 .text {
		font-size: 18px;
		margin: 0 0 15px 0;
	}
	#bg4 .content{
		max-width:100%;
	}
	
	/* #docs */
	#docs .blocks .block .thumbnail{
		width:100%;
		text-align:center;
		margin:0 0 15px 0;
	}
	#docs .blocks .block .description{
		width:100%;
		margin:0 0 15px 0;
		text-align:center;
	}
	#docs .blocks .block .diploma{
		width:100%;
	}
	
	/* #contacts */
	
	#contacts .content{
		position:static;
		max-width:100%;
	}
}
@media screen and (max-width:500px){
	#bg1 .container .content .gift-block {
		padding: 10px 10px 10px 10px;
		text-align:center;
		background: #c4a094;
	}
	#bg1 .container .content .gift-block .offer, 
	#bg1 .container .content .gift-block .offer-text{
		display:block;
		width:100%;
	}
	#bg1 .container .content .gift-block .offer-text{
		padding:0;
	}
	
	#reviews .item {
		max-width: 44%;
	}	
	#reviews .item:after {
		background: #c4a094 url(../images/review_hover.png) no-repeat center / 50%;
	}
}
@media screen and (max-width:375px){
	#ben .bottom .title,
	#ben2 .bottom .title,
	h2{
		font-size:26px !important;
		margin: 0 0 20px 0;
	}
	header .logo img{
		max-width:55%;
	}
	header .location{
		width:100%;
		margin:0 0 10px 0;
	}
	header .schedule{
		width:100%;
		margin:0 0 10px 0;
	}
	
	/* #image-map */
	#image-map .right .item {
		width: 45%;
	}
}