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

html{scroll-behavior: smooth; font-size:14px;}
*{box-sizing: border-box;outline: none; transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
body{font-size: 17px;font-family: "Poppins", sans-serif;font-weight: 400;}
h1{font-weight: bold;font-size: 55px;margin-bottom: 20px;color: #4f5910;line-height: 1;}
h1 strong{color:#073420;display: block;}
h2{font-weight: bold;font-size:30px;position: relative;display: inline-block;margin-bottom: 10px;}
h3{font-weight:bold}
h4{font-weight: bold;color: #073420;}
h5{}
h6{}
strong{}
a{color: initial;line-height: initial;}
a:hover{color: #fff;text-decoration: none;}
p{color: black;}
p:last-child{margin:0;}
label{margin-bottom: 0px;display: block;}
img, iframe, video{max-width: 100%; vertical-align: middle;}
ul{}
ul li{}
input{padding: 14px!important;height: initial!important;background: #809c25!important;border: 0!important;border-radius: 1px!important;}
input, input::placeholder, button:focus, .form-control:focus, .form-control::placeholder{font-family: "Poppins", sans-serif;font-size: 16px!important;color: #fff!important;font-weight: 300;}
input[type=radio]{width: 20px;height: 20px!important;vertical-align: middle;}
input[type=submit]{width: 100%;text-align: left;font-size: 17px!important;font-weight: 300;background: #073420!important;padding: 14px 20px!important;}
input[type=submit]:hover{background:#819c26!important}
input.wpcf7-phonetext{padding-left:90px!important}
button:focus, .form-control:focus{outline: 0; box-shadow: none; border-color: #023575}
textarea{height: 100px!important;border-radius: 0;border: 1px solid rgb(2 53 117 / .1);padding: 8px;width: 100%!important;}
label{font-size: 12px;margin: 2px 0;}

.btn{padding: 10px 34px;border-radius: 2px;background: #073420;color: #fff!important;transition: all .3s;-o-transition: all .3s;-webkit-transition: all .3s;-ms-transition: all .3s;}
.cover{background-size: cover!important;background-position: center center!important;}
.after:after, .before:before{content:'';display:block;position:absolute;top:0;width:100%;height:100%;background: rgb(0 0 0 / 75%);}
.after .container, .after .container-fluid{position:relative;z-index: 1;}
.after *{color:#fff;}

.owl-nav{position: absolute;top: 40%;width: 100%;}
.owl-nav .owl-prev{margin-left: -20px;}
.owl-nav .owl-next{margin-right: -20px; float: right;}
.owl-nav button i{border: 1px solid #000;width: 30px;height: 30px;border-radius: 50%;font-size: 25px;background: #ff1f59 !important; border-color: #ff1f59; color: #fff;}
.owl-nav button:hover i{border-color:#000!important; background:#000!important; color:#fff}
.owl-dots{position: absolute;bottom: 25px;left: 0;right: 0;z-index:1;margin: 0 auto;text-align: center;}
.owl-dot{width: 15px;height: 10px;background: #333!important;border-radius: 5px;margin-right: 8px;}
.owl-dot.active, .owl-dot:hover{background:#ff1f59!important;width: 30px;}

.bg1{background:#4f5910}
.bg2{background:#010503}
.bg3{background:#073420}
.bg4{background:#809c25}
.bg5{background:#4f5910}
.bg6{background:#4f5910}

header{position: relative;z-index: 1;}
header .menu-icon{position: relative;width: 50px;float: right;cursor:pointer}
header .menu-icon span{width: 50px;height: 6px;background: #083420;display: block;margin-bottom: 6px;border-radius: 10px;cursor: pointer;}
header .menu-icon:hover span{background:#4f590f}
header .menu-icon.on span:first-child{transform: rotate(55deg);position: relative;top: 12px;}
header .menu-icon.on span:nth-child(2){transform: rotate(-55deg);}
header .menu-icon.on span:nth-child(3){display:none}
header nav{margin-top: 45px;}
header nav ul{padding:0;margin: 0;text-align:right;}
header nav ul li{display:inline-block;}
header nav ul li a{color:#809c25;display: block;padding: 0px 15px;text-transform: uppercase;}
header nav ul li:last-child a{padding-right:0}
header nav ul li a:hover, header nav ul li.active a{color:#073420}

.banner{margin-top: -68px;position: relative;}
.banner .container{padding-top:300px!important; position:relative}
.banner img{position:absolute;right:0;bottom: -110px;height: 132%;animation: zoom-in-zoom-out 10s ease infinite;}
.banner h1, .banner h1 strong{color:#fff;text-shadow: 2px 2px 1px black;font-size: 50px;}
.banner .btn{color:#809c25!important;background:#fff;border:4px solid #809c25;border-radius: 25px;text-transform: uppercase;font-weight: bold;font-size: 18px;}
.banner .btn:hover{background:#809c25; color:#fff!important}

.welcome img:hover{transform:scale(1.02)}

.why{margin-top: -68px;}
.why *{color:#fff}
.why ul{margin:0; padding:0; list-style:none}
.why ul li{margin-bottom:20px;position: relative;padding-left: 25px;}
.why ul li:last-child{margin-bottom:0}
.why ul li:after{content:'';display:block;width: 10px;height: 10px;background: #fff;position: absolute;top: 8px;left: 0;}
.why ul li:hover:after{background:#083420}

.why.right{margin-top: -68px;padding: 100px 0px 150px 0px;}
.why.right li{text-align:right;padding-left: 0;padding-right: 25px;}
.why.right ul li:after{right:0; left:initial}
.why.right ul li strong{display:block}

.why .bottom-left{position:absolute;left:0;bottom: 60px;width: 40%;}
.why.about{}
.why.about .bottom-right{width: 100%;float: right;position: relative;right: -60px;}

.work{background:url('images/bg.jpg')}
.work .top *{color:#fff}
.work .top p{max-width:750px; margin:0 auto}
.work h4{text-transform:uppercase;}
.work p{width: 90%;margin: 0 auto 20px auto;}
.work .btn{background:initial;color:#073420!important;margin-bottom: .5rem;}
.work .btn:hover{background:#073420; color:#fff!important}
.work .bg-white:hover{transform:scale(1.02)}
.work .bg-white:hover .btn{background:#073420!important; color:#fff!important}

.services{margin-top: -120px;}
.services *{color:#fff}
.services h1{color:#fff}
.services ul{list-style:none; margin:0; padding:0; margin-top:40px;}
.services ul li{margin-bottom:25px;position: relative;padding-left: 50px;}
.services ul li:last-child{margin:0}
.services ul li:after{font-size: 15px;content:'\f00c';font-family:fontawesome;width: 22px;height: 22px;display: block;background: #809c25;color: #4f590f;position: absolute;left: 4px;top: 6px;border-radius: 50%;text-align: center;line-height: 1.5;}
.services ul li:hover:after{background: #083420;}
.services h3{margin:0}
.services p{}

.join{}
.join *{color:#fff}
.join h1{margin:0;}
.join .right{}
.join .right ul{margin:0;list-style:none;padding: 0;float: left;width: 100%;}
.join .right ul li{font-size: 22px;position: relative;padding-left: 60px;margin-bottom: 30px;}
.join .right ul li img{height: 35px;position: absolute;left: 0;top: 8px;}
.join .right ul li:hover{transform:scale(1.02)}
.join form p{font-size:12px; color:#809c25}

footer{background:#073420}
footer h5{color:#fff;margin-bottom: 10px;}
footer p, footer a{color:#567826}
footer ul{margin: 0;padding: 0;list-style: none;}
footer ul li, footer p{font-size: 15px;margin-bottom: 15px;}
footer hr{margin: 15px 0;}
footer .border-right{border-right: 1px solid #165e3d !important;}
footer .border-right h5{margin:0;text-transform: uppercase;font-weight: 600;}
footer .copyright p{}
footer .copyright span{color:#fff}
footer .social{}
footer .social a{display: inline-block;margin: 10px 5px 0px 0px;}
footer .social a:hover{transform:scale(1.02);}
footer .social a:hover img{}
footer .social img{width:25px;}

.inner-banner{background:#073420;margin-top:-68px;padding-top: 130px;overflow: hidden;}
.inner-banner *{color:#809c25}
.inner-banner h2{margin:0}
.inner-banner .banner-image{height: 450px;width: 90%;border: 15px solid #fff;position: relative;z-index: 9;}
.inner-banner .banner-image:hover{transform:scale(1.02)}
.inner-banner .banner-image-container:after{content:'';width: 1000%;height: 100%;display: block;position: absolute;top: 0;background-size: cover;border: 15px solid #fff;background: #809c25;z-index: 1;}

.content{}
.content *{color:#fff}
.content p{margin-bottom:30px;font-weight:300}
.content p:last-child{margin:0}

.content.v1 .top{margin: -60px 0px 60px -0px;border-radius: 10px;}
.content.v1 .top:hover{transform:scale(1.02)}

.bikes{overflow: hidden;}
.bikes *{color:#fff}
.bikes .bg-after:after{content:'';display: block;width: 380px;height: 500%;position: absolute;bottom: -383%;right: 10%;background: #073420;}
.bikes .bg-after img{position:relative; z-index:9}
.bikes .bg-after img:hover{transform:scale(1.02)}

.about.bikes{}
.about.bikes .bg-after:after{background: #4f590f}

.wp{position:fixed;bottom: 20px;right: 20px; z-index: 99}
.wp img{width:45px;}

@keyframes zoom-in-zoom-out { 0% { scale: 100%; } 50% { scale: 105%; } 100% { scale: 100%; } }

@media(max-width:1200px){
    header nav{margin-top: 25px;}  
    .banner img{height: 120%;}
    .why, .services{margin-top:0}
    .services ul{margin-bottom:50px;}
    .services .right img{position:absolute;bottom:0;width: 100%;}
    .bikes .bg-after:after{width:300px;}
    .why.about{margin-top: -57px;}
}
@media(max-width:992px){
    header nav{margin-top:0}
    header nav ul li a{padding: 0 5px;font-size: 15px;}
    .why.right, .banner, .inner-banner, .why.about{margin-top: -41px;}
    .banner .container{padding-top: 150px!important;}
    .banner img{}
    h1, .banner h1, .banner h1 strong{font-size: 34px;}
    .copyright{text-align:center}
    .why.right{padding: 60px 0px 100px 0px!important;}
    .bikes .bg-after:after{width:200px;}
    .why.about .bottom-right{right:0}
}
@media(max-width:767px){
    header nav{display:none;position: fixed;left: 0;top: 0;width: 250px;height: 100%;background: #083420;}
    header nav.on{display:block}
    header nav *{color:#fff!important}
    header nav ul{padding:20px;}
    header nav ul li{display:block;text-align:left;border-bottom: 1px solid #333;}
    header nav ul li a{padding: 10px 0px;}
    header img{width:150px;}
    h1 br, .join .right ul li br{display:none;}
    h1 strong{display:inline-block}
    .work .top p{width: 100%;}
    .services .right img{position:initial}
    .join .right ul li{width: 50%;float: left;padding: 0;text-align: center;}
    .join .right ul li img{display:block;position: initial;margin: 0 auto 10px auto;}
    footer .border-right{border-right:0!important}
    .join h1{margin-bottom:10px;}
    .join .right ul li{font-size:18px;}
    .inner-banner{padding-top:100px;}
    .inner-banner h2{font-size:25px;}
    .why.right{padding: 100px 0px 100px 0px!important;}
    .why.right li{text-align:left;padding-left: 25px;padding-right: 0;}
    .why.right ul li:after{left:0; right:initial}
    .why .bottom-left{position: initial;width: 66%;margin: 50px auto 50px;left: 0;right: 0;display: block;}
    .banner{background: rgb(129 156 38 / 10%) !important;margin: 0;}
    .banner .container{padding-top: 0px!important;}
    .banner *{color:#083420!important; text-shadow:initial!important}
}
@media(max-width:575px){
    footer .copyright p{font-size: 16px;}   
}