@charset "UTF-8";

html body{
	background: #fcf9ff;
	font-family: 'Montserrat', sans-serif;
	font-size: 10px;
	overflow-x: hidden;
	position: relative;
}
body:before,
body:after{
	content: '';
	background: url(../images/body-bg-right.png) repeat-y;
	width: 851px;
	height: 100%;
	max-width: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
body:before{
	background-image: url(../images/body-bg-left.png);
	width: 1317px;
	left: 0;
}

body .fancybox-container{
	font-family: 'Montserrat', sans-serif;
}

.disable-hover,
.disable-hover * {
	pointer-events: none !important;
}

*{
	outline: none;
}
*:not(html):not(body):not([class*=slick-]):not([class^=fancybox-]):not([class^=bx-]):not(ymaps){
	transition: all 0.5s ease;
}
:invalid,
:required{
	box-shadow: none;
}
h1, h2, h3, h4, h5, h6{
	margin: 0;
}
ul, ol{
	padding: 0;
	margin: 0;
}
ul li{
	list-style: none;
}
.row-flex{
	display: flex;
	flex-flow: row wrap;
}

a{
	color: #000;
	cursor: pointer;
}
a:hover{
	color: #000;
}

.popup{
	display: none;
	background-image: url(../images/popup-bg.png) !important;
	background-size: 100% auto;
	background-repeat: repeat-y;
	background-position: left top;
}

.bttn{
	border: none;
	display: block;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.49;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	padding: 17px;
	margin: 0 25px;
	border-radius: 10px;
}
.bttn + .bttn{
	margin-top: 20px;
}
.bttn:hover,
.bttn:focus{
	opacity: 0.7;
	text-decoration: none;
}
.bttn.blue{
	background: #A5E4F2;
	color: #333;
}
.bttn.purple{
	background: #4C358F;
	color: #fff;
}
.bttn.grad{
	background: linear-gradient(135deg, #f1fbbe 0, #d3f3f0 33%, #dce1f8 66%, #e2ccfc 100%);
	color: #4C358F;
}
.bttn.grad + .bttn.grad{
	background: linear-gradient(135deg, #e3f8d6 0, #d6ebf5 33%, #e4d6fb 66%, #c2cbf6 100%);
}
.bttn.grad + .bttn.grad + .bttn.grad{
	background: linear-gradient(135deg, #d5f4ed 0, #dfddf9 33%, #deccfb 66%, #a3cbf0 100%);
}
.bttn.grad + .bttn.grad + .bttn.grad + .bttn.grad{
	background: linear-gradient(135deg, #d7e8f6 0, #e7cffc 33%, #bfcbf5 66%, #85caeb 100%);
}

.hdr{
	color: #4C358F;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.67;
	text-transform: uppercase;
}
h1.hdr{
	font-weight: 800;
	font-size: 23px;
	line-height: 1.41;
}

.form .inputs{
	margin-top: 45px;
}
.form .input{
	font-size: 15px;
	font-weight: 600;
	line-height: 1.32;
	margin-top: 25px;
}
.form .input .lbl{
	font-weight: 600;
	align-items: center;
}
.form .input .vl{
	margin-top: 5px;
}
.form .input-note{
	font-size: 14px;
	margin-top: 15px;
	font-weight: 600;
}
.form .input label{
	font-weight: 26;
	font-weight: 600;
}
.form .input input[type="text"],
.form .input input[type="email"],
.form .input input[type="tel"],
.form .input input[type="password"],
.form .input textarea{
	background: #fff;
	border: #4c358f 3px solid;
	width: 100%;
	padding: 17px 20px;
	border-radius: 10px;
	box-shadow: 1px 1px 10px 2px #EDEDED;
}
.form .input.chck input[type="checkbox"]{
	width: 20px;
	height: 20px;
	margin: 0 30px 0 0;
	transform: translateY(7px);
}
.form .bttns{
	margin-top: 45px;
}
.form .bttn{
	padding-right: 60px;
	padding-left: 60px;
	margin: 0 auto;
}
.form .links{
	font-size: 16px;
	margin-top: 30px;
}
.form .form-note,
.form .form-error{
	margin-top: 30px;
	font-size: 16px;
}
.popup .form .form-note{
	margin-top: 0;
}
.form .form-note + .hdr{
	margin-top: 30px;
}
.form .form-note + .hdr + .inputs{
	margin-top: 30px;
}
.form .vl label{
	display: none;
	transition: none !important;
}
.form .vl select{
	max-width: calc(100vw - 50px);
}
.form .vl .tarif-active{
	display: inline-block;
}
.form .vl .tarif-active + .tarif-active{
	margin-left: 10px;
	transform: translateY(2px);
}
.form .vl .tarif-hidden{
	display: none;
}
.form .vl .tarif-hidden + br{
	display: none;
}
.form.authform{
	margin-top: 15px;
}
.form.authform .input input[type="text"],
.form.authform .input input[type="email"],
.form.authform .input input[type="tel"],
.form.authform .input input[type="password"],
.form.authform .input textarea{
	padding: 7px 20px;
}

.text{
	color: #000000;
	line-height: 1.78;
	font-size: 13px;
}
.text .hdr{
	color: #000000;
	font-weight: 600;
	font-size: 15px;
	line-height: 1.67;
	text-transform: none;
}
.text p,
.text ul{
	margin: 10px 0 0;
}
.text ul li{
	padding-left: 20px;
	position: relative;
}
.text ul li:before{
	content: '';
	background: #000;
	width: 2px;
	height: 2px;
	position: absolute;
	top: 12px;
	left: 8px;
	border-radius: 50%;
}

.social-info{
	background: linear-gradient(292.26deg, #EBC6FB 6.78%, #CAEEF8 85.2%);
	color: #333333;
	padding: 40px 0;
	font-weight: 600;
	font-size: 18px;
	line-height: 145%;
	margin-top: 80px;
}
.social-info ul{
	font-weight: normal;
	margin: 10px 0 0 15px;
}
.social-info ul li{
	list-style-type: disc;
}
.social-info ul li a{
	color: #333;
	font-weight: 700;
}

.socials-steps{
	margin-top: 80px;
}
.socials-steps .row > *{
	margin-top: 25px;
}
.socials-steps .step{
	background: #fff;
	color: #333333;
	height: 100%;
	padding: 15px 25px;
	font-weight: 500;
	font-size: 17px;
	line-height: 150%;
	border-radius: 10px;
}
.socials-steps .icon{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	width: 230px;
	height: 230px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.socials-steps .icon-1{
	background-image: url(../images/social_step_1.png);
}
.socials-steps .icon-2{
	background-image: url(../images/social_step_2.png);
}
.socials-steps .icon-3{
	background-image: url(../images/social_step_3.png);
}
.socials-steps .icon-4{
	background-image: url(../images/social_step_4.png);
}
.socials-steps .icon-5{
	background-image: url(../images/social_step_5.png);
}
.socials-steps .icon:after{
	background: #4C358F;
	color: #FCF9FF;
	font-weight: 700;
	font-size: 22px;
	text-transform: uppercase;
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	line-height: 50px;
	position: absolute;
	top: 180px;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 5px;
}
.socials-steps .icon-1:after{
	content: '1';
}
.socials-steps .icon-2:after{
	content: '2';
}
.socials-steps .icon-3:after{
	content: '3';
}
.socials-steps .icon-4:after{
	content: '4';
}
.socials-steps .icon-5:after{
	content: '5';
}
.socials-steps .s-hdr{
	color: #333;
	font-weight: 700;
	font-size: 17px;
	line-height: 150%;
	text-transform: uppercase;
	margin-top: 35px;
}
.socials-steps p{
	margin-top: 15px;
}

.socials-caterogies .category{
	background: #fff;
	color: #333333;
	margin-top: 25px;
	padding: 15px 0;
	font-weight: 500;
	font-size: 18px;
	line-height: 150%;
	border-radius: 10px;
}
.socials-caterogies .area{
	padding: 0 30px;
}
.socials-caterogies ul{
	margin: 10px 0 0 35px;
}
.socials-caterogies ul li{
	list-style-type: disc;
}
.socials-caterogies .icon{
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center top;
	width: 273px;
	height: 273px;
	display: block;
	margin: 0 auto;
	position: relative;
}
.socials-caterogies .icon-1{
	background-image: url(../images/social_category_1.png);
}
.socials-caterogies .icon-2{
	background-image: url(../images/social_category_2.png);
}
.socials-caterogies .icon-3{
	background-image: url(../images/social_category_3.png);
}
.socials-caterogies .icon-4{
	background-image: url(../images/social_category_4.png);
}
.socials-caterogies .icon-5{
	background-image: url(../images/social_category_5.png);
}
.socials-caterogies .icon-6{
	background-image: url(../images/social_category_6.png);
}
.socials-caterogies .icon.new:before{
	content: 'NEW';
	background: #4C358F;
	color: #FCF9FF;
	width: 100px;
	line-height: 50px;
	text-align: center;
	font-weight: 700;
	font-size: 22px;
	position: absolute;
	top: 30px;
	left: calc(50% + 55px);
	border-radius: 5px;
}
.socials-caterogies .c-hdr{
	color: #4C358F;
	font-weight: 700;
	font-size: 18px;
	line-height: 150%;
	text-transform: uppercase;
	margin-top: 15px;
}
.socials-caterogies .c-hdr-2{
	color: #333333;
	font-weight: 700;
	font-size: 18px;
	line-height: 140%;
	margin-top: 24px;
}
.socials-caterogies .c-hdr-2 + .c-hdr-2{
	margin-top: 0;
}
.socials-caterogies .c-hdr-2 span{
	font-weight: normal;
}

.social-page{
	padding-top: 90px;
}
.social-page .hdr-2{
	margin-top: 50px;
}

.socials-a{
	font-weight: 700;
	font-size: 16px;
	line-height: 150%;
	text-align: center;
}
.socials-a .item{
	background-size: auto 220px;
	background-repeat: no-repeat;
	background-position: center top;
	color: #4C358F;
	width: 270px;
	text-transform: uppercase;
	padding-top: 250px;
	margin-top: 40px;
	display: inline-block;
}
.socials-a .item.ru{
	background-image: url(../images/social_a_ru.png);
}
.socials-a .item.by{
	background-image: url(../images/social_a_by.png);
}
.socials-a .item.kz{
	background-image: url(../images/social_a_kz.png);
}
.socials-a .item span{
	padding-left: 90px;
	display: inline-block;
	text-align: left;
	text-decoration: underline;
	position: relative;
}
.socials-a .item span:before{
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
	width: 71px;
	height: 52px;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.socials-a .item.ru span:before{
	background-image: url(../images/social_flag_ru.png);
}
.socials-a .item.by span:before{
	background-image: url(../images/social_flag_by.png);
}
.socials-a .item.kz span:before{
	background-image: url(../images/social_flag_kz.png);
}

.icon-hdr{
	color: #4C358F;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.49;
	padding-left: 48px;
	text-transform: uppercase;
	position: relative;
}
.icon-hdr:before{
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.icon-hdr.icon-doc:before{
	background: url(../images/icon-doc.svg) no-repeat;
	width: 27px;
	height: 33px;
}
.icon-hdr.icon-med:before{
	background: url(../images/icon-med.svg) no-repeat;
	width: 30px;
	height: 30px;
}

.telemedicina-video{
	max-width: 650px;
	margin: 115px 0 20px;
}
.telemedicina-video a{
	font-weight: bold;
	text-decoration: underline;
}
.telemedicina-video a:hover{
	text-decoration: none;
}

.telemedicina-apps .bttns{
	margin: 0 0 30px;
}
.telemedicina-apps .bttns a{
	margin: 0;
}

.telemedicina-apps .hdr-icon{
	display: inline-block;
	margin-bottom: 40px;
}
.telemedicina-apps .hdr-icon:after{
	content: '';
	background: url(../images/telemedicina_hdr_icon.png) no-repeat;
	background-size: contain;
	width: 86px;
	height: 86px;
	display: inline-block;
	margin-left: 25px;
	transform: translateY(15px);
}
.apps{
	margin-top: 15px;
}
.apps .apple,
.apps .android{
	background: url(../images/app_apple.png) no-repeat;
	background-size: contain;
	width: 330px;
	height: 94px;
	max-width: 100%;
	display: inline-block;
}
.apps .android{
	background-image: url(../images/app_android.png);
}
.apps .qr-apple,
.apps .qr-android{
	background: url(../images/qr_apple.png) no-repeat;
	background-size: contain;
	width: 173px;
	height: 173px;
	display: block;
	margin-top: 50px;
}
.apps .qr-android{
	background-image: url(../images/qr_android.png);
}

.image{
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	padding-top: 100%;
	display: inline-block;
}

.bttns-note{
	color: #828282;
	font-size: 13px;
	line-height: 182%;
	margin: 15px 15px 0 25px;
}

section.screen.white{
	margin-top: 70px;
}
section.screen.white .area{
	background: #fff;
	padding: 50px 25px;
	border-radius: 15px;
	box-shadow: 3px 3px 10px 3px #EDEDED;
}
section.screen.white .text{
	max-width: 800px;
	margin-top: 35px;
}
section.screen.white .bttns{
	margin-top: 40px;
}
section.screen.white .bttn{
	margin-right: 0;
	margin-left: 0;
}

section.screen.photo{
	margin-top: 70px;
}
section.screen.photo .image{
	width: 80%;
}
section.screen.photo .text{
	padding-top: 50px;
}
section.screen.photo .bttns{
	margin-top: 50px;
}

.dms-bg{
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	pointer-events: none !important;
}
.dms-bg:before{
	content: '';
	background-image: url(../images/dms-bg-mobile.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}
.dms-bg:after{
	content: '';
	background-image: url(../images/dms-bg-mobile-2.png);
	width: 254px;
	height: 366px;
	position: absolute;
	top: 60px;
	right: 24px;
}

.main-new-logo{
	position: absolute;
	top: 25px;
	right: 20px;
}
section.screen.main-new{
	background: url(../images/main-new-bg.svg) no-repeat;
	background-position: calc(50% - 505px) 0;
	padding: 100px 0;
}
section.screen.main-new .row{
	margin-right: -25px;
	margin-left: -25px;
}
section.screen.main-new .container,
section.screen.main-new [class^=col-]{
	padding-right: 25px;
	padding-left: 25px;
}
section.screen.main-new .text{
	color: #333;
	font-size: 16px;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 40px;
}
section.screen.main-new .text p{
	margin-top: 20px;
}

.big-links{
	max-width: 400px;
	margin: 65px auto 0;
	display: block;
}
.big-links a{
	background: linear-gradient(135deg, #f1fbbe 0, #d3f3f0 33%, #dce1f8 66%, #e2ccfc 100%);
	width: 100%;
	min-height: 50px;
	line-height: 1.6;
	padding: 12px;
	display: block;
	color: #4C358F;
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0 0 !important;
	text-decoration: none;
	text-align: center;
	position: relative;
	border-radius: 10px;
}
.big-links a:after{
	content: '';
	border: #4C358F 3px solid;
	width: 100%;
	height: 100%;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 10px;
	transition: all 0.5s ease;
}
.big-links a:hover:after{
	opacity: 1;
}
.big-links a + a{
	background: linear-gradient(135deg, #e3f8d6 0, #d6ebf5 33%, #e4d6fb 66%, #c2cbf6 100%);
}
.big-links a + a + a{
	background: linear-gradient(135deg, #d5f4ed 0, #dfddf9 33%, #deccfb 66%, #a3cbf0 100%);
}
.big-links a + a + a + a{
	background: linear-gradient(135deg, #d7e8f6 0, #e7cffc 33%, #bfcbf5 66%, #85caeb 100%);
}

.big-links-social{
	text-transform: uppercase;
}

section.screen.main-new .image-block-mobile{
	width: calc(100% + 50px);
	height: 352px;
	overflow: hidden;
	margin: 45px -25px 0;
	position: relative;
}
section.screen.main-new .image-block-mobile:before{
	content: '';
	background: url(../images/main-new-bg-2-mobile.png) no-repeat;
	background-position: center top;
	background-size: contain;
	width: 100%;
	height: 100%;
	min-width: 403px;
	display: block;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-55%);
}

section.screen.main{
	color: #4C358F;
	padding-top: 145px;
	font-weight: bold;
	font-size: 20px;
	line-height: 1.49;
	text-transform: uppercase;
}
section.screen.main h1:after{
	content: '';
	background: url(../images/arrow-mobile.svg) no-repeat;
	width: 30px;
	height: 19px;
	display: block;
	margin: 95px auto 65px;
}
section.screen.main.without-arrow h1:after{
	display: none;
}

section.screen.form{
	margin-top: 100px;
}

.logo{
	background: url(../images/logo.svg) no-repeat;
	background-size: contain;
	width: 75px;
	height: 35px;
	display: inline-block;
	position: absolute;
	top: 30px;
	right: 25px;
}

#header{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 50px;
	left: 0;
}
#header .container{
	position: relative;
}
#header .topmenu{
	display: none;
	margin: 0 -50px;
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}
#header .topmenu a{
	color: #4C358F;
	font-weight: bold;
	font-size: 13px;
	line-height: 1.49;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 50px;
}
#header .topmenu a:hover,
#header .topmenu a:focus{
	text-decoration: underline;
}

#footer{
	background: url(../images/footer-bg.png) no-repeat, #a5e4f2;
	background-size: auto 58%;
	background-position: 52% 40%;
	padding: 60px 0 65px;
	margin-top: 100px;
	text-align: center;
}
#footer.simple{
	background: linear-gradient(292.26deg, #EBC6FB 6.78%, #CAEEF8 85.2%);
}
#footer .text{
	color: #333;
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	line-height: 1.6;
}
#footer .contacts{
	display: inline-block;
	max-width: 200px;
	color: #000;
	font-size: 15px;
	font-weight: 600;
	line-height: 1.6;
	margin-top: 30px;
}
#footer .contacts div + div{
	margin-top: 10px;
}