#survey_container .t3,#survey_container .t1,#survey_questions li,#survey_questions .question .q,#survey_questions .progress,#error_message,#level_box{font-family:"Montserrat",sans-serif;color:#fff;letter-spacing:0;line-height:1.3em}html{background-color:#151920}#page_container{min-height:125vh;background:no-repeat center center scroll;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-color:rgba(0,0,0,0);text-align:center}#top_navigation{position:absolute;top:0;left:40px;z-index:4}#level_box{position:relative;z-index:2;font-weight:300;font-size:14px;color:#c4c4c4;margin:0 auto;text-align:center;padding-top:100px}#level_box .progress_bar{margin:15px auto;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap;box-sizing:border-box;width:280px}#level_box .progress_bar div{-webkit-box-flex:1 1 50%;-moz-box-flex:1 1 50%;-webkit-flex:1 1 50%;-ms-flex:1 1 50%;flex:1 1 50%;box-sizing:border-box;height:2px;width:100%;background-color:#c4c4c4;opacity:.7;transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s;-o-transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s;-moz-transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s;-webkit-transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s}#level_box .progress_bar div.completed{background-color:#fff;opacity:1}#error_message{font-weight:500;font-size:25px;color:#fff;position:relative;z-index:2;margin-top:30px;display:none}#survey_questions{position:relative;color:#fff}#survey_questions .progress{font-weight:300;font-size:14px;color:#fff;opacity:.7;margin-bottom:35px}#survey_questions .question{display:none}#survey_questions .question .q{font-weight:600;font-size:20px}#survey_questions ul{list-style-type:none;margin:20px 0;padding:0}#survey_questions li{display:inline-block;box-sizing:border-box;margin:10px 10px 0 0;width:100%;padding:20px;border:1px solid #fff;border-radius:4px;white-space:nowrap;font-weight:500;font-size:14px}#survey_questions li:last-child{margin-right:0}#survey_questions li:hover{background-color:#26a2d3;border-color:#26a2d3;cursor:pointer}#survey_questions li.selected{background-color:#26a2d3;border-color:#26a2d3}#survey_questions #progress_dots{position:relative}#survey_questions #progress_dots div{display:inline-block;width:8px;height:8px;margin:0 6px 30px;border-radius:50%;background-color:rgba(0,0,0,0);border:1px solid #fff;transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s;-o-transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s;-moz-transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s;-webkit-transition:all .4s cubic-bezier(0.475, 0.465, 0.12, 1.005) 0s}#survey_questions #progress_dots div.completed{background-color:#fff;opacity:.7}#survey_questions #progress_dots div:hover,#survey_questions #progress_dots div.selected{background-color:#fff;transform:scale(1.2)}#survey_questions #progress_dots div.completed.selected{opacity:1}#survey_container{position:relative;z-index:2;text-align:center;padding:7% 10% 0}#survey_container .t1{font-weight:600;font-size:48px;color:#fff;margin-bottom:15px}#survey_container .t3{font-weight:300;font-size:20px;color:#fff;margin-bottom:60px}#survey_container #survey_navigation{padding:30px 0;text-align:center}#survey_container #survey_navigation>div{display:inline-block}#survey_container #survey_navigation>div img{opacity:.2;height:25px}#survey_container #survey_navigation>div.completed{cursor:pointer}#survey_container #survey_navigation>div.completed img{opacity:1}#survey_container #survey_navigation>div.prev_question{margin:0 40px 0 60px}#survey_container #survey_navigation>div.next_question{margin:0 60px 0 40px}#survey_container #advance{display:none}#survey_container.survey_landing{padding:150px 10% 0}@media only screen and (min-width: 1150px){#survey_questions li{width:calc(20% - 10px)}}@media only screen and (min-width: 800px){#survey_questions ul{margin:70px 0}#survey_questions .question .q{font-size:40px}#survey_container .t1{font-weight:600;font-size:80px;margin-bottom:15px}#survey_container .t3{font-weight:300;font-size:16px;margin-bottom:60px}#level_box{padding-top:30px}}.survey_mask{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(21,25,32,.5);z-index:1}