
@font-face {
  font-family: "MikadoRegular";
  src: url("/club/pages/css/mikado_font/2DCCC2_0_0.eot");
  src: url("/club/pages/css/mikado_font/2DCCC2_0_0.eot?#iefix") format("embedded-opentype"),
  url("/club/pages/css/mikado_font/2DCCC2_0_0.woff2") format("woff2"),
  url("/club/pages/css/mikado_font/2DCCC2_0_0.woff") format("woff"),
  url("/club/pages/css/mikado_font/2DCCC2_0_0.ttf") format("truetype"); }
@font-face {
  font-family: "MikadoBold";
  src: url("/club/pages/css/mikado_font/2DCCC2_1_0.eot");
  src: url("/club/pages/css/mikado_font/2DCCC2_1_0.eot?#iefix") format("embedded-opentype"),
  url("/club/pages/css/mikado_font/2DCCC2_1_0.woff2") format("woff2"),
  url("/club/pages/css/mikado_font/2DCCC2_1_0.woff") format("woff"),
  url("/club/pages/css/mikado_font/2DCCC2_1_0.ttf") format("truetype"); }

/*game_page*/

.fr_club_container .game
{
      margin: 0px -37px 0;
      position:relative;
      z-index:99;
}
.fr_club_container .game

{
	margin: 0 0 0 !important;
}

.form_container .form_title
 {
 	font:16px verdana;
 	color:#646464;
 	
 }
  .form_container .form_title span
  {
  	font:22px MikadoRegular;
  }
.club_logo
{
	top: 24px;
	left: 45% !important;
	width:87px;
	height:46px;
	background:url(../img/logo.jpg) no-repeat;
	position:absolute;
}

.fr_pop_container p {
    color: #ffe64e;
    margin: 36px 0 21px;
}
.fr_pop_container
{
	margin:226px 0 0;
}
  .button_container:hover:after {
    opacity: 1;
    text-shadow: 0px -1px -2px #944d0f; }


.fr_club_container {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  color: #606b77;
  font: 16px "MikadoRegular", sans-serif;
  -webkit-font-smoothing: antialiased;

/*background-image: -webkit-gradient(linear, left top, left bottom, from(#08498f), to(#083f7b));
  background-image: -webkit-linear-gradient(top, #08498f, #083f7b);
  background-image: -moz-linear-gradient(top, #08498f, #083f7b);
  background-image: -ms-linear-gradient(top, #08498f, #083f7b);
  background-image: -o-linear-gradient(top, #08498f, #083f7b);
  background-image: linear-gradient(top, #08498f, #083f7b);
  filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#083f7b', EndColorStr='#083f7b');*/
   }
  .fr_club_container .fr_club_main_wrapper {

    height: 100%;
    margin: 80px;
    margin: 0 auto;
    text-align: center;
    background: #fff url(../img/main_bg.jpg?v=6.5) no-repeat top;
    //background: url(../img/main_bg.png) no-repeat top;
    padding: 30px 0 10px; 
    position:relative;
  }
 
  
    .fr_club_container .fr_club_main_wrapper h1 {
      margin: 0 0 24px;
      padding: 13px 0 0;
      color: #0a325f;
      font:bold 62px/57px "MikadoBold", sans-serif;
}
  
    #game_page h1 {
    font: 37px/44px "MikadoRegular", sans-serif;
    padding: 22px 0 18px;
    margin: 0;
} 
    .fr_club_container .fr_club_main_wrapper h1 span {
      font: 26px/55px "MikadoRegular", sans-serif;
      color: #5b9000;
}
.fr_club_container .fr_club_main_wrapper
{
	background-image: none;
	
	width:1154px;
	height: auto;
	padding:5px 0 20px;
	
}

.fr_pop_container .first
{
    width: 344px;
    margin-right: 14px;
   margin-left: 43px;
}

#game_page {
    padding: 70px 0px 42px;
}

#game_page .fr_club_container .fr_club_main_wrapper
{
	height: 440px;
}

.small_title
{
	color:#17335d;
	font-size:19px;
	margin-top:10px;
}
.coupon
{
    position: absolute;
    bottom: 0px;
    left: 385px;
}
.testimonials_container
{
	border: none;
}


.devider
{
	color: #ededed;
    width: 801px;
    height: 2px;
    border-bottom: 1px solid #ededed;
    margin: auto;
}

/* Options */

.options_container .option .title
{
	color: white;
	padding-top: 11px;
    line-height: 48px;
}
.options_container .option .price {
    color: #36a0f4;
    font-size: 42px;
    line-height: 20px;
    margin: 20px 0 6px 0;
}

.options_container
{
	clear:both;
	font-family: "MikadoRegular";
	height: 353px;
	padding: 0 0 16px;
	position:relative;

}
.options_container .option
{
   border:none;
   position:relative;

}

.option_title
{
	color:#000204;
	font:22px verdana;
	margin: 0 0 52px;
	text-align:left;
}
.title2
{
	font: 16px verdana;
	color: #5b9000;
	text-align:left;
	margin:-46px 0 0;
}
.option_title span
{
	font: 22px MikadoRegular;
}
.best_offer
{
	background:url(../img/icon.png) no-repeat;
	width:86px;
	height:51px;
	position:absolute;
	left: 526px;

}

.yellow
{
	background:url(../img/yellow_bg.png) no-repeat;
	background-size: 390px 242px;
	width:398px;
	height:247px;
	position:absolute;
	left: 25px;
    top: 10px;
	z-index:2;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.yellow:hover
{
	xmargin: -5px 10px 0px 0px;
	z-index:99;
	background-size: 398px 247px;
	left: 18px;
	top: 10px;
}

.yellow .checkmark
{
	bottom:20px;
}
.options_container .yellow .price
{
	margin-top:30px !important;
}
.options_container .green .terms
{
	margin-top:2px !important;
}

.green
{
	background: url(../img/green_bg.png) no-repeat;
	background-size: 406px 250px;
    left: 377px;
    top: -261px;
	z-index:3;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
	border:1px solid red;
	 width: 406px;
    height: 250px;
}
.green:hover
{
	width:415px;
	height:258px;
	z-index:999;
	background-size: 415px 258px;
	left: 372px;
    top: -264px;

}
.blue
{
	background: url(../img/blue_bg.png) no-repeat;
    background-size: 390px 242px;
	width:390px;
	height:242px;
	position:absolute;
	left: 746px;
    top: -489px;
	z-index:1;
	-webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.blue:hover{
	width:398px;
	height:247px;
	background-size: 398px 247px;
	z-index:999;
}
.options_container .blue .terms
{
	margin-top:0px !important;
}
.active
{
	border:none !important;
}
.options_container .option .terms
{
	position: static;
	margin:7px 0 0 0;
}

.options_container .title
{
	color:#509400;
	font-size: 22px;
	padding-top: 9px;
	font-size: 22px;
        line-height: 43px;
}


.options_container .price
{
	color: #36a0f4;
	font-size:32px;
} 

.options_container .price small
{
	color:#0a325f;
	font-size:16px;
}
.options_container .price sup
{
	font-size: 12px;
}
.options_container .terms

{
	position:absolute;
	bottom:20px;
	color:#7b7b7b;
	font: 16px verdana;
	left: 110px;
}

.options_container .adventage
{
	color:#122438;
	font-size:25px;
	margin-top: 4px;
}
.options_container input
{
	position:absolute;
	left:20px;
	
}
.options_container .option .adventage
{
	color: #e56916;
}



.options_container .friq
{
	color:#0a325f;
	font: 14px verdana;
}

/*Checkbox style*/
/* The container */
.container {
    display: block;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 22px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default radio button */
.container input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.checkmark {
    position: absolute;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    border:2px solid #d6d6d6;
	bottom: 11px;
	right: 188px;
}

/* On mouse-over, add a grey background color */
.container:hover input ~ .checkmark {
    background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.container input:checked ~ .checkmark {
    background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the indicator (dot/circle) when checked */
.container input:checked ~ .checkmark:after {
    display: block;
}

/* Style the indicator (dot/circle) */
.container .checkmark:after {
 	top: 9px;
	left: 9px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: white;
}



/**/



.fr_club_container .fr_club_main_wrapper h1
{
	font:37px/44px "MikadoRegular", sans-serif;
	padding:57px 0 18px;
	margin:0
}

.fr_club_container .fr_club_main_wrapper h1 span {

	font: 34px/40px "MikadoRegular", sans serif;
	color: #89c40a;

}
  
    
.fr_club_main_wrapper .fr_icon
    {
    	background: none;
    	width:47px;
    	height:32px;
    	margin:auto !important;
    	position: static !important;
    	right:550px;
    	top:8px;
    }
    .label
    {
    	background:url(../img/free_label.png) no-repeat;
    	width:144px;
    	height:75px;
    	position:absolute;
    	right:34px;
    	top: -7px;
    	z-index: 99;
    }
    
    .tour
{
	width: 226px;
	color:#000204;
	font-size:18px;
	line-height: 30px;
	float:left;
	text-align:left;
	font-weight:normal;
}
.tour h2
{
	color:#0a325f;
	text-align:left;
	padding:0;
	margin:10px 0 15px 0;
	font-weight:normal;
	font: 18px verdana;
	color: #0a325f;
}

.tour ul
{
	padding:0;
	margin:0;
	font-size:18px;
	font: 18px MikadoRegular;

}
.tour ul li
{
	list-style: none;
	padding:3px 0;
}
.tour ul li a
{
	color:#056cf2;
}
.fr_pop_container .last
{
	margin-left:1px;
}
.fr_pop_container {
   
    margin: 14px auto;
    width: 855px;
}
fr_club_container .fr_club_main_wrapper h1 span {
    color: #5b9000;
    font: 39px/65px "MikadoRegular", sans-serif;
    
}

.tos_wrapper {
	text-align: center;
}

.top_image {
    height:341px;
    background-color:none;
    margin-bottom:20px;
    }
    
#game_page .top_image 
{
   height: 385px;
   margin-top: 20px;
 }


.form_position {
    position: relative;
    top:25px !important;

}

#game_page .coupon {

    bottom: -6px;
}


.video-js .vjs-big-play-button {
    left: 40% !important;
    top: 40% !important;
    width: 20%;
    height: 20%;
}

.video-js .vjs-play-control:before {
    top:20% !important;
    content: '\f101';
    font-size: 48px;
}
.video-js .vjs-big-play-button {
    font-size: 5em;
    }


























