html > body { background-color: #036 !important; }

.spacer-1x, .spacer-single { height: 1em; }
.spacer-2x, .spacer-double { height: 2em; }

 .row.limited { max-width: 62.5em; }
.contest { background: transparent; background-position: center top; background-size: cover; background-attachment: fixed; }
.no-touch .contest.index { background-image: none !important;  }
.touch .contest { background-position: center top; background-size: cover; background-attachment: fixed; }
.contest .frozen-bg { background-color: rgba(255,255,255,0.85);}
.contest .stars-bg { background: transparent; /* background-image: url(/templates/contests/img/stars_bg.jpg); background-position: center top; background-size: cover; background-attachment: fixed; */ }
.touch .contest .stars-bg { background-size: cover; background-attachment: scroll; }

.contest h1, .contest h2, .contest h3, .contest h4, .contest h5 {  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; letter-spacing: normal; }

.contest-header {  }
.contest-header h4 { display: inline-block; padding: 0.5em 0.75em; background-color:  rgba(0,0,0,0.3); text-align: center; }
.no-touch .contest-header .circle {  background-color:  rgba(0,0,0,0.3); height: 9.5em; margin: 1.5em 1.5em 0; padding: 2.5em 0; }
.contest-header h1 { font-size: 3.35em; }
.touch .contest-header h1 { font-size: 2em; }

.contest h2 { font-size: 2em; line-height: 1.25em; letter-spacing: -0.015em; }

.contest .main-prize { background-position: center top; background-repeat: no-repeat; background-size: cover; }

.contest .nokia { min-height: 440px; }
.touch .contest .nokia { background-position: center 2em; min-height: 340px; }
.contest .nokia .remark { font-size: 0.75em; position: absolute; bottom: 1em; color: #ccc; }
.contest .nokia-text { color: #676767; }
.contest .nokia .link { display: block; min-height: 467px; text-decoration: none; width: 60%; }
.touch .contest .nokia h2 { }


.contest ol li { margin-bottom: 0.75em; color: #676767; }
.contest .sponsor { display: block; padding: 2em; border: #ddd 1px solid;  }
.contest .scroll { width: 100%; height: 550px; overflow: auto; padding: 1em; border: #ddd 1px solid; }

.contest-menu { padding: 0.5em;  font-size: 1.15em; background-color: rgba(0,103,181,0.7); }
.contest-menu li { display: inline; }
.contest-menu li.share { background-color: #fff; display: inline-block; padding: 0.25em 0.5em 0.75em 0.5em; }
.contest-menu li a { display: inline-block; padding: 0.5em 0.75em; color: rgba(255,255,255,0.85); text-decoration: none; }
.contest-menu li a:hover { color: #fff; background-color: rgba(0,0,0,0.1); }
.contest-menu li.active a { background-color: #fff; color: #222; }

.contest .grey { color: #ccc; }
.contest .yellow { color: #FE3; }

/* Выключение кнопок участвовать */
.contest .for-active-contest { display: none; }
.contest .for-inactive-contest { display: block; }
		
/* Включение кнопок участвовать */		
.contest.contest-active .for-active-contest { display: block; }
.contest.contest-active .for-inactive-contest { display: none; }

.gift-card-text { background-color: white; border: #dddddd 1px solid; padding: 1rem; }
.gift-card-text img { width: 70%; }

.contest.index .gift-card h6 { color: #eee !important; }

.toolbar-menu { margin-bottom: 0; font-size: 1em; /*margin-top: 0.5em;*/ white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; position: relative; }
.toolbar-menu > li { display: inline-block; float: none; }
.toolbar-menu > li > a { text-decoration: none !important; padding: 0.7em 0.5em; white-space: nowrap; }
.toolbar-menu > li > a > span { vertical-align: inherit; }
.toolbar-menu li:after { content: ""; display: block; height: 0.25em; background-color: #88c535; width: 0%; margin: 0.25em auto 0 auto; transition: width 300ms ease; -webkit-transition: width 300ms ease; } 
.toolbar-menu a:hover { background-color: none !important; }
.toolbar-menu .active:after, .toolbar-menu li:not(.menu-text):hover:after { width: 100%; }
.toolbar-menu .active a { font-weight: 700; color: #222; }
.toolbar-menu .badge { min-width: 1.7em; position: relative; top: -0.75em; vertical-align: inherit; }
.toolbar-menu i { line-height: 0; }
.toolbar-menu svg { width: 100px; height: 100px; margin: 20px; display: inline-block; }
.toolbar-menu input[type="search"] { border: none; box-shadow: none; margin: 0; padding-left:  1.5em; border-bottom: 2px solid #eeeeee; transition: border-bottom-color 300ms ease; -webkit-transition: border-bottom-color 300ms ease;  }
.toolbar-menu input[type="search"]:focus { border-bottom: #40c4ff 2px solid; }
.toolbar-menu.compact > li > a { padding: 0.5em 0.5em 0.25em 0.5em; }

span.required { color: red; }

/* KIDS */
.contest.kids h1, .contest.kids h2, .contest.kids h3, .contest.kids h4, .contest.kids h5 { font-family: 'Arial Rounded MT Pro Cyr', Arial, sans-serif !important; font-weight: 700; }
.contest.kids h1 { font-size: 2.5rem; color: #88c535; }
.contest.kids .stars-bg { position: relative; background-color: #3CD3FF; background-image: linear-gradient(to bottom, #3CD3FF 10%, #ffffff 80%); /* background-image: url(/templates/contests/img/stars_bg.jpg); background-position: center top; background-size: cover; background-attachment: fixed; */ }
.contest.kids .stars-bg:not(.index) { background-image: linear-gradient(to bottom, #3CD3FF 10%, #3CD3FF 80%); }
.contest.kids .stars-bg .left-side { position: absolute; width: 50%; left: -2rem; top: -1rem; height: 100%; background-image: url(../img/kids/left.png); background-repeat: no-repeat; background-size: contain; }
.contest.kids .stars-bg .right-side { position: absolute; width: 50%; right: -2rem; top: -1rem; height: 100%; background-image: url(../img/kids/right.png); background-repeat: no-repeat; background-size: contain; background-position: right top; }

.contest.kids .contest-data h5 { text-align: center; font-size: 0.875rem; background-repeat: no-repeat; background-position: center center; background-size: contain; height: 10rem; padding: 4rem 1rem 0 1rem; }
.contest.kids .contest-data h5 strong { display: block; font-size: 1.25rem; }
.contest.kids .contest-data .cloud-1 { background-image: url(../img/kids/cloud_1.png); }
.contest.kids .contest-data .cloud-2 { background-image: url(../img/kids/cloud_2.png); }
.contest.kids .contest-data .cloud-3 { background-image: url(../img/kids/cloud_3.png); }
.contest.kids .contest-data .cloud-4 { background-image: url(../img/kids/cloud_4.png); }

.contest.kids .frozen-bg {  background: transparent; background-image: url(../img/kids/clouds_repeat.png); background-repeat: repeat-x; background-size: contain; }
.contest.kids .main-prize { background-color: #DEF8FF; background-size: contain; background-position: center; background-repeat: no-repeat; }
.contest.kids .main-prize h2 { font-size: 1.5rem; font-weight: normal; }
.contest.kids .main-prize h5 strong { font-weight: normal; }
.contest.kids .main-prize > .row { background-image: url(../img/kids/stickers.png); background-repeat: no-repeat; background-size: contain; background-position: center; }
.contest.kids .main-prize .gift-card-text { box-shadow: 0px 3px 10px rgba(0,0,0,0.1); }
.contest.kids .main-prize .gift-card-text img { width: 85%; }

.contest.kids .example-orbit-content img { width: 100%; }
.contest.kids #vote-image-modal { padding: 0; max-width: 700px; }
.contest.kids .vote-for-image { font-size: 1.5em; cursor: pointer; }
.contest.kids .vote-for-image:hover, .contest.kids .vote-for-image:active { color: red; }
.contest.kids .vote-for-image.voted { color: red; cursor: default; }
.contest.kids .vote-image { width: 100%; }

.contest.kids .panel { background-color: #def8ff; }
.contest.kids .inline-list > li { float: none; display: inline-block; }
.contest.kids .inline-list > li a { font-family: 'Arial Rounded MT Pro Cyr', Arial, sans-serif !important; }

@media screen and (max-width:640px) {
    .contest.kids h1 { font-size: 1.5rem; }
    .contest.kids .stars-bg .left-side { width: 100%; top: auto; bottom: -10rem; }
    .contest.kids .contest-data h5 { font-size: 0.875rem; padding-top: 3rem; }
    .contest.kids .contest-data h5 strong { font-size: 1rem; }
    
    .sort-menu { width: 100%; overflow-x: scroll; -webkit-overflow-scrolling: touch;  }
    .sort-menu > ul { width: 45rem; }
}


/* Parallax */
.parallax { position: relative; overflow: hidden; }
.parallax-layer { }