/**
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 * Project Name: nempump.com
 * Project Description: nempump.com  // машиностроительный холдинг по разработке и производству насосного оборудования, силовых агрегатов и сложных гидравлических систем 
 * File Name: style.css
 * Author: admin@tria.sumy.ua
 * Author URI: http://tria.sumy.ua/
 * Version: 1.2.0
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/*  CSS */
@import url("css/reset.css");
@import url("css/wp-core.css");

/*  up menu   */
@import url("css/navbar_techandall.css");

/*  font awesome for up menu  */
@import url("css/font-awesome.min.css");

/* дрожание при наведении */
@import url("css/hover-min.css");

/*  left menu   */
@import url("css/left-menu.css");

/*  left menu-catalog   */
@import url("css/left-menu-catalog.css");


/* -- gray filter  --  */
@import url("css/grayscale.css");

/* tabs */
@import url("css/tabs.css");

/* geography */
@import url("css/geography.css");

/* hint // подсказки */
@import url("css/hint.css");

/* моб версия */
@import url("css/media-style.css");

		
/* font-family: 'Roboto Condensed', sans-serif;   // плотный */
@import url(http://fonts.googleapis.com/css?family=Roboto+Condensed:400,700,300&subset=latin,cyrillic,cyrillic-ext);
 
/*  font-family: 'Ubuntu Condensed', sans-serif; // для меню */ 
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed&subset=latin,cyrillic,cyrillic-ext); 
 
/*  font-family: 'PT Sans', sans-serif;  //  для телефонов */
@import url(http://fonts.googleapis.com/css?family=PT+Sans:400,700&subset=latin,cyrillic-ext); 

 
 
/* ============================================
 Basic
============================================ */	 
 body { 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 15px; 
	line-height: 18px;  
	color: #222222; 
	min-width: 960px; 
	background: #f1f1f2 url('img/_bg.png') top left repeat-x; 
	margin: 0 0 20px 0;
	}

.clr { clear: both; }
.fix { width: 960px;	margin: 0 auto; }
.pt-20 { padding-top: 20px;}
.ta-l {text-align: left;}
.fl {float: left;}
.fr {float: right;}
.ta-r {text-align: right;}
.ta-c {text-align: center;}
.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;  }


 
/* ============================================
 Header
============================================ */	 
#header { 
	display: block;
	margin: 0;
	padding-top: 0;
	width: 100%; 
	height: 328px;  
	background-image: url('img/header.png');
	background-position: top center;
	background-repeat: no-repeat;
 }
 
/* -- 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 Насосэнергомаш -- */ 
#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; 
}	

/* en */
#header-logo2-e { 
	float: left;
	margin: 28px  0 0 15px; 
	Z-INDEX: 940; 
	width: 288px; 
	height: 51px; 
	padding: 0; 
	background: url('img/header-logo2-e.png') no-repeat 0 0;
	text-decoration: none; 
	display: block; 
	text-indent: -9999px;


	/* margin: 28px  0 0 15px;  */
	/* Z-INDEX: 940;  */
	/* width: 288px;  */
	/* height: 51px;  */
	/* padding: 0;  */
	/* background: url('img/header-logo2-e.png') no-repeat 0 0; */
	/* text-decoration: none;  */
	/* display: block;  */
	/* text-indent: -9999px; */
}
#header-logo2-e:hover  { 
	width: 288; height: 51px; 
	background: url('img/header-logo2-e.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: 12px;
	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: 2px 14px 2px;
    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: 4px;
    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;
	/* position: absolute;  */
	margin: 4px  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 {
	background: #fff;
	color: #bababa;
	padding: 6px 6px 6px 10px;
	width: 232px;
	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);
}

.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);

	}
.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);
	}


/* ------ slider  ----------*/	
#slider {
	position: absolute; 
	margin: 172px 0 0 0;
	Z-INDEX: 50; 
	display: block;
}
#slider .fix {position: relative;}	


/* ------ main-nav  ---------- */	
#main-nav {
	position: absolute; 
	margin: 79px 0 0 0px;
	Z-INDEX: 750; 
	display: block;
}
#main-nav .fix {position: relative;}	




/* ============================================
 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;	
	/*text-transform: uppercase;*/
	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; 
}

#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: 22px;	
/*	text-transform: uppercase; */
	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 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: 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 
	} 	
	
	
	
	
/* ============================================
 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;
	background: url('img/h3.png') top left no-repeat;
	text-indent: 60px;
	padding: 10px 0 20px 0;
	margin: 20px 0 10px  0;
}	
#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 /*143876*/;
	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);  
}

/* хлебные крошки */
#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: 'Ubuntu Condensed', sans-serif;
	display: block; 
/*	background: #e6e6e7 !important; */
	font-size: 18px; 
	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-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:#CCC;padding:5px 15px;overflow:hidden;width:100%;box-sizing: border-box;display: block;}
.spoiler > input + label + .spoiler_body{display:none;}
.spoiler > input:checked + label + .spoiler_body{display: block;}
.spoiler > .spoiler_body{background: #FFF;border: 3px solid #CCC;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 { 
	width: 100%;
	margin: 20px 0 10px 0;
	padding: 4px; 
	border: 1px solid #d3d3d3;
	}
th {  padding: 6px 2px 6px 2px; border: 1px dotted #d3d3d3; background: #F1F1F2; }
tr {  padding: 4px; border: 1px dotted #d3d3d3; }
td {  padding: 4px; border: 1px dotted #d3d3d3; }
.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 label {position:relative}
#content label:after {
    content:'<>';
    font:11px "Consolas", monospace;
    color:#aaa;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    transform:rotate(90deg);
    right:8px; top:2px;
    padding:0 0 2px;
    border-bottom:1px solid #ddd;
    position:absolute;
    pointer-events:none;
}
#content label:before {
    content:'';
    right:6px; top:0px;
    width:20px; height:20px;
    background:#f8f8f8;
    position:absolute;
	}
*/

#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%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}

.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%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#a5bcde', GradientType=0 );
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;   
}

/*------------ 	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 { 
	width: 960px; 
	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;
 }

#footer a { 	text-decoration: none; color: #1f1f1f; }
#footer a:hover { color: #1a4a9d;}

/* ---- 220 + 360 + 380 ---- */
/* ---- fblock-1 ---- */
.fblock-1 { 
	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 { 
	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;  
	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 { 
	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;
	width: 920px;
}

#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;	}


	
