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

body { margin:0; padding:0; font-size:17px; background:#FFF; font-family: 'Montserrat Alternates', sans-serif;}
h1 { font-size:22px; padding:0 0 20px 0; margin:0; color:#137c75}
h2,h3 { font-size:18px; color:#137c75}
input,textarea { width:100%; outline:none; padding:13px 12px;font-family:Arial, Helvetica, sans-serif; margin:0 0 5px 0; border:#999999 solid 2px;box-sizing:border-box}
textarea {resize: vertical; min-height:80px}
input[type=submit] { width:auto; background:#6b0202; border:none; color:#fff; padding:12px 20px; margin:0 auto; cursor:pointer; text-transform:uppercase; font-family:appetiteregular, sans-serif; }
.wholder input:-moz-placeholder { color:#a2a2a2;}
.wholder textarea:-moz-placeholder { color:#a2a2a2;}
.wholder input::-webkit-input-placeholder { color:#a2a2a2;}
.wholder textarea::-webkit-input-placeholder { color:#a2a2a2;}
.warn { border:#ff0000 solid 2px;}
.warn::-webkit-input-placeholder { color:#FF0000;}
.warn:-moz-placeholder { color:#FF0000;}
.anim {-webkit-transition:all ease-out 0.25s;transition:all ease-out 0.25s;-moz-transition:all ease-out 0.25s;}
img { max-width:100%}
img[align=left] { padding:0 15px 0 0}
.menu-but,.menu-but-w {width:40px; height:37px; display:none; position: absolute; top:10px; right:10px; padding:9px 0 0 6px; cursor:pointer; color:#000; font-size:12px; letter-spacing:1px; z-index:7}
	.menu-but-w { color:#FFF}	
	.menu-ico { width:33px; height:25px; position:relative; top:12px;}
	.menu-ico span:after, .menu-ico span:before {content: ""; position: absolute; left: 0; top: -10px;}
	.menu-ico span:after{ top: 10px;}
	.menu-ico span { position:relative; display:block;}		
	.menu-ico span, .menu-ico span:after, .menu-ico span:before { width: 100%;  height: 4px;  background-color: #000;  transition: all 0.3s;  backface-visibility: hidden;  border-radius: 4px;-moz-border-radius: 4px;}
	.menu-but-w .menu-ico span, .menu-but-w .menu-ico span:after, .menu-but-w .menu-ico span:before {  background-color: #fff;}
	.on { color:#ffffff; background:none; z-index:1000}
	.on .menu-ico span { background-color: transparent;}
	.on span:before { transform: rotate(45deg) translate(10px, 10px); background-color:#fff;}
	.on span:after { transform: rotate(-45deg) translate(4px, -4px); background-color:#fff;}
	.on .menu-ico { height:30px;}
.clear { clear:both}
.box-flex,.box-flex2,.box-flex3,.gallery,.box-flex-c {display:flex;display:-webkit-flex;display:-webkit-box;display:-ms-flexbox;display:flex;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap}
.box-flex2 {flex-wrap:wrap}
.gallery {flex-wrap:wrap;justify-content:center;}
.box-flex-c {flex-wrap:wrap;justify-content:center;align-items:center}

.main { width:1200px; margin:0 auto}
.header { padding:55px 0 14px 0; width: 100%; background: #fff; z-index:4; top:0}
	.header .main { border-bottom:#006665 solid 1px;}
	.logo { font-size:56px; color:#137c75; font-weight: bold}
	.menu { font-size:15px; margin:38px 100px 0 0}
	.menu span { display:inline-block; padding:0 40px}
	.menu a { color:#000}
.fon-sl { padding:26px 0 0 0}
.cont { background:#f2f1f1; min-height:500px; padding:36px 0 0 0; margin:10px 0 0 0}
.cont-main { background:#f2f1f1; min-height:500px; padding:150px 0 0 0; margin:-110px 0 0 0}
	.zag-r,.zag-o { font-size:22px; font-weight:bold; color:#137c75; border-bottom:#006665 solid 3px; padding:0 0 9px 24px}
	.cp { padding:0 2px}
	.left-td { width:400px; box-sizing: border-box; padding:0 0 50px 55px}
		.menu-v {box-sizing:border-box; padding:20px 0 0 0}
		.menu-v a,.menu-v div { color:#000; text-decoration:none; display: block; margin:24px 0; padding:0 0 0 24px;}
		.menu-v span { color:#73777c;display: block; margin:4px 0; border-left:#73777d solid 5px; padding:0 0 0 24px;}
	.right-td { width:722px; box-sizing: border-box; padding:0 55px 50px 20px}
	.b-otz { box-shadow:0px 2px 10px #000; background:#FFF; padding:28px 57px 0 57px; box-sizing:border-box; position:relative; z-index:3}
		.zag-o { padding:0 0 15px 24px}	
		.el-otziv .box-flex { padding:0;justify-content: start;align-items: center;}
		.el-otziv { width:236px; padding:57px 0;}
			.toz-logo { width:108px;flex-shrink:3}
			.toz-logo img { max-width:88px; display:block; border-radius:50%}
			.toz-name { font-size:22px; font-weight:bold; color:#000}
			.otz-text { text-align:left}
			.otz-text p { padding:13px 0 0 0; margin:0}
		.box-flex2 .el-otziv { width:100%}
	.ico-cont { min-height:30px; position:relative; margin:0 0 30px 0; padding:0 0 0 60px; background-position: left top; background-repeat:no-repeat; background-size:30px}
	.ico-cont img { width:30px; position:absolute; left:0; top:0}
	.point { background-image:url(../images/ico/point.svg)}
	.call { background-image:url(../images/ico/call-b.svg)}
	.mail { background-image:url(../images/ico/mail2.svg)}
	.time { background-image:url(../images/ico/time.svg)}
	#map { height:400px}
	.gal-el { padding:2px}
	.b-white { background:#fff; padding:10px}
.footer { background:#006665; color:#fff; padding:60px 0 48px 0}	
.f-main { margin:-135px 0 0 0; padding:190px 0 48px 0}
	.logo-f { font-size:26px; font-weight:bold}
	.copy-f { font-size:15px; padding:96px 0 0 0}
	.w50 { width:50%}
	.info-f { text-align:right}
	.mail-f { padding:15px 0 36px 0}
	.adres-f { width:222px}
	.phone-f { font-size:22px; font-weight:bold}
	.soc-f div { width:37px; height:37px; background:#fff; border-radius:50%; text-align:center}
	.soc-f img { width:20px; margin:9px 0 0 0}
	
#topcontrol { width:60px; height:60px; position: fixed; z-index: 9999; bottom: 50px; right: 50px; cursor: pointer; text-align:center; background:url(../images/up-arrow.png) no-repeat center #006665;opacity: 0.5;filter:alpha(opacity=50);border-radius:50%; webkit-border-radius:50%; moz-border-radius:50%;}
#topcontrol:hover {opacity: 1;filter:alpha(opacity=100);}

	@-moz-keyframes strtop {0%{top:0px}50%{ top:-3px}100%{ top:0px}}
	@-webkit-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	@-ms-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	@-o-keyframes strtop {0%{ top:0px}50%{top:-3px}100%{ top:0px}}
	.tbor { border-left:#ed6e00 solid 1px; border-top:#ed6e00 solid 1px;}
	.tbor th { border-bottom:#ed6e00 solid 1px;  border-right:#ed6e00 solid 1px; background:#2f1512; height:30px;}
	.tbor td { border-bottom:#ed6e00 solid 1px;  border-right:#ed6e00 solid 1px;}
	#fade { /*--Transparent background layer--*/
		display: none; /*--hidden by default--*/
		background: #000;
		position: fixed; left: 0; top: 0;
		width: 100%; height: 100%;
		opacity: .5;
		z-index: 7;
	}
	.popup_block{
		display: none; /*--hidden by default--*/
		background: #ffffff;
		color:#333333;
		padding: 21px 30px;
		float: left;
		font-size: 1.2em;
		position: fixed;
		font-size:12px; text-align:left;
		top: 50%; left: 50%;
		z-index: 8;
		/*--CSS3 Box Shadows--*/
		-webkit-box-shadow: 0px 0px 5px #252424;
		-moz-box-shadow: 0px 0px 5px #252424;
		box-shadow: 0px 0px 5px #252424;
		/*--CSS3 Rounded Corners--*/
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		 
	}
	.popup_block h3 { text-transform:uppercase;}
	.popup_block input,.popup_block textarea { display:block; width:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.popup_block input[type=submit] { background:#e56464; border:none; color:#FFFFFF; font-size:16px;}
	img.btn_close {
		float: right;
		margin: -4px -10px 0 0;
	}
	/*--Making IE6 Understand Fixed Positioning--*/
	*html #fade {
		position: absolute;
	}
	*html .popup_block {
		position: absolute;
	}
@media only screen and (max-width: 1220px){	
	.main { width:100%; padding:0 20px; box-sizing:border-box}
	.header .main { width:96%}
	.b-otz {width: 90%;padding: 28px 57px 0 57px}
	.toz-name { font-size:18px}
}
@media only screen and (max-width: 1070px){	
	body { font-size:14px}
	h1,.zag-r, .zag-o { font-size:20px}
	h2,h3 { font-size:16px}
	.logo { font-size:46px}
	.menu { margin: 25px 50px 0 0}
	.copy-f { font-size:12px}
	.menu-v a,.menu-v span {padding: 0 0 0 18px;}
}
@media only screen and (max-width: 960px){
	.b-otz .box-flex {flex-wrap:wrap}
	.el-otziv { width:100%;padding: 20px 0;}
}
@media only screen and (max-width: 940px){	
.footer .w50:last-child { width:70%}
.footer .w50:first-child { width:30%}
.menu span {    padding: 0 20px}
}
@media only screen and (max-width: 700px){
	.menu {margin: 25px 0 0 0;}
	.menu span { padding: 0 10px}
	.left-td {padding: 0 0 100px 0}
	.right-td {padding: 0 0 100px 20px;}	
}
@media only screen and (max-width: 600px){
	.menu-but { display:block}
	.header .box-flex {flex-wrap:wrap}
	.header {padding: 20px 0 14px 0}
	.header .main {padding: 0 20px 16px 20px;}
	h1 { padding: 0 0 10px 0; text-align:left}
	.menu { width:100%; font-size:14px; }
	.menu a { display:inline-block; padding:0 0 10px 0}
	.left-td { width:0}
	.right-td {padding: 0 0 50px 0; text-align: justify}
	.zag-r { display:none}
	.menu-v { width:100%; background: #383838; position:absolute; top:0; left:-100%; margin:0;padding: 47px 0; box-sizing:border-box; z-index:6}
	.menu-v a,.menu-v span { color:#fff; border-bottom: #474747 solid 1px; margin:0;padding: 14px 0 14px 18px}	
	.footer { text-align:center}
	.footer .w50:first-child,.footer .w50:last-child { width:100%}
	.footer .box-flex {flex-wrap:wrap}
	.copy-f {padding: 26px 0 0 0}
	.adres-f,.info-f { width:100%; padding:26px 0 0 0; text-align:center}
	#map { height:250px}
	img[align=left] { display:block; float:none; padding:0}
	.main { padding:0 5px}
	.gallery {justify-content:space-between;}
	.gal-el { width:48%; padding:0}
	.w50 { width:100%}
	.box-flex {flex-wrap: wrap;}
	.b-otz {padding: 28px 10px 0 10px}
}
.active-menu { display:block; left:0}