.lenis {
  height: auto;
}

.lenis.lenis-smooth {
  scroll-behavior: auto;
}

.lenis.lenis-smooth [data-lenis-prevent] {
  overscroll-behavior: contain;
}

.lenis.lenis-stopped {
  overflow: hidden;
}

.lenis.lenis-scrolling iframe {
  pointer-events: none;
}

html { scroll-behavior: auto; }


@font-face {
    font-display: swap;
    font-family: 'RaleGroteskBase';
    font-style: normal;
    font-style: 400;
    src: url('../fonts/RaleGroteskBaseLight.woff2') format('woff2'),
}

@font-face {
    font-display: swap;
    font-family: 'RaleGroteskBase';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/RaleGroteskBaseRegular.woff2') format('woff2'),
}

@font-face {
    font-display: swap;
    font-family: 'RaleGroteskBase';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/RaleGroteskBaseMedium.woff2') format('woff2'),
}




:root {
  --bodycolor: #fff;
  --black: black;
  --white: white;
  --black2: #222223;
  --red: #E12431;
  --fontawesome: "Font Awesome 6 Pro";
  --raleGroteskBase: 'RaleGroteskBase';
  
}

body
{
  margin:0px auto;
  background: var(--black);
  line-height:normal;
  font-family: var(--raleGroteskBase);
  font-size: 16px;
  color: var(--black2);
  line-height: normal;
}

header, section, footer
{
  float:left;
  width:100%;
}


h1, h2, h3, h4, h5, h6,p,a,button,input
{
  padding:0px;
  margin:0px;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal; 
}

h1, h2, h3, h4, h5, h6
{
  color: inherit;
}
p {
 font-size: 18px;
 line-height: 1.2;
 color: inherit;
 font-family: var(--raleGroteskBase);
}
input { border:0; border-radius: 0;}

ul, ol
{
  list-style:none;
  margin:0px;
  padding:0px;
  text-transform:none;
  font-weight: normal;
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
}

a:focus, button:focus
{ 
  outline:none;
}

a,
button, 
input[type="submit"],
input[type="button"] { 
  transition:all 0.4s ease-in-out 0s; 
  -moz-transition:all 0.4s ease-in-out 0s; 
  -ms-transition:all 0.4s ease-in-out 0s; 
  -o-transition:all 0.4s ease-in-out 0s; 
  -webkit-transition:all 0.4s ease-in-out 0s;
  font-weight: 400; 
  font-stretch: normal;
  font-style: normal;
  line-height: normal;
  letter-spacing: normal;
  color: inherit;
  /*cursor: crosshair;*/
  cursor: url('../images/cursor.png') 18 18, crosshair !important;
}

select::-ms-expand {
    display: none;
}
select{
    -webkit-appearance: none;
    appearance: none;
}

img { max-width:100%; height: auto;}

.list-none { list-style:none !important; }

input::-webkit-input-placeholder { opacity:1; color: var(--black2);}
input::-moz-placeholder { opacity:1; color: var(--black2); }
input::-moz-placeholder { opacity:1; color: var(--black2);}
input::-ms-input-placeholder { opacity:1; color: var(--black2);}

textarea::-webkit-input-placeholder { opacity:1; color: var(--black2);}
textarea::-moz-placeholder { opacity:1; color: var(--black2);}
textarea::-moz-placeholder { opacity:1; color: var(--black2);}
textarea::-ms-input-placeholder { opacity:1; color: var(--black2);}

select::-webkit-input-placeholder { opacity:1; color: var(--black2);}
select::-moz-placeholder { opacity:1; color: var(--black2);}
select::-moz-placeholder { opacity:1; color: var(--black2);}
select::-ms-input-placeholder { opacity:1; color: var(--black2);}

textarea:focus, 
input:focus, 
select:focus { outline: 0;}

iframe { float:left; width:100%; height: 445px;}

.flex-full { flex:1; }
form { float:left; width:100%;  position: relative;}
.cursor-pointer { cursor:pointer; }
.lightbox .btn-close {  position: fixed; opacity:1; transition:all 0.4s ease-in-out 0s;  -moz-transition:all 0.4s ease-in-out 0s;  -ms-transition:all 0.4s ease-in-out 0s;  -o-transition:all 0.4s ease-in-out 0s;  -webkit-transition:all 0.4s ease-in-out 0s; }
.lightbox .btn-close svg { fill: var(--royalBlue); }

.modal-backdrop { background-color:rgba(251, 241, 231, 0.96); --bs-backdrop-opacity: 1;}


.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: 2rem;
  height: 2rem;
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 100% 100%;
}

.carousel-control-prev-icon {
  background-image: url("data:image/svg+xml,%3csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M0.562502 9.47949L13.9902 0.373046L13.9902 3.40039L5.39649 8.67383L5.49414 9.01562C6.83692 8.84472 8.25293 8.77148 9.64453 8.77148L27.1006 8.77148L27.1006 11.4082L9.64453 11.4082C8.25293 11.4082 6.83692 11.335 5.49414 11.1641L5.39649 11.5059L13.9902 16.7793L13.9902 19.8066L0.562502 10.7246L0.562502 9.47949Z' fill='%23181724'/%3e%3c/svg%3e");
}

.carousel-control-next-icon {
  background-image: url("data:image/svg+xml,%3csvg width='28' height='20' viewBox='0 0 28 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M27.4375 10.5205L14.0098 19.627V16.5996L22.6035 11.3262L22.5059 10.9844C21.1631 11.1553 19.7471 11.2285 18.3555 11.2285H0.899414V8.5918H18.3555C19.7471 8.5918 21.1631 8.66504 22.5059 8.83594L22.6035 8.49414L14.0098 3.2207V0.193359L27.4375 9.27539V10.5205Z' fill='%23181724'/%3e%3c/svg%3e");
}




.fw-thin { font-weight:200; }
.fw-medium { font-weight:500; }
.fw-black { font-weight:800; }

.raleGroteskBaseRegular { font-family:var(--raleGroteskBaseRegular) !important; }


.text-none {
  text-transform: none !important;
}
.transform-translate-none { transform:translate(0px) !important; }
.flex-full { flex:1; }


.btn_primary { background: var(--black2); min-width: 222px; height: 48px; border: 0; display: inline-flex; align-items: center;  justify-content: center; color: var(--white); cursor: pointer; padding: 6px 12px; box-shadow: 0 0 0; font-size: 18px; text-decoration: none; font-family: var(--raleGroteskBase); font-weight: 500; border-radius: 0; text-transform: uppercase; line-height: 1; position: relative; border-radius: 40px; mix-blend-mode: exclusion; }
.btn_primary_bg { background:url(../images/btn_primry_bg.png) no-repeat top center/ contain; mix-blend-mode: unset; }
/*.btn_primary:before { content:""; position:absolute; top:0; left:0; width:100%; height:100%; background: var(--black2); border-radius: 40px; z-index: 1;  mix-blend-mode: exclusion; border: 1px solid var(--black2);}*/
/*.btn_primary span { position:relative; z-index:2; }*/
/*.btn_primary:hover { background:var(--royalYellow);}*/


/*.btn_primary__small { height:45px; width:155px;  }
.btn_primary__xsmall { height:57px; padding: 5px 22px; }
.btn_primary__xxsmall { height:37px; padding: 5px 25px; }

.btn_secondary { width: 197px; height: 57px; background-color: #56EAFF; justify-content: center; align-items: center; border: 1px solid var(--blueColor); display: inline-flex; color: var(--blueColor); cursor: pointer; padding: 5px; box-shadow: 0 0 0; font-size: 16px; font-weight: 700; border-radius: 30px; text-decoration: none; text-transform: uppercase; line-height: 1; position: relative; z-index: 1; text-align: center;}
.btn_secondary i { position:absolute; top:50%; right:2px; transform: translateY(-50%); width:50px; height:50px; border-radius:50%; display: flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--skyBlueColor2); font-size: 30px; }
.btn_secondary:hover { background:var(--skyBlueColor); color:var(--blueColor);  border-color: var(--blueColor); text-decoration: none;}

.btn_secondary__small { height:45px; width:155px;  }
.btn_secondary__xsmall { height:57px; padding: 5px 22px; }
.btn_secondary__xxsmall { height:37px; padding: 5px 25px; }*/

.backdrop-filter-zero { backdrop-filter: blur(0px) !important;}

.bg-transparent { background-color:transparent !important; }
.bg-white { background-color: var(--white) !important; }
.bg-black { background-color:var(--black) !important; }
.bg-black2 { background-color:var(--black2) !important; }
.bg-red { background-color:var(--red) !important; }


.color-white { color: var(--white) !important; }
.color-black { color:var(--black) !important; }
.color-black2 { color:var(--black2) !important; }
.color-red { color:var(--red) !important; }

.color-white-hover:hover { color: var(--white) !important; }
.color-black-hover:hover { color:var(--black) !important; }
.color-black2-hover:hover { color:var(--black2) !important; }
.color-red-hover:hover { color:var(--red) !important; }

.bg-white-hover:hover { background-color: var(--white) !important; }
.bg-black-hover:hover { background-color:var(--black) !important; }
.bg-black2-hover:hover { background-color:var(--black2) !important; }
.bg-red-hover:hover { background-color:var(--red) !important; }

.border-default { border-style: solid; border-width:1px; }
.border-top { border-top-style: solid; border-top-width: 1px;}
.border-right { border-right-style: solid; border-right-width: 1px;}
.border-bottom { border-bottom-style: solid; border-bottom-width: 1px;}
.border-left { border-left-style: solid; border-left-width: 1px;}

.border-color-white { border-color: var(--white) !important; }
.border-color-black { border-color:var(--black) !important; }
.border-color-black2 { border-color:var(--black2) !important; }
.border-color-red { border-color:var(--red) !important; }


.transition-all { 
  transition:all 0.6s ease-in-out 0s; 
  -moz-transition:all 0.6s ease-in-out 0s; 
  -ms-transition:all 0.6s ease-in-out 0s; 
  -o-transition:all 0.6s ease-in-out 0s; 
  -webkit-transition:all 0.6s ease-in-out 0s; 
}
.transition-none { 
  transition:all 0s ease-in-out 0s; 
  -moz-transition:all 0s ease-in-out 0s; 
  -ms-transition:all 0s ease-in-out 0s; 
  -o-transition:all 0s ease-in-out 0s; 
  -webkit-transition:all 0s ease-in-out 0s; 
}

.ft-size-10 { font-size:10px !important; }
.ft-size-12 { font-size:12px !important; }
.ft-size-13 { font-size:13px !important; }
.ft-size-14 { font-size:14px !important; }
.ft-size-15 { font-size:15px !important; }
.ft-size-16 { font-size:16px !important; }
.ft-size-17 { font-size:17px !important; }
.ft-size-18 { font-size:18px !important; }
.ft-size-20 { font-size:20px !important; }
.ft-size-22 { font-size:22px !important; }
.ft-size-23 { font-size:23px !important; }
.ft-size-24 { font-size:24px !important; }
.ft-size-25 { font-size:25px !important; }
.ft-size-26 { font-size:26px !important; }
.ft-size-27 { font-size:27px !important; }
.ft-size-28 { font-size:28px !important; }
.ft-size-30 { font-size:30px !important; }
.ft-size-32 { font-size:32px !important; }
.ft-size-35 { font-size:35px !important; }
.ft-size-40 { font-size:40px !important; }
.ft-size-43 { font-size:43px !important; }
.ft-size-44 { font-size:44px !important; }
.ft-size-45 { font-size:45px !important; }
.ft-size-46 { font-size:46px !important; }
.ft-size-49 { font-size:49px !important; }
.ft-size-50 { font-size:50px !important; }
.ft-size-51 { font-size:51px !important; }
.ft-size-55 { font-size:55px !important; }
.ft-size-57 { font-size:57px !important; }
.ft-size-60 { font-size:60px !important; }
.ft-size-65 { font-size:65px !important; }
.ft-size-66 { font-size:66px !important; }
.ft-size-67 { font-size:67px !important; }
.ft-size-69 { font-size:69px !important; }
.ft-size-80 { font-size:80px !important; }
.ft-size-81 { font-size:81px !important; }
.ft-size-85 { font-size:85px !important; }
.ft-size-90 { font-size:90px !important; }
.ft-size-96 { font-size:96px !important; }
.ft-size-101 { font-size:101px !important; }
.ft-size-102 { font-size:102px !important; }
.ft-size-115 { font-size:115px !important; }
.ft-size-117 { font-size:117px !important; }
.ft-size-135 { font-size:135px !important; }
.ft-size-161 { font-size:161px !important; }
.ft-size-198 { font-size:198px !important; }
.ft-size-202 { font-size:202px !important; }
.ft-size-300 { font-size:300px !important; }

.line-height-1 { line-height:1; }
.line-height-1p1 { line-height:1.1; }
.line-height-1p2 { line-height:1.2; }
.line-height-1p3 { line-height:1.3; }
.line-height-1p4 { line-height:1.4; }
.line-height-1p5 { line-height:1.5; }
.line-height-1p6 { line-height:1.6; }
.line-height-1p7 { line-height:1.7; }
.line-height-1p8 { line-height:1.8; }

.line-height-p82 { line-height:0.82 !important; }
.line-height-p87 { line-height:0.87 !important; }
.line-height-p92 { line-height:0.92 !important; }

.letter-spacing-1 { letter-spacing:1px; }
.letter-spacing-2 { letter-spacing:2px; }


.img-object-cover { object-fit: cover; }
.img-object-contain { object-fit: contain; }
.img-object-fill { object-fit: fill; }

.img-position-top { object-position:top; }
.img-position-center { object-position:center; }
.img-position-left { object-position:left; }
.img-position-right { object-position:right; }
.img-position-bottom { object-position:bottom; }

.bg-default { background-repeat: no-repeat; background-size: cover; background-position: top center; }
.bg-norepeat { background-repeat:no-repeat; }
.bg-sizecover { background-size: cover; }
.bg-position-topcenter { background-position: top center; }

.opacity15 { opacity:0.15; }
.opacity30 { opacity:0.3; }
.opacity50 { opacity:0.5; }

.z-index-2 { z-index:2; }

.container-fluid { padding:0 20px; z-index: 2; }

.sectionBlockPad { padding: 162px 0 125px; }
.sectionBlockPad2 { padding: 162px 0 100px; }

.MainHeader { z-index:1040; padding:21px 20px; position: fixed; left: 0; top: 0; display: flex;  flex-wrap: wrap;  justify-content: space-between; align-items: center; }
.MenuOpen { cursor:pointer; z-index:10; mix-blend-mode:exclusion; }


.Logo { padding:0 0 0; top:0; z-index: 3; }

.headerLinks {}
.headerLinks ul { display:flex; flex-wrap:wrap; align-items:center; gap: 40px;}
.headerLinks ul li { display:flex; flex-wrap:wrap; color:var(--white); font-size: 18px; text-transform: uppercase; text-decoration: none; mix-blend-mode:exclusion;}
.headerLinks ul li a { color:var(--white); font-size: 18px; text-transform: uppercase; text-decoration: none; mix-blend-mode:exclusion; }


.Navigation { position:fixed; top:-120%; left:0; width:100%; height:100%; background:var(--red); padding: 144px 0 0;}
.Navigation ul {}
.Navigation ul li { float:left; width:100%; text-align:center; margin-bottom:20px; }
.Navigation ul li a { font-size:101px; color:var(--white); letter-spacing:0.32px; font-weight: 300; text-decoration: none;}

.menuopened .Navigation { top:0; }

.heroBanner { background-repeat: no-repeat, no-repeat; background-size: cover, 0 0; background-position: top center, top center; }


.ancientCos_sect {}
.ancientCosRow01 { padding:156px 0 100px; }
.ancientCosWrp { max-width:926px; }

.ancientCosHdng {}
.ancientCosHdng h2 { max-width:598px; }
.ancientExplr { padding:80px 0 64px; }

.ancientCosDes { padding-top:100px }
.ancientCosDes p { max-width:660px; }


.ancientCosImg { position:relative; mix-blend-mode:exclusion; }
.ancientCosImg {
  inset: 0;
/*  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");*/
  opacity: 0.25; 
  mix-blend-mode:exclusion;
  pointer-events: none;
}
.ancientCosImg img { mix-blend-mode:exclusion; }
.ancientCosImg01 {}
.ancientCosImg01 img { max-width:331px; width:100%; }

.ancientCosImg02 { margin-bottom:88px; }
.ancientCosImg02 img { max-width:336px; width: 100%; }

.ancientCosImg03 { padding-left:120px; }
.ancientCosImg03 img { max-width:455px; width: 100%;}



.clock_design_Sec { position: relative;  background-repeat: no-repeat, no-repeat; background-size: cover, 0 0; background-position: top center, top center;}
.clock_design_text { position: absolute; }
.top-left { top: 20%; left: 0%; }
.middle-left { top: 55%; left: 0; }
.top-right { top: 25%; right: 0%;   }
.middle-right { top: 50%; right: 0%; }
.bottom-center { bottom: 2%; right: 0; text-align: right; }


.SurfaceMtr { padding:173px 0 106px; background-repeat: no-repeat; background-size: 0 0; background-position: top center;}
.SurfaceMtr .container-fluid { position:relative; }
.SurfaceMtrLst { margin-bottom:23px; z-index: 1; }
.SurfaceMtrLst ul li { letter-spacing:0.48px; }


.SurfaceMtrImg img { max-width:616px; width:100%; }

.SurfaceMtrHdng { max-width:1090px; }
.SurfaceMtrHdng h3 { max-width:561px; margin-top: -26px; mix-blend-mode: difference;}
.SurfaceMtrBg { mix-blend-mode:overlay; }

.SurfaceMtrBtn { position:absolute; top:50%; transform:translateY(-50%); right:0; padding:0 20px; }



















.followCodesSect { padding:140px 0 90px; }
.followCodesTop { padding:0 0 140px; }

.followCodesRgt p { max-width:560px; float:right; }

.rewriteGrid {  }






.footerTop { padding:104px 0 70px; }

.ftrLogo { margin-bottom:20px; }
.ftrLogo img { max-width:405px; width:100%; }

.subscribeForm { padding:30px 0 0; }
.subscribeForm h2 { margin-bottom:40px; }

.subscribeForm ul { max-width:485px; margin:0 auto 38px; display:grid; }
.subscribeForm ul li { float:left; width:100%; margin-bottom: 20px;}
.subscribeForm ul li:last-child { margin-bottom:0; }
.subscribeForm ul li input[type="text"],
.subscribeForm ul li input[type="email"] { font-size:18px; color:var(--white); text-align:center; border:0; border-bottom:1px solid var(--white); padding:0 0 14px; background:var(--black); width: 100%; }

.gform_footer { float:left; width:100%; text-align: center; }
.gform_footer input[type="submit"] { background:var(--black); color: var(--white); font-family: var(--raleGroteskBase); font-weight: 500; text-transform: uppercase; text-transform: uppercase;}
.gform_footer input[type="submit"]:hover { color:var(--red); }

.footerMiddle { padding:9px 0 48px; border-top:1px solid var(--white); }


.footerCol { /*width:20%;*/ }
.footerCol h3 { margin-bottom:25px; }
.footerCol a { color:var(--white); font-size:15px; text-transform:uppercase; text-decoration: none;}
.footerCol a:hover { color:var(--red); }

.footerCol ul { display:flex; flex-wrap:wrap; flex-direction: column; gap: 5px;}
.footerCol ul li {  }

.footerBtm { padding:12px 0; border-top:1px solid var(--white); }



/* Product Page */


.prdctBnrRow { padding:481px 0 10px; }
.prdctBnrRow .container-fluid { min-height:calc(100vh - 493px); } 
.prdctBnrHdng { margin-bottom:0; z-index: 999; top: 190px; mix-blend-mode:exclusion;}
.prdctBnrHdng:last-child { margin-bottom:0; }
.prdctBnrHdng h1 { mix-blend-mode:exclusion; }


.prdctBnrLst {}
.prdctBnrLst p { mix-blend-mode:exclusion; }


.prdctBnrRow02 { padding:220px 0; }
.prdctBnrRow02 h2 { mix-blend-mode:exclusion; max-width:845px; margin:0 auto; }


.designPrinpleSect { padding:50px 0 10px; }

.designPrinpleLst { margin-bottom: 72px; }
.designPrinpleLst:last-child { margin-bottom:0; }


.designPrinpleRow { margin-bottom:172px; }
.designPrinpleRow:last-child { margin-bottom:0; }
.designrdctDes {}
.designrdctDes h2 { max-width:575px; margin:0 auto; }

.PrdctGrade { max-width:448px; }
.PrdctGrade h3 { letter-spacing:0.48px; margin-bottom:10px; }
.PrdctGrade img { margin-bottom:10px; }

.prdctBrclt { margin-bottom:153px; }
.prdctBrcltRow { position:absolute; top:0; left:0; padding:13px 20px; display:flex; flex-wrap:wrap; align-content:space-between; }
.prdctBrcltRow h3 { letter-spacing:0.48px; }
.prdctBrcltRow p {  }

.PrdctLstBox {}
.PrdctLstBox h3 { padding:10px 20px; }

.prdctSpecLft { padding:100px 0; }
.prdctSpecLft h2 { padding:0 20px; margin-bottom:27px; }
.prdctSpecLft ul li { float:left; width:100%; border-bottom:1px solid var(--black2);}
.prdctSpecLst { padding:8px 20px; }
.prdctSpecLst h3,
.prdctSpecLst p { letter-spacing:0.48px; }


.prdctSpec_RowHding { margin-bottom:200px; }

.prdctSpec_RowDes p { max-width:392px; float:right; text-align:right; }


/* Contact */

.contactPg  { padding-top:165px; }
.contactLyerImg {  top: 0; left: 0;  }

.contactLft { max-width:460px; }
.contactLft h1 { margin-bottom:12px; }

.contactMail { margin-bottom:109px; }
.contactMail:last-child { margin-bottom:0; }

.contactForm { max-width:485px; }
.contactForm ul {}
.contactForm ul li {}
.contactForm ul li input[type="text"],
.contactForm ul li input[type="email"],
.contactForm ul li input[type="phone"],
.contactForm ul li input[type="tel"],
.contactForm ul li input[type="password"],
.contactForm ul li textarea { float:left; width:100%; background: transparent; color:var(--red); font-size:18px; font-weight:300; height:60px; border:0; border-bottom:1px solid var(--white); }
.contactForm ul li textarea { resize:none; padding: 25px 0; height: 150px;}

.contactForm ul li input[type="submit"] { font-size:18px; color:var(--white); text-transform:uppercase; background: var(--black2); margin-top: 20px}
.contactForm ul li input[type="submit"]:hover { color:var(--red); }


.contactForm input::-webkit-input-placeholder { opacity:1; color: var(--white);}
.contactForm input::-moz-placeholder { opacity:1; color: var(--white); }
.contactForm input::-moz-placeholder { opacity:1; color: var(--white);}
.contactForm input::-ms-input-placeholder { opacity:1; color: var(--white);}

.contactForm textarea::-webkit-input-placeholder { opacity:1; color: var(--white);}
.contactForm textarea::-moz-placeholder { opacity:1; color: var(--white);}
.contactForm textarea::-moz-placeholder { opacity:1; color: var(--white);}
.contactForm textarea::-ms-input-placeholder { opacity:1; color: var(--white);}

.contactForm select::-webkit-input-placeholder { opacity:1; color: var(--white);}
.contactForm select::-moz-placeholder { opacity:1; color: var(--white);}
.contactForm select::-moz-placeholder { opacity:1; color: var(--white);}
.contactForm select::-ms-input-placeholder { opacity:1; color: var(--white);}


/* About */

.aboutBnr .row { padding:150px 0; min-height:calc(100vh - 72px); }
.aboutBnrTxt p { max-width:560px; }


.potentialBnr p { max-width:530px; margin:0 auto; }
.potentialLayer { mix-blend-mode:color-burn; }


.followCodesLft--about { max-width:600px }

.about_object_bnr {   }
.about_object_bnr img.about_object_bnr_img {   }

.about_object_bnr img.about_object_bnr_layer { mix-blend-mode: color-burn; }


.abt_manufacture_sec { padding:177px 0 23px; }

.abt_manufacture_text p { max-width:620px; }

.abt_manufacture_smallImg img { max-width:336px; }


.abt_manufacture_lrgImg img { max-width:564px; }


.abt_shop_sec { padding:100px 0; }
.abt_shop_sec:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:31px; background: url(../images/graph_lines.png) repeat-x top center; }
.abt_shop_Wrap { max-width:748px; }



.abtScroll_sec { padding:147px 0 0; }


.abtScroll_sec {}

.abtScrollLayer { height:calc(100% - 0px); mix-blend-mode: color-burn;}


.abtScroll_Row { z-index:2;  border-top: 1px solid rgba(255, 255, 255, 0.4); border-bottom: 1px solid rgba(255, 255, 255, 0.4);}
.abtScrollBx { height:763px; max-width: 33.333%; padding:37px; mix-blend-mode:difference; border-right: 1px solid rgba(255, 255, 255, 0.4);}
.abtScrollBx h2,
.abtScrollBx p { mix-blend-mode:difference }


.cart-drawer { z-index:9999;  right: -200%; transition: right 0.8s ease;}
.cart-drawer.cart-drawer-open { right: 0; }
.cart-drawer-row-main { max-width: 600px; padding:30px 15px; position: relative; z-index: 2;}

.close-drawer { top:21px; right:20px; cursor:pointer; z-index:3; }
.cart-drawer h2 { margin-bottom:52px; }


.cart-drawer-table { margin-bottom: 70px; }
.cart-drawer-table:last-child { margin-bottom:0; }
.cart-drawer-table tr td { border-bottom:1px solid rgba(255, 255, 255, 0.5); }
.cart-drawer-img-td { width:57px; }
.cart-drawer-img  { max-width:57px; }

.cart-drawer-des { padding:0 30px 9px; }
.cart-drawer-des p { font-size:18px; color:var(--white); font-weight: 300; text-transform: uppercase;}


.cart-drawer-total  { padding:0 0 9px 89px; border-bottom:1px solid rgba(255, 255, 255, 0.5); }

.cart-drawer-total-row { grid-template-columns:1fr 1fr; gap: 10px;}


.cart-drawer-sub-row h3 { margin-bottom:8px; }


.cart-drawer-button a.btn_primary_bg { background:url(../images/cart_prdct_btn.png) no-repeat top center/ contain; mix-blend-mode: plus-lighter; padding: 0 23px;}


.cart-drawer-billing-detail { padding:31px 15px; max-width: 466px; position: relative; z-index: 2;}

.cart-drawer-billing-detail-hdr { margin-bottom:57px; }
.cart-drawer-billing-detail-hdr:last-child { margin-bottom:0; }
.cart-drawer-billing-detail h2 { margin-bottom:18px; }


.billing-fields {}
.billing-fields label { display:none; }
.billing-fields input[type="text"],
.billing-fields input[type="email"],
.billing-fields input[type="password"],
.billing-fields input[type="tel"] { background: transparent; float:left; height: 42px; width:100%; font-size:18px; color:var(--black2); font-family:var(--raleGroteskBase); border-bottom: 1px solid var(--black2);}

.billing-fields-white input[type="text"],
.billing-fields-white input[type="email"],
.billing-fields-white input[type="password"],
.billing-fields-white input[type="tel"] { color:var(--white); border-color:var(--white); }

.billing-fields-white input::-webkit-input-placeholder { opacity:1; color: var(--white);}
.billing-fields-white input::-moz-placeholder { opacity:1; color: var(--white); }
.billing-fields-white input::-moz-placeholder { opacity:1; color: var(--white);}
.billing-fields-white input::-ms-input-placeholder { opacity:1; color: var(--white);}

.billing-fields-white textarea::-webkit-input-placeholder { opacity:1; color: var(--white);}
.billing-fields-white textarea::-moz-placeholder { opacity:1; color: var(--white);}
.billing-fields-white textarea::-moz-placeholder { opacity:1; color: var(--white);}
.billing-fields-white textarea::-ms-input-placeholder { opacity:1; color: var(--white);}

.billing-fields-white select::-webkit-input-placeholder { opacity:1; color: var(--white);}
.billing-fields-white select::-moz-placeholder { opacity:1; color: var(--white);}
.billing-fields-white select::-moz-placeholder { opacity:1; color: var(--white);}
.billing-fields-white select::-ms-input-placeholder { opacity:1; color: var(--white);}


.radio-container,
.checkbox-container,
.checkbox-container-white { float: left; width: 100%; position: relative; }
.radio-container input[type="radio"],
.checkbox-container input[type="checkbox"],
.checkbox-container-white input[type="checkbox"] { opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; z-index: 1;}

.radio-container label,
.checkbox-container label  { margin: 0; font-size: 18px; font-family: var(--raleGroteskBase); font-weight: 400; color: var(--black2); padding: 0 0 0 14px; position: relative;}
.radio-container label:before,
.checkbox-container label:before { position: absolute; left: 0; top: 5px; content: ""; text-align: center; width: 9px; height: 9px; border-radius: 30px; border: solid 1px var(--black2); background: #fff;  }
.radio-container input:checked ~ label:before,
.checkbox-container input:checked ~ label:before{  background: #000; box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;}
/*.radio-container label a { color:var(--black); text-decoration:underline; position: relative; z-index: 1; }
.radio-container label a:hover { text-decoration:none; }*/


.checkbox-container-white label { color:var(--white); }
.checkbox-container-white label:before { border-color:var(--white); }
.checkbox-container-white input:checked ~ label:before {  background: #000; box-shadow: 0 0 0 1px rgba(255,255,255,1) inset;}

.cart-drawer-button02 a.btn_primary_bg,
.cart-drawer-button02 button.btn_primary_bg { background:url(../images/cart_prdct_btn_02.png) no-repeat top center/ contain; mix-blend-mode: unset; padding: 0 23px;}

.cart-drawer-overLay { background-color: var(--black2); opacity: 0; visibility: hidden; transition: opacity 0.3s ease;  }
.cart-drawer.cart-drawer-open .cart-drawer-overLay { opacity: 0.78; visibility: visible; }


.cart-drawer-thankyou-msg h2 { margin-bottom:150px; }
.cart-drawer-thankyou-msg p a:hover { text-decoration:none; }


/* User Account */

.accountsPages { padding:0; }
.account-nav { padding: 144px 0 105px 55px; margin-top:106px; min-height:calc(100vh - 106px); background: url(../images/account_scale_img.png) repeat-y 15px 0/ 32px;}

.account-nav ul {}
.account-nav ul li { margin-bottom:47px; }
.account-nav ul li a { font-family:var(--raleGroteskBase); color: var(--white); font-weight:300; font-size:25px; text-decoration:none; text-transform:uppercase; }

.account-nav ul li.active a,
.account-nav ul li a:hover { color:var(--red); }

.account-logout a { font-family:var(--raleGroteskBase); color: var(--white); font-weight:300; font-size:18px; text-decoration:none; text-transform:uppercase; }
.account-logout a:hover { color:var(--red); }

.userWelcome { padding:250px 75px 0 0; }
.userWelcomeRow { max-width:688px; }


.user-perosnalInfo-form,
.userFaq { padding: 250px 92px 60px; }




.accordion { background-color:transparent;  border-radius:0; border: 0; /*border-bottom: 1px solid var(--white);*/}
.accordion-item { background-color:transparent; border-radius:0; border: 0; border-bottom: 1px solid var(--white);}

.accordion-item:first-of-type > .accordion-header .accordion-button,
.accordion-item:first-of-type,
.accordion-item:last-of-type { border-radius:0;  }

.accordion-header button.accordion-button { background:transparent; padding:10px 0 15px;  border-radius:0; border: 0;  position: relative;}
.accordion-header button.accordion-button:focus { outline:none; box-shadow:0 0 0; }

.accordion-button:not(.collapsed) { box-shadow:0 0 0;  }

.accordion-button::after { content:"+"; background:transparent; font-size: 32px; font-family: var(--RightGroteskNarrowLight); color: var(--white); width: auto; height: auto;  /*position: absolute; top: 50%; right: 40px; transform: translateY(-50%);*/}
.accordion-button:not(.collapsed)::after {  content:"-"; background: transparent; transform: rotate(0deg);}



.accordion-body { padding: 0 0 10px; }
.accordion-body p { font-size:18px; color:var(--white); font-weight: 300; line-height:21px; }

.legalHeading { padding:250px 0 0 0; }

.legalDes {  padding: 250px 0 30px;  }

.legalDesRow { max-width:493px; }
.legalDesRow h2 { font-size:18px; color:var(--white); text-transform:uppercase; line-height:21px; margin-bottom:20px; }
.legalDesRow h2:last-child { margin-bottom:0; }

.legalDesRow h3 { font-size:18px; color:var(--white); text-transform:uppercase; line-height:21px;}
.legalDesRow h3:last-child { margin-bottom:0; }

.legalDesRow p { font-size:18px; color:var(--white); text-transform:uppercase; line-height:21px; margin-bottom:20px; }
.legalDesRow ul { padding-left:15px; }
.legalDesRow ul li { font-size:18px; color:var(--white); text-transform:uppercase; line-height:21px; list-style:disc; }

.user-orderHistory { padding:250px 95px 50px; }


.account-historyBg01 { opacity:0.04; }
.account-historyBg { mix-blend-mode: color-dodge;  }
.user-orderHistory  {}

.custom-header { border-bottom:1px solid rgba(255, 255, 255, 0.5); padding: 8px 0;}
.custom-header .useraddOpenAcrd {
  font-size: 14px;
  cursor: pointer;
  font-weight: 300;
  text-transform: uppercase;
  width: 110px;
  text-align: right;
  color: var(--white);
}

.orderDate { border-bottom:1px solid rgba(255, 255, 255, 0.5); padding: 12px 0; }

.orderPrdct { border-bottom:1px solid rgba(255, 255, 255, 0.5); padding: 5px 0; }
.account_orderPrdctLft { width: 100%; }
.account_orderPrdctLft span { width:114px; }

.account_orderPrdctLft { flex:1; }
.account_orderPrdctRgt {}

.delivery-billing-address { border-bottom:1px solid rgba(255, 255, 255, 0.5); padding:22px 0 5px; }
.delivery-billing-addressRow01 { margin-bottom:35px; }
.delivery-billing-addressRow01:last-child { margin-bottom:0; }

.user-careOwnership { padding:250px 95px 82px; }


.comingsoon-sect { background-repeat: no-repeat, no-repeat; background-size: cover, 0 0; background-position: top center, top center;   }
.coming-soon .container-fluid { padding:0 78px; }
.comingLogo img { max-width:145px; width:100%; }
.comingTxt h1 { filter: blur(0.08px); }