@charset "UTF-8";
#articles .timeago, #articles a {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
#articles .timeago, #articles h1, #articles h2 {
	text-transform: uppercase
}
.navbar-container nav .navbar-toggler:active, .navbar-container nav .navbar-toggler:focus, .navbar-container nav.navbar-light .navbar-toggler:focus {
	outline: 0
}
#account .content {
	text-align: center;
	padding: 20px;
	margin-top: 20px;
	background-color: #1c2533
}
#articles a {
	color: #ced4da;
	letter-spacing: 1px;
	font-size: 18px;
	transition: color ease-in-out .15s
}
#articles a:hover {
	color: #fff;
	text-decoration: none
}
#articles .timeago {
	display: block;
	font-size: .875rem;
	font-weight: 500;
	color: #979797;
	margin-bottom: 8px
}
#articles .hr-news-primary, #articles .hr-news-secondary {
	height: 2px;
	width: 100%;
	background-color: #ce9b52;
	margin-top: 10px;
	margin-bottom: 50px
}
#articles .card {
	background-color: transparent
}
#articles .card.main .card-title {
	font-size: 1.5rem
}
#articles .card.main .card-text {
	font-size: 1.25rem
}
#articles .card .card-body {
	padding: 0
}
#articles .card.featured {
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif
}
#articles .card.featured h3 {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	font-size: 1.75rem
}
#articles .card.featured .card-img-overlay {
	padding: 0;
	top: 50%;
	background: linear-gradient(to top, rgba(0,0,0,.8), transparent)
}
#articles .card.featured .card-img-overlay .inner {
	position: absolute;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 40px
}
#articles .card.featured .card-img-overlay p {
	margin-right: 10%
}
#articles .sidebar {
	margin-top: 15px
}
#articles .sidebar .hr-news-primary {
	margin-bottom: 0
}
#articles .sidebar .sidebar-content {
	padding: 10px;
	background-color: #1c2533
}
#articles .mainimage {
	margin: 40px 0;
	width: 100%
}
#articles .content {
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif;
	font-size: 20px
}
#articles .content a, #articles .content strong {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
#articles .content h1, #articles .content h2, #articles .content h3, #articles .content h4, #articles .content h5 {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	margin: 50px 0 30px;
	text-transform: none;
	letter-spacing: 3px
}
#articles .content h1 {
	font-size: 26px
}
#articles .content h2 {
	font-size: 24px
}
#articles .content h3 {
	font-size: 22px
}
#articles .content h4 {
	font-size: 20px
}
#articles .content h5 {
	font-size: 18px
}
#articles .content p {
	margin: 0 0 20px
}
#articles .content ol {
	margin: 0 0 30px
}
#articles .content ul {
	list-style: none;
	padding: 0;
	margin: 0 0 30px
}
#articles .content ul li {
	padding-left: 1em;
	text-indent: -.7em
}
#articles .content ul li:before {
	content: "■";
	font-family: "Arial Black";
	color: #e1802d;
	padding: 0 12px 0 0
}
#articles .content blockquote {
	padding-left: 130px;
	font-size: 24px;
	color: #404040;
	line-height: 36px
}
#articles .content img {
	max-width: 100%;
	width: auto;
	margin: 40px auto;
	display: block
}
#articles .content iframe {
	max-width: 100%;
	margin: 0 auto 30px;
	display: block;
	position: relative
}
#articles .content iframe:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
#articles .content iframe>.content {
	position: absolute;
	padding: 10px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#articles .content iframe>.content span:before {
	content: "${width}"
}
#articles .content iframe>.content span:after {
	content: "${height}"
}
#articles .social {
	overflow: hidden;
	position: relative;
	color: #fff;
	padding: 10px
}
#articles .social .col-sm-9 {
	padding: 0 0 0 5px!important
}
#articles .social .overlay {
	position: absolute;
	height: 200px;
	width: 50px;
	right: 0;
	z-index: 500
}
#articles .social .fa {
	border: 2px solid #fff;
	border-radius: 100%;
	width: 46px;
	height: 46px;
	text-align: center;
	padding: 7px;
	margin: 5px;
	text-decoration: none;
	transition: all .5s ease-out;
	font-size: 30px;
	background-color: #fff
}
#articles .social .fa.fa-facebook {
	color: #3b5998;
	border-color: #3b5998
}
#articles .social .fa.fa-twitter {
	color: #54aced;
	border-color: #54aced
}
#articles .social .brand {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
#article-section a, #article-section h4 {
	font-family: Stratum2Bold, Helvetica, Arial, sans-serif
}
#articles .social .twitter {
	margin-top: 30px
}
#articles .social .twitter .brand {
	color: #54aced
}
#articles .social .twitter .twitter-follow-button {
	margin-top: 4px
}
#articles .social .facebook {
	margin-top: 30px
}
#articles .social .facebook .brand {
	color: #3b5998
}
#article-section {
	padding-top: 50px;
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	width: 100%;
	position: relative
}
#article-section .no-padding {
	padding: 0
}
#article-section .glow-separator {
	display: none;
	top: 0
}
#article-section a {
	transition: .5s ease-out
}
#article-section a:hover {
	color: #e1802d;
	transition: 0s linear
}
#article-section h4 {
	color: #fff;
	font-size: 36px;
	text-transform: uppercase;
	padding: 20px 0
}
.facebook {
	background-image: url(../images/social/facebook.png);
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
}
.facebook:hover {
	background-image: url(../images/social/facebook-hover.png);
}
.twitter {
	background-image: url(../images/social/twitter.png);
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
}
.twitter:hover {
	background-image: url(../images/social/twitter-hover.png);
}
.youtube {
	background-image: url(../images/social/youtube.png);
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
}
.youtube:hover {
	background-image: url(../images/social/youtube-hover.png);
}
.instagram {
	background-image: url(../images/social/instagram.png);
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
}
.instagram:hover {
	background-image: url(../images/social/instagram-hover.png);
}
.tumblr {
	background-image: url(../images/social/tumblr.png);
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
}
.tumblr:hover {
	background-image: url(../images/social/tumblr-hover.png);
}
.inline {
}
.inline ul {
	list-style-type: none;
}
.inline ul li {
	float: right;
	margin-left: 10px;
}

.button {
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 20px;
	font-weight:bold;
	background-color: #1D1D1D;
	margin:15px;
}
.pc-hidden {
	display: none
}

.navmob ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
  font-size:14px;
}

.navmob ul li {
  float: left;
}

.navmob ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 10px;
  text-decoration: none;
}

.navmob ul li a:hover {
  background-color: #111111;
}

.navmob-1 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
  font-size:12px;
}

.navmob-1 ul li {
  float: left;
}

.navmob-1 ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 10px;
  text-decoration: none;
}

.navmob-1 ul li a:hover {
  background-color: #111111;
}

.navmob-2 ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #000000;
  font-size:12px;

}

.navmob-2 ul li {
  float: left;
}

.navmob-2 ul li a {
  display: block;
  color: white;
  text-align: center;
  padding: 16px 10px;
  text-decoration: none;
}

.navmob-2 ul li a:hover {
  background-color: #111111;
}

@media screen and (min-width:992px) {
#article-section h4 {
	color: #202020
}
}
#article-section h3 {
	text-transform: none
}
#article-section .layout-container .layout-content {
	border-top: solid 3px #cf9c52
}
#article-section .section-title {
	font-size: 28px;
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif;
	margin: 25px 0 21px;
	letter-spacing: 2px
}
#article-section .see-more {
	text-align: right;
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	display: block;
	margin-top: 25px
}
#article-section .feature-article {
	background-color: #101010;
	margin-bottom: 80px
}
#article-section .feature-article .section-title {
	font-size: 18px;
	text-transform: uppercase;
	color: #cf9c52;
	margin: 0 0 6px;
	font-family: Stratum2Bold, Helvetica, Arial, sans-serif;
	letter-spacing: 0
}
#article-section .feature-article .article-item {
	height: 100%;
	width: 80%;
	margin: 80px auto
}

@media (max-width:992px) {
#article-section .feature-article .article-item {
	width: 100%;
	margin: 0
}
}
#article-section .feature-article .article-item a, #article-section .feature-article .article-item a:active, #article-section .feature-article .article-item a:focus, #article-section .feature-article .article-item a:hover, #article-section .feature-article .article-item a:visited {
	text-decoration: none
}
#article-section .feature-article .article-item a:hover h3 {
	color: #cf9c52;
	transition: 0s linear
}
#article-section .feature-article .article-item h3 {
	font-size: 36px;
	color: #fff;
	margin: 0 0 10px
}
#article-section .feature-article .article-item p.text {
	font-family: Stratum2Light, Helvetica, Arial, sans-serif;
	font-size: 20px
}
#article-section .feature-article .article-item .img {
	background-size: cover;
	position: relative
}
#article-section .feature-article .article-item .img:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
#article-section .feature-article .article-item .img>.content {
	position: absolute;
	padding: 10px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#article-section .feature-article .article-item .img>.content span:before {
	content: "${width}"
}
#article-section .feature-article .article-item .img>.content span:after {
	content: "${height}"
}
#article-section .feature-article .article-item .img .gradient {
	transition: .3s ease-out;
	position: absolute;
	bottom: 0;
	z-index: 1;
	height: 400px;
	width: 100%;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(transparent), to(black))
}
#article-section .feature-article .article-item .item-content {
	position: relative;
	left: 50px;
	bottom: 50px;
	width: 50%;
	z-index: 2
}
#article-section .feature-article .article-item .item-content .text {
	font-size: 19px;
	color: #fff
}
#article-section .feature-article .article-item .item-content .text a.after {
	font-weight: 600;
	white-space: nowrap
}
#article-section .feature-article .article-item .item-content:hover+.gradient {
	height: 500px;
	-webkit-filter: none;
	filter: none
}

@media (max-width:992px) {
#article-section .feature-article .article-item .item-content {
	width: 100%;
	padding: 25px;
	left: 0;
	bottom: 0
}
#article-section .feature-article .article-item .item-content .text {
	display: none
}
}
#article-section .articles-wrapper {
	margin-bottom: 50px
}
#article-section .articles-wrapper.videos .col-md-4 {
	position: relative
}
#article-section .articles-wrapper.videos .col-md-4:first-of-type {
	margin-bottom: 60px;
	width: 100%
}
#article-section .articles-wrapper.videos .col-md-4:first-of-type .article-item .img img {
	width: 100%
}

@media (min-width:992px) {
#article-section .articles-wrapper.news .col-md-4 {
	position: relative
}
#article-section .articles-wrapper.news .col-md-4:first-of-type {
	margin-bottom: 60px;
	width: 100%
}
#article-section .articles-wrapper.news .col-md-4:first-of-type .article-item .img {
	float: right;
	width: 50%
}
#article-section .articles-wrapper.news .col-md-4:first-of-type .article-item .img img {
	width: 100%
}
#article-section .articles-wrapper.news .col-md-4:first-of-type .content {
	width: 50%;
	padding-right: 30px
}
#article-section .articles-wrapper.dev-blogs .col-md-4 {
	position: relative;
	width: 25%
}
#article-section .articles-wrapper.dev-blogs .col-md-4:first-of-type {
	margin-bottom: 60px;
	width: 50%
}
}
#article-section .sidebar {
	margin-bottom: 50px
}
#article-section .sidebar p.text {
	display: none
}
#article-section .sidebar .layout-container .layout-content {
	padding-bottom: 35px
}
#article-section .sidebar .layout-container .layout-content h2 a {
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif
}
#article-section .sidebar .layout-container .layout-content .section-title {
	font-size: 24px;
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif;
	text-align: center;
	margin: 25px 0;
	color: #202020
}
#article-section .article-item .meta time, #article-section .sidebar .layout-container .layout-content .social .brand {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
#article-section .sidebar .layout-container .layout-content .article-item a:hover h3 {
	color: #e1802d
}
#article-section .sidebar .layout-container .layout-content .article-item h3 {
	font-size: 18px;
	margin: 10px 0 15px
}
#article-section .sidebar .layout-container .layout-content .article-item .img {
	margin: 0 0 15px
}
#article-section .sidebar .layout-container .layout-content .article-item .meta {
	margin: 0
}
#article-section .sidebar .layout-container .layout-content .article-item .meta time {
	font-size: 16px;
	color: #404040;
	margin: 0;
	display: block
}
#article-section .sidebar .layout-container .layout-content .ad .article-item {
	height: 100%;
	width: 100%
}
#article-section .sidebar .layout-container .layout-content .ad .article-item .img {
	display: block;
	background-size: cover;
	background-position: center center;
	position: relative
}
#article-section .sidebar .layout-container .layout-content .ad .article-item .img:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
#article-section .sidebar .layout-container .layout-content .ad .article-item .img>.content {
	position: absolute;
	padding: 10px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#article-section .sidebar .layout-container .layout-content .ad .article-item .img>.content span:before {
	content: "${width}"
}
#article-section .sidebar .layout-container .layout-content .ad .article-item .img>.content span:after {
	content: "${height}"
}
#article-section .sidebar .layout-container .layout-content .social {
	overflow: hidden;
	position: relative
}
#article-section .sidebar .layout-container .layout-content .social .col-sm-9 {
	padding: 0 0 0 5px!important
}
#article-section .sidebar .layout-container .layout-content .social .overlay {
	position: absolute;
	height: 200px;
	width: 50px;
	background: -webkit-gradient(linear, left top, right top, from(transparent), to(#d6d5d2));
	background: -webkit-linear-gradient(left, from(transparent), #d6d5d2);
	background: -moz-linear-gradient(left, from(transparent), #d6d5d2);
	background: -ms-linear-gradient(left, from(transparent), #d6d5d2);
	background: -o-linear-gradient(left, from(transparent), #d6d5d2);
	right: 0;
	z-index: 500
}
#article-section .sidebar .layout-container .layout-content .social .fa {
	border: 2px solid #fff;
	border-radius: 100%;
	width: 46px;
	height: 46px;
	text-align: center;
	padding: 7px;
	margin: 5px;
	text-decoration: none;
	transition: all .5s ease-out;
	font-size: 30px;
	background-color: #dee2e6
}
#article-section .sidebar .layout-container .layout-content .social .fa.fa-facebook {
	color: #3b5998;
	border-color: #3b5998
}
#article-section .sidebar .layout-container .layout-content .social .fa.fa-twitter {
	color: #54aced;
	border-color: #54aced
}
#article-section .sidebar .layout-container .layout-content .social .twitter {
	margin-top: 30px
}
#article-section .sidebar .layout-container .layout-content .social .twitter .brand {
	color: #54aced
}
#article-section .sidebar .layout-container .layout-content .social .twitter .twitter-follow-button {
	margin-top: 4px
}
#article-section .sidebar .layout-container .layout-content .social .facebook {
	margin-top: 30px
}
#article-section .sidebar .layout-container .layout-content .social .facebook .brand {
	color: #3b5998
}
#article-section .article-item {
	height: 100%
}
#article-section .article-item h3 {
	font-size: 24px;
	color: #202020;
	margin: 0 0 10px;
	transition: color .2s ease-in
}
#article-section .article-item .img {
	background-size: cover;
	position: relative
}
#article-section .article-item .img:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
#article-section .article-item .img>.content {
	position: absolute;
	padding: 10px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#article-section .article-item .img>.content span:before {
	content: "${width}"
}
#article-section .article-item .img>.content span:after {
	content: "${height}"
}
#article-section .article-item .img.hover {
	filter: saturate(1.1) brightness(1.1) contrast(.9);
	-webkit-filter: saturate(1.1) brightness(1.1) contrast(.9)
}
#article-section .article-item .text a.after {
	white-space: nowrap
}
#article-section .article-item .meta time {
	font-size: 16px;
	color: #404040;
	margin: 20px 0 10px;
	display: block
}
#article-section .article-item .play-icon {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 75px;
	width: 75px;
	margin: -34px 0 0 -34px;
	border: 4px solid;
	border-radius: 100%;
	background-color: #000;
	padding-top: 15px;
	padding-left: 22px
}
#article-section .article-item .play-icon:before {
	font-family: FontAwesome;
	content: "\f04b";
	color: #cf9c52;
	font-size: 36px;
	line-height: 1
}
#article-section.article-list {
	background: url(../content/images/valkyrie_bg_inverted.jpg) no-repeat #d6d5d2;
	background-size: auto;
	color: #202020;
	padding-bottom: 40px
}
#article-section.article-list .col-md-12.title {
	padding: 0
}
#article-section.article-list .col-md-12.title .section-title {
	font-size: 24px
}
#article-section.article-list .article-item {
	padding: 30px 0;
	border-bottom: solid 1px #a8a9a9
}
#article-section.article-list .article-item:last-of-type, #article-section.article-list .sidebar .article-item {
	border: none
}

@media (min-width:992px) {
#article-section.article-list .article-item.row {
	margin-right: 0
}
}
#article-section.article-list .article-item.row .content {
	padding: 0
}

@media screen and (min-width:992px) {
#article-section.article-list .article-item.row .content {
	padding-left: 30px
}
}
#article-section.article-list .article-item .content p {
	margin: 0;
	font-family: Stratum2Light, Helvetica, Arial, sans-serif
}
#article-section.article-list .article-item .content time {
	margin-top: 0
}
#article-section.article-list .article-item a:hover h3 {
	color: #e1802d;
	transition: 0s linear
}
#article-section.article-list .article-item:first-of-type {
	padding: 0
}
#article-section.article-list .article-item:nth-of-type(2) {
	padding-top: 0
}
#article-section.article-list .article-item:nth-of-type(2) .img {
	width: 100%
}
#article-section.article-list .article-item:nth-of-type(2) .content {
	width: 100%;
	padding: 0
}
#article-section.article-list .article-item:nth-of-type(2) .content time {
	margin: 25px 0 10px
}
#article-section.article-list .sidebar .layout-container .layout-content .section-title {
	margin-bottom: 22px
}
#article-section.articles-single {
	background: url(../content/images/valkyrie_bg_inverted.jpg) no-repeat #d6d5d2;
	background-size: auto;
	color: #202020;
	padding-top: 184px
}
#article-section.articles-single h1 {
	color: #202020;
	font-size: 60px;
	font-family: Stratum2Light, Helvetica, Arial, sans-serif;
	margin: 0 0 20px;
	line-height: 60px;
	padding-right: 20%
}
#article-section.articles-single .meta {
	font-size: 18px;
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif;
	margin: 0 0 30px
}
#article-section.articles-single img {
	width: 100%;
	margin: 0 0 30px
}
#article-section.articles-single .img {
	display: block;
	background-size: cover;
	background-position: center center;
	position: relative;
	margin: 0 0 30px
}
#article-section.articles-single .img:before {
	display: block;
	content: "";
	width: 100%;
	padding-top: 56.25%
}
#article-section.articles-single .img>.content {
	position: absolute;
	padding: 10px;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0
}
#article-section.articles-single .img>.content span:before {
	content: "${width}"
}
#article-section.articles-single .img>.content span:after {
	content: "${height}"
}
#article-section.articles-single .social {
	text-align: end
}
#article-section.articles-single .social a i {
	color: #fff;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	text-align: center;
	padding: 7px;
	margin: 5px;
	text-decoration: none;
	font-size: 20px;
	transition: .5s ease-out
}
#article-section.articles-single .social a i.fa-facebook {
	background-color: #3b5998
}
#article-section.articles-single .social a i.fa-twitter {
	background-color: #54aced
}
#article-section.articles-single .social a i.fa-google-plus {
	background-color: #d34836
}
#article-section.articles-single .social a:hover i {
	transform: scale(1.2);
	transition: 0s linear
}

@media (max-width:768px) {
#article-section.articles-single .social {
	text-align: center;
	margin-bottom: 10px
}
.mobile-hidden {
	display: none
}
.mobile-align {
	float: left;
}
.pc-hidden {
	display: block
}
}
#article-section.articles-single .row.the-content {
	margin-top: 40px;
	margin-bottom: 40px
}
#faq td {
	vertical-align: top
}
#gameinfo h1 {
	color: #ce9b52
}

@media (max-width:400px) {
.btn-primary {
	font-size: 4vw!important
}
}
#home {
	background-color: #000000;
	position: relative;
}
#home h1 {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	font-size: 2.125rem;
	text-transform: uppercase
}
#home .reviews, #leaderboards .custom-radio span {
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif
}
#home .container-fluid {
	padding: 0
}

@media (max-width:768px) {
#home {
	border: none
}
#home .card-img-overlay {
	position: relative;
	padding: 0
}
#home h1 {
	font-size: 7vw
}
#home .store-links {
	bottom: 0
}
#home .store-links .btn {
	float: left;
	display: inline-block;
	margin: 0;
	width: 33.33%;
	height: 9vw;
	min-height: 40px
}
#home .store-links .btn img {
	width: 61%
}
}
#home .jumbotron {
	background-color: transparent;
	position: absolute;
	height: 90vh;
	width: 100%;
	display: flex;
	align-items: center
}

@media (max-width:768px) {
#home .jumbotron {
	margin-bottom: 0;
	height: auto;
	padding: 0
}
#home .jumbotron .container {
	margin: 0;
	padding: 0
}
#home .jumbotron .container p {
	padding: 0 15px
}
}
#home .jumbotron .background-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	pointer-events: none;
	opacity: .3;
	overflow: hidden;
	transition: .5s ease-in-out
}
#home .jumbotron .background-video .inner {
	text-align: center
}
#home .jumbotron .background-video .inner video {
	pointer-events: none;
	width: 1920px
}
#home .jumbotron .container {
	z-index: 100
}
#home .outer-container {
	position: relative;
	/*background-image: url(../images/index/home.jpg);*/
	background-position: center 640px;
	background-repeat: no-repeat;
}

@media (max-width:768px) {
#home .outer-container {
	top: 0;
	margin-top: 0;
	padding-top: 0!important;
	margin-bottom: 0!important;
	background-image: url(../images/backgrounds/background-mobile.jpg);
	background-position: top 0;
	background-repeat: repeat-y;
}
}
#home .reviews {
	text-transform: uppercase;
	font-size: 1.25rem;
	line-height: 1.5rem
}
#home .reviews .carousel-fade .carousel-inner {
	position: relative;
	height: 170px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 10px
}
#home .reviews .carousel-fade .carousel-inner .carousel-item {
	position: absolute;
	display: block;
	opacity: 0;
	transition: opacity 1s ease-in-out
}
#home .reviews .carousel-fade .carousel-inner .carousel-item.active {
	opacity: 1;
	z-index: 100
}
#home .reviews .carousel-fade .carousel-inner .carousel-item a {
	color: #fff;
	cursor: pointer
}
#home .reviews .carousel-fade .carousel-inner .carousel-item a:hover {
	text-decoration: none
}
#home .reviews .carousel-fade .carousel-inner .carousel-item p {
	margin-bottom: 0;
	padding-bottom: 1rem
}
#home .container-reborn {
	padding-top: 120px
}

@media (max-width:768px) {
#home .container-reborn {
	margin: 0 auto
}
#home .container-reborn img {
	display: none
}
}
#home .container-ships {
	max-width: 1920px;
	margin-top: 380px
}

@media (max-width:768px) {
#home .container-ships {
	margin: 40px 0 0
}
#home .container-ships .ship-text {
	padding: 0 15px!important
}
}
#home .container-ships .ships {
	width: 100%;
	background: rgba(0,0,0,.7)
}
#home .container-ships .ship {
	margin: 0;
	padding-bottom: 5px
}
#home .container-roadmap .content {
	height: 100%;
	position: relative;
	padding: 30px
}
#home .container-roadmap .content .inner {
	position: absolute;
	bottom: 30px;
	right: 30px;
	width: 100%
}

@media (max-width:768px) {
#home .container-roadmap {
	margin-top: -100px
}
#home .container-roadmap .content {
	padding: 0
}
#home .container-roadmap .content .inner {
	position: relative;
	bottom: 0;
	right: 0
}
}
#home .container-roadmap .card, #home .container-roadmap .card-img {
	background-color: transparent
}
#home .container-roadmap .card-img-overlay {
	padding: 2rem
}
#home .container-roadmap .btn {
	padding: 1.5rem 2rem
}
#home .container-roadmap .btn-primary {
	font-size: 28px
}
#home .container-gameplay .row {
	margin-top: 0px
}
#home .container-gameplay .card .content {
	position: relative;
	background-color: #000000;
	opacity: 0.7;
	padding: 25px 20px 20px;
}
#home .container-gameplay .card .content.content-1 {
	margin-left: auto;
	/*right: -4.45%;*/
	top: 1%
}
#home .container-gameplay .card .content.content-2 {
	/*left: -4.45%;*/
	top: 0%
}

@media (max-width:768px) {
#home .container-gameplay .card .content.content-1 {
	right: 0
}
#home .container-gameplay .card .content.content-2 {
	left: 0
}
}
#home .container-gameplay .card .content.content-3 {
	margin-left: auto;
}

@media (max-width:768px) {
#home .container-gameplay .card .content.content-3 {
	right: 0
}
}
#home #calltoaction .hr-secondary {
	display: none
}
#leaderboards .custom-radio {
	line-height: 1.3;
	letter-spacing: 2px
}
#leaderboards .custom-radio .custom-control-description {
	padding-top: 4px
}
#leaderboards .custom-radio span {
	font-size: 1rem;
	color: #ced4da
}
#leaderboards table thead {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	font-size: 1.125rem;
	color: #979797
}
#leaderboards table thead th {
	font-weight: 400!important
}
#leaderboards table tbody {
	font-size: 1.25rem
}
#leaderboards table td, #leaderboards table th {
	border: 0
}
#leaderboards .loading {
	padding-top: 100px;
	padding-bottom: 500px;
	border-top: 1px solid #40494e
}
#leaderboards .loading .inner {
	border: 10px solid #ce9b52;
	border-top: 10px solid transparent;
	border-radius: 50%;
	width: 80px;
	height: 80px;
	animation: spin 2s linear infinite;
	margin-left: auto;
	margin-right: auto
}
@keyframes spin {
0% {
transform:rotate(0)
}
100% {
transform:rotate(360deg)
}
}
#media p {
	margin-bottom: 0
}
#media .card {
	margin-bottom: 30px;
	transition: all 2s linear 1s
}
#media .card .category, #media .card .download {
	transition: all .7s ease
}
#media .card .card-img-wrap {
	overflow: hidden;
	position: relative
}
#media .card .download, #media .card .download .download-info {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	padding: 1.25rem
}
#media .card .card-img-wrap .card-img-overlay {
	top: auto;
	left: 10px
}
#media .card .download {
	opacity: 0;
	top: 0;
	left: 0;
	background-color: rgba(0,0,0,.7)
}
#media .card .download .download-info {
	top: auto;
	left: 10px
}
#media .card .download .download-info .linkList {
	height: 150px;
	text-align: center
}

@media (max-width:550px) {
#media .card .download .download-info .linkList {
	height: initial
}
}

@media screen and (min-width:993px) and (max-width:1315px) {
#media .card .download .download-info .linkList {
	padding: 0
}
}
#media .card .download .download-info .linkList a {
	background: #191518;
	display: inline-block;
	text-decoration: none;
	color: #fff;
	font-size: 16px;
	padding: 3px 12px 0;
	margin: 5px 0;
	transition: all .5s ease-out
}

@media screen and (min-width:993px) and (max-width:1315px) {
#media .card .download .download-info .linkList a {
	font-size: 14px;
	padding: 2px 8px 0;
	margin: 2px 0
}
}
#media .card:hover .category {
	opacity: 0
}
#media .card:hover .download {
	opacity: 1
}
#roadmap-top {
	overflow: hidden;
	position: relative;
	height: 700px;
	background-size: cover;
	margin: 15px 97px;
	width: auto;
	background-position: 50% 60%;
	-webkit-transition: background .3s ease-in;
	-moz-transition: background .3s ease-in;
	-o-transition: background .3s ease-in;
	transition: background .3s ease-in;
	padding: 0
}
#roadmap-top:before, .current-roadmap {
	position: absolute;
	bottom: 0;
	width: 100%
}

@media (max-width:850px) {
#roadmap-top {
	height: 40vh;
	margin: -50px 0 100px
}
}
#roadmap-top:before {
	height: 100%;
	content: "";
	background: linear-gradient(to top, rgba(0,0,0,.7) 29%, transparent 61%);
	pointer-events: none
}
.current-roadmap {
	z-index: 20;
	text-align: center;
	top: 850px;
	height: 200px;
	transition: top .3s;
	padding-left: 15%;
	padding-right: 15%
}

@media (max-width:850px) {
.current-roadmap {
	padding: 0 20px;
	top: 700px
}
}

@media (max-width:420px) {
.current-roadmap {
	top: 560px
}
}

@media (max-width:375px) {
.current-roadmap {
	padding: 0 20px;
	top: 520px
}
}
.current-roadmap .btn {
	font-size: 16px;
	display: inline-block;
	border: 1px solid #534e50;
	margin-top: 10px;
	position: relative;
	padding: .7rem 1.75rem;
	letter-spacing: .03rem
}

@media (max-width:850px) {
.current-roadmap .btn {
	margin-top: 0
}
}
.current-roadmap .btn span {
	color: #fff;
	font-family: Stratum2Bold, Helvetica, Arial, sans-serif;
	display: inline-block;
	float: left;
	font-size: 16px;
	margin-top: 1px;
	text-transform: uppercase
}

@media (max-width:550px) {
.current-roadmap .btn span {
	font-size: 13px
}
}
.current-roadmap .btn .fa {
	font-size: 12px;
	margin-left: 5px;
	position: absolute;
	right: 7px;
	top: 11px;
	transition: right .4s ease
}
.current-roadmap p {
	display: inline-block;
	font-size: 24px;
	width: 70%;
	text-align: center
}

@media (max-width:550px) {
.current-roadmap p {
	font-size: 5vw
}
}
#roadmap {
	z-index: 10;
	padding: 0 82px
}
#roadmap .scroller {
	color: #cf9c52;
	font-size: 30px;
	position: absolute;
	z-index: 10
}
#roadmap #scroller-left, #roadmap #scroller-right {
	margin-top: 94px;
	position: absolute;
	z-index: 30;
	transition: all .2s ease
}

@media (max-width:850px) {
.current-roadmap p {
	width: 100%
}
#roadmap {
	padding: 0
}
#roadmap .scroller {
	display: none
}
}
#roadmap .scroller:hover .fa {
	font-size: 40px
}
#roadmap #scroller-right {
	height: 156px;
	width: 60px;
	right: 30px
}
#roadmap #scroller-left {
	height: 205px;
	width: 170px;
	left: 50px
}
#roadmap .items-container {
	overflow: hidden;
	padding-top: 120px
}
#roadmap .items-container .items {
	margin-top: -125px;
	overflow: hidden;
	white-space: nowrap;
	position: relative
}

@media (max-width:850px) {
#roadmap .items-container .items {
	width: 100%;
	margin-top: 100px;
	white-space: initial;
	padding-right: 15px;
	display: flex;
	flex-direction: column-reverse
}
#roadmap .items-container .items .item {
	width: 100%!important;
	position: relative;
	margin-bottom: 67px;
	overflow: initial;
	opacity: 1
}
}
#roadmap .items-container .items .preload {
	opacity: 0;
	position: absolute;
	z-index: -1000
}
#roadmap .items-container .items .item {
	position: relative;
	width: 300px;
	display: inline-block;
	overflow: hidden;
	margin-right: 12px;
	margin-bottom: 10px;
	opacity: .6;
	transition: opacity .1s ease-in
}
#roadmap .items-container .items .item.upcoming {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%)
}
#roadmap .items-container .items .item:hover .info {
	opacity: 1
}

@media (max-width:850px) {
#roadmap .items-container .items .item:hover .info {
	opacity: 0
}
#roadmap .items-container .items .item.active .triangle-up {
	display: none
}
}
#roadmap .items-container .items .item.active {
	opacity: 1
}
#roadmap .items-container .items .item.active .content {
	border: 1px solid #604e34
}
#roadmap .items-container .items .item.active .triangle-up {
	position: absolute;
	top: 5px;
	left: 130px;
	width: 0;
	height: 0;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 15px solid #cf9c52
}
#roadmap .items-container .items .item .headline {
	display: inline-block;
	width: 100%;
	text-align: center;
	text-transform: uppercase;
	margin-bottom: 32px;
	transition: font-size ease .2s;
	height: 68px;
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	font-weight: 500
}

@media (max-width:850px) {
#roadmap .items-container .items .item .headline {
	text-align: initial
}
}
#roadmap .items-container .items .item .headline .btn {
	text-align: left;
	padding: 0;
	font-size: 16px
}

@media (min-width:850px) {
#roadmap .items-container .items .item .headline .btn {
	display: none
}
}
#roadmap .items-container .items .item .headline .btn .fa {
	display: none
}
#roadmap .items-container .items .item .headline h3 {
	font-size: 20px;
	margin: 4px 0;
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}

@media (max-width:768px) {
#roadmap .items-container .items .item .headline h3 {
	font-size: 20px!important
}
}
#roadmap .items-container .items .item .headline p {
	font-size: 22px;
	margin-top: 10px;
	margin-bottom: 1px;
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
#roadmap .items-container .items .item .info {
	position: absolute;
	z-index: 10;
	bottom: 100px;
	left: 0;
	width: 100%;
	color: #fff;
	padding-top: 7px;
	background: #232123;
	transition: opacity .3s;
	opacity: 0;
	font-size: 1.125rem
}
#roadmap .items-container .items .item .info li {
	color: #cf9c52
}
#roadmap .items-container .items .item .info li span {
	color: #fff
}
#roadmap .items-container .items .item .content {
	background-color: #000;
	width: 100%;
	height: 170px;
	margin-top: 20px;
	pointer-events: none
}

@media (max-width:850px) {
#roadmap .items-container .items .item .content {
	height: 35vw
}
}
#roadmap .items-container .items .item .content .image {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	pointer-events: none
}
.btn-black {
	background-color: #161616;
	width: 190px;
	padding: 10px 20px!important;
	margin: 10px;
	border: 0
}
.nav-pills {
	border-bottom: 1px solid #40494e;
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif;
	font-size: 16px;
	letter-spacing: 2px;
	font-weight: 400
}
.btn, .dropdown.language {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
.nav-pills a {
	color: #ced4da
}
.nav-pills a:hover {
	color: #fff
}
.nav-pills .nav-item {
	position: relative;
	bottom: -2px;
	padding-right: 25px
}
.nav-pills .nav-item .nav-link {
	padding-left: 0;
	padding-right: 0;
	padding-bottom: 20px
}
.nav-pills .nav-item .active {
	border-bottom: 3px solid #ce9b52;
	font-weight: 700
}
.tab-pane a {
	letter-spacing: .2px;
	color: #ced4da
}
.tab-pane a:hover {
	color: #fff;
	text-decoration: none
}
.tab-pane .fa {
	color: #ce9b52;
	padding-right: 12px
}
.tab-pane .open {
	transform: rotateZ(90deg);
	transition: all .5s ease-in-out;
	transform-origin: 3px 50%
}
h1 {
	letter-spacing: .3rem
}
h2, h3 {
	letter-spacing: .1rem
}
h4, h5, h6 {
	letter-spacing: .05rem
}
.btn {
	padding: 1.125rem 1.75rem;
	letter-spacing: .1rem;
	line-height: .8rem
}
.btn-primary {
	font-size: 1rem;
	font-weight: 600;
	padding-bottom: 15px
}
.btn-primary:hover {
	color: #f78c25;
	background-color: #101010;
	border-color: #101010
}
.btn-secondary {
	color: #ce9b52;
	background-color: #1c2533;
	border-color: #1c2533;
	font-size: 1rem;
	padding: .75rem .875rem 9px
}
.btn-secondary:hover {
	color: #1c2533;
	background-color: #ce9b52;
	border-color: #ce9b52
}
.dropdown.language {
	border: 0
}
.dropdown.language .btn-language {
	font-size: 15px;
	color: #979797;
	background-color: #1c2533;
	padding: 10px;
	border: 0
}
.dropdown.language .btn-language .text {
	position: absolute
}
.dropdown.language .btn-language.dropdown-toggle::after {
	margin-left: 50px
}
.dropdown.language .dropdown-menu {
	position: relative;
	left: 0;
	padding: 0;
	font-size: 15px;
	background-color: #1c2533;
	min-width: 9.2rem
}
.dropdown.language .dropdown-menu .dropdown-item {
	color: #979797;
	padding: 8px 10px
}
.btn-store {
	position: relative;
	padding: 10px 20px;
	width: 200px;
	height: 55px;
	margin: 10px;
	cursor: pointer;
	background-color: #161616;
	text-align: center;
	transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-o-transition: all .5s ease;
	-ms-transition: all .5s ease;
	overflow: hidden;
	color: #fff
}
.btn-store .layer, .btn-store .main {
	width: 100%;
	left: 0;
	padding: 10px 0;
	background-color: transparent;
	position: absolute
}
.btn-store .layer {
	color: #fff;
	top: -55px;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease
}
.btn-store .main {
	top: 0;
	transition: all .3s ease;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
	-ms-transition: all .3s ease
}
.btn-store:hover {
	background-color: #fff
}
.btn-store:hover .layer {
	top: 0
}
.btn-store:hover .main {
	top: 55px
}
.btn-buynow {
	color: #101010;
	background-color: #f78c25;
	font-size: 1.375rem;
	padding-bottom: 15px;
	padding-left: 55px;
	padding-right: 55px
}
.btn-buynow:hover {
	color: #f78c25;
	background-color: #1c2533;
	border-color: #1c2533
}
.btn-social {
	color: #315b75;
	background-color: #fff;
	width: 30px;
	height: 30px;
	padding: 5px;
	border-radius: 15px;
	font-size: 18px
}
.round-en {
	-moz-border-radius: 15px;
	border-radius: 50%;
	padding: 6px;
	border: 1px solid #fff;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 80%;
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
}
.round-en:hover {
	border: 1px solid #f78c25;
	text-decoration: none;
}
.round-cn {
	-moz-border-radius: 15px;
	border-radius: 50%;
	padding: 6px;
	border: 1px solid #fff;
	color: #FFFFFF;
	text-decoration: none;
	margin-left: 90%;
}
.round-cn:hover {
	border: 1px solid #f78c25;
	text-decoration: none;
}

@media (max-width:992px) {
.btn-social {
	color: #162a3c
}
}
.footer-content {
	background-color: #101010;
	color: #fff;
	padding: 0px 50px 0
}
.footer-content h3 {
	font-size: 1.75rem;
	font-family: Stratum2Light, Helvetica, Arial, sans-serif;
	color: #fff
}
.footer-content h4 {
	font-size: 14px;
	color: #979797;
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
.footer-content .list-social {
	text-transform: uppercase
}
.footer-content .list-social li {
	display: inline-block
}

@media (max-width:768px) {
.footer-content .list-social li .btn-social {
	margin-right: 2px
}
}
.footer-content .list-social li .btn-social:hover {
	color: #fff
}
.footer-content .list-social li:first-child {
}

@media (max-width:860px) {
.footer-content .list-social li:first-child {
	margin-right: 0;
	display: block
}
}

@media (max-width:540px) {
.footer-content .list-social li:first-child {
	display: block
}
.footer-content .list-social li:not(:first-child) {
	float: initial
}
}
.footer-content .copyright {
	margin-top: 10px
}
.footer-content .list-unstyled li {
	margin-top: 15px
}
.footer-content .list-unstyled li a {
	color: #ced4da;
	font-family: Stratum2Light, Helvetica, Arial, sans-serif;
	font-size: 15px;
	margin-top: 25px;
	transition: color ease-in-out .15s
}
.footer-content .list-unstyled li a:hover {
	color: #fff;
	text-decoration: none
}
.footer-content .list-unstyled p {
	color: #979797;
	font-size: 15px
}
body {
	background-color: #000
}
.page {
	padding-top: 150px;
	background-repeat: no-repeat;
	border-left: 10px solid #101111;
	border-right: 10px solid #101111
}
.page .top {
	height: 1px;
	background-color: #424c52;
	margin: 0 55px 100px
}
.bg-1 {
	background-color: #1b2b38;
	background-image: url(https://web.ccpgamescdn.com/evevalkyrie/web/images/backgrounds/background-1.jpg)
}

@media (max-width:768px) {
.page .top {
	margin: 0;
	height: 0
}
.page {
	border: none
}
.bg-1 {
	background-image: url(https://web.ccpgamescdn.com/evevalkyrie/web/images/backgrounds/background-mobile.jpg)
}
.bg-error .container-fluid .code {
	top: 20%
}
}
.bg-2 {
	background-color: #141823;
	background-image: url(https://web.ccpgamescdn.com/evevalkyrie/web/images/backgrounds/background-2.jpg)
}
.bg-3 {
	background-color: #101010;
	background-image: url(https://web.ccpgamescdn.com/evevalkyrie/web/images/backgrounds/background-3.jpg)
}
.bg-error {
	background-image: url(../images/logos/error-bg.jpg)
}
#warzone, #warzone .middle {
	background-position: top center
}
#warzone, #warzone .middle .gameplay .nebula, .trailer {
	background-repeat: no-repeat
}
.bg-error .container-fluid {
	height: 100vh
}
.bg-error .container-fluid h1 {
	font-size: 120px;
	color: #ce9b52
}
.bg-error .container-fluid .code {
	color: rgba(255,255,255,.08);
	font-family: Stratum2Light, Helvetica, Arial, sans-serif;
	font-size: 38vw;
	position: absolute;
	text-align: center;
	height: 100%;
	width: 100%
}
.hr-primary, .hr-primary-10 {
	display: inline-block;
	width: 60px;
	background-color: #ce9b52;
}
.bg-error .container-fluid ul {
	list-style-type: none;
	margin-top: 20px
}

@media (max-width:768px) {
h1 {
	font-size: 7vw
}
h3 {
	font-size: 5vw!important
}
}
.font-light {
	font-family: Stratum2Light, Helvetica, Arial, sans-serif
}
.font-medium {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
.font-regular {
	font-family: Stratum2Regular, Helvetica, Arial, sans-serif
}
#ship .stats, #signup .content h2 {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif
}
.font-size-base {
	font-size: 1.375rem
}
.font-size-lg {
	font-size: 1.5rem
}
.font-size-sm {
	font-size: 1.25rem
}
.font-size-xs {
	font-size: 1rem
}
.display-32 {
	font-size: 2rem
}
.hr-primary {
	height: 2px;
	margin: 20px 0
}

@media (max-width:540px) {
.hr-primary {
	margin: 0 0 8px
}
}
.hr-primary-10 {
	height: 2px;
	margin: 10px 0
}
.hr-primary-0, .hr-primary-5 {
	display: inline-block;
	width: 40px;
	height: 2px
}

@media (max-width:540px) {
.hr-primary-10 {
	margin: 0 0 4px
}
}
.hr-primary-5 {
	background-color: #f78c25;
	margin: 5px 0
}

@media (max-width:540px) {
.hr-primary-5 {
	margin: 0 0 2px
}
}
.hr-primary-0 {
	margin: 0
}
.hr-secondary {
	width: 100%;
	height: 1px;
	background-color: #424c52;
	margin: 20px 0
}
.color-yellow {
	color: #ce9b52!important
}
.absolute {
	position: absolute;
	z-index: 1
}
.relative {
	position: relative
}
.mtb-auto {
	margin-top: auto;
	margin-bottom: auto
}
.platforms-container {
	display: none
}
.platform-logos {
	background-color: #101111
}
.social-share {
	text-align: end
}
#signup .content, #signup-form .row .content, #signup-info .row .content, .social-share a i, .trailer .inner {
	text-align: center
}
.social-share a i {
	color: #fff;
	border-radius: 100%;
	width: 32px;
	height: 32px;
	padding: 7px;
	margin: 5px;
	text-decoration: none;
	font-size: 20px;
	transition: .5s ease-out
}
.social-share a i.fa-facebook {
	background-color: #3b5998
}
.social-share a i.fa-twitter {
	background-color: #54aced
}
.social-share a i.fa-google-plus {
	background-color: #d34836
}
.social-share a:hover i {
	transform: scale(1.2);
	transition: 0s linear
}
#ship .stats {
	background-color: rgba(13,18,24,.75);
	font-size: 1rem;
	letter-spacing: .3px;
	font-weight: 700;
	padding: 40px 24px
}
#ship .stats .stat {
	background-color: #171a20;
	margin-bottom: 14px;
	padding: 4px 12px
}
#ship .stats .stat .box {
	display: block;
	height: 10px;
	width: 25px;
	float: left;
	margin-top: 7px;
	margin-left: 5px
}
#ship .stats .stat .on {
	background-color: #ce9b52
}
#ship .stats .stat .off {
	background-color: #2e3136
}
.ship {
	margin-bottom: 30px
}

@media (max-width:768px) {
.ship {
	height: 150px;
	overflow: hidden
}
/*.ship .card-img-wrap {
	top: -30px
}*/
.ship .card-title {
	margin-bottom: unset;
	margin-top: 0
}
.ship .card-img-overlay {
	position: absolute;
	top: 10px!important
}
}
.ship .card-title {
	margin-bottom: 0
}
#signup-form h1, #signup-info h1 {
	margin-bottom: 80px
}
.ship .card-img-wrap {
	overflow: hidden;
	position: relative
}
.ship .card-img-wrap img {
	transition: transform .25s;
	width: 100%
}
.ship .card-img-wrap:hover img {
	transform: scale(1.1)
}
.ship .card-img-wrap:hover:after {
	opacity: 1
}
.ship .card-img-wrap .card-img-overlay {
	top: auto;
}
.color-ship-wraith {
	color: #20bbc6!important
}
.bg-color-ship-wraith {
	background-color: #20bbc6!important
}
.color-ship-jackal {
	color: #9e0b0f!important
}
.bg-color-ship-jackal {
	background-color: #9e0b0f!important
}
.color-ship-strix {
	color: #7a76b3!important
}
.bg-color-ship-strix {
	background-color: #7a76b3!important
}
.color-ship-yurei {
	color: #b39919!important
}
.bg-color-ship-yurei {
	background-color: #b39919!important
}
.color-ship-scarab {
	color: #678d3c!important
}
.bg-color-ship-scarab {
	background-color: #678d3c!important
}
.color-ship-corvus {
	color: #85a8b2!important
}
.bg-color-ship-corvus {
	background-color: #85a8b2!important
}
.color-ship-hydra {
	color: #86836f!important
}
.bg-color-ship-hydra {
	background-color: #86836f!important
}
.color-ship-vulcan {
	color: #b44922!important
}
.bg-color-ship-vulcan {
	background-color: #b44922!important
}
.color-ship-banshee {
	color: #105f87!important
}
.bg-color-ship-banshee {
	background-color: #105f87!important
}
.color-ship-medusa {
	color: #6a700e!important
}
.bg-color-ship-medusa {
	background-color: #6a700e!important
}
.color-ship-nagi {
	color: #c2ab30!important
}
.bg-color-ship-nagi {
	background-color: #c2ab30!important
}
.color-ship-kirin {
	color: #7e5867!important
}
.bg-color-ship-kirin {
	background-color: #7e5867!important
}
.color-ship-shadow {
	color: #6f9fa2!important
}
.bg-color-ship-shadow {
	background-color: #6f9fa2!important
}
#signup .container {
	padding-bottom: 220px
}
#signup .content {
	padding: 20px;
	margin-top: 20px;
	background-color: #1c2533
}
#signup .content img {
	padding: 25px
}
#signup .content h2 {
	font-size: 22px;
	padding: 20px
}
#signup .content p {
	padding: 10px 25px 40px
}
#signup-info {
	padding-bottom: 220px
}
#signup-info .row {
	background-color: #1c2533;
	padding: 100px 0
}
#signup-info .row .content .btn {
	text-transform: uppercase;
	margin-top: 20px
}
#signup-info .content-form form label {
	color: #d3dbe0;
	font-size: 14px;
	margin-top: 30px
}
#signup-info .content-form form input.form-control {
	background-color: transparent;
	border-bottom: 1px solid #83909b;
	color: #d3dbe0
}
#signup-info .content-form form input.form-control:focus {
	border: 1px solid transparent;
	border-bottom: 1px solid #83909b
}
#signup-form {
	padding-bottom: 220px
}
#signup-form .row {
	background-color: #1c2533;
	padding: 60px 0 40px
}
#signup-form .row .content .btn {
	text-transform: uppercase;
	margin-top: 20px
}
#signup-form .content-form form label {
	color: #d3dbe0;
	font-size: 14px;
	margin-top: 30px
}
#signup-form .content-form form input.form-control {
	background-color: transparent;
	border-bottom: 1px solid #83909b;
	color: #d3dbe0
}
#signup-form .content-form form input.form-control:focus {
	border: 1px solid transparent;
	border-bottom: 1px solid #83909b
}
#store .card {
	font-size: 1.125rem;
	letter-spacing: 1px;
	background-color: #1c2533;
	margin-bottom: 30px
}
.trailer, .trailer .inner {
	background-color: rgba(0,0,0,.4);
	width: 100%
}
#store .card p {
	margin: 0
}
.video-container {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: fixed;
	transition: all .2s ease-out;
	display: none;
	opacity: 0;
	z-index: 1500
}
.video-container .fa-times-circle {
	position: absolute;
	top: 10px;
	right: 20px;
	z-index: 5;
	color: #fff;
	cursor: pointer;
	line-height: 70px;
	opacity: .6;
	transition: .3s ease-in-out
}
.video-container .fa-times-circle:before {
	margin: 0;
	font-size: 40px
}
.video-container .fa-times-circle:hover {
	opacity: 1
}
.video-container .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 100%;
	height: 100%
}
.video-container .inner:before {
	content: "";
	padding-top: 56.25%;
	position: relative;
	height: 0;
	width: 100%;
	display: block
}
.video-container .inner #second_player, .video-container .inner #second_player_2 {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.videoFade {
	opacity: 1;
	animation: videoFade 1.7s ease-in-out
}
@keyframes videoFade {
from {
opacity:0
}
to {
opacity:1
}
}
/*.trailer {
	display: flex;
	background-image: url(//web.ccpgamescdn.com/evevalkyrie/web/images/backgrounds/home/trailer.jpg);
	background-size: cover;
	-webkit-box-shadow: 0 0 20px 1px rgba(0,0,0,.75);
	-moz-box-shadow: 0 0 20px 1px rgba(0,0,0,.75);
	box-shadow: 0 0 20px 1px rgba(0,0,0,.75);
	height: 590px
}
.trailer .inner {
	height: 100%;
	margin-top: auto;
	margin-left: auto;
	margin-right: auto;
	align-self: center
}
.trailer .inner a {
	margin-top: 230px;
	display: block
}
.trailer .inner img {
	transition: transform .25s;
	cursor: pointer
}
.trailer .inner img:hover {
	transform: scale(1.1)
}*/
html {
	overflow-x: hidden
}
.card {
	border: 0
}
#warzone {
	background-image: url(../content/images/backgrounds/background-top.jpg);
	background-color: #0c0c0c;
	border-left: 10px solid #101111;
	border-right: 10px solid #101111
}
#warzone p {
	line-height: 1.4;
	font-size: 22px
}
#warzone .lead {
	line-height: 1.5;
	text-shadow: 2px 1px 5px #000
}

@media (max-width:768px) {
#warzone .outer-container {
	background-color: rgba(0,0,0,.4)
}
#warzone {
	border: 0
}
}
#warzone .top {
	height: 2200px
}

@media (max-width:480px) {
#warzone .top {
	height: 1355px
}
}
#warzone .top .hero .row-hero {
	height: 100vh;
	padding-top: 170px
}

@media (max-width:480px) {
#warzone .top .hero .row-hero {
	height: auto;
	padding-top: 110px
}
}
#warzone .top .hero .row-hero .lead {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	text-shadow: 2px 1px 5px #000
}
#warzone .middle {
	background-image: url(../content/images/backgrounds/background-middle.jpg);
	background-color: #263f53
}

@media (max-width:992px) {
#warzone .middle {
	background-image: url(../content/images/backgrounds/background-middle-mobile.jpg);
	background-color: #cae6df
}
}
#warzone .middle .gameplay .card {
	background-color: rgba(34,54,61,.85)
}

@media (min-width:992px) {
#warzone .middle .gameplay .card {
	height: 280px
}
}
#warzone .middle .gameplay .image-outpost {
	background-image: url(../content/images/misc/outpost.png);
	background-repeat: no-repeat;
	background-size: contain
}
#warzone .middle .gameplay .img-1 {
	top: -160px;
	right: -220px
}

@media (max-width:1349px) {
#warzone .middle .gameplay .img-1 {
	width: 65%;
	top: -20px;
	right: -100px
}
}
#warzone .middle .gameplay .img-2 {
	top: -148px;
	left: -24px
}

@media (max-width:1349px) {
#warzone .middle .gameplay .img-2 {
	top: -58px;
	left: -24px
}
}
#warzone .middle .gameplay .img-3 {
	top: -60px;
	right: 60px
}

@media (max-width:1349px) {
#warzone .middle .gameplay .img-3 {
	width: 60%;
	top: -45px;
	right: -100px
}
}
.bg-navbar, .navbar-container {
	width: 100%;
	right: 0;
	top: 0;
	left: 0
}
#warzone .middle .gameplay .nebula {
	background-image: url(../content/images/backgrounds/background-nebula-large.png);
	background-position: top right;
	background-size: 60%
}
#warzone .middle .gameplay .img-left {
	position: absolute;
	top: -170px;
	right: -102px
}

@media (max-width:1350px) {
#warzone .middle .gameplay .nebula {
	background-image: url(../content/images/backgrounds/background-nebula.png);
	background-repeat: no-repeat;
	background-position: top right;
	background-size: contain
}
#warzone .middle .gameplay .img-left {
	top: -179px;
	left: -72px
}
}

@media (max-width:991px) {
#warzone .middle .gameplay .img-left {
	top: -8px;
	left: -88px
}
}

@media (max-width:767px) {
#warzone .middle .gameplay .img-left {
	top: 40px;
	left: -15px
}
}
#warzone .middle .gameplay .img-right {
	position: absolute;
	top: -160px;
	left: 0
}

@media (max-width:1350px) {
#warzone .middle .gameplay .img-right {
	top: -80px;
	left: -10px
}
}

@media (max-width:991px) {
#warzone .middle .gameplay .img-right {
	top: 0;
	left: 0
}
}

@media (max-width:767px) {
#warzone .middle .gameplay .img-right {
	bottom: 0;
	top: inherit;
	left: -15px
}
}
#warzone .middle .platform-logos img {
	margin: 1.5rem
}
#warzone .bottom {
	background-color: transparent
}

@media (max-width:992px) {
#warzone .bottom {
	background-image: url(../content/images/backgrounds/background-bottom-mobile.jpg);
	background-color: #162a3c
}
}
#calltoaction p {
	margin: 0;
	line-height: 1.3
}
#calltoaction a:hover {
	text-decoration: none
}
#calltoaction .caption {
	font-size: 1.625rem;
	text-transform: uppercase;
	letter-spacing: 1px
}
#calltoaction .heading {
	font-size: 3rem;
	text-transform: uppercase;
	letter-spacing: 3px
}
.bg-navbar {
	position: absolute!important;
	z-index: 0;
	height: 200px;
	background: linear-gradient(rgba(0,0,0,.6), transparent)
}

@media (min-width:992px) {
.bg-navbar {
	z-index: 1
}
}
.card-img-top {
	flex-shrink: 0
}
.navbar-container {
	max-width: 1920px;
	margin-left: auto;
	margin-right: auto;
	position: fixed!important;
	z-index: 1030;
	transition: top .35s linear
}
.navbar-container.slideout nav {
	top: -200px;
	transition: top ease-out .5s
}
.navbar-container.browsing nav {
	top: 0;
	transition: top ease-out .5s;
	margin: 0;
	padding: 20px;
	background-color: #101010
}
.navbar-container.nav-up {
	top: -200px;
	transition: top .35s linear
}
.navbar-container nav {
	font-family: Stratum2Medium, Helvetica, Arial, sans-serif;
	font-size: 1rem;
	letter-spacing: 2px;
	text-transform: uppercase!important;
	color: #fff;
	margin: 40px 70px 0;
	position: relative;
	bottom: 0;
	top: 0;
	transition: all ease-out .5s
}

@media (max-width:991px) {
.navbar-container nav {
	height: auto;
	top: 0;
	transition: top ease-out .5s;
	margin: 0;
	padding: 20px;
	background-color: #101010
}
.navbar-container nav .navbar-brand {
	margin: auto
}
.navbar-container nav .navbar-brand img {
	margin-left: -50px
}
}
.navbar-container nav .navbar-brand {
	padding: 0
}
.navbar-container nav.navbar-light .navbar-toggler:hover {
	cursor: pointer
}
.navbar-container nav .navbar-toggler {
	position: relative
}
.navbar-container nav .navbar-toggler span {
	display: block;
	background-color: #fff;
	height: 2px;
	width: 25px;
	margin-top: 6px;
	margin-bottom: 6px;
	transform: rotate(0);
	position: relative;
	left: 0;
	opacity: 1
}
.navbar-container nav .navbar-toggler span:nth-child(1), .navbar-container nav .navbar-toggler span:nth-child(3) {
	transition: transform .35s ease-in-out
}
.navbar-container nav .navbar-toggler:not(.collapsed) span:nth-child(1) {
	position: absolute;
	left: 12px;
	top: 10px;
	transform: rotate(135deg);
	opacity: .9
}
.navbar-container nav .navbar-toggler:not(.collapsed) span:nth-child(2) {
	height: 12px;
	visibility: hidden;
	background-color: transparent
}
.navbar-container nav .navbar-toggler:not(.collapsed) span:nth-child(3) {
	position: absolute;
	left: 12px;
	top: 10px;
	transform: rotate(-135deg);
	opacity: .9
}
.navbar-container nav .navbar-collapse {
	margin-top: auto
}

@media (max-width:991px) {
.navbar-container nav .navbar-collapse.collapsing .navbar-nav, .navbar-container nav .navbar-collapse.in .navbar-nav, .navbar-container nav .navbar-collapse.show .navbar-nav {
	padding: 0 0 0 1rem
}
.navbar-container nav .navbar-collapse.collapsing .navbar-nav .nav-item, .navbar-container nav .navbar-collapse.in .navbar-nav .nav-item, .navbar-container nav .navbar-collapse.show .navbar-nav .nav-item {
	padding: 0 0 0 .5rem
}
.navbar-container nav .navbar-collapse.collapsing .navbar-nav .nav-item .nav-link, .navbar-container nav .navbar-collapse.in .navbar-nav .nav-item .nav-link, .navbar-container nav .navbar-collapse.show .navbar-nav .nav-item .nav-link {
	padding: .7rem 0
}
.navbar-container nav .navbar-collapse.collapsing .navbar-nav .nav-item ul.dropdown-menu, .navbar-container nav .navbar-collapse.in .navbar-nav .nav-item ul.dropdown-menu, .navbar-container nav .navbar-collapse.show .navbar-nav .nav-item ul.dropdown-menu {
	list-style: none;
	padding-left: .5rem;
	margin: 0
}
.navbar-container nav .navbar-collapse.collapsing .navbar-nav .nav-item ul.dropdown-menu li, .navbar-container nav .navbar-collapse.in .navbar-nav .nav-item ul.dropdown-menu li, .navbar-container nav .navbar-collapse.show .navbar-nav .nav-item ul.dropdown-menu li {
	padding: .7rem 0
}
.navbar-container nav .navbar-collapse.collapsing .navbar-nav .nav-item ul.dropdown-menu li:first-child, .navbar-container nav .navbar-collapse.in .navbar-nav .nav-item ul.dropdown-menu li:first-child, .navbar-container nav .navbar-collapse.show .navbar-nav .nav-item ul.dropdown-menu li:first-child {
	padding-top: 0
}
.navbar-container nav .navbar-collapse.collapsing .navbar-nav .nav-item ul.dropdown-menu li:last-child, .navbar-container nav .navbar-collapse.in .navbar-nav .nav-item ul.dropdown-menu li:last-child, .navbar-container nav .navbar-collapse.show .navbar-nav .nav-item ul.dropdown-menu li:last-child {
	padding-bottom: 0
}
.navbar-container nav .navbar-collapse.collapsing .navbar-nav .nav-item ul.dropdown-menu li a.dropdown-item, .navbar-container nav .navbar-collapse.in .navbar-nav .nav-item ul.dropdown-menu li a.dropdown-item, .navbar-container nav .navbar-collapse.show .navbar-nav .nav-item ul.dropdown-menu li a.dropdown-item {
	text-transform: uppercase;
	padding: 0
}
.navbar-container nav .navbar-collapse.collapsing .list-social, .navbar-container nav .navbar-collapse.in .list-social, .navbar-container nav .navbar-collapse.show .list-social {
	flex-direction: row;
	margin: 1rem 0
}
.navbar-container nav .navbar-nav {
	height: auto
}
}
.navbar-container nav .navbar-nav .nav-item {
	padding-left: 1rem;
	padding-right: 1rem
}
.navbar-container nav .navbar-nav .nav-item .nav-link {
	transition: color ease-in-out .15s
}
.navbar-container nav .navbar-nav .nav-item .nav-link.active {
	color: #fff!important
}
.navbar-container nav .navbar-nav .nav-item .nav-link.active:before {
	content: ' ';
	border-top: solid 1px #ce9b52;
	display: inherit;
	margin-bottom: .25rem;
	max-width: 100%
}
.navbar-container nav .navbar-nav .nav-item .nav-link:focus {
	color: #fff
}
.navbar-container nav .navbar-nav .nav-item .nav-link.dropdown-toggle:after {
	color: #ce9b52;
	vertical-align: 0;
	border-top: .3em solid;
	border-right: .3em solid transparent;
	border-left: .3em solid transparent;
	transition: all linear .25s
}

@media (min-width:992px) {
.navbar-container nav .navbar-nav .nav-item .nav-link:before {
	content: ' ';
	border-top: solid 1px #ce9b52;
	display: inherit;
	margin-bottom: .25rem;
	max-width: 0;
	transition: max-width .1s ease-in-out
}
.navbar-container nav .navbar-nav .nav-item .nav-link:hover {
	transition: all ease-in-out .15s;
	color: #fff
}
.navbar-container nav .navbar-nav .nav-item .nav-link:hover:before {
	max-width: 100%
}
}
.navbar-container nav .navbar-nav .nav-item.open .nav-link, .navbar-container nav .navbar-nav .nav-item.show .nav-link {
	color: #fff
}
.navbar-container nav .navbar-nav .nav-item.open .nav-link:before, .navbar-container nav .navbar-nav .nav-item.show .nav-link:before {
	max-width: 100%
}
.navbar-container nav .navbar-nav .nav-item.open .nav-link:after, .navbar-container nav .navbar-nav .nav-item.show .nav-link:after {
	transform: rotateX(180deg) rotateY(-180deg);
	transition: all linear .25s
}
.navbar-container nav .navbar-nav .nav-item .dropdown-menu .dropdown-item {
	font-size: .937rem;
	padding: .5rem 2.5rem;
	transition: color ease-in-out .15s;
	font-family: Stratum2Light, Helvetica, Arial, sans-serif
}
.navbar-container nav .navbar-nav .nav-item.special {
	background-color: #f78c25;
	padding: 0;
	transition: all .1s linear
}
.navbar-container nav .navbar-nav .nav-item.special:hover {
	background-color: #1c2533
}
.navbar-container nav .navbar-nav .nav-item.special a.nav-link {
	color: #101010;
	padding-left: 1rem;
	padding-right: 1rem
}
.navbar-container nav .navbar-nav .nav-item.special a.nav-link:hover {
	color: #f78c25
}
.navbar-container nav .navbar-nav .nav-item.special a.nav-link:hover:before {
	max-width: 0
}

@media (max-width:991px) {
.navbar-container nav .navbar-nav .nav-item.special {
	margin: 1rem 1rem 1rem auto
}
}
.navbar-container nav .navbar-nav.list-social {
	transition: all 1s linear
}
.navbar-container nav .navbar-nav.list-social .btn-social {
	font-size: 21px;
	padding: 7px;
	width: 35px;
	height: 35px;
	border-radius: 30px;
	margin-right: 15px;
	background-color: #1c2533;
	color: #8e8e8e
}
.navbar-container nav .navbar-nav.list-social .btn-social:hover {
	color: #fff
}
.navbar-container .userselection {
	margin: 10px 0 0;
	font-size: 1rem
}
.navbar-container .userselection .user {
	line-height: 18px;
	margin: 0 20px 0 40px;
	position: relative;
	padding: 6px 0;
	font-family: Stratum2Light, Helvetica, Arial, sans-serif
}
.navbar-container .userselection .user:hover .left p {
	color: #f78c25
}
.navbar-container .userselection .user a {
	color: #fff;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0
}
.navbar-container .userselection .user .left {
	display: inline-block;
	min-width: 140px;
	padding-right: 50px;
	position: relative
}
.navbar-container .userselection .user .left p {
	margin: 0;
	transition: color ease-in-out .2s
}
.navbar-container .userselection .user .left p.platform {
	color: #7b787b
}
.navbar-container .userselection .user .left .avatar-right {
	position: absolute;
	right: 0;
	top: 0
}
.navbar-container .userselection .user.active {
	font-weight: 400;
	font-family: Stratum2Light, Helvetica, Arial, sans-serif
}
.navbar-container .userselection .user.active .left p {
	color: #f78c25
}
.navbar-container .userselection .user.active .left p.platform {
	color: #fff
}
.spacer {
	padding-top: 70px;
}
.motovrx { background-image:url(../images/index/motovrx/motovrx.jpg); background-repeat:no-repeat; width:312px; height:101px;}
.motovrx:hover { background-image: url(../images/index/motovrx/motovrx-hover.jpg);}
.motovrx-lite { background-image: url(../images/index/motovrx/motovrx-lite.jpg); background-repeat:no-repeat; width:312px; height:101px;}
.motovrx-lite:hover { background-image: url(../images/index/motovrx/motovrx-lite-hover.jpg);}
.motovrx-tv { background-image: url(../images/index/motovrx/motovrx-tv.jpg); background-repeat:no-repeat; width:312px; height:101px;}
.motovrx-tv:hover { background-image: url(../images/index/motovrx/motovrx-tv-hover.jpg);}
.motovrx-mob { background-image: url(../images/index/motovrx/motovrx-mob.jpg); background-repeat:no-repeat; width:312px; height:101px;}
.motovrx-mob:hover { background-image: url(../images/index/motovrx/motovrx-mob-hover.jpg);}