@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

body{
	color:#000;
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-Thin.ttf);
  font-weight: 100;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-SemiBold.ttf);
  font-weight: 600;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-Regular.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-Medium.ttf);
  font-weight: 400;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-Light.ttf);
  font-weight: 300;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-ExtraLight.ttf);
  font-weight: 200;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-ExtraBold.ttf);
  font-weight: 800;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-Bold.ttf);
  font-weight: 700;
}
@font-face {
  font-family: "Raleway";
  src: url(../fonts/static/Raleway-Black.ttf);
  font-weight: 900;
}
html {
  scroll-behavior: smooth;
}

:root {
  --primaryColor: #121212;
  --darkBg: #000;
  --whiteColor: #FFFFFF;
  --textDark: #121212;
  --bodyFont: "Roboto", sans-serif;
  --titleFont: "Roboto", sans-serif;
  --lightColor: #949494;
}

p, h1, h2, h3, h4, h5, h6, figure, figcaption, img, ul, li, a, blockquote, summary, article {
  margin: 0;
  padding: 0;
}


body {
  font-family: var(--bodyFont);
	font-weight:300;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-family: var(--titleFont);
  font-weight: 300;
}

img {
  max-width: 100%;
}

a, a:hover, a:focus {
  text-decoration: none;
}

a:hover {
  color: var(--lightColor);
}

input:focus, select:focus {
  outline: unset;
}

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

.gap-20 {
  gap: 20px;
}

.siteLink, .siteBtn {
  display: inline-block;
}
.siteLink *, .siteBtn * {
  transition: 0.3s ease-in-out transform;
}
.siteLink:hover svg, .siteBtn:hover svg {
  transform: scaleX(1.3);
  margin-left: 5px;
}

.productBtn {
  padding: 15px 2.5px;
  border-bottom: 1px #000000 solid;
  text-transform: capitalize;
  color: #000;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-self: center;
}

.siteBtn {
  display: flex;
  gap: 5px;
  align-items: center;
  justify-content: center;
  min-width: 144px;
}

.smalltitle {
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 56px;
}

.siteTitle {
  font-weight: 300;
  font-size: 28px;
  line-height: 120%;
  text-transform: capitalize;
  margin-bottom: 36px;
}

header.siteHeader {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9;
  padding-top: 28px;
  padding-bottom: 28px;
}
header.siteHeader .row {
  align-items: center;
}
header.siteHeader .menuHamContainer {
  color: var(--whiteColor);
  cursor: pointer;
  display: flex;
  gap: 12px;
  font-weight: 400;
  align-items: center;
  text-transform: capitalize;
  font-size: 16px;
}
header.siteHeader .menuHamContainer svg {
  fill: var(--whiteColor);
}
header.siteHeader .logoContainer a svg {
  max-width: 100%;
  height: -moz-max-content;
  height: max-content;
}
header.siteHeader .rightLogin {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 50px;
}
header.siteHeader .rightLogin li a {
  display: flex;
  gap: 8px;
  color: #fff;
  font-weight: 400;
  text-transform: capitalize;
  font-size: 16px;
  align-items: center;
}
header.siteHeader.noFixed {
  position: unset;
}
header.siteHeader.noFixed .menuHamContainer {
  color: #000;
}
header.siteHeader.noFixed .menuHamContainer svg path {
  stroke: #000;
}
header.siteHeader.noFixed .searchBtn {
  color: #000;
}
header.siteHeader.noFixed .searchBtn svg path {
  stroke: #000;
}
header.siteHeader.noFixed .rightLogin li a {
  color: #000;
}
header.siteHeader.noFixed .rightLogin li a svg path {
  stroke: #000;
}
header.siteHeader.noFixed .logoContainer a svg path {
  fill: #000;
}

.bannerverticalSlider,.wrapper {
  height: 100vh;
}
.bannerverticalSlider img, .wrapper img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.bannerverticalSlider .swiper-pagination-bullet {
  height: 8px;
  width: 8px;
  background-color: #fff;
  opacity: 1;
  margin-bottom: 10px !important;
  margin-top: 10px !important;
}
.bannerverticalSlider .swiper-pagination-bullet.swiper-pagination-bullet-active {
  outline: 1px #fff solid;
  outline-offset: 2px;
}
.bannerverticalSlider .swiper-pagination-vertical.swiper-pagination-bullets, .bannerverticalSlider .swiper-vertical > .swiper-pagination-bullets {
  left: 42px;
}
.bannerverticalSlider .swiper-slide *,.wrapper *  {
  transition: 0.5s ease-in-out !important;
}
.bannerverticalSlider .swiper-slide .bannerSubtile, .bannerverticalSlider .swiper-slide h2, .bannerverticalSlider .swiper-slide a,.bannerverticalSlider .swiper-slide .bannerSubtitle,.wrapper .bannerSubtile,.wrapper a,.wrapper h2 {
  transform: translateY(50px);
  opacity: 0;
  transition: 0.5s ease-in-out !important;
  display: block;
}
.bannerverticalSlider .swiper-slide h2,.wrapper h2 {
  transition-delay: 0.3s !important;
}
.bannerverticalSlider .swiper-slide a,.wrapper a {
  transition-delay: 0.5s !important;
}
.bannerverticalSlider .swiper-slide.swiper-slide-active .bannerSubtitle,.wrapper .bannerSubtitle{
	  transition-delay: 0.4s !important;

}
.bannerverticalSlider .swiper-slide.swiper-slide-active .bannerSubtile, .bannerverticalSlider .swiper-slide.swiper-slide-active h2, .bannerverticalSlider .swiper-slide.swiper-slide-active a,.bannerverticalSlider .swiper-slide.swiper-slide-active .bannerSubtitle,.wrapper.active .bannerSubtile,.wrapper.active a,.wrapper.active h2 {
  transform: translateY(0);
  opacity: 1;
}

.bannerInnerSlider {
  position: relative;
}
.bannerInnerSlider::after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
  content: "";
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  display: block;
  position: absolute;
}
.bannerInnerSlider .bannerContent {
  position: absolute;
  left: 0;
  top: 40%;
  z-index: 9;
  text-align: center;
  width: 100%;
}
.bannerInnerSlider .bannerContent * {
  color: var(--whiteColor);
  font-weight: 300;
}
.bannerInnerSlider .bannerContent h2 {
  margin-bottom: 20px;
  margin-top: 16px;
  font-size: 52px;
  line-height: 58px;
  font-weight: 300;
  letter-spacing: 0;
}
.bannerInnerSlider .bannerContent .bannerSubtile {
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 7px;
}
.bannerInnerSlider .bannerContent a {
  font-size: 16px;
  letter-spacing: 2px;
  text-transform: capitalize;
}

.bannerSec {
  margin-bottom: 20px;
}
 .homeCrollIcon {
  z-index: 999;
  /* left: 50%; */
  position: relative;
  width: -moz-max-content;
  width: max-content;
  height: 120px;
  width: 2px;
  background-color: #7d7d7d;
  border-radius: 0;
  border-radius: 2px;
  overflow: hidden;
  margin-top: -68px;
  display: flex;
  animation: c;
  justify-content: center;
  margin: 0 auto;
  top: 20px;
  margin-top: -120px;
}
.homeCrollIcon .scrollEle {
  background-color: #fff;
  animation: scrollNow 3s infinite;
  /* or more explicitly: */
  animation-name: scrollNow;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear; /* or whatever timing you prefer */
  display: block;
  height: 60px;
	width:10px;
}
.rrmc-homepage-scroll-icon {
    bottom: 0;
    display: block;
    height: 80px;
    left: calc(50% - 4px);
    opacity: 1;
    pointer-events: none;
    position: fixed;
    transition: opacity 1s;
    width: 4px;
    z-index: 100;
}
.navigatorSec {
  position: absolute;
  left: 43px;
  bottom: 75px;
  z-index: 9;
}
.navigatorSec ul {
  display: flex;
  flex-direction: column;
}
.navigatorSec ul li a span {
  height: 8px;
  width: 8px;
  background-color: #fff;
  opacity: 1;
  margin-bottom: 7.5px !important;
  margin-top: 7.5px !important;
  display: block;
  border-radius: 50%;
  opacity: 0.5;
}
.navigatorSec ul li a:hover span {
  outline: 1px #fff solid;
  outline-offset: 2px;
  opacity: 1;
}
.navigatorSec ul li a.active span {
  outline: 1px #fff solid;
  outline-offset: 2px;
  opacity: 1;
}

.menuBox {
  position: fixed;
  top: 0;
  height: 100vh;
  left: 0;
  background-color: #fff;
  z-index: 9;
  width: 90%;
  overflow-y: auto;
  padding: 50px 40px;
  opacity: 0;
  left: -90%;
  transition: 0.3s ease-in-out;
}
.menuBox.openMenu {
  left: 0;
  opacity: 1;
}
.menuBox ul#menu-primary-menu > li {
  position: relative;
}
.menuBox ul#menu-primary-menu > li a {
  font-weight: 400;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 3px;
  text-transform: capitalize;
  color: rgba(0, 0, 0, 0.6);
  margin-bottom: 60px;
  display: block;
}
.menuBox ul#menu-primary-menu > li a:hover {
  color: rgb(0, 0, 0);
  font-weight: 600;
}
.menuBox ul#menu-primary-menu > li ul.sub-menu {
  position: absolute;
  left: 500px;
  top: 0;
  display: none;
}
.menuBox ul#menu-primary-menu > li.open .sub-menu {
  display: block;
}

.searchBox {
  position: fixed;
  z-index: 999999;
  background-color: #fff;
  width: 100%;
  left: 0;
  padding-top: 80px;
  padding-bottom: 80px;
  opacity: 0;
  bottom: -100%;
  height: 100vh;
  transition: 0.3s ease-in-out;
}
.searchBox .searchInnerContainer label {
  font-size: 12px;
}
.searchBox .searchInnerContainer .searchWrap {
  position: relative;
}
.searchBox .searchInnerContainer .searchWrap::before {
  content: "";
  height: 33px;
  width: 2px;
  background-color: #000;
  display: block;
  position: absolute;
  left: 0;
  top: 13px;
}
.searchBox .searchInnerContainer .searchWrap input {
  width: 100%;
  height: 60px;
  color: #B3B3B3;
  padding-left: 10px;
  border: 0;
  font-size: 22px;
  font-weight: 400;
  border-bottom: 1px #B3B3B3 solid;
}
.searchBox .searchInnerContainer .searchWrap button {
  background-color: transparent;
  border: 0;
  position: absolute;
  right: 0;
  top: 11px;
}
.searchBox .recommendedtags {
  margin-top: 40px;
}
.searchBox .recommendedtags p.suggestionSearch {
  margin-bottom: 12px;
  font-size: 12px;
}
.searchBox .recommendedtags ul {
  padding-top: 12px;
  display: flex;
  gap: 16px;
  margin-bottom: 18px;
}
.searchBox .recommendedtags ul li a {
  padding: 10px 24px;
  border: 1px #E6E6E6 solid;
  display: block;
  color: #000;
  line-height: 28px;
  font-size: 14px;
}
.searchBox .recommendedProd {
  padding-top: 18px;
}
.searchBox .recommendedProd p.suggestionSearch {
  margin-bottom: 12px;
  font-size: 18px;
}
.searchBox .recommendedProd .prodInn {
  margin-bottom: 15px;
  margin-top: 15px;
}
.searchBox .recommendedProd h4 {
  font-size: 16px;
  line-height: 200%;
  color: #000;
  font-weight: 400;
  margin-top: 16px;
}
.searchBox .crossBtnSearch {
  position: absolute;
  top: -20px;
  right: 0;
  cursor: pointer;
}
.searchBox.openSearch {
  bottom: 0;
  opacity: 1;
}

.smallBanner img {
  height: 100vh;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.smallBanner p.bannerSubtitle,.bannerSubtitle {
  text-transform: none;
  line-height: 28px;
  font-size: 20px;
  font-weight: 300;
  margin-bottom: 20px;
}
.smallBanner .bannerInnerSlider {
  margin-bottom: 20px;
}
.smallBanner .bannerInnerSlider .bannerContent .banner-title {
  font-size: 52px;
  line-height: 64px;
}

.whyUsSecBox {
  padding-top: 115px;
  padding-bottom: 115px;
}
.whyUsSecBox p,.whyUsSecBox .content-item span {
  font-weight: 300 !important;
  font-size: 18px;
  line-height: 230%;
  max-width: 760px;
  margin: 0 auto;
}

.whyUsSecInner .text-line {
  font-weight: 300;
  font-size: 42px;
  line-height: 64px;
  letter-spacing: 5px;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 30px;
}
.whyUsSecInner .text-span {
  transition: color 0.4s ease !important;
  will-change: color; /* Optimizes for GPU acceleration */
}

.threeColBan img {
  height: 500px;
}
.threeColBan .bannerInnerSlider .bannerContent {
  bottom: 52px;
  top: unset;
}
.threeColBan .bannerInnerSlider .bannerContent h2.banner-title {
  font-size: 28px;
  line-height: 120%;
  margin-bottom: 20px;
}

.hidefirst {
  display: none;
}

.newsletterSubs {
  padding-top: 55px;
  padding-bottom: 55px;
  background-color: var(--darkBg);
  margin-top: 42px;
}
.newsletterSubs h4 {
  color: #A8A8A8;
  font-size: 14px;
  line-height: 100%;
  letter-spacing: 7px;
  text-transform: capitalize;
  margin-bottom: 14px;
  font-weight: 300;
}
.newsletterSubs h3 {
  font-weight: 300;
  font-size: 28px;
  color: #fff;
}
.newsletterSubs .newsletterBox form {
  display: flex;
  gap: 20px;
}
.newsletterSubs .newsletterBox .tnp-field-email {
  flex: 0 0 70%;
}
.newsletterSubs .newsletterBox .tnp-field-button button, .newsletterSubs .newsletterBox .tnp-field-button input {
  border: 2px #fff solid;
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 20%;
  text-align: center;
  text-transform: capitalize;
  padding: 18px 10px;
  background-color: transparent;
  color: #fff;
}
.newsletterSubs .newsletterBox .tnp-email {
  height: 48px;
  font-family: 'Roboto';
  font-weight: 300;
  font-size: 14px;
  line-height: 200%;
  background-color: transparent;
  border: 0;
  border-bottom: 1px #CFCFCF solid;
  width: 100%;
  color: #fff;
}

.siteFooter {
  padding-top: 100px;
  position: relative;
}
.siteFooter h4 {
  font-weight: 300;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 6px;
  text-transform: capitalize;
  margin-bottom: 40px;
  color: #A8A8A8;
}
.siteFooter .salesOfficesBox a {
  font-weight: 300;
  font-size: 24px;
  line-height: 120%;
  color: #000000;
  display: block;
  margin-bottom: 20px;
}
.siteFooter .salesOfficesBox a:hover {
  color: #A1A1A1;
}
.siteFooter .navigationsBox {
  max-width: 414px;
  margin: 0 auto;
}
.siteFooter .navigationsBox ul {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;
}
.siteFooter .navigationsBox ul li {
  flex: 0 0 calc(50% - 20px);
  max-width: calc(50% - 20px);
}
.siteFooter .navigationsBox ul li a {
  font-weight: 300;
  color: #000;
  font-size: 16px;
  line-height: 200%;
}
.siteFooter .navigationsBox ul li a:hover {
  color: #A1A1A1;
}
.siteFooter .colletionFooter p {
  font-weight: 300;
  font-size: 16px;
  line-height: 200%;
  margin-bottom: 20px;
}
.siteFooter .colletionFooter a {
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: capitalize;
  color: #000;
}
.siteFooter .colletionFooter a:hover {
  color: #A8A8A8;
}
.siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited {
  color: #C9C9C9;
  fill: #C9C9C9;
}
.siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg:hover, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:active:hover, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:hover:hover, .siteFooter .wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor:visited:hover {
  color: #000;
  fill: #000;
}
.siteFooter .wp-social-link {
  background-color: transparent !important;
}
.siteFooter .wp-social-link svg {
  height: 20px;
  width: 20px;
}
.siteFooter #menu-privacy-menu {
  display: flex;
  align-items: center;
  gap: 40px;
}
.siteFooter #menu-privacy-menu li a {
  color: #444444;
  font-weight: 300;
  font-size: 12px;
  line-height: 200%;
}
.siteFooter .copyrightFooter {
  margin-top: 80px;
  margin-bottom: 30px;
}
.siteFooter .waterMarkSvg {
  position: absolute;
  bottom: 15px;
  left: 0;
  width: 100%;
}
.siteFooter .waterMarkSvg svg {
  width: 100%;
}

.prodSec {
  padding-top: 80px;
  padding-bottom: 80px;
}

.breadCrumbandTitle h1 {
  font-weight: 300;
  font-size: 32px;
  line-height: 150%;
  letter-spacing: 0;
  text-transform: capitalize;
  margin-bottom: 16px;
}

.pageCOntnent {
  max-width: 600px;
  margin-bottom: 80px;
}
.pageCOntnent h1 {
  font-weight: 300;
  font-size: 48px;
  line-height: 56px;
  text-transform: capitalize;
  margin-bottom: 16px;
}
.pageCOntnent p {
  color: #000;
	line-height:229%;
}

.sliderProdCat.swiper {
  overflow: visible;
}
.sliderProdCat .swiper-pagination-progressbar {
  background-color: #E6E6E6;
  margin-top: 60px;
  height: 2px;
  position: unset;
}
.sliderProdCat .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background-color: #000;
}

.produCatContainer {
  position: relative;
}
.produCatContainer img {
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
}
.produCatContainer .dispCatCOntent {
  position: absolute;
  bottom: 0;
  padding: 35px 30px;
}
.produCatContainer .dispCatCOntent h2 {
  font-weight: 300;
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: capitalize;
  color: #fff;
}

.prodDispOverText a {
  cursor: url("data:image/svg+xml,%3Csvg width='100' height='101' viewBox='0 0 100 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M49.9296 100.28C77.483 100.28 99.8196 77.9436 99.8196 50.3901C99.8196 22.8367 77.483 0.5 49.9296 0.5C22.3761 0.5 0.0395508 22.8367 0.0395508 50.3901C0.0395508 77.9436 22.3761 100.28 49.9296 100.28Z' fill='%23F88767'/%3E%3Cpath d='M79.0095 41.9102L80.1295 40.8901L89.2896 49.46L80.1295 58.0298L79.0095 57.0098L87.0396 49.46L79.0095 41.9102Z' fill='white'/%3E%3Cpath d='M21.28 57.0098L20.16 58.0298L11 49.46L20.16 40.8901L21.28 41.9102L13.25 49.46L21.28 57.0098Z' fill='white'/%3E%3Cpath d='M32.922 55.315C31.865 55.315 30.9585 55.0525 30.2025 54.5275C29.4465 53.9955 28.862 53.278 28.449 52.375C28.043 51.472 27.84 50.4535 27.84 49.3195C27.84 48.1855 28.043 47.167 28.449 46.264C28.862 45.361 29.4465 44.6505 30.2025 44.1325C30.9585 43.6075 31.8615 43.345 32.9115 43.345C33.9825 43.345 34.882 43.604 35.61 44.122C36.338 44.64 36.8875 45.3505 37.2585 46.2535C37.6365 47.1565 37.8255 48.1785 37.8255 49.3195C37.8255 50.4465 37.6365 51.465 37.2585 52.375C36.8875 53.278 36.338 53.9955 35.61 54.5275C34.882 55.0525 33.986 55.315 32.922 55.315ZM33.153 53.6035C33.916 53.6035 34.5425 53.4215 35.0325 53.0575C35.5225 52.6865 35.883 52.179 36.114 51.535C36.352 50.884 36.471 50.1455 36.471 49.3195C36.471 48.4795 36.352 47.741 36.114 47.104C35.883 46.46 35.526 45.9595 35.043 45.6025C34.56 45.2385 33.9475 45.0565 33.2055 45.0565C32.4355 45.0565 31.7985 45.2455 31.2945 45.6235C30.7975 46.0015 30.4265 46.5125 30.1815 47.1565C29.9435 47.8005 29.8245 48.5215 29.8245 49.3195C29.8245 50.1245 29.947 50.8525 30.192 51.5035C30.437 52.1475 30.8045 52.6585 31.2945 53.0365C31.7915 53.4145 32.411 53.6035 33.153 53.6035ZM36.471 55V46.6525H36.261V39.88H38.1405V55H36.471ZM41.0823 55V43.66H42.7518V46.4005L42.4788 46.0435C42.6118 45.6935 42.7833 45.3715 42.9933 45.0775C43.2103 44.7835 43.4518 44.542 43.7178 44.353C44.0118 44.115 44.3443 43.933 44.7153 43.807C45.0863 43.681 45.4643 43.6075 45.8493 43.5865C46.2343 43.5585 46.5948 43.583 46.9308 43.66V45.4135C46.5388 45.3085 46.1083 45.2805 45.6393 45.3295C45.1703 45.3785 44.7363 45.55 44.3373 45.844C43.9733 46.103 43.6898 46.418 43.4868 46.789C43.2908 47.16 43.1543 47.5625 43.0773 47.9965C43.0003 48.4235 42.9618 48.861 42.9618 49.309V55H41.0823ZM51.7706 55.315C50.9236 55.315 50.2131 55.161 49.6391 54.853C49.0721 54.538 48.6416 54.125 48.3476 53.614C48.0606 53.103 47.9171 52.543 47.9171 51.934C47.9171 51.339 48.0291 50.8245 48.2531 50.3905C48.4841 49.9495 48.8061 49.5855 49.2191 49.2985C49.6321 49.0045 50.1256 48.7735 50.6996 48.6055C51.2386 48.4585 51.8406 48.3325 52.5056 48.2275C53.1776 48.1155 53.8566 48.014 54.5426 47.923C55.2286 47.832 55.8691 47.7445 56.4641 47.6605L55.7921 48.049C55.8131 47.041 55.6101 46.2955 55.1831 45.8125C54.7631 45.3295 54.0351 45.088 52.9991 45.088C52.3131 45.088 51.7111 45.2455 51.1931 45.5605C50.6821 45.8685 50.3216 46.3725 50.1116 47.0725L48.3371 46.537C48.6101 45.543 49.1386 44.7625 49.9226 44.1955C50.7066 43.6285 51.7391 43.345 53.0201 43.345C54.0491 43.345 54.9311 43.5305 55.6661 43.9015C56.4081 44.2655 56.9401 44.8185 57.2621 45.5605C57.4231 45.9105 57.5246 46.292 57.5666 46.705C57.6086 47.111 57.6296 47.538 57.6296 47.986V55H55.9706V52.2805L56.3591 52.5325C55.9321 53.4495 55.3336 54.1425 54.5636 54.6115C53.8006 55.0805 52.8696 55.315 51.7706 55.315ZM52.0541 53.7505C52.7261 53.7505 53.3071 53.6315 53.7971 53.3935C54.2941 53.1485 54.6931 52.83 54.9941 52.438C55.2951 52.039 55.4911 51.605 55.5821 51.136C55.6871 50.786 55.7431 50.3975 55.7501 49.9705C55.7641 49.5365 55.7711 49.204 55.7711 48.973L56.4221 49.2565C55.8131 49.3405 55.2146 49.421 54.6266 49.498C54.0386 49.575 53.4821 49.659 52.9571 49.75C52.4321 49.834 51.9596 49.9355 51.5396 50.0545C51.2316 50.1525 50.9411 50.2785 50.6681 50.4325C50.4021 50.5865 50.1851 50.786 50.0171 51.031C49.8561 51.269 49.7756 51.5665 49.7756 51.9235C49.7756 52.2315 49.8526 52.5255 50.0066 52.8055C50.1676 53.0855 50.4126 53.313 50.7416 53.488C51.0776 53.663 51.5151 53.7505 52.0541 53.7505ZM64.9481 60.355C64.3531 60.355 63.7721 60.264 63.2051 60.082C62.6381 59.9 62.1166 59.6235 61.6406 59.2525C61.1716 58.8885 60.7796 58.4265 60.4646 57.8665L62.1761 56.9635C62.4561 57.5165 62.8516 57.919 63.3626 58.171C63.8806 58.423 64.4126 58.549 64.9586 58.549C65.6796 58.549 66.2781 58.416 66.7541 58.15C67.2301 57.891 67.5801 57.5025 67.8041 56.9845C68.0351 56.4665 68.1471 55.8225 68.1401 55.0525V51.955H68.3606V43.66H70.0196V55.0735C70.0196 55.3815 70.0091 55.679 69.9881 55.966C69.9741 56.253 69.9391 56.5365 69.8831 56.8165C69.7361 57.6215 69.4456 58.283 69.0116 58.801C68.5776 59.326 68.0176 59.7145 67.3316 59.9665C66.6456 60.2255 65.8511 60.355 64.9481 60.355ZM64.8116 55.315C63.7546 55.315 62.8481 55.0525 62.0921 54.5275C61.3361 53.9955 60.7516 53.278 60.3386 52.375C59.9326 51.472 59.7296 50.4535 59.7296 49.3195C59.7296 48.1855 59.9326 47.167 60.3386 46.264C60.7516 45.361 61.3361 44.6505 62.0921 44.1325C62.8481 43.6075 63.7511 43.345 64.8011 43.345C65.8721 43.345 66.7716 43.604 67.4996 44.122C68.2276 44.64 68.7771 45.3505 69.1481 46.2535C69.5261 47.1565 69.7151 48.1785 69.7151 49.3195C69.7151 50.4465 69.5261 51.465 69.1481 52.375C68.7771 53.278 68.2276 53.9955 67.4996 54.5275C66.7716 55.0525 65.8756 55.315 64.8116 55.315ZM65.0426 53.6035C65.8056 53.6035 66.4321 53.4215 66.9221 53.0575C67.4121 52.6865 67.7726 52.179 68.0036 51.535C68.2416 50.884 68.3606 50.1455 68.3606 49.3195C68.3606 48.4795 68.2416 47.741 68.0036 47.104C67.7726 46.46 67.4156 45.9595 66.9326 45.6025C66.4496 45.2385 65.8371 45.0565 65.0951 45.0565C64.3251 45.0565 63.6881 45.2455 63.1841 45.6235C62.6871 46.0015 62.3161 46.5125 62.0711 47.1565C61.8331 47.8005 61.7141 48.5215 61.7141 49.3195C61.7141 50.1245 61.8366 50.8525 62.0816 51.5035C62.3266 52.1475 62.6941 52.6585 63.1841 53.0365C63.6811 53.4145 64.3006 53.6035 65.0426 53.6035Z' fill='white'/%3E%3C/svg%3E%0A"), auto;
  display: block;
  transition: 0.3s ease-in-out;
}
.prodDispOverText a * {
  transition: 0.3s ease-in-out;
}
.prodDispOverText a:after {
  content: "";
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  transition: background 0.3s ease-in-out;
}

.sliderProdCat:hover .prodDispOverText a:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%), linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));
}
.sliderProdCat:hover .prodDispOverText a.hoveredNow:after {
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.2) 100%);
}

nav.product-breadcrumbs * {
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
  color: #000;
}

.product-gallery-thumbnails {
  padding-left: 35px;
  margin-top: -20px;
}

.gallery-thumbnail {
  margin-bottom: 20px;
}

.numberCount {
  position: sticky;
  top: 20px;
  left: 0;
  margin-left: -15px;
  margin-top: 15px;
}

.contentProductWrap {
  margin-top: 15px;
  position: sticky;
  top: 2rem;
}
.contentProductWrap h1 {
  font-size: 28px;
  letter-spacing: 0;
  font-weight: 300;
  text-transform: capitalize;
  color: #000;
  margin-bottom: 16px;
}
.contentProductWrap h3 {
  font-size: 20px;
  font-weight: 400;
  margin-bottom: 16px;
}
.contentProductWrap p {
  font-size: 16px;
  line-height: 230%;
  color: #000;
}
.contentProductWrap .coloursBox {
  margin-top: 37px;
}
.contentProductWrap .coloursBox h5 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
}
.contentProductWrap .coloursBox ul {
  display: flex;
  gap: 46px;
  justify-content: space-between;
  margin-top: 20px;
}
.contentProductWrap .coloursBox ul li {
  flex: 0 0 50%;
  max-width: 50%;
}
.contentProductWrap .coloursBox ul li a {
  padding: 15px 2.5px;
  border-bottom: 1px #000000 solid;
  text-transform: capitalize;
  color: #000;
  display: inline-flex;
  gap: 8px;
  align-items: center;
  justify-self: center;
}
.contentProductWrap .dimensionBox {
  margin-top: 68px;
}
.contentProductWrap .dimensionBox h5 {
  font-size: 16px;
  font-weight: 400;
  color: #000;
  margin-bottom: 12px;
}
.contentProductWrap .dimensionBox p {
  font-size: 16px;
  line-height: 230%;
  color: #000;
}
.contentProductWrap .shareLinks {
  margin-top: 68px;
}
.contentProductWrap .shareLinks .social-sharing-links {
  display: flex;
  gap: 16px;
  margin-top: 28px;
}
.contentProductWrap .shareLinks h5 {
  font-size: 14px;
  font-weight: 400;
  color: #000;
}
.contentProductWrap .shareLinks a {
  height: 55px;
  width: 55px;
  border: 1px #E6E6E6 solid;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000;
  border-radius: 50%;
}
.contentProductWrap .shareLinks a svg {
  fill: #000;
  height: 20px;
}

.ctaSec {
  padding-top: 80px;
  padding-bottom: 80px;
}

.ctaWrapper {
  position: relative;
}
.ctaWrapper .ctaInner {
  position: absolute;
  padding: 50px 70px;
  top: 0;
  left: 0;
}
.ctaWrapper .subtitleCta {
  font-weight: 400;
  font-size: 14px;
  line-height: 100%;
  text-transform: capitalize;
  color: #fff;
  display: block;
  margin-bottom: 16px;
}
.ctaWrapper h3 {
  font-weight: 300;
  font-size: 36px;
  line-height: 64px;
  text-transform: capitalize;
  color: #fff;
  margin-bottom: 7px;
}
.ctaWrapper p {
  font-weight: 400;
  font-size: 16px;
  line-height: 200%;
  color: #fff;
}
.ctaWrapper img {
  height: 250px;
  width: 100%;
}
.ctaWrapper .btnWrapper {
  text-align: right;
}
.ctaWrapper .btnWrapper * {
  transition: 0.3s ease-in-out;
}
.ctaWrapper .btnWrapper .siteBtn {
  display: inline-flex;
  gap: 5px;
  align-items: center;
  font-weight: 300;
  font-size: 16px;
  line-height: 100%;
  text-transform: capitalize;
  color: #fff;
  background-color: #000;
  padding: 28px 44px;
}

.innerCard img {
  height: 440px;
  width: 100%;
  background-color: #F5F5F5;
  -o-object-fit: cover;
     object-fit: cover;
}
.innerCard h3 {
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 0;
  color: #000;
  margin-top: 16px;
}

.swiper-button-next-related, .swiper-button-prev-related {
  height: 59px;
  width: 59px;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px #E6E6E6 solid;
}

.resetBtn {
  border: 1px #E6E6E6 solid;
  font-weight: 300;
  font-size: 12px;
  line-height: 100%;
  text-transform: capitalize;
  padding: 10px 20px;
}

section.siteBred {
  margin-bottom: 96px;
}
section.siteBred .archive-breadcrumbs a, section.siteBred .archive-breadcrumbs span {
  color: #000;
  font-weight: 400;
  font-size: 14px;
  line-height: 200%;
}

.filterToggle,.productsCountShown {
  margin-bottom: 42px;
  cursor: pointer;
	margin-top: 25px;
  display: inline-block;
}
.filterToggle span{
	font-weight:300;
}
.categoryList {
  border-top: 1px #E6E6E6 solid;
  padding-top: 25px;
}
.categoryList .accordion-button {
  color: #000;
  font-weight: 300;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0;
  text-transform: capitalize;
  padding-left: 0;
  padding-right: 0;
}
.categoryList .accordion-item {
  border: 0;
}
.categoryList .accordion-body {
  padding-left: 0;
  padding-right: 0;
}
.categoryList .accordion-button:not(.collapsed) {
  background-color: transparent;
  border: 0 !important;
  box-shadow: unset;
}
.categoryList .accordion-button:focus {
  box-shadow: unset;
}
.categoryList .accordion-button:after {
  background-image: url("data:image/svg+xml,%3Csvg width='14' height='9' viewBox='0 0 14 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.99986 3.50804L2.05006 8.45776L0.635861 7.04355L6.99986 0.679543L13.3638 7.04355L11.9496 8.45776L6.99986 3.50804Z' fill='black'/%3E%3C/svg%3E%0A");
}
.categoryList ul li input {
  display: none;
}
.categoryList ul li input:checked ~ label::before {
  background-color: #000;
  background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.63329L2.73462 6.17264C2.9565 6.36954 3.31017 6.36954 3.53205 6.17264L9 1.32031' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
}
.categoryList ul li label {
  margin-bottom: 10px;
  display: flex;
  align-items: center;
  gap: 5px;
  cursor: pointer;
  font-weight: 300;
  font-size: 16px;
  line-height: 230%;
}
.categoryList ul li label:before {
  content: "";
  height: 16px;
  width: 16px;
  border: 1px #000000 solid;
  border-radius: 2px;
  display: inline-block;
}
.categoryList ul ul {
  padding-left: 17px;
}
.categoryList .resetButton {
  margin-top: 50px;
}
.categoryList .resetButton a {
  color: #000;
}

@keyframes scrollNow {
  0% {
    height: 0;
    transform: translateY(-100%);
  }
  50% {
    height: 30px;
    transform: translateY(0%);
  }
  100% {
    height: 60px;
    transform: translateY(100%);
  }
}
.customiZeBox {
  position: fixed;
  top: 0;
  height: 100vh;
  background-color: #fff;
  z-index: 9;
  width: 100%;
  padding-top: 60px;
  padding-bottom: 60px;
  overflow-y: scroll;
  left: -100%;
  top: 0;
  opacity: 0;
  visibility: hidden;
  transition: 0.3s ease-in-out;
}
.customiZeBox.active {
  left: 0;
  opacity: 1;
  visibility: visible;
}

.closeCustmo {
  text-align: right;
  cursor: pointer;
}

.customiZeBox .secTitle {
  font-family: 'Roboto';
  font-weight: 600;
  font-size: 28px;
  line-height: 120%;
  letter-spacing: 5px;
  text-transform: capitalize;
  margin-bottom: 70px;
}

.customiZeBox h4 {
  font-weight: 600;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 5px;
  text-transform: capitalize;
  margin-bottom: 0;
}

.customizationDetails {
  display: flex;
  gap: 20px;
}
.customizationDetails li {
  flex: 0 0 calc(33.33% - 20px);
  max-width: calc(33.33% - 20px);
}
.customizationDetails li .skuBox {
  font-weight: 400;
  font-size: 16px;
  line-height: 230%;
  letter-spacing: 2px;
}
.customizationDetails li .selectTitle {
  font-size: 14px;
  line-height: 230%;
  display: block;
}
.customizationDetails li .extBoxVal {
  font-size: 20px;
  line-height: 120%;
  letter-spacing: 3px;
  text-transform: capitalize;
  display: block;
}

.selectedIntImg, .selectedExtImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.colorOption {
  display: none;
  flex-wrap: wrap;
  gap: 16px;
}
.colorOption li {
  flex: 0 0 calc(25% - 12px);
  text-align: center;
  margin-bottom: 40px;
}
.colorOption li img {
  height: 71px;
  width: 71px;
  min-height: 71px;
  min-width: 71px;
}
.colorOption li span {
  font-weight: 400;
  font-size: 11px;
  line-height: 230%;
  text-align: center;
  color: rgb(108, 108, 108);
  display: block;
  margin-top: 8px;
}
.colorOption.active {
  display: flex;
}

.colorCust {
  height: 450px;
  overflow-y: scroll;
}
.colorCust h5 {
  margin-bottom: 16px;
  font-weight: 600;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 0.8px;
}

.radioCharger {
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 9;
}
.radioCharger ul {
  display: flex;
  gap: 20px;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 8px;
  padding-bottom: 8px;
  background-color: rgba(255, 255, 255, 0.6);
}
.radioCharger ul li a {
  color: rgb(179, 179, 179);
  font-weight: 600;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1;
  text-transform: capitalize;
}
.radioCharger ul li a.active {
  text-decoration: underline;
  color: rgb(0, 0, 0);
}

.downloadBtnCus {
  position: absolute;
  top: 30px;
  right: 30px;
  z-index: 9;
}
.downloadBtnCus a {
  padding: 10px 15px;
  background: rgba(255, 255, 255, 0.7);
}

.custNote {
  font-size: 14px;
  line-height: 230%;
  color: rgb(108, 108, 108);
  margin-top: 14px;
}

.breadCrumbandTitle {
  margin-bottom: 80px;
  padding-top: 32px;
}

.color-finishes-tabs .nav-tabs {
  margin-bottom: 80px;
  gap: 120px;
  justify-content: center;
}
.color-finishes-tabs .nav-tabs .nav-item .nav-link {
  margin: 0;
  border: 0;
  font-weight: 300;
  font-size: 22px;
  line-height: 120%;
  letter-spacing: 0px;
  vertical-align: middle;
  color: rgb(179, 179, 179);
  padding-bottom: 32px;
}
.color-finishes-tabs .nav-tabs .nav-item .nav-link.active {
  font-weight: 300;
  color: rgb(0, 0, 0);
  margin: 0;
  border: 0;
  border-bottom: 1px #000 solid;
}
.color-finishes-tabs .innerCard a {
  cursor: url('data:image/svg+xml;utf8,<svg width="134" height="134" viewBox="0 0 134 134" fill="none" xmlns="http://www.w3.org/2000/svg"><circle opacity="0.8" cx="67" cy="67" r="67" fill="black"/><path d="M48.4104 61.64L52.4744 71.608L56.5224 61.64H57.6904L52.9864 73H51.9624L47.2424 61.64H48.4104ZM59.8937 73V64.664H60.9817V73H59.8937ZM59.8937 62.92V61.32H60.9817V62.92H59.8937ZM67.7781 73.16C67.1808 73.16 66.6261 73.048 66.1141 72.824C65.6021 72.5893 65.1595 72.2747 64.7861 71.88C64.4128 71.4747 64.1195 71.0107 63.9061 70.488C63.7035 69.9653 63.6021 69.4053 63.6021 68.808C63.6021 68.0293 63.7781 67.3147 64.1301 66.664C64.4928 66.0133 64.9888 65.496 65.6181 65.112C66.2475 64.7173 66.9621 64.52 67.7621 64.52C68.5835 64.52 69.2981 64.7173 69.9061 65.112C70.5248 65.5067 71.0101 66.0293 71.3621 66.68C71.7141 67.32 71.8901 68.024 71.8901 68.792C71.8901 68.8773 71.8901 68.9627 71.8901 69.048C71.8901 69.1227 71.8848 69.1813 71.8741 69.224H64.7381C64.7915 69.8213 64.9568 70.3547 65.2341 70.824C65.5221 71.2827 65.8901 71.6507 66.3381 71.928C66.7968 72.1947 67.2928 72.328 67.8261 72.328C68.3701 72.328 68.8821 72.1893 69.3621 71.912C69.8528 71.6347 70.1941 71.272 70.3861 70.824L71.3301 71.08C71.1595 71.4747 70.8981 71.832 70.5461 72.152C70.1941 72.472 69.7781 72.7227 69.2981 72.904C68.8288 73.0747 68.3221 73.16 67.7781 73.16ZM64.7061 68.44H70.8661C70.8235 67.832 70.6581 67.2987 70.3701 66.84C70.0928 66.3813 69.7248 66.024 69.2661 65.768C68.8181 65.5013 68.3221 65.368 67.7781 65.368C67.2341 65.368 66.7381 65.5013 66.2901 65.768C65.8421 66.024 65.4741 66.3867 65.1861 66.856C64.9088 67.3147 64.7488 67.8427 64.7061 68.44ZM84.646 64.664H85.718L82.134 73H81.19L79.446 68.856L77.718 73H76.774L73.19 64.664H74.246L77.286 71.88L78.822 68.12L77.414 64.68H78.39L79.446 67.384L80.518 64.68H81.478L80.086 68.12L81.622 71.88L84.646 64.664Z" fill="white"/><rect x="57" y="84" width="24" height="31" fill="black"/></svg>'), pointer;
}
.color-finishes-tabs .innerCard p {
  margin-top: 16px;
  font-weight: 400;
  font-size: 14px;
  line-height: 230%;
  color: rgb(108, 108, 108);
}


.brand {
  margin-top: 16px;
  font-weight: 300;
  font-size: 14px;
  line-height: 230%;
  color: rgb(0, 0, 0);
}

.installationCard .brand {
  display: flex;
  align-items: center;
  gap: 5px;
  margin-top: 3px;
}

.designerContent h5 {
  font-weight: 400;
  font-size: 12px;
  line-height: 100%;
  letter-spacing: 1px;
  text-transform: capitalize;
  color: rgb(108, 108, 108);
  margin-bottom: 12px;
  margin-top: 30px;
}
.designerContent p {
  font-weight: 400;
  font-size: 16px;
  line-height: 100%;
  letter-spacing: 1.5px;
  color: rgb(0, 0, 0);
}

.newsBox h3 {
  margin-top: 0;
}

.sortBox {
  position: relative;
  margin-bottom: 48px;
  text-align: right;
  display: inline-block;
  float: right;
}
.sortBox label {
  height: 20px;
  width: 20px;
  position: absolute;
  top: 3px;
  left: 2px;
}
.sortBox select {
  border: 0;
  padding-left: 30px;
  cursor: pointer;
  font-weight: 300;
  font-size: 16px;
  letter-spacing: 0;
  text-transform: capitalize;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding-top: 5px;
  padding-bottom: 5px;
}
.postDdate {
    margin-bottom: 10px;
}
.subtitle404 {
    font-size: 20px;
}
.categoryList .accordion-item:nth-child(1) {
    margin-top: 0;
}
.horizontal-slider-container{
	h1{
		font-size:52px;
		line-height:64px;
	}
}
.page-template-our-story{
	.smallBanner .bannerInnerSlider .bannerContent .banner-title{
		    margin-bottom: 20px;
    margin-top: 16px;
    font-size: 52px;
    line-height: 58px;
    font-weight: 300;
    letter-spacing: 0;
	}
}
.stickyLogo svg {
    width: 100%;
}
.contentInnStory h2 {
    margin-bottom: 15px;
}
/*# sourceMappingURL=style.css.map */