html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;vertical-align:baseline}html{line-height:1}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0}caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}a img{border:none}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}*,*::before,*::after{box-sizing:inherit}html{box-sizing:border-box}@font-face{font-family:"Open Sans";src:url('fonts/OpenSans-Regular.eot?1536297438');src:url('fonts/OpenSans-Regular.eot?&1536297438#iefix') format('embedded-opentype'),url('fonts/OpenSans-Regular.ttf?1536297437') format('truetype'),url('fonts/OpenSans-Regular.svg?1536297436') format('svg'),url('fonts/OpenSans-Regular.woff?1536297435') format('woff');font-weight:400}@font-face{font-family:"Open Sans";src:url('fonts/OpenSans-Bold.eot?1536297435');src:url('fonts/OpenSans-Bold.eot?&1536297435#iefix') format('embedded-opentype'),url('fonts/OpenSans-Bold.ttf?1536297437') format('truetype'),url('fonts/OpenSans-Bold.svg?1536297436') format('svg'),url('fonts/OpenSans-Bold.woff?1536297436') format('woff');font-weight:700}@font-face{font-family:"ApexNew";src:url('fonts/ApexNew-Bold.eot?1536297436');src:url('fonts/ApexNew-Bold.eot?&1536297436#iefix') format('embedded-opentype'),url('fonts/ApexNew-Bold.ttf?1536297438') format('truetype'),url('fonts/ApexNew-Bold.svg?1536297435') format('svg'),url('fonts/ApexNew-Bold.woff?1536297435') format('woff');font-weight:700}html{font-size:66.65%}html,body{width:100%;height:100%}body{font-family:'Open Sans', sans-serif}strong{font-weight:bold}.wrap{position:relative;width:900px;height:640px;margin:0 auto}.wrap section{position:relative;display:none;width:100%;height:100%;background:#fff;margin-top:-1px;padding-top:1px;overflow:hidden}.wrap section.active{display:block}.wrap section .special{color:#fff;display:flex;position:absolute;top:50px;left:50px;bottom:50px;right:0;background:#009597;-moz-border-radius-topleft:45px;-webkit-border-top-left-radius:45px;border-top-left-radius:45px;-moz-border-radius-bottomleft:45px;-webkit-border-bottom-left-radius:45px;border-bottom-left-radius:45px;text-align:right;padding-right:45px;align-items:center;justify-content:flex-end;font-family:'Open Sans', sans-serif;padding-bottom:50px}.wrap section .special h1{font-size:145px;line-height:145px;font-weight:900}.wrap section .special h2{font-size:40px;line-height:50px;font-weight:200}.wrap section .special h3{font-family:'ApexNew', sans-serif;font-size:50px;line-height:60px;font-weight:700}.wrap section .special ul{list-style:none;margin-top:50px}.wrap section .special ul li{font-weight:200;font-size:40px;line-height:50px;padding-right:30px;background:url("../img/list-ico.png") no-repeat center right}.wrap section .special ul li a{color:#fff;text-decoration:none}.wrap section .special ul li a:hover{text-decoration:underline}.wrap section .special p{font-size:25px;line-height:40px;font-weight:200;padding-left:70px;direction:rtl;text-align:justify}.wrap section .btn-container{position:absolute;bottom:50px;right:45px}.wrap section .btn-container .btn{display:inline-block;padding:20px 75px;font:400 21px/21px Arial, sans-serif;background:#fff;color:#009597;border:0;outline:0;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;cursor:pointer}.wrap section .btn-container .btn:hover{filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity:.8}.wrap section.bg-message{background:url("../img/bg-message.jpg") no-repeat top center}.wrap section.bg-message .message-tick{position:absolute;z-index:5;top:324px;left:229px;background:url("../img/ico-1.png") no-repeat center center;width:22px;height:22px;opacity:1;animation:pulse 1s infinite}.wrap section.bg-message .message-tick.stop{animation:none}@keyframes pulse{0%{opacity:1}50%{opacity:0}100%{opacity:1}}.wrap section.bg-message .pc{position:absolute;z-index:3;left:248px;top:139px;background:url("../img/pc-message.png") no-repeat center center;width:399px;height:215px;transform:rotateY(90deg) scale(0, 0);opacity:0;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;transition:all .5s ease-in-out}.wrap section.bg-message .pc.show{opacity:1;transform:rotateY(0) scale(1, 1)}.wrap section.bg-message .pc>div{display:flex;justify-content:center;align-items:center;width:345px;float:right;height:172px}.wrap section.bg-final-30,.wrap section.bg-final-0{background:url("../img/bg-final-30.jpg") no-repeat top center}.wrap section.bg-final-70{background:url("../img/bg-final-70.jpg") no-repeat top center}.wrap section.bg-final-100{background:url("../img/bg-final-100.jpg") no-repeat top center}.wrap section .flex{display:flex;height:560px;align-items:center;justify-content:center}.wrap section .score{color:#fff;text-align:center}.wrap section .score h2{font:bold 171px/171px 'ApexNew', sans-serif;margin-bottom:30px}.wrap section .score h3{font:bold 48px/48px 'ApexNew', sans-serif;margin-top:30px}.wrap section .score p{font:400 23px/43px 'Open Sans', sans-serif}.wrap section .navigation{position:absolute;z-index:1;bottom:0;left:0;right:0;height:70px;line-height:70px;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-webkit-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#009597}.wrap section .navigation.show{bottom:0 !important}.wrap section .navigation>button{display:block;height:100%;outline:0;border:0;cursor:pointer;color:#fff;font:bold 15px/15px Arial, sans-serif;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;padding:0}.wrap section .navigation>button>img{vertical-align:middle}.wrap section .navigation>button.btn-back{width:175px;float:left;background:#009597;text-align:center}.wrap section .navigation>button.btn-back>img{margin:0 15px 3px 0}.wrap section .navigation>button.btn-back:hover{background:#00aeb1}.wrap section .navigation>button.btn-next{width:175px;text-align:center;float:right;background:#006574}.wrap section .navigation>button.btn-next>img{margin:0 0 3px 15px}.wrap section .navigation>button.btn-next:hover{background:#007b8e}.wrap section .header{position:relative;width:100%;height:50px;background:#009597}.wrap section .footer{z-index:99;position:absolute;bottom:63px;background:#f5f5f5;color:#444;display:flex;align-items:center;padding:15px;left:100px;right:100px;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:1.634px 2.516px 0 0 rgba(233,236,236,0.004),6.157px 7.88px 5px 0 rgba(0,0,0,0.35);-webkit-box-shadow:1.634px 2.516px 0 0 rgba(233,236,236,0.004),6.157px 7.88px 5px 0 rgba(0,0,0,0.35);box-shadow:1.634px 2.516px 0 0 rgba(233,236,236,0.004),6.157px 7.88px 5px 0 rgba(0,0,0,0.35)}.wrap section .footer>div{font:200 14px/17px 'Open Sans', sans-serif}.wrap section .text{font:400 15px/20px 'Open Sans', sans-serif;color:#444;margin-top:12px}.wrap section .text>div{border:1px dashed transparent;padding:3px 8px;margin-top:3px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s}.wrap section .text>div.selectable{border-color:#ccc;cursor:pointer}.wrap section .text>div.selectable:hover{background:#ccc}.wrap section .text>div.selectable.active{background:#fff568}.wrap section .preview{margin-top:40px;text-align:right;padding:0 80px 0 65px}.wrap section .preview img{vertical-align:bottom}.wrap section .preview button{outline:0;border:1px solid #068f94;background:#fff;color:#068f94;font:bold 10px/10px Arial, sans-serif;padding:9px;cursor:pointer;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;margin-bottom:2px}.wrap section .preview button:hover{background:#f2f2f2}.wrap section .question{color:#444;font:400 18px/35px 'Open Sans', sans-serif;margin-top:50px;padding:0 80px 0 65px}.wrap section .question h2{font-weight:bold;font-size:24px;line-height:45px;padding-left:15px;margin-bottom:22px}.wrap section .question .selectable{cursor:pointer;border:1px dashed #ccc;padding:0 14px;margin-top:10px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;-moz-transition:all .3s;-o-transition:all .3s;-webkit-transition:all .3s;transition:all .3s;display:flex;justify-content:flex-start;align-items:flex-start}.wrap section .question .selectable>div:first-child{margin-right:15px}.wrap section .question .selectable:hover{background:#ccc}.wrap section .question .selectable.active{background:#fff568}.wrap section#preview{background:#006574}.wrap section#preview .preview img{opacity:0}.wrap section#preview .preview button{background:#fff;color:#006574;border-color:#006574}.wrap section#preview .preview button:hover{background:#e6e6e6}.wrap section#preview .text{background:#fff;margin:15px 80px 0 65px;padding:25px}span.link{color:#1120e6;text-decoration:underline}.final a{color:#fff;text-decoration:underline}.final a:hover{text-decoration:none}