/* Clients Logo Area css
============================================================================================ */
.clients_logo_area{
	&.nine_clients_logo{
		padding-bottom: 100px;
		.clients_logo_slider{
			.item{
				img{
					box-shadow: none;
				}
			}
		}
	}
}
.clients_logo_slider{
	padding: 40px 0px;
    .item{
        text-align: center;
        padding: 50px 0px;
        img{
            width: auto;
            display: inline-block;
            -webkit-box-shadow: 0px 0px 65px -14px rgba(0,0,0,0.46);
            -moz-box-shadow: 0px 0px 65px -14px rgba(0,0,0,0.46);
            box-shadow: 0px 0px 65px -14px rgba(0,0,0,0.46);
        }
    }
}
/* End Clients Logo Area css
============================================================================================ */

/* End Clients Logo Area css
============================================================================================ */
.happy_clients_area{
	background: #7db9e8;
	.main_title{
		padding-bottom: 60px;
	}	
}
.happy_clients_inner{
	.media{
		.media-left{
			padding-right: 25px;
			.h_icon{
				height: 66px;
				width: 66px;
				border-radius: 50%;
				background: rgba(255, 255, 255, .5);
				text-align: center;
				position: relative;
				&:before{
					content: "";
					height: 55px;
					width: 55px;
					top: 50%;
					left: 50%;
					transform: translateX(-50%) translateY(-50%);
					position: absolute;
					border-radius: 50%;
					background: #fff;
					z-index: 1;
				}
				i{
					font-size: 36px;
					color: #7db9e8;
					line-height: 65px;
					position: relative;
					z-index: 2;
				}
			}
		}
		.media-body{
			vertical-align: middle;
			h4{
				color: #fff;
				font-family: $mon;
				font-weight: bold;
				font-size: 30px;
				padding-bottom: 6px;
			}
			p{
				font-size: 18px;
				color: #fff;
				font-family: $pop;
			}
		}
	}
}

/* End Clients Logo Area css
============================================================================================ */

/* End Clients Logo Area css
============================================================================================ */
.clients_service_area{
	background: #7db9e8;
	text-align: center;
	position: relative;
	overflow: hidden; 
	z-index: 2;
	&:before{
		content: "";
		background: url(../img/left-side-hosting.png) no-repeat scroll center center;
		width: 491px;
		height: 296px;
		position: absolute;
		left: 15px;
		top: 50%;
		transform: translateY(-50%);
		z-index: -1;
	}
	&:after{
		content: "";
		background: url(../img/right-side-hosting.png) no-repeat scroll center center;
		width: 491px;
		height: 296px;
		position: absolute;
		right: 15px;
		top: 50%;
		transform: translateY(-50%);
		z-index: -1;
	}
	p{
		font-size: 36px;
		font-family: $mon;
		font-weight: 300;
		text-transform: uppercase;
		line-height: 50px;
		color: #fff;
		max-width: 960px;
		margin: auto;
		padding-bottom: 30px;
	}
	.purchase-btn{
		border-radius: 0px;
	}
}


.dev_seven_logo{
	background: #7db9e8;
	.dev_seven_logo_slider{
		.logo_item{
			background: rgba(255, 255, 255, .5);
			line-height: 154px;
			display: block;
			text-align: center;
			@include transition;
			img{
				width: auto;
				margin: auto;
				display: inline-block;
			}
			&:hover{
				background: #fff;
			}
		}
	}
}


/* End Clients Logo Area css
============================================================================================ */

/* Clients Count Area css
============================================================================================ */
.clients_count_nine{
	background: url(../img/clients-count-n.jpg) no-repeat scroll center center;
	background-size: cover;
	padding: 100px 0px;
	text-align: center;
	.clients_count_inner{
		.c_count_item{
			h4{
				font-size: 35px;
				font-family: $hee;
				font-weight: bold;
				color: #272727;
				padding-top: 20px;
				padding-bottom: 10px;
			}
			p{
				color: #fff;
				font-size: 14px;
				text-transform: uppercase;
				font-family: $hee;
				letter-spacing: 2.8px;
			}	
		}
	}
}
/* End Clients Count Area css
============================================================================================ */

/* Clients Nine Area css
============================================================================================ */
.nine_clients_area{
	background: #f8f8f8;
	padding: 120px 0px;
	position: relative;
	box-shadow: 5px 8.66px 18px 0px rgba(0, 0, 0, 0.1);
	&:before{
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: -175px;
		background: url(../img/clients/mobile-bg.png) no-repeat scroll center center;
		height: 406px;
		width: 739px;
		z-index: -1;
	}
	.nine_clients_slider{
		max-width: 1050px;
		margin: auto;
		.carousel.slide{
			.carousel-indicators{
				position: relative;
				max-width: 800px;
				margin: auto;
				left: 0px;
				width: 100%;
				bottom: 0px;
				text-align: center;
				&:before{
					content: "";
					background: url(../img/clients/dotted.png) no-repeat scroll center center;
					width: 422px;
					height: 48px;
					position: absolute;
					left: 50%;
					transform: translateX(-50%);
					top: 30px;
					z-index: -1;
				}
				li{
					width: calc(100% / 3);
					margin: 0px;
					border: none;
					float: left;
					background: transparent;
					height: 100%;
					text-indent: 0px;
					img{
						border: 2px solid transparent;
					}
					h4{
						font-size: 18px;
						color: #272727;
						text-transform: uppercase;
						font-family: $hee;
						font-weight: bold;
						padding-top: 20px;
						opacity: 0;
					}
					p{
						font-size: 15px;
						color: #8e8e8e;
						font-family: $hee;
						opacity: 0;
					}
					&.active{
						img{
							border-color: #ec4f54;
						}	
						h4{
							opacity: 1;
						}
						p{
							opacity: 1;
						}
					}	
				}
			}
			.carousel-inner{
				.item{
					text-align: center;
					p{
						font-size: 22px;
						line-height: 40px;
						color: #585858;
						font-family: "sans-serif";
						font-style: italic;
						max-width: 880px;
						margin: auto;
						padding-bottom: 110px;
					}
				}
			}
		}
	}
}
/* End Clients Nine Area css
============================================================================================ */