@import url('cDeepColors.css');
:root {
--color-primary: #31b631;
--color-secondary: #676868;
--menu-color: #fff;
--menu-color-active: #fff;
}


body {background: #fff; color: #676868}
a,.achtung-message h3 {color: #31b631}
#sideAuth a{color: #009ec5}

#logo .word2 {color: #676868}
#logo .word1 {color: #31b631}

.button, #sliderPrev, #sliderNext {color: #fff; background: #31b631;
background: -moz-linear-gradient(top,  #31b631 0%, #78d878 50%, #37ca37 51%, #31b631 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#31b631), color-stop(50%,#78d878), color-stop(51%,#37ca37), color-stop(100%,#31b631));
background: -webkit-linear-gradient(top,  #31b631 0%,#78d878 50%,#37ca37 51%,#31b631 100%);
background: -o-linear-gradient(top,  #31b631 0%,#78d878 50%,#37ca37 51%,#31b631 100%);
background: -ms-linear-gradient(top,  #31b631 0%,#78d878 50%,#37ca37 51%,#31b631 100%);
background: linear-gradient(to bottom,  #31b631 0%,#78d878 50%,#37ca37 51%,#31b631 100%);
}
.button:hover, #sliderPrev:hover, #sliderNext:hover {background: #4c5051;
background: -moz-linear-gradient(top,  #4c5051 0%, #2d3132 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5051), color-stop(50%,#2d3132), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
background: -webkit-linear-gradient(top,  #4c5051 0%,#2d3132 50%,#0a0e0a 51%,#0a0809 100%);
background: -o-linear-gradient(top,  #4c5051 0%,#2d3132 50%,#0a0e0a 51%,#0a0809 100%);
background: -ms-linear-gradient(top,  #4c5051 0%,#2d3132 50%,#0a0e0a 51%,#0a0809 100%);
background: linear-gradient(to bottom,  #4c5051 0%,#2d3132 50%,#0a0e0a 51%,#0a0809 100%);
}
header {}
#topPhone p {background:url(../i/ico_phone1.png) 0 1px no-repeat}
#openCallback:before {background: url(../i/ico_phone2.png) 0 0 no-repeat;}
#topCart {background:  url(../i/ico_cart.png) 0 49px no-repeat; }
#topCart .title {color: #31b631}
#topCart .button {}
#topCart .button:hover {}

#topAddress p.address {background: url(../i/ico_address.png) 0 2px no-repeat;}
#topAddress p.mail {background: url(../i/ico_mail.png) 0 6px no-repeat;}



#topmenu {background: #4c5051;
background: -moz-linear-gradient(top,  #4c5051 0%, #2b2f2f 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5051), color-stop(50%,#2b2f2f), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
background: -webkit-linear-gradient(top,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);
background: -o-linear-gradient(top,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);
background: -ms-linear-gradient(top,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);
background: linear-gradient(to bottom,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);
}
#topmenu li {background: url(../i/topmenu_sep.png) 0 0 no-repeat;}
#topmenu li:first-child {background: none}
#topmenu:after { background: #31b631; }
#topmenu a {color: #fff}
#topmenu>ul>li.active>a, #topmenu>ul>li:hover>a  {background: 33c133;
background: -moz-linear-gradient(top,  #33c133 0%, #33c133 38%, #3ecc3e 50%, #31b631 51%, #31b631 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,33c133), color-stop(38%,#33c133), color-stop(50%,#3ecc3e), color-stop(51%,#31b631), color-stop(100%,#31b631));
background: -webkit-linear-gradient(top,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
background: -o-linear-gradient(top,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
background: -ms-linear-gradient(top,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
background: linear-gradient(to bottom,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
}

#topmenu li ul {background: #31b631; -moz-box-shadow:5px 5px 5px RGBA(0,0,0,0.58); -webkit-box-shadow:5px 5px 5px RGBA(0,0,0,0.58); box-shadow:5px 5px 5px RGBA(0,0,0,0.58);}
#topmenu li ul li {background: none}
#topmenu li ul li a:hover, #topmenu li ul li.active a {color: #000}

#topmenu li ul li:before {}




#sliderPrev:before {background: url(../i/slider_arrows.png) 0 0 no-repeat;}
#sliderNext:before {background: url(../i/slider_arrows.png) 100% 0 no-repeat;}
#sliderPrev:hover {}
#sliderNext:hover {}

#sliderNav span  {background: #fff}
#sliderNav .cycle-pager-active, #sliderNav span:hover {background: #31b631}

#slider .block .text .big b {background: #31b631; color: #fff}

.body {}
main {}
main h1, p.h1, #sideNews h2 {color: #31b631; background:url(../i/title_bg.gif) 0 15px repeat-x }
main h1 span, p.h1 span, #sideNews h2 span {background: #fff; padding-right: 20px; }

main a.readon {}




.catalog .item {border: 1px solid #e2e1e1}
.catalog .item:hover {-moz-box-shadow: 5px 5px 5px RGBA(0,0,0,0.14); -webkit-box-shadow: 5px 5px 5px RGBA(0,0,0,0.14); box-shadow:5px 5px 5px RGBA(0,0,0,0.14);}
.catalog .item .title a {}
.catalog .item .price {}
.catalog .item .oldprice  {}
.addToCart {border: 3px solid #fff}
.addToCart:before {background:url(../i/ico_addtocart.png) 0 0 no-repeat; }
.pricebuy {background: #31b631; color: #fff}

#indexNews h1 {}
#indexNews .item .date {}
#indexNews .item a {}

#sideSearch {}
#sideSearch .text {-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);}

#sideSearch .button input {background: url(../i/ico_search.png) 50% 50% no-repeat; }

div.aside  h2 {}
#sidemenu {background: #4d4c4c; }
#sidemenu h2 {color: #fff}
#sidemenu ul li {border-top:1px solid #656464}
#sidemenu ul li a {color: #fff; }
#sidemenu ul li a:hover, #sidemenu ul li.active a {background: #31b631}
#sidemenu ul li ul li, #sidemenu ul li.active ul li {}
#sidemenu ul li ul li a, #sidemenu ul li.active ul li a {background:url(../i/sidemenu_li.gif) 0 13px no-repeat;}
#sidemenu ul li ul li a:hover, #sidemenu ul li ul li.active a {color: #31b631}


#sideNews h2 {color:#31b631}
#sideNews h2 span {padding-right: 5px}
#sideAuth {background: #4d4c4c; }
#sideAuth h2 {color: #fff}
#sideAuth a.lost {color: #fff}

input.text, textarea {color: #4e4c4c; border: 0;}

input.text::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #4e4c4c}
input.text::-moz-placeholder, textarea::-moz-placeholder {color: #4e4c4c}
input.text:-ms-input-placeholder, textarea:-ms-input-placeholder {color: #4e4c4c}
.placeholder {color: #4e4c4c}


main h2 {}
.contactsPage input.text, .contactsPage textarea {-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17); }

.contactsPage .leftCol {}
.contactsPage .leftCol a {}
.contactsPage p.phone {background: url(../i/ico_phone1.png) 0 2px no-repeat; }
.contactsPage p.address {background: url(../i/ico_address.png) 2px 5px no-repeat;}
.contactsPage p.mail {background: url(../i/ico_mail.png) 0 11px no-repeat;}
.mapWrapper {}

footer {background: #4d4c4c}
.social a.fb {background-image:url(../i/social1.png) }
.social a.tw {background-image:url(../i/social2.png) }
.social a.vk {background-image:url(../i/social3.png) }
.social a.ok {background-image:url(../i/social4.png) }
.social a.youtube {background-image:url(../i/social6.png) }

#botmenu {background: #4c5051;border-bottom:7px solid #31b631; 
background: -moz-linear-gradient(top,  #4c5051 0%, #2b2f2f 50%, #0a0e0a 51%, #0a0809 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4c5051), color-stop(50%,#2b2f2f), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809));
background: -webkit-linear-gradient(top,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);
background: -o-linear-gradient(top,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);
background: -ms-linear-gradient(top,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);
background: linear-gradient(to bottom,  #4c5051 0%,#2b2f2f 50%,#0a0e0a 51%,#0a0809 100%);}
#botmenu li{background: url(../i/topmenu_sep.png) 0 0 no-repeat;}
#botmenu a {color: #fff}
#botmenu li:first-child {background: none}
#botmenu>ul>li.active>a, #botmenu>ul>li:hover>a  {background: 33c133;
background: -moz-linear-gradient(top,  #33c133 0%, #33c133 38%, #3ecc3e 50%, #31b631 51%, #31b631 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,33c133), color-stop(38%,#33c133), color-stop(50%,#3ecc3e), color-stop(51%,#31b631), color-stop(100%,#31b631));
background: -webkit-linear-gradient(top,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
background: -o-linear-gradient(top,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
background: -ms-linear-gradient(top,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
background: linear-gradient(to bottom,  #33c133 0%,#33c133 38%,#3ecc3e 50%,#31b631 51%,#31b631 100%);
}


footer .creator a {color: #fff}
footer .creator a.creator_logo {background: url(../i/creator.png) 0 0 no-repeat; }

.popupWrapper {background: RGBA(0,0,0,0.34)}
.popupWrapper .popup {background: #fff}
input.text, textarea {-webkit-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);
-moz-box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);
box-shadow: inset 1px 1px 5px 0px rgba(0,0,0,0.17);}
.popupWrapper .close {background:#fff url(../i/ico_close.png) 50% 50% no-repeat;}
.popupWrapper .close:hover {background-color: #31b631}

/*cookie privicy box start*/
 .cookie_privacy_box {
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

.cookie_privacy_box .cookie_privacy_box_data {

}
.cookie_privacy_box .cookie_privacy_box_data p {
  color: #333;
}
.cookie_privacy_box .cookie_privacy_box_data p a {
  color: var(--color-primary);
}
.cookie_privacy_box .cookie_privacy_box_buttons .cookie_privacy_box_button {
  color: var(--menu-color-active);
  background: var(--color-primary);
}
.cookie_privacy_box .cookie_privacy_box_buttons #acceptBtn:hover {
  background-color: var(--color-secondary);
  color: var(--menu-color);
}
/*cookie privicy box finish*/