@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700,800');
@import url('animate.css');
html, body{height:100%;}
*{padding:0px; margin:0px; box-sizing: border-box; outline:none; list-style:none;}
ul, li{margin:0px; padding:0px;}
img{border:0px; max-width:100%;}
a{transition:all 0.3s ease-out 0s;text-decoration:none;} a:hover{text-decoration:none;}
a:hover img{opacity:.9;transition:all 0.3s ease-out 0s;}
.clr{clear:both;}
.f-right{float:right!important;} .f-left{float:left!important;}
h1, h2, h3, h4, h5, h6{margin:0;}
.marT1{margin-top:5px;} .marT2{margin-top:10px;} .marT3{margin-top:15px;} .marT4{margin-top:20px;} .marT5{margin-top:25px;} .marT6{margin-top:30px;} .marT7{margin-top:40px;}
.padT1{padding-top:5px;} .padT2{padding-top:10px;} .padT3{padding-top:15px;} .padT4{padding-top:20px;} .padT5{padding-top:25px;} .padT6{padding-top:30px;} .padT7{padding-top:40px;}
.padB1{padding-bottom:5px;} .padB2{padding-bottom:10px;} .padB3{padding-bottom:15px;} .padB4{padding-bottom:20px;} .padB5{padding-bottom:25px;} .padB6{padding-bottom:30px;} .padB7{padding-bottom:40px;}
.width30, .width40, .width50, .width60, .width65, .width70, .width80, .width85, .width90{margin-left:auto; margin-right:auto;}
.width30{width:30%;} .width40{width:40%;} .width50{width:50%;} .width60{width:60%;} .width65{width:65%;} .width70{width:70%;} .width80{width:80%;} .width85{width:85%;} .width90{width:90%;}
.blue{color:#698fbb!important;} .red{color:#d82a2c!important;} .green{color:#8cc152!important;} .white{color:#fff!important;} .orange{color:#ff4900!important;} .gray{color:#424242!important;} .yellow{color:#ffcc00!important;}
body{background:#fff; font:400 14px "Montserrat",Arial,sans-serif;}
.wrapper{display: flex; flex-wrap: wrap;max-width:1100px; margin:0 auto;}
header{display: flex; width:100%; flex-wrap:wrap;}
.logo{padding:5px 0 0 20px; flex:25%; max-width:25%;}
.nav{flex:75%; max-width:75%;}
.nav ul{display:flex; justify-content: right; width:100%;}
.nav .menu{margin-left:auto;}
.nav ul li{ padding:0 6px; position:relative;}
.nav ul li a{display:block; padding:30px 7px; text-align:center; color:#333;text-transform:uppercase;font-size:13px; font-weight:600;transition:all 0.3s ease-out 0s; border-top:8px solid transparent;}
.nav ul li a:hover, .nav ul li:hover a, .nav ul li a.on{color:#91b340; border-top:8px solid #91b340;}
.nav ul li.active a{background:#91b340; color:#fff; padding-left:20px; padding-right:20px;}
.nav ul li.active{padding-right:0;}
.nav ul li.active i{font-size:17px;}
.nav .fa-chevron-down, .nav .fa-chevron-right{display:none;}
.container{max-width:1100px;}

.menu-bar {display: none;float: right;margin:0px 0px 0 20px;z-index: 9999;}
.fa-bars, .fa-times{cursor: pointer;display: none;padding: 10px 12px;width:38px;}
.overlay{width:100%; position:fixed;background:rgba(0,12,39,.8); height:100%; right:0px; top:0px; display:none; z-index:99;}

.banner{width:100%; color:#fff; background:url(../images/banner.jpg) no-repeat center top; background-size:cover; text-align:center; position:relative;}
/*.banner::after{position:absolute; bottom:-85px; font-size:150px; color:#70675e; left:47%; content:"\f0d7"; font-family:"";font-family: 'fontawesome';}*/
.flex-container {max-width:64%; margin:0 auto; padding:150px 20px;}
.banner h1{font-size:50px; font-weight:800; text-transform:uppercase; line-height:60px; padding-bottom:20px; color:#fff;}
.banner p{font-size:20px; font-weight:400; line-height:34px; padding-bottom:20px; color:#fff;}
.btn-primary{background:#91b340; border-radius:0; text-transform:uppercase; font-weight:600; border:0; padding:18px 25px; font-size:14px; min-width:200px; text-align:center;}
.btn-secondary{background:#91b340; border-radius:0; text-transform:uppercase; font-weight:600; border:0; padding:13px 15px; font-size:14px; min-width:150px; text-align:center;}
.patternSec{background:#f1f1f1 url(../images/pattern.png) repeat 0 0; padding:70px 0;}
.common h2{font-size:40px; text-transform:uppercase; color:#333; font-weight:800; padding-bottom:25px;}
.common p{font-size:17px; color:#333; font-weight:400; padding-bottom:15px; line-height:28px; margin:0;}
.whiteSec{background:#fff url(../images/leaf-bg.jpg) no-repeat right top; padding:70px 0;}
.serviceBox{background:#fff; box-shadow:rgba(0,0,0,.09)  0px 0px 20px; min-height:415px;}
.serviceBox .servPic{overflow:hidden; max-height:185px; position:relative;}
.serviceBox .servPic::after{content:""; position:absolute; border-left:15px solid transparent; border-right:15px solid transparent; border-bottom:15px solid #fff; left:30px; bottom:0px;}
.serviceBox .servPic img{width:100%;}
.serviceBox h3{font-size:20px; font-weight:800; text-transform:uppercase; color:#333; padding:25px 20px 0;}
.serviceBox ul{padding:20px;}
.serviceBox ul li{position:relative; font-size:14px; font-weight:400; color:#333; padding:0 0 10px 25px;}
.serviceBox ul li::before{position:absolute; left:0; top:-1px; content:"\f00c"; font-family:fontAwesome; font-size:17px; color:#91b340;}
.aboutSec{background:#f0f0f0 url(../images/about.jpg) no-repeat 0 0; padding:50px 0 0; background-size:50% 100%;}
.aboutClm{width:45%; margin:0 0 0 auto;}
.mission{background:#91b340; width:50%;margin:40px 0 0 auto; padding:30px 10% 20px 4%; color:#fff;}
.mission h3{font-size:18px; font-weight:700; text-transform:uppercase; padding-bottom:10px;}
.mission p{color:#fff; font-size:14px; line-height:24px;}
.graySec{background:#f0f0f0; padding:70px 0;}
.form-control{border-radius:0; padding:20px 15px; min-height:55px;}
footer{background:#404040; padding:50px 0; color:#fff; text-transform:uppercase;}
footer h3{font-size:16px; font-weight:800; padding-bottom:20px;}
footer ul li{font-size:12px; padding:0 0 17px;}
footer ul li a, footer a{color:#fff;} footer ul li a:hover, footer a:hover{color:#91b340;}
footer p{font-size:11px; line-height:18px;}
footer h5{font-size:13px; padding:10px 0; line-height:24px;}
.social a{font-size:45px; padding:0 5px;}
.owl-carousel .item{display:flex; justify-content: center; align-items: center; height:170px;}
.map{box-shadow: rgba(0,0,0,.09) 0px 0px 28px; background:#91b340; display:block; border-bottom:0;}
.map iframe{opacity:.9;}
.contact-box{background:#91b340; box-shadow:rgba(0,0,0,.1) 0px 0px 20px; padding:20px; color:#fff; border-radius:30px 0 30px 0;}
.contact-box h3{font-size:18px; font-weight:800; text-transform:uppercase; padding-bottom:20px; padding-top:10px;}
.contact-box h5{font-size:16px; font-weight:600; text-transform:uppercase; padding-bottom:5px; margin-bottom:10px; border-bottom:1px solid #fff;}
.contact-box p{font-size:13px; line-height:20px; font-weight:500; color:#fff; text-transform:uppercase; padding-bottom:15px; margin-bottom:0;}
.contact-box i.fa{font-size:18px; vertical-align:middle; margin-right:10px; float:left;}
.inner-banner{min-height:inherit; padding:0 0;}
.inner-banner .flex-container{padding:100px 0;}
.inner-banner::after{display:none;}
.team .serviceBox{min-height:inherit; margin:10px 0;}
.team .serviceBox .servPic{max-height:300px;}
.team .social a{color:#91b340; font-size:30px; padding:0 2px;}
.team .serviceBox h3{color:#91b340; font-size:18px;}

.containercontent h3{font-size:20px; font-weight:800; text-transform:uppercase; color:#333; padding:25px 20px 0;}
.containercontent ul{padding:20px;}
.containercontent ul li{position:relative; font-size:14px; font-weight:400; color:#333; padding:0 0 10px 25px;}
.containercontent ul li::before{position:absolute; left:0; top:-1px; content:"\f00c"; font-family:fontAwesome; font-size:17px; color:#91b340;}




.anim-slide{opacity: 0;}
.anim-slide-this{opacity: 1;}

li.anim-slide:nth-of-type(1){background:url("../images/slider01.jpg") 100%/cover;}
li.anim-slide:nth-of-type(2){background:url("../images/slider02.jpg") 100%/cover;}
li.anim-slide:nth-of-type(3){background:url("../images/slider03.jpg") 100%/cover;}

li.anim-slide:nth-of-type(1)>h1
{
	position: static;
	display: inline-block;
	margin: 0;
	font-size:40px;
	padding: 0px 25px;
}
.coverbox{position:relative; max-width:768px; margin:0 auto;}
#circle{position:absolute; right:-18px; top:17px; width:174px; height:174px; z-index:1;}
#circle-flash{width:605px; height:223px;position:absolute; right:196px; top:17px; z-index:0;}
#map{width:356px; height:504px; position:absolute; left:-239px; top:40px; z-index:3;}
#map-flash{width:356px; height:504px; position:absolute; left:-239px; top:40px; z-index:2;}
#ser-icon{position:absolute; left:-130px; top:40px; width:130px; height:100%;}
#ser-icon span{display:block; width:76px; height:76px; position:static; margin:0 auto;}
#ser-icon .ser-icon1, #ser-icon .ser-icon2, #ser-icon .ser-icon3{position:static;}
#ser-icon .ser-icon1 span{background:url(../images/sales-icon.png) no-repeat 0 0;}
#ser-icon .ser-icon2 span{background:url(../images/marketing-icon.png) no-repeat 0 0;}
#ser-icon .ser-icon3 span{background:url(../images/distribution-icon.png) no-repeat 0 0;}
#ser-icon h4{font-size:16px; letter-spacing:1px; text-shadow:rgba(0,0,0,.4) 1px 1px 10px; font-weight:600; color:#fff; text-align:center; position:static; padding:5px 0 25px; text-transform:uppercase;}

li.anim-slide:nth-of-type(2)>div{}
#title1, #title2, #title3, #title4{text-align:center; position:static; width:100%;}
#title1{padding-top:160px;font-size:50px; font-weight:800; text-transform:uppercase; line-height:60px; padding-bottom:20px; color:#91b340;text-shadow:rgba(0,0,0,.5) 2px 2px 10px;}
#title2, #title3, #title4{font-size:22px; font-weight:600; text-transform:uppercase; padding-bottom:20px; color:#fff; padding-left:30px; max-width:280px; margin:0 auto; text-align:left; text-shadow:rgba(0,0,0,.5) 2px 2px 20px;}
#title2::before, #title3::before, #title4::before{font-family:"fontawesome"; color:#91b340; content:"\f06c"; position:absolute; left:0; top:2px; font-weight:normal; transform: rotate(-85deg);}
.heading{padding-top:162px; position:static; font-size:31px; font-weight:800; text-transform:uppercase; text-align:center; text-shadow:rgba(0,0,0,.5) 2px 2px 10px;padding-left: 250px;}


#title2new, #title3new, #title4new{font-size:22px; font-weight:600; text-transform:uppercase; padding-bottom:20px; color:#fff; padding-left:30px; max-width:280px; margin:0 auto; text-align:left; text-shadow:rgba(0,0,0,.5) 2px 2px 20px;}
#title2new::before, #title3new::before, #title4new::before{font-size:22px; font-weight:600; text-transform:uppercase; padding-bottom:20px; color:#fff; padding-left:30px; max-width:280px; margin:0 auto; text-align:left; text-shadow:rgba(0,0,0,.5) 2px 2px 20px;}


div#demo{text-align: center;}
div#demo>a{display:inline-block;text-decoration: none;}
div#demo>a>h4{padding: 5px 8px;margin: 20px;background-color: #225A86;color: #fff;box-shadow:inset 0 -2px 0 rgba(0,0,0,0.15);}
p#credits{z-index:-1;position: fixed;bottom: 0px;width: 100%;text-align: center;font-size: 14px;}
p#credits>a{font-weight: bold;color: #999;text-decoration: none;}
img#github-logo{z-index:-1;position: fixed;bottom: -20px;right: 2%;opacity: 0.4;}
.anim-slider{min-height:575px;}
.anim-dots span{border-radius:100px; background:rgba(0,0,0,.4); overflow:hidden;}
.anim-dots span.anim-dots-this:after{top:0; left:0;background: rgba(169,227,13,.8); width:14px; height:14px;}
.white{color:#fff;}