@import url(reset.css);
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,300,300italic,600,600italic,700,700italic&subset=latin,cyrillic);








html{height:100%;}
body{font:300 14px/1.3 "Open Sans", sans-serif; color:#1c1c1c; height: 100%; overflow-x:hidden;}

.container{position:relative; width:960px; margin:0 auto; }
.container-surgery{position:relative; width:920px; margin:0 auto;}

.scrolloff {pointer-events: none;}
.show-scroll{position:fixed; left:0; top:0;  z-index:99999; background:#fff; width:260px;
text-align:left; padding:6px 15px 10px 10px;}


.content-container{position:relative; width:940px; margin:0 auto; }

.link {cursor: pointer; text-decoration: underline}
.link:hover {text-decoration: none;}
.selo_tags{width: 610px; padding: 10px; background: #f1f1f1; border-radius: 10px;}
  
				
.small-font	{font:300 14px/1.3 "Open Sans", sans-serif; color:#3a9eda!important; padding-left:20px;}			
acronym {border-bottom: 1px dashed blue; color:#3a9eda; }
.top-block{width:960px; margin:0 auto; overflow:hidden; height:85px; padding:2px 0; box-sizing:border-box;  }
	
#logo{position: absolute; top: 10px; left: 30px; width: 65px; height: 65px; background: url("../img/logo.png") no-repeat; text-decoration: none; background-size: 65px; }
#logo p{position: absolute; top: 15px; left: 75px; width: 560px; font:300 24px "Open Sans", sans-serif; color:#2d465f;}
#logo-title{position:absolute; top:25px; left:100px; width:560px; height:40px;  text-decoration:none; font:300 24px "Open Sans", sans-serif; color:#000; display:block;}

.prof-persone{display:block; cursor:pointer; font:300 13px/1.3 "Open Sans", sans-serif; }
.appointments{display:block; padding:25px 0 0px 0; cursor:pointer; font: 300 15px/1.3 "Open Sans", sans-serif; text-decoration:none;  color: #326496;}
.top-site-info{width:300px;  height:70px; float:right; margin-top:6px; text-decoration:none; color:#000; }
.top-site-info:hover{color:#5C759D;}

/* ========================================================================================================
advert
======================================================================================================== */



.advert{position:relative; width:100%; height:360px; background:#eee; padding-top:30px; }



	
/* ========================================================================================================
introduction
======================================================================================================== */

.introduction{position:relative; width:100%; height:470px;}
.introduction p{font: 300 14px/1.3 "Open Sans", sans-serif; margin:5px 0 0px 20px; color:#182A35;}




/* ========================================================================================================
signature-box
======================================================================================================== */
 
 
.signature-box{position:relative; width:940px; margin:0 auto; height:200px;  } 

.signature {
position:absolute; 
top:25px; 
left:190px;
background:  url("../img/signature.png") no-repeat left center; 
background-size:300px;
width:150px;
height:100px;
z-index:5;
}


.family-name {
position:absolute; top:50px; left:100px; 
width:380px;
font:300 14px/1.3 "Open Sans", sans-serif;  color:#1c1c1c;
z-index:5;

}



.slogan {
position:absolute; top:50px; left:380px; 
width:380px;
display: block; border-left:1px solid #1c1c1c; padding-left:50px;
z-index:5;
font:300 14px "Open Sans", sans-serif;  color:#1c1c1c;
}



.signature-quote-element{
width:120px; height:194px; 
background:url(../img/quote.png); 
background-size:120px;
background-repeat:no-repeat;
position:absolute; top:30px; right:80px; z-index:1;}
 
 
 

 
/*  =======================================================================================
 home-service-section
 ======================================================================================= */
 
.main-wrapper{position:absolute; top:2410px; width:100%;}

 
 
.home-service-section{position:absolute;  width:100%; top:600px; background:#fff;  } 
.home-photo-container{position:relative; margin:0 auto;  width:920px;   }
.home-photo-box{position:relative;  width:100%; height:380px; margin-bottom:30px; } 

.home-photo-01{position:absolute;  width:224px; top:0; left:0; height:440px;  } 
.home-photo-02{position:absolute;  width:224px; top:0; left:232px;  height:440px;} 
.home-photo-03{position:absolute;  width:224px; top:0; left:464px;  height:440px; }  
.home-photo-04{position:absolute;  width:224px; top:0; left:696px; height:440px;}   
 
.home-photo-01 img,
.home-photo-02 img,
.home-photo-03 img,
.home-photo-04 img
{position:absolute;  width:224px; top:0; left:0;  background:#ccc; 
  -o-transition: all 0.4s linear 0s;
  -moz-transition: all 0.4s linear 0s;
  -webkit-transition: all 0.4s linear 0s;
  -ms-transition: all 0.4s linear 0s;
  transition: all 0.4s linear 0s;

} 


.home-photo-01 img:hover {position:absolute;  width:224px; top:0; left:0; background:#979797;} 
.home-photo-02 img:hover {position:absolute;  width:224px; top:0; left:0; background:#979797;} 
.home-photo-03 img:hover {position:absolute;  width:224px; top:0; left:0; background:#979797;} 
.home-photo-04 img:hover {position:absolute;  width:224px; top:0; left:0; background:#979797;}  

.home-photo-01 h2,
.home-photo-02 h2,
.home-photo-03 h2,
.home-photo-04 h2
{position:absolute;   top:175px; left:0;  font: 300 17px/1.3 "Open Sans", sans-serif; color: #2d465f; } 
.home-photo-01 h3,
.home-photo-02 h3,
.home-photo-03 h3,
.home-photo-04 h3
{position:absolute;   top:175px; left:0;  font: 300 17px/1.3 "Open Sans", sans-serif; color: #2d465f; 
/* letter-spacing: -1px; */

} 

.home-photo-01 p,
.home-photo-02 p,
.home-photo-03 p,
.home-photo-04 p
{position:absolute;   top:235px; left:0; font: 300 14px/1.3 "Open Sans", sans-serif; }

.home-photo-line{position:absolute;   top:210px; left:0; width:224px; height:15px;  } 

.home-bg-color-01{ background:#f5f3e7;  } 
.home-bg-color-02{ background:#dacbde;  } 
.home-bg-color-03{ background:#c4d7de;  }  
.home-bg-color-04{ background:#809acb;  }  

 .place-for-photo{position:absolute;  width:224px; height:164px; top:0; left:0;   } 
 
 
 
 
.home-photo-button{
position:absolute;
left:0; bottom:0;
display:block;
box-sizing:border-box;
height: 45px;
width: 224px;
padding-top:14px;
color:#fff;
text-align:center;
background: #5b749d;
font: 300 12px/1.3 "Open Sans", sans-serif;
text-transform:uppercase;
text-decoration:none;
cursor:pointer;
}

.home-photo-button:hover{color:#fff;background:#36476d;text-decoration:none;}
 

 
 
 
 
 
a:hover{text-decoration:none;}


.info-button{
position: relative; 
margin-left:360px; 
text-decoration:none;
color:#000;
font: 300 12px/1.3 "Open Sans", sans-serif; text-transform:uppercase;
cursor: pointer; 
padding:15px 30px 15px 30px;  
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #000; 
background:transparent; 

}

.info-button:active {margin-top:2px;}
.info-button:hover{background-color:#fff; color:#000 !Important;}




/* 
================================================================================================
                                Title
================================================================================================ */
#first-heading{position:absolute; top:530px; height:100px; width:100%; overflow:hidden; }
#first-heading-container{position:relative; margin:0 auto; width:920px; overflow:hidden; }
#first-heading h1{font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 10px 0px; color:#182A35; }
#first-heading h2{font: 300 17px/1.3 "Open Sans", sans-serif; margin:0 0 10px 0px; color:#182A35;}
#first-heading p{font: 300 17px/1.3 "Open Sans", sans-serif; margin:0 0 0px 0px; color:#182A35;}
#first-heading a{ color:#3a9eda;}
.extension-h1-01{position:absolute; top:0; left:230px; font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 10px 0px; color:#182A35; }



#slider-2-title{position:relative;  margin:80px auto 20px auto; height:100px; width:920px; overflow:hidden; text-align:center;}

#slider-2-title p{font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 10px 0px; color:#fff; }
#slider-2-title h2{font: 300 17px/1.3 "Open Sans", sans-serif; margin:0 0 10px 0px; color:#fff;}

#slider-2-title h3{font: 300 17px/1.3 "Open Sans", sans-serif; margin:0 0 0px 0px; color:#fff;}
#slider-2-title a{ color:#3a9eda;}




/* 
================================================================================================
                                side-bar-right
================================================================================================ */

.side-right-surgery{float:right; width:620px;  padding-top:0px; padding-bottom:10px;}
.side-right-surgery h2{position:relative; color:#000; margin:10px 0 20px 0px; font: 300 18px/1.3 "Open Sans", sans-serif; }
.side-right-surgery h3,
.side-right-surgery h4,
.side-right-surgery h5{
position:relative;color:#000; margin:0px 0 20px 0px; font: 300 18px/1.3 "Open Sans", sans-serif; }

.side-right-surgery p{position:relative; padding-right:40px;  color:#000; margin:0px 0 20px 0px; font: 300 14px/1.5 "Open Sans", sans-serif;}

.side-right-surgery ol {
    list-style: outside none decimal;
	font: 300 14px/1.3 "Open Sans", sans-serif;
	margin: 0 0 20px 30px;
}

.side-right-surgery ul {
    list-style: outside none decimal;
	font: 300 14px/1.3 "Open Sans", sans-serif;
	margin: 0 0 20px 30px;
}




.side-bar-right{float:right; width:620px; margin-right:20px; padding-top:0px; padding-bottom:10px; }
.side-bar-right h2{
position:relative;
color:#000; margin:10px 0 20px 0px;
font: 300 18px/1.3 "Open Sans", sans-serif; 
}
.side-bar-right h3{
position:relative;
color:#000; margin:10px 0 20px 0px;
font: 300 18px/1.3 "Open Sans", sans-serif; 
}
.side-bar-right h4{
position:relative;
color:#000; margin:10px 0 20px 0px;
font: 300 18px/1.3 "Open Sans", sans-serif;
}
.side-bar-right p{
position:relative;
padding-right:40px; 
color:#000; margin:0px 0 20px 0px;
font: 300 14px/1.5 "Open Sans", sans-serif;
}
.side-bar-right img{
position:relative; margin-bottom:20px;

}
.side-bar-right ol {
    list-style: outside none decimal;
	font: 300 14px/1.3 "Open Sans", sans-serif;
	margin: 0 0 20px 30px;
}



.google-map{position:relative; width:100%; height:450px; overflow:hidden;}
#map { width:100%; height:450px;}




.title{position:relative; margin:45px auto 30px auto; width:960px; overflow:hidden; }
.title h1{font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 10px 20px; color:#2d465f; }
.title h2{font: 300 17px/1.3 "Open Sans", sans-serif; margin:0 0 10px 20px; color:#182A35;}
.title h3{font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 10px 20px; color:#182A35; }
.title p{font: 300 14px/1.5 "Open Sans", sans-serif; margin:10px 10px 10px 20px; color:#182A35;}
.title .my-pointer {position:relative; font: 300 14px/1.7 "Open Sans", sans-serif; margin:0px auto; color:#182A35;
height:110px;
width:720px;  padding-left:40px;
}

.title .my-site {font: 700 14px/1.5 "Open Sans", sans-serif; margin:0 10px 10px 5px; color:#809acb;}
.title span{font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 10px 20px; color:#2d465f; }
.title a{ text-decoration: none; color:#3a9eda;}
.information{position:absolute; top:8px; left:-38px; font-size:55px !important; color:#809acb; }





.title-white{position:relative; margin:45px auto 30px auto; width:960px; overflow:hidden; }
.title-white h1{font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 10px 20px; color:#fff; }
.title-white h2{font: 300 17px/1.3 "Open Sans", sans-serif; margin:0 0 10px 20px; color:#fff;}
.title-white p{font: 300 17px/1.3 "Open Sans", sans-serif; margin:0 0 0px 20px; color:#fff;}





.p-b-50{padding-bottom:50px;}


.main_contentBlock{position:relative;  width:960px; margin:0 auto; /*  height:100%; */ margin-top:20px; padding:20px 0px 150px 0px;}
 
 
.home-text{position:relative;  width:100%; background:#fff; padding:30px 0 70px 0; }
.home-text a{color: #000;}

.home-text p{font: 300 14px/1.3 "Open Sans", sans-serif; margin: 0 20px 20px 20px;}
.home-text h2, .home-text h3, .home-text h4, .home-text h5 {font: 300 24px/1.3 "Open Sans", sans-serif; margin: 0 20px 20px 20px; width:920px; } 
 
 
 
 
.home-text-2{position:relative;  width:100%; background:#fff; padding:40px 0 0px 0; }
.home-text-2 a{color: #000;}

.home-text-2 p{font: 300 14px/1.3 "Open Sans", sans-serif; margin: 0 20px 20px 20px;}
.home-text-2 h2, .home-text-2 h3, .home-text-2 h4, .home-text-2 h5 {font: 300 24px/1.3 "Open Sans", sans-serif; margin: 0 20px 20px 20px; width:920px; } 
 
 
 
 
.box-bg-2 {
position:relative;
height: 50px;
width: 960px; 
margin:0 auto;
color:#fff;
margin-bottom:20px;
/*  background: url("../img/pix-bg.png") repeat scroll 0% 0%; */
/*  background: #3b5998 ;  */

color:#333;
} 
.box-bg-2 h2, .box-bg-2 h3, .box-bg-2 h4, .box-bg-2 h5 {font: 600 17px/1.3 "Open Sans", sans-serif; padding:12px 0 0 0px;color:#000; } 
 

 
.works-text-box-bg {
position:relative;
height: 50px;
width: 580px; margin-bottom:10px;
/* background: #3b5998;  */color:#000;
/*  background: url("../img/pix-bg.png") repeat scroll 0% 0%; */
/*  background: #3b5998 ;  */

color:#333;
}

.works-text-box{float:left; width:580px !Important; height:380px; margin:0 0px 20px 22px !Important;  list-style:none; }
.works-text-box p{font: 300 14px/1.3 "Open Sans", sans-serif; margin:0 0 20px 0px;}
.works-text-box h2, .works-text-box h3, .works-text-box h4, .works-text-box h5 {font: 600 17px/1.3 "Open Sans", sans-serif; padding:12px 0 0 0px; } 
 

.main_contentBlock h1{font-size:24px; }

.last{float:right!important; margin:0 20px 20px 0 !important;}
.main_catalog{position:relative; margin:0 auto; width:960px; overflow:hidden; margin-top:55px; }




.works{width:960px; overflow:hidden; }
.works li{float:left; width:265px; height:400px; margin:0 38px 20px 22px;  list-style:none;  }
.works img{width:265px; height:155px; }

.works-text{float:left; width:265px; height:380px; margin:0 50px 20px 22px;  list-style:none; }

.works h3{padding-bottom:10px; color:#182A35;  font: 600 16px/1.3 "Open Sans", sans-serif; text-decoration:none;}
.works a{text-decoration:none;}
.works a:hover{text-decoration:underline;}


.title-works {
position:absolute; top:0px; left:0;
width:265px; height:80px;

}


.p-relative{position:relative;}
.cat_image_view1{position:relative; width:265px; height:140px; margin-bottom:10px; overflow:hidden; }
.title-h{position:relative; width:265px; height:140px; }
.home-description {position:relative; width:265px; color:#777; width:265px; font: 300 14px/1.3 "Open Sans", sans-serif; }



/* .main_catalog{line-height:25px}

.main_catalog ol{list-style:disc; margin:10px 0 20px 30px;}
.main_catalog ol{list-style:decimal} */



.float_left{float:left;}
.float_right{float:right;}
.block_image_cat{width:132px;margin-bottom:12px;}
.block_image_cat div{width:132px;height:138px;overflow:hidden;}
.block_image_cat p{height:16px;background-color:#c0c0c0;font-size:10px;color:#fff;text-align:center;line-height:16px;}
.descrp_cat p{font-size:13px;color:#3c3c3c;margin-right:-10px;margin-bottom:18px;line-height:15px;}
.descrp_cat ol li{margin-bottom:5px;font-size:13px;color:#3c3c3c;}
.block_image_cat2{width:132px;margin-bottom:12px;position:relative;height:156px;}
.block_image_cat2 div{width:132px;height:156px;overflow:hidden;}
.block_image_cat2 p{font-size:30px;color:#666;text-align:center;line-height:156px;position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;text-transform:uppercase;}
#wrapper_footer{min-width:960px;background-color:#1f365c;height:130px;}

.footer_contacts{width:190px;padding-right:0px;float:left;color:#fefefe;font-size:13px;}
.footer_contacts li{margin-bottom:4px;}
.footer_contacts li a{color:#fefefe;}
.footer_menu{float:left;overflow:hidden;}
.footer_menu ul{float:left;margin-right:44px;}
.footer_menu ul li{margin-bottom:4px;}
.footer_menu ul li a{font-size:13px;color:#678d9b;transition:color 0.1s ease-in-out;}
.footer_menu ul li a:hover{text-decoration:none;color:#fff;}
.copiryght{float:right;text-align:right;}
.copiryght h3{color:#40a0b1;font:bold 17px "Open Sans", sans-serif; text-transform:uppercase;}
.copiryght a{color:#678d9b;text-decoration:none;}
.copiryght a:hover{text-decoration:underline;color:#fff;}
.copiryght ul{margin-bottom:16px;}
.copiryght ul li{font-size:16px;color:#678d9b;}
.copiryght p a{font-size:13px;color:#678d9b;}
.clear{clear:both;}




.side-photo-album-bar-right{float:right; width:640px;  padding-top:10px; padding-bottom:10px;  margin-right:10px;}

.side-photo-album-bar-right h2{
position:relative;
color:#000; margin:0px 0 20px 0px;
font: 300 18px/1.3 "Open Sans", sans-serif;
}
.side-photo-album-bar-right h3{
position:relative;
color:#000; margin:0px 0 20px 0px;
font: 300 18px/1.3 "Open Sans", sans-serif;
}
.side-photo-album-bar-right h4{
position:relative;
color:#000; margin:0px 0 20px 0px;
font: 300 18px/1.3 "Open Sans", sans-serif;
}
.side-photo-album-bar-right p{
position:relative; 
padding-right:40px; 
color:#000; margin:10px 0 20px 0px;
font: 300 14px/1.5 "Open Sans", sans-serif;
}


.operation-right-photo-box{position:relative; width:620px; height:178px;  }
.sertifikaty-photo-box{position:relative; width:920px; height:180px;  }



.dinasty-right-photo-box{position:relative; width:640px; height:236px;  }




.prise-box{position:relative; width:100%; margin-top:50px; height:600px; }

.box-text-pages{position:relative; width:100%; margin-top:50px; height:1200px; }
.box-text-pages-2{position:relative; width:100%; margin-top:50px; height:1300px; }
.box-text-pages-3{position:relative; width:100%; margin-top:50px; height:950px; }
.box-text-pages-4{position:relative; width:100%; margin-top:50px; height:1100px; }

.box-contacts{position:relative; width:930px; margin:50px auto 60px auto; height:580px; background-color:#f7f7f7; }









.box-text-pages-400{position:relative; width:100%; margin-top:50px; height:400px; }
.box-text-pages-500{position:relative; width:100%; margin-top:50px; height:500px; }
.box-text-pages-600{position:relative; width:100%; margin-top:50px; height:600px; }
.box-text-pages-700{position:relative; width:100%; margin-top:50px; height:700px; }
.box-text-pages-900{position:relative; width:100%; margin-top:50px; height:900px; }
.box-text-pages-1000{position:relative; width:100%; margin-top:50px; height:1000px; }
.box-text-pages-1100{position:relative; width:100%; margin-top:50px; height:1100px; }
.box-text-pages-1200{position:relative; width:100%; margin-top:50px; height:1200px; }
.box-text-pages-1300{position:relative; width:100%; margin-top:50px; height:1300px; }
.box-text-pages-1400{position:relative; width:100%; margin-top:50px; height:1400px; }
.box-text-pages-1500{position:relative; width:100%; margin-top:50px; height:1500px; }
.box-text-pages-1600{position:relative; width:100%; margin-top:50px; height:1600px; }
.box-text-pages-1700{position:relative; width:100%; margin-top:50px; height:1700px; }
.box-text-pages-1800{position:relative; width:100%; margin-top:50px; height:1800px; }
.box-text-pages-1900{position:relative; width:100%; margin-top:50px; height:1900px; }
.box-text-pages-2000{position:relative; width:100%; margin-top:50px; height:2000px; }
.box-text-pages-2100{position:relative; width:100%; margin-top:50px; height:2100px; }
.box-text-pages-2200{position:relative; width:100%; margin-top:50px; height:2200px; }
.box-text-pages-2300{position:relative; width:100%; margin-top:50px; height:2300px; }
.box-text-pages-2800{position:relative; width:100%; margin-top:50px; height:2800px; }
.box-text-pages-2900{position:relative; width:100%; margin-top:50px; height:2900px; }

.abdominoplasty-wrapper{position:relative; width:100%; margin-top:140px; height:2000px; }
.endoprosthesis-mammary-glands-wrapper{position:relative; width:100%; margin-top:140px; height:1800px; }
.mastopexy-wrapper{position:relative; width:100%; margin-top:140px; height:2200px; }
.breast-enlargement-wrapper{position:relative; width:100%; margin-top:140px; height:2000px; }











.abdominoplasty-wrapper-jr{position:relative; width:100%; margin-top:140px; height:2200px; }


.box-contacts-left-part{position:absolute; top:0; left:0; width:340px; height:750px;  }
.box-contacts-right-part{position:absolute; top:0; right:0;  width:580px;  height:750px; background-color:#eee; }


.box-contacts-left-part h4, .box-contacts-right-part h4{
position:relative; padding:30px 0 20px 40px;
font: 300 24px/1.3 "Open Sans", sans-serif;	
}


.contact-details{
position:relative; padding:0px 0 5px 40px; display:block;
font: 300 14px/1.3 "Open Sans", sans-serif;	
}
.site-details{
position:relative; padding:0px 0 5px 40px; display:block;
font: 300 14px/1.3 "Open Sans", sans-serif;	
}


.box-contacts-left-part p{
position:relative; padding:0px 0 0px 20px; display:block; padding:20px 20px 20px 40px;
font: 300 14px/1.3 "Open Sans", sans-serif;	
}
.box-contacts-left-part a{
text-decoration:none; position:relative;  display:block; padding:0px 20px 5px 40px;
font: 300 14px/1.3 "Open Sans", sans-serif;	color:#000;
}
.small-line{
position:relative; width:40px; height:1px; 
margin:10px 10px 15px 40px;
border-bottom:1px solid #000;
}










/* ======================================================================
side-bar-left-surgery
====================================================================== */

.side-bar-left-surgery{float:left; width:260px; padding:0 10px 20px 0; height:100%; background:#f5f5f5; }
.side-bar-left-surgery h3{position:relative;color:#000; margin:10px 0 14px 20px;font: 300 18px/1.3 "Open Sans", sans-serif;}









/* ======================================================================
side-bar-left
====================================================================== */

.side-bar-left{float:left; width:260px; padding:0 10px 20px 0; height:100%; background:#f5f5f5; margin-left:20px;}
.side-bar-left-line{width:270px; height:1px; background:#000; margin-bottom:20px;}
.side-bar-left-photo{float:left; width:260px; padding:0 10px 20px 0; height:100%;  }

.side-bar-left-photo h3{
position:relative;
color:#000; margin:10px 0 20px 20px;
font: 300 18px/1.3 "Open Sans", sans-serif;
}
.side-bar-left h3{
position:relative;
color:#000; margin:10px 0 14px 20px;
font: 300 18px/1.3 "Open Sans", sans-serif;
}


/* .photo-album{
position:relative;
color:#000; 

font: 300 18px/1.3 "Open Sans", sans-serif;
width:230px;
height:180px;
}
 */
 
 
.effect-3 {
position: absolute;
top:0; right:0; 

overflow: hidden;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:440px;
height:236px;
overflow:hidden;
}   



.sertifikaty-left {
position: absolute;
overflow: hidden;
top:0; left:0;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:300px;
height:170px; 

} 

.sertifikaty-center {
position: absolute;
overflow: hidden;
top:0; left:310px;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:300px;
height:170px; 

} 
.sertifikaty-right {
position: absolute;
overflow: hidden;
top:0; right:0;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:300px;
height:170px; 
} 

.operation-photo-2 {position: absolute;top:0; left:0;
overflow: hidden;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:306px;
height:170px; 
}  
.operation-photo-3 {position: absolute;top:0; right:0;
overflow: hidden;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:306px;
height:170px; 
} 
  

  


.line-vertical{
position: absolute;
top:0; left:149px;
width:8px;
height:170px; 
background-color:#fff;
z-index:1;
}  



.sertifikaty-left img,
.sertifikaty-center img,
.sertifikaty-right img

{
position: absolute;
top:0; left:0;
width:300px;
height:190px; 
}   
 




.operation-photo-3 img , 
.operation-photo-2 img {
position: absolute;
top:0; left:-12px;
width:326px;
height:190px; 
}   
 
 
.effect-2 {
position: relative;
overflow: hidden;
margin:0px 0 0px 0px;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:189px;
height:236px;
}  
 
.effect {
position: relative;
overflow: hidden;
margin:6px 0 10px 20px;
font: 300 18px/1.3 "Open Sans", sans-serif;
width:230px;
height:180px;
} 

.effect-2 img {
width: 100%;
height: 100%;
}

.effect img {
width: 100%;
height: 100%;
}


.sertifikaty-left .caption,
.sertifikaty-center .caption,
.sertifikaty-right .caption,
.operation-photo-3 .caption,.operation-photo-2 .caption, .effect-3 .caption, .effect-2 .caption, .effect .caption {
  position: absolute;
  top: 0;
  left: 0px;
  background: rgba(54,71,109,0.9);
  background: rgba(124,144,167,0.9);
  background: rgba(0,0,0,0.9);
  width: 100%;
  height: 100%;
  color: #fff;
  opacity: 0; z-index:5;
  -o-transition: all 0.2s linear 0s;
  -moz-transition: all 0.2s linear 0s;
  -webkit-transition: all 0.2s linear 0s;
  -ms-transition: all 0.2s linear 0s;
  transition: all 0.2s linear 0s;
}

.sertifikaty-left .caption h4,
.sertifikaty-center .caption h4,
.sertifikaty-right .caption h4,
.operation-photo-3 .caption h4,.operation-photo-2 .caption h4, .effect-3 .caption h4, .effect-2 .caption h4, .effect .caption h4 {
font: 300 14px/1.3 "Open Sans", sans-serif;

  text-align: center;
  border-bottom: 1px solid white;
  padding: 0px 10px 20px 10px;

  margin-top: 20px;
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
  -o-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}


.sertifikaty-left .caption p,
.sertifikaty-center .caption p,
.sertifikaty-right .caption p,
.operation-photo-3 .caption p,.operation-photo-2 .caption p, .effect-3 .caption p, .effect-2 .caption p, .effect .caption p {
font: 300 14px/1.3 "Open Sans", sans-serif;
  margin: 15px 0px;
  text-align: center;
  font-style: italic;
  padding: 0px 10px;
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
  -o-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.sertifikaty-left .caption i,
.sertifikaty-center .caption i,
.sertifikaty-right .caption i,
.operation-photo-3 .caption i, .operation-photo-2 .caption i, .effect-3 .caption i,.effect-2 .caption i, .effect .caption i {
  width: 120px;
  text-align: center;
  display: block;
  color: #fff;
  padding: 0px 0px;
  font-size:30px !important;
  margin: 0px auto 0px auto;
  -webkit-transform: scale(0.25);
  -moz-transform: scale(0.25);
  -ms-transform: scale(0.25);
  -o-transform: scale(0.25);
  transform: scale(0.25);
  -o-transition: all 0.3s linear 0s;
  -moz-transition: all 0.3s linear 0s;
  -webkit-transition: all 0.3s linear 0s;
  -ms-transition: all 0.3s linear 0s;
  transition: all 0.3s linear 0s;
}

.sertifikaty-left:hover .caption,
.sertifikaty-center:hover .caption,
.sertifikaty-right:hover .caption,

.operation-photo-3:hover .caption,.operation-photo-2:hover .caption, .effect-3:hover .caption, .effect-2:hover .caption, .effect:hover .caption {
  opacity: 1;
}


.sertifikaty-left:hover .caption i,
.sertifikaty-center:hover .caption i,
.sertifikaty-right:hover .caption i,
.operation-photo-3:hover .caption i,.operation-photo-2:hover .caption i, .effect-3:hover .caption i, .effect-2:hover .caption i, .effect:hover .caption i
{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
color:#fff;
}


.sertifikaty-left:hover .caption i,.sertifikaty-left:hover .caption p,.sertifikaty-left:hover .caption h4,
.sertifikaty-center:hover .caption i,.sertifikaty-center:hover .caption p,.sertifikaty-center:hover .caption h4,
.sertifikaty-right:hover .caption i,.sertifikaty-right:hover .caption p,.sertifikaty-right:hover .caption h4,

.operation-photo-3:hover .caption h4,.operation-photo-2:hover .caption h4, .effect-3:hover .caption h4, .effect-2:hover .caption h4, .effect:hover .caption h4,
.operation-photo-3:hover .caption p,.operation-photo-2:hover .caption p, .effect-3:hover .caption p,.effect-2:hover .caption p,.effect:hover .caption p{
-webkit-transform: scale(1);
-moz-transform: scale(1);
-ms-transform: scale(1);
-o-transform: scale(1);
transform: scale(1);
color:#fff;
}













/* ======================================================================
header-operation
====================================================================== */
.header-operation{
position:relative; 
width: 100%;
height: 150px;
background:#36476d;
margin-top:5px;
}

.header-operation img{
position:relative; 
margin:0 auto; display:block;
width: 920px;
height: 150px;
}

.header-operation-top-line{
position:relative; 
width: 100%;
height: 30px;
background:#c9c9c9;
margin-top:5px;

}

.header-bg-left{
position:absolute; 
width: 5200px;
height: 30px;
background:#d8d8d8;
right:696px;
}

.header-bg-right{
position:absolute; 
width: 5200px;
height: 30px;
background:#d8d8d8;
left:696px;
}





.button-consultation{
position:relative;
display:block;
box-sizing:border-box;
height: 45px;
width: 220px;
margin:0px 0 20px 20px;
padding-top:13px;
color:#fff;
margin-top: 30px;
text-align:center;
 background: #5b749d;

border:1px solid #3d4e69;
font: 300 12px/1.3 "Open Sans", sans-serif;
text-transform:uppercase;
text-decoration:none;
}

.button-consultation:hover{


color:#fff;

background:#26364f;

border:1px solid #26364f;

text-decoration:none;
}


.information-header{ position:relative; width:200px; height:50px;}



.left-menu li{position: relative; margin:0 0 0px 20px; width:240px;  padding:7px 0 5px 0px; }
.left-menu li a{ position: relative; text-decoration:none; color:#000; font: 300 14px/1.5 "Open Sans", sans-serif; }
.left-menu li span{position: relative;   font: 300 14px/1.5 "Open Sans", sans-serif; }
.left-menu li span:hover{ color:#3a9eda; color:#3a9eda;  text-decoration:none;}
.left-menu li.active{ font: 600 14px/1.5 "Open Sans", sans-serif;   color:#3a9eda!important;    }
.l-m-active{  color:#3a9eda!important;         }









.quote-element{
width:70px; height:194px; background:url(../img/quote.png); 
background-size:70px;
background-repeat:no-repeat;
position:absolute; top:-20px; right:15px; }










.quoting_element_left{width:31px;height:23px;background:url(../images/quoting_element.png) no-repeat;position:absolute;z-index:2;left:15px;top:-4px;}
.quoting_element_right{width:31px;height:23px;background:url(../images/quoting_element.png) 0 -23px no-repeat;position:absolute;z-index:2;right:15px;bottom:8px;}


.operation_conducted_list li{padding-left:46px;position:relative;margin-bottom:30px;}
.number_operation_conducted{height:28px;width:28px;border:1px solid #878787;border-radius:14px;position:absolute;left:0;top:0px;font-size:18px;font-weight:bold;color:#3a9eda;text-align:center;line-height:28px;}
.operation_conducted_list li h4{font-size:16px;font-weight:bold;}
.operation_conducted_list li p{font-size:14px;color:#282828;margin-bottom:0;}
.operation_conducted_list li p a{color:#282828;}
.operation_conducted_list li p span{font-size:12px;color:#282828;}
.block_consultation{padding:10px 15px;background-color:#ffffcc;margin-bottom:50px;}
.block_consultation img{float:left;margin-right:18px;}
.info_specialist{width:210px;float:left;}
.info_specialist{font-size:16px;}
.info_specialist h5{margin-bottom:5px;padding-top:4px;font-size:15px;}
.info_specialist h4{margin-bottom:40px;}
.info_specialist a{color:#282828;}
.info_specialist address{margin-bottom:4px;}


.get_consultation_special{width:240px;float:right;padding-top:8px;}
.get_consultation_special a{display:block;height:58px;background-color:#990000;color:#f4e2e2;text-align:center;text-decoration:none;line-height:58px;transition:background-color 0.2s ease-in-out;}
.get_consultation_special a:hover{background-color:#b40505;}
.get_consultation_special a:active{box-shadow:inset 0 0 12px rgba(0,0,0,0.8)}




.sertificates{position:relative; width:920px; height:1800px; margin: 70px auto; }

.sertificates h1{font: 300 24px/1.3 "Open Sans", sans-serif; margin:0 0 50px 10px; color:#182A35;  }
.sertificates h2{font: 300 20px/1.3 "Open Sans", sans-serif; margin:0 0 50px 10px; color:#182A35;  }
.sertificate-box{float:left; width:220px; height:143px;  margin:10px 10px 10px 10px; overflow:hidden;}
.sertificate-box li img{width:220px; height:auto; }
.uapras{font: 300 14px/1.3 "Open Sans", sans-serif; margin:0 0 50px 10px; color:#3a9eda;  }


#sertificates-gallery li {
float:left; width:220px; 
height:285px;  
margin:10px 10px 10px 10px; overflow:hidden;


}
#sertificates-gallery li a {
float:left; width:220px; 
height:145px;  
overflow:hidden; 
margin-bottom:10px;

}
#sertificates-gallery li img{}
#sertificates-gallery p {font: 300 14px/1.3 "Open Sans", sans-serif;}
















/* ==============================================================================
Table
================================================================================= */
.price-usd{position:absolute; right:20px; top:-35px; font:300 13px "Open Sans", sans-serif; color:#3a9eda;}

.table-title{height:30px !important;}
.table_price{width:620px}
.table_price a{display:block; color:#000; text-decoration:none;}
.table_price tr:hover a{color:#3a9eda !important }



.table_price td{font:300 14px "Open Sans", sans-serif; color:#000; text-align:left; padding:7px 5px 7px 15px; border-bottom:1px solid #D8D9DB; }

.table_price span{color:#000;font: 300 14px/1.3 "Open Sans", sans-serif;}

.v-80{width:90px;}


.table_price th{text-align:left !important; 
font: 300 17px/1.3 "Open Sans", sans-serif; 
background:#f5f5f5; 
padding:10px 5px 15px 15px; border-bottom:0px none; color:#000;}



/* ==============================================================================
footer
================================================================================= */




.new-footer{
position: relative;
background-color: #36476d;
width: 100%;    
height: 470px;
overflow: hidden;
}


.backing-left {
background-color: #26364f;
position: absolute; top:0; left:0;
height: 360px;
width: 50%;
background-color: #7c90a7;
}

.backing-right {
background-color: #36476d;
position: absolute; top:0; right:0;
height: 360px;
width: 50%;
}

 



.footer-line{position: absolute; top:75px; left:0px; height: 1px; width: 100%; background:#fff; z-index:7777;}   
.footer-part-1{ position: absolute; top: 0; left:0; height: 360px; width: 220px; }  
.footer-part-1 h5 {margin: 30px 0 20px 0; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff; box-sizing:border-box;}
.footer-part-1 h3 {margin: 30px 0 20px 0; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff; box-sizing:border-box;}
.footer-part-1 h4 {margin: 30px 0 20px 0; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff; box-sizing:border-box;}

.footer-part-1-box{position:absolute; top:112px; left:0; width: 220px; height: 210px; }

.footer-part-2 {position: absolute; top: 0; left:221px; height: 360px; width: 490px; padding-left: 20px; box-sizing:border-box;}  
.footer-part-2 h5 {margin: 30px 0 20px 10px; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif;color:#fff;}
.footer-part-2 h4 {margin: 30px 0 20px 10px; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif;color:#fff;}
.footer-part-2 h6 {margin: 30px 0 20px 10px; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif;color:#fff;}



.footer-part-2 a { color: #aaaeb5; text-decoration: none;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.footer-part-2 a:hover {color:#fff}   


.footer-part-3 {position:absolute; top:0; right:0; width: 220px; height: 360px; }
.footer-part-3 h5 {margin: 30px 0 20px 0px; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff; box-sizing:border-box;}
.footer-part-3 h6 {margin: 30px 0 20px 0px; text-transform: uppercase; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff; box-sizing:border-box;}

.footer-part-3-box{position:absolute; top:115px; left:0; width: 220px; height: 310px;}


.footer-photo{float:left; width: 100px; height:100px; padding:5px 0 0px 10px; box-sizing:border-box;}

.footer-photo-oleg{position:absolute; top:5px; left:10px; width: 80px; height: 80px; background:#7c90a7; border-radius:50%;
 overflow:hidden;
  overflow:hidden;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.footer-photo-oleg img{
position:absolute; top:0px; left:0px; width: 80px; height: 80px; }
.footer-photo-oleg:hover{background:#fff;}

.footer-photo-alexey{position:absolute; top:112px; left:10px; width: 80px; height: 80px; background:#7c90a7; border-radius:50%;
 overflow:hidden;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.footer-photo-alexey:hover{background:#fff;}
.footer-photo-alexey img{
position:absolute; top:0px; left:0px; width: 80px; height: 80px; 

}

.footer-name-oleg{position:absolute; top:5px; left:110px; width: 80px; height: 80px; }
.footer-name-alexey{position:absolute; top:112px; left:110px; width: 80px; height: 80px; }

.footer-name{float:left; width: 100px; height:100px;padding:5px 0 0px 10px; box-sizing:border-box;}

.footer-part-2-box-1{position:absolute; top:115px; left:35px; width:200px; height:220px;  list-style-type: none; }
.footer-part-2-box-1 li {list-style-type: none;	font: 300 13px/1.5 "Open Sans", sans-serif; padding:0 0 2px 0; color:#aaaeb5;}
.footer-part-2-box-1 li:before {position:absolute; left:-10px; content: "»"; color: #aaaeb5;}

.footer-part-2-box-2 {position:absolute; top:115px; left:280px; width:200px; height:220px; list-style-type: none;  }
.footer-part-2-box-2 li {list-style-type: none;	font: 300 13px/1.5 "Open Sans", sans-serif; padding:0 0 2px 0; color:#aaaeb5;}
.footer-part-2-box-2 li:before {position:absolute; left:-10px; content: "»"; color: #aaaeb5;}












    
   
   
   
   
   
   
   
   
   
   









.surgeons_data {
	position: absolute;
    top: 0; 
	left:0px;
    width: 255px;
}



/* .footer_right_data {
    width: 85%;
} */

.surgeon_photo {
	float:left;
    width:80px;
	height:80px;
	
	margin: 0 0 15px 10px;
	/* border-radius:50%;  */
	overflow:hidden;

}


.surgeon_photo img {
	float:left;
    height: 80px;
    width: 80px;
}



.footer-name-text {
position:relative;
display:block;
font: 300 12px/1.3 "Open Sans", sans-serif;
color:#fff;
text-transform:uppercase;
padding-top:15px;
}

.footer-name-text-2 {
position:relative;
display:block;
font: 300 13px/1.3 "Open Sans", sans-serif;
color:#fff;
}


.canvas-holder{position:absolute; top:-80px; left:-120px; width:300px; height:300px; }
#chart-area{position:absolute; top:0px; left:0px; width:300px; height:300px; }



#statistik-bg{
position: absolute;
width: 100%;
height: 560px; 
background:  url("../img/odessa-beach.jpg");
overflow: hidden;
background-size: cover; 
background-position: top left;
}

#slider-2-bg{
background:  url("../img/q3.jpg");
  position: absolute;
  width: 100%;
  height: 1200px; 
  top:-200px;
  left:0;
background-size: cover
}








/* ===========================================================
slider-2
============================================================= */


.slider-2{position: relative; width:100%;  overflow:hidden; }

#basic-services{position:relative; margin:0 auto;  text-align:center; width:800px; height:150px; margin-top:60px;  color:#000; overflow:hidden;}






#nav {  position:relative; margin:0 auto; width:790px;}
#nav li { 
position:relative; 
display: inline-block;
white-space: nowrap; 

text-align: center; text-decoration: none; text-transform: uppercase;  overflow:hidden;
cursor: pointer; 
list-style: none }

#nav li span{ 
position:relative; display:block;
font:300 14px/1.3 "Open Sans", sans-serif; 
padding-top:55px;
text-transform: uppercase;  
cursor: pointer; 
list-style: none }


#nav a {position:relative; border:2px solid #fff; width:130px; height:130px; margin:0 10px 0 10px; border-radius:50%;  
display: block;  text-decoration: none; color:#fff; overflow:hidden;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
#nav li.activeSlide a {position:relative;  width:130px; height:130px; margin:0 10px 0 10px; border-radius:50%; border:2px solid #fff; display: block;   color: #000!Important; background: rgba(255, 255, 255, 1);}
#nav a:hover {background: rgba(255, 255, 255, 1); color:#182a35 !Important; }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }


.basic-1 p, 
.basic-2 p,
.basic-3 p, 
.basic-4 p,
.basic-5 p
{position:relative;  margin:0 auto;  font: 300 15px/1.5 "Open Sans", sans-serif;  color:#fff; text-align:center;

}

.basic-1 h5, 
.basic-2 h5,
.basic-3 h5, 
.basic-4 h5,
.basic-5 h5
{position:relative;   z-index:777;  padding:30px 30px 0 30px; font: normal 24px/1.2 "CaviarDreamsRegular", sans-serif; color:#6F6F6F;  }


.basic-1,
.basic-2,
.basic-3,
.basic-4,
.basic-5{float:left;  width:800px; height:300px; text-align:center;}








/* ===========================================================
photo-slider
============================================================= */


.photo-slider{position: relative; width:100%;  overflow:hidden; }







#photo-nav {  position:absolute; top:550px;margin:0 auto; width:620px; z-index:222;}
#photo-nav li { 
border:0;
position:relative; 
display: inline-block;
white-space: nowrap; 
width:30px; height:30px; margin:0 5px 0 0px; 

background:#b6c1d3; 
font:300 14px/1.3 "Open Sans", sans-serif;  text-transform:uppercase;
text-align: center; text-decoration: none; text-transform: uppercase;  overflow:hidden;
 cursor: pointer; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
list-style: none }



#photo-nav a { width:30px; height:30px; padding:6px 0 0 0; display: block;  text-decoration: none; color:#fff; }
#photo-nav li.activeSlide a { background:#000; display: block; color: #fff;
}
#photo-nav li:hover {background:#000; color:#fff !important;}
#photo-nav a:focus { outline: none; }
#photo-nav img { border: none; display: block }




.photo-page-1,
.photo-page-2,
.photo-page-3,
.photo-page-4,
.photo-page-5{float:left;  width:620px; height:600px; text-align:center;}











.big-slider-bg-left{position:absolute; top:0; left:0; width:50%; height:550px; overflow: hidden; z-index:1;  background-color: #262723;}
.big-slider-bg-right{position:absolute; top:0; right:0; width:50%; height:550px; overflow: hidden; z-index:1;  background-color: #aed7dd;}











.small-slider-panel{position:relative; width:100%; height:250px; overflow: hidden; z-index:1; background-color:#777;}
















.surgeon_fname {
	float:left; 
    width: 100px; height:100px;
    padding:0px 0 0px 10px;
	box-sizing:border-box;
}



.button-1, .button-2{
position:absolute; 
display: inline-block;
white-space: nowrap; 
padding:10px 15px 10px 15px;  
/* border: 2px solid #2881bd; */ background:#327375; color:#2881bd; color:#fff;
font: 300 12px/1.3 "Arial",sans-serif;  text-transform:uppercase;
text-align: center; text-decoration: none;text-transform: uppercase;  
z-index:9999; cursor: pointer; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;}
.button-1:hover, .button-2:hover {background:#000; color:#fff; outline: none;}

.button-1{bottom:20px; left:190px;}
.button-2{bottom:110px; left:260px;}

.button{
margin:15px 0 0 20px; border:0;
position:relative; 
display: inline-block;
white-space: nowrap; 
padding:10px 15px 10px 15px;  
/* border: 2px solid #2881bd; */ background:#327375; color:#2881bd; color:#fff;
font: 300 12px/1.3 "Arial",sans-serif;  text-transform:uppercase;
text-align: center; text-decoration: none;text-transform: uppercase;  
z-index:9999; cursor: pointer; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;}
.button:hover{background:#000; color:#fff; outline: none;}










.addres-text-2 i {padding-right:5px;}




















































.addres-text-2 {
position:relative;
color: #aaaeb5;
display: inline-block;
font: 200 13px/1.3 "Open Sans", sans-serif;
 -webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.addres-text-2:hover{color:#fff;}

.addres-text-1 {
position:relative;
   font: 300 13px/1.3 "Open Sans", sans-serif;
color:#fff; 
}

.addres-text-3 {
    position:relative;  display: inline-block;
    font: 300 13px/1.3 "Open Sans", sans-serif;
	padding:10px 0 5px 0;
	color:#fff;
}

.addres-text-4 {
    position:relative;  display: inline-block;
    font: 300 13px/1.3 "Open Sans", sans-serif;
	padding:5px 0 5px 0;
	color:#fff;
}

.new-footerdiv[property="v:email"], .new-footera[href^="tel:"] {
    margin: 5px 0;
    font-size: 13px;
}
.new-footer.surgeons_data > div {
    margin-bottom: 10px;
}
.new-footer.surgeons_data > div:nth-last-child(1) {
    margin-bottom: 0;
}



































	








/* ==========================================================================================
header           
========================================================================================== */

.header{
position:relative; width:100%; height: 525px; background-color: #36476d;  overflow: hidden;
background:  url("../img/odessa.military-hospital.jpg");
background-size: cover; 
background-position: top left;
}

.header-line{
position: absolute; top:111px; left:750px; height: 20px; width: 3600px; background-color: rgba(255, 255, 255, 0.3);
}



.photo {position: absolute; top:0; left:40px; height: 436px; width: 200px;}

#photo-header {
    position: absolute;
    bottom:-240px;
    left: -130px;
	height:590px;

}

.dinasty-slogan{
position:absolute; top:20px; left:325px; 
font: 300 17px/1.3 "Open Sans", sans-serif; 
text-transform:uppercase; color:#fff; letter-spacing:-1px;

}
.ls-01{letter-spacing:-1px;}



.dinasty-box{position:absolute; top:90px; left:300px; width:430px; height: 62px; }


.dinasty-box:hover .sinovets-a-o{background: #607290 url("../img/photo-album/sinovets-a-o.png"); background-size:57px;}
.dinasty-box:hover .sinovets-o-a{background: #607290 url("../img/photo-album/sinovets-o-a.png"); background-size:57px;}
.dinasty-box:hover .sinovets-a-s{background: #607290 url("../img/photo-album/sinovets-a-s.png"); background-size:57px;}
.dinasty-box:hover .sinovets-s-a{background: #607290 url("../img/photo-album/sinovets-s-a.png"); background-size:57px;}
.dinasty-box:hover .sinovets-a-m{background: #607290 url("../img/photo-album/sinovets-a-m.png"); background-size:57px;}

.dinasty-box span{font: 600 17px/1.3 "Open Sans", sans-serif; text-transform:uppercase; color: rgba(255, 255, 255, 0.7); }
.sinovets-a-m{position:absolute; top:0px; left:0px; width:57px; height: 57px; 
background: #4c4e3e url("../img/photo-album/sinovets-a-m.png");
border-radius:50%; border:3px solid #fff;
background-size:57px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.sinovets-s-a{position:absolute; top:0px; left:56px; width:57px; height: 57px; 
background: #4c4e3e url("../img/photo-album/sinovets-s-a.png");
border-radius:50%; border:3px solid #fff;
background-size:57px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.sinovets-a-s{position:absolute; top:0px; left:112px; width:57px; height: 57px; 
background: #4c4e3e url("../img/photo-album/sinovets-a-s.png");
border-radius:50%; border:3px solid #fff;
background-size:57px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sinovets-o-a{position:absolute; top:0px; left:168px; width:57px; height: 57px; 
background: #4c4e3e  url("../img/photo-album/sinovets-o-a.png");
border-radius:50%; border:3px solid #fff;
background-size:57px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}
.sinovets-a-o{position:absolute; top:0px; left:224px; width:57px; height: 57px; 
background: #4c4e3e url("../img/photo-album/sinovets-a-o.png");
border-radius:50%; border:3px solid #fff;
background-size:57px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.sinovets-next{position:absolute; top:4px; left:300px; width:56px; height: 56px; 
background: rgba(124, 144, 167, 0.6);
border-radius:50%; 

}


.consultation-box {
	position:absolute;
	top:200px; left:300px;
height: 170px;
    width: 400px;

    color:#fff;
	
}

.consultation-box p{
font: 300 14px/1.3 "Open Sans", sans-serif; margin-top:10px;
	
}




.header-name{font: 300 24px/1.3 "Open Sans", sans-serif; }







.header-button{
position:absolute; 
top:358px; left:400px; 
text-decoration:none;
color:#fff;
font: 300 12px/1.3 "Open Sans", sans-serif; text-transform:uppercase;
cursor: pointer; 
padding:15px 20px 15px 20px;  
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #fff; background:transparent;
}

.header-button:active {top:360px;}
.header-button:hover{background-color:#fff; color:#000 !Important;}





.head-contacts {position:absolute; top:200px; right:40px; width: 170px; height: 280px; color:#fff; text-align:left; }
.head-contacts a {
position:relative;
width: 250px;
text-decoration:none;
color:#fff; 
text-align:left; 
font: 300 14px/1.3 "Open Sans", sans-serif;
display:block;
}




.header-contact-title {position:relative; display:block; font: 300 24px/1.3 "Open Sans", sans-serif; }
.town {position:relative; display:block; font: 300 14px/1.4 "Open Sans", sans-serif; margin-top:10px; }
.street {position:relative; display:block; font: 300 14px/1.3 "Open Sans", sans-serif; margin-top:0px; }
.hospital{position:relative; display:block; font: 300 14px/1.3 "Open Sans", sans-serif;  color:#fff; width:150px; margin-top:0px; font: 300 14px/1.3 "Open Sans", sans-serif; }
.header-mail {position:relative; display:block; font: 300 14px/1.3 "Open Sans", sans-serif;  color:#fff;  margin-top: 20px;}
.header-mail:hover {color:#aaaeb5;}
.header-mail i{padding-right:6px;}
.header-phone {position:relative; display:block; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff; margin-top: 15px;}
.header-phone:hover {color:#aaaeb5;}
.header-phone i{padding-right:8px;}
.header-phone-2 {margin-top: 5px; color:#fff;}
.header-phone-2 i{padding-right:8px;}
.header-phone-2:hover {color:#aaaeb5;}









.statistik{position:relative; width:100%; height:560px; overflow:hidden;}

.hero-circle{
width:180px;
height:180px;
margin:0 auto;
position:relative;
border:8px solid #fff;
border-radius:50%;
}

.hero-face{width:100%;height:100%;}
.hero-face:after{position:absolute;top:50%;left:50%;width:12px;height:12px;margin:-6px 0 0 -6px;
background:#fff;border-radius:6px;content:"";display:block;}

.hero-hour{width:0;height:0;position:absolute;top:50%;left:50%;margin:-4px 0 -4px -25%;padding:4px 0 4px 25%;
background:#fff;-webkit-transform-origin:100% 50%;-ms-transform-origin:100% 50%;
transform-origin:100% 50%;border-radius:4px 0 0 4px;}

.hero-minute{width:0;height:0;position:absolute;top:50%;left:50%;margin:-40% -3px 0;padding:40% 3px 0;background:#fff;
-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;border-radius:3px 3px 0 0;}
.hero-second{width:0;height:0;position:absolute;top:50%;left:50%;margin:-40% -1px 0 0;padding:40% 1px 0;background:#fff;
-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;transform-origin:50% 100%;}






/* #clock {
	position:absolute;
	left:50px; top:190px;
    width: 180px;
    height: 180px;

    border: 8px solid #fff;
    border-radius: 50%;
   box-sizing: border-box;
}
       


        
        #sec {
		width:0;
		height:0;
		position:absolute;
		top:50%;
		left:50%;
		margin:-40% -1px 0 0;
		padding:40% 1px 0;
		background:#fff;
		-webkit-transform-origin:50% 100%;
		-ms-transform-origin:50% 100%;
		transform-origin:50% 100%;	
        	z-index: 3;
		box-sizing: border-box;	

           	}
           
    #min {
     position:absolute;
	top:50%;
	left:50%;
 	
	width:0;
	height:0;

	margin:-40% -3px 0;
	padding:40% 3px 0;
	background:#fff;
	-webkit-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	transform-origin:50% 100%;
	border-radius:3px 3px 0 0;
		z-index: 2; 	
		box-sizing: border-box;
		

           	}
           



        #hour-2 {

	position:absolute;
	top:50%;
	left:50%;	
	width:0;
	height:0;
	margin:-4px 0 -4px -25%;
	padding:4px 0 4px 25%;
	background:red;
	-webkit-transform-origin:100% 50%;
	-ms-transform-origin:100% 50%;
	transform-origin:100% 50%;
	border-radius:4px 0 0 4px;		
     z-index: 1;
box-sizing: border-box;	
           	} */


.get_consultation {
    height: 55px;
    width: 270px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
    font-style: normal;

    background: #5b749d;
    line-height: 55px;
    margin-top: 30px;
    padding: 0;
}


.get_consultation:hover, .main_contentBlock .get_consultation:hover{
    background: #26364f;
}



.location-img {
    top: 39px;
    left: -30px;
    opacity: 0.5;
}
.mail-img {
    top: 174px;
    left: 59px;
}
.phone-img {
    bottom: 54px;
    left: 13px;
}
.header-content .head_contacts a:hover{
    opacity: 0.5;
}














.header-content .head_contacts .first_adress {
   margin-top: 40px;
}






.surname {font-size: 30px;}






.site-copyright {position:absolute; height: 60px; width: 100%; left:0; bottom:50px;  }
.copyright-container {position:relative; margin:0 auto; height: 60px; width: 940px; border-top:1px solid #fff; border-bottom:1px solid #fff;  }
.footer-container {position:relative; margin:0 auto;  width: 940px;  }











.site-copyright p{color:#fff; font: 300 13px/1.3 "Open Sans", sans-serif; padding:22px 0 0 0;}
.site-copyright span{color:#aaaeb5; }

#go-top {
position: absolute; top:17px; right:30px;  width:25px; height:25px; z-index:3333;text-align:center;
display: block;
transition: all 0.4s ease 0s;
text-decoration: none !important;
}
#go-top img{width: 25px; height:25px; transition: all 0.4s ease 0s;}
#go-top:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}

#go-form {position: absolute; top:40px; right:20px;  width:25px; height:25px; z-index:3333;text-align:center;
    display: block;
transition: all 0.4s ease 0s;
    text-decoration: none !important;
}
#go-form img{width: 25px; height:25px;}
.contact-go{position:absolute; top:41px; right:20px; width:200px;  color:#000; text-decoration: none !important;}
.contact-go img{position:absolute; top:0px; right:0px; width: 25px; height:25px; transition: all 0.4s ease 0s;}
.contact-go p:hover{color:#3a9eda!important;}

.contact-go p .contact-go-img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}



.go-down{position: absolute; top:255px; left:750px; width: 160px; height: 230px;  }
.go-down img{position: absolute; top:0px; left:0px; width: 190px; height: 190px;  }








.sociale-groups {
position:relative;
height: 150px;
width: 100%;
margin:0px 0 0px 0;
background: #5b749d; 
color:#fff;
padding-top:55px;
box-sizing:border-box;
}

.sociale-title {
position:absolute;
height: 50px;
width: 620px;
right:0;

/*  background: url("../img/pix-bg.png") repeat scroll 0% 0%; */
/*  background: #3b5998 ;  */


}

.sociale-title p{
position:relative;
font: 300 14px/1.3 "Open Sans", sans-serif; padding:12px 0 0 0px;
margin:0px 0 0 140px;
text-transform:uppercase; 
}

.sociale-title i{
font-size:16px; padding-right:10px;
}


a.twitter {
    float: left; margin-left:20px;
    display: block;
    margin-right: 5px;
    width: 45px;
    height: 45px;
	border-radius:50%;
	background:#36476d;
	color:#fff;
	}
a.twitter:hover {background:#33ccff; }
a.twitter i{font-size:24px; margin: 11px 0 0 12px;}



a.facebook {
    float: left;
    display: block;
    width: 45px;
    height: 45px;
    margin-right: 5px;
    color:#fff;
	background: #36476d;
	border-radius:50%;
	
}
a.facebook:hover {

  background: #3b5998;
}

a.facebook i{font-size:24px; margin: 11px 0 0 16px;}

a.youtube {
    float: left;
    display: block;
	margin-right: 5px;
    width: 45px;
    height: 45px;
	background: #36476d;
	border-radius:50%;
	color:#fff;
	display:block;
}

a.youtube:hover {

 background: #c02f29;
}
a.youtube i{font-size:24px; margin: 10px 0 0 12px;}


a.vk {
    float: left;
    display: block;
	margin-right: 5px;
    width: 45px;
    height: 45px;
    background: #36476d;
	color:#fff;
	border-radius:50%;
}

a.vk:hover {
 background: #3b5998;
}
a.vk i{font-size:24px; margin: 10px 0 0 9px;}

a.instagram {
    float: left;
    display: block;
	margin-right: 5px;
    width: 45px;
    height: 45px;
       background: #36476d;
	color:#fff;
	border-radius:50%;
}

a.instagram:hover {
 background: #3b5998;
}
a.instagram i{font-size:24px; margin: 10px 0 0 13px;}

a.twitter,
a.facebook,
a.youtube,
a.vk, 
a.instagram { 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;}







.header-sociale-title {
position:absolute;
height: 50px;
width: 220px;
left:750px;
top:98px;
text-align:left;


}

.header-sociale-title p{
position:relative;
font: 300 17px/1.3 "Open Sans", sans-serif; padding:11px 0 0 0px;
margin:0px;
text-transform:uppercase; 
color:#fff;
}
.header-sociale-title a{
position:relative;
font: 300 17px/1.3 "Open Sans", sans-serif; padding:12px 0 0 0px;
margin:0px;
color:#fff; text-decoration:none;
}
.header-sociale-title i{
position:absolute; top:10px; font-size:26px;  left:150px;
}

.header-sociale-title a:hover i{color:#ccc; }









.location-img, .mail-img,.phone-img {
    position: absolute;
}
.location-img{top:3px; left:-40px;}
.mail-img{top:102px; left:-40px;}
.phone-img{top:170px; left:-40px;}
















.sertificat_box {
    width: 100%;
}
.sertificat_box .main_catalog {
    width: 100%!important;
}





#gallery a{
    display: block;
    position: relative;
    float: left;
    height: 215px;
    width: 46%;
    margin: 10px;
}
#gallery img {
    position:absolute;
    margin:auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
    width: 100%;
    height: 80%;
}






#form{
    overflow: hidden;
}
#form_cons {
 	font: 300 24px/1.3 "Open Sans", sans-serif;

    margin-top: 50px;
    margin-bottom: 40px;
    text-align: center;
}
.reveal-modal3, .reveal-modal4 {
	font: 300 14px/1.3 "Open Sans", sans-serif;
}

.reveal-modal3, .reveal-modal4{
    box-sizing: border-box;
    display: block;
    width: 100%;
    margin: 10px 0 10px 0;
    border: 1px solid #cfcfcf;
    color: rgba(38, 54, 79, 0.75);
  
    box-shadow: 0 -2px 1px;
}
.reveal-modal3{
    height: 43px;
    padding-left: 20px;
}

.reveal-modal4{
    height: 115px;
    padding: 20px 0 0 20px;
}
.form_submit {
    background: #5b749d;
    border: none;
    box-shadow: none;
    color: white;
    text-transform: uppercase;
    cursor: pointer;

}
.form_submit:hover{
    opacity: 0.7;
}
.reveal-modal3.forms-err{
    border: 1px solid #990033
}
.senks{
    position: absolute;
    width: 260px;
    height:220px;
    background: #fff;
    font:15px/25px Arial;
    color:#a29a7d ;
    top:0
}


/* ///////////////////////////////////////////////////////////////////////////////////////////
                                                     #KONTAKT
/////////////////////////////////////////////////////////////////////////////////////////////*/


#mail-wrap{position:absolute; top:70px; left:40px; width:500px; height:450px;  z-index:8888;  } 


#kontakt-description{position:absolute; top:100px; left:595px; width:300px; height:52px;  z-index:2; color:#fff;  } 
.kontakt-text{position:relative;  width:100%; height:80px; z-index:3;} 
.kontakt-text p{position:absolute; top:15px; left:0; font: 300 14px/1.3 "Open Sans", sans-serif; text-transform:uppercase;  text-transform:uppercase;} 



#kontakt-form button{
position:relative; color:#000 !Important;
font: 300 12px/1.3 "Open Sans", sans-serif; text-transform:uppercase;
cursor: pointer; 
padding:10px 30px 10px 30px; 
margin-left:0px; top:20px; color: #fff; 
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 1px solid #000; background:transparent;
}

#kontakt-form button:active {top:21px;}
#kontakt-form button:hover{background-color:#7c90a7; color:#fff !important;}





#kontakt-form  label{
float:left; 
color:#000;  
margin: 10px 0 1px 0px;
font: 300 14px/1.3 "Open Sans", sans-serif;

}

#kontakt-form  textarea:hover{background:#fff;  color:#000; }
#kontakt-form  input:hover{background:#fff;  color:#000; }




#kontakt-form  textarea{
height: 80px;
width: 470px;
font: 300 14px/1.3 "Open Sans", sans-serif;
padding:8px 10px 10px 10px;
color:#000;
border: 1px solid #000; background:transparent;
resize: none;
float:left;
margin: 10px 0 0 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}


#kontakt-form  input{
height: 20px;
width: 470px;

padding:5px 10px 5px 10px;
font: 300 14px/1.3 "Open Sans", sans-serif;
color:#000;
border: 1px solid #000; background:transparent;
margin: 15px 0 5px 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}




button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}
button[disabled],html input[disabled]{cursor:default}
textarea{overflow:auto;vertical-align:top; resize:vertical}



/* ///////////////////////////////////////////////////////////////////////////////////////////
                                                     ACCORDION
/////////////////////////////////////////////////////////////////////////////////////////////*/

#section-accordion {position:relative; width:100%; height:auto; background:#ededed; background:#eee;
/* background: url(../img/pattern.jpg) repeat; */
  padding:20px 0 21px 0; margin:0px 0 0px 0;}

#home-accordion,
#home-accordion ul,
#home-accordion li,
#home-accordion a {
position: relative;
margin: 0;
padding: 0;
border: 0;
list-style: none;
text-decoration: none;
font: 300 14px/1.3 "Open Sans", sans-serif;
}



#home-accordion ul ul{
position: relative;
margin: 0;
padding: 0;
border: 0;
list-style: none;
height:250px;
text-decoration: none;
font: 300 14px/1.3 "Open Sans", sans-serif;
}

#home-accordion {position:relative;  width: 920px; margin:50px auto;  }





#home-accordion > ul > li {/* background: #7c90a7;    */        }
#home-accordion > ul > li:hover {/* background: #718398; background: #36476d; */ /* color:red  */}
#home-accordion > ul > li > a {
display: block;
color: #000;
text-align:left; 
border-top: 1px solid #000;
border-bottom: none;
}

#home-accordion > ul > li > a > h3 {
display: block;
padding: 12px 10px 12px 0px;
font: 300 14px/1.3 "Open Sans", sans-serif;
}

#home-accordion > ul > li > a:hover {text-decoration: none; color:#3a9eda;}
#home-accordion > ul > li.active {border-bottom: none; }

#home-accordion > ul > li.active a{color:#3a9eda;}



#home-accordion > ul > li.has-sub > a h3 {background: url(../img/vniz.png) 890px center no-repeat;}
#home-accordion > ul > li.has-sub.active > a h3 {background: url(../img/verh.png) 890px center no-repeat;}

#home-accordion ul ul {
  display: none;
  /* background: #fff; */

}
#home-accordion ul ul li {
  padding: 0;
/*   border-bottom: 1px solid #fff; */
  border-top: none;
/*   background: #fff; */

}
#home-accordion ul ul li:last-child {border:none;}
#home-accordion ul ul a {
  padding: 10px 10px 10px 25px;
  display: block;
  color: #676767;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none; 
}

#home-accordion ul ul a:hover {}
.last-punkt{position:relative; width:100%; height:0px;  }

#home-accordion > ul > li.has-sub h4 {font: 300 24px/1.3 "Open Sans", sans-serif; margin: 10px 0px 20px 0px;/*  width:720px;  */} 
#home-accordion > ul > li.has-sub p {font: 300 14px/1.3 "Open Sans", sans-serif; margin: 0 0px 20px 0px; /* width:700px; */ }  










.photo-procedure {
position:absolute !important; 
top:30px;
left:0px;
width:190px;
height:190px; 
overflow: hidden; 
}
.photo-procedure img{
position:absolute !important; 
top:0px;
left:0px;
width:190px;
height:190px; 
}


.desription-procedure {
position:absolute !important; 
top:15px;
left:220px;
width:660px;

}



#home-accordion ul ul .bottom-go-procedure {
position:absolute !important; 
top:200px;
left:195px;
width:135px; 
height:25px; 
z-index:3333;
text-align:left;
display: block; 
text-decoration: none !important; 
}


.bottom-go-procedure span{position:absolute !important; top:3px; font: 300 14px/1.3 "Open Sans", sans-serif;}
.bottom-go-procedure img{position:absolute !important;  right:0; top:0; width: 25px; height:25px; transition: all 0.4s ease 0s;}

.bottom-go-procedure:hover span{color:red}
.bottom-go-procedure:hover img{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}



.button-contacte{position:absolute; top:83px; right:20px; width:150px; height:25px;}
.button-contacte span{
position:absolute; top:3px; left:-20px; 
font: 300 14px/1.3 "Open Sans", sans-serif; color:#000;
}
.button-contacte img{position:absolute !important;  right:0; top:0; width: 25px; height:25px; transition: all 0.4s ease 0s;}

.button-contacte:hover span{color:#3a9eda;}

.button-contacte:hover img{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}









.video-stats{position:relative; width:100%; margin-top:70px; position:relative;  }
.video-stats video{display:block; width:100%}



.stat-box{position:absolute; top:0px; width:100%; text-align:center; height:440px;

 }
.statistik-bg{position:absolute;  height:1112px;  
background:  url("../img/q2.jpg") no-repeat;

background-size: cover;
  top:-100px;
  left:0;
 
}
.timer-box{position:relative; margin:0px auto; width:804px; text-align:center;  }
.statistika-title-box    {position:relative; margin:0px auto; width:804px; text-align:center; height:190px;}
.statistika-title-box h4{position:relative; margin:0 auto; padding-top:80px; 
font: 300 24px/1.3 "Open Sans", sans-serif; color:#fff; 
}
.statistika-title-box p{position:relative; margin:0 auto; padding-top:20px; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff;}


.statistika-title-box-02    {position:relative; margin:0px auto; width:804px; text-align:center; height:210px;}

.statistika-title-box-02 p{position:relative; margin:0 auto; padding-top:50px; font: 300 14px/1.3 "Open Sans", sans-serif; color:#fff;}






.block-01-info{position:absolute; top:0px; left:0; width:190px; height:170px;  }
.block-02-info{position:absolute;top:0px; left: 205px;  width:190px; height:170px;}
.block-03-info{position:absolute;top:0px; right:0; width:190px; height:170px;  }
.block-04-info{position:absolute;top:0px; right: 205px; width:190px; height:170px;  }




.container-statistika{ position: relative; margin:0 auto; width:880px; height:250px; z-index:1; color:#fff;}

.stat span{color:#fff; text-align:center;  font: 300 44px/1.3 "Open Sans", sans-serif; z-index:9999;}
.stat h3{color:#fff; font: 300 15px/1.3 "Open Sans", sans-serif;}
.stat{position:absolute; top:0px; left:0; width:190px; height:130px; color:#fff; text-align:center;}

#page-statistics{position: relative; margin:0 auto; width:100%; height:500px; background:#000;  z-index:4;}


/* ==============================
critique
============================= */
.box-critique{position:relative; width:100%; margin-top:50px; height:700px; }
.critique-post-box {position: relative;overflow:hidden;width:270px;height:170px; margin:0 0 10px 0;} 
.critique-post-box img{position: absolute;width:270px;height:170px; z-index:1;} 

.critique-post-box i{position:absolute; top:5px; left:175px;color:#acb7c9; font-size: 90px; z-index:2;}
.quoting-block{position:relative; width:620px; background-color:#eee; padding:10px 0 15px 0; margin-bottom:20px; }
.quoting-block h4{padding:0 0 10px 20px;font-size:17px;}
.quoting-block p{position:relative; color:#7a7e86; font: 300 14px/1.3 "Open Sans", sans-serif; font-style:italic; padding:0px 20px 5px 20px;}

.side-bar-left-critique{float:left; width:260px; padding:0 10px 20px 0; height:100%; background:#f5f5f5; margin-left:20px;}
.side-bar-left-critique h3{position:relative;color:#000; margin:10px 0 14px 20px;font: 300 18px/1.3 "Open Sans", sans-serif;}
.side-bar-left-critique p{position:relative; color:#000; margin:10px 0 14px 20px;font: 300 14px/1.3 "Open Sans", sans-serif;}
#mail-сritique-wrap{position:relative; left:20px; width:230px; height:450px;  z-index:8888; overflow:hidden; margin-top:30px;} 



.guest{position:relative; font: 300 18px/1.3 "Open Sans", sans-serif; margin-left:75px; padding-left:20px; padding-bottom: 5px; }
.data-time{ position:absolute; top: 16px; left:20px; font: 300 12px/1.3 "Open Sans", sans-serif; color:#000;}


#сritique-form button{
position:relative; margin:50px 0 0 0px; width:100%; 
font: 300 12px/1.3 "Open Sans", sans-serif; text-transform:uppercase;
cursor: pointer; 
padding:10px 30px 10px 30px; 
color: #fff; 
text-transform:uppercase;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
border: 0px solid #000;  background: #5b749d;
}

#сritique-form button:active {position:relative; margin:52px 0 0 0px;}
#сritique-form button:hover{background-color:#000; color:#fff !important;}





#сritique-form label{
position:relative; display:block;
color:#000;  
margin: 0px 0 10px 0px;
font: 300 14px/1.3 "Open Sans", sans-serif;
}

#сritique-form textarea:hover{background:#fff;  color:#000; }
#сritique-form input:hover{background:#fff;  color:#000; }




#сritique-form textarea{
position:relative;	
display:block;
height: 186px;
width: 208px;
font: 300 14px/1.3 "Open Sans", sans-serif;
padding:8px 10px 10px 10px;
color:#000; 
border: 1px solid #ccc; background:transparent; 
resize: none;
float:left;
margin: 0px 0 0 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}


#сritique-form input{
position:relative;
display:block;
height: 20px;
width: 208px;
padding:5px 10px 5px 10px;
font: 300 14px/1.3 "Open Sans", sans-serif;
color:#000;
border: 1px solid #ccc; background:transparent;
margin: 10px 0 15px 0px;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.side-right-critique{float:right; width:620px;  padding-top:0px; padding-bottom:10px; margin-right:20px;}
.critique-slider{position: relative; width:100%;  }
#critique-nav {  position:absolute; top:660px; margin:0 auto; width:620px; z-index:222;}
#critique-nav li { 
border:0;
position:relative; 
display: inline-block;
white-space: nowrap; 
width:30px; height:30px; margin:0 5px 0 0px; 
background:#b6c1d3; 
font:300 14px/1.3 "Open Sans", sans-serif;  text-transform:uppercase;
text-align: center; text-decoration: none; text-transform: uppercase;  
 cursor: pointer; 
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
transition: all 0.5s ease;
list-style: none }



#critique-nav a { width:30px; height:30px; padding:6px 0 0 0; display: block;  text-decoration: none; color:#fff; box-sizing:border-box;}
#critique-nav li.activeSlide a { background:#000; width:30px; height:30px;  display: block; color: #fff;}
#critique-nav li:hover {background:#000; color:#fff !important;}
#critique-nav a:focus { outline: none; }





.critique-page-1,
.critique-page-2,
.critique-page-3,
.critique-page-4,
.critique-page-5{float:left;  width:620px; height:700px; text-align:left;}


.critique-quote-element{
width:70px; height:194px; background:url(../img/quote.png); 
background-size:70px;
background-repeat:no-repeat;
position:absolute; top:-20px; right:35px; z-index:5;}




/*kostyl*/

@media screen and (min-width: 240px) and (max-width: 767px) {

    body {
        width: 320px;
        margin: 0 auto;
    }

    .top-block {
        width: 320px;
    }

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

    .container-surgery {
        position: relative;
        width: 300px;
        margin: 0 auto;
    }

    .top-block {
        box-sizing: border-box;
        height: 85px;
        margin: 0 auto;
        overflow: hidden;
        padding: 2px 0;
        width: 320px;
        z-index: -1;
    }

    #logo p {
        color: #000;
        font: 200 14px "Open Sans", sans-serif;
        left: 55px;
        position: absolute;
        top: 15px;
        max-width: 200px;
    }

    .home-photo-01 h3, .home-photo-02 h3, .home-photo-03 h3, .home-photo-04 h3 {
        font: 13px "Open Sans",sans-serif;
        left: 0;
        position: relative;
    }

    .home-photo-01 p, .home-photo-02 p, .home-photo-03 p, .home-photo-04 p {
        font: 300 14px/1.3 "Open Sans",sans-serif;
        left: 0;
        position: relative;
        top:155px;
    }

    .top-site-info-oleg {
        display: none;
    }

    #top_menu {
        height: auto;
        position: relative;
        width: 320px;
        z-index: 200;
        display: none;
    }

    #logo {

        z-index: -1;
    }

    .m-menu {
        height: auto;
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        text-align: left;
        width: 320px;
        z-index: 2;
    }

    .m-menu li {
        display: block;
        width: 100%;
        height: 24px;
    }

    .m-menu a {
        box-sizing: border-box;
        color: #36476D;
        display: block;
        padding: 5px;
        text-decoration: none;
        text-transform: uppercase;
    }

    .m-menu a:hover {
        color: #efecff;
    }

    .m-active {
        background: rgba(94, 118, 158, 0.60);
    }

    .title {
        margin: 0 auto;
        overflow: hidden;
        position: relative;
        width: 320px;
    }

    .title h1 {
        font-size: 13px;
        margin: 4px;
    }

    .title p {
        font-size: 13px;
        margin: 4px;
    }

    .box-text-pages-2200 {
        height: auto;
        margin-top: 5px;
        position: relative;
        width: 100%;
    }

    .side-bar-left {
        background: #f5f5f5 none repeat scroll 0 0;
        float: left;
        height: 100%;
        margin-left: 0px;
        padding: 5px;
        width: 320px;
    }

    .side-bar-right {
        float: right;
        margin-right: 0px;
        padding-bottom: 10px;
        padding-top: 0;
        width: 320px;
    }

    .sociale-groups {
        display: none;
    }

    .new-footer {
        background-color: #36476d;
        height: 470px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

    .home-photo-container {
        margin: 0 auto;
        position: relative;
        width: 320px;
    }

    .home-photo-01 {
        width: 160px;
        height: 400px;
        position: relative;
        float: left;
    }

    .home-photo-02 {
        width: 160px;
        position: relative;
        left: 0;
        top: 0;
        height: 400px;
        float: left;
    }

    .home-photo-03 {
        width: 160px;
        height: 400px;
        position: relative;
        float: left;
        left: 0;
        top: 0;
    }

    .home-photo-04 {
        width: 160px;
        height: 400px;
        position: relative;
        float: left;
        left: 0;
        top: 0;
    }

    .home-service-section {
        width: 320px;
    }

    .home-photo-01 img, .home-photo-02 img, .home-photo-03 img, .home-photo-04 img {
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

    .home-photo-button {
        width: 96%;
        margin: 2%;
    }

    .home-photo-box {
        position: relative;
        width: 100%;
        height: auto;
        margin-bottom: 30px;
    }

    .place-for-photo {
        height: auto;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }


    .home-photo-01 h2, .home-photo-02 h2, .home-photo-03 h2, .home-photo-04 h2 {
        font-size: 14px;
        left: 0;
        position: absolute;
        top: 125px;
    }

    .home-photo-01 h3, .home-photo-02 h3, .home-photo-03 h3, .home-photo-04 h3 {
        font-size: 14px;
        left: 0;
        position: absolute;
        top: 125px;
    }

    .home-photo-line {
        width: 100%;
        height: 5px;
        top: 270px;
    }

    .new-footer {
        height: 250px;
    }

    .footer-container {
        width: 100%;
    }

    .footer-part-1 {
        display: none;
    }

    .footer-part-2 {
        display: none;
    }

    .site-copyright, .footer-part-2-box-1, .footer-part-2-box-2 {
        display: none;
    }

    .footer-part-3 {
        height: 250px;
        position: relative;
        right: 0;
        top: 0;
        width: 320px;
    }

    .footer-part-3 h5 {
        margin: 20px;
        text-transform: uppercase;
    }

    .footer-line {
        display: none;
    }

    .footer-part-3-box {
        height: 310px;
        left: 20px;
        position: absolute;
        top: 25px;
        width: 220px;
    }
    #go-top {
        display: block;
        z-index: 1000;
        position: absolute;
    }
    .home-photo-line {
        display: none;
    }

    .box-text-pages-1100 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }

    .box-text-pages-2000 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }

    .before-and-after {
        text-align: center;
        margin: 0 auto;
    }

    .side-photo-album-bar-right {
        float: right;
        margin-right: 0px;
        padding-bottom: 0px;
        padding-top: 0px;
        width: 320px;
    }

    .dinasty-right-photo-box {
        width: 320px;
    }

    .effect-2, .effect-3 {
        width: 50%;
    }

    .sertificates {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }

    .sertifikaty-photo-box {
        width: 320px;
    }

    .sertifikaty-left {
        width: 33.3%;
    }

    .sertifikaty-center {

        height: 170px;
        left: 33.3%;
        overflow: hidden;
        position: absolute;
        top: 0;
        width: 33.3%;
    }

    .sertifikaty-left {
        width: 33.3%;
    }

    .sertifikaty-right {
        width: 33.3%;
    }

    .sertifikaty-left img, .sertifikaty-center img, .sertifikaty-right img {

        width: 100%;
    }

}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
}

/* Clearfix */
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after {
    clear: both;
}
.clearfix {
    *zoom: 1;
    z-index: 10;
}

/* Основные стили */
@media screen and (min-width: 601px) {
    nav {
        height: 40px;
        width: 100%;
        font-size: 11pt;
        font-family: 'PT Sans', Arial, sans-serif;
        font-weight: bold;
        position: relative;
        border-bottom: 2px solid #283744;
        display: none;
    }}

nav ul {
    padding: 0;
    margin: 0 auto;
    width: 600px;
    height: 40px;
}
nav li {
    display: inline;
    float: left;
}
nav a {
    color: #fff;
    display: inline-block;
    width: 100px;
    text-align: center;
    text-decoration: none;
    line-height: 40px;
    text-shadow: 1px 1px 0px #283744;
}
nav li a {
    border-right: 1px solid #576979;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
}
nav li:last-child a {
    border-right: 0;
}
nav a:hover  {

}
nav a#pull {
    display: none;
}

/* Стили для экранов 600px и меньше */
@media screen and (max-width: 600px) {
    nav {
        height: auto;
    }
    nav ul {
        width: 100%;
        display: block;
        height: auto;
        background: #5B6E98;
    }
    nav li {
        width: 100%;
        float: left;
        position: relative;
    }
    nav li a {
        border-bottom: 1px solid #576979;
        border-right: 1px solid #576979;
    }
    nav a {
        text-align: left;
        width: 100%;
        text-indent: 25px;
    }
}

/*Стили для экранов 515px и меньше*/
@media only screen and (max-width : 480px) {
    nav {
        border-bottom: 0;
        position: absolute;
        top: 10px;
        width: 100%;
    }
    nav ul {
        display: none;
        height: auto;
    }
    nav a#pull {
        display: block;
        width: 100%;
        position: relative;
    }
    nav a#pull:after {
        content:"";
        background: url('../img/nav-icon.png') no-repeat;
        background-position: center;
        background-color: #fff;
        width: 30px;
        height: 30px;
        display: inline-block;
        position: absolute;
        right: 15px;
        top: 10px;
        border: 2px solid #e0dce2;
        border-radius: 3px;
        margin: 5px;
    }
}

/* Смартфоны */
@media only screen and (max-width : 320px) {


    nav li {
        display: block;
        float: none;
        width: 100%;
    }
    nav li a {
        border-bottom: 1px solid #576979;
    }
}

@media screen and (min-width: 240px) and (max-width: 767px) {
    .header {
        height: 240px;
    }
    .photo {
        height: 240px;
        left: 0;
        position: absolute;
        top: 0;
        width: 200px;
    }

    #photo-header-a {
        bottom: 0;
        height: 340px;
        left: -25px;
    }

    #photo-header {
        position: relative;
        bottom: 0;
        left: 0;
    }

    .photo img {
        max-height: 220px;
        margin-top: 20px;
    }

    .head-contacts {
        color: #fff;
        height: 240px;
        position: absolute;
        right: 60px;
        text-align: left;
        top: 8px;
        width: 170px;
    }


    .sinovets-a-m {
        position: absolute;
        top: 0px;
        left: 0px;
        width: 36px;
        height: 36px;
        background: #4c4e3e url("../img/photo-album/sinovets-a-m.png");
        border-radius: 50%;
        border: 3px solid #fff;
        background-size: 36px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .sinovets-s-a {
        position: absolute;
        top: 0px;
        left: 35px;
        width: 36px;
        height: 36px;
        background: #4c4e3e url("../img/photo-album/sinovets-s-a.png");
        border-radius: 50%;
        border: 3px solid #fff;
        background-size: 36px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .sinovets-a-s {
        position: absolute;
        top: 0px;
        left: 70px;
        width: 36px;
        height: 36px;
        background: #4c4e3e url("../img/photo-album/sinovets-a-s.png");
        border-radius: 50%;
        border: 3px solid #fff;
        background-size: 36px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .sinovets-o-a {
        position: absolute;
        top: 0px;
        left: 105px;
        width: 36px;
        height: 36px;
        background: #4c4e3e url("../img/photo-album/sinovets-o-a.png");
        border-radius: 50%;
        border: 3px solid #fff;
        background-size: 36px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

    .sinovets-a-o {
        position: absolute;
        top: 0px;
        left: 140px;
        width: 36px;
        height: 36px;
        background: #4c4e3e url("../img/photo-album/sinovets-a-o.png");
        border-radius: 50%;
        border: 3px solid #fff;
        background-size: 36px;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }
    .dinasty-box {
        height: 62px;
        left: 130px;
        position: absolute;
        top: 195px;
        width: 430px;
        z-index: 1;
    }

    .consultation-box {
        color: #fff;
        height: 190px;
        left: 105px;
        position: absolute;
        top: 10px;
        width: 210px;
        text-align: right;
    }

    .consultation-box p {
        text-align: right;
    }

    .header-name {
        font-size: 14px;
        font-weight: bold;
    }


    .head-contacts {
        color: #fff;
        left: 180px;
        position: absolute;
        top: 12px;
        width: 160px;
    }

    .town {
        margin-top: 70px;
        font-weight: bold;
    }

    .street {
        margin-top: 4px;
    }

    .hospital {
        margin-top: 4px;
    }

    .header-mail {
        margin-top: 5px;
        color: #fff;
    }

    .header-button {
        display: none;
    }

    .header-phone {
        display: none;
    }

    .button-contacte {
        display: none;}

    .mobmen {
        width: 320px;
        margin: 0 auto;
        position: relative;}

    .box-contacts {
        background-color: #f7f7f7;
        height: auto;
        margin: auto;
        position: relative;
        width: 320px;
    }

    .box-contacts-left-part {
        height: auto;
        width: auto;
        position: relative;
    }

    .box-contacts-right-part {
        height: auto;
        width: auto;
        position: relative;
        display: none;
    }


    #mail-wrap {
        height: auto;
        position: relative;
        width: 320px;
        z-index: 8888;
    }
    /*rhinoplasty.html*/
    .operation-photo-3 {display: none}
    .box-text-pages-1500 {
        margin-top: 10px;
        position: relative;
        width: 100%;
        height: auto;
    }
    .box-text-pages-4000 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }

    .box-text-pages-1800 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }
    .box-text-pages-1000 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }
    .box-text-pages-700 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }
    .box-text-pages-3400 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }
    .box-text-pages-1900 {
        height: auto;
        margin-top: 10px;
        position: relative;
        width: 100%;
    }

    #jquery-lightbox {
        width: 300px !important;
    }
    #lightbox-image {
        width: 300px !important;
        padding-left: 20px;
    }
    #lightbox-nav {
        width: 300px !important;
    }
    .lightbox-container-image-box {
        width: 300px !important;
    }
    #lightbox-container-image-box {
        width: 320px !important;
        height: 240px  !important;
    }
    #lightbox-container-image-data-box {
        display: none !important;
    }

    .side-right-surgery {
        float: right;
        padding-bottom: 10px;
        padding-top: 0;
        width: 320px;
    }
    #lightbox-container-image-box {
        background: none !important;
        height: 250px;
        margin: 0 auto;
        position: relative;
        width: 250px;
    }

    .top-site-info {
        display: none;
    }
    .header-contact-title {
        display: none;
    }

    .town {
        font-weight: bold;
        margin-top: 50px;
    }
    .head-contacts {
        color: #fff;
        left: 170px;
        position: absolute;
        top: 12px;
        width: 160px;
    }

    .statistik {
        display: none;
    }
    .home-service-section {
        background: #fff none repeat scroll 0 0;
        position: absolute;
        top: 350px;
        width: 320px;

    }

}

@media screen and (min-width: 768px) {
    .mobile-vis {
        display: none;
    }

    .mobile-hid {
        display: block;
    }

}

@media screen and (min-width: 240px) and (max-width: 767px) {

    .mobile-hid {
        display: none;
    }

.mobile-vis {
    display: block;
}

.button-contacte {
    display: block;
}

.c1 {
    width: 100%;
    display: block;
    background: #5B6E98;
    color:#fff !important;
    text-align: center;
    margin: 0 auto;
    padding: 10px 0px;
    font-size: 24px;
    text-decoration: none;
}
    .c2 {
        width: 100%;
        display: block;
        background: #5B6E98;
        color:#fff !important;
        text-align: center;
        margin: 0 auto;
        padding: 10px 0px;
        font-size: 24px;
        text-decoration: none;
    }

    .c3 {
        padding: 10px 0px;
    }

    h4 {
        padding-bottom: 16px;
    }

}