﻿/*******************************************************************************************/
/********************************* STYLES FOR CA$ MODAL ************************************/
/*******************************************************************************************/
.modal-open { overflow: hidden; }
.modal { display: none; overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index:9000; -webkit-overflow-scrolling: touch; outline: 0; }
.modal section.container {width:auto !important;padding-top:5px !important; background:none !important;}
.modal section.container::before {background:none !important;height:0 !important;display:none !important;}
.modal section.container::after {background:none !important;height:0 !important;display:none !important;}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
/* ########################################################################################################## */
.modal.in .modal-dialog {-webkit-transform: translate(0, 0);  transform: translate(0, 0);}
.modal-open .modal { overflow-x: hidden; overflow-y: auto;}
.modal-dialog { position: relative; width: auto; margin: 10px; border-radius: 12px; z-index:9010;}
.modal-content { position: relative; background-color: #ffffff; border: 1px solid #999999; border: 1px solid rgba(0, 0, 0, 0.2); border-radius: 12px; -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5); background-clip: padding-box; outline: 0;}
/* ########################################################################################################## */
.modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0;  left: 0; z-index:1040 !important; background-color: #000000;}
.modal-backdrop.fade { opacity: 0; filter: alpha(opacity=0);}
.modal-backdrop.in { opacity: 0.5; filter: alpha(opacity=50);}
.modal-header {padding: 15px;border-bottom: 1px solid #e5e5e5;}
.modal-header .close { margin-top: -2px;}
.modal-title { margin: 0; line-height: 1.42857143;}
.modal-body { position: relative; padding: 0 15px; overflow-y:auto;}
/* added by G to conform with content on core domains */
.modal-body ol ol {list-style:lower-roman outside;}
.modal-body ol ol ol {list-style:lower-alpha outside;}
.modal-body ol ol ol ol {list-style:lower-greek outside;}
/* ########################################################################################################## */
.modal-footer { padding: 15px; text-align: right; border-top: 1px solid #e5e5e5;}
.modal-footer .btn + .btn { margin-left: 5px; margin-bottom: 0;}
.modal-footer .btn-group .btn + .btn { margin-left: -1px;}
.modal-footer .btn-block + .btn-block { margin-left: 0;}
.modal-scrollbar-measure { position: absolute; top: -9999px; width: 50px; height: 50px; overflow: scroll;}
/* ########################################################################################################## */
@media (min-width: 768px) {
  .modal-dialog { width: 600px; margin: 30px auto;}
  .modal-content {-webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);  }
  .modal-sm { width: 300px; }
}
/* ########################################################################################################## */
@media (min-width: 992px) {
  .modal-lg { width: 900px; }
}
.clearfix:before, .clearfix:after, .modal-header:before, .modal-header:after, .modal-footer:before, .modal-footer:after { content: " "; display: table;}
.clearfix:after, .modal-header:after, .modal-footer:after {  clear: both;}
/* ########################################################################################################## */
.modal button.close { position:absolute; z-index:9999; top:10px; right:10px; margin:0; padding:2px; font-size:14px; line-height:14px; border-radius:5px; cursor:pointer; background:rgba(242,242,242,1); border:2px solid rgba(186,186,186,1); color:rgba(168,0,0,0.6);}
.modal button.close:hover { border:2px solid rgba(128,128,128,1); background:rgba(228,228,228,1); color:rgba(168,0,0,0.8);}
.modalLink {cursor:pointer; color: rgba(243,209,0,1);}
.modalLink:hover { text-decoration: none; }
/* Limit height of modals */
.modal-body { overflow-y: auto; height: 70vh !important;}
.modal .modal-body .container {width:auto !important;padding-top:5px !important; background:none !important;}
.mobile-terms ol, .mobile-terms ul, .desktop-terms ol, .desktop-terms ul {padding-left:20px;}
/* ########################################################################################################## */

/* ######################################### Offer Disclaimer Modal ######################################### */
/* qtr 1 */
.modal-offer-disclaimer#bananaModal .modal-body {height:auto !important;}
.modal-offer-disclaimer#bananaModal .modal-header {border-radius: 14px 14px 0 0;}
.modal-offer-disclaimer#bananaModal .modal-footer {border-radius: 0 0 14px 14px;}

/* Other Offer Disclaimer modals */
#offerDisclaimerModal .modal-header {height:auto !important;padding:0;box-sizing:border-box;}
#offerDisclaimerModal .modal-header h4 {
    background:linear-gradient(to bottom, rgba(27,27,27,1) 0, rgba(87,87,87,1) 100%);
    display:block;
    padding:15px;
    border-radius: 8px 8px 0 0;
    border: 2px solid #fff;
    font-size: 20px;
    font-weight: 700;
    color: white;
}
#offerDisclaimerModal .modal-body {
    height:auto !important;
    padding:15px;
    background:rgba(233,233,233,1);
    border-right:solid 2px white;
    border-left:2px solid white;
}
#offerDisclaimerModal .modal-footer {padding: 0; text-align: right; border-top: 1px solid #e5e5e5;}
#offerDisclaimerModal .modal-footer button#offerDisclaimerCTA {
    background: #dd7d00;
    display:block;
    padding:15px;
    width: 100% !important;
    border-radius: 0 0 8px 8px;
    border: 2px solid #fff;
    font-size: 18px;
    font-weight: 700;
    color: white;
    cursor:pointer;
}
#offerDisclaimerModal .modal-footer button#offerDisclaimerCTA[disabled="disabled"],
#offerDisclaimerModal .modal-footer button#offerDisclaimerCTA[disabled] {
    background: #7d7d7d;color: #999;cursor: not-allowed;
}
/* ########################################################################################################## */

/* ############################################################################## */
/* ############################### FOOTER ICONS ################################# */
/* ############################################################################## */
.footer-icons {
    background: #000;
    padding: 10px 0 5px;
    margin: 12px 0;
    text-align: center;
}
.footer-icons > * {display:inline-block;}
#bt_gif.footer-icon-item,
.footer-icon-item {margin:0 4px;}
#bt_gif.footer-icon-item,
.footer-icon-item {margin:0 4px;}
#bt_gif {
	position: relative;
	height: 43px;
	width: 130px;
	border: 0;
	background: #900;
	margin: 4px 0;
	z-index: 1
}
.footer_single-icon{
    height:45px;
    width:auto;
    margin-top:-45px;
}
.footer_single-icon-hrwg{
    margin-right:4px;
}
.bt_container {
	position: absolute;
	top: 0;
	left: 0;
	margin: 2px;
	background: #fff;
	height: 39px;
	width: 126px;
	z-index: 2
}
.bt_title {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 0 0 5px;
	padding: 0;
	width: 120px;
	text-transform: uppercase;
	font: 700 7pt/9pt "Segoe UI", "Trebuchet MS", Arial, Helvetica;
	text-rendering: optimizeLegibility!important;
	-webkit-font-smoothing: subpixel-antialiased;
	-webkit-text-size-adjust: none;
	z-index: 6;
	opacity: 1;
	text-align: center;
	background: #900;
	color: #fff
}
.bt_tick {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0 2px;
	height: 28px;
	width: 126px
}
.bt_tick img {
	position: absolute;
	top: 0;
	left: 0;
	height: 28px;
	width: 126px;
	z-index: 3;
	opacity: 0;
	overflow: hidden
}
.bt_tick img.active {
	z-index: 5;
	opacity: 1
}
.bt_tick img.last-active {
	z-index: 4
}
.bt_icon {
	background-image: url(../image/payment-logos.png);
	background-repeat: no-repeat;
	margin: 11px 0 0
}

.bt_icon-visa					{background-position: 0 0}
.bt_icon-mastercard				{background-position: -125px 0}
.bt_icon-entropay				{background-position: -250px 0}
.bt_icon-wire					{background-position: -375px 0}
.bt_icon-skrill 				{background-position: -500px 0}
.bt_icon-click2pay 				{background-position: -625px 0}
.bt_icon-ecocard 				{background-position: -750px 0}
.bt_icon-echeck 				{background-position: -875px 0}
.bt_icon-instadebit 			{background-position: -1000px 0}
.bt_icon-use-my-bank 			{background-position: -1125px 0}
.bt_icon-ezipay 				{background-position: -1250px 0}
.bt_icon-click-and-buy 			{background-position: -1375px 0}
.bt_icon-diners 				{background-position: -1500px 0}
.bt_icon-visa-electron 			{background-position: -1625px 0}
.bt_icon-amex 					{background-position: -1750px 0}
.bt_icon-jcb 					{background-position: -1875px 0}
.bt_icon-neteller 				{background-position: -2000px 0}
.bt_icon-paysafecard 			{background-position: -2125px 0}
.bt_icon-ukash 					{background-position: -2250px 0}
.bt_icon-klarna 				{background-position: -2375px 0}
.bt_icon-ideal 					{background-position: -2500px 0}
.bt_icon-dk 					{background-position: -2625px 0}
.bt_icon-postepay 				{background-position: -2750px 0}
.bt_icon-use-my-wallet 			{background-position: -2875px 0}
.bt_icon-direct-bank-transfer 	{background-position: -3000px 0}
.bt_icon-solo 					{background-position: -3125px 0}
.bt_icon-maestro 				{background-position: -3250px 0}
.bt_icon-instantbank 			{background-position: -3500px 0}
.bt_icon-poli 					{background-position: -3625px 0}
.bt_icon-abaqoos 				{background-position: -3750px 0}
.bt_icon-przelewy24 			{background-position: -3875px 0}
.bt_icon-moneta 				{background-position: -4000px 0}
.bt_icon-ekonto 				{background-position: -4125px 0}
.bt_icon-ewire 					{background-position: -4250px 0}
.bt_icon-euteller 				{background-position: -4375px 0}
.bt_icon-banklink 				{background-position: -4500px 0}
.bt_icon-ticket-premium 		{background-position: -4625px 0}
.bt_icon-neosurf 				{background-position: -4750px 0}
.bt_icon-giropay 				{background-position: -4875px 0}
.bt_icon-multibanco 			{background-position: -5000px 0}
.bt_icon-webmoney 				{background-position: -5125px 0}
.bt_icon-bankinswed 			{background-position: -5250px 0}
.bt_icon-eps 					{background-position: -5500px 0}
.bt_icon-teleingreso 			{background-position: -5375px 0}
.bt_icon-loganpay 				{background-position: -5625px 0}
.bt_icon-nordea 				{background-position: -5750px 0}
.bt_icon-boleto-bancario 		{background-position: -5875px 0}
.bt_icon-trustly 				{background-position: -6000px 0}
.bt_icon-paypal 				{background-position: -6125px 0}
.bt_icon-kalibra 				{background-position: -6250px 0}
.bt_icon-ecopayz 				{background-position: -6375px 0}
.bt_icon-qiwi 					{background-position: -6500px 0}

.bIcons {
	background-image: url(../image/footer-icons.fs8.png);
	background-repeat: no-repeat;
	height: 45px;
}
.bIcons.bIcon-PSC 					{background-position: -2600px 0;width: 150px;}
.bIcons.bIcon-PAY 					{background-position: -2200px 0;width: 80px;}
.bIcons.bIcon-NET 					{background-position: -2000px 0;width: 86px;}
.bIcons.bIcon-ENT 					{background-position: -1800px 0;width: 106px;}
.bIcons.bIcon-MAE 					{background-position: -1400px 0;width: 56px;}
.bIcons.bIcon-MCC 					{background-position: -1200px 0;width: 56px;}
.bIcons.bIcon-VIS 					{background-position: -1000px 0;width: 60px;}
.bIcons.bIcon-MGS 					{background-position: -600px 0;width: 102px;}
.bIcons.bIcon-CR 					{background-position: -800px 0;width: 63px;}
.bIcons.bIcon-ECO 					{background-position: -400px 0;width: 140px;}
.bIcons.bIcon-KAHN 					{background-position: -200px 0;width: 140px;}
.bIcons.bIcon-18 					{background-position: 0 0;width: 33px;}
.bIcons.bIcon-AU 					{background-position: -3600px 0;width: 130px;}
.bIcons.bIcon-MGA 					{background-position: -2800px 0;width: 100px;}
.bIcons.bIcon-GamblingCommission 	{background-position: -3000px 0;width: 120px;}
.bIcons.bIcon-AAMS 					{background-position: -3800px 0;width: 105px;}
.bIcons.bIcon-GamblingAware 		{background-position: -3600px -45px;width: 155px;}
.bIcons.bIcon-GamStop 				{background-position: -3800px -45px;width:105px;}
.bIcons.bIcon-21 				    {background-position: -1000px -90px;width:98px;}
.bIcons.bIcon-pragmaticplay 		{background-position: -1200px -90px;width:95px;}
.bIcons.bIcon-gamesglobal           {background-position: -1400px -90px;width:48px;}
.bIcons.bIcon-hwrg 				    {background-position: -1600px -90px;width:40px;}

/* ############################################################################## */

/* ############################################################################## */
/* ######################## SHARED FOOTER ELEMENTS ############################## */
/* ############################################################################## */

.avd{margin:0 auto 10px;padding:10px 5px 5px;background:rgba(255,255,255,1);max-width:310px;border-radius:5px;box-shadow:0 0 3px 0 rgba(0,0,0,0.3);box-sizing:border-box;}
.avdtxt{width:auto !important;height:auto; padding:0; margin:0 auto; font-family:Arial,verdana, Sans-Serif; font-size:12px; color:black;text-align:center;}
.avdtxt a {color: rgba(100,80,20,1);font-weight:normal;}
.avdimg{margin:0 -5px;text-align:center;white-space:nowrap;}
.avdimg .norton{background-image:url(../image/norton.jpg); background-repeat:no-repeat; width:104px; height:50px;display:inline-block;margin-right:0 !important;}
.avdimg .mcaffee{background-image:url(../image/mcafee.jpg); background-repeat:no-repeat; width:106px; height:50px;display:inline-block;margin-right:0 !important;}
.avdimg .safesecure{background-repeat:no-repeat; width:91px; height:50px;display:inline-block;}

/* ############################################################################## */

/*################################ GDPR Checkboxes Start ##########################*/
    .checks {
        text-align:left;
        width:234px;
        margin:0 auto;
    }
    .checks:first-of-type {
        margin:0 auto 5px;
    }
    .checks input {
        display:inline-block !important;
        width:14px !important;
        vertical-align: top;
        padding:0 !important;
        margin:0 !important;
    }
    .checks label {
        display:inline-block;
        width:210px;
        padding-left: 3px;
        vertical-align: top;
        font-size:12px;
        line-height:16px;
    }
    .checks p {
        font-size:12px !important;
        line-height:16px !important;
        font-weight:normal !important;
        margin:0 !important;
        padding-left:17px;
    }

/*################################ GDPR Checkboxes End ############################*/