body,html{
	color: rgb(11, 57, 103);
	background-color: rgb(245, 246, 249);
	background-image: url(img/main_bg1.png);
	background-repeat: no-repeat;
	background-position: calc(50% + 810px) -12em;
	background-size: 37em auto;
}

.logo{
	padding:15px;
	display:block;
	margin:0 auto;
	text-align:center;
}
.logo img{
	width:200px;
}

.grey{
	color:#666;
}

.start_carousel{
	padding:100px 0px;
}
.start_carousel h2{
	font-size:45px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:15px;
}
.start_carousel span{
	font-size:18px;
}
.start_carousel .laptop{
	background:url(img/graphic-header-home-x2-new.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-size: 97% 95%;
	padding: 7.3% 15.4% 9.7% 14.9%;
	transform: scale(1.1);
}
.start_carousel .laptop img{
	display: inline-block;
	object-fit: cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.start_carousel .laptop .inner{
	position: relative;
	overflow: hidden;
	padding-top: 56.25%;
}
.start_carousel .btn{
	margin-top:25px;
}

.btn{
	background:#5d55ae;
	color:#fff;
	border-radius: 1.5em;
	box-shadow: 0 0.4rem 0.5rem 0 rgb(0 0 0 / 10%);
	padding: 0.5em 1.5em;
	line-height: 1.3;
	font-size: 20px;
}
.btn:hover, .btn:focus, .btn:active{
	color:#fff;
}

.btn.border{
	background-color: rgb(255, 255, 255);
	color: rgb(28, 192, 243);
	border: 0.15rem solid rgb(219, 223, 229);
}

.carousel-control-next, .carousel-control-prev{
	width:3%;
}
.carousel-indicators{
	margin-bottom:-6rem;
}
.carousel-item{
	padding:0px 60px;
}

.partners{
	padding:100px 0px;
	background:#fff;
	text-align:center;
	margin-top:100px;
}
.partners h2{
	font-weight:bold;
	margin-bottom:50px;
}
.partners .p-images{
	display:flex;
	align-items:center;
	justify-content: center;
}
.partners .p-images img{
	width:150px;
	margin:0 30px;
}


.do{
	padding:100px 0px;
	background:#fff;
	text-align:center;
	border-bottom:2px solid rgb(245, 246, 249);
	padding-bottom:0px;
}
.do h2{
	font-weight:bold;
}
.do .list h3{
	position:relative;
}
.do .list h3:before{
	content: "";
	width: 0.9rem;
	height: 0.9rem;
	background: #f5f6f9;
	border-radius: 50%;
	border: 0.15rem solid #1cc0f3;
	box-sizing: border-box;
	display: block;
	margin-left: -58px;
	position: absolute;
	margin-top: 10px;
}
.do .list .lefth3:before{
	right:-57px;
	margin-left:0;
}
.do .list{
	margin-top:50px;
}
.do .list .border-right{
	border-right:2px solid rgb(245, 246, 249);
}
.do .list .border-left{
	border-left:2px solid rgb(245, 246, 249);
	margin-left:-2px;
}
.do .list img{
	width:65%;
	margin:0 auto;
	padding:50px 0px;
}
.do .list .text{
	text-align:left;
	font-size:18px;
	padding:0 50px;
}
.do .list .text .btn{
	margin-top:25px;
}


.boxes{
	padding:100px 0px;
	background:#fff;
	text-align:center;
	font-size:18px;
	padding-bottom:250px;
}
.boxes .box{
	margin-bottom:50px;
}
.boxes .box h3{
	font-size:23px;
	font-weight:bold;
	margin-bottom:25px;
}
.boxes .box span{
	display:block;
	margin-bottom:15px;
}


.big-bottom-image{
	width:100%;
	border-radius:10px;
	margin-top:-150px;
}

.smallbox{
	padding:100px 0px;
	text-align:center;
}
.smallbox .middle{
	border-left:2px solid rgb(219, 219, 228);
	border-right:2px solid rgb(219, 219, 228);
}
.smallbox .col-md-4{
	padding:25px 0;
}

.testi{
	padding:100px 0px;
	background:#fff;
	text-align:center;
}

#bottomCarousel{
	text-align:center;
}
#bottomCarousel img{
	display:block;
	width:150px;
	margin:0 auto;
	margin-bottom:25px;
}

.testi .images_list img{
	width:100px;
	margin:20px;
}


.befooter{
	background-image: url(img/befooter2.jpg), url(img/befooter1.jpg);
	background-repeat: no-repeat;
	background-position: right top, left bottom;
	background-size: auto 50%, 30%;
	background-color:#0b3967;
	padding:100px 0px;
	color:#fff;
	font-size:18px;
	text-align:center;
}
.befooter h2{
	font-size:50px;
}
.befooter .btn{
	display:block;
	margin:0 auto;
	margin-top:25px;
}

.footer{
	padding:35px 0px;
	text-align:center;
	font-size:12px;
}
.footer a{
	color:rgb(11, 57, 103);
	text-decoration: none;
}
.footer span{
	display:block;
	margin-top:25px;
}

#bottomCarousel .carousel-indicators{
	display:none;
}


.stat{
	padding:100px 0px;
	padding-bottom:150px;
}

@media only screen and (max-width:480px){
	
	.logo img{
		width:100px;
	}
	
	.start_carousel{
		padding:25px 0px;
		text-align:center;
	}
	.carousel-item{
		padding:0;
	}
	.carousel-control-next, .carousel-control-prev{
		display:none;
	}
	.start_carousel .laptop{
		margin-top:50px;
	}
	
	.partners .p-images{
		flex-wrap: wrap;
		margin-top:-25px;
	}
	.partners .p-images img{
		flex:0 0 auto;
		width:33.33333%;
		margin:0;
		padding:15px;
	}
	.do{
		padding-top:25px;
	}
	.list .row{
		margin-bottom:35px;
	}
	.list .row:nth-child(even){
		flex-direction: column-reverse;
	}
	.do .list .border-right, .do .list .border-left{
		border:none;
	}
	.do .list h3:before{
		display:none;
	}
	
	.boxes{
		padding-top:50px;
	}
	.boxes .box{
		padding:0px 25px;
	}
	.big-bottom-image{
		margin-top:-80px;
	}
	.smallbox{
		padding:50px 0px;
	}
	.smallbox .middle{
		border:none;
		border-top:2px solid rgb(219, 219, 228);
		border-bottom:2px solid rgb(219, 219, 228);
	}
	#bottomCarousel{
		margin-bottom:100px;
	}
	.testi .images_list img{
		width:60px;
	}
	.befooter{
		padding:50px 25px;
	}	
	
	#bottomCarousel .carousel-indicators{
		display:block;
	}
	#bottomCarousel .carousel-indicators{
		margin-bottom: -2rem;
	}
	
	
}