@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;list-style-type:none;box-sizing:border-box;}
body {font-family: 'Open Sans', sans-serif; font-size: 14px;background-color:#fff;}
h1,h2,h3,h4,h5,h6{font-family: 'Open Sans', sans-serif;}

h1 {font-size: 30px;font-weight: 600;color: #353535;text-transform: uppercase;text-align: center;margin-bottom:25px;padding-bottom:15px;position:relative}
h1:after {position:absolute;content:"";width:80px;height:2px;bottom:0;left:50%;background-color: #8ec327;margin-left: -40px;}

h2 {font-size: 35px;font-weight: 600;color: #353535;margin-bottom:20px;}

a {text-decoration: none;transition-duration: 0.9s;}
p {font-family: 'Open Sans', sans-serif; font-size:14px;color:#656565;line-height:24px;margin-bottom:10px}

.arrow {padding-left: 20px; background: url(../images/arrow.png) 0 7px no-repeat;}

.wrapper{max-width:1200px;width: 100%;margin: 0 auto;padding:0px 15px;}
.row {width:100%;float:left;}

/*----------Header----------*/
.header {width:100%;margin:0 auto; background: url(../images/black-bg.png) 0 0px repeat;text-align:center;}
.header .logo {width:612px;margin:30px auto;}
.header .logo img{width:100%;}

/*----------Header End----------*/


/*----------Menu----------*/
.nav-menu {width: 100%;text-align:center;}
.nav-menu ul li{display: inline-flex;}
.nav-menu ul li a{font-size:14px;color:#353535;font-weight:400;padding:15px 20px;text-transform:uppercase;}
.nav-menu ul li a:hover {color:#fff;background-color:#8ec327;}

#active {color:#fff;background-color:#8ec327;}
/*----------Menu End----------*/

/*----------Banner----------*/
.banner {position:relative;}
.banner .discount{width:75px; position:absolute;top:0;right:7%;z-index:9999999;}
.banner img{width:100%;text-align:center}
/*----------Banner End----------*/

.pad-60 {padding:60px 15px;}
.info {margin:0 auto;width:100%;max-width:654px;text-align:center;}

/*----------Reviews Section-----------*/
.reviews {background:url(../images/reviews-bg.jpg) center top no-repeat;background-size:cover;padding: 20px 0px;}
.reviews .reviews-btn {width:620px;margin:0px auto;}
.reviews .btn {font-size:30px;font-weight:400;margin:0px 20px;padding:15px 25px;color:#8ec327;border:2px #8ec327 solid;text-transform:uppercase;display:initial;border-radius:5px;text-align: center;}
.reviews .btn:hover{background-color:#8ec327;color:#fff;}
/*----------Reviews Section End-----------*/

.we-offer {margin-bottom: -5px !important;}
.we-offer .img-div {width:584px;float:right}
.we-offer .img-div img{width:100%;padding-top:50px;}
.we-offer .offers {float:left;width:auto;padding:40px 0px;}
.we-offer .offers p{font-size:20px;margin-bottom: 0px;font-weight: 600;line-height:29px;}
.we-offer .offers .fa {color: #e95e3f;margin-right: 5px;}

.contact-no {background:url(../images/contact-no-bg.jpg) center top no-repeat;background-size:cover;padding: 55px 0px;}
.contact-no h1{color:#fff;}
.contact-no ul li .fa-phone {font-size:40px; color:#8ec327;}
.contact-no ul{width:100%;}
.contact-no ul li{width:33.33%;font-size:26px;font-weight:600;color:#fff;text-align:center;display:inline-block;float:left;}

.service-box {width:100%;}
.service-box li{width:47%;display:inline-block;float:left;margin: 30px 15px 0px;padding:20px 0px;color:#8ec327;font-size:24px;border:2px #8ec327 solid;cursor:pointer;text-align:center;transition-duration: 0.9s;text-transform: uppercase;}
.service-box li:hover{color:#fff !important;background-color:#8ec327}


.contact-section {background:url(../images/contact-bg.jpg) center top no-repeat;background-size:cover;margin-bottom: -5px;}
.contact-section h1{color:#fff;}
.contact-section .map-div {width:584px;float:right;}
.contact-section .map-div iframe{width:100%;height:250px}
.contact-section .address {float:left;width:auto;}
.contact-section .address h2 {color:#fff;font-size: 22px;text-transform:uppercase;}
.contact-section .address p{font-size:18px;color:#fff;margin-bottom:10px;font-weight:bold;}
.contact-section .address .fa {color: #8ec327;margin-right: 5px;}



.clear-both {clear:both}
.see {display:none;}

.inner-section {padding:80px 15px;}
.inner-section h1{text-align:left}
.inner-section .sub-text{font-size:16px;color:#202628;border-bottom:1px #e21f0c solid; padding-bottom:20px;margin-bottom:30px}
.inner-section p img{width:100%;max-width: 370px;float: right;margin: 5px 0px 15px 25px;}

/*----------Footer----------*/
.footer {background: url(../images/black-bg.png) 0 0px repeat; padding: 30px 0px;}
.f-menu {text-align: center;}
.f-menu li{display:inline-block;}
.f-menu li a{color:#fff;padding:20px;font-size:14px;text-transform:uppercase;}
.f-menu li a:hover{color:#8ec327;}

.f-copy-section {background: url(../images/black-bg.png) 0 0px repeat;padding: 20px 0px;border-top:1px #3a4246 solid;}
.copy {float:left;color: #fff;margin:auto;}
.created {
    background: rgba(0, 0, 0, 0) url("../images/black-bg.png") repeat scroll 0 0;
    border-top: 1px solid #3a4246;
    padding: 10px 0;
    text-align: center;
}
.created p {
    margin-bottom: 0;
}
.created a {
    color: #ffffff;
}
.foot-social{float:right;}
.foot-social ul li {float: left;padding: 3px 6px;width:30px;height:30px; margin: 0 4px;text-align: center;transition: all 0.3s ease 0s;}
.foot-social ul li .fa{color:#fff;}
.foot-social ul li a{font-size: 18px;color:#fff;transition:all 0.3s ease 0s;}
.foot-social ul .fb:hover{cursor:pointer;background-color:#3a5795;}
.foot-social ul .tw:hover{cursor:pointer;background-color:#55ACEE;}
.foot-social ul .in:hover{cursor:pointer;background-color:#1884BB;}
.foot-social ul .go:hover{cursor:pointer;background-color:#CF1A1A;}
.foot-social ul li:hover a{color:#fff;cursor:pointer;}
/*----------Footer End----------*/


/*----------Responsive Css Start----------*/
@media only screen and (min-width : 1000px) and (max-width : 1200px)
{
.service-box li {width: 46.8%;}
}

@media only screen and (min-width : 800px) and (max-width : 1000px)
{
.we-offer .offers {padding: 15px 0px 0px;}
.we-offer .offers h2 {margin-bottom: 10px;}
.we-offer .offers p {font-size: 14px;}
.we-offer .img-div {width: 494px;}
.service-box li {width: 45.8%;}
.contact-section .address p {font-size: 14px;}
.contact-section .map-div {width: 444px;}

}

@media only screen and (min-width : 768px) and (max-width : 800px)
{
.nav-menu {display: none;}

.we-offer .offers {padding: 15px 0px 0px;}
.we-offer .offers h2 {margin-bottom: 10px;}
.we-offer .offers p {font-size: 14px;}
.we-offer .img-div {width: 404px;}
.we-offer .img-div img {height: 350px;}
.service-box {width: 60%;margin: 0 auto;}
.service-box li {width:100%;}
.contact-section .address p {font-size: 14px;}
.contact-section .map-div {width: 404px;}

}

@media only screen and (min-width : 481px) and (max-width : 768px)
{
.nav-menu {display: none;}
.header .logo {width: 90%;}
.banner .discount {width: 45px;}
.reviews .reviews-btn {width: 290px;}
.reviews .btn {font-size: 25px;margin: 30px 0px 0px;display: block;}
.we-offer .offers {width: 100%;float: none;}
.we-offer .img-div {width: 100%;float: none;}
.contact-no h1 {font-size: 24px;}
.contact-no ul li {font-size: 18px;}
.contact-no ul li .fa-phone {font-size: 30px;margin-bottom: 10px;}
.service-box li {width: 100%;margin: 30px 0px 0px;}
.contact-section h1 {font-size: 24px;}
.contact-section .address {float: none;width: 100%;margin-bottom: 30px;}
.contact-section .map-div {width: 100%;float:none;}
.f-menu li a {padding: 10px;line-height: 30px;}
.f-copy-section {text-align: center;}
.copy {float: none;margin: 0 auto;}
.foot-social {float: none;margin: 0 auto;width: 155px;margin-top: 10px;}

}

@media only screen and (max-width : 481px)
{
.nav-menu {display: none;}
.header .logo {width: 90%;}
h1 {font-size: 25px;}
.pad-60 {padding: 40px 0px;}

.banner .discount {width: 30px;}

.reviews .reviews-btn {width: 290px;}
.reviews .btn {font-size: 25px;margin: 30px 0px 0px;display: block;}
.we-offer .offers {width: 100%;float: none;}
.we-offer .offers p {font-size: 14px;}
.we-offer .img-div {width: 100%;float: none;}
.contact-no h1 {font-size: 24px;}
.contact-no ul li {width: 100%;display: block;float: none;margin: 20px auto;}
.contact-no ul li .fa-phone {font-size: 40px;margin-bottom: 10px;}
.service-box li {width: 100%;margin: 30px 0px 0px;font-size: 16px;}
.contact-section h1 {font-size: 24px;}
.contact-section .address p {font-size: 14px;}
.contact-section .address {float: none;width: 100%;margin-bottom: 30px;}
.contact-section .map-div {width: 100%;float:none;}
.f-menu li a {padding: 10px;line-height: 30px;}
.f-copy-section {text-align: center;}
.copy {float: none;margin: 0 auto;}
.foot-social {float: none;margin: 0 auto;width: 155px;margin-top: 10px;}


}