@charset "utf-8";
/* CSS Document */

body {background:#fff; margin: 0; padding: 0;  font-family: 'Raleway', sans-serif; overflow-x: hidden; overflow-y: scroll !important;font-size:14px; color: #000; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -ms-overflow-style: scrollbar; }
div, header, nav, footer, aside, figure, section, address, article{ display:block; margin:0; padding:0;}
a{text-decoration:none; outline:none; -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out;  color:#4e4e4e;}
img{border:0; outline:none;}
.fl{float:left !important;}
.fr{float:right !important;}
.clear{margin:0; padding:0; clear:both; font-size:0; line-height:0;}
img{max-width:100%; height: auto;}
.noBor{border:none !important;}
.noBorR{border-right:none !important;}
.noBg{background:none !important;}
.pr{padding-right:0 !important;}
.mr{margin-right:0 !important;}
.mr0{margin-right:0 !important;}
.clearfix:after {clear: both; content: " "; display: block; height: 0; visibility: hidden;}
.clearfix {display: inline-block;}
.clearfix {display: block;}
html body {-webkit-text-size-adjust: none;}
*, *:after, *:before {
    box-sizing: border-box;
}
a:focus{outline:0;}
*:focus {
    outline: none;
   }
/*======================GRID=====================*/
.container{width:1179px; position:relative; margin:0 auto}
.row {margin-left: -7px; margin-right: -7px;}
.container-fluid {padding-left: 7px; padding-right: 7px;}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 { padding-left: 7px; padding-right: 7px;}

.header-hld{background:#000; border-bottom:solid 1px #999; position:fixed; z-index:99; left:0; top:0; width:100%;}
.menu.sml-menu{margin:0; padding:0; text-align:right;}
.menu ul{margin:0; padding:0; float:right; width:100%; display:table;}
.menu.sml-menu ul{margin:0; padding:0; float:right; width:100%; display:block;}
.menu ul li{margin:0; padding:0; display:table-cell; position:relative;}
.menu.sml-menu  ul li{margin:0 20px; padding:0; display:inline-block; position:relative;}
.menu ul li a{margin:0; padding:20px 0; display:block; color:#fff; font-size:16px; font-weight:600; text-transform:uppercase;  text-align: center;}
.menu ul li:hover ul{display:block; }
.menu ul li ul{display:none; position:absolute; top:51px; background:#000; width:280px; padding:0px;}
.menu ul li ul li{display:block; float:none; border-bottom:solid 1px #999}
.menu ul li a:hover{text-decoration:none; color:#68cf06;}
.logo{padding:0px 0 0 0; display:block; position: absolute; left:0px; top:8px;}
.navigation-wrap{float: right; width: 100%; padding-left: 160px;}
.menu.sml-menu .btn{    display: inline-block;}

.content-hld{margin-top:63px;}
.banner-hld{margin:0; padding:0; }
.banner-hld .flexslider{margin: 0 0 0px; border: 0px solid #fff; border-radius: 0px;}
.banner-hld .banner-content{text-align:center; background-repeat:no-repeat; background-position:0 0; background-size:cover;}
.banner-hld .banner-content img{width: inherit;}
.flex-direction-nav .flex-prev {left: 10px !important; opacity: 1 !important; height:60px;}
.flex-direction-nav .flex-next {right: 10px !important; opacity: 1 !important; height:60px;}
.flex-direction-nav a:before{color:#fff;}
.flex-control-nav{bottom:0;}
.flex-active-slide .banner-content a img{
	-webkit-animation: fadeIn 1.1s linear 0.5s both;
	-moz-animation: fadeIn 1.1s linear 0.5s both;
	-o-animation: fadeIn 1.1s linear 0.5s both;
	-ms-animation: fadeIn 1.1s linear 0.5s both;
	animation: fadeIn 1.1s linear 0.5s both;
	margin:0 auto;
}

@-webkit-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-moz-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-o-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@-ms-keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}
@keyframes fadeIn{
	0% {opacity: 0;}
	100% {opacity: 1;}
}

.umbrella-hld{background:#fff url(../images/umbrella-bg.jpg) 0 0 no-repeat; padding:20px 0 40px;}
.umbrella-inner{position:relative; overflow:hidden;}
.umbrella-inner:hover:before{position: absolute; top: 0px; left: 0; z-index:2; width: 100%; height:100%; content:''; background:rgba(0, 0, 0, 0.85);}
.umbrella-content {position: absolute; top: 0px; left: 0; width: 100%; text-align:center; z-index:9; padding-top:20px; height:100%;}
.umbrella-content h2{font-size:24px; line-height:20px; font-weight:700; color:#fff; margin:0 auto; padding:3px 0; text-align:center; display:block; text-transform:uppercase;}
.umbrella-content h3{font-size:68px; line-height:60px; font-weight:800; color:#fff; margin:0 auto; padding:3px 0; text-align:center; display:block; text-transform:uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4);}
.umbrella-content h4{font-size:32px; line-height:20px; font-weight:700; color:#fff; margin:0 auto; padding:3px 0; text-align:center; display:block; text-transform:uppercase;}
.umbrella-content h5{font-size:24px; line-height:20px; font-weight:300; color:#fff; margin:4px auto; padding:3px 0; display:inline-block; border-top:solid 1px #ccc; border-bottom:solid 1px #ccc; text-transform:uppercase;}
.umbrella-content article{transition: top 300ms cubic-bezier(0.17, 0.04, 0.03, 0.94); position:absolute; top:250%; }
.umbrella-content:hover article{top:50%; left:50%; width:95%; -webkit-transform: translate(-50%); transform: translate(-50%);}
.umbrella-content:hover article p{color:#fff; font-size:12px; line-height:13px; font-family:Arial; padding:0 0 8px; margin:0; text-align:left;}
.umbrella-content.text-orange h3, .umbrella-content.text-orange .umbrella-btn{color:#fe6301;}
.umbrella-content.text-purple h3, .umbrella-content.text-purple .umbrella-btn{color:#8948ff;}
.umbrella-content.text-red h3, .umbrella-content.text-red .umbrella-btn{color:#f00728;}
.umbrella-content a{margin:0 5px;}
.umbrella-content .umbrella-btn{background:#fff; padding:18px 20px; margin:15px 0 0; text-align:center; font-size:24px; line-height:20px; font-weight:900; display:inline-block; text-transform:uppercase;}
.umbrella-content .umbrella-btn:hover{text-decoration:none;}
.umbrella-content.text-orange:hover .umbrella-btn{background:#fe6301; color:#fff;}
.umbrella-content.text-purple:hover .umbrella-btn{background:#8948ff; color:#fff;}
.umbrella-content.text-red:hover .umbrella-btn{background:#f00728; color:#fff;}
.umbrella-content .umbrella-btn-group{position: absolute; bottom: 20px; width: 100%; text-align:center;}

.games-hld{background:#f1f1f1; padding:20px 0; margin:0;}
.games-hld h2{position:relative; display:table; font-size:22px; line-height:22px; font-weight:700; color:#000; margin:0 0; padding:6px 0; text-transform:uppercase; text-align:left;}
/*.games-hld h2:after{content:"-"; position:absolute; left:-35px; top:50%; color:#000; -webkit-transform: translateY(-50%); transform: translateT(-50%);}
.games-hld h2:before{content:"-"; position:absolute; right:-35px; top:50%; color:#000; -webkit-transform: translateY(-50%); transform: translateT(-50%);}*/
/*h2.spl-head-hld {position:relative; display:table; font-size:44px; line-height:44px; font-weight:700; color:#000; margin:10px auto 0; padding:6px 0; text-transform:uppercase; text-align:center;}
h2.spl-head-hld:after{content:"-"; position:absolute; left:-35px; top:50%; color:#000; -webkit-transform: translateY(-50%); transform: translateT(-50%);}
h2.spl-head-hld:before{content:"-"; position:absolute; right:-35px; top:50%; color:#000; -webkit-transform: translateY(-50%); transform: translateT(-50%);}*/
h2.spl-head-hld {position:relative; display:table; font-size:22px; line-height:22px; font-weight:700; color:#000; margin:0 0; padding:6px 0; text-transform:uppercase; text-align:left;}
.games-hld p{font-size:15px; line-height:17px; font-weight:500; color:#000; margin:0 auto; padding:3px 0; text-align:left;}
p.spl-pra-hld{font-size:15px; line-height:20px; font-weight:500; color:#000; margin:0 0 10px; padding:3px 0; text-align:left;}
.games-header{margin:20px 0;}
.games-tab{margin:0; padding:0 7px 0 0; width:80%; float:left; }
.games-tab ul{display:table; width:100%; margin:0; padding:0;}
.games-tab li{display:table-cell; border-right:solid 1px #fff;}
.games-tab li:last-child{border-right:solid 0px #fff;}
.games-tab li a{padding:12px 0; text-align:center; font-size:15px; display: block; text-transform:uppercase; line-height:18px; font-weight:600; color:#000; background:#d1d1d1;}
.games-tab li a:hover, .games-tab li a.active{background:#980211; color:#fff; text-decoration:none;}
.games-search{width:20%; padding:0 0 0 7px; float:left; }
.games-search-inner{background:#000; position:relative;}
.search-input{width:auto; margin-right:25px; background:transparent;  font-size:15px; border:0;text-transform:uppercase;  font-family: 'Raleway', sans-serif; font-weight:600; padding:11px 10px; color:#fff;}
.search-btn{position:absolute; z-index:9; right:5px; top:8px; width:26px;  border:0; height:26px; background:url(../images/btn-search.png) 0 0 no-repeat;}

	
/**/
.grid{margin:0; padding:0;}
.grid .grid-full{width:40%; float:left; display:block;}
.grid .grid-half{width:20%; float:left; display:block;}
.grid .grid-full .grid-half{width:50%; float:left;}
.grid a{padding:7px; display:block; float:left; width:100%;}
.grid a img{width:100%; transition: all .2s ease-in-out; transform: scale(1.0);}
.grid a:hover img{width:100%; transition: all .2s ease-in-out; transform: scale(1.02);}


.loyalty-hld{background:url(../images/rewards-bg.jpg) 0 0 cover no-repeat; border-top:solid 10px #ff6800; border-bottom:solid 10px #ff6800;}
.loyalty-hld h2{font-size:55px; line-height:55px; color:#000; font-weight:700; padding:0px 0; margin:0; text-transform:uppercase;}
.loyalty-hld h3{font-size:80px; line-height:70px; color:#ff6800; font-weight:700; padding:0px 0; margin:0; text-transform:uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
.loyalty-hld ul{margin:0; padding:15px 0;}
.loyalty-hld ul li{margin:0; padding:0 0 8px 25px; display: block; position:relative; font-size:16px; line-height:20px; color:#000; font-weight:600;}
.loyalty-hld ul li:before{content:""; position:absolute; left:0; top:1px; background:url(../images/bullet.png) 0 0 no-repeat; width:18px; height:19px;}

.dp-hld{background:url(../images/dp-bg.jpg) 0 0 no-repeat;}
.dp-hld h2{font-size:55px; line-height:55px; color:#000; font-weight:700; padding:0px 0; margin:0; text-transform:uppercase;}
.dp-hld h3{font-size:80px; line-height:70px; color:#ff6800; font-weight:700; padding:0px 0; margin:0; text-transform:uppercase; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.4); }
.dp-hld p{margin:0; padding:25px 0 25px 0px; display: block; position:relative; font-size:16px; line-height:20px; color:#000; font-weight:600; width:60%;}

.footer-hld{margin:0; padding:0;}
.footer-top-hld{margin:0; padding:0; background:#333;}
.footer-menu{margin:0; padding:10px 0; display:block; width:100%; text-align:center;}
.footer-menu li {display:inline-block; margin:0; padding:0px 0; font-size:14px; line-height:12px; color:#fff;}
.footer-menu li a{font-size:14px; line-height:12px; color:#fff; font-weight:700; padding:10px 10px; display:block; text-align:center; text-transform:uppercase;}

.footer-bot-hld{background:#fff; padding:30px 0; text-align:center;}
.footer-logos{text-align:center; margin-bottom: 30px;}
.footer-logos img{margin:0 0px; vertical-align: middle;}
.footer-content{text-align:center;font-size:15px; line-height:18px; font-weight:500; color:#000;}
.footer-content p{margin-bottom:15px;}

.mob-inner-menu{display:none;}
.btn{font-size:16px; line-height:16px; color:#fff; background:#980211; margin:15px auto; border-radius:0; font-weight:700; padding:14px 24px; display:table; text-align:center; text-transform:uppercase;}
.btn:hover{color:#fff; background:#000;}
	
.loyalty-bg{background:url(../images/imahe-right.jpg) right 0 no-repeat; background-size: contain; padding:20px 0;}
.loyalty-bg .btn{margin:200px 0 0 10px;}

.dp-bg{background:url(../images/social-bg.png) right 30px no-repeat; background-size: contain; padding:20px 0; min-height:500px;}
.dp-bg .btn{margin:0px 0 0 0px;}

.download-hld{padding:40px 0;}
.download-hld h2{font-size:38px; line-height:42px; color:#000; font-weight:600; padding:0px 0; margin:10px 0 10px; text-transform:uppercase; text-align:center;}
.download-hld a{margin:0px; display:inline-block; padding:15px; width:45%;}

.viewnormal{display:block;}
.view768{display:none;}
.view1000{display:none;}
.view320{display:none;}

/*Inner Page*/
.inner-content-hld{background:#fff; padding:20px 0; margin:0;}
.inner-content-hld h2{position:relative; display:table; font-size:60px; line-height:60px; font-weight:700; color:#000; margin:0 auto; padding:6px 0; text-transform:uppercase; text-align:center;}
.inner-content-hld h2:after{content:"-"; position:absolute; left:-35px; top:50%; color:#000; -webkit-transform: translateY(-50%); transform: translateT(-50%);}
.inner-content-hld h2:before{content:"-"; position:absolute; right:-35px; top:50%; color:#000; -webkit-transform: translateY(-50%); transform: translateT(-50%);}
.inner-content-hld p{font-size:15px; line-height:17px; font-weight:500; color:#000; margin:0 auto; padding:3px 0; text-align:center;}
.sub-heading{background:#d1d1d1; padding:15px; margin:15px 0 0; font-weight:700; font-size:26px; display:block; text-align:center; text-transform:uppercase}

.accordion-hld .panel-default{border-color:transparent;}
.accordion-hld .panel-default>.panel-heading {
    color: #9f1012;
    background-color: #f8f8f8;
	border-color:transparent;
	border:solid 0px #d1d1d1;
    border-bottom:solid 1px #d1d1d1;
	padding: 15px 15px;
}
.accordion-hld .panel-title a{font-weight:700; font-size:18px;color: #333;text-transform:uppercase; text-decoration:none; display:block; font-family: 'Raleway', sans-serif;}
.accordion-hld .panel-title a .glyphicon{margin-right: 8px;}
.accordion-hld .accordion-toggle.collapsed{color: #9f1012;}
.accordion-hld.panel-group .panel {border-radius: 0;}
.accordion-hld .panel-default>.panel-heading+.panel-collapse>.panel-body{border-top:0; border-bottom: solid 1px #d1d1d1;}
.accordion-hld.panel-group .panel+.panel {margin-top: 0;}
.accordion-hld .panel{border:0; background: transparent; -webkit-box-shadow: 0 0px 0px rgba(0,0,0,.05); box-shadow: 0 0px 0px rgba(0,0,0,.05);}
.accordion-hld p{text-align:left; margin:0 0 20px 0px; font-size:16px; line-height:22px; font-weight:500; color:#000;}
.accordion-hld p:last-child{margin-bottom:0;}
.accordion-hld.panel-group {margin-bottom: 30px;}

.inner-content-hld-blk{background:#000; padding:40px 0; margin:0;}
.inner-content-hld-blk h2{color:#fff; font-size:26px; line-height:26px; font-weight:600; text-align:center; text-transform:uppercase;}
.inner-content-hld-blk  p{font-size:15px; line-height:17px; font-weight:500; color:#fff; margin:0 auto; padding:3px 0; text-align:center;}
.form-hld{background:#f8f8f8; padding:30px 25px; margin:20px auto; max-width:580px;}
.form-hld .form-hld-inner{margin-bottom:20px;}
.form-hld .form-hld-inner:last-child{margin-bottom:0px;}
.form-hld .form-hld-inner input[type="text"]{border:solid 1px #9a9a9a; width:100%; background:#fff; padding:15px; color:#9a9a9a; text-transform:uppercase; font-weight:600; font-size:18px;}
.form-hld .form-hld-inner textarea{border:solid 1px #9a9a9a; height:140px; width:100%; background:#fff; padding:15px; color:#9a9a9a; text-transform:uppercase; font-weight:600; font-size:18px;}
.form-hld .form-hld-inner .btn{margin-bottom:0;}


/* Drop Down */

.wrapper-dropdown-3:focus .dropdown {
    opacity: 1;
    pointer-events: auto;
}


.wrapper-dropdown-3 {
    /* Size and position */
    position: relative;
    max-width: 400px;
    margin: 20px auto 30px;
    padding: 10px;

    /* Styles */
    background: #980211;
    border-radius: 0px;
    border: 1px solid rgba(0,0,0,0.15);
    box-shadow: 0 0px 0px rgba(50,50,50,0.1);
    cursor: pointer;
    outline: none;
    color: #fff;
	text-transform:uppercase; font-weight:600; font-size:18px;
	text-align:center;
}

.wrapper-dropdown-3:after {
    content: "";
    width: 18px;
    height: 12px;
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -3px;
	background:url(../images/dd-arrow.jpg) 0 0 no-repeat;
}

.wrapper-dropdown-3 .dropdown {
  /* Size & position */
    position: absolute;
    top: 140%;
    left: 0;
    right: 0;
	padding:0;
	margin:0;
    /* Styles */
    background: white;
    border-radius: inherit;
    border: 1px solid rgba(0,0,0,0.17);
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    font-weight: normal;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -ms-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
    list-style: none;

    /* Hiding */
    opacity: 0;
    pointer-events: none;
}

.wrapper-dropdown-3 .dropdown:after {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 15px;
    border-width: 0 6px 6px 6px;
    border-style: solid;
    border-color: #fff transparent;    
}

.wrapper-dropdown-3 .dropdown:before {
    content: "";
    width: 0;
    height: 0;
    position: absolute;
    bottom: 100%;
    right: 13px;
    border-width: 0 8px 8px 8px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1) transparent;    
}

.wrapper-dropdown-3 .dropdown li a {
    display: block;
    padding: 10px;
    text-decoration: none;
    color: #333;
    border-bottom: 1px solid #e6e8ea;
    box-shadow: inset 0 1px 0 rgba(255,255,255,1);
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
	text-transform:uppercase; font-weight:600; font-size:18px;
}

.wrapper-dropdown-3 .dropdown li i {
    float: right;
    color: inherit;
}

.wrapper-dropdown-3 .dropdown li:first-of-type a {
    border-radius: 0px 0px 0 0;
}

.wrapper-dropdown-3 .dropdown li:last-of-type a {
    border: none;
    border-radius: 0 0 0px 0px;
}

/* Hover state */

.wrapper-dropdown-3 .dropdown li:hover a {
    background: #980211; color:#fff;
}

/* Active state */

.wrapper-dropdown-3.active .dropdown {
    opacity: 1;
    pointer-events: auto;
}

/* No CSS3 support */

.no-opacity       .wrapper-dropdown-3 .dropdown,
.no-pointerevents .wrapper-dropdown-3 .dropdown {
    display: none;
    opacity: 1; /* If opacity support but no pointer-events support */
    pointer-events: auto; /* If pointer-events support but no pointer-events support */
}

.no-opacity       .wrapper-dropdown-3.active .dropdown,
.no-pointerevents .wrapper-dropdown-3.active .dropdown {
    display: block;
}

/*general-content*/
.general-content{font-size:16px; line-height:22px; font-weight:500; color:#333; text-align:left; margin:20px 0; }
.general-content p{font-size:16px; line-height:22px; font-weight:500; color:#333; margin:0 0 15px 0px; padding:0; text-align:left;}
.general-content h3{font-size:24px; font-weight:700; color:#333; margin:0 0 15px 0; padding:15px; background:#d1d1d1;}
.general-content ol { margin:0 0 15px 32px; padding:0;}
.general-content ol li{font-size:16px; line-height:22px; font-weight:500; color:#333; margin:0 0 8px 0px; padding:0 10px 0 0; text-align:left; list-style-type:lower-alpha;}
.general-content ol li ol{margin:15px 0 15px 40px; list-style-type:upper-roman;}
.general-content ol li ol li{list-style-type:upper-roman;}
.general-content a{color:#980211}
.faq-logo-list{border-bottom:solid 1px #ccc; padding-bottom:20px;}
.eon{background:#00a604; margin-right: 10px;}
.txt-h2-cen{    
	position: relative;
    display: table;
    font-size: 60px;
    line-height: 60px;
    font-weight: 700;
    color: #000;
    margin: 0 auto;
    padding: 6px 0;
    text-transform: uppercase;
    text-align: center;
	margin-top:40px;
	}
.txt-p-cen{
	font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    color: #000;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
	margin-bottom:40px;
}
.red-bor{border-bottom:solid 6px #980211;}
.banner-hld-rew{margin:0;}
.txt-h2-cen-rew {
    position: relative;
    display: table;
    font-size: 42px;
    line-height: 50px;
    font-weight: 700;
    color: #000;
    margin: 0 auto;
    padding: 6px 0;
    text-transform: uppercase;
    text-align: center;
    margin-top: 20px;
}
.txt-p-cen-rew {
    font-size: 15px;
    line-height: 17px;
    font-weight: 500;
    color: #000;
    margin: 0 auto;
    padding: 3px 0;
    text-align: center;
    margin-bottom: 20px;
}
.rew-list{ margin:10px 0; padding:0;}
.rew-list li{margin:0 0 20px; padding:0;text-align:center; float:left; display:block; width:25%; min-height:200px;}
.rew-list li img {margin:0 0 5px; padding:0; text-align:center;}
.rew-list li span{margin:10px 20px; padding:0; font:bold 18px Arial; color:#000; text-align:center; display:block;}
.flexslider.rewards {
    margin: 0 0 20px;
    background: rgba(255, 255, 255, 0);
    border: 0px solid #fff;
}
.rew-inn-hld{background:#fff; padding:20px 0; }
.rew-inn-hld .txt-h2-cen-rew{margin-top:0; margin-bottom:10px;}

.hiw-inn-hld{background:url(../images/rewards/hiw-bg.jpg) 0 0 no-repeat; padding:20px 0; border-bottom:solid 4px #980211; border-top:solid 4px #980211; background-size: cover;}
.hiw-inn-hld .txt-h2-cen-rew{margin-top:0; margin-bottom:10px;}
.hiw-list{ margin:0; padding:0; }
.hiw-list li{position:relative; display:block;  padding-left: 60px; margin-bottom:40px; overflow:hidden;
	/*box-shadow: 0px 10px 5px rgba(136, 136, 136, 0.36);*/
	display: flex;    
    flex-direction: row;
    justify-content: space-between;
}
.hiw-list li .num{z-index: 9;  left:0px; top:18px;  position: absolute; font-size:72px; color:#1e1e1e; line-height:96px; width:120px; height:120px; background:#fff; border-radius:50%; overflow:hidden; border:solid 5px #0a1482; text-align:center; display:block; font-weight:600;}
.hiw-list article{
	display: flex;  
	width: 60%;
	 justify-content: center;
	 align-items: center;
	font:bold 18px/22px Arial;
	color:#fff;
	padding:10px 75px 10px 75px;
	background: rgb(63,72,204); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(63,72,204,1) 0%, rgba(9,19,128,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(63,72,204,1) 0%,rgba(9,19,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(63,72,204,1) 0%,rgba(9,19,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f48cc', endColorstr='#091380',GradientType=0 ); /* IE6-9 */
	position:relative;
	
}
.hiw-list img{
	width: 40%;
}
.hiw-list li article:after{
	position: absolute;
    top: -19px;
    right: -34px;
    width: 60px;
    height: 118%;
    content: "";
	background: rgb(63,72,204); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(63,72,204,1) 0%, rgba(9,19,128,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(63,72,204,1) 0%,rgba(9,19,128,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(63,72,204,1) 0%,rgba(9,19,128,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f48cc', endColorstr='#091380',GradientType=0 ); /* IE6-9 */
	
   /* border-bottom: 157px solid #fff;
    border-left: 60px solid transparent;*/
	-ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Safari */
    transform: rotate(20deg);
	
	
	
}
.green-btn{background:#1baa06;}
.rewban-inn-hld{background:url(../images/rewards/banner-bottom.jpg) 0 0 no-repeat; background-size:cover; padding:25px 0;}
.rewban-inn-hld h2{color:#fff; font-size:36px; text-transform:uppercase; line-height:44px; text-align:center;}

/* TABLET LAYOUT (LANDSCAPE/992PX) 
----------------------------------------------- */
@media only screen and (min-width:1000px) and (max-width:1179px) {
	.container{width:auto;}
	
	.view768{display:none;}
	.view1000{display:block;}
	.viewnormal{display:none;}
	.view320{display:none;}
	
	.grid .grid-full{width:50.00%;}
	.grid .grid-half{width:25.00%;}
	
	.loyalty-bg {background: url(../images/imahe-right.jpg) -1500% bottom no-repeat; background-size: cover;}
	.loyalty-bg .btn {margin: 50px 0 0 10px;}
	
	.umbrella-content:hover article p{font-size:11px; line-height:14px; padding:0 0 5px;}
	.umbrella-content{padding-top:10px;}
	.umbrella-content h3 {font-size: 36px; line-height: 36px;}
	.umbrella-content h4 {font-size: 20px; line-height: 20px;}
	.umbrella-content h5 {font-size: 15px;line-height: 14px;}
	.umbrella-content .umbrella-btn{font-size:20px; line-height:20px;}
	.download-hld {text-align: center;}
	.content-hld {margin-top: 76px;}
	.dp-bg {background: url(../images/social-bg.png) right bottom no-repeat; background-size: 70%;  min-height: 650px;}
	.rew-list li { min-height: 245px;}

	
}




/* ------------------------ TABLET ------------------------*/
@media only screen and (min-width:768px) and (max-width:999px) {
	.container{width:auto;}
	.menu ul li a{padding:10px 0}
	.umbrella-content h2{font-size:20px; line-height:20px;}
	.umbrella-content h3{font-size:48px; line-height:48px;}
	.umbrella-content h4{font-size:30px; line-height:30px;}
	.umbrella-content h5{font-size:24px; line-height:24px;}
	.umbrella-content .umbrella-btn{font-size:14px; padding:10px; margin: 10px 10px 0;}
	.umbrella-inner img{height:300px;}
	.umbrella-inner .umbrella-btn-group img{height:inherit; width: 40%;}
	.games-hld h2:after, .inner-content-hld h2:after{left:-25px;}
	.games-hld h2:before, .inner-content-hld h2:before{ right:-25px;}
	/*.games-hld h2{font-size:42px;}*/
	.menu ul li a{font-size:15px;}
	.games-hld{padding:20px 0;}
	
	.viewnormal{display:none;}
	.view768{display:block;}
	.view1000{display:none;}
	.view320{display:none;}
	
	.grid .grid-full{width:66.66%;}
	.grid .grid-half{width:33.33%;}
	
	.loyalty-bg .btn{margin-top:20px;}
	.loyalty-bg {background: url(../images/imahe-right.jpg) -212% bottom no-repeat; background-size: cover;}
	.loyalty-hld h2{margin-left:10px; margin-right:10px; font-size:40px; line-height:40px;}
	.loyalty-hld h3{margin-left:10px; margin-right:10px; font-size:60px; line-height:60px; width:70%}
	.umbrella-content:hover article p{font-size:11px; line-height:14px; padding:0 0 5px;}
	.umbrella-content{padding-top:10px;}
	.umbrella-content h3 {font-size: 36px; line-height: 36px;}
	.umbrella-content h4 {font-size: 20px; line-height: 20px;}
	.umbrella-content h5 {font-size: 15px;line-height: 14px;}
	/*h2.spl-head-hld{font-size:43px; line-height:43px; width: 500px;}*/
	.dp-bg { background: url(../images/social-bg.png) right bottom no-repeat;  background-size: 62%; padding: 20px 0; min-height: 500px;}
	.download-hld {text-align: center;}
	.content-hld {margin-top: 77px;}
	.rew-list li { min-height: 275px;}
	
}


/* ------------------------ MOBILE ------------------------*/
@media only screen and (max-width:767px) {
	.container{ width:auto; margin:0;padding:0;overflow:hidden;}
	.header-hld{height:63px;}
	.logo{padding:8px 10px; position: relative; top:0;}
	
	.navbar-toggle {padding: 0; border: 0; position: absolute; right: 0; top: 5px; display: inline-block; vertical-align: middle; margin: 0;}
	.menu ul,.menu ul li {display: block;}
	.menu ul li {border-bottom:solid 1px #999;}
	.menu ul li a {padding:10px; font-size: 16px; text-align:left;}
	
	/*sidebar-offcanvas*/    
	.navbar .navbar-collapse {width: 100%; display: block; overflow-y: auto; background-color: #222; overflow-x: hidden}
	.navbar .navbar-collapse.active {right: 0px}
	.row-offcanvas  { position: relative;  -webkit-transition: all 450ms ease;  transition: all 450ms ease;}	
	header.nav .brand-logo{-webkit-transition: all 450ms ease;  transition: all 450ms ease;}
	.row-offcanvas-left.active, body.active header.nav .brand-logo {-webkit-transform: translateX(-70%); transform: translateX(-70%); }
	.row-offcanvas-left.active:after {position:absolute; content:""; height:100%; background:rgba(0, 0, 0, 0.80); z-index:99; top:0; left:0; width:100%;}

	.sidebar-offcanvas {position: absolute;top: 0;width: 100%; right:0;}
	.overlay {display: block;}    
	.navbar .navbar-collapse {padding: 10px 0;}    
	.nav-hld li:hover ul {background: #021430 !important;}   
	.navigation-wrap {background-color: #000; position: fixed;right: 0; bottom: 0; width: 70%; top: 0; transform: translateX(100%); -webkit-transform: translateX(100%); -webkit-transition: all 450ms ease;  transition: all 450ms ease;}
	body.active .navigation-wrap{transform: translateX(0);}
	body.active .offcanvasclose{background:#000;}	
	
	.offcanvasclose {cursor:pointer; display: block; position: absolute; top:15px; left: -45px; overflow: hidden; padding: 0; width: 34px; height: 32px; font-size: 0; text-indent: -9999px; -webkit-appearance: none; -moz-appearance: none; appearance: none; box-shadow: none; border-radius: none; border: none; cursor: pointer; border-radius: 0; float: none; margin:0; right: auto;}
    .offcanvasclose:focus { outline: none; }
	.offcanvasclose span { display: block; position: relative;  width: 100%; margin: 0 auto; height: 4px; background: white; }
    .offcanvasclose span::before,
    .offcanvasclose span::after { position: absolute; display: block; left: 0; right: 0; height: 4px; background-color: #fff; content: ""; }
    .offcanvasclose span::before { top: -10px; }
    .offcanvasclose span::after { bottom: -10px; }
    .offcanvasclose span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
    .offcanvasclose span::before,
    .offcanvasclose span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
    .offcanvasclose span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
    .offcanvasclose span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }
    .offcanvasclose.collapsed span { background: none; }
    .offcanvasclose.collapsed span::before { top: 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
    .offcanvasclose.collapsed span::after { bottom: 0; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
    .offcanvasclose.collapsed span::before,
    .offcanvasclose.collapsed span::after { -webkit-transition-delay: 0s, 0.3s; transition-delay: 0s, 0.3s; }
	/*sidebar-offcanvas*/
	
	.umbrella-inner img{width:100%;}
	.umbrella-inner .umbrella-btn-group img{width:inherit;}
	.umbrella-inner {margin-bottom: 15px; overflow:hidden;}
	.grid .grid-full{width:auto; float:none;}
	.grid .grid-half{width:auto; float:none; text-align:center;}
	.grid .grid-full .grid-half{width:auto; float:none; width: 100%;}
	.grid a, .grid a img{width: auto; float: none;}
	.footer-menu{padding:7px 0;}
	.footer-menu li a{padding: 5px 5px;}
	.footer-bot-hld{padding:10px;}
	.footer-logos{margin-bottom:10px;}
	.banner-hld .banner-content img{width:100%;}
	.banner-hld .banner-content img{font-size:20px;}
	.umbrella-hld {padding: 15px 10px 0px;}
	.umbrella-content .umbrella-btn{font-size:18px;}
	.games-hld{padding:10px;}
	.games-hld h2, .inner-content-hld h2{font-size:24px; line-height:30px;}
	.umbrella-content h3{font-size:56px;}
	.games-search{width:100%;}
	.mob-search {background: #000 url(../images/btn-search.png) 7px 7px no-repeat; width: 40px; height: 40px; position: absolute;right:0px; top:0;}
	.games-search-inner{display:none;}
	.games-tab li {display: block; border-right: solid 0px #fff; border-bottom: solid 1px #fff;}
	.games-tab li a{padding:11px; text-align: left;}
	.mob-inn-menu {background: #980211; padding:6px; height: 40px; position: absolute; width: 40px;}
	
	.mob-inn-menu span { display: block; position: relative; width: 100%; margin: 0 auto; height: 4px; background: white;  margin-top: 12px;}
    .mob-inn-menu span::before,
    .mob-inn-menu span::after { position: absolute; display: block; left: 0; right: 0; height: 4px; background-color: #fff; content: ""; }
    .mob-inn-menu span::before { top: 10px; }
    .mob-inn-menu span::after { bottom: 10px; }
    .mob-inn-menu span { -webkit-transition: background 0s 0.3s; transition: background 0s 0.3s; }
    .mob-inn-menu span::before,
    .mob-inn-menu span::after { -webkit-transition-duration: 0.3s, 0.3s; transition-duration: 0.3s, 0.3s; -webkit-transition-delay: 0.3s, 0s; transition-delay: 0.3s, 0s; }
    .mob-inn-menu span::before { -webkit-transition-property: top, -webkit-transform; transition-property: top, transform; }
    .mob-inn-menu span::after { -webkit-transition-property: bottom, -webkit-transform; transition-property: bottom, transform; }
	.mob-inner-menu{display:block;}
	.games-tab {margin: 0 0px 0 0px; padding: 0 0px 0 0; width: inherit; float: left; position: absolute; top: 40px; right: 50px; left: 40px; display:none;}
	.games-search { width: 100%; position: absolute; top: 40px; padding: 0; left: 0;}
	.games-header {margin: 15px 0; position: relative;}
	.mob-tab-menu{background: #980211; display:block; height: 40px; margin-right: 50px; }
	.mob-tab-menu label{color:#fff; font-size: 15px; line-height:18px; font-weight:600; display:block; padding: 12px 50px; text-transform:uppercase;}
	.games-hld h2:after, .inner-content-hld h2:after{left:0px;}
	.games-hld h2:before, .inner-content-hld h2:before{ right:0px;}
	.umbrella-hld .col-md-4.col-xs-4{width:100%;}
	.inner-content-hld{padding:10px 0;}
	.inner-content-hld h2, .inner-content-hld p{padding-left:10px; padding-right:10px;}
	.inner-content-hld-blk{padding:10px 0;}
	.wrapper-dropdown-3, .inner-content-hld-blk p, .inner-content-hld-blk h2{margin:10px;}
	.accordion-hld .panel-title a, .accordion-hld p, .sub-heading{font-size:15px;}
	.accordion-hld.panel-group{margin-bottom:10px;}
	.form-hld{padding:20px;}
	
	.viewnormal{display:block;}
	.view768{display:none;}
	.view1000{display:none;}
	.view320{display:none !important;}
	
	
	.loyalty-bg {background: url(../images/imahe-right.jpg) 0 bottom no-repeat; background-size: contain;  min-height: 580px;     text-align: center;}
	.loyalty-hld h2{margin-left:10px; margin-right:10px; font-size:30px; line-height:30px;}
	.loyalty-hld h3{margin-left:10px; margin-right:10px; font-size:60px; line-height:60px; width: auto;}
	.loyalty-hld ul{margin-left:10px; margin-right:10px;}
	.loyalty-hld ul li{text-align:left; padding-bottom:15px;}
	.loyalty-bg .btn {margin: 10px auto;}
	
	.general-content h3{font-size:18px;}
	/*h2.spl-head-hld{    font-size: 26px;    line-height: 30px;    width: 250px;    margin: 0 auto;}*/
	.dp-hld p{width:auto; padding: 10px 0;}
	.dp-hld{padding:15px;}
	.dp-bg{min-height:550px;}
	.dp-bg {background: url(../images/social-bg.png) right bottom no-repeat; background-size: contain; text-align:center; padding:0;}
	.dp-bg .btn {margin: 0px auto;}
	.dp-hld h3{font-size:45px; line-height:45px;}
	.dp-hld h2{font-size:30px; line-height:30px;}
	.download-hld h2{font-size:24px; line-height:24px;}
	.download-hld {padding:20px 15px;}
	
	.menu.sml-menu ul li{display:block; }
	.menu.sml-menu ul{padding-left:15px; padding-right:15px;}
	.menu.sml-menu  ul li{margin:0;}
	.banner-hld .banner-content{padding:0 10px;}
	.download-hld a{padding:0 0;}
	
	/*rewards*/
	.txt-h2-cen-rew{ font-size: 20px;  line-height: 24px;     margin-top: 0;}
	.hiw-list li{flex-direction: column; padding-left: 0px;  margin:80px 20px 20px; overflow: inherit;}
	.hiw-list li .num {left: 50%; margin-left: -50px;  top: -60px; font-size: 50px; color: #1e1e1e; line-height: 80px; width: 100px;  height: 100px;	}
	.hiw-list li article:after{display:none;}
	.hiw-list article{width:100%; padding: 70px 20px 10px 20px; text-align: center;  font: normal 15px/18px Arial;}
	.hiw-list img{width:100%;}
	.rew-list li{width:50%;     min-height: 230px;}
	.rew-list li span { margin: 10px 20px; padding: 0; font: bold 15px Arial;}
	.rewban-inn-hld h2 { color: #fff; font-size: 20px; text-transform: uppercase;  line-height: 26px;    text-align: center;}
}

/* WIDE MOBILE LAYOUT (LANDSCAPE/480PX) 
----------------------------------------------- */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	
	.umbrella-content h2{font-size:13px; line-height:13px;}
	.umbrella-content h3{font-size:32px; line-height:32px;}
	.umbrella-content h4{font-size:20px; line-height:20px;}
	.umbrella-content h5{font-size:15px; line-height:15px;}
	.umbrella-content .umbrella-btn{font-size:14px; padding:10px; margin: 10px 10px 0;}
	.umbrella-inner img{height:300px;}
	.umbrella-inner .umbrella-btn-group img{height:inherit; width: 40%;}
	.umbrella-content a {margin: 0px 1px;}
	.grid .grid-full .grid-half {width: 50%; float: left; width: 50%;}
	.grid .grid-full .grid-half a, .grid .grid-full a{width:100%;}
	.grid-half a{width:50%; float:left;}
	
	.games-hld h2:after, .inner-content-hld h2:after{left:-15px;}
	.games-hld h2:before, .inner-content-hld h2:before{ right:-15px;}
	.umbrella-hld .col-md-4.col-xs-4{width:33.333%;}
	
	.wrapper-dropdown-3{margin:10px auto;}
	
	.loyalty-bg {background: url(../images/imahe-right.jpg) -130% bottom no-repeat;  background-size: cover; text-align:left; min-height:330px;}
	.loyalty-bg .btn {margin: 10px 0;}	
	.dp-bg {text-align:left;}
	.download-hld { text-align:center;}
	.download-hld h2 { font-size: 30px;  line-height: 30px; color:#000; margin: 20px 0 20px;}
	.dp-hld h2 {font-size: 47px; line-height: 47px;}
	.dp-hld h3 {font-size: 70px; line-height: 70px;}
	.dp-hld p{font-size:18px; font-weight: 400; line-height: 24px;}
	.dp-bg .btn {margin: 0;}
	.dp-bg {min-height: 675px;}
	.grid a img { width: 100%;}
	/*h2.spl-head-hld {font-size: 33px; line-height: 33px; width: 350px; margin: 0 auto;}*/
	
	
}