@font-face {
    font-family: "FortuneC";
    src: url("../font/FortuneC.eot");
    src: local("☺"),
    url("../font/FortuneC.woff") format("woff"),
    url("../font/FortuneC.ttf") format("truetype"),
    url("../font/FortuneC.svg") format("svg");
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: "FortuneC";
    src: url("../font/FortuneC-Bold.eot");
    src: local("☺"),
    url("../font/FortuneC-Bold.woff") format("woff"),
    url("../font/FortuneC-Bold.ttf") format("truetype"),
    url("../font/FortuneC-Bold.svg") format("svg");
    font-weight: bold;
    font-style: normal;
}


html, body {margin: 0;padding: 0;height: 100%;min-height: 100%;min-width: 1000px;}

body {max-width: 1920px;margin: 0 auto;font-family: "FortuneC", Arial, sans-serif;font-size: 20px;color: #ffffff;background-color: #ffffff;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
input, select, button, textarea {font-family: inherit;font-size: inherit;}
* {outline: 0;}

a {color: #dd002b;text-decoration: underline;}
a:hover {text-decoration: none;}


.global-width {width: 860px;margin: 0 auto;}

.page-header {position: absolute;top: 0;left: 0;right: 0;z-index: 10;}
.page-header:after {display: block;content: '';clear: both;}
.page-header .user {float: left;margin: 15px 0;padding: 0;list-style-type: none;}
.page-header .user > li {float: left;font-size: 14px;color: #ffffff;line-height: 29px; display: none}
.page-header .user > #main_page_link {display: block}
.page-header .user > li i {margin: 0 10px;}
.page-header .user > li a {color: #ffffff;}
.page-header .logos {position: relative;float: right;margin: 0 -30px 0 0;padding: 0;list-style-type: none;}
.page-header .logos > li {width: 100px;height: 100px;float: left;}
.page-header .logos > .khl {background: url(../new_img/logo_khl.svg) no-repeat 50% 50%;background-image: url(../new_img/logo_khl_effect.png), url(../new_img/logo_khl.svg);background-image: url(../new_img/logo_khl.png)\0/;}
.page-header .logos > .pepsi {background: url(../new_img/logo_pepsi.svg) no-repeat 50% 50%;background-image: url(../new_img/logo_pepsi.png)\0/;}
.page-header .logos > .pepsi a {display:block; height: inherit; width: inherit}
.page-header .logos > .promo {width: auto;height: auto;margin: 15px;font-size: 14px;color: #ffffff;text-align: right;white-space: nowrap;}
.page-header .logos > .promo a {color: #ffffff;}
.page-header .social {float: left;clear: both;margin: -50px -10px 5px;padding: 0;font-size: 0;white-space: nowrap;list-style-type: none;}
.page-header .social > li {display: inline-block;padding: 10px;}
.page-header .social > li a {display: block;text-decoration: none;}
.page-header .social > li .logo {position: relative;z-index: 1;display: inline-block;vertical-align: middle;width: 30px;height: 30px;border-radius: 50%;}
.page-header .social > li .vk .logo {background: #ffffff url(../new_img/icon/vk.svg) no-repeat 50% 50%;background-size: 100% auto;background-image: url(../new_img/icon/vk.png)\0/;}
.page-header .social > li .fb .logo {background: #ffffff url(../new_img/icon/fb.svg) no-repeat 50% 50%;background-size: 100% auto;background-image: url(../new_img/icon/fb.png)\0/;}
.page-header .social > li .od .logo {background: #ffffff url(../new_img/icon/od.svg) no-repeat 50% 50%;background-size: 100% auto;background-image: url(../new_img/icon/od.png)\0/;}
.page-header .social > li .tw .logo {background: #ffffff url(../new_img/icon/tw.svg) no-repeat 50% 50%;background-size: 100% auto;background-image: url(../new_img/icon/tw.png)\0/;}




.page_main {position: relative;background: #0073c0 url(../new_img/bg.jpg) repeat 50% 0;overflow: hidden;}
.page_main .top_bg {z-index: 0;position: relative;top: 0;left: 0;right: 0;overflow: hidden;margin-bottom: -400px;}
.page_main .top_bg .bg {position: absolute;top: 0;left: 0;right: 0;height: 1500px;background: url(../new_img/bg/main_1280_1.jpg?1) no-repeat 50% 0;}
.page_main .top_bg .welcome {position: relative;padding: 110px 0 50px;height: 800px;}
.page_main .top_bg .welcome .note {margin: 20px 0;font-size: 18px;text-transform: uppercase;}
.page_main .top_bg .welcome .title {margin: 20px 0;font-size: 66px;font-weight: bold;text-transform: uppercase;line-height: 1;}
.page_main .top_bg .welcome .button {display: inline-block;vertical-align: middle;width: 170px;padding-top: 2px;font-size: 18px;color: #ffffff;text-decoration: none;text-transform: uppercase;text-align: center;line-height: 54px;border: 2px solid #ffffff;background: #dd002b url(../new_img/button_red.png) no-repeat 50% 50%;}
.page_main .top_bg .welcome .disabled {background-image: url(../new_img/button_grey.png);}

@media (max-width: 1600px) {
	.page_main .top_bg .bg {background: url(../new_img/bg/main_1280_1.jpg?1) no-repeat 50% 0;}
	.page_main .top_bg .welcome .button {margin-top: 10px;}
}
@media (min-width: 1601px) {
	.global-width {width: 920px;}
	.page-header .social {margin-top: 5px;}

	.page_main .top_bg .bg {background: url(../new_img/bg/main_1920.jpg?1) no-repeat 50% 0;}
	.page_main .top_bg .welcome {padding-top: 150px;height: 1000px;}
	.page_main .top_bg .welcome .note {font-size: 24px;}
	.page_main .top_bg .welcome .title {font-size: 96px;}
	.page_main .top_bg .welcome .button {width: 210px;font-size: 24px;line-height: 62px;}

}





.page_main .info {position: relative;}
.page_main .info .title {margin-top: 50px;font-size: 48px;font-weight: bold;color: #ffffff;text-transform: uppercase;}
.page_main .info .steps {margin: 40px 0;padding: 0;list-style-type: none;font-size: 0;white-space: nowrap;}
.page_main .info .steps > li {display: inline-block;vertical-align: middle;font-size: 18px;}
.page_main .info .steps > li span {display: block;width: 26px;height: 26px;margin: 0 10px;background: url(../new_img/arrow_right.png) no-repeat 0 0;}
.page_main .info .prizes {margin: 40px -100px;padding: 0;list-style-type: none;font-size: 0;text-align: center;}
.page_main .info .prizes > li {display: inline-block;vertical-align: top;width: 200px;}
.page_main .info .prizes > li div {position: relative;display: block;width: 164px;height: 164px;margin: 0 auto;border: 10px solid #89d1ff;border-radius: 50%;background-color: #89d1ff;}
.page_main .info .prizes > li div img {position: absolute;top: -10px;left: -10px;display: block;}
.page_main .info .prizes > li p {width: 120px;margin: 10px auto;padding: 0;font-size: 12px;color: #ffffff;text-align: left;}
.page_main .info .rulez {font-size: 18px;color: #ffffff;text-transform: uppercase;}

.page_main .step {position: relative;margin-top: 50px;padding: 50px 0;background-color: #003571;background-color: rgba(0, 53, 113, 0.5);}
.page_main .step .title {font-size: 48px;font-weight: bold;color: #ffffff;text-transform: uppercase;}
.page_main .step > ul {padding: 0;list-style-type: none;}
.page_main .step > ul > li {color: #59d2ff;font-size: 0;white-space: nowrap;text-align: center;}
.page_main .step > ul > li:after {display: inline-block;vertical-align: middle;height: 160px;content: '';}
.page_main .step > ul > li > div {display: inline-block;vertical-align: middle;text-align: left;}
.page_main .step > ul > li > .step-title {width: 170px;font-size: 36px;color: inherit;text-transform: uppercase;text-align: left;}
.page_main .step > ul > li > .step-status {width: 210px;}
.page_main .step > ul > li > .step-status > * {display: block;font-size: 24px;color: inherit;text-decoration: none;text-transform: uppercase;text-align: center;line-height: 65px;border: 2px solid;}
.page_main .step > ul > li > .step-note {width: 550px;padding-left: 50px;font-size: 18px;}
.page_main .step > ul > li > .step-note b {font-size: 24px;font-weight: normal;text-transform: uppercase;}
.page_main .step > ul > li > .step-note ul {margin: 10px 0 0;padding: 0;list-style-type: none;}
.page_main .step > ul > li.start,
.page_main .step > ul > li.end {color: #ffffff;}
.page_main .step > ul > li.start > .step-status > * {color: #ffffff;background: #dd002b url(../new_img/button_red.png) no-repeat 50% 50%;}


.footer {position: relative;width: 650px;margin: 0 auto;padding: 100px 0 350px;font-size: 36px;font-weight: bold;color: #005f9e;text-transform: uppercase;text-align: left;line-height: 1;background: url(../new_img/footer_cover.png) no-repeat 50% 200px;}
.footer .img {position: absolute;left: 50%;width: 360px;top: -100px;margin-left: -665px;}
.footer a {color: #005f9e; display: block; height: 400px; text-decoration: none; width: 500px;}

@media (max-width: 1600px) {
	.footer .img {top: -100px;margin-left: -675px;width: 300px;}
}
@media (min-width: 1601px) {
	.footer .img {top: -350px;margin-left: -815px;}
}






.page_stages {position: relative;background: #0073c0 url(../new_img/bg.jpg) fixed repeat 50% 0;overflow: hidden;}
.page_stages .top_bg {z-index: 0;position: fixed;top: 0;left: 0;right: 0;height: 1200px;background: url(../new_img/bg/contest_1280.jpg?1) no-repeat 50% 0;}

@media (max-width: 1600px) {
	.page_stages .top_bg {background: url(../new_img/bg/contest_1280.jpg?1) no-repeat 50% 0;}
}
@media (min-width: 1601px) {
	.page_stages .top_bg {background: url(../new_img/bg/contest_1920.jpg?1) no-repeat 50% 0;}
}


.page_stages .stages {position: relative;z-index: 5;padding: 170px;}
.page_stages .stages .title {font-size: 80px;color: #ffffff;text-transform: uppercase;}
.page_stages .stages .title a {margin-left: 60px;font-size: 30px;color: #ffffff;text-decoration: none;border-bottom: 2px dashed;}
.page_stages .stages .title a:hover {border-bottom: 2px dashed transparent;}
.page_stages .stages .statistic {margin: -15px 0 15px;padding: 0;list-style-type: none;overflow: hidden; visibility: hidden}
.page_stages .stages .statistic > li {float: left;font-size: 14px;font-weight: bold;color: #ffffff;line-height: 29px;}
.page_stages .stages .statistic > li i {margin: 0 10px;}
.page_stages .stages .statistic > li a {color: #ffffff;}
.page_stages .stages .color {margin: 0;padding: 0;list-style-type: none;overflow: hidden;}
.page_stages .stages .color > li {float: left;width: 16px;height: 16px;margin-right: 10px;border-radius: 50%;}
.page_stages .stages .color > li.c1 {background-color: #f04c36;}
.page_stages .stages .color > li.c2 {background-color: #ffffff;}
.page_stages .stages .color > li.c3 {background-color: #00aeef;}
.page_stages .stages .date {position: absolute;padding: 95px 0 0 50px;font-size: 14px;color: #ffffff;}
.page_stages .stages .date div {font-size: 30px;}
.page_stages .stages .answer {display: block;width: 200px;margin-left: 50px;color: #ffffff;text-decoration: none;text-transform: uppercase;text-align: center;line-height: 65px;border: 2px solid #ffffff;background: #dd002b url(../new_img/button_red.png) no-repeat 50% 50%;cursor: pointer;}
.page_stages .stages .answer.disabled {background: #b5b5b5 url(../new_img/button_grey.png) no-repeat 50% 50%;cursor: default;}
.page_stages .stages form {width: 720px;}
.page_stages .stages fieldset.forecast {background-color: #003570;background-color: rgba(0, 53, 112, 0.5);color: #ffffff;padding: 30px 80px 15px;border: 10px solid #ffffff;}
.page_stages .stages fieldset.forecast .name {color: #ffffff;}
.page_stages .stages fieldset.drops1 {background: #ffffff url(../new_img/drops/01.png) no-repeat 100% 100%;}
.page_stages .stages fieldset.drops2 {background: #ffffff url(../new_img/drops/02.png) no-repeat 100% 100%;}
.page_stages .stages fieldset.drops3 {background: #ffffff url(../new_img/drops/03.png) no-repeat 100% 100%;}
.page_stages .stages fieldset.drops4 {background: #ffffff url(../new_img/drops/04.png) no-repeat 100% 100%;}
.page_stages .stages fieldset {position: relative;margin: 240px 50px 50px;padding: 40px 90px 25px;font-size: 20px;color: #717073;border: 0;background-color: #ffffff;}
.page_stages .stages fieldset .points {position: absolute;bottom: 100%;left: 0;right: 0;width: 116px;height: 116px;margin: 0 auto 50px;font-size: 0;text-align: center;border: 10px solid #58cbf5;border-radius: 50%;}
.page_stages .stages fieldset .points:after {display: inline-block;vertical-align: middle;content: '';height: 126px;}
.page_stages .stages fieldset .points span {display: inline-block;vertical-align: middle;font-size: 18px;color: #ffffff;}
.page_stages .stages fieldset .points span b {display: block;font-size: 30px;line-height: 0.6;}
.page_stages .stages fieldset .points div {position: absolute;top: 100%;left: 0;right: 0;width: 4px;height: 70px;margin: 0 auto;background-color: #58cbf5;}
.page_stages .stages fieldset .points div i {position: absolute;bottom: -16px;left: -8px;display: block;width: 12px;height: 12px;border: 4px solid #58cbf5;border-radius: 50%;}
.page_stages .stages fieldset .name {position: relative;margin-bottom: 30px;font-size: 30px;color: #003b80;line-height: 1;}
.page_stages .stages fieldset .name .num {position: absolute;right: 100%;width: 50px;}
.page_stages .stages fieldset label {position: relative;display: block;margin: 15px 35px;}
.page_stages .stages fieldset label > var {position: absolute;right: 100%;width: 25px;height: 25px;margin-right: 10px;}
.page_stages .stages fieldset label > var input {position: absolute;visibility: hidden;}
.page_stages .stages fieldset label > var > var {display: block;width: 25px;height: 25px;background: url(../new_img/history_checkbox.png) no-repeat 0 0;cursor: pointer;}
.page_stages .stages fieldset label > var input:checked ~ var {background-position: 100% 0;}
.page_stages .stages fieldset label > var input:disabled ~ var {background-image: url(../new_img/history_checkbox_disabled.png);cursor: default;}
.page_stages .stages fieldset.forecast label > var > var {margin-left: -2px;width: 27px;background-image: url(../new_img/forecast_checkbox.png) !important;}
.page_stages .stages fieldset.forecast label > var input:disabled ~ var {background-image: url(../new_img/forecast_checkbox_disabled.png) !important;cursor: default;}
.page_stages .stages fieldset label.true > var input:disabled ~ var {background-image: url(../new_img/history_checkbox_true.png);}
.page_stages .stages fieldset label.true {color: #00ad2d !important;}

@media (max-width: 1600px) {
	.page_stages .stages .date {padding-left: 0;}
	.page_stages .stages form {margin-left: -50px;}
}
@media (min-width: 1601px) {
}


.popup-prizes {width: 750px;padding: 25px;border: 25px solid #ffffff;background: #0074c1 url(../new_img/bg/popup_bg.jpg) no-repeat 100% 100%;}
.popup-prizes .title {margin-bottom: 30px;font-size: 30px;color: #ffffff;text-transform: uppercase;}
.popup-prizes ul {margin: 0;padding: 0;list-style-type: none;font-size: 0;text-align: left;}
.popup-prizes ul > li {display: inline-block;vertical-align: top;width: 200px;}
.popup-prizes ul > li div {position: relative;display: block;width: 164px;height: 164px;margin: 0 auto;border: 10px solid #89d1ff;border-radius: 50%;background-color: #89d1ff;}
.popup-prizes ul > li div img {position: absolute;bottom: -10px;left: -10px;display: block;}
.popup-prizes ul > li p {width: 120px;margin: 10px auto;padding: 0;font-size: 18px;color: #ffffff;text-align: center;}

.popup-form-success {width: 750px;padding: 25px;border: 25px solid #ffffff;background: #0074c1 url(../new_img/bg/popup_bg2.jpg) no-repeat 100% 100%;}
.popup-form-success .color {margin: 10px 0;padding: 0;list-style-type: none;overflow: hidden;}
.popup-form-success .color > li {float: left;width: 16px;height: 16px;margin-right: 10px;border-radius: 50%;}
.popup-form-success .color > li.c1 {background-color: #f04c36;}
.popup-form-success .color > li.c2 {background-color: #ffffff;}
.popup-form-success .color > li.c3 {background-color: #00aeef;}
.popup-form-success .text1 {padding-top: 15px;font-size: 30px;}
.popup-form-success .text2 {font-size: 48px;font-weight: bold;padding-right: 100px;}
.popup-form-success .text3 {margin: 20px 40px;font-size: 18px;}
.popup-form-success a {color: #ffffff;}



.common-counter-images { position: relative; text-align: center; margin-bottom: 20px}


#auth {display: block;}
#auth_user {display: none;}




#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9990; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:#000; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0; font-size: 14px;}
#cboxContent{}
.cboxIframe{background:#fff;}
#cboxError{padding:50px; border:1px solid #ccc;}
#cboxLoadedContent{margin: 15px;background:#fff;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxLoadingGraphic{background:url(../new_img/colorbox/loading.gif) no-repeat center center;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../new_img/colorbox/controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../new_img/colorbox/controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
#cboxNext:hover{background-position:bottom right;}
#cboxClose{position:absolute; top:0; right:0; display:block; background:url(../new_img/colorbox/close.png) no-repeat top center; width:30px; height:30px; text-indent:-9999px;}