html {
	height: 100%;
}
body{
	font-size:12px;
	margin:0;
	padding:0;
	height: 100%;
	background:#fff;
  overflow-x:hidden;
}
.kaM{
	font-family:"mtavruli", cursive, sans-serif;
}
.volume >.small{
 display:none;
}

.kaM2{
  font-family:"bpg-nino", cursive, sans-serif;
}
.ka{
	font-family:"mxedruli", cursive, sans-serif;
}
.en{
	font-family: Arial;
}
.font-10{ font-size:10px; }
.font-11{ font-size:11px; }
.font-12{ font-size:12px; }
.font-13{ font-size:13px; }
.font-14{ font-size:14px; }
.font-15{ font-size:15px; }
.font-16{ font-size:16px; }
.font-17{ font-size:17px; }
.font-18{ font-size:18px; }
.font-19{ font-size:19px; }
.font-20{ font-size:20px; }
/*FOR PLUGIN*/
.cssAnimHidden{
	visibility: hidden;
}
/* PARALLAX
===================================== */
.parallax {
  position: relative;
  overflow: hidden;
}
.parallax_image,
.parallax_pattern {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
  background-position: center center;
  will-change: transform;
}
.parallax_image {
  /*background-repeat: no-repeat;*/
  -webkit-background-size: cover;
  background-size: cover;
}
.parallax_pattern {
  background-repeat: repeat;
}
.parallax_cnt {
  position: relative;
}
/* Zlayer
===================================== */
.layer3d_container {width:100%; margin:auto; overflow:hidden; position:relative;}
.layer3d_container img{position:absolute;}
.layer3_bg3 {z-index:1; margin-left:-290px;}
.layer3_bg2 {z-index:2; margin-left:-329px; margin-top:200px;}
.layer3_bg1 {z-index:4; margin-left:-305px;}
/*SWIPER*/
.swiper-container {
      width: 100%;
      height: 100%;
      overflow: hidden;
    }
.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow:hidden;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
/* HOME SLIDER */
.swiper-slider-cont{
  float:left;
  width:100%;
  background-size:100% auto;
  padding:0px 0 0px 0;
}
.slide-image{
  background-size: 100% auto !important;
  /*padding-bottom: 50%;*/
  height:70vh;
  overflow: hidden;
}
.slider_content{
  position:absolute;
  left:0px;
  top:0px;
  width:100%;
  height:100%;
  text-align:left;
  padding:0px 10%;
  z-index:99;
}

/*Global*/
.hide{
  display: none;
}
.listStyleNone{
  list-style: none;
  padding:0 0 0 0;
  margin:0 0 0 0;
}
.ulFloat{
  list-style: none;
  padding:0 0 0 0;
  margin:0 0 0 0;
}
.ulFloat li{
  float:left;
}
.ulFloatR{
  list-style: none;
  padding:0 0 0 0;
  margin:0 0 0 0;
}
.ulFloatR li{
  float:right;
}
.noUnderline:link,
.noUnderline:active,
.noUnderline:visited,
.noUnderline:hover,
.noUnderline:link *,
.noUnderline:active *,
.noUnderline:visited *,
.noUnderline:hover *{
  text-decoration: none;
}
.home_text{
  float:left;
  width:100%;
  background-size:100% auto;
  margin:0px 0 0px 0;
}
.block{
  float:left;
  display:block;
  width:100%;
}
/* BREADCRUMP */  
.breadcrump{
  float:left;
  width:100%;
  padding:10px 15px;
  margin:10px 0 20px 0;
  /*border-bottom:1px solid #EEEEEE;*/
  background:#FCFAF0;
}
  .breadcrump a:link,
  .breadcrump a:visited,
  .breadcrump a:active{
    color:#000;
    text-decoration:none;
    text-transform: uppercase;
  }
  .breadcrump a:hover{
    color:#000;
    text-decoration:none;
  }
.brandBg{
  background:#c00;
}
.brandText{
  color:#c00;
}
.content-simple{
  float:left;
  width:100%;
}
.registration-width{
  margin:0 auto;
  max-width: 600px;
}
.login-width{
  margin:0 auto;
  max-width: 300px;
}
.account-width{
  margin:0 auto;
  max-width: 500px;
}
.password-recovery-width{
  margin:0 auto;
  max-width: 500px;
}
.change-password-width{
  margin:0 auto;
  max-width: 300px;
}
.terms-conds{
  overflow:hidden;
  overflow-y:scroll;
  width:100%;
  height:600px;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.flyMsg{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  font-size:12px;
}
.flyMsg.success{
  background:#F5FFED;
}
.flyMsg.fail{
  background:#FFEDF0;
}
.override-full {
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    overflow:hidden;
}
/*  --------------------- SITE STYLE ------------------*/
header, .content, .footer_content{
	position:relative;
	margin:0px auto;
}
/* MOBILE MENU */
/*#mobile_menu_button{
  position: fixed;
  top: 10px;
  right: 10px;
  font-size:20px;
  color:#fff;
  z-index:300;
  cursor: pointer;
  padding:20px;
  display:none;
}
#mobile_menu{
  position: fixed;
  top:0px;
  right: 0px;
  height:100vh;
  width: 0px;
  background:rgba(0,0,0,.7);
  z-index:200;
  overflow: hidden;
}
.mobile_menu_cont{
  min-width: 340px;
  padding:20px;
  list-style: none;
}
.mobile_menu_cont a:link,
.mobile_menu_cont a:visited,
.mobile_menu_cont a:active{
  color:#fff;
  padding:8px;
  display: block;
  border-bottom:1px solid rgba(255,255,255,.1);
  font-size:16px;
  text-decoration: none;
  transition: all .6s;
  background:none;
}
.mobile_menu_cont a:hover{
  background:rgba(255,255,255,.05);
}*/
/* MOBILE MENU */
#mobile_menu_button{
  position: fixed;
  top: 80px;
  right: 10px;
  font-size:20px;
  color:#212529;
  z-index:150;
  cursor: pointer;
  padding:20px;
  display:none;
  background: rgba(255,255,255,.3);
  border-radius: 99px;
}
#mobile_menu_button .fa-times{
  background:rgba(255,255,255,.6);
  border-radius:99px;
  padding: 10px 12px;
}
#mobile_menu{
  position: fixed;
  top:0px;
  right: 0px;
  height:100vh;
  width: 0px;
  background:rgba(255,255,255,1);
  z-index:200;
  overflow-x:scroll;
}
.mobile_menu_cont{
  min-width: 340px;
  padding:20px;
  list-style: none;
}
.mobile_menu_cont ul{
  /*margin:0 0 0 0;*/
  /*padding:0 0 0 0;*/
  list-style-type: circle;
}
.mobile_menu_cont a:link,
.mobile_menu_cont a:visited,
.mobile_menu_cont a:active{
  color:#393939;
  padding:8px;
  display: block;
  border-bottom:1px solid rgba(0,0,0,.1);
  font-size:16px;
  text-decoration: none;
  transition: all .6s;
  background:none;
}
.mobile_menu_cont a:hover{
  background:rgba(255,255,255,.05);
}
.close-mobile-menu{
  position: absolute;
  top:10px;
  right: 10px;
  color:#E01A3B;
  z-index:350;
  font-size: 20px;
}
.left_menu{
  /*background:#a00;*/
}
.left_menu ul{
  list-style: none;
  padding: 0 0 0 0;
  margin: 0 0 0 0;
}
.left_menu a:link,
.left_menu a:visited,
.left_menu a:active{
  padding:6px 8px 6px 12px;
  display:block;
  border-bottom:1px solid #DADADA;
  font-size:14px;
  text-decoration: none;
  transition: all .6s;
  color:#000;
}
.left_menu a:hover{
 color:#34A25A;
}
.top-panel{
  width:100%;
  background:#A08945;
}
.top-panel .content{
  height:62px;
}
.top-panel-links a:link,
.top-panel-links a:visited,
.top-panel-links a:active{
  display: block;
  padding:16px 15px;
  color:#fff;
  text-decoration: none;
}
.top-panel-right-items{
  float:right;
  height:62px;
}
.search{
  position: relative;
  padding:20px;
  color:#fff;
  font-size:16px;
}
.cart{
  position: relative;
  height:62px;
  background:#FDC526;
  color:#000;
  padding:0 53px 0 10px;
}
  .cart i{
    font-size:26px;
    line-height: 62px;
  }
  .cart a:link,
  .cart a:visited,
  .cart a:active{
    color:#000;
    text-decoration: none;
  }
  .cart .cart-text{
    position: absolute;
    top:17px;
    right:10px;
    font-size:11px !important;
    text-align: center;
    line-height: 14px;
  }
.change-lang:link,
.change-lang:visited,
.change-lang:active{
  display: inline-block;
  padding:19px 3px 19px 3px;
  color:#fff;
  text-decoration: none;
  font-size:18px;
}



/*  --------------------- TOP MENU & DROP DOWN MENU ------------------*/
.top-menu{
  float:left;
  margin:60px 0 0 4%;
}
.top-menu > li > a:link,
.top-menu > li > a:visited,
.top-menu > li > a:active{
  font-size:18px;
  padding:40px 15px;
  text-decoration: none;
  color:#000;
  transition: all .6s;
}
.top-menu > li > a:hover{
  color:#46360D;
}
.top-menu .dropdown-activate{ 
  position: relative;
}
.top-menu .dropdown-activate:after{
  content:'\f107';
  position: absolute;
  right:0px;
  top:4px;
  font-family: 'Font Awesome 5 Pro';
}
.top-menu .child-menu{
  position: absolute;
  top:40px; /* was 40px */
  left:0px;
  z-index:999999;
  overflow:hidden;
  width:200px;
  list-style: none;
  padding:0px 0px;
  margin:0 0 0 0;
  height:0px;
}
  .top-menu .child-menu ul{
    float:left;
    margin:0 0 0 0;
    padding:8px 0 10px 8px;
    display: block;
    /*border:1px solid rgba(0,0,0,.1);*/
    border-radius: 0 0 6px 6px; /*customization was 6px to all corners*/
    background:#A08945;
  }
  .top-menu .child-menu li{
    display: block;
    width:100%;
  }
  .top-menu .child-menu a:link,
  .top-menu .child-menu a:visited,
  .top-menu .child-menu a:active{
    display: block;
    padding:8px 5px 8px 5px;
    text-decoration: none;
    color:#fff;
    transition: all .6s;
  }
  .top-menu .child-menu a:hover{
    /*opacity:.8;*/
    color:#FFF;
  }
  /*our customization*/
  .top-menu .child-menu a::before {
	 position: relative;
	 display: block;
	 content:"";
	 top: 28px;
	 margin-left: -15px;
	 border-bottom: 1px inset rgba(0,0,0,.1); /* added border*/
  }
  .top-menu .child-menu a::after {
	  position: relative;
	  display: block;
	  content:"";
	  top: 9px;
	  margin-left: -15px;
	  border-bottom: 1px inset rgba(253, 197, 38,0.7);
	  transform: scaleX(0);
	  transition: transform 150ms linear;
	  transform-origin:0 100%;
  
  }
  .top-menu .child-menu a:hover::after{
	transform: scaleX(1);
  }

 /*end of our customization*/


.left_menu .dropdown-activate{ 
  position: relative;
}
.left_menu .dropdown-activate > .dropdown-a:after{
  content:'\f105';
  position: absolute;
  right:0px;
  top:4px;
  font-family: 'Font Awesome 5 Pro';
}
.left_menu .child-menu{
  /*position: absolute;
  top:40px;
  left:0px;*/
  z-index:999999;
  overflow:hidden;
  width:100%;
  list-style: none;
  padding:0px 0px;
  margin:0 0 0 0;
  /*height:0px;*/
}
  .left_menu .child-menu ul{
    float:left;
    margin:0 0 0 0;
    padding:8px 0 10px 8px;
    width:100%;
    display: block;
    /*border:1px solid rgba(0,0,0,.1);*/
  }
  .left_menu .child-menu li{
    display: block;
    width:100%;
  }
  .left_menu .child-menu a:link,
  .left_menu .child-menu a:visited,
  .left_menu .child-menu a:active{
    display: block;
    padding:8px 5px 8px 15px;
    text-decoration: none;
    color:#000;
    transition: all .6s;
  }
  .left_menu .child-menu a:hover{
    /*opacity:.8;*/
    color:#27904B;
  }

/*.left_menu:has(> a.active)*/
.left_menu .dropdown-activate > .child-menu{
  max-height:0px;
  overflow:hidden;
  /*background:red;*/
}

.left_menu .expanded{
  max-height:1000px !important;
  overflow:none;
  /*background:#f00;*/
}




#logo{
  float:left;
  margin:10px 0 10px 0;
}

.content_cont{
  background:#fff;
  float: left;
  width: 100%;
}
header .content > div{
  float: left;
  width: 100%;
}
  .goods-container > .row > .col{
    min-width: 284px;
    max-width: 400px;
    margin:10px 0 20px 0;
  }
  .goods-container .title{
    font-size:16px;
    margin-top:20px;
    /*height:105px;*/
    /*font-weight: bold;*/
  }
  .goods-container .description{
    margin-top:4px;
    line-height: 20px;
    color:#555555;
  }
  .goods-container .price{
    font-size:32px;
  }
  .goods-container .add_to_cart{
    margin:8px 10px 0 10px;
    font-size:12px;
    background:#DAF2CF;
    padding:8px 0;
    width:100%;
    cursor: pointer;
    font-weight: normal;
  }
  .goods-container .product_is_unavailable{
    margin:8px 10px 0 10px;
    font-size:12px;
    background:#FFDBDB;
    padding:8px 0;
    width:100%;
    font-weight: normal;
  }
  .goods-container a:link,
  .goods-container a:visited,
  .goods-container a:active{
    position: relative;
    background:#D2C68C;
    color:#7D7146;
    text-align: center;
    padding-bottom:10px;
    font-size:18px;
    border-radius:6px;
  }
  .goods-container .main-img{
    height:250px;
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
  }
  .goods-container .col .container{
    box-shadow: 0px 0px 10px #fff;
    transition: box-shadow 0.3s ease-out;
  }
  .goods-container .col .container:hover{
    box-shadow: 0px 0px 20px #ccc;
  }
.goodItem .title{
  font-size:24px;
}
.goodItem .goodId > span{
  display: inline-block;
  background:#fef2ce;
  padding:10px 25px;
  margin-top:4px;
}
.goodItem .price > span{
  font-size:28px;
  display: inline-block;
  margin-top:15px;
}
.goodItem .add_to_cart{
  font-size:12px;
  display: inline-block;
  margin-top: 16px;
  border-radius: 8px;
  background: #FDC526;
  padding:12px 17px;
  font-weight: bold;
  cursor: pointer;
}
.goodItem .no_volume{
  font-size:12px;
  display: inline-block;
  margin-top: 16px;
  border-radius: 8px;
  background: #FFE5E8;
  padding:12px 17px;
  font-weight: bold;
}
.goodItem .volume_val{
  width:60px;
  padding:5px;
  border:1px solid #ddd;
  text-align: center;
}
.goodItem .small{
  font-size:11px;
  color:#818181;
}
.custom-header{
  position: relative;
  float:left;
  width:100%;
  height:170px;
  background:url(../i/header-bg.jpg) center center no-repeat;
  margin-bottom:20px;
  box-shadow: inset 0px 10px 20px -10px #ccc,
              inset 0px 0 0 0 #000,
              inset 0px 0 0 0 #000,
              inset 0px 0 0 0 #000;
}
.haeder-title{
  position: absolute;
  top:50%;
  left:50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:42px;
  color:#484027;
}
/* ------------------------- ONLINE SHOP / CART  ------------------------- */
.remove-good{
  cursor: pointer;
}
.row-header{
  background:#F2FFF7;
  font-size:18px;
}
.colorfull{
  margin-bottom:40px;
}
.colorfull a:nth-child(even) .col{
  background:#FCFFF0;
}
.colorfull{
  border-top:1px solid #ddd;
  border-left:1px solid #ddd;
}
.colorfull .row .col{
  border-right:1px solid #ddd;
  border-bottom:1px solid #ddd;
}
.colorfull a:link,
.colorfull a:active,
.colorfull a:visited{
  text-decoration: none;
  color:#313131;
}
.price-filter{
  background:#F5FFF0;
  border-bottom:1px solid #DAF2CF; 
}
.price-filter-input{
  float:left;
  width:50px;
  border-radius:4px;
  border:1px solid #BBDCAC;
  text-align:center;
  padding:4px 0; 
}
.price-filter-submit{
  border:none 0px;
  background:#FDC526;
  text-align: center;
  padding:5px 8px;
  border-radius:4px;
  cursor: pointer;
}
.basket-items .basket_volume{
  width: 50px;
  border:1px solid #ddd;
  padding:4px;
  text-align: center;
}
  .basket-items .good_comment{
    display: block;
    margin-top:50px;
    border:1px solid #ddd;
    border-radius: 6px;
    position: absolute;
    width:200%;
    padding:10px;
  }
.basket-item{
  min-height:200px;
}
.basket_volume_update_button{
  font-size:11px;
  color:#5A5A5A;
  cursor: pointer;
}
.green-textarea{
  background:#F0FFF2;
}

.search-form{
  position: absolute;
  top:19px;
  right:45px;
}
.search-form input[type="text"]{
  border-radius: 4px;
  border:0px none;
  padding:2px;
}
.goods-search-form input[type="text"]{
  border-radius: 4px;
  border:1px #ddd solid;
  padding:10px;
  width:96%;
  min-width: 150px;
  /*max-width: 450px;*/
}
  .goods-search-form .fa-search{
    cursor: pointer;
    font-size: 18px;
    color:#323630;
    margin-left:8px;
  }
.fa-search{
  cursor: pointer;
}
footer{
  color:#fff;
}
footer > .content-simple{
  background:#A08945;
}
.footer-border-top{
  /*border-top:1px solid #4B4B4B;*/
}
.gestudio_text{
  /*position: absolute;
  top:10px;
  right:80px;*/
}
.gestudio_text{
  padding-right:68px;
}
.gestudio{
  position: absolute;
  right:0px;
  top:-2px;
}
.bottom-menu{
  float:right;
  /*width:65px;*/
  padding:10px 0;
}
.bottom-menu a:link,
.bottom-menu a:visited,
.bottom-menu a:active{
  text-align: left;
  padding:6px 6px;
  color:#fff;
  display: block;
}
.bottom-menu-static{
  float:right;
  /*width:80px;*/
  padding:10px 0;
}
.bottom-menu-static a:link,
.bottom-menu-static a:visited,
.bottom-menu-static a:active{
  text-align: left;
  padding:6px 6px;
  color:#fff;
  display: block;
}
.footer-menu > div{
  float:left;
}
.social-links{
  padding:12px 0px 0 0 ;
}
.social-links a:link,
.social-links a:visited,
.social-links a:active{
  color:#fff;
  text-decoration:none;
  font-size:18px;
}
.readmore-a:link,
.readmore-a:visited,
.readmore-a:active{
  float:left;
  text-align: center;
  width:68px;
  height:68px;
  border:1px solid #ddd;
  display: block;
  padding:4px;
  margin-right:2px;
}
.to_top{
  cursor: pointer;
}

.msgRed{
  -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
  
  background:#E02448;
  color:#fff;
  text-align:center;
  padding:10px;
  font-size:15px;
  font-weight:bold;
  border:1px solid #FFF;
  box-shadow: #CECECE 0px 0px 8px;
  -moz-box-shadow: #CECECE 0px 0px 8px;
  -webkit-box-shadow: #CECECE 0px 0px 8px;
  
  margin:0 auto;
}

.msgGreen{
  -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
  
  background:#81B946;
  color:#fff;
  text-align:center;
  padding:10px;
  font-size:15px;
  font-weight:bold;
  border:1px solid #FFF;
  box-shadow: #CECECE 0px 0px 8px;
  -moz-box-shadow: #CECECE 0px 0px 8px;
  -webkit-box-shadow: #CECECE 0px 0px 8px;
  
  margin:0 auto;
}
.date_picker{
  text-align: center;
  width:100px;
  padding:5px;
  border-radius: 4px;
  border:1px solid #ccc;
}
.effect-hover-zoom{
  overflow: hidden;
}
.effect-hover-zoom > div,
.effect-hover-zoom > img
{
  transition: all .6s;
  opacity: 1;
}
.effect-hover-zoom > div:hover,
.effect-hover-zoom > img:hover
{
  transform: scale(1.1);
  opacity: .9;
}
.content-padding{
  padding:0 5%;
}

.home-description ul {
  list-style: none; /* Remove default bullets */
}

.home-description ul li{
  padding:5px 0 5px 0;
}

.home-description ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #D2C68C; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  display: inline-block; /* Needed to add space between the bullet and the text */ 
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}