/* --------------- reset.css --------------- */
html, body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, sub, sup, b, u, i,  dl, dt, dd, ol, ul, li, fieldset, form, label, table, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-size: 100%;
}
a {
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  outline:none;
}
table {
  border-collapse: collapse; 
  border-spacing: 0;
}
td, td img {
  vertical-align: top;
} 
input, select, button, textarea {
  margin: 0;
  font-size: 100%;
  outline: none;
}
input[type="text"], input[type="password"], textarea {
  padding: 0;
}
input[type="checkbox"] {
  vertical-align: bottom;
}
input[type="radio"] {
  vertical-align: text-bottom;
}
sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display:block;
}
nav ul, li {
  list-style:none;
}
/* --------------- /reset.css --------------- */

/* --------------- base settings ---------*/
html {
  min-height:100%;
}
body {
  color: #000;
  font-size: 1em;
  min-height:100%;
  text-align: left;
}
a, a:visited {
  color: #0066ff;
  text-decoration: none;
}
a:hover {
  color:#f0066ff;
  text-decoration: none;
}
a:focus, a:active {
  color: #f0066ff;
  text-decoration: none;
}
h1, h2, h3, h4, h5, h6{
  font-weight:normal;
}
h1 {font-size: 36px;}
h2 {font-size: 30px;}
h3 {font-size: 24px;}
h4 {font-size: 18px;}
h5 {font-size: 16px;}
h6 {font-size: 12px;}
img{
  max-width:100%;
}
.clr{
  clear:both;
}
.clearfix:after {
  clear: both;
  content: "";
  display: table;
}

/* ------------ *Default ------------- */
/* Flex Class */
.fx-column {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: nowrap;flex-wrap: nowrap;-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;}
.flex-center {display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: center;-ms-flex-align: center;align-items: center;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx-between {-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.align-start {-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
.align-center {-webkit-box-align: center;-ms-flex-align: center;align-items: center;}
.fx-center {-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;}
.fx {display: -webkit-box;display: -ms-flexbox;display: flex;}
.fx-wrap {-ms-flex-wrap: wrap;flex-wrap: wrap;}
/* Flex Class End */

/* Grid */
.col-1 {width: 100%;}.col-2 {width: 50%;}.col-3 {width: 33.3333333333%;}
.col-4 {width: 25%;}.col-5 {width: 20%;}.col-6 {width: 16.6666666667%;}
/* Grid End */

/* Reserved Class */
.text-center {text-align: center;}
/* Reserved Class End*/

/* Style Default*/
a, a:hover,button, button:hover, .speed {-webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
* {-webkit-box-sizing: border-box;box-sizing: border-box;}
button {border: 0;padding: 0;cursor: pointer;}
* {outline: none;}
/* Style Default End */

body {
  font-family: verdana, arial, sans-serif; 

}

.fix {
  position: fixed;
  top: 0;left: 0;right: 0;bottom: 0;
}

/* ------------ *Header ------------- */

/* Head panel */

.head-panel {
  color: #fff;
  font-size: 16px;
  background: #0099ff;
}

.head-panel .box {
  padding: 6px 0;
}

.region span {
  margin-right: 20px;
}

.region a {
  opacity: .5;
  border-radius: 50%;
  width: 20px;height: 20px;
}

.region a:not(:last-child) {
  margin-right: 10px;
}

.region a.active, .region a:hover {
  opacity: 1;
}

a.icon-ru {
  background: url(/assets/images/icons/ru.png) no-repeat center;
}

a.icon-eu {
  background: url(/assets/images/icons/eu.png) no-repeat center;
}

a.icon-us {
  background: url(/assets/images/icons/us.png) no-repeat center;
}

.head-panel svg {
  fill: #f7aba7;
  margin-right: 10px;
  width: 20px;height: 20px;
}

.head-panel a {
  color: #fff;
}

.head-panel a:hover {
  color: #f7aba7;
}

/* Head panel End */

/* Head body */

.head-body {
  padding: 25px 0;
}

.logo a, .logo img {
  display: inherit;
}

.search {
  position: relative;
}

.search input {
  color: #000;
  font-size: 16px;
  border-radius: 20px;
  padding: 0 55px 0 25px;
  width: 380px;height: 40px;
  font-family: verdana, arial, sans-serif; 

  border: 1px solid rgba(147, 147, 147, 0.5);
}

.search button {
  background: none;
  margin-top: -12px;
  position: absolute;
  top: 50%;right: 20px;
}

.search button svg {
  display: inherit;
  width: 24px;height: 24px;
  fill: rgba(147, 147, 147, 0.5);
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.search button svg:hover {
  fill: #939393;
}

.social a:not(:last-child) {
  margin-right: 15px;
}

.social a img {
  display: inherit;
}

.basket svg {
  fill: #e57158;
  width: 50px;height: 50px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.basket-box {
  margin-left: 20px;
}

.basket-box strong {
  color: #ed1c24;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

/* Head body End */

/* Head nav */

.nav {
  background: #f5f5f5;
}

.navbar-toggle {
  z-index: 30;
  float: right;
  display: none;
  margin: 10px 0;
  background: none;
  position: relative;
  width: 28px;height: 24px;
}

.navbar-toggle span {
  display: block;
  position: relative;
  background: #e57158;
  width: 28px;height: 4px;
}

.navbar-toggle .icon-bar+.icon-bar {
  margin-top: 6px;
}

.navbar-toggle.active span:first-child {
  top: 10px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.navbar-toggle.active span:nth-child(2) {
  opacity: 0;
}

.navbar-toggle.active span:last-child {
  top: -10px;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.nav li {
  position: relative;
}

.navbar a {
  width: 100%;
  display: block;
  color: #222222;
  padding: 20px 0;
  position: relative;
}

.navbar a:after {
  left: 0;
  right: 0;
  opacity: 0;
  bottom: -1px;
  height: 2px;
  background: #0066ff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.navbar a.active:after, .navbar a:hover:after {
  opacity: 1;
}

.navbar li:first-child a:after {
  content: none;
}

.dropnav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.dropnav svg, .subnav a svg {
  fill: #92181e;
  margin-left: 10px;
  width: 10px;height: 10px;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.nav-drop {
  opacity: 0;
  z-index: 19;
  width: 360px;
  background: #fff;
  position: absolute;
  top: -9999em;left: 0;
  -webkit-transition: opacity .3s;
  -o-transition: opacity .3s;
  transition: opacity .3s;
}

li.dropnav:hover .nav-drop {
  opacity: 1;
  top: 61px;
}

.nav-drop a, .subnav a {
  padding: 20px 30px;
  border-bottom: 1px solid #e6e6e6;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav-drop a:hover {
  color: #92181e;
}

.nav-drop a svg, .subnav a svg {
  -webkit-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* Head nav End */

/* Subnav*/

.fix-subnav {
  color: #fff;
  width: 31.6%;
  padding: 0 30px;
  background: #0099ff;
}

.fix-subnav a {
  color: #fff;
}

.fix-subnav svg {
  display: none;
}

.fix-subnav .nav-drop {
  display: none;
}

.subnav {
  -webkit-box-shadow: 0 10px 20px 0px rgba(218, 218, 218, 0.5);
          box-shadow: 0 10px 20px 0px rgba(218, 218, 218, 0.5);
}

.subnav li {
  position: relative;
}

.subnav a {
  color: #000;
  width: 100%;
  border-color: #dadada;
}

.subnav a:hover {
  background: #f5f5f5;
}

.subnav a svg {
  fill: #f7aba7;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.subnav .dropnav:hover .nav-drop {
  top: 0;left: 100%;
}

.nav-drop svg {
  display: block;
}

/* Subnav End*/

/* ------------ *Banner ------------- */

.banner-sl {
  margin-top: 30px;
  margin-bottom: 0 !important;
}

.banner-sl-item {
  position: relative;
}

.banner-sl-item img {
  width: 100%;
}

.banner-sl .slick-dots {
  bottom: 10px;
}

.slick-dots li {
  width: 30px;height: 4px;
}

.slick-dots li button {
  padding: 0;
  background: #fff;
  width: inherit;height: inherit;
}

.slick-dots li.slick-active button {
  background: #0099ff;
}

.slick-dots li button:before {
  content: none;
}

.banner-sl-txt {
  color: #fff;
  text-align: center;
  position: absolute;
  padding: 10px 0 40px;
  left: 0;right: 0;bottom: 0;
  background: rgba(0, 0, 0, 0.8);
}

.banner-sl-txt h2 {
  margin-bottom: 10px;
}

.banner-sl-txt p {
  font-size: 16px;
}

/* ------------ *Edge ------------- */

.edge {
  padding: 60px 0 ;
}

.edge-item {
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
          box-shadow: 0 0 15px rgba(0, 0, 0, 0.15);
}

.edge-item svg {
  fill: #0099ff;
   -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 20px;
  width: 50px;height: 50px;
}



.edge-txt h4 {
  font-family: verdana, arial, sans-serif; 
font-weight:bold;
  font-size: 16px;
}

.edge-txt p {
  color: #5a5a5a;
  font-size: 16px;
  margin-top: 5px;
}

/* ------------ *Recommend ------------- */

.recommend, .category, .viewed, .produce {
  background: #f5f5f5;
  padding: 50px 0 50px;
}

.title {
  color: #333;
  position: relative;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.title:after {
  height: 1px;
  background: #cacaca;
  left: 0;right: 0;bottom: 6px;
}

.title h2 {
  z-index: 1;
  line-height: 1;
  background: #fff;
  position: relative;
  padding-right: 20px;
  display: inline-block;
}

.recommend .title h2,
.category .title h2,
.viewed .title h2,
.produce .title h2 {
  background: #f5f5f5;
}

.recommend .row, .viewed .row {
  margin-top: 50px;
}

.catalog-item {
  background: #fff;
  margin-bottom: 30px;
  -webkit-box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 25px rgba(0, 0, 0, 0.05);
}

.img-link-more {
  padding: 5px;
  display: block;
  text-align: center;
  position: relative;
}

.quick-view {
  opacity: 0;
  position: absolute;
  top: 0;left: 0;right: 0;bottom: 0;
  background: rgba(255, 255, 255, 0.78);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.quick-view span {
  color: #fff;
  padding: 15px 20px;
  background: #0099ff;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.quick-view span:hover {
  opacity: .8;
}

.img-link-more:hover .quick-view {
  opacity: 1;
}

.catalog-desc {
  padding: 0 30px 30px;
}

.catalog-desc h4 {
  font-family: verdana, arial, sans-serif; 
font-weight:bold;
  min-height: 50px;

}

.catalog-desc p {
  min-height: 80px;
  color: #5a5a5a;
  font-size: 16px;
  margin: 10px 0 25px;
}

span.catalog-price {
  color: #000;
  line-height: 1;
  font-size: 22px;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

a.link-more {
  color: #5a5a5a;
  font-family: verdana, arial, sans-serif; 
font-style: italic;
  border-bottom: 1px dashed #5a5a5a;
}

a.link-more:hover {
  border-color: transparent;
}

/* ------------ *Categories ------------- */

.categories {
  padding: 50px 0 30px;
}

.categories .row {
  margin-top: 50px;
}

.categories-item {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.categories-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  margin-right: 20px;
  border-radius: 6px;
}

.categories-img img {
  display: inherit;
}

.categories-txt h4 {
  color: #0099ff;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.categories-txt p {
  color: #5a5a5a;
  text-align: justify;
  font-size: 16px;
}

a.categories-item:hover h4 {
  color: #f7aba7;
}

.manufacturer {
  /*padding-top: 50px;
  border-top: 1px dashed #cacaca;*/
}

.logo-company {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 20px;
}

.logo-company img {
  display: inherit;
}

.info-company h1 {
    font-size: 32px;
  line-height: 1;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;
  margin-bottom: 25px;
    
}

.info-company p {
    text-align:justify;
  color: #000;
  font-size: 16px;
  margin-top: 10px;
}

/* ------------ *Vantage ------------- */

.vantage {
  color: #fff;
  padding: 70px 0;
    background: #2c2b29;
  background-size: cover;
}

.vantage-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.vantage-item svg {
  fill: #0099ff;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  margin-right: 15px;
  width: 45px;height: 45px;
}

.vantage-txt h4 {
  font-size: 16px;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.vantage-txt p {
  font-size: 16px;
  margin-top: 5px;
}

/* ------------ *Information ------------- */

.information {
  padding: 50px 0;
}

.information-bg {
  height: 460px;
  padding: 20px;
  margin-top: 50px;
  border-radius: 6px;
  background: #0099ff;
}

.information-sl .slick-arrow {
  z-index: 1;
  top: auto;bottom: -80px;
  width: auto;height: auto;
}

.information-sl .slick-prev {
  left: 20px;
}

.information-sl .slick-next {
  left: 80px;
  right: auto;
}

.slick-prev:before, .slick-next:before {
  color: #fff;
  opacity: .5;
  font-size: 32px;
}

.reviews-box, .news-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.reviews-img, .news-img {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  overflow: hidden;
  border-radius: 6px;
  margin-right: 15px;
}

.reviews-txt, .news-txt {
  color: #fff;
}

span.reviews-user, span.reviews-product, span.news-date{
  display: block;
  font-size: 18px;
  margin-bottom: 10px;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.reviews-txt li:not(:last-child) {
  margin-bottom: 10px;
}

.reviews-txt li span {
  font-size: 18px;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.read-all {
  margin-top: 40px;
  text-align: right;
}

.read-all a {
  color: #fff;
  font-family: verdana, arial, sans-serif; 
font-style: italic;
  border-bottom: 1px dashed #fff;
}

.read-all a:hover {
  border-color: transparent;
}

.news-sl-item {
  margin-bottom: 35px;
}

.news-txt p {
  margin-top: 10px;
  font-size: 16px;
}

/* ------------ *Partners ------------- */

section.partners {
    
    
}
.partners {
  padding-top: 50px;
  padding-bottom: 50px;
background: #f5f5f5;
    
}

.partners h2 {
  background: #f5f5f5;
  padding-left: 20px;
}

.partners .row {
  margin-top: 70px;
}

.partners-item {
  width: 20%;
  padding: 0 15px;
  text-align: center;
}

.partners-item a {
  color: #222;
  display: inline-block;
}

.partners-item a:hover {
  color: #0099ff;
}

.partners-item span {
  display: block;
  margin-top: 10px;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

/* ------------ *Footer ------------- */

.footer {
  color: #a7a7a7;
  background: #2c2b29;
  padding: 50px 0 50px;
}

.name-footer-item {
  color: #f58220;
  font-size: 18px;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.footer-item-list {
  font-size: 14px;
  margin-top: 30px;
  padding-top: 20px;
  border-top: 1px solid #3c3c3c;
}

.footer-item-list li:not(:last-child) {
  margin-bottom: 15px;
}

.footer-item-list a {
  color: #a7a7a7;
}

.footer-item-list a:hover {
  color: #fff;
}

.cont a:not(:last-child) {
  margin-right: 15px;
}

.cont a img {
  display: inherit;
}

.social-footer a img {
  width: 32px;
}

.payment svg {
  width: 50px;height: 50px;
}

.payment svg:not(:last-child) {
  margin-right: 25px;
}

/* =================================== */
/*              Category               */
/* =================================== */

.level-2-subnav {
  top: -9999em !important;
  opacity: 0 !important;
}

li.level-2:hover .level-2-subnav {
  opacity: 1 !important;
  top: 0 !important;left: 100%;
}

.breadcrumb {
  padding: 30px 0;
}

.breadcrumb-item {
  color: #6c757d;
}

.breadcrumb-item:not(:first-child) {
  padding-left: 10px;
}

.breadcrumb-item+.breadcrumb-item::before {
  display: inline-block;
  padding-right: .5rem;
  color: #6c757d;
  content: "/";
}

.breadcrumb-item a {
  color: #92181e;
}

.breadcrumb-item a:hover {
  color: #6c757d;
}

.category, .produce {
  margin-top: 5px;
}

.category .row {
  margin-top: 20px;
}

.filter {
  margin-top: 50px;
}

.field-select {
  position: relative;
}

.field-select:not(:last-child) {
  margin-right: 30px;
}

.field-select:after {
  margin-top: -3px;
  top: 50%;right: 20px;
  width: 10px;height: 6px;
  background: url(/assets/images/icons/down-arrow.png) no-repeat;
}

.field-select select {
  border: 0;
  color: #fff;
  background: #0099ff;
  padding: 12px 60px 12px 20px;

  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

.field-select select::-ms-expand {
    display: none;
}

.field-select option {
  color: #000;
  background: #f5f5f5;
}

.location button:not(:last-child) {
  margin-right: 10px;
}

.location button {
  padding: 12px;
  background: #0099ff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.location button svg {
  fill: #fff;
  width: 20px;height: 20px;
  -webkit-transition: all .3s;
  -o-transition: all .3s;
  transition: all .3s;
}

.location button.active svg, .location button:hover svg {
  fill: #f7aba7;
}

.description {
  color: #5a5a5a;
  padding: 50px 0;
}

/* =================================== */
/*              Produce                */
/* =================================== */

.produce .row {
  margin-top: 65px;
}

.produce-img {
  text-align: center;
}

h3.produce-name {
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.produce-feedback {
  margin: 10px 0 30px;
}

span.feedback-zero {
  color: #5a5a5a;
  font-size: 16px;
  margin: 0 30px 0 15px;
}

.stars li {
  cursor: pointer;
  display: inherit;
}

.stars li:not(:last-child) {
  margin-right: 5px;
}

.stars svg {
  fill: #d0d0d0;
  width: 16px;height: 16px;
}

.stars li.active svg {
  fill: #f58220;
}

.produce-feedback a {
  color: #5a5a5a;
  font-size: 16px;
  font-family: verdana, arial, sans-serif; 
font-style: italic;
  border-bottom: 1px dashed #5a5a5a;
}

.produce-feedback a:hover {
  border-color: transparent;
}

.produce-desc li {
  width: 50%;
  color: #5a5a5a;
  padding: 10px 5px;
  border-bottom: 1px dashed #d8d0d0;
}

.produce-price {
  line-height: 1;
  margin: 30px 0;
}

.produce-price strong {
  color: #000;
  font-size: 28px;
  display: inline-block;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.produce-price small {
  color: #5a5a5a;
  font-size: 16px;
  font-weight: normal;
  font-family: verdana, arial, sans-serif; 

}

.produce-price span {
  color: #5a5a5a;
  margin-left: 20px;
  display: inline-block;
}

.produce-price span svg {
  fill: #5fd101;
  width: 12px;height: 12px;
}

.amount span {
  color: #fff;
  font-size: 22px;
  cursor: pointer;
  background: #0099ff;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

  width: 40px;height: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.amount input {
  border: 0;
  color: #fff;
  font-size: 22px;
  text-align: center;
  background: #ff9378;
  width: 50px;height: 50px;
}

.btns-buy .btn-center {
  margin: 0 25px;
}

.btns-buy button {
  color: #fff;
  height: 50px;
  padding: 0 45px;
  font-size: 18px;
  background: #00b300; /*#f58220;*/
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.btns-buy button:hover {
  background: #006600;   /*#e57158;*/
}

.btns-more .btn-center {
  margin: 0 25px;
}

.btns-more button {
  color: #fff;
  height: 40px;
  padding: 0 20px;
  font-size: 16px;
  background: #f58220; /*#f58220;*/
  font-family: verdana, arial, sans-serif; 
font-weight:bold;
}

.btns-more button:hover {
  background: #0099ff;   /*#e57158;*/
}

button.btns-mr {
  background: #f58220; /*#f58220;*/
}

button.btns-mr:hover {
  background: #0099ff;   /*#e57158;*/
}

.produce-tabs {
  margin: 50px 0 30px;
}

.tabs {
  background: #0099ff;
}

.tabs li {
  color: #fff;
  padding: 20px;
  cursor: pointer;
}

.tabs li.active, .tabs li:hover {
  background: #f7aba7;
}

.tab_content {
  margin-top: 50px;
}

.tab-item {

}

.tab-item h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.tab-item p {
    margin-bottom: 20px;
    text-align:justify;
}


.tab-item h4 {
  margin: 20px 0 5px;
  font-family: verdana, arial, sans-serif; 
  font-weight:bold;
}

.tab-item ul {
    margin-bottom: 20px;
    padding-left: 40px;
}


.tab-item li {
    list-style: disc;
     margin-bottom: 5px;
}


.related {
  padding: 50px 0 20px;
}

.related .row {
  margin-top: 50px;
}

.related-title span {
  color: #333;
  font-size: 28px;
  display: inline-block;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

  border-bottom: 1px dashed #333;
}

.related-title span:not(:last-child) {
  margin-right: 30px;
}

span.line-between {
  border-bottom: 0;
}

/* Arhaic! */


 .video-wrapper {
    margin:50px 0;
     position: relative;
     padding-bottom: 56.25%;
    /* 16:9 */
}
 .video-wrapper iframe {
    position: absolute;
     top: 0;
     left: 0;
    width: 100%;
     height: 100%;
}


/* =================================== */
/*              Support                */
/* =================================== */

.garant-list {
  margin-top: 50px;
}

.garant-list li {
  color: #5a5a5a;
  padding-left: 45px;
  position: relative;
  margin-bottom: 30px;
}

.garant-list li:before {
  top: 50%;left: 0;
  margin-top: -1px;
  background: #f58220;
  width: 30px;height: 2px;
}

.manuals {
  padding: 50px 0;
}

.manuals .row {
  margin-top: 50px;margin-bottom: 10px;
}

.manuals .manuals-links {
  display: block;
  color: #5a5a5a;
  font-size: 16px;
  margin-bottom: 40px;
}

.manuals-links span {
  color: #0099ff;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;


  -webkit-transition: all .3s;

  -o-transition: all .3s;

  transition: all .3s;
}

.manuals-links:hover span {
  color: #f7aba7;
}

.manuals-links p {
  margin-top: 10px;
  font-family: verdana, arial, sans-serif; 
font-style: italic;
}

/* =================================== */
/*               Review                */
/* =================================== */



.review h2 {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 10px;
}

.review p {
    margin-bottom: 20px;
    text-align:justify;
}

.review ul {
    margin-bottom: 20px;
    padding-left: 40px;
}


.review li {
    list-style: disc;
     margin-bottom: 5px;
text-align:justify;
}

.review img {
  padding: 20px 20px 20px 20px;
    display: block;
  margin-left: auto;
  margin-right: auto;
  
  
}    







/* =================================== */
/*               Order                 */
/* =================================== */

.order-form {
  margin: 50px 0 30px;
}

.field-input {
  display: block;
  /*margin-bottom: 25px;*/
  MIN-HEIGHT: 110PX;
}

.name-field {
  display: block;
  color: #5a5a5a;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.field-input input,
.field-input select,
.field-input textarea {
  width: 100%;
  color: #5a5a5a;
  font-size: 16px;
  display: inherit;
  padding: 10px 20px;
  border-radius: 4px;
  border: 1px solid #cacaca;
  font-family: verdana, arial, sans-serif; 

}

.field-input input, .field-input select {
  height: 50px;
}

.field-input textarea {
  resize: none;
  height: 142px;
}

.btn-order-box {
  float: right;
  margin: 34px 15px 0;
}

.btn-order {
  color: #fff;
  font-size: 20px;
  border-radius: 4px;
  background: #f58220;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

  width: 555px;height: 60px;
}

.btn-order:hover {
  background: #f7aba7;
}

.order-error {
  color: #ff0000;
  font-weight:bold;
}

/* =================================== */
/*              Contacts               */
/* =================================== */

.contacts .accordion,
.main-office {
  margin-top: 50px;margin-bottom: 30px;
}

.contacts-item {
  margin-bottom: 20px;
  padding-top: 20px;
  border-top: 1px dashed #c5c5c5;
}

.accordion-header {
  cursor: pointer;
  color: #0099ff;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.accordion-header.active {
  color: #f7aba7;
}

.accordion-body {
  display: none;
  color: #000;
  font-size: 16px;
  margin-top: 20px;
}

.accordion-body strong {
  display: block;
  font-size: 16px;
  margin-bottom: 5px;
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.accordion-body p {
  margin-bottom: 5px;
}

.accordion-body a {
  color: #000;
  font-weight: 900;
  border-bottom: 1px dashed;
  font-family: verdana, arial, sans-serif; 
font-style: italic;
}

.accordion-body a:hover {
  border-color: transparent;
}

.main-office {
  margin-bottom: 50px;
}

.map {
  padding: 20px;
  width: 100%;height: 100%;
min-height: 400px;
    
}

.main-office li {
  font-size: 18px;
  margin-bottom: 10px;
}

.main-office li strong {
  font-family: verdana, arial, sans-serif; 
font-weight:bold;

}

.main-office li a {
  font-family: verdana, arial, sans-serif; 
font-style: italic;
}

.cont-link-social li {
  width: 50%;
  font-size: 16px;
}

.cont-link-social li a {
  color: #ed1c24;
  font-weight: 700;
  border-bottom: 1px dashed;
}

.cont-link-social li a:hover {
  border-bottom: transparent;
}

/* ------------ *Default ------------- */
/* --------- *After::Before ---------- */
.navbar a:after,
.title:after,
.field-select:after,
.garant-list li:before {
  content: " ";
  position: absolute;
}


/* ------------ *Default ------------- */
/* ------------ *Default ------------- */
/* --------- *After::Before ---------- */
.navbar a:after,
.title:after,
.field-select:after {
  content: " ";
  position: absolute;
}

/*==========  Desktop First Method  ==========*/

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
  .search input {
    width: 290px;
  }
  .fix-subnav {
    width: auto;
    background: none;
    padding-left: 0;padding-right: 0;
  }
  .fix-subnav a {
    color: #222222;
  }
  .fix-subnav svg {
    display: inline-block;
  }
  .fix-subnav .nav-drop {
    display: block;
  }
  .banner-sl {
    margin-top: 15px;
  }
  .edge {
    padding-bottom: 20px;
  }
  .edge-item {
    margin-bottom: 30px;
  }
  .vantage {
    padding-bottom: 20px;
  }
  .vantage-item {
    margin-bottom: 50px;
  }
  .vantage-txt br {
    display: none;
  }
  .news {
    margin-top: 50px;
  }
  .information-bg {
    height: auto;
  }
  .produce-desc li {
    width: 100%;
  }
  .btns-buy button {
    padding: 0 30px;
  }
    .btns-more button {
    padding: 0 10px;
  }

  
  .tabs li {
    font-size: 16px;
    padding: 12px;
  }
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
  .basket, .time {
    display: none;
  }
  .navbar a {
    font-size: 16px;
  }
  .title h2 {
    font-size: 24px;
  }
  .partners {
    padding-bottom: 20px;
  }
  .partners-item {
    margin-bottom: 50px;
    width: 33.3333333333%;
  }
  .footer {
    padding-bottom: 0;
  }
  .footer-item-list {
    margin-bottom: 50px;
  }
  .field-select select {
    padding: 12px 45px 12px 20px;
  }
  .field-select:not(:last-child) {
    margin-right: 10px;
  }
  .breadcrumb {
    display: none;
  }
  .amount {
    display: none;
  }
  .btns-buy .btn-center {
    margin-left: 0;margin-right: 25px;
  }
  
  .btns-more .btn-center {
    margin-left: 0;margin-right: 15px;
  }
  
  .tabs ul {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .tabs li {
    width: 100%;
    text-align: center;
  }
  .related-title span {
    display: block;
  }
  span.line-between {
    display: none;
  }
  .related-title span:not(:last-child) {
    margin-right: 0;margin-bottom: 20px;
  }
}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .phone {
    display: none;
  }
   .email {
    display: none;
  }
  
  .head-body {
    padding: 20px 0;
  }
  .logo img {
    width: 180px;
  }
  .head-body .social img {
    width: 25px;
  }
  .search input {
    width: 240px;height: 36px;
  }
  .navbar-toggle {
    display: block;
  }
  .nav {
    height: 44px;
  }
  .navbar {
    width: 100%;
    z-index: 29;
    overflow-x: auto;
    padding: 50px 25px 110px;
    position: absolute;
    top: 0;left: -100em;bottom: 0;
    background: rgba(12, 10, 10, 0.93);
    -webkit-transition: .3s ease;
    -o-transition: .3s ease;
    transition: .3s ease;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .navbar.open {
    left: 0;
  }
  .navbar a {
    color: #fff;
    padding: 10px 0;
  }
  .navbar a:hover {
    color: #0099ff;
  }
  .navbar a:after {
    content: none;
  }
  .dropnav svg, .subnav a svg {
    fill: #fff;
  }
  .level-2 svg {
    display: none;
  }
  .nav-drop, li.dropnav:hover .nav-drop {
    top: 0;
    opacity: 1;
    position: relative;
  }
  .dropnav {
    display: block;
  }
  .nav-drop {
    width: 100%;
    display: none;
    background: none;
    padding: 0 20px;
  }
  .nav-drop a {
    border-bottom: 0;
  }
  .nav-drop {
    display: none !important;
  }
  .nav-drop.open {
    display: block !important;
  }
  .navbar-toggle.active {
    position: absolute;
    top: 45px;right: 20px;
  }
  .banner-sl-txt h3 {
    font-size: 18px;
  }
  .banner-sl-txt p {
    font-size: 12px;
  }
  .edge {
    display: none;
  }
  span.catalog-price {
    font-size: 18px;
  }
  a.link-more {
    font-size: 16px;
  }
  .title {
    text-align: center;
  }
  .title:after {
    content: none;
  }
  .manufacturer {
    display: block;
  }
  .logo-company {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .info-company h3 {
    font-size: 20px;
  }
  .filter {
    display: none;
  }
  .category .row {
    margin-top: 50px;
  }
  .produce-info {
    margin-top: 50px;
  }
  .related-title span {
    font-size: 20px;
  }
  h3.produce-name {
    font-size: 20px;
  }
}

@media only screen and (max-width : 600px) {
  .head-body .box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .search {
    margin: 20px 0;
  }
  .head-body .social img {
    width: auto;
  }
  .categories-item {
    display: block;
    text-align: center;
  }
  .categories-img img, .logo-company img {
    margin: 0 auto;
  }
  .categories-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .partners-item {
    width: 50%;
  }
}

/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
    
    .search {
   display:none;
  }
  
     .social {
   display:none;
  }

  
  .head-panel a {
    font-size: 12px;
  }
  .head-panel svg {
    margin-right: 5px;
    width: 13px;height: 13px;
  }
  .banner-sl {
    display: none;
  }
  .reviews-box, .news-box {
    display: block;
  }
  .reviews-img, .news-img {
    margin-right: 0;
    margin-bottom: 20px;
  }
  .news-img img {
    margin: 0 auto;
  }
  .news-box {
    text-align: center;
  }
  span.reviews-user, span.reviews-product, span.news-date {
    font-size: 16px;
  }
  .read-all a {
    font-size: 16px;
  }
  .slick-prev:before, .slick-next:before {
    font-size: 26px;
  }
  .information-sl .slick-prev {
    left: 0;
  }
  .information-sl .slick-next {
    left: 40px;
  }
  .reviews-txt li {
    font-size: 16px;
  }
  .produce-price {
    text-align: center;
  }
  .btns-buy {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .btns-buy button {
    width: 96%;
  }
  .btns-buy .btn-center {
    margin-right: 0;margin-bottom: 15px;
  }
  
  
  .btns-more {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .btns-more button {
    width: 96%;
  }
  .btns-more .btn-center {
    margin-right: 0;margin-bottom: 15px;
  }
  
  
  
  
  span.feedback-zero {
    display: none;
  }
  .stars {
    margin-right: 20px;
  }
}

@media only screen and (max-width : 360px) {
  .logo img {
    width: 120px;
  }
  .basket svg {
    width: 32px;height: 32px;
  }
  .basket-box {
    font-size: 16px;
    margin-left: 10px;
  }
}

/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
  .container {
    width: 290px;
    padding: 0 10px;
  }
}

/*==========  Mobile First Method  ==========*/

/* Custom, iPhone Retina */
@media only screen and (min-width : 320px) {

}

/* Extra Small Devices, Phones */
@media only screen and (min-width : 480px) {

}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {
  
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
  
}

 /* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
  
}