body {font-family:'Open Sans', sans-serif;font-size:18px;color:#000;font-weight:400;}

.cl {clear:both;}

.stage-wrapper {position:relative;width:683px;height:592px;border:1px solid #ccc;overflow:hidden;padding:0;margin:0;}

.screen {position:absolute;width:683px;height:592px;}
.screen h2 {color:#cc3366;font-size:24px;font-weight:500;text-transform:uppercase;margin:0;padding:0;}
.screen p {color:#000;font-size:14px;font-weight:500;line-height:1.8;margin:0;padding:0;}
.screen .text-center {text-align:center;}
.screen .main {position:relative;height:492px;}
.screen .controls {position:relative;height:100px;}
.screen .btn {background:#000 url(../img/btn-02.png) no-repeat right 0;height:40px;text-align:center;color:#fff;font-size:16px;text-transform:uppercase;display:inline-block;text-decoration:none;padding:0 47px 0 19px;line-height:2.4;}
.screen .btn:focus, .screen .btn:hover, .screen .btn:active {text-decoration:none;}
.screen .btn.btn-gray {background:#e5e5e5 url(../img/btn-01.png) no-repeat left 0;color:#000;padding:0 19px 0 47px;}

.screen ul {margin:0;padding:0;}
.screen ul li {margin:0;padding:0;list-style:none;}
.screen ul li:after {content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
.screen ul li .radio-wrapper {position:relative;}
.screen ul li .radio-wrapper:after {content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
.screen ul li .radio-wrapper a.radio-btn {width:27px;height:27px;background:transparent url(../img/checkbox.png) no-repeat 0 4px;display:inline-block;float:left;margin-right:10px;position:relative;top:-4px;}
.screen ul li .radio-wrapper a.radio-btn.checked {background-position:0 -27px;}
.screen ul li label {float:left;display:block;font-size:20px;color:#000;position:relative;top:-5px;}
.screen ul li input[type="radio"] {float:left;display:none;}
.screen ul li p {position:relative;top:-5px;padding-left:36px;line-height:1.4;font-size:12px;}
.screen ul li p:before {content:".";display:block;font-size:0;height:0;clear:both;visibility:hidden;}
.screen ul li.active label {color:#cc3366;}
.screen ul li.active p {color:#cc3366;}


.screen.start {background:transparent url(../img/img-01.png) no-repeat 0 0;}
.screen.start h2 {padding-top:44px;font-size:28px;}
.screen.start p {padding-top:3px;}
.screen.start .btn {margin-top:25px;padding:0 57px;height:45px;line-height:2.5;}

.screen.question1 {background:transparent url(../img/img-02.png) no-repeat 0 0;}
.screen.question1 h2 {padding:25px 0 0 43px;width:460px;}
.screen.question1 ul {margin-top:48px;}
.screen.question1 ul li {padding:10px 0 29px 99px;}
.screen.question1 .img1 {background:transparent url(../img/question-01-01.png) no-repeat 42px -5px;}
.screen.question1 .img2 {background:transparent url(../img/question-01-02.png) no-repeat 42px 1px;}
.screen.question1 .img3 {background:transparent url(../img/question-01-03.png) no-repeat 0 -11px;}
.screen.question1 .btn-prev {margin:34px 0 0 28px;}
.screen.question1 .btn-next {float:right;margin:34px 28px 0 0;}

.screen.question2 {background:transparent url(../img/img-03.png) no-repeat 0 0;}
.screen.question2 h2 {padding:25px 0 0 43px;width:460px;}
.screen.question2 ul {margin-top:15px;}
.screen.question2 ul li {padding:10px 0 12px 65px;}
.screen.question2 .btn-prev {margin:34px 0 0 28px;}
.screen.question2 .btn-next {float:right;margin:34px 28px 0 0;}

.screen.question3 {background:transparent url(../img/img-04.png) no-repeat 0 0;}
.screen.question3 h2 {padding:25px 0 0 43px;width:460px;}
.screen.question3 ul {margin-top:31px;}
.screen.question3 ul li {padding:10px 0 18px 65px;}
.screen.question3 .btn-prev {margin:34px 0 0 28px;}
.screen.question3 .btn-next {float:right;margin:34px 28px 0 0;}

.screen.question4 {background:transparent url(../img/img-05.png) no-repeat 0 0;}
.screen.question4 h2 {padding:25px 0 0 43px;width:auto;}
.screen.question4 ul {margin-top:31px;}
.screen.question4 ul li {padding:10px 0 18px 65px;}
.screen.question4 .btn-prev {margin:34px 0 0 28px;}
.screen.question4 .btn-next {float:right;margin:34px 28px 0 0;}

.screen.final {background:transparent url(../img/img-06.png) no-repeat 0 0;}
.screen.final .main {height:458px;}
.screen.final h3 {padding:25px 0 0 43px;width:auto;font-size:20px;color:#000;font-weight:500;margin:0;}
.screen.final h2 {padding:0 0 0 43px;width:340px;}
.screen.final p {padding:19px 0 3px 43px;width:340px;line-height:1.4}
.screen.final .btn {width:140px;display:block; position: absolute; left: 50%; margin-left: -90px; top: 380px;}
.screen.final h4 {margin:0;padding:14px 0 16px 6px;color:#cc3366;font-size:15px;font-weight:500;}
.screen.final .banner {padding:0 0 0 38px;}
.screen.final .col {width:33%;float:left;}
.screen.final .col.col-1 {width:212px;}
.screen.final .col.col-2 {width:212px;}
.screen.final .col.col-3 {width:206px;}
.screen.final .col a {text-decoration:none;display:block;}
.screen.final .col a img {float:left;}
.screen.final .col a p {float:left;font-size:12px;width:126px;padding:13px 0 0 9px;}
.screen.final .product-image { position: absolute; right: 20px; top: 80px; width: 250px; }
.screen.final .btn.product-link {margin-left:-130px;width:220px;}




.screen.final h3.hl-note { font-size: 14px; margin-bottom: 20px; margin-right: 20px; }
.screen.final .loading { text-align: center; padding-top: 100px; }
.screen.final .loading p { margin: 0; padding: 0; text-align: center; width: auto; font-size: 16px; padding-top: 10px; }


.hidden-desktop { display: block !important; }.hidden-mobile { display: none !important; }


/*
.screen.start {background-image:url(../img/layouts/img-01.png);}
.screen.question1 {background-image:url(../img/layouts/img-02.png);}
.screen.question2 {background-image:url(../img/layouts/img-03.png);}
.screen.question3 {background-image:url(../img/layouts/img-04.png);}
.screen.question4 {background-image:url(../img/layouts/img-05.png);}
.screen.final {background-image:url(../img/layouts/img-06.png);}
*/