body,
ul,
li,
h1,h2,h3,h4,h5,h6,
p,
div{ 
font-family: 'Roboto', sans-serif;
  
}

a, a:hover, a:focus{
  text-decoration:none;
}

.m-color{
  color:#2b2b2b;
}

.f-left{
  float:left;
}

.f-right{
  float:right;
}

.form-control{
  border-radius:0 !important;
}

.clearfix{
  clear:both;
}


.row-flex, .row-flex > div[class*='col-'] {  
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex:1 1 auto;
}

.row-flex-wrap {
	-webkit-flex-flow: row wrap;
    align-content: flex-start;
    flex:0;
}

.row-flex > div[class*='col-'] {
	 margin:-.2px;
}

.padding0{
  padding-left:0!important;
  padding-right:0!important;
}

.padding20{
  padding-top:15px;
  padding-bottom:15px;
}

.m-bottom{
  padding-bottom:25px;
}

.title-on-page{
  padding-bottom:10px;
  font-size: 1.3em;
  font-weight: bold;  
}

.title-on-page span{
   color:#000;
   text-align:center;
   font-size:1.1em;
}

.top-phone{
  background:#000;
  color:#fff;  
  padding:10px;
}
        
.top-phone a{
  color:#fff;
  border-bottom:1px dashed #fff;
}

.logo{
    background: url(../images/logo.png) no-repeat;
    background-size: auto 23px;
    padding-left: 39px;
    background-position-y: 10px;
    background-position-x: 14px;
}

.logo .logo-txt{
  font-size:32px;
  font-weight:bold;
  color:#000;
}  

.logo .logo-txt span{
 color:#ff0000; 
}
                                   
.logo .logo-slogan{
    font-size: 15px;
    color: #000;
    margin-top: -10px;
}
                 
@media screen and (max-width: 1024px) {
  .logo{
    text-align:center;
    background-position-y: 9px;
    background-position-x: 57px;
  }    
  .logo2{
    background-position-x: 15px!important;
  }  
  .logo .logo-txt{
    font-size:30px;
  }   
  .logo .logo-slogan{
    font-size:13px;
  }
  .basket-block{      
    text-align:center;
  } 
  .mobile-height{
    height:6px;
    display:block;
  }
} 

.search{
  float:right;
}

.search .search-top{
    height:35px;
    #background-color: #eeeeee;
    #padding: 5px 6px;  
    position:relative;
}

.search .search-top input[name="search"]{
  float:left;
  width:500px;
  font-size:1em;
  height:30px;  
}

.search .search-top button[name="code"]{
  float:left;
  width:50px;
  font-size:1em;
  height:30px; 
  
  background:#ff0000;
  color:#fff;
  border:0;  
}

.search .search-top button[name="code"]:hover{
  background:#ff0000;
  color:#fff;
}

.block-search-height{
  
}

.block-search-height ul{
  z-index:9999;
  position:absolute;
  background:#fdfdfd;  
  list-style:none;
  margin-top: 39px;
  max-height:450px; 
  overflow-y:auto;  
  padding:5px;  
  width:300px; 
  #box-shadow: 0 1px 0 rgb(0 0 0 / 10%);
}

.block-search-height ul li{
  width:100%;
}

.block-search-height ul li a:hover{
  border-bottom:1px dotted #000;  
}

.search-result{
  color:#000; 
  padding-left:3px;
  padding-bottom:3px;
  padding-top:3px;
   
}

.search-result:hover{
  background:#f8f8f8;
}

.search-result .data .name{
  font-size:0.9em;
}

.search-result .data .collection{
  font-size:1.2em;
}

.search-result .data .code span{
    padding: 0 8px 0 8px;
    background: #ff0000;
    color: #fff;
    text-align: center;
    font-size: 1.1em;  
}



.basket{
  background-position:80px 0;
  height:66px;
  text-align:right;
  position:relative;
}

.basket span.in-cart-q{
    position: absolute;
    background: #ff0000;
    color: #fff;
    padding: 0 6px 0 6px;
    right: -8px;
    top: -1px;
    border-radius: 3px;
}

.basket i{
  font-size:25px;
}


.basket .basket-item{
  color:#000;  
  font-size:1.1em; 
  padding:5px;
}

.delete-in-basket{
  cursor:pointer;
  font-size:11px;
  font-weight:bold;
  color:darkred;
}

.mobile-basket{
  padding-top:8px;
}

.mobile-basket img{
  height:30px;
  margin-right:15px;
}

.letter-width-link-brand{
  text-align:center;
  font-size:1.3em;
  margin:3px;  
  font-weight:bold;
}

.letter-width-link{
    width: 30px;
    text-align: center;
    font-size: 1.3em;
    margin: 2px;
    cursor: pointer;
    font-weight: bold;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-bottom: 1px solid #fff;
    position: unset!important;
    z-index: 9999;
}

.letter-width-link:hover{
  
  border-right:1px solid #d5d5d5;
  border-top:1px solid #d5d5d5;
  border-left:1px solid #d5d5d5; 
  border-radius:5px 5px 0 0;          
  color:#ff0000;
}


.letter-width-link:hover > .tab-panel{
  display:inline-block;
}

.tab-panel{
background: #fff;
    position: absolute;
    -moz-box-shadow: #e7e7e7 1px 1px 2px;
    box-shadow: #d9d9db 4px 4px 6px;
    top: 29px;
    padding: 14px;
    left: -1px;
    display: none;
    z-index: 99980;
    width: 100%;
    text-align: left!important;
    border-right: 1px solid #d5d5d5;
    border-bottom: 1px solid #d5d5d5;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5;
    border-radius: 10px;   
}

.tab-panel ul{
  list-style:none;
  margin-left:0 !important;
  padding: 0;    
}

.tab-panel ul li{
  padding:5px;  
  #float:left!important;    
  #width:200px;   
  font-size: 14px;
}

.tab-panel ul li img{
  height:15px;
  padding-right:5px;
}

.tab-panel ul li a{
  font-weight:normal;
  border-bottom:1px solid #000;
  color:#000;  
}

.tab-panel ul li a:hover{
  color:#ff0000;               
  border-bottom:1px solid #ff0000;
}

.list-tree {
  list-style: none;
  max-height: 230px;
  display: flex;
  flex-direction: column; 
  flex-wrap: wrap;
  align-content: flex-start;
}

  
.list-tree li{
  page-break-inside: avoid;
  break-inside: avoid;        
  min-width:230px;
}


.address-line{
  color:#e08c43 !important;
  border-bottom:none !important;
}


.bordering{
    background: #fafafa;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    height:35px;
}

.menu{
  padding-bottom:15px;
}

.menu ul{            
  padding-top:6px;
  list-style:none;
  padding-left:0 !important;  
}
         
.menu ul li{
  float:left;
  padding-right:40px;
}

.menu ul li a{
  color:#000;   
  font-weight:bold;
  font-size:12px;
}             

.menu ul li a:hover{
  color:#ff0000;
}
   
.mobile-menu i{
    font-size: 20px;  
    color: #fff;
    cursor: pointer;
    padding: 6px; 
    background:#ff0000;
    border-radius:3px;
    margin-top:2px;
}                 

.mobile-menu i span{
 	font-family: 'Exo 2', sans-serif;
}   

.mobile-menu i:hover > .mobile-menu-list{
  display:block;
}

.mobile-list-menu{
	z-index:999999 !important;
	background:#fff;
	padding:25px;
	margin:10px;
	position: absolute;
  width:310px;   
  box-shadow: 0 0 2px rgb(0 0 0 / 16%), 0 2px 24px rgb(0 0 0 / 12%);
}

.mobile-list-menu ul{
	list-style:none;
	margin: 0 !important;
	-webkit-padding-start: 0;
}

.mobile-list-menu ul li{
	height: 34px;
	padding:5px;    
  float:none;
}

.mobile-list-menu ul li a{
	color: #000;
	font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
}                         

.mobile-list-menu ul li a:hover{
  border-bottom:1px dashed #fff;  
}


.main-blocks{
  height:250px;
  margin-bottom:45px;
  position:relative; 
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.main-blocks p{
    position: absolute;
    bottom: 0;
    margin: 0 auto;
    left: 0;
    width: 100%;
    font-size: 1em;
    color: #fff;
    padding:10px;
    text-transform:uppercase;    
    background:#ff0000;
}

.main-blocks:hover{
    
}

.main-blocks:hover p{

}

.main-blocks-country{
  height:55px; 
  position:relative; 
}

.main-blocks-country p{
  position:absolute;
  bottom:-11px;
  background:rgba(0,0,0,0.8);
  left:0;
  width:65%;
  font-size:1em;
  color:#fff;
  padding:5px;
    -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.block-name{
display: block;
    padding: 0;
    overflow: hidden;
    #background:rgba(153,1,1,0.2);
    color: #000;
    text-decoration: none;
    white-space: nowrap;
    outline: 0;
    cursor: pointer;
    border-radius: 2px;
    border: 1px solid #cfcfcf;
    box-shadow: 0 1px 0 rgb(0 0 0 / 5%);
    line-height: 31px;
    background-image: linear-gradient(to top, #f4f4f4 0%, #ffffff 100%);
        
    padding: 0 20px 0 10px;
    position: relative;
    text-overflow: ellipsis; 
    margin-top:15px;
}

.block-list{
  z-index:9999;
  position:absolute;
  background:#fff;
  width:100%; 
  z-index:99999;
    border: 1px solid #cfcfcf;
    box-shadow: 0 2px 18px rgb(0 0 0 / 20%);
}

.block-list ul{
  list-style:none;
  margin-left:0 !important;
    overflow-x:hidden;      
    background: #fff;

    border-radius: 2px;
    padding: 10px;
    max-height: 300px;
    overflow: auto;
    position: relative;  
}

.block-list ul li{
  padding-left:5px;  
  padding-top:4px; 
  text-transform: uppercase;  
}

.block-list ul li a{
    font-size:1.0em;
    color:#ff0000;
    text-transform:uppercase;
}

.block-list ul li a:hover{
     color: #000; 
}

.bottom-line-devider{
  margin-bottom:3px;  
}

.filter-path{
  font-size:0.8em;
  font-weight:bold;
  color:#000;
  padding:3px; 
  outline: 0;
  text-transform: uppercase;
}


.pages{
  font-size:1.1em;
  font-weight:bold;
  color:#000;
  padding:10px;  
  text-align:center;
  margin:4px;  
  width:40px;
  float:left;
}

.pages:hover{
  background:#d5d5d5;
  color:#000;  
}

.pages2{
  float:left;
  font-size:1.1em;
  font-weight:bold;
  background:#d5d5d5;
  color:#000;
  padding:10px;  
  text-align:center;
  margin:4px;
  width:40px;  
}

.second-line-filter .f1{ 
  padding:5px;
  color:#000;
  font-weight:bold; 
  font-size:1.1em;
}

.second-line-filter .f11,.second-line-filter .f12,.second-line-filter .f13{ 
  float:right;
  margin-top:-4px; 
  margin-bottom:3px; 
}

.second-line-filter .lenght-for{
  width:45px;            
  height:26px;  
}

.second-line-filter .lenght-to{
  width:45px;            
  height:26px;                
}

.second-line-filter .width-for{
  width:45px;            
  height:26px;  
}

.second-line-filter .width-to{
  width:45px;            
  height:26px;               
}

.second-line-filter .price-for{
  width:45px;            
  height:26px;    
}

.second-line-filter .price-to{
  width:45px;            
  height:26px;             
}

.second-line-filter .filter-sort-go{
  background: #000;
  color: #fff;
  font-size: 1em;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  border:none !important;
}

.second-line-filter .filter-sort-go input{
  color: #fff;
  border:none !important; 
  background: #000;
}

.filter-sort-clear{
  background: #ff0000;
  color: #fff;
  font-size: 1em;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  border:none !important;  
  margin-top:15px;
}

.filter-sort-clear a{
  color:#fff;
}

.knopka-go{ 
  border: none !important; 
  padding:5px;
  color:#fff;       
  font-size:1.1em;
  background: #000;
  margin:10px;
}

.order-full{
  border-top:1px solid lightgray;
  border-right:1px solid lightgray;
  border-left:1px solid lightgray;
  border-bottom:2px dotted lightgray;       
  max-width:700px;
  margin:0 auto;
  padding:20px 50px 20px 50px;   
  box-shadow: 0 0 10px rgba(0,0,0,0.3);
}

.order-full h2{
  color:#000;
  text-align:center;
  font-size:1.6em;   
}

.order-full h3{
  color:#000;
  text-align:center;
  font-size:1.1em;
  font-weight:normal;   
}

.order-full .hr{
  border-bottom:1px dashed lightgray;
  display:block;
  height:2px;
  text-align:center;
  width:100%;
  margin:0 auto; 
}


.order-full .order-number{
  font-size:1.4em;
  text-align:center;
  color:#000;     
  margin-top:15px;
  margin-bottom:25px;  
}

.order-full ul.order-list{
  list-style:none;
  padding:0; !important;  
}

.order-full ul.order-list li{
  border-bottom:1px dashed  lightgray;
  margin-bottom:15px;
}

.order-full .order-list .order-list-name{
  float:left;
}

.order-full .order-list .order-list-price{
  float:right;
}

.order-full .order-in-shop{
  margin-bottom:25px;
}

.order-full .order-delivery{
  margin-bottom:25px;    
}

.order-full .order-payment{
  margin-bottom:25px;    
}

.order-full .order-full-price{
  margin-top:15px;
  text-align:right;
  font-size:1.5em;
}

.order-end{
  background: #000;
  color: #fff;
  font-size: 1.1em;
  text-align: center;
  padding: 5px;
  cursor: pointer;
  border: none !important;
  width:180px;
  margin:0 auto;
}

.no-order{
  display:none; 
}

.block-around{
    border: 1px solid #eeeeee;
    padding: 25px;
}

.basket-products:not(:nth-child(1)){
  margin-top:20px;
}

.basket-products p a{
  font-weight:bold;
  border-bottom:1px solid lightgray;
  color:#000;
  font-size:1.1em;  
}

.basket-products .basket-descr{
   padding-right:15px;
}

.basket-products .basket-descr .basket-image{
  float:left;
  overflow:hidden;
  height:150px;    
}

.basket-products .basket-descr .basket-image img{
  width:200px;    
}

.basket-products .basket-descr .basket-params{
  float:left;     
  font-size:1.0em;
}

.basket-products .basket-descr .basket-params ul{
  list-style:none;
  font-size:1.0em; 
  padding:0; 
}

.basket-products .basket-descr .basket-params ul li.price{
  font-size:1.4em;
}

.basket-products .basket-descr .basket-logistic{
  float:left;  
}

.basket-products .basket-descr .basket-logistic .basket-qnt{
  float:right;
}

.basket-products .basket-descr .basket-logistic .basket-qnt .basket-qnt-plus{
  background:#000;
  color:#fff;
  padding:3px;
  width:30px;
  text-align:center;
  float:left; 
  margin-right:3px;  
  cursor:pointer;
}

.basket-products .basket-descr .basket-logistic .basket-qnt .basket-qnt-qnt{
  float:left;  
}

.basket-products .basket-descr .basket-logistic .basket-qnt .basket-qnt-qnt input{
  color:#000;
  width:80px;          
  height:26px;  
}

.basket-products .basket-descr .basket-logistic .basket-qnt .basket-qnt-minus{
  background:#000;
  color:#fff;
  padding:3px;
  width:30px;
  text-align:center;   
  float:left;      
  margin-left:3px; 
  cursor:pointer; 
}

.basket-products .basket-descr .basket-logistic .one-price{
  font-size:1.2em;      
  text-align:right;
}

.basket-products .basket-descr .basket-logistic .all-price{
  font-size:1.2em;      
  text-align:right;
}

.basket-products .basket-descr .basket-logistic .delete-in-basket{
  background:#000;
  color:#fff;
  padding:3px;
  width:30px;
  text-align:center;   
  float:left;      
  cursor:pointer; 
}

.basket-services{
    border: 1px solid #eeeeee;
    padding: 15px;
    font-size: 1em;
    font-weight: bold;
}

.basket-services p{
    padding: 5px;
    font-size: 1.1em;
    font-weight:bold; 
}

.basket-services .strokes{
  width:100%;  
}

.basket-services .strokes div.st1{
  float:left;      
  cursor:pointer;
}

.basket-services .strokes div.st2{
  float:right;     
  cursor:pointer;  
}

.basket-total{
    border: 1px solid #eeeeee;
    padding: 15px;
    font-size: 1em;
    font-weight: bold;
}

.basket-total .total-price{
  font-size:1.6em;
}

.basket-contacts{
    border: 1px solid #eeeeee;
    padding: 15px;
    font-size: 1em;
    font-weight: bold;  
}

.basket-contacts .knopka-go-basket{ 
  border: none !important; 
  padding:5px;
  color:#fff;       
  font-size:1.1em;
  background: #000;
  text-align:center;
  width:60%;
}

.mobile-basket{
  position:fixed;
  top:15px;
  right:15px;
  background:rgba(0,0,0,0.5);
  padding:10px;
  z-index:9999;
}

.footer-title{
  font-size:1.1em;
  padding-bottom:15px;
  font-weight:bold;
}

.footer-menu ul{
  list-style:none;
  padding-left:0!important;  
}

.footer-menu ul li a{
  color:#000;
}

.footer-menu a{
  color:#000;
  border-bottom:1px dashed #000;
}

.obertka{
  border:1px solid #eeeeee;
  padding:20px;
  border-radius:4px; 
  margin-bottom:25px;  
  width:100%;
}

.obertka p{
  font-size:1.3em;
  font-weight:bold;  
}

.obertka ul{
  list-style:square;
}

.obertka ul li{    
 padding-bottom:10px; 
}

.obertka a{
  color:#000;
  font-size:14px;  
}

.cgi {
  height:100px;
  margin-bottom:15px;
  width:109px;
  overflow:hidden;
  float:left;
  border-right:2px solid #fff;
  border-top:2px solid #fff;  
}

.cgi img {
  width:80px;
}

.col-xs-five,
.col-sm-five,
.col-md-five,
.col-lg-five {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-five {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-five {
        width: 20%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-five {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-five {
        width: 20%;
        float: left;
    }
}

.sizers{
  padding:10px; 
}

.sizers input{
  width:88px;
}

.params_button{
  float:left; 
  border:1px solid #eee;
  border-radius:4px;
  padding:4px;
  font-size:11px;
  margin-right:5px;
  margin-bottom:3px;
  color:#000;
}

.params_button:hover{
  background:#eee;
  color:#000;
}

.table_params{
  border-spacing: 0 10px;
  border-collapse: unset;
}

.table_params tr td:first-child{
  width:100px;
  font-size:11px;
  font-weight:bold;
}

.table_params tr td:first-child:after{
  content:":";
}

.table_params tr td:nth-child(2){
  font-size:11px;
  font-weight:bold;
}


.kukas{
  position:fixed;
  bottom:20px;
  padding: 10px 40px 30px;
  border-radius: 6px;
  
  
    min-width: 330px;
    max-width: 330px;
     -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.16);
    background: #FFFFFF url(none) center;
    color: #2A2B37;
    margin: 30px;
    font-size: 15px;
}


.kukas p{
  text-align:justify;
}

.kukas button{
  margin-top:10px;
}