/* ADAD */
 
/*-----------------------------------------
--  Reseting -------------------------------
------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, figure,
cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, 
li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
	-webkit-text-size-adjust: none;
}

@font-face {
	font-family: 'MMont';
	src: url('/_data/objects/0000/0251/view_file.eot');
	src: url('/_data/objects/0000/0251/view_file.eot?#iefix') format('embedded-opentype'),
		url('/_data/objects/0000/0252/view_file.woff2') format('woff2'),
		url('/_data/objects/0000/0253/view_file.woff') format('woff'),
		url('/_data/objects/0000/0254/view_file.ttf') format('truetype');
	font-weight: normal; /*900*/
	font-style: normal;
}
@font-face {
	font-family: 'MMont-SemiBold';
	src: url('/_data/objects/0000/0256/view_file.eot');
	src: url('/_data/objects/0000/0256/view_file.eot?#iefix') format('embedded-opentype'),
		url('/_data/objects/0000/0257/view_file.woff2') format('woff2'),
		url('/_data/objects/0000/0258/view_file.woff') format('woff'),
		url('/_data/objects/0000/0259/view_file.ttf') format('truetype');
	font-weight: normal; /*700*/
	font-style: normal;
}
 

html {
	height:100%;
}

body {
	height:auto !important; min-width: 1080px;
	font-family: 'PT Serif', serif;  font-weight: 500;
	font-size: 18px; line-height: 24px; color:#000;
	background: #FFF; margin: 0px; padding: 0px; border: 0px;
}

:focus { outline: 0; }

strong { font-family: 'MMont'; }
.comm-width { width: 1080px; padding: 0 40px; margin: 0 auto; box-sizing: border-box; }

.button,
.button-stroke { font-family: 'MMont'; display: inline-block; vertical-align: top; text-decoration: none; border-radius: 0px 15px 15px 15px; 
font-size: 16px; line-height: 22px; text-transform: uppercase; text-align: center; box-sizing: border-box; }

.button { padding: 12px 27px; background: #03F; color: #fff; }
.button:hover { background: #fff; color: #000; }

.button-stroke { padding: 11px 26px; color: #000; border: 1px solid #03F; }
.button-stroke:hover { background: #03F; color: #fff; }

h1 { font-family: MMont; font-size: 38px; line-height: 56px; }
h2 { font-family: MMont; font-size: 32px; line-height: 42px; }
h3 { font-family: MMont; }

.insert_pos_icon img { display: block; margin: 0; }

/*header*/
.header { /*position: sticky; top: 0; left: 0; right: 0; margin-top: 47px;*/ background: #FFF;}
.header-wrap { display: flex; align-items: flex-start; justify-content: space-between; height: 102px; }

.logo { display: flex; margin-top: 31px; text-decoration: none; }

.header .button-stroke { margin-top: 28px; width: 258px; }

/*nav*/
.menu { margin-left: 54px; }
.menu ul { display: flex; list-style-type: none; }
.menu ul li { font-size: 14px; line-height: 14px; }
.menu ul li + li { margin-left: 10px; }
.menu ul li a { display: block; padding: 16px 15px 20px 15px; color: #000; border-top: 4px solid transparent; text-decoration: none; transition: border 0.5s cubic-bezier(0.4, 0, 1, 1); }
.menu ul li a:hover { color: #03F; border-color: #03F;  }

/* screen1 */
.top-screen { height: 664px; background: #000; color: #FFF; padding-top: 100px; box-sizing: border-box; padding-bottom: 40px; }
.top-screen * { color: #fff; }
.top-screen h1 { max-width: 574px; }
.top-screen p { max-width: 490px; }
.top-screen h1 + p { margin-top: 38px; }
.top-screen p + p { margin-top: 25px; }
.top-screen p + .button { margin-top: 58px; /*160px*/ }
.top-screen  .button { width: 258px; }

.top-screen h1,
.top-screen p,
.top-screen .button { position: relative; z-index: 199; }

.top-screen .comm-width { position: relative; height: 100%; }
.top-screen .insert_pos_icon { position: absolute; right: 0; top: 10px; }
.top-screen .comm-width:after { content: ''; position: absolute; top: -20px; left: 0; right: 0; bottom: 0; z-index: 99; background: url(/_data/objects/0000/0050/bg_group_top.svg) no-repeat 0 0; }

/**/
.sections-2cols { display: flex; }
.col-left { width: 142px; min-width: 142px; margin-right: 30px; }
.col-right { width: 830px; min-width: 830px; }

.titleheader { font-family: 'MMont-SemiBold'; font-size: 12px; line-height: 22px; color: #0B3CFF;  text-transform: uppercase; margin-top: 6px; }
section { padding-top: 107px; padding-bottom: 120px; }

/*screen1*/
.screen1 { border-radius: 0px 0px 40px 0px; background: #F7F7F7 url(/_data/objects/0000/0050/bg_screen1.svg) no-repeat 50% 100%; }
.tile2cols { display: flex; flex-wrap: wrap; list-style-type: none; margin-bottom: -30px; }
.tile2cols li { display: flex; width: 400px; font-size: 14px; line-height: 20px; border-radius: 0px 30px 30px 30px; padding: 27px 17px 29px 27px; background: #FFF; margin-bottom: 30px; box-sizing: border-box; }
.tile2cols li:nth-child(2n) { margin-left: 30px; }
h2 + .tile2cols { margin-top: 75px; }
.tile2cols li img + .description { margin-left: 28px; }
.tile2cols li img { width: 42px; height: 42px; display: block; }

.tile2cols h3 { font-size: 18px; line-height: 24px; }
.tile2cols h3 + p { margin-top: 8px; }

.stylized { list-style-type: none; counter-reset: ol-li; position: relative; padding-top: 18px; }
.stylized li { font-size: 18px; line-height: 24px; padding-left: 86px; min-height: 50px; list-style-position: outside; 
position: relative; display: flex; align-items: center; }
ol.stylized li:before { content: counter(ol-li); counter-increment: ol-li; display: block; position: absolute; top: 0px; left: 0px; z-index: 199;
font-family: 'MMont'; font-size: 32px; line-height: 50px; color: #FFF; text-align: center; width: 50px; height: 50px; border-radius: 50%; background: #03F; }
.stylized li + li { margin-top: 32px; }
.stylized li:after { content: ''; z-index: 99; position: absolute; top: 50px; left: 25px; height: 100%; width: 2px; background: url(/_data/objects/0000/0050/line.svg) repeat-y 0 0; }
.stylized li:last-child:after { height: 30px; }
.stylized:after { content: ''; z-index: 99; position: absolute; top: 0px; left: 25px; height: 18px; width: 2px; background: url(/_data/objects/0000/0050/line.svg) repeat-y 0 0; }

/*screen2*/
.screen2 { overflow: hidden; padding-bottom: 0; }
.screen2 .insert_pos_icon { float: left; }
.screen2 h2,
.screen2 ol,
.screen2 p { margin-left: 340px; }
h2 + .stylized { margin-top: 46px; }

/*screen3*/
.screen3 { background: #F7F7F7; border-radius: 0px 0px 40px 0px; margin-bottom: -40px; }
h2 + .tile3cols { margin-top: 75px; }

.screen3 .col-left { margin-right: 116px; }
.screen3 .col-right { width: 744px; min-width: 744px; }
 
h2 + .reason-box { margin-top: 64px; }
.reason-box { display: flex; }
.reason-cont { width: 314px; min-width: 314px; margin-right: 30px; font-size: 16px; line-height: 22px; }
.reason-box ul { list-style-type: none; width: 401px; min-width: 401px; }
.reason-box ul li { display: flex; align-items: center; font-size: 16px; line-height: 22px; }
.reason-box ul li + li { margin-top: 27px; }
.reason-box li img { width: 42px; height: 42px; display: block; margin-right: 18px; }

.bolding { font-family: 'MMont'; color: #03F; font-size: 64px; line-height: 22px; }
p + p { margin-top: 22px; }
p + p.bolding { margin-top: 74px; }
p.bolding + p { margin-top: 25px; } 


/*screen4*/
.screen4 { border-radius: 40px 0px; background: #000; color: #FFF; }
.screen4 * { color: #FFF; }

.tile3cols { display: flex; list-style-type: none; }
.tile3cols li { width: 233px; font-size: 16px; line-height: 22px; }
.tile3cols li + li { margin-left: 65px; }
.tile3cols li img + p { margin-top: 25px; }
.tile3cols li img { width: 42px; height: 42px; display: block; }
.tile3cols + .blocktail { margin-top: 86px; }
.screen4 .button { width: 258px; }

/*screen5*/
.screen5 { background: url(/_data/objects/0000/0050/bg_screen5.svg) no-repeat 115% 100px; }

/*screen6*/
.screen6 { border-radius: 0px 0px 40px 0px; background: #F7F7F7 url(/_data/objects/0000/0050/bg_screen6.svg) no-repeat 91% 95%; }
h2 + .stylizedbordered { margin-top: 46px; }

.stylizedbordered { list-style-type: none; counter-reset: ol-li; position: relative; padding-top: 18px; }
.stylizedbordered li { font-size: 14px; line-height: 20px; padding-left: 86px; min-height: 50px; list-style-position: outside; 
position: relative; border-bottom: 1px solid #D9D9D9; padding-bottom: 40px; }
.stylizedbordered li:last-child { border-bottom: 0; padding-bottom: 0px; }
.stylizedbordered li strong { font-family: 'MMont'; display: block; font-size: 18px; line-height: 26px; margin-bottom: 8px; }
.stylizedbordered li:before { content: counter(ol-li); counter-increment: ol-li; display: block; position: absolute; top: 0px; left: 0px; z-index: 199;
font-family: 'MMont'; font-size: 32px; line-height: 50px; color: #FFF; text-align: center; width: 50px; height: 50px; border-radius: 50%; background: #03F; }
.stylizedbordered li + li { margin-top: 40px; }
.stylizedbordered + .blocktail { margin-top: 60px; }
.screen6 .button { width: 258px; background: #000; }
.screen6 .button:hover { background: #03F; color: #fff; }

/*screen7*/
h2 + p { margin-top: 63px; }
.cases-content { display: flex; }
.cases-box { width: 400px; font-size: 16px; line-height: 22px; }
.cases-box + .cases-box {  margin-left: 30px; }
.cases-box .bolding { font-size: 46px; line-height: 52px; }
.cases-box p + p.bolding { margin-top: 15px; }
.cases-box p.bolding + p { margin-top: 14px; } 
p + .cases-content { margin-top: 52px; } 
.small { font-size: 14px; line-height: 20px; }
p + .small { margin-top: 50px; } 

.cases-content + .cases-wrap { margin-top: 113px; }
.cases-wrap { display: flex; margin-left: -172px; }
.cases-item { width: 314px; box-sizing: border-box; border-radius: 40px 40px 40px 0px; padding: 45px 45px 56px 45px; 
font-size: 16px; line-height: 22px; background: var(--333, linear-gradient(90deg, #03F 0%, #2550FF 50%, #3A62FF 100%)); 
color: #fff; display: flex; flex-direction: column; justify-content: space-between; }
.cases-item + .cases-item { margin-left: 30px; }
.cases-item:first-child { background: #000; }
.cases-item:last-child { background: #515151; }
.cases-item .price { font-family: 'MMont'; font-size: 32px; line-height: 24px; }
.cases-item .desc { height: 44px; margin-bottom: 36px; }

.cases-item h3 { font-family: 'MMont'; font-size: 26px; line-height: 36px; }
.cases-item h4 { font-family: 'MMont'; font-size: 16px; line-height: 24px; }
.cases-item h3 + h4 { margin-top: 38px; }
.cases-item h4 + p { margin-top: 36px; }
.cases-item p + .price { margin-top: 68px; }
.cases-item .price + .desc { margin-top: 6px; }

.cases-item .button { display: block; width: 100%; background: none; border: 1px solid #FFF; padding: 11px 20px; }
.cases-item .button:hover { background: #FFF; color: #000; }


/*screen8*/
.screen8 { border-radius: 0px 0px 40px 0px; background: #F7F7F7; }
p + .tile2cols { margin-top: 31px }
.tile2cols + .blocktail { margin-top: 36px }
.screen8 .button { background: #000; width: 258px; }
.screen8 .button:hover { background: #03F; color: #fff; }
.screen8 p + .button { margin-top: 58px; }
.screen8 .tile2cols h3 { font-family: 'PT Serif', serif; font-size: 16px; line-height: 22px; }
.screen8 .tile2cols li { align-items: center; }

/*fancybox*/
.fancybox-content { width: 850px; height: 505px; border-radius: 40px 40px 40px 0px; background: #FFF; text-align: center !important; box-sizing: border-box; }
.fancybox-content h3 { font-family: 'MMont';  font-size: 32px; line-height: 42px; padding-top: 166px; }
.fancybox-close-small { opacity: 1; padding: 0 !important; margin: 0 !important; width: 27px; height: 27px;
background: url(/_data/objects/0000/0050/close.svg) no-repeat 0 0; right: 29px !important; top: 28px !important; }
.fancybox-close-small:hover { background: url(/_data/objects/0000/0050/close.svg) no-repeat 0 0;  }
.fancybox-button svg { display: none; }

/* footer */
.footer { border-radius: 40px 0px 0px 0px; background: #000; padding: 38px 0 32px 0; }
.footer .logo { margin-top: 0; }
.footer .logo svg { fill: #fff; width: 156px; height: auto; }

.copyright {  font-style: normal; font-weight: 500;  }

.p-bot2 { border-top: 1px solid rgba(217, 217, 217, 0.5); padding-top: 24px; margin-top: 37px; display: flex; justify-content: space-between; }
.p-bot2,
.p-bot2 * { color: rgba(217, 217, 217, 0.5); font-size: 14px; line-height: 14px; text-decoration: none; }

/* form */
.section-form { padding-top: 108px; padding-bottom: 121px; }

/* кнопки */
input[type=submit], 
button[type=submit] { color: #FFF; text-align: center; font-size: 16px; font-style: normal; font-family: 'MMont'; 
	line-height: 22px; text-transform: uppercase; display: inline-block; cursor: pointer;
	border-radius: 0px 15px 15px 15px; background: #000; border: 0; margin: 0;	padding: 12px 10px 12px 10px;
	box-sizing: border-box; -webkit-appearance: none; -moz-appearance: none; white-space: nowrap; min-width: 258px;
}
button:focus,
input.button:focus,
input.butt:focus {
       outline: none;
}
button:hover,
button:focus,
input.button:hover,
input.button:focus,
input.butt:hover,
input.butt:focus {
    text-decoration: none; 
}
button:hover,
input.button:hover,
input.butt:hover { background: #03F; color: #fff; }

button:active,
input.button:active,
input.butt:active {
    outline: 0;
}

/* поля форм */
input.text,
input.input,
input.file,
textarea,
select {
	box-sizing: border-box; width: 100%; padding: 8px 0px; border-radius: 0px; color: #000;
	font-family: 'PT Serif', serif; font-size: 16px; line-height: 22px; font-style: normal; font-weight: 400;
	margin: 0; text-align: left; background-color: transparent; background-image: none;	border: 0; border-bottom: 1px solid #D9D9D9;
	box-shadow: none; -webkit-box-shadow: none;	-webkit-appearance: none; -moz-appearance: none;
}
textarea { resize: none; display: block; height: 80px; }
input:focus,
textarea:focus {
	border-color: #03F;
	outline: 0;
}
.input[disabled],
.input[readonly] {
	cursor: not-allowed;
	background-color: #eee;
	opacity: 1;
}

input::-webkit-input-placeholder { font-style: normal; text-overflow: ellipsis; opacity: 1; color: #B5B5B5; font-size: 14px; }
input::-moz-placeholder { font-style: normal; text-overflow: ellipsis; opacity: 1; color: #B5B5B5; font-size: 14px; }
input:-ms-input-placeholder { font-style: normal; text-overflow: ellipsis; opacity: 1; color: #B5B5B5; font-size: 14px; }

textarea::-webkit-input-placeholder { font-style: normal; text-overflow: ellipsis; opacity: 1; color: #B5B5B5; font-size: 14px; }
textarea::-moz-placeholder { font-style: normal; text-overflow: ellipsis; opacity: 1; color: #B5B5B5; font-size: 14px; }
textarea:-ms-input-placeholder { font-style: normal; text-overflow: ellipsis; opacity: 1; color: #B5B5B5; font-size: 14px; }

.form_row_footer .form_row__label { display: block; font-size: 16px; line-height: 22px; margin-top: 20px; }

h2 + .form_loading,
h2 + form { margin-top: 32px; }
form.form_standart dt { display: none; }
form.form_standart dd { display: block; }
.form_row + .form_row { margin-top: 29px; }
.form_row + input[type=submit],
.form_row + .form_row_submit  { margin-top: 64px; }

.form_row__label { display: none; }

.form_row__element { position: relative; }
input.error,
textarea.error { border-color: #E30000 !important; }
span.error { color: #E30000 !important; font-family: 'PT Serif', serif; font-size: 12px; line-height: 20px; position: absolute; left: 0; bottom: -20px; }

a {
	color:#03F;
	text-decoration:none;
}
a:focus {
	outline: none;
}



/* <css_content> */

/* </css_content> */




/* панель управления */
.lcontrol {
	background:#F0F0F0;
	border-radius:2px;
	position:relative;
	overflow:hidden;
	width: 100%;
}
.lcontrol.svgfolder img {
    width: 24px;
    height: auto;
}
.lcontrol img {
	max-width:32px;
	max-height:32px;
}
.lcontrol span {
	display: inline-block;
	margin: 5px 7px;
	vertical-align: middle;
}
.lcontrol_left {
	float: left;
}
.lcontrol_right {
    float: right;
}
.lcontrol_childs {
    width: 100%;
}

/* режим отладки */
.debugblock {
	z-index:32000;
	opacity:0.6;
	background: #FFF;
}
.debugblock:hover {
	cursor: move;
}
.debugblock_current {
	z-index:32001;
	opacity:1;
}
.debugblock_hover {
	background:#EEE;
	outline:1px solid #333;
}
.debugtags {
	cursor:pointer;
	text-decoration:underline;
}
.debugform {
	margin:0;
}
.debugloading {
	background:url(/comm/images/loading2.gif) 50% 50% no-repeat #EEE;
	opacity:0.3;
}
.debug.tree.fieldset {
	padding:10px;
	border-radius:2px;
}
table.debug {
	width:100%;
	background:#F0F0F0;
	border-collapse:collapse;
}
table.debug td {
	border:1px solid #666;
	padding:5px;
	vertical-align:middle;
}

/* password eye */
input[type="password"]::-ms-clear {display: none;}
input[type="password"]::-ms-reveal {display: none;}

#p__password_img {
	width:20px;
	height:20px;
	vertical-align:middle;
	visibility:hidden;
	position: relative;
	top: 0;
	left: -27px;
	display:inline-block;
}
.writer #p__password_img {
	visibility:visible;
}
#p__password_img.eye {
	background:url('/comm/images/eye.png') no-repeat 0 0;
}
#p__password_img.noeye {
	background:url('/comm/images/noeye.png') no-repeat  0 0;  
}
.form_row__password dd { position: relative; }
#p__password_img.eye,
#p__password_img.noeye { position: absolute; top: 10px; right: 10px; left: auto; }
.r__form_bad_email,
.form_row__p__form_bad_email {
	display: none !important;
}
.divhidden {
	margin:0;
	padding:0;
	visibility:hidden;
	display:none;
	border:none;
}