/*!
Theme Name: Keslow Live
*/
*{margin:0px; padding:0px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
html{ width:100%; height:100%; margin:0px; padding:0px;scroll-behavior: smooth;}
body{ margin:0px; padding:0px;background:#fff; overflow-x:hidden; }
p{ margin:0px; padding:0px; }
h1{ margin: 0px; padding: 0px;  }
h2{ margin: 0px; padding: 0px;  }
h3{ margin: 0px; padding: 0px;  }
h4{ margin: 0px; padding: 0px;  }
h5{ margin: 0px; padding: 0px;  }
h6{ margin: 0px; padding: 0px; }
address, blockquote, dd, div, dl, dt, fieldset, form, frame, frameset{ margin:0; padding:0; border: 0px; outline: none; }
label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin:0px; padding:0; outline:none; border:0;}
a{ text-decoration:none; border: 0px; outline: none; transition: all .5s;}
a:hover, a:focus, a:active{ text-decoration:none;transition: all .5s;}
a img{ border:none; outline: none;}
a:focus {outline:none; } 
border{ border-collapse:collapse;}
hr{ height:1px; background:#333333; border:none;}
img { max-width: 100%; height: auto;}
strong{font-weight:bold;}
button,input,select,option,textarea {outline: 0 !important;pointer-events:all;font-family:inherit;font-size:100%;}
::-moz-selection { color: #000; background:var(--main-clr);}
::selection { color: #000; background: var(--main-clr);}


/*variables--*/

:root{
  --body-font:"Basic", sans-serif;
  --head-font:"Bebas Neue", sans-serif;
  --btn-font: var(--body-font);
  --body-font-size:var(--fs-28);
  --btn-font-size:var(--fs-22);

  --fs-64:64px;
  --fs-28:28px;
  --fs-22:22px;
  --fs-18:18px;

  --main-clr:#E60000;
  --heading-text-color:#ffffff;
  --text-color:#ffffff;
}
body{font-family:var(--body-font);font-size:var(--body-font-size);color:var(--text-color);line-height:1.6;font-weight:400;background:#000000}
a{color:var(--main-clr);transition:0.2s;cursor: pointer;}
a:hover{text-decoration:none;color:var(--main-clr);}
p + p{margin-top:15px;}
[id]{scroll-margin-top:100px}



/*headings*/
h1,h2,h3,h4,h5,h6{line-height:1.16;font-family:var(--head-font);font-weight:400;color: var(--heading-text-color);}
h1{font-size:var(--fs-64)}
h2{font-size:var(--fs-64)}




.text-white,.text-white h1,.text-white h2,.text-white h3,.text-white h4,.text-white h5,.text-white h6,.text-white .first-p-title p:first-child,.text-white .common-hd p:first-child{color: #fff}


/*button */
.btn-main {padding:12px 48px;color:#fff;display:inline-block;align-items:center;gap:10px;z-index:2;position:relative;background: rgba(44, 44, 44, 0.62);border: 1px solid rgba(192, 192, 192, 0.7);line-height:1.5;font-family:var(--btn-font);font-weight:400;text-decoration:none;font-size:var(--btn-font-size);border-radius:0px;transition:0.3s;}
.btn-main::before{left:-5px;transform-origin:left;border-width:2px 0 2px 2px}
.btn-main::after{right:-5px;transform-origin:right;border-width:2px 2px 2px 0}
.btn-main::before,.btn-main::after {content: '';position:absolute;top:-5px;width:19px;height:calc(100% + 10px);border-style:solid;border-color:var(--main-clr);z-index:-1;transition: 0.3s}
.btn-main:hover::before,.btn-main:hover::after{width:calc(50% + 12px);}
.btn-main:hover{color:#fff;box-shadow:inset 0 0 0 100px rgba(192, 192, 192, 0.7);}


/*top button*/
.go-to-top{position:fixed;bottom:20px;right:20px;height:40px;width:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--main-clr);color:#000;border:2px solid #000;z-index:99;opacity:0;transition:0.3s;font-size:16px;}
.go-to-top.show{opacity:1}




/*header-----*/
.site-header {position:sticky;z-index: 999;top: 0px;left: 0;width: 100%;transition:0.3s;background:#000;}


.header-inr{display:flex;gap:55px;align-items:center;}
.nav-wrap{display:flex;align-items:center;position:relative;z-index:2;}
.site-logo{transition:0.3s;width: 414px;display:block;}
.site-logo img{transition:0.3s;width:100%;}

.site-header-main{padding:40px 0;transition:0.3s;}

.site-header-right {margin-left: auto;display: flex;gap: 20px;;align-items: center}

.fixed .site-logo img{width:60%}
.fixed .site-header-main{padding:15px 0;box-shadow:0 1px #fff5;}




/*banner -------*/

.banner {position:relative; }
/* .banner::before {position:absolute;bottom:-28px;left:50%;content:'';background:linear-gradient(0deg, #D9D9D9 50%, #000 50%);height:56px;width:1px } */
.banner-video {overflow:hidden;border-radius:20px; }
.banner-video video,.banner-video iframe{width:100%;display:block;aspect-ratio: 16/9;height:auto;pointer-events: none;}


.img-box-sec {padding: 150px 0 0;background:url(assets/images/bg.png) top center / contain no-repeat;overflow:hidden; }
.img-box-sec-hd {text-align: center; margin: 0 auto 140px; max-width: 680px; }
.img-box-sec-bd{max-width:1360px;margin:0 auto;}
.img-box-item-text {max-width: 590px;letter-spacing: -0.01em;}
.img-box-item-img {max-width: 604px; position: relative; z-index: 2; }
.img-box-item-img::before {z-index: -1; position: absolute; top: -10px; left: -10px; content: ''; background: var(--main-clr); width: 46.5%; aspect-ratio: 1; }
.img-box-item-img-overlay {width: 137%;margin: -33% 0% -20% 42%;max-width: initial;position: relative;}
.img-box-item-img-main {position: relative; }
.img-box-item-img-main::after {content: ''; position: absolute; top: 0; right: 0; height: 120px; width: 2px; background: linear-gradient(0deg, #99999900, #888); }
.img-box-item-img-main::before {content: ''; position: absolute; top: 0; right: 0; width: 186px; height: 2px; background: linear-gradient(90deg, #99999900, #888 60%); }
.img-box-item:not(:last-child) {margin-bottom: 70px;}

.img-box-item:nth-child(odd) .img-box-item-text{margin-left:auto}
.img-box-item:nth-child(even) .img-box-item-img{margin-left:auto}
.img-box-item:nth-child(even) .row{flex-direction: row-reverse;}
.img-box-item:nth-child(even) .img-box-item-img::before{right:-10px;left:initial;}
.img-box-item:nth-child(even) .img-box-item-img-main::after {top: 0; left: 0;right: inherit; }
.img-box-item:nth-child(even) .img-box-item-img-main::before {top: 0;left: 0;right: inherit; background: linear-gradient(270deg,  #99999900, #888 60%); }


.helm-and-slider-sec{background: url(assets/images/img4.png) top center / contain no-repeat;overflow: hidden;padding-top:0px}
.the-helm-container{max-width:1600px;width:100%;margin:0 auto;padding:0 }
.the-helm img{display:block;text-align:center;margin:0 auto}


.img-slider-sec {padding: 70px 0 100px; }
.img-slider-sec-hd {margin: 0 auto 80px; max-width: 700px; text-align: center; }
.img-slider-sec-bd {display: flex; align-items: center; }

.img-slider-wrap-col {width: 69.5%; flex-shrink: 0; }
.img-slider-text-col {flex-grow: 1; margin-left: -19.5%; position: relative; z-index:2 }
.img-slider-text-inr {letter-spacing: -0.01em;padding:130px 75px;background:#1F1F1F;}
.img-slider-text-col::before {z-index: -1;position: absolute;top: -10px;left: -10px;content: '';background: var(--main-clr);width: 46.5%;aspect-ratio: 1;max-height: 80%;}
.img-slider-text-inr::after {content: ''; position: absolute; top: 0; right: 0; height: 120px; width: 2px; background: linear-gradient(0deg, #99999900, #888); }
.img-slider-text-inr::before {content: ''; position: absolute; top: 0; right: 0; width: 186px; height: 2px; background: linear-gradient(90deg, #99999900, #888 60%); }

.img-slider .slick-dots{margin:0;position:absolute;bottom: -60px;display: flex;gap: 10px;list-style: none;padding: 0;font-size: 18px;line-height:1}
.img-slider .slick-dots li{padding:0;display:flex;align-items:center;}
.img-slider .slick-dots button{border:0;background:transparent;color:#fff;display: block;opacity:0.25}
.img-slider .slick-active button{opacity:1}
.img-slider .slick-dots li::after{display:inline-block;content:'';width:0px;height:1px;background:#fff;transition:0.3s;margin-top:2px}
.img-slider .slick-dots li.slick-active::after{width:56px;margin-left:10px}



.site-footer{background:url(assets/images/img5.png) top center / contain no-repeat;overflow:hidden;}
.site-footer{padding-top:170px;}
.contact-info {max-width: 600px; }
.contact-info h2 {margin-bottom: 40px; }
.social ul {margin: 50px 0 0 0; display: flex; list-style: none; padding: 0; font-size: 40px;gap:6px }
.social ul li {display: block;}
.social ul a {display: block; color: #fff;transition:0.3s }
.social ul a:hover{color: var(--main-clr);}


.contact-form-holder h2 {margin-bottom: 31px; }
.contact-form{display:flex;flex-direction: column;gap: 30px;}
.contact-form-item input,.contact-form-item textarea,.contact-form-item select {width: 100%; display: block; background: transparent; font-size: var(--fs-18); padding: 15px 27px; color: #fff;position:relative;z-index:2; border: 1px solid rgb(217 217 217 / 40%);}
.contact-form-item ::placeholder{opacity:1;color:#fff}
.contact-form-item{position:relative;background:url(assets/images/form-line1.png) bottom left / contain no-repeat, url(assets/images/form-line2.png) top right / contain no-repeat;}

.contact-form-submit{position:relative;align-self:center;margin-top:20px}
.contact-form-submit input[type=submit]{position:absolute;top:-5px;left:-5px;width:calc(100% + 10px);height:calc(100% + 10px);opacity:0}
.wpcf7-spinner{ position:absolute; right:-10px }


.site-footer-main{padding:100px 0 80px}
.site-footer-inr{padding-top:50px;border-top: 1px solid rgba(255, 255, 255, 0.49);}
.site-footer-menu a{color:#fff;}
.site-footer-menu a:hover{color: var(--main-clr);}
.site-footer-copyright{text-align: right;font-size:var(--fs-22);}

.wpcf7-not-valid-tip{ position: absolute;  bottom: -24px; font-size: 14px;}
.wpcf7-response-output{ font-size:16px; }
.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{ border-color:#FFD46B !important; margin-left:0 !important }
.wpcf7 form .wpcf7-response-output{ margin-left:0 !important;font-size: 16px }


.contact-form-holderpara p{  padding:0 0 30px 0 }

.midLogo{ padding:100px 0 }
.midLogo img{ filter:blur(20px); }


#timer {
  font-size: 3em;
  font-weight: 100;
  color: white;
  text-shadow: 0 0 20px #48c8ff;
      display: flex;
    justify-content: center;
    gap: 30px;
    text-align: center;     text-transform: capitalize;
}
#timer div {
  display: inline-block;
  min-width: 200px; flex-shrink: 0;
  background: #000; padding: 30px; border-radius: 10px; box-shadow: 0 0 10px 4px  rgba(255,255,255,0.1); 
}
#timer div span {
  color: #b1cdf1;
  display: block;
  font-size: 0.35em;
  font-weight: 400; text-transform: uppercase; font-size: 16px;
}

.site-footer-2{ padding-bottom:45px; }
.post-password-form input[type="submit"]{padding: 12px 48px;
    color: #fff;
    position: relative;
    background: rgba(44, 44, 44, 0.62);
    border: 1px solid rgba(192, 192, 192, 0.7);
    line-height: 1;
    font-family: var(--btn-font);
    font-weight: 400;
    text-decoration: none;
    font-size: var(--btn-font-size);
    border-radius: 0px;
    transition: 0.3s;
	top: 0px;}
.post-password-form input[type="password"]{height:44px;}	

.banner-video-mobile{ display:none}
	.banner-video{ display:block;}

@media only screen and (min-width: 1500px) {
  .container{max-width: 1424px;}
}
@media only screen and (max-width: 1599px) {
  :root{
    --fs-64:60px;
  }
}
@media only screen and (max-width: 1499px) {

}
@media only screen and (max-width: 1399px) {
  .img-box-sec {padding: 100px 0 0; }
  .img-box-sec-hd {margin-bottom: 50px; }
  .img-box-item:nth-child(odd) .img-box-item-text {padding-left: 40px; }
  .img-box-item:nth-child(even) .img-box-item-text {padding-right: 40px; }
  .img-slider-sec {padding: 80px 0 80px; }
  .img-slider-sec-hd {margin-bottom: 50px; }
  .img-slider-text-inr {padding: 40px; }
  .site-footer {padding-top: 80px; }
  .site-footer-main {padding: 60px 0 60px; }
}
@media only screen and (max-width: 1199px) {
  :root{
    --fs-64:50px;
    --fs-28:22px;
    --fs-22:20px;
  }

  .header-inr{gap:40px}

  
}
@media only screen and (max-width: 991px) {
  
  :root{
    --fs-64:35px;
    --fs-28:18px;
    --fs-22:18px;
    --fs-18:16px;
  }

  .site-logo {width: 170px; }
  .site-header-right .btn-main {padding: 6px 10px; }
  .header-inr {gap: 20px; }
  .img-box-sec {padding: 60px 0 0 0; }
  .img-box-sec-hd {margin-bottom: 35px; }
  .img-box-item-img-overlay {margin: -32% 0% -28% 14%;}
  .aos-animate:has(> .img-box-item-text) {z-index: 2;}
  .img-box-item:nth-child(odd) .img-box-item-text ,.img-box-item:nth-child(even) .img-box-item-text {padding: 0;text-align: center;margin: 0 auto;}
  .img-box-item-img{margin:0 auto}
  .img-box-item .row {row-gap: 30px; }
  .img-box-item:not(:last-child) {margin-bottom: 50px; }
  .img-slider-sec {padding: 50px 0 0; }
  .img-slider-sec-bd {flex-direction: column; gap: 80px; }
  .img-slider-wrap-col {width: 100%; }
  .img-slider-text-col {margin: 0; width: 100%; }
  .img-slider .slick-dots {bottom: -40px; width: 100%; justify-content: center; }
  .img-slider-text-inr {padding: 25px; text-align: center; }
  .site-footer {padding-top: 50px; text-align: center; }
  .contact-info h2 {margin-bottom: 15px; }
  .social ul {margin: 20px 0 0 0; }
  .contact-sec-bd .row {row-gap: 46px; }
  .contact-form-holder h2 {margin-bottom: 20px; }
  .contact-form-submit {align-self: center; }
  .contact-info{margin:0 auto;}
  .social ul{width:100%;justify-content:center}
  .site-footer-logo {width: 200px; margin: 0 auto; }
  .site-footer-inr .row {row-gap: 20px; }
  .wpcf7-form-control-wrap{ position:static; }
  .wpcf7-not-valid-tip{ width:100%; text-align:left; }
  .site-footer-copyright{ text-align:center; }

#timer div {
  min-width: 100px; 
  padding: 20px; 
}
}
@media only screen and (max-width: 767px) {
  .container{padding-left:20px;padding-right: 20px}
  .post-password-form input[type="submit"]{padding: 0px 36px; height:44px;}
	.banner-video-mobile{ display:block}
	.banner-video{ display:none;}

}
@media only screen and (max-width: 500px) {
#timer div {
  min-width: 60px; 
  padding: 10px; 
}
#timer{ gap:10px; font-size:24px; }
#timer div span{ font-size:12px; }
.midLogo{ padding:65px 25px }
.landingPageFooter h2{ font-size:28px }
}

@media only screen and (max-width: 439px) {
	  .post-password-form input[type="submit"]{top:5px;}
}
/* Vertical Spacing Fix for The Helm Logo Section */
.the-helm {
    padding: 70px 0;
}
/* Ensure consistent spacing below the image/text blocks */
.img-box-item {
    margin-bottom: 70px; 
}