*,
*: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: 250px;
  overflow: hidden;
  position: relative;
  width: 970px;
}

.banner-class .border {
    border: 1px solid #ccc;
    display: block;
    height: 250px;
    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: 99px;
    height: 13px;
    top: 137px;
    left: 37px;
	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:620px;
    left:257px;
	cursor: pointer;
	opacity: 0;
	z-index:1301;
	background:transparent;
	/* background:#f0f;
	opacity:0.5; */
	border:0;
}

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

#legalstext {
    visibility: hidden;
    position: absolute;
	top: 616px;
    left: 26px;
    z-index: 1300;
    width: 273px;
    height: 175px;
    overflow-y: scroll;
    overflow-x: hidden !important;
    background: #fff;
    color: #000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    padding: 35px 10px 10px 10px;
}

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

#legalstext .header {
    font-size:12px;
}

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


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