html, body{ height: 100%; font-family: 'Geogrotesque-Regular';}
body{margin:0px; padding-right:0!important; font-family: 'Geogrotesque-Regular'; min-height: 100%;} 
*{margin:0px; padding:0px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
ul{list-style-type:none; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all .4s ease-in-out; -moz-transition:all .4s ease-in-out; -o-transition:all .4s ease-in-out; -ms-transition:all .4s ease-in-out; color: #0980d4}
a:hover{text-decoration:none; outline:none;}
a:focus{text-decoration:none; outline:none;}
img{border:0;}
.btn-primary.focus, .btn-primary:focus{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.img-thumbnail{background:none; border:none; padding:0; border:0; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0;}
.thumbnail img{margin:auto; display:block; padding:0; border:none; max-width:100%;}
textarea.form-control{resize: vertical;}
p{ font-size: 16px; color: #000; margin-bottom: 24px; font-weight: 600}
p strong{ font-weight: 800}
.clear {clear:both;}

/* Font Face *****/

@font-face {
   font-family: 'Geogrotesque-Regular';
  src: url('../fonts/Geogrotesque-Regular.eot'); /* IE9 Compat Modes */
  src: url('../fonts/Geogrotesque-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/Geogrotesque-Regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/Geogrotesque-Regular.woff') format('woff'), /* Pretty Modern Browsers */
       url('../fonts/Geogrotesque-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
       url('../fonts/Geogrotesque-Regular.svg#Geogrotesque-Regular') format('svg'); /* Legacy iOS */
}

iframe {width:100%;}
.container{width:100%; max-width:1170px; padding:0;}


header .bg-faded{ background:#FFF; padding:0; width:100%;}
header a.navbar-brand span{font-size:14px; font-weight:400; font-style:italic; color:#777; margin: 0 0 0 -70px; display: inline-block; top: 15px; position: relative;}
header nav ul.navbar-nav li{margin:0 10px;}
header nav ul.navbar-nav li a.nav-link{font-size:16px; font-weight:500; color:#000; padding:11px 16px!important; border-bottom:2px solid #FFF;}
/*header nav ul.navbar-nav li a.nav-link:hover{ border-bottom:2px solid #094a9c;}*/
header .navbar-light .navbar-nav .nav-link{color:#000;}
header nav li a.nav-link.btn-primary.btn{color:#FFF; text-transform:uppercase; background:#094a9c; border:none; border-radius:30px; -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);}
header nav li a.nav-link.btn-primary.btn:hover{color:#FFF;}


	
.btn-link {font-weight: 800; color: #000; font-size:22px; border-radius: 0;}


.outdoor-top {background:url(../images/top-bg.jpg) center top no-repeat; padding:0 0; margin:0px;}
.outdoor-top h1 {color:#FFF; font-size:50px; font-weight:600; line-height:140px;}

.arrow-con {background:#3d3d3d; padding-bottom:0px; position:relative; margin:-10px 0 0 0; overflow:hidden; }
.arrow-con h2 {font-size:40px; color:#FFF; padding:40px 0px;}
.arrow {margin:0 auto; text-align:center; position:relative; z-index:99;}


.without-keyboard {background:#eeeeee; margin:-33px 0 0 0px; padding:40px 0;}
.without-keyboard img {margin:30px 0; width:auto;}
.without-keyboard a {background:#094a9c; color:#FFF; font-size:40px; font-weight:400; padding:8px 40px; display:inline-block;}
.without-keyboard a:hover {background:#00306d}

.with-keyboard {background:#f5f5f5; margin:-33px 0 0 0px; padding:40px 0; text-align:center;}
.with-keyboard img {margin:30px auto; width:auto;}
.with-keyboard a {background:#094a9c; color:#FFF; font-size:40px; font-weight:400; padding:10px 40px; display:inline-block;}
.with-keyboard a:hover {background:#00306d}

.feature {margin:100px 0;}
.feature p {font-size:19px; margin:20px 0 0 0;}
.feature img {width:100%;}

.more-models {background:#eaeaea; padding:70px 0;}
.more-models h3 {font-size:36px; color:#094a9c; font-weight:500;}
.more-models a {background:#ed7d31; font-size:22px; display:inline-block; color:#FFF; margin:35px 0 0 0; padding:10px 30px; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; }



.outdoor-new-page-design .homepage-banner-slider{background: linear-gradient(to right, #0d4b9a 65%, #FFF 35%); padding: 70px 15px;}
.outdoor-new-page-design .homepage-banner-slider h1{font-size:60px; color:#FFF; font-weight:700; text-transform:uppercase;}
.outdoor-new-page-design .homepage-banner-slider h2{font-size:34px; color:#FFF; font-weight:500; text-transform:;}

.outdoor-new-page-design .homepage-technical-txt{ padding:0px 15px; margin:15px 0;  position: relative; overflow: hidden;}

.outdoor-new-page-design .homepage-technical-txt .technical-txt-bg{background:url(../images/new-outkp-V2-img02.jpg) no-repeat center top; display: flex;}
.outdoor-new-page-design .homepage-technical-txt h1{font-size:60px; color:#FFF; font-weight:700; text-transform:uppercase; display: flex; justify-content: center; align-items: center; text-align: center;}

.outdoor-new-page-design .technical-img-bg{position: inherit;}
.outdoor-new-page-design .technical-img-bg:before{content:""; display:block; background: #c3f2d7; width: 300%; height: 100%; left: 34.333333%; top: 0; position: absolute; z-index: -1;}


.outdoor-new-feature-bg{background:url(../images/new-outkp-V2-bg01.jpg) no-repeat center top; background-size:cover;     margin:0; padding:70px 0px;}

.outdoor-new-feature-bg .heading-txt{font-size: 160px; text-shadow: 0 0 2px #000; color: #f4f4f4; font-weight: 700; line-height: 120px; margin:0 0 50px 0; padding:0;}

.outdoor-new-page-design .homepage-txt-img-info{background:linear-gradient(to right, #0d4b9a 75%, rgb(255 255 255 / 0%) 35%); padding:50px 15px;}
.outdoor-new-page-design .homepage-txt-img-info h2{font-size:34px; color:#FFF; font-weight:500; text-transform:;}

.outdoor-new-page-design .more-models{padding-left:15px; padding-right:15px;}




.slick-slider { border: none !important; position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }
.slick-list {position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-loading .slick-list {background: url(../images/ajax-loader.gif) center center no-repeat;}
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { display: block; height: auto; border: 0px solid #000; margin: 0 10px; float: left; background: #fff !important; }
.slick-prev, .slick-next { position: absolute; display: block; height: 20px; width: 20px; line-height: 0; font-size: 0; cursor: pointer; background: transparent; color: transparent; top: 50%; margin-top: -10px; padding: 0; border: none; outline: none; background: #000; }
.slick-prev {left: -20px; }
.slick-next {float: right; right: -20px; }
.slick-dots {width: 100%; float: left; text-align: center; margin: 20px 0 0 0 }
.slick-dots li {display: inline-block; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button {border: 0; background: #6C0; display: block; height: 20px; width: 20px; outline: none; cursor: pointer; color: #FFF;}
.slick-dots li.slick-active button {background: #000;}

.outdoor-banner-slider button{width:32px; height:32px; border-radius:50px;} 
.outdoor-banner-slider button.slick-prev{right:-60px; left: auto; top:44%;} 
.outdoor-banner-slider button.slick-next{right:-60px; top:55%;} 
.outdoor-banner-slider button i{border: solid #FFF !important; border-width: 0 3px 3px 0 !important; display: inline-block !important; padding:0px; border-radius:0; margin:0; width:10px; height:10px}
.outdoor-banner-slider button.slick-prev i{ background: transparent; transform: rotate(222deg); -webkit-transform: rotate(222deg); top: 2px; position: relative;}
 
.outdoor-banner-slider button.slick-next i{transform:rotate(45deg); -webkit-transform: rotate(45deg); background: transparent; top:-2px; position: relative;}
.outdoor-banner-slider button i:before{display:none;}



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

.outdoor-new-page-design .homepage-banner-slider { background: linear-gradient(to bottom, #0d4b9a 65%, #FFF 35%); padding: 40px 15px; }	
.outdoor-new-page-design .homepage-banner-slider h1{font-size:38px;}
.outdoor-new-page-design .homepage-banner-slider h2{font-size:30px; padding-bottom:25px;}

.outdoor-new-page-design .technical-img-bg:before{display:none;}

.outdoor-new-page-design .homepage-technical-txt .technical-txt-bg{width:100%; padding:40px;}
.outdoor-new-page-design .homepage-technical-txt h1 {font-size:38px;}	

.outdoor-new-feature-bg{padding:40px 0px;}
.outdoor-new-feature-bg .heading-txt{font-size: 76px; line-height: 60px; margin: 0 0 25px 0;}

.outdoor-new-page-design .homepage-txt-img-info { background: linear-gradient(to bottom, #0d4b9a 75%, rgb(255 255 255 / 0%) 35%); padding: 40px 15px 20px; }
.outdoor-new-page-design .homepage-txt-img-info h2{font-size:26px; line-height:normal; padding-bottom:25px;}

.outdoor-banner-slider button.slick-prev{right:0px; left: auto; top:40%;} 
.outdoor-banner-slider button.slick-next{right:0px; top:55%;}

}

@media screen and (min-width:768px) and (max-width:1080px){

.outdoor-new-page-design .homepage-banner-slider h1{font-size:48px;}
.outdoor-new-page-design .homepage-banner-slider h2{font-size:26px; padding-bottom:25px;}

.outdoor-new-page-design .homepage-technical-txt h1 { font-size:42px;}

.outdoor-new-page-design .more-models h3 br{display:none;}

.outdoor-banner-slider button.slick-prev{right:-60px; left: auto; top:40%;} 
.outdoor-banner-slider button.slick-next{right:-60px; top:55%;}
	
}



/* Second Page CSS Start */

.banner-arrow:before, .banner-arrow:after {content:''; position: absolute; bottom:0px; width:100%; background-color: inherit; padding-bottom:3%; background:#FFF; z-index:999;}
.banner-arrow:before {right:50%; -ms-transform-origin: 100% 100%; -webkit-transform-origin: 100% 100%; transform-origin: 100%  100%; -ms-transform: skewX(55deg); -webkit-transform: skewX(55deg); transform: skewX(55deg);}
.banner-arrow:after {left: 50%; -ms-transform-origin: 0 100%; -webkit-transform-origin: 0 100%; transform-origin: 0 100%; -ms-transform: skewX(-55deg); -webkit-transform: skewX(-55deg); transform: skewX(-55deg);}

.row.banner-arrow.greey-arrow{padding-bottom:80px;}
.greey-arrow:before, .greey-arrow:after{ background:#3d3d3d; bottom:0px;}


.scroll-txt{ width:100%; float:left; z-index:9999; position:absolute; left:0; right:0; text-align:center; color:#FFF; bottom:10px; font-size:13px; font-weight:500; letter-spacing:4px; transform:translateY(-5px); animation:bounce .5s infinite alternate; -webkit-animation:bounce .5s infinite alternate;}

@keyframes bounce {
  from {
    transform: translateY(-10px);
  }

  to {
    transform: translateY(0);
  }
}

@-webkit-keyframes bounce {
  from {
    -webkit-transform: translateY(-10px);
  }

  to {
    -webkit-transform: translateY(0);
  }
}

.modal.video-modal .modal-dialog {width:100%; max-width:752px;}



button:focus{outline:none;}
.white-color{color:#FFF!important;} 
.white-bg{background:#FFF;}
.grey-bg{background:#D8D8D8;}
.orange-btn{background: #FF8400; padding: 10px 20px; display: inline-block; color: #FFF; text-transform: uppercase; font-size: 16px; font-weight: 500; margin: 10px 0 0 0; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;}
.orange-btn img{margin:-4px 0 0 2px;}
.orange-btn:hover{color:#FFF;}




/* Footer Part CSS Start */

.footer-link-bg{background:#313131; padding:65px 15px;}
.footer-link-bg h2{font-size:16px; font-weight:500; color:#FFF;}
.footer-link-bg h3 {font-size: 16px; font-weight: 500; color: #FFF;}
.footer-link-bg hr{background:#ed7d31; height:4px; width:40px; margin:20px 0; border:none;}
.footer-link-bg ul li{font-size:15px; font-weight:400; display:block;  color:#d7d7d7; padding:5px 0;}
.footer-link-bg ul li a{font-size:15px; font-weight:400; color:#d7d7d7; padding:0; display:inline-block;}
.footer-link-bg ul li a:hover{color:#FFF;}
.footer-link-bg ul.contact li a{color:#ed7d31;}
.footer-link-bg ul.contact li a:hover{color:#FFF;}

.footer-grey-bg{background:#eaeaea; padding:25px 15px;}
.footer-grey-bg .bottom-top-arrow{margin:-60px 0 0 0; }
.footer-grey-bg .bottom-top-arrow a{margin:0; display:inline-block;}
.footer-grey-bg span{font-size:17px; font-weight:600; color:#094a9c; line-height:24px; max-width:600px;}
.footer-grey-bg .icon-back a{margin:0 0 0 14px;}

.footer-white-bg{background:#FFF; padding:15px;}

.footer-white-bg p{margin:0; padding:0; font-size:13px; color:#666;}
.footer-white-bg .bottom-nav ul li{float:left; margin:0 15px 0 0;}
.footer-white-bg .bottom-nav ul li a{font-size:14px; color:#094a9c;}
.footer-white-bg .bottom-nav ul li a:hover{text-decoration:underline;}

/* Footer Part CSS End */




/*------------- 30 April 2022 ----------------------*/


@font-face {
    font-family: 'Swis721 Cn BT';
    src: url('../fonts/Swiss721BT-RomanCondensed.woff2') format('woff2'),
        url('../fonts/Swiss721BT-RomanCondensed.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'swis721_cn_btbold';
    src: url('../fonts/swiss721boldcondensedbt-webfont.woff2') format('woff2'),
         url('../fonts/swiss721boldcondensedbt-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

.new-homepage-v2 p{font-family: 'Montserrat', sans-serif; font-weight:400; line-height: 28px;}
.new-homepage-v2 .grey-bg{background:#f7f7f7;}
.new-homepage-v2 .white-txt{color:#FFF;}
.new-homepage-v2 .blue-txt{color:#1b53a1;}

.new-homepage-v2 .btn{font-family: 'swis721_cn_btbold'; font-size:16px;}
.new-homepage-v2 .orange-btn{background: #FF8400; border: none; border-radius: 40px; padding:0 40px; line-height: 45px;}
.new-homepage-v2 .orange-btn:hover{background:#d56f02;}

.new-homepage-v2 .py-70{padding-top:70px; padding-bottom:70px;}
.new-homepage-v2 .homepage-v2-bg{background:url(../images/homepage-v2-banner-img1.png) no-repeat center top; background-size:cover; padding:140px 15px;}
.new-homepage-v2 .homepage-v2-bg h1{font-family: 'swis721_cn_btbold'; font-size:58px; color:#FFF; text-transform:uppercase;}

.heading-v2{ font-family: 'Swis721 Cn BT'; font-weight:700; font-size:38px; color:#1f1f1f; line-height:35px; padding:0;}

.new-v2-section-01 li{font-family: 'Montserrat', sans-serif; font-size:16px; color:#1f1f1f; padding: 0 0 20px 24px; position:relative;}
.new-v2-section-01 li i.fa{color:#094a9c; position: absolute; left: 0; top: 3px;}


 
.new-v2-section-02 .white-colume li{display:flex; padding-top:50px;}
.new-v2-section-02 .white-colume li .white-bg{box-shadow:0 0 6px rgb(0 0 0 / 18%);}
.new-v2-section-02 .white-colume li p{margin:0; padding-top:15px; font-family: 'Open Sans', sans-serif; }
.new-v2-section-02 .white-colume li span{color: #094a9c; font-family: 'Open Sans', sans-serif; font-size:48px; font-weight:600; width:85px; height:85px; display: block; margin: -52px auto 0; line-height:72px; border-radius: 70px; background: #FFF; border: 4px solid #fff; box-shadow: inset 0px 0px 2px #d1d1d1;}


.new-v2-section-04.blue-section-bg{background:url(../images/homepage-v2-img_03.png) no-repeat center top; background-size:cover;}


.new-v2-section-05{margin-top:70px;}
.new-v2-section-05 .grey-bg {-webkit-box-shadow:0 0 7px #d5d5d5; -moz-box-shadow:0 0 7px #d5d5d5; box-shadow:0 0 7px #d5d5d5; border-radius:8px; padding-bottom:50px;}
.new-v2-section-05 img.minus-img{margin-top:-145px;}
.custom-box-shadow{-webkit-box-shadow:0 0 7px #d5d5d5; -moz-box-shadow:0 0 7px #d5d5d5; box-shadow:0 0 7px #d5d5d5; border-radius:8px;}

.new-v2-section-06 .blue-white-bg{background:linear-gradient(to right, #fcfcfc 50%, #094a9c 50%); -webkit-box-shadow:0 0 7px #d5d5d5; -moz-box-shadow:0 0 7px #d5d5d5; box-shadow:0 0 7px #d5d5d5;}

.new-v2-section-06 .grey-white-bg{background:linear-gradient(to right, #f2f3f9 50%, #FFF 50%); -webkit-box-shadow:0 0 7px #d5d5d5; -moz-box-shadow:0 0 7px #d5d5d5; box-shadow:0 0 7px #d5d5d5;}

.new-v2-section-08{background:url(../images/homepage-v2-img_13.jpg) no-repeat center top; background-size:cover;}
.new-v2-section-08 .custom-box-shadow{border-radius:0;}


.new-v2-section-9{background:#f7f8fd;}
.new-v2-section-9 h2{font-size:48px; position: absolute; color: #FFF; padding: 35px; font-weight: 600; z-index: 1;
 left:15px; top:90px;}
.new-v2-section-9 .right-img{position: absolute; right:40px; bottom: -38px;}

.new-v2-section-12.blue-bg{background:#2667b9;}
.new-v2-section-12 h2{font-size:42px;}


@media screen and (min-width:100px) and (max-width:767px){
	
.new-homepage-v2 .homepage-v2-bg{background-size: cover; padding: 30px 15px;}	
.new-homepage-v2 .homepage-v2-bg h1{font-size:20px; margin-bottom:0;}

.new-homepage-v2 .py-70 {padding-top:40px; padding-bottom:40px;}
.heading-v2{font-size:34px;}

.new-v2-section-05 .grey-bg.p-5{padding-left: 20px!important; padding-right: 20px!important; padding-bottom: 30px!important;}

.new-v2-section-06 .blue-white-bg{background: linear-gradient(to bottom, #fcfcfc 15%, #094a9c 15%);}
.new-v2-section-06 .grey-white-bg {background: linear-gradient(to bottom, #f2f3f9 100%, #FFF 100%);}	
.w-75.mx-auto.mt-5.custom-width-75 {width: 100%!important;}

.new-v2-section-9 h2 {font-size: 28px; padding: 20px 35px; font-weight: 600; left: 0; top: 0; }
.new-v2-section-9 h2 br{display:none;}
.new-v2-section-9 .right-img { position: relative; right: 0; bottom:0px; margin: -70px 0 0 0;}

.container-fluid.new-v2-section-11.py-70{padding-top:0;}
.new-v2-section-11 .col-xs-12.col-sm-5 {order: -1; padding-bottom:25px;}

}

@media screen and (min-width:768px) and (max-width:1023px){
	
	.w-75.mx-auto.mt-5.custom-width-75 {width: 100%!important;}

}