/*==============================FONTS==============================*/
@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy-Regular.eot");
  src: url("../fonts/Gilroy-Regular.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Regular.woff") format("woff"), url("../fonts/Gilroy-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy-RegularItalic.eot");
  src: url("../fonts/Gilroy-RegularItalic.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-RegularItalic.woff") format("woff"), url("../fonts/Gilroy-RegularItalic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy-Bold.eot");
  src: url("../fonts/Gilroy-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-Bold.woff") format("woff"), url("../fonts/Gilroy-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: 'Gilroy';
  src: url("../fonts/Gilroy-ExtraBold.eot");
  src: url("../fonts/Gilroy-ExtraBold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gilroy-ExtraBold.woff") format("woff"), url("../fonts/Gilroy-ExtraBold.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
}

@font-face {
  font-family: 'BebasNeueBold';
  src: url("../fonts/BebasNeueBold.eot");
  src: url("../fonts/BebasNeueBold.eot?#iefix") format("embedded-opentype"), url("../fonts/BebasNeueBold.woff") format("woff"), url("../fonts/BebasNeueBold.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'RobotoLight';
  src: url("../fonts/RobotoLight.eot");
  src: url("../fonts/RobotoLight.eot?#iefix") format("embedded-opentype"), url("../fonts/RobotoLight.woff") format("woff"), url("../fonts/RobotoLight.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'oranienbaum';
  src: url("../fonts/oranienbaum.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}

/*==============================PLUGINS==============================*/

/*---------------------arcticmodal------------------------*/
.arcticmodal-overlay,
.arcticmodal-container {
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
}

.arcticmodal-container {
  overflow: auto;
  margin: 0;
  padding: 0;
  border: 0;
  border-collapse: collapse;
}

*:first-child + html .arcticmodal-container {
  height: 100%;
}

.arcticmodal-container_i {
  height: 100%;
  margin: 0 auto;
}

.arcticmodal-container_i2 {
  padding: 24px;
  margin: 0;
  border: 0;
  vertical-align: middle;
}

.arcticmodal-error {
  padding: 20px;
  border-radius: 10px;
  background: #000;
  color: #fff;
}

.arcticmodal-loading {
  width: 80px;
  height: 80px;
  border-radius: 10px;
}

/*---------------------jspPane----------------------*/
.jspContainer {
  overflow: hidden;
  position: relative;
}

.jspPane {
  position: absolute;
}

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 3px;
  height: 100%;
}

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
}

.jspCap {
  display: none;
}

.jspHorizontalBar .jspCap {
  float: left;
}

.jspTrack {
  position: relative;
}

.jspTrack:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  width: 1px;
  background: rgba(255, 255, 255, 0.2);
  height: 100%;
}

.jspDrag {
  position: relative;
  left: 0;
  cursor: pointer;
  z-index: 1;
  background: #fff;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%;
}

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0;
}

.jspArrow.jspDisabled {
  cursor: default;
  background: #e8e8e8;
}

.jspVerticalBar .jspArrow {
  height: 6px;
}

.jspHorizontalBar .jspArrow {
  width: 3px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus {
  outline: none;
}

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%;
}

.jspVerticalBar {
  left: 20px;
}
/*==============================GENERAL==============================*/
*,
:before,
:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.clr:after {
  content: '';
  display: block;
  clear: both;
}

html, body {
  position: relative;
  min-width: 320px;
  height: 100%;
}

body {
  font-family: 'Gilroy';
  line-height: 1;
  font-size: 14px;
  background: #fff;
  color: #fff;
}

.wrapper {
  position: relative;
  width: 100%;
  overflow: visible;
  z-index: 5;
}

.center-wrapper {
  position: relative;
  margin: 0 auto;
  padding: 0 15px;
  max-width: 1170px;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 25px;
  letter-spacing: 0.025em;
  color: #fff;
}

h1 {
  font-family: 'BebasNeueBold';
  font-size: 48px;
  line-height: 60px;
}

h2 {
  font-family: 'BebasNeueBold';
  font-size: 30px;
}

h3 {
  font-family: 'BebasNeueBold';
  font-size: 27px;
}

h4 {
  font-size: 20px;
  line-height: 27px;
  font-weight: 700;
}

h5 {
  font-size: 14px;
  line-height: 20px;
  font-weight: 700;
}

p {
  margin-bottom: 35px;
  font-size: 14px;
  line-height: 22px;
  letter-spacing: 0.04em;
  color: #fff;
}

a {
  text-decoration: none;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

blockquote {
  position: relative;
  padding: 30px 0;
  margin: 0;
  margin-bottom: 15px;
}

blockquote:before, blockquote:after {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  width: 270px;
  height: 1px;
  background: #fff;
}

blockquote:before {
  top: 0;
}

blockquote:after {
  bottom: 0;
}

blockquote p {
  margin: 0;
}

img {
  vertical-align: top;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

.table {
  display: table;
  width: 100%;
}

.cell {
  display: table-cell;
  vertical-align: top;
}

.cell_full {
  width: 100%;
}

.ibg {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.ibg img {
  display: none;
}

.img-container img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.custom-object-fit {
  background-size: cover;
  background-position: 50% 50%;
}

.custom-object-fit img {
  opacity: 0;
}

.social-btn {
  display: inline-block;
  vertical-align: top;
  width: 37px;
  height: 37px;
  background-color: #131721;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.social-btn:hover {
  background-color: #1b212f;
}

.vk {
  background-image: url(../images/icon-social-vk-white.svg);
  background-size: 16px 10px;
}

.fb {
  background-image: url(../images/icon-social-fb-white.svg);
  background-size: 10px 16px;
}

.inst {
  background-image: url(../images/icon-social-inst-white.svg);
  background-size: 17px 17px;
}

.ytube {
  background-image: url(../images/icon-social-ytube-white.svg);
  background-size: 17px 13px;
}


/*--------------form-styles-------------------*/

.select {
  position: relative;
  cursor: pointer;
}

.select-title {
  position: relative;
  width: 100%;
  height: 37px;
  padding: 0 30px 0 20px;
  background: #131721;
  white-space: nowrap;
  z-index: 1;
  -webkit-transition: background 0.2s ease;
  -moz-transition: background 0.2s ease;
  -ms-transition: background 0.2s ease;
  -o-transition: background 0.2s ease;
  transition: background 0.2s ease;
}

.select-title:hover {
  background: #1b212f;
}

.select-title:hover .select-title__arrow {
  background-image: url(../images/icon-down-arrow-active.png);
}

.select-title__arrow {
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 11px;
  height: 6px;
  background-image: url(../images/icon-down-arrow.png);
  -webkit-transition: transform 0.2s ease;
  -moz-transition: transform 0.2s ease;
  -ms-transition: transform 0.2s ease;
  -o-transition: transform 0.2s ease;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}

.select-title__value {
  color: #fff;
  line-height: 36px;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  letter-spacing: 0.12em;
  font-weight: 700;
  text-transform: uppercase;
}

.select-options {
  display: none;
  position: absolute;
  top: 100%;
  min-width: 100%;
  padding: 15px 0;
  border-top: none;
  overflow: hidden;
  background-color: rgba(14, 17, 26, 0.95);
  z-index: 999;
}

.select-options-inside {
  height: 235px;
}

.select-options__value, .select-options__value2{
  padding: 12px 20px 12px 45px;
  font-size: 13px;
  color: #fff;
  letter-spacing: 0.02em;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.select-options__value:first-child, .select-options__value2:first-child{
  padding-top: 0;
}

.select-options__value:last-child, .select-options__value2:last-child{
  padding-bottom: 0;
}

.select-options__value:hover, .select-options__value.active, .select-options__value2:hover, .select-options__value2.active {
  color: #de58eb;
}

.select.active .select-title {
  border-color: #000;
}

.select.active .select-title__arrow {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

/*==============================INDEX==============================*/
/*---------------------header------------------------*/
.main {
  margin: 0 auto;
  max-width: 1190px;
}

.header {
  margin-bottom: 17px;
  border-bottom: 2px solid rgba(255, 255, 255, 0.1);
}

.header-table > .cell {
  vertical-align: middle;
  padding-right: 15px;
}

.header-table > .cell:last-child {
  padding-right: 0;
}

.header-phone-table {
  width: auto;
}

.header-phone-table .cell {
  vertical-align: middle;
  padding-right: 7px;
  height: 14px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: #fff;
}

.flag {
  display: block;
  width: 16px;
  height: 12px;
}

.flag-ru {
  background-image: url(../images/flag-ru.png);
}

a.header-phone__number {
  display: inline-block;
  vertical-align: top;
  padding-left: 7px;
  text-decoration: none;
  font-size: 13px;
  color: #fff;
  white-space: nowrap;
  line-height: 14px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.header-city-select .select-title {
  background: transparent;
}

.header-city-select .select-title__arrow {
  right: auto;
  left: 0;
}

.header-city-select .select-title__value {
  font-size: 13px;
  text-transform: none;
  letter-spacing: 0.025em;
  font-weight: normal;
}

.header-city-select .select-options {
  width: 220px;
  border: 1px solid #212327;
}

.header-search__switcher {
  width: 71px;
  height: 71px;
  background-color: rgba(19,23,33,.4);
  
  background-image: url(../images/icon-search.svg);
  background-size: 19px 19px;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  cursor: pointer;
}

.header-search__switcher.active {
  background-image: url(../images/icon-search-white.svg);
}

.header-search {
  position: relative;
}

.header-search-form {
  display: none;
  position: absolute;
  top: 0;
  left: 71px;
  width: 420px;
  z-index: 30;
}

.header-search-dropown {
  position: absolute;
  left: 0;
  top: 71px;
  width: 100%;
  background: #131721;
  z-index: 30;
  padding: 20px 0;
}

.header-search-dropown .jspPane {
  width: 100% !important;
}

.header-search__item {
  padding: 17px 40px 17px 20px;
  font-size: 16px;
  cursor: pointer;
}

.header-search__item:hover {
  background: #252d40;
}

.header-search-dropown-scroll {
  height: 260px;
}

.header-search-dropown-scroll .jspVerticalBar {
  left: auto;
  right: 20px;
}

.header-search__field {
  width: 100%;
  height: 71px;
  padding: 0 20px;
  font-size: 16px;
  color: #fff;
  background-color: rgba(19,23,33,.4);
}

.header-search__field::-webkit-input-placeholder {
  color: #fff;
}

.header-search__field::-moz-placeholder {
  color: #fff;
}

.header-search__field:-moz-placeholder {
  color: #fff;
}

.header-search__field:-ms-input-placeholder {
  color: #fff;
}

#magic-line {
  position: absolute;
  bottom: -2px;
  width: 30px;
  height: 4px;
  background-color: transparent;
}

#magic-line:after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 23px;
  width: 23px;
  height: 4px;
  background: #fff;
}

.header-menu {
  position: relative;
  float: right;
  font-size: 0;
}

.header-menu li {
  display: inline-block;
}

.header-menu li:last-child a {
  padding-right: 0;
}

.header-menu li a {
  position: relative;
  display: block;
  padding: 29px 23px 29px 23px;
  letter-spacing: 0.1em;
  font-size: 13px;
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
}

.header-menu li a:hover {
  color: #de58eb;
}

.header-menu__switcher {
  display: none;
  position: relative;
  vertical-align: middle;
  width: 30px;
  height: 31px;
  cursor: pointer;
}

.header-menu__switcher span,
.header-menu__switcher span:before,
.header-menu__switcher span:after {
  content: '';
  display: block;
  position: absolute;
  top: 13px;
  left: 0;
  width: 30px;
  height: 3px;
  background: #fff;
  -webkit-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.header-menu__switcher span:before {
  top: -8px;
}

.header-menu__switcher span:after {
  top: auto;
  bottom: -8px;
}

.header-menu__switcher.active {
  border-radius: 5px 5px 0 0;
}

.header-menu__switcher.active span {
  background-color: transparent;
}

.header-menu__switcher.active span:before,
.header-menu__switcher.active span:after {
  top: 0;
  background: #fff;
}

.header-menu__switcher.active span:before {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.header-menu__switcher.active span:after {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/**Главный баннер**/
.pace {
	-webkit-pointer-events: none;
	pointer-events: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	z-index: 20000;
	position: fixed;
	margin: auto;
	left: 0;
	right: 0;
	bottom: 15%;
	height: 2px;
	width: 225px;
	background: #303030;
	border: 0px solid #ebc187;
	overflow: hidden;
}

.pace .pace-progress {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
	max-width: 200px;
	position: fixed;
	z-index: 20000;
	display: block;
	position: absolute;
	top: 0;
	right: 100%;
	height: 100%;
	width: 100%;
	background: #ebc187;
}
.pace.pace-inactive {
	display: none;
}
#base-canvas{ 
top:50%;
left:50%;
margin-left:-158px;
margin-top:-76px;
}
.three{
perspective:486px !important;
opacity:0;
}
.three>div{
transform: translate3d(0px, 0px, 486px) matrix3d(1, 0, 0, 0, 0, -1, 0, 0, 0, 0, 1, 0, 0, 0, -486, 1) translate3d(50%, 50%, 0px) !important;
}
.preloader{
width:100%;
height:100vh;
background:#1e1f1e;
position:fixed;
z-index:9999;
overflow:hidden;
}

.preloader_bg{
width:100%;
height:100vh;
background:url(../images/preloader.jpg);
background-size:cover;
}
.preloader__img{
position:absolute;
width:320px;
height:140px;
top:50%;
left:50%;
margin-left:-160px;
margin-top:-70px;
display:none;
}

.preloader__canvas{
position:fixed;
width:320px;
height:140px;
top:50%;
left:50%;
margin-left:-160px;
margin-top:-70px;
z-index:99999;
}

canvas {
position: absolute;

backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
}

.main-menu{
position:absolute;
left:0;
top:0;
right:0;
width:100%;
}
.main-banner{
position:relative;
height:100vh;
}
.video-background{
pointer-events:none;
}
.video-black{
position:absolute;
background:rgba(51,51,51,.5);
top:0;
left:0;
right:0;
bottom:0;
z-index:1;
width: 100%;
height: 100%;
display:block;
transition:.4s;
-webkit-transition:.4s;
-moz-transition:.4s;
-o-transition:.4s;

}
.video-foreground,
.video-background video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit:cover;
}
.ytp-title{
 width: 0px !important;
 opacity:0 !important;
}
.ytp-icon-watermark{
 width: 0px !important;
}
.ytp-chrome-top-buttons .ytp-button {
    width: 0 !important;
}
/*.video-foreground {
position: relative; 
padding-bottom: 56.25%; 
height: 0; 
overflow: hidden; 
max-width: 100%; 
}*/

.video-foreground iframe,
.video-foreground object,
.video-foreground embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}



.main-banner_logo{
position:absolute;
width:320px;
height:140px;
top:50%;
left:50%;
margin-left:-160px;
margin-top:-70px;
z-index:2;
}

.main-banner_arrow-bg{
position:absolute;
width:50px;
height:50px;
bottom:15%;
left:50%;
margin-left:-25px;
margin-top:-25px;
display:block;
z-index:2;
}

.main-banner_arrow-down{
position:absolute;
width:10px;
height:20px;
bottom:15%;
left:50%;
margin-left:-5px;
margin-bottom:12px;
display:block;
z-index:2;
}

.main-blocks{
display:inline-block;
width:100%;
position:relative;
}
.event-block{
display:inline-block;
position:relative;
margin:135px 0;
margin-bottom:0 !important;
}

.event-block__left{
display:inline-block;
width: 55%;
text-align:center;
float:left;
background:#fafafa;
padding:110px 0;
height: 500px;
}

.event-block__date{
color:#ebc187;
font-weight:700;
letter-spacing:3px;
text-transform:uppercase;
margin-bottom: 22px;
}
.event-block__header{
color:#333;
font-size:2.1em;
line-height: 1.45em;
font-weight:700;
letter-spacing: .5px;
margin-bottom: 27px;
}

.event-block__desc{
color: #333;
display: inline-block;
width: 100%;
padding: 0 110px;
font-size: 1.142em;
line-height: 1.8em;
letter-spacing: 0.2px;
}
.event-block__right{display:inline-block;width:42%;text-align:center;float:right;height: 500px;}
.event-block__brands{border: solid 1px #f6f6f6;padding: 70px;}
.brands__top{
width:100%;
margin-bottom:20px;
}

.brands__bottom{
width:100%;
margin-top:50px;
}
.brands__small{width:50%;text-align:center;float:left;height: 65px;display: flex;align-items: center;justify-content: center;}

.brands__small--center{
width:100%;
margin-top: 10px;
margin-bottom: 10px;
}
.brands__link svg{
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
}
.brands__link path,.brands__link g{
fill:#bfbfbf !important;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
opacity:1 !important;
}
.brands__link svg:hover path{
fill:#ebc187 !important;
transition:.3s;
-webkit-transition:.3s;
-moz-transition:.3s;
-o-transition:.3s;
}
.info-block{
display:inline-block;
width:100%;
margin-top:110px;
margin-bottom:125px;
}
.info-block__single{width:33.3%;float:left;padding:0 90px;text-align: center;}
.info-block__icon{
height:75px;
margin-bottom: 40px;
}
.info-block__big_text{font-size: 2em;margin-bottom: 15px;color: #ebc187;font-weight: 700;text-transform: uppercase;letter-spacing: 2px;}
.time_big_text{
margin-top:5px;
}
.info-block__small_text{
    font-size: 1em;
    margin-bottom: 15px;
    color: #ebc187;
    letter-spacing:2px;
    text-transform: uppercase;
}
.info-block__the_toy{
margin-top:-5px;
}
.nominations{
background:#fafafa;
padding: 125px 0;
}
.nominations__header{
font-family:'oranienbaum';
color:#ebc187;
text-align:center;
font-size:3.4em;
letter-spacing: 6.2px;
}
.nominations__line{
text-align:center;
position:relative;
}
.nominations__line:before{
content:'';
display:block;
position:absolute;
top:50%;
margin-top:-1px;
width:100%;
left:0;
right:0;
background:#ebc187;
height:2px;
}
.nominations__decor{
z-index:10;
position:relative;
}
.nominations__text_best{
font-size:1.125em;
color:#ebc187;
font-style:italic;
text-align:center;
margin-top:17px;
}
.nominations__bottom{
display:inline-block;
width:100%;
padding-top:75px;
}
.nominations__left{
float:left;
display:inline-block;
width:45%;
}
.nominations__title{
  display:inline-block;
  width:100%;
  float:left;
  margin-bottom: 72px;
}
.nominations__link{
 color:#4f3512;
 font-size: 1.65em;
 transition:.4s;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
 position:relative;
 margin-left:-25px;
 padding-left:25px;
}
.nominations__link:before{
/* content:''; */
display:block;
position:absolute;
top:50%;
width:0;
left:0;
background:#ebc187;
height:1px;
  transition:.4s;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
}
.nominations__link:hover,.nominations__link:focus{
 outline:none;
 text-decoration:none;
 color:#ebc187;
  transition:.4s;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
}

.nominations__link.active{
color:#ebc187;
}

.nominations__link.active:before{
 width:100%;
}

.nominations__link.disabled{
opacity:.3;
color:#4f3512 !important; 
  transition:.4s;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
}

.nominations__link.disabled:before{
display:none !important;
}
.nominations__right{
float:right;
display:inline-block;
width:55%;
margin-top: 5px;
}
.nomination_single{
display:none;
width:100%;
}

.nomination_single.disabled a{
opacity:.3;
  transition:.4s;
 -webkit-transition:.4s;
 -moz-transition:.4s;
 -o-transition:.4s;
pointer-events:none;
cursor: auto;
}

.nominations__place.selected a{
color: #ebc187 !important;
opacity:1 !important;
}

.nominations__place.selected a:before {
    width: 100% !important;
}

.nominations__column{
float:left;
width:33.3%;
 margin-left:-25px;
 opacity:0;
}
.nomination_single.shown .nominations__column.column1{
 margin-left:0;
 opacity:1;
   transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
}

.nomination_single.shown .nominations__column.column2{
 margin-left:0;
 opacity:1;
   transition:.5s;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 -o-transition:.5s;
}

.nomination_single.shown .nominations__column.column3{
 margin-left:0;
 opacity:1;
   transition:.7s;
 -webkit-transition:.7s;
 -moz-transition:.7s;
 -o-transition:.7s;
}

.nominations__column.column1{
  transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
}

.nominations__column.column2{
  transition:.5s;
 -webkit-transition:.5s;
 -moz-transition:.5s;
 -o-transition:.5s;
}

.nominations__column.column3{
  transition:.7s;
 -webkit-transition:.7s;
 -moz-transition:.7s;
 -o-transition:.7s;
}

.nominations__place{
display:inline-block;
width:100%;
margin-bottom:28px;
}
.nominations__place_link{
  transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
 font-size:1.21em;
  color:#4d3310;
  position:relative;
  display:inline-block;

}
.nominations__place_link:before{
content:'';
display:block;
position:absolute;
bottom:-5px;
width:0;
left:0;
background:#ebc187;
height:2px;
  transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
}
.nominations__place_link:hover,.nominations__place_link:focus{
cursor:pointer;
 color:#ebc187;
  transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
 text-decoration:none;
}

.nominations__place_link:hover::before{
width:100%;
}

.box-modal{
width:485px;
background:#fff;
padding:75px 92px;
text-align:center;
position:relative;
margin-top:200px;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;
}
.box-modal.shown{
margin-top:0;
transition:.5s;
-webkit-transition:.5s;
-moz-transition:.5s;
-o-transition:.5s;
}
.box-modal_award{
margin-bottom:55px;
}
.box-modal_thanks{
font-weight:700;
color:#ebc187;
font-size:3.57em;
text-transform:uppercase;
}
.box-modal_voted{
font-size:2.14em;
color:#4f3512;
font-weight:700;
margin-bottom:65px;
}
.box-modal_info{
color:#4f3512;
font-size:1.1em;
}
.box-modal_close{
position:absolute;
bottom:0;
top:auto;
right:50%;
width:90px;
height:90px;
margin-bottom:-45px;
margin-right:-45px;
display: flex;
align-items: center;
justify-content: center;
border-radius:100%;
background:#fff;
 transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
}

.box-modal_close:hover{
   transition:.3s;
 -webkit-transition:.3s;
 -moz-transition:.3s;
 -o-transition:.3s;
 background:#ebc187;
   transform: rotate(90deg);
}

.box-modal_close_icon{

}

.thanks{
display:inline-block;
width:100%;
}

.thanks p{
text-align:center;
font-size:1.15em;
color:#4d3310;
margin:50px 0;
}

.warning{
display:inline-block;
width:100%;
padding-top:65px;
padding-bottom:25px;
}

.warning p{
color:#ebc187;
text-transform:uppercase;
font-size:2.35em;
margin-bottom:0;
text-align:center;
opacity:.2;
}

@media only screen and (max-width: 1260px) {
  .main {
    max-width: 970px;
  }
  .header-menu li a {
    padding: 29px 10px;
    font-size: 11px;
  }
  #magic-line:after {
    left: 10px;
  }
  .event-block{
    margin: 75px 0;
  }
  .event-block__left,.event-block__right{
	width:49%;
	height: 450px;
  }
  .event-block__left{
	padding: 68px 0;
  }
  .event-block__desc{
	padding: 0 40px;
  }
  .event-block__brands{
	padding:40px;
  }
  .info-block__single{
		padding: 0 50px;
	}
	.event-block__header {
    font-size: 1.7em;
    line-height: 1.3em;
	}
	
	.warning p{
	font-size:1.94em;
	}

}

@media only screen and (max-width: 1010px) {
	/*#base-canvas,.three{
		display:none;
	}*/
	.event-column {
    display: inline-block;
    width: 44.333% !important;
    margin-bottom: 10px;
    padding: 0 5px;
}
	
	.time_big_text{
	margin-top:0;
	}
	.preloader__img{
		display:block;
	}
	.search_mobile{
	display: inline-block;
	width:37px;
	height:37px;
	float:left;
	margin-right:5px;
	}
	.search_mobile .header-search__switcher{
	 vertical-align: top;
    width: 37px;
    height: 37px;
    background-color: #131721;
    background-repeat: no-repeat;
    background-position: 50% 50%;
	}

	.header,.header-table{
	height:73px;
	}
	.search_desktop{
	display:none;
	}
  .main {
    max-width: 750px;
    padding: 0 15px;
  }
  .header-search {
    position: static;
  }
  .header-search-form {
    top: 71px;
    left: 0;
    width: 100%;
  }
  .header-menu {
    position: static;
  }
  .header-menu ul {
    display: none;
    position: absolute;
    left: 0;
    top: 71px;
    background: #000;
    width: 100%;
    z-index: 30;
  }
  .header-menu ul li {
    display: block;
  }
  .header-menu ul li a {
    display: block;
    font-size: 14px;
    padding: 15px 0;
    text-align: center;
  }
  .header-menu ul li a:after {
    display: none !important;
  }
  #magic-line {
    display: none !important;
  }
  .header-table > .cell {
    padding-right: 50px;
  }
  .header-menu__switcher {
    display: inline-block;
  }
  .event-block__header{
	font-size:1.6em;
  }
	.event-block__desc {
		padding: 0 30px;
	}
	.brands__small{
		height:67px;
	}
	.brands__small svg {
    width: 95%;
	}
	.event-block__left, .event-block__right {
    height: 400px;
	}
	.event-block__left {
    padding: 50px 0;
	}
	.info-block {
		margin-top: 60px;
		margin-bottom: 65px;
	}
	.info-block__single{
		padding: 0 30px;
	}
	.info-block__big_text {
		font-size: 1.5em;
		margin-bottom:10px;
		line-height:1.5em;
	}
	.info-block__small_text {
		margin-bottom: 10px;
		letter-spacing: 1px;
	}
	.nominations{
		padding: 85px 0;
	}
	.nominations__bottom{
		padding-top: 50px;
	}
	.nominations__left{
		width:38%;
	}
	.nominations__right{
		width:62%;
	}
	.nominations__place{
		font-size:.95em;
		margin-bottom: 16px;
	}
	.nominations__title{
		margin-bottom:50px;
	}
	.nominations__link{
		font-size:1.3em;
	}
	.event-block__desc {
    font-size: 1.1em;
    line-height: 1.4em;
	}
	.event-block__brands {
    padding-top: 10px;
	}
	
	.warning p{
	font-size:1.44em;
	}
}

@media only screen and (max-width: 767px) {
	.event-column {
    display: inline-block;
    width: 44.333% !important;
    margin-bottom: 10px;
    padding: 0 5px;
}
	
	.main-banner{
	height:calc(100vh - 73px);
	}
	.event-block__desc {
    padding: 0;
	}
  .main {
    max-width: 100%;
  }
  .main-menu{
	position: relative;
    background: #080a0f;
    z-index: 100;
  }
  .header{
	 margin-bottom:0;
  }
  .main-banner_logo{
	width:274px;
	height:120px;
	top:50%;
	left:50%;
	margin-left:-136px;
	margin-top:-60px;
  }
  .main-banner_arrow-bg,.main-banner_arrow-down{
	bottom:5%;
  }
	.event-block {
    margin-bottom: 20px;
	}
  	.event-block__left, .event-block__right {
    height: 430px;
	width:70%;
	margin:0 15%;
	}
	.event-block__left {
    padding: 50px 25px;
	margin-bottom:35px;
	}
	.event-block__header {
    font-size: 2em;
	}
	.event-block__header, .event-block__date {
    margin-bottom: 45px;
	}
	.event-block__right{
		    height: auto;
	}
	.event-block__brands {
    padding: 40px;
	}
	.info-block{
		margin-bottom:0;
	}
	.info-block__single{
		width:250px;
		margin:0 auto;
		display:block;
		float:none;
		margin-bottom:50px;
	}
	.info-block__icon {
    height: 70px;
    margin-bottom: 20px;
	
	}
	.nominations {
    padding: 95px 25px;
	}
	.nominations__title{
		margin-bottom:70px;
	}
	.nominations__column{
		width:50%;
	}
	.box-modal{
		padding: 50px;
	}
	
	.warning p{
	font-size:1.6em;
	line-height:1.6em;
	padding:0 50px;
	}
}

@media only screen and (max-width: 639px) {
  .place-filter-block {
    padding: 15px 30px;
  }
  .header-table > .cell {
    padding-right: 15px;
  }
  .header-logo {
    display: inline-block;
    width: 130px;
  }
  .header-logo img {
    max-width: 100%;
    height: auto;
  }
  .header-search__switcher {
    width: 65px;
  }
    .event-block__left, .event-block__right {
    height: auto;
	width:100%;
	margin:0;
	margin-bottom:35px;
	position:relative;
	z-index:0;
	}
	.brands__top{
	margin-bottom:20px;
	}
	.brands__small svg {
    width: 90%;
	}
	.brands__bottom{
	margin-top:20px;
	}
	
	.nominations__column{
		width:100%;
	}
	.nominations__header{
	font-size:2.8em;
	letter-spacing: 3px;
	}
}

@media only screen and (max-width: 559px) {
	.main-banner_logo{
	width:160px;
	height:70px;
	top:40%;
	left:50%;
	margin-left:-80px;
	margin-top:-35px;
  }
  .main-banner_arrow-bg,.main-banner_arrow-down{
	 transform:scale(0.7);
  }
  .box-modal{
	  width:370px;
	  padding:20px;
  }
  .warning p{
	padding:0 0;
	}
	.warning{
	padding-top:50px;
	}
}

@media only screen and (max-width: 479px) {
	.event-block{
		margin-top:40px;
		margin-bottom:0;
	}
	.main-regions-video .promo-video-item__image {
    height: 300px;
	}
	.event-block__desc{
	font-size: 1em;
	}

  .header-table .cell:first-child {
    width: 60%;
  }
  .header-search-dropown-scroll {
    height: 200px;
}
	.header-table > .cell {
    padding-right: 8px;
   }
   	.event-block__header {
    font-size: 1.6em;
	}
	.event-block__header, .event-block__date {
    margin-bottom: 20px;
	}
	.nominations__top{
		font-size:12px;
	}
	.nominations{
		padding: 70px 5px;
	}
	.nominations__right{
		padding-left:25px;
	}
	.nominations__link{
		font-size: 1.2em;
		display:inline;
	}
	.nominations__title{
		margin-bottom:45px;
	}
	.nominations__right{
	width:65%;
	}
	.nominations__left{
    width:35%;
	}
	 .box-modal{
	  font-size:12px;
	}
	.box-modal_voted{
		margin-bottom:30px;
	}
	.preloader{
		padding:0 15px;
	}
}
@media only screen and (max-width: 400px) {
	.nominations__right{
	width:60%;
	}
	.nominations__left{
    width:40%;
	}
	.box-modal{
	width:100%;
	}
}
@media only screen and (max-width: 374px) {
	.event-block__header{
		letter-spacing:0;
	}
	.event-block__left {
    padding: 40px 15px;
	}
	.main-regions-video .promo-video-item__image {
    height: 240px;
	}
	.header-logo {
    width: 100px;
	}
	.header-phone-table .cell{
	font-size:11px;
	padding-right:5px;
	}
	.header-city-select .select-title__value{
	line-height:30px;
	}
	.header-city-select .select-title{
	height:30px;
	}
	a.header-phone__number{
	padding-left:0;
	font-size:11px;
	}
	.nominations__right{
	width:50%;
	}
	.nominations__left{
    width:50%;
	}
	.nominations__link{
		font-size:1.3em;
	}
}