/* #bgvid {width: 100%; height:100vh;object-fit: cover;} */
#bgvid {width: 100%; height:auto;}
.sliderWrap {position: relative;width: 100%; display: inline-block;}
.bannerContent {position: absolute; bottom:60px; left: 0;width: 100%;}
.bannerContent h4 { font-size:var(--fs-2);color:var(--primary-red); font-weight: 600;     letter-spacing: 0.3em;}
.bannerContent h1 { font-size:var(--fs-5);     letter-spacing: 0.1em;font-weight: 600; text-transform: uppercase;}
.bannerContent a { font-size:var(--fs-1);     letter-spacing: 0.3em;font-weight: 600; text-transform: uppercase; text-decoration: underline;}

 
.mt-80 {margin-top:80px;}
.pageTitle { font-size:var(--fs-4); text-transform: uppercase; font-weight: 600; letter-spacing: 0.3em;}
.hoverVideoCard{position:relative;overflow:hidden}
.hoverVideoImg{position:relative}
.hoverVideoImg img,.hoverVideoImg video{width:100%;display:block}
.hoverVideoImg video{position:absolute;top:0;left:0;opacity:0;transition:opacity .4s ease;width:100%;height:100%;object-fit:cover}
.hoverVideoCard:hover video{opacity:1}


.brandTitle {display: block; width: 100%; text-align: center; font-size: 14px; text-transform: uppercase; margin-top:5px; text-decoration: underline;}
.hoverVideoCardWraps  .owl-nav button.owl-next span,  .hoverVideoCardWraps .owl-nav button.owl-prev span {display: none;}
.hoverVideoCardWraps .owl-nav button.owl-prev{position:absolute;top:45%;left:0;opacity: 0.8;background:#fff url(../images/home/left.svg);width:40px;height:40px;background-size:26px;background-repeat:no-repeat;background-position:44% 49%}
.hoverVideoCardWraps .owl-nav button.owl-next{position:absolute;top:45%;right:0;opacity: 0.8;background:#fff url(../images/home/right.svg);width:40px;height:40px;background-size:26px;background-repeat:no-repeat;background-position:44% 49%}
#ArrivalsVd{width:100%;height:730px;object-fit:cover}
.checkerboardContent h2 {   font-weight: 600; letter-spacing: 0.2em;font-size:var(--fs-4);text-transform: uppercase; margin-bottom:20px; }
.checkerboardContent h2 span { color:var(--primary-red);  }
.checkerboardContent a{letter-spacing:.3em;font-size:14px;text-transform: uppercase;text-decoration:underline}
.crossfade-gallery{position:relative;width:100%;height:700px;overflow:hidden}
.crossfade-gallery img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1s ease-in-out}
.crossfade-gallery img.active{opacity:1}
 h2 { font-size:var(--fs-4);}
.builderStudio{background: linear-gradient(to bottom, #EEEEEE, #C2C2C2);padding:30px 0 0}
.builderStudio h2 {color:var(--primary-red); margin-bottom:25px;}
.btnBox{display:flex;flex-wrap:wrap;justify-content:center;gap:11px}
.btnBox a{display:flex;flex-wrap:wrap;justify-content:center;gap:11px;width:80%;color:#151515;background:#fff;box-shadow:1px 1px 4px 0px rgba(0,0,0,0.6) !important;border:solid 1px #eee;padding:9px 10px 8px;font-size:14px;letter-spacing:.2em}
.btnBox a:hover{background:#f5f2ec;border-color:#f5f2ec;color:var(--primary-red)}


 .progressWrapper { display:flex; gap:0; margin-top:20px; }
.progress-segment { flex:1; height:3px; background:#ddd; transition: background 0.3s ease; }
.progress-segment.active { background:#772217; }


/* CSS FOR HOME PAGE POPUP START*/
.popupOverlay {position: fixed;left: 0;top: 0;right: 0;bottom: 0;z-index: 999;background-color: rgba(0,0,0,.7);display: none;} 
.popupWindow { background: #fff; width:780px; height:auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}   
.popupWindow h2 {text-align: center; margin: 30px 0 10px;  z-index: -99;  font-size: 20px;}
.popupWindow p{  text-align: center;  margin: 0 0 20px;  line-height: 21px;  color: #000; font-size: 13px;}
.popupWindow p small{  font-size: 90%;}
.popupBox { width: 100%;  margin: 0;  padding: 20px;  display: table;  height: 100%;}   
.popupBox > .popupCell { width: 100%;  margin: 0;  padding: 0;  display: table-cell;  height: 100%;  vertical-align: middle;}
.popupWindow h3 { font-size: 28px; letter-spacing: 1px;  margin: 13px 0 0; color: #000;}
.popupWindow .popupTitle {  margin: 6px 0 19px;  color: #24313c;  font-size: 18px;}
.popupWindow .closeMe {position: absolute;right: 10px; top: 10px; background: #cec4ab;border-radius: 50%;width: 32px;height: 32px;  text-align: center;  line-height: 32px;}
.popupWindow .popUprightForm {padding: 20px 20px; text-align: center;}
.popImg{height: 100%; object-fit: cover;}
.popupWindow input[type="text"] { background: #fff; color: #000; box-shadow: inherit !important; border-radius: 0 !important; outline: 0; border: solid 1px #b7b7b7; height: 42px; padding: 2px 10px;width: 100%;}
.btn-popup { background: #000; color: #fff; text-transform: uppercase; width: 192px; border:none; height:45px; display:inline-block;  font-size: 30px; margin-bottom: 20px; cursor: pointer;}    
.popupWindow .shoppingText.ClosePopUP {color: #000; font-size: 18px; letter-spacing: 1px; position: relative; right: inherit;  top: inherit;  font-weight: 700; width: 100%;
    margin-bottom: 10px; float: left; text-transform: uppercase; text-align: center;  margin-top: -10px;   text-decoration: underline;}
  .popupWindow .closeMe img  {filter: invert(1); width: 16px;height: 16px;}
.popupWindow .closeMe { position: absolute;   z-index:99999; cursor:pointer;} 
.submitBtn {font-size: 17px; text-transform: uppercase; background: #000; color: #fff; padding: 13px 60px; margin-top:20px;}
.submitBtn:hover { background:#595757; }
a.submitBtn:hover { color: #fff;}
.popupOverlay label{color: #000; display: block; text-align: left;}
.feats{font-size:15px}
.checkboardSlides .owl-nav{position:absolute;top:-40px;right:0;display:flex;gap:7px}






@media (max-width:990px) {
#bgvid {
  height: 560px;
  object-fit: cover;
}

}



@media (max-width:766px) {
    .popupWindow h2{margin-top: 0;}
    .popupWindow {max-width: 400px; width: 100%;}
    .toggleMenu{width: 25px;}
    .popupTextBox .popupTitle{font-size: 14px;}
    .popupWindow .freeText, .popupWindow .giftCard{font-size: 30px;}
    .popupWindow .dollerText{font-size: 40px; line-height: 45px;}
    .btn-popup{font-size: 20px; height: 32px; line-height: 32px;}
    .popupWindow .shoppingText.ClosePopUP{font-size: 15px;}
    .popupTextBox .popupTitle br{display: none;}
    .imageBoxes img{width: 100%;}
    .popupOverlay{overflow-y: auto;}
    .popupWindow{top:50%;}
/*   .popImg {height: 200px; object-fit: cover;}*/

.formBoxes { width: 100%;}
.popupWindow input[type="text"] { height: 40px;}
.popupBox{padding: 20px 0;}
 .mt-25 {margin-top: 25px;}
 
}

@media only screen and (min-height:400px) and (max-height: 600px){

    .popupWindow{height: 85%; overflow: auto;} 
    .popupWindow .row{height: 100%;} 
    .popupWindow input[type="text"]{height: 40px;}
    .formBoxes .btn{padding: 10px 0 11px;}
    .formrap.mt-4{margin-top: 0 !important;}
    .popupWindow h2{margin-top: 0; font-size:20px; line-height: 26px; margin-bottom: 4px;}
    .popupWindow .mb-3.formBoxes{margin-bottom: 10px !important;}
     .popupWindow .mb-3.meassageError{margin-bottom: 6px !important; font-size: 10px;}
    .popupWindow p{margin-bottom: 10px; margin-top:  0 !important;}

    
}
@media only screen and (min-height:300px) and (max-height: 400px){
  .popupWindow {max-height: 335px; overflow-y: auto;   }
} 

@media only screen and (max-width:767px)
{

.aboutBoxesContent h1 {
  font-size: 20px;
}
 .aboutBoxesContent p {
  font-size: 14px;
  margin: 0 0 5px;
}



}

@media only screen and (max-width:767px)
{
.bannerContent{position:static;bottom:60px;left:0;width:100%;text-align:center;padding:30px 10px 20px}
.bannerContent h1{font-size:23px;margin: 0 0 16px;}
/* #bgvid{width:94%;height:360px;object-fit:cover;margin:auto;display:table} */
#bgvid{width:94%;height:auto;margin:auto;display:table}
.mt-80{margin-top:40px}
.pageTitle{font-size:24px}
body {font-size:var(--fs-2) ;}
#ArrivalsVd{height:370px;margin:20px 0 0}
.studioBox{padding:20px 0 20px}
.btnBox a{width:100%}
.crossfade-gallery{position:relative;width:100%;height:350px;overflow:hidden;margin:30px 0 0}
.aboutBoxesContent{padding:20px 0 0}


}

@media only screen and (max-width:500px)
{
.aboutBoxesContent h1 {
  font-size: 20px;
}

 .abboutWrapper  h2{
  font-size:20px !important;
}

  .abboutWrapper h2 {
    margin: 10px 0 7px;
  }

}


@media only screen and (max-width: 767px) {
  .aboutBoxesContent {
    text-align: center;
  }
}

@media only screen and (max-width: 500px) {
  .abboutWrapper h2 {
    font-size: 18px !important;
  }

.aboutCollections .owl-nav {
  margin-top: 10px;
  position: absolute;
  top: -59px;
  right: 0;
  display: flex;
  gap: 10px;
}

}

.aboutCollections .CollectionImg { aspect-ratio: 1/1;}
.aboutCollections .CollectionImg img{ height: 100%; object-fit: cover;}



 .categoriesVdBox .owl-stage {padding-left:0!important;}