@font-face {
	font-family: "MyriadPro-Regular";
	src: url("/fonts/MyriadProRegular/MyriadProRegular.eot");
	src: url("/fonts/MyriadProRegular/MyriadProRegular.eot?#iefix")format("embedded-opentype"),
	url("/fonts/MyriadProRegular/MyriadProRegular.woff") format("woff"),
	url("/fonts/MyriadProRegular/MyriadProRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: "MyriadPro-Bold";
	src: url("/fonts/MyriadProBold/MyriadProBold.eot");
	src: url("/fonts/MyriadProBold/MyriadProBold.eot?#iefix")format("embedded-opentype"),
	url("/fonts/MyriadProBold/MyriadProBold.woff") format("woff"),
	url("/fonts/MyriadProBold/MyriadProBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}


@font-face {
	font-family: "MyriadPro-Cond";
	src: url("/fonts/MyriadProCondRegular/MyriadProCondRegular.eot");
	src: url("/fonts/MyriadProCondRegular/MyriadProCondRegular.eot?#iefix")format("embedded-opentype"),
	url("/fonts/MyriadProCondRegular/MyriadProCondRegular.woff") format("woff"),
	url("/fonts/MyriadProCondRegular/MyriadProCondRegular.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}


/* font-family: "MyriadProItalic"; */
@font-face {
	font-family: "MyriadPro-It";
	src: url("/fonts/MyriadProItalic/MyriadProItalic.eot");
	src: url("/fonts/MyriadProItalic/MyriadProItalic.eot?#iefix")format("embedded-opentype"),
	url("/fonts/MyriadProItalic/MyriadProItalic.woff") format("woff"),
	url("/fonts/MyriadProItalic/MyriadProItalic.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}


@font-face {
	font-family: "MyriadPro-semibold";
	src: url("/fonts/MyriadProSemiBold/MyriadProSemiBold.eot");
	src: url("/fonts/MyriadProSemiBold/MyriadProSemiBold.eot?#iefix")format("embedded-opentype"),
	url("/fonts/MyriadProSemiBold/MyriadProSemiBold.woff") format("woff"),
	url("/fonts/MyriadProSemiBold/MyriadProSemiBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}

@font-face {
	font-family: "MyriadPro-BoldCond";
	src: url("/fonts/MyriadProCondBold/MyriadProCondBold.eot");
	src: url("/fonts/MyriadProCondBold/MyriadProCondBold.eot?#iefix")format("embedded-opentype"),
	url("/fonts/MyriadProCondBold/MyriadProCondBold.woff") format("woff"),
	url("/fonts/MyriadProCondBold/MyriadProCondBold.ttf") format("truetype");
	font-style: normal;
	font-weight: normal;
	font-display: swap;
}



/*ИКОНКИ-ТЕКСТ*/
@font-face
{
		font-family:'FontAwesome';
		src:url('/css/awsome/fontawesome-webfont.eot?v=3.0.1');
		src:url('/css/awsome/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),
		url('/css/awsome/fontawesome-webfont.woff?v=3.0.1') format('woff'),
		url('/css/awsome/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
		font-weight:normal;
		font-style:normal;
		font-display: swap;
}

@import url(http://fonts.googleapis.com/css?family=PT+Serif:700,400&subset=latin,cyrillic);

.phone_t:before {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f095';
	font-weight: normal;
}
.mail_t:before {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f003';
	font-weight: normal;
}
.fa-map-marker:before {
	display: inline-block;
	font-family: 'FontAwesome';
	content: '\f041';
	font-weight: normal;
}
body {color: #222;font-family: 'MyriadPro-Regular', Tahoma;    width: 100%;    overflow-x: hidden; font-size: 15px;}
strong,
b,
.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th
 {font-family: 'MyriadPro-Bold';font-weight:normal;}
i, em {font-family: 'MyriadPro-It';}
label {
	display: inline-block;
	margin-bottom: 5px;
	font-weight: normal;
}
.page-content p {line-height: 175%; font-size: 16px;}
p {
	margin: 0 0 15px;
	line-height: 175%;
	letter-spacing: 0.2px;
}
p{
	/* text-align: justify; */
	text-indent: 10;
} 
a {color: #697680;transition-duration: 0.4s;}
a:hover, a:focus {color: #c7411c;text-decoration: none;}


.container {
	position: relative;
	/*
	min-width: 970px;
	max-width: 1200px !important;
	*/
	}

.tab_text ol li,
.tab_text ul li
 {padding: 0 0 3px;}

.panel-body ul, .panel-body ol 
{padding: 10px 25px 5px; text-align: justify;}

.tab2_text li,
.panel-body ul li, .panel-body ol li,
.cat-descr ul li, .cat-descr ol li
 {padding: 0 0 5px;}
 
 
.table-info ul,
.item-albums ul,
.big-item-albums ul,
ul.news_block,
ul.inner-menu,
ul.header-menu,
ul.cat-category
 {list-style: none;}


.vypolnennye_proekty {
	list-style: none;
	margin: 0;
	margin-bottom: 10px;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
}
.vypolnennye_proekty li {
	margin-right: 10px;
	margin-bottom: 10px;
}
.vypolnennye_proekty li a {
	display: inline-flex;
	background: transparent;
	border: 2px solid #20404f;
	padding: 6px 12px;
	color: #20404f;
}
.vypolnennye_proekty li a:hover {
	background: #20404f;
	border: 2px solid #20404f;
	color: #fff;
}
.vypolnennye_proekty li.is-active a { 
color: #fff; 
background: #3f949e; 
border-color: #20646d; 
}

.table-info ul,
.item-albums ul,
.big-item-albums ul,
ul.news_block,
ul.header-menu,
ul.cat-category
 {margin: 0;padding: 0;}

#footer ul  {list-style: none; margin: 0;padding: 0;}
#footer p  {margin: 0 0 12px;    line-height: 125%; }
 
 
h1 {color: #1D3C4A; font-size: 42px; margin-top: 30px; margin-bottom: 20px; font-family: 'MyriadPro-BoldCond';}
h2 {color: #1D3C4A; font-size: 32px; margin-top: 40px; margin-bottom: 20px; font-family: 'MyriadPro-Cond';}
h3 {color: #697680; font-size: 24px; margin-top: 25px; margin-bottom: 10px; font-family: 'MyriadPro-Bold';    letter-spacing: -0.35px;}


.clear {clear: both;}

.form-control  {border-radius: 0px;}
.modal-content  {border-radius: 4px;}
.modal-header {
	background: #3F8D97;
	color: #fff;
	text-align: center;
}

.ddd {background-color: #DDD !important;}
.ddd.panel-heading h4:hover {    cursor: default;}



.btn {
	border-radius: 0;
	transition-duration: 0.75s;
	border: 2px solid #ccc;
	background-color: #F5F6F8;
}
.btn-info {
	color: #fff;
	background-color: #3F8D97;
	border-color: #368791;
}
	.btn-info.active,
	.btn-info.focus,
	.btn-info:active,
	.btn-info:focus,
	.btn-info:hover,
	.open>.dropdown-toggle.btn-info {
		color: #fff;
		background-color: #47A1AD;
		border-color: #3F8D97;
	}
.btn-warning {
	color: #fff;
	background-color: #DE522B;
	border-color: #C6401B;
}
.btn-primary {
	color: #fff;
	background-color: #1D3C4A;
	border-color: #203341;
}
	.btn-primary.active,
	.btn-primary.focus,
	.btn-primary:active,
	.btn-primary:focus,
	.btn-primary:hover,
	.open>.dropdown-toggle.btn-primary {
		color: #fff;
		background-color: #284F63;
		border-color: #1D3C4A;
	}

.navbar { margin-bottom: 0;}    
.navbar-default {
	background: url('/img/header.png') 50% 0% no-repeat;
	background-color: #fff;
	border-color: #a5adb3;
	position: relative;
	height: 188px;
}
.head-bg {padding-bottom: 28px;}

#button-up {
	position: fixed;
	right: 20px;
	bottom: 80px;
	transition: .3s;
	width: 48px;
	height: 48px;
	opacity: 0.2;
	fill: #1d3c4a;
	z-index: 100;
	background-color: #fff;
	border-radius: 48px;
	border: 1px solid #fff;
}
#button-up:hover {
	opacity: 0.4;
	cursor: pointer;
}


.col-top {
	width: 50%;
	float: left;
}
.logo {
	position: absolute;
	display: inline-block;
	height: 91px;
	width: 390px;
	top: 23px;
	left: 50%;
	margin-left: -477px;
	z-index: 1000;
	overflow:hidden;
}

.header-phone {margin-top:12px;}
	.header-phone span{
	font-family: 'MyriadPro-BoldCond';
	font-size: 26px;
	font-weight: bold;
	color: #c7411c;
	float: right;
	margin-right: 24px;
	}
	.header-phone button{
	float: right;
	margin-left: 6px;
	}
	


.header-menu {font-size: 14px;}
	.header-menu li {
	float: right;
	padding-top: 45px;
	}
	.header-menu li:before {
	content: "|";
	padding: 0.5em;
	}
	.header-menu li:last-child:before {
	content: "";
	}
	.header-menu li a{
	border-bottom: 1px solid;
	height: 17px;
	display: inline-block;
	color: #15517d;
	}
	.header-menu li a:hover,
	.header-menu li a:focus {
	color: #2a6496;
	}
 

/*.page-content, .container > .col-md-12  {padding-left: 260px;}*/
body > .container.page-content {padding: 0;}

.container > .page_class_contacts,
.container > .page_class_dostavka {padding-left: 60px;}


.page-content > .col-md-12 {padding: 0;}
.page-content h1 {margin-top: 20px;}
.inner-menu {
	padding: 0;
	margin-top: 35px;
	/*
	left: 0;
	display: inline-block;  
	width: 230px;
	position: absolute;
		z-index: 20;
	*/

	}
	.inner-menu li {
		margin: 0;
		border-bottom: 1px #c7c7c7 solid;
	}
	.inner-menu li a {
		font-size: 16px;
		color: #4e4e4e;
		padding: 0px;
		display: block;
		text-decoration: none;
		line-height: 26px;
		padding: 8px 4px 8px 16px;
	}
	.inner-menu li a:hover {
	text-decoration: none;
	color: #C6401B;
	}
	li.here { border-bottom: none;}
	.inner-menu li.here a{
		color: #fff;
		background-color: #C6401B;
		position: relative;
	}
		/*.inner-menu > li.here > a:after {
			content: "";
			position: absolute;
			height: 42px;
			right: -41px;
			top: 0;
			border: 21px solid transparent;
			border-left: 20px solid #C6401B;
		}*/
		
		
		
.inner-menu-in {
	padding: 5px 0 10px;
	list-style: none;
	overflow:auto;
	max-height:180px;
}
.vk_include
{
	text-align:center;
	margin:auto;
	width:210px;
	margin-top:20px;
}

	.inner-menu-in li.here a {
			color: #C6401B;
			background-color: transparent;
		}
	.inner-menu-in li{
		border-bottom: none;
	}
		
	.inner-menu-in li a {
	line-height: 125%;
	font-size: 14px;
	}   


@media (min-width: 1200px){
	#w {
	position: absolute;
	top: 130px;
	right: 0;
	left: 0px;
	}
}   

	

#menu {
	height:45px;
	position:relative;
	}
#menu .menu {
	display:table;
	padding: 0;
	margin: 0; 
	width: 80%;
	}
#menu li {
	display:table-cell;
	}
#menu li a {
	font-family: "MyriadPro-Cond";
	font-size: 30px;
	color: #1D3C4A;
	padding: 0 18px;
	text-transform: uppercase;
	display: block;
	height: 45px;
	line-height: 47px;
	}
	
/* #menu li:nth-child(5) a {
	color: #c7411c;
	} */
	
	
	
	
#menu li span {
	color: #3f8d97;
	}
#menu .selected > a {
	color: #c7411c;
	}
#menu .selected a:hover {
	color:#fff;
	background: #c7411c;
	}
#menu .selected a span {
	color:#fff;
	}
#menu li > a:hover {
	color:#fff;
	background: #30424F;
	}
	
#menu li.bs > a {
	color:#fff;
	background: #30424F;
	}   
ul.menu > li::before {
	content: '';
	position: absolute;
	display: inline-block;
	width: 26px;
	height: 26px;
	top: -13px;
	left: 0;
	border: 13px solid transparent;
	border-left: 16px solid white;
	}
#menu a:hover span {
	color:#fff;
	}

#menu li {
	position:relative;
	}

.menu .sub {
	position: absolute;
	background-color: #E6E8E8;
	left: 0;
	top: 46px;
	z-index: 1000;
	padding: 0;
	}
#sub_94 {
	/*
	width: 250px;
	*/
}
#menu .sub li {
	/*    border-bottom: 1px dotted #d6d8da;*/
	display:block;
	margin:0;
	}
#menu .sub li a {
	display: flex;
	align-items: center;
	height: 100%;
	width: 100%;
	padding: 8px 20px;
	box-sizing: border-box;
	text-transform: none;
	font-size: 18px;
	line-height: initial;
	height: initial;

	}
#menu .sub li:first-child a { padding-top: 12px;}
#menu .sub li:last-child a { padding-bottom: 12px;}

#menu .sub a:hover {
	color:#fff;
	background: #c7411c;
}
	

	
#menu li.right-pop {
	position: absolute;
	right: 0;
	top: 0px;
}

#menu li.right-pop:before {display: none;}
#menu li.right-pop > a {
	border-color: #C74429;
	background: #c7442a;
	color: #fff;
	border-radius: 0px;
	border: 1px solid;
	line-height: 37px;
	height: 40px;
	padding: 0 10px;
	margin-right: 15px;
	font-size: 20px;
	text-transform: none;
}






#menu li.right-pop > a:hover {
	color: #fff;
	background:#30424F;
}
#menu li.right-pop .pop_box
{
	position: absolute;
	max-width: 600px;
	border: 1px solid #333;
	right: 8px;
	top: -4px;
	background: url(../img/popup-top.png) right top no-repeat,
				url(../img/popup-bot.png) left bottom no-repeat;
	background-color: #ffffff;
	padding: 0px 20px;
	z-index: 10;
}
#menu li.right-pop .pop_box .title
{
	font-family: "MyriadPro-Cond";
	color: #fff;
	display: block;
	height: 45px;
	line-height: 45px;  
	float: right;
	font-size: 20px;
}
#menu li.right-pop .pop_box h5
{
	font-size: 18px;
	color: #8C9296;
	font-family: 'MyriadPro-BoldCond';
	line-height: 18px;
	margin: -10px 0 15px;
}
#menu li.right-pop a {
	text-transform: none;
	font-size: 20px;
}
#menu li.right-pop ul.sale {
	margin: 0;
	padding: 0;
}
#menu li.right-pop ul.sale li {
	position: relative;
	display: block;
	margin: 0 0 10px;
	font-size: 14px;
	line-height: 15px;
	padding: 0 0 0 15px;
}
#menu li.right-pop ul.sale li:before {
	content: "–";
	color: #3f8d97;
	position: absolute;
	top: 0;
	left: 0;
	font-size: 16px;
}
.close:focus, .close:hover {
	color: #000;
	text-decoration: none;
	cursor: pointer;
	filter: alpha(opacity=50);
	opacity: .5;
}
a.menu-trigger
{
	padding: 13px 55px 12px 5px;
	font-size: 20px;
	text-decoration: none;
	display: none;
	line-height: initial;
}
.menu .sub
{
	display: grid;
	display:none;  
	width: 500px;
	grid-template-columns: repeat(2, 250px);
}   
	

#menu .sub li {
width: 250px;
display: inline-flex;
outline: 1px solid rgb(255 255 255 / 0.5);
align-items: center;
}   
	
	
/***   Кнопка Акции перенесенная на сайте moscow в другое место. Дублируются стили**/

#menu li.right-pop > a.years10 {
	border-color: #c7411c;
	background: #c7411c;
	font-size: 21px;
	font-family: "MyriadPro-Cond"; 
	color: #fff;
	border-bottom: 1px solid #a5adb3;
	height: 47px;
	line-height: 47px;
	padding: 0 15px;
	margin-right: 15px;
	font-size: 21px;
	text-transform: none;
}
.years10text {
	font-size: 36px;
	line-height: 56px;  
	padding: 0 10px;
	/*background: #fff;
	border-radius: 4px;*/
}
/****/
.promo-block-msk {
	display: inline-block;
	float: right;
	text-align: left;
}
#btn-promo {
	display: inline-block;
	text-transform: none;
	background-color: #3F8D97;
	border-color: #368791;
	color: #fff;
	border-radius: 0;
	border: 1px solid;
	line-height: 37px;
	height: 37px;
	padding: 0 10px;
	margin-right: 0;
}
.promo-block-msk .pop_box
{
	position: absolute;
	max-width: 600px;
	border: 1px solid #333;
	right: 8px;
	top: -4px;
	background: url(../img/popup-top.png) right top no-repeat,
		url(../img/popup-bot.png) left bottom no-repeat;
	background-color: #ffffff;
	padding: 0px 20px 15px;
	z-index: 11;
}
.promo-block-msk .pop_box .title
{
	font-family: "MyriadPro-Cond";
	color: #fff;
	display: block;
	height: 45px;
	line-height: 45px;  
	float: right;
	font-size: 20px;
}
.promo-block-msk .pop_box h5
{
	font-size: 18px;
	color: #8C9296;
	font-family: 'MyriadPro-BoldCond';
	line-height: 18px;
	margin: -10px 0 15px;
}
/****/  
	
	
	
	
	
@media only screen and (max-width: 1200px) {
	
	 #menu li a {
		
padding: 0 14px;
		
	}
	.header-phone span
	{
	font-size: 23px;
	margin-right: 8px;
	}
	
	.icon-header
	{
		display:none;
	}
}
	
	
@media only screen and (max-width: 768px) {

	

	#menu {     
		padding:0;
		overflow: auto;
		background-color: #E6E8E8;
		position: fixed;
		top: 0;
		left: -250px;
		bottom: 0;
		display: block;
		float: left;
		width: 250px;
		max-width: 250px;
		height: 100%;
		
		z-index:1000;

		-moz-transition: all 300ms;
		-webkit-transition: all 300ms;
		transition: all 300ms;      
	}
	#menu .menu
	{
		width:100%;
		position: initial;
	}
	#menu li.right-pop {
		display: none;
	}
	ul.menu > li::before {display: none;}
	#menu li
	{
		display:block;
		text-shadow: none;
	}
	#menu li a {
	
		
	}
	#menu .sub
	{
		width: 100%;
		position: initial;
		box-shadow: none;
		border-radius: 0;
		padding: 0;
	}   
	#menu .sub a
	{
		padding: 7px 5px 7px 35px;
		font-size: 16px;
	}       
	.caret {
		display: none;
	}
	.menu-active #menu { left: 0px; }
	.menu .sub
	{
		display:block;
		background-color: #ffffff;
	}   
	
	a.menu-trigger
	{
background-color: #20404f;
color: #fff;
		
		display:block;
		position:fixed;
		padding:5px 7px;
		margin:0;
		top:15px;
		right:15px;
		font-size:16px;
		z-index: 1001;
	}   
	
}
	
	
	
	
	
	
	
	
	
	
	
	
	

	
	
	

#footer 
{
	color: #a0a5b0; 
	background: url('/img/footer2.png') 50% 100% no-repeat;
	min-height: 335px;
}
.footer_without_order 
{
	background: url('/img/footer.webp') 50% 0 no-repeat!important;
}
	#footer > .container {padding-top: 100px;}
	#footer ul {padding-left: 40px;}
	#footer a {color: #a0a5b0;}
	#footer span a {color: #fff;}
	#footer span {
	color: #fff;
	font-size: 17px;
	margin-bottom: 5px;
	display: inline-block;
	margin-top: 15px;
	padding-left: 40px;
	}
	
	.footer-one,
	.footer-two,
	.footer-three,
	.footer-four
	{float: left;}
	
	.footer-one {width: 250px;}
	.footer-two {width: 220px;}
	.footer-three {width: 270px;}
	.footer-four {width: 190px;}    
	
@media (min-width: 1200px){ 
	.footer-one {width: 300px;    margin-left: 30px;}
	.footer-two {width: 250px;}
	.footer-three {width: 320px;}
	.footer-four {width: 200px;}
}




	
	
/*****************    Шняги на главной    *****************/
.slider {
	height: 485px;
}

.main-left {
	background: url('/img/main-left.png') 0 0 no-repeat;
	width: 890px;
	height: 135px;
	top: 541px;
	left: 0;
	position: absolute;
	z-index:5;
}
.main-right {
	background: url('/img/main-right.png') 100% 0 no-repeat;
	width: 750px;
	height: 135px;
	top: 937px;
	right: 0;
	position: absolute;
	z-index: 100;
}
.index-blocks {
	background: #1b3847;
}
	.index-block {
		display: inline-block;
		text-align: center;
		padding: 20px 0;
		width: 33%;
	}
	.ib-in {
		max-width: 310px;
		margin: 0 auto;     
		color: #fff;
		background-color: #20404F;
		transition-duration: 1.5s;
		overflow: hidden;
	}
	.ib-in:hover  {background-color: #368791;}
	.index-block img {
		padding: 5px;       
	}
	.index-block span {
		display: block;
		width: 100%;
		height: 35px;
		line-height: 30px;      
		font-size: 18px;        
	}
	
	
.Why-We {
	 color: #fff;
	 background: url('/img/bg.png') 0 0 repeat;
	 padding: 50px 0;
}
		.Why-We     h1 {
		color: #fff;
		font-size: 35px;
		text-align: center;
		margin: 10px 0 50px;        
		font-family: "MyriadPro-Regular";
		font-size: 38px;    
	}


	.Why-We p {
		font-size: 21px;
		line-height: 2;
	}
	.Why-We img {
		float: left;
		padding: 10px 40px 40px 0;
	}
	.Why-We > ul {
		margin-top: 50px;
		padding-left: 100px;
	}
	.Why-We li {
		padding: 5px 100px 5px 120px;
		display: block;
		float: left;
		width: 50%;
		margin-bottom: 30px;
		min-height: 120px;
		
		color:rgba(255,255,255,0.7); 
	}
	.Why-We span {
		display: block;
		font-size: 20px;
		color:#fff;
	}
	.ww01 {background: url('/img/ww01.png') -8px 0 no-repeat;}
	.ww02 {background: url('/img/ww02.png') 0px 10px no-repeat;}
	.ww03 {background: url('/img/ww03.png') -5px 0 no-repeat;}
	.ww04 {background: url('/img/ww04.png') 0 10px no-repeat;}
	.ww05 {background: url('/img/ww05.png') -5px 10px no-repeat;}
	.ww06 {background: url('/img/ww06.png') 0 10px no-repeat;}
	
	
	
.clients {
	text-align: center;
	padding: 0 0 50px;
	display: block;
	margin:auto;
	position:relative;

	height:250px;
	}
	.clients h1{font-family: 'MyriadPro-Regular';font-size:38px;    margin: 45px 0 30px;}

.clients span{
	display:block;
	color: #1D3C4A;
	 font-family: 'MyriadPro-Regular';
	font-size: 38px;
	margin: 45px 0 30px;
	line-height: 1.1;


}

h2 .forest{font-family: 'MyriadPro-Regular';font-size:38px;    margin: 45px 0 30px;}

.carousel_wpap
{
	width: 100%;
	margin:auto;    
	position:absolute;
}


	
.carousel {
	width: 1900px !important;
	margin:auto;
}
	
/*
.carousel_wpap
{
	width: 1900px;
	margin:auto;
	overflow:hidden;
	border:1px solid #333;
}
	
.carousel {
	width: 1900px !important;
}   

@media screen (max-width:1200px) 
{
	.carousel_wpap
	{
		width: 1200px;
	}
		
	.carousel {
		width: 1200px !important;
	}   
}
*/








/**********************  Slider Styles **********************/


.news-holder {
	
}
	.news-holder p {
		margin-bottom: 12px;
	}
.news-holder * {
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}



.news-headlines {
	list-style: none;
	position: relative;
}
	.news-headlines li {
		position: relative;
		z-index: 20;
		width: 65px;
		float: left;
		height: 60px;
	}
.ico-slide {
	display: inline-block;
	width: 45px;
	height: 45px;
	border: 2px solid transparent;
	box-sizing: content-box;
	background-repeat: no-repeat;
	background-image: url('/image/slider/ico2.png');
	transition: 0s;
	
}
	.is01 {background-position: 0 0;}
	.is02 {background-position: 0 -45px;}
	.is03 {background-position: 0 -90px;}
	.is04 {background-position: 0 -135px;}
	.is05 {background-position: 0 -180px;}
	.is06 {background-position: 0 -225px;}
	.is07 {background-position: 0 -273px;}

	.ico-slide:hover {border: 2px solid #368791;}
		.is01:hover  {background-position: -55px 0;}
		.is02:hover  {background-position: -55px -45px;}
		.is03:hover  {background-position: -55px -90px;}
		.is04:hover  {background-position: -55px -135px;}
		.is05:hover  {background-position: -55px -180px;}
		.is06:hover  {background-position: -55px -225px;}
		.is07:hover  {background-position: -55px -273px;}
		
		
.news-headlines {
	position: absolute;
	left: 50px;
	top: 160px;
	width: 200px;
	z-index: 50;
} 
.news-headlines .highlight {
	 width: 100%;
	 position: absolute;
	 top: 0;
	 left: 0;
	 z-index: 10;
	}
	.news-headlines .highlight:before {
	display: none;
	}

 .slider-header {
	position: absolute;
	top: 42px;
	left: 35px;
	text-align: left;
	z-index: 50;
}
	.slider-header h3{
	color: #c7411c;
	font-size: 28px;
	font-family: 'MyriadPro-Bold';
	}
	.slider-header span{
	color: #1d313e;
	font-size: 15px;
	font-family: 'MyriadPro-Regular';
	display: inline-block;
	line-height: 150%;
	width: 300px;
	margin-top: 10px;
	}

.news-preview {
	position: relative;
	z-index: 5;
		display: inline-block;
	height: 485px;
	width: 100%;
}


.news-content {
	position: absolute;
	z-index: 10;
	top: 0;
	left: 0;
	adisplay: none;
	text-align:right;
}
	.news-content img {
		height: 100%;
	}

.top-content {
	adisplay: block;
	az-index: 20;
	awidth: 100%;
	aheight: 485px;
}

/**
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.cf:before,
.cf:after {
	content: " "; /* 1 */
	display: table; /* 2 */
}

.cf:after {
	clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
	*zoom: 1;
}
/***************************** NEWS   ****************************/
.news_block li:first-child {margin-top:12px;}
.news_block li {
	margin: 46px 0 0;
	display: inline-block;
	width: 100%;
}
.news_block  h2 {margin: 0; transition-duration: 0.4s;}
	.news_block h2:hover{color: #C6401B;}
	
.news_block span{
	color: #707580;
	display: inline-block;
	padding: 5px 0 3px;
}

.news_block a.img {
	display: inline-block;
	float: left;
	margin: 5px 20px 0 0;
	border-radius: 2px;
	overflow: hidden;
}
.news_block img {
	width: 200px;
	height: 150px;
}

.news_block .text
{
	overflow: hidden;
}

.news-page-header {margin: 30px 0 20px;}
.news-page-header h1{margin: 0;}
.news-page-header span {
	color: #707580;
	display: inline-block;
	padding: 5px 0 3px;
	}


@media (max-width: 640px) {
	.news_block a.img {
	float: none;
	margin-bottom: 15px;
	}
}   

.news_block .text
{
	overflow:hidden;
}

.container.page-content .news img {
	max-width: 100%;
}
/*****************************  Категория   **************************/

.plashka a {
	display: inline-block;
	width: 45%;
	margin-right: 5%;
	float: left;
	position:relative;
	margin-bottom: 36px;

}
.plashka a:hover li {border-color: #c7411c;}
.plashka a:hover  li {}
.plashka a:hover  h2 {border-color: #c7411c;color: #fff;background: rgba(199,65,28,0.75);}
.plashka li{
	display: inline-block;
	width: 100%;
	height: 230px;
	border: 1px solid rgba(30,58,80,0.9);
	overflow: hidden;
	background: #FFFFFF;
	text-align: center;
	transition-duration: 0.4s;
	box-sizing: content-box;
}
.plashka a h2 {
	display: inline-block;
	position: absolute;
	bottom: 0.2em;
	left: 1px;
	width: 100%;
	 /* background: rgba(234, 237, 241, 0.8);*/
	background: rgba(30,58,80,0.75);
	border-radius: 0;
	text-align: center;
	margin: 0;
	padding-bottom: 5px;
	transition-duration: 0.4s;
	color: #fff;
}

.plashka a h2.long {
	font-size:28px;
	padding-bottom: 7px;
	padding-top: 2px;
}


.dozator-tags {
	display: flex;
	margin-right: 5%;
	margin-bottom: 36px;
}
.dozator-tag {
	position: relative;
	margin-right: 15px;
	padding-top: 42px;
	flex: 1 1 auto;
	display: inline-flex;
	border: 1px solid rgba(30,58,80,.9);
	/*background: url('../image/dozatorTag1.png') cover no-repeat 50% 50%;*/
	background-color: #fff;
	text-align: center;
	transition-duration: .4s;
	flex-wrap: wrap;
}
.dozator-tag:hover {
	border-color: #c7411c;
}
.dozator-tag:last-child {
	margin-right: 0;
}
.dozator-tag img {
	max-width: 100%;
}
.dozator-tag span {
	display: inline-flex;
	align-items: center;
	justify-content: center;

	min-height: 42px;

	position: absolute;
	top: -1px;
	left: -1px;
	right: -1px;

	margin: 0;
	padding: 5px 10px;
	color: #fff;
	line-height: 115%;
	text-align: center; 
	background: rgba(30,58,80,0.75);
	transition-duration: 0.4s;
} 
.dozator-tag:hover span {
	background: rgba(199,65,28,0.75);
}
/*



*/



.right-block {
	background: url('/img/rb-bg.png') 0 0 no-repeat;
	min-height: 75px;
	margin-top: 50px;
}
	.rb-img {
		position: relative;
	}
	.rb-img:after {
		content: '';
		background: url('/img/rb-grad.png') left bottom repeat-x;
		height: 75px;
		display: inline-block;
		position: absolute;
		width: 100%;
		bottom: -2px;
		left: 0;
	}
	.rb-img img {
		max-width: 100%;
		max-height: 230px;
	}
	.right-block h4 {
		color: #1D3C4A;
		font-size: 20px;
		font-family: 'MyriadPro-BoldCond';
		line-height: 27px;
		text-transform: uppercase;
		padding: 3px 0 0 12px;
		margin: 0;
		border-bottom: 2px solid #c7442a;
	}
	.rb-txt {
		padding: 5px 12px;
		line-height: 175%;
		font-size: 16px;
		color: #111;
	}

.cat-descr    {
	margin-bottom: 36px;
text-align: justify;}
.cat-category {
	margin-top: 42px;
	
}
.cat-category h2{
	margin: 0;
	transition-duration: 0.4s;
	margin-bottom:5px;
}
	.cat-category h2:hover{color: #C6401B;}
	
.cat-category span{
	color: #707580;
	display: inline-block;
	/*padding: 5px 0 3px;*/
}


.cat-category img{
	max-width: 382px; 
	margin-top: 0;
	border-radius: 2px;
	width: 100%;
}

.cat-category .description {
margin-top:3px;
}







/******************************  Товар  ******************************/

ul.cat-item {
	padding: 0;
	list-style-type: none;
}
.cat-item > a {
	display: inline-block;
	width: 50%;
	height: 210px;
	float: left;
	position:relative;
	margin-bottom: 15px;
	
	background-image:#fff;
	

	
	-webkit-transition: max-height 0.5s linear, visibility 0.5s linear;
	-moz-transition: max-height 0.5s linear, visibility 0.5s linear;
	-o-transition: max-height 0.5s linear, visibility 0.5s linear;
	transition: max-height 0.5s linear, visibility 0.5s linear;
}
	
.cat-item > a > li {
	
	margin-right: 10px; 
	padding: 15px;
	border: 1px solid #eee;
	
	max-height: 210px;
	overflow: hidden;

	-webkit-transition: max-height 0.3s linear, visibility 0.5s linear;
	-moz-transition: max-height 0.3s linear, visibility 0.5s linear;
	-o-transition: max-height 0.3s linear, visibility 0.5s linear;
	transition: max-height 0.3s linear, visibility 0.5s linear;
}

/*
.cat-item > a:hover > li {
	overflow: hidden;
	max-height: 800px;
	

	max-height: auto;
	position: absolute;
	z-index: 5;
	background: url('/img/addbot.png') 0 bottom no-repeat;
	background-color: #fff;
	border: 1px solid #1D3C4A;
	padding-bottom: 42px;   
	}
	
.cat-item > a:hover > li > .description {
	max-height: 800px;
	}   
	
.cat-item > a:hover > li > div.description::before  {   
	display: none;
}
	
	*/
.cat-item > a > li > .description {
	max-height: 140px;
	position: relative;
	overflow:hidden;
	}

	
.cat-item > a > li > div.description::before  {
	content: '';
	width: 100%;
	height: 60px;
	background: linear-gradient(to top, #fff, transparent);
	bottom: 0;
	display: inline-block;
	position: absolute; 
}



.cat-item a:hover  h2 {color: #c7411c;}

.cat-item h2 {
	margin: 0 0 12px;
	font-family: 'MyriadPro-Regular';
	font-size: 20px;
}
.cat-item img {
	max-width: 145px;
	max-height: 135px;
	float: left;
	padding: 1px;
	/*border: 1px solid #A5ADB3; */
	margin: 5px 5px 0 0;
	}
.nav>li>a {
	padding: 10px 12px;
	font-size: 14px;
}
	@media (min-width: 1200px){
		.nav>li>a {
			padding: 10px 15px;
			font-size: 16px;
		}
	}   
.cat-item  .description  {font-size: 13px;}
.cat-item  .description ul { padding: 0 0 0 18px; color: #222;}
.cat-item  .description ul li {padding: 0 0 3px;}
.cat-item  .description p { color: #222; line-height: 150%; font-size: 13px;}















.album_tabs>li.active>a, .album_tabs>li.active>a:hover, .album_tabs>li.active>a:focus { }

/*
.album_tabs>li.active>a, .album_tabs>li.active>a:hover, .album_tabs>li.active>a:focus {
	color: #fff;
	background-color: #203F4F;
	border: 1px solid #1B3847;
	border-bottom-color: transparent;
	cursor: default;
}
.album_tabs {
	border-bottom: 1px solid #203F4F;
	margin-bottom: 20px;
}
.album_tabs>li>a:hover {
	border-color: #203F4F #203F4F #1B3847;
	color: #fff;
}*/
.nav>li>a:hover, .nav>li>a:focus {
	text-decoration: none;
	background-color: #203F4F;
}


.panel .nav > li > a
{
	font-size:14px;
}

.panel .nav-tabs > li 
{
	margin-bottom: -6px;
}

.panel .panel-body ul{
	 padding: 0px;
}

.panel .tab-content
{
	padding-top: 10px;
}
.panel .nav>li>a:hover, .panel .nav>li>a:focus {
	text-decoration: none;
	background-color: #eee;
}


.vertical_tabs
{
	position:relative;
	height:574px;
	/*overflow:hidden;*/
}
.vertical_tabs .right_tab
{
	
}

.vertical_tabs_abs
{
	position:absolute;
	top:100px;
	left:0;
	right:0;
	width: 520px;
}
.fixed_text
{
	margin-left:270px;
}
.vertical_tabs h3 {color: #26636B;}
.vertical_tabs .tab2_text
{
	position: absolute;
	left: 250px;
	right: 0;
	border: 1px solid #368791;
	overflow: hidden;
	box-shadow: 2px 2px 10px rgba(26, 56, 70, 0.5);
	width: 520px;
	padding: 0 50px 35px 40px;
	background: url('/img/addtop.png') top right no-repeat,
				url('/img/addbot.png') bottom right no-repeat;
	background-color: #fff;
}
.vertical_tabs .tab2_text:first-child {border-radius: 0 14px 14px 14px;}
.vertical_tabs .tab2_text:nth-child(2) {border-radius: 14px;}
.vertical_tabs .tab2_text:last-child {border-radius: 14px 14px 14px 0;}

.vertical_tabs .tab_count_2
{
	top:15px;
}
.vertical_tabs .tab_count_3
{
	bottom:14px;
}


.vertical_tabs .left_tab
{
	position:absolute;
	left:0;
	top:0;
	width:250px;
	z-index:10;
}
.vertical_tabs .left_tab ul
{
	padding:0;
	margin:0;
}
.vertical_tabs .left_tab li
{
	border: 1px solid transparent;
	border-right: none;
	position: relative;
	overflow: hidden;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	background-repeat: no-repeat;
	height: 180px;
	border-radius: 14px;
	margin-bottom: 10px;
	background-position: top center;
}

.vertical_tabs .left_tab li.active {border-radius: 14px 0 0 14px;} 
li.tab_class_avtologistika {background-image: url('/img/dvk02.jpg');} 
li.tab_class_zheleznodorozhnye_perevozki {background-image: url('/img/dvk03.jpg');}
li.tab_class_perevozka_tk {background-image: url('/img/dvk01.jpg');}


.vertical_tabs .left_tab a 
{
	display: block;
	text-align: center;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 100%;
	font-size: 20px;
	color: #1D3C4A;
	padding-top: 145px;
	text-shadow: 0 0 5px #fff;
}
.vertical_tabs .left_tab .tab_class_zheleznodorozhnye_perevozki a{line-height: 20px;  padding-top: 115px;}
.vertical_tabs .left_tab .active
{
	border: 1px solid #368791;
	border-right: 1px solid #fff;
	margin-right: -1px;
	overflow: hidden;
	background-color: #fff;
}


.vertical_tabs .tab2_text ul {    padding: 0;    list-style-type: none;}
.vertical_tabs .tab2_text ul li {    padding: 0 0 10px;}
.vertical_tabs .tab2_text ul li  strong {color: #B73E26;}

.item-block1 {margin: 0 0 30px;width: 100%;display:table;}
.item-block1 .td1 {vertical-align: top;display:table-cell;width: 405px;}
.item-block1 .td2 {vertical-align: top;display:table-cell;}


.item-images {}
.item-short-description {
	margin-bottom: 20px;
	padding-left: 20px;
}

.item-info {

}

.td_misc ul {
	padding: 15px 0 0 20px;
	list-style-type: square;
	color: #ccc;
}
.td_misc li > a {
	color: #697A8B;
	font-family: 'MyriadPro-semibold';
}
.td_misc li > a:hover {
	color: #C6401B;
}

.item-info li a {
	border-bottom: 1px solid rgba(105, 118, 128, 0.5);
	display: inline-block;
	height: 19px;
	margin: 0px 0 5px;
}
	.item-info li a:hover {
		border-bottom: 1px solid rgba(199, 65, 28, 0.5);
	}
	
.table-info {
	border: 1px solid #ccc;
	display: inline-block;
	width: 100%;
	padding: 20px 30px;
	max-width: 355px;
}
.item-order {
	padding-top: 15px;
}
.item-order .btn {
	text-transform: uppercase;
	font-size: 14px;
	font-family: 'MyriadPro-semibold';
	padding: 10px 26px;
}
.item-order .btn-warning {margin-right: 10px;}
.item-price {
	font-size: 28px;
	line-height: 26px;
}
.item-price strong{
	font-family: 'MyriadPro-Bold';
	font-weight: normal;
	letter-spacing: -1px;
}
.delivery-info {
	display: inline-block;
	margin-top: 15px;
	padding-left: 35px;
	background: url('/img/ico-delivery.png') 0% 50% no-repeat;
}

.delivery-info a{
	color: #222;
	border-bottom: 1px dotted;
}
.delivery-info a:hover{
	color: #C6401B;
}

.ib-name {margin-top: 21px;}



.item-albums {
	margin: 10px 0 20px;
	display: inline-block;
	width: 100%;
	}
.item-albums a {display: inline-block; text-align: center;}
.item-albums li {
	float: left;
	width: 25%;
}   
.item-albums li img {
	padding: 2px;
	width: 100%;
}


.sert-albums a {
height: 176px;
}
.sert-albums li img {
width: 126px;
} 

.big-item-albums {
	margin: 0px;
	display: inline-block;
	width: 100%;
	}
.big-item-albums a {display: inline-block; text-align: center;}
.big-item-albums li {
	float: left;
	width: 33%;
	position:relative;
}   
.big-item-albums li img {
	padding: 10px;
	width: 100%;
}
.big-item-albums .over
{
	text-align: left;
	position: absolute;
	left: 20px;
	right: 20px;
	top: 20px;
	bottom: 20px;
	background-color: rgba(26,55,70,0.8);
	/*box-shadow: 0 0 80px rgba(0, 0, 0, .8) inset; */
}

.big-item-albums .over .t
{
	position: absolute;
	top: 30px;
	left: 30px;
	right: 30px;
	color: #fff;
	font-family: 'MyriadPro-BoldCond';
	font-size: 24px;
	line-height: 115%;
}
.big-item-albums .over .b
{
	position:absolute;
	bottom:30px;
	left:30px;
	right:30px;
	color:#fff;
	line-height: 115%;
}

@media (max-width: 1200px){
	.big-item-albums .over .b {
		display: none;
	}
}

/***  Галерея Товара   ***/ 
#slider {   
	width: 385px;
	height: 270px;
	overflow: hidden;
	margin: 0 0 10px;
	}
	
#carousel { 
	width: 385px;
	height: 85px;
	overflow: hidden;
	}

#carousel li {
	height: 80px;
	margin-left: 6px;
	}   
#carousel li:first-child {margin-left: 0;}

.tab_text   
{
	margin:30px 0;
	overflow:hidden;
text-align: justify;    
}
.tab_text h1:first-child,
.tab_text h2:first-child,
.tab_text h3:first-child,
.tab_text h4:first-child
 {margin-top: 0;}



/**************************** Таблица-список **************************/

.table-chars {width: 100%;}
.table-chars tr {
	background: url('../img/dot.gif') 0 16px repeat-x;
}
.table-chars td {
	vertical-align: top;
	padding: 6px 0px;
	width: 50%;
}
.table-chars td:nth-child(2),
.table-chars span,
.table-chars td[colspan="2"] {
	background-color: #fff;
	padding-left: 6px;
	padding-right: 6px;
}

.table-chars td[colspan="2"] {
	padding-top: 18px;  
}


.table-double td:first-child
{
	width:80%;
}


/**************************** Таблица-с текстом по центру в стобцах **************************/

.td-center td {text-align: center;     vertical-align: middle !important;}
th {text-align: center;     vertical-align: middle !important; color: #1F3240;background-color: #eee;}


/*************************** FAQ ******************************/

.question p {margin: 0;}



/*************************   Отзывы-письма   *************************/
.review_block {
	display: inline-block;
	margin-bottom: 48px;
	width: 33%;
}
.review_block > a{
	display: inline-block;
	float: left;
	border-radius: 1px;
	overflow: hidden;
	margin: 0;
	box-shadow: 2px 2px 6px #aaa;
	/*height: 350px;*/
}
.review_block > span {
	display: block;
	text-align: center;
	color: #1f3f4f;
	line-height: 115%;
	font-size: 20px;
	font-family: "MyriadPro-Cond", Tahoma;
	margin: 16px 0 8px;
	padding: 0 35px 0 0;
}
.review_block > a img {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.review_block {
		width: 45%;
	}
	.review_block > span {
		padding: 0 8px;
	}

	.dozator-tags {
		display: block;
	}
	.dozator-tag {
		margin-right: 10px;
		padding-top: 0;
		display: inline-block;
		border: 0;
		background-color: #fff;
		text-align: center;
		margin-bottom: 10px;
	}
	.dozator-tag img {
		display: none;
	}
	.dozator-tag span {
		display: inline-flex;
		align-items: center;
		justify-content: center;
		min-height: 42px;
		position: static;;
		margin: 0;
		padding: 5px 15px;
		background: rgba(30,58,80,0.75);
	}



}

@media only screen and (max-width: 420px)
 {
	.review_block {
	display: inline-block;
	margin-bottom: 30px;
	width: 100%;
	}
	.review_block > span {
		padding: 0 10px;
	}
}
			/*внутри отзыва-письма*/
		.review_block.in-page {
			width: 100%;
		}
		.review_block.in-page > a.img {
			margin-right: 45px;
		}
		a.otzv-prev {
			float: left;
		}
		a.otzv-next {
			float: right;
		}
body            {   min-height: 540px;  } 


/*************************   Отзывы-текстовые   *************************/

a.add-review {
	font-family: 'MyriadPro-Regular', Tahoma;
	float: right;
	margin-right: 20px;
}

.review_block_txt {
	margin: 40px 60px 60px 25px;
}
.review_block_txt .author {
	text-align: right;
	margin-right: 40px;
	font-size: 18px;
	font-style: italic;
	margin-top: 15px;
}
.review_block_txt .author > span {
	color: #697680;
	margin-right: 10px;
} 
.review_block_txt .description {
	position: relative;
	text-align: justify;
}
.review_block_txt .description:before, .review_block_txt .description:after {
	content: "\201C";
	color: #697680;
	font-size: 60px;
	font-family: georgia;
	position: absolute;
	z-index: 1;
}
.review_block_txt .description:before {
	top: -40px;
	left: -25px;
}
.review_block_txt .description:after {
	content: "\201D";
	bottom: -70px;
	right: -20px;
}



/*ОТЗЫВЫ - добавление - модаль*/
form.add-review {
	margin: 10px 0 30px;
}
form.add-review  textarea {
	width: 70%;
	margin: 5px 0 0;
	margin-top: 5px;
	border-radius: 4px;
	border: 1px solid #ccc;
	padding: 3px 12px;
	line-height: 150%;
	min-height: 160px;
	resize: none;
}
.user-name {
	float: left;
	width: 30%;
	margin: 0;
	padding: 0 20px 0 0;
}
.user-name input {
	margin-top: 5px;
	border-radius: 4px;
	width: 100%;
	border: 1px solid #ccc;
	padding: 3px 12px;
	line-height: 26px;
}
img.review_captcha {
	height: 42px;
	margin: 5px 0 0;
	width: 35%;
}
form.add-review input[name="f_number"] {
	float: right;
	width: 63%;
	height: 42px;
	margin: 5px 0 0 2%;
}

















.ok_t:before {
display:inline-block; font-family: 'FontAwesome'; 
content:'\f263';
font-weight:normal;
}
.facebook_t:before {
display:inline-block; font-family: 'FontAwesome'; 
content:'\f09a ';
font-weight:normal;
color: #FFFFFF;
}
.vk_t:before {
display:inline-block; font-family: 'FontAwesome'; 
content:'\f189 ';
font-weight:normal;
color: #FFFFFF;
}
.twitter_t:before {
display:inline-block; font-family: 'FontAwesome'; 
content:'\f099 ';
font-weight:normal;
}
.instagram_t:before {
display:inline-block; font-family: 'FontAwesome'; 
content:'\f16d ';
font-weight:normal;
color: #fff;
}
.youtube_t:before{
display:inline-block; font-family: 'FontAwesome'; 
content:'\f16a ';
font-weight:normal;
color: #FF0000;
}
.menu_t:before {
display:inline-block; font-family: 'FontAwesome'; 
content:'\f0c9';
font-weight:normal;
}

.share
{
	margin-top:20px;
	margin-bottom:20px; 
	display: inline-block;
	float: right;
}
.photo_share
{
	margin-top:-10px;
}
.share a
{
	display: inline-block;
	width: 40px;
	color: #fff;
	font-size: 26px;
	margin-left: 10px;
	text-align: center;
	float: left;
}
.photo_share a
{
	display: inline-block;
	width: 40px;
	color: #fff;
	font-size: 18px;
	margin-left: 10px;
	text-align: center;
	float: left;
	padding:3px;
}
.share div
{
	display: inline-block;
	line-height: 35px;
	float: left;
	background-color: #eee;
	height: 37px;
	padding: 0 8px;
}
.share a.instagram, .photo_share a.instagram
{
	background-color: #cf2c97;
}
.share a.vk, .photo_share a.vk
{
	background-color:#4874a6;
}
.share a.ok, .photo_share a.ok
{
	background-color:#f7931e;
}
.share a.facebook, .photo_share a.facebook
{
	background-color:#3b5998;
}
.share a.twitter, .photo_share a.twitter
{
	background-color:#6aadd1;
}
.share a.youtube, .photo_share a.youtube{
	background-color: #fff;
}

i {font-style: normal;}

i.vk_t {
background-color: #416288;
	padding: 0 3px 0 2px;
	border-radius: 4px;
	height: 22px;
	display: inline-block;
	line-height: 22px;
	width: 22px;
}
i.facebook_t {
	background-color: #3A5795;
	padding: 0 8px;
	border-radius: 4px;
	height: 22px;
	display: inline-block;
	line-height: 22px;
	width: 22px;
}
i.instagram_t{
	background-color: #cf2c97;
	padding: 0 3px 0 4.5px;
	border-radius: 4px;
	height: 22px;
	display: inline-block;
	line-height: 22px;
	width: 22px;
}
i.youtube_t{
	background-color: #fff;
	padding: 0 3px 0 3px;
	border-radius: 4px;
	height: 22px;
	display: inline-block;
	line-height: 22px;
	width: 22px;
}
blockquote {margin-bottom: 15px;}

blockquote span {
	display: inline-block;
	font-size: 90%;
	line-height: 1.42857143;
	color: #222;
	font-weight: bold;
}
blockquote small {display: inline-block;    margin-left: 6px;}
blockquote .small:before, blockquote footer:before, blockquote small:before {
	content: '';
	display: none;
}

.reply {
	background: #eee;
	padding: 12px;
	position: relative;
}
.reply p{
	margin: 0;
}
.box-arrow-up {
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid #eee;
	left: 15px;
	position: absolute;
	top: -10px;
}
.comment {
	margin-top: 30px;
}
.add-comment > span {display: block;}
.add-comment textarea {
	width: 400px;
	border-radius: 4px;
	min-height: 76px;
	margin-top: 5px;
	float: left;
	border: 1px solid #ccc;
	padding: 3px 12px;
	line-height: 22px;
}

.tab-cont {
	width: 50%;
	float: left;
}
.tab-cont td {
	vertical-align: top;
}
.tab-cont td:first-child {
	width: 110px;
}
.tab-cont img {
	border-radius: 5px;
	max-width: 90px;
	max-height: 110px;
	margin-bottom: 20px;
}
.tab-cont table p  {
	line-height: 140%;
	margin: 8px 0;
}
.tab-cont caption {
	color: #1D3C4A;
	font-size: 32px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-family: 'MyriadPro-Cond';
}



/*Новое оформление контакты*/
 


.widdiv div{
	width: 270px;
}
.tab-conti {
	float: center;
}
.tab-conti td {
	vertical-align: top;
}

.tab-conti   img {
	border-radius: 11px;
	max-width: 115px;
	max-height: 140px;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 15px;
}
.tab-conti table p  {
	line-height: 0%;
	margin: 8px 0;
}
.tab-conti caption {
	color: #1D3C4A;
	font-size: 32px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-family: 'MyriadPro-Cond';
}

.contacts-people {
	margin-top: 45px;
}
.contacts-people  img {
	float: left;
	margin: -15px 15px 0 0;
	border-radius: 6px;
	max-width: 160px;
	max-height: 230px;
}
.contacts-people_card {
	height: 350px;
}
.contacts-people_txt {
	overflow: auto;
	text-align: left;
	padding-left: 2px;
}
.resepshen {
	color: #1D3C4A;
	font-size: 32px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-family: 'MyriadPro-Cond';


}

.photo-no {
	border: 1px solid #ccc;
	width: 110px;
	height: 132px;
	border-radius: 5px;
	background: #f5f5f5;
	margin: 0 10px 20px 0;
	display: block;
}


/*



div .postic {
	color: #666;
	font-style: italic;
	font-family: Arial;
	text-indent:20px;  
 }
 

.no-photo {
	border: 1px solid #ccc;
	width: 90px;
	height: 110px;
	border-radius: 5px;
	background: #f5f5f5;
	margin: 0 10px 20px 0;
}

.about td{vertical-align: top; padding: 5px 15px 15px;}
.about td:first-child {vertical-align: top; padding: 13px 5px;width: 150px;}
.about td img{
	width: 140px;
	border-radius: 5px;
}
*/

.tab-per {
	width: 33%;
	float: left;
	border:0;
}
.tab-per td {
	vertical-align: top;
}
.tab-per td:first-child {
	width: 33%;
}
.tab-per .name {
	font-size: 22px;
	color: #286870;
	font-family: 'MyriadPro-BoldCond';
	line-height: 24px;
}
.tab-per .post {
	color: #666;
	font-style: italic;
	font-family: Arial;
	width:320px;
	margin-top:5px;
	text-align: left;
}

.tab-per p {
	line-height: 150%;
	margin: 0 0 25px;
}

.post {
	color: #666;
	font-style: italic;
	font-family: Arial;
	margin-bottom: 8px;
}
.no-photo {
	border: 1px solid #ccc;
	width: 90px;
	height: 110px;
	border-radius: 5px;
	background: #f5f5f5;
	margin: 0 10px 20px 0;
}


.name {
	font-size: 20px;
	color: #286870;
	font-family: 'MyriadPro-Cond';
	line-height: 24px;
	margin-top: 6px;
}
.about td{vertical-align: top; padding: 5px 15px 15px;}
.about td:first-child {vertical-align: top; padding: 13px 5px;width: 150px;}
.about td img{
	width: 140px;
	border-radius: 5px;
}


/**/












/* You can alter this CSS in order to give Smooth Div Scroll your own look'n'feel */

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	/* The hotspots have a minimum width of 100 pixels and if there is room the will grow
	and occupy 15% of the scrollable area (30% combined). Adjust it to your own taste. */
	min-width: 75px;
	width: 10%;
	height: 100%;
	/* There is a big background image and it's used to solve some problems I experienced
	in Internet Explorer 6. */
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	left: 0;
	/*  The first url is for Firefox and other browsers, the second is for Internet Explorer */
	cursor: url(../images/cursors/cursor_arrow_left.png), url(../images/cursors/cursor_arrow_left.cur),w-resize;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background-image: url(../images/arrow_left.gif);                
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35; /* Standard CSS3 opacity setting */
	-moz-opacity: 0.35; /* Opacity for really old versions of Mozilla Firefox (0.9 or older) */
	filter: alpha(opacity = 35); /* Opacity for Internet Explorer. */
	zoom: 1; /* Trigger "hasLayout" in Internet Explorer 6 or older versions */
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 75px;
	width: 10%;
	height: 100%;
	background-image: url(../images/big_transparent.gif);
	background-repeat: repeat;
	background-position: center center;
	position: absolute;
	z-index: 200;
	right: 0;
	cursor: url(../images/cursors/cursor_arrow_right.png), url(../images/cursors/cursor_arrow_right.cur),e-resize;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background-image: url(../images/arrow_right.gif);
	background-color: #fff;
	background-repeat: no-repeat;
	opacity: 0.35;
	filter: alpha(opacity = 35);
	-moz-opacity: 0.35;
	zoom: 1;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
	 Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
}

		#logoParade,#logoParade2
		{
			width: 100%;
			height: 122px;
			position: relative;
		}

		#logoParade div.scrollableArea a,#logoParade2 div.scrollableArea a
		{
			display: block;
			float: left;            
		}
		

		#logoParade2 div.scrollableArea a
		{
			display: block;
			float: left;    
			padding:0px 20px;       
		}

		
	
#logoParade li
{
	position:relative;
	display: inline;
}
#logoParade2 li
{
	position:relative;
	width:210px;
	height:200px;
}
#logoParade2 li {
	font-family: 'MyriadPro-BoldCond';
	font-size: 26px;
	color: #1D3C4A;
	
}
#logoParade2 li i.fa-map-marker {
	display: inline-block;
	width: 100%;
	font-size: 42px;
	line-height: 42px;
	color: #C6401B;
}
	
#logoParade li.popover,#logoParade2 li.popover
{
	top:200px;
	display:anone;
	border:1px solid #333;
	position:absolute;
	left:0;
	width:40px;
	height:200px;
}
#show_desc
{
	margin-top:35px;
	position:absolute;
	z-index:1000;
	max-width:600px;

	display:none;
	
	padding: 1px;   
	font-family: 'MyriadPro-Regular', Tahoma;
	font-size: 14px !important;
	font-weight: 400 !important;
	line-height: 1.42857143 !important;
	text-align: left;
	white-space: normal;
	-webkit-background-clip: padding-box;
	background-clip: padding-box;
	border: 1px solid #368791;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
	box-shadow: 0 5px 10px rgba(0,0,0,.2);
	
	padding: 30px 30px 35px 30px;
	box-sizing: border-box;
	background: url('/img/addtop.png') top right no-repeat, url('/img/addbot.png') bottom right no-repeat;
	background-color: #fff;
}
#show_desc p
{
	font-family: 'MyriadPro-Regular', Tahoma;
	font-size: 14px !important;
	font-weight: 400 !important;
}

.popover-content { padding: 0;}
.popover-title {
	padding: 0 0 5px;
	margin: 0;
	font-size: 18px;
	border-radius: 5px 5px 0 0;
	color: #286870;
	border-bottom: none;
	background: none;
}
.clients .popover {display: block; top: 200px;}




/*
#show_desc:before, #show_desc:after {
	content: "";
	position: absolute;
}
#show_desc.left:before {
	border-left: 10px solid #368791;
	border-top: 10px solid rgba(113, 101, 58, 0);
	border-bottom: 10px solid rgba(113, 101, 58, 0);
	right: -10px;
	top: 40px;
}
#show_desc.left:after {
	border-left: 10px solid #fff;
	border-top: 10px solid rgba(255, 241, 190, 0);
	border-bottom: 10px solid rgba(255, 241, 190, 0);
	right: -9px;
	top: 40px;
}
#show_desc.right:before {
	border-right: 10px solid #368791;
	border-top: 10px solid rgba(113, 101, 58, 0);
	border-bottom: 10px solid rgba(113, 101, 58, 0);
	left: -10px;
	top: 40px;
}
#show_desc.right:after {
	border-right: 10px solid #fff;
	border-top: 10px solid rgba(255, 241, 190, 0);
	border-bottom: 10px solid rgba(255, 241, 190, 0);
	left: -9px;
	top: 40px;
}
*/

.page404 {
	background: url('/img/404bg.png') 50% 50% no-repeat;
	background-color: #30424F;
	background-size: 100%;
}

.page404 > div {
	width: 400px;
	position: absolute;
	top: 60px;
	left: 150px;
	color: #fff;
}
	@media (min-width: 1200px){
		.page404 > div {
			width: 400px;
			position: absolute;
			top: 100px;
			left: 50%;
			margin-left: -420px;
			color: #fff;
		}
	}

.logo404 {
	background: url('/img/404logo.png') 50% 50% no-repeat;
	width: 350px;
	height: 100px;
	display: inline-block;
	margin-left: -115px;
	background-size: 100%;
}
.page404 h1 {
	margin: 40px 0 10px;
	color: #fff;
}
.page404 h1 span {
	font-size: 26px;
	font-family: 'MyriadPro-Cond';
	text-transform: uppercase;
	color: rgba(255,255,255,0.2);
	display: block;
}

.page404 .footer-one,
.page404 .footer-two {
	margin: 0;
	padding: 0;
	float: left;
}
.page404 .footer-one {width: 220px;}
.page404 .footer-two {width: 180px;}

.page404 .footer-one ul,
.page404 .footer-two ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.page404 .footer-one span a,
.page404 .footer-two span a {
	color: #fff;
	font-size: 17px;
	margin-bottom: 5px;
	display: inline-block;
	margin-top: 15px;
}
.page404 .footer-one span a:hover,
.page404 .footer-two span a:hover {
	color: #c7411c;
}

/*
@font-face {
	font-family: 'EuropeExt Normal';
	font-style: normal;
	font-weight: 400;
	src: local('EuropeExt Normal'), local('EuropeExt-Normal'),
		url(http://allfont.ru/cache/fonts/europeext-normal_5451bc2d15dc636bb5e54b00bf728013.woff) format('woff'),
		url(http://allfont.ru/cache/fonts/europeext-normal_5451bc2d15dc636bb5e54b00bf728013.ttf) format('truetype');
}*/

.uzvo {
	position: absolute;
	top: 15px;
	color: #8C9296;
	right: 30px;
	z-index: 1001;
	font-family: 'Arial', 'EuropeExt Normal';
	letter-spacing: 0.3px;
}

.counters
{
	opacity:0.1;
	float:right;
	padding-left: 10px;
padding-top: 3px;
}

	

@media only screen and (max-width: 768px) {
	
	.inner-menu
	{
		display:none;
	}
	
.item-block1 {display:block;}
.item-block1 .td1 {display:block;width: auto;}
.item-block1 .td2 {display:block;}


.table-info {
	max-width: none;
}


	.container {
		min-width: auto;
		text-align: center; /*учесть: красивее на главной блоки*/
	}
	body > .container.page-content {
		padding: 0 10px;
	}
	.cat-descr {
		text-align: left;
	}
	.no-photo {
		display: none;
	}
	.navbar-default {
		border: none;
		height: auto;
		background: url('/img/m-header.png') 0% 0% no-repeat;
	}
	.head-bg .row.text-right {text-align: center;}
	.header-phone {display: inline-block;}
	ul.header-menu {
		display: inline-block;
		margin-top: 30px;
	}
	.header-menu li {
		display: inline-block;
		float: none;
		padding: 10px 14px 10px;
	}
		.header-menu li::before {
			display: none;
		}
		.header-menu li a {
			font-size: 18px;
			height: 22px;
		}
	.logo {
		position: relative;
		margin-left: auto;
		left: 0;
	}
	#w {
		position: relative;
		display: inline-block;
		top: 0;
	}
	li.menu-out {
		float: none;
		display: inline-block;
		width: 100%;
		border-bottom: 1px solid rgba(27,56,71,0.1);
	}
		li.menu-out.right-pop {
			margin: 0 0 15px;
			border-bottom: none;
		}
		li.menu-out.right-pop a {margin: 0;}
		.caret, li.menu-out:before {display: none;}
		#ddmenu ul {height: 0; overflow: hidden;}
		
	.slider, .main-left, .main-right {
		display: none;
		overflow: hidden;
	}
	.index-blocks {

	}
	.index-block {
		padding: 10px 0;
		width: 32%
	}
	.index-block img, .index-block span {
		width: 100%;
	}
	.Why-We h1 {
		margin: 0 0 50px;
		font-size: 32px;
	}

	.Why-We ul {
		display: inline-block;
		padding: 0;
	}
	.Why-We li {
		padding: 100px 5px 10px;
		width: 100%;
		background-position: center 0px;
	}
	
		.Why-We     h1 {
		color: #fff;
		font-size: 35px;
		text-align: center;
		margin: 10px 0 50px;        
		font-family: "MyriadPro-Regular";
		font-size: 38px;    
	}


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

	.tab-cont {
		width: 100%;
		float: none;
	}
	.review_block > a {
		float: none;
	}
	#footer > .container {
		margin: 95px 0 0;
		padding-top: 10px;
		background: #142a34;
		width: 100%;
	}
	
	
	.footer-one, .footer-two, .footer-three, .footer-four {
		float: none;
		width: 100%;
		padding-left:20px;
	}
	
	.footer-four.text-right {text-align: center;}
	#footer span {padding: 0;}
	#footer ul {padding: 0;}
	#footer ul li a{padding: 9px 0;    line-height: 35px;}
}


@media only screen and (max-width: 420px) {
		
	
	
	.plashka a {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
	.logo {
		width:300px;
		margin: 15px 0;
		background-size: 100%;
	}
	

	
	.logo img{
		width: 100%;
	}
	ul.header-menu {
		margin-top: 0;
	}
	.header-phone button {
		float: none;
	}
	.header-phone span {
		width: 100%;
		margin: 20px 0 0 0;	
		margin: auto;
	}
	.index-block {
		padding: 10px 0;
		min-width: 235px;
		margin: 0 auto;
		float: none;
	}
}





.desc_arr
{
	text-align:center;
	display:block;
	margin-bottom:20px;
}


.predstav   img {
	border-radius: 5px;
	max-width: 92px;
	max-height: 114px;
	margin-right: 10px;
}

.textred {
	color: red;
}


.tab-pane {
	padding: 15px 5px;
}
.responsive-tabs.nav-tabs {
	position: relative;
	z-index: 10;
 /* height: 42px;*/
	overflow: visible;
	border-bottom: none;
}
@media (min-width: 768px) {
	.responsive-tabs.nav-tabs {
	border-bottom: 1px solid #ddd;
	}
}
.responsive-tabs.nav-tabs span.glyphicon {
	position: absolute;
	top: 14px;
	right: 22px;
}
.responsive-tabs.nav-tabs span.glyphicon.glyphicon-triangle-top {
	display: none;
}
@media (min-width: 768px) {
	.responsive-tabs.nav-tabs span.glyphicon {
	display: none;
	}
}
.responsive-tabs.nav-tabs > li {
	display: none;
	float: none;
	text-align: center;
}
.responsive-tabs.nav-tabs > li:last-of-type > a {
	margin-right: 0;
}
.responsive-tabs.nav-tabs > li > a {
	margin-right: 0;
	background: #fff;
	border: 1px solid #DDDDDD;
}
@media (min-width: 768px) {
	.responsive-tabs.nav-tabs > li > a {
	margin-right: 4px;
	}
}
.responsive-tabs.nav-tabs > li.active {
	display: block;
}
.responsive-tabs.nav-tabs > li.active a {
	border: 1px solid #DDDDDD;
	border-radius: 2px;
	cursor:pointer;
}
@media (min-width: 768px) {
	.responsive-tabs.nav-tabs > li.active a {
	border-bottom-color: transparent;
	}
}
@media (min-width: 768px) {
	.responsive-tabs.nav-tabs > li {
	display: block;
	float: left;
	}
}
.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
	display: block;
}
@media (min-width: 768px) {
	.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-top {
	display: none;
	}
}
.responsive-tabs.nav-tabs.open span.glyphicon.glyphicon-triangle-bottom {
	display: none;
}
.responsive-tabs.nav-tabs.open > li {
	display: block;
}
.responsive-tabs.nav-tabs.open > li a {
	border-radius: 0;
}
.responsive-tabs.nav-tabs.open > li:first-of-type a {
	border-radius: 2px 2px 0 0;
}
.responsive-tabs.nav-tabs.open > li:last-of-type a {
	border-radius: 0 0 2px 2px;
}


a.vacancy_block {
	border: 1px solid rgba(30,58,80,0.9);
	display: block;
	float: left;
	width: 45%;
	height: 195px;
	position: relative;
	overflow: hidden;
	box-sizing: border-box;
	margin: 0 5% 5% 0;
}
a.vacancy_block:hover {
	cursor: pointer;
	border-color: #c7411c;
}
a.vacancy_block:hover .vc-name{
	color: #fff;
	background: rgba(199,65,28,0.75);
}
.vc-txt {
	height: 130px;
	overflow: hidden;
	padding: 10px;
	font-size:  13px;
	color: rgba(0,0,0,0.6);
}
.vc-detail {
	text-align:right;
	height: 20px;
	overflow: hidden;
	padding: 0px 10px;
	font-size:  13px;
	color: rgba(0,0,0,0.6);
}
.vc-txt p {font-size: 13px;}
.vc-txt strong {font-size:  15px; color: rgba(0,0,0,0.85);}
.vc-name {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(30,58,80,0.75);
	border-radius: 0;
	text-align: center;
	margin: 0;
	transition-duration: 0.4s;
	color: #fff;
	font-size: 24px;
	font-family: 'MyriadPro-Cond';
	height: 40px;
	line-height: 40px;
	overflow: hidden;
}

.vc-block {width: 80%;max-width: 1024px; background-color: #fff; border-radius: 3px; overflow: hidden;} 
.vc-block .modal-content {background: url(/image/vc-bg.png) -497px 100% no-repeat;border: none;}
.vc-block .modal-body {padding: 15px 25px 20px;}

@media only screen and (max-width: 420px) {
	a.vacancy_block {
		width: 100%;
		float: none;
		margin: 0 0 20px;
	}
}



table.predstav {

	}

.predstav td:first-child {
	padding-right: 34px;
	text-align: left;
	}


@media only screen and (max-width: 768px) {
#logoParade li {
	/* position: relative; */
	/* display: inline; */
	float: left;
}
}








/*CLOUD*/
.cloud
{
	margin-top:20px;
	text-align: center;
	line-height: 100%;
	font-family: 'MyriadPro-BoldCond';
}
.cloud a
{
	padding-top: 0px;
	padding-bottom: 0px;    
	padding-left: 10px;     
	padding-right: 10px;            
	margin: 0px;
	text-decoration: none;
	color:rgba(0,0,0,0.7);
	word-wrap: normal;
	white-space: nowrap;
}
.cloud a:hover
{
	color:#000;
}
.cloud a.size_0
{
	font-size: 12px;
	color:rgba(0,0,0,0.4);
}
.cloud a.size_1
{
	font-size: 22px;
	font-weight:bold;
}
.cloud a.size_2
{
	font-size: 24px;
	font-weight:bold;
	color:rgba(0,0,0,0.6);
}
.cloud a.size_3
{
	font-size: 30px;
	font-weight:bold;
}





.related {
display: grid;
grid-gap: 10px;
grid-template-columns: repeat(auto-fill, minmax(195px, 1fr));
margin: 20px 0 0;
list-style: none;
padding: 0;
}
.related > li {
display: flex;
flex-direction: column-reverse;
border: none;
}
.related h2 {
margin: 20px 0 0;
text-align: center;
font-size: 18px;
font-weight: 400;
font-family: 'MyriadPro-Regular', Tahoma;
}
.related img {
max-width: 100%;
max-height: 280px;
border-radius: 5px;
}

.related li {
	display: inline-block;
}
.related a {
	display: flex;
	flex-direction: column-reverse;
}
.related a:hover h2 {
	color: #c7411c;
}

ul.cat-item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
ul.cat-item li {
	position: relative;
	flex-basis: 48%;
	margin-bottom: 20px;
	padding: 12px;
	border: 1px solid #eee;
}
.cat-item > li  .description {
	max-height: 140px;
	position: static;
}
.cat-item > li  div.description::before {
	content: '';
	width: 100%;
	height: 60px;
	background: linear-gradient(to top, #fff, transparent);
	bottom: 0;
	display: inline-block;
	position: absolute;
}
/* Сильное предприятие, большие возможности! [На главной странице] */
.psbl-zvo__title{
	display: block;
	text-align: center;
	font-family: 'MyriadPro-Regular';
	color: #fff;
	font-size: 38px;
	line-height: 1.1;
	margin: 45px 0px 30px;
}
.psbl-zvo__descr{
	text-align: justify;
	color: #fff;
	font-size: 17px;
}
.psbl-zvo__descr a{
	color: #c7411c;
}
/* Параметры для адаптивного видео */
.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:25px;
	height:0;
}
.video iframe {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* Серая рамка */
.green_block{
	display: block;
	border: 1px solid #cecece;
	padding: 17px;  
}
/* Блок описания товара */
.product_description{
	display: block;
	border: 1px solid #cecece;
	color: #c7411c;
	font-weight: bold;
	line-height: 1.3;
	padding: 15px;
}
/* Отцентрирование элементов */
.center-block{
	display: block;
	width: 100%;
	margin: 0 auto;
}
/* Выравнивание текста по ширине */
.just-text{
text-align: justify;
text-indent: 20px;
}


.option-box {
	width: 100%;
	max-width: 355px;
}
@media only screen and (max-width: 768px) {
	.option-box {
		max-width: none;
	}
}

.options {
	margin: 0 -5px;
	padding: 0;
	list-style: none;

	display: flex;
	flex-wrap: wrap;
}
.options-head {
	color: #697A8B;
}
.options li  {
	position: relative;
	padding: 5px;
	cursor: pointer;
}
.options li img {

}
.options li span {
	display: none;
	position: absolute;
	left: 5px;
	bottom: calc(100% + 5px);
	padding: 10px 14px;
	width: max-content;
	max-width: 240px;
	background: #f5f6f8;
	border: 2px solid #cdcdcd;
	z-index: 2;
}
.options li span::after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	position: absolute;
	bottom: -10px;
	left: -2px;
	border: 4px solid transparent;
	border-left: 4px solid #cdcdcd;
	border-top: 4px solid #cdcdcd;
}
.options li:hover span {
	display: inline-flex;
}

.advantage-box {
	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
	grid-gap: 2px;
}
.advantage-item {
	position: relative;
	width: 100%;
	text-align: initial;
	background: #F5F6F8;
	border: 2px solid #f5f6f8;
	padding: 15px 10px 15px 5px;
	display: flex;
	align-items: center;
	cursor: pointer;
	transition: 0.2s;
}
.advantage-item:hover {
	background: #fff;
	border: 2px solid #142c36;
	z-index: 3;
}
.advantage-image {
	height: 60px;
	margin-right: 10px;
}
.advantage-name {
	color: #1D3C4A;
	color: #286870;
	font-family: 'MyriadPro-Cond';
	font-size: 20px;
	line-height: 1.1;
}
.advantage-description {
	position: absolute;
	top: calc(100% - 5px);
	left: -2px;
	right: -2px;
	padding: 0px 15px;
	z-index: 2;
	
	height: 0;
	opacity: 0;
	overflow: hidden;
	transition: 0.12s;
	background: url(/img/addbot.png) 102% 102% no-repeat;
	background-size: 250px;
	background-color: #fff;
	border: 2px solid #F5F6F8;
	border-top: 0;
}
.advantage-item:hover .advantage-description {
	opacity: 1;
	height: auto;
	padding-bottom: 30px;
	border-color: #142c36;
}







#footer {
	background-color: #eee;
}
.callback-block {
	margin-top: 60px;
	padding-top: 10px!important;
	padding: 20px 0 10px;
}


.iadr {
display: inline-flex;
background: #fff;
position: absolute;
right: 15px;
top: 20px;
font-size:14px;
cursor:pointer;
}

@media only screen and (max-width: 768px) {
.iadr {
margin-top: 30px;
position:static;
}
ul.header-menu {
margin-top: 0;
}
}

@media only screen and (max-width: 420px) {
.iadr {
margin-top: 10px;
}
} 

.iadr:before {
content: '';
display: inline-flex;
width: 14px;
height: 20px;
margin-right: 4px;
background-image: url(/img/pin.svg);
background-size: 24px;
background-position: 50% 70%;
}

.modal-dialog {
/*    margin-top: 300px;*/
}

@media only screen and (max-width: 768px) {
	.modal-dialog {
		margin-top: 70px;
	}
}

/* Флажки языков */

.langs {
display: inline-flex;
background: #fff;
position: absolute;
right: 15px;
top: 10px;
font-size:14px;
}

@media only screen and (max-width: 768px) {
.langs {
margin-top: 30px;
position:static;
}
ul.header-menu {
margin-top: 0;
}
}

@media only screen and (max-width: 420px) {
.langs {
margin-top: 10px;
}
} 

.langs:before {
content: '';
display: inline-flex;
width: 14px;
height: 20px;
margin-right: 4px;
background-size: 24px;
background-position: 50% 70%;
}

/* Иконки соц сетей в шапке */
.icon-header{
	position:absolute; 
	right: 0; 
	bottom: 0; 
	padding: 0px 30px 5px 0px; 
	z-index: 10;
}

.modal {
	padding-top: 0;
}

@media only screen and (max-width: 768px) {
	.modal-dialog {
		margin-top: 70px;
	}
	.icon-header{
	right: 83px;
	top: 374px;
	}
	
}


.adapt_video
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	margin-bottom:10px;
}
.adapt_video iframe, .adapt_video object, .adapt_video embed 
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.vids_block {
	margin: 0;
	padding: 0;
	list-style: none;

	display: grid;
	grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
	grid-gap: 30px 15px;
}
.vids_block li {
	display: inline-flex;
	flex-direction: column;
}
.vids_block li a.img {
	display: inline-block;
	height: 225px;
	overflow: hidden;
	position: relative;
}
.vids_block li a.img img {
	max-width: 100%;
	object-fit: cover;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.vids_block li h2 {
	margin: 8px 0 4px;
	font-size: 18px;
	font-family: 'MyriadPro-Regular';
}
.vids_block li .description {

}
.vids_block li .description span {
	color: #a0a0a0;
}




.big_card {
	margin-bottom: 20px;
	border: 1px solid #1f3f4f;
}
.card_head {
	transition-duration: .4s;
	background: rgba(30,58,80,.75);
}
.card_head:hover {
	background: rgba(30,58,80,.9);
}

.card_head h2 {
	margin: 0;
}
.card_head a {
	display: block;
	padding: 3px 15px 5px;
	color: #fff; 
}

.card_body {
	display: flex;
	flex-direction: row;
	width: 100%;
}

.card_img {
	flex: 0 0 42%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
.card_img img {
	display: none;
}
.card_text {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}
.card_btn {
	margin: 0 10px 10px;
	text-align: right;
}
.card_html {
	flex: 1 1 auto;
	margin: 10px 10px 0;
}
.card_html .descr {
	text-align: left;
}
.card_html .chars {
	list-style: none;
	margin: 8px 0 0;
	padding: 0;

	display: flex;
	flex-wrap: wrap;
}
.card_html .chars li {
	flex: 1 1 auto;
	margin-bottom: 10px;
	display: flex;
	flex-direction: column;
}
.card_html .chars img {
	width: 64px;
	height: 64px;
	margin: auto;
}
.card_html .chars li span {
	line-height: 130%;
	color: #1d3c4a;
	text-align: center;
}
.card_html .chars li b {
	color: #566b7c;
}


@media only screen and (max-width: 768px) {
	 .card_body  {
	flex-direction: column;
	 }
	 .card_html {
	margin: 0 10px;
	}
	.card_btn {
		text-align: center;
	}
	.card_img {
		min-height: 200px;
	}
}













/*************************************************************************************/
/*************************************************************************************/
/**************************     Попап выбора городов        **************************/
/*************************************************************************************/
/*************************************************************************************/

.cities-list { 
	list-style: none;
	margin: 10px 0 15px;
	padding: 0;

	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
	.cities-list li {
		margin-right: 8px;
		margin-bottom: 8px;
	}
	.cities-list a {
		display: inline-flex;
		padding: 9px 12px;
		background-color: #f5f6f8;
		color: #286870;
		flex-grow: 1;
		justify-content: center;
		max-width: -moz-fit-content;
		max-width: fit-content;
		border: none;
		transition-duration: 0.1s;
	}
	.cities-list a:hover {
		background-color: #DE522B;
		color: #fff;
	}

.location-box {
		height: 370px;
		flex: 1 1 auto;
		display: flex;
		flex-direction: column;
}
	.location-box::before {
		content: "";
		content: attr(data-title);		
		display: inline-flex;
		align-items: center; 
		flex: 0 0 35px;
		font-size: 18px;
		font-weight: 800;
		color: #697680;
	}
	.location-list {
		list-style: none;
		margin: 0;
		padding: 0;
		border-left: 1px solid #697680;
		overflow: auto;
	}
	.location-list::-webkit-scrollbar {
		width: 5px;
	}
	.location-list::-webkit-scrollbar-thumb {
		background-color: #8c8c8c;
		border-radius: 3px;
	}
	.location-list::-webkit-scrollbar-track {
		background-color: #f5f6f8;
	}

		.location-list li  {
			position: relative;
			background-color: transparent;
			cursor:pointer;
		}
		.location-list li:before {
			content: "";
			position: absolute;
			left: 0;
			top: 0;
			width: 3px;
			height: 100%;
			background-color: transparent;
		}
		.location-list a,.location-list span  {
			display: flex;
			padding: 10px 1em 10px 16px;
		}

		.location-list li:hover,
		.location-list li.is-active	{
			background-color: #fffceb;
		}
		.location-list li:hover:before,
		.location-list li.is-active:before {
			background-color: #DE522B;
		}
		.location-list li:hover a,
		.location-list li:hover span,
		.location-list li.is-active a,
		.location-list li.is-active span
		{
			color: #DE522B;
		}



/* END *******************************************************************************/