html, body{
    font-size: 100%;
	font-family: 'Open Sans', sans-serif;
}
/**
*{
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
*/ 
h1,h2,h3,h4,h5,h6{
	font-family: 'Oswald', sans-serif;
	font-weight:100;
	margin:0;
}
/*-- services --*/
.services,.testimonials,.about,.team,.pricing-plans,.typo,.gallery,.mail,.single{
	padding:5em 0;
}
.services h3,.testimonials h3,.about h3,.team h3,.pricing-plans h3,h3.title,.gallery h3,.mail h3{
	font-size:2.5em;
	color:#212121;
	text-align:center;
	position:relative;
	padding-bottom:.5em;
	letter-spacing:3px;
}
.services h3:after,.testimonials h3:after,.about h3:after,.gallery h3:after,.mail h3:after,.team h3:after,.pricing-plans h3:after,h3.title:after{
	content: '';
    background: #999;
    width: 30%;
    height: 1px;
    position: absolute;
    bottom: 0%;
    left: 35%;
}
.services h3:before,.testimonials h3:before,.about h3:before,.gallery h3:before,.mail h3:before,.team h3:before,.pricing-plans h3:before,h3.title:before{
	content: '';
    background: #4d90dc;
    width: 10%;
    height: 3px;
    position: absolute;
    bottom: -2%;
    right: 44.9%;
}
p.qui{
	text-align:center;
	color:#999;
	line-height:1.8em;
	margin:1em 0 0 !important;
	font-weight: 500 !important;
}
.services-grids{
	margin:4em 0 0;
}
.services-grids-left{
	border-right:1px solid #999;
}
.services-grids-left-grids{
	padding-right:5em;
}
.services-grids-left-grid h4{
	text-transform:capitalize;
/*-- agileits --*/
	font-size:1.5em;
	color:#4d90dc;
	line-height:1.8em;
}
.services-grids-left-grid{
	text-align:right;
}
.services-grids-left-grid p{
	color: #999;
    line-height: 1.8em;
    margin:1em 0 0 0;
}
.services-grids-left-grid h5{
	color:#999;
	margin:0 0 0.5em;
}
.services-grids-left-grid1{
	position:relative;
}
.services-grids-left-grid1-pos{
	position: absolute;
    top:0%;
    left:110.5%;
}
.services-grids-left-grid2-pos{
	position: absolute;
    top: 0%;
    left: -31.5%;
}
.services-grids-left-grid3-pos{
	position: absolute;
    top:58%;
    left:110%;
}
.services *{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.services-grids-left-grid1-pos span{
	background: url(../images/img-sp.png) no-repeat 0px 0px;
    display: block;
    width: 100px;
    height: 100px;
    padding: .5em;
    border: 1px solid #999;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.services-grids-left-grid2-pos span{
	background:url(../images/img-sp.png) no-repeat -113px 0px;
	display:block;
	width:100px;
	height:100px;
	padding: .5em;
    border: 1px solid #999;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.services-grids-left-grid3-pos span{
	background:url(../images/img-sp.png) no-repeat -243px 0px;
	display:block;
	width:100px;
	height:100px;
	padding: .5em;
    border: 1px solid #999;
    border-radius: 50%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
}
.services-grids-right-grid{
	text-align:left !important;
}
.services-grids-right-grids {
    padding: 15em 0 0 5em;
}
.services-grids-left-grid1:nth-child(2){
	padding:20em 0 5em;
}
.service-grids-bottom{
	padding:2em;
	border:1px solid #999;
	width:70%;
	margin:0 auto;
}
.service-grids-bottom h2{
	font-size: 1.3em;
    color: #999;
    line-height: 1.8em;
    position: relative;
    padding-left: 3em;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
}
.service-grids-bottom h2:before{
	background:url(../images/img-sp.png) no-repeat -6px -118px;
	display:block;
	width:32px;
	height:32px;
	position:absolute;
	top:0%;
	left:0%;
	content:'';
}
/*-- //services --*/
/*-- services-bottom --*/
.services-bottom{
	background:url(../images/1.jpg) no-repeat 0px 0px;
	background-size:cover;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	-o-background-size:cover;
	-ms-background-size:cover;
	min-height:400px;
	padding:4em 0 0;
}