/* CSS Document */

html {
	overflow-x: hidden;
}
body {margin: 0px; padding: 0px; font-family:Arial, Helvetica, sans-serif; background-color:#eeeeee;}
td { font-family:Arial, sans-serif; font-size:12px; color:#000; }
h1, h2, h3, h4, h5, h6, p {
	padding: 0;
	margin: 0;
}
p, span { font-family: Arial, sans-serif !important; font-size:12px; color:#000; line-height:18px}
p img {border:0px; margin-right:12px; margin-top:5px; margin-bottom:10px}
.clear {clear:both}
.wrapper {width: 1000px; margin: 0 auto; position: relative;}
@media only screen and (max-width: 1000px) {
	.wrapper {
		width: 100%;
	}
}

/* head */
.head-bg { height:210px; background:url(../img/header.jpg) no-repeat; text-align:right;}
.head-logo {width:247px; height:177px; text-align:right; vertical-align:middle; float:left}
.head-contacts { height:177px; text-align:right; float:right; }
.head-contacts-p { padding-right:38px; padding-top:5px; font-size:15px; font-weight:bold }

.head-menu { display:inline-block; height:23px; padding-top:10px; }
.head-menu a { display:inline-block; background:url(../img/menu-break.gif) right no-repeat; font-size:13px; font-weight:bold; color:#fff; text-transform:uppercase; margin-right:12px; padding-right:15px; text-decoration:none; }
.head-menu a:hover { color:#00394f; }
.head-menu a:last-child { background:none; }
.head-menu select {
	display: none;
}
@media only screen and (max-width: 1000px) {
	.head-menu a {
		display: none;
	}
	.head-menu:after {
		content: " ";
		position: relative;
		right: 12px;
		top: 0;
		background: #000;
		background: url(../img/menu-break.gif) right no-repeat;
		padding-left: 30px;
	}
	.head-menu select {
		display: inline-block;
		margin-top: -2px;
	}
}
@media only screen and (max-width: 700px) {
	.head-bg {
		background: #d8e6f3 url(../img/bg-mobile.png) repeat-y;
	}
	.menu-wrapper {
		background: #e45922;
		background: linear-gradient(to bottom, #f1d0ad, #dc471d 30%, #dc471d 35%, #e45922)
	}
}
@media only screen and (max-width: 550px) {
	.head-bg {
		height: auto;
	}
	.head-logo, .head-contacts {
		width: 100%;
		float: none;
		height: auto;
		text-align: center;
	}
	.head-contacts {
		margin-bottom: 20px;
	}
	.head-contacts-p {
		padding: 0;
	}
}

.langs { display:inline-block; margin-right:10px; }
.langs a { display:inline-block; width:16px; height:12px; margin-right:5px; }
.langs a.ru { background:url(../img/ru.png) no-repeat; }
.langs a.ua { background:url(../img/ua.png) no-repeat; }
.langs a.ru:hover, .langs a.ua:hover { opacity:0.7; }

/* content left side */
.aside-left {
	flex: 0 1 auto;
	width: 25%;
	background: #347b97;
	background: -webkit-linear-gradient(90deg, #2a596b, #347b97 10%, #347b97 90%, #2a596b 100%);
	background: -moz-linear-gradient(90deg, #2a596b, #347b97 10%, #347b97 90%, #2a596b 100%);
	background: -o-linear-gradient(90deg, #2a596b, #347b97 10%, #347b97 90%, #2a596b 100%);
	background: linear-gradient(0deg, #2a596b, #347b97 10%, #347b97 90%, #2a596b 100%);
	border-right: 6px solid #d8e6f3;
	padding-bottom: 50px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
@media only screen and (max-width: 870px) {
	.aside-left {
		-webkit-box-ordinal-group: 3;
		-webkit-order: 2;
		   -moz-box-ordinal-group: 3;
		    -ms-flex-order: 2;
		        order: 2;
		width: 100%;
		border-right: none;
	}
}
.left-news-title img {border:0px; margin-top:47px; margin-left:11px; margin-right:12px; float:left}
.left-news-p {font-size:14px; font-weight:600; color:#FFFFFF; padding-top:55px; float:left}
.left-news-title-style {text-decoration: none; background: url(../img/dots-white.gif) repeat-x 100% 100%; padding-bottom: 4px; white-space: nowrap; text-transform:uppercase;}
.news-date {padding-top:28px; padding-left:32px; color:#e8b909; font-size:12px}
.news-description {padding-left:30px; padding-right:15px; padding-top:6px; color:#FFFFFF}
.news-read-more {padding-top:7px; padding-left:30px; font-weight:bold}
.news-read-more a { color: #e8b909; text-decoration: none; }
.news-read-more a:hover { text-decoration: underline; }
.seoText { padding:30px 15px 20px; color:#fff; }
.seoText p { color:#fff; }
@media only screen and (max-width: 870px) {
	.news-description, .news-read-more {
		font-size: 14px;
	}
}

/* content */
.flex-wrapper {
	display: -webkit-box;
	display: -webkit-flex;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
	width: 1000px;
}
.content-wrapper {
	flex: 1 1 auto;
	width: 75%;
	min-height: 800px;
	background: url(../img/bg-content-body-new.jpg) bottom right no-repeat;
	position: relative;
	overflow: hidden;
	padding: 55px 30px 60px 30px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}
.content-wrapper:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #dae2e5;
	background: -webkit-linear-gradient(top, #6f8ba0, #dae2e5 80px);
	background: -moz-linear-gradient(top, #6f8ba0, #dae2e5 80px);
	background: -o-linear-gradient(top, #6f8ba0, #dae2e5 80px);
	background: linear-gradient(to bottom, #6f8ba0, #dae2e5 80px);
	z-index: -1;
}
.content-wrapper li {
	font-size: 12px;
	line-height: 18px;
}
@media only screen and (max-width: 1000px) {
	.flex-wrapper {
		width: 100%;
	}
	.content-wrapper {
		background: none;
	}
	.content-wrapper img {
		display: block;
		max-width: 100%;
		max-height: 100%;
		width: auto;
		height: auto;
		text-align: center;
	}
}
@media only screen and (max-width: 870px) {
	.flex-wrapper {
		-webkit-flex-flow: column;
		    -ms-flex-flow: column;
		        flex-flow: column;
	}
	.content-wrapper {
		-webkit-box-ordinal-group: 2;
		-webkit-order: 1;
		   -moz-box-ordinal-group: 2;
		    -ms-flex-order: 1;
		        order: 1;
		width: 100%;
		min-height: 100%;
		font-size: 14px;
	}
	.content-wrapper p, .content-wrapper li, .content-wrapper span {
		font-size: 14px;
		font-weight: normal;
		line-height: 21px;
	}
}


/* news */
.news-title {
	display: block;
	font-size: 14px;
	font-weight:bold !important;
	text-transform: uppercase !important;
	margin-bottom: 40px;
}
.news-page-date {color:#00394f; font-weight:bold; font-size:13px}
.news-page-description {padding:3px 0 5px; font-size: 14px;}
.news-page-read-more {padding-top:4px; font-weight:bold; color: #378abf; font-size: 14px;}

/* equipment */
.dot img {border:0px; margin-top:17px; margin-bottom:0px; margin-left:25px; margin-right:9px}
.equip-title {padding-left:25px; padding-right:15px; line-height:14px}
.equip-img {float:left; width:170px; height:200px; text-align:center}
.equip-img a {
	text-decoration: none;
}
.equip-img a:hover {
	text-decoration: underline;
}
.equip-img img {
	border: 1px solid #5197b9;
	display: inline !important;
}
.equip-img h3 {
	padding: 5px 15px 0 15px;
	font-size: 14px;
	font-weight: normal;
	color: #000;
}
@media only screen and (max-width: 870px) {
	.equip-title {
		font-size: 14px;
	}
}
@media only screen and (max-width: 420px) {
	.equip-img {
		width: 100%;
	}
}

/* item */
.item-main-photo {
	float: left;
	margin: 4px 15px 15px 0;
}
.item-title {
	color: #00394f;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	background:#c5cfd3;
	margin-bottom: 10px;
}
.photos-title {
	color: #378abf;
	text-transform: uppercase;
	margin-top: 10px;
}
.mfp-gallery a {
	display: inline-block;
	margin: 12px 5px 0 0;
}
.item-rest-photo img { border: none; }
@media only screen and (max-width: 420px) {
	.item-main-photo {
		float: none;
		width: 100%;
	}
	.item-main-photo img {
		width: 100%;
	}
}

.pstrnav {color:#575757; font-size:14px; text-align:left; padding:8px 0 8px 14px; background-color:#e9ecef}
.pstrnav a, .pstrnav span {
	margin: 0 8px;
}
.pstrnav span {
	color: #378abf;
}
.pstrnav a:link, .pstrnav a:visited {color:#575757; text-decoration:none}
.pstrnav a:hover, .pstrnav a:active {color:#c52424; text-decoration:none}

/* bottom */
.copyrights {
	position: absolute;
	top: -40px;
	right: 10px;
	text-align: right;
}
.bottom-bg {height:19px; background:url(../img/bg-bottom.jpg) no-repeat}
.bottom-text { padding-bottom:4px; color:#fff; font-size:11px; font-weight:bold}
.bottom-title {color:#FFFFFF; font-size:10px; padding: 0 6px;}

@media only screen and (max-width: 1000px) {
	.copyrights {
		position: static;
		top: 0;
		right: 0;
		text-align: center;
		background: #e04b20;
		border-top: 2px solid #fff;
		padding-top: 3px;
	}
	.bottom-bg {
		background-image: none;
		background-color: #e04b20;
		text-align: center;
		height: auto;
		padding-bottom: 5px;
	}
}


/* padding */
.top2 {padding-top:2px}
.top5 {padding-top:5px}
.top8 {padding-top:8px}
.top10 {padding-top:10px}
.top11 {padding-top:11px}
.top15 {padding-top:15px}
.top17 {padding-top:17px}
.top20 {padding-top:20px}
.top25 {padding-top:25px}
.top35 {padding-top:35px}


/* links */
.white-dark-blue {color:#FFFFFF; text-decoration:none}
.white-dark-blue:hover {color:#00394f; text-decoration:none}

.white-read-more {color:#FFFFFF; text-decoration:none}
.white-read-more:hover {color:#FFFFFF; text-decoration:underline}

.white-12 {color:#FFFFFF; text-decoration:none}
.white-12:hover {color:#FFFFFF; text-decoration:underline}

.black-13 {color:#000000; font-weight:bold; text-decoration:none}
.black-13:hover {color:#000000; font-weight:bold; text-decoration:underline}

.black-read-more {color:#000000; font-size:13px; text-decoration:none}
.black-read-more:hover {color:#000000; font-size:13px; text-decoration:underline}

.grey-under-none {color:#999999; text-decoration:underline}
.grey-under-none:hover {color:#999999; text-decoration:none}

h1.detailed {
color: #00394f;
font-size: 26px;
font-weight: bold;
padding: 5px;
margin-bottom: 10px;

}




a.cat-link {
    display: block;
    text-decoration: none;
}

a.cat-link:hover {
    text-decoration: underline;
}

.img-detailed {
    float: left;
    width:250px;
    padding-right: 20px;
}

.gal-detailed a{
    margin: 6px 2px  !important;
}


.gal-th-det {
    width: 100% !important;
    height: 100% !important;
}

.col-3 {
    width: 21.0%;
}


@media only screen and (max-width: 1000px) {

    .img-detailed {
        float: left;
        width:230px;
        padding-right: 0px;
    }

    .gal-th-det {
        width: 100% !important;
        height: 100% !important;
    }

    .col-3 {
        width: 21.0%;
    }

}


@media only screen and (max-width: 450px) {

    .col-3 {
        width: 21.5%;
    }

    .img-detailed {
        float: left;
        width: 100%;
        padding-right: 0px;
    }

    .gal-th-det {
        width: 100% !important;
        height: 100% !important;
    }
}


p.price {
    color: #00394f;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 5px;
}

p.avail {
    color: red;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 5px;
}

.seoText,
.seoText p {
    color: black;
}


.seoText h1 {

}

.seoText h2 {

}

.item {
    position: relative;
}

.tob {
    position: absolute; bottom: 15px; left: 165px;
}



.tob a,
.tob button{
}


.info {
    height: 70px; padding-bottom: 30px;overflow: hidden
}


@media only screen and (max-width: 403px) {
    .info {
        height: 140px !important;
        padding-bottom: 80px !important;
        overflow: hidden !important;
    }

    .tob {
        left: 0;
        width: 100%;
        background: #dae2e5;
    }
}