/*
Theme Name: Landscape Theme
Theme URI: #
Author: Harry Soni
Author URI: #
Description: Theme is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.0
Tags: light, gray, white, one-column, two-columns, right-sidebar, flexible-width, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: harry

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* global box-sizing */

@charset "utf-8";
/* CSS Document */

body {font-family:'Roboto Regular'; font-kerning: none; font-size: 14px; padding: 0; margin:0; width:1500px; max-width:100%;
}

* { -webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale; }

a{color:inherit; text-decoration:none;}

::selection{background:#67b024;color:#fff;}

::-webkit-selection{background:#67b024;color:#fff;}

::-moz-selection{background:#67b024;color:#fff;}

a{outline:0 none;color:inherit;text-decoration:none;-webkit-transition:all .5s;-moz-transition:all .5s;transition:all .5s;
outline:0 none;}

a:focus, a:hover{text-decoration:none; color:inherit;}

img{max-width:100%;outline:0 none;border:0 none;}

.nopadding{padding-left:0px; padding-right:0px;}

.wraper{padding-left:100px; padding-right:180px; display:table;}

@font-face {
    font-family:'Montserrat Bold';
    src: url('fonts/montserrat/Montserrat Bold.eot');
	src: url('fonts/montserrat/Montserrat Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat/Montserrat Bold.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat Bold.woff') format('woff'),
		url('fonts/montserrat/Montserrat Bold.svg#Montserrat Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Montserrat Medium';
    src: url('fonts/montserrat/Montserrat Medium.eot');
	src: url('fonts/montserrat/Montserrat Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat/Montserrat Medium.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat Medium.woff') format('woff'),
		url('fonts/montserrat/Montserrat Medium.svg#Montserrat Medium') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Montserrat Regular';
    src: url('fonts/montserrat/Montserrat Regular.eot');
	src: url('fonts/montserrat/Montserrat Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/montserrat/Montserrat Regular.woff2') format('woff2'),
		url('fonts/montserrat/Montserrat Regular.woff') format('woff'),
		url('fonts/montserrat/Montserrat Regular.svg#Montserrat Regular') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Roboto Bold';
    src: url('fonts/roboto/Roboto Bold.eot');
	src: url('fonts/roboto/Roboto Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/roboto/Roboto Bold.woff2') format('woff2'),
		url('fonts/roboto/Roboto Bold.woff') format('woff'),
		url('fonts/roboto/Roboto Bold.svg#Roboto Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Roboto Light';
    src: url('fonts/roboto/Roboto Light.eot');
	src: url('fonts/roboto/Roboto Light.eot?#iefix') format('embedded-opentype'),
		url('fonts/roboto/Roboto Light.woff2') format('woff2'),
		url('fonts/roboto/Roboto Light.woff') format('woff'),
		url('fonts/roboto/Roboto Light.svg#Roboto Light') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Roboto Medium';
    src: url('fonts/roboto/Roboto Medium.eot');
	src: url('fonts/roboto/Roboto Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/roboto/Roboto Medium.woff2') format('woff2'),
		url('fonts/roboto/Roboto Medium.woff') format('woff'),
		url('fonts/roboto/Roboto Medium.svg#Roboto Medium') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Roboto Regular';
    src: url('fonts/roboto/Roboto Regular.eot');
	src: url('fonts/roboto/Roboto Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/roboto/Roboto Regular.woff2') format('woff2'),
		url('fonts/roboto/Roboto Regular.woff') format('woff'),
		url('fonts/roboto/Roboto Regular.svg#Avenir Next Condensed Bold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: condensed;
    unicode-range: U+0020-00FE;
}


/********* header *********/

header{ padding:2px 0px 0px; background:#f4f4f4; }

.logo img{width:80%; display:inline-block;}

#imaginary_container{margin-top:10px;}

.stylish-input-group .input-group-addon{background: white !important; border-radius:7px; border-color:#898989}

#imaginary_container .stylish-input-group .form-control{box-shadow:0 0 0; border:1px solid #898989; border-radius:7px; width:100%; 
height:45px; font-size:15px;}

.input-group {position: relative;  display: block; border-collapse: separate;}

.btn-search {background-color:transparent; border: none;  padding: 0px; font-size: 15px; cursor: pointer; display: inline-block;
 float: right; position:absolute; right:5px; z-index:99;}

.btn-search i {right: 0px;}

.btn-search i {position: relative; padding: 15px; color: #898989; cursor: pointer;}

.phone{padding-top:13px;}

.phone img{display:inline-block; width:10px;}

.phone h4{display:inline-block; color:#67b024; font-family:'Roboto Bold'; font-size:14px; vertical-align:middle; 
padding-left:5px;}

/** menu **/
#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #head-mobile{border:0;list-style:none;line-height:1;display:block;position:relative;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

#cssmenu UL{padding:0px; margin:0px;}

#cssmenu:after,#cssmenu > ul:after{content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0;}

#cssmenu #head-mobile{display:none}

#cssmenu{font-family:'Roboto Regular'; margin-top:20px; float:right;}

#cssmenu > ul > li{float:left;}

#cssmenu > ul > li > a{padding:11px 16px 25px;font-size:16px;letter-spacing:1px;text-decoration:none;color:#565656;}

#cssmenu > ul > li:hover > a{color:#fff}
#cssmenu ul  .active a{color:#fff}

#cssmenu > ul > li:hover,#cssmenu ul li.active:hover,#cssmenu ul li.active,#cssmenu ul li.has-sub.active:hover{background:#67b024 !important;-webkit-transition:background .3s ease;-ms-transition:background .3s ease;transition:background .3s ease; border-top-left-radius:10px; border-top-right-radius:10px;}

#cssmenu > ul > li.has-sub > a:after{position:absolute;top:22px;right:11px;width:8px;height:2px;display:none;background:#ddd;content:''}

#cssmenu ul .drop-down{position:absolute;  left: -9999px;}

#cssmenu ul .drop-down li{-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease}
#cssmenu ul .drop-down li:hover{}

#cssmenu li:hover > ul{left:auto; z-index: 999; width:214px; background:#67b024; border-bottom-left-radius:10px; border-bottom-right-radius:10px; padding:10px 16px;}

#cssmenu li:hover > ul > li{}

#cssmenu ul .drop-down ul{margin-left:100%;top:0}

#cssmenu ul li .drop-down li a{border-bottom:0px solid rgba(150,150,150,0.15);padding:5px 0px 10px;font-size:15px;text-decoration:none;color:#b8f87c;font-weight:700; font-family:'Roboto Light';}

#cssmenu ul .drop-down li:last-child > a,#cssmenu ul ul li.last-item > a{border-bottom:0}

#cssmenu ul .drop-down li:hover > a,#cssmenu ul ul li a:hover{color:#fff;}

#cssmenu ul .drop-down li.has-sub > a:before{position:absolute;top:9px;right:14px;display:block;-webkit-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease; content: "\f0da"; font:normal normal normal 14px/1 FontAwesome;}

#cssmenu ul .drop-down li.has-sub:hover,#cssmenu ul li.has-sub ul li.has-sub ul li:hover{background:#2fadb9;}

#cssmenu ul .drop-down ul li.active a{border-left:1px solid #333}

#cssmenu > ul > li.has-sub > .drop-down > li.active > a,#cssmenu > ul .drop-down > li.has-sub > .drop-down > li.active> a{border-top:0px solid #333; color:#fff;}

.button i{display:none;}

@media screen and (max-width:767px){
nav{width:100%;}

#cssmenu{width:100%;}

#cssmenu ul{width:100%; display:none;}

#cssmenu ul li{width:100%;}

#cssmenu ul li:hover{background:#363636;}

#cssmenu li:hover > ul{width:100%;}

#cssmenu ul .drop-down li,#cssmenu li:hover > ul > li{height:auto;}

#cssmenu ul li a,#cssmenu ul ul li a{width:100%;border-bottom:0;}

#cssmenu > ul > li{float:none;}

#cssmenu ul .drop-down li a{padding-left:25px;}

#cssmenu ul .drop-down li{background:#67b024;}

#cssmenu ul .drop-down li:hover{background:none;}

#cssmenu ul .drop-down ul li a{padding-left:35px;}

#cssmenu ul .drop-down li a{color:#ddd; background:none;}

#cssmenu ul .drop-down li:hover > a,#cssmenu ul ul li.active > a{color:#fff;}

#cssmenu ul .drop-down,#cssmenu ul .drop-down {position:relative; left:0; width:100%; margin:0; text-align:center; padding:10px 0px;}

#cssmenu > ul > li.has-sub > a:after,#cssmenu > .drop-down > li.has-sub > a:before,#cssmenu ul .drop-down > li.has-sub > a:after,#cssmenu ul .drop-down > li.has-sub > a:before{display:none}

#cssmenu #head-mobile{display:block; padding:23px; color:#ddd; font-size:12px; font-weight:700;}

.button{position:absolute; right:0; top:-4px; cursor:pointer; z-index: 12399994; left:0px; font-size:30px; color:#b71235; background-color:lightgray; padding:10px 0px;}

.button i{display:block;}

#cssmenu .submenu-button{position:absolute; z-index:99; right:0; top:0; display:block; height:46px; width:46px; cursor:pointer;}

#cssmenu .submenu-button.submenu-opened{background:none;}

#cssmenu ul .drop-down .submenu-button{height:34px; width:34px;}

#cssmenu .submenu-button:after{position:absolute; top:22px; right:19px; width:8px; height:2px; display:block; background:#b71235;content:''}

#cssmenu ul .drop-down .submenu-button:after{top:15px; right:13px;}

#cssmenu .submenu-button.submenu-opened:after{background:#b71235;}

#cssmenu .submenu-button:before{position:absolute; top:19px; right:22px; display:block; width:2px; height:8px; background:#b71235;content:''}

#cssmenu ul .drop-down .submenu-button:before{top:12px;right:16px}

#cssmenu .submenu-button.submenu-opened:before{display:none}

#cssmenu ul .drop-down ul li.active a{border-left:none}

#cssmenu > ul > li.has-sub > .drop-down > li.active > a,#cssmenu > ul .drop-down > li.has-sub > ul > li.active > a{border-top:none}
}

/****** header ends ******/

/****** slider ******/


.slider-wraper .carousel {position: relative; height: 520px; margin-bottom:50px;}

.slider-wraper .fade-carousel .carousel-inner .item { height:520px;}

.slider-wraper .fade-carousel .carousel-indicators > li {margin: 0 2px; background-color:transparent; border-color: #fff;
opacity:1; border:2px solid #fff;}

.slider-wraper .fade-carousel .carousel-indicators > li.active {width: 10px; height: 10px; opacity: 1;  background-color:#fff; border-color: #fff;}

.slider-wraper .fade-carousel .carousel-indicators {bottom: 70px;}

.slider-wraper .hero {position: absolute; top: 45%; left: 50%; z-index: 3; color: #fff; text-align: center; 
 text-shadow: 1px 1px 0 rgba(0,0,0,.75); -webkit-transform: translate3d(-50%,-50%,0);
-moz-transform: translate3d(-50%,-50%,0); -ms-transform: translate3d(-50%,-50%,0); -o-transform: translate3d(-50%,-50%,0);
transform: translate3d(-50%,-50%,0);}

.slider-wraper .hero h1 {font-size:50px; font-family:'Montserrat Bold'; margin-bottom:25px; padding:0 62px; text-transform: uppercase;}

.slider-wraper .hero p {font-size:30px; font-family:'Roboto Regular'; margin: 0; padding: 0;}

.slider-wraper .fade-carousel .carousel-inner .item .hero {opacity: 0; -webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s;  -o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s;}

.slider-wraper .fade-carousel .carousel-inner .item.active .hero {opacity: 1; -webkit-transition: 2s all ease-in-out .1s;
-moz-transition: 2s all ease-in-out .1s; -ms-transition: 2s all ease-in-out .1s; -o-transition: 2s all ease-in-out .1s; 
transition: 2s all ease-in-out .1s;}

.slider-wraper .btn.btn-lg {padding: 10px 40px;}

.slider-wraper .btn.btn-hero,
.slider-wraper .btn.btn-hero:hover,
.slider-wraper .btn.btn-hero:focus {color: #f5f5f5; background-color: #1abc9c; border-color: #1abc9c; outline: none; 
margin: 20px auto;}

.slider-wraper .fade-carousel .slides .slide-1, 
.slider-wraper .fade-carousel .slides .slide-2,
.slider-wraper .fade-carousel .slides .slide-3,
.slider-wraper .fade-carousel .slides .slide-4 {height: 520px; background-size: cover; background-position: center center;
background-repeat: no-repeat;}

.slider-cut{position:absolute; bottom:-1px;}

@media screen and (min-width: 980px){
    .slider-wraper .hero { width: 980px; }    
}

/** slider ends **/


/*** why choose section ***/

.why-wraper{display:inline-block; margin-bottom:30px;}

.why-wraper h1{color:#67b024; font-size:45px; font-family:'Montserrat Bold'; margin-top:0px; margin-bottom:70px; text-transform:uppercase;}

.why-wraper ul{padding:0px; margin:0px;}

.why-wraper ul li{list-style-type:none; font-family:'Roboto Regular';}

.why-wraper .earth{position:relative; height:200px;}

.why-wraper .earth:before { content:''; border:2px solid #67b024; padding:10px; border-radius:50%; width:160px; height:160px; position:absolute; top: 10px; left:75px; z-index:-1;}

.why-wraper .earth img{display:inline-block; padding:20px;}

.why-wraper .choose{position:relative; height:200px;}

.why-wraper .choose img{border: 2px solid #67b024; border-spacing: 15px; border-collapse: separate;border-radius:50%; padding:8px;}


.why-wraper p{font-size:28px; color:#282828; font-family:'Roboto Light';}

.why-wraper span{font-family:'Roboto Medium';}

.why-padding{padding-top:15px;}

/*** why choose section ends ***/
/*** who we are  section ***/

.who-wraper{background:url(images/who-bg.jpg); background-repeat:no-repeat; background-size:100% 100%; padding:50px 0px; margin-bottom:30px; position:relative;}

.cut-img{position:absolute; top:-28px; float:left; left:0px;}
.cut-img img{width:90%; display:inline-block;}
.cut-img1{position:absolute; bottom:-28px; float:left; left:0px;}

.cut-img1 img{width:90%; display:inline-block;}

.who-wraper .who-txt{padding:90px 0px 150px 0px;}

.who-wraper .who-txt h1{font-size:45px; color:#FFF; font-family:'Montserrat Bold'; margin-bottom:30px;}

.who-wraper .who-txt p{font-size:30px; color:#FFF; font-family:'Roboto Light';}

.who-wraper .who-txt-second{padding:0px 30px 0px 30px;}

.who-wraper .who-txt-second p{font-size:16.5px; font-family:'Roboto Light'; color:#282828; margin-bottom:30px;}

.who-wraper .who-txt-second h4{font-size:20px; font-family:'Roboto Medium'; color:#3e7114; text-decoration:underline; margin-bottom:50px;}

.know-btn{text-align:center; display:flex;}

.know-btn a{padding:17px 66px; color:#fff; font-family:'Roboto Medium'; background-color:#b71235; border-radius:10px; letter-spacing:1px; font-size:18px;}

.know-btn a:hover{background-color:#890E26;}


/*** who we are section ends ***/


/*** Our products section ***/

.our-wraper{margin-bottom:50px; clear:both;}

.ch-grid-top{margin-top:70px;}

.ch-grid {margin: 70px 0 0 0; padding: 0; list-style: none; display: block; text-align: center; width: 100%;}

.ch-grid h1{font-size:45px; color:#67b024; font-family:'Montserrat Bold'; margin-bottom:70px; text-transform:uppercase;}

.ch-grid:after,.ch-item:before {content: ''; display: table;}

.ch-grid:after {clear: both;}

.ch-item:after{content:''; border:2px solid #fff; position:absolute; width:235px; height:235px; border-radius:50%; top:-8px; 
left:-8px; z-index:-9;}

.ch-grid li h2{color:#282828; font-family:'Roboto Medium'; font-size:24px;}

.ch-grid li {width: 220px; height: 220px; display:inline-block; margin: 8px 10px;}

.ch-item {width: 100%; height: 100%; border-radius: 50%; position: relative; cursor: default; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}

.ch-item img{border-radius:50%; width:100%; height:100%;}
.ch-info {position: absolute; background: rgba(183,18,53, 0.8); width:inherit; height:inherit; border-radius:50%; opacity: 0;
-webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out;
-ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(0); -moz-transform: scale(0);-o-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-backface-visibility: hidden; top:0px;}

.ch-info p {color:#fff; padding:88px 16px; margin:0 30px; opacity: 0;
-webkit-transition: all 1s ease-in-out 0.4s; -moz-transition: all 1s ease-in-out 0.4s; -o-transition: all 1s ease-in-out 0.4s;-ms-transition: all 1s ease-in-out 0.4s; transition: all 1s ease-in-out 0.4s;}

.ch-info p a {display: block; color: #fff; font-style: normal; font-weight: 700; text-transform: uppercase; font-size: 18px;
letter-spacing: 1px; padding-top: 8px; font-family:'Roboto Medium'; border-bottom:2px solid #fff; 
border-top:2px solid #fff; padding-bottom:8px;}

.ch-info p a:hover {color: #67b024; border-color:#67b024;}

.ch-item:hover {box-shadow: inset 0 0 0 1px rgba(255,255,255,0.1),	0 1px 2px rgba(0,0,0,0.1);}

.ch-item:hover:after{border:2px solid #b71235; transition:all ease-in 0.5s;}

.ch-item:hover .ch-info {-webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1);
transform: scale(1); opacity: 1;}

.ch-item:hover .ch-info p {opacity: 1;}

.view-btn{text-align: center; margin-top: 10%;}

.view-btn a{padding:17px 40px; color:#fff; font-family:'Roboto Medium'; background-color:#b71235; border-radius:10px; letter-spacing:1px; font-size:18px; text-transform:uppercase;}

.view-btn a:hover{background-color:#890E26;}


/*** Our products section ends ***/


/*** line section ***/

.line-img{margin:7% 0px;}

.line-img img{display:inline-block;}

/*** line section ends ***/


/*** how we deliver section ***/

.how-wraper{text-align:center; margin-bottom:50px;}

.how-wraper h1{font-size:45px; color:#67b024; font-family:'Montserrat Bold'; margin-bottom:6%; text-transform:uppercase;}

.deliver-bg{background:url(images/deliver-bg.jpg); background-repeat:no-repeat; background-size:100% 100%; 
padding:400px 0px 80px 0px;}

.deliver-bg p{font-size:32px; color:#fff; font-family:'Roboto Light'; padding:10% 7% 0px;}

.deliver-bg .arrow-img img{display:inline-block; margin-top:30px;}

.truck-round1 {font-family:'Roboto Medium'; text-align:center;}

.truck-round1 h1{background-color:#b71235; color:#fff; padding:15px; border-radius:50%; width:80px; height:80px; display:inline-block; font-family:sans-serif; line-height:50px;}

.truck-round1 p{color:#282828; border-radius:50%; font-size:18px; padding:0px 21%;}

.mb-bottom{margin-bottom:50px;}

.arrow-img{cursor:pointer;}

/*** how we deliver section ends ***/


/*** conatct us section ***/

.contact-wrpaer{background:url(images/contact-bg.jpg); background-repeat:no-repeat; background-size:100% 100%;
padding:100px 0px; text-align:center;}

.contact-wrpaer h1{font-size:45px; color:#67b024; font-family:'Montserrat Bold'; margin-bottom:5%; text-transform:uppercase;}

.contact-wrpaer p {font-size:28px; font-family:'Roboto Light'; color:#fff; margin-bottom:30px; padding: 0px 18%;}

.conatct-btn{text-align: center; margin-top: 5%;}

.conatct-btn a{padding:17px 40px; color:#fff; font-family:'Roboto Medium'; background-color:#67b024; border-radius:10px; letter-spacing:1px; font-size:18px; text-transform:uppercase;}

.conatct-btn a:hover{background-color:#497D1A;}


/*** conatct us section ends ***/


/*** footer section ***/

.fotter-top{padding-bottom:20px; background:#eeeeee; padding-top:50px;}

.fotter-top .navigate-links h3{font-size:20px; color:#67b024; font-family:'Montserrat Bold'; margin-bottom:10%;}

.fotter-top .navigate-links ul{padding:0px; margin:0px;}

.fotter-top .navigate-links ul li{list-style-type:none; font-family:'Roboto Light'; font-size:14px; color:#1b1a17; 
padding:5px 0px;}

.fotter-top .navigate-links ul li a:hover{color:#67b024;}

.fotter-top .contact-links{position:relative;}

.fotter-top .contact-links:after{position:absolute; content:''; width:1px; height:270px; top:-11px; right:0px; 
background-color:#acacac;}

.fotter-top .contact-links h3{font-size:20px; color:#67b024; font-family:'Montserrat Bold'; margin-bottom:10%;}

.fotter-top .contact-links .contact1{padding-bottom:10px;}

.fotter-top .contact-links .contact1 i{font-size:18px; color:#67b024; padding-right:15px; display:inline-block; vertical-align:top; padding-top: 3px;}

.fotter-top .contact-links .contact1 p{font-size:13px; color:#1b1a17; display:inline-block;}

.fotter-top .contact-links .contact2{padding-bottom:10px;}

.fotter-top .contact-links .contact2 i{font-size:14px; color:#67b024; padding-right:10px; display:inline-block; vertical-align:top; padding-top: 3px;}

.fotter-top .contact-links .contact2 p{font-size:13px; color:#1b1a17; display:inline-block;}

.fotter-top .contact-links .contact3{padding-bottom:10px;}

.fotter-top .contact-links .contact3 img{padding-right:10px; display:inline-block; vertical-align:top; padding-top: 3px;}

.fotter-top .contact-links .contact3 p{font-size:13px; color:#1b1a17; display:inline-block;}

.fotter-top .contact-links .contact4{padding-bottom:10px;}

.fotter-top .contact-links .contact4 i{font-size:18px; color:#67b024; padding-right:10px; display:inline-block; vertical-align:top; padding-top: 3px;}

.fotter-top .contact-links .contact4 p{font-size:13px; color:#1b1a17; display:inline-block;}



.fotter-top .handy-links h3{font-size:20px; color:#67b024; font-family:'Montserrat Bold'; margin-bottom:10%;}

.fotter-top .handy-links div{margin-bottom:20px;}

.fotter-top .handy-links h4{font-size:14px; color:#11110f; font-family:'Roboto Medium'; margin-bottom:4%;}

.fotter-top .handy-links p{font-size:13px; color:#11110f; font-family:'Roboto Light';}


.footer-bg{background:url(images/end-bg.jpg); background-repeat:no-repeat; background-size:100% 100%; padding:100px 0px;}


.footer-bottom{background-color:#111111; padding:17.5px 0px;}

.footer-bottom p{color:#989898; font-size:14px; padding-top:5px; font-family:'Roboto Medium'; margin-bottom:0px;}

.footer-icons{float:right;}

.footer-icons i{font-size:28px; color:#616161; padding-right:20px;}

.footer-icons a:hover i{color:#fff;}

/*** footer section ends ***/


/******* about us page *******/

.about-container{padding-left:166px; padding-right:166px; display: table; width:100%;}

.inner-title{background-repeat:no-repeat; background-size:cover; padding:119px 0px; margin-bottom:50px; position:relative; text-transform:uppercase;}

.inner-title h1{color:#FFF; font-size:55px; text-align:center; font-family:'Montserrat Bold'; padding:0px 150px;}

.about-wraper h1 {color: #67b024; font-size: 45px; font-family: 'Montserrat Bold'; margin-top: 0px; margin-bottom: 70px;
text-transform: uppercase; text-align:center;}

.about-wraper h2 {color: #282828; font-size: 35px; font-family: 'Roboto Light'; margin-top: 0px; margin-bottom: 40px; 
padding:0px 150px; text-align:center;}

.about-wraper img {display:inline-block; width:275px; height:250px; padding: 5px 0px; margin-bottom:20px;}

.about-wraper p {color: #282828; font-size: 15px; font-family: 'Roboto Light'; margin-top: 0px; margin-bottom: 25px; 
padding:0px 0px;}

.about-wraper h3 {color: #282828; font-size: 28px; font-family: 'Roboto Medium'; margin-top: 0px; margin-bottom: 25px; 
padding:0px 0px;}

.about-second h3 {color: #282828; font-size: 28px; font-family: 'Roboto Medium'; margin-top: 0px; margin-bottom: 15px; 
padding:0px 0px;}

.about-second h4 {color: #282828; font-size: 20px; font-family: 'Roboto Medium'; margin-top: 0px; margin-bottom: 10px; 
padding:0px 0px;}

.about-second p {color: #282828; font-size: 15px; font-family: 'Roboto Light'; margin-top: 0px; margin-bottom: 15px; 
padding:0px 0px;}

.about-second p:nth-child(2){margin-bottom:30px; padding-right: 14px;}

.our-deliver-bg{background:url(images/our-deliver-bg.jpg); background-repeat:no-repeat; background-size:100% 100%; padding:80px 0px 120px; margin-top:5%;}

.our-deliver-bg h3{font-size:28px; color:#fff; font-family: 'Roboto Medium'; margin-bottom:20px; padding-left:16px;}

.our-deliver-bg h4{font-size:17px; color:#fff; font-family:'Roboto Regular'; margin-bottom:40px; line-height:30px; padding:0px 25px 0px 16px;}

.our-box {font-family: 'Roboto Medium'; text-align: center;}

.our-box h1 {background-color: #b71235; color: #fff; padding: 15px; border-radius: 50%;  width: 80px; height: 80px;
display: inline-block; font-family: sans-serif; line-height: 50px;}

.our-box p {color: #fff; border-radius: 50%; font-size: 18px; padding:0px 15px 0px 0px;}

.float-right{float:right;}

.ml-left{margin-left:14%;}

.about-third{margin-bottom:12%; margin-top:4%;}

.about-third h3 {color: #282828; font-size: 28px; font-family: 'Roboto Medium'; margin-top: 0px; margin-bottom: 30px; 
padding:0px 0px;}

.about-third h4 {color: #282828; font-size: 20px; font-family: 'Roboto Bold'; margin-top: 0px; margin-bottom: 25px; 
padding:0px 0px;}

.about-third i{font-size:10px; color:#b71235; vertical-align: top; padding-top: 7px; padding-right:10px;}

.about-third p {color: #282828; font-size: 15px; font-family: 'Roboto Light'; margin-top: 0px; margin-bottom: 25px; 
padding:0px 0px;}

.about-third p:nth-child(4){padding-right:15px;}

/***** about us page ends ******/
/******* conatct us page *******/

.contact-wraper h1 {color: #67b024; font-size: 45px; font-family: 'Montserrat Bold'; margin-top: 0px; margin-bottom: 40px;
text-transform: uppercase; text-align:center;}

.contact-wraper h2 {color: #282828; font-size: 30px; font-family: 'Roboto Light'; margin-top: 0px; margin-bottom: 40px; 
padding:0px 70px; text-align:center;}

.contact-wraper h3 {color: #282828; font-size: 30px; font-family: 'Roboto Light'; margin-top: 40px; margin-bottom: 0px; 
padding:0px 60px; text-align:center;}

.conatct-box {font-family: 'Roboto Regular'; text-align: center;}

.conatct-box div {background-color: #b71235; color: #fff; padding: 15px; border-radius: 50%;  width: 110px; height: 110px;
display: inline-block; line-height: 75px; font-size:30px;}

.conatct-box p {color: #282828; border-radius: 50%; font-size: 18px; margin-top:20px;}

.conatct-box2 {font-family: 'Roboto Regular'; text-align: center;}

.conatct-box2 div {background-color: #b71235; color: #fff; padding: 15px; border-radius: 50%;  width: 110px; height: 110px;
display: inline-block; line-height: 75px; font-size:25px;}

.conatct-box2 p {color: #282828; border-radius: 50%; font-size: 18px; margin-top:20px;}

.form-contact{padding:40px 40px 25px; background:#67b024; margin-bottom:100px;}

#panel .group {position: relative; margin-bottom: 35px;}

#panel .form-input {font-size: 16px; padding: 5px 10px 10px 5px; display: block; width: 100%; border: none; 
border-bottom: 2px solid #fff; background: transparent; font-family: 'Roboto Light'; color:#fff;}

#panel .form-textarea {font-size: 16px; padding: 5px 10px 10px 5px; display: block; width: 100%; border: none; 
border-bottom: 2px solid #fff; background: transparent; font-family: 'Roboto Light'; height:130px; color:#fff;}

#panel .form-input:focus { outline: none; }

#panel .form-textarea:focus { outline: none; }

#panel .form-input::placeholder, #panel .form-textarea::placeholder{color:#fff;}

.btn-send{color:#fff; background-color:#38690a; border-color:#38690a; display:inline-block; padding:11px 35px; margin-bottom:0;
font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle;
border: 1px solid transparent; border-radius: 10px; text-transform:uppercase; font-family: 'Roboto Medium'; letter-spacing:1px;
transition:all ease-in 0.5s;}

.btn-send:hover{color:#fff; background-color:#4B8F0E; border-color:#4B8F0E;}

/******* products page *******/
.products-wraper{margin-bottom:10%;}
.products-wraper .ch-grid{margin:30px 0px 0px;}

/******* products page ends *******/

/******* products detail page *******/

.detail-wraper{margin-bottom:10%;}
.detail-wraper img{display:inline-block; padding:5px 5px 5px 0px;}
.detail-wraper h3{font-size:28px; color:#282828; font-family: 'Roboto Medium'; margin-top:0px; margin-bottom:20px;}
.detail-wraper p{font-size:16px; color:#282828; font-family: 'Roboto Light'; margin-top:0px;}
.detail-wraper .media-carousel {margin-bottom: 0; padding: 0 0px 30px 0px;}
.detail-wraper .media-carousel .carousel-control.left {left: -75px; background-image: none; background: none repeat scroll 0 0 ; color:#c3c3c3; border:none; border-radius: 23px 23px 23px 23px; height: 45px; width : 40px; margin-top: 90px}
.detail-wraper .media-carousel .carousel-control.right {right: -55px !important; background-image: none; background: none repeat scroll 0 0 ; border:none; border-radius: 23px 23px 23px 23px; height: 45px; width : 40px; margin-top: 90px; color:#c3c3c3;}
.detail-wraper .media-carousel .carousel-control{font-size:0px; opacity:1;}
.detail-wraper .media-carousel img{display:inline-block; padding:0px;}
.detail-wraper .media-carousel .carousel-inner img{ height:250px; }
.detail-wraper .media-carousel .item-1, .item-2, .item-3, .item-4{width:25%; padding-left:0px; padding-right:20px; display:inline-block; float:left;}
.detail-wraper .enquire-btn{padding: 17px 70px; color: #fff; font-family: 'Roboto Medium'; background-color: #b71235;
border-radius: 10px; letter-spacing: 1px; font-size: 18px; text-transform: uppercase; display:inline-block; margin-top:40px; cursor:pointer; border:none;}
.detail-wraper .enquire-btn:hover {background-color: #890E26;}
.detail-wraper .enquire-btn:focus{border-color:transparent; outline:0px;}
.modal {background: rgba(0, 0, 0, 0.8);}
.modal-header {padding: 10px; border-bottom: 0px solid #e5e5e5; background: #67b024;}
.modal-title {margin: 0; line-height: 1.42857143; color: #fff; font-size:30px; text-transform:uppercase; font-family: 'Montserrat Bold'; padding-top: 8px;}
.modal-header .close {margin-top: 0px; color: #fff; opacity: 1; padding:7px 13px; background: #56961a; 
font-family: 'Roboto Light'; text-shadow:none; font-size:35px;}
.modal-body {position: relative; padding: 20px; display: inline-block;}
.modal-footer {padding:0px 35px 5px; text-align:left; border-top: 0px solid #e5e5e5;}
.form-group { margin-bottom: 20px;}
.form-control {display: block; width: 100%; height: 50px; padding:6px 12px; font-size: 14px; 
line-height: 1.42857143; color: #4c4c4c; background-color: #fff; background-image: none; border: none; border-radius: 0px;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075); box-shadow: inset 0 0px 0px rgba(0,0,0,.075);
-webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; font-family: 'Roboto Light';
transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s; border-bottom:1px solid #959595;}
textarea.form-control{height:130px;}
.form-control:focus {border-color:#959595; outline: 0;
-webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);
box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102,175,233,.6);}

.modal-footer .btn-send1 {color: #fff; background-color: #67b024; border-color: #67b024; display: inline-block; padding: 11px 35px;  margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 1.42857143; text-align: center; white-space: nowrap; vertical-align: middle; border: 1px solid transparent; border-radius: 10px; text-transform: uppercase; 
font-family: 'Roboto Medium'; letter-spacing: 1px; transition: all ease-in 0.5s;}
.modal-footer .btn-send1:hover{background-color:#56941F; border-color:#56941f;}
.modal-footer .btn-send1:focus{outline:0px;}

/******* products detail page ends *******/

/******* gravel & base page *******/

.gravel-wraper{margin-bottom:50px; margin-top:40px;}
.side-base h3{font-size:25px; color:#282828; font-family: 'Roboto Medium'; margin-bottom:20px; margin-top:0px;}
.side-base ul{padding:0px; margin:0px; background-color:#67b024; padding:15px 0px 10px;}
.side-base ul li{list-style-type:none; padding-bottom:6px; padding-top:6px;}
.side-base ul li a {padding:6px 20px; font-size:18px; color:#fff; font-family: 'Roboto Light'; display:inline-block; width:100%}
.side-base ul li a:hover{background-color:#539418;}
.side-base ul li.active a{background-color:#539418;}
.base-right{text-align:center; margin-bottom:50px;}
.base-right inmg{display:inline-block;}
.base-right h2{color:#282828; font-family: 'Roboto Medium'; font-size:23px; margin-bottom:20px;}
.base-right .ptxt{color:#282828; font-family: 'Roboto Light'; font-size:14px; margin-bottom:20px; padding:0px 2px; /*height:60px;*/ }
.base-right .btn-now{color:#fff; font-family: 'Roboto Medium'; font-size:12px; background-color: #b71235; display:inline-block; border-radius:10px; padding:11px 35px; letter-spacing: 1px; transition: all ease-in 0.5s; text-transform:uppercase; border:none;}
.base-right .btn-now:hover{background-color: #890E26;}

/******* gravel & base page ends *******/

.ch-img-1 {background-image:url(images/product/pro1.png); background-size:cover;}
.ch-img-2 {background-image:url(images/product/pro2.png); background-size:cover;}
.ch-img-3 {background-image:url(images/product/pro3.png); background-size:cover;}
.ch-img-4 {background-image:url(images/product/pro4.png); background-size:cover;}
.ch-img-5 {background-image:url(images/product/pro5.png); background-size:cover;}
.ch-img-6 {background-image:url(images/product/pro6.png); background-size:cover;}
.ch-img-7 {background-image:url(images/product/pro7.png); background-size:cover;}
.ch-img-8 {background-image:url(images/product/pro8.png); background-size:cover;}

/******* link edge page *******/

.edge-right{margin-bottom:50px;}
.edge-right img{display:inline-block; width:32.5%; margin-bottom:30px;}
.edge-right h2{color:#282828; font-family: 'Roboto Medium'; font-size:23px; margin-bottom:20px; margin-top:0px;}
.edge-right h5{color:#282828; font-family: 'Roboto Medium'; font-size:18px; margin-bottom:10px; margin-top:0px;}
.edge-right p{color:#282828; font-family: 'Roboto Light'; font-size:14px; margin-bottom:20px; padding:0px 10px 0px 0px;}
.edge-right .btn-now{color:#fff; font-family: 'Roboto Medium'; font-size:12px; background-color: #b71235; display:inline-block; border-radius:10px; padding:11px 35px; letter-spacing: 1px; transition: all ease-in 0.5s; text-transform:uppercase; border:none;margin-top:30px;}
.edge-right .btn-now:hover{background-color: #890E26;}
.download-box{display:inline-block; margin-top:30px;}
.download-box h3{color:#282828; font-family: 'Roboto Medium'; font-size:23px; margin-bottom:20px; margin-top:0px;}
.download-box a{color:#67b024; font-family: 'Roboto Medium'; font-size:18px; margin-bottom:10px;  display:block;}

/******* link edge page ends *******/
/******* gallery page *******/
.galley-wraper{margin-bottom:9%; margin-top:15px;}
.nf-item{/*width:25%;*/ float:none; padding-left:15px; padding-bottom:30px; padding-right:15px; text-align:center }
.item-box1 {position: relative; overflow: hidden; display: block;}
.item-box1:hover:after {transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s; opacity: 1;}
.item-box1:after {content: ''; position: absolute; top: 0; left: 0; width: 100%; height:100%; background: rgba(0,0,0,.85);
opacity: 0; transition: all 0.3s linear 0s; -webkit-transition: all 0.3s linear 0s;}
.item-box1:hover .link-zoom1 {top:50%; opacity:1; transition:all 0.2s ease-out 0s; -webkit-transition: all 0.2s ease-out 0s;}
.link-zoom1 {transition: all 0.2s linear 0s; -webkit-transition:all 0.2s linear 0s; height:40px; position:absolute; top: 55%;
left: 50%; color: #fff; z-index: 1; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); opacity: 0;}
.item-box1 a {/*display: inline-block;*/}
.item-box1 img {width:100%;}
.link-zoom1 a {line-height:40px; text-align:center;; font-size:20px; color:#67b024;}

/******* gallery page ends *******/

.gravel-wraper .h1-title{ color:#67b024; font-family:"Montserrat Bold"; margin-bottom:20px; font-size:30px; }
.base-right img{ height:218px; width:218px; }
.firewood ul{ margin-top:20px; margin-bottom:20px; }
.green{ color:#67B024; }
.submenu-button .fa{ text-align:center;vertical-align:middle;display:inline-block;position:relative;top:30%; }