/*   
Theme Name: ПолесьеЭлектроМаш
Theme URI: http://rotor.brest.by/
Version: 1.0
Description: Тема для сайта ОАО "ПолесьеЭлектроМаш"
Author: X-Site.by
Author URI: http://x-site.by/
*/



/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {margin: 5px 20px 20px 0;}
.aligncenter, div.aligncenter {display: block; margin: 5px auto 5px auto;}
.alignright {float: right; margin: 5px 0 30px 30px;}
.alignleft { float: left; margin: 5px 30px 30px 0;}
a img.alignright {float: right; margin: 5px 0 30px 30px;}
a img.alignnone {margin: 5px 30px 30px 0;}
a img.alignleft {float: left; margin: 5px 30px 30px 0;}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.wp-caption {background: #fff;border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */padding: 5px 3px 10px; text-align: center;}
.wp-caption.alignnone { margin: 5px 30px 30px 0;}
.wp-caption.alignleft { margin: 5px 30px 30px 0;}
.wp-caption.alignright {margin: 5px 0 30px 30px;}
.wp-caption img {border: 0 none;height: auto; margin: 0; max-width: 98.5%;padding: 0; width: auto;}
.wp-caption p.wp-caption-text {font-size: 11px;line-height: 17px;margin: 0;padding: 0 4px 5px;}
/* Text meant only for screen readers. */.screen-reader-text {clip: rect(1px, 1px, 1px, 1px);position: absolute !important;height: 1px;	width: 1px;	overflow: hidden;}
.screen-reader-text:focus {	background-color: #f1f1f1;	border-radius: 3px;	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);	clip: auto !important;	color: #21759b;	display: block;	font-size: 14px;	font-size: 0.875rem;	font-weight: bold;	height: auto;	left: 5px;	line-height: normal;	padding: 15px 23px 14px;	text-decoration: none;	top: 5px;	width: auto;	z-index:100000;/* Above WP toolbar. */}


/* CUSTOM */

header.header {height: 607px; position: relative;}
.header-image {position: absolute; top:0; left:0; right: 0; bottom: 0; background-image:url(/wp-content/uploads/2017/07/header-bg-1.jpg); background-repeat: no-repeat; background-position: 50% 50%; }
a.header-logo {height: 106px; background-image: linear-gradient(to right, #1069b5, #1e45a2);box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3); text-align: center; padding-top: 30px; display: block;}
nav.header-menu ul {list-style: none; padding: 0; margin: 0;}
nav.header-menu ul li {display: inline-block; height: 30px; margin: 37px 15px 0 0; border-bottom: 2px solid transparent; padding: 0 10px}
nav.header-menu ul li.current-menu-item, nav.header-menu ul  li:hover {border-bottom: 2px solid #0192cb;}
nav.header-menu ul li a {font-size: 16px; font-weight: 600; color: #ffffff; text-shadow: 0px 1px 1px #000000;}
nav.header-menu ul li a:hover, nav.header-menu ul li a:active, nav.header-menu ul li a:focus {text-decoration: none;}
h1.tagline {font-size: 36px; color: #fefefe; margin-top: 120px; line-height: 1.2; margin-bottom: 33px}
header.header-inner {height: 106px;}

section.public {background: url(img/glow.png) 50% 0% no-repeat; margin-bottom: 110px;}
ol.breadcrumb {margin:60px 0 55px 0; padding: 0;}
section.public p {margin:0 0 16px 0;}
section.public p.image-left {float: left; margin:0 30px 30px 0;}
img.wide-image {margin-left: -8.33333333%; width: 1170px; height: auto;}

section.catalog-categories {background: url(img/glow.png) 50% 0% no-repeat;}
.catalog-categories h2 {font-size: 24px; text-align: center; margin-top: 60px; margin-bottom: 67px;}
.catalog-categories-item {height: 264px; background-image: linear-gradient(130deg, #fcfeff, #01a3d4); position: relative;}
.catalog-categories-item-img {position: absolute; left: 0; right: 0; top:0; bottom: 0; line-height: 234px; height: 264px; text-align: center; padding-top: 30px;}
.catalog-categories-item-link {position: absolute; left: 0; right: 0; top:0; bottom: 0; line-height: 264px; text-align: center; height: 264px; background:rgb(255,255,255); opacity: 0; transition: all ease .25s}
.catalog-categories-item:hover .catalog-categories-item-link {opacity: .92;}
.btn-stroked-blue {height: 50px; border-radius: 25px; border: solid 2px #0192cb; line-height: 45px; text-transform: uppercase; font-size: 18px; font-weight: bold; color: #0095c6; display: inline-block; padding: 0 35px;}
.btn-stroked-blue:hover, .btn-stroked-blue:active, .btn-stroked-blue:focus {text-decoration: none;}
.catalog-categories-item-name {margin-top:25px; text-align: center; margin-bottom:50px;}

section.about {background: url(img/bg-dots.png) repeat-x 50% 50%; padding: 155px 0;}
.about-photo {box-shadow: 0px 5px 30px 0 rgba(0, 0, 0, 0.3); max-width: 100%;}
.badge-main {font-size: 16px; font-weight: bold; color: #00a8d9; text-transform: uppercase;}
section.about h3 {font-size: 24px; margin-top: 40px;}
section.about p {margin-bottom: 40px;}

section.snews {padding:0 0 75px; background:url(img/glow2.png) 50% bottom no-repeat;}
section.snews h3 {font-size: 24px; margin: 0 0 50px 0; padding:0;}
section.snews p.all {margin: 10px 0 0 0; padding: 0; text-align: right;}
.news {}
.news-item {height: 180px; position: relative; text-align: center;}
.news-item-img {position: absolute; left: 0; right: 0; top:0; bottom: 0; line-height: 180px; height: 180px;}
.news-item-img img {vertical-align:baseline;}
.news-item-link {position: absolute; left: 0; right: 0; top:0; bottom: 0; line-height: 180px; text-align: center; height: 180px; background:rgb(255,255,255); opacity: 0; transition: all ease .25s}
.news-item:hover .news-item-link {opacity: .92;}
.news-text {padding:20px 40px 0 40px;}
.news-text-date {font-weight: 400; color: #cccccc; margin-bottom: 15px; font-size: 14px;}
.news-text-name {font-family: 'Roboto Slab', serif; font-size: 18px; line-height: normal; margin-bottom: 15px;}
.news-text-details { margin-bottom: 15px; font-size: 14px;}
.news-text-link { font-size: 14px;}

section.map {height: 400px; overflow-y: hidden; position: relative;}
section.map2 {height: 630px; overflow-y: hidden; position: relative;}
#gmaps {height:400px;position: absolute; top:0; left:0; right: 0; bottom: 0;}
#gmaps2 {height:630px;position: absolute; top:0; left:0; right: 0; bottom: 0;}
.contacts-block { height: 400px; background-color: rgba(255,255,255,.82); box-shadow: 0px 10px 32px 0 rgba(0, 0, 0, 0.17); padding: 40px; margin: 0 30px; color:#424242;}
.company-name {font-size: 18px; font-weight: 600; color: #01a3d4;}

footer.footer {height: 170px; background-color: #000103}
.footer-logo {margin-top:50px;}
.footer-copyright {font-size: 14px; color: #7e7c7c; margin-top: 25px;}
.footer-nav {margin-top:50px; text-align: right;}
.footer-nav ul {list-style: none; padding: 0; margin: 0;}
.footer-nav ul li {display: inline-block; margin: 0  0 0 15px; }
.footer-nav ul li a {color: #fff;}
.footer-powered {font-size: 14px; margin-top: 25px;text-align: right;}
.footer-powered a {color: #7e7c7c; text-decoration: none;}
.footer-element {height: 10px; background-color: #1f45a0;}

h1.category-name {font-size: 27px; margin:0 0 35px 0;}
h2.category-name {font-size: 22px; margin:0 0 25px 0;}
nav.catnav {}
nav.catnav ul {margin:0; padding: 0; list-style: none;}
nav.catnav ul li {display: block; padding: 15px 25px; line-height: 1.2; margin-bottom: 5px;}
nav.catnav ul li.current-menu-item {background-color: #145fb0;}
nav.catnav ul li a {color:#fff;}
.product {min-height: 370px;}
.product-image {background-color: #fff; height: 215px; overflow: hidden; line-height: 215px; vertical-align:middle; text-align: center;}
.product-image img {max-width: 100%; max-height: 100%;}
.product-name {margin-top:25px; margin-bottom: 55px;}
div.blank {height: 40px;}

p.meta {color:#666;}