summary Mixins
------------------------------------------------ */

.linear-gradient(@from, $to) {
  background-image:-o-linear-gradient(bottom, 100%, 0%);
  background-image:-moz-linear-gradient(bottom, 100%, 0%);
  background-image:-webkit-linear-gradient(bottom, 100%, 0%);
  background-image:-ms-linear-gradient(bottom, 100%, 0%);
  background-image:-webkit-gradient(linear,left bottom,left top,color-stop(1,),color-stop(0,));
  background-image:linear-gradient(bottom, 100%, 0%);
}
.display-inline-block {
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  zoom:1;
}
@font-face {
  font-family:'CambriaBold';
  src:url('../fonts/CambriaBold.eot');
  src:url('../fonts/CambriaBold.eot?#iefix') format('embedded-opentype'), url('../fonts/CambriaBold.woff') format('woff'), url('../fonts/CambriaBold.ttf') format('truetype'), url('../fonts/CambriaBold.svg#CambriaBold') format('svg');
  font-weight:normal;
  font-style:normal;
}
* {
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
html, body, p, ul, ol, li, th, td, h1, h2, h3, h4, h5, h6, dl, dt, dd, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  padding:0;
  margin:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display:block; }
[id^="fancybox-"] {
  -moz-box-sizing:content-box;
  -ms-box-sizing:content-box;
  -o-box-sizing:content-box;
  box-sizing:content-box;
}
.fancybox-bg { display:none; }
#fancybox-close {
  background:url(../img/fancy_close.png) no-repeat 6px 6px #1b763c;
  border-radius:12px;
  right:-24px;
  height:23px;
  width:23px;
  top:-24px;
  border:0;
  -webkit-transition:background-color .1s linear;
  -moz-transition:background-color .1s linear;
  -ms-transition:background-color .1s linear;
  -o-transition:background-color .1s linear;
  transition:background-color .1s linear;
}
#fancybox-close:hover { background-color:#3b443f; }
#fancybox-left, #fancybox-right { width:100px; }
#fancybox-left-ico, #fancybox-right-ico {
  height:29px;
  width:16px;
}
#fancybox-left-ico {
  background:url(../img/slides-nav.png) no-repeat left center;
  left:25px;
  -webkit-transition:left .1s linear;
  -moz-transition:left .1s linear;
  -ms-transition:left .1s linear;
  -o-transition:left .1s linear;
  transition:left .1s linear;
}
#fancybox-right-ico {
  background:url(../img/slides-nav.png) no-repeat right center;
  right:25px;
  left:auto;
  -webkit-transition:right .1s linear;
  -moz-transition:right .1s linear;
  -ms-transition:right .1s linear;
  -o-transition:right .1s linear;
  transition:right .1s linear;
}
#fancybox-left:hover #fancybox-left-ico { left:20px; }
#fancybox-right:hover #fancybox-right-ico { right:20px; }
.fancybox-title-outside, .fancybox-title-inside {
  background-color:#fff;
  text-align:justify;
  padding:25px !important;
  color:#393939;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  -o-box-sizing:border-box;
  box-sizing:border-box;
}
.no-scroll { overflow-y:hidden !important; }
body {
  background:no-repeat top center #f4f5f5;
  background-attachment:fixed;
  background-size:cover;
  font-family:arial, sans-serif;
  font-size:13px;
  color:#393939;
}
a {
  text-decoration:none;
  color:#1a7239;
}
a:hover, a:active {
  text-decoration:none;
  color:#3b443f;
}
.r { float:right; }
.clear {
  font-size:1px;
  height:1px;
  clear:both;
}
.cf:after {
  display:table;
  clear:both;
  content:"";
}
hr {
  border:0;
  border-bottom:1px solid #e1e1e1;
  background:transparent;
  margin:20px 0;
  display:block;
  width:100%;
  padding:0;
}
img { border:0; }
h1, .h1-title {
  text-transform:uppercase;
  font-family:CambriaBold;
  font-weight:normal;
  margin:0 0 15px 0;
  text-align:left;
  font-size:34px;
  display:block;
  color:#3b443f;
  line-height:1;
}
h2 {
  text-transform:uppercase;
  font-family:CambriaBold;
  font-weight:normal;
  margin:0 0 10px 0;
  text-align:left;
  font-size:17px;
  line-height:1.3;
}
@media screen and (max-width: 600px) {
  h1, .h1-title { font-size:18px; }
  h2 { font-size:13px; }
}
@media screen and (min-width: 601px) and (max-width: 800px) {
  h1, .h1-title { font-size:20px; }
  h2 { font-size:14px; }
}
@media screen and (min-width: 801px) and (max-width: 900px) {
  h1, .h1-title { font-size:26px; }
  h2 { font-size:16px; }
}
input, textarea {
  -webkit-appearance:none;
  -webkit-border-radius:0;
  border-radius:0;
}
input[type=password], input[type=search], input[type=text], .password input, .text input, textarea, select {
  border:1px solid #e4e4e4;
  background-color:#fff;
  vertical-align:middle;
  font-family:inherit;
  padding:6px 15px;
  color:#393939;
  height:40px;
  width:100%;
}
input[type=password]:disabled, input[type=search]:disabled, input[type=text]:disabled, .password input:disabled, .text input:disabled, textarea:disabled, select:disabled { background:#f3f3f3; }
select { color:#828282; }
select option { color:#393939; }
select.selected { color:#393939; }
input[type=submit], .submit input {
  font-family:inherit;
  cursor:pointer;
  text-transform:uppercase;
  background-color:#1a7239;
  font-family:CambriaBold;
  display:inline-block;
  line-height:40px;
  padding:0 25px;
  font-size:14px;
  color:#fff;
  height:40px;
  border:0;
  -webkit-transition:background-color .1s linear;
  -moz-transition:background-color .1s linear;
  -ms-transition:background-color .1s linear;
  -o-transition:background-color .1s linear;
  transition:background-color .1s linear;
}
input[type=submit]:hover, .submit input:hover { background-color:#3d433f; }
input[type=submit].submit-icn, .submit input.submit-icn {
  background:url(../img/submit-buttons.png) no-repeat top left transparent;
  vertical-align:middle;
  height:23px;
  width:23px;
  padding:0;
  -webkit-transition:background-color .1s linear;
  -moz-transition:background-color .1s linear;
  -ms-transition:background-color .1s linear;
  -o-transition:background-color .1s linear;
  transition:background-color .1s linear;
}
input[type=submit].submit-icn:hover, .submit input.submit-icn:hover { background-position:bottom left; }
input[type=submit].sm, .submit input.sm {
  font-family:arial, sans-serif;
  text-transform:none;
  line-height:30px;
  font-weight:bold;
  font-size:12px;
  padding:0 12px;
  height:30px;
}
input[type=submit]:disabled, .submit input:disabled {
  background:#e0e0e0;
  color:#393939;
}
.btn {
  text-transform:uppercase;
  background-color:#3d433f;
  font-family:CambriaBold;
  vertical-align:middle;
  display:inline-block;
  text-align:center;
  line-height:40px;
  padding:0 30px;
  font-size:14px;
  cursor:pointer;
  color:#fff;
  height:40px;
  border:0;
  -webkit-transition:background-color .1s linear;
  -moz-transition:background-color .1s linear;
  -ms-transition:background-color .1s linear;
  -o-transition:background-color .1s linear;
  transition:background-color .1s linear;
}
.btn.sm {
  font-family:arial, sans-serif;
  text-transform:none;
  line-height:30px;
  font-weight:bold;
  font-size:12px;
  padding:0 12px;
  height:30px;
}
.btn:hover {
  background-color:#1a7239;
  color:#fff;
}
.btn.green { background-color:#1a7239; }
.btn.green:hover { background-color:#3d433f; }
textarea {
  font-family:inherit;
  padding:10px 15px;
  height:120px;
}
.input { margin-bottom:20px; }
.input.radio, .input.checkbox { margin-bottom:25px; }
.input.radio label, .input.checkbox label {
  vertical-align:middle;
  padding-right:30px;
  padding-left:15px;
}
.input.date select {
  margin-left:5%;
  width:30%;
}
.input.date select:first-child { margin-left:0; }
h2 .input.checkbox {
  padding-top:10px;
  margin:0;
}
h2 .input.checkbox input { vertical-align:middle; }
h2 label {
  font-family:arial, sans-serif;
  vertical-align:middle;
  text-transform:none;
  font-weight:normal;
  font-size:12px;
  color:#393939;
}
input::-webkit-input-placeholder {
  line-height:18px;
  font-size:12px;
  color:#828282;
}
input:-moz-placeholder {
  line-height:18px;
  font-size:12px;
  color:#828282;
}
input:-ms-input-placeholder {
  line-height:18px;
  font-size:12px;
  color:#828282;
}
.container {
  margin:0 auto;
  width:100%;
  max-width:1000px;
}
.content-container {
  position:relative;
  padding-bottom:50px;
  background-color:#fff;
  overflow:hidden;
  *overflow:visible;
  zoom:1;
}
.content-container.fixed { padding-top:150px; }
.content {
  position:relative;
  padding:0 20px;
  line-height:150%;
  text-align:justify;
  overflow:hidden;
  *overflow:visible;
  min-height:400px;
  font-size:12px;
  zoom:1;
}
.content iframe {
  height:390px;
  width:700px;
}
.content p { margin-bottom:15px; }
.content p.b { font-weight:bold; }
.content ul { list-style:none; }
.content ul li { margin-bottom:10px; }
.content ul li::before {
  padding-right:5px;
  content:"-";
}
.content ol { list-style-position:inside; }
.content .date {
  font-size:11px;
  color:#838584;
}
.back {
  background:url(../img/back.png) no-repeat left center;
  padding-left:12px;
  line-height:34px;
  color:#393939;
  float:right;
}
.back.line1 { line-height:1; }
.row {
  position:relative;
  overflow:hidden;
}
@media screen and (min-width: 550px) {
  .row .col {
    position:relative;
    z-index:20;
    float:left;
  }
  .row .col.col-2 {
    margin-left:6%;
    width:47%;
  }
  .row .col.col-3 {
    margin-left:5%;
    width:30%;
  }
  .row .col.col-3x2 {
    margin-left:5%;
    width:65%;
  }
  .row .col:first-child { margin-left:0; }
  .row .line:after {
    background:url(/img/line.jpg) repeat-y center;
    position:absolute;
    z-index:10px;
    content:"";
    top:50px;
    bottom:0;
    right:0;
    left:0;
  }
}
.product-price {
  padding-bottom:10px;
  font-size:12px;
  color:#828282;
}
.product-price .price {
  font-family:CambriaBold;
  line-height:28px;
  padding-top:5px;
  font-size:22px;
  display:block;
  color:#3d433f;
}
.product-price .old-price { text-decoration:line-through; }
.product-count input {
  text-align:center;
  padding:6px 5px;
  height:30px;
  width:52px;
}
.product-count .decrease, .product-count .increase {
  border:1px solid #e4e4e4;
  vertical-align:middle;
  display:inline-block;
  cursor:pointer;
  height:30px;
  width:29px;
}
.product-count .decrease:disabled, .product-count .increase:disabled { background-color:#f3f3f3; }
.product-count .decrease {
  background:url(/img/minus.png) no-repeat center;
  border-right:none;
}
.product-count .increase {
  background:url(/img/plus.png) no-repeat center;
  border-left:none;
}
.product-add-form .input { margin-bottom:10px; }
.product-add-form .sm {
  width:110px;
  padding:0;
}
.product-add-form p {
  text-align:center;
  font-size:12px;
  color:#828282;
  padding:5px 0;
  margin:0;
}
.sidebar { overflow:hidden; }
@media screen and (min-width: 565px) {
  .sidebar {
    width:250px;
    float:left;
  }
}
.top-container {
  border-bottom:1px solid #fff;
  position:relative;
  max-width:1000px;
  margin:0 auto;
  z-index:9999;
  height:50px;
}
.languages {
  position:absolute;
  display:none;
  left:20px;
  bottom:0;
}
.languages a {
  line-height:28px;
  padding:0 15px;
  display:block;
  color:#393939;
  height:28px;
  float:left;
  -webkit-transition:background-color .2s ease-in-out;
  -moz-transition:background-color .2s ease-in-out;
  -ms-transition:background-color .2s ease-in-out;
  -o-transition:background-color .2s ease-in-out;
  transition:background-color .2s ease-in-out;
}
.languages a span.long { display:none; }
.languages a:hover, .languages a:active { background-color:#e1e1e1; }
.languages .active, .languages .active:hover, .languages .active:active {
  background-color:#1a7239;
  color:#e1e1e1;
}
@media screen and (min-width: 501px) {
  .languages { display:block; }
}
@media screen and (min-width: 600px) {
  .languages a span.long { display:inline; }
  .languages a span.short { display:none; }
}
.account-info-area {
  position:absolute;
  line-height:35px;
  height:35px;
  right:20px;
  bottom:0;
}
.account-info-area .to-log-in {
  background:#1a7239;
  line-height:28px;
  padding:0 15px;
  margin-top:8px;
  display:block;
  color:#e1e1e1;
  height:28px;
  float:left;
}
.account-info-area .to-log-in span { display:none; }
.account-info-area .greeting {
  margin-right:3px;
  padding-top:3px;
  height:35px;
  float:left;
}
.account-info-area ul {
  display:inline-block;
  list-style:none;
}
.account-info-area ul li {
  position:relative;
  float:left;
}
.account-info-area ul li a {
  display:inline-block;
  font-weight:bold;
  padding-top:3px;
  color:#3b443f;
  height:35px;
}
.account-info-area ul li.account-info > a { padding-right:30px; }
.account-info-area ul li.account-info > a span {
  background:url(../img/arrows.png) no-repeat -108px -14px;
  position:absolute;
  cursor:pointer;
  display:block;
  height:4px;
  width:7px;
  right:12px;
  top:50%;
}
.account-info-area ul li.account-info > a.open span { background-position:-76px -46px; }
.account-info-area ul li #favorites-info {
  border-left:1px solid #e0e0e0;
  padding-left:15px;
  font-size:18px;
  color:#1a7239;
}
.account-info-area ul li #cart-info { padding-left:15px; }
.account-info-area ul li #cart-info .cart {
  background:url(/img/cart-ico.png) no-repeat left top;
  vertical-align:middle;
  display:inline-block;
  margin-right:15px;
  position:relative;
  min-width:18px;
  height:20px;
}
.account-info-area ul li #cart-info .label {
  background-color:#e86c54;
  border-radius:8px;
  text-align:center;
  position:absolute;
  line-height:18px;
  font-size:11px;
  min-width:18px;
  padding:0 3px;
  display:block;
  height:18px;
  color:#fff;
  left:10px;
  top:-10px;
}
.account-info-area ul li #cart-info .label:empty { display:none; }
.account-info-area ul ul {
  border:1px solid #e0e0e0;
  background-color:#fff;
  position:absolute;
  display:none;
  right:-1px;
  top:35px;
}
.account-info-area ul ul li { float:none; }
.account-info-area ul ul li a {
  white-space:nowrap;
  text-align:right;
  padding:0 25px;
  display:block;
  -webkit-transition:background-color .2s ease-in-out;
  -moz-transition:background-color .2s ease-in-out;
  -ms-transition:background-color .2s ease-in-out;
  -o-transition:background-color .2s ease-in-out;
  transition:background-color .2s ease-in-out;
}
.account-info-area ul ul li a:hover, .account-info-area ul ul li a.active { background-color:#e0e0e0; }
@media screen and (min-width: 600px) {
  .account-info-area .to-log-in span { display:inline; }
}
#menu-toggle {
  right:20px;
  position:absolute;
  padding-top:9px;
  margin-top:-12px;
  height:23px;
  width:28px;
  top:50%;
}
#menu-toggle span {
  position:relative;
  display:block;
}
#menu-toggle span:after, #menu-toggle span:before {
  content:"";
  position:absolute;
  left:0;
  top:-9px;
}
#menu-toggle span:after { top:9px; }
#menu-toggle span, #menu-toggle span:after, #menu-toggle span:before {
  width:100%;
  height:5px;
  background-color:#1a7239;
}
#mainmenu {
  border-top:1px solid #cdcfce;
  background-color:#fff;
  position:absolute;
  margin:0 -20px;
  display:none;
  z-index:1000;
  width:100%;
  top:100px;
}
#mainmenu ul { list-style:none; }
#mainmenu li { position:relative; }
#mainmenu .li-depth-1 {
  -webkit-transition:background-color .2s ease-in-out;
  -moz-transition:background-color .2s ease-in-out;
  -ms-transition:background-color .2s ease-in-out;
  -o-transition:background-color .2s ease-in-out;
  transition:background-color .2s ease-in-out;
}
#mainmenu .li-depth-1.parent span {
  background:url(../img/arrows.png) no-repeat -96px -0px;
  border-bottom:1px solid #cdcfce;
  border-left:1px solid #cdcfce;
  position:absolute;
  cursor:pointer;
  display:block;
  height:32px;
  width:31px;
  right:0;
  top:0;
}
#mainmenu .li-depth-1.parent .link-depth-1 { margin-right:31px; }
#mainmenu .li-depth-1:hover { background-color:#e1e1e1; }
#mainmenu .li-depth-1.active { background-color:#1a7239; }
#mainmenu .li-depth-1.active.parent span { border-left:1px solid #9ea4a0; }
#mainmenu .li-depth-1.active .link-depth-1 { color:#fff; }
#mainmenu .link-depth-1 {
  text-transform:uppercase;
  border-bottom:1px solid #cdcfce;
  font-family:CambriaBold;
  position:relative;
  display:block;
  line-height:31px;
  padding:0 15px;
  color:#3b443f;
}
#mainmenu .ul-depth-2 {
  border-bottom:1px solid #cdcfce;
  background-color:#e1e1e1;
  display:none;
}
#mainmenu .li-depth-2 { border-top:1px solid #cdcfce; }
#mainmenu .li-depth-2:first-child { border-top:0; }
#mainmenu .li-depth-2.active .link-depth-2 { color:#828282; }
#mainmenu .link-depth-2 {
  text-overflow:ellipsis;
  white-space:nowrap;
  overflow:hidden;
  line-height:30px;
  padding:0 30px;
  color:#393939;
  display:block;
  height:30px;
}
#mainmenu .link-depth-2:hover { color:#828282; }
@media screen and (min-width: 880px) {
  #menu-toggle { display:none; }
  #mainmenu {
    background-color:transparent;
    right:20px;
    margin:-16px 0 0 0;
    border-top:none;
    display:block;
    z-index:1000;
    height:32px;
    width:auto;
    top:50% !important;
  }
  #mainmenu .li-depth-1 { float:left; }
  #mainmenu .li-depth-1.parent span {
    background-position:-108px -14px;
    border:none;
    margin-top:-2px;
    cursor:auto;
    right:12px;
    height:4px;
    content:"";
    width:7px;
    top:50%;
  }
  #mainmenu .li-depth-1.parent .link-depth-1 { margin-right:0; }
  #mainmenu .li-depth-1.parent:hover span { background-position:-76px -46px; }
  #mainmenu .li-depth-1.parent { padding-right:15px; }
  #mainmenu .li-depth-1.active.parent span { border-left:none; }
  #mainmenu .link-depth-1 {
    line-height:32px;
    display:inline;
    padding:0 15px;
    color:#3b443f;
    border:none;
  }
  #mainmenu .ul-depth-2 {
    background-color:#e1e1e1;
    border-bottom:none;
    position:absolute;
    padding:5px 15px;
    display:none;
    width:155px;
    z-index:999;
    top:32px;
    left:0;
  }
  #mainmenu .ul-depth-2 .rtl { left:-155px; }
  #mainmenu .ul-depth-2.two-columns { width:445px; }
  #mainmenu .ul-depth-2.two-columns .li-depth-2 {
    width:200px;
    float:left;
  }
  #mainmenu .ul-depth-2.two-columns .li-depth-2:nth-child(2) { border-top:0; }
  #mainmenu .ul-depth-2.two-columns .li-depth-2:nth-child(even) { margin-left:15px; }
  #mainmenu .link-depth-2 { padding:0; }
}
header {
  position:relative;
  z-index:999;
  width:100%;
}
header .inner {
  background-color:#fff;
  padding:0 20px;
  position:relative;
  max-width:1000px;
  margin:0 auto;
  height:100px;
}
header .search-form {
  padding:10px 50px 10px 20px;
  background-color:#fff;
  position:relative;
  max-width:1000px;
  margin:0 auto;
}
header .search-form input[type=text] {
  background-color:#e1e1e1;
  margin-right:10px;
  height:28px;
  border:0;
}
header .search-form .search-icn {
  background-position:top right !important;
  position:absolute;
  right:20px;
  top:13px;
}
header .search-form .search-icn:hover { background-position:bottom right; }
header.fixed {
  position:fixed;
  left:0;
  top:0;
}
header.fixed .top-container {
  border-bottom:1px solid #cdcfce;
  background-color:#fff;
  height:35px;
}
header.fixed .inner { height:60px; }
header.fixed .search-form { border-bottom:1px solid #cdcfce; }
header.fixed #mainmenu { top:59px; }
header.open {
  background-color:#fff;
  overflow-y:scroll;
  position:fixed;
  height:100%;
}
header.open .top-container { border-bottom:1px solid #cdcfce; }
header.open .languages, header.open #mainmenu { display:block; }
header.open .account-info-area { display:none; }
.site-logo {
  display:inline-block;
  position:absolute;
  margin-top:-7px;
  top:50%;
}
.banners {
  margin-bottom:25px;
  overflow:hidden;
}
.banners img {
  display:inline-block;
  float:left;
}
.banners.multi img:first-child {
  margin-right:9px;
  margin-left:8px;
}
.header-image { margin-bottom:20px; }
.header-image img {
  display:block;
  width:100%;
}
footer {
  position:relative;
  padding:0 20px;
}
footer .info {
  line-height:1.5;
  font-size:12px;
}
footer .sharing {
  padding-top:10px;
  overflow:hidden;
}
footer .payments { padding-top:10px; }
footer .payments img { height:30px; }
footer .social-links { padding-top:10px; }
footer .social-links a {
  margin-left:15px;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  zoom:1;
}
footer .social-links a:first-child { margin-left:0; }
footer .footer-menu {
  padding-bottom:5px;
  list-style:none;
  overflow:hidden;
  display:block;
}
footer .footer-menu li { float:left; }
footer .footer-menu li.sep { padding:0 5px; }
.footer1 { background-color:#e1e1e1; }
.footer2 {
  background-color:#f4f5f5;
  padding-bottom:20px;
  padding-top:20px;
}
.subscription-message {
  background-color:#1a7239;
  position:absolute;
  text-align:center;
  line-height:32px;
  font-size:11px;
  color:#e1e1e1;
  display:none;
  height:32px;
  bottom:0;
  right:0;
  left:0;
}
.subscription-message.err { background-color:#7b1d26; }
.subscription {
  padding-bottom:20px;
  text-align:center;
  max-width:480px;
  margin:0 auto;
}
.subscription label {
  text-transform:uppercase;
  font-family:CambriaBold;
  padding-bottom:10px;
  margin-bottom:5px;
  font-size:18px;
  display:block;
  color:#393939;
}
.subscription .subscribe-inputs { padding-bottom:10px; }
.subscription input[type=text] {
  background-color:#fff;
  margin-right:5px;
  height:28px;
  width:80%;
  border:0;
}
.subscription .help {
  max-width:500px;
  padding-top:5px;
  font-size:10px;
}
@media screen and (min-width: 500px) {
  footer .info { padding-right:90px; }
  footer .sharing {
    padding-top:42px;
    float:right;
  }
  footer .payments {
    position:absolute;
    right:20px;
    margin-top:-44px;
    top:50%;
  }
  footer .social-links {
    position:absolute;
    right:20px;
    top:50%;
  }
  .subscription { padding-top:23px; }
}
.alert {
  border:1px solid #bce8f1;
  background-color:#d9edf7;
  margin-bottom:20px;
  padding:8px 14px;
  line-height:1.5;
  font-size:12px;
  color:#3a87ad;
}
.alert.alert-error {
  background-color:#e86c54;
  border-color:#e86c54;
  color:#fff;
}
.alert.alert-success {
  background-color:#d6e9c6;
  border-color:#d6e9c6;
  color:#468847;
}
.alert .close { display:none; }
form .error input, form .error select, form .error textarea { border-color:#e86c54; }
form .error .icheckbox_minimal { border:1px solid #e86c54; }
.error-message {
  font-size:11px;
  margin:0 0 8px 0;
  color:#e86c54;
}
.textarea .error-message { margin-left:215px; }
#admin-tools {
  box-shadow:0 0 3px rgba(0,0,0,0.3);
  background-color:#333;
  visibility:hidden;
  list-style:none;
  position:fixed;
  z-index:9999;
  opacity:.5;
  left:-45px;
  top:0;
  -webkit-transition:all .2s linear;
  -moz-transition:all .2s linear;
  -ms-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear;
}
#admin-tools:hover {
  opacity:1;
  left:0;
}
#admin-tools li {
  border-top:1px solid #585858;
  position:relative;
  height:50px;
  color:#fff;
}
#admin-tools li:hover .toolbar-title { display:block; }
#admin-tools .toolbar-icon {
  vertical-align:middle;
  line-height:50px;
  font-size:24px;
  display:block;
  color:inherit;
  height:100%;
  width:50px;
}
#admin-tools .toolbar-icon:hover { text-decoration:none; }
#admin-tools .toolbar-title {
  box-shadow:0 0 3px rgba(0,0,0,0.3);
  border-bottom-right-radius:4px;
  border-top-right-radius:4px;
  background-color:#333;
  vertical-align:middle;
  padding:0 20px 0 10px;
  position:absolute;
  margin-top:-15px;
  line-height:30px;
  display:none;
  height:30px;
  left:65px;
  top:50%;
}
#admin-tools .toolbar-title::before {
  border-bottom:15px solid transparent;
  border-top:15px solid transparent;
  border-right:10px solid #333;
  position:absolute;
  left:-10px;
  content:"";
  height:0;
  width:0;
  top:0;
}
.admin-page-tools {
  box-shadow:0 0 3px rgba(0,0,0,0.3);
  background-color:#3b443f;
  position:absolute;
  width:50px;
  opacity:.5;
  right:-40px;
  -webkit-transition:all .2s linear;
  -moz-transition:all .2s linear;
  -ms-transition:all .2s linear;
  -o-transition:all .2s linear;
  transition:all .2s linear;
}
.admin-page-tools:hover {
  opacity:1;
  right:0;
}
.admin-page-tools a {
  border-top:1px solid #585858;
  text-align:center;
  line-height:50px;
  font-size:24px;
  display:block;
  color:inherit;
  height:50px;
  color:#fff;
}
.admin-page-tools a:hover { text-decoration:none; }
.admin-page-tools a:first-child { border-top:0; }
.sidemenu { display:none; }
.sidemenu .menu-item {
  border-top:1px solid #e1e1e1;
  position:relative;
  line-height:38px;
  padding:0 25px;
  display:block;
  height:38px;
  z-index:99;
  color:#393939;
}
.sidemenu .menu-item.special {
  text-transform:uppercase;
  font-weight:bold;
  color:#e86c54;
}
.sidemenu .menu-item:hover, .sidemenu .menu-item.active-parent { background-color:#e1e1e1; }
.sidemenu .menu-item.active {
  background-color:#1a7239;
  z-index:100;
  color:#fff;
}
.sidemenu li {
  list-style-type:none;
  height:37px;
}
.sidemenu li:first-child .menu-item { border-top:0; }
.products-menu {
  border-bottom:1px solid #e1e1e1;
  border-top:1px solid #e1e1e1;
  margin-bottom:15px;
}
.products-menu .menu-item {
  text-overflow:ellipsis;
  margin-bottom:-1px;
  white-space:nowrap;
  overflow:hidden;
  padding:0 20px;
  border:0;
}
.products-menu li {
  position:relative;
  height:auto;
}
.products-menu li::before {
  border-top:1px solid #e1e1e1;
  position:absolute;
  content:"";
  right:20px;
  left:20px;
  height:0;
  top:0;
}
.products-menu li ul .menu-item { padding-left:40px; }
.products-menu > ul > li:first-child::before { display:none; }
.products-menu .tabs {
  font-weight:bold;
  overflow:hidden;
  height:35px;
}
.products-menu .tabs .tab {
  background-color:#e1e1e1;
  text-align:center;
  line-height:35px;
  font-size:12px;
  color:#393939;
  float:left;
  width:50%;
}
.products-menu .tabs .tab:hover {
  background-color:#1a7239;
  color:#fff;
}
.products-menu .tabs .tab.active {
  background-color:#fff;
  color:#393939;
}
@media screen and (min-width: 565px) {
  .sidemenu { display:block; }
  .products-menu {
    border:1px solid #e1e1e1;
    margin-left:20px;
  }
}
.slides {
  background-color:#fff;
  position:relative;
  display:none;
  z-index:10;
}
.slides img {
  display:block;
  width:100%;
}
.slides .slidesjs-navigation {
  -webkit-transition-property:left, right;
  -webkit-transition-duration:0.1s;
  -moz-transition-property:left, right;
  -moz-transition-duration:0.1s;
  transition-property:left, right;
  transition-duration:0.1s;
  background:url(../img/blank.gif);
  text-indent:-2000px;
  position:absolute;
  overflow:hidden;
  display:block;
  z-index:999;
  height:100%;
  width:100px;
  top:0;
}
.slides .slidesjs-navigation::after {
  background-image:url(../img/slides-nav.png);
  position:absolute;
  margin-top:-15px;
  display:block;
  height:29px;
  width:16px;
  content:"";
  top:50%;
}
.slides .slidesjs-previous { left:0; }
.slides .slidesjs-previous::after {
  background-position:top left;
  left:25px;
}
.slides .slidesjs-previous:hover {
  width:105px;
  left:-5px;
}
.slides .slidesjs-next { right:0; }
.slides .slidesjs-next::after {
  background-position:top right;
  right:25px;
}
.slides .slidesjs-next:hover {
  width:105px;
  right:-5px;
}
.media {
  overflow:hidden;
  *overflow:visible;
  zoom:1;
}
.media .bd {
  overflow:hidden;
  *overflow:visible;
  zoom:1;
}
.media .img {
  margin-right:10px;
  float:left;
}
.media .img.fake-sidebar { margin-right:30px; }
.media .r { float:right; }
.brands-container {
  border-bottom:1px solid #e1e1e1;
  margin:0 20px 20px;
  text-align:center;
  overflow:hidden;
  padding:10px 0;
}
.brands-container .brands {
  position:relative;
  overflow:hidden;
}
.brands-container ul {
  position:relative;
  list-style:none;
  width:20000em;
  padding:0;
  margin:0;
}
.brands-container li { float:left; }
.brands-container .item {
  height:100px;
  width:100px;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  zoom:1;
}
.brands-container .item .helper {
  vertical-align:middle;
  display:inline-block;
  height:100%;
}
.brands-container .item img { vertical-align:middle; }
.groups-container {
  border-bottom:1px solid #e1e1e1;
  margin:15px 20px 20px;
  text-align:center;
  overflow:hidden;
  padding:10px 0;
}
.groups-container .groups {
  position:relative;
  overflow:hidden;
}
.groups-container ul {
  position:relative;
  list-style:none;
  width:20000em;
  padding:0;
  margin:0;
}
.groups-container li { float:left; }
.groups-container .item {
  width:100px;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  zoom:1;
}
.groups-container .item .helper {
  vertical-align:middle;
  display:inline-block;
  height:100%;
}
.groups-container .item img {
  vertical-align:middle;
  margin-bottom:5px;
}
.map {
  border-bottom:7px solid #187036;
  margin-bottom:25px;
  height:440px;
  width:100%;
}
.recipes-list .item {
  margin-bottom:30px;
  display:block;
}
.recipes-list .img { margin-right:20px; }
.recipes-list p { color:#393939; }
.recipe-img {
  margin:0 0 20px 25px;
  float:right;
}
.news-list .item {
  margin-bottom:30px;
  display:block;
}
.news-list .img { margin-right:20px; }
.news-list p { color:#393939; }
@media screen and (max-width: 400px) {
  .news-list .bd {
    overflow:visible;
    text-align:center;
  }
  .news-list h2 { text-align:center; }
  .news-list .img {
    margin:0 auto 20px;
    display:block;
    float:none;
  }
}
@media screen and (min-width: 800px) {
  .news-list .item {
    margin-left:6%;
    float:left;
    width:47%;
  }
  .news-list .item:first-child { margin-left:0; }
}
@media screen and (max-width: 600px) {
  .news-detail .img {
    margin:0 auto 20px;
    text-align:center;
    display:block;
    float:none;
  }
}
.gallery-items .item {
  margin:0 20px 20px 0;
  display:block;
  height:160px;
  width:160px;
  float:left;
}
.gallery-items img { display:block; }
@media screen and (min-width: 380px) and (max-width: 559px),
screen and (min-width: 630px) and (max-width: 809px) {
  .gallery-items .item:nth-child(2n+2) { margin-right:0; }
}
@media screen and (min-width: 560px) and (max-width: 564px),
screen and (min-width: 810px) and (max-width: 989px) {
  .gallery-items .item:nth-child(3n+3) { margin-right:0; }
}
@media screen and (min-width: 990px) {
  .gallery-items .item:nth-child(4n+4) { margin-right:0; }
}
.brands-list { text-align:center; }
.brands-list .brand {
  width:100px;
  margin:20px;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  zoom:1;
}
.product .img {
  margin-right:25px;
  text-align:center;
  width:275px;
}
.product .bd { margin-bottom:20px; }
.product dl { margin-bottom:20px; }
.product dt {
  margin-bottom:15px;
  width:145px;
  float:left;
}
.product dd {
  margin-bottom:15px;
  font-weight:bold;
}
.product .order-area {
  margin-bottom:20px;
  overflow:hidden;
}
.product .favorite-icon {
  margin-top:8px;
  float:right;
}
.product .details table {
  width:100%;
  font-size:12px;
}
.product .details table td { padding:7px 0; }
.product .tabs {
  font-weight:bold;
  overflow:hidden;
  height:36px;
}
.product .tabs .tab {
  border-right:1px solid #e1e1e1;
  border-left:1px solid #e1e1e1;
  background-color:#e1e1e1;
  line-height:35px;
  padding:0 25px;
  font-size:12px;
  color:#393939;
  float:left;
}
.product .tabs .tab:hover {
  background-color:#1a7239;
  border-color:#1a7239;
  color:#fff;
}
.product .tabs .tab.active {
  border-top:1px solid #e1e1e1;
  background-color:#fff;
  border-color:#e1e1e1;
  color:#393939;
}
.product .tab-content {
  border:1px solid #e1e1e1;
  padding:20px 25px;
  margin-top:-1px;
}
.product .info {
  border:1px solid #e1e1e1;
  padding:20px 25px;
  margin-top:20px;
}
.product .info ul { padding-left:10px; }
.product .info ul li { margin-bottom:0; }
.product .info ul li::before {
  padding-right:5px;
  content:none;
}
.product .info img { vertical-align:bottom; }
.product .product-add-form {
  margin-left:10px;
  float:right;
}
.product .product-add-form .product-count input {
  height:40px;
  width:62px;
}
.product .product-add-form .product-count .decrease, .product .product-add-form .product-count .increase {
  height:40px;
  width:39px;
}
.product .product-add-form .submit input { width:140px; }
.product .product-add-form p { padding:10px 0; }
@media screen and (max-width: 500px),
screen and (min-width: 565px) and (max-width: 660px),
screen and (min-width: 881px) and (max-width: 960px) {
  .product .tabs .tab { padding:0 8px; }
}
@media screen and (max-width: 880px) {
  .product .img {
    margin:0 auto 20px;
    float:none;
  }
}
.sorting { width:250px; }
.view-mode { line-height:38px; }
.view-mode a {
  margin-right:30px;
  color:#393939;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  zoom:1;
}
.view-mode a::before {
  background:url(../img/view-mode.png);
  margin-right:8px;
  content:"";
  height:7px;
  width:7px;
  vertical-align:middle;
  display:inline-block;
  *display:inline;
  zoom:1;
}
.view-mode .grid-view::before { background-position:bottom left; }
.view-mode .grid-view.active::before, .view-mode .grid-view:active::before, .view-mode .grid-view:hover::before { background-position:top left; }
.view-mode .list-view::before { background-position:bottom right; }
.view-mode .list-view.active::before, .view-mode .list-view:active::before, .view-mode .list-view:hover::before { background-position:top right; }
@media screen and (min-width: 770px) {
  .view-mode { float:right; }
  .view-mode a {
    margin-left:30px;
    margin-right:0;
  }
  .view-mode a:first-child { margin-left:0; }
}
.marker {
  position:absolute;
  display:block;
  height:65px;
  width:65px;
  left:-1px;
  top:-1px;
}
.favorite-icon {
  font-size:22px;
  color:#1a7239;
  cursor:pointer;
  transition:color 0.2s ease, transform 0.1s ease;
}
.favorite-icon:hover { transform:scale(1.2); }
.products-list .item {
  margin-bottom:10px;
  position:relative;
  line-height:1.5;
  display:block;
  color:#393939;
}
.products-list .item .inner {
  border:1px solid #e1e1e1;
  padding:9px 20px;
  overflow:hidden;
}
.products-list .item .favorite-icon {
  margin-top:4px;
  float:right;
}
.products-list .item .img { margin-right:25px; }
.products-list .item .title { margin:5px 0; }
.products-list .item .title span {
  font-weight:bold;
  color:#1a7239;
}
.products-list .item .ean { padding-bottom:5px; }
.products-list .item:hover, .products-list .item:active { border-color:#1a7239; }
.products-list .product-price {
  margin-top:-5px;
  clear:both;
  float:left;
}
.products-list .product-add-form {
  margin-left:10px;
  float:right;
}
@media screen and (max-width: 840px) {
  .products-list .bd { overflow:visible; }
}
@media screen and (min-width: 450px) and (max-width: 564px),
screen and (min-width: 700px) {
  .products-list .product-add-form .input { float:left; }
  .products-list .product-add-form .submit {
    margin-left:10px;
    float:left;
  }
}
.grid-layout .item {
  margin:0 0 20px 15px;
  text-align:center;
  overflow:hidden;
  line-height:1.5;
  display:block;
  color:#393939;
  width:130px;
  float:left;
}
.grid-layout .item:active .img, .grid-layout .item:hover .img { border-color:#1a7239; }
.grid-layout .item .favorite-icon {
  position:absolute;
  right:3px;
  top:2px;
}
.grid-layout .item .title {
  font-weight:bold;
  color:#1a7239;
}
.grid-layout .item .ean {
  padding-top:5px;
  font-size:11px;
}
.grid-layout .product-link { display:block; }
.grid-layout .img {
  border:1px solid #e1e1e1;
  position:relative;
  text-align:center;
  margin-bottom:5px;
  height:130px;
  width:130px;
}
.grid-layout .img img { margin-top:10px; }
@media screen and (max-width: 459px),
screen and (min-width: 565px) and (max-width: 709px) {
  .grid-layout .item:nth-child(2n+1) {
    margin-left:0;
    clear:left;
  }
}
@media screen and (min-width: 460px) and (max-width: 564px),
screen and (min-width: 710px) and (max-width: 854px) {
  .grid-layout .item:nth-child(3n+1) {
    margin-left:0;
    clear:left;
  }
}
@media screen and (min-width: 855px) and (max-width: 999px) {
  .grid-layout .item:nth-child(4n+1) {
    margin-left:0;
    clear:left;
  }
}
@media screen and (min-width: 1000px) {
  .grid-layout .item:nth-child(5n+1) {
    margin-left:0;
    clear:left;
  }
}
.hero-message {
  border-top:7px solid #197038;
  padding:100px 150px 200px;
  text-align:center;
}
.hero-message p {
  text-transform:uppercase;
  font-family:CambriaBold;
  font-weight:normal;
  margin:0 0 20px 0;
  font-size:34px;
  color:#3b443f;
  line-height:1;
}
.site-intro { margin:0 25px; }
.site-intro table {
  border-collapse:collapse;
  width:100%;
}
.site-intro td { vertical-align:top; }
.site-intro img { margin-bottom:10px; }
.site-intro p {
  text-align:justify;
  line-height:1.5;
}
.search-message {
  padding:20px 0 30px 0;
  text-align:center;
  color:#3b443f;
}
.forgot-password {
  margin-top:-15px;
  float:right;
}
@media screen and (max-width: 549px) {
  .login form {
    border-bottom:1px solid #e1e1e1;
    padding-bottom:20px;
    margin-bottom:20px;
  }
}
.list {
  border-collapse:collapse;
  border:1px solid #e0e0e0;
  margin-bottom:20px;
  width:100%;
}
.list tr { border-bottom:1px solid #e0e0e0; }
.list th {
  background-color:#e0e0e0;
  padding:10px 20px;
}
.list td { padding:20px 10px; }
.list .nb {
  white-space:nowrap;
  text-align:center;
  width:1px;
}
.list .c { text-align:center; }
.list .b { font-weight:bold; }
.list .product-count { margin-bottom:0; }
.list .product-count .btn { margin-left:10px; }
.list .delivery {
  padding:15px 20px;
  text-align:left;
}
.list .delivery label {
  font-weight:bold;
  font-size:12px;
}
.list .delivery .input { margin:0; }
@media screen and (max-width: 700px) {
  .list { border:none; }
  .list thead tr {
    position:absolute;
    left:-9999px;
    top:-9999px;
  }
  .list tr {
    border:1px solid #e0e0e0;
    margin-bottom:20px;
    padding:5px 20px;
    display:block;
  }
  .list td {
    border-top:1px solid #e0e0e0;
    padding:5px 0 !important;
    display:block;
    width:100% !important;
  }
  .list td:not(.no-label) { text-align:right; }
  .list td:not(.no-label):before {
    content:attr(data-label);
    font-weight:bold;
    margin-right:10px;
    float:left;
  }
  .list td:first-child { border-top:none; }
  .list td.count:before { padding-top:7px; }
  .list td.hide { display:none; }
  .list td.no-line { border:none; }
}
.summary { margin-bottom:20px; }
.summary .inner {
  border:1px solid #e0e0e0;
  font-weight:bold;
  padding:10px 0;
}
.summary .inner table {
  border-collapse:collapse;
  width:100%;
}
.summary .inner table td {
  white-space:nowrap;
  padding:8px 20px;
  text-align:right;
}
.summary .inner .non-b { font-weight:normal; }
.summary .inner .total-area { font-size:14px; }
.summary .btn { width:100%; }
@media screen and (min-width: 600px) {
  .summary {
    float:right;
    width:280px;
  }
}
.coupon {
  border:1px solid #e0e0e0;
  margin-bottom:20px;
  padding:25px;
}
.coupon input {
  margin-right:10px;
  margin-bottom:10px;
}
.coupon .error-message {
  position:absolute;
  display:none;
}
@media screen and (min-width: 600px) {
  .coupon { margin-right:300px; }
}
@media screen and (min-width: 700px) {
  .coupon {
    margin-right:20px;
    float:right;
  }
  .coupon input {
    width:150px;
    float:left;
  }
}
.basket h1 { line-height:40px; }
.basket .error { color:#e86c54; }
.basket .alert { clear:both; }
.basket .submit {
  text-align:right;
  clear:both;
}
.basket .submit input { width:100%; }
@media screen and (min-width: 600px) {
  .basket .submit input { width:280px; }
}
.client-logo {
  overflow:hidden;
  padding-bottom:30px;
}
.client-logo .entry {
  text-align:center;
  line-height:95px;
  display:block;
  height:95px;
  float:left;
  width:220px;
}
.client-logo .entry img { vertical-align:middle; }
.scrollToTop {
  background:#1a7239 url(../img/up.png) no-repeat center;
  border-radius:20px;
  margin-left:-20px;
  cursor:pointer;
  position:fixed;
  display:block;
  display:none;
  opacity:0.5;
  bottom:20px;
  height:40px;
  width:40px;
  left:50%;
}
.scrollToTop:hover { opacity:0.8; }
.payment { padding-bottom:20px; }
.payment .iradio_minimal { margin-left:0; }
.payment label { line-height:70px; }
.payment img {
  vertical-align:middle;
  height:30px;
}
.cookies {
  background-color:#e1e1e1;
  text-align:center;
  position:fixed;
  font-size:13px;
  padding:20px 0;
  z-index:999;
  width:100%;
  color:#000;
  bottom:0;
  left:0;
}
.cookies .btn {
  margin-left:20px;
  line-height:23px;
  font-size:12px;
  padding:0 20px;
  color:#bbb;
  height:23px;
}
.user-account .user-type {
  padding-top:10px;
  font-weight:bold;
  font-size:14px;
}
.social-login {
  text-align:center;
  padding-top:50px;
}
.social-buttons {
  display:flex;
  justify-content:center;
  gap:15px;
  margin-top:10px;
}
.social-btn {
  display:flex;
  align-items:center;
  padding:8px 16px;
  border-radius:0;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
  color:#fff;
  min-width:120px;
  max-width:180px;
  justify-content:center;
  transition:background 0.3s, color 0.3s;
}
.social-btn-content {
  display:flex;
  align-items:center;
  gap:8px;
}
.social-icon {
  width:20px;
  height:20px;
}
.social-btn.google {
  background-color:#fff;
  color:#000;
  border:1px solid #ccc;
}
.social-btn.google:hover { background-color:#f1f1f1; }
.social-btn.facebook {
  background-color:#1877f2;
  color:#fff;
}
.social-btn.facebook:hover {
  background-color:#145dbf;
  color:#fff;
}