@font-face {
	font-family: 'Proxima_Nova';
	src: url(../fonts/Proxima_Nova/ProximaNovaExtraCondensed-ExtraBold.ttf);
}
@font-face {
	font-family: 'Mulish-Black';
	src: url(../fonts/Mulish/Mulish-Black.ttf);
}
@font-face {
	font-family: 'Mulish-BlackItalic';
	src: url(../fonts/Mulish/Mulish-BlackItalic.ttf);
}
@font-face {
	font-family: 'Mulish-Bold';
	src: url(../fonts/Mulish/Mulish-Bold.ttf);
}
@font-face {
	font-family: 'Mulish-BoldItalic';
	src: url(../fonts/Mulish/Mulish-BoldItalic.ttf);
}
@font-face {
	font-family: 'Mulish-ExtraBold';
	src: url(../fonts/Mulish/Mulish-ExtraBold.ttf);
}
@font-face {
	font-family: 'Mulish-ExtraBoldItalic';
	src: url(../fonts/Mulish/Mulish-ExtraBoldItalic.ttf);
}
@font-face {
	font-family: 'Mulish-ExtraLight';
	src: url(../fonts/Mulish/Mulish-ExtraLight.ttf);
}
@font-face {
	font-family: 'Mulish-ExtraLightItalic';
	src: url(../fonts/Mulish/Mulish-ExtraLightItalic.ttf);
}
@font-face {
	font-family: 'Mulish-Italic';
	src: url(../fonts/Mulish/Mulish-Italic.ttf);
}
@font-face {
	font-family: 'Mulish-Light';
	src: url(../fonts/Mulish/Mulish-Light.ttf);
}
@font-face {
	font-family: 'Mulish-LightItalic';
	src: url(../fonts/Mulish/Mulish-LightItalic.ttf);
}
@font-face {
	font-family: 'Mulish-Medium';
	src: url(../fonts/Mulish/Mulish-Medium.ttf);
}
@font-face {
	font-family: 'Mulish-MediumItalic';
	src: url(../fonts/Mulish/Mulish-MediumItalic.ttf);
}
@font-face {
	font-family: 'Mulish-Regular';
	src: url(../fonts/Mulish/Mulish-Regular.ttf);
}
@font-face {
	font-family: 'Mulish-SemiBold';
	src: url(../fonts/Mulish/Mulish-SemiBold.ttf);
}
@font-face {
	font-family: 'Mulish-SemiBoldItalic';
	src: url(../fonts/Mulish/Mulish-SemiBoldItalic.ttf);
}
@font-face {
	font-family: 'Betina_Script';
	src: url(../fonts/Betina_Script/betina-script_bold.ttf),url(fonts/Betina_Script/betina-script_bold.otf);
}
@font-face {
	font-family: 'FuturaBookC';
	src: url(../fonts/LUI33EU5.ttf),url(fonts/futurabookc.otf);
}
@font-face {
	font-family: 'FranklinGothic';
	src: url(../fonts/nfChNLKi.ttf);
}
@font-face {
	font-family: 'FuturaDemiC';
	src: url(../fonts/cJ2Sjj4O.ttf),url(fonts/futurademic.otf);
}
@font-face {
	font-family: 'ChunkFive';
	src: url(../fonts/Chunkfive.otf);
}
@font-face {
	font-family: 'Proxima_Nova';
	src: url(fonts/Proxima_Nova.ttf);
	/*src: url('fonts/Proxima_Nova.eot?#iefix') format('embedded-opentype'),
		 url('fonts/Proxima_Nova.woff') format('woff'),
		 url('fonts/Proxima_Nova.ttf') format('truetype');*/
}
@font-face {
	font-family: 'FuturaFuturisC';
	src: url(fonts/futurafuturisc.otf);
}
@font-face {
	font-family: 'HeliosCond';
	src: url(fonts/IhVk748C.otf);
}
@font-face {
	font-family: 'Myriad Pro Regular';
	src: url('fonts/MyriadPro-Regular.eot');
	src: url('fonts/MyriadPro-Regular.eot?#iefix') format('embedded-opentype'),
	url('fonts/MyriadPro-Regular.woff') format('woff'),
	url('fonts/MyriadPro-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
/* ---------------------------------- */
/* WELCOME */
#story-welcome {
	width: 100%;
	height: 1200px;
	margin: 0 auto;
	overflow: hidden;
	color:#FFFFFF;
	display:none; 
}
#menu {
	width:100%;
	/*top:20px;*/
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	/*margin-bottom:350px;*/
	z-index:2000;
	position:fixed;
	width: 100%;
	background-image:url(../../images/transparent_brown.png);
	/*background-color:#c4c4c4;*/
}
#menu ul{
	width:1000px;
	margin:0 auto;
}
#menu ul li {
	display:block;
	float:left;
	/*width:14.28%;*/
	margin:0 8px;
	padding: 10px 0 10px 0;
	font: 13px 'Proxima_Nova';
	text-align:center;
	font-weight:bold;
	text-transform: uppercase; 
}
#menu ul.en li{
	margin:0 17px;
}
#menu ul.en li {
	/*padding-right:26px;*/
}
#menu ul li.first{
	text-align:left;
}
#menu ul li.last{
	text-align:right;
/*	float:right;*/
}
 
#menu ul li a{
	color:#000;
}
#menu ul li a:hover,#menu ul li a.active{
	color:#FF8C3E;
}
#story-welcome article, .story article {
   width:1000px;
   font-size:18px;
	font-family: 'Proxima_Nova';
	font-size: 21px;
	color:#000;
}
#story-welcome header,.story header {
	top:100px;
}
#story-welcome .logo{
	float:right;
	margin-top:880px;
} 
#story-welcome header h1,.story header h1{
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight:900;
	font-style: normal;
	font-size:74px;
	line-height:100px;
	letter-spacing: 5px;
	margin: 0 auto 40px;
	text-transform: uppercase;
	text-align: center;
}
#story-welcome header h1 span,#story-works header h1 span,#story-map header h1 span,.story header h1 span{
	padding-bottom:10px;
	border-bottom:5px solid #fff;
 }
 
#story-welcome #welcomeContent {
	margin-top: 25px;
	width:650px;
	font-family: Helvetica, sans-serif;
	font-weight:lighter;
	font-style: normal;
	letter-spacing: 0px;
}

#story-welcome a:link,
#story-welcome a:visited {
   color:black;
   text-decoration: none;
}


#story-welcome a:hover,
#story-welcome a:active {
   color:#a6ce39;
}

.rhr_store{
	text-align: center;
	background-color: #000000;
	position: sticky;
	top: calc(100% - 50px);
	width: 100%;
	z-index: 10;
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: center;
}
.rhr_store img{
	height: 50px;
}

/* ---------------------------------- */
#story-works {
  width: 100%;
  min-height: 1200px;
  margin: 0 auto;
  overflow: hidden;
  color:#FFFFFF;
}
#story-works article {
   width:1000px;
   font-size:16px;
}
#story-works header {
	top:100px;
}
 
#story-works header h1{
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight:normal;
	font-style: normal;
	font-size:85px;
	line-height:100px;
	margin: 0 auto 80px auto;
	text-align: center;
	/*letter-spacing: 5px;*/
	text-transform: uppercase; 
 }
 
 
 #story-works1 {
  width: 100%;
  min-height: 500px;
  margin: 0 auto;
  overflow: hidden;
  color:#FFFFFF;
}
#story-works1 article {
   width:1000px;
   font-size:16px;
}
#story-works1 header {
	top:100px;
}
 
#story-works1 header h1{
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight:normal;
	font-style: normal;
	font-size:85px;
	line-height:100px;
	margin: 0 auto 30px auto;
	text-align: center;
	/*letter-spacing: 5px;*/
	text-transform: uppercase; 
 }


/* ---------------------------------- */

#story-map {
  width: 100%;
  height: 1000px;
  margin: 0 auto;
  overflow: hidden;
  color:#FFFFFF;
}
#story-map article {
   width:1000px;
   font-size:16px;
}
#story-map img {
   max-width:800px;
	/*margin-top:20px;*/
}
#story-map header {
	width: 100%;
	top:100px;
}

#story-map header h1{
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight:normal;
	font-style: normal;
	font-size:85px;
	line-height:100px;
	margin: 0 auto 80px auto;
	text-align: center;
	/*letter-spacing: 5px;*/
	text-transform: uppercase; 
 }

#story-map .map-100{
	/*float:right;*/
	right: 0;
	display:none;
	position: absolute;
	margin: 80px 0 0 20px;
}
#story-map .map-100 ul li {
	display:block;
	width:120px;
	float:left;
	font: 30px 'Proxima_Nova';
	color:#000;
}
 
#story-map ul.map-dist,#records ul.dist{
	margin: 0px auto;
	width: 800px;
 }
#story-map  ul.map-dist li,#records ul.dist li {
	display:block;
	/*line-height: 74px;*/
	width:25%;
	text-align:center;
	float:left;
	padding-right: 40px;
	font-family: 'Proxima_Nova';
	text-align:center;
	color:#FF8C3E;
	cursor:pointer;
	font-size:30px;
	margin-top: 20px;
	text-shadow: 1px 1px 1px #000;
}
#story-map  ul.map-dist li a,#records ul.dist li a{
	text-decoration:none;
	cursor:pointer;
}

.story-title{
	font-family: 'Proxima_Nova';
	font-style: normal;
	font-size:24px;
	color:#FF8C3E;
	width:800px;
	margin:0 auto;
 }
.story-title li{
	display:block;
	/*width:25%;*/
	float:left;
 }
.story-title span{
	font-size:56px;
	color:#FF8C3E;
	font-family: 'Proxima_Nova';
	font-weight:normal;
 }
.story-text{
	margin:40px auto;
	width:800px;
	padding-bottom:30px;
	border-bottom:5px solid #fff;
}
.story-text p{
	margin:20px 0;
}
.story-left{
	font-family: 'FuturaDemiC';
	width:47%;
	float:left;
	color:#fff;
	font-size:30px;
	
 }
.story-right{
	font-family: 'FuturaDemiC';
	width:47%;
	float:right;
	color:#fff;
	font-size:30px;
 }
.story-right .translate{
	font-family: 'Betina_Script';
	color:#FF8C3E;
	float:right;
	font-size:24px;
	margin-top: -10px;
 }
.story header .story-left h2,.story header .story-right h2{
	font-family: 'Proxima_Nova';
	font-size:36px;
	line-height: 36px;
	margin:0 0 20px;
	font-weight: normal;
 }
.story-left span{
	color:#FF8C3E;
 }
.story-right span{
	font-family: 'Proxima_Nova';
	color:#FF8C3E;
 }
 .story-100{
	font-family: 'FuturaDemiC';
	width:100%;
	float:left;
	color:#fff;
	font-size:30px;
 }
.bigletter{
	font-size:175px;
	color:#fff;
	margin: -30px 10px 0;
	float: left;
}
.black{
	color:#000;
}
header h1.black span{
	border-color: #000 !important;
}
#registration{
	/*width:700px;
	padding:30px 50px;
	margin:0px auto;
	border-radius:10px;
	background-color: #fff;
	border:1px solid #000;*/
}
#boxes .registration,#boxes .volunteer{
	width:680px;
	color:#000;
	font:16px 'HeliosCond';
	color:#939598;
	height:550px;
	overflow: auto;
	padding:10px;
}
#registration input,#registration select,#volunteer input{
	border:0;
	width:640px;
	background-color:#000;
	color:#fff;
	font-family: 'Proxima_Nova';
	font-weight:normal;
	font-style: normal;
	font-size: 40px;
	/*line-height: 85px;
	height: 85px;
	text-transform: uppercase;*/
	padding: 0 10px;
	margin: 5px 0;
}
#registration select{
	width:660px;
}
#registration select#Country option{
	font-size: 18px;
}
#registration input[type=checkbox],#volunteer input[type=checkbox]{
	width:initial;
}
#registration #EmergencyPhone{
	/*font-size: 32px;*/
}
#registration #Pace30{
	font-size: 28px;
	line-height: 32px;
}
#registration input:-webkit-input-placeholder,#volunteer input:-webkit-input-placeholder {color:#fff; }
#registration input:-moz-placeholder,#volunteer input:-webkit-input-placeholder {color:#fff; }
#registration input[type="submit"],#volunteer input[type="submit"]{
	display:none;
	border:0;
	width: 300px;
	background-color:#000;
	color:#fff;
	font-family: 'Proxima_Nova';
	font-weight:normal;
	font-style: normal;
	font-size:22px;
	/*line-height: 22px;
	height: 42px;*/
	text-transform: uppercase;
	/*margin:20px auto 0 auto; */
	padding:10px;
	/*border-radius:5px;*/
	cursor:pointer;
}
#volunteer input[type="submit"]{
	display:block;
}
#registration #noticebox,#volunteer #noticebox{
	border:0;
	width: 640px;
	background-color:#fff;
	color:red;
	font-family: 'Proxima_Nova';
	font-weight:normal;
	font-style: normal;
	font-size:22px;
	text-transform: uppercase;
	margin:20px auto 0 auto; 
	padding:10px;
	border-radius:5px;
}
#registration label,#volunteer label {
	display: inline-block;
	cursor: pointer;
	position: relative;
	padding-left: 25px;
	margin-right: 15px;
	font-size: 13px;
}
#registration input[type=radio],#registration input[type=checkbox],#volunteer input[type=radio],#volunteer input[type=checkbox]  {
	display: none;
}
#registration label:before,#volunteer label:before {
	content: "";
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right: 10px;
	position: absolute;
	left: 0;
	top: 8px;
	bottom: 1px;
	background-color: #fff;
	border:1px solid #000;
	/*box-shadow: inset 0px 2px 3px 0px rgba(0, 0, 0, .3), 0px 1px 0px 0px rgba(255, 255, 255, .8);*/
}
#registration .radio label:before, #volunteer .radio label:before  {
	border-radius: 0px;
}
#registration input[type=radio]:checked + label:before,#registration input[type=checkbox]:checked + label:before, #volunteer input[type=radio]:checked + label:before,#volunteer input[type=checkbox]:checked + label:before  {
	content: "\2713";
	color: #000;
	font-size: 30px;
	text-align: center;
	line-height: 18px;
}

#registration .bus, #volunteer .bus, #registration .bus label[for=goods]{
	color:#000;
	font-family: 'Proxima_Nova';
	font-size:31px;
	text-transform: uppercase; 
	margin-top:20px;
}

#registration .bus span,#volunteer .bus span{
	color:#939598;
	font-family: 'FuturaBookC';
	font-size:16px;
	text-transform: none; 
}
#registration .bus label,#volunteer .bus label{
	color:#939598;
	font-family: 'FuturaBookC';
	font-size:31px;
	text-transform: none; 
}
#registration h3,#volunteer h3{
	font-family: 'FuturaDemiC';
	font-size:22px;
	text-align: center;
}
.wrapper-dropdown-1 .wrapper-dropdown-1 ul li {
	float: none;
	padding: 3px 0;
}

.wrapper-dropdown-1 {
	position: relative;
	width: 638px;
	padding: 0px 10px;
	margin: 5px 0;
	background: #fff;
	color: #000;
	border:1px solid #000;
	outline: none;
	cursor: pointer;
	font-family: 'Proxima_Nova';
	font-size: 32px;
	/*font-size: 50px;*/
	text-transform: uppercase;
}

.wrapper-dropdown-1:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	right: 16px;
	top: 50%;
	margin-top: -6px;
	border-width: 6px 0 6px 6px;
	border-style: solid;
	border-color: transparent #fff;    
}

.wrapper-dropdown-1 .dropdown {
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	font-size:30px;
	background: #fff;
	z-index:10;
	list-style: none;
	font-weight: normal; 
	opacity: 0;
	pointer-events: none;
}

.wrapper-dropdown-1 .dropdown li a {
	display: block;
	text-decoration: none;
	color: #9e9e9e;
	padding: 10px 20px;
}
.wrapper-dropdown-1 .dropdown li:hover a {
	background: #f3f8f8;
}

.wrapper-dropdown-1.active .dropdown {
	opacity: 1;
	pointer-events: auto;
	border: 1px solid #000;
}
.wrapper-dropdown-1.active:after {
	border-color: #fff transparent;
	border-width: 6px 6px 0 6px ;
	margin-top: -3px;
}
.wrapper-dropdown-1.active {
 /* background: #9bc7de;*/
}

#mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
#boxes .window {
  position:fixed;
  left:0;
  top:0;
	width:700px;
	padding:20px;
	margin:0px auto;
	border-radius:10px;
	background-color: #fff;
	border:1px solid #000;
  display:none;
  z-index:9990;
  /*padding:20px;*/
}

#boxes #dialog {
  width:375px; 
  height:203px;
  padding:10px;
  background-color:#ffffff;
}

#boxes #dialog1 {
  width:375px; 
  height:203px;
}
.close{
	background-image: url(../../images/x.png);
	position: absolute;
	margin: -28px 0 0 640px;
	font: 14px FuturaBookC;
	color: #939598;
}
.reg{
	font-family: 'Proxima_Nova';
	font-size:32px;
	color:#000;
	text-align:center;
}
.reg ul{
	width:800px;
	margin: 10px auto;
}
.reg ul li {
	display:block;
	float:left;
	width:21.3%;
	margin:20px 1.5%;
	font-family: 'Proxima_Nova';
	font-size:21px;
	color:#939598;
	text-align:center;
}
.reg ul li span {
	font-size:17px;
}
.reg ul li img{
	margin-bottom: 20px;
}
.reg p{
	font-family: 'Proxima_Nova';
	clear: both;
	font-size: 24px;
	padding: 20px 0;
}
.reg p.reg_win {
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight:900;
	font-style: normal;
	font-size:20px;
	line-height:10px;
	letter-spacing: 5px;
	margin:-10px 0 0 0px;
	text-transform: uppercase;
	text-align: center;
	color: #939598;
	text-decoration:none;
	padding: 0 20px;
}
.reg p.reg_win_secret {
	font-family: 'FuturaDemiC', Helvetica, sans-serif;
	font-style: normal;
	font-size:14px;
	text-align: center;
	color: #939598;		
	text-decoration:none;
}
.reg_win a:hover, .reg_win_secret a:hover {
	text-decoration:none;
}


.advert{
	font-family: 'Proxima_Nova';
	font-size:32px;
	color:#000;
	text-align:left;
}
.advert ul{
	width:800px;
	margin: 20px auto;
}
.advert ul li {
	display:block;
	float:left;
	width:30.3%;
	margin:20px 1.5%;
	font-family: 'Proxima_Nova';
	font-size:21px;
	color:#000;
	text-align:left;
}
.advert ul li span {
	font-size:18px;
}
.advert ul li img{
	margin-bottom: 20px;
}
.advert p{
	font-family: 'Proxima_Nova';
	clear: both;
	font-size: 20px;
	padding: 0px 0;
	line-height:30px;
}
.advert p.advert_win {
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight:900;
	font-style: normal;
	font-size:14px;
	line-height:10px;
	letter-spacing: 5px;
	margin:-10px 0 0 0px;
	text-transform: uppercase;
	text-align: left;
	color: #000;
	text-decoration:none;
	padding: 0 20px;
}
.advert p.advert_win_secret {
	font-family: 'FuturaDemiC', Helvetica, sans-serif;
	font-style: normal;
	font-size:14px;
	text-align: left;
	color: #000;		
	text-decoration:none;
}
.advert_win a:hover, .advert_win_secret a:hover {
	text-decoration:none;
}

.gallery{
	margin-top:60px;
}
.gallery img{
	width:95%;
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
	filter: gray; /* IE6-9 */
	-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.gallery img:hover {
	 filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0'/></filter></svg>#grayscale");
	-webkit-filter: grayscale(0%);
}
.contacts{
	font-family: 'Proxima_Nova';
	font-size:32px;
	color:#000;
	text-align:center;
}
.contacts ul{
	width:800px;
	margin: 50px auto 20px auto;
}
.contacts ul li {
	display:block;
	float:left;
	width:30.3%;
	margin:20px 1.5%;
	font-family: 'FuturaDemiC';
	font-size:24px;
	color:#000;
	cursor:pointer;
	text-align:center;
}
.contacts ul li img{
	margin-bottom: 20px;
	border-radius: 10px;
}
.rules{
	width:600px;
	margin: 80px auto;
	  
}
.rules a{
	color:#000;
	text-decoration:none
}
.rules a:hover{
	border-bottom:1px dotted #000;
	text-decoration:none
}
#rules12 P a{
	color: RED
}

.rules p{
	width:100%;
	font:46px 'HeliosCond';
 
	text-align: center;
}
 .rules P a{
	color:#000;
	text-decoration:none
}
.rules P a:hover{
	border-bottom:1px dotted #000;
	text-decoration:none
}
#boxes .rules-window,#boxes .rules-window ul li {
	font-family: 'Mulish-Black';
	font-size:18px;
	color:#939598;
	border-color:#939598;
}
#boxes .rules-window ul li span{
	 
}
#boxes .rules-window h2{
	font-family: 'Proxima_Nova';
	font-size:32px;
	color:#000;
	margin-bottom: 20px;
}
#boxes .rules-window h3{
	width:100%;
	font-size:24px;
	text-transform: uppercase;
	margin-top: 20px; 
	color:#000;
}
#boxes .rules-window p{
	font-family: 'Mulish-Black';
	font-size:22px;
	margin-bottom: 20px;
}
#boxes .rules-window b{
	font-family: 'Mulish-Black';
	color:#000;
}
.rules-window {
	width: 700px;
	height: 450px;
	overflow: auto; 
	background-color:#fff;
	overflow: auto;
	position: relative;
}
#boxes #payment{
	/*width:800px;
	margin: 80px auto;*/
	color:#000;
	font:16px 'HeliosCond';
	color:#939598;
}
#boxes .payment{
	height:450px;
	overflow: auto;
	padding:10px;
}
#payment a{
	color:#000;
}
.p_vsem {
	color:red
}
.p_vsem  a{
	color:red
}
#payment  h3{
	width:100%;
	font:46px 'Proxima_Nova';
	margin:10px 0;
	border-bottom:2px solid #000;
	text-align: center;
	color:#000;
}
#payment ul li,.reg ul.waypayment li {
	display:block;
	float:left;
	width:20%;
	margin:10px 0;
	text-align:center;
}
#payment ul li,.reg ul.waypayment li img {
	max-width: 100%;
}
#payment  span{
	width:100%;
	font:32px 'Proxima_Nova';
	margin:10px 0;
	text-align: center;
}
.ok{
	font-family: 'FuturaDemiC';
	font-size:22px;
	color: #000;
	text-align: center;
}
.fail{
	font-family: 'FuturaDemiC';
	font-size:22px;
	color: red;
	text-align: center;
}
.ok h3,.success h3,.fail h3{
	font-family: 'Proxima_Nova';
	font-size: 31px;
}
.ok input[type=submit]{
  background-color: orange;
  padding: 10px 40px;
  font-family: 'Proxima_Nova';
  font-size: 31px;
  color: #000;
  margin: 20px 0;
  border-radius: 10px;
  border: 3px solid #000;
  cursor: pointer;
}
.ok input[type=submit]:hover{
  background-color: gray;
}
.radio{ 
	width:50%;
	float:left;
	padding-top: 10px;
}
.radio h4{
	color: #939598;
	font-family: 'FuturaBookC';
	font-size:21px;
	margin-bottom: -10px;
}
.radio h4 span{
	font-size:13px;
}
.partners {
	margin-top:22px;
}
.partners li{
	width:180px;
	height:80px;
	line-height:100px;
	text-align:center;
	display:block;
	float:left;
	margin:30px 10px 30px 10px;
}
.partners li.first{
	text-align:left;
	clear:both;
}
.partners li.last{
	text-align:right;
}
.partners img{
	max-width:180px;
	max-height:80px;
}
.partners li.col2{
	width:380px;
}
.partners li.col2 img{
	max-width:380px;
	max-height:80px;
}
.partners li.col3{
	width:230px;
}
.partners li.col3 img{
	max-width:230px;
	max-height:100px;
}
.partners li.col4{
	width:145px;
}
.partners li.col4 img{
	max-width:145px;
	max-height:80px;
}
.logo_new{
	max-width:200px;
	float:left;
}
.partners li.title{
	width:100%;
	clear:both;
	color:#000;
	line-height:30px;
	height:30px;
	text-align:left;
	margin: 40px 0 0 0;
}
.partners-logo-1{
	margin-top:40px;
}
.partners-logo-2{
	margin:70px 0 0 40px;
}
.partners-logo-main{
	margin-top: -300px;
	float:right;
}
.page1-partners1{
  position: absolute;
  top: 80px;
  right:0;
  width: 200px;
  /*background-color: #fff;*/
  text-align: center;
}
.page1-partners1 p{
  color:#000;
  font-size:14px;
  line-height: 18px;
}
.page1-partners1 img{
  clear:both;
  margin:10px 0;
  max-width: 190px;
  background-color: #fff;
  padding: 5px;
  border-radius:3px;
  box-shadow:1px 1px 1px #fff;
}
.page1-partners2{
  position: absolute;
  top: 80px;
  left:0;
  width: 390px;
  line-height: 18px;
  text-align: left;
}
.page1-partners2 img{
  margin-right:15px;
  max-width: 150px;
  float: left;
  background-color: #fff;
  padding: 5px;
  border-radius:3px;
  box-shadow:1px 1px 1px #fff;
} 
.page1-partners3{
  position: absolute;
  top: 140px;
  right:0;
  width: 150px;
  background-color: #fff;
  line-height: 18px;
  text-align: center;
  padding: 5px;
  border-radius:3px;
  box-shadow:1px 1px 1px #fff;
}
.page1-partners3 img{
  max-width: 150px;
  max-height: 100px;
  float: left;
} 
.page1-support{
  position: absolute;
  top: 110px;
  right: 180px;
  width: 150px;
  z-index: 2;
  /*padding: 10px;*/
  line-height: 18px;
  text-align:right;
  font-family: 'HeliosCond';
}
.page1-support P,.page1-support3 P{
  color:#fff;
  font-size:14px;
  /*text-transform: uppercase;*/
}
.page1-support3{
  position: absolute;
  top: 180px;
  right: 180px;
  width: 150px;
  z-index: 2;
  line-height: 18px;
  text-align:right;
  font-family: 'HeliosCond';
}
.switch{
	font-family: 'Proxima_Nova';
	color:#fff;
	font-size:14px;
	float:right;
	background:#000;
	border-radius:5px; 
	position: absolute;
	top: 30px;
	right:0;
}
#story-welcome ul.switch a:link,#story-welcome ul.switch a:visited{
	color:#fff;
}
#story-welcome ul.switch a:hover,#story-welcome ul.switch a.active{
	color:#FF8C3E;
}
.switch li{
	display:block;
	float:left;
	padding:5px 10px;
}
#map-head,#map-more,#map-more-2{display:none}
#map-head{
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight: 900;
	font-style: normal;
	font-size: 40px;
	line-height: 60px;
	letter-spacing: 5px;
	text-transform: uppercase;
	text-align: left;
	color:#fff;
}
#map-more,#map-more-2{ 
	font-family: 'Proxima_Nova';
	color:#fff; 
	font-size: 24px;
}
/*
#map-more,#map-more-2,#map-more-100{
  font-family: 'Proxima_Nova';
  color: #fff;
  font-size: 20px;
  /* float: right; */
  padding: 5px 0;
  background: #000;
  margin: -50px auto 0 auto;
  z-index: 1000;
  text-transform: uppercase;
  display: none;
  text-align: center;
  width: 300px;
  opacity: 0.8;
  text-decoration:none;
}
#map-more-2{
	margin-top: -80px;
}
#map-more a,#map-more-2 a,#map-more-100 a{
	color:#fff;
	text-decoration:none;
}
#map-more:hover,#map-more-2:hover,#map-more-100:hover{
  color:#a6ce39;
  opacity: 0.9;
}
#map-100 a{
	font-family: 'Proxima_Nova';
	color: #fff;
	font-size: 20px;
	padding: 5px 0;
	background: #000;
	margin: 20px auto;
	line-height: 40px;
	z-index: 1000;
	text-transform: uppercase;
	text-align: center;
	width: 200px;
	opacity: 0.8;
	text-decoration: none;
	text-decoration:none;
}
#map-100 a:hover{
  color:#a6ce39;
  opacity: 0.9;
}
*/
ul.soc {width: 500px;}
ul.soc li{opacity: 0.7;width: 17%;}
ul.soc li:hover{opacity: 1;}
#story-welcome .rules .green a{color:#a6ce39}
#story-welcome .rules .green a:hover{color:#000}
#results .item{
	width:50%;
	float:left;
	height:600px;
	background-size:cover;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}
#results .item .info{
	background-image: url(../../images/transparent_black.png);
	width: 100%;
	height: 120px;
}
#records ul.dist li{
	cursor:pointer;
}
			#results10, #results10w, #results30, #results30w, #results50, #results50w, #results100, #results100w{
							margin-left: 260px;
			}
			#results10 .item,#results10w .item{
			  /*background: #3fbf79;*/
			  padding: 30px 0px;
			  margin-top: 10px;
			  color: #FFF;
			  /*-webkit-border-radius: 3px;
			  -moz-border-radius: 3px;
			  border-radius: 3px;
			  text-align: center;*/
			}
			.customNavigation{
			  text-align: center;
			}
			//use styles below to disable ugly selection
			.customNavigation a{
			  -webkit-user-select: none;
			  -khtml-user-select: none;
			  -moz-user-select: none;
			  -ms-user-select: none;
			  user-select: none;
			  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
			}
			#story-welcome #records header h1{
				color:#fff;
			}
			#story-welcome #records h2{
				color:#fff;
				font-size:40px;
				text-align:center;
				font-family: 'Proxima_Nova', Helvetica, sans-serif;
				width:100%;
				clear: both;
				margin: 20px 0;
			}
			#story-welcome #records .place{
				background:url('../images/medal.png') no-repeat 50% 50% transparent;
				color:#fff;
				font-size:24px;
				padding: 50px 0 10px;
				font-family: 'Proxima_Nova', Helvetica, sans-serif;
				text-align:center;
				float: left;
				width: 20%;
			}
			#story-welcome #records .name{
				color:#fff;
				font-size:24px;
				font-family: 'Proxima_Nova', Helvetica, sans-serif;
				padding:20px 0 20px 0;
				float: left;
				width: 40%;
			}
			#story-welcome #records .time{
				background:url('../images/clock.png') no-repeat 0 50% transparent;
				color:#FF8C3E;
				font-size:32px;
				line-height:60px;
				font-family: 'Proxima_Nova', Helvetica, sans-serif;
				padding-left:10%;
				float: left;
				width: 30%;
			}
			#story-welcome #records .year{
				color:#fff;
				font-size:24px;
				font-family: 'Proxima_Nova', Helvetica, sans-serif;
				padding-left:10%;
				float: left;
				width: 30%;
			}

/*------shop. begin-------*/
#shop {
  width: 100%;
  margin: 0 auto;
  color:#FFFFFF;
  color:#000;
}
#shop article {
   width:1000px;
   font-size:16px;
}
#shop header {
	top:100px;
}
 
#shop header h1{
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-weight:normal;
	font-style: normal;
	font-size:85px;
	line-height:100px;
	margin: 0 auto 80px auto;
	text-align: center;
	text-transform: uppercase; 
}
#shop .item{
	width:460px;
	margin:20px;
	float:left;
	text-align:center;
	font-size: 16px;
	color: #fff;
	font-family: 'FuturaDemiC';
	color:#000;
}
#shop .item .img{
	width:456px;
	height:296px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-radius:2px;
	border:2px solid #F9F9F9;
}
#shop .item h2,#shop .checkout h2{
	font-family: 'Proxima_Nova';
	text-align: center;
	color: #231f20;
	font-size: 16px;
	text-shadow:  initial; /*1px 2px 2px #000;*/
	margin:40px auto 10px;
	text-transform:uppercase;
}
#shop .item h3{
	font-size: 16px;
	color: #000;
	text-shadow: initial; /*1px 2px 2px #000;*/
	margin-bottom:20px;
	text-align:center;
}
#shop .item .item_price{
	font-size: 14px;
	text-align:center;
	font-family: 'FuturaDemiC';
	color:#939598;
}
#shop .checkout{
	margin:60px auto;
}
#shop .checkout h2{
	font-size: 30px;
	text-shadow: initial;
	color:#303030
}
#shop .checkout h3{
	font-size: 16px;
	color: #000;
	text-shadow: 1px 2px 2px #fff;
	margin-bottom:20px;
	text-align:center;
}
#shop .item h3 span,#shop .checkout h3 span{
	color: #afe61b;
	font-weight:bold;
	text-shadow: 1px 1px 1px #000;
}
#shop .item input,#shop .item select{
	border-radius:2px;
	border:1px solid #000;
	padding:0 0 0 10px;
	width:50px;
	font-size: 24px;
	line-height: 24px;
	text-align:center;
}
#shop .item select{
	width:62px;
	cursor:pointer;
}
#shop .item td{
	text-align:right;
	padding:3px;
}
#shop input[type=text],#shop textarea{
	font-family: 'Proxima_Nova';
	width:400px;
	padding:5px 10px;
	font-size: 24px;
	border:2px solid #000;
	background-color: #000;
	color:#fff;
	text-align:left;
	float:left;
}
#shop textarea[name=comments]{
	font-family: 'FuturaDemiC';
	width: 402px;
	font-size: 14px;
	border:1px solid #000;
	background-color: #fff;
	color:#3e3e3e;
	height: 60px;
}
#shop input[type=submit]{
	width: 424px;
	border:0;
	font-family: 'Proxima_Nova';
	padding:10px 60px;
	font-size: 26px;
	line-height: 26px;
	text-align:center;
	background-color: #000;
	color:#fff;
	display: block;
	margin:20px auto;
	cursor:pointer;
	text-transform: uppercase;
}
#shop  input[type=submit]:hover{
	background-color: #afe61b;
	color:#000;
}
#shop .order_list{
	margin:0 auto;
	font-family: 'FuturaDemiC';
	width:100%;
}
#shop .order_list tr{
	background-color: #fff;
	color:#000;
	border-radius:5px;
}
#shop .order_list tr.even td{
	background-color: #fcfcfc;
}
#shop .order_list th{
	padding:3px;
	color:#c1c1c1;
	border-bottom:1px solid #eeeeee;
}
#shop .order_list td{
	padding:15px;
	height:50px;
	text-align: center;
	vertical-align:middle;
	border-bottom:1px solid #eeeeee;
}
#shop .order_personal{
	width:400px;
	margin:0 auto;
	font-family: 'FuturaDemiC';
	font-size:12px;
}
#shop .order_personal td{
	padding:3px;
	text-align: center;
	vertical-align:middle;
	color:#303030;
}
#shop .order_payment{
	font-family: 'Proxima_Nova';
	font-size: 16px;
	border-bottom:0;	
}
#shop .order_payment td{
	background-color: #f8f8f8;
}
#shop .order_list td.order_name{
	text-align:left;
	font-family: 'Proxima_Nova';
	font-size: 16px;
	text-transform: uppercase;
}
#shop .order_img{
	width:100px;
	height:100px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	border-rasius:2px;
	background-color: #fcfcfc;
	border:1px solid #eeeeee;

}
.form_box input:focus {
  outline: none;
  border-color: #07a6e6;
}
.form_box .btn_submit:hover {
  background: #009ac2;
}
.form_box .btn_submit:active {
  box-shadow: inset 0 2px 2px rgba(0,0,0,0.2);
}
.form_box .btn_submit.disabled,
.form_box .btn_submit.disabled:hover {
  background: #afdde6;
  cursor: default;
}
#shop .detail{
	margin-top:40px;
}
#shop .detail-img{
	width:1000px;
	height:665px;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50% 50%;
}
#shop .detail h2{
	font-family: 'Proxima_Nova';
	text-align: center;
	color: #231f20;
	font-size: 36px;
	text-shadow:  initial;
	margin:40px auto 10px;
	text-transform:uppercase;
}
#shop .detail .item_price{
	font-size: 20px;
	text-align:center;
	font-family: 'FuturaDemiC';
	color:#939598;
}
#shop .order_list input[type=number]{
	border:1px solid #000;
	padding:0;
	width:40px;
	font-size: 18px;
	line-height: 18px;
	text-align:center;
}
#shop .item{
	cursor:pointer;
}
#shop .order_item a{
	text-decoration:none;
}
#shop .size_table {
	font-family: 'FuturaDemiC';
	font-size: 20px;
	text-align:center;
	color:#000;
	margin:20px auto 0;
}
#shop .size-button{
	border:1px solid #000;
	padding:5px;
	cursor:pointer;
}
#shop .size-button:hover,#shop .active{
	color:#a6ce39;
	border-color:#a6ce39;
	text-decoration:none;
}
#shop a.del {
	color:#3e3e3e;
}
#shop a.del:hover {
	color:#a6ce39
}
#story-welcome #reg header h1{
	font-size: 45px;
	letter-spacing: 2px;
}
/*------shop. end-------*/
/*------admin. begin-------*/
#admin {
  width: 100%;
  margin: 0 auto;
  color:#FFFFFF;
  color:#000;
}
#admin article {
   width:1200px;
   font-size:16px;
}
#admin header {
	top:100px;
	width: initial;
	min-width:1000px;
}
#admin h1{
	font-family: 'Proxima_Nova';
	text-align: center;
	color: #231f20;
	font-size: 20px;
	text-shadow:  initial;
	margin:40px auto 10px;
	text-transform:uppercase;
}
.admintable{
	width:100%;
	border-right: 1px dotted gray;
	border-top: 1px dotted gray;
	border-spacing: 0px;
	margin-bottom:40px;
}
.admintable td,.admintable th{
	padding:3px;
	border-left: 1px dotted gray;
	border-bottom: 1px dotted gray;
}
.admintable th{
	font-family: 'FuturaDemiC';
	font-size: 10px;
	text-align:center;
}
.admintable td{
	font-family: Helvetica;
	font-size: 12px;
	text-align: left;
}
.admintable a:hover{
	cursor: pointer;
}
#admin article{
	position:initial;
}
#admin .autenfication {
	text-align:center;
}
#admin .autenfication h2{
	font-family: 'Proxima_Nova';
	text-align: center;
	color: #231f20;
	font-size: 16px;
	text-shadow:  initial;
	margin:20px auto;
	text-transform:uppercase;
}
#admin .autenfication input{
	font-family: 'FuturaDemiC';
	font-size: 14px;
	text-align:center;
	width:200px;
	line-height:25px;
	border:1px solid #000;
	border-radius:10px;
	margin: 5px auto;
}
#admin .autenfication input[type=submit]{
	background-color:#000;
	color:#fff;
	cursor:pointer;
}
#admin .autenfication input[type=hover]{
	background-color:gray;
	color:#000;
}
#admin input, #admin select {
	font-family: 'Proxima_Nova';
	font-weight: normal;
	font-style: normal;
	font-size: 20px;
	padding: 0 10px;
}
#admin input[type='submit'] {
	background-color:#000;
	color:#fff;
	cursor:pointer;
}
#admin input[type='submit']:hover {
	background-color:gray;
	color:#000;
}
#admin h2.ok{
	color:green;
	margin-bottom:20px;
}
#admin h2.fail{
	color:red;
	margin:20px auto;
}
/*------admin. end-------*/
/*---splash---*/
#splash{
	position: absolute;
	left: 0;
	top:0;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index:99999;
	display: block;
	/*background:url(../../images/splash-bg.png) no-repeat  50% bottom #fff;*/
	background: url(../images/site_run_path.png) no-repeat 50% bottom #fff;
	background-size: contain;
}
.splash-header{
	width:100%;
	min-height:60px;
	padding:80px 0;
	font-family: 'Myriad Pro Regular', Helvetica, sans-serif;
	font-size: 60px;
	/*position: absolute;
	left:0;
	top: 40px;*/
	color: #000;
	text-align:center;
	z-index: 9;
	text-transform: uppercase;
}
.splash-item{
	width:24.7%;
	display:inline-block;
	vertical-align: middle;
	text-align: center;
	background-color:#fff;
	border-radius: 25px;
}
.splash-item img{
	cursor:pointer;
}
@media (max-width: 1400px){
	.splash-item img{max-width:70%;}
}
@media (max-width: 1000px){
	.splash-item{width:24.5%;}
	#splash{background: none;background-color: #fff;}
}
@media (max-width: 800px){
	.splash-item{width:49%;}
	.splash-item img{width:auto;max-width:80%;}
}
@media (max-width: 600px){
	.splash-header{ padding:40px 0; font-size: 40px;}
	.splash-item img{max-width:80%;}
}
.splash-text{
	width:100%;
	min-height:40px;
	padding:40px 0;
	font-family: 'Myriad Pro Regular', Helvetica, sans-serif;
	font-size: 40px;
	color: #000;
	text-align:center;
	z-index: 9;
	text-transform: uppercase;
}
.splash-grut{
	/*background:url(../../images/logos/splash-grut.jpg) no-repeat  50% 50% #000; */
	background:url(../../images/logos/grut_logo2_black.png) no-repeat  50% 40% transparent;
	background-size: auto;
	width:25%;
	height:100%;
	cursor:pointer;
	position: absolute;
	right:75%;
	max-width:640px;
}
.splash-grut:hover{
	/*background:url(../../images/logos/splash-grut-hover.jpg) no-repeat  50% 50% #000;*/
	background-image:url(../../images/logos/grut_logo2_green.png);
}
.splash-mf{
	/*background:url(../../images/logos/splash-mf.jpg) no-repeat  50% 50% #000;*/
	background:url(../../images/logos/mf_logo2_black.png) no-repeat  50% 40% transparent;
	background-size: auto;
	width:25%;
	height:100%;
	cursor:pointer;
	position: absolute;
	left:25%;
	max-width:640px;
}
.splash-mf:hover{
	/*background:url(../../images/logos/splash-mf-hover.jpg) no-repeat  50% 50% #000;*/
	background-image:url(../../images/logos/mf_logo2_blue.png);
}
.splash-vmr100{
	background:url(../../images/logos/vmr100_logo2_black.png) no-repeat  50% 40% transparent;
	background-size: auto;
	width:25%;
	height:100%;
	cursor:pointer;
	position: absolute;
	left:50%;
	max-width:640px;
}
.splash-vmr100:hover{
	background-image:url(../../images/logos/vmr100_logo2_red.png);
}
.splash-crazyowl{
	background:url(../../images/logos/crazyowl_logo2_black.png) no-repeat  50% 40% transparent;
	background-size: auto;
	width:25%;
	height:100%;
	cursor:pointer;
	position: absolute;
	left:75%;
	max-width:640px;
}
.splash-crazyowl:hover{
	background-image:url(../../images/logos/crazyowl_logo2_purple.png);
}
.splash-shop{
	width:50%;
	height:30px;
	line-height:30px;
	font-family: 'Proxima_Nova', Helvetica, sans-serif;
	font-size: 20px;
	position: absolute;
	left:20px;
	bottom:20px;
	text-transform: uppercase;
}
.splash-shop a{
	color: #000;
	border: 1px solid #000;
	padding: 5px 10px;
	background-color:#fff;
	text-decoration:none;
}
.splash-shop a:hover{
	color: #fff;
	border-color: #fff;
	background-color:#000;
}
.splash-copyright{
	width:50%;
	height:20px;
	line-height:20px;
	font-family: 'FuturaDemiC', Helvetica, sans-serif;
	font-size: 12px;
	position: absolute;
	right:20px;
	bottom:20px;
	text-transform: uppercase;
	color:#000;
	text-align:right;
}
@media (max-width: 1000px){
	.splash-grut,.splash-mf,.splash-vmr100,.splash-crazyowl{background-size: contain;}
}
@media (max-width: 550px){
	/*.splash-copyright{width:100%;text-align:center;right:0;}
	.splash-shop{width:100%;bottom:60px;text-align:center;left:0;}*/
}
@media (max-width: 400px){
	.splash-shop{font-size:20px; height:30px; line-height:30px;}
	.splash-copyright{font-size:12px;}
}
/*---splash. end---*/
ul.startlist {
	margin:10px 0 20px 0;
	padding:0;
}
ul.startlist li{
	display:inline-block;
	margin-right:20px;
}
#admin .getform input,#admin .getform select { 
	display: inline-block;
	margin-bottom: 3px;
	height: 30px;
	padding-left: 5px;
	font-size: 16px;
	font-family: 'Proxima_Nova';
	width: 150px;
	height:30px;
}
#admin .getform select,#admin .getform input[type=submit] { 
	width: 169px;
	height: 34px;
}
#admin .getform span{
	width: 60px;
	text-align:right;
	line-height: initial;
	display: inline-block; 
	margin-right: 5px;
}
#admin .getform input[type=submit]{border: 1px solid #000;}
#valid{
	font-size:12px;	
	line-height:14px;
	margin-left:20px;
	color:red;
}
#countrytext,#datetext,#regiontext,#citytext{
	width: 640px;
	background-color: #000;
	color: #757575;
	font-family: 'Proxima_Nova';
	font-weight: normal;
	font-style: normal;
	font-size: 40px;
	padding: 0 10px;
	margin: 5px 0;
}
@media (max-width: 1400px){
	.admintable .lg{display:none}
}
.partners_item{
	display: inline-block;
	height:70px;
	max-width:150px;
	margin: 10px 40px 10px 0;
}
.partners_item img{
	max-height:100%;
	max-width:100%;
	vertical-align: middle;
}
.partners_title{
	margin: 15px 0 5px 0;
}
.admin-submenu{
	padding:0;
	margin:0;
	text-align: center;
}
.admin-submenu li{
	display:inline-block;
	font: 13px 'HeliosCond';
	text-align: center;
	font-weight: bold;
	text-transform: uppercase;
	padding:5px 10px;
}
#admin header{
	width: 100%;
}
#admin .noactive{
	opacity:0.3;
}
.admin-form-item{
	display: inline-block;
	height: 40px;
	width: 250px;
}
#admin .header-filter{
	margin-top:40px;
	font-family: 'Proxima_Nova';
	font-size: 20px;
}
#admin .filter-type{
	 margin:5px 10px;
 }
#admin .header-filter a {
	color: #231f20;
}
#admin .header-filter a.type-active {
	color: #a6ce39;
	text-transform: uppercase;
	text-decoration: none;
	display: inline-block;
	cursor: initial;
}

#Region option{font-size:16px;}
#City option{font-size:16px;}

.story #partners header,.story #information header,.story #about header{
	position: initial;
	padding: 100px 0;
}

.story #advert header{
	position: initial;
	padding: 10px 0;
}

.story #about header h1 {
	color: #fff;
}

.rules-headers{
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	align-content: center;
	justify-content: space-between;
	flex-wrap: wrap;
	font-size: 30px;
	font-family: 'Proxima_Nova';
	column-gap: 40px;
	row-gap: 10px;
}
.rules-headers a{
	color: #000;
	text-decoration: none;
}
.rules-headers a:hover{
	color: #FF8C3E;
}