﻿@charset "utf-8";
html, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, label {
	/*padding: 0;
	margin: 0;
/*Chetu : commented 2016/19/04 to fix Rules list Styles*/
/*    margin-left: 0; 
    margin-right: 0;
    margin-top: 0;*/
}


/*@font-face {
    font-family: 'imperatorregular';
	
    src: url('../fonts/imperator-webfont.eot');
    src: url('../fonts/imperator-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/imperator-webfont.woff') format('woff'),
         url('../fonts/imperator-webfont.ttf') format('truetype'),
         url('../fonts/imperator-webfont.svg#imperatorregular') format('svg');
    font-weight: normal;
    font-style: normal;
         
    

}
*/

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

@font-face {
	font-family: 'CenturyGothic-Bold';
	src: url('../fonts/CenturyGothic-Bold.eot?') format('eot'), 
	     url('../fonts/CenturyGothic-Bold.woff') format('woff'), 
	     url('../fonts/CenturyGothic-Bold.ttf')  format('truetype'),
	     url('../fonts/CenturyGothic-Bold.svg#CenturyGothic-Bold') format('svg');
}

h1, h2, h3, h4, h5, h6, pre, code, address, caption, cite, code, em, strong, th{
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}
* html .png {
	position:relative;
	behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "images/transparant.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("', '').replace('")', ''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")), this.pngSet=true) );
}
ul, ol, li {
	list-style: none;
}
fieldset, img {
	border: none;
}
/*
caption, th {
	text-align: left;
}

caption, th {
	text-align: center;
}
*/

table {
	/*border-collapse: collapse;
	border-spacing: 0; */
}
.clear {
	clear: both;
}
.clearer {
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
}
img {
	border: 0;
}
a {
	border: none;
	outline: none;
	text-decoration: none;
}
body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:180% !important;
	color:#fff;
	/*background:url(../images/bg-repeat.jpg) repeat left top;*/
	background:url(../images/bg.jpg) no-repeat center top #000;
	/*background:url(../images/sb_background.jpg) no-repeat center top #000;*/
	background-attachment:fixed;
	background-size:100% 100%;
}
#top{
	width:100%;
	float:left;
	/*background:url(../images/bg.jpg) no-repeat center top;
	background-attachment:fixed;*/

}
#bottom {
	width:100%;
	float:left;	
}
.wrapper {
	width:1010px;
	margin:0 auto;
}
.top-block {
	width:1010px;
	float:left;
	/*transition:all 1s ease 0s;*/
	
}
.common-row, .header-area, .banner-row, .winner-block, .banner-row2 {
	width:1010px;
	float:left;
}
.logo-area {
	width:1010px;
	float:left;
}
.logo-block {
	width:190px;
	float:left;
	height:165px;
}
.logo-block img
{
	margin-top:20px;
}
.login-block {
	width:820px;
	float:left;
	
}
.small-nav {
	width:604px;
	float:right;
	
}
.left-nav {
	width:8px;
	float:left;
	padding:0 0 8px 0;
}
.mid-nav {
	float: left;
    margin-top: 8px;
    padding: 0 0 35px;
    width: 100%;
}
.mid-nav ul {
}
.mid-nav ul li {
	float:left;
	line-height:38px;
	font-family: centurygothic;
}
.mid-nav ul li a {
	font-size:14px;
	color:#d8b865;
	padding: 7px 10px;
}
.mid-nav ul li a:hover {
	color:#d8b865;
	padding:7px 10px;
	background:url(../images/topmenu-hover.png) repeat-x;
}
.mid-nav ul li a.active-nav {
	color:#d8b865;
	padding:7px 10px;
	background:url(../images/topmenu-hover.png) repeat-x;
}
.login-block1 {
	width:660px;
	float:right;
	/*background:url(../images/login-bg.png) repeat;*/
	padding-bottom: 7px;
    padding-left: 15px;
    font-family: 'CenturyGothic';
}
.login-left {
	width:340px;
	float:left;
	padding:12px 10px 12px 0;
	text-align:right;
}
.login-right {
	width:660px;
	float:left;
}
.left-login {
	width:8px;
	float:left;
}

.login-btn
{
	/*background:url(../images/login_btn.png) no-repeat;	*/
	border:0px;
	height:31px;
	width:66px;
	
}

/*
.login-btn:hover
{
	background:url(../images/login_hover.png) no-repeat;
}
*/


.login-nav {
	width:470px;
	float:left;	
	height:42px;
}

/* added by ashwani*/

#pop-up-bg {left: 0px; height: 100%;  width: 100%; background-color: black; position: fixed; z-index: 999999; opacity: 0.6; display:none;}

.last_login_detail_pop-up
{
     /*height: 80px;*/
    /*height: 328px;*/
    height: auto;
    width: 285px;
    position: absolute;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    background-color: #161616;
    border: 2px solid #A79972;
    top: 150px;
    border-radius:6px;
    z-index: 999999;
    display:none;
}

.close_pop-up
{
    height: 22px;
    width: 22px;
    position: absolute;
    background: url(../images/close_btn.png) no-repeat scroll right center transparent;
    right: 0px;
    background-size: 90% 90%;
    top:0px
}

#lastlogin
{
    text-decoration:none; 
    color: #d8b865;
}

#lastlogin:hover
{
    color: #FFEFC5;
    text-decoration:underline;
}

/*end*/

.remember-row {	
	float:left;		
	width:155px;
	height:36px;
	margin-left: 18px;
    margin-top: 5px;
}

.remember-row a
{
	display: block;
    height: 36px;
    width: 155px;
	background:url(../images/sign_up_btn.png) no-repeat;
}
.remember-row a:hover
{
	background:url(../images/sign_up_hover.png) no-repeat;
}

.login-nav2 {
	width:810px;
	float:right;
	text-align:right;	
	height:35px;	
}

.login-nav3 {
	width:655px;
	float:left;
	background:url(../images/login-bg.png) repeat;
	padding-bottom: 7px;
    padding-left: 10px;
}

.login-nav4 {
	width:360px;
	float:right;
	text-align:right;	
	height:35px;
	padding-right: 10px;
}


.txt-inp {
	width:170px;
	height:20px;
	background:#000;
	padding:3px 0px 3px 10px;
	color:#fff;
	font-size:10px;
	 font-family: centurygothic;
	margin:10px 10px 0 0;
	border:none;
	float:left;
	border:1px solid #736644;
	border-radius: 3px;
}


.txt-inp-small {
	width:65px;
	height:15px;
	background:#898989;
	padding:3px 10px;
	color:#000;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
	vertical-align:bottom;	
	border:solid 1 black;
	 font-family: centurygothic;
}

.txt-inp-big {
	width:140px;
	font-family: centurygothic;
	background-color:#323232;  
	border:1px solid #898989; 
	color:white; 
	font-size:14px;
	padding:2px;
}

.txt-inp-number 
{
	width:100px;
	font-family: centurygothic;
	background-color:#323232;  
	border:1px solid #898989; 
	color:white; 
	font-size:14px;
	padding:2px;
}

*::-webkit-input-placeholder {
    color: White;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: White;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: White;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: White;
}

.dropdownlist 
{	
	background-color:#323232; 
	border:1px solid #898989; 
	color:white; 
	font-size:14px;
	padding:2px;
	font-family: centurygothic;
}


.margin-btn {
	margin:8px 0 0 0;
	float:right;
}

.label 
{
	font-size:11px;
	font-weight:bold;
}

.labelerror
{
	font-size:14px;	
	color:#ff0000;
	/*font-weight: bold;9*/
}

.labelerror_styled
{
	padding:10px;
	border-radius:5px;
	font-weight:bold;
	color:#dc3545;
	border:2px solid #dc3545;
	float: left;
    width: 100%;
    box-sizing: border-box;
	text-align: center;
	background-color: #481616;
}

.labelsuccess
{
	font-size:14px;	
	color:yellowgreen;
	/*font-weight: bold;9*/
}

.labelsuccess_styled
{
	padding:10px;
	border-radius:5px;
	font-weight:bold;
	color:yellowgreen;
	border:2px solid yellowgreen;
	float: left;
    width: 100%;
    box-sizing: border-box;
	text-align: center;
	background-color: #212b16;
}

.info
{
	font-size:14px;	
	color:#ff0000;
    background-image: url(../images/info.png);
    background-repeat: no-repeat;
    background-position: 10px center;
    padding: 15px 10px 15px 50px !important;
    border: 1px solid #494949;
}

.tag-row {
	width:660px;
	float:left;
	text-align:right;
	padding:18px 0 19px 0;
}
.nav-area {
	width:1013px;
	margin-left:-1px;
	height:46px;
	float:left;
	background:url(../images/menubg.png) no-repeat ;
	background-size:100% 100%;
}
.nav-area ul {
	margin-left:10px;
	margin-top:3px;

	/*Favendano: Enable this, just when the ribbon "New" is activated		*/
	margin-right:27px;
}


.nav-area ul li {
	line-height:43px;
	float:left;
}

.nav-area ul li a {	
	color: #fff;
    font-family: 'imperatorregular';
    font-size: 16px;
    font-weight: bold;
    padding: 15px 5px 8px;
    text-transform: uppercase;		
}

/*hack for firefox*/
/*
@-moz-document url-prefix() { 
.nav-area ul li a {
	color: #515151;
    font-family: 'imperatorregular';
    font-size: 13px;
    font-weight:bold;
    padding: 15px 5px 8px;
    text-transform: uppercase;
	}
}*/
/*hack for firfox*/

/*
.nav-area ul li a:hover {	
	color:#ffe295;
	background:#000;
	text-shadow:0 1px 0 #ffe295;
}
*/

.nav-area ul li a:hover {	
	color:#020202;
	text-shadow:0 1px 1px #3e3d3d;
}

/*
.nav-area ul li.nav-active a {
	
	color:#ffe295;
	background:#000;
	text-shadow:0 1px 0 #ffe295;
}
*/

.nav-area ul li.nav-active a {
	
	color:#020202;
	text-shadow:0 1px 1px #3e3d3d;
}

.carousel {

  /*  border-left: 1px solid #866431;
    border-right: 1px solid #866431;*/
    float: left;
    width:1010px;
    z-index: 1 !important;

}
.banner-right {
	width:390px;
	float:left;
	border:#000 solid 3px;
}

.banner-row ul {
	border-right:1px solid #866431;
	border-left:1px solid #866431;
	float:left;
	width:1010px;
	background:none repeat scroll 0 0 #090808;
}
.banner-row ul li {
	  float: left;
    padding: 18px 0 15px 3px;
    width: 185px;
}
.banner-row ul li:last-child {
	padding:19px 0 0 0;
}

/* banner-row2 */
.banner-row2 ul {
}
.banner-row2 ul li {
	width:300px;
	float:left;
	padding:19px 13px 0 0px;
}

.banner-row2 ul li:last-child {
	padding:19px 0 0 0;	
}
/* end banner-row2 */
.footer {
	
   
    margin: 0 auto;
    width: 1010px;
}
.bottom-block1 {
	width:1010px;
	float:left;
	background:#151515 url(../images/bg-bottom.jpg) repeat-x left top;
	border-left: 1px solid #866431;
    border-right: 1px solid #866431;
	text-align:center;
	height:50px;
	
}
.bottom-block1 img 
{
	width:100%;
	height:100%;
}
.bottom-block2 {
	width:1010px;
	float:left;
	background:#000 url(../images/footer-bg.jpg) no-repeat left top ;
	
	background-size:100% 100%;
	height:100%;
	border-left: 1px solid #866431;
    border-right: 1px solid #866431;
	/*transition:all 1s ease 0s;*/
}
.copyright {
	color: #EFD694;
    float: left;
    font-size: 12px;
    line-height: 30px;
	padding: 0 0 25px;
    text-align: center;
    width: 1010px;
    font-family:centurygothic;
}
.footer-cols {
	/*width:470px;*/
	width:1010px;
	float:left;
	font-size:11px;
	font-weight:bold;
	color:#858585;
}
.footer-row1, .footer-row2 {
	/*width:470px;*/
	width:1010px;
	float:left;
	padding:0 0 9px 0;
}
.footer-row2 {
	text-align:center;
}
.footer-row2 ul {
}
.footer-row2 ul li {
	float:right;
	margin-right:16px;
	margin-top:18px
}
.bottom-block3 {
	width:1010px;
	float:left;
	padding:0 15px;
	font-size:11px;
}
.design-block {
	width:260px;
	float:left;
	padding:25px 0 0 0;
	color:#8c8c8c;
}
.footer-links {
	width:150px;
	float:left;
	padding:25px 0 15px 20px;
	color:#cccccc;
}
.footer-links h3 {
	font-size:14px;
}
.footer-links ul {
}
.footer-links ul li {
	line-height:19px;
}
.footer-links ul li a {
	display:block;
	color:#ccc;
}
*html .footer-links ul li {
	height:10%;
}
*html .footer-links ul li a {
	height:100%;
}
.footer-links ul li a:hover {
	color:#fff;
}
.inner-banner {
	width:930px;
	float:left;
	background:#000;
	padding:5px;
	margin:3px 0 0 0;
}
.tab-content {
	width:902px;
	float:left;
	background:#333;
	border:#1b1b1b solid 2px;
	border-top:none;
	padding:33px 17px;
	font-family: 'Droid Serif', arial, serif;
}
.tab-content h1 {
	font-size:18px;
	padding:0 0 21px 0;
}
.tab-content p {
	font-size:13px;
	line-height:20px;
}
.tab-content a {
	color:#ffd24f;
	text-decoration:underline;
}
.tab-content a:hover {
	color:#fff;
}
.img-padding {
	padding:0 0 0 42px;
	float:right;
}
.slider-arrow {
	width: 170px;
	float:left;
	text-align: center;
	margin-top: 10px;
	position:absolute;
	top:450px;
	top:475px;
	left:405px;
	z-index:99999;
	}
.html .slider-arrow {
	top:265px;
	z-index:99999999999;
	}
.inputBox{
	border:1px solid #000;
	background:#fff;
	padding:2px;
	font-size:20px;
	height:24px;
	line-height:24px;
	font-family:Arial, Helvetica, sans-serif;
	width:210px;
	}
.textBox{
	border:1px solid #000;
	background:#fff;
	padding:2px;
	font-size:12px;
	height:84px;
	line-height:14px;
	width:210px;
	font-family:Arial, Helvetica, sans-serif;
	}

.textBoxLogin
{
	width:100px; 
	background-color:#686868; 
	/*margin:0 7px; */
	border:1px solid #898989; 
	color:#A9A9A9; 
	font-size:14px;
}

select
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
.pushbtn{
	background:url(../images/yellow-btn.jpg) no-repeat left;
	width:77px;
	height:33px;
	line-height:33px;
	font-family:"Times New Roman", Times, serif;
	font-size:16px;
	font-weight:bold;
	color:#000;
	border:none;
	}
	
.cmdButton {
    background: none repeat scroll 0 0 #A98A54;
    border: 1px solid #414141;
    color: #000000;
    font-family: centurygothic-bold;
    font-size: 15px;
    font-weight: bold;
    padding: 3px 14px;
	cursor:pointer;
}
	
.textboxnum
{
	width:65px;
	background-color:#323232; 
	border:1px solid #898989; 
	color:white; 
	font-size:14px;
	padding:2px;
	margin-left:5px;
	font-family: centurygothic;
	/*
	border:1px solid #000;
	padding:2px;
	background:#898989;
	*/
}

.tbprofile
{
	width:185px; 
	background-color:#686868; 
	margin:0 5px; 
	border:1px solid #898989; 
	color:white; 
	font-size:14px; 
	font-family: centurygothic;
}

.tbprofiled
{
	width:185px; 
	background-color:#000000; 
	margin:0 5px; 
	border:1px solid #898989; 
	color:white; 
	font-size:14px; 
	font-family: centurygothic;
}


/*signup page*/
.signupError{color:red}
.signup .tableGlobal *{float:left ; height: auto; }
.signup .tableGlobal{clear: both; font-size: 14px !important; text-align: left; width:720px; }
.signup .row{margin:5px 0 0; width:870px !important; height: auto; border: 1px solid #494949; background-color:#1E1E1E; padding:5px 0;}
.signup .row div{width: 400px;}
.signup .row font{float: right;}
.signup .row .textForm{padding: 0 10px;}
.signup .row input[type='text'], .signup .row input[type='password'] {width:185px; background-color:#686868; margin:0 5px; border:1px solid #898989; color:white; font-size:14px; font-family: centurygothic;}
.signup .row select {background-color:#686868; margin:0 5px; border:1px solid #898989; color:white; font-size:14px;}
.signup .difMargin{margin:0 !important;}
.signup form{float: left; clear: both; height: auto;}
.signup .widthmore{ margin: 0 0 20px;}
.signup .widthmore,.signup .widthmore div{ width: 250px!important;}
.signupinfo *{width: 100%; }
.signupinfo{float: left; padding: 20px 0; height: 80px!important; background-color: Black; }
.signupinfo a{ color: #DD2116; text-transform: uppercase; text-decoration: none; font-weight: bold; width: auto; }
/*end sign up*/


.txt-calendar 
{
	width:80px; 
	vertical-align:bottom;	
	background-color:#686868; 
	border:1px solid #898989; 
	color:white; 
	font-size:14px;
	padding:2px;
	font-family: centurygothic;
}

.Error{
	padding:5px;
	display:block;
	border:1px solid #0b0b0b;
	/*font-weight:bold;*/
	color:#fff;	
	/*background:#0b0b0b;*/
	background:url("../images/bg-bottom.jpg") repeat-x scroll left top #151515;
	margin-bottom:10px;
}
.gdVw
{
	width:100%;
}
.gdVw th {
    background: none repeat scroll 0 0 #CFB87F;
    border: 1px solid #383838;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
	text-align:center;
}

.gdVw td
{
	padding:8px;
	border:1px solid #383838;
	background:#000;
	font-size:14px;
}

.gdVw td a
{
	color:#50b948;
}

.gdVw td a.link {
	color:#EFD694;
	font-weight:bold;
	text-decoration:underline;
	cursor:pointer;
}

.gdVw td tfoot
{
	padding:8px;
	background:url("../images/bg-bottom.jpg") repeat-x scroll left top #151515;
	font-weight:bold;
	font-size:14px;
	border:1px solid #fff;
}

.bottom
{
	float:left;
	margin:5px 0 0; 
	width:865px !important; height: auto; 
	border: 1px solid #494949; 
	background-color:#1E1E1E; 
	padding:0px 0px 5px 5px;
}

/*
.ajax__calendar_container {padding:4px;cursor:default;width:170px;font-size:14px;text-align:center;font-family:centurygothic;}
.ajax__calendar_body {height:139px;width:170px;position:relative;overflow:hidden;margin:auto;}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto; background:#ffffff; color:#000;}
.ajax__calendar_container TABLE {padding:0px;margin:0px;font-size:11px;}
.ajax__calendar_container TD {padding:0px;margin:0px;font-size:11px;}
.ajax__calendar_header {height:24px;width:100%; background:#fff; color:#000; line-height:24px;}
.ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=PiW-NlLwiLYWZZ1cvGVrfvlwNolS1dZttRl0aVcRUd_VV5kv5qpsq00ekf0UbT7N0&t=634092594280000000);}
.ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;background-image:url(WebResource.axd?d=PiW-NlLwiLYWZZ1cvGVrfvlwNolS1dZttRl0aVcRUd-kU43erwoBr9dJg_kd1lZU0&t=634092594280000000);}
.ajax__calendar_title {cursor:pointer;font-weight:bold; font-size:12px; margin-left:15px; margin-right:15px;}
.ajax__calendar_today {cursor:pointer;padding-top:3px;}
.ajax__calendar_dayname {height:20px;text-align:center;padding:0 2px; line-height:20px; background:#a98a54; font-weight:bold;}
.ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 0px;cursor:pointer;}
.ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.ajax__calendar .ajax__calendar_container {border:1px solid #646464;background-color:#000; font-family:centurygothic;}
.ajax__calendar .ajax__calendar_footer {}
.ajax__calendar .ajax__calendar_dayname {}
.ajax__calendar .ajax__calendar_day {border:0px solid #ffffff;}
.ajax__calendar .ajax__calendar_month {border:0px solid #ffffff;}
.ajax__calendar .ajax__calendar_year {border:0px solid #ffffff;}

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {background-color:#303030;border-color:#0066cc;color:#000;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month {background-color:#303030;border-color:#0066cc;color:#000;}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year {background-color:#303030;border-color:#0066cc;color:#000;}

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {background-color:#ffffff;border-color:#ffffff;color:#000;}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year {background-color:#ffffff;border-color:#ffffff;color:#000;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {background-color:#edf9ff;border-color:#daf2fc;color:#000;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {background-color:#edf9ff;border-color:#daf2fc;color:#000;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {background-color:#edf9ff;border-color:#daf2fc;color:#000;}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title {color:#0066cc;}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today {color:#0066cc;}
*/

.ajax__calendar_container   
{  
    background-color: #e2e2e2;   
    border:solid 1px #cccccc;
    font-family:centurygothic;  
}  

.ajax__calendar_header  
{  
    background-color: #ffffff;   
    margin-bottom: 4px;  
}  

.ajax__calendar_title
{  
    color: #004080;   
    padding-top: 3px;  
}    

.ajax__calendar_next
{	  
    color: #004080;   
    padding-top: 3px;  
}
  
.ajax__calendar_prev    
{  
    color: #004080;   
    padding-top: 3px;  
}  

.ajax__calendar_body    
{  
    background-color: #e9e9e9;   
    border: solid 1px #cccccc;  
    font-family:centurygothic;
}  

.ajax__calendar_dayname 
{  
    text-align:center;   
    font-weight:bold;   
    margin-bottom: 4px;   
    margin-top: 2px;  
    font-family:centurygothic;
}  

.ajax__calendar_day 
{  
    text-align:center;  
}  

.ajax__calendar_hover .ajax__calendar_day
{  
    color: #004080;   
    font-weight: bold;   
    background-color: #ffffff;  
}  

.ajax__calendar_hover .ajax__calendar_month
{  
    color: #004080;   
    font-weight: bold;   
    background-color: #ffffff;  
}  

.ajax__calendar_hover .ajax__calendar_year
{  
    color: #004080;   
    font-weight: bold;   
    background-color: #ffffff;  
}  

.ajax__calendar_active  
{  
    color: #004080;   
    font-weight: bold;   
    background-color: #ffffff;  
}  

.ajax__calendar_today   
{  
    font-weight:bold;  
}  

.ajax__calendar_other
{  
    color: #bbbbbb;  
}    

.ajax__calendar_hover .ajax__calendar_today
{  
    color: #bbbbbb;  
}    
.ajax__calendar_hover .ajax__calendar_title 
{  
    color: #bbbbbb;  
}  

.link-b
{
	font-size:14px;
	font-family: centurygothic;
	color:#ffefc5;
	font-weight:bold;
	padding:0 5px;	
}

.link-b:hover
{
	color:#c1c1c1;
}

.link-c
{
	font-size:12px;
	font-family: centurygothic;
	color:#ffefc5;
	padding:0 5px;
	text-decoration:underline;	
}

.link-c:hover
{
	color:#c1c1c1;
}

.tablegrid th, .tablegrid td
{
  border: 1px solid #383838;	
}
.tablegrid{	
	border-collapse: collapse;  
    font-family: centurygothic;
	background:#000;
	color:#C0C0C0;
}
.tablegrid th, .grid .gridfooter{
	padding:4px;
	text-align:left;
	empty-cells:hide;
	font-weight:bold;
	padding:10px 14px;
}

.tablegrid th label
{
	padding-left:5px;
	padding-right:5px;
}
.tablegrid th.multiple{
	vertical-align:top;
}

.tablegrid th span, span{
	font-weight:normal;
}
.tablegrid td{
	padding:4px;
	vertical-align:middle;
}

.checklist
{
	vertical-align:text-bottom;
	width:70%;
}
.checklist label
{
	font-family:centurygothic;
	font-size:14px;
	color:#C0C0C0;
	padding-left:7px;
}
.select-all-text
{
	font-family:centurygothic;
	font-size:14px;
	color:#C0C0C0;
	padding-left:7px;
	
}

.txt-contact
{
	width:185px; 
	background-color:#686868; 
	margin:0 7px; 
	border:1px solid #898989; 
	color:white; 
	font-size:14px;
}

.txt-contactform
{
	width:300px; 
	background-color:#686868; 
	margin:0 7px; 
	border:1px solid #898989; 
	color:white; 
	font-size:14px;
}

.points-text
{
	font-family: 'CenturyGothic';
	font-weight: bold;	
	font-size:14px;
	color:#d8b865;
}

.points-title
{
	font-family: 'CenturyGothic';
	font-weight: bold;	
	font-size:15px;
	color:White;
}

.txt-details
{	
	font-weight: bold;
	color:Orange;
}

/*winning pannel css start*/
.winning-pannel
{
	position:fixed;
	top:0px;
	left:-255px;
	width:350px;
	height:100%;
	z-index:999;
	/*transition:all 1s ease 0s;*/
	
}

.win-outer
{
	   height:600px;
    overflow-y: scroll;
	border-right:3px solid #d1aa62;
	float:left;
	width:250px;
}
.winning-details
{
	width:248px;
	background:url(../images/winning-bg.png) no-repeat;
	background-size:100% 100%;
	padding-bottom:30px;
	margin-top:8px;
	
}
.winning-title
{
	width:248px;
	background:url(../images/winning-title-bg.jpg) no-repeat;
	height:50px;
}
.winning-title h1
{
	text-align:center;
	font-size:30px;
	color:#49463b;
	font-weight:bold;
	line-height:50px;
	font-family:CenturyGothic-Bold;
}

.winning-title h2
{
	text-align:center;
	font-size:18px;
	color:#49463b;
	font-weight:bold;
	line-height:50px;
	font-family:CenturyGothic-Bold;
}

.winning-date
{
	height:32px;
	border-bottom:1px solid #383838;
	border-top:1px solid #383838;
}
.winning-date p
{
	font-size:14px;
	text-align:center;
	color:#eee;
	line-height:30px;
	font-family:CenturyGothic;
}
.winning-info
{
	height:50px;
	border-bottom:1px solid #383838;
}
.win-left
{
	float:left;
	background:url(../images/game_type.png) no-repeat;
	width:68px;
	height:28px;
	margin-top:10px;
}
.win-left p
{
	font-size: 14px;
    font-weight: bold;
    padding-top: 6px;
    text-align: center;
	font-family:CenturyGothic-Bold;
}
.win-right
{
	float:left;
	margin-left: 4px;
    margin-top: 7px;
}
.win-right ul
{
}
.win-right ul li
{
	background:url(../images/win_ball.png) no-repeat;
	width:35px;
	height:30px;
	float:left;
	font-size:16px;
	text-align:center;
	color:#000;
	padding-top:7px;
	font-weight:bold;
	font-family:CenturyGothic-Bold;
}
.winning-btn
{
	background:url(../images/winningNumber_btn.jpg) no-repeat;
	width:52px;
	height:225px;
	margin-top: 310px;
	float:left;
	cursor:pointer;
}
/*winning pannel css end*/


/*for new&promo css*/

.content-cellpadding
{
	padding-top:20px;
	padding-bottom:20px;
}
.scrollTable {
        width: 100%;
    overflow: auto;
    padding: 0px!important;
    margin-left: 0px!important;
    }

/*hack for ie8 browser*/
@media \0screen {
	.banner-row ul li{padding-left:2px;}
	.winning-details{background:url("../images/winning-bgie8.png") repeat-y;}
	.txt-inp{padding-top:4px;height:16px;}
	.nav-area ul li a {font-size: 14px;padding-top:11px;padding-bottom:11px;}
	.jackpot-details table tr{height:51px}
	.nav-area ul li a{font-size:14px;}
	 }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     /* IE10+ CSS styles go here */
	.nav-area ul li a {
		font-size: 14px;
	}
}

.align_first_td
{
	text-align:left !important;
	padding-left:12px
}	 
/*hack for ie8 browser*/

/* Hack for Microsoft Edge*/
@supports(-ms-ime-align: auto)
{
	.nav-area ul li a {
		font-size: 14px;
	}
}
/*End Hack for Microsoft Edge*/

/* Hack for Safari 6.1 - 10.0*/
@media screen and (min-color-index:0)
and(-webkit-min-device-pixel-ratio:0) { media
{
	.nav-area ul li a {
		font-size: 14px;
	}
}}
/*End Hack for Safari 6.1 - 10.0*/

/* Hack for Safari 5+*/
@media screen and (-webkit-min-device-pixel-ratio:0)
{
	::i-block-chrome, .nav-area ul li a {
		font-size: 14px;
	}
}
/* End Hack for Safari 5+*/

/*winning number tab css*/

.shadetabs{
 height:60px;
    list-style-type: none;
    
border-right:3px solid #D1AA62;
    width:250px;
background:url("../images/tab_base.jpg") repeat-x;

}


.shadetabs ul
{
	width:100%;
	height:100%;
}
.shadetabs ul li{
   float: left;
    
margin-top:16px;

font-size:18px;
}

.shadetabs ul li a{
  color: #fff;
    display:block;
    font-family: CenturyGothic-Bold;
     height: 29px;
   padding: 4px 26px 0;
    text-decoration: none;
    text-transform: capitalize;
   

 background:url("../images/btn_tab_hover.png") repeat-x; 
    
}

.shadetabs li a:visited{

}

.shadetabs li a:hover{
text-decoration: none;
color: #fff;

}

.shadetabs li a.selected{ /*selected main tab style */

background:url("../images/btn_tab.png") repeat-x;
color: #000000;
}

.shadetabs li a.selected{ /*selected main tab style */
background:url("../images/btn_tab.png") repeat-x;
color: #000000;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
background:url("../images/btn_tab.png") repeat-x;
color: #000000;
}

/* winning number tab css end*/


/* thumbnail-slider css start*/



/* thumbnail-slider css end*/

/* new bottom jackpot/ images part css start*/

.bottom-part
{
	background:#090708;
	border-left: 1px solid #866431;
    border-right: 1px solid #866431;
	width:1010px;
}
.col-left
{
	float:right;
	margin-left:50px;
	width:70%;
	background:#2d2d2d;
}
.col-right
{
	float:right;
	width:240px;
	margin-right:10px;
}
.col-right ul 
{
}
.col-right ul li 
{
	margin-bottom: 10px;
}
.jackpot-animation
{
	/*background:url(../images/jackpot-animation.png) no-repeat;*/
	background:url(../images/ew_ad.jpg) no-repeat;
	width:655px;
	height:143px;
	margin-bottom: 37px;
    margin-top: 40px;
	margin-left:4px;
	position:relative;
}
/*
.jacktop_amount
{	
    color:#111111;
    font-size: 35px;
    font-weight: bold;
    height: 50px;
    padding: 40px 0 0 30px;
    text-align: left;   
    width: 352px;
	margin-left:224px;
}
*/

.jacktop_amount
{	
    color:#111111;
    font-size: 35px;
    font-weight: bold;
    height: 50px;
    padding: 45px 0 0 15px;
    text-align: left;
    float:left;
    width: auto;
}

/*Hide Jackpot value*/
.jackpot-animation .jacktop_amount, .jackpot-animation .total-text {
	display: none !important;
}

.jacktop_amount b
{
	color:#fff;
	padding-right:8px;
	font-family: 'CenturyGothic';
	font-size:35px;
	
}
.jacktop_amount i
{
	padding-right:0;
	font-family:Book Antiqua;
	font-size:24px;
	color: #E3C17B !important;
	
}
.jacktop_amount span
{
	background:url(../images/jackpot-input.png) no-repeat;	
    margin-left: 3px;
    margin-right: 3px;
    padding: 5px 7px 9px 7px;
	font-family: 'CenturyGothic';
	color:#e1b971	
}

.jackpot-details
{
	/*height:235px;*/
	height:auto;
}

.total-text
{
	color:#e1b971;
	text-align:center;
	font-size:19px;
	font-family: 'CenturyGothic';	
	width:auto;
	font-weight:bold;
	margin:54px 0 0 260px;
	text-transform:uppercase;
	float:left
	
	/*width:400px;
	font-weight:bold;
	margin-left:250px;
	text-transform:uppercase
	*/
}
.jackpot-details h1
{
	color:#efd694;
	font-size:24px;
	font-family: 'CenturyGothic';
	 padding-left: 20px;
	 margin-bottom:15px;
}
.jackpot-details table
{
	width:100%;
}
.jackpot-details table tr
{
	border-top: 1px solid #000000;
    display: block;
    padding-bottom: 13px ;
    padding-top: 13px;
	width:664px;
}
.jackpot-details table tr td
{
	font-size:14px;
	font-family: 'CenturyGothic';
	color:#fff;
	 padding-left: 20px;
  
}
.jackpot-details table tr td b
{
	color:#efd694;
	font-size:20px;
	font-family: 'CenturyGothic';
	font-weight:normal;
	
}
.jackpot-details table tr td span
{
	color:#808080;
}
/* new bottom  jackpot/ images  part css end*/

.bottom-menu
{
	margin-left:160px;
}
.bottom-menu ul li
{	 
    display: block;
    float: left;
    margin-bottom: 15px;
    margin-top: 15px;
    padding: 0 6px;
	color:#EFD694;
	font-family: centurygothic;
}
.bottom-menu ul li a
{
	color:#EFD694;
	font-size:12px;
	
	text-transform:capitalize;
	line-height:15px;
}


/*pop up css*/

/* 
	author: istockphp.com
*/
#backgroundPopup, #backgroundPopupGeolocation, #backgroundGenericPopup, #backgroundPopupSimultaneous,  #backgroundPopupCheckEmail{ 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000000;	
	top:0px;  
	left:0px;
	cursor:pointer;
}
#backgroundPopup2 { 
	z-index:1;
	position: fixed;
	display:none;
	height:100%;
	width:100%;
	background:#000000;	
	top:0px;  
	left:0px;
	cursor:pointer;
}
#toPopup, #popupGeolocation, #genericPopup , #popupSimultaneous, #popupCheckEmail {
    background:#161616;
    border: 8px solid #A79972;
    color: #333333;
    display: none;
	font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 15%;
    width: 800px;
    z-index: 3;

	overflow-y: auto;
}

#popupSimultaneous
{
	min-height: 528px;
	z-index:5;
}

#genericPopup .popup_imgHeader img{
	width:100%;
}


#responsiblePopup {
    background:#161616;
    border: 8px solid #A79972;
    color: #333333;
    display: none;
	font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 15%;
    width: 800px;
    z-index: 2;
}
#privacyPopup {	
    background:#161616;
    border: 8px solid #A79972;
    color: #333333;
    display: none;
	font-size: 14px;
    left: 50%;
    margin-left: -402px;
    position: fixed;
    top: 15%;
    width: 800px;
    z-index: 99;
}
div.loader {
    background: url("../img/loading.gif") no-repeat scroll 0 0 transparent;
    height: 32px;
    width: 32px;
	display: none;
	z-index: 9999;
	top: 40%;
	left: 50%;
	position: absolute;
	margin-left: -10px;
}
div.close, div.closeGeoLocationPopup, div.closeGenericPopup, div.closePopupSimultaneous, div.closePopupCheckEmail {
    cursor: pointer;
    float: right;
    height: 28px;
	line-height:28px;
	font-family:Corbel;
	font-size:14px;
    top:6px;
	right:12px;
    position: absolute;
    width: 63px;
	background:url("../images/close_btn.png") no-repeat right center;
	color:#afafaf
}
div.close:hover, div.closeGeoLocationPopup:hover, div.closeGenericPopup:hover, div.closePopupSimultaneous:hover, dic.closePopupCheckEmail:hover
{
	background:url("../images/close_btn_hover.png") no-repeat right center;
}
div.close2 {
    cursor: pointer;
    float: right;
    height: 28px;
	line-height:28px;
	font-family:Corbel;
	font-size:14px;
    top:6px;
	right:12px;
    position: absolute;
    width: 63px;
	background:url("../images/close_btn.png") no-repeat right center;
	color:#afafaf
}
div.close2:hover
{
	background:url("../images/close_btn_hover.png") no-repeat right center;
}
.overlay{
background: #000;
opacity: 0.5;
position: fixed;
top: 0px;
left: 0px;
z-index: 9;
width: 100%;
height: 100%;
display: none;
}
.visible
{
	display:block
}
span.ecs_tooltip {
    background: none repeat scroll 0 0 #000000;
    border-radius: 2px 2px 2px 2px;
    color: #FFFFFF;
    display: none;
    font-size: 11px;
    height: 16px;
    opacity: 0.7;
    padding: 4px 3px 2px 5px;
    position: absolute;
    right: -62px;
    text-align: center;
    top: -51px;
    width: 93px;
}
span.arrow {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #000000;
    display: block;
    height: 1px;
    left: 40px;
    position: relative;
    top: 3px;
    width: 1px;
}

#popup_contentReceiptDetails {
	padding: 10px 0px;
	background-color:whitesmoke;
}

div#popup_content, div#popup_contentGeoLocation, div#popup_contentReceiptDetails , div#popup_contentPopupSimultaneous, dic#popup_contentPopupCheckEmail{
     overflow-y:auto;
	 max-height:500px;
}

div#popup_content .blackTheme {
	background: #262626;
    padding: 33px 17px;
	font-family: 'CenturyGothic';
}

	div#popup_content .blackTheme .formRow {
		margin: 5px 0 0;
		height: auto;
		border: 1px solid #494949;
		background-color: #1E1E1E;
		color: #fff;
		padding: 5px 0;
		
	}

		div#popup_content .bottom{
		    width: auto !important;
			float:none !important;
		}

		div#popup_content .formRow input[type='text'] {
		    min-width: 170px;
		}

		div#popup_content .formRow input[type='text'].centerText {
		    text-align:center;
		}

		div#popup_content .blackTheme .formRow input[type='text'] {
		    background-color: #686868;
			border: 1px solid #898989;
			color: inherit;
			font-size: 14px;
		}

		div#popup_content .blackTheme .formRow div:first-of-type {
 width: 50%;
    display: inline;
    float: left;
		}


div#popup_content .validationSummary ul{
	color:red;
}
	   

div#popup_content2 {
     overflow-y:scroll;
	 max-height:450px;
}

#popup_content h1, #popup_contentGeoLocation h1, #popup_contentReceiptDetails h1, #popup_contentPopupSimultaneous h1, #popup_contentPopupCheckEmail h1
{
	 background: none repeat scroll 0 0 #2B2B2B;
    color: #D5BE85;
    font-family: 'CenturyGothic';
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
}

#popup_content2 h1
{
	 background: none repeat scroll 0 0 #2B2B2B;
    color: #D5BE85;
    font-family: 'CenturyGothic';
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
}

.popup_content h1
{
	background: none repeat scroll 0 0 #2B2B2B;
    color: #D5BE85;
    font-family: 'CenturyGothic';
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:0px;
}

.popup_content2 h1
{
	 background: none repeat scroll 0 0 #2B2B2B;
    color: #D5BE85;
    font-family: 'CenturyGothic';
    font-size: 16px;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    text-transform: uppercase;
    margin-bottom:0px;
}
#popup_content ul, #popup_contentGeoLocation ul, #popup_contentPopupSimultaneous ul, #popup_content ul, #popup_contentPopupCheckEmail ul
{
	padding:15px;
}

#popup_content2 ul
{
	padding:15px;
}

#popup_content ul p, #popup_contentGeoLocation ul p, #popup_contentPopupSimultaneous ul p, #popup_contentPopupCheckEmail ul p
{
	color:#919191;
	font-weight:normal;
	 font-family: 'CenturyGothic';
}

#popup_content2 ul p
{
	color:#919191;
	font-weight:normal;
	font-family: 'CenturyGothic';
}

#popup_content ul, #popup_contentGeoLocation ul, #popup_contentPopupSimultaneous ul, #popup_contentPopupCheckEmail ul
{
	color:#919191;
}

#popup_content2 ul
{
	color:#919191;
}

#popup_content2 li
{
	color:#919191;
	font-weight:normal;
	font-family: 'CenturyGothic';	
}


/*popup css end*/

/*support part css start*/
.support-part
{
	width:910px;
	margin-left:15px;
}

.support-part h1
{
	text-align:center;
	color:#d5be85;
	font-size:26px;
	font-family: 'CenturyGothic';
	background:#1e1e1e;
	/*line-height:60px;*/
	padding:30px 0;
	text-transform:uppercase
}
.support-part-inner2
{
	background:url(../images/image_background.jpg) no-repeat;
	width:100%;
	height:630px;
}
.support-part-inner
{
		background:#0d0d0d;
}
.support-left
{
	float:left;
	width:455px;
	margin-left:0;
	
}
.support-spacer
{
	float:left;
	width:455px;
	/*border-bottom:1px solid #1c1c1c*/
	
}
.support-left .support-spacer:nth-last-child(1){
border:none	
}
.support-detail
{ 
margin-bottom: 18px;
  margin-left: 52px;
    margin-top: 45px;
	 background: rgba(0, 0, 0, 0.5); 
	 width:348px;
	 padding:10px 5px;
	 min-height:70px
}

.support-form
{
	 margin-top: 45px;
	 margin-bottom:15px;
	 margin-left:15px;
	  background: rgba(0, 0, 0, 0.5); 
	 width:348px;
	 padding:10px 5px
}
.support-form .detail
{
	margin-top:10px;
}
.formSupport
{
	margin-left:40px
}
.detail-icon
{
	float:left;
	width:50px;
}
.detail
{
	float:left;
	width:auto;
	margin-left:20px
}
.detail h2
{
	color:#d5be85;
	font-size:20px;
	font-family: 'CenturyGothic';
}
.detail p
{
	color:#a0a0a0;
	font-size:14px;
	font-family: 'CenturyGothic';
}
.detail a
{
color:#d5be85;
	font-size:14px;
	font-family: 'CenturyGothic';	
	text-decoration:underline;
}
.support-right
{
	float:left;
	width:454px;
	/*border-left:1px solid #1c1c1c*/
}
.support-right form input[type=text]
{
	color:#151515;
font-size:14px;
	font-family: 'CenturyGothic';
	text-transform:capitalize;
	background:#5f5f5f;
	border:none;
	margin-bottom: 7px;
    padding: 5px;
    width: 364px;
}
.support-right form input[type="button"]
{
	 background: none repeat scroll 0 0 #B3975F;
    border: medium none;
    color: #151515;
    float: right;
    font-family: 'CenturyGothic';
    font-size: 14px;
    height: 30px;
    margin-right: 40px;
    text-transform: capitalize;
    width: 140px;
	margin-bottom:30px;
}
.support-right form select
{
		color:#151515;
font-size:14px;
	font-family: 'CenturyGothic';
	text-transform:capitalize;
	background:#5f5f5f;
	border:none;
	margin-bottom: 7px;
    padding: 5px;
    width: 374px;
}
.support-right form textarea
{
	resize:none;
	color:#151515;
font-size:14px;
	font-family: 'CenturyGothic';
text-transform:capitalize;
	background:#5f5f5f;
	margin-bottom: 7px;
    padding: 5px;
    width: 364px;
	height:90px;
	border:none;
}


/*support part css end*/



/*css for videos page start*/


.thumbnail-outer
{
	background:#090708;
	border-left: 1px solid #866431;
    border-right: 1px solid #866431;
	padding:20px 0 20px 8px;
	width:1002px;
}



.mid-cotainerbg1{height: 125px !important;
    margin: 0;
    padding: 0 !important;
    width: 990px !important;
	background:url(../images/home_topgame_slider.jpg) no-repeat;
	background-size:100% 100%;
	}
#carousel_inner .video-title{color:#fff;display:block;text-align:center;font-size:0.7em;text-transform:uppercase;}


#carousel_inner {
float:left; /* important for inline positioning */
width:904px; /* important (this width = width of list item(including margin) * items shown */ 
overflow: hidden;  /* important (hide the items outside the div) */
height:105px;
margin-left:20px;
margin-top:12px;

}

#carousel_ul {
position:relative;
/* important (this should be negative number of list items width(including margin) */
list-style-type: none; /* removing the default styling for unordered list items */
margin: 0px;
padding: 0px;
width:9999px;
padding-bottom:10px;
}

#carousel_ul li{
float: left; /* important for inline positioning of the list items */
  /* fixed width, important */
padding:0px;

margin-top:0px;
margin-bottom:0px; 
margin-left:3px; 
margin-right:3px; 
}

#carousel_ul li img {
.margin-bottom:-4px; /* IE is making a 4px gap bellow an image inside of an anchor (<a href...>) so this is to fix that*/
/* styling */
cursor:pointer;
cursor: hand; 

}
#left_scroll{
float:left; 
height:13px; 
width:13px; 
position:relative;
top:29px;
margin-left:7px;}
#right_scroll{
float:left; 
height:13px; 
width:13px; 
position:relative;
top:29px;
margin-left:14px;}



/*css for location page*/
.location-part
{
	padding:20px;
}
.location-part h2
{
	 
 background-color:rgba(152, 154, 150, 0.1);
    color: #D5BE85;
    font-family: 'CenturyGothic';
    font-size: 20px;
    padding: 10px 15px;    
}
.location-part p
{
	color:#999;
	font-size:14px;
	 font-family: 'CenturyGothic';
	 padding-bottom:15px;
	 padding-top:10px;
	
}
.location-map
{
	margin-top:10px;
	margin-bottom:20px;
}
.location-part table 
{
	width:100%;
}
.location-part table td
{
	color:#999;
	font-size:14px;
	 font-family: 'CenturyGothic';
	 padding:15px;
}
.location-part table td h2
{
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #D5BE85;
    font-family: 'CenturyGothic';
    font-size: 14px;
    font-weight: bold;
    padding: 0;
}
.map_img
{
	float:left;
	width:310px;
	margin-left:100px;
}
.head-office
{
	float:right;
	width:300px;
	margin-right:70px;
}

.common-address
{
	float:left;
	width:200px;
	border:1px solid #999;
	padding:10px;
	text-align:center;
}

.winner1
{
	width:100%;
}
.winner2
{
	display:none;
	width:100%;
}
.winner3
{
	display:none;
	width:100%;
}
#time
{
	   color: #E3C17B !important;
    font-family: 'CenturyGothic';
    font-size: 32px;
    letter-spacing: 19px;
    position: absolute;
    right: -3px;
    top: -36px;
	
}
#time1
{
 color: #E3C17B !important;
    font-family: 'CenturyGothic';
    font-size: 32px;
    letter-spacing: 23px;
    position: absolute;
    right: 72px;
    top: -37px;
}


/*customer support css*/
.support-right iframe input
{
	background:#000 !important;
	
}
::-webkit-input-placeholder {
   color: red;
}

:-moz-placeholder { /* Firefox 18- */
   color: red;  
}

::-moz-placeholder {  /* Firefox 19+ */
   color: red;  
}

:-ms-input-placeholder {  
   color: red;  
}
iframe .modal-header-bg .ellipsis
{
	color:#fff !important
}
body, .feedback-wrapper
{
	color:#fff !important
}
.blackSpacer
{
	width:100%;
	height:1px;
	color:#000;
	float:left
}
.r_banner_left
{
	width:100%;
	margin:0px;
	padding:0;
	float:left
}
.rewards_logo
{
	width:136px;
	height:172px;
	margin:33px 0 0 5px;
	padding:0;
	float:left
}
.reward_info
{
	width:330px;
	margin:30px 0 0 0;
	padding:0;
	float:left
}
.reward_info p
{
	width:330px;
	font-size:13px;
	color:#9e9e9e;
	font-family:"centurygothic";
	text-align:justify;
}
.banner_animation
{
	width:436px;
	height:211px;
	margin:0;
	padding:0;
	float:left
}
.reward_table
{
	width:100%;
	margin:30px 0 0 5px;
	padding:0 0 50px 0;
	float:left
}
.reward_table_inner
{
	width:863px;
	margin:0 auto
}
.reward_head
{
	width:100%;
	float:left
}
.reward_head_logo
{
	width:250px;
	margin:30px 0 0 0;
	padding:0;
	float:left
}
.fixWidth
{
	width:100%;
	float:left
}
.logoWidth
{
	width:115px;
	float:left
}
.reward_head_logo h2
{
	width:auto;
	float:left;
	color:#dbc383;
	font-size:18px;
	font-weight:bold;
	font-family:"centurygothic";
	margin:70px 0 0 3px
}
.reward_cards_block .margin_left
{
	margin-left:9px
}
.reward_cards_block
{
	width:540px;
	margin:0;
	padding:0;
	float:right
}
.reward_cards_box
{
	width:174px;
	margin:0 0 0 0;
	float:left;
	padding:0;
}
.reward_cards
{
	width:174px;
	margin:0 0 3px 0;
	float:left;
	padding:0;
}
.reward_cards_name
{
	width:174px;
	height:27px;
	line-height:27px;
	margin:0;
	padding:0;
	float:left;
	text-align:center;
	font-size:18px;
	font-weight:normal;
	font-family:"Myriad Pro";
	color:#fff;
	background:#1e1e1e;
	text-transform:uppercase
}
.reward_table_str
{
	width:100%;
	float:left;
	font-family:"centurygothic";
	font-size:15px;
	color:#9e9e9e;
    background:#1c1c1c;
	margin:3px 0 0 0
}
.reward_table_str td
{
	height:33px;
	border:1px solid #685c4b;
}
.reward_table_str td:nth-child(1)
{
	padding-left:12px;
	width:280px
}
.reward_table_str td:nth-child(2), .reward_table_str td:nth-child(3), .reward_table_str td:nth-child(4)
{
	text-align:center;
	width:165px
}
.reward_info_bot
{
	width:100%;
	margin:20px 0 0 0;
	padding:0;
	float:left
}
.reward_info_left
{
	width:100%;
	margin:0px 0 0 0;
	padding:0;
	float:left
}
.reward_info_left h2
{
	width:90%;
	color:#dbc383;
	font-size:22px;
	font-weight:bold;
	font-family:"centurygothic";
	margin:0;
	padding:0;
	float:left
}
.reward_info_left h4
{
	width:90%;
	color:#aeaeae;
	font-size:19px;
	font-weight:normal;
	font-family:"centurygothic";
	margin:5px 0 10px 0;
	padding:0;
	float:left
}
.reward_info_left h3
{
	width:90%;
	color:#f2dfae;
	font-size:16px;
	font-weight:normal;
	font-family:"centurygothic";
	margin:5px 0 0px 0;
	padding:0 0 0 20px;
	float:left;
	background:url(../images/table_bullet.png) left center no-repeat
}
.reward_info_left p
{
	width:90%;
	color:#9e9e9e;
	font-size:14px;
	font-weight:normal;
	font-family:"centurygothic";
	margin:5px 0 10px 0;
	padding:0 0 0 20px;
	float:left;
	text-align:justify
}
/*.reward_info_left
{
	width:530px;
	margin:0px 0 0 0;
	padding:0;
	float:left
}
.reward_info_left h2
{
	width:500px;
	color:#dbc383;
	font-size:22px;
	font-weight:bold;
	font-family:"centurygothic";
	margin:0;
	padding:0;
	float:left
}
.reward_info_left h4
{
	width:500px;
	color:#aeaeae;
	font-size:19px;
	font-weight:normal;
	font-family:"centurygothic";
	margin:5px 0 10px 0;
	padding:0;
	float:left
}
.reward_info_left h3
{
	width:450px;
	color:#f2dfae;
	font-size:16px;
	font-weight:normal;
	font-family:"centurygothic";
	margin:5px 0 0px 0;
	padding:0 0 0 20px;
	float:left;
	background:url(../images/table_bullet.png) left center no-repeat
}
.reward_info_left p
{
	width:440px;
	color:#9e9e9e;
	font-size:14px;
	font-weight:normal;
	font-family:"centurygothic";
	margin:5px 0 10px 0;
	padding:0 0 0 20px;
	float:left;
	text-align:justify
}*/
.reward_info_right
{
	width:198px;
	float:right;
	margin:0;
	padding:0
}
.reward_info_right img
{
	margin-bottom:15px
}
.reg_spec_inner
{
	margin-top:10px;
	padding:15px 0;
	background:#1e1e1e;
	width:910px;
	float:left
}
.form_container
{
	width:96%;
	margin:0 auto
}
.label_row
{
	width:100%;
	background:#101010;
	border-bottom:1px solid #1e1e1e;
	height:36px;
	float:left
}
.label_row.verification
{
	width:100%;
	background:#101010;
	border-bottom:1px solid #1e1e1e;
	height:auto;
	float:left
}
.label_row label
{
	width:450px;
	margin:0 0 0 25px;
	padding:0;
	height:36px;
	line-height:36px;
	font-size:14px;
	color:#d5be85;
	font-family:"centurygothic";
	float:left
}
.label_row input
{
	background:#5a5a5a;
	border:1px solid #6e6969;
	width:235px;
	height:22px;
	line-height:22px;
	color:#dec17b;
	font-size:14px;
	margin:6px 0 0 0;
	padding:0 5px;
}
.label_row input.verify_cap
{
	background:#5a5a5a;
	border:1px solid #6e6969;
	width:165px;
	height:20px;
	line-height:20px;
	color:#dec17b;
	font-size:14px;
	margin:1px 0 0 0;
	padding:0 5px;
}
.label_row select
{
	background:#5a5a5a;
	border:1px solid #6e6969;
	width:245px;
	height:25px;
	line-height:22px;
	color:#dec17b;
	font-size:12px;
	margin:6px 0 0 0;
	padding:0 0;
}
.label_row select.dob
{
	background:#5a5a5a;
	border:1px solid #6e6969;
	width:80px;
	height:25px;
	line-height:22px;
	color:#dec17b;
	font-size:12px;
	margin:6px 0 0 0;
	padding:0 0;
	font-family:"centurygothic";
}
.label_row h2
{
	color:#d5be85;
	font-size:14px;
	margin:16px 0 0 0;
	padding:0;
	font-family:"centurygothic"
}
.captcha_col
{
	width:162px;
	height:37px;
	margin:20px 10px 0 0;
	padding:0 0 20px 0;
	float:left
}
.label_row label.verifyLabel
{
	width:450px;
	margin:15px 0 0 30px;
	padding:0;
	height:auto;
	font-size:14px;
	color:#d5be85;
	font-family:"centurygothic";
	float:left
}
.signUpBtn
{
	width:100%;
	text-align:center;
	padding:25px 0 15px 0
}
.signUpBtn a
{
	margin:0px;
	padding:5px 45px;
	height:auto;
	font-size:18px;
	color:#000;
	font-family:"centurygothic";
	background:#c1a86d;
	font-weight:bold
}
.r_banner
{
	width:229px;
	height:288px;
	margin:0 80px 0 0;
	padding:0;
	float:left
}
.r_banner.no_margin
{
	margin:0
}
.r_banner_grid
{
	width:100%;
	margin:40px 0 30px 0;
	float:left
}
.r_banner_row
{
	width:100%;
	margin:0 0 10px 0;
	padding:0;
	float:left
}

.r_banner h2
{
	width:240px;
	margin:0 0 2px 0;
	padding:0;
	float:left;
	text-align:center;
	font-family:"centurygothic";
	font-size:14px;
	color:#ba8000
}
.r_banner h3
{
	width:240px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	text-align:center;
	font-family:"centurygothic";
	font-size:14px;
	color:#ba8000
}



.product_box.last
{
	margin:0;
}
.padding_bot
{
	padding-bottom:20px
}
.product_box
{
	width:162px;
	margin:0 12px 0 0;
	padding:0;
	float:left
}
.product_box img
{
	width:auto;
	margin:0 0 5px 0;
	padding:0;
	float:left
}
.product_box h2
{
	width:162px;
	margin:0 0 2px 0;
	padding:0;
	float:left;
	text-align:center;
	font-family:"centurygothic";
	font-size:14px;
	color:#ba8000
}
.product_box h3
{
	width:162px;
	margin:0 0 0 0;
	padding:0;
	float:left;
	text-align:center;
	font-family:"centurygothic";
	font-size:14px;
	color:#ba8000
}

#flipbook
{

	width:738px;
	margin:0 auto !important;
	margin-top:10px !important
	
}
#flipbook .odd{
	background-image:-webkit-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(left, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(left, #FFF 95%, #ddd 100%);
}

#flipbook .even{
	background-image:-webkit-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-moz-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-o-linear-gradient(right, #FFF 95%, #ddd 100%);
	background-image:-ms-linear-gradient(right, #FFF 95%, #ddd 100%);
}

.col-right ul li
{
	position:relative
}
.col-right ul li a span.jackpotNum
{
background:#00763b;
position:absolute;
bottom:5px;
right:100px;
border-radius:50px;
-moz-border-radius:50px;
-webkit-border-radius:50px;	
border:1px solid #143601;
color:#ffeb65;
font-size:24px;
padding:10px 5px
}

span#secretSoundCode {
	position: absolute;
	top: 35px;
	left: 10px;
	font-size: 55px;
	font-family: inherit;
}

img#secretSoundCodeLoader {
	position: absolute;
	top: 35px;
	left: 10px;
}

.flipBook
{
	width:113px;
	height:105px;
	position:absolute;
	right:10px;
	top:2px
}
.character
{
	width:98px;
	height:124px;
	position:absolute;
	right:0px;
	top:-7px
}
.popup_bg
{
	width:970px;
		z-index:9999;
		position:absolute;
		top:10px;
	height:723px;
	margin:0px;
	padding:0px;
	float:left;
	background:url(../images/popup-background.jpg) no-repeat;
	left:50%;
	margin-left:-485px
}
.book_cover
{
	/*width:820px;
	height:618px;
	margin-top:40px;
	padding:22px 0 0 0*/
	width:100%;
	height:732px;
	margin:0 auto;
	margin-top:20px;    
	background:url(../images/book_cover.png) no-repeat;
	padding:24px 0 0 0
}
.book_close {
    cursor: pointer;
    float: right;
    height: 29px;
	font-weight:bold;
	line-height:28px;
	font-family:Corbel;
	font-size:14px;
    top:6px;
	right:12px;
    position: absolute;
    width: 59px;
	background:url("../images/close-button_icon.png") no-repeat right center;
	color:#333
}
.fixBorder
{
	border-left:1px solid #866431;
	border-right:1px solid #866431;
}
ul.margins-area li img
{
	width:100%
}
.promoWidth
{
	width:876px !important
}


 /* added by ashwani*/

#notification_popup_background {left: 0px; height: 100%;  width: 100%; background-color: black; position: fixed; z-index: 3; opacity: 0.6; display:none;}

.notification_pop-up
{
      height: 150px;
     width: 447px;
    position: absolute;
    margin: 0px auto;
    left: 0px;
    right: 0px;
    background-color: #161616;
    border: 2px solid #A79972;
    top: 150px;
    border-radius:6px;
    z-index: 3;
    display:none;
}

.close_notification_pop-up
{
    height: 22px;
    width: 22px;
    position: absolute;
    background: url(../images/close_btn.png) no-repeat scroll right center transparent;
    right: 0px;
    background-size: 90% 90%;
    top:0px
}

#notification
{
    text-decoration:none; 
    color: #d8b865;
}

#notification:hover
{
    color: #FFEFC5;
    text-decoration:underline;
}

/*end*/


.early 
{
	/*width:360px;*/
	/*float:left;*/
}

.late{
	/*width:360px;*/
	/*float:left;*/
}

.left {
	float:left;
}

.right {
	float:right;
}

.gamescontainer, .gamescontainer-top
{
	width:390px;
	/*padding-bottom :10px;*/
	display:inline-block;
}

.gamescontainer, .gamescontainer-top .mainmenu
{
	margin-bottom: 30px !important;
}

.gamescontainer .checklist, .gamescontainer-top .checklist {
	width:100%;
}

.gamescontainer-top .mainmenu{
    margin: auto auto 15px auto;
}

.instructions p
{
	color:#f2dfae !important
}

li.li-color-yellow:before {
	/*round bullet */
    content: '\2022'; 
	/* para square bullet */
    /*content:'\25A0';*/
	font-size: 16px;
    color: #EFD694;
}

.li-color-yellow {
	margin-bottom: 5px;
}

.content-full-width {
	padding-left:0px !important;
	padding-right:0px !important;
	width:906px !important;
}

.wrap-centerItem {
	text-align:center;
}

.wrap-centerElement {
	margin:auto;
}

	.wrap-centerItem #videoTuto {
	margin-bottom:15px;
	}


	.wrap-centerItem #videoTutoUnderstood {
		margin-bottom:15px;
		font-size:18px;
		/* Este Margin-left debe ser igual al margin left de .wrap-centerItem #arrowUnderstood pero en negativo */
		margin-left: -250px;
	}
	
	.wrap-centerItem #videoTutoUnderstood:hover {
		background-color:#EFD694;
	}

.wrap-centerItem #arrowUnderstood {
	color: #EFD694;
    font-size: 30px;
    margin-left: 250px;
    float: left;
}


.cursiva {
	font-style:oblique;
}

.bold {
	font-weight:bold;
}

.justify {
	text-align:justify;
}

/* STYLES FOR HR */

/* Flaired edges, by Tomas Theunissen */ 
hr.double-border {
	 height: 30px; 
	 border-style: solid; 
	 border-width: 2px 0 0 0;
	  border-radius: 20px; }
	hr.double-border:before {
		/* Not really supposed to work, but does */
		display: block;
		content: "";
		height: 30px;
		margin-top: -31px;
		border-style: solid;
		border-width: 0 0 1px 0;
		border-radius: 20px;
	}


hr.dashed {
	 border: 0;
	 border-bottom: 1px dashed #ccc; 
	 background: #999; 
}

hr.gradient
{ border: 0; 
  height: 7px; 
  background-image: linear-gradient(to right, transparent, rgba(251, 251, 251, 0.2), transparent)

}











.flex {
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: -o-flex;
	justify-content: space-around;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
}
	                                                                                                         
.flex-column {
	display: flex;
	display: -ms-flex;
	display: -moz-flex;
	display: -webkit-flex;
	display: -o-flex;
	justify-content: space-around;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-direction: column;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	-moz-flex-direction: column;
	-o-flex-direction: column;
	height:100%;
}

.ilradio-block {
	float:left;
	height:auto;
	padding:0 8px 0 0;
}

.ilradio-block img{
	height:46px;
}

.casinoGameBox{
	text-align:center;
	margin:5px;
	width:188px;/*Este width habría que variarlo si se cambia la imagen del juego que contiene*/
	padding-bottom:5px;
	background-color:#000;
}

.casinoGameList img {
	display:block;
	margin-bottom:5px;
	cursor:pointer;
}

.casinoGameTitle {
	font-family: 'CenturyGothic';
	font-size:15px;
	font-weight:bold;
}

.casinoGameList
{
	background-color: #101010;
    border-radius: 5px;
    padding: 5px;
    border: 1px solid #866431;
}


/********* OVERLAY ************/
.overlay{
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: #000;
     z-index:1001;
     opacity:.75;
     -moz-opacity: 0.75;
     filter: alpha(opacity=75);
}

.modal {
     display: none;
     position: absolute;
     top: 25%;
     left: 25%;
     width: 50%;
     height: 50%;
     padding: 16px;
     background: #fff;
     color: #333;
     z-index:1002;
     overflow: auto;
}

/********* PLAYER HISTORY ************/

#panelGames {
	width: 188px;
	height: auto;
	display: inline-block;
	vertical-align:top;
}

#historyDetails {
	width: 625px; 
	height: auto;
	display: inline-block;
	padding-top:5px;
}

#panelGames {
	width: 150px;
    height: 450px;
    display: inline-block;
    vertical-align: top;
    background: none repeat scroll 0 0 #2B2B2B;
    overflow-y: auto;
}

#panelGames .casinoGameBox{
	margin:0px !important;
	width:150px !important;
	color:#FFF;
}

#panelGames .casinoGameBox.selected{
	background-color:whitesmoke;
	color:#333 !important;
}

#panelGames .casinoGameBox img{
	width:150px;
	cursor: pointer;
}

#wrap-tblGameRounds {
	height: 292px;
    overflow-y: auto;
}

.GameRoundDetailsFrame {
	overflow:hidden;
	width:100%;
    height:230px;
}

.casinoTitleWhite {
	font-family: 'CenturyGothic';
	font-size:15px;
	font-weight:bold;
	color:white;
	padding-top:5px;
	padding-bottom:5px;
}


/* Generic Loader */
.loader-modal
    {
        position: fixed;
        top: 0;
        left: 0;
        background-color: black;
        z-index: 99;
        opacity: 0.8;
        filter: alpha(opacity=80);
        -moz-opacity: 0.8;
        min-height: 100%;
        width: 100%;
    }
.loader-loading
    {
        font-family: Arial;
        font-size: 10pt;
        border: 5px solid #866431;
        width: 200px;
        height: 100px;
        display: none;
        position: fixed;
        background-color: #262626;
        z-index: 999;
		    padding-top: 5px;
    }

.loader-loading > span {
	color: #C0C0C0;
    font-weight: bold;
    font-size: 15px;
}


/*
	STEPS

	Source: https://github.com/tcavalin/stepProgress
	
	*/
.steps{min-height:90px;padding:30px 0 0 0;font-family:'Open Sans', sans-serif;position:relative}.steps .steps-container{background:#DDD;height:10px;width:100%;border-radius:10px   ;-moz-border-radius:10px   ;-webkit-border-radius:10px   ;-ms-border-radius:10px   ;margin:0;list-style:none}.steps .steps-container li{text-align:center;list-style:none;float:left}.steps .steps-container li .step{padding:0 50px}.steps .steps-container li .step .step-image{margin:-14px 0 0 0}.steps .steps-container li .step .step-image span{background-color:#DDD;display:block;width:37px;height:37px;margin:0 auto;border-radius:37px   ;-moz-border-radius:37px   ;-webkit-border-radius:37px   ;-ms-border-radius:37px   }.steps .steps-container li .step .step-current{font-size:11px;font-style:italic;color:#cfb87f;margin:8px 0 0 0}.steps .steps-container li .step .step-description{font-size:13px;font-style:italic;color:#999}.steps .steps-container li.activated .step .step-image span{background-color:#5DC177}.steps .steps-container li.activated .step .step-image span:after{background-color:#FFF;display:block;content:'';position:absolute;z-index:1;width:27px;height:27px;margin:5px;border-radius:27px   ;-moz-border-radius:27px   ;-webkit-border-radius:27px   ;-ms-border-radius:27px   ;box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.15) ;-moz-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.15) ;-webkit-box-shadow: 4px 4px 0px 0px rgba(0,0,0,0.15) }.steps .step-bar{background-color:#5DC177;height:10px;position:absolute;top:30px;border-radius:10px 0 0 10px;-moz-border-radius:10px 0 0 10px;-webkit-border-radius:10px 0 0 10px;-ms-border-radius:10px 0 0 10px}.steps .step-bar.last{border-radius:10px   ;-moz-border-radius:10px   ;-webkit-border-radius:10px   ;-ms-border-radius:10px   }



/* ********************* CHECKBOXES STYLES ********************* */

/******************************************************************
Name: chippy checkbox inputs
Source: https://codepen.io/quinlo/pen/ReMRXz
/******************************************************************/

ul.ks-cboxtags {
    list-style: none;
}
ul.ks-cboxtags li{
  display: inline;
}
ul.ks-cboxtags li label{
    display: inline-block;
    background-color: rgb(38 38 38);
    border: 2px solid rgb(137 137 137);
    color: #adadad;
    border-radius: 8px;
    white-space: nowrap;
    margin: 3px 0px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    transition: all .2s;
}

ul.ks-cboxtags li label {
    padding: 2px 4px;
    cursor: pointer;
	font-size:12px;
}

ul.ks-cboxtags li label::before {
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 12px;
    padding: 1px 4px 1px 1px;
    content: "\f067";
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label::before {
    content: "\f00c";
    transform: rotate(-360deg);
    transition: transform .3s ease-in-out;
}

ul.ks-cboxtags li input[type="checkbox"]:checked + label {
    border: 2px solid #008000;
    background-color: #000000;
    color: #00ef88;
    transition: all .2s;
}

ul.ks-cboxtags li input[type="checkbox"] {
  display: absolute;
}
ul.ks-cboxtags li input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
ul.ks-cboxtags li input[type="checkbox"]:focus + label {
  /*border: 2px solid #e9a1ff;*/
}

/* ***************** END CHECKBOXES STYLES ********************* */



/* ***************** SPHERES/ ESFERAS ********************* */
.sphere {
  display: inline-block;
  background: black;
  border-radius: 100%;
  height: 26px;
  width: 26px;
  margin: 0;
  background: radial-gradient(circle at 9px 9px, #fbd259, #000);
}

.sphere.white
{
	/*background: radial-gradient(circle at 5px 5px, #f3f2f2, #fffefe, #0c0c0c);*/
	background: radial-gradient(circle at 9px 9px, #ffffff, #ffffff, #a2a2a2, #000000);
}

.sphere.green {
    background: radial-gradient(circle at 11px 11px, #64efa2, #09c35d, #025f2d, #000000);
}

.sphere.silver
{
	background: radial-gradient(circle at 11px 11px, #ffffff, #b3b7cb, #b9b9b9, #000000);

}

.sphere.yellow
{
	background: radial-gradient(circle at 9px 9px, #ffff85, #d6bb4f, #615829, #000);
}

.sphere.gold
{
	background: radial-gradient(circle at 9px 9px, #ffff85, #d6bb4f, #615829, #000);
}

.top-menu-asw{
	text-align: center;
	font-size:16px;
	font-weight: 600;
 	margin-bottom:0;
 }

.top-menu-asw a{
	color:#fff;
	display: inline;
	 
	padding:21px 9px 0 9px;


}

.top-menu-sep{
	color: #333;
}
/* ***************** END SPHERES/ ESFERAS ********************* */