@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,500,600,700');html{height:100%;flex-direction:column;-webkit-flex-direction:column}body{overflow:auto;height:100%;background-color:#f4f4f4}body.bkg{background:url(../img/bg.jpg) no-repeat center center fixed;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}body .accu-navbar{margin:0;padding:10px;border:none;height:75px;box-shadow:0 0 5px #666666;background-color:#FFFFFF;z-index:20}body .accu-navbar .navbar-logo{width:100%;height:100%;display:flex;justify-content:center;align-items:center}body .accu-navbar .navbar-logo img{height:52px;margin-top:3px}body .accu-navbar .button{position:absolute;background-color:#ED1C24;border-radius:8px;width:34px;height:34px;cursor:pointer;background-size:100%;background-repeat:no-repeat}body .accu-navbar .button span{display:none;position:absolute;text-transform:uppercase;font-family:'Source Sans Pro',sans-serif;white-space:nowrap;color:#ED1C24;line-height:35px;font-size:18px}body .accu-navbar .button.left{left:8px}body .accu-navbar .button.right{right:8px}body .accu-navbar .button.question{background-image:url('../img/icons/instructions.svg')}body .accu-navbar .button.question span{right:45px}body .accu-navbar .button.plane{background-image:url('../img/icons/contact.svg')}body .accu-navbar .button.plane span{left:45px}body .orange-navbar{margin:0;padding:0;top:0;border:none;height:0;color:#FFFFFF;background-color:#002F6C;z-index:1;transition:height .4s;-webkit-transition:height .4s;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;overflow:hidden}body .orange-navbar .row{margin:0 auto;width:100%;max-width:620px;line-height:50px}body .orange-navbar .row>div{display:flex}body .orange-navbar .row>div:first-child{justify-content:flex-start;-webkit-justify-content:flex-start;padding-left:0}body .orange-navbar .row>div:last-child{justify-content:flex-end;-webkit-justify-content:flex-end;padding-right:0}body .orange-navbar .row>div .number,body .orange-navbar .row>div .number-label{height:60px;line-height:59px;display:inline-block}body .orange-navbar .row>div .number{font-size:27px}body .orange-navbar .row>div .number-label{margin:2px 10px 0 10px;font-size:16px}body .orange-navbar.visible{height:60px;transition:height .4s;-webkit-transition:height .4s}body .orange-navbar.visible~#questionsView.visible{height:calc(100% - 135px)}.overlay{position:fixed;left:0;bottom:0;opacity:0;width:100vw;background-color:#f4f4f4;transition:opacity .09s;-webkit-transition:opacity .09s;z-index:10}.overlay .cross{position:absolute;top:15px;right:15px;width:20px;height:20px;cursor:pointer}.overlay .cross img{height:100%;width:100%}.overlay .overlay-content{position:absolute;top:10%;left:50%;width:93%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);text-align:center}.overlay .overlay-content .title{font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;font-size:30px;color:#002F6C;margin-bottom:15px}.overlay .overlay-content .text-section{font-family:'Source Sans Pro',sans-serif;font-size:17px;color:#002F6C;padding-bottom:20px;max-width:90%;margin:0 auto}.overlay .overlay-content .text-section.phone-number{color:#002F6C;font-size:18px;padding-bottom:0;padding-top:30px}.overlay .overlay-content .text-section a,.overlay .overlay-content .text-section a:hover,.overlay .overlay-content .text-section a:active{color:#ED1C24;font-family:'Source Sans Pro',sans-serif}.overlay .overlay-content .dug-element{font-family:'Source Sans Pro',sans-serif}.overlay.visible{opacity:1}p{font-family:'Source Sans Pro',sans-serif;font-size:18px;color:#FFFFFF}h2{font-family:'Source Sans Pro',sans-serif;font-weight:600;color:#FFFFFF;text-transform:uppercase;margin:0}.flex-container{display:flex;display:-webkit-flex;flex-direction:row;-webkit-flex-direction:row;justify-content:center;-webkit-justify-content:center;margin-bottom:30px}.flex-container .arrow-element{width:30px;background-image:url('../img/icons/arrow.png');background-repeat:no-repeat;background-position:50%;background-size:100%;opacity:.3;flex-shrink:.5;-webkit-flex-shrink:.5}.flex-container .arrow-element.right{transform:rotate(180deg);-webkit-transform:rotate(180deg)}.flex-container .arrow-element.hide-arrow{background-image:none}.flex-container.solution{margin-bottom:20px}.flex-container.solution .dug-element{margin:0 10px}.flex-container.solution .dug-element:first-child{margin-left:0}.flex-container.solution .dug-element:last-child{margin-right:0}.flex-container.solution .arrow-element.left,.flex-container.solution .arrow-element.right{margin:0;background-size:90%}.flex-container .full-size{width:100%;height:100%}.dug-element{display:flex;display:-webkit-flex;flex-direction:column;-webkit-flex-direction:column;position:relative;width:150px;height:150px;flex-grow:0;-webkit-flex-grow:0;flex-shrink:0;-webkit-flex-shrink:0;margin:0 10px;z-index:2}.dug-element img,.dug-element object{display:block;width:75%;height:75%;margin:0 auto}.dug-element img.full-size,.dug-element object.full-size{width:100%;height:100%;z-index:100}.dug-element span{font-family:'Source Sans Pro',sans-serif;color:#666666;text-align:center;font-size:11px;position:absolute;left:50%;bottom:0;transform:translate(-50%, 50%);-webkit-transform:translate(-50%, 50%);white-space:normal;width:135%}.dug-element .answer-label{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);font-size:18px;text-align:center;text-transform:uppercase;font-family:'Source Sans Pro',sans-serif;max-width:80%;opacity:.5}.dug-element:first-child{margin-left:0;margin-right:20px}.dug-element:last-child{margin-right:0;margin-left:20px}.dug-element.drop-zone{border:1px solid #666666;border-radius:20px;background-color:#FFFFFF;z-index:1}.dug-element.drop-zone img{width:100%;height:100%;padding:15px}.dug-element.drop-zone:hover,.dug-element.drop-zone.drag-enter{cursor:pointer;border:3px solid #ED1C24}.draggable-element{cursor:pointer}.orange-text{color:#ED1C24}.screen-center{width:90%;position:absolute;top:25%;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);overflow:hidden}.view-container{opacity:0;transition:opacity .3s;-webkit-transition:opacity .3s}.view-container.visible{opacity:1;transition:opacity .3s;-webkit-transition:opacity .3s}.triangles{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.7;z-index:0}.promotional-banner{position:absolute;bottom:0;left:0;width:200px;z-index:-1}#homeView{display:block;overflow:hidden}#homeView p{margin-bottom:0;margin-top:1rem;font-size:20px;color:#666666}#homeView h2{color:#002F6C}#homeView .flex-container{margin-top:30px}footer{position:fixed;bottom:0;left:0;width:100%;padding:12px 18px;display:flex;color:#FFFFFF;background:#ED1C24;justify-content:space-between}footer .footer-info{padding-right:18px}footer .footer-info h3{margin-top:0;font-family:'Source Sans Pro',sans-serif}footer .footer-info p{font-family:'Source Sans Pro',sans-serif;font-size:14px;margin-bottom:0}footer .footer-action{font-size:16px}footer .footer-action .btn.btn-primary.small{margin-top:10px;background:#FFFFFF;outline:none;box-shadow:none}#resultView{position:fixed;top:75px;left:0;width:100vw;height:0;background-color:#f4f4f4;transition:height .3s;-webkit-transition:height .3s;overflow:hidden;z-index:5}#resultView .triangles{top:0;object-fit:cover}#resultView .container{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);color:#FFFFFF;font-family:'Source Sans Pro',sans-serif;width:93%}#resultView .container .row .title{color:#FFFFFF;font-size:20px;text-transform:uppercase}#resultView .container .row .message{color:#FFFFFF;font-size:20px;margin-bottom:15px}#resultView .container .row .message strong{letter-spacing:1px}#resultView .container .row .score{color:#FFFFFF;font-size:120px;line-height:130px;font-weight:bold}#resultView .container .row #playAgainButton{margin-bottom:60px}#resultView .container .row .buttons{display:flex;flex-direction:row;justify-content:center}#resultView .container .row .buttons button,#resultView .container .row .buttons a{margin:0 5px}#questionsView{left:0;height:0;background-color:#f4f4f4;transition:height .3s;-webkit-transition:height .3s;overflow:hidden;z-index:10}#questionsView.visible{height:calc(100% - 75px)}#questionsView .carousel{position:absolute;top:25%;left:50%;transform:translate(-50%, 0);-webkit-transform:translate(-50%, 0);width:100%;padding:0 15px}#questionsView .carousel .carousel-inner{height:100%}#questionsView .carousel .carousel-inner .carousel-item{opacity:0;overflow:hidden}#questionsView .carousel .carousel-inner .carousel-item .row .title{display:block;color:#002F6C;font-size:18px;font-weight:600;text-transform:uppercase;font-family:'Source Sans Pro',sans-serif;padding:10px 0 20px}#questionsView .carousel .carousel-inner .carousel-item .row .title.sub{font-size:16px;padding:5px 0 5px}#questionsView .carousel .carousel-inner .carousel-item.active{opacity:1;transition:transform .6s ease-in-out,opacity .5s;-webkit-transition:transform .6s ease-in-out,opacity .5s}.btn.btn-primary{position:relative;background-color:#ED1C24;font-family:'Source Sans Pro',sans-serif;text-transform:uppercase;color:#FFFFFF;font-size:18px;border:none;border-radius:8px;-webkit-appearance:none;padding:15px 30px}.btn.btn-primary:not(:disabled):focus,.btn.btn-primary:not(:disabled):active{background-color:#DB0A22}.btn.btn-primary:hover{background-color:#EC4157;cursor:pointer}.btn.btn-primary.white{background-color:#FFFFFF;color:#ED1C24}.btn.btn-primary.white:focus,.btn.btn-primary.white:active{background-color:#ED1C24}.btn.btn-primary.white:hover{background-color:#EC4157}.btn.btn-primary.small{font-size:15px;padding:10px 20px;margin-top:60px}.btn.btn-primary.btn-200{width:200px}#beginButton .fa-icon-container,#playAgainButton .fa-icon-container{display:none}#beginButton.show-spinner,#playAgainButton.show-spinner{color:transparent}#beginButton.show-spinner .fa-icon-container,#playAgainButton.show-spinner .fa-icon-container{display:block;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%)}#beginButton.show-spinner .fa-icon-container .fa,#playAgainButton.show-spinner .fa-icon-container .fa{font-size:25px;color:#FFFFFF}#beginButton{font-size:25px}#nextButton{margin-top:20px}@media screen and (min-width:620px){body .accu-navbar .button span{display:block}body #resultView .container .row .title{margin-bottom:15px}body #resultView .container .row .score{font-size:130px;line-height:130px;margin-bottom:20px}body #resultView .container .row .social{padding:3px;max-width:400px;margin-bottom:30px}body #resultView .container .row .social .social-button{width:48px;height:48px;margin-left:4px}body #resultView .container .row .social .social-text{line-height:45px;font-size:15px}body #resultView .container .row .message{font-size:20px;margin-bottom:30px}body #resultView .container .row .buttons button,body #resultView .container .row .buttons a{font-size:14px}body .overlay .overlay-content .title{margin-bottom:30px}body .overlay .overlay-content .text-section{max-width:550px}body h2{font-size:50px}body .dug-element span{font-size:20px}body #questionsView .carousel .carousel-inner .carousel-item .row .title{font-size:25px}body #questionsView .carousel .carousel-inner .carousel-item .row .title.sub{padding:20px 0 0}}@media screen and (max-width:620px){.dug-element{width:120px;height:120px}.dug-element span{font-size:13px}}@media screen and (max-width:520px){.dug-element{width:100px;height:100px}.dug-element span{font-size:11px}.dug-element .answer-label{font-size:15px}}@media screen and (max-width:450px){.orange-navbar{font-size:13px}.dug-element{width:85px;height:85px}.dug-element img{margin:0 auto}}@media screen and (max-width:390px){#resultView .container .row .score{font-size:85px;line-height:90px}#resultView .container .row .social{padding:3px}#resultView .container .row .social .social-button{width:30px;height:30px;margin-left:3px}#resultView .container .row .social .social-text{line-height:30px;font-size:13px}#resultView .container .row .message{font-size:15px}#homeView p{font-size:18px}footer{display:none}h2{font-size:24px}.flex-container{margin-bottom:15px}.arrow-element{width:40px;flex-shrink:0;-webkit-flex-shrink:0}.arrow-element.left{margin-left:5px}.arrow-element.right{margin-right:5px}.dug-element{width:85px;height:85px}.dug-element img{margin:0 auto}}@media screen and (max-width:340px){#resultView .container .row .social{padding:3px}#resultView .container .row .social .social-text{line-height:30px;font-size:10px}#resultView .container .row .message{font-size:15px}#resultView .container .row .buttons button,#resultView .container .row .buttons a{font-size:13px}}@media screen and (max-width:320px){.dug-element:first-child{margin-right:5px}.dug-element:last-child{margin-left:5px}.arrow-element{width:30px}.arrow-element.left{margin-left:5px}.arrow-element.right{margin-right:5px}.flex-container{margin-bottom:15px}}