.container { max-width:1440px; }
p { color:#000; font-size:18px; line-height:34px; font-weight:400; margin-bottom:30px; }
h1 { font-family: "Oswald", sans-serif; font-size:90px; line-height:96px; font-weight:700; color:#106148; letter-spacing:-1px; text-transform:uppercase; margin-bottom:45px; }
h2 { font-family: "Oswald", sans-serif; font-size:50px; line-height:60px; font-weight:700; color:#106148; letter-spacing:-1px; text-transform:uppercase; margin-bottom:45px; }
h5 { font-family: "Montserrat", sans-serif; color:#000; font-size:24px; font-weight:700; margin-bottom:20px; }
.header-right { text-align:right; }
.header-contact { margin-bottom:25px; transition: all 0.3s ease-out 0s; }
.sticky .header-contact { margin-bottom:15px; transition: all 0.3s ease-out 0s; }
.header-contact ul { display:inline-block; }
.header-contact ul li { display:inline-block; color:#bdbdbd; font-size:14px; }
.header-contact ul li:nth-child(2) { padding:0 18px; }
.header-contact ul li strong { font-weight:700; color:#252525; }
.header-contact ul li a strong { color:#ff5a00; transition: all 0.4s ease; }
.header-contact ul li a:hover strong { color:#000; transition: all 0.4s ease; }
.header-contact ul li a { color:#252525; font-size:14px; font-weight:400; }
.header-contact ul li a:hover { color:#ff5a00; }
.banner { width::100%; display:block; background:url(../images/banner-bg.jpg) left top no-repeat; background-size:cover; padding:0 0 0 90px; margin-top:129px; }
.banner h1 { color:#fff; }
.banner h5 { font-size:26px; line-height:38px; font-weight:400; color:#fff; margin-bottom:0; }
.banner a { display:inline-block; margin-top:50px; padding:18px 65px; border-radius:10px; background:#ff5a00; font-size:18px; font-weight:600; color:#fff; text-transform:uppercase; }
.banner a:hover { background:#fff; color:#ff5a00; }
.welcome { padding:120px 5px 120px 15px; }
.green-bg { background:#106148; }
.green-bg-light { background:#14986f; }
.welcome .welcome-left { padding:70px; }
.welcome .welcome-left h2 { color:#fff; margin-bottom:30px; }
.welcome .welcome-left p { color:#fff; margin-bottom:40px; }
.welcome .welcome-left p:last-child { margin-bottom:0; }
.welcome .welcome-right { display:flex; height:100%; padding-left:12px; }
.welcome .welcome-right ul { width:100%; display:flex; flex-wrap:wrap; gap:22px; margin:0; padding:0; }
.welcome .welcome-right ul li { width: calc(50% - 11px); display:inline-block; margin:0; padding:0; position:relative; }
.welcome .welcome-right ul li img { width:100%; height:100%; max-width:inherit; object-fit:cover; margin:inherit; padding:inherit; }
.welcome .welcome-right ul li .overlays { position:absolute; bottom:0; top:auto; left:0; right:0; overflow:hidden; width:100%; height:60px; transition:.5s ease; }
.welcome .welcome-right ul li:hover .overlays { height:100%; background:#106148; transition:.5s ease; }
.welcome .welcome-right ul li .overlays .product-details { padding:0 30px; }
.welcome .welcome-right ul li:hover .overlays .product-details { width:100%; position:absolute; overflow:hidden; top:50%; left:0; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); webkit-transform:translateY(-50%); transform:translateY(-50%); }
.welcome .welcome-right ul li .overlays .product-details h5 { color:#fff;  text-transform:uppercase; position:relative; }
.welcome .welcome-right ul li .overlays:before { display:none; content:"\f106"; width:34px; height:34px; border:solid 1px #fff; border-radius:100px; text-align:center; font-family: 'FontAwesome'; font-size:20px; color:#fff; position:absolute; right:15px; top:0; }
.welcome .welcome-right ul li:hover .overlays:before { display:none; }
.welcome .welcome-right ul li .overlays .product-details p { display:none; }
.welcome .welcome-right ul li:hover .overlays .product-details p { display:block; color:#fff; font-size:16px; line-height:24px; font-weight:400; }
.welcome .welcome-right ul li:hover .overlays .product-details p:last-child { margin-bottom:0; }
#products { padding-top:0; padding-bottom:0; }
.brand-products { position:relative; padding:120px 5px; }
.brand-products .products-wrap { width:100%; display:block; position:relative; }
.brand-products .products-wrap:before { content:""; width:1px; height:100%; background:#c1c1c1; position:absolute; left:30px; top:0; }
.brand-products .products-wrap .products-title { padding:0 0 60px 75px; }
.brand-products .products-wrap .products-title h2 { margin-bottom:30px; padding-top:10px; }
.brand-products .products-wrap .products-title p { max-width:770px; }
.brand-products .products-wrap .products-title p:last-child { margin-bottom:0; }
.brand-products .products-wrap .products-headding { padding:35px 15px 15px 65px; position:relative; }
.brand-products .products-wrap .products-headding:before { content:""; width:1px; height:calc(100% + 50px); background:#c1c1c1; position:absolute; left:30px; top:-50px; }
.brand-products .products-wrap .products-headding h5 { text-transform:uppercase; margin-bottom:15px; }
.brand-products .products-wrap .products-headding p { font-size:16px; line-height:28px; margin-bottom:0; }
#whatwedo { padding-bottom:0; }
.whatwedo { z-index:1; position:relative; padding:120px 5px; }
.whatwedo .whatwedo-wrap { padding:70px; }
.whatwedo .whatwedo-wrap .whatwedo-title { padding:0 30px 0 0; }
.whatwedo .whatwedo-wrap .whatwedo-title h2 { color:#fff; margin-bottom:0; }
.whatwedo .whatwedo-wrap .whatwedo-text { padding:0 0 0 30px; }
.whatwedo .whatwedo-wrap .whatwedo-text p { color:#fff; }
.whatwedo .whatwedo-wrap .whatwedo-text p:last-child { margin-bottom:0; }
.whatwedo-wrap .row { position:relative; }
#whyus { padding-top:0; margin-top:-120px; }
.whyus .whyus-text { max-width:630px; float:right; padding:120px 60px 0 15px; } 
.whyus .whyus-text p:last-child { margin-bottom:0; }
.whyus { padding:120px 0; }
.whyus .whyus-img { height:800px; background:url(../images/Why-Us.jpg) left top no-repeat; background-size:cover; }
.whyus img.whyus-image { height:100%; max-width:initial; object-fit:cover; margin:inherit; padding:0; }
.whoweservice { padding:120px 5px; }
.whoweservice ul { max-width:1240px; margin:0 auto; padding:0; display:flex; justify-content:space-between; }
.whoweservice ul li { display:inline-block; margin:0; padding:30px 0 0 0; }
.whoweservice ul li img { margin-bottom:45px; }
.whoweservice ul li h6 { font-size:20px; line-height:30px; color:#000; font-weight:600; }
.footer { width:100%; padding:40px; background:#252525; }
.footer .footer-menu { display:flex; margin:0; padding:0; }
.footer .footer-menu li { display:inline-block; margin:0; padding:0 0 0 60px; }
.footer .footer-menu li:first-child { padding:0; }
.footer .footer-menu li a { color:#fff; font-size:15px; font-weight:600; text-transform:uppercase; }
.footer .footer-menu li a:hover, .footer .footer-menu li a.active { color:#ff5a00; }
.footer .footer-contact { display:flex; margin:0; padding:25px 0 0 0; } 
.footer .footer-contact li { display:inline-block; color:#919191; font-size:12px; font-weight:400; margin:0; padding:0 0 0 30px; }
.footer .footer-contact li:first-child { padding:0; }
.footer .footer-contact li:first-child br { display:none; }
.footer .footer-contact li a { color:#919191; }
.footer .footer-contact li a:hover { color:#ff5a00; }
.contact { background:#e6f2e1; padding:50px 0; }
.contact span { color:#252525; }
.contact span a { color:#ff5a00; font-weight:400; }
.contact span a strong { font-weight:700; }
.contact span a:hover { color:#252525; }
.contact span i { width:50px; height:50px; line-height:48px; display:block; color:#106148; font-size:20px; margin:0 auto 20px auto; border:solid 1px #a1c4b9; border-radius:100px; }
#whyus { padding-bottom:0; }
.whyus-padhide { padding-top:0!important; }
.whyus-img2{ height:650px!important; }
.inner-banner { padding:50px 0 50px 0!important; }
.inner-banner h1 { margin-bottom:0; }
.location { margin-top:40px; }

.location p.address {padding:0 0 0 65px; margin-bottom:30px; line-height:normal; position:relative; }
.location p.address:before {background:url(../images/address.png) center no-repeat; background-size:24px; width:52px; height:52px; line-height:50px; border:1px solid #ffffff; border-radius:50%; content:""; display:inline-block; position:absolute; left:0; top:0; }

.location p.phone {padding:0 0 0 65px; margin-bottom:30px; line-height:normal; position:relative; }
.location p.phone:before {background:url(../images/phone.png) center no-repeat; background-size:24px; width:52px; height:52px; line-height:50px; border:1px solid #ffffff; border-radius:50%; content:""; display:inline-block; position:absolute; left:0; top:0; }

.location p.email {padding:0 0 0 65px; margin-bottom:30px; line-height:normal; position:relative; }
.location p.email:before {background:url(../images/email.png) center no-repeat; background-size:24px; width:52px; height:52px; line-height:50px; border:1px solid #ffffff; border-radius:50%; content:""; display:inline-block; position:absolute; left:0; top:0; }

.location label { margin:0; padding:0; text-transform:uppercase; font-size:14px;color:#FFFFFF; font-weight:600; line-height:normal;}

.location span { display:flex; margin-top:5px; }
.location span a { background:none; font-size:20px; font-weight:600; text-transform:none; padding:0; margin:0; }
.location span a:hover { background:none; font-weight:700; text-transform:none; padding:0; margin:0; }
.location span a br { display:none; }




@media only screen and (max-width:1850px){
.banner { padding:0 0 0 40px; }
h1 { font-size:70px; line-height:78px; }
.whyus .whyus-text { max-width:670px; padding:120px 40px 0 15px; }
}


@media only screen and (max-width:1599px){
.banner { margin-top:99px; padding:0; }
.banner-left { padding:0 0 0 15px; }
.inner-banner { padding:50px 15px!important; }
.banner a { padding:12px 30px; }
.footer { padding:30px 15px; }
h1 { font-size:58px; line-height:66px; margin-bottom:30px; }
h2 { font-size:44px; line-height:52px; margin-bottom:30px; }
.banner h5 { font-size:24px; line-height:32px; }
.banner h5 br { display:none; }
.banner a { margin-top:35px; }
.navbar-area { padding:15px; }
.navbar-area.sticky { padding:15px; }
.navbar-nav .nav-item { margin-left:30px; }
.header-contact { margin-bottom:15px; }
.sticky .header-contact { margin-bottom:15px; }
.welcome .welcome-right ul li .overlays { height:50px; }
.welcome .welcome-right ul li .overlays .product-details { padding:0 20px; }
.welcome .welcome-right ul li .overlays .product-details h5 { font-size:22px; margin-bottom:10px; }
#whyus { margin-top:-80px; }
.whyus { padding:80px 0; }
.whyus .whyus-text { padding:80px 20px 0 15px; } 
.whyus .whyus-img { height:700px; }
.whatwedo .whatwedo-wrap { padding:60px; }
.footer .footer-contact { padding:20px 0 0 0; }
.welcome { padding:80px 5px 80px 15px; }
.brand-products { padding:80px 5px; }
.whatwedo { padding:80px 5px; }
.whoweservice { padding:80px 5px; }
}


@media only screen and (max-width:1350px){
.footer .footer-menu li { padding:0 0 0 40px; }
.footer .footer-contact li { padding:0 0 0 15px; }
.navbar-nav .nav-item { margin-left:20px; }
.welcome .welcome-right ul li .overlays .product-details h5 { font-size:20px; }
.whyus .whyus-img { height:750px; }
}


@media only screen and (max-width:1199px){
h1 { font-size:48px; line-height:52px; margin-bottom:18px; }
.banner a { margin-top:25px; }
.welcome .welcome-left { padding:30px; }
.welcome .welcome-right ul li .overlays .product-details h5 { font-size:20px; }
.footer .row { display:block; text-align:center;  }
.footer .row .col-lg-3, .col-lg-9 { width:100%; }
.footer .footer-menu { display:block; margin-top:25px; }
.footer .footer-contact { display:block; }
.banner { margin-top:120px; }
.navbar-brand { position:absolute; left:0; top:-10px; }
.header-right { width:100%; }
.navbar-nav { width:100%; justify-content:center; padding-top:5px; }
.navbar-nav li { padding:0 20px; }
.navbar-nav li a { font-size:15px!important; font-weight:600!important; }
.contact { padding:40px 0; }
.welcome .welcome-right ul li .overlays .product-details h5 { font-size:16px; margin-bottom:5px; }
.welcome .welcome-right ul li .overlays:before { content:"\f106"; width:30px; line-height:26px; height:30px; right:10px; }
.whyus .whyus-img { height:750px; }
}


@media only screen and (max-width:1024px){
h1 { font-size:40px; line-height:46px; margin-bottom:15px; }
h2 { font-size:40px; line-height:46px; margin-bottom:20px; }
h5 { font-size:20px; margin-bottom:15px; }
.banner h5 { font-size:20px; line-height:26px; }
.products-headding h5 { margin-bottom:5px!important; }
.welcome { padding:50px 5px 50px 15px; }
.brand-products { padding:50px 5px; }
.brand-products .products-wrap::before { left:20px; }
.brand-products .products-wrap .products-title { padding:0 10px 40px 60px; }
.brand-products .products-wrap .products-headding::before { left:20px; }
.brand-products .products-wrap .products-headding { padding:25px 15px 10px 45px; }
.brand-products .products-wrap .products-title p { max-width:100%; }
.whatwedo { padding:50px 5px; }
.whatwedo .whatwedo-wrap { padding:40px; }
.whoweservice { padding:50px 5px; }
.whoweservice ul { padding-top:10px; }
.whoweservice ul li { padding:10px 0 0 0; }
.whoweservice ul li img { margin-bottom:25px; }
#whyus { margin-top:-50px; }
.whyus { padding:50px 0; }
.whyus .whyus-text { padding:50px 15px 0 15px; }
.welcome .welcome-right ul li .overlays:before { display:block; }
.inner-banner { padding:30px 15px!important; }
}

@media only screen and (max-width:991px){
.navbar-toggler { position:absolute; top:0; right:0; }
h1 { font-size:36px; line-height:40px; }
h2 { font-size:32px; line-height:38px; }
p { font-size:16px; line-height:26px; margin-bottom:20px; }
.banner h1 { padding-top:25px; }
.header .navbar-brand img { width:auto; }
.header-right { justify-content:space-around; display:flex; flex-wrap:wrap; padding-top:42px; }
.header-contact { margin:0; }
.sticky .header-contact { margin:0; }
.banner { margin-top:105px; }
.navbar-nav li a { color:#000!important; }
.navbar-nav li { padding:0; }
.banner a { padding:8px 20px; font-size:16px; margin-bottom:25px; }
.welcome { padding:50px 15px; }
.welcome-left p { font-size:16px; line-height:26px; }
.welcome .mt-25 { margin-top:10px!important; }
.welcome .welcome-right ul li .overlays .product-details { padding:0 15px; }
.welcome .welcome-right ul li .overlays { height:50px; }
.welcome .welcome-right ul li .overlays .product-details h5 { font-size:20px; margin-bottom:10px; }
.welcome .welcome-right ul li:hover .overlays .product-details p { font-size:16px; line-height:26px; }
.welcome .welcome-right { padding:10px 0 0 0; }
.welcome .welcome-right ul { gap:10px; }
.welcome .welcome-right ul li { width: calc(50% - 5px); }
.whatwedo .whatwedo-wrap { padding:30px; }
.whoweservice ul li h6 { font-size:18px; line-height:26px; }
.brand-products .products-wrap .products-headding p { line-height:26px; }
.products-headding h5 { font-size:18px; }
.welcome .row .col-sm-12 { width:100%; }
.welcome .welcome-left { padding:25px 10px; }
.welcome .welcome-right ul li a { width:100%; }
.pad-hide { padding:0; }
.contact { padding:40px 0 20px 0; }
.contact span { margin-bottom:25px; }
.contact span i { margin:0 auto 15px auto; }
.footer .footer-menu li { padding:0 0 0 20px; }
.whyus .whyus-img { height:670px; }
.whyus-img2{ height:600px!important; }
.inner-banner h1 { padding-top:0!important; }
.location { margin-top:30px; }
.location span a { font-size:16px; }
}


@media only screen and (max-width:767px){
.left-title { padding-right:15px; }
.banner-left { padding:0 15px; }
.banner a { margin-bottom:0; }
.welcome { padding:40px 15px; }
.products-image img { width:100%; }
.brand-products { padding:40px 0; }
.brand-products .products-wrap .products-title h2 { margin-bottom:20px; padding-top:0; }
.brand-products .products-wrap .products-title { padding:0 10px 30px 45px; }
.brand-products .products-wrap .products-headding { padding:20px 15px 40px 30px; }
.p-hide { padding-bottom:0!important; }
.brand-products .products-wrap::before { left:10px; }
.brand-products .products-wrap .products-headding::before { left:10px; }
.whatwedo { padding:40px 0; }
.whatwedo .whatwedo-wrap .whatwedo-text { padding:20px 0 0 0; }
.whatwedo .whatwedo-wrap { padding:30px 20px 35px 20px; }
#whyus { margin-top:0; }
.whyus { padding:35px 15px 40px 15px; }
.whyus .whyus-text { padding:30px 0; max-width:100%; }
.whyus .whyus-img { height:400px;  }
.whoweservice { padding:40px 0 40px 0; }
.whoweservice ul { display:block; }
.whoweservice ul li { width:100%; margin-bottom:30px; }
.whoweservice ul li:last-child { margin-bottom:0; }
.whoweservice ul li img { margin-bottom:15px; }
.header .navbar-collapse { top:51px!important; background:#fff; }
.contact { padding:30px 0 5px 0; }
.footer .footer-contact li { display:block; padding:5px 0; line-height:24px; }
.footer .footer-contact li:first-child { padding:5px 0; }
.footer .footer-contact li:first-child br { display:block; }
.location { max-width:fit-content; margin:30px auto 0 auto!important; }
.inner-banner h1 { text-align:center; }
.m-banner { padding-bottom:10px!important; }
}


@media only screen and (max-width:599px){
.welcome .welcome-right ul { gap:0; }
.welcome .welcome-right ul li { width:calc(100% - 0px); margin-bottom:10px; }
.welcome .welcome-right ul li a { width:100%; }
.welcome .welcome-right ul li:last-child { margin-bottom:0; }
.header-contact ul li:nth-child(2) { padding:0 6px; }
}


@media only screen and (max-width:479px){
.footer .footer-menu { margin-top:20px; }
.footer .footer-menu li { width:100%; padding:5px 0; }
.navbar-brand { top:-7px; }
.header .navbar-brand img { width:240px; }
.header-contact ul { text-align:center; }
.header-contact ul li { width:100%; }
.header-contact ul li:nth-child(2) { display:none; }
.banner { margin-top:132px; }
.location span a { font-size:15px; }
.location span a br { display:block; }
}