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

body,
html {
  height: 100%;
  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: 970px;
}

.banner-class .border {
    border: 1px solid #ccc;
    display: block;
    height: 90px;
    left: 0;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 970px;
    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: 119px;
    height: 16px;
    top: 66px;
    left: 617px;
	cursor: pointer;
	opacity: 0;
	z-index:1300;
	background:transparent;
	display:none;
	/* background:#f0f;
	opacity:0.5; */
	border:none;
}

#legals_hide {
	position: absolute;
	width: 25px;
    height: 25px;
    top: 18px;
    left: 545px;
	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: 14px;
    left: 27px;
    z-index:1300;
    width: 560px;
    height: 75px;
    overflow-y: auto;
    overflow-x: hidden !important;
    background: #fff;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 9px;
    padding: 20px;
}

#legalstext p {
    margin:0;
}

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

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