.lobby {
	max-height: 483px;
	position: relative;
	padding: 14% 0
}

.lobby h1 {
	font-size: 36px;
	line-height: 40px;
	color: #eee
}

.lobby .text {
	font-size: 16px;
	line-height: 20px;
	color: #e9e9e9
}

.lobby-mask {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: auto;
	opacity: .8
}

#about-us .about-us {
	background-color: #6967b6;
	border-bottom: 6px solid #5e5caa
}

#about-us .about {
	min-height: 300px;
	width: 48%;
	background: #fff;
	margin-right: 14px;
	margin-top: -10%;
	border-right: 5px solid rgba(94, 92, 163, .7)
}

#about-us .about .stretched {
	width: 4000px;
	height: 100%;
	top: 0;
	right: 0;
	background: inherit;
	border: 5px solid #5488ff;
	border-right: none
}

#about-us .about .we-are {
	padding: 50px 50px 50px 0;
	color: #383838
}

#about-us .about .we-are .heading {
	font-size: 24px;
	color: inherit
}

#about-us .about .we-are p {
	font-size: 16px;
	line-height: 24px;
	color: #515151;
	margin: 50px 0
}

#about-us .freespace {
	min-height: 378px;
	width: 50%;
	background: #4f4d88;
	margin-top: 14px
}

#about-us .filler {
	min-height: 190px;
	padding-top: 70px;
	padding-right: 1%;
	font-size: 24px;
	line-height: 30px;
	color: #fff;
	text-align: right;
	background-repeat: no-repeat;
	background-position: 0 bottom
}

#our-process {
	background-position: center 0;
	background-repeat: no-repeat;
	background-color: #fff
}

#our-process .process {
	margin-top: 20%;
	background: #5488ff
}

#our-process .process .heading {
	height: 75px;
	width: 211px;
	font-size: 24px;
	font-weight: 400;
	line-height: 74px;
	color: #383838;
	border-style: solid;
	border-color: #507ce1;
	border-width: 0 1px 1px 0;
	background: #fcf1a8
}

#our-process .process .stages {
	padding: 27px 0;
	width: 100%;
	height: 260px
}

#our-process .process .stages ul {
	width: 100%
}

#our-process .process .stages ul li {
	display: inline-block;
	width: 280px;
	text-align: center
}

#our-process .process .stages ul li .title {
	display: block;
	font-weight: 700;
	font-size: 18px;
	line-height: 76px;
	text-transform: uppercase;
	color: #fff;
	cursor: pointer
}

#our-process .process .stages ul li .img-circle {
	display: inline-block;
	width: 152px;
	height: 152px;
	border: 5px solid #fff
}

#our-process .process .stages ul li.active {
	position: relative
}

#our-process .process .stages ul li.active .img-circle {
	background-color: #3d6edc
}

#our-process .process .stages ul li.active .title {
	position: relative
}

#our-process .process .stages ul li.active .title:after {
	top: 100%;
	left: 0;
	right: 0;
	margin: auto;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(84, 136, 255, 0);
	border-top-color: #5488ff;
	border-width: 18px
}

#our-process .process .stages ul li.s1 .img-circle, #our-process .process .stages ul li.s2 .img-circle, #our-process .process .stages ul li.s3 .img-circle, #our-process .process .stages ul li.s4 .img-circle {
	background-position: 44px 30px
}

#our-process .process .stage-desc {
	padding: 30px 75px;
	font-size: 16px;
	line-height: 24px;
	color: #cfcfcf;
	background: #34495e
}


 #our-process .process .stages ul li .img-circle {
        background-image: url(../img/process-stages.png);
        background-repeat: no-repeat;
    }

 #our-process .process .stages ul li:nth-child(2) .img-circle {
        background-image: url(../img/process-stages.png);
        background-repeat: no-repeat;
        /*background-position: -100px 37px;*/
        background-position: -385px 37px;
    }

 #our-process .process .stages ul li:nth-child(3) .img-circle {
        background-image: url(../img/process-stages.png);
        background-position: -268px 33px; 
        background-repeat: no-repeat;
    }

 #our-process .process .stages ul li:nth-child(4) .img-circle {
        background-image: url(../img/process-stages.png);
       /*background-position: -385px 37px; */
        background-position: -100px 37px;
        background-repeat: no-repeat;
    }




.testimonial {
	background: #fff
}

.testimonial .testimonial-box {
	padding: 50px 25px
}

.testimonial h3 {
	font-weight: 400;
	color: #383838
}

.testimonial .quote-wrapper {
	margin-left: -4%
}

.testimonial .quote-box {
	width: 46%;
	float: left;
	padding-left: 50px;
	margin-top: 30px;
	margin-left: 4%;
	background: url(../img/quote.png) 0 10px no-repeat
}

.testimonial .quote-box .quote {
	display: block;
	font-size: 24px;
	line-height: 30px;
	color: #383838
}

.testimonial .quote-box .client {
	font-size: 14px;
	margin-top: 30px
}

.testimonial .quote-box .client .name {
	color: #858585
}

.testimonial .quote-box .client .badge {
	display: inline-block;
	height: 40px;
	padding: 0 15px;
	line-height: 40px;
	margin-top: 8px;
	color: #34495e;
	background-color: #fcf1a8;
	text-align: center;
	border-radius: 50px
}

#products {
	padding: 27px 0;
	background: #191f33
}

#products h2 {
	font-size: 36px;
	line-height: 42px;
	color: #fff;
	font-weight: 400;
	margin-bottom: 27px
}

#products .product {
	margin-bottom: 27px;
	background: #fff
}

#products .product .prod-desc {
	width: 52%;
	padding: 23px
}

#products .product .prod-desc h4 {
	font-size: 24px;
	line-height: 30px;
	font-weight: 400;
	color: #383838
}

#products .product .prod-desc p {
	color: #515151;
	margin: 30px 0
}

#products .product .prod-img {
	width: 48%;
	overflow: hidden;
}

.l-arr, .r-arr {
	position: relative
}

.l-arr:after, .l-arr:before, .r-arr:after, .r-arr:before {
	top: 30%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none
}

.l-arr:after, .l-arr:before {
	right: 100%
}

.r-arr:after, .r-arr:before {
	left: 100%
}

.l-arr:after, .r-arr:after {
	border-color: rgba(136, 183, 213, 0);
	border-width: 20px;
	margin-top: -20px
}

.l-arr:after {
	border-right-color: #fff
}

.r-arr:after {
	border-left-color: #fff
}

.l-arr:before, .r-arr:before {
	border-color: rgba(194, 225, 245, 0);
	border-width: 21px;
	margin-top: -21px
}

.l-arr:before {
	border-right-color: #fff
}

.r-arr:before {
	border-left-color: #fff
}

@media only screen and (max-width:768px) {
	.about.pos-rel.pull-left {
		width: 100% !important;
		margin: 0 !important;
		border: none !important;
	}

	.freespace {
		display: none;
	}

	#our-process .process .stages ul li .img-circle {
		display: none;
	}
	#our-process .process .stages ul li{width: 24%;}
	#our-process .process .stages ul li .title{line-height: 1.6; font-size: 12px;}
	#our-process .process .stages{height: auto;}
	#our-process .process .stages ul li.active{background: #34495E;padding: 5px;}
	#our-process .process .stages ul li.active .title::after {content: none;}
	#our-process .process .stages{padding-bottom:  0;}

	#products .product .prod-img {
	width: 100%;
	overflow: hidden;
	}
	#products .product .prod-desc{
		width: 100%;
	}
	#products .product .prod-img img{
		 width: 100%;
	}
	.l-arr::after, .l-arr::before, .r-arr::after, .r-arr::before{content: none;}

}


@media only screen and (max-width:480px) {
	 .testimonial .quote-box{width: 100%}

}