@-webkit-keyframes zoomInOut{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.05);-webkit-transform:scale(1.05)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-moz-keyframes zoomInOut{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.05);-webkit-transform:scale(1.05)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-ms-keyframes zoomInOut{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.05);-webkit-transform:scale(1.05)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-o-keyframes zoomInOut{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.05);-webkit-transform:scale(1.05)}100%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes zoomInOut{0%{transform:scale(1);-webkit-transform:scale(1)}50%{transform:scale(1.05);-webkit-transform:scale(1.05)}100%{transform:scale(1);-webkit-transform:scale(1)}}@-webkit-keyframes infiniteSpinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-moz-keyframes infiniteSpinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-ms-keyframes infiniteSpinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-o-keyframes infiniteSpinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes infiniteSpinning{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@-webkit-keyframes spinRight{100%{transform:rotate(360deg)}}@-moz-keyframes spinRight{100%{transform:rotate(360deg)}}@-ms-keyframes spinRight{100%{transform:rotate(360deg)}}@-o-keyframes spinRight{100%{transform:rotate(360deg)}}@keyframes spinRight{100%{transform:rotate(360deg)}}@-webkit-keyframes orbit{0%{transform:rotate(0deg) translateX(5px) translateY(120px) rotate(0deg) scale(1)}25%{transform:rotate(90deg) translateX(5px) translateY(120px) rotate(-90deg) scale(0.75)}50%{transform:rotate(180deg) translateX(5px) translateY(120px) rotate(-180deg) scale(0.6)}75%{transform:rotate(270deg) translateX(5px) translateY(120px) rotate(-270deg) scale(0.75)}100%{transform:rotate(360deg) translateX(5px) translateY(120px) rotate(-360deg) scale(1)}}@-moz-keyframes orbit{0%{transform:rotate(0deg) translateX(5px) translateY(120px) rotate(0deg) scale(1)}25%{transform:rotate(90deg) translateX(5px) translateY(120px) rotate(-90deg) scale(0.75)}50%{transform:rotate(180deg) translateX(5px) translateY(120px) rotate(-180deg) scale(0.6)}75%{transform:rotate(270deg) translateX(5px) translateY(120px) rotate(-270deg) scale(0.75)}100%{transform:rotate(360deg) translateX(5px) translateY(120px) rotate(-360deg) scale(1)}}@-ms-keyframes orbit{0%{transform:rotate(0deg) translateX(5px) translateY(120px) rotate(0deg) scale(1)}25%{transform:rotate(90deg) translateX(5px) translateY(120px) rotate(-90deg) scale(0.75)}50%{transform:rotate(180deg) translateX(5px) translateY(120px) rotate(-180deg) scale(0.6)}75%{transform:rotate(270deg) translateX(5px) translateY(120px) rotate(-270deg) scale(0.75)}100%{transform:rotate(360deg) translateX(5px) translateY(120px) rotate(-360deg) scale(1)}}@-o-keyframes orbit{0%{transform:rotate(0deg) translateX(5px) translateY(120px) rotate(0deg) scale(1)}25%{transform:rotate(90deg) translateX(5px) translateY(120px) rotate(-90deg) scale(0.75)}50%{transform:rotate(180deg) translateX(5px) translateY(120px) rotate(-180deg) scale(0.6)}75%{transform:rotate(270deg) translateX(5px) translateY(120px) rotate(-270deg) scale(0.75)}100%{transform:rotate(360deg) translateX(5px) translateY(120px) rotate(-360deg) scale(1)}}@keyframes orbit{0%{transform:rotate(0deg) translateX(5px) translateY(120px) rotate(0deg) scale(1)}25%{transform:rotate(90deg) translateX(5px) translateY(120px) rotate(-90deg) scale(0.75)}50%{transform:rotate(180deg) translateX(5px) translateY(120px) rotate(-180deg) scale(0.6)}75%{transform:rotate(270deg) translateX(5px) translateY(120px) rotate(-270deg) scale(0.75)}100%{transform:rotate(360deg) translateX(5px) translateY(120px) rotate(-360deg) scale(1)}}@-webkit-keyframes spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@-moz-keyframes spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@-ms-keyframes spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@-o-keyframes spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@keyframes spin{0%{transform:rotateZ(0deg)}100%{transform:rotateZ(360deg)}}@-webkit-keyframes spinInvert{0%{transform:rotateZ(360deg)}100%{transform:rotateZ(0deg)}}@-moz-keyframes spinInvert{0%{transform:rotateZ(360deg)}100%{transform:rotateZ(0deg)}}@-ms-keyframes spinInvert{0%{transform:rotateZ(360deg)}100%{transform:rotateZ(0deg)}}@-o-keyframes spinInvert{0%{transform:rotateZ(360deg)}100%{transform:rotateZ(0deg)}}@keyframes spinInvert{0%{transform:rotateZ(360deg)}100%{transform:rotateZ(0deg)}}@-webkit-keyframes stab{0%{right:348px;bottom:-200px}100%{right:-200px;bottom:400px}}@-moz-keyframes stab{0%{right:348px;bottom:-200px}100%{right:-200px;bottom:400px}}@-ms-keyframes stab{0%{right:348px;bottom:-200px}100%{right:-200px;bottom:400px}}@-o-keyframes stab{0%{right:348px;bottom:-200px}100%{right:-200px;bottom:400px}}@keyframes stab{0%{right:348px;bottom:-200px}100%{right:-200px;bottom:400px}}@-webkit-keyframes pop{100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-moz-keyframes pop{100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-ms-keyframes pop{100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@-o-keyframes pop{100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}@keyframes pop{100%{-webkit-transform:scale(1.2);transform:scale(1.2)}}body{margin:0;font-family:'Roboto', sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@font-face{font-family:VAGRoundedBold;src:url(../fonts/VAG_Rounded_Bold.ttf)}@font-face{font-family:VAGRoundedLight;src:url(../fonts/VAG_Rounded_Light.ttf)}@font-face{font-family:VAGRoundedStdLight;src:url(../fonts/VAG_Rounded_Std_Light.ttf)}.absolute{position:absolute}.m-top-15{margin-top:15px}.border-dashed{border-bottom:1px dashed #857979}@media only screen and (max-width: 550px){.border-dashed{padding-left:10px;padding-right:10px;padding-top:10px;width:80%;display:block;margin:0 auto}}.pagination{clear:both;margin:auto 0;float:right}.pagination-wrapper{clear:both;float:right;width:100%;margin-top:40px;margin-right:50px}@media only screen and (max-width: 550px){.pagination-wrapper{margin-top:5px;margin-bottom:10px;margin-right:15px}}.pagination ol{display:block}.pagination li{list-style:none;float:left;margin:0 2px}.pagination li a{display:block;width:15px;height:15px;font-size:10px;text-align:center;text-decoration:none;background-color:#261f1b;border-radius:15px;line-height:15px;border:1px solid #fff;color:#fff;vertical-align:middle}.pagination li a.active{background-color:#bb2419;border:1px solid #bb2419}.dota__canvas{margin:0 auto;max-width:731px;height:700px;position:relative;overflow:hidden;background-image:url(../images/bg-dota-2.png);background-repeat:no-repeat;background-size:contain}.dota__canvas canvas{position:absolute;left:0;top:0}@media only screen and (max-width: 550px){.dota__canvas{height:auto;background-image:url(../images/bg-dota-wap-3.png);background-size:100% 100%}.dota__canvas--bg-short{background-image:url(../images/bg-dota-wap-3.png)}.dota__canvas--bg-long{background-image:url(../images/bg-dota-step-3.png);background-size:cover;height:100%}}.dota__decoration{position:relative}.dota__decoration .dota-right{bottom:0px;right:0px;z-index:999}@media only screen and (max-width: 550px){.dota__decoration .dota-right{display:none}}.dota__footer{background-color:#fff;display:none;width:100%;position:absolute;bottom:0}@media only screen and (max-width: 550px){.dota__footer{display:block}}.dota__footer .dota-wap{right:0px;bottom:0px}.logo-wrapper{width:100%;height:10%;text-align:center}.kaskus-dota-logo{display:inline-block;padding-top:19px}@media only screen and (max-width: 550px){.kaskus-dota-logo{padding-top:20px;height:90px}}.required-fill{color:#fff;font-size:12px;text-align:left}.required-fill:before{content:'*';color:#bb2419;margin-right:3px}@media only screen and (max-width: 550px){.required-fill{padding-left:23px;padding-top:13px}}.form__content{display:table;position:relative;width:100%;height:90%;z-index:2;text-align:center}.form__container{padding:29px 30px;background-color:transparent;box-shadow:0 11px 18px rgba(0,0,0,0.19),0 2px 6px rgba(0,0,0,0.23);width:580px;margin:25px auto 0;-webkit-border-radius:10px;-khtml-border-radius:10px;-moz-border-radius:10px;-ms-border-radius:10px;-o-border-radius:10px;border-radius:10px}.form__container input[type=submit]{width:100%;text-transform:uppercase;letter-spacing:1px;font-size:16px;padding:8px 70px;border:none;border-radius:4px;font-family:VAGRoundedBold;color:#58595B;margin:8px 0 0;background-color:#BF4C8C;background-image:-webkit-gradient(linear, left top, left bottom, from(#BF4C8C), to(#814D98));background-image:-webkit-linear-gradient(top, #BF4C8C, #814D98);background-image:-moz-linear-gradient(top, #BF4C8C, #814D98);background-image:-ms-linear-gradient(top, #BF4C8C, #814D98);background-image:-o-linear-gradient(top, #BF4C8C, #814D98);background-image:linear-gradient(top, #BF4C8C, #814D98);filter:progid:DXImageTransform.Microsoft.gradient(startColorStr='#BF4C8C', endColorStr='#814D98');outline:none}.form__container input[type=submit]:hover{cursor:pointer}@media only screen and (max-width: 550px){.form__container input[type=submit]{font-size:15px;padding:8px 45px;margin:0}}.form__container button{margin-top:8px;width:100%}.form__container button.goToStep3{width:30%}@media only screen and (max-width: 550px){.form__container button.goToStep3{width:50%;display:block;margin:0 auto;position:relative;left:75px}}.form__container button.goToStep4{width:40%}@media only screen and (max-width: 550px){.form__container button.goToStep4{width:50%;display:block;margin:0 auto;position:relative;left:75px}}@media only screen and (max-width: 550px){.form__container{margin:auto 0;width:300px;padding:0;margin-top:35px}}.form__field{margin:0 0 5px}.form__field label{padding:0 0 5px 0;color:#bb2419;font-size:14px;max-height:0;transition:0.28s;display:block}@media only screen and (max-width: 550px){.form__field label{font-size:11px;padding:0 0 10px 0}}.form__field table{width:100%}@media only screen and (max-width: 550px){.form__field table{width:90%;margin:0 auto}}.form__field table h6{margin:0 auto;display:block;font-size:12px}.form__field table td{padding-left:5px;padding-right:5px}.form__field table td h6{width:70px}@media only screen and (max-width: 550px){.form__field table td{display:block}}.form__field input,.form__field textarea{-webkit-box-sizing:border-box;-khtml-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;resize:none;margin:0;text-align:center;width:100%;padding:6.5px 14px;font-size:12px;letter-spacing:0.5px;line-height:12px;color:#fff;text-decoration:none;-webkit-background-clip:padding-box;background-clip:padding-box;font-family:VAGRoundedLight;background-color:rgba(255,255,255,0.3)}.form__field input.teamName,.form__field textarea.teamName{width:40%}@media only screen and (max-width: 550px){.form__field input.teamName,.form__field textarea.teamName{width:85%}}.form__field input:focus,.form__field textarea:focus{outline-color:#818286;border-bottom:2px solid #bb2419}.form__field input:focus+label,.form__field textarea:focus+label{opacity:0}.form__field input:valid,.form__field textarea:valid{background-color:rgba(255,255,255,0.3)}.form__field input::-webkit-input-placeholder,.form__field textarea::-webkit-input-placeholder{color:#fff;font-family:VAGRoundedStdLight;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-webkit-opacity:.8;-khtml-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;-o-opacity:.8;opacity:.8}.form__field input::-moz-placeholder,.form__field textarea::-moz-placeholder{color:#fff;font-family:VAGRoundedStdLight;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-webkit-opacity:.8;-khtml-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;-o-opacity:.8;opacity:.8}.form__field input:-ms-input-placeholder,.form__field textarea:-ms-input-placeholder{color:#fff;font-family:VAGRoundedStdLight;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-webkit-opacity:.8;-khtml-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;-o-opacity:.8;opacity:.8}.form__field input:-moz-placeholder,.form__field textarea:-moz-placeholder{color:#fff;opacity:1;font-family:VAGRoundedStdLight;filter:alpha(opacity=80);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";-webkit-opacity:.8;-khtml-opacity:.8;-moz-opacity:.8;-ms-opacity:.8;-o-opacity:.8;opacity:.8}.form__field input:focus,.form__field textarea:focus{outline-offset:-2px;outline-width:2px}@media only screen and (max-width: 550px){.form__field input,.form__field textarea{font-size:10px;line-height:10px}}.form__field input:read-only,.form__field textarea:read-only{filter:alpha(opacity=75);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";-webkit-opacity:.75;-khtml-opacity:.75;-moz-opacity:.75;-ms-opacity:.75;-o-opacity:.75;opacity:.75}@media only screen and (max-width: 550px){.form__field{margin:0 0 5px}}.form__field--info input{background-color:rgba(255,255,255,0.3);border:1px solid #342e2b;border-radius:2px}.form__field--info input:focus{outline-color:#818286}.form__field--answer input{background-color:#4A494A;border:1px solid #606060;border:1px solid rgba(96,96,96,0.5)}.form__field--answer input:focus{outline-color:#919191}.form__section{width:450px;margin:0 auto;display:table-cell;vertical-align:top}@media only screen and (max-width: 550px){.form__section{display:block;margin:0 auto}}.form__section .dota-message{-webkit-animation:zoomInOut 1s ease-in-out infinite alternate;-khtml-animation:zoomInOut 1s ease-in-out infinite alternate;-moz-animation:zoomInOut 1s ease-in-out infinite alternate;-ms-animation:zoomInOut 1s ease-in-out infinite alternate;-o-animation:zoomInOut 1s ease-in-out infinite alternate;animation:zoomInOut 1s ease-in-out infinite alternate;width:70%;border:1px solid #fff;margin:0 auto;display:block;margin-top:30px;background-color:rgba(0,0,0,0.5)}.form__section .dota-message p{color:#fff;margin:10px 0 10px 0;font-size:12px;line-height:15px}@media only screen and (max-width: 550px){.form__section .dota-message{width:80%;background-color:rgba(0,0,0,0.5)}.form__section .dota-message p{line-height:5px}}.form__section.step-1{padding-top:80px}@media only screen and (max-width: 550px){.form__section.step-1{padding-top:10px;width:100%;height:500px}.form__section.step-1 img{width:100px;height:100px}}@media only screen and (max-width: 550px){.form__section.step-1 button{margin-top:15px;padding:10px 30px 10px 30px;margin-left:0}}.form__section.step-2{padding-top:30px}@media only screen and (max-width: 550px){.form__section.step-2{padding-top:0px;width:300px;margin-top:-30px}}@media only screen and (max-width: 550px){.form__section.step-2 button{margin-top:15px;padding:10px 30px 10px 30px;margin-left:0}}.form__section.step-3{padding-top:30px}@media only screen and (max-width: 550px){.form__section.step-3{padding-top:0px;width:300px;height:560px}}@media only screen and (max-width: 550px){.form__section.step-3 button{margin-top:15px;padding:10px 30px 10px 30px;margin-left:0}}.form__section.step-4{padding-top:30px;display:block}@media only screen and (max-width: 550px){.form__section.step-4{padding-top:20px;width:100%;height:510px}.form__section.step-4 img{width:100px;height:100px;margin:20px 0 0 0}}@media only screen and (max-width: 550px){.form__section.step-4 button{margin-top:15px;padding:15px 30px;margin-left:0}}.form__section img{margin-bottom:30px;margin-top:55px}@media only screen and (max-width: 550px){.form__section img{width:230px;margin-left:0;-webkit-animation:none !important;-khtml-animation:none !important;-moz-animation:none !important;-ms-animation:none !important;-o-animation:none !important;animation:none !important}}.form__section button{margin:0 auto;letter-spacing:0px;font-size:16px;padding:10px 15px;border:none;border-radius:2px;font-family:VAGRoundedLight;color:#fff;background-color:#bb2419;-webkit-animation:zoomInOut 1s ease-in-out infinite alternate;-khtml-animation:zoomInOut 1s ease-in-out infinite alternate;-moz-animation:zoomInOut 1s ease-in-out infinite alternate;-ms-animation:zoomInOut 1s ease-in-out infinite alternate;-o-animation:zoomInOut 1s ease-in-out infinite alternate;animation:zoomInOut 1s ease-in-out infinite alternate;-webkit-transition:background 0.5s ease-out;-khtml-transition:background 0.5s ease-out;-moz-transition:background 0.5s ease-out;-ms-transition:background 0.5s ease-out;-o-transition:background 0.5s ease-out;transition:background 0.5s ease-out;outline:none;background-size:1px 60px}.form__section button:hover{cursor:pointer;background-position:33px;transition:all 0.8s}@media only screen and (max-width: 550px){.form__section button{font-size:15px;margin-left:0}}.form__section h7{font-family:VAGRoundedLight;color:#fff;letter-spacing:1px;font-size:12px;margin:0 0 10px 0px}.form__section h6{font-family:VAGRoundedLight;color:#fff;letter-spacing:1px;text-align:center;font-size:15px;line-height:20px;margin:10px 0 10px 0}.form__section h6.required:after{content:'*';color:#bb2419}@media only screen and (max-width: 550px){.form__section h6{font-size:19px;margin:20px 0px 5px 4px}}.form__section h5{font-family:VAGRoundedLight;color:#fff;letter-spacing:1px;font-size:17px;line-height:20px;margin:10px 0 10px 0}@media only screen and (max-width: 550px){.form__section h5{font-size:19px;margin:15px 0px 0 4px}}.form__section h4{font-family:VAGRoundedLight;color:#fff;letter-spacing:0;font-size:23px;line-height:20px;margin:20px 0px 0 11px}@media only screen and (max-width: 550px){.form__section h4{font-size:19px;margin:20px 0px 0 4px}}.form__section h3{font-family:VAGRoundedBold;color:#fff;letter-spacing:0;margin:10px 0px 20px 4px;font-size:22px}@media only screen and (max-width: 550px){.form__section h3{font-size:18px;margin:5px 0px 2px 4px}}.form__section h2{font-family:VAGRoundedLight;color:#fff;font-weight:normal;margin:10px 10px;font-size:25px}@media only screen and (max-width: 550px){.form__section h2{font-size:23px}}.form__section h1{font-family:VAGRoundedBold;color:#fff;margin:10px 0 20px 0;font-size:40px}@media only screen and (max-width: 550px){.form__section h1{font-size:25px}.form__section h1.large{font-size:40px}}.form__section .form__container button{margin-left:0;margin-top:10px}.form__section .form__container img{width:150px;margin:0 0 15px}@media only screen and (max-width: 550px){.form__section .form__container img{width:130px}}