/*  _______________________________________________

    01 MEGA MENU BAR
    _______________________________________________  */

.megamenu_container {
	width:1160px;
	height: 40px;
	*height: 44px;
	margin:0 auto;
	position: static;
	z-index:9999;
	margin-top: 0px;
	direction:ltr
}
.megamenu_fixed {
	width: inherit;
	position:fixed;
	top:0;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius: 0 0 3px 3px;
	border-radius: 0 0 3px 3px;
	/* IE7 Fix */
	*width:expression(this.parentNode.currentStyle['width']);
}
.megamenu {
	list-style:none;
	padding:0;
	position:static; /* For IE7 */
	margin:0;
	font-size:23px;
	line-height:1;
}
.megamenu > li {
	float:right;
	margin:0;
	border:none;
	padding: 5px 5px 5px 5px;
	font-family:'Reforma-Light';
	text-shadow: 1px 1px 1px #b2b2b2;
}
li.eng_special_font a{font-size:19px; }

.megamenu.en   > li  {
	float: left;
}
.megamenu > li > a {
	font-size:20px;
	text-transform:uppercase;
	outline:0;
	text-decoration:none;
	display:block;
	margin-top:5px;
	padding: 5px 5px 5px 5px;
}
.megamenu.en > li > a {
    font-size: 18px;
}
	
.megamenu .sep {
	padding-top: 14px;
}

.megamenu > li .megamenu_drop {
	/*padding-right:30px;*/
}
.megamenu li.megamenu_button {
	display: none;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	-ms-transition: none;
	transition: none;
}

/* Right aligned menu item */
		
.megamenu li.megamenu_right {
	float:right;
	margin-right:-1px;
}
.megamenu li.megamenu_right a {
	margin-right:0px;
}

		


/*  _______________________________________________

    02 MEGA MENU CONTAINERS
    _______________________________________________  */




.megamenu li .dropdown_container,
.megamenu li .dropdown_fullwidth,
.megamenu li .dropdown_multilevel {
	position: absolute;
	margin:0;
	padding-top:24px;
	padding-bottom:10px;
	right:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: right;
	-webkit-border-radius: 0 0 4px 4px;
	-moz-border-radius: 0 0 4px 4px;
	border-radius: 0 0 4px 4px;
}
.megamenu li .dropdown_first {
	margin-right:-1px;
}
.megamenu li .droplast_right {
	margin-right:-1px;
}

/* Showing Drop Down on Mouse Hover */

.megamenu li:hover .dropdown_container {
	top:45px;
	right:auto;
}
.megamenu li:hover .dropdown_fullwidth {
	top:45px;
	right:0px;
}

.megamenu li:focus .dropdown_container {
	top:45px;
	right:auto;
}
.megamenu li:focus .dropdown_fullwidth {
	top:45px;
	right:0px;
}
.megamenu li:focus .dropdown_fullwidth a:focus {
	outline:5px red solid
}	
/*
	Bigger containers need smaller padding values and
	on the opposite, smaller containers will have
	higher paddings. 
	This makes the content within each kind of drop down 
	equally distant from the left edge. 
*/

.megamenu .dropdown_1column {
	width: 8.3334%;
	padding-left: 2%;
	padding-right: 2%;
}
.megamenu .dropdown_2columns {
	width: 16.6667%;
	padding-left: 1.8333%;
	padding-right: 1.8333%;
}
.megamenu .dropdown_3columns {
	width: 25%;
	padding-left: 1.5%;
	padding-right: 1.5%;
}
.megamenu .dropdown_4columns {
	width: 33.3334%;
	padding-left: 1.333%;
	padding-right: 1.333%;
}
.megamenu .dropdown_5columns {
	width: 41.6667%;
	padding-left: 1.166%;
	padding-right: 1.166%;
}
.megamenu .dropdown_6columns {
	width: 50%;
	padding-left: 1%;
	padding-right: 1%;
}
.megamenu .dropdown_7columns {
	width: 58.3334%;
	padding-left: 0.833%;
	padding-right: 0.833%;
}
.megamenu .dropdown_8columns {
	width: 66.6667%;
	padding-left: 0.666%;
	padding-right: 0.666%;
}
.megamenu .dropdown_9columns {
	width: 75%;
	padding-left: 0.5%;
	padding-right: 0.5%;
}
.megamenu .dropdown_10columns {
	width: 83.3334%;
	padding-left: 0.333%;
	padding-right: 0.333%;
}
.megamenu .dropdown_11columns {
	width: 91.6667%;
	padding-left: 0.1666%;
	padding-right: 0.1666%;
}
.megamenu .dropdown_12columns,
.megamenu .dropdown_fullwidth {
	width: 100%;
}




/*  _______________________________________________

    03 DROP DOWN COLUMNS GRID
    _______________________________________________  */




.megamenu .col_1,
.megamenu .col_2,
.megamenu .col_3,
.megamenu .col_4,
.megamenu .col_5,
.megamenu .col_6,
.megamenu .col_7,
.megamenu .col_8,
.megamenu .col_9,
.megamenu .col_10,
.megamenu .col_11,
.megamenu .col_12 {
	float: right;
	display:inline;
	position: relative;
	margin-left: 0px;
	margin-right: 0px;



	/* 
	Rounding error with IE7.
	Lower margin values will absorb the difference.
	*/
	*margin-left: 1.9%;
	*margin-right: 1.9%;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #ff8a45;
	text-align: right;
	height: 280px;
	border-right:none;
	direction:rtl;
}
.megamenu.en .col_1,
.megamenu.en .col_2,
.megamenu.en .col_3,
.megamenu.en .col_4,
.megamenu.en .col_5,
.megamenu.en .col_6,
.megamenu.en .col_7,
.megamenu.en .col_8,
.megamenu.en .col_9,
.megamenu.en .col_10,
.megamenu.en .col_11,
.megamenu.en .col_12 {
	float: left;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #ff8a45;
	text-align: left;
	border-left:none;
	direction:ltr;
}

.megamenu .col_1 {width:4.33%;}
.megamenu .col_2 {width:12.66%;}
.megamenu .col_3 {
	width:24.5%;
}
.megamenu .col_4 {
	width:29.33%;
}
.megamenu .col_5 {width:37.66%;}
.megamenu .col_6 {width:46%;}
.megamenu .col_7 {width:54.33%;}
.megamenu .col_8 {width:62.66%;}
.megamenu .col_9 {width:71%;}
.megamenu .col_10 {width:79.33%;}
.megamenu .col_11 {width:87.66%;}
.megamenu .col_12 {width:96%;}

.megamenu .rowcontent {
	clear:right;
	/*
	IE7 clear issue.
	Display inline required.
	*/
	*display:inline;
}




/*  _______________________________________________

    05 MEGA MENU WEB ELEMENTS
    _______________________________________________  */




/* 1. General Typography */


.megamenu p, 
.megamenu h1, 
.megamenu h2, 
.megamenu h3, 
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	padding:0;
	margin:0;
}
.megamenu > li > div a {
	text-decoration: none;
}
.megamenu > li > div a:hover {
	-webkit-transition: color 0.3s;
	-moz-transition: color 0.3s;
	-o-transition: color 0.3s;
	-ms-transition: color 0.3s;
	transition: color 0.3s;
}
.megamenu p {
	font-size:12px; 
	line-height:21px; 
}
.megamenu h1, 
.megamenu h2, 
.megamenu h3,
.megamenu h4, 
.megamenu h5, 
.megamenu h6 {
	font-weight:normal;
	font-family:'Reforma-Light';
	text-shadow: 1px 1px 1px #b2b2b2;
	margin: 0;
}
.megamenu h1 {
	font-size: 24px;
	line-height: 28px;
}
.megamenu h2 {
	font-size: 20px;
	line-height: 22px;
	font-weight: bold;
	height:30px;
}
.megamenu.en h2 {
    font-size: 16px;
}
.megamenu h3 {
    font-weight:normal;
	font-size: 20px;
	line-height: 20px;
}
.megamenu h4 {
	font-size: 14px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h5 {
	font-size: 12px;
	line-height: 18px;
	margin-bottom:14px;
}
.megamenu h6 {
	font-size: 10px;
	line-height: 16px;
	margin-bottom:14px;
	text-transform:uppercase;
}


/* 3. Custom Paragraphs */


.megamenu .blue, 
.megamenu .grey, 
.megamenu .orange, 
.megamenu .dark, 
.megamenu .purple {
	padding:0 0 0 15px; 
	margin-bottom:18px;
	border-right: solid 5px;
}
	.megamenu .blue {border-right-color:#929292;}
	.megamenu .grey {border-right-color:#ECE7BA;}
	.megamenu .orange {border-right-color:#BD4F33;}
	.megamenu .dark {border-right-color:#3F3F3F;}
	.megamenu .purple {border-right-color:#382E34;}

.megamenu .black_box {
	text-shadow:none;
	padding:10px;
	margin-top:-10px;
	*margin-top:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}


/* 4. Video + Misc. */


.megamenu .video_container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 24px;
}
	.megamenu .video_container iframe,  
	.megamenu .video_container object,  
	.megamenu .video_container embed {
		position: absolute;
		top: 0;
		right: 0;
		width: 100%;
		height: 100%;
		border:none;
	}
.megamenu .dropcap {
	display:block; 
	float:right; 
	font-size:42px; 
	line-height:36px; 
	margin:4px 8px 0 0;
}
.megamenu hr {
	width: 100%;
	height: 0;
	*height:2px;
	border:none;
	margin-bottom: 24px;
}


/* 5. Images */


.megamenu img {
	border:none;
}
	.megamenu img.img_left {
		float: left;
		margin-right: 18px;
	}
	.megamenu img.img_right {
		float: right;
		margin-left: 18px;
	}
.megamenu img {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	opacity:1;
}
.megamenu img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity:0.85;
}


/*  _______________________________________________

    06 DEFAULT THEMES, DARK & LIGHT (COMPULSORY)
    _______________________________________________  */




/* 1. Dark Menu Bar */


.megamenu_dark_bar {
}
.megamenu_dark_bar .megamenu {
	color:#FFFFFF;
}
	.megamenu_dark_bar .megamenu > li > a:hover, 
	.megamenu_dark_bar .megamenu > li > a.active {
		background-color:#232520;
        padding:5px;
		color:#fff !important;
	}
	.megamenu_dark_bar .megamenu li.noactive {
		background:none;
		-webkit-box-shadow:none;
		-moz-box-shadow:none;
		box-shadow:none;
	}
	.megamenu_dark_bar .megamenu > li > a {
		color:#fff;
	}
	.megamenu_dark_bar .megamenu > li:hover > a {
		color:#fff;
		
	}
	
/* 3. Dark Drop Down */


.megamenu_dark .megamenu li .dropdown_container,
.megamenu_dark .megamenu li .dropdown_fullwidth,
.megamenu_dark .megamenu li .dropdown_flyout li ul {
	color: white;
	/*SEASON:*/
	margin-top: 308px;
	/*SUMMER:
	margin-top: 108px;
	*/

	height: 320px;
	background-color: rgba(255,110,21,1);
}
.megamenu_container_vertical .megamenu li .dropdown_container,
.megamenu_container_vertical .megamenu li .dropdown_fullwidth,
.megamenu_container_vertical .megamenu li .dropdown_flyout li ul {
	border-top-width: 1px;
}
.megamenu_dark .megamenu p, 
.megamenu_dark .megamenu h1, 
.megamenu_dark .megamenu h2, 
.megamenu_dark .megamenu h3, 
.megamenu_dark .megamenu h4, 
.megamenu_dark .megamenu h5, 
.megamenu_dark .megamenu h6 {
	color: #fff;
	font-family:'Reforma-Light';
	text-shadow: 1px 1px 1px #b2b2b2;
    font-weight:normal;
}
.megamenu_dark .megamenu.en p, 
.megamenu_dark .megamenu.en h1, 
.megamenu_dark .megamenu.en h2, 
.megamenu_dark .megamenu.en h3, 
.megamenu_dark .megamenu.en h4, 
.megamenu_dark .megamenu.en h5, 
.megamenu_dark .megamenu.en h6 {
	font-family:'Lato';
}
.megamenu_dark .megamenu > li > div a,
.megamenu_dark .megamenu li ul li,
.megamenu_dark .megamenu li ol li {
	color:#aaaaaa;
}
.megamenu_dark .megamenu > li > div a:hover {
	color:#dddddd;
}
.megamenu_dark .megamenu li ul li:hover,
.megamenu_dark .megamenu li ol li:hover,
.megamenu_dark .megamenu .blue, 
.megamenu_dark .megamenu .grey, 
.megamenu_dark .megamenu .orange, 
.megamenu_dark .megamenu .dark, 
.megamenu_dark .megamenu .purple {
	color:#eeeeee;
}
.megamenu_dark .megamenu .black_box {
	background: #000000;
	color:#ffffff;
}
.megamenu_dark .megamenu .grey_bg {
	background: #eeeeee;
	color: #000000;
	text-shadow:1px 1px 1px #ffffff;
}
.megamenu_dark .megamenu .form_element {
	-webkit-box-shadow: 0 1px 1px #000000;
	-moz-box-shadow: 0 1px 1px #000000;
	box-shadow: 0 1px 1px #000000;
}
.megamenu_dark .megamenu > li.megamenu_searchform:hover {
	background: none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}
.megamenu_dark .megamenu hr {
	border:none;
	border-bottom:1px solid #202020;
	border-top:1px solid #000000;
}


/* 5. Orange */


.megamenu_orangetheme {
	background-color: #ff6e15;
	background-position: top;
}
.megamenu_orangetheme .megamenu > li > div a,
.megamenu_orangetheme .megamenu li ul li,
.megamenu_orangetheme .megamenu li ol li {
	color:#fff;
}
.megamenu_orangetheme .megamenu > li > div a:hover,
.megamenu_orangetheme .megamenu li ul li:hover,
.megamenu_orangetheme .megamenu li ol li:hover {
	color:#fff;
}

.megamenu  .subMenu {
	font-size:20px;
	font-family:'Reforma-Light';
	text-shadow: 1px 1px 1px #b2b2b2;
    font-weight:normal;
	line-height: 22px;
	width: 23%;
	text-align: right;
	float: right;
	height: 320px;
	
}
.megamenu.en .subMenu {
	text-align: left;
	float: left;
	font-size: 19px;
}
.megamenu .noBorder {
	border-left-style: none;
}
.megamenu.en .noBorder {
	border-right-style: none;
}
.megamenu   .paddingLeft {
	padding-left: 10px;
}
.megamenu  .paddingRight {
	padding-right: 10px;
}
.megamenu  .col_4  {
	height: 300px;
	margin-top: 5px;
    margin-right:10px;
    margin-left:10px;
}
.megamenu  .col_4:first-child {
	width: 23%;
}
.megamenu  .subMenu a,
.megamenu  .subMenu a:hover, 
.megamenu  .menu_middle_item .menu_middle_item_pic a,
.megamenu  .menu_middle_item .menu_middle_item_pic a:hover,
.megamenu a .menu_middle_item .menu_middle_item_title,
.megamenu a:hover .menu_middle_item .menu_middle_item_title {
	color:#fff !important;
}

.megamenu .menu_middle_item .menu_middle_item_title {
	font-size:20px;
	font-family:'Reforma-Light';
	text-shadow: 1px 1px 1px #b2b2b2;
    margin-bottom:10px;
    height:40px;
}

.panel .menu_middle_item .menu_middle_item_title {
	font-size:17px;
	color:#000;
	font-family:'Reforma-Light';
    margin-bottom:10px;
    height:20px;
}
.panel .menu_middle_item .menu_middle_item_pic a {
	color:#000 !important;
}

.megamenu .menu_middle_item .menu_middle_item_pic,
.panel .menu_middle_item .menu_middle_item_pic {
    display: inline-block; /* change the default display type to inline-block */
    overflow: hidden;      /* hide the overflow */
    
}
.megamenu .menu_middle_item .menu_middle_item_pic img,
.panel .menu_middle_item .menu_middle_item_pic img {
    width:100%;	
    /*height:153px;*/
	opacity:1;
	display: block;
}
.megamenu .menu_middle_item .menu_middle_item_pic img:hover,
.panel .menu_middle_item .menu_middle_item_pic img:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	filter: alpha(opacity=85);
	opacity:0.85;
}

.megamenu .menu_middle_item .menu_middle_item_text,
.panel .menu_middle_item .menu_middle_item_text {
    font-size:15px;
    line-height:17px;
    color:#fff;
    font-family:'reforma-Light';
    text-shadow:none;
    margin-top:10px;
}

.megamenu .menu_middle_item,
.panel .menu_middle_item {
    width:240px;
    margin: 0 auto;
}

.megamenu .menu_middle_item.results,
.panel .menu_middle_item.results {
    width:488px;
}

.megamenu .menu_middle_item .menu_middle_item_more {
    width:240px;
    height:20px;
    font-size:15px;
    color:#fff;
    font-family:'reforma-Light';
    background-color:#141613;
    padding-top:6px;
    text-align:center;
    text-shadow:none;
}
.megamenu .menu_middle_item .menu_middle_item_more a {
    font-size:15px;
    color: #fff;
}
.megamenu .menu_middle_item .mrg_img_fix {
    margin-top:-4px;
}
.megamenu .menu_middle_item .mrg_img_fix img {
    margin:0 !important;
    vertical-align:bottom !important;
    width:74px;
    height:24px;
}
.menu_middle_item_text .menu_game {
    font-size: 17px;
}
.menu_middle_item_text .menu_game a {
    color:#fff;
}
.menu_middle_item_text .menu_game_more {
    color: #d0d0d0;
    padding-bottom: 6px;
    margin-bottom: 6px;
    border-bottom: solid 1px #b2b2b2;
}
.menu_middle_item_text .menu_game_more.last {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.menu_middle_item_text .menu_game_more a {
    color:#fff;
}
.menu_middle_item_text .menu_game_2 {
    padding: 6px;
    margin: 6px 6px;
    border-bottom: solid 1px #b2b2b2;
    float:right;
    width:220px;
	overflow:hidden
}
.menu_middle_item_text .menu_game_2.last {
    padding-bottom: 0px;
    margin-bottom: 0px;
    border-bottom: none;
}
.menu_middle_item_text .menu_game_2 .menu_game_part {
    float: right;
    padding: 5px;
}
.menu_middle_item_text .menu_game_2 .menu_game_part {
    float: right;
    padding: 5px 2px;
}
.menu_middle_item_text .menu_game_2 .t_icon img {
    width:48px;
    height:auto;
}
.menu_middle_item_text .menu_game_2 .g_result {
    padding-top:10px;
    font-size:14px;
    font-family:'Reforma-Medium';
    text-align:center;
}
.menu_middle_item_text .menu_game_2 .g_zone {
    font-size:15px;
    font-family:'Reforma-Light';
    text-align:center;
}