.btn {
	font-family: "Arial Narrow", Arial, sans-serif;
}


.dialog > .header {
	background: url("img/panel-header.png") repeat;
}


.dialog > .header > .title {
    font-family: "Arial Narrow", Arial, sans-serif !important;
}

.dialog > .body {
    background: url("img/body.png") repeat;
    font-family: "Arial Narrow", Arial, sans-serif !important;
}

.dialog-close > .x {
    font-family: "Arial Narrow", Arial, sans-serif !important;
}

#background {
	background: url("img/body.png") repeat;
}

#background > .header {
	background: url("img/header.png") repeat;
}

#background > .footer {
	background: url("img/header.png") repeat;
}

/* 18+ */
#footer > #plus18-icon  {
	position: relative;
	height: 100%;
	float: left;
    margin-left: 1%;
}

/*  certified */
#footer > #certified {
	position: relative;
	width: 31%;
	height: 100%;
	float: left;
	padding: 10px;
}

#footer > #certified > p {
	height: 100%;
	width: 100%;
	color: #6c757f;
	font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: 600;
	margin: 0;

}

/* separator*/
#footer > .separator {
	background-color: #6c757f;
    width: 4px;
    height: 70%;
    position: absolute;
    float: left;
    left: 49%;
    top: 18%;
}

#footer > span:nth-of-type(2) {
	display: none;
}

#footer > span:nth-of-type(3) {
	display: none;
}

#footer > span:nth-of-type(4) {
	display: none;
}

/* curacaoegamming */
#footer > #curacao-icon {
    position: relative;
    width: 5%;
    height: 100%;
    left: 3%;
    float: left;
}

#footer > #play-with-responsibility {
	position: relative;
    width: 30%;
    height: 100%;
    left: 2%;
    float: left;
}

/* contact & policy */
#footer > #show-contact, #footer > #show-policy {
	position: relative;
    float: right;
    width: 6%;
    margin-right: 2%;
    width: 6%;
}

#footer > #show-contact > p , #footer > #show-policy > p {
	color: #6c757f;
	height: 50%;
	border: #6c757f 3px solid;
	border-radius: 4px;

	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    padding: 8%;
    text-align: center;

    font-family: "Arial Narrow", Arial, sans-serif;
	font-weight: 600;
}

/* logo */
#logo {
  	/*background: url(img/logo.png) no-repeat;*/
    left: 1%;
    top: 12px;
    width: 20%;
    height: 13%;
}

/* header stuff*/
#fun-points {
	font-family: "Arial Narrow", Arial, sans-serif;
}

#uncashable-points {
	font-family: "Arial Narrow", Arial, sans-serif;
	color: #ff8200;
}

#user-id {
	font-family: "Arial Narrow", Arial, sans-serif;
}

/* floaters */
.floater {
	font-family: "Arial Narrow", Arial, sans-serif;
}

/* swiper */

/* playground */
#playground {
    border-bottom: 8px solid #53afe8;
}

/* playground arrows */
#playground > .left-arrow {
    width: 4%;
    left: 3%;
    height: 47%;
    top: 33%;
}

#playground > .right-arrow {
    width: 4%;
    right: 3%;
    height: 47%;
    top: 33%;
}

#playground > .left-arrow img:first-child {
  opacity: 0.2;
}

#playground > .right-arrow img:first-child {
  opacity: 0.2;
}

#playground > .left-arrow:hover img:last-child {
	opacity: 0.5;
}

#playground > .right-arrow:hover img:last-child {
  opacity: 0.5;
}

/* game type */
#game-type-navigator > .game-type {
	border-bottom: 8px solid #53afe8;
}

#game-type-navigator > .game-type p {
	font-family: "Arial Narrow", Arial, sans-serif;
}

input {
    font-family: "Arial Narrow", Arial, sans-serif !important;
}

#credit-title, #uncashable-title, #user-id-title {
    font-family: "Arial Narrow", Arial, sans-serif !important;
}

/* policy */
#policy {
    height: 89%;
    top: 0 !important;
    overflow: scroll;
    color: #a4ccfb;
    background-color: rgba(0,0,0,0.6);
}

#policy-title {
    display: none !important;
}

#policy_content > h3 {
    color: white;
    background-color: #53afe8;
}

#policy_content > h3::before {
    background-color: #53afe8;
}

.close-policy {
    color: #9cb6d3;
    font: 104px/100% arial, sans-serif;
    right: 42px !important;
}

.close-contact {
    color: #6c757f;
    font: 43px/100% arial, sans-serif;
}

#contact {
    color: #6c757f;
}

#contact > div:nth-of-type(2) {
	border-left: 2px solid #6c757f;
}

#contact p, #contact h3 {
	font-family: "Arial Narrow", Arial, sans-serif !important;
}