/*
THEME NAME: Xsteel
THEME URI: http://xsteel.by
DESCRIPTION: Тема ИП Прохоренко А.О.
VERSION: 1.0
AUTHOR: WebConcept
AUTHOR: http://webconcept.by
*/

/* Eric Meyer's CSS Reset */
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, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
/* End of Eric Meyer's CSS Reset */

article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
	display: block;
}
body {
	font: 12px/18px 'Roboto Condensed', sans-serif;
	width: 100%;
  	background: url('img/fon_line.jpg');
}
.wrapper {
  	width: 100%;
  	box-shadow: 5px 5px;
  	-webkit-box-shadow: 0px 0px 15px #FFF;
  	-moz-box-shadow: 0px 0px 15px #FFF;
}


/* Header
-----------------------------------------------------------------------------*/
.header_full{
	width: 100%;
	border-bottom: 4px solid #BABABA;
  	background: url('img/fon_line.jpg');
}

.header_page {
	height: 198px;
  	width: 1256px;
	margin: 0 auto;
	position: relative;
}

.head{
	display: inline-block;
	float: left;
	width: 200px;
	position: relative;	
}

.head h2{
	font-size: 24px;
	text-align: left;
	position: absolute;
  	left: -3px;
  	bottom: -18px;
}

.head_contact{
	display: inline-block;
	float: right;
	width: 200px;	
}

h1.logo img{
	width: 200px;
	margin-top: 40px;
}

.head_contact ul{
	margin-top: 40px;
}

.head_contact ul li{
	font-size: 22px;
	margin: 20px 0;
	padding-left: 30px;
}

.head_contact ul li em{
	font-size: 18px;
}

.head_contact ul li.velcom{
	background: url('img/logo_velcom.png') -3px center no-repeat;
	background-size: 27px;
}

.head_contact ul li.mts{
	background: url('img/mts.png') 3px center no-repeat;
	background-size: 19px;
}

.head_contact ul li.life{
	background: url('img/life.png') left center no-repeat;
	background-size: 26px;
}


.menu-menu-v-shapke-container{
	width: 1256px;
	height: 40px;
	position: absolute;
	bottom: 0px;
	left: 0px;
}

.menu-menu-v-shapke-container ul li{
	background: #006494;
	margin-left: 20px;
	float: left;
  	width: 23.8%;
 	text-align: center;
}

.menu-menu-v-shapke-container ul li:first-child{
	margin-left: 0px;
}

.menu-menu-v-shapke-container ul li:hover{
	background: #BABABA;
}

.menu-menu-v-shapke-container ul li a{
	font-size: 24px;
	line-height: 40px;
	text-decoration: none;
	color: #fff;
	display: block;
}

#mini_menu{
	clear: left;
	display: inline-block;
}

#mini_menu p.link_menu{
  	display: none;
	color: #fff;
  	cursor: pointer;
  	background: url('img/menu.png') no-repeat left center;
  	padding: 0px 20px;
  	margin: 0px 10px;
}

#mini_menu .menu-menu-v-shapke-container ul li{
	border-top: 1px solid #BABABA;
}


/*steel
--------------------------------------------------------------------------*/

.product_metall{
	width: 30%;
	height: 250px;
	float: left;
	display: inline-block;
	margin: 10px 1.5% 20px;
	border-bottom: 2px solid #000;
}

a.link_a{
	display: block;
	width: 100%;
	height: 100%;
	color: #fff;
	text-decoration: none;	
}

.container .product_metall h1{
	background: none;
	background: transparent;
	color: #006494;
	text-decoration: underline;	
}

div.armatura{
  	background: url('img/armatura.png') center 95% no-repeat;
  	background-size: 70%;
}

div.ugol{
  	background: url('img/ugol.png') center 95% no-repeat;
  	background-size: 70%;
}

div.list_metall{
  	background: url('img/list_metall.png') center 95% no-repeat;
  	background-size: 70%;
}

div.shveler{
  	background: url('img/shveler.png') center 95% no-repeat;
  	background-size: 70%;
}

div.truba_crug{
  	background: url('img/truba_crug.png') center 95% no-repeat;
  	background-size: 70%;
}

div.truba_profil{
  	background: url('img/truba_profil.png') center 95% no-repeat;
  	background-size: 70%;
}

div.provoloka{
  	background: url('img/setka.png') center 95% no-repeat;
  	background-size: 70%;
}

/*Build
------------------------------------------------------------------------*/
.product_build{
	width: 30%;
	height: 250px;
	float: left;
	display: inline-block;
	margin: 10px 1.5% 20px;
	border-bottom: 2px solid #000;
}

a.link_a:hover{
	background: url('img/link.png') 50% center no-repeat rgba(0, 0, 0, 0.3);;
 	transition: 0;	
	//opacity: 0.5;
}

a.link_a:hover h1{
	color: #fff;
	text-decoration: underline;
}

.container .product_build h1{
	background: none;
	background: transparent;
	color: #006494;
	text-decoration: underline;
}

div.gidra{
  	background: url('img/gidra.png') center 80% no-repeat;
  	background-size: 45%;
}

div.shpatlevka{
  	background: url('img/nerj.png') center 80% no-repeat;
  	background-size: cover;
}

div.shtucaturka{
  	background: url('img/latun.png') center 80% no-repeat;
  	background-size: cover;
}

div.klei{
  	background: url('img/alum.png') center 80% no-repeat;
  	background-size: cover;
}

div.fuga{
  	background: url('img/fuga.png') center 80% no-repeat;
  	background-size: 75%;
}

div.stayjka{
  	background: url('img/styazhka_pola.png') center 80% no-repeat;
  	background-size: 70%;
}

/*404
--------------------------------------------------*/
ul.error_404 li{
  background: url('img/line_li.png') left top no-repeat;
  background-size: 20px;
	font-size: 20px;
	line-height: 20px;
  margin: 20px 0;
  padding-left: 25px;
}
/* Middle
-----------------------------------------------------------------------------*/
.middle_full {
	width: 100%;
	background-color: #FFF;
	padding-top: 20px;
}

.middle {
	width: 1256px;
	margin: 0 auto;
	position: relative;
}
.middle:after {
	display: table;
	clear: both;
	content: '';
}
.container {
	width: 100%;
	overflow: hidden;
	margin-bottom: 20px;
}

.container h1{
	font-size: 26px;
	background-color: #898989;	
	line-height: 38px;
  	color: #fff;
  	text-align: center;
}


.middle h2{
	font-size: 26px;
	background-color: #E78321;	
	line-height: 38px;
  	color: #fff;
  	text-align: center;
}

h1.clear_contact{
	margin-bottom: 20px;
}

h1.clear_product{
	margin-bottom: 20px;
}

h1.clear_index{
	margin-bottom: 10px;
}

h1.clear_top_index{
	margin-top: 20px;
}

h2.clear_top_index{
	margin-top: 20px;
}

ul.content_plus li{
  	min-height: 85px;
	margin: 10px 0 20px 1%;
	float: left;
 	text-align: center;
  	width: 32.66%;
	padding-top: 15px;
	color: #fff;
}

ul.content_plus li:first-child{
	margin: 10px 0 20px;
}

ul.content_plus li.sertificat{
	background: url('img/sertificat.png') 4px center no-repeat #006494;
	background-size: 19%;
}

ul.content_plus li.cash{
	background: url('img/cash.png') 4px center no-repeat #006494;
	background-size: 23%;
}

ul.content_plus li.sale{
	background: url('img/sale.png') 4px center no-repeat #006494;
	background-size: 25%;
}

ul.content_plus li h3{
	font-size: 22px;
	line-height: 24px;
	text-align: center;
	margin-left: 110px;
}

ul.content_plus li p{
	font-size: 16px;
	color: #C5C5C5;
	line-height: 25px;
  	margin-left: 110px;
}

.content_index{
  	float: left;
  	width: 74.7%;
  	position: relative;
	display: block;
	font-size: 16px;
	line-height: 20px;
}

.content_index p{
	text-indent: 20px;
	line-height: 28px;
	display: inline-block;
}

.content_product p{
  	text-indent: 18px;
  	line-height: 24px;
  	display: inline-block;
  	font-size: 18px;
	margin: 5px 0 15px;
}

.content_index ul{
	padding-left: 50px;
}

.content_product ul{
	padding-left: 30px;
}

.content_product h3{
  	text-indent: 18px;
  	line-height: 20px;
  	display: inline-block;
  	font-size: 16px;
	margin-top: 5px;
}

.content_index ul li{
  	background: url('img/line_li.png') left center no-repeat;
  	background-size: 18px;
  	margin: 10px 0;
  	padding-left: 25px;
	font-size: 18px;
}

.content_product ul li{
  	background: url('img/line_li.png') left center no-repeat;
  	background-size: 17px;
  	margin: 10px 0;
  	padding-left: 25px;
	font-size: 16px;
}

.content_bottom p{
	text-indent: 20px;
	line-height: 28px;
}

.content_bottom {
	font-size: 16px;
	line-height: 20px;
	display: none;
}

.container h3{
	font-size: 22px;	
	line-height: 38px;
  	color: #898989;
  	text-align: left;
}

.container .content_plus h3{
	color: #fff;
}

.content_product{
	float: right;
	width: 74.7%;
	margin-bottom: 20px;
}

.content_product h1{
  	font-size: 26px;
  	background-color: #898989;
  	line-height: 38px;
  	color: #FFF;
  	text-align: center;
}

/*Metall
---------------------------------------------------------------------*/
.price_table{
	  margin-bottom: 20px;
}

.price_table tr.even{
    	background: #FAFAFA; 
  	background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#FAFAFA));
  	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.price_table tr.odd{
  	background: #F6F6F6;
  	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#F6F6F6));
  	background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

#myTable tr:nth-child(odd){
  	background: #F6F6F6;
  	background: -webkit-gradient(linear, left top, left bottom, from(#F8F8F8), to(#F6F6F6));
  	background: -moz-linear-gradient(top, #f8f8f8, #f6f6f6);
}

#myTable tr:nth-child(even){
    	background: #FAFAFA; 
  	background: -webkit-gradient(linear, left top, left bottom, from(#FBFBFB), to(#FAFAFA));
  	background: -moz-linear-gradient(top, #fbfbfb, #fafafa);
}

.price_table tr{ 
	font-size: 20px;
	line-height: 30px;
	cursor: default;
	border-bottom: 2px solid #BABABA;
}

#myTable tr:hover{ 
  	background: #F2F2F2;
  	background: -webkit-gradient(linear, left top, left bottom, from(#F2F2F2), to(#F0F0F0));
  	background: -moz-linear-gradient(top, #f2f2f2, #f0f0f0);
}

.price_table tr.h:hover, .price_table tr.total:hover{ 
	background: #EDEDED;
  	background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#EBEBEB));
  	background: -moz-linear-gradient(top, #ededed, #ebebeb);
}

.price_table tr td{ 
	padding: 10px 15px;
	text-align: center;
}

.price_table tr td:first-child{ 
	text-align: left;
}

.price_table tr td div{
	text-indent: 20px;
	font-size: 16px;
}

.price_table tr td div:first-child{ 
	color: #006494;
	text-indent: 0px;
	font-size: 20px;
}

.price_table tr.total td{ 
	padding-left: 20px;
}

#myTable tr.h{
	font-size: 22px;
	line-height: 40px;
	text-align: center;
  background: #EDEDED;
  background: -webkit-gradient(linear, left top, left bottom, from(#EDEDED), to(#EBEBEB));
  background: -moz-linear-gradient(top, #ededed, #ebebeb);
	border-top: 2px solid #BABABA;
 
}

.price_table tr.total{
	font-size: 20px;
}

.price_table tr.h .title_wt{
	width: 60px;
	text-align: center;
}

.price_table tr.h .title_price{
	width: 140px;
	text-align: center;
}
/*Contact
---------------------------------------------------------------------------*/
.contact{
	width: 50%;
	display: inline-block;
	float: left;	
}

.contact ul li{
	font-size: 22px;	
	margin: 20px 0px 20px 80px;
	padding-left: 30px;
}

.contact ul li em{
	font-size: 18px;
}

.contact ul li.velcom{
	background: url('img/logo_velcom.png') -3px center no-repeat;
	background-size: 27px;
}

.contact ul li.mts{
	background: url('img/mts.png') 3px center no-repeat;
	background-size: 19px;
}

.contact ul li.life{
	background: url('img/life.png') left center no-repeat;
	background-size: 26px;
}

.contact ul li.mail{
	background: url('img/mailru.png') left center no-repeat;
	background-size: 24px;
}

.contact ul li.address{
	background: url('img/map.png') left center no-repeat;
	background-size: 23px;
	margin: 20px 0px 20px 50px;
}

.container div.wpcf7{
	width: 50%;
	display: inline-block;	
	margin-bottom: 20px;
}

.wpcf7-form{
	width: 100%;
	min-height: 230px;
  	margin: 0 auto;
}

.wpcf7-form p{
	font-size: 16px;
	padding: 5px 50px;
}

.form_one{
	float: left;
	width: 170px;
	display: inline-block;
}

.wpcf7-form input{
	width: 301px;
	resize: none;
} 

.wpcf7-form textarea{
	height: 90px;
	width: 300px;
	resize: none;
} 

.wpcf7-form .submit_bt{
	width: 100px;
	float: right;
	background: #006494;
	display: inline-block;	
	color: #fff;
	border: 0;
	font-size: 16px;
	padding: 5px 10px;
	margin: 5px 0;
	cursor:pointer;
	font-family: 'Cuprum', calibri, sans-serif;
}

.wpcf7-form .submit_bt:hover{
	background: #BABABA;
	color: #006494;
}

.wpcf7-form div.wpcf7-response-output{
  	margin: 40px 0 20px 0;
  	padding: 10px;
}

.wpcf7-form div.wpcf7-validation-errors{
	font-size: 15px;
	border: 2px solid #F00;
}

.wpcf7-form div.wpcf7-mail-sent-ok{
	font-size: 15px;
	border: 2px solid #399126;
}

.wpcf7-form span.wpcf7-not-valid-tip{
	font-size: 15px;
}

.content_maps{
	width: 100%;
	height: 360px;
	margin-bottom: 20px;
}

#map{
	width: 75%;
	float: left;
	height: 360px;
}

.maps_link{
	width: 25%;
	float: right;
	height: 360px;	
}

.maps_link ul li{
	height: 109px;
	border-top: 2px solid #122A38;
	color: #fff;
	font-size: 17px;
	line-height: 24px;
	text-indent: 20px;
	background-color: #006494;
	cursor: pointer;
  	padding-top: 9px;
}

.maps_link ul li:first-child{
	border-top: none;	
}

.maps_link ul li:hover{
	background-color: #BABABA;
	color: #006494;
}

.maps_link li.active_address{
	background-color: #BABABA;
	color: #006494;
}

.maps_link li.active_address p:first-child{
	color: #000;
}

.maps_link ul li p{
	padding-left: 20px;
	line-height: 32px;
}

.maps_link ul li p:first-child{
	color: #E78321;
	font-size: 20px;
	padding-left: 0px;
}

.maps_link ul li:hover p:first-child{
	color: #000;
}


/* Right Sidebar
-----------------------------------------------------------------------------*/
.right-sidebar {
  	float: right;
  	width: 23.8%;
	position: relative;
}

h3.widget-title{
	font-size: 22px;
	color: #fff;
	line-height: 38px;
	text-align: center;
	background-color: #E78321;
}

#menu-menu-v-sale {
	font-size: 18px;
	line-height: 28px;
}

#menu-menu-v-sale li{
	border-bottom: 1px solid #E78321;
}

#menu-menu-v-sale li a:hover{
	background: #BABABA;
	color: #fff;
}

#menu-menu-v-sale a{
	text-decoration: none;
	color: #006494;
	display: block;
	text-indent: 20px;
	line-height: 35px;
}


#menu-menu-v-menu1 {
	font-size: 18px;
	line-height: 28px;
}

#menu-menu-v-menu1 li{
	border-bottom: 1px solid #E78321;
}

#menu-menu-v-menu1 li a{
	text-decoration: none;
	color: #006494;
	display: block;
	text-indent: 20px;
	line-height: 35px;
}

li.current_page_item a{
  	background: #BABABA;
  	color: #FFF;
}

#menu-menu-v-menu1  li.current_page_item a{
  	background: #BABABA;
  	color: #FFF;
} 

#menu-menu-v-sale  li.current_page_item a{
  	background: #BABABA;
  	color: #FFF;
} 

#menu-menu-v-menu1 li a:hover{
  	background: #BABABA;
  	color: #FFF;
}

#nav_menu-3, #nav_menu-4{
	margin-bottom: 20px;
}

.right-sidebar p{
	font-size: 16px;
	text-indent: 0px;
	text-align: center;
	line-height: 22px;
	color: #90999D;
	margin: 10px 0 0;	
}

.right-sidebar p.podnos{
	background: url('img/podnos.png') right bottom no-repeat;
  	background-size: 90%;
  	padding-bottom: 150px;
}

.right-sidebar h3#forma_zakaza{
	background: #006494; 
	font-size: 22px;
  	line-height: 40px;
  	margin: 0px auto;
  	text-align: center;
	color: #fff;
	cursor: pointer;
  	width: 100%;
}

.right-sidebar h3#forma_zakaza:hover{
	background: #BABABA;
	color: #006494;
}

.right-sidebar img{
	float: right;
	width: 85%;
}

/* left Sidebar
-----------------------------------------------------------------------------*/
.left-sidebar {
	float: left;
	width: 23.8%;
	position: relative;
}

.left-sidebar p{
	font-size: 16px;
	text-indent: 20px;
	line-height: 22px;
	color: #90999D;
	margin: 10px 0;	
}

/* Footer
-----------------------------------------------------------------------------*/
.footer_full{
	width: 100%;
	border-top: 4px solid #BABABA;
}
.footer {
	height: 100px;
  	width: 1256px;
	margin: 0 auto;
}

.foot_prava{
  	display: inline-block;
	font-size: 16px;
	line-height: 30px;
  	float: left;
  	width: 200px;
	position: relative;
}

.foot_prava h2{
	font-size: 22px;
	text-align: left;
	position: absolute;
	right: -122px;
  	bottom: 32px;
}

.foot_prava h1.logo img{
	width: 120px;
	margin-top: 20px;
}

.webconcept{
  	display: inline-block;
	margin-top: 20px;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
  	float: right;
  	width: 200px;
}

.webconcept a{
	text-decoration: none;
	color: #006494;
}

.webconcept a:hover{
	text-decoration: none;
	color: #E78321;
}

.webconcept img{
	width: 100px;
	display: block;
	margin: 0 auto;
}

/*
 | ------------------------------------------
 | Glide styles
 | ------------------------------------------
 | Here are slider styles
 | 
*/

.slider {
	position: relative;
	width: 100%;
	height: 380px;
	overflow: hidden;
	border-top: 4px solid #BABABA;
}
	
	.slides {
		height: 100%;
		
		/* Simple clear fix */
		overflow: hidden;
		
		/**	
		 * Prevent blinking issue
		 * Not tested. Experimental.
		 */
		-webkit-backface-visibility: hidden;
		-webkit-transform-style: preserve-3d;

		/**
		 * Here is CSS transitions 
		 * responsible for slider animation in modern broswers
		 */
		-webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		   -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		     -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); 
		        transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
	}
	
		.slide {
			height: 100%;
			float: left;
			clear: none;
		}


	.slider-arrows {}

		.slider-arrow {
			position: absolute;
			display: block;
			margin-bottom: -20px;
			width: 70px;
  			height: 70px;
			padding: 0px;
		}

			.slider-arrow--right { background: url('img/icon_slide.png') -27px center no-repeat; bottom: 45%; right: 30px; font-size: 0; opacity: 0.7;}
			.slider-arrow--left { background: url('img/icon_slide.png') -451px center no-repeat; bottom: 45%; left: 30px; font-size: 0; opacity: 0.7;}
			.slider-arrow--right:hover{opacity: 1;}
			.slider-arrow--left:hover{opacity: 1;}


	.slider-nav {
		position: absolute;
		bottom: 30px;
	}

		.slider-nav__item {
			width: 12px;
			height: 12px;
			float: left;
			clear: none;
			display: block;
			margin: 0 5px;
			background: #fff;
		}

				.slider-nav__item:hover { background: #ccc; }
				.slider-nav__item--current { background: #000; }

	.box{
		height: 100%;
	

}

.box-1{
background: url('slide/slide1.jpg') 20% 80% no-repeat;
}

.box-2{
background: url('slide/slide2.jpg') 20% 65% no-repeat;
}


.box-3{
background: url('slide/slide3.jpg') 20% 80% no-repeat;
}

/*Модальное окно*/
#modal_form,  #modal_form_send{
	width: 320px; 
	height: auto; 
	border: 5px solid #E78321;
	background: #fff;
	position: fixed;
	top: 45%; 
	left: 50%; 
	margin-top: -230px;
	margin-left: -200px;
	display: none; 
	opacity: 0; 
	z-index: 1001;
}

.modal_form #modal_close{
	position: absolute;
	background: url('img/close.png') right top no-repeat;
	background-size: 20px;
	font-size: 20px;
	width: 20px;
	height: 20px;
	top: -26px;
	right: -26px;
	color: #fff;
	cursor: pointer;
	display: block;
}

.modal_form h2{
  	text-align: center;
  	font-size: 24px;
	background: #898989;
	color: #fff;
  	line-height: 40px;
  	margin: 0px;
}

#modal_close:hover{
	color: #C50917;
}

.modal_form .close_pod{
	position: absolute;
	font-size: 14px;
	top: 4px;
	right: 25px;
	display: none;
	z-index: 100;
	color: #fff;
}

#overlay {
	z-index: 1000; 
	position: fixed;
	background-color: #000; 
	opacity: 0.8;
	width: 100%; 
	height: 100%; 
	top: 0; 
	left: 0; 
	cursor: pointer;
	display: none;
}

.modal_form p, .modal_form input, .modal_form textarea{
	font-size: 16px;
	margin: 5px 0px;	
}

.form_name, .form_tel, .form_mess{
	width: 98%;
}

.form_mess{
	resize: none;
}

#modal_form div.wpcf7{
	width: 100%;
}

#modal_form div.wpcf7 p{
  	padding: 0px 10px;
}

#modal_form .wpcf7-form input{
  	width: 294px;
}

#modal_form .wpcf7-form  .form_one{
	width: 294px;
}

#modal_form .wpcf7-form textarea{
  	width: 294px;
}

.modal_form div.wpcf7-response-output{
	font-size: 15px;
	margin: 25px 10px 10px;
	padding: 5px;
}

.modal_form div.wpcf7-validation-errors{
	border: 2px solid #C50917;
}

.modal_form span.wpcf7-not-valid-tip{
	color: #C50917;
}