:root {
    --corporate-violet: rgba(0,40,130,1);
    --corporate-grey: #6610f2;
}
* {
	font-family: 'Roboto', sans-serif;
	font-weight: normal;
}
body {
	min-height: 100vh;
	background: #FFF;
	background-size: cover;
	/* overflow-y: hidden; */
}
.hidden {
	display: none;
}
.main {
	color:#000;
	padding-bottom:15px;
}
.header {
	padding:14px 0 20px;
}
.header__container {
	align-self: center;
}
.text-right {
	text-align:right;
}
.header__phone {
	font-family: 'RobotoSlab',serif;
	font-weight: normal;
	font-size: 27px;
	line-height: 1;
	color:#fefefe;
	opacity: 0.7;
	text-align: right;
}
.pageone {
	padding-top: 60px;
	/* height: calc(100vh - 36px); */
}
.pageone__title {
	text-align: center;
	font-family: 'RobotoSlab',serif;
	font-weight: normal;
	font-size: 38px;
	line-height: 1.42;
	margin-bottom: 55px;
}
.pageone__inner,
.pagethree__text {
	border-top:6px solid rgba(0,40,130,1);
	border-bottom:6px solid rgba(0,40,130,1);
	padding:50px 0 55px;
	margin-bottom: 100px;
}
.pageone__text {
	font-size: 28px;
	line-height: 1.93;
	text-align: center;
	letter-spacing: 1px;
}
.page__button {
	text-align: center;
}

.pagetwo {
	padding:60px 0;
}
.pagetwo__inner {
	border-top:6px solid rgba(0,40,130,1);
	border-bottom:6px solid rgba(0,40,130,1);
	padding:40px 0 60px;
	margin-bottom: 70px;
}
.pagetwo__question {
	font-size: 28px;
	line-height: 1.5;
	letter-spacing: 1px;
	opacity: 0.8;
	margin-bottom: 30px;
}
.pagetwo__question > span {
	display:block;
}
.pagetwo__progress {
	width: 251px;
	height: 251px;
	margin-left: -40px;
}
.p1 {
	background:url('../img/q1.png') no-repeat top center;
	background-size: cover;
}
.p2 {
	background:url('../img/q2.png') no-repeat top center;
	background-size: cover;
}
.p3 {
	background:url('../img/q3.png') no-repeat top center;
	background-size: cover;
}
.p4 {
	background:url('../img/q4.png') no-repeat top center;
	background-size: cover;
}
.p5 {
	background:url('../img/q5.png') no-repeat top center;
	background-size: cover;
}
.p6 {
	background:url('../img/q6.png') no-repeat top center;
	background-size: cover;
}
.p7 {
	background:url('../img/q7.png') no-repeat top center;
	background-size: cover;
}
.p8 {
	background:url('../img/q8.png') no-repeat top center;
	background-size: cover;
}
.p9 {
	background:url('../img/q9.png') no-repeat top center;
	background-size: cover;
}
.p10 {
	background:url('../img/q10.png') no-repeat top center;
	background-size: cover;
}
.pagetwo__checkbox {
	font-size: 20px;
	line-height: 1.5;
	letter-spacing: 1.5px;
}
.check {
	display:none;
}
.check + label {
	background: url('../img/check.png') left center no-repeat;
	cursor: pointer;
}
.check:checked + label {
	background: url('../img/checked.png') left center no-repeat;
}
.pagetwo__checkbox label {
	padding: 5px 0 5px 60px;
	margin-bottom: 20px;
	position:relative;
}
.pagetwo__button {
	text-align: center;
}
.pagetwo__checkbox input[type=text] {
	border:#000 1px solid;
	border-width:0;
	width:100%;
}
.pagetwo__checkbox input[type=text][disabled] {
	background: #FFF;
    color: #000;
}
.check[type=checkbox]:checked + label input[type=text],
.check[type=radio]:checked + label input[type=text]  {
    border-width:0 0 1px 0;
}
.check + label {
    width:100%;
	outline:0 none;
}
.check[type=checkbox]:checked + label {
    background: url(../img/checkedbox.png) left center no-repeat;
}
.check[type=checkbox]:checked + label:before {
    content:attr(data-counter);
	position: absolute;
	margin:auto;
	top:auto;
	bottom:auto;
    left: 12px;
}
.pagethree {
	padding:50px 0;
	text-align: center;
}
.pagethree__title {
	font-size: 29px;
	line-height: 1.45;
	opacity: 0.8;
	text-align: center;
	margin-bottom: 40px;
	font-family: 'RobotoSlab',serif;
	font-weight: normal;
}
.pagethree__inner {
	border-top:6px solid rgba(0,40,130,1);
	border-bottom:6px solid rgba(0,40,130,1);
	padding:22px 0 30px;
	margin-bottom: 40px;
}
.pagethree__result {
	font-size: 25px;
	margin-bottom: 20px;
	text-align: center;
}
.result__button {
	text-align: center;
}
.pagethree__text {
	font-size: 26px;
	line-height: 1.5;
	opacity: 0.8;
	letter-spacing: 1.5px;
	margin-bottom: 30px;
}
.text__link {
	color: #000;
	opacity: 0.8;
	font-weight: bold;
	text-decoration: none;
	border-bottom:1px solid rgba(0, 0, 0, 0.8);
}
.text__link:hover {
	color: #000;
	opacity: 0.8;
	border: none;
	text-decoration: none;
}
.text__link:visited,
.text__link:active,
.text__link:focus {
	color: #000;
	opacity: 0.8;
}
.pagethree__dev {
	margin-bottom: 50px;
	font-size: 26px;
	line-height: 1.5;
}
.dev__link {
	color:#000;
	text-decoration: none;
	font-weight: bold;
	border-bottom:1px solid #000;
}
.dev__link:hover {
	color:#000;
	text-decoration: none;
	border: none;
}
.dev__link:visited,
.dev__link:active,
.dev__link:focus {
	color:#000;
}
.pagethree__demo {
	margin-bottom: 40px;
}


.btn__start,
.btn__next {
	display: inline-block;
	padding:18px 5px 20px 5px;
	width: 355px;
	background-color: rgba(0,40,130,1);
	color: #fff;
	font-size: 23px;
	line-height: 1;
	text-decoration: none;
	letter-spacing: 0.8px;
	text-align: center;
	border:0;
	transition:background-color .3s;
}
.btn__start:hover, 
.btn__next:hover {
	background-color: rgba(0,40,130,1);
	color: #fff;
	text-decoration: none;
}
.btn__start:active,
.btn__start:focus,
.btn__start:visited,
.btn__next:active,
.btn__next:focus,
.btn__next:visited {
	color: #fff;
	text-decoration: none;
}
.btn__next[disabled] {
	pointer-events: none;
	cursor:not-allowed;
	background-color:rgba(204,212,230,1);
}
.btn__result {
	display: inline-block;
	padding:14px 5px 16px 5px;
	width: 350px;
	background-color: rgba(0,40,130,1);
	color:rgba(255, 255, 255, 1);
	font-size: 19px;
	line-height: 1;
	letter-spacing: 0.8px;
	text-align: center;
}
.btn__result:hover {
	background-color: rgba(0,40,130,1);
	color:rgba(255, 255, 255, 1);
	text-decoration: none;
}
.btn__result:active,
.btn__result:focus,
.btn__result:visited {
	color:rgba(255, 255, 255, 1);
	text-decoration: none;
}
.btn__demo {
	display: inline-block;
	padding:18px 5px 20px 5px;
	width: 355px;
	background-color: rgba(0,40,130,1);
	color:#fff;
	font-size: 23px;
	line-height: 1;
	letter-spacing: 0.8px;
	text-align: center;
}
.btn__demo:hover {
	background-color: rgba(0,40,130,1);
	color: #fff;
	text-decoration: none;
}
.btn__demo:active,
.btn__demo:focus,
.btn__demo:visited {
	color:#fff;
	text-decoration: none;
}
.btn__invoice {
	display: inline-block;
	padding:18px 5px 20px 5px;
	width: 355px;
	background-color: rgba(0,40,130,1);
	color:#fff;
	font-size: 23px;
	line-height: 1;
	letter-spacing: 0.8px;
	text-align: center;
}
.btn__invoice:hover {
	background-color: rgba(0,40,130,1);
	color: #fff;
	text-decoration: none;
}
.btn__invoice:active,
.btn__invoice:focus,
.btn__invoice:visited {
	color:#fff;
	text-decoration: none;
}

.shadow {
	position: fixed;
	top:0;
	left: 0;
	width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.7);
    z-index: 800;
    align-items: center;
}
.popup__choose {
	position: fixed;
	top:250px;
	z-index: 1000;
	width: 100%;
}
.popup__inner {
	border:10px solid rgba(0,40,130,1);
	text-align: center;
	padding:80px 25px;
	color:#000;
	font-size: 28px;
	letter-spacing: 1px;
	background-color: rgba(255, 255, 255, 0.8);
	position: relative;
}