@import url("https://fonts.googleapis.com/css2?family=Karla:wght@200;300;400;700&family=Lora:ital,wght@0,400;0,700;1,400&display=swap");

/*-- Common Style --*/
*,
*::after,
*::before {
  box-sizing: border-box;
}

html,
body,
.site-wrapper {
  height: 100%;
}

/* html, - breaks AR */
body,
.ccnWrapper {
  background-color: #efeeee !important;
}

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
  font-family: "Karla", sans-serif;
}

.w100 {
  width: 100% !important;
}

@media (max-width: 699px) {
  html {
    font-size: 12px;
  }
}

@media (min-width: 700px) and (max-width: 999px) {
  html {
    font-size: 13px;
  }
}

@media (min-width: 1000px) and (max-width: 1199px) {
  html {
    font-size: 14px;
  }
}

@media (min-width: 1200px) and (max-width: 1599px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 1600px) and (max-width: 1999px) {
  html {
    font-size: 16px;
  }
}

@media (min-width: 2000px) and (max-width: 2399px) {
  html {
    font-size: 18px;
  }
}

@media (min-width: 2400px) {
  html {
    font-size: 18px;
  }
}

body[data-rtl="rtl"] {
  direction: rtl;
  text-align: right;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Lora", sans-serif;
  color: #41444e;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}

.priceBookTexts {
  font-family: "Lora", sans-serif;
  color: #41444e;
  font-weight: 400;
  margin-top: 0;
  line-height: 1.2;
}

.priceBookLinkHover:hover {
  color: #7a7a84;
}

.MuiTableCell-root {
  color: rgba(0, 0, 0, 0.87) !important;
  font-size: 0.875rem !important;
  font-family: "Karla", "Helvetica", "Arial", sans-serif !important;
  font-weight: 500 !important;
  line-height: 1.71429em !important;
  border-bottom: 1px solid rgba(224, 224, 224, 1) !important;
}

.MuiTypography-body1 {
  color: #555 !important;
  font-size: 0.875rem !important;
  font-family: "Karla", "Helvetica", "Arial", sans-serif !important;
  font-weight: 400 !important;
  line-height: 1.46429em !important;
}

h1 {
  font-size: 36px;
}

@media only screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }
}

@media only screen and (max-width: 575px) {
  h1 {
    font-size: 30px;
  }
}

h2 {
  font-size: 30px;
}

@media only screen and (max-width: 767px) {
  h2 {
    font-size: 26px;
  }
}

@media only screen and (max-width: 575px) {
  h2 {
    font-size: 24px;
  }
}

h3 {
  font-size: 24px;
}

@media only screen and (max-width: 767px) {
  h3 {
    font-size: 22px;
  }
}

@media only screen and (max-width: 575px) {
  h3 {
    font-size: 20px;
  }
}

h4 {
  font-size: 18px;
}

h5 {
  font-size: 14px;
}

h6 {
  font-size: 12px;
}

p:last-child {
  margin-bottom: 0;
}

a,
button {
  color: #272727;
  display: inline-block;
  line-height: inherit;
  text-decoration: none;
  cursor: pointer;
}

a,
button,
img,
input,
.contact__form--3 select,
.contact__form--3 textarea,
span {
  transition: 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

*:focus {
  outline: none !important;
}

a:focus {
  color: #7a7a84;
  outline: none;
  text-decoration: none;
}

a:hover {
  text-decoration: none;
  color: #7a7a84;
}

button {
  background: transparent;
  border: 1px solid #d4d4d4;
  transition: all 0.4s ease-out 0s;
  color: #555555;
  cursor: pointer;
  line-height: normal;
  font-size: 100%;
  margin: 0;
  max-width: 100%;
  vertical-align: baseline;
}

button,
input[type="submit"],
.contact__form--3 select[type="submit"],
.contact__form--3 textarea[type="submit"] {
  cursor: pointer;
}

ul {
  list-style: outside none none;
  margin: 0;
  padding: 0;
}

img {
  max-width: 100%;
}

.bg-image {
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.fz-18 {
  font-size: 18px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .fz-18 {
    font-size: 16px;
    line-height: 26px;
  }
}

.image-fixd {
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  /* background-attachment: fixed; */
}

.box-layout {
  width: 1370px;
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  background-repeat: repeat;
  background-position: left top;
  background-attachment: scroll;
  background-color: #ffffff;
}

.fix {
  overflow: hidden;
}

.hidden {
  display: none;
}

.clear {
  clear: both;
}

.section,
.main-wrapper {
  float: left;
  width: 100%;
}

.ccn-section {
  float: left;
  width: 100%;
  /* padding: 6rem 0 !important; */
  padding: 6rem 0;
}

.border-bottom {
  border-bottom: 1px solid #d8d8d8 !important;
}

.border-bottom-1 {
  border-bottom: 1px solid #eee !important;
}

.overlay {
  position: relative;
  z-index: 9;
  background-position: 50% 50%;
}

.overlay::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: 0.6;
  z-index: -1;
}

@media (min-width: 1200px) {
  .container {
    max-width: 95rem;
    padding-right: 3.5rem;
    padding-left: 3.5rem;
  }

  .row-five-column > [class*="col-xl-"] {
    max-width: 20%;
    flex: 0 0 20%;
  }
}

@media (min-width: 2100px) {
  .container {
    max-width: 1750px;
  }
}

@media only screen and (max-width: 575px) {
  .container {
    max-width: 450px;
  }
}

.no-gutters {
  margin-left: 0;
  margin-right: 0;
}

.no-gutters > .col,
.no-gutters > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
  margin: 0 !important;
}

/*--
    - Input Placeholder
-----------------------------------------*/
input:-moz-placeholder,
.contact__form--3 select:-moz-placeholder,
.contact__form--3 textarea:-moz-placeholder,
textarea:-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-webkit-input-placeholder,
.contact__form--3 select::-webkit-input-placeholder,
.contact__form--3 textarea::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input::-moz-placeholder,
.contact__form--3 select::-moz-placeholder,
.contact__form--3 textarea::-moz-placeholder,
textarea::-moz-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

input:-ms-input-placeholder,
.contact__form--3 select:-ms-input-placeholder,
.contact__form--3 textarea:-ms-input-placeholder,
textarea:-ms-input-placeholder {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

/*--
    - Background Color
------------------------------------------*/
.bg-white {
  background-color: #ffffff !important;
}

.bg-gray {
  background-color: #f9f9f9 !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-md-gray {
    background-color: #e7e7e7 !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-md-gray {
    background-color: #e7e7e7 !important;
  }
}

@media only screen and (max-width: 767px) {
  .bg-md-gray {
    background-color: #e7e7e7 !important;
  }
}

.extra-bg {
  background-color: transparent;
  background-image: linear-gradient(180deg, #eff3ef 80%, #ffffff 0%);
}

.bg-gray-two {
  background-color: #eeeeee !important;
}

.bg-black {
  background-color: #151517;
}

.bg-black-light {
  background-color: #2f2f2f;
}

.bg-dark {
  background-color: #41444e !important;
}

.bg-dark-two {
  background-color: #1c2535 !important;
}

.bg-dark-three {
  background-color: #1d2736 !important;
}

.bg-dark-four {
  background-color: #1d2634 !important;
}

.bg-skyblue {
  background-color: #45474c !important;
}

.allbgcolor {
  background-color: #f9f9f9;
}

.bg-theme {
  background-color: #41444e !important;
}

/*--
    - Main Wrapper
------------------------------------------*/
/*--
    - Section Title
------------------------------------------*/
.section-title.color-white h2 {
  color: #ffffff;
}

.section-title.before-none h2::before {
  display: none;
}

.section-title.text-bold h2 {
  font-size: 56px;
  font-weight: 700;
  text-transform: capitalize;
  line-height: 78px;
  padding: 0;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.text-bold h2 {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title.text-bold h2 {
    font-size: 26px;
    line-height: 33px;
  }
}

.section-title.text-normal h2 {
  font-size: 56px;
  font-weight: 400;
  text-transform: capitalize;
  line-height: 78px;
  padding: 0;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title.text-normal h2 {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title.text-normal h2 {
    font-size: 26px;
    line-height: 33px;
  }
}

.section-title h2 {
  position: relative;
  /* line-height: 64px; */
  padding: 0 0 2.5rem 0;
  margin-bottom: 0px;
  /* */
  /* font-size: 4rem; */
  max-width: 100%;
  line-height: 1.2;
  color: #41444e;
  font-family: "Lora", serif;
  overflow: hidden;
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 50rem;
}

.section-title h2,
.ccn-section .c-banner-title {
  font-size: 3.5rem;
}

@media only screen and (max-width: 767px) {
  .section-title h2 {
    padding-bottom: 1.5rem;
  }
}

.section-title h2::before {
  content: "";
  bottom: 0;
  width: 75px;
  height: 5px;
  background-image: linear-gradient(to right, #dfd3d3, #fedbc4);
  position: absolute;
  left: 0;
  right: 0;
  z-index: 1;
  margin: auto;
}

.section-title p {
  max-width: 750px;
}

@media only screen and (max-width: 767px) {
  .section-title p {
    font-size: 14px;
    line-height: 24px;
  }
}

.section-title.full-width p {
  margin-bottom: 35px;
  max-width: 100%;
}

.section-title.text-center {
  text-align: center;
  background-position: top center;
}

.section-title.text-center p {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 50px;
}

.section-title.text-left {
  text-align: left;
  background-position: top left;
}

.section-title.text-left p {
  margin-left: 0;
  margin-right: auto;
}

.section-title.text-right {
  text-align: right;
  background-position: top right;
}

.section-title.text-right p {
  margin-left: auto;
  margin-right: 0;
}

.section-title-two.color-white h2 {
  color: #ffffff;
}

.section-title-two.color-white p {
  color: #ffffff;
}

.section-title-two h2 {
  font-size: 56px;
  line-height: 78px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-two h2 {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-two h2 {
    font-size: 26px;
    line-height: 33px;
  }
}

.section-title-two p {
  font-size: 18px;
  line-height: 36px;
  max-width: 530px;
  margin: auto;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-two p {
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-two p {
    font-size: 16px;
    line-height: 32px;
  }
}

.section-title-three {
  position: relative;
}

.section-title-three.color-white h2 {
  color: #ffffff;
}

.section-title-three.before-none::before {
  display: none;
}

.section-title-three::before {
  position: absolute;
  height: 30px;
  width: 4px;
  left: calc(50% - 2px);
  background: #41444e;
  content: "";
  bottom: 0;
}

.section-title-three h2 {
  font-size: 56px;
  line-height: 78px;
  margin-bottom: 5px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-three h2 {
    font-size: 38px;
    line-height: 53px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-three h2 {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-three h2 {
    font-size: 26px;
    line-height: 33px;
  }
}

.section-title-three p {
  font-size: 18px;
  line-height: 36px;
  max-width: 530px;
  margin: auto;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-three p {
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-three p {
    font-size: 16px;
    line-height: 32px;
  }
}

.section-title-four h2 {
  font-size: 48px;
  line-height: 64px;
  margin-bottom: 30px;
  position: relative;
}

.section-title-four h2::before {
  content: "";
  position: absolute;
  top: 85px;
  left: 0;
  right: 0;
  text-align: center;
  width: 80px;
  height: 2px;
  background: #c2c2c2;
  margin: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-four h2::before {
    top: 65px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-four h2::before {
    top: 55px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-four h2::before {
    top: 45px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-four h2 {
    font-size: 38px;
    line-height: 53px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-four h2 {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-four h2 {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 20px;
  }
}

.section-title-four p {
  font-size: 18px;
  line-height: 36px;
  max-width: 530px;
  margin: auto;
  margin-bottom: 15px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-four p {
    font-size: 16px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-four p {
    font-size: 14px;
    line-height: 26px;
  }
}

.section-title-five .section-title-icon {
  margin-bottom: 15px;
}

.section-title-five .section-title-icon i {
  width: 70px;
  height: 70px;
  line-height: 70px;
  font-size: 26px;
  text-align: center;
  border: 1px solid #41444e;
  border-radius: 50%;
}

.section-title-five h2 {
  font-size: 32px;
  line-height: 45px;
  display: inline-block;
  position: relative;
  padding: 0 140px;
}

@media only screen and (max-width: 767px) {
  .section-title-five h2 {
    font-size: 20px;
    line-height: 28px;
    padding: 0 50px;
  }
}

.section-title-five h2::before {
  background-color: #d8d8d8;
  width: 70px;
  height: 2px;
  content: "";
  position: absolute;
  top: 0.7em;
  left: 0px;
}

@media only screen and (max-width: 767px) {
  .section-title-five h2::before {
    width: 30px;
    top: 0.6em;
  }
}

.section-title-five h2::after {
  background-color: #d8d8d8;
  width: 70px;
  height: 2px;
  content: "";
  position: absolute;
  top: 0.7em;
  right: 0px;
}

@media only screen and (max-width: 767px) {
  .section-title-five h2::after {
    width: 30px;
    top: 0.6em;
  }
}

.section-title-six h2 {
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 30px;
  position: relative;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .section-title-six h2 {
    font-size: 36px;
    line-height: 53px;
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .section-title-six h2 {
    font-size: 32px;
    line-height: 45px;
    margin-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .section-title-six h2 {
    font-size: 26px;
    line-height: 33px;
    margin-bottom: 20px;
  }
}

.bg-skyblue .section-title h2 {
  color: #fff;
}

footer.section p a {
  color: #6c737f;
}

#top67 {
  top: 67%;
}

#top35 {
  top: 35%;
}

.shop-btn {
  position: relative;
  background: #41444e;
  border: 2px solid #41444e;
  padding: 20px 40px;
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 1;
  font-weight: 700;
  /* z-index: 1; */
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-btn {
    padding: 20px 40px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-btn {
    padding: 20px 40px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-btn {
    padding: 15px 30px 15px 30px;
  }
}

.shop-btn:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #41444e;
}

.submit-btn {
  min-width: 120px;
  padding: 15px 18px;
  font-size: 14px;
  line-height: 20px;
  text-transform: capitalize;
  text-align: center;
}

.submit-btn:hover {
  background-color: #272727;
  border-color: #272727;
  color: #ffffff;
}

.cart-btn {
  border: 0;
  padding: 0 10px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #41444e;
}

.cart-btn:hover {
  color: #272727;
}

.reg-btn {
  padding: 15px 50px;
  font-weight: bold;
  line-height: 24px;
  float: left;
  text-transform: uppercase;
  color: #fff !important;
  font-size: 12px;
  transition: all 250ms ease-out;
  background-color: #343538 !important;
  text-decoration: none !important;
}

.reg-btn:hover {
  background-color: #272727 !important;
  color: #fff !important;
}

.load-more-area {
  text-align: center;
}

.load-more-area a {
  font-size: 20px;
  line-height: 34px;
  color: #41444e;
  display: inline-block;
}

.load-more-area a:hover {
  color: #272727;
  text-decoration: underline;
}

/*--
    - Button
------------------------------------------*/
.btn {
  background-color: rgba(0, 0, 0, 0);
  font-family: "Lora", sans-serif;
  color: #41444e;
  font-size: 16px;
  line-height: 20px;
  font-weight: 700;
  padding: 20px 60px 20px 60px;
  text-transform: capitalize;
  border: 2px solid rgba(0, 0, 0, 0.34);
  border-radius: 30px;
  position: relative;
  transition: all 0.3s ease 0s;
}

.btn:focus {
  box-shadow: none;
  outline: none;
}

.btn i {
  margin-left: 5px;
  font-size: 14px;
}

.btn:hover {
  background-color: #41444e;
  color: #ffffff;
}

@media only screen and (max-width: 767px) {
  .btn {
    font-size: 13px;
    line-height: 1.2;
    padding: 10px 15px;
  }

  .btn:hover::before {
    left: 6px;
    top: 6px;
  }

  .btn:hover::after {
    left: -6px;
    top: -6px;
  }
}

/*--
    - Page Banner Section
------------------------------------------*/
.my-specs > .breadcrumb-section {
  padding: 4rem 0 !important;
}

.breadcrumb-section {
  float: none;
  padding: 6rem 0;
  background-repeat: repeat;
  background-position: left top;
  background-color: #efeeee;
  position: relative;
  z-index: 1;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
}

.breadcrumb-section-two {
  padding-top: 260px;
  padding-bottom: 190px;
  position: relative;
}

.breadcrumb-section-two::before {
  content: "";
  position: absolute;
  background: rgba(0, 0, 0, 0.6);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
}

.breadcrumb-section-two .container {
  z-index: 2;
  position: relative;
}

.breadcrumb-section-three {
  padding: 120px;
}

.breadcrumb-title-three h1 {
  font-size: 4rem;
}

.breadcrumb-title-three .page-breadcrumb {
  justify-content: flex-start;
}

.breadcrumb-section-four {
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .breadcrumb-section-two {
    padding-top: 200px;
    padding-bottom: 130px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .breadcrumb-section-two {
    padding: 60px 0 62px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-section-two {
    padding: 55px 0 52px;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-section-two {
    padding: 50px 0 42px;
  }
}

.breadcrumb-title h1 {
  /* font-size: 46px; */
  line-height: 4.2rem;
  font-size: 4rem;
  text-transform: uppercase;
  color: #41444e;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-title h1 {
    font-size: 36px;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-title h1 {
    font-size: 30px;
    line-height: 1;
  }
}

@media only screen and (max-width: 575px) {
  .breadcrumb-title h1 {
    font-size: 24px;
    line-height: 1;
  }
}

.breadcrumb-title-two h1 {
  /* font-size: 56px;
  line-height: 65px; */
  color: #ffffff;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .breadcrumb-title-two h1 {
    font-size: 36px;
    line-height: 1;
  }
}

@media only screen and (max-width: 767px) {
  .breadcrumb-title-two h1 {
    font-size: 30px;
    line-height: 1;
  }
}

@media only screen and (max-width: 575px) {
  .breadcrumb-title-two h1 {
    font-size: 24px;
    line-height: 1;
  }
}

.page-breadcrumb {
  list-style: none;
  display: flex;
  margin: 0;
  flex-wrap: wrap;
  justify-content: center;
}

.page-breadcrumb li {
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 1rem;
  font-family: "Karla", sans-serif;
  color: #a8abb3;
}

.page-breadcrumb li a {
  color: #a8abb3;
}

.page-breadcrumb li::after {
  content: "/";
  margin: 0 10px;
}

.page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb li a:hover {
  color: #272727;
}

.page-breadcrumb-two,
.breadcrumb-section-two .page-breadcrumb {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.page-breadcrumb-two li,
.breadcrumb-section-two .page-breadcrumb li {
  color: #ffffff;
  font-size: 14px;
  font-family: "Lora", sans-serif;
  line-height: 24px;
  margin-top: 10px;
}

.breadcrumb-section-two .page-breadcrumb li a {
  color: #fff;
}

.page-breadcrumb-two li::after,
.breadcrumb-section-two .page-breadcrumb li::after {
  content: ">";
  margin: 0 10px;
}

.page-breadcrumb-two li:last-child::after,
.breadcrumb-section-two .page-breadcrumb li:last-child::after {
  display: none;
}

.page-breadcrumb-two li a:hover,
.breadcrumb-section-two .page-breadcrumb li a:hover {
  color: #272727;
}

.page-breadcrumb-three {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding: 10px 0;
}

.page-breadcrumb-three li {
  /* color: #41444e;
  font-size: 16px;
  font-family: "Lora", sans-serif;
  line-height: 27px;
  margin-top: 10px; */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .page-breadcrumb-three li {
    font-size: 14px;
    line-height: 18px;
  }
}

.page-breadcrumb-three li::after {
  content: "/";
  margin: 0 10px;
}

.page-breadcrumb-three li:last-child::after {
  display: none;
}

.slick-slider .slick-arrow {
  /* left: 40px;
  margin-left: 30px; */
  height: auto;
  width: auto;
}

.slick-slider .slick-dots {
  width: 100%;
  padding: 0;
  margin: 2.5rem 0 1.5rem;
  display: flex !important;
  justify-content: center;
  position: relative !important;
}

.more-product-wrap > .slick-slider .slick-dots {
  bottom: 25px !important;
}

.slick-slider .slick-dots li {
  margin: 0 15px;
  min-width: 20px;
}

.slick-dots {
  margin-bottom: 0px !important;
}

.slick-slider .slick-dots li button {
  width: 14px;
  height: 14px;
  position: absolute;
  background: rgba(153, 153, 153, 0);
  border: 2px solid #b4b4b4;
  border-radius: 50%;
  cursor: pointer;
  /* -webkit-box-sizing: content-box; */
  box-sizing: content-box;
  /* -webkit-box-shadow: 0px 0px 2px 1px rgba(130, 130, 130, 0.3);
  box-shadow: 0px 0px 2px 1px rgba(130, 130, 130, 0.3); */
  padding: 0;
  text-indent: -9999px;
}

.slick-slider .slick-dots li.slick-active button {
  background-color: #41444e;
  border-color: #41444e;
}

.ccn-section .slick-slider .nsd-portfolio__btn-next,
.ccn-section .slick-slider .nsd-portfolio__btn-prev {
  position: absolute;
  bottom: 50%;
}

.ccn-section .slick-slider .nsd-portfolio__btn-prev {
  left: -100px;
}

.ccn-section .slick-slider .nsd-portfolio__btn-next {
  right: -100px;
}

blockquote.blockquote {
  background-color: #f1f2f3;
  padding: 30px;
  position: relative;
  z-index: 1;
  overflow: hidden;
}

blockquote.blockquote::before {
  position: absolute;
  content: url(webpack:///mini-css-extract-plugin//_next/static/media/quote-left.3ec7a2f9.png);
  left: -5px;
  top: -10px;
  z-index: -1;
  opacity: 0.07;
}

blockquote.blockquote p {
  font-size: 18px;
  font-style: italic;
}

blockquote.blockquote .author {
  font-size: 14px;
  display: block;
  line-height: 18px;
}

/*----------------------------------------*/
/*  02. Header CSS
/*----------------------------------------*/
.header-container {
  background: #fafafa;
}

header.header {
  position: static;
  left: 0;
  top: 0;
  width: 100%;
  z-index: 9;
  /* box-shadow: 0 30px 30px rgb(0 0 0 / 5%), inset 0 0 0 1px rgb(255 255 255 / 1%); */
  background: #fff;
  background: #efeeee;
  border-bottom: 1px solid rgba(0, 0, 0, 0.07);
  margin: 0 auto;
}

header.header.is-sticky {
  position: fixed;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  animation-fill-mode: both;
  animation-name: slideInDown;
  animation-duration: 0.5s;
}

header.header.is-sticky .header-top {
  display: none;
}

header.header.is-sticky .header-middle {
  display: none;
}

header.header.is-sticky .main-menu.main-menu-two {
  position: static;
  margin-bottom: 0;
}

.header-transparent {
  background-color: transparent !important;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .bg-transparent {
    background: transparent !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .bg-transparent {
    background: transparent !important;
  }
}

@media only screen and (max-width: 767px) {
  .bg-transparent {
    background: transparent !important;
  }
}

/* Header Top */
.header-info ul li {
  display: inline-block;
}

.header-info ul li:last-child {
  margin-left: 50px;
}

.header-info ul li span {
  font-size: 16px;
  color: #41444e;
}

.header-search-area form {
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin-left: auto;
  max-width: 350px;
  position: relative;
}

.header-search-area form input,
.header-search-area form .contact__form--3 select,
.contact__form--3 .header-search-area form select,
.header-search-area form .contact__form--3 textarea,
.contact__form--3 .header-search-area form textarea {
  padding: 10px 0;
  padding-right: 40px;
  border: none;
  font-size: 18px;
  font-weight: 300;
  color: #41444e;
  background: transparent;
  width: 100%;
  height: 100%;
}

.header-search-area form button {
  text-align: right;
  background-color: transparent;
  border: none;
  color: #41444e;
  width: 60px;
  height: 100%;
  right: 0;
  font-size: 20px;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
}

/* Header Bottom */
.logo a {
  display: block;
}

.logo a img {
  width: 125px;
  display: inline-block;
}

@media only screen and (max-width: 767px) {
  .logo a img {
    width: 90px;
  }
}

.slidy-hover:not(.main-menu > ul > li > a) {
  position: relative;
  padding-bottom: 1rem;
}

.slidy-hover:not(.main-menu > ul > li > a)::after {
  position: absolute;
  left: 0;
  margin: auto;
  top: 66%;
  width: 20%;
  border-bottom: 1px solid;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all 0.25s;
}

.slidy-hover:not(.main-menu > ul > li > a):hover::after,
.slidy-hover-parent:hover .slidy-hover::after {
  width: 100%;
  opacity: 0.8;
}

@media (max-width: 767px) {
  .slidy-hover::after {
    display: none !important;
  }
}

/*-- Main Menu --*/
.main-menu.color-white > ul > li::before {
  color: #ffffff;
}

.main-menu.color-white > ul > li > a {
  color: #ffffff;
}

.main-menu.color-white > ul > li:hover::before {
  color: #272727;
}

.main-menu.color-white > ul > li:hover > a {
  color: #272727;
}

.main-menu > ul {
  display: flex;
  margin-bottom: 0;
}

.main-menu > ul > li {
  position: relative;
  margin: 0 10px;
  padding: 0 25px;
}

.main-menu > ul > li.ccnSub_top::before {
}

.main-menu > ul > li > a {
  font-size: 19px;
  font-family: "Lora";
  color: rgb(26, 26, 26);
  color: #41444e;
  display: flex;
  align-items: center;
  position: relative;
  height: 105px;
  font-weight: 100;
  -webkit-font-smoothing: antialiased;
}

.main-menu > ul > li > a::before {
  content: ".";
  position: absolute;
  right: -5px;
  border-radius: 50%;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .main-menu > ul > li > a {
    margin: 0;
    white-space: nowrap;
  }

  .header-deafult > .container-fluid {
    height: 100%;
    display: flex;
    align-items: center;
  }

  .header-deafult > .container-fluid > .row,
  .header-deafult > .container-fluid > .row > *,
  .header-deafult > .container-fluid > .row > * > .menu-center,
  .header-deafult > .container-fluid > .row > * > .menu-center ul,
  .main-menu > ul > li > a {
    height: 100%;
  }

  .header-deafult > .container-fluid > .row > *:first-child > a {
    height: 100%;
    display: flex;
    align-items: center;
  }
}

/* .slidy-hover {
   border: solid 20px rgba(0,0,0,0);
} */
.slidy-hover::after,
.slidy-hover::after {
  position: absolute;
  left: 0;
  margin: auto;
  top: 66%;
  width: 20%;
  border-bottom: 1px solid;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all 0.25s;
}

.showMenuOnhoverMe {
  position: absolute;
  height: 120px;
  width: 100%;
  background: transparent;
  z-index: 2;
}

.main-menu > ul > li > a::after {
  position: absolute;
  left: 0;
  margin: auto;
  top: 66%;
  width: 20%;
  border-bottom: 1px solid;
  content: "";
  z-index: 1;
  opacity: 0;
  transition: all 0.25s;
}

.main-menu > ul > li.showMenuOnhoverMe:hover > .sub-menu {
  top: 100px;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.main-menu > ul > li:hover > .sub-menu {
  top: 100px;
  opacity: 1;
  visibility: visible;
  z-index: 999;
}

.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu > ul > li:hover > .sub-menu {
  top: 100px;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu > ul > li:hover > .mega-menu {
  margin-top: 0;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.main-menu > ul > li:last-child .sub-menu {
  left: auto;
  right: 0;
}

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu > ul > li:last-child .sub-menu .sub-menu .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu > ul > li:nth-last-child(-n + 3) .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.main-menu > ul > li:nth-last-child(-n + 3) .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.main-menu > ul > li.active,
.main-menu > ul > li:hover {
  border-bottom-color: #41444e;
}

.main-menu > ul > li.active > a,
.main-menu > ul > li:hover > a {
  color: #41444e;
}

.main-menu > ul > li.active > a::after,
.main-menu > ul > li:hover > a::after {
  width: 100%;
  opacity: 0.8;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .main-menu.home-five-menu > ul > li {
    margin: 0 8px;
    padding: 0 20px;
  }
}

.main-menu.main-menu-10 > ul > li:first-child {
  margin-left: 0;
  padding-left: 0;
}

.main-menu.main-menu-10 > ul > li > a {
  height: 75px;
}

/*-- Sub Menu --*/
.sub-menu {
  position: absolute;
  left: 0;
  top: 105px;
  background-color: #41444e;
  transition: all 0.01s ease 0s;
  width: 260px;
  padding: 30px 0;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  z-index: 99;
  opacity: 0;
  visibility: hidden;
}

/* .sub-menu>li {
  position: relative;
  padding: 0px 40px;
  color: #fff;
} */
.sub-menu a {
  color: rgba(255, 255, 255, 0.8);
  font-size: 14px;
  font-weight: 400;
  padding: 10px 0px;
  line-height: 20px;
  /* display: block; */
}

.sub-menu a:hover {
  color: rgba(255, 255, 255, 1);
}

.sub-menu > li.has-dropdown > a::after {
  content: "\f105";
  font-family: Fontawesome;
  line-height: 20px;
  float: right;
}

.sub-menu > li.active > a {
  color: #41444e;
}

.sub-menu > li .sub-menu {
  left: 100%;
  top: 0;
}

.sub-menu > li:hover > a {
  color: #ffffff;
}

.sub-menu > li:hover > .sub-menu {
  margin-top: -3px;
  opacity: 1;
  visibility: visible;
  z-index: 99;
}

.sub-menu > li .sub-menu {
  left: 100%;
  margin-left: 0;
  top: 0;
}

.sub-menu > li .sub-menu .sub-menu {
  left: auto;
  right: 100%;
}

.sub-menu > li .sub-menu .sub-menu .sub-menu {
  left: 100%;
  right: auto;
}

.header-icon {
  display: flex;
  align-items: center;
  position: relative;
}

.header-icon.color-white a {
  color: #ffffff;
}

.header-icon.color-white a span.cart-count {
  background-color: #ffffff !important;
  color: #41444e !important;
  z-index: 9;
}

.header-icon.color-white a:hover {
  color: #272727;
}

.header-icon a {
  position: relative;
  display: inline-block;
  line-height: 30px;
  transition: all 0.2s ease;
  vertical-align: middle;
  color: #41444e;
}

.header-icon a.popup-round {
  background-color: #fff;
  color: #111;
  height: 80px;
  line-height: 80px;
  width: 80px;
  text-align: center;
  border-radius: 100%;
  transition: all 0.3s ease-in-out;
}

.header-icon a.popup-round:hover {
  background-color: #41444e;
  color: #fff;
}

.header-icon a.popup-round i {
  font-size: 28px;
}

.header-icon a i {
  display: inline-block;
  font-size: 24px;
  margin: 0 20px;
  vertical-align: middle;
}

.header-icon div i {
  display: inline-block;
  font-size: 24px;
  margin: 0 20px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .header-icon a i {
    margin: 0 10px;
  }
}

.header-icon.cart {
  justify-content: center;
}

.header-icon.cart div {
  display: block;
}

.header-icon.cart div span.cart-count {
  position: absolute;
  top: -15px;
  font-size: 10px;
  width: 25px;
  height: 25px;
  display: inline-block;
  line-height: 25px;
  color: #fff;
  text-align: center;
  right: 0;
  border-radius: 50px;
  background-color: #41444e;
}

.header-icon.hamburger-menu.color-white > a i {
  color: #ffffff;
}

.header-icon.hamburger-menu.color-white > a:hover i {
  color: #272727;
}

.header-icon.hamburger-menu i {
  /* font-size: 35px; */
  margin-right: 0;
}

.header-icon .hamburger-trigger.open i::before {
  content: "\ed2b";
}

@media (min-width: 1200px) {
  .header-icon.hamburger-menu .hamburger-trigger.d-xl-block {
    /* border-bottom: 1px solid #41444e;

    padding: 6px 2px 6px 0;
    font-weight: 500;
    font-family: 'Lora';
    margin-left: 20px; */
    display: inline-flex;
    align-items: center;
    margin-left: 20px;
  }

  .header-icon.hamburger-menu .hamburger-trigger.d-xl-block i {
    margin-left: 0;
    margin-right: 10px;
  }
}

.hamburger-trigger.open i::before {
  content: "\ed2b";
}

/*=====  End of Header  ======*/
/*----------------------------------------*/
/*  03. Hero CSS
/*----------------------------------------*/
.pl-250 {
  padding-left: 250px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pl-250 {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pl-250 {
    padding-left: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pl-250 {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .pl-250 {
    padding-left: 15px;
  }
}

.pr-250 {
  padding-right: 250px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .pr-250 {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .pr-250 {
    padding-right: 15px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .pr-250 {
    padding-right: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .pr-250 {
    padding-right: 15px;
  }
}

/*----------------------------------------*/
/*  04. About CSS
/*----------------------------------------*/
/* About Intro Area CSS */
@media only screen and (max-width: 767px) {
  .about-area {
    text-align: center;
  }
}

.about-area .title {
  font-size: 35px;
  line-height: 64px;
  font-weight: 700;
  margin-bottom: 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .about-area .title {
    font-size: 32px;
    line-height: 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .about-area .title {
    font-size: 32px;
    line-height: 35px;
  }
}

@media only screen and (max-width: 767px) {
  .about-area .title {
    font-size: 24px;
    line-height: 26px;
  }
}

.about-area p {
  font-size: 16px;
  line-height: 36px;
  margin-bottom: 40px;
}

@media only screen and (max-width: 767px) {
  .about-area p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}

.about-intro-image {
  position: relative;
}

@media only screen and (max-width: 767px) {
  .about-intro-image {
    margin-top: 30px;
  }
}

.about-intro-image .about-image {
  text-align: right;
}

.about-intro-image .about-image.blog-image img {
  width: 100%;
}

.about-intro-image .about-image img {
  width: 455px;
}

@media only screen and (max-width: 767px) {
  .about-intro-image .about-image img {
    width: 100%;
  }
}

.about-intro-image .play-btn-area {
  position: absolute;
  left: -20px;
  bottom: 65px;
  text-align: left;
}

.about-intro-image .play-btn-area.center {
  left: 0;
  right: 0;
  top: 50%;
  bottom: auto;
  transform: translateY(-50%);
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .play-btn-area {
    left: 0 !important;
    right: 0 !important;
    top: 50%;
    /* -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%); */
    text-align: center;
    bottom: auto;
  }

  .play-btn-area .play-btn {
    transform: translateY(-50%);
  }

  .modal-video-inner {
    padding: 0 50px;
  }
}

.play-btn-area .play-btn {
  display: inline-block;
  border-radius: 50%;
  position: relative;
  transition: all 0.5s;
  text-align: left;
}

.play-btn-area .play-btn::before {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background: rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.1s ease;
  z-index: 1;
}

.play-btn-area .play-btn img {
  width: 90px;
  border-radius: 50%;
  box-shadow: 0px 0px 25px 0px rgba(0, 0, 0, 0.18);
  position: relative;
  z-index: 1;
}

.play-btn-area .play-btn {
  background: #fff;
  padding: 10px;
  margin: -10px;
}

.play-btn-area .play-btn::before {
  opacity: 1;
  left: -15px;
  right: -15px;
  top: -15px;
  bottom: -15px;
}

.play-btn-area .play-btn:hover {
  padding: 15px;
  margin: -15px;
}

.play-btn-area .play-btn:hover::before {
  left: -20px;
  right: -20px;
  top: -20px;
  bottom: -20px;
}

/* About Page Content */
.raz-about-content h2 {
  font-size: 35px;
  line-height: 64px;
  padding: 0 0 22px 0;
  margin-bottom: 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .raz-about-content h2 {
    font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .raz-about-content h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 15px;
  }
}

.raz-about-content p {
  font-size: 16px;
  line-height: 36px;
  color: #41444e;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .raz-about-content p {
    font-size: 14px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .raz-about-content p {
    font-size: 14px;
    line-height: 26px;
  }
}

.raz-about-content ul {
  padding: 40px 0px 40px 0px;
  list-style: disc;
  margin-left: 40px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .raz-about-content ul {
    padding: 20px 0px 20px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .raz-about-content ul {
    padding: 20px 0px 20px 0px;
  }
}

.raz-about-content ul li {
  font-size: 16px;
  line-height: 9px;
  padding-bottom: 45px;
  color: #41444e;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .raz-about-content ul li {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .raz-about-content ul li {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

.raz-about-content ul li i {
  color: #41444e;
  font-size: 8px;
}

.raz-about-content ul li span {
  padding-left: 13px;
}

.raz-about-content ul li:last-child {
  padding-bottom: 0;
}

/* Single Choose Item CSS */
.single-choose-item {
  /* text-align: center; */
}

.single-choose-item .chosse-icon {
  font-size: 4.5rem;
  line-height: 0;
  margin: 0 0 1rem;
  /* margin: 0; */
  color: #41444e;
}

@media only screen and (max-width: 767px) {
  .single-choose-item .chosse-icon {
    margin-bottom: 0;
  }
}

.single-choose-item .choose-content .title {
  font-size: 1.8rem;
  line-height: 2.2rem;
  padding: 1rem 0 2rem;
  margin-bottom: 0;
  max-width: 80%;
  text-transform: uppercase;
}

@media only screen and (max-width: 767px) {
  .single-choose-item .choose-content .title {
    font-size: 16px;
  }
}

.single-choose-item .choose-content p {
  font-size: 0.9rem;
  font-size: 0.76vw;
  line-height: 1.7rem;
  margin-bottom: 0;
  max-width: 80%;
}

/*----------------------------------------*/
/*  05. Feature CSS
/*----------------------------------------*/
/* Single Features CSS */
.single-feature {
  text-align: center;
}

.single-feature.style-two .feature-content .title {
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 8px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-feature.style-two .feature-content .title {
    font-size: 14px;
    line-height: 19px;
  }
}

@media only screen and (max-width: 767px) {
  .single-feature.style-two .feature-content .title {
    font-size: 14px;
  }
}

.single-feature.style-two .feature-content p {
  color: #919191;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-feature.style-two .feature-content p {
    font-size: 12px;
    line-height: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-feature.style-two .feature-content p {
    font-size: 12px;
  }
}

.single-feature .feature-icon {
  display: inline-block;
  line-height: 1;
  transition: all 0.5s;
  color: #41444e;
  font-size: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .single-feature .feature-icon {
    margin-bottom: 5px;
  }
}

.single-feature .feature-content .title {
  font-size: 18px;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
  font-weight: 700;
  margin-bottom: 8px;
}

@media only screen and (max-width: 767px) {
  .single-feature .feature-content .title {
    font-size: 14px;
  }
}

.single-feature .feature-content p {
  color: #919191;
  font-size: 16px;
  font-weight: 400;
}

@media only screen and (max-width: 767px) {
  .single-feature .feature-content p {
    font-size: 12px;
  }
}

/*----------------------------------------*/
/*  06. Banner CSS
/*----------------------------------------*/
.height {
  height: 1020px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .height {
    height: 520px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .height {
    height: 480px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .height {
    height: 380px;
  }
}

@media only screen and (max-width: 767px) {
  .height {
    height: 280px;
  }
  .modern-decorate-banner-content {
    text-align: center;
  }
}

.modern-decorate-banner-content h2,
.modern-decorate-banner-content h2 a {
  color: #fff;
}

.modern-decorate-banner-content h2 {
  font-size: 56px;
  font-weight: 400;
  line-height: 74px;
  margin-left: 160px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .modern-decorate-banner-content h2 {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modern-decorate-banner-content h2 {
    margin-left: 0px;
    font-size: 38px;
    line-height: 60px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern-decorate-banner-content h2 {
    margin-left: 0px;
    font-size: 38px;
    line-height: 60px;
  }
}

@media only screen and (max-width: 767px) {
  .modern-decorate-banner-content h2 {
    margin-left: 0px;
    font-size: 46px;
    line-height: 54px;
    margin-bottom: 50px;
  }
}

.modern-decorate-banner-content .shop-btn {
  margin-top: 30px;
  margin-left: 160px;
  background: transparent;
  color: #fff;
  border: 2px solid #fff;
}

.modern-decorate-banner-content .shop-btn:hover {
  background: #fff;
  border: 2px solid #fff;
  color: #41444e;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .modern-decorate-banner-content .shop-btn {
    margin-left: 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modern-decorate-banner-content .shop-btn {
    margin-top: 0px;
    margin-left: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modern-decorate-banner-content .shop-btn {
    margin-top: 0px;
    margin-left: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .modern-decorate-banner-content .shop-btn {
    margin-left: 0px;
    margin-top: 0px;
  }
}

.single-banner.color-white .title {
  font-size: 56px;
  font-weight: 400;
  color: #ffffff;
  text-transform: capitalize;
  text-align: center;
  letter-spacing: 1px;
  z-index: 9;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner.color-white .title {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.color-white .title {
    font-size: 32px;
    line-height: 45px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner.color-white .title {
    font-size: 24px;
    line-height: 32px;
  }
}

.single-banner.color-white .title.left {
  left: 80px;
  transform: translateY(-85%);
  text-align: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.color-white .title.left {
    left: 40px;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 767px) {
  .single-banner.color-white .title.left {
    left: 20px;
    transform: translateY(0);
  }
}

.single-banner.color-white .title.right {
  right: 80px;
  transform: translateY(-85%);
  text-align: right;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.color-white .title.right {
    right: 40px;
    transform: translateY(0);
  }
}

.single-banner.color-white-two .title {
  font-size: 36px;
  font-weight: 400;
  color: #ffffff;
  text-transform: capitalize;
  text-align: center;
  letter-spacing: 1px;
  z-index: 9;
  bottom: auto;
  top: 85%;
  transform: translateY(-85%);
  left: 80px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-banner.color-white-two .title {
    font-size: 28px;
    line-height: 39px;
    bottom: auto;
    top: 85%;
    left: 60px !important;
    transform: translateY(-85%) !important;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner.color-white-two .title {
    font-size: 28px;
    line-height: 39px;
    bottom: auto;
    top: 85%;
    left: 40px !important;
    transform: translateY(-85%) !important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.color-white-two .title {
    font-size: 28px;
    line-height: 39px;
    bottom: auto;
    top: 85%;
    left: 30px !important;
    transform: translateY(-85%) !important;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner.color-white-two .title {
    font-size: 24px;
    line-height: 30px;
    bottom: auto;
    top: 85%;
    left: 20px !important;
    transform: translateY(-85%) !important;
  }
}

.single-banner.banner-style-two .title {
  font-size: 30px;
  line-height: 50px;
  font-weight: 400;
  color: #ffffff;
  text-transform: capitalize;
  text-align: center;
  letter-spacing: -1px;
  z-index: 9;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-banner.banner-style-two .title {
    font-size: 22px;
    line-height: 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner.banner-style-two .title {
    font-size: 22px;
    line-height: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.banner-style-two .title {
    font-size: 20px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner.banner-style-two .title {
    font-size: 20px;
    line-height: 26px;
  }
}

/* .single-banner.banner-style-two .title.left:before{
  content: " ";
  position: absolute;
} */
.single-banner.banner-style-two .title.left {
  display: block;
  top: auto;
  bottom: 0;
  left: 50px;
  /* opacity: 0; */
  text-align: left;
  transition: all 0.3s ease-in-out;
  background: rgba(255, 255, 255, 1);
  padding: 5px 20px;
  width: auto;
  right: auto;
  color: #41444e;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-banner.banner-style-two .title.left {
    left: 25px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner.banner-style-two .title.left {
    left: 20px;
    bottom: 25px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.banner-style-two .title.left {
    left: 10px;
    bottom: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner.banner-style-two .title.left {
    left: 20px;
  }
}

.single-banner.banner-style-two:hover .title.left {
  opacity: 1;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner.banner-style-two:hover .title.left {
    margin-top: -20px;
  }
}

.single-banner .banner-img a {
  display: block;
  position: relative;
  /* z-index: 2; */
  overflow: hidden;
}

.single-banner .banner-img a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
  opacity: 0.12;
  transition: 0.3s;
}

.single-banner .banner-img a img {
  width: 100%;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single-banner .title {
  bottom: 10%;
  position: absolute;
  left: 0px;
  right: 0;
  transition: opacity 0.35s, transform 0.35s;
  max-width: 100%;
  font-size: 24px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 2px;
  text-align: center;
  transition: 0.3s;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-banner .title {
    font-size: 18px;
    bottom: 5%;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .title {
    font-size: 18px;
    bottom: 5%;
    letter-spacing: 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .title {
    font-size: 16px;
    bottom: 5%;
    letter-spacing: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .single-banner .title {
    font-size: 16px;
    bottom: 5%;
    letter-spacing: 0px;
  }
}

.single-banner .title.left {
  left: 80px;
  transform: translateY(-85%);
  text-align: left;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-banner .title.left {
    transform: translateY(0);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .title.left {
    transform: translateY(0);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .title.left {
    left: 10px;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 767px) {
  .single-banner .title.left {
    left: 10px;
    transform: translateY(0);
  }
}

.single-banner .title.right {
  right: 80px;
  transform: translateY(-85%);
  text-align: right;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-banner .title.right {
    transform: translateY(0);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-banner .title.right {
    transform: translateY(0);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-banner .title.right {
    right: 10px;
    transform: translateY(0);
  }
}

@media only screen and (max-width: 767px) {
  .single-banner .title.right {
    right: 10px;
    transform: translateY(0);
  }
}

.single-banner:not(.-ccn-o-ratio-box):hover .banner-img a::before {
  opacity: 0.4;
  background-color: #000;
}

.single-banner:not(.-ccn-o-ratio-box):hover .banner-img a img {
  transform: scale(1.02);
}

.single-content-banner {
  position: relative;
  overflow: hidden;
}

.single-content-banner .banner-images a {
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.single-content-banner .banner-images a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

.single-content-banner .banner-images a img {
  width: 100%;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single-content-banner .banner-content {
  top: 100%;
  position: absolute;
  height: auto;
  left: 80px;
  width: 460px;
  max-width: 100%;
  background-color: rgba(26, 26, 26, 0.9);
  padding: 50px;
  z-index: 5;
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-content-banner .banner-content {
    padding: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .single-content-banner .banner-content {
    padding: 15px;
    left: 0;
    width: 100%;
  }
}

.single-content-banner .banner-content.full-width {
  width: 100%;
  left: 0;
}

.single-content-banner .banner-content .title {
  position: relative;
  font-size: 32px;
  line-height: 45px;
  color: #ffffff;
  padding-bottom: 30px;
  margin-bottom: 30px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-content-banner .banner-content .title {
    margin-bottom: 20px;
    padding-bottom: 20px;
    font-size: 26px;
    line-height: 36px;
  }
}

@media only screen and (max-width: 767px) {
  .single-content-banner .banner-content .title {
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-size: 22px;
    line-height: 26px;
  }
}

.single-content-banner .banner-content .title::before {
  content: "";
  position: absolute;
  background: #808080;
  width: 60px;
  height: 2px;
  bottom: 0;
  left: 0;
}

.single-content-banner .banner-content p {
  font-size: 18px;
  line-height: 32px;
  color: #ffffff;
  margin-bottom: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-content-banner .banner-content p {
    font-size: 16px;
    line-height: 28px;
  }
}

@media only screen and (max-width: 767px) {
  .single-content-banner .banner-content p {
    font-size: 14px;
    line-height: 24px;
  }
}

.single-content-banner .banner-content a {
  font-size: 11px;
  line-height: 11px;
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #ffffff;
  padding: 20px 0;
  margin-top: 24px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-content-banner .banner-content a {
    margin-top: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .single-content-banner .banner-content a {
    padding: 10px 0;
    margin-top: 10px;
  }
}

.single-content-banner:hover .banner-images a::before {
  opacity: 0.4;
}

.single-content-banner:hover .title {
  /* font-weight: bold; */
}

.single-content-banner:hover .banner-content {
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
}

.single-content-banner:hover .banner-content.full-width {
  top: 100%;
  transform: translateY(-100%);
}

.center img {
  width: 500px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .center img {
    width: 100%;
  }
}

@media only screen and (max-width: 575px) {
  .center img {
    width: 200px;
  }
}

.width-615 img {
  width: 615px;
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .width-615 img {
    width: 290px;
  }
}

@media only screen and (max-width: 575px) {
  .width-615 img {
    width: 200px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .width-311 img {
    width: 40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .width-311 img {
    width: 40%;
  }
}

@media only screen and (max-width: 767px) {
  .width-311 img {
    width: 40%;
  }
}

@media only screen and (max-width: 575px) {
  .width-311 img {
    width: 25%;
  }
}

/* Banner nav Css */
.banner-nav {
  position: fixed;
  top: 50%;
  left: auto;
  right: 60px;
  margin-right: 20px;
  transform: translateY(-50%);
  z-index: 1;
  width: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .banner-nav {
    right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .banner-nav {
    right: 0;
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .banner-nav {
    display: none;
  }
}

.banner-nav ul li {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: visible !important;
  margin: 5px 0;
}

.banner-nav ul li.active a {
  color: #000000;
}

.banner-nav ul li.active span {
  width: 40px;
  height: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #a17f25;
  color: #a17f25;
}

.banner-nav ul li span {
  width: 40px;
  height: 2px;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0);
  color: #23a455;
}

.banner-nav ul li a {
  display: block;
  color: #41444e;
  padding: 0 10px;
  width: 50px;
  height: 35px;
  text-align: right;
  color: #a5a5a5;
  font-size: 22px;
  line-height: 35px;
  font-weight: 400;
  transition: all 0.3s ease-in-out;
}

/*----------------------------------------*/
/*  07. Hamburger CSS
/*----------------------------------------*/
.hamburger-area {
  text-align: left;
  transition: all 0.52s ease;
  position: fixed;
  height: 100% !important;
  top: 0;
  margin: 0;
  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.09);
  width: 470px;
  padding: 0;
  color: #41444e;
  background-color: #f3f3f3;
  right: 0;
  transform: translateX(470px);
  -webkit-transform: translateX(470px);
  z-index: 99;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hamburger-area {
    left: -280px;
    width: 280px;
    transform: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #41444e;
    color: #ffffff;
    opacity: 0;
    padding: 0;
    padding-top: 70px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hamburger-area {
    left: -280px;
    width: 280px;
    transform: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #41444e;
    color: #ffffff;
    opacity: 0;
    padding: 0;
    padding-top: 70px;
  }
}

@media only screen and (max-width: 767px) {
  .hamburger-area {
    left: -280px;
    width: 280px;
    transform: inherit;
    overflow-x: hidden;
    overflow-y: auto;
    /* background-color: #41444e;
    color: #ffffff; */
    opacity: 0;
    padding: 0;
    padding-top: 70px;
    height: auto !important;
    min-height: 100vh;
  }
}

.hamburger-area.is-visible {
  transform: translateX(0);
  overflow: auto;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hamburger-area.is-visible {
    left: 0;
    transform: inherit;
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hamburger-area.is-visible {
    left: 0;
    transform: inherit;
    opacity: 1;
    visibility: visible;
  }
}

@media only screen and (max-width: 767px) {
  .hamburger-area.is-visible {
    left: 0;
    transform: inherit;
    opacity: 1;
    visibility: visible;
  }
}

.hamburger-area .btn-close-search {
  position: absolute;
  left: 30px;
  font-size: 30px;
  line-height: 30px;
  height: 30px;
  top: 30px;
  transition: all 0.3s;
  opacity: 0;
  padding: 0;
  border: 0 none;
  color: #41444e;
  cursor: pointer;
  z-index: 1;
}

.hamburger-area.is-visible .btn-close-search {
  /* left: -100px; */
  opacity: 1;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .hamburger-area .btn-close-search {
    top: 35px;
    right: 24px;
    left: auto;
    font-size: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .hamburger-area .btn-close-search {
    top: 35px;
    right: 24px;
    left: auto;
    font-size: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .hamburger-area .btn-close-search {
    top: 35px;
    right: 24px;
    left: auto;
    font-size: 20px;
  }
}

.hamburger-area .btn-close-search:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  color: #272727;
}

.hamburger-area .hamburger-menu-main {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.hamburger-area .hamburger-menu-main .humberger-top {
  flex-grow: 2;
  -webkit-flex-grow: 2;
}

.hamburger-area .hamburger-menu-main .humberger-top .hum-mainmenu ul {
  margin-top: 20px;
  margin-bottom: 10px;
}

.hamburger-area .hamburger-menu-main .humberger-top .hum-mainmenu ul li a {
  font-weight: 400;
  text-transform: capitalize;
  font-size: 16px;
  padding: 10px 0;
  position: relative;
  display: block;
  color: #41444e;
}

.hamburger-area
  .hamburger-menu-main
  .humberger-top
  .hum-mainmenu
  ul
  li
  a:hover {
  color: #272727;
}

.hamburger-area .hamburger-menu-main .humberger-bottom {
  margin: 20px 0 0;
}

.hamburger-area .hamburger-menu-main .humberger-bottom .thumb img {
  width: 180px;
}

.hamburger-area .hamburger-menu-main .humberger-bottom p {
  color: #41444e;
  font-size: 14px;
  margin: 20px 0 30px;
}

.hamburger-area .hamburger-menu-main .humberger-bottom .hm-address li {
  color: #41444e;
  font-size: 12px;
  line-height: 22px;
}

.hamburger-area .hamburger-menu-main .humberger-bottom .hm-address li a {
  color: #41444e;
}

.hamburger-area .hamburger-menu-main .humberger-bottom .hamburger-social {
  margin-top: 20px;
  margin-bottom: 10px;
}

.hamburger-area .hamburger-menu-main .humberger-bottom .hamburger-social a {
  font-size: 18px;
  margin-right: 24px;
}

.hamburger-area
  .hamburger-menu-main
  .humberger-bottom
  .hamburger-social
  a:hover {
  color: #272727;
}

.hamburger-area .hamburger-menu-main .humberger-bottom .hm-copyright {
  margin: 30px 0 0;
}

.hamburger-area .hamburger-menu-main .humberger-bottom .hm-copyright p {
  font-size: 12px;
  line-height: 1.4074;
  color: #41444e;
}

.gmap {
  font-size: 12px;
  text-decoration: underline;
}

/* ================================
    Responsive Menu
==================================*/
.menu-primary-menu-1.color-white > li > a {
  color: #ffffff !important;
}

.menu-primary-menu-1.color-white > li:hover > a {
  color: #272727 !important;
}

.menu-primary-menu-1.color-white > li .sub-menu-two {
  background-color: #41444e !important;
}

.menu-primary-menu-1.color-white > li .sub-menu-two > li {
  width: 100%;
}

.menu-primary-menu-1.color-white > li .sub-menu-two > li > a {
  color: #ffffff;
}

.menu-primary-menu-1.color-white > li .sub-menu-two > li > a:hover {
  color: #272727 !important;
}

.menu-primary-menu-1.color-white > li .sub-menu-two > li.has-dropdown-menu > a {
  color: #ffffff;
}

.menu-primary-menu-1.color-white
  > li
  .sub-menu-two
  > li.has-dropdown-menu
  > a.is-visiable {
  color: #272727 !important;
}

.menu-primary-menu-1.color-white
  > li
  .sub-menu-two
  > li.has-label--3
  .lavel--3 {
  background-color: #41444e !important;
}

.menu-primary-menu-1.color-white
  > li
  .sub-menu-two
  > li.has-label--3
  .lavel--3
  li
  a {
  color: #ffffff;
}

.menu-primary-menu-1.color-white
  > li
  .sub-menu-two
  > li.has-label--3
  .lavel--3
  li
  a:hover {
  color: #272727 !important;
}

.menu-primary-menu-1.menu-11 li a {
  color: #41444e;
  display: inline-block;
}

.menu-primary-menu-1.menu-11 li.has-dropdown-menu > a {
  position: relative;
}

.menu-primary-menu-1.menu-11 li.has-dropdown-menu > a::after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  right: -40px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
  width: 50px;
}

.menu-primary-menu-1.menu-11 li.has-dropdown-menu > a.is-visiable {
  color: #272727;
}

.menu-primary-menu-1.menu-11 li.has-dropdown-menu > a.is-visiable::after {
  content: "\f106";
}

.menu-primary-menu-1.menu-11 li .sub-menu-two {
  display: none;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 5px 0;
  margin: 5px 0;
}

.menu-primary-menu-1.menu-11 li .sub-menu-two > li {
  width: 100%;
}

.menu-primary-menu-1.menu-11 li .sub-menu-two > li > a {
  padding: 10px 30px;
  font-size: 1em;
  display: inline-block;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .menu-primary-menu-1.menu-11 li .sub-menu-two > li > a {
    font-size: 14px;
    line-height: 1;
  }
}

.menu-primary-menu-1.menu-11 li .sub-menu-two > li.has-dropdown-menu > a {
  position: relative;
}

.menu-primary-menu-1.menu-11
  li
  .sub-menu-two
  > li.has-dropdown-menu
  > a::after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  right: -10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
  width: 50px;
}

.menu-primary-menu-1.menu-11
  li
  .sub-menu-two
  > li.has-dropdown-menu
  > a.is-visiable {
  color: #272727;
}

.menu-primary-menu-1.menu-11
  li
  .sub-menu-two
  > li.has-dropdown-menu
  > a.is-visiable::after {
  content: "\f106";
}

.menu-primary-menu-1.menu-11 li .sub-menu-two > li.has-label--3 .lavel--3 {
  display: none;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 5px 0;
  margin: 5px 0;
}

.menu-primary-menu-1.menu-11 li .sub-menu-two > li.has-label--3 .lavel--3 li {
  width: 100%;
}

.menu-primary-menu-1.menu-11 li .sub-menu-two > li.has-label--3 .lavel--3 li a {
  padding: 10px 30px;
  font-size: 1em;
  padding-right: 40px;
  padding-left: 40px;
  display: block;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .menu-primary-menu-1.menu-11
    li
    .sub-menu-two
    > li.has-label--3
    .lavel--3
    li
    a {
    font-size: 14px;
    line-height: 1;
  }
}

.menu-primary-menu-1 li a {
  color: silver;
}

.menu-primary-menu-1 li a:hover {
  color: #272727;
}

.menu-primary-menu-1 li.has-dropdown-menu > a {
  position: relative;
}

.menu-primary-menu-1 li.has-dropdown-menu > a::after {
  position: absolute;
  content: "\f107";
  font-family: FontAwesome;
  right: 0px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 17px;
  width: 50px;
}

.menu-primary-menu-1 li.has-dropdown-menu > a.is-visiable {
  color: #272727;
}

.menu-primary-menu-1 li.has-dropdown-menu > a.is-visiable::after {
  content: "\f106";
}

.menu-primary-menu-1 > li > a {
  display: block;
  padding: 8px 20px;
  font-size: 20px;
  color: #41444e;
  border-radius: 4px;
}

@media (max-width: 992px) {
  .menu-primary-menu-1 > li > a {
    padding: 14px 20px !important;
    font-size: 16px;
    border-radius: 0;
    /* border-bottom: 1px solid rgba(0,0,0,.02); */
  }
}

@media (min-width: 993px) {
  .menu-primary-menu-1 > li {
    border-top: 1px solid rgba(0, 0, 0, 0.03);
    padding: 10px 0;
  }

  .menu-primary-menu-1 > li:hover > a {
    background: #41444e;
    color: #fff;
  }
}

.menu-primary-menu-1 > li .sub-menu-two {
  display: none;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 5px 0;
  margin: 5px 0;
}

.menu-primary-menu-1 > li .sub-menu-two > li {
  width: 100%;
}

.menu-primary-menu-1 > li .sub-menu-two > li > a {
  padding: 10px 30px;
  font-size: 1em;
  display: block;
}

.menu-primary-menu-1 > li .sub-menu-two > li.has-label--3 .lavel--3 {
  display: none;
  background-color: rgba(255, 255, 255, 0.05);
  padding: 5px 0;
  margin: 5px 0;
}

.menu-primary-menu-1 > li .sub-menu-two > li.has-label--3 .lavel--3 li {
  width: 100%;
}

.menu-primary-menu-1 > li .sub-menu-two > li.has-label--3 .lavel--3 li a {
  padding: 10px 30px;
  font-size: 1em;
  padding-right: 40px;
  padding-left: 40px;
  display: block;
}

/*----------------------------------------*/
/*  08. loading CSS
/*----------------------------------------*/
/*========================
    Animation Css
=========================*/

@keyframes custom-animation-pulse {
  25% {
    transform: scale(1.1);
  }

  75% {
    transform: scale(0.9);
  }
}

@keyframes custom-animation-pulse-grow {
  to {
    transform: scale(1.1);
  }
}

@keyframes moveVertical {
  100% {
    opacity: 1;
    transform: none;
  }
}

.move-up {
  transform: translateY(0px);
}

.move-up.animate {
  transform: translateY(100px);
  animation: moveVertical 0.65s ease forwards;
}

@keyframes la-cubeGridScaleDelay {
  0% {
    transform: scale3d(1, 1, 1);
  }

  35% {
    transform: scale3d(0, 0, 1);
  }

  70% {
    transform: scale3d(1, 1, 1);
  }

  100% {
    transform: scale3d(1, 1, 1);
  }
}

@keyframes la-bounce {
  0%,
  100% {
    transform: scale(0);
  }

  50% {
    transform: scale(1);
  }
}

@keyframes la-rotate {
  100% {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
  }
}

@keyframes la-bouncedelay {
  0%,
  80%,
  100% {
    transform: scale(0);
  }

  40% {
    transform: scale(1);
  }
}

@keyframes la-scaleout {
  0% {
    transform: scale(0);
    -webkit-transform: scale(0);
  }

  100% {
    transform: scale(1);
    -webkit-transform: scale(1);
    opacity: 0;
  }
}

@keyframes la-rotateplane {
  0% {
    transform: perspective(120px) rotateX(0deg) rotateY(0deg);
  }

  50% {
    transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
  }

  100% {
    transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
  }
}

/*----------------------------------------*/
/*  09. Search CSS
/*----------------------------------------*/
.search-flyoverlay-area {
  width: 100%;
  height: 100%;
  height: 70vh;
  width: 60vw;
  margin: auto;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 1);
  background-color: #f3f3f3;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.4);
  /* backdrop-filter: blur(8px); */
  text-align: center;
  transition: all ease-in-out 0.25s;
  z-index: 12;
  color: #41444e;
}

@media (max-width: 1800px) {
  .search-flyoverlay-area {
    height: 80vh;
    width: 90vw;
  }

  .search-flyoverlay-area-lg {
    height: calc(100vh - 40px);
    width: calc(100vw - 40px);
  }
}

.search-flyoverlay-area::before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.search-flyoverlay-area .searchform-fly {
  display: inline-block;
  max-width: 90%;
  vertical-align: middle;
  text-align: center;
  font-size: 18px;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}

.search-flyoverlay-area .searchform-fly p {
  font-weight: 300;
  font-size: 18px;
  margin: 0 0 15px;
  text-align: center;
}

.search-form {
  width: 800px;
  max-width: 100%;
  margin: 0 auto;
  line-height: 1.714286;
  font-weight: 400;
  position: relative;
}

.search-form input,
.search-form .contact__form--3 select,
.contact__form--3 .search-form select,
.search-form .contact__form--3 textarea,
.contact__form--3 .search-form textarea {
  width: 100%;
  background-color: transparent;
  border: 0;
  border-bottom: 2px solid #41444e;
  /* text-align: center; */
  font-size: 30px;
  padding: 19px 10px;
  transition: all 0.3s ease-out;
  font-weight: 300;
  max-width: 100%;
  background: transparent;
  -webkit-appearance: none;
  border-radius: 0;
  margin-bottom: 0;
  color: #41444e;
  height: auto;
  /* padding-right: 50px; */
}

.search-form button {
  font-size: 30px;
  height: 30px;
  color: inherit;
  display: block;
  right: 5px;
  border: none;
  color: #000;
  background: 0 0;
  padding: 0;
  position: absolute;
  /* top: 50%; */
  top: 35px;
  /* -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); */
  color: #41444e;
  cursor: pointer;
}

.search-form button:hover {
  color: #272727;
}

.search-flyoverlay-area .btn-close-search {
  font-size: 40px;
  display: block;
  position: absolute;
  z-index: 5;
  top: 60px;
  right: 80px;
  line-height: 40px;
  height: 40px;
  transition: all 0.3s;
  cursor: pointer;
}

.search-flyoverlay-area .btn-close-search:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  color: #272727;
}

@media (max-width: 576px) {
  .search-flyoverlay-area .btn-close-search {
    font-size: 30px;
    top: 40px;
    right: 40px;
  }
}

.search-flyoverlay-area.is-visible {
  visibility: visible;
  opacity: 1;
}

.search-flyoverlay-area.is-visible .searchform-fly {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
  -webkit-transform: scale(1);
}

.search-flyoverlay-area-lg .btn-close-search {
  top: 50px;
  right: 50px;
}

.search-flyoverlay-area-lg .searchform-fly {
  width: 100%;
  max-width: 100%;
  min-height: 100%;
  transform: scale(1) !important;
  transition: none !important;
  padding: 50px 50px 25px;
}

.search-flyoverlay-area-lg .searchform-fly .search-button {
  left: calc(460px);
  right: auto;
  top: 15px;
}

.ais-SearchBox-input {
  position: relative !important;
}

.ais-SearchBox-submit {
  position: absolute !important;
  right: 5px !important;
  top: 29px !important;
}

.ais-SearchBox-submitIcon {
  width: 30px !important;
  height: 30px !important;
  fill: #41444e !important;
}

.search-flyoverlay-area-lg .searchform-fly .ais-SearchBox {
  width: 100%;
  max-width: 500px;
  margin-bottom: 60px;
}

.search-flyoverlay-area-lg .searchform-fly .ais-SearchBox input {
  text-align: left;
  padding-top: 0;
}

.search-flyoverlay-area-lg .searchform-fly p {
  text-align: left;
}

.search-form input::-moz-placeholder,
.search-form .contact__form--3 select::-moz-placeholder,
.contact__form--3 .search-form select::-moz-placeholder,
.search-form .contact__form--3 textarea::-moz-placeholder,
.contact__form--3 .search-form textarea::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #41444e;
  font-weight: 300;
}

.search-form input::-moz-placeholder, .search-form .contact__form--3 select::-moz-placeholder, .contact__form--3 .search-form select::-moz-placeholder, .search-form .contact__form--3 textarea::-moz-placeholder, .contact__form--3 .search-form textarea::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #41444e;
  font-weight: 300;
}

.search-form input::placeholder,
.search-form .contact__form--3 select::placeholder,
.contact__form--3 .search-form select::placeholder,
.search-form .contact__form--3 textarea::placeholder,
.contact__form--3 .search-form textarea::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #41444e;
  font-weight: 300;
}

.search-form input:-ms-input-placeholder,
.search-form .contact__form--3 select:-ms-input-placeholder,
.contact__form--3 .search-form select:-ms-input-placeholder,
.search-form .contact__form--3 textarea:-ms-input-placeholder,
.contact__form--3 .search-form textarea:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #41444e;
  font-weight: 300;
}

.search-form input::-ms-input-placeholder,
.search-form .contact__form--3 select::-ms-input-placeholder,
.contact__form--3 .search-form select::-ms-input-placeholder,
.search-form .contact__form--3 textarea::-ms-input-placeholder,
.contact__form--3 .search-form textarea::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #41444e;
  font-weight: 300;
}

/*-- Product --*/
.single-grid-product {
  transition: 0.6s;
  position: relative;
}

.single-grid-product.style-two .product-image a {
  position: relative;
  overflow: hidden;
  display: block;
}

.single-grid-product.style-two .product-image a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(38, 38, 38, 0.6);
  opacity: 0;
  transition: all 0.3s ease-in-out;
}

.single-grid-product.style-two .product-content {
  position: absolute;
  width: calc(100% - 20px);
  bottom: 0;
  left: 0;
  padding: 50px 40px;
  opacity: 0;
  transition: 0.5s;
}

.filtering-product {
  width: 100%;
  background-color: #e7e7e7;
  padding: 21px 40px;
  border-radius: 8px;
}

.filtering-product .left-filteringbox {
  width: 60%;
}

.filtering-product .right-filteringbox {
  width: 22%;
}

.filtering-product .dropdown_main a {
  font-family: "Karla", sans-serif;
}

.refine-meta {
  font-family: "Karla", sans-serif;
  font-size: 10px;
  font-weight: 400;
  background: #41444e;
  color: #fff;
  border-radius: 50px;
  padding: 0 5px;
  top: 8px;
  transform: translateY(50%);
  position: absolute;
  z-index: 1;
  right: 41px;
}

.categories {
  position: relative;
}

.categories-selection {
  background-color: #eeeeee;
  padding: 10px 15px;
  border-radius: 50px;
  width: 157px;
  cursor: pointer;
  border: none;
}

.add-to-cart-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 10px;
  width: 167px;
  height: 47px;
  /* background: #90bd80; */
  border-radius: 30px;
}

.next-button {
  display: flex;
  flex-direction: row;
  align-items: flex-start;
  padding: 12px 20px;
  gap: 10px;
  background: #6c737f;
  border-radius: 30px;
  color: #ffffff;
  border: 1px solid transparent;
  transition: all 0.07s ease-in-out;

  @media (max-width: 767px) {
    padding: 8px 12px;
  }
}

.next-button:hover {
  background: transparent;
  color: #6c737f;
  border: 1px solid #6c737f;
}

.bordered-button {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 10px;
  height: 47px;
  border: 1px solid #d9d9d9;
  border-radius: 30px;
  color: #8d91a0;
  transition: all 0.07s ease-in-out;
}

.bordered-button:hover {
  border: 1px solid #8d91a0;
  background: #8d91a0;
  color: #ffffff;
  transition: all 0.07s ease-in-out;
}

.bordered-button-disabled {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 10px;
  height: 47px;
  border: 1px solid #d9d9d9;
  border-radius: 30px;
  color: #8d91a0;
  cursor: not-allowed;
}

.summary-input-container {
  position: relative;
  width: 66px;
  height: 47px;
}

.number-input {
  border-radius: 30px;
  padding: 8px 20px 8px 16px;
  /* Adjust padding for buttons */
  font-size: 16px;
  border: 1px solid #ccc;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  /* Hide default increment and decrement buttons */
}

.number-input::-webkit-inner-spin-button,
.number-input::-webkit-outer-spin-button {
  /* For older versions of WebKit-based browsers */
  -webkit-appearance: none;
  margin: 0;
}

.button-container {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}

.increment-btn,
.decrement-btn {
  width: 40px;
  height: 40px;
  margin: auto;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  border: none;
  cursor: pointer;
  font-family: "Karla", sans-serif;
  font-weight: 800;
  font-size: 16px;
}

.shade-border-box {
  padding: 5px;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 120px;
  height: auto;
  left: 885px;
  top: 645px;
  border: 1px solid #dddddd;
  color: #555555;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: center;
  transition: all 0.07s ease-in-out;
}

.shade-border-box:hover {
  padding: 5px;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 120px;
  height: auto;
  left: 885px;
  top: 645px;
  border: 1px solid #41444e;
  display: flex;
  background: #41444e;
  color: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: center;
  transition: all 0.07s ease-in-out;
}

.shade-filled-box {
  padding: 5px;
  flex-wrap: wrap;
  flex-grow: 1;
  width: 120px;
  height: auto;
  left: 885px;
  top: 645px;
  display: flex;
  background: #41444e;
  color: #fff;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  word-break: break-word;
  overflow-wrap: break-word;
  text-align: center;
}

/* .shade-filled-box .shade-filled-span small {
  color: rgba(255, 255, 255, 0.5);
}
.shade-border-box .shade-border-span small {
  color: #fff;
} */

@media (max-width: 1799px) {
  .shop-collection-contents .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

.bordered-rect-box {
  box-sizing: border-box;
  min-width: 300px;
  /* max-width: 80vh; */
  height: 100px;
  border: 1px solid #dddddd;
  border-radius: 100px;
  display: flex;
  padding: 15px 30px;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
  overflow-x: auto;
}

.bordered-rect-box > div {
  flex-grow: 1;
  max-width: calc((80vh - 60px) / 2);
}

.bordered-rect-box > div > div {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 5px;
  cursor: pointer;
}

.toggle-switch {
  width: 97px;
  height: 45px;
  background: rgba(144, 189, 128, 0.29);
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.toggle-checkbox {
  display: none;
}

.toggle-label {
  background-color: #90bd80;
  border: 4px solid #ffffff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
  transition: transform 0.3s;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  margin-top: 7px;
  margin-left: 3px;
  cursor: pointer;
}

.toggle-checkbox:checked + .toggle-label {
  transform: translateX(55px);
}

.slide-range .rc-slider-mark {
  margin-top: 20px;
  font-family: "Karla";
  font-style: normal;
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;

  color: #666666;
}

.rangeSlider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 2px solid #8d91a0;
  border-radius: 50%;
  cursor: pointer;
}

.rangeSlider::-moz-range-thumb {
  width: 20px;
  height: 20px;
  background-color: #ffffff;
  border: 2px solid #8d91a0;
  border-radius: 50%;
  cursor: pointer;
}

.bordered-rect-mount-box {
  box-sizing: border-box;
  border: 1px solid #dddddd;
  padding: 6px;
  height: 273px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: transform 0.2s, background-color 0.2s;

  &:hover {
    transform: scale(1.05);
    background-color: #fafafa;
  }

  /* 
  flex-wrap: wrap;
  
  flex-grow: 1;
  width: 210px;
  left: 886px;
  top: 697px;
  */
}

.bordered-rect-mount-style-box {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 52.09px;
  justify-content: center;
  box-sizing: border-box;
  width: auto;
  height: 273px;
  left: 886px;
  top: 697px;
  border: 1px solid #dddddd;
  padding: 20px;
}

.icon-bg {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background-color: #41444e;
  display: flex;
  justify-content: center;
  align-items: center;
}

.sm-img-prev {
  width: 96.95px;
  height: 87px;
  background-color: white;
  border-radius: 4px;
}

.slider-wrapper {
  margin-bottom: -10px;
}

.slider-wrapper .slick-dots {
  bottom: 10px;
}

.slider-wrapper .slick-dots li button:before {
  font-size: 10px;
}

.slider-wrapper .slick-dots li.slick-active button:before {
  opacity: 0.8;
}

.categorie-box {
  position: absolute;
  top: 70px;
  left: 0;
  width: 200px;
  background-color: #ffffff;
  border-radius: 9px;
  box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03);
  padding: 20px 15px;
  z-index: 1;
}

.categorie-box:after {
  content: "";
  position: absolute;
  top: -8px;
  left: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}

.diameter-box {
  position: absolute;
  top: 70px;
  left: 0;
  width: 428px;
  background-color: #ffffff;
  border-radius: 9px;
  box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03);
  padding: 20px 35px;
  z-index: 1;
}

.diameter-box:after {
  content: "";
  position: absolute;
  top: -8px;
  left: 11px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 10px 10px 10px;
  border-color: transparent transparent #fff transparent;
}

.categorie-box span {
  margin-right: 5px !important;
}

.categorie-box .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked {
  color: #618156 !important;
}

.right-filteringbox span {
  font-family: "Karla", sans-serif;
  font-weight: 700;
  color: #41444e;
  margin-right: 5px !important;
}

.right-filteringbox
  .css-12wnr2w-MuiButtonBase-root-MuiCheckbox-root.Mui-checked {
  color: #618156 !important;
}

.active-select {
  background-color: #41444e;
}

.active-select span {
  color: #fff !important;
}

.active-select svg {
  color: #fff !important;
}

.product-card {
  background-color: #ffffff;
  padding: 27px 32px;
  border-radius: 8px;
}

.product-card p {
  font-family: "Karla", sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.product-config {
  margin-top: 10px;
}

.product-config a {
  font-family: "Karla", sans-serif;
  font-weight: 400;
  font-size: 14px;
  color: #41444e;
}

.product-config a:hover {
  color: #41444e;
}

.product-config svg {
  width: 20px;
  height: 20px;
}

@media only screen and (min-width: 1500px) and (max-width: 1919px) {
  .single-grid-product.style-two .product-content {
    padding: 30px 20px;
    width: calc(100% - 40px);
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-grid-product.style-two .product-content {
    width: 100%;
    padding: 30px 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-grid-product.style-two .product-content {
    width: 100%;
    padding: 30px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-grid-product.style-two .product-content {
    padding: 15px 20px;
  }
}

.single-grid-product.style-two .product-content .title {
  color: #ffffff;
}

.single-grid-product.style-two .product-content .product-price {
  color: #ffffff;
}

.single-grid-product.style-two .product-content .product-rating .rating {
  color: #ffffff;
}

.single-grid-product.style-two .product-content .product-action {
  margin-top: 20px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-grid-product.style-two .product-content .product-action {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-grid-product.style-two
    .product-content
    .product-action.action-rs-small {
    margin-top: 5px;
  }
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-grid-product.style-two
    .product-content
    .product-action.action-rs-small
    ul
    li
    a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-grid-product.style-two
    .product-content
    .product-action.action-rs-small
    ul
    li
    a {
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 18px;
  }
}

.single-grid-product.style-two .product-content .product-action ul li {
  display: inline-block;
  opacity: 1;
}

.single-grid-product.style-two .product-content .product-action ul li a {
  background-color: #fff;
  color: #2f2f2f;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  display: block;
  padding: 0;
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 3px;
  vertical-align: middle;
}

@media only screen and (min-width: 1500px) and (max-width: 1919px) {
  .single-grid-product.style-two .product-content .product-action ul li a {
    width: 50px;
    height: 50px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .single-grid-product.style-two .product-content .product-action ul li a {
    width: 40px;
    height: 40px;
    line-height: 40px;
  }
}

.single-grid-product.style-two .product-content .product-action ul li a:hover {
  background-color: #41444e;
  color: #ffffff;
}

.single-grid-product.style-two
  .product-content
  .product-action
  ul
  li:last-child {
  padding-right: 0;
}

.single-grid-product.style-two:hover .product-image a::before {
  opacity: 1;
}

.single-grid-product.style-two:hover .product-content {
  opacity: 1;
}

.single-grid-product .product-label {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 2;
}

.single-grid-product .product-label span {
  font-size: 11px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: block;
  margin-bottom: 15px;
  margin-left: auto;
}

.single-grid-product .product-label span:last-child {
  margin-bottom: 0;
}

.single-grid-product .product-label span.new {
  background-color: #41444e;
}

.single-grid-product .product-label span.sale {
  background-color: #d97841;
}

.single-grid-product .product-label span.out-stock {
  width: auto;
  border-radius: 0;
  padding: 8px 20px;
  height: auto;
  line-height: 1.8;
  background-color: #41444e;
}

.single-grid-product .product-image {
  position: relative;
  margin-bottom: 20px;
  overflow: hidden;
}

.single-grid-product .product-image.image-grayscale {
  filter: grayscale(100%);
}

.single-grid-product .product-image > a {
  display: block;
  width: 100%;
  text-align: center;
  /* position: relative; */
}

.single-grid-product .product-image > a .imgFirst,
.single-grid-product .product-image > a .imgSecond {
  width: 100%;
  transition: 0.6s;
}

.imgFirst,
.imgSecond {
  background-color: #fff;
}

.single-grid-product .product-image > a .imgFirst {
  visibility: visible;
  opacity: 1;
}

/* .single-grid-product .product-image>a img:nth-child(2) { */
.single-grid-product .product-image > a .imgSecond {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  visibility: hidden !important;
  opacity: 0 !important;
}

.single-grid-product .product-image .product-action {
  /* position: absolute; */
  /* left: 0;
  right: 0;
  bottom: 22px; */
  width: 100%;
  z-index: 2;
  text-align: center;
}

.single-grid-product .product-image .product-action.product-action-two ul li a {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 16px;
}

.single-grid-product .product-image .product-action ul li {
  display: inline-block;
  transition: all 250ms ease-out;
  transition-delay: 100ms;
  transform: translate(40px, 0);
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-grid-product .product-image .product-action ul li {
    transform: translate(20px, 0);
  }
}

@media only screen and (max-width: 767px) {
  .single-grid-product .product-image .product-action ul li {
    transform: translate(20px, 0);
  }
}

.single-grid-product .product-image .product-action ul li:nth-child(2) {
  transition-delay: 150ms;
}

.single-grid-product .product-image .product-action ul li:nth-child(3) {
  transition-delay: 200ms;
}

.single-grid-product .product-image .product-action ul li:nth-child(4) {
  transition-delay: 200ms;
}

.single-grid-product .product-image .product-action ul li a {
  background-color: #fff;
  color: #2f2f2f;
  box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.1);
  border-radius: 0;
  width: 60px;
  height: 60px;
  line-height: 60px;
  display: inline-block;
  font-size: 18px;
  font-weight: 300;
  display: block;
  padding: 0;
  position: relative;
  display: inline-block;
  text-align: center;
  margin: 3px;
  vertical-align: middle;
}

@media only screen and (max-width: 767px) {
  .single-grid-product .product-image .product-action ul li a {
    width: 45px;
    height: 45px;
    line-height: 45px;
  }
}

.single-grid-product .product-image .product-action ul li a:hover {
  background-color: #41444e;
  color: #ffffff;
}

.single-grid-product .product-image .product-action ul li:last-child {
  padding-right: 0;
}

.single-grid-product .product-image .product-action-content {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -70px;
  background-color: #41444e;
  opacity: 0;
  visibility: hidden;
  width: 100%;
  z-index: 2;
  text-align: center;
  transition: all 0.6s;
}

.single-grid-product .product-image .product-action-content ul li {
  display: inline-block;
  transition: all 250ms ease-out;
  transition-delay: 100ms;
  transform: translate(40px, 0);
  opacity: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-grid-product .product-image .product-action-content ul li {
    transform: translate(20px, 0);
  }
}

@media only screen and (max-width: 767px) {
  .single-grid-product .product-image .product-action-content ul li {
    transform: translate(20px, 0);
  }
}

.single-grid-product .product-image .product-action-content ul li:nth-child(2) {
  transition-delay: 150ms;
}

.single-grid-product .product-image .product-action-content ul li:nth-child(3) {
  transition-delay: 200ms;
}

.single-grid-product .product-image .product-action-content ul li:nth-child(4) {
  transition-delay: 200ms;
}

.single-grid-product .product-image .product-action-content ul li a span {
  display: block;
  padding: 22px 15px;
  visibility: visible;
  opacity: 0.5;
  position: relative;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #ffffff;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-grid-product .product-image .product-action-content ul li a span {
    display: none;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-grid-product .product-image .product-action-content ul li a span {
    display: none;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-grid-product .product-image .product-action-content ul li a span {
    display: none;
  }
}

@media only screen and (max-width: 767px) {
  .single-grid-product .product-image .product-action-content ul li a span {
    display: none;
  }
}

.single-grid-product .product-image .product-action-content ul li a span:hover {
  opacity: 1;
}

.single-grid-product .product-image .product-action-content ul li a i {
  display: none;
  width: 60px;
  height: 60px;
  line-height: 60px;
  font-size: 18px;
  color: #ffffff;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .single-grid-product .product-image .product-action-content ul li a i {
    width: 50px;
    height: 40px;
    line-height: 40px;
  }
}

.single-grid-product .product-image .product-action-content ul li a i:hover {
  color: #272727;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-grid-product .product-image .product-action-content ul li a i {
    display: block;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-grid-product .product-image .product-action-content ul li a i {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-grid-product .product-image .product-action-content ul li a i {
    display: block;
  }
}

@media only screen and (max-width: 767px) {
  .single-grid-product .product-image .product-action-content ul li a i {
    display: block;
  }
}

.single-grid-product .product-content {
  text-align: center;
}

.single-grid-product .product-content.color-white .title {
  color: #ffffff;
}

.single-grid-product .product-content.color-white p {
  color: #ffffff;
}

.single-grid-product .product-content.color-white .product-rating span {
  color: #ffffff;
}

.single-grid-product .product-content.product-content-two .title {
  font-size: 14px;
  line-height: 24px;
}

.single-grid-product .product-content .title {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 5px;
  font-family: "Karla";
}

.single-grid-product .product-content .title a {
  display: block;
  color: #41444e;
}

.single-grid-product .product-content .title a:hover {
  color: #272727;
}

.single-grid-product .product-content p {
  line-height: 20px;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  color: #41444e;
  margin-bottom: 0;
}

.single-grid-product .product-content p .main-price.discounted del {
  opacity: 0.6;
}

.single-grid-product .product-content .product-rating {
  line-height: 1;
}

.single-grid-product .product-content .product-rating span {
  font-size: 12px;
  line-height: 14px;
  color: #41444e;
}

.single-grid-product:hover .product-image.image-grayscale {
  filter: grayscale(0);
}

.single-grid-product:hover .product-image > a .imgSecond {
  visibility: visible !important;
  opacity: 1 !important;
}

.single-grid-product:hover .product-image .product-action ul li {
  opacity: 1;
  transform: translate(0, 0);
}

.single-grid-product:hover .product-image .product-action-content {
  bottom: 0;
  opacity: 1;
  visibility: visible;
}

.single-grid-product:hover .product-image .product-action-content ul li {
  opacity: 1;
  transform: translate(0, 0);
}

.shop-top-bar .shop-topbar-left {
  display: flex;
  align-items: center;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-topbar-left {
    display: block;
    overflow: hidden;
  }
}

.shop-top-bar .shop-topbar-left p {
  margin: 0 45px 0 0px;
  font-size: 12px;
  color: #41444e;
  font-weight: 700;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar .shop-topbar-left .page-show {
    margin: 5px 0;
    overflow: hidden;
  }
}

.shop-top-bar .shop-topbar-left .page-show span {
  display: inline-block;
  float: left;
  font-size: 12px;
  color: #41444e;
  margin-right: 14px;
}

.shop-top-bar .shop-topbar-left .page-show ul {
  display: inline-block;
  float: left;
}

.shop-top-bar .shop-topbar-left .page-show ul li {
  display: inline-block;
  margin-right: 11px;
}

.shop-top-bar .shop-topbar-left .page-show ul li:last-child {
  margin-right: 0;
}

.shop-top-bar .shop-topbar-left .page-show ul li a {
  font-size: 12px;
  color: #41444e;
  border-bottom: 1px solid transparent;
}

.shop-top-bar .shop-topbar-left .page-show ul li a:hover {
  color: #41444e;
  border-bottom: 1px solid #41444e;
}

.shop-top-bar .shop-topbar-left .page-show ul li a.active {
  color: #41444e;
  border-bottom: 1px solid #41444e;
}

.shop-top-bar .shop-topbar-right .filter-active span {
  color: #343538;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
  padding-right: 25px;
}

.shop-top-bar .shop-topbar-right .filter-active span:hover {
  color: #272727;
}

.shop-top-bar .shop-topbar-right .filter-active span::after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 5px;
  display: inline-block;
  line-height: inherit;
  font-style: normal;
}

.shop-top-bar .shop-topbar-right .filter-active span.active::after {
  content: "\f106";
}

.shop-top-bar .shop-topbar-right .short-by {
  position: relative;
}

.shop-top-bar .shop-topbar-right .short-by > a {
  color: #343538;
  font-size: 12px;
  font-weight: 700;
  text-transform: capitalize;
  position: relative;
  padding-right: 25px;
}

.shop-top-bar .shop-topbar-right .short-by > a:hover {
  color: #272727;
}

.shop-top-bar .shop-topbar-right .short-by > a:hover::after {
  content: "\f106";
}

.shop-top-bar .shop-topbar-right .short-by > a::after {
  content: "\f107";
  font-family: FontAwesome;
  padding-left: 5px;
  display: inline-block;
  line-height: inherit;
  font-style: normal;
}

.shop-top-bar .shop-topbar-right .short-by .sort-by-dropdown {
  position: absolute;
  background-color: #fff;
  padding: 7px;
  z-index: 11;
  visibility: hidden;
  margin-top: 30px;
  opacity: 0;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.2);
  transition: all 250ms ease-out;
}

.shop-top-bar .shop-topbar-right .short-by .sort-by-dropdown li {
  display: block;
}

.shop-top-bar .shop-topbar-right .short-by .sort-by-dropdown li a {
  padding: 5px 10px;
  white-space: pre;
  display: block;
  border-radius: 4px;
  font-size: 11px;
  line-height: 24px;
}

.shop-top-bar .shop-topbar-right .short-by .sort-by-dropdown li.active a,
.shop-top-bar .shop-topbar-right .short-by .sort-by-dropdown li:hover a {
  background-color: #41444e;
  color: #ffffff;
}

.shop-top-bar .shop-topbar-right .short-by:hover .sort-by-dropdown {
  opacity: 1;
  visibility: visible;
  margin-top: 7px;
}

.shop-top-bar .shop-topbar-right.shop-tab-flex {
  display: flex;
  align-items: center;
}

.shop-top-bar .shop-topbar-right.shop-tab-flex .shop-tab a {
  color: #41444e;
  font-size: 18px;
  margin-left: 10px;
}

.shop-top-bar .shop-topbar-right.shop-tab-flex .shop-tab a.active {
  color: #41444e;
}

@media (min-width: 1200px) {
  .shop-top-bar .shop-topbar-right.shop-tab-flex .shop-tab a {
    font-size: 23px;
    margin: 0 10px 0 20px;
  }
}

.shop-top-bar.shop-top-bar-flex {
  /* display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox; */
  display: flex;
  /* -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify; */
  justify-content: space-between;
}

@media only screen and (max-width: 767px) {
  .shop-top-bar.shop-top-bar-flex {
    /* display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox; */
    display: flex;
  }
}

@media only screen and (max-width: 479px) {
  .shop-top-bar.shop-top-bar-flex {
    flex-direction: column;
  }
}

.shop-top-bar.shop-top-bar-right {
  text-align: right;
}

.product-filter-wrapper {
  background-color: #fff;
  box-shadow: 0 0 32px 0 rgba(0, 0, 0, 0.05);
  margin-bottom: 30px;
  padding: 40px 40px 0;
}

.product-filter-wrapper .single-filter-title {
  margin-bottom: 15px;
}

.product-filter-wrapper .single-filter-title h5 {
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  font-size: 16px;
}

.product-filter-wrapper .product-sort ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-sort ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-sort ul li a {
  color: #41444e;
  font-size: 12px;
}

.product-filter-wrapper .product-sort ul li a:hover {
  color: #272727;
}

.product-filter-wrapper .product-price-filter ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-price-filter ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-price-filter ul li a {
  color: #41444e;
  font-size: 12px;
}

.product-filter-wrapper .product-price-filter ul li a:hover {
  color: #272727;
}

.product-filter-wrapper .product-size ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-size ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-size ul li a {
  color: #41444e;
  font-size: 12px;
}

.product-filter-wrapper .product-size ul li a:hover {
  color: #272727;
}

.product-filter-wrapper .product-color ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-color ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-color ul li a .color-text {
  color: #41444e;
  font-size: 12px;
}

.product-filter-wrapper .product-color ul li a:hover .color-text {
  color: #272727;
}

.product-filter-wrapper .product-brand ul li {
  margin-bottom: 5px;
}

.product-filter-wrapper .product-brand ul li:last-child {
  margin-bottom: 0;
}

.product-filter-wrapper .product-brand ul li a {
  color: #41444e;
  font-size: 12px;
}

.product-filter-wrapper .product-brand ul li a:hover {
  color: #272727;
}

/* Shop List CSS */
.shop-list-wrap .product-img-list {
  position: relative;
  overflow: hidden;
}

@media only screen and (max-width: 575px) {
  .shop-list-wrap .product-img-list {
    margin-bottom: 0px;
  }
}

@media only screen and (max-width: 479px) {
  .shop-list-wrap .product-img-list {
    margin-bottom: 20px;
  }
}

.shop-list-wrap .product-img-list .product-label {
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 9;
}

.shop-list-wrap .product-img-list .product-label span {
  font-size: 11px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  line-height: 50px;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: block;
  margin-bottom: 15px;
  margin-left: auto;
}

.shop-list-wrap .product-img-list .product-label span:last-child {
  margin-bottom: 0;
}

.shop-list-wrap .product-img-list .product-label span.new {
  background-color: #41444e;
}

.shop-list-wrap .product-img-list .product-label span.sale {
  background-color: #d97841;
}

.shop-list-wrap .product-img-list .product-label span.out-stock {
  width: auto;
  border-radius: 0;
  padding: 8px 20px;
  height: auto;
  line-height: 1.8;
  background-color: #41444e;
}

.shop-list-wrap .product-img-list a {
  display: block;
}

.shop-list-wrap .product-img-list a img {
  width: 100%;
}

.shop-list-wrap .product-img-list a > .imgSecond {
  position: absolute !important;
  left: 0;
  top: 0;
  z-index: 2;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  opacity: 0;
}

.shop-list-wrap .product-img-list:hover a > .imgSecond {
  opacity: 1;
}

.shop-list-wrap .product-img-list .product-quickview-list {
  position: absolute;
  top: 50%;
  left: 50%;
  display: inline-block;
  text-align: center;
  z-index: 9;
  transform: translate(-50%, -50%);
}

.shop-list-wrap .product-img-list .product-quickview-list a {
  background-color: #41444e;
  text-transform: uppercase;
  color: #ffffff;
  line-height: 21px;
  letter-spacing: 1px;
  font-size: 12px;
  display: block;
  padding: 14px 10px 16px;
  min-width: 140px;
  text-align: center;
  opacity: 0;
  height: 48px;
  visibility: hidden;
  margin-top: 50px;
  transition: all 0.4s ease 0s;
}

.shop-list-wrap .product-img-list:hover .product-quickview-list a {
  opacity: 0.6;
  visibility: visible;
  margin-top: 0;
}

.shop-list-wrap .product-img-list .product-quickview-list a:hover {
  background-color: #272727;
  color: #ffffff;
  opacity: 1;
}

.shop-list-wrap
  .shop-list-content
  .product-details-content
  .product-list-price {
  margin: 20px 0 0px;
}

.shop-list-wrap
  .shop-list-content
  .product-details-content
  .product-list-price
  span {
  font-size: 18px;
  font-weight: 600;
  color: #41444e;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap
    .shop-list-content
    .product-details-content
    .product-list-price {
    margin: 12px 0 0px;
  }
}

.shop-list-wrap .shop-list-content .product-details-content p {
  margin: 20px 0 0;
  margin: 0 0 3px;
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-details-content p {
    margin: 10px 0 0;
    margin: 0 0 3px;
  }
}

.shop-list-wrap .shop-list-content .product-details-content .pro-details-cart {
  margin: 0px 22px 0px 0px;
}

.shop-list-wrap
  .shop-list-content
  .product-details-content
  .pro-details-quality {
  margin: 40px 0 0px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .shop-list-wrap
    .shop-list-content
    .product-details-content
    .pro-details-quality {
    margin: 30px 0 0px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-list-wrap
    .shop-list-content
    .product-details-content
    .pro-details-quality {
    margin: 20px 0 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-list-wrap
    .shop-list-content
    .product-details-content
    .pro-details-quality {
    margin: 20px 0 0px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap
    .shop-list-content
    .product-details-content
    .pro-details-quality {
    margin: 20px 0 0px;
  }
}

/* @media only screen and (max-width: 767px) {
  .shop-list-wrap .shop-list-content .product-details-content.quickview-content {

  }
} */
@media only screen and (max-width: 479px) {
  .shop-list-wrap
    .shop-list-content
    .product-details-content.quickview-content {
    margin-top: 0;
  }
}

@media only screen and (max-width: 767px) {
  .shop-list-wrap.mb-70 {
    margin-bottom: 30px !important;
  }
}

/* Product Details Page Nav */
.product-nav ul li a {
  line-height: 20px;
  font-size: 20px;
  margin: 0 5px;
  display: block;
  color: #41444e;
}

.product-nav ul li a:hover {
  color: #272727;
}

.product-details-content h3 a {
  color: #41444e;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content h2 {
    font-size: 20px;
    line-height: 28px;
  }
}

.product-details-content h3 {
  color: #41444e;
  font-weight: 400;
  font-size: 24px;
  margin: 0;
}

.ccnCatProdFull .product-details-content {
  padding-top: 4rem;
}

.ccnCatProdFull .product-details-content h3 {
  margin-bottom: 10px;
  margin-top: 35px;
}

.ccnCatProdFull .product-details-content h3:first-child {
  margin-top: 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content h3 {
    font-size: 17px;
  }
}

.product-details-content h3 a:hover {
  color: #272727;
}

.product-details-content p {
  font-size: 14px;
  color: #333;
  margin: 0;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .product-details-content p {
    margin: 15px 0 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content p {
    margin: 15px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content p {
    margin: 15px 0 0;
  }
}

.product-details-price {
  line-height: 32px;
  display: inline-block;
  font-size: 32px !important;
  font-weight: 700;
  color: #41444e;
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .product-details-price {
    font-size: 24px;
    line-height: 24px;
  }
}

.product-details-price .main-price.discounted del {
  font-size: 24px;
  line-height: 24px;
  font-weight: 400;
  opacity: 0.6;
}

@media only screen and (max-width: 767px) {
  .product-details-price .main-price.discounted del {
    font-size: 14px;
    line-height: 14px;
  }
}

.product-details-content .pro-details-sku {
  padding-top: 15px;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-sku {
    padding-top: 0;
  }
}

.product-details-content .pro-details-sku span {
  color: #343538;
  font-size: 12px;
}

.product-details-content .fz-16 {
  font-size: 16px;
  line-height: 30px;
  /* margin-top: 20px; */
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .fz-16 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .fz-16 {
    font-size: 14px;
    line-height: 24px;
    margin-top: 10px;
  }
}

.product-details-content .pro-details-quality {
  display: flex;
  align-items: center;
  margin: 40px 0 28px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .product-details-content .pro-details-quality {
    margin: 40px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-quality {
    margin: 25px 0 25px;
  }
}

@media only screen and (max-width: 479px) {
  .product-details-content .pro-details-quality {
    margin: 20px 0 20px;
    flex-wrap: wrap;
  }
}

.product-details-content .pro-details-cart {
  margin: 0px 22px 0px 11px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-cart {
    margin: 0px 10px 0px 11px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-cart {
    margin: 0px 10px 0px 11px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-cart a,
  .configure-btn a {
    padding: 15px 20px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-cart a,
  .configure-btn a {
    padding: 15px 30px;
  }
}

.product-details-content .pro-details-cart a:hover,
.configure-btn a:hover {
  background-color: #272727;
  color: #fff;
}

.product-details-content .pro-details-cart.pro-details-mrg-none {
  margin: 0px 22px 0px 0px;
}

.product-details-content .pro-details-wishlist {
  margin-right: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .pro-details-wishlist {
    margin-right: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-wishlist {
    margin-right: 10px;
  }
}

.product-details-content .pro-details-wishlist a {
  position: relative;
  width: 54px;
  height: 54px;
  line-height: 54px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  font-size: 16px;
  text-align: center;
}

.product-details-content .pro-details-wishlist a:hover {
  background: #272727;
  color: #ffffff;
  border-color: #272727;
}

.product-details-content .pro-details-compare {
  position: relative;
}

.product-details-content .pro-details-compare a {
  position: relative;
  width: 54px;
  height: 54px;
  line-height: 54px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  padding: 0;
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 479px) {
  .product-details-content .pro-details-compare a {
    margin-top: 10px;
  }
}

.product-details-content .pro-details-compare a:hover {
  background: #272727;
  color: #ffffff;
  border-color: #272727;
}

.product-details-content .pro-details-meta span {
  color: #41444e;
  font-size: 12px;
  display: inline-block;
  float: left;
  margin-right: 5px;
}

.product-details-content .pro-details-meta ul li {
  margin-right: 2px;
  display: inline-block;
}

.product-details-content .pro-details-meta ul li:last-child {
  margin-right: 0;
}

.product-details-content .pro-details-meta ul li a {
  color: #41444e;
  font-size: 12px;
}

.product-details-content .pro-details-meta ul li a:hover {
  color: #272727;
}

.product-details-content .product-html-custom {
  display: flex;
  align-items: center;
  /* padding-top: 28px; */
}

.ccnModalProduct .product-details-content .product-html-custom {
  padding-top: 42px;
}

.ccnModalProduct .MuiPaper-elevation24 {
  box-shadow: 0px 11px 15px -7px rgba(0, 0, 0, 0.1),
    0px 44px 38px 3px rgba(0, 0, 0, 0.08), 0px 9px 76px 8px rgba(0, 0, 0, 0.05);
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-html-custom {
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 479px) {
  .product-details-content .product-html-custom {
    flex-wrap: wrap;
  }
}

.product-details-content .product-html-custom a,
.product-details-content .product-html-custom span {
  margin-right: 20px;
  font-size: 12px;
  display: block;
  color: #41444e;
}

.product-details-content .product-html-custom a i,
.product-details-content .product-html-custom span i {
  font-size: 22px;
  padding-right: 8px;
  vertical-align: middle;
  font-weight: bold;
}

.product-details-content .product-rating-stock {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 25px 0 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content .product-rating-stock {
    margin: 15px 0 0;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content .product-rating-stock {
    display: block;
    margin: 15px 0 0;
  }
}

.product-details-content .product-rating-stock .product-dec-rating-reviews {
  display: flex;
  line-height: 1;
}

.product-details-content
  .product-rating-stock
  .product-dec-rating-reviews
  .product-dec-rating {
  line-height: 1;
}

.product-details-content
  .product-rating-stock
  .product-dec-rating-reviews
  .product-dec-rating
  i {
  color: #f5b223;
  font-size: 12px;
}

.product-details-content
  .product-rating-stock
  .product-dec-rating-reviews
  .product-dec-reviews {
  margin-left: 5px;
}

.product-details-content
  .product-rating-stock
  .product-dec-rating-reviews
  .product-dec-reviews
  a {
  font-size: 12px;
  color: #8a8a8a;
}

.product-details-content
  .product-rating-stock
  .product-dec-rating-reviews
  .product-dec-reviews
  a:hover {
  color: #272727;
}

.product-details-content .product-rating-stock .pro-stock span {
  font-size: 12px;
  color: #41444e;
  text-transform: uppercase;
}

.product-details-content .product-rating-stock .pro-stock span i {
  font-size: 14px;
  position: relative;
  top: 2px;
  margin-right: 5px;
}

.product-details-content .pro-details-group {
  margin: 40px 0 0;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-group {
    margin: 15px 0 0;
  }
}

.product-details-content .pro-details-group .single-group {
  display: flex;
  margin-bottom: 20px;
}

.product-details-content .pro-details-group .single-group .pro-dec-title-stock {
  margin: 5px 0 0 25px;
}

.product-details-content
  .pro-details-group
  .single-group
  .pro-dec-title-stock
  .pro-dec-title
  h5 {
  font-weight: bold;
  font-size: 14px;
  margin: 0;
}

.product-details-content
  .pro-details-group
  .single-group
  .pro-dec-title-stock
  .pro-dec-price-stock
  span {
  color: #8a8a8a;
  font-size: 12px;
}

.product-details-content
  .pro-details-group
  .single-group
  .pro-dec-title-stock
  .pro-dec-price-stock
  span.pro-price {
  margin-right: 15px;
}

.product-details-content .pro-details-size-color {
  margin-top: 30px;
}

.product-details-content .pro-details-size-color form .table {
  max-width: 422px;
}

.product-details-content .pro-details-size-color form .table tr {
  margin-bottom: 20px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 10px 10px 10px 20px;
  align-items: baseline;
  font-size: 16px;
  color: #41444e;
}

@media only screen and (max-width: 767px) {
  .product-details-content .pro-details-size-color form .table tr {
    font-size: 14px;
  }
}

.product-details-content .pro-details-size-color form .table tr:last-child {
  margin-bottom: 0;
}

.product-details-content .pro-details-size-color form .table tr td.label {
  padding: 0px;
  border-bottom: 0;
  min-width: auto;
  display: inline-block;
  width: auto !important;
  margin-right: 15px;
  flex-grow: 1;
}

.product-details-content .pro-details-size-color form .table tr td.value {
  padding: 0px;
  border-bottom: 0;
  min-width: auto;
  display: inline-block;
  width: auto !important;
  margin-right: 0px;
  flex-grow: 2;
}

.product-details-content
  .pro-details-size-color
  form
  .table
  tr
  td.value
  select {
  height: auto;
  width: 100%;
  border: none;
}

.product-details-content.quickview-content .product-details-price {
  margin: 30px 0 35px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .product-details-content.quickview-content .product-details-price {
    margin: 10px 0 10px;
  }
}

@media only screen and (max-width: 767px) {
  .product-details-content.quickview-content .product-details-price {
    margin: 10px 0 10px;
  }
  .product-details-content.pro-details-sidebar-style .pro-details-cart a {
    padding: 18px 20px;
  }
}

@media only screen and (max-width: 479px) {
  .shop-list-content .product-details-content .pro-details-compare a {
    margin-top: 0;
  }
}

.imgZoomBubble {
  position: absolute;
  right: 10px;
  bottom: 10px;
  z-index: 2;
  background: #ffffff;
  color: #41444e;
  width: 58px;
  height: 58px;
  line-height: 58px;
  text-align: center;
  font-size: 19px;
  border-radius: 50%;
  display: block;
  margin: 5px;
  order: 2;
  border: 1px solid #fff;
  transition: all 0.3s;
  box-shadow: 0 10px 10px rgba(0, 0, 0, 0.05);
}

.imgZoomBubble:hover {
  background-color: #41444e;
  border-color: #41444e;
  color: #ffffff;
}

.shop-collection-content {
  margin: 0 0 3.5rem;
}

.shop-collections-area input[type="checkbox"] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  width: 15px;
  height: 15px;
  border: 1px solid #41444e;
  cursor: pointer;
  border-radius: 5px;
  display: flex;
  justify-content: center;
  align-items: center;
  outline: none;
}

.shop-collections-area label {
  display: flex !important;
  align-items: center;
}

.shop-collections-area input[type="checkbox"]::after {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 10px;
  color: #618156;
  display: none;
}

.parent-checks input[type="checkbox"]::after {
  font-family: FontAwesome;
  content: "\f00c";
  font-size: 10px;
  color: #618156;
  display: none;
}

.custom-checkbox input[type="checkbox"]::after {
  font-family: FontAwesome !important;
  content: "\f00c" !important;
  font-size: 10px !important;
  color: #e7880b !important;
  display: none;
}

.parent-hits {
  gap: 23px;
}

.shop-collections-area input[type="checkbox"]:checked {
  border-color: #618156;
  background-color: #cedbc9;
}

.shop-collections-area input[type="checkbox"]:checked::after {
  display: block;
}

.shop-collection-content .title,
.header-title {
  font-size: 4rem;
  line-height: 6.5rem;
  text-transform: uppercase;
}

.title-max {
  font-size: 3.8rem;
  line-height: 4rem;
  margin: 2rem 0;
  max-width: 1000px;
}

.shop-collection-content p,
.header-body {
  font-size: 1rem;
  line-height: 2rem;
  max-width: 770px;
}

.shop-collection-content .exp-readmore {
  margin: 1rem 0 1rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .shop-collection-content p {
    max-width: 670px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-collection-content p {
    max-width: 670px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-collection-content p {
    font-size: 14px;
    line-height: 26px;
  }
}

.contact__form--3 .review-form .input-box select,
.contact__form--3 .review-form .input-box textarea {
  width: 100%;
  max-width: 100%;
  -webkit-appearance: none;
  padding: 17px 25px;
  border-style: solid;
  border-width: 1px;
  border-color: #e8e8e8;
  height: 60px;
}

@media only screen and (max-width: 767px) {
  .related-product-slider .slick-dots {
    margin-top: 0;
  }
}

/*=============================
    Search Overlay
===============================*/
.search-flyoveray {
  position: fixed;
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: blur(8px);
  z-index: 9;
  visibility: hidden;
  opacity: 0;
  right: 0;
  left: 0;
  bottom: 0;
  top: 0;
  transition: all 0.25s ease-out;
}

.open-cart-aside .search-flyoveray {
  visibility: visible;
  opacity: 0.7;
}

.cart-flyout {
  position: fixed;
  top: 0;
  width: 420px;
  padding: 50px;
  min-height: 100vh;
  bottom: 0;
  z-index: 111;
  right: 0;
  visibility: hidden;
  opacity: 0;
  background: #fff;
  transition: all 0.25s ease-in;
  transform: translate(200px, 0);
  -webkit-transform: translate(200px, 0);
  box-shadow: 0px 0px 87px 0px rgba(0, 0, 0, 0.09);
}

@media only screen and (max-width: 767px) {
  .cart-flyout {
    width: 290px;
    padding: 25px;
  }
}

/* .open-cart-aside .cart-flyout {
  visibility: visible;
  opacity: 1;
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  -webkit-transform: translate(0, 0);
} */
/*-- Quantity --*/
.quantity {
  color: #41444e;
  position: relative;
  font-size: 20px;
  font-weight: 500;
  width: 120px;
  height: 54px;
  line-height: 1;
}

.quantity-input,
.input-rd {
  border-radius: 3px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  background: #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02), 0 4px 10px rgba(0, 0, 0, 0.01);
}

.quantity:hover .quantity-input,
.input-rd:hover {
  border-color: #41444e;
}

.quantity-input {
  /* border: 1px solid #e5e5e5; */
  /* border-radius: 500px; */
  font-size: 14px;
  text-align: center;
  color: #41444e;
  width: 100%;
  height: 100%;
}

.quantity .qtybutton {
  position: absolute;
  cursor: pointer;
  top: 0;
  font-weight: 700;
  height: 54px;
  width: 36px;
  line-height: 54px;
  font-size: 14px;
  transition: all 0.3s ease-in-out;
}

.quantity .qtybutton.inc {
  right: 0;
  text-align: left;
}

.quantity .qtybutton.dec {
  left: 0;
  text-align: right;
}

.quantity--2 {
  width: 80px;
  height: 55px;
  line-height: 30px;
}

/* .quantity--2 .quantity-input {
  border-radius: 0;
} */
.quantity--2 .qtybutton {
  width: 20px;
  height: 50px;
  line-height: 50px;
}

.coupon-form-areas {
  display: inline-block;
  border-bottom: 1px solid #d8d8d8;
  width: 100%;
  position: relative;
}

@media only screen and (max-width: 767px) {
  .coupon-form-areas {
    margin-bottom: 20px;
  }
}

.coupon-form-areas input,
.coupon-form-areas .contact__form--3 select,
.contact__form--3 .coupon-form-areas select,
.coupon-form-areas .contact__form--3 textarea,
.contact__form--3 .coupon-form-areas textarea {
  width: 100%;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  padding-right: 120px;
  background: transparent;
}

.coupon-form-areas button {
  position: absolute;
  right: 0;
  top: 0;
  border: 0;
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
  color: #41444e;
}

.coupon-form-areas button:hover {
  color: #272727;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .cart-totals {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .cart-totals {
    margin-top: 30px;
  }
}

.cart-calculator {
  background-color: #f7f7f7;
  padding: 30px 30px 0;
  border-width: 0;
  padding-bottom: 20px;
}

.cart-calculator h2 {
  font-size: 18px;
  padding: 20px 0;
  margin: 0 0 20px;
  font-weight: 700;
}

.cart-calculator__item {
  line-height: 1;
  display: flex;
  flex-wrap: wrap;
  font-size: 14px;
  color: #41444e;
  font-weight: 600;
  padding: 5px 0 15px;
}

.cart-calculator__item--head {
  flex-basis: 50%;
  max-width: 50%;
}

.cart-calculator__item--value {
  flex-basis: 50%;
  max-width: 50%;
}

.cart-calculator__item--value > span,
.cart-calculator__item--value > a {
  display: inline-block;
}

.cart-calculator__item:last-child {
  border-top: 1px solid #dbdbdb;
  padding-top: 15px;
}

.checkout-btn,
.checkout-btn:not([href]):not([tabindex]),
.continue-btn,
.continue-btn:not([href]):not([tabindex]) {
  font-size: 12px;
  display: block;
  cursor: pointer;
  padding: 15px 50px;
  text-align: center;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 700;
  width: 100%;
  background-color: #72bb72;
  color: #ffffff;
}

.continue-btn,
.continue-btn:not([href]):not([tabindex]) {
  background: #41444e;
}

.checkout-btn:hover,
.checkout-btn:not([href]):not([tabindex]):hover {
  color: #ffffff;
  background-color: #8ad48a;
}

.continue-btn:hover,
.continue-btn:not([href]):not([tabindex]):hover {
  background: #fff;
  color: #41444e;
  box-shadow: inset 0 0 0 2px #41444e;
}

/*----------------------------------------*/
/*  14. Wishlist CSS
/*----------------------------------------*/
.table {
  margin-bottom: 0;
}

.table thead {
  background-color: #f7f7f7;
}

.table thead th,
.table th {
  padding: 21px 0;
  font-weight: 600;
  border-top-width: 0;
  border-bottom-width: 0;
  vertical-align: middle;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.3);
}

.table td {
  vertical-align: middle;
  border: 0px solid #41444e;
}

.table th.wide-column,
.table td.wide-column {
  min-width: 230px;
}

.table tbody td {
  padding: 29px 0;
  border-bottom: 1px solid #dadada;
  min-width: 120px;
}

.table tbody td.product-remove {
  min-width: 30px;
}

.table tbody td.product-remove .remove:before,
.cartRemove:before {
  font-family: "dliconoutline";
  content: "\ed2b";
  font-size: 16px;
}

.table tbody td.product-remove .remove:hover,
.cartRemove:hover {
  color: #272727;
  cursor: pointer;
}

.table tbody td.product-thumbnail {
  background-color: transparent;
  width: 90px;
}

.table tbody td.product-thumbnail img {
  width: 70px;
  height: auto;
}

.table tbody td.product-name h3 {
  font-size: 14px;
  font-weight: 400;
  margin: 0;
}

.table tbody td.product-stock {
  color: #41444e;
}

.table tbody td.product-out_stock {
  color: #272727;
}

.table tbody td.product-price .product-price-wrapper .money,
.table tbody td.product-total-price .product-price-wrapper .money {
  font-size: 16px;
  color: #41444e;
  font-weight: 700;
}

.table tbody td.product-quantity {
  display: table-cell;
}

.table tbody td.product-quantity .quantity {
  margin-left: auto;
  margin-right: auto;
}

.table.shop_attributes th,
.table.shop_attributes td {
  padding: 4px 0;
  text-transform: none;
}

.table.shop_attributes th a,
.table.shop_attributes td a {
  color: #4d4d4d;
}

.table.shop_attributes th a:hover,
.table.shop_attributes td a:hover {
  color: #272727;
}

.table.shop_attributes td {
  font-size: 12px;
}

.table.shop_attributes th {
  min-width: 140px;
  border: transparent;
  color: #4d4d4d;
  font-weight: 400;
  background-color: transparent;
  font-size: 12px;
}

.table.order-table thead {
  background-color: transparent;
}

.table.order-table th {
  background-color: transparent;
  color: #41444e;
  border: none !important;
}

.table.order-table th strong {
  font-size: 12px;
}

.table.order-table th,
.table.order-table td {
  padding-left: 0;
}

.table.order-table td {
  font-size: 14px;
  border: none;
  padding: 15px 0;
}

.table.product-table thead th {
  padding-left: 0;
  padding-right: 0;
}

.table.product-table .product-remove {
  min-width: 40px;
}

.table.product-table .product-thumbnail img {
  width: 70px;
}

.table.compare-table tbody tr:last-child th {
  border-bottom: 1px solid #41444e;
}

.table.compare-table tbody th,
.table.compare-table tbody td {
  border-width: 1px;
  padding: 10px;
}

.table.compare-table tbody th {
  min-width: 200px;
  vertical-align: middle;
  border-color: #41444e;
  border-left: 1px solid #41444e;
  padding-left: 20px;
  color: #41444e;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 16px;
  letter-spacing: 0;
}

.table.compare-table tbody td {
  min-width: 250px;
  border-color: #41444e;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4;
}

.table.compare-table tbody .product-name {
  font-size: 14px;
  margin: 20px 0;
}

.table.wishlist-table tbody td {
  border-bottom: 1px solid #41444e;
}

/*---------------------------------------
    15. Blog CSS
-----------------------------------------*/
/*-- Blog Slider --*/
.related-post-slider .slick-dots {
  margin-top: 0;
}

/*-- Blog --*/
.blog .blog-inner.blog-border {
  border-top: 2px solid #4d4d4d;
  border-bottom: 2px solid #4d4d4d;
  padding-top: 20px;
  padding-bottom: 20px;
}

.blog .blog-inner .media-image {
  margin-bottom: 20px;
  position: relative;
}

.blog .blog-inner .media-image .video-icon {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/button-play-3.ad66ff5d.png);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 66px;
  height: 66px;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50% 50% 50% 50%;
  box-shadow: 0px 0px 25px 0px rgba(255, 255, 255, 0.5);
}

.blog .blog-inner .media-image .video-icon::before {
  content: "";
  position: absolute;
  left: -5px;
  right: -5px;
  top: -5px;
  bottom: -5px;
  background: rgba(255, 255, 255, 0.2);
  border-radius: 50%;
  opacity: 0;
  transition: all 0.5s;
  z-index: 1;
}

.blog .blog-inner .media-image .image {
  display: block;
}

.blog .blog-inner .media-image .image img {
  width: 100%;
}

.blog .blog-inner .content .meta {
  display: flex;
  flex-wrap: wrap;
  padding: 5px 0;
  margin-bottom: 10px;
}

.blog .blog-inner .content .meta li {
  font-size: 12px;
  font-weight: 500;
  line-height: 18px;
  text-transform: capitalize;
  margin: 0 5px;
  margin-bottom: 5px;
}

.blog .blog-inner .content .meta li:first-child {
  margin-left: 0;
}

.blog .blog-inner .content .meta li a:hover {
  color: #272727;
}

.blog .blog-inner .content .title {
  font-size: 32px;
  line-height: 45px;
  font-weight: 400;
  margin-bottom: 0;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog .blog-inner .content .title {
    font-size: 24px;
    line-height: 33px;
  }
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content .title {
    font-size: 20px;
    line-height: 26px;
  }
}

.blog .blog-inner .content .title a:hover {
  color: #272727;
}

.blog .blog-inner .content .title.fz-24 {
  font-size: 24px;
  line-height: 33px;
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content .title.fz-24 {
    font-size: 20px;
    line-height: 26px;
  }
}

.blog .blog-inner .content p {
  font-size: 14px;
  line-height: 28px;
  margin-bottom: 0;
}

.blog .blog-inner .content .blog-btn {
  position: relative;
  margin-top: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .blog .blog-inner .content .blog-btn {
    margin-top: 10px;
  }
}

@media only screen and (max-width: 767px) {
  .blog .blog-inner .content .blog-btn {
    margin-top: 10px;
  }
}

.blog .blog-inner .content .blog-btn:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #d8d8d8;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.blog .blog-inner .content .blog-btn .read-more {
  font-size: 16px;
  font-weight: 700;
  color: #41444e;
  text-transform: capitalize;
  display: inline-block;
  transition: all 0.5s;
  background-color: #ffffff;
  position: relative;
  z-index: 2;
  padding: 20px 20px 20px 0;
  line-height: 1;
}

.blog .blog-inner .content .blog-btn .read-more:hover {
  color: #272727;
}

.blog .blog-inner:hover .media-image .video-icon::before {
  opacity: 1;
  left: -15px;
  right: -15px;
  top: -15px;
  bottom: -15px;
}

.post-navigation .post-links {
  display: flex;
  justify-content: space-between;
}

@media only screen and (max-width: 479px) {
  .post-navigation .post-links {
    flex-wrap: wrap;
  }
}

.post-navigation .post-links a .nav-text {
  font-size: 10px;
  line-height: 17px;
  font-weight: 700;
  text-transform: uppercase;
}

.post-navigation .post-links a:hover {
  color: #272727;
}

.sidebar-widget h4.pro-sidebar-title {
  font-size: 24px;
  font-weight: 700;
  margin: 0;
  line-height: 1;
  margin: 0 0 20px;
}

.sidebar-widget h4.pro-sidebar-title span {
  display: block;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.4);
  font-weight: 300;
  margin: 0 0 10px;
}

.sidebar-widget .input-range__label--min,
.product-price-filter .input-range__label--min,
.sidebar-widget .input-range__label--max,
.product-price-filter .input-range__label--max {
  bottom: -35px;
  font-size: 15px;
  color: rgba(0, 0, 0, 0.2);
  font-family: "Lora", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.sidebar-widget .input-range {
  margin: 50px 6px;
  width: calc(100% - 12px);
  margin: 50px 20px;
  width: calc(100% - 40px);
}

.sidebar-widget .input-range__label--value {
  top: -40px;
  font-size: 17px;
  color: rgba(0, 0, 0, 0.8);
}

.sidebar-widget .input-range__track--active,
.sidebar-widget .input-range__slider {
  background: #41444e;
}

.sidebar-widget .input-range__slider {
  border-color: #41444e;
}

.sidebar-widget .basic-multi-select .select__control {
  /* padding: 10px 20px; */
  min-height: 60px;
  border: 1px solid #ebecec;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.015);
}

.sidebar-widget .basic-multi-select .select__value-container--is-multi {
  padding: 8px;
}

.sidebar-widget .basic-multi-select .select__indicator-separator {
  background-color: rgba(0, 0, 0, 0.06);
  margin: 0;
}

.sidebar-widget .basic-multi-select .select__dropdown-indicator {
  padding: 8px 13px;
}

.sidebar-widget .basic-multi-select .select__option {
  border-radius: 4px;
  flex: 1 0 16%;
  margin: 2%;
  max-width: 16%;
  text-align: center;
  padding: 8px 0;
}

.sidebar-widget .basic-multi-select--list .select__option {
  flex: 1 0 100%;
  margin: 2%;
  max-width: calc(100% - 4%);
  text-align: left;
  padding: 8px 10px;
}

.sidebar-widget .basic-multi-select .select__option--is-focused {
  background-color: #41444e;
  color: #fff;
}

.basic-single-select--choice .select__control {
  display: none;
}

.basic-single-select--choice .select__menu {
  margin-top: 0;
}

.basic-single-select--choice .select__option {
  position: relative;
}

.basic-single-select--choice .select__option::before {
  content: "\ecea";
  font-family: dliconoutline;
  position: relative;
  top: 2px;
  margin: 0 10px 0 0;
  font-size: 15px;
}

.select__menu {
}

/* @media (min-width: 1200px) { */
.sidebar-widget .basic-multi-select .select__menu {
  border: 1px solid #ebecec;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.015);
}

.sidebar-widget .basic-multi-select.basic-multi-select--grid .select__menu {
  position: relative;
}

.sidebar-widget .basic-multi-select.basic-multi-select--list .select__menu {
  z-index: 9999;
  box-shadow: rgba(0, 0, 0, 0.07) 0px 15px 30px;
}

.sidebar-widget .basic-multi-select .select__menu-list--is-multi {
  max-height: 300px;
  /* overflow: hidden; */
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  padding: 0;
}

.sidebar-widget
  .basic-multi-select.basic-multi-select--grid
  .select__menu-list--is-multi {
  overflow: hidden;
  position: relative;
}

.select__multi-value {
  height: 38px;
  line-height: 31px;
}

/* } */
.sidebar-widget .sidebar-widget-list ul li {
  display: flex;
  justify-content: space-between;
  margin-bottom: 20px;
}

.sidebar-widget .sidebar-widget-list ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-widget-list ul li a {
  text-transform: capitalize;
  font-size: 14px;
  color: #41444e;
  display: block;
}

.sidebar-widget .sidebar-widget-list ul li a:hover {
  text-decoration: underline;
  color: #272727;
}

.sidebar-widget .sidebar-widget-list ul li span {
  color: #41444e;
  font-size: 14px;
  text-transform: capitalize;
}

.sidebar-widget.sidebar-border {
  border-bottom: 1px solid #e8e8e8;
}

.sidebar-widget .sidebar-widget-color ul li {
  display: inline-block;
  margin-right: 3px;
  padding: 1px 6px 6px;
  border: 1px solid transparent;
  border-radius: 100%;
  line-height: 0px;
  transition: all 0.3s ease 0s;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-color ul li {
    padding: 1px 4px 6px;
  }
}

.sidebar-widget .sidebar-widget-color ul li:last-child {
  margin-right: 0;
}

.sidebar-widget .sidebar-widget-color ul li a {
  width: 18px;
  height: 18px;
  border-radius: 100%;
  font-size: 0;
  display: inline-block;
  position: relative;
}

.sidebar-widget .sidebar-widget-color ul li a::before {
  content: attr(title);
  position: absolute;
  bottom: 80%;
  text-indent: 0;
  background: #000;
  padding: 3px 10px 5px;
  line-height: 1;
  border-radius: 4px;
  margin-bottom: 10px;
  min-width: 50px;
  color: #fff;
  left: 50%;
  white-space: pre;
  text-align: center;
  text-transform: none;
  transform: translate(-50%, 0);
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-out;
  font-size: 12px;
}

.sidebar-widget .sidebar-widget-color ul li a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 80%;
  border-width: 4px 4px 0 4px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
  margin-bottom: 6px;
  margin-left: -4px;
  visibility: hidden;
  opacity: 0;
  transition: all 250ms ease-out;
}

.sidebar-widget .sidebar-widget-color ul li a:hover::before {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.sidebar-widget .sidebar-widget-color ul li a:hover::after {
  bottom: 100%;
  opacity: 1;
  visibility: visible;
}

.sidebar-widget .sidebar-widget-color ul li a.black {
  background-color: #000000;
}

.sidebar-widget .sidebar-widget-color ul li a.blue {
  background-color: #5097f7;
}

.sidebar-widget .sidebar-widget-color ul li a.brown {
  background-color: #a17f25;
}

.sidebar-widget .sidebar-widget-color ul li a.green {
  background-color: #9fc539;
}

.sidebar-widget .sidebar-widget-color ul li a.purple {
  background-color: #504e86;
}

.sidebar-widget .sidebar-widget-color ul li a.yellow {
  background-color: #eea437;
}

.sidebar-widget .sidebar-widget-size ul li {
  display: inline-block;
  margin: 2px 2px 2px 0;
}

.sidebar-widget .sidebar-widget-size ul li a {
  border: 1px solid #41444e;
  display: inline-block;
  font-size: 14px;
  line-height: 24px;
  color: #41444e;
  padding: 16px 20px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-widget-size ul li a {
    line-height: 14px;
    padding: 12px 20px;
  }
}

.sidebar-widget .sidebar-widget-size ul li a:hover {
  background-color: #272727;
  border: 1px solid #272727;
  color: #ffffff;
}

.sidebar-widget .sidebar-widget-brand ul li {
  margin: 0 0 8px;
}

.sidebar-widget .sidebar-widget-brand ul li:last-child {
  margin: 0 0 0px;
}

.sidebar-widget .sidebar-widget-brand ul li a {
  color: #41444e;
  font-size: 14px;
  text-transform: uppercase;
  display: flex;
  align-items: center;
}

.sidebar-widget .sidebar-widget-brand ul li a .brand-box {
  margin-right: 15px;
  border-radius: 0;
  border: 1px solid #979797;
  width: 21px;
  height: 21px;
  display: inline-block;
}

.sidebar-widget .sidebar-widget-brand ul li a:hover {
  color: #272727;
}

.sidebar-widget .sidebar-widget-tags ul li {
  display: inline-block;
}

.sidebar-widget .sidebar-widget-tags ul li a {
  color: #8a8a8a;
  font-size: 14px;
}

.sidebar-widget .sidebar-widget-tags ul li a:hover {
  text-decoration: underline;
  color: #343538;
}

.sidebar-widget .price-filter .price-slider-amount input,
.sidebar-widget .price-filter .price-slider-amount .contact__form--3 select,
.contact__form--3 .sidebar-widget .price-filter .price-slider-amount select,
.sidebar-widget .price-filter .price-slider-amount .contact__form--3 textarea,
.contact__form--3 .sidebar-widget .price-filter .price-slider-amount textarea {
  background: transparent;
  padding: 0;
  border: none;
  font-size: 12px;
  line-height: 40px;
  color: #41444e;
}

.sidebar-widget .price-filter #slider-range {
  background: #9d9d9d none repeat scroll 0 0;
  border: medium none;
  border-radius: 50px;
  height: 5px;
  margin-bottom: 20px;
  margin-left: auto;
}

.sidebar-widget .price-filter #slider-range span {
  transition: all 0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-range {
  position: absolute;
  display: block;
  border: 0;
  background: #343538 none repeat scroll 0 0;
  border: none;
  transition: all 0s ease 0s;
}

.sidebar-widget .price-filter #slider-range .ui-slider-handle {
  background: #41444e none repeat scroll 0 0;
  border: medium none;
  border-radius: 50%;
  height: 18px;
  margin-left: 0;
  width: 18px;
  box-shadow: 0 0px 15px rgba(0, 0, 0, 0.2);
  margin-top: -2px;
}

.sidebar-widget .price-filter button {
  color: #fff;
  display: inline-block;
  cursor: pointer;
  padding: 9px 10px;
  transition: all 300ms ease;
  border: none;
  background-color: #41444e;
  font-size: 12px;
  text-transform: uppercase;
  margin: 13px 0 0;
  width: 90px;
}

.sidebar-widget .price-filter button:hover {
  background-color: #272727;
}

.sidebar-widget .sidebar-banner {
  position: relative;
}

.sidebar-widget .sidebar-banner .sidebar-banner-image a {
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.sidebar-widget .sidebar-banner .sidebar-banner-image a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

.sidebar-widget .sidebar-banner .sidebar-banner-image a img {
  width: 100%;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.sidebar-widget .sidebar-banner .sidebar-banner-content {
  top: 85%;
  transform: translateY(-85%);
  position: absolute;
  left: 30px;
  z-index: 9;
}

.sidebar-widget .sidebar-banner .sidebar-banner-content .title {
  font-size: 36px;
  line-height: 41px;
  color: #ffffff;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-banner .sidebar-banner-content .title {
    font-size: 24px;
    line-height: 30px;
  }
}

.sidebar-widget .sidebar-banner .sidebar-banner-content .banner-shop-btn {
  font-size: 10px;
  line-height: 10px;
  font-weight: 700;
  text-transform: uppercase;
  width: 120px;
  background-color: #41444e;
  margin: 25px 0px 0px 0px;
  padding: 15px 30px;
  color: #ffffff;
  text-align: center;
  display: inline-block;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .sidebar-widget .sidebar-banner .sidebar-banner-content .banner-shop-btn {
    margin-top: 15px;
  }
}

.sidebar-widget .sidebar-banner .sidebar-banner-content-two {
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  left: 30px;
  z-index: 9;
}

.sidebar-widget .sidebar-banner .sidebar-banner-content-two .title {
  color: #ffffff;
  font-size: 24px;
  line-height: 33px;
  font-weight: 700;
  text-align: left;
}

.sidebar-widget .sidebar-banner .sidebar-banner-content-two span {
  color: #ffffff;
  font-size: 16px;
  line-height: 27px;
  font-weight: 400;
}

.sidebar-widget .sidebar-banner:hover .sidebar-banner-image a::before {
  opacity: 0.3;
}

.sidebar-widget .sidebar-banner:hover .sidebar-banner-image a img {
  transform: scale(1.1);
}

.sidebar-widget .sidebar-widget-search .search-form-2 {
  position: relative;
}

.sidebar-widget .sidebar-widget-search .search-form-2 input,
.sidebar-widget .sidebar-widget-search .search-form-2 .contact__form--3 select,
.contact__form--3 .sidebar-widget .sidebar-widget-search .search-form-2 select,
.sidebar-widget
  .sidebar-widget-search
  .search-form-2
  .contact__form--3
  textarea,
.contact__form--3
  .sidebar-widget
  .sidebar-widget-search
  .search-form-2
  textarea {
  background: transparent;
  height: 50px;
  border: 1px solid #41444e;
  font-size: 14px;
  color: #41444e;
  padding: 2px 40px 2px 20px;
  width: 100%;
}

.sidebar-widget .sidebar-widget-search .search-form-2 .button-search-2 {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  right: 15px;
  background: transparent;
  border: none;
  font-size: 16px;
  color: #41444e;
  line-height: 1;
}

.sidebar-widget .sidebar-widget-search .search-form-2 .button-search-2:hover {
  color: #272727;
}

.sidebar-widget .sidebar-widget-comment ul li {
  color: #8a8a8a;
  font-size: 12px;
  padding-left: 30px;
  position: relative;
  margin: 0 0 15px;
}

.sidebar-widget .sidebar-widget-comment ul li:last-child {
  margin-bottom: 0;
}

.sidebar-widget .sidebar-widget-comment ul li::before {
  content: "\52";
  font-family: negan;
  position: absolute;
  left: 0;
  top: 1px;
  font-size: 14px;
}

.sidebar-widget .sidebar-widget-comment ul li a {
  color: #41444e;
}

.sidebar-widget .sidebar-widget-tags2 ul li {
  display: inline-block;
  margin: 2px 2px 2px 0;
}

.sidebar-widget .sidebar-widget-tags2 ul li a {
  font-size: 11px;
  line-height: 18px;
  display: inline-block;
  margin: 0 0 8px;
  position: relative;
  border: 1px solid #ccc;
  padding: 5px 18px;
  border-radius: 5px;
  transition: all 0.3s;
}

.sidebar-widget .sidebar-widget-tags2 ul li a:hover {
  color: #ffffff;
  border: 1px solid #41444e;
  background-color: #41444e;
}

@media only screen and (max-width: 767px) {
  .sidebar-widget.pb-45 {
    padding-bottom: 20px;
  }
}

.sidebar-product-wrap .single-sidebar-product {
  display: flex;
  padding-top: 10px;
  margin-bottom: 20px;
  border-bottom: 1px solid #dcdcdc;
  padding-bottom: 20px;
}

.sidebar-product-wrap .single-sidebar-product .sidebar-product-img {
  flex: 0 0 70px;
}

.sidebar-product-wrap .single-sidebar-product .sidebar-product-img a img {
  width: 100%;
}

.sidebar-product-wrap .single-sidebar-product .sidebar-product-content {
  margin-left: 20px;
}

.sidebar-product-wrap .single-sidebar-product .sidebar-product-content h4 {
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 5px;
}

.sidebar-product-wrap .single-sidebar-product .sidebar-product-content .title {
  font-weight: 700;
  font-size: 14px;
  margin: 0 0 5px;
  color: #41444e;
  line-height: 1;
  display: block;
}

.sidebar-product-wrap .single-sidebar-product .sidebar-product-content span {
  font-size: 12px;
  color: #8a8a8a;
}

@media only screen and (max-width: 767px) {
  .sidebar-product-wrap .single-sidebar-product.mb-40 {
    margin-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .shop-sidebar {
    margin-top: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .shop-sidebar {
    margin-top: 30px;
  }
}

/*-- Sidebar --*/
.sidebar {
  margin-bottom: 50px;
}

.sidebar:last-child {
  margin-bottom: 0;
}

/*-- Sidebar Title --*/
.sidebar-title {
  font-size: 22px;
  line-height: 1;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  padding-bottom: 30px;
  margin-bottom: 25px;
}

.sidebar-product {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #e5e6e7;
}

.sidebar-product:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: 0;
}

.sidebar-product .image {
  max-width: 80px;
  flex: 1 0 80px;
}

.sidebar-product .image img {
  width: 100%;
  border: 1px solid #f1f2f3;
}

.sidebar-product .content {
  flex: 1 0 calc(100% - 80px);
  padding-left: 15px;
}

.sidebar-product .content .title {
  font-size: 15px;
  font-weight: 600;
  line-height: 1.4;
}

.sidebar-product .content .price {
  font-size: 14px;
  line-height: 1;
  margin: 0;
}

.sidebar-product .content .price span.new {
  font-weight: 700;
  color: #d80000;
  margin-left: 10px;
}

.sidebar-product .content .price span.old {
  color: #4d4d4d;
  text-decoration: line-through;
}

.sidebar-product .content .ratting {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 5px;
}

.sidebar-product .content .ratting i {
  font-size: 12px;
  line-height: 18px;
  margin-right: 5px;
  color: #41444e;
}

.sidebar-product .content .ratting i:last-child {
  margin-right: 0;
}

.banner-image {
  margin: 0px 0px 0px 160px;
  max-width: 100%;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  .banner-image {
    margin: 0px 0px 0px 60px;
  }
}

.banner-image img {
  width: 311px;
}

/*----------------------------------------*/
/*  21. Faq CSS
/*----------------------------------------*/
/* Faq CSS */
.faq-answer {
  font-family: Karla, sans-serif;
  font-size: 1.125rem;
  line-height: 2;
  color: #212529;
  font-weight: 400;
}

.faq-content .title {
  font-size: 24px;
  line-height: 33px;
  margin-bottom: 25px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .faq-content .title {
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .faq-content .title {
    font-size: 18px;
    line-height: 26px;
    margin-bottom: 15px;
  }
}

.faq-content p {
  font-size: 14px;
  line-height: 28px;
}

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

.help-content h2 {
  font-size: 36px;
  line-height: 50px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 767px) {
  .help-content h2 {
    font-size: 28px;
    line-height: 36px;
  }
}

.help-content a {
  font-size: 14px;
  font-weight: 700;
  text-transform: capitalize;
}

.help-content a:hover {
  background: #272727;
  border-color: #272727;
  color: #ffffff;
}

.newsletter-form {
  position: relative;
  border-bottom: 1px solid #a8abb3;
  width: 620px;
  max-width: 100%;
  margin: 0 auto;
}

.newsletter-form.newsletter-form-two {
  width: 780px;
  max-width: 100%;
}

.newsletter-form.color-white {
  border-bottom: 1px solid #ffffff;
}

.newsletter-form.color-white input,
.newsletter-form.color-white .contact__form--3 select,
.contact__form--3 .newsletter-form.color-white select,
.newsletter-form.color-white .contact__form--3 textarea,
.contact__form--3 .newsletter-form.color-white textarea {
  color: #ffffff;
}

.newsletter-form.color-white button {
  color: #ffffff;
}

.newsletter-form input,
.newsletter-form .contact__form--3 select,
.contact__form--3 .newsletter-form select,
.newsletter-form .contact__form--3 textarea,
.contact__form--3 .newsletter-form textarea {
  width: 100%;
  border: none;
  line-height: 30px;
  height: 55px;
  padding: 10px 0px 10px 0px;
  padding-right: 115px;
  background-color: rgba(0, 0, 0, 0);
  color: #41444e;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.7px;
}

@media only screen and (max-width: 767px) {
  .newsletter-form input,
  .newsletter-form .contact__form--3 select,
  .contact__form--3 .newsletter-form select,
  .newsletter-form .contact__form--3 textarea,
  .contact__form--3 .newsletter-form textarea {
    height: 40px;
    padding-right: 150px;
  }
}

@media only screen and (max-width: 479px) {
  .newsletter-form input,
  .newsletter-form .contact__form--3 select,
  .contact__form--3 .newsletter-form select,
  .newsletter-form .contact__form--3 textarea,
  .contact__form--3 .newsletter-form textarea {
    padding-right: 128px;
    font-size: 11px;
  }
}

.newsletter-form button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
  background: none;
  border: none;
  width: 200px;
  font-size: 16px;
  font-weight: 700;
  text-align: right;
}

@media only screen and (max-width: 767px) {
  .newsletter-form button {
    width: 110px;
    font-size: 14px;
  }
}

.newsletter-form input,
.newsletter-form button {
  color: #a8abb3;
}

.newsletter-form button:hover {
  color: #272727;
}

.portfolio-nav-area ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  padding: 10px 0;
}

@media only screen and (max-width: 767px) {
  .portfolio-nav-area ul {
    justify-content: flex-start;
  }
}

.portfolio-nav-area ul li {
  font-size: 20px;
  line-height: 1;
  margin-right: 30px;
}

.portfolio-nav-area ul li:last-child {
  margin-right: 0;
}

.portfolio-nav-area ul li a {
  color: #41444e;
}

.portfolio-nav-area ul li a:hover {
  color: #272727;
}

/* Single Portfolio CSS */
.-ccn-o-ratio-box,
.single-portfolio {
  position: relative;
  overflow: hidden;
  z-index: 0;
}

.-ccn-o-ratio-box .portfolio-image {
  overflow: hidden;
  cursor: pointer;
}

.portfolio-image img {
  width: 100%;
}

.single-portfolio-content {
  padding: 30px;
}

.single-portfolio.style-two .protfolio-content {
  padding: 12px 0px 50px;
  text-align: left;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-portfolio.style-two .protfolio-content {
    padding: 12px 0px 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-portfolio.style-two .protfolio-content {
    padding: 12px 0px 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-portfolio.style-two .protfolio-content {
    padding: 12px 0px 30px;
  }
}

@media only screen and (max-width: 767px) {
  .single-portfolio.style-two .protfolio-content {
    padding: 12px 0px 30px;
  }
}

.single-portfolio.style-two .protfolio-content h3 {
  font-size: 32px;
  line-height: 45px;
  margin-bottom: 10px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-portfolio.style-two .protfolio-content h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

@media only screen and (max-width: 767px) {
  .single-portfolio.style-two .protfolio-content h3 {
    font-size: 24px;
    line-height: 32px;
  }
}

.single-portfolio.style-two .protfolio-content h3 a:hover {
  color: #272727;
}

.single-portfolio.style-two .protfolio-content p {
  font-size: 14px;
  color: #4d4d4d;
  line-height: 28px;
}

.single-portfolio.style-three {
  position: relative;
  overflow: hidden;
}

.single-portfolio.style-three.w-margin-btm {
  /* height: calc(100% - 60px); */
}

.single-portfolio.style-three.style-transform .portfolio-image .icon {
  /* top: calc(50% - 30px); */
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 60px;
}

.single-portfolio.style-three.style-transform .gatsby-image-wrapper {
  transition: all 0.5s;
  transform: scale(1.05);
}

.single-portfolio.style-three.style-transform:hover .gatsby-image-wrapper {
  transform: scale(1);
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-portfolio.style-three.style-transform .portfolio-overlay-desc {
    top: 50%;
    transform: translateY(-50%);
  }
}

.single-portfolio.style-three .portfolio-image::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.6);
  transition: all 0.4s;
}

.-ccn-o-ratio-box .title-xs {
  color: #a8abb3;
  position: absolute;
  top: 0;
  left: 0;
  margin: 2rem;
  z-index: 2;
}

.-ccn-o-ratio-box .o-ratio-text {
  font-size: 3rem;
  line-height: 1.2;
  position: absolute;
  top: 2rem;
  text-align: left;
  font-family: "Lora", serif;
  width: auto;
  margin: 0 2rem;
  z-index: 2;
}

.catalog-page .-ccn-o-ratio-box .o-ratio-text {
  font-size: 25px;
}

.-ccn-o-ratio-box .o-ratio-text,
.-ccn-o-ratio-box .o-ratio-text a {
  color: #fff;
}

.-ccn-o-ratio-box .o-ratio-btn {
  color: #fff;
  position: absolute;
  bottom: 1.5rem;
  margin: 0 2rem;
  text-align: left;
  width: auto;
  z-index: 2;
}

.-ccn-o-ratio-box .portfolio-image::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1;
  transition: all 0.5s;
  /* filter: brightness(0.5); */
  /* background: rgba(0, 0, 0, .65); */
  background: rgba(0, 0, 0, 0.45);
}

.-ccn-o-ratio-box:hover .portfolio-image::before {
  filter: brightness(0.08) contrast(0.65);
  background: rgba(0, 0, 0, 0.95);
}

.single-portfolio.style-three .portfolio-image img {
  width: 100%;
}

.single-portfolio.style-three .portfolio-image .icon {
  top: 65%;
}

.single-portfolio.style-three .portfolio-image,
.single-portfolio.style-three .portfolio-image > a,
.single-portfolio.style-three .portfolio-image .gatsby-image-wrapper {
  height: 700px !important;
}

@media (max-width: 1800px) {
  .single-portfolio.style-three .portfolio-image,
  .single-portfolio.style-three .portfolio-image > a,
  .single-portfolio.style-three .portfolio-image .gatsby-image-wrapper {
    height: 580px !important;
  }
}

@media (max-width: 1500px) {
  .single-portfolio.style-three .portfolio-image,
  .single-portfolio.style-three .portfolio-image > a,
  .single-portfolio.style-three .portfolio-image .gatsby-image-wrapper {
    height: 560px !important;
  }
}

@media (max-width: 1250px) {
  .single-portfolio.style-three .portfolio-image,
  .single-portfolio.style-three .portfolio-image > a,
  .single-portfolio.style-three .portfolio-image .gatsby-image-wrapper {
    height: 420px !important;
  }
}

.single-portfolio.style-three .portfolio-overlay-desc {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 9;
  width: 100%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transition: all 0.4s;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-portfolio.style-three .portfolio-overlay-desc {
    top: 48%;
    transform: translateY(-48%);
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-portfolio.style-three .portfolio-overlay-desc {
    top: 48%;
    transform: translateY(-48%);
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-portfolio.style-three .portfolio-overlay-desc {
    top: 50%;
    transform: translateY(-50%);
  }
}

@media only screen and (max-width: 767px) {
  .single-portfolio.style-three .portfolio-overlay-desc {
    top: 45%;
    transform: translateY(-45%);
  }
}

.single-portfolio.style-three .portfolio-overlay-desc p {
  font-size: 14px;
  line-height: 1;
  font-style: italic;
  color: #b4b4b4;
  margin-bottom: 0;
}

.single-portfolio.style-three .portfolio-overlay-desc .title {
  font-size: 22px;
  line-height: 30px;
  font-weight: 700;
  color: #ffffff;
  margin: 15px 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-portfolio.style-three .portfolio-overlay-desc .title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-portfolio.style-three .portfolio-overlay-desc .title {
    font-size: 18px;
    line-height: 26px;
  }
}

@media only screen and (max-width: 767px) {
  .single-portfolio.style-three .portfolio-overlay-desc .title {
    font-size: 18px;
    line-height: 26px;
  }
}

.single-portfolio.style-three .portfolio-overlay-desc .title a:hover {
  color: #272727;
}

.single-portfolio.style-three:hover .portfolio-overlay-desc {
  opacity: 1;
  visibility: visible;
}

.single-portfolio.style-four .protfolio-content {
  padding: 12px 0px 10px;
  text-align: left;
}

.single-portfolio.style-three h3 {
  font-size: 38px;
  margin: 1rem 0 1rem;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .single-portfolio.style-four .protfolio-content {
    padding: 12px 0px 10px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .single-portfolio.style-four .protfolio-content {
    padding: 12px 0px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .single-portfolio.style-four .protfolio-content {
    padding: 12px 0px 10px;
  }
}

.single-portfolio.style-four .protfolio-content h2 {
  font-size: 24px;
  line-height: 33px;
}

.single-portfolio .portfolio-image {
  position: relative;
}

.single-portfolio .portfolio-image img {
  width: 100%;
}

.overlay-icon-container,
.single-portfolio .portfolio-image .icon {
  position: absolute;
  top: 50%;
  z-index: 3;
  left: 0;
  right: 0;
  margin: auto;
  visibility: hidden;
  opacity: 0;
  transition: all 0.4s;
  transform: scale(1.1);
  text-align: center;
}

.overlay-icon-container div,
.single-portfolio .portfolio-image .icon div {
  width: 60px;
  height: 60px;
  line-height: 66px;
  background: none;
  color: #fff;
  margin: 10px;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  transition: all 0.3s;
  display: inline-block;
  cursor: pointer;
  position: relative;
}

.overlay-icon-container div a,
.single-portfolio .portfolio-image .icon div a {
  color: #fff;
}

.overlay-icon-container div:hover,
.overlay-icon-container div:hover a,
.single-portfolio .portfolio-image .icon div:hover,
.single-portfolio .portfolio-image .icon div:hover a {
  color: #272727;
}

.overlay-icon-container div::after,
.single-portfolio .portfolio-image .icon div::after {
  content: "";
  border: 1px solid #fff;
  width: 60px;
  height: 60px;
  border-radius: 50px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.3s;
}

.overlay-icon-container div:hover,
.single-portfolio .portfolio-image .icon div:hover {
  background: #fff;
  border-color: #ffffff;
}

.overlay-icon-container div:hover:after,
.single-portfolio .portfolio-image .icon div:hover:after {
  transform: scale(1.2);
}

.single-portfolio .portfolio-overlay-info {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  align-items: stretch;
  text-align: center;
  box-sizing: border-box;
  position: absolute;
  bottom: -50px;
  left: 0;
  background: #212121;
  color: #ffffff;
  z-index: 2;
  text-align: left;
  padding: 30px;
  transition: all 0.6s;
  visibility: hidden;
  opacity: 0;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-portfolio .portfolio-overlay-info {
    padding: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .single-portfolio .portfolio-overlay-info {
    padding: 15px;
  }
}

.single-portfolio .portfolio-overlay-info .title {
  font-size: 20px;
  line-height: 28px;
  font-weight: 700;
  margin-bottom: 5px;
  color: #ffffff;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .single-portfolio .portfolio-overlay-info .title {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .single-portfolio .portfolio-overlay-info .title {
    font-size: 16px;
  }
}

.single-portfolio .portfolio-overlay-info .title a:hover {
  color: #ffffff;
}

.single-portfolio .portfolio-overlay-info .category {
  font-size: 14px;
  line-height: 24px;
  color: #ffffff;
}

.single-portfolio:hover .portfolio-image .icon {
  opacity: 1;
  visibility: visible;
  /* margin-top: 0; */
  transform: scale(1);
}

.single-portfolio:hover .portfolio-overlay-info {
  opacity: 1;
  visibility: visible;
  bottom: 0;
}

/* Protfolio Details CSS */
.portfolio-details-content .title {
  font-size: 56px;
  line-height: 78px;
  font-weight: 700;
  margin-bottom: 10px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-details-content .title {
    font-size: 36px;
    line-height: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-details-content .title {
    font-size: 36px;
    line-height: 50px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .title {
    font-size: 24px;
    line-height: 34px;
  }
}

.portfolio-details-content .category {
  font-size: 16px;
  line-height: 27px;
  font-weight: 700;
  font-style: italic;
  color: #41444e;
  margin-bottom: 50px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-details-content .category {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-details-content .category {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .category {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 15px;
  }
}

.portfolio-details-content .portfolio-list {
  padding: 40px 0px 40px 0px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-details-content .portfolio-list {
    padding: 20px 0px 20px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .portfolio-list {
    padding: 20px 0px 20px 0px;
  }
}

.portfolio-details-content .portfolio-list li {
  font-size: 16px;
  line-height: 9px;
  padding-bottom: 45px;
  color: #41444e;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-details-content .portfolio-list li {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-details-content .portfolio-list li {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .portfolio-list li {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

.portfolio-details-content .portfolio-list li i {
  color: #41444e;
  font-size: 8px;
}

.portfolio-details-content .portfolio-list li span {
  padding-left: 13px;
}

.portfolio-details-content .portfolio-list li:last-child {
  padding-bottom: 0;
}

.portfolio-details-content .portfolio-feature {
  margin: 40px 0px 50px 0px;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-details-content .portfolio-feature {
    margin: 25px 0px 40px 0px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-details-content .portfolio-feature {
    margin: 25px 0px 40px 0px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .portfolio-feature {
    margin: 15px 0px 20px 0px;
  }
}

.portfolio-details-content .portfolio-feature li {
  font-size: 16px;
  line-height: 9px;
  padding-bottom: 20px;
  color: #41444e;
  display: flex;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-details-content .portfolio-feature li {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .portfolio-feature li {
    font-size: 14px;
    padding-bottom: 20px;
  }
}

.portfolio-details-content .portfolio-feature li .icon i {
  font-size: 20px;
  color: #41444e;
}

.portfolio-details-content .portfolio-feature li .content {
  font-size: 14px;
  line-height: 24px;
  color: #41444e;
  padding-left: 26px;
}

.portfolio-details-content .portfolio-feature li:last-child {
  padding-bottom: 0;
}

.portfolio-details-content .portfolio-social-icon button {
  font-size: 18px;
  border: 1px solid #41444e;
  border-radius: 50%;
  background-color: #41444e;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 12px;
  transition: all 0.3s ease-in-out;
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .portfolio-social-icon button {
    margin-right: 10px;
  }
}

.portfolio-details-content .portfolio-social-icon button:last-child {
  margin-right: 0;
}

.portfolio-details-content .portfolio-social-icon button i {
  color: #ffffff;
}

.portfolio-details-content .portfolio-social-icon button:hover {
  border-color: rgba(0, 0, 0, 0);
}

.portfolio-details-content .portfolio-social-icon button.facebook:hover {
  background-color: #4867aa;
}

.portfolio-details-content .portfolio-social-icon button.twitter:hover {
  background-color: #1da1f2;
}

.portfolio-details-content .portfolio-social-icon button.pinterest:hover {
  background-color: #dd5144;
}

.portfolio-details-content .portfolio-social-icon button.email:hover {
  background-color: #ea4213;
}

.portfolio-details-content .shop-btn {
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
  padding: 20px 40px;
  border: 0;
  margin-top: 60px;
  width: 220px;
  text-align: center;
  text-transform: capitalize;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .portfolio-details-content .shop-btn {
    margin-top: 50px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .portfolio-details-content .shop-btn {
    margin-top: 40px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-details-content .shop-btn {
    margin-top: 30px;
  }
}

.portfolio-details-content .shop-btn:hover {
  background-color: #272727;
}

@media only screen and (max-width: 767px) {
  .portfolio-details-gallery {
    margin-top: 30px;
  }
}

.single-portfolio-image a {
  display: block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.single-portfolio-image a::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
  opacity: 0;
  transition: 0.3s;
}

.single-portfolio-image a img {
  width: 100%;
  transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.single-portfolio-image:hover a::before {
  opacity: 0.4;
}

.single-portfolio-image:hover a img {
  transform: scale(1.1);
}

.portfolio-pagination-section {
  padding: 1.6rem 0;
  border-top: 1px solid #41444e;
  border-bottom: 1px solid #41444e;
}

@media only screen and (max-width: 767px) {
  .portfolio-pagination-section {
    padding: 15px 0;
  }
}

.portfolio-pagination a {
  font-size: 24px;
  line-height: 41px;
  font-weight: 700;
  color: #41444e;
  text-transform: uppercase;
}

@media only screen and (max-width: 1600px) {
  .portfolio-pagination a {
    font-size: 18px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 991px) {
  .portfolio-pagination a {
    font-size: 20px;
    line-height: 34px;
  }
}

@media only screen and (max-width: 767px) {
  .portfolio-pagination a {
    font-size: 18px;
    line-height: 30px;
  }
}

@media only screen and (max-width: 479px) {
  .portfolio-pagination a {
    font-size: 13px;
    line-height: 20px;
  }
}

.portfolio-pagination a:hover {
  color: #272727;
}

/*-- Contact Form --*/
.contact__form--3 {
  padding: 0 80px;
  /* background-color: #fff; */
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .contact__form--3 {
    padding: 0 40px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .contact__form--3 {
    padding: 0 35px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .contact__form--3 {
    padding: 60px 15px;
    padding-top: 0px;
  }
}

@media only screen and (max-width: 767px) {
  .contact__form--3 {
    padding: 50px 0;
    padding-top: 0px;
  }
}

.contact__form--3 input,
.contact__form--3 select,
.contact__form--3 textarea {
  font-size: 18px;
  padding: 0 0 15px;
  margin: 0 0 10px;
  border-style: solid;
  border-width: 0 0 2px;
  border-color: #2f2f2f;
  background-color: transparent;
  height: auto;
  width: 100%;
}

.contact__form--3 .form-field:first-child input {
  /* margin-top: 0; */
}

@media only screen and (max-width: 767px) {
  .contact__form--3 input,
  .contact__form--3 select,
  .contact__form--3 textarea {
    margin-top: 40px;
  }
}

.contact__form--3 input[type="submit"],
.contact__form--3 button.submit,
.contact__form--3 select[type="submit"],
.contact__form--3 textarea[type="submit"] {
  font-size: 14px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 20px;
  padding: 30px;
  border-radius: 0;
  display: block;
  width: 100%;
  margin: 25px 0 0;
  background-color: #41444e;
  text-decoration: none;
  color: #ffffff;
  border-color: transparent;
}

.contact__form--3 input[type="submit"]:hover,
.contact__form--3 button.submit:hover,
.contact__form--3 select[type="submit"]:hover,
.contact__form--3 textarea[type="submit"]:hover {
  background-color: #272727;
  color: #ffffff;
}

.contact__form--3 textarea {
  height: 150px;
  min-height: 150px;
}

.form-messege.success {
  color: #1dbc51;
  font-weight: 700;
}

.form-messege.error {
  color: #ff1313;
}

/*----------------------------------------*/
/*  31. 404 CSS
/*----------------------------------------*/
/* 404 Error CSS */
@media only screen and (max-width: 767px) {
  .error-404-page-area {
    padding: 50px 0;
  }
}

.error-content h1 {
  font-size: 5rem;
  line-height: 6rem;
  /* font-weight: 700; */
  margin: 0 0 5px;
}

.error-content h2 {
  font-size: 3rem;
  line-height: 4rem;
  /* font-weight: 700; */
  margin: 15px 0;
}

/*---------------------------------------
    32. Modal CSS
-----------------------------------------*/
.modal {
  display: block !important;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  transition: none;
}

.modal.show {
  visibility: visible;
  opacity: 1;
  transition: all 0.3s ease 0s;
}

.modal-content {
  border: none;
  border-radius: 0;
}

.modal-dialog {
  margin: 13px auto;
  max-width: 1300px;
  width: 1300px;
}

@media only screen and (min-width: 1200px) and (max-width: 1499px) {
  .modal-dialog {
    width: 1100px;
    max-width: 1100px;
  }
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-dialog {
    width: 960px;
    max-width: 960px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .modal-dialog {
    width: 720px;
    max-width: 720px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-dialog {
    width: 100%;
    max-width: 100%;
    padding: 20px 0;
  }
}

.modal-dialog .modal-body {
  padding: 30px 30px;
}

@media only screen and (max-width: 767px) {
  .modal-dialog .modal-body {
    padding: 30px 15px;
  }
}

.modal-header {
  padding: 15px 15px 20px;
  border-bottom: none;
}

@media only screen and (min-width: 992px) and (max-width: 1199px) {
  .modal-header {
    padding: 15px 15px 10px;
  }
}

@media only screen and (max-width: 767px) {
  .modal-header {
    padding: 15px 15px 20px;
  }
}

.modal-header .close {
  color: rgba(255, 255, 255, 0.6);
  cursor: pointer;
  font-size: 38px;
  text-shadow: 0 0 15px transparent;
  opacity: 0.9;
}

.modal-header .close:hover {
  color: #272727;
  text-shadow: 0 0 15px #fff;
  opacity: 1;
}

.modal-backdrop {
  background-color: #333;
}

.modal-backdrop.show {
  opacity: 0.9;
}

.quickview-img-wrap {
  width: 100%;
  display: block;
  height: 100%;
}

.quickview-small-img-slider {
  width: 68px;
  float: left;
  display: block;
  margin-top: 35px;
}

.quickview-small-img-slider .single-small-img {
  margin-bottom: 11px;
}

.quickview-small-img-slider .single-small-img img {
  width: 100%;
}

.quickview-small-img-slider .single-small-img.slick-active {
  border: 1px solid transparent;
}

.quickview-small-img-slider .single-small-img.slick-active.slick-current {
  border: 1px solid #272727;
}

.quickview-big-img-slider {
  width: calc(100% - 68px);
  padding-left: 30px;
  float: left;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
  .quickview-big-img-slider {
    padding-left: 15px;
  }
}

@media only screen and (max-width: 767px) {
  .quickview-big-img-slider {
    padding-left: 15px;
  }
}

.quickview-big-img-slider .single-big-img img {
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .quickview-content {
    margin-top: 20px;
  }
}

.tooltip .tooltip-inner {
  padding: 0px 12px 2px;
  background-color: #000;
  font-size: 14px;
}

/*---------------------------------------
    33. Footer CSS
-----------------------------------------*/
.footer-default {
  padding: 0;
  background-color: #efeeee;
  color: #6c737f;
  filter: contrast(0.95);
  font-size: 1.1rem;
  line-height: 2rem;
}

@media (min-width: 768px) {
  .footer-default {
    font-size: 0.9rem;
    line-height: 1rem;
  }
}

.footer-default .pra {
  padding-right: 3rem;
}

.foot-content p {
  color: #ffffff;
  font-size: 11px;
  line-height: 20px;
}

.footer-social-icon {
  margin-top: 2rem;
  margin-bottom: 4rem;
}

@media (min-width: 767px) {
  .footer-social-icon {
    margin-top: 1.5rem;
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .footer-last {
    text-align: right;
  }
}

.footer-social-icon a {
  font-size: 15px;
  border: 1px solid #41444e;
  border-radius: 50%;
  background-color: #41444e;
  width: 40px;
  height: 40px;
  line-height: 40px;
  text-align: center;
  margin-right: 10px;
  transition: all 0.2s ease;
  transform: translateY(0);
}

@media only screen and (max-width: 767px) {
  .footer-social-icon a {
    margin-right: 10px;
  }
}

.footer-social-icon a:last-child {
  margin-right: 0;
}

.footer-social-icon a i {
  color: #ffffff;
}

.footer-social-icon a:hover {
  color: #45474c;
  background: #fff;
  box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
  transform: translateY(-2px);
  border-color: #fff;
}

.footer-social-icon a:hover i {
  color: #45474c;
}

.footer-social-icon a:hover i[class*="ccn-fa"] {
  filter: invert(27%) sepia(7%) saturate(413%) hue-rotate(185deg)
    brightness(94%) contrast(92%);
}

.MuiSwitch-colorSecondary.Mui-checked + .MuiSwitch-track {
  background-color: #41444e;
}

.MuiSwitch-colorSecondary.Mui-checked {
  color: #41444e;
}

.MuiCircularProgress-colorPrimary {
  color: #41444e !important;
}

.exp-readmore .MuiCollapse-container {
  transition: all 300ms cubic-bezier(0.4, 0, 0.2, 1) 0ms !important;
}

.exp-readmore .MuiCollapse-container:not(.MuiCollapse-entered) {
  visibility: visible !important;
  height: 100% !important;
  /* max-height: 70px !important; */
  position: relative !important;
}

.exp-readmore
  .MuiCollapse-container.MuiCollapse-entered
  .MuiExpansionPanelDetails-root {
  max-height: 100% !important;
}

.exp-readmore
  .MuiCollapse-container.MuiCollapse-entered
  .MuiExpansionPanelDetails-root:before {
  display: none !important;
}

.exp-readmore .MuiCollapse-container.MuiCollapse-entered {
  max-height: 3000px !important;
}

.exp-readmore {
  max-width: 700px;
  margin: 0 0 15px;
}

.exp-readmore .MuiExpansionPanel-root {
  display: flex;
  flex-direction: column;
  background: transparent;
  box-shadow: none;
  /* font-family: "Lora"; */
}

.exp-readmore .MuiExpansionPanelSummary-root,
.MuiExpansionPanelSummary-root.Mui-expanded {
  padding: 0 !important;
  min-height: 0 !important;
}

.exp-readmore .MuiExpansionPanelSummary-root,
.exp-readmore .MuiExpansionPanelDetails-root {
  padding: 0 !important;
}

.exp-readmore .MuiExpansionPanelSummary-root {
  order: 2;
}

.exp-readmore .MuiCollapse-container {
  order: 1;
}

.exp-readmore-content {
  font-weight: 400;
  /* font-size: 14px; */
  width: 100%;
}

.exp-readmore-content ul {
  padding-bottom: 20px !important;
}

.exp-readmore-title {
  font-size: 13px;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.4);
  padding-top: 10px;
}

.exp-readmore .MuiExpansionPanelSummary-content.Mui-expanded {
  margin: 0 !important;
}

.exp-readmore .MuiCollapse-container.MuiCollapse-hidden::after {
  background: black;
  content: "";
}

/* forced resets */
._da {
  transition: none !important;
}

/* end ccn constants */
.ccnCard {
  /* border: 1px solid #ebecec;
  box-shadow: 0 3px 2px rgba(0, 0, 0, .015); */
  background: #fff;
  padding: 40px;
  transition: 1s ease all;
}

.ccnCard:hover {
  /* border-color: #41444e; */
  /* box-shadow: 0 3px 2px rgba(0, 0, 0, .015); */
  /* box-shadow: 0 7px 8px 1px rgba(0, 0, 0, .03); */
}

.ccnCard.single-grid-product .product-image > a {
  position: relative;
  width: 100%;
}

.catalog-box {
  /* background: #fff; */
  padding: 30px 30px 75px;
  /* border: 1px solid #ebecec;
  box-shadow: 0 3px 2px rgba(0, 0, 0, .015); */
  height: calc(100% - 30px);
}

.catalog-box p {
  font-size: 14px;
}

.catalog-box.single-content-banner .banner-images a {
  padding: 10px 40px 40px;
}

.catalog-box.single-content-banner .banner-images .gatsby-image-wrapper {
  height: 100%;
}

.catalog-box.single-content-banner:hover .banner-images a::before {
  opacity: 0;
}

.catalog-box .banner-images {
  /* height: 524px; */
  overflow: hidden;
  background: #fff;
}

.catalog-box .banner-images img {
  -o-object-fit: cover;
     object-fit: cover;
}

.catalog-box.single-content-banner.supporting .banner-images a {
  padding: 20px;
  height: 200px;
  width: 200px;
  margin: 0 auto;
}

.catalog-box.single-content-banner.supporting .banner-images a img {
  -o-object-fit: contain;
     object-fit: contain;
  height: 100%;
  width: 100%;
}

.catalog-box:hover .catExporeMore {
  padding-left: 10px;
}

.catalog-box:hover .catExporeMore:after {
  padding-left: 10px;
}

.ccnProductCard {
  padding: 0 0 40px;
}

.ccnProductCard .product-content {
  padding: 0 40px;
}

.single-grid-product.ccnProductCard .product-image > a {
  width: 100%;
  /* height: 230px; */
}

.single-grid-product.ccnProductCard .product-image > a,
.single-grid-product.ccnProductCard .product-image a > div {
  height: 15rem;
}

.single-grid-product.ccnProductCard .product-image > a img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  background: #fff;
}

.ccnProductCard .product-image > a .imgFirst img,
.ccnProductCard .product-img-list > a .imgFirst img {
  -o-object-fit: cover !important;
     object-fit: cover !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.ccnProductCard .product-image > a .imgSecond,
.ccnProductCard .product-img-list > a .imgSecond {
  -o-object-fit: cover;
     object-fit: cover;
}

.product-details-tab .slick-list {
  width: calc(100% - 140px);
  padding-left: 0px;
  float: right;
}

.ccn-slick-slide {
  position: relative;
}

.product-details-tab .slick-list .ccn-slick-slide {
  height: 410px;
  width: 100%;
}

.product-details-tab .slick-list .ccn-slick-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.product-details-tab .slick-dots {
  width: 140px;
  float: left;
  display: block;
  margin: 0;
}

.ccnCatProdFull .product-details-tab .slick-dots {
  max-height: 550px;
  overflow: hidden;
}

.product-details-tab .slick-dots li {
  margin: 0 15px 0 0px;
}

.product-details-tab .slick-dots li a {
  width: 100%;
  overflow: hidden;
  height: 118px;
  border: 1px solid transparent;
  margin-bottom: 20px;
  background: rgba(0, 0, 0, 0.02);
}

.product-details-tab .slick-dots li.slick-active a {
  border: 1px solid #41444e;
}

.product-details-tab .slick-dots li img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.ccnMasonryItem:not(.ccnMasonryItemInsert) img {
  max-width: 300px;
}

.ccnMasonryItem img {
  height: auto;
}

.ccnMasonryItem {
  /* padding: 20px; */
  padding: 1rem;
}

.ccnMasonryItem .single-grid-product {
  /* border: 1px solid rgba(0, 0, 0, .1); */
  padding: 20px;
}

.grid-sizer,
.ccnMasonryItem {
  width: 25%;
}

/* 2 columns wide */
.ccnMasonryItem--width2 {
  width: 50%;
}

/* 2 columns wide */
.ccnMasonryItem--width3 {
  width: 75%;
}

@media (max-width: 1700px) {
  .ccnMasonryItem--width3:not(.ccnInsert-Slider) {
    width: 50%;
  }
}

.ccnMasonryItem .single-grid-product .product-image {
  padding: 50px;
}

.ccnMasonryItem .single-grid-product .product-image > a img {
  /* padding: 50px; */
  margin: auto;
}

.pro-details-size-color form {
  overflow: visible;
}

.single-grid-product .product-content .product-meta {
  display: block;
}

.ccnFtTt {
  background: #fff;
  color: black;
}

.ccnCollection .gatsby-image-wrapper {
  /* filter: brightness(.5); */
  height: 100%;
}

.ccnCollectionXl,
.ccnCollectionLg,
.ccnCollectionMdLong,
.ccnCollectionMdTall,
.ccnCollectionSm {
  height: 40rem;
}

@media (min-width: 768px) {
  .ccnCollectionXl {
    height: 350px;
  }

  .ccnCollectionLg {
    height: 476px;
  }

  .ccnCollectionMdLong {
    height: 295px;
  }

  .ccnCollectionMdTall {
    height: 476px;
  }

  .ccnCollectionSm {
    height: 361px;
  }

  .ccn-section .ccnCollectionXl {
    height: 455px;
  }

  .ccn-section .ccnCollectionLg {
    height: 391px;
  }

  .ccn-section .ccnCollectionMdLong {
    height: 211px;
  }

  .ccn-section .ccnCollectionMdTall {
    height: 391px;
  }

  .ccn-section .ccnCollectionSm {
    height: 276px;
  }

  .ccn-section .ccnCollection.-ccn-o-ratio-box .o-ratio-text {
    font-size: 2rem;
  }
}

@media (min-width: 2100px) {
  /* .ccnCollectionXl {
    height: fit-content;
  } */

  .ccnCollectionLg {
    height: 676px;
  }

  .ccnCollectionMdLong {
    height: 365px;
  }

  .ccnCollectionMdTall {
    height: 676px;
  }

  .ccnCollectionSm {
    height: 361px;
  }

  .ccn-section .ccnCollectionXl {
    height: 600px;
  }

  .ccn-section .ccnCollectionLg {
    height: 466px;
  }

  .ccn-section .ccnCollectionMdLong {
    height: 285px;
  }

  .ccn-section .ccnCollectionMdTall {
    height: 466px;
  }

  .ccn-section .ccnCollectionSm {
    height: 351px;
  }

  .ccn-section .ccnCollection.-ccn-o-ratio-box .o-ratio-text {
    font-size: 2.4rem;
  }
}

.ccnCollection {
  position: relative;
  display: flex;
}

.ccnCollection .banner-img {
  width: 100%;
  cursor: pointer;
}

.ccnCollection .banner-img a,
.ccnCollectionBannerItms4 .banner-img a {
  height: 100%;
}

.ccnCollection .banner-img a img,
.ccnCollectionBannerItms4 .ccnCol .banner-img img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}

.ccnCollectionBannerItms4 .ccnCol:first-child .banner-img,
.ccnCollectionBannerItms4 .ccnCol:nth-child(3) .banner-img {
  height: 534px;
}

.ccnLogoI,
.footer-default .logo a {
  /* background-image: url("../../assets/img/logo/BockLighting_Black.png"); */
  background-size: 100%;
  background-position: -4px -6px;
  background-repeat: no-repeat;
  height: 70px;
  width: 170px;
  text-indent: -9999px;
}

.ccnWrapper {
  margin-top: 160px !important;
}

header.header > .header-deafult.menu-right {
  height: 105px;
  /* border-bottom: 1px solid rgba(0, 0, 0, .07); */
}

.ccnSlickSlider {
  width: 100%;
}

.ccnHeroSlider1 {
  width: 100%;
}

.ccnHeroSlider1 .slick-track {
  display: flex;
  align-items: stretch;
}

.ccnHeroSlider1 .slick-slide {
  height: auto;
}

.ccnHeroSlider1 .slick-slide > div {
  height: 100%;
}

.ccnHeroSlider1 .ccnSlideItem {
  padding: 120px 60px;
  margin: 0 15px;
  position: relative;
  height: 100%;
}

.ccnHeroSlider1 .ccnSlideItem:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
}

.ccnHeroSlider1 .slick-slide {
  opacity: 0.3;
}

.ccnSlickSlider .slick-slide.slick-active,
.ccnSlickSlider .slick-slide.slick-active .ccnSlideItem h1,
.ccnSlickSlider .slick-slide.slick-active .ccnSlideItem span,
.ccnSlickSlider .slick-slide.slick-active .ccnSlideItem p,
.ccnSlickSlider .slick-slide.slick-active .ccnSlideItem .shop-btn {
  opacity: 1;
  top: 0;
}

.ccnSlideItem h1,
.ccnSlideItem span,
.ccnSlideItem p,
.ccnSlideItem .shop-btn {
  opacity: 0;
  transition: 0.3s ease all;
  top: 10px;
  position: relative;
}

.ccnSlideItem h1 {
  transition-delay: 0.4s;
}

.ccnSlideItem span {
  transition-delay: 0.4s;
}

.ccnSlideItem p {
  transition-delay: 0.5s;
}

.ccnSlideItem .shop-btn {
  transition-delay: 0.6s;
}

.ccnSlideItem .shop-btn:hover {
  transition-delay: 0s;
}

.ccnSlideItem h1 {
  font-size: 56px;
  font-weight: 400;
  line-height: 74px;
  color: #fff;
}

.ccnSlideItem p {
  max-width: 500px;
  margin-top: 40px;
  font-size: 16px;
  line-height: 28px;
  font-weight: 400;
  color: #fff;
}

.ccnSlideItem span {
  color: rgba(0, 0, 0, 0.3);
}

.ccnSlideItem .shop-btn {
  margin-top: 40px;
  color: #fff;
  border: 2px solid #fff;
  background: transparent;
}

.ccnSlideItem .shop-btn:hover {
  background: #fff;
  color: #41444e;
}

.ccnMasonrySlider .ccnSlideItem {
  padding: 40px 100px;
}

.ccnInspirationGallery {
  width: 100% !important;
}

.ccnMasonryItemInsert .single-grid-product {
  padding: 0;
  border: 0;
  overflow: hidden;
}

.ccnMasonryItemInsertText .single-grid-product {
  background: #333;
  height: 400px;
}

.ccnMasonryItemInsert:not(.ccnInsert-Slider) .single-grid-product:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  z-index: 1;
  opacity: 0.4;
  transition: 0.3s;
}

.ccnInsertInner {
  z-index: 1;
  width: 100%;
  position: absolute;
  bottom: 40px;
  padding-left: 40px;
  transition: all 0.3s ease 0s;
}

.ccnMasonryItem .ccnInsertInner {
  width: 100%;
  position: absolute;
  padding-left: 40px;
}

.ccnMasonryItem--width2 .ccnInsertInner {
  bottom: 40px;
}

.ccnMasonryItemInsert h3 {
  letter-spacing: 1px;
  color: #ffffff;
  margin: 0px 0px 20px 0px;
  font-size: 36px;
  line-height: 36px;
}

.ccnMasonryItemInsert p {
  font-size: 16px;
  line-height: 36px;
  color: #ffffff;
  margin-bottom: 30px;
}

.ccnMasonryItemInsert .banner-btn {
  border: 2px solid rgba(225, 225, 225, 0.3);
  background: none;
  display: inline-block;
  padding: 15px 30px;
  width: 200px;
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: #ffffff;
  text-align: center;
  position: absolute;
  margin-top: 40px;
}

.ccnMasonryItemInsert .banner-btn:hover {
  background-color: #41444e;
  border-color: #41444e;
}

.ccnMasonryItemInsert
  .single-grid-product:hover
  .ccnInsertInner.withBtn
  .banner-btn {
  margin-top: 0;
}

.ccnMasonryItemInsert .single-grid-product:hover .ccnInsertInner.withBtn {
  bottom: 80px;
}

@media (min-width: 1700px) {
  .ccnMasonrySlider .ccnSlideItem {
    padding: 170px 100px;
  }
}

/* threeJsJson */
#scene3d #canvas {
  z-index: 1;
}

#canvas > canvas {
  width: 100% !important;
  height: 100% !important;
}

.measurement {
  position: absolute;
  z-index: 0;
  width: 100;
  height: 100;
  background-color: rgba(255, 255, 255, 0.3);
  color: black;
  font-family: "arial";
  font-weight: normal;
  font-style: italic;
  font-size: 15px;
}

.inspocontent #scene3d {
  position: relative;
  width: 100%;
  height: 500px;
  margin: 0;
  overflow: hidden;
  z-index: 5;
}

.inspocontent #gui_container {
  position: absolute;
  width: 100%;
  height: 100%;
  float: right;
}

.inspocontent #gui {
  position: absolute;
  float: right;
  z-index: 3;
}

.inspocontent #measurement-container {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.inspocontent #loadingBackground {
  position: absolute;
  width: 100%;
  height: 100%;
  background: #cccccc;
  z-index: 2;
  transition: 0.5s;
}

.inspocontent #progress {
  position: relative;
  top: 50%;
  left: 50%;
  transition: 0.25s;
  width: 200px;
  height: 15px;
  background: #000;
  opacity: 0.5;
  border: 2px solid #000;
  border-radius: 10px;
  z-index: 3;
  align-content: center;
  transform: translate(-50%, -50%);
}

.inspocontent #progressBar {
  width: 200px;
  height: 15px;
  transition: 0.25s;
  background: white;
  opacity: 1;
  border: none;
  border-radius: 10px;
  z-index: 4;
}

/* MATERIALUI OVERRIDES*/
.MuiDialog-paperWidthSm {
  width: 100% !important;
  /* max-width: 1100px !important; */
  border-radius: 0 !important;
}

@media (min-width: 1200px) {
  .MuiDialog-paperWidthSm {
    max-width: 1100px !important;
  }
}

.MuiDialog-paperFullScreen {
  max-width: 100vw !important;
  padding: 0 !important;
}

.MuiDialog-paperFullScreen .MuiDialogContent-root {
  padding: 0;
  margin: 0;
}

.inspocontent {
  display: table;
  width: 100vw;
  min-height: 100vh;
}

.threeViewer,
.detailViewer {
  width: 50%;
  display: table-cell;
  vertical-align: middle;
}

.threeViewer {
  height: 100vh;
}

@media (min-width: 1200px) {
  .threeViewer {
    position: fixed;
  }
}

@media (max-width: 1200px) {
  .inspocontent-full > div:first-child {
    position: static !important;
  }
}

.detailViewer {
  padding: 0 50px;
}

/* .threeBackdrop {
  height: calc(100vh);
} */
@media (min-width: 1200px) {
  .threeBackdrop {
    height: calc(100vh);
  }
}

@media (max-width: 1199px) {
  .threeBackdrop {
    margin-bottom: 40px;
  }
}

.threeBackdrop > div {
  position: relative;
  height: 100% !important;
}

@media (max-width: 993px) {
  .threeBackdrop > div {
    height: 500px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    width: 90% !important;
    margin-top: 24px !important;
  }
}

@media (max-width: 500px) {
  .threeBackdrop > div {
    height: 400px !important;
  }
}

@media (max-width: 400px) {
  .threeBackdrop > div {
    height: 300px !important;
  }
}

.threeBackdrop > div::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgb(85, 92, 101);
  background: radial-gradient(
    ellipse at center top,
    rgb(189, 189, 189) 0%,
    rgb(101, 104, 109) 70%,
    rgb(85, 92, 101) 100%
  ) !important;
  background: radial-gradient(
    ellipse at center top,
    #dadfe6 0,
    #bec4cc 52%,
    #818a96 100%
  ) !important;
  /* background: radial-gradient(ellipse at center top, rgb(174 183 187) 0%, rgb(69 74 76) 70%, rgb(34 36 37) 100%) !important; */
}

@media (max-width: 993px) {
  .threeBackdrop > div::before {
    background: transparent !important;
    border: 1px solid rgb(221, 221, 221) !important;
    border-radius: 10px !important;
  }
}

.inspocontent .portfolio-nav-area ul {
  justify-content: flex-start;
}

.inspocontent .detailViewer {
  background: #fff;
}

/* new product page adjustments/additions... */
.ccnProductImgGallery img {
  margin: 2px;
  max-width: calc(25% - 4px);
  width: calc(25% - 4px);
  height: auto;
  height: 360px;
  background-color: #fff;
  border: 1px solid transparent;
  -o-object-fit: cover;
     object-fit: cover;
}

.ccnProductImgGallery img:hover {
  border-color: #41444e;
}

.ccnProdBottom {
  background: #fff;
  /* padding-top: 40px; */
  padding-top: 50px;
  /* border-top: 1px solid rgba(0, 0, 0, .1); */
}

.ccnProdBottom .ccnDescTabs {
  margin-bottom: 60px;
}

.configProductItem {
  /* margin: 0 0 40px; */
  background: #fff;
  padding: 20px 30px;
  /* height: calc(100% - 30px); */
  height: 100%;
}

.configProductItemT {
  margin: 10px 0 23px;
}

.configProductItemT--lax {
  display: flex;
  align-items: center;
  height: 100%;
  margin: 0;
}

.configProductItemC {
  font-weight: bold;
  padding-right: 15px;
}

.configProductItemI {
  width: 100%;
  height: 100%;
  background: #fff;
  text-align: center;
  position: relative;
}

@media (max-width: 992px) {
  .configProductItemI img,
  .configProductItemI--lax img {
    max-height: 200px;
    width: auto;
  }
}

@media (min-width: 993px) {
  .configProductItemI img {
    height: auto;
    width: 100%;
    max-height: 100%;
    max-width: 100%;
    margin: auto;
    position: absolute;
    top: 0;
    /* bottom: 0; */
    left: 0;
    right: 0;
  }
}

.configProductItemD {
  line-height: 21px;
  margin: 0 0 10px;
}

.configProductItemD,
.configProductItemD * {
  font-size: 14px;
  color: #4d4d4d;
  line-height: 1.5;
}

.configProductItemCta.configure-btn {
  height: calc(100% - 20px);
  position: relative;
  width: 100%;
  margin-top: 35px;
}

.ccnMasonryItem .single-grid-product {
  height: 400px;
  overflow: hidden;
}

.ccnMasonryItem:not(.ccnMasonryItemInsert) .single-grid-product {
  padding: 20px;
  height: 400px;
}

.ccnMasonryItem .single-grid-product .product-image {
  padding: 50px 0 20px 0px;
}

.ccnMasonryItem .single-grid-product .product-image > a img {
  /* Gatsby image */
  left: 0;
  right: 0;
  /* Gatsby image */
  max-height: 180px;
  width: auto;
  max-width: 266px;
  width: 100%;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.inspocontent .product-details-content p {
  margin: 0 0 15px;
}

.pro-details-btns-attchd .pro-details-cart {
  margin-right: 0;
}

.product-details-content .pro-details-reconf a {
  background-color: #779abc;
}

/* .pro-details-social h4 {
  opacity: .6;
  margin-bottom: 20px;
} */
.ccnInspirationGallery .single-grid-product .product-content,
.ccnMasonryItem .single-grid-product .product-content {
  position: absolute;
  left: 0;
  right: 0;
  max-width: 80%;
  margin: 0 auto;
  bottom: 50px;
  min-height: 45px;
}

.ccnInspirationGallery .single-grid-product .product-image .product-action {
  position: static;
  margin-top: -20px;
}

.ccnInspirationGallery
  .single-grid-product
  .product-image
  .product-action
  ul
  li
  a,
.ccnMasonryItem .single-grid-product .product-image .product-action ul li a {
  width: auto;
  padding: 0 20px;
  height: 50px;
  line-height: 50px;
}

.ccnInspirationGallery
  .single-grid-product
  .product-image
  .product-action
  ul
  li
  a
  span,
.ccnMasonryItem
  .single-grid-product
  .product-image
  .product-action
  ul
  li
  a
  span {
  font-size: 14px;
  position: relative;
  top: -2px;
}

.ccnCollectionTitle {
  margin: 0 0 40px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.05);
  padding: 0 0 30px;
}

/* .ccnCollectionItems {
  margin: 0 0 60px;
} */
.ccnCollectionItems .catExporeMore {
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  bottom: 35px;
}

.go.go-Lora {
  font-family: "Lora";
}

.go.go-Lora::after {
  top: 0;
  vertical-align: middle;
  transition: 0.4s ease all;
}

.product-area-wrap .ccnCard {
  height: calc(100% - 30px);
}

.product-area-wrap .ccnCard.single-grid-product {
  min-height: 26rem;
}

.product-area-wrap > .slick-slider > .slick-dots {
  margin-top: 20px !important;
}

.ccnConfigurePartSelect {
  width: 422px;
  border: 1px solid rgba(0, 0, 0, 0.1);
  display: flex;
  padding: 10px 10px 10px 20px;
  align-items: baseline;
  font-size: 16px;
  color: #41444e;
  margin: 0;
}

.ccnConfigurePartSelect .label {
  padding: 0px;
  border-bottom: 0;
  min-width: auto;
  display: inline-block;
  width: auto !important;
  margin-right: 15px;
  flex-grow: 1;
}

.ccnConfigurePartSelect .value {
  padding: 0px;
  border-bottom: 0;
  min-width: auto;
  display: inline-block;
  width: auto !important;
  margin-right: 0px;
  flex-grow: 2;
}

.shop-list-content .ccnConfigurePartSelect {
  margin: 0 40px 40px 0;
  width: auto;
}

.ccnConfigurePartSelect .ccnConfigureActions__control {
  border: 1px solid #c3c3c3;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.015);
}

.ccnConfigurePartSelect .ccnConfigureActions__placeholder {
  color: #6f6f6f;
}

.ccnConfigurePartSelect .ccnConfigureActions__control--menu-is-open,
.ccnConfigurePartSelect .ccnConfigureActions__control--is-focused,
.ccnConfigurePartSelect .ccnConfigureActions__control:hover {
  border: 1px solid #41444e;
}

.ccnConfigurePartSelect .ccnConfigureActions__menu-list {
  padding: 0 4px;
}

.ccnConfigurePartSelect .ccnConfigureActions__option {
  font-size: 14px;
  line-height: 1.3;
  margin: 4px 0;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.ccnConfigurePartSelect .ccnConfigureActions__option--is-focused,
.ccnConfigurePartSelect .ccnConfigureActions__option--is-focused:active,
.ccnConfigurePartSelect .ccnConfigureActions__option:active {
  border-radius: 4px;
  background: #41444e !important;
  color: #fff !important;
}

/*  */
.ccnVarSel {
  width: 100%;
  max-width: 300px;
  align-self: stretch;
  display: flex;
  /* margin-right: 10px; */
}

.vOptSel,
.vOptSel * {
  transition: none !important;
}

.vOptSel > span:first-child {
  display: block;
  font-weight: 600;
  color: #41444e;
}

.vOptSel > span:last-child {
  font-size: 11px;
  color: rgba(0, 0, 0, 0.4);
}

.ccnVarSel .ccnVarSel__control {
  border: 1px solid rgba(0, 0, 0, 0.1);
  width: 100%;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02), 0 4px 10px rgba(0, 0, 0, 0.01);
  display: flex;
}

.ccnVarSel .ccnVarSel__placeholder {
  color: #6f6f6f;
}

.ccnVarSel .ccnVarSel__control--menu-is-open,
.ccnVarSel .ccnVarSel__control--is-focused,
.ccnVarSel .ccnVarSel__control:hover {
  border: 1px solid #41444e;
}

.ccnVarSel .ccnVarSel__menu-list {
  padding: 0 4px;
}

.ccnVarSel .ccnVarSel__option {
  font-size: 14px;
  line-height: 1.3;
  margin: 4px 0;
  min-height: 50px;
  display: flex;
  align-items: center;
}

.ccnVarSel .ccnVarSel__option--is-focused,
.ccnVarSel .ccnVarSel__option--is-focused:active,
.ccnVarSel .ccnVarSel__option:active {
  border-radius: 4px;
  background: #41444e !important;
  color: #fff !important;
}

.ccnVarSel .ccnVarSel__option--is-focused *,
.ccnVarSel .ccnVarSel__option--is-focused:active *,
.ccnVarSel .ccnVarSel__option:active * {
  color: #fff !important;
}

.ccnVarSel__value-container .vOptSel > span:first-child {
  font-weight: normal;
}

.ccnVarSel__value-container .vOptSel > span:last-child {
  display: none;
}

/*  */
.shop-list-content .product-details-content h3 {
  /* margin: 0 0 20px; */
  margin: 35px 0;
}

.shop-list-wrap .product-img-list {
  height: 100%;
}

.shop-list-wrap .product-img-list a {
  height: 250px;
}

.shop-list-wrap .product-img-list a img {
  height: 100%;
  width: 100%;
  /* object-fit: cover; */
}

.shop-list-wrap .product-img-list a > .imgFirst {
  -o-object-fit: contain;
     object-fit: contain;
  position: absolute !important;
  width: 100%;
  height: 100%;
}

.shop-list-wrap .product-img-list a > .imgSecond {
  /* position: absolute; */
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
  transition: opacity 0.5s ease, transform 2s cubic-bezier(0, 0, 0.44, 1.18);
  opacity: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  -o-object-fit: cover;
     object-fit: cover;
}

.shop-list-wrap.ccnProductCard {
  padding: 0;
  width: 100%;
}

.ccnListAccordion {
}

.ccnListAccordion .ccnListAccordionItem,
.ccnListAccordion .ccnListAccordionItem.Mui-expanded {
  box-shadow: none;
  background: transparent;
  margin: 0;
}

.ccnListAccordion .ccnListAccordionItem:before {
  display: none;
}

.ccnListAccordion .ccnListAccordionItem:hover .ccnListAccordionItemS {
  color: #41444e;
}

.ccnListAccordion .ccnListAccordionItem .ccnListAccordionItemD {
  background: #fff;
  border-radius: 0;
  border: 1px solid #ebecec;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.015);
  padding: 20px;
}

.ccnListAccordion .ccnListAccordionItemS {
  padding: 0;
  font-size: 16px;
  color: #41444e;
  color: rgba(0, 0, 0, 0.5);
  /* letter-spacing: -1px; */
}

.ccnListAccordion .ccnListAccordionItemS > div {
  /* display: block; */
}

.ccnListAccordion .accentInfo {
  font-size: 14px;
  line-height: 1;
  display: block;
  clear: both;
  font-style: italic;
  padding: 8px 0 0 10px;
}

.ccnListAccordion .ccnListAccordionItemD .accentInfo {
  position: absolute;
  right: 30px;
  font-size: 10px;
  top: 0;
  bottom: 0;
  height: 48px;
  line-height: 48px;
}

.ccnListAccordion .ccnListAccordionItemS svg {
  width: 17px;
  height: 17px;
  color: rgba(0, 0, 0, 0.3);
}

.ccnListAccordion .ccnListAccordionItemS,
.ccnListAccordion .ccnListAccordionItemS.Mui-expanded {
  min-height: 48px;
}

.ccnListAccordion
  .ccnListAccordionItemS.Mui-expanded
  .MuiAccordionSummary-content.Mui-expanded {
  margin: 0;
}

.ccnListAccordion .ccnListAccordionItemD {
  box-shadow: none;
  margin: 10px 0;
}

.ccnListAccordion .ccnListAccordionItemD ul {
  width: 100%;
  margin: 0;
}

.ccnListAccordion .ccnListAccordionItemD ul li {
  /* position: relative; */
  margin: 0;
}

.ccnListAccordion .ccnListAccordionItemD ul li a {
  padding: 11px 0;
  position: relative;
  display: block;
  width: 100%;
}

.ccnListAccordion .ccnListAccordionItemD .accentInfo {
  right: 0;
}

.productImgSliderDeck--bottom {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: left !important;
  margin: 0 -2% !important;
  width: auto !important;
}

@media (min-width: 1200px) {
  .productImgSliderDeck--bottom {
    max-height: 240px;
    overflow: hidden;
  }
}

.productImgSliderDeck--bottom li {
  flex: 1 0 21%;
  max-width: 21%;
  margin: 2% !important;
}

.productImgSliderDeck--bottom li > a {
  height: 100px;
  border: 1px solid #fff;
  display: block;
  overflow: hidden;
}

.productImgSliderDeck--bottom li.slick-active > a {
  border: 1px solid #41444e;
}

.productImgSliderDeck--bottom li > a > div,
.productImgSliderDeck--left li > a > div {
  height: 100%;
  width: 100%;
}

.productImgSliderDeck--bottom li > a img,
.productImgSliderDeck--left li > a img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ccnModalProduct .ccn-slick-slide {
  height: 400px;
}

.ccnModalProduct .ccn-slick-slide > div,
.ccnCatProdFull .ccn-slick-slide > div {
  height: 100%;
}

.ccnModalProduct .ccn-slick-slide,
.productImgSliderDeck--bottom li {
  background: rgba(0, 0, 0, 0.03);
}

.ccnModalProduct .ccn-slick-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.ccnModalProduct .slick-slider .slick-arrow.slick-prev,
.ccnModalProduct .slick-slider .slick-arrow.slick-next {
  top: 210px;
}

.ccnModalProduct .product-details-content p {
  /* line-height: 2.4; */
  line-height: 2;
}

.p:empty {
  display: none;
}

.ccnModalProductInner {
  padding: 40px 30px !important;
}

.ccnModalProduct .product-details-content h2 {
  max-width: 90%;
  margin-bottom: 17px;
}

.ccnFancySelectWrapper {
  display: table;
}

.ccnFancySelectLabel,
.ccnFancySelect {
  display: table-cell;
  vertical-align: middle;
}

.ccnFancySelectLabel {
  padding: 0 7px 0 0;
}

.ccnFancySelect {
  transition: all 0.2s ease;
  display: block;
  font-size: 16px;
  font-family: "Lora", sans-serif;
  font-weight: 400;
  color: rgba(128, 128, 128, 1);
  line-height: 58px;
  padding: 0 30px 0 15px;
  height: 60px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  margin: 0;
  border-radius: 4px;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  background-color: #fff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAYAAAD0eNT6AAAgAElEQVR4Xu3dd9R3V1Un8L3pIIo0CypYEcWCbZCxK1IV6aJIFaUKIghGpAuCCFIlIMUgBgUDkRBICDDO2LsMDiIdrHRQSOh71mGuayFDkv2876+fz10rf+Xcsj/7PM/zfX+/e8/NsBEgQIAAAQLTCeR0FSuYAAECBAgQCAHAJCBAgAABAhMKCAATNl3JBAgQIEBAADAHCBAgQIDAhAICwIRNVzIBAgQIEBAAzAECBAgQIDChgAAwYdOVTIAAAQIEBABzgAABAgQITCggAEzYdCUTIECAAAEBwBwgQIAAAQITCggAEzZdyQQIECBAQAAwBwgQIECAwIQCAsCETVcyAQIECBAQAMwBAgQIECAwoYAAMGHTlUyAAAECBAQAc4AAAQIECEwoIABM2HQlEyBAgAABAcAcIECAAAECEwoIABM2XckECBAgQEAAMAcIECBAgMCEAgLAhE1XMgECBAgQEADMAQIECBAgMKGAADBh05VMgAABAgQEAHOAAAECBAhMKCAATNh0JRMgQIAAAQHAHCBAgAABAhMKCAATNl3JBAgQIEBAADAHCBAgQIDAhAICwIRNVzIBAgQIEBAAzAECBAgQIDChgAAwYdOVTIAAAQIEBABzgAABAgQITCggAEzYdCUTIECAAAEBwBwgQIAAAQITCggAEzZdyQQIECBAQAAwBwgQIECAwIQCAsCETVcyAQIECBAQAMwBAgQIECAwoYAAMGHTlUyAAAECBAQAc4AAAQIECEwoIABM2HQlEyBAgAABAcAcIECAAAECEwoIABM2XckECBAgQEAAMAcIECBAgMCEAgLAhE1XMgECBAgQEADMAQIECBAgMKGAADBh05VMgAABAgQEAHOAAAECBAhMKCAATNh0JRMgQIAAAQHAHCBAgAABAhMKCAATNl3JBAgQIEBAADAHCBAgQIDAhAICwIRNVzIBAgQIEBAAzAECBAgQIDChgAAwYdOVTIAAAQIEBABzgAABAgQITCggAEzYdCUTIECAAAEBwBwgQIAAAQITCggAEzZdyQQIECBAQAAwBwgQIECAwIQCAsCETVcyAQIECBAQAMwBAgQIECAwoYAAMGHTlUyAAAECBAQAc4AAAQIECEwoIABM2HQlEyBAgAABAcAcIECAAAECEwoIABM2XckECBAgQEAAMAcIECBAgMCEAgLAhE1XMgECBAgQEADMAQIECBAgMKGAADBh05VMgAABAgQEAHOAAAECBAhMKCAATNh0JRMgQIAAAQHAHCBAgAABAhMKCAATNl3JBAgQIEBAADAHCBAgQIDAhAICwIRNVzIBAgQIEBAAzAECBAgQIDChgAAwYdOVTIAAAQIEBABzgAABAgQITCggAEzYdCUTIECAAAEBwBwgQIAAAQITCggAEzZdyQQIECBAQAAwBwgQIECAwIQCAsCETVcyAQIECBAQAMwBAgQIECAwoYAAMGHTlUyAAAECBAQAc4AAAQIECEwoIABM2HQlEyBAgAABAcAcIECAAAECEwoIABM2XckECBAgQEAAMAcIECBAgMCEAgLAhE1XMgECBAgQEADMAQIECBAgMKGAADBh05VMgAABAgQEAHOAAAECBAhMKCAATNh0JRMgQIAAAQHAHCBAgAABAhMKCAATNl3JBAgQIEBAADAHCBAgQIDAhAICwIRNVzIBAgQIEBAAzAECBAgQIDChgAAwYdOVTIAAAQIEBABzgAABAgQITCggAEzYdCUTIECAAAEBwBwgQIAAAQITCggAEzZdyQQIECBAQAAwBwgQIECAwIQCAsCETVcyAQIECBAQAMwBAgQIECAwoYAAMGHTlUyAAAECBAQAc4AAAQIECEwoIABM2HQlEyBAgAABAcAcIECAAAECEwoIABM2XckECBAgQEAAMAcIECBAgMCEAgLAhE1XMgECBAgQEADMAQIECBAgMKGAADBh05VMgAABAgQEAHOAAAECBAhMKCAATNh0JRMgQIAAAQHAHCBAgAABAhMKCAATNl3JBAgQIEBAADAHCBAgQIDAhAICwIRNVzIBAgQIEBAAzAECBAgQIDChgAAwYdOVTIAAAQIEBABzgAABAgQITCggAEzYdCUTIECAAAEBwBwgQIAAAQITCggAEzZdyQQIECBAQAAwBwgQIECAwIQCAsCETVcyAQIECBAQAMwBAgQIECAwoYAAMGHTlUyAAAECBAQAc4AAAQIECEwoIABM2HQlEyBAgAABAcAcIECAAAECEwoIABM2XckECBAgQEAAMAcIECBAgMCEAgLAhE1XMgECBAgQEADMAQIECBAgMKGAADBh05VMgAABAgQEAHOAAAECBAhMKCAATNh0JRMgQIAAAQHA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");
  background-repeat: no-repeat, repeat;
  background-position: calc(100% - 5px) center;
  background-size: 20px;
  border: 1px solid #ebecec;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.015);
}

.ccnFancySelect::-ms-expand {
  display: none;
}

.ccnFancySelect:hover {
  border-color: #41444e;
  color: #41444e;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.05);
}

.ccnFancySelect:focus {
  border-color: #41444e;
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.05);
  color: #41444e;
  outline: none;
}

.ccnFancySelect option {
  font-weight: normal;
}

/* Product cards: grid */
.ccnProductCard.single-grid-product .product-action {
  position: absolute;
  top: calc(50% - 30px);
}

.ccnProductCard.single-grid-product .product-action ul {
  position: absolute;
  left: 0;
  right: 0;
  width: 66px;
  margin: auto;
}

.ccnProductCard.single-grid-product .product-meta {
  font-size: 14px;
  font-weight: normal;
  line-height: 1.8;
  color: rgba(0, 0, 0, 0.6);
}

.ccnProductCard.single-grid-product .product-content .title {
  font-size: 1.3rem;
  margin: 0 0 20px;
}

.ccnProductCard.shop-list-wrap .product-meta-surround {
  display: flex;
  margin-left: -30px;
  margin-right: -30px;
}

@media (min-width: 1200px) {
  .ccnProductCard.shop-list-wrap .product-builder-meta {
    width: 33.3%;
    padding: 10px 30px;
  }
}

.ccnProductCard.shop-list-wrap .product-builder-meta i {
  color: #41444e;
  margin: 0 15px 0 -2px;
}

.ccnProductCard.single-grid-product .product-image {
  margin-bottom: 40px;
}

.ccnProductCard.single-grid-product {
  padding-bottom: 5px;
}

.ccnProductCard.single-grid-product .product-image .product-action ul li a {
  opacity: 0.4;
  background: #41444e;
  color: #fff;
}

.ccnProductCard.single-grid-product
  .product-image
  .product-action
  ul
  li
  a:hover {
  opacity: 1;
}

.ccnMasonryItem .single-grid-product .product-image {
  position: static;
}

.ccnMasonryItem .single-grid-product .product-content {
  opacity: 1;
  transform: translate(0, 0);
  transition: all 250ms ease-out;
  transition-delay: 100ms;
}

.ccnMasonryItem .single-grid-product:hover .product-content {
  opacity: 0;
  transform: translate(-40px, 0);
}

.ccnMasonryItem .single-grid-product .product-image {
  overflow: visible;
}

.ccnMasonryItem .single-grid-product .product-image .product-action {
  position: absolute;
  bottom: 40px;
  left: 0;
  right: 0;
}

/* category product page full */
.ccnCatProdFull,
.ccnCatProdFull .MuiTypography-body1 {
  font-family: "Karla", sans-serif;
}

.product-details-content .exp-readmore-content,
.product-details-content .exp-readmore-content p,
.product-details-content .exp-readmore-content * {
  font-size: 16px !important;
}

.ccnCatProdFull .product-details-content .productTitleWrap h4 {
  margin: 0 0 10px;
  color: rgba(0, 0, 0, 0.5);
}

.ccnCatProdFull .product-details-content .productTitleWrap h2 {
  margin: 0 0 20px;
  max-width: 90%;
}

.ccnCatProdFull .product-details-content .ccnProdB p {
  /* line-height: 2.5; */
}

.ccnCatProdFull .product-details-content .ccnProdB p,
.ccnCatProdFull .product-details-content .ccnProdB * {
  font-size: 16px;
}

.ccnCatProdFull .product-details-content .pro-details-sku .ccnLabel,
.ccnCatProdFull .product-details-content .pro-details-meta .ccnLabel {
  display: block;
  font-size: 16px;
  color: #41444e;
  font-weight: 400;
  /* letter-spacing: -1px; */
  float: none;
}

.ccnCatProdFull .product-details-content .pro-details-sku,
.ccnCatProdFull .product-details-content .pro-details-meta {
  padding: 30px 0 0;
}

.ccnCatProdFull .product-details-tab .slick-list .ccn-slick-slide {
  height: 550px;
  background: rgba(0, 0, 0, 0.02);
}

.ccnCatProdFull .slick-slider .slick-arrow.slick-next,
.ccnCatProdFull .slick-slider .slick-arrow.slick-prev {
  top: 270px;
}

.ccnCatProdFull .slick-slider .slick-arrow.slick-prev {
  /* left: 150px; */
  left: 155px;
}

.ccnCatProdFull .product-details-tab .slick-slider.imgC--1 .slick-list {
  width: 100%;
}

.ccnConfigurePartSelect {
  width: 100%;
  border-radius: 3px;
  background: #fff;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02), 0 4px 10px rgba(0, 0, 0, 0.01);
}

.ccnConfigureActionsSelect .ccnConfigureActions__control {
  min-height: 60px;
  border: 1px solid #ebecec;
  box-shadow: 0 3px 2px rgba(0, 0, 0, 0.015);
}

.ccnConfigureActions__indicator-separator {
  margin: 0;
  background-color: #ebecec;
}

.ccnConfigureActions__indicator {
  padding: 8px 15px;
}

.ccnCatProdFull .productTitleWrap {
  max-width: 700px;
  margin: 0 auto 30px;
  text-align: center;
}

.ccnCatProdFull .pro-details-size-color {
  max-width: 500px;
  margin: 0 auto 50px;
}

.ccnCatProdFull .product-type {
  position: absolute;
  left: 50px;
  top: 25px;
  font-size: 15px;
  background: #41444e;
  color: #fff;
  border-radius: 50px;
  padding: 5px 14px;
}

.product-type::before {
  font-family: Flaticon;
  color: #41444e;
  position: absolute;
  font-size: 36px;
  left: -44px;
  top: -6px;
}

.product-type--fixture::before {
  content: "\F123";
}

.product-type--mounting::before {
  content: "\f128";
}

.product-type--lamptype::before {
  content: "\f121";
}

.ccnDescTabs .MuiTabs-indicator,
.ccnDescTabs .MuiTouchRipple-root {
  display: none;
}

/* .ccnDescTabs .MuiTabs-flexContainer {
  justify-content: center; */
/* } */
.ccnDescTabs {
  margin: 0 0 40px;
}

.ccnDescTabs .ccnDescTab {
  font-size: 18px;
  font-weight: 400;
  padding: 0 0 10px;
  text-align: center;
  color: #41444e;
  position: relative;
  transition: all 0.3s;
  text-transform: none;
  font-family: "Lora", sans-serif;
  letter-spacing: 0;
  min-width: 0;
  width: auto;
  margin-right: 30px;
  margin-left: 30px;
}

.ccnDescTabInner {
  display: flex;
  flex-direction: column;
}

.ccnDescTabs .ccnDescTab .ccnDescTabInner::before {
  display: block;
  content: attr(title);
  font-weight: 700;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.ccnDescTabs .ccnDescTab .ccnDescTabInner i {
  font-weight: 300 !important;
}

.ccnDescTabs .ccnDescTab:after {
  position: absolute;
  width: 30%;
  height: 1px;
  background-color: #41444e;
  content: "";
  left: 0;
  bottom: 0;
  opacity: 0;
  transition: all 0.3s;
}

.ccnDescTabs .ccnDescTab:hover:after,
.ccnDescTabs .ccnDescTab.Mui-selected:after {
  opacity: 1;
  width: 100%;
  /* height: 1px; */
}

.ccnDescTabs .ccnDescTab.Mui-selected,
.ccnDescTabs .ccnDescTab:active,
.ccnDescTabs .ccnDescTab:focus {
  /* font-weight: 700; */
}

.ccnDescTabs.ccnLarge .ccnDescTab {
  font-weight: 300;
  font-family: "Karla";
  color: #222;
  font-size: 1.4rem;
}

.ccnProdBottom .ccnDescTab {
  margin-right: 40px;
  margin-left: 40px;
}

/* Feat Head Box */
.featHeadBox {
  width: 100%;
  padding: 120px 0;
  text-align: center;
}

/* .featHeadBox h1 {
  font-size: 46px;
  line-height: 54px;
  margin: 0 0 30px;
} */
.featHeadBox p {
  max-width: 600px;
  margin: 0 auto;
}

.filtFeatContainer {
  background: #fdfdfd;
  padding: 0 50px;
  margin-bottom: 40px;
  border: 1px solid #ebecec;
  border-radius: 4px;
  box-shadow: 0 5px 2px rgba(0, 0, 0, 0.02);
}

.featHeadBox .actionArea {
  margin-top: 60px;
  position: relative;
}

.featHeadBox .actionArea .clearSearch {
  position: absolute;
  top: -40px;
  right: 20px;
  opacity: 0.4;
}

.featHeadBox .actionArea .clearSearch:hover {
  opacity: 1;
}

.clearSearch {
  background-image: url("data:image/png;base64,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");
  background-repeat: no-repeat;
  background-position: center left;
  background-size: 24px;
  outline: none;
  height: 60px;
  padding: 0 0 0 35px;
  border: 0;
  background-color: transparent;
  transition: all 0.5s ease;
}

/*ccn button Group */
.ccnBtnGroup {
  display: flex;
  flex-wrap: wrap;
  max-width: 550px;
  margin: 0 auto;
  align-items: center;
}

.ccnBtnGroupItem {
  flex: 1 0 28%;
  margin: 2%;
}

.ccnBtnGroupItem label {
  color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  margin: 0;
}

.shop-btn-white {
  background: transparent;
  border: 2px solid;
  color: #fff;
}

/* related caro modal */
.bg-gray-1 {
  background: #f0f3f3;
}

.relatedCaroSlider .slick-track {
  max-height: calc(400px + 40px);
}

.relatedCaroSlider .slick-slide .relatedCaroItem {
  padding: 0 15px;
}

/* .relatedCaroSlider .slick-slide .relatedCaroItemInner {} */
/* .relatedCaroSlider .nsd-portfolio__btn-prev,
.relatedCaroSlider .nsd-portfolio__btn-next {
  top: 50%; */
/* } */
.product-details-content table {
  float: none;
  width: 80% !important;
  border-color: transparent;
  margin: 30px 0.5px;
  border-radius: 5px;
}

.product-details-content table > thead > tr:first-child,
.product-details-content table > tbody > thead > tr:first-child,
.product-details-content table > tbody:only-child > tr:first-child {
  /* background: #fff;
  outline: 1px solid rgba(0, 0, 0, .05);
  box-shadow: 0 4px 4px rgba(0, 0, 0, .03); */
}

.product-details-content td,
.product-details-content th {
  /* padding: 8px 10px; */
  padding: 0 8px 4px 0;
}

/* @react-images */
.react-images__view-image--isModal {
  max-height: 80vh !important;
  /* padding: 30px !important; */
  background: #fff !important;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.6);
}

.react-images__frame {
  overflow: visible !important;
}

.react-images__navigation--isModal button {
  background: transparent !important;
  border-radius: 0 !important;
  border: 0 !important;
}

.react-images__navigation--isModal button::before {
  content: "\2190";
  font-family: "Arial", serif;
  font-size: 50px;
  line-height: 30px;
  display: block;
  -webkit-font-smoothing: antialiased;
  color: #fff;
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  right: 0;
}

.react-images__navigation--isModal button[title="Next (right arrow)"]::before {
  content: "\2192";
}

.react-images__navigation--isModal button svg {
  display: none !important;
}

.react-images__blanket {
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.83) !important;
}

.react-images__footer__caption--isModal {
  /* position: absolute; */
  /* top: 0; */
}

.react-images__footer--isModal {
  align-items: center !important;
}

.react-images__footer__caption--isModal a {
  color: #fff;
  text-transform: uppercase;
  /* font-weight: 700; */
}

.react-images__header,
.react-images__footer {
  /* background: rgba(0,0,0,0)!important; */
}

.react-images__footer--isModal {
  font-size: 16px !important;
}

/* main page */
/* .ccnMainPage {
  position: relative;
}
.ccnMainPage::before {
  content: "";
  position: absolute;
  width:100px;
  height: 10px;
  background: black;
  top:0
} */
.ccnMainPage .ccnSlickSlider,
.ccnMainPage .feature-section {
  background: #fff;
}

.ccnMainPage .bg-gray-1 {
  background: #f8f9f9 !important;
}

.ccnMainPage .feature-section {
  /* padding-bottom: ; */
}

.modern-decorate-banner-section {
  padding: 120px 50px;
  margin: 3rem 0;
  position: relative;
}

.modern-decorate-banner-section:before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.17);
}

ul.ulMetaPdf {
  margin: 0;
}

/* ul.ulMetaPdf li {
  position: relative;
}
ul.ulMetaPdf li:before {
  content: "\f1c1";
  font-family: 'FontAwesome';
  font-size: 15px;
  vertical-align: middle;
  margin: 0 10px 0 0;
} */
.meta-ccn .ccnLabel {
  position: relative;
  padding-left: 40px;
}

.meta-ccn .ccnContent {
  padding-left: 40px;
}

.meta-ccn .ccnLabel:before {
  font-family: "dliconoutline";
  font-size: 21px;
  margin: 0 20px 0 0;
  vertical-align: middle;
  position: absolute;
  left: 0;
  top: -3px;
}

.meta-download .ccnLabel:before {
  content: "\ea90";
}

.meta-sku .ccnLabel:before {
  content: "\ea7b";
}

.meta-category .ccnLabel:before {
  content: "\e93f";
}

.go:after {
  content: "\2192";
  position: relative;
  top: 0;
  padding-left: 5px;
}

.go.back:after {
  /* float: left; */
  /* transform: rotate(180deg); */
}

iframe.contactDetailMap {
  width: 100%;
  height: 500px;
  border: 0;
  background: #ddd;
}

nav.ccnDrops {
  position: relative;
}

nav.ccnDrops:hover {
  /* margin-left: 30px; */
}

nav.ccnDrops a {
  text-decoration: none;
  color: #fff;
  text-transform: uppercase;
  font-family: "Montserrat";
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}

nav.ccnDrops .login-btn a {
  background: rgba(255, 255, 255, 0.1);
  margin: 0 auto 8px;
  text-align: center;
  padding: 10px 20px 10px 20px;
  border-radius: 50px;
  border: 1px solid rgba(255, 255, 255, 0.05);
  /* max-width: 105px; */
  height: auto;
  font-weight: 600;
  font-size: 12px;
  text-shadow: -1px -1px 0 rgb(0 0 0 / 10%);
  /* font-size: 10px; */
  letter-spacing: 2px;
  color: rgba(255, 255, 255, 0.6);
}

nav.ccnDrops .login-btn a i {
  padding: 0 10px 0 0;
}

nav.ccnDrops {
  /* font-family: monospace; */
}

nav.ccnDrops ul {
  /* background: darkorange; */
  list-style: none;
  margin: 0;
  padding-left: 0;
}

nav.ccnDrops > ul > li > a {
  height: 95px;
  display: flex;
  margin-left: 20px;
  align-items: center;
  justify-content: flex-end;
  max-width: 180px;
}

nav.ccnDrops > ul > li > a > img {
  display: block;
  height: 50px;
  width: 50px;
  margin-left: 15px;
}

nav.ccnDrops > ul > li > a > span {
  color: #41444e;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 100px;
  overflow: hidden;
}

nav.ccnDrops ul li ul li {
  color: #fff;
  display: block;
  float: left;
  position: relative;
  text-decoration: none;
  transition-duration: 0.5s;
}

nav.ccnDrops ul li ul li a {
  color: #b4b4b4;
  padding: 10px 40px;
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  display: block;
}

nav.ccnDrops ul li ul li a:hover,
nav.ccnDrops li a:focus-within {
  /* background: red; */
  color: #fff;
  cursor: pointer;
}

nav.ccnDrops li:focus-within a {
  outline: none;
}

nav.ccnDrops ul li ul {
  background: #41444e;
  opacity: 0;
  position: absolute;
  transition: all 0.5s ease;
  /* margin-top: 1rem; */
  right: 0;
  visibility: hidden;
  background-color: #41444e;
  transition: all 0.3s ease 0s;
  width: 260px;
  padding: 30px 0;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
}

nav.ccnDrops ul li:hover > ul,
nav.ccnDrops ul li:focus-within > ul,
nav.ccnDrops ul li ul:hover,
nav.ccnDrops ul li ul:focus {
  visibility: visible;
  opacity: 1;
  display: block;
}

nav.ccnDrops ul li ul li {
  clear: both;
  width: 100%;
}

.ccnProfileBox,
.ccnProfileBoxMain {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 20px;
  padding: 30px;
  position: relative;
}

.ccnProfileBoxMain {
  /* margin-bottom: 130px; */
  padding: 100px 30px 50px;
}

.ccnProfileBoxMain h1 {
  text-align: center;
}

.profileImg {
  width: 140px;
  height: 140px;
  border-radius: 50%;
  overflow: hidden;
}

.ccnProfileBox .profileImg {
  position: absolute;
  top: -80px;
  left: 0;
  right: 0;
  margin: auto;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1);
}

.profileImg img {
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
  width: 100%;
}

.profileMeta {
  text-align: center;
  color: rgba(0, 0, 0, 0.3);
}

.profileMeta span {
  padding: 0 11px;
}

.orderHistoryItem {
  padding-top: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  margin-bottom: 20px;
}

.orderHistoryItem:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}

.orderHistoryItem .ohi_top {
  overflow: auto;
}

.orderHistoryItem .ohi_top_order {
  margin-right: 20px;
  /* color: #aaa; */
  /* font-size: 18px; */
}

.ohi_top {
  display: flex;
}

.ohi_top_date {
  display: flex;
  align-items: center;
}

.ui-2_time-clock {
  margin-right: 5px;
}

.orderHistoryItem .ohi_top_date i {
  vertical-align: text-top;
}

.orderHistoryItem .ohi_items {
  border-top: 1px solid rgba(0, 0, 0, 0.04);
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  margin-top: 30px;
  margin-bottom: 30px;
  margin-left: 0;
  margin-right: 0;
  padding: 10px 0;
}

.orderHistoryItem .ohi_item {
  border-bottom: 1px solid rgba(0, 0, 0, 0.04);
  padding-top: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.orderHistoryItem .ohi_item:last-child {
  border-bottom: 0;
  padding-bottom: 0;
  margin-bottom: 0;
}

.ohi_itemName {
  font-size: 18px;
  /* padding-bottom: 10px; */
}

.ohi_itemSku {
  font-size: 13px;
  opacity: 0.6;
  margin-bottom: 20px;
}

.ohi_item span {
  display: block;
}

.ohi_item_2 span {
  margin: 0 20px 0 0;
  display: inline-block;
}

.ohi_item em,
.ohi_summary em {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
}

.ohi_summary em {
  display: inline-block;
  width: 100px;
}

.help-section h2 {
  font-size: 40px;
  line-height: 80px;
}

.help-section .intro {
  font-size: 20px;
  max-width: 750px;
  line-height: 35px;
  color: rgba(0, 0, 0, 0.6);
  margin: 0 auto 60px;
}

.contactDetailSection .fa,
.contactDetailSection .dlicon {
  font-size: 50px;
  color: rgba(0, 0, 0, 0.1);
  text-align: center;
  margin: 0 0 30px;
}

.contactDetailSection {
  /* text-align: center; */
}

.contactDetailSection h3 {
  margin: 0 0 13px;
  font-size: 20px;
}

.contactDetailSection p {
  margin-bottom: 0;
  line-height: 1.4;
}

.contactDetailSection .ccnLabel {
  font-style: normal;
  font-weight: 600;
  font-size: 12px;
  letter-spacing: 0px;
  margin: 20px 0 0 0;
  display: block;
}

.contactDetailSection .ccnContent {
  display: block;
  margin: 0 0 2px;
  font-size: 19px;
}

.policyBody {
  font-size: 17px;
  line-height: 35px;
}

.ccn-fa-houzz {
  filter: brightness(0) invert(1);
  position: relative;
  left: 1px;
  top: -1px;
}

.ccn-fa-mortarr {
  /* background: url("../global-images/social/icon-mortarr.png") center 0 no-repeat;
  height: 9px;
  width: 19px;
  background-size: contain; */
  filter: brightness(0) invert(1);
}

.footer-widget.widget_style--2 .footer-content .footer-social a.mortarr {
  margin-right: 17px;
  margin-left: -3px;
}

.cartTableImage {
  display: block;
  background: #fff;
  position: relative;
  height: 100%;
  width: 100%;
}

.cartTableImage img {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: block;
  margin: auto;
  padding: 0;
}

.ccnCartCard {
  padding: 40px 20px;
}

.cartTableHead {
  padding: 0 20px;
  margin-bottom: 10px !important;
  background: #eee;
  color: #ababab;
}

._form-thank-you:not(:empty) {
  padding-bottom: 16px;
  padding-top: 15px;
}

.ccnModalCartSuccess .MuiDialog-paperWidthSm {
  max-width: 600px !important;
}

.ccnModalCartSuccess .MuiDialogContent-root {
  padding: 45px 35px 35px;
}

/* .ccnModalCartSuccess img {
  padding: 20px;
} */
.searchNoResult {
  font-size: 24px;
  text-align: center;
  max-width: 800px;
  margin: 70px auto 0;
}

.partItemSection {
  padding-bottom: 60px;
}

.partItemSectionTitle {
  margin-bottom: 0;
  font-size: 18px;
}

.partItemSection > .partItemSectionTitle:nth-child(2) {
  display: none !important;
}

.partItemSectionDesc {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.6);
  margin: 12px 0 20px;
}

.partItems {
  margin-top: 20px;
}

.partItem {
  background: #fff;
  padding: 0.5rem;
  /* border: 1px solid #ebecec; */
  /* box-shadow: 0 3px 2px rgba(0, 0, 0, .015); */
  /* border-radius: 4px; */
}

.partItem-sm {
  display: flex;
  align-items: center;
}

.partItem-sm img {
  width: 60px;
  height: 60px;
  border-radius: 3px;
  margin-right: 12px;
  -o-object-fit: contain;
     object-fit: contain;
}

.partItem-color img {
  -o-object-fit: cover;
     object-fit: cover;
}

.partItem-lens img {
  padding: 8px;
}

.partItem-sm .partItemTitle {
  flex-grow: 1;
}

.partItem-sm .partItemCode,
.partItem-sm .partItemName {
  margin-bottom: 0;
}

.partItem-sm .partItemName {
  color: rgba(0, 0, 0, 0.5);
  font-size: 13px;
}

.partItem-lg,
.partItem-modal {
  padding: 15px 20px;
  text-align: center;
  height: 100%;
}

.partItem-lg img,
.partItem-modal img {
  /* text-align: center; */
  height: 100px;
  width: auto;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  margin: 0 auto 20px;
}

.partItem-lg .partItemCode,
.partItem-modal .partItemCode {
  font-size: 16px;
}

.partItem-lg .partItemName {
  font-size: 13px;
  color: rgba(0, 0, 0, 0.5);
}

.ccnClearAccordion {
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.ccnClearAccordion .MuiAccordionDetails-root {
  display: block;
}

.ccnClearAccordion .MuiButtonBase-root:not(.Mui-expanded) {
  position: absolute !important;
  z-index: 1;
  background: linear-gradient(
    0deg,
    rgb(255 255 255) 30%,
    rgba(255, 255, 255, 0) 100%
  ) !important;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  /* height: calc(100% - 50px); */
  height: 40%;
  width: 100%;
}

.ccnClearAccordion .MuiCollapse-container:not(.MuiCollapse-entered),
.ccnClearAccordion .MuiCollapse-container .MuiCollapse-hidden {
  height: 418px;
  visibility: visible;
  min-height: 418px !important;
}

.ccnClearAccordion .MuiCollapse-container.MuiCollapse-hidden {
  height: 418px !important;
  visibility: visible;
}

.ccnClearAccordion .MuiExpansionPanelSummary-content {
  margin: 12px 0;
  display: flex;
  flex-grow: 1;
  transition: margin 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
}

.ccnClearAccordion .MuiButtonBase-root p {
  transition: background ease 0.1s, color ease 0.1s;
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  text-align: center;
  background: rgba(255, 255, 255, 0.85);
  display: inline;
  max-width: 500px;
  margin: 0 auto;
  border-radius: 4px;
  box-shadow: 0 4px 11px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.05);
  letter-spacing: 2px;
  padding: 10px;
}

.bk-btn {
  position: relative;
  padding: 20px 40px;
  font-size: 16px;
  line-height: 1;
  color: #41444e;
  border: 1px solid rgb(0 0 0 / 48%);
  border-radius: 3px;
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02), 0 4px 10px rgba(0, 0, 0, 0.01);
  min-height: 55px;
}

.bk-btn:hover,
.bk-btn:focus {
  box-shadow: 0 10px 15px rgba(0, 0, 0, 0.02), 0 4px 10px rgba(0, 0, 0, 0.01),
    0 20px 40px rgba(0, 0, 0, 0.06);
  border-color: #41444e;
  color: #41444e;
}

.bk-btn-light {
  border-color: rgba(0, 0, 0, 0.2);
}

.bk-btn-cart {
  border-color: #93b3a6;
  color: #afc3af;
  border-color: #72bb72;
  color: #72bb72;
}

.bk-btn-cart:hover {
  color: #93b3a6;
  border-color: #93b3a6;
  box-shadow: 0 10px 15px rgb(148 179 166 / 9%),
    0 4px 10px rgb(148 179 166 / 9%), 0 20px 39px rgb(148 179 166 / 9%);
  /* box-shadow: 0 10px 15px rgba(0, 0, 0, .02), 0 4px 10px rgba(0, 0, 0, .01), 0 20px 40px rgba(0, 0, 0, .06); */
}

.bk-btn-sep {
  position: relative;
  height: 40px;
}

.bk-btn-sep:after {
  /* content: "";
  width: 1px;
  height: 100%;
  background: rgba(0, 0, 0, .1);
  display: block !important; */
}

.bk-btn-reconfigure {
}

.product-details-content .bk-btn {
  display: flex;
  align-self: stretch;
  justify-content: center;
  flex-direction: column;
  padding-top: 0;
  padding-bottom: 0;
}

.inspocontent-full {
  display: flex;
  width: 100%;
  align-items: flex-start;
}

.inspocontent-full .slick-slider .slick-arrow {
  top: calc(50% - 10px);
}

.inspocontent-full .slick-slider .slick-arrow.slick-next {
  right: 40px;
}

.inspocontent-full .threeBackdrop {
  /* background: transparent !important; */
}

.inspocontent-full #scene3d,
.inspocontent #scene3d {
  width: 100% !important;
  height: 100vh !important;
  /* height: 100vh) !important; */
  float: none !important;
  display: block !important;
}

.build-slider {
  margin: 0 -15px !important;
  /* width: 100%; */
  position: relative;
}

.build-slider::before,
.build-slider::after {
  content: "";
  /* height: 1px;
  background: rgba(0, 0, 0, .05);
  position: absolute;
  top: -40px;
  left: 15px;
  right: 15px; */
}

.build-slider::after {
  top: auto;
  bottom: -30px;
}

.build-slider-slide {
  height: 300px;
  padding: 15px;
  position: relative;
  cursor: pointer;
}

.build-slider-slide .build-slider-slide-inner:before {
  content: "";
  position: absolute;
  top: 15px;
  bottom: 15px;
  left: 15px;
  right: 15px;
  background: rgba(0, 0, 0, 0);
  transition: 0.2s ease all;
}

.build-slider-slide:hover .build-slider-slide-inner:before {
  background: rgba(0, 0, 0, 0.4);
}

.build-slider-slide-sm {
  height: 300px;
}

.build-slider-slide-md {
  height: 400px;
}

.build-slider-slide-lg {
  height: 300px;
}

/* .title-max {
  font-size: 76px;
} */
@media (max-width: 2450px) {
  .build-slider-slide-lg {
    height: 250px;
  }
}

@media (max-width: 2200px) {
  .build-slider-slide-lg {
    height: 230px;
  }
}

@media (max-width: 2000px) {
  .build-slider-slide-lg {
    height: 230px;
  }
}

@media (max-width: 1880px) {
  .build-slider-slide-lg {
    height: 210px;
  }
}

@media (max-width: 1800px) {
  .build-slider-slide-lg {
    height: 240px;
  }
}

@media (max-width: 1560px) {
  .build-slider-slide-lg {
    height: 210px;
  }
}

@media (max-width: 1400px) {
  .build-slider-slide-lg {
    height: 300px;
  }
}

@media (max-width: 1170px) {
  .build-slider-slide-lg {
    height: 270px;
  }
}

@media (max-width: 1060px) {
  .build-slider-slide-lg {
    height: 240px;
  }
}

@media (max-width: 992px) {
  .build-slider-slide-lg {
    height: 280px;
  }
}

@media (max-width: 864px) {
  .build-slider-slide-lg {
    height: 250px;
  }
}

@media (max-width: 764px) {
  .build-slider-slide-lg {
    height: 230px;
  }
}

/* p.build-slider-p {
  position: absolute;
  top: -29px;
  font-size: 13px;
  color: rgba(0, 0, 0, .4);
  font-style: italic;
  right: 30px;
  margin: 0;
} */
.build-slider-slide img {
  -o-object-fit: cover;
     object-fit: cover;
  background: #fff;
  height: 100%;
  width: 100%;
}

.inspocontent-full > div,
.inspocontent-full > div {
  flex-grow: 1;
  flex-shrink: 1;
  flex-basis: 0;
}

.inspocontent-full .title {
  font-size: 56px;
  line-height: 78px;
  margin-bottom: 10px;
}

.inspocontent-full .partNumber {
  font-size: 16px;
  line-height: 27px;
  font-weight: 700;
  font-style: italic;
  color: #41444e;
  margin-bottom: 50px;
}

.spec-desc .spec-section {
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.06);
  padding: 0 0 30px;
  margin: 0 0 30px;
}

.spec-desc .spec-section:last-child {
  border-bottom: 0;
}

.spec-desc .spec-section .spec-section-head {
  width: 20%;
  padding-right: 20px;
}

.spec-desc .spec-section .spec-section-code {
  font-weight: 600;
  font-size: 21px;
  margin: 6px 0 10px;
}

.spec-desc .spec-section .spec-section-name {
  font-size: 16px;
  line-height: 25px;
}

.spec-desc .spec-section .spec-section-desc {
  font-size: 16px;
  line-height: 36px;
  color: #41444e;
  margin-bottom: 0;
}

.container-lg {
  max-width: 100%;
  padding: 0 120px;
}

.ul-inline {
  display: flex;
  flex-wrap: wrap;
}

/* .ccnPopProds .ccnDescTabs .MuiTabs-flexContainer {
  justify-content: flex-start;
} */
.ccnDescTabs .ccnDescTab {
  margin-left: 0;
  margin-right: 3.5rem;
}

@media (min-width: 1200px) {
  .ccnPopProds .col-xl-4 {
    width: 25%;
    max-width: 25%;
  }

  .ccnPopProds .list-prod.col-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .list-prod .imgFirst img {
    -o-object-fit: contain !important;
       object-fit: contain !important;
  }
}

.terms-menu {
  margin-top: 1rem;
}

.terms-menu a {
  margin-right: 40px;
}

@media (min-width: 767px) {
  .terms-menu {
    margin-top: 0;
    text-align: right;
  }

  .terms-menu a {
    margin-right: 0;
    margin-left: 40px;
  }
}

footer .c-cta_line {
  margin-top: 3rem;
}

.footer-top-area {
  padding-top: 4rem;
}

.footer-default ul li a {
  text-transform: uppercase;
  letter-spacing: 1px;
  color: #6c737f;
}

.footer-default ul li a:hover {
  color: #212529;
}

@media (min-width: 992px) {
  .footer-default ul li a {
    padding: 10px 0;
  }
}

/* responsive */
@media (min-width: 768px) {
  .footer-default .logo a {
    margin: 0 auto;
  }

  /* .footer-widget.widget_style--2 .quick-link li a,
  .footer-widget.widget_style--2 .address-two p .list-content {
    font-size: 14px;
  } */
}

/* @media (min-width: 993px) {
  .footer-widget.widget_style--2 .quick-link li a,
  .footer-widget.widget_style--2 .address-two p .list-content {
    font-size: 16px;
  }
} */
@media only screen and (max-width: 1499px) and (min-width: 1200px) {
  .single-banner.banner-style-two .title.left {
    bottom: 25px;
  }
}

@media (min-width: 993px) {
  .ccn-specialisms-single {
    display: flex !important;
    flex-direction: column;
    height: 100%;
  }
}

@media (min-width: 1200px) {
  .footer-default .logo a {
    margin: 0;
  }

  /* .header-icon.hamburger-menu {
    display: none;
  } */
  iframe.contactDetailMap {
    height: 100%;
  }

  .hamburger-area {
    box-shadow: none !important;
  }

  /* .relatedCaroSlider .nsd-portfolio__btn-prev,
  .relatedCaroSlider .nsd-portfolio__btn-next {

    opacity: 1;
    position: absolute;
    bottom: -138px !important;
    top: auto !important;
  } */
  /* .relatedCaroSlider .nsd-portfolio__btn-prev {
    left: calc(50% - 30px);
    margin-left: -140px !important;
  }
  .relatedCaroSlider .nsd-portfolio__btn-next {
    right: calc(50% - 30px);
    margin-right: -140px !important;
  } */
  /* .relatedCaroSlider .nsd-portfolio__btn-prev:hover,
  .relatedCaroSlider .nsd-portfolio__btn-next:hover {
    border-color: transparent;
  } */
  .inspocontent-full
    .product-details-content.quickview-content
    .product-details-price {
    /* float: left; */
    margin: 10px 40px 0 0;
  }

  /* .inspocontent-full .pro-details-social {
    margin-bottom: 10px;
  } */
  .inspocontent-full .product-details-content .product-html-custom {
    padding-top: 0;
  }
}

@media (min-width: 1500px) {
  .container-fluid-minimus {
    /* max-width: >!important; */
    padding-left: 80px !important;
    padding-right: 80px !important;
    margin-left: auto;
    margin-right: auto;
  }

  .ccnProdNav {
    max-width: 1500px;
    margin-left: auto;
    margin-right: auto;
  }

  /* .ccnModalInsp .product-details-content .pro-details-social {
    margin-top: 48px;
  } */
}

@media (min-width: 1600px) {
  .col-xxl-2 {
    flex: 0 0 16.666667%;
    max-width: 16.666667%;
  }

  .col-xxl-8 {
    flex: 0 0 66.666667%;
    max-width: 66.666667%;
  }

  .col-xxl-3 {
    flex: 0 0 25%;
    max-width: 25%;
  }
}

@media (min-width: 1650px) {
  .list-prod.col-12 {
    flex: 0 0 50%;
    max-width: 50%;
  }
}

@media (min-width: 1700px) {
  .inspocontent-full
    .product-details-content.quickview-content
    .product-details-price {
    /* float: left; */
    margin: 10px 40px 40px 0;
  }

  /* .inspocontent-full .pro-details-social {
    margin-bottom: 40px;
  } */
  .inspocontent-full .product-details-content .product-html-custom {
    padding-top: 28px;
  }

  .help-section h2 {
    font-size: 46px;
    line-height: 106px;
  }

  .help-section .intro {
    font-size: 27px;
    max-width: 750px;
    line-height: 43px;
    /* color: rgba(0, 0, 0, .6); */
    margin: 0 auto 60px;
  }

  .contactDetailSection .fa,
  .contactDetailSection .dlicon {
    font-size: 76px;
    /* color: rgba(0, 0, 0, .1);
    text-align: center; */
    margin: 0 0 30px;
  }

  .contactDetailSection {
    /* text-align: center; */
  }

  .contactDetailSection h3 {
    margin: 0 0 30px;
    font-size: 24px;
  }

  .contactDetailSection p {
    margin-bottom: 0;
  }

  .contactDetailSection .ccnLabel {
    /* font-style: normal; */
    font-weight: 600;
    font-size: 12px;
    /* letter-spacing: 0px; */
    margin: 20px 0 0 0;
    /* display: block; */
  }

  .contactDetailSection .ccnContent {
    /* display: block; */
    margin: 0 0 2px;
    font-size: 19px;
  }

  .relatedCaroSlider .slick-track {
    max-height: calc(460px + 40px);
  }

  .product-details-content .pro-details-meta ul li a,
  .product-details-content .pro-details-sku span {
    color: rgba(26, 26, 26, 0.8);
    font-size: 14px;
  }

  .ccnCatProdFull .product-details-content .pro-details-sku .ccnLabel,
  .ccnCatProdFull .product-details-content .pro-details-meta .ccnLabel {
    font-weight: bold;
    letter-spacing: 0;
  }

  .ccnCatProdFull .product-details-content .ccnLabel:before {
    font-weight: normal;
  }

  .modern-decorate-banner-section {
    padding: 170px 50px;
  }

  .ccnMasonryItem:not(.ccnMasonryItemInsert) .single-grid-product,
  .ccnMasonryItem .single-grid-product {
    height: 460px;
  }

  .ccnMasonryItem .single-grid-product .product-image {
    padding: 80px 0 60px 20px;
  }

  .ccnMasonryItem .single-grid-product .product-image > a img {
    max-width: 380px;
    /* max-height: 350px; */
    max-height: 230px;
    /* padding: 80px 0 60px 20px; */
  }

  .MuiDialog-paperFullScreen .product-details-content h2 {
    max-width: 700px;
    margin-bottom: 30px;
  }

  .MuiDialog-paperFullScreen .pro-details-quality {
    margin-top: 60px;
  }

  .ccnInspoNav,
  .inspocontent .product-price {
    margin-bottom: 20px;
  }

  .ccnRelatedCaroM .ccnMasonryItem .single-grid-product .product-image > a img {
    max-width: 100%;
  }

  .ccnRowBreakOut {
    margin-left: -200px;
    margin-right: -200px;
  }

  .ccnRowBreakOutLg {
    margin-left: -320px;
    margin-right: -320px;
  }

  .help-section .infoCol {
    text-align: center;
    padding-left: 100px;
    padding-right: 100px;
    padding-top: 150px !important;
    padding-bottom: 150px !important;
  }

  .ccnHeroSlider1 .ccnSlideItem {
    padding: 150px 80px;
    height: 50vh;
    min-height: 500px;
    display: flex;
    align-items: center;
  }

  .ccnS {
    display: none;
  }
}

@media (min-width: 2100px) {
  .container-fluid-minimus {
    max-width: 1900px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .grid-sizer,
  .ccnMasonryItem {
    width: 20%;
  }

  .ccnMasonryItem--width3 {
    width: 60%;
  }
}

@media (min-width: 2300px) {
  .ccnMasonryItem:not(.ccnMasonryItemInsert) .single-grid-product,
  .ccnMasonryItem .single-grid-product {
    height: 510px;
  }

  .ccnHeroSlider1 .ccnSlideItem {
    padding: 220px 150px;
    height: 60vh;
    min-height: 800px;
    display: flex;
    align-items: center;
    background-position: 50% 30% !important;
    font-size: 60px;
  }

  .ccnHeroSlider1 .ccnSlideItem p {
    font-size: 18px;
    max-width: 550px;
    line-height: 30px;
  }
}

@media (max-width: 1700px) {
  .featHeadBox {
    padding: 70px 0 50px;
  }

  /* .ccnMasonryItem .single-grid-product .product-image .product-action {
    position: absolute;
    margin-top: 0;
    bottom: -120px;
  } */
  .ccnL {
    display: none;
  }

  .container-fluid-maximums-sm {
    max-width: 1200px;
  }

  .single-portfolio.style-three h3 {
    font-size: 1.2rem;
    line-height: 1.6;
  }
}

@media (max-width: 1500px) {
  .ccnCatProdFull .product-type {
    left: 80px;
  }
}

@media (max-width: 992px) {
  .inspocontent-full {
    display: block;
  }

  .inspocontent,
  .threeViewer,
  .detailViewer {
    display: block;
  }

  .threeViewer,
  .detailViewer {
    width: 100%;
  }

  .threeViewer,
  .threeViewer #scene3d,
  .inspocontent-full #scene3d {
    height: 100% !important;
    overflow: hidden;
  }

  .detailViewer {
    /* padding-top: 50px; */
    padding: 50px 20px 0 !important;
  }

  .ccnModalInsp .MuiIconButton-root[aria-label="close"] {
    z-index: 99 !important;
  }

  .ccnModalInsp .MuiIconButton-root[aria-label="close"] svg {
    fill: #fff !important;
  }

  .ccnModalInsp .product-details-content h2 {
    max-width: 800px;
  }

  .inspocontent-full
    .product-details-content.quickview-content
    .product-details-price {
    float: left;
    margin: 10px 40px 0 0;
  }
}

@media (max-width: 1300px) {
  .grid-sizer,
  .ccnMasonryItem {
    width: 33.33333%;
  }

  .product-details-tab .slick-list {
    width: 100%;
  }

  .ccnCatProdFull .product-details-tab .slick-dots {
    width: calc(100% + 10px);
    margin-left: -5px;
    float: none;
    display: flex !important;
    justify-content: flex-start;
  }

  .product-details-tab .slick-dots li {
    margin: 0;
    padding: 5px;
    flex: 0 0 25%;
    max-width: 25%;
    width: 100%;
  }
}

@media (max-width: 1200px) {
  .ccnModalInsp .inspocontent .breadcrumb-area {
    display: none;
  }

  .ccnModalInsp .inspocontent .portfolio-nav-area ul {
    margin-top: 40px;
    justify-content: center;
  }

  .ccnModalInsp .inspocontent h2 {
    margin-bottom: 20px;
  }

  .ccnModalInsp .inspocontent .product-price {
    margin: 10px 0 30px;
  }

  .ccnModalInsp .inspocontent .product-details-content .product-html-custom {
    padding-top: 20px;
    padding-bottom: 10px;
  }

  .detailViewer {
    padding-top: 0px !important;
    padding-bottom: 50px !important;
  }
}

@media (max-width: 992px) {
  .ccnProductImgGallery img {
    height: 250px;
    max-width: calc(33.3333% - 4px);
    width: calc(33.3333% - 4px);
  }

  .ccnProductCard .product-content {
    padding: 0 40px 30px;
  }

  .grid-sizer,
  .ccnMasonryItem {
    width: 50%;
  }

  .threeViewer,
  .threeViewer #scene3d {
    height: 500px !important;
    overflow: hidden;
  }
}

@media (max-width: 880px) {
  .spec-desc .spec-section .spec-section-head {
    width: 30%;
    padding-right: 50px;
  }
}

@media (max-width: 767px) {
  .footer-top-area {
    padding-top: 0;
  }

  .single-portfolio.style-three .portfolio-image,
  .single-portfolio.style-three .portfolio-image > a,
  .single-portfolio.style-three .portfolio-image .gatsby-image-wrapper {
    height: 40rem !important;
  }

  .nsd-service__main {
    margin-bottom: 4rem !important;
  }

  .o-image_side_right {
    margin-top: 3rem;
  }

  .product-html-custom span {
    margin-bottom: 20px;
  }

  .ccnCatProdFull .product-details-content {
    padding-top: 0;
    margin-top: 0;
  }

  .product-details-content h2 {
    font-size: 20px;
    line-height: 28px;
  }

  .react-images__dialog {
    padding: 20px;
  }

  .product-details-tab .slick-list .ccn-slick-slide img {
    /* object-fit: contain; */
  }

  .threeViewer,
  .threeViewer #scene3d {
    height: 400px !important;
    overflow: hidden;
  }

  .ccnCatProdFull .product-type {
    position: relative;
    display: table;
    margin: 0 auto 50px;
    text-align: center;
    left: 17px;
    right: unset;
    display: NONE;
  }

  .ccnProductImgGallery img {
    height: 250px;
    max-width: calc(50% - 4px);
    width: calc(50% - 4px);
  }

  .ccnHeroSlider1 .ccnSlideItem {
    padding: 80px 60px;
  }

  .ccnSlideItem h1 {
    font-size: 45px;
    line-height: 54px;
  }

  .ccnDescTabs.ccnLarge .ccnDescTab {
    font-size: 15px;
  }

  /* .ccnDescTabs .ccnDescTab:after,
  .ccnDescTabs .ccnDescTab:hover:after,
  .ccnDescTabs .ccnDescTab.Mui-selected:after {
    height: 2px;
  } */
  .ccnDescTabs .ccnDescTab {
    padding: 0 0 3px;
    margin-right: 30px;
    /* margin-left: 15px; */
  }

  .ccnFancySelectLabel,
  .ccnFancySelect {
    font-size: 14px;
  }

  .ccnFancySelect {
    height: 50px;
  }

  /* .shop-top-bar .shop-topbar-left { */
  /* align-self: center; */
  /* } */
  .ccnProductCard .product-content {
    text-align: center !important;
  }

  .footer-content {
    margin-bottom: 30px;
  }

  .ccnProductCard .product-details-content {
    padding: 0 40px 30px;
  }

  .ccnProductCard .shop-list-content .ccnConfigurePartSelect {
    width: 100%;
  }

  .ccnModalProduct
    .ccnModalProductInner
    .MuiIconButton-root[aria-label="close"] {
    top: -15px !important;
    right: -5px !important;
  }

  .ccnModalProduct
    .ccnModalProductInner
    .MuiIconButton-root[aria-label="close"]:hover,
  .ccnModalProduct
    .ccnModalProductInner
    .MuiIconButton-root[aria-label="close"]:active,
  .ccnModalProduct
    .ccnModalProductInner
    .MuiIconButton-root[aria-label="close"]:focus {
    background-color: transparent;
  }

  .ccnModalProduct
    .ccnModalProductInner
    .MuiIconButton-root[aria-label="close"]
    .MuiTouchRipple-root {
    display: none;
  }

  .product-details-tab .slick-dots {
    display: flex !important;
    float: none !important;
    width: 100% !important;
    justify-content: left;
  }

  .product-details-tab .slick-list {
    width: 100% !important;
  }

  .ccnCatProdFull .slick-slider .slick-arrow.slick-prev {
    left: 8px;
  }

  .product-details-tab .slick-dots li {
    width: calc(25% - 3px);
    margin: 0 6px 0 0px;
  }

  .configure-btn a {
    width: 100%;
    text-align: center;
  }

  .footer-default {
    padding: 50px 40px 0;
  }

  .filtFeatContainer .sidebar-widget {
    padding-bottom: 0px !important;
  }

  .filtFeatContainer > div:last-child > .sidebar-widget {
    padding-bottom: 45px !important;
  }

  .grid-sizer,
  .ccnMasonryItem {
    width: 100%;
  }

  .about-section .raz-about-content {
    margin-top: 50px;
  }

  iframe.contactDetailMap {
    height: 300px;
    margin-top: 15px;
  }

  .contact__form--3 {
    padding-bottom: 0;
  }

  .help-section .infoCol {
    padding-top: 30px !important;
    padding-bottom: 30px !important;
  }

  .help-section .infoCol h2 {
    font-size: 24px;
    line-height: 34px;
  }

  .help-section .intro,
  .contactDetailSection .ccnContent {
    font-size: 15px;
  }

  .contactDetailSection {
    text-align: center;
  }

  .contactDetailSection .fa,
  .contactDetailSection .dlicon {
    font-size: 45px;
  }

  .contactDetailSection h3 {
    margin: 0 0 10px;
    font-size: 19px;
  }

  .contactDetailSection .ccnContent {
    color: rgba(0, 0, 0, 0.4);
  }

  .help-section .intro {
    margin: 0 auto 30px;
  }

  .single-banner.banner-style-two .title.left {
    top: auto;
    bottom: 20px;
  }

  .single-banner .banner-img a::before {
    background-color: #000;
    opacity: 0.2;
  }

  .ccnCatProdFull .page-breadcrumb-three {
    justify-content: left;
  }

  .ccnCatProdFull .product-nav {
    z-index: 1;
    right: 10px;
  }

  .ccnCatProdFull .productTitleWrap h2 {
    margin-top: 30px;
  }

  .ccnCatProdFull .pro-details-size-color:empty {
    display: none;
  }

  .ccnDrops {
    display: none;
  }

  .product-details-tab .slick-dots li a {
    height: 95px;
  }

  .spec-desc .spec-section {
    flex-direction: column;
  }

  .spec-desc .spec-section .spec-section-head {
    width: 100%;
    padding-right: 0;
  }
}

@media (max-width: 678px) {
  .inspocontent-full
    .product-details-content.quickview-content
    .product-details-price {
    float: none;
    margin: 0px 0px 0px 0px;
  }

  .filtFeatContainer {
    padding: 0 15px;
  }
}

@media (max-width: 450px) {
  .inspocontent-full
    .product-details-content.quickview-content
    .product-details-price {
    margin: 0px 0px 20px 0px;
  }
}

@media (max-width: 570px) {
  /* .ccnDescTabs .ccnDescTab {
    font-size: 15px;
    min-height: 28px;
  } */
  .ccnCatProdFull .ccnDescTabs {
    margin: 0 0 25px;
  }

  .ccnCatProdFull .product-details-tab .slick-list .ccn-slick-slide {
    height: 300px;
  }

  .ccnCatProdFull .slick-slider .slick-arrow.slick-next,
  .ccnCatProdFull .slick-slider .slick-arrow.slick-prev {
    top: 150px;
  }

  .ccnCatProdFull .pro-details-size-color {
    margin: 0 auto 35px;
  }

  .container-desktop {
    max-width: none;
  }

  .ccnProductImgGallery img {
    height: 220px;
  }

  .ccnCard .ccnConfigurePartSelect .label {
    display: none;
  }

  .ccnProductCard .shop-list-content .ccnConfigurePartSelect {
    padding: 0;
    border: 0;
  }

  .contactDetailSection {
    display: flex;
    text-align: left;
    margin: 20px 0;
  }

  .contactDetailSection > i,
  .contactDetailSection > i.dlicon,
  .contactDetailSection > i.fa {
    margin: 0 40px 0 0;
  }

  .ccnCatProdFull .page-breadcrumb-three {
    justify-content: center;
  }

  .product-nav ul {
    justify-content: center !important;
    margin: 20px 0 0;
  }
}

@media only screen and (max-width: 479px) {
  .shop-top-bar .shop-topbar-left {
    /* display: none; */
    /* overflow: hidden; */
    margin-bottom: 1rem;
  }

  .shop-tab.nav {
    margin-top: 1rem;
  }

  .shop-top-bar .shop-topbar-right.shop-tab-flex .shop-tab a {
    margin-left: 0;
    margin-right: 10px;
  }

  .shop-top-bar .shop-topbar-right.shop-tab-flex {
    justify-content: stretch;
    flex-grow: 1;
  }
}

@media (max-width: 460px) {
  .ccnHeroSlider1 .ccnSlideItem {
    padding: 90px 30px;
  }

  .ccnConfigurePartSelect .label {
    display: none;
  }

  .ccnConfigurePartSelect {
    padding: 0;
    border: 0;
  }

  .ccnConfigureActionsSelect .ccnConfigureActions__control {
    min-height: 68px;
  }

  .bk-btn-reconfigure {
    margin: 20px 0 0 96px !important;
  }

  .product-details-content .bk-btn {
    flex-grow: 1;
    text-align: center;
  }
}

#pb_root #app-pb-surround #app-pb.mode-light,
#pb_root #app-pb-surround #app-pb.mode-light > .fullscreen-enabled {
  background: radial-gradient(
    ellipse at center top,
    #dadfe6 0,
    #bec4cc 52%,
    #818a96 100%
  ) !important;
}

.menuSep {
  width: 100%;
  height: 1px;
  background: rgba(0, 0, 0, 0.1);
  margin: 15px 0;
}

#front-chat-holder > div > div.fc-3laqu > div.fc-2setg > div.fc-1_tjF {
  display: none;
}

.grecaptcha-badge {
  width: 70px !important;
  overflow: hidden !important;
  transition: all 0.3s ease !important;
  left: 18px !important;
  bottom: 18px !important;
}

.grecaptcha-badge:hover {
  width: 256px !important;
}

.ModalLink:hover {
  color: #ffff;
}

.ModalLink {
  margin-right: 35px;
}

.react-select__menu {
  z-index: 3333;
}

.react-pdf__Page > .react-pdf__Page__svg {
  box-shadow: 0 50px 100px rgba(0, 0, 0, 0.1);
}

.react-pdf__Document,
.react-pdf__Page__svg,
.react-pdf__Page__svg > svg {
  width: 100% !important;
  height: auto !important;
}

.react-pdf__Page__annotations {
  overflow: hidden;
  height: 0px;
}

.react-pdf__Page__textContent.textLayer,
.react-pdf__Page__annotations.annotationLayer {
  display: none;
}

.single-portfolio .portfolio-image .icon .img-link {
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: none;
  color: #fff;
  border: 1px solid #fff;
  margin: 10px;
  border-radius: 50%;
  text-align: center;
  font-size: 20px;
  /* -webkit-transition: all .3s;
  -o-transition: all .3s; */
  transition: all 0.3s;
  display: inline-block;
  cursor: pointer;
}

.single-portfolio .portfolio-image .icon .img-link:hover {
  background: #ffffff;
  border-color: #ffffff;
  color: #41444e;
}

.product_filterTop {
  overflow: hidden;
  transition: transform 0.3s ease-out;
  height: auto;
  transform: scaleY(1);
  transform-origin: top;
}

.product_filterTop.collapsed {
  transform: scaleY(0);
  visibility: hidden;
}

.nav-menu {
  position: fixed;
  max-width: 380px;
  left: -380px;
  top: 50%;
  transform: translate(0%, -50%);
  max-height: 290px;
  background-color: #fff;
  z-index: 10;
  transition: all 0.5s ease;
  border: 1px solid #ddd;
}

.nav-menu.open {
  left: 0px;
}

.nav-menu .nav-menu-inner {
  position: relative;
}

.menu-btn {
  background-color: #000;
  color: #fff;
  position: absolute;
  right: -40px;
  top: 0;
  width: 35px;
  height: 35px;
  text-align: center;
  cursor: pointer;
}

.nav-menu h2 {
  background-color: #000;
  text-transform: uppercase;
  color: #fff;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 7px;
  font-size: 18px;
  margin-bottom: 0;
}

.nav-menu ul {
  max-height: 255px;
  overflow-y: scroll;
}

.nav-menu ul li {
  display: block;
  border-bottom: 1px solid #ddd;
  width: 100%;
  padding-left: 7px;
  cursor: pointer;
}

.nav-menu ul li:last-child {
  border-bottom: none;
}

.dropzone {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 20px;
  border-width: 2px;
  border-radius: 2px;
  border-color: #eeeeee;
  border-style: dashed;
  background-color: #fafafa;
  color: #bdbdbd;
  outline: none;
  transition: border 0.24s ease-in-out;
}

.dropzone:focus {
  border-color: #2196f3;
}

.dropzone.disabled {
  opacity: 0.6;
}

.form-field-wrapper {
  margin-bottom: 10px;
  display: block;
  width: 100%;
}

.form-field-wrapper .description {
  font-size: 12px;
  color: #c0c0c0;
  font-style: italic;
}

.navigation {
  width: 120px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
}

.navigation #form-next,
.navigation #form-prev {
  font-size: 18px;
  border: 1px solid #000;
  padding: 10px;
  width: 50px;
  height: 50px;
  margin: 0 5px;
}

.navigation #form-next:hover,
.navigation #form-prev:hover {
  background: #000;
  color: #fff;
}

.navigation .disabled {
  opacity: 0.2;
}

.navigation #form-next.disabled:hover,
.navigation #form-prev.disabled:hover {
  background: transparent;
  color: #000;
}

.progress-tracker {
  display: flex;
  margin: 60px auto;
  padding: 0;
  list-style: none;
}

.progress-step {
  display: block;
  position: relative;
  flex: 1 1 0%;
  margin: 0;
  padding: 0;
  min-width: 28px;
  text-align: center;
}

.progress-marker {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 20;
  width: 28px;
  height: 28px;
  padding-bottom: 2px;
  color: #fff;
  font-weight: 400;
  border: 2px solid transparent;
  border-radius: 50%;
  transition: background-color, border-color;
  transition-duration: 0.3s;
  background-color: #656565;
  margin-left: auto;
  margin-right: auto;
}

.progress-text {
  display: block;
  padding: 14px 9.3333333333px;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-top: 5px;
  padding-bottom: 0;
  color: #656565;
}

.progress-step:not(:last-child)::after {
  content: "";
  display: block;
  position: absolute;
  top: 12px;
  bottom: 12px;
  right: -50%;
  width: 100%;
  height: 4px;
  transition: background-color 0.3s;
  background-color: #656565;
}

.progress-step.active .progress-marker,
.progress-step.highlighted .progress-marker {
  background-color: #2196f3;
}

.progress-step.active .progress-text,
.progress-step.highlighted .progress-text {
  font-weight: bold;
  color: #000;
}

.progress-step.highlighted:not(:last-child)::after {
  background-color: #2196f3;
}

.thumbs-container {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  margin-top: 16;
}

.thumb {
  display: inline-flex;
  border-radius: 2px;
  border: 1px solid #eaeaea;
  margin-bottom: 8px;
  margin-right: 8px;
  width: 100px;
  height: 100px;
  padding: 4px;
  box-sizing: border-box;
  background-color: #fff;
  margin-top: 9px;
}

.thumb-inner {
  display: flex;
  min-width: 0;
  overflow: hidden;
}

.thumb img {
  display: block;
  width: auto;
  height: 100%;
  background-color: #f7f7f7;
}

/* .form-using-state {
  display: none;
} */
.form-using-state.show {
  display: block;
}

/* additions */
.featuredText {
  max-width: 70%;
}

.featuredText,
.featuredText p {
  font-size: 1.2rem;
  line-height: 2rem;
}

.featuredText p {
  margin-bottom: 2rem;
}

.sponsored-heading {
  font-size: 2rem;
  text-transform: uppercase;
  font-style: italic;
  margin: 0 0 3rem;
  border-bottom: 1px solid;
  padding-bottom: 1.5rem;
}

.o-text ul {
  list-style-type: disc;
}

.o-text ul li {
  margin-left: 3rem;
}

.o-image_side {
  display: flex;
  align-items: stretch;
  flex-direction: column;
  justify-content: stretch;
}

.o-image_side .o-image_wrapper,
.o-image_side .o-image_wrapper .o-image {
  height: 100%;
  min-height: 500px;
}

.popup-close {
  font-size: 40px;
  display: block;
  position: absolute;
  z-index: 5;
  top: 30px;
  right: 30px;
  line-height: 40px;
  height: 40px;
  transition: all 0.3s;
  cursor: pointer;
}

.popup-close:hover {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  color: #272727;
}

.field-label {
  transition: all 0.3s;
}

.field-label.off {
  /* opacity: 0;
  visibility: hidden; */
}

.shop-collection-content .section.bg-image + .exp-readmore {
  clear: both;
  padding-top: 20px;
}

.shop-collections-area .category-item {
  height: 50%;
}

.category-items .single-banner {
  height: 160px !important;
}

.filtering-product {
  position: relative;
}

.left-filterbox {
  width: 120%;
  gap: 15px;
}

.dropdown_main {
  width: 180px;
}

.dropdown_main #navbarScrollingDropdown {
  background-color: #eeeeee;
  border-radius: 50px;
  padding: 12px 15px;
}

.nav-item.show #navbarScrollingDropdown {
  background-color: #41444e !important;
  color: #fff;
}

.nav-item.show #navbarScrollingDropdown::after {
  border-color: #fff;
}

.dropdown_main a {
  color: #292d32;
  font-family: "Lora", sans-serif;
  font-weight: 400;
  font-size: 16px;
}

.dropdown_main a:hover {
  color: #292d32;
}

.dropdown_main .dropdown-toggle::after {
  box-sizing: border-box;
  height: 10px;
  width: 10px;
  border-style: solid;
  border-color: #292d32;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  position: absolute;
  right: 20px;
  top: 15px;
}

.dropdown_category .dropdown-toggle::after {
  box-sizing: border-box;
  height: 10px;
  width: 10px;
  border-style: solid;
  border-color: #292d32;
  border-width: 0px 1px 1px 0px;
  transform: rotate(45deg);
  transition: border-width 150ms ease-in-out;
  position: relative;
  left: 80px;
  bottom: 30px;
}

.dropdown-menu {
  width: 400px !important;
  box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03) !important;
  position: absolute;
  inset: 0px auto auto 0px;
  transform: translate(0px, 42px);
  top: 20px !important;
  padding: 20px !important;
  /* border: none !important; */
  height: 530px;
  border: 1px solid #efeeee !important;
}

.diameter .dropdown-menu {
  width: 400px !important;
  /* box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03) !important; */
  /* position: absolute;
  inset: 0px auto auto 0px; */
  /* transform: translate(0px, 42px); */
  /* top: 20px !important; */
  /* padding: 20px !important; */
  /* border: none !important; */
  height: 150px;
}

.mounting .dropdown-menu {
  /* box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03) !important; */
  /* position: absolute;
  inset: 0px auto auto 0px; */
  /* transform: translate(0px, 42px); */
  /* top: 20px !important; */
  /* padding: 20px !important; */
  /* border: none !important; */
  /* height: 450px; */
}

.meterial .dropdown-menu {
  width: 200px !important;
  /* box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03) !important; */
  /* position: absolute;
  inset: 0px auto auto 0px; */
  /* transform: translate(0px, 42px); */
  /* top: 20px !important; */
  /* padding: 20px !important; */
  /* border: none !important; */
  height: -moz-fit-content;
  height: fit-content;
}

.meterial_box {
  width: 100%;
}

.meterial_box input {
  margin-right: 8px;
}

.mounting .dropdown-menu {
  height: 450px;
}

.mounting .dropdown-menu > div {
  height: 430px;
}

.categoryrefinList .dropdown-menu {
  /* box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03) !important; */
  /* position: absolute; */
  /* inset: 0px auto auto 0px; */
  /* transform: translate(0px, 42px); */
  /* top: 20px !important; */
  /* padding: 20px !important; */
  /* border: none !important; */
  height: 490px;
}

.categoryrefinList {
  position: relative;
}

/* .categoryRefineLength {
   position: absolute;
  z-index: 1;
   top: 24%; 
  right: 30%; 
} */
/* .categoryrefinList:hover .categoryRefineLength {
  color: #fff;
} */
.mounting {
  position: relative;
}

/* .mountingRefineLength {
  position: absolute;
  z-index: 1;
  top: 24%;
  right: 30%;
}
.mounting:hover .mountingRefineLength {
  color: #fff;
} */
.meterial {
  position: relative;
}

/* .materialRefineLength {
  position: absolute;
  z-index: 1;
  top: 23%;
  right: 30%;
}
.meterial:hover .materialRefineLength { */
/* color: #fff;
} */
.diameter {
  position: relative;
}

/* .diameterRefineLength {
  position: absolute;
  z-index: 1;
  top: 24%;
  right: 25%;
}
.diameter:hover .diameterRefineLength {
  color: #fff;
} */

.categoryrefinList .dropdown-menu > div {
  height: 450px !important;
}

.categoryrefinList .dropdown-menu::after {
  content: "" !important;
  position: absolute !important;
  top: -10px !important;
  left: 10px !important;
  width: 0 !important;
  height: 0 !important;
  border-style: solid !important;
  border-width: 0 13px 16px 13px !important;
  border-color: transparent transparent #fff transparent !important;
  z-index: 20;
}

.categoryrefinList .dropdown-menu input {
  margin-right: 5px;
}

.dropdown-menu::after {
  content: "";
  position: absolute;
  top: -10px;
  left: 10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 13px 16px 13px;
  border-color: transparent transparent #fff transparent;
}

.dropdown-menu .mounting_box {
  width: 48%;
  padding: 15px;
  border: 1px solid #dddddd;
}

.mounting_box label {
  margin-bottom: 0px !important;
}

.mounting_box label input {
  margin-right: 5px;
}

.result-box {
  padding: 20px 30px;
  box-sizing: border-box;
  background-color: #ffff;
  min-height: 400px;
  max-height: -moz-fit-content;
  max-height: fit-content;
  border-radius: 8px;
  width: 24%;
  transition: all linear 0.3s;
  border: 2px solid transparent;
}

.result-box:hover {
  border-color: #41444e;
}

.result-box img {
  width: 250px;
  height: 250px;
  -o-object-fit: contain;
     object-fit: contain;
}

@media only screen and (max-width: 991.99px) {
  .result-box img {
    width: 200px;
    height: 200px;
  }
}

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

.configure svg {
  width: 20px;
  height: 20px;
}

.ais-RangeInput-form {
  display: flex;
  margin-bottom: 15px;
  position: relative;
  justify-content: space-between;
}

.ais-RangeInput-form:after {
  content: "";
  position: absolute;
  top: 17px;
  left: 43%;
  width: 14px;
  height: 2px;
  background-color: #41444e;
}

.rheostat .DefaultBackground {
  height: 10px;
  top: 0px;
  left: -2px;
  bottom: 4px;
  width: 100%;
  border: none !important;
}

.sorting-icons a {
  color: #41444e;
}

.sorting-icons a:hover {
  color: #41444e;
}

.sorting-icons a:after {
  display: none !important;
}

.sorting-icons .dropdown-menu {
  width: 200px !important;
  box-shadow: 0px 24px 25px -7px rgba(0, 0, 0, 0.03) !important;
  position: absolute;
  inset: 0px auto auto 0px;
  transform: translate(0px, 42px);
  top: 20px !important;
  padding: 20px !important;
  border: none !important;
  height: 100px;
}

.sort {
  font-family: "Karla", sans-serif;
  font-size: 16px;
  cursor: pointer;
  padding: 5px 10px;
  transition: all linear 0.05s;
}

.sort:hover,
.sort-active {
  /* background-color: #f1f1f1; */
  color: rgba(0, 0, 0, 0.5);
}

.DefaultProgressBar_background__horizontal {
  height: 10px;
  top: 0px;
}

.ais-RangeInput {
  width: 150px;
}

.ais-RangeInput-input {
  /* margin-right: 40px; */
  font-family: "Karla", sans-serif;
  font-size: 20px;
  font-weight: 700;
  color: #41444e;
}

.ais-RangeInput-form input:nth-child(3) {
  margin-right: 0;
}

.ais-RangeInput-form span,
.ais-RangeInput-form button {
  display: none;
}

.ais-RangeInput-form input {
  border: none;
  border-bottom: 1px solid #000;
  width: 50px;
  text-align: center;
}

.range-value {
  width: 80px;
}

.DefaultBackground {
  border-radius: 50px;
  margin-bottom: 14px;
  margin-top: 20px;
  background: linear-gradient(90deg, #8d91a0 0%, #b2b4bd 9.77%) !important;
}

.DefaultProgressBar_progressBar {
  height: 10px !important;
  top: 0px;
  border-radius: 50px !important;
  background: linear-gradient(90deg, #d38574 0%, #f0bcb0 98.71%) !important;
}

.marker-width {
  position: absolute;
  top: 33px;
  left: 50px;
  width: 11px;
  height: 2px;
  background-color: #000;
}

.DefaultHandle_handle__horizontal {
  top: -7px;
}

.DefaultHandle_handle {
  width: 27px;
  height: 27px;
  border: 5px solid #fff !important;
  background: #d38574 !important;
  outline: none;
  border-radius: 50% !important;
  z-index: 2;
  box-shadow: 0px 3px 10px 2px rgba(0, 0, 0, 0.07) !important;
}

.DefaultHandle_handle:after,
.DefaultHandle_handle:before {
  display: none !important;
}

/* catalog */
/* .catalogdata{
  display: grid;
  grid-template-columns: repeat(12,1fr);
  gap: 15px;
}
.catalogAllitems{
  display: grid;
  grid-template-columns: repeat(4,1fr);
  gap: 15px;
  grid-column: 1/10;
}

.catalogitems{
  width: 100%;
}

.cataloglastItems{
  display: grid;
  grid-template-rows: repeat(2,1fr);
  grid-column: 10/-1;
}

.cataloglastitems{
  grid-row: 1/6;
} */

.inners {
  position: absolute;
  z-index: 100;
  overflow: hidden;
}

.portfolio-image img {
  -o-object-fit: cover;
     object-fit: cover;
}

.catalgog-inner-box {
  transition: opacity 0.75s;
}

.expand-fade .catalgog-inner-box {
  opacity: 0;
}

/* Chrome, Safari, Edge, Opera */
input.range_inputs::-webkit-outer-spin-button,
input.range_inputs::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input.range_inputs[type="number"] {
  -moz-appearance: textfield;
}

.range_inputs {
  border: none !important;
  /* border-bottom: 1px solid #41444e !important; */
  font-family: "Karla", sans-serif;
  width: -moz-fit-content !important;
  width: fit-content !important;
  font-size: 18px;
  font-weight: 600;
  color: #41444e;
  text-align: left !important;
}

.range-form {
  display: flex;
  align-items: center;
}

.middle_line {
  width: 13px;
  height: 2px;
  background-color: #41444e;
  display: inline-block;
  margin: 0 12px 0 0;
}

.singlecategory {
  position: relative;
  z-index: 1;
  padding: 25px 50px;
  box-sizing: border-box;
  height: 100%;
}

.singlecategory:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(13, 13, 13, 0.8);
  z-index: -1;
}

.back-btn {
  color: #fff;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  cursor: pointer;
  width: 135px;
  /* margin-top: 50px; */
}

.left-animation-text {
  width: 60%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow-y: auto;
  -ms-overflow-style: none;
  /* IE and Edge */
  scrollbar-width: none;
  /* Firefox */
}

.back-btn svg {
  margin-right: 10px;
}

.MuiDataGridMenu-root .MuiDataGrid-gridMenuList {
  display: flex;
  flex-direction: column;
}

.MuiDataGridMenu-root .MuiDataGrid-gridMenuList .MuiMenuItem-root {
  justify-content: flex-start;
  padding: 0.4rem 1rem;
}

#appPdfViewer {
  backface-visibility: hidden;
}

.formatted--body ul {
  margin: 0 0 40px 20px;
  padding: 0;
  list-style: disc;
}

.formatted--body ul ul {
  list-style: circle;
}

.formatted--body a {
  text-decoration: underline;
}

@media (min-width: 992px) {
  #ar-ui-container {
    max-height: calc(100vh - 161px);
  }

  #app-pb-surround {
    min-height: calc(100vh - 161px);
  }
}

._drupal_view .view-header {
  margin-bottom: 40px;
}

._drupal_view .view-content h3 {
  /* margin-bottom: 40px; */
}

._drupal_view .views-row {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.file {
  display: inline-block;
  min-height: 16px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center;
}

.projects {
  margin-bottom: 100px !important;
}

.project_slider_location p {
  margin-bottom: 0 !important;
}

.projects_slider a {
  text-decoration: none !important;
}

.projects_slider .two-grid {
  margin: 0 15px;
  width: 100% !important;
  cursor: pointer;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  height: 600px;
}

.projects_slider .two-grid:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all linear 0.3s;
}

.projects_slider .two-grid .project-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all linear 0.3s;
  overflow: hidden;
}

.projects_slider .two-grid .project-overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.2);
  transition: all linear 0.3s;
  position: relative;
}

.projects_slider .two-grid:hover .project-overlay {
  background: rgba(0, 0, 0, 0.95);
  filter: brightness(0.08) contrast(0.65);
}

.projects_slider .two-grid:hover:after {
  opacity: 0;
}

.projects_slider .two-grid:hover .project-overlay img {
  transform: scale(1.1);
}

.projects_slider .projects_item {
  margin: 0 15px;
  width: 92% !important;
  cursor: pointer;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  height: 600px;
}

.projects_slider .projects_item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background-color: rgba(0, 0, 0, 0.5);
  transition: all linear 0.3s;
}

.projects_slider .projects_item .project-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  transition: all linear 0.3s;
  overflow: hidden;
}

.projects_slider .projects_item .project-overlay img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1.2);
  transition: all linear 0.3s;
  position: relative;
}

.photographer p {
  color: #fff;
  font-family: "Lora", sans-serif;
  font-size: 14px;
  margin-bottom: 10px;
}

.project-inner {
  flex-direction: column !important;
  padding: 30px;
  height: 100%;
}

.project-inner .o-ratio-btn {
  margin: 0;
}

.projects_slider .projects_item:hover .project-overlay {
  background: rgba(0, 0, 0, 0.95);
  filter: brightness(0.08) contrast(0.65);
}

.projects_slider .projects_item:hover:after {
  opacity: 0;
}

.projects_slider .projects_item:hover .project-overlay img {
  transform: scale(1.1);
}

.projects-slider-header {
  width: 90%;
}

/* Sales-locatorp part */
.locatioon-selector .location-search {
  padding: 10px 25px;
  /* padding-left: 0px; */
  border: 1px solid #dddddd;
  width: 50%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 50px;
}

.locatioon-selector .location-search .css-3l0syw {
  width: 100% !important;
  right: 20px;
}

.locatioon-selector .location-search .drpmenu {
  background-color: red !important;
}

.locatioon-selector .location-search .css-3l0syw::after {
  display: none;
}

.locatioon-selector .location-search .css-7lwkva {
  top: -5px;
}

.locatioon-selector .location-search .css-1h0ajcw {
  padding: 0 !important;
}

.locatioon-selector .location-search .css-2b097c-container {
  width: 100%;
}

.locatioon-selector .location-search .css-yk16xz-control {
  border: none;
  outline: none;
  background-color: transparent;
}

.locatioon-selector .location-search .css-1okebmr-indicatorSeparator {
  background-color: transparent;
  width: 0;
}

.locatioon-selector .location-search .css-1pahdxg-control {
  outline: none;
  border: none;
  cursor: text;
  border-color: transparent;
  box-shadow: none !important;
  background-color: transparent !important;
}

.locatioon-selector .location-dropdown {
  position: relative;
  width: 25%;
}

.locatioon-selector .location-dropdown select {
  padding: 15px 25px;
  border: 1px solid #dddddd;
  border-radius: 50px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: transparent;
  width: 100%;
  cursor: pointer;
}

.locatioon-selector .location-dropdown svg {
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
}

.sale-location .sort-location {
  width: 40%;
  background-color: #41444e;
  border-radius: 50px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 15px;
  padding-right: 5px;
}

.sale-location .sort-selection {
  width: 60%;
}

.sale-location .sort-selection select {
  width: 100%;
  padding: 8px;
  border-radius: 50px;
  border: none;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
  background-repeat: no-repeat;
  background-position-x: 95%;
  background-position-y: 7px;
}

.sale-location .switch-filter {
  width: 20%;
  background-color: #41444e;
  border-radius: 50px;
  padding: 11px 10px;
}

.sale-location .switch-filter label {
  margin: 0;
}

.sale-location .switch-filter span {
  margin-left: 5px;
  color: #fff;
  font-family: Karla, sans-serif !important;
}

.location-details {
  max-width: 600px;
  height: 500px;
  overflow-y: auto;
}

.location-details::-webkit-scrollbar {
  width: 8px;
  background-color: #dfdfdf;
}

.location-details::-webkit-scrollbar-thumb {
  background-color: #41444e;
  border-radius: 5px;
}

.all-locations {
  padding-bottom: 20px;
  padding-right: 20px;
  border-bottom: 1px solid #dddddd;
  margin-bottom: 25px;
  cursor: pointer;
}

.all-locations .details {
  width: 300px;
}

.location-map {
  width: 70%;
  position: relative;
  z-index: 1;
}

.gm-style-moc {
  z-index: 0 !important;
}

.no-location-img {
  margin: 0 auto;
}

.maps-popup {
  position: relative;
}

.map-modal {
  position: fixed;
  top: 40%;
  left: 40%;
  transform: translate(-50%, -50%);
  z-index: 999;
}

.no-location-img img {
  width: 100%;
  height: 100%;
}

.clipboard {
  padding: 20px;
  border: 1px solid #b3b3b3;
  border-radius: 30px;
  margin-bottom: 30px;

  @media (max-width: 767px) {
    padding: 10px;
    margin-bottom: 15px;
    /* width: 40vh; */
  }
}

.cta-overlay-inner p {
  font-family: "Karla", sans-serif;
  font-size: 16px;
}

.cta-accent p {
  font-family: "Karla", sans-serif;
  font-size: 20px;
  font-weight: "500";

  @media (max-width: 767px) {
    font-size: 14px;
  }
}

.cta-title p {
  font-family: "Karla", sans-serif;
  font-size: 32px;
  font-weight: "700";
  color: #41444e;
}

#app_pbQuantity {
  width: 25% !important;
  display: flex !important;
  border: 1px solid #292d32;
  border-radius: 30px;
  justify-content: space-between;
}

#app_pbQuantity input {
  border: none;
  background-color: transparent;
  width: 98%;
  padding-left: 20px;
}

.add-cart-parent {
  display: flex;
  gap: 20px;
  align-items: center;
  margin-bottom: 20px;
}

.cart-price {
  font-family: "Karla", sans-serif;
  font-size: 20px;
  color: #41444e;
  font-weight: 700;
}

.quantity-up,
.quantity-down {
  cursor: pointer;
  font-size: 16px;
  font-weight: bold;
  color: #292d32;
}

.find {
  padding: 20px;
  border: 1px solid #ddd;
  margin-bottom: 20px;
  text-align: center;

  @media (max-width: 767px) {
    padding: 10px;
    margin-bottom: 0px;
  }
}

.find a {
  font-family: "Karla", sans-serif;
  font-size: 16px;
  font-weight: 400;
  color: #41444e;
}

.find a:hover {
  color: #dd5144;
}

.fields {
  display: flex;
  justify-content: space-between;
}

.field-form {
  width: 48%;
}

.field-form label {
  font-family: "Karla", sans-serif;
  font-size: 20px;
  color: #41444e;
  font-weight: 500;
  margin: 10px 0;

  @media (max-width: 767px) {
    font-size: 16px;
  }
}

.text-area label {
  font-family: "Karla", sans-serif;
  font-size: 20px;
  color: #41444e;
  font-weight: 500;
  margin: 10px 0;

  @media (max-width: 767px) {
    font-size: 16px;
  }
}

.text-area {
  font-family: "Karla", sans-serif;
  font-size: 20px;
  color: #41444e;
  font-weight: 500;
  margin: 10px 0;
  width: 100%;
}

.text-area textArea {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #41444e;
  padding: 12px 20px;
  font-family: "Lora", sans-serif;
  font-size: 16px;
  color: #41444e;
  font-weight: 400;

  &:focus {
    border-width: 2px;
    border-color: #41444e;
    padding: 11px 19px;
    transition: border-width 0.07s ease, padding 0.3s ease;
  }

  /* height: 180px; */
}

#fieldsOptions {
  display: flex;
  align-items: center;
  /* width: 45%; */
  gap: 25px;
}

.field_create_revit label {
  margin-bottom: 0;
}

.field_create_revit input {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}

.field_create_revit {
  display: flex;
  align-items: center;
}

.field_three {
  display: flex;
  align-items: center;
}

.field_three label {
  margin-bottom: 0;
}

.field_three input {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}

.field_custom_fixture {
  display: flex;
  align-items: center;
}

.field_custom_fixture label {
  margin-bottom: 0;
}

.field_custom_fixture input {
  margin-left: 5px;
  width: 18px;
  height: 18px;
}

.field-form input,
.field-form select {
  width: 100%;
  border-radius: 5px;
  border: 1px solid #41444e;
  padding: 12px 20px;
  font-family: "Lora", sans-serif;
  font-size: 16px;
  color: #41444e;
  font-weight: 400;
  box-sizing: border-box;

  &:focus {
    border-width: 2px;
    border-color: #41444e;
    padding: 11px 19px;
    transition: border-width 0.07s ease, padding 0.3s ease;
    /* box-shadow: 0 0 5px #005cc8; */
  }

  @media (max-width: 767px) {
    padding: 8px 10px;
  }
}

.action-cart {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 12px 20px;
  gap: 10px;
  height: 47px;
  border: 1px solid #90bd80;
  border-radius: 30px;
  background-color: #90bd80;
  color: #ffffff;
  transition: all 0.07s ease-in-out;
  cursor: pointer;
}

.action-cart:hover {
  background-color: transparent;
  transition: all ease-in-out 0.07s;
  color: #90bd80;
  border: 1px solid #90bd80;
}

.update-spec button {
  padding: 12px 20px;
  height: 47px;
  margin-top: 20px;
  border-radius: 30px;
  border: 1px solid #292d32;
  transition: all ease-in-out 0.07s;
  font-family: Karla, sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 20px;
  line-height: 23px;
  color: #292d32;
}

.update-spec button:hover {
  border: 1px solid #41444e;
  background-color: #41444e;
  color: #fff;
  transition: all 0.07s ease-in-out;
}

.disconnected-form-button button {
  padding: 10px 25px;
  margin-top: 25px;
  border-radius: 50px;
  border: 1px solid #41444e;
  transition: all linear 0.3s;
}

.disconnected-form-button button:hover {
  background-color: #41444e;
  color: #fff;
}

.config-btn {
  display: flex;
  width: 40%;
  gap: 25px;
  align-items: center;
}

.quantity-nav {
  width: 40%;
  text-align: center;
  padding-right: 20px;
  box-sizing: border-box;
}

.quantity-button {
  cursor: pointer;
}

/* modal Vendor */
.modal-vendor {
  width: 700px;
  background-color: #ffffff;
  padding: 50px 30px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: -130%;
  z-index: 99;
  box-shadow: 0px 20px 30px 20px rgba(0, 0, 0, 0.1);
  backdrop-filter: blur(19.5px);
  border-radius: 20px;
}

.vendor-modal-head {
  margin-top: 25px;
}

.vendor-modal-head .left-header {
  width: 50%;
}

.vendor-modal-head .right-logo {
  width: 30%;
}

.vendor-modal-head .right-logo img {
  width: 100%;
  height: 100%;
}

.vendor-form {
  width: 60%;
}

.vendor-form input {
  border: none;
  border-bottom: 1px solid #dddddd;
  resize: none;
  width: 100%;
  border-bottom: 1px solid #2f2f2f;
  margin-bottom: 40px;
  font-size: 16px;
}

.vendor-form textarea {
  border: none;
  border-bottom: 1px solid #dddddd;
  resize: none;
  width: 100%;
  border-bottom: 1px solid #2f2f2f;
  margin-bottom: 40px;
  font-size: 16px;
}

.close-vendor-modal {
  position: absolute;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #41444e;
  cursor: pointer;
}

.react-switch-bg {
  height: 30px !important;
  width: 59px !important;
}

.react-switch-handle {
  height: 22px !important;
  width: 22px !important;
  top: 4px !important;
}

.react-switch .react-switch-handle {
  transform: translateX(32px) !important;
}

.parent-row {
  max-height: 350px !important;
}

.file--application-pdf {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/application-pdf.8f419d7b.png);
}

.file--general,
.file--application-octet-stream {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/application-octet-stream.e9263840.png);
}

.file--package-x-generic {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/package-x-generic.7631c9b9.png);
}

.file--x-office-spreadsheet {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/x-office-spreadsheet.22e2e38e.png);
}

.file--x-office-document {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/x-office-document.6d51ab7a.png);
}

.file--x-office-presentation {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/x-office-presentation.3f3f8568.png);
}

.file--text-x-script {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/text-x-script.03c4981a.png);
}

.file--text-html {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/text-html.2f2369d8.png);
}

.file--text-plain {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/text-plain.da4cb1d9.png);
}

.file--application-pdf {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/application-pdf.8f419d7b.png);
}

.file--application-x-executable {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/application-x-executable.e9263840.png);
}

.file--audio {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/audio-x-generic.7d7a07a4.png);
}

.file--video {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/video-x-generic.44e8f818.png);
}

.file--text {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/text-x-generic.da4cb1d9.png);
}

.file--image {
  background-image: url(webpack:///mini-css-extract-plugin//_next/static/media/image-x-generic.1296024b.png);
}

@media (max-width: 575.99px) {
  .filtering-product {
    padding: 15px 15px;
  }

  .filtering-product .search-form {
    max-width: 100% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    gap: 8px;
  }

  .filtering-product .right-filteringbox {
    width: 100%;
    justify-content: center;
  }

  .outdoor-wrapper {
    margin: 0 auto;
  }

  .left-filterbox .dropdown_main {
    margin: 15px 0;
  }

  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .dropdown_main {
    width: 48%;
  }

  .categoryrefinList .dropdown-menu {
    width: 340px !important;
  }

  .categoryrefinList .dropdown-menu::after {
    display: none;
  }

  .dropdown-menu label {
    font-size: 22px;
  }

  .diameter .dropdown-menu {
    width: 300px !important;
  }

  .dropdown a {
    font-size: 14px;
  }

  .diameter .dropdown-menu::after {
    display: none;
  }

  .dropdown-menu {
    width: 300px !important;
  }

  .dropdown-menu::after {
    display: none;
  }

  .left-animation-text {
    width: 100%;
    justify-content: flex-start;
  }

  .left-animation-text p {
    font-size: 14px;
  }

  .singlecategory {
    padding: 15px;
  }

  .back-btn {
    width: 125px;
    margin-top: 50px;
  }

  .slider__item-button-wrap {
    display: none;
  }

  .parent-row {
    max-height: 100% !important;
  }

  .result-box {
    width: 100%;
  }

  .single-banner {
    height: 200px;
  }
}

@media (min-width: 576px) and (max-width: 767.99px) {
  .filtering-product {
    padding: 15px 15px;
  }

  .filtering-product .search-form {
    max-width: 50% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    gap: 8px;
  }

  .slider__item-button-wrap {
    display: none;
  }

  .outdoor-wrapper {
    margin: 0 auto;
  }

  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .left-filterbox {
    width: 100%;
  }

  .filtering-product {
    padding: 21px 21px;
  }

  .left-filterbox {
    gap: 12px;
  }

  .filtering-product .right-filteringbox {
    width: 100%;
    margin-top: 15px;
  }

  .single-banner {
    height: 200px;
  }

  /* .sorting-icons {
    margin-bottom: 15px;
  } */

  .dropdown_main {
    width: 32%;
  }

  .categoryrefinList .dropdown-menu::after {
    display: none;
  }

  .diameter .dropdown-menu {
    width: 350px !important;
  }

  .diameter .dropdown-menu::after {
    display: none;
  }

  .dropdown-menu {
    width: 350px !important;
  }

  .dropdown-menu::after {
    display: none;
  }

  .left-animation-text {
    width: 100%;
    justify-content: flex-start;
  }

  .left-animation-text p {
    font-size: 20px;
  }

  .singlecategory {
    padding: 15px;
  }

  .back-btn {
    width: 126px;
    margin-top: 50px;
  }

  .parent-row {
    max-height: 100% !important;
  }

  .result-box {
    width: 49% !important;
  }

  .parent-hits {
    gap: 10px;
  }
}

@media (min-width: 768px) and (max-width: 991.99px) {
  .filtering-product {
    padding: 15px 15px;
  }

  .filtering-product .search-form {
    max-width: 30% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    gap: 8px;
  }

  .left-filterbox {
    width: 100%;
    gap: 15px;
    justify-content: flex-start !important;
  }

  .outdoor-wrapper {
    margin: 0 auto;
  }

  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .portfolio-image h5 {
    font-size: 18px !important;
  }

  .filtering-product .right-filteringbox {
    width: 100%;
  }

  .right-filteringbox {
    margin-top: 25px;
  }

  /* .sorting-icons {
    margin-bottom: 5px;
  } */

  .dropdown_main {
    width: 30%;
    margin-bottom: 5px;
  }

  .categoryrefinList .dropdown-menu::after {
    display: none;
  }

  .diameter .dropdown-menu {
    width: 350px !important;
  }

  .diameter .dropdown-menu::after {
    display: none;
  }

  .dropdown-menu {
    width: 350px !important;
  }

  .dropdown-menu::after {
    display: none;
  }

  .left-animation-text {
    width: 100%;
    justify-content: flex-start;
  }

  .back-btn {
    width: 126px;
    margin-top: 50px;
  }

  .shop-collection-content p {
    margin: 0 auto;
  }

  .parent-row {
    max-height: 100% !important;
  }

  .result-box {
    width: 49%;
  }

  .seperate-space {
    padding-left: 0 !important;
    padding-right: 30px !important;
  }

  .parent-hits {
    gap: 14px;
  }
}

.css-3dzjca-MuiPaper-root-MuiPopover-paper-MuiMenu-paper {
  background-color: #fff !important;
  box-shadow: 0px 0px 6px 2px rgba(0, 0, 0, 0.1) !important;
  width: -moz-fit-content !important;
  width: fit-content !important;
  height: -moz-fit-content !important;
  height: fit-content !important;
  padding: 10px !important;
}

.pdf {
  cursor: pointer;
}

.pdf > svg {
  fill: #292d32 !important;
}

.react-switch > .react-switch-bg {
  background-color: rgba(144, 189, 128, 0.29) !important;
}

.react-switch > .react-switch-handle {
  background-color: rgba(144, 189, 128, 1) !important;
  border: 4px solid #fff !important;
  border-color: #fff !important;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.08)) !important;
}

.outdoor-wrapper {
  margin-left: auto;
  margin-top: 6px;
}

/* .pdf-dropdown{
  position: absolute;
  display: none;
  top: 25px;
  left: 0;
  width: 130px;
  height: fit-content;
  padding: 15px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  transition: all 1s ease-in-out;
}
.pdf:hover > .pdf-dropdown {
  display: block;
} */
.pdf_container {
  width: -moz-fit-content;
  width: fit-content;
  height: -moz-fit-content;
  height: fit-content;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 0px 1px 24px 0px rgba(0, 0, 0, 0.09);
  border-radius: 5px;
}

.pdf_item {
  padding: 2px;
  font-size: 1rem;
}

@media (min-width: 920px) and (max-width: 991.99px) {
  .filtering-product {
    padding: 15px 15px;
  }

  .filtering-product .search-form {
    max-width: 30% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    gap: 8px;
  }

  .left-filterbox {
    width: 100%;
    gap: 15px;
    justify-content: flex-start !important;
  }

  .portfolio-image h5 {
    font-size: 22px !important;
  }

  .filtering-product .right-filteringbox {
    width: 100%;
  }

  .right-filteringbox {
    margin-top: 25px;
  }

  .sorting-icons {
    margin-bottom: 5px;
  }

  .dropdown_main {
    width: 20%;
    margin-bottom: 5px;
  }

  .categoryrefinList .dropdown-menu::after {
    display: none;
  }

  .material .dropdown-menu {
    width: 350px !important;
  }

  .diameter .dropdown-menu {
    width: -moz-fit-content !important;
    width: fit-content !important;
  }

  .diameter .dropdown-menu::after {
    display: none;
  }

  .dropdown-menu {
    width: 350px !important;
  }

  .dropdown-menu::after {
    display: none;
  }

  .left-animation-text {
    width: 100%;
    justify-content: flex-start;
  }

  .back-btn {
    width: 126px;
    margin-top: 50px;
  }

  .shop-collection-content p {
    margin: 0 auto;
  }

  .result-box {
    width: 49%;
  }

  .parent-hits {
    gap: 14px;
  }
}

@media (min-width: 952px) and (max-width: 991.99px) {
  .filtering-product {
    padding: 21px 13px;
  }

  .back-btn {
    width: 126px;
    margin-top: 50px;
  }
}

@media (min-width: 992px) and (max-width: 1199.99px) {
  .filtering-product {
    padding: 15px 15px;
  }

  .filtering-product .search-form {
    max-width: 30% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    gap: 8px;
  }

  .left-animation-text {
    width: 100%;
  }

  .-ccn-o-ratio-box .o-ratio-text {
    font-size: 19px;
  }

  .catalog-page .-ccn-o-ratio-box .o-ratio-text {
    font-size: 18px;
  }

  .left-filterbox {
    width: 100%;
  }

  .outdoor-wrapper {
    margin: 0 auto;
  }

  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .dropdown_main {
    width: 20%;
  }

  .diameter .dropdown-menu::after {
    display: none;
  }

  .categoryrefinList .dropdown-menu::after {
    display: none;
  }

  .dropdown-menu::after {
    display: none;
  }

  .back-btn {
    width: 128px;
    margin-top: 50px;
  }

  .filtering-product .right-filteringbox {
    width: 100%;
    margin-top: 20px;
  }

  .result-box {
    width: 32%;
  }

  .parent-hits {
    gap: 2%;
  }
}

@media (min-width: 1200px) and (max-width: 1399.99px) {
  .filtering-product .search-form {
    max-width: 30% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    padding-left: 15px;
    gap: 8px;
  }

  .filtering-product {
    padding: 21px 3px;
  }

  .left-animation-text {
    width: 100%;
  }

  .left-filterbox {
    width: 80%;
  }

  .outdoor-wrapper {
    padding-right: 20px;
  }

  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .dropdown_main {
    width: 18%;
  }

  .dropdown_main a {
    font-size: 14px;
  }

  .filtering-product .right-filteringbox {
    width: 28%;
  }

  .back-btn {
    width: 130px;
    margin-top: 50px;
  }

  .right-filteringbox span {
    font-size: 14px;
  }

  .result-box {
    width: 32%;
  }

  .parent-hits {
    gap: 2%;
  }
}

@media (min-width: 1400px) and (max-width: 1699.99px) {
  .filtering-product .search-form {
    max-width: 20% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    padding-left: 15px;
    gap: 8px;
  }

  .left-animation-text {
    width: 80%;
  }

  .outdoor-wrapper {
    padding-right: 15px;
  }

  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .back-btn {
    width: 130px;
    margin-top: 50px;
  }

  .parent-hits {
    gap: 2%;
  }
}

@media (min-width: 1400px) and (max-width: 1776.99px) {
  .filtering-product .search-form {
    max-width: 20% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    padding-left: 15px;
    gap: 8px;
  }

  .filtering-product {
    padding: 21px 3px;
  }

  .back-btn {
    width: 25%;
  }

  .outdoor-wrapper {
    padding-right: 15px;
  }

  .left-filterbox {
    width: 80%;
  }

  .dropdown_main {
    width: 14%;
  }

  .dropdown_main a {
    font-size: 14px;
  }

  .back-btn {
    width: 130px;
    margin-top: 50px;
  }

  .filtering-product .right-filteringbox {
    width: 23%;
  }

  .right-filteringbox span {
    font-size: 14px;
  }

  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .result-box {
    width: 23.8%;
  }

  .parent-hits {
    gap: 1.6%;
  }
}

@media (min-width: 1770px) and (max-width: 1799.99px) {
  .filtering-product .search-form {
    max-width: 20% !important;
  }

  .filtering-product .left-filterbox {
    width: 100%;
    /* padding-left: 15px; */
    gap: 8px;
  }

  .parent-hits {
    gap: 1.6%;
  }

  .result-box {
    width: 23.8%;
  }
}

@media (min-width: 1800px) {
  .react-switch-bg {
    height: 29px;
    width: 66px;
  }

  .react-switch-handle {
    width: 20px;
    height: 20px;
  }

  .react-switch .react-switch-handle {
    transform: translateX(32px) !important;
  }

  .back-btn {
    width: 135px;
    margin-top: 0px;
  }

  .parent-hits {
    gap: 1.3%;
  }
}

/* locators */
@media (max-width: 575.99px) {
  .locator-details h1 {
    font-size: 30px !important;
    line-height: 45px !important;
  }

  .locatioon-selector .location-search {
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
  }

  .locatioon-selector .location-search input {
    margin-left: 15px !important;
  }

  .locatioon-selector .location-search .css-1uccc91-singleValue {
    padding-right: 40px !important;
    margin-left: 15px !important;
  }

  .location-dropdown {
    width: 100% !important;
    margin-top: 20px;
  }

  .location-dropdown select {
    font-size: 16px !important;
  }

  .sale-location .sort-location {
    width: 100%;
    border-radius: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
  }

  .location-map > div {
    height: 380px !important;
    margin-bottom: 50px !important;
  }

  .modal-vendor {
    width: calc(100% - 20px);
    padding: 50px 30px;
    top: 70%;
    transform: translate(-50%, -50%);
    left: 50%;
  }

  .vendor-form {
    width: 100% !important;
  }

  .vendor-modal-head {
    flex-direction: column-reverse;
  }

  .left-header {
    width: 100% !important;
    margin-top: 30px;
  }

  .right-logo {
    width: 50% !important;
  }
}

@media (min-width: 576px) and (max-width: 767.99px) {
  .locator-details h1 {
    font-size: 45px !important;
    line-height: 65px !important;
  }

  .locatioon-selector .location-search {
    padding: 10px 15px;
    width: 65%;
    font-size: 16px;
  }

  .locatioon-selector .location-search input {
    margin-left: 15px !important;
  }

  .locatioon-selector .location-search .css-1uccc91-singleValue {
    padding-right: 40px !important;
    margin-left: 15px !important;
  }

  .location-dropdown {
    width: 32% !important;
  }

  .location-dropdown select {
    font-size: 16px !important;
  }

  .location-map > div {
    height: 580px !important;
    margin-bottom: 50px !important;
  }

  .modal-vendor {
    width: calc(100% - 20px);
    padding: 50px 30px;
    top: 70%;
    transform: translate(-50%, -50%);
    left: 50%;
  }

  .vendor-form {
    width: 100% !important;
  }

  .vendor-modal-head {
    flex-direction: column-reverse;
  }

  .left-header {
    width: 100% !important;
    margin-top: 30px;
  }

  .right-logo {
    width: 50% !important;
  }
}

@media (min-width: 768px) and (max-width: 991.99px) {
  .locator-details h1 {
    font-size: 55px !important;
    line-height: 65px !important;
  }

  .locatioon-selector .location-search {
    padding: 10px 15px;
    width: 65%;
    font-size: 16px;
  }

  .locatioon-selector .location-search input {
    margin-left: 15px !important;
  }

  .locatioon-selector .location-search .css-1uccc91-singleValue {
    padding-right: 40px !important;
    margin-left: 15px !important;
  }

  .location-dropdown {
    width: 32% !important;
  }

  .location-dropdown select {
    font-size: 16px !important;
  }

  .location-map > div {
    height: 580px !important;
    margin-bottom: 50px !important;
  }

  .modal-vendor {
    width: calc(100% - 20px);
    padding: 50px 30px;
    top: 70%;
    transform: translate(-50%, -50%);
    left: 50%;
  }

  .vendor-form {
    width: 100% !important;
  }

  .vendor-modal-head {
    flex-direction: column-reverse;
  }

  .left-header {
    width: 100% !important;
    margin-top: 30px;
  }

  .right-logo {
    width: 50% !important;
  }
}

@media (min-width: 992px) and (max-width: 1199.99px) {
  .locator-details h1 {
    font-size: 2.75rem !important;
    line-height: 65px !important;
  }

  .locatioon-selector {
    flex-direction: column !important;
  }

  .locatioon-selector .location-search {
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
    margin-right: 0 !important;
  }

  .locatioon-selector .location-search input {
    margin-left: 15px !important;
  }

  .locatioon-selector .location-search .css-1uccc91-singleValue {
    padding-right: 40px !important;
    margin-left: 15px !important;
  }

  .location-dropdown {
    width: 100% !important;
    margin-top: 20px;
  }

  .location-dropdown select {
    font-size: 16px !important;
  }

  .modal-vendor {
    width: 700px;
    padding: 50px 30px;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 20%);
  }

  .sale-location .sort-location {
    width: 80%;
  }

  .vendor-form {
    width: 70% !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399.99px) {
  .locator-details h1 {
    font-size: 2.75rem !important;
    line-height: 65px !important;
  }

  .locatioon-selector {
    flex-direction: column !important;
  }

  .locatioon-selector .location-search {
    padding: 10px 15px;
    width: 100%;
    font-size: 16px;
    margin-right: 0 !important;
  }

  .locatioon-selector .location-search input {
    margin-left: 15px !important;
  }

  .locatioon-selector .location-search .css-1uccc91-singleValue {
    padding-right: 40px !important;
    margin-left: 15px !important;
  }

  .location-dropdown {
    width: 100% !important;
    margin-top: 20px;
  }

  .location-dropdown select {
    font-size: 16px !important;
  }

  .modal-vendor {
    width: 700px;
    padding: 50px 30px;
    top: 50%;
    transform: translateY(-50%);
    left: calc(50% - 7px);
  }

  .sale-location .sort-location {
    width: 80%;
  }

  .vendor-form {
    width: 70% !important;
  }

  .map-modal .modal-vendor {
    width: 500px;
    padding: 50px 30px;
    top: 50%;
    transform: translateY(-50%);
    left: calc(100% - 500px);
  }

  .map-modal .vendor-form {
    width: 100% !important;
  }

  .map-modal .vendor-modal-head {
    flex-direction: column-reverse;
  }

  .map-modal .left-header {
    width: 100% !important;
    margin-top: 30px;
  }

  .map-modal .right-logo {
    width: 50% !important;
  }
}

@media (min-width: 1400px) and (max-width: 1599.99px) {
  .locator-details h1 {
    font-size: 2.75rem !important;
    line-height: 65px !important;
  }

  .locatioon-selector {
    justify-content: space-between !important;
  }

  .locatioon-selector .location-search {
    padding: 10px 15px;
    width: 63%;
    font-size: 16px;
    margin-right: 0 !important;
  }

  .locatioon-selector .location-search input {
    margin-left: 15px !important;
  }

  .locatioon-selector .location-search .css-1uccc91-singleValue {
    padding-right: 40px !important;
    margin-left: 15px !important;
  }

  .location-dropdown {
    width: 32% !important;
  }

  .location-dropdown select {
    font-size: 16px !important;
  }

  .modal-vendor {
    width: 700px;
    padding: 50px 30px;
    top: 50%;
    transform: translateY(-50%);
    right: -134%;
  }

  .map-modal {
    position: fixed;
    top: 40%;
    left: 43%;
    transform: translate(-50%, -50%);
    z-index: 99;
  }

  .sale-location .sort-location {
    width: 50%;
  }
}

@media (min-width: 1600px) and (max-width: 1799.99px) {
  .locator-details h1 {
    font-size: 3.75rem !important;
    line-height: 75px !important;
  }

  .locatioon-selector {
    /* justify-content: space-between !important; */
    -moz-column-gap: 16px !important;
         column-gap: 16px !important;
  }

  .locatioon-selector .location-search {
    padding: 10px 15px;
    /* padding-left: 0px; */
    /* width: 55%; */
    font-size: 16px;
    margin-right: 0 !important;
  }

  .locatioon-selector .location-search input {
    margin-left: 15px !important;
  }

  .locatioon-selector .location-search .css-1uccc91-singleValue {
    padding-right: 40px !important;
    margin-left: 15px !important;
  }

  .location-dropdown {
    width: 32% !important;
  }

  .location-dropdown select {
    font-size: 16px !important;
  }

  .sale-location .sort-location {
    width: 50%;
  }
}

.lottie-animation {
  transition: transform 0.1s ease;
  /* Add smooth transition to the scale */
}

.lottie-animation:hover {
  transform: scale(1.2);
}

.css-1okebmr-indicatorSeparator {
  display: none !important;
}

.v_indicatorSeparator .css-1u9des2-indicatorSeparator {
  display: none !important;
}

@media only screen and (min-width: 2000px) and (max-width: 2399.5px) {
  .product_image {
    height: 750px !important;
  }

  .product_image_position {
    -o-object-position: 80% 90% !important;
       object-position: 80% 90% !important;
  }
}

@media only screen and (min-width: 2400px) {
  .product_image {
    height: 850px !important;
    max-width: 1150px !important;
  }

  .product_image_position {
    -o-object-position: 80% 90% !important;
       object-position: 80% 90% !important;
  }
}

@keyframes wiggle {
  0% {
    transform: translateX(0);
  }

  10% {
    transform: translateX(-10px);
  }

  20% {
    transform: translateX(0);
  }

  30% {
    transform: translateX(-10px);
  }

  40% {
    transform: translateX(0);
  }

  50% {
    transform: translateX(-10px);
  }

  60% {
    transform: translateX(0);
  }

  70% {
    transform: translateX(-10px);
  }

  80% {
    transform: translateX(0);
  }

  90% {
    transform: translateX(-10px);
  }

  100% {
    transform: translateX(0);
  }
}

.highlight-chat {
  animation: wiggle 1.5s 2s;
  /* transition: all 0.2s ease-in-out; */
}

@keyframes three-bg {
  from {
    background: rgba(255, 255, 255, 0.3);
  }

  to {
    background: rgba(0, 0, 0, 0);
  }
}

.three-animate-bg {
  animation-name: three-bg;
  animation-duration: 1s;
  animation-delay: 500ms;
}

@media (min-width: 2000px) {
  .detailViewer {
    max-width: 1000px;
  }
}

.yarl__slide_description > a {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}

.yarl__container {
  backdrop-filter: blur(10px);
  background-color: rgba(0, 0, 0, 0.83) !important;
}

.yarl__slide_captions_container {
  background: transparent !important;
}

.noneFixtureProductCat_banner {
  overflow: hidden;
  height: 525px;
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.noneFixtureProductCat_banner img {
  top: 0;
}

@media only screen and (max-width: 768px) {
  .noneFixtureProductCat_banner {
    height: 700px;
  }
}

.noneFixtureProductCat_bannerColor {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #41444e;
  opacity: 0.89;
  width: 100%;
  height: 100%;
  /* mix-blend-mode: color-burn; */
}

.noneFixtureProductCat_textContainer {
  position: relative;
  z-index: 1;
}

.noneFixtureProductCat_textContainer h1 {
  font-family: Lora;
  font-size: 40px;
  font-weight: 400;
  line-height: 40px;
  text-align: left;
  color: white;
  margin-bottom: 24px;
  margin-top: 54px;
}

.noneFixtureProductCat_textContainer p {
  font-family: Karla;
  font-size: 16px;
  font-weight: 400;
  line-height: 25px;
  text-align: left;
  color: white;
  max-width: 500px;
  margin-bottom: 45px;
}

@media only screen and (max-width: 1024px) {
  .noneFixtureProductCat_textContainer p {
    width: 600px;
  }

  .noneFixtureProductCat_textContainer > .search-form {
    width: 600px;
  }
}

@media only screen and (max-width: 768px) {
  .noneFixtureProductCat_textContainer p {
    width: 100%;
  }

  .noneFixtureProductCat_textContainer > .search-form {
    width: 100%;
  }
}

.noneFixtureProductCat_textContainer > .search-form {
  margin: 0 !important;
}

.noneFixtureProductCat_textContainer
  > .search-form
  > .ais-SearchBox
  > .ais-SearchBox-form
  > input {
  border-color: white !important;
  color: white !important;
  color: #fff;
  font-family: Karla;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  padding-left: 0px !important;
}

.noneFixtureProductCat_textContainer
  > .search-form
  > .ais-SearchBox
  > .ais-SearchBox-form
  > input::-moz-placeholder {
  color: white !important;
}

.noneFixtureProductCat_textContainer
  > .search-form
  > .ais-SearchBox
  > .ais-SearchBox-form
  > input::placeholder {
  color: white !important;
}

.noneFixtureProductCat_textContainer
  > .search-form
  > .ais-SearchBox
  > .ais-SearchBox-form
  > button
  > svg {
  fill: white !important;
}

.noneFixtureProductCat_textContainer
  > .search-form
  > .ais-SearchBox
  > .ais-SearchBox-form
  > button {
  top: 20px !important;
  font-size: 0px !important;
}

.noneFixtureProductCat_breadcrumbs {
  display: flex;
  align-items: center;
  gap: 30px;
  font-size: 14px;
  font-weight: 400;
  line-height: 30px;
  color: #fff;
}

.noneFixtureProductCat_breadcrumbs a {
  text-decoration: none;
  color: #fff;
  font-family: Karla;
  /* font-size: 18px; */
  font-style: normal;
  padding-bottom: 10px !important;
}

.noneFixtureProductCat_breadcrumbs a:hover {
  /* opacity: .9; */
  color: #fff;
  text-decoration: none;
  /* font-weight: 700; */
}

.noneFixtureProductCat_active {
}

.noneFixProductCard_Container {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  -moz-column-gap: 30px;
       column-gap: 30px;
  row-gap: 60px;
}

@media only screen and (max-width: 1500px) {
  .noneFixProductCard_Container {
    grid-template-columns: repeat(4, 1fr);
  }
}

@media only screen and (max-width: 1024px) {
  .noneFixProductCard_Container {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media only screen and (max-width: 768px) {
  .noneFixProductCard_Container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media only screen and (max-width: 500px) {
  .noneFixProductCard_Container {
    grid-template-columns: repeat(1, 1fr);
  }
}

.noneFixProductCard {
  display: flex;
  /* width: 332px; */
  padding: 24px;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  background: #fff;
  box-shadow: 0px 16px 52px 0px rgba(0, 0, 0, 0.07);
}

.noneFixProductCard:hover {
  text-decoration: none;
}

@media (min-width: 992px) {
  .noneFixProductCard {
    height: 100%;
  }
}

.noneFixProductCard_btn {
  display: flex;
  padding: 12px 0px;
  align-items: flex-start;
  gap: 8px;
  align-self: stretch;
  border-top: 1px solid rgba(128, 127, 127, 0.2);
  border-bottom: 1px solid rgba(128, 127, 127, 0.2);
  margin-top: 26px;
}

.noneFixProductCard_img {
  height: 15rem;
}

.noneFixProductCard_img img {
  -o-object-fit: contain;
     object-fit: contain;
}

.noneFixProductCard_optBtn,
.noneFixProductCard_catBtn {
  color: #41444e;
  text-align: center;
  font-family: Karla;
  font-size: 12px;
  font-style: normal;
  font-weight: 400;
  line-height: 14px;
  padding: 8px 12px;
  background: rgba(65, 68, 78, 0.2);
}

.noneFixProductCard_catBtn {
  color: white;
  background: #807f7f;
}

.noneFixProductCard_content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  align-self: stretch;
  gap: 10px;
}

.noneFixProductCard_content a {
  text-decoration: none !important;
}

.noneFixProductCard_content h4 {
  color: #41444e;
  font-family: Karla;
  font-size: 19px;
  font-style: normal;
  font-weight: 600;
  line-height: 20px;
  margin: 0;
}

.noneFixProductCard_content p {
  color: #807f7f;
  font-family: Karla;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 28px;
}

.noneFixProductCard:hover rect {
  fill: #fff;
  /* color: #807F7F; */
}

.noneFixProductCard path,
rect {
  transition: 0.2s ease all;
}

.noneFixProductCard:hover path {
  stroke: #41444e;
}

/* Fixture style */
/* in styles.css */

/* Container for all option‐cards */
.fixture-container {
  margin-top: 50.5px;
  display: flex;
  flex-wrap: wrap;
  gap: 28px;
}
@media (max-width: 767px) {
  .fixture-container {
    margin-top: 10px;
    gap: 18px;
  }
}

/* Dialog inner padding */
.dialog-inner {
  padding: 3em;
}

/* Item name & code */
.item-title {
  font-family: "Karla", sans-serif;
  font-weight: bold;
  font-size: 16px;
}
.item-code {
  font-family: "Karla", sans-serif;
  font-weight: bold;
}

/* Public‑files header & list */
.files-title {
  font-family: "Karla", sans-serif;
  font-weight: bold;
  font-size: 16px;
  margin: 8px 0 !important;
}
.files-list {
  display: flex;
  flex-direction: column;
  gap: 5px;
}
.file-link {
  font-family: "Karla", sans-serif;
  font-weight: bold;
  font-size: 16px;
  display: flex;
  gap: 5px;
  align-items: center;
}

/* Option‑cards dynamic styles */
.shade-filled-box i  { color: #fff; }
.shade-border-box i  { color: #41444e; }
.shade-filled-box:hover i,
.shade-border-box:hover i {
  color: #fff !important;
}

/* Option label text */
.option-text {
  font-family: "Karla", sans-serif;
  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 18px;
}

/* “info” icon wrapper */
.info-icon-wrapper {
  margin-left: 8px;
  font-size: 12px;
  position: relative;
  top: -1px;
  align-self: end;
  z-index: 1;
}
.info-icon-wrapper i {
  transition: all 0.05s ease;
  cursor: pointer;
  box-shadow: none;
}
.info-icon-wrapper:hover i {
  box-shadow:
    0px 0px 0px 1px #41444e,
    0px 0px 0px 2px #efeeee;
  border-radius: 50px;
}

/* Small code under each name */
.option-small {
  font-size: 11px;
}


/* configurator selector style */
.configurator-header {
  display: flex;
  gap: 24px;
}
@media (max-width: 991px) {
  .configurator-header {
    margin-top: 30px;
    margin-left: auto;
  }
}

@media (min-width: 1200px) {
  .configurator-header {
    padding: 20px 15px 0;
    backdrop-filter: blur(10px);
    transition: 0.2s ease all;
    z-index: 111;
  }
}

.header-content {
  display: flex;
  gap: 24px;
  width: 100%;
}

@media (min-width: 1200px) {
  .header-content {
    transition: 0.2s ease all;
    padding: 0 0 20px;
    align-items: center;
  }
}

.price-container span.price-label {
  font-family: "Karla,sans-serif";
  font-weight: 400;
  font-size: 16px;
  color: #41444e;
  line-height: 18.7px;
}

.price-container span.price-value {
  font-family: "Karla,sans-serif";
  font-weight: 700;
  font-size: 24px;
  color: #41444e;
  line-height: 28.06px;
}