* { -webkit-font-smoothing:subpixel-antialiased; -webkit-text-size-adjust:none;}
body {font-family: "Open Sans",sans-serif;margin:0; padding:0;
      position:relative;min-height:1000px;background-color:#000;
    background-image: url("/rea/shared/img/zc/4/gradient.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/gradient.fs8.png) 1x, url("/rea/shared/img/zc/4/gradient_2x.fs8.png") 2x);
	background-repeat: repeat-x;
	background-position: center 71px;
	}
body::before{
    content:"";
    position:absolute;
    z-index:1;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-image: url("/rea/shared/img/zc/4/REA-ZC2015-bg.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/REA-ZC2015-bg.fs8.png) 1x, url("/rea/shared/img/zc/4/REA-ZC2015-bg_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: center 71px;
	}
.container {width:960px;margin:0 auto;position:relative;z-index:2;}
.container::after{
    content:"";
    top:0;
    left:0;
    width:100%;
    height:100%;
}
.logoParent {
  background: -moz-linear-gradient(top, #012754 0%, #000e1f 100%);
  background: -webkit-linear-gradient(top, #012754 0%, #000e1f 100%);
  background: -ms-linear-gradient(top, #012754 0%, #000e1f 100%);
  background: -o-linear-gradient(top, #012754 0%, #000e1f 100%);
  background: linear-gradient(to bottom, #012754 0%, #000e1f 100%);
  height:71px;}
.zodiacLogo {
    background-size: 80px auto;
    max-width:220px;
    height:57px;
    padding:20px 0 0 100px;
    color:#fff;
    font-family: Georgia, Times, ‘Times New Roman’, serif;
    margin:0 auto;
    font-size:16px;
    background-image: url("/rea/shared/img/logo/zc-logo.png");
	background-image: -webkit-image-set(url(/rea/shared/img/logo/zc-logo.png) 1x, url("/rea/shared/img/logo/zc-logo.png") 2x);
	background-repeat: no-repeat;
	background-position: 10px 5px;
	position:relative;
	z-index:2;
    }
.header {position:relative;
	width:960px;
}
.progressive {height:152px;
    background-image: url("/rea/shared/img/zc/4/MM-progressive.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/MM-progressive.fs8.png) 1x, url("/rea/shared/img/zc/4/MM-progressive_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: center 0;
	-moz-animation: progani 1s steps(3) infinite;
	-webkit-animation: progani 1s steps(3) infinite;
	animation: progani 1s steps(3) infinite;
	}
@-moz-keyframes progani {
    from {background-position: center 0px;}
    to {background-position: center -456px;}
    }
@-webkit-keyframes progani {
    from {background-position: center 0px;}
    to {background-position: center -456px;}
    }
@keyframes progani {
    from {background-position: center 0px;}
    to {background-position: center -456px;}
    }

.date {position:absolute;left:630px;top:70px;font-size:14px;font-weight:bold;color:#000;text-decoration:none;}

.amount {position:absolute;left:485px;top:48px;}
.amount .progs {margin:0;padding:0;}
.amount .progs .proginput {font-size:27px;font-weight:bold;border:none 0px #999;padding:5px 15px;width:220px;text-align:center;color: rgba(243,209,0,1);background: #000;}

.name {position:absolute;left:180px;top:135px;font-size:21px;font-weight:bold;}

.ribbon{position:absolute;height:142px;
    background-image: url("/rea/shared/img/zc/4/ribbon.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/ribbon.fs8.png) 1x, url("/rea/shared/img/zc/4/ribbon_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: center top;
	text-align:center;
	color:rgba(0,22,95,1);
	font-size:34px;
	line-height:48px;
	font-weight:800;
	letter-spacing:-1px;
	text-shadow: 1px 1px 1px #fff;
	transform:scaleX(0.9);
	left:0;
	top:110px;
	width:100%;
}
.ribbon span {display:block;color:rgba(0,23,142,1);text-shadow: 0px 0px 3px #fff;font-size:44px;transform:scaleX(1.0);}
.middle{
    position:relative;
    padding:0px;
    margin-top: 90px;
    }
.middle::after{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:638px;
    background-image: url("/rea/shared/img/zc/4/zc-winners.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/zc-winners.fs8.png) 1x, url("/rea/shared/img/zc/4/zc-winners_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: center top;
	z-index:1;
    }
.box{
    position:relative;
    z-index:2;
    border:solid 5px rgba(255,1,0,1.0);
    background: rgba(255,255,255,1.0);
    padding: 0  0 8px 0;;
    text-align:center;
	border-radius:20px;
	-moz-border-radius:20px;
	-o-border-radius:20px;
	-ms-border-radius:20px;
	-webkit-border-radius:20px;
    width:290px;
    margin:0 auto;
    /*min-height:215px;*/
}
	
/* ########################################################################################################## */

.myForm {position:relative !important;text-align:center;/*z-index:9999 !important;*/}
.myForm h2 {background:rgba(255,1,0,1.0);color:rgba(255,255,255,1.0);font-weight:700;font-size:29px;line-height:32px;margin:0;letter-spacing:-1px;-webkit-border-radius: 15px 15px 0 0;border-radius: 15px 15px 0 0;}
.myForm h3 {color:#000;font-weight:700;font-size:18px;line-height:32px;margin:0 auto;letter-spacing:-1px;}
.myForm p {color:#000;font-size:16px;line-height:19px;margin: 0.3em 0;}

.myForm .text_1 {color:rgba(0,50,163,1);font-weight:700;font-size:34px;line-height:34px;font-style:oblique;margin:0 auto;text-transform:uppercase;letter-spacing:-2px;}
.myForm .text_2 {font-weight:700;font-size:18px;letter-spacing:-1px;}
/*.myForm .text_2 span {color:#13519c;font-weight:800;font-size:30px;line-height:30px;text-transform:uppercase;letter-spacing:-2px;transform:scaleX(1.1);text-shadow: 0 0 1px #43a3db, 0 0 1px #43a3db, 0 0 1px #43a3db, 0 0 1px #43a3db;}*/
.myForm .text_3 {font-weight:600;font-size:13px;letter-spacing:-1px;margin:10px 0;}
.myForm .text_3 span {font-weight:800;}
.myForm .text_4 {font-weight:700;font-size:14px;letter-spacing:-1px;margin-bottom:0;}
.myForm .text_5 {font-size:14px;letter-spacing:-1px;margin-top:0;}

.myForm a, .myForm a:visited {color:#c00;}
.myForm a:hover {text-decoration:none;}
.box p.note {font-size:10.4px;margin:0 -8px;}
 
#preform {margin:0 auto;text-align:center;overflow: hidden;border-radius:8px;padding:10px;}
#preform label[for="email"], #preform label[for="firstName"], #preform label[for="lastName"] {display:block;font-size:14px;line-height:14px;font-weight:700;letter-spacing:-1px;margin-bottom:0;}
#preform label.error {position:absolute;display:inline;background:url(/rea/shared/img/error_icon.png) 1px 1px no-repeat;width:18px;height:18px;font-size:0 !important;line-height:0 !important;margin-top:5px;text-indent:-10000px !important;color:transparent;margin-left:2px;}
#preform label.success {position:absolute;display:inline;background:url(/rea/shared/img/green-tick.png) 1px 1px no-repeat;width:18px;height:18px;font-size:0 !important;line-height:0 !important;margin-top:5px;text-indent:-10000px !important;color:transparent;margin-left:2px;}
#preform input {font-family: "Open Sans",sans-serif;font-weight:600;width:210px;height:16px;background:#f2f2f2;border:1px solid #c3c3c3;margin-bottom:10px;padding:10px;border-radius:3px;}
#preform input.btn {width:240px;height:54px;font-weight:bold;color:#fff;font-style:normal;cursor:pointer;white-space: pre-wrap;word-break: keep-all;font-size:32px;line-height:21px;padding:10px 0;text-transform:uppercase;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;border:1px solid #a53e00;text-shadow: 1px 1px 1px #000000;background: rgb(219,10,0);-webkit-appearance:none;}

.divideForm {padding:0;margin:0 auto;}
.text_6 {color:#fff;font-weight:bold;font-size:12px;text-align:center;margin-top:5px;}

	
/* ########################################################################################################## */

.accept {color:rgba(41,97,146,1);font-weight:700;font-size:13px;margin: 0 0 20px 0;text-align:left;padding-left:30px;}
.payMethods {position:relative;
    border:2px solid rgba(244,147,53,1);
    border-radius:12px;
    
  background: -moz-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: -webkit-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: -ms-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: -o-linear-gradient(top, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  background: linear-gradient(to bottom, #f8efc3 0%, #e0d06f 48%, #c8a54b 70%, #ffd069 100%);
  margin:0 auto;
  width:260px;height:64px;}
.paypal {position:absolute;top:-15px;left:18px;
    background-image: url("/rea/shared/img/zc/4/payment.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/payment.fs8.png) 1x, url("/rea/shared/img/zc/4/payment_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: 0 0;
	width:101px;height:29px;}
.visa {position:absolute;top:20px;left:15px;
    background-image: url("/rea/shared/img/zc/4/payment.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/payment.fs8.png) 1x, url("/rea/shared/img/zc/4/payment_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: -101px 0;
	width:50px;height:29px;}
.mastercard {position:absolute;top:20px;left:75px;
    background-image: url("/rea/shared/img/zc/4/payment.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/payment.fs8.png) 1x, url("/rea/shared/img/zc/4/payment_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: -151px 0;
	width:50px;height:29px;}
.maestro {position:absolute;top:20px;left:135px;
    background-image: url("/rea/shared/img/zc/4/payment.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/payment.fs8.png) 1x, url("/rea/shared/img/zc/4/payment_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: -201px 0;
	width:50px;height:29px;}
.plusmore {position:absolute;top:20px;left:195px;
    background-image: url("/rea/shared/img/zc/4/payment.fs8.png");
	background-image: -webkit-image-set(url(/rea/shared/img/zc/4/payment.fs8.png) 1x, url("/rea/shared/img/zc/4/payment_2x.fs8.png") 2x);
	background-repeat: no-repeat;
	background-position: -251px 0;
	width:50px;height:29px;}


.footer {padding-top: 60px;}
.reg-gb .footer {padding-top: 0px;}
.copyright {text-align:center;}
.copyright h3 {margin-bottom:0;color:#fff;}
.copyright p {margin-top:4px;color:#fff;text-decoration:none;}
.copyright a {color:rgba(255,255,255,1);font-size:14px;}
.copyright a:hover {text-decoration:none;}
.livechat {width:190px;margin:0 auto 16px;padding:0;box-shadow:2px 2px 2px 0 rgba(0,0,0,0.4);height:35px;position:relative;z-index:4;}
.copy {text-align:center;font-size:12px;color:#999;color:rgba(255,255,255,1);}

.avd{margin:0 auto 10px;padding:10px 10px 5px;background:#fff;max-width:420px;-webkit-border-radius:5px;border-radius:5px;}
.avdtxt{height:auto; padding:0; margin:0 auto; font-family:Arial,verdana, Sans-Serif; font-size:12px; color:#5d5d5d;text-align:center;}
.avdtxt a {color: #069aa3;font-weight: normal;text-decoration: none;}
.avdimg{margin:0 auto;text-align:center;}
.avdimg .norton{background-image:url(/rea/shared/img/trust/norton.jpg); background-repeat:no-repeat; width:104px; height:50px;margin-right:10px;display:inline-block;}
.avdimg .mcaffee{background-image:url(/rea/shared/img/trust/mcafee.jpg); background-repeat:no-repeat; width:106px; height:50px;margin-right:10px;display:inline-block;}
.avdimg .safesecure{background-repeat:no-repeat; width:91px; height:50px;display:inline-block;}
.affid{background-color:#111111;font:normal 11px Arial,Helvetica;color:#999;text-align:left;vertical-align:middle;border:1px solid #090909;padding:3px 4px;margin:9px 10px 15px;clear:both;}
.footerTracking {width:calc(100% - 40px);max-width:420px;background-color:#111111;font:normal 11px Arial,Helvetica;color:#555;text-align:left;vertical-align:middle;border:1px solid #222222;padding:3px 4px;margin:4px auto;clear:both;}
.pinkSlime {border:none !important;width:auto !important;text-align:center !important;color:#999;font-weight:600;}

.regulated {text-align:center;color:#999;font-size:11px;margin:4px auto 0;max-width:360px;padding-bottom:40px;position: relative;z-index: 2;}
.regulated p {Xmargin-top:4px;}
.regulated a {color:#ccc;}
.regulated a:hover {text-decoration:none;}

.UKreg {width:440px;margin:12px auto 0;}
.eighteenplus {margin:0 auto;width:220px;display:inline-block;padding:0;text-align:center;}
.eighteenplus img {width:29px;height:32px;background: url(/rea/shared/UK-reg/img/UK-regulation.png) no-repeat 0 0;}
.gamcom {margin:0 auto;width:220px;display:inline-block;padding:0;text-align:center;}
.gamcom img {width:119px;height:32px;background: url(/rea/shared/UK-reg/img/UK-regulation.png) no-repeat -32px 0;}
.licence {max-width:420px;margin:12px auto 0;color:#ccc;text-align:center;font-size:10px;}

.invalidField { outline:3px solid OrangeRed !important;}

/* ########################################################################################################## */

/* temp */
html::after {position:absolute;top:0;left:0;color:#000;background:#ff0;padding:2px;font-family: "Open Sans",sans-serif;font-weight:bold;font-size:11px;opacity:0.7;
             content:"optimised for 1000px and above";display:none;/*  */z-index:999; }


/*******************************************************************************************/
/********************************** RESPONSIVE STYLES **************************************/
/*******************************************************************************************/

/** optimised for between 720px and 999px **/
@media only screen and (max-width:999px) {
	html::after {content:"optimised for between 720px and 999px";}
	.container {width:700px;}
	body {background-size:100% 790px;}
    body::before, body::after, .header, .middle::after {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.75);
	    -webkit-transform: scale(0.75);
	    -o-transform: scale(0.75);
	    -ms-transform: scale(0.75);
	    transform: scale(0.75);
	    width:133.333333%;
    }
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	}
    .amount {left: 470px;}
    .middle{margin-top: 40px;}
    .middle::after {background-position: center center;}
    .logo {
	    background-position: center center;
	    height:150px;
    }
    XX.footer {padding-top:0;}
}
/** optimised for between 640px and 719px **/
@media only screen and (max-width:719px) {
	html::after {content:"optimised for between 640px and 719px";}
	.container {width:620px;}
	body {background-size:100% 704px;}
    body::before, body::after {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.6666666666666667);
	    -webkit-transform: scale(0.6666666666666667);
	    -o-transform: scale(0.6666666666666667);
	    -ms-transform: scale(0.6666666666666667);
	    transform: scale(0.6666666666666667);
	    width:150.00%;
    }
    .middle{margin-top:40px;}
    .middle::after {display:none;}
    .amount {left: 420px;}
}

/** optimised for between 580px and 639px **/
@media only screen and (max-width:639px) {
	html::after {content:"optimised for between 580px and 639px";}
	.container {width:560px;}
    .amount {left: 420px;}
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.6666666666666667);
	    -webkit-transform: scale(0.6666666666666667);
	    -o-transform: scale(0.6666666666666667);
	    -ms-transform: scale(0.6666666666666667);
	    transform: scale(0.6666666666666667);
	    width:150.00%;
    }
    .middle {margin-top: 20px;}
}

/** optimised for between 480px and 579px **/
@media only screen and (max-width:579px) {
	html::after {content:"optimised for between 480px and 579px";}
	.container {width:460px;}
	body {background-size:100% 529px;}
    body::before, .header {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.50);
	    -webkit-transform: scale(0.50);
	    -o-transform: scale(0.50);
	    -ms-transform: scale(0.50);
	    transform: scale(0.50);
	    width:200.00%;
    }
    .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	}
    .amount {left: 482px;}
	.middle {margin-top: -20px;}
   .logo {
       -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.66667);
	    -webkit-transform: scale(0.66667);
	    -o-transform: scale(0.66667);
	    -ms-transform: scale(0.66667);
	    transform: scale(0.66667);
	    width:150%;
	    background-position: center 100px;
        height: 240px;
   }
}
/** optimised for between 360px and 479px **/
@media only screen and (max-width:479px) {
	html::after {content:"optimised for between 360px and 479px";}
	.container {width:340px;}
	body {background-size:100% 396px;}
    body::before, .middle::after,  body.fr .middle::after {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.375);
	    -webkit-transform: scale(0.375);
	    -o-transform: scale(0.375);
	    -ms-transform: scale(0.375);
	    transform: scale(0.375);
	    width:266.6666666666667%;
    }
     .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.57);
	    -webkit-transform: scale(0.57);
	    -o-transform: scale(0.57);
	    -ms-transform: scale(0.57);
	    transform: scale(0.57);
	    width:175.4385964912281%;
    }
    .ribbon {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.72);
	    -webkit-transform: scale(0.72);
	    -o-transform: scale(0.72);
	    -ms-transform: scale(0.72);
	    transform: scale(0.72);
        width:138.8888888888889%;
	}
    .amount {left: 300px;}
    .middle {margin-top:-20px;}
    .logo {
        background-position:center 72px;
        height:210px;
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.5);
	    -webkit-transform: scale(0.5);
	    -o-transform: scale(0.5);
	    -ms-transform: scale(0.5);
	    transform: scale(0.5);
	    width:200%;
    }
    .avd {margin:0 10px 10px;}
    .regulated {max-width:280px;}
    .UKreg {width:320px;}
    .eighteenplus {width:160px;}
    .gamcom {width:160px;}
}

/** optimised for between 320px and 359px **/
@media only screen and (max-width:359px) {
	html::after {content:"optimised for between 320px and 359px";}
	.container {width:300px;}
	body {background-size:100% 396px;}
    .middle::after,  body.fr .middle::after {
	    -moz-transform-origin: left 71px;
	    -webkit-transform-origin: left 71px;
	    -o-transform-origin: left 71px;
	    -ms-transform-origin: left 71px;
	    transform-origin: left 71px;
	    -moz-transform: scale(0.333333);
	    -webkit-transform: scale(0.333333);
	    -o-transform: scale(0.333333);
	    -ms-transform: scale(0.333333);
	    transform: scale(0.333333);
	    width:300%;
    }
     .header {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.50);
	    -webkit-transform: scale(0.50);
	    -o-transform: scale(0.50);
	    -ms-transform: scale(0.50);
	    transform: scale(0.50);
	    width:200%;
    }
    .ribbon {
	    -moz-transform-origin: left top;
	    -webkit-transform-origin: left top;
	    -o-transform-origin: left top;
	    -ms-transform-origin: left top;
	    transform-origin: left top;
	    -moz-transform: scale(0.72);
	    -webkit-transform: scale(0.72);
	    -o-transform: scale(0.72);
	    -ms-transform: scale(0.72);
	    transform: scale(0.72);
        width:138.8888888888889%;
	}
	.amount {left:305px;}
    .footer {margin: 0 auto;}
    .middle { margin-top: -40px;}
    .middle::after {top: 470px;}
    .myForm h2 {  font-size: 27px;}
    .myForm form::before {left:0;}
    .myForm form::after {right:-5px;}
    .box p.note {font-size: 9.6px;margin: 0 3px;}
    
    .copyright p span {display:block}
    .avd {margin:0 10px 10px;}
    .UKreg {width:280px;}
    .eighteenplus {width:140px;}
    .gamcom {width:140px;}
}



/*******************************************************************************************/
/********************************* STYLES FOR CA$ MODAL ************************************/
/*******************************************************************************************/
div.modal section.container {width:auto;}

body.reg-ca #preform p {
    margin: 5px auto 10px;
    text-align: left;
    width: 232px;
}

body.reg-ca #preform p input[type="checkbox"] {
    margin-bottom: 0;
}

@media only screen and (max-width: 959px) {
    body.reg-ca .points {
        margin-bottom: 75px;
    }
}

@media only screen and (max-width: 719px) {
    body.reg-ca .points li {
        font-size: 21px;
    }
}

@media only screen and (max-width: 639px) {
    body.reg-ca .contentForm .inner {
        margin-bottom: 135px;
    }
    
    body.reg-ca .points {
        margin-bottom: 0px;
    }
}

.modal-open {
  overflow: hidden;
}
.modal {
  display: none;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  -o-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  -o-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;
}
.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);
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  outline: 0;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  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;
}

/* 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:fixed;
    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: #c00}
.modalLink:hover { text-decoration: none; }

.mobile-terms, .desktop-terms, .desktop-privacy {font-size:80%;}
.mobile-terms {}
.mobile-terms .container {width:auto;}
.mobile-terms ol, .mobile-terms ul, .desktop-terms ol, .desktop-terms ul {padding-left:20px;}
.desktop-terms {}
.desktop-privacy {}

/* Limit height of modals */
.modal-body { overflow-y: auto; }

#desktop-privacyModal .modal-body,
#desktop-termsModal .modal-body,
#desktop-responsibleModal .modal-body { height: 80vh; }

#mobile-termsModal .modal-body,
#mobile-responsibleModal .modal-body { height: 78.5vh; }
.modal .content {background:rgba(255,255,255,1);}


#desktop-privacyModal .container,
#desktop-termsModal .container,
#desktop-responsibleModal .container { width:auto; }

#mobile-termsModal .container,
#mobile-responsibleModal .container { width:auto; }
/******************************************************/