@import url('https://fonts.googleapis.com/css?family=Josefin+Sans:400,700|Lato:400,700&display=swap');

/*font-family: 'Josefin Sans', sans-serif;
font-family: 'Lato', sans-serif;*/

body{ font-family: 'Lato', sans-serif; font-size:14px; overflow-x: hidden; }
ul{ margin:0; padding:0; list-style-type:none;}

.header{ border-top: 3px solid #3aab47; position: relative; width:100%; background:#000}
.top{ background:#3aab47; position:relative}
.top .top-link{ position:relative}
.top .top-link>li{ display:inline-block;}
.top .top-link>li:nth-child(0n+6), .top .top-link>li:nth-child(0n+5), .top .top-link>li:nth-child(0n+4), .top .top-link>li:nth-child(0n+3), .top .top-link>li:nth-child(0n+7){ float:right;}
.top .top-link>li>a{ color:#fff; padding:10px 6px 10px 6px; display:block;}
.logo{ margin-top:10px; height:65px;}

#loader{ width:100%; height:100%; text-align:center; background:rgba(255,255,255,0.9); position:fixed; top:0; left:0; z-index:999999}
#loader>img{ position:relative; top:50%; margin-top:-30px; height:60px;}

.extra:before { border-color: #3aab47 transparent; border-style: solid; border-width: 44px 0 0 45px; content: ""; left: -30px; position: absolute; top: 0;}
.top:before { content:''; background: #3aab47 none repeat scroll 0 0; height: 44px; position: absolute; right: -400px; width: 405px;}

.navbar-nav>li>a{ color:#fff; font-size:14px; text-transform:uppercase; padding:20px 15px !important;}
.navbar-nav li:hover > a { background-color: #fff; color: #b5121b;}
.dropdown-menu{ padding:15px; border-radius:0}
.dropdown-menu>a{ border-bottom:1px solid #ddd; padding-top:0px; padding-top:8px; font-weight:400; font-size:15px; color:#666}
.dropdown-menu a:last-child { border-bottom:0}
.dropdown-menu>a:hover{ background-color: #f4f4f4 !important; color: #3aab47;}

.carousel-caption{ text-align:left; top:50%; margin-top:-83px;}
.carousel-caption>h5{ font-size:40px; text-transform:uppercase}
.carousel-caption>h5>small{font-size:26px; display:block;}
.carousel-caption>p{ font-size:18px; width:50%;}

.service>h4{ margin-top:8px;}
.service>p{ font-size:14px; color:#666}
.service:hover h4{ color:#3aab47}

h2{ line-height:40px; text-transform:uppercase; font-size:40px;}
h2>small{ display:block; color:#3aab47; font-size:18px;}

.product-item{ padding:15px; border:1px solid #eee; background:#fff}
.product-item>span{ display:block; text-transform:uppercase; margin-top:15px;}
#carouselExampleControls1{ width: 100%;}
#carouselExampleControls1 .carousel-control-prev{ left:-45px; width:30px; height:30px; background:#1979bd; top:50%; margin-top:-15px;}
#carouselExampleControls1 .carousel-control-next{ right:-45px;  width:30px; height:30px; background:#1979bd; top:50%; margin-top:-15px;}

.footer{ background:url(../images/footer.jpg) center no-repeat #000; padding:60px 0 30px 0;}
.logoFt{ margin:15px 0}
.navFt>li{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navFt>li>strong{ color:#fff; font-size:20px; padding-bottom:15px; padding-left:15px; display:block;}
.navFt>li:last-child{ border:0}
.navFt>li>a{ color:#ccc; display:block; padding:8px}
.navFt>li>a>i{ margin-right:6px;}
.navFt>li>a:hover{ background:rgba(0,0,0,0.6); text-decoration:none; color:#fff}
.navFt1>li{ border-bottom:1px solid rgba(255,255,255,0.2);}
.navFt1>li>strong{ color:#ff0020; font-size:20px; padding-bottom:15px; padding-left:15px; display:block;}
.navFt1>li:last-child{ border:0}
.navFt1>li>a{ color:#333; display:block; padding:8px}
.navFt1>li>a>i{ margin-right:6px;}
.copyright{ border-top:1px solid rgba(255,255,255,0.2); color:#fff; padding:30px 0 0 0; margin-top:30px; }
.copyright a{ color:#fff;}

.logoFt{ webkit-filter: grayscale(1); filter: grayscale(1);}
.logoFt:hover{webkit-filter: grayscale(0); filter: grayscale(0);}


.offer {
    background: #f3f3f3 none repeat scroll 0 0;
    font-weight: 300;
    line-height: 24px;
    margin-bottom: 30px;
    margin-top: 45px;
    padding: 40px 15px 30px;
    position: relative;
    text-align: center;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}
.offer .service-icon {
    background-color: #f3f3f3;
    border-radius: 50%;
    box-sizing: border-box;
    height: 80px;
    left: 0;
    line-height: 80px;
    margin: -42px auto 0;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    -webkit-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
    width: 80px;
}
.offer .service-icon i:before { font-size: 30px; margin-left: 0; color: #3aab47}
.offer:before { background: #3aab47 none repeat scroll 0 0; content: ""; height: 40px; left: 0; position: absolute; top: 0; width: 4px;}
.offer:after { background: #3aab47 none repeat scroll 0 0; content: ""; height: 4px; left: 0; position: absolute; top: 0; width: 40px;}
.offer > strong { font-size: 19px; margin-bottom: 10px; text-transform: uppercase;color: #333}
.offer:hover strong{ color: #b5121b}
.offer a{ color:#b5121b;}





.about_img{ background:url(../images/about_inner.jpg) center no-repeat; background-size:cover}
.inner{ padding:80px 0;}
.inner>h3{ position:relative; font-size:44px; font-weight:700; display:block; margin-bottom:30px; padding-bottom:30px; color:#fff; text-transform:capitalize; font-family: 'Josefin Sans', sans-serif;}
.inner>h3:before{ content:''; width:100px; height:5px; background:#b5121b; position:absolute; bottom:0; left:0; margin-left:0; z-index:99}
.inner>p{ color:#fff; font-size:30px; margin:0; font-family: 'Josefin Sans', sans-serif;}
.main>h2{  font-size:30px; position:relative; margin:30px 0; text-align:left; font-family: 'Josefin Sans', sans-serif; text-transform:capitalize;}
.main>h3{  font-size:22px; margin-bottom:15px; font-family: 'Open Sans', sans-serif;}
/*.main>h2:before{  content:''; width:40px; height:6px; background:#270086; position:absolute; top:50%; left:0; margin-top:-3px;}*/
.main>h2>a{ font-size:16px; border:1px solid #ddd; color:#666; padding:10px 25px 10px 10px ;}
.main>h2>a>i{ margin:0; padding:0; line-height:0}
.main>h2>a:hover{ background:#ddd; color:#000}
.main>p{ font-size:14px; color:#666; font-family: 'Open Sans', sans-serif;}
.main>strong { color: #333; font-size:16px; line-height:30px; display: block; font-family: 'Open Sans', sans-serif; background:#eee; padding:15px; margin-bottom:15px;}

.sidebar p, figcaption p{  font-family: 'Open Sans', sans-serif;}
.sidebar strong{ font-family: 'Josefin Sans', sans-serif; font-size:18px; margin-top:30px; display:block; position:relative; padding-bottom:6px; margin-bottom:6px;}
.sidebar strong:before{ content:''; width:60px; height:3px; background:#b5121b; position:absolute; bottom:0; left:0; margin-left:0; z-index:99}
i{ vertical-align:middle}

ul.list{}
ul.list>li{ font-size:15px; display:block; padding:4px 0; position:relative; padding-left:25px; color:#666; line-height:24px; font-family: 'Open Sans', sans-serif;}
ul.list>li>b{ color:#666}
ul.list>li:before{ content:'\f00c'; position:absolute; left:0; top:4px; font-family:fontAwesome; color:#b5121b;}

.side_menu{ margin-bottom:15px;}
.side_menu>a{ display:block; color:#333; border-bottom:1px solid #eee; padding:8px 0 8px 0px; font-family: 'Open Sans', sans-serif; position:relative; transition:all 0.5s ease}
.side_menu>a:before{ content:'\f0da'; font-family:fontAwesome; color:#b5121b; margin-right:10px;}
.side_menu>a:hover{ background:#f2f2f2; text-decoration:none;}
.side_menu>a:hover::before{ margin-left:6px; transition:all 0.3s ease}
.side_menu>a:last-child{ border-bottom:0}

.partner{ margin-top:60px;}
.partner>li{ display:block; float:left; padding:15px;}
.partner>li>img{ height:16px;}
#mobileNav{ display:none;}

@media only screen and (max-width: 600px) {
	.logo{ margin:8px 0; height:40px;}
	.xs-hide, .extra:before, #desktopNav{ display:none;}
	.inner>h3{ font-size:24px; margin-bottom: 15px; padding-bottom: 15px;}
	.inner>p{ font-size:18px;}
	.main>h2{     margin: 15px 0; font-size: 20px; line-height: 28px;}
	.inner { padding:40px 0;}
	#mobileNav{ display:block;}
	h1{ font-size:20px;}
	
}