﻿25/*
 Theme Name: Twenty Seventeen Child
 Theme URI: https://www.element8.ae
 Author: Element8
 Author URI: https://www.element8.ae
 Template: twentyseventeen
 Description: Child theme for Twenty Seventeen.
 Version: 0.1
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Tags:
 Text Domain: twentyseventeen-child
 */

@font-face {
  font-family: "Spline Sans", serif;
  src: url("assets/fonts/Chapaza-Regular.ttf.woff") format("woff"),
    url("assets/fonts/Chapaza-Regular.ttf.svg#Chapaza-Regular") format("svg"),
    url("assets/fonts/Chapaza-Regular.ttf.eot"),
    url("assets/fonts/Chapaza-Regular.eot?#iefix") format("embedded-opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Spline Sans", serif;
  src: url("assets/fonts/Blacksword.eot");
  src: url("assets/fonts/Blacksword.woff") format("woff"),
    url("assets/fonts/Blacksword.ttf") format("truetype"),
    url("assets/fonts/Blacksword.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Bayshore";
  src: url("assets/fonts/Bayshore.eot");
  src: url("assets/fonts/Bayshore.woff") format("woff"),
    url("assets/fonts/Bayshore.ttf") format("truetype"),
    url("assets/fonts/Bayshore.svg") format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

* {
  margin: 0;
  outline: none;
  padding: 0;
  text-decoration: none;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

html {
  -webkit-text-size-adjust: 100%;
}

body {
  font-family: "Spline Sans", serif;
  font-size: 14px;
  color: #040404;
  font-weight: 300;
}

a {
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.clr,
.clear {
  clear: both;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}

.clearfix:after {
  clear: both;
}

p {
  line-height: 16px;
  margin-bottom: 25px;
}

ul li {
  list-style: none;
}

.subpage ul:not([class]) li {
  list-style: none;
  position: relative;
  padding-left: 8px;
}

li.clr {
  clear: both;
  float: none !important;
  width: auto !important;
  height: auto !important;
  border: 0 !important;
  background: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

img {
  max-width: 100%;
}

header {
  position: relative;
  z-index: 1;
}

section {
  padding: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  color: #040404;
  margin-bottom: 10px;
}

h1 {
  font-size: 36px;
  line-height: 30px;
}

h2 {
  font-size: 36px;
}

h3 {
  font-size: 24px;
}

h4 {
  font-size: 20px;
}

h5 {
  font-size: 18px;
}

h6 {
  font-size: 14px;
}

.color-default {
  color: #000 !important;
}

.height5 {
  height: 5px;
}

.height10 {
  height: 10px;
}

.height20 {
  height: 20px;
}

.height30 {
  height: 30px;
}

.height40 {
  height: 40px;
}

.height50 {
  height: 50px;
}

.margin-top-40 {
  margin-top: 40px;
}

.margin-top-30 {
  margin-top: 30px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-top-10 {
  margin-top: 10px;
}

.margin-top-5 {
  margin-top: 5px;
}

.margin-bottom-40 {
  margin-bottom: 40px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-5 {
  margin-bottom: 5px;
}

.padding-top-40 {
  padding-top: 40px;
}

.padding-top-30 {
  padding-top: 30px;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-top-10 {
  padding-top: 10px;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-35 {
  padding-top: 35px;
}

.padding-bottom-60 {
  padding-bottom: 60px;
}

.padding-bottom-50 {
  padding-bottom: 50px;
}

.padding-bottom-40 {
  padding-bottom: 40px;
}

.padding-bottom-35 {
  padding-bottom: 35px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-10 {
  padding-bottom: 10px;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.no-bg-img {
  background-image: none !important;
}

.no-bg {
  background: none !important;
}

.no-margin {
  margin: 0 !important;
}

.no-margin-top {
  margin-top: 0 !important;
}

.no-margin-right {
  margin-right: 0 !important;
}

.no-margin-bottom {
  margin-bottom: 0 !important;
}

.no-margin-left {
  margin-left: 0 !important;
}

.no-padding {
  padding: 0 !important;
}

.no-padding-top {
  padding-top: 0 !important;
}

.no-padding-right {
  padding-right: 0 !important;
}

.no-padding-bottom {
  padding-bottom: 0 !important;
}

.no-padding-left {
  padding-left: 0 !important;
}

.inline {
  display: inline-block !important;
}

.relative {
  position: relative !important;
}

.absolute {
  position: absolute !important;
}

.static {
  position: static !important;
}

.hidden-content {
  display: none;
}

.display-none {
  display: none;
}

@media (min-width: 769px) {
  .row {
    margin: 0 -15px;
    font-size: 0;
  }

  .row:before,
  .row:after {
    content: " ";
    display: table;
  }

  .row:after {
    clear: both;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    font-size: 14px;
  }

  .col-1,
  .col-2,
  .col-3,
  .col-4,
  .col-5,
  .col-6,
  .col-7,
  .col-8,
  .col-9,
  .col-10,
  .col-11,
  .col-12 {
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
  }

  .col-12 {
    width: 100%;
  }

  .col-11 {
    width: 91.66666667%;
  }

  .col-10 {
    width: 83.33333333%;
  }

  .col-9 {
    width: 75%;
  }

  .col-8 {
    width: 66.66666667%;
  }

  .col-7 {
    width: 58.33333333%;
  }

  .col-6 {
    width: 50%;
  }

  .col-5 {
    width: 41.66666667%;
  }

  .col-4 {
    width: 33.33333333%;
  }

  .col-3 {
    width: 25%;
  }

  .col-2 {
    width: 16.66666667%;
  }

  .col-1 {
    width: 8.33333333%;
  }
}

.social {
  text-align: center;
}

.social li {
  margin-bottom: 30px;
}

.social li a {
  color: #727272;
  font-size: 16px;
}

.social li a:hover {
  color: #727272 !important;
}

/*.social li a:hover .fa-facebook-f { color: #195294;}
.social li a:hover .fa-twitter { color: #1c9cea;}
.social li a:hover .fa-instagram { color: #cf3692;}*/

input#prefrered_date,
input#prefrered_time {
  background: #fff;
  color: #000;
  padding: 15px 20px;
  font-size: 14px;
  width: 100%;
  height: 54px;
  -webkit-appearance: none;
  font-family: "Spline Sans", serif;
  border: 1px solid #e4e4e4;
  margin-bottom: 10px;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea {
  background: #fff;
  color: #000;
  padding: 15px 20px;
  font-size: 14px;
  width: 100%;
  height: 54px;
  -webkit-appearance: none;
  font-family: "Spline Sans", serif;
  border: 1px solid #e4e4e4;
  margin-bottom: 10px;
}

input[type="checkbox"] {
  margin: 0;
}

textarea {
  height: 150px;
  resize: none;
}

/* for wordpress only */
.contact-form-widget form p span.wpcf7-form-control-wrap:nth-child(2) {
  float: left;
  width: 49%;
}

.contact-form-widget form p span.wpcf7-form-control-wrap:nth-child(3) {
  float: right;
  width: 49%;
}

.wpcf7-not-valid-tip {
  display: none !important;
}

.wpcf7-not-valid {
  background: #fff0f0 !important;
}

div.wpcf7-response-output {
  padding: 10px 15px !important;
  color: #000;
}

.success-msg {
  padding: 10px;
  background: #e3eed8;
  border: 1px solid #dbe6c7;
  margin-bottom: 10px;
}

.recaptcha-checkbox-border {
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #fff;
  border: 2px solid #c1c1c1;
  font-size: 1px;
  height: 18px;
  width: 18px;
  z-index: 1;
}

span.wpcf7-list-item-label {
  display: inline-flex;
  margin-left: 10px;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin: 0;
}

.btn {
  -webkit-appearance: none;
  background: #762240;
  border: 1px solid #762240;
  cursor: pointer;
  display: inline-block;
  border-radius: 0;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  text-transform: uppercase;
  padding: 11px 30px;
  text-align: center;
  font-family: "Spline Sans", serif;
}

.btn:hover {
  color: #762240;
  background: none;
}

.btn.btn-big {
  min-width: 300px;
  padding: 14px 30px 16px;
  border: 1px solid #fff;
}

.btn.btn-big:hover {
  background: #fff;
  color: #762240;
  border-color: #fff;
}

.btn.btn-inverse {
  color: #762240;
  background: none;
}

.btn.btn-inverse:hover {
  color: #fff;
  background: #762240;
}

.btn.btn-small {
  font-size: 13px;
  padding: 5px 16px 5px;
}

.pagination {
  text-align: center;
  padding-top: 50px;
  border-top: 1px solid #d8d8d8;
}

.pagination h2,
.pagination svg,
.pagination .nav-links .screen-reader-text {
  display: none;
}

.pagination .nav-links .page-numbers {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  width: 30px;
  color: #149245;
}

.pagination .nav-links .page-numbers:hover {
  background: #f1f1f1;
}

.pagination .nav-links .page-numbers.current {
  color: #666;
  background: #f1f1f1;
}

.pagination .nav-links {
  border: 1px solid #f1f1f1;
  display: inline-block;
}

.list-bullets li {
  background: url("assets/images/bullet.png") no-repeat 0 1px;
  padding: 0 0 0 20px;
  margin-bottom: 12px;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}

/* error-404 */
.error-404 {
  background: #fff;
  text-align: center;
  padding: 120px 0;
}

.error-404 .page-title {
  color: #000;
  padding: 0;
  margin-bottom: 20px;
}

.error-404 form {
  max-width: 500px;
  margin: 50px auto 0;
  position: relative;
}

.error-404 .screen-reader-text {
  display: none;
}

.error-404 .search-submit {
  background: none;
  border: 0;
  position: absolute;
  right: 10px;
  top: 0;
  cursor: pointer;
  padding: 15px 5px 14px;
}

.error-404 input {
  -webkit-appearance: none;
  padding-right: 37px;
}

.error-404 .search-submit svg {
  width: 20px;
  height: 20px;
}

/* search */
.search .entry-title {
  font-size: 20px;
  margin-bottom: 2px;
}

.search .entry-title a {
  color: #000;
}

.search .entry-title a:hover {
  text-shadow: 1px 1px 1px #fff200;
}

.search .hentry {
  border-bottom: 1px solid #ccc;
  margin-bottom: 40px;
}

.search .pagination {
  border-top: 0;
}

/*------------------------------------------------------------------

COMMON CLASSES END

-------------------------------------------------------------------*/
.container {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}

@media screen and (min-width: 769px) {
  .animate-it,
  .animate-on-load {
    opacity: 0;
  }
}

/*------------------------------------------------------------------

HEADER START

-------------------------------------------------------------------*/
.header {
  position: relative;
  left: 0;
  right: 0;
  z-index: 11111;
}

.header .page-title {
  display: none;
}

@media screen and (min-width: 769px) {
  .small-header .header {
    position: fixed;
    top: -100%;
    padding: 0;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.1);
    background: #fff;
    -moz-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }

  .small-header.active .header {
    top: 0;
  }

  /*.small-header .header .logo{ display: none; }*/
  .small-header {
    padding-top: 153px;
  }

  .small-header .header .wishlist-btn,
  .small-header .header .search-btn,
  .small-header .header .nav-btn,
  .small-header .header .header-right .user-icon,
  .small-header .header .main-menu-sub .quick-shop-link {
    margin-top: 0;
  }

  /*.small-header .header .page-title{ float: left; margin:0; font-size: 20px;padding-top: 7px; display: block;}*/
}

.header .user-icon-with-menu {
  display: inline-block;
  vertical-align: top;
  position: relative;
}

.header .user-icon-with-menu ul {
  position: absolute;
  display: none;
  left: 0;
  top: 100%;
  background: #fff;
  text-align: left;
  min-width: 162px;
  border-radius: 4px;
  overflow: hidden;
  padding-top: 4px;
  border-bottom: 1px solid #e4e4e4;
}

.header .user-icon-with-menu:hover ul {
  display: block;
}

.header .user-icon-with-menu ul li a {
  display: block;
  padding: 9px 9px;
  border-bottom: 1px solid #e4e4e4;
  color: #000;
  border: 1px solid #e4e4e4;
  border-bottom: 0;
  font-size: 13px;
}

.header .user-icon-with-menu ul li a:hover {
  background: #f2f2f2;
  color: #762240;
}

.header .user-icon-with-menu ul li:nth-child(1) a {
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.header .user-icon-with-menu ul li:last-child a {
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}

.header .logo {
  float: left;
  margin: 10px 0;
  width: 175px;
}

.search-btn {
  display: inline-block;
  vertical-align: top;
  width: 49px;
  height: 37px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 35px;
  margin-left: 3px;
}

.menu-widget .search-btn {
  border: 1px solid #e4e4e4;
  color: #000;
  float: right;
  margin: 0;
}

.menu-widget .search-btn:hover {
  background: #f9f9f9;
}

.header .main-menu-sub .quick-shop-link {
  display: inline-block;
  font-weight: 300;
  font-size: 10px;
  padding: 0 8px;
  border-radius: 4px;
}

.header .main-menu-sub .quick-shop-link .so-icon {
  display: inline-block;
  background: url(assets/images/icon-24quickship.png) no-repeat center center;
  background-size: 16px;
  height: 25px;
  width: 25px;
  position: relative;
  background-size: contain;
  margin-right: 3px;
}

/* .header a.quick-shop-lin{ margin-right: 2px; } */
.header .main-menu-sub .quick-shop-link:hover {
  background-color: #86013a;
  color: #fff;
}

.header .main-menu-sub .quick-shop-link img {
  margin: 0;
}

.header .wishlist-btn {
  display: inline-block;
  vertical-align: top;
  width: 35px;
  height: 25px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 35px;
  margin-top: 32px;
  background: url(assets/images/ordersample.png) no-repeat center 4px #ffffff;
  position: relative;
}

.header .wishlist-btn label {
  position: absolute;
  right: -4px;
  top: -6px;
  background: #fff;
  color: #762240;
  border-radius: 100%;
  width: 15px;
  text-align: center;
  height: 15px;
  display: block;
  line-height: 12px;
  font-size: 11px;
  font-weight: 600;
  border: 1px solid #762240;
}

.header .nav-btn {
  display: inline-block;
  vertical-align: top;
  width: 49px;
  height: 37px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  text-align: center;
  color: #000;
  font-size: 21px;
  line-height: 35px;
  margin-top: 32px;
  margin-left: 3px;
}

.header .search-btn:hover,
.header .nav-btn:hover,
.header .wishlist-btn:hover {
  background-color: #f9f9f9;
}

.header .header-right .user-icon .fa-shopping-cart::before {
  display: none;
}

.header .header-right .user-icon .fa-shopping-cart {
  background: url(assets/images/supermarket-dark.svg) no-repeat center center;
  background-size: 19px;
  width: 20px;
  height: 18px;
  position: relative;
  top: 3px;
}

.header .header-right .user-icon {
  display: inline-block;
  vertical-align: top;
  width: 49px;
  height: 37px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  text-align: center;
  color: #000;
  font-size: 16px;
  position: relative;
  line-height: 35px;
  margin-top: 32px;
  margin-left: 3px;
}

.header .header-right .user-icon label {
  position: absolute;
  right: -4px;
  top: -10px;
  width: 20px;
  height: 20px;
  display: block;
  border-radius: 100%;
  color: #fff;
  background: #870f3f;
  line-height: 19px;
  font-size: 12px;
}

/*.header .header-right{ float: right; text-align: right;}*/
.header .header-right img {
  margin-top: 10px;
}

.small-header .header .header-right img {
  display: none;
}

.home-row {
  margin: 0 -14px;
}

.home-row .each {
  padding: 0 14px;
  float: left;
  width: 33.3%;
}

.home-widget {
  position: relative;
  overflow: hidden;
}

.home-widget img {
  display: block;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.home-widget:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.quickship-title .page-title {
  margin: 50px 0 35px;
  font-size: 41px;
}

.quickship-title.two .page-title.has-bg {
  margin-top: 0;
  background: #ebebeb;
  line-height: normal;
  padding: 17px 0 11px 25px;
  margin-bottom: 15px;
}

.quickship-title.two .page-title {
  margin-bottom: 5px;
}

.quickship-banner {
  position: relative;
}

.quickship-banner img {
  display: block;
}

.quickship-banner .content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 25px;
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
}

.quickship-banner .content p {
  margin: 0;
  font-size: 19px;
}

.subpage-right.quickshop-single {
  float: none;
  border: 0;
  width: auto;
  padding: 0;
}

@media (min-width: 1381px) {
  .subpage-right.quickshop-single {
    min-height: 930px;
  }

  .quickshop-single .sticky-text.less-8 span {
    font-size: 53px;
  }

  .quickshop-single .sticky-text.less-4 {
    background-size: 30px;
    background-position: 9px 0px;
  }

  .quickshop-single .sticky-text.less-4 span {
    font-size: 26px;
  }
}

.project-pagination form.cart {
  position: relative;
}

.project-pagination form.cart .notfctn {
  margin-bottom: 10px;
  display: none;
  padding: 10px;
  background: #f4f4f4;
  font-weight: 400;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
  border: 1px solid #fff;
  border-bottom: 2px solid #fff;
  position: absolute;
  font-weight: 400;
  left: 0;
  top: 48px;
}

.project-pagination form.cart .notfctn::before {
  content: "";
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #fff;
  position: absolute;
  left: 22px;
  top: -9px;
}

.home-widget .captian {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  padding: 25px 25px 33px;
}

.home-widget .captian h2 {
  color: #fff;
  margin: 0;
  font-family: "Spline Sans", serif;
  line-height: 38px;
  text-transform: uppercase;
  font-weight: 700;
}

.home-widget .captian p {
  color: #fff;
  margin: 0;
  font-size: 13px;
  text-transform: uppercase;
}

.website-search-widget {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(51, 51, 51, 0.97);
  z-index: 33311;
}

.website-search-widget .container {
  max-width: 960px;
  padding: 0 20px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.website-search {
  background: #151415;
  margin-bottom: 33px;
}

.website-search input[type="text"],
.website-search input[type="search"] {
  background: #151415;
  border: 1px solid #646464;
  height: 54px;
  margin: 0;
  color: #fff;
  border-radius: 0;
}

.website-search > div {
  padding: 17px 20px;
  border-bottom: 1px solid #353535;
  margin: 0;
}

.website-search > div .styled-radio,
.website-search > div .styled-checkbox {
  display: inline-block;
  padding-right: 23px;
  color: #000;
  font-size: 0;
}

.website-search > div .styled-radio label,
.website-search > div .styled-checkbox label {
  font-size: 13px;
}

.website-search .styled-radio label {
  color: #fff;
  height: 13px;
  display: block;
}

.website-search > div .styled-checkbox label {
  color: #fff;
}

.website-search > div .align-right {
  float: right;
  margin: -17px -20px;
  padding: 17px 40px;
  background: #2d2c2d;
  min-width: 50%;
}

.website-search > div .align-right .styled-checkbox {
  padding-right: 30px;
}

.filters-widget .styled-radio label {
  word-break: break-word;
  display: inline-block;
  vertical-align: top;
}

.search-row .search-col .styled-checkbox label {
  color: #fff;
  display: block;
  white-space: nowrap;
  font-size: 12px;
  text-transform: uppercase;
}

.search-row .search-col {
  background: #151415;
}

.search-row {
  height: 260px;
  background: #151415;
  padding: 0 25px;
}

/*#search_form_header .btn {
    background: #000000;
}*/

#search_form_header .btn:hover {
  color: #762240;
}

.website-search-widget form {
  background: #151415;
  padding-bottom: 25px;
}

.styled-radio {
  position: relative;
}

.styled-radio input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  z-index: 50;
}

.styled-radio label {
  padding-left: 22px;
  color: #040404;
  cursor: pointer;
}

.styled-radio label input ~ .circle {
  width: 16px;
  height: 16px;
  border: 1px solid #141414;
  background: #fff;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: 0;
  top: 1px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.styled-radio label input:checked ~ .circle::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #762240;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
}

.styled-checkbox {
  position: relative;
}

.styled-checkbox input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.styled-checkbox label {
  padding-left: 22px;
  color: #292929;
  cursor: pointer;
  font-size: 13px;
}

.styled-checkbox label.active::after {
  content: "";
}

.styled-checkbox label input:checked ~ .box {
  width: 15px;
  height: 15px;
  border: 1px solid #141414;
  background: #fff;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.styled-checkbox label input ~ .box {
  width: 15px;
  height: 15px;
  border: 1px solid #141414;
  background: #fff;
  display: block;
  position: absolute;
  left: 0;
  top: 2px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

.styled-checkbox label input:checked ~ .box:after {
  content: "✓";
  color: #762240;
  display: block;
  position: absolute;
  left: 1px;
  top: -2px;
  font-weight: bold;
}

/*
.subpage-search-widget.fixedsearch {
	position:fixed;
	top:0;
	width:100%;
	max-width:1200px;;
	z-index:111
}

.subpage-search-widget.fixedsearch > form,
.subpage-search-widget.fixedsearch > .viewing,
.subpage-search-widget.fixedsearch .sort-search,
.subpage-search-widget.fixedsearch .show{ display: none; }
.subpage-search-widget h2{ margin-bottom: 0;font-size: 22px; float: left;padding-top: 6px;}
.subpage-search-widget .show-sticky{ display: none; }
.subpage-search-widget.fixedsearch .show-sticky{ display: block; }
.subpage-search-widget .nav-btn{ float: right;
vertical-align: top;
width: 49px;background: #fff;
height: 37px;
border-radius: 5px;
border: 1px solid #e4e4e4;
text-align: center;
color: #000;
font-size: 21px;
line-height: 35px;
margin-left: 3px; }
.subpage-search-widget .search-btn{ float: right; margin-top: 0;background: #fff; }
.subpage-search-widget .wishlist-btn{display: inline-block;
vertical-align: top;
width: 49px; float: right;
height: 37px;background: #fff;
border-radius: 5px;
border: 1px solid #e4e4e4;
text-align: center;
color: #000;
font-size: 16px;
line-height: 35px;}*/

.height60 {
  height: 60px;
  display: block;
}

.wlp-residential .wlp-content a {
  position: unset;
}

.styled-checkbox.color label input ~ .box {
  width: 42px;
  height: 19px;
  left: -1px;
  top: -1px;
  background: none;
  display: none;
  border-width: 3px;
}

.styled-checkbox.color label input ~ .box:after {
  display: none;
}

.styled-checkbox.color label input:checked ~ .box {
  display: block;
}

.styled-checkbox.color:not(.all) label.active::after {
  content: "";
  width: 40px;
  height: 16px;
  background: none;
  display: block;
  position: absolute;
  left: -2px;
  top: -1px;
  border: 2px solid #000;
}

.styled-checkbox.disabled label::before {
  background: #2f2e2f;
}

.styled-checkbox.disabled label::after {
  background: #2f2e2f;
}

.search-row {
  margin-bottom: 60px;
}

.search-row .search-col {
  width: 50%;
  float: left;
}

.search-row .search-col h3 {
  font-size: 13px;
  color: #fff;
  margin-bottom: 17px;
  font-weight: 400;
}

.search-row .search-col .styled-checkbox {
  display: inline-block;
  width: 32%;
  vertical-align: top;
  margin-bottom: 5px;
  font-size: 13px;
}

.search-row .search-col .styled-checkbox.all {
  display: block;
  width: 100%;
  font-weight: 700;
  margin-bottom: 11px;
}

.styled-checkbox.color label {
  padding-left: 0;
  color: #d1d2d4 !important;
}

.styled-checkbox.color label img {
  display: inline-block;
  vertical-align: top;
  margin: 1px 10px 0 0;
}

.styled-checkbox.color label::before {
  display: none;
}

.subpage-left .styled-checkbox.color label {
  color: #76767a !important;
}

.search-row .search-col:nth-child(2) .styled-checkbox {
  width: 49%;
}

.search-row .search-col:nth-child(2) {
  padding-left: 60px;
}

.home-footer {
  padding: 50px 0;
  text-align: center;
}

.home-footer p {
  margin: 0;
  color: #000;
  font-size: 13px;
}

.home-footer p a {
  color: #d7d7d7;
  display: inline-block;
  margin-top: 10px;
  font-size: 12px;
}

.home-footer p a:hover {
  color: #000;
}

@media screen and (min-width: 1051px) and (min-height: 900px) {
  .home-footer {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
  }
}

.floating-footer {
  background: #881040;
  color: #fff;
  padding: 17px 17px 19px;
  font-weight: 500;
  margin-bottom: 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 11111111111;
  text-align: center;
}

.floating-footer p {
  margin: 0;
  font-weight: 500;
}

.floating-footer a {
  color: #fff;
  border-bottom: 1px solid #fff;
}

.floating-footer a:hover {
  border-bottom: 0;
}

.filters-widget {
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
}

.filters-widget.no-border {
  border-bottom: 0;
  padding-bottom: 0;
}

.filters-widget > p {
  color: #762240;
  font-size: 13px;
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 10px;
  margin-bottom: 15px;
}

.filters-widget > p a {
  float: right;
  color: #757575;
  font-size: 12px;
  display: none;
}

.filters-widget > p a:hover {
  color: #222;
}

.filters-widget > p.commercial-product-head {
  margin-bottom: 0;
}

@media screen and (min-width: 1051px) {
  .filters-widget > p.commercial-product-head {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 0;
  }

  .filters-widget > p a {
    display: block;
  }
}

.filters-widget .styled-checkbox,
.filters-widget .styled-radio {
  display: block;
  width: -webkit-fill-available;
  margin: 3px 0;
}

.filters-list .styled-checkbox {
  display: block;
  width: auto;
  margin-bottom: 10px;
}

.filters-list .inside {
  padding-left: 25px;
}

.filters-widget .three .styled-checkbox {
  width: -webkit-fill-available;
  padding-right: 20px;
}

.filters-widget .tooltip {
  float: right;
  position: relative;
  z-index: 1;
  top: -19px;
}

.filters-widget .tooltip > i {
  width: 16px;
  height: 16px;
  border-radius: 100%;
  border: 1px solid #a6074c;
  color: #a6074c;
  font-size: 9px;
  text-align: center;
  line-height: 14px;
}

.filters-widget .tooltip .tooltip-content {
  position: absolute;
  left: 32px;
  top: -41px;
  background: #fff;
  width: 265px;
  border-radius: 8px;
  color: #000;
  padding: 20px 20px 5px;
  font-size: 13px;
  display: none;
  line-height: 19px;
  border: 1px solid #dadada;
}

.filters-widget .tooltip .tooltip-content h3 {
  font-family: "Spline Sans", serif;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 7px;
}

.filters-widget .tooltip .tooltip-content:after {
  right: 100%;
  content: "";
  top: 33px;
  position: absolute;
  background: url(assets/images/tooltip-caret.jpg) no-repeat 0 0;
  width: 13px;
  height: 35px;
}

.filters-widget .tooltip:hover .tooltip-content {
  display: block;
}

.home-banner {
  margin-bottom: 30px;
}

.home-banner .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 20px;
  text-align: center;
}

.home-banner .owl-dots .owl-dot {
  width: 10px;
  height: 10px;
  background: rgba(255, 255, 255, 0.8);
  border-radius: 100%;
  display: inline-block;
  margin: 0 1px;
}

.home-banner .owl-dots .owl-dot:hover,
.home-banner .owl-dots .owl-dot.active {
  background: rgba(255, 255, 255, 1);
}

.new-collection {
  padding: 150px 0 60px;
  position: relative;
}

.new-collection .sticky-text {
  top: 150px;
}

.new-collection .sticky-text span {
  font-size: 49px;
}

.new-collection h2 {
  text-align: center;
  text-transform: uppercase;
  font-size: 28px;
  margin-bottom: 20px;
  font-weight: 600;
}

.new-collection .row {
  margin: 0 -9px;
  font-size: 0;
}

.new-collection .row .each {
  padding: 0 9px 18px;
  display: inline-block;
  width: 33.3%;
  vertical-align: top;
}

.new-collection-widget .content {
  background: #4a4d4f;
  padding: 30px;
  text-align: center;
  color: #fff;
  font-size: 14px;
}

.new-collection-widget .content label {
  text-transform: uppercase;
  font-size: 14px;
  display: block;
  margin-bottom: 30px;
  font-weight: 300;
  letter-spacing: 0.5px;
}

.new-collection-widget .content h3 {
  text-transform: uppercase;
  color: #fff;
  margin-bottom: 35px;
  font-size: 22px;
}

.new-collection-widget .content .brand-logo::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: 80px;
  height: 1px;
  background: #fff;
  transform: translateX(-50%);
}

.new-collection-widget .content .brand-logo {
  display: inline-block;
  min-width: 100px;
  height: 86px;
  padding-top: 11px;
  position: relative;
}

.new-collection-widget .content .brand-logo .helper {
  display: inline-block;
  height: 100%;
  padding: 0;
  position: relative;
  bottom: 0;
  left: 0;
  vertical-align: middle;
}

.new-collection-widget .content .brand-logo img {
  vertical-align: middle;
  max-width: 94%;
  max-height: 94%;
}

.new-collection-widget .thumb {
  overflow: hidden;
}

.new-collection .row .each .type-widget .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 1;
}

.new-collection .row .each .type-widget:hover .overlay {
  opacity: 1;
}

.new-collection-widget .thumb img,
.type-widget img {
  display: block;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.new-collection-widget:hover .thumb img,
.type-widget:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.type-widget {
  position: relative;
  overflow: hidden;
}

.type-widget .content {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  z-index: 11;
}

.type-widget .content h3 {
  color: #fff;
  text-transform: uppercase;
  font-size: 26px;
  font-weight: 300;
}

.subpage-right {
  padding: 32px 0 0 36px;
  float: right;
  width: 75.9%;
  border-left: 1px solid #e5e5e5;
}

.subpage-right .products-row {
  margin: 0 -25.5px;
  font-size: 0;
}

.subpage-right .products-row .each {
  padding: 0 25.5px 20px 25.5px;
  display: inline-block;
  vertical-align: top;
  width: 25%;
}

.subpage-right .products-row.three .each {
  width: 33.3%;
}

@media screen and (min-width: 481px) {
  .subpage-right .products-row.three-column .each {
    width: 33.3%;
  }
}

.new-collection-steps {
  margin: 0 -45px 120px;
  font-size: 0;
}

.new-collection-steps .each {
  padding: 0 45px;
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  font-size: 18px;
  color: #7f7f7f;
  text-align: center;
  font-weight: 300;
}

.new-collection-steps .each span {
  font-size: 58px;
  font-weight: 700;
  color: #000;
  display: block;
  margin-bottom: 10px;
}

.new-collection-steps .each p {
  line-height: 28px;
}

.page-title {
  font-weight: 700;
  font-family: "Spline Sans", serif;
  margin-bottom: 20px;
  font-size: 30px;
  text-transform: uppercase;
}

.tootltip-des {
  float: left;
}

.tooltip-breadcrumbs {
  clear: both;
}

.page-title span {
  color: #762240;
}

.page-title small {
  color: #762240;
  font-size: 14px;
  text-transform: none;
  display: inline-block;
  vertical-align: bottom;
  line-height: 20px;
}

.news-page-title {
  font-weight: 300;
  font-family: "Spline Sans", serif;
  font-size: 36px;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
}

.news-page-title.two {
  margin: 0;
  font-family: "Spline Sans", serif;
  text-transform: none;
  font-size: 36px;
  padding-bottom: 20px;
}

.store-locator-title {
  font-size: 36px;
  text-align: center;
  margin: 5px 0 40px;
  font-weight: 300;
  text-transform: uppercase;
}

.subpage {
  padding: 10px 0 50px;
}

.subpage-search-widget {
  background: #f7f7f7;
  border-bottom: 1px solid #dedede;
  padding: 10px;
}

.subpage-search-widget form {
  float: left;
  background: #ffffff;
  width: 260px;
}

.subpage-search-widget .viewing {
  display: inline-block;
  padding: 12px 12px 0 32px;
  font-size: 13px;
  font-style: italic;
  color: #040404;
}

.subpage-search-widget .show {
  float: right;
}

.subpage-search-widget .show p {
  float: left;
  margin: 0;
  padding: 11px 18px 0 0;
  font-size: 13px;
  font-style: italic;
  color: #040404;
}

.subpage-search-widget .show .styled-select {
  position: relative;
  float: left;
  min-width: 90px;
  margin-bottom: 0;
}

.subpage-search-widget .show .styled-select select {
  padding: 5px 40px 5px 10px;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #ccc;
  height: 39px;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 13px;
}

.subpage-search-widget .show .styled-select:before {
  background: #fff;
  content: "\f0d7";
  font-family: "Spline Sans", serif;
  line-height: 39px;
  font-size: 20px;
  text-align: center;
  display: block;
  height: 37px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 37px;
  z-index: 1;
  font-weight: 900;
  color: #000;
}

.search-col .styled-select select {
  background: #151415;
  border: 1px solid #646464;
}

.search-col .styled-select::before {
  background: none;
  color: #646464;
}

@media (min-width: 1025px) {
  .search-row .search-col {
    width: 58%;
  }

  .search-row .search-col:nth-child(2) {
    padding-left: 0;
    width: 42%;
  }

  .styled-checkbox.color label img {
    margin-right: 6px;
  }

  .search-row .search-col:nth-child(1) .styled-checkbox:nth-child(3n + 2) {
    width: 28%;
  }
}

.subpage-search-widget form input {
  margin: 0;
  background: none;
  height: 39px;
  padding: 10px 12px;
}

.subpage-search-widget .sort-search {
  float: right;
  margin-top: 7px;
}

.subpage-search-widget .sort-search li {
  display: inline-block;
  padding: 5px 15px;
  border-right: 1px solid #eaeaea;
}

.subpage-search-widget .sort-search li:last-child {
  border: 0;
}

.subpage-search-widget .sort-search li a {
  color: #040404;
}

.subpage-search-widget .sort-search li a:hover,
.subpage-search-widget .sort-search li.active a {
  color: #9f0045;
}

.subpage-left {
  padding: 30px 0 0 0;
  float: left;
  width: 22%;
}

.toggle {
  border-bottom: 1px solid #e5e5e5;
  padding-top: 15px;
}

.toggle h3 {
  font-size: 13px;
  color: #040404;
  margin-bottom: 17px;
  font-weight: 400;
  position: relative;
  cursor: pointer;
}

.toggle h3::after {
  content: "\f0d7";
  font-family: "Spline Sans", serif;
  font-weight: 900;
  float: right;
}

.toggle.active h3::after {
  content: "\f0d8";
}

.toggle h3.active::after {
  content: "\f0d6";
}

.toggle .toggle-content .styled-checkbox {
  margin-bottom: 10px;
}

.toggle .toggle-content {
  padding: 0 0 15px;
}

.sidebar-image-widget {
  position: relative;
  overflow: hidden;
}

.sidebar-image-widget > a {
  display: block;
  position: relative;
}

.sidebar-image-widget img {
  display: block;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.sidebar-image-widget .captian {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 19px;
  z-index: 1;
}

.sidebar-image-widget .captian {
  bottom: auto;
  top: 0;
}

.sidebar-image-widget .captian h3 {
  font-size: 26px;
  color: #fff;
  font-family: "Spline Sans", serif;
  line-height: 27px;
  margin: 0;
}

.sidebar-image-widget .captian span {
  font-size: 16px;
  display: block;
  padding-top: 3px;
}

.sidebar-image-widget:hover img,
.product-widget .thumb:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.new-collections-widget,
.all-collections-by-brand-widget {
  position: relative;
  text-align: center;
}

.new-collections-widget .logo,
.all-collections-by-brand-widget h3 {
  position: absolute;
  left: 50%;
  right: 0;
  top: 50%;
  width: 100%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.all-collections-by-brand-widget h3 {
  font-size: 15px;
  text-transform: uppercase;
  padding: 0 10px;
  padding-top: 50px;
  background: url(assets/images/more-collections-icon.png) no-repeat center 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.4s;
}

.all-collections-by-brand-widget:hover h3 {
  color: #970036;
}

.new-collections-widget > a:hover > img,
.all-collections-by-brand-widget a:hover img {
  border-color: #040404;
}

.new-collections-widget > a > img,
.all-collections-by-brand-widget > a > img {
  border: 1px solid #e5e5e5;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.new-collections-widget .logo img {
  display: block;
  margin: 0 auto 10px;
  max-width: 90%;
}

.new-collections-widget .logo span {
  color: #040404;
  font-size: 13px;
}

.new-collections-widget:hover .logo span {
  color: #762240;
}

.product-widget .thumb {
  position: relative;
  overflow: hidden;
}

.product-widget .thumb label {
  position: absolute;
  right: 0;
  top: 10px;
  /*background: url(assets/images/label.png) no-repeat 0 0;*/
  background-color: #762240;
  color: #fff;
  width: 92px;
  padding: 3px 10px;
  height: auto;
  text-align: center;
  text-transform: uppercase;
  font-size: 9px;
  z-index: 1;
  font-family: "Spline Sans", serif;
  background-position: center;
  background-size: cover;
  min-height: 28px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.product-widget .thumb label:before {
  content: "";
  position: absolute;
  right: 100%;
  padding-left: 10%;
  background: #762240;
  -webkit-clip-path: polygon(100% 0, 0 50%, 100% 100%);
  clip-path: polygon(100% 0, 0 50%, 100% 100%);
  height: 100%;
  top: 0;
}

.product-widget .thumb label.dark {
  background-image: url(assets/images/label-2.png);
}

.product-widget .thumb img {
  display: block;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.product-widget h3 {
  padding: 10px;
  font-size: 18px;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
  font-weight: 300;
  font-family: "Spline Sans", serif;
}

.product-widget h3 a {
  color: #000;
}

.product-widget h3 a:hover {
  color: #762240;
}

.subpage-right {
  padding: 32px 0 0 36px;
  float: right;
  width: 75.9%;
  border-left: 1px solid #e5e5e5;
}

.subpage-right .products-row {
  margin: 0 -25.5px;
  font-size: 0;
  position: relative;
}

.subpage-right .products-row .each {
  padding: 0 25.5px 25px 25.5px;
  display: inline-block;
  vertical-align: top;
  width: 25%;
}

.subpage-right .products-row.three .each {
  width: 33.3%;
}

.products-row .highlight .product-widget {
  outline: 4px #d181a5 solid;
}

.search-res {
  font-weight: 300;
}

.search-res span {
  font-weight: 700;
  color: #762240;
}

.subpage-right .products-row.two {
  margin: 0 -15.5px;
}

.subpage-right .products-row.two .each {
  padding: 0 15.5px 20px 15.5px;
}

.loading-more {
  display: inline-block;
  padding: 12px 42px;
  font-size: 13px;
  font-style: italic;
  border: 1px solid #e8e8e8;
  color: #7a7a7a;
}

a.loading-more:hover {
  color: #762240;
  border-color: #040404;
}

.home footer.footer {
  margin-top: 50px;
}

.footer .footer-top {
  background: #f6f6f6;
  padding: 120px 0;
}

.footer .footer-top h3 {
  font-weight: 700;
  font-family: "Spline Sans", serif;
  margin-bottom: 45px;
  font-size: 36px;
  line-height: 19px;
  text-align: center;
  font-weight: bold;
  padding: 6px 7px 7px 0;
  text-transform: uppercase;
}

/*.footer .footer-top .brand-carousel{ padding-left: 120px; }*/
.footer .footer-top .brand-carousel .brand-logo {
  /* height: 204px; */
  text-align: center;
}

.footer .footer-top .brand-carousel .brand-logo .helper {
  display: inline-block;
  height: 100%;
  padding: 0;
  position: relative;
  bottom: 0;
  left: 0;
  vertical-align: middle;
}

.footer .footer-top .brand-carousel .brand-logo img {
  vertical-align: middle;
  max-width: 94%;
  max-height: 94%;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}

.footer .footer-bottom {
  background: #000;
  padding: 120px 0;
}

.footer .footer-bottom h3 {
  color: #fff;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 25px;
}

.footer .footer-bottom h3 i {
  color: #fff;
  margin-left: 2px;
  position: relative;
  top: 2px;
  font-size: 15px;
}

.footer .footer-bottom .sitemap-widget {
  float: left;
  width: 54%;
}

.footer .footer-bottom .sitemap-widget .menu-footer-mobile-nav-container,
.footer
  .footer-bottom
  .sitemap-widget
  .menu-new_footer_second_category_menu-container,
.footer
  .footer-bottom
  .sitemap-widget
  .menu-new_footer_third_commercial_menu-container,
.footer
  .footer-bottom
  .sitemap-widget
  .menu-new_footer_fourth_fabrics_menu-container {
  display: inline-block;
  width: 24.5%;
  margin-bottom: 9px;
  vertical-align: top;
}

.footer .footer-bottom .sitemap-widget li {
  margin-bottom: 7px;
}

.footer .footer-bottom .sitemap-widget li a {
  color: /*#c3c3c3*/ #c3c3c3;
  font-weight: 300;
  text-transform: uppercase;
  font-size: 13px;
}

.footer .footer-bottom .sitemap-widget li a:hover {
  color: #fff !important;
}

.footer .footer-bottom .quick-contact {
  float: left;
  /*  width: 23%; */
  padding-left: 40px;
  margin-bottom: 40px;
}

.footer .footer-bottom .quick-contact ul li {
  color: #c3c3c3;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 300;
}

.footer .footer-bottom .quick-contact ul li a {
  color: #c3c3c3;
}

.footer .footer-bottom .quick-contact ul li a:hover {
  color: #fff !important;
}

.footer .footer-bottom .sitemap-widget .social {
  margin: 20px 0 0;
  text-align: left;
}

.footer .footer-bottom .sitemap-widget .social li {
  display: inline-block;
  margin: 0 4px 0 0;
  width: auto;
}

.footer .footer-bottom .sitemap-widget .social li a {
  color: #fff;
  font-size: 0;
  width: 23px;
  height: 23px;
  border: 1px solid #a5a5a7;
  display: block;
  border-radius: 100%;
  text-align: center;
  line-height: 34px;
}

.footer .footer-bottom .sitemap-widget .social li .screen-reader-text {
  font-size: 0;
}

.footer .footer-bottom .sitemap-widget .social li svg {
  width: 12px;
  height: 12px;
  fill: #fff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer .footer-bottom .sitemap-widget .social li a:hover svg {
  fill: #727272;
}

.footer .footer-bottom .quick-contact .social {
  margin: 30px 0;
  text-align: left;
}

.footer .footer-bottom .quick-contact .social li {
  display: inline-block;
  margin: 0 4px 0 0;
  width: auto;
}

.footer .footer-bottom .quick-contact .social li a {
  color: #fff;
  font-size: 0;
  width: 23px;
  height: 23px; /*border: 1px solid #a5a5a7;*/
  display: block;
  border-radius: 100%;
  text-align: center;
  line-height: 34px;
}

.footer .footer-bottom .quick-contact .social li .screen-reader-text {
  font-size: 0;
}

.footer .footer-bottom .quick-contact .social li svg {
  width: 15px;
  height: 15px;
  fill: #fff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.footer .footer-bottom .quick-contact .social li a:hover svg {
  fill: #727272;
}

.coming-soon {
  text-align: center;
  padding: 80px 0;
}

.coming-soon h3 {
  font-size: 26px;
  font-weight: 300;
  margin-bottom: 30px;
}

.coming-soon p {
  font-size: 18px;
}

.footer .footer-bottom .mailing-widget {
  float: left;
  width: 30%;
}

.newsletter-widget {
  background: #fff;
  position: relative;
  margin: 35px 0 0;
  border: 1px solid #e4e4e4;
  box-shadow: 0 2px 4px #e7e7e7;
}

.newsletter-widget input[type="text"],
.newsletter-widget input[type="email"] {
  background: #fff;
  margin: 0;
  height: 41px;
  padding: 8px 20px;
  -webkit-appearance: none;
}

.newsletter-widget input[type="submit"] {
  background: url(assets/images/mail-icon.png) no-repeat 3px center;
  width: 44px;
  height: 41px;
  border: 0;
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
  font-size: 0;
}

.footer .newsletter-widget input[type="text"],
.footer .newsletter-widget input[type="email"] {
  text-transform: uppercase;
}

.footer .newsletter-widget {
  box-shadow: none;
  margin: 15px 0;
  border: 0;
}

.footer .footer-bottom .mailing-widget .copyright {
  margin: 0;
  color: #ccc;
}

.footer .footer-bottom .mailing-widget .copyright a {
  color: #535353;
  font-size: 10px;
}

.footer .footer-bottom .mailing-widget .copyright a:hover {
  color: #ccc;
}

.footer .footer-bottom .sitemap-widget li a:hover,
.footer .footer-bottom .quick-contact ul li a:hover {
  color: #c3c3c3;
}

.subpage-banner {
  position: relative;
  height: 186px;
  background-repeat: no-repeat;
  background-position: right 0;
  background-color: #755e5f;
}

.subpage-banner::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: -moz-linear-gradient(
    left,
    rgba(117, 94, 95, 1) 0%,
    rgba(117, 94, 95, 1) 42%,
    rgba(0, 0, 0, 0) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(117, 94, 95, 1) 0%,
    rgba(117, 94, 95, 1) 42%,
    rgba(0, 0, 0, 0) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(117, 94, 95, 1) 0%,
    rgba(117, 94, 95, 1) 42%,
    rgba(0, 0, 0, 0) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#755e5f', endColorstr='#00000000', GradientType=1); /* IE6-9 */
}

.subpage-banner .page-title {
  position: absolute;
  left: 33px;
  bottom: 33px;
  margin: 0;
  color: #fff;
  z-index: 2;
}

.sidebar-brands-list li {
  margin-bottom: 7px;
}

.sidebar-brands-list li label {
  display: block;
  border: 1px solid #dedede;
  height: 90px;
  text-align: center;
  font-size: 0;
}

.sidebar-brands-list li label:hover,
.sidebar-brands-list li label.active {
  border-color: #040404;
}

.sidebar-brands-list li label .helper {
  display: inline-block;
  height: 100%;
  padding: 0;
  position: relative;
  bottom: 0;
  left: 0;
  vertical-align: middle;
}

.sidebar-brands-list li label img {
  vertical-align: middle;
  max-width: 94%;
  max-height: 94%;
}

.sidebar-brands-list li label input {
  display: none;
}

.comm-collection-logo {
  margin-bottom: 50px;
  text-align: center;
}

hr {
  border: 0;
  border-bottom: 1px solid #e6e6e6;
  margin: 40px 0;
}

.gallery-btn {
  display: block;
  border: 1px solid #dbb9c8;
  padding: 12px 42px 11px;
  color: #762240;
  text-transform: uppercase;
  text-align: center;
}

.gallery-btn span {
  background: url(assets/images/gallery-icon.png) no-repeat;
  display: inline-block;
  padding: 0 0 0 27px;
}

.gallery-btn:hover {
  border-color: #040404;
}

.search-product .thumb {
  position: relative;
  overflow: hidden;
}

/*.search-product .thumb .add-to-wishlist{ position: absolute;right: 9px;top: 15px;background: url(assets/images/like.svg) no-repeat 7px 9px rgba(0, 0, 0, .28);width: 32px;height: 32px; border-radius: 100%; text-align: center;text-transform: uppercase;font-size: 10px; z-index: 1;background-size: 17px; cursor: pointer;}*/
.search-product .thumb .add-to-wishlist {
  position: absolute;
  right: 9px;
  top: 15px;
  background: url(assets/images/order-a-sample.png) no-repeat 7px 7px
    rgba(0, 0, 0, 0.28);
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  z-index: 1;
  background-size: 17px;
  cursor: pointer;
}

.search-product .thumb img {
  display: block;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.search-product .thumb .add-to-wishlist.active,
.search-product .thumb .add-to-wishlist:hover {
  background-color: #762240;
}

.search-product .thumb:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.search-product .content {
  margin: 13px 0;
  position: relative;
  font-size: 14px;
}

.search-product .content .gallery-icon {
  background: url(assets/images/gallery.svg) no-repeat;
  width: 30px;
  height: 30px;
  position: absolute;
  right: 0;
  top: 3px;
}

.search-product .content .pattern {
  color: #a30249;
  display: block;
  font-size: 15px;
  margin-bottom: 2px;
}

.search-product .content p {
  color: #000;
}

.search-product .content .gallery-hidden {
  display: none;
}

.popup-breadcrumb {
  margin-bottom: 15px;
  float: left;
}

.popup-breadcrumb li {
  display: inline-block;
  padding: 7px 18px 5px;
  border-left: 1px solid #616161;
  font-size: 20px;
  text-transform: uppercase;
  font-family: "Spline Sans", serif;
  font-weight: 700;
  color: #fff;
  vertical-align: top;
}

.popup-breadcrumb li:nth-child(1) {
  padding: 4px 18px 0 0;
  border-left: 0;
}

.search-close,
.main-nav-close {
  float: right;
  width: 49px;
  height: 37px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  text-align: center;
  color: #fff;
  font-size: 20px;
  line-height: 35px;
  margin-left: 6px;
}

.search-close:hover {
  color: #000;
}

.main-nav-close {
  color: #000;
}

.language-switcher {
  float: right;
  width: 49px;
  height: 37px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  text-align: center;
  color: #fff;
  font-size: 20px;
  margin-left: 6px;
  line-height: 41px;
}

.samples-btn {
  float: right;
  text-align: left;
  width: 150px;
  height: 37px;
  border-radius: 5px;
  margin-left: 6px;
  border: 1px solid #e4e4e4;
  padding-left: 41px;
  color: #fff;
  font-size: 13px;
  line-height: 35px;
  background: url(assets/images/bag.svg) no-repeat 10px center;
  background-size: 20px;
  position: relative;
}

.samples-btn label {
  color: #fff;
  width: 26px;
  height: 26px;
  border-radius: 100%;
  background: #762240;
  display: block;
  text-align: center;
  position: absolute;
  right: -8px;
  top: -10px;
  line-height: 27px;
}

.samples-btn:hover,
.language-switcher:hover,
.main-nav-close:hover,
.search-close:hover {
  background-color: #f9f9f9;
}

.newsletter-popup {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.67);
}

.newsletter-popup .popup-newsletter {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 610px;
  padding: 60px 70px 80px;
  background: #f7f7f7;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.newsletter-popup .popup-newsletter h3 {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  font-family: "Spline Sans", serif;
  color: #555555;
  text-align: center;
  margin: 0;
}

.newsletter-popup .popup-newsletter p {
  text-align: center;
  font-size: 16px;
  color: #000;
}

.newsletter-popup .popup-newsletter .newsletter-close {
  position: absolute;
  right: 26px;
  top: 20px;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}

.newsletter-popup .popup-newsletter .newsletter-close:hover {
  color: #762240;
}

.newsletter-popup .newsletter-widget input[type="text"],
.newsletter-popup .newsletter-widget input[type="email"] {
  background: #fff;
  margin: 0;
  height: 54px;
}

.newsletter-popup .newsletter-widget .mail-btn {
  height: 54px;
}

.my-selection-popup-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 5;
  background: rgba(255, 255, 255, 0.67);
  display: none;
}

.my-selection-popup-container .selection-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 694px;
  background: #f7f7f7;
  max-height: 97%;
  overflow: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.my-selection-popup-container.notfixed {
  position: relative;
  left: 50%;
  top: auto;
  right: auto;
  bottom: auto;
  z-index: 5;
  background: rgba(255, 255, 255, 0.67);
  display: block;
}

.my-selection-popup-container.notfixed .selection-popup {
  position: relative;
  left: auto;
  top: 354px;
  width: 694px;
  background: #f7f7f7;
  max-height: none;
  overflow: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.my-selection-popup-container .selection-popup .top .my-selection-row {
  margin: 10px 30px 13px;
  font-size: 0;
}

.my-selection-popup-container .selection-popup .top .my-selection-row .each {
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  font-size: 14px;
}

.my-selection-popup-container .selection-popup .top .my-selection-row .each a {
  color: #040404;
}

.my-selection-popup-container
  .selection-popup
  .top
  .my-selection-row
  .each
  a:hover {
  color: #762240;
}

.my-selection-popup-container .selection-popup h3 {
  font-size: 36px;
  font-family: "Spline Sans", serif;
  color: #555555;
  margin: 35px 0 15px;
  text-align: center;
}

.my-selection-popup-container .selection-popup p {
  text-align: center;
  font-size: 16px;
  color: #000;
}

.my-selection-popup-container .selection-popup .my-selection-close {
  position: absolute;
  right: 26px;
  top: 20px;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}

.my-selection-popup-container .selection-popup .my-selection-close:hover {
  color: #762240;
}

.my-selection-popup-container
  .selection-popup
  .top
  .my-selection-row
  .each
  img {
  display: inline-block;
  vertical-align: middle;
  margin-right: 10px;
}

.my-selection-popup-container .selection-popup .bottom {
  padding: 40px;
  background: #eaeaea;
}

.my-selection-popup-container .selection-popup .bottom h2 {
  font-family: "Spline Sans", serif;
  line-height: 40px;
  margin: 0;
}

.my-selection-popup-container .selection-popup .bottom p {
  text-align: left;
}

.my-selection-popup-container .selection-popup .bottom form input[type="text"],
.my-selection-popup-container
  .selection-popup
  .bottom
  form
  input[type="email"] {
  background: #fff;
  height: 48px;
  box-shadow: 0 2px 4px #e1e1e1;
  border-radius: 0;
}

.my-selection-popup-container
  .selection-popup
  .bottom
  form
  .wpcf7-form-control-wrap {
  margin: 0 0 10px;
  width: 49%;
  float: left;
}

.my-selection-popup-container
  .selection-popup
  .bottom
  form
  .wpcf7-form-control-wrap:nth-child(2n + 2) {
  float: right;
}

.my-selection-popup-container .selection-popup .bottom .btn {
  width: 49%;
  height: 48px;
}

.my-selection-popup-container .selection-popup .top {
  text-align: center;
}

.my-selection-popup-container
  .selection-popup
  .bottom
  form
  .wpcf7-form-control-wrap
  .wpcf7-recaptcha {
  transform: scale(0.9);
  -moz-transform: scale(0.9);
  -webkit-transform: scale(0.9);
}

/** Add custom swatches to session */
.add-custom-swatches-to-session {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 33331;
  background: rgba(255, 255, 255, 0.67);
  display: none;
}

.add-custom-swatches-to-session .selection-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 580px;
  background: #f7f7f7;
  max-height: 97%;
  overflow: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.add-custom-swatches-to-session .selection-popup .top {
  padding: 40px 50px 30px;
}

.add-custom-swatches-to-session .selection-popup .top .my-selection-row {
  margin: 0 -25px;
  font-size: 0;
}

.add-custom-swatches-to-session .selection-popup .top .my-selection-row .each {
  padding: 0 25px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.add-custom-swatches-to-session .selection-popup h3 {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  font-family: "Spline Sans", serif;
  color: #555555;
  margin: 0 0 10px;
}

.add-custom-swatches-to-session .selection-popup p {
  text-align: center;
  font-size: 16px;
  color: #000;
}

.add-custom-swatches-to-session .selection-popup .my-selection-close {
  position: absolute;
  right: 26px;
  top: 20px;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}

.add-custom-swatches-to-session .selection-popup .my-selection-close:hover {
  color: #762240;
}

.add-custom-swatches-to-session
  .selection-popup
  .top
  .my-selection-row
  .each
  .search-product
  .thumb {
  float: left;
  width: 73px;
  position: relative;
  z-index: 1;
}

.add-custom-swatches-to-session
  .selection-popup
  .top
  .my-selection-row
  .each
  .search-product
  .content {
  padding: 7px 0 0 85px;
  font-size: 14px;
}

.add-custom-swatches-to-session
  .selection-popup
  .top
  .my-selection-row
  .each
  .search-product
  .content
  p {
  text-align: left;
  font-size: 14px;
}

.add-custom-swatches-to-session .selection-popup .bottom {
  padding: 40px 50px 50px;
  background: #eaeaea;
}

.add-custom-swatches-to-session .selection-popup .bottom p {
  text-align: left;
}

.add-custom-swatches-to-session
  .selection-popup
  .bottom
  form
  input[type="text"],
.add-custom-swatches-to-session
  .selection-popup
  .bottom
  form
  input[type="email"] {
  background: #fff;
  margin: 0 0 10px;
  height: 54px;
  box-shadow: 0 2px 4px #e7e7e7;
}

.add-custom-swatches-to-session .selection-popup .bottom .btn {
  display: block;
  width: 100%;
  height: 54px;
}

.add-custom-swatches-to-session .wpcf7-recaptcha,
.form-widget .wpcf7-recaptcha {
  margin: -20px 0 15px;
}

/** End of add custom swathes to session classes */

.my-selection-popup-container-2 {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 33331;
  background: rgba(255, 255, 255, 0.67);
  display: none;
}

.my-selection-popup-container-2 .selection-popup {
  position: absolute;
  left: 50%;
  top: 50%;
  width: 580px;
  background: #f7f7f7;
  max-height: 97%;
  overflow: auto;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.my-selection-popup-container-2 .selection-popup .top {
  padding: 40px 50px 30px;
}

.my-selection-popup-container-2 .selection-popup .top .my-selection-row {
  margin: 0 -25px;
  font-size: 0;
}

.my-selection-popup-container-2 .selection-popup .top .my-selection-row .each {
  padding: 0 25px;
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.my-selection-popup-container-2 .selection-popup h3 {
  text-transform: uppercase;
  font-size: 32px;
  font-weight: 700;
  font-family: "Spline Sans", serif;
  color: #555555;
  margin: 0 0 10px;
}

.my-selection-popup-container-2 .selection-popup p {
  text-align: center;
  font-size: 16px;
  color: #000;
}

.my-selection-popup-container-2 .selection-popup .my-selection-close {
  position: absolute;
  right: 26px;
  top: 20px;
  font-size: 22px;
  color: #000;
  cursor: pointer;
}

.my-selection-popup-container-2 .selection-popup .my-selection-close:hover {
  color: #762240;
}

.my-selection-popup-container-2
  .selection-popup
  .top
  .my-selection-row
  .each
  .search-product
  .thumb {
  float: left;
  width: 73px;
  position: relative;
  z-index: 1;
}

.my-selection-popup-container-2
  .selection-popup
  .top
  .my-selection-row
  .each
  .search-product
  .content {
  padding: 7px 0 0 85px;
  font-size: 14px;
}

.my-selection-popup-container-2
  .selection-popup
  .top
  .my-selection-row
  .each
  .search-product
  .content
  p {
  text-align: left;
  font-size: 14px;
}

.my-selection-popup-container-2 .selection-popup .bottom {
  padding: 40px 50px 50px;
  background: #eaeaea;
}

.my-selection-popup-container-2 .selection-popup .bottom p {
  text-align: left;
}

.my-selection-popup-container-2
  .selection-popup
  .bottom
  form
  input[type="text"],
.my-selection-popup-container-2
  .selection-popup
  .bottom
  form
  input[type="email"] {
  background: #fff;
  margin: 0 0 10px;
  height: 54px;
  box-shadow: 0 2px 4px #e7e7e7;
}

.my-selection-popup-container-2 .selection-popup .bottom .btn {
  display: block;
  width: 100%;
  height: 54px;
}

.my-selection-popup-container-2 .wpcf7-recaptcha,
.form-widget .wpcf7-recaptcha {
  margin: -20px 0 15px;
}

.add-more-swatches {
  display: block;
  padding: 9px 40px 8px;
  background: #eaeaea;
  color: #a30249;
  margin-top: 17px;
  font-weight: 600;
  font-size: 13px;
  border-radius: 5px;
  text-align: center;
}

.add-more-swatches i {
  margin-right: 6px;
  font-size: 11px;
}

@media (min-width: 1025px) {
  .add-more-swatches {
    display: none;
  }
}

.playbook {
  margin-top: 65px;
}

.menu-widget {
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(255, 255, 255, 0.97);
  z-index: 33311;
  display: none;
}

.menu-widget .logo {
  float: left;
}

.menu-widget .desktop-padding {
  padding-top: 50px;
}

.menu-widget .container {
  max-width: 1200px;
  padding: 0 20px;
  width: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}

.menu-container {
  border-top: 1px solid #881040;
  width: 100%;
  padding-top: 50px;
  margin-top: 20px;
  font-size: 0;
}

.menu-container .each {
  display: inline-block;
  vertical-align: top;
  width: 25%; /*border-right: 1px solid #cfcfcf; text-align: center; height: 330px;*/
  padding-right: 28px;
}

/*.menu-container .each:nth-child(1){ background: rgba(207, 207, 193, .67); }
.menu-container .each:nth-child(2){ background: rgba(174, 151, 109, .67); }
.menu-container .each:nth-child(3){ background: rgba(29, 47, 73, .67); }
.menu-container .each:nth-child(4){ background: rgba(162, 2, 70, .67); }*/
.menu-container .each h3 {
  color: #000;
  font-size: 28px;
  font-weight: 300;
  font-family: "Spline Sans", serif;
  margin-bottom: 10px;
  text-transform: uppercase;
}

.menu-container .each img {
  background: #ccc;
  display: block;
  margin-bottom: 10px;
}

.menu-container .each p {
  position: relative;
  color: #7f7f7f;
  top: 0;
  text-transform: uppercase;
  font-size: 19px;
  line-height: 29px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.menu-container .each p a {
  color: #7f7f7f;
}

.menu-container .each p a:hover {
  color: #881040;
}

.menu-container div.each:last-child {
  background: #881040;
  text-align: center;
  padding: 30px 0 60px;
  position: relative;
}

.menu-container div.each:last-child .menu-sticky-login {
  position: absolute;
  left: 2px;
  right: 2px;
  bottom: 2px;
  display: block;
  background: #fff;
  color: #881040;
  padding: 10px;
  font-size: 19px;
  font-family: "Spline Sans", serif;
  font-weight: 600;
  text-transform: uppercase;
}

.menu-container div.each:last-child .menu-sticky-login:hover {
  color: #fff;
  background: #770d37;
}

.menu-container .each .menu li {
  margin: 10px 0;
}

.menu-container .each .menu li a {
  color: #fff;
  font-size: 19px;
  font-family: "Spline Sans", serif;
  font-weight: 600;
  text-transform: uppercase;
}

.menu-container .each .menu li a:hover {
  text-shadow: 0px 0px 15px #fff;
}

.menu-container .each:hover p {
  top: 4px;
}

.menu-widget .social {
  margin: 30px 0;
}

.menu-widget .social li {
  display: inline-block;
  margin: 0 10px;
}

.menu-widget .social li a {
  color: #fff;
  font-size: 13px;
}

.menu-widget .social li .screen-reader-text {
  font-size: 0;
}

.menu-widget .social li svg {
  width: 15px;
  height: 15px;
  fill: #fff;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.menu-widget .social li a:hover svg {
  fill: #727272;
}

.menu-widget .menu-mailing-list {
  max-width: 650px;
  margin: 0 auto;
}

.menu-widget .menu-mailing-list .newsletter-widget {
  margin: 0;
  box-shadow: none;
}

.menu-widget .menu-mailing-list .left {
  float: left;
  width: 30%;
  text-align: right;
}

.menu-widget .menu-mailing-list .left h4 {
  color: #fff;
  font-size: 16px;
  margin: 4px 0 1px;
  font-weight: 700;
  font-family: "Spline Sans", serif;
}

.menu-widget .menu-mailing-list .left p {
  color: #fff;
  margin: 0;
}

.menu-widget .menu-mailing-list .right {
  float: right;
  width: 65%;
}

.menu-widget .newsletter-widget {
  border-color: #a09f9e;
}

.menu-widget .newsletter-widget input[type="text"],
.menu-widget .newsletter-widget input[type="email"] {
  height: 50px;
  background: rgba(0, 0, 0, 0.85);
  color: #e4e4e4;
  color: #fff;
}

.menu-widget .newsletter-widget input[type="submit"] {
  height: 50px;
  background-image: url(assets/images/mail-icon-white.png);
}

.project-detail-header {
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 33px;
}

/*.project-detail-header .page-title{ float: left; }*/
.project-detail-header .left {
  float: left;
}

.project-detail-header .right {
  float: right;
}

.project-detail-header .breadcrumbs {
  float: none;
}

.project-detail-header .breadcrumbs li:nth-child(1) a {
  margin-left: 0;
}

.project-detail-header .page-title span {
  font-family: "Spline Sans", serif;
  font-weight: 400;
  text-transform: none;
  font-size: 13px;
  color: #000;
  padding: 5px 20px;
  background-color: #e5e5e5 !important;
  border-radius: 20px;
  margin-left: 10px;
}

.project-detail-header .page-title span.has-tooltip {
  background: url(assets/images/tooltip-icon.png) no-repeat right 4px center;
  padding: 4px 26px 4px 13px;
  vertical-align: bottom;
}

.project-detail-header .page-title .tooltip {
  float: right;
  position: relative;
  z-index: 1;
  top: 2px;
}

.project-detail-header .page-title .tooltip .tooltip-content {
  position: absolute;
  left: 20px;
  top: -41px;
  background: #fff;
  width: 265px;
  border-radius: 8px;
  color: #000;
  padding: 20px 20px 5px;
  font-size: 13px;
  display: none;
  line-height: 19px;
  border: 1px solid #dadada;
}

.project-detail-header .page-title .tooltip .tooltip-content h3 {
  font-family: "Spline Sans", serif;
  font-size: 17px;
  font-weight: 400;
  margin-bottom: 7px;
  text-transform: none;
}

.project-detail-header .page-title .tooltip .tooltip-content:after {
  text-transform: none;
  line-height: normal;
  right: 100%;
  content: "";
  top: 33px;
  position: absolute;
  background: url(assets/images/tooltip-caret.jpg) no-repeat 0 0;
  width: 13px;
  height: 35px;
}

.project-detail-header .page-title .tooltip .tooltip-content p {
  text-transform: none;
  font-weight: 400;
  line-height: 19px;
}

.project-detail-header .page-title span:hover + .tooltip .tooltip-content {
  display: block;
}

/*.project-detail-header .page-title span:hover{ background: #762240; color: #fff; }*/
.breadcrumbs {
  float: right;
  font-size: 0;
}

.breadcrumbs li {
  display: inline-block;
  font-size: 17px;
  font-style: italic;
  color: #762240;
}

.breadcrumbs li span {
  color: #040404;
}

.breadcrumbs li a {
  color: #040404;
  margin: 1px 6px;
}

.breadcrumbs li a:hover {
  color: #762240;
}

.breadcrumbs li:last-child {
  padding-left: 5px;
}

.project-detail-left {
  float: left;
  width: 62%;
}

.project-detail-right {
  float: right;
  width: 34%;
}

.project-detail-right .brand-logo {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}

.project-detail-right .project-description {
  padding: 30px 0 13px;
  border-bottom: 1px solid #e5e5e5;
}

.project-detail-right .project-description label {
  position: absolute;
  left: 0;
  top: 2px;
  font-weight: 600;
}

.project-detail-right .project-description li {
  padding: 0 0 0 143px;
  position: relative;
  margin-bottom: 17px;
}

.project-detail-right .project-info {
  padding: 29px 0 29px 35px;
  border-bottom: 1px solid #e5e5e5;
  background: url(assets/images/i-icon.png) no-repeat 0 33px;
  font-style: italic;
  margin-bottom: 40px;
}

.project-detail-right .project-info p {
  margin: 0;
}

.project-detail-right .project-pagination .btn {
  min-width: 40%;
}

.project-detail-right .project-pagination .btn:nth-child(2) {
  float: right;
}

.project-detail-left .tab_wrapper {
  margin: 0;
}

.project-detail-left .tab_wrapper > .tab_list {
  float: right;
  width: 28.5%;
  margin: 0 3px 0 0;
}

.project-detail-left .tab_wrapper > ul li {
  border: 0;
  background: none !important;
  float: left;
  width: 50%;
  margin: 0;
  padding: 0 2px 4px;
}

.project-detail-left .tab_wrapper > ul li img {
  display: block;
}

.project-detail-left .tab_wrapper > ul li::after {
  display: none;
}

.project-detail-left .tab_wrapper .content_wrapper {
  float: left;
  width: 70.5%;
}

.project-detail-left .tab_wrapper .content_wrapper .tab_content {
  padding: 0;
  position: relative;
}

.project-detail-left .tab_wrapper .content_wrapper .tab_content::before {
  content: "";
  width: 32px;
  height: 32px;
  background: url(assets/images/zoom-icon-grey.png) no-repeat;
  position: absolute;
  left: 20px;
  top: 20px;
  z-index: 20;
}

.wallpapers-left {
  float: left;
  width: 60%;
  padding: 30px 0;
  position: relative;
  z-index: 2;
}

.wallpapers-left h1:not([class]) {
  text-transform: uppercase;
  margin-bottom: 20px;
  font-size: 30px;
  font-weight: 900;
  font-family: "Spline Sans", serif;
}

.wallpapers-left p {
  font-size: 13px;
  line-height: 21px;
}

.wallpapers-right {
  float: right;
  width: 34%;
  padding: 30px 0;
}

.wallpapers-main-carousel {
  float: none;
  width: 50%;
  margin: 0 auto;
  padding: 10px 0;
}

.fancy-page-title {
  font-family: "Spline Sans", serif;
  font-size: 80px;
  line-height: 60px;
  color: #d25189;
  margin-bottom: 50px;
}

.fancy-page-title span {
  display: block;
  padding-left: 84px;
}

.page-template-page-about-us .fancy-page-title {
  text-align: right;
  margin-bottom: 10px;
}

.wallpapers-left-row {
  margin: 45px -170px 0 0;
}

.wallpapers-left-row .each {
  padding: 40px 40px 50px;
  box-shadow: 0 0 17px rgba(0, 0, 0, 0.04);
  float: left;
  width: 48%;
  background: #fff;
}

.wallpapers-left-row .each:nth-child(2) {
  float: right;
}

.wallpapers-left-row .each h3 {
  text-transform: uppercase;
  font-weight: 900;
  font-family: "Spline Sans", serif;
  font-size: 28px;
  margin-bottom: 7px;
}

.wallpapers-left-row .each p {
  font-size: 13px;
  line-height: 21px;
}

.wallpapers-left-row .each .btn:not(.btn-small) {
  padding-top: 9px;
  padding-bottom: 9px;
}

.wallpapers-left-row .each .btn.btn-small {
  margin: 0 7px 15px 0;
}

.wallpapers-carousel {
  position: relative;
}

.wallpapers-carousel img {
  width: 100%;
}

.wallpapers-carousel .owl-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 36px;
  text-align: center;
}

.wallpapers-carousel .owl-dots .owl-dot {
  width: 14px;
  height: 14px;
  background: #fff;
  border-radius: 100%;
  margin: 0 2px;
  display: inline-block;
}

.wallpapers-carousel .owl-dots .owl-dot.active,
.wallpapers-carousel .owl-dots .owl-dot:hover {
  background: #762240;
}

.collections-detail-left
  .top
  .right
  .logo-sec
  .cat-video-btns
  .btn.btn-colored {
  background: #762240;
  color: #fff;
  border-color: #762240;
  width: 49%;
  font-size: 12px;
  text-transform: uppercase;
  padding-left: 3px;
  padding-right: 3px;
}

.collections-detail-left
  .top
  .right
  .logo-sec
  .cat-video-btns
  .btn.btn-colored:hover {
  background: none;
  color: #762240;
}

.collections-detail-left
  .top
  .right
  .logo-sec
  .cat-video-btns
  .btn.btn-colored:nth-child(1) {
  float: left;
}

.collections-detail-left {
  float: left;
  width: 51%;
}

.collections-detail-left .top {
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 14px;
}

.collections-detail-left .top .left {
  width: 30%;
  float: left;
}

.collections-detail-left .top .right {
  width: 65%;
  float: right;
}

.collections-detail-left .top .right .price {
  font-size: 25px;
  margin-bottom: 18px;
}

.collections-detail-left .top .right .price span {
  font-size: 17px;
  font-weight: 300;
  margin-right: 2px;
}

.collections-detail-left .top .right .select-collection {
  padding-bottom: 18px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 20px;
}

.collections-detail-left .top .right .select-collection p {
  float: left;
  width: 30%;
  padding-top: 10px;
  margin: 0;
  font-style: italic;
}

.collections-detail-left .top .right .select-collection .styled-select {
  position: relative;
  float: right;
  min-width: 90px;
  width: 70%;
  background: #e5e5e5;
}

.collections-detail-left .top .right .select-collection .styled-select select {
  padding: 5px 40px 5px 10px;
  width: 100%;
  box-sizing: border-box;
  background: #e5e5e5;
  border: 1px solid #e5e5e5;
  height: 39px;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 13px;
}

.collections-detail-left .top .right .select-collection .styled-select:before {
  content: "\f0d7";
  font-family: "Spline Sans", serif;
  line-height: 39px;
  font-size: 20px;
  text-align: center;
  display: block;
  height: 37px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 37px;
  z-index: 1;
  font-weight: 900;
  color: #000;
  background: #e5e5e5;
}

.collections-detail-left .top .right .logo-sec {
  margin-bottom: 17px;
}

.collections-detail-left .top .right .logo-sec img {
  float: left;
}

.collections-detail-left .top .right .logo-sec .btn {
  float: right;
  text-transform: none;
  padding: 8px 20px;
  background: none;
  border-color: #ccc;
  color: #040404;
  font-weight: 400;
  font-size: 14px;
  margin-top: 5px;
}

.collections-detail-left .top .right .logo-sec .btn:hover {
  color: #040404;
  border-color: #040404;
}

/*.collections-detail-left .top .right .logo-sec .cat-video-btns .btn.btn-colored{ background: #762240; color: #fff; border-color: #762240;margin-left: 4px;font-size: 12px;text-transform: uppercase;}
.collections-detail-left .top .right .logo-sec .cat-video-btns .btn.btn-colored:hover{ background: none; color: #762240; }*/
.collections-detail-left .top .right > p {
  font-size: 13px;
  line-height: 21px;
}

.collections-detail-right {
  float: right;
  width: 44%;
  overflow: hidden;
}

@media (min-width: 1251px) {
  .collections-detail-right {
    height: 880px;
    background: #fff;
  }

  .collections-detail-right #roomset_image_section {
    height: 880px;
    position: relative;
  }
}

@media screen and (min-width: 1051px) and (max-width: 1250px) {
  .collections-detail-right {
    height: 630px;
  }

  .collections-detail-right #roomset_image_section {
    height: 600px;
  }
}

.collections-detail-right img {
  display: block;
  margin-bottom: 1px;
  width: 100%;
}

.collections-detail-right .number {
  display: block;
  padding: 15px 20px;
  background: #a11d56;
  font-size: 19px;
  color: #fff;
  font-weight: 300;
}

.featured-wallpapers .featured-wallpapers-list {
  margin: 0 -3.5px;
}

.featured-wallpapers .featured-wallpapers-list li {
  padding: 0 5.5px 7px;
  float: left;
  width: 33.3%;
}

.featured-wallpapers .featured-wallpapers-list li a {
  display: block;
  position: relative;
  background: #000;
}

.featured-wallpapers .featured-wallpapers-list li a img {
  display: block;
  width: 100%;
}

.featured-wallpapers .featured-wallpapers-list li a .icon {
  position: absolute;
  left: 10px;
  top: 10px;
  background: url(assets/images/zoom-icon.png) no-repeat;
  width: 32px;
  height: 32px;
  z-index: 1;
}

.featured-wallpapers .featured-wallpapers-list li a .code {
  position: absolute;
  left: 0;
  right: 0;
  top: 44%;
  color: #fff;
  font-weight: 700;
  font-size: 15px;
  text-align: center;
  margin-top: -20px;
  z-index: 1;
}

.featured-wallpapers .featured-wallpapers-list li a p {
  position: absolute;
  left: 0;
  right: 0;
  top: 47%;
  color: #fff;
  font-weight: 400;
  font-size: 19px;
  text-align: center;
  margin-top: 0;
  z-index: 1;
}

.featured-wallpapers .featured-wallpapers-list li a p span {
  display: block;
  font-weight: 300;
  font-size: 14px;
}

.featured-wallpapers .featured-wallpapers-list li a .view-details {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  color: #fff;
  font-weight: 900;
  padding: 10px;
  background: #a11d56;
  text-align: center;
  font-size: 13px;
  z-index: 1;
  border-top: 1px solid #fff;
}

.featured-wallpapers > p span {
  float: right;
  font-size: 13px;
  font-style: italic;
}

.featured-wallpapers .featured-wallpapers-list li a .icon,
.featured-wallpapers .featured-wallpapers-list li a .code,
.featured-wallpapers .featured-wallpapers-list li a .view-details,
.featured-wallpapers .featured-wallpapers-list li a p {
  opacity: 0;
  visibility: hidden;
}

.featured-wallpapers .featured-wallpapers-list li a:hover img {
  opacity: 0.5;
}

.featured-wallpapers .featured-wallpapers-list li a:hover .icon,
.featured-wallpapers .featured-wallpapers-list li a:hover .code,
.featured-wallpapers .featured-wallpapers-list li a:hover .view-details,
.featured-wallpapers .featured-wallpapers-list li a:hover p {
  opacity: 1;
  visibility: visible;
}

.button_qcksp {
  border-radius: 1px;
  background: #881040;
  color: white;
  font-weight: 600;
  font-size: 8px;
  width: 129px;
  height: 34px;
  cursor: pointer;
  border: 0px;
  margin-top: -10px;
  margin-left: 13px;
}

.more-images {
  padding-top: 25px;
}

.more-images p {
  margin: 0 0 18px;
}

.more-images .more-images-list {
  margin: 0 -2px;
}

/*.more-images .more-images-list li{ padding:0 2px 4px; float: left; width:8.33%;position: relative;}*/
.more-images .more-images-list li {
  float: left;
  width: 8.33%;
  position: relative;
}

.more-images .more-images-list li .add-to-wishlist {
  z-index: 1111;
  left: 15px;
  top: 15px;
  width: 25px;
  height: 25px;
  background-size: 12px;
  background-position: center 6px;
  cursor: pointer;
}

@media (min-width: 1025px) {
  .more-images .more-images-list li .add-to-wishlist:hover {
    background-image: url(assets/images/order-a-sample.png);
    background-color: #762240;
  }
}

.more-images .more-images-list li {
  margin: 0 2px 4px;
  float: left;
  width: 8.33%;
  position: relative;
  overflow: hidden;
}

.more-images .more-images-list li a {
  display: block;
}

.more-images .more-images-list li .title-dispaly {
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 999;
  top: 100%;
  left: 0px;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  display: flex;
  text-align: center;
  align-items: center;
  justify-content: center;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  /*background: rgba(136, 15, 64,0.4);*/
}

@media (min-width: 1025px) {
  .more-images .more-images-list li:hover .title-dispaly {
    top: 0px;
  }
}

.home-maincontent-heading p {
  text-align: center;
  font-size: 15px;
  margin-bottom: 20px;
  /* font-weight: 600;*/
  text-align: justify;
}

.wlp-page-main-heading p {
  text-align: center;
  text-transform: uppercase;
  font-size: 15px;
  margin-bottom: 20px;
  font-weight: 600;
}

.wlp-flrfab-main-heading {
  font-size: 18px;
}

.page-sub-title {
  font-size: 18px;
}

.page-sub-title-single {
  font-size: 15px;
}

.more-images .more-images-list li img {
  display: block;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  width: 100%;
}

.more-images .more-images-list li a {
  display: block;
}

@media (min-width: 1025px) {
  .more-images .more-images-list li a:hover {
    background: #000;
  }

  .more-images .more-images-list li a:hover img {
    opacity: 0.5;
  }
}

.faq-page {
  background: #f6f6f6;
  padding: 60px 0 80px;
}

.faq-page h1 {
  text-align: center;
  margin: 10px 15px 35px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 36px;
}

.faq-page .toggle.no-click h3 {
  pointer-events: none;
  color: #762240;
}

.faq-page .toggle {
  padding: 30px 30px 25px;
  background: #fff;
}

.faq-page .toggle h3 {
  font-size: 22px;
  margin: 0;
}

.faq-page .toggle h3::after {
  color: #762240;
  display: none;
}

.faq-page .toggle .toggle-content {
  padding: 20px 0 0;
}

.faq-page .toggle .toggle-content p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 13px;
}

.faq-page .toggle .toggle-content p a {
  color: #762240;
}

.faq-page .toggle .toggle-content ul li {
  padding-left: 15px;
  margin-bottom: 10px;
}

.faq-page .toggle .toggle-content ul li::before {
  content: "\f105";
  font-family: "Spline Sans", serif;
  font-weight: 900;
  position: absolute;
  left: 0px;
  color: #762240;
  top: 1px;
  font-size: 13px;
}

.faq-page .toggle .toggle-content .ans {
  padding: 0 0 5px 0;
}

/*.faq-page .toggle.active .toggle-content{ display: block; }*/
.faq-categories {
  text-align: center;
  margin-bottom: 50px;
}

.faq-categories li {
  display: inline-block;
  vertical-align: top;
  margin: 0 2px;
}

.faq-categories li a {
  display: block;
  padding: 11px 30px 10px;
  border-radius: 3px;
  border: 1px solid #eaeaea;
  background: #fff;
  color: #762240;
}

.faq-categories li a:hover {
  background: #762240;
  color: #fff;
  border-color: #762240;
}

.pop-image .rslides_tabs {
  margin: 8px -4px 0;
}

.pop-image .rslides_tabs li {
  max-width: 20%;
  float: left;
  padding: 0 4px;
}

@media (max-width: 600px) {
  .faq-categories li {
    display: block;
    margin: 2px 0;
  }
}

/*.pop-image #big .owl-nav{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -50px;}
.pop-image #big .owl-nav i{ font-size: 30px; color: #fff; text-shadow: 0 0 10px #000; padding: 30px; }
.pop-image #big .owl-nav .owl-prev{ float: left; }
.pop-image #big .owl-nav .owl-next{ float: right; }*/

.media-popup .modal-full {
  padding: 60px;
}

.media-popup .modal-full h3 {
  padding: 0;
  color: #762240;
}

.media-popup .modal-full .close {
  top: 20px;
}

.media-popup .modal-full .pop-text h4 {
  font-size: 18px;
}

.media-popup .modal-full .pop-text p {
  margin-bottom: 9px;
}

.media-popup .modal-full .pop-text .top {
  border-bottom: 1px solid #eae9e9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.media-popup .modal-full .pop-text .popup-featured-product {
  padding-bottom: 16px;
  margin-bottom: 16px;
  border-bottom: 1px solid #eae9e9;
}

.media-popup .modal-full .pop-text .popup-featured-product .thumb {
  float: left;
  width: 70px;
}

.media-popup .modal-full .pop-text .popup-featured-product .content {
  padding-left: 80px;
}

.media-popup .modal-full .pop-text .popup-featured-product h4 {
  font-size: 13px;
  color: #58595b;
}

.media-popup .modal-full .pop-text .popup-featured-product .content .number {
  display: block;
  font-size: 13px;
  padding-bottom: 3px;
  color: #762240;
}

.media-popup .modal-full .pop-text .popup-featured-product .content h3 {
  font-size: 14px;
  font-weight: 400;
  margin-bottom: 4px;
}

.media-popup .modal-full .pop-text .popup-featured-product .content h3 a {
  display: block;
  color: #040404;
}

.media-popup .modal-full .pop-text .popup-featured-product .project-front-img {
  height: 60px;
  width: 70px;
}

.media-popup .modal-full .pop-image #big img {
  display: block;
  margin-bottom: 8px;
}

.collection-detail-more .left .brand-logo {
  border-bottom: 1px solid #e5e5e5;
  padding-bottom: 30px;
}

.collection-detail-more .left .project-description {
  padding: 20px 0 8px;
  border-bottom: 1px solid #e5e5e5;
}

.collection-detail-more .left .project-description label {
  position: absolute;
  left: 0;
  top: 2px;
  font-weight: 600;
}

.collection-detail-more .left .project-description li {
  padding: 0 0 0 143px;
  position: relative;
  margin-bottom: 17px;
  min-height: 17px;
}

.collection-detail-more .left .project-description li a {
  color: #762240;
}

.collection-detail-more .left .project-description li a:hover {
  color: #000;
}

.collection-detail-more .left .project-info {
  padding: 29px 0 29px 35px;
  border-bottom: 1px solid #e5e5e5;
  background: url(assets/images/i-icon.png) no-repeat 0 33px;
  font-style: italic;
  margin-bottom: 40px;
}

.collection-detail-more .left .project-info p {
  margin: 0;
}

.collection-detail-more .left .project-pagination .btn {
  display: block;
  margin-bottom: 12px;
  border-color: #dbb9c8;
  padding: 11px 10px;
}

.collection-detail-more .middle img {
  display: block;
  margin-bottom: 1px;
  width: 100%;
}

.collection-detail-more .middle .bottom {
  display: block;
  padding: 15px 20px;
  background: #e5e5e5;
  font-size: 13px;
}

.collection-detail-more .middle .bottom p {
  float: left;
  font-style: italic;
  margin: 0;
}

.collection-detail-more .middle .bottom .social {
  float: right;
}

.collection-detail-more .middle .bottom .social li {
  display: inline-block;
  margin: 0 5px;
}

.collection-detail-more .middle .bottom .social li a {
  color: #040404;
  font-size: 14px;
}

.tabs-list {
  /*margin: 0 -1.5px;*/
}

.tabs-list li {
  width: 33.3%;
  float: left;
  padding: 0 1.5px 3px;
}

.tabs-list li img {
  width: 100%;
  display: block;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  max-height: 99px;
}

.tabs-list li a {
  display: block;
  background: #000;
}

.tabs-list li a:hover img {
  opacity: 0.5;
}

.tabs-list li .img-layout {
  height: 90px;
  background: #ccc;
}

.tabs-list li .img-layout .img {
  height: 90px;
}

.tabs-list li:nth-child(21) ~ li .img-layout .img {
  display: none;
}

.small-header .tabs-list li:nth-child(21) ~ li .img-layout .img {
  display: block;
}

.collection-detail-more .left {
  width: 26%;
  float: left;
  margin: 0 5.5% 0 0;
}

.collection-detail-more .middle {
  width: 37.5%;
  float: left;
  margin-top: 10px;
  position: relative;
}

.collection-detail-more .middle::before {
  content: "";
  position: absolute;
  left: 10px;
  top: 10px;
  background: url(assets/images/zoom-icon.png) no-repeat;
  width: 32px;
  height: 32px;
}

.collection-detail-more .right {
  width: 25.6%;
  float: right;
}

.collection-detail-more .right h3 {
  text-transform: uppercase;
  color: #762240;
  font-size: 18px;
  font-family: "Spline Sans", serif;
  font-weight: 900;
  margin: 0 0 6px;
  float: left;
}

.imagezoom-view img {
  max-width: none;
  width: auto !important;
}

.page-template-page-single-quickshop .sticky-text {
  display: none;
}

.sticky-text {
  background: url(assets/images/residential-sticky-icon.png) no-repeat;
  padding-top: 50px;
  position: absolute;
  right: -144px;
  top: 53px;
  width: 62px;
  background-size: 38px;
  background-position: 5px 0;
}

.sticky-text span {
  font-family: "Spline Sans", serif;
  font-weight: 100;
  font-size: 86px;
  color: #8d8d8d;
  text-transform: uppercase;
  display: block;
  margin-left: -6px;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
}

.add-to-wishlist {
  position: absolute;
  /*  background: url(assets/images/like.svg) no-repeat 7px 9px rgba(0, 0, 0, .28);*/
  background: url(assets/images/ordersample.png) no-repeat 7px 7px #f9f9f9;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  z-index: 1;
  background-size: 17px;
  margin: -7px 0 0 -9px;
}

.add-to-wishlist.active {
  position: absolute;
  /*background: url(assets/images/like-fill.svg) no-repeat 7px 9px rgba(164, 0, 71, 1);*/
  background: url(assets/images/order-a-sample.png) no-repeat 7px 7px
    rgba(164, 0, 71, 1);
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  z-index: 1;
  background-size: 17px;
  margin: -7px 0 0 -9px;
}

.heading-with-back-btn .page-title {
  float: left;
}

.heading-with-back-btn .back-btn {
  float: right;
  color: #762240;
  font-size: 18px;
}

.heading-with-back-btn .back-btn span {
  color: #000;
  font-size: 22px;
}

.heading-with-back-btn .back-btn:hover {
  color: #000;
}

.back-btn-2 {
  color: #762240;
  font-size: 15px;
  margin-bottom: 20px;
  display: inline-block;
}

.back-btn-2 span {
  color: #000;
  font-size: 21px;
}

.back-btn-2:hover {
  color: #000;
}

.my-selection-row .content .remove-wishlist {
  position: absolute;
  right: 0;
  top: 4px;
  font-size: 15px;
  color: #fff;
  cursor: pointer;
  background: #a30249;
  padding: 2px 4px 0;
  display: none;
}

.my-selection-row .content:hover .remove-wishlist {
  display: block;
}

@media screen and (max-width: 1550px) {
  .sticky-text {
    right: -100px;
  }
}

@media screen and (max-width: 1380px) {
  .sticky-text {
    display: none;
  }
}

.news-row {
  margin: 0 -23.5px;
}

.news-row .each {
  padding: 0 23.5px;
  float: left;
  width: 50%;
}

.post {
  border-bottom: 1px solid #e5e5e5;
  padding: 46px 0;
}

.post .thumbnail {
  float: left;
  width: 44%;
}

.post .content {
  float: right;
  width: 53%;
}

.post .content h3 {
  font-size: 18px;
  margin: 0 0 4px;
}

.post .content h3 a {
  color: #000;
}

.post .content h3 a:hover {
  color: #762240;
}

.post .content .date {
  display: block;
  font-size: 13px;
  color: #762240;
  margin-bottom: 20px;
}

.post .content p {
  line-height: 21px;
  margin-bottom: 20px;
}

.post .content .view-details {
  text-transform: uppercase;
  color: #762240;
  font-size: 13px;
  font-weight: 600;
}

.post .content .view-details:hover {
  color: #040404;
}

.post.single .thumbnail {
  width: 56%;
}

.post.single .thumbnail img {
  border: 2px solid #a80a4e;
  width: 100%;
}

.post.single .content {
  width: 40%;
  padding-top: 10px;
}

.post.single .content h3 {
  margin-bottom: 10px;
}

.contact-left {
  float: left;
  width: 48%;
  padding: 50px 0;
}

.contact-left h3 {
  font-size: 18px;
  color: #a40147;
  margin-bottom: 15px;
}

.contact-left .btn {
  min-width: 200px;
}

.contact-right {
  float: right;
  width: 46%;
  padding-top: 85px;
}

.contact-right h3 {
  font-size: 18px;
  color: #a40147;
  margin-bottom: 10px;
}

.contact-right p {
  line-height: 22px;
  margin-bottom: 15px;
}

.contact-right p a {
  color: #040404;
}

.contact-right a:hover {
  color: #a40147;
}

.contact-right p a.color {
  color: #a40147;
}

.contact-right p a.color:hover {
  color: #040404;
}

.contact-right .social {
  text-align: left;
  margin: 15px 0 25px;
}

.contact-right .social li a {
  display: block;
  width: 28px;
  height: 28px;
  border: 1px solid #a5a7aa;
  border-radius: 100%;
  line-height: 27px;
  font-size: 12px;
  text-align: center;
}

.contact-right .social li {
  display: inline-block;
  margin: 0 2px;
}

.contact-right .each {
  width: 47%;
  float: left;
}

.contact-right .each:nth-child(2) {
  float: right;
}

.store-locator-left {
  float: left;
  width: 25%;
}

#content-map {
  width: 270px;
  padding: 10px;
}

.storelocator-nav li a {
  display: block;
  border-bottom: 1px solid #e5e5e5;
  padding: 18px 15px 15px;
  font-size: 18px;
  font-family: "Spline Sans", serif;
  color: #040404;
}

.storelocator-nav li a::after {
  content: "\f0da";
  font-family: "Spline Sans", serif;
  font-weight: 900;
  float: right;
}

.storelocator-nav li a:hover {
  color: #a40147;
}

.storelocator-nav li.current-menu-item a {
  background: #e5e5e5;
  color: #000;
}

/*.store-locator-right{ border-left: 1px solid #e5e5e5; float: left; width: 75%;}*/
.store-locator-right h3 {
  font-size: 18px;
  text-transform: uppercase;
  margin-bottom: 7px;
}

.store-locator-right h3 a {
  color: #040404;
}

.store-locator-right p {
  line-height: 22px;
  margin-bottom: 15px;
}

.store-locator-right p a {
  color: #040404;
}

.store-locator-right p a:hover {
  color: #a40147;
}

.store-locator-map {
  height: 460px;
  background: #c7d6d3;
}

.store-locator-addresses {
  padding: 50px 0 0 0;
}

.store-locator-addresses .row .col-4 {
  padding-left: 40px;
}

.store-locator-addresses .row .col-4:nth-child(3n + 1) {
  padding-left: 0;
}

.flooring-each {
  position: relative;
  margin-bottom: 18px;
  text-align: right;
  overflow: hidden;
  margin-left: 7px;
}

.flooring-each a img {
  display: block;
  margin-right: 0;
  margin-left: auto;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.flooring-each:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.flooring-each span {
  position: absolute;
  right: 0;
  bottom: 0;
  text-transform: uppercase;
  color: #fff;
  font-size: 20px;
  padding: 13px 20px;
  font-weight: 700;
  min-width: 50%;

  background: -moz-linear-gradient(
    left,
    rgba(125, 185, 232, 0) 0%,
    rgba(164, 0, 71, 0.7) 62%,
    rgba(164, 0, 71, 0.9) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    left,
    rgba(125, 185, 232, 0) 0%,
    rgba(164, 0, 71, 0.7) 62%,
    rgba(164, 0, 71, 0.9) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to right,
    rgba(125, 185, 232, 0) 0%,
    rgba(164, 0, 71, 0.7) 62%,
    rgba(164, 0, 71, 0.9) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#e6a40047', GradientType=1); /* IE6-9 */
}

.custom-questions {
  padding-top: 20px;
}

.custom-questions > h2 {
  text-align: center;
  margin-bottom: 55px;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 40px;
}

.custom-questions > h2 strong {
  font-weight: 400;
}

.custom-questions .custom-questions-nav {
  padding-bottom: 100px;
}

.custom-questions .custom-questions-nav li {
  float: left;
  width: 25%;
  background: #a6a6a6;
  padding: 17px 20px 18px 120px;
  text-transform: uppercase;
  color: #fff;
  position: relative;
}

.custom-questions .custom-questions-nav li .image {
  width: 112px;
  height: 112px;
  background: #a6a6a6;
  border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: -10px;
  top: -30px;
}

.custom-questions .custom-questions-nav li .image .tab-1-selected,
.custom-questions .custom-questions-nav li .image .tab-2-selected,
.custom-questions .custom-questions-nav li .image .tab-3-selected {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #ccc;
  display: block;
  border-radius: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -moz-transform: scale(0);
  -webkit-transform: scale(0);
  transform: scale(0);
}

.custom-questions .custom-questions-nav li .image .tab-1-selected.selected,
.custom-questions .custom-questions-nav li .image .tab-2-selected.selected,
.custom-questions .custom-questions-nav li .image .tab-3-selected.selected {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}

.custom-questions .custom-questions-nav li .number {
  width: 43px;
  height: 43px;
  background: #fff;
  color: #a6a6a6;
  border-radius: 100%;
  border-radius: 100%;
  position: absolute;
  left: 25px;
  top: 4px;
  text-align: center;
  font-size: 20px;
  font-family: arial;
  line-height: 43px;
}

.custom-questions .custom-questions-nav li:nth-child(2),
.custom-questions .custom-questions-nav li:nth-child(2) .image {
  background: #757575;
}

.custom-questions .custom-questions-nav li:nth-child(2) .number {
  color: #757575;
}

.custom-questions .custom-questions-nav li:nth-child(3),
.custom-questions .custom-questions-nav li:nth-child(3) .image {
  background: #4a4a4a;
}

.custom-questions .custom-questions-nav li:nth-child(3) .number {
  color: #4a4a4a;
}

.custom-questions .custom-questions-nav li .text {
  display: block;
}

.custom-questions .custom-questions-nav li a {
  color: #fff;
  display: none;
}

.custom-questions .custom-questions-nav li a:hover {
  color: #762240;
}

.custom-questions .custom-questions-nav.has-edit-1 li:nth-child(1) a,
.custom-questions .custom-questions-nav.has-edit-2 li:nth-child(2) a,
.custom-questions .custom-questions-nav.has-edit-3 li:nth-child(3) a {
  display: block;
}

.custom-questions .custom-questions-nav.has-edit-1 li:nth-child(1),
.custom-questions .custom-questions-nav.has-edit-2 li:nth-child(2),
.custom-questions .custom-questions-nav.has-edit-3 li:nth-child(3) {
  padding: 8px 20px 9px 120px;
}

.questions-option {
  padding-top: 10px;
}

.questions-option h3 {
  text-transform: uppercase;
  color: #762240;
  font-size: 36px;
  font-weight: 100;
  margin-bottom: 15px;
}

.questions-option .custom-questions-list {
  margin: 0 -24px;
  font-size: 0;
}

.questions-option .custom-questions-list li {
  position: relative;
  padding: 0 24px 40px;
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  text-align: center;
  text-transform: uppercase;
  width: 18%;
}

.questions-option .custom-questions-list li input {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  visibility: hidden;
}

.questions-option .custom-questions-list li .hover-border {
  position: relative;
  cursor: pointer;
}

.questions-option .custom-questions-list li .hover-border::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  box-shadow: inset 0px 0px 0px 4px #762240;
  display: none;
  border-radius: 5px;
}

.questions-option .custom-questions-list li .hover-border:hover::before,
.questions-option .custom-questions-list li .hover-border.active::before,
.questions-option .custom-questions-list li .thumb {
  display: block;
}

.questions-option .custom-questions-list li {
  color: #000;
}

.questions-option .custom-questions-list li span {
  display: block;
  padding-top: 12px;
}

.questions-option .custom-questions-list li .thumb.small-thumb,
.questions-option
  .questions-tab-2
  .custom-questions-list
  li
  .thumb.small-thumb {
  width: 112px;
  height: 112px;
  border-radius: 100%;
}

.questions-option .questions-tab-2,
.questions-option .questions-tab-3,
.questions-option .questions-tab-4 {
  display: none;
}

.questions-option .questions-tab-2 .custom-questions-list li {
  width: 20%;
}

.questions-option .questions-tab-2 .custom-questions-list li .thumb,
.questions-option .questions-tab-2 .custom-questions-list li .shadow {
  width: 100%;
}

.questions-tab-2-nav .btn {
  float: left;
  min-width: 170px;
}

.questions-tab-2-nav .btn:nth-child(2) {
  float: right;
}

.about-right {
  float: right;
  width: 50%;
  padding: 55px 0;
}

.about-left {
  float: left;
  width: 43%;
  padding: 55px 0;
}

.about-left .top-message {
  padding: 30px 0 40px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 60px;
}

.about-left .top-message p {
  font-size: 27px;
  line-height: 30px;
}

.about-left .top-message .name {
  display: block;
  text-align: right;
  font-size: 60px;
  color: #a30247;
  line-height: normal;
  font-family: "Bayshore";
  padding-top: 10px;
}

.about-left h3 {
  text-transform: uppercase;
  font-size: 33px;
  font-weight: 900;
  margin-bottom: 25px;
}

.about-left {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 15px;
}

.about-left p {
  margin-bottom: 20px;
}

.ceo-message {
  padding: 80px 0;
  background: #faf2f6;
  text-align: center;
}

.ceo-message h3 {
  text-transform: uppercase;
  font-size: 33px;
  font-weight: 900;
  margin-bottom: 15px;
}

.ceo-message .container {
  max-width: 975px;
  margin: 0 auto;
  padding: 0 85px;
  background: url(assets/images/qoute-left.png) no-repeat 0 52px,
    url(assets/images/qoute-right.png) no-repeat right bottom 120px;
}

.ceo-message p {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 20px;
}

.ceo-message .name {
  display: inline-block;
  padding-top: 11px;
}

.ceo-message .name p {
  margin-bottom: 0;
  font-size: 60px;
  color: #a30247;
  line-height: normal;
  font-family: "Bayshore";
}

.ceo-message .name span {
  text-transform: uppercase;
  font-size: 18px;
  color: #464646;
  text-align: right;
  display: block;
}

.about-bottom img {
  display: block;
  width: 100%;
  margin-bottom: 1px;
}

.page-template-page-about-us .subpage {
  padding-bottom: 0;
}

/*.page-template-page-about-us .footer-top{ display: none; }*/

.questions-content h4 {
  text-transform: uppercase;
  font-weight: 700;
}

.questions-content p {
  line-height: 21px;
  font-weight: 300;
  margin-bottom: 35px;
}

.questions-content ul {
  margin-bottom: 35px;
}

.questions-content ul li {
  line-height: 21px;
  font-weight: 300;
  position: relative;
  margin-bottom: 5px;
}

.questions-content ul li::before {
  content: "";
  width: 3px;
  height: 3px;
  background: #000;
  content: "";
  border-radius: 100%;
  position: absolute;
  left: 0;
  top: 10px;
}

.inpiration h3 {
  text-transform: uppercase;
  color: #762240;
  font-size: 36px;
  font-weight: 100;
  margin-bottom: 15px;
}

.inpiration .inpiration-list li {
  float: left;
  width: 25%;
  padding: 0 5px 10px;
}

.inpiration .inpiration-list {
  margin: 0 -5px;
}

.styled-select {
  position: relative;
  margin-bottom: 18px;
  min-width: 100px;
}

.styled-select select {
  padding: 5px 10px;
  width: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #dbdbdb;
  height: 40px;
  -webkit-appearance: none;
  border-radius: 0;
  font-size: 13px;
  color: #888888;
  text-transform: uppercase;
}

.styled-select:before {
  background: #fff;
  content: "\f107";
  font-family: "Spline Sans", serif;
  line-height: 37px;
  font-size: 15px;
  text-align: center;
  display: block;
  height: 38px;
  pointer-events: none;
  position: absolute;
  right: 1px;
  top: 1px;
  width: 37px;
  z-index: 1;
  font-weight: 900;
}

.footer-mobile-nav {
  display: none;
}

.single-line-options {
  margin-bottom: 30px;
}

.single-line-options label {
  display: block;
}

.single-line-options .wpcf7-list-item {
  display: block;
  margin: 0 0 10px;
}

.single-line-options .wpcf7-list-item input[type="radio"] {
  float: left;
  margin-top: 2px;
}

.single-line-options .wpcf7-list-item .wpcf7-list-item-label {
  padding-left: 10px;
}

.showroom-experience {
  margin-bottom: 40px;
}

.showroom-experience > label {
  display: block;
  margin-bottom: 20px;
}

.showroom-experience .wpcf7-form-control.wpcf7-radio {
  padding: 10px;
  border: 1px solid #040404;
  border-radius: 10px;
  display: inline-block;
}

.showroom-experience .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
  margin: 0;
}

.showroom-experience
  .wpcf7-form-control.wpcf7-radio
  .wpcf7-list-item
  .wpcf7-list-item-label {
  margin: 0 5px;
  border: 1px solid #040404;
  border-radius: 100%;
  width: 70px;
  height: 70px;
  vertical-align: top;
  text-align: center;
  line-height: 68px;
  font-size: 10px;
  cursor: pointer;
  display: inline-block;
}

.showroom-experience
  .wpcf7-form-control.wpcf7-radio
  .wpcf7-list-item
  input[type="radio"] {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.showroom-experience
  .wpcf7-form-control.wpcf7-radio
  .wpcf7-list-item
  .wpcf7-list-item-label:hover,
.showroom-experience
  .wpcf7-form-control.wpcf7-radio
  .wpcf7-list-item
  input[type="radio"]:checked
  ~ .wpcf7-list-item-label {
  background: #762240;
  color: #fff;
  border-color: #762240;
}

.add-more {
  display: inline-block;
  margin-bottom: 35px;
  color: #762240;
  position: relative;
  padding-left: 20px;
}

.add-more::before {
  content: "\f067";
  font-family: "Spline Sans", serif;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
}

.remove {
  display: inline-block;
  margin-bottom: 35px;
  color: #e90707;
  position: relative;
  padding-left: 20px;
}

.remove::before {
  content: "\f068";
  font-family: "Spline Sans", serif;
  font-weight: 900;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 15px;
}

.signup-popup {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  border: 1px solid #000;
}

.signup-popup img {
  display: block;
}

.signup-popup .padding {
  padding: 30px 40px 40px;
}

.signup-popup h2 {
  color: #762240;
  margin: 0;
}

.signup-popup .wpcf7-list-item {
  display: inline-block;
  vertical-align: top;
  width: 33.3%;
  margin: 0 0 6px;
}

.signup-popup .wpcf7-list-item input[type="checkbox"] {
  float: left;
  margin: 2px 0 0 0;
}

.signup-popup .wpcf7-list-item span.wpcf7-list-item-label {
  margin: 0;
  padding-left: 6px;
}

.signup-popup .wpcf7-checkbox {
  display: block;
  margin-bottom: 22px;
}

.signup-popup input[type="email"] {
  width: 85%;
  display: inline-block;
  vertical-align: top;
  margin: 0;
}

.signup-captch {
  margin-top: 15px;
}

.signup-popup .wpcf7-submit {
  background: #762240;
  color: #fff;
  width: 75px;
  border: 0;
  height: 54px;
  font-size: 18px;
  cursor: pointer;
  margin-top: 15px;
}

.signup-popup .wpcf7-submit:hover {
  background: #000;
}

.signup-popup .wpcf7 {
  padding-top: 10px;
}

.signup-popup .wpcf7 p {
  margin: 0;
}

.signup-popup .wpcf7 div.wpcf7-response-output {
  margin: 0;
}

@media (max-width: 650px) {
  .signup-popup {
    max-width: 400px;
  }

  .signup-popup h2 {
    font-size: 27px;
  }

  .signup-popup .wpcf7-list-item {
    width: 50%;
  }

  .signup-popup .wpcf7-submit {
    width: 47px;
  }
}

@media (max-width: 400px) {
  .signup-popup {
    max-width: 300px;
    padding: 0;
  }

  .signup-popup .padding {
    padding: 20px 20px 20px;
  }

  .signup-popup h2 {
    font-size: 20px;
  }

  .signup-popup .wpcf7-list-item {
    width: 100%;
  }

  .signup-popup .wpcf7-submit {
    width: 100%;
    height: 50px;
    margin-top: 8px;
  }

  .signup-popup input[type="email"] {
    width: 100%;
  }

  .signup-popup .wpcf7 {
    padding-top: 0;
  }

  .signup-captch {
    transform: scale(0.85);
    margin-left: -21px;
    margin-top: 0px;
  }
}

/* tabs */
.tab_wrapper {
  margin: 10px 0 40px;
  display: inline-block;
  width: 100%;
  position: relative;
}

.tab_wrapper * {
  box-sizing: border-box;
}

.tab_wrapper > ul {
  clear: both;
  display: inline-block;
  width: 100%;
}

.tab_wrapper > ul li {
  float: left;
  cursor: pointer;
  border: 1px solid #e5e5e5;
  font-size: 13px;
  position: relative;
  color: #000;
  margin: 0 5px 5px 0;
  padding: 5px 10px 4px;
  border-radius: 30px;
  background: #e5e5e5;
}

.tab_wrapper > ul li:hover,
.tab_wrapper > ul li.active {
  background: #762240;
  color: #fff;
  border-color: #762240;
}

.tab_wrapper > ul li.active:after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(229, 229, 229, 0);
  border-top-color: #762240;
  border-width: 7px;
  margin-left: -7px;
}

.tab_wrapper .controller {
  display: block;
  overflow: hidden;
  clear: both;
  position: absolute;
  top: 0;
  right: 0;
}

.tab_wrapper .controller span {
  padding: 8px 22px;
  background: #49a4d9;
  color: #fff;
  text-transform: uppercase;
  display: inline-block;
}

.tab_wrapper .controller span.next {
  float: right;
  margin-left: 10px;
}

.tab_wrapper .content_wrapper {
  float: left;
  width: 100%;
  border-top: 0;
  box-sizing: border-box;
}

.tab_wrapper .content_wrapper .tab_content {
  display: none;
  margin: 22px 0;
  overflow: hidden;
}

.tab_wrapper .content_wrapper .tab_content > p {
  font-style: italic;
  margin-bottom: 17px;
}

.tab_wrapper .content_wrapper .tab_content.active {
  display: block;
}

.tab_wrapper .content_wrapper .tab_content .error {
  color: red;
}

.tab_wrapper .content_wrapper .accordian_header {
  display: none;
  padding: 10px 20px;
  border-top: 0;
  border-bottom: 0;
  margin-bottom: 5px;
  border-radius: 30px;
  position: relative;
  cursor: pointer;
  background: #e5e5e5;
}

.tab_wrapper .content_wrapper .accordian_header.active {
}

.tab_wrapper .content_wrapper .accordian_header .arrow {
  float: right;
  display: inline-block;
  width: 8px;
  height: 8px;
  position: relative;
  border-radius: 2px;
  transform: rotate(-135deg);
  border-top: 2px solid #222;
  border-left: 2px solid #222;
  margin-top: 5px;
  /* &:after{
                    position: absolute;
                    top: 0;
                    content: "";
                    left: 0;
                    width: 10px;
                    height: 10px;
                    background: $white;
                    border-top: 3px solid $border_color;
                    border-left: 3px solid $border_color;
                } */
}

.tab_wrapper .content_wrapper .accordian_header.active .arrow {
  transform: rotate(45deg);
  display: none;
  margin-top: 6px;
  border-top: 2px solid #b70047;
  border-left: 2px solid #b70047;
}

.tab_wrapper.left_side > ul {
  width: 25%;
  float: left;
  border-bottom: 1px solid #ccc;
}

.tab_wrapper.left_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
}

.tab_wrapper.left_side > ul li:after {
  left: 0;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}

.tab_wrapper.left_side > ul li.active {
  border-color: #ccc;
}

.tab_wrapper.left_side > ul li.active:after {
  left: 0;
  top: 0;
  width: 5px;
  height: 100%;
  background: #49a4d9;
}

.tab_wrapper.left_side > ul li.active:before {
  right: -1px;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}

.tab_wrapper.left_side .content_wrapper {
  width: 75%;
  border: 1px solid #ccc;
  float: left;
}

.tab_wrapper.left_side .controller {
  top: -50px;
}

.tab_wrapper.right_side > ul {
  width: 25%;
  float: right;
  border-bottom: 1px solid #ccc;
}

.tab_wrapper.right_side > ul li {
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 12px 18px;
  border-width: 1px;
  border-right: 0;
  border-left: 0;
  text-align: right;
}

.tab_wrapper.right_side > ul li:after {
  right: 0;
  left: inherit;
  top: 0;
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  background: #ccc;
}

.tab_wrapper.right_side > ul li.active {
  border-color: #ccc;
}

.tab_wrapper.right_side > ul li.active:after {
  right: 0;
  left: inherit;
  top: 0;
  width: 5px;
  height: 100%;
  content: "";
  background: #49a4d9;
}

.tab_wrapper.right_side > ul li.active:before {
  left: -2px;
  right: inherit;
  position: absolute;
  top: 0;
  content: "";
  width: 2px;
  height: 100%;
  background: #fff;
}

.tab_wrapper.right_side .content_wrapper {
  width: 75%;
  float: left;
  border: 1px solid #ccc;
}

.tab_wrapper.right_side .controller {
  top: -50px;
}

.tab_wrapper.accordion .content_wrapper {
  border-color: #ccc;
}

.tab_wrapper.accordion .content_wrapper .accordian_header {
  display: block;
}

.tab_wrapper.accordion > ul {
  display: none;
}

.tab_wrapper .active_tab {
  display: none;
  position: relative;
  background: #000000;
  padding: 12px;
  text-align: center;
  padding-right: 50px;
  color: #fff;
  cursor: pointer;
  border-radius: 30px;
}

.tab_wrapper .active_tab .arrow {
  width: 30px;
  height: 30px;
  overflow: hidden;
  line-height: 30px;
  text-align: center;
  background: #fff;
  position: absolute;
  right: 6px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
}

.tab_wrapper .active_tab .arrow:after {
  content: "";
  width: 10px;
  display: inline-block;
  height: 10px;
  border-right: 3px solid #000;
  border-bottom: 3px solid #000;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 50%;
  margin-left: -6px;
  margin-top: -8px;
}

.tab_wrapper .active_tab .text {
  text-indent: 39px;
  display: block;
}

.add-nicescrol {
  max-height: 500px;
}

.collections-detail-right .number {
  display: block;
  padding: 10px 20px 12px;
  background: #a11d56;

  position: absolute !important;
  width: 100%;
  bottom: 0px;
  opacity: 0;
  left: 0px;
}

.collections-detail-right .number span:not(.price) {
  color: #fff;
  padding-top: 5px;
  display: inline-block;
}

.collections-detail-right .number p {
  float: right;
  font-size: 25px;
  margin: 0;
  font-weight: 400;
}

.collections-detail-right .number p span.price {
  font-size: 17px;
  font-weight: 300;
  margin-right: 2px;
}

#roomset_image_section {
  position: relative;
}

.collections-detail-right:hover .number {
  bottom: 0px;
  opacity: 1 !important;
}

.comm-collection-logo img {
  max-width: 250px;
}

.subpage-right.subcollection {
  width: 100%;
  border-left: none;
}

.custom-wallpapers .page-title {
  text-align: center;
  font-weight: 300;
  margin-bottom: 40px;
}

.custom-wallpapers h3 {
  font-weight: 300;
  margin-bottom: 20px;
}

.custom-wallpapers p {
  line-height: 22px;
}

.cw-section-1 {
  margin-bottom: 50px;
  font-size: 0;
}

.cw-section-1 .left {
  display: inline-block;
  max-width: 75%;
  vertical-align: middle;
  width: 100%;
}

.cw-section-1 .left img {
  width: 100%;
}

.cw-section-1 .right {
  display: inline-block;
  max-width: 25%;
  vertical-align: middle;
  font-size: 14px;
  text-align: right;
  padding-left: 3%;
}

.cw-section-1 .right h2 {
  margin: 0 0 20px;
}

.cw-section-1 .right h2 small {
  display: block;
  font-size: 18px;
}

.cw-section-1 .right strong {
  display: block;
  margin-bottom: 30px;
}

.cw-section-2 {
  margin-bottom: 50px;
}

.cw-section-2 .content {
  text-align: center;
  float: left;
  width: 48%;
  margin-bottom: 30px;
}

.cw-section-2 .content h3 {
  margin-bottom: 15px;
}

.cw-section-2 .content .icon {
  width: 100px;
  height: 100px;
  background-color: #231f20;
  border-radius: 100%;
  margin-bottom: 20px;
  display: inline-block;
  background-position: center;
  background-size: 115%;
}

.cw-section-2 .content:nth-child(2) {
  float: right;
}

.cw-section-3 {
  margin-bottom: 50px;
  font-size: 0;
}

.cw-section-3 .left {
  display: inline-block;
  max-width: 25%;
  vertical-align: middle;
  font-size: 14px;
  padding-right: 3%;
}

.cw-section-3 .left .icon {
  width: 50px;
  height: 50px;
  background: #231f20;
  border-radius: 100%;
  margin-bottom: 15px;
  display: inline-block;
  background-position: center;
  background-size: 115%;
}

.cw-section-3 .left h2 {
  margin: 0 0 20px;
}

.cw-section-3 .left h2 small {
  display: block;
  font-size: 18px;
}

.cw-section-3 .left strong {
  display: block;
  margin-bottom: 10px;
}

.cw-section-3 .right {
  display: inline-block;
  max-width: 75%;
  vertical-align: middle;
}

.cw-section-4 {
  padding: 130px 0;
  margin-bottom: 50px;
  text-align: center;
  color: #fff;
}

.cw-section-4 .content {
  max-width: 500px;
  margin: 0 auto;
}

.cw-section-4 .content h3 {
  color: #fff;
  margin-bottom: 10px;
  font-size: 36px;
}

.cw-section-4 .content p {
  font-size: 19px;
  line-height: 30px;
  margin: 0;
}

.cw-section-5 {
  margin-bottom: 50px;
  font-size: 0;
}

.cw-section-5 .left {
  display: inline-block;
  max-width: 75%;
  vertical-align: middle;
}

.cw-section-5 .right {
  display: inline-block;
  max-width: 25%;
  vertical-align: middle;
  font-size: 14px;
  padding-left: 3%;
}

.cw-section-5 .right h3 {
  margin: 0 0 40px;
  font-size: 36px;
}

.cw-section-5 .right strong {
  display: block;
  margin-bottom: 30px;
}

.cw-section-5 .right h4 {
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 10px;
}

.cw-section-3,
.cw-section-6,
.cw-section-8 {
  margin-bottom: 50px;
}

.cw-section-7 {
  font-size: 0;
  margin: 0 -10px;
}

.cw-section-7 .each {
  padding: 0 10px;
  display: inline-block;
  width: 50%;
  text-align: center;
  font-size: 14px;
  vertical-align: top;
}

.cw-section-7 .each h3 {
  margin-bottom: 15px;
}

.cw-section-7 .each img {
  margin-bottom: 30px;
  display: block;
}

.cw-section-9 {
  margin-bottom: 50px;
  font-size: 0;
}

.cw-section-9 .left {
  display: inline-block;
  max-width: 25%;
  vertical-align: middle;
  font-size: 14px;
  padding-right: 3%;
}

.cw-section-9 .left .icon {
  width: 50px;
  height: 50px;
  background: #231f20;
  border-radius: 100%;
  margin-bottom: 15px;
  display: inline-block;
  background-position: center;
  background-size: 115%;
}

.cw-section-9 .left h3 {
  margin: 0 0 10px;
}

.cw-section-9 .left strong {
  display: block;
  margin-bottom: 10px;
}

.cw-section-9 .right {
  display: inline-block;
  max-width: 75%;
  vertical-align: middle;
}

.cw-popup {
  max-width: 800px;
  margin: 0 auto;
  font-size: 0;
  width: 100%;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 11;
  background: #fff;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  padding: 10px;
}

.cw-popup .thumb {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  padding-right: 15px;
}

.cw-popup .thumb img {
  width: 100%;
}

.cw-popup .content {
  display: inline-block;
  width: 50%;
  vertical-align: middle;
  font-size: 14px;
  padding-left: 15px;
}

.cw-popup .content .btn {
  padding: 11px 30px 10px;
}

.cw-popup .content .no-thanks {
  color: #040404;
  display: inline-block;
  margin-left: 10px;
}

.cw-popup .content .no-thanks:hover {
  color: #000;
}

#popup-customise-floors {
  max-width: 700px;
}

#popup-customise-floors p {
  margin: 0;
}

#popup-customise-floors .wpcf7-recaptcha {
  margin: 10px 0;
}

.floorings-new {
  font-size: 0;
  margin: 0 -10px;
}

.floorings-new h2 {
  font-size: 29px;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-bottom: 40px;
  color: #762240;
}

.floorings-new .col {
  display: inline-block;
  width: 50%;
  vertical-align: top;
  margin-bottom: 50px;
  padding: 0 10px;
}

.floorings-new .each {
  border: 1px solid #ddd;
}

.floorings-new .each .thumb {
  overflow: hidden;
}

.floorings-new .each img {
  background: #ddd;
  width: 100%;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  background-size: cover;
  background-repeat: no-repeat;
}

.floorings-new .each:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

.floorings-new .each .content {
  padding: 30px 40px;
}

.floorings-new .each .content p {
  font-size: 13px;
  line-height: 21px;
  margin-top: 0;
  min-height: 63px;
}

.floorings-new .each .content .btn {
  font-weight: 600;
  font-size: 12px;
  padding: 11px 30px 10px;
}

.writable-tabs {
  padding-top: 30px;
}

#writable-tabs .resp-tab-content {
  font-size: 0;
}

#writable-tabs .resp-tab-content .left {
  display: inline-block;
  width: 30%;
  vertical-align: top;
  font-size: 15px;
  font-weight: 700;
  margin-bottom: 10px;
}

#writable-tabs .resp-tab-content .right {
  display: inline-block;
  width: 70%;
  vertical-align: top;
  font-size: 15px;
  margin-bottom: 10px;
  font-weight: 400;
}

#writable-tabs .resp-tab-content .right .each {
  padding-left: 120px;
  position: relative;
  min-height: 20px;
  margin-bottom: 5px;
}

#writable-tabs .resp-tab-content .right .each span {
  position: absolute;
  left: 0;
  top: 0;
  width: 120px;
}

#writable-tabs .resp-tab-content .right ul li {
  list-style: disc;
  padding-left: 0;
  margin-left: 15px;
}

.writables-bottom {
  padding-top: 50px;
}

.writables-bottom img {
  display: block;
  margin-bottom: 30px;
}

.writables-bottom p {
  margin-bottom: 12px;
}

.writables-bottom h3 {
  text-align: center;
  text-transform: uppercase;
}

.page-template-page-writable-wallpapers .cw-section-2 .content .icon {
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 100%;
  width: 180px;
  height: 70px;
  border-radius: 0;
}

@media only screen and (max-width: 600px) {
  .cw-popup {
    max-width: 100%;
    right: 0;
    bottom: 0;
  }

  .cw-popup .thumb {
    display: block;
    margin-bottom: 20px;
    padding-right: 0;
    width: 100%;
  }

  .cw-popup .content {
    display: block;
    width: 100%;
    padding: 50px;
  }

  .cw-popup .content h3 {
    font-size: 20px;
  }

  .floorings-new .col {
    width: 100%;
    display: block;
  }

  .floorings-new .each .content p {
    min-height: 0;
  }
}

@media only screen and (max-width: 768px) {
  .tab_wrapper > ul {
    display: none;
  }

  .tab_wrapper .content_wrapper {
    border: 0;
  }

  .tab_wrapper .content_wrapper .accordian_header {
    display: block;
  }

  .tab_wrapper.left_side .content_wrapper,
  .tab_wrapper.right_side .content_wrapper {
    width: 100%;
    border-top: 0;
  }

  .tab_wrapper .controller {
    display: none;
  }

  .tab_wrapper.show-as-dropdown > .tab_list {
    border: 0;
    box-shadow: 0 0 8px #ccc;
    position: absolute;
    z-index: 3;
    background: #fff;
    border-radius: 5px;
    margin-top: 15px;
  }

  .tab_wrapper.show-as-dropdown > .tab_list:before {
    content: "";
    position: absolute;
    top: -6px;
    left: 50%;
    width: 14px;
    height: 14px;
    background: #fff;
    transform: rotate(45deg);
    box-shadow: -3px -4px 5px #efefef;
    margin-left: -7px;
  }

  .tab_wrapper.show-as-dropdown > .tab_list li {
    border: 0;
    border-bottom: 1px solid #ccc;
  }

  .tab_wrapper.show-as-dropdown > .tab_list li.active:after {
    display: none;
  }

  .tab_wrapper.show-as-dropdown .active_tab {
    display: block;
  }

  .tab_wrapper.show-as-dropdown > .tab_list {
    display: none;
  }

  .tab_wrapper.show-as-dropdown > .content_wrapper > .accordian_header {
    display: none;
  }

  .tab_wrapper.show-as-dropdown > .tab_list li {
    display: block;
    float: none;
    width: 100%;
  }

  .new-collection .row {
    margin: 0 -5px;
  }

  .new-collection .row .each {
    width: 50%;
    padding: 0 5px 10px;
  }

  .website-search .three .three {
    padding: 0 !important;
  }

  #writable-tabs .resp-tab-content .left {
    width: 40%;
  }

  #writable-tabs .resp-tab-content .right {
    width: 60%;
  }
}

@media only screen and (min-width: 769px) {
  .tab_wrapper.show-as-dropdown > .tab_list {
    display: block !important;
    overflow: hidden;
  }
}

/* responsive css */
@media screen and (min-width: 1051px) and (max-width: 1250px) {
  .container,
  .subpage-search-widget.fixedsearch {
    max-width: 1000px;
  }

  .home-widget .captian h2 {
    font-size: 30px;
  }

  .home-row,
  .new-collection .row {
    margin: 0 -5px;
  }

  .home-row .each {
    padding: 0 5px;
  }

  .new-collection .row .each {
    padding: 0 5px 10px;
  }

  .footer .footer-bottom .mailing-widget {
    width: 35%;
  }

  .footer .footer-bottom .quick-contact {
    padding-left: 0;
  }

  /*.footer .footer-bottom .sitemap-widget {width: 40%;}
    .footer .footer-bottom .sitemap-widget li{ padding-left: 20px; width: 32%;}
    .footer .footer-bottom .sitemap-widget li:nth-child(3n+1){ padding-left: 0; }*/
  .subpage-right .products-row .each,
  .subpage-right .products-row.two .each {
    padding: 0 5.5px 20px 5.5px;
  }

  .subpage-right .products-row,
  .subpage-right .products-row.two {
    margin: 0 -5.5px;
  }

  .collections-detail-left .top .right .select-collection p {
    width: 40%;
  }

  .collections-detail-left .top .right .select-collection .styled-select {
    width: 60%;
  }

  .tab_wrapper > ul li {
    padding: 5px 11px 4px;
  }

  .project-detail-right .project-pagination .btn {
    padding: 11px 20px;
  }

  .about-left .top-message p {
    font-size: 25px;
  }

  .collection-link {
    margin-top: 100px !important;
  }

  .collection-link a {
    text-decoration: underline;
  }

  .footer .footer-bottom .sitemap-widget li a,
  .footer .footer-bottom .quick-contact ul li {
    font-size: 12px;
  }

  .footer .footer-bottom {
    padding: 90px 0;
  }

  .best-description .collection-link {
    margin-top: 0 !important;
  }

  .best-description h3 {
    font-size: 20px !important;
  }

  .best-description h4 {
    font-size: 17px !important;
  }
}

@media screen and (min-width: 480px) and (max-width: 768px) {
  a.quick-shop-lin u {
    display: none;
  }
}

@media screen and (max-width: 479px) {
  .header .main-menu-sub .quick-shop-link img {
    margin: 0;
    padding-top: 12px;
  }

  a.quick-shop-lin {
    position: relative !important;
    top: 0px !important;
    right: 0px !important;
  }

  #writable-tabs .resp-tab-content .left,
  #writable-tabs .resp-tab-content .right {
    width: auto;
    display: block;
  }

  #writable-tabs .resp-tab-content .right {
    margin-bottom: 30px;
  }
}

.collection-detail-more .left .project-description li #show_batc_tooptip {
  position: absolute;
  right: -130px;
  top: -11px;
  z-index: 1;
  background: #762240;
  padding: 10px 12px;
  color: #fff;
  max-width: 260px;
  box-shadow: 0 0 16px rgba(0, 0, 0, 0.3);
  display: none;
  width: 100%;
}

.collection-detail-more .left .project-description li i.fa-info-circle {
  margin-left: 4px;
}

.collection-detail-more .left .project-description li:hover #show_batc_tooptip {
  display: block;
}

.collection-detail-more .left .project-description li #show_batc_tooptip a {
  color: #fff;
  display: inline-block;
}

@media screen and (min-width: 769px) and (max-width: 1050px) {
  .collection-detail-more .left .project-description li #show_batc_tooptip {
    right: auto;
    left: 183px;
  }

  .container,
  .ceo-message .container {
    max-width: 700px;
  }

  .home-widget .captian {
    padding: 25px 15px 20px;
  }

  .home-widget .captian h2 {
    font-size: 23px;
  }

  .home-row,
  .new-collection .row {
    margin: 0 -5px;
  }

  .home-row .each {
    padding: 0 5px;
  }

  .new-collection .row .each {
    padding: 0 5px 10px;
  }

  .search-row .search-col:nth-child(2) {
    padding-left: 0;
    padding-top: 10px;
  }

  .search-row .search-col {
    width: auto;
    float: none;
    max-width: none;
    margin: 0 auto;
  }

  .website-search > div .styled-radio,
  .website-search > div .styled-checkbox {
    padding-right: 8px;
  }

  .website-search > div {
    padding: 17px 10px;
    height: auto;
  }

  .website-search > div .align-right {
    margin-right: -10px;
  }

  .footer .footer-bottom .mailing-widget {
    float: none;
    width: auto;
    padding-top: 20px;
    border-top: 1px solid #222;
    margin-top: 25px;
  }

  .footer .footer-bottom .quick-contact {
    width: 50%;
    padding-left: 0;
    padding-top: 40px;
    margin: 0;
  }

  .footer .footer-bottom .sitemap-widget {
    float: none;
    width: auto;
    border-bottom: 1px solid #222;
    padding-bottom: 17px;
    margin-bottom: 4px;
  }

  .fancy-page-title {
    font-size: 60px;
  }

  .wallpapers-left {
    float: none;
    width: auto;
    padding-top: 0;
  }

  .wallpapers-left-row {
    margin: 0;
  }

  .wallpapers-right {
    float: none;
    width: 100%;
  }

  .subpage-right .products-row.three,
  .subpage-right .products-row {
    margin: 0 -5.5px;
  }

  .subpage-right .products-row.three .each,
  .subpage-right .products-row .each {
    padding: 0 5.5px 20px 5.5px;
  }

  .subpage-left {
    float: none;
    width: auto;
  }

  .subpage-right {
    padding: 32px 0 0 0;
    float: none;
    width: auto;
    border-left: 0;
  }

  .filters-toggle-btn::after {
    content: "\f0d7";
    font-family: "Spline Sans", serif;
    font-weight: 900;
    float: right;
    color: #000;
  }

  .filters-toggle-btn.active::after {
    content: "\f0d8";
  }

  .filters-toggle {
    display: none;
  }

  .project-detail-left {
    padding-bottom: 30px;
  }

  .project-detail-left,
  .project-detail-right {
    float: none;
    width: auto;
  }

  .store-locator-left {
    float: none;
    width: auto;
  }

  .store-locator-right {
    border-left: 0;
    float: none;
    width: auto;
  }

  .store-locator-addresses .row .col-4 {
    padding-left: 0;
  }

  .news-row {
    margin: 0;
  }

  .news-row .each {
    padding: 0;
    float: none;
    width: 100%;
  }

  .post {
    padding: 26px 0;
  }

  .post .thumbnail {
    width: 34%;
  }

  .post .content {
    width: 64%;
  }

  .contact-left {
    float: none;
    width: auto;
    padding: 40px 0;
  }

  .contact-right {
    float: none;
    width: auto;
    padding-top: 15px;
  }

  .subpage-right .products-row .each,
  .subpage-right .products-row.two .each {
    padding: 0 5.5px 20px 5.5px;
  }

  .subpage-right .products-row,
  .subpage-right .products-row.two {
    margin: 0 -5.5px;
  }

  .filters-widget {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .filters-widget .tooltip .tooltip-content {
    left: auto;
    right: 41px;
  }

  .filters-widget .tooltip .tooltip-content::after {
    background: url(assets/images/tooltip-caret-2.jpg) no-repeat 0 0;
    left: 100%;
    right: auto;
  }

  .collections-detail-left {
    float: none;
    width: auto;
  }

  .collections-detail-right {
    float: none;
    width: auto;
  }

  .collection-detail-more .left {
    width: auto;
    float: none;
    margin: 0;
  }

  .collection-detail-more .middle {
    width: auto;
    float: none;
  }

  .collection-detail-more .right {
    width: auto;
    float: none;
    padding-top: 20px;
  }

  .custom-questions .custom-questions-nav li {
    padding: 17px 10px 18px 108px;
  }

  .custom-questions .custom-questions-nav.has-edit-1 li:nth-child(1),
  .custom-questions .custom-questions-nav.has-edit-2 li:nth-child(2),
  .custom-questions .custom-questions-nav.has-edit-3 li:nth-child(3) {
    padding: 8px 10px 9px 110px;
  }

  .subpage-search-widget.fixedsearch {
    max-width: 700px;
  }

  .about-left {
    float: none;
    width: auto;
    padding: 0;
  }

  .about-right {
    float: none;
    width: auto;
  }

  .ceo-message .container {
    padding: 0 55px;
  }

  .subpage-search-widget form {
    float: none;
    width: 100%;
  }

  .subpage-search-widget .viewing {
    padding: 12px;
  }

  .subpage-search-widget .sort-search {
    float: left;
    width: 100%;
    font-size: 0;
    margin-top: 15px;
  }

  .subpage-search-widget .sort-search li {
    width: 50%;
    font-size: 14px;
    padding: 0;
  }

  .subpage-search-widget .sort-search li a {
    display: block;
    padding: 9px 10px;
    text-align: center;
    background: #eaeaea;
  }

  .subpage-search-widget .sort-search li {
    padding: 0;
  }

  .subpage-search-widget .sort-search li:last-child {
    padding-right: 0;
  }

  .subpage-search-widget .sort-search li.active a {
    background: #dedede;
  }

  .subpage-search-widget form {
    display: none;
  }

  .subpage-search-widget .show .styled-select select {
    height: 30px;
  }

  .subpage-search-widget .show .styled-select::before {
    height: 28px;
    line-height: 27px;
  }

  .subpage-search-widget .show {
    position: relative;
    top: 11px;
    right: 6px;
  }

  .subpage-search-widget .show p {
    padding-top: 7px;
  }

  .subpage-search-widget .viewing {
    padding: 16px 12px 3px;
  }

  .filters-widget > p::before {
    content: "Filter ";
  }

  .store-locator-addresses {
    padding-left: 0;
  }

  .back-btn-2 {
    display: none;
  }

  .subpage-search-widget .sort-search li:only-child {
    width: 100%;
  }

  .quickship-banner .content {
    position: relative;
    background: rgb(164, 0, 71);
  }

  .quickship-banner .content p {
    font-size: 18px;
  }

  .quickship-title .page-title {
    font-size: 35px;
  }

  .quickship-title .page-title {
    margin-top: 30px;
  }

  .type-widget .content h3 {
    font-size: 17px;
  }

  .type-widget .content {
    padding: 19px 20px 10px 24px;
  }

  .container-image {
    margin-right: 0.9% !important;
  }

  .pop-text {
    margin: 00px 0px 0 30px !important;
  }

  .menu-container .each {
    padding-right: 10px;
  }

  .menu-container .each h3 {
    font-size: 22px;
  }

  .menu-container .each p {
    font-size: 15px;
  }

  .menu-container .each .menu li a {
    font-size: 16px;
  }

  .menu-container div.each:last-child .menu-sticky-login {
    font-size: 15px;
  }

  .home .container-image .overlay {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .collection-detail-more .left .project-description li #show_batc_tooptip {
    right: auto;
    left: 140px;
    max-width: 170px;
  }

  .container,
  .subpage-search-widget.fixedsearch,
  .ceo-message .container {
    max-width: 96%;
  }

  .home-widget .captian {
    padding: 25px 15px 20px;
  }

  .home-widget .captian h2 {
    font-size: 23px;
    line-height: 27px;
  }

  .home-row {
    margin: 0;
  }

  .home-row .each {
    padding: 0 0 10px;
    float: none;
    width: auto;
  }

  .header .logo {
    max-width: 120px;
  }

  /*.header .wishlist-btn,*/
  /*.header .search-btn,*/
  /*.header .nav-btn,*/
  /*.header .header-right .user-icon{ margin-top: 22px; }*/
  .home-widget img {
    max-height: 200px;
  }

  .header {
    padding: 20px 0 20px;
  }

  .search-close {
    position: absolute;
    right: 20px;
    top: 17px;
  }

  .website-search .one,
  .website-search .two,
  .website-search .three {
    float: none !important;
    width: 100% !important;
    text-align: left;
    padding: 10px 20px;
  }

  .search-row .search-col {
    width: auto;
    float: none;
    max-width: none;
    margin: 0 auto 20px;
  }

  .search-row .search-col:nth-child(2) {
    padding-left: 0;
  }

  .search-row {
    height: auto;
  }

  body {
    min-width: 320px;
  }

  .header {
    padding: 20px 0 20px;
  }

  .popup-breadcrumb {
    float: none;
    text-align: center;
  }

  .main-nav-close,
  .samples-btn,
  .language-switcher {
    float: none;
    display: inline-block;
    vertical-align: top;
  }

  .samples-btn {
    margin-left: 0;
    margin-right: 6px;
  }

  .menu-container {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
  }

  .menu-container .each {
    display: block;
    width: auto;
    border-bottom: 1px solid #cfcfcf;
    border-right: 0;
    height: auto;
    padding: 5px;
  }

  .menu-widget .menu-mailing-list .left {
    float: none;
    width: auto;
    text-align: center;
    padding-bottom: 20px;
  }

  .menu-widget .menu-mailing-list .right {
    float: none;
    width: auto;
  }

  .mobile-alignment {
    text-align: center;
    padding-bottom: 20px;
    display: flex;
    justify-content: center;
  }

  .mobile-alignment .main-nav-close {
    order: 2;
  }

  .mobile-alignment .language-switcher {
    order: 1;
  }

  .menu-widget,
  .website-search-widget {
    overflow: auto;
  }

  .menu-widget .container,
  .website-search-widget .container {
    padding: 20px;
    width: 100%;
    position: static;
    left: 0;
    top: 0;
    transform: translate(0, 0);
    -moz-transform: translate(0, 0);
    -webkit-transform: translate(0, 0);
  }

  .menu-container .each h3 {
    margin-bottom: 0;
    font-size: 20px;
  }

  .website-search > div .styled-checkbox {
    min-width: 110px;
  }

  .website-search-widget .search-close {
    width: 34px;
    height: 30px;
    font-size: 15px;
    line-height: 28px;
    margin-left: 6px;
    top: 22px;
  }

  .search-row {
    margin-bottom: 20px;
  }

  .website-search-widget .btn.btn-big {
    padding: 9px 30px 10px;
  }

  .selection-popup {
    width: 100%;
    max-width: 96%;
  }

  .selection-popup .top {
    padding: 20px 20px 10px;
  }

  .selection-popup .top .my-selection-row .each .search-product .thumb {
    width: 60px;
  }

  .selection-popup .top .my-selection-row .each .search-product .content {
    padding: 0 0 0 75px;
  }

  .selection-popup .top .my-selection-row .each .search-product .content p {
    font-size: 13px;
  }

  .selection-popup .bottom {
    padding: 20px 20px 10px;
  }

  .selection-popup .bottom p {
    font-size: 13px;
    margin-bottom: 15px;
  }

  .selection-popup .bottom form input[type="text"],
  .selection-popup .bottom form input[type="email"],
  .selection-popup .bottom .btn {
    height: 44px;
  }

  .selection-popup h3 {
    font-size: 22px;
  }

  .footer .footer-bottom .mailing-widget {
    float: none;
    width: auto;
    padding-top: 20px;
    border-top: 1px solid #222;
    margin-top: 25px;
  }

  .footer .footer-bottom .quick-contact {
    width: 50%;
    padding-left: 0;
    padding-top: 40px;
    margin: 0;
  }

  .footer .footer-bottom .sitemap-widget {
    float: none;
    width: auto;
    border-bottom: 1px solid #222;
    padding-bottom: 17px;
    margin-bottom: 4px;
  }

  .fancy-page-title {
    font-size: 60px;
  }

  .wallpapers-left {
    float: none;
    width: auto;
    padding-top: 0;
  }

  .page-template-page-about-us .fancy-page-title {
    margin-bottom: 50px;
    padding-right: 20px;
  }

  .wallpapers-left-row {
    margin: 0;
  }

  .wallpapers-right {
    float: none;
    width: 100%;
  }

  .wallpapers-left-row .each {
    float: none;
    width: auto;
    margin-bottom: 20px;
  }

  .subpage-right .products-row.three,
  .subpage-right .products-row {
    margin: 0 -5.5px;
  }

  .subpage-right .products-row.three .each,
  .subpage-right .products-row .each {
    padding: 0 5.5px 20px 5.5px;
  }

  .subpage-left {
    float: none;
    width: auto;
  }

  .subpage-right {
    padding: 32px 0 0 0;
    float: none;
    width: auto;
    border-left: 0;
  }

  .filters-toggle-btn::after {
    content: "\f0d7";
    font-family: "Spline Sans", serif;
    font-weight: 900;
    float: right;
    color: #000;
  }

  .filters-toggle-btn.active::after {
    content: "\f0d8";
  }

  .filters-toggle {
    display: none;
  }

  .subpage-search-widget form {
    float: none;
    width: 100%;
  }

  .subpage-search-widget .viewing {
    padding: 12px;
  }

  .subpage-search-widget.fixedsearch {
    display: none !important;
  }

  .subpage-search-widget .sort-search {
    float: left;
    width: 100%;
    font-size: 0;
    margin-top: 15px;
  }

  .subpage-search-widget .sort-search li {
    width: 50%;
    font-size: 14px;
    padding: 0;
  }

  .subpage-search-widget .sort-search li a {
    display: block;
    padding: 8px 10px;
    text-align: center;
    background: #eaeaea;
    font-size: 13px;
  }

  .subpage-search-widget .sort-search li {
    padding: 0;
  }

  .subpage-search-widget .sort-search li:last-child {
    padding-right: 0;
  }

  .subpage-right {
    padding-top: 0;
  }

  .project-detail-left {
    padding-bottom: 30px;
  }

  .project-detail-left,
  .project-detail-right {
    float: none;
    width: auto;
  }

  .project-detail-header .page-title {
    float: none;
    font-size: 26px;
  }

  .project-detail-header .breadcrumbs {
    float: none;
    padding-bottom: 40px;
  }

  .breadcrumbs {
    padding-bottom: 40px;
  }

  .store-locator-left {
    float: none;
    width: auto;
  }

  .store-locator-right {
    border-left: 0;
    float: none;
    width: auto;
  }

  .store-locator-addresses .row .col-4 {
    padding-left: 0;
    display: inline-block;
    width: 49%;
  }

  .storelocator-nav li a {
    padding: 15px 15px 12px;
    font-size: 15px;
  }

  .news-page-title.two,
  .news-page-title {
    font-size: 26px;
  }

  .store-locator-map {
    height: 350px;
  }

  .news-row {
    margin: 0;
  }

  .news-row .each {
    padding: 0;
    float: none;
    width: 100%;
  }

  .post {
    padding: 26px 0;
  }

  .post .thumbnail {
    width: 34%;
  }

  .post .content {
    width: 64%;
  }

  .post.single .thumbnail {
    width: auto;
    float: none;
  }

  .post.single .content {
    width: auto;
    float: none;
    padding-top: 20px;
  }

  .contact-left {
    float: none;
    width: auto;
    padding: 40px 0;
  }

  .contact-right {
    float: none;
    width: auto;
    padding-top: 15px;
  }

  .sidebar-image-widget {
    margin-bottom: 30px;
  }

  .subpage-right .products-row .each {
    width: 33.3%;
  }

  .filters-widget {
    padding-bottom: 0;
    border-bottom: 0;
  }

  .filters-widget .tooltip .tooltip-content {
    left: auto;
    right: 41px;
  }

  .filters-widget .tooltip .tooltip-content::after {
    background: url(assets/images/tooltip-caret-2.jpg) no-repeat 0 0;
    left: 100%;
    right: auto;
  }

  .collections-detail-left {
    float: none;
    width: auto;
  }

  .collections-detail-right {
    float: none;
    width: auto;
  }

  .more-images .more-images-list li {
    width: 12.5%;
  }

  .project-detail-header .page-title .tooltip {
    top: 70px;
    display: inline-block;
    float: none;
  }

  .project-detail-header .page-title .tooltip .tooltip-content {
    right: auto;
    left: 0;
    margin-left: -170px;
  }

  .project-detail-header .page-title .tooltip .tooltip-content::after {
    right: auto;
    top: -13px;
    background: url(assets/images/tooltip-caret-3.jpg) no-repeat 0 0;
    width: 35px;
    height: 13px;
    left: 50%;
    margin-left: -19px;
  }

  .collection-detail-more .left {
    width: auto;
    float: none;
    margin: 0;
  }

  .collection-detail-more .middle {
    width: auto;
    float: none;
  }

  .collection-detail-more .right {
    width: auto;
    float: none;
    padding-top: 20px;
  }

  .subpage-right .products-row.four .each {
    width: 25%;
  }

  .subpage-search-widget .show .styled-select select {
    height: 30px;
  }

  .subpage-search-widget .show .styled-select::before {
    height: 28px;
    line-height: 29px;
  }

  .subpage-search-widget .show p {
    padding-top: 2px;
    padding-left: 20px;
  }

  .subpage-search-widget .show {
    position: relative;
    top: 11px;
    right: 6px;
  }

  .subpage-search-widget .sort-search li.active a {
    background: #dedede;
  }

  .gallery-btn {
    margin-bottom: 30px;
  }

  .subpage-right .products-row .each,
  .subpage-right .products-row.two .each {
    padding: 0 5.5px 20px 5.5px;
  }

  .subpage-right .products-row,
  .subpage-right .products-row.two {
    margin: 0 -5.5px;
  }

  .project-detail-left .tab_wrapper > .tab_list {
    display: block;
  }

  .project-detail-left .tab_wrapper .content_wrapper .accordian_header {
    display: none;
  }

  .questions-option .custom-questions-list {
    margin: 0 -4px;
  }

  .questions-option .custom-questions-list li {
    padding-left: 4px;
    padding-right: 4px;
  }

  .custom-questions .custom-questions-nav {
    margin: 0 10px;
  }

  .custom-questions .custom-questions-nav li {
    float: none;
    width: auto;
    margin-bottom: 80px;
  }

  .custom-questions .custom-questions-nav li:last-child {
    margin-bottom: 0;
  }

  .website-search > div .align-right {
    float: none;
    margin: 11px -20px -10px;
    padding: 9px 20px;
  }

  .heading-with-back-btn .back-btn,
  .back-btn-2 {
    float: none;
    background: #762240;
    font-size: 15px;
    display: block;
    position: fixed;
    left: 0;
    right: 0;
    margin: 0;
    bottom: 0;
    z-index: 11;
    padding: 7px 10px 11px;
    color: #fff;
    text-align: center;
    display: none;
  }

  .back-btn-2 span {
    color: #fff;
  }

  .heading-with-back-btn .back-btn span {
    color: #fff;
    font-size: 19px;
  }

  .comm-collection-logo {
    margin-top: 50px;
  }

  .about-left {
    float: none;
    width: auto;
    padding: 0;
  }

  .about-right {
    float: none;
    width: auto;
    padding-top: 20px;
  }

  .ceo-message .container {
    padding: 0 55px;
  }

  .ceo-message .name p,
  .about-left .top-message .name {
    font-size: 40px;
  }

  .home-widget img {
    display: none;
  }

  .home-widget {
    padding-bottom: 270px;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
  }

  .home-row .each:last-child .home-widget {
    background-position: center bottom -20px;
  }

  .subpage-search-widget form {
    display: none;
  }

  .subpage-search-widget .sort-search {
    margin-top: 1px;
  }

  .subpage-search-widget .show .styled-select {
    margin-top: -5px;
  }

  .heading-with-back-btn .page-title {
    float: none;
    margin-bottom: 20px;
    line-height: normal;
  }

  .breadcrumbs {
    float: none;
  }

  .filters-widget > p::before {
    content: "Filter ";
  }

  .breadcrumbs li:nth-child(1) a {
    margin-left: 0;
  }

  .subpage-search-widget .sort-search li:only-child {
    width: 100%;
  }

  #viewallcollection {
    display: none !important;
  }

  .quickship-banner .content {
    position: relative;
    background: rgb(164, 0, 71);
  }

  .quickship-banner .content p {
    font-size: 18px;
  }

  .quickship-title .page-title {
    font-size: 30px;
  }

  .quickship-title .page-title {
    margin-top: 30px;
  }

  .header .main-menu-sub .quick-shop-link {
    margin-top: 22px;
  }

  .best-division {
    display: inline-block !important;
  }

  .best-image {
    width: 100% !important;
  }

  .best-description {
    width: 100% !important;
  }

  /*.collection-link { margin-bottom: 50px !important; margin-top: 0 !important;}*/
  .container-image {
    /* width: 48% !important;*/
    margin-right: 3px !important;
    margin-top: 12px !important;
  }

  .category-images {
    margin-top: 12px !important;
    /* margin-right: 1% !important;
        width: 48% !important;*/
  }

  .socialing li {
    width: 46% !important;
    margin-right: 2% !important;
    margin-bottom: 3% !important;
  }

  #customer_login .u-column1,
  #customer_login .u-column2 {
    float: none !important;
    width: auto !important;
  }

  #customer_login h2 {
    margin-top: 0 !important;
  }

  #customer_login .u-column2 {
    padding-top: 40px;
  }

  .woocommerce-account .news-page-title {
    margin-bottom: 50px;
    margin-top: 30px;
  }

  .featured-wallpapers .featured-wallpapers-list li a:hover img {
    opacity: 1;
  }

  .featured-wallpapers .featured-wallpapers-list li a .code {
    position: static;
    margin-top: 0;
    display: block;
    padding: 18px 0 0;
    text-shadow: 0 0 13px rgba(0, 0, 0, 0.5);
  }

  .featured-wallpapers .featured-wallpapers-list li a p {
    position: static;
    font-size: 15px;
    margin: 0 0 16px;
    text-shadow: 0 0 13px rgba(0, 0, 0, 0.5);
  }

  .featured-wallpapers .featured-wallpapers-list li a p span {
    display: none;
  }

  .featured-wallpapers .featured-wallpapers-list li a .icon {
    display: none;
  }

  .featured-wallpapers .featured-wallpapers-list li a .icon,
  .featured-wallpapers .featured-wallpapers-list li a .code,
  .featured-wallpapers .featured-wallpapers-list li a .view-details,
  .featured-wallpapers .featured-wallpapers-list li a p {
    opacity: 1;
    visibility: visible;
  }

  .featured-wallpapers .featured-wallpapers-list li a {
    display: flex;
    flex-flow: column nowrap;
  }

  .featured-wallpapers .featured-wallpapers-list li a img {
    order: -1;
  }

  .featured-wallpapers .featured-wallpapers-list li a .view-details {
    position: static;
  }

  .featured-wallpapers .featured-wallpapers-list li a {
    background: #a11d56;
  }

  .menu-container .each img {
    margin: 10px 0;
    width: 100%;
  }

  .menu-container .each p,
  .menu-container .each .menu li a,
  .menu-container div.each:last-child .menu-sticky-login {
    font-size: 16px;
  }

  .menu-widget .desktop-padding {
    padding-top: 30px;
  }

  .menu-widget .logo {
    float: none;
    display: block;
    text-align: center;
  }

  .home .container-image .overlay {
    background-color: rgba(0, 0, 0, 0.3);
    opacity: 1;
  }

  .my-selection-row .content .remove-wishlist {
    display: block;
    top: 1px;
  }

  .my-selection-popup-container-2
    .selection-popup
    .top
    .my-selection-row
    .each
    .search-product
    .thumb {
    width: 50px;
  }

  .my-selection-popup-container-2
    .selection-popup
    .top
    .my-selection-row
    .each
    .search-product
    .content {
    padding: 0 0 0 60px;
  }
}

@media screen and (max-width: 600px) {
  .footer .footer-bottom .sitemap-widget .menu-footer-mobile-nav-container,
  .footer
    .footer-bottom
    .sitemap-widget
    .menu-new_footer_second_category_menu-container,
  .footer
    .footer-bottom
    .sitemap-widget
    .menu-new_footer_third_commercial_menu-container,
  .footer
    .footer-bottom
    .sitemap-widget
    .menu-new_footer_fourth_fabrics_menu-container {
    width: 100%;
  }

  .footer .footer-bottom .sitemap-widget li {
    margin-bottom: 0;
  }

  .footer .footer-bottom .sitemap-widget li a {
    display: block;
    border-top: 1px solid #222;
    padding: 9px 0;
  }

  .footer .footer-bottom .sitemap-widget .social li a {
    padding: 0;
  }

  .footer .footer-bottom {
    padding: 70px 0 120px;
  }

  .header a.quick-shop-lin {
    margin: 0 3px 0 0;
    font-size: 0;
    height: 37px;
    display: inline-block;
    vertical-align: bottom;
    padding-top: 9px;
  }

  .header a.quick-shop-lin i {
    margin: 0;
  }

  .project-detail-header .breadcrumbs {
    padding-bottom: 0;
    max-width: 100%;
    padding-bottom: 10px;
    overflow: auto;
    display: flex;
    white-space: nowrap;
  }

  .project-detail-header .left {
    float: none;
  }

  .project-detail-header .right {
    float: none;
    padding-top: 25px;
  }

  .mobile-order .collections-detail-right {
    display: none;
  }
}

@media screen and (max-width: 580px) {
  /*.footer .footer-bottom .sitemap-widget li{ width: 32%; }*/
  .subpage-right .products-row.three .each {
    width: 50%;
  }

  .store-locator-addresses {
    padding-left: 0;
  }

  .collections-detail-left .top .left {
    width: auto;
    float: none;
  }

  .collections-detail-left .top .left img {
    width: 100%;
  }

  .collections-detail-left .top .right {
    width: auto;
    float: none;
    padding-top: 13px;
  }

  .flooring-each span {
    font-size: 14px;
    padding: 10px 20px;
    display: block;
    position: static;
  }

  .questions-option .custom-questions-list li {
    width: 33.3%;
  }

  .questions-tab-2-nav .btn {
    float: none !important;
    min-width: 100%;
    margin-bottom: 10px;
  }

  .my-selection-popup-container
    .selection-popup
    .bottom
    form
    .wpcf7-form-control-wrap,
  .selection-popup .bottom .btn {
    width: 100%;
    float: none;
  }

  .selection-popup .bottom h2 {
    font-size: 26px;
  }

  .selection-popup .top .my-selection-row {
    margin: 0;
  }

  .selection-popup .top .my-selection-row .each {
    padding: 0;
    display: block;
    width: auto;
  }

  .quickship-banner .content p {
    font-size: 16px;
  }

  .quickship-banner .content {
    padding: 20px;
  }

  .type-widget .content h3 {
    font-size: 15px;
    margin: 0;
  }

  .quickship-title .page-title {
    font-size: 25px;
  }

  .best-description {
    padding: 10px 0 0 30px !important;
  }

  .divide {
    width: 100% !important;
  }

  .roll-calculator .calculator-values .left {
    display: block !important;
    width: auto !important;
  }

  .roll-calculator .calculator-values .right {
    display: block !important;
    margin-left: 0 !important;
  }

  .roll-calculator .calculator-values .tooltip {
    padding-left: 0 !important;
  }

  .roll-calculator .calculator-values .tooltip i {
    float: left;
  }

  .roll-calculator .calculator-values .tooltip .tooltip-content {
    visibility: visible !important;
    width: auto !important;
    position: static !important;
    margin-left: 20px !important;
  }
}

@media screen and (max-width: 480px) {
  /*.footer .footer-bottom .sitemap-widget li{ width: 48%; }*/
  .store-locator-addresses .row .col-4 {
    width: auto;
    display: block;
  }

  .post .thumbnail {
    width: 20%;
  }

  .post .content {
    width: 76%;
  }

  .post .content .date {
    margin-bottom: 10px;
  }

  .post .content p {
    margin-bottom: 10px;
  }

  .contact-right .each {
    width: auto;
    float: none !important;
  }

  .contact-right .each .btn,
  .contact-left .btn,
  .loading-more {
    width: 100%;
  }

  .subpage-right .products-row {
    margin: 0 -5.5px;
  }

  .subpage-right .products-row .each,
  .subpage-right .products-row.four .each {
    width: 50%;
    padding: 0 5.5px 20px 5.5px;
  }

  .more-images .more-images-list li {
    width: calc(25% - 4px);
  }

  .website-search > div .styled-radio,
  .website-search > div .styled-checkbox {
    padding-right: 10px;
    width: 49%;
    margin: 3px 0;
  }

  .website-search > div .styled-checkbox {
    min-width: 80px;
  }

  .about-left .top-message p {
    font-size: 23px;
  }

  .ceo-message .container {
    padding: 0 20px;
    background-size: 20px;
  }

  .ceo-message .name span {
    font-size: 15px;
  }

  .page-title {
    font-size: 20px;
  }

  .footer-mobile-nav {
    display: block;
  }

  .footer .footer-bottom .sitemap-widget ul.footer {
    display: none;
  }

  .search-row .search-col .styled-checkbox {
    width: 49%;
  }

  .showroom-experience .wpcf7-form-control.wpcf7-radio {
    padding: 6px;
  }

  .showroom-experience
    .wpcf7-form-control.wpcf7-radio
    .wpcf7-list-item
    .wpcf7-list-item-label {
    margin: 0 1px;
    width: 60px;
    height: 60px;
    line-height: 59px;
  }

  .new-collection-widget .content h3 {
    font-size: 20px;
    margin-bottom: 20px;
  }

  .new-collection-widget .content label {
    font-size: 13px;
    margin-bottom: 20px;
  }

  .new-collection-widget .content .brand-logo {
    height: 46px;
  }

  .new-collection-widget .content {
    padding: 20px 10px;
  }

  .new-collection-widget .content .brand-logo::before {
    width: 24px;
  }

  .new-collection-widget .content .brand-logo img {
    max-width: 60px;
  }

  .new-collection .row {
    margin: 0 -2px;
  }

  .new-collection .row .each {
    padding: 0 2px 4px;
  }

  .type-widget .content {
    padding: 10px;
  }

  .footer .footer-bottom .quick-contact {
    width: 100%;
    float: none;
  }

  .quickship-title .page-title {
    font-size: 20px;
  }

  .header .main-menu-sub .quick-shop-link {
    margin-top: 0;
    display: block;
  }

  .header .wishlist-btn,
  .header .search-btn,
  .header .nav-btn,
  .header .header-right .user-icon {
    margin-top: 0;
    width: 19%;
  }

  .header .user-icon-with-menu {
    width: 20%;
  }

  .header .user-icon-with-menu .user-icon {
    width: 94%;
  }

  /*.container-image {width: 100% !important;}*/
  .socialing li {
    width: 30% !important;
  }

  .mail-list input[type="email"] {
    width: 100% !important;
  }

  input.subs-send {
    width: 100% !important;
  }

  .best-categories .text,
  .container-image .text,
  .container-image .text h3 {
    font-size: 16px !important;
  }

  .subscription {
    overflow-x: hidden;
  }

  .fa-paper-plane:before {
    left: 90px !important;
  }

  .collection h2 {
    margin-bottom: 0 !important;
  }

  h2 {
    font-size: 26px;
  }

  /*.category-images { width: 100% !important;}*/
  .best-description {
    padding: 30px 0 0 30px !important;
  }

  .more-images .more-images-list li .title-dispaly {
    font-size: 11px;
  }

  .header .header-right {
    display: flex;
    flex-flow: wrap;
    width: 64%;
    justify-content: right;
    display: -webkit-flex;
    -webkit-justify-content: right;
  }

  .header .main-menu-sub .quick-shop-link {
    order: 1;
    width: 100%;
    margin-top: 3px;
  }

  .featured-wallpapers .featured-wallpapers-list li a p span,
  .featured-wallpapers .featured-wallpapers-list li a p,
  .featured-wallpapers .featured-wallpapers-list li a {
    font-size: 12px;
  }

  .featured-wallpapers .featured-wallpapers-list li a .view-details {
    font-size: 9px;
  }

  .featured-wallpapers .featured-wallpapers-list li {
    padding-left: 2.5px;
    padding-right: 2.5px;
  }

  .featured-wallpapers .featured-wallpapers-list {
    margin: 0 -2.5px;
  }

  .featured-wallpapers .featured-wallpapers-list li a .code {
    font-size: 12px;
  }

  .styled-checkbox label {
    font-size: 12px !important;
  }

  .home .collection .container-image {
    margin-top: 3px !important;
  }

  .home .container h2 {
    margin-bottom: 30px !important;
  }

  .selection-popup .bottom .wpcf7 .wpcf7-recaptcha iframe,
  #popup-customise-floors .wpcf7-recaptcha iframe {
    transform: scale(0.8);
    margin: 10px 0 0 -30px;
  }

  #popup-customise-floors .wpcf7-recaptcha iframe {
    margin-top: 0;
  }

  #rev_slider_1_1 .uranus.tparrows::before {
    font-size: 27px;
  }

  #rev_slider_1_1 .uranus.tparrows.tp-leftarrow::before {
    text-align: left;
  }

  #rev_slider_1_1 .uranus.tparrows.tp-rightarrow::before {
    text-align: right;
  }
}

@media screen and (max-width: 430px) {
  .new-collection-widget .content label {
    font-size: 11px;
    margin-bottom: 10px;
  }

  .new-collection-widget .content h3 {
    font-size: 16px;
  }

  .featured-wallpapers > p span {
    float: none;
    padding-top: 5px;
    display: block;
  }
}

@media screen and (max-width: 400px) {
  /*.search-row .search-col:nth-child(2) .styled-checkbox { width: 100%;}*/
  .fancy-page-title {
    font-size: 45px;
    line-height: 50px;
  }

  .wallpapers-left-row .each h3 {
    font-size: 20px;
  }

  .wallpapers-left-row .each {
    padding: 30px 20px 35px;
  }

  .subpage-right .products-row.three .each {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .subpage-right .products-row.three {
    margin: 0;
  }

  .project-detail-right .project-pagination .btn {
    display: block;
    margin-bottom: 10px;
  }

  .project-detail-right .project-pagination .btn:nth-child(2) {
    float: none;
  }

  .project-detail-right .project-description li,
  .collection-detail-more .left .project-description li {
    padding: 0 0 0 130px;
    font-size: 16px;
  }

  .collections-detail-left .top .right .select-collection p {
    float: none;
    width: auto;
    margin-bottom: 10px;
  }

  .collections-detail-left .top .right .select-collection .styled-select {
    float: none;
    width: 100%;
  }

  .collections-detail-left .top .right .logo-sec .btn {
    padding: 8px 10px;
  }

  .questions-option .custom-questions-list li,
  .questions-option .questions-tab-2 .custom-questions-list li {
    width: 50%;
  }

  .type-widget .content h3 {
    font-size: 12px;
  }

  .quickship-banner .content p {
    font-size: 14px;
  }
}

@media screen and (max-width: 390px) {
  .header .wishlist-btn,
  .header .search-btn,
  .header .nav-btn,
  .header .header-right .user-icon {
    width: 17%;
  }

  .header .wishlist-btn,
  .header .search-btn,
  .header .nav-btn,
  .header .header-right .user-icon,
  .header .wishlist-btn,
  .header .search-btn {
    margin-top: 0;
    height: 29px;
    line-height: 27px;
  }

  .header .user-icon-with-menu .user-icon {
    width: 94%;
  }

  .header .main-menu-sub .quick-shop-link {
    padding-top: 7px;
    padding-bottom: 7px;
  }

  .header .header-right {
    width: 62%;
  }

  .header .logo {
    max-width: 100px;
  }

  .header a.quick-shop-lin {
    height: 29px;
    padding: 10px;
    margin-right: 3px;
  }

  .header a.quick-shop-lin i {
    top: -4px;
  }

  .header .nav-btn {
    padding-top: 1px;
  }

  .my-selection-popup-container-2
    .selection-popup
    .top
    .my-selection-row
    .each {
    display: block;
    width: auto;
  }

  .my-selection-popup-container-2 .selection-popup h3 {
    font-size: 22px;
    margin: 0 0 27px;
  }

  .my-selection-popup-container-2 .selection-popup .top,
  .my-selection-popup-container-2 .selection-popup .bottom {
    padding-left: 30px;
    padding-right: 30px;
  }
}

@font-face {
  font-family: "Aller";
  src: url("assets/fonts/Aller-Bold.woff2") format("woff2"),
    url("assets/fonts/Aller-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

.wlp-page-title {
  width: 100%;
}

.wlp-page-title h2 {
  font-family: "Bayshore";
  font-style: normal;
  font-size: 80px;
  color: #762240;
  margin: 0 0 20px;
  text-align: center;
}

.wlp-residential,
.wlp-commercial {
  width: 50%;
  float: left;
  border: 1px solid #ddd;
  box-sizing: border-box;
}

.wlp-residential .wlp-head {
  min-height: 315px;
  display: flex;
  align-items: center;

  background-size: 100%;
  background-position: center;
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.wlp-residential:hover .wlp-head {
  background-size: 110%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.wlp-residential .wlp-body,
.wlp-commercial .wlp-body {
  padding: 30px 40px;
  min-height: 330px;
  position: relative;
}

.wlp-residential .wlp-body p,
.wlp-commercial .wlp-body p {
  font-size: 13px;
  line-height: 21px;
  margin-top: 0;
}

.wlp-commercial .wlp-head {
  min-height: 315px;
  display: flex;
  align-items: center;
  /*background-image: url(https://ngc.element8.ae/wp-content/themes/twentyseventeen-child/assets/images/wlp-bg2.jpg);*/
  background-size: 100%;
  background-position: center;
  position: relative;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.wlp-commercial:hover .wlp-head {
  background-size: 110%;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

a.wlp-view-all {
  font-family: "Spline Sans", serif;
  text-decoration: none;
  background-color: #762240;
  width: 154px;
  height: 45px;
  text-align: center;
  line-height: 41px;
  border: 2px solid #762240;
  display: block;
  color: #fff;
  margin: auto;
  margin-top: 20px;
  position: absolute;
  bottom: 50px;
  left: calc(50% - 80px);
  font-weight: 600;
  font-size: 12px;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

a.wlp-view-all:hover {
  background-color: transparent;
  color: #762240;
  border: 2px solid #762240;
  transition: all 0.3s ease;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
}

.wlp-residential .wlp-body .wlp-content h2 span,
.wlp-commercial .wlp-body .wlp-content h2 span {
  align-items: center;
  display: inline-flex;
  font-family: "Spline Sans", serif;
  text-transform: uppercase;
  font-weight: 800;
}

.wlp-residential .wlp-body .wlp-content h2,
.wlp-commercial .wlp-body .wlp-content h2,
.wlp-residential .wlp-body .wlp-content h2 a {
  text-align: center;
  color: #762240;
  margin-bottom: 15px;
  font-size: 24px;
}

.wlp-commercial .wlp-body .wlp-content h2 img,
.wlp-residential .wlp-body .wlp-content h2 img {
  height: 55px;
  margin-right: 10px;
}

@media screen and (max-width: 1250px) and (min-width: 1051px) {
  .container,
  .subnav-fixed .quickship_filter_dropdown .quickship-filter-menu {
    max-width: 1000px !important;
  }

  .wlp-residential .wlp-head,
  .wlp-commercial .wlp-head {
    min-height: 280px;
  }

  .menu-container .each p {
    font-size: 17px;
  }

  .menu-container .each {
    padding-right: 10px;
  }

  .menu-container .each h3 {
    font-size: 22px;
  }

  .menu-container .each .menu li a,
  .menu-container div.each:last-child .menu-sticky-login {
    font-size: 17px;
  }
}

@media screen and (max-width: 1050px) and (min-width: 769px) {
  .container,
  .subnav-fixed .quickship_filter_dropdown .quickship-filter-menu {
    max-width: 700px !important;
  }

  .wlp-page-title h2 {
    font-size: 10vw;
  }

  .wlp-residential .wlp-head,
  .wlp-commercial .wlp-head {
    min-height: 250px;
  }

  .wlp-residential .wlp-body,
  .wlp-commercial .wlp-body {
    min-height: 400px;
  }

  .container-image {
    margin-right: 0.5% !important;
  }

  .collection-link {
    margin-top: 40px !important;
  }

  .best-description {
    padding: 40px !important;
    text-align: center;
    display: block !important;
    width: 100% !important;
  }

  .best-description a {
    font-size: 18px;
  }

  .new-collection {
    padding: 60px 0;
  }

  .new-collection-steps {
    margin: 0 0 50px;
  }

  .new-collection-steps .each {
    display: block;
    width: 100%;
  }

  .best-description {
    font-size: 22px;
  }

  .bestseller.margin-bottom {
    margin-bottom: 70px !important;
  }

  .footer .footer-top {
    padding: 70px 0 !important;
  }

  .footer .footer-top .brand-carousel .brand-logo {
    /* height: 150px !important; */
  }

  .best-division .best-image {
    width: auto !important;
    display: block !important;
  }

  .single-quickship-subheading {
    font-size: 30px;
  }

  .single-quickship-banner {
    margin-bottom: 50px !important;
  }

  .single-quickship-subheading {
    font-size: 30px !important;
    margin-bottom: 20px !important;
  }

  .single-quickship-banner h1 {
    font-size: 38px !important;
  }

  .quickship-filter-menu > li {
    margin-right: 20px !important;
  }

  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals,
  #customer_details,
  .woocommerce-checkout-review-order {
    float: none !important;
    width: auto !important;
  }

  .woocommerce-cart .cart-collaterals .cart_totals {
    width: auto !important;
    margin-top: 40px;
    float: none !important;
  }

  .media-list .img-block {
    width: 33% !important;
  }

  .cw-section-1 .left,
  .cw-section-3 .right,
  .cw-section-9 .right {
    display: block;
    max-width: 100%;
  }

  .cw-section-1 .right {
    display: block;
    max-width: 100%;
    font-size: 14px;
    text-align: center;
    padding-left: 0;
    padding-top: 30px;
  }

  .cw-section-2 .content,
  .cw-section-2 .content:nth-child(2) {
    float: none;
    width: auto;
  }

  .cw-section-2 .content .icon {
    width: 70px;
    height: 70px;
  }

  .cw-section-3 .left,
  .cw-section-5 .right,
  .cw-section-9 .left {
    display: block;
    max-width: 100%;
    font-size: 14px;
    padding-right: 0;
    text-align: center;
  }

  .cw-section-3 .right {
    display: block;
    width: auto;
  }

  .cw-section-5 .left {
    display: block;
    max-width: 100%;
  }

  .cw-section-5 .right {
    padding: 30px 0 0;
  }

  .cw-section-5 .right h3 {
    margin: 0 0 20px;
  }

  .cw-section-7 .each {
    display: block;
    width: 100%;
  }

  .cw-section-7 {
    margin: 0;
  }

  .cw-section-4 .content p {
    font-size: 17px;
    line-height: 24px;
  }

  /*.best-categories .category-images{ width: 48%; }*/
}

@media screen and (max-width: 768px) {
  .container {
    max-width: 90%;
  }

  .wlp-page-title h2 {
    font-size: 10vw;
  }

  .wlp-residential .wlp-head,
  .wlp-commercial .wlp-head {
    min-height: 230px;
  }

  .wlp-residential .wlp-body,
  .wlp-commercial .wlp-body {
    padding: 20px 30px 40px 30px;
    min-height: 300px;
    background-size: 50px;
  }

  .wlp-residential {
    width: 100%;
    margin-bottom: 30px;
  }

  .wlp-commercial {
    width: 100%;
    margin-left: 0;
    margin-top: 30px;
  }

  a.wlp-view-all {
    position: initial;
    margin: inherit;
    width: auto;
    display: block;
  }

  .img-block {
    text-align: center;
    width: 47% !important;
  }

  .media-list .img-block {
    width: 33.3% !important;
  }

  .pop-text {
    margin: 30px 0px 0 0px !important;
    width: 100% !important;
  }

  .modal-full {
    display: block !important;
  }

  .pop-image {
    width: 100% !important;
  }

  .best-description {
    padding: 40px 10px !important;
    text-align: center;
    display: block !important;
    width: 100% !important;
  }

  .best-description a {
    font-size: 18px;
  }

  .new-collection {
    padding: 40px 0;
  }

  .new-collection-steps {
    margin: 0 0 50px;
  }

  .new-collection-steps .each {
    display: block;
    width: 100%;
  }

  .best-description {
    font-size: 22px;
  }

  .bestseller.margin-bottom {
    margin-bottom: 70px !important;
  }

  .footer .footer-top {
    padding: 70px 0 !important;
  }

  .footer .footer-top .brand-carousel .brand-logo {
    /* height: 150px !important; */
  }

  .best-division .best-image {
    width: auto !important;
    display: block !important;
  }

  .new-collection-steps .each span {
    font-size: 48px;
    margin-bottom: 5px;
  }

  .new-collection-steps .each h3 {
    font-size: 22px;
  }

  .new-collection-steps .each {
    font-size: 16px;
  }

  .bestseller h2 {
    margin-bottom: 20px;
  }

  .best-description {
    font-size: 20px;
  }

  .best-description h3 {
    font-size: 40px;
  }

  .best-description p {
    font-size: 21px;
  }

  .single-quickship-subheading {
    font-size: 30px;
  }

  .single-quickship-banner {
    margin-bottom: 50px !important;
  }

  .single-quickship-subheading {
    font-size: 26px !important;
    margin-bottom: 20px !important;
  }

  .single-quickship-banner h1 {
    font-size: 38px !important;
  }

  .quickship-filter-menu > li {
    float: none !important;
    border-bottom: 1px solid #c68da4;
    margin: 0 !important;
  }

  .quickship-filter-menu > li:last-child {
    border-bottom: 0;
  }

  .quickship-filter-menu > li .submenu {
    position: static !important;
  }

  .quickship-filter-menu > li > a::after {
    top: 3px !important;
    float: right;
  }

  .quickship-filter-menu > li > a {
    font-size: 16px !important;
    padding-left: 10px !important;
  }

  .woocommerce-cart .woocommerce-cart-form,
  .woocommerce-cart .cart-collaterals,
  #customer_details,
  .woocommerce-checkout-review-order {
    float: none !important;
    width: auto !important;
  }

  .woocommerce-cart .cart-collaterals .cart_totals {
    width: auto !important;
    margin-top: 40px;
    float: none !important;
  }

  .woocommerce-checkout-review-order {
    padding: 30px !important;
  }

  .woocommerce-checkout-review-order-table td,
  .woocommerce-order-details .order_details td {
    font-size: 15px !important;
  }

  .woocommerce-checkout .news-page-title {
    font-size: 28px !important;
  }

  .cw-section-1 .left,
  .cw-section-3 .right,
  .cw-section-9 .right {
    display: block;
    max-width: 100%;
  }

  .cw-section-1 .right {
    display: block;
    max-width: 100%;
    font-size: 14px;
    text-align: center;
    padding-left: 0;
    padding-top: 30px;
  }

  .cw-section-2 .content,
  .cw-section-2 .content:nth-child(2) {
    float: none;
    width: auto;
  }

  .cw-section-2 .content .icon {
    width: 70px;
    height: 70px;
  }

  .cw-section-3 .left,
  .cw-section-5 .right,
  .cw-section-9 .left {
    display: block;
    max-width: 100%;
    font-size: 14px;
    padding-right: 0;
    text-align: center;
  }

  .cw-section-3 .right {
    display: block;
    width: auto;
  }

  .cw-section-5 .left {
    display: block;
    max-width: 100%;
  }

  .cw-section-5 .right {
    padding: 30px 0 0;
  }

  .cw-section-5 .right h3 {
    margin: 0 0 20px;
  }

  .cw-section-7 .each {
    display: block;
    width: 100%;
  }

  .cw-section-7 {
    margin: 0;
  }

  .cw-section-4 .content p {
    font-size: 17px;
    line-height: 24px;
  }
}

@media screen and (max-width: 600px) {
  .wlp-page-title h2 {
    font-size: 13vw;
  }

  .img-block {
    width: 97% !important;
  }

  .media-list .img-block {
    width: 50% !important;
  }

  .single-quickship-banner h1 {
    position: static !important;
    transform: translateY(0) !important;
    background: #881040;
    padding: 10px 0;
  }

  .single-quickship-banner h1 {
    font-size: 21px !important;
  }

  .single-quickship-banner img {
    display: block;
  }

  .single-quickship-subheading {
    font-size: 18px !important;
    margin-bottom: 20px !important;
    letter-spacing: 1px !important;
  }

  .quickship-filter-menu > li .submenu {
    min-width: 100% !important;
  }

  .quickship-filter-menu > li .submenu li {
    width: 100% !important;
  }

  .cw-section-2 .content h3,
  .cw-section-7 .each h3,
  .cw-section-9 .left h3 {
    font-size: 20px;
  }

  .cw-section-5 .right h3,
  .cw-section-4 .content h3 {
    font-size: 26px;
  }

  .cw-section-4 .content p {
    font-size: 15px;
    line-height: 23px;
  }

  .cw-section-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

@media screen and (max-width: 600px) and (min-width: 481px) {
  .container-image {
    width: 48% !important;
    margin-right: 1% !important;
    margin-top: 5px !important;
  }

  .category-images {
    margin-top: 12px !important;
    margin-right: 1% !important;
    width: 48% !important;
  }

  .socialing li {
    width: 46% !important;
    margin-right: 17px !important;
  }

  .best-categories .text,
  .container-image .text,
  .container-image .text h3 {
    font-size: 20px !important;
  }
}

@media screen and (max-width: 450px) {
  .best-description h3 {
    font-size: 21px !important;
  }

  .best-description h4 {
    font-size: 16px;
  }

  .best-description a {
    padding: 10px 8% 10px 8%;
    font-size: 12px;
  }

  .best-description {
    font-size: 16px !important;
  }

  .footer .footer-top .brand-carousel .brand-logo {
    /* height: 110px !important; */
  }

  .new-collection-steps .each p {
    line-height: 23px;
  }

  .best-description p {
    font-size: 18px;
  }

  .new-collection-steps .each {
    font-size: 14px;
    padding: 0 10px;
  }

  .footer .footer-top h3 {
    margin-bottom: 25px;
    font-size: 25px;
  }

  .collections-detail-right .number p {
    font-size: 17px;
  }

  .collections-detail-right .number {
    font-size: 17px;
  }

  .collections-detail-right .number span:not(.price) {
    padding-top: 0px;
  }

  .collections-detail-right .number p span.price {
    font-size: 13px;
  }

  .home .container h2 {
    font-size: 20px;
  }

  .home .category-images {
    margin-top: 3px !important;
  }
}

.container-image {
  position: relative;
  width: 24%;
  display: inline-block;
  margin-right: 1%;
  margin-top: 25px;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 0.5s ease;
  background-color: #2f31318c;
}

.container-image:hover .overlay {
  opacity: 1;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
}

.container-image:nth-child(5) {
  margin-right: 0;
}

.collection h2 {
  text-align: center;
  margin-bottom: 30px;
}

h2 {
  margin: 60px 15px 0;
  padding: 0;
  font-weight: 300;
}

h2 span {
  margin-left: 1em;
  color: #aaa;
  font-size: 85%;
}

.column {
  /*    margin: 15px 15px 0;*/
  padding: 0;
}

.column:last-child {
  padding-bottom: 60px;
}

.column::after {
  content: "";
  clear: both;
  display: block;
}

.column div {
  position: relative;
  float: left;
  width: 280px;
  height: 200px;
  /*margin: 0 0 0 25px;*/
  padding: 0;
  margin-right: 20px;
}

.column div:first-child {
  margin-left: 0;
}

.column div span {
  position: absolute;
  bottom: -20px;
  left: 0;
  z-index: -1;
  display: block;
  width: 300px;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 24px;
  text-decoration: none;
  text-align: center;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
  opacity: 0;
}

figure {
  width: 280px;
  height: 200px;
  margin: 0;
  padding: 0;
  background: #fff;
  overflow: hidden;
}

figure:hover + span {
  bottom: 90px;
  opacity: 1;
  z-index: 9;
}

.hover12.column {
  margin-top: 30px;
}

/* Opacity #2 */
.hover12 figure {
  background: #1c2120;
}

.hover12 figure img {
  opacity: 1;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.hover12 figure:hover img {
  opacity: 0.5;
}

.best-division {
  background-color: #fff;
  font-size: 0;
  border: 1px solid #868080;
}

.best-division img {
  max-width: 100%;
  height: auto;
  background-size: cover;
  width: 100%;
}

.bestseller.margin-bottom {
  margin-bottom: 140px;
}

.bestseller h2 {
  text-align: center;
  margin-bottom: 40px;
}

.best-description {
  width: 40%;
  padding: 0 0 0 30px;
  display: inline-block;
  vertical-align: middle;
  font-size: 25px;
}

.best-description p {
  text-transform: uppercase;
  font-weight: 300;
}

.best-description h3 {
  font-style: normal;
  font-size: 24px;
  color: #000;
  font-weight: 300;
  text-transform: uppercase;
}

.best-description .btn {
  background: #000;
}

.best-categories h2 {
  text-align: center;
  margin-bottom: 40px;
}

@media (min-width: 769px) {
  .best-categories .container,
  .collection .container {
    max-width: 1220px;
    right: -10px;
  }
}

@media screen and (max-width: 1250px) and (min-width: 1051px) {
  .best-categories .container,
  .collection .container {
    max-width: 1010px !important;
  }
}

/*******************/

.category-images {
  position: relative;
  width: 32%;
  display: inline-block;
  margin: 0 3px;
  margin-top: 1%;
}

.category-images img {
  background-size: cover !important;
  background-position: center center !important;
}

.best-division .best-image {
  width: 60%;
  display: inline-block;
  vertical-align: middle;
}

.best-categories .image {
  display: block;
  width: 100%;
  height: auto;
}

.best-categories .overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 1;
  transition: 0.5s ease;
  background-color: rgb(47 49 49 / 55%);
}

.best-categories .category-images:hover .overlay {
  opacity: 0;
}

.best-categories .text {
  color: white;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  text-align: center;
  font-size: 30px;
  font-weight: normal;
}

@media (min-width: 1025px) {
  .best-categories .overlay {
    opacity: 0;
    background: rgba(0, 0, 0, 0.7);
  }

  .best-categories .category-images:hover .overlay {
    opacity: 1;
  }
}

.home .best-categories h2 span {
  margin: 0 2px;
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  font-size: 60px;
  line-height: 0;
  color: #040404;
}

.best-categories .collection h2 {
  text-align: center;
  margin-bottom: 30px;
}

.best-category .category-images:nth-child(2) {
  margin-right: 0;
}

.download-playbook {
  background: url(https://ngcmiddleeast.com/NGCDemo/wp-content/uploads/2020/03/perfect-plain.jpg);
  height: 400px;
  background-size: cover !important;
  background-position: center !important;
}

.playbook h2 {
  text-align: center;
  margin-bottom: 40px;
}

/*.collection-link {
    margin-top: 150px;
}*/

/*button {
    font-size: 20px;
    position: absolute;
    bottom: 20px;
    left: 20px;
    background: white;
    border: 0;
    padding: 10px 40px;
    cursor: pointer;
}*/
.down-class:hover {
  color: white;
  background-color: #8a1e41;
}

.down-class {
  font-size: 20px;
  position: absolute;
  bottom: 20px;
  left: 20px;
  background: white;
  border: 0;
  padding: 10px 40px;
  cursor: pointer;
  text-align: center;
  text-transform: uppercase;
  color: #000000;
}

span.small-let {
  font-size: 15px;
}

.download-playbook div .let-space {
  letter-spacing: 4px;
}

.socialing {
  box-sizing: border-box;
  display: grid;
}

.socialing img {
  background-size: cover !important;
}

.socialing li:nth-child(5) {
  margin-right: 0;
}

.socialing li {
  margin-bottom: 30px;
  /*float: left;*/
  width: calc(20% - 20px);
  margin-right: 20px;
  display: inline-block;

  vertical-align: top;
}

.socialing h4 {
  margin-bottom: 40px;
  letter-spacing: 5px;
}

.social-inside {
  text-align: center;
}

.mail-list {
  max-width: 700px;
  margin: auto;
}

.mail-list h2 {
  text-align: center;
}

.mail-list p {
  text-align: center;
  font-size: 18px;
  color: #777;
}

input.subs-send {
  background: black;
  color: #fff;
  border: 0;
  padding: 10px 40px;
  height: 54px;
  position: relative;
  font-size: 16px;
  width: 20%;
  cursor: pointer;
  font-weight: 300;
}

.fa-paper-plane:before {
  position: absolute;
  top: 19px;
  left: 20px;
  z-index: 9;
  color: #fff;
}

.mail-list input[type="email"] {
  width: 80%;
  float: left;
}

i.fa.fa-paper-plane {
  position: absolute;
}

.best-description a {
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 300;
  border: 0;
}

.best-description a:hover {
  background: #881040;
  color: #fff;
}

.archive #secondary {
  display: none;
}

.collection h2,
.bestseller h2,
.best-categories h2,
.playbook h2,
.social-inside h2,
.mail-list h2 {
  text-transform: uppercase;
}

.collection-img {
  background-size: cover !important;
  background-position: center !important;
}

.as-seen-title {
  margin-bottom: 20px;
  padding-bottom: 8px;
  border-bottom: 2px solid #881040;
}

.as-seen-title h3 {
  font-weight: 300;
}

.modal {
  display: none;
  position: fixed;
  z-index: 99999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgb(0, 0, 0);
  background-color: rgba(0, 0, 0, 0.4);
}

.modal-content {
  background-color: #fefefe;
  margin: 5% auto;
  padding: 0;
  border: 0;
  width: 100%;
  max-width: 926px;
}

.modal-content h3 {
  padding: 50px 60px 30px;
  font-size: 29px;
}

.modal-title {
  text-align: center;
  border-bottom: 1px solid #d4c3c3;
  padding: 50px 20px 40px;
  position: relative;
}

.modal-title h3 {
  font-size: 36px;
  font-weight: 300;
  margin: 0;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.img-block {
  display: inline-block;
  width: 23%;
  margin-right: 0.9%;
  margin-left: 0.9%;
  margin-bottom: 30px;
  vertical-align: top;
}

button#myBtn {
  position: relative;
}

.img-block h5 {
  text-align: center;
}

.img-block img:hover {
  cursor: pointer;
}

.img-block img {
  background-size: cover !important;
  background-position: center center !important;
}

.project-head {
  margin-bottom: 30px;
}

.project-head h2 {
  text-align: center;
  margin: 10px 15px 35px;
  text-transform: uppercase;
}

.modal-full {
  display: flex;
  position: relative;
  padding: 0 60px 60px;
}

.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  position: absolute;
  right: 30px;
  top: -100px;
}

.page-template-page-book-a-virtual-meeting .modal .modal-full .close {
  top: 15px;
}

.page-template-page-book-a-virtual-meeting .modal-content h3 {
  padding: 0;
  font-size: 24px;
}

.pop-text {
  margin: 0 0px 0 30px;
  width: 50%;
  color: #606060;
}

.pop-text h3 {
  font-weight: 300;
  color: #7f7f7f;
}

.project-front-img {
  background-position: center !important;
  background-size: cover !important;
}

.project-head .img-block:nth-child(5) {
  margin-right: 0;
}

.pop-image {
  width: 50%;
}

.pop-image img {
  width: 100%;
}

.check-overflow {
  overflow: hidden;
}

.check-overflow img:hover {
  transform: scale(1.2);
}

.check-overflow img {
  transition: 0.2s;
}

.remake-brands li {
  background: #f6f6f6;
  float: left;
  width: 16%;
  text-align: center;
  margin: 0 2px;
  padding: 20px 5px;
}

.re-brands {
  display: flow-root;
}

.footer .footer-top h3 {
  margin-bottom: 45px;
  font-weight: 300;
}

.project-pagination .button {
  -webkit-appearance: none;
  border: 1px solid #dbb9c8;
  background: none;
  cursor: pointer;
  display: inline-block;
  border-radius: 0;
  color: #762240;
  font-weight: 700;
  font-size: 16px;
  text-transform: uppercase;
  padding: 11px 30px;
  text-align: center;
  font-family: "Spline Sans", serif;
  width: 100%;
  display: block;
  margin-bottom: 12px;
  padding: 11px 10px;
}

.project-pagination .button:hover {
  background: #762240;
  color: #fff;
}

.project-pagination .quantity .text {
  position: static;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.media-list::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #fff;
}

.media-list {
  font-size: 0;
  margin: 0 -10px;
  position: relative;
}

.media-list::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 10px;
  background: #fff;
}

.media-list .img-block {
  margin: 0 !important;
  width: 20%;
  padding: 35px 10px;
  border-bottom: 1px solid #ccc;
}

.page-id-95702 h5 {
  margin-top: 30px;
}

.page-id-95702 p {
  line-height: 25px;
  margin-bottom: 15px;
}

.page-id-95702 .subpage ul:not([class]) li {
  padding-left: 15px;
  margin-bottom: 10px;
}

.page-id-95702 .subpage ul:not([class]) li::before {
  content: "\f105";
  font-family: "Spline Sans", serif;
  font-weight: 900;
  position: absolute;
  left: 0px;
  color: #762240;
  top: 1px;
  font-size: 13px;
}

.page-id-95702 .subpage p a {
  color: #762240;
}

.page-id-95702 .subpage p a:hover {
  color: #000;
}

.page-template-page-fancy .modal .close {
  top: 20px;
}

.page-template-page-fancy .modal .modal-title h3 {
  padding: 0;
}

.page-template-page-fancy .modal .modal-full {
  padding: 50px 60px;
}

.page-template-page-fancy .modal .modal-full .pop-text h3 {
  padding: 0;
  font-size: 25px;
}

/* woocommerce */
.woocommerce-cart-form .shop_table,
.woocommerce-MyAccount-orders {
  width: 100%;
  border: 1px solid #e5e5e5;
}

.woocommerce-cart-form .shop_table tr th,
.woocommerce-MyAccount-orders tr th {
  background: #f1f1f1;
  padding: 11px;
  text-transform: uppercase;
}

.woocommerce-cart-form .shop_table tr th,
.woocommerce-cart-form .shop_table tr td,
.woocommerce-MyAccount-orders tr th,
.woocommerce-MyAccount-orders tr td {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
}

.woocommerce-cart-form .shop_table tr th,
.woocommerce-cart-form .shop_table tr td:last-child,
.woocommerce-MyAccount-orders tr td:last-child {
  border-right: 0;
}

.woocommerce-cart-form .shop_table tr td,
.woocommerce-MyAccount-orders tr td {
  text-align: center;
}

.woocommerce-MyAccount-orders {
  border-collapse: collapse;
}

.woocommerce-MyAccount-orders tr td {
  padding: 1em 0.5em;
}

.woocommerce-cart-form .shop_table .product-remove .remove::before {
  display: none;
}

.woocommerce-cart-form .shop_table .product-remove a.remove {
  margin: 0;
  padding: 0;
  line-height: 14px;
  color: #000;
}

.woocommerce-cart-form img {
  margin: 0 auto;
}

.woocommerce-cart-form .actions .input-text {
  width: 236px !important;
  height: 44px;
}

.woocommerce-cart-form .shop_table tr td.product-name a {
  color: #000;
}

.woocommerce-cart-form .button {
  padding: 12px 20px 13px;
  background: #762240;
  color: #fff;
  border: 0;
  font-size: 15px;
  font-family: "Spline Sans", serif;
}

.woocommerce-cart-form .button:hover {
  background: #000;
}

.woocommerce-cart-form .quantity input {
  width: 80px;
  padding: 0 10px;
  height: 40px;
  position: static;
  display: block;
  margin: 0 auto;
  -webkit-transform: translate(0);
  -ms-transform: translate(0);
  transform: translate(0);
}

.woocommerce-cart-form .quantity .screen-reader-text {
  display: none;
}

.cart-collaterals .cart_totals h2 {
  font-weight: 700;
  font-family: "Spline Sans", serif;
  font-size: 30px;
  text-transform: uppercase;
  margin-left: 0;
  margin-bottom: 20px;
}

.cart-collaterals .shop_table {
  width: 100%;
  border: 1px solid #e5e5e5;
  margin-bottom: 20px;
  border-bottom: 0;
}

.cart-collaterals .cart_totals th {
  background: #f1f1f1;
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 13px 20px;
}

.cart-collaterals .cart_totals td {
  border-right: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 13px 20px;
  font-size: 13px;
}

.cart-collaterals .cart_totals td a {
  color: #762240;
}

.cart-collaterals .cart_totals td a:hover {
  color: #000;
}

.wc-proceed-to-checkout .checkout-button {
  background: #762240;
  color: #fff;
  border-color: #762240;
  font-size: 16px;
  font-weight: normal;
}

.wc-proceed-to-checkout .checkout-button::after {
  margin-left: 10px;
}

.wc-proceed-to-checkout .checkout-button:hover {
  background: #000;
  border-color: #000;
}

.shipping-calculator-form p {
  margin: 0;
}

.shipping-calculator-form
  .select2-container--default
  .select2-selection--single {
  background-color: #fff;
  border: 1px solid #ebebeb;
  border-radius: 0;
  height: 54px;
  margin-bottom: 10px;
  padding: 12px 11px;
}

.shipping-calculator-form
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 14px;
  right: 15px;
}

.shipping-calculator-form .button {
  padding: 12px 20px 13px;
  background: #762240;
  color: #fff;
  border: 0;
  font-size: 15px;
  font-family: "Spline Sans", serif;
}

.shipping-calculator-form .button:hover {
  background: #000;
}

.select2-container--default
  .select2-results__option--highlighted[aria-selected],
.select2-container--default
  .select2-results__option--highlighted[data-selected] {
  background: #762240;
}

.select2-dropdown {
  border-color: #ebebeb;
}

.select2-search--dropdown .select2-search__field {
  padding: 4px 14px;
  height: 40px;
  border: 1px solid #ebebeb !important;
}

.woocommerce-info {
  background: #881040;
  color: #fff;
  padding: 17px;
}

.checkout_coupon p,
.woocommerce-form-login p {
  margin-bottom: 15px;
}

.checkout_coupon .form-row-last .button {
  padding: 17px 30px 17px;
  background: #762240;
  color: #fff;
  border: 0;
  font-size: 15px;
  font-family: "Spline Sans", serif;
  margin-left: 5px;
}

.checkout_coupon .form-row-last,
.checkout_coupon .form-row-last {
  float: none !important;
  width: auto !important;
}

.checkout_coupon .form-row-last .button:hover {
  background: #000;
}

.woocommerce-checkout .woocommerce-billing-fields h3 {
  margin: 10px 0 30px;
}

.woocommerce-checkout .woocommerce-billing-fields label,
.shipping_address label,
.woocommerce-form-login label,
.woocommerce form .form-row label,
.woocommerce-page form .form-row label {
  margin-bottom: 10px;
}

.woocommerce-checkout-review-order {
  background: #f6f6f6;
  padding: 58px;
  float: right;
  width: 48%;
}

.woocommerce-checkout-review-order .shop_table,
.woocommerce-order-details .order_details {
  width: 100%;
}

.woocommerce-checkout-review-order
  .shop_table
  thead
  tr:nth-child(1)
  th:nth-child(1) {
  text-transform: uppercase;
}

.woocommerce-checkout-review-order .shop_table tr th,
.woocommerce-order-details .order_details tr th {
  padding: 25px 0;
  text-align: left;
  border-bottom: 1px solid #e2e5f1;
  font-size: 18px;
  font-weight: 300;
}

.woocommerce-checkout-review-order-table td,
.woocommerce-order-details .order_details td {
  padding: 1em 0;
  font-size: 19px;
  color: #000;
  border-bottom: 1px solid #e2e5f1;
}

.woocommerce-checkout-review-order .woocommerce-checkout-review-order-table,
.woocommerce-order-details .order_details {
  margin-bottom: 30px;
}

.wc_payment_method .payment_box {
  margin: 20px 0;
}

.woocommerce-privacy-policy-text a {
  color: #881040;
}

.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order {
  float: none;
}

.wc_payment_method input.input-radio[name="payment_method"] + label::before {
  border-radius: 0;
  border: 0;
  background: #2dce98 !important;
  border-radius: 4px;
  box-shadow: none;
  width: 20px;
  height: 20px;
  vertical-align: bottom;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}

.wc_payment_method
  input.input-radio[name="payment_method"]:checked
  + label::before {
  font-family: "Spline Sans", serif;
  font-weight: 900;
  content: "\f00c";
  color: #3267a2;
}

.wc_payment_method label {
  font-size: 19px;
  font-weight: 300;
  position: relative;
  top: -4px;
}

.place-order .button,
.woocommerce-form-login button,
.woocommerce-form-register button,
.woocommerce-ResetPassword button,
.woocommerce-MyAccount-content button {
  padding: 12px 20px 13px;
  background: #762240;
  color: #fff;
  border: 0;
  font-size: 15px;
  font-family: "Spline Sans", serif;
}

.place-order .button:hover,
.woocommerce-form-login button:hover,
.woocommerce-form-register button:hover,
.woocommerce-ResetPassword button:hover,
.woocommerce-MyAccount-content button:hover {
  background: #000;
}

.woocommerce-form-login .lost_password a {
  color: #762240;
}

.woocommerce-form-login .lost_password a:hover {
  color: #000;
}

.woocommerce-billing-fields p,
.shipping_address p {
  margin-bottom: 15px;
}

.woocommerce-billing-fields #billing_country_field,
.shipping_address .address-field {
  margin-bottom: 30px;
}

.wc_payment_method {
  border-bottom: 0;
}

.woocommerce-shipping-fields h3 {
  margin: 10px 0 30px;
  font-weight: normal;
}

#ship-to-different-address label {
  font-weight: normal;
}

.woocommerce-additional-fields label,
.woocommerce-form-register label,
.woocommerce-ResetPassword label {
  margin-bottom: 10px;
}

.woocommerce-error {
  background: #ffbcbc;
  color: #0d0d0d;
  padding: 17px;
  border: 1px solid #fd9595;
}

.woocommerce-order-overview li {
  margin-bottom: 10px;
}

.woocommerce-order-overview li strong {
  margin-left: 3px;
}

.woocommerce-message {
  background: rgba(0, 140, 14, 0.78);
  padding: 17px;
}

.woocommerce-order-details h2 {
  margin-left: 0;
  margin-bottom: 20px;
}

.woocommerce-order-details .product-name a {
  color: #762240;
}

.woocommerce-order-details .product-name a:hover {
  color: #000;
}

.woocommerce-customer-details h2 {
  margin-left: 0;
  margin-bottom: 20px;
}

.woocommerce-customer-details address {
  padding: 20px;
  border: 1px solid #e5e5e5;
}

.woocommerce-MyAccount-content a {
  color: #762240;
}

.woocommerce-MyAccount-content a:hover {
  color: #000;
}

.woocommerce-MyAccount-navigation li {
  padding: 0 !important;
}

.woocommerce-MyAccount-navigation li::before {
  position: absolute;
  left: 20px;
  top: 12px;
  color: #fff;
}

.woocommerce-MyAccount-navigation li a {
  display: block;
  padding: 13px 10px 13px 44px;
  box-shadow: none !important;
  background: #881040;
  color: #fff;
}

.woocommerce-MyAccount-navigation li a:hover,
.woocommerce-MyAccount-navigation li.is-active a {
  background: #000;
}

.woocommerce-message.woocommerce-info,
.woocommerce-Message--info {
  color: #8a6d3b;
  background-color: #fcf8e3;
  border-color: #faebcc;
}

.woocommerce-message.woocommerce-info a,
.woocommerce-Message--info a {
  box-shadow: none !important;
}

.woocommerce-message.woocommerce-info a:hover,
.woocommerce-Message--info a:hover {
  color: #000 !important;
}

.woocommerce-MyAccount-content
  .select2-container--default
  .select2-selection--single {
  border-color: #e4e4e4;
  border-radius: 0;
  height: 55px;
}

.woocommerce-MyAccount-content
  .select2-container--default
  .select2-selection--single
  .select2-selection__rendered {
  line-height: 54px;
  padding: 0 20px;
}

.woocommerce-MyAccount-content
  .select2-container--default
  .select2-selection--single
  .select2-selection__arrow {
  top: 15px;
  right: 20px;
}

.woocommerce-MyAccount-content fieldset {
  border: 1px solid #e4e4e4;
  padding: 30px 30px 0;
  margin-bottom: 30px;
}

.woocommerce-account .woocommerce-MyAccount-navigation {
  float: left;
}

.woocommerce-account .woocommerce-MyAccount-content {
  float: right;
}

.woocommerce-cart .news-page-title,
.woocommerce-account .news-page-title {
  text-align: center;
  border: 0;
  margin-bottom: 60px;
}

.woocommerce-cart .woocommerce-cart-form {
  float: left;
  width: 60%;
}

.woocommerce-cart .cart-collaterals {
  float: right;
  width: 40%;
}

.woocommerce-cart .cart-collaterals .cart_totals {
  width: 94%;
}

.woocommerce-cart .cart-collaterals .cart_totals h2 {
  margin: 0;
  background: #f1f1f1;
  border: 1px solid #e5e5e5;
  border-bottom: 0;
  text-align: center;
  font-size: 14px;
  padding: 11px;
}

.woocommerce .col2-set .col-1,
.woocommerce-page .col2-set .col-1,
.woocommerce .col2-set .col-2,
.woocommerce-page .col2-set .col-2 {
  float: none;
  width: 100%;
}

#customer_details {
  float: left;
  width: 48%;
}

.woocommerce-cart-form .shop_table tr td .quantity {
  width: auto;
  height: auto;
  border: 0;
  padding: 0;
}

.woocommerce-cart-form img {
  width: 40px;
  height: 40px !important;
}

.woocommerce-cart-form .shop_table tr td {
  font-size: 13px;
}

.woocommerce-checkout .select2-container--focus .select2-selection {
  border-color: #e4e4e4;
  border-radius: 0;
}

.woocommerce-checkout .news-page-title {
  text-align: center;
  border: 0;
  font-size: 37px;
  padding: 50px 0;
}

.woocommerce-checkout .footer-top {
  display: none;
}

.woocommerce-checkout-review-order-table td img {
  width: 40px;
  height: 40px;
}

.header:hover {
  z-index: 111;
}

.woocommerce-columns--addresses.col2-set .col-1 {
  float: left;
  width: 48%;
}

.woocommerce-columns--addresses.col2-set .col-2 {
  float: right;
  width: 48%;
}

.cw-gallery-sec {
  padding: 30px 0 80px;
}

.cw-gallery-sec h3 {
  text-align: center;
  text-transform: uppercase;
  margin-bottom: 30px;
}

.cw-gallery-carousel {
  margin-bottom: 80px;
}

.cw-gallery-carousel img {
  width: 100%;
  margin-bottom: 20px;
  display: block;
  -webkit-background-size: cover;
  background-size: cover;
}

.cw-gallery-carousel a:last-child img {
  margin-bottom: 0;
}

.cw-gallery-carousel a {
  display: block;
  position: relative;
}

.cw-gallery-carousel a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgb(47 49 49 / 55%);
  opacity: 0;
  visibility: hidden;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cw-gallery-carousel a:hover::before {
  opacity: 1;
  visibility: visible;
}

.cw-gallery-carousel .owl-nav .owl-prev {
  position: absolute;
  left: -40px;
  top: 50%;
  width: 20px;
  height: 50px;
  background: url(assets/images/angle-left.svg) no-repeat center center;
  -webkit-background-size: 35px;
  background-size: 35px;
  margin-top: -30px;
  font-size: 0;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.cw-gallery-carousel .owl-nav .owl-next {
  position: absolute;
  right: -40px;
  top: 50%;
  width: 20px;
  height: 50px;
  background: url(assets/images/angle-right.svg) no-repeat center center;
  margin-top: -30px;
  font-size: 0;
  -webkit-background-size: 35px;
  background-size: 35px;
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

/*.cw-gallery-carousel .owl-nav .owl-prev:hover,
.cw-gallery-carousel .owl-nav .owl-next:hover{ background-color: #762240; }*/

@media (max-width: 1250px) {
  .cw-gallery-carousel img {
    margin-bottom: 10px;
  }
}

@media (max-width: 600px) {
  .cw-gallery-carousel img {
    margin-bottom: 6px;
  }

  .cw-gallery-carousel .owl-nav .owl-prev {
    left: -30px;
    -webkit-background-size: 20px;
    background-size: 20px;
  }

  .cw-gallery-carousel .owl-nav .owl-next {
    right: -30px;
    -webkit-background-size: 20px;
    background-size: 20px;
  }
}

@media (max-width: 768px) {
  .woocommerce-account .woocommerce-MyAccount-navigation {
    float: none;
    width: auto;
    border-top: 0;
    margin-bottom: 40px;
  }

  #customer_login .u-column2 {
    margin-top: 50px;
    padding: 30px !important;
  }

  .woocommerce-columns--addresses.col2-set .col-1,
  .woocommerce-columns--addresses.col2-set .col-2 {
    float: none;
    width: auto;
  }

  .modal-title h3 {
    font-size: 26px;
  }

  .modal-full {
    padding: 0 40px 40px;
  }

  .media-popup .modal-full {
    padding: 40px;
  }

  .modal-content h3 {
    padding: 50px 40px 30px;
    font-size: 24px;
  }

  .modal-title {
    padding: 30px 10px 30px;
  }

  .home .best-categories {
    margin-top: 15px;
  }
}

@media (max-width: 400px) {
  .modal-title h3 {
    font-size: 20px;
  }

  .modal-full {
    padding: 30px;
  }
}

.woocommerce-account .footer-top,
.woocommerce-cart .footer-top {
  display: none;
}

#customer_login h2 {
  margin-left: 0;
  margin-bottom: 20px;
}

#customer_login .u-column1 {
  padding: 0;
  float: left;
  width: 48%;
}

#customer_login .u-column2 {
  float: right;
  width: 48%;
  background: #f9f9f9;
  padding: 0 30px 60px;
  border: 1px solid #e8e8e8;
}

.page-template-page-book-a-virtual-meeting .pop-text {
  margin: 0px 0px 0 30px;
}

.page-template-page-book-a-virtual-meeting .pop-image {
  text-align: center;
}

.page-template-page-new-wallpapers a.wlp-view-all {
  position: unset;
}

.position-unset {
  position: unset !important;
  margin: unset !important;
}

.divide {
  float: left;
  width: calc(100% / 2 - 10px);
  margin-right: 20px;
}

.divide:nth-child(2) {
  margin-right: 0px;
}

input#yourname {
  margin-top: 20px;
}

.page-template-page-book-a-virtual-meeting .img-block img {
  background-position: top !important;
}

a.quick-shop-lin {
  background: #fff;
  color: #762240;
  padding: 8px 15px;
  border-radius: 15px;
  font-size: 10px;
  font-weight: 600;
  /*    position: absolute;
    top: -27px;
    right: 365px;*/
  text-transform: uppercase;
  border: 1px solid #762240;
  color: #762240;
}

a.quick-shop-lin i {
  font-size: 14px;
  margin: 0 5px 0 0;
  position: relative;
  top: 1px;
}

a.quick-shop-lin:hover {
  background: #762240;
  color: #fff;
  border: 1px solid white;
}

/*.small-header .header .header-right .quick-shop-lin {
    display: none;
}*/

.roll-calculator-container {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 11;
}

.roll-calculator-container .overlay {
  opacity: 1;
}

.roll-calculator {
  max-width: 740px;
  width: 100%;
  padding: 30px;
  position: absolute;
  z-index: 1;
  background: #fff;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}

.roll-calculator .calculator-close {
  float: right;
  padding: 10px;
  font-size: 20px;
  color: #777777;
  margin: -20px -13px;
}

.roll-calculator .calculator-close:hover {
  color: #000;
}

.roll-calculator h3 {
  background: url(assets/images/calculator-icon.png) no-repeat 0 center;
  padding-left: 33px;
  margin-bottom: 20px;
}

.roll-calculator .calculator-values {
  padding-top: 30px;
}

.roll-calculator .calculator-values .left {
  display: inline-block;
  width: 265px;
}

.roll-calculator .calculator-values .left p {
  border: 1px solid #e5e5e5;
  margin-bottom: 6px;
  padding: 7px 10px;
  font-size: 16px;
  font-weight: 300;
}

.roll-calculator .calculator-values .right {
  display: inline-block;
  min-width: 315px;
  margin-left: 10px;
  background: #762240;
  color: #fff;
  height: 79px;
  vertical-align: top;
  text-align: center;
  padding-top: 24px;
}

.roll-calculator .calculator-values .right p {
  margin: 0;
  color: #fff;
  font-size: 23px;
  font-weight: 300;
}

.roll-calculator .calculator-values .left p span,
.roll-calculator .calculator-values .right p span {
  font-weight: 500;
}

.number-of-rolls {
  float: left;
  position: relative;
}

.quantity {
  width: 75px;
  height: 45px;
  border: 1px solid #e5e5e5;
  padding: 2px;
  position: relative;
}

.number-of-rolls input[type="number"] {
  margin: 0;
  padding: 5px;
  border: 0;
  height: 38px;
  max-width: 70px;
  margin: 0 auto;
}

.number-of-rolls .label_rolss {
  font-size: 12px;
  position: absolute;
  left: 0;
  top: -18px;
}

.add-cart-btn {
  padding-left: 80px;
}

.add-cart-btn .button {
  background: #881040;
  border-color: #881040;
  color: #fff;
}

.add-cart-btn .button span {
  background: url(assets/images/supermarket.svg) no-repeat 0 0;
  display: inline-block;
  padding-left: 24px;
  background-size: 19px;
  font-weight: 400;
  font-size: 15px;
}

.quickship_filter_dropdown {
  position: relative;
  z-index: 11;
}

@media screen and (min-width: 769px) {
  .subnav-fixed .quickship_filter_dropdown {
    position: fixed;
    left: 0;
    top: -60px;
    right: 0;
    transition: all 0.5 ©266s;
    background: #881040;
  }

  .subnav-fixed .quickship_filter_dropdown .quickship-filter-menu {
    max-width: 1200px;
    margin: 0 auto;
  }

  .subnav-fixed.active .quickship_filter_dropdown {
    top: 56px;
  }
}

.subnav-fixed .single-quickship-banner {
  margin-top: 48px;
}

@media screen and (min-width: 769px) {
  .quickship_filter_dropdown:hover {
    box-shadow: 0 0 133px 11110px rgba(0, 0, 0, 0.8);
  }
}

/*.quickship_filter_dropdown::before{ content: ""; position: absolute; left: - }*/

.roll-calc-btn span {
  background: url(assets/images/calculator.svg) no-repeat 0 0;
  display: inline-block;
  padding-left: 24px;
  background-size: 19px;
  font-weight: 400;
  font-size: 15px;
}

.roll-calc-btn:hover button {
  border-color: #881040;
}

.roll-calc-btn:hover span {
  background-image: url(assets/images/calculator-h.svg);
}

.new-price {
  font-size: 25px;
  padding: 25px 0 47px;
}

.new-price small {
  font-size: 16px;
}

.quickship-filter-menu {
  background: #881040;
  padding: 0 10px;
  position: relative;
  z-index: 1;
  margin-bottom: 2px;
}

.quickship-filter-menu > li {
  float: left;
  position: relative;
  margin-right: 40px;
}

.quickship-filter-menu > li > a {
  text-transform: uppercase;
  font-size: 19px;
  display: block;
  padding: 12px 20px;
  color: #f0e1e7;
  font-weight: 300;
  border-bottom: 1px solid transparent;
}

.quickship-filter-menu > li > a::after {
  content: "";
  border: solid black;
  border-width: 0 1px 1px 0;
  display: inline-block;
  padding: 6px;
  border-color: #e5cbd5;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  position: relative;
  right: -10px;
  top: -3px;
}

.quickship-filter-menu > li > a.active::after {
  transform: rotate(-135deg);
  -webkit-transform: rotate(-135deg);
  top: 7px !important;
}

.quickship-filter-menu > li .submenu {
  position: absolute;
  left: 0;
  top: 100%;
  padding: 27px;
  background: #fff;
  font-size: 0;
  min-width: 500px;
  display: none;
}

@media (min-width: 769px) {
  .quickship-filter-menu > li:hover > a {
    border-color: #fff;
  }

  .quickship-filter-menu > li:hover .submenu {
    display: block;
  }
}

.quickship-filter-menu > li .submenu li {
  display: inline-block;
  width: 50%;
  font-size: 15px;
  margin: 6px 0;
}

.quickship-filter-menu > li .submenu li a {
  color: #7f7f7f;
  text-transform: uppercase;
  display: block;
  position: relative;
}

.quickship-filter-menu > li .submenu.has-colors li a {
  padding-left: 50px;
}

.quickship-filter-menu > li .submenu li a:hover,
.quickship-filter-menu > li .submenu li a.active {
  color: #000;
}

.quickship-filter-menu > li .submenu li a img {
  position: absolute;
  left: 0;
  padding-top: 0;
}

.single-quickship-banner {
  position: relative;
  margin-bottom: 90px;
}

.single-quickship-banner h1 {
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  z-index: 1;
  transform: translateY(-50%);
  text-transform: uppercase;
  font-size: 50px;
  color: #fff;
  text-align: center;
  font-weight: 300;
}

.subpage-right .products-row .sticky-text {
  top: 0;
  right: -70px;
}

.single-quickship-subheading {
  text-align: center;
  font-size: 37px;
  font-weight: 300;
  letter-spacing: 3px;
  margin-bottom: 30px;
  background: #881040;
  color: #fff;
  padding: 14px 0;
}

.roll-calculator .calculator-values .tooltip {
  position: relative;
  display: inline-block;
  vertical-align: top;
  padding: 30px 0 0 10px;
}

.roll-calculator .calculator-values .tooltip .tooltip-content {
  visibility: hidden;
  width: 220px;
  background-color: black;
  color: #fff;
  text-align: center;
  padding: 10px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  left: -92px;
  font-size: 12px;
}

/* Show the tooltip text when you mouse over the tooltip container */
.roll-calculator .calculator-values .tooltip:hover .tooltip-content {
  visibility: visible;
}

.looking-for-text {
  background: #760f32;
  padding: 20px 0;
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1111;
  text-align: center;
}

.looking-for-text p {
  margin: 0;
  color: #fff;
  font-size: 17px;
  font-weight: 700;
}

.looking-for-text p a {
  color: #fff;
  border-bottom: 2px solid #fff;
}

@media (max-width: 1024px) {
  .mobile-order {
    display: flex;
    flex-flow: column nowrap;
  }

  .mobile-order .collections-detail-right {
    order: -1;
    margin-bottom: 30px;
  }
}

@media (max-width: 650px) {
  .looking-for-text p {
    max-width: 80%;
    margin: 0 auto;
    font-size: 15px;
  }
}

.quick-ship-text {
  display: inline-block;
  padding: 5px 0;
  font-weight: 600;
}

.display-flex {
  display: flex;
}

.no-v-margin {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

@media (min-width: 768px) {
  .margin-right-6 {
    margin-right: 6px;
  }

  .best-categories .text {
    font-size: 40px !important;
  }
}

.header-menu-container {
  margin-top: 33px;
}

.quickship-header-link {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
}

.epopup {
  max-width: 800px;
  margin: 0 auto;
  width: 100%;
  box-shadow: 0 0 30px rgba(0, 0, 0, 0.08);
  padding: 10px;
  display: flex;
  flex-direction: column;
}

@media (min-width: 768px) {
  .epopup {
    flex-direction: row;
  }
}

.epopup h3 {
  font-size: 30px;
  color: #8c1d40;
}

.epopup h4 {
  font-size: 18px;
  font-weight: normal;
}

.epopup ul {
  column-count: 2;
  column-gap: 10px;
}

.epopup span.wpcf7-list-item {
  font-size: 16px;
  font-weight: normal;
  display: block;
  margin: 0;
}

@media (min-width: 768px) {
  .epopup span.wpcf7-list-item {
    font-size: 18px;
  }
}

.epopup span.wpcf7-list-item-label {
  vertical-align: bottom;
}

.epopup span.wpcf7-form-control.wpcf7-checkbox {
  column-count: 2;
  display: block;
}

.epopup .submit-btn {
  font-size: 22px;
  font-weight: bold;
  width: max-content;
}

.epopup .img-holder {
  display: block;
  width: 100%;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .epopup .img-holder {
    display: inline-block;
    width: 50%;
  }
}

.epopup .content-holder {
  display: flex;
  flex-direction: column;
  padding: 0;
}

@media (min-width: 768px) {
  .epopup .content-holder {
    padding: 0 15px;
  }
}

.epopup .img-holder img {
  width: 100%;
}

.epopup .email-form {
  margin-top: 15px;
  margin-bottom: 15px;
}

.pb-4 {
  padding-bottom: 1rem;
}

.epopupcontent {
  display: none;
}

.post.single .content.blogcontent {
  width: 100% !important;
  padding-top: 20px;
}

.post.single .thumbnail.blogcontent {
  width: 100% !important;
}

.post.single .content.blogcontent p {
  margin-bottom: 10px !important;
}

.post.single .thumbnail.blogcontent .brand-logo {
  width: 100%;
  height: 380px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .post.single .thumbnail.blogcontent .brand-logo {
    height: 550px;
  }
}

.project-gallery {
  margin-bottom: 40px;
}

.inline-block {
  display: inline-block;
}

.stockquantity {
  display: inline;
}

.hidden {
  display: none;
}

.collections-list {
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
}

.collections-list .product-widget {
  width: 19%;
}

.collections-list-heading {
  max-width: 1200px;
  margin: 0 auto;
  width: 100%;
  font-size: 36px !important;
  padding: 20px 0;
  text-align: center;
  font-weight: 300 !important;
}

.collections-list-heading span {
  margin: 0 2px !important;
  display: inline-block;
  vertical-align: middle;
  height: 45px;
  font-size: 60px;
  line-height: 0;
  color: #040404;
}

.collections-list .product-widget {
  position: relative;
}

.collections-list .product-widget .thumb {
  min-height: 319px;
}

.collections-list .product-widget .img-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-size: cover;
  background-position: center;
}

.collections-list .product-widget .img-container .overlay {
  z-index: 10;
  opacity: 0;
}

.collections-list .product-widget .img-container:hover .overlay {
  opacity: 1;
}

.cursor-pointer {
  cursor: pointer;
}

.container-fluid {
  width: 100%;
  margin: 0 auto;
  max-width: 1900px;
}

.bg-dark-pink {
  background-color: #762240;
}

.flex {
  display: flex !important;
}

.inline-flex {
  display: inline-flex !important;
}

.justify-center {
  justify-content: center;
}

.justify-end {
  justify-content: flex-end;
}

.justify-right {
  justify-content: right;
}

.justify-left {
  justify-content: left;
}

.space-between {
  justify-content: space-between;
}

.align-center {
  align-items: center;
}

.align-stretch {
  align-items: stretch;
}

#header_top_menu {
  color: white;
  list-style: none;
  padding: 3px 0;
}

#header_top_menu li {
  display: inline;
}

#header_top_menu li a {
  color: white;
  font-size: 1rem;
  text-transform: uppercase;
  padding: 10px 15px;
  display: inline-block;
}

.header-top-menu-second {
  display: inline-block;
}

.header-top-menu-second li {
  display: inline-flex;
  align-items: center;
  height: 100% !important;
  float: left;
}

.main-header-container {
  width: 100%;
  /*padding: 10px 0;*/
  border-bottom: 1px solid #ccc;
  position: relative;
  z-index: 3;
}

.main-menu-link {
  list-style: none;
  padding: 0 20px;
}

.main-menu-link .fa-chevron-down {
  font-size: 14px;
}

.main-menu-link > li {
  display: inline-flex;
  min-height: 109px;
  align-items: center;
  cursor: pointer;
  position: relative;
}

.icon::before {
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
}

.main-menu-link > li > span.icon:after {
  content: "\f078";
  font-family: "Spline Sans", serif;
  position: absolute;
  padding-top: 3px;
  display: none;
  font-weight: 600;
  color: #000;
  left: 50%;
  transform: translate(-50%, 0);
  margin-top: 15px;
}

.main-menu-link > li:hover > span.icon:after {
  display: block;
}

.main-menu-link > li > span {
  font-size: 20px;
  display: block;
  padding: 7px 12px;
  font-weight: 500;
}

@media (min-width: 768px) {
  .main-menu-link > li > span {
    padding: 7px 30px;
  }
}

@media (min-width: 1200px) {
  .main-menu-link > li > span {
    padding: 7px 40px;
  }
}

li.menu-item a {
  color: #000;
}

.main-menu-link > li:hover > span {
  background-color: #762240;
  color: #ffffff;
}

.main-menu-link .sub-menu {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #fff;
  padding: 0;
  z-index: 1000;
  color: #000000;
  right: auto;
  border: 1px solid #ccc;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
}

.main-menu-link .sub-menu li.menu-item > span,
.child-menu li > span {
  color: #000000;
  min-height: 1rem;
  font-size: 14px;
  text-transform: uppercase;
  text-align: center;
  display: block;
  padding: 10px 5px;
  font-weight: 400;
  min-width: 170px;
  font-family: "Source Sans Pro", sans-serif;
}

.main-menu-link .sub-menu li.menu-item:hover,
.child-menu li:hover {
  background-color: #d9a8c1;
}

.main-menu-link li:hover .sub-menu {
  display: block;
}

.menu-item {
  /*position: relative;*/
}

.child-menu {
  background-color: #fff;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  border: 1px solid #ccc;
}

.menu-item:hover > .child-menu {
  display: block;
}

.filters {
  background-color: #fff;
  display: none;
  position: absolute;
  top: 0;
  left: 100%;
  padding: 20px;
  text-align: left;
  border: 1px solid #ccc;
}

.filters h4 {
  font-size: 14px;
  font-weight: 600;
}

.child-menu > ul > li:hover > .filters {
  display: block;
}

.filters ul > li > label {
  font-size: 14px;
  display: flex;
}

.filters ul > li > label input[type="checkbox"],
.filters ul > li > label input[type="radio"],
.filters ul > li > label img {
  margin-right: 3px;
}

.filter-forms {
  display: flex;
  flex-direction: row;
}

.filter-items {
  min-width: 200px;
}

.filter-items + .filter-items {
  padding-left: 15px;
}

.filter-items.fabric-color {
  min-width: 150px !important;
}

.filter-items ul {
  max-height: 390px;
  overflow-y: auto;
}

.list-group-item {
  padding: 5px 0;
}

.list-group-item:hover {
  background-color: #d9a8c1;
}

.submit-btn {
  margin: 20px 0;
  text-align: center;
}

.submit-btn input {
  padding: 10px 20px;
  background-color: #fff;
  border: 1px solid #000;
  font-weight: bold;
  cursor: pointer;
}

.submit-btn input:hover {
  background-color: #762240;
  color: #fff;
}

.color-img {
  max-width: 25px;
  max-height: 30px;
}

.menu-item:hover > .filters {
  display: block;
}

.desktop-nav {
  display: none;
}

.mobile-nav {
  display: block;
  border-bottom: 1px solid #fff3f5;
  background-color: #fff;
}

.mobile-nav .open-icon {
  display: block;
}

.mobile-nav .close-icon {
  display: none;
  width: 25px;
  margin-right: 15px;
  height: auto;
}

/*body.show-menu .mobile-nav .open-icon{*/
/*display: none;*/
/*}*/
/*body.show-menu .mobile-nav .close-icon{*/
/*display: block;*/
/*}*/
@media (min-width: 768px) {
  .mobile-nav {
    padding: 10px 0;
  }
}

@media (min-width: 900px) {
  .desktop-nav {
    display: block;
  }

  .mobile-nav {
    display: none;
  }
}

.mobile-menu-toggle img {
  width: 30px;
  cursor: pointer;
}

.mobile-menu {
  display: none;
  padding: 10px 0;
  position: fixed;
  overflow-x: hidden;
  overflow-y: auto;
  z-index: 999;
  background-color: #fff;
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}

body.show-menu .mobile-menu {
  display: block;
}

.mobile-menu li a {
  color: #000;
  font-size: 16px;
  text-transform: uppercase;
}

.mobile-menu li span {
  font-weight: bold;
  margin-bottom: 5px;
  text-transform: uppercase;
  font-size: 16px;
}

.mobile-menu li a:hover,
.mobile-menu li a:focus {
  font-weight: bold;
}

.seperation {
  border: 1px solid #ccc;
  margin-bottom: 5px;
}

.quickship-mobile a {
  max-height: 40px !important;
  width: 100% !important;
  margin: 10px;
  padding: 5px;
}

.small-header .main-menu-link > li {
  min-height: 84px;
}

.small-header .header-menu-container {
  min-height: 85px;
}

.small-header .header .logo {
  width: 120px;
}

.mobile-sub-menu li a {
  display: block;
  padding: 7px 10px;
  background-color: #f7f7f5;
  border-radius: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
}

.steps {
  padding: 40px 0;
}

.steps .img-block {
  width: 100% !important;
  margin: 0 !important;
  padding: 15px 0.9%;
}

.about-div {
  display: block;
}

.about-div .img-holder {
  width: 100%;
}

.about-div .content-holder {
  width: 100%;
  padding: 20px 0;
}

.about-div h4 {
  font-size: 18px;
}

.about-div .img-holder h4 {
  margin-top: 20px;
}

.about-div .content-holder h4 {
  margin-bottom: 20px;
  font-size: 16px;
}

.about-div .content-holder .points h5 {
  font-size: 15px;
}

.about-div .content-holder .points + .points::before {
  content: " ";
  display: block;
  text-align: center;
  width: 50%;
  height: 1px;
  background-color: #000;
  margin: 0 auto;
  margin-bottom: 20px;
}

.custom-form {
  background-image: url("assets/images/custom/custom_about_bg.jpg");
  background-position: center;
  background-size: cover;
  padding: 40px 0;
}

.custom-form.floor-form {
  background-image: url("assets/images/custom/custom_about_floor_form.jpg");
}

.custom-form form {
  max-width: 620px;
  margin: 0 auto;
  background-color: #fff;
  display: block;
  padding: 20px;
  border: 2px solid #000;
}

.custom-form form textarea {
  border: 1px solid #000;
}

.custom-form form .form-items {
  display: block;
  width: 100%;
  padding: 20px 0;
}

.custom-form form .form-items input {
  border: 0;
  border-bottom: 1px solid #000;
}

.file-upload-option {
  position: relative;
}

.file-upload-option span {
  display: block;
}

.file-upload {
  position: absolute;
  bottom: 0;
  left: 30%;
  padding: 10px;
  opacity: 0;
}

.file-button,
.submitbtn {
  border: 1px solid #000;
  padding: 10px 20px;
  max-width: 180px;
  margin: 10px auto;
  font-weight: bold;
  background-color: #fff;
  cursor: pointer;
}

.p10 {
  padding: 10px;
}

.p20 {
  padding: 20px;
}

@media (min-width: 450px) {
  .steps .img-block {
    width: 48% !important;
    margin: 0 !important;
    padding: 15px 0.9%;
  }

  .about-div {
    display: flex;
    justify-content: space-between;
  }

  .custom-form form .form-items {
    display: inline-block;
    width: 49%;
    padding: 20px;
  }

  .custom-form form .form-items input {
    padding: 15px 0;
  }
}

@media (min-width: 768px) {
  .about-div h4 {
    font-size: 20px;
  }

  .steps {
    padding: 40px 0;
  }

  .steps .img-block {
    width: 33% !important;
    padding: 30px 0.9%;
  }

  .about-div .img-holder {
    width: 55%;
    display: inline-block;
  }

  .about-div .content-holder {
    width: 40%;
    padding: 0 0 0 20px;
    display: inline-block;
  }

  .custom-form form .form-items {
    width: 49%;
  }
}

.new-search-form,
.new-search-form-mobile {
  background-color: #fff;
  display: none;
}

.category-filter {
  font-size: 1rem;
  display: flex;
  padding: 20px 10px;
}

.category-filter label {
  margin: 10px 20px 10px 0;
}

.new-search-field {
  border: 0 !important;
  border-bottom: 1px solid #000 !important;
}

.new-search-field::placeholder {
  color: #000;
  text-transform: uppercase;
}

.search-btn.active,
.search-btn:hover {
  background-color: #762240 !important;
  color: #fff;
  position: relative;
}

.search-btn:after {
  content: "\f078";
  font-family: "Spline Sans", serif;
  position: absolute;
  padding-top: 3px;
  display: none;
  font-weight: 600;
  color: #000;
  left: 50%;
  transform: translate(-50%, 0);
}

@media (min-width: 768px) {
  .search-btn.active:after {
    display: block;
  }

  .category-filter {
    padding: 20px;
  }
}

.flag {
  padding: 1px;
  background-color: #fff;
  display: flex;
  margin: 0 5px;
}

.flag img {
  border: 1px solid #000;
}

.mobile-nav .search-btn,
.mobile-menu .search-btn {
  display: flex;
  vertical-align: top;
  width: 34px;
  height: 33px;
  border-radius: 5px;
  border: 1px solid #e4e4e4;
  text-align: center;
  color: #000;
  font-size: 16px;
  line-height: 35px;
  margin-left: 3px;
  justify-content: center;
  align-items: center;
}

.mobile-nav .fa-search::before {
  font-size: 13px;
}

.mobile-menu-toggle {
  border: 1px solid #e4e4e4;
  border-radius: 5px;
  margin-left: 3px;
}

.mobile-nav .wishlist-btn {
  width: 34px;
  height: 33px;
  background-position: center !important;
}

.mobile-nav .quick-shop-lin {
  width: 34px !important;
  height: 33px !important;
  border-radius: 5px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
}

.mobile-nav .quick-shop-lin i {
  top: 0 !important;
}

.mobile-right-menu {
  flex-direction: column;
}

.mobile-nav .quickship-header-link {
  font-size: 10px;
  padding: 1px 13px !important;
  margin: 5px 0;
  border-radius: 5px;
}

.mobile-nav .quick-shop-link .so-icon {
  display: inline-block;
  background: url(assets/images/icon-24quickship.png) no-repeat center center;
  background-size: 16px;
  height: 25px;
  width: 25px;
  position: relative;
  background-size: contain;
  margin-right: 3px;
}

.mobile-nav a.logo {
  margin: 0 !important;
}

.mobile-menu-head {
  flex-direction: column;
  align-items: center;
}

.mobile-menu-head .close-container {
  border: 1px solid #ccc;
  padding: 3px;
  border-radius: 5px;
  display: flex;
  width: 34px;
  height: 33px;
  align-items: center;
  justify-content: center;
}

.mobile-menu-head .close-icon {
  width: 20px;
  height: 20px;
}

.mobile-open-options {
  list-style: none;
  display: flex;
  align-content: center;
}

.mobile-open-options li {
  display: inline;
}

.mobile-open-options li .flag {
  padding: 3px 0px;
}

.mobile-menu .each h3 {
  padding: 5px;
  text-align: center;
  color: white;
  background-color: #762240;
  text-transform: uppercase;
  font-weight: bold;
}

.mobile-menu .menu-container {
  padding: 5px !important;
}

@media (min-width: 768px) {
  .mobile-menu .menu-container {
    padding: 10px !important;
    max-height: 161px;
    height: 161px;
    width: 100%;
  }
}

.mobile-menu .menu-container .each img {
  margin: 0 !important;
  max-height: 161px;
  height: 161px;
  width: 100%;
}

.mobile-menu .menu-container .each a {
  color: #000;
  text-transform: uppercase;
  font-weight: 400;
}

.mobile-menu .menu-container .each p {
  padding: 0 !important;
  margin: 0 !important;
}

body.show-menu {
  overflow: hidden;
}

.mobile-menu .menu-container div.each {
  border: 0 !important;
  max-width: 50%;
  width: 50%;
}

.mobile-menu .menu-container div.each:last-child {
  background: #fff;
  text-align: center;
  padding: 20px 0;
  position: relative;
  margin-bottom: 40px;
  max-width: 100%;
  width: 100%;
}

.mobile-menu .menu-header-menu-container {
  display: block;
  margin: 0 5px;
  background: #881040;
  padding: 20px 0 5px;
}

.mobile-menu .menu-container div.each:last-child .menu-sticky-login {
  position: unset !important;
  border: 3px solid #881040;
  margin: 0 5px;
}

.image_upload_preview {
  padding: 20px 0;
}

.collections-list-new {
  color: #8a1e41 !important;
  letter-spacing: 1px;
}

.collections-list-new span {
  color: #8a1e41 !important;
}

.quickship-item {
  border: 5px solid #8a1e41;
  padding: 15px;
  display: flex;
  margin-bottom: 20px;
  flex-direction: column;
}

@media (min-width: 768px) {
  .quickship-item:nth-child(even) {
    flex-direction: row-reverse;
  }
}

.quickship-item .text-container {
  text-align: center;
  padding: 15px 0px;
  display: flex;
  flex-direction: column;
  color: #000000;
}

.quickship-item .text-container h4 {
  font-weight: bold;
  font-size: 28px;
  padding-bottom: 30px;
}

.quickship-item .text-container p {
  font-size: 20px;
  line-height: 1.2;
  font-weight: normal;
  text-align: justify;
  color: #000000;
}

@media (min-width: 768px) {
  .collections-list-new {
    font-size: 44px;
  }

  .quickship-item {
    flex-direction: row;
  }

  .quickship-item .text-container {
    padding: 15px 15px 15px 35px;
  }

  .quickship-item .img-container {
    min-width: 230px;
  }
}

@media (min-width: 1024px) {
  .quickship-item {
    margin-bottom: 35px;
    padding: 20px 40px;
  }

  .quickship-item .text-container {
    padding: 40px 60px;
  }

  .quickship-item .text-container p {
    padding: 0 30px;
  }
}

.project-container {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
  justify-content: center;
}

.project-item {
  width: 100%;
  margin: 20px;
  background-position: center;
  background-size: cover;
  height: 200px;
  min-width: 200px;
  position: relative;
}

.project-item span {
  position: absolute;
  bottom: 0;
  color: white;
  padding: 10px 20px;
  background-color: #881040;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.6rem;
  text-align: center;
  left: 50%;
  transform: translate(-50%, 0);
  width: 80%;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .project-item {
    margin: 3%;
    width: 40%;
    height: 280px;
    min-width: 280px;
  }

  .project-item span {
    font-size: 18px;
  }
}

@media (min-width: 1024px) {
  .project-item {
    margin: 3%;
    width: 40%;
    height: 450px;
    min-width: 450px;
  }

  .project-item span {
    font-size: 25px;
  }
}

.get-in-touch {
  padding: 10px;
  background-color: #fff;
  border: 2px solid #000;
  display: flex;
  flex-direction: column;
  margin: 0;
  z-index: 99;
  position: relative;
}

.get-in-touch h4 {
  font-size: 20px;
  display: inline-block;
}

.get-in-touch p {
  font-size: 16px;
  font-weight: 500;
  padding: 0 !important;
  margin: 0 !important;
}

.contact-form .row {
  display: flex;
  flex-direction: column;
}

.contact-form .row label {
  display: block;
  min-height: 20px;
  font-size: 18px;
  font-weight: 500;
  padding-bottom: 5px;
}

.contact-form .row .field {
  width: 100%;
  padding: 10px 0;
}

.contact-form .row .question {
  width: 100%;
}

.contact-form input[type="text"],
.contact-form input[type="email"],
.contact-form textarea {
  border: 1px solid #000000;
  padding: 10px;
  font-size: 17px;
}

.contact-form select {
  border: 1px solid #000000;
  padding: 16px;
  font-size: 17px;
  background-color: white;
  width: 100%;
}

@media (min-width: 768px) {
  .get-in-touch {
    flex-direction: row;
    align-items: center;
    margin: 0 35px 20px;
    padding: 20px;
  }

  .get-in-touch h4 {
    font-size: 25px;
    width: 30%;
    padding: 0 !important;
    margin: 0 !important;
  }

  .get-in-touch p {
    font-size: 18px;
    line-height: 1.2;
  }

  .contact-form .row {
    flex-direction: row;
  }

  .contact-form .row .field {
    width: 50%;
    padding: 10px 20px;
  }

  .contact-form .row .field-full {
    width: 100%;
    padding: 10px 20px;
  }

  .contact-form {
    margin-bottom: 40px;
  }
}

.flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

.social-container {
  padding: 20px 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.social-container h5 {
  font-size: 22px;
  margin-bottom: 10px;
}

.social-container ul {
  padding: 10px;
}

.social-container ul li {
  padding: 0 !important;
  display: inline-block;
}

.social-container ul li a {
  padding: 5px;
  display: block;
  border-radius: 50%;
  border: 1px solid #ccc;
  margin: 10px;
}

.addresses p {
  font-size: 14px;
  margin-bottom: 10px;
  font-weight: 500;
}

.addresses ul li {
  display: block;
  text-align: center;
  padding: 10px 15px;
}

.addresses ul li a {
  color: #000;
}

.addresses h6 {
  color: #a40147;
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
}

.addresses h6 a {
  color: #a40147 !important;
}

.contact-section {
  margin: 40px 0;
}

.store-locator {
  font-size: 22px;
  font-weight: normal;
}

.store-locator-addresses .row .col-3 h3 {
  padding: 10px 20px;
  border: 1px solid #000;
  text-align: center;
  font-size: 16px;
  font-weight: 500;
}

.store-locator-addresses .row .col-3 h3 a {
  color: #a40147;
}

.store-locator-addresses .row .col-3 p {
  text-align: center;
  font-weight: 500;
}

.filter-center {
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .addresses ul li {
    display: block;
  }

  .addresses ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }

  .location-list {
    display: flex;
    justify-content: center;
  }

  .store-locator-addresses .row .col-3 h3 {
    min-height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .check-overflow img {
    max-height: 197px;
  }
}

.filters-widget-clear > p a:hover {
  color: #222;
}

.filters-widget-clear > p a {
  float: right;
  color: #757575;
  font-size: 12px;
}

.address-container ul {
  background-color: #eedde3;
}

@media (min-width: 768px) {
  .contact-data {
    display: flex;
    margin: 40px 0;
    flex-direction: row;
    /*align-items: stretch;*/
  }

  .map-container {
    /*flex-grow:1.5;*/
    padding: 0 20px;
    width: 68%;
  }

  .form-container {
    /*flex-grow:1.5;*/
    padding: 0 20px;
    width: 68%;
  }

  .address-container {
    /*flex-grow:1;*/
    width: 30%;
    padding-top: 40px;
  }

  .address-container ul {
    background-color: #eedde3;
    padding: 20px 0;
    margin-top: 30px;
  }

  .form-field {
    padding: 0 20px;
  }

  .get-in-touch.imgbg {
    margin-top: -50px !important;
  }
}

.form-field p {
  font-size: 1rem;
  width: 100%;
}

.contact-heading {
  color: #686565;
  font-weight: bold;
  margin-top: 20px;
}

.country-select .country-list .country-name,
.intl-tel-input .country-list .country-name {
  font-size: 1rem !important;
}

.subscription {
  width: 100%;
}

.store-address,
.store-address ul {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

span.mandatory {
  color: #f00;
}

@media (min-width: 768px) {
  .floorings-new .col.odd {
    width: 100% !important;
    text-align: center;
  }

  .floorings-new .col p {
    font-size: 1rem !important;
    font-weight: 500;
  }

  .floorings-new .col.odd p {
    max-width: 75%;
    margin: 0 auto;
  }

  .floorings-new .each img {
    max-height: 400px;
  }

  .floorings-new .each .content {
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .floorings-new .col.odd .each .content {
    align-items: center;
  }
}

body.active .main-menu-link > li > span.icon:after {
  margin-top: 5px;
}

.view-projects {
  font-weight: 600;
}

.batchnumber,
.stockquantity_1 {
  display: inline-block;
}

.category-list {
  display: flex;
  flex-wrap: wrap;
  padding: 30px 0;
  justify-content: center;
}

.category-item {
  width: 100%;
  margin: 20px;
  background-position: center;
  background-size: cover;
  height: 200px;
  min-width: 200px;
  position: relative;
}

.category-item span {
  position: absolute;
  bottom: 0;
  color: white;
  padding: 10px 20px;
  background-color: #881040;
  font-weight: bold;
  font-size: 16px;
  letter-spacing: 0.2rem;
  text-align: center;
  left: 0;
  width: 100%;
  text-transform: uppercase;
}

@media (min-width: 768px) {
  .category-item {
    margin: 3%;
    width: 40%;
    height: 280px;
    min-width: 280px;
  }

  .category-item span {
    font-size: 18px;
  }

  .category-item.odd {
    width: 86% !important;
  }
}

@media (min-width: 1024px) {
  .category-item {
    margin: 3%;
    width: 40%;
    height: 450px;
    min-width: 450px;
  }

  .category-item span {
    font-size: 25px;
  }
}

.wlp-page-title p {
  line-height: 80px;
  margin-bottom: 0 !important;
}

@media screen and (max-width: 600px) {
  .wlp-page-title p {
    line-height: 13vw;
  }
}

.theme-font-color,
.theme-font-color h4,
.theme-font-color h5,
.theme-font-color p {
  color: #8c1d40;
}

.theme-font-color .points + .points::before {
  background-color: #8c1d40 !important;
}

.custom-wall-btn {
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  border: 1px solid #8c1d40;
  color: #ffffff;
  background: #8c1d40;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
  cursor: pointer;
}

.custom-wall-btn i {
  margin-right: 4px;
}

.custom-wall-btn:hover {
  background: #ffffff;
  text-decoration: none;
  color: #8c1d40;
}

.img-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  height: 100%;
  align-content: space-between;
  justify-content: space-between;
}

.img-container-item {
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  width: 100%;
  height: auto;
  min-height: 277px;
  margin: 5px;
}

@media (min-width: 768px) {
  .img-container-item {
    min-height: unset;
    margin: unset;
  }

  .img-container-item-2 {
    width: 45%;
    height: 100%;
  }

  .img-container-item-4:nth-child(1) {
    width: 55%;
    height: 57%;
  }

  .img-container-item-4:nth-child(2) {
    width: 44%;
    height: 60%;
    margin-bottom: 8px;
  }

  .img-container-item-4:nth-child(3) {
    width: 51%;
    height: 43%;
    margin-top: -2%;
  }

  .img-container-item-4:nth-child(4) {
    width: 47%;
    height: 41%;
  }
}

.wallscontainer {
  min-height: 620px;
}

#section-2,
#section-3 {
  display: none;
  padding: 60px 0;
  border-bottom: 1px solid #8c1d40;
}

#section-2 h4,
#section-3 h4 {
  color: #8c1d40;
  font-weight: bold;
  border-bottom: 1px solid #8c1d40;
}

#section-2 p,
#section-3 p {
  color: #8c1d40;
}

.section2-menu-mobile,
.section3-menu-mobile {
  padding: 20px 0;
  display: flex;
  flex-wrap: wrap;
}

.section2-menu-desktop,
.section3-menu-desktop {
  display: none;
}

.section2-menu-mobile .custom-wall-btn,
.section3-menu-mobile .custom-wall-btn {
  margin-right: 20px;
}

.themeselect {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  background-color: white;
  border: 1px solid;
  color: #8c1d40;
}

#section-3 .theme-content .themegallery h5 {
  color: rgba(136, 34, 68, 0.45);
  margin-bottom: 20px;
}

.theme-content .themegallery .gallerytext {
  padding-top: 15px;
}

.theme-content .themeitem {
  display: none;
}

.theme-content .themeitem.active {
  display: flex;
  flex-direction: column;
}

.backlink {
  display: inline-block;
}

#section-1 {
  padding: 30px 0;
}

@media (min-width: 768px) {
  #section-1 {
    padding: 60px 0;
  }

  #section-1,
  #section-2,
  #section-3 {
    border-bottom: 1px solid #8c1d40;
  }

  #section-2 h4,
  #section-3 h4 {
    padding-bottom: 10px;
    border-bottom: 1px solid #8c1d40;
  }

  .theme-content {
    display: flex;
    flex-direction: row;
    align-items: stretch;
  }

  .section2-menu-mobile,
  .section3-menu-mobile {
    display: none;
  }

  .theme-content .section2-menu-desktop,
  .theme-content .section3-menu-desktop {
    display: flex;
    flex-direction: column;
    margin: 0 20px 0 0;
    width: 23%;
    padding: 5px 5px 0 0;
  }

  .theme-content .themegallery {
    display: flex;
    width: 65%;
  }

  .theme-content .themegallery .gallerytext .custom-wall-btn {
    float: right;
  }

  .theme-content .left-menu {
    display: block;
    width: 100%;
  }

  .theme-content .left-menu a {
    display: block;
    text-transform: uppercase;
    margin: 5px;
    padding: 5px 20px 5px 30px;
    color: rgba(136, 34, 68, 0.45);
    font-weight: bold;
    border: 1px solid #ffffff;
    cursor: pointer;
  }

  .theme-content .left-menu a.active,
  .theme-content .left-menu a:hover {
    border: 1px solid #8c1d40;
    color: #8c1d40;
  }

  .theme-content .section2-menu-desktop .custom-wall-btn,
  .theme-content .section3-menu-desktop .custom-wall-btn {
    margin: 10px 0;
    max-width: 75%;
    text-align: center;
  }

  .theme-content .section3-menu-desktop {
    border-right: 2px solid #8c1d40;
  }

  #section-3 .theme-content .themegallery h5 {
    display: inline-block;
  }

  .theme-content .galleryimg .img-container-item {
    margin-right: 10px;
  }

  .theme-content .galleryimg {
    display: flex;
    min-width: 600px;
    min-height: 380px;
  }

  .backlink {
    float: right;
  }
}

.themegallery {
}

.themegallery p {
  color: #8c1d40;
  /*max-width:80%;*/
}

.search-product .thumb .quickship_icon {
  position: absolute;
  right: 9px;
  top: 44px;
  width: 32px;
  height: 32px;
  border-radius: 100%;
  text-align: center;
  text-transform: uppercase;
  font-size: 10px;
  z-index: 1;
  background-size: 17px;
  cursor: pointer;
  background-image: url(assets/images/qs24h_icon.png);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.new-search-form .styled-radio label input:checked + .circle::after {
  content: "";
  width: 10px;
  height: 10px;
  background: #762240;
  border-radius: 100%;
  display: block;
  position: absolute;
  left: 2px;
  top: 2px;
}

.book-form-button {
  font-family: "Spline Sans", serif;
  text-decoration: none;
  background-color: #762240;
  width: 154px;
  height: 45px;
  text-align: center;
  line-height: 41px;
  border: 2px solid #762240;
  display: block;
  color: #fff;
  margin: auto;
  margin-top: 20px;
  position: absolute;
  bottom: 50px;
  left: calc(50% - 80px);
}

.text-area-h-85 {
  height: 85px !important;
}

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin-top: 40px;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.home-custom-banner {
  margin-top: 50px;
}

.circular-banner.image-cropper {
  width: 200px;
  height: 200px;
  position: relative;
  overflow: hidden;
  border-radius: 50%;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.circular-banner img {
  display: inline;
  margin: 0 auto;
  height: 100%;
  width: 100%;
  position: relative;
}

.homepage-carousel .owl-item {
  text-align: center;
}

.homepage-carousel .owl-nav .owl-prev {
  position: absolute;
  top: 47%;
  left: 0;
}

.homepage-carousel .owl-nav .owl-next {
  position: absolute;
  top: 47%;
  right: 0;
}

.homepage-carousel .owl-nav i.fa {
  font-size: 30px;
}

.mood-board {
  padding: 40px 0;
}

.mood-board h2,
.homepage-new-projects h2 {
  font-weight: bold;
  margin-top: 10px 0 !important;
  font-size: 18px !important;
}

.img-mobile {
  display: block;
}

.img-desktop {
  display: none;
}

.home-category-carousel {
  padding: 20px 0;
}

.homepage-new-projects .new-projects-container {
  display: flex;
  justify-content: center;
}

.homepage-new-projects .new-project-item {
  display: block;
  width: 33.3%;
  height: auto;
  margin: 0 5px;
  text-align: center;
  overflow: hidden;
  position: relative;
}

.process-video {
  padding: 40px 0;
  max-width: 1000px;
  margin: 0 auto;
}

.process-video .process-item {
  padding: 15px 0;
  flex-direction: column;
}

.process-video .process-item .video-item {
  padding: 0 15px;
}

.process-video .process-item .video-item video {
  width: 100%;
  height: auto;
  max-height: 225px;
}

.process-video .process-item p {
  font-size: 22px;
  line-height: 26px;
  width: 96%;
}

.process-video .process-item h5 {
  display: block;
}

.process-video .process-item .video-content {
  padding: 10px 0 0 15px;
}

@media only screen and (max-width: 767px) {
  #sbi_images .sbi_item {
    width: 33% !important;
  }
}

.project-text {
  opacity: 0;
  display: flex;
  align-items: center;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background-color: rgba(0, 0, 0, 0.7);
  transition: 0.5s ease;
}

.project-text p {
  color: white;
  font-size: 17px;
  padding: 10px;
  line-height: 1.1;
  margin: 0;
}

.project-text:hover {
  opacity: 1;
}

.category-carousel-item {
  position: relative;
  overflow: hidden;
  display: block;
  text-align: center;
  margin: 0 auto;
}

.carousel-item-text {
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: black;
  text-transform: uppercase;
  padding: 8px 0px;
}

.google-reviews {
  padding: 40px 0;
  overflow: hidden;
}

.google-reviews h2 {
  font-weight: bold;
  margin-bottom: 40px;
  margin-top: 40px !important;
  font-size: 18px !important;
  text-transform: uppercase;
}

.home-h2 {
  margin: 10px 0 !important;
  font-weight: bold;
  font-size: 18px !important;
}

@media only screen and (min-width: 768px) {
  .category-carousel-item {
    height: 200px;
  }

  .carousel-item-text {
    font-size: 16px;
  }

  .home-category-carousel .owl-item {
    max-height: 250px;
  }

  .homepage-new-projects .new-project-item {
    height: 240px;
  }

  .img-mobile {
    display: none;
  }

  .img-desktop {
    display: block;
  }

  .mood-board h2,
  .homepage-new-projects h2,
  .home-h2 {
    font-size: 25px !important;
  }

  .home-custom-banner {
    margin-top: 65px;
  }

  .category-carousel.homepage-carousel .owl-prev {
    left: -30px !important;
  }

  .category-carousel.homepage-carousel .owl-next {
    right: -30px !important;
  }

  .process-video .process-item {
    padding: 15px 0;
    flex-direction: row;
  }

  .process-video .process-item + .process-video .process-item {
    padding-top: 20px;
  }

  .process-video .process-item .video-item {
    padding: 0 20px;
  }

  .process-video .process-item .video-item video {
    width: 400px;
    height: 225px;
    max-height: 225px;
  }

  .process-video .process-item:nth-child(2) {
    flex-direction: row-reverse;
  }

  .process-video .process-item .video-content {
    padding: 0;
  }

  .process-video .process-item:nth-child(2) .video-content {
    display: flex;
    text-align: right;
    align-items: flex-end;
    flex-direction: column;
  }

  .process-video .process-item p {
    font-size: 28px;
    line-height: 32px;
    width: 90%;
  }

  .home-h2 {
    margin: 20px 0 !important;
  }
}

@media only screen and (min-width: 1024px) {
  .container-carousel {
    max-width: 1450px;
    width: 100%;
    margin: 0 auto;
  }

  .circular-banner.image-cropper {
    width: 300px;
    height: 300px;
  }

  .mood-board h2,
  .homepage-new-projects h2,
  .home-h2 {
    font-size: 35px !important;
  }

  .home-category-carousel {
    padding: 35px 0;
  }

  .process-video .process-item .video-item video {
    width: 500px;
    height: 290px;
    max-height: 290px;
  }

  .process-video .process-item p {
    width: 75%;
  }
  .home-h2 {
    margin: 20px 0 !important;
  }
}
