*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit;
  margin: 0;
  padding: 0; }

body,
html {
  width: 100%; }

/* Invisible button for background clickthrough. */
#background_exit_dc {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	cursor: pointer;
	background-color: aqua;
	opacity: 0;
	z-index: 1299;
}


.banner-class {
  background: #fff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  height: 90px;
  overflow: hidden;
  position: relative;
  width: 728px; }
  .banner-class .border {
    border: 1px solid #ccc;
    display: block;
    height: 90px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 728px;
    z-index: 999; }
  .banner-class.center {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%); }

.preloader {
  background: #fff;
  height: 100%;
  position: absolute;
  width: 100%;
  z-index: 999; }
  .preloader .circle {
    -webkit-animation: spin 0.5s linear infinite;
            animation: spin 0.5s linear infinite;
    border: 5px solid #ddd;
    border-bottom-color: #333;
    border-radius: 50%;
    height: 40px;
    left: 50%;
    margin-left: -22.5px;
    margin-top: -22.5px;
    position: absolute;
    top: 50%;
    -webkit-transition: all 0.7s ease-in-out;
    -o-transition: all 0.7s ease-in-out;
    transition: all 0.7s ease-in-out;
    width: 40px; }

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }

@keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg); }
  to {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg); } }



/* LEGALS CSS */


#legalstext ul {
	margin:10px 0 10px -28px;
}

/* Invisible button for Legals */
#legals_show {
	position: absolute;
    width: 103px;
    height: 18px;
    top: 60px;
    left: 445px;
	cursor: pointer;
	opacity: 0;
	z-index:1300;
	background:transparent;
	display:none;
	/* background:#f0f;
	opacity:0.5; */
	border:0;
}

#legals_hide {
	position: absolute;
	width: 25px;
    height: 25px;
    top: 21px;
    left: 580px;
	cursor: pointer;
	opacity: 0;
	z-index:1300;
	background:transparent;
	/* background:#f0f;
	opacity:0.5; */
	border:0;
}

#legals {
	position: absolute;
	top:0px;
	left:0px;
	z-index: 602;
	width:1440px;
	height:250px;
}

#legalstext {
    visibility: hidden;
    position: absolute;
	top: 16px;
    left: 15px;
    z-index: 998;
    width: 596px;
    height: 480px;
    /* overflow-y: scroll; */
    background: #fff;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    padding: 10px;
}

#legalstext p {
    margin:0 0 5px 0;
}

#legalstext strong {
    font-size:11px;
}

.header {
    margin-bottom:10px !important;
}


#closelegals {
    position: absolute;
    top: 6px;
    left: 568px;
    z-index: 1002;
    width: 24px;
    height: 24px;
    border: 3px solid #fff;
}