/****************************
           Variables
*****************************/
/*@default: #ff6633;*/
/*@default: #00cc66;*/
/*@default: #ff66cc;*/
/*@default: #ff3333;*/
/*
-----------------------------------
------------- LEGEND --------------
-----------------------------------

1 - Reset
2 - Typography
2.1 - Stylization
3 - Elements
4 - Header
5 - Breadcrumbs
6 - Pagination
7 - Home slider
8 - Footer
9 - Contact page
10 - Social Links
11 - Product Info
12 - Login & Register
13 - Edit Profile

----------------------------------*/
/*----------------------------------
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;
}
html,
body {
  font-size: 15px;
  color: #161616;
  background: #fff;
}
body {
  font-family: 'Roboto', sans-serif;
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
  max-width: 100%;
  line-height: 1;
}
body * {
  line-height: 1.4;
  box-sizing: border-box;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
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],
button,
textarea {
  -webkit-appearance: none;
}
textarea,
button,
input[type=password],
input[type=email],
input[type=submit],
input[type=text] {
  font-family: 'Roboto', sans-serif;
}
a:focus {
  text-decoration: none;
}
textarea:focus,
button:focus,
a:focus,
input:focus {
  outline: none;
}
.cont {
  width: 1170px;
  padding-left: 15px;
  padding-right: 15px;
  margin: 0 auto;
}
/*----------------------------------
2 - Typography
----------------------------------*/
.right {
  text-align: right !important;
}
.left {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.justify {
  text-align: justify !important;
}
.bold {
  font-weight: bold !important;
}
.underline {
  text-decoration: underline !important;
}
.italic {
  font-style: italic !important;
}
.red {
  color: #ff2051 !important;
}
.darkred {
  color: #dd2229 !important;
}
.green {
  color: green !important;
}
.silver {
  color: #666666 !important;
}
.m-a {
  margin: auto !important;
}
.m-0 {
  margin: 0px !important;
}
.m-5 {
  margin: 5px !important;
}
.m-10 {
  margin: 10px !important;
}
.m-20 {
  margin: 20px !important;
}
.m-30 {
  margin: 30px !important;
}
.m-40 {
  margin: 40px !important;
}
.m-t-0 {
  margin-top: 0px !important;
}
.m-t-5 {
  margin-top: 5px !important;
}
.m-t-10 {
  margin-top: 10px !important;
}
.m-t-15 {
  margin-top: 15px !important;
}
.m-t-20 {
  margin-top: 20px !important;
}
.m-t-30 {
  margin-top: 30px !important;
}
.m-t-40 {
  margin-top: 40px !important;
}
.m-t-50 {
  margin-top: 50px !important;
}
.m-t-60 {
  margin-top: 60px !important;
}
.m-t-70 {
  margin-top: 70px !important;
}
.m-t-80 {
  margin-top: 80px !important;
}
.m-l-0 {
  margin-left: 0px !important;
}
.m-l-10 {
  margin-left: 10px !important;
}
.m-l-20 {
  margin-left: 20px !important;
}
.m-l-30 {
  margin-left: 30px !important;
}
.m-l-40 {
  margin-left: 40px !important;
}
.m-l-50 {
  margin-left: 50px !important;
}
.m-l-60 {
  margin-left: 60px !important;
}
.m-l-70 {
  margin-left: 70px !important;
}
.m-l-80 {
  margin-left: 80px !important;
}
.m-b-0 {
  margin-bottom: 0px !important;
}
.m-b-10 {
  margin-bottom: 10px !important;
}
.m-b-20 {
  margin-bottom: 20px !important;
}
.m-b-30 {
  margin-bottom: 30px !important;
}
.m-b-40 {
  margin-bottom: 40px !important;
}
.m-b-50 {
  margin-bottom: 50px !important;
}
.m-b-60 {
  margin-bottom: 60px !important;
}
.m-b-70 {
  margin-bottom: 70px !important;
}
.p-0 {
  padding: 0px !important;
}
.p-10 {
  padding: 10px !important;
}
.p-20 {
  padding: 20px !important;
}
.p-30 {
  padding: 30px !important;
}
.p-40 {
  padding: 40px !important;
}
.p-t-0 {
  padding-top: 0px !important;
}
.p-t-5 {
  padding-top: 5px !important;
}
.p-t-10 {
  padding-top: 10px !important;
}
.p-t-20 {
  padding-top: 20px !important;
}
.p-t-30 {
  padding-top: 30px !important;
}
.p-t-40 {
  padding-top: 40px !important;
}
.p-t-50 {
  padding-top: 50px !important;
}
.p-t-60 {
  padding-top: 60px !important;
}
.p-t-70 {
  padding-top: 70px !important;
}
.p-t-80 {
  padding-top: 80px !important;
}
.p-t-90 {
  padding-top: 90px !important;
}
.p-t-100 {
  padding-top: 100px !important;
}
.p-b-0 {
  padding-bottom: 0px !important;
}
.p-b-10 {
  padding-bottom: 10px !important;
}
.p-b-20 {
  padding-bottom: 20px !important;
}
.p-b-30 {
  padding-bottom: 30px !important;
}
.p-b-40 {
  padding-bottom: 40px !important;
}
.p-b-50 {
  padding-bottom: 50px !important;
}
.p-b-60 {
  padding-bottom: 60px !important;
}
.p-b-70 {
  padding-bottom: 70px !important;
}
.p-b-80 {
  padding-bottom: 80px !important;
}
.p-b-90 {
  padding-bottom: 90px !important;
}
.p-b-100 {
  padding-bottom: 100px !important;
}
@media screen and (max-width: 991px) {
  .m-t-10 {
    margin-top: 5px !important;
  }
  .m-t-15 {
    margin-top: 7px !important;
  }
  .m-t-20 {
    margin-top: 10px !important;
  }
  .m-t-30 {
    margin-top: 15px !important;
  }
  .m-t-40 {
    margin-top: 20px !important;
  }
  .m-t-50 {
    margin-top: 25px !important;
  }
  .m-t-60 {
    margin-top: 30px !important;
  }
  .m-t-70 {
    margin-top: 35px !important;
  }
  .m-t-80 {
    margin-top: 40px !important;
  }
  .m-l-10 {
    margin-left: 5px !important;
  }
  .m-l-20 {
    margin-left: 10px !important;
  }
  .m-l-30 {
    margin-left: 15px !important;
  }
  .m-l-40 {
    margin-left: 20px !important;
  }
  .m-l-50 {
    margin-left: 25px !important;
  }
  .m-l-60 {
    margin-left: 30px !important;
  }
  .m-l-70 {
    margin-left: 35px !important;
  }
  .m-l-80 {
    margin-left: 40px !important;
  }
  .m-b-10 {
    margin-bottom: 5px !important;
  }
  .m-b-20 {
    margin-bottom: 10px !important;
  }
  .m-b-30 {
    margin-bottom: 15px !important;
  }
  .m-b-40 {
    margin-bottom: 20px !important;
  }
  .m-b-50 {
    margin-bottom: 25px !important;
  }
  .m-b-60 {
    margin-bottom: 30px !important;
  }
  .m-b-70 {
    margin-bottom: 35px !important;
  }
  .p-t-10 {
    padding-top: 5px !important;
  }
  .p-t-20 {
    padding-top: 10px !important;
  }
  .p-t-30 {
    padding-top: 15px !important;
  }
  .p-t-40 {
    padding-top: 20px !important;
  }
  .p-t-50 {
    padding-top: 25px !important;
  }
  .p-t-60 {
    padding-top: 30px !important;
  }
  .p-t-70 {
    padding-top: 35px !important;
  }
  .p-t-80 {
    padding-top: 40px !important;
  }
  .p-t-90 {
    padding-top: 45px !important;
  }
  .p-t-100 {
    padding-top: 50px !important;
  }
  .p-b-10 {
    padding-bottom: 5px !important;
  }
  .p-b-20 {
    padding-bottom: 10px !important;
  }
  .p-b-30 {
    padding-bottom: 15px !important;
  }
  .p-b-40 {
    padding-bottom: 20px !important;
  }
  .p-b-50 {
    padding-bottom: 25px !important;
  }
  .p-b-60 {
    padding-bottom: 30px !important;
  }
  .p-b-70 {
    padding-bottom: 35px !important;
  }
  .p-b-80 {
    padding-bottom: 40px !important;
  }
  .p-b-90 {
    padding-bottom: 45px !important;
  }
  .p-b-100 {
    padding-bottom: 50px !important;
  }
  .m-r-10 {
    margin-right: 10px !important;
  }
}
.r-15 {
  border-radius: 15px;
}
.inline-element {
  display: inline !important;
}
/*----------------------------------
2.1 - Stylization
----------------------------------*/
.maincont {
  margin-bottom: 50px;
  padding-bottom: 50px;
}
.maincont:after {
  display: block;
  clear: both;
  content: "";
}
.typo {
  line-height: 1.7;
  font-size: 14px;
  color: #616161;
}
.typo:after {
  display: block;
  clear: both;
  content: '';
}
.typo p {
  line-height: 1.7;
  margin: 0 0 30px;
}
.typo h1,
.typo h2,
.typo h3,
.typo h4,
.typo h5,
.typo h6 {
  color: #161616;
  margin: 0 0 30px;
}
.typo h1 {
  font-size: 35px;
}
.typo h2 {
  font-size: 28px;
}
.typo h3 {
  font-size: 24px;
}
.typo h4 {
  font-size: 21px;
}
.typo h5 {
  font-size: 18px;
}
.typo h6 {
  font-size: 16px;
}
.typo a {
  color: #00bcd4;
  text-decoration: none;
  transition: all 0.2s;
  border-bottom: 1px solid transparent;
}
.typo a:hover {
  text-decoration: none;
  border-color: #00bcd4;
}
.typo strong,
.typo b {
  color: #161616;
}
.typo ul {
  margin: 0 0 30px 18px;
  padding: 0;
}
.typo ul > li {
  list-style-image: url("../img/chk1.png");
}
.typo li {
  padding: 0;
  line-height: 1.7;
  margin-bottom: 5px;
}
.typo li > ul {
  margin: 0 0 0 18px;
}
.typo ol {
  list-style-type: decimal;
  margin: 0 0 30px 18px;
  padding: 0;
}
.typo ol li {
  position: relative;
}
.typo li > ol {
  margin: 0 0 0 18px;
}
.typo address {
  margin: 0 0 30px;
  line-height: 1.7;
}
.typo code {
  background-color: #e8e8e8;
  padding: 2px 4px;
  color: #161616;
  font-family: Inconsolata, monospace;
}
.typo 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: #161616;
}
.typo mark,
.typo ins {
  background: #00bcd4;
  color: #fff;
  padding: 2px 4px;
  text-decoration: none;
}
.typo sup {
  vertical-align: super;
  font-size: smaller;
}
.typo sub {
  vertical-align: sub;
  font-size: smaller;
}
.typo 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;
}
.typo blockquote:before {
  position: absolute;
  content: '';
  top: 3px;
  height: 3px;
  border-top: 1px solid #00bcd4;
  border-bottom: 1px solid #00bcd4;
  left: 50%;
  width: 40px;
  margin: 0 0 0 -20px;
  display: block;
}
.typo blockquote:after {
  position: absolute;
  content: '';
  bottom: 3px;
  height: 3px;
  border-top: 1px solid #00bcd4;
  border-bottom: 1px solid #00bcd4;
  left: 50%;
  width: 40px;
  margin: 0 0 0 -20px;
  display: block;
}
.typo blockquote p {
  margin-bottom: 20px !important;
  color: #161616;
}
.typo cite {
  font-style: italic;
  color: #161616;
  font-weight: 700;
}
.typo dl {
  margin: 0 0 30px;
  line-height: 1.7;
}
.typo dt {
  font-weight: 700;
  color: #161616;
  line-height: 1.7;
}
.typo dd {
  margin: 0 0 30px;
  line-height: 1.7;
}
.typo table,
.typo th,
.typo td {
  border: 1px solid #c4d8ec;
  line-height: 1.7;
}
.typo table {
  border-collapse: collapse;
  border-spacing: 0;
  border-width: 1px 0 0 1px;
  margin: 0 0 34px;
  table-layout: fixed;
  width: 100%;
  color: #161616;
  border-radius: 3px;
}
.typo caption,
.typo th,
.typo td {
  font-weight: normal;
  text-align: left;
}
.typo th {
  border-width: 0 1px 1px 0;
  font-weight: 700;
}
.typo td {
  border-width: 0 1px 1px 0;
}
.typo th,
.typo td {
  padding: 10px 15px;
}
.typo legend {
  line-height: 1.7;
  font-weight: 700;
  margin-top: 10px;
  display: inline-block;
}
.typo input[type=email],
.typo input[type=tel],
.typo input[type=search],
.typo input[type=password],
.typo input[type=text] {
  display: block;
  padding: 0 15px;
  color: #161616;
  width: 100%;
  background: #f8f8f8;
  font-size: 14px;
  height: 40px;
  border: 1px solid #99a9b5;
  transition: all 0.2s;
}
.typo input[type=email]:focus,
.typo input[type=tel]:focus,
.typo input[type=search]:focus,
.typo input[type=password]:focus,
.typo input[type=text]:focus {
  border-color: #bfcedc;
}
.typo input[type=search]::-webkit-input-placeholder,
.typo input[type=password]::-webkit-input-placeholder,
.typo input[type=tel]::-webkit-input-placeholder,
.typo input[type=email]::-webkit-input-placeholder,
.typo input[type=text]::-webkit-input-placeholder {
  color: #a0b0c1;
}
.typo input[type=search]::-moz-placeholder,
.typo input[type=password]::-moz-placeholder,
.typo input[type=tel]::-moz-placeholder,
.typo input[type=email]::-moz-placeholder,
.typo input[type=text]::-moz-placeholder {
  color: #a0b0c1;
  opacity: 1;
}
.typo input[type=search]:-ms-input-placeholder,
.typo input[type=password]:-ms-input-placeholder,
.typo input[type=tel]:-ms-input-placeholder,
.typo input[type=email]:-ms-input-placeholder,
.typo input[type=text]:-ms-input-placeholder {
  color: #a0b0c1;
}
.typo textarea {
  display: block;
  padding: 12px 15px;
  background: #f8f8f8;
  color: #161616;
  width: 100%;
  font-size: 14px;
  height: 150px;
  border: 1px solid #99a9b5;
  transition: all 0.2s;
}
.typo textarea:focus {
  border-color: #bfcedc;
}
.typo textarea::-webkit-input-placeholder {
  color: #a0b0c1;
}
.typo textarea::-moz-placeholder {
  color: #a0b0c1;
  opacity: 1;
}
.typo textarea:-ms-input-placeholder {
  color: #a0b0c1;
}
.typo button,
.typo input[type=submit] {
  display: block;
  border: none;
  transition: all 0.2s;
  font-weight: 500;
  background: #00bcd4;
  padding: 10px 35px;
  color: #fff;
  letter-spacing: 0.01em;
  cursor: pointer;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 14px;
}
.typo button:hover,
.typo input[type=submit]:hover {
  background: #00626e;
}
.align-center {
  text-align: center;
}
.maincont-ct .main-ttl {
  text-align: center;
}
.maincont-ct .main-ttl span:after {
  left: 50%;
  margin: 0 0 0 -30px;
}
/*----------------------------------
3 - Elements
----------------------------------*/
.title {
  font-size: 22px;
  text-transform: uppercase;
  color: #161616;
  margin: 0 0 35px;
  font-weight: 900;
  position: relative;
  letter-spacing: 2px;
}
.title span {
  padding: 0 0 8px;
  margin-bottom: 15px;
  position: relative;
  border-bottom: 1px solid;
  border-color: #e8e8e8;
  padding-bottom: 11px;
  display: block;
  line-height: 22px;
}
.title span:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 50px;
  border-bottom: 1px solid;
  border-color: #00bcd4;
}
h1.title,
h2.title,
h3.title {
  font-size: 22px !important;
  margin: 0 0 35px;
}
.title.center span:before {
  left: calc(50% - 25px);
}
.title.center span {
  text-align: center;
}
.title.h2 {
  font-size: 20px !important;
}
.title.h3 {
  font-size: 18px !important;
}
.title.h4 {
  font-size: 16px !important;
}
/*----------------------------------
4 - Header
----------------------------------*/
.header {
  margin: 0 0 27px;
}
.header:after {
  display: block;
  clear: both;
  content: "";
}
.header_top {
  background: #4a4f6e;
}
.header .contactinfo {
  font-size: 13px;
  float: left;
}
.header .contactinfo li {
  padding: 10px 15px 0;
  color: #99a9b5;
}
.header .contactinfo li * {
  line-height: 1;
}
.header .contactinfo .material-icons {
  line-height: 0;
  margin-top: 9px;
  float: left;
  font-size: 19px;
  margin-right: 7px;
  color: #00bcd4;
}
.header .contactinfo li:first-child {
  margin-left: -15px;
}
.header .contactinfo li .fa {
  margin-right: 3px;
  margin-bottom: 2px;
  vertical-align: middle;
  color: #99a9b5;
}
.header .social-icons {
  float: right;
  text-align: right;
  margin: 0;
}
.header .social-icons li a {
  border: 0 none;
  border-radius: 0;
  color: #99a9b5;
  padding: 0px;
}
.header .social-icons li {
  display: inline-block;
}
.header .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;
}
.header .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;
}
.header .social-icons .fa-facebook:hover {
  background: #0083C9;
}
.header .social-icons .fa-twitter:hover {
  background: #5BBCEC;
}
.header .social-icons .fa-linkedin:hover {
  background: #FF4518;
}
.header .social-icons .fa-dribbble:hover {
  background: #90C9DC;
}
.header .social-icons .fa-google-plus:hover {
  background: #CE3C2D;
}
.header .social-icons .fa-instagram:hover {
  background: #b4307d;
}
.header .social-icons .fa-vk:hover {
  background: #4c75a3;
}
.header .social-icons .fa-youtube:hover {
  background: #CE3C2D;
}
.header .header-middle {
  padding: 10px 0;
  text-align: justify;
  background: #212331;
}
.header .header-middle .header-middle-cont {
  font-size: 0;
}
.header .header-middle .header-middle-cont > * {
  font-size: 15px;
}
.header .header-middle .header-middle-cont:after {
  content: '';
  display: inline-block;
  width: 100%;
}
.header .header-bottom {
  background: #212331;
  border-top: 1px solid #51546c;
}
.header .logo {
  text-align: left;
  display: inline-block;
  vertical-align: middle;
}
.header .logo a {
  display: block;
  font-size: 22px;
  color: #fff;
}
.header .logo img {
  display: block;
  max-height: 120px;
  max-width: 400px;
  width: auto;
  height: auto;
}
.header .shop-menu {
  display: inline-block;
  vertical-align: middle;
}
.header .shop-menu ul li {
  display: inline-block;
  padding-left: 15px;
  padding-right: 15px;
}
.header .shop-menu ul li:last-child {
  padding-right: 0;
}
.header .shop-menu ul li a {
  font-size: 14px;
  padding: 2px 0;
  line-height: 1;
  color: #99a9b5;
  display: inline-block;
}
.header .shop-menu ul li * {
  line-height: 1;
}
.header .shop-menu ul li a:hover {
  color: #00bcd4;
  opacity: 1 !important;
  background: transparent;
}
.header .shop-menu ul li a i {
  margin-right: 2px;
  color: #99a9b5;
  padding: 0 1px;
  display: inline-block;
}
.header .shop-menu ul li a i.material-icons {
  line-height: 0;
  margin-top: 7px;
  float: left;
  font-size: 20px;
  margin-right: 4px;
}
.header .shop-menu ul li a b {
  font-weight: 400;
}
.header .shop-menu ul li a .shop-menu-ttl {
  display: inline-block;
  transition: all 0.2s;
  line-height: 1;
}
.header .shop-menu ul li.topauth a:first-child {
  margin: 0;
  padding: 2px 12px 2px 0;
  background: url('../img/sep1.png') no-repeat right center;
}
.topmenu {
  position: relative;
  padding: 0 49px 0 220px;
  font-size: 14px;
}
.topmenu:after {
  clear: both;
  content: '';
  display: block;
}
.topmenu .topcatalog {
  text-align: left;
  position: absolute;
  top: 0;
  left: 0;
  width: 200px;
  z-index: 3;
}
.topcatalog-show .topmenu .topcatalog {
  z-index: 11;
}
.topmenu .topcatalog .topcatalog-btn {
  position: relative;
  color: #00bcd4;
  text-transform: uppercase;
  display: block;
  padding: 15px 10px 15px 15px;
  font-weight: 400;
}
.topmenu .topcatalog .topcatalog-btn:after {
  position: absolute;
  top: 50%;
  right: 13px;
  content: '\f107';
  display: block;
  line-height: 1;
  margin: -8px 0 0;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.topmenu .topcatalog:after {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 5px;
  content: '';
  display: block;
}
.topcatalog .topcatalog-list {
  position: absolute;
  top: 100%;
  background: #212331;
  text-align: left;
  margin: 0;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.topcatalog:hover .topcatalog-list {
  overflow: initial;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
  width: auto;
}
.topcatalog-list li {
  position: relative;
  line-height: 120%;
}
.topcatalog-list li a {
  color: #99a9b5;
  font-size: 14px;
  line-height: 120%;
  display: block;
  padding: 11px 25px 11px 13px;
  transition: all 0.2s;
  background: #212331;
  position: relative;
  width: 201px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.topcatalog-list li:hover > a {
  background: #4a4f6e;
}
.topcatalog-list li .fa {
  color: #51546c;
  position: absolute;
  right: 14px;
  top: 50%;
  margin: -1px 0 0;
  line-height: 100%;
  -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;
}
.topcatalog-list li ul {
  position: absolute;
  left: 100%;
  top: 0px;
  background: #fff;
  border-left: 1px solid #00bcd4;
  transition: all 0.3s ease;
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  width: 0;
  overflow: hidden;
}
.topcatalog-list li:hover > ul {
  overflow: initial;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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: #fff;
  text-transform: uppercase;
  border: 0;
  width: 100%;
  padding: 10px 22px;
  font-weight: 500;
  text-align: left;
  background: #00bcd4;
  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: "Font Awesome 5 Free";
  font-weight: 900;
}
.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: 300;
  margin: 0 0 0 0;
  position: relative;
}
.topmenu .mainmenu > li > a {
  color: #99a9b5;
  display: block;
  transition: all 0.2s;
  padding: 15px 19px;
}
.topmenu .mainmenu > li.menu-item-has-children > a {
  padding-right: 30px;
}
.topmenu .mainmenu > li > a:hover,
.topmenu .mainmenu > li > a.active {
  color: #fff;
  background: #4a4f6e;
}
.topmenu .mainmenu > li.menu-item-has-children > a:after {
  position: absolute;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: '\f107';
  display: block;
  top: 50%;
  font-size: 14px;
  right: 13px;
  line-height: 100%;
  margin: -8px 0 0 0;
}
.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;
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  z-index: 4;
  width: 0;
}
.topmenu .mainmenu > li:hover > .sub-menu {
  width: auto;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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: #161616;
  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: #00bcd4;
}
.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: "Font Awesome 5 Free";
  font-weight: 900;
  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: #161616;
  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;
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  transform: translate3d(0, 8px, 0);
  visibility: hidden;
  opacity: 0;
  width: 0;
}
.topmenu .mainmenu > li > .sub-menu li:hover > ul {
  width: auto;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
  opacity: 1;
}
/* mainmenu more */
.topmenu .mainmenu {
  position: relative;
  overflow: hidden;
  height: 49px;
}
.topmenu .mainmenu.sections-show {
  overflow: initial;
}
.topmenu .mainmenu li.mainmenu-more {
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #f8f8f8;
  display: none;
  padding: 4px 0;
  background: #00bcd4;
  transition: all 0.2s;
}
.topmenu .mainmenu li.mainmenu-more:hover {
  background: #00626e;
  color: #f8f8f8;
}
.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;
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  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;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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: #161616;
  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: #161616;
  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;
  top: 50%;
  margin: -1px 0 0;
  line-height: 100%;
  -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;
}
.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;
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  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;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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;
}
/* mainmenu more */
.topmenu .topsearch {
  position: absolute;
  top: 0;
  right: 0;
}
.topsearch .topsearch-btn {
  height: 49px;
  line-height: 49px;
  width: 49px;
  text-align: center;
  display: block;
  background: #51546c;
  position: relative;
  color: #99a9b5;
}
.topsearch .topsearch-btn:hover {
  color: #fff;
}
.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;
  -webkit-transform: translate3d(0, 5px, 0);
  -moz-transform: translate3d(0, 5px, 0);
  -ms-transform: translate3d(0, 5px, 0);
  -o-transform: translate3d(0, 5px, 0);
  transform: translate3d(0, 5px, 0);
  visibility: hidden;
  opacity: 0;
}
.search-show .topsearch .topsearch-form {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  display: block;
  visibility: visible;
  opacity: 1;
}
.topsearch .topsearch-form input[type=text] {
  border: 1px solid #00bcd4;
  background: #f8f8f8;
  height: 39px;
  width: 300px;
  color: #161616;
  font-size: 14px;
  padding: 0 45px 0 15px;
  transition: all 0.2s;
}
.topsearch .topsearch-form input[type=text]::-webkit-input-placeholder {
  color: #161616;
}
.topsearch .topsearch-form input[type=text]::-moz-placeholder {
  color: #161616;
  opacity: 1;
}
.topsearch .topsearch-form input[type=text]:-ms-input-placeholder {
  color: #161616;
}
.topsearch .topsearch-form button[type=submit] {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 48px;
  background: #00bcd4;
  color: #fff;
  transition: all 0.2s;
  border: none;
}
.topsearch .topsearch-form button[type=submit]:hover {
  background: #00626e;
}
@media only screen and (max-width: 1200px) {
  .logo img {
    max-width: 280px;
  }
}
@media only screen and (max-width: 992px) {
  .header-middle {
    padding: 30px 0 15px;
  }
  .logo {
    text-align: center;
    display: block;
    margin: 0 0 30px;
  }
  .logo 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;
  }
}
@media only screen and (max-width: 767px) {
  .topmenu {
    padding: 0px 190px 0 0;
  }
  .topmenu .topcatalog {
    right: 40px;
    left: auto;
    width: 150px;
  }
  .topmenu .topcatalog .topcatalog-btn {
    background: #f8f8f8;
    padding: 10px 10px 10px 17px;
  }
  .topmenu .topcatalog .topcatalog-btn span {
    display: none;
  }
  .topmenu .mainmenu-btn {
    display: block;
  }
  .topmenu .mainmenu {
    border: 0px solid #e0e4f6;
    border-top: none;
    height: 0;
    visibility: hidden;
    opacity: 0;
    overflow: hidden;
    transition: all 0.3s ease;
    -webkit-transform: translate3d(0, 8px, 0);
    -moz-transform: translate3d(0, 8px, 0);
    -ms-transform: translate3d(0, 8px, 0);
    -o-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
    position: absolute;
    top: 100%;
    left: 0;
    right: 190px;
    margin: 0;
    z-index: 1;
    padding: 0;
  }
  .mainmenu-show .topmenu .mainmenu {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    height: auto;
    visibility: visible;
    opacity: 1;
    overflow: initial;
    z-index: 11;
    background: #00bcd4;
  }
  .topmenu .mainmenu .fa {
    display: inline-block;
  }
  .topmenu .mainmenu > li {
    float: none;
    width: 100%;
  }
  .topmenu .mainmenu > li > a {
    color: #fff;
    display: block;
    padding: 11px 19px;
    border-top: 1px solid #00626e;
  }
  .topmenu .mainmenu > li > a:hover,
  .topmenu .mainmenu > li > a.active {
    background: #00626e;
  }
  .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 > .sub-menu {
    position: relative;
    top: auto;
    left: auto;
    border: none;
    margin: 0;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
    display: none;
    transition: none;
  }
  .topmenu .mainmenu > li:hover > .sub-menu {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    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;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
    display: none;
    transition: none;
  }
  .topmenu .mainmenu > li > .sub-menu li:hover > ul {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    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 */
  .topmenu .mainmenu li.mainmenu-more {
    display: none !important;
  }
  /* mainmenu more */
  .topcatalog .topcatalog-list {
    left: auto;
    right: 0;
  }
  .topcatalog:hover .topcatalog-list {
    -webkit-transform: translate3d(0, 8px, 0);
    -moz-transform: translate3d(0, 8px, 0);
    -ms-transform: translate3d(0, 8px, 0);
    -o-transform: translate3d(0, 8px, 0);
    transform: translate3d(0, 8px, 0);
    visibility: hidden;
    opacity: 0;
    width: 0;
    height: 0;
    overflow: hidden;
  }
  .topcatalog-show .topcatalog .topcatalog-list {
    overflow: initial;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    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;
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none;
    visibility: visible;
    opacity: 1;
    width: auto;
    display: none;
    transition: none;
  }
  .topcatalog-list li:hover > ul {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    -o-transform: none;
    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;
    background: #4a4f6e;
    color: #99a9b5;
  }
  .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: #212331;
    color: #fff;
  }
  .topcatalog-list li > a:hover {
    background: #212331;
    color: #99a9b5;
  }
  .topcatalog-list li > .fa {
    cursor: pointer;
    margin: 0;
    position: absolute;
    top: 0;
    bottom: auto;
    height: 38px;
    right: 0px;
    background: #00bcd4;
    padding: 13px 15px 0;
    transform: none;
    color: #f8f8f8;
  }
  .topcatalog-list li > .fa:hover {
    background: #00626e;
  }
  .topcatalog-list li > .fa:before {
    content: "\f107";
  }
  .topcatalog-list li ul > li:last-child > a {
    border-bottom: 1px solid #e0e4f6;
  }
  .topsearch .topsearch-btn {
    height: 39px;
    line-height: 39px;
    width: 39px;
  }
  .header-bottom .container {
    padding: 0;
  }
  .header .header-middle .header-middle-cont {
    text-align: center;
  }
  .contactinfo {
    text-align: center;
    float: none;
    width: 100%;
  }
  .contactinfo li {
    padding: 10px 15px 0;
    float: none;
    display: inline-block;
    vertical-align: top;
    margin: 0 !important;
  }
  .header_top .social-icons {
    text-align: center;
    float: none;
  }
}
@media only screen and (max-width: 480px) {
  .topmenu .mainmenu {
    right: 39px;
  }
}
/*----------------------------------
5 - Breadcrumbs
----------------------------------*/
ul.breadcrumbs {
  font-size: 14px;
  background-color: #f8f8f8;
  color: #666;
  padding: 7px 15px;
  margin: 0 0 20px 0;
}
.maincont-ct ul.breadcrumbs {
  text-align: center;
}
.breadcrumbs li {
  display: inline-block;
  margin: 0 32px 0px 0;
  padding: 0;
  line-height: 1.7;
  position: relative;
}
.breadcrumbs li:after {
  position: absolute;
  content: "\f105";
  font-size: 12px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  color: #161616;
  display: block;
  left: auto;
  top: 0;
  line-height: 1;
  margin: 6px 0 0;
  right: -22px;
}
.breadcrumbs li:last-child {
  margin-right: 0;
}
.breadcrumbs li:last-child:after {
  display: none;
}
.breadcrumbs li a {
  text-decoration: none;
  transition: all 0.2s;
  color: #161616;
  line-height: 100%;
}
.breadcrumbs li a:hover {
  color: #00bcd4;
  text-decoration: none;
}
.breadcrumbs li span {
  color: #616161;
}
/*----------------------------------
6 - Pagination
----------------------------------*/
.pagination {
  margin: 30px auto 40px;
  display: block;
  padding: 0;
}
.pagination li {
  display: inline-block;
  margin: 0 0 10px 0;
}
.pagination li:first-child a,
.pagination li:first-child span {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  margin-left: 0;
}
.pagination li:last-child a,
.pagination li:last-child span {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.pagination .active a,
.pagination .active span,
.pagination .active a:hover,
.pagination .active span:hover,
.pagination .active a:focus,
.pagination .active span:focus {
  background-color: #00bcd4;
  color: #fff;
  cursor: default;
  z-index: 2;
}
.pagination li a,
.pagination 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;
}
.pagination li a:hover {
  background: #00bcd4;
  color: #fff;
}
.pagination li.pagination-prev a,
.pagination li.pagination-next a {
  font-size: 16px;
}
/*----------------------------------
7 - Home Slider
----------------------------------*/
.home-slider {
  margin: 0 0 50px;
}
.home-slider .flex-slider {
  margin: 0;
  overflow: hidden;
  position: relative;
}
.home-slider .flex-slider .slides li {
  width: 100%;
  float: left;
  margin-right: -100%;
  opacity: 0;
  position: relative;
}
.home-slider .flex-slider .slides li img {
  display: block;
}
.home-slider .flex-slider .slides .flex-slider-cont {
  position: absolute;
  right: 0;
  left: 48%;
  top: 50%;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-size: 13px;
  padding: 0 30px 0 0;
}
.home-slider .flex-slider .slides .flex-slider-cont h3 {
  font-size: 42px;
  color: #161616;
  font-weight: 700;
  margin: 0 0 23px;
  line-height: 1.2;
  font-family: 'PT Serif', serif;
}
.home-slider .flex-slider .slides .flex-slider-cont p {
  padding: 0 0 0;
  margin: 0 0 45px;
}
.home-slider .flex-slider .slides .flex-slider-cont .flex-slider-more-wrap {
  margin: 45px 0;
}
.home-slider .flex-slider .slides .flex-slider-cont .flex-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: #00bcd4;
}
.home-slider .flex-slider .slides .flex-slider-cont .flex-slider-more:hover {
  background: #00626e;
}
.home-slider .flex-slider .slides .flex-slider-cont.overlayed {
  background: #00bcd4;
  padding: 20px 30px 0 39px;
}
.home-slider .flex-slider .slides .flex-slider-cont.overlayed h3,
.home-slider .flex-slider .slides .flex-slider-cont.overlayed p {
  color: #fff;
}
.home-slider .flex-slider .slides .flex-slider-cont.overlayed .flex-slider-more {
  background: #161616;
}
.home-slider .flex-slider .slides .flex-slider-cont.overlayed .flex-slider-more:hover {
  background: #fff;
  color: #161616;
}
.home-slider .flex-slider .flex-control-nav {
  width: auto;
  position: absolute;
  padding-top: 15px;
  bottom: 5px;
  text-align: left;
  z-index: 2;
  left: 48%;
  right: 0;
}
.home-slider .flex-slider .flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
}
.home-slider .flex-slider .flex-control-nav li {
  margin: 0 3px;
  display: inline-block;
}
.home-slider .flex-slider .flex-control-paging li a {
  width: 12px;
  height: 12px;
  background: #e0e4f6;
  box-shadow: none;
  transition: all 0.2s;
  border-radius: 0;
}
.home-slider .flex-slider .flex-control-paging li a:hover,
.home-slider .flex-slider .flex-control-paging li a.flex-active {
  background: #00bcd4;
}
@media screen and (max-width: 1199px) {
  .home-slider .flex-slider .slides .flex-slider-cont.overlayed {
    padding: 20px 20px 0px 20px;
  }
  .home-slider .flex-slider .slides .flex-slider-cont h3 {
    font-size: 26px;
  }
  .home-slider .flex-slider .slides .flex-slider-cont .flex-slider-more-wrap {
    font-size: 22px;
  }
}
@media only screen and (max-width: 992px) {
  .home-slider .glex-slider .flex-slider-more-wrap {
    display: none;
  }
  .home-slider .flex-slider .slides .flex-slider-cont.overlayed {
    padding: 20px 20px 0px 20px;
  }
  .home-slider .flex-slider .slides .flex-slider-cont h3 {
    font-size: 24px;
  }
  .home-slider .flex-slider .slides .flex-slider-cont .flex-slider-more-wrap {
    font-size: 20px;
  }
}
@media screen and (max-width: 767px) {
  .home-slider .flex-slider .slides .flex-slider-cont.overlayed {
    padding: 20px 20px 0px 20px;
  }
  .home-slider .flex-slider .slides .flex-slider-cont h3 {
    font-size: 24px;
  }
  .home-slider .flex-slider .slides .flex-slider-cont .flex-slider-more-wrap {
    font-size: 20px;
  }
}
@media screen and (max-width: 560px) {
  .home-slider {
    display: none;
  }
}
/*----------------------------------
8 - Footer
----------------------------------*/
.footer-wrap {
  background: #212331;
  border-top: 1px solid #51546c;
}
.footer-top .container {
  border-bottom: 1px solid #51546c;
  padding-bottom: 20px;
}
.footer-wrap .title {
  color: #fff;
  font-size: 15px !important;
  font-weight: 500;
  margin-bottom: 15px;
  text-transform: uppercase;
  position: relative;
  border-bottom: 1px solid;
  border-color: #51546c;
  padding-bottom: 11px;
}
.footer-wrap .title:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 50px;
  border-bottom: 1px solid;
  border-color: #00bcd4;
}
.footer-wrap .companyinfo {
  width: 16.66666667%;
  float: left;
  padding-left: 15px;
  padding-right: 15px;
  margin-top: 50px;
  color: #99a9b5;
  font-size: 12px;
  font-weight: 300;
}
.footer-wrap .companyinfo a:hover {
  text-decoration: none;
  color: #fff;
}
.footer-wrap .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: #00bcd4;
  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: 1;
}
.f-block p {
  color: #acadae;
  font-size: 12px;
  font-weight: 300;
  margin-top: 0px;
  line-height: 1.2;
}
.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: #161616;
  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;
}
@media screen and (max-width: 1199px) {
  .footer-wrap {
    max-width: 100%;
    width: 100%;
  }
}
.footer-wrap .menu-list {
  margin-bottom: 20px;
  padding-top: 30px;
}
.footer-wrap .menu-list .flex-container {
  display: flex;
  flex-wrap: wrap;
}
.footer-wrap .menu-list .f-menu {
  padding: 0 15px;
  margin: 0 0 25px;
}
/* Footer Columns without FB */
.footer-wrap .menu-list .f-menu {
  width: 23.33%;
}
@media screen and (max-width: 991px) {
  .footer-wrap .menu-list .f-menu {
    width: 33.33%;
  }
}
@media screen and (max-width: 500px) {
  .footer-wrap .menu-list .f-menu {
    width: 100%;
  }
}
.footer-wrap .menu-list .f-menu.newsletter-holder {
  width: 30%;
}
@media screen and (max-width: 991px) {
  .footer-wrap .menu-list .f-menu.newsletter-holder {
    width: 70%;
  }
}
@media screen and (max-width: 767px) {
  .footer-wrap .menu-list .f-menu.newsletter-holder {
    width: 100%;
  }
}
/* Footer Columns with FB */
.footer-wrap .menu-list.with-fb .f-menu {
  width: 18%;
}
@media screen and (max-width: 1199px) {
  .footer-wrap .menu-list.with-fb .f-menu {
    width: 25%;
  }
}
@media screen and (max-width: 991px) {
  .footer-wrap .menu-list.with-fb .f-menu {
    width: 33.33%;
  }
}
@media screen and (max-width: 500px) {
  .footer-wrap .menu-list.with-fb .f-menu {
    width: 100%;
  }
}
.footer-wrap .menu-list.with-fb .f-menu.newsletter-holder {
  width: 23%;
}
@media screen and (max-width: 1199px) {
  .footer-wrap .menu-list.with-fb .f-menu.newsletter-holder {
    width: 25%;
  }
}
@media screen and (max-width: 991px) {
  .footer-wrap .menu-list.with-fb .f-menu.newsletter-holder {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .footer-wrap .menu-list.with-fb .f-menu.newsletter-holder {
    width: 100%;
  }
}
.footer-wrap .menu-list.with-fb .f-menu.facebook-holder {
  width: 23%;
}
@media screen and (max-width: 1199px) {
  .footer-wrap .menu-list.with-fb .f-menu.facebook-holder {
    width: 100%;
    text-align: center;
  }
}
@media screen and (max-width: 991px) {
  .footer-wrap .menu-list.with-fb .f-menu.facebook-holder {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .footer-wrap .menu-list.with-fb .f-menu.facebook-holder {
    width: 100%;
  }
}
.footer-wrap .menu-list .f-menu ul li a {
  color: #99a9b5;
  font-size: 14px;
  font-weight: 300;
  padding: 5px 0;
}
.footer-wrap .menu-list .f-menu ul li a i {
  margin-right: 18px;
}
.footer-wrap .menu-list .f-menu ul li a:hover {
  background: none;
  color: #00bcd4;
}
.footer-wrap .menu-list .f-menu ul li a {
  color: #99a9b5;
  background-color: transparent;
  border-radius: 0;
}
.footer-wrap .menu-list .f-menu ul li span {
  font-size: 14px;
  font-weight: 300;
  padding: 5px 0;
  display: block;
  color: #99a9b5;
}
.footer-wrap .menu-list .f-menu ul li a:hover {
  color: #00bcd4;
  background-color: transparent;
}
.footer-wrap .menu-list .f-menu ul li.active a {
  color: #00bcd4;
}
.footer-wrap .newsletter-holder {
  padding: 0 15px;
  margin: 0 0 10px;
}
.footer-wrap .newsletter-form {
  position: relative;
}
.footer-wrap .newsletter-form input[type=text] {
  border: 1px solid #e0e4f6;
  color: #161616;
  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;
}
.footer-wrap .newsletter-form input[type=text]:focus {
  border-color: #d1d5e5;
}
.footer-wrap .newsletter-form input[type=text]::-webkit-input-placeholder {
  color: #c7cbdc;
}
.footer-wrap .newsletter-form input[type=text]::-moz-placeholder {
  color: #c7cbdc;
  opacity: 1;
}
.footer-wrap .newsletter-form input[type=text]:-ms-input-placeholder {
  color: #c7cbdc;
}
.footer-wrap .newsletter-form button {
  background: #00bcd4;
  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;
}
.footer-wrap .newsletter-form button i {
  font-size: 14px;
}
.footer-wrap .newsletter-form button:hover,
.footer-wrap .newsletter-form button:focus {
  background: #404d6e;
  color: #fff;
}
.footer-wrap .newsletter-holder p {
  margin-top: 13px;
  color: #acadae;
  font-size: 12px;
  font-weight: 300;
}
.footer-bottom {
  background: #4a4f6e;
  border-top: 1px solid #51546c;
}
.footer-bottom p {
  color: #99a9b5;
  font-size: 14px;
}
.footer-bottom p span a {
  color: #fff;
  font-style: italic;
  text-decoration: underline;
}
.footer-bottom a:hover {
  color: #fff;
}
.footer-copyright,
.footer-plumtex {
  padding: 15px 25px;
  margin: 0;
}
.footer-plumtex {
  text-align: right;
}
@media only screen and (max-width: 1199px) {
  .f-block .iframe-img {
    height: 48px;
  }
  .f-block .overlay-icon {
    height: 48px;
  }
  .f-delivery {
    margin-top: 21px;
  }
}
@media only screen and (max-width: 992px) {
  .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 {
    height: 72px;
  }
  .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-wrap .menu-list .newsletter-holder,
  .footer-wrap .menu-list .facebook-holder {
    min-width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .footer-copyright,
  .footer-plumtex {
    width: 100%;
    text-align: center;
  }
  .f-block-modal-wrap .f-block-modal.f-block-modal-map {
    width: 420px;
  }
  .f-block-modal.f-block-modal-map .allstore-gmap {
    width: 420px;
  }
}
@media only screen and (max-width: 650px) {
  .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-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 {
    height: 69px;
  }
  .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-wrap .menu-list .newsletter-holder {
    order: 5;
    width: 100%;
  }
}
@media only screen and (max-width: 480px) {
  .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-bottom #bx-composite-banner {
  text-align: center;
  margin: 5px 0;
}
/*----------------------------------
9 - Contact Page
----------------------------------*/
.contact-page #contact-form .contactform-label {
  width: auto;
  text-align: right;
  padding-right: 15px;
  margin: 0;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 13px;
  margin-bottom: 10px;
}
.contact-page .form-result {
  text-align: center;
  color: #161616;
  font-size: 15px;
  font-weight: 500;
  margin: 0 0 20px;
}
.contact-page .contacts-map {
  height: 400px;
}
.contact-page .info-box {
  padding-bottom: 40px;
  text-align: center;
}
.contact-page .info-box .material-icons {
  display: inline-block;
  font-size: 20px;
  line-height: 0;
  position: absolute;
  float: left;
  top: 10px;
  margin-left: -27px;
  color: #00bcd4;
}
.contact-page .info-box h3 {
  margin: 0 0 22px;
}
.contact-page .hide-contact-page-socials {
  display: none;
}
/*----------------------------------
10 - Social Links
----------------------------------*/
.social-wrap {
  margin-top: 30px;
}
.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: #161616;
  transition: all 0.3s;
  display: block;
  border: none;
}
.social-i .social-i-img {
  color: #fff;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  line-height: 75px;
  margin: 0 auto 20px;
  background: #161616;
  transition: all 0.3s;
  font-size: 20px;
}
.social-i .social-i-img .fa {
  color: #fff;
  line-height: 1;
  font-size: 28px;
  transition: all 0.3s;
}
.social-i a:hover .social-i-img {
  background: #00bcd4;
}
.social-i a:hover .social-i-img .fa {
  color: #161616;
}
.social-i .social-i-ttl {
  text-transform: uppercase;
  font-size: 13px;
  color: #161616;
  font-weight: 500;
  margin: 0;
  letter-spacing: 1px;
}
/*----------------------------------
11 - Product Info
----------------------------------*/
.product-information {
  width: 100%;
}
.product-information .product-tabs-wrap {
  margin-bottom: 50px;
  clear: both;
}
.product-information .product-tabs {
  margin: 0 0 31px;
  padding: 0;
  list-style: none;
  position: relative;
  background: #f8f8f8;
  border: 1px solid #51546c;
}
.product-information .product-tabs:after {
  display: block;
  clear: both;
  content: "";
}
.product-information .product-tabs li {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
}
.product-information .product-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: #161616;
}
.product-information .product-tabs li a:hover {
  color: #00bcd4;
  text-decoration: none;
}
.product-information .product-tabs li a.active {
  color: #fff;
  background: #161616;
  margin: -1px 0;
  padding: 16px 22px 16px;
}
.product-information .prod-tab-cont {
  overflow: hidden;
  position: relative;
  margin: 0 0 44px;
}
.product-information .prod-tab {
  overflow: hidden;
  position: relative;
  padding: 0;
  height: 0;
  font-size: 14px;
  line-height: 170%;
}
.product-information .prod-tab-cont .prod-tab:first-of-type {
  height: auto;
}
.product-information .prod-tab p {
  margin: 0 0 20px;
}
.product-information .prod-tab table {
  width: 100%;
  border-collapse: collapse;
  color: #161616;
}
.product-information .product-show-features {
  color: #00bcd4;
  font-size: 13px;
  text-transform: uppercase;
}
.product-information .product-show-features:hover {
  color: #212331;
}
.product-information .prod-tab table.prod-propssku {
  margin: -1px 0 0;
}
.product-information .prod-tab table td {
  padding: 8px 10px;
  border-bottom: 1px solid #e0e4f6;
  vertical-align: middle;
}
.product-information .prod-tab.prod-props table tr td:first-child {
  width: 30%;
  font-weight: 500;
  color: #161616;
}
.product-information .prod-tab.prod-props table tr:last-child td {
  border-bottom: none;
}
.product-information .prod-tab-mob {
  display: none;
  cursor: pointer;
  border-top: 1px solid #e0e4f6;
  padding: 15px 0px 15px;
  text-transform: uppercase;
  transition: all 0.2s;
  color: #161616;
  font-size: 16px;
  position: relative;
  font-weight: 500;
}
.product-information .prod-cont .prod-tab-mob {
  padding: 15px 0px 15px;
}
.product-information .prod-tab-mob:hover {
  color: #00bcd4;
}
.product-information .prod-tab-mob.active {
  color: #00bcd4;
}
.product-information .prod-tab-mob.active:before {
  position: absolute;
  content: "";
  top: -1px;
  left: -1px;
  width: 100%;
  box-sizing: content-box;
  padding: 0 1px;
  height: 3px;
  background: #161616;
}
.product-information .product-page .prod-price {
  position: relative;
  left: 0;
  right: auto;
  top: 0;
  text-align: left;
  margin-bottom: 30px;
}
.product-information .product-page .btn.dropdown-toggle:hover,
.product-information .product-page .btn.dropdown-toggle:focus {
  background: #00bcd4;
  color: #fff;
}
.prodlist-i-qview .fas {
  font-size: 14px;
  margin-right: 5px;
}
.bx-viewport {
  border: 0 !important;
  box-shadow: none !important;
}
@media only screen and (max-width: 480px) {
  .product-information .prod-tab-cont {
    padding: 20px 10px 20px;
  }
  .product-information .prod-tab.prod-props table tr td:first-child {
    width: inherit;
  }
  .product-information .prod-tab table td {
    padding: 11px 11px;
  }
}
@media only screen and (max-width: 650px) {
  .product-information .prod-slider-wrap {
    float: none;
    max-width: 500px;
    width: 100%;
    margin: 0 auto 50px;
  }
  .product-information .qview-modal .prod-slider-wrap {
    margin-bottom: 35px;
  }
  .product-information .prod-cont {
    margin: 0 auto 50px;
    float: none;
    max-width: 500px;
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .product-information .prod-cont .prod-skuwrap {
    padding: 0;
  }
  .product-information .prod-cont .prod-price {
    position: relative;
    right: auto;
    top: auto;
    text-align: left;
    margin: 0 0 13px;
  }
  .product-information .prod-cont .prod-price b {
    line-height: 1;
  }
  .product-information .product-tabs {
    display: none;
  }
  .product-information .prod-tab-mob {
    display: block;
  }
  .product-information .prod-tab-mob.active + .prod-tab {
    padding-bottom: 20px;
  }
  .product-information .prod-tab-cont {
    border: 1px solid #e0e4f6;
    padding: 30px 25px 0;
  }
}
/* Similar Slider */
.similar-products {
  margin-bottom: 50px;
  width: 100%;
}
/*----------------------------------
12 - Login & Register
----------------------------------*/
.auth-wrap {
  /*overflow: hidden;*/
}
.auth-wrap .required {
  color: red;
}
.checkbox-holder input[type=checkbox] {
  display: none;
}
.checkbox-holder input[type=checkbox] + label {
  padding: 2px 25px 0 25px;
  display: inline-block;
  cursor: pointer;
  transition: color 0.2s;
  width: auto;
  position: relative;
  left: 0;
}
.checkbox-holder input[type=checkbox] + label:hover {
  color: #00bcd4;
}
.checkbox-holder input[type=checkbox] + label:after {
  content: "\f00c";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  margin: -7px 0 0;
  left: 0;
  border: 2px solid #00bcd4;
  border-radius: 0px;
  background-color: #161616;
  color: #fff;
  font-size: 8px;
  padding: 0 0 0 1px;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 10px;
}
.checkbox-holder input[type=checkbox]:checked + label:after {
  border-color: #5f6680;
  background-color: #5f6680;
}
.login-page .control-label {
  margin-bottom: 7px;
  padding-top: 0;
}
.login-page .auth-wrap .col-lg-4,
.login-page .auth-wrap .col-lg-8 {
  width: 100%;
  text-align: left;
}
.btn.facebook-sign-in {
  background: #3b5998;
  color: #fff;
  border-radius: 0;
  padding: 10px 25px;
}
.btn.facebook-sign-in:hover {
  border-color: #3b5998;
  background: #fff;
  color: #3b5998;
}
.btn.facebook-sign-in i {
  margin-right: 7px;
}
/*----------------------------------
13 - Edit Profile
----------------------------------*/
.edit-profile-page .auth-wrap .auth-col {
  width: 30%;
  margin: 0;
  float: left;
}
.edit-profile-page .auth-wrap .auth-col:nth-child(2) {
  margin-left: 4.5%;
  margin-right: 4.5%;
}
.edit-profile-page .auth-wrap .auth-col.password-change {
  width: 100%;
}
.auth-wrap .auth-col h2 {
  margin: 0 0 20px 0;
}
.edit-profile-page .auth-wrap .auth-col label {
  width: 100%;
  text-align: left;
  margin-bottom: 6px;
}
.edit-profile-page .auth-wrap .auth-col input[type=email],
.edit-profile-page .auth-wrap .auth-col input[type=password],
.edit-profile-page .auth-wrap .auth-col input[type=text] {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  .edit-profile-page .auth-wrap .auth-col h2 {
    margin: 0 0 25px 0;
  }
  .edit-profile-page .auth-wrap .auth-col {
    float: left;
  }
}
@media screen and (max-width: 992px) {
  .edit-profile-page .auth-wrap .auth-col {
    float: left;
    width: 48%;
    max-width: none;
  }
  .edit-profile-page .auth-wrap .auth-col:nth-child(2) {
    margin-left: 4%;
    margin-right: 0;
  }
  .edit-profile-page .auth-wrap .auth-col:nth-child(3) {
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin-top: 20px;
  }
  .edit-profile-page .auth-wrap .auth-col:nth-child(3) h2 {
    margin-bottom: 0px;
  }
}
@media screen and (max-width: 550px) {
  .edit-profile-page .auth-wrap .auth-col {
    float: left;
    width: 100%;
  }
  .edit-profile-page .auth-wrap .auth-col:nth-child(2) {
    margin-left: 0%;
    margin-right: 0;
  }
}
.edit-profile-page .auth-wrap .auth-col.password-change {
  margin-top: 35px;
}
/*----------------------------------
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 .product-information {
  float: none;
  width: auto;
  padding: 20px;
  background: #fff;
  max-width: 950px;
  width: 100%;
}
.fancybox-wrap .qview-modal {
  overflow: initial;
  height: auto;
  width: auto;
}
/*************************************
******************OLD****************** 
*************************************/
/*

8 - Popular Products
9 - Catalog | Gallery View
10 - Catalog | List View
11 - Catalog | Table View
12 - Sidebar Categories
13 - Sidebar Filter
14 - Catalog Topbar
15 - Products List
16 - Single Product
17 - Single Product Tabs
18 - Single Product Related
19 - Blog
20 - Blog Post
21 - Cart
22 - Blog Posts
23 - Reviews
24 - Reviews List

30 - Contact Forms
31 - Brands
32 - Banners
33 - Discounts


40 - Select Styles
42 - Error 404
43 - Compare List
*/
/*----------------------------------
8 - Popular Products
----------------------------------*/
.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: #161616;
  border: none;
}
.fr-pop-tabs li a:hover {
  color: #00bcd4;
  text-decoration: none;
}
.fr-pop-tabs li a.active {
  color: #fff;
  background: #161616;
  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: #161616;
  font-size: 16px;
  position: relative;
  font-weight: 500;
  margin: 0 !important;
}
.fr-pop-tab-mob:hover {
  color: #00bcd4;
}
.fr-pop-tab-mob.active {
  color: #00bcd4;
}
.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: #00bcd4;
}
.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: #161616;
  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: #161616;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  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 {
  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: #99a9b5;
}
.fr-pop-tab .flex-control-nav li a:hover {
  background: #00626e;
}
.fr-pop-tab .flex-control-nav li a.flex-active {
  background: #00bcd4;
  cursor: default;
}
/* fr-pop-tab more */
.fr-pop-tabs {
  position: relative;
  overflow: hidden;
  height: 51px;
}
.fr-pop-tabs.sections-show {
  overflow: initial;
}
.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;
  -webkit-transform: translate3d(0, 8px, 0);
  -moz-transform: translate3d(0, 8px, 0);
  -ms-transform: translate3d(0, 8px, 0);
  -o-transform: translate3d(0, 8px, 0);
  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;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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: #161616;
  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: #161616;
  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: #161616;
  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: #fff;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: 1px;
}
.prod-sticker br {
  line-height: 1;
}
.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: #161616;
  letter-spacing: 0.02em;
  transition: all 0.2s;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  height: 44px;
}
.prod-items .prod-i h3 a:hover {
  color: #00bcd4;
}
.prod-items .prod-i-info {
  padding: 0;
  width: 120px;
  left: 50%;
  margin: 0 0 0 -60px;
  top: 93px;
  position: absolute;
  transition: all 0.3s;
  opacity: 0;
  text-align: center;
}
.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: #161616;
  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;*/
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 32px;
  text-align: center;
  line-height: 34px;
  vertical-align: middle;
  font-size: 14px;
  color: #fff;
  background: rgba(0, 188, 212, 0.9);
  margin: 0 12px 0 0;
  transition: all 0.2s;
  position: relative;
}
.prod-items .prod-i-qview {
  margin-right: 0;
}
.prod-items .prod-i .prod-i-more:hover,
.prod-items .prod-i-compare:hover,
.prod-items .prod-i .prod-i-qview:hover,
.prod-items .prod-i .prod-i-favorites:hover {
  background: #161616;
  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: #161616;
  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;
  -webkit-transform: translate3d(0, -4px, 0);
  -moz-transform: translate3d(0, -4px, 0);
  -ms-transform: translate3d(0, -4px, 0);
  -o-transform: translate3d(0, -4px, 0);
  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 #161616;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  transition: all 0.2s ease;
  -webkit-transform: translate3d(0, -4px, 0);
  -moz-transform: translate3d(0, -4px, 0);
  -ms-transform: translate3d(0, -4px, 0);
  -o-transform: translate3d(0, -4px, 0);
  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 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
.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;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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: #161616;
  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: #161616;
  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: #161616;
  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(0, 188, 212, 0.9);
  transition: all 0.3s;
  color: #fff;
}
.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: #00bcd4;
  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: #161616;
  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: #00bcd4;
  text-decoration: none;
  border-bottom: 1px solid #00bcd4;
  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: #00bcd4;
}
.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: #161616;
  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: #161616;
  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;
  -webkit-transform: translate3d(-10px, -50%, 0);
  -moz-transform: translate3d(-10px, -50%, 0);
  -ms-transform: translate3d(-10px, -50%, 0);
  -o-transform: translate3d(-10px, -50%, 0);
  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;
  -webkit-transform: translate3d(0, -50%, 0);
  -moz-transform: translate3d(0, -50%, 0);
  -ms-transform: translate3d(0, -50%, 0);
  -o-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  visibility: visible;
}
.prod-items .prod-i .prod-i-properties:before,
.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;
}
.prod-items .prod-i .prod-i-properties:after {
  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: #161616;
  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: #161616;
}
.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: "Font Awesome 5 Free";
  font-weight: 900;
  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;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.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;
  color: #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: #00bcd4;
  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: #00bcd4;
  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;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
.prod-items.prod-items-galimg .prod-i:hover .tmb-wrap-table div.active {
  border-color: #00bcd4;
}
.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: #00bcd4;
  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: #161616 !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: 140px;
  background: #00bcd4;
  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;
  -webkit-transform: translate3d(0, -4px, 0);
  -moz-transform: translate3d(0, -4px, 0);
  -ms-transform: translate3d(0, -4px, 0);
  -o-transform: translate3d(0, -4px, 0);
  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;
  -webkit-transform: translate3d(0, -4px, 0);
  -moz-transform: translate3d(0, -4px, 0);
  -ms-transform: translate3d(0, -4px, 0);
  -o-transform: translate3d(0, -4px, 0);
  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 {
  opacity: 1;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  visibility: visible;
}
.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;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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;
}
/*----------------------------------
9 - Catalog | Gallery View
----------------------------------*/
/*----------------------------------
10 - Catalog | List View
----------------------------------*/
.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: #161616;
  text-transform: uppercase;
  font-weight: 500;
  margin: 0 0 18px;
}
.prod-items .prodlist-i-cont h3 a {
  transition: all 0.2s;
  color: #161616;
}
.prod-items .prodlist-i-cont h3 a:hover {
  text-decoration: none;
  color: #00bcd4;
}
.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: #161616;
  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: #00bcd4;
}
.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,
.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,
.prod-items .prodlist-i-compare:hover,
.prod-items .prodlist-i-favorites:hover {
  color: #161616;
}
.prod-items .prodlist-i-qview:hover .fa,
.prod-items .prodlist-i-compare:hover .fa,
.prod-items .prodlist-i-favorites:hover .fa {
  color: #161616;
}
.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] {
  float: left;
  width: 39px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  color: #161616;
  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: #161616;
  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: #161616;
  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: #00bcd4;
}
.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 {
  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: #161616;
  position: relative;
}
.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: #161616;
  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: #161616;
  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: #00bcd4;
  text-decoration: none;
  border-bottom: 1px solid #00bcd4;
  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: #00bcd4;
}
.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: #161616;
  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: "Font Awesome 5 Free";
  font-weight: 900;
  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: #161616;
  right: 9px;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.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;
  color: #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: #161616;
}
.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: #161616;
}
.prod-items .prodlist-i .offer-props-select ul li.active a {
  background-color: #161616;
  color: #fff;
  margin-left: -1px;
  margin-right: -1px;
}
.prod-items .prodlist-i .offer-props-select ul li.active a:after {
  display: none;
}
.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: #161616;
}
.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: #161616;
  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("../img/arr1.png") 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: #161616;
  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] {
  float: right;
  width: 23px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  color: #161616;
  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: #161616;
  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: #161616;
  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: #00bcd4;
}
.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: #00bcd4;
}
.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: #00bcd4;
  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;
  -webkit-transform: translate3d(0, -4px, 0);
  -moz-transform: translate3d(0, -4px, 0);
  -ms-transform: translate3d(0, -4px, 0);
  -o-transform: translate3d(0, -4px, 0);
  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;
  -webkit-transform: translate3d(0, -4px, 0);
  -moz-transform: translate3d(0, -4px, 0);
  -ms-transform: translate3d(0, -4px, 0);
  -o-transform: translate3d(0, -4px, 0);
  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;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  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 .top-category {
  margin: 0;
}
.section-sb .top-category:last-of-type {
  margin-bottom: 50px !important;
}
.section-sb .top-category {
  border: 1px solid #e0e4f6;
  border-bottom: 0;
}
.section-sb .top-category:last-of-type {
  border-bottom: 1px solid #e0e4f6;
}
.section-sb-current h3 {
  color: #161616;
  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: #161616;
  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: #161616;
  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: #161616;
  transition: all 0.2s;
  padding: 10px 15px;
  display: block;
  position: relative;
}
.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.active > a {
  font-weight: 500;
}
.section-sb-current ul li ul {
  display: none;
  position: relative;
  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 > ul {
  position: relative;
  padding: 4px 0;
  border-top: 1px solid #e0e4f6;
}
.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 > ul {
  display: block;
}
.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: #00bcd4;
}
.section-sb-toggle {
  width: 35px;
  height: 29px;
  display: block;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  color: #161616;
  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: #00bcd4;
}
.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 {
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.section-sb-toggle.opened .section-sb-ico:after {
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  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: #00bcd4;
  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: #00626e;
}
.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: #f8f8f8;
  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: #f8f8f8;
  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: #f8f8f8;
  font-weight: 500;
}
.section-filter-item.opened .section-filter-ttl,
.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%;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  color: #161616;
  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: #00bcd4;
}
.checkbox-holder input[type=checkbox] + label:after,
.section-filter-item .section-filter-field .section-filter-radio:after,
.section-filter-item .section-filter-field .section-filter-checkbox:after {
  content: "";
  width: 14px;
  height: 14px;
  display: block;
  position: absolute;
  top: 50%;
  margin: -7px 0 0;
  left: 0;
  border: 1px solid #161616;
  background-color: #00bcd4;
  color: #fff;
  font-size: 8px;
  padding: 1px 0 0 0;
  text-align: center;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  line-height: 10px;
}
.section-filter-item .section-filter-field .section-filter-radio:after {
  border-radius: 14px;
  content: "";
}
.checkbox-holder input[type=checkbox]:checked + label:after,
.section-filter-item .section-filter-field input[type=checkbox]:checked + .section-filter-checkbox:after {
  content: "\f00c";
  border-color: #161616;
  background-color: #161616;
}
.section-filter-item .section-filter-field input[type=radio]:checked + .section-filter-radio:after {
  content: "\f00c";
  border-color: #161616;
  background-color: #161616;
}
.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: #161616;
}
.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: "Font Awesome 5 Free";
  font-weight: 900;
  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: #00bcd4;
  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: #00626e;
}
.section-sb .section-filter .btn-link {
  transition: all 0.2s;
  color: #212331;
  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: #212331;
  border-color: #00bcd4;
  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.fluid {
  float: left;
  width: 100%;
  padding: 0 0 50px 0px;
}
.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;
}
.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: #00bcd4;
  text-decoration: none;
}
.section-cont .section-mode li a:before {
  font-family: 'Material Icons';
  font-size: 34px;
  width: 34px;
  height: 34px;
  margin: 0;
  display: inline-block;
}
.section-cont .section-mode-gallery a:before {
  content: "view_module";
}
.section-cont .section-mode-list a:before {
  content: "view_list";
  font-size: 33px !important;
}
.section-cont .section-mode li.active a {
  color: #00bcd4;
}
.section-cont .section-count-ttl,
.section-cont .section-sortby-ttl {
  float: right;
  margin: 5px 0 10px 20px;
  font-size: 15px;
  color: #161616;
}
.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: #161616;
  right: 10px;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.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;
  color: #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: #00bcd4;
}
.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: #00bcd4;
  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
----------------------------------*/
/*----------------------------------
16 - Single Product
----------------------------------*/
.prod-wrap {
  float: left;
  width: 80%;
  padding: 0 30px 50px 0;
}
.prod-wrap.prod-wrap-full {
  float: none;
  width: 100%;
  padding: 0 0 50px 0;
}
.prod-wrap:after {
  display: block;
  content: "";
  clear: both;
}
.prod-wrap {
  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('../img/nav1.png') 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('../img/nav1.png') 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: #00bcd4;
  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('../img/nav1.png') 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('../img/nav1.png') 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: #161616;
  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-info:after {
  clear: both;
  display: block;
  content: "";
}
.prod-cont .prod-info:after {
  clear: both;
  display: block;
  content: "";
}
.prod-cont .prod-price {
  position: absolute;
  top: 5px;
  right: 0;
  font-size: 14px;
  color: #161616;
  display: block;
  margin: 0;
  text-align: right;
}
.prod-cont .prod-price b {
  font-weight: 500;
  font-size: 20px;
}
.prod-cont .prod-price del {
  display: block;
  color: #9b9b9b;
}
.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: #00bcd4;
  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: "Font Awesome 5 Free";
  font-weight: 900;
}
.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: #00bcd4;
  position: relative;
  border: 0;
}
.prod-cont .prod-add:hover {
  background: #00626e;
}
.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: #161616;
  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: #00bcd4;
  text-decoration: none;
  border-bottom: 1px solid #00bcd4;
  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: #00bcd4;
}
.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: #161616;
  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: #161616;
  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: #161616;
  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: #00bcd4;
}
.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,
.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,
.prod-cont .prod-favorites:hover {
  color: #161616;
}
.prod-cont .prod-compare:hover .fa,
.prod-cont .prod-favorites:hover .fa {
  color: #161616;
}
.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: #00bcd4;
  line-height: 100%;
}
.prod-cont .prod-showprops:hover {
  border-bottom: 1px solid #00bcd4;
}
.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: "Font Awesome 5 Free";
  font-weight: 900;
  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: #161616;
  right: 9px;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
}
.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;
  color: #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: #161616;
}
.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: #161616;
}
.prod-cont .offer-props-select ul li.active a {
  background-color: #161616;
  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: #161616;
  font-weight: 500;
}
/*----------------------------------
16 - Single Product
----------------------------------*/
/*----------------------------------
19 - Blog
----------------------------------*/
.blog-list {
  overflow: hidden;
}
.main-ttl-categs {
  display: inline-block;
  vertical-align: top;
  width: 40%;
}
body .blog-categs {
  width: 100%;
  text-align: center;
  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: #161616;
  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 {
  color: #00bcd4;
  text-decoration: none;
}
body .blog-categs li a:hover {
  color: #00bcd4;
  text-decoration: none;
}
body .blog-categs li.active a:hover {
  color: #00bcd4;
  text-decoration: none;
}
/*----------------------------------
19 - Blog
----------------------------------*/
/*----------------------------------
Blog V2
----------------------------------*/
.posts-list .posts2-i {
  color: #161616;
  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;
  -o-background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.posts2-i .posts-i-img:hover span {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  -moz-transform: scale3d(1.05, 1.05, 1);
  -ms-transform: scale3d(1.05, 1.05, 1);
  -o-transform: scale3d(1.05, 1.05, 1);
  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-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-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: #00bcd4;
}
.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: #161616;
  transition: color 0.2s;
}
.posts2-i .posts-i-ctg:hover {
  color: #00bcd4;
}
.posts2-i .posts-i-more {
  display: inline-block;
  margin: 0 0 5px;
  transition: color 0.2s;
  font-weight: 700;
  border: none;
  color: #00bcd4;
}
/*.posts2-i .posts-i-more:hover {
       color: @textDark;
}*/
/*----------------------------------
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: #161616;
  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: #161616;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  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: #ffffff;
  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: #161616;
  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-vk: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('../img/separator1.png') 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: #00bcd4;
  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: #161616;
  position: relative;
  padding: 0;
  overflow: hidden;
}
.post-rel-wrap .posts-i .posts-i-date {
  left: 20px;
}
.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('../img/nav1.png') 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: #161616;
  text-align: left;
}
.cart-items-wrap .cart-items tbody .cart-ttl a {
  color: #161616;
  transition: all 0.2s;
}
.cart-items-wrap .cart-items tbody .cart-ttl a:hover {
  color: #00bcd4;
  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:after {
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 1px;
  content: '';
  margin: 0;
  display: block;
  background: #e0e4f6;
  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 {
  width: 150px;
}
.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('../img/remove.jpg') 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] {
  float: left;
  width: 39px;
  height: 39px;
  font-weight: 700;
  font-size: 14px;
  padding: 0;
  color: #161616;
  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: #161616;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}
.cart-items-wrap .cart-items .cart-plus:hover {
  color: #00bcd4;
}
.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: #161616;
  text-align: center;
  line-height: 1;
  font-size: 14px;
}
.cart-items-wrap .cart-items .cart-minus:hover {
  color: #00bcd4;
}
.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] {
  display: block;
  height: 34px;
  border: 1px solid #e0e4f6;
  padding: 0 17px;
  color: #161616;
  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: #00bcd4;
  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: #161616;
  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: #161616;
  line-height: 100%;
  margin: 0 0 15px;
  padding: 11px 0 0;
  border-bottom: 1px solid #161616;
  cursor: pointer;
  text-align: center;
  font-weight: 400;
  transition: all 0.2s;
  height: auto;
}
.cart-submit .cart-clear:hover {
  text-decoration: none;
  color: #161616;
  border-bottom: 1px solid rgba(0, 0, 0, 0);
}
body .cart-total {
  padding: 0;
  font-size: 18px;
  color: #161616;
  font-weight: 700;
  overflow: hidden;
  margin: 0 0 30px;
  border-bottom: 1px solid #e0e4f6;
}
body .cart-total li {
  list-style: none;
  float: right;
  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:after {
  position: absolute;
  content: "";
  left: 0;
  height: 26px;
  width: 1px;
  top: 50%;
  margin: -13px 0 0;
  background: #e0e4f6;
}
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 {
  float: right;
  margin: 15px 0 15px 0;
  padding: 0 0 0 20px;
  font-size: 18px;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
}
body .cart-total .cart-summ:after {
  position: absolute;
  content: "";
  left: 0;
  height: 26px;
  width: 1px;
  top: 50%;
  margin: -13px 0 0;
  background: #e0e4f6;
}
body .cart-total .cart-summ span {
  text-transform: none;
  color: #ccc;
  font-weight: 400;
}
body .cart-total .cart-summ b {
  color: #00bcd4;
  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: #161616;
  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;
  -o-background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  background-size: cover !important;
  background-position: center center !important;
  background-repeat: no-repeat !important;
  -ms-transform: scale3d(1, 1, 1);
  -o-transform: scale3d(1, 1, 1);
  -moz-transform: scale3d(1, 1, 1);
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
}
.posts-i:hover .posts-i-img span {
  -webkit-transform: scale3d(1.05, 1.05, 1);
  -moz-transform: scale3d(1.05, 1.05, 1);
  -ms-transform: scale3d(1.05, 1.05, 1);
  -o-transform: scale3d(1.05, 1.05, 1);
  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-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-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;
  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: #161616;
}
.posts-list-rel .flex-control-nav li a.flex-active {
  background: #161616;
  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: #161616;
  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: #161616;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  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: #ffffff;
  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-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: #161616;
}
.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: #161616;
}
.brands-thumbs {
  box-sizing: border-box;
  padding: 0 0 100px;
}
.brands-thumbs .swiper-slide {
  width: 80px;
  height: 80px;
  opacity: 0.6;
  cursor: pointer;
  position: relative;
  transition: all 0.3s;
}
.brands-thumbs .image {
  display: table;
}
.brands-thumbs .img-holder {
  height: 135px;
  position: relative;
  display: table-cell;
  vertical-align: middle;
}
.brands-thumbs .img-holder img {
  max-height: 135px;
  max-width: 100%;
  width: auto;
}
.brands-thumbs .swiper-slide:hover,
.brands-thumbs .swiper-slide-active {
  opacity: 1;
}
.brands-thumbs .brand-title {
  font-style: normal;
  font-family: Roboto, sans-serif;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0;
  position: relative;
  text-align: center;
  display: none;
  margin-top: 16px;
}
.brands-thumbs .brand-title a {
  color: #161616;
  border: none;
}
.brands-thumbs .reviewscar-post {
  position: absolute;
  text-align: center;
  top: 119px;
  left: -80px;
  right: -80px;
  display: none;
  color: #161616;
  font-size: 12px;
  text-transform: uppercase;
  margin: 0 0 13px;
  font-weight: 400;
  letter-spacing: 1px;
  font-style: normal;
}
.brands-thumbs .swiper-slide-active .brand-title,
.brands-thumbs .swiper-slide-active .reviewscar-post {
  display: block;
}
/*----------------------------------
23 - Reviews Carousel
----------------------------------*/
/*----------------------------------
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;
  -ms-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  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: #fff;
  text-shadow: 1px 1px rgba(255, 255, 255, 0.4);
  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;
  -o-background-size: cover !important;
  -moz-background-size: cover !important;
  -webkit-background-size: cover !important;
  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: #00bcd4;
  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: #00626e;
}
.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(0, 188, 212, 0.9);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  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: "Font Awesome 5 Free";
  font-weight: 900;
  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;
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  -moz-transform: translate(0, -50%);
  -webkit-transform: translate(0, -50%);
  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: #161616;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 5px;
}
.discounts-i .discounts-i-ttl a {
  color: #161616;
  line-height: 1.2;
}
.discounts-i .discounts-i-ttl a:hover {
  color: #00bcd4;
}
.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: #161616;
  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: #161616;
  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
----------------------------------*/
/*----------------------------------
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;
}
/*----------------------------------
40 - Select Styles
----------------------------------*/
/*----------------------------------
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: #161616;
  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: #161616;
  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: #161616;
  display: inline-block;
  border-bottom: 1px solid transparent;
}
.err404-menus ul li a:hover {
  border-color: #161616;
  color: #161616;
}
/*----------------------------------
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;
  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: #161616;
  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: #161616;
  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 .wccm-td .price {
  font-weight: 700;
  font-size: 20px;
  color: #161616;
  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 {
  border: none;
  margin: 0;
}
.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;
  }
}
.prod-info-box .prod-label {
  font-weight: bold;
}
.prod-info-box .text-red {
  color: #BA0519;
}
.prod-info-box .text-green {
  color: #0ba011;
}
.prod-info-box .text-grey {
  color: #000;
}
.price-strike {
  position: relative;
  padding-right: 5px;
  padding-left: 5px;
}
.price-strike:before {
  position: absolute;
  content: "";
  left: 0;
  top: 50%;
  right: 0;
  border-top: 1px solid;
  border-color: #BA0519;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}
.currency-selector {
  padding: 10px 15px 10px 15px !important;
}
.currency-selector > a,
.currency-selector > a:hover,
.currency-selector > a:focus,
.currency-selector a.dropdown-toggle,
.currency-selector a.dropdown-toggle:hover,
.currency-selector a.dropdown-toggle:focus {
  padding: 2px !important;
  background-color: transparent !important;
  color: #00bcd4;
}
.currency-selector:hover ul {
  display: block;
}
.currency-selector ul {
  border-bottom: 1px solid #e0e4f6;
  background: #f8f8f8;
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  margin-top: 0px;
  min-width: auto !important;
  border-top: 1px solid #e0e4f6;
}
.currency-selector ul li {
  margin-left: 0 !important;
  padding: 0 !important;
}
.currency-selector .dropdown-menu > .active > a {
  color: #fff;
  background: #00bcd4;
}
.currency-selector .dropdown-menu > .active > a:focus,
.currency-selector .dropdown-menu > .active > a:hover {
  background: #00626e;
}
.btn-sm {
  height: 34px !important;
  padding: 5px 15px !important;
}
.cart-total li.cart-summ {
  display: block !important;
  width: 100%;
  text-align: right;
  margin-bottom: 0;
  font-size: 15px;
  font-weight: 400;
}
body .cart-total .cart-summ:last-child {
  margin-bottom: 15px;
  font-size: 18px;
  font-weight: 500;
}
body .cart-total .cart-summ b {
  margin-left: 7px;
}
body .cart-total .cart-summ:after {
  width: 0;
}
.promocode-holder {
  max-width: 300px;
}
.offline .err404-ttl {
  font-size: 110px;
}
.offline .err404-subttl {
  font-size: 23px;
  margin-top: 20px;
}
.orders-list .prodtb-i .prodtb-i-top {
  width: 100%;
  display: table;
  padding: 0;
}
.orders-list .prodtb-i .row-col {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #e0e4f6;
  padding: 0 20px;
  text-align: center;
  min-width: 160px;
}
.orders-list .prodtb-i .row-col:last-of-type {
  border-right: 0px;
}
.view-order-table {
  max-width: 100%;
  margin: 0 auto;
}
.wccm-compare-table.view-order-table .wccm-tr {
  width: 100%;
  clear: both;
  padding: 0;
}
.view-order-table .wccm-th,
.view-order-table .wccm-table-wrapper {
  width: 50%;
  float: left;
  position: relative;
  margin: 0;
  padding: 12px;
  line-height: 140%;
}
.view-order-table-holder {
  margin-bottom: 25px;
  padding-bottom: 0px;
}
@media screen and (min-width: 1200px) {
  .wccm-compare-table.view-order-table {
    max-width: 100%;
  }
  .wccm-compare-table.view-order-table .wccm-tr {
    width: 50%;
    clear: none;
    padding: 0;
    float: left;
  }
}
@media screen and (max-width: 1199px) {
  .view-order-table .wccm-th,
  .view-order-table .wccm-table-wrapper {
    padding: 8px 0;
  }
}
@media screen and (max-width: 580px) {
  .orders-list .prodtb-i .prodtb-i-top {
    display: block;
  }
  .orders-list .prodtb-i .row-col {
    display: block;
    width: 50%;
    float: left;
    padding: 10px;
  }
  .orders-list .prodtb-i .row-col:nth-child(2),
  .orders-list .prodtb-i .row-col:nth-child(4) {
    border-right: 0;
  }
  .orders-list .prodtb-i .row-col:nth-child(1),
  .orders-list .prodtb-i .row-col:nth-child(2) {
    border-bottom: 1px solid #e0e4f6;
  }
  .orders-list .prodtb-i .row-col:nth-child(5) {
    width: 100%;
    border-right: 0;
    border-top: 1px solid #e0e4f6;
    background: #5f6680;
    color: #fff;
  }
  .orders-list .prodtb-i .row-col:nth-child(5) .prodtb-i-qview {
    color: #fff;
    width: 100%;
    display: block;
  }
  .view-order-table .wccm-th,
  .view-order-table .wccm-table-wrapper {
    width: 100%;
    padding: 4px 0;
  }
}
.order-details .cart-items thead tr {
  background: #5f6680;
  color: #fff;
}
.order-details .cart-items thead tr td {
  padding: 17px 20px;
}
.btn.dropdown-toggle {
  padding: 0 15px;
  color: #161616;
  background: #f8fafc;
  font-size: 14px;
  height: 40px;
  border: 1px solid #e0e4f6;
  display: inline-block;
  margin: 0;
  vertical-align: middle;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.btn.dropdown-toggle:hover {
  color: #fff;
}
.btn.dropdown-toggle:focus {
  outline: 0 !important;
}
.bootstrap-select.btn-group .dropdown-menu li a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.bootstrap-select.btn-group .dropdown-menu li a:hover {
  background: #00bcd4;
  color: #fff;
}
/* Primary selectpicker */
.bootstrap-select.btn-primary .btn.dropdown-toggle {
  color: #fff;
  background: #00bcd4;
  display: block;
}
.bootstrap-select.btn-primary .btn.dropdown-toggle:hover {
  background: #00626e;
}
.bootstrap-select.btn-primary .btn.dropdown-toggle.active,
.bootstrap-select.btn-primary .btn.dropdown-toggle:active,
.bootstrap-select.btn-primary .btn.dropdown-toggle.focus,
.bootstrap-select.btn-primary .btn.dropdown-toggle:focus,
.btn-group.open .dropdown-toggle {
  outline: none !important;
  box-shadow: 0 !important;
}
textarea.form-control,
input.form-control {
  border-radius: 0;
  max-width: 100%;
}
.btn-primary {
  border-radius: 0;
}
.irs-from,
.irs-to,
.irs-single,
.irs-slider:after,
.irs-bar {
  background: #00bcd4;
}
.irs-from:after,
.irs-to:after,
.irs-single:after {
  border-top-color: #00bcd4;
}
.irs-slider:hover:after {
  background: #00626e;
}
.bx-wrapper {
  box-shadow: none !important;
  padding: 0 !important;
  border: 0;
}
.dropdown-toggle .filter-option-inner {
  padding: 9px 0px;
}
.prod-items .prod-i {
  margin-bottom: 30px;
}
.prod-items .prodlist-i-img img {
  margin: 0 auto;
}
@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 */
  /* 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 */
  /* Cart */
  .cart-items-wrap .cart-items .cart-image {
    width: 100px;
  }
  .cart-items-wrap .cart-items .cart-price,
  .cart-items-wrap .cart-items .cart-summ {
    width: 100px;
  }
  .cart-items-wrap .cart-items .cart-quantity {
    width: 100px;
  }
  /* Cart */
  /* Blog Post */
  .post-wrap {
    width: 76%;
    padding: 0 30px 50px 0;
  }
  /* Blog Post */
}
@media only screen and (max-width: 992px) {
  .cont {
    width: 750px;
  }
  /* 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 {
    display: none;
  }
  .section-cont .section-count-ttl {
    display: none;
  }
  .section-cont .section-sortby {
    margin: 0 0 10px 11px;
  }
  .section-cont .section-items .prod-i-img {
    height: 235px;
  }
  .prod-items .prodlist-i {
    padding-left: 165px;
  }
  .prod-items .prodlist-i-img {
    width: 145px;
  }
  /* Catalog */
  /* Blog */
  .blog-page .posts-i {
    width: 50%;
  }
  /* Blog */
  /* Blog Post */
  .post-wrap {
    width: 100%;
    float: none;
    padding: 0 0px 50px 0;
  }
  /* Blog Post */
}
@media only screen and (max-width: 768px) {
  .cont {
    width: auto;
  }
  /* 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;
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -webkit-transform: translate(0, -50%);
    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 */
  /* Cart */
  .cart-items-wrap .cart-items .cart-image {
    display: none;
  }
  .cart-items-wrap .cart-items .cart-discount {
    display: none;
  }
  .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 */
}
@media only screen and (max-width: 650px) {
  /* 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 .breadcrumbs {
    padding: 33px 0 15px 0;
  }
  .topinfo .allcatalog-wrap {
    position: relative;
    top: auto;
    right: auto;
    margin: 0;
    display: none;
  }
  /* Catalog */
  /* Contact Forms */
  .contactform-wrap .contactform-label {
    width: auto;
    text-align: left;
    margin: 0 0 4px;
  }
  .contactform-field .contactform-label + .contactform-input,
  .contactform-field .contactform-label + select,
  .contactform-field .contactform-label + textarea,
  .contactform-field .contactform-label + input[type=file],
  .contactform-field .contactform-label + input[type=password],
  .contactform-field .contactform-label + input[type=email],
  .contactform-field .contactform-label + input[type=tel],
  .contactform-field .contactform-label + input[type=search],
  .contactform-field .contactform-label + input[type=text] {
    width: auto;
    display: block;
  }
  /* Contact Forms */
}
@media only screen and (max-width: 600px) {
  /* Cart */
  body .cart-total {
    padding: 10px 0;
  }
  body .cart-total li {
    float: none !important;
    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] {
    float: none;
    margin: 0 auto 15px;
  }
  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 */
}
@media only screen and (max-width: 550px) {
  /* 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: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 .pagination {
    padding: 52px 0px 13px;
  }
  .pagination 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) {
  .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;
  }
  /* 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 */
  /* 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 */
}
@media only screen and (max-width: 380px) {
  /* 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;
  }
  /* Catalog */
}
.tag.new {
  background: #46aad7;
  color: #fff !important;
}
.tag.hot {
  background: #f12929;
  color: #fff !important;
}
.tag.out-of-stock {
  background: #919095;
  color: #fff !important;
}
.tag.pre-order {
  background: #abd07e;
  color: #fff !important;
}
.tag.promo {
  background: #dc0707 !important;
  color: #fff !important;
}
.tag.free-shipping {
  background: #D0205E;
  color: #fff !important;
}
.tag.hot {
  background: #ffd500 !important;
  color: #333 !important;
}
.tag.sale {
  background: #f12929 !important;
  color: #fff !important;
}
.tag.special-price {
  background: #abd07e;
  color: #fff !important;
}
#cookies-holder {
  width: 100%;
  /*height: 50px;*/
  background: white;
  border: 2px solid #666;
  bottom: 0;
  position: fixed;
  padding: 10px 25px;
  display: none;
  z-index: 9;
}
#cookies-holder p {
  margin: 0;
}
.additional-page {
  margin-bottom: 30px;
  min-height: 300px;
}
.additional-page,
.additional-page p {
  line-height: 24px;
}
.additional-page p {
  margin-bottom: 10px;
}
.additional-page img {
  max-width: 100% !important;
  border: 0;
}
.additional-page ul,
.additional-page ol {
  padding: 10px 35px;
  list-style-position: inside;
  font-size: 15px;
}
.additional-page ul li {
  list-style-type: disc !important;
  list-style-position: outside;
}
.additional-page ol li {
  list-style-type: decimal !important;
  list-style-position: outside;
}
.additional-page a,
.additional-page a:focus {
  color: #00bcd4;
}
#map {
  height: 400px;
  width: 100%;
}
#map img {
  width: inherit;
}
#map .infobox {
  padding-bottom: 20px;
}
#map .infobox .title,
#map .infobox .title a {
  font-size: 20px;
  color: #333;
}
.prod-i-info .fa.fa-heart {
  color: #FF4518;
}
.prod-i-info .far.fa-heart {
  color: #FF4518;
}
.preferred-order-btn .btn.dropdown-toggle {
  color: #000;
  padding: 5px 20px 5px 12px;
  height: auto;
}
.preferred-order-btn .btn.dropdown-toggle:hover {
  color: #000;
}
@media screen and (max-width: 550px) {
  .css-preferred-order-by {
    float: none;
    margin: 0 auto;
    width: 100%;
    text-align: center;
  }
}
.irs-line {
  border: 1px solid #00bcd4 !important;
  background: #00bcd4 !important;
}
.irs--flat .irs-handle.state_hover > i:first-child,
.irs--flat .irs-handle:hover > i:first-child {
  background-color: #00626e !important;
}
.irs-slider:hover:after {
  background-color: #00bcd4 !important;
}
.irs--flat .irs-from,
.irs--flat .irs-single,
.irs--flat .irs-to,
.irs--flat .irs-bar {
  background-color: #212331;
}
.irs--flat .irs-from:before,
.irs--flat .irs-single:before,
.irs--flat .irs-to:before {
  border-top-color: #212331;
}
.irs--flat .irs-handle > i:first-child {
  background-color: #212331;
}
.irs--flat .irs-bar,
.irs--flat .irs-line {
  height: 5px;
}
.irs--flat .irs-handle {
  height: 12px;
}
/* Defer Loading Images */
.js-data-src-loader {
  pointer-events: none;
  -webkit-transition: opacity 3s ease-in-out;
  -moz-transition: opacity 3s ease-in-out;
  -ms-transition: opacity 3s ease-in-out;
  -o-transition: opacity 3s ease-in-out;
}
.js-data-src-loader.visible {
  max-width: 100%;
  max-height: 100%;
  opacity: 0;
}
.js-data-src-loader:not(.visible) {
  content: '';
  height: 100%;
  width: 100% !important;
  top: 0;
  position: absolute;
  padding-top: 56.25%;
  display: block;
  background-color: #f5f5f5;
  background-image: url('../images/loading.svg');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: inherit;
  opacity: 1;
}
/* Preloader */
.js-preloader {
  transition: 0.2s;
  width: 100%;
  height: 100%;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
  background: #fff;
  z-index: 999;
  display: flex;
  align-content: center;
  align-items: center;
  text-align: center;
}
.js-preloader span {
  color: #161616;
  display: block;
  margin: 0 auto;
  -webkit-animation: pulse 1s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: pulse 1s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.js-preloader img {
  display: block;
  margin: 0 auto;
  -webkit-animation: pulse 1s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
  animation: pulse 1s infinite cubic-bezier(0.21, 0.53, 0.56, 0.8);
}
.js-preloader .logo {
  margin: 0 auto;
  font-size: 1.5rem;
}
body.plumtex-store-loaded .js-preloader {
  opacity: 0;
  visibility: hidden;
}
@-webkit-keyframes pulse {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-moz-keyframes pulse {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-ms-keyframes pulse {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-o-keyframes pulse {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes pulse {
  0%,
  100% {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  50% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:focus,
.dropdown-menu > .active > a:hover {
  background: #00bcd4;
}
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRTQgYoZZY2vCFuvAFT_rm1dw.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRQQgYoZZY2vCFuvAFT9gaQZy3fpQ.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRVQgYoZZY2vCFuvAFSzro.ttf) format('truetype');
}
@font-face {
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/ptserif/v18/EJRSQgYoZZY2vCFuvAnt66qWVy4.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLt_QuAz-lg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLoHQuAz-lg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLrPQuAz-lg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLmbXuAz-lg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOKCnqEu92Fr1Mu53ZEC9_Vu3r1gIhOszmOClHrs6ljXfMMLijXuAz-lg.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuaabVmQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWubEbVmQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 500;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWub2bVmQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuYjalmQiA8.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/roboto/v47/KFOMCnqEu92Fr1ME7kSn66aGLdTylUAMQXC89YmC2DPNWuZtalmQiA8.ttf) format('truetype');
}