body {
	font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
	font-size: 100%;
	color: #000;
	background: #7d7d7d;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {	
	outline: 0;	
}
a:active {
  outline: none;
}
input[type="text"], input[type="submit"] {
 -webkit-appearance: none;
border-radius: 0;
}
.content-center {
	max-width: 1200px;
	margin: 0 auto; 
}
h1, h2, h3, .h3 {
	text-transform: uppercase;
	margin-bottom: 1em;
	font-weight: normal;
}
.h2 {
text-transform: uppercase;
	margin-bottom: 1em;
	font-weight: normal;
}




.kakh1{
font-size: 2em;
text-transform: none;
font-weight: bold;
margin-bottom: 1em;
}



h1 {
	font-size: 2em;
  	text-transform: none;
  	font-weight:bold;
}
h2, .h2 {
	font-size: 1.3em;
}
.h2 {
  font-size: 1.2em;
  }
h3, .h3 {
	font-size: 1.2em;
}
a {
	color: #000;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}


/* header */
.sert {margin: 5% 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.sert img {max-width: 100%; width: 75px; margin: 0 0.5em;}
.recepe img {max-width: 100%; min-width: 100%;}
.recepe a:hover, .recepe a:hover span {color: #8DC63F!important;}
#main {
	border-top: 3px solid #8dc63f;
	clear: both;
}

.logo {
	margin: 3.166666666666667% 0 2% 0;
	padding-right: 3%;
}
.phone {
	margin: 2.8% 0 0 0 ;
	
}
.cart-search {
	margin: 3.166666666666667% 0 2% 0;
	
}
header .content-center {
	position: relative;
}
.no-touch .cart:hover .popup-cart-wrap {
   max-height: 1000px;
}
    .popup-cart-wrap {/*display: none;*/
      max-height: 0;
      overflow: hidden;
    position: absolute;
  width: 317px;
 top: 15px;
  right: 0;
  transition: all 0.6s;
-moz-transition: all 0.6s; /* Firefox 4 */
-webkit-transition: all 0.6s; /* Safari and Chrome */
-o-transition: all 0.6s; /* Opera */
  z-index: 100;
   border-top: 15px solid rgba(0, 0, 0, 0);
}
.popup-cart {
  
  line-height: 1.3em;
  
  background: #fff;
  border: 1px solid #ccc;
z-index: 100;
  
  padding-bottom: 0;
  padding-left: 0;
  font-size: 0.85em;
  box-shadow: -3px 4px 5px rgba(0,0,0,0.1);
  text-transform: none;
  white-space: normal;
}
.popup-cart li {
     margin-bottom: 0.5em;
    }
.cart {
	font-size: 1.125em;
    line-height: 1.5em;
    position: absolute;
    right: 0.5em;
    text-transform: uppercase;
    top: 10%;
    white-space: nowrap;
    width: 25%;
}
.cart span {
	   border: 1px solid #CCCCCC;
    border-radius: 20px;
    display: inline-block;
    font-weight: bold;
    height: 1.5em;
    margin-left: 0.5em;
    margin-top: -5px;
    padding: 1px;
    text-align: center;
    vertical-align: middle;
    width: 1.5em;
}
.cart a:hover span {
	border-width: 2px;
	padding: 0;
}
.tel {
	font-size: 1.6875em;
}
.tablet-phone {display: none;   color: #FFFFFF;
       font-size: 1.5em;
    left: 0.4em;
    top: 0.22em;}
.phone .callbacklink {
display: inline-block;
	border-bottom: 1px dashed;
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
}
.phone .callbacklink:hover {
	border-color: #fff;
	text-decoration: none;
}
.search {
	padding-right: 0;
	position: relative;
}

form .txt {
	border: 1px solid #ccc;
	background: #fff;
	padding: 0 1.5em 0 1em;
	height: 2.5em;
	line-height: 2.5em;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing: border-box; 
	*behavior: url(/boxsizing.htc);
}
form textarea.txt {
 line-height: 120%;
  height: auto;
}
#captcha_challenge {margin-top: 0.2em;}
.search .txt {
	width: 100%;
}
.search .but {
	position: absolute;
	right: 1em;
	top: 50%;
	font-size: 0.8em;
	color: #666;
	margin-top: -0.4em;
	transition: all 0.2s;
	-moz-transition: all 0.2s; /* Firefox 4 */
	-webkit-transition: all 0.2s; /* Safari and Chrome */
	-o-transition: all 0.2s; /* Opera */
}
.search .but:hover{
color:#000;
/*transform*/
-webkit-transform:translateX(0.3em);
   -moz-transform:translateX(0.3em);
    -ms-transform:translateX(0.3em);
     -o-transform:translateX(0.3em);
        transform:translateX(0.3em);
padding-left:0.3em;
}


.page-wrap {
	background: #fff;
}



/* index */
.main-banners {
 background: #fff;
 padding: 0.9% 0 0.3% 0;	
}
.main-banners img {
	max-width: 100%;
	background: #000;
}


.vertical-banner {
	padding-left: 0.44em;
}
.features span {
	color: #8dc63f;
	font-size: 2.3em;
	vertical-align: middle;
	margin-right: 0.3em;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}
.features {
	font-size: 1.3em;
	text-transform: uppercase;
	line-height: 100px;
	text-align: center;
	white-space: nowrap;
	
}
.features a {
	display: inline-block;	
	border: 1px solid #ccc;
	width: 100%;
}
.features a:hover span {
	color: #333;
}


/* slider */
.slider {position: relative; width: 100%;}
.slider li {float: left; display: block; width: 100%; min-height: 100%;}
#slides {
      /*display:none;*/
    }

#slides li {
	position: relative;
}	
#slides img {
	width: 100%;
	height: 100%;
}

.slidesjs-pagination, #slider-pagination {
	 bottom: 3%;
    padding: 2%;
    position: absolute;
    right: 0;
    width: 3%;
}
.slidesjs-pagination a, #slider-pagination a {
	width: 20px;
	height: 20px;
	margin-bottom: 5px;
	border-radius: 100%;
	background: #fff;
	border: 1px solid #ccc;
	display: inline-block;
	color: #fff;
}
.slidesjs-pagination li, #slider-pagination  li {
	list-style-type: none;
	text-align: center;
}
.slidesjs-pagination a.active, #slider-pagination a.selected {
	background: #8DC63F;
	color: #8DC63F;
}
                
#slides {
	position: relative;
}


/* buttons */
.button {
 background: #000;
  cursor: pointer;
  color: #fff;
  font-family: 'PT Sans Narrow', 'Arial Narrow', Arial, sans-serif;
  font-size: 1.4375em;
  text-transform: uppercase;
  font-weight: bold;
  border: 0;
  padding: 0 1.5em;
  height: 1.5em;
  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
display: inline-block;
  }
a.button {
 line-height: 1.5em;
}
.button span {
    font-size: 0.7em;
    line-height: 20px;
    margin-left: 0.5em;
    padding-bottom: 4px;
    vertical-align: middle;
    display: inline-block;
  transition: all 0.2s;
-moz-transition: all 0.2s; /* Firefox 4 */
-webkit-transition: all 0.2s; /* Safari and Chrome */
-o-transition: all 0.2s; /* Opera */
}
.button:hover {
  background: #8DC63F;
  text-decoration:none;
 }

.button:hover span {
transform:translate(3px,0px);
-ms-transform:translate(3px,0px); /* IE 9 */
-webkit-transform:translate(3px,0px); /* Safari and Chrome */
}
#mod-recently-view .product-block, #carousel-related  .product-block{height: 379px;}
/* product block */
.product-block {
	/*height: 325px;*/
  overflow: hidden;
	padding: 1em;	    
	position: relative;
  /*border-bottom: 1px solid #ddd;*/
}
.product-block .buyzone {
 background: #000;
  line-height: 2.4em;
   height: 2.4em;
    overflow: hidden;
    }
.product-block .title {
	height: 50px;
    line-height: 100%;
    margin-bottom: 0;
    overflow: hidden;
}
.product-block .descr {
 color: #6f6f6f;
  line-height: 100%;
    height: 48px;
  overflow: hidden;
  margin-bottom: 0.5em;
     }
.product-block .title a {
	color: #8DC63F;
    font-weight: bold;
    text-transform: uppercase;
}
.product-block a.img {
	
	display: block;
	margin-bottom: 0.5em;
	
	text-align: center;
  
  	max-height: 211px;
}
.product-block img {
	max-width: 100%;
	max-height: 100%;
	vertical-align: middle;
}
.product-block a:hover {
	text-decoration: none;
}
.product-block .button {
	  font-size: 1.25em;
    font-weight: normal;
    height: 2em;
    line-height: 1.9em;
    padding: 0 0.6em;
    text-transform: none;
	  
	  }
.product-block .price {
   color: #FFFFFF;
    font-size: 1.3125em;
    font-weight: bold;
    padding-left: 0.8em;
   }
.status {
	 background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #8DC63F;
    border-radius: 100%;
    font-size: 0.857143em;
    font-weight: bold;
    height: 72px;
    right: 1em;
    line-height: 72px;
    padding: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 1em;
  
    width: 72px;
  color: #8DC63F;
}
.status.popular {
	border-color: #3baced;
	color: #3baced;
}
.status.new {
	border-color: #8DC63F;
	color: #8DC63F;
}
.status.sale {
	border-color: #f12d3b;
	color: #f12d3b;
}

.breadcrumbs {
 background: #000;
  color: #fff;
  text-transform: uppercase;
  margin-bottom: 1.5%;
  }

.breadcrumbs a {
 color: #fff;
  }
.breadcrumbs a:hover {
 color: #8DC63F;
}
/* popup forms */
#add_to_cart {min-width: 430px;}
.error {
   border-color: red!important;
    color: red;
    background: #FFDADA!important;
  }
div.popup-form {
 float: none;
  margin: 0 auto;
  background: #fff;
  position: relative; 
}
.popup-form .h2 {
  display: none;
        font-size: 1.2em;
    margin-bottom: 1em;
    margin-top: 0.7em;
    text-transform: uppercase;
    }
    .popup-form label {
      
    display: block;
    font-size: 1.1em;
    margin-bottom: 0.2em;
    margin-top: 1em;
    padding-left: 0.5em;       
        }
        .popup-form .txt {
    width: 100%;
            }
/* magnific popup */
/* Magnific Popup CSS */
.mfp-bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1042;
  overflow: hidden;
  position: fixed;
  background: #0b0b0b;
  opacity: 0.8;
  filter: alpha(opacity=80); }

.mfp-wrap {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1043;
  position: fixed;
  outline: none !important;
  -webkit-backface-visibility: hidden; }

.mfp-container {
  text-align: center;
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: 0 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; 
  *behavior: url(/boxsizing.htc);
}

.mfp-container:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle; }

.mfp-align-top .mfp-container:before {
  display: none; }

.mfp-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin: 0 auto;
  text-align: left;
  z-index: 1045; }

.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
  width: 100%;
  cursor: auto; }

.mfp-ajax-cur {
  cursor: progress; }

.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
  cursor: -moz-zoom-out;
  cursor: -webkit-zoom-out;
  cursor: zoom-out; }

.mfp-zoom {
  cursor: pointer;
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in;
  cursor: zoom-in; }

.mfp-auto-cursor .mfp-content {
  cursor: auto; }

.mfp-close, .mfp-arrow, .mfp-preloader, .mfp-counter {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none; }

.mfp-loading.mfp-figure {
  display: none; }

.mfp-hide {
  display: none !important; }

.mfp-preloader {
  color: #cccccc;
  position: absolute;
  top: 50%;
  width: auto;
  text-align: center;
  margin-top: -0.8em;
  left: 8px;
  right: 8px;
  z-index: 1044; }
  .mfp-preloader a {
    color: #cccccc; }
    .mfp-preloader a:hover {
      color: white; }

.mfp-s-ready .mfp-preloader {
  display: none; }

.mfp-s-error .mfp-content {
  display: none; }

button.mfp-close, button.mfp-arrow {
  overflow: visible;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
  display: block;
  outline: none;
  padding: 0;
  z-index: 1046;
  -webkit-box-shadow: none;
  box-shadow: none; }
button::-moz-focus-inner {
  padding: 0;
  border: 0; }

.mfp-close {
  width: 44px;
  height: 44px;
  line-height: 44px;
  position: absolute;
  right: 0;
  top: 0;
  text-decoration: none;
  text-align: center;
  opacity: 0.65;
  padding: 0 0 18px 10px;
  color: white;
  font-style: normal;
  font-size: 28px;
  font-family: Arial, Baskerville, monospace; }
  .mfp-close:hover, .mfp-close:focus {
    opacity: 1; }
  .mfp-close:active {
    top: 1px; }

.mfp-close-btn-in .mfp-close {
  color: #333333; }

.mfp-image-holder .mfp-close, .mfp-iframe-holder .mfp-close {
  color: white;
  right: -6px;
  text-align: right;
  padding-right: 6px;
  width: 100%; }

.mfp-counter {
  position: absolute;
  top: 0;
  right: 0;
  color: #cccccc;
  font-size: 12px;
  line-height: 18px; }

.mfp-arrow {
  position: absolute;
  opacity: 0.65;
  margin: 0;
  top: 50%;
  margin-top: -55px;
  padding: 0;
  width: 90px;
  height: 110px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  .mfp-arrow:active {
    margin-top: -54px; }
  .mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1; }
  .mfp-arrow:before, .mfp-arrow:after, .mfp-arrow .mfp-b, .mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent; }
  .mfp-arrow:after, .mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px; }
  .mfp-arrow:before, .mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px; }

.mfp-arrow-left {
  left: 0; }
  .mfp-arrow-left:after, .mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px; }
  .mfp-arrow-left:before, .mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f; }

.mfp-arrow-right {
  right: 0; }
  .mfp-arrow-right:after, .mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px; }
  .mfp-arrow-right:before, .mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f; }

.mfp-iframe-holder {
  padding-top: 40px;
  padding-bottom: 40px; }
  .mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px; }
  .mfp-iframe-holder .mfp-close {
    top: -40px; }

.mfp-iframe-scaler {
  width: 100%;
  height: 0;
  overflow: hidden;
  padding-top: 56.25%; }
  .mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black; }

/* animation */
/* overlay at start */
.mfp-fade.mfp-bg {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* overlay animate in */
.mfp-fade.mfp-bg.mfp-ready {
  opacity: 0.8;
}
/* overlay animate out */
.mfp-fade.mfp-bg.mfp-removing {
  opacity: 0;
}

/* content at start */
.mfp-fade.mfp-wrap .mfp-content {
  opacity: 0;

  -webkit-transition: all 0.15s ease-out;
  -moz-transition: all 0.15s ease-out;
  transition: all 0.15s ease-out;
}
/* content animate it */
.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
  opacity: 1;
}
/* content animate out */
.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
  opacity: 0;
}

/* Main image in popup */
img.mfp-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  line-height: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(/boxsizing.htc);
  padding: 40px 0 40px;
  margin: 0 auto; }

/* The shadow behind the image */
.mfp-figure {
  line-height: 0; }
  .mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444; }
  .mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px; }

.mfp-bottom-bar {
  margin-top: -36px;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  cursor: auto; }

.mfp-title {
  text-align: left;
  line-height: 18px;
  color: #f3f3f3;
  word-wrap: break-word;
  padding-right: 36px; }

.mfp-image-holder .mfp-content {
  max-width: 100%; }

.mfp-gallery .mfp-image-holder .mfp-figure {
  cursor: pointer; }

@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
  /**
       * Remove all paddings around the image on small screen
       */
  .mfp-img-mobile .mfp-image-holder {
    padding-left: 0;
    padding-right: 0; }
  .mfp-img-mobile img.mfp-img {
    padding: 0; }
  .mfp-img-mobile .mfp-figure {
    /* The shadow behind the image */ }
    .mfp-img-mobile .mfp-figure:after {
      top: 0;
      bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
      display: inline;
      margin-left: 5px; }
  .mfp-img-mobile .mfp-bottom-bar {
    background: rgba(0, 0, 0, 0.6);
    bottom: 0;
    margin: 0;
    top: auto;
    padding: 3px 5px;
    position: fixed;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
 *behavior: url(/boxsizing.htc);
}
    .mfp-img-mobile .mfp-bottom-bar:empty {
      padding: 0; }
  .mfp-img-mobile .mfp-counter {
    right: 5px;
    top: 3px; }
  .mfp-img-mobile .mfp-close {
    top: 0;
    right: 0;
    width: 35px;
    height: 35px;
    line-height: 35px;
    background: rgba(0, 0, 0, 0.6);
    position: fixed;
    text-align: center;
    padding: 0; } }

@media all and (max-width: 900px) {
  .mfp-arrow {
    -webkit-transform: scale(0.75);
    transform: scale(0.75); }
  .mfp-arrow-left {
    -webkit-transform-origin: 0;
    transform-origin: 0; }
  .mfp-arrow-right {
    -webkit-transform-origin: 100%;
    transform-origin: 100%; }
  .mfp-container {
    padding-left: 6px;
    padding-right: 6px; } }

.mfp-ie7 .mfp-img {
  padding: 0; }
.mfp-ie7 .mfp-bottom-bar {
  width: 600px;
  left: 50%;
  margin-left: -300px;
  margin-top: 5px;
  padding-bottom: 5px; }
.mfp-ie7 .mfp-container {
  padding: 0; }
.mfp-ie7 .mfp-content {
  padding-top: 44px; }
.mfp-ie7 .mfp-close {
  top: 0;
  right: 0;
  padding-top: 0; }

/* product blocks */
h2.decor {
   text-transform: uppercase;
   border-bottom: 1px solid #ccc;	
   font-size: 1.3125em;
   font-weight: bold;
  margin-bottom:0;
}
.h2.decor {
   text-transform: uppercase;
   border-bottom: 1px solid #ccc;	
   font-size: 1.3125em;
   font-weight: bold;
   margin-bottom:0;
}
.pagination a, .pagination span {
	display: inline-block;
	height: 28px;
	line-height: 28px;
	text-align: center;
	min-width: 28px;
	color: #000;
	margin-left: -2px;
	border-radius: 20px;
	
}
.pagination span {
	border: 1px solid #ccc;
}
.pagination a:hover {
	text-decoration: none;
	color: #8DC63F;
}
.filter .transformSelect>li>span {
 white-space: nowrap;
  overflow: hidden;
}
.filter {
 padding: 1.5em 0;
  border-bottom: 1px solid #ccc;
  margin-bottom: 1em;
}
.filter .select {
 visibility: hidden;
  }
.filter-block {
 /*padding-right: 2.6em;*/
}
.filter label {
 text-transform: uppercase;
 line-height: 3.1em;
  font-size: 0.85em;
  }

/*
	transformSelect CSS
*/

.transformSelect
{
	clear	: both;
	/*width	: 200px;*/
}
.transformSelect li
{
	position: relative;
	list-style: none;
  padding: 0;
}

.transformSelect span, .transformSelect input[type="text"] {
     background: url("arr_right.svg") no-repeat scroll 96% center #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #444444;
    cursor: pointer;
    display: block;
    left: 0;
    line-height: 2.4em;
    margin: 0;
    padding: 1px 20px 0 15px;
    text-transform: uppercase;
    top: 0;
}

.transformSelect li.open ul span {
	border-radius: 0;
}
.transformSelect li.open span {
   
    border-radius: 0;
}
.transformSelect input[type=text]
{
	width: 188px;
}
.filter .transformSelect input[type=text]
{
	width: 158px;
}
.transformSelect ul
  {
    
	position: absolute;
	border: 1px solid #CCCCCC;
	border-top: 0;
	width: 99%;
  padding: 0 1px 0 0;
  margin: 0;
	/*border-radius: 0 0 5px 5px;
	-webkit-border-radius: 0 0 5px 5px;*/
}
.filter .transformSelect ul {
	/*width: 168px;*/
}
.transformSelect ul span
{
	border: 0;
	background: #ffffff;
	box-shadow: none;
  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
}
.transformSelect ul span:hover
{
	background: rgb(141, 198, 63);
	border-radius: 0;
	-webkit-border-radius: 0;
}
	.transformSelect ul li
	{
		height: auto;
	}
		.transformSelect li.group ul
		{
			position: static;
			border: 1px solid #dddddd;
			border-right: 0;
			border-left: 0;
			border-radius: 0;
			-webkit-border-radius: 0;
		}
		.transformSelect li.group span
		{
			font-style: italic;
			border-radius: 0;
			-webkit-border-radius: 0;
			background: #F7F7F7;
		}
		.transformSelect li.group > span
		{
			background: #eeeeee;
			border-top: 1px solid #dddddd;
		}
		.transformSelect li.group  ul span
		{
			text-indent	: 10px;
			font-style: normal;
		}
		.transformSelect ul li.group ul span:hover
		{
			background: #dddddd;
		}
		.transformSelect input[type=checkbox]
		{
			position: relative;
			top: 2px;
			margin: 0 5px 0 0;
			cursor: pointer;
		}




.carousel-nav {
  font-size: 0.8em;
  color: #666;
  position: absolute;
 
  top: 50%;
  transition: all 0.5s;
-moz-transition: all 0.5s; /* Firefox 4 */
-webkit-transition: all 0.5s; /* Safari and Chrome */
-o-transition: all 0.5s; /* Opera */
}
.carousel-wrap { 
  position: relative; 
  margin-top: 1em;
}
.carousel-nav:hover {
 color: #000;
}

.carousel-next {
 right: 0;
    }
.carousel-prev  {
    left: 0;
/*transform*/
-webkit-transform:scale(-1, 1);
   -moz-transform:scale(-1, 1);
    -ms-transform:scale(-1, 1);
     -o-transform:scale(-1, 1);
        transform:scale(-1, 1);
filter:FlipH;
-ms-filter:"FlipH";
}
/* footer */
.footer {
	background: #7d7d7d;
	color: #a4a4a4;
	}
	.footer .footer-inner {
		margin: 4.166666666666666% 0 2.08% 0;
		
	}
.footer a {
	color: #a4a4a4;
	transition: all 0.3s;
	-moz-transition: all 0.3s; /* Firefox 4 */
	-webkit-transition: all 0.3s; /* Safari and Chrome */
	-o-transition: all 0.3s; /* Opera */
}

.footer li.active,
.footer a:hover {
	color: #fff;
}
.footer-inner li {
	list-style-type: none;
}
.social li {
	display: inline;
	margin-right: 1em;
	
}
.footer ul.opened {
	max-height: 400px;
}
.social a {
	color: #fff;
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
	font-size: 1.5em;
	display: inline-block;
	
}
.social a:hover {
	color: #a4a4a4;
	}
.payment img {
	max-width: 100%;
  vertical-align: middle;
}
.payment {
	width: 26%;
	float: right;
  height: 2em;
  line-height: 2em;
}
.insales {float: right;
    margin-top: -0.25em;
  margin-left: 5%;
  height: 2em;
  line-height: 2em;
   }
.address {
	float: right;
	margin-left: 7%;
  height: 2em;
  line-height: 2em;
}
.footer ul .h2 {
	color: #fff;
	font-size: 1.0625em;
}
.footer ul {
	text-transform: uppercase;
}
.subscribe .txt {
	background: #7d7d7d;
	border-color: #a4a4a4;
	color: #a4a4a4;
	width: 65%;
}
.subscribe .but {
	position: relative;
	left: -1.5em;
  top: 1px;
}

.photo .img img {display: block; margin: 0 auto;}
.gallery a {float: left; text-align: center; display: block; width: 180px; height: 180px;}
.gallery a img {max-width: 100%;}
.product-info h1 {
 font-size: 2.625em;
    }
.props  li {
 list-style-type: none;
  word-wrap: break-word;
  }
.props  {
 padding: 0.5em 0;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  }
.props b {font-weight: normal;}
.variants ul {
 padding: 0;
  overflow: hidden;
}
.variants li {
  border: 1px solid #ccc;
    
    color: #000;
    float: left;
    line-height: 150%;
    list-style-type: none;
    margin: 0 0.3em 0 0;
    padding: 0 0.5em;
    text-align: center;
  cursor: pointer;
}
.variants li:hover {
 background: #ccc;

}
.variants li.active {
 border-color: #8DC63F;  
}

.price-block {
    line-height: 3em;
    white-space: nowrap;
    }
    .price-block .price {
     color: #8DC63F;
      font-size: 2.25em;
        }
.product-info .button {
  height: 1.7em;
      line-height: 1.7em;
    }
.button.color-button {
 background: #fff;
  border: 1px solid #ccc;
  font-size: 1em;
  color: #000;
     height: 2.38em;
        line-height: 2.38em;
  vertical-align: top;
  margin-left: 1%;
    }
      .button.color-button:hover {
         background: #8DC63F;
         color: #fff;
              }

/* tabs */
.resp-tabs-list li {
     cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    line-height: 1.5em;
    list-style: none outside none;
    margin: 0;
    padding: 1px 1.5em 0;
    text-transform: uppercase;
}


.resp-tabs-container {
    padding: 0px;
    background-color: #fff;
    clear: left;
}

h2.resp-accordion {
    cursor: pointer;
    padding: 5px;
    display: none;
}

.resp-tab-content {
    display: none;
    padding: 0.5em;
}



.resp-tab-active {    
    background-color: #8DC63F;
}

.resp-content-active, .resp-accordion-active {
    display: block;
}


h2.resp-accordion {
    font-size: 1.2em;
    font-weight: bold;
    text-transform: uppercase;
    border: 1px solid #ccc;
    border-top: 0px solid #ccc;
    margin: 0px;
    padding: 0 1em;
   line-height: 2em;
}

h2.resp-tab-active {
    
    margin-bottom: 0px !important;
    
    
}
.resp-tabs-list {
	text-transform: capitalize;
	font-size: 1.1428571428571428em;
	margin: 0;
	padding: 0;
	
}
.resp-tabs-list .resp-tab-active {
	color: #fff;
}
0
 #demoTab li:hover, .resp-accordion:hover {
 	color: #8DC63F!important;
 }
/*-----------Accordion styles-----------*/

.resp-easy-accordion  h2.resp-accordion {
        display: block;
}
.resp-easy-accordion .resp-tab-content {
    border: 1px solid #c1c1c1;
}

.resp-easy-accordion .resp-tab-content:last-child {
    border-bottom: 2px solid #ffc500 !important;
}

.resp-jfit {
    width: 100%;
    margin: 0px;
}

.resp-tab-content-active {
    display: block;
}

h2.resp-accordion:first-child {
    border-top: 1px solid #ccc !important;
}

.resp-arrow {
   border-color: #ccc rgba(0, 0, 0, 0);
       border-style: solid;
       border-width: 6px 6px 0;
       float: right;
       height: 0;
       margin-top: 0.9em;
       width: 0;
       }

h2.resp-tab-active span.resp-arrow {
    
    border-color: #000000 rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0 6px 6px;
    height: 0;
    margin: 0.8em 0 0;
    width: 0;
}


/*Here your can change the breakpoint to set the accordion, when screen resolution changed*/
@media only screen and (max-width: 768px) {
h2.resp-tab-active {
    border-bottom: 0px solid #ffc500 !important; 
 }


h2.resp-tab-title:last-child {
    border-bottom: 12px solid #ffc500 !important;
    background: blue;
}

.resp-tab-content {
    border: 1px solid #ccc;
}

    ul.resp-tabs-list {
        display: none;
    }

    h2.resp-accordion {
        display: block;
    }

    .resp-vtabs .resp-tab-content {
        border: 1px solid #ccc;
    }

    .resp-vtabs .resp-tabs-container {
        border: none;
        float: none;
        width: 100%;
        min-height: initial;
        clear: none;
    }
    .resp-accordion-closed {
        display:none !important;
    }
    .resp-vtabs .resp-tab-content:last-child {
        border-bottom: 1px solid #ccc !important;
    }
}


/* cart */
.coupon {
 position: relative;
  z-index: 100;
  top: -4px;
}
.coupon .txt {
   background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    
    font-weight: bold;
    padding: 0.5em;
    text-align: center;
  width: 100px;
    
    }
.cart-table {
 width: 100%;
  margin-bottom: 2em;
  font-size: 1.2em;
}
.cart-table td {
 padding: 1em;
  text-align: center;
  vertical-align: middle;
    }
.cart-table thead td {
 text-align: center;
  color: #999;
}
.cart-table tbody .item-title {
  text-align: left;
    }
.cart-table .price {
  color: #333333;
    font-size: 1.3em;
    font-weight: bold;
    margin-bottom: 0;
  white-space: nowrap;
}
.cart-table .quantity input {
 text-align: center;
  
   background: none repeat scroll 0 0 #FFFFFF;
        border: 1px solid #CCCCCC;
       
       padding: 0.5em;
}
.cart-table .item-title {text-align: left;}
.cart-table .del a {
 color: #666666;
    font-size: 1.8em;
    position: relative;
   
    vertical-align: top;
    }
.cart-table .del a:hover {
 color: #8DC63F;
}
.table-foot {
 white-space: nowrap;
  font-size: 1.3em;
 
}
.table-foot .price {
 color: #8DC63F;
}
#total_price {font-weight: bold; font-size: 1.6em;}


/* catalog */



.catalog, .catalog * {	
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
        *behavior: url(/boxsizing.htc);
}
  
.catalog-wrap {
	overflow: hidden;
	margin-top: 0.5em;
    margin-bottom: 0.5em;
}

nav.catalog {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;	
     margin-bottom: -1px;
	position: relative;
  right: -1px;
  font-size: 0.96em;
  
}

nav.catalog ul {
	list-style: none;
	overflow: hidden;
  margin-right: -1px;
}

nav.catalog li div,
nav.catalog li a {
	background: transparent;
	border-right: 1px solid #ccc;
	overflow: hidden;
	display: block;
	float: left;
	font-size: 1.0625em;
	padding: 0  2% 0 2%;
	text-align: left;
	text-decoration: none;
	text-transform: uppercase;
	width: 16.666667%;
	border-bottom: 1px solid #ccc;
	/*TRANSISTIONS*/
	-webkit-transition: background 0.5s ease;
	   -moz-transition: background 0.5s ease;
	     -o-transition: background 0.5s ease;
	    -ms-transition: background 0.5s ease;
	        transition: background 0.5s ease;
	        height: 60px;
	        line-height: 60px;
	        
}

nav.catalog li div span,
nav.catalog li a span {
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
}
/*HOVER*/
nav.catalog li div,
 nav.catalog li a:hover, nav.catalog li a.active {
	background: #8dc63f;
	color: #fff;
	border-color:#8dc63f ;
}






/* MEDIA QUERIES*/
/*@media only screen and (max-width : 1200px),
only screen and (max-device-width : 1200px){
	nav.catalog li a {
		font: 400 10px/1.4 'Cutive', Helvetica, Verdana, Arial, sans-serif;
	}
	
	nav.catalog small {
		font: 100 10px/1 Helvetica, Verdana, Arial, sans-serif;
	}
}*/

@media only screen and (max-width : 920px),
only screen and (max-device-width : 920px){
	div nav.catalog li a {
		width: 33.33333%;
		border-bottom-width: 1px;				
	}
}

@media only screen and (max-width : 580px),
only screen and (max-device-width : 580px){
	div div nav.catalog li a {
		width: 50%;	
	    border-right-width: 1px;
	    border-bottom-width: 1px;
	    font-size: 0.875em;
	    height: 40px;
	    line-height: 40px;
	}	
}


/* header menu */
#menu li {
	margin-right: 1em;
}

#menu li,
#menu li a {
	color: #fff;
	text-transform: uppercase;
	/*font-size: 1.0625em;*/
	transition: all 0.5s;
	-moz-transition: all 0.5s; /* Firefox 4 */
	-webkit-transition: all 0.5s; /* Safari and Chrome */
	-o-transition: all 0.5s; /* Opera */
}

#menu li {
   font-size: 1.0625em;
}

#menu li a:hover, #menu li.active {
	text-shadow:  0 0 5px rgba(255, 255, 255, 1);	
}
#menu li:last-child {
	float: right;
	margin-right: 0;
}

.menu-wrap {
	background: #000;
	height: 50px;
	line-height: 50px;
}
/*
    Mobile Menu Core Style
*/

.slicknav_btn { position: relative; display: block; vertical-align: middle; float: right; line-height: 1.125em; cursor: pointer; }
.slicknav_menu  .slicknav_menutxt { display: block; line-height: 1.188em; float: left; }
.slicknav_menu .slicknav_icon { float: left; margin: 0.188em 0 0 0.438em; }
.slicknav_menu .slicknav_no-text { margin: 0 }
.slicknav_menu .slicknav_icon-bar { display: block; width: 1.125em; height: 0.125em; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }
.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar { margin-top: 0.188em }
.slicknav_nav { clear: both }
.slicknav_nav ul,
.slicknav_nav li { display: block }
.slicknav_nav .slicknav_arrow { font-size: 0.8em; margin: 0 0 0 0.4em; }
.slicknav_nav .slicknav_item { display: block; cursor: pointer; }
.slicknav_nav a { display: block }
.slicknav_nav .slicknav_item a { display: inline }
.slicknav_menu:before,
.slicknav_menu:after { content: " "; display: table; }
.slicknav_menu:after { clear: both }
/* IE6/7 support */
.slicknav_menu { *zoom: 1 }

/* 
    User Default Style
    Change the following styles to modify the appearance of the menu.
*/

.slicknav_menu {
	font-size:16px;
}
/* Button */
.slicknav_btn {
	margin: 5px 5px 6px;	
	text-decoration:none;	
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;  
	background-color: #000;
}
/* Button Text */
.slicknav_menu  .slicknav_menutxt {	
	color: #FFF;
	font-weight: bold;	
	text-shadow: 0 1px 3px #000;	
}
/* Button Lines */
.slicknav_menu .slicknav_icon-bar {
  background-color: #f5f5f5;
}
.slicknav_menu {
	background:#000;
	padding:5px;
}
.slicknav_nav {
	color:#fff;
	margin:0;	
	padding:0;
	font-size:0.875em;
}
.slicknav_nav, .slicknav_nav ul {
	list-style: none;
	overflow:hidden;
}
.slicknav_nav ul {
	padding:0;
	margin:0 0 0 20px;
}
.slicknav_nav .slicknav_item {
	padding:5px 10px;
	margin:2px 5px;
}
.slicknav_nav a{
	padding:5px 10px;
	margin:2px 5px;
	text-decoration:none;
	color:#fff;
	text-transform: uppercase;
}
.slicknav_nav .slicknav_item a {
	padding:0;
	margin:0;
}
.slicknav_nav .slicknav_item:hover {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background:#ccc;
	color:#fff;	
}
.slicknav_nav a:hover, .slicknav_nav a.active {
    background:#ccc;
	color:#222;
}
.slicknav_nav .slicknav_txtnode {
     margin-left:15px;   
}


.slicknav_menu {
	display:none;
}

@media screen and (max-width: 40em) {
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	.js .menu-wrap {
		display: none;
	}
}





/* classes */
body ul.no-bullet li {
	list-style-type: none;
}
.inline-list li {
	display: inline;
}
.clear {
  clear: both;
}
.main-clear {
  clear: both;
  height: 1px;
}

.color {
  color: #8dc63f;
}
.main-color {
  color: #000;
}
.decoration {
  text-decoration: underline;
}
a.decoration:hover {
  text-decoration: none;
}
.fr {
  float: right;
  display: inline;
}
.fl {
  float: left;
  display: inline;
}
.disabled {
  cursor: text;
  opacity: 0.7;
}
.nomargin {
  margin: 0;
} 
.editor-content {
 line-height: 120%;
  word-wrap: break-word;
}

.editor-content ul, .editor-content ol {
  padding-left: 26px;
  margin-bottom: 16px;
}
.editor-content ul li {
  list-style-type: disc;
  list-style-position: outside;
}
.editor-content ol li {
  list-style-type: decimal;
  list-style-position: outside;
}
.article.editor-content p {
  margin-bottom: 16px;
}
.editor-content img {
margin: 15px 15px;
}
.editor-content a {
  color: #8dc63f;
}
.editor-content a:hover {
	text-decoration: underline;
}
.iefix {
 display: none;
}

/* add product notification */
#add_product_notification {
  background: #fff;  
  color: #666;
   border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-top-left-radius: 10px; 
	-webkit-border-top-right-radius: 10px; 
	-webkit-border-bottom-right-radius: 10px; 
	-webkit-border-bottom-left-radius: 10px;
  padding: 13px 12px;
  font-size: 14px;
  font-weight: normal;
  line-height: 15px;
  font-size: 14px;
  font-family: 'ArialNarrow', Arial, sans-serif;
  border: 1px solid #a5a5a5;
  text-shadow: 1px -1px 1px #fff;
  text-transform: uppercase;   
}
#own_preloader {
  z-index: 1000;
  text-align: center;
  vertical-align: middle;
  width: 250px;
  height: 65px;
}
.product-block .old-price{
  	font-size: 1em;
    font-weight: bold;
    padding-left: 1.2em;
    color: #cd0a0a;
}
.old-price{
  	font-size: 1.25em;
    font-weight: bold;
    color: #cd0a0a;
}
.ovh {overflow: hidden;}
.red {
		background: none repeat scroll 0 0 #FFDADA!important;
		border: 1px solid #FF0000!important;
		color: #FF0000;
	
	font-weight: bold;		padding: 5px 10px;
	  }
.green {
		background: none repeat scroll 0 0 #E2FFEA!important;
		border: 1px solid green!important;
		color: green;
		font-size: 12px;
		font-weight: bold;
		padding: 5px 10px;
	  }
.venta{height:2em;line-height: 2em;}
.more_tags{margin-bottom:1.5em}
.more_tags a{padding-right:20px;}
.more_tags:last-child{padding-right:0px}
.green_link{color:#8DC63F;}
.green_link:hover{text-decoration:underline;}
.social{color:#8DC63F;padding-top:10px;}
p.not_found a {color: #8DC63F;}

.m-modal {
  border-radius: 0;
}

.m-modal-button {
  border-radius: 0;
  border: 1px solid #ccc;
  background: #fff;
  color: #000;
  font-weight: bold;
  padding: 8px 12px;
  text-transform: uppercase;
  transition: color .15s ease, border-color .15s ease, background-color .15s ease;
}

.m-modal-button:hover {
  background: #8DC63F;
  color: #fff;
}

.button.m-modal-close {
  position: absolute;
  z-index: 10;
  top: 10px;
  right: 10px;
  height: 30px;
  width: 30px;
  padding: 0;
  cursor: pointer;
  border: none;
  background-color: transparent;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MCA1MCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTAgNTAiPjxwYXRoIGQ9Ik0zNy4zMDQgMTEuMjgybDEuNDE0IDEuNDE0LTI2LjAyMiAyNi4wMi0xLjQxNC0xLjQxM3oiLz48cGF0aCBkPSJNMTIuNjk2IDExLjI4MmwyNi4wMjIgMjYuMDItMS40MTQgMS40MTUtMjYuMDIyLTI2LjAyeiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
}

.certificates{
  display: flex;
  flex-wrap: wrap;
  max-width: 100%;
}

.certificates embed{
  display: block;
  margin-right: 15px;
  margin-bottom: 15px;
}
iframe[src*="youtube.com"] {
  max-width: 100%;
}

.products-wrap {
  display: flex;
  flex-wrap: wrap;
}

.quantity {
  display: inline-grid;
  grid-template-columns: 40px 60px 40px;
  margin-left: .5em;
}
.quantity_input:not(#_) {
  padding: 0;
  text-align: center;
}
.quantity_button {
  background-color: transparent;
  border: 1px solid #ccc;
  border-radius: 0;
}
.quantity_button:hover {
  background-color: #fafafa;
}
.quantity_input:focus,
.quantity_button:focus {
  outline: none;
}
.quantity_button--minus {
  border-right: none;
}
.quantity_button--plus {
  border-left: none;
}

.out-of-stock {
  font-size: 14px !important;
  padding: 0.5em !important;
}
.add_button_small + .icon-arr-right { 
  display: none;
  }

.add_button_small {
 	font-size: 16px; 
}