@charset "utf-8";
/*..............custom fonts..............*/
@font-face {
    font-family: 'NexaRegular';
    src: url('../fonts/NexaRegular.eot');
    src: url('../fonts/NexaRegular.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NexaRegular.woff2') format('woff2'),
        url('../fonts/NexaRegular.woff') format('woff'),
        url('../fonts/NexaRegular.ttf') format('truetype'),
        url('../fonts/NexaRegular.svg#NexaRegular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Nexa';
    src: url('../fonts/Nexa-Bold.eot');
    src: url('../fonts/Nexa-Bold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Nexa-Bold.woff2') format('woff2'),
        url('../fonts/Nexa-Bold.woff') format('woff'),
        url('../fonts/Nexa-Bold.ttf') format('truetype'),
        url('../fonts/Nexa-Bold.svg#Nexa-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'NexaW01';
    src: url('../fonts/NexaW01-Heavy.eot');
    src: url('../fonts/NexaW01-Heavy.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NexaW01-Heavy.woff2') format('woff2'),
        url('../fonts/NexaW01-Heavy.woff') format('woff'),
        url('../fonts/NexaW01-Heavy.ttf') format('truetype'),
        url('../fonts/NexaW01-Heavy.svg#NexaW01-Heavy') format('svg');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

/*..............custom fonts..............*/

/*..............common styles..............*/
html,body{overflow-x: hidden;}
body { margin: 0; padding: 0; font-family: 'Nexa', sans-serif; font-size:14px; font-weight: 300; color:#000;}
h1, h2, h3, h4, h5, h6 { font-weight: 500;padding:0;margin: 0;}
h1{ font-size:60px;font-weight: bold;margin-bottom: 26px;}
h2{ font-size:48px;}
h3{ font-size:25px;font-weight: bold;}
h4{ font-size:16px;}
h5{ font-size:13px;text-transform: uppercase;text-decoration: underline;letter-spacing: 5.2px;font-weight: bold;}
h6{ font-size:12px;}
p{ font-size:18px; color: rgb(255 255 255 / 50%);margin:0 0 56px; padding:0;font-weight: normal;line-height: 30px;}
img{ max-width: 100%;}
a, img{ border:0; text-decoration: none; outline: none;}
a, a:link, a:visited, a:focus, a:hover { color: #fff; outline: none; text-decoration: none; transition:all 0.3s ease 0s;}
a:hover{ text-decoration:none;}

input, textarea, select{ font-family: 'Nexa', sans-serif; font-weight: 300; font-size: 16px; outline: none;}
input[type="submit"]{ font-family: 'Nexa', sans-serif; font-weight: 400; font-size: 16px; transition:all 0.3s ease 0s; outline: none;}
li{list-style: none;}
/* --- for placeholder color --- */
/*
.form-control::-moz-placeholder{color:#505873;opacity:1;}
.form-control:-ms-input-placeholder{color:#505873;}
.form-control::-webkit-input-placeholder{color:#505873;}
*/
/* --- for placeholder color --- */

/* --- only use for wordpress (Image alignment) --- */
.alignleft , .alignnone{float:left; margin:0 15px 10px 0;}
.alignright{float:right; margin:0 0 10px 15px;}
.aligncenter{margin:10px auto; display:block;}
/* --- only use for wordpress (Image alignment) --- */

/* --- Button Styles --- */
.btn {border-radius: 0; border: 0; display: inline-block; vertical-align: top; background: #35CCEF; color: #fff; padding: 17px 32px; font-size: 18px;font-weight: bold; text-transform: capitalize; letter-spacing: 1px;}
.btn.solid-color { background: #f00; color: #fff; }
.btn.border { background:none; color: #769fcd; border: 2px solid #769fcd; }
.btn.rounded { border-radius: 5px;}
/* .btn.medium-size { Your custom Styles } */
/* .btn.large-size { Your custom Styles} */
/* --- Button Styles --- */


/* --- checkbox and radio button Styles --- */

.builder_radiobox ul li label{ font-weight: normal;}
.builder_radiobox ul li input[type="radio"]{ opacity: 0;}
.builder_radiobox ul li input[type="radio"]:empty ~ label{ position:relative; float:left; cursor:pointer; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; padding: 0 0 0 22px;}
.builder_radiobox ul li input[type="radio"]:empty ~ label:before{ position:absolute; display:block; top:2px; bottom:0; left:0; content:""; width:16px; height:16px; background:url(../images/radiobutton.png) left top no-repeat;}
.builder_radiobox ul li input[type="radio"]:checked ~ label:before{ background:url(../images/radiobutton.png) left bottom no-repeat;}

/* --- checkbox and radio button Styles --- */

.common-padd { padding-top: 80px; padding-bottom: 80px; }
.common-padd-small { padding-top: 30px; padding-bottom: 30px; }
.common-padd-lt-rt { padding-left: 50px; padding-right: 50px; } 

/*..............common styles..............*/

.click { display:none;}


/*for header css*/
.main-header { position: fixed; padding-top: 59px; z-index: 999; left: 0; right: 0; top: 0; background: transparent; }
.main-header .logo{position: relative;left: 50%;top: 0;transform: translate(-50%,-0%);}
.header-row { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; }

.hdr-rt { display: flex; align-items: center; margin-right: 18px;}
.hdr-rt-srch-cart ul { margin: 0; padding: 0; list-style: none; display: flex; align-items: center; }
.hdr-rt-srch-cart ul li { padding: 0 15px; }

.hdr-rt-log-reg{display: none;}
.hdr-rt-log-reg ul {  margin: 0; padding: 0; list-style: none; display: flex; align-items: center; }
.hdr-rt-log-reg ul li { list-style: none; font-size: 18px; line-height: 1; font-weight: 400; text-transform: capitalize; border-right: 1px solid #fff; padding: 0 15px; }
.hdr-rt-log-reg ul li:last-child { padding-right: 0; border-right: 0; }
.hdr-rt-log-reg ul li a { color: #fff; }


/* .main-menu {  } */
.main-menu { position: fixed; transform:translateX(320px); right: 0; top: 0; bottom: 0; z-index: 999; max-width: 320px; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: #202020; padding-top: 28px; margin:0; display:block; width: 100%; padding-left: 10px; transition: 250ms ease-in;}
.main-menu ul { margin: 0; padding: 0; list-style: none; display: flex; flex-wrap: wrap; align-items: center;}
.main-menu ul li { list-style: none; font-size: 18px; font-weight: 400; text-transform: capitalize; margin-right: 30px;}
/*.main-menu ul li:not(:last-child) { margin-right: 40px; }*/
.main-menu ul li a { display: block; color: #fff; padding: 8px 0; position: relative;}
/* .main-menu ul li:hover a, .main-menu ul li.current-menu-item a { color: #fed114;} */

.nav_btn { display: flex; cursor: pointer; line-height: 1; margin-left: 10px;color: #fff; font-size: 22px; text-align: right;}
.nav_btn h3{margin-right: 17px;text-transform: uppercase;letter-spacing: 5.2px;font-size: 14px;}
.nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;color: #fff;}
.main-menu { position: fixed; transform:translateX(320px); right: 0; top: 0; bottom: 0; z-index: 999; max-width: 320px; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: #202020; padding-top: 28px; margin:0; display:block; width: 100%; padding-left: 10px; transition: 250ms ease-in;}
.main-menu ul li { width: 100%; }
.main-menu ul li:not(:last-child) { margin-right: 0; }
.main-menu ul li a { display: block; padding: 10px; }
/* .nav_btn { color: #fff; font-size: 22px; text-align: right; display: block; }
.nav_close { display: block; color: #fff; }
.main-menu .hdr-rt-log-reg.mobile { display: none; } */


.main-header.fixed {padding: 30px 0; left: 0; position: fixed; top: 0; width:100%; transition: all 0.5s; -ms-transition: all 0.5s; -webkit-transition: all 0.5s; animation: slide-down 0.7s; -ms-animation: slide-down 0.7s; -webkit-animation: slide-down 0.7s;background: #000;}

@keyframes slide-down { 

0% {transform: translateY(-100%); 
-moz-transform: translateY(-100%); 
-webkit-transform: translateY(-100%); 
-o-transform: translateY(-100%);
-ms-transform: translateY(-100%); } 
100% { 
transform: translateY(0); 
-moz-transform: translateY(0); 
-webkit-transform: translateY(0); 
-o-transform: translateY(0); 
-ms-transform: translateY(0); } 
}

/*for header css*/

.slider-wrap { position: relative;}
.slider-wrap .slider-banner-image img {width: 100%;height: 100%;object-fit: cover;}
.slider-wrap::after{position: absolute;content: "";top: 0;bottom: 0;left: 0;right: 0;background: transparent linear-gradient(180deg, #000000 0%, #67686D00 100%) 0% 0% no-repeat padding-box;}
.slider-wrap .container{display: flex;justify-content: center;align-items: center;}
.slider-wrap .inner-content-wrapper{margin: 0;position: absolute;z-index: 3;top: 59px;left: 0;right: 0; height: 100%;justify-content: center;align-items: center;display: flex;}
#countdown{margin-top: 40px;}
#countdown li{display: inline-block;font-size: 13px;list-style-type: none;/* padding: 1em; */margin-right: 84px;text-transform: uppercase;letter-spacing: 5.2px;font-weight: bold;}
#countdown li:last-child{margin-right: 0;}
#countdown li span {display: block;font-size: 48px;}
.email-subscription {background: #FFFFFF65;display: flex;justify-content: space-between;width: 650px;margin: 60px auto; position: relative;}
.email-subscription input[type=email]{background: none;border: none;color: rgb(255, 255, 255, 80%); padding-left: 30px;width: 100%; height: 60px;}
.email-subscription input::placeholder{color: rgb(255, 255, 255, 80%);}

.email-subscription .wpcf7 { width: 100%; }
.email-subscription p { display: flex; margin: 0; align-items: center; justify-content: space-between; }
.email-subscription p br { display: none; }
.email-subscription p span.wpcf7-spinner { position: absolute; right: 0; top: 16px; z-index: 3; margin-right: 5px; }
.email-subscription p span.wpcf7-form-control-wrap { width: calc(100% - 150px); }

.wpcf7-not-valid-tip { display: none !important; }
.wpcf7-not-valid { border: 1px solid #f00 !important; }

.email-subscription .wpcf7-response-output { position: absolute; bottom: -35px; margin: 0 !important; right: 0; left: 0; }



.social-links ul{display: flex;justify-content: center;align-items: center;}
.social-links ul li{margin-right: 20px;}
.social-links ul li:last-child{margin-right: 0;}
.social-links ul li .svg-inline--fa{font-size: 16px;}
/*for main sections css*/

/* main.main-section { padding: 80px 0;} */
.about-us{background: #116CAF;}
.common-content{margin: 90px 0;}
.common-content h2{margin-bottom: 55px;}
.common-content p{margin-bottom: 30px;}
.common-content p:last-child{margin-bottom: 0;}
/*for main sections css*/


/*for footer sections css*/
footer{background: #15171C;}
.ftr-top{padding: 95px 0;}
footer ul{padding: 0;margin: 0;}
footer p{margin: 0;}
footer .ftr-btm{padding-bottom: 95px;text-align: center;}
.ftr-col{text-transform: uppercase;font-weight: bold;font-size: 18px;}
.ftr-menu-aadrs li a{font-weight: normal;font-size: 18px;opacity: 0.7;}
.ftr-menu{display: flex;justify-content: center;}
.ftr-col h4{font-weight: normal;font-size: 18px;opacity: 0.7;color: #fff;text-transform: none;line-height: 30px;}
.adrs a{text-transform: none;font-size: 36px;}
.ftr-btm a{color: #35CCEF;opacity: 0.6;}
/*for footer sections css*/


/*Media Query css*/

/*@media only screen and ( min-width:1601px ) {
    .container { width: 1200px;}
}*/
@media only screen and (min-width:2560px){
    /* .nav_btn { display: flex; cursor: pointer; line-height: 1; margin-left: 10px;}
    .nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;}
    .main-menu { position: fixed; transform:translateX(320px); right: 0; top: 0; bottom: 0; z-index: 999; max-width: 320px; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: #202020; padding-top: 28px; margin:0; display:block; width: 100%; padding-left: 10px; transition: 250ms ease-in;}
    .main-menu ul li { width: 100%; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu ul li a { display: block; padding: 10px; } */
}
@media only screen and (max-width:1600px){
    .main-header{padding-top: 40px;}
    .slider-wrap .inner-content-wrapper{top: 40px;}
}
@media only screen and (max-width:1440px){
    .slider-wrap .inner-content-wrapper{top: 40px;}
}
@media only screen and (max-width:1400px){
    .slider-wrap .inner-content-wrapper{top: 55px;}
}
@media only screen and (max-width:1366px){
    h1{font-size: 50px;}
    p{margin: 0 0 40px;}
    #countdown {margin-top: 25px;}
    .email-subscription{margin: 40px auto;}
    .ftr-top{padding: 70px 0;}
    footer .ftr-btm{padding-bottom: 70px;}
}
@media only screen and (max-width:1280px){}
@media only screen and (max-width:1200px){
    h1{font-size: 45px;}
    p{margin: 0 0 20px;}
    #countdown {margin-top: 20px;}
    .email-subscription{margin: 30px auto;}
    .common-content h2{margin-bottom: 30px;}
    footer .ftr-btm{padding-bottom: 70px;}
    .ftr-top{padding: 70px 0;}
    .common-content{margin: 70px 0;}
}
@media only screen and ( max-width:1199px ) {

    /* .nav_btn { display: block; cursor: pointer; line-height: 1; margin-left: 10px;}
    .nav_close { display: block; position: absolute; top: 20px; right: 30px; z-index: 999; font-size: 30px;}
    .main-menu { position: fixed; transform:translateX(320px); right: 0; top: 0; bottom: 0; z-index: 999; max-width: 320px; box-shadow: 4px 0 27px rgba(0, 0, 0, 0.11); background-color: #202020; padding-top: 28px; margin:0; display:block; width: 100%; padding-left: 10px; transition: 250ms ease-in;}
    .main-menu ul li { width: 100%; }
    .main-menu ul li:not(:last-child) { margin-right: 0; }
    .main-menu ul li a { display: block; padding: 10px; } */

    .email-subscription{ margin-bottom: 75px;}

}
@media only screen and (max-width:1024px){
    .slider-wrap .slider-banner-image img{height: 900px;}
}
@media only screen and ( max-width: 991px ) {
    .ftr-menu{justify-content: end;}
    footer .ftr-btm{padding-bottom: 40px;}
    .ftr-top{padding: 40px 0;}
    .common-content{margin: 40px 0;}


}
@media only screen and ( max-width: 767px ) {
    footer li{margin-bottom: 10px;}
    footer li:last-child{margin-bottom: 0;}
    #countdown li{margin-right: 40px; letter-spacing: 2px;}
    .email-subscription{width: auto; margin-bottom: 75px;}
    .nav_btn h3{display: none;}

    .email-subscription input[type=email] { height: 44px; }
    .email-subscription p span.wpcf7-form-control-wrap { width: calc(100% - 125px); }

    .email-subscription .wpcf7-response-output { bottom: -55px; }

}
@media only screen and ( max-width: 575px ) {
    .main-header .logo{width: 200px;}
    h1{font-size: 30px;}
    p{font-size: 16px;}
    .slider-wrap .inner-content-wrapper{top: 0;}
    #countdown li{font-size: 10px;}
    #countdown li span{font-size: 30px;}
    .btn{padding: 10px 20px;font-size: 15px;}
    h2{font-size: 28px;}
    .common-content h2{margin-bottom: 10px;}
    .common-content p{margin-bottom: 10px;}
    .ftr-col{text-align: center;margin-bottom: 10px;}
    .ftr-menu{justify-content: center;margin-bottom: 10px;}
    .ftr-col:first-child li{margin-bottom: 0;}
    .ftr-top{padding: 20px 0 10px 0;}
    .adrs a{font-size: 20px;}
    .ftr-menu-aadrs li{text-align: center;}
    footer .ftr-btm{padding-bottom: 20px;}
    .main-header.fixed{padding: 20px 0;}
    .email-subscription input{padding-left: 20px;}
    .ftr-menu-aadrs li a{font-size: 16px;}
    .ftr-col{font-size: 16px;}
    /* .ftr-col:last-child{margin-bottom: 0;} */
}
@media only screen and ( max-width: 528px ) {
    #countdown li{margin-right: 0;}
}
@media only screen and ( max-width: 380px ) {
    .main-header .logo{width: 150px;}
    h1{font-size: 28px;margin-bottom: 10px;}
    .slider-wrap .slider-banner-image img{height: 950px;}
    h2{font-size: 26px;}
}

/*Media Query css*/