@charset "UTF-8";

@font-face {
	font-family: 'Futura LT';
	src: url('/fonts/Futura LT.woff');
}

@font-face {
	font-family: 'Century Gothic';
	src: url('/fonts/Century Gothic.woff')
}

body {
  background-color: #252525;
  width: 100%;
	height: 100%;
  margin: 0 auto;
  box-sizing: border-box;
	overflow-x: hidden;
}

.footer-rw {
  box-sizing: border-box;
  width: 97%;
  height: 400px;
  margin: 0 auto;
  background: #121212;
  overflow-y: hidden;
	overflow-x: hidden;
}

.footer-rw b {
	color: #fff;
	font-size: 1.2em;
	text-transform: uppercase
}


div.footer-rw {
	background: #f25529;
	height: auto;
	padding-bottom: 50px;
}

/*-------------------------------------------------------------------*/
/*-----------------------------Cookies-------------------------------*/
/*-------------------------------------------------------------------*/

.cookie-container {
	background: rgba(0,0,0,0.8)
}

#cookie-disclaimer font {
	color: #a1a1a1;
}

#cookie-disclaimer font a{
	color: #e1e1e1;
	text-decoration:underline;
}

.cookie-container input {
	background: #0072ff;
	border: none;
	border-radius: 10px;
    color: #FFF;
}

/*------------------------------------------------------------*/
/*---------------Footer Navigation Menu---------------*/
/*------------------------------------------------------------*/

.footer-navigation {
	width: 90%;
	margin: 3vw auto 0 auto;
  box-sizing: border-box;
}

.footer-navigation a {
	text-decoration: none;
  z-index: 100000;
  box-sizing: border-box;
}

.footer-navigation h3 {
	padding: 0px 0px 10px 0px;
	font-family: 'Century Gothic', sans-serif;
	font-size: 1.7em;
	color: #FFF;
  box-sizing: border-box;
}

.information ul, .support ul, .extras ul, .account ul {
	margin: 50px auto 0 auto;
  text-align: center;
  width: auto;
  box-sizing: border-box;
}

.information li, .support li, .extras li, .account li {
	font-family: 'Futura LT', sans-serif;
	margin: 10px auto 0 auto;
	font-size: 1.3em;
	color: #ADADAD;
	list-style: none;
  width: auto;
  box-sizing: border-box;
  transition: 0.2s;
}

.information li:hover, .support li:hover, .extras li:hover, .account li:hover,
.information li:active, .support li:active, .extras li:active, .account li:active {
	color: #FFF;
	text-shadow: 0px 0px 20px #FFF;
	transition: 0.2s;
}

.information {
  width: 25%;
  float: left;
  box-sizing: border-box;
}

.support {
  width: 25%;
  float: left;
  box-sizing: border-box;
}

.extras {
  width: 25%;
  float: left;
  box-sizing: border-box;
}

.account {
  width: 25%;
  float: left;
  box-sizing: border-box;
}





.copyright {
	width: 100%;
	text-align: left;
	float: left;
	margin: 5vw 0 0 11vw;
}

.copyright p {
	font-size: 1em;
}






@media screen and (max-width: 960px) {
	.copyright {
		width: 100%;
		text-align: center;
		margin: 12vw 0 0 0;
	}
}

@media screen and (max-width: 720px){

  .information {
    width: 97%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;

  }

  .support {
    width: 97%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;
  }

  .extras {
    width: 97%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;
  }

  .account {
    width: 97%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;
  }

  .footer-rw {
    height: 1000px;
  }

  .copyright {
		width: 100%;
		text-align: center;
		margin: 18vw 0 0 0;
	}

}

@media screen and (max-width: 480px){

  .information {
    width: 90%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;

  }

  .support {
    width: 90%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;
  }

  .extras {
    width: 90%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;
  }

  .account {
    width: 90%;
    padding: 20px 0;
    float: none;
    box-sizing: border-box;
  }

  .copyright {
		width: 100%;
		text-align: center;
		margin: 18vw 0 0 0;
	}

	.copyright p {
		font-size: .8em;
	}

}