html{overflow-x:hidden;}
html, body {height: 100%;}

body{font-size: 16px; font-family: 'ArsonProRegular'; color: #242424;}

@font-face {
    font-family: 'ArsonProLight';
    src: url('fonts/ArsonProLight.eot');
    src: url('fonts/ArsonProLight.eot') format('embedded-opentype'),
         url('fonts/ArsonProLight.woff2') format('woff2'),
         url('fonts/ArsonProLight.woff') format('woff'),
         url('fonts/ArsonProLight.ttf') format('truetype'),
         url('fonts/ArsonProLight.svg#ArsonProLight') format('svg');
}

@font-face {
    font-family: 'ArsonProRegular';
    src: url('fonts/ArsonProRegular.eot');
    src: url('fonts/ArsonProRegular.eot') format('embedded-opentype'),
         url('fonts/ArsonProRegular.woff2') format('woff2'),
         url('fonts/ArsonProRegular.woff') format('woff'),
         url('fonts/ArsonProRegular.ttf') format('truetype'),
         url('fonts/ArsonProRegular.svg#ArsonProRegular') format('svg');
}

@font-face {
    font-family: 'ArsonProNarrowMedium';
    src: url('fonts/ArsonProNarrowMedium.eot');
    src: url('fonts/ArsonProNarrowMedium.eot') format('embedded-opentype'),
         url('fonts/ArsonProNarrowMedium.woff2') format('woff2'),
         url('fonts/ArsonProNarrowMedium.woff') format('woff'),
         url('fonts/ArsonProNarrowMedium.ttf') format('truetype'),
         url('fonts/ArsonProNarrowMedium.svg#ArsonProNarrowMedium') format('svg');
}

@font-face {
    font-family: 'ArsonProNarrowBold';
    src: url('fonts/ArsonProNarrowBold.eot');
    src: url('fonts/ArsonProNarrowBold.eot') format('embedded-opentype'),
         url('fonts/ArsonProNarrowBold.woff2') format('woff2'),
         url('fonts/ArsonProNarrowBold.woff') format('woff'),
         url('fonts/ArsonProNarrowBold.ttf') format('truetype'),
         url('fonts/ArsonProNarrowBold.svg#ArsonProNarrowBold') format('svg');
}

@font-face {
    font-family: 'ArsonProBlack';
    src: url('fonts/ArsonProBlack.eot');
    src: url('fonts/ArsonProBlack.eot') format('embedded-opentype'),
         url('fonts/ArsonProBlack.woff2') format('woff2'),
         url('fonts/ArsonProBlack.woff') format('woff'),
         url('fonts/ArsonProBlack.ttf') format('truetype'),
         url('fonts/ArsonProBlack.svg#ArsonProBlack') format('svg');
}

@font-face {
    font-family: 'ArsonProBold';
    src: url('fonts/ArsonProBold.eot');
    src: url('fonts/ArsonProBold.eot') format('embedded-opentype'),
         url('fonts/ArsonProBold.woff2') format('woff2'),
         url('fonts/ArsonProBold.woff') format('woff'),
         url('fonts/ArsonProBold.ttf') format('truetype'),
         url('fonts/ArsonProBold.svg#ArsonProBold') format('svg');
}

@font-face {
    font-family: 'ArsonProMedium';
    src: url('fonts/ArsonProMedium.eot');
    src: url('fonts/ArsonProMedium.eot') format('embedded-opentype'),
         url('fonts/ArsonProMedium.woff2') format('woff2'),
         url('fonts/ArsonProMedium.woff') format('woff'),
         url('fonts/ArsonProMedium.ttf') format('truetype'),
         url('fonts/ArsonProMedium.svg#ArsonProMedium') format('svg');
}

a{color:#c7613c; text-decoration:none;}
a:hover, a:focus{color:#000; text-decoration:none;}
img{max-width:100%; vertical-align:middle;}
p{line-height:26px; margin:0 0 15px;}

h1, h2, h3, h4, h5, h6{font-family: 'ArsonProMedium'; font-weight: normal; margin:0 0 10px;}
h1{color:#c7613c;}
h2{color:#000;}
h3{color:#c7613c;}
h4{color:#000;}

.pad-t0{padding-top:0 !important;}
.pad-t10{padding-top:10px !important;}
.pad-t15{padding-top:15px !important;}
.pad-t20{padding-top:20px !important;}
.pad-t25{padding-top:25px !important;}
.pad-t30{padding-top:30px !important;}
.pad-t35{padding-top:35px !important;}
.pad-t40{padding-top:40px !important;}
.pad-t45{padding-top:45px !important;}
.pad-t50{padding-top:50px !important;}
.pad-0{padding:0 !important;}
.pad-b0{padding-bottom:0 !important;}
.pad-b5{padding-bottom:5px !important;}
.pad-b10{padding-bottom:10px !important;}
.pad-b15{padding-bottom:15px !important;}
.pad-b20{padding-bottom:20px !important;}
.pad-b25{padding-bottom:25px !important;}
.pad-b30{padding-bottom:30px !important;}
.pad-b35{padding-bottom:35px !important;}
.pad-b40{padding-bottom:40px !important;}
.pad-b45{padding-bottom:45px !important;}
.pad-b50{padding-bottom:50px !important;}
.mrg-0{margin:0px !important;}
.mrb-0{margin-bottom:0px !important;}
.mrb-10{margin-bottom:10px !important;}
.mrb-15{margin-bottom:15px !important;}
.mrb-20{margin-bottom:20px !important;}
.mrb-25{margin-bottom:25px !important;}
.mrb-30{margin-bottom:30px !important;}
.mrb-35{margin-bottom:35px !important;}
.mrb-40{margin-bottom:40px !important;}
.mrb-45{margin-bottom:45px !important;}
.mrb-50{margin-bottom:50px !important;}
.mrb-60{margin-bottom:60px !important;}
.mrb-70{margin-bottom:70px !important;}
.mrb-80{margin-bottom:80px !important;}
.mrb-90{margin-bottom:90px !important;}
.mrb-100{margin-bottom:100px !important;}
.mrt-0{margin-top:0px !important;}
.mrt-10{margin-top:10px !important;}
.mrt-15{margin-top:15px !important;}
.mrt-20{margin-top:20px !important;}
.mrt-25{margin-top:25px !important;}
.mrt-30{margin-top:30px !important;}
.mrt-35{margin-top:35px !important;}
.mrt-40{margin-top:40px !important;}
.mrt-45{margin-top:45px !important;}
.mrt-50{margin-top:50px !important;}
.mrt-60{margin-top:60px !important;}
.mrt-70{margin-top:70px !important;}
.mrt-80{margin-top:80px !important;}
.mrt-90{margin-top:90px !important;}
.mrt-100{margin-top:100px !important;}

.container{z-index: 3; position: relative; padding: 0 15px;}
.row{margin-right: -15px; margin-left: -15px;}
.row > *{padding-right: 15px; padding-left: 15px;}
.hidden{display: none;}

@media (min-width: 1200px) { 

  /*.sticky.header{background: #fff; border-bottom: 1px solid #ccc; -webkit-box-shadow: 0 1px 10px 0px #B0B0B0; box-shadow: 0 1px 10px 0px #B0B0B0; position: fixed;}  
  .sticky.header nav{}  
  .sticky.header nav .navbar{margin: 0; box-shadow: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; }
  .sticky.header .navbar .logo img{max-width: 100px;}
  .sticky.header nav .navbar .links li a{color: #000;}
  .sticky.header nav .navbar .links li .arrow{color: #000;}*/
  
}

.header{position: relative; background: #c7613c; backdrop-filter: blur(7px); width: 100%; margin: 0; left: 0; top: 0; z-index: 5;}   
  .header .container-fluid{padding: 0 50px;}
  .header .logo a{display: block; padding: 40px 0;}
  .header .logo img{max-width: 300px;}
  .header .btn:after{background: #a7411c;}
  .header .btn{background: #000;}
  .header .btn:hover{background: #000;}
  
.banner{padding:0; position:relative; z-index:1; background-color: #c7613c; /*background-image: url("images/bg-01.png"); background-position: center center; background-size: auto; background-attachment: scroll;*/ height: 650px;}
  .banner .video{position: absolute; left: 50px; top: 0; bottom: 0; right: 50px;}
  .banner .video::before{content: ""; background: #000); width: 100%; left: 0; top: 0; height: 100%; position: absolute; z-index: 2; opacity: 0.2;}
  /*.banner .video::after{content: ""; background: linear-gradient(to right, rgba(1,37,76,0.85) 0%,rgba(0,0,0,0) 100%); width: 100%; left: 0; top: 0; height: 100%; position: absolute; z-index: 2;}*/
  .banner .video video{width: 100%; height: 100%; object-fit: cover; object-position: center center;}
  
  .banner .title{-webkit-text-stroke: 3px #fff; font-size: 70px; text-shadow: 0 10px 10px #000; font-family: 'ArsonProBlack';}
  .banner .title span{display: block; font-family: 'ArsonProLight'; letter-spacing: 6px;}
  .banner .min-title{-webkit-text-stroke: 1px #000; font-size: 50px; text-shadow: 0px 0 10px #000; font-family: 'ArsonProMedium'; color: #fff; text-transform: capitalize;}
  .banner .min-title span{display: block; font-family: 'ArsonProLight'; letter-spacing: 6px;}
  .banner .banner-form{position: relative; margin: 0; z-index: 3; padding: 25px 30px 10px; background: rgba(0, 0, 0, 0.6); -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #fff;}
  .banner form{text-align: left; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; overflow:hidden; position:relative; z-index:2; margin: 0 -15px;}
  .banner form select{background-image: url(images/arrow-bottom.png) !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: 96% center !important; background-size: 18px !important;}
  .banner form .form-control{background-color: #fff; box-shadow: none; border:0; font-weight:normal; -webkit-border-radius: 30px; -moz-border-radius: 30px; border-radius: 30px; color: #000; height: 44px;}
  .banner form .form-control:focus{border-color:#fff;}
  .banner form .form-control::-webkit-input-placeholder {color: #000;}
  .banner form .form-control::-moz-placeholder {color: #000;}
  .banner form .form-control:-ms-input-placeholder {color: #000;}
  .banner form .form-control:-moz-placeholder {color: #000;}
  .banner form textarea{height:100px !important; padding: 12px !important;}
  .banner form textarea.form-control::-webkit-input-placeholder {color: #969696;}
  .banner form textarea.form-control::-moz-placeholder {color: #969696;}
  .banner form textarea.form-control:-ms-input-placeholder {color: #969696;}
  .banner form textarea.form-control:-moz-placeholder {color: #969696;}
  .banner form label{}
  .banner form .form-group{margin:0 0 20px; padding:0 15px;}
  .banner form .btn{width: 100%;}
  
.btn{background: #c7613c; border: 0; text-decoration: none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; position: relative; z-index: 1; display: inline-block; text-align: center; font-family: 'ArsonProBold'; font-size: 16px; color: #fff; margin: 0; padding: 13px 25px; overflow: hidden; text-shadow: none; text-transform: uppercase; letter-spacing: 1px;}
  .btn i{margin: 0 5px 0 0; display: inline-block; vertical-align: middle; position: relative; top: -1px;}
  .btn:after{content: ''; position: absolute; height: 100%; left: 0; top: 0; width: 0; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s; background: #000; z-index:-1;}
  .btn:hover:after{width:100%;}
  .btn:hover{background: #c7613c; color:#fff; -webkit-transition: all .3s; -moz-transition: all .3s;-o-transition: all .3s; transition: all .3s;}

.content{margin: 0 auto; max-width: 60%;}
  
.about-sec{background: #eae9da; padding: 175px 0 130px; position:relative; z-index:2;}   
  .about-sec:before{content: ""; width: 100%; height: 100%; position: absolute; left: 0; bottom: 0; opacity: 0.5;}
  .about-sec h2{color:#000; position: relative; text-transform: uppercase; font-size: 40px;}
  .about-sec h2 span{display: block; font-family: 'ArsonProRegular'; text-transform: none; font-size: 25px; padding: 5px 0 0;}
  .about-sec .left-grid{margin:0 0 30px; text-align: center;}
  .about-sec h4{color:#000; font-style:italic; font-size: 24px; line-height: 44px; margin:0 0 15px;}
  .about-sec h5{color: #000;}
  .about-sec p{margin:0 0 20px; font-size: 18px; line-height: 28px;}
  .about-sec .p-tag{position: relative; padding: 0; display: flex; align-items: center; gap: 50px;}
  .about-sec .p-tag .text{width: 80%; margin: 0;}
  .about-sec .p-tag::before, .about-sec .p-tag::after{content: ""; background: #c7613c; width: 5%; height: 3px; position: relative;}
  .about-sec .btn{font-family: 'ArsonProMedium'; min-width: 240px;}
  .about-sec .about-right{margin:0 0 30px; position:relative;}
  .about-sec .about-right figure{margin:0;}

.row-flex{flex-direction: row-reverse;}

.img-hover{overflow: hidden; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .img-hover img{-webkit-transition: all 1.3s ease-in-out; -moz-transition: all 1.3s ease-in-out; -o-transition: all 1.3s ease-in-out; -ms-transition: all 1.3s ease-in-out; cursor: pointer; width: 100%; object-fit: cover; object-position: center center; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
  .img-hover:hover img{background-color: rgba(255,204,51,0.7); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
  
.contact-page{position: relative; background: #173f35; color:#fff; z-index:3; padding: 150px 0 100px;}  
  .contact-page h2{color:#fff; position: relative; text-transform: capitalize; font-size: 60px; margin: 0 0 30px;}
  .contact-page h5{font-size: 16px; color:#fff;}
  .contact-page .contact-left{padding: 0 15px;}
  .contact-page .contact-box{margin:0 0 30px;}
  .contact-page .contact-box .content{color: #fff; overflow: hidden;}
  .contact-page .contact-box .content span{display:block; color: #fff; font-family: 'ArsonProMedium'; font-size: 20px; text-transform:uppercase;}
  .contact-page .contact-box .content a{color:#fff;}
  .contact-page .contact-box .content a:hover{color:#fff;}
  .contact-page .contact-box .icon{float:left; margin:0 10px 0 0;} 
  .contact-page .contact-box .icon i{color: #fff; -webkit-border-radius: 100%; -moz-border-radius: 100%;border-radius: 100%; background: #000;height: 44px;width: 44px;line-height: 44px;text-align: center;font-size: 18px;}  
  .contact-page .contact-box .icon .fa.fa-envelope-o{font-size: 19px;}
  .contact-page .contact-box .content p{margin: 0;}
  .contact-page .contact-right{padding: 0 15px 0 50px;}
  .contact-page .contact-padd{}
  .contact-page h3{color:#000; font-size: 26px; line-height: 30px; position: relative; margin: 0 0 30px; padding:0 0 20px; text-transform:uppercase;}
  .contact-page h3::after{content: "";background: #000;height: 1px;width: 50px;position: absolute;left: 0; margin: 0;bottom: 0;}
  .contact-page form{text-align: left; --bs-gutter-x: 1.5rem; --bs-gutter-y: 0; display: flex; flex-wrap: wrap; overflow:hidden; position:relative; z-index:2; margin: 0 -15px;}
  .contact-page form .form-control{background: none; border: 1px solid #fff; box-shadow: none;-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; color: #fff; height: 54px; padding: 6px 12px;}
  .contact-page form .form-control::-webkit-input-placeholder {color: #fff;}
  .contact-page form .form-control::-moz-placeholder {color: #fff;}
  .contact-page form .form-control:-ms-input-placeholder {color: #fff;}
  .contact-page form .form-control:-moz-placeholder {color: #fff;}
  .contact-page form select{background-image: url(images/arrow-bottom-white.png) !important; background-repeat: no-repeat !important; background-attachment: scroll !important; background-position: 100% center !important; background-size: 18px !important;}
  .contact-page form select option{font-family: arial;}
  .contact-page form textarea{height:120px !important;}
  .contact-page form .list-item{display: inline-block; margin: 0px 0px 0px 1em;}
  .contact-page form .list-item input{margin-right: 5px;}
  .contact-page form .form-group > label{font-family: 'ArsonProMedium'; display: block; color: #fff; margin: 0; font-size: 16px; font-weight: normal;}
  .contact-page form .form-group{margin:0 0 30px; width: 100%; padding: 0 15px;}
  .contact-page form .btn{width: 100%;}
  .contact-page form .custom-checkbox label{display: inline-block; padding: 0 15px 0 0;}  
  .contact-page form .custom-checkbox label span{font-size: 13px;}  
  .contact-page form  .custom-checkbox label:last-child{padding-right: 0;}  
  .contact-page form  .custom-checkbox .checkbox{width: 15px; height: 15px; background: #fff; border-radius: 0; vertical-align: middle; border: 1px solid #ddd; margin: -2px 5px 0 0;}
  
.footer{background-color: #000; padding: 100px 0 70px; font-size: 18px; color: #fff; text-align:center; position:relative;}  
  .footer a{color:#c7613c;}
  .footer p{text-align:center;}  
  .footer a:hover{color:#fff;}
  .ft-title h3{color: #fff; font-size: 40px; font-family: 'PoppinsBold';margin:0 0 20px; text-transform:capitalize;}  
  .ft-title h3 span{color: #fff; display:block; font-family: 'PoppinsMedium'; font-style: normal; font-size: 30px; margin: 10px 0 0;} 
  .footer address{font-family: 'PoppinsSemiBold_0'; text-transform: capitalize; font-size: 34px;}  
  .footer address a{}  
  
    /** Smartphones **/
@media (min-width: 320px) and (max-width: 767px) {
   
   .header{text-align: center; display: none;}
   .header .container-fluid{padding: 0 15px;}
   .header .logo a{padding: 20px 0;}
   .header .head-right{text-align: center !important; padding-bottom: 30px;}
   .banner{height: auto; padding: 25px 0 0;}
   .logo-mobile{display: block !important; padding: 10px 0 30px;}
   .banner .title{-webkit-text-stroke: inherit; font-size: 40px; text-shadow: inherit; color: #fff; margin: 0 0 20px !important;}
   .banner .min-title{font-size: 30px; margin: 0 0 30px;}
   .banner .video{left: 0; right: 0; margin: 0 15px; position: relative;}
   .banner .video video{height: 300px;}
   .about-sec{padding: 125px 0 70px;}
   .content{max-width: inherit;}
   .contact-page h2{font-size: 40px;}
   .contact-page{padding: 110px 0 100px;}
   .contact-page .contact-right{padding: 0 15px;}
       
}


/* Smartphones to Tablets */
@media (min-width: 481px) and (max-width: 767px) { 
   
}

/* Tablets */
@media (min-width: 768px) and (max-width: 1100px) {
       
   .header .container-fluid{padding: 0 30px;}	   
   .banner .title{font-size: 70px;}
   .banner .min-title{font-size: 50px;}
   .banner .left-grid{padding: 0 50px;}
   .banner .video{left: 30px; right: 30px;}
   
}

/* Desktop */
@media (min-width: 960px) and (max-width: 1090px) { 
    

}

/* Desktop */
@media (min-width: 1200px) and (max-width: 1370px) { 
    
   .container{max-width: 1200px;}	

}

@media (min-width: 1400px) {
	
   .container{max-width: 1300px;}	

}