/** Shopify CDN: Minification failed

Line 3974:0 Unexpected "{"
Line 3974:1 Expected identifier but found "%"
Line 3975:0 Unexpected "{"
Line 3975:1 Expected identifier but found "%"
Line 3998:12 Expected identifier but found "{"
Line 3998:13 Unexpected "{"
Line 3998:20 Expected ":"
Line 3998:24 Expected identifier but found "!"
Line 3999:9 Expected identifier but found "{"
Line 3999:10 Unexpected "{"
... and 5 more hidden warnings

**/
/*font-family: 'Roboto', sans-serif;*/
/**-------------------- Border-color -----------------**/
/**-------------------- Font -----------------**/
/**-------------------- Background -----------------**/
/**-------------------- Background -----------------**/
/**-------------------- Lineheight -----------------**/
/**-------------------- Screen-size -----------------**/
/**-------------------- Responsive -----------------**/
/****** extend *****/
.cl-mdl-collection .cl-column-img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
/*  em, strong, button, blockquote, small, strike, sub, sup, tt,  */
* {
  box-sizing: border-box; }

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
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;
  font-size: 100%;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

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

/* END RESET */
/** START CSS **/
a,
a:hover,
a:focus {
  text-decoration: none;
  transition: ease 0.2s;
  color: #464646; }

* :focus {
  outline: none; }

button, button:focus {
  cursor: pointer;
  color: #464646;
  outline: none; }

body {
  font-family: "Roboto", sans-serif;
  font-weight: 400;
  color: #464646;
  font-size: 14px;
  margin: 0;
  letter-spacing: 0.5px;
  line-height: 1; }
body.modal-active {
  overflow: hidden; }
body.nav-active {
  overflow: hidden; }
body.nav-active:after {
  content: '';
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 110;
  display: block; }

ul {
  padding: 0;
  padding-left: 15px;
  margin-top: 0;
  list-style-type:none;
}

.order-1 {
  order: 1; }

.order-2 {
  order: 2; }

.order-3 {
  order: 3; }

.order-4 {
  order: 4; }

.order-5 {
  order: 5; }

.order-6 {
  order: 6; }

.order-7 {
  order: 7; }

.order-8 {
  order: 8; }

.bgcolor1 {
  background-color: #c6e0e7; }

.bgcolor2 {
  background-color: #464646; }

.bgcolor3 {
  background-color: #ffffff; }

.bgcolor4 {
  background-color: #f6f6f6; }

.op-0 {
  opacity: 0; }

.btn-black-ouline {
  color: #000000;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 700;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 2px solid #000000;
  display: inline-block;
  line-height: 20px;
  position: relative; }
.btn-black-ouline:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #c6e0e7;
  z-index: -1;
  transition: ease 0.5s; }
.btn-black-ouline:hover:after {
  width: 100%; }
.btn-black-ouline:hover {
  color: #ffffff;
  border-color: #c6e0e7; }

.menu-list {
  width: 100%;
  height: 45px;
  line-height: 36px;
  padding: 5px 10px;
  background: transparent;
  border: 1px solid #464646;
  position: relative;
  margin-bottom: 30px; }
.menu-list select {
  background-color: transparent;
  border: none;
  width: 100%;
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase; }
.menu-list:after {
  content: '';
  width: 100%;
  height: 45px;
  background: #c6e0e7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(-5px, 5px);
  transition: ease 0.2s; }

.container {
  max-width: 1160px;
  width: 100%;
  margin-left: auto;
  margin-right: auto; }
@media only screen and (max-width: 1080px) {
  .container {
    padding: 0 20px; } }
@media only screen and (max-width: 540px) {
  .container {
    padding: 0 10px; } }

.row {
  display: flex;
  flex-wrap: wrap; }

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

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

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

.ai-c {
  align-items: center; }

.ai-s {
  align-items: flex-start; }

.ai-e {
  align-items: flex-end; }

.jc-c {
  justify-content: center; }

.jc-s {
  justify-content: flex-start; }

.jc-e {
  justify-content: flex-end; }

.jc-sb {
  justify-content: space-between; }

.pd-sec {
  padding: 60px 0px;
  padding-top: 150px;
}

@media only screen and (max-width: 540px) {
  .pd-sec {
    padding: 30px 0;
    padding-top: 150px;
  } }

img {
  max-width: 100%; }

.rte h1 {
  font-size: 30px;
  line-height: 40px;
  margin-bottom: 25px; }
@media only screen and (max-width: 540px) {
  .rte h1 {
    font-size: 28px;
    line-height: 38px;
    margin-bottom: 10px; } }
.rte h2 {
  font-size: 28px;
  line-height: 36px;
  margin-bottom: 25px; }
@media only screen and (max-width: 540px) {
  .rte h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 10px; } }
.rte h3 {
  font-size: 24px;
  line-height: 34px;
  margin-bottom: 20px; }
@media only screen and (max-width: 540px) {
  .rte h3 {
    font-size: 22px;
    line-height: 32px;
    margin-bottom: 10px; } }
.rte h4 {
  font-size: 22px;
  line-height: 34px;
  margin-bottom: 20px; }
@media only screen and (max-width: 540px) {
  .rte h4 {
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 10px; } }
.rte h5 {
  font-size: 18px;
  line-height: 28px;
  margin-bottom: 15px; }
@media only screen and (max-width: 540px) {
  .rte h5 {
    font-size: 16px;
    line-height: 26px;
    margin-bottom: 10px; } }
.rte h6 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 15px; }
@media only screen and (max-width: 540px) {
  .rte h6 {
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 10px; } }
.rte p {
  margin-bottom: 15px;
  line-height: 22px; }
.rte p:last-child {
  margin-bottom: 0; }
.rte img, .rte p img {
  margin-bottom: 10px !important;
  max-width: 100% !important;
  border: 0 solid #ccc !important; }
.rte a {
  color: #464646; }
.rte ul {
  padding-left: 30px;
  list-style: disc; }
.rte ul, .rte ol {
  padding-left: 30px; }
.rte ul li, .rte ol li {
  line-height: 25px; }
.rte ul li:last-child, .rte ol li:last-child {
  margin-bottom: 15px; }
.rte blockquote {
  border-left: 4px solid #f6f6f6;
  padding: 10px 20px;
  margin: 0 0 20px;
  font-size: 17.5px; }
.rte blockquote footer {
  font-size: 80%;
  line-height: 1.42857143;
  color: #777; }
.rte .blockquote-reverse {
  border-left: 0 solid #f6f6f6;
  border-right: 4px solid #f6f6f6;
  text-align: right; }
.rte address {
  margin-bottom: 20px;
  font-style: normal;
  line-height: 1.42857143; }
.rte mark {
  background-color: #464646;
  padding: 0 3px; }
.rte .h1 .small, .rte .h1 small, .rte .h2 .small, .rte .h2 small, .rte .h3 .small, .rte .h3 small, .rte h1 .small, .rte h1 small, .rte h2 .small, .rte h2 small, .rte h3 .small, .rte h3 small {
  font-size: 65%;
  color: #000000; }

.active-block {
  display: block !important; }

.eg-strong {
  font-weight: 700; }

.btn-black {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  text-transform: uppercase;
  background-color: #000000;
  padding: 15px 30px;
  border: 2px solid #000000;
  letter-spacing: 1.5px; }
.btn-black:hover {
  color: #000000 !important;
  background-color: #ffffff !important;
  border-color: #000000 !important; }
@media only screen and (max-width: 360px) {
  .btn-black {
    font-weight: 500;
    font-size: 14px;
    color: #ffffff;
    text-transform: uppercase;
    background-color: #000000;
    padding: 11px;
    border: 2px solid #000000;
    letter-spacing: 1.5px; } }

/** SLICK SLIDER**/
/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
  box-shadow: none !important; }

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0; }
.slick-list:focus {
  outline: none; }
.slick-list.dragging {
  cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list {
  -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);
  box-shadow: none !important; }
.slick-slider .slick-dots {
  display: flex;
  list-style: none;
  justify-content: center;
  padding: 0; }
.slick-slider .slick-dots li {
  border: 1px solid #000000;
  margin: 0 5px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  background: transparent;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  padding: 0; }
.slick-slider .slick-dots .slick-active {
  margin: 0 5px;
  width: 10px;
  height: 10px;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  overflow: hidden;
  text-indent: -9999px;
  display: block;
  padding: 0;
  background-color: #000000; }

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
.slick-track:before {
  display: table;
  content: ''; }
.slick-track:after {
  display: table;
  content: '';
  clear: both; }

.slick-loading .slick-track {
  visibility: hidden; }

.slick-slide {
  display: none;
  float: left;
  min-height: 1px; }

[dir='rtl'] .slick-slide {
  float: right; }

.slick-slide img {
  display: block;
  width: 100%; }
.slick-slide.slick-loading img {
  display: none; }
.slick-slide.dragging img {
  pointer-events: none; }

.slick-initialized .slick-slide {
  display: block;
  box-shadow: none;
  outline: none !important; }

.slick-loading .slick-slide {
  visibility: hidden; }

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

.slider-slick:not(.slick-initialized) .slick-slide:not(:first-child) {
  display: none; }

/** END SLICK SLIDER **/
.site-header {
  background-color: #ffffff;
  padding: 28px 0; }
@media only screen and (max-width: 767px) {
  .site-header {
    padding: 20px 0; } }
@media only screen and (max-width: 360px) {
  .site-header {
    padding: 15px 0; } }
.site-header .navbar-icon {
  display: none;
  flex-grow: 1;
  max-width: calc(50% - 50px);
  width: 100%; }
@media only screen and (max-width: 767px) {
  .site-header .navbar-icon {
    display: block; } }
@media only screen and (max-width: 360px) {
  .site-header .navbar-icon {
    max-width: calc(50% - 40px); } }
.site-header .navbar-icon .nav-opener {
  background: none;
  border: none;
  padding: 0;
  font-weight: 700;
  font-size: 15px; }
.site-header .navbar-icon .nav-opener span {
  display: block;
  font-weight: 700; }
@media only screen and (max-width: 360px) {
  .site-header .navbar-icon .nav-opener {
    font-size: 14px; } }
.site-header .navbar-icon svg {
  width: 25px;
  height: 25px; }
.site-header .header-logo {
  width: 160px; }
@media only screen and (max-width: 767px) {
  .site-header .header-logo {
    max-width: 100px;
    width: 100%; } }
@media only screen and (max-width: 360px) {
  .site-header .header-logo {
    max-width: 80px; } }
.site-header .header-content {
  flex-grow: 1;
  text-align: right;
  padding: 15px 0;
  margin-right: -18px; }
@media only screen and (max-width: 767px) {
  .site-header .header-content {
    margin-right: 10px;
    max-width: calc(50% - 50px); } }
@media only screen and (max-width: 360px) {
  .site-header .header-content {
    max-width: calc(50% - 40px); } }
.site-header .header-content ul {
  list-style: none;
  margin-top: 0;
  padding: 0; }
.site-header .custom-links {
  margin-bottom: 35px; }
@media only screen and (max-width: 767px) {
  .site-header .custom-links {
    margin-bottom: 0px; } }
.site-header .custom-links ul {
  display: flex;
  justify-content: flex-end;
  margin-right: 22px; }
@media only screen and (max-width: 767px) {
  .site-header .custom-links ul {
    margin-right: 0px; } }
.site-header .custom-links ul li {
  padding: 5px 16px; }
@media only screen and (max-width: 540px) {
  .site-header .custom-links ul li {
    padding: 5px 10px; } }
@media only screen and (max-width: 360px) {
  .site-header .custom-links ul li {
    padding: 5px 8px; } }
.site-header .custom-links ul li a {
  padding: 0;
  color: #464646;
  display: block;
  font-size: 12px;
  letter-spacing: 2px;
  font-weight: 400;
  text-transform: uppercase;
  position: relative; }
.site-header .custom-links ul li a i {
  vertical-align: middle;
  margin-right: 5px; }
@media only screen and (max-width: 767px) {
  .site-header .custom-links ul li a i {
    margin: 0; } }
.site-header .custom-links ul li a svg {
  max-width: 15px;
  max-height: 15px; }
@media only screen and (max-width: 767px) {
  .site-header .custom-links ul li a svg {
    max-width: 25px;
    max-height: 25px;
    width: 20px;
    height: 20px; } }
@media only screen and (max-width: 360px) {
  .site-header .custom-links ul li a svg {
    width: 16px;
    height: 16px; } }
@media only screen and (max-width: 767px) {
  .site-header .custom-links ul li a span {
    display: none; } }
.site-header .custom-links ul li.mini-cart-icon a {
  display: flex;
  align-items: center; }
.site-header .custom-links ul li:last-child {
  padding-right: 0; }
.site-header .custom-links ul li.wishlist-icon .count {
  display: none; }
@media only screen and (max-width: 767px) {
  .site-header .custom-links ul li.wishlist-icon .count {
    display: block; } }
@media only screen and (max-width: 767px) {
  .site-header .custom-links ul li .count {
    position: absolute;
    width: 16px;
    display: block;
    height: 16px;
    line-height: 14px;
    background: #ed1c24;
    text-align: center;
    top: 0;
    right: 0;
    transform: translate(12px, -12px);
    padding: 1px;
    font-size: 10px;
    color: #ffffff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%; } }
@media only screen and (max-width: 767px) {
  .site-header .custom-links ul li.no-icon {
    display: none; } }
@media only screen and (max-width: 767px) {
  .site-header .navigation {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    width: 280px;
    z-index: 115;
    padding: 15px 0;
    background: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    transform: translateX(-100%);
    transition: ease 0.5s; } }
.site-header .navigation.open {
  transform: translateX(0%); }
.site-header .navigation .nav-close {
  background: transparent;
  border: 1px solid #e4e0e0;
  padding: 5px;
  width: 28px;
  height: 28px;
  position: absolute;
  right: 10px;
  top: 10px;
  z-index: 2; }
.site-header .navigation .nav-close svg {
  width: 10px;
  height: 10px; }
.site-header .navigation ul {
  display: flex;
  justify-content: flex-end; }
@media only screen and (max-width: 767px) {
  .site-header .navigation ul {
    display: block;
    text-align: left;
    justify-content: inherit; } }
@media only screen and (max-width: 767px) {
  .site-header .navigation ul.user-links {
    margin-bottom: 15px; } }
.site-header .navigation ul li {
  padding: 0 5px; }
@media only screen and (max-width: 767px) {
  .site-header .navigation ul li {
    padding: 0; } }
.site-header .navigation ul li a {
  padding: 5px 22px;
  color: #464646;
  font-weight: 500;
  font-size: 20px;
  color: #464646;
  position: relative;
  transition: ease 0.2s; }
@media only screen and (max-width: 991px) {
  .site-header .navigation ul li a {
    font-size: 18px;
    padding: 5px 18px; } }
@media only screen and (max-width: 767px) {
  .site-header .navigation ul li a {
    padding: 10px 15px;
    display: block;
    font-size: 16px; } }
@media only screen and (min-width: 768px) {
  .site-header .navigation ul li a:after {
    content: '';
    width: 100%;
    height: 8px;
    border: 1px solid #464646;
    border-bottom: 0 solid #464646;
    position: absolute;
    top: 15%;
    left: 0;
    right: 0;
    opacity: 0;
    transition: ease 0.5s; } }
@media only screen and (min-width: 768px) {
  .site-header .navigation ul li a:before {
    content: '';
    width: 100%;
    height: 8px;
    border: 1px solid #464646;
    border-top: 0 solid #464646;
    position: absolute;
    bottom: 15%;
    left: 0;
    right: 0;
    opacity: 0;
    transition: ease 0.5s; } }
.site-header .navigation ul ul {
  margin-left: 15px;
  display:none;
}

.site-footer {
  background-color: #f6f6f6; }
@media only screen and (max-width: 1199px) {
  .site-footer {
    padding: 0 20px; } }
.site-footer .footer-top {
  padding: 45px 0 40px; }
.site-footer .footer-col {
  flex: 0 0 20%;
  max-width: 20%; }
@media only screen and (max-width: 1199px) {
  .site-footer .footer-col {
    max-width: 100%;
    flex: 0 0 100%; } }
.site-footer .footer-col h4 {
  color: #000000;
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 12px; }
.site-footer .footer-col ul {
  padding: 0;
  list-style: none; }
.site-footer .footer-col li {
  color: #000000;
  line-height: 30px;
  font-size: 12px;
  font-weight: 300; }
.site-footer .footer-col li a {
  color: #000000;
  line-height: 30px;
  transition: ease 0.3s; }
.site-footer .footer-col li a:hover {
  padding-left: 5px;
  letter-spacing: 0.6px;
  color: #c6e0e7; }
.site-footer .footer-col.social-icons li {
  display: inline-block;
  vertical-align: middle;
  margin-right: 13px; }
@media only screen and (max-width: 991px) {
  .site-footer .footer-col.social-icons li {
    margin-right: 8px; } }
.site-footer .footer-col.social-icons li svg {
  width: 22px;
  height: 22px; }
.site-footer .footer-col.social-icons li svg path {
  fill: #464646;
  transition: ease 0.2s; }
.site-footer .footer-col.social-icons li a:hover {
  padding-left: 0; }
.site-footer .footer-col.social-icons li a:hover svg path {
  fill: #c6e0e7; }
.site-footer .footer-bottom {
  border-top: 1px solid #e4e0e0;
  padding: 20px 0; }
.site-footer .footer-bottom .copyright {
  flex: 0 0 33.33%;
  max-width: 33.33%; }
@media only screen and (max-width: 767px) {
  .site-footer .footer-bottom .copyright {
    flex: 0 0 100%;
    max-width: 100%; } }
.site-footer .footer-bottom .copyright p {
  margin: 0;
  font-size: 12px;
  color: #000000;
  font-weight: 400; }
.site-footer .footer-bottom-links {
  max-width: 66.66%; }
@media only screen and (max-width: 767px) {
  .site-footer .footer-bottom-links {
    flex: 0 0 100%;
    max-width: 100%; } }
.site-footer .footer-bottom-links ul {
  display: flex;
  list-style: none;
  justify-content: center;
  align-items: center; }
.site-footer .footer-bottom-links ul li {
  padding: 0 18px; }
.site-footer .footer-bottom-links ul li a {
  font-size: 12px;
  color: #000000;
  text-transform: uppercase;
  font-weight: 400; }
.site-footer .footer-bottom-links ul li a:hover {
  color: #c6e0e7; }
.site-footer .res-footer {
  padding: 35px 0;
  text-align: center; }
.site-footer .res-footer ul {
  list-style: none;
  padding: 0; }
.site-footer .res-footer ul li {
  display: inline-block;
  padding: 5px 22px;
  line-height: 25px; }
@media only screen and (max-width: 435px) {
  .site-footer .res-footer ul li {
    padding: 4px 5px; } }
.site-footer .res-footer ul li a {
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase; }
.site-footer .res-footer .footer-links {
  margin-bottom: 20px; }
.site-footer .res-footer .social-icons {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #e7e7e7; }
.site-footer .res-footer .social-icons h4 {
  letter-spacing: 3px;
  font-size: 14px; }
.site-footer .res-footer .social-icons ul li {
  padding: 0 8px;
  margin: 0; }
@media only screen and (max-width: 435px) {
  .site-footer .res-footer .social-icons ul li {
    padding: 0 5px; } }
.site-footer .res-footer .social-icons ul li a {
  width: 41px;
  height: 41px;
  line-height: 41px;
  text-align: center;
  display: block;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  border: 2px solid #000000; }
@media only screen and (max-width: 435px) {
  .site-footer .res-footer .social-icons ul li a {
    width: 36px;
    height: 36px;
    line-height: 36px; } }
.site-footer .res-footer .social-icons ul li a svg {
  height: 38px;
  margin: 0 auto; }
@media only screen and (max-width: 435px) {
  .site-footer .res-footer .social-icons ul li a svg {
    height: 33px;
    width: 18px; } }
.site-footer .res-footer .social-icons ul li a svg path {
  fill: #000000; }
.site-footer .res-footer .social-icons ul li a:hover {
  background: #000000; }
.site-footer .res-footer .social-icons ul li a:hover svg path {
  fill: #ffffff; }
.site-footer .res-footer .copyright {
  font-size: 12px; }

.home-slider .slide-item {
  position: relative; }
.home-slider .slide-item .slide-img {
  position: relative;
  z-index: 1; }
@media only screen and (max-width: 767px) {
  .home-slider .slide-item .slide-img {
    min-height: 580px;
    background-size: cover;
    background-position: right center; } }
@media only screen and (max-width: 360px) {
  .home-slider .slide-item .slide-img {
    min-height: 450px; } }
.home-slider .slide-item .slide-img img {
  width: 100%; }
@media only screen and (max-width: 767px) {
  .home-slider .slide-item .slide-img img {
    display: block; } }
.home-slider .slide-item .slide-content {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1260px;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  color: #ffffff; }
@media only screen and (max-width: 1260px) {
  .home-slider .slide-item .slide-content {
    max-width: 1100px; } }
@media only screen and (max-width: 1080px) {
  .home-slider .slide-item .slide-content {
    padding: 0 20px; } }
.home-slider .slide-item .slide-content p {
  font-size: 34px;
  text-transform: uppercase;
  font-weight: 300;
  color: #ffffff;
  text-align: center; }
@media only screen and (max-width: 540px) {
  .home-slider .slide-item .slide-content p {
    font-size: 28px; } }
@media only screen and (max-width: 435px) {
  .home-slider .slide-item .slide-content p {
    font-size: 24px; } }
.home-slider .slide-item .slide-content .offer {
  margin: 35px 0;
  clear: both;
  display: flex;
  text-align: left; }
@media only screen and (max-width: 540px) {
  .home-slider .slide-item .slide-content .offer {
    margin: 25px 0; } }
@media only screen and (max-width: 435px) {
  .home-slider .slide-item .slide-content .offer {
    margin: 20px 0; } }
.home-slider .slide-item .slide-content .offer h2 {
  font-size: 180px;
  font-weight: 700;
  color: #ffffff;
  line-height: 150px; }
@media only screen and (max-width: 540px) {
  .home-slider .slide-item .slide-content .offer h2 {
    font-size: 140px;
    line-height: 120px; } }
@media only screen and (max-width: 435px) {
  .home-slider .slide-item .slide-content .offer h2 {
    font-size: 120px;
    line-height: 100px; } }
.home-slider .slide-item .slide-content .offer span {
  font-weight: 700;
  font-size: 77px;
  line-height: 70px;
  text-transform: uppercase;
  display: block; }
@media only screen and (max-width: 540px) {
  .home-slider .slide-item .slide-content .offer span {
    font-size: 60px;
    line-height: 50px; } }
@media only screen and (max-width: 435px) {
  .home-slider .slide-item .slide-content .offer span {
    font-size: 50px;
    line-height: 42px; } }
.home-slider .slide-item .slide-content h5 {
  clear: both;
  font-size: 44px;
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 1px; }
@media only screen and (max-width: 540px) {
  .home-slider .slide-item .slide-content h5 {
    font-size: 36px; } }
@media only screen and (max-width: 435px) {
  .home-slider .slide-item .slide-content h5 {
    font-size: 30px; } }
.home-slider .slide-item .slide-content .slide-sepline {
  border: none;
  height: 4px;
  width: 100%;
  background: #ffffff;
  margin-top: 30px; }
@media only screen and (max-width: 767px) {
  .home-slider .slide-item .slide-content .slide-sepline {
    margin-top: 20px; } }
@media only screen and (max-width: 435px) {
  .home-slider .slide-item .slide-content .slide-sepline {
    margin-top: 10px;
    height: 3px; } }
.home-slider .slide-item .slide-content-inner {
  max-width: 50%;
  text-align: center; }
@media only screen and (max-width: 767px) {
  .home-slider .slide-item .slide-content-inner {
    margin: 0 auto; } }
@media only screen and (max-width: 767px) {
  .home-slider .slide-item .slide-content-inner {
    max-width: 100%; } }
.home-slider .slick-dots {
  list-style: none;
  text-align: center;
  position: absolute;
  bottom: 40px;
  left: 50%;
  transform: translateX(-50%); }
.home-slider .slick-dots li {
  display: inline-block;
  margin: 0 4px; }
.home-slider .slick-dots li button {
  background: rgba(255, 255, 255, 0.4);
  border: none;
  -webkit-border-radius: 100%;
  -moz-border-radius: 100%;
  border-radius: 100%;
  width: 12px;
  height: 12px;
  overflow: hidden;
  text-indent: -9999px;
  padding: 0;
  outline: none !important; }
.home-slider .slick-dots li.slick-active button {
  background: white; }

.sec-title {
  text-align: center; }
.sec-title h2 {
  font-size: 28px;
  font-weight: 700;
  margin-bottom: 15px;
  color: #464646; }
@media only screen and (max-width: 767px) {
  .sec-title h2 {
    font-size: 24px; } }
.sec-title .title-seprator {
  width: 50px;
  border: none;
  height: 2px;
  background: #464646;
  margin-bottom: 15px; }
.sec-title p {
  font-size: 16px;
  color: #464646; }
@media only screen and (max-width: 767px) {
  .sec-title p {
    font-size: 14px; } }
.sec-title .img-seprator {
  margin-bottom: 20px; }

.featured-products {
  position:relative;
  padding: 75px 0;
}
@media only screen and (max-width: 767px) {
  .featured-products {
    padding: 50px 0; } }
@media only screen and (max-width: 1199px) {
  .featured-products .container {
    padding: 0 50px; } }
@media only screen and (max-width: 767px) {
  .featured-products .container {
    padding: 0 10px; } }
@media only screen and (max-width: 991px) {
  .featured-products .btn-black-ouline {
    width: 100%;
    display: block; } }

.prd-complook-slider, .prd-recomnded-slider, .featured-product-slider {
  margin-top: 100px;
  margin-bottom: 45px; }
@media only screen and (max-width: 991px) {
  .prd-complook-slider, .prd-recomnded-slider, .featured-product-slider {
    margin-top: 60px; } }
@media only screen and (max-width: 767px) {
  .prd-complook-slider, .prd-recomnded-slider, .featured-product-slider {
    margin-top: 50px; } }
@media only screen and (max-width: 540px) {
  .prd-complook-slider, .prd-recomnded-slider, .featured-product-slider {
    margin-bottom: 20px; } }
.prd-complook-slider .featured-item, .prd-recomnded-slider .featured-item, .featured-product-slider .featured-item {
  padding: 0 10px;
  position: relative;
  text-align: center; }
.prd-complook-slider .featured-item .img, .prd-recomnded-slider .featured-item .img, .featured-product-slider .featured-item .img {
  z-index: 1;
  position: relative; }
.prd-complook-slider .featured-item .img img, .prd-recomnded-slider .featured-item .img img, .featured-product-slider .featured-item .img img {
  margin: 0 auto;
  width: 100%; }
.prd-complook-slider .featured-item .product-content, .prd-recomnded-slider .featured-item .product-content, .featured-product-slider .featured-item .product-content {
  width: calc(100% - 40px);
  background: #ffffff;
  padding: 15px;
  text-align: center;
  z-index: 2;
  position: relative;
  margin: -20px auto 0; }
@media only screen and (max-width: 540px) {
  .prd-complook-slider .featured-item .product-content, .prd-recomnded-slider .featured-item .product-content, .featured-product-slider .featured-item .product-content {
    width: calc(100% - 30px);
    padding: 15px 10px; } }
.prd-complook-slider .featured-item .product-content h4, .prd-recomnded-slider .featured-item .product-content h4, .featured-product-slider .featured-item .product-content h4 {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5; }
@media only screen and (max-width: 767px) {
  .prd-complook-slider .featured-item .product-content h4, .prd-recomnded-slider .featured-item .product-content h4, .featured-product-slider .featured-item .product-content h4 {
    font-size: 15px; } }
@media only screen and (max-width: 540px) {
  .prd-complook-slider .featured-item .product-content h4, .prd-recomnded-slider .featured-item .product-content h4, .featured-product-slider .featured-item .product-content h4 {
    font-size: 14px; } }
.prd-complook-slider .featured-item .product-content h4 a, .prd-recomnded-slider .featured-item .product-content h4 a, .featured-product-slider .featured-item .product-content h4 a {
  text-decoration: underline;
  font-weight: 700;
  letter-spacing: 0.5px; }
.prd-complook-slider .featured-item .product-content p, .prd-recomnded-slider .featured-item .product-content p, .featured-product-slider .featured-item .product-content p {
  font-size: 16px; }
@media only screen and (max-width: 540px) {
  .prd-complook-slider .featured-item .product-content p, .prd-recomnded-slider .featured-item .product-content p, .featured-product-slider .featured-item .product-content p {
    font-size: 14px; } }
.prd-complook-slider .featured-item .product-content h6, .prd-recomnded-slider .featured-item .product-content h6, .featured-product-slider .featured-item .product-content h6 {
  color: #1284aa;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 13px; }
.prd-complook-slider .slick-prev, .prd-recomnded-slider .slick-prev, .featured-product-slider .slick-prev {
  position: absolute;
  top: 50%;
  left: -40px;
  background: transparent;
  font-size: 28px;
  transform: translateY(-55%);
  border: none;
  padding: 0; }
.prd-complook-slider .slick-next, .prd-recomnded-slider .slick-next, .featured-product-slider .slick-next {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-55%);
  background: transparent;
  font-size: 28px;
  border: none;
  padding: 0; }

.prd-complook-slider .slick-prev, .prd-complook-slider .slick-next {
  transform: translateY(-215%); }
.prd-complook-slider .slick-next {
  right: -8px; }
.prd-complook-slider .slick-prev {
  left: -8px;
  z-index: 120; }

.prd-slide-head {
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
  padding-left: 15px;
  position: relative; }
.prd-slide-head:before {
  content: '';
  display: block;
  background: #464646;
  border: 2px solid #000;
  position: absolute;
  bottom: -3px;
  left: 15px;
  max-width: 55px;
  width: 100%; }
.prd-slide-head h4 {
  font-size: 16px; }
.prd-slide-head h1 {
  font-size: 28px;
  line-height: 1.4; }

.modalWindow {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  z-index: 999 !important;
  max-width: 600px;
  width: calc(100% - 30px);
  transform: translate(-50%, -50%);
  background: #FFF;
  cursor: default;
  padding: 15px; }
@media only screen and (max-width: 540px) {
  .modalWindow {
    padding: 10px; } }

div.modal.overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-height: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 997;
  cursor: pointer; }

.close {
  position: absolute;
  right: 0;
  top: -20px;
  cursor: pointer;
  color: #ffffff; }

.video-section {
  position: relative;
  overflow: hidden; }
.video-section .video-poster {
  position: relative; }
@media only screen and (max-width: 767px) {
  .video-section .video-poster {
    min-height: 300px; } }
.video-section .video-poster:after {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 2;
  display: block; }
.video-section .video-poster img {
  width: 100%;
  z-index: 1;
  display: block; }
@media only screen and (max-width: 767px) {
  .video-section .video-poster img {
    width: 100%;
    min-height: 300px;
    max-height: 300px;
    max-width: inherit; } }
.video-section .video-poster .modalButton {
  width: 80px;
  height: 80px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5; }
@media only screen and (max-width: 767px) {
  .video-section .video-poster .modalButton {
    width: 50px;
    height: 50px; } }
.video-section .video-poster .modalButton svg {
  width: 80px;
  height: 80px;
  opacity: 0.7;
  transition: ease 0.2s; }
@media only screen and (max-width: 767px) {
  .video-section .video-poster .modalButton svg {
    width: 50px;
    height: 50px; } }
.video-section .video-poster .modalButton:hover svg {
  opacity: 1;
  transform: scale(1.1); }
.video-section .about-cta {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2; }
@media only screen and (max-width: 767px) {
  .video-section .about-cta {
    display: none; } }
.video-section .about-cta a {
  line-height: 40px;
  display: flex;
  align-items: center;
  padding: 19px 20px;
  background: #ffffff;
  color: #464646;
  font-size: 18px;
  letter-spacing: 2px;
  text-transform: uppercase; }
.video-section .about-cta a span {
  z-index: 2;
  position: relative; }
.video-section .about-cta a i {
  vertical-align: middle;
  line-height: 18px; }
.video-section .about-cta a svg {
  margin-left: 10px;
  width: 35px;
  height: 23px; }
.video-section .about-cta a svg polygon {
  fill: #464646; }
.video-section .about-cta a:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 0;
  background: #c6e0e7;
  z-index: 1;
  transition: ease 0.5s; }
.video-section .about-cta a:hover:after {
  width: 100%; }
.video-section video {
  width: 100%; }

.new-collection {
  padding: 100px 0; }
@media only screen and (max-width: 767px) {
  .new-collection {
    padding: 50px 0; } }
.new-collection .sec-title {
  margin-bottom: 50px; }
.new-collection .collection-grid {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start; }
.new-collection .collection-grid .collection-column {
  flex: 0 0 50%;
  max-width: 50%; }
@media only screen and (max-width: 767px) {
  .new-collection .collection-grid .collection-column {
    flex: 0 0 100%;
    max-width: 100%; } }
.new-collection .collection-grid .collection-column .img {
  padding: 8px; }
.new-collection .collection-grid .collection-column img {
  width: 100%;
  display: block; }

.instagram {
  padding-bottom: 60px;
  position: relative; }
@media only screen and (max-width: 767px) {
  .instagram {
    padding-bottom: 50px; } }
@media only screen and (max-width: 1199px) {
  .instagram .container {
    padding: 0 50px; } }
@media only screen and (max-width: 767px) {
  .instagram .container {
    padding: 0 10px; } }

.insta-gallery {
  margin: 60px -10px; }
@media only screen and (max-width: 767px) {
  .insta-gallery {
    margin: 40px 0; } }
.insta-gallery .insta-img {
  padding: 0 10px; }
.insta-gallery img {
  width: 100%; }
.insta-gallery .slick-prev {
  position: absolute;
  top: 50%;
  left: -40px;
  background: transparent;
  font-size: 28px;
  transform: translateY(-55%);
  border: none;
  padding: 0; }
@media only screen and (max-width: 1080px) {
  .insta-gallery .slick-prev {
    left: -30px;
    font-size: 24px; } }
.insta-gallery .slick-next {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-55%);
  background: transparent;
  font-size: 28px;
  border: none;
  padding: 0; }
@media only screen and (max-width: 1080px) {
  .insta-gallery .slick-next {
    right: -30px;
    font-size: 24px; } }

.newsletter {
  padding: 80px 0;
  position: relative; }
@media only screen and (max-width: 767px) {
  .newsletter {
    padding: 50px 0; } }
@media only screen and (max-width: 767px) {
  .newsletter .container {
    padding: 0 30px; } }
.newsletter:before {
  content: '';
  max-width: 1160px;
  width: 100%;
  border-top: 1px solid #e4e0e0;
  display: block;
  margin: 0 auto;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%); }
.newsletter .newsletter-form {
  max-width: 550px;
  width: 100%;
  display: flex;
  margin: 35px auto 0; }
.newsletter .input-field {
  flex-grow: 1;
  padding-right: 15px; }
.newsletter .input-field input[type="email"] {
  width: 100%;
  padding: 10px 20px;
  line-height: 21px;
  border: 1px solid #464646;
  color: #464646; }
.newsletter .nl-button {
  width: 45px;
  height: 45px;
  line-height: 36px;
  padding: 5px 10px;
  text-align: right;
  background: transparent;
  border: 1px solid #464646;
  position: relative; }
.newsletter .nl-button svg {
  width: 14px;
  height: 14px;
  z-index: 2; }
.newsletter .nl-button:after {
  content: '';
  width: 45px;
  height: 45px;
  background: #c6e0e7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(5px, 5px);
  transition: ease 0.2s; }
.newsletter .nl-button:hover:after {
  transform: none; }

.offer-section {
  overflow: hidden; }
.offer-section .offer-column {
  flex: 0 0 50%;
  max-width: 50%;
  padding-bottom: 20px; }
@media only screen and (max-width: 767px) {
  .offer-section .offer-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 10px 10px; } }
.offer-section .offer-column img {
  width: 100%;
  display: block; }
.offer-section .offer-column:first-child {
  padding-right: 10px; }
.offer-section .offer-column:last-child {
  padding-left: 10px; }

.res-item {
  display: none !important; }
@media only screen and (max-width: 767px) {
  .res-item {
    display: block !important; } }

@media only screen and (max-width: 767px) {
  .desk-item {
    display: none !important; } }

.mob-item {
  display: none !important; }
@media only screen and (max-width: 540px) {
  .mob-item {
    display: block !important; } }

@media only screen and (max-width: 540px) {
  .smob-item {
    display: none !important; } }

.phn-item {
  display: none !important; }
@media only screen and (max-width: 360px) {
  .phn-item {
    display: block !important; } }

@media only screen and (max-width: 360px) {
  .sphn-item {
    display: none !important; } }

/******** Breadcrumb ********/
.site-breadcrumb {
  background-color: #f6f6f6;
  padding: 18px 0; }
.site-breadcrumb ul {
  list-style: none;
  display: flex; }
.site-breadcrumb ul li {
  margin: auto; }
.site-breadcrumb ul li:before {
  content: ' \2192';
  margin: 0 12px;
  font-size: 18px;
  line-height: 15px; }
.site-breadcrumb ul li:first-child:before {
  display: none; }
@media only screen and (max-width: 767px) {
  .site-breadcrumb {
    display: none; } }

/******** Bread-Banner ********/
.site-breadbanner {
  padding: 45px 0; }
.site-breadbanner .row {
  background: url("../images/bread-collection-banner.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 100px;
  position: relative; }
@media only screen and (max-width: 480px) {
  .site-breadbanner .row {
    background: url("../images/bread-collection-banner2.png");
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 156px;
    position: relative; } }
.site-breadbanner .cl-banner-head {
  color: #ffffff;
  letter-spacing: 0.8px;
  font-weight: 500;
  max-width: 300px;
  width: 100%;
  direction: rtl;
  position: absolute;
  top: 50%;
  transform: translate(0, -50%);
  left: 140px; }
.site-breadbanner .cl-banner-head h1 {
  font-size: 24px;
  color: #9dd4e6;
  margin-bottom: 20px; }
.site-breadbanner .cl-banner-head h4 {
  font-size: 18px; }
.site-breadbanner .cl-banner-head p {
  color: #ffffff;
  margin: 15px auto;
  border: 1px solid transparent;
  border-width: 1px;
  border-style: solid;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,1d1d1d+35,2e2e2e+71,333333+100 */
  background: #000000;
  /* Old browsers */
  background: -moz-linear-gradient(left, #000000 0%, #1d1d1d 35%, #2e2e2e 71%, #333333 100%);
  /* FF3.6-15 */
  background: -webkit-linear-gradient(left, #000000 0%, #1d1d1d 35%, #2e2e2e 71%, #333333 100%);
  /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, #000000 0%, #1d1d1d 35%, #2e2e2e 71%, #333333 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#333333',GradientType=1 );
  /* IE6-9 */
  height: 3px; }
@media only screen and (max-width: 320px) {
  .site-breadbanner .cl-banner-head p {
    display: none; } }
.site-breadbanner .cl-banner-head h6 {
  font-weight: 300;
  font-size: 14px; }
@media only screen and (max-width: 480px) {
  .site-breadbanner .cl-banner-head {
    left: 28px;
    text-align: left;
    top: 40%; } }
.site-breadbanner .cl-curveart {
  position: absolute;
  top: 89px;
  left: -114px; }
@media only screen and (max-width: 480px) {
  .site-breadbanner .cl-curveart {
    position: absolute;
    top: 190px;
    left: -104px; } }

/******** Sidebar ********/
.sidebar {
  /******** Left ********/
  overflow: hidden;
  /******** Right ********/ }
.sidebar .column {
  justify-content: space-between;
  position: relative; }
.sidebar .title {
  font-size: 32px;
  font-weight: 500;
  margin-bottom: 50px;
  margin-top:30px;
  color: #000000;
  text-align: left; }
@media only screen and (max-width: 767px) {
  .sidebar .title {
    display: none; } }
.sidebar .sidebar-left {
  flex: 0 0 21%;
  max-width: 21%;
  position: relative; }
.sidebar .sidebar-left ul {
  list-style: none; }
.sidebar .sidebar-left ul li {
  color: #4b4a4a;
  margin-bottom: 5px; }
.sidebar .sidebar-left ul li:first-child a {
  padding-top: 0; }
.sidebar .sidebar-left ul a {
  display: block;
  padding: 15px 0 10px;
  letter-spacing: 1.4px; }
.sidebar .sidebar-left hr {
  margin: 25px auto;
  display: block; }
.sidebar .sidebar-left .active-tab {
  color: #000;
  font-weight: 600; }
.sidebar .sidebar-right {
  flex: 0 0 75%;
  max-width: 75%; }
@media only screen and (max-width: 767px) {
  .sidebar .sidebar-right {
    flex: 0 0 100%;
    max-width: 100%; } }
.sidebar .sidebar-leftwrap {
  position: sticky;
  top: 0;
  left: 0; }

/******** Checkbox-Custom ********/
.eg-cover-checkbox label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 0;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 14px;
  padding-top: 1px;
  letter-spacing: 0.5px;
  line-height: 20px; }
.eg-cover-checkbox input {
  width: auto;
  -webkit-appearance: checkbox;
  position: absolute;
  opacity: 0;
  cursor: pointer;
  left: -144452px; }
.eg-cover-checkbox .eg-ctm-check {
  position: absolute;
  top: 0;
  left: 0;
  height: 18px;
  width: 18px;
  color: #25211E;
  font-size: 16px;
  border: 1px solid #cccccc; }
.eg-cover-checkbox label input:checked ~ .eg-ctm-check {
  background-color: transparent;
  border-color: #7ab2c4; }
.eg-cover-checkbox .eg-ctm-check:before, .eg-cover-checkbox .eg-ctm-check:after {
  content: "";
  position: absolute;
  display: none; }
.eg-cover-checkbox label input:checked ~ .eg-ctm-check:after, .eg-cover-checkbox label input:checked ~ .eg-ctm-check:before {
  display: block; }
.eg-cover-checkbox label .eg-ctm-check:before {
  left: 2px;
  top: 2px;
  width: 12px;
  height: 12px;
  background: #7ab2c4;
  z-index: 12; }
.eg-cover-checkbox label .eg-ctm-check:after {
  left: 4px;
  top: 4px;
  width: 100%;
  background: #e4f0f4;
  height: 100%;
  z-index: -12; }

/******** About-Us ********/
.about-content .about-txtcont {
  color: #464646; }
.about-content .about-txtcont h1 {
  font-size: 18px;
  font-weight: 500; }
.about-content .about-txtcont p, .about-content .about-txtcont li {
  font-size: 16px;
  font-weight: 300; }
.about-content .about-txtcont p {
  line-height: 30px; }
.about-content .about-txtcont hr {
  margin: 30px auto 40px; }
.about-content .about-txtcont h1, .about-content .about-txtcont p, .about-content .about-txtcont li {
  margin-bottom: 23px; }
.about-content .about-txtcont .about-doll {
  margin: 75px auto 50px; }
.about-content .about-txtcont .video-section {
  margin-bottom: 23px; }
.about-content .about-txtcont .video-poster {
  max-height: 406px; }
.about-content .about-txtcont .size-guide table {
  width: 100%;
  margin-bottom: 40px; }
.about-content .about-txtcont .size-guide table thead {
  background-color: #d4e4ea;
  border-bottom: 1px solid #e5e5e5;
  border-top: 1px solid #e5e5e5; }
.about-content .about-txtcont .size-guide table thead th {
  font-size: 14px;
  font-weight: 700;
  color: #000000;
  padding: 20px; }
.about-content .about-txtcont .size-guide table thead:first-child {
  text-align: left; }
.about-content .about-txtcont .size-guide table tbody tr {
  border-bottom: 1px solid #e5e5e5; }
.about-content .about-txtcont .size-guide table tbody tr th {
  background-color: #e4f0f4;
  text-align: left;
  padding: 15px 20px; }
.about-content .about-txtcont .size-guide table tbody tr td {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  padding: 15px 20px;
  text-align: center; }
.about-content .about-txtcont .size-guide table tbody tr:nth-child(even) {
  background-color: #f6f6f6; }
@media only screen and (max-width: 767px) {
  .about-content .about-txtcont .size-guide {
    overflow-x: scroll; } }
.about-content .about-txtcont .measure-chart {
  margin-top: 60px;
  display: flex; }
.about-content .about-txtcont .measure-chart .measure-left .size-detail-img {
  width: 100%; }
@media only screen and (max-width: 767px) {
  .about-content .about-txtcont .measure-chart .measure-left .size-detail-img {
    margin: 0 auto;
    max-width: 355px;
    padding-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .about-content .about-txtcont .measure-chart .measure-left {
    flex: 0 0 100%;
    max-width: 100%; } }
.about-content .about-txtcont .measure-chart .measure-right .size-detail {
  padding: 50px 50px 0 80px; }
.about-content .about-txtcont .measure-chart .measure-right .size-detail ul {
  list-style: decimal; }
.about-content .about-txtcont .measure-chart .measure-right .size-detail ul h5 {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase; }
@media only screen and (max-width: 767px) {
  .about-content .about-txtcont .measure-chart .measure-right .size-detail {
    margin: 0 auto;
    padding: 0;
    max-width: 597px; } }
@media only screen and (max-width: 767px) {
  .about-content .about-txtcont .measure-chart .measure-right {
    flex: 0 0 100%;
    max-width: 100%; } }

/******** plus-minus-animation ********/
.eg-pls-closed .eg-pls-vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg); }
.eg-pls-closed .eg-pls-horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(-90deg);
  opacity: 1; }

.eg-pls-opened {
  opacity: 1; }
.eg-pls-opened .eg-pls-vertical {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg); }
.eg-pls-opened .eg-pls-horizontal {
  transition: all 0.5s ease-in-out;
  transform: rotate(90deg);
  opacity: 0; }

.eg-pls-circle-plus {
  height: auto;
  width: auto;
  font-size: 1em;
  opacity: .7;
  display: flex;
  justify-content: space-between; }

.eg-pls-circle-plus .eg-pls-circle {
  position: relative;
  width: auto;
  height: auto;
  border-radius: unset;
  border: 0;
  padding-right: 5px; }

.eg-pls-circle-plus .eg-pls-circle .eg-pls-horizontal {
  position: absolute;
  background-color: #000000;
  width: 14px;
  height: 2px;
  left: 50%;
  margin-left: -14px;
  top: 50%;
  margin-top: -2.5px; }

.eg-pls-circle-plus .eg-pls-circle .eg-pls-vertical {
  position: absolute;
  background-color: #000000;
  width: 2px;
  height: 14px;
  left: 50%;
  margin-left: -8.3px;
  top: 50%;
  margin-top: -8px; }

.eg-ctm-arrow {
  font-weight: 300;
  box-sizing: border-box;
  height: 8px;
  width: 8px;
  border-style: solid;
  border-color: #000000;
  border-width: 0 1px 1px 0;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out; }

/******** Collection ********/
.collection-content .sidebar-left {
  margin-left: -15px; }
.collection-content .sidebar-left ul {
  padding: 0; }
.collection-content .sidebar-left ul li {
  margin: 0; }
.collection-content .sidebar-left ul a {
  padding: 9px 0 7px; }
@media only screen and (max-width: 767px) {
  .collection-content .sidebar-left {
    display: none; } }
.collection-content .cl-cfg-head {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  margin-bottom: 20px;
  cursor: pointer;
  padding-left: 15px;
  position: relative; }
.collection-content .cl-cfg-head:before {
  content: '';
  display: block;
  background: #464646;
  border: 2px solid #000;
  position: absolute;
  bottom: -2px;
  left: 15px;
  max-width: 40px;
  width: 100%; }
.collection-content .cl-cfg-head p {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #cccccc; }
.collection-content .cl-cfg-menu {
  padding-left: 15px;
  margin-bottom: 35px;
  display: none; }
.collection-content .cl-cfg-menu li {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  color: #cccccc; }
.collection-content .cl-btm-page {
  border-top: 1px solid #000000;
  padding: 30px 0 80px;
  text-align: center; }
.collection-content .filter {
  display: flex;
  margin-bottom: 30px;
  justify-content: space-between; }
.collection-content .filter .nl-button {
  line-height: 36px;
  padding: 5px 20px;
  text-align: right;
  background: transparent;
  border: 1px solid #cccccc;
  position: relative;
  display: flex;
  align-items: center; }
.collection-content .filter .nl-button span {
  font-size: 15px;
  font-weight: 300;
  color: #000000;
  margin-right: 5px; }
.collection-content .filter .nl-button svg {
  width: 10px;
  height: 10px;
  z-index: 2; }
.collection-content .filter .nl-button:after {
  content: '';
  width: 132px;
  height: 48px;
  background: #c6e0e7;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  transform: translate(-7px, 5px);
  transition: ease 0.2s; }
.collection-content .filter .nl-button:hover:after {
  transform: none; }
.collection-content .cl-top-filter {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 10px;
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  display: flex;
  justify-content: space-between; }
.collection-content .cl-fitem-box span {
  font-weight: 300; }
.collection-content .cl-fitem-box p {
  margin: auto; }
.collection-content .cl-fitem-box select {
  padding: 0 30px 0 10px;
  border: 0;
  font-size: 12px;
  font-weight: 600;
  color: #000000;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent; }
.collection-content .cl-fitem-box .eg-ctm-arrow {
  position: absolute;
  top: 0;
  right: 6px;
  z-index: -12; }
.collection-content .cl-flt-wrap {
  display: flex;
  position: relative; }
@media only screen and (max-width: 767px) {
  .collection-content .cl-flt-wrap {
    display: none; } }
.collection-content .cl-cfg-box {
  padding-bottom: 10px; }
.collection-content .ad-banner {
  padding-bottom: 80px; }

/****** Collection-box *******/
.cl-mdl-collection {
  padding: 30px 0 0; }
.cl-mdl-collection a {
  display: block; }
.cl-mdl-collection .cl-wrapbox-column {
  flex: 0 0 33.33%;
  max-width: 100%;
  padding: 0 15px;
  margin-bottom: 40px; }
.cl-mdl-collection .cl-wrapbox-column a:hover .cl-prdname {
  color: #7ab2c4;
  text-decoration: none; }
@media only screen and (max-width: 767px) {
  .cl-mdl-collection .cl-wrapbox-column {
    flex: 0 0 50%;
    max-width: 50%; } }
@media only screen and (max-width: 320px) {
  .cl-mdl-collection .cl-wrapbox-column {
    flex: 0 0 100%;
    max-width: 100%; } }
.cl-mdl-collection .cl-column-infowrap {
  z-index: 50;
  position: relative;
  width: calc(100% - 40px);
  margin: -25px auto auto; }
.cl-mdl-collection .cl-column-img {
  min-height: 406px;
  height: auto;
  max-height: 406px;
  position: relative;
  overflow: hidden; }
.cl-mdl-collection .cl-column-img img {
  width: auto;
  max-width: unset; }
.cl-mdl-collection .cl-column-info {
  text-align: center;
  font-size: 16px;
  padding: 0px 5px;
  background-color: #ffffff; }
.cl-mdl-collection .cl-column-info h6 {
  color: #1284aa;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase; }
.cl-mdl-collection .cl-column-info p {
  font-weight: 300;
  color: #464646; }
.cl-mdl-collection .cl-column-info a, .cl-mdl-collection .cl-column-info h3 {
  font-weight: 500;
  color: #000000;
  font-size: 15px;
  text-decoration: underline;
  margin: 17px auto;
  line-height: 1.5;
  display: block; }

/****** Product ******/
.prd-info-detialwrap {
  margin-bottom: 80px; }

.prd-left-lookbox, .prd-right-lookbox {
  flex: 0 0 50%;
  max-width: 50%; }
@media only screen and (max-width: 767px) {
  .prd-left-lookbox, .prd-right-lookbox {
    width: 100%;
    display: block;
    flex: 0 0 100%;
    max-width: 100%; } }

.prd-top-lookzooming {
  overflow: hidden; }

.prd-thumb-slide {
  padding: 10px 10px;
  cursor: pointer; }

.prd-btm-thumbail {
  padding: 0 60px 0 40px; }
.prd-btm-thumbail .slick-active.slick-current .prd-thumb-wrap {
  border-color: #000000; }
.prd-btm-thumbail .slick-active.slick-current .prd-thumb-wrap:before {
  border-color: #000000; }
@media only screen and (max-width: 767px) {
  .prd-btm-thumbail {
    display: none; } }

.prd-thumb-wrap {
  position: relative;
  border: 1px solid #e6e6e6; }
.prd-thumb-wrap:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  top: 7px;
  left: -10px;
  z-index: -12; }

.prd-prdzoom-slide {
  width: auto;
  padding: 30px 20px; }

.prd-prdzoom-cover {
  border: 1px solid #e6e6e6;
  position: relative; }
.prd-prdzoom-cover:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  border: 1px solid #e6e6e6;
  top: 11px;
  left: -13px; }

.prd-prdzoom-wrap {
  max-height: 635px;
  min-height: 635px;
  height: 100%;
  overflow: hidden; }
.prd-prdzoom-wrap img {
  width: 100%; }
@media only screen and (max-width: 320px) {
  .prd-prdzoom-wrap {
    max-height: inherit;
    min-height: inherit; } }

.prd-right-lookbox {
  padding-top: 30px;
  max-width: 500px; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox {
    width: 100%;
    display: block;
    flex: 0 0 100%;
    max-width: 100%; } }
.prd-right-lookbox .prd-rlabel {
  margin-bottom: 30px; }
.prd-right-lookbox .prd-rlabel p {
  width: auto;
  font-size: 11px;
  font-weight: 300;
  color: #ffffff;
  background-color: #9dd4e6;
  padding: 9px 9px;
  display: inline-block; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox .prd-rlabel {
    text-align: center; } }
.prd-right-lookbox .prd-rsizerow {
  color: #464646;
  line-height: 1.3;
  display: flex;
  justify-content: flex-start;
  margin: auto;
  font-weight: 300;
  font-size: 14px; }
.prd-right-lookbox .prd-rsizerow .prd-rsizelbl {
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase; }
.prd-right-lookbox .prd-rsizerow p {
  margin-right: 15px;
  display: flex; }
.prd-right-lookbox .prd-rsizerow p img {
  margin: auto;
  margin-right: 9px;
  margin-top: 1px; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox .prd-rsizerow p {
    margin-right: 0; } }
.prd-right-lookbox .prd-rsizerow a {
  font-weight: 300;
  font-size: 14px;
  line-height: 1.2;
  text-decoration: underline; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox .prd-rsizerow {
    text-align: center;
    justify-content: space-between;
    display: flex; } }
.prd-right-lookbox h1 {
  font-size: 28px;
  font-weight: 500;
  color: #cccccc;
  text-transform: uppercase; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox h1 {
    text-align: center;
    font-size: 26px; } }
.prd-right-lookbox h2 {
  font-size: 30px;
  font-weight: 700;
  color: #cccccc;
  margin: 30px auto;
  text-transform: uppercase; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox h2 {
    text-align: center; } }
.prd-right-lookbox .prd-size-btngrp {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin: 25px auto 33px; }
.prd-right-lookbox .prd-size-btngrp label {
  background-color: transparent;
  font-size: 16px;
  color: #000000;
  font-weight: 500;
  min-width: 66px;
  text-align: center;
  letter-spacing: 0.5px;
  cursor: pointer; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox .prd-size-btngrp label {
    margin: 0 5px; } }
@media only screen and (max-width: 435px) {
  .prd-right-lookbox .prd-size-btngrp label {
    margin: 0; } }
@media only screen and (max-width: 320px) {
  .prd-right-lookbox .prd-size-btngrp label {
    min-width: inherit; } }
.prd-right-lookbox .prd-size-btngrp input {
  position: absolute;
  top: -9999px;
  left: -9999px; }
.prd-right-lookbox .prd-size-btngrp .prd-sizebtn {
  width: 100%;
  height: 100%;
  padding: 10px 10px 8px;
  border: 1px solid #cccccc; }
.prd-right-lookbox .prd-size-btngrp .prd-sizebtn:hover {
  color: #ffffff;
  background-color: #000000;
  border-color: #000000; }
.prd-right-lookbox .prd-size-btngrp input[type='radio']:checked + .prd-sizebtn {
  border-color: #000000; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox .prd-size-btngrp {
    text-align: center; } }
.prd-right-lookbox .prd-rqtywrap {
  color: #464646;

  font-size: 16px;
  font-weight: 500; }
.product-options .prd-rqtywrap {
  font-family:monospace;
  font-size:18px;
  font-weight:600;
}
.prd-right-lookbox .prd-rqtybox {
  margin: 20px 0 33px;
  max-width: 150px;
  max-height: 36px;
  display: flex; }
.prd-right-lookbox .prd-rqtybox button, .prd-right-lookbox .prd-rqtybox input {
  font-size: 16px;
  font-weight: 500;
  color: #cccccc;
  background: transparent;
  border: 0;
  text-align: center;
  border: 1px solid #cccccc;
  padding: 10px 10px 9px; }
.prd-right-lookbox .prd-rqtybox input {
  border-left: 0px;
  border-right: 0px;
  width: 100%;
  -moz-appearance: textfield;
  -webkit-appearance: textfield; }
.prd-right-lookbox .prd-rqtybox input::inner-spin-button, .prd-right-lookbox .prd-rqtybox input::outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
.prd-right-lookbox .prd-rqtybox input::-webkit-inner-spin-button, .prd-right-lookbox .prd-rqtybox input::-webkit-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
.prd-right-lookbox .prd-rqtybox input::-moz-inner-spin-button, .prd-right-lookbox .prd-rqtybox input::-moz-outer-spin-button {
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  margin: 0; }
.prd-right-lookbox .prd-rqtybox button {
  padding: 3px 13px 3px;
  font-size: 24px; }
.prd-right-lookbox .prd-rshopbtn {
  display: flex;
  justify-content: space-between;
  align-items: center;
  /*button, a{
  flex: 0 0 50%;
  max-width: 50%;
  text-decoration: none;
  font-size: $font16;
  font-weight: 700;
  color: $color3;
  background-color: $bgcolor5;
  padding: 15px 10px;
  text-align: center;
  border: 2px solid $bordercolor6;
  letter-spacing: 0.5px;
  &:hover{
  color: $color9;
  background-color: transparent;
}
}*/ }
.prd-right-lookbox .prd-rshopbtn .prd-cartbtn {
  flex: 0 0 50%;
  max-width: 50%;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  background-color: #000000;
  padding: 15px 10px;
  text-align: center;
  border: 2px solid #000000;
  letter-spacing: 0.5px; }
.prd-right-lookbox .prd-rshopbtn .prd-cartbtn:hover {
  color: #cccccc;
  background-color: transparent; }
.prd-right-lookbox .prd-rshopbtn .prd-shopbtn-none {
  border: transparent;
  background-color: transparent;
  color: #000000;
  font-size: 14px;
  font-weight: 300;
  margin-left: 10px;
  text-decoration: underline; }
.prd-right-lookbox .prd-rshopbtn .prd-shopbtn-none svg {
  margin-right: 10px;
  vertical-align: middle; }
.prd-right-lookbox .prd-rdesc-tabinfo {
  margin: 40px auto 10px; }
.prd-right-lookbox .prd-rdes-tab ul {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px solid #dadada;
  margin-bottom: 20px;
  padding-right: 15px; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox .prd-rdes-tab ul {
    justify-content: flex-start; } }
.prd-right-lookbox .prd-rdes-tab li {
  padding-bottom: 10px;
  list-style: none;
  font-weight: 500;
  font-size: 16px;
  text-transform: uppercase;
  cursor: pointer; }
@media only screen and (max-width: 767px) {
  .prd-right-lookbox .prd-rdes-tab li {
    margin-right: 24px;
    font-size: 14px; } }
.prd-right-lookbox .prd-active-tab {
  color: #000000;
  position: relative; }
.prd-right-lookbox .prd-active-tab:before {
  content: '';
  display: block;
  background: #464646;
  border: 2px solid #000;
  position: absolute;
  bottom: -2.3px;
  left: 0;
  max-width: 100%;
  width: 100%; }
.prd-right-lookbox .prd-rdes-info {
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  padding-left: 15px; }
.prd-right-lookbox .prd-rdes-info ul {
  display: none; }
.prd-right-lookbox .prd-rdes-info li {
  font-weight: 300;
  font-size: 14px;
  color: #464646;
  line-height: 24px; }

.prd-recomnded-slider .featured-item:hover .product-content h4 a, .prd-complook-slider .featured-item:hover .product-content h4 a {
  color: #7ab2c4;
  text-decoration: none; }

.rtex-termpolicy h1 {
  font-size: 18px;
  color: #464646;
  font-weight: 500; }
.rtex-termpolicy h3 {
  font-size: 16px;
  color: #464646;
  font-weight: 500;
  margin-bottom: 25px; }
.rtex-termpolicy h5 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 25px; }
.rtex-termpolicy p {
  font-size: 16px;
  color: #464646;
  font-weight: 300;
  line-height: 1.7;
  margin-bottom: 25px; }
.rtex-termpolicy ol {
  padding-left: 40px; }
.rtex-termpolicy li {
  line-height: 1.9;
  margin-bottom: 25px;
  padding-left: 5px; }
.rtex-termpolicy hr {
  margin: 30px auto; }
.rtex-termpolicy .rtex-behalf-adrs {
  margin-bottom: 30px; }
.rtex-termpolicy .rtex-behalf-adrs img {
  margin-bottom: 15px; }
.rtex-termpolicy .rtex-behalf-adrs p {
  max-width: 140px;
  width: 100%;
  margin: auto 0 auto 25px;
  line-height: 1.5;
  display: inline-block; }

.rtex-form {
  max-width: 400px; }
@media only screen and (max-width: 767px) {
  .rtex-form {
    flex: 0 0 100%;
    max-width: 100%; } }
.rtex-form .rtex-field {
  margin-bottom: 30px;
  font-size: 14px;
  color: #000000; }
.rtex-form .rtex-field label {
  font-weight: 300;
  margin-bottom: 15px;
  display: block; }
.rtex-form .rtex-field input {
  font-weight: 300;
  font-size: 14px;
  display: block;
  padding: 11px 10px;
  border: 1px solid #c6e0e7;
  width: 100%; }
.rtex-form .rtex-field button {
  font-weight: 500;
  font-size: 16px;
  color: #ffffff;
  background-color: #000000;
  padding: 15px 30px;
  border: 2px solid #000000;
  width: 50%;
  letter-spacing: 1.5px; }
.rtex-form .rtex-field a {
  font-weight: 500;
  font-size: 14px;
  color: #000000;
  text-decoration: underline; }

.faqs-txtcont h1 {
  color: #464646;
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 30px; }
.faqs-txtcont h5 {
  color: #000000;
  font-size: 16px;
  font-weight: 500;
  padding: 17px 0;
  border-bottom: 1px solid #cccccc; }
.faqs-txtcont h6 {
  font-size: 14px;
  font-weight: 300;
  line-height: 20px;
  margin-right: 15px; }
.faqs-txtcont .faq-tabtitle {
  color: #464646;
  cursor: pointer;
  padding: 15px 15px;
  border-bottom: 1px solid #cccccc; }
.faqs-txtcont .active-tab .faq-tabtitle {
  background-color: #f6f6f6;
  color: #000000; }
.faqs-txtcont .active-tab .faq-qtspara {
  display: block; }
.faqs-txtcont .faq-qtspara {
  padding: 25px 15px;
  display: none;
  background-color: #f6f6f6;
  border-bottom: 1px solid #cccccc; }
.faqs-txtcont p {
  margin-bottom: 25px;
  font-size: 16px;
  font-weight: 300;
  color: #464646;
  line-height: 1.5; }
.faqs-txtcont p:last-child {
  margin-bottom: 0; }
.faqs-txtcont li {
  list-style: none; }
.faqs-txtcont ul {
  padding: 0;
  position: relative; }
.faqs-txtcont ul:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #000;
  display: block;
  max-width: 50px;
  width: 100%; }

.faq-qtstable {
  margin-bottom: 60px; }

/****** Career ******/
.careers-content .career-txtcont h1 {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 23px; }
.careers-content .career-txtcont p {
  font-size: 16px;
  font-weight: 300;
  color: #464646;
  margin-bottom: 23px; }
.careers-content .career-column {
  width: 100%;
  margin-bottom: 40px; }
.careers-content .career-column .careerbar-one {
  flex: 0 0 40%;
  max-width: 40%; }
.careers-content .career-column .careerbar-two {
  flex: 0 0 30%;
  max-width: 30%; }
.careers-content .career-column .careerbar-three {
  flex: 0 0 30%;
  max-width: 30%;
  display: flex;
  align-items: center;
  justify-content: space-between; }
.careers-content .career-column span {
  font-size: 16px;
  font-weight: 700;
  color: #000000;
  text-transform: uppercase; }
.careers-content .career-column h3 {
  font-size: 16px;
  font-weight: 500;
  color: #000000; }
.careers-content .career-column h4 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  margin: 20px 0; }
.careers-content .career-column p {
  margin-bottom: 16px;
  font-size: 16px;
  font-weight: 300;
  color: #464646;
  line-height: 1.5; }
.careers-content .career-column p:last-child {
  margin-bottom: 0; }
.careers-content .career-column ul {
  list-style: none;
  padding: 0; }
.careers-content .career-column ul .career-title {
  background-color: #e4f0f4;
  border-bottom: 1px solid #e5e5e5;
  display: flex;
  padding: 20px; }
.careers-content .career-column ul .faq-tabtitle {
  color: #464646;
  cursor: pointer;
  padding: 15px 15px;
  border-bottom: 1px solid #cccccc; }
.careers-content .career-column .faq-qtspara {
  padding: 25px 85px;
  border-bottom: 1px solid #cccccc; }
.careers-content .career-column .faq-qtspara .career-info {
  margin-bottom: 20px; }
.careers-content .career-column .faq-qtspara .career-info ul {
  list-style: disc;
  margin-left: 30px; }
.careers-content .career-column .faq-qtspara .info-panel {
  padding: 25px;
  background-color: #f6f6f6; }
.careers-content .career-column .faq-qtspara .info-panel li h2 {
  font-size: 14px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 20px;
  text-transform: uppercase; }
@media only screen and (max-width: 540px) {
  .careers-content .career-column .faq-qtspara {
    padding: 25px 10px; } }

/****** Contact ******/
.register .contact-info {
  padding: 72px 0 58px; }
.register .contact-info .contact-column {
  flex: 0 0 50%;
  max-width: 50%;
  padding-left: 160px; }
.register .contact-info .contact-column h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  line-height: 30px;
  padding-bottom: 20px; }
.register .contact-info .contact-column p {
  font-size: 15px;
  font-weight: 300;
  color: #000000;
  padding-bottom: 17px; }
.register .contact-info .contact-column h3 {
  font-size: 16px;
  font-weight: 500;
  text-decoration: underline;
  color: #000000;
  line-height: 30px;
  padding-bottom: 20px; }
@media only screen and (max-width: 767px) {
  .register .contact-info .contact-column {
    padding-left: 75px; } }
@media only screen and (max-width: 540px) {
  .register .contact-info .contact-column {
    padding-left: 0;
    flex: 0 0 100%;
    max-width: 100%; } }
@media only screen and (max-width: 540px) {
  .register .contact-info {
    padding: 40px 0; } }
.register .contact-form {
  padding-top: 65px;
  border-top: 1px solid #e5e5e5; }
.register .contact-form h4 {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  line-height: 30px;
  padding-bottom: 15px; }
.register .contact-form p {
  font-size: 15px;
  font-weight: 300;
  color: #000000; }
.register .contact-form .form-area {
  padding: 0 15px; }
.register .contact-form .form-area input[type="text"],
.register .contact-form .form-area input[type="number"],
.register .contact-form .form-area input[type="email"],
.register .contact-form .form-area input[type="password"],
.register .contact-form .form-area input[type="date"],
.register .contact-form .form-area input[type="search"],
.register .contact-form .form-area input[type="date"],
.register .contact-form .form-area input[type="datetime-local"],
.register .contact-form .form-area input[type="tel"],
.register .contact-form .form-area textarea,
.register .contact-form .form-area select {
  background-color: #fff;
  border: 1px solid #c6e0e7;
  float: left;
  height: 42px;
  padding: 8px 10px;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  appearance: none;
  margin-bottom: 20px; }
.register .contact-form .form-area input[type="text"]:focus,
.register .contact-form .form-area input[type="number"]:focus,
.register .contact-form .form-area input[type="email"]:focus,
.register .contact-form .form-area input[type="password"]:focus,
.register .contact-form .form-area input[type="date"]:focus,
.register .contact-form .form-area input[type="search"]:focus,
.register .contact-form .form-area input[type="date"]:focus,
.register .contact-form .form-area input[type="datetime-local"]:focus,
.register .contact-form .form-area input[type="tel"]:focus,
.register .contact-form .form-area textarea:focus,
.register .contact-form .form-area select:focus {
  border: 1px solid #464646;
  color: #464646; }
.register .contact-form .form-area label {
  margin-bottom: 8px;
  display: block; }
.register .contact-form .form-area form {
  padding: 64px 0 0;
  max-width: 832px;
  margin: 0 auto; }
.register .contact-form .column-left {
  padding-right: 33px; }
@media only screen and (max-width: 540px) {
  .register .contact-form .column-left {
    padding: 0; } }
.register .contact-form .column-right {
  padding-left: 33px; }
@media only screen and (max-width: 540px) {
  .register .contact-form .column-right {
    padding: 0; } }
.register .contact-form .checkbox {
  position: relative; }
.register .contact-form .checkbox input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  margin: 0;
  display: none; }
.register .contact-form .checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border: solid #c6e0e7;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }
.register .contact-form .checkbox label {
  position: relative;
  cursor: pointer;
  line-height: 18px; }
.register .contact-form .checkbox label:before {
  content: '';
  -webkit-appearance: none;
  background-color: transparent;
  border: 1px solid #c6e0e7;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px; }
.register .contact-form .col-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap; }
.register .contact-form .col-full {
  flex: 0 0 100%;
  max-width: 100%; }
.register .contact-form .col-half {
  flex: 0 0 50%;
  max-width: 50%; }
@media only screen and (max-width: 540px) {
  .register .contact-form .col-half {
    padding-left: 0;
    flex: 0 0 100%;
    max-width: 100%; } }
.register .contact-form .col-quater-one {
  flex: 0 0 25%;
  max-width: 25%; }
.register .contact-form .col-quater-two {
  flex: 0 0 75%;
  max-width: 75%; }
@media only screen and (max-width: 540px) {
  .register .contact-form {
    padding-top: 40px; } }

/****** Blog-detail ******/
.our-blog .detail {
  padding: 74px 0 80px; }
.our-blog .detail .detail-column-left {
  flex: 0 0 62%;
  max-width: 62%; }
.our-blog .detail .detail-column-left .detail-blog .blog-pic {
  width: 100%; }
.our-blog .detail .detail-column-left .detail-blog h1 {
  font-size: 26px;
  font-weight: 700;
  color: #000000;
  margin: 20px 0;
  line-height: 40px; }
.our-blog .detail .detail-column-left .detail-blog p {
  font-size: 16px;
  font-weight: 300;
  color: #464646;
  margin-bottom: 20px; }
.our-blog .detail .detail-column-left .detail-blog .blog-img {
  margin-bottom: 20px; }
.our-blog .detail .detail-column-left .detail-blog .date {
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  display: flex; }
.our-blog .detail .detail-column-left .detail-blog .date h6 {
  font-size: 14px;
  font-weight: 300;
  color: #464646;
  font-style: italic; }
.our-blog .detail .detail-column-left .detail-blog .date span {
  margin: 0 20px;
  color: #464646; }
.our-blog .detail .detail-column-left .detail-blog .date .comment {
  margin-right: 5px; }
.our-blog .detail .detail-column-left .detail-blog .share {
  padding-top: 32px;
  border-top: 1px solid #e5e5e5; }
.our-blog .detail .detail-column-left .detail-blog .share ul {
  display: flex;
  list-style: none;
  padding: 0;
  justify-content: center; }
.our-blog .detail .detail-column-left .detail-blog .share ul li {
  color: #000000;
  line-height: 30px;
  font-size: 16px;
  padding-right: 25px;
  font-weight: 500; }
.our-blog .detail .detail-column-left .detail-blog .share ul li svg {
  width: 22px;
  height: 22px;
  color: #464646;
  opacity: 0.4; }
@media only screen and (max-width: 360px) {
  .our-blog .detail .detail-column-left .detail-blog .share ul li {
    padding-right: 18px; } }
@media only screen and (max-width: 767px) {
  .our-blog .detail .detail-column-left {
    flex: 0 0 100%;
    max-width: 100%; } }
.our-blog .detail .detail-column-right {
  flex: 0 0 36%;
  max-width: 36%;
  padding-left: 25px; }
.our-blog .detail .detail-column-right .achived {
  border: 1px solid #e5e5e5;
  padding: 28px 28px 0; }
.our-blog .detail .detail-column-right .achived .title {
  align-items: center;
  display: flex;
  margin-bottom: 35px; }
.our-blog .detail .detail-column-right .achived .title h3 {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  padding-right: 12px;
  text-transform: uppercase; }
.our-blog .detail .detail-column-right .achived .title hr {
  border: 1px solid #000000;
  width: auto;
  margin: 0 auto;
  flex-grow: 1; }
.our-blog .detail .detail-column-right .achived ul {
  list-style: none;
  padding: 0; }
.our-blog .detail .detail-column-right .achived ul li {
  color: #000000;
  font-size: 16px;
  padding-bottom: 25px;
  font-weight: 300; }
@media only screen and (max-width: 767px) {
  .our-blog .detail .detail-column-right {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    margin: 20px 0; } }
@media only screen and (max-width: 767px) {
  .our-blog .detail {
    padding: 20px 0; } }
.our-blog .related-blog .cl-cfg-head {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
  margin-bottom: 40px;
  cursor: pointer;
  padding-left: 15px;
  position: relative; }
.our-blog .related-blog .cl-cfg-head:before {
  content: '';
  display: block;
  background: #464646;
  border: 2px solid #000;
  position: absolute;
  bottom: -2px;
  left: 15px;
  max-width: 60px;
  width: 100%; }
.our-blog .related-blog .cl-cfg-head p {
  font-size: 16px;
  text-transform: uppercase;
  font-weight: 700;
  color: #000000; }
.our-blog .related-blog .blog-gallery .insta-img {
  padding: 0px 10px; }
.our-blog .related-blog .blog-gallery .slick-prev {
  position: absolute;
  top: 50%;
  left: -40px;
  background: transparent;
  font-size: 28px;
  transform: translateY(-55%);
  border: none;
  padding: 0; }
.our-blog .related-blog .blog-gallery .slick-next {
  position: absolute;
  top: 50%;
  right: -40px;
  transform: translateY(-55%);
  background: transparent;
  font-size: 28px;
  border: none;
  padding: 0; }
.our-blog .related-blog .blog-gallery h3 {
  font-weight: 500;
  color: #0b0b0b;
  font-size: 16px;
  text-decoration: underline;
  margin-top: 17px;
  text-align: center;
  line-height: 1.5;
  display: block; }

/****** Blog-list ******/
.blog-list .single-blog {
  padding: 65px 0 80px; }
.blog-list .single-blog .blog-detail-column-left {
  flex: 0 0 36%;
  max-width: 36%; }
.blog-list .single-blog .blog-detail-column-left .blog-detail {
  border: 1px solid #000000;
  padding: 40px; }
.blog-list .single-blog .blog-detail-column-left .blog-detail h1 {
  font-size: 32px;
  font-weight: 700;
  color: #000000;
  margin: 20px 0; }
.blog-list .single-blog .blog-detail-column-left .blog-detail p {
  font-size: 16px;
  font-weight: 300;
  color: #464646;
  margin-bottom: 133px; }
@media only screen and (max-width: 1080px) {
  .blog-list .single-blog .blog-detail-column-left .blog-detail p {
    margin-bottom: 34px; } }
.blog-list .single-blog .blog-detail-column-left .blog-detail h6 {
  font-size: 14px;
  font-weight: 300;
  color: #464646;
  font-style: italic; }
.blog-list .single-blog .blog-detail-column-left .blog-detail h4 {
  font-size: 16px;
  font-weight: 500;
  color: #464646;
  text-transform: uppercase; }
@media only screen and (max-width: 991px) {
  .blog-list .single-blog .blog-detail-column-left .blog-detail {
    padding: 23px; } }
@media only screen and (max-width: 767px) {
  .blog-list .single-blog .blog-detail-column-left {
    flex: 0 0 100%;
    max-width: 100%; } }
.blog-list .single-blog .blog-detail-column-right {
  flex: 0 0 64%;
  max-width: 64%; }
.blog-list .single-blog .blog-detail-column-right .detail-img {
  width: 100%; }
@media only screen and (max-width: 767px) {
  .blog-list .single-blog .blog-detail-column-right {
    flex: 0 0 100%;
    max-width: 100%; } }
.blog-list .blog {
  padding-top: 55px; }
.blog-list .blog .detail-column-left {
  flex: 0 0 62%;
  max-width: 62%; }
.blog-list .blog .detail-column-left .all-blog {
  margin-bottom: 64px; }
.blog-list .blog .detail-column-left .all-blog .blog-pic {
  width: 100%; }
.blog-list .blog .detail-column-left .all-blog h1 {
  font-size: 26px;
  font-weight: 700;
  color: #000000;
  margin: 20px 0; }
.blog-list .blog .detail-column-left .all-blog p {
  font-size: 16px;
  font-weight: 300;
  color: #464646;
  margin-bottom: 20px; }
.blog-list .blog .detail-column-left .all-blog .blog-img {
  margin-bottom: 20px; }
.blog-list .blog .detail-column-left .all-blog .date {
  padding: 12px 0;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
  display: flex; }
.blog-list .blog .detail-column-left .all-blog .date h6 {
  font-size: 14px;
  font-weight: 300;
  color: #464646;
  font-style: italic; }
.blog-list .blog .detail-column-left .all-blog .date span {
  margin: 0 20px;
  color: #464646; }
.blog-list .blog .detail-column-left .all-blog .date .comment {
  margin-right: 5px; }
@media only screen and (max-width: 480px) {
  .blog-list .blog .detail-column-left .all-blog {
    margin-bottom: 30px; } }
@media only screen and (max-width: 767px) {
  .blog-list .blog .detail-column-left {
    flex: 0 0 100%;
    max-width: 100%; } }
.blog-list .blog .detail-column-right {
  flex: 0 0 36%;
  max-width: 36%;
  padding-left: 25px; }
.blog-list .blog .detail-column-right .achived {
  border: 1px solid #e5e5e5;
  padding: 28px 28px 0; }
.blog-list .blog .detail-column-right .achived .title {
  align-items: center;
  display: flex;
  margin-bottom: 35px; }
.blog-list .blog .detail-column-right .achived .title h3 {
  font-size: 18px;
  font-weight: 700;
  color: #000000;
  padding-right: 12px;
  text-transform: uppercase; }
.blog-list .blog .detail-column-right .achived .title hr {
  border: 1px solid #000000;
  width: auto;
  margin: 0 auto;
  flex-grow: 1; }
.blog-list .blog .detail-column-right .achived ul {
  list-style: none;
  padding: 0; }
.blog-list .blog .detail-column-right .achived ul li {
  color: #000000;
  font-size: 16px;
  padding-bottom: 25px;
  font-weight: 300; }
@media only screen and (max-width: 767px) {
  .blog-list .blog .detail-column-right {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0; } }
@media only screen and (max-width: 767px) {
  .blog-list .blog {
    padding-top: 30px; } }

/******login page******/
.account span {
  justify-content: flex-end;
  display: flex;
  margin-bottom: 80px;
  font-size: 16px;
  font-weight: 300;
  color: #000000; }
.account span a {
  text-decoration: underline;
  font-weight: 700; }
@media only screen and (max-width: 767px) {
  .account span {
    margin-bottom: 40px;
    justify-content: center; } }
.account .account-form {
  margin-top: 80px;
  background-color: #e4f0f4; }
.account .account-form .signup-column {
  flex: 0 0 50%;
  max-width: 50%;
  padding: 65px 0px;
  position: relative;
  margin: 0 auto; }
.account .account-form .signup-column .signup-cover {
  max-width: 340px;
  margin: 0 auto;
  position: relative; }
.account .account-form .signup-column .signup-cover h5 {
  font-size: 18px;
  font-weight: 500;
  color: #000000;
  margin-bottom: 30px; }
.account .account-form .signup-column .signup-cover .form-area input[type="text"],
.account .account-form .signup-column .signup-cover .form-area input[type="number"],
.account .account-form .signup-column .signup-cover .form-area input[type="email"],
.account .account-form .signup-column .signup-cover .form-area input[type="password"],
.account .account-form .signup-column .signup-cover .form-area input[type="date"],
.account .account-form .signup-column .signup-cover .form-area input[type="search"],
.account .account-form .signup-column .signup-cover .form-area input[type="date"],
.account .account-form .signup-column .signup-cover .form-area input[type="datetime-local"],
.account .account-form .signup-column .signup-cover .form-area input[type="tel"],
.account .account-form .signup-column .signup-cover .form-area textarea,
.account .account-form .signup-column .signup-cover .form-area select {
  background-color: #ffffff;
  border: 1px solid #c6e0e7;
  color: #c6e0e7;
  float: left;
  height: 42px;
  padding: 8px 10px;
  transition: all 0.3s ease-out 0s;
  width: 100%;
  appearance: none;
  margin-bottom: 20px; }
.account .account-form .signup-column .signup-cover .form-area input[type="text"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="number"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="email"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="password"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="date"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="search"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="date"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="datetime-local"]:focus,
.account .account-form .signup-column .signup-cover .form-area input[type="tel"]:focus,
.account .account-form .signup-column .signup-cover .form-area textarea:focus,
.account .account-form .signup-column .signup-cover .form-area select:focus {
  border: 1px solid #464646;
  color: #464646; }
.account .account-form .signup-column .signup-cover .form-area label {
  margin-bottom: 8px;
  display: block; }
.account .account-form .signup-column .signup-cover p {
  font-size: 13px;
  font-weight: 300;
  font-style: italic;
  color: #000000;
  margin-top: 20px; }
.account .account-form .signup-column .signup-cover h6 {
  font-size: 16px;
  font-weight: 500;
  color: #000000;
  margin-top: 20px;
  text-decoration: underline;
  text-transform: uppercase; }
.account .account-form .signup-column .signup-cover .checkbox {
  position: relative;
  margin-bottom: 20px; }
.account .account-form .signup-column .signup-cover .checkbox input[type="checkbox"] {
  opacity: 0;
  visibility: hidden;
  width: 0;
  height: 0;
  margin-bottom: 20px;
  display: none; }
.account .account-form .signup-column .signup-cover .checkbox input[type="checkbox"]:checked + label:after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 4px;
  height: 8px;
  border: solid #c6e0e7;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg); }
.account .account-form .signup-column .signup-cover .checkbox label {
  position: relative;
  cursor: pointer;
  line-height: 18px; }
.account .account-form .signup-column .signup-cover .checkbox label:before {
  content: '';
  -webkit-appearance: none;
  background-color: #ffffff;
  border: 1px solid #c6e0e7;
  padding: 8px;
  display: inline-block;
  position: relative;
  vertical-align: middle;
  cursor: pointer;
  margin-right: 7px; }
@media only screen and (max-width: 767px) {
  .account .account-form .signup-column .signup-cover {
    flex: 0 0 100%;
    max-width: 100%; } }
.account .account-form .signup-column:last-child:after {
  content: '';
  position: absolute;
  border: 1px solid #000000;
  top: 0;
  left: 0;
  z-index: 2;
  transform: translate(20px, -20px);
  transition: ease 0.2s;
  bottom: 0;
  right: 0; }
@media only screen and (max-width: 767px) {
  .account .account-form .signup-column:last-child:after {
    display: none; } }
@media only screen and (max-width: 767px) {
  .account .account-form .signup-column {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 65px 30px;
    margin: 0 auto 30px;
    background: #e4f0f4; } }
@media only screen and (max-width: 767px) {
  .account .account-form {
    background: none;
    margin-top: 40px; } }

/******cart page******/
.cart {
  padding-top: 60px; }
.cart .cart-info .cartbar {
  flex: 0 0 50%;
  max-width: 50%; }
.cart .cart-info .cartbar h3 {
  font-size: 15px;
  font-weight: 500;
  color: #000000;
  text-transform: uppercase;
  margin-bottom: 15px; }
.cart .cart-info .cartbar h4 {
  font-size: 14px;
  font-weight: 300;
  color: #464646;
  margin-bottom: 15px; }
.cart .cart-info .cartbar h4 a {
  font-size: 15px;
  font-weight: 500;
  text-decoration: underline; }
@media only screen and (max-width: 767px) {
  .cart .cart-info .cart-title {
    text-align: center; }
  .cart .cart-info .cart-title h3 {
    font-size: 15px;
    font-weight: 500;
    color: #000000;
    text-transform: uppercase;
    margin-bottom: 15px; }
  .cart .cart-info .cart-title h4 {
    font-size: 14px;
    font-weight: 300;
    color: #464646;
    margin-bottom: 15px; }
  .cart .cart-info .cart-title h4 a {
    font-size: 15px;
    font-weight: 500;
    text-decoration: underline; } }
.cart .checkout {
  border-top: 1px solid #000000;
  padding: 60px 0; }
.cart .checkout .checkout-leftbar {
  flex: 0 0 60%;
  max-width: 60%; }
.cart .checkout .checkout-leftbar label {
  font-weight: 700;
  text-transform: uppercase;
  color: #000000;
  font-size: 14px; }
.cart .checkout .checkout-leftbar .product-image {
  flex: 0 0 15%;
  max-width: 15%;
  flex-grow: 1;
  padding: 10px;
  text-align: left; }
@media only screen and (max-width: 540px) {
  .cart .checkout .checkout-leftbar .product-image {
    flex: 0 0 17%;
    max-width: 17%; } }
@media only screen and (max-width: 480px) {
  .cart .checkout .checkout-leftbar .product-image {
    flex: 0 0 20%;
    max-width: 20%; } }
@media only screen and (max-width: 360px) {
  .cart .checkout .checkout-leftbar .product-image {
    flex: 0 0 37%;
    max-width: 37%; } }
.cart .checkout .checkout-leftbar .product-details {
  flex-grow: 1;
  padding: 10px;
  text-align: left; }
.cart .checkout .checkout-leftbar .product-price {
  flex: 0 0 15%;
  max-width: 15%;
  flex-grow: 1;
  padding: 10px; }
@media only screen and (max-width: 767px) {
  .cart .checkout .checkout-leftbar .product-price {
    flex: 0 0 19%;
    max-width: 19%; } }
@media only screen and (max-width: 480px) {
  .cart .checkout .checkout-leftbar .product-price {
    flex: 0 0 22%;
    max-width: 22%; } }
@media only screen and (max-width: 435px) {
  .cart .checkout .checkout-leftbar .product-price {
    flex: 0 0 24%;
    max-width: 24%; } }
.cart .checkout .checkout-leftbar .product-quantity {
  flex: 0 0 20%;
  max-width: 20%;
  flex-grow: 1;
  padding: 10px; }
.cart .checkout .checkout-leftbar .product-removal {
  flex: 0 0 8%;
  max-width: 8%;
  flex-grow: 1;
  padding: 10px;
  text-align: center; }
.cart .checkout .checkout-leftbar .product-wish {
  flex: 0 0 7%;
  max-width: 7%;
  flex-grow: 1;
  padding: 10px;
  text-align: center; }
.cart .checkout .checkout-leftbar .column-labels {
  display: flex;
  align-items: flex-start;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px; }
.cart .checkout .checkout-leftbar .product {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 10px;
  display: flex; }
.cart .checkout .checkout-leftbar .product-title {
  font-weight: 700;
  color: #000000;
  font-size: 16px;
  margin-bottom: 10px; }
.cart .checkout .checkout-leftbar .product-description {
  font-weight: 300;
  color: #000000;
  font-size: 14px;
  margin-bottom: 10px;
  margin-bottom: 10px; }
.cart .checkout .checkout-leftbar input {
  width: 53px;
  padding: 6px 10px;
  text-align: center;
  margin: 0 5px 5px;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none; }
.cart .checkout .checkout-leftbar .divprop {
  display:inline;
}
.cart .checkout .checkout-leftbar span {
  padding: 5px 10px;
  text-align: center;
  border: 1px solid #e5e5e5;
  box-shadow: none;
  margin-bottom: 5px; }
.cart .checkout .checkout-leftbar h3 {
  font-weight: 700;
  color: #000000;
  font-size: 15px;
  margin-bottom: 10px; }
.cart .checkout .checkout-leftbar h5 {
  font-weight: 500;
  color: #464646;
  font-size: 15px;
  text-decoration: line-through;
  margin-bottom: 10px; }
.cart .checkout .checkout-leftbar .remove {
  margin-right: 10px; }
.cart .checkout .checkout-leftbar .column-labels .product-removal, .cart .checkout .checkout-leftbar .column-labels .product-wish {
  text-indent: -9999px; }
.cart .checkout .checkout-leftbar .payment {
  margin-bottom: 40px; }
.cart .checkout .checkout-leftbar .payment p {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 10px; }
@media only screen and (max-width: 767px) {
  .cart .checkout .checkout-leftbar {
    width: 100%;
    display: block;
    flex: 0 0 100%;
    max-width: 100%; } }
.cart .checkout .checkout-rightbar {
  flex: 0 0 40%;
  max-width: 40%;
  display: flex;
  justify-content: flex-end; }
.cart .checkout .checkout-rightbar .order-summary {
  border: 1px solid #e5e5e5;
  padding: 56px 36px 190px 40px;
  position: relative; }
.cart .checkout .checkout-rightbar .order-summary:after {
  content: '';
  position: absolute;
  border: 1px solid #e5e5e5;
  top: 0;
  padding: 56px 36px 40px;
  left: 0;
  z-index: -1;
  transform: translate(-10px, 10px);
  transition: ease 0.2s;
  bottom: 0;
  right: 0; }
.cart .checkout .checkout-rightbar .order-summary:before {
  content: url(../images/curve.png);
  position: absolute;
  top: 74%;
  left: 40%;
  transform: translate(-40%, 0%); }
.cart .checkout .checkout-rightbar .order-summary .totals {
  margin: 50px 0; }
.cart .checkout .checkout-rightbar .order-summary .totals .promo {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 10px 0;
  color: #1284aa;
  margin: 20px 0; }
.cart .checkout .checkout-rightbar .order-summary .totals .totals-item {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 100%;
  margin-bottom: 10px;
  color: #cccccc;
  font-weight: 400; }
.cart .checkout .checkout-rightbar .order-summary .totals .totals-item label {
  clear: both;
  width: 68%;
  font-size: 15px;
  font-weight: 300;
  color: #000000; }
.cart .checkout .checkout-rightbar .order-summary .totals .totals-item .totals-value {
  width: 22%;
  text-align: right;
  font-size: 15px;
  flex-grow: 1;
  font-weight: 500;
  color: #000000; }
@media only screen and (max-width: 360px) {
  .cart .checkout .checkout-rightbar .order-summary {
    padding: 56px 20px 190px; } }
@media only screen and (max-width: 767px) {
  .cart .checkout .checkout-rightbar {
    display: block;
    flex: 0 0 70%;
    max-width: 70%;
    margin: auto; } }
@media only screen and (max-width: 540px) {
  .cart .checkout .checkout-rightbar {
    display: block;
    flex: 0 0 90%;
    max-width: 90%;
    margin: auto; } }
@media only screen and (max-width: 767px) {
  .cart .checkout {
    border: none;
    overflow: hidden; } }

/*# sourceMappingURL=style.css.map */
.price-qty .color6{
  font-size: 30px;
  font-weight: 700;
  color: #cccccc;
  margin: 15px auto;
  text-transform: uppercase;
}
.product-options .prd-rshopbtn input{
  max-width: 50%;
  text-decoration: none;
  font-size: 16px;
  font-weight: 700;
  color: #ffffff;
  background-color: #000000;
  padding: 15px 10px;
  text-align: center;
  border: 2px solid #000000;
  letter-spacing: 0.5px;
}
.product-options .prd-rshopbtn input:hover{
  background:#fff;
  color:#000;
}
.h1{
  font-weight:600;
  font-size:25px;

}
.nocart{
  margin:80px 0;
  text-align:center;
}
.nocart img {
  display:block;
  margin:30px auto;
}
.nocart a{
  color: #000000;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 700;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 2px solid #000000;
  display: inline-block;
  line-height: 20px;
}
.nocart a:hover{
  background:#000;
  color:#fff;
}
.nocoll{
  text-align: center;
  font-weight:600;
  font-size: 26px;
  margin:80px 0;
}
.nocoll img{
  display:block;
  margin:30px auto;
}
.nocoll a{
  color: #000000;
  padding: 10px 30px;
  font-size: 14px;
  font-weight: 700;
  background: transparent;
  text-transform: uppercase;
  letter-spacing: 3px;
  border: 2px solid #000000;
  display: inline-block;
  line-height: 20px;
}
.nocoll a:hover{
  background:#000;
  color:#fff;
}
#collections-listing {
  text-align:center;
}
#collections-listing h2{
  font-size: 25px;
  margin: 10px 0;
}
.h3{
  margin: 15px 0;
  text-transform:uppercase;
}
.advanced-filters .advanced-filter a{
  text-transform:capitalize;
  color:#1284aa;
}
.advanced-filters .advanced-filter a:hover{
  color:#7ab2c4;
}
.cl-lft-config ul li a{
  text-transform:capitalize;
  color:#1284aa;
}
.cl-lft-config ul li a:hover{
  color:#7ab2c4;
}
.quick-view-button a{
  max-width: 50%;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background-color: #e53131;
  padding: 9px 8px;
  text-align: center;
  letter-spacing: 0.5px;
}
.quick-view-buttonc a {
  max-width: 100%;
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  color: #ffffff;
  background-color: #e53131;
  padding: 9px 8px;
  text-align: center;
  letter-spacing: 0.5px;
}
.topcart-btn{
  margin-bottom:40px;
}
.mini-cart-wrap {
  width: 18%;
  background-color: #fff;
  color: white;
  text-align: center;
  top: 0;    
  right: -100%;
  position: fixed;
  display: block;
  height:61pc;
  z-index:999;
  transition:5s ease;
  overflow-y:auto;
}
.close {
  color: #ffffff;
  font-size: 14px;
  position: absolute;
  top: 5px;
  background: #000;
  padding: 3px;
  right: -24px;
  border-radius: 9px;
  transition:2s ease;
}
.featured_img{
  margin-bottom:40px;
}
.flexbox h3 {
  text-align: center;
  padding: 10px 0;
  border-bottom: 1px solid #ccc;
  color:#000;
}
.add_view {
  position: fixed;
  top: 0;
  left: 0px;
  bottom: 0;
  right: 0;
  background-color: rgb(0,0,0,0.5);
  width: 100%;
  z-index: 999;
  display:block;
}
.fullpage::after {
  content: ' ';
  z-index: 99;
  background: rgba(0,0,0,0.8);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  position: fixed;
}
.cartdataouter{
  display:flex;
}
.cart-product-list ul li{
  padding:8px 8px;
  border-bottom:1px solid #ccc;
}
.cart-product-list ul{
  padding-left:0;
  list-style-type:none;
}
.pro-dec .pro-dec-wrap .pro-name .pvars {
  color:black;
  margin-bottom: 5px;
  text-align: left;
}
.pro-dec .pro-dec-wrap .pro-name{
  font-size:12px;
}
.pro-dec .pro-dec-wrap .pricecc {
  color:black;
  margin-bottom: 5px;
  font-size:12px;
  text-align: left;
}
.pro-dec .pro-dec-wrap {
  text-align:left;
}
.qut-box .quantity{
  height: 30px;
  width: 54px;
  padding: 10px;
  background: no-repeat;
  text-align: right;
  border-right: 0;
  border-left: 0;
  border-color: #eee;
  font-size:12px;
}
.emptyCart{
  color:#000;
  margin:5px 0;
}
.box {
  margin-bottom:5px;
}
.pro-name h2{
  margin-bottom:5px;
}
.pro-dec{
  padding-left: 30px;
  padding-right: 20px;
  font-size:12px;
}
.adjust{
  position: absolute;
  color: #ccc;
  font-size: 20px;
  width: 26px;
  line-height: 27px;
  text-align: center;
  border: 1px solid;
}
.cartTotal {
  padding: 10px 5px;
  border-bottom: 1px solid #ccc;
  display: flex;
  color:#000;
  justify-content: space-around;
  font-weight: bold;
  margin-bottom: 25px;
}
.topcart-btn a{
  background: #000;
  color: #fff;
  text-transform: uppercase;
  border: 0;
  padding: 11px 28px;
  transition: 0.4s all;
  -webkit-transition: 0.4s all;
  cursor: pointer;
  outline: none !important;
}
.cart-body.loading:after {
  position: absolute;
  content: ' ';
  background: #fff url('Reload.svg') no-repeat;
  background-position: center;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 2;
  opacity: 0.6;
}

.span2{
  text-align:center;
  height:50%;
}
.span2 img{
  max-width:100%;
  border:2px solid #fff;
}
.peoduct-item-choice{

  display: flex;
  justify-content: center;
  padding: 10px;

}
.peoduct-item-choice span {
  width: 13%;
  padding: 1px;
  border-radius:50%;
  margin: 5px;

}
.csw{
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius:50%;
  border: 1px solid #cccccc;
}
a.csw.active{
  box-shadow: 0px 5px 6px #753d3d;
  border:1px;
}
.prd-rshopbtnv input{
  background: #000;
  color: #fff;
  padding: 10px 25px;
  font-size: 14px;
  border-radius: 4px;
  font-weight: 600;
  border: none;
}
.prd-rshopbtnv{
  text-align:center;
  margin:8px;
}
.thumbflex{
  display:flex;
}
.addEproduct{
  margin-bottom:10px;
  display: flex;
  align-items: center;
}
.addEproduct input{
  margin:0;
}

.quickview_wrap{
  position:fixed;
  z-index:999;
  background: white;
  top: 26%;
  left: 26%;
}
.qclose{
  position: absolute;
  right: 3px;
  top: 3px;
  background:#000;
  color:#fff;
  border-radius:50%;
  padding:5px;
  font-size:11px;
  cursor:pointer;
}
.quantity input{
  width:15%;
}
.addtocart{
  width: 50%;
  color:#fff;
  background:#000;
  padding: 8px;
  margin: 6px 0;
  border-radius:5px;
  border:none;
}
.qv-product-images{
  display: flex;
  flex-wrap: wrap;
  flex-basis: 50%;
  padding: 86px 12px;
}
.qv-content{
  padding: 86px 12px;
}
.collection-content .selector-wrapper{
  display:none;
}
.parent-wrapper{
  display:block;
}
.parent-wrapper {
  left: 39%;
  top: 32%;
  z-index: 999;
  position: fixed;
  width: 400px;
  height: 270px;
  margin: 40px auto 0;
  background-image: url('http://www.imgbase.info/images/safe-wallpapers/digital_art/1_miscellaneous_digital_art/41750_1_miscellaneous_digital_art_simple_dark_shapes.jpg');
  background-size: 100%;
  background-repeat: no-repeat;
  background-position-y: -600%;
  background-color: #000;
  border-radius: 4px;
  color: #FFF;
  box-shadow: 0px 0px 50px 5px rgba(0, 0, 0, 0.5);
}

.close-btn {
  margin: 20px;
  font-size: 18px;
  cursor: pointer;
}

.subscribe-wrapper {
  position: absolute;
  left: -30px;
  right: -30px;
  height: 200px;
  padding: 30px;
  background-image: url('https://i.imgur.com/MRjF1PL.png?1');
  background-position-x: 272%;
  background-position-y: -1px;
  background-repeat: no-repeat;
  background-color: #FFF;
  border-radius: 4px;
  color: #333;
  box-shadow: 0px 0px 60px 5px rgba(0, 0, 0, 0.4);
}

.subscribe-wrapper:after {
  position: absolute;
  content: "";
  right: -10px;
  bottom: 71px;
  width: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #7149c7;
}

.subscribe-wrapper h4 {
  text-align: center;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 28px;
}

.subscribe-wrapper input {
  position: absolute;
  bottom: 30px;
  border: none;
  border-bottom: 1px solid #d4d4d4;
  padding: 10px;
  width: 65%;
  background: transparent;
  transition: all .25s ease;
}

.subscribe-wrapper input:focus {
  outline: none;
  border-bottom: 1px solid #a77cf4;
}

.subscribe-wrapper .submit-btn {
  position: absolute;
  border-radius: 30px;
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
  background-color: #a77cf4;
  color: #FFF;
  padding: 12px 25px;
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 2px;
  right: -10px;
  bottom: 30px;
  cursor: pointer;
  transition: all .25s ease;
  box-shadow: -5px 6px 20px 0px rgba(51, 51, 51, 0.4);
}

.subscribe-wrapper .submit-btn:hover {
  background-color: #8e62dc;
}
.cl-wrapbox-column.cselected{
  box-shadow:0px 3px 28px rgba(44,130,201,0.8);
}
.cl-wrapbox-colum.pselected{
  box-shadow:0px 3px 28px rgba(200,130,201,0.8);
}
.colldiplay{
  justify-content:center;
}
.perror{
  text-align: center;
  margin:5px;
  color:red;
}
.pbtn {
  background:#a53131;
  color:#fff;
  border:1px solid #000;
  padding:5px 13px;
  font-weight: 600;
}
.upsell-item {
  display: -webkit-box;
  display: flex;
  -webkit-box-align: center;
  align-items: center;
  padding: 15px;
  background-color: rgba(0,0,0,0.05);
  width: calc(100% - 60px);
  margin: 0 auto;
  border-radius: 0;
}
.upsell-text {
  -webkit-box-flex: 1;
  flex: 1;
  margin: 0 15px;
}
.upsell-add button{
  width:100%;
  display: inline-block;
  background: #000;
  text-transform: uppercase;
  padding: 5px 7px;
  border-radius: 0;
  color: #fff;
  font-weight: 800;
  font-size: 12px;
  -webkit-transition: 0.2s background-color;
  transition: 0.2s background-color;
}
.upsell-text-prices p{
  color:#000;
}

/* 
Swatches Styles
*/

{% assign width = '70px' %}
{% assign height = '35px' %}
.swatch { 
  margin:4em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
  font-size: 18px;
  font-weight: 600;
  font-family: monospace;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:{{ width }} !important; 
  height:{{ height }} !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ccc 1px solid;
  /* Background color */
  background-color:#fff;
  /* Styling text */
  font-size:13px;
  text-align:center;
  line-height:{{ height }};
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label { padding: 10px 30px 8px;
  border: 1px solid #cccccc; }
.swatch-element label:hover{
  color:#773232;
}
.color.swatch-element label { padding:15px 15px;
  border-radius: 50%;}
/* Styling selected swatch */
/* Slightly raised */
.swatch input:checked + label {
  -webkit-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  -moz-box-shadow:0px 1px 2px rgba(0,0,0,0.8);
  box-shadow:0px 3px 3px rgba(146,60,60,0.8);
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100%; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:none; }
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  filter: alpha(opacity=60); /* internet explorer */
  -khtml-opacity: 0.6;      /* khtml, old safari */
  -moz-opacity: 0.6;       /* mozilla, netscape */
  opacity: 0.6;           /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:#000;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-14px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid #000 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}
.swatchimg{
  background-position:center;
  background-repeat:no-repeat;
  background-size: cover;
  border: 1px;
}
.site-header .navigation ul li a:hover{
  color:green;
  box-shadow:0px 3px 4px #33332e;
}
.site-footer .footer-col li a:hover{
  color:blue;
}

.a1p_timer__wrap {
  background-color: false;
  color: false;
}
.a1p_timer__wrap {
  display: inline-block;
  margin-right: 5px;
  padding: 5px;
  border: 0;
  min-width: 65px;
  font-weight: bold;
  color: black;
  border: 1px solid;
  border-radius: 15px;
}
.a1p_timer__value {
  font-size: 30px;
  font-family: 'PT Sans', sans-serif;
  line-height: 1;
}
.a1p_timer__unit {
  font-size: .65em;
}
.a1p_timer__clock{
  text-align: center
}

/* .site-header{
position: fixed;
top: 0;
display: block;
width: 100%;
z-index: 999;
}
*/
.featured-product-slider{
  position:relative;
}
.featured_compare{
  opacity:0;
  visibility:hidden;
  position: sticky;
  bottom: 0;
  left: 0;
  background: #828282;
  color: #000;
  z-index: 999;
}
.featured_compare.active{
  opacity:1;
  visibility:visible;
}

.featured-product-sliderr {
  margin-top: 100px;
  margin-bottom: 45px; }
@media only screen and (max-width: 991px) {
  .prd-complook-slider, .prd-recomnded-slider, .featured-product-sliderr {
    margin-top: 60px; } }
@media only screen and (max-width: 767px) {
  .prd-complook-slider, .prd-recomnded-slider, .featured-product-sliderr {
    margin-top: 50px; } }
@media only screen and (max-width: 540px) {
  .prd-complook-slider, .prd-recomnded-slider, .featured-product-sliderr {
    margin-bottom: 20px; } }
.prd-complook-slider .featured-item, .prd-recomnded-slider .featured-item, .featured-product-sliderr .featured-item {
  padding: 0 10px;
  position: relative;
  text-align: center; }
.prd-complook-slider .featured-item .img, .prd-recomnded-slider .featured-item .img, .featured-product-sliderr .featured-item .img {
  z-index: 1;
  position: relative; }
.prd-complook-slider .featured-item .img img, .prd-recomnded-slider .featured-item .img img, .featured-product-sliderr .featured-item .img img {
  margin: 0 auto;
  width: 100%; }
.prd-complook-slider .featured-item .product-content, .prd-recomnded-slider .featured-item .product-content, .featured-product-sliderr .featured-item .product-content {
  width: calc(100% - 40px);
  background: #ffffff;
  padding: 15px;
  text-align: center;
  z-index: 2;
  position: relative;
  margin: -20px auto 0; }
@media only screen and (max-width: 540px) {
  .prd-complook-slider .featured-item .product-content, .prd-recomnded-slider .featured-item .product-content, .featured-product-sliderr .featured-item .product-content {
    width: calc(100% - 30px);
    padding: 15px 10px; } }
.prd-complook-slider .featured-item .product-content h4, .prd-recomnded-slider .featured-item .product-content h4, .featured-product-sliderr .featured-item .product-content h4 {
  margin-bottom: 12px;
  font-size: 16px;
  line-height: 1.5; }
@media only screen and (max-width: 767px) {
  .prd-complook-slider .featured-item .product-content h4, .prd-recomnded-slider .featured-item .product-content h4, .featured-product-sliderr .featured-item .product-content h4 {
    font-size: 15px; } }
@media only screen and (max-width: 540px) {
  .prd-complook-slider .featured-item .product-content h4, .prd-recomnded-slider .featured-item .product-content h4, .featured-product-sliderr .featured-item .product-content h4 {
    font-size: 14px; } }
.prd-complook-slider .featured-item .product-content h4 a, .prd-recomnded-slider .featured-item .product-content h4 a, .featured-product-sliderr .featured-item .product-content h4 a {
  text-decoration: underline;
  font-weight: 700;
  letter-spacing: 0.5px; }
.prd-complook-slider .featured-item .product-content p, .prd-recomnded-slider .featured-item .product-content p, .featured-product-sliderr .featured-item .product-content p {
  font-size: 16px; }
@media only screen and (max-width: 540px) {
  .prd-complook-slider .featured-item .product-content p, .prd-recomnded-slider .featured-item .product-content p, .featured-product-sliderr .featured-item .product-content p {
    font-size: 14px; } }
.prd-complook-slider .featured-item .product-content h6, .prd-recomnded-slider .featured-item .product-content h6, .featured-product-sliderr .featured-item .product-content h6 {
  color: #1284aa;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 13px; }
.featured-product-sliderr {
  display: flex;
  flex-wrap: wrap;
}
.compare_common{
  width:25%;
}

/* ============ */

/* .content{
width: 100%;
position:relative;
overflow-x: hidden;
margin: 0px;
overflow-y:hidden;
margin:10px 0;
}
.content.active {
background: rgba(255,255,255,0.3);
cursor: grabbing;
cursor: -webkit-grabbing;
transform: scale(1);
}
.arrow-left,.arrow-right{
background-color: #000;
border-radius:5px;
color:white;
z-index: 2;
cursor: pointer;
width:10%;
}
.content{
width: 1000px;
}
.content > .portfolio-item{
width: 10%;
margin-right:20px;
float:left;
} */

.items {
  position: relative;
  transition: all 0.2s;
  transform: scale(0.98);
  will-change: transform;
  user-select: none;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  cursor:grab;
}
.item {
  width:10%;
  display: inline-block;
  background: skyblue;
  margin: 2em 1em;
  text-align: center;
}
#contact_wrapper{
  z-index: 99;
  position: relative;
}
.overlay{
  position: fixed;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #10283e;
  mix-blend-mode: multiply;
  opacity: 0.4;
}
.popup-wrapper{
  position: fixed;
  height: 400px;
  width: 400px;
  right: 0;
  margin: 0 auto;
  left: 0;
  top: 50%;
  transform: translate(0%, -50%);
}
.popup-inner-wrapper{
  background:#fff;
  padding: 30px;
  position:relative;
}
.popup-inner-wrapper label{
  margin-bottom:10px;
}
.popup-inner-wrapper input{
  width:100%;
  margin-bottom:10px;
}
.popup-inner-wrapper .close-button{
  width: 20px;
  height: 20px;
  position: absolute;
  top:10px;
  right:10px;
  cursor:pointer;
}

#shareBtn{
  color: #fff;
  background: #000;
  padding: 15px;
  max-width: 25%;
  border-radius: 5px;
  text-align: center;
  margin: 15px 0;
  cursor:pointer;
}
.nine-section .slick-next {
  position: absolute;
  top: 0;
}
.nine-section {
    display: block;
    position: relative;
    z-index: 1;
    padding-top: 9.023vw;
    padding-bottom: 7.969vw;
}
@media only screen and (max-width: 767px) {
    .nine-section {
        padding-top: 18.044vw;
        padding-bottom: 13.067vw;
    }
}
.nine-section .slick-slide img {
    width: 100%;
}
.nine-section .nine-title {
    position: relative;
    margin-bottom: 2.93vw;
}
@media only screen and (max-width: 767px) {
    .nine-section .nine-title {
        margin-bottom: 12.444vw;
    }
}
.nine-section .nine-title h2 {
    font-size: 2.813vw;
    line-height: 3.438vw;
    margin-bottom: 1.445vw;
    font-family: "Pluto Cond Black";
    text-align: center;
}
@media only screen and (max-width: 767px) {
    .nine-section .nine-title h2 {
        font-size: 8.711vw;
        line-height: 9.6vw;
        margin-bottom: 4.711vw;
    }
}
.nine-section .nine-title p {
    text-align: center;
    font-size: 1.25vw;
    line-height: 1.875vw;
    font-family: "Pluto Cond";
}
@media only screen and (max-width: 767px) {
    .nine-section .nine-title p {
        font-size: 3.911vw;
        line-height: 5.689vw;
    }
}
.nine-section .arc-shap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
}
.nine-section .arc-shap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
}
.nine-section .slick-track {
    padding-bottom: 4vw;
}
.nine-section .recipes-slider-items {
    margin: 0 1.563vw;
}
@media only screen and (max-width: 767px) {
    .nine-section .recipes-slider-items {
        margin: 0 4.444vw;
    }
}
.nine-section .slick-slide {
    transition: margin-top 1s;
}
.nine-section .slick-slide {
    margin-top: 100px;
}
@media only screen and (max-width: 767px) {
    .nine-section .slick-slide {
        margin-top: 50px;
    }
}
.nine-section .active-2 {
    margin-top: 0;
}
.nine-section .active-1,
.nine-section .active-3 {
    margin-top: 30px;
}
.nine-section .active-0,
.nine-section .active-4 {
    margin-top: 90px;
}
.nine-section .active-0 {
    transform: rotate(-20deg);
}
@media only screen and (max-width: 767px) {
    .nine-section .active-0 {
        transform: rotate(0);
    }
}
@media only screen and (max-width: 767px) {
    .nine-section .slick-current.active-0 {
        transform: rotate(0);
        margin-top: 0;
    }
}
@media only screen and (max-width: 767px) {
    .nine-section .slick-current.active-0 + .recipes-slider-items {
        transform: rotate(5deg);
        margin-top: 50px;
    }
}
.nine-section .active-1 {
    transform: rotate(-10deg);
}
.nine-section .active-3 {
    transform: rotate(10deg);
    width: 100%;
}
.nine-section .active-4 {
    transform: rotate(20deg);
}
.nine-section .slick-next {
    right: 4.023vw;
    height: 4.375vw;
    width: 4.375vw;
    background: #ffff;
    border-radius: 50%;
    z-index: 1;
    background-image: url(https://cdn.shopify.com/s/files/1/0490/3265/9093/files/arrow.svg?v=1620626278);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}
.nine-section .slick-next:before {
    display: none;
}
.nine-section .slick-prev {
    left: 4.023vw;
    height: 4.375vw;
    width: 4.375vw;
    background: #ffff;
    border-radius: 50%;
    z-index: 1;
    background-image: url(https://cdn.shopify.com/s/files/1/0490/3265/9093/files/ARROW_11.svg?v=1620393121);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40%;
}
.nine-section .slick-prev:before {
    display: none;
}
@media only screen and (max-width: 767px) {
    .nine-section .slick-dots {
        position: absolute;
        bottom: 0;
        justify-content: center;
        align-items: baseline;
        display: flex;
        width: 100%;
    }
}
.nine-section .slick-dots li {
    height: 20px;
    width: 20px;
    transform: rotate(0);
}
.nine-section .slick-dots li.slick-active button {
    background-color: #85695d !important;
}
.nine-section .slick-dots li button {
    height: 5px;
    padding: 0;
    width: 100%;
    background: #dadada;
}
.recipes-slider-items {
    position: relative;
    border-radius: 1.563vw;
    overflow: hidden;
}
@media only screen and (max-width: 767px) {
    .recipes-slider-items {
        transform: rotate(-5deg);
        margin-top: 50px;
    }
    .recipes-slider-items.active-0 {
        transform: rotate(-5deg);
        margin-top: 50px;
    }
}
.recipes-slider-items:hover .img-dec {
    top: 15%;
}
.recipes-slider-items:hover .img-dec .arc-full-dec {
    opacity: 1;
}
.recipes-slider-items .img-dec {
    position: absolute;
    width: 100%;
    bottom: 0;
    top: 64%;
    background-image: url(https://cdn.shopify.com/s/files/1/0490/3265/9093/files/white.png?v=1620620887);
    background-position: center top 0;
    background-size: cover;
    padding: 1.367vw;
    transition: ease 0.3s;
}
@media only screen and (max-width: 767px) {
    .recipes-slider-items .img-dec {
        padding: 4.178vw;
        top: 74%;
    }
}
.recipes-slider-items .img-dec .arc-title {
    font-family: Pluto_Cond_Bold;
    font-size: 1.094vw;
    line-height: 1.25vw;
    margin-bottom: 1.133vw;
    position: relative;
    width: fit-content;
    background-image: url(https://cdn.shopify.com/s/files/1/0490/3265/9093/files/Shape_540_1.svg?v=1620622758);
    background-size: contain;
    background-position: center left;
}
@media only screen and (max-width: 767px) {
    .recipes-slider-items .img-dec .arc-title {
        font-size: 3.556vw;
        line-height: 4.267vw;
        margin-bottom: 3.467vw;
    }
}
.recipes-slider-items .img-dec .arc-dec {
    font-family: Pluto_Cond_Bold;
    font-size: 1.484vw;
    line-height: 1.875vw;
    color: #40281d;
}
@media only screen and (max-width: 767px) {
    .recipes-slider-items .img-dec .arc-dec {
        font-size: 4.622vw;
        line-height: 5.333vw;
    }
}
.recipes-slider-items .img-dec .arc-full-dec {
    font-size: 1.094vw;
    line-height: 1.563vw;
    opacity: 0;
    margin-top: 1.133vw;
    margin-bottom: 0.6vw;
}
@media only screen and (max-width: 767px) {
    .recipes-slider-items .img-dec .arc-full-dec {
        font-size: 3.911vw;
        line-height: 5.689vw;
        margin-top: 3.133vw;
    }
}
.recipes-slider-items .arc-label {
    height: 4.297vw;
    width: 4.297vw;
    background-color: #694f42;
    top: 1.289vw;
    position: absolute;
    line-height: 1.563vw;
    right: 1.211vw;
    border-radius: 50%;
    font-size: 1.289vw;
    font-family: Pluto_Cond_Bold;
    color: #fff;
    text-align: center;
    padding: 0 10px;
    display: flex;
    align-items: center;
}
@media only screen and (max-width: 767px) {
    .recipes-slider-items .arc-label {
        height: 13.067vw;
        width: 13.067vw;
        top: 3.911vw;
        right: 3.733vw;
        font-size: 3.556vw;
        line-height: 4.267vw;
    }
}
.recipes-slider-items .vwp-btn-card {
    width: 100%;
}
.recipes-slider-items .vwp-btn-card a {
    width: 63%;
    display: block;
    font-size: 1.094vw;
    font-family: Pluto_Cond_Bold;
    line-height: 0.938vw;
    border-radius: 0.938vw;
    text-align: center;
    text-transform: uppercase;
    padding-top: 0.8vw;
    padding-bottom: 0.9vw;
    transition: ease 0.5s;
    cursor: pointer;
    background: #694f42;
    color: #fff;
}
@media only screen and (max-width: 767px) {
    .recipes-slider-items .vwp-btn-card a {
        font-size: 3.094vw;
        line-height: 0.938vw;
        border-radius: 2.938vw;
        padding-top: 4.8vw;
        padding-bottom: 4.9vw;
        margin-top: 4vw;
    }
}
.recipes-slider:not(.slick-initialized) :not(:first-child) {
    display: none;
}

.nine-section .next {
    transform: rotate(30deg);
}
.nine-section .prev {
    transform: rotate(-30deg);
}
.nine-section .next{
	margin-top: 250px;
}
.nine-section .prev{
	margin-top: 250px;
}
.sasastext{
	display:flex;
}
.sasastext img{
	flex: 0 0 0;
}

body.overflow_hidden{
	overflow:hidden;
}
.consultation-popup{
  position: relative;
  z-index: 99;
  display:none;
}
.consultation-popup.popupopen{
  	display:block;
  }
  .consultation-overlay{
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background: #10283e;
    opacity: .6;
  }
  .consultation-wrapper{
    max-width: 600px;
    width: 100%;
    background: #fff;
    border-radius: 6px;
    padding: 14px;
    position: fixed;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    margin: auto;
    z-index: 1;
  
  }