@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800;900&display=swap');

:root {
    --balck: #000;
    --white: #fff;
    --garys: #bababa;
}

*{padding:0; margin:0; border:none; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, 
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
strong, b{font-weight:bold}
em, i{font-style:italic;}
u{text-decoration:underline}
a{text-decoration: none;}
*:focus{outline: none;}
a:hover, a:focus {text-decoration: none; outline: none !important;}
button[type="button"]:focus{outline: none;}


/* 1.1 SVG default css*/
svg:not(:root).svgImg { overflow: visible }
.svgImg { display: inline-block; font-size: inherit; width:1em; height: 1em; overflow: visible; vertical-align: -.125em; }
.svg-icons { display: inline-block; font-size: inherit; height: 1em; overflow: visible; vertical-align: -.125em }
/*SVG default css*/

img{display: block; max-width:100%; max-height:100%; width:auto; height:auto}
p{line-height:1.4;font-size: 16px; color:#1d1d1d;font-weight:500;margin-bottom:14px;}
p:last-child{margin-bottom:0;}
a{color: #2d2d2d;transition: all 0.4s ease-in-out;}
a:hover{color: #1ba8f1;}


.c-scrollbar{
    height: 100vh !important
}

.bg-primary{background: #96b885}
.bg-dark{background: #000;}

html{font-size: 10px;}
body{display:block; width:100%; padding:0; margin:0; font-family: 'Poppins', sans-serif; font-size: 16px; font-weight:400; line-height:1.4; color: #1d1d1d; background-color:#fff; position: relative;}
.trans{-moz-transition:all 0.4s ease-in-out; -ms-transition:all 0.4s ease-in-out; -webkit-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;}
.wrapper{display:block; width:100%; overflow:hidden; min-height: 100vh; position: relative;}

.container{max-width: 1300px;padding: 0 15px;}    

/* Buttons */
.btn{display: inline-block; vertical-align: middle; font-size: 16px; font-weight: 500; color: #fff; background:#000000; border-radius: 0; padding: 30px 20px; position: relative; overflow: hidden;
letter-spacing: 0; min-width: 175px;line-height: 1.4;border:0;z-index: 2; text-transform: uppercase; transition: all 0.4s ease-in-out !important;}

.btn:hover{color: #fff; background: #fe2802;}

.btn .icon{display: inline-block;vertical-align: middle;margin-left: 5px;}

.btn.btn-sm{padding: 26px 50px}
.btn ~ .btn{margin-left: 25px;}
.btn-check:focus+.btn, .btn:focus{box-shadow: none;}

.btn-red{background:#fe2802;}
.btn-red:hover,.btn-red:focus{background:#333333;color: #fff;}

/* header */
.headerMain {padding: 64px 144px; position: absolute; left: 0; top: 0; right: 0; width: 100%; z-index: 2; max-width: 1920px; margin: 0 auto;}
.site_logo {display: inline-block; width: 245px; margin-right: 58px;}
.site_logo img {filter: invert(1);}
.gt_logo {display: inline-block;}
/* header */


.bannerSec {position: relative; max-width: 1920px; margin: 0 auto;}
.banner_inner{background:#000000 url(../img/banner-img.jpg); background-repeat: no-repeat; background-size: cover; height: 998px; width: 100%; padding-top: 222px; padding-left: 144px;}
.banner_caption {width: 100%; max-width: 925px;}
.collab_text{font-size: 13px; font-weight: 600; color: #ffffff; letter-spacing: 10px;}
.bannerTitle {font-size: 56px; font-weight: 800; color: #ffffff; line-height: 1.2; margin-top: 100px;}
.bannerTitle span {font-weight: 600;}
.bannerSubTitle {font-size: 28px; font-weight: 800; color: #ffffff; line-height: 1.2; margin:28px 0 40px;}
.bannerSubTitle span {font-weight: 600;}

.product_sec {max-width: 1920px; padding: 34px; margin: 0 auto;}

.product_left {width: 70%;}
.product_list{margin-left: -13px; margin-right: -13px; font-size: 0; height: 100%;}
.product_col {padding: 0 13px; display: inline-block; width: 33.3%;  height: 100%;}
.product_box {background: #f7f7f7; text-align: center; padding: 86px 20px;  height: 100%;}
.productImg {display: inline-block; vertical-align: top;}
.prouctTitle {font-size: 20px; font-weight: 900; color: #0c0c0c; padding-top: 30px;text-transform: uppercase; display: inline-block; vertical-align: top;}
.prouctTitle span {font-weight: 600; display: block;}

.product_right {width: 30%; padding-left:26px;}
.inquiry_form_box{background: #f7f7f7; height: 100%; padding: 60px 68px;}
.formTitle {font-size: 28px; font-weight: 600; color: #0c0c0c; margin-bottom:18px;}
.formDesc {font-size: 15px; font-weight: 500; color: #000000;}

.form_group {display: flex; background: #ffffff; padding: 16px 20px 16px 35px; margin-bottom: 22px;border: 2px solid transparent;transition: .4s all ease-in-out;}

.form_group.comment{display: block !important;} 
.form_label {font-size: 15px; font-weight: 600; color: #000000; padding:4px 24px 4px 0px; border-right: 2px solid #d7d7d7;}
.wpcf7-not-valid-tip{display: block; position: absolute; top: -37px; right: 0; background: red; font-size: 11px; color: #fff; padding: 5px; line-height: 1;}
.wpcf7-not-valid-tip:after {
    border-color: #fb0101 transparent transparent;
    -o-border-image: none;
    border-image: none;
    border-right: 0.6rem solid transparent;
    border-style: solid;
    border-width: 0.6rem;
    content: "";
    height: 0;
    left: 0.5rem;
    position: absolute;
    top: 100%;
    width: 0;
}

.inquiry_form .input_filed {border: 0; font-size: 15px; font-weight: 500; color: #000000; padding: 0 0px 0 16px; max-width: 250px; width: 100%;}
.inquiry_form .input_filed::placeholder {color: #000000;}

.inquiry_form .form_group.comment .form_label {border-right: 0;}
.inquiry_form .form_group.comment .input_filed {max-width: 100%; resize: none; padding: 0; height:84px;}

.videoSec {text-align: center; max-width: 1920px; margin: 0 auto;}
.video_inner {display: block; position: relative;}

.videoclick {position: absolute; top: 50%; transform: translateY(-50%); left: 144px;}
.video_icon {width: 102px; height: 102px; display: block; background: url(../img/video-icon.svg) no-repeat; position: relative;}
.video_icon:before {content: ""; position: absolute; left: -5px; top: -5px; right: -5px; bottom: -5px; background-color: rgba(255, 255, 255, 0.3);
    opacity: 0.1; border-radius: 50%; z-index: -1; animation: callBlink 3s infinite ease-in-out;}
.video_text {font-size: 56px; font-weight: 600; color: #ffffff; text-align: left; display: block; margin-top: 15px;}


@keyframes callBlink {
    from {
        transform: scale(0.5);
        opacity: 0.9
    }
    to {
        transform: scale(1.6);
        opacity: 0
    }
}

.hublotSec {padding: 42px 42px 0 0;}
.hublot_detail {padding-left: 180px;}
.hublotTitle {font-size: 78px; font-weight: 800; color: #000000; line-height: 1.1; margin-bottom:30px;}
.hublotTitle span {font-weight: 600;}
.hublot_detail p {color: #2e2e30;}

.inquirMain {background: #f7f7f7; height: 100%; padding: 0 92px;}

.footer_main {text-align: center; margin-top: 100px;}
.footer_logo {display: inline-block; width: 245px; margin-right: 58px;}
.footer_main .collab_text {color: #000000; padding-top:36px; letter-spacing: 10px;}
.copyright {padding: 70px 0 40px;}
.copyright p{color: #000000;}
.copyright p a{color: #000000;}
.copyright p a:hover{color: #000000; text-decoration: underline;}



/*----------  My Css  ----------*/
.left-line{position:fixed;left:68px;top:0;width:2px;height:100%;background-color:rgba(194,194,194,0.1);z-index:1}
.bg-black{background-color:var(--balck);color:var(--garys)!important}
.bg-black h2{color:var(--white);font-weight:700}
.bg-black p{color:var(--garys)!important;font-weight:500}
.sec-haed{margin-bottom:45px}
.sec-haed .sec-title{font-size:56px;line-height:1}
.description-innaer-sec{max-width:1920px;max-width:97%;margin-left:auto}
.innaer-sec{max-width:1920px;width:94%;padding:0 4px;margin:auto}
.sub-title{font-size:20px;font-weight:700;color:#000;text-transform:uppercase;line-height:1;margin-bottom:15px}
.scrollTopBtn{position:fixed;top:58%;left:15px;background-color:transparent;color:#fff;border:none;outline:none;font-weight:600;font-size:18px;display:inline-flex;align-items:center;transform:rotate(270deg);transform-origin:0 0;transition:none;display:none}
.scrollTopBtn i{line-height:0;margin-right:20px;font-size:40px}
.ScrollstickyWrapp{position:fixed;z-index:3;width:auto;max-width:auto;top:50%;transform:translateY(-30%);left:25px}
.ScrollstickyWrapp img{width:17px}
.scroll-sticky-blue{margin-top:-199.5px}
.slick-slide{outline:none}
.slick-prev,.slick-next{background:transparent;width:19px;height:32px;border-radius:0;position:absolute;left:auto;right:135px;top:inherit;bottom:60px;z-index:999;font-size:0;border:none;outline-color:transparent;transition:color .4s ease-in-out,background-color .4s ease-in-out,border-color .4s ease-in-out,transform .4s ease-in-out,box-shadow .4s ease-in-out}
.slick-next{left:inherit;right:70px}
.slick-prev:before,.slick-next:before{content:"";background-image:url(../img/svg/right-arrow.svg);width:auto;height:auto;position:absolute;left:0;right:0;top:0;bottom:0;margin:auto;filter:invert(1);background-repeat:no-repeat}
.slick-next:before{transform:rotate(180deg)}
.slick-prev:arrow .slick-next:arrow{color:#000}
.slick-prev:hover,.slick-next:hover{color:#bcbcbc}
.des-content{flex:0 0 57%;max-width:46%;margin:auto}
.des-slider{flex:0 0 43%;max-width:43%}
.watch-deatils{padding:75px 0 25px}
.watch-inner{max-width:79%;margin:auto}
.watch-detail{padding-right:8px;flex:0 0 12.5%;padding-bottom:50px}
.watch-detail p{color:#676767;font-weight:500}
.history-slider{flex:0 0 59%;max-width:59%}
.history-content{flex:0 0 41%;max-width:37%;margin-left:auto;padding-right:20px}

.thank-you{
    height: 100vh;
}
.copy-right p{
    color: #fff;
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 65px;
width: 100%;
padding:  0 15px;}
.page-template-tpl-thankyou .footer_main 
{display: none;
}
.form_group.focus {
    border-color: #000;
}
/*---thank-you---*/
.thank-you-content
{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}
.thank-you .banner_inner{background:#000000 url(../img/thank-you-img.jpg);position: relative;background-size: cover;background-position: right;height: 100vh;}

.thnkereSec{border-top: 1px solid #ADADAD; height: calc(100vh - 186px);   
     display: flex;
    align-items: center;}

.thankyou{text-align: center;}

.thankyou img{margin: auto;}

.thankyou .thanktitle{font-size: 100px;color: #000;line-height: 1.4;font-weight: 700;}

.thankyou p{font-size: 21px;line-height: 1.4;font-weight: 400;color: #666;text-align: center;

max-width: 45%;margin: auto;margin-bottom: 40px;}

/*---thank-you---*/

.wpcf7-response-output
{
    display: none !important;
}