/*GLOBAL*/
html,body{min-height:100vh; }
.clb{clear:both; float:none; }
.tac{text-align:center;}
.fll{float:left;}
.flr{float:right;}
.border{box-sizing: border-box; border:1px solid red;}
img{max-width:100%;height:auto}
a{color:#0066cc; }
a:visited{color:#2545a0; }
hr{border:none; border-top:1px solid #fff; border-bottom:1px solid #e1e1e1}
/*GLOBAL*/

*{margin:0; padding:0; }
.aligner{width:90%; max-width:1320px; margin:0 auto; padding:0; position:relative; /*border-right:1px solid #c0c0c0; border-left:1px solid #c0c0c0;*/ }

body, input, textarea{font-family: 'Montserrat', sans-serif; font-size:1.0em; }

.menuopen{display:block; position:fixed; z-index:9998; right:15px; top:20px; width:80px; height:80px; opacity:0.8; background:url('/i/menu2.png') no-repeat; background-size:contain; }
.menuopen:hover{opacity:1; }
.popUp{position:fixed; z-index:9997; width:100%; height:100vh; background:url('/i/bgMenuPopUp.png'); text-align:center; display:none; }
.menuclose{display:block; width:40px; height:40px; position:absolute; z-index:9999; top:10px; right:20px;  /*float:right; margin:20px 20px;*/ background:url('/i/menuX.png') no-repeat; background-size:contain; }
.ppc{display:inline-block; padding:0px; padding-top:30px; position:relative; width:50%; height:90vh; margin:5vh 3%; background:#e2d6bc; text-align:left; overflow:scroll; overflow-x:hidden;}
.ppc ul{list-style:none; }
.ppc > ul {box-shadow:0 0 10px 10px #88847d; }
.ppc ul li {	background-color:#d7c192;		background-image:url('/i/navli.png'); background-repeat:no-repeat; background-position: 10px 12px; background-size:11px; color:#fff; 	min-height:25px; padding-left:40px;  	border-top:1px solid #f8e8c5; 	border-bottom:1px solid #ab9f85; 	margin:0; }
.ppc ul li:firts-child {border-top:none;}
.ppc ul li:last-child {border-bottom:none;}
.ppc ul li a{display:block; font-size:1.2em; margin-left:0px; padding:10px 0; text-decoration:none; }
.ppc ul li a:hover, .ppc a:visited:hover{color:#000}
.ppc ul li a:visited{color:#1d4d8d}
.ppc ul li li {margin:0px; padding:0; background-position: 10px 12px; background-size:8px; }
.ppc ul li li a{margin-left:30px;}
.ppc ul li ul{margin:0px; }

.topline{background:#f2f6ec; width:100%; padding:20px 0; }
.topline .langs{text-align:left; margin-bottom:10px; }
.topline .langs > a{margin:0 4px; display:inline-block; padding:3px 10px; font-size:0.9em; border-radius:3px; border:1px solid #fff; text-transform:uppercase; text-decoration:none; cursor:pointer; }
.topline .logo {float:left; width:50%; color:#396e43; font-size:1em; }
.topline .logo span{display:block; color:#396e43; font-size:1.8em; margin-bottom:5px;}
.divider{display:block;}
.topline .topcont{float:left; width:50%; }
.topline .topcont .toptel{display:none} /*убрал пока */
.topline .topcont a{display:inline-block; color:#444d43; font-size:1em; text-decoration:none; margin:0 20px; font-size:0.9em; }
.topline .topcont a svg {font-size:1.2em;}
.topline .topcont a span{display:inline-block; margin-bottom:5px; border-bottom:dashed 1px #00a7c0; }
.topline .topcont a span.tel{ font-size:1.8em;  color:#00a7c0;}

.top{background-image:url("/i/mainbg.jpg"); background-repeat:repeat-x; }
.topimg{background-image:url("/i/mainimg-3.jpg");background-repeat:no-repeat; background-position:right; background-size:contain; }
.topcontent{margin-right:40%; padding:20px 0; }
.topcontent span{display:block; margin:20px 0; margin-right:15px; font-weight:bold; padding:10px; color:#fff; text-shadow: 0px 0px 1px #000000; }
.topcontent span:nth-child(1){font-size:1.4em; background:#b1ab89; }
.topcontent span:nth-child(2){font-size:1.6em; margin-left:20%; background:#a19b79; text-align:center;}
.topcontent span:nth-child(3){font-size:1.8em; margin-left:40%; background:#8f8968; text-align:right;}
.zapis{margin:15px; margin-top:30px; background:#f2f6ec; border-radius:0px; padding:10px; }
.zapis a{display:inline-block; padding:6px; padding-left:120px; font-size:1.2em; text-decoration:none; background-size:contain; margin:5px; margin-right:15px; }
.Viber{background:url('/i/viber.png') no-repeat left center;}
.Kyivstar{background:url('/i/kyivstar.png') no-repeat left center;}
.Vodafon{background:url('/i/vodafon.png') no-repeat left center; }
.Google{display:inline-block; text-align:left; font-size:1.2em; height:35px; background:url('/i/google.png') no-repeat; background-size:contain; background-position:top right; padding-right:115px; line-height:2em; }

.navbar{background:#696861; box-sizing: border-box; border:1px solid transparent; color:#fff; }
.loc{list-style:none; margin:20px 0; }
.loc li{display:inline-block; margin:0 3px; color:#cccbc4;}
.loc li a{ color:#fff; }

.btn{display:inline-block; padding:10px 20px; border-radius:3px; border:1px solid #fff; text-transform:uppercase; text-decoration:none; cursor:pointer; }
.btnGreen{background:#b4e646; color:#313c2c; }
.btnGreen:hover{background:#a5cc4e; color:#313c2c; }
.btnBlue{background:#46d1e6; color:#fff; }
.btnBlue:hover{background:#51b8c7; color:#fff; }
.btnRed{background:#ff6600; color:#fff; }
.btnRed:hover{background:#da5700; color:#fff; }

.mid{padding:0!important}

.header, header {padding:20px; text-align:center; }
.header h2, header h2{font-weight:normal; font-size:2em; }
.bgWhite{background:#fff; color:#6d6d6d; }
.bgDark{background:#908e80; color:#fff;}

.content{background:#f2f6ec; padding:30px 0; border:1px solid transparent; }
.content2{background:#e4e0c6; padding:30px 0; border:1px solid transparent; }

.tnksbox{display:block; position:absolute; z-index:9999; }

h1,h2,h3,h4,h5,h6{font-weight:normal; margin:20px 0; }
h1{font-size:2em; }
h2{font-size:1.8em; }
h3{font-size:1.6em; }
h4{font-size:1.4em; }
h5{font-size:1.2em; }
h6{font-size:1.0em; font-weight:bold; }

/*FP*/
.videoprev {text-align:center; display:flex; flex-wrap:wrap;}
.videoprev a{display:block; margin:20px 1%; flex: 0 1 48%;}
.videoprev a img{width:100%; max-width:500px; display:inline-block; }
.videoprev a h3{display:block; font-weight:normal; margin-bottom:30px; font-size:1.2em; }

.vcode iframe{width:100%!important; height:600px; }

.publicprev {text-align:center; display:flex; flex-wrap:wrap;}
.publicprev a{display:block; margin:20px 1%; flex: 0 1 48%;}
.publicprev a img{width:100%; max-width:500px; display:inline-block; }
.publicprev a h3{display:block; font-weight:normal; margin-bottom:30px; font-size:1.2em; }


.treatbox{display:flex; flex-wrap:wrap;}
.treat{margin:20px 2% 30px 2%; flex:0 1 27%; text-align:center; border:2px solid #fff; background:#e3e7dc; box-sizing: border-box; }
.treat h3{margin:20px; font-weight:normal; font-size:1.3em; text-align:left; }
.treat a{text-decoration:none; text-align:left; }
.treat p{text-align:justify; padding:0 20px; }
.treat a.btn{margin-bottom:20px; }

.treatlist {display: flex; flex-wrap:wrap; justify-content: space-around; }
.treatlist > a{width:30%; text-decoration:none; border:2px solid #fff; margin:20px 0; display: flex; align-content:stretch; /*box-shadow: 0px 0px 20px 0px #c6c4b5;*/}
.treatlist a div{padding:20px; background:#fff; border:1px solid #c0c0c0; }
.treatlist a:hover div{border:1px solid #696861; box-shadow: inset 0px 0px 10px 0px #c6c4b5; opacity:0.9}
.treatlist a img{border:none; width:150px; height:150px; margin:20px auto; }
.treatlist a h3{font-size:1.2em; margin:0}
.treatlist a p{color:#000; }

@media(max-width: 980px){
.treatlist > a{width:47%;  }
}

@media(max-width: 460px){
.treatlist > a{width:100%;  }
}

/*
.treatlist {}
.treatlist a{display:flex; justify-content: center; padding:20px; width:80%; margin:40px auto; background:#e3e7dc; border:2px solid #fff; box-shadow: 0px 0px 10px 0px #908e80; }
.treatlist a img{border:none; width:150px; height:150px; margin-right:20px; }
.treatlist a div{display:inline-block!important; flex-grow: 1;}
.treatlist a h3{font-size:1.2em; }
.treatlist a p{text-decoration:none; color:#000; }
*/

.telnumb{display:flex; flex-wrap:wrap;}
.telnumb a{display:block; margin:20px 1%; flex: 0 1 31%; text-align:center; }
.telnumb span{display:block; font-size:1.4em; margin:10px 0; }
.telnumb img{width:100px; height:auto; }

.metro{display:block; text-align:center; line-height:2em; font-size:1.4em; color:#21b14c; }
.metro span{display:inline-block; width:50px; height:50px; margin:10px; background:url('/i/metro.png') no-repeat; background-size:contain; background-position:center; border-radius:50%; }

.about__photo__sticky{position:sticky;top:6rem}
@media(min-width: 1249px)	{.section--about .section__heading{text-align:right; max-width:600px; }}
@media(min-width: 769px)	{.about{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap}}
@media(max-width: 768px)	{.about__photo{max-width:43.75rem;margin-left:auto;margin-right:auto}}
@media(min-width: 769px)	{.about__photo{-webkit-box-flex:0;-ms-flex:0 0 40%;flex:0 0 40%;max-width:40%;margin-right:3rem}}
@media(min-width: 1441px)	{.about__photo{-webkit-box-flex:0;-ms-flex:0 0 43.75rem;flex:0 0 43.75rem;max-width:43.75rem;margin-right:5rem}}
@media(min-width: 1025px)	{.about__photo__sticky{top:2.5rem}}

.ggmap{width:100%; height:600px; }

.share{	min-height:20rem;	padding-top:10rem;	padding-bottom:3rem;	color:var(--ko-color-light);	font-size:var(--ko-fs-38);	text-align:center;	background-image:url("/i/share.jpg");	background-position:center 0;	background-attachment:fixed;	background-size:auto 100vh;	background-position:cover;	background-repeat:no-repeat;}
.share__title{display:block!important; width:100%; color:#fff; font-size:2em; margin-bottom:30px; }
.share__links svg{font-size:3em; }
.share__links{display:block!important; width:100%; }
.share__links a{text-decoration:none; margin:0 10px; }

.feeds{display:flex; flex-wrap:wrap;}
.feed{margin:10px 1%; flex: 0 1 31%; background:#fff; font-family:arial; font-size:0.9em; color:#000; }
.feed .feed__padding{padding:10px; }
.feed img{border:none!important; }

/*END FP*/
.contform{display:block; width:60%; max-width:400px; margin:0 auto; border:1px solid #fff; padding:10px 40px 40px 40px; }
.contform span, .contform input, .contform textarea{display:block; width:100%; max-width:400px; margin-bottom:20px; padding:10px; }
.contform input.btn{display:block; margin:0 auto; }
.contform span{font-size:1.4em; }

.feedback{margin:0 auto; width:80%; max-width:400px; padding:20px; background:#eeede5; border:1px solid #bbb9ad; box-shadow: 0px 0px 15px 0px #7d796b; border-radius:0px; }
.feedback span, .feedback input, .feedback textarea{display:block; width:250px; margin-bottom:20px; padding:10px; }
.feedback input.btn{display:block; margin:0 auto; }
.feedback span{font-size:1.4em; }
.fbBtnClose{float:right; background:url('/i/menuX.png') no-repeat center; background-size:contain; width:30px; height:30px; border-radius:50%; text-align:center; text-decoration:none; }
#tnksbox{display:none; }

.botLine{color:#fff; font-size:0.9em; background:#696861; padding:40px 20px; }
.copy{float:left; margin-right:30px; margin-bottom:10px; }
.copy a{display:inline-block; text-decoration:none; color:#d1d1d1; border-bottom:1px #d1d1d1 dashed; } 
.bottel{float:left; margin-right:30px; }
.bottel a{display:inline-block; text-decoration:none; color:#fff; margin-bottom:10px; white-space:nowrap;}
.bottel a span.tel{font-size:1.2em; }
.botLine a.abc{color:#b5b4aa; }
.abc{float:right; }

ul{margin:30px; }
li{margin:15px; line-height:1.5em; }
p{margin:20px 0; line-height:1.5em; }

.abc{text-decoration:none; color:#a0cdff; font-size:0.7em; float:right; margin-top:20px; font-size:0.8em; }
.totop{display:block; float:right; width:100px; color:#fff; font-size:0.9em; }
.totop a{text-decoration:none; }
#toTop{display:block; position:fixed; bottom:20px; right:20px; width:70px; height:70px; background:url('/i/toTop2.png') no-repeat; background-size:contain; cursor:pointer; opacity:0.7; }
#toTop:hover{opacity:1; }

@media(max-width: 1260px){
}

@media(max-width: 1180px){
	/*.menuopen{width:60px; height:60px; }*/
	.topline .langs > a{margin:0 4px; padding:5px 10px; }
	.topline .logo span{font-size:1.6em; }
	.topline .topcont a span.tel{ font-size:1.6em; }
	.ppc{width:70%; }
	
	.topcontent{margin-right:30%; padding:0px 0; }
	.top .aligner{width:100%; }
}

@media(max-width: 960px){
	.menuopen{width:70px; height:70px; }
	.topline .langs > a{margin:0 4px; padding:5px 10px; }
	.topline .logo span{font-size:1.6em; }
	.topline .logo {width:45%; }
	.topline .topcont{width:55%; margin-top:30px; }
	.topline .topcont a span.tel{ font-size:1.6em; }

.topcontent{margin-right:40%; padding:0px 0; }
.topcontent span{display:block; margin:20px 0; margin-right:15px; font-weight:bold; padding:10px; color:#fff; text-shadow: 0px 0px 1px #000000; }
.topcontent span:nth-child(1){font-size:1.3em; text-align:center; }
.topcontent span:nth-child(2){font-size:1.5em; margin-left:0%; text-align:center; }
.topcontent span:nth-child(3){font-size:1.7em; margin-left:0%; text-align:center; }

	.treat{width:48%; }
	.zapis span{margin:0px 10px; font-size:1.4em; padding:7px 0; opacity:0.75}
	.treat{margin:20px 2% 30px 2%; flex:0 1 45%; }

}

@media(max-width: 780px){
	.top{background-size:cover;}
	.topimg{background-image:url("/i/mainimg800.jpg");background-position:top center; background-size:cover; padding-top:250px; }
	.topcontent{margin:10px 0; margin-top:200px; padding:10px; }
.topcontent span{opacity:1.0; }
.topcontent span:nth-child(1){font-size:1.3em; background-color: rgba(0, 125, 255, 0.5);}
.topcontent span:nth-child(2){font-size:1.5em; margin-left:15%; background-color: rgba(0, 255, 240, 0.5); text-align:center;}
.topcontent span:nth-child(3){font-size:1.7em; margin-left:30%; background-color: rgba(0, 210, 10, 0.5); text-align:right;}
	.topline .logo {display:block; float:none; width:calc(100% - 90px); padding-right:90px; font-size:1em; }
	.topline .logo span{font-size:1.6em; margin-bottom:0px;}
	.topline .topcont{display:block; float:none; width:100%; }
	.topline .topcont a{display:inline-block; color:#444d43; font-size:1em; text-decoration:none; margin:0 20px 0 0; font-size:0.9em; }
	.topline .clb{display:none; }
	.divider{display:none; }
	.topline .topcont a svg {font-size:1.2em;}
	.topline .topcont a span.tel{ font-size:1.8em;  color:#00a7c0;}
/*	.menuopen{width:80px; height:80px; top:70px;}*/
	.topline{padding-top:10px; }
	.ppc a{display:block; font-size:1.0em; margin-left:0px; padding:7px 0; text-decoration:none; }
	.ppc a.btn{display:inline-block; padding:4px 10px; }
	.ppc{width:85%; }
	.telnumb a{margin:20px 0%; flex: 0 1 100%; }
	.telnumb span{display:inline-block; margin:0px 0; }
	.telnumb img{display:inline-block; margin:0 15px; position:relative; top:7px; width:100px; height:auto; }
	.treat{margin:10px 1%; flex: 0 1 48%; }
	.treat h3{font-size:1.1em; }
	.feed{margin:10px 1%; flex: 0 1 48%;}
	.feed .feed__padding{padding:10px; }
}

@media(max-width: 530px){
	.top{background-image:url("/i/mainbg.jpg");background-repeat:repeat-x; background-size:cover;}
	.topimg{background-image:url("/i/mainimg530-3.jpg");background-position:top center; background-size:cover; }
	.bugfix{display:block; height:250px; }
	.toptel{display:none!important; }
	.topaddr{margin:0!important; padding:0!important; }
	.topline br.clb{display:none; }
	.topline .logo span{font-size:1.4em; margin-bottom:10px;}
	.topcontent{margin:10px 0; margin-top:50px; }
	.topcontent span:nth-child(1){font-size:1.2em; margin-left:0; background-color: rgba(0, 125, 255, 0.7); text-align:center;}
	.topcontent span:nth-child(2){font-size:1.4em; margin-left:0; background-color: rgba(0, 255, 240, 0.7); text-align:center;}
	.topcontent span:nth-child(3){font-size:1.6em; margin-left:0; background-color: rgba(0, 210, 10, 0.7); text-align:center;}
	.share__title{display:block!important; width:100%; color:#fff; font-size:1.5em; margin-bottom:30px; }
	.share__links a{text-decoration:none; margin:0 5px; }
	#toTop{bottom:30px; right:10px; width:50px; height:50px; }
	.videoprev {display:block;}
	.videoprev a{display:block; margin:20px 0; width:100%; }
	.treat{margin:20px 0; flex: 0 1 100%;}
	.treat img{width:100%; height:auto;}
	.telnumb span{font-size:1.2em; }

.zapis{margin:0px; padding:3px; }
.zapis a{display:block; padding:6px; padding-left:100px; font-size:1.0em; background-size:contain; margin:5px; margin-right:5px; }

.Viber{background:url('/i/viber.png') no-repeat left center;}
.Kyivstar{background:url('/i/kyivstar.png') no-repeat left center;}
.Vodafon{ background:url('/i/vodafon.png') no-repeat left center; }
	.feed{margin:10px 0%; flex: 0 1 100%;}

}


@media(max-width: 400px){
	.telnumb span{font-size:1.2em; }
	.telnumb img{display:inline-block; margin:0 10px; top:5px; width:70px; height:auto; }
	.topcontent{margin:10px 0; margin-top:50px; }
	.topcontent span:nth-child(1){font-size:1.1em; }
	.topcontent span:nth-child(2){font-size:1.3em; }
	.topcontent span:nth-child(3){font-size:1.5em; }

}
