/*QUICK*/
.s_quick{
	text-align: center;
}
.s_quick .p{
	margin: 40px auto 35px;
	max-width: 600px;
}
.s_quick .p p{
	font-size: 14px;
}
/*/QUICK*/

/*FUNCTIONS*/
.s_functions{}
.s_functions .items{
	margin-top: 20px;
	margin-bottom: 20px;
}
.s_functions .item{
	display: block;
	margin: 30px auto 0;
	max-width: 260px;
	min-height: calc(100% - 30px);
	background-color: white;
	border-radius: 10px;
	padding: 30px 15px 20px;
	text-align: center;
	position: relative;
}
.s_functions .item::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border-radius: 10px;
	background-color: #fff;
	box-shadow: 0 3px 15px rgba(0, 0, 0, 0.05);
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.s_functions .item:hover::before{
	top: -10px;
	left: -10px;
	right: -10px;
	bottom: -10px;
}
.s_functions .item .center{
	max-width: 200px;
	margin: 0 auto;
	position: relative;
	z-index: 3;
}
.s_functions .item .icon{
	margin: 0 auto 35px;
	width: 130px;
	height: 130px;
	line-height: 130px;
	text-align: center;
	background-color: #f1f4f9;
	border-radius: 50%;
}
.s_functions .item h3{
	margin-bottom: 15px;
}
.s_functions .item .hover{
	position: relative;
}
.s_functions .item p{
	position: relative;
	top: 0;
	opacity: 1;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.s_functions .item:hover p{
	opacity: 0;
	top: -10px;
}
.s_functions .item .btn{
	opacity: 0;
	position: absolute;
	top: 10px;
	left: 50%;
	-webkit-transform: translatex(-50%);
	-ms-transform: translatex(-50%);
	-o-transform: translatex(-50%);
	transform: translatex(-50%);
	margin-top: 10px;
	max-width: 170px;
}
.s_functions .item:hover .btn{
	top: 0;
	opacity: 1;
}
/*/FUNCTIONS*/

/*FREE*/
.s_free{

}
.s_free .wrap{
	margin-top: 15px;
	margin-bottom: 15px;
}
.s_free .bg_img{
	max-width: 360px;
	margin: 0 auto;
	position: relative;
}
.s_free .bg_img::before{
	content: '';
	position: absolute;
	top: 60px;
	bottom: 60px;
	left: -30px;
	margin: auto;
	width: 260px;
	background-color: #3ea1f0;
	border-radius: 10px;
	z-index: 2;
}
.s_free .bg_img .img{
	position: relative;
	z-index: 3;
	overflow: hidden;
	max-height: 470px;
	background-color: #d8d8d8;
	border-radius: 10px;
	box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
}
.s_free .bg_img img{
	border-radius: 10px;
}
.s_free .text{
	margin-left: -30px;
}
.s_free .text h2{
	text-align: left;
}
.s_free .text p{
	margin-top: 35px;
	font-size: 14px;
}
/*/FREE*/

/*NEEDED*/
.s_needed{
	padding-bottom: 0;
}
.s_needed .wrap{
	margin: 0 -15px;
}
.s_needed .items{
	margin: 45px auto 0;
	max-width: 551px;
	min-height: 465px;
	background-image: url(/img/bg/needed_img.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	position: relative;
	left: -35px;
}
.s_needed .item{
	text-align: center;
	font-size: 12px;
	font-weight: 900;
	text-transform: uppercase;
	position: absolute;
}
.s_needed .item br{
	display: inline-block;
}
.s_needed .item.item1{
	top: 70px;
	left: 120px;
}
.s_needed .item.item2{
	top: 60px;
	right: 115px;
}
.s_needed .item.item3{
	top: 190px;
	left: 15px;
	font-size: 11px;
}
.s_needed .item.item4{
	top: 185px;
	right: 10px;
	font-size: 11px;
}
.s_needed .item.item5{
	top: 230px;
	left: 150px;
}
.s_needed .item.item6{
	top: 330px;
	right: 45px;
}
/*/NEEDED*/

/*ADVANTAGES*/
.s_advantages{

}
.s_advantages .items{
	margin-top: 60px;
	margin-bottom: 30px;
}
.s_advantages [class*="col-"]:nth-child(2n){
	padding-top: 80px;
}
.s_advantages .item{
	max-width: 390px;
	margin: 30px 0 0;
	padding-left: 170px;
	min-height: 130px;
	position: relative;
}
.s_advantages .item .left{
	position: absolute;
	top: 0;
	left: 0;
	max-width: 130px;
}
.s_advantages .item .number{
	position: absolute;
	top: -10px;
	left: 85px;
	width: 40px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	font-weight: 700;
	color: #fff;
	background-color: #1b9fff;
	border-radius: 50%;
	text-align: center;
	z-index: 9;
}
.s_advantages .item .icon{
	width: 130px;
	height: 130px;
	line-height: 130px;
	text-align: center;
	background-color: #f8f8f8;
	border-radius: 50%;
}
.s_advantages .item .text{
	padding-top: 10px;
}
.s_advantages .item h3{
	margin-bottom: 10px;
}
.s_advantages .item h3 br{
	display: inline-block;
}
/*/ADVANTAGES*/

/*HOW*/
.s_how{}
.s_how .wrap{
	margin-top: 5px;
	margin-bottom: 30px;
}
.s_how .bg_img,
.s_how .text{
	margin-top: 40px;
}
.s_how .bg_img{
	max-width: 450px;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	position: relative;
}
.s_how .bg_img::before,
.s_how .bg_img::after{
	content: '';
	position: absolute;
	background-color: #3ea1f0;
	border-radius: 10px;
	z-index: 2;
}
.s_how .bg_img::before{
	top: 0;
	bottom: 0;
	left: 0;
	width: 260px;
}
.s_how .bg_img::after{
	bottom: 0;
	right: 0;
	width: 81px;
	height: 106px;
}
.s_how .bg_img .img{
	position: relative;
	z-index: 3;
	overflow: hidden;
	max-height: 300px;
	border-radius: 10px;
	box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
	background-color: white;
}
.s_how .bg_img .img img{
	border-radius: 10px;
}
.s_how .text{
	margin-left: auto;
	margin-right: auto;
	max-width: 360px;
	background-color: white;
	border-radius: 10px;
	padding: 20px 25px;
}
/*/HOW*/

/*STEP*/
.s_step{}
.s_step .wrap{
	margin-top: 75px;
}
.s_step .item{
	max-width: 280px;
	margin-bottom: 100px;
	padding-left: 65px;
	position: relative;
}
.s_step .item .number{
	position: absolute;
	top: 0;
	left: 0;
	font-size: 30px;
	line-height: 1em;
	font-weight: 900;
	text-align: center;
	color: #1b8aff;
}
.s_step .item .number::after{
	content: '';
	position: relative;
	display: block;
	width: 4px;
	height: 15px;
	background-color: #1b9fff;
	margin: 20px auto 0;
}
.s_step .bg_img{
	max-width: 450px;
	padding: 20px;
	position: relative;
	background-color: white;
}
.s_step .bg_img::before,
.s_step .bg_img::after{
	content: '';
	position: absolute;
	background-color: #3ea1f0;
	border-radius: 10px;
	z-index: 2;
}
.s_step .bg_img::before{
	top: 0;
	bottom: 0;
	left: 0;
	width: 260px;
}
.s_step .bg_img::after{
	bottom: 0;
	right: 0;
	width: 81px;
	height: 106px;
}
.s_step .bg_img .img{
	position: relative;
	z-index: 3;
	overflow: hidden;
	max-height: 300px;
	border-radius: 10px;
	box-shadow: 0 7px 15px rgba(0, 0, 0, 0.07);
}
.s_step .bg_img .img img{
	border-radius: 10px;
}
/*/STEP*/

/*CAN*/
.s_can{
	text-align: center;
}
.s_can .items{
	margin-top: 20px;
}
.s_can .item{
	margin: 30px auto 0;
	max-width: 360px;
	height: calc(100% - 30px);
	background-color: white;
	border-radius: 10px;
	padding: 20px;
}
.s_can .item .icon{
	width: 60px;
	height: 60px;
	margin: 0 auto 15px;
	background-image: url(/img/icons/can.png);
	background-repeat: no-repeat;
	background-position: center;
}
.s_can .item h3{
	max-width: 280px;
	margin: 0 auto;
}
.s_can .btn{
	margin-top: 30px;
}
/*/CAN*/

/*INFO*/
.s_info{
}
.s_info .carousel{
	padding-top: 30px;
	padding-bottom: 30px;
}
.s_info .item h2{
	text-align: left;
	margin-bottom: 40px;
}
.s_info .item p{
	font-size: 14px;
}
.s_info .item .img{
	text-align: center;
}
/*/INFO*/

/*REVIEWS*/
.s_reviews{

}
.s_reviews .carousel{
	margin-top: 40px;
}
.s_reviews .item{
	max-width: 510px;
	min-height: 230px;
	margin: 0 auto;
	background-color: white;
	border-radius: 10px;
	padding: 20px 25px;
	position: relative;
}
.s_reviews .item .left{
	position: absolute;
	top: 20px;
	left: 20px;
	text-align: center;
}
.s_reviews .item .img{
	margin-bottom: 15px;
}
.s_reviews .item .star{
	display: inline-block;
	width: 16px;
	height: 16px;
	margin: 0 1px;
	background-image: url(/img/icons/star.png);
	background-repeat: no-repeat;
	background-position: center;
}
.s_reviews .item .text{
	padding-left: 130px;
}
.s_reviews .item .pos{
	margin: 7px 0;
	font-style: italic;
	font-size: 12px;
	color: #898989;
}
.s_reviews .item p{
	padding-right: 40px;
}
/*/REVIEWS*/

/*REFERENCE*/
.s_reference{}
.s_reference .items{
	margin-top: 20px;
}
.s_reference .item{
	margin: 30px auto 0;
	max-width: 360px;
	height: calc(100% - 30px);
	padding: 30px 20px 25px;
	background-color: #f1f4f9;
	border-radius: 10px;
	text-align: center;
}
.s_reference .item .center{
	max-width: 310px;
	margin: 0 auto;
}
.s_reference .item h3{
	margin-bottom: 15px;
}
.s_reference .item p{
	max-width: 280px;
	margin: 0 auto;
}
/*/REFERENCE*/

/*FOOTER*/
footer{
	padding: 30px 0;
	background-color: #3ea1f0;
	position: relative;
	text-align: center;
}
footer,
footer a,
footer h3{
	color: #fff;
}
footer .menu{
	text-align: center;
}
footer .menu li{
	display: inline-block;
	margin: 0 15px;
}
footer .menu a{
	font-weight: 500;
	font-size: 14px;
}
footer .menu a:hover{
	color: #134275;
}
footer .label{
	font-size: 18px;
	font-weight: 700;
	text-align: center;
}
footer .btn{
	padding: 13px 10px;
	max-width: 165px;
}
footer .bottom{
	padding-top: 45px;
}
footer .copy{
	color: #134275;
	font-size: 12px;
}
footer .mail{
	display: inline-block;
	position: relative;
	padding-left: 30px;
}
footer .mail:hover{
	color: #fff;
}
footer .mail::before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
	width: 16px;
	height: 12px;
	background-image: url(/img/icons/mail.png);
	background-repeat: no-repeat;
	background-position: center;
}
footer .mail span{
	text-decoration: underline;
}
footer .development{
	font-size: 12px;
}
footer .development,
footer .development a{
	color: #1c4393;
}
footer .development a:hover{
	color: #fff;
}
/*/FOOTER*/

/*CIRCLE*/
.circle[class*="circle"]{
	position: absolute;
	border-radius: 50%;
	z-index: 99;
}
.circle.bg1{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dbbae8), to(#b491c3));
	background-image: -webkit-linear-gradient(top, #dbbae8 0%, #b491c3 100%);
	background-image: -o-linear-gradient(top, #dbbae8 0%, #b491c3 100%);
	background-image: linear-gradient(180deg, #dbbae8 0%, #b491c3 100%);
}
.circle.bg2{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#b5c680), to(#ccde8e));
	background-image: -webkit-linear-gradient(top, #b5c680 0%, #ccde8e 100%);
	background-image: -o-linear-gradient(top, #b5c680 0%, #ccde8e 100%);
	background-image: linear-gradient(180deg, #b5c680 0%, #ccde8e 100%);
}
.circle.bg3{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7dfaf0), to(#57cac1));
	background-image: -webkit-linear-gradient(top, #7dfaf0 0%, #57cac1 100%);
	background-image: -o-linear-gradient(top, #7dfaf0 0%, #57cac1 100%);
	background-image: linear-gradient(180deg, #7dfaf0 0%, #57cac1 100%);
}
.circle.bg4{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f4efe9), to(#f5c399));
	background-image: -webkit-linear-gradient(top, #f4efe9 0%, #f5c399 100%);
	background-image: -o-linear-gradient(top, #f4efe9 0%, #f5c399 100%);
	background-image: linear-gradient(180deg, #f4efe9 0%, #f5c399 100%);
}
.circle.bg5{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7cc7ff), to(#0094ff));
	background-image: -webkit-linear-gradient(top, #7cc7ff 0%, #0094ff 100%);
	background-image: -o-linear-gradient(top, #7cc7ff 0%, #0094ff 100%);
	background-image: linear-gradient(180deg, #7cc7ff 0%, #0094ff 100%);
}
.circle.bg6{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#2ade7c), to(#18c766));
	background-image: -webkit-linear-gradient(top, #2ade7c 0%, #18c766 100%);
	background-image: -o-linear-gradient(top, #2ade7c 0%, #18c766 100%);
	background-image: linear-gradient(180deg, #2ade7c 0%, #18c766 100%);
}
.circle.circle1{
	top: 30px;
	left: 50%;
	margin-left: -660px;
	width: 212px;
	height: 212px;
}
.circle.circle2{
	top: 35px;
	right: 50%;
	margin-right: -630px;
	width: 38px;
	height: 38px;
}
.circle.circle3{
	bottom: -35px;
	right: 50%;
	margin-right: -490px;
	width: 94px;
	height: 94px;
}
.circle.circle4{
	bottom: -55px;
	left: 50%;
	margin-left: -420px;
	width: 94px;
	height: 94px;
}
.circle.circle5{
	bottom: -110px;
	right: 50%;
	margin-right: -780px;
	width: 212px;
	height: 212px;
}
.circle.circle6{
	top: 155px;
	left: 50%;
	margin-left: -685px;
	width: 64px;
	height: 64px;
}
.circle.circle7{
	bottom: -100px;
	right: 50%;
	margin-right: -700px;
	width: 151px;
	height: 151px;
}
.circle.circle8{
	top: 125px;
	left: 50%;
	margin-left: -615px;
	width: 94px;
	height: 94px;
}
.circle.circle9{
	bottom: 190px;
	right: 50%;
	margin-right: -520px;
	width: 38px;
	height: 38px;
}
.circle.circle10{
	top: -70px;
	left: 50%;
	margin-left: -830px;
	width: 212px;
	height: 212px;
}
.circle.circle11{
	top: 180px;
	right: 50%;
	margin-right: -830px;
	width: 197px;
	height: 197px;
}
.circle.circle12{
	bottom: 155px;
	right: 50%;
	margin-right: -625px;
	width: 118px;
	height: 118px;
}
.circle.circle13{
	top: 20px;
	left: 50%;
	margin-left: -605px;
	width: 75px;
	height: 75px;
}
.circle.circle14{
	top: 200px;
	right: 50%;
	margin-right: -450px;
	width: 84px;
	height: 84px;
}
.circle.circle15{
	bottom: 105px;
	right: 50%;
	margin-right: -160px;
	width: 38px;
	height: 38px;
}
.circle.circle16{
	top: -90px;
	left: 50%;
	margin-left: -680px;
	width: 197px;
	height: 197px;
}
.circle.circle17{
	top: 100px;
	right: 50%;
	margin-right: -520px;
	width: 171px;
	height: 171px;
}
.circle.circle18{
	top: 50px;
	left: 50%;
	margin-left: -520px;
	width: 38px;
	height: 38px;
}
.circle.circle19{
	bottom: -40px;
	left: 50%;
	margin-left: -690px;
	width: 200px;
	height: 200px;
}
.circle.circle20{
	bottom: 30px;
	right: 50%;
	margin-right: -620px;
	width: 100px;
	height: 100px;
}
.circle.circle21{
	bottom: 65px;
	left: 50%;
	margin-left: -500px;
	width: 50px;
	height: 50px;
}
.circle.circle22{
	bottom: -20px;
	right: 50%;
	margin-right: -500px;
	width: 132px;
	height: 132px;
}
.circle.circle23{
	bottom: -10px;
	left: 50%;
	margin-left: -750px;
	width: 200px;
	height: 200px;
}
.circle.circle24{
	bottom: 15px;
	right: 50%;
	margin-right: -650px;
	width: 94px;
	height: 94px;
}
.circle.circle25{
	bottom: 100px;
	left: 50%;
	margin-left: -620px;
	width: 76px;
	height: 76px;
}
.circle.circle26{
	bottom: 105px;
	right: 50%;
	margin-right: -620px;
	width: 58px;
	height: 58px;
}
.circle.circle27{
	top: 75px;
	right: 50%;
	margin-right: -300px;
	width: 50px;
	height: 50px;
}
@media only screen and (max-width : 767px) {
	.circle[class*="circle"]{
		display: none;
	}	
}
/*/CIRCLE*/

/*CAROUSEL*/
.carousel{
	margin: 50px 0;
	padding: 0 95px;
}
.owl-carousel .owl-item img{
	display: inline-block;
	width: auto;
	transform-style: initial;
}
@media only screen and (max-width : 1199px) {
	.carousel{
		padding: 0 65px;
	}
}
@media only screen and (max-width : 991px) {
	.carousel{
		padding: 0 35px;
		margin-bottom: 40px;
	}
}
@media only screen and (max-width : 991px) {
	.carousel{
		padding: 0;
	}
}
/*/CAROUSEL*/

/*OWL BUTTON*/
.owl-prev, 
.owl-next {
	cursor: pointer;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
	width: 15px;
	height: 30px;
	border-radius: 50%;
	z-index: 9;
	-webkit-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
}
.owl-prev::before, 
.owl-next::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-image: url(/img/icons/arrow_carousel.svg);
	background-repeat: no-repeat;
	background-position: center;
}
.owl-prev{
	left: 0;
}
.owl-next{
	-moz-transform: scaleX(-1);
	-o-transform: scaleX(-1);
	-webkit-transform: scaleX(-1);
	transform: scaleX(-1);
	filter: FlipH;
	-ms-filter: "FlipH";
	right: 0;
}
.owl-prev:hover::before,
.owl-next:hover::before{
	background-image: url(/img/icons/arrow_carousel-hover.svg);
}
/*/OWL BUTTON*/

/*OWL PAGINATION*/
.owl-dots{
	text-align: center;
	position: absolute;
	bottom: -65px;
	left: 0;
	right: 0;
}
.owl-dots .owl-dot{
	width: 8px;
	height: 8px;
	background-color: #d7d8d9;
	border-radius: 50%;
	display: inline-block;
	margin: 0 5px;
}
section.block_bg_color1 .owl-dots .owl-dot:not(.active),
section.block_bg_color2 .owl-dots .owl-dot:not(.active){
	background-color: #fff;
}
.owl-dots .owl-dot.active{
	background-color: #3ea1f0;
}
@media only screen and (max-width : 991px) {
	.owl-dots{
		bottom: -50px;
	}
}
/*/OWL PAGINATION*/

/*POPUP*/
.fancybox-close:hover{
	opacity: 1;
}
.fancybox-close{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#7cc7ff), to(#0094ff));
	background-image: -webkit-linear-gradient(top, #7cc7ff 0%, #0094ff 100%);
	background-image: -o-linear-gradient(top, #7cc7ff 0%, #0094ff 100%);
	background-image: linear-gradient(180deg, #7cc7ff 0%, #0094ff 100%);;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	top: 15px;
	right: 15px;
	opacity: .8;
	-webkit-transition: .3s;
	-o-transition: .3s;
	transition: .3s;
}
.fancybox-close::before{
	content: 'x';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	line-height: 26px;
	color: #fff;
	text-align: center;
	font-size: 25px;
	font-weight: 700;
	font-family: "AvenirNextBold";
}
.fancybox-overlay{
	background-image: none;
	background-color: rgba(21,20,26,.9);
}
.popup{
	width: 440px;
	min-width: 280px;
	padding: 55px 30px;
	background-color: #fff;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.37);
	text-align: center;
}
.popup h2 + h3{
	margin-top: 5px;
}
.popup form{
	margin-top: 20px;
}
@media only screen and (max-width : 767px) {
	.popup{
		width: 100%;
		max-width: 480px;
	}
}
/*/POPUP*/

/*ANIMATION*/
@-webkit-keyframes BubbleShake {
	from {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	65% {
		-webkit-transform: translate(0, 15px);
		transform: translate(0, 15px);
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
@keyframes BubbleShake {
	from {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
	65% {
		-webkit-transform: translate(0, 15px);
		transform: translate(0, 15px);
	}
	to {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
	}
}
/*/ANIMATION*/

/*ANIMATION DELAY*/
.s_step .item.item1{
	-webkit-animation-delay: .1s;
	-o-animation-delay: .1s;
	animation-delay: .1s;
}
.s_step .item.item2{
	-webkit-animation-delay: .4s;
	-o-animation-delay: .4s;
	animation-delay: .4s;
}
.s_step .item.item3{
	-webkit-animation-delay: .7s;
	-o-animation-delay: .7s;
	animation-delay: .7s;
}
/*/ANIMATION DELAY*/