














.tabpicca {

display: block;
width: 100%;
overflow: auto;

}





         
.tabpicca a {
    background-image: linear-gradient(to right, rgb(204, 243, 124) 0%, rgb(157, 230, 9) 51%, rgb(171, 255, 0) 100%);
    margin: 20px 5px;
    padding: 5px 30px;
    text-align: center;
    text-transform: uppercase;
    transition: 0.5s;
    background-size: 200% auto;
    color: rgb(0, 0, 0);
    //box-shadow: 0 0 20px rgb(238, 238, 238);
    border-radius: 10px;
    display: block;
    white-space: pre;
    font-size: 12px;
  }

  .tabpicca a:hover {
    background-position: right center; /* change the direction of the change here */
    color: #fff;
    text-decoration: none;
  }
 


.subcats-row img{
display: none;

}


#subcats .subcat-box {
    padding: 0px 5px !important;
    text-align: left !important;
   // font-size: 10px;
  }



  .subcats-row {
    margin-top: 20px;
  }




  #subcats .subcat-box a span {
    display: block;
    height: auto !important;
    overflow: hidden;
    line-height: 20px;
    font-weight: 100;
    font-size: 13px;
    padding-top: 10px;
  }










.bistrow {
    cursor: pointer;
    font-size: 22px;
    margin-top: 20px;
  }


























@media (max-width: 930px) {








.rysto .owl-item {
    width: inherit !important;
 //   width: 100% !important;
 min-width: 20rem;
}



.rysto  .name a{


height: auto !important;

}









.product-grid .product-thumb .oct-additional-info {
    background: transparent !important;
    border-radius: 5px;
    padding: 0px;
    position: relative;
    top: 4px !important;
    width: 100%;
    z-index: 1;
   // display: none !important;
  }

  .product-grid .product-thumb .oct-product-desc {

    margin-top: 0px !important;
  }


  #res-products .product-grid {
    //min-height: 290px !important;
    min-height: 415px !important;


    padding-right: 5px;
    padding-left: 10px;


  }

  .product-grid .product-thumb .h4 {
 
    text-align: center;
  }


  .product-grid .product-thumb .caption {
    padding: 0 0px !important;
  }

  .product-thumb .price {
 
    text-align: center;
  }


  .product-grid .product-thumb .oct-additional-info {
    
    padding: 0px !important;
  }



  .product-grid .product-thumb:hover .oct-additional-info{


display: inherit !important;



  }









}



@media only screen and (min-width: 1600px){

#res-products .product-grid {
    min-height: 515px !important;
  }

}




.cat-desc-box {
    margin-top: 50px !important;
}


.product-grid .product-thumb .oct-additional-info {
    background: rgb(255, 255, 255);
    border-radius: 5px;
    padding: 10px;
    position: relative;
    top: -228px;
    width: 100%;
    z-index: 1;
    display: inline-block;
  }


.product-grid .product-thumb .oct-additional-info .oct-product-desc{
	
	color: #000;
	
}





.containerlevo {
  //min-height: 400px;
  display: none;
}







#menu .dropdown .dropdown-menu.megamenu-full-width {
  padding-bottom: 10px !important;
  padding-top: 10px !important;

}


#oct-menu-box #menu .dropdown-inner a:hover {
  color: rgb(119, 177, 0) !important;
}


#menu .nav > li:hover > a {
  color: rgb(134, 199, 0) !important;
}


.taed a {
  font-size: 14px !important;
}



.navbar-nav .dropdown-menu {

  left: auto;

}


 #menu div.dropdown-menu.megamenu-full-width {
  width: auto !important;

}















  @media (min-width: 768px){
.col-sm-10 {
  width: 100% !important;
}

  }










@media (max-width: 930px) {

.dimix {
  width: 32% !important;
  margin-bottom: 57px;
  margin-top: 23px;
}
.sryb {
  position: absolute;
  top: -10px;
  right: 2px;
}

}















.noklo {
  margin-bottom: 60px;
}





.dimix{
	
width: 210px;
	
}



.dimix a img{
	
	border-radius:20px;
}

.dimix .fa-shopping-cart::before {

  color: rgb(0, 0, 0);
}


.dimix .product-thumb .caption {
  padding: 0 10px;
}




.sryb {
  position: absolute;
  top: -10px;
  right: -10px;
}









































.fcx{
	
font-size:10px;	
	
}



.fewa {
  font-size: 9px;
  position: relative;
  top: -5px;
}









@media (max-width: 930px) and (min-width: 414px) {

#owl_nav_container {

top: 77px;
}

}

@media (max-width: 414px) and (min-width: 375px) {

#owl_nav_container {

top: 77px;
}

}

@media (max-width: 390px) and (min-width: 100px) {

#owl_nav_container {

top: 60px;
}

}














@media (max-width: 930px) {

.oct-cart-item > div.item-quantity input {

  position: relative;
left: -36px;
}
.oct-cart-item > div.item-price {

 // width: 135px;
}

.oct-cart-item > div.item-quantity {

 // position: absolute !important;
}

.mfp-content h1 {
  font-size: 15px !important;
}


#quick-view .nav-tabs {
  margin-bottom: 15px;
  display: none;
}


#quick-view #popup-main-image{
	border-radius: 20px;
padding: 10px;
	
}



.mfp-content {

  top: 15px;
}

.number, .found-cheaper, .after-header-item {

  margin-left: auto;
  margin-right: auto;
}


//.popup-cart-box .kolvo {
left: -180px;
margin-top: 60px !important;
margin-bottom: -35px !important;
}


.kwasi{
	
position: relative !important;
left: 60px;
top: auto !important;
	
	
}


.oct-cart-item > div.item-quantity {

  top: auto !important;
}




.tabg{
	
	left: 1px;
position: relative;
	
}


.cyrko input{
	width: auto;
	
	
}


}


















.tabg {
  width: 125px;
  text-align: right;
}




.kolvo{
	width: 40px;
	
}


.kolvo input[type="text"].form-control {

  padding-left: 10px !important;
  padding-right: 10px !important;

}



.vain{
	
	display: none;
	
}










#quick-view .product-images .thumbnail {
  cursor: auto !important;
  border-radius: 10px;
}








.oct-cart-item > div.item-quantity {
	
	
	margin-left: -40px !important;
  //  margin-left: 8px !important;
   // top: -23px ;
}








//.owl-item  a:hover {
  background: rgba(248, 207, 15, 0.29);
  border-radius: 10px;
  color: rgb(0, 0, 0);
 // text-shadow: 0px 2px 1px rgba(255, 255, 255, 0.32);
//  box-shadow: inset 0px 0px 3px rgb(255, 255, 255) ,-1px 1px 3px rgba(0, 0, 0, 0);
  border: 1px rgb(255, 232, 126) solid !important;
  font-weight: bold;
}



.owl-item  a:hover {
background: rgba(204, 243, 124, 0.23) !important;
    border-radius: 10px;
    color: rgb(0, 0, 0);
    border: 1px #CCF37C solid !important;
    font-weight: 100;
}





.owl-dots{
	justify-content: space-between;

//width:100%;
display: flex;	
}


.owl-dots .active{
	border-radius: 10px;
border: 0px;
    background: rgb(204 243 124) !important;
//background: rgb(160, 224, 22);
}









.owl-dots .owl-dot{
	border-radius: 10px;
border: 0px;
width: 10px !important;
height: 10px !important;
	    padding: 5px;
	background: #f2f2f2;
-webkit-width: 10px !important;
	
//	width: max-content !important;
//width: min-content;
	
	
}





.oct-pfc-grid > .item {

  display: initial !important;
}
















@media (max-width: 930px) {

.rowlevo{
	
	display:none;
	
	
}


.jakor::before {

height: 100px;
margin: -120px 0 0 !important;



}




}


.item-vertical .active::after {
  position: absolute;
  width: 10px;
  height: 10px;
  background: rgb(204, 243, 124);
  z-index: 5;
  right: 1px;
  margin-top: -12px;
  border-radius: 20px;
}

























.oct-product-tab {

  display: none;
}






@media (min-width: 1200px){
.container {

    width: 98%;
}

}














ul.megamenu > li > a {

  font-size: 14px !important;

}




.jakor::before{
	//position: absolute;
//height: 100vh;


//height: 100vh;	
display: block;
content: "";
//height: 584px;
margin: -65px 0 0;
	
}





















.megamenu-pattern ul .active  span{
	
	color: rgb(0, 0, 0) !important;	
	
}







.item-vertical:target span{
	
	color:red !important;	
	
}


html {
  scroll-behavior: smooth;
}








@media only screen and (min-width: 1600px){
  
  
.container {

  min-width: 98%;
}


}




.so-vertical-menu .navbar-default {
  background-color: transparent;
}







.sticky {
	background: rgb(255, 255, 255) !important;
  position: fixed;
//  z-index: 101;
max-height:100vh;

min-height: 90%;

//height: 64vh;
    overflow-y: auto !important;



}







.stop {
  position: relative;
 // z-index: 101;
}


@media (max-width: 1900px) {
	
.sticky {
    height: 90% !important;

}

}





@media (max-width: 1100px) {
	
.sticky {
    height: 90% !important;

}


}



.containerlevo{
	
	//min-height: 400px;
	
	
}













.so-vertical-menu{
position: -webkit-sticky; /* Safari */  
position: sticky;
top: 300px;
}










.levoss{
position: -webkit-sticky; /* Safari */  
position: sticky;
top: 300px;
background: rgb(255, 255, 255) !important;
height: 100vh !important;
}



.stop{
	
background: rgb(255, 255, 255) !important;
height: 100vh !important;	
	
}







.nain {
	
	display:none;
	
}




.vertical ul.megamenu > li {

  border-top: 0px solid rgb(230, 230, 230) !important;	
}




.vertical .megamenuToogle-wrapper {
  z-index: 3;
  display: none;
}




.foster{
  width: 100%;
}



.so-vertical-menu .container{
	
  width: 100% !important;	
	
}



.container-megamenu{
	
  width: 100% !important;	
	
}


















 .simple-content select, .simple-content textarea {

  padding: 10px;
  background: rgb(255, 255, 255);
  border: 1px rgb(218, 218, 218) solid;
  border-radius: 5px;
}






.oct-sticker-box {
 
    right: auto !important;

}








#product .options-box .img-thumbnail {

    background-color: transparent !important;

}




#purchase-form div.required .control-label::before {

    display: none;
}






@media (max-width: 930px) {


.oct-cart-item > div.item-name {
 //margin-bottom: 30px !important;
    height: auto !important;
    
}

.oct-cart-item > div.item-quantity {
 //   width: 33% !important;
}

}























#simplecheckout_cart .form-control {
    display: inline-block !important;
    min-width: 58px !important;
}




















#total_total {
    font-size: 20px;
    background: #e4ffad;
}




















input[type="text"].form-control, input[type="tel"].form-control, .simple-content textarea {
    border: 1px solid #fff !important;
    background: linear-gradient(to bottom,#fff 0%,#fff 100%) !important;
    box-shadow: inset 0px 2px 4px #e3e3e3 ,0px 2px 3px rgba(11, 62, 90, 0.07) !important;
}



.btn-primary {

    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0) !important;

}

.balo{
    font-size: 10px;
}


















.rabp {
    width: auto;
}



.rabp td{
    
}

.rabp p{
    margin-bottom: 0px !important;
}




.product-buttons-box #button-cart:hover {
    background-color: rgb(204, 243, 124) !important;
}



.price-col p {
color: rgb(0, 0, 0) !important;
}






.oct-product-tab ul.nav-tabs > li {

    width: min-content;
}



.item-box:hover .odesc {
    position: absolute;

top: 268px;
    
       transition:  0.4s ease;

    opacity: 1;
}



.odesc {
    position: absolute;

    opacity: 0;
           transition:  0.4s ease;
        z-index: 22;
  top: 248px;
}







.sodesc {
    position: relative;
    background: rgb(255, 255, 255);
    border-radius: 15px;
    padding: 20px;
    transition: 0.4s ease;
    display: block;
    box-shadow: 1px 2px 3px rgb(155, 155, 155);
}







.simplecheckout-cart small {
    background: rgb(204, 243, 124);
    color: rgb(0, 0, 0);
    padding: 2px;
    font-size: 11px;
}













@media (max-width: 930px) {

.product-grid .product-thumb .h4 {
    height: auto !important;
}




.item-box:hover .odesc {
    position: relative !important;
    top: auto !important;
    transition: 0.4s ease;
    opacity: 1 !important;
}


.odesc {
    position: relative;
    opacity: 1;
    transition: 0.4s ease;
    z-index: 22;
    top: auto;
    margin-bottom: 10px;
}

.odesc:hover {
    position: relative;
    opacity: 1;
    transition: 0.4s ease;
    z-index: 22;
    top: auto;

}


.sodesc {
    position: relative;
    background: transparent;
    color: rgb(0, 0, 0);
    border-radius: 15px;
    transition: 0.4s ease;
    display: block;
    box-shadow: 1px 2px 3px rgba(155, 155, 155, 0);
    font-size: 11px;
    margin: auto;
min-height: 121px;
    text-align: left;
padding: 0px 3px;
}

.product-grid .product-thumb .oct-product-desc {
    text-align: left;
display: block !important;
    margin-top: 15px;
    opacity: 1;
    font-size: 11px;
}



.product-grid .product-thumb .oct-additional-info {
    height: auto !important;


    opacity: 1 !important;
}







.bonus {
    position: absolute;
    top: -3px;
    right: 11px;
    left:auto;
}

}








#column-right .list-group a, .oct-news-panel .list-group a {
    color: #000 !important;
    text-transform: uppercase;

    font-size: 14px;
    background: #ccf37c !important;
    border-radius: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}




.bonus{
    position: absolute;
    top: -3px;

}


.bonus a {
    background: #ccf37c;
    padding: 2px 5px;
    font-size: 11px;
}


.bonus a:hover {
    background: #000 !important;

    color: #fff !important;
}








.rtel a{
    
    font-weight: 600;
    
}



.jz{
    
    
  background: #b10500 !important;
    
    font-size:22px;
}



.gz{
    
    
    
    background: #ff0500 !important;

}



@media (max-width: 930px) {
    
    
.buttons-top-box {
    display: table;
    line-height: inherit !important;
    width: auto !important;
    margin-bottom: auto !important;
    padding: 0px;
    position: fixed !important;
    top: 15px !important;
    right: 16px;
    z-index: 3333;
}
    
    
    
    
    
    
    
    
    
   .mobile-icons-box {

    display: none;
}
  
    
    .buttons-top-box div i span {

    background: #ff0500 !important;
    }
    
   .vego td {
width: 100% !important;

    display:block;
    
    
    
}
 


    
}



.vego img{
    width: 100%;
    height: 193px;
    object-fit: cover;
    border-radius: 6px;
}


.vego td {
    width: 33%;
    padding: 10px;
    vertical-align: top;
}



.vego h4{
    font-size: 16px;
    font-weight: 600;
}





.oct-module-button button:hover {
    color: rgb(0, 0, 0) !important;
    box-shadow: 1px 2px 7px rgba(0, 0, 0, 0.28);
    
           transition:  0.4s ease;
}



#oct-pfc-grid-button-1,
#oct-pfc-grid-button-2,
#oct-pfc-grid-button-3,
#oct-pfc-grid-button-4,
#oct-pfc-grid-button-5,
#oct-pfc-grid-button-6,
#oct-pfc-grid-button-7,
#oct-pfc-grid-button-8,
#oct-pfc-grid-button-9,
#oct-pfc-grid-button-10,
#oct-pfc-grid-button-11,
#oct-pfc-grid-button-12,
#oct-pfc-grid-button-13,
#oct-pfc-grid-button-14,
#oct-pfc-grid-button-15 {
    
    background: rgb(204, 243, 124);
    width: 50%;
    color: rgb(0, 0, 0) !important;
    border-radius: 20px;
    
           transition:  0.4s ease;
}




#oct-pfc-grid-button-0:hover {

    //color: #fff !important;

}

#oct-pfc-grid-button-0 {
    background: rgb(204, 243, 124);
    width: 50%;
    color: rgb(0, 0, 0) !important;
    border-radius: 20px;
    
           transition:  0.4s ease;
}





.oct-cart-item > div.delete-item button {
padding: 0px !important;
color: rgb(255, 255, 255) !important;
font-size: 18px;
background: rgb(255, 0, 0) !important;
border-radius: 50px;
width: 20px;
height: 20px;
}








.oct-button-inv:hover{
    
        color:rgb(204, 243, 124) !important;
    
    
}





.popup-button:hover{
    
    
        background: rgb(204, 243, 124) !important;
    
    color:#000 !important;
    
    
}




.flexMenu-viewMore::after {
content: '▼';
position: absolute;
right: -7px;
top: 21px;
font-size: 11px;
}




#back-top{
    
    
background-color: rgb(204, 243, 124) !important;
opacity: 1 !important;
    
}



#back-top i{
    
    
color: #000 !important;
    
}






//img {

    image-rendering: crisp-edges !important;
}






.lazy_link img {

    width: 100%;
}




.oct-carousel-row .image {

    overflow: hidden;
}


















































#image-additional {

    display: none;
}






.button-compare {
    display: none !important;
}

.wide-popup #content {
    min-height: 300px;
    padding-bottom: 15px;
}


a {
    text-decoration: none !important;
}


@media (max-width: 930px) {
 
 
 
 
 
 
 
 
 
 
 
 
 
.oct-cart-item .img-thumbnail {
    display: inline-block;
    max-width: 100%;
    height: auto;
    padding: 0px;
    line-height: 1.42857143;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(221, 221, 221);
    border-radius: 4px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    max-width: 44px;
    position: relative;
right: 22px;
}
 
 
 
 .oct-cart-item > div.item-price {
    position: relative;
    top: -34px !important;
    width: auto;
    text-align: left;
    font-size: 13px !important;
}
 
 
 
 
.oct-cart-item {
    margin-bottom: 5px !important;
}



.oct-cart-item > div.delete-item button {
    font-size: 20px;
    position: relative;
right: -56px;
top: 4px;
}
 
 .oct-cart-item > div.item-name {
    width: 146px;
    text-align: left !important;
    float: left !important;
}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 .cart{
     
   opacity: 1 !important;
       transition:  0.4s ease;
     
 }  


.tekniz td {

    display: block;
width: 100% !important;
}

.oct-product-tab ul.nav-tabs > li {

    width: 100% !important;
}


}





















 .cart{
     
   opacity: 0;
       transition:  0.4s ease;
     
 }  

.item:hover .cart{

    
    opacity: 1;
      transition:  0.4s ease;
    
}

.product-layout:hover .cart{

    
    opacity: 1;
    
    
}






.product-thumb {

border-radius: 12px !important;
}


.row.sort-row {

    display: none;
}


.breadcrumb-box {

   // display: none;
}





.content-row {
    background: transparent !important;
    -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0) !important;
    -moz-box-shadow: 0 1px 4px rgba(0,0,0,0) !important;
    -o-box-shadow: 0 1px 4px rgba(0,0,0,0) !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0)  !important;

}



#res-products .cart {
    position: absolute;
    top: -7px;
    right: -4px;
    z-index: 5;
    height: 1px;
}





#res-products .product-thumb .image .quick-view a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    height: 220px;
    background: rgb(255, 0, 0);
    left: 0px;
    width: 100%;
    top: 0px;
    opacity: 0;
}


.product-thumb .image .quick-view {
    position: absolute;
    left: 0;
    right: 0;
    top: 0%;
    border-radius: 3px;
   // background: rgba(79,95,111,0.6);
    padding-top: 6px;
    padding-bottom: 6px;
   // opacity: 1;
   // background: red;
    //height: 222px;
}



.sixz{
    
    text-align: right;
    
    
}


.cix {
    text-align: right;
    margin-top: -33px;
    margin-right: 15px;
}


.hfoot {
    margin-top: 22px;
}

.hfoot h5 {
    font-size: 24px;
    margin-bottom: 1px !important;
}


.hfoot span {
    color: rgb(128, 128, 128);
}



#uptocall-mini {

    display: none;
}

.fink {
    width: 184px;
    margin-top: 5px;
    height: 40px;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    background: rgb(233, 233, 233) none repeat scroll 0% 0%;
    opacity: 1;
    border-radius: 4px;
    font-weight: 300;
    font-size: 14px;
    line-height: 15px;
    cursor: pointer;
    color: rgb(51, 51, 51);
    position: absolute;
    top: 33px;
    right: 15px;
}



.payment-box {
display: none !important;
}


.oct-copy {

    color: rgb(113, 113, 113);
}





.pmod .sivg {
   // width: 50px;
    margin-left: auto;
    margin-right: auto;
    height: 35px;
}


.sivg img{
 
    height: 50px;
}


.pmod td {
    width: 25%;
    padding: 10px;
    text-align: center;
    vertical-align: top;
}



.pmod  {
    margin-top: 40px;
}


.pmod h4 {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: -8px;
}


.product-info-ul{
    
    display:none;
    
    
    
}


h1{
    
  font-size:26px !important;
    
}


.tekniz td{
    
    padding: 20px;
   width:33%; 
    
    
}


.syrp{
    
    padding: 10px 0px;
    
}



.oct-product-tab ul.nav-tabs {

border: 1px solid rgb(255, 255, 255) !important;

    background: rgb(255, 255, 255);
}


.oct-product-tab ul.nav-tabs > li {

  //  width: 50%;
}


.oct-product-tab ul.nav-tabs > li.active a {
color: rgb(0, 0, 0) !important;
background: rgb(204, 243, 124) !important;
    width: 100%;
}



.oct-product-tab .owl-carousel .owl-item .image, .oct-carousel-row .image {
    position: relative;
    background: rgb(255, 255, 255);
    margin: 10px;
    border-radius: 12px;
}

.owl-carousel {

    background: transparent !important;

}


.oct-product-tab {
    background: transparent  !important;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0) !important;
    
}


.oct-product-tab .owl-carousel .owl-item .image .quick-view, .oct-carousel-row .quick-view {
    position: absolute;
    left: 0 !important;
    right: 0 !important;
    top: 40%;
    border-radius: 3px;
    padding-top: 6px;
    padding-bottom: 6px;
    transition-duration: .2s;
    transition-property: all;
display: block !important;
    width: 100%;
    
    opacity: 0;
}



.oct-product-tab .owl-carousel .owl-item .quick-view a, .oct-carousel-row .item .quick-view a, .product-thumb .image .quick-view a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    display: block;
    width: 100%;
    background: red;
    height: 321px;
    left: 1px;
    top: -90px;
}


.product-thumb .image .quick-view a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    height: 220px;
    background: red;
    left: -32px;
    width: 100%;
    top: -97px;
    opacity: 0;
}





.product-thumb .image .quick-view {

    width: 100%;
}





.oct-carousel-row .item .quick-view:hover, .product-thumb .image .quick-view:hover {
    background: transparent !important;
}




.oct-carousel-row .item .quick-view a {
    text-decoration: none;
    color: rgb(255, 255, 255);
    font-size: 14px;
    cursor: pointer;
    padding: 50px 80px;
    height: 309px;
    display: block;
    position: absolute;
    background: rgb(255, 0, 0);
    left: -30px;
    top: -94px;
    opacity: 0;
}























.oct-carousel-row .item .image:hover + .name a {

    text-decoration: none !important;
}




a:hover {

    text-decoration: none !important;
}



.oct-carousel-row .image {
    position: relative;
    background: rgb(255, 255, 255);
 margin: 5px;
    border-radius: 10px;
}





.name a {
color: #000 ;


}

.oct-carousel-box {
background: transparent !important;

box-shadow: 0 1px 4px rgba(0, 0, 0, 0) !important;



}


.oct-button:hover {
    background-color: rgb(204, 243, 124) !important;
    color: rgb(0, 0, 0) !important;
}



 .cart{
    position: absolute;
    top: 1px;
    right: 1px;
    z-index: 5;
    

    
}










.button-cart i {
    font-size: 18px;
    padding: 7px 3px;
}
.button-cart {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: rgb(0, 0, 0) !important;
    font-size: 14px;
    background: rgb(255, 255, 255) !important;
    text-decoration: none;
    border: 1px rgb(232, 232, 232) solid !important;
    border-radius: 50px !important;
    box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.11);
}

.button-cart:hover{
    
 border: 1px rgb(255, 255, 255) solid !important;
box-shadow: -1px 2px 5px rgba(0, 0, 0, 0.38);
    
    
}






footer .third-row {
    padding-top: 20px;
}



.poafut{
    
     background-color:  #CCF37C; 
  //  padding-top: 10px;
padding: 20px 0px;
    
}


footer .input-box input {
    border: 1px solid rgb(173, 213, 91) !important;
    background: rgb(186, 227, 101) !important;
    border-radius: 61px !important;
    letter-spacing: 1px;
    box-shadow: rgba(0, 0, 0, 0.15) 0px 2px 2px inset !important;
    color: rgb(0, 0, 0);
font-weight: 600;
}

footer .first-row .h5 {
  //  margin-top: auto !important;
   // padding: 28px 0px;
}

footer .text-left {
  //  padding-top: 26px;
}

footer input::placeholder {
    color: #1E1E1E !important;
}


.sxer {
    float: left;
    margin-right: 22px;
}





.sypr .h5{
    
    font-size: 16px !important;
    
    color: rgb(89, 89, 89) !important;
}



footer .actions button {
    position: absolute;
    right: 10px;
    top: 10px;
background: rgb(204, 243, 124) !important;
    border: 0;
    box-shadow: none;
    border-radius: 3px;
    padding: 8px 18px;
    color: rgb(0, 0, 0);
    border-radius: 54px  !important;
}








footer h5, footer .h5 {

    text-transform: none !important;
}


.contaz, .vch, .soc {

    display: none;

}








@font-face {
	font-family: 'WebS';
	src:
		local('WebS'),
		url('../font/comfortaa.ttf') ;
}







@font-face {
	font-family: 'lig';
	src:
		local('WebS'),
		url('../font/comfortaa-light.ttf') ;
}




body {
    
font-family: 'lig' !important;
      letter-spacing: 1px;
}



a{
    letter-spacing: 1px;
	font-family: 'WebS' !important;
  
}


.menu-row {
    position: sticky;
    top: 74px  !important;
    z-index: 1555;
}



.boss{
    position: sticky;
    top: 0px;
    z-index: 1645;
	box-shadow: 1px 2px 6px rgba(0, 0, 0, 0.09);
}




.gostel {
    display: none !important;
}




@media (max-width: 930px) and (min-width: 767px) {
    
        
    #menu-mobile .dropdown-menu {
    width: auto !important;

    left: 77% ;
    } 
    
        body {
    padding-top: 119px;
}
    
    
    
    
    
    
    
    
}

@media (max-width: 767px) and (min-width: 375px) {


.oct-pfc-grid > .item {
    width: 50% !important;
}
    
    #menu-mobile .dropdown-menu {


    left: 54% ;
    } 
    
body {
		
padding-top: 44px;	
//padding-top: 123px;
}
  

}








@media (max-width: 374px) and (min-width: 321px) {


body {
padding-top: 44px;
}
  

}















@media (max-width: 320px) { 
    
    
    
    
    
.oct-pfc-grid > .item {
    width: 50% !important;
}
    #menu-mobile .dropdown-menu {


    left: 37% ;
    } 
    
        body {
padding-top: 45px;
}
  
#owl_nav_container {

  top: 10vh !important;
}
}







@media (max-width: 993px) { 
    
   .gostel {
    display: inline-table !important;
} 

.product-buttons-box #button-cart {
    display: inline-block !important;
}



footer .first-row .h5 {
    text-align: left !important;
}





 .xas{
    position: absolute !important;
 left: -9px !important;
 min-width: 169px;
}

.pmod td {
    width: 100%;
    padding: 10px;
    text-align: center;
    display: block;
}






.futmenub{
    
 background-color:  #CCF37C;  
    padding:20px;
}


.slidmenub {

    overflow-y: auto;
    height: 85%;
}




.menub a{
    
    display: block;
    margin-left: 20px;
    padding: 9px 0px;
    
    
}


.futmenub p{
    
     font-weight: 400;
    font-size: 16px;   
    
    
}




.zit{
    font-weight: 400;
    font-size: 17px;
}


.vibio i{

    font-size: 17px;
}









.close-m-search {
    right: auto !important;
    left: 4px !important;
    top: 16px !important;
}



.blonadmen {
margin-top: -5px;
    border-bottom: 1px #efefef solid;
    padding-bottom: 10px;
    border-top: 1px #efefef solid;
    padding-top: 10px;
}



.otzav {
    background: white;
    padding: 10px;
    border-radius: 5px;
}

.apal img{
    
    margin-left: 10px; 

}

 

    
    

.menuser {
    position: relative;
    height: auto;
    padding: 15px 15px;
    text-align: right;
    border-bottom: 1px #efefef solid;
    margin-bottom: 20px;
}


.vxodm{
    
  margin-top: 5px;  
    
}






.menu-mobile-header {
    background-color: #CCF37C !important;
    position: absolute;
    display: none;
}



.menu-mobile-header, .close-m-search a {
    color: rgb(0 0 0) !important;
font-size: 48px !important;
}
    
 .levtel   {

    margin-left: 20px;
}

    
    
    
    
    
    
    

    
.sc-LzLrT {
    position: fixed;
    top: 60px;
    z-index: 55;
}
    
    
    .open > .dropdown-menu {
    display: block;
width: auto !important;
    position: absolute !important;
}
    
	
	
	
	
	
    
    .vaska {
    height: 31px;
    padding: 0px 16px;
    overflow-x: scroll;
}
    
.vaska {
    width: 100%;
    max-width: 1660px;
    height: 55px;
    padding: 0px 10px;
    background-color: rgb(255, 255, 255);
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: center;
    justify-content: center;
    margin: 0px auto;
    border-bottom: 1px solid rgb(244, 244, 244);
    border-top: 1px solid rgb(244, 244, 244);
    box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.14);
} 
    
    
.ia-dljo {
    height: 100%;
    -moz-box-pack: start;
    justify-content: flex-start;
}


.ia-dljo {
    width: 100%;
height: auto;
    display: flex;
    -moz-box-align: center;
    align-items: center;
    -moz-box-pack: justify;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin: 0px auto;
}
    
    
.ialHNx {
    margin-right: 26px;
}




.ialHNx {
    cursor: pointer;
    font-size: 12px;
    line-height: 24px;
    text-transform: uppercase;
    white-space: nowrap;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
}
    
    
    
    
    
    
    
    
.vibio ul{
    padding-left: 20px;
}

.mobile-icons-box {
padding-left: 0px;


}


 .levblokos {
    width: 150px;
}
    
    
.far{
    font-size: 11px;
    padding-left: 17px;
}
    
    
.levblokos a, .levblokos i {
    font-size: 16px;
}
    
    
footer h5, footer .h5 {

    font-size: 15px !important;
}
    
    
    

.ordered{
        
      display:none;  
  
    }
    
    
.colmob {
    width: 33%;
}




    #top {
padding: 10px 0px !important;
box-shadow: 1px 2px 3px rgba(0, 0, 0, 0.27);
min-height: auto;

}
 
 
.logot {
    width: 60%;
}
 
 
     .colmob {
    width: 20%;
}

 .top-mobile-item a i {
    font-size: 26px !important;
 
}
 
 .mobile-icons-box a {
margin-left: auto !important;
}
    
    

    
    .top-mobile-item {

    border-right: 1px solid rgba(217, 217, 217, 0.25) !important;
    
    }
}
    





.slick-prev, .slick-next {
    z-index: 8 !important;
}























.checkout-simplecheckout .koz{
    display: none !important;
    
    
}







.levblokos li{
    list-style-type: none;
}

.menps  li{
    list-style-type: none;
}



.menps {
    white-space: nowrap;
    display: inline-block;
    padding: 0px 10px;
}


#cart {
    background-color: rgba(247, 249, 250, 0) !important;
        border: 0px rgb(255, 255, 255) solid !important;

    box-shadow: -1px 2px 5px rgba(196, 196, 196, 0) !important;
}




.buttons-top-box {
display: table;
line-height: inherit !important;
width: auto !important;
margin-bottom: auto !important;
padding: 0px;
position: relative;
top: 19px;
}






.buttons-top-box .fa-shopping-basket {
color: rgb(0, 0, 0) !important;
font-size: 32px !important;
}



.buttons-top-box .fa-shopping-cart{
color: rgb(0, 0, 0) !important;
font-size: 32px !important;
}




.was, .zer, .qwz{
    
   display:none; 
    
}








.ordered{
   // margin-top: 15px;
    
    width:100%;
    
    
}


.ordered td{
    
  //  width: 10%;
//display: inline-block;
    padding: 15px 0px;
    
}


.ordered  ul {
margin-top: 0;
margin-bottom: 0px !important;
margin-left: -26px;
margin-right: -7px;
}

.ordered  ul, .ordered, .ordered  a {
color: rgb(57, 57, 57) !important;
}




 a:hover {
color: rgb(204, 243, 124);

  transition:  0.4s ease;
}



.menps  a:hover {
color: rgb(204, 243, 124) !important;

  transition:  0.4s ease;
}


 a {


  transition:  0.5s ease;
}




.boss{
    
    
    padding-top: 0px !important;
    
    
}




.menu-row {

    border-top: 1px solid rgb(244, 244, 244) !important;

}




























.menu-row {

    position: sticky;
    top: 0px;
    z-index: 55;
}







#button-cart[disabled] {
    pointer-events:none;
  opacity:0.8;
}





#simplecheckout_button_confirm[disabled] {
    pointer-events:none;
  opacity:0.8;
}












#simplecheckout_button_confirm {
    font-size: 20px;
}

















label {
    font-size: 14px !important;
}


body {

    font-size: 14px !important;
}






.product-thumb .caption {

    position: absolute;
    background: transparent;
}




//.product-thumb:hover .caption {

    position: absolute;
    background: rgb(255, 255, 255) !important;
}















.lazy_link {
padding: 0 0 100% !important;

border-radius: 12px;


}

.product-grid .product-thumb .h4 {
margin-top: 19px !important;

min-height: 40px;
}



.izo img {
    margin-left: auto;
    margin-right: auto;
   //min-width: 230px;
    min-width: 130px;
}


.izo {
    margin-left: auto;
    margin-right: auto;
    min-width: 230px;
}


//.oct-product-tab .owl-carousel .owl-item .image, .oct-carousel-row .image {

    margin: 8px;
}

//.tzo {
    margin: 10px;
}


//.tzo img {
    margin-left: auto;
    margin-right: auto;
min-width: 240px;
}





.oct-bottom-cart-box .table .oct-bottom-cart-table-text {
color: #985757 !important;
}






//footer .input-box input {
border: 1px solid rgb(248, 116, 92) !important;
}



footer hr {

    border-bottom: 1px solid #7d3e36 !important;  
}














@media (max-width: 930px) { 
    
    
  body{

background-size: 14px;
}
  
  .popup-buttons-box .popup-button {

    font-size: 12px;
    padding: 13px 13px 0px 12px !important;  
    
}


.oct-product-tab ul.nav-tabs > li a, .oct-product-tab ul.nav-tabs > li a:hover, .oct-product-tab ul.nav-tabs > li.active a {
font-size: 14px !important;
}



}


.glatrest{
    
    

    background: rgb(255, 255, 255);
    padding: 20px;
    border: 1px rgb(228, 228, 228) solid;
    border-radius: 5px;
box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.13);

    
    
    
    
}



















footer h5, footer .h5 {
    color: rgb(188, 219, 142);
    font-family: WebS !important;
font-size: 22px ;
}



.row.sort-row {
background: rgb(244, 255, 227) !important;
    
}








.sets .set-product {
    border: 1px solid rgb(221, 221, 221);
    background: rgb(255, 255, 255);
}










#cart {
    background-color: RGB(247, 249, 250);
    border: 1px rgb(255, 255, 255) solid;
    border-radius: 10px;
    box-shadow: -1px 2px 5px rgb(196, 196, 196);
}






@media (max-width: 730px) {

//.oct-carousel-row .item {

    width: 100% !important;
}


}


.product-thumb .h4 a{
    
     font-size: 16px !important;

    font-family: WebS !important;   
    
    
    
}

.oct-carousel-row .item .name a{
    color: rgb(79, 95, 111);
    font-size: 16px !important;

    font-family: WebS !important;
}



.oct-product-tab .owl-carousel .owl-item .name a{
    color: rgb(79, 95, 111);
    font-size: 16px !important;

    font-family: WebS !important;
}











//.oct-product-tab .owl-carousel .owl-item, .oct-carousel-row .item {
    text-align: center;
    position: relative;
    box-shadow: 1px 2px 3px rgb(196, 196, 196);
    padding: 10px;
    margin: 2px 10px;
    width: 254px !important;
}





//body{

    
    background-image: url(, );
    
    
    background-attachment: fixed;

    background-position: left, right;
    background-repeat: repeat-y,repeat-y;
}



//#oct-bluring-box {
    position: relative;
    background-image: url(/image/catalog/dek/nizz2.png);
    background-position: bottom;
    background-repeat: repeat-x;
}










.cat-model {

    display: none;
}



.oct-carousel-row .oct-button.compare{
    
        display: none !important;
    
}



 .oct-carousel-row .oct-button.wishlist{
    
        display: none !important;
    
}


.oct-product-tab .owl-carousel .owl-item .cart .oct-button.compare{
    
background-color: rgb(223, 223, 223) !important;
    display: none;
    
}



.oct-product-tab .owl-carousel .owl-item .cart .oct-button.wishlist{
    
background-color: rgb(223, 223, 223) !important;
    display: none;
    
}













h1, h2, h3{
    
font-family: WebS !important;
    
    
}




body {
background-color: rgb(247, 247, 247) !important;
}


//.product-thumb .h4 a {

font-size: 18px !important;
}





.rowa .col-sm-12{
    
    padding-right: 0px;
padding-left: 0px;
    
    
}



.cont{
    
position: relative;
top: -16px;
    
}



.contaz {
    background-image: url(/image/catalog/dek/swet.jpg);
    width: 100%;
    background-attachment: fixed;
    background-size: cover;
}







.noUi-connect {
background: rgb(160, 206, 92) !important;
}








.sets .ao {

    color: rgb(251, 61, 62) !important;

}



.new_price, .new_summ {
color: rgb(248, 116, 92) !important;
}

//.set .btn-primary {
    color: rgb(255, 255, 255);
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
    background-color: rgb(251, 61, 62) !important;
    background-image: linear-gradient(to bottom,rgb(35, 161, 209),rgb(31, 144, 187));
    background-repeat: repeat-x;
    border-color: rgb(251, 61, 62) rgb(251, 61, 62) rgb(251, 61, 62) !important;
}
.btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {

background-color: rgb(167, 208, 82) !important;
//background-image: linear-gradient(to bottom,rgb(248, 116, 92),rgb(238, 92, 66)) !important;


background-image: linear-gradient(to bottom,rgb(204, 243, 124),rgb(181, 227, 85)) !important;


}


.slick-prev::before, .slick-next::before {
color: rgb(255, 79, 38) !important;
}


.sets .set .disc {
    background-color: rgb(251, 61, 62) !important;
}



.sets .total {
border: 2px solid rgb(248, 116, 92) !important;
background: rgb(255, 255, 255);
}








.btn-primary {

color: rgb(255, 255, 255);
text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
background-color: rgb(146, 208, 50);


background-image: linear-gradient(to bottom,rgb(204, 243, 124),rgb(181, 227, 85)) !important;


//background-image: linear-gradient(to bottom,rgb(248, 116, 92),rgb(238, 92, 66)) !important;
background-repeat: repeat-x;
border-color: rgb(204, 243, 124) rgb(173, 213, 92) rgb(164, 206, 77) !important;

}






.btn-primary {
color: rgb(0, 0, 0) !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
}




.ts-search-box{


    margin-left: 68px;

}



















#cart .cart-total-price {

	font-family: 'arial' !important;
    font-weight: 400 !important;
}




.price {
font-size: 20px !important;
font-family: 'lig' !important;
//	font-family: 'arial' !important;
//font-weight: 400 !important;
}






#sstore-3-level > ul > li > a:first-child{

border-bottom: 1px #e3e3e3 solid !important;
padding: 11px 15px;
color: black;
}



#sstore-3-level > ul > li .toggle-a {

    right: 0px;
    top: -10px !important;
}



#sstore-3-level .list-group-item:first-child {
    border-radius: 0;
    padding: 10px 24px;
    border-bottom: 1px #ececec solid;
    color: black;
}


.number, .found-cheaper, .after-header-item {
    background-color: #F4F6F8;
    width: 108px;
}


#product-info-right .after-header-row{
    
    display:none;
    
    
}



.product-thumb .rating {
display: none !important;
}


.oct-product-stock{
    
  display: none !important;  
    
}


.oct-button, .oct-button:visited .oct-button:focus {

    padding: 10px 14px !important;  
}


#quick-view .after-header-row{
    
  display: none !important;  
    
}






@media (max-width: 930px) { 


  #logo {
    margin: 0 0 18px;
    width: auto !important;
    position: relative !important;
    top: auto !important;
}  



}







#logo {
    margin: auto !important;
}


//#logo {
    width: 241px;
    position: absolute;
    top: -43px;
}














































.coupon-thumb {
  border: 1px solid #ddd;
  margin-bottom: 20px;
  overflow: auto;
  background-color: #FEF7EC;
}

.coupon-thumb.used {
  background-color: #ECECEC;
}

.coupon-thumb .coupon-caption {
  font-weight: 800;
}

.coupon-thumb  .coupon-description {
  padding-left: 10px;
  padding-right: 10px;
}

.coupon-thumb .coupon-code {
  padding-left: 10px;
  font-weight: 800;
}

.coupon-thumb .coupon-code i{
  cursor: pointer;
}

.coupon-thumb .coupon-price {
  padding-left: 10px;
  font-weight: 600;
}

.coupon-thumb .coupon-used {
  padding-left: 10px;
}

.coupon-thumb .cart {
  margin-bottom: 10px;
}

#moadalCouponBuy .modal-header{
  border-bottom-width: 0px !important;
}

#moadalCouponBuy .modal-footer{
  border-top: none !important;
}









































































/* MegaMenu
------------------*/
.no-gutter{
	padding:0px;
}
#menu {
    position: relative;
    overflow: visible;
}

#menu .background-menu {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -1;
}

#megaMenuToggle {
    display: none;
}

.container-megamenu,
.container-megamenu .container {
    padding-left: 0px !important;
    padding-right: 0px !important;
    /* width: 20%;
    left: 0!important;
     float: left;*/
}



.megamenu-wrapper {
    position: relative;
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
    background-color: #eee; /* Old browsers */
    color: #888;

}

.megamenu-pattern {
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
}

ul.megamenu {
    margin: 0px;
    padding: 0px;
    list-style: none;
    position: relative;
}

ul.megamenu > li {
    float: left;
    width: auto;

}

ul.megamenu > li:first-child {
    background: none;
}

ul.megamenu > li.pull-right {
    float: right;
}

ul.megamenu > li .close-menu {
    display: none;
}

/* Search */

ul.megamenu > li.search {
    background: none;
}

#top ul.megamenu > li.search .search_form, ul.megamenu > li.search .search_form {
    padding: 0px;
    margin: 8px;
}

#top ul.megamenu > li.search .search_form input, ul.megamenu > li.search .search_form input {
    height: 29px;
    min-height: 29px;
    border: none;
}

ul.megamenu > li.search .button-search2 {
    top: 6px;
    right: 8px;
}

ul.megamenu > li:first-child > a {
    border-radius:         2px 0px 0px 2px;
    -moz-border-radius:    2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
}

ul.megamenu > li > a {
    display: block;
    position: relative;
    color: #000000;
    font-size: 16px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
	padding: 8px 20px 9px 21px;
  //  padding: 11px 20px 9px 21px;
    height: 45px;
}

ul.megamenu > li > a strong {
    font-weight: 400;
}

ul.megamenu > li > a:hover,
ul.megamenu > li.active > a,
ul.megamenu > li.home > a,
ul.megamenu > li:hover > a {
    background-color: #ddd; /* Old browsers */
    color: #444;

}

ul.megamenu > li > a > .icon-home {
    display: block;
    font-size: 23px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

ul.megamenu > li > a img {
    margin-right: 10px;
    height: 28px;
    vertical-align: middle;
}

ul.megamenu > li > a.description {
    font-size: 14px;
    padding: 10px 20px 11px 21px;
    line-height: 1;
}

ul.megamenu > li > a.description img {
    float: left;
}

ul.megamenu > li > a.description .description {
    font-size: 11px;
    opacity: 0.9;
}

ul.megamenu > li > a.description .description-left {
    float: left;
    width: auto;
}

/* Submenu */
ul.megamenu .title-submenu{
	font-weight: 400;
    font-size: 16px;
	color: #23a1d1;
	width: 100%;
    float: left;	
	padding-left: 14px;
    padding-bottom: 10px;
}

ul.megamenu > li > .sub-menu {
    position: absolute;
    z-index: 9999;
    display: none;
}


.horizontal ul.megamenu > li > .sub-menu {
    max-width: 100%;
}


ul.megamenu > li.active > a span:before {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 12px;
    margin-left: -6px;
    display: inline-block;
    border-right: 9px solid transparent;
    border-left: 9px solid transparent;
    content: '';
    z-index: 30;
}

ul.megamenu > li.active > a span:after {
    position: absolute;
    top: 100%;
    left: 50%;
    margin-top: 13px;
    margin-left: -5px;
    display: inline-block;
    /*border-right: 8px solid transparent;*/
    /*border-left: 8px solid transparent;*/
    content: '';
    z-index: 30;
}

ul.megamenu li .sub-menu .content {
    display: none;
    padding: 20px;
    background: #fff;
    border: 1px solid #e6e6e6;
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
    box-shadow:            0px 0px 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:       0px 0px 25px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:    0px 0px 25px rgba(0, 0, 0, 0.15);
    box-sizing: content-box !important;
    -moz-box-sizing: content-box !important;
    -webkit-box-sizing: content-box !important;
}

ul.megamenu .sub-menu .content > .row {
    padding-top: 20px;
}

ul.megamenu .sub-menu .content > .border {
    padding-top: 20px;
    border-bottom: 1px solid #e6e6e6;
}
ul.megamenu .sub-menu .content > .row:first-child {
    padding: 0px;
}
/* Product */
ul.megamenu li .product {
    text-align: center;
    position: relative;
    margin-bottom: -7px;
}

ul.megamenu li .product .image {
    padding: 0px;
}

ul.megamenu li .product .image img {
    border: 1px solid #e6e6e6;
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
}

ul.megamenu li .product .name {
    padding: 7px 0px 0px 0px;
}

ul.megamenu li .product .price {
    color: #ff6b6b;
}

/* Manufacturer */

ul.manufacturer {
    list-style: none;
    margin: -10px 0px 0px 0px !important;
    padding: 0px;
    position: relative;
}

ul.manufacturer li {
    display: inline-block;
    margin: 10px 5px 0px 0px;
}

ul.manufacturer li a {
    display: block;
    font-size: 14px;
    padding: 2px 8px;
    border: 1px solid #e6e6e6;
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
}

/* Static Menu */

ul.megamenu li .sub-menu .content .static-menu a.main-menu {
    display: block;
    font-weight: 400;
    font-size: 16px;
}

ul.megamenu li .sub-menu .content .static-menu .menu ul {
    list-style: none;
    margin: 0px;
    padding: 5px 0px;
}

ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li {
    padding-top: 7px;
}

ul.megamenu li .sub-menu .content .static-menu > .menu > ul > li:first-child {
    padding-top: 0px;
}

ul.megamenu li .sub-menu .content .static-menu .menu ul ul {
    padding: 5px 10px;
}

ul.megamenu li .sub-menu .content .static-menu .menu ul ul li:before {
    content: "»";
    color: #4ecdc4;
    padding-right: 6px;
}

/* Hover Menu */

ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
    display: block;
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul {
    list-style: none;
    margin: 3px 0px;
    padding: 0px;
    /* position: relative; */
	/* display:inline-block; */
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
    display: none;
    width: 200px;
    padding: 20px;
    position: absolute;
    z-index: 10;
    left: 90%;
    background: #fff;
    border: 1px solid #e6e6e6;
	top:0px;
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
    box-shadow:            0px 0px 25px rgba(0, 0, 0, 0.15);
    -moz-box-shadow:       0px 0px 25px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow:    0px 0px 25px rgba(0, 0, 0, 0.15);
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    top: 20px;
    left: -11px;
    border-right-color: #e6e6e6;
    border-left-width: 0;
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
    position: absolute;
    display: block;
    border-color: transparent;
    border-style: solid;
    border-width: 10px;
    content: "";
    top: 20px;
    left: -10px;
    border-right-color: #fff;
    border-left-width: 0;
}

ul.megamenu li .sub-menu .content .hover-menu .menu ul ul li {
    position: relative;
}

ul.megamenu li .sub-menu .content .hover-menu a:before {
    content: "»";
    color: #4ecdc4;
    padding-right: 6px;
}

/* Heading MegaMenu */

#megaMenuToggle {
    display: none;
    cursor: pointer;
}

.megamenuToogle-wrapper {
    position: relative;
    z-index: 20;
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
    background: #000000;
}

.megamenuToogle-pattern {
    border-radius:         2px;
    -moz-border-radius:    2px;
    -webkit-border-radius: 2px;
}

.megamenuToogle-wrapper .container {
    color: #fff;
    font-size: 18px;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
    padding:15px 35px 15px 15px !important;
}

.megamenuToogle-wrapper .container > div {
    float: left;
    width: 15px;
    margin: 5px 9px 0px 0px;
}

.megamenuToogle-wrapper .container > div span {
    display: block;
    width: 100%;
    height: 3px;
    margin-top: 2px;
    background: #fff;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.15);
}

/* Megamenu vertical */

.vertical #menuHeading {
    margin: 30px 0px 0px 0px;
}
.vertical li.loadmore{
    padding: 10px 10px;
}
.vertical li.loadmore i{
    padding-left:  10px;
}
.vertical span.more-view {
    cursor: pointer;
    font-size: 14px;
    font-weight: 400;
    color: #556270;
}
.vertical .megamenuToogle-wrapper {
    z-index: 3;
}

.vertical .megamenu-wrapper {
    display: block !important;
    background: #fff !important;
    border: 1px solid #e6e6e6;
    position: relative;
    z-index: 2;
    margin-top: -2px;
}

.vertical ul.megamenu > li {
    display: block;
    float: none !important;
    width: auto;
    background: none;
    border-top: 1px solid #e6e6e6;
    position: relative;
    margin: 0px -1px;
}

.vertical ul.megamenu > li.home, .vertical ul.megamenu > li.search {
    display: none;
}

.vertical ul.megamenu > li > a {
    color: #556270;
    text-shadow: none;
    background: none !important;
    height: auto !important;
    margin: 0px 1px;
}

.vertical ul.megamenu > li.active > a {
    background: #f6f6f6 !important;
}

.vertical ul.megamenu > li > a.description {
    padding: 12px 20px 12px 21px;
}

.vertical ul.megamenu > li.click:before,
.vertical ul.megamenu > li.hover:before {

    font-weight: normal;
    font-style: normal;
    text-decoration: inherit;

    color: #51cfc6;
    font-weight: 400;
    font-size: 14px;
    position: absolute;
    right: 0;
    z-index: 10;
    padding: 14px 15px 10px 50px;
}

/* SubMenu */

.vertical ul.megamenu > li > .sub-menu {
    left: 100%;
    padding-top: 0px;
    top: 0;
}

.vertical ul.megamenu > li > .sub-menu > .content {

}

.megamenu .label {
    background: #d5375f none repeat scroll 0 0;
    color: #fff;
    font-size: 10px;
    line-height: 17px;
    padding: 0 5px;
    position: absolute;
    text-transform: none;
    top: 0;
}

.fa-angle-right {
    margin-right:0px;
    float: right;
}
.megamenu i {
    padding-right: 12px;
}
/* Responsive
------------------*/

@media (max-width: 991px) {
    /* MegaMenu Vertical */
	.navbar-header .navbar-toggle {
		display: block;
	}
    .responsive .vertical #menuHeading {
        margin: 20px 0px 0px 0px;
    }

    .responsive .vertical ul.megamenu > li > .sub-menu {
        left: 0;
        top: auto;
        width: 100% !important;
    }

    .responsive .vertical ul.megamenu > li > .sub-menu > .content {
        margin-left: 0px;
    }
    .responsive .vertical ul.megamenu > li.active > a span:after {
        position: absolute;
        top: 100%;
        left: 50%;
        margin-top: 13px;
        margin-left: -5px;
        display: inline-block;
        border-width: 0px;
        border-right: 8px solid transparent;
        border-bottom: 8px solid #ffffff;
        border-left: 8px solid transparent;
        content: '';
        z-index: 30;
    }

    /* Submenu */
	ul.megamenu li .sub-menu .content {
		border: none;
		border-radius: none;
		box-shadow: none;
	}
    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
        display: block !important;
        margin: 5px 10px;
        width: auto;
        padding: 0px;
        position: static;
        left: 0;
        background: none;
        border: none;
        border-radius:         0px;
        -moz-border-radius:    0px;
        -webkit-border-radius: 0px;
        box-shadow:            none;
        -moz-box-shadow:       none;
        -webkit-box-shadow:    none;
    }

    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
        display: none;
    }

    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
        display: none;
    }

    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
        font-size: 16px;
    }

    .responsive .vertical ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before {
        display: none;
    }

    .responsive .vertical .visible {
        padding: 5px 0px 5px 0px !important;
    }

    .responsive .vertical .visible > div {
        margin: 0px !important;
        border: none !important;
        padding: 0px !important;
        padding-left: 20px !important;
    }


    /* MegaMenu Submenu */

    .responsive ul.megamenu .sub-menu .content .border {
        display: none;
    }

    .responsive ul.megamenu .sub-menu .content .row {
        margin: 0px -20px;
    }

    .responsive ul.megamenu .sub-menu .content .row > div {
        margin-top: 20px;
        border-top: 1px solid #e6e6e6;
        padding-top: 20px;
        padding-left: 20px;
        padding-right: 20px;
    }

    .responsive ul.megamenu .sub-menu .content .row:first-child > div:first-child {
        margin-top: 0px;
        border-top: none;
        padding-top: 0px;
    }

}

@media (max-width: 991px) {
    .responsive #megaMenuToggle {
        display: block;
    }
    .responsive ul.megamenu > li {
        display: block;
        float: none !important;
        width: auto;
        background: none;
        border-top: 1px solid #e6e6e6;
        position: relative;
        margin: 0px -1px;
    }

    .responsive ul.megamenu > li.home, ul.megamenu > li.search ,.fa-angle-right,.caret {
        display: none;
    }

    .responsive ul.megamenu > li > a {
        color: #556270;
        text-shadow: none;
        background: none !important;
        margin: 0px 1px;
        height: auto;
    }

    .responsive ul.megamenu > li.active > a {
        background: #f6f6f6 !important;
    }

    .responsive ul.megamenu > li.click:before,
    .responsive ul.megamenu > li.hover:before {
        content: "\f067";
        font-family: FontAwesome;
        color: #51cfc6;
        font-weight: 400;
        font-size: 16px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10;
        padding: 13px 17px 10px 50px;
    }

    .responsive ul.megamenu > li.active .close-menu {
        display: block;
        position: absolute;
        z-index: 10;
        top: 0;
        right: 1px;
        width: 85px;
        height: 100%;
        padding: 12px 0px 0px 40px;
        background: #f6f6f6;
        text-align: center;
        cursor: pointer;

    }

    .responsive ul.megamenu > li.active .close-menu:before {
        content: "\f068";
        font-family: FontAwesome;
        color: #51cfc6;
        font-weight: 400;
        font-size: 18px;
    }

    /* Submenu */

    .responsive .horizontal ul.megamenu > li > .sub-menu {
        width: 100% !important;
    }


    /* Hover Menu */

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul {
        display: block !important;
        margin: 5px 10px;
        width: auto;
        padding: 0px;
        position: static;
        left: 0;
        background: none;
        border: none;
        border-radius:         0px;
        -moz-border-radius:    0px;
        -webkit-border-radius: 0px;
        box-shadow:            none;
        -moz-box-shadow:       none;
        -webkit-box-shadow:    none;
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:before {
        display: none;
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu .menu ul ul:after {
        display: none;
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu {
        font-size: 16px;
    }

    .responsive .horizontal ul.megamenu li .sub-menu .content .hover-menu a.main-menu:before {
        display: none;
    }
    .responsive .horizontal .visible {
        padding: 5px 0px 5px 0px !important;
    }

    .responsive .horizontal .visible > div {
        margin: 0px !important;
        border: none !important;
        padding: 0px 0px 0px 10px !important;
    }

}

@media (min-width: 961px) {

    .megamenu-wrapper {
        display: block !important;
    }

}
@media (max-width: 991px) {
	.megamenu .label {
		display:none;
	}
	ul.megamenu > li > .sub-menu {
		position: relative;
	}
	.megamenu-wrapper {
    position: fixed;
    top: 0px;
    left: 0;
    background-color: #fff;
    bottom: 0px;
    width: 280px;
    padding: 10px;
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
	max-height: 700px;
	 border: 1px solid #e6e6e6;
	}
	
	.vertical-wrapper {
    position: fixed;
    top: 0px;
    left: 0;
    background-color: #fff;
    bottom: 0px;
    width: 280px;
    padding: 10px;
    z-index: 999999;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -webkit-transform: translate3d(-280px, 0, 0);
    transform: translate3d(-280px, 0, 0);
    -webkit-transition: all 0.5s ease-in-out 0s;
    transition: all 0.5s ease-in-out 0s;
	max-height: 700px;
	 border: 1px solid #e6e6e6;
	}
	
	.vertical  #menuHeading{
		display:none;
	}
}

  .so-megamenu-active {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
   #remove-megamenu {
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    display: none;
    text-align: right;
  }
  
  .so-megamenu-active #remove-megamenu {
    display: block;
  }
  
    .so-vertical-active {
    visibility: visible;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  
   #remove-verticalmenu {
    padding: 10px;
    z-index: 10;
    cursor: pointer;
    display: none;
    text-align: right;
  }
  
  .so-vertical-active #remove-verticalmenu {
    display: block;
  }
  .vertical  .navbar-header{
	margin:0px;
  }
  .subcategory li{
	display: inline-block;
    list-style: outside none none;
    position: relative;
    width: 100%;
  }
  .subcategory li a{
	float:left;
	width:100%;
	text-align:left;
  }















































































.owl-nav-container .disabled {
  position: fixed;
  z-index: 55;
  top: 6px;
  left: -13px;
  display: none;
}


.owl-stage-outer{
	
	z-index:5;
	position: relative;
	
}



.owl-nav-container .disabled .btn-link:nth-child(1) {
  position: absolute;
  left: 6px;
  z-index: 555555555555;
  top: 80px;

}


.owl-nav-container .disabled .btn-link:nth-child(2)  {
  position: absolute;
  right: -100vw;
  top: 80px;

}



.owl-nav-container .disabled  .fa-angle-right::before {
  border-radius: 10px;
background: rgb(247, 247, 247);
  padding: 10px 20px;
  font-size: 22px;
}

.owl-nav-container .disabled  .fa-angle-left::before {

background: rgb(247, 247, 247);
  padding: 10px 20px;
  font-size: 22px;
    border-radius: 10px;
}


.mfp-wrap {

  z-index: 55555555 !important;	
}







@media (max-width: 930px) {



.mfp-content {
  text-align: center !important;
}







.owl-nav-container .disabled{
display:none !important;	
}
	
	
.mfp-wrap {
  top: -10px !important;
}

}





.oct-carousel-box {

  //margin-top: 20px;

}








.vaska {

  display: none !important;
}





.btn:focus {
  outline: none !important;
}



.owl-carousel {
	
	
  display: flex;
  overflow-y: auto;
  scroll-snap-type: y;
  gap: 1rem;
  -webkit-overflow-scrolling: touch;
  
  
  
  -ms-touch-action: pan-x !important;
  -webkit-touch-action: pan-x !important;
  touch-action: pan-x !important;
  overflow: hidden;
}




#owl_nav_container {

  overflow: hidden;
}






.dikops {
  z-index: 999999;
  display: none;
}

.owl-nav-container  .btn {

  //border: 0px solid rgb(204, 204, 204) !important;
}


.owl-stage{
	
	
	
	
}
.owl-stage{
  width: auto;
  display: flex;
}

//.owl-nav-container {
  width: 100%;
  overflow: hidden;
  padding: 5px 10px;
}
.owl-nav-container {

  padding: 5px 10px;
  width: auto;
}


//.owl-nav-container .btn-link {
  font-size: 15px;
  margin: 1px 0px;
  padding: 4px 9px;
}


.owl-item  a{
	
	  font-size: 15px;
  margin: 1px 0px;
padding: 10px 10px;
}





.owl-stage-outer li a{
	
font-weight: 100;
	
}




.owl-carousel {
  margin: auto !important;
}




.owl-item .active a {
  background: rgba(204, 243, 124, 0.23) !important;
  border-radius: 10px;
  color: rgb(0, 0, 0);
  border: 1px #CCF37C solid !important;
  font-weight: 100;
}






.owl-item  ar

  border: 1px rgb(223, 223, 223) solid !important;

}














//.owl-item .active a{
  background: rgb(191, 222, 155);
  border-radius: 10px;
  color: rgb(0, 0, 0);
  text-shadow: 0px 2px 1px rgba(255, 255, 255, 0.32);
  box-shadow: inset 0px -1px 10px rgb(143, 200, 75) ,-1px 1px 3px rgba(0, 0, 0, 0.27);
border: 1px rgb(255, 255, 255) solid !important;
  font-weight: bold;
}

.owl-item .current-link{

}
	
	

.owl-carousel {
  display: inherit;
}

#owl_nav_container {
  //position: fixed;
  z-index: 88888888;
 // background: rgb(255, 255, 255);
  //width: 100%;
}





.owl-carousel {

  z-index: 222 !important;
}










@media (max-width: 930px) {
	
	
	
	.owl-item  a:hover {
  background: transparent ;

}
	
	
	
	
	
	
	








#owl_nav_container {
	
	border-bottom: 1px rgba(0, 0, 0, 0.18) solid;
position: sticky !important;
    //top: 77px !important;
//top: 77px;
	
	
	
	
	
	   overscroll-behavior: contain;
	 
z-index: 30;
  position: absolute;
 // top: 93px;
  background: rgb(255, 255, 255);
  width: 100%;
  left: 0px;
  border-top: 1px rgba(0, 0, 0, 0.07) solid;
}

.owl-carousel {
  margin: auto !important;
}

.owl-nav-container .btn-link {

padding: 10px 10px !important;
}




}















/**
 * Owl Carousel v2.3.4
 * Copyright 2013-2018 David Deutsch
 * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE
 */
/*
 * 	Default theme - Owl Carousel CSS File
 */
 .owl-theme .owl-nav {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
  }
  
  .owl-theme .owl-nav [class*='owl-'] {
	font-size: 14px;
	margin: 5px;
	padding: 4px 7px;
	display: inline-block;
	cursor: pointer;
	border-radius: 3px;
	opacity: 0;
	transition: all ease-out .3s;
	z-index: 1;
  }
  
  .owl-theme:hover .owl-nav [class*='owl-'] {
	text-decoration: none;
	/*opacity: 0.5;*/
  }
  
  .owl-theme:hover .owl-nav [class*='owl-']:hover {
	text-decoration: none;
	opacity: 1;
  }
  
  .owl-theme .owl-nav [class*='owl-']::before {
	background: transparent;
	content: '';
	height: 100%;
	width: 100vw;
	position: absolute;
	top: 0px;
	z-index: 0;
  }
  
  .owl-theme .owl-nav .owl-prev::before {
	right: 0px;
  }
  
  .owl-theme .owl-nav .owl-next::before {
	left: 0px;
  }
  
  @media (max-width: 767px) {
	.owl-theme .owl-nav [class*='owl-'] {
	  display: none;
	}
  }
  
  .owl-theme .owl-nav .disabled {
	opacity: 0.5;
	cursor: default;
  }
  
  .owl-theme .owl-nav.disabled+.owl-dots {
	margin-top: 10px;
  }
  
  .owl-theme .owl-dots {
	text-align: center;
	-webkit-tap-highlight-color: transparent;
  }
  
  .owl-theme .owl-dots .owl-dot {
	display: inline-block;
	zoom: 1;
	*display: inline;
  }
  
  .owl-theme .owl-dots .owl-dot span {
	width: 10px;
	height: 10px;
	margin: 5px 7px;
	background: #D6D6D6;
	display: block;
	-webkit-backface-visibility: visible;
	transition: opacity 200ms ease;
	border-radius: 30px;
  }
  
  .owl-theme .owl-dots .owl-dot.active span,
  .owl-theme .owl-dots .owl-dot:hover span {
	background: #869791;
  }
  
  .owl-carousel .owl-nav button.owl-prev,
  .owl-carousel .owl-nav button.owl-next {
	position: absolute;
	height: 100%;
	top: 0;
  }
  
  .owl-carousel .owl-nav button.owl-prev {
	left: -40px;
  }
  
  .owl-carousel .owl-nav button.owl-next {
	right: -40px;
  }










@media (max-width: 930px) {


.owl-carousel {
  display: inherit !important;
  
}


}







