.team{
	padding:5em 0;
}

/*-- team --*/
.team {
    background: url(images/team.JPG)no-repeat center 0px fixed;
    background-size: cover;
} 
.team-agileinfo:nth-child(3){
	margin:2em 0 0;
}
.team-grid-left{
	float:left;
	width:65%;
	text-align:right;
}
.team-grid-left h4 {
    margin: 0;
    font-size: 2.5em;
    color: #c89441 ;
    font-weight: 300;
    letter-spacing: 2px;
}
.team-grid-left p {
    color: black;
    margin: .5em 0 0;
    font-weight: 700;
    letter-spacing: 1px;
font-family: 'Alegreya', serif;
	font-size:16px;
}
.team-grid-right{
	float:right;
	width:30%;
	-webkit-transition: 0.5s all;
    -moz-transition: 0.5s all;
    -o-transition: 0.5s all;
    -ms-transition: 0.5s all;
	transition: 0.5s all;
}
.team-agileinfo img.img-responsive { 
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	-o-border-radius: 50%;
	-ms-border-radius: 50%;
	border-radius: 50%;
    width: 100%;
	border: 7px double #c89441 ;
}
.aliquam{
	float:left !important;
	width:30% !important;
}
.non{
	float:right !important;
	width:65% !important;
	text-align:left !important;
}
.team-grid:hover .team-grid-right { 
    -webkit-transform: rotateY(360deg);
    -o-transform: rotateY(360deg);
    -ms-transform: rotateY(360deg);
    -moz-transform: rotateY(360deg);
	transform: rotateY(180deg);  
}

/*-- //team --*/

/*-- responsive-design --*/ 

@media(max-width:1080px){
 .team {
    padding: 4em 0;
}
.team-grid-left h4 { 
    font-size: 2.2em; 
}
.agileits-img .wthree-pcatn { 
    height: 37%; 
}  
}

@media(max-width:991px){

.team-agileinfo {
    width: 80%;
    margin: 0 auto;
}
.team-grid {
    padding: 0;
}
.team-agileinfo:nth-child(3) {
    margin: inherit;
}
.team-agileinfo {
    width: 75%;
    margin: 0 auto;
}
.team-grid-left { 
    margin-top: 1em;
}
.team {
    padding: 3.5em 0;
}

}

@media(max-width:736px){

.team-agileinfo {
    width: 85%; 
}
.team-grid-right,.aliquam { 
    width: 25% !important; 
}
.team-grid-left,.non{ 
    width: 70% !important; 
}
.agileits-img .wthree-pcatn {
    height: 35%;
}

}

@media(max-width:640px){

.team-agileinfo {
    width: 95%;
}
 .team {
    padding: 3em 0;
}

}

@media(max-width:480px){ 
 .team {
    padding: 2em 0;
}
.team-agileinfo {
    width: 100%;
}
.team-grid-left h4 {
    font-size: 1.8em;
    letter-spacing: 1px;
}
.team-grid-left, .non {
    width: 73% !important;
}
.team-grid-left {
    margin-top: 0;
}
.team-grid { 
    margin-bottom: 1em;
}
}

@media(max-width:384px){

.team-grid-right {
    float: none; 
    margin: 0 auto;
}
.aliquam {
    float: none !important; 
}
.team-grid-left, .non {
    width: 100% !important;
    float: none !important; 
    text-align: center !important;
	margin-top: .5em;
} 
}

/*-- //responsive-design --*/






/*--responsive--*/


@media(max-width:1366px){
	 .test {
		padding: 4em 0em;
	}
}
@media(max-width:1280px){
	
	.test-grid1 h4 {
		font-size: 1.22em;
	}
	
}
@media(max-width:1080px){
	
	.test-grid1 {
		margin-left: 4em;
		padding: 2em 2em 2em 6em;
	}
	.test-grid1 img.img-r {
		top: 14%;
		left: -19%;
	}
	.owl-pagination {
		right: 40%;
		bottom: -41px;
	}

}

@media(max-width:1024px){
	..gallery, .test {
		padding: 3em 0em;
	}
	
}
@media(max-width:991px){
	
	.test-gri1 {
		width: 100%;
	}
	.test-grid1 img.img-r {
		top: 7%;
		left: -13%;
	}
	
}

@media(max-width:800px){
	.gallery, .test {
		padding: 2.5em 0em;
	}
	.test-grid1 h4 {
		font-size: 1.1em;
	}
}

@media(max-width:640px){
	
	.test-grid1 img.img-r {
		top: 12%;
		left: -18%;
	}
	
}
@media(max-width:600px){
	
	.test-grid1 img.img-r {
		top: 13%;
	}

}
@media(max-width:568px){
	
	.test-grid1 p {
		font-size: 0.9em;
		line-height: 1.8em;
		letter-spacing: .8px;
		margin-top: 0.2em;
	}
	.test-grid1 img.img-r {
		top: 16%;
		width: 130px;
		height: 130px;
		left: -21%;
	}
	.test-grid1 {
		padding: 2em 2em 2em 4.5em;
	}
	.gallery, .test {
		padding: 2em 0em;
	}
	
}
@media(max-width:480px){
	
	.test-grid1 {
		padding: 5em 1.3em 1.5em;
		margin-top: 4em;
		margin-left: 0;
	}
	.test-grid1 img.img-r {
		top: -33%;
		left: 5%;
	}

}

@media(max-width:384px){
	
	.test-grid1 img.img-r {
		top: -25%;
	}
	
}
@media(max-width:375px){
	
	.owl-pagination {
		right: 33%;
		bottom: -32px;
	}
	.gallery,.test{
		padding: 1.5em 0em;
	}
}

/*--responsive--*/


/** services about html **/
/*-- banner-bottom --*/
.services{
	padding:4em 0;
}
/*-- services --*/
.services{
	background:#0b1119;
}
.agile-heading h3,.advantages-top h3,h2.agileits-icons-title, h3.agileits-icons-title,.w3layouts-contact-form-top h3,.contact-form-top h3,.w3agile-map h3,.agileits_three_comments h3, .w3_leave_comment h3{
    color: #FFFFFF;
    font-size: 2em;
    letter-spacing: 5px;
    font-weight: 800;
    margin: 0;
    text-align: center;
    font-family: 'Josefin Sans', sans-serif;
}
.w3-agileits-services-grids,.team-bottom{
	margin:4em 0 0 0;
}
.services-right-grid {
    text-align: center;
}
i.fa.fa-anchor, i.fa.fa-edit, i.fa.fa-handshake-o,i.fa.fa-money,i.fa.fa-user {
    color: #c89441 ;
    font-size: 2em;
}
.services-icon{
    width: 70px;
    height: 70px;
    text-align: center;
    border: solid 2px #ffffff;
    padding: 1.2em 0 0 0;
    margin: 0 auto;
}
/* Radial In */
.hvr-radial-in {
	display: inline-block;
    vertical-align: middle;
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    overflow: hidden;
    background: #c89441 ;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}
.hvr-radial-in:before {
    content: "";
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #212121;
    border-radius: 100%;
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-transition-property: transform;
    transition-property: transform;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}
.hvr-radial-in:hover, .hvr-radial-in:focus, .hvr-radial-in:active {
  color: white;
}
.services-right-grid:hover div.hvr-radial-in:before{
  -webkit-transform: scale(0);
  transform: scale(0);	
}
.services-right-grid:hover i.fa.fa-anchor,.services-right-grid:hover i.fa.fa-comment,.services-right-grid:hover i.fa.fa-heartbeat,.services-right-grid:hover i.fa.fa-magnet{
	color:#FFFFFF;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-o-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-ms-transition: 0.5s all;	
}
.services-icon-info h5{
    color: #ffffff;
    font-size: 1em;
    font-weight: 600;
    margin: 1em 0 0 0;
}
.services-right-grids:nth-child(2){
	margin:2em 0;
}
/*-- //services --*/


/*-- Service why responsive --*/
@media(max-width:1080px){

	.services-right-bottom-bottom {
		margin: 1em 0 0 0;
	}
	
}
@media(max-width:991px){
	
	.wthree-services-right-top {
		margin: 2em 0 0 0;
	}
	.services-bottom-info p {
		margin: 1em 0;
	}
}
@media(max-width:736px){

	.services-right-grid {
		float: left;
		width: 25%;
	}
	
}


@media(max-width:600px){
	
	.services-right-grid {
		width: 50%;
	}
	.services-right-grid:nth-child(3), .services-right-grid:nth-child(4) {
		margin: 2em 0 0 0;
	}
	
}


@media(max-width:414px){


	 .services {
		padding: 2em 0;
	}
	.w3-agileits-services-grids {
		margin: 2em 0 0 0;
	}
	
}

@media(max-width:320px){
	
	.services-right-grid {
		width: 100%;
	}
	.services-right-grid:nth-child(2),.services-right-grid:nth-child(3), .services-right-grid:nth-child(4) {
		margin: 2em 0 0 0;
	}
	
}
/*-- //responsive --*/