@import url(https://fonts.googleapis.com/css?family=Anton|Montserrat:400,500,700);body,html{width:100%;margin:0;font-family:Montserrat,sans-serif}.clearfix:after,.clearfix:before{content:"";display:table}.clearfix:after{clear:both}.clearfix{*zoom:1}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}p{margin:0}a{color:initial;text-decoration:none}a,div,img,p{-webkit-touch-callout:none;-webkit-user-select:none;-webkit-user-drag:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;user-drag:none}img{vertical-align:bottom}#pics-preload{width:10px;height:10px;overflow:hidden;z-index:-1;position:absolute;top:0;left:0}#pics-preload img{width:100%}#css-connector{position:absolute;z-index:-1;top:0;left:0;width:1px;height:0}.loader-outer{position:fixed;display:table;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,.9);z-index:9999}.loader-middle{display:table-cell;vertical-align:middle}.loader-inner{display:block;width:80px;margin:0 auto}.loader-inner img{width:100%}.container{width:100%;height:100%;position:absolute;z-index:1;display:table;top:0;left:0;background-image:url(../img/bg_big.jpg);-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center}.container-cell{width:100%;display:table-cell;vertical-align:middle}.content{width:100%;max-width:360px;margin:0 auto;height:640px;display:table;background-color:rgba(255,0,255,.2)}.btn-row,.headline-row,.logo-row,.question-row,.steps-row{width:100%;display:table-row}.row-cell{display:table-cell;width:100%;vertical-align:middle}.inner{display:block;width:100%}.logo-row{height:60px}.logo-row .inner{text-align:center}.logo-row img{width:95%;max-width:360px}.headline-row{height:90px}.headline-row .inner{text-align:center;padding:0 15px}.headline-row h1{font-family:Anton,sans-serif;margin:0;font-weight:400;font-size:31px;text-shadow:2.5px 4.33px 5px rgba(0,0,0,.294);color:#f53b5b;line-height:1.2}.btn-row{height:80px}.btn-row .inner{text-align:center}.btn-row button{display:inline-block;margin:0;cursor:pointer;color:#fff;text-align:center;font-size:30px;font-weight:700;text-shadow:1.5px 2.598px 2px rgba(0,0,0,.6);width:95%;max-width:250px;border:2px solid #f53b5b;-webkit-border-radius:24px;-moz-border-radius:24px;border-radius:24px;background-image:-webkit-gradient(linear,left top,left bottom,from(#58306f),to(#f53b5b));background-image:-webkit-linear-gradient(#58306f,#f53b5b);background-image:-moz-linear-gradient(#58306f,#f53b5b);background-image:-o-linear-gradient(#58306f,#f53b5b);background-image:linear-gradient(#58306f,#f53b5b);padding:5px;-webkit-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.btn-row button:hover{border-color:#c20a29;background-image:-webkit-gradient(linear,left top,left bottom,from(#58306f),to(#f20d33));background-image:-webkit-linear-gradient(#58306f,#f20d33);background-image:-moz-linear-gradient(#58306f,#f20d33);background-image:-o-linear-gradient(#58306f,#f20d33);background-image:linear-gradient(#58306f,#f20d33);text-shadow:none}.btn-row button:focus{outline:0}.steps-row{height:100px}.steps-row .inner{text-align:center}.steps{width:100%;display:table;margin-bottom:10px;table-layout:fixed}.step{display:table-cell;vertical-align:middle;text-align:center}.step div{display:table;margin:0 auto;text-align:center;width:50px;height:50px;border:2px solid;color:#fff;font-size:30px;font-weight:700;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;-webkit-transition:all .7s ease-in-out;-o-transition:all .7s ease-in-out;-moz-transition:all .7s ease-in-out;transition:all .7s ease-in-out}.step div span{display:table-cell;vertical-align:middle;text-align:center}.step .active,.step .tobe{border-color:#f53b5b;background-image:-webkit-gradient(linear,left top,left bottom,from(#58306f),to(#f53b5b));background-image:-webkit-linear-gradient(#58306f,#f53b5b);background-image:-moz-linear-gradient(#58306f,#f53b5b);background-image:-o-linear-gradient(#58306f,#f53b5b);background-image:linear-gradient(#58306f,#f53b5b)}.step .active{-webkit-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.6);-moz-box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.6);box-shadow:2.5px 4.33px 5px 0 rgba(0,0,0,.6)}.step .tobe{opacity:.4}.step .past{border-color:#b1b1b1;background-image:-webkit-gradient(linear,left top,left bottom,from(#e7e7e7),to(#727272));background-image:-webkit-linear-gradient(#e7e7e7,#727272);background-image:-moz-linear-gradient(#e7e7e7,#727272);background-image:-o-linear-gradient(#e7e7e7,#727272);background-image:linear-gradient(#e7e7e7,#727272)}.steps-row a{font-size:14px;color:#fff;font-weight:400}.steps-row a:hover{text-decoration:underline}.question{width:100%;position:relative}.question-row .inner{overflow:hidden}.q2,.q3{display:none;left:100%}.txt{text-align:center;color:#fff;font-size:18px;font-weight:500}.q1{text-align:center}.q1 .txt{padding-bottom:15px}.s-table{width:100%;display:table;table-layout:fixed}.scell{display:table-cell;vertical-align:bottom;text-align:center}.man,.woman{display:inline-block;text-align:center;cursor:pointer}.scell img{width:92px}.active .picactive{display:inline}.active .picinactive,.inactive .picactive{display:none}.inactive .picinactive,.inactive:hover .picactive{display:inline}.inactive:hover .picinactive{display:none}.man p,.woman p{padding-top:15px;font-size:18px;font-weight:500;color:#fff}.man.active p,.man.inactive:hover p{text-shadow:0 0 1px #0060ff,0 0 1px #0060ff,0 0 2px #0060ff,0 0 3px #0060ff,0 0 4px #0060ff,0 0 5px #0060ff,0 0 6px #0060ff,0 0 7px #0060ff,0 0 8px #0060ff,0 0 9px #0060ff,0 0 10px #0060ff,0 0 11px #0060ff,0 0 12px #0060ff,0 0 13px #0060ff,0 0 14px #0060ff}.woman.active p,.woman.inactive:hover p{text-shadow:0 0 1px #ff00ea,0 0 1px #ff00ea,0 0 2px #ff00ea,0 0 3px #ff00ea,0 0 4px #ff00ea,0 0 5px #ff00ea,0 0 6px #ff00ea,0 0 7px #ff00ea,0 0 8px #ff00ea,0 0 9px #ff00ea,0 0 10px #ff00ea,0 0 11px #ff00ea,0 0 12px #ff00ea,0 0 13px #ff00ea,0 0 14px #ff00ea}.q2{text-align:center;width:100%}.q2 img{width:150px;padding:15px 0}.q2 .txt{padding-bottom:85px}.select-table{position:absolute;left:0;bottom:0;width:100%;display:table}.day-cell{width:25%;display:table-cell;vertical-align:middle;position:relative}.month-cell{width:41%;display:table-cell;vertical-align:middle;position:relative}.year-cell{width:34%;display:table-cell;vertical-align:middle;position:relative}.q2 select{width:90%;position:absolute;left:5%;bottom:0;text-align:center;padding:10px;font-size:18px;color:#adadad;font-weight:500;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;margin:0;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px}.q3{width:100%;text-align:center}.q3 img{width:150px;padding:15px 0}.q3 .txt{padding-bottom:44px}#mailin{width:100%;display:block;text-align:center}#mailin input{width:90%;display:inline-block;text-align:center;padding:10px;font-size:18px;color:#adadad;font-weight:500;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border:0;margin:0;-webkit-border-radius:21px;-moz-border-radius:21px;border-radius:21px}@media screen and (max-width:769px){#css-connector{width:2px}}@media screen and (max-width:415px){#css-connector{width:3px}}@media screen and (max-width:359px){.content{height:480px}.logo-row{height:40px}.headline-row h1{font-size:30px}.headline-row{height:80px}.btn-row button{font-size:25px}.btn-row{height:50px}.scell img{width:80px}.steps{margin-bottom:5px}.step div{width:36px;height:36px;-webkit-border-radius:18px;-moz-border-radius:18px;border-radius:18px;font-size:24px}.steps-row{height:75px}.q2 img,.q3 img{padding:0 0 10px}.q2 .txt{padding-bottom:45px}.select-table{bottom:10px}#mailin input,.q2 select{padding:5px;font-size:14px;-webkit-border-radius:14px;-moz-border-radius:14px;border-radius:14px}#mailin input{margin-bottom:10px}.q3 .txt{padding-bottom:9px}}