@charset "UTF-8";

/*----------------------------------
 * *1 - Reset
 * *---------------------------------- */

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,
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,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after {
  content: "";
  content: none;
}

q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

body * {
  line-height: 140%;
  box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
  font-weight: 500;
}

i,
em {
  font-style: italic;
}

img {
  max-width: 100%;
  height: auto;
}

a {
  text-decoration: none;
  color: inherit;
}

a:hover {
  text-decoration: none;
}

input[type=text],
input[type=submit],
input[type=image],
input[type=password],
input[type=email],
input[type=number] {
  -webkit-appearance: none;
}

button {
  -webkit-appearance: none;
}

textarea {
  -webkit-appearance: none;
  font-family: "Roboto", sans-serif;
}

button {
  font-family: "Roboto", sans-serif;
}

input[type=password],
input[type=email],
input[type=submit],
input[type=text] input[type=number] {
  font-family: "Roboto", sans-serif;
}

a:focus {
  text-decoration: none;
}

textarea:focus,
button:focus,
a:focus,
input:focus {
  outline: none;
}

body {
  font-size: 15px;
  font-family: "Roboto", sans-serif;
  -webkit-text-size-adjust: 100%;
  color: #373d54;
}

.cont {
  width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}

/*----------------------------------
 * *1 - Reset
 * *---------------------------------- */

.a {
  color: #4b0174;
}

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

.header {
  margin: 0 0 27px;
}

.header:after {
  display: block;
  clear: both;
  content: "";
}

.header_top {
  background: #f8fafc;
  border-bottom: 1px solid #e0e4f6;
}

.contactinfo {
  font-size: 13px;
  float: left;
}

.contactinfo li {
  padding: 0 0;
  color: #373d54;
}

.contactinfo li * {
  line-height: 1;
}

.contactinfo li:first-child {
  margin-left: -15px;
}

.contactinfo li .fa {
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
  color: #5f6680;
}

.social-icons {
  float: right;
  text-align: right;
  margin: 0;
}

.social-icons li {
  display: inline-block;
}

.social-icons li a {
  border: 0 none;
  border-radius: 0;
  color: #5f6680;
  padding: 0px;
}

.social-icons li a i {
  padding: 11px 15px;
  margin-bottom: -1px;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.social-icons li a i:hover {
  color: #fff;
  transition: all 0.5s ease 0s;
  -moz-transition: all 0.5s ease 0s;
  -webkit-transition: all 0.5s ease 0s;
  -o-transition: all 0.5s ease 0s;
}

.social-icons .fa-facebook:hover {
  background: #0083C9;
}

.social-icons .fa-twitter:hover {
  background: #5BBCEC;
}

.social-icons .fa-linkedin:hover {
  background: #FF4518;
}

.social-icons .fa-dribbble:hover {
  background: #90C9DC;
}

.social-icons .fa-google-plus:hover {
  background: #CE3C2D;
}

.social-icons .fa-instagram:hover {
  background: #b4307d;
}

.social-icons .fa-telegram:hover {
  background: #4c75a3;
}

.header-middle {
  padding: 25px 0;
  text-align: justify;
}

.header-middle .header-middle-cont {
  font-size: 0;
}

.header-middle .header-middle-cont > * {
  font-size: 15px;
}

.header-middle .header-middle-cont:after {
  content: "";
  display: inline-block;
  width: 100%;
}

.toplogo {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}

.toplogo a {
  display: block;
}

.toplogo img {
  display: block;
  max-height: 70px;
  max-width: 400px;
  width: auto;
  height: auto;
}

.shop-menu {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}

.shop-menu ul li {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}

.shop-menu ul li:last-child {
  padding-right: 0;
}

.shop-menu ul li a {
  background: #FFFFFF;
  font-size: 14px;
  padding: 2px 0;
  line-height: 1;
  color: #373d54;
  display: inline-block;
}

.shop-menu ul li * {
  line-height: 1;
}

.shop-menu ul li a:hover {
  color: #373d54;
  opacity: 1 !important;
  background: transparent;
}

.shop-menu ul li a i {
  margin-right: 2px;
  color: #5f6680;
  padding: 0 1px;
  display: inline-block;
}

.shop-menu ul li a b {
  font-weight: 400;
}

.shop-menu ul li a .shop-menu-ttl {
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition: all 0.2s;
  line-height: 1;
}

.shop-menu ul li a:hover .shop-menu-ttl {
  border-color: #5f6680;
}

.shop-menu ul li.topauth a:first-child {
  margin: 0;
  padding: 2px 12px 2px 0;
  background: url(/images/sep1.png?6950ab38e3fedf97d464cf5c740e9b97) no-repeat right center;
}

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

/*----------------------------------
 * *3 - Topmenu
 * *---------------------------------- */

.topmenu {
  position: relative;
  padding: 0 41px 0 203px;
  font-size: 14px;
}

.topmenu:after {
  clear: both;
  content: "";
  display: block;
}

.topmenu .topcatalog {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 201px;
  z-index: 3;
}

.topcatalog-show .topmenu .topcatalog {
  z-index: 11;
}

.topmenu .topcatalog .topcatalog-btn {
  position: relative;
  color: #373d54;
  text-transform: uppercase;
  border: 1px solid #e0e4f6;
  display: block;
  padding: 11px 10px 11px 38px;
  font-weight: 500;
  background: #eff1fa url(/images/bar.png?4f6627630a7c4a6a1a4c9bd4d6731f33) no-repeat 14px 15px;
}

.topmenu .topcatalog .topcatalog-btn:after {
  position: absolute;
  top: 50%;
  right: 13px;
  content: "\F107";
  display: block;
  line-height: 1;
  margin: -8px 0 0;
  font-family: FontAwesome;
}

.topmenu .topcatalog:after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 5px;
  content: "";
  display: block;
}

.topcatalog .topcatalog-list {
  position: absolute;
  top: 100%;
  background: #fff;
  border-top: 1px solid #e0e4f6;
  border-left: 1px solid #e0e4f6;
  border-right: 1px solid #e0e4f6;
  text-align: left;
  margin: 5px 0 0;
  transition: all 0.3s ease;
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  width: 0;
  overflow: hidden;
}

.topcatalog:hover .topcatalog-list {
  overflow: initial;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  width: auto;
}

.topcatalog-list li {
  position: relative;
  line-height: 120%;
}

.topcatalog-list li a {
  color: #373d54;
  font-size: 14px;
  line-height: 120%;
  border-bottom: 1px solid #e0e4f6;
  display: block;
  padding: 11px 25px 11px 13px;
  transition: all 0.2s;
  background: #f8fafc;
  position: relative;
  width: 240px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topcatalog-list li:hover > a {
  background: #fff;
}

.topcatalog-list li:after {
  content: "";
  background: #373d54;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 3;
  width: 3px;
  display: none;
}

.topcatalog-list li:hover:after {
  display: block;
}

.topcatalog-list li .fa {
  position: absolute;
  right: 14px;
  line-height: 100%;
  top: 50%;
  margin: -1px 0 0;
  line-height: 100%;
  transform: translate(0, -50%);
  transition: all 0.2s;
}

.topcatalog-list li ul {
  position: absolute;
  left: 100%;
  top: -1px;
  background: #fff;
  border: 1px solid #e0e4f6;
  transition: all 0.3s ease;
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  width: 0;
  overflow: hidden;
}

.topcatalog-list li:hover > ul {
  overflow: initial;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  width: auto;
}

.topcatalog-list li ul > li:last-child > a {
  border-bottom: none;
}

.topmenu .mainmenu-btn {
  position: relative;
  color: #373d54;
  text-transform: uppercase;
  border: 1px solid #e0e4f6;
  border-right: none;
  width: 100%;
  padding: 11px 10px 11px 43px;
  font-weight: 500;
  text-align: left;
  background: #eff1fa url(/images/bar.png?4f6627630a7c4a6a1a4c9bd4d6731f33) no-repeat 18px 15px;
  display: none;
}

.topmenu .mainmenu-btn:after {
  position: absolute;
  top: 50%;
  right: 15px;
  content: "\F107";
  display: block;
  line-height: 1;
  margin: -8px 0 0;
  font-family: FontAwesome;
}

.topmenu .mainmenu {
  border-top: 1px solid #e0e4f6;
  border-bottom: 1px solid #e0e4f6;
  background: #f8fafc;
  padding: 0 24px 0 24px;
  position: relative;
  overflow: hidden;
  height: 43px;
}

.topmenu .mainmenu:after {
  clear: both;
  content: "";
  display: block;
}

.topmenu .mainmenu .fa {
  display: none;
}

.topmenu .mainmenu > li {
  float: left;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 500;
  margin: 0 0 0 0;
  position: relative;
}

.topmenu .mainmenu > li > a {
  color: #373d54;
  display: block;
  transition: all 0.2s;
  padding: 11px 19px;
}

.topmenu .mainmenu > li.menu-item-has-children > a {
  padding-right: 30px;
}

.topmenu .mainmenu > li.menu-item-has-children > a:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\F107";
  display: block;
  top: 50%;
  font-size: 14px;
  right: 13px;
  line-height: 100%;
  margin: -8px 0 0 0;
}

.topmenu .mainmenu > li > a:hover,
.topmenu .mainmenu > li > a.active {
  color: #006d41;
}

.topmenu .mainmenu > li > a > .fa {
  margin-left: 4px;
}

.topmenu .mainmenu > li:after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 5px;
  content: "";
  display: block;
}

.topmenu .mainmenu > li > .sub-menu {
  position: absolute;
  top: 100%;
  background: #fff;
  border-top: 1px solid #e0e4f6;
  border-left: 1px solid #e0e4f6;
  border-right: 1px solid #e0e4f6;
  text-align: left;
  margin: 5px 0 0;
  transition: all 0.3s ease;
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 4;
  width: 0;
}

.topmenu .mainmenu > li:hover > .sub-menu {
  width: auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
}

.topmenu .mainmenu > li > .sub-menu li {
  position: relative;
  line-height: 120%;
}

.topmenu .mainmenu > li > .sub-menu li a {
  text-transform: none;
  font-weight: 400;
  color: #373d54;
  font-size: 14px;
  line-height: 120%;
  border-bottom: 1px solid #e0e4f6;
  display: block;
  padding: 11px 25px 11px 13px;
  transition: all 0.2s;
  background: #f8fafc;
  position: relative;
  width: 201px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topmenu .mainmenu > li > .sub-menu li a.active {
  color: #006d41;
}

.topmenu .mainmenu > li > .sub-menu li:hover > a {
  background: #fff;
}

.topmenu .mainmenu > li > .sub-menu li.menu-item-has-children > a:after {
  position: absolute;
  font-family: FontAwesome;
  content: "\F105";
  display: block;
  top: 50%;
  font-size: 14px;
  right: 14px;
  line-height: 100%;
  margin: -8px 0 0 0;
}

.topmenu .mainmenu > li > .sub-menu li:after {
  content: "";
  background: #373d54;
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  z-index: 3;
  width: 3px;
  display: none;
}

.topmenu .mainmenu > li > .sub-menu li:hover:after {
  display: block;
}

.topmenu .mainmenu > li > .sub-menu li ul {
  position: absolute;
  left: 100%;
  top: -1px;
  background: #fff;
  border: 1px solid #e0e4f6;
  border-bottom: none;
  transition: all 0.3s ease;
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  width: 0;
}

.topmenu .mainmenu > li > .sub-menu li:hover > ul {
  width: auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
}

.topmenu .mainmenu.sections-show {
  overflow: initial;
}

.topmenu .mainmenu li.mainmenu-more {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #18202e;
  display: none;
  padding: 0;
  background: transparent;
  transition: all 0.2s;
  border-left: 1px solid transparent;
}

.topmenu .mainmenu li.mainmenu-more:hover {
  background: #fff;
  border-left: 1px solid #e0e4f6;
}

/*.topmenu .mainmenu > li > .sub-menu li .fa {
 * *	position: absolute;
 * *	right: 14px;
 * *	line-height: 100%;
 * *	top: 50%;
 * *	margin: -1px 0 0;
 * *	-ms-transform: translate(0,-50%);
 * *	-o-transform: translate(0,-50%);
 * *	-moz-transform: translate(0,-50%);
 * *	-webkit-transform: translate(0,-50%);
 * *	transform: translate(0,-50%);
 * *	transition: all 0.2s;
 * *} */

/* mainmenu more */

.mainmenu-more span {
  display: block;
  padding: 11px 19px;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub {
  position: absolute;
  background: #fff;
  border-top: 1px solid #e0e4f6;
  border-left: 1px solid #e0e4f6;
  border-right: 1px solid #e0e4f6;
  text-align: left;
  margin: 5px 0 0;
  transition: all 0.3s ease;
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 4;
  width: 0;
  overflow: hidden;
  right: 0;
  left: auto;
  top: 100%;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub:after {
  clear: both;
  display: block;
  content: "";
}

.topmenu .mainmenu li.mainmenu-more:hover .mainmenu-sub {
  width: auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  overflow: initial;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li {
  position: relative;
  line-height: 120%;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li a {
  text-transform: none;
  font-weight: 400;
  color: #373d54;
  font-size: 14px;
  line-height: 120%;
  border-bottom: 1px solid #e0e4f6;
  display: block;
  padding: 11px 15px 11px 15px;
  transition: all 0.2s;
  background: #f8fafc;
  position: relative;
  width: 201px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:hover > a {
  background: #fff;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:after {
  content: "";
  background: #373d54;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  z-index: 3;
  width: 3px;
  display: none;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:hover:after {
  display: block;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li .fa {
  position: absolute;
  left: 6px;
  line-height: 100%;
  top: 50%;
  margin: -1px 0 0;
  line-height: 100%;
  transform: translate(0, -50%);
  transition: all 0.2s;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li .fa:before {
  content: "\F104";
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li ul {
  margin: 0;
  position: absolute;
  top: -1px;
  background: #fff;
  border: 1px solid #e0e4f6;
  transition: all 0.3s ease;
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  width: 0;
  overflow: hidden;
  right: 100%;
  left: auto;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li:hover > ul {
  margin: 0;
  width: auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  overflow: initial;
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li ul:after {
  clear: both;
  display: block;
  content: "";
}

.topmenu .mainmenu li.mainmenu-more .mainmenu-sub li ul > li:last-child > a {
  border-bottom: none;
}

.topmenu .topsearch {
  position: absolute;
  top: 0;
  right: 0;
}

/* mainmenu more */

.topsearch .topsearch-btn {
  height: 43px;
  line-height: 43px;
  width: 41px;
  text-align: center;
  border: 1px solid #e0e4f6;
  display: block;
  background: #f8fafc;
  position: relative;
}

.topsearch .topsearch-btn:hover {
  color: #006d41;
}

.topsearch .topsearch-btn .fa {
  display: inline-block;
  padding: 1px;
}

.search-show .topsearch .topsearch-btn .fa:before {
  content: "\F00D";
}

.topsearch .topsearch-form {
  z-index: 3;
  position: absolute;
  top: 100%;
  right: 0;
  margin: 5px 0 0;
  display: block;
  transition: all 0.2s ease;
  transform: translate3d(0, 5px, 0);
  visibility: hidden;
  opacity: 0;
}

.search-show .topsearch .topsearch-form {
  transform: translate3d(0, 0, 0);
  display: block;
  visibility: visible;
  opacity: 1;
}

.topsearch .topsearch-form input[type=text],
.topsearch .topsearch-form input[type=number] {
  border: 1px solid #e0e4f6;
  background: #f8fafc;
  height: 39px;
  width: 300px;
  color: #373d54;
  font-size: 14px;
  padding: 0 45px 0 15px;
  transition: all 0.2s;
}

.topsearch .topsearch-form input[type=text]::-webkit-input-placeholder,
.topsearch .topsearch-form input[type=number]::-webkit-input-placeholder {
  color: #373d54;
}

.topsearch .topsearch-form input[type=text]::-moz-placeholder,
.topsearch .topsearch-form input[type=number]::-moz-placeholder {
  color: #373d54;
  opacity: 1;
}

.topsearch .topsearch-form input[type=text]:-ms-input-placeholder,
.topsearch .topsearch-form input[type=number]:-ms-input-placeholder {
  color: #373d54;
}

.topsearch .topsearch-form button[type=submit] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 41px;
  background: #373d54;
  color: #FFFFFF;
  transition: all 0.2s;
  border: none;
}

.topsearch .topsearch-form button[type=submit]:hover {
  background: #474f6e;
}

/*----------------------------------
 * *3 - Topmenu
 * *---------------------------------- */

/*----------------------------------
 * *4 - Stylization
 * *---------------------------------- */

.maincont {
  margin-bottom: 50px;
  padding-bottom: 50px;
}

.maincont:after {
  display: block;
  clear: both;
  content: "";
}

.stylization {
  line-height: 1.7;
  font-size: 14px;
  color: #616161;
}

.stylization:after {
  display: block;
  clear: both;
  content: "";
}

.stylization p {
  line-height: 1.7;
  margin: 0 0 30px;
}

.stylization h1,
.stylization h2,
.stylization h3,
.stylization h4,
.stylization h5,
.stylization h6 {
  color: #373d54;
  margin: 0 0 30px;
}

.stylization h1 {
  font-size: 35px;
}

.stylization h2 {
  font-size: 28px;
}

.stylization h3 {
  font-size: 24px;
}

.stylization h4 {
  font-size: 21px;
}

.stylization h5 {
  font-size: 18px;
}

.stylization h6 {
  font-size: 16px;
}

.stylization a {
  color: #006d41;
  text-decoration: none;
  transition: all 0.2s;
  border-bottom: 1px solid transparent;
}

.stylization a:hover {
  text-decoration: none;
  border-color: #006d41;
}

.stylization strong,
.stylization b {
  color: #373d54;
}

.stylization ul {
  margin: 0 0 30px 18px;
  padding: 0;
}

.stylization ul > li {
  list-style-image: url(/images/chk1.png?568ed41f78456eff1d13d22dd0a87042);
}

.stylization li {
  padding: 0;
  line-height: 1.7;
  margin-bottom: 5px;
}

.stylization li > ul {
  margin: 0 0 0 18px;
}

.stylization ol {
  list-style-type: decimal;
  margin: 0 0 30px 18px;
  padding: 0;
}

.stylization ol li {
  position: relative;
}

.stylization li > ol {
  margin: 0 0 0 18px;
}

.stylization address {
  margin: 0 0 30px;
  line-height: 1.7;
}

.stylization code {
  background-color: #e8e8e8;
  padding: 2px 4px;
  color: #373d54;
  font-family: Inconsolata, monospace;
}

.stylization pre {
  background: #f8fafc;
  border: 1px solid #c4d8ec;
  font-size: 16px;
  line-height: 1.42857143;
  margin: 0 0 34px;
  max-width: 100%;
  overflow: auto;
  padding: 20px;
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
  font-family: Inconsolata, monospace;
  color: #373d54;
}

.stylization mark,
.stylization ins {
  background: #006d41;
  color: #fff;
  padding: 2px 4px;
  text-decoration: none;
}

.stylization sup {
  vertical-align: super;
  font-size: smaller;
}

.stylization sub {
  vertical-align: sub;
  font-size: smaller;
}

.stylization blockquote {
  padding: 26px 40px 10px;
  margin: 0 auto 34px;
  overflow: hidden;
  font-style: italic;
  font-weight: 700;
  text-align: center;
  max-width: 800px;
  position: relative;
  line-height: 1.7;
}

.stylization blockquote:before {
  position: absolute;
  content: "";
  top: 3px;
  height: 3px;
  border-top: 1px solid #006d41;
  border-bottom: 1px solid #006d41;
  left: 50%;
  width: 40px;
  margin: 0 0 0 -20px;
  display: block;
}

.stylization blockquote:after {
  position: absolute;
  content: "";
  bottom: 3px;
  height: 3px;
  border-top: 1px solid #006d41;
  border-bottom: 1px solid #006d41;
  left: 50%;
  width: 40px;
  margin: 0 0 0 -20px;
  display: block;
}

.stylization blockquote p {
  margin-bottom: 20px !important;
  color: #373d54;
}

.stylization cite {
  font-style: italic;
  color: #373d54;
  font-weight: 700;
}

.stylization dl {
  margin: 0 0 30px;
  line-height: 1.7;
}

.stylization dt {
  font-weight: 700;
  color: #373d54;
  line-height: 1.7;
}

.stylization dd {
  margin: 0 0 30px;
  line-height: 1.7;
}

.stylization table,
.stylization th,
.stylization td {
  border: 1px solid #c4d8ec;
  line-height: 1.7;
}

.stylization table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 34px;
  table-layout: fixed;
  width: 100%;
  color: #373d54;
  border-radius: 3px;
}

.stylization caption,
.stylization th,
.stylization td {
  font-weight: normal;
  text-align: left;
}

.stylization th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}

.stylization td {
  border-width: 0 1px 1px 0;
}

.stylization th,
.stylization td {
  padding: 10px 15px;
}

.stylization legend {
  line-height: 1.7;
  font-weight: 700;
  margin-top: 10px;
  display: inline-block;
}

.stylization .wpcf7 span.wpcf7-not-valid-tip {
  display: none;
}

.stylization .wpcf7 div.wpcf7-response-output {
  margin: 0;
  padding: 0;
  border: none;
}

.stylization .wpcf7 div.wpcf7-response-output.wpcf7-validation-errors {
  display: none !important;
}

.stylization input[type=email],
.stylization input[type=tel],
.stylization input[type=search],
.stylization input[type=password],
.stylization input[type=text],
.stylization input[type=number] {
  display: block;
  padding: 0 15px;
  color: #373d54;
  width: 100%;
  background: #f8fafc;
  font-size: 14px;
  height: 40px;
  border: 1px solid #e0e4f6;
  transition: all 0.2s;
}

.stylization input[type=email]:focus,
.stylization input[type=tel]:focus,
.stylization input[type=search]:focus,
.stylization input[type=password]:focus,
.stylization input[type=text]:focus,
.stylization input[type=number]:focus {
  border-color: #bfcedc;
}

.stylization input[type=search]::-webkit-input-placeholder,
.stylization input[type=password]::-webkit-input-placeholder,
.stylization input[type=tel]::-webkit-input-placeholder,
.stylization input[type=email]::-webkit-input-placeholder,
.stylization input[type=text]::-webkit-input-placeholder,
.stylization input[type=number]::-webkit-input-placeholder {
  color: #a0b0c1;
}

.stylization input[type=search]::-moz-placeholder,
.stylization input[type=password]::-moz-placeholder,
.stylization input[type=tel]::-moz-placeholder,
.stylization input[type=email]::-moz-placeholder,
.stylization input[type=text]::-moz-placeholder {
  color: #a0b0c1;
  opacity: 1;
}

.stylization input[type=search]:-ms-input-placeholder,
.stylization input[type=password]:-ms-input-placeholder,
.stylization input[type=tel]:-ms-input-placeholder,
.stylization input[type=email]:-ms-input-placeholder,
.stylization input[type=text]:-ms-input-placeholder {
  color: #a0b0c1;
}

.stylization textarea {
  display: block;
  padding: 12px 15px;
  background: #f8fafc;
  color: #373d54;
  width: 100%;
  font-size: 14px;
  height: 150px;
  border: 1px solid #e0e4f6;
  transition: all 0.2s;
}

.stylization textarea:focus {
  border-color: #bfcedc;
}

.stylization textarea::-webkit-input-placeholder {
  color: #a0b0c1;
}

.stylization textarea::-moz-placeholder {
  color: #a0b0c1;
  opacity: 1;
}

.stylization textarea:-ms-input-placeholder {
  color: #a0b0c1;
}

.stylization button,
.stylization input[type=submit] {
  display: block;
  border: none;
  transition: all 0.2s;
  font-weight: 500;
  background: #373d54;
  padding: 10px 35px;
  color: #ffffff;
  letter-spacing: 0.01em;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}

.stylization button:hover,
.stylization input[type=submit]:hover {
  background: #474f6e;
}

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

.main-ttl {
  font-size: 22px;
  text-transform: uppercase;
  color: #373d54;
  margin: 0 0 35px;
  font-weight: 900;
  position: relative;
  letter-spacing: 2px;
}

h1.main-ttl {
  font-size: 22px;
  margin: 0 0 35px;
}

.main-ttl span {
  position: relative;
  display: inline-block;
  padding: 0 0 8px;
}

.main-ttl span:before {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  height: 2px;
  left: 0;
  right: 0;
  background: #f8fafc;
}

.main-ttl span:after {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  height: 2px;
  left: 0;
  width: 60px;
  background: #373d54;
}

.maincont-ct .main-ttl {
  text-align: center;
}

.maincont-ct .main-ttl span:after {
  left: 50%;
  margin: 0 0 0 -30px;
}

/*----------------------------------
 * *4 - Stylization
 * *---------------------------------- */

/*----------------------------------
 * *5 - Breadcrumbs
 * *---------------------------------- */

ul.b-crumbs {
  font-size: 14px;
  color: #373d54;
  padding: 0 0 1px 0;
  margin: 0;
}

.maincont-ct ul.b-crumbs {
  text-align: center;
}

.b-crumbs li {
  display: inline-block;
  margin: 0 32px 6px 0;
  padding: 0;
  line-height: 1.7;
  position: relative;
}

.b-crumbs li:after {
  position: absolute;
  content: "\F105";
  font-size: 12px;
  font-family: FontAwesome;
  color: #373d54;
  display: block;
  left: auto;
  top: 0;
  line-height: 1;
  margin: 6px 0 0;
  right: -22px;
}

.b-crumbs li:last-child {
  margin-right: 0;
}

.b-crumbs li:last-child:after {
  display: none;
}

.b-crumbs li a {
  text-decoration: none;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  transition: all 0.2s;
  color: #373d54;
  line-height: 100%;
}

.b-crumbs li a:hover {
  border-bottom: 1px solid #373d54;
  color: #373d54;
  text-decoration: none;
}

.b-crumbs li span {
  color: #616161;
}

/*----------------------------------
 * *5 - Breadcrumbs
 * *---------------------------------- */

/*----------------------------------
 * *6 - Pagination
 * *---------------------------------- */

.pagi {
  margin: 30px auto 40px;
  display: block;
  padding: 0;
}

.pagi li {
  display: inline-block;
  margin: 0 0 10px 0;
}

.pagi li:first-child a,
.pagi li:first-child span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
}

.pagi li:last-child a,
.pagi li:last-child span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}

.pagi .active a,
.pagi .active span,
.pagi .active a:hover,
.pagi .active span:hover,
.pagi .active a:focus,
.pagi .active span:focus {
  background-color: #313b54;
  color: #fff;
  cursor: default;
  z-index: 2;
}

.pagi li a,
.pagi li span {
  font-size: 14px;
  font-weight: 500;
  border: none;
  float: left;
  line-height: 1.42857;
  margin-left: -1px;
  padding: 0 12px;
  position: relative;
  text-decoration: none;
  margin-right: 8px;
  color: #313b54;
  background: #eff1fa;
  border-radius: 0;
  line-height: 32px;
  height: 32px;
}

.pagi li a:hover {
  background: #313b54;
  color: #fff;
}

.pagi li.pagi-prev a,
.pagi li.pagi-next a {
  font-size: 16px;
}

/*----------------------------------
 * *6 - Pagination
 * *---------------------------------- */

/*----------------------------------
 * *7 - Frontpage Slider
 * *---------------------------------- */

.fr-slider-wrap {
  margin: 0 0 50px;
}

.fr-slider {
  margin: 0;
  overflow: hidden;
  position: relative;
}

.fr-slider .slides li {
  width: 100%;
  float: left;
  margin-right: -100%;
  opacity: 0;
  position: relative;
}

.fr-slider .slides li img {
  display: block;
}

.fr-slider .slides .fr-slider-cont {
  position: absolute;
  right: 0;
  left: 48%;
  top: 50%;
  transform: translate(0, -50%);
  font-size: 13px;
  padding: 0 30px 0 0;
}

.fr-slider .slides .fr-slider-cont h3 {
  font-size: 48px;
  color: #373d54;
  font-weight: 700;
  margin: 0 0 23px;
  line-height: 1.2;
  font-family: "PT Serif", serif;
}

.fr-slider .slides .fr-slider-cont p {
  padding: 0 0 0;
  margin: 0 0 45px;
}

.fr-slider .slides .fr-slider-cont .fr-slider-more-wrap {
  margin: 45px 0;
}

.fr-slider .slides .fr-slider-cont .fr-slider-more {
  color: #fff;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 11px 15px 12px;
  letter-spacing: 0.05em;
  vertical-align: top;
  line-height: 100%;
  display: inline-block;
  transition: all 0.2s;
  margin: 0;
  background: #373d54;
}

.fr-slider .slides .fr-slider-cont .fr-slider-more:hover {
  background: #474f6e;
}

.fr-slider .flex-control-nav {
  width: auto;
  position: absolute;
  padding-top: 15px;
  bottom: 5px;
  text-align: left;
  z-index: 2;
  left: 48%;
  right: 0;
}

.fr-slider .flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
  margin: 0 3px;
  display: inline-block;
}

.fr-slider .flex-control-paging li a {
  width: 23px;
  height: 3px;
  background: #e0e4f6;
  box-shadow: none;
  transition: all 0.2s;
}

.fr-slider .flex-control-paging li a:hover,
.fr-slider .flex-control-paging li a.flex-active {
  background: #373d54;
}

/*----------------------------------
 * *7 - Frontpage Slider
 * *---------------------------------- */

/*----------------------------------
 * *8 - Popular Products
 * *---------------------------------- */

.fr-pop-wrap {
  padding-top: 10px;
}

.fr-pop-wrap .component-ttl {
  margin-bottom: 35px;
}

.fr-pop-tabs {
  margin: 0 0 35px !important;
  padding: 0;
  position: relative;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
  list-style: none !important;
}

.fr-pop-tabs:after {
  display: block;
  clear: both;
  content: "";
}

.fr-pop-tabs li {
  margin: 0;
  padding: 0;
  float: left;
  list-style: none !important;
}

.fr-pop-tabs li a {
  display: block;
  padding: 15px 22px 15px;
  text-transform: uppercase;
  transition: all 0.2s;
  font-size: 14px;
  position: relative;
  font-weight: 500;
  color: #373d54;
  border: none;
}

.fr-pop-tabs li a:hover {
  color: #006d41;
  text-decoration: none;
}

.fr-pop-tabs li a.active {
  color: #fff;
  background: #373d54;
  margin: -1px 0;
  padding: 16px 22px 16px;
}

.fr-pop-tab-cont {
  overflow: hidden;
  position: relative;
  margin: 0 0 44px;
}

.fr-pop-tab {
  border: none;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  height: 0;
}

.fr-pop-tab-cont .fr-pop-tab:first-of-type {
  height: auto;
}

.height_auto {
  height: auto !important;
}

.fr-pop-tab-mob {
  display: none;
  cursor: pointer;
  border-top: 1px solid #e0e4f6;
  padding: 15px 0px 15px;
  text-transform: uppercase;
  transition: all 0.2s;
  color: #373d54;
  font-size: 16px;
  position: relative;
  font-weight: 500;
  margin: 0 !important;
}

.fr-pop-tab-mob:hover {
  color: #006d41;
}

.fr-pop-tab-mob.active {
  color: #006d41;
}

.fr-pop-tab-mob.active:before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 100%;
  box-sizing: content-box;
  padding: 0 1px;
  height: 3px;
  background: #006d41;
}

.fr-pop-tab .flex-direction-nav a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  opacity: 1 !important;
  margin: -40px 0 0;
  position: absolute;
  top: 50%;
  color: #373d54;
  text-shadow: none;
  background: rgba(255, 255, 255, 0.8);
}

.fr-pop-tab .flex-direction-nav a:before {
  display: block;
  content: "\F104";
  font-size: 26px;
  text-indent: initial;
  color: #373d54;
  font-family: FontAwesome;
  transition: all 0.3s;
  text-shadow: none;
}

.fr-pop-tab .flex-direction-nav a.flex-next:before {
  margin: 0 0 0 4px;
  content: "\F105";
}

.fr-pop-tab .flex-direction-nav a.flex-prev:before {
  margin: 0 2px 0 0;
  content: "\F104";
}

.fr-pop-tab .flex-direction-nav a:hover {
  background: #fff;
  text-decoration: none;
}

.fr-pop-tab.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 20px;
}

.fr-pop-tab.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 20px;
}

.fr-pop-tab .prod-i {
  width: 270px;
  margin-bottom: 38px;
}

.fr-pop-tab .flex-control-nav {
  bottom: 10px;
}

.fr-pop-tab .flex-control-nav li {
  margin: 0 4px;
}

.fr-pop-tab .flex-control-nav li a {
  display: block;
  border-radius: 0;
  width: 23px;
  height: 3px;
  box-shadow: none;
  transition: all 0.2s;
  background: #e0e4f6;
}

.fr-pop-tab .flex-control-nav li a:hover {
  background: #373d54;
}

.fr-pop-tab .flex-control-nav li a.flex-active {
  background: #373d54;
  cursor: default;
}

/* fr-pop-tab more */

.fr-pop-tabs {
  position: relative;
  overflow: hidden;
  height: 51px;
}

.fr-pop-tabs.sections-show {
  overflow: revert;
}

.fr-pop-tabs li.fr-pop-tabs-more {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #18202e;
  display: none;
  padding: 0;
  background: transparent;
  transition: all 0.2s;
  border-left: 1px solid transparent;
}

.fr-pop-tabs li.fr-pop-tabs-more:after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 5px;
  content: "";
  display: block;
}

.fr-pop-tabs li.fr-pop-tabs-more:hover {
  background: #fff;
  border-left: 1px solid #e0e4f6;
}

.fr-pop-tabs-more span {
  display: block;
  padding: 0 19px;
  height: 51px;
  line-height: 51px;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub {
  position: absolute;
  background: #fff;
  border-top: 1px solid #e0e4f6;
  border-left: 1px solid #e0e4f6;
  border-right: 1px solid #e0e4f6;
  text-align: left;
  margin: 5px 0 0;
  transition: all 0.3s ease;
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 4;
  width: 0;
  overflow: hidden;
  right: 0;
  left: auto;
  top: 100%;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub:after {
  clear: both;
  display: block;
  content: "";
}

.fr-pop-tabs li.fr-pop-tabs-more:hover .fr-pop-tabs-sub {
  width: auto;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  overflow: initial;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li {
  position: relative;
  line-height: 120%;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li a {
  text-transform: none;
  font-weight: 400;
  color: #373d54;
  font-size: 14px;
  line-height: 120%;
  border-bottom: 1px solid #e0e4f6;
  display: block;
  padding: 11px 15px 11px 15px;
  transition: all 0.2s;
  background: #f8fafc;
  position: relative;
  width: 201px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li:hover > a {
  background: #fff;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li:after {
  content: "";
  background: #373d54;
  position: absolute;
  top: -1px;
  bottom: -1px;
  right: -1px;
  z-index: 3;
  width: 3px;
  display: none;
}

.fr-pop-tabs li.fr-pop-tabs-more .fr-pop-tabs-sub li:hover:after {
  display: block;
}

/* fr-pop-tab more */

/*----------------------------------
 * *8 - Popular Products
 * *---------------------------------- */

/*----------------------------------
 * *9 - Catalog | Gallery View
 * *---------------------------------- */

.prod-items .prod-i {
  float: left;
  transition: all 0.2s;
  position: relative;
  box-sizing: border-box;
  margin-right: 12px;
}

.prod-items .prod-i .prod-i-top {
  border: 1px solid #e0e4f6;
  display: block;
  position: relative;
  margin: 0 0 18px;
}

.prod-items .prod-i .prod-i-top:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  height: 3px;
  background: #373d54;
  left: -1px;
  right: -1px;
  opacity: 0;
  transition: all 0.3s;
}

.prod-items .prod-i:hover .prod-i-top:after {
  opacity: 1;
}

.prod-items .prod-i-img {
  padding: 15px;
  display: block;
  height: 263px;
  text-align: center;
  vertical-align: middle;
  position: relative;
}

.prod-items .prod-i-img:before {
  display: inline-block;
  vertical-align: middle;
  content: "";
  height: 100%;
  width: 0;
}

.prod-items .prod-i-img img {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.prod-sticker {
  position: absolute;
  top: 5px;
  left: -1px;
  z-index: 1;
}

.prod-sticker p {
  margin: 10px 0 0;
  padding: 2px 7px;
  display: inline-block;
  min-width: 45px;
  text-align: center;
  text-transform: uppercase;
  color: #ffffff;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
}

.prod-sticker br {
  line-height: 1;
}

.prod-sticker .prod-sticker-1 {
  background: #0ba011;
}

.prod-sticker .prod-sticker-2 {
  background: #e82131;
}

.prod-sticker .prod-sticker-3 {
  background: #28a6fd;
}

.prod-sticker .prod-sticker-4 {
  background: #0f81d0;
}

.prod-sticker .countdown {
  text-transform: none;
  display: none;
}

.prod-sticker .countdown.display {
  display: inline-block;
}

.prod-items .prod-i h3 {
  font-size: 15px;
  margin: 0 0 4px;
  text-align: center;
  font-weight: bold;
}

.prod-items .prod-i h3 a {
  color: #373d54;
  letter-spacing: 0.02em;
  transition: all 0.2s;
}

.prod-items .prod-i h3 a:hover {
  color: #006d41;
}

.prod-items .prod-i-info {
  padding: 0;
  width: 120px;
  left: 50%;
  margin: 0 0 0 -40px;
  top: 93px;
  position: absolute;
  transition: all 0.3s;
  opacity: 0;
}

.prod-items .prod-i-info:after {
  clear: both;
  content: "";
  display: block;
}

.prod-items .prod-i-top:hover .prod-i-info {
  opacity: 1;
}

.prod-items .prod-i-info .fa * {
  line-height: 1;
  vertical-align: middle;
}

.prod-items .prod-i-price {
  font-size: 13px;
  color: #373d54;
  display: block;
  margin: 0 0 10px;
  text-align: center;
  font-weight: 400;
}

.prod-items .prod-i-price b {
  font-weight: 700;
  font-size: 20px;
}

.prod-items .prod-i-more,
.prod-items .prod-i-compare,
.prod-items .prod-i-qview,
.prod-items .prod-i-favorites {
  float: left;
  width: 32px;
  height: 32px;
  cursor: pointer;
  border-radius: 32px;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
  font-size: 14px;
  color: #373d54;
  background: rgba(255, 255, 255, 0.9);
  margin: 0 12px 0 0;
  transition: all 0.2s;
  position: relative;
}

.prod-items .prod-i .prod-i-more:hover,
.prod-items .prod-i-compare:hover {
  background: #373d54;
  color: #fff;
}

.prod-items .prod-i .prod-i-qview:hover,
.prod-items .prod-i .prod-i-favorites:hover {
  background: #373d54;
  color: #fff;
}

.prod-items .prod-i .prod-i-compare.compare-added .fa:before,
.prod-items .prod-i .prod-i-favorites.favorite-added .fa:before {
  content: "\F00C";
}

.prod-items .prod-i-more span,
.prod-items .prod-i-compare span,
.prod-items .prod-i-qview span,
.prod-items .prod-i-favorites span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 100px;
  background: #313b54;
  display: block;
  margin: 0 0 10px -50px;
  border-radius: 4px;
  padding: 6px 0 7px;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  transition: all 0.2s ease;
  transform: translate3d(0, -4px, 0);
  visibility: hidden;
  opacity: 0;
}

.prod-items .prod-i-qview span {
  width: 140px;
  margin: 0 0 10px -70px;
}

.prod-items .prod-i-more span:before,
.prod-items .prod-i-compare span:before,
.prod-items .prod-i-qview span:before,
.prod-items .prod-i-favorites span:before {
  position: absolute;
  top: 100%;
  content: "";
  left: 50%;
  display: block;
  margin: 0 0 0 -6px;
  width: 0;
  height: 0;
  line-height: 1;
  border-top: 5px solid #313b54;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transition: all 0.2s ease;
  transform: translate3d(0, -4px, 0);
  visibility: hidden;
  opacity: 0;
}

.prod-items .prod-i-more:hover span,
.prod-items .prod-i-compare:hover span,
.prod-items .prod-i-qview:hover span,
.prod-items .prod-i-favorites:hover span,
.prod-items .prod-i-more:hover span:before,
.prod-items .prod-i-compare:hover span:before,
.prod-items .prod-i-qview:hover span:before,
.prod-items .prod-i-favorites:hover span:before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

.prod-items .prod-i-compare {
  margin-right: 0;
}

.display_none {
  display: none !important;
}

.prod-items .prod-i-buy {
  position: absolute;
  padding: 8px 3px;
  width: 120px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.3s;
  color: #373d54;
  text-transform: uppercase;
  top: 137px;
  left: 50%;
  margin: 0 0 0 -60px;
  letter-spacing: 0.04em;
  opacity: 0;
}

.prod-items .prod-i-buy:hover {
  background: #373d54;
  color: #fff;
}

.prod-items .prod-i-top:hover .prod-i-buy {
  opacity: 1;
}

.prod-items .prod-i-buy.prod-i-buy-notshown {
  display: none !important;
}

.prod-items .prod-i .prod-i-buy.prod-i-notavailable {
  color: #B61B34;
  background: #fff;
  border: 1px solid #e0e4f6;
}

.prod-items .prod-i-addwrap {
  padding: 0;
  position: absolute;
  width: 120px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
  transition: all 0.3s;
  color: #373d54;
  text-transform: uppercase;
  top: 137px;
  left: 50%;
  margin: 0 0 0 -60px;
  letter-spacing: 0.04em;
  opacity: 0;
}

.prod-items .prod-i-add {
  padding: 8px 3px;
  display: block;
  margin: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.3s;
  color: #373d54;
}

.prod-items .prod-i-add.prod-i-add-notshown {
  display: none !important;
}

.prod-items .prod-i-top:hover .prod-i-addwrap {
  opacity: 1;
}

.prod-items .prod-i .prod-i-add:hover {
  background: #373d54;
  color: #fff;
}

.prod-items .prod-i .prod-i-addwrap .prod-i-addres {
  display: none;
  width: 150px;
  padding: 8px 0;
  font-size: 13px;
  margin: 0 0 8px -75px;
  border: 1px solid #e0e4f6;
  background: rgba(255, 255, 255, 0.9);
  position: absolute;
  bottom: 100%;
  color: #373d54;
  font-weight: 500;
  left: 50%;
  line-height: 140%;
  text-transform: none;
}

.prod-items .prod-i .prod-i-addwrap .prod-i-addres:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0 0 0 -8px;
  border-top: 8px solid #fff;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-items .prod-i .prod-i-addwrap .prod-i-addres:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 1px 0 0 -8px;
  border-top: 8px solid #e0e4f6;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-items .prod-i .prod-i-addwrap .prod-i-addres a {
  font-weight: 400;
  display: inline-block;
  color: #006d41;
  text-decoration: none;
  border-bottom: 1px solid #006d41;
  transition: all 0.2s;
  line-height: 140%;
}

.prod-items .prod-i .prod-i-addwrap .prod-i-addres a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #006d41;
}

.prod-items .prod-i .prod-i-properties-label {
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
  font-size: 14px;
  color: #373d54;
  background: rgba(255, 255, 255, 0.9);
  transition: all 0.2s;
  position: absolute;
  bottom: 7px;
  left: 5px;
  margin: 0;
  padding: 0;
  opacity: 0;
}

.prod-items .prod-i-top:hover .prod-i-properties-label {
  opacity: 1;
}

.prod-items .prod-i .prod-i-properties-label:hover {
  background: #373d54;
  color: #fff;
}

.prod-items .prod-i .prod-i-properties {
  position: absolute;
  top: 50%;
  right: 100%;
  width: 180px;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid #e0e4f6;
  margin: 0 -10px 0 0;
  padding: 0 10px;
  transition: all 0.3s ease;
  transform: translate3d(-10px, -50%, 0);
  visibility: hidden;
  opacity: 0;
}

.prod-items .prod-i-top .prod-i-properties.show,
.prod-items .prod-i-top .prod-i-properties-label:hover + .prod-i-properties {
  opacity: 1;
  transform: translate3d(0, -50%, 0);
  visibility: visible;
}

.prod-items .prod-i .prod-i-properties:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -8px 0 0 0;
  border-left: 8px solid #dce0f2;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
}

.prod-items .prod-i .prod-i-properties:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 100%;
  margin: -8px 0 0 0;
  border-left: 8px solid #dce0f2;
  border-right: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 8px solid #fff;
  margin-left: -1px;
}

.prod-items .prod-i dl {
  font-size: 13px;
  overflow: hidden;
  padding: 10px 0 10px;
  margin: 0;
}

.prod-items .prod-i dl dt {
  color: #373d54;
  display: inline;
  overflow: hidden;
  line-height: 1.2;
}

.prod-items .prod-i dl dd {
  color: #7e7e7e;
  display: inline;
  overflow: hidden;
  line-height: 1.2;
}

.prod-items .prod-i .prod-i-skuwrapcolor {
  text-align: center;
  font-size: 0;
}

.prod-items .prod-i .prod-i-skuwrapcolor * {
  line-height: 1;
  font-size: 15px;
}

.prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor {
  text-align: center;
  display: inline-block;
}

.prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor li {
  margin: 0 3px 3px 3px;
  float: left;
}

.prod-items .prod-i .prod-i-skuwrap {
  margin: 0 0 25px;
  display: none;
}

.prod-items .prod-i .prod-i-skuttl {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 4px;
  color: #373d54;
}

.prod-items .prod-i .prod-i-skucolorttl {
  display: none !important;
}

.prod-items .prod-i .prod-i-skucolor {
  overflow: hidden;
  margin: 0;
  padding: 0;
}

.prod-items .prod-i .prod-i-skucolor li {
  float: left;
  width: 16px;
  height: 16px;
  margin: 0 3px 7px 3px;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}

.prod-items .prod-i .prod-i-skucolor li:hover {
  opacity: 0.85;
}

.prod-items .prod-i .prod-i-skucolor li.bx_active:after,
.prod-items .prod-i .prod-i-skucolor li.active:after {
  position: absolute;
  content: "\F00C";
  display: block;
  font-family: FontAwesome;
  font-size: 8px;
  color: #fff;
  margin: 4px 0 0 4px;
  top: 0;
  line-height: 1;
  left: 0;
}

.prod-items .prod-i .prod-i-skucolor li img {
  border-radius: 50px;
  display: block;
  width: 100%;
  height: 100%;
}

.prod-items .prod-i .prod-i-sku {
  margin: 0 0 15px;
}

.prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor li img {
  display: none;
}

.prod-items .prod-i .prod-i-skuwrapcolor .prod-i-skucolor li:not(.bx_missing) img {
  display: block;
}

.prod-items .prod-i .offer-props-select {
  margin: 0 0 10px;
  z-index: 10;
  font-size: 15px;
  color: #8e8e8e;
  position: relative;
}

.prod-items .prod-i .offer-props-select.opened {
  z-index: 50;
}

.prod-items .prod-i .offer-props-select p {
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  color: #8e8e8e;
  height: 30px;
  line-height: 30px;
  padding: 0 25px 0 12px;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: relative;
}

.prod-items .prod-i .offer-props-select p:after {
  position: absolute;
  content: "\F107";
  top: 50%;
  font-size: 18px;
  right: 10px;
  transform: translate(0, -50%);
  font-family: FontAwesome;
}

.prod-items .prod-i .offer-props-select.opened p:after {
  content: "\F106";
}

.prod-items .prod-i .offer-props-select ul {
  box-sizing: border-box;
  width: 100%;
  margin: -1px 0 0;
  padding: 0;
  border: 1px solid #e0e4f6;
  border-top: none;
  background: #FFF;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.prod-items .prod-i .offer-props-select.opened ul {
  display: block;
}

.prod-items .prod-i .offer-props-select ul li a {
  min-height: 18px;
  padding: 5px 12px 4px;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  display: block;
}

.prod-items .prod-i .offer-props-select ul li a:hover {
  text-decoration: none;
}

.prod-items .prod-i .offer-props-select ul li a:after {
  position: absolute;
  left: 10px;
  right: 10px;
  display: block;
  height: 1px;
  background: #e0e4f6;
  content: "";
  top: 0;
}

.prod-items .prod-i .offer-props-select ul li a:hover {
  background-color: #006d41;
  color: #FFF;
  text-decoration: none;
}

.prod-items .prod-i .offer-props-select ul li a:hover:after {
  display: none;
}

.prod-items .prod-i .offer-props-select ul li:hover + li a:after {
  display: none;
}

.prod-items .prod-i .offer-props-select ul li.active a {
  background-color: #006d41;
  color: #FFF;
}

.prod-items .prod-i .offer-props-select ul li.active a:after {
  display: none;
}

.tmb-wrap {
  position: absolute;
  z-index: 2;
  top: 0;
  bottom: -1px;
  left: -1px;
  right: -1px;
}

.tmb-wrap .tmb-wrap-table {
  display: table;
  height: 100%;
  width: 100%;
}

.tmb-wrap-table div {
  display: table-cell;
  border-bottom: 3px solid transparent;
  padding-top: 10px;
  transition: all 0.25s ease;
}

.prod-items.prod-items-galimg .prod-i:hover .tmb-wrap-table div.active {
  border-color: #006d41;
}

.tmb-wrap-table div:first-child:last-child {
  border-color: transparent;
}

.prod-items.prod-items-galimg .prod-i-img .image-wrap {
  display: block;
  width: 100%;
  height: 100%;
}

.prod-items.prod-items-galimg .prod-i-img .image-wrap:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.prod-items.prod-items-galimg .prod-i-img img {
  display: none;
  vertical-align: middle;
}

.prod-items.prod-items-galimg .prod-i-img img:first-child {
  display: inline-block;
}

.prod-items.prod-items-galimg .prod-i-img:before {
  display: none;
}

.prod-items.prod-items-galimg .prod-i-action {
  text-align: center;
  height: 32px;
  position: relative;
  margin: 0 0 6px;
}

.prod-items.prod-items-galimg .prod-i-info {
  width: auto;
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  opacity: 0;
  margin: 0;
  transition: none;
}

.prod-items.prod-items-galimg .prod-i:hover .prod-i-info {
  opacity: 1;
}

.prod-items.prod-items-galimg .prod-i-more,
.prod-items.prod-items-galimg .prod-i-compare,
.prod-items.prod-items-galimg .prod-i-qview,
.prod-items.prod-items-galimg .prod-i-favorites {
  float: none;
  background: none !important;
  margin: 0 3px;
  display: inline-block;
  color: #313b54 !important;
}

.prod-items.prod-items-galimg .prod-i-buy {
  position: relative;
  padding: 0;
  font-size: 20px;
  background: none;
  color: #006d41;
  top: auto;
  left: auto;
  letter-spacing: initial;
  opacity: 1;
  text-transform: none;
  font-weight: normal;
  width: 36px;
  height: 32px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 3px;
}

.prod-items.prod-items-galimg .prod-i .prod-i-properties-label {
  color: #373d54 !important;
  background: none !important;
  margin: 0 3px;
  position: relative;
  bottom: auto;
  left: auto;
  opacity: 1;
  display: inline-block;
}

.prod-items.prod-items-galimg .prod-i-properties-label span,
.prod-items.prod-items-galimg .prod-i-buy span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 100px;
  background: #313b54;
  display: block;
  margin: 0px 0 10px -50px;
  border-radius: 4px;
  padding: 6px 0 7px;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  transition: all 0.2s ease;
  transform: translate3d(0, -4px, 0);
  visibility: hidden;
  opacity: 0;
}

.prod-items.prod-items-galimg .prod-i-properties-label span:before,
.prod-items.prod-items-galimg .prod-i-buy span:before {
  position: absolute;
  top: 100%;
  content: "";
  left: 50%;
  display: block;
  margin: 0px 0 0px -6px;
  width: 0;
  height: 0;
  line-height: 1;
  border-top: 5px solid #313b54;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transition: all 0.2s ease;
  transform: translate3d(0, -4px, 0);
  visibility: hidden;
  opacity: 0;
}

.prod-items.prod-items-galimg .prod-i-properties-label:hover span,
.prod-items.prod-items-galimg .prod-i-buy:hover span,
.prod-items.prod-items-galimg .prod-i-properties-label:hover span:before,
.prod-items.prod-items-galimg .prod-i-buy:hover span:before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

.prod-items.prod-items-galimg .prod-i-price {
  margin: 0;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.prod-items.prod-items-galimg .prod-i:hover .prod-i-price {
  display: none;
}

.prod-items .prodlist-i {
  border: 1px solid #e0e4f6;
  transition: all 0.2s;
  position: relative;
  padding: 22px 22px 7px 300px;
  margin: 0 0 30px;
  min-height: 170px;
}

.prod-items .prodlist-i:after {
  clear: both;
  display: block;
  content: "";
}

.prod-items .prodlist-i-img {
  display: block;
  width: 260px;
  top: 20px;
  bottom: 20px;
  left: 20px;
  position: absolute;
  vertical-align: middle;
  text-align: center;
}

.prod-items .prodlist-i-img:after {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}

.prod-items .prodlist-i-img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}

.prod-items .prodlist-i-cont {
  float: left;
  width: 60%;
  margin-right: 4%;
}

.prod-items .prodlist-i-cont:after {
  content: "";
  clear: both;
  display: block;
}

.prod-items .prodlist-i-cont h3 {
  font-size: 20px;
  color: #373d54;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 18px;
}

.prod-items .prodlist-i-cont h3 a {
  transition: all 0.2s;
  color: #373d54;
}

.prod-items .prodlist-i-cont h3 a:hover {
  text-decoration: none;
  color: #006d41;
}

.prod-items .prodlist-i-txt {
  margin: 0 0 19px;
  font-weight: 300;
  color: #616161;
  font-size: 13px;
}

.prod-items .prodlist-i-txt p {
  margin: 0;
  padding: 0;
}

.prod-items .prodlist-i-price {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 14px;
  color: #373d54;
  display: block;
  margin: 0;
  text-align: right;
}

.prod-items .prodlist-i-price b {
  font-weight: 500;
  font-size: 20px;
}

.prod-items .prodlist-i-price del {
  display: block;
  color: #9b9b9b;
}

.prod-items .prodlist-i-info {
  text-align: justify;
  font-size: 0;
}

.prod-items .prodlist-i-info:after {
  display: inline-block;
  width: 100%;
  clear: both;
  content: "";
}

.prod-items .prodlist-i-more {
  width: 30px;
  height: 30px;
  border-radius: 30px;
  border: 1px solid #e0e4f6;
  line-height: 28px;
  text-align: center;
  vertical-align: middle;
  font-size: 18px;
  color: #aeaeae;
  padding: 0 0 0 3px;
  margin: 0 0 10px 10px;
  transition: all 0.2s;
}

.prod-items .prodlist-i-more:hover {
  border: 1px solid rgba(0, 0, 0, 0);
  background: rgba(18, 176, 255, 0.2);
  color: #006d41;
}

.prod-items .prodlist-i-qview,
.prod-items .prodlist-i-compare,
.prod-items .prodlist-i-favorites {
  padding: 0 0 0 23px;
  display: inline-block;
  vertical-align: top;
  text-align: center;
  margin: 0 0 20px 0;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  color: #7b7b7b;
  transition: all 0.2s;
}

.prod-items .prodlist-i-qview {
  padding: 0 0 0 21px;
}

.prod-items .prodlist-i-qview .fa {
  position: absolute;
  transition: all 0.2s;
  top: -1px;
  left: 0px;
  font-size: 15px;
  color: #dadada;
  padding: 1px;
}

.prod-items .prodlist-i-compare .fa,
.prod-items .prodlist-i-favorites .fa {
  position: absolute;
  transition: all 0.2s;
  top: -1px;
  left: 0px;
  font-size: 15px;
  color: #dadada;
  padding: 1px;
}

.prod-items .prodlist-i-compare .fa {
  font-size: 14px;
}

.prod-items .prodlist-i-qview .fa {
  font-size: 14px;
}

.prod-items .prodlist-i-qview:hover {
  color: #373d54;
}

.prod-items .prodlist-i-compare:hover,
.prod-items .prodlist-i-favorites:hover,
.prod-items .prodlist-i-qview:hover .fa,
.prod-items .prodlist-i-compare:hover .fa,
.prod-items .prodlist-i-favorites:hover .fa {
  color: #373d54;
}

.prod-items .prodlist-i-compare.compare-added .fa:before,
.prod-items .prodlist-i-favorites.favorite-added .fa:before {
  content: "\F00C";
}

.prod-items .prodlist-i-action {
  position: relative;
  margin: 0 0 7px;
}

.prod-items .prodlist-i-action:after {
  clear: both;
  content: "";
  display: block;
}

.prod-items .prodlist-i-qnt {
  overflow: hidden;
  margin: 0 0 16px;
  display: inline-block;
  vertical-align: top;
  width: 66px;
}

.prod-items .prodlist-i-qnt input[type=text],
.prod-items .prodlist-i-qnt input[type=number] {
  float: left;
  width: 56px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  color: #373d54;
  text-align: center;
  display: block;
  margin: 0 2px 0 0;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
}

.prod-items .prodlist-i-plus {
  float: left;
  width: 17px;
  margin: 5px 0 0;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.prod-items .prodlist-i-plus .fa {
  padding: 0;
  line-height: 1;
}

.prod-items .prodlist-i-minus {
  float: left;
  border-top: none;
  width: 17px;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.prod-items .prodlist-i-minus .fa {
  padding: 0;
  line-height: 1;
}

.prod-items .prodlist-i-qnt a:hover {
  color: #006d41;
}

.prod-items .prodlist-i-addwrap {
  padding: 0;
  margin: 0;
  font-size: 14px;
  transition: all 0.2s;
  color: #fff;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.prod-items .prodlist-i-add,
.prod-items .prodlist-i-notavailable {
  padding: 10px 18px 11px;
  display: inline-block;
  margin: 0 0 15px;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 500;
  transition: all 0.2s;
  text-transform: uppercase;
  color: #fff;
  background: #373d54;
  position: relative;
}

.prod-items .prodlist-i-add.prod-i-add-notshown {
  display: none !important;
}

.prod-items .prodlist-i .prodlist-i-add:hover {
  background: #474f6e;
}

.prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres {
  display: none;
  width: 150px;
  text-align: center;
  padding: 8px 0;
  font-size: 13px;
  margin: 0 0 8px -75px;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: absolute;
  bottom: 100%;
  color: #373d54;
  font-weight: 500;
  left: 50%;
  line-height: 140%;
}

.prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0 0 0 -8px;
  border-top: 8px solid #fff;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 1px 0 0 -8px;
  border-top: 8px solid #e0e4f6;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres a {
  font-weight: 400;
  display: inline-block;
  color: #006d41;
  text-decoration: none;
  border-bottom: 1px solid #006d41;
  transition: all 0.2s;
  line-height: 140%;
}

.prod-items .prodlist-i .prodlist-i-addwrap .prod-i-addres a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #006d41;
}

.prod-items .prodlist-i-props-wrap {
  float: left;
  width: 36%;
  padding: 2px 0 13px;
}

.prod-items .prodlist-i-props {
  font-size: 13px;
  overflow: hidden;
}

.prod-items .prodlist-i-props li {
  padding: 5px 0 5px;
  color: #7b7b7b;
  overflow: hidden;
  border-top: 1px solid #e0e4f6;
}

.prod-items .prodlist-i-props li:first-child {
  border-top: none;
  padding-top: 0;
}

.prod-items .prodlist-i-props li b {
  color: #373d54;
  display: inline;
  overflow: hidden;
  font-weight: 500;
}

.prod-items .prodlist-i .prodlist-i-skuwrapcolor .prodlist-i-skucolor {
  width: 38px;
  float: right;
}

.prod-items .prodlist-i .prodlist-i-skuwrapcolor .prodlist-i-skucolor li {
  margin: 0 0 3px 0;
}

.prod-items .prodlist-i .prodlist-i-skuwrap {
  margin: 0;
  clear: both;
}

.prod-items .prodlist-i .prodlist-i-skuitem {
  display: inline-block;
  vertical-align: top;
  margin: 0 30px 16px 0;
}

.prod-items .prodlist-i .prodlist-i-skuttl {
  font-size: 11px;
  text-transform: uppercase;
  margin: 0 0 11px;
  color: #7b7b7b;
}

.prod-items .prodlist-i .prodlist-i-skucolor {
  overflow: hidden;
  margin: 0;
  padding: 4px 0 0;
}

.prod-items .prodlist-i .prodlist-i-skucolor li {
  display: inline-block;
  margin: 0 3px 7px 0;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}

.prod-items .prodlist-i .prodlist-i-skucolor li:hover {
  opacity: 0.85;
}

.prod-items .prodlist-i .prodlist-i-skucolor li.bx_active:after,
.prod-items .prodlist-i .prodlist-i-skucolor li.active:after {
  position: absolute;
  content: "\F00C";
  display: block;
  font-family: FontAwesome;
  font-size: 8px;
  color: #fff;
  margin: 4px 0 0 4px;
  top: 0;
  line-height: 1;
  left: 0;
}

.prod-items .prodlist-i .prodlist-i-skucolor li img {
  border-radius: 50px;
  display: block;
  width: 100%;
  height: 100%;
}

.prod-items .prodlist-i .prodlist-i-sku {
  margin: 0 0 15px;
}

.prod-items .prodlist-i .offer-props-select {
  margin: 0 0 10px;
  z-index: 10;
  font-size: 13px;
  color: #202020;
  position: relative;
}

.prod-items .prodlist-i .offer-props-select.opened {
  z-index: 50;
}

.prod-items .prodlist-i .offer-props-select p {
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  font-size: 13px;
  color: #202020;
  height: 24px;
  line-height: 22px;
  padding: 0 28px 0 8px;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: relative;
}

.prod-items .prodlist-i .offer-props-select p:after {
  position: absolute;
  content: "\F107";
  top: 50%;
  font-size: 18px;
  color: #373d54;
  right: 9px;
  transform: translate(0, -50%);
  font-family: FontAwesome;
}

.prod-items .prodlist-i .offer-props-select.opened p:after {
  content: "\F106";
}

.prod-items .prodlist-i .offer-props-select ul {
  box-sizing: border-box;
  min-width: 100%;
  margin: -1px 0 0;
  padding: 0;
  border: 1px solid #e0e4f6;
  border-top: none;
  background: #FFF;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.prod-items .prodlist-i .offer-props-select.opened ul {
  display: block;
}

.prod-items .prodlist-i .offer-props-select ul li a {
  min-height: 18px;
  padding: 3px 8px 2px;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  display: block;
}

.prod-items .prodlist-i .offer-props-select ul li a:hover {
  text-decoration: none;
  color: #373d54;
}

.prod-items .prodlist-i .offer-props-select ul li a:after {
  position: absolute;
  left: 10px;
  right: 10px;
  display: block;
  height: 1px;
  background: #e0e4f6;
  content: "";
  top: 0;
}

.prod-items .prodlist-i .offer-props-select ul li a:hover {
  color: #373d54;
}

.prod-items .prodlist-i .offer-props-select ul li.active a {
  background-color: #373d54;
  color: #FFF;
  margin-left: -1px;
  margin-right: -1px;
}

.prod-items .prodlist-i .offer-props-select ul li.active a:after {
  display: none;
}

/*----------------------------------
 * *9 - Catalog | Gallery View
 * *---------------------------------- */

/*----------------------------------
 * *10 - Catalog | List View
 * *---------------------------------- */

.list-img-carousel .tmb-wrap {
  top: 0;
  bottom: -21px;
  left: 0;
  right: 0;
}

.list-img-carousel .tmb-wrap-table div {
  border-bottom: 1px solid transparent;
}

.prodlist-i:hover .tmb-wrap-table div.active {
  border-color: #373d54;
}

.prodlist-i .list-img-carousel .image-wrap {
  display: block;
  width: 100%;
  height: 100%;
}

.prodlist-i .list-img-carousel .image-wrap:after {
  content: "";
  display: inline-block;
  vertical-align: middle;
  height: 100%;
}

.prodlist-i .list-img-carousel img {
  display: none;
  vertical-align: middle;
}

.prodlist-i .list-img-carousel img:first-child {
  display: inline-block;
}

.prodlist-i .list-img-carousel:before {
  display: none;
}

.prod-items.prod-list2 .prodlist-i-props-wrap {
  float: none;
  width: auto;
  padding: 2px 15px 13px;
}

.prod-items.prod-list2 .prodlist-i-cont {
  float: none;
  width: auto;
  margin-right: 0;
}

.prod-items.prod-list2 .prodlist-i-info {
  text-align: left;
}

.prod-items.prod-list2 .prodlist-i-qview,
.prod-items.prod-list2 .prodlist-i-compare,
.prod-items.prod-list2 .prodlist-i-favorites {
  margin: 0 15px 7px 0;
}

.prod-items.prod-list2 .prodlist-i-price {
  position: relative;
  top: auto;
  right: auto;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 7px 19px 0 0;
}

.prod-items.prod-list2 .prodlist-i-action {
  margin: 0px 35px 7px 0;
  display: inline-block;
  vertical-align: middle;
}

.prod-items.prod-list2 .prodlist-i .prodlist-i-skuwrap {
  display: inline-block;
  vertical-align: middle;
}

.prod-items.prod-list2 .prodlist-i .prodlist-i-skuwrap .prodlist-i-skuitem:last-child {
  margin-right: 0;
}

.prodlist-i-props2 {
  overflow: hidden;
  margin-bottom: 15px;
}

.prodlist-i-props2 li {
  border-bottom: 1px dotted #b8c3e2;
  font-size: 0;
  margin: 0 4% 5px 0;
  width: 48%;
  float: left;
}

.prodlist-i-props2 li:nth-child(2n+1) {
  clear: left;
}

.prodlist-i-props2 li:nth-child(2n) {
  margin-right: 0;
}

.prodlist-i-props2 li * {
  font-size: 13px;
  line-height: 1.2;
}

.prodlist-i-props2 .prodlist-i-propttl {
  width: 50%;
  padding-right: 15px;
  display: inline-block;
  vertical-align: bottom;
  color: #373d54;
  font-weight: 500;
}

.prodlist-i-props2 .prodlist-i-propttl span {
  background: #fff;
  display: inline-block;
  padding-bottom: 0;
  vertical-align: bottom;
  margin-bottom: -4px;
}

.prodlist-i-props2 .prodlist-i-propval {
  background: #fff;
  color: #7b7b7b;
  width: 50%;
  display: inline-block;
  padding-bottom: 0;
  vertical-align: bottom;
  margin-bottom: -4px;
}

/*----------------------------------
 * *10 - Catalog | List View
 * *---------------------------------- */

/*----------------------------------
 * *11 - Catalog | Table View
 * *---------------------------------- */

.prod-items.prod-tb .prodlist-i-props-wrap {
  float: none;
  width: auto;
  padding: 2px 15px 13px;
}

.prod-items.prod-tb .prodlist-i-cont {
  float: none;
  width: auto;
  margin-right: 0;
}

.prod-items.prod-tb .prodlist-i-info {
  text-align: left;
}

.prod-items.prod-tb .prodlist-i-qview,
.prod-items.prod-tb .prodlist-i-compare,
.prod-items.prod-tb .prodlist-i-favorites {
  margin: 0 15px 7px 0;
}

.prod-items.prod-tb .prodlist-i-price {
  position: relative;
  top: auto;
  right: auto;
  text-align: left;
  display: inline-block;
  vertical-align: middle;
  margin: 7px 19px 0 0;
}

.prod-items.prod-tb .prodlist-i-action {
  margin: 0px 35px 7px 0;
  display: inline-block;
  vertical-align: middle;
}

.prod-items.prod-tb .prodlist-i .prodlist-i-skuwrap {
  display: inline-block;
  vertical-align: middle;
}

.prod-items.prod-tb .prodlist-i .prodlist-i-skuwrap .prodlist-i-skuitem:last-child {
  margin-right: 0;
}

.prodtb-i .prodtb-i-top {
  border-left: 1px solid #e0e4f6;
  border-right: 1px solid #e0e4f6;
  border-bottom: 1px solid #e0e4f6;
  padding: 5px 300px 5px 63px;
  position: relative;
  min-height: 45px;
}

.prodtb-i:first-child .prodtb-i-top {
  border-top: 1px solid #e0e4f6;
}

.prodtb-i .prodtb-i-toggle {
  width: 44px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  display: block;
  border: none;
  border-right: 1px solid #e0e4f6;
  background: none;
  padding: 0;
}

.prodtb-i .prodtb-i-toggle:hover {
  background-color: #f8fafc;
}

.prodtb-i .prodtb-i-toggle:after {
  width: 12px;
  height: 7px;
  margin: -4px 0 0 -6px;
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  bottom: 0;
  background: url(/images/arr1.png?04277e9130ac9416ffb2d2c11f4268b0) no-repeat left top;
  display: block;
}

.prodtb-i .prodtb-i-toggle.opened:after {
  background-position: left bottom;
}

.prodtb-i .prodtb-i-info {
  position: absolute;
  padding: 2px 10px 0 20px;
  top: 0;
  min-width: 123px;
  text-align: center;
  right: 160px;
  bottom: 0;
  display: block;
  border-left: 1px solid #e0e4f6;
  background: none;
}

.prod-items .prodtb-i-price {
  font-size: 15px;
  color: #373d54;
  display: inline-block;
  vertical-align: middle;
  margin: 0 7px 0 0;
}

.prod-items .prodtb-i-price b {
  font-weight: 500;
}

.prod-items .prodtb-i-price del {
  display: block;
  color: #9b9b9b;
  font-size: 12px;
  line-height: 1;
}

.prod-items .prodtb-i-qnt {
  overflow: hidden;
  margin: 0;
  display: inline-block;
  vertical-align: middle;
  width: 38px;
}

.prod-items .prodtb-i-qnt input[type=text],
.prod-items .prodtb-i-qnt input[type=number] {
  float: right;
  width: 23px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  color: #373d54;
  text-align: center;
  display: block;
  margin: 0;
  background: transparent;
  border: none;
}

.prod-items .prodtb-i-plus {
  float: left;
  width: 15px;
  margin: 5px 0 0;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.prod-items .prodtb-i-plus .fa {
  padding: 0;
  line-height: 1;
}

.prod-items .prodtb-i-minus {
  float: left;
  border-top: none;
  width: 15px;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.prod-items .prodtb-i-minus .fa {
  padding: 0;
  line-height: 1;
}

.prod-items .prodtb-i-qnt a:hover {
  color: #006d41;
}

.prodtb-i .prodtb-i-ttl {
  line-height: 33px;
}

.prodtb-i .prodtb-i-ttl a {
  display: inline-block;
  vertical-align: middle;
  line-height: 1.15;
  font-size: 15px;
  transition: color 0.2s;
}

.prodtb-i .prodtb-i-ttl a:hover {
  color: #006d41;
}

.prodtb-i .prodtb-i-action {
  width: 160px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  border-left: 1px solid #e0e4f6;
  background: none;
  text-align: center;
  padding: 6px 0 0;
}

.prodtb-i .prodtb-i-favorites,
.prodtb-i .prodtb-i-compare,
.prodtb-i .prodtb-i-qview,
.prodtb-i .prodtb-i-buy {
  font-size: 16px;
  color: #006d41;
  width: 28px;
  height: 32px;
  line-height: 32px;
  vertical-align: middle;
  display: inline-block;
  margin: 0 1px;
  position: relative;
  text-align: center;
}

.prodtb-i .prodtb-i-favorites,
.prodtb-i .prodtb-i-compare,
.prodtb-i .prodtb-i-qview {
  font-size: 14px;
  color: #313b54;
  width: 28px;
}

.prodtb-i .prodtb-i-favorites span,
.prodtb-i .prodtb-i-compare span,
.prodtb-i .prodtb-i-qview span,
.prodtb-i .prodtb-i-buy span {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 88px;
  background: #313b54;
  display: block;
  margin: 0px 0 10px -44px;
  border-radius: 4px;
  padding: 6px 0 7px;
  line-height: 1;
  color: #fff;
  font-size: 13px;
  transition: all 0.2s ease;
  transform: translate3d(0, -4px, 0);
  visibility: hidden;
  opacity: 0;
}

.prodtb-i .prodtb-i-favorites span:before,
.prodtb-i .prodtb-i-compare span:before,
.prodtb-i .prodtb-i-qview span:before,
.prodtb-i .prodtb-i-buy span:before {
  position: absolute;
  top: 100%;
  content: "";
  left: 50%;
  display: block;
  margin: 0px 0 0px -6px;
  width: 0;
  height: 0;
  line-height: 1;
  border-top: 5px solid #313b54;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transition: all 0.2s ease;
  transform: translate3d(0, -4px, 0);
  visibility: hidden;
  opacity: 0;
}

.prodtb-i .prodtb-i-favorites:hover span,
.prodtb-i .prodtb-i-compare:hover span,
.prodtb-i .prodtb-i-qview:hover span,
.prodtb-i .prodtb-i-buy:hover span {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
  z-index: 11;
}

.prodtb-i .prodtb-i-favorites:hover span:before,
.prodtb-i .prodtb-i-compare:hover span:before,
.prodtb-i .prodtb-i-qview:hover span:before,
.prodtb-i .prodtb-i-buy:hover span:before {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  visibility: visible;
}

.prodtb-i .prodlist-i {
  margin: 0;
  border-top: none;
  display: none;
}

/*----------------------------------
 * *11 - Catalog | Table View
 * *---------------------------------- */

/*----------------------------------
 * *12 - Sidebar Categories
 * *---------------------------------- */

.section-sb {
  float: left;
  width: 25%;
  padding: 0 0 50px;
}

.section-sb-current {
  margin: 0 0 50px;
  border: 1px solid #e0e4f6;
}

.section-sb-current h3 {
  color: #373d54;
  font-weight: 500;
  text-transform: uppercase;
  font-size: 15px;
  margin: 0;
  position: relative;
}

.section-sb-current h3 .section-sb-toggle {
  display: none;
}

.section-sb-current h3 a {
  color: #373d54;
  transition: all 0.2s;
  display: block;
  padding: 12px 15px 10px;
  text-decoration: none;
}

.section-sb-current h3 a:hover {
  text-decoration: none;
  background: #f8fafc;
}

.section-sb-current .section-sb-img {
  width: 100%;
  overflow: hidden;
  margin: 0 0 14px;
}

.section-sb-current .section-sb-img img {
  max-height: 300px;
}

.section-sb-current ul {
  padding: 0;
  margin: 0;
}

.section-sb-current .section-sb-list {
  border-top: 1px solid #e0e4f6;
}

.section-sb-current ul li {
  color: #373d54;
  font-size: 14px;
  position: relative;
  padding: 0;
}

.section-sb-current ul li.has_child > a {
  padding-right: 35px;
}

.section-sb-current ul li a {
  color: #373d54;
  transition: all 0.2s;
  padding: 10px 15px;
  display: block;
  position: relative;
}

.section-sb-current ul li.active > a {
  font-weight: 500;
}

.section-sb-current ul li ul {
  display: none;
  position: relative;
  background: #f8fafc;
}

.section-sb-current ul li.active > ul {
  display: block;
}

.section-sb-current ul li.active_parent > a {
  font-weight: 500;
}

.section-sb-current ul li.active_parent > a ul {
  display: block;
}

.section-sb-current > ul > li > a {
  padding: 0;
}

.section-sb-current > ul > li > a > .categ-1-label {
  padding: 10px 15px;
  display: block;
}

.section-sb-current > ul > li > a > .categ-1-label:hover {
  background: #f8fafc;
}

.section-sb-current > ul > li {
  border-top: 1px solid #e0e4f6;
}

.section-sb-current > ul > li:first-child {
  border-top: none;
}

.section-sb-current > ul > li > a {
  display: block;
}

.section-sb-current > ul > li > a ul {
  position: relative;
  padding: 4px 0;
  border-top: 1px solid #e0e4f6;
}

.section-sb-current > ul > li ul:after {
  position: absolute;
  top: 7px;
  bottom: 6px;
  left: 17px;
  background: #e0e4f6;
  width: 1px;
  content: "";
}

.section-sb-current > ul > li ul li {
  padding: 0 0 0 16px;
}

.section-sb-current > ul > li ul li a {
  padding: 5px 16px 5px 16px;
  display: block;
}

.section-sb-current > ul > li ul li.has_child > a {
  padding-right: 35px;
}

.section-sb-current > ul > li ul li a:hover {
  color: #006d41;
}

.section-sb-toggle {
  width: 35px;
  height: 29px;
  display: block;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  color: #373d54;
  transition: all 0.2s;
  cursor: pointer;
}

.section-sb-current > ul > li > a > .section-sb-toggle {
  height: 100%;
  border-left: 1px solid #e0e4f6;
}

.section-sb-toggle:after {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.section-sb-current > ul > li > a:hover > .section-sb-toggle {
  background: #fff;
}

.section-sb-current > ul > li > a:hover > .section-sb-toggle:hover {
  background: #f8fafc;
}

.section-sb-ico {
  width: 12px;
  height: 12px;
  position: relative;
  display: inline-block;
  vertical-align: middle;
  transition: all 0.2s;
  font-size: 14px;
}

.section-sb-ico:before,
.section-sb-ico:after {
  content: "";
  line-height: 100%;
  position: absolute;
  background-color: #313b54;
  transition: transform 0.25s ease-out;
}

.section-sb-current ul li ul li .section-sb-toggle:hover .section-sb-ico:before,
.section-sb-current ul li ul li .section-sb-toggle:hover .section-sb-ico:after {
  background-color: #006d41;
}

.section-sb-ico:before {
  top: 0;
  left: 50%;
  width: 2px;
  height: 100%;
  margin-left: -1px;
}

.section-sb-ico:after {
  top: 50%;
  left: 0;
  width: 100%;
  height: 2px;
  margin-top: -1px;
}

.section-sb-ico:hover {
  cursor: pointer;
}

.section-sb-toggle.opened .section-sb-ico:before {
  transform: rotate(90deg);
}

.section-sb-toggle.opened .section-sb-ico:after {
  transform: rotate(180deg);
}

/*----------------------------------
 * *12 - Sidebar Categories
 * *---------------------------------- */

/*----------------------------------
 * *13 - Sidebar Filter
 * *---------------------------------- */

.section-sb .section-filter {
  font-size: 13px;
  margin: 0 0 30px;
}

.section-filter .radio,
.section-filter .checkbox {
  display: block;
  padding-left: 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: middle;
}

.section-sb .section-filter .section-filter-toggle {
  padding: 10px 3px;
  margin: 0 auto 20px;
  width: 200px;
  background: #373d54;
  transition: all 0.2s;
  color: #fff;
  display: none;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 500;
  border: none;
  letter-spacing: 1px;
}

.section-sb .section-filter .section-filter-toggle:hover {
  background: #474f6e;
}

.section-sb .section-filter .section-filter-toggle span {
  margin-right: 5px;
}

.section-sb .section-filter .section-filter-toggle .fa {
  font-size: 16px;
}

.section-sb .section-filter .section-filter-toggle.opened .fa:before {
  content: "\F106";
}

.section-sb .section-filter .row {
  margin: 0;
}

.section-sb .section-filter .bx-filter-parameters-box {
  padding-left: 0;
  padding-right: 0;
}

.section-sb .section-filter .section-filter-cont {
  padding-top: 10px;
  padding-left: 0;
  padding-right: 0;
  background: none;
  border: 1px solid #e0e4f6;
  position: relative;
  font-size: 14px;
}

.section-sb .section-filter .section-filter-cont:after {
  clear: both;
  content: "";
  display: block;
}

.section-filter .section-filter-price {
  height: 61px;
  position: relative;
  padding: 8px 15px 0;
  border-bottom: 1px solid #e0e4f6;
}

.section-filter .section-filter-item {
  background-color: #f8fafc;
  border-bottom: 1px solid #e0e4f6;
}

.section-filter .section-filter-item:after {
  content: "";
  display: block;
  clear: both;
}

.section-filter-item .section-filter-ttl {
  position: relative;
  cursor: pointer;
  padding: 11px 27px 10px 15px;
  background-color: #fff;
}

.section-filter-item.opened .section-filter-ttl {
  background-color: #f8fafc;
}

.section-filter-item .section-filter-ttl:hover {
  background-color: #f8fafc;
}

.section-filter-item .section-filter-ttl .fa {
  position: absolute;
  right: 15px;
  font-size: 14px;
  top: 50%;
  transform: translate(0, -50%);
  color: #373d54;
  transition: all 0.2s;
}

.section-filter-item.opened .section-filter-ttl .fa:before {
  content: "\F106";
}

.section-filter-item .section-filter-fields {
  padding: 0 15px;
  height: 0;
  overflow: hidden;
}

.section-filter-item.opened .section-filter-fields {
  padding-bottom: 5px;
  height: auto;
  overflow: initial;
}

.section-filter-item .section-filter-field {
  padding: 0;
  margin: 0 0 10px;
}

.section-filter-item .section-filter-field input[type=radio],
.section-filter-item .section-filter-field input[type=checkbox] {
  display: none;
}

.section-filter-item .section-filter-field .section-filter-radio,
.section-filter-item .section-filter-field .section-filter-checkbox {
  padding-left: 25px;
  display: inline-block;
  padding-top: 1px;
  position: relative;
  cursor: pointer;
  transition: color 0.2s;
}

.section-filter-item .section-filter-field .section-filter-radio:hover,
.section-filter-item .section-filter-field .section-filter-checkbox:hover {
  color: #006d41;
}

.section-filter-item .section-filter-field .section-filter-radio:after,
.section-filter-item .section-filter-field .section-filter-checkbox:after {
  content: "\F00C";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  margin: -7px 0 0;
  left: 0;
  border: 2px solid #8890af;
  border-radius: 4px;
  background-color: #fff;
  color: #fff;
  font-size: 8px;
  padding: 0 0 0 1px;
  text-align: center;
  font-family: FontAwesome;
  line-height: 10px;
}

.section-filter-item .section-filter-field .section-filter-radio:after {
  border-radius: 14px;
  content: "";
}

.section-filter-item .section-filter-field input[type=checkbox]:checked + .section-filter-checkbox:after {
  border-color: #5f6680;
  background-color: #5f6680;
}

.section-filter-item .section-filter-field input[type=radio]:checked + .section-filter-radio:after {
  border-color: #5f6680;
  background-color: #5f6680;
}

.section-filter-item .section-filter-field input[type=radio]:checked + .section-filter-radio:before {
  width: 6px;
  height: 6px;
  border-radius: 10px;
  content: "";
  display: block;
  position: absolute;
  top: 7px;
  z-index: 1;
  left: 4px;
  background-color: #fff;
}

.section-filter .section-filter-color li {
  width: 16px;
  height: 16px;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
  margin: 0 5px 7px 0;
  display: inline-block;
}

.section-filter .section-filter-color li:hover {
  opacity: 0.85;
}

.section-filter .section-filter-color li.active:after {
  position: absolute;
  content: "\F00C";
  display: block;
  font-family: FontAwesome;
  font-size: 8px;
  color: #fff;
  margin: 4px 0 0 4px;
  top: 0;
  line-height: 1;
  left: 0;
}

.section-filter .section-filter-buttons {
  text-align: center;
  padding: 25px 0 25px;
}

.section-sb .section-filter .bx-filter-button-box {
  text-align: center;
  padding-top: 25px;
  padding-left: 0;
  padding-right: 0;
}

.section-sb .section-filter .btn-themes {
  padding: 8px 8px;
  max-width: 116px;
  text-align: center;
  width: 100%;
  background: #313b54;
  border: none;
  font-size: 13px;
  font-weight: 500;
  border-radius: 0;
  transition: all 0.2s;
  color: #fff;
  text-transform: uppercase;
  outline: none;
}

.section-sb .section-filter .btn-themes:hover {
  background: #404d6e;
}

.section-sb .section-filter .btn-link {
  transition: all 0.2s;
  color: #313b54;
  text-decoration: none;
  border: none;
  line-height: 1;
  margin: 6px 12px;
  padding: 0;
  border-bottom: 1px solid transparent;
}

.section-sb .section-filter .btn-link:hover {
  color: #313b54;
  border-color: #313b54;
  text-decoration: none;
}

.section-sb .bx-filter-popup-result.right {
  right: auto;
}

.section-sb .bx-filter-parameters-box-container {
  padding-bottom: 7px;
}

.section-sb .bx-filter-button-box .bx-filter-parameters-box-container {
  padding-bottom: 25px;
}

/*----------------------------------
 * *13 - Sidebar Filter
 * *---------------------------------- */

/*----------------------------------
 * *14 - Catalog Topbar
 * *---------------------------------- */

.section-cont {
  float: left;
  width: 75%;
  padding: 0 0 50px 30px;
}

.section-cont .section-top {
  margin: 0 0 6px;
}

.section-cont .section-top:after {
  clear: both;
  display: block;
  content: "";
}

.section-cont .section-mode {
  overflow: hidden;
  float: left;
}

.section-cont .section-mode li {
  float: left;
  margin: 3px 15px 11px 0;
  font-size: 14px;
}

.section-cont .section-mode li a {
  color: #b1b1b1;
  display: block;
  vertical-align: middle;
}

.section-cont .section-mode li * {
  line-height: 1;
}

.section-cont .section-mode li a:hover {
  color: #006d41;
  text-decoration: none;
}

.section-cont .section-mode li a:before {
  content: "";
  width: 27px;
  height: 24px;
  margin: 0;
  display: inline-block;
  vertical-align: bottom;
  background: url(/images/viewmode.png?deab97b53e19a2606dd723e826d3122e) no-repeat;
}

.section-cont .section-mode li.section-mode-gallery a:before {
  background-position: left bottom;
}

.section-cont .section-mode li.section-mode-gallery.active a:before {
  background-position: left top;
}

.section-cont .section-mode li.section-mode-list a:before {
  background-position: -27px bottom;
}

.section-cont .section-mode li.section-mode-list.active a:before {
  background-position: -27px top;
}

.section-cont .section-mode li.section-mode-table a:before {
  background-position: right bottom;
}

.section-cont .section-mode li.section-mode-table.active a:before {
  background-position: right top;
}

.section-cont .section-mode li.active a {
  color: #006d41;
}

.section-cont .section-count-ttl,
.section-cont .section-sortby-ttl {
  float: right;
  margin: 5px 0 10px 20px;
  font-size: 15px;
  color: #373d54;
}

.section-cont .section-count,
.section-cont .section-sortby {
  float: right;
  margin: 0 0 10px 9px;
  z-index: 2;
  font-size: 14px;
  color: #202020;
  position: relative;
}

.section-cont .section-count p,
.section-cont .section-sortby p {
  vertical-align: middle;
  cursor: pointer;
  width: 170px;
  font-size: 14px;
  color: #202020;
  height: 28px;
  line-height: 26px;
  padding: 0 25px 0 12px;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: relative;
}

.section-cont .section-count p:after,
.section-cont .section-sortby p:after {
  position: absolute;
  content: "\F107";
  top: 50%;
  font-size: 18px;
  color: #373d54;
  right: 10px;
  transform: translate(0, -50%);
  font-family: FontAwesome;
}

.section-cont .section-count:hover p:after,
.section-cont .section-sortby:hover p:after {
  content: "\F106";
}

.section-cont .section-count ul,
.section-cont .section-sortby ul {
  box-sizing: border-box;
  width: 100%;
  margin: -1px 0 0;
  padding: 0;
  border: 1px solid #e0e4f6;
  border-top: none;
  background: #FFF;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.section-cont .section-count:hover ul,
.section-cont .section-sortby:hover ul {
  display: block;
}

.section-cont .section-count ul li a,
.section-cont .section-sortby ul li a {
  min-height: 18px;
  padding: 5px 12px 4px;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  display: block;
}

.section-cont .section-count ul li a:hover,
.section-cont .section-sortby ul li a:hover {
  text-decoration: none;
  color: #006d41;
}

.section-cont .section-count ul li a:after,
.section-cont .section-sortby ul li a:after {
  position: absolute;
  left: 10px;
  right: 10px;
  display: block;
  height: 1px;
  background: #e0e4f6;
  content: "";
  top: 0;
}

.section-cont .section-count ul li.selected a,
.section-cont .section-sortby ul li.selected a {
  background-color: #006d41;
  color: #FFF;
  margin-left: -1px;
  margin-right: -1px;
}

.section-cont .section-count ul li.selected a:after,
.section-cont .section-sortby ul li.selected a:after {
  display: none;
}

.section-cont .section-count p {
  width: 61px;
  line-height: 28px;
}

/*----------------------------------
 * *14 - Catalog Topbar
 * *---------------------------------- */

/*----------------------------------
 * *15 - Products List
 * *---------------------------------- */

.section-items:after {
  display: block;
  clear: both;
  content: "";
}

.section-cont .section-items .prod-i {
  width: 32%;
  margin: 0 2% 36px 0;
}

.section-cont .section-items .prod-i:nth-child(3n) {
  margin-right: 0;
}

.section-cont .section-items .prod-i:nth-child(3n+1) {
  clear: left;
}

.section-cont.section-full {
  float: none;
  width: auto;
  padding-left: 0;
}

.section-full .section-items .prod-i {
  width: 23.5%;
  margin: 0 2% 36px 0;
}

.section-full .section-items .prod-i:nth-child(3n) {
  margin-right: 2%;
}

.section-full .section-items .prod-i:nth-child(3n+1) {
  clear: none;
}

.section-full .section-items .prod-i:nth-child(4n) {
  margin-right: 0;
}

.section-full .section-items .prod-i:nth-child(4n+1) {
  clear: left;
}

/*----------------------------------
 * *15 - Products List
 * *---------------------------------- */

/*----------------------------------
 * *16 - Single Product
 * *---------------------------------- */

.prod-wrap {
  float: left;
  width: 80%;
  padding: 0 30px 50px 0;
  display: block;
  content: "";
  clear: both;
}

.prod-wrap.prod-wrap-full {
  float: none;
  width: 100%;
  padding: 0 0 50px 0;
}

.prod-wrap:after {
  display: block;
  content: "";
  clear: both;
}

.prod-slider-wrap {
  float: left;
  width: 53%;
  margin: 0 3% 50px 0;
  overflow: hidden;
}

.prod-slider-wrap ul li:after {
  display: none;
}

.prod-slider {
  border: 1px solid #e0e4f6;
  padding: 8px;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 0 20px;
}

.prod-slider .prod-slider-car {
  width: 815%;
  position: relative;
  margin: 0;
  padding: 0;
}

.prod-slider li {
  float: left;
  list-style: none;
  position: relative;
  width: 449px;
  padding: 0;
  margin: 0;
}

.prod-slider li a {
  display: block;
}

.prod-slider li img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 600px;
}

.prod-slider .bx-wrapper .bx-next {
  transition: all 0.2s ease-in;
  background: none;
  text-align: center;
  overflow: hidden;
  right: -9px;
  width: 38px;
  background: #f8fafc;
  text-indent: 100%;
  white-space: nowrap;
  height: 60px;
  border: 1px solid #e0e4f6;
  margin-top: -30px;
  z-index: 1;
  opacity: 0;
}

.prod-slider:hover .bx-wrapper .bx-next {
  opacity: 1;
}

.prod-slider .bx-wrapper .bx-next:before {
  transition: all 0.2s ease-in;
  display: block;
  content: "";
  text-indent: initial;
  margin: -9px 4px 0 0;
  background: url(/images/nav1.png?95c81a0364664aac4c9561d33cad4a17) no-repeat left top;
  height: 18px;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 4px;
}

.prod-slider .bx-wrapper .bx-next:hover:before {
  right: 2px;
}

.prod-slider .bx-wrapper .bx-prev {
  transition: all 0.2s ease-in;
  background: none;
  text-align: center;
  overflow: hidden;
  left: -9px;
  width: 38px;
  background: #f8fafc;
  text-indent: 100%;
  white-space: nowrap;
  height: 60px;
  border: 1px solid #e0e4f6;
  margin-top: -30px;
  z-index: 1;
  opacity: 0;
}

.prod-slider:hover .bx-wrapper .bx-prev {
  opacity: 1;
}

.prod-slider .bx-wrapper .bx-prev:before {
  transition: all 0.2s ease-in;
  display: block;
  content: "";
  text-indent: initial;
  margin: -9px 0 0 4px;
  background: url(/images/nav1.png?95c81a0364664aac4c9561d33cad4a17) no-repeat left bottom;
  height: 18px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 4px;
}

.prod-slider .bx-wrapper .bx-prev:hover:before {
  left: 2px;
}

.prod-thumbs {
  border: 1px solid #e0e4f6;
  position: relative;
  padding: 0 8px;
}

.prod-thumbs .bx-wrapper .bx-viewport {
  background: transparent;
  margin-bottom: -1px;
}

.prod-thumbs:after {
  clear: both;
  display: block;
  content: "";
}

.prod-thumbs .prod-thumbs-car {
  width: 815%;
  position: relative;
  margin: 0;
  padding: 0;
}

.prod-thumbs li {
  width: 85px;
  position: relative;
  float: left;
  margin: 0 8px 0 0;
  line-height: 85px;
  text-align: center;
  vertical-align: middle;
  padding: 7px 0 9px;
  height: 102px;
}

.prod-thumbs li:after {
  display: none;
}

.prod-thumbs li.active:after {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 3px;
  background: #006d41;
  width: 100%;
  left: 0;
  content: "";
}

.prod-thumbs li .active:after {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 1px;
  background: #313b54;
  width: 100%;
  left: 0;
  content: "";
}

.prod-thumbs li a {
  display: block;
  width: 100%;
  height: 85px;
  line-height: 85px;
}

.prod-thumbs li img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.prod-thumbs .bx-wrapper .bx-next {
  transition: all 0.2s ease-in;
  background: none;
  text-align: center;
  overflow: hidden;
  right: -40px;
  width: 38px;
  text-indent: 100%;
  white-space: nowrap;
  height: 38px;
  margin-top: -19px;
}

.prod-thumbs:hover .bx-wrapper .bx-next {
  right: -2px;
}

.prod-thumbs .bx-wrapper .bx-next:before {
  display: block;
  content: "";
  text-indent: initial;
  margin: -9px 3px 0 0;
  background: url(/images/nav1.png?95c81a0364664aac4c9561d33cad4a17) no-repeat left top;
  height: 18px;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 4px;
}

.prod-thumbs .bx-wrapper .bx-prev {
  transition: all 0.2s ease-in;
  background: none;
  text-align: center;
  overflow: hidden;
  left: -40px;
  width: 38px;
  text-indent: 100%;
  white-space: nowrap;
  height: 38px;
  margin-top: -19px;
}

.prod-thumbs:hover .bx-wrapper .bx-prev {
  left: -2px;
}

.prod-thumbs .bx-wrapper .bx-prev:after {
  display: block;
  content: "";
  text-indent: initial;
  margin: -9px 0 0 3px;
  background: url(/images/nav1.png?95c81a0364664aac4c9561d33cad4a17) no-repeat left bottom;
  height: 18px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 4px;
}

.prod-cont {
  width: 44%;
  margin: 0 0 50px 0;
  font-size: 14px;
  float: left;
  color: #616161;
  line-height: 170%;
  position: relative;
}

.prod-cont h2 {
  position: relative;
  padding: 6px 0 33px 0;
  margin: 0;
  font-size: 22px;
  color: #373d54;
  font-weight: 700;
}

.prod-cont .prod-cont-txt {
  line-height: 170%;
  margin: 0 0 25px;
}

.prod-cont .prod-cont-txt p {
  margin: 0;
  padding: 0;
  line-height: 170%;
}

.prod-cont .prod-info {
  margin: 0 0 14px;
  position: relative;
}

.prod-cont .prod-info:after {
  clear: both;
  content: "";
  display: block;
}

.prod-cont .prod-price {
  font-size: 14px;
  color: #373d54;
  display: block;
  margin: 0;
}

.prod-cont .prod-price b {
  font-weight: 500;
  font-size: 20px;
}

.prod-cont .prod-price del {
  margin-left: 5px;
  color: #e44242;
}

.prod-cont .prod-buy {
  width: 100%;
  max-width: 155px;
  text-align: center;
  font-size: 15px;
  font-weight: 500;
  color: #fff;
  text-transform: uppercase;
  margin: 3px 0 10px;
  padding: 8px 0 7px 23px;
  border-radius: 20px;
  display: inline-block;
  background: #006d41;
  transition: all 0.2s;
  float: right;
  position: relative;
}

.prod-cont .prod-buy:hover {
  background: #22B2F9;
}

.prod-cont .prod-buy:after {
  position: absolute;
  top: 50%;
  content: "\F07A";
  left: 21px;
  font-size: 15px;
  margin: -12px 0 0;
  color: #fff;
  font-family: FontAwesome;
}

.prod-cont .prod-addwrap {
  padding: 0;
  margin: 0;
  font-size: 14px;
  transition: all 0.2s;
  color: #fff;
  position: relative;
  z-index: 10;
  display: inline-block;
  vertical-align: top;
}

.prod-cont .prod-add {
  padding: 10px 18px 11px;
  display: inline-block;
  margin: 0 0 15px;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 500;
  transition: all 0.2s;
  text-transform: uppercase;
  color: #fff;
  background: #373d54;
  position: relative;
}

.prod-cont .prod-add:hover {
  background: #474f6e;
}

.prod-cont .prod-addwrap .prod-addres {
  display: none;
  width: 150px;
  padding: 8px 0;
  font-size: 13px;
  margin: 0 0 8px -75px;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: absolute;
  bottom: 100%;
  color: #373d54;
  font-weight: 500;
  left: 50%;
  line-height: 140%;
  text-align: center;
}

.prod-cont .prod-addwrap .prod-addres:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 0 0 0 -8px;
  border-top: 8px solid #fff;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-cont .prod-addwrap .prod-addres:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  margin: 1px 0 0 -8px;
  border-top: 8px solid #e0e4f6;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-cont .prod-addwrap .prod-addres a {
  font-weight: 400;
  display: inline-block;
  color: #006d41;
  text-decoration: none;
  border-bottom: 1px solid #006d41;
  transition: all 0.2s;
  line-height: 140%;
}

.prod-cont .prod-addwrap .prod-addres a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #006d41;
}

.prod-cont .prod-qnt {
  overflow: hidden;
  margin: 0 0 16px;
  display: inline-block;
  vertical-align: top;
  width: 66px;
}

.prod-cont .prod-qnt input[type=text] {
  float: left;
  width: 39px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  color: #373d54;
  text-align: center;
  display: block;
  margin: 0 2px 0 0;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
}

.prod-cont .prod-qnt input[type=number] {
  float: left;
  width: 56px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  color: #373d54;
  text-align: center;
  display: block;
  margin: 0 2px 0 0;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
}

.prod-cont .prod-plus {
  float: left;
  width: 17px;
  margin: 5px 0 0;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.prod-cont .prod-plus .fa {
  padding: 0;
  line-height: 1;
}

.prod-cont .prod-minus {
  float: left;
  border-top: none;
  width: 17px;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.prod-cont .prod-minus .fa {
  padding: 0;
  line-height: 1;
}

.prod-cont .prod-actions {
  overflow: hidden;
  margin: 0 0 12px;
}

.prod-cont .prod-qnt a:hover {
  color: #006d41;
}

.prod-cont .prod-compare,
.prod-cont .prod-favorites {
  padding: 0 0 0 28px;
  display: inline-block;
  vertical-align: top;
  letter-spacing: 1px;
  text-align: center;
  margin: 0 30px 15px 0;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  color: #7b7b7b;
  transition: all 0.2s;
}

.prod-cont .prod-compare {
  margin-right: 0;
}

.prod-cont .prod-compare .fa {
  position: absolute;
  transition: all 0.2s;
  top: -1px;
  left: 0px;
  font-size: 15px;
  color: #dadada;
  padding: 1px;
}

.prod-cont .prod-favorites .fa {
  position: absolute;
  transition: all 0.2s;
  top: -1px;
  left: 0px;
  font-size: 15px;
  color: #dadada;
  padding: 1px;
}

.prod-cont .prod-compare .fa {
  font-size: 14px;
}

.prod-cont .prod-compare:hover {
  color: #373d54;
}

.prod-cont .prod-favorites:hover,
.prod-cont .prod-compare:hover .fa,
.prod-cont .prod-favorites:hover .fa {
  color: #373d54;
}

.prod-cont .prod-compare.compare-added .fa:before,
.prod-cont .prod-favorites.favorite-added .fa:before {
  content: "\F00C";
}

.prod-cont p {
  margin: 0;
  padding: 0;
}

.prod-cont .prod-showprops {
  display: inline-block;
  transition: all 0.2s;
  border-bottom: 1px solid transparent;
  text-decoration: none;
  color: #006d41;
  line-height: 100%;
}

.prod-cont .prod-showprops:hover {
  border-bottom: 1px solid #006d41;
}

.prod-cont .prod-skuwrap {
  padding: 0 0 10px;
}

.prod-cont .prod-skuttl {
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 11px;
  color: #7b7b7b;
  letter-spacing: 1px;
}

.prod-cont .prod-skucolor {
  overflow: hidden;
  margin: 0 0 14px;
}

.prod-cont .prod-skucolor li {
  display: inline-block;
  margin: 0 3px 7px 0;
  width: 16px;
  height: 16px;
  border-radius: 16px;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  transition: all 0.2s;
}

.prod-cont .prod-skucolor li:hover {
  opacity: 0.85;
}

.prod-cont .prod-skucolor li:after {
  display: none;
}

.prod-cont .prod-skucolor li.active:after {
  position: absolute;
  content: "\F00C";
  display: block;
  font-family: FontAwesome;
  font-size: 8px;
  color: #fff;
  margin: 4px 0 0 4px;
  top: 0;
  line-height: 1;
  left: 0;
}

.prod-cont .prod-skucolor li img {
  border-radius: 50px;
  display: block;
  width: 100%;
  height: 100%;
}

.prod-cont .prod-sku {
  margin: 0 0 14px;
}

.prod-cont .prod-notavailable {
  font-weight: 700;
  color: #B61B34;
  padding: 10px 0 11px;
  margin: 0;
  font-size: 14px;
  transition: all 0.2s;
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.prod-cont .offer-props-select {
  z-index: 10;
  font-size: 13px;
  color: #202020;
  position: relative;
  display: inline-block;
  margin: 0 0 26px;
}

.prod-cont .offer-props-select.opened {
  z-index: 50;
}

.prod-cont .offer-props-select p {
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  font-size: 13px;
  color: #202020;
  height: 27px;
  line-height: 25px;
  padding: 0 30px 0 10px;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: relative;
}

.prod-cont .offer-props-select p:after {
  position: absolute;
  content: "\F107";
  top: 50%;
  font-size: 18px;
  color: #373d54;
  right: 9px;
  transform: translate(0, -50%);
  font-family: FontAwesome;
}

.prod-cont .offer-props-select.opened p:after {
  content: "\F106";
}

.prod-cont .offer-props-select ul {
  box-sizing: border-box;
  min-width: 100%;
  margin: -1px 0 0;
  padding: 0;
  border: 1px solid #e0e4f6;
  border-top: none;
  background: #FFF;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.prod-cont .offer-props-select.opened ul {
  display: block;
}

.prod-cont .offer-props-select ul li {
  padding: 0;
  margin: 0;
}

.prod-cont .offer-props-select ul li:after {
  display: none;
}

.prod-cont .offer-props-select ul li a {
  min-height: 18px;
  padding: 5px 10px 4px;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  display: block;
}

.prod-cont .offer-props-select ul li a:hover {
  text-decoration: none;
  color: #373d54;
}

.prod-cont .offer-props-select ul li a:after {
  position: absolute;
  left: 10px;
  right: 10px;
  display: block;
  height: 1px;
  background: #e0e4f6;
  content: "";
  top: 0;
}

.prod-cont .offer-props-select ul li a:hover {
  color: #373d54;
}

.prod-cont .offer-props-select ul li.active a {
  background-color: #373d54;
  color: #FFF;
  margin-left: -1px;
  margin-right: -1px;
}

.prod-cont .offer-props-select ul li.active a:after {
  display: none;
}

.prod-cont .prod-i-props {
  position: relative;
  padding: 25px 0 0;
  margin: 12px 0 20px;
  color: #616161;
}

.prod-cont .prod-i-props:after {
  position: absolute;
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  background: #e0e4f6;
  left: 0;
  top: 0;
}

.prod-cont .prod-i-props li {
  margin: 0 0 4px;
}

.prod-cont .prod-i-props b {
  color: #373d54;
  font-weight: 500;
}

/*----------------------------------
 * *16 - Single Product
 * *---------------------------------- */

/*----------------------------------
 * *17 - Single Product Tabs
 * *---------------------------------- */

.prod-tabs-wrap {
  margin-bottom: 50px;
  clear: both;
}

.prod-tabs {
  margin: 0 0 31px;
  padding: 0;
  list-style: none;
  position: relative;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
}

.prod-tabs:after {
  display: block;
  clear: both;
  content: "";
}

.prod-tabs li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}

.prod-tabs li a {
  border: none;
  display: block;
  padding: 15px 22px 15px;
  text-transform: uppercase;
  transition: all 0.2s;
  font-size: 14px;
  position: relative;
  font-weight: 500;
  color: #373d54;
}

.prod-tabs li a:hover {
  color: #006d41;
  text-decoration: none;
}

.prod-tabs li a.active {
  color: #fff;
  background: #373d54;
  margin: -1px 0;
  padding: 16px 22px 16px;
}

.prod-tab-cont {
  overflow: hidden;
  position: relative;
  margin: 0 0 44px;
}

.prod-tab {
  overflow: hidden;
  position: relative;
  padding: 0;
  height: 0;
  font-size: 14px;
  line-height: 170%;
}

.prod-tab-cont .prod-tab:first-of-type {
  height: auto;
}

.prod-tab p {
  margin: 0 0 20px;
}

.prod-tab table {
  width: 100%;
  border-collapse: collapse;
  color: #373d54;
}

.prod-tab table.prod-propssku {
  margin: -1px 0 0;
}

.prod-tab table td {
  padding: 8px 8px 8px 0;
  border-bottom: 1px solid #e0e4f6;
  vertical-align: middle;
}

.prod-tab.prod-props table tr td:first-child {
  width: 30%;
  font-weight: 500;
  color: #373d54;
}

.prod-tab.prod-props table tr:last-child td {
  border-bottom: none;
}

.prod-tab-mob {
  display: none;
  cursor: pointer;
  border-top: 1px solid #e0e4f6;
  padding: 15px 0px 15px;
  text-transform: uppercase;
  transition: all 0.2s;
  color: #373d54;
  font-size: 16px;
  position: relative;
  font-weight: 500;
}

.prod-cont .prod-tab-mob {
  padding: 15px 0px 15px;
}

.prod-tab-mob:hover {
  color: #006d41;
}

.prod-tab-mob.active {
  color: #006d41;
}

.prod-tab-mob.active:before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 100%;
  box-sizing: content-box;
  padding: 0 1px;
  height: 3px;
  background: #373d54;
}

.prod-tab-articles .post-rel-wrap {
  margin: 0;
}

.prod-tab-articles .post-rel-wrap .post-rel {
  margin-bottom: 0;
}

.prod-tab-video {
  text-align: center;
}

.prod-tab-video > iframe {
  width: 100%;
}

.prod-comment-form {
  width: 100%;
  margin: 15px auto 10px;
  max-width: 480px;
  clear: both;
}

.prod-comment-form.post-form {
  margin-bottom: 70px;
}

.prod-comment-form h3 {
  font-size: 20px;
  color: #373d54;
  font-weight: 500;
  margin: 0 0 18px;
  text-align: center;
}

.prod-comment-form input[type=text],
.prod-comment-form input[type=number] {
  float: left;
  width: 48.5%;
  margin: 0 3% 20px 0;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
  display: block;
  height: 38px;
  color: #373d54;
  transition: all 0.2s;
  padding: 0 14px;
  font-size: 14px;
}

.prod-comment-form input[type=text]:nth-of-type(2n),
.prod-comment-form input[type=number]:nth-of-type(2n) {
  margin-right: 0;
}

.prod-comment-form input[type=text]:nth-of-type(2n+1),
.prod-comment-form input[type=number]:nth-of-type(2n+1) {
  clear: left;
}

.prod-comment-form input[type=text]::-webkit-input-placeholder,
.prod-comment-form input[type=number]::-webkit-input-placeholder {
  color: #b8bcce;
}

.prod-comment-form input[type=text]::-moz-placeholder,
.prod-comment-form input[type=number]::-moz-placeholder {
  color: #b8bcce;
  opacity: 1;
}

.prod-comment-form input[type=text]:-ms-input-placeholder,
.prod-comment-form input[type=number]:-ms-input-placeholder {
  color: #b8bcce;
}

.prod-comment-form input[type=text]:focus,
.prod-comment-form input[type=number]:focus {
  border-color: #bfcedc;
}

.prod-comment-form textarea {
  float: none;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0 0 20px 0;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
  display: block;
  min-height: 130px;
  height: 130px;
  max-height: 500px;
  color: #373d54;
  transition: all 0.2s;
  padding: 14px 14px;
  font-size: 14px;
}

.prod-comment-form textarea::-webkit-input-placeholder {
  color: #b8bcce;
}

.prod-comment-form textarea::-moz-placeholder {
  color: #b8bcce;
  opacity: 1;
}

.prod-comment-form textarea:-ms-input-placeholder {
  color: #b8bcce;
}

.prod-comment-form textarea:focus {
  border-color: #bfcedc;
}

.prod-comment-form .blog-comment-submit {
  overflow: hidden;
  padding: 0 0 17px;
  clear: both;
  color: #373d54;
  font-size: 14px;
}

.prod-rating {
  margin: 9px 0 0 0;
  unicode-bidi: bidi-override;
  direction: rtl;
  text-align: left;
  font-size: 13px;
  color: #006d41;
  white-space: nowrap;
  display: inline-block;
  float: right;
  cursor: pointer;
}

.prod-rating .fa {
  font-size: 13px;
  padding: 0 2px;
}

.prod-rating .fa:hover:before {
  content: "\F005";
  content: "\F005";
}

.prod-rating .fa:hover ~ .fa:before {
  content: "\F005";
}

.prod-rating[data-rating="1"] .fa:nth-child(5):before {
  content: "\F005";
}

.prod-rating[data-rating="2"] .fa:nth-child(5):before,
.prod-rating[data-rating="2"] .fa:nth-child(4):before {
  content: "\F005";
}

.prod-rating[data-rating="3"] .fa:nth-child(5):before,
.prod-rating[data-rating="3"] .fa:nth-child(4):before,
.prod-rating[data-rating="3"] .fa:nth-child(3):before {
  content: "\F005";
}

.prod-rating[data-rating="4"] .fa:nth-child(5):before,
.prod-rating[data-rating="4"] .fa:nth-child(4):before,
.prod-rating[data-rating="4"] .fa:nth-child(3):before,
.prod-rating[data-rating="4"] .fa:nth-child(2):before {
  content: "\F005";
}

.prod-rating[data-rating="5"] .fa:nth-child(5):before,
.prod-rating[data-rating="5"] .fa:nth-child(4):before,
.prod-rating[data-rating="5"] .fa:nth-child(3):before,
.prod-rating[data-rating="5"] .fa:nth-child(2):before,
.prod-rating[data-rating="5"] .fa:nth-child(1):before {
  content: "\F005";
}

.prod-comment-form input[type=submit],
.prod-comment-form button[type=button] {
  border: none;
  cursor: pointer;
  text-align: center;
  height: auto;
  padding: 10px 24px 11px;
  display: inline-block;
  margin: 0 0 15px;
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 500;
  transition: all 0.2s;
  text-transform: uppercase;
  color: #fff;
  background: #373d54;
  position: relative;
}

.prod-comment-form input[type=submit]:hover,
.prod-comment-form button[type=button]:hover {
  background: #474f6e;
}

/*----------------------------------
 * *17 - Single Product Tabs
 * *---------------------------------- */

/*----------------------------------
 * *18 - Single Product Related
 * *---------------------------------- */

.prod-related {
  float: left;
  width: 20%;
  padding: 10px 0 50px;
  text-align: left;
  overflow: hidden;
}

.prod-related-car {
  position: relative;
}

.prod-related-car:after {
  content: "";
  clear: both;
  display: block;
}

.prod-related-car ul {
  margin: 0;
  padding: 0;
}

.prod-related-car .slides {
  width: 1000%;
  position: relative;
}

.prod-related-car ul li {
  margin: 0;
  padding: 0;
  position: initial;
  width: 228px;
  float: left;
  display: block;
}

.prod-related-car ul li:after {
  display: none;
}

.prod-related h2 {
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
  padding: 0px 0 20px;
  font-weight: 700;
  margin: 0;
  color: #373d54;
}

.prod-related .prod-rel {
  position: relative;
  overflow: hidden;
  border-bottom: 1px solid #e0e4f6;
  margin: 0 0 20px;
  padding: 0px 0 8px;
}

.prod-related .prod-rel:last-child {
  border-bottom: none;
}

.prod-related .prod-rel-img {
  display: block;
  margin: 0 5% 10px 0;
  width: 40%;
  height: 103px;
  text-align: right;
  float: left;
  overflow: hidden;
}

.prod-related .prod-rel-img img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  margin: 0 auto;
}

.prod-related .prod-rel-cont {
  float: left;
  width: 55%;
}

.prod-related .prod-rel h3 {
  font-size: 15px;
  color: #373d54;
  margin: 2px 0 9px;
  line-height: 120%;
}

.prod-related .prod-rel h3 a {
  color: #373d54;
  transition: all 0.2s;
  line-height: 120%;
}

.prod-related .prod-rel h3 a:hover {
  color: #006d41;
  text-decoration: none;
}

.prod-related .prod-rel-price {
  color: #373d54;
  margin: 0 0 9px;
  font-size: 12px;
}

.prod-related .prod-rel-price b {
  font-size: 16px;
  font-weight: 500;
}

.prod-related .prod-rel-price del {
  color: #888;
  font-size: 12px;
  display: block;
  font-weight: 400;
}

.prod-related .prod-rel-actions:after {
  clear: both;
  content: "";
  display: block;
}

.prod-related .prod-rel-compare {
  float: left;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  color: #cacaca;
  margin: 0 12px 7px 0px;
  transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-compare:hover {
  color: #373d54;
  text-decoration: none;
}

.prod-related .prod-rel .prod-rel-compare.compare-added {
  color: #373d54;
  text-decoration: none;
  cursor: default;
}

.prod-related .prod-rel-favorites {
  float: left;
  text-align: center;
  vertical-align: middle;
  font-size: 14px;
  color: #cacaca;
  margin: 0 15px 7px 0;
  transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-favorites:hover {
  color: #373d54;
  text-decoration: none;
}

.prod-related .prod-rel .prod-rel-favorites.favorite-added {
  color: #373d54;
}

.prod-related .prod-rel-buy {
  float: left;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  color: #cacaca;
  padding: 1px;
  margin: 0 0 7px 0px;
  transition: all 0.2s;
}

.prod-related .prod-rel .prod-rel-buy:hover {
  color: #373d54;
  text-decoration: none;
}

.prod-related .prod-i-addwrap {
  float: left;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
  font-size: 15px;
  color: #cacaca;
  position: relative;
  padding: 0 0 0 0px;
  margin: 0 0 7px 0px;
  transition: all 0.2s;
}

.prod-related .prod-i-add {
  line-height: 1.3;
  display: block;
  margin: 0;
  transition: all 0.2s;
}

.prod-related .prod-rel-add.prod-i-add-notshown {
  display: none !important;
}

.prod-related .prod-i-add:hover {
  color: #373d54;
  text-decoration: none;
}

.prod-related .prod-rel .prod-i-addwrap .prod-i-addres {
  display: none;
  width: 150px;
  padding: 8px 0;
  font-size: 13px;
  margin: 0 -9px 8px 0;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: absolute;
  bottom: 100%;
  color: #373d54;
  font-weight: 500;
  right: 0;
  left: auto;
  line-height: 140%;
}

.prod-related .prod-rel .prod-i-addwrap .prod-i-addres:after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  margin: 0 7px 0 0;
  border-top: 8px solid #fff;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-related .prod-rel .prod-i-addwrap .prod-i-addres:before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  margin: 1px 7px 0 0;
  border-top: 8px solid #e0e4f6;
  border-bottom: 8px solid rgba(0, 0, 0, 0);
  border-left: 8px solid rgba(0, 0, 0, 0);
  border-right: 8px solid rgba(0, 0, 0, 0);
}

.prod-related .prod-rel .prod-i-addwrap .prod-i-addres a {
  font-weight: 400;
  display: inline-block;
  color: #006d41;
  text-decoration: none;
  border-bottom: 1px solid #006d41;
  transition: all 0.2s;
  line-height: 140%;
}

.prod-related .prod-rel .prod-i-addwrap .prod-i-addres a:hover {
  border-bottom: 1px solid rgba(0, 0, 0, 0);
  color: #006d41;
}

.prod-related .flex-control-nav {
  display: none;
  position: relative;
  bottom: auto;
  margin: 10px 0;
}

.prod-related .flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
}

.prod-related .flex-control-nav li a {
  width: 23px;
  height: 3px;
  background: #e0e4f6;
  box-shadow: none;
  transition: all 0.2s;
}

.prod-related .flex-control-nav li a:hover,
.prod-related .flex-control-nav li a.flex-active {
  background: #373d54;
}

.prod-related .flex-direction-nav {
  position: absolute;
  top: -47px;
  left: 0;
  width: 100%;
}

.prod-related .flex-direction-nav a {
  top: -3px;
  text-decoration: none;
  display: block;
  opacity: 1 !important;
  margin: 0;
  position: absolute;
  z-index: 10;
  color: transparent;
  text-align: left;
  text-shadow: none;
  transition: all 0.2s;
  overflow: hidden;
  width: 38px;
  background: none;
  text-indent: 100%;
  white-space: nowrap;
  height: 38px;
  line-height: 38px;
}

.prod-related .flex-direction-nav a.flex-disabled {
  display: none;
}

.prod-related .flex-direction-nav .flex-prev {
  left: 0;
}

.prod-related .flex-direction-nav .flex-prev:before {
  transition: all 0.3s;
  display: block;
  content: "";
  text-indent: initial;
  margin: -9px 0 0;
  background: url(/images/nav1.png?95c81a0364664aac4c9561d33cad4a17) no-repeat left bottom;
  height: 18px;
  width: 20px;
  position: absolute;
  top: 50%;
  left: 0;
}

.prod-related .flex-direction-nav .flex-next {
  right: 0;
  text-align: right;
}

.prod-related .flex-direction-nav .flex-next:before {
  transition: all 0.3s;
  display: block;
  content: "";
  text-indent: initial;
  margin: -9px 0 0;
  background: url(/images/nav1.png?95c81a0364664aac4c9561d33cad4a17) no-repeat left top;
  height: 18px;
  width: 20px;
  position: absolute;
  top: 50%;
  right: 0;
}

.prod-related .prod-i-skuwrap {
  margin: 0 0 25px;
  display: none;
}

.prod-related .prod-i-skuttl {
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 4px;
  color: #373d54;
}

.prod-related .prod-i-skucolor {
  overflow: hidden;
  margin: 0 0 2px;
}

.prod-related .prod-i-skucolor li {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 0 3px 7px 0;
  border-radius: 50px;
  overflow: hidden;
  cursor: pointer;
  box-shadow: 1px 1px 5px 0 rgba(0, 0, 0, 0.2);
}

.prod-related .prod-i-skucolor li.active {
  border: 1px solid #006d41;
  padding: 2px;
}

.prod-related .prod-i-skucolor li img {
  border-radius: 50px;
  display: block;
  width: 100%;
  height: 100%;
}

.prod-related .prod-i-sku {
  margin: 0 0 15px;
}

.prod-related .offer-props-select {
  margin: 0 0 10px;
  z-index: 10;
  font-size: 15px;
  color: #8e8e8e;
  position: relative;
}

.prod-related .offer-props-select.opened {
  z-index: 50;
}

.prod-related .offer-props-select p {
  vertical-align: middle;
  cursor: pointer;
  width: 100%;
  font-size: 15px;
  color: #8e8e8e;
  height: 30px;
  line-height: 30px;
  padding: 0 25px 0 12px;
  border: 1px solid #e0e4f6;
  background: #fff;
  position: relative;
}

.prod-related .offer-props-select p:after {
  position: absolute;
  content: "\F107";
  top: 50%;
  font-size: 18px;
  right: 10px;
  transform: translate(0, -50%);
  font-family: FontAwesome;
}

.prod-related .offer-props-select.opened p:after {
  content: "\F106";
}

.prod-related .offer-props-select ul {
  box-sizing: border-box;
  width: 100%;
  margin: -1px 0 0;
  padding: 0;
  border: 1px solid #e0e4f6;
  border-top: none;
  background: #FFF;
  position: absolute;
  top: 100%;
  left: 0;
  display: none;
}

.prod-related .offer-props-select.opened ul {
  display: block;
}

.prod-related .offer-props-select ul li a {
  min-height: 18px;
  padding: 5px 12px 4px;
  white-space: nowrap;
  position: relative;
  text-decoration: none;
  display: block;
}

.prod-related .offer-props-select ul li a:hover {
  text-decoration: none;
}

.prod-related .offer-props-select ul li a:after {
  position: absolute;
  left: 10px;
  right: 10px;
  display: block;
  height: 1px;
  background: #e0e4f6;
  content: "";
  top: 0;
}

.prod-related .offer-props-select ul li a:hover {
  background-color: #006d41;
  color: #FFF;
  text-decoration: none;
}

.prod-related .offer-props-select ul li a:hover:after {
  display: none;
}

.prod-related .offer-props-select ul li:hover + li a:after {
  display: none;
}

.prod-related .offer-props-select ul li.active a {
  background-color: #006d41;
  color: #FFF;
}

.prod-related .offer-props-select ul li.active a:after {
  display: none;
}

/*----------------------------------
 * *18 - Single Product Related
 * *---------------------------------- */

/*----------------------------------
 * *Single Product V2
 * *---------------------------------- */

.prod2-wrap {
  width: auto;
  float: none;
  padding: 0 0 50px 0;
  position: relative;
}

.prod2-wrap .prod2-slider-wrap:not(.slider-load) {
  float: left;
  width: 53%;
  margin: 0 3% 50px 0;
  overflow: hidden;
  position: relative;
  padding: 0 0 0 100px;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider {
  padding: 0;
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 0 20px;
  border: none;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider .prod2-slider-car {
  width: auto;
  position: relative;
  margin: 0;
  padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider li {
  float: none;
  list-style: none;
  position: relative;
  width: auto !important;
  padding: 0;
  margin: 0 0 20px;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider li a {
  display: block;
}

.prod2-slider-wrap:not(.slider-load) .prod-slider li img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  max-height: 800px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0;
  border: none;
}

.prod2-slider-wrap:not(.slider-load) .prod2-thumbs-car {
  width: 85px;
  padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs .bx-wrapper .bx-viewport {
  background: transparent;
  margin-bottom: -1px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs:after {
  clear: both;
  display: block;
  content: "";
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs .prod-thumbs-car2 {
  width: auto;
  position: relative;
  margin: 0;
  padding: 0;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li {
  width: 85px;
  position: relative;
  float: none;
  margin: 0 0 10px;
  line-height: 85px;
  text-align: center;
  vertical-align: middle;
  padding: 0;
  height: 85px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li:after {
  display: none;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li.active:after {
  position: absolute;
  bottom: 0;
  z-index: 2;
  height: 3px;
  background: #006d41;
  width: 100%;
  left: 0;
  content: "";
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li a {
  display: block;
  width: 100%;
  height: 85px;
  line-height: 85px;
}

.prod2-slider-wrap:not(.slider-load) .prod-thumbs li img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
}

.prod2-slider-wrap:not(.slider-load) .stick {
  position: fixed;
  top: 15px;
}

.scroll_active {
  opacity: 0.5;
}

.fixed {
  position: fixed;
}

.prod2-wrap .prod-cont .prod-price {
  position: relative;
  top: auto;
  right: auto;
  display: inline-block;
  vertical-align: top;
  text-align: left;
  margin: 5px 30px 0 0;
}

.prod2-wrap .prod-tabs-wrap {
  margin-top: 50px;
}

.prod2-wrap .prod-tabs li a {
  padding: 15px 18px 15px;
}

.prod2-wrap .prod-tabs li a.active {
  padding: 16px 18px 16px;
}

.prod-props {
  overflow: hidden;
}

.prod-props li {
  border-bottom: 1px dotted #b8c3e2;
  font-size: 0;
  margin: 0 0 10px 0;
}

.prod-props li * {
  font-size: 14px;
  line-height: 1.2;
}

.prod-props .prod-propttl {
  width: 50%;
  padding-right: 15px;
  display: inline-block;
  vertical-align: bottom;
  color: #373d54;
  font-weight: 500;
}

.prod-props .prod-propttl span {
  background: #fff;
  display: inline-block;
  padding-bottom: 0;
  vertical-align: bottom;
  margin-bottom: -5px;
}

.prod-props .prod-propval {
  background: #fff;
  color: #7b7b7b;
  width: 50%;
  display: inline-block;
  padding-bottom: 0;
  vertical-align: bottom;
  margin-bottom: -5px;
}

.prod2-related {
  width: auto;
  float: none;
}

.prod2-related h2 {
  font-size: 22px;
  text-transform: uppercase;
  color: #373d54;
  margin: 0 0 10px;
  font-weight: 900;
  position: relative;
  letter-spacing: 2px;
  text-align: center;
}

.prod2-related h2 span {
  position: relative;
  display: inline-block;
  padding: 0 0 8px;
}

.prod2-related h2 span:after {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  height: 2px;
  left: 50%;
  margin: 0 0 0 -50px;
  width: 100px;
  background: #373d54;
}

.prod2-related h2 span:before {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  height: 2px;
  left: 0;
  right: 0;
  background: #f8fafc;
}

.prod2-related .prod-related-car .slides {
  font-size: 0;
}

.prod2-related .prod-rel {
  text-align: left;
  display: inline-block;
  vertical-align: top;
  width: 33.33333%;
  padding-right: 10px;
  font-size: 14px;
}

.prod2-related .prod-rel:last-child {
  border-bottom: 1px solid #e0e4f6;
}

.prod2-related .flex-direction-nav {
  top: -66px;
}

.prod2-related .flex-control-nav {
  display: block;
}

/*----------------------------------
 * *Single Product V2
 * *---------------------------------- */

/*----------------------------------
 * *19 - Blog
 * *---------------------------------- */

.blog-list {
  overflow: hidden;
}

.main-ttl-categs {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}

body .blog-categs {
  width: 60%;
  text-align: right;
  margin: 6px 0 10px -5px;
  display: inline-block;
  vertical-align: top;
}

body .blog-categs li {
  display: inline-block;
  margin: 0 0 20px 34px;
  vertical-align: top;
  padding: 0;
}

body .blog-categs li:after {
  display: none;
}

body .blog-categs li a {
  color: #373d54;
  font-size: 14px;
  text-transform: uppercase;
  padding: 0;
  transition: all 0.2s;
  font-weight: 500;
  position: relative;
  display: block;
}

body .blog-categs li.active a,
body .blog-categs li a:hover,
body .blog-categs li.active a:hover {
  color: #006d41;
  text-decoration: none;
}

/*----------------------------------
 * *19 - Blog
 * *---------------------------------- */

/*----------------------------------
 * *Blog V2
 * *---------------------------------- */

.posts-list .posts2-i {
  color: #373d54;
  position: relative;
  /*width: 33.33333%; */
  /*padding: 0 15px; */
  /*float: left; */
  margin: 0 0 30px;
  overflow: hidden;
}

.posts2-i .posts-i-img {
  display: block;
  overflow: hidden;
  border: none;
  position: relative;
  height: 236px;
  margin: 0 0 18px;
}

.posts2-i .posts-i-img:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s;
}

.posts2-i .posts-i-img:hover:after {
  background: rgba(0, 0, 0, 0.3);
}

.posts2-i .posts-i-img span {
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  display: block;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale3d(1, 1, 1);
}

.posts2-i .posts-i-img:hover span {
  transform: scale3d(1.05, 1.05, 1);
}

.posts2-i .posts-i-date {
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  padding: 8px 12px 7px;
  position: absolute;
  color: #fff;
  top: 20px;
  left: 35px;
  background: rgba(51, 129, 197, 0.85);
}

.posts2-i .posts-i-date span {
  display: block;
  font-size: 26px;
  line-height: 1;
  font-family: "PT Serif", Roboto, sans-serif;
  font-weight: 700;
  margin: 0 0 1px;
}

.posts2-i p {
  padding: 0;
  margin: 0 0 8px;
  line-height: 1.7;
  font-size: 14px;
  color: #616161;
}

.posts2-i .posts-i-ttl {
  font-family: "PT Serif", Roboto, sans-serif;
  font-size: 19px;
  font-weight: 700;
  margin: 0 0 10px;
  line-height: 1.2;
}

.posts2-i .posts-i-ttl a {
  border: none;
  line-height: 1.2;
  transition: color 0.2s;
}

.posts2-i .posts-i-ttl a:hover {
  color: #006d41;
}

.posts2-i .posts-i-ctg {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 6px;
  display: inline-block;
  line-height: 1;
  border: none;
  color: #373d54;
  transition: color 0.2s;
}

.posts2-i .posts-i-ctg:hover {
  color: #006d41;
}

.posts2-i .posts-i-more {
  display: inline-block;
  margin: 0 0 5px;
  transition: color 0.2s;
  font-weight: 700;
  font-family: "PT Serif", Roboto, sans-serif;
  border: none;
  color: #006d41;
}

/*.posts2-i .posts-i-more:hover {
 * *	color: #373d54;
 * *} */

/*----------------------------------
 * *Blog V2
 * *---------------------------------- */

/*----------------------------------
 * *20 - Blog Post
 * *---------------------------------- */

.post-wrap {
  float: left;
  width: 80%;
  padding: 0 30px 50px 0;
}

.post-wrap-full {
  float: none;
  width: 100%;
  padding: 0 0 50px;
}

.post-wrap .post-slider {
  border: none;
  box-shadow: none;
  overflow: hidden;
  margin: 0 0 30px;
  position: relative;
}

.post-wrap .post-slider ul {
  margin: 0;
  padding: 0;
}

.post-wrap .post-slider ul li {
  margin: 0;
  padding: 0;
  position: initial;
}

.post-wrap .post-slider ul li:after {
  display: none;
}

.post-wrap .post-slider .flex-direction-nav a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  opacity: 1 !important;
  margin: -20px 0 0;
  position: absolute;
  top: 50%;
  color: #373d54;
  text-shadow: none;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  border: none;
}

.post-wrap .post-slider .flex-direction-nav a:before {
  display: block;
  content: "\F104";
  font-size: 26px;
  text-indent: initial;
  color: #373d54;
  font-family: FontAwesome;
  transition: all 0.3s ease-in-out;
  text-shadow: none;
}

.post-wrap .flex-direction-nav a.flex-next:before {
  margin: 0 0 0 4px;
  content: "\F105";
}

.post-wrap .flex-direction-nav a.flex-prev:before {
  margin: 0 2px 0 0;
  content: "\F104";
}

.post-wrap .post-slider .flex-direction-nav a:hover {
  background: white;
  text-decoration: none;
}

.post-wrap .post-slider.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 20px;
}

.post-wrap .post-slider.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 20px;
}

.post-img {
  margin: 0 0 30px;
  padding: 0;
  display: block;
  max-width: 100%;
  max-height: 800px;
  width: auto;
  height: auto;
}

.post-wrap p {
  margin: 0 0 20px;
}

.post-share-wrap {
  border-top: 1px solid #e0e4f6;
  color: #888;
  overflow: hidden;
  margin: 28px 0 70px;
}

.post-share-wrap .post-share {
  float: left;
  padding: 21px 0 0;
  font-size: 18px;
  margin: 0;
}

.post-share-wrap .post-share li {
  display: inline-block;
  margin: 0 14px 10px 0;
  padding: 0;
}

.post-share-wrap .post-share li:after {
  display: none;
}

.post-share-wrap .post-share li a {
  transition: all 0.2s;
  border: none;
  color: #5f6680;
}

.post-share-wrap .post-share li a:hover {
  color: #373d54;
  text-decoration: none;
}

.post-share-wrap .post-share li a .fa {
  transition: all 0.2s;
  padding: 1px;
}

.post-share-wrap .post-share li a .fa-pinterest:hover {
  color: #f44336;
}

.post-share-wrap .post-share li a .fa-facebook-square:hover,
.post-share-wrap .post-share li a .fa-facebook:hover {
  color: #0083C9;
}

.post-share-wrap .post-share li a .fa-twitter:hover {
  color: #5BBCEC;
}

.post-share-wrap .post-share li a .fa-linkedin:hover {
  color: #FF4518;
}

.post-share-wrap .post-share li a .fa-dribbble:hover {
  color: #90C9DC;
}

.post-share-wrap .post-share li a .fa-google-plus:hover {
  color: #CE3C2D;
}

.post-share-wrap .post-share li a .fa-instagram:hover {
  color: #b4307d;
}

.post-share-wrap .post-share li a .fa-telegram:hover {
  color: #4c75a3;
}

.post-share-wrap .post-info {
  padding: 21px 0 0;
  float: right;
  text-align: right;
  margin: 0;
}

.post-share-wrap .post-info li {
  display: inline-block;
  padding: 0 0 10px 18px;
  margin: 0 0 0 5px;
  position: relative;
  font-size: 13px;
  text-transform: uppercase;
}

.post-share-wrap .post-info li:after {
  display: block;
  content: "";
  width: 9px;
  height: 19px;
  background: url(/images/separator1.png?20dfb854999f656cdfcc7c834ccd05a4) no-repeat left top;
  top: 50%;
  left: 0;
  margin: -15px 0 0;
  position: absolute;
}

.post-share-wrap .post-info li:first-child:after {
  display: none;
}

.post-share-wrap .post-info li a {
  color: #006d41;
  transition: all 0.2s;
}

.post-share-wrap .post-info li a:hover {
  text-decoration: none;
}

.post-rel-wrap {
  position: relative;
  overflow: hidden;
  border: none;
  margin: 0 0 30px;
  box-shadow: none;
}

.post-rel-wrap ul {
  margin: 0;
  padding: 0;
}

.post-rel-wrap ul li {
  margin: 0;
  padding: 0;
  position: initial;
}

.post-rel-wrap ul li:after {
  display: none;
}

.post-rel-wrap .posts-i {
  height: 236px;
  float: left;
  width: 280px;
  margin: 0 20px 0 0;
  color: #373d54;
  position: relative;
  padding: 0;
  overflow: hidden;
}

.post-rel-wrap .posts-i .posts-i-date,
.post-rel-wrap .posts-i .posts-i-info {
  left: 20px;
}

.post-rel-wrap .flex-direction-nav a {
  transition: all 0.2s ease-in;
  background: none;
  text-align: center;
  overflow: hidden;
  width: 38px;
  background: rgba(255, 255, 255, 0.85);
  text-indent: 100%;
  white-space: nowrap;
  height: 42px;
  margin-top: -21px;
  z-index: 1;
  opacity: 0;
}

.post-rel-wrap .flex-direction-nav a:before {
  transition: all 0.2s ease-in;
  display: block;
  content: "";
  text-indent: initial;
  background: url(/images/nav1.png?95c81a0364664aac4c9561d33cad4a17) no-repeat left top;
  height: 18px;
  width: 20px;
  position: absolute;
  top: 50%;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-next {
  right: 0;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-prev {
  left: 0;
}

.post-rel-wrap.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 20px;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-next:before {
  right: 8px;
  margin: -9px 0 0 0;
  content: "";
}

.post-rel-wrap.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 20px;
}

.post-rel-wrap.flexslider .flex-direction-nav .flex-prev:before {
  left: 8px;
  margin: -9px 0 0 0;
  background-position: left bottom;
  content: "";
}

/*----------------------------------
 * *20 - Blog Post
 * *---------------------------------- */

/*----------------------------------
 * *21 - Cart
 * *---------------------------------- */

.cart-items-wrap {
  overflow: auto;
  clear: both;
}

.cart-items-wrap .cart-items {
  width: 100%;
  border-collapse: collapse;
  margin: 0;
  text-align: left;
  border: none;
}

.cart-items-wrap .cart-items a {
  border: none;
}

.cart-items-wrap .cart-items p {
  margin: 0;
}

.cart-items-wrap .cart-items td {
  padding: 17px 20px 17px 0;
  vertical-align: middle;
  border: 1px solid #e0e4f6;
  font-size: 14px;
}

.cart-items-wrap .cart-items thead td {
  text-transform: uppercase;
  font-size: 13px;
  border: none;
  border-bottom: 1px solid #e0e4f6;
}

.cart-items-wrap .cart-items tbody td {
  padding: 17px 20px 17px 0;
  border: none;
  border-bottom: 1px solid #e0e4f6;
  font-weight: 500;
}

.cart-items-wrap .cart-items tbody td b {
  font-weight: 500;
}

.cart-items-wrap .cart-items tbody .cart-image {
  min-width: 100px;
  padding: 17px 20px 17px 0;
}

.cart-items-wrap .cart-items tbody .cart-image a {
  display: block;
  height: 80px;
}

.cart-items-wrap .cart-items tbody .cart-image img {
  max-width: 100%;
  max-height: 100%;
  display: block;
  margin: 0 auto;
}

.cart-items-wrap .cart-items tbody .cart-ttl {
  text-transform: uppercase;
  color: #373d54;
  text-align: left;
}

.cart-items-wrap .cart-items tbody .cart-ttl a {
  color: #373d54;
  transition: all 0.2s;
}

.cart-items-wrap .cart-items tbody .cart-ttl a:hover {
  color: #006d41;
  text-decoration: none;
}

.cart-items-wrap .cart-items tbody .cart-ttl p {
  text-transform: none;
  font-weight: 400;
  font-size: 13px;
}

.cart-items-wrap .cart-items tbody .cart-price span {
  color: #bbbbbb;
  font-weight: 400;
}

.cart-items-wrap .cart-items tbody .cart-price del {
  color: #bbbbbb;
  font-weight: 400;
  display: block;
}

.cart-items-wrap .cart-items tbody .cart-summ span {
  color: #bbbbbb;
  font-weight: 400;
}

.cart-items-wrap .cart-items tbody .cart-summ .cart-forone {
  font-weight: 400;
  font-size: 13px;
  position: relative;
  display: none;
  padding: 7px 0 0;
  margin: 4px 0 0;
  line-height: 1.2;
}

.cart-items-wrap .cart-items tbody .cart-summ .cart-forone b {
  font-weight: 400;
  line-height: 1.2;
}

.cart-items-wrap .cart-items .cart-image {
  width: 120px;
}

.cart-items-wrap .cart-items .cart-price,
.cart-items-wrap .cart-items .cart-summ,
.cart-items-wrap .cart-items .cart-quantity {
  width: 150px;
}

.cart-items-wrap .cart-items .cart-del {
  width: 32px;
  padding-right: 0;
}

.cart-items-wrap .cart-items tbody .cart-remove {
  width: 32px;
  height: 32px;
  transition: all 0.2s;
  display: block;
  background: url(/images/remove.jpg?c423abfa043d56cfb802bdb452c2a1a8) center center no-repeat;
}

.cart-items-wrap .cart-items .cart-qnt {
  overflow: hidden;
  margin: 0;
  width: 70px;
}

.cart-items-wrap .cart-items .cart-qnt input[type=text],
.cart-items-wrap .cart-items .cart-qnt input[type=number] {
  float: left;
  width: 39px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  padding: 0;
  color: #373d54;
  text-align: center;
  display: block;
  margin: 0 2px 0 0;
  background: #f8fafc;
  border: 1px solid #e0e4f6;
}

.cart-items-wrap .cart-items .cart-plus {
  float: left;
  width: 17px;
  margin: 5px 0 0;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.cart-items-wrap .cart-items .cart-plus:hover {
  color: #006d41;
}

.cart-items-wrap .cart-items .cart-plus .fa {
  padding: 0;
  line-height: 1;
}

.cart-items-wrap .cart-items .cart-minus {
  float: left;
  border-top: none;
  width: 17px;
  color: #373d54;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}

.cart-items-wrap .cart-items .cart-minus:hover {
  color: #006d41;
}

.cart-items-wrap .cart-items .cart-minus .fa {
  padding: 0;
  line-height: 1;
}

.cart-submit {
  overflow: hidden;
  margin: 0 0 15px;
  padding: 0;
}

.cart-coupon {
  float: left;
  width: 42.2%;
  display: block;
  position: relative;
  margin: 0 0 15px;
}

.cart-coupon input[type=text],
.cart-coupon input[type=number] {
  display: block;
  height: 34px;
  border: 1px solid #e0e4f6;
  padding: 0 17px;
  color: #373d54;
  width: 100%;
}

.cart-coupon input[type=image] {
  position: absolute;
  border: none;
  width: 20px;
  height: 15px;
  display: block;
  top: 50%;
  right: 14px;
  margin: -7px 0 0 0px;
}

.cart-coupon .cart-coupon-btn {
  position: absolute;
  border: none;
  width: 20px;
  height: 15px;
  display: block;
  top: 50%;
  right: 14px;
  margin: -7px 0 0 0px;
  transition: all 0.2s;
}

.cart-coupon .cart-coupon-btn:hover {
  opacity: 0.85;
}

.cart-submit input[type=submit] {
  display: block;
  border: none;
  float: right;
  border-radius: 50px;
  font-size: 15px;
  color: #fff;
  margin: 0 0 15px;
  padding: 8px 24px 7px;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  background: #006d41;
  transition: all 0.2s;
  height: auto;
}

.cart-submit input[type=submit]:hover {
  background: #22B2F9;
}

.cart-submit .cart-submit-btn {
  display: block;
  border: none;
  float: right;
  font-size: 13px;
  color: #fff;
  margin: 0 0 15px 25px;
  padding: 10px 20px 9px;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  background: #373d54;
  letter-spacing: 1px;
  transition: all 0.2s;
  height: auto;
}

.cart-submit .cart-submit-btn:hover {
  background: #474f6e;
  text-decoration: none;
  color: #fff;
}

.cart-submit .cart-clear {
  display: block;
  border: none;
  float: right;
  font-size: 15px;
  color: #373d54;
  line-height: 100%;
  margin: 0 0 15px;
  padding: 11px 0 0;
  border-bottom: 1px solid #373d54;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
  transition: all 0.2s;
  height: auto;
}

.cart-submit .cart-clear:hover {
  text-decoration: none;
  color: #373d54;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}

body .cart-total {
  padding: 0;
  font-size: 18px;
  color: #373d54;
  font-weight: 700;
  overflow: hidden;
  margin: 0 0 30px;
  border-bottom: 1px solid #e0e4f6;
}

body .cart-total li {
  list-style: none;
  margin: 18px 15px 15px 0;
  font-size: 15px;
  font-weight: 400;
  position: relative;
  padding: 0 0 0 20px;
}

body .cart-total li:last-child {
  margin-left: 0;
  padding-left: 0;
}

body .cart-total li:last-child:after {
  display: none;
}

body .cart-total li span {
  text-transform: none;
  color: #ccc;
  font-weight: 400;
}

body .cart-total li b {
  font-weight: 400;
}

body .cart-total .cart-summ {
  text-align: right;
  margin: 15px 0 15px 0;
  padding: 0px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}

body .cart-total .cart-summ span {
  text-transform: none;
  color: #ccc;
  font-weight: 400;
}

body .cart-total .cart-summ b {
  color: #006d41;
  text-transform: none;
  font-weight: 500;
}

/*----------------------------------
 * *21 - Cart
 * *---------------------------------- */

/*----------------------------------
 * *22 - Blog Posts
 * *---------------------------------- */

.posts-wrap {
  overflow: hidden;
  margin: 0 0 50px;
}

.posts-list {
  margin: 0 -15px;
}

.posts-list:after {
  clear: both;
  content: "";
  display: block;
}

.posts-list .posts-i {
  color: #373d54;
  position: relative;
  width: 33.33333%;
  padding: 0 15px;
  float: left;
  margin: 0 0 30px;
  height: 236px;
  overflow: hidden;
}

.posts-i .posts-i-img {
  display: block;
  height: 100%;
  overflow: hidden;
  border: none;
  position: relative;
}

.posts-i .posts-i-img:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0);
  transition: background 0.5s;
}

.posts-i:hover .posts-i-img:after {
  background: rgba(0, 0, 0, 0.5);
}

.posts-i .posts-i-img span {
  width: 100%;
  height: 100%;
  transition: transform 0.6s;
  display: block;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  transform: scale3d(1, 1, 1);
}

.posts-i:hover .posts-i-img span {
  transform: scale3d(1.05, 1.05, 1);
}

.posts-i .posts-i-date {
  text-transform: uppercase;
  font-size: 13px;
  text-align: center;
  font-weight: 300;
  padding: 0;
  position: absolute;
  color: #fff;
  top: 15px;
  left: 35px;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.posts-i:hover .posts-i-date {
  opacity: 1;
  top: 20px;
}

.posts-i .posts-i-date span {
  display: block;
  font-size: 28px;
  line-height: 1;
  font-family: "PT Serif", Roboto, sans-serif;
  font-weight: 700;
  margin: 0 0 1px;
}

.posts-i .posts-i-info {
  position: absolute;
  bottom: 15px;
  left: 35px;
  right: 35px;
  padding: 0;
  color: #fff;
  line-height: 1;
  opacity: 0;
  transition: all 0.3s ease-in;
}

.posts-i:hover .posts-i-info {
  opacity: 1;
  bottom: 20px;
}

.posts-i .posts-i-ttl {
  font-family: "PT Serif", Roboto, sans-serif;
  font-size: 19px;
  font-weight: 700;
  margin: 0;
  line-height: 1.2;
}

.posts-i .posts-i-ttl a {
  border: none;
  color: #fff;
  line-height: 1.2;
  transition: color 0.2s;
}

.posts-i .posts-i-ttl a:hover {
  color: #b3bede;
}

.posts-i .posts-i-ctg {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  margin: 0 0 7px;
  display: inline-block;
  line-height: 1;
  border: none;
  color: #fff;
  transition: color 0.2s;
}

.posts-i .posts-i-ctg:hover {
  color: #b3bede;
}

.posts-list-rel {
  margin: 0;
  padding: 0 0 50px;
  overflow: hidden;
}

.posts-list-rel ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

.posts-list-rel .posts-i {
  padding: 0;
  margin: 0;
  list-style: none !important;
}

.posts-list-rel .posts-i .posts-i-info {
  left: 22px;
  right: 22px;
}

.posts-list-rel .posts-i .posts-i-date {
  left: 22px;
}

.posts-list-rel .flex-control-nav {
  bottom: 10px;
  margin: 0;
  list-style: none;
}

.posts-list-rel .flex-control-nav li {
  margin: 0 4px;
}

.posts-list-rel .flex-control-nav li a {
  display: block;
  box-shadow: none;
  border-radius: 0;
  width: 23px;
  height: 3px;
  background: #e0e4f6;
  box-shadow: none;
  transition: all 0.2s;
  border: none;
}

.posts-list-rel .flex-control-nav li a:hover {
  background: #373d54;
}

.posts-list-rel .flex-control-nav li a.flex-active {
  background: #373d54;
  cursor: default;
}

.posts-list-rel .flex-direction-nav a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  opacity: 1 !important;
  margin: -48px 0 0;
  position: absolute;
  top: 50%;
  color: #373d54;
  text-shadow: none;
  z-index: 2;
  background: rgba(255, 255, 255, 0.8);
  border: none;
}

.posts-list-rel .flex-direction-nav a.flex-disabled {
  display: none;
}

.posts-list-rel .flex-direction-nav a:before {
  display: block;
  content: "\F104";
  font-size: 26px;
  text-indent: initial;
  color: #373d54;
  font-family: FontAwesome;
  transition: all 0.3s ease-in-out;
  text-shadow: none;
}

.post-wrap .flex-direction-nav a.flex-next:before {
  margin: 0 0 0 4px;
  content: "\F105";
}

.post-wrap .flex-direction-nav a.flex-prev:before {
  margin: 0 2px 0 0;
  content: "\F104";
}

.posts-list-rel .flex-direction-nav a:hover {
  background: white;
  text-decoration: none;
}

.posts-list-rel.flexslider:hover .flex-direction-nav .flex-prev {
  opacity: 1;
  left: 20px;
}

.posts-list-rel.flexslider:hover .flex-direction-nav .flex-next {
  opacity: 1;
  right: 20px;
}

/*----------------------------------
 * *22 - Blog Posts
 * *---------------------------------- */

/*----------------------------------
 * *23 - Reviews Carousel
 * *---------------------------------- */

.reviews-wrap {
  margin: 0 auto 30px;
  max-width: 800px;
}

.reviewscar .swiper-slide {
  font-family: "PT Serif", Roboto, sans-serif;
  font-size: 14px;
  font-style: italic;
  text-align: center;
  line-height: 1.9;
  margin: 0;
  padding: 0 0 39px;
  position: relative;
}

.reviewscar .swiper-slide:after {
  content: "";
  display: block;
  position: absolute;
  bottom: 24px;
  left: 50%;
  width: 60px;
  margin: 0 0 0 -30px;
  height: 1px;
  background: #373d54;
}

.reviewscar .swiper-slide p {
  line-height: 1.9;
  margin: 0;
  padding: 0;
}

.reviewscar .reviewscar-ttl {
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 25px 0 10px;
  padding-top: 25px;
  position: relative;
}

.reviewscar .reviewscar-ttl:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 60px;
  margin: 0 0 0 -30px;
  height: 1px;
  background: #373d54;
}

.reviewscar-thumbs {
  box-sizing: border-box;
  padding: 0 0 100px;
}

.reviewscar-thumbs .swiper-slide {
  width: 80px;
  height: 80px;
  opacity: 0.6;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}

.reviewscar-thumbs .swiper-slide:hover {
  opacity: 1;
}

.reviewscar-thumbs .swiper-slide-active {
  opacity: 1;
}

.reviewscar-thumbs .reviewscar-ttl {
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  margin: 0;
  padding: 0;
  position: absolute;
  text-align: center;
  top: 100px;
  left: -80px;
  right: -80px;
  display: none;
}

.reviewscar-thumbs .reviewscar-ttl a {
  color: #373d54;
  border: none;
}

.reviewscar-thumbs .reviewscar-post {
  position: absolute;
  text-align: center;
  top: 119px;
  left: -80px;
  right: -80px;
  display: none;
  color: #373d54;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 13px;
  font-weight: 400;
  letter-spacing: 1px;
  font-style: normal;
}

.reviewscar-thumbs .swiper-slide-active .reviewscar-ttl,
.reviewscar-thumbs .swiper-slide-active .reviewscar-post {
  display: block;
}

/*----------------------------------
 * *23 - Reviews Carousel
 * *---------------------------------- */

/*----------------------------------
 * *24 - Reviews List
 * *---------------------------------- */

.reviews-list {
  margin: 0 0 30px;
  clear: both;
}

.prod-tab .reviews-list {
  padding-top: 15px;
}

.reviews-list:after {
  clear: both;
  content: "";
  display: block;
}

.reviews-list .reviews-i {
  position: relative;
  padding: 0;
  font-weight: 300;
  color: #616161;
  line-height: 1.7;
  font-size: 14px;
  margin: 0 0 30px;
  padding: 0 0 5px;
  border-bottom: 1px solid #eee;
}

.reviews-list .reviews-i.existimg {
  padding: 0 0 5px 144px;
  min-height: 200px;
}

.reviews-i .reviews-i-img {
  top: 2px;
  left: 0;
  width: 120px;
  position: absolute;
  margin: 0;
}

.reviews-i .reviews-i-img img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0 0 14px;
}

.reviews-i .reviews-i-rating {
  font-size: 13px;
  color: #006d41;
  text-align: center;
  display: block;
  margin: 0 0 4px;
}

.reviews-i .reviews-i-rating .fa {
  margin: 0 1px;
}

.reviews-i .reviews-i-cont {
  line-height: 1.7;
  position: relative;
}

.reviews-i .reviews-i-cont:after {
  clear: both;
  content: "";
  display: block;
}

.reviews-i .reviews-i-date {
  font-size: 14px;
  text-align: center;
  display: block;
  color: #373d54;
  font-family: "PT Serif", sans-serif;
  font-style: italic;
}

.reviews-i .reviews-i-cont .reviews-i-rating {
  text-align: left;
  margin-bottom: 11px;
  position: absolute;
  right: 0;
  top: 3px;
}

.reviews-i .reviews-i-cont .reviews-i-date {
  text-align: left;
  margin-bottom: 11px;
}

.reviews-i p {
  line-height: 1.7;
  margin: 0 0 12px;
}

.reviews-i .reviews-i-margin {
  display: block;
  margin-top: 12px;
}

.reviews-i .reviews-i-showanswer {
  font-size: 14px;
  color: #006d41;
  letter-spacing: 0.03em;
  float: right;
  line-height: 1.4;
  cursor: pointer;
}

.reviews-i .reviews-i-showanswer.opened .fa:before {
  content: "\F106";
}

.reviews-i .reviews-i-showanswer span {
  display: inline-block;
  border-bottom: 1px solid transparent;
  transition: all 0.2s;
  line-height: 1;
}

.reviews-i .reviews-i-showanswer:hover span {
  border-color: #006d41;
}

.reviews-i .reviews-i-ttl {
  font-family: "PT Serif", sans-serif;
  font-size: 15px;
  font-style: italic;
  font-weight: 700;
  padding: 0 0 0 56px;
  position: relative;
  line-height: 1.1;
  margin: 0 0 20px;
  letter-spacing: 0.02em;
  float: left;
  color: #373d54;
}

.reviews-i .reviews-i-ttl:after {
  position: absolute;
  top: 8px;
  left: 0;
  background: #373d54;
  height: 1px;
  display: block;
  width: 42px;
  content: "";
}

.reviews-i .reviews-i-answer {
  font-weight: 300;
  color: #616161;
  line-height: 1.7;
  font-size: 14px;
  padding: 0 0 0 40px;
  position: relative;
  display: none;
  overflow: hidden;
}

.reviews-i .reviews-i-answer:after {
  content: "";
  display: block;
  width: 2px;
  top: 3px;
  bottom: 13px;
  left: 20px;
  background: #373d54;
  position: absolute;
}

/*----------------------------------
 * *24 - Reviews List
 * *---------------------------------- */

/*----------------------------------
 * *25 - Modal Form
 * *---------------------------------- */

.bx-wrapper {
  margin-bottom: 0;
}

.bx-wrapper .bx-viewport {
  box-shadow: none;
  border: none;
  left: auto;
  background: #fff;
}

.modalform {
  font-size: 14px;
  background: #fff;
  width: 100%;
  padding: 30px 30px 20px;
  margin: 0 auto;
  width: 280px;
}

.modalform .modalform-ttl {
  text-transform: uppercase;
  font-size: 18px;
  padding: 0 0 11px;
  font-weight: 500;
  margin: 0 0 20px;
  color: #373d54;
  text-align: center;
  position: relative;
}

.modalform .modalform-ttl:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 1px;
  margin: 0 0 0 -25px;
  display: block;
  background: #373d54;
}

.modalform input[type=text] {
  width: 100%;
  display: block;
  margin: 0 auto 20px;
  border: 1px solid #e0e4f6;
  height: 40px;
  color: #373d54;
  background: #f8fafc;
  transition: all 0.2s;
  padding: 0 14px;
  font-size: 14px;
}

.modalform input[type=text]::-webkit-input-placeholder {
  color: #c7cbdc;
}

.modalform input[type=text]::-moz-placeholder {
  color: #c7cbdc;
  opacity: 1;
}

.modalform input[type=text]:-ms-input-placeholder {
  color: #c7cbdc;
}

.modalform input[type=number]::-webkit-input-placeholder {
  color: #c7cbdc;
}

.modalform input[type=number]::-moz-placeholder {
  color: #c7cbdc;
  opacity: 1;
}

.modalform input[type=number]:-ms-input-placeholder {
  color: #c7cbdc;
}

.modalform textarea {
  float: none;
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  margin: 0 0 20px 0;
  border: 1px solid #e0e4f6;
  display: block;
  min-height: 170px;
  height: 170px;
  max-height: 700px;
  color: #373d54;
  background: #f8fafc;
  transition: all 0.2s;
  padding: 14px 14px;
  font-size: 14px;
}

.modalform textarea::-webkit-input-placeholder {
  color: #c7cbdc;
}

.modalform textarea::-moz-placeholder {
  color: #c7cbdc;
  opacity: 1;
}

.modalform textarea:-ms-input-placeholder {
  color: #c7cbdc;
}

.modalform button[type=submit] {
  display: block;
  border: none;
  font-size: 13px;
  color: #fff;
  margin: 0 auto 15px;
  padding: 10px 24px 9px;
  cursor: pointer;
  text-align: center;
  font-weight: 500;
  text-transform: uppercase;
  background: #313b54;
  transition: all 0.2s;
  height: auto;
  width: 100%;
}

.modalform button[type=submit] .fa {
  display: inline-block;
  vertical-align: middle;
  margin: -2px 5px 0 0;
  font-size: 12px;
}

.modalform button[type=submit]:hover {
  background: #22B2F9;
}

.redborder {
  border-color: red !important;
}

.modalform .form-result {
  margin: 0;
}

/*----------------------------------
 * *25 - Modal Form
 * *---------------------------------- */

/*----------------------------------
 * *26 - Quick View
 * *---------------------------------- */

.qview-modal {
  height: 0;
  overflow: hidden;
  width: 950px;
  width: 100%;
  max-width: 950px;
}

.qview-modal .prod-slider-wrap,
.qview-modal .prod-cont {
  margin-bottom: 0;
}

.qview-modal .prod-wrap {
  float: none;
  width: auto;
  padding: 20px;
  background: #fff;
  max-width: 950px;
  width: 100%;
}

.fancybox-wrap .qview-modal {
  overflow: initial;
  height: auto;
  width: auto;
}

/*----------------------------------
 * *26 - Quick View
 * *---------------------------------- */

/*----------------------------------
 * *27 - Elements
 * *---------------------------------- */

body .component-ttl {
  font-size: 22px;
  text-transform: uppercase;
  color: #373d54;
  margin: 0 0 50px;
  font-weight: 900;
  position: relative;
  letter-spacing: 2px;
}

body .component-ttl-hasdesc {
  margin: 0 0 18px;
}

body .component-ttl span {
  position: relative;
  display: inline-block;
  padding: 0 0 8px;
}

body .component-ttl span:before {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  height: 2px;
  left: 0;
  right: 0;
  background: #f8fafc;
}

body .component-ttl span:after {
  display: block;
  position: absolute;
  content: "";
  bottom: 0;
  height: 2px;
  left: 0;
  width: 60px;
  background: #373d54;
}

body .component-ttl-ct {
  text-align: center;
}

body .component-ttl-ct span:after {
  left: 50%;
  margin: 0 0 0 -30px;
}

body .component-desc {
  margin: 0 0 45px;
  font-size: 15px;
  font-family: "PT Serif";
  font-style: italic;
  letter-spacing: 0.05em;
}

body .component-desc.component-desc-ct {
  text-align: center;
}

/*----------------------------------
 * *27 - Elements
 * *---------------------------------- */

/*----------------------------------
 * *28 - Pricing Table
 * *---------------------------------- */

.pricing-wrap {
  overflow: hidden;
  margin-bottom: 30px;
}

.pricing-list {
  margin-left: -15px;
  margin-right: -15px;
}

.pricing-list .pricing-i {
  text-align: center;
  margin-top: 30px;
  margin-bottom: 30px;
  color: #373d54;
  margin-left: auto;
  margin-right: auto;
  max-width: 390px;
}

.pricing-list .pricing-i:nth-child(3n+1) {
  clear: left;
}

.pricing-list .pricing-i-marked {
  margin-top: 0;
}

.pricing-i .pricing-i-top {
  color: #ffffff;
  background: #3f4661;
  padding: 24px 15px 14px;
  font-weight: 300;
  overflow: hidden;
}

.pricing-i-marked .pricing-i-top {
  padding-top: 33px;
  padding-bottom: 22px;
}

.pricing-i .pricing-i-ttl {
  font-size: 32px;
  font-weight: 300;
  text-transform: uppercase;
  margin: 0 0 5px;
  line-height: 1.2;
  color: #fff;
}

.pricing-i-marked .pricing-i-ttl {
  font-size: 39px;
  margin-bottom: 10px;
}

.pricing-i .pricing-i-subttl {
  opacity: 0.23;
  font-size: 15px;
  margin: 0 0 9px;
}

.pricing-i .pricing-i-price {
  font-size: 28px;
  color: #fff;
  font-weight: 300;
  background: #373d54;
  margin: 0;
  padding: 12px 15px;
}

.pricing-i .pricing-i-price span {
  font-size: 16px;
}

.pricing-i .pricing-i-desc {
  margin: 0;
  padding: 0;
  border-bottom: 2px solid #e0e4f6;
  border-left: 2px solid #e0e4f6;
  border-right: 2px solid #e0e4f6;
}

.pricing-i-marked .pricing-i-desc {
  border-color: #373d54;
}

.pricing-i .pricing-i-desc li {
  list-style: none;
  padding: 22px 15px;
  font-size: 15px;
  margin: 0;
}

.pricing-i .pricing-i-desc li:nth-child(2n) {
  background: #f8fafc;
}

.pricing-i .pricing-i-desc li.pricing-i-no {
  color: #7c83a1;
}

.pricing-i .pricing-i-desc .pricing-i-order {
  padding: 15px 15px;
}

.pricing-i .pricing-i-desc .pricing-i-order a {
  display: block;
  width: 100%;
  padding: 16px 0;
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-weight: 500;
  text-align: center;
  background: #373d54;
  border: none;
  letter-spacing: 1px;
}

.pricing-i .pricing-i-desc .pricing-i-order a:hover {
  background: #474f6e;
}

.pricing-list.pricing-list-1,
.pricing-list.pricing-list-2 {
  text-align: center;
}

.pricing-list.pricing-list-1 .pricing-i,
.pricing-list.pricing-list-2 .pricing-i {
  float: none;
  display: inline-block;
  vertical-align: top;
}

/*----------------------------------
 * *28 - Pricing Table
 * *---------------------------------- */

/*----------------------------------
 * *29 - Team
 * *---------------------------------- */

.team-wrap {
  overflow: hidden;
  margin-bottom: 30px;
}

.team-list {
  margin-left: -15px;
  margin-right: -15px;
}

.team-list .team-i {
  text-align: center;
  margin-bottom: 40px;
  color: #373d54;
  margin-left: auto;
  margin-right: auto;
  max-width: 390px;
  font-weight: 300;
  color: #616161;
  line-height: 1.7;
}

.team-list .team-i:nth-child(3n+1) {
  clear: left;
}

.team-i .team-i-img {
  margin: 0 0 25px;
  padding: 0;
  overflow: hidden;
  height: 280px;
}

.team-i .team-i-img img {
  display: block;
  width: 100%;
  min-height: 100%;
}

.team-i .team-i-ttl {
  margin: 0 0 2px;
  padding: 0;
  font-weight: 500;
  font-size: 16px;
}

.team-i .team-i-post {
  color: #373d54;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 13px;
  font-weight: 400;
  letter-spacing: 1px;
}

.team-i p {
  margin-bottom: 19px;
}

.team-i .team-i-margin {
  display: block;
  margin-top: 19px;
}

.team-i .team-i-social {
  text-align: center;
  padding: 17px 0 0;
  margin: 0;
  position: relative;
}

.team-i .team-i-social:after {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 50%;
  width: 190px;
  margin: 0 0 0 -95px;
  height: 1px;
  background: #e0e4f6;
}

.team-i .team-i-social li {
  display: inline-block;
  vertical-align: middle;
  list-style: none;
  margin: 0 8px 8px;
}

.team-i .team-i-social li a {
  transition: all 0.2s;
  border: none;
  color: #5f6680;
  font-size: 18px;
}

.team-i .team-i-social li a:hover .fa {
  color: #006d41;
}

.team-i .team-i-social li a:hover .fa-pinteres {
  color: #f44336;
}

.team-i .team-i-social li a:hover .fa-facebook-square,
.team-i .team-i-social li a:hover .fa-faceboo {
  color: #0083C9;
}

.team-i .team-i-social li a:hover .fa-twitter {
  color: #5BBCEC;
}

.team-i .team-i-social li a:hover .fa-linkedin {
  color: #FF4518;
}

.team-i .team-i-social li a:hover .fa-dribbble {
  color: #90C9DC;
}

.team-i .team-i-social li a:hover .fa-google-plus {
  color: #CE3C2D;
}

.team-i .team-i-social li a:hover .fa-instagram {
  color: #b4307d;
}

.team-i .team-i-social li a:hover .fa-telegram {
  color: #4c75a3;
}

/*----------------------------------
 * *29 - Team
 * *---------------------------------- */

/*----------------------------------
 * *30 - Contact Forms
 * *---------------------------------- */

.contactform-wrap {
  margin: 0 auto 40px;
  max-width: 600px;
  font-size: 14px;
}

.contactform-wrap p {
  margin: 0 0 20px;
}

.contactform-wrap label {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 5px;
  color: #313b54;
  font-size: 14px;
}

.contactform-wrap .contactform-label {
  width: 20%;
  text-align: right;
  padding-right: 15px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
}

.contactform-multiselect .contactform-label,
.contactform-textarea .contactform-label {
  vertical-align: top;
  margin: 13px 0 0;
}

.contactform-field .contactform-label + .contactform-input,
select,
textarea {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 80%;
}

.contactform-field .contactform-label + .contactform-input input[type=file],
.contactform-field .contactform-label + .contactform-input input[type=password],
.contactform-field .contactform-label + .contactform-input input[type=email],
.contactform-field .contactform-label + .contactform-input input[type=tel],
.contactform-field .contactform-label + .contactform-input input[type=search],
.contactform-field .contactform-label + .contactform-input input[type=text],
.contactform-field .contactform-label + .contactform-input input[type=number],
select input[type=file],
select input[type=password],
select input[type=email],
select input[type=tel],
select input[type=search],
select input[type=text],
select input[type=number],
textarea input[type=file],
textarea input[type=password],
textarea input[type=email],
textarea input[type=tel],
textarea input[type=search],
textarea input[type=text],
textarea input[type=number] {
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 80%;
}

.contactform-wrap .contactform-field input[type=file] {
  width: auto;
  color: #313b54;
  font-size: 14px;
}

.contactform-wrap .contactform-field select {
  background: #fff;
  outline: none !important;
  background: #f8fafc;
  color: #313b54;
}

.contactform-wrap .contactform-radio .contactform-label,
.contactform-wrap .contactform-checkbox .contactform-label {
  margin: 0 0 5px;
}

.contactform-wrap .contactform-radio label:not(.contactform-label),
.contactform-wrap .contactform-checkbox label:not(.contactform-label) {
  text-transform: none;
  letter-spacing: 0;
  width: auto;
  text-align: left;
  line-height: 1;
  margin: 0;
}

.contactform-wrap .contactform-radio input[type=radio],
.contactform-wrap .contactform-checkbox input[type=checkbox] {
  margin: 0 5px 5px 0;
}

.contactform-wrap .contactform-radio label[for],
.contactform-wrap .contactform-checkbox label[for] {
  margin: 0 10px 5px 0;
  line-height: 1;
}

.contactform-wrap .contactform-radio br,
.contactform-wrap .contactform-checkbox br {
  display: none;
}

.contactform-wrap .contactform-date input[type=text],
.contactform-wrap .contactform-date input[type=number] {
  display: inline-block;
  width: 70%;
  margin: 0 5px 0 0;
}

.contactform-wrap .contactform-submit {
  text-align: center;
  padding: 15px 0 0;
}

.contactform-submit input[type=submit] {
  display: inline-block;
}

.form-required {
  color: red;
}

.form-result {
  text-align: center;
  color: #373d54;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 20px;
}

.contacts-map {
  height: 400px;
}

/*----------------------------------
 * *30 - Contact Forms
 * *---------------------------------- */

/*----------------------------------
 * *31 - Brands
 * *---------------------------------- */

.brands-wrap {
  overflow: hidden;
  position: relative;
  margin-bottom: 60px;
}

.brands-list {
  overflow: hidden;
  position: relative;
  padding: 0 50px;
}

.brands-list ul.slides {
  overflow: hidden;
  position: relative;
  width: 1600%;
  transition-duration: 0s;
  transform: translate3d(0px, 0px, 0px);
  margin: 0 auto;
}

.brands-list ul.slides li {
  float: left;
  width: 157px;
  margin: 0 20px 0 0;
  height: 60px;
  text-align: center;
  line-height: 60px;
  vertical-align: middle;
  display: block;
}

.brands-list ul.slides li a {
  border: none;
  display: block;
  transition: all 0.2s;
  height: 100%;
  vertical-align: middle;
}

.brands-list ul.slides li a:after {
  display: inline-block;
  height: 100%;
  content: "";
  vertical-align: middle;
}

.brands-list ul.slides li a:hover {
  opacity: 0.85;
}

.brands-list ul.slides li img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.brands-list .flex-direction-nav .flex-prev {
  left: 2px;
}

.brands-list .flex-direction-nav .flex-prev:hover {
  left: 0px;
}

.brands-list .flex-direction-nav .flex-next {
  right: 2px;
}

.brands-list .flex-direction-nav .flex-next:hover {
  right: 0;
}

/*----------------------------------
 * *31 - Brands
 * *---------------------------------- */

/*----------------------------------
 * *32 - Banners
 * *---------------------------------- */

.banners-list {
  margin: 0 -10px 50px;
}

.banners-list:after {
  clear: both;
  content: "";
  display: block;
}

.banners-list .banner-i {
  width: 50%;
  padding: 0 10px;
  margin: 0 0 20px;
  position: relative;
  float: left;
}

.banner-i .banner-i-cont {
  position: absolute;
  color: #373d54;
  font-size: 13px;
  top: 0;
  left: 10px;
  right: 10px;
  overflow: hidden;
}

.banner-i p {
  margin: 0 0 24px;
}

.banner-i .banner-i-img {
  display: block;
  width: 100%;
}

.banner-i .banner-i-bg {
  display: block;
  width: 100%;
  height: 360px;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
}

.banner-i .banner-i-ttl {
  font-size: 20px;
  margin: 0 0 24px;
  font-weight: 700;
  line-height: 1.2;
}

.banner-i .banner-i-ttl * {
  line-height: 1.2;
}

.banner-i .banner-i-subttl {
  font-size: 11px;
  font-weight: 300;
  text-transform: uppercase;
  letter-spacing: 3px;
  margin: 0 0 11px;
}

.banner-i .banner-i-link {
  margin: 24px 0 35px;
}

.banner-i .banner-i-link a {
  background: #373d54;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 20px;
  font-weight: 700;
  display: inline-block;
  transition: all 0.2s;
  letter-spacing: 1px;
}

.banner-i .banner-i-link a:hover {
  background: #474f6e;
}

.banners-list .banner-i.style_11,
.banners-list .banner-i.style_12 {
  width: 50%;
}

.banners-list .banner-i.style_21,
.banners-list .banner-i.style_22 {
  width: 25%;
  text-align: center;
}

.banners-list .banner-i.style_11 .banner-i-cont {
  position: absolute;
  right: 90px;
  width: 208px;
  top: 50%;
  padding: 47px 0 0 40px;
  left: auto;
  background: rgba(55, 61, 84, 0.9);
  transform: translate(0, -50%);
  color: #fff;
}

.banners-list .banner-i.style_11 .banner-i-link a {
  background: transparent;
  padding: 0;
  font-weight: 500;
  position: relative;
}

.banners-list .banner-i.style_11 .banner-i-link a:after {
  content: "\F105";
  font-family: FontAwesome;
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin: -1px 0 0 10px;
}

.banners-list .banner-i.style_12 .banner-i-cont {
  position: absolute;
  right: 45px;
  width: 208px;
  top: 50%;
  padding: 47px 0 0 0;
  left: auto;
  transform: translate(0, -50%);
}

.banners-list .banner-i.style_12 .banner-i-ttl {
  margin: 0 0 12px;
}

.banners-list .banner-i.style_12 .banner-i-link {
  margin: 35px 0 35px;
}

.banners-list .banner-i.style_21 .banner-i-cont {
  bottom: 0;
  top: auto;
}

.banners-list .banner-i.style_22 .banner-i-cont {
  bottom: 0;
  top: 33px;
}

.banners-list .banner-i.style_22 .banner-i-link {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}

/*----------------------------------
 * *32 - Banners
 * *---------------------------------- */

/*----------------------------------
 * *33 - Discounts
 * *---------------------------------- */

.discounts-wrap {
  margin: 0 0 80px;
  position: relative;
}

.discounts-wrap .discounts-list {
  padding: 0 240px 0 0;
}

.discounts-wrap.discounts-wrap-nobtn .discounts-list {
  padding: 0;
}

.discounts-list .discounts-i {
  float: left;
  margin: 0 30px 0 0;
  width: 280px;
  position: relative;
  padding: 20px 30px 0 150px;
  min-height: 120px;
  border-right: 1px solid #e0e4f6;
}

.discounts-i .discounts-i-img {
  width: 120px;
  height: 120px;
  line-height: 120px;
  text-align: center;
  position: absolute;
  top: 0;
  left: 0;
}

.discounts-i .discounts-i-img img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.discounts-i .discounts-i-ttl {
  color: #373d54;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 5px;
}

.discounts-i .discounts-i-ttl a {
  color: #373d54;
  line-height: 1.2;
}

.discounts-i .discounts-i-ttl a:hover {
  color: #006d41;
}

.discounts-i .discounts-i-price {
  color: #ff3333;
  font-size: 12px;
}

.discounts-i .discounts-i-price b {
  font-size: 16px;
  font-weight: 500;
}

.discounts-i .discounts-i-price del {
  color: #888;
  font-size: 12px;
  display: block;
  font-weight: 400;
  margin: 9px 0 0;
}

.discounts-wrap .discounts-info {
  color: #373d54;
  font-size: 15px;
  position: absolute;
  bottom: 27px;
  right: 0;
  width: 210px;
}

.discounts-wrap .discounts-info p {
  margin: 0 0 15px;
}

.discounts-wrap .discounts-info a {
  background: #373d54;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  padding: 8px 20px;
  font-weight: 500;
  display: inline-block;
  transition: all 0.2s;
  letter-spacing: 1px;
}

.discounts-wrap .discounts-info a:hover {
  background: #474f6e;
}

/*----------------------------------
 * *33 - Discounts
 * *---------------------------------- */

/*----------------------------------
 * *34 - Newsletter
 * *---------------------------------- */

.newsletter {
  color: #373d54;
  background-image: url(/images/subscribe.jpg?8b7fa2e2c9565208fdde1e577fb5d5a9);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  font-size: 13px;
  margin: 0 auto 80px;
  max-width: 570px;
  padding: 35px 40px 21px;
}

.newsletter h3 {
  text-transform: uppercase;
  font-size: 20px;
  margin: 0 0 6px;
  font-weight: 700;
  line-height: 1.2;
}

.newsletter p {
  margin: 0 0 21px;
  color: #5f6680;
}

.newsletter input[type=text],
.newsletter input[type=number] {
  border: none;
  background: #fff;
  transition: all 0.2s;
  margin: 0 0 20px 0;
  display: inline-block;
  vertical-align: top;
  height: 35px;
  font-size: 13px;
  padding: 0 15px;
  width: 158px;
}

.newsletter input[type=submit] {
  border: none;
  height: 35px;
  background: #373d54;
  font-size: 12px;
  text-transform: uppercase;
  color: #fff;
  padding: 0 20px;
  font-weight: 500;
  display: inline-block;
  vertical-align: top;
  transition: all 0.2s;
  letter-spacing: 1px;
  margin: 0 0 20px;
}

.newsletter input[type=submit]:hover {
  background: #474f6e;
}

/*----------------------------------
 * *34 - Newsletter
 * *---------------------------------- */

/*----------------------------------
 * *35 - Iconbox 1
 * *---------------------------------- */

.iconbox-wrap {
  overflow: hidden;
  margin-bottom: 30px;
}

.iconbox-list .iconbox-i {
  text-align: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
  color: #616161;
  line-height: 1.7;
  font-size: 14px;
}

.iconbox-i .iconbox-i-img {
  margin: 0 0 30px;
  padding: 0;
  height: 90px;
}

.iconbox-i .iconbox-i-img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
  display: inline-block;
  vertical-align: middle;
}

.iconbox-i .iconbox-i-img:after {
  display: inline-block;
  vertical-align: middle;
  height: 100%;
  content: "";
}

.iconbox-i .iconbox-i-ttl {
  margin: 0 0 16px;
  padding: 0 0 17px;
  font-weight: 500;
  font-size: 15px;
  position: relative;
  text-transform: uppercase;
  letter-spacing: 1px;
}

.iconbox-i .iconbox-i-ttl:after {
  background-color: #5f6476;
  width: 50px;
  height: 2px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -25px;
}

.iconbox-i .iconbox-i-link {
  color: #373d54;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-weight: 500;
  display: inline-block;
  letter-spacing: 3px;
  border: none;
}

.iconbox-i .iconbox-i-link:hover {
  color: #006d41;
}

.iconbox-i .iconbox-i-link .fa {
  font-size: 16px;
  margin-left: 3px;
}

.iconbox-i p {
  font-size: 14px;
  margin-bottom: 10px;
}

.iconbox-i .iconbox-i-margin {
  display: block;
  margin-top: 10px;
}

/*----------------------------------
 * *35 - Iconbox 1
 * *---------------------------------- */

/*----------------------------------
 * *36 - Iconbox 2
 * *---------------------------------- */

.iconbox-2-wrap {
  overflow: hidden;
  margin-bottom: 30px;
}

.iconbox-2-list .iconbox-2-col {
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
}

.iconbox-2-list .iconbox-2-i {
  font-weight: 300;
  color: #616161;
  line-height: 1.7;
  font-size: 14px;
  position: relative;
  padding-left: 80px;
}

.iconbox-2-i .iconbox-2-i-img {
  margin: 0;
  padding: 0;
  position: absolute;
  top: 8px;
  left: 0;
  width: 50px;
}

.iconbox-2-i .iconbox-2-i-img img {
  width: 100%;
  height: auto;
  display: block;
}

.iconbox-2-i .iconbox-2-i-ttl {
  margin: 0 0 12px;
  padding: 0 0 13px;
  font-weight: 500;
  font-size: 16px;
  position: relative;
  letter-spacing: 1px;
}

.iconbox-2-i .iconbox-2-i-ttl:after {
  background-color: #5f6476;
  width: 50px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
  transition: all 0.2s;
}

.iconbox-2-i .iconbox-2-i-link {
  color: #373d54;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 10px;
  font-weight: 500;
  display: inline-block;
  letter-spacing: 3px;
  border: none;
}

.iconbox-2-i .iconbox-2-i-link:hover {
  color: #006d41;
}

.iconbox-2-i .iconbox-2-i-link .fa {
  font-size: 16px;
  margin-left: 3px;
}

.iconbox-2-i p {
  font-size: 14px;
  margin-bottom: 6px;
}

.iconbox-2-i .iconbox-2-i-margin {
  display: block;
  margin-top: 6px;
}

/*----------------------------------
 * *36 - Iconbox 2
 * *---------------------------------- */

/*----------------------------------
 * *37 - Counters
 * *---------------------------------- */

.facts-wrap {
  overflow: hidden;
  margin-bottom: 30px;
}

.facts-list .facts-i {
  text-align: center;
  margin-bottom: 40px;
  margin-left: auto;
  margin-right: auto;
  font-weight: 300;
  color: #616161;
  line-height: 1.7;
  font-size: 14px;
  position: relative;
  padding-bottom: 11px;
}

.facts-list .facts-i:after {
  background-color: #373d54;
  width: 50px;
  height: 1px;
  display: block;
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  margin: 0 0 0 -25px;
  transition: all 0.2s;
}

.facts-list .facts-i:hover:after {
  background-color: #006d41;
}

.facts-i .facts-i-num {
  margin: 0 0 10px;
  padding: 0;
  color: #373d54;
  white-space: nowrap;
  line-height: 1;
  font-size: 42px;
  letter-spacing: 2px;
  transition: all 0.2s;
  height: 42px;
  position: relative;
  font-weight: 700;
  font-family: "PT Serif", sans-serif;
}

.facts-i:hover .facts-i-num {
  color: #006d41;
}

.facts-i .facts-i-ttl {
  margin: 0 0 10px;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.1em;
}

.facts-i p {
  font-size: 14px;
  margin-bottom: 11px;
}

.facts-i .facts-i-margin {
  display: block;
  margin-top: 11px;
}

.facts-i .facts-i-percent {
  margin: 0 auto 23px;
  padding: 0;
  color: #373d54;
  white-space: nowrap;
  line-height: 1;
  font-size: 30px;
  font-weight: 500;
  letter-spacing: 1px;
  position: relative;
  height: 105px;
  width: 105px;
}

.facts-i .facts-i-percent .progressbar-text {
  color: #373d54 !important;
  font-size: 30px;
  font-family: "PT Serif", sans-serif;
  font-weight: 700;
}

.facts-i .facts-i-percent .progressbar-text span {
  font-size: 20px;
}

.style-2 .facts-i .facts-i-ttl {
  font-weight: 700;
  font-size: 13px;
  text-transform: uppercase;
}

/*----------------------------------
 * *37 - Counters
 * *---------------------------------- */

/*----------------------------------
 * *38 - Social Links
 * *---------------------------------- */

.social-wrap {
  margin-bottom: 40px;
}

.social-wrap .social-list {
  text-align: center;
}

.social-list .social-i {
  text-align: center;
  margin: 0 5px 30px;
  display: inline-block;
  width: 160px;
  vertical-align: top;
}

.social-i a {
  color: #373d54;
  transition: all 0.3s;
  display: block;
  border: none;
}

.social-i .social-i-img {
  color: #ffffff;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  line-height: 82px;
  margin: 0 auto 20px;
  background: #373d54;
  transition: all 0.3s;
}

.social-i .social-i-img .fa {
  color: #ffffff;
  line-height: 1;
  font-size: 28px;
  transition: all 0.3s;
}

.social-i a:hover .social-i-img {
  background: #f5f5f5;
}

.social-i a:hover .social-i-img .fa {
  color: #373d54;
}

.social-i .social-i-ttl {
  text-transform: uppercase;
  font-size: 13px;
  color: #373d54;
  font-weight: 500;
  margin: 0;
  letter-spacing: 1px;
}

/*----------------------------------
 * *38 - Social Links
 * *---------------------------------- */

/*----------------------------------
 * *39 - Accordion
 * *---------------------------------- */

.accordion-wrap .component-ttl {
  margin-bottom: 35px;
}

.accordion-tab-cont {
  overflow: hidden;
  position: relative;
  margin: 0 0 44px;
}

.accordion-tab {
  border: none;
  border-radius: 0;
  margin: 0;
  overflow: hidden;
  position: relative;
  padding: 0;
  height: 0;
}

.accordion-tab-cont .accordion-tab:first-of-type {
  height: auto;
}

.height_auto {
  height: auto !important;
}

.accordion-tab-mob {
  cursor: pointer;
  border-top: 1px solid #e0e4f6;
  padding: 15px 0px 15px;
  text-transform: uppercase;
  transition: all 0.2s;
  color: #373d54;
  font-size: 14px;
  position: relative;
  font-weight: 500;
  margin: 0 !important;
}

.accordion-tab-mob:hover {
  color: #006d41;
}

.accordion-tab-mob.active {
  color: #373d54;
}

.accordion-tab-mob.active:before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 100%;
  box-sizing: content-box;
  padding: 0 1px;
  height: 3px;
  background: #373d54;
}

.accordion-inner {
  padding-bottom: 1px;
  color: #616161;
  line-height: 1.7;
  font-size: 14px;
}

.accordion-inner:after {
  clear: both;
  content: "";
  display: block;
}

.tabs-wrap {
  padding-bottom: 1px;
}

.tabs-wrap .flex-viewport {
  padding-bottom: 1px;
  color: #616161;
  line-height: 1.7;
  font-size: 14px;
}

.tabs-wrap .flex-viewport:after {
  clear: both;
  content: "";
  display: block;
}

.tabs-margin {
  margin-top: 30px;
  display: block;
}

/*----------------------------------
 * *39 - Accordion
 * *---------------------------------- */

/*----------------------------------
 * *40 - Select Styles
 * *---------------------------------- */

.section-filter .section-filter-select {
  margin: 0 0 10px;
}

.section-filter .section-filter-select select.chosen-select {
  width: 100%;
  display: block;
  opacity: 0;
  height: 32px;
}

/*!
 * *Chosen, a Select Box Enhancer for jQuery and Prototype
 * *by Patrick Filler for Harvest, http://getharvest.com
 * *
 * *Version 1.6.2
 * *Full source at https://github.com/harvesthq/chosen
 * *Copyright (c) 2011-2016 Harvest http://getharvest.com
 * *
 * *MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
 * *This file is generated by `grunt build`, do not edit it by hand. */

/* @group Base */

.chosen-container {
  position: relative;
  display: block;
  vertical-align: middle;
  font-size: 14px;
  -webkit-user-select: none;
  -moz-user-select: none;
}

.chosen-container * {
  box-sizing: border-box;
}

.chosen-container .chosen-drop {
  position: absolute;
  top: 100%;
  left: -9999px;
  z-index: 1010;
  width: 100%;
  border: 1px solid #e0e4f6;
  border-top: 0;
  background: #fff;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.05);
}

.chosen-container.chosen-with-drop .chosen-drop {
  left: 0;
}

.chosen-container a {
  cursor: pointer;
}

.chosen-container .search-choice .group-name,
.chosen-container .chosen-single .group-name {
  margin-right: 4px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-weight: normal;
  color: #999999;
}

.chosen-container .search-choice .group-name:after,
.chosen-container .chosen-single .group-name:after {
  content: ":";
  padding-left: 2px;
  vertical-align: top;
}

/* @end */

/* @group Single Chosen */

.chosen-container-single .chosen-single {
  position: relative;
  display: block;
  overflow: hidden;
  padding: 0 0 0 10px;
  height: 32px;
  border: 1px solid #e0e4f6;
  background-color: #fff;
  color: #373d54;
  text-decoration: none;
  white-space: nowrap;
  line-height: 30px;
}

.chosen-container-single .chosen-single span {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  margin-right: 26px;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
  margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
  position: absolute;
  top: 6px;
  right: 26px;
  display: block;
  width: 12px;
  height: 12px;
  background: url(/images/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) -42px 1px no-repeat;
  font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
  background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 18px;
  height: 100%;
}

.chosen-container-single .chosen-single div:after {
  position: absolute;
  top: 50%;
  right: 50%;
  margin: -9px -1px 0 0;
  display: block;
  font-family: FontAwesome;
  content: "\F107";
  font-size: 14px;
}

.chosen-container-single .chosen-single div b {
  display: block;
  width: 100%;
  height: 100%;
}

.chosen-container-single .chosen-search {
  position: relative;
  z-index: 1010;
  margin: 0;
  padding: 4px 4px;
  white-space: nowrap;
}

.chosen-container-single .chosen-search:after {
  position: absolute;
  top: 50%;
  right: 0;
  margin: -10px 10px 0 0;
  display: block;
  font-family: FontAwesome;
  color: #8890af;
  content: "\F002";
  font-size: 12px;
}

.chosen-container-single .chosen-search input[type=text],
.chosen-container-single .chosen-search input[type=number] {
  margin: 0;
  padding: 0 20px 0 5px;
  width: 100%;
  height: 28px;
  outline: 0;
  border: 1px solid #e0e4f6;
  font-size: 14px;
  border-radius: 0;
}

.chosen-container-single .chosen-drop {
  margin-top: -1px;
  background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
  position: absolute;
  left: -9999px;
}

/* @end */

/* @group Results */

.chosen-container .chosen-results {
  color: #444;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  margin: 0 4px 4px 0;
  padding: 0 0 0 4px;
  max-height: 240px;
  -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
  display: none;
  margin: 0;
  padding: 5px 6px;
  list-style: none;
  line-height: 15px;
  word-wrap: break-word;
  -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
  display: list-item;
  cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container .chosen-results li.highlighted {
  background-color: #006d41;
  color: #fff;
}

.chosen-container .chosen-results li.no-results {
  color: #777;
  display: list-item;
  background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
  display: list-item;
  font-weight: bold;
  cursor: default;
}

.chosen-container .chosen-results li.group-option {
  padding-left: 15px;
}

.chosen-container .chosen-results li em {
  font-style: normal;
  text-decoration: underline;
}

/* @end */

/* @group Multi Chosen */

.chosen-container-multi .chosen-choices {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 3px 10px;
  width: 100%;
  height: auto;
  border: 1px solid #e0e4f6;
  background-color: #fff;
  cursor: text;
}

.chosen-container-multi .chosen-choices li {
  float: left;
  list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
  margin: 0;
  padding: 0;
  white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type=text],
.chosen-container-multi .chosen-choices li.search-field input[type=number] {
  margin: 0;
  padding: 0;
  height: 24px;
  outline: 0;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none;
  color: #373d54;
  font-size: 14px;
  line-height: normal;
  border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-choice {
  position: relative;
  margin: 3px 5px 3px 0;
  padding: 1px 17px 1px 5px;
  border: 1px solid #e0e4f6;
  max-width: 100%;
  font-size: 13px;
  background-color: #f8fafc;
  background-size: 100% 19px;
  background-repeat: repeat-x;
  background-clip: padding-box;
  color: #313b54;
  line-height: 13px;
  cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice span {
  word-wrap: break-word;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
  position: absolute;
  top: 1px;
  right: 1px;
  display: block;
  width: 12px;
  height: 12px;
  color: #8890af;
  content: "\F00D;";
  font-family: FontAwesome;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:after {
  font-size: 11px;
  content: "\F00D";
  font-family: FontAwesome;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
  color: #313b54;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
  padding-right: 5px;
  border: 1px solid #ccc;
  background-color: #e4e4e4;
  color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
  background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
  margin: 0;
  padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
  display: list-item;
  color: #ccc;
  cursor: default;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
  border-left: none;
  background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
  background-position: -18px 2px;
}

.chosen-container-active .chosen-choices li.search-field input[type=text] {
  color: #222 !important;
}

/* @end */

/* @group Disabled Support */

.chosen-disabled {
  opacity: 0.5 !important;
  cursor: default;
}

.chosen-disabled .chosen-single,
.chosen-disabled .chosen-choices .search-choice .search-choice-close {
  cursor: default;
}

/* @end */

/* @group Right to Left */

.chosen-rtl {
  text-align: right;
}

.chosen-rtl .chosen-single {
  overflow: visible;
  padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
  margin-right: 0;
  margin-left: 26px;
  direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
  margin-left: 38px;
}

.chosen-rtl .chosen-single div {
  right: auto;
  left: 3px;
}

.chosen-rtl .chosen-single abbr {
  right: auto;
  left: 26px;
}

.chosen-rtl .chosen-choices li {
  float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type=text],
.chosen-rtl .chosen-choices li.search-field input[type=number] {
  direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
  right: auto;
  left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
  left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
  margin: 0 0 4px 4px;
  padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
  padding-right: 15px;
  padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
  border-right: none;
}

.chosen-rtl .chosen-search input[type=text],
.chosen-rtl .chosen-search input[type=number] {
  padding: 4px 5px 4px 20px;
  background: white url(/images/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat -30px -20px;
  background: url(/images/chosen-sprite.png?8b55a822e72b8fd5e2ee069236f2d797) no-repeat -30px -20px;
  direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
  background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
  background-position: -12px 2px;
}

/*----------------------------------
 * *40 - Select Styles
 * *---------------------------------- */

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

.footer-wrap {
  background: #f8fafc;
  border-top: 1px solid #e0e4f6;
}

.footer-top .container {
  border-bottom: 1px solid #e0e4f6;
  padding-bottom: 20px;
}

.companyinfo {
  width: 16.66666667%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 50px;
  color: #acadae;
  font-size: 12px;
  font-weight: 300;
}

.companyinfo a:hover {
  text-decoration: none;
  color: #acadae;
}

.companyinfo img {
  display: block;
  margin: 0 0 9px;
}

.companyinfo p {
  margin: 0;
  padding: 0;
}

.f-block-list {
  overflow: hidden;
  width: 58.33333333%;
  float: left;
  padding-right: 15px;
  padding-left: 15px;
  margin: 0 0 10px;
}

.f-block-wrap {
  padding: 0 15px;
  width: 25%;
  float: left;
}

.f-block-wrap:nth-child(4n+1) {
  clear: left;
}

.f-block {
  position: relative;
  margin-top: 50px;
  text-align: center;
  overflow: hidden;
}

.f-block a img {
  height: 100%;
  width: 100%;
}

.f-block .iframe-img {
  position: relative;
  display: block;
  height: 61px;
  margin-bottom: 10px;
  border: 1px solid #e0e4f6;
  padding: 3px;
  background: #fff;
  overflow: hidden;
}

.f-block .overlay-icon {
  position: absolute;
  top: 0;
  width: 100%;
  height: 61px;
  background: #006d41;
  color: #FFF;
  font-size: 20px;
  line-height: 0;
  display: block;
  opacity: 0;
  transition: 200ms;
}

.f-block .overlay-icon .fa {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -18px;
  margin-left: -18px;
  border-radius: 100px;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-align: center;
  background: rgba(255, 255, 255, 0.2);
}

.f-block .overlay-icon * {
  line-height: 1;
}

.f-block a:hover .overlay-icon {
  opacity: 0.95;
}

.f-block .f-info-ttl {
  color: #373d54;
  font-size: 13px;
  font-weight: 500;
  margin-bottom: 5px;
  line-height: 1.2;
}

.f-block p {
  color: #acadae;
  font-size: 12px;
  font-weight: 300;
  margin-top: 0px;
  line-height: 1.2;
}

.f-block-modal {
  display: none;
}

.f-block-modal.f-block-modal-map {
  display: block;
  height: 0;
  overflow: hidden;
  padding: 0;
  width: 0;
  background: #fff;
}

.f-block-modal-wrap .f-block-modal.f-block-modal-map {
  width: 700px;
  height: 400px;
}

.f-block-modal.f-block-modal-map .allstore-gmap {
  width: 700px;
  height: 400px;
  position: relative;
  overflow: hidden;
}

.f-block-modal-video iframe {
  width: 853px;
  height: 480px;
}

.f-block-modal.f-block-modal-callback {
  max-width: 500px;
  padding: 0;
}

.f-block-modal.f-block-modal-content {
  max-width: 500px;
  padding: 20px;
}

.f-block-modal .f-block-modal-img {
  display: block;
  margin: 0 0 18px;
  border: 1px solid #e0e4f6;
  padding: 4px;
}

.f-block-modal-wrap .fancybox-skin {
  background: #fff;
}

.f-delivery {
  margin-top: 34px;
  position: relative;
  overflow: hidden;
  text-align: center;
  width: 25%;
  float: left;
  padding: 0 15px;
}

.f-delivery img {
  width: auto;
}

.f-delivery h1,
.f-delivery h2,
.f-delivery h3,
.f-delivery h4,
.f-delivery h5,
.f-delivery h6 {
  display: block;
  left: 0;
  right: 0;
  position: absolute;
  top: 87px;
  color: #373d54;
  font-size: 13px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0;
  font-style: italic;
}

.f-delivery p {
  left: 0;
  right: 0;
  position: absolute;
  top: 107px;
  color: #acadae;
  font-size: 12px;
  font-weight: 300;
  line-height: 1.2;
  margin: 0;
}

.f-menu-list {
  margin-bottom: 20px;
  padding-top: 30px;
}

.f-menu-list .f-menu {
  float: left;
  width: 18.75%;
  padding: 0 15px;
  margin: 0 0 25px;
}

.f-menu-list .f-menu h3 {
  color: #373d54;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.f-menu-list .f-menu ul li a {
  color: #616161;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 0;
  color: #373d54;
  background-color: transparent;
  border-radius: 0;
}

.f-menu-list .f-menu ul li a i {
  margin-right: 18px;
}

.f-menu-list .f-menu ul li a:hover {
  background: none;
  color: #006d41;
  color: #006d41;
  background-color: transparent;
}

.f-menu-list .f-menu ul li.active a {
  color: #006d41;
}

.f-subscribe {
  float: left;
  width: 25%;
  padding: 0 15px;
  margin: 0 0 10px;
}

.f-subscribe h3 {
  color: #373d54;
  font-size: 16px;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
}

.f-subscribe-form {
  position: relative;
}

.f-subscribe-form input[type=text],
.f-subscribe-form input[type=number] {
  border: 1px solid #e0e4f6;
  color: #373d54;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-top: 0;
  outline: none;
  padding: 7px 50px 7px 12px;
  width: 100%;
  max-width: 100%;
  transition: all 0.2s;
}

.f-subscribe-form input[type=text]:focus,
.f-subscribe-form input[type=number]:focus {
  border-color: #d1d5e5;
}

.f-subscribe-form input[type=text]::-webkit-input-placeholder {
  color: #c7cbdc;
}

.f-subscribe-form input[type=text]::-moz-placeholder {
  color: #c7cbdc;
  opacity: 1;
}

.f-subscribe-form input[type=text]:-ms-input-placeholder {
  color: #c7cbdc;
}

.f-subscribe-form button {
  background: #313b54;
  border: none;
  border-radius: 0;
  line-height: 1;
  padding: 7px 17px 8px;
  transition: all 0.2s;
  color: #fff;
  height: 35px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}

.f-subscribe-form button i {
  font-size: 14px;
}

.f-subscribe-form button:hover,
.f-subscribe-form button:focus {
  background: #404d6e;
  color: #fff;
}

.f-subscribe p {
  margin-top: 13px;
  color: #acadae;
  font-size: 12px;
  font-weight: 300;
}

.footer-bottom {
  background: #eff1fa;
  border-top: 1px solid #e0e4f6;
}

.footer-bottom p {
  color: #373d54;
  font-size: 14px;
}

.footer-bottom p span a {
  color: #28a906;
  font-style: italic;
  text-decoration: underline;
}

.footer-copyright {
  margin: 10px 0 0 15px;
  float: left;
}

.footer-bottom #bx-composite-banner {
  text-align: center;
  margin: 5px 0;
}

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

/*----------------------------------
 * *42 - Error 404
 * *---------------------------------- */

.err404 {
  margin: 0 auto 50px;
  text-align: center;
  max-width: 500px;
  padding: 40px 0;
}

.err404 .err404-ttl {
  text-align: center;
  font-size: 170px;
  font-family: "PT Serif", sans-serif;
  font-weight: 700;
  letter-spacing: 5px;
  line-height: 1;
}

.err404 .err404-subttl {
  text-align: center;
  font-size: 45px;
  font-family: "PT Serif", sans-serif;
  margin: 0 0 40px;
}

.err404 .err404-search {
  position: relative;
  margin: 0 0 50px;
}

.err404 .err404-search input[type=text] {
  border: 1px solid #e0e4f6;
  color: #373d54;
  font-family: "Roboto", sans-serif;
  font-size: 14px;
  margin-top: 0;
  outline: none;
  padding: 7px 50px 7px 18px;
  width: 100%;
  max-width: 100%;
  border-radius: 100px;
  transition: all 0.2s;
}

.err404 .err404-search input[type=text]::-webkit-input-placeholder {
  color: #c7cbdc;
}

.err404 .err404-search input[type=text]::-moz-placeholder {
  color: #c7cbdc;
  opacity: 1;
}

.err404 .err404-search input[type=text]:-ms-input-placeholder {
  color: #c7cbdc;
}

.err404 .err404-search input[type=text]:focus {
  border-color: #d1d5e5;
}

.err404 .err404-search button {
  background: transparent;
  border: none;
  line-height: 1;
  padding: 7px 17px 8px;
  transition: all 0.2s;
  color: #373d54;
  height: 35px;
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  font-size: 14px;
}

.err404 .err404-search button:hover,
.err404 .err404-search button:focus {
  color: #404d6e;
}

.err404 .err404-menus {
  text-align: justify;
}

.err404 .err404-menus:after {
  width: 100%;
  height: 0;
  content: "";
  display: inline-block;
}

.err404-menus ul {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-align: left;
}

.err404-menus ul li {
  margin: 0 0 8px;
}

.err404-menus ul li a {
  transition: all 0.2s;
  line-height: 1.2;
  color: #373d54;
  display: inline-block;
  border-bottom: 1px solid transparent;
}

.err404-menus ul li a:hover {
  border-color: #373d54;
  color: #373d54;
}

/*----------------------------------
 * *42 - Error 404
 * *---------------------------------- */

/*----------------------------------
 * *43 - Compare List
 * *---------------------------------- */

.wccm-catalog-items {
  clear: both;
  margin: 2em 0;
  vertical-align: middle;
}

.wccm-catalog-item {
  float: left;
  margin-right: 1em;
  position: relative;
}

.wccm-catalog-item img {
  width: 48px;
  height: 48px;
}

.wccm-catalog-item a.dashicons {
  position: absolute;
  top: 2px;
  right: 2px;
  width: 16px;
  height: 16px;
  font-size: 16px;
  color: red;
  display: block;
}

.wccm-empty-compare {
  background-color: #faa;
  padding: 10px;
  color: black;
}

.wccm-compare-table {
  margin: 20px 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
      user-select: none;
}

.wccm-table-wrapper {
  margin: 0 0 0 150px;
  overflow: hidden;
}

.wccm-table {
  border-spacing: 0px;
  border-collapse: separate;
  margin: 0;
  table-layout: fixed;
}

.wccm-thead .price del {
  display: block;
}

.wccm-tr {
  position: relative;
}

.wccm-table td {
  vertical-align: top;
  padding: 10px 0;
  border: none;
}

.wccm-th {
  width: 130px;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  padding: 10px;
  line-height: 1;
  color: #373d54;
  font-weight: 500;
}

.wccm-td {
  text-align: center;
  width: 200px !important;
}

.wccm-td p:first-child {
  margin-top: 0;
}

.wccm-td p:last-child {
  margin-bottom: 0;
}

.wccm-thumb {
  margin: 0 auto;
  position: relative;
  display: inline-block;
}

.wccm-thumb a {
  position: absolute;
  top: 10px;
  right: 10px;
  display: block;
  width: 24px;
  height: 24px;
  font-size: 24px;
  color: red;
}

.wccm-compare-table .wccm-tr {
  border-bottom: 1px solid #e0e4f6;
  padding: 7px 0;
}

.wccm-compare-table .wccm-th {
  padding: 11px 0;
}

.wccm-td a {
  font-size: 15px;
  color: #373d54;
  transition: all 0.2s;
  font-weight: 700;
  border: none;
  display: block;
  line-height: 1.2;
  margin: 0 0 8px;
}

.wccm-td a:hover {
  color: #337ab7;
}

.wccm-table-wrapper .wccm-table {
  border: none;
  margin: 0;
}

.wccm-table-wrapper .wccm-table .wccm-td .price {
  font-weight: 700;
  font-size: 20px;
  color: #373d54;
  margin: 0 0 8px;
}

.wccm-table-wrapper .wccm-table .wccm-td .price ins {
  text-decoration: none;
  background: transparent;
  color: #283346;
  padding: 0;
}

.wccm-table-wrapper .wccm-table .wccm-td .price del {
  font-weight: 400;
  color: #868ca7;
}

.wccm-table-wrapper .wccm-table .wccm-thumb {
  margin: 0 0 15px;
  padding: 0 10px;
  position: relative;
  display: inline-block;
  height: 150px;
  width: 100%;
  min-width: 150px;
  text-align: center;
  font-size: 0;
}

.wccm-table-wrapper .wccm-table .wccm-thumb:before {
  height: 100%;
  content: "";
  display: inline-block;
  vertical-align: middle;
}

.wccm-table-wrapper .wccm-table .wccm-thumb .fa {
  right: 0;
  font-size: 16px;
  border: none;
  color: red;
  transition: color 0.2s;
  position: absolute;
  top: 0;
  cursor: pointer;
}

.wccm-table-wrapper .wccm-table .wccm-thumb .fa:hover {
  color: #ff3535;
}

.wccm-table-wrapper .wccm-table .wccm-thumb img {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: middle;
}

.wccm-table-wrapper .wccm-table .wccm-td {
  text-align: center;
  width: 170px !important;
  min-width: 170px !important;
}

.wccm-table-wrapper .wccm-table tr {
  border: none;
}

.wccm-table-wrapper .wccm-table td {
  border: none;
  padding: 0;
}

/*----------------------------------
 * *43 - Compare List
 * *---------------------------------- */

@media only screen and (max-width: 992px) {
  .wccm-table-wrapper .wccm-table .wccm-thumb {
    min-width: 120px;
    height: 120px;
  }

  .wccm-table-wrapper .wccm-table .wccm-td {
    width: 140px !important;
    min-width: 140px !important;
  }

  .wccm-td a {
    font-size: 15px;
  }

  .wccm-table-wrapper .wccm-table .wccm-td .price {
    font-size: 17px;
  }
}

@media only screen and (max-width: 768px) {
  .wccm-th {
    width: 110px;
  }

  .wccm-table-wrapper {
    margin: 0 0 0 110px;
  }

  .wccm-table-wrapper .wccm-table .wccm-thumb {
    min-width: 100px;
    height: 100px;
  }

  .wccm-table-wrapper .wccm-table .wccm-td {
    width: 120px !important;
    min-width: 120px !important;
  }

  .wccm-td a {
    font-size: 15px;
  }

  .wccm-table-wrapper .wccm-table .wccm-td .price {
    font-size: 17px;
  }

  .wccm-compare-table .wccm-tbody {
    font-size: 14px;
  }
}

@media only screen and (max-width: 480px) {
  .wccm-th {
    width: 100px;
  }

  .wccm-table-wrapper {
    margin: 0 0 0 100px;
  }

  .wccm-table-wrapper .wccm-table .wccm-thumb {
    min-width: 70px;
    height: 70px;
  }

  .wccm-table-wrapper .wccm-table .wccm-td {
    width: 90px !important;
    min-width: 90px !important;
  }

  table {
    max-width: 100%;
  }

  th,
  td {
    font-size: 80%;
  }
}

/*----------------------------------
 * *44 - Auth
 * *---------------------------------- */

.auth-wrap {
  overflow: hidden;
}

.auth-wrap .auth-col {
  width: 46%;
  margin: 0 8% 0 0;
  float: left;
}

.auth-wrap .auth-col:nth-child(2n) {
  margin-right: 0;
}

.auth-wrap .auth-col h2 {
  font-size: 22px;
  margin: 0 0 25px 20%;
}

.auth-wrap .auth-col p {
  overflow: hidden;
  margin: 0 0 20px;
}

.auth-wrap .auth-col .required {
  color: red;
}

.auth-wrap .auth-col p a {
  line-height: 1;
  display: inline-block;
}

.auth-wrap .auth-col .auth-lost_password {
  padding: 0 0 0 20%;
}

.auth-wrap .auth-col label {
  width: 20%;
  text-align: right;
  padding-right: 15px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  vertical-align: middle;
  display: inline-block;
}

.auth-wrap .auth-col input[type=email],
.auth-wrap .auth-col input[type=password],
.auth-wrap .auth-col input[type=text],
.auth-wrap .auth-col input[type=number] {
  padding: 0 15px;
  color: #373d54;
  background: #f8fafc;
  font-size: 14px;
  height: 40px;
  border: 1px solid #e0e4f6;
  transition: all 0.2s;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  width: 80%;
}

.auth-wrap .auth-col input[type=submit] {
  margin: 0 0 0 20%;
  font-size: 13px;
  padding: 10px 20px;
}

.auth-wrap .auth-submit {
  position: relative;
  margin: 0px 0 23px;
}

.auth-wrap .auth-submit input[type=checkbox] {
  display: none;
}

.auth-wrap .auth-submit input[type=checkbox] + label {
  padding: 2px 25px 0 0;
  display: inline-block;
  position: relative;
  cursor: pointer;
  transition: color 0.2s;
  width: auto;
  position: absolute;
  top: 50%;
  margin: -10px 0 0;
  right: 0;
}

.auth-wrap .auth-submit input[type=checkbox] + label:hover {
  color: #006d41;
}

.auth-wrap .auth-submit input[type=checkbox] + label:after {
  content: "\F00C";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  margin: -7px 0 0;
  right: 0;
  border: 2px solid #8890af;
  border-radius: 4px;
  background-color: #fff;
  color: #fff;
  font-size: 8px;
  padding: 0 0 0 1px;
  text-align: center;
  font-family: FontAwesome;
  line-height: 10px;
}

.auth-wrap .auth-submit input[type=checkbox]:checked + label:after {
  border-color: #5f6680;
  background-color: #5f6680;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.offset-1 {
  margin-left: 8.333333%;
}

.offset-2 {
  margin-left: 16.666667%;
}

.offset-3 {
  margin-left: 25%;
}

.offset-4 {
  margin-left: 33.333333%;
}

.offset-5 {
  margin-left: 41.666667%;
}

.offset-6 {
  margin-left: 50%;
}

.offset-7 {
  margin-left: 58.333333%;
}

.offset-8 {
  margin-left: 66.666667%;
}

.offset-9 {
  margin-left: 75%;
}

.offset-10 {
  margin-left: 83.333333%;
}

.offset-11 {
  margin-left: 91.666667%;
}

.border {
  border: 1px solid #dee2e6 !important;
}

.border-top {
  border-top: 1px solid #dee2e6 !important;
}

.border-right {
  border-right: 1px solid #dee2e6 !important;
}

.border-bottom {
  border-bottom: 1px solid #dee2e6 !important;
}

.border-left {
  border-left: 1px solid #dee2e6 !important;
}

.border-0 {
  border: 0 !important;
}

.bg-light {
  background-color: #f8f9fa !important;
}

.table-hover tbody tr:hover {
  color: #212529;
  background-color: rgba(0, 0, 0, 0.075);
}

/*----------------------------------
 * *44 - Auth
 * *---------------------------------- */

.bigger:hover {
  opacity: 1;
  transition: 0.3s all ease-in-out;
  transform: scale(1.05);
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-4 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}

.shadow {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
}

.hover-shadow:hover {
  box-shadow: 0px 39px 162px -53px rgba(0, 109, 65, 0.7);
  z-index: 10;
  transition: 0.3s all ease-in-out;
}

.text-capitalize {
  text-transform: capitalize !important;
}

.gotopbtn {
  display: none;
  position: fixed;
  width: 50px;
  height: 50px;
  background: #006d41 !important;
  bottom: 100px;
  right: 20px;
  border-radius: 50%;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  color: white !important;
  font-size: 22px;
  z-index: 111;
}

.gotopbtn:hover {
  background: #ffffff !important;
  box-shadow: 0 0 5px 1px #006d41;
  color: #006d41 !important;
  transition: all 0.4s ease-in-out;
}

html {
  scroll-behavior: smooth;
}

.text-underline {
  text-decoration: underline !important;
}

.btn-mycolor {
  transition: all 0.4s ease-in-out;
  background-color: #373d54 !important;
  color: white;
}

.btn-mycolor:hover {
  transition: all 0.4s ease-in-out;
  background-color: white !important;
  border: 1px solid #373d54;
  color: #373d54;
}

.activee {
  background: #373d54;
  color: white !important;
}

.nav {
  display: -ms-flexbox;
  display: block;
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
}

/*padding: 30px 0; */

.d-flex {
  display: flex !important;
  flex-wrap: wrap;
  margin-bottom: 0;
  list-style: none;
}

.nav-link {
  display: block;
  padding: 0.5rem 1rem;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: none;
}

.nav-link.disabled {
  color: #6c757d;
  pointer-events: none;
  cursor: default;
}

.font-weight-bold {
  font-weight: 700 !important;
}

.rounded {
  border-radius: 0.25rem !important;
}

@media (min-width: 576px) {
  .col-sm {
    flex-basis: 0;
    flex-grow: 1;
    max-width: 100%;
  }

  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
    max-width: 100%;
  }

  .col-sm-1 {
    flex: 0 0 8.333333%;
    max-width: 8.333333%;
  }

  .col-sm-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-sm-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .col-sm-4 {
    flex: 0 0 33.333333%;
    max-width: 33.333333%;
  }

  .col-sm-5 {
    flex: 0 0 41.666667%;
    max-width: 41.666667%;
  }

  .col-sm-6 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .col-sm-7 {
    flex: 0 0 58.333333%;
    max-width: 58.333333%;
  }

  .col-sm-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-sm-9 {
    flex: 0 0 75%;
    max-width: 75%;
  }

  .col-sm-10 {
    flex: 0 0 83.333333%;
    max-width: 83.333333%;
  }

  .col-sm-11 {
    flex: 0 0 91.666667%;
    max-width: 91.666667%;
  }

  .col-sm-12 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .order-sm-first {
    order: -1;
  }

  .order-sm-last {
    order: 13;
  }

  .order-sm-0 {
    order: 0;
  }

  .order-sm-1 {
    order: 1;
  }

  .order-sm-2 {
    order: 2;
  }

  .order-sm-3 {
    order: 3;
  }

  .order-sm-4 {
    order: 4;
  }

  .order-sm-5 {
    order: 5;
  }

  .order-sm-6 {
    order: 6;
  }

  .order-sm-7 {
    order: 7;
  }

  .order-sm-8 {
    order: 8;
  }

  .order-sm-9 {
    order: 9;
  }

  .order-sm-10 {
    order: 10;
  }

  .order-sm-11 {
    order: 11;
  }

  .order-sm-12 {
    order: 12;
  }

  .offset-sm-0 {
    margin-left: 0;
  }

  .offset-sm-1 {
    margin-left: 8.333333%;
  }

  .offset-sm-2 {
    margin-left: 16.666667%;
  }

  .offset-sm-3 {
    margin-left: 25%;
  }

  .offset-sm-4 {
    margin-left: 33.333333%;
  }

  .offset-sm-5 {
    margin-left: 41.666667%;
  }

  .offset-sm-6 {
    margin-left: 50%;
  }

  .offset-sm-7 {
    margin-left: 58.333333%;
  }

  .offset-sm-8 {
    margin-left: 66.666667%;
  }

  .offset-sm-9 {
    margin-left: 75%;
  }

  .offset-sm-10 {
    margin-left: 83.333333%;
  }

  .offset-sm-11 {
    margin-left: 91.666667%;
  }
}

.rounded1 {
  border-radius: 1.5rem !important;
}

.align-items-center {
  align-items: center !important;
}

.active-favorites {
  background: #373d54 !important;
  color: #fff !important;
}

.auth-submitt {
  margin-top: 23px !important;
}

.auth-submittt {
  margin-top: 28px !important;
}

.my-table tbody tr td {
  width: 50%;
  vertical-align: middle;
  padding: 20px 30px;
  border: 1px solid #ddd;
}

.bigger-140 {
  margin: 10px 0;
  font-size: 140%;
}

.cf-lg-2:nth-child(6n+1),
.cf-lg-3:nth-child(4n+1),
.cf-lg-4:nth-child(3n+1),
.cf-lg-6:nth-child(2n+1) {
  clear: left;
}

@media only screen and (max-width: 1200px) {
  .cf-md-2:nth-child(n),
  .cf-md-3:nth-child(n),
  .cf-md-4:nth-child(n),
  .cf-md-6:nth-child(n) {
    clear: none;
  }

  .cf-md-2:nth-child(6n+1),
  .cf-md-3:nth-child(4n+1),
  .cf-md-4:nth-child(3n+1),
  .cf-md-6:nth-child(2n+1) {
    clear: left;
  }
}

@media only screen and (max-width: 992px) {
  .cf-sm-2:nth-child(n),
  .cf-sm-3:nth-child(n),
  .cf-sm-4:nth-child(n),
  .cf-sm-6:nth-child(n) {
    clear: none;
  }

  .cf-sm-2:nth-child(6n+1),
  .cf-sm-3:nth-child(4n+1),
  .cf-sm-4:nth-child(3n+1),
  .cf-sm-6:nth-child(2n+1) {
    clear: left;
  }
}

@media only screen and (max-width: 768px) {
  .cf-xs-2:nth-child(n),
  .cf-xs-3:nth-child(n),
  .cf-xs-4:nth-child(n),
  .cf-xs-6:nth-child(n) {
    clear: none;
  }

  .cf-xs-2:nth-child(6n+1),
  .cf-xs-3:nth-child(4n+1),
  .cf-xs-4:nth-child(3n+1),
  .cf-xs-6:nth-child(2n+1) {
    clear: left;
  }
}

@media only screen and (max-width: 1300px) {
  /* Discounts */

  .discounts-list .flex-direction-nav .flex-next {
    right: 20px;
  }

  .discounts-list .flex-direction-nav .flex-prev {
    left: 20px;
  }

  .discounts-list.flexslider .flex-direction-nav a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    opacity: 1 !important;
    margin: -18px 0 0;
    position: absolute;
    top: 50%;
    color: #373d54;
    text-shadow: none;
    background: rgba(255, 255, 255, 0.8);
  }

  .discounts-list.flexslider .flex-direction-nav a:before {
    display: block;
    content: "\F104";
    font-size: 26px;
    text-indent: initial;
    color: #373d54;
    font-family: FontAwesome;
    transition: all 0.3s;
    text-shadow: none;
  }

  .discounts-list.flexslider .flex-direction-nav a.flex-next:before {
    margin: 0 0 0 4px;
    content: "\F105";
  }

  .discounts-list.flexslider .flex-direction-nav a.flex-prev:before {
    margin: 0 2px 0 0;
    content: "\F104";
  }

  .discounts-list.flexslider .flex-direction-nav a:hover {
    background: rgba(18, 176, 255, 0.4);
    background: rgba(55, 61, 84, 0.7);
    background: #fff;
    text-decoration: none;
  }

  .discounts-list.flexslider .flex-direction-nav .flex-next:hover {
    right: 20px;
  }

  .discounts-list.flexslider .flex-direction-nav .flex-prev:hover {
    left: 20px;
  }
}

/* Discounts */

@media only screen and (max-width: 1200px) {
  /* Container */

  .cont {
    width: 970px;
  }

  /* Container */

  /* Header */

  .toplogo img {
    max-width: 280px;
  }

  /* Header */

  /* Catalog */

  .section-cont .section-items .prod-i-img {
    height: 200px;
  }

  .prod-items .prodlist-i {
    padding-left: 190px;
  }

  .prod-items .prodlist-i-img {
    width: 170px;
    left: 10px;
  }

  /* Catalog */

  /* Product */

  .prod-wrap {
    width: 76%;
    padding: 0 30px 50px 0;
  }

  .prod-related {
    width: 24%;
  }

  /* Product */

  /* Product V2 */

  .prod2-wrap {
    width: auto;
    padding: 0 0 50px 0;
  }

  .prod2-wrap .prod-tabs li a {
    padding-left: 9px;
    padding-right: 9px;
  }

  .prod2-wrap .prod-tabs li a.active {
    padding-left: 9px;
    padding-right: 9px;
  }

  .prod2-related {
    width: auto;
  }

  /* Product V2 */

  /* Cart */

  .cart-items-wrap .cart-items .cart-image,
  .cart-items-wrap .cart-items .cart-price,
  .cart-items-wrap .cart-items .cart-summ,
  .cart-items-wrap .cart-items .cart-quantity {
    width: 100px;
  }

  /* Cart */

  /* Blog Post */

  .post-wrap {
    width: 76%;
    padding: 0 30px 50px 0;
  }

  /* Blog Post */

  /* Team */

  .team-i .team-i-img {
    height: 228px;
  }

  /* Team */

  /* Footer */

  .f-block .iframe-img,
  .f-block .overlay-icon {
    height: 48px;
  }

  .f-delivery {
    margin-top: 21px;
  }

  /* Footer */

  /* Auth */

  .auth-wrap .auth-col h2 {
    margin: 0 0 25px 24%;
  }

  .auth-wrap .auth-col label {
    width: 24%;
  }

  .auth-wrap .auth-col input[type=email],
  .auth-wrap .auth-col input[type=password],
  .auth-wrap .auth-col input[type=text] {
    width: 76%;
  }

  .auth-wrap .auth-col input[type=submit] {
    margin: 0 0 0 24%;
  }

  .auth-wrap .auth-col .auth-lost_password {
    padding: 0 0 0 24%;
  }
}

/* Auth */

@media only screen and (max-width: 992px) {
  .cont {
    width: 750px;
  }

  /* Header */

  .header-middle {
    padding: 30px 0 15px;
  }

  .toplogo {
    text-align: center;
    display: block;
    margin: 0 0 30px;
  }

  .toplogo img {
    max-width: 100%;
    margin: 0 auto;
  }

  .shop-menu {
    text-align: center;
    display: block;
  }

  .shop-menu ul li {
    margin: 0 0 15px;
  }

  .shop-menu ul li:last-child {
    padding-right: 15px;
  }

  /* Header */

  /* Slider */

  .fr-slider .slides .fr-slider-cont {
    margin: -15px 0 0;
    padding: 0 20px 0 0;
  }

  .fr-slider .slides .fr-slider-cont h3 {
    font-size: 38px;
  }

  .fr-slider .slides .fr-slider-cont .fr-slider-more-wrap {
    display: none;
  }

  /* Slider */

  /* Banners */

  .banners-list {
    margin: 0 auto 50px;
    max-width: 580px;
  }

  .banners-list .banner-i {
    margin: 0 auto 20px;
    max-width: 580px;
  }

  .banners-list .banner-i.style_11,
  .banners-list .banner-i.style_12 {
    width: 100%;
  }

  .banners-list .banner-i.style_21,
  .banners-list .banner-i.style_22 {
    width: 50%;
    max-width: 290px;
  }

  /* Banners */

  /* Discounts */

  .discounts-wrap .discounts-list {
    padding: 0;
    border-left: 1px solid #e0e4f6;
  }

  .discounts-list .discounts-i {
    padding: 20px 15px 0 135px;
  }

  .discounts-wrap .discounts-info {
    padding: 30px 0 0;
    position: relative;
    top: auto;
    bottom: auto;
    right: auto;
    text-align: center;
    width: auto;
  }

  /* Discounts */

  /* Catalog */

  .section-cont .section-sortby-ttl,
  .section-cont .section-count-ttl {
    display: none;
  }

  .section-cont .section-sortby {
    margin: 0 0 10px 11px;
  }

  .section-cont .section-items .prod-i {
    width: 49%;
    margin: 0 2% 36px 0;
  }

  .section-cont .section-items .prod-i:nth-child(3n) {
    margin-right: 2%;
  }

  .section-cont .section-items .prod-i:nth-child(3n+1) {
    clear: none;
  }

  .section-cont .section-items .prod-i:nth-child(2n) {
    margin-right: 0;
  }

  .section-cont .section-items .prod-i:nth-child(2n+1) {
    clear: left;
  }

  .section-cont .section-items .prod-i-img {
    height: 235px;
  }

  .prod-items .prodlist-i {
    padding-left: 165px;
  }

  .prod-items .prodlist-i-img {
    width: 145px;
  }

  /* Catalog */

  /* Product */

  .prod-wrap {
    width: 100%;
    float: none;
    padding: 0 0px 50px 0;
  }

  .prod-related {
    float: none;
    width: 100%;
    text-align: center;
  }

  .prod-related .prod-related-car .slides {
    font-size: 0;
  }

  .prod-related .prod-rel {
    text-align: left;
    display: inline-block;
    vertical-align: top;
    width: 50%;
    padding-right: 10px;
    font-size: 14px;
  }

  .prod-related .prod-rel:last-child {
    border-bottom: 1px solid #eee;
  }

  .prod-related h2 {
    font-size: 22px;
    text-transform: uppercase;
    color: #373d54;
    margin: 0 0 10px;
    font-weight: 900;
    position: relative;
    letter-spacing: 2px;
    text-align: center;
  }

  .prod-related h2 span {
    position: relative;
    display: inline-block;
    padding: 0 0 8px;
  }

  .prod-related h2 span:before {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    height: 2px;
    left: 0;
    right: 0;
    background: #f8fafc;
  }

  .prod-related h2 span:after {
    display: block;
    position: absolute;
    content: "";
    bottom: 0;
    height: 2px;
    left: 50%;
    margin: 0 0 0 -50px;
    width: 100px;
    background: #373d54;
  }

  .prod-related .flex-direction-nav {
    top: -66px;
  }

  .prod-related .flex-control-nav {
    display: block;
  }

  /* Product */

  /* Product V2 */

  .prod2-wrap .prod2-slider-wrap,
  .prod2-wrap .prod-cont {
    width: auto;
    float: none;
  }

  .prod2-wrap .prod-tabs li a {
    padding-left: 22px;
    padding-right: 22px;
  }

  .prod2-wrap .prod-tabs li a.active {
    padding-left: 22px;
    padding-right: 22px;
  }

  .scroll_active {
    opacity: 1;
  }

  .prod-cont-inner.fixed {
    position: relative;
  }

  /* Product V2 */

  /* Blog */

  .blog-page .posts-i {
    width: 50%;
  }

  /* Blog */

  /* Blog Post */

  .post-wrap {
    width: 100%;
    float: none;
    padding: 0 0px 50px 0;
  }

  /* Blog Post */

  /* Reviews List */

  .reviews-items .review {
    margin: 0 0 30px 0;
    float: none;
    width: 100%;
  }

  /* Reviews List */

  /* Team */

  .team-i .team-i-img {
    height: 171px;
  }

  /* Team */

  /* Footer */

  .companyinfo {
    width: 100%;
    float: none;
    margin-top: 30px;
    text-align: center;
    padding: 0;
  }

  .companyinfo img {
    margin: 0 auto 9px;
  }

  .f-block-list {
    width: 100%;
    float: none;
    margin: 0 0 10px;
  }

  .f-block {
    margin-top: 35px;
  }

  .f-block .iframe-img,
  .f-block .overlay-icon {
    height: 72px;
  }

  .f-delivery {
    padding: 0;
    clear: both;
    width: 100%;
    float: none;
    text-align: center;
    margin-top: 25px;
  }

  .f-block-modal-video iframe {
    width: 560px;
    height: 315px;
  }

  /* Footer */

  /* Auth */

  .auth-wrap .auth-col {
    width: auto;
    margin: 0;
    float: none;
    max-width: 500px;
  }

  /* Auth */

  .companyinfo {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .cont {
    width: auto;
  }

  col-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }

  .fs-70 {
    font-size: 70%;
  }

  .categories {
    display: flex;
  }

  .d-inbl {
    display: inline-block;
  }

  .categories {
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
  }

  .categories img {
    width: 70px;
    height: 70px;
    max-width: 70px;
  }

  .categories::-webkit-scrollbar {
    display: none;
  }

  .wsn {
    white-space: normal;
  }

  /* Header */

  .topmenu {
    padding: 0px 155px 0 0;
  }

  .topmenu .topcatalog {
    right: 40px;
    left: auto;
    width: 115px;
  }

  .topmenu .topcatalog .topcatalog-btn {
    background: #f8fafc;
    padding: 11px 10px 11px 17px;
  }

  .topmenu .topcatalog .topcatalog-btn span {
    display: none;
  }

  .topmenu .mainmenu-btn {
    display: block;
  }

  .topmenu .mainmenu {
    border: 1px solid #e0e4f6;
    border-top: none;
    height: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    transform: translate3d(0, 8px, 0);
    position: absolute;
    top: 100%;
    left: 0;
    right: 154px;
    margin: 5px 0 0;
    z-index: 1;
    padding: 0;
  }

  .mainmenu-show .topmenu .mainmenu {
    transform: translate3d(0, 0, 0);
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: initial;
    z-index: 11;
  }

  .topmenu .mainmenu .fa {
    display: inline-block;
  }

  .topmenu .mainmenu > li {
    float: none;
    width: 100%;
  }

  .topmenu .mainmenu > li > a {
    color: #373d54;
    display: block;
    padding: 11px 19px;
    border-top: 1px solid #e0e4f6;
  }

  .topmenu .mainmenu > li.menu-item-has-children > a:after {
    display: none;
  }

  .topmenu .mainmenu li > a > .fa {
    margin: 0;
    position: absolute;
    top: 1px;
    bottom: 0;
    right: 0px;
    border-left: 1px solid #e0e4f6;
    background: #f8fafc;
    padding: 13px 15px 0;
  }

  .topmenu .mainmenu .sub-menu li > a > .fa {
    top: 0;
  }

  .topmenu .mainmenu li > a > .fa:hover {
    background: #fff;
  }

  .topmenu .mainmenu li.mainmenu-more {
    display: none !important;
  }

  .topmenu .mainmenu > li > .sub-menu {
    position: relative;
    top: auto;
    left: auto;
    border: none;
    margin: 0;
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
    display: none;
    transition: none;
  }

  .topmenu .mainmenu > li:hover > .sub-menu {
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
  }

  .topmenu .mainmenu > li > .sub-menu.opened {
    border-top: 1px solid #e0e4f6;
  }

  .topmenu .mainmenu > li > .sub-menu li ul {
    position: relative;
    top: auto;
    left: auto;
    background: none;
    border: none;
    border-bottom: 1px solid #e0e4f6;
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
    display: none;
    transition: none;
  }

  .topmenu .mainmenu > li > .sub-menu li:hover > ul {
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
  }

  .topmenu .mainmenu > li > .sub-menu li a {
    padding: 11px 19px 11px 31px;
    width: auto;
  }

  .topmenu .mainmenu > li > .sub-menu li li a {
    padding-left: 41px;
  }

  .topmenu .mainmenu > li > .sub-menu li li li a {
    padding-left: 51px;
  }

  .topmenu .mainmenu > li > .sub-menu li li li li a {
    padding-left: 61px;
  }

  .topmenu .mainmenu > li > .sub-menu li li li li li a {
    padding-left: 71px;
  }

  .topmenu .mainmenu > li > .sub-menu li.menu-item-has-children > a {
    padding-right: 50px;
  }

  .topmenu .mainmenu > li > .sub-menu li.menu-item-has-children > a:after {
    display: none;
  }

  .topmenu .mainmenu > li .sub-menu.opened > li:last-child > a {
    border-bottom: none;
  }

  .topmenu .mainmenu > li .sub-menu.opened li:after {
    display: none;
  }

  /* mainmenu more */

  /* mainmenu more */

  .topcatalog .topcatalog-list {
    left: auto;
    right: 0;
  }

  .topcatalog:hover .topcatalog-list {
    transform: translate3d(0, 8px, 0);
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }

  .topcatalog-show .topcatalog .topcatalog-list {
    overflow: initial;
    transform: translate3d(0, 0, 0);
    visibility: visible;
    opacity: 1;
    height: auto;
    width: auto;
    z-index: 11;
  }

  .topcatalog-list li ul {
    position: relative;
    top: auto;
    left: auto;
    background: none;
    border: none;
    /*border-bottom: 1px solid #e0e4f6; */
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
    display: none;
    transition: none;
  }

  .topcatalog-list li:hover > ul {
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
  }

  .topcatalog-list li:after {
    display: none !important;
  }

  .topcatalog-list li a {
    border-bottom: 1px solid #e0e4f6;
    padding: 11px 45px 11px 13px;
    width: 260px;
  }

  .topcatalog-list li li a {
    padding-left: 23px;
  }

  .topcatalog-list li li li a {
    padding-left: 33px;
  }

  .topcatalog-list li li li li a {
    padding-left: 43px;
  }

  .topcatalog-list li li li li li a {
    padding-left: 53px;
  }

  .topcatalog-list li li li li li li a {
    padding-left: 63px;
  }

  .topcatalog-list li:hover > a {
    background: #f8fafc;
  }

  .topcatalog-list li a:hover {
    background: #fff;
  }

  .topcatalog-list li a:hover .fa {
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    height: 38px;
    right: 0px;
    border-left: 1px solid #e0e4f6;
    background: #f8fafc;
    padding: 13px 15px 0;
    transform: none;
  }

  .topcatalog-list li a:hover .fa:hover {
    background: #fff;
  }

  .topcatalog-list li a:hover .fa:before {
    content: "\F107";
  }

  .topcatalog-list li ul > li:last-child > a {
    border-bottom: 1px solid #e0e4f6;
  }

  /* Header */

  .fr-pop-tabs {
    display: none;
  }

  .fr-pop-tab-mob {
    display: block;
  }

  .fr-pop-tab-mob.active {
    color: #373d54;
  }

  .fr-pop-tab-mob.active:before {
    background: #373d54;
  }

  .fr-pop-tabs li.fr-pop-tabs-more {
    display: none !important;
  }

  /* Frontpage Slider */

  /* Catalog */

  .section-sb {
    float: none;
    width: 100%;
  }

  .section-sb-current {
    margin: 0 0 40px;
  }

  .section-sb-current h3 {
    padding: 0 35px 0 0;
    border-bottom: none;
  }

  .section-sb-current h3 .fa {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translate(0, -50%);
    display: block;
    border: 1px solid #d7d7d7;
    padding: 0;
    border-radius: 50px;
    cursor: pointer;
    color: #0f9adf;
    transition: all 0.2s;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-size: 26px;
  }

  .section-sb-current h3 .fa:hover {
    border: 1px solid rgba(0, 0, 0, 0);
    background: rgba(18, 176, 255, 0.4);
  }

  .section-sb-current h3 .section-sb-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    display: block;
    border-left: 1px solid #e0e4f6;
    padding: 0;
    cursor: pointer;
    color: #0f9adf;
    transition: all 0.2s;
    width: 36px;
    height: auto;
    text-align: center;
    font-size: 26px;
  }

  .section-sb-current h3 .section-sb-toggle:after {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

  .section-sb-current h3 a:hover .section-sb-toggle {
    background: none;
  }

  .section-sb-current h3 a:hover .section-sb-toggle:hover {
    background: #f8fafc;
  }

  .section-sb .section-sb-list {
    display: none;
    border-top: 1px solid #e0e4f6;
  }

  .section-sb .section-sb-img {
    display: none;
  }

  .section-cont {
    float: none;
    width: 100%;
    padding: 0 0 50px;
  }

  .section-sb .section-filter .section-filter-toggle {
    display: block;
  }

  .section-sb .section-filter .section-filter-cont {
    display: none;
  }

  .prod-items .prodlist-i-price {
    position: relative;
    top: auto;
    right: auto;
    text-align: left;
    margin: 0 0 15px;
  }

  /* Catalog */

  /* Product */

  .prod-cont .prod-skuwrap {
    padding: 0;
  }

  .prod-cont .prod-price {
    position: relative;
    right: auto;
    top: auto;
    text-align: left;
    margin: 0 0 13px;
  }

  .prod-cont .prod-price b {
    line-height: 1;
  }

  .prod-tabs {
    display: none;
  }

  .prod-tab-mob {
    display: block;
  }

  .prod-tab-mob.active + .prod-tab {
    padding-bottom: 20px;
  }

  .prod-tab-cont {
    border: 1px solid #e0e4f6;
    padding: 30px 25px 0;
  }

  /* Product */

  /* Cart */

  .cart-items-wrap .cart-items .cart-image,
  .cart-items-wrap .cart-items .cart-discount,
  .cart-items-wrap .cart-items .cart-price {
    display: none;
  }

  .cart-items-wrap .cart-items tbody .cart-summ .cart-forone {
    display: block;
  }

  .cart-items-wrap .cart-items .cart-summ {
    width: 140px;
  }

  .cart-items-wrap .cart-items .cart-quantity {
    width: 80px;
  }

  body .cart-coupon {
    width: 40%;
  }

  /* Cart */

  /* Team */

  .team-i .team-i-img {
    height: auto;
  }

  .team-i .team-i-img img {
    min-height: initial;
  }

  /* Team */

  /* Footer */

  .f-menu-list .f-menu {
    width: 25%;
  }

  .f-subscribe {
    float: none;
    clear: both;
    max-width: 400px;
    width: 100%;
  }

  .f-block-modal-wrap .f-block-modal.f-block-modal-map,
  .f-block-modal.f-block-modal-map .allstore-gmap {
    width: 420px;
  }
}

/* Footer */

@media only screen and (max-width: 650px) {
  /* Header */

  .contactinfo {
    text-align: center;
    float: none;
  }

  .contactinfo li {
    padding: 0 0;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 !important;
  }

  .header_top .social-icons {
    text-align: center;
    float: none;
  }

  /* Header */

  /* Blog Posts */

  .posts-list .posts-i {
    width: 100%;
    float: none;
    margin: 0 auto 30px;
    max-width: 400px;
  }

  /* Blog Posts */

  /* Blog */

  body .blog-categs {
    display: block;
    width: 100%;
    text-align: left;
    margin: 0 0 15px;
  }

  body .blog-categs li {
    margin: 0 34px 20px 0;
  }

  .posts-list-rel .posts-i {
    margin: 0;
  }

  /* Blog */

  /* Catalog */

  .topinfo {
    padding: 25px 0 25px;
  }

  .topinfo .b-crumbs {
    padding: 33px 0 15px 0;
  }

  .topinfo .allcatalog-wrap {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    display: none;
  }

  /* Catalog */

  /* Product */

  .prod-slider-wrap {
    float: none;
    max-width: 500px;
    width: 100%;
    margin: 0 auto 50px;
  }

  .qview-modal .prod-slider-wrap {
    margin-bottom: 35px;
  }

  .prod-cont {
    width: 100%;
    margin: 0 auto 50px;
    float: none;
    max-width: 500px;
    width: 100%;
  }

  /* Product */

  /* Contact Forms */

  .contactform-wrap .contactform-label {
    width: auto;
    text-align: left;
    margin: 0 0 4px;
  }

  .contactform-field .contactform-label + .contactform-input,
  select,
  textarea {
    width: auto;
    display: block;
  }

  .contactform-field .contactform-label + .contactform-input input[type=file],
  .contactform-field .contactform-label + .contactform-input input[type=password],
  .contactform-field .contactform-label + .contactform-input input[type=email],
  .contactform-field .contactform-label + .contactform-input input[type=tel],
  .contactform-field .contactform-label + .contactform-input input[type=search],
  .contactform-field .contactform-label + .contactform-input input[type=text],
  select input[type=file],
  select input[type=password],
  select input[type=email],
  select input[type=tel],
  select input[type=search],
  select input[type=text],
  textarea input[type=file],
  textarea input[type=password],
  textarea input[type=email],
  textarea input[type=tel],
  textarea input[type=search],
  textarea input[type=text] {
    width: auto;
    display: block;
  }

  /* Contact Forms */

  /* Footer */

  .footer-bottom .f-copyright {
    font-size: 15px;
    padding: 20px 0 0;
    max-width: 100%;
    float: none;
    text-align: center;
    width: 100%;
  }

  .footer-bottom .f-social {
    float: none;
    max-width: 100%;
    padding: 12px 0 0;
    text-align: center;
    width: 100%;
  }

  .footer-bottom .footer-copyright {
    text-align: center;
    float: none;
    margin: 2px 0 4px;
  }

  .footer-bottom .social-icons {
    text-align: center;
    float: none;
    margin: 2px 0 0;
  }

  .f-menu-list .f-menu {
    width: 50%;
  }

  .f-menu-list .f-menu:nth-child(2n+1) {
    clear: left;
  }

  .f-block-list {
    text-align: center;
  }

  .f-block-wrap {
    width: 50%;
  }

  .f-block-wrap .f-block {
    display: inline-block;
    vertical-align: top;
    width: auto;
    max-width: 150px;
  }

  .f-block .iframe-img,
  .f-block .overlay-icon {
    height: 69px;
  }

  .f-block-modal-video iframe {
    width: 420px;
    height: 236px;
  }

  .footer-bottom #bx-composite-banner {
    margin: 12px 0 20px 0px;
  }
}

/* Footer */

@media only screen and (max-width: 600px) {
  .gotopbtn {
    display: none;
  }

  /* Product */

  .prod-related .prod-rel {
    margin: 0 auto 25px;
    max-width: 300px;
    padding-right: 0;
    width: 100%;
  }

  /* Product */

  /* Cart */

  body .cart-total {
    padding: 10px 0;
  }

  body .cart-total li {
    margin: 5px 0 5px 0 !important;
    padding: 0 !important;
    text-align: center;
  }

  body .cart-total li:after {
    display: none;
  }

  body .cart-coupon {
    width: 100%;
    float: none;
    margin: 0 0 30px;
  }

  body .cart-submit input[type=submit],
  body .cart-submit .cart-submit-btn {
    float: none;
    margin: 0 auto 15px;
  }

  .cart-submit .cart-clear {
    float: none;
    border: none;
    padding: 0;
    margin: 25px 0 15px;
  }

  .cart-submit .cart-clear:hover {
    border: none;
  }

  /* Cart */

  /* Reviews */

  .reviews-i .reviews-i-ttl {
    float: none;
    margin: 0 0 13px;
  }

  .reviews-i .reviews-i-showanswer {
    float: none;
  }
}

/* Reviews */

@media only screen and (max-width: 550px) {
  .gotopbtn {
    display: none;
  }

  /* Banners */

  .banners-list .banner-i.style_11,
  .banners-list .banner-i.style_12 {
    float: none;
  }

  .banners-list .banner-i.style_21,
  .banners-list .banner-i.style_22 {
    float: none;
    max-width: 290px;
    width: 100%;
  }

  .banners-list .banner-i.style_11 .banner-i-cont {
    right: 50%;
    margin: 0 -104px 0 0;
    padding: 30px 30px 0 30px;
    margin: 0 -135px 0 0;
    width: 270px;
  }

  .banners-list .banner-i.style_12 .banner-i-cont {
    right: 50%;
    width: 270px;
    top: 50%;
    padding: 30px 30px 0 30px;
    left: auto;
    margin: 0 -135px 0 0;
    color: #fff;
    background: rgba(55, 61, 84, 0.9);
  }

  .banners-list .banner-i.style_12 .banner-i-link {
    margin: 15px 0 28px;
  }

  .banner-i.style_12 .banner-i-link a {
    background: transparent;
    padding: 0;
    font-weight: 500;
    position: relative;
  }

  .banner-i.style_12 .banner-i-link a:hover {
    background: transparent;
  }

  /* Banners */

  /* Catalog */

  .section-cont .section-top {
    text-align: center;
    padding: 0 0 20px;
  }

  .section-cont .section-mode {
    float: none;
  }

  .section-cont .section-mode li {
    float: none;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    margin: 0 7px 20px 7px;
    font-size: 15px;
  }

  .section-cont .section-sortby {
    text-align: left;
    float: none;
    display: inline-block;
    margin: 0 5px 10px 7px;
    vertical-align: top;
  }

  .section-cont .section-count {
    text-align: left;
    float: none;
    display: inline-block;
    margin: 0 5px 10px;
    vertical-align: top;
  }

  .section-cont .section-items .prod-i {
    width: 100%;
    margin: 0 auto 36px !important;
    max-width: 264px;
    float: none;
  }

  .section-cont .section-items .prod-i:nth-child(2n) {
    margin-right: 0;
  }

  .section-cont .section-items .prod-i:nth-child(2n+1) {
    clear: none;
  }

  .section-cont .section-items:not(.prod-items-galimg) .prod-i-img {
    max-height: initial;
    height: auto;
  }

  .section-cont .section-items:not(.prod-items-galimg) .prod-i-img:before {
    display: none;
  }

  .section-cont .section-items:not(.prod-items-galimg) .prod-i-img img {
    display: block;
    max-height: 250px;
    margin: 0 auto;
  }

  .section-cont .section-items.prod-items-galimg .prod-i-img {
    height: 263px;
  }

  .prod-items .prodlist-i {
    padding: 15px 15px 7px 15px;
  }

  .prod-items .prodlist-i-img {
    width: 30%;
    float: left;
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    height: auto;
    line-height: normal;
    margin-right: 5%;
  }

  .prod-items .prodlist-i-cont {
    float: left;
    width: 65%;
    margin-right: 0;
  }

  .prod-items .prodlist-i-props-wrap {
    float: none;
    clear: both;
    width: 100%;
  }

  .list-img-carousel .tmb-wrap {
    top: -16px;
    bottom: 0;
  }

  .list-img-carousel .tmb-wrap-table div {
    border-bottom: none;
    border-top: 1px solid transparent;
  }

  body .pagi {
    padding: 52px 0px 13px;
  }

  .pagi li {
    margin: 0 0px 5px 3px;
  }

  .prodtb-i .prodtb-i-top {
    padding: 0 0 45px 0;
    min-height: 90px;
  }

  .prodtb-i .prodtb-i-ttl {
    line-height: 46px;
    border-bottom: 1px solid #e0e4f6;
    padding: 0 15px;
  }

  .prodtb-i .prodtb-i-ttl a {
    padding: 7px 0;
    display: inline-block;
  }

  .prodtb-i .prodtb-i-toggle {
    top: auto;
    height: 45px;
  }

  .prodtb-i .prodtb-i-info {
    top: auto;
    height: 45px;
    border-left: none;
  }

  .prodtb-i .prodtb-i-action {
    top: auto;
    height: 45px;
  }
}

/* Catalog */

@media only screen and (max-width: 480px) {
  .gotopbtn {
    display: none;
  }

  .col-xs-1,
  .col-xs-10,
  .col-xs-11,
  .col-xs-12,
  .col-xs-2,
  .col-xs-3,
  .col-xs-4,
  .col-xs-5,
  .col-xs-6,
  .col-xs-7,
  .col-xs-8,
  .col-xs-9 {
    width: auto;
    float: none;
  }

  /* Header */

  .topmenu .mainmenu {
    right: 39px;
  }

  /* Header */

  /* Newsletter */

  .newsletter {
    padding: 23px 23px 23px;
  }

  .newsletter form {
    background: rgba(255, 255, 255, 0.5);
    text-align: center;
    padding: 23px 20px 15px;
  }

  /* Newsletter */

  /* Popular Products */

  .fr-pop-tab .flex-control-nav {
    display: none;
  }

  /* Popular Products */

  /* Catalog */

  .prodlist-i-props2 {
    margin-bottom: 7px;
  }

  .prodlist-i-props2 li {
    margin: 0 0 5px 0;
    width: auto;
    float: none;
  }

  /* Catalog */

  /* Product */

  .prod-tab-cont {
    padding: 20px 10px 20px;
  }

  .prod-tab.prod-props table tr td:first-child {
    width: inherit;
  }

  .prod-tab table td {
    padding: 11px 11px;
  }

  .prod-related .prod-rel {
    margin: 0 0px 30px;
  }

  /* Product */

  /* Cart */

  .cart-items-wrap .cart-items td {
    padding: 17px 5px;
  }

  .cart-items-wrap .cart-items tbody td {
    padding: 17px 5px;
  }

  .cart-items-wrap .cart-items tbody .cart-remove {
    border: none;
    width: 12px;
    height: 12px;
  }

  .cart-items-wrap .cart-items .cart-summ {
    width: 80px;
  }

  /* Cart */

  /* Reviews */

  .reviews-list .reviews-i.existimg {
    padding: 0 0 0 104px;
    min-height: 170px;
  }

  .reviews-i .reviews-i-img {
    width: 80px;
  }

  /* Reviews */

  /* Footer */

  .footer-bottom .copyright {
    float: none;
    clear: both;
    margin: 10px 0 10px;
    font-weight: 300;
    text-align: center;
  }

  .f-block-modal-wrap .f-block-modal.f-block-modal-map {
    width: 275px;
  }

  .f-block-modal.f-block-modal-map .allstore-gmap {
    width: 275px;
    height: 300px;
  }

  .f-block-modal-video iframe {
    width: 275px;
    height: 154px;
  }

  /* Footer */

  /* Auth */

  .auth-wrap .auth-col {
    margin: 0 0 50px;
  }

  .auth-wrap .auth-col h2 {
    margin: 0 0 25px;
  }

  .auth-wrap .auth-col label {
    width: auto;
    display: block;
    text-align: left;
    padding: 0 0 3px;
  }

  .auth-wrap .auth-col input[type=email],
  .auth-wrap .auth-col input[type=password],
  .auth-wrap .auth-col input[type=text] {
    width: 100%;
    display: block;
  }

  .auth-wrap .auth-col input[type=submit] {
    margin: 0;
  }

  .auth-wrap .auth-col .auth-lost_password {
    padding: 0;
  }
}

/* Auth */

@media only screen and (max-width: 380px) {
  .gotopbtn {
    display: none;
  }

  /* Modal Form */

  .modalform {
    width: 275px;
  }

  /* Modal Form */

  /* Catalog */

  .prod-items .prodlist-i-img {
    width: auto;
    float: none;
    margin-right: 0;
  }

  .prod-items .prodlist-i-cont {
    width: auto;
    float: none;
  }

  .prodtb-i .prodtb-i-info {
    padding: 2px 0px 0 20px;
    right: 140px;
  }

  .prodtb-i .prodtb-i-action {
    width: 140px;
  }

  .prodtb-i .prodtb-i-favorites,
  .prodtb-i .prodtb-i-compare,
  .prodtb-i .prodtb-i-qview,
  .prodtb-i .prodtb-i-buy {
    margin: 0;
  }

  .prodtb-i .prodtb-i-favorites span,
  .prodtb-i .prodtb-i-compare span,
  .prodtb-i .prodtb-i-qview span,
  .prodtb-i .prodtb-i-buy span {
    width: 60px;
    margin: 0px 0 10px -30px;
  }
}

/* Catalog */

@media (min-width: 768px) and (max-width: 991px) {
  /* Catalog */

  .prod-items .prodlist-i {
    padding: 22px 22px 7px 22px;
  }

  .prod-items .prodlist-i-img {
    width: 30%;
    float: left;
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    margin: 0;
    height: auto;
    line-height: normal;
    margin-right: 5%;
  }

  .prod-items .prodlist-i-cont {
    float: left;
    width: 65%;
    margin-right: 0;
  }

  .prod-items .prodlist-i-props-wrap {
    float: none;
    clear: both;
    width: 100%;
  }

  .list-img-carousel .tmb-wrap {
    top: -23px;
    bottom: 0;
  }

  .list-img-carousel .tmb-wrap-table div {
    border-bottom: none;
    border-top: 1px solid transparent;
  }

  .fr-pop-tabs li a {
    display: block;
    padding: 15px 15px 15px;
    text-transform: uppercase;
    transition: all 0.2s;
    font-size: 10px;
    position: relative;
    font-weight: 700;
    color: #373d54;
    border: none;
  }

  .fr-pop-tabs li a.active {
    color: #fff;
    background: #373d54;
    margin: -1px 0;
    padding: 20px 22px 16px;
  }
}

/* Catalog */

@media (min-width: 0) and (max-width: 767px) {
  .fr-pop-wrap {
    padding-top: 0;
  }

  .fr-slider-wrap {
    margin: 0 0 25px;
  }

  .fr-slider .flex-control-nav {
    left: 39% !important;
    margin: 10px 0;
  }

  .section-sb {
    padding: 0 0;
  }

  .auth-submitt,
  .auth-submittt {
    margin-top: 0 !important;
  }

  .nav-link-sm {
    padding: 0.5rem 0.5rem;
    font-size: 70%;
  }

  .display-none-mobi {
    display: none;
  }

  .display-none-pc {
    display: block !important;
  }

  .offset-1,
  .offset-2,
  .offset-3,
  .offset-4,
  .offset-5,
  .offset-6,
  .offset-7,
  .offset-8,
  .offset-9,
  .offset-10,
  .offset-11,
  .offset-12 {
    margin: auto 5px;
  }

  .stylization h3 {
    font-size: 23px !important;
  }
}

@media (min-width: 0) and (max-width: 479px) {
  .auth-lost_password {
    font-size: 85%;
  }
}

.display-none-pc {
  display: none;
}

th {
  line-height: 30px !important;
}

.activee {
  background: #373d54;
  color: white !important;
}

.activee:hover {
  background: #373d54 !important;
  color: white !important;
}

.text-danger {
  color: red;
  font-size: 14px;
}

.prod-rel-actions > a > i.active {
  color: #373d54 !important;
}

.prod-i-info > a.active {
  background-color: #373d54 !important;
}

.prod-i-info > a > i.active {
  color: white !important;
}

.prod-actions > a > i.active {
  color: #373d54 !important;
}

.click_logo {
  padding: 4px 10px;
  cursor: pointer;
  color: #fff;
  line-height: 190%;
  font-size: 13px;
  font-family: Arial;
  font-weight: bold;
  text-align: center;
  border: 1px solid #037bc8;
  text-shadow: 0px -1px 0px #037bc8;
  border-radius: 4px;
  background: #27a8e0;
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3YThlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMxYzhlZDciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  background: linear-gradient(#27a8e0 0%, #1c8ed7 100%);
  box-shadow: inset 0px 1px 0px #45c4fc;
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#27a8e0", endColorstr="#1c8ed7",GradientType=0 );
  -webkit-box-shadow: inset 0px 1px 0px #45c4fc;
  -moz-box-shadow: inset 0px 1px 0px #45c4fc;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
}

.click_logo i {
  background: url(https://m.click.uz/static/img/logo.png) no-repeat top left;
  width: 30px;
  height: 25px;
  display: block;
  float: left;
}

.gotopbtn2 {
  position: fixed;
  width: 50px;
  height: 50px;
  background: #006d41 !important;
  bottom: 40px;
  right: 20px;
  border-radius: 50%;
  text-decoration: none;
  text-align: center;
  line-height: 50px;
  color: white !important;
  font-size: 22px;
  z-index: 111;
}

.gotopbtn2:hover {
  background: #ffffff !important;
  box-shadow: 0 0 5px 1px #006d41;
  color: #006d41 !important;
  transition: all 0.4s ease-in-out;
}

#rc-anchor-container {
  transform: scale(0.7) translateX(-60px) !important;
}