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

body {
  line-height: 1.7;
  font-weight: 400;
  font-family: 'Lato', sans-serif; overflow-x:hidden; font-size: 100%;}
  html{font-size: 100%;}

ul, ul li{list-style-type:none; margin:0; padding:0;}
a{cursor:pointer}
.floatL{float:left} 
.floatR{float:right}
.noPad{padding-left:0; padding-right:0;}

::-moz-selection {
  background: #000;
  color: #fff; }

::selection {
  background: #000;
  color: #fff; }


a {
  -webkit-transition: .3s all ease;
  -o-transition: .3s all ease;
  transition: .3s all ease; }
  a:hover {text-decoration: none; }

.logo{width:9%}
.bannersec {background: url("../images/banner-img.jpg") no-repeat 0 0;  padding: 50px 0 160px 0;  background-size: cover; color: #fff}
.bannersec h5 {font-size:34px; line-height: 48px; padding:80px 0 10px 0; font-weight: 700}
.bannersec h6 {font-size: 24px; line-height: 36px; font-weight: 300; padding:0}
.whiteBg{background-color: #fff; margin: -100px 0px; margin-top: 100px 160px}
.features-icons {
    background: #fff;
    box-shadow: 0 10px 40px 0 rgba(0,0,0,0.05);
     -webkit-box-pack: justify;
    -ms-flex-pack: justify;
   -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between;
    margin-top: -85px;
    padding: 45px;
   
}
.hs-flex-row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
    -webkit-flex-direction: row;
    -moz-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center;
    margin-left: -15px;
    margin-right: -15px;
    
}

 .features-icons .feature-icon {
   display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    color: #2B2F33;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
}
.features-icons .feature-icon .img-container {
    height: 35px;
    margin-bottom: 10px;
}

.worksec{margin-top: 80px; text-align: center}
.worksec h4{color:#2e201d; font-weight: 700; font-size: 30px; line-height: 40px; margin-bottom: 20px}
.worksec h4 span, .footersec h4 span{color:#3481ff}
.worksec h6{font-size: 22px; line-height: 32px;  color: #484848;}

.infosec{margin-top: 80px;}
.box{-webkit-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); -moz-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); padding: 40px 30px 20px 30px}
.box img{width: 60px; margin-bottom: 20px}
.img1{width:80px!important}
.box h4{font-size: 22px; line-height: 34px; font-weight: 700; margin: 10px 0;}
.box p{color:#484848;  font-size: 18px; line-height: 30px; padding-bottom:10px}
    
.featuresec{margin-top: 80px; background-color: #d9d9d9; padding: 50px}
.featuresec h4{color:#2e201d; font-weight: 700; font-size: 30px; line-height: 40px; margin-bottom: 20px}
.featuresec h4 span, .teamsec h4 span{color:#3481ff}
.greenBg{background-color: #0bd7a3; display:flow-root; padding: 30px 80px; margin-top: 130px;}
.yellowBg{background-color: #f8c54b; display:flow-root; padding: 30px 80px; margin-top: 130px;}
.blueBg{background-color:#74a0d0; display:flow-root; padding: 30px 80px; margin-top: 130px;}
.contentSec{margin-top:-100px; background-color: #fff; padding: 80px 30px; border-radius: 4px}
.contentSec h5{ font-size: 24px; line-height: 32px; font-weight: 700; margin-bottom: 20px}
.contentSec p{color:#484848;  font-size: 18px; line-height: 30px; }
.greenBg img, .blueBg img{width: 90%;float: right;}
.yellowBg img {width: 100%; float: left;}

.teamsec{margin-top:30px; padding: 30px 0 50px 0; display: flex;}
ul.teambox li{width:17%; float:left; margin-right: 40px}
ul.teambox li:last-of-type {margin-right:0}
.teambox h6{font-size: 18px; font-weight:700}
.box-green{border-top:4px solid #0bd7a3; padding:20px 0 0 10px; -webkit-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); -moz-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); display: flow-root}
.box-yellow {border-top:4px solid #f8c44b; padding:20px 0 0 10px; -webkit-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); -moz-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); display: flow-root}
.box-blue{border-top:4px solid #74a0d0; padding:20px 0 0 10px; -webkit-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); -moz-box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); box-shadow: -3px 3px 15px 2px rgba(199,189,199,1); display: flow-root}
.iconimg{width: 60px;  margin-top: -20px; float:right}
.teamsec h4, .footersec h4{color:#2e201d; font-weight: 700; font-size: 30px; line-height: 40px; margin-bottom: 30px}

.footersec{background-color: #2f2f2f; padding:50px 0 10px 0; color:#fff; display: flow-root}
.footersec h4 {color:#fff}
.footersec h6{font-size: 20px; line-height: 30px; margin-bottom: 20px}
.footersec .media-left {margin-right: 10px}
.formsec {background-color: #fff; padding: 40px}
.copyrgt{margin-top: 30px; border-top:1px solid #484848; color:#ccc; text-align: center; padding-top: 15px; font-size: 14px}
.ylimg{margin-top:20px}

@media screen and (min-width:992px){

	.hidden-lg{display:none!important}
}

@media screen and (max-width:991px){
	ul.teambox li{width:42%; margin-bottom:30px;}
}

@media screen and (max-width:768px){
    .features-icons .feature-icon  {width: 30%; display: block; margin-bottom:30px; height: 80px;}
	.box{margin-bottom: 30px}
	.greenBg img, .blueBg img {width:100%; margin: 20px auto; float:none}
	ul.teambox li{width:100%; margin-bottom: 20px; padding: 0}
	.yellowBg img {margin-top: 20px}
	.logo { width: 15%;}
}

@media screen and (max-width:500px){
	.logo { width: 30%; margin: 0 auto; text-align: center; display: block;}
	.bannersec h5 { font-size: 30px;  line-height: 42px;}
	.featuresec {padding: 50px 10px}
	.blueBg, .greenBg, .yellowBg { padding: 30px 20px;}
	.contentSec {padding: 30px 20px;}
	.teamsec { padding: 80px 20px; } 
	.bannersec h6 { font-size: 22px; line-height: 30px;}
	.features-icons {padding: 45px 30px 35px 30px}
}