@charset "utf-8";

/* CSS Document */

*{margin:0; padding:0; border:0;}

body{
	background:#FFF;
}

/*Ia?aei iniiaiie ?aciaoee*/

#main-container{
	width:1000px;
	/*min-width:994px;
	max-width:1396px;*/
	margin:0 auto;
	padding-bottom:80px;
	/*background:#f7f8f7;*/
	background:#FFF;
	overflow:auto;
	position:relative;
}

#logo{
	padding:30px 0 20px 10%;
	float:left;
	width:auto;
	margin:0;
}

.dropbtn {
	display: none;
}

#logo-phones{
	width:45%;
	float:right;
	padding-top:40px;
	padding-right:10%;
	padding-bottom:0;
	text-align:right;
}

.display-mobile{
	display:none;
}

.display-pc{
	display:block;
}

#phones{
	font:bold 24px/1.5 Arial, Helvetica, sans-serif;
	color:#000;
}

#phones a{
	color:#000;
	text-decoration:none;
}

#phones a img{
	height:24px;
	position:relative;
	bottom:-3px;
}

#phones .viber-chat img{
	width:33px;
	height:33px;
	position:relative;
	bottom:-8px;
}

#messendzhery-i-telefon{
	position:fixed;
	left:30%;
	bottom:0px;
	display:block;
	background:#f7d746;
	border-radius:10px;
	z-index: 1000;
}

#messendzhery-i-telefon .viber-chat img{
	width:33px;
	height:33px;
	position:relative;
	bottom:-4px;
}

#messendzhery-i-telefon a{
	color:#000;
	text-decoration:none;
	font:normal 18px/2 Arial, Helvetica, sans-serif;
	padding:0 7px 0 7px;
}

#pay-online{
	position:fixed;
	left:30%;
	bottom:0;
	width:500px;
	height:40px;
	display:block;
	z-index: 1000;
}

#pay-online form button{
	width:220px;
	height:40px;
	background:#f7d746;
	border-radius:10px;
	float:left;
	margin-left:20px;
	font:bold 24px/1.5 Arial, Helvetica, sans-serif;
}


.zagl{
	clear:both;
}

#content .preim{
	width:1000px;
	font:bold 26px/1.5 Arial, Helvetica, sans-serif;
	text-align:center;
	margin:60px 0 40px 0;
	background: linear-gradient(359.8deg, #314565 0.24%, #4B6EA8 99.9%);
mix-blend-mode: normal;
border-radius: 3px;
	color:#FFF;
}

.preim h2{
	font:120%;
	line-height:2;
}

.preim div{
	width:30%;
	float:left;
	margin-left:2.5%;
	padding:20px 0;
	margin-bottom:0;
}

.preim div .preim-img{
	display:block;
	width:130px;
	height:100px;
	margin:0 auto;
}

#content .preim div p{
	margin:0;
}

.preim div p span{
font-size:130%;
}

/*Ia?aei iniiaiiai iaiieiaiey*/

#content{
	font:16px Arial, sans-serif;
	line-height:1.4;
	padding-bottom:40px;
}

#content img{
	/*width:100%;
	height:auto;*/
}

#content #rus{
	position:absolute;
	top:-5px;
	right:50px;
	padding-right:25px;
	background:url(https://gipnoz.kiev.ua/image-all/flag-rus.png) right center no-repeat;
	background:none;
	font-size:20px;
}

#content #ukr{
	position:absolute;
	top:-5px;
	right:130px;
	padding-right:25px;
	background:url(https://gipnoz.kiev.ua/image-all/flag-ukr.png) right center no-repeat;
	font-size:20px;
}

#content h1, #content h2, #content h3{
	/*margin:10px 50px;*/
	/*color:#69c;*/
	/*background:#009;*/
	clear: both;
	padding: 25px 50px;
}

#content p{
	margin:0 70px;
}

#content .font-200{
	font-size:140%;
}

#content h1{
	font-size:36px;
	text-align:left;
	/*background:#009;
	background:#29317a;
	color:#FFF;*/
}

#content h2{
	font-size:28px;
	text-align:left;
	/*background:#603;
	background:#e0f2ff;
	color:#0b2852;*/
}

#content h3{
	font-size:20px;
	text-align:left;
	/*background:#390;
	background:#252970;
	color:#FFF;*/
}

#content p, #content ul li, #content ol li{
	padding:7px 0;
}


#content ul{
	padding-left:160px;
	padding-right:70px;
}

#content ol{
	padding-left:160px;
	padding-right:70px;
}

#content h1 a, #content h2 a, #content h3 a{
	color:#060b0d;
	text-decoration:underline;
}

#content h1 a:hover, #content h2 a:hover, #content h3 a:hover{
	text-decoration:none;
}

#content a{
	color:#060b0d;
	text-decoration:underline;
}

#content a:hover{
	text-decoration:none;
}

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

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

.pronouncement{
	text-align:right;
	font-style:italic;
	font-weight:bold;
}

.photo-right{
	float:right;
	padding:20px;
}

.photo-left{
	float:left;
	padding:20px;
}

#content #question p{
	border-bottom:1px solid #036;
}

#content #question p a{
	color:#000;
	text-decoration:none;
}

#content #question p a:hover{
	color:#660;
	text-decoration:underline;
}

#content .ansver{
	text-align:right;
	font-weight:bold;
}

#content .ansver a{
	color:#000;
	text-decoration:none;
}

#content .ansver a:hover{
	color:#039;
}

#content .article a{
	color:#000;
	text-decoration:underline;
}

#content .article a:hover{
	color:#03C;
	text-decoration:underline;
}

.dashline{
	height:1px;
	border-bottom:1px dashed #000;
	margin:5px 20px;
}

#map{
	text-align:center;
}

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

.video-content iframe{
	width:640px;
	height:480px;
}

.youtube, .youtube-map{
        background-position: center;
        background-repeat: no-repeat;
        position: relative;
        display: inline-block;
        overflow: hidden;
        transition: all 200ms ease-out;
        cursor: pointer;
		width:640px;
		height:480px;
    }
.youtube img, .youtube-map img{
	width:640px;
	height:480px;
}
    .youtube .play, .youtube-map .play{
        background: url('https://gipnoz.kiev.ua/video/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
        background-position: 0 -50px;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        position: absolute;
        height: 50px;
        width: 69px;
        transition: none;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
    }
    .youtube:hover .play, .youtube-map:hover .play {
        background-position: 0 0;
    }

.video{
	width:100%;
	text-align:center;
}

#content .align-center img{
	width:auto;
}

#content .img-float-left{
	float:left;
	padding:10px 15px 10px 0;
}

#content .img-sert img{
	float:left;
}

.img-float-left-sert-footer{
	overflow:hidden;
}

.img-float-left-sert-footer div{
	float:left;
	height:200px;
}

.img-float-left-sert-footer div img{
	width:100%;
	height:auto;
	max-height:100%;
}

#content .lech-bot{
	background: #F4F7FA;
	margin:10px;
	padding:0 0 10px 0;
	box-shadow: 0px 4px 10px rgba(43, 53, 130, 0.5);
}

#content .lech-bot .zap{
	margin-bottom:0;
}

#content .img-float-right{
	float:right;
	padding:10px 0 10px 15px;
}

#content #in-article{
	width:50%;
	float:right;
	text-align:left;
	font:normal 16px/1.5 Arial, Helvetica, sans-serif;
	padding:0;
	margin-bottom:10px;
	position:relative;
	background: linear-gradient(-90deg, rgba(244, 252, 255, 0) 0%, rgba(244,252,255,1.00) 100%);
}

#content #in-article ul{
	margin-left:-110px;
	list-style-type:disc;
}

#content #in-article ul ul{
	list-style-type:circle;
}

#content #in-article ul li{
	padding:3px 0;
}

#content #in-article .in-article-head{
	list-style:none;
	font-size:120%;
	font-weight:bold;
	text-align:center;
}

#content #in-article a{
	color:#00F;
	text-decoration:none;
}

#content #in-article a:hover{
	text-decoration:underline;
}

#content #loses{
	width:90%;
	text-align:left;
	margin:0 auto;
}

#content #loses td{
	border:1px #000 solid;
	padding:3px;
}

#content .block-links a, #content .block-links p{
	display:flex;
	align-items:center;
	justify-content:center;
	width:480px;
	height:150px;
	margin:10px;
	float:left;
	text-align:center;
	font-size:32px;
}

#content .block-links a{
	color:#000;
}

#content .block-links a img{
	max-height:100%;
	position: relative;
	left:-50px;
}

#content .block-links p img{
	max-height:100%;
	position: relative;
	left:30px;
}

/*Ieii?aiea iniiaiiai iaiieiaiey*/



/*Ia?aei eiioaeoia*/

#contacts{
	overflow:auto;
	font:22px Arial, sans-serif;
	line-height:1.5;
	padding:30px 0 5px 0;
	/*height: 300px;*/
}

#contacts a{
	color:#69c;
}

#contacts a:hover{
	color:#000;
}

#copy{
	text-align:center;
	margin:25px 0;
}

#copy a{
	color:blue;
	text-decoration:none;
}

.oferta{
	text-align:center;
	list-style:none;
}

#call{
	float:right;
	padding-right:350px;
	text-align:right;
	padding-top:0;
}

#call a{
	font-size:28px;
	font-weight:bold;
	color:#000;
	text-decoration:none;
}

#call .viber-chat img{
	width:44px;
	height:44px;
	float:left;
}

#call span{
	background:#E98CA4;
	color:#FFFFFF;
	padding:6px;
}

/*Ieii?aiea eiioaeoia */



/*Ia?aei oi?ia caiene */
#form{
	width:550px;
	height:320px;
	margin:25px auto;
}

#content #mail-zapis, #content #mail-zapis2{
	box-shadow:5px 5px 10px rgba(0,0,0,0.5);
	width:450px;
	margin:5px 25px;;
	border-radius:5px;
	float:left;
	overflow: hidden;
}

#content #mail-zapis h3, #content #mail-zapis2 h3{
	background: linear-gradient(209.75deg, rgba(83,216,255,0.6) -73.42%, rgba(56,64,247,0.6) 137.04%);
	margin:0;
	padding:10px 50px;
	color:#fff;
}

#content #mail-zapis p, #content #mail-zapis2 p{
	width:80%;
	margin:0 auto;
}

#content #mail-zapis p input, #content #mail-zapis2 p input, #content #mail-zapis p textarea, #content #mail-zapis2 p textarea{
	padding:5px 0;
	width:100%;
	background:#E3E7FF;
}

#content #mail-zapis .submit, #content #mail-zapis2 .submit{
	font-size:28px;
	background: linear-gradient(360deg, #2B3582 -45.83%, #879AF6 129.17%);
box-shadow: 0px 4px 10px rgba(43, 53, 130, 0.3);
	height:50px;
	width:360px;
	margin:0 auto;
	border-radius:3px;
	color:#fff;
}

#mail-zapis .bezspama{
	width:1px;
	height:1px;
	top:0;
	right:0;
}

/*Ieii?aiea oi?ia caiene */

iframe{
  max-width: 100%;
}

.soc-sh-but{
	display:block;
	padding:2%;
	width:16%;
	float:left;
}

.soc-sh-but-face{
	display:block;
	padding:2%;
	width:25%;
	float:left;
}

.soc-sh-but-gaut{
	display:block;
	padding:2%;
	width:10%;
	float:left;
}

.zap{
	font:bold 22px/1.5 Arial, Helvetica, sans-serif;
	text-align:center;
	width:24%;
	margin-left:1.2%;
	padding:5px 0;
	margin:20px 0 60px 0;
	background: linear-gradient(360deg, #2B3582 -45.83%, #879AF6 129.17%);
	box-shadow: 0px 4px 10px rgba(43, 53, 130, 0.3);
	border-radius: 3px;
}

.zap a, #content .zap a{
	color:#fff;
	text-decoration:none;
}

.zap a, #content .zap a:hover{
	text-decoration:none;
}

#bottom-list{
	width:100%;
	font:bold 14px/1.5 Arial, Helvetica, sans-serif;
	text-align:left;
	padding-bottom:15px;
	border-top:3px solid #4F6A96;
}

#bottom-list h3{
	text-align:center;
}

#bottom-list li{
	display:inline-block;
	float:left;
	width:49%;
	padding-left:1%;
}

#bottom-list li a{
	color:#00F;
}

#bottom-list li a:hover{
	text-decoration:none;
}

#img-lechenie-gipnozom{
	width:1000px;
	height:667px;
}

.img-300-215{
	width:200px;
	height:143px;
}

.img-215-300{
	width:143px;
	height:200px;
}

.img-1000-500{
	width:1000px;
	height:500px;
}

.img-1000-667{
	width:1000px;
	height:667px;
}

.img-660-528{
	width:660px;
	height:528px;
}

.img-570-490{
	width:570px;
	height:490px;
}

.img-600-500{
	width:600px;
	height:500px;
}

.img-300-215 img, .img-215-300 img, .img-1000-500 img, .img-1000-667 img, .img-660-528 img, .img-570-490 img, .img-600-500 img{
	width:100%;
	height:100%;
}

.cards{
	padding:20px 220px;
}

.card{
	width:150px;
	height:100px;
	float:left;
	margin:0 0 0 25px;
	background: linear-gradient(209.75deg, hsla(194,100%,66%,0.3) -73.42%, hsla(237,92%,59%,0.3) 137.04%);
	border-radius:3px;
}

.cards .card .card-img{
	width:70px;
	height:45px;
	margin:25px auto 0 auto;
	text-align:center;
}

.card p{
	text-align:center;
	position:relative;
	top:-5px;
}

#content .card p{
	margin:0;
	padding:0;
	font:16px/1.5 Times New Roman, serif;
}

#content .cards{
	padding:20px 200px;
}

.card .card-img img{
	width:100%;
	height:100%;
}

#cost-all-page{
	width:1000px;
	margin-bottom:15px;
}

#cost-all-page div{
	width:16%;
	margin:0 2%;
	height:340px;
	float:left;
	border-radius:10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	text-align:center;
}

#content #cost-all-page div p{
	padding:15px;
	margin:0;
}

#cost-all-page div .cost-all-page-name, .cost-all-page .cost-all-page-name{
	display:block;
	padding:none;
	color:#000;
	background:#e0f2ff;
	font-weight:bold;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
}

#content #cost-all-page div .cost-all-page-name-small{
	font-size:80%;
	font-weight:bold;
}

.cost-all-page{
	width:450px;
	margin:15px 20px 15px 20px;
	padding-bottom:10px;
	border-radius:10px;
	box-shadow: 5px 5px 10px rgba(0,0,0,0.5);
	text-align:center;
	display:none;
}

#content .cost-all-page p{
	padding:5px;
	margin:0;
}

#content .cost-all-page-link{
	width:230px;
	margin:12px auto;
	background:#f7d746;
}

#content .cost-all-page-link-2{
	background:#e0f2ff;
}

#content .cost-all-page-link a{
	display:block;
	width:100%;
	text-decoration:none;
	font-size:20px;
	line-height:30px;
	color:#000;
}

#content .cost-all-page-link-2 a{
	color:#000;
}

.cost-all-page .cost-all-page-name{
	color:#fff;
	background:linear-gradient(360deg, #2B3582 -45.83%, #879AF6 129.17%);
}

.bg-F4F7FA{
	background:#F4F7FA;
}

.uslugi{
	padding:20px 150px;
}

#content .but-usl{
display:block;
float:left;
padding:20px 0 20px 0;
width:320px;
height:auto;
margin:0 15px;
background: linear-gradient(209.75deg, #53D8FF -73.42%, #3840F7 137.04%);
opacity: 0.59;
border-radius: 3px;
color:#FFFFFF;
text-align:center;
}

.usl-img{
	display:block;
	width:100px;
	height:100px;
	margin:0 auto;
}

.gipnoter-text-right, .gipnoter-text-left{
	position:relative;
	margin:0 0 25px 0;
	height:528px;
	text-align: center;
}

#content .gipnoter-text-right .gipnoter-text{
	position:absolute;
	z-index:500;
	width:300px;
	background:rgba(255,255,255,0.95);
	left:550px;
	top:120px;
	padding:20px;
	font-size:22px;
	border-radius:3px;
}

#content .gipnoter-text-right .gipnoter-text span, #content .gipnoter-text-left .gipnoter-text span{
	color:#D93C65;
}

#content .gipnoter-text-right .gipnoter-red{
	position:absolute;
	z-index:499;
	left:660px;
	top:180px;
	width:340px;
	height:120px;
	margin:0;
	background:#D93C65;
	opacity:0.59;
	border-radius:3px;
}

#content .gipnoter-text-left .img-660-528{
	position:absolute;
	right:0;
	top:0;
}

#content .gipnoter-text-left .gipnoter-text{
	position:absolute;
	z-index:500;
	width:300px;
	background:rgba(255,255,255,0.95);
	right:550px;
	top:120px;
	padding:20px;
	font-size:22px;
	border-radius:3px;
}

#content .gipnoter-text-left .gipnoter-red{
	position:absolute;
	z-index:499;
	right:660px;
	top:180px;
	width:340px;
	height:120px;
	margin:0;
	background:#D93C65;
	opacity:0.59;
	border-radius:3px;
}

#content .bg-lech-gipn, #content .bg-314565-4B6EA8{
background: linear-gradient(359.8deg, #314565 0.24%, #4B6EA8 99.9%);
mix-blend-mode: normal;
border-radius: 3px;
color:#FFFFFF;
margin:40px 0 30px 0;
}

#content .bg-lech-gipn a, #content .bg-314565-4B6EA8 a{
	color:#FFFFFF;
	text-decoration:none;
}

#content .bg-lech-gipn ul{
	padding:0 50px 0 100px;
	list-style-image:url("https://gipnoz.kiev.ua/image-08-06-2020/polygon.png");
}

#content .pc-4-cols{
	width:200px;
	height:200px;
	border:2px solid #E4EDFF;
	border-radius:3px;
	float:left;
	margin:0 23px;
}

#content .pc-4-cols a{
	display:block;
	width:100%;
	height:100%;
	text-align:center;
	text-decoration:none;
}

#content .pc-4-cols a .img-box{
	width:80px;
	height:80px;
	margin:30px auto;
}

#content .pc-4-cols a .img-box img{
	width:100%;
	height:100%;
}

#content #treningi{
	margin:60px 0 60px 0;
}

#content #treningi-recl{
	margin:20px 0;
	text-align: center;
	height: 112px;
	overflow: hidden;
}

#content #treningi-recl a{
	display: block;
	padding:20px 0 20px 0;
	font-size:24px;
}

#content #treningi-recl a span{
	font-size:16px;
}

.bg-F4F7FA .img-570-490{
	margin:0 auto;
}

.bg-F4F7FA .img-570-490 img{
	width:100%;
	height:100%;
}

#content .etapi-gipnoz{
	background: linear-gradient(209.75deg, #53D8FF -73.42%, #3840F7 137.04%);
	opacity: 0.59;
	border-radius:3px;
	color:#fff;
}

#content .etapi-gipnoz .etap-gipnoz{
	float:left;
	width:350px;
	height:150px;
	margin:20px 75px;
}

#content .etapi-gipnoz .etap-gipnoz .etap{
	width:16%;
	font-size:100px;
	float:left;
	color:#769BFF;
}

#content .etapi-gipnoz .etap-gipnoz .etap-text{
	width:84%;
	float:left;
	height:100%;
	text-align:center;
	font-size:24px;
}

#content .etapi-gipnoz .etap-gipnoz .etap-img{
	width:60px;
	height:60px;
	margin:0 auto;
}

#content .etapi-gipnoz .etap-gipnoz .etap-img img{
	width:100%;
	height:100%;
}

#content #treningi-recl .zsu-img{
	height:112px;
	width:149px;
	float:left;
}

#content #treningi-recl .zsu-img img{
	height:100%;
	width:100%;
}

#content #treningi-recl .zsu-text{
	height:112px;
	width:851px;
	float:left;
}



.slick-list {
	overflow:hidden;
} 
/* Лента слайдов */ 
.slick-track{
	display:flex;
}