@charset "utf-8";
 
/* CSS Document */

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

body{
	background:#FFF;
}

/*Ia?aei iniiaiie ?aciaoee*/

#main-container{
	width:100vw;
	margin:0 auto;
	background:#FFF;
	overflow:auto;
	position:relative;
	padding-bottom:40vw;
}


#logo{
	padding:1vw 0 0 0;
	float:none;
	width:100vw;
	position:fixed;
	top:0;
	left:0;
	background:#FFF;
	z-index:700;
}

#logo a img{
	width:30vw;
	margin:0 35vw;
}

/* Dropdown Button */

.dropbtn{
    padding: 0;
    font-size: 16px;
	width:2.5em;
	height:2.5em;
    border: none;
    cursor: pointer;
	display: block;
	background: rgba(224,224,224,0.00);
}

.dropbtn img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index:-1;
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    /*background-color: #2980B9;*/
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: fixed;
	top: 3vw;
	left: 3vw;
    display: inline-block;
	z-index:800;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position:fixed;
	left: 0;
    background-color: #dbedf6;
    /*min-width: 160px;*/
	width:100vw;
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
   /* padding: 12px 16px;
	display: block;*/
    text-decoration: none;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {display:block;} 

#logo-phones{
	width:98vw;
	float:none;
	padding-top:0vw;
	padding-right:1vw;
	padding-bottom:1.5vw;
	text-align:right;
}

.display-mobile{
	display:block;
}

.display-pc{
	display: none;
}

#phones{
	font:bold 4.3vw Arial, Helvetica, sans-serif;
	color:#000;
}

#phones a{
	color:#000;
	text-decoration:none;
	font-size:7vw;
}

#phones a img{
	height:6vw;
	position:relative;
	bottom:-1vw;
}

#phones .viber-chat img{
	width:10vw;
	height:10vw;
	position:relative;
	bottom:-2vw;
}

#messendzhery-i-telefon{
	position:fixed;
	left:0vw;
	bottom:0vw;
	padding:0vw 0vw;
	width:100vw;
	height:12vw;
	display:block;
	background:#f7d746;
	border-radius:4vw;
	z-index: 1000;
}

#messendzhery-i-telefon .viber-chat img{
	width:10vw;
	height:10vw;
	position:relative;
	bottom:-1vw;
}

#messendzhery-i-telefon a{
	color:#000;
	text-decoration:none;
	font:bold 6vw/1.5 Arial, Helvetica, sans-serif;
	padding-left:3vw;
}

#pay-online{
	position:fixed;
	left:0vw;
	bottom:0vw;
	width:100vw;
	height:12vw;
	display:block;
	z-index: 1000;
}

#pay-online form button{
	width:40vw;
	height:12vw;
	border-radius:4vw;
	float:left;
	margin-left:7vw;
	font:normal 6vw/1.5 Arial, Helvetica, sans-serif;
}

.zagl{
	clear:both;
}

#content .preim{
	width:100vw;
	font:bold 6.4vw/1.5 Arial, Helvetica, sans-serif;
	text-align:center;
	margin-top:0;
}

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

.preim div{
	width:75%;
	float:none;
	margin-left:0;
	margin:0 auto;
	padding:2vw 0;
	border-radius:24vw;
	margin-bottom:2vw;
}

.preim a{
	text-decoration:none;
}

.preim div .preim-img{
	width:26vw;
	height:20vw;
}

/*Ia?aei iniiaiiai iaiieiaiey*/

#content{
	font:4.5vw Arial, sans-serif;
	line-height:1.4;
	padding-bottom:6.4vw;
	padding-top:22vw;
	position:relative;
}

#content #rus{
	/*position:absolute;
	top:1vw;
	right:20vw;*/
	position:absolute;
	top:20vw;
	left:25vw;
	right:auto;
	padding:0 6vw 0 0;
	margin:0 0 0 3vw;
	/*background:url(https://gipnoz.kiev.ua/image-all/flag-rus.png) right center no-repeat;*/
	text-align:right;
	font-size:5vw;
	line-height:1;
	float:left;
}

#content #ukr{
	/*position:absolute;
	top:8vw;
	right:20vw;*/
	position:absolute;
	top:20vw;
	left:5vw;
	right:auto;
	padding:0 6vw 0 0;
	margin:0 0 0 3vw;
	background:url(https://gipnoz.kiev.ua/image-all/flag-ukr.png) right center no-repeat;
	text-align:right;
	font-size:5vw;
	line-height:1;
	float:left;
}

#content h1, #content h2, #content h3{
	/*margin:4vw 0;*/
	/*background:#009;*/
	/*line-height:1.5;*/
	padding:5vw 5vw;
}

#content p{
	margin:0 7vw;
}

#content h1{
	font-size:8vw;
	text-align:center;
/*	background:#009;
	background:#0b2852;
	color:#FFF;*/
}

#content h2{
	font-size:7.2vw;
	text-align:center;
/*	background:#603;
	background:#e0f2ff;
	color:#0b2852;*/
}

#content h3{
	font-size:6.4vw;
	text-align:center;
	/*background:#390;
	background:#4b674a;
	color:#FFF;*/
}

#content p, #content ul li, #content ol li{
	padding:1.5vw 0;
}


#content ul{
	padding-left:12vw;
	padding-right:7vw;
}

#content ol{
	padding-left:12vw;
	padding-right:7vw;
}

.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:2vw;
}

.photo-left{
	float:left;
	padding:2vw;
}

#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:3.2vw 7vw;
}

#map{
	text-align:center;
}

.video-content{
	text-align:center;
	margin-bottom:4.8vw;
	position:relative;
}

.video-content iframe{
	width:100vw;
	height:75vw;
}

.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:100vw;
		height:75vw;
    }
.youtube img, .youtube-map img{
	width:100vw;
	height:75vw;
}
    .youtube .play, .youtube-map .play {
        background: url('https://gipnoz.kiev.ua/video/youtube-play-btn.png') no-repeat; /*ВАЖНО: здесь укажите адрес до изображения*/
        background-position: 0 0vw;
        -webkit-background-size: 100% auto;
        background-size: 100% auto;
        position: absolute;
        height: 10vw;
        width: 14vw;
        transition: none;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto;
    }
    .youtube:hover .play {
        background-position: 0 0;
    }

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

#content .img-float-left{
	float:left;
	padding:7vw 10vw 7vw 0;
}

#content .img-sert img{
	float:left;
	max-width:50vw;
}

.img-float-left-sert-footer div{
	float:left;
	height:20vw;
}

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

#content .img-float-right{
	float:right;
	padding:7vw 0 7vw 10vw;
}

#content .lech-bot{
	margin:3vw;
	padding:0 0 3vw 0;
	box-shadow: 0 0 2vw rgba(43, 53, 130, 0.5);
}

#content #in-article{
	width:100%;
	float:none;
	text-align:left;
	font:normal 3.8vw/1.4 Arial, Helvetica, sans-serif;
	padding:0;
	margin-bottom:0;
	position:relative;
}

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

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

#content #in-article ul li{
	padding:1vw 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:100vw;
	height:30vw;
	margin:3vw 0 3vw 0;
	float:none;
	text-align:center;
	font-size:6.9vw;
}

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

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

/*Ieii?aiea iniiaiiai iaiieiaiey*/



/*Ia?aei eiioaeoia*/

#contacts{
	overflow:auto;
	font:5.6vw Arial, sans-serif;
	line-height:1.5;
	padding:4.8vw 0;
	margin-bottom:4.8vw;
}

#contacts a{
	color:#000;
}

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

#copy{
	float:none;
	padding-left:0;
	text-align:center;
}

#call{
	float:none;
	padding-right:0;
	text-align:center;
	padding-top:6.4vw;
}

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

#call .viber-chat img{
	width:10vw;
	height:10vw;
	float:left;
}

/*Ieii?aiea eiioaeoia */



/*Ia?aei oi?ia caiene */


#content #mail-zapis, #content #mail-zapis2{
	box-shadow:2vw 2vw 5vw rgba(0,0,0,0.5);
	width:90vw;
	margin:10vw auto;
	border-radius:2vw;
	float:none;
}

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

#content #mail-zapis p input, #content #mail-zapis2 p input, #content #mail-zapis p textarea, #content #mail-zapis2 p textarea{
	padding:2vw 0;
	width:100%;
}

#content #mail-zapis .submit, #content #mail-zapis2 .submit{
	font-size:7vw;
	height:12vw;
	width:100%;
	border-radius:2vw;
}

/*Ieii?aiea oi?ia caiene */

iframe{
  max-width: 100%;
}

.soc-sh-but{
	display:block;
	padding:2vw 0 0 0;
	width:40%;
	float:left;
	text-align:center;
}

.soc-sh-but-face{
	display:block;
	padding:2vw 0 0 0;
	width:60%;
	float:left;
	text-align:center;
}

.soc-sh-but-gaut{
	display:block;
	padding:2vw 0;
	width:100vw;
	float:none;
	text-align:center;
}

.zap{
	width:85vw;
	font:bold 6vw/1.5 Arial, Helvetica, sans-serif;
	text-align:center;
	margin-left:0;
	margin:4vw auto 10vw auto;
	padding:2vw 0;
	border-radius:1vw;
}

.zap a, #content .zap a{
	color:#fff;
}

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

#bottom-list{
	width:100vw;
	font:bold 4vw/2 Arial, Helvetica, sans-serif;
	text-align:center;
	padding-bottom:4vw;
}

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

#bottom-list ul{
	width:100vw;
}

#bottom-list li{
	display:inline-block;
	float:none;
	width:100vw;
	padding-left:0;
	padding:0vw 0vw;
}

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

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

#img-lechenie-gipnozom{
	width:100vw;
	height:66.7vw;
}

.img-300-215{
	/*width:18vw;
	height:12.87vw;*/
	width:20vw;
	height:14.3vw;
}

.img-215-300{
	width:14.3vw;
	height:20vw;
}

.img-1000-667{
	width:100vw;
	height:66.7vw;
}

.img-1000-500{
	width:100vw;
	height:50vw;
}

.img-660-528{
	width:90vw;
	height:72vw;
	padding:0 5vw;
}

.img-570-490{
	width:57vw;
	height:49vw;
}

.img-600-500{
	width:99vw;
	height:82.5vw;
}

.cards, #content .cards{
	padding:5vw 3vw 0 3vw;
}

.card{
	width:20vw;
	height:12.5vw;
	float:left;
	margin:0 0 5vw 5vw;
	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:10vw;
	height:6.4vw;
	margin:2.5vw auto 0 auto;
	text-align:center;
}

.card p{
	text-align:center;
	position:relative;
	top:-1vw;
	font-size:2vw;
}

#content .card p{
	font-size:2vw;
}

#cost-all-page{
	width:100vw;
}

#cost-all-page div{
	width:80vw;
	margin:3vw 10vw 5vw 10vw;
	height:auto;
	float:none;
	border-radius:2vw;
	box-shadow: 1vw 1vw 2vw rgba(0,0,0,0.5);
	text-align:center;
}

#cost-all-page div p{
	padding:3vw;
}

#cost-all-page div .cost-all-page-name{
	display:block;
	padding:none;
	font-weight:bold;
	min-height:8vw;
	border-top-left-radius:2vw;
	border-top-right-radius:2vw;
}

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

.cost-all-page{
	width:80vw;
	margin:7vw 10vw 0 10vw;
	padding-bottom:1vw;
	border-radius:5vw;
	box-shadow: 2vw 2vw 4vw rgba(0,0,0,0.5);
	text-align:center;
	display:none;
}

#content .cost-all-page p{
	padding:2vw;
	margin:0;
}

#content .cost-all-page-link{
	width:70;
	margin:1vw auto 4vw auto;
}

#content .cost-all-page-link a{
	display:block;
	width:100%;
	text-decoration:none;
	font-size:5vw;
	line-height:10vw;
}

#content .cost-all-page-link a, #content .cost-all-page-link-2 a{
	font-weight:bold;
}

.uslugi{
	padding:3vw 0;
}

#content .but-usl{
display:block;
float:none;
padding:3vw 0 3vw 0;
width:90vw;
height:auto;
margin:0 5vw 3vw 5vw;
border-radius:1vw;
text-align:center;
}

.usl-img{
	width:25vw;
	height:25vw;
}

#content .gipnoter-text-right, #content .gipnoter-text-left{
	position:relative;
	margin:0 0 5vw 0;
	height:110vw;
}

#content .gipnoter-text-right .gipnoter-text{
	position:relative;
	z-index:500;
	width:80vw;
	left:-2vw;
	top:-20vw;
	padding:3vw;
	border-radius:1vw;
	font-size:5.5vw;
}

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

#content .gipnoter-text-left .gipnoter-text{
	position:relative;
	z-index:500;
	width:80vw;
	left:2vw;
	top:-20vw;
	padding:3vw;
	border-radius:1vw;
	font-size:5.5vw;
}

#content .gipnoter-text-right .gipnoter-red, #content .gipnoter-text-left .gipnoter-red{
	position:relative;
	z-index:499;
	left:0;
	top:0;
	width:90vw;
	height:30vw;
	margin:0 auto;
	border-radius:1vw;
}

#content .bg-lech-gipn{
	margin:15vw 0 10vw 0;
}

#content .bg-lech-gipn ul{
	padding:0 5vw 0 10vw;
}

#content .pc-4-cols{
	width:40vw;
	height:40vw;
	border-width:1vw;
	border-radius:2vw;
	float:left;
	margin:4vw 4vw;
}

#content .pc-4-cols a .img-box{
	width:20vw;
	height:20vw;
	margin:3vw auto;
}

#content #treningi{
	margin:10vw 0 10vw 0;
}

#content #treningi-recl{
	margin:0 0 2vw 0;
	text-align:center;
	height:23vw;
	height:33vw;
}

#content #treningi-recl a{
	display: block;
	padding:3vw 0 2vw 0;
	font-size:6vw;
}

#content #treningi-recl a span{
	font-size:4.5vw;
}

.bg-F4F7FA{
	padding:10vw 0 5vw 0;
}

#content .bg-314565-4B6EA8{
	margin:5vw 0;
}

#content .etapi-gipnoz .etap-gipnoz{
	float:none;
	width:90vw;
	height:42vw;
	margin:5vw 5vw;
}

#content .etapi-gipnoz .etap-gipnoz .etap{
	font-size:28vw;
}

#content .etapi-gipnoz .etap-gipnoz .etap-text{
	font-size:6vw;
}

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

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

#content #treningi-recl .zsu-img{
	height:30vw;
	width:40vw;
	float:left;
}

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

#content #treningi-recl .zsu-text{
	height:100%;
	width:60vw;
	float:left;
}