@charset "utf-8";
/* CSS Document */

/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}

ul:not([class]),
ol:not([class]) {
    padding-left: 0;
    padding-right: 1em;
}
ul:not([class]) li,
ol:not([class]) li {
    transform: translateX(1em);
}

a {                                        
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  cursor:pointer;
}
table {            
  border-collapse: collapse; 
  border-spacing: 0;
}
td, td img {
  vertical-align: top;      
} 
input, select, button, textarea {
  margin: 0;         
  font-size: 100%;       
}
input[type="text"], input[type="password"], textarea {
  padding: 0;         
}
input[type="checkbox"] {     
  vertical-align: bottom;
}
input[type="radio"] {
  vertical-align: text-bottom;
}

input:focus{outline:none;}

html {
  overflow-y: scroll;
  width:100%;
  height:100%;
}

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

body{
  background:url(../images/bg.png) repeat;
  width:100%;
  height:100%;
  cursor:url(../images/cursor2.png), default;
  text-align: left; /* text-align: justify; */
  }


#page{
width: 965px;
max-width: calc(100% - 59px);
  overflow:hidden;
  min-height:650px;
  margin:0 auto;
padding-left: 29px;
padding-right: 30px;
padding-bottom: 20px;
  }

#wrap{
  background:url(../images/bg_wrap1.png) repeat-y;
  margin:0 auto;
  width:1024px;
  max-width: 100%;
  min-height: 100%;
  }

#header{
  height:110px;
  }

#logo{
  margin-top:15px;
  float:left;
  clear:both;
  }

#logo a{
  /*display:block;
  background:url(../images/HeaderLogo.png) no-repeat;
  width:271px;
  height:92px;*/
  }

#phone{
  background:url(../images/HeaderPhone.png) no-repeat;
  float:left;
  margin-top:15px;
  margin-left:175px;
  height:35px;
  }
#phone span{
  font-size:18px;
  color:#c5c7c8;
  padding-left:35px;
  width: 160px;
  height: 23px;
  display: block;
  margin-top: -5px;
  } 
#phone span a{
  font-size:18px;
  color:#c5c7c8;
  text-decoration: none;
  } 
#phone span a:hover{
  text-decoration: underline;
  }
#delivery a{
  background:url(../images/HeaderDelivery.png) no-repeat;
  width:101px;
  height:45px;
  float:left;
  padding-left:50px;
  padding-top:5px;
  }
#delivery a{
  font-size:14px;
  color:#ff5b01;
  text-decoration:none;
  line-height: 1;
  }
  
body.novosti2 .itemDateCreated{
display: none;
}
#search{
  float:right;
  margin-top:20px;
  }

#searchbox{
  background:url(../images/HeaderSearchBg.png)  no-repeat;
  width:160px;
  height:30px;
  }
#submit{
  background:url(../images/HeaderSearchBottom.png) no-repeat;
  width:27px;
  height:19px;
  cursor: pointer;
  margin-left: 4px;
  border: none;
  position:absolute;
  text-indent: -99999px;
  margin-top: 6px;
  }
  
#searchText{  
  width: 118px;
  border: none;
  height: 23px;
  margin-top: 4px;
  color:#616d77;
  background: none;
  padding-left:6px;
  font-size: 14px;
}


#HeaderMenu{
  margin-top:6px;
  float:right;
  width:500px;
  max-width: 100%;
  height:45px;
  border-bottom:3px solid #707173;
  }
#HeaderMenu ul li{
  list-style:none;
  float:left;
  background:url(../images/HeaderMenuBg.png) no-repeat;
  margin-right:4px;
  width:96px;
  height:34px;
  }

#HeaderMenu ul li a{
  font-size:12px;
  color:#e7e8e9;
  text-align:center;
  text-transform:uppercase;
  text-decoration:none;
  padding-top: 13px;
  width: 93px;
  display: block;
  height: 40px;
  }
#HeaderMenu ul li a:hover{
  color:#000;
  margin-top: -7px;
  }
#HeaderMenu ul li:hover{
  background:url(../images/HeaderMenuBgHover.png) no-repeat;
  margin-top: 7px;
  height: 41px;
  }
#HeaderMenu ul li.active{
  background:url(../images/HeaderMenuBgHover.png) no-repeat;
  margin-top: 7px;
  height: 41px;
  }  

#HeaderMenu ul li.active a{
  color:#000;
  margin-top: -7px;
  white-space: nowrap;
  }

  
#HeaderMenu ul li:active{
  background:url(../images/HeaderMenuBgHover.png) no-repeat;
  margin-top: 7px;
  height: 41px;
  }

.moduletablebanner{
  width:100%;
  }
  
#bannerBg{
  background:url(../images/BanerBg.png) no-repeat;
  width:673px;
  height: 354px; /* height: 314px; */
  margin-top: -20px;
  }

#bannerTitle{
  float:left;
  background:url(../images/BanerBgLeftBlock.png) no-repeat;
  width:379px;
  height:91px;
  margin-top: 245px; /* margin-top: 205px; */
  }
  
#bannerAbout{
  background:url(../images/BanerBgRightBlock.png) no-repeat;
  width: 323px;
  height: 269px; /* height: 229px; */
  float:right;
  margin-right:3px;
  margin-top:15px;
  padding-left:24px;
  padding-bottom:20px;
  padding-right:24px;
  padding-top:13px;
  overflow: hidden;
  background-size: 372px 302px;
  }

#bannerAbout h1{
  text-transform:uppercase;
  text-align:center;
  font-size:14px;
  margin-bottom:7px;
  color: #c5c7c8;
  font-weight:bold;
  margin-top:0px;
  }

#bannerAbout h2{
  text-transform:uppercase;
  text-align:center;
  font-size:14px;
  margin-bottom:7px;
  color: #c5c7c8;
  font-weight:bold;
  margin-top:0px;
  }

#bannerAbout p{
  }
#bannerAbout div.item-page{
  height:275px; /* height:235px; */
  overflow:hidden;
  }
#bannerTitle p{
  color:#e1e4e6;
  font-size:21px;
  text-align:center;
  text-transform:uppercase;
  padding-top:15px;
  line-height:1.4;
  }


#main1{
  background:url(../images/mainContentBg.png) no-repeat;
  width:974px;
  height:290px;
  }

#main2{
  background:url(../images/bg_main2.jpg) repeat-y;
  width:676px;
height: 100%;
  float:right;
  margin-top:17px;
  margin-bottom: 25px;
  border: 16px solid #C5C7C8;
  padding-bottom: 20px;
  }


#main1 div.moduletable{
  float:left;
  background:url(../images/mainNewsBg.png) no-repeat;
  width:221px;
  height:207px;
  padding:10px;
  margin-top: 63px;
  }

#main1 div.moduleItemIntrotext{
  height: 43px;
overflow: hidden;}

#main1 div#k2ModuleBox89 li{
  list-style:none;
  margin-top:22px;
  }
#main1 div#k2ModuleBox89 li a{
  color: #D8D8D8;
}
#main1 div#k2ModuleBox89 li span{
  line-height: 1.2 !important;


  }

#main1 div.moduletable h3 {
  background:url(../images/mainNewsTimeImg.png) no-repeat;
  color:#fff;
  font-size:14px;
  text-transform:uppercase;
  height: 20px;
  margin-bottom: -5px;
  text-align: left;
  padding-left: 28px;
  padding-top: 3px;
  display:block;
  text-decoration:none;
  }
  
.ContentNews{
  width:220px;
  height:80px;
  color:#bdbfc0;
  font-size:12px;
  margin-top:15px;
  }
.ContentNews span{
    padding-left: 7px;}

.ContentNews p{
  float:left;
  padding-left: 7px;
padding-right: 12px;
line-height: 1.1;}

.ContentNews a{
  text-decoration:underline;
  float:right;
  margin-top: -10px;
  }

.moduletablecontent{
  width:720px;
  height:290px;
  float: right;
  }
  
.moduletablecontent h3{
  position:absolute;
  margin-left: -193px;
margin-top: 1px;
  font-size:16px;
  color:#000;
  display:block;
  margin-top: 15px;
  background:url(../images/mainContentPointer.png) no-repeat right;
  padding-right: 47px;
  }
  
  
.moduletablecontent h3 a{

  text-decoration:none;
  }


.moduletablecontent ul{
  width:680px;
  height:260px;
  margin-left: 33px;
  margin-top: 15px;
  }  

.moduletablecontent ul li{
  width:335px;
  height:85px;
  float:left;
  list-style:none;
  margin-left:5px;
  }
.moduletablecontent ul li a{
  color:#111414;
  text-align:center;
  font-size:18px;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing: -1px;
  }
.moduletablecontent ul li a:hover{
  text-decoration:underline;
  }

#li1 a{
  height:85px;
  display:block;
  background:url(../images/mainContentNavLi1.png) no-repeat;
  padding-top: 21px;
  padding-left: 100px;
  padding-right: 60px;
  }
#li2 a{
  height:85px;
  display:block;
  background:url(../images/mainContentNavLi2.png) no-repeat;
  margin-left: 5px;
  padding-left: 135px;
    padding-right: 55px;
    padding-top: 21px;
  }
#li3 a{
  height:85px;
  display:block;
  background:url(../images/mainContentNavLi3.png) no-repeat;
  padding-top: 22px;
  padding-left: 100px;
  padding-right: 40px;
  }
#li4 a{
  height:85px;
  display:block;
  background:url(../images/mainContentNavLi4.png) no-repeat;
  margin-left: -3px;
  padding-left: 125px;
    padding-right: 40px;
    padding-top: 21px;
  }
#li5 a{
  height:85px;
  display:block;
  background:url(../images/mainContentNavLi5.png) no-repeat;
  margin-left: -5px;
  padding-left: 84px;
    padding-right: 8px;
    padding-top:20px;
  }
#li6 a{
  height:85px;
  display:block;
  background:url(../images/mainContentNavLi6.png) no-repeat;
  margin-left: 14px;
  margin-top: 4px;
   padding-left: 117px;
    padding-right: 40px;
    padding-top: 16px;
}


#footer{
  background:#111414;
  width:100%;
  height:100px;
  margin-top:-100px;
  }
#rasporka {
height: 100px;
}
#footer a{
  text-decoration:none;
  }

#footerBg{
  background:url(../images/footerBg.png) no-repeat;
  width:977px;
  height:100px;
  margin:0 auto;
  }
#footerBg p#p{
  color:#bab6b6;
  font-size:12px;
  float:left;
  display:block;
  border-right:1px solid #353737;
  margin-left: 285px;
  height: 47px;
  margin-top: 8px;
  padding-top: 27px;
  padding-right: 46px;
  }
  
#footerBg p span{
  color:#bab6b6;
  font-size:12px;
  float:right;
  display:block;
  margin-top: 40px;
  margin-right: 35px;
  }




.moduletableleftMenu {
  float:left;
  }

.moduletableleftMenu ul{
  width:265px;
  overflow:hidden;
  margin-top: 15px;
  margin-left: -15px;
  }  

.moduletableleftMenu .li{
  display:none;
  }


.moduletableleftMenu ul li{
  width:258px;
  list-style:none;
  margin-left:5px;
  }
.moduletableleftMenu ul li.active a{}

  

.moduletableleftMenu ul li a{
  color:#111414;
  text-align:center;
  font-size:14px;
  text-decoration:none;
  text-transform:uppercase;
  }

.moduletableleftMenu ul li a:hover{
  color:#000;
  text-decoration: underline;
  }

.moduletableleftMenu .nav-child{
  width:248px;
  overflow:hidden;
  margin-top: 5px;
  margin-left: 1px;
  background:#5D5E5F;
  border-radius:10px;
  margin-bottom: 9px;
  }  

.moduletableleftMenu .nav-child .li{
  display:none;
  }


.moduletableleftMenu .nav-child li{
  width:258px;
  height:50px;
  background: url(../images/LeftMenu_list-style.png) no-repeat;
  background-position:left center;
  margin-top:1px;
  margin-left:2px;
  }

.moduletableleftMenu .nav-child li:hover{
  }
  
.moduletableleftMenu .nav-child li a{
  color:#e2e2e2;
  text-align:left;
  font-size:14px;
  text-decoration:none;
  background:none;
  padding: 12px;
height: 45px;
text-transform:none;
padding-right: 20px;
padding-left: 21px;
padding-top: 13px;
padding-bottom: 0px;
  }
  
.moduletableleftMenu .nav-child li a:hover{
  background:url(../images/childMenuHover.png) no-repeat;
  color:#333334;
  position:absolute;
  font-size:13px;
width: 195px;
margin-left: -1px;
text-decoration: none;
padding-right: 51px;   
  }

.nav-child li.active a{
  background:url(../images/childMenuHover.png) no-repeat;
  color:#333334;
  position:absolute;
  font-size:13px;
  width:245px;
  margin-left:-1px;  }


.item-119 a{
  height:45px;
  display:block;
  background:url(../images/mainContentNavLi12.png) no-repeat;
padding-top: 16px;
padding-left: 67px;
  padding-right: 60px;
  }
.item-123 a{
  height:45px;
  display:block;
  background:url(../images/mainContentNavLi42.png) no-repeat;
  margin-left: -5px;
  padding-top: 19px;
  padding-left: 79px;
  padding-right: 55px;
  }
.item-125 a{
  height:45px;
  display:block;
  background:url(../images/mainContentNavLi52.png) no-repeat;
  padding-top: 14px;
  padding-left: 80px;
  padding-right: 37px;
  margin-left: -2px;
  margin-top: 4px;
  }
.item-124 a{
  height:45px;
  display:block;
  background:url(../images/mainContentNavLi22.png) no-repeat;
  margin-left: 0px;
  padding-top: 15px;
  padding-left: 82px;
  padding-right: 40px;
  margin-top: 2px;
  }
.item-126 a{
  height:45px;
  display:block;
  background:url(../images/mainContentNavLi32.png) no-repeat;
  margin-left: -8px;
  padding-top: 13px;
  padding-left: 63px;
  padding-right: 1px;
  margin-top: 1px;
  letter-spacing: -1px;
  }
.item-127 a{
  height:45px;
  display:block;
  background:url(../images/mainContentNavLi62.png) no-repeat;
  margin-left: 7px;
  margin-top: 12px;
padding-top: 9px;
padding-left: 83px;
  padding-right: 40px;
}

#content2 {
  background:url(../images/ContentBg.png) no-repeat;
  width:710px;
  height:800px;
  float:right;
  margin-top:17px;
  }
#content2 ul{
  width:683px;
  height:470px;
  margin-left: 23px;
  margin-top: 18px;
  }

#content2 h2{
  text-transform:uppercase;
  color:#fff;
  font-weight:normal;
  margin-left: 45px;
margin-top: 32px;
  }

#content2 li a{
  text-decoration:none;
  }
  
#content2 li{
  list-style:none;
  width:206px;
  height:220px;
  float:left;
  border-radius:10px;
  border:2px solid #545657;
  margin-right: 15px;
  margin-top:10px;
  }
#content2 li img{  border-radius:10px;
  }
  
#content2 li span{
  background:#6A6A6A;
  text-align:center;
  height:62px;
  display:block;
  position: relative;
  margin-top: -35px;
  color:#fff;
  font-size:14px;
  line-height:1.3;
  text-transform:uppercase;
  padding-top: 20px;
  border-bottom-left-radius:10px;
  border-bottom-right-radius:10px;
  margin-left: -1px;
  width: 208px;
  }
  
#descrip{
  padding:30px;
  }  

#descrip p{
  font-size:14px;
  color:#212222;
  }

#search .element-invisible{
  display:none;
  }
#search .button {
    background:url(../images/HeaderSearchBottom.png) no-repeat;
  width:27px;
  height:19px;
  cursor: pointer;
  margin-left: 4px;
  border: none;
  position:absolute;
  text-indent: -99999px;
  margin-top: 6px;
  }
  
#search .inputbox {  width: 118px;
  border: none;
  height: 23px;
  margin-top: 4px;
  color:#616d77;
  background: none;
  padding-left:6px;
  font-size: 14px;}
  
#search .form-inline{
  background:url(../images/HeaderSearchBg.png)  no-repeat;
  width:160px;
  height:30px;
  }

.item-117{
  display:none;
  }
  

#content{
  padding-left: 33px;
  padding-right: 30px;
  }
  
#jform_contact_email_copy-lbl{
  display:none;
  }
#jform_contact_email_copy{
  display:none;
  }
.contact h3{
  display:none;
  }
.contact h2 span{
  color: #FFF;
  font-size: 18px;
  margin-top: 20px;
  display: block;
  }  
.contact-category{
  font-size:18px;
  color:#fff;
  text-transform:uppercase;
  display: block;
  position: absolute;
margin-top: -130px;
width: 643px;
margin-left: -32px;
padding-left: 32px;
padding-top: 15px;
padding-bottom: 15px;
background: #48494B;
font-weight:normal;}

legend {
  display:none;
  }
.jicons-icons{
  display:none;
  }
  
.contact-form{
  width:360px;
  height:260px;
  float:right;
  margin-bottom: 50px;
  margin-right: -20px;
  }
  
.contact-address{
  width:220px;
  height:170px;
  float:left;
  }
  
.contact-misc{
  display:block;
  width:350px;
  float:left;
  color:#000;
  font-weight:bold;
  margin-left: -215px;
  }
  
.tooltip-inner{
  display:none;
  }
  
#content p{
  color:#212222;
  font-size:14px;
  }
#content a.tel, .kontakty #content a {
  color:#212222;
  font-size:14px;
  text-decoration:none;
  }
#content a.tel:hover, .kontakty #content a:hover {
  text-decoration:underline;
  }

.page-header h1{  
  text-transform:uppercase;
  color:#fff;
  font-weight:normal;
  margin-top: 0px;
  margin-bottom: 33px;
  width: 643px;
  margin-left: -32px;
  padding-left: 32px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #48494B;
}
  
.page-header h2{  
  text-transform:uppercase;
  color:#fff;
  font-weight:normal;
  margin-top: 0px;
  margin-bottom: 33px;
  width: 643px;
  margin-left: -32px;
  padding-left: 32px;
  padding-top: 15px;
  padding-bottom: 15px;
  background: #48494B;
}

body.kontakty .page-header h2{ 
  background:none; 
  padding-top:0px; 
  margin-bottom: 18px;  
}

.componentheading{
  text-transform:uppercase;
  color:#fff;
  font-weight:normal;
  margin-top: 12px;
  margin-bottom: 33px;
}

.k2FeedIcon {
  display:none;
}
  
.contact-street {
  background:url(../images/home.png) no-repeat;
  background-position:left center;
  display:inline-block;
  padding-left: 38px;
  padding-top: 15px;
  height: 28px;
  font-size:14px;
  color:#fff;
}
  
.contact-emailto{
  background:url(../images/mail.png) no-repeat;
  background-position:left center;
  display:inline-block;
  padding-left: 42px;
  padding-top: 7px;
  height: 28px;
  position: absolute;
  margin-top: 109px;
  margin-left: 1px;
}

.contact-emailto a{
  font-size:14px;
  color:#fff;
}
    
.contact-telephone{
  background:url(../images/phone.png) no-repeat;
  background-position:left center;
  display:inline-block;
  padding-left: 48px;
  padding-top: 25px;
  height:44px;
  font-size:14px;
  color:#fff;
  margin-left: -6px;
  }
  
.contact-fax{
  display:inline-block;
  padding-left: 46px;
  padding-top: 7px;
  font-size:14px;
  color:#fff;
margin-left: 53px;
margin-top: -32px;
position: absolute;
  }
  
.contact-mobile{
  background:url(../images/print.png) no-repeat;
  background-position:left center;
  display:inline-block;
  padding-left: 39px;
  padding-top: 4px;
  height: 28px;
  font-size:14px;
  color:#fff;
  }
  
.required{
  background:#C8C9CC;
  border:1px solid #515254;
  }
#jform_contact_email-lbl {
  position: absolute;
  margin-top: -22px;
  margin-left: 10px;}
  
#jform_contact_name{
  width:160px;
  height:25px;
  display:inline-block;
  float:left;
  margin-bottom:5px;
  }
#jform_contact_email{
  width:160px;
  height:25px;
  display:inline-block;
  float:left;
  margin-bottom:5px;
  margin-left:10px;
  }
  
#jform_contact_emailmsg{
  width:332px;
  height:25px;
  margin-bottom:10px;
  }
#jform_contact_message{
  width:332px;
  height:120px;
  resize:none;
  outline:none;
  }
.btn-primary{
  background:url(../images/inputSend.png);
  width:167px;
  height:24px;
  text-indent:-9999px;
  border: none;
  margin-left: 87px;
  margin-top: 20px;
  }
  
.itemListCategory p{
  display:inline-block;
  }
  
.itemListSubCategories h3{
  display:none;
  }
  
.subCategoryContainer{
  float:left;
  margin-bottom:25px;
  height:200px;
  }
.itemListCategory h2{
  text-transform:uppercase;
  color:#fff;
  font-weight:normal;
  margin-top: 13px;
  margin-bottom: 20px;
  background: #48494B;
width: 643px;
margin-left: -32px;
padding-left: 32px;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 0px;
  }


.subCategoryMore{
  display:none;
  }
.subCategoryContainer h2 {
text-align: center;
margin-top: -17px;
padding-right: 14px;
  
  }
.subCategoryContainer h2 a{
text-decoration: none;
text-align: center;
color: #fff;
font-size: 12px;
line-height: 1.3;
text-transform: uppercase;
font-weight: normal;
width: 176px;
display: block;
margin-left: 10px;
position: absolute;
margin-top: -36px;
  }
.subCategoryContainer h2 a:hover{
  text-decoration:underline;
  }

.subCategoryContainer a.subCategoryImage img{
  width: 193px;
height: 154px;
  }

.subCategoryContainer a.subCategoryImage img{
  border-radius: 16px;
  }
.subCategoryImage2{
background: #696969;
width: 194px;
height: 64px;
position: absolute;
margin-top: -17px;
margin-left: 0px;
border-bottom-left-radius: 16px;
border-bottom-right-radius: 16px;}

.subCategory a.subCategoryImage{
  width: 194px;
height: 200px;
display: block;
border-radius: 16px;
border: 1px solid #4E5051;
  }

.itemImageBlock:hover > #zoomImg{
  display:block; 
  }
.itemView div.itemImageBlock div#zoomImg{
  background:url(../images/carto4kaImgHover.png) no-repeat right bottom;
  width:47px;
  height:35px;
  position:absolute;
  margin-top: -35px;
margin-left: 127px;
  }
.itemBackToTop{
  display:none;
  }
  
.itemListCategory img{
  display:none;
  }
  
.produktsiya div.subCategory p{
  display:none;
  }
.componentheadingprod{
  display:none;
  }
  
  
.nav-child{
  display:none;
  }
  
.active .nav-child{
  display:block;
  }

.catItemTitle{
  background:#5E5E5F;
  width: 656px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: -16px;
  padding-left: 18px;
  margin-bottom: 12px;
  } 
  
.catItemTitle a{
  font-size:18px;
  color:#ea6218;
  text-decoration:none
  }
.catItemTitle a:hover{
  text-decoration:underline;
  }
.catItemImageBlock{
  float:left;
  }
.catItemIntroText{
  float: right;
  width: 430px;

  height: 140px; /* height: 155px; */
  font-size: 14px;
  overflow: hidden;
  }
.catItemIntroText p{
  font-size:14px;
  }

  
.catItemReadMore{
  position: absolute;
  display: block;
  width: 123px;
  height: 15px;
  margin-left: 514px;
  margin-top: 145px;
  }
.catItemReadMore a{
  color:#212222;
  text-decoration:none;}
.catItemReadMore a:hover{
  text-decoration:underline;
  color:#fff;
  }
  
.itemContainerLast{
  height:228px;
  margin-left: -10px;
  }
  
.itemList{
  margin-top: 17px; /* margin-top: -17px; */
  }
  
.itemHeader h2{
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  margin-top: 0px;
margin-bottom: 33px;
width: 643px;
margin-left: -32px;
padding-left: 32px;
padding-top: 15px;
padding-bottom: 15px;
background: #48494B;
  
  }
  
.itemImageBlock{
  float: left;
  margin-bottom: 15px;
  margin-right: 15px;
  }
.content-category h2 {
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  margin-top: 13px;
  margin-bottom: 33px;  }  

.table-striped td.list-date {
  float: left;
  display: block;}

.table-striped td.list-title {
  display:block;
  float: left;
  clear: both;
  }
  
body.novosti2 h3.catItemTitle{
  background: none;
  width: auto;
  padding-top: 11px;
  padding-bottom: 10px;
  margin-left: -16px;
  padding-left: 16px;
  margin-bottom: -8px;
  font-size:14px;
  color:#000;
  text-decoration:underline;
  text-transform:uppercase;
  font-weight:normal
  } 
  

body.novosti2 div.catItemImageBlock{
  float:left;
  }
body.novosti2 div.catItemIntroText{
  float:none;
  width: 609px;
  height: 101px;
  font-size: 12px;
  }
body.novosti2 div.catItemIntroText p{
  font-size:14px;
  }

  
body.novosti2 div.catItemReadMore{
  display:none;
  }
body.novosti2 div.catItemReadMore a{
  color:#212222;
  text-decoration:none;}
body.novosti2 div.catItemReadMore a:hover{
  text-decoration:underline;
  color:#fff;
  }
body.novosti2 span.catItemAuthor{
  display:none;
  }
body.novosti2 div.catItemCategory{
  display:none;
  }
body.novosti2 span.catItemDateCreated{
  color: rgba(0,0,0,0.7);
  font-size: 12px;
  margin-bottom: -7px;
  display: none;
  }
body.novosti2 div.itemContainerLast{
  height: 155px;
  }
body.novosti2 div.itemList {
  margin-top: 1px;
}
.itemAuthorLatest{
  display:none
  }
body.novosti2 div.catItemHeader h3 a{
  color:#000;
  font-size:14px;
  font-weight: bold;
  }

.k2Pagination{
  display: flex;
  flex-direction: column-reverse;
  text-align: center;
  gap: 10px;
  margin-top: 10px;
}
.k2Pagination ul{
   display: flex;
   padding: 0;
   justify-content: center;
  }
.k2Pagination ul li{
  list-style:none;
  margin-left:5px;
  transform: none;
  }
.k2Pagination a.hasTooltip{
  display:inline-block;
  }
.k2Pagination li.pagination-start{
  display:none 
  }
  
.k2Pagination li.pagination-end{
  display:none 
  }
.k2Pagination li a{
  font-size:18px;
  color:#010101;
  }
.k2Pagination li span{
  font-size:18px;
  color:#010101;
  }
.pagination-prev a, .pagination-next a{
  font-size:14px;
  }
  
body.produktsiya div.itemListSubCategories{
  margin-top: 90px;
  }
body.produktsiya .subCategoryContainer h2 a{
  color: #000;
font-size: 14px;
width: 500px;
text-align: left;
  
  }
  
body.produktsiya .subCategoryContainer{height: 30px;}
.moduleItemReadMore{
  float:right;
  }
  
#jform_contact_name-lbl, #jform_contact_email-lbl, #jform_contact_emailmsg-lbl, #jform_contact_message-lbl{
  background:none;
  border:none;
  }
   
.itemView .itemImageBlock img{  
  border: 2px solid #CF6A40;
padding: 1px;
background: #fff;
width: 170px !important;
height: 160px !important;
  } 
  
.itemListView .itemImageBlock img{  
  border: 2px solid #CF6A40;
padding: 1px;
background: #fff;
  } 
.itemListView .catItemImageBlock img{  
  border: 2px solid #CF6A40;
padding: 1px;
background: #fff;
width: 170px !important;
height: 160px !important;
  }
  
.itemListCategoriesBlock{
  width: 666px;
margin-left: -15px;
  }
.itemListCategoriesBlock .itemListCategory h2{
  margin-left: -17px !important;
  }

.subCategoryContainer:hover .subCategory h2 a {
text-decoration: underline;
}

.itemListSubCategories p{width: 640px;}

.search h1.page-title{
text-transform: uppercase;
color: #fff;
font-weight: normal;
margin-top: 13px;
margin-bottom: 20px;
background: #48494B;
width: 643px;
margin-left: -32px;
padding-left: 32px;
padding-top: 15px;
padding-bottom: 15px;
margin-top: 0px;
}

#search-searchword{
  width: auto;
height: 25px;
/* margin-bottom: 10px; */
background: #C8C9CC;
border: 1px solid #515254;
padding-left: 10px;
  }

.search .btn-group button.btn {
/*width: 108px;
height: 24px;
margin-left: 401px;
margin-top: 15px;
margin-bottom: 20px;
background: url(../images/SEARCHbg.png) no-repeat;
border: none;
position: absolute;*/
width: 108px;
background: #c5c7c8;
  color: #000;
  padding: 5px 10px;
  border-radius: 5px;
  }

.search fieldset.only{display: none;}

.search .form-limit{display: none;}

.search .ordering-box{
/* margin-left: 400px;
margin-top: -89px;
margin-bottom: 30px; */
}

.search .ordering-box select{width: 232px;
height: 25px;
margin-bottom: 10px;
background: #C8C9CC;
border: 1px solid #515254;}

.search .search-results .result-title{
  background: #5E5E5F;
width: 656px;
padding-top: 10px;
padding-bottom: 0px;
margin-left: -32px;
padding-left: 18px;
margin-top: 50px;
  }
.search .search-results .result-title a{
  font-size: 18px;
color: #ea6218;
text-decoration: none;}
  
.search .search-results .result-title a:hover{
  text-decoration:underline;}
  
.search .search-results .result-category{
  background: #5E5E5F;
width: 642px;
padding-top: 7px;
padding-bottom: 10px;
margin-left: -32px;
margin-bottom: 12px;
padding-left: 32px;
  }
.search .search-results .result-category span{
  color: #ea6218;
text-decoration: none;}

.search .result-created{position: absolute;
margin-left: 440px;
font-style: italic;
margin-top: 13px;} 

.itemFullText td{
  border: 1px solid #000;
  padding: 2px 7px;
  }
.itemFullText span{
  color:#000;
  }
  
.itemFullText table {
width: 610px !important;
}

body.o-kompanii .page-header h2 {
  background:none;
  margin-left:0px;
  padding:0px;
  width:100%;
  }
body.produktsiya .subCategoryContainer{ display:none;}

#naviProd{margin-top: -50px;margin-bottom: 40px;}

#naviProd ul{margin-left: 20px;margin-bottom: 20px;}

#naviProd ul li{margin-top: 3px;
margin-bottom: 3px;}

#naviProd ul li a{color: #FFF;font-size: 16px;}

#naviProd li ul{}

#naviProd li ul li{}

#naviProd li ul li a{font-size: 14px;}

.h3class{font-size: 20px;
color: #FFF;
display: block;
width: 600px;
margin-top: 10px;}


#content p{
  color:#212222 !important;
  font-size:14px !important;
  font-family: "MyriadPro-Regular" !important;
  line-height: 1.2 !important;
  }
#content p span{
  color:#212222 !important;
  font-size:16px !important;
  font-family: "MyriadPro-Regular" !important;
line-height: 1.2 !important;}
body.novosti2 div.catItemIntroText span{  color:#212222 !important;
  font-size:14px !important;
  font-family: "MyriadPro-Regular" !important;
line-height: 1.2 !important;}

#content p a, .itemNavigation, .itemNavigation a{
  font-size: 14px !important;
  font-family: "MyriadPro-Regular" !important;
  line-height: 1.2 !important;
}
#content p a, .itemNavigation a {
  color: #D8D8D8;
}
.itemNavigation {
  margin-top: 20px;
}
.itemNavigation span{
   font-size:14px !important;
}

body.novosti2 div.itemContainerLast {
height: 155px;
overflow: hidden;
margin-top: 15px;
}

#content a.doc {
  font-size:14px;
  color:#000;
  text-decoration:underline;
  line-height: 1;
  }

#content ul.doc li {  
    margin-top: 15px;
   }

#content ul.osn li {  
    color:#212222 !important;
  font-size:14px !important;
  font-family: "MyriadPro-Regular" !important;
  line-height: 1.2 !important;
   margin-left: 15px;
   }

#content ol.osn li {  
    color:#212222 !important;
  font-size:14px !important;
  font-family: "MyriadPro-Regular" !important;
  line-height: 1.2 !important;
   margin-left: 15px;
   }

#content table.osn {
  float: none;
  border-collapse: collapse; /*убираем пустые промежутки между ячейками*/
  border: 1px solid grey; /*устанавливаем для таблицы внешнюю границу серого цвета толщиной 1px*/
  border-spacing: 1px ;
  
  
 }

.osn td {
  color:#191919;
  border: 1px solid #000;  
  border-spacing: 3px ;
  padding:3px;
 }

#content table.osn span
{
  color:#191919;
  
 }

.mod-languages {
	margin-top: -20px;
	float: right;
}

#logo a > div {
	display: block;
	width: 271px;
	height: 92px;
}

.mod-languages a.ru-RU img {
  display:none;
}

.mod-languages a.ru-RU::after {
  content:"ru";font-size:14px;position:relative;top:-2px;
}

#mob-btn, #HeaderMenu .mod-languages, .mob-btn-leftmenu {
  display:none;
}

body.novosti2 div.itemContainerLast {
  height: auto;
  border-bottom: 1px solid #c5c7c8;
  padding: 0 0 15px 0;
  width: calc(100% + 15px) !important;
}

body.novosti2 div.itemContainerLast .clr, .catItemLinks {
  display:none;
}

body.novosti2 div.catItemIntroText {
  width: auto;
  height: auto;
}

#content img, #content2 img, iframe {
  max-width: 100%;
}

.table-responsive {
  max-width: 100%;
  overflow-x: auto;
  border: 1px solid rgba(0,0,0,0.5);
  position: relative;
  box-shadow: inset 5px 5px 20px rgba(0,0,0,0.5);
  padding: 0 10px 10px 10px;
}

.table-responsive:before {
  content: "◄ ● ►";
  position: sticky;
  left: 40%;
  font-size: 25px;
  color: #ff5b01;
  line-height: 1;
}

#searchForm {
  margin: 20px 0 0 0;
}

#searchForm,  #searchForm .btn-toolbar, #searchForm .btn-group, #searchForm .phrases {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.pagination ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px;
  list-style: none;
  margin-top: 20px;
}


@media all and (max-width: 1023.99px) {
  html {
  overflow-y: auto;
  }
  a, button { 
    -webkit-tap-highlight-color:transparent; 
    -webkit-touch-callout:none; 
    outline:none; 
  }
  :active, :hover, :focus, img, button, div, span, ul, li {
    outline:0;
    outline-offset:0;    
    -webkit-tap-highlight-color:transparent;
  }
  body p, body span, body a {
    font-size: 14px;
    color: #fff;
  }
  #page {
    width: 100%;
    max-width: calc(100% - 40px);
    min-height: auto;
    padding: 0 20px 20px 20px;
  }
  #header {
    display:flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    position: relative;
    height: auto;
  }
  #logo {
    order: 1;
    margin-top: 10px;
  }
  #phone {
    order: 2;
    margin-top: 12px;
    margin-left: 0;
    background: none;
    display: flex;
    align-items: center;
  }
  #delivery {
    order: 3;
    margin-right: 100px;
  }
  #search {
    order: 5;
    margin: 12px 0 0 0;
  }
  #HeaderMenu {
    order: 4;
    width: calc(100% - 182px);
  }
  #logo a > div {
    width: 118px;/*width: 200px;*/
    height: 40px;/*height: 68px;*/
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
  }
  #phone p {
    display:flex;
    gap: 10px;
  }
  #phone p span {
    background: url(../images/HeaderPhone.png) no-repeat;
    background-size: contain;
    padding-left: 20px;
    width: auto;
    height: 20px;
  }
  #phone p span a {
    font-size: 16px;
  }
  #delivery a {
    width: 80px;
  } 
  #search .mod-languages {
    position: absolute;
    top: 14px;
    right: 0;
    margin: 0;
  }
  #search div.mod-languages a {
    display: inline-block;
    padding: 5px;
    border: 1px solid #707173;
    border-radius: 5px;
    height: 14px;
    width: 25px;
    text-align: center;
  }
    #HeaderMenu ul {
    display: flex;
    gap: 4px;
  }
  #HeaderMenu ul li {
    background: none;
    width: auto;
    height: auto;
    margin: 7px 0 0 0;
    position: relative;
  }
  #HeaderMenu ul li a {
    font-size: 13px;
    color: #fff;
    background: #707173;
    border-radius: 3px;
    padding: 6px 11px 5px 10px;
    width: auto;
    height: auto;
  }
  #HeaderMenu ul li:hover, #HeaderMenu ul li.active {
    background: none;
  }
  #HeaderMenu ul li a:hover, #HeaderMenu ul li.active a {
    background: #c5c7c8;
    margin: 0;
  }
  #HeaderMenu ul li a:hover::before, #HeaderMenu ul li.active a::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    transform: translateY(-50%);    
    width: 0;
    height: 0;    
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 11px solid #e2e2e2;
    margin: 0 0 -2px calc(50% - 9px);
  }
  #HeaderMenu ul li a:hover::after, #HeaderMenu ul li.active a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 3px;
    background: #e2e2e2;
    margin: 0;
  }
  #search div.search {
    border: 3px solid #707173;
    border-radius: 5px;
    padding: 3px;
  }
  #banner {
    display: flex;
    flex-direction: column;
    background: url(../images/BanerBg.png) no-repeat;
    background-position: center center;
    background-size: contain;
    gap: 20px;
    margin: 40px 0 20px 0;
  }
  #banner .moduletablebanner {
    order: 1;
    display: none;
  }
  #banner #bannerAbout {
    order: 3;
    width: auto;
    height: auto;
    float: none;
    padding: 20px;
    background: rgba(112,113,115,0.9);
    border-radius: 10px;
    margin: 0;
  }
  #banner #bannerBg {
    order: 2;
    background: none;
    width: 100%;
    height: auto;
    height: auto;
  }
  #bannerAbout div.item-page {
    height: auto;
  }
  #bannerAbout h2 {
    color: #fff;
  }
  #bannerTitle {
    background: rgba(112,113,115,0.9);
    border-radius: 10px;
    float: none;
    width: calc(100% - 40px);
    height: auto;
    margin: 0;
    padding: 20px;
  }
  #bannerTitle p {
    font-size: 18px;
    padding: 0;
    color: #fff;
  }
  #bannerTitle p br {
    display: none;
  }
  #main1 {
    background: none;
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  #main1 div.moduletable {
    order: 2;
    background: rgba(112,113,115,0.9);
    border-radius: 10px;
    padding: 20px;
    width: calc(100% - 40px);
    height: auto;
    margin: 0;
  }
  #main1 div#k2ModuleBox89 li a {
    float: none;
  }
  #main1 div#k2ModuleBox89 li.clearList {
    display: none;
  }
  #main1 div.moduleItemIntrotext {
    height: auto;
    overflow: visible;
  }
  #main1 div.moduleItemIntrotext p, #main1 div.moduleItemIntrotext p span, #main1 div.moduleItemIntrotext p a {
    font-size: 14px !important;
  }
  #main1 div.moduleItemIntrotext p::after {
    content: "...";
    padding-left: 2px;
  }
  #main1 div.moduletablecontent {
    order: 1;
    width: 100%;
    height: auto;
  }
  #main1 .moduletablecontent h3 {
    position: relative;
    width: 100%;
    background: #c5c7c8;
    border-radius: 10px;
    margin: 0;
    padding: 15px 50px;
    text-align: center;
    width: calc(100% - 100px);
  }
  #main1 .moduletablecontent h3::before, #main1 .moduletablecontent h3::after {
    content: "";
    display: block;
    width: 38px;
    height: 24px;
    position: absolute;
    background:url(../images/mainContentPointer.png) no-repeat right;
    transform: rotate(90deg);
  }
  #main1 .moduletablecontent h3::before {
    left: 10px;
    top: 13px;
  }
  #main1 .moduletablecontent h3::after {
    right: 10px;
    top: 13px;
  }
  #main1 .moduletablecontent .customcontent {
    width: 100%;
    background: url(../images/mainContentBg-mob.png);
    background-position: center center;
    background-size: cover;
    border: 20px solid #c5c7c8;
    border-radius: 10px;
    padding: 20px 5px;
    margin-top: 5px;
    width: calc(100% - 50px);
  }
  #main1 .moduletablecontent ul {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 5px;
  }
  #main1 .moduletablecontent ul li {
    margin-left: 0;
  }
  #rasporka {
    height: 0;
  }
  body {
    display: flex;
    flex-direction: column;
  }
  #wrap {
    min-height: auto;
    flex: 1;
  }
  #footer {
    height: auto;
    margin-top: auto;
  }
  #footerBg {
    width: 100%;
  }
  #content {
    padding-left: 25px;
    padding-right: 20px;
  }
  #main2 {
    width: calc(100% - 285px);
    background-size: cover;
  }
  .page-header h2, .itemHeader h2 {
    width: calc(100% - 2px);
    margin-left: -25px;
    padding-right: 15px;
  }
  .itemListCategoriesBlock {
    width: auto;
  }
  .itemListCategoriesBlock .itemListCategory h2 {
    width: calc(100% - 17px);
    margin-left: -10px !important;
    padding-right: 15px;
  }
  .h3class {
    width: auto;
  }
  #naviProd ul {
    margin-left: 3px;
  }
  .itemFullText {
    margin-left: -10px;
    width: calc(100% + 15px);
  }
  .kontakty #content a {
    display: inline-block;
    margin-bottom: 15px;
  }
  #content img, #content2 img, iframe {
    max-width: 99%;
  }
  #content img, #content2 img {
    height: auto !important;
  }
  .itemListSubCategories {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin: 20px 0 10px 0;
  }
  #itemListLeading .clr, .itemListSubCategories .clr {
    display: none;
  }
  body.novosti2 div.itemContainerLast {
    padding: 0;
  }
  .subCategoryContainer {
    flex: 2 1 186px;
    margin: 0;
    display: flex;
    justify-content: center;
  }
  .catItemHeader {
     width: 100%;
  }
  .catItemTitle {
    width: calc(100% + 27px);
    margin-left: -15px;
  }
  .itemContainerLast {
    height: auto;
    width: 100%;
  }
  .catItemView.groupLeading {
    display: flex;
    flex-wrap: wrap;
    position: relative;
  }
  .catItemView.groupLeading .clr {
    display: none;
  }
  .catItemView.groupLeading .catItemBody {
    display: flex;
    gap: 10px;
  }
  .catItemImageBlock {
    min-width: 176px;
  }
  .catItemView.groupLeading .catItemIntroText {
    width: 100%;
    height: auto;
    margin-bottom: 25px;
  }
  .catItemReadMore {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin-left: 0;
    margin-top: 0;
    bottom: 20px;
    text-align: right;
  }
  .search-results {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 20px 0 0 0;
  }
  .search .search-results .result-title {
    width: auto;
    margin: 0;
    padding: 10px 10px 5px 10px;
  }
  .search .search-results .result-category {
    width: auto;
    margin: 0;
    padding: 0 10px 10px 25px;
    margin-top: -20px;
  }
  .search .result-created {
    position: relative;
    margin: 0;
    text-align: right;
  }
  .search .search-results .result-category span {
    color: #000;
  }
  .itemListSubCategories p {
    width: auto;
  }
}

@media (max-width: 768px) {
  #phone, #search, #HeaderMenu, #search .mod-languages {
    display: none;
  }
  body.no-scroll {
    overflow: hidden;
  }
  body.no-scroll::before {
    content: "";
    display: block;
    position: fixed;
    width: 100vw;
    height: calc(100vh - 63px);
    top:63px;
    left: 0;
    background: rgba(0,0,0,0.6);
    z-index: 10;
  }
  #phone, #search, #HeaderMenu {
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: all 0.3s ease;
  }
  #phone.block-active, #search.block-active, #HeaderMenu.block-active {
    display: block;
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    position: absolute;
    width: calc(100% - 40px);
    padding: 20px;
    top: 53px;
    background: rgba(112,113,115,1);
    border-radius: 0 0 8px 8px;
    box-shadow: 0 15px 20px rgba(0,0,0,0.9);
    z-index: 20;
    height: auto;
    float: none;
    border: none;
  }
  #mob-btn {
    order: 6;
    display: flex;
    gap: 12px;
  }
  #mob-btn > div {
    width: 35px;
    height: 35px;
    border: 1px solid #707173;
    border-radius: 5px;
    margin-top: 10px;
    cursor: pointer;
  }
  .mob-btn-phone {
    background: url(../images/HeaderPhone.png) no-repeat;
    background-position: center center;
    background-size: 16px 23px;
  }
  .mob-btn-search {
    background: url(../images/search.png) no-repeat;
    background-position: center center;
    background-size: 26px 26px;
  }
  .mob-btn-menu {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .hamburger-btn {
    width: 24px;
    height: 19px;
    position: relative;
  }
  .hamburger-btn span,
  .hamburger-btn:before,
  .hamburger-btn:after {
    content: "";
    position: absolute;
    left: 0;
    width: 100%;
    height: 3px;
    background: #ff5b01;
    transition: all 0.3s ease;
  }
  .btn-active {
    background-color: rgba(255,255,255,0.2);
  }
  .hamburger-btn span {
    top: 50%;
    transform: translateY(-50%);
  }
  .hamburger-btn:before {
    top: 0;
  }
  .hamburger-btn:after {
    bottom: 0;
  }
  .btn-active .hamburger-btn span {
    opacity: 0;
  }
  .btn-active .hamburger-btn:before {
    top: 50%;
    transform: rotate(45deg);
  }
  .btn-active .hamburger-btn:after {
    bottom: auto;
    top: 50%;
    transform: rotate(-45deg);
  }
  #page {
    max-width: calc(100% - 30px);
    padding: 0 15px 15px 15px;
  }
  #banner {
    gap: 15px;
    margin: 32px 0 15px 0;
  }
  #main1 {
    gap: 15px;
  }
  #header {
    align-items: center;
    border-bottom: 3px solid #707173;
    padding-bottom: 10px;
  }
  #delivery {
    margin: 0;
  }
   #phone p {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 10px 0;
  }
  #phone span a {
    color: #fff;
  }
  #search .form-inline {
    width: 100%;
    background: rgba(18,21,21,0.44);
    border-radius: 3px;
  }
  #search .inputbox {
    color: #fff;
    width: calc(100% - 40px);
  }
  #HeaderMenu { 
    margin-top: 12px;
  }
   #HeaderMenu ul {
    gap: 15px;
    flex-direction: column;
  }
  #HeaderMenu ul li, #HeaderMenu ul li:hover, #HeaderMenu ul li:active {
    margin: 0;
    height: auto;
    background: none;
  }
  #HeaderMenu ul li a {
    font-size: 14px;
    padding: 12px 20px 10px 20px;
  }
   #HeaderMenu ul li a:hover::after, #HeaderMenu ul li.active a::after, #HeaderMenu ul li a:hover::before, #HeaderMenu ul li.active a::before {
    display: none;
  }
   #HeaderMenu ul {
    gap: 10px;
    flex-direction: column;
  }
  #HeaderMenu .mod-languages {
    display: block;
    margin: 30px 0 0 0;
    float: none;
  }
   #HeaderMenu .mod-languages ul {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 20px;
   }
  #HeaderMenu .mod-languages a {
    display: inline-block;
    padding: 5px;
    border: 1px solid #c5c7c8;
    border-radius: 5px;
    height: 14px;
    width: 25px;
    text-align: center;
    text-transform: lowercase;
  }
  #HeaderMenu .mod-languages ul li a:hover, #HeaderMenu .mod-languages ul li.active a {
    background: none;
  }
  #HeaderMenu .mod-languages a.ru-RU::after {
    display: block;
    content: "ru";
    position: relative;
    background: none;
    color: #e7e8e9;
  }
  #main1 .moduletablecontent ul {
    flex-direction: column;
    align-items: center;
  }
  .moduletablecontent ul li {
    transform: none;
  }
  #footerBg {
    height: 70px;
    margin: 0 auto;
    background-size: cover;
  }
  #footerBg p, #footerBg p#p br {
    display: none;
  }
  #footerBg p#p {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    justify-content: center;
    float: none;
    border-right: none;
    height: 70px;
    margin: 0 85px 0 0;
    padding: 0;
  }
  .moduletableleftMenu {
    float: none;
    margin-top: 15px;
  }
  .moduletableleftMenu > ul {
    display: none;
    width: 100%;
    margin-left: 0;
    flex-direction: column;
    gap: 10px;
    transform: translateY(-10px);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
  }
  .moduletableleftMenu > ul.block-active {
    display: flex;
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
  }
   #main2 {
    width: calc(100% - 20px);
    border: 10px solid #C5C7C8;
  }
  .contact {
    display: flex;
    flex-direction: column;
  }
  .contact-address {
    width: auto;
    height: auto;
  }
  .contact-misc {
    width: auto;
    float: none;
    margin-left: 0;
  }
  .mob-btn-leftmenu {
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: 16px;
    color: #000;
    background-color: #c5c7c8;
    border: 2px solid #707173;
    border-radius: 10px;
    padding: 11px 20px 9px 20px;
    gap: 30px;
    box-shadow: 0 6px 12px rgba(0,0,0,0.5), inset 0 -6px 12px rgba(0,0,0,0.3), inset 0 -6px 12px rgba(0,0,0,0.3), inset 0 6px 12px rgba(0,0,0,0.3), inset 0 6px 12px rgba(0,0,0,0.3);
  }
   .mob-btn-leftmenu.btn-active {
    box-shadow: 0 6px 12px rgba(255,91,1,0.6), inset 0 -6px 12px rgba(0,0,0,0.3), inset 0 -6px 12px rgba(0,0,0,0.3), inset 0 6px 12px rgba(0,0,0,0.3), inset 0 6px 12px rgba(0,0,0,0.3);
   }
  .mob-btn-leftmenu::before, .mob-btn-leftmenu::after {
    content: "";
    display: block;
    background: url(../images/classification.png) no-repeat; /* background: url(../images/categorization.png) no-repeat; */
    width: 32px;
    height: 32px;
  }
  .mob-btn-leftmenu::after {
    transform: rotate(180deg);
  }
  .moduletableleftMenu ul li {
    width: 100%;
    margin-left: 0;
  }
  .moduletableleftMenu .nav-child {
    width: calc(100% - 30px);
    margin-left: 0;
    margin-bottom: 0;
    padding: 5px 15px 10px 15px;
  }
  .moduletableleftMenu .nav-child li {
    width: auto;
    height: auto;
    background-position: left 13px;
    margin: 0;
  }
  .moduletableleftMenu .nav-child li a {
    height: auto;
    text-transform: none;
    padding: 13px 20px;
  }
  .moduletableleftMenu .nav-child li a, .moduletableleftMenu .nav-child li a:hover {
    background: none;
    color: #e2e2e2;
    position: static;
    font-size: 14px;
    width: auto;
    margin-left: 0;
    padding-right: 0;
  }
  .item-119 a{
    background:url(../images/mainContentNavLi12-mob.png) no-repeat;
  }
  .item-123 a{
    background:url(../images/mainContentNavLi42-mob.png) no-repeat;
  }
  .item-125 a{
    background:url(../images/mainContentNavLi52-mob.png) no-repeat;
  }
  .item-124 a{
    background:url(../images/mainContentNavLi22-mob.png) no-repeat;
  }
  .item-126 a{
    background:url(../images/mainContentNavLi32-mob.png) no-repeat;
  }
  .item-127 a{
    background:url(../images/mainContentNavLi62-mob.png) no-repeat;
  }
  .item-119 > a, .item-123 > a, .item-125 > a, .item-124 > a, .item-126 > a, .item-127 > a {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: auto;
    min-height: 45px;
    margin: 0;
    background-color: #c5c7c8;
    border-radius: 10px;
    background-size: auto !important;
    background-position: left center !important;
    padding: 12px 20px 12px 100px;
  }
  .item-119 > a {
    background-position: 15px center !important;
  }
  .moduletableleftMenu ul li a {
    text-align: left;
  }
  .itemListCategory p {
    display: contents;
  }
}

@media (max-width: 460px) {
  body.no-scroll::before {
    height: calc(100vh - 68px);
    top: 68px;
  }
  #phone.block-active, #search.block-active, #HeaderMenu.block-active {
    top: 58px;
  }
  #delivery {
    width: 45px;
    height: 45px;
    background: url(../images/fast-delivery.png) no-repeat center center;
    background-size: contain;
    margin-top: 0;/* margin-top: 10px; */
    display: flex;
    justify-content: center;
    align-items: flex-end;
  }
  #delivery::after {
    content: "DELIVERY";
    display: block;
    font-size: 9px;
    color: #ff5b01;
    font-family: Arial;
    font-style: italic;
  }
  #delivery .custom {
    display: none;
  }
  #main1 .moduletablecontent .customcontent {
    border: 10px solid #c5c7c8;
    width: calc(100% - 30px);
  }
  #main1 .moduletablecontent ul {
    gap: 10px;
  }
  #main1 .moduletablecontent ul li {
    width: calc(100% - 20px);
    height: auto;
    margin-left: 0;
  }
  .moduletablecontent ul li a {
    background-size: 90% !important;
    font-size: 16px;
    letter-spacing: 0;
  }
  #li1 a{
    background:url(../images/mainContentNavLi1-mob.png) no-repeat;
    }
  #li2 a{
    background:url(../images/mainContentNavLi2-mob.png) no-repeat;
  }
  #li3 a{
    background:url(../images/mainContentNavLi3-mob.png) no-repeat;
  }
  #li4 a{
    background:url(../images/mainContentNavLi4-mob.png) no-repeat;
  }
  #li5 a{
    background:url(../images/mainContentNavLi5-mob.png) no-repeat;
  }
  #li6 a{
    background:url(../images/mainContentNavLi6-mob.png) no-repeat;
  }
  #li1 a, #li2 a, #li3 a, #li4 a, #li5 a, #li6 a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: auto;
    min-height: 67px;
    margin: 0;
    background-color: #c5c7c8;
    border: 2px solid #707173;
    border-radius: 10px;
    background-size: auto !important;
    background-position: left center !important;
    padding: 12px 20px 12px 120px;
  }
  #li1 a {
    background-position: 15px center !important;
  }
  .catItemView.groupLeading .catItemBody {
    flex-direction: column;
    align-items: center;
  }
   .catItemReadMore {
    margin-top: 8px;
    text-align: left;
  }
  .itemImageBlock {
    float: none;
    text-align: center;
  }
  #content img, #content2 img {
    max-width: 99%;
    float: none !important;
    display: block;
    margin: 10px auto !important;
  }
  #content .contact-miscinfo img {
    margin: 10px 0 !important;
  }
}

@media (max-width: 360px) {
  #header {
    gap: 5px;
  }
  #mob-btn {
    gap: 5px;
  }
  #delivery {
    width: 35px;
    height: 35px;
  }
  .mob-btn-leftmenu {
    padding: 10px 10px;
    gap: 20px;
  }
}