
/* ============================================
 Basic
============================================ */	 
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, u, i, center,
dl, dt, dd, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, ul, ol {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	scroll-behavior: smooth;
	box-sizing: border-box;
}


a, a:visited { color: #009fe3; text-decoration:underline;}
a:hover { color: #000; text-decoration:underline;}
a img { border:none; }

.fix-max { 	
	max-width: 1240px;	
	margin: 0 auto; 
	display: block;
}
.fix { 	
	max-width: 960px;	
	margin: 0 auto; 
	display: block;
}
.fix-min { 	
	max-width: 660px;	
	margin: 0 auto; 
	display: block;
}


.clr 			{ clear: both; margin: 0; padding: 0; }
.fl 			{ float: left; }
.flp 			{ float: left; padding-right: 10px; }
.fr 			{ float: right; }
.frp 			{ float: right; padding-left: 10px;}
.bg-white 		{ background: #fff; }
.bg-red 		{ background: #ff00ff; }
.wsn			{ white-space: nowrap; }
.mb-30 			{ margin-bottom: 30px;}
.mb-60 			{ margin-bottom: 60px;}
.pt-10 			{ padding-top: 10px;}
.pt-20 			{ padding-top: 20px;}
.pt-30 			{ padding-top: 30px;}
.mt-10 			{ margin-top: 10px;}
.mt--10 		{ margin-top: -10px;}
.mt-30 			{ margin-top: 30px;}
.mt-60 			{ margin-top: 60px;}
.ta-l 			{ text-align: left;}
.ta-c 			{text-align: center;}
.ta-r 			{ text-align: right;}
.df 			{ display: flex;}
.pic-l 			{float: left; padding: 0 10px 0px 0;}
.pic-c img 		{  margin: 0 auto !important; text-align: center; display: block;}

 a { color: #1a4a9d;	text-decoration: underline; }
 a:hover { color:#000; text-decoration: underline;  }


/* ============================================
 body
============================================ */	
 body { 
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0; 
	overflow-x: hidden;
	overflow-y: scroll;
	list-style-position:inside;	
	font-family: 'PT Sans', sans-serif;
	background-color: #f1f1f2;
}

 
/* ============================================
 Header
============================================ */	 
#header { 
	display: block;
	margin: 0;
	padding-top: 0;
	width: 100%; 
 }
 
/* -- LOGO группа ГМС -- */ 
#header-logo { 
	float: left;
	margin: 26px  0 0 0px; 
	Z-INDEX: 940; 
	width: 132px; 
	height: 56px; 
	padding: 0; 
	background: url('../img/header-logo.png') no-repeat 0 0;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;
	}

#header-logo:hover  { 
	width: 132; height: 56px; 
	background: url('../img/header-logo.png') no-repeat  0 -56px; 
	display: block; 
}	

/* en */
#header-logo-e { 
	float: left;
	margin: 26px  0 0 0px; 
	Z-INDEX: 940; 
	width: 132px; 
	height: 56px; 
	padding: 0; 
	background: url('../img/header-logo-e.png') no-repeat 0 0;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;
	}

#header-logo-e:hover  { 
	width: 132; height: 56px; 
	background: url('../img/header-logo-e.png') no-repeat  0 -56px; 
	display: block; 
}	



/* -- LOGO 1 ru -- */ 
#header-logo1 { 
	float: left;
	margin: 22px  0 0 15px; 
	Z-INDEX: 940; 
	width: 288px; 
	height: 51px; 
	padding: 0; 
	background: url('../img/header-logo1.png') no-repeat 0 0;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;
	
	}
#header-logo1:hover  { 
	width: 288; height: 51px; 
	background: url('../img/header-logo1.png') no-repeat  0 -51px; 
	display: block; 
}	

/* LOGO 2 en */
#header-logo2 { 
	float: left;
	margin: 28px  0 0 15px; 
	Z-INDEX: 940; 
	width: 288px; 
	height: 51px; 
	padding: 0; 
	background: url('../img/header-logo2.png') no-repeat 0 0;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;
}
#header-logo2:hover  { 
	width: 288; height: 51px; 
	background: url('../img/header-logo2.png') no-repeat  0 -51px; 
	display: block; 
}	


/* -- LOGO 3 ukr -- */ 
#header-logo3 { 
	float: left;
	margin: 22px  0 0 15px; 
	Z-INDEX: 940; 
	width: 288px; 
	height: 51px; 
	padding: 0; 
	background: url('../img/header-logo3.png') no-repeat 0 0;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;
	
	}
#header-logo3:hover  { 
	width: 288; height: 51px; 
	background: url('../img/header-logo3.png') no-repeat  0 -51px; 
	display: block; 
}	




/* -- slogan txt --- */
#header-slogan { 
	font-size: 16px;
	text-transform: uppercase;
	padding: 6px 0 0 50px;
	color: #fff;
	position: absolute; 
	margin: 280px  0 0 564px; 
	Z-INDEX: 90; 
	width: 377px; 
	height: 30px; 
	text-decoration: none; 
	display: block; 
	background: #e51937 url('../img/slogan.png') top left no-repeat;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;     
}
#header-slogan .fix {position: relative;}	
 
 
#holiday {
	position: absolute; 
	padding: 0;
	margin: 0px  0 0 440px; 
	Z-INDEX: 190; 
	width: 231px; 
	height: 94px; 
	display: block; 
	background: url('../img/holiday.png') top left no-repeat;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;     
	}
#holiday .fix {position: relative;}	
 
 
/*-- yaz --*/
#header-yaz {
	float: right;
	margin-top: 38px;
	margin-bottom: 2px;
    /* padding-left: 12px;  */
    z-index: 400;
	font-weight: 300;
}
#header-yaz ul { margin: 0;  padding: 0; }
#header-yaz li { display: inline; float: left;  }
#header-yaz a {
    display: inline; 
    display: block;
    line-height: 20px;  
    padding: 4px 16px 4px;
    color: #c4c9cf;
    text-decoration: underline;
    -webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}
#header-yaz a:hover {	color: #e01b12; }
#header-yaz li.current-lang a {
    background: #e01b12;
    color: #fff !important;
	border-radius: 5px;
    border: none;    
    text-decoration: none;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;

}
#header-yaz li.current-lang a:hover {
    background: #e9dbbe;
    color: #e01b12 !important;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	-ms-transition: all 1s ease;
	transition: all 1s ease;
}



/* ---- search form */
#searchform {
	float: right;
	margin: 32px  0 0 6px; 
	Z-INDEX: 250; 
	padding: 0;
}
/* #searchform  .fix {position: relative;}	 */

.searchform {
 	width: 290px;
}
.searchform input {
	font: normal;
	font-family: 'Roboto Condensed', sans-serif; 
	font-size:16px;
}
.searchform .searchfield {
	
	width: 232px;

	background: #fff;
	color: #bababa;
	padding: 6px 6px 6px 10px;
	border: solid 1px #e1e1e1;
	float: left;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	border-radius: 5px;
}

.searchbutton {
	border: solid 1px #e1e1e1;
	height: 33px;
	width: 34px;
 	cursor: pointer;
	background: #f1f1f2 url('../img/search.png') no-repeat;
	margin: 0 0 0 6px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
	border-radius: 5px;
}
.searchbutton:hover {
	border: solid 1px #e51937;
	height: 33px;
	width: 34px;
 	cursor: pointer;
	background: #f1f1f2 url('../img/search.png') no-repeat;
	margin: 0 0 0 6px;
	-moz-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
	}





/* ------ main-nav  ---------- */	
#main-nav {
	margin: 79px 0 0 0px;
	Z-INDEX: 750; 
	display: block;
}



/* w-slider*/
.w-slider2 {
	display: none;
}

.w-slider {
	margin: 10px 0 20px;
}









/* ============================================
 wrapper 
============================================ */	
#wrapper { 
	width: 960px; 
	margin: 0 auto;
	padding: 10px 0 0px 0; 
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 
	-14px 0 10px -14px rgba(0, 0, 0, .1), 
	14px 0 10px -14px rgba(0, 0, 0, .1), 
	0 0 10px rgba(0, 0, 0, .1) inset;
 }

#wrapper  h1 { 
	font-size: 22px;	
	color: #08326d; 
	text-align: left;
	background: #f1f1f2 url('../img/h1.png') top left repeat ;
	padding: 20px 10px 20px 20px;
	margin: 30px 20px 20px 0; 

}
#wrapper  h1 a { 
	text-decoration: none;
	color: #08326d; 
}
#wrapper  h1 a:hover { 
	text-decoration: none;
	color: #ca0a26; 
}

.breadcrumbs {
	width: fit-content;
	margin: 6px auto 0;
	display: block;
	font-size: 14px;
}

#wrapper p {
	color: #000;
} 




/* news first page */
.home-news {
	margin-left: 20px;
}
.home-news-id {
	float: left;
	width: 217px;
	margin: 0 18px 0 0;
}
.home-news-data {
	color: #6a6a6a;
	font-size: 14px;
}
.home-news-data span {
	color: #ca0a26;
	font-size: 24px;
}

.home-news-img img {
	padding: 6px 0 10px 0;
}
.home-news-txt {
	padding: 0;
}
.home-news-txt a {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 15px;
	color: #08326d;
	text-decoration: none;
}
.home-news-txt a:hover {
	color: #ca0a26;
	text-decoration: underline;
}

.home-prod-id {
	float: left;
	width: 293px;
	margin: 0 20px 0 0;
}
 

 .home-prod-txt {
 	text-indent: 22px;
	background: url('../img/dot-red.png') top left no-repeat ;
 }
 .home-prod-txt a {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 19px;
	color: #08326d;
	text-decoration: none;

}
.home-prod-txt a:hover {
	color: #ca0a26;
	text-decoration: underline;
}
 
 
 
/* about+obyzvy to first page */
.home-all {
	background: #f1eee9;
	margin: 20px 0 0 0;
	padding: 20px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
	} 
.home-about {
	width: 600px;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
	}  
	
.home-about h2 {
	font-size: 22px;
	color: #08326d;
	text-transform: uppercase;
	background: url('../img/h2.png') top left no-repeat;
	text-indent: 60px;
	padding: 10px 0 20px 0;
	margin: 0 0 10px  0;
}
.home-about a { text-decoration: none; color: #000; }  
.home-about a:hover { text-decoration: underline; color: #08326d;	}  

.home-obj {
	width: 320px;
	margin: 0 0 0 610px;
	padding: 0 10px 0 0;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
}  

.home-obj h3 {
	font-size: 22px;
	color: #ce002d;
	text-transform: uppercase;
	background: url('../img/h3.png') top left no-repeat;
	text-indent: 60px;
	padding: 10px 0 20px 0;
	margin: 0 0 10px  0;
}	
 
.home-obj .o-block {
	display: block;
	margin: 0 0 10px 0;
}

.home-obj .o-data {
	font-size: 11px;
	color: #bababa;
 	padding: 0;
}	

.home-obj .o-link {
	font-size: 14px;
 	padding: 0 0 10px 0;
	margin: 0 0 10px  0;
}	

.home-obj .o-link {
	text-indent: 24px;
	background: url('../img/dot-red.png') top left no-repeat;
}	
.home-obj .o-link a {
	font-size: 15px;
	color: #08326d;
	text-decoration: underline;
}	
.home-obj .o-link a:hover {
	color: #000;
	text-decoration: none;
}	

.home-obj .o-button a {
	font-size: 13px;
	text-align: center;
	color: #676767; 
	font-family: 'Roboto Condensed', sans-serif; 
	text-decoration: none;
	border: 1px solid #dddddd;
	background: #fff; 
	padding: 4px 16px  6px 16px;
	width: 270px;
	display: table;
	}
 
.home-obj .o-button a:hover { 
	color: #ce002d !important; 
	border: 1px solid #ce002d;
	background: #f6f3ee;  
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s 
	} 


#wrapper { 
	width: 960px; 
	margin: 0 auto;
	padding: 10px 0 0px 0; 
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 
	-14px 0 10px -14px rgba(0, 0, 0, .1), 
	14px 0 10px -14px rgba(0, 0, 0, .1), 
	0 0 10px rgba(0, 0, 0, .1) inset;
 }

#wrapper  h1 { 
	font-size: 30px;	
	font-weight: 100 !important;
	color: #fff; 
	text-align: center;
	padding: 20px;
	margin: 0 auto 20px; 
	/* text-shadow: -1px 0 #08326d, 0 1px #08326d, 1px 0 #08326d, 0 -1px #08326d; */
	background-image: linear-gradient(to left, #fff, #f3f3f3,#fff); 
}

#wrapper  h2 { 
	font-size: 24px;	
	font-weight: 100 !important;
	color: #08326d; 
	text-align: center;
	padding: 20px;
	margin: 0 auto 20px; 
	background-image: linear-gradient(to left, #fff, #f3f3f3,#fff); 
}
#wrapper  h2 a {
	text-decoration: none;
	color: #08326d; 
} 

#wrapper h3 {
    font-size: 22px;
    color: #ce002d;
    text-transform: uppercase;
    padding: 10px 0 20px 0;
    margin: 0 0 10px 0;
}



#wrapper p {
	color: #000;
} 

/* news first page */
.home-news { 
	margin-left: 20px;
}
.home-news-id {
	float: left;
	width: 217px;
	margin: 0 18px 0 0;
}
.home-news-data {
	color: #6a6a6a;
	font-size: 14px;
}
.home-news-data span {
	color: #ca0a26;
	font-size: 24px;
}

.home-news-img img {
	padding: 6px 0 10px 0;
}
.home-news-txt {
	padding: 0;
}
.home-news-txt a {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 15px;
	color: #08326d;
	text-decoration: none;
}
.home-news-txt a:hover {
	color: #ca0a26;
	text-decoration: underline;
}

.home-prod-id {
	float: left;
	width: 293px;
	margin: 0 20px 0 0;
}
 

 .home-prod-txt {
 	text-indent: 22px;
	background: url('../img/dot-red.png') top left no-repeat ;
 }
 .home-prod-txt a {
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 19px;
	color: #08326d;
	text-decoration: none;

}
.home-prod-txt a:hover {
	color: #ca0a26;
	text-decoration: underline;
}
 
/* about+obyzvy to first page */
.home-all {
	background: #f1eee9;
	margin: 20px 0 0 0;
	padding: 20px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
	} 
.home-about {
	width: 600px;
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
	}  
	
.home-about h2 {
	font-size: 22px;
	color: #08326d;
	text-transform: uppercase;
	background: url('../img/h2.png') top left no-repeat;
	text-indent: 60px;
	padding: 10px 0 20px 0;
	margin: 0 0 10px  0;
}
.home-about a { text-decoration: none; color: #000;	}  
.home-about a:hover { text-decoration: underline; color: #08326d;	}  

.home-about img {
	display: none;
} 
.home-about p {
	margin: 2px 0 8px 0;
}


.home-obj {
	width: 320px;
	margin: 0 0 0 610px;
	padding: 0 10px 0 0;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
	}  

.home-obj h3 {
	font-size: 22px;
	color: #ce002d;
	text-transform: uppercase;
	padding: 10px 0 20px 0;
	margin: 0 0 10px  0;
}	
 
.home-obj .o-block {
	display: block;
	margin: 0 0 10px 0;
	} 
.home-obj .o-data {
	font-size: 15px;
	color: #bababa;
 	padding: 0;
}	

.home-obj .o-link {
	font-size: 14px;
 	padding: 0 0 10px 0;
	margin: 0 0 10px  0;
}	

.home-obj .o-link {
	text-indent: 24px;
	background: url('../img/dot-red.png') top left no-repeat;
}	
.home-obj .o-link a {
	color: #08326d;
	text-decoration: underline;
}	
.home-obj .o-link a:hover {
	color: #000;
	text-decoration: none;
}	

.home-obj .o-button a {
	font-size: 15px;
	text-align: center;
	color: #676767; 
	font-family: 'Roboto Condensed', sans-serif; 
	text-decoration: none;
	border: 1px solid #dddddd;
	background: #fff; 
	padding: 4px 16px  6px 16px;
	width: 270px;
	display: table;
	}
 
.home-obj .o-button a:hover { 
	color: #ce002d !important; 
	border: 1px solid #ce002d;
	background: #f6f3ee;  
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s 
	} 


/* only 1st page buton = BIG Project */	
.first-buton a {
	font-size: 15px;
	text-align: center;
	color: #676767;
	font-family: 'Roboto Condensed', sans-serif; 
	text-decoration: none;
	border: 1px solid #dddddd;
	background: #fff; 
	padding: 4px 16px  6px 16px;
	width: 550px;
	display: table;
	}
 
.first-buton a:hover { 
	color: #ce002d !important; 
	border: 1px solid #ce002d;
	background: #f6f3ee;  
	text-decoration: none;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s 
	} 	
	


/* ----  wrapper2 catalog ------------  */	
#wrapper2 { 
	padding: 20px 30px 60px 30px;
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 
	-14px 0 10px -14px rgba(0, 0, 0, .1), 
	14px 0 10px -14px rgba(0, 0, 0, .1), 
	0 0 10px rgba(0, 0, 0, .1) inset;
	border-radius: 0 0 8px 8px;
}


#wrapper2  h1 { 
	font-size: 40px;	
	color: #072b90; 
	font-weight: 600;
	text-align: center;
	padding: 20px;
	margin: 0 20px 0; 
	background-image: linear-gradient(to left, #fff, #f3f3f3,#fff); 
}


#wrapper2 .gallery img {
	border: none;
}

/* wp */
#wrapper2 a img.aligncenter {
	margin: 0 auto;
	display: block;
}

#wrapper2 img {
	width: auto;
	height: auto;
	max-width: 500px;
	margin: 0 auto;
}

#wrapper2 p {
	margin-bottom: 16px;
	text-align: justify;
	line-height: 19px;
}



/* --- mams --- */
.wrap-block-mams {
	position: relative;
}  
.wrap-block-childr {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
} 


.wp-ithem {
	position: relative;
	display: block;
	width: calc(50% - 30px);
	min-height: 180px;
	margin: 15px 15px;
	border-radius: 18px;
	transition: transform 0.6s;	
	box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.1);
	/* filter: grayscale(50%); */
	/* border-bottom: 3px solid #dddddd; */
}
.wp-ithem:hover {
	filter: grayscale(10%);
}


.wp-ithem-inner {
	z-index: 10;
	float: left;
	margin: 0 0 0 250px;
	padding: 20px 4px 0 2px;
	height: auto;
	min-height: 250px;
	height: fit-content;
	font-family: 'Source Sans 3', sans-serif;
	color: #009fe3;
	font-size: 18px;
	line-height: 22px;
	font-weight: 300;
}
  

.wp-icon-01 { 
	background: url(../img/wp-icon-01.png) 0 10px no-repeat; 
	background-size: 250px 250px; 
	min-height: 250px;

}
.wp-icon-02 { background: url(../img/wp-icon-02.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-03 { background: url(../img/wp-icon-03.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-04 { background: url(../img/wp-icon-04.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-05 { background: url(../img/wp-icon-05.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-06 { background: url(../img/wp-icon-06.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-07 { background: url(../img/wp-icon-07.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-08 { background: url(../img/wp-icon-08.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-09 { background: url(../img/wp-icon-09.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-10 { background: url(../img/wp-icon-10.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-11 { background: url(../img/wp-icon-11.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-12 { background: url(../img/wp-icon-12.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-13 { background: url(../img/wp-icon-13.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-14 { background: url(../img/wp-icon-14.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-15 { background: url(../img/wp-icon-15.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-16 { background: url(../img/wp-icon-16.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-17 { background: url(../img/wp-icon-17.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-18 { background: url(../img/wp-icon-18.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-19 { background: url(../img/wp-icon-19.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-20 { background: url(../img/wp-icon-20.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-21 { background: url(../img/wp-icon-21.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-22 { background: url(../img/wp-icon-22.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-23 { background: url(../img/wp-icon-23.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-24 { background: url(../img/wp-icon-24.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-25 { background: url(../img/wp-icon-25.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-26 { background: url(../img/wp-icon-26.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-27 { background: url(../img/wp-icon-27.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }
.wp-icon-28 { background: url(../img/wp-icon-28.png) 0 10px no-repeat; background-size: 250px 250px; min-height: 250px; }



.wp-ithem-inner h3 {
	/* color: #000; */
	color: #414141;
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 8px;
}

/* .wp-ithem-inner h4 {
	color: #414141;
	text-decoration: none;
	font-size: 16px;
	line-height: 18px;
	margin-bottom: 6px;
}
.wp-ithem-inner h4 a {
	color: #072b90;
	text-decoration: none;
	font-size: 16px;
	line-height: 18px;
} */
.wp-ithem-inner h4 a:hover {
	color: #ce002d;	
}



/* ---to next page only --- */
ul.vb2 { 
	padding: 4px 0 0 0;
}
ul.vb2 li { 
	/* width: calc(48% - 30px); */
	width: 100%;
	float: left;
	list-style: none;  
	/* background: url('../img/c-li.png') 0px 4px no-repeat;  */
	background: url('../img/li.png') 0px 0px no-repeat; 
	padding: 0px 0 3px 16px; 
	margin: 1px 1% 0 0;  
	color: #072b90;
	font-size: 18px;
	line-height: 22px;
	font-weight: 600; 
}

ul.vb2 li a, ul.vb2 li a:visited { 
	text-decoration: none !important; 
	display: block; 
	color: #072b90;
	white-space: nowrap;
 } 
ul.vb2 li a:hover { 
	text-decoration: underline; 
	display: block; 
} 
ul.vb2 li a span { 
	font-size: 13px;
	line-height: 13px !important;
	font-weight: 200;
	color: #777;
	display: block;
}	

	
	
	
/* ============================================
 Sidebar
============================================ */	
#sidebar {  
	float: left;
	width: 300px; 
	margin: 20px 0px 20px 20px;
	padding: 0;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;    
}

#sidebar h2 {
	font-size: 22px;
	color: #ce002d;
	text-transform: uppercase;
	padding: 10px 0 10px 20px;
	margin: 20px 0 10px  0;
	text-align: left;
	background-image: linear-gradient(to left, #fff, #f3f3f3); 
	border-radius: 8px;
}	
#sidebar h2 a { color: #ce002d; 
	text-transform: uppercase;
	text-decoration: none;
 } 	
#sidebar h2 a:hover { color: #000; } 	

.left-menu-h1 {
	font-size: 22px;
	text-shadow: 1px 2px 3px #bdbdbd;
	color: #3f3f3f;
	text-transform: uppercase;
	padding: 10px 10px 4px 10px ;
}
	
.left-menu-h2 {
	color: #83673a;
	text-transform: uppercase;
	padding: 10px 10px 4px 20px ;
	font-size: 16px;
}
	
	
/* to news*/
.c-news {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
}
.c-date {color: #bababa; font-size: 11px; 
margin: 14px 0 10px 0; 
line-height: 10px; 
}

.c-link {
	text-indent: 24px;
	background: url('../img/dot-red.png') top left no-repeat;
}	
.c-link a, .c-link a:visited  {
	text-decoration: none;
	color: #08326d;
}
.c-link a:hover {
	text-decoration: none;
	color: #ce002d;
}



/* left ban */
.left-ban { margin: 10px 0; }
.left-ban a:hover { opacity: 0.8; }




/* ============================================
 Content
============================================ */	
#content { 
	background: #fff;
	width: 594px;	
	min-height: 500px;
	margin: 0px 0 0 344px;
	padding: 20px 0 20px 0px;
	/* display: table; */
	display: flow-root;;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box; 
	}

#content  h1 { 
	font-size: 24px;
	line-height: 21px;
	color: #08326d; 
	text-align: left;
	padding: 16px 0 16px 20px;
	margin: 0px 0 20px 0; 
	text-shadow: 0 0 3px rgba( 255, 255, 255, 0.6);  
	background-image: linear-gradient(to left, #fff,#f3f3f3); 
	border-radius: 8px;
}

/* хлебные крошки */
#content .breadcrumbs {
	font-size: 12px;
	color: #777;
	margin: -10px 0 20px 0; 
}

.hk-active {
	color: #1a4a9d;
	text-decoration: none;
}
.hk-active:hover {
	color: #e51937;
	text-decoration: underline;
}

.divider {color: #ff0026; } /* цвет стрелок */

#content .breadcrumbs .current {
	color: #4d4d4d;
 }	
	
#content  h2 { font-family: 'Ubuntu Condensed', sans-serif;
	padding: 15px 0 15px 30px; 
	font-size: 16px; 
	font-weight: 400; 
	color: #ce002d; 
	background: #f6f3ee url('../img/c-h2.png') top left repeat-y;
	margin: 10px 0 20px 0; 
 }

#content  h2 span { color: #dc0000;}
#content  h2 a {  
	text-decoration: none;
}
	
#content  h3  { 
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #08326d;
	font-size: 20px; 
	padding: 10px 0 6px 0;
	margin: 0 0 20px 0;
}
#content  h4  { 
	width: 100%;
	display: block;
	clear: both;
	font-family: 'Ubuntu Condensed', sans-serif;
	color: #08326d;
	font-size: 20px; 
	text-indent: 20px;
	line-height: 20px;
	padding: 20px 0 0px 0;
	margin: 0 0 10px 0;
}


/* ---to next page only --- */
ul.vb { padding: 4px 0 0 6px; }
ul.vb  li { list-style: none;  
	background: url('../img/c-li.png') 4px 4px no-repeat; 
	padding: 0px 0 3px 26px; 
	margin: 1px 0 0 0;  
	min-height: 20px; }
.vb ul li a { color: #292526; text-transform: uppercase; text-decoration: none; display: block; border-bottom: 1px dotted #fff; } 
.vb ul li a:hover { color: #ee8941; text-transform: uppercase; text-decoration: none; display: block; 
	border-bottom: 1px dotted #ee8941; } 
	

#content p { margin: 0px 0 6px 0; line-height: 20px;	 }


/* ----- more ----- */
a.more {
	float: right;
	font-size: 15px;
	text-align: center;
	color: #08326d; 
	font-family: 'Roboto Condensed', sans-serif; 
	text-decoration: underline;
	padding: 4px 16px  6px 16px;
	width: 100px;
	display: table;
	clear: both;
	}
 
a.more:hover { 
	color: #ce002d !important; 
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	transition: 0.5s 
	} 

/* ---------- to catalog cell ------------*/	
.benefits { padding: 0; }
.benefits ul { list-style: none; overflow: hidden; padding: 0 0 0 0; }
.benefits ul li { display: block; float: left; margin: 0px 4px 20px 0px; }
.benefits ul li a { 
	display: block; 
	position: relative; 
/*	width: 176px; */
	text-decoration: none; 
	border: 1px solid #e6e6e7;
	padding: 4px; 
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}

.benefits ul li a:hover {  opacity: 0.9; border: 1px solid #adc9e4;  }

.benefits ul li  a h4  { 
	font-family: 'PT Sans', sans-serif;
	display: block; 
	font-size: 20px; 
	line-height: 32px; 
	color: #08326d; 
	text-align: center; 
	text-decoration: none;  
	padding: 0;
 }
.benefits ul li  h4:hover {  text-decoration: none;  }
 
  
/* ---------- spoiler  ------------------ щдв */
.spoiler_body {display:none;}
.spoiler_links {cursor:pointer;}
h3.spo-iller {
	background: #f1f1f2;
	padding-left: 30px !important;
}


.spoiler > input + label:after{
	content: "+";
	float: right;
	/* font-family: monospace; */
	font-family: 'PT Sans', sans-serif;
	font-weight: bold;
}
.spoiler > input:checked + label:after{content: "-";float: right;font-family: monospace;font-weight: bold;}
.spoiler > input{display:none;}
.spoiler > input + label , .spoiler > .spoiler_body{
	background:#c4f0ff;
	padding: 5px 15px;
	overflow:hidden;
	width:100%;
	box-sizing: border-box;
	display: block;
	border-radius: 8px;
	text-align: center;
}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body{
	/* background: #FFF; */
	background-image: linear-gradient( #fff, rgba(240,240,240,0.8));
	border: 3px solid #f5f3f3;
	border-top: none;
}





/* ---------- news ------- */
.news-index {
	padding: 0px 0 10px 0;
	margin: 0 0 10px 0;
	min-height: 140px;
}
/* для объявлений только */
.news-index2 {
	padding: 0px 0 10px 0;
	margin: 0 0 10px 0;
}


.news-date {color: #bababa; font-size: 11px; 
margin: 14px 0 4px 0; 
line-height: 10px; 
}
.news-img {
	float: left;
	padding: 0 10px 0 0;
}

.news-link {
	text-indent: 0px;
	margin: 0 0 10px 0;
}	
.news-link a, .news-link a:visited  {
	text-decoration: none;
	color: #08326d;
}
.news-link a:hover {
	text-decoration: none;
	color: #ce002d;
}
.news-short  p {
	font-size: 13px;
	line-height: 14px !important;
	color: #464646 !important;
}

 



/* table */
.table-responsive {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}
table { 
	width: 100% !important;
	margin: 20px 0 10px 0;
	padding: 4px; 
	border: 1px dashed #d3d3d3;
	border-collapse: collapse;
	overflow-x: auto;
	background: #fff;
	-webkit-overflow-scrolling: touch;
}
th, thead {  padding: 6px 2px 6px 2px; 
	background: #F1F1F2;
}
tr {  padding: 4px; border: 1px dashed #d3d3d3; }
td {  padding: 4px; border: 1px dashed #d3d3d3; }

tr>th:first-child,tr>td:first-child {
	white-space: nowrap;
  }

.tab-v {
	-webkit-transform: rotate(-90deg); 
	transform: rotate(-90deg);
	display: table-cell;
	width: 20px;
	height: 20px;
	overflow: hidden;
}

/* search result */
.search-excerpt { background: #FF9; }



/* ---------- to questionnaire ------------*/	
.content-00 {
	color: #000;
	width: 275px;
	float: left;
	padding: 4px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;    
}

.content-color-1 {
	background: #fdffe5;
	
	-webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
	
	border: #e7e7e7 dashed 1px; 
	margin: 0;	
	padding: 4px 4px 10px 20px ;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;    
}
	
#content input[type="text"] {
   border: 1px solid #cccccc; 
   border-radius: 3px; 
   -webkit-border-radius: 3px; 
   -moz-border-radius: 3px; 
   -khtml-border-radius: 3px; 
   background: #ffffff !important; 
   outline: none; 
   height: 20px; 
   width: 240px; 
   color: #000; /* цвет шрифта в обычном состоянии */
   font-size: 13px; 
   margin: 4px 0 0 0;
   padding: 0 0 0 10px;
}
#content select {
    padding:3px;
    margin: 0;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
    background: #f8f8f8;
    color:#888;
    border:none;
    outline:none;
    display: inline-block;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    cursor:pointer;
}



#content textarea	{
   border: 1px solid #cccccc; 
   border-radius: 3px; 
   -webkit-border-radius: 3px; 
   -moz-border-radius: 3px; 
   -khtml-border-radius: 3px; 
   background: #ffffff !important; 
   outline: none; 
   height: 100px; 
   width: 240px; 
   color: #000; /* цвет шрифта в обычном состоянии */
   font-size: 13px; 
   margin: 4px 0 0 0;
   padding: 0 0 0 10px;
}

/* --- button --- */
.request_callback i { font-size: 22px; margin: 4px 0 0 42px;   } /* for a awesom arrow*/
.request_callback .submit {
    display: block;
    float: left;
    height: 56px; 
	width: 380px;
	margin: 20px 0 40px 100px; 
    padding: 16px  0 0 0px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #ed1c56;
    background: -moz-linear-gradient(top, #ed1c56 0%, #9e0b34 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ed1c56)), color-stop(100%, #9e0b34));
    background: -webkit-linear-gradient(top, #ed1c56 0%, #9e0b34 100%);
    background: -o-linear-gradient(top, #ed1c56 0%, #9e0b34 100%);
    background: -ms-linear-gradient(top, #ed1c56 0%, #9e0b34 100%);
    background: linear-gradient(to bottom, #ed1c56 0%, #9e0b34 100%);
}

.request_callback .submit:hover  {
    display: block;
    float: left;
    height: 56px; 
	width: 380px;
    padding: 16px  0 0 0px;
    font-size: 16px;
    font-weight: 600;
    border-radius: 4px;
    color: #fff !important;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    background: #363c4c;
    background: -moz-linear-gradient(top, #363c4c 0%, #19131e 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #363c4c), color-stop(100%, #19131e));
    background: -webkit-linear-gradient(top, #363c4c 0%, #19131e 100%);
    background: -o-linear-gradient(top, #363c4c 0%, #19131e 100%);
    background: -ms-linear-gradient(top, #363c4c 0%, #19131e 100%);
    background: linear-gradient(to bottom, #363c4c 0%, #19131e 100%);
}

/*------------ 	modal confirm form ---------  */
.modal_wrapper { display: none; z-index: 100; position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; opacity: 0.85; }
.modal_confirm_wrapper { display: none; z-index: 200; position: fixed; left: 0; top: 0; width: 100%; height: 0; }
.modal_confirm { width: 350px; margin: 256px auto 0 auto; padding: 70px 0; font-size: 18px; font-weight: bold; background: #fff; text-align: center; text-transform: uppercase; border-radius: 10px; }

.modal_confirm .r1 { color: #000; }
.modal_confirm .r2 { color: #e51937; line-height: 22px; }
.show_confirm .modal_wrapper { display: block; }
.show_confirm .modal_confirm_wrapper { display: block; }

#modal_close {
	text-align: right;
	cursor: pointer;
	margin-right: 20px;
	margin-top: -50px;
}



/* ============================================
 Footer
============================================ */	
#footer { 
	margin: 20px auto;
	padding: 10px 0 0px 0; 
	background: #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .1), 
	-14px 0 10px -14px rgba(0, 0, 0, .1), 
	14px 0 10px -14px rgba(0, 0, 0, .1), 
	0 0 10px rgba(0, 0, 0, .1) inset;
	border-radius: 8px 8px 8px 8px;
 }

#footer a { 	text-decoration: none; color: #1f1f1f; }
#footer a:hover { color: #1a4a9d;}

/* ---- 220 + 360 + 380 ---- */
/* ---- fblock-1 ---- */
.fblock-1 { 
	max-width: 220px;	
	min-height: 130px;
	float: left; 
	padding: 20px 0 0 0;
	background: url('../img/footer-logo.png') 30px 20px no-repeat;
 }

/* ---- fblock-2 ---- */
.fblock-2 { 
	max-width: 390px;	
	float: left; 
	padding: 30px 0 10px 0;
	
}
.fblock-2 .f-adress span { 
	font-size: 16px;
	color: #393939;
	font-weight: 700;
	}
 
.fblock-2 .f-adress { 
	font-size: 13px;
	color: #393939;
	font-family: 'Roboto Condensed', sans-serif;  
	max-width: 390px; 
	display: block;
	border: 1px solid #fff /*#dfdfdf*/;
	padding: 16px 22px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
}

	
/* ---- fblock-3 ---- */
.fblock-3 { 
	max-width: 350px;	
	float: left; 
	margin: 0;
	padding: 20px 0 10px 0px ;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
}

ul.footer-menu  {
	padding: 0;
	margin: 10px 0 0 20px;
	list-style-type: none;
}

ul.footer-menu li {
	padding: 0;
	margin: 6px 0 0 0;
	text-indent: 24px;
	background: url('../img/dot-red.png') top left no-repeat;
}

ul.footer-menu li a {
	text-align: left; 
	font-size: 15px;
	line-height: 20px;
	padding: 0;
}


	
/*copyright */	
#copyright { 
	border-top: 1px dotted #8b8d8d;
	color: #6d6d6d;	
	font-size: 14px;
	text-transform: uppercase;	
	min-height: 40px; 
	padding: 20px 0 0 0;
	margin: 20px auto 0;
}

#copyright img:hover { opacity: 0.6; }


.fslogos {
	padding: 10px 4px 20px; 
	display: block;
	margin: 0 auto;
	width: 50%;
	text-align: center;
}


/* tria */
.tria {
	color: #afafb0;	
	font-size: 12px;
}
.tria a {	color: #afafb0;	}
.tria a:hover {	color: #000;	}


	
