/*
Theme Name: ЖБИ Сибири
Description: Шаблон корпоративного сайта
Author: mikasi@yandex.ru

*/
@import url("http://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css");

* {
	margin:0px;
	padding:0px;
	border:none;
}

body {
	font-size:15px;
	color:#000;
	line-height:1.8em;
	font-weight:400;
	background:#ffffff;

	font-family: 'Open Sans', sans-serif;
}

#mvideo{display:none;}

#top {background-color:#2d4493;width:100%;}
.top {position: static;max-width: 1200px;margin: 0 auto;display:block;height:51px;}
.top1 {float:left;color:white;font-size:13px;display:block;width:50%;margin-top:11px;}
.top2 {float:right;color:white;font-size:13px;display:block;width:50%;text-align:right;margin-top:11px;}

#header {margin-top:10px;width:100%;display: inline-block;border-bottom: 1px solid #f3f3f3;}
.header {max-width: 1200px;margin: 0 auto;}
.header1 {float:left;}
.header2 {float:right;margin-top:15px;}
.header2 div {width: 230px;float: left;line-height: 20px;margin-top:15px;}

#menu {width:100%;border-bottom: 1px solid #f3f3f3;padding-bottom: 10px;}
.menu {max-width: 1200px;margin: 5px auto;}
ul#menu-verhnee-menyu li {display: inline;margin-right: 5px;padding: 15px;font-size:14px;text-transform:uppercase;font-weight:bold;}
ul#menu-verhnee-menyu li a {color:black;text-decoration:none;}
ul#menu-verhnee-menyu li a:hover {color:#e31e24;}

ul.sub-menu li a {text-transform: none !important;}
/*.current_page_item a {color: #e31e24!important;}*/


#home {width:100%;margin-bottom: 10px;}
.home {max-width: 1200px;margin: 0 auto;}
.home div {display: inline-block;}
.home1 {width: 300px;vertical-align: top;}
.home1 a {color:black;}
/*.lmenu {background-color: #f3f3f3;width: 250px;border-bottom: 1px solid white;padding: 21px;border-left: 5px solid #2d4493;font-weight: bold;}*/
/*.lmenu {
    background-color: #f3f3f3;
    width: 250px;
    border-bottom: 1px solid white;
    padding: 22px 14px;
    border-left: 5px solid #2d4493;
    font-weight: bold;
    font-size: 18px;
}*/

.lmenu 
{
    background-color: #2d4493;
    width: 250px;
    border-bottom: 1px solid #989898;
    padding: 21px 25px;
    border-left: 5px solid #2d4493;
    font-weight: bold;
    font-size: 18px;
    color: white;
    min-height: 29px;
}
.lmenu:hover {border-left: 5px solid #e31e24;}

#action {width:100%;margin-bottom: 20px;}
.homeactions {max-width: 1200px;margin: auto;}

#tovar {width:100%;margin-bottom: 20px; margin-top: 80px; background-color: #f3f3f3;    padding-top: 1px;padding-bottom:60px;}
.hometovar {max-width: 1200px;margin: auto;}

#services {margin-top:80px;width:100%;}
.services {max-width: 1200px;margin: 0 auto;}
.services div {display: inline-block;}
.service1 {width:33%;text-align:center;font-size: 21px;padding-bottom: 20px;}
.service1 .pl:hover {/*background-color: #e31e24;*/color: white;}
.service1 img:hover {opacity:0.5;}
.services a {color:black;}

#project {margin-top:60px;width:100%;background-color:#2d4493;}
.project {max-width: 1200px;margin: 0 auto;padding-bottom:80px;}

#counter {margin-top:10px;width:100%;}
.counter {max-width: 1200px;margin: 0 auto;padding-bottom: 60px}
.counter table {width: 100%;text-align: center;}
.counter table td {width:33%;}
.counter span.t {font-size: 65px;font-weight: bold;color: #e31e24;}
.counter span.d {font-weight: bold;}
.counter1 {margin-top:70px;}
.counter1 p {margin-bottom: 10px;}

#footer {background-color:#2d4493;}
#footer .footer {max-width:1200px;margin:auto;background: url(/img/footer3.png) bottom center no-repeat;padding-top:70px;padding-bottom:50px;}
.footer1 {width: 23%;display: inline-block;color:white;line-height:20px;vertical-align: top;padding-right:10px;}
.footer1 h3 {text-transform: uppercase;font-size: 17px;border-bottom:1px solid gray;padding-bottom:15px;}
.footer1 a {color:white;text-decoration:none;}
.footer1 div {margin-bottom: 20px;border-bottom: 1px solid #5d5d5d;}
.footer1 div i.fa {color: #ff0711;}
.footer2 {color: white;font-size: 12px;border-top: 1px solid gray;margin-top: 40px;}

#news {margin-top:10px;width:100%;}
.news {max-width: 1200px;margin: 0 auto;padding-bottom:60px;}
ul.newslist li {display: table-cell;width: 25%;padding: 10px;line-height: 25px;}
.news1{width:100%;float:left;}
.news2{width:30%;float:right;}
ul.actionlist li {list-style: none;padding: 10px;background-color: #e31e24;text-align: center;}

#zapis {margin:0px auto;width:1200px;}
#sidebar {float:left;width:20%;margin-top:60px;}
#page {float:right;width:75%;}


/*others*/

i.fa {
    color: #2d4493;
    font-size: 40px;
    float: left;
    margin-right: 10px;
}

#zapis h1 {font-size: 26px;color:#2d4493;margin: 15px 0px;}
#zapis a {color:#2d4493;}
#zapis .page p {margin-bottom: 15px;}
.bead {font-size: 13px;color: gray;margin-top: 20px;}
.bead a {color: gray !important;}

.sidebar li {list-style: none;}


ul#menu-levoe-menyu li {background-color: #f3f3f3;margin: 1px;padding: 5px 15px;border-left: 5px solid #2d4493;}
ul#menu-levoe-menyu li a {text-decoration:none;color:black;}
ul#menu-levoe-menyu li:hover {border-left: 5px solid #e31e24;}

h2.widgettitle {font-size: 18px;color:#e31e24;margin-bottom: 10px;}
li.widget {margin-bottom: 30px;}
li.widget span.post-date {float: left;font-size: 12px;color: gray;margin-right: 10px;}
#recent-posts-2 a {float:right;}
ul.newsidebar li {border-bottom: 1px solid #f3f3f3;margin-bottom: 10px;}
span.entry-date {font-size: 12px;color: gray;}
ul.newsidebar p {font-size: 14px;line-height: 22px;}

.id-86 .page img {float: left;margin-right: 10px;}
.posttext {clear: both;margin-bottom: 35px;border-bottom: 1px solid #f3f3f3;min-height: 210px;}
span.date {font-size: 13px;color: gray;}
table.contacts td {vertical-align: top;text-align: center;}
.contacts h4 {color: #e31e24;font-size: 18px;}

img.alignleft {float: left;margin-right: 20px;}
.page h3 {color: #e31e24;}
img.alignright {float: right;}


/*MENU*/
ul.sub-menu {display: none;margin-top: 15px;min-width: 245px;border-top: 2px solid #f00;}
.menu-item-has-children:hover ul.sub-menu {display: block;clear:both;position:absolute;}
.menu-item-has-children:hover ul.sub-menu li {
    display: block !important;
    background-color: #f3f3f3;
    /*margin-left: 140px;*/
    z-index: 99999;
    border-bottom:1px solid white;
    padding-top:8px;padding-bottom:8px;
    margin-right:0px !important;
}

li#menu-item-31 .sub-menu {margin-left: 10px;}
.menu-item-has-children > a:after {font-family: 'FontAwesome';content: " \f107";}
/*MENU END*/

table.t-catalog a {color: #e31e24 !important;font-size: 20px;text-decoration: none;}
table.t-catalog td {text-align: center;padding: 10px;}
table.t-catalog td:hover {background-color: #f3f3f3;}

ul.sub-menu {z-index: 500;box-shadow:0 5px 10px rgba(0,0,0,0.5);margin-left:140px;}
.home2 {z-index: 200;}


input, textarea {border: 1px solid gray;padding: 10px 10px;width:350px;}
input[type="submit"] {background-color: #2d4493;width: 100px;color: white;font-weight: bold;font-family: 'Open Sans', sans-serif;}

.formtext {padding: 10px; background-color:#f3f3f3;text-align: center;width: 60%;margin: auto;}

#gallery-1 .gallery-item {float: left;margin-top: 10px;text-align: center;width: 20% !important;padding: 10px;}
#gallery-1 img {border: 5px solid #2d4493 !important;height:250px;}

input#wpmtst_submit_testimonial {width: 150px;}

hr {border: 1px solid #2d4493;margin: 10px 0px;}

span.testimonial-field-before {font-weight: normal;font-size: 12px;}
.strong-view.default .testimonial-client {margin-top: 2em !important;}
.id-307 #gallery-1 img {height: 100% !important;border: 2px solid #2d4493 !important;}

.usluga {width: 45%;float: left;padding: 10px;text-align: center;}
.usluga p {font-size: 13px;}
.usluga2 p {font-size: 13px;}
.usluga2 img {float: left;margin-top: 12%;margin-bottom: 12%;}

/*#page li {margin-left: 20px;}*/

.page-list-ext-item-content {display: none;}


/* Базовый контейнер табов */
.tabs {
	min-width: 320px;
	max-width: 100%;
	padding: 0px;
	margin: 0 auto;
}
/* Стили секций с содержанием */
.tabs>section {
	display: none;
	padding: 15px;
	background: #fff;
	border: 1px solid #ddd;
}
.tabs>section>p {
	margin: 0 0 5px;
	line-height: 1.5;
	color: #383838;
	/* прикрутим анимацию */
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
/* Описываем анимацию свойства opacity */
 
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
/* Прячем чекбоксы */
.tabs>input {
	display: none;
	position: absolute;
}
/* Стили переключателей вкладок (табов) */
.tabs>label {
	display: inline-block;
	margin: 0 0 -1px;
	padding: 15px 25px;
	font-weight: 600;
	text-align: center;
	color: #aaa;
	border: 0px solid #ddd;
	border-width: 1px 1px 1px 1px;
	background: #f1f1f1;
	border-radius: 3px 3px 0 0;
}
/* Шрифт-иконки от Font Awesome в формате Unicode */
.tabs>label:before {
	font-family: fontawesome;
	font-weight: normal;
	margin-right: 10px;
}
.tabs>label[for*="1"]:before {
	content: "\f039";
}
.tabs>label[for*="2"]:before {
	content: "\f047";
}
.tabs>label[for*="3"]:before {
	content: "\f085";
}
.tabs>label[for*="4"]:before {
	content: "\f12a";
}
.tabs>label[for*="5"]:before {
	content: "\f087";
}
.tabs>label[for*="6"]:before {
	content: "\f1b3";
}
.tabs>label[for*="7"]:before {
	content: "\f12a";
}
/* Изменения стиля переключателей вкладок при наведении */
 
.tabs>label:hover {
	color: #888;
	cursor: pointer;
}
/* Стили для активной вкладки */
.tabs>input:checked+label {
	color: #555;
	border-top: 1px solid #2d4493;
	border-bottom: 1px solid #fff;
	background: #fff;
}
/* Активация секций с помощью псевдокласса :checked */
#tab1:checked~#content-tab1, #tab2:checked~#content-tab2, #tab3:checked~#content-tab3, #tab4:checked~#content-tab4, #tab5:checked~#content-tab5, #tab6:checked~#content-tab6, #tab7:checked~#content-tab7, #tab8:checked~#content-tab8 {
	display: block;
}
/* Убираем текст с переключателей 
* и оставляем иконки на малых экранах
*/
 
@media screen and (max-width: 680px) {
	.tabs>label {
		font-size: 0;
	}
	.tabs>label:before {
		margin: 0;
		font-size: 18px;
	}
}
/* Изменяем внутренние отступы 
*  переключателей для малых экранов
*/
@media screen and (max-width: 400px) {
	.tabs>label {
		padding: 15px;
	}
}

img.catalogimg.wp-post-image {float: left;margin-right: 20px;}
.oformit {
    width: 200px;
    background-color: #e31e24;
    color: white;
    text-align: center;
    padding: 5px 0px;
    float: right;
}

.tabs table td {
	padding: 3px 3px;
    font-size: 13px;
    line-height: 14px;
}
.tabs table tr:nth-child(odd) {background-color:#e0dfdf;}

.page-list-ext .page-list-ext-image {
    float: none !important;
    display: block !important;
    margin: 10px auto !important;
    height: 135px !important;
    
}
.page-list-ext-item {
    width: 30%;
    float: left;
    clear: none !important;
	text-align: center;
	min-height: 205px;
}

.page-list-ext-item:hover {
    background-color: #f3f3f3;
}

h3.page-list-ext-title {
    padding: 15px 0px;
	min-height:55px;
}

h3.page-list-ext-title a {
    text-decoration: none;
}

.page ul li {
    margin-left: 20px;
}
.id-123 .page-list-ext-image img {
    max-height: 180px;
}

.pc-specs>div:not(:last-child) {
    border-bottom: 1px dashed #CECECE;
}

.pc-specs>div {
    color: #262626;
    width: 394px;
}
.pc-specs .pcs-text {
    font-size: 14px;
    width: 70%;
}
.pc-specs .pcs-value {
    font-weight: 700;
}
.pc-specs>div>* {
    line-height: 34px;
    vertical-align: middle;
}
.id-520 .t2 {display:none;}
.id-517 .t3 {display:none;}
.id-472 .t5 {display:none;}
.id-472 .t6 {display:none;}
.id-472 .t7 {display:none;}
.id-496 .t5 {display:none;}
.id-496 .t6 {display:none;}
.id-496 .t7 {display:none;}
.id-500 .t5 {display:none;}
.id-500 .t6 {display:none;}
.id-500 .t7 {display:none;}
.id-506 .t5 {display:none;}
.id-506 .t6 {display:none;}
.id-506 .t7 {display:none;}
.id-503 .t5 {display:none;}
.id-503 .t6 {display:none;}
.id-503 .t7 {display:none;}
.id-509 .t5 {display:none;}
.id-509 .t6 {display:none;}
.id-509 .t7 {display:none;}
.id-464 .t5 {display:none;}
.id-464 .t6 {display:none;}

.id-16 .page-list-ext-item {
    width: 25% !important;
}

.id-632 img {float: left !important;margin-right: 20px;}
img.aligncenter {
    margin: auto;
    display: block;
}

h3.page-list-ext-title a {color: #000; /*#2d4493;*/}

.hometovar {height:245px;/*overflow: auto !important;/*border: 5px solid #2d4493;*/
    scrollbar-arrow-color: #fff !important; /* Цвет стрелок */
    scrollbar-face-color: #2d4493 !important; /* Цвет полосы прокрутки */
    background-color: #f3f3f3;
    
}

.tmenu{display:none}

ul#menu-verhnee-menyu > li:hover {border-top: 1px solid #e31e24;}
ul#menu-verhnee-menyu > li:hover > a {color:#e31e24 !important;}

/*ul#menu-verhnee-menyuli ul.sub-menu li a {color:#000;}*/
video {
    height: 504px !important;
    border: 0px solid #989898;
    /*width: 892px;*/
    padding-top: 0px;
    /*margin-top: -5px !important; */
}

table.servtable {width: 370px;margin: auto;padding: 0px;margin-top:-6px;text-align: left;}
table.servtable td {border:1px solid #f3f3f3;}
table.servtable:hover {/*border-top: 6px solid red;*/margin-top: -6px;}

#search-2 label.screen-reader-text {display: none !important; }
li#search-2 input#s {width: 159px !important;}

#search-2 input[type="submit"] {
    background-color: #2d4493;
    width: 55px;
    color: #ffffff;
    font-weight: bold;
    font-family: 'Open Sans', sans-serif;
    content: "1";
    padding: 9px 0px;
}

td.otext {background-color: white;padding: 20px;vertical-align: top;}


.wpl-logo {min-height: 75px !important;border: 1px solid #4b4b4c !important;}
div#wpl-logo-carousel-76.wpl-logo-carousel .wpl-logo {border: 1px solid white !important;background-color:white;}

.ff1 {width: 485px;font-size: 18px;border: 1px solid #ececec; color: #f3f3f3;margin:10px;}
.ff2 {width: 220px;font-size: 18px;border: 1px solid #ececec; color: #f3f3f3;margin:10px;}
.ff3 {width: 220px;font-size: 18px;border: 1px solid #ececec; color: #f3f3f3;margin:10px;}
.ff4 {width: 485px;font-size: 18px;border: 1px solid #ececec !important; color: #f3f3f3;margin:10px;font-family:'Open Sans', sans-serif;height:210px;}


.hometovar .owl-carousel .owl-stage-outer {height:250px;}
.hometovar .white .sa_owl_theme .owl-nav .owl-prev {display:block !Important;background-color: #f3f3f3 !important;}
.hometovar .white .sa_owl_theme .owl-nav .owl-next {display:block !Important;background-color: #f3f3f3 !important;}
.hometovar button.owl-next span {display:none;}
.hometovar button.owl-prev span {display:none;}
.hometovar button.owl-prev {margin-left: -50px;}
.hometovar button.owl-next {margin-right: -50px;}
.hometovar .owl-dots {display: none !important;}

.owl-carousel .owl-item {float: left;margin-left: 10px !important;}


.attachment-post-thumbnail {float: left !important; margin-right: 20px;}
ul.page-numbers li {display: inline-block;}
ul.page-numbers {margin: 20px;}

#menu-verhnee-menyu > li.current_page_item > a {
    color: #e31e24 !important;
}

.sub-menu > .current-menu-item > a {
    color: #e31e24 !important;
}

.oformit2 {
    margin: auto;
    width: 200px;
    background-color: #e31e24;
    color: white;
    text-align: center;
    padding: 5px 0px;
}

.id-125 #page #gallery-1 .gallery-item {width:45% !important; height:auto !important;}
.id-125 #page #gallery-1 img {height:auto !important;}

a.white {text-decoration:none;color:white;}


@media screen and (max-width: 800px) {
h3.page-list-ext-title {
    font-size: 11px !important;
}
}

.id-123 h3.page-list-ext-title {padding:45px 0px !important;}
.id-123 .page-list-ext-item {width: 36% !important}

.id-16 h3.page-list-ext-title {min-height: 90px;}

.id-503 .also,
.id-496 .also, 
.id-500 .also, 
.id-1473 .also, 
.id-464 .also, 
.id-472 .also,
.id-506 .also,
.id-1671 .also,
.id-1663 .also {display:none;}


.gallery-columns-3 img.size-thumbnail {
    width: 100%;
    height: auto !important;
}