html{font-family:'Officina Sans Book',sans-serif}h1{font-size:2.2rem;font-family:'Officina Sans Black',sans-serif}@media screen and (min-width:650px){h1{font-size:3rem}}h3{font-size:2rem}@font-face{font-family:'Officina Sans Black';src:url(../fonts/Black/OfficinaSansITCPro-Black.eot);src:url(../fonts/Black/OfficinaSansITCPro-Black.eot?#iefix) format("embedded-opentype"),url(../fonts/Black/OfficinaSansITCPro-Black.otf) format("otf"),url(../fonts/Black/OfficinaSansITCPro-Black.woff2) format("woff2"),url(../fonts/Black/OfficinaSansITCPro-Black.woff) format("woff"),url(../fonts/Black/OfficinaSansITCPro-Black.ttf) format("ttf"),url(../fonts/Black/OfficinaSansITCPro-Black.svg) format("svg");font-style:normal;font-weight:400}@font-face{font-family:'Officina Sans Book';src:url(../fonts/Book/OfficinaSansITCPro-Book.eot);src:url(../fonts/Book/OfficinaSansITCPro-Book.eot?#iefix) format("embedded-opentype"),url(../fonts/Book/OfficinaSansITCPro-Book.otf) format("otf"),url(../fonts/Book/OfficinaSansITCPro-Book.woff2) format("woff2"),url(../fonts/Book/OfficinaSansITCPro-Book.woff) format("woff"),url(../fonts/Book/OfficinaSansITCPro-Book.ttf) format("ttf"),url(../fonts/Book/OfficinaSansITCPro-Book.svg) format("svg");font-style:normal;font-weight:400}body{display:-webkit-flex;display:-ms-flexbox;display:flex;min-height:100vh;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;background-image:url(../images/bg_mobile.svg);background-size:cover;background-repeat:no-repeat}@media screen and (min-width:640px){body{background-image:url(../images/bg.svg)}}main{-webkit-flex:1 0 auto;-ms-flex:1 0 auto;flex:1 0 auto}.wrapper{padding:0 1rem}header .wrapper{color:#236a95;text-align:center;padding:2rem 0;margin:2rem auto;max-width:900px}header .wrapper h1{margin:0;text-transform:uppercase;font-weight:700}header .wrapper p{padding:0 2rem}footer{background-color:#236a95;position:relative}.footer-wrapper{max-width:900px;margin:0 auto;color:#3488a9;padding:0 2rem 2rem}.footer-wrapper p{text-align:center}.footer-wrapper a{color:#3488a9;font-weight:700}.footer-logo{width:80%;max-width:300px;display:block;margin:0 auto;padding:2rem}@media screen and (min-width:1100px){.footer-logo{position:absolute;top:0}}.footer-last{padding-top:0}@media screen and (min-width:1100px){.footer-last{right:0}}.risk-wrapper{text-align:center;max-width:1500px;margin:0 auto}.risk{display:block;position:relative;height:250px;width:250px;margin:0 auto 1rem;transition:all .3s}@media screen and (min-width:650px){.risk{display:inline-block;vertical-align:top;height:300px;width:300px;margin-right:1rem}}@media screen and (min-width:1200px){.risk{height:350px;width:350px}}@media screen and (min-width:1400px){.risk{height:400px;width:400px}}.risk-1{background-image:url(../images/risks/risk-1-wrong.svg);transition:all .3s}.risk-1.active,.risk-1:hover{background-image:url(../images/risks/risk-1-correct.svg)}.risk-2{background-image:url(../images/risks/risk-2-wrong.svg);transition:all .3s}.risk-2.active,.risk-2:hover{background-image:url(../images/risks/risk-2-correct.svg)}.risk-3{background-image:url(../images/risks/risk-3-wrong.svg);transition:all .3s}.risk-3.active,.risk-3:hover{background-image:url(../images/risks/risk-3-correct.svg)}.risk-4{background-image:url(../images/risks/risk-4-wrong.svg);transition:all .3s}.risk-4.active,.risk-4:hover{background-image:url(../images/risks/risk-4-correct.svg)}.risk-5{background-image:url(../images/risks/risk-5-wrong.svg);transition:all .3s}.risk-5.active,.risk-5:hover{background-image:url(../images/risks/risk-5-correct.svg)}.modal{text-align:left;background-color:transparent;box-shadow:none;width:90%}@media screen and (min-width:640px){.modal{width:80%}}@media screen and (min-width:900px){.modal{max-height:90%}}@media screen and (min-width:1400px){.modal{width:50%}}.modal .modal-content{text-align:center;color:#fff;padding:1rem}@media screen and (min-width:640px){.modal .modal-content{padding:1.5rem}}.modal .modal-content .title{height:160px;background-position:center;background-repeat:no-repeat}.modal .modal-content .title.title-1{background-image:url(../images/titles/title-1.svg)}.modal .modal-content .title.title-2{background-image:url(../images/titles/title-2.svg)}.modal .modal-content .title.title-3{background-image:url(../images/titles/title-3.svg)}.modal .modal-content .title.title-4{background-image:url(../images/titles/title-4.svg)}.modal .modal-content .title.title-5{background-image:url(../images/titles/title-5.svg)}.modal .modal-footer{height:auto;padding:0;background-color:transparent;text-align:left}.modal .modal-footer .modal-sub-trigger{display:inline-block;width:23.5%;vertical-align:top;cursor:pointer;height:75px;color:#929596;background-color:#fff;position:relative}.modal .modal-footer .modal-sub-trigger>span{display:block;width:100%;text-align:center;font-size:.6rem;height:40%}@media screen and (min-width:640px){.modal .modal-footer .modal-sub-trigger>span{font-size:.8rem;height:30%}}@media screen and (min-width:750px){.modal .modal-footer .modal-sub-trigger>span{font-size:1rem}}.modal .modal-footer .modal-sub-trigger .btn-img{height:60%;width:100%;background-color:#fff;background-position:center;background-repeat:no-repeat}@media screen and (min-width:640px){.modal .modal-footer .modal-sub-trigger .btn-img{height:70%}}@media screen and (min-width:640px){.modal .modal-footer .modal-sub-trigger{height:130px}}.modal .modal-footer .modal-sub-trigger:last-child{border-right:0}.modal .modal-footer .modal-sub-trigger:nth-child(2){margin:0 2%}.modal .modal-footer .modal-sub-trigger:nth-child(3){margin-right:2%}.modal .modal-footer .modal-sub-trigger.open,.modal .modal-footer .modal-sub-trigger:hover{background-color:#236a95;color:#fff}.modal .modal-footer .modal-sub-trigger.open .btn-img,.modal .modal-footer .modal-sub-trigger:hover .btn-img{background-color:#236a95}.modal .modal-footer .btn-1 .btn-img{background-image:url(../images/buttons/btn-1.svg)}.modal .modal-footer .btn-1.open .btn-img,.modal .modal-footer .btn-1:hover .btn-img{background-image:url(../images/buttons/btn-1-active.svg)}.modal .modal-footer .btn-2 .btn-img{background-image:url(../images/buttons/btn-2.svg)}.modal .modal-footer .btn-2.open .btn-img,.modal .modal-footer .btn-2:hover .btn-img{background-image:url(../images/buttons/btn-2-active.svg)}.modal .modal-footer .btn-3 .btn-img{background-image:url(../images/buttons/btn-3.svg)}.modal .modal-footer .btn-3.open .btn-img,.modal .modal-footer .btn-3:hover .btn-img{background-image:url(../images/buttons/btn-3-active.svg)}.modal .modal-footer .btn-4 .btn-img{background-image:url(../images/buttons/btn-4.svg)}.modal .modal-footer .btn-4.open .btn-img,.modal .modal-footer .btn-4:hover .btn-img{background-image:url(../images/buttons/btn-4-active.svg)}.modal-sub-content{display:none;text-align:center;padding:1rem;overflow:hidden;background:#fff}@media screen and (min-width:640px){.modal-sub-content{padding:1.5rem}}.modal-sub-content h3{color:#236a95;font-weight:700;display:inline-block;padding-bottom:10px;font-family:'Officina Sans Black',sans-serif;font-size:1.2rem;margin-bottom:0}.modal-sub-content h3::after{content:'';background-image:url(../images/underline.svg);background-repeat:no-repeat;background-position:center;height:11px;width:100%;display:block}@media screen and (min-width:640px){.modal-sub-content h3{font-size:2rem}}.modal-sub-content p{color:#8bbbce}.modal-close{position:absolute;top:1rem;right:1rem;cursor:pointer;color:#fff;background-image:url(../images/close.svg);height:35px;width:35px;opacity:.6;transition:opacity .3s}.modal-close:hover{opacity:1}.modal-overlay{background:#236a95}
