.slide-fade-enter-active{-webkit-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease}.row.no-gutter{margin-right:0;margin-left:0}.no-gutter>[class*=col-]{padding-right:0;padding-left:0}.text-md{font-size:2em !important}.slide-fade-leave-active{-webkit-transition:all .2s cubic-bezier(1, 0.5, 0.8, 1);-o-transition:all .2s cubic-bezier(1, 0.5, 0.8, 1);transition:all .2s cubic-bezier(1, 0.5, 0.8, 1)}.slide-fade-enter,.slide-fade-leave-to{-webkit-transform:translateX(10%);-ms-transform:translateX(10%);transform:translateX(10%);opacity:0}.fade-enter-active,.fade-leave-active{-webkit-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}.survey{margin:0;padding:0}@media(min-width: 576px){.survey{overflow:hidden;height:100%}}.survey *{text-align:center}.survey .startBackdoor{position:absolute;content:" ";right:0;top:0;width:30px;height:30px;background-color:rgba(0,0,0,0) !important}.survey .clam-left-text{font-size:4em;color:#fff;padding-top:5%}.survey .survey-language-selector{position:absolute;top:0;left:-150px;bottom:0;width:150px;height:100%;background-color:rgba(0,0,0,.7) !important;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;z-index:11}.survey .survey-language-selector.opened{left:0}.survey .survey-language-selector ul{position:absolute;bottom:0;margin:0 auto;width:100%;padding:0 10px}.survey .survey-language-selector ul li{margin-bottom:10px}.survey .current-lang{position:absolute;left:10px;bottom:10px;z-index:10}@media(min-width: 576px){.survey .opacity-sm-5{background-color:rgba(0,0,0,.5) !important}.survey .clam-left-text{padding:3%;font-size:4em;text-align:left}.survey .full-height{height:100%}.survey .full-height .inthemiddle{position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}}.survey .btn-u.special-survey{width:200px;height:200px;max-width:90%;border:2px solid #73c2b3 !important;color:#000 !important;background-color:rgba(255,255,255,.5) !important;white-space:normal;position:relative;text-transform:uppercase;font-size:2em;font-weight:bold}.survey .btn-u.special-survey:hover{color:#fff !important;background-color:rgba(0,0,0,.5) !important}.survey .btn-u.special-survey:hover .btn-tap{background-position:center right}.survey .btn-u.special-survey .btn-contant-container{position:absolute;top:50%;left:0;width:100%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block}.survey .btn-u.special-survey span:first-child{display:block;margin-bottom:20%}.survey .btn-u.special-survey span:first-child:after{left:50%;top:40%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:70%;z-index:-1;content:" ";height:1px;text-align:center;position:absolute;background:#73c2b3}.survey .btn-tap{-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;background:no-repeat url("/js/vuequiz/static/imgs/mag_sprite.png") center left;width:42px;height:67px;display:block;margin:0 auto}.survey .btn-vertical-container{padding-top:5%;padding-bottom:5%}@media(min-width: 576px){.survey .btn-vertical-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.survey .survey-full{text-align:center;position:absolute;top:0;left:0;right:0;bottom:0;display:block;background:no-repeat center center;background-attachment:scroll;background-position:top center;background-size:100%;background-size:cover;-o-background-size:cover;width:100%;height:100%}.survey .survey-full.survey-home{background-image:url("/js/vuequiz/static/imgs/bg_home.jpg")}.survey .survey-full.survey-genre{background-image:url("/js/vuequiz/static/imgs/bg_genre_all.jpg")}.survey .survey-full.survey-genre::before{background-size:inherit;opacity:0;-webkit-transition:opacity .4s ease-in-out;-o-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;content:" ";position:absolute;left:0;top:0;right:0;bottom:0}.survey .survey-full.survey-genre-n::before{opacity:0}.survey .survey-full.survey-genre-male::before{background-image:url("/js/vuequiz/static/imgs/bg_genre_male.jpg");background-size:inherit;opacity:1}.survey .survey-full.survey-genre-female::before{background-image:url("/js/vuequiz/static/imgs/bg_genre_female.jpg");background-size:inherit;opacity:1}.survey .survey-full .survey-home-claim{width:100%;position:absolute;top:10%;margin:0 auto}.survey .survey-full .survey-home-claim h2{font-size:2.3em;line-height:1.9em;color:#fff}.survey .survey-full .survey-home-claim h2 span{display:block}.survey .survey-full .survey-home-claim h2 span:nth-of-type(2){font-size:170%;text-transform:uppercase}.survey .quiz-left{background:no-repeat center center;background-attachment:scroll;background-position:top center;background-size:100%;background-size:cover;-o-background-size:cover;background-image:url("/js/vuequiz/static/imgs/bg_left.jpg");color:#73c2b3;text-transform:uppercase;font-weight:700;padding:0 3%;position:relative}.survey .quiz-left .btn-back{position:absolute;top:10px;left:10px}@media(min-width: 576px){.survey .quiz-left .btn-back{left:1%;bottom:1%;top:auto}}@media(min-width: 576px){.survey .quiz-left h1,.survey .quiz-left h2{text-align:left;font-size:6em;line-height:1.3em}}.survey .quiz-left h2{color:#73c2b3}.survey .quiz-right{max-height:100%;overflow:scroll}.survey .endlinks{display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;list-style-type:none;padding:0;justify-content:space-around}.survey .end{position:relative}.survey .end .prod-image{background:no-repeat center center;background-attachment:scroll;background-position:top right;background-size:contain;text-align:center}.survey .end .prod-image img{margin:0 auto}.survey .flex-center-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.survey .flex-left-center{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:left;-ms-flex-pack:left;justify-content:left}.survey ul.questions{list-style-type:none;padding:0;margin:0;text-align:center;display:-ms-flex;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start}.survey ul.questions li{width:300px;height:300px;-webkit-box-flex:2;-ms-flex-positive:2;flex-grow:2;-ms-flex-item-align:start;align-self:flex-start;cursor:pointer;text-transform:uppercase;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;font-weight:700;overflow:hidden;position:relative}.survey ul.questions li>div{-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;position:absolute;top:0;left:0;right:0;bottom:0;height:100%;background:no-repeat center center;background-attachment:scroll;background-position:center;background-size:100%;background-size:cover;-o-background-size:cover;background-color:rgba(0,0,0,.5) !important}@media(min-width: 576px){.survey ul.questions li>div::before{content:"";-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;height:100%;width:100%;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.2) !important}}.survey ul.questions li:hover>div,.survey ul.questions li:focus>div{transform:scale(1.2);-ms-transform:scale 1.2;-moz-transform:scale(1.2);-o-transform:scale(1.2);-webkit-transform:scale(1.2)}.survey ul.questions li:hover>div::before,.survey ul.questions li:focus>div::before{left:-100%}.survey ul.questions li a{-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;color:#fff;text-decoration:none;padding:1%;font-size:5em;display:block}.survey ul.questions li a.title_size_3{font-size:3em}@media(min-width: 576px){.survey ul.questions.questionscontaner-2{display:block}.survey ul.questions.questionscontaner-2 li{width:auto;height:50%;-webkit-box-flex:none;-ms-flex-positive:none;flex-grow:none;flex-grow:auto}.survey ul.questions.questionscontaner-4 li{height:50%}.survey ul.questions.questionscontaner-4 li{width:50%;height:50%}.survey ul.questions.questionscontaner-6 li{width:50%;height:33.3333333333% !important}}.survey .keyboard-container{max-width:850px;width:100%;margin:0 auto;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background-color:#ececec;z-index:10005}.survey .handsvg{display:inline-block;width:400px;margin:0 auto;padding:0px 100px}.survey .hand-tap{fill:rgba(255,255,255,.5) !important;stroke:rgba(255,255,255,.7) !important;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.survey .tap-1,.survey .tap-2{fill:rgba(0,0,0,0);stroke:#fff;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.survey .tap-1{opacity:.5}.survey .tap-2{opacity:.25}@-webkit-keyframes tap{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}10%{-webkit-transform:rotateX(12.5deg);transform:rotateX(12.5deg)}25%{-webkit-transform:rotateX(25deg);transform:rotateX(25deg)}}@keyframes tap{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}10%{-webkit-transform:rotateX(12.5deg);transform:rotateX(12.5deg)}25%{-webkit-transform:rotateX(25deg);transform:rotateX(25deg)}}@-webkit-keyframes tap-circle{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}75%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.6}80%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}}@keyframes tap-circle{0%{-webkit-transform:scale(0);transform:scale(0);opacity:0}75%{-webkit-transform:scale(1.05);transform:scale(1.05);opacity:.6}80%{-webkit-transform:scale(1);transform:scale(1);opacity:.5}}@-webkit-keyframes hold{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}10%{-webkit-transform:rotateX(12.5deg);transform:rotateX(12.5deg)}30%{-webkit-transform:rotateX(25deg);transform:rotateX(25deg)}80%{-webkit-transform:rotateX(25deg);transform:rotateX(25deg)}}@keyframes hold{0%{-webkit-transform:rotateX(0deg);transform:rotateX(0deg)}10%{-webkit-transform:rotateX(12.5deg);transform:rotateX(12.5deg)}30%{-webkit-transform:rotateX(25deg);transform:rotateX(25deg)}80%{-webkit-transform:rotateX(25deg);transform:rotateX(25deg)}}@-webkit-keyframes fade{0%{opacity:0}30%{opacity:.75}80%{opacity:.75}}@keyframes fade{0%{opacity:0}30%{opacity:.75}80%{opacity:.75}}@-webkit-keyframes tapswipeup{from{top:0}to{top:-100px}}@keyframes tapswipeup{from{top:0}to{top:-100px}}@-webkit-keyframes glow{from{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(255,255,255,.2)}to{-webkit-transform:scale(0.98);transform:scale(0.98);background-color:rgba(255,255,255,.5)}}@keyframes glow{from{-webkit-transform:scale(1);transform:scale(1);background-color:rgba(255,255,255,.2)}to{-webkit-transform:scale(0.98);transform:scale(0.98);background-color:rgba(255,255,255,.5)}}.survey .tap-wrapper *{-webkit-transform-origin:50% 50%;-ms-transform-origin:50% 50%;transform-origin:50% 50%}.survey .tap-1,.survey .tap-2{-webkit-animation:tap-circle 1.25s ease-out backwards;animation:tap-circle 1.25s ease-out backwards;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.survey .tap-2{-webkit-animation-delay:.2s;animation-delay:.2s}.survey .tap-wrapper2{position:relative;overflow:visible}.survey .tap-wrapper2 svg{position:absolute;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation:tapswipeup 950ms linear infinite 1600ms alternate;animation:tapswipeup 950ms linear infinite 1600ms alternate;z-index:10001}.survey .anim-button{position:relative;background-color:rgba(255,255,255,.2) !important;color:#fff;-webkit-animation:glow 950ms ease-in-out infinite 1900ms alternate;animation:glow 950ms ease-in-out infinite 1900ms alternate;z-index:10000}.survey .user-data-container{position:absolute;top:0;left:0;right:0;bottom:0;background-repeat:no-repeat;background-image:url("/js/vuequiz/static/imgs/bg_home.jpg");background-attachment:scroll;background-position:top center;background-size:cover;z-index:10002;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-line-pack:center;align-content:center}.survey .user-data-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;z-index:10003;background-color:rgba(0,0,0,.7) !important}.survey .user-data-container .user-data-content{position:relative;display:block;margin:0 auto;z-index:10004}.survey .user-data-container .user-data-content>div{border:2px solid #73c2b3;background-color:#fff;width:340px;height:400px;margin:0 auto;padding:10%}.survey .user-data-container .user-data-content>div.with-date{height:440px;padding:6% 10%}.survey .user-data-container .close-user{opacity:1;z-index:10004;border:1px solid #73c2b3;position:absolute;top:-11px;right:-11px;background-color:#fff;width:30px;height:30px;border-radius:50%}.survey .form__group{position:relative;padding:15px 0 0;margin-top:10px}.survey .form__field{font-family:inherit;width:100%;border:0;border-bottom:1px solid #73c2b3;outline:0;font-size:1.3rem;color:#555;padding:7px 0;background:rgba(0,0,0,0);-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out}.survey .form__field::-webkit-input-placeholder{color:rgba(0,0,0,0)}.survey .form__field::-moz-placeholder{color:rgba(0,0,0,0)}.survey .form__field:-ms-input-placeholder{color:rgba(0,0,0,0)}.survey .form__field::-ms-input-placeholder{color:rgba(0,0,0,0)}.survey .form__field::placeholder{color:rgba(0,0,0,0)}.survey .form__field:-moz-placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px;border-width:1px}.survey .form__field:-ms-input-placeholder~.form__label{font-size:1.3rem;cursor:text;top:20px;border-width:1px}.survey .form__field:placeholder-shown~.form__label{font-size:1.3rem;cursor:text;top:20px;border-width:1px}.survey .form__label{position:absolute;top:0;display:block;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;font-size:1rem;color:#bbb}.survey .form__field.error{-o-border-image:-o-linear-gradient(left, red, #fff) !important;border-image:-webkit-gradient(linear, left top, right top, from(red), to(#fff)) !important;border-image:linear-gradient(to right, red, #fff) !important;border-image-slice:1 !important;border-width:1px !important}.survey .form__field.error~.form__label{color:red !important}.survey .form__field:focus,.survey .form__field.active-input{padding-bottom:6px;font-weight:700;border-width:1px;-o-border-image:-o-linear-gradient(left, #73c2b3, #fff);border-image:-webkit-gradient(linear, left top, right top, from(#73c2b3), to(#fff));border-image:linear-gradient(to right, #73c2b3, #fff);border-image-slice:1}.survey .form__field:focus~.form__label,.survey .form__field.active-input~.form__label{position:absolute;top:0;display:block;-webkit-transition:all .8s ease-in-out;-o-transition:all .8s ease-in-out;transition:all .8s ease-in-out;font-size:1rem;color:#73c2b3;font-weight:700}.survey .form__field:required,.survey .form__field:invalid{-webkit-box-shadow:none;box-shadow:none}.survey .form__field:invalid{border-color:red}.survey .enter{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.btn-full-vertical{height:100%}.btn-u{border:0;color:#fff;font-size:14px;cursor:pointer;font-weight:400;padding:6px 13px;position:relative;background:#73c2b3;white-space:nowrap;display:inline-block;text-decoration:none}.btn-u:hover{color:#73c2b3;text-decoration:none;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;background:#fff}.btn-u:focus{background:#fff}.btn-u:active{background:#fff}.btn-u.btn-brd{color:#555;background:none;padding:5px 13px;border:solid 1px rgba(0,0,0,0);-webkit-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;border-color:#73c2b3}.btn-u.btn-brd:hover{background:none;color:#73c2b3;border-color:#73c2b3}.btn-u.btn-brd:focus{background:none}.btn-u.btn-brd-white{color:#fff;border-color:#fff}.btn-u.btn-brd-white:hover{color:#fff;border-color:#fff}.btn-u.btn-brd-white.active{color:#73c2b3;border-color:#73c2b3}.btn-u.btn-brd-maxy{text-transform:uppercase;font-size:4em;line-height:2.9em;padding:.4em 2em;border-width:2px;font-weight:bold}.btn-roud{text-decoration:none;display:inline-block;outline:none;cursor:pointer;border-style:none;border-radius:100%;overflow:none;text-align:center;padding:4% !important}.btn-roud:before{content:"";display:inline-block;vertical-align:middle;padding-top:100%}@media(max-width: 767px){.hidden-xs{display:none !important}}h1,h2,h3,h4,h5,h6,.h1,.h2,.h3,.h4,.h5,.h6{margin-top:5px;text-shadow:none;line-height:1.1;color:#687074;font-weight:700;text-transform:uppercase}h1,.h1{font-size:28px;line-height:35px}