/*
Theme Name: laneX
Theme URI:https://line-x174.ru/
Description: Сайт официального представителя продукции lane-x на территории Урала
Version: 1.0
Author: VTR 
Author URI:full-it.ru
*/
*{
}
html{
	margin:0;
	padding:0;
	scroll-behavior: smooth;
}
body{
	margin:0;
	padding:0;
	    font-family: 'Open Sans';
    font-weight: normal;
    font-style: normal;
  background-color: #ffffff;  color: #000000;
}
#sidebar p:empty { display: none; }
.wpcf7-form p:empty { display: none; }
.content{
	    width: 1260px;
    margin: 0 auto;
}
.all_content{
	margin: 40px 0;
  clear: both;
  overflow: auto;
}
.text_size_44{
	font-size: 44px;
}
.text_size_40{
	font-size: 40px;
}
.text_size_38{
	font-size: 38px;
}
.text_size_36{
	font-size: 36px;
}
.text_size_30{
	font-size: 30px;
}
.text_size_26{
	font-size: 26px;
}
.text_size_22{
	font-size: 22px;
}
.text_size_20{
	font-size: 20px;
}
.text_size_18{
	font-size: 18px;
}
.text_size_16{
	font-size: 16px;
}
.text_size_15{
	font-size: 15px;
}
.text_size_14{
	font-size: 14px;
}
.text_size_11{
	font-size: 11px;
}
.post-title{
	text-align: center;
  font-weight: bold;
  text-transform: uppercase;
}
.top_decor_line{
  background-color: #1d1d1d;
  width: 100%;
  min-width: 380px;
  margin: 0 auto;
  height: 30px;
}
.top_line{
	background-color: #2d2d2d;
  width: 100%;
  min-width: 380px;
  margin: 0 auto;
background-image: url(img/bg_top.png);
  background-size: cover;
  background-position: center;
}
.top_line .content{
display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 10px 0;
}
.top_line .logos{}
.top_line .logos.head{}
.top_line .logos.head img{
	  height: 80px;
  width: 230px;
}
.top_line .legends{
	  margin: 0px 0px 0px 36px;
	    color: #ffffff;
}
.top_line .works_time{
display: flex;
  flex-direction: column;
  align-content: flex-end;
  align-items: flex-end;
    margin: 0 0 0 195px;
}
.top_line .works_time p{
  margin: 0;
  padding: 0;
color: #ffffff;
}
.top_line .works_time p.red{
  color: #b1b1b1;
  font-weight: normal;
}
.top_line .call{
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
    margin: 0 0px 0px 20px;
}
.top_line .call a{
color: #fff200;
  text-decoration: none;
}
.top_line .call .phone{
	font-weight: bold;
}
.top_line .call .callback{
  margin: 10px 0 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background-color: #fff200;
  color: #000000;
  font-weight: bold;
   transition: 0.6s linear;
}
.top_line .call .callback:hover{
	background-color: #ffffff;
	   transition: 0.6s linear;
}
.menu_line{
	background-color: #ffffff;
	color: #000000;
  width: 100%;
  min-width: 380px;
  margin: 0 auto;
    border-bottom: 2px solid #fff200;
}
.menu_line ul{
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: nowrap;
}
.menu_line ul li{
list-style: none;
}
.menu_line ul li a{
		color: #000000;
text-decoration: none;
  list-style: none;
  padding: 10px 10px;
  display: table;
  margin: 0 50px;
  font-weight: bold;
  text-align: center;
     transition: 0.6s linear;
	   text-transform: uppercase;
}
.menu_line ul li a:hover{
	  background-color: #fff200;
-webkit-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
-moz-box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
box-shadow: 0px 0px 8px 0px rgba(34, 60, 80, 0.2);
   transition: 0.6s linear;
}



.botton_line{
background-color: #161616;
  width: 100%;
  min-width: 380px;
  margin: 0 auto;
  background-image: url(img/bg_top.png);
  background-size: cover;
  background-position: center;
}
.botton_line .content{
display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: row;
  padding: 30px 0;
  clear: both;
  overflow: auto;
}
.botton_line .logos{
  float: left;
}
.botton_line .logos img{
	  height: 60px;
  width: 173px;
}
.botton_line .menu{
float: left;
  margin: 15px 130px;
}
.botton_line .menu ul{
margin: 0;
  padding: 0;
    width: 600px;
	  display: flex;
}
.botton_line .menu ul li{
margin: 5px 15px;
  padding: 0;
  list-style: none;
}
.botton_line .menu ul li a{
color: #ffffff;
  text-decoration: none;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.botton_line .call{
display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0 0px 0px 20px;
}
.botton_line .call a{
color: #fff200;
  text-decoration: none;
}
.botton_line .call .phone{
	font-weight: bold;
}
.botton_line .call .callback{
margin: 10px 0 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background-color: #fff200;
  color: #000000;
  font-weight: bold;
  transition: 0.6s linear;
}

.botton_line .call .callback:hover{
	background-color: #ffffff;
	   transition: 0.6s linear;
}

.list_catal{
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
}
.list_catal .item_catal{
  width: 380px;
  height: 300px;
  display: block;
  margin: 15px 15px;
}
.list_catal .item_catal a{
  width: inherit;
  height: inherit;
  display: block;
  position: sticky;
}
.list_catal .item_catal a img{
	  width: inherit;
  height: inherit;
  display: block;
    filter: brightness(70%) grayscale(0.1);
    border-radius: 10px;
	object-fit: cover;
transition: 0.6s linear;
  position: absolute;
  
}
.list_catal .item_catal a:hover img{
	filter: brightness(99%) grayscale(0);
transition: 0.6s linear;
}
.list_catal .item_catal a span{
  margin: 0;
  padding: 0;
  position: absolute;
  color: #fff200;
  width: inherit;
  height: inherit;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-weight: bold;
    filter: opacity(1);
	transition: 0.6s linear;
}
.list_catal .item_catal a:hover span{
	  filter: opacity(0.1);
	  transition: 0.6s linear;
}
.contact_form_more{
background-color: #fff200;
  width: 100%;
  min-width: 380px;
  margin: 0 auto;
  padding: 40px 0;
}
.contact_form_more .titl_contact_form .titl_l{
	text-align: center;
  font-weight: bold;
  margin: 0;
  padding: 0;
  text-transform: uppercase;
}
.contact_form_more .titl_contact_form p{
	  margin: 10px 0;
  padding: 0;
  text-align: center;
  font-weight: bold;
}
.kont_contact_form{
	display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  justify-content: center;
}
.kont_contact_form .line_one{
width: 405px;
text-align: center;
}
.kont_contact_form .line_one input{
width: 370px;
  margin: 0;
  padding: 10px 10px;
  border-radius: 10px;
  border: solid 2px #000000;
  font-size: 18px;
  font-family: 'Open Sans';
}
.kont_contact_form .line_two{
	  width: 1218px;
	    margin: 15px 0;
text-align: center;
}
.kont_contact_form .line_two textarea{
  width: 1180px;
  height: 80px;
  margin: 0;
  padding: 10px 10px;
  border-radius: 10px;
  border: solid 2px #000000;
  font-size: 18px;
  font-family: 'Open Sans';
}
.kont_contact_form input[type="file"]{
  margin: 10px 60px 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  transition: 0.6s linear;
  font-size: 18px;
}
.kont_contact_form .wpcf7-submit{
margin: 10px 0 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background-color: #000000;
  color: #ffffff;
  font-weight: bold;
  transition: 0.6s linear;
  font-size: 18px;
}
.kont_contact_form .wpcf7-submit:hover{
  background-color: #ffffff;
  color: #000000;	
}
.wpcf7-spinner{display:none !important}

#sidebar .wpcf7 form .wpcf7-response-output{
border-color: #fff200;
  background-color: #fff200;
  margin: 0;
  padding: 17px;
  text-align: center;
}
#sidebar .wpcf7 form.sent .wpcf7-response-output {
  border-color: #13af22;
  background-color: #13af22;
  color: #ffffff;
}
.kont_contact_form.callback .line_one{
	width: 300px;
  margin: 0 auto;
}
.kont_contact_form.callback .line_one input{
  width: 300px;
  margin: 20px 0 0 0;
}
.kont_contact_form.callback .wpcf7-submit{
margin: 20px auto 0 auto;
  width: 300px;
}
.all_content a{
	  text-decoration: none;
  font-weight: bold;
  color: inherit;
    transition: 0.6s linear;
}
.all_content a:hover{
	  background-color: #fff200;
	  border-radius: 10px;
	    transition: 0.6s linear;
}




@media screen and (max-width:1920px){.content{
	    width: 1260px;
    margin: 0 auto;
}

}/*1700*/






@media screen and (max-width:1699px){
.content{
	    width: 1230px;
    margin: 0 auto;
}
.top_line .logos.head img {
  height: 76px;
  width: 219px;
}
.top_line .works_time {
  margin: 0 0 0 145px;
}
.botton_line .menu {
  margin: 15px 104px;
}

.kont_contact_form .line_one {
  width: 380px;
}
.kont_contact_form .line_one input {
  width: 345px;
  font-size: 17px;
}
.kont_contact_form .line_two {
  width: 1160px;
}
.kont_contact_form .line_two textarea {
  width: 1104px;
  font-size: 17px;
}
.kont_contact_form .wpcf7-submit {
  font-size: 17px;
}
.botton_line .logos img {
  height: 58px;
  width: 167px;
}
.list_catal .item_catal {
  width: 350px;
  height: 280px;
  display: block;
  margin: 15px 15px;
}
.text_size_36 {
  font-size: 32px;
}

}/*1400*/








@media screen and (max-width:1399px){
.content{
	    width: 1160px;
    margin: 0 auto;
}

.text_size_44{
	font-size: 38px;
}
.text_size_40{
	font-size: 36px;
}
.text_size_38{
	font-size: 30px;
}
.text_size_30{
	font-size: 24px;
}
.text_size_26{
	font-size: 22px;
}
.text_size_22{
	font-size: 20px;
}
.text_size_20{
	font-size: 19px;
}
.text_size_18{
	font-size: 17px;
}
.text_size_16{
	font-size: 15px;
}




}/*1200*/




@media screen and (max-width:1199px){

.content{
	    width: 900px;
    margin: 0 auto;
}

.text_size_44{
	font-size: 30px;
}
.text_size_40{
	font-size: 26px;
}
.text_size_38{
	font-size: 25px;
}
  .text_size_36 {
    font-size: 24px;
  }
.text_size_30{
	font-size: 22px;
}

.text_size_26{
	font-size: 20px;
}
.text_size_22{
	font-size: 19px;
}
.text_size_20{
	font-size: 18px;
}
.text_size_18{
	font-size: 16px;
}
.text_size_16{
	font-size: 14px;
}
.text_size_15 {
  font-size: 13px;
}
.botton_line .menu ul {
  margin: 0;
  padding: 0;
  width: 550px;
  display: flex;
}
.botton_line .menu ul li {
  margin: 4px 11px;
}
  .botton_line .menu {
    margin: 15px 0px;
  }
   .kont_contact_form .line_one {
    width: 290px;
  }
  .kont_contact_form .line_one input {
    width: 255px;
    font-size: 16px;
	  padding: 8px 8px;
  }  
  .kont_contact_form .line_two {
    width: 870px;
  }
  .kont_contact_form .line_two textarea {
    width: 834px;
    font-size: 15px;
    padding: 8px 8px;
  }
  .kont_contact_form .wpcf7-submit {
    font-size: 16px;
  }
  .list_catal .item_catal {
    width: 276px;
    height: 250px;
    display: block;
    margin: 11px 11px;
  }  
.post-title {
  font-size: 26px;
}
.all_content {
  margin: 20px 0;
}
.contact_form_more {

  padding: 30px 0;
}
 .top_decor_line {
  height: 20px;
}
.menu_line ul li a {
  padding: 8px 8px;
  margin: 0 40px;
}
 .top_line .legends {
  margin: 0px 0px 0px 23px;
    width: 250px;
}
  .top_line .logos.head img {
    height: 73px;
    width: 210px;
  }
  .top_line .works_time {
    margin: 0 0 0 115px;
  }
 .kont_contact_form input[type="file"] {
  margin: 10px 0 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  transition: 0.6s linear;
  font-size: 17px;
}

}/*900*/



@media screen and (max-width:930px){
.content{
	    width: 700px;
    margin: 0 auto;
}
.top_line .legends {
    display: none;
  }
.top_line .works_time {
    margin: 0 0 0 190px;
  }
.kont_contact_form .line_one {
    width: 290px;
    margin: 0 0 15px 0;
  }
.post-title {
    font-size: 22px;
  }
  .kont_contact_form .line_two {
    width: 630px;
    margin: 0 0 5px 0;
  }
  .kont_contact_form .line_two textarea {
    width: 600px;
    font-size: 15px;
    padding: 8px 8px;
  } 
.botton_line .content {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 30px 0;
  clear: both;
  overflow: auto;
}
  .botton_line .menu ul {
    margin: 0;
    padding: 0;
    width: 550px;
    display: flex;
    align-items: center;
    justify-content: center;
  }
.botton_line .call {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 0;
}
.menu_line ul li a {
  padding: 8px 8px;
  margin: 0 20px;
}

}/*700*/



@media screen and (max-width:720px){
.content{
	    width: 380px;
    margin: 0 auto;
}
  .botton_line .menu ul {
    margin: 0;
    padding: 0;
    width: 380px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .kont_contact_form .line_two {
    width: 290px;
    margin: 0 0 5px 0;
  }
.kont_contact_form .line_two textarea {
    width: 255px;
    font-size: 15px;
    padding: 8px 8px;
  }
  .list_catal .item_catal {
    width: 340px;
    height: 250px;
    display: block;
    margin: 10px auto;
  }
.menu_line ul {
  margin: 0 auto;
  padding: 0;
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: center;
  align-content: center;
  flex-wrap: wrap;
  flex-direction: row;
  width: 340px;
}
.top_line .content {
  display: flex;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  flex-direction: column;
  padding: 10px 0;
}
  .top_line .works_time {
    margin: 10px auto;
  }
  .top_line .call {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: nowrap;
  justify-content: center;
  margin: 7px auto;
}
.kont_contact_form input[type="file"] {
  margin: 10px 0 0 0;
  padding: 8px 10px;
  border-radius: 10px;
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
  transition: 0.6s linear;
  font-size: 16px;
}
.menu_line ul li a {
  padding: 8px 8px;
  margin: 0 4px;
}

}/*900*/