/**
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Theme Name: ukrvtormet4
Project Name: ukrvtormet.com.ua
Project Description: Укрвтормет-союз
File Name: style.css
Author: admin@tria.sumy.ua
Author URI: http://tria.sumy.ua/
Version: 3.0
 * ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 */

/* ============================================
 Import styles
============================================ */	 

 
/*  CSS */
@import url("css/reset.css");
@import url("css/wp-core.css");

/*  media */
@import url("css/media-style.css");

/* up-menu */
@import url("css/nav-core.min.css");
@import url("css/nav-layout.min.css");


/*  Icons  */
@import url("css/font-awesome.min.css");


/* */
/* h1 // font-family: 'Cuprum', sans-serif;  */
@import url(http://fonts.googleapis.com/css?family=Cuprum:400,700,400italic,700italic&subset=latin,cyrillic);

/* h2 // font-family: 'Open Sans', sans-serif; */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=latin,cyrillic-ext);

/*  основной плотный //  font-family: 'Roboto Condensed', sans-serif;  */
@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300,700&subset=latin,cyrillic-ext);
 

/* ============================================
 Basic
============================================ */	 
html * {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
  }

body { 
	width: 100%;
	height: 100%;
	color: #191813;
	font-size: 16px;
	font-weight: 400;
	line-height:22px;
	font-family: 'Roboto Condensed', sans-serif; 
	padding: 0;
	margin: 0; 
	background: #fff;
}


	
.clr { clear: both; }
.fix { 	
	max-width: 1100px /*960*/;	
	margin: 0 auto; 
	}
.pt-20 { padding-top: 20px;}
.pb-20 { padding-bottom: 20px;}
.pb-30 { padding-bottom: 30px;}
.pl-20 { padding-left: 20px;}
.pr-20 { padding-right: 20px;}
.pl-30 { padding-left: 30px;}
.ml--10 { margin-left: -10px;}
.ml-20 { margin-left: 20px;}
.ml-30 { margin-left: 30px;}
.mt-20 { margin-top: 20px;}
.mb-20 { margin-bottom: 20px;}
.lh-14 {line-height: 14px;}
.lh-16 {line-height: 16px;}

.bg-white { background: #fff; }


a, a:visited { color: #186d9a; text-decoration:underline;}
a:hover { color: #b63358; text-decoration:underline;}
a img { border:none; }

.clr { clear: both; }



/* ============================================
 Header
============================================ */	 
#header { 
	width: 100%;
	height: 250px;	
}

/* endless image scroller  */
#s1, #s11, #s12 {
	height: 165px !important;
	max-height: 165px !important;
	overflow: hidden;
}
#s1 img, #s11 img, #s12 img  {
	max-height: 165px;
	height: 165px;
	display: inline-block;
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;	
}

.is {
	border: 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	background: #e7e5e6;
	/*background: #009900;*/
}



/* headser-logo line */
#header-logo {
	z-index: 60;
	position: absolute;
	float: left;
	width: 300px;
	height: 243px;
	padding-top: 0px ;
	margin-left: 0px;
	margin-right: 40px;
	display: block; 
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
} 
.header-logo {
	float: left;
	text-indent: -99999px;
	width: 300px;
	height: 243px;
	background: url(img/header-logo.jpg) no-repeat 0 0; 
}
a.header-logo:hover {
	opacity: 0.8;
}



/* bg for menu ==== */
.menu-line { 
	height: 50px;
	width: 100%;
	padding: 0;
	display: block;
	background: #009900;
} 






/* ============================================
 wrapper
============================================ */	
#wrapper { 
	width: 100%; 
}




/* ============================================
 Sidebar
============================================ */	
/*-- yaz --*/
#header-yaz {
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 12px; 
	z-index: 400;
	font-weight: 300;
	display: inline-block;
}
#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;
	text-decoration: underline;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
	color: #090;
}
#header-yaz a:hover {	color: #090; }
#header-yaz li.current-lang a {
	background: rgba(255,255,255,0.7);
	color: #000;
	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 { */
#header-yaz li:hover {
	background: #fc460f;
	border-radius: 4px;
	color: #fff !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;
}



#sidebar { 
	margin-top: 30px;
	float: left;
	width: 300px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;  
}

#sidebar h2 {
	margin-top: 0; 
	color: #000;
	text-transform: uppercase;
	font-size: 22px;
	line-height: 44px;
	text-indent: 14px;
	text-decoration: none;
} 



/* sidebar-list // 1st level */
.sidebar-list {
	list-style: none;
	display: block;
}
ul.sidebar-list {
	width: 100%;
	padding: 0;
}
ul.sidebar-list li a {
	display: block;
	background: #f2f0f1 url(img/sidebar-list.png) 0px 3px no-repeat;
	color: #162b47;
	font-size: 18px;
	line-height: 20px;
	text-decoration: none;
	padding: 12px 30px 12px 36px;
	margin: 2px 0;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}
ul.sidebar-list li a:hover {
	display: block;
	background: #bbbbbb url(img/sidebar-list-on.png) 0px 3px no-repeat;
	color: #fff;
	text-shadow: 0 0 2px rgba( 0, 0, 0, 0.3);  
	text-decoration: underline;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}




/*-- left ban --*/
.left-ban { 
	margin: 30px 0 10px 0;
	padding: 0;
	}
.left-ban img { 
	width: 100%;
	height: auto;
 }
.left-ban a:hover { opacity: 0.8; }



/* ============================================
 Content
============================================ */	
#content { 
	/*max-width: 70%; */
	width: 70%; 
	float: right;
	margin-top: 20px;
	padding-left: 30px; 
	padding-bottom: 40px; 
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
 }


#content h1 { 	
	font-size: 27px;	
	color: #220f38; 
	font-family: 'Cuprum', sans-serif; 
	text-align: left;
	padding: 26px 0 10px 0;
	margin: 0px 0 0px 0;
}
#content h1 a{ 
	text-decoration: none;
}	

/* --- breadcrumbs --- */
.breadcrumbs {
	font-size: 12px;
	color: #777;
	margin: 10px 0 30px 0px; 
}
.hk-active {
	color: #1a4a9d;
	text-decoration: none;
}
.hk-active:hover {
	color: #e51937;
	text-decoration: underline;
}
.divider {color: #ff0026; padding: 0 2px; } 

.breadcrumbs .current {
	color: #4d4d4d;
 }	



#content  h2 { 
	padding: 16px 0 6px 0; 
	font-size: 18px; 
	color: #078f05;
	margin: 20px 0 14px 0; 
	border-bottom: 1px solid #e4e4e4; 
 }
#content  h2 a { 
	color: #186d9a;
	text-decoration: none;
 }
#content  h2 a:hover { 
	color: #bf9e07;
	text-decoration: underline;
 }

#content  h3 { 
	padding: 10px 0 0 0; 
	font-size: 18px; 
	font-weight: 500; 
	color: #2d6290; 
	margin: 20px 0 14px 0;
}

#content  h4 { 
	padding: 10px 0 0 0; 
	font-size: 16px; 
	font-weight: 700; 
	color: #000; 
	margin: 20px 0 14px 0;
}

#content p { 
	text-align: justify;
	margin: 10px 0 6px 0;
	line-height: 20px;	
}

/* buton */
a.questions-button {
	margin-right: 0px;
	float: right;
  	display: inline-block;
	font-size: 14px;
	color: #fff;
  	font-weight: 500;
  	text-decoration: none;
  	user-select: none;
  	padding: 4px 18px;
	background: #43b51f !important;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border-bottom: 2px solid #368c1b;
	outline: none;
	transition: 0.2s;
} 
a:hover.questions-button { background: #172a43 !important; }	


/* search result */
.search-excerpt { background: #FF9; }

/* gallery */
.gallery-item	{
	/* margin: 2px; */
	width: auto;
	
}	

/* img full */
img.size-full {
	width: 100% !important;
	max-width: 740px !important;
	height: auto !important;
}


blockquote {	
	margin-top: 14px;
	display: block;
	border: 1px dotted #444;
	padding: 10px 6px 10px 20px;
	text-decoration: none;
	font-size: 17px;
	font-weight: 400;
	background: #eee;
}	


/* ----- content-news and in footer ------ */
#content-news {
}

/* ----- news home and in footer ------ */
.c-news-index {
	width: 32.3%;
	margin: 1% 0.5% 60px 0.5% ;
	float: left;
	padding: 2px 14px 10px 0;
	overflow: hidden !important;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}	


.c-news-img img {
	padding: 0 20px 0 0; 
	width: 100%;
	/*max-width: 120px;*/
	overflow: hidden;
	height: auto;
	-webkit-filter: grayscale(60%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(60%); 
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(60%); 
	-o-transition: .5s ease-in-out;

}
.c-news-img img:hover {
	opacity: 0.8;
}

.c-news-h2  {
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	padding: 10px 0 10px 0px;
	
}
.c-news-h2 a {
	text-decoration: none;
	color: #087205;	
}
.c-news-h2 a:hover {
	text-decoration: underline;
	color: #000;	
}

.c-news-data {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #8d8d8d;
	text-align: left;
	padding: 2px 0 10px 0px ;
}

.c-news-txt {
	font-size: 15px;
	line-height: 15px;
	padding: 0 0px 10px 0px !important;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}
.c-news-txt a {
	color: #3d3d3d;
	text-decoration: none;
	font-weight: 300;
	/*padding: 0 10px 30px 10px;*/
}
.c-news-txt a:hover {
	color: #000;
}




/* ----- news indexpage ONLY ------ */
.c-news-indexpage {
	margin: 30px 0 60px 0;
	padding: 2px 14px 10px 0;
	overflow: hidden !important;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}	


.c-indexpage-img img {
	float: left;
	padding: 0 20px 0 0; 
	max-width: 220px;
	overflow: hidden;
	height: auto;
	-webkit-filter: grayscale(60%);
	-webkit-transition: .5s ease-in-out;
	-moz-filter: grayscale(60%); 
	-moz-transition: .5s ease-in-out;
	-o-filter: grayscale(60%); 
	-o-transition: .5s ease-in-out;

}
.c-indexpage-img img:hover {
	opacity: 0.8;
}

.c-indexpage-h2  {
	text-align: left;
	font-size: 20px;
	line-height: 20px;
	font-weight: 400;
	padding: 0 0 10px 0px;
	
}
.c-indexpage-h2 a {
	text-decoration: none;
	color: #087205;	
}
.c-indexpage-h2 a:hover {
	text-decoration: underline;
	color: #000;	
}

.c-indexpage-data {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 13px;
	color: #369805;
	text-align: left;
	padding: 2px 0 10px 0px ;
}

.c-indexpage-txt {
	font-size: 15px;
	line-height: 15px;
	padding: 0 0px 10px 0px !important;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}
.c-indexpage-txt a {
	color: #3d3d3d;
	text-decoration: none;
	font-weight: 300;
	/*padding: 0 10px 30px 10px;*/
}
.c-indexpage-txt a:hover {
	color: #000;
}





/* ============================================
 footer
============================================ */	
footer { }
#footer { 
	background: #e7e5e6;
  	width: 100%;
	color: #606570;
	font-size: 15px;
	line-height: 22px;
	font-weight: 400;
	margin: 60px auto 0;
	padding: 20px 0 0 0;
}
#footer a { 
	color: #777777;
 	text-decoration: underline; 
}
#footer a:hover { color: #fff;}

	

/* -- 1 -- */
.fblock-1 { 
	float: left;
	width: 40%;
	margin-top: 30px;
	margin-right: 50px;
	display: block;
	text-align: right;
	padding: 0; 
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
	}


/* -- 2 -- */
.fblock-2 { 
	display: block;
	float: left;
	background: url('img/footer-logo.png') top center no-repeat; 
	width: 20%;
	min-width: 100px;
	max-width: 100px;
	min-height: 100px;
	margin-top: 20px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}


/* -- 3 -- */
.fblock-3 { 
	float: left;
	width: 40%;
	margin-top: 30px;	
	margin-left: 50px;
	display: block;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
	}




/* copyright */	
#copyright { 
	margin: 60px auto 0 !important;
	width: 100%; 
	display: block;
	color: #626b72;	
	font-size: 12px;  
	padding: 50px auto 30px;
	-webkit-box-sizing: border-box;  -moz-box-sizing: border-box; box-sizing: border-box;
}

.copyright {
	text-align: center;
	padding-bottom: 20px;
}
.copyright a {	
	font-size: 12px;  
	text-decoration: underline;
	color: #626b72;
	display: inline-block;
}
.copyright a:hover { 
	text-decoration: none;
	color: #000;
}