@font-face {font-family: 'rb'; src: url(#); src: url(#) format('embedded-opentype'), url(#) format('woff2'), url(#) format('woff'), url('/_web/font/roboto-bold-webfont.ttf') format('truetype'), url('/_web/font/roboto-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'rl'; src: url(#); src: url(#) format('embedded-opentype'), url(#) format('woff2'), url(#) format('woff'), url('/_web/font/roboto-light-webfont.ttf') format('truetype'), url('/_web/font/roboto-light-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'rm'; src: url(#); src: url(#) format('embedded-opentype'), url(#) format('woff2'), url(#) format('woff'), url('/_web/font/roboto-medium-webfont.ttf') format('truetype'), url('/_web/font/roboto-medium-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'rr'; src: url(#); src: url(#) format('embedded-opentype'), url(#) format('woff2'), url(#) format('woff'), url('/_web/font/roboto-regular-webfont.ttf') format('truetype'), url('/_web/font/roboto-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal;}

textarea,
input[type="text"],
input[type="button"],
input[type="submit"] {
     -webkit-appearance: none;
     border-radius: 0;
}

body, html {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background: #FFFFFF;
	font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #070707;
	-webkit-text-size-adjust: none;
	text-rendering: optimizeLegibility;
	z-index: 50;
	position: relative;
}

.clr {clear: both;}
.clrl {clear: left;}
.hide {display: none;}

input:focus, textarea:focus {outline:none;}

fieldset {padding: 0px; margin: 0px; border: 0px;}


.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb25 {margin-bottom: 25px;}
.mb20 {margin-bottom: 20px;}
.mb30 {margin-bottom: 30px;}
.mb40 {margin-bottom: 40px !important;}

input.x {border: 1px solid #FF4242 !important;}

.walign {line-height: normal; vertical-align: middle; display: inline-block;}
.balign {line-height: normal; vertical-align: bottom; display: inline-block;}

.box {
	width: 1180px;
	margin: 0px auto 0px auto;
}

.boxs {
	width: 980px;
	margin: 0px auto 0px auto;
}

.sep {
	height: 6px;
	width: 76px;
	background: #5B2DCC;
}

.menu h1 {padding: 0px; margin: 0px; float: left;}
.menu h1 a {display: block; width: 188px; height: 100px; background: url(/_web/img/logo.svg) no-repeat center center; text-indent: -9009px;}
.menu ul {float: right; padding: 0px; margin: 0px;}
.menu ul li {float: left; list-style: none; padding: 23px 0px 24px 36px;}
.menu ul li a {font-size: 14px; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; color: #070707; text-decoration: none; line-height: 53px;}
.menu ul li.green a {display: block; background: #3BD783; border-radius: 30px; box-shadow: 0 5px 12px 0 rgba(59,215,131,0.51); height: 53px; color: #FFFFFF; padding: 0px 30px 0px 30px; font-size: 18px;}

.head {background: linear-gradient(90deg, rgba(228,228,228,1) 0%, rgba(240,239,244,1) 100%);}
.head .box {background: url(/_web/img/head.png) no-repeat; background-size: auto 95%; background-position: left bottom; height: 555px;}
.head .r {float: right; line-height: 555px;}
.head .r h2 {padding: 0px 0px 36px 0px; margin: 0px; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 60px; line-height: 70px; font-weight: normal;}
.head .r p {font-size: 38px; font-family: rl, Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 48px 0px 0px 0px; margin: 0px;}
.head .r p strong {font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal;}
.head .r .next {width: 59px; height: 59px; border-radius: 59px; background: #FFFFFF url(/_web/img/arrow_down.svg) no-repeat center center; margin-top: 60px; cursor: pointer;}

.notice {padding: 19px 0px 19px 0px; text-align: center; background: #FF4242; color: #FFFFFF; position: relative; font-family: rm, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 22px;}
.notice .l {float: left; width: 10%; padding-left: 10%;}
.notice .r {float: right; width: 75%; padding-right: 5%;}
.notice .alert {display: inline-block; background: url(/_web/img/alert.svg) no-repeat; width: 70px; height: 70px; padding-right: 12px; background-size: contain; background-position: left center; box-sizing: border-box; vertical-align: bottom;}
.notice .close {position: absolute; right: 20px; width: 20px; height: 20px; background: url(/_web/img/close.svg) no-repeat center center; top: 50%; margin-top: -10px; cursor: pointer;}

.bubble {width: 1180px; border-radius: 10px; padding: 20px 0px 25px 0px; background-color: #5B2DCC; color: #FFFFFF; margin-top: 51px; margin-bottom: 90px; text-align: center; font-size: 54px; position: relative;}
.bubble .descr {font-size: 18px;}
.bubble:after {content: ""; position: absolute; bottom: -22px; left: 50%; margin-left: -17px; height: 0px; width: 0px; border-top: 11px solid #5B2DCC; border-left: 11px solid transparent; border-right: 11px solid transparent; border-bottom: 11px solid transparent;}

.start-form {margin-bottom: 100px;}
.start-form .l {float: left; line-height: 317px;}
.start-form .l ul {padding: 0px; margin: 0px;}
.start-form .l ul li {list-style: none; font-family: rm, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 19px;}
.start-form .l ul li span {display: block; line-height: 44px; display: inline-block; height: 44px; vertical-align: top;}
.start-form .l ul li div {width: 44px; height: 44px; background: #3BD783 url(/_web/img/check.svg) no-repeat center center; box-shadow: 3px 4px 9px 0 rgba(59,215,131,0.54); display: inline-block; border-radius: 44px; margin-right: 17px; display: inline-block;}
.start-form .l ul li.circ div {height: 6px; width: 6px; background: #DEE5EE; border-radius: 6px; box-shadow: none; margin-top: 16px; margin-bottom: 16px; margin-left: 18px;}
.start-form .r {float: right; width: 980px; line-height: 317px; border-radius: 10px; background: #FFFFFF; box-shadow: 0 21px 60px 0 rgba(120,114,156,0.39);}
.start-form .r .note {float: left; width: 50%; box-sizing: border-box; text-align: center; border-right: 2px solid #E4E4E4;}
.start-form .r .note p:nth-child(1) {font-size: 28px; font-family: rl, Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;}
.start-form .r .note p:nth-child(1) strong {font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal;}
.start-form .r .note p:nth-child(2) {font-size: 46px; font-family: rm, Verdana, Geneva, Arial, Helvetica, sans-serif; padding: 0px; margin: 0px;}
.start-form .r .note p:nth-child(2) strong {font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; color: #5B2DCC;}
.start-form .r .note p:nth-child(3) {font-size: 16px; padding: 0px; margin: 0px; color: #A19CAE;}
.start-form .r .form {text-align: center; float: right; width: 50%;}
.start-form .r .form .walign {width: 100%;}
.start-form .r .form input[type="text"] {width: 90%; border: 1px solid #D8D4E4; border-radius: 34.5px; height: 69px; line-height: 69px; padding: 27px; box-sizing: border-box; font-size: 16px; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; margin-bottom: 20px;}
.start-form .r .form input[type="submit"] {width: 50%; border: 0px; border-radius: 37px; background-color: #A19CAE; color: #FFFFFF; height: 69px; font-size: 24px; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: not-allowed;}

.select {background: #F3F2F7; padding: 80px 0px 100px 0px; display: none;}
.select h3 {padding: 0px; margin: 0px 0px 54px 0px; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; text-align: center; font-size: 22px;}
.select .option {border-radius: 10px; border: 2px solid #FFFFFF; background-color: #FFFFFF; box-shadow: 0 21px 60px 0 rgba(120,114,156,0.29); padding: 35px 90px 35px 90px; margin-bottom: 20px; position: relative; box-sizing: border-box; cursor: pointer;}
.select .option:hover {border: 2px solid #3BD783;}
.select .option:after {content: ""; position: absolute; left: 30px; top: 30px; border: 1px solid #B4ADC4; border-radius: 30px; width: 30px; height: 30px;}
.select .option.act:after {border: 1px solid #3BD783; background: #3BD783 url(/_web/img/check.svg) no-repeat center center; background-size: 50%;}
.select .options .not-found {text-align: center;}
.select form {text-align: center; display: none;}
.select form p:nth-child(1) {font-family: rm, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 18px; margin: 0px; padding: 15px 0px 5px 0px;}
.select form p:nth-child(2) {font-size: 14px; margin: 0px; padding: 0px 0px 36px 0px; color: #A19CAE;}
.select form input[type="text"] {width: 42%; border: 1px solid #D8D4E4; border-radius: 34.5px; height: 69px; line-height: 69px; padding: 27px; box-sizing: border-box; font-size: 16px; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; margin: 0px 1% 35px 1%;}
.select form input[type="submit"] {width: 25%; border: 0px; border-radius: 37px; background: #3BD783 url(/_web/img/right.svg) right 12% center no-repeat; box-shadow: 0 5px 12px 0 rgba(59,215,131,0.51); color: #FFFFFF; height: 69px; font-size: 24px; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer;}


.info {padding: 100px 0px 100px 0px;}
.info h2 {text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 44px; padding: 0px; margin: 0px;}
.info .sep {margin: 35px auto 35px auto;}
.info .info-box {padding: 35px 50px 35px 73px; border-radius: 10px; background: #FFFFFF; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1); margin-bottom: 20px; position: relative;}
.info .info-box .info-text {display: none; margin-top: 20px;}
.info .info-box .info-switch {position: absolute; right: 32px; top: 36px; width: 18px; height: 18px; background: url(/_web/img/plus.svg) no-repeat center center; background-size: contain; cursor: pointer;}
.info .info-box:after {content: ""; width: 38px; height: 38px; background: #F4F9FF url(/_web/img/chat.svg) no-repeat center center; border-radius: 38px; left: 18px; top: 26px; position: absolute;}

.foot {padding: 70px 0px 70px 0px; background: #F3F2F7;}
.foot .part {width: 25%; float: left;}
.foot .part.s {width: 20%;}
.foot .part.m {width: 30%;}
.foot .part h1 {width: 188px; height: 48px; background: url(/_web/img/logo.svg) no-repeat center center; text-indent: -9009px; padding: 0px; margin: 0px;}
.foot .part h2 {font-weight: normal; font-size: 17px; padding: 0px 0px 20px 0px; margin: 0px;}
.foot .part a {display: block; color: #A19CAE; font-size: 17px; text-decoration: none; line-height: 35px;}
.foot .part p {padding: 0px; margin: 0px; color: #A19CAE; font-size: 18px; line-height: 35px;}
.foot .part .fb {width: 39px; height: 39px; background: #5B2DCC url(/_web/img/fb.svg) no-repeat center center; background-size: 50%; text-indent: -9009px; border-radius: 39px;}

.copy {text-align: center; padding: 35px 0px 35px 0px; font-size: 14px; color: #A0A0A0;}



.reg-head {background: linear-gradient(180deg, rgba(228,226,236,1) 10%, rgba(242,241,246,1) 100%); height: 116px; line-height: 116px;}
.reg-head .walign {width: 100%;}
.reg-head .l {float: left;}
.reg-head .l strong {font-weight: normal; color: #5B2DCC;}
.reg-head .r {float: right;}
.reg-head .r .prog {width: 10px; height: 10px; display: block; float: left; background: #D8D3EC; border-radius: 10px; margin-top: 6px; font-size: 12px;}
.reg-head .r .prog.act {width: 22px; height: 22px;	 margin-top: 0px; background: #5B2DCC; border-radius: 22px; color: #FFFFFF; text-align: center; line-height: 22px;}
.reg-head .r .prog-sep {width: 50px; height: 2px; background: #D8D3EC; float: left; margin-top: 10px;}
.reg-head .r .prog-sep.act {background: #5B2DCC; width: 38px;}


.reg {padding: 50px 0px 50px 0px;}

.reg .boxs .reg-sep {height: 1px; margin-bottom: 50px; margin-top: 50px; background: #D8D4E4;}
.reg .boxs .reg-sep a {color: #070707;}

.reg .boxs .info-box {border: 1px solid #3BD783; border-radius: 10px; font-size: 16px; line-height: 22px; padding: 18px 28px 18px 89px; box-sizing: border-box; background: url(/_web/img/info2.svg) no-repeat left 31px top 24px; background-size: 24px 24px;}
.reg .boxs h2 {text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal; padding: 0px; margin: 40px 0px 20px 0px;}
.reg .boxs h3 {text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; font-weight: normal; padding: 0px; margin: 20px 0px 20px 0px;}
.reg .boxs p {text-align: center; padding: 0px 0px 30px 0px; margin: 0px;}
.reg .boxs p strong {font-weight: normal; color: #5B2DCC;}
.reg .boxs .add {cursor: pointer; display: block; text-decoration: none; border: 1px dashed #B4ADC4; border-radius: 10px; text-align: center; font-size: 16px; color: #5B2DCC; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: 1.14px; text-transform: uppercase; margin-top: 30px;}
.reg .boxs .add .single, .reg .boxs .add .multi {padding: 30px 0px 30px 0px;}
.reg .boxs .add .multi .note {text-transform: none; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: normal;}
.reg .boxs .add .plus {background: url(/_web/img/plus2.svg) no-repeat center center; width: 16px; height: 16px; display: inline-block;}
.reg .boxs .add.down {color: #3BD783; display: none;}
.reg .boxs .add.generating {display: none; cursor: auto;}
.reg .boxs .add .download {background: url(/_web/img/download.svg) no-repeat center center; width: 16px; height: 16px; display: inline-block;}
.reg .boxs .add .download2 {background: url(/_web/img/download2.svg) no-repeat center center; width: 16px; height: 16px; display: inline-block;}
.reg .boxs .add .upload {background: url(/_web/img/upload.svg) no-repeat center center; width: 16px; height: 16px; display: inline-block;}
.reg .boxs .sign {display: none;}

.reg .boxs .generate-notice {font-size: 16px; display: none;}
.reg .boxs .generate-notice strong {color: #FF4242; font-family: rm, Verdana, Geneva, Arial, Helvetica, sans-serif;}

.reg .warning {color: #FF4242; display: none;}
.reg .warning strong {text-align: center; font-family: rm, Verdana, Geneva, Arial, Helvetica, sans-serif;}

.reg .boxs .add.up .file-box {display: inline-block; padding: 5px 27px 5px 10px; margin: 0px 5px 0px 5px; border: 1px solid #5B2DCC; border-radius: 10px; position: relative; margin-bottom: 15px; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; letter-spacing: normal;}
.reg .boxs .add.up .file-box .rem {position: absolute; right: 10px; top: 10px; background: url(/_web/img/close2.svg) no-repeat center center; width: 12px; height: 12px;}

.reg .boxs .option {border-radius: 10px; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1); padding: 30px 30px 30px 30px; position: relative; margin-bottom: 20px;}
.reg .boxs .option.check {cursor: pointer;}
.reg .boxs .option:after {content: ""; position: absolute; left: 30px; top: 40px; border: 1px solid #B4ADC4; border-radius: 30px; width: 30px; height: 30px;}
.reg .boxs .option.act:after {border: 1px solid #3BD783; background: #3BD783 url(/_web/img/check.svg) no-repeat center center; background-size: 50%;}
.reg .boxs .option:hover:after {border: 1px solid #3BD783;}
.reg .boxs .option.clean:after {display: none;}
.reg .boxs .option .name {float: left; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px; padding-left: 60px;}
.reg .boxs .option .address {float: left; color: #A19CAE; padding-left: 60px;}
.reg .boxs .option .name-add {float: left; padding-left: 60px;  width: 400px;}
.reg .boxs .option .name-add input {border: 1px solid #D8D4E4; border-radius: 34.5px; line-height: 49px; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; padding: 0px 27px 0px 27px;  width: 100%; box-sizing: border-box;}
.reg .boxs .option .note {float: left; padding-left: 30px; line-height: 49px; color: #A19CAE;}
.reg .boxs .option .descr {float: left; width: 32.5%; margin-right: 1%; margin-bottom: 30px; box-sizing: border-box;}
.reg .boxs .option .descr:nth-child(3n) {margin-right: 0%; width: 32%;}
.reg .boxs .option .descr .title {font-size: 14px; color: #A19CAE;}
.reg .boxs .option .more-descr {margin-bottom: 30px; font-size: 16px;}
.reg .boxs .option .more-descr .part1 {float: left; width: 700px;}
.reg .boxs .option .more-descr .part2 {float: right; width: 150px;}
.reg .boxs .option .write {float: right; width: 154px; text-align: center; text-transform: uppercase; color: #FFFFFF; background: #5B2DCC; border-radius: 37px; cursor: pointer; line-height: 50px;}
.reg .boxs .option .write-rem {float: right; width: 154px; text-align: center; text-transform: uppercase; color: #FFFFFF; background: #FF4242; border-radius: 37px; cursor: pointer; line-height: 50px; display: none;}
.reg .boxs .option .data {display: none;}
.reg .boxs .option .option-sep {height: 1px; margin-bottom: 30px; margin-top: 30px; background: #D8D4E4;}
.reg .boxs .option .data input {border: 1px solid #D8D4E4; border-radius: 34.5px; line-height: 69px; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; padding: 0px 27px 0px 27px; width: 32.5%; margin-right: 1%; margin-bottom: 45px; box-sizing: border-box;}
.reg .boxs .option .data input.x {border: 1px solid #FF4242 !important;}
.reg .boxs .option .data select {border: 1px solid #D8D4E4; border-radius: 34.5px; line-height: 69px; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 16px; padding: 0px 27px 0px 27px;	width: 32.5%; margin-right: 1%; margin-bottom: 45px; box-sizing: border-box; height: 69px;}
.reg .boxs .option .data select.x {border: 1px solid #FF4242 !important;}
.reg .boxs .option .data input:nth-child(3n), .reg .boxs .option .data select:nth-child(3n) {margin-right: 0%; width: 32%;}
/*.reg .boxs .option .data input.x {border: 1px solid #FD4F5E; color: #FD4F5E; position: relative;}*/
.reg .boxs .option .data .form .option-sep {margin-top: 0px;}
.reg .boxs .option .data .more {text-align: center; color: #5B2DCC; text-transform: uppercase; font-size: 16px; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; cursor: pointer; margin-top: 30px; height: 30px;}
.reg .boxs .option .data .more-options {display: none;}
.reg .boxs .option .data .more .more-hide {display: none;}
.reg .boxs .option .data .more .more-arrow {background: url(/_web/img/arrow_down.svg) no-repeat center center; display: inline-block; width: 12px; height: 12px; background-size: contain; padding: 0px 0px 0px 10px;}
.reg .boxs .option .data .more-info {font-size: 16px;}
.reg .boxs .option .data .more-info.x {color: #FF4242;}
.reg .boxs .option .data .more-info .part1 {float: left; width: 90px; box-sizing: border-box; padding-left: 28px; position: relative; cursor: pointer;}
.reg .boxs .option .data .more-info .part1:before {position: absolute; content: ""; width: 18px; height: 18px; border: 1px solid #B4ADC4; left: 0px; top: 1px; border-radius: 18px;}
.reg .boxs .option .data .more-info .part1:hover:before {border: 1px solid #3BD783;}
.reg .boxs .option .data .more-info .part1.act:before {border: 1px solid #3BD783;}
.reg .boxs .option .data .more-info .part1.act:after {position: absolute; content: ""; width: 10px; height: 10px; border: 1px solid #3BD783; left: 4px; top: 5px; border-radius: 10px; background:  #3BD783;}
.reg .boxs .option .data .more-info .part2 {float: left; width: 740px;}


.reg .boxs .options-add .option .write-rem {display: block;}
.reg .boxs .options-add .option .name {line-height: 50px;}
.reg .boxs .options-add .option .data {display: block;}
.option-template {display: none;}

.reg .boxs .options-small .option {border-radius: 10px; box-shadow: 0 5px 15px 0 rgba(0,0,0,0.1); padding: 40px 50px 40px 50px; position: relative; margin-bottom: 20px; cursor: pointer; box-sizing: border-box; width: 49%;}
.reg .boxs .options-small .option.l {float: left;}
.reg .boxs .options-small .option.r {float: right;}
.reg .boxs .options-small .option .name {float: none; font-size: 16px; font-family: rm, Verdana, Geneva, Arial, Helvetica, sans-serif; padding-left: 0px;}
.reg .boxs .options-small .option:after {content: ""; position: absolute; left: 20px; top: 50%; border: 1px solid #B4ADC4; border-radius: 30px; width: 17px; height: 17px; margin-top: -9px;}
.reg .boxs .options-small .option.act:after {border: 1px solid #3BD783; background: #3BD783 url(/_web/img/check.svg) no-repeat center center; background-size: 50%;}
.reg .boxs .options-small .option:hover:after {border: 1px solid #3BD783;}


.reg .box {padding-top: 70px;}
.reg .box .back {height: 66px; width: 259px; border: 1px solid #5B2DCC; border-radius: 41.5px; float: left; color: #5B2DCC; background: url(/_web/img/arrow_left.svg) no-repeat left 30px center; line-height: 66px; font-size: 18px; text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; text-decoration: none;}
.reg .box .save {height: 66px; width: 334px; border: 1px solid #5B2DCC; border-radius: 41.5px; color: #FFFFFF; line-height: 66px; font-size: 18px; text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; background: #5B2DCC; margin: 0px auto 0px auto; position: relative;}
.reg .box .save .save-icon {position: absolute; right: -12px; top: -12px; width: 20px; height: 20px; background: url(/_web/img/info.svg) no-repeat center center; background-size: contain;}
.reg .box .save .save-icon:hover .save-info {display: block;}
.reg .box .save .save-info {position: absolute; right: -102px; bottom: 32px; display: block; width: 200px; padding: 10px; font-family: rr, Verdana, Geneva, Arial, Helvetica, sans-serif; z-index: 100; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; line-height: normal; background-color: #5B2DCC; text-transform: none; display: none; font-size: 14px;}
.reg .box .save .save-info:before {content: ""; position: absolute; bottom: -16px; left: 50%; margin-left: -9px; height: 0; width: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid transparent; border-top: 8px solid #5B2DCC;}
.reg .box .next {height: 68px; width: 259px; border: 0px; border-radius: 41.5px; color: #FFFFFF; line-height: 66px; font-size: 18px; text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; background: #3BD783 url(/_web/img/right.svg) no-repeat right 30px center; margin: 0px auto 0px auto; float: right; display: none;}
.reg .box .next-disabled {cursor: not-allowed; height: 68px; width: 259px; border: 0px; border-radius: 41.5px; color: #FFFFFF; line-height: 66px; font-size: 18px; text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; background: #B4ADC4 url(/_web/img/right.svg) no-repeat right 30px center; margin: 0px auto 0px auto; float: right;}


.reg .confirm {position: relative; line-height: 32px; padding-left: 90px; cursor: pointer; font-size: 16px;}
.reg .confirm:after {content: ""; position: absolute; left: 30px; top: 0px; border: 1px solid #B4ADC4; border-radius: 30px; width: 30px; height: 30px;}
.reg .confirm.act:after {border: 1px solid #3BD783; background: #3BD783 url(/_web/img/check.svg) no-repeat center center; background-size: 50%;}
.reg .confirm:hover:after {border: 1px solid #3BD783;}


.reg.reg3 .boxs {text-align: center; padding: 50px 0px 50px 0px;}
.reg.reg3 .boxs .back2 {height: 66px; width: 389px; border: 1px solid #5B2DCC; border-radius: 41.5px; color: #5B2DCC; background: url(/_web/img/arrow_left.svg) no-repeat left 30px center; line-height: 66px; font-size: 18px; text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; text-decoration: none; display: block; margin: 0px auto 0px auto;}
.reg .boxs .icon-ok {width: 61px; height: 61px; background: #3BD783 url(/_web/img/check.svg) no-repeat center center; box-shadow: 3px 4px 9px 0px #3bd7838a; border-radius: 61px; margin: 0px auto 40px auto; display: block; background-size: 30px;}



.save-page {text-align: center; padding: 50px 0px 50px 0px;}
.save-page .icon-save {width: 61px; height: 61px; background: #3BD783 url(/_web/img/check.svg) no-repeat center center; box-shadow: 3px 4px 9px 0px #3bd7838a; border-radius: 61px; margin: 0px auto 40px auto; display: block; background-size: 30px;}
.save-page h2 {padding: 0px 0px 36px 0px; margin: 0px; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: normal;}
.save-page p {padding: 0px; margin: 0px; display: block;}
.save-page .save-url {text-align: center; font-size: 16px; color: #5B2DCC; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; border: 1px dashed #B4ADC4; border-radius: 10px; padding: 30px 0px 30px 0px; margin: 40px 0px 40px 0px;}
.save-page .back2 {height: 66px; width: 389px; border: 1px solid #5B2DCC; border-radius: 41.5px; color: #5B2DCC; background: url(/_web/img/arrow_left.svg) no-repeat left 30px center; line-height: 66px; font-size: 18px; text-align: center; font-family: rb, Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; cursor: pointer; text-decoration: none; display: block; margin: 50px auto 0px auto;}


.vop {font-size: 16px; padding-bottom: 40px;}
.vop h2 {text-align: center;}
.vop a {color: #070707;}
.vop table {border-collapse: collapse;}
.vop table, th, td {border: 1px solid #000000;}


.popup {width: 100%; height: 100%; z-index: 999; background: #000000b3; position: fixed; left: 0px; top: 0px; line-height: 100vh; text-align: center; display: none;}
.popup .descr {width: 50%; background: #FFF; display: inline-block; line-height: normal; vertical-align: middle; box-sizing: border-box; padding: 40px 60px 40px 60px; text-align: center; position: relative; border-radius: 10px;}



.add.up {position: relative;}
.add.up input.upl {position: absolute; top: 0; right: 0; margin: 0; padding: 0; cursor: pointer; opacity: 0; filter: alpha(opacity=0); width: 100%; height: 60px;}