/*

  ___ ____  _____ _   _ _____ ___ _______   __
 |_ _|  _ \| ____| \ | |_   _|_ _|_   _\ \ / /
  | || | | |  _| |  \| | | |  | |  | |  \ V /
  | || |_| | |___| |\  | | |  | |  | |   | |
 |___|____/|_____|_| \_| |_| |___| |_|   |_|
          ASYLUM ENTERTAINMENT INC.
            Copyright 2018


/** Import Identity Themes **/
/** Import Fonts **/
@import url("//fonts.googleapis.com/css?family=Lato:300,400,700");
@import url("//fonts.googleapis.com/css?family=Orbitron:500");
@import url("//fonts.googleapis.com/css?family=Roboto:300,400,500,700");
@import url("//fonts.googleapis.com/css?family=Roboto%20Mono:400,500,700");
@font-face {
  font-family: 'Headliner';
  src: url("/assets/fonts/HeadlinerNo.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Iron';
  src: url("/assets/fonts/Iron.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'KeepCalm';
  src: url("/assets/fonts/KeepCalm-Medium.ttf");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Linearicons';
  src: url("/assets/fonts/Linearicons.ttf");
  font-weight: normal;
  font-style: normal;
}
/** Import 3rd Party Assets **/
/*========================================================
                    Main layout styles
=========================================================*/
body {
  background: #222;
  font-family: 'Lato', sans-serif;
  font-size: 17px;
  line-height: 25px;
  color: #333;
}
body,
html {
  height: 100%;
  position: relative;
}
a[href^="tel:"] {
  color: inherit;
  text-decoration: none;
}
a {
  color: inherit;
  text-decoration: none;
}
* {
  -webkit-text-size-adjust: none;
}
h2 {
  font-size: 45px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px 0 20px 0;
  text-shadow: 2px 2px 4px #666;
  text-align: center;
}
h2 span {
  font-size: 100px;
  line-height: 120px;
  display: block;
}
h6 {
    padding-top: 14px;
    font-weight: bold;
    color: #6892ff;
}
.heading__color {
  color: #FFF;
  text-align: center;
  padding-top: 0;
}
p { margin: 1em 0; }
dd { margin-bottom: 1em }
@media only screen and (max-width: 767px) {
  h2 {
    font-size: 55px;
    line-height: 60px;
  }
}
@media only screen and (max-width: 479px) {
  h2 {
	font-size: 30px; 
	line-height: 34px; 
  }
}
h3 {
  font-size: 60px;
  line-height: 66px;
  color: #385DC4;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 16px;
}
h4 {
  font-size: 32px;
  line-height: 38px;
  color: #7993D8;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
}
h5 {
  font-size: 30px;
  line-height: 33px;
  color: #385DC4;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 8px;
}
section .container {
	position: relative;
}
#contentpage .container {
	padding: 1.5em 2em;
	margin-top: 1em;
	color: #CCC;
}
.pricontainer {
	min-height: 100%;
	position:relative;
	background: #222 url(/img/forumbg.jpg) center;
	background-size: auto 100%;
}
/*========================================================
                    HEADER styles
=========================================================*/

#mainhead { position: relative; z-index: 20; box-shadow: 0 0 2em #000; }
#mainhead .container {
  height: 200px;	
}
#mainhead .container .slogan {
  margin-top:110px;	
}
h1 {
  text-shadow:
    3px 3px 3px #222,
   -1px -1px 0 #222,  
    1px -1px 0 #222,
   -1px  1px 0 #222,
    1px  1px 0 #222;
  font-size: 65px;
  color: white;
  font-weight: bold;
  text-transform: uppercase;
  padding: 0;
  margin-bottom: 20px;
}
.container .slogan span {
  color: white;
  text-shadow:
    1px 1px 1px #222,
   -1px -1px 0 #222,  
    1px -1px 0 #222,
   -1px  1px 0 #222,
    1px  1px 0 #222;
    background: rgba(0, 0, 0, 0.6);
	padding-left: 3em;
}
.pricontainer #mainhead {
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: relative;
}
#content #mainhead {
  background-image: url(/assets/img/header-info.jpg);
}
#shop #mainhead {
  background-image: url(/assets/img/header-shop.jpg);
}
#faq #mainhead, #devtracker #mainhead {
  background-image: url(/assets/img/header-faq.jpg);
}
#modules #mainhead {
  background-image: url(/assets/img/header-modules.jpg);
}
#townsquare #mainhead {
  background-image: url(/assets/img/header-square.jpg);
}
@media only screen and (max-width: 767px) {
  #mainhead .container .slogan {
    margin-top:90px;	
	background-size: auto 100%;
  }
  h1 {
    font-size: 40px;
  }
.pricontainer #mainhead {
    background-size: 150% auto;
  }
  .container h1 {
	margin-bottom: 10px;  
  }
  .container .slogan span {
    padding: 0.2em 0.4em;
  }
}
.logo {
  position: relative;
  padding: 0 0 46px 0;
  text-align: center;
  z-index: 2;
  margin-top: 125px;
}
.logo a {
  text-decoration: none;
  color: #fff;
  background: url(/assets/img/logo-header.png) center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 270px;
  height: 270px;
  font-weight: bold;
  font-size: 100px;
  line-height: 110px;
  text-transform: uppercase;
  letter-spacing: -6px;
  padding-top: 78px;
}
@media only screen and (max-width: 1200px) {
  .logo {
    padding-bottom: 20px;
  }
  .logo a {
    width: 150px;
    height: 150px;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -2px;
    padding-top: 44px;
  }
}
@media only screen and (max-width: 479px) {
  .pricontainer #mainhead {
    background-size: auto 100%;
  }
  #mainhead .container .slogan {
    margin-top:75px;
  }
  #mainhead .container .slogan h1 {
	font-size: 30px;
  }
  #mainhead .container .slogan span {
    font-size: 0.8em;
	line-height: 0.9em; 
  }
}
/* Button toogle menu
========================================================*/
.navbar-toggle {
  position: fixed;
  left: 20px;
  top: 21px;
  background-color: transparent;
  background-image: none;
  border: none;
  padding: 0;
  margin: 0;
  z-index: 6000;
  display: none;
}
.navbar-toggle .icon-bar {
  width: 100%;
  width: 22px;
  display: block;
  height: 4px;
  background: #fff;
  margin-bottom: 3px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navbar-toggle:active,
.navbar-toggle:focus {
  outline: none;
}
.navbar-toggle:hover {
  cursor: pointer;
}
.navbar-toggle:hover .icon-bar {
  background: #ccc;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
@media only screen and (max-width: 767px) {
  .navbar-toggle {
    background: rgba(29, 29, 29, 0.9);
    left: 0;
    top: 0;
    padding: 21px 20px;
	display: block;
  }
}
/* Aside panel section
========================================================*/
.aside-panel {
  width: 290px;
  height: 100%;
  background: rgba(29, 29, 29, 0.95);
  position: fixed;
  top: 0;
  left: -290px;
  z-index: 100;
  padding: 0 0 0 115px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
}
.aside-panel .menu {
  padding-top: 40px;
}
.aside-panel .menu li {
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
}
.aside-panel .menu li a {
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.aside-panel .menu li a:hover {
  color: #385DC4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.aside-panel .menu .active-menu-item a {
  color: #385DC4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.remove-panel {
  font-size: 56px;
  line-height: 60px;
  margin-top: 60px;
  color: #fff;
  text-decoration: none;
  z-index: 1;
  cursor: pointer;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.remove-panel:hover {
  color: #385DC4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

/* Menu switcher section
========================================================*/
#logo1, #mynav {
	position:absolute;
}
#logo1 {
	left: 0;
}
#mynav {
	right: 0;
}

.menu-content {
	color: #fff;
	margin: 0 auto;
	position: relative;
}

.aside-menu li {
  padding: 6px;
  float: left;
}
.aside-menu li a {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 44px;
  font-weight: bold;
  padding: 5px 15px;
}
.aside-menu li a:hover, #mynav a:hover {
  background: #5375a2;
  border-color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.aside-menu .active-menu-item a.parentmenu {
  background: #5375a2;
  border-color: #fff;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
#mynav a {
  position: relative;
  text-transform: auto;
  font-size: 15px;
  font-weight: bold;
  padding: 5px 15px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  top: 18px;
  margin-right: 5px;
  color: #5375a2;
}
#mynav a:hover {
  color: #fff;
}

/*========================================================
                    CONTENT styles
=========================================================*/
#content {
  overflow: hidden;
}
/* Video section
========================================================*/
#home {
  padding: 0px 0 100px 0;
  position: relative;
  text-align: center;
}
.video-overlay {
  position: absolute;
  background: url(/assets/img/video-overlay.png);
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.video-separator {
  /*position: absolute;
  left: 0;
  bottom: -4px;
  background: url(/assets/img/video-sep-back.png);
  width: 100%;
  height: 117px;
  z-index: 2;
  text-align: center;*/
}
.slogan {
  position: relative;
  z-index: 2;
  text-shadow: #000 2px 2px;
}
.slogan h4 {
  font-weight: bold;
}
.row h2 {
  text-align: center;	
}
.slogan span {
  font-weight: 300;
  display: block;
  padding: 0 70px;
}
h2.slogan-title {
  color: #fff;
}
@media only screen and (max-width: 767px) {
  #home {
    padding-bottom: 100px;
  }
  .slogan h2 {
    font-size: 43px;
    line-height: 46px;
    padding-bottom: 42px;
  }
  .slogan span {
    padding: 0 20px;
  }
}
@media only screen and (max-width: 479px) {
  #home {
    padding-bottom: 50px;
  }
  .slogan h2 {
    font-size: 43px;
    line-height: 46px;
    padding-bottom: 42px;
  }
  .slogan span {
    padding: 0;
  }
  
}
/* About section
========================================================*/
#about {
  background: #e9e9e9;
  padding: 43px 0 70px 0;
  text-align: center;
  color: #777777;
  font-weight: 300;
}
.about-indent {
  padding: 0 50px;
}
.btn-default, .button {
  display: inline-block;
  padding: 10px 34px;
  color: #fff;
  font-weight: bold;
  background: #385DC4;
  font-size: 16px;
  line-height: 18px;
  text-transform: uppercase;
  margin-top: 32px;
  text-decoration: none;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
  cursor: pointer;
}
.btn-default:hover {
  background: #000;
  -webkit-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
@media only screen and (max-width: 767px) {
  .about-indent {
    padding: 0 10px;
  }
  #about h3 {
    font-size: 40px;
    line-height: 46px;
  }
}
@media only screen and (max-width: 479px) {
  #about h3 {
    font-size: 30px;
    line-height: 32px;
  }
  #about h4 {
    font-size: 20px;
    line-height: 22px;
  }
}
/* STATISTICS section
========================================================*/
#statistics {
  background: url('/assets/img/statistics-bg.jpg') bottom;
  background-size: 100% auto;
  text-align: center;
  padding: 34px 0 70px 0;
  position: relative;
  z-index: 25;
}
.statistics-indent {
  padding: 0 60px;
  font-weight: 300;
}
.box-1 {
  background: rgba(33, 33, 33, 0.8);
  text-align: center;
  padding: 55px 0 25px 0;
  margin-top: 34px;
  min-height: 240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.skill-number {
  font-size: 65px;
  line-height: 71px;
  font-weight: 300;
  color: #fff;
  display: block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.skill-header {
  font-size: 65px;
  line-height: 71px;
  font-weight: 300;
  color: #fff;
  display: block;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.skill-title {
  font-size: 19px;
  line-height: 31px;
  color: #fff;
  font-weight: normal;
  display: block;
  text-transform: uppercase;
  padding-top: 14px;
}
.box-1__active {
  background: #7993D8;
  cursor: pointer;
}
@media only screen and (max-width: 979px) {
  #statistics {
	background-size: auto 100%;
  }
  .statistics-indent {
    padding: 0px;
  }
  .box-1 {
    padding: 55px 10px 25px 10px;
    min-height: 260px;
  }
}
@media only screen and (max-width: 767px) {
  .box-1 {
    min-height: 240px;
  }
}
/* Team section
========================================================*/
#team {
  background: #e9e9e9;
  padding: 28px 0 0px 0;
  text-align: center;
  font-weight: 300;
}
.team-list {
  overflow: hidden;
  width: 100%;
  padding-top: 30px;
  position: relative;
}
.team-list.owl-theme .owl-controls {
  margin-top: 0;
}
.team-list.owl-theme .owl-controls {
  font-size: 50px;
  color: #000;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.team-list.owl-theme .owl-controls .owl-prev {
  top: 50%;
  left: -80px;
  margin-top: -25px;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.team-list.owl-theme .owl-controls .owl-prev:hover {
  color: #FAF4F4;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.team-list.owl-theme .owl-controls .owl-next {
  top: 50%;
  right: -80px;
  margin-top: -25px;
  position: absolute;
  opacity: 0;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.team-list.owl-theme .owl-controls .owl-next:hover {
  color: #FAF4F4;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.team-list.owl-theme:hover .owl-prev {
  left: 80px;
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.team-list.owl-theme:hover .owl-next {
  right: 10px;
  opacity: 1;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
.thumbnail {
  text-align: center;
  width: 100%;
  position: relative;
  overflow: hidden;
}
.thumbnail img {
  width: 100%;
}
.thumbnail:hover .member-description {
  -webkit-transform: translate3d(0, -10%, 0);
  transform: translate3d(0, -10%, 0);
  opacity: 1;
}
.thumbnail:hover .member-description li:nth-child(1) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
.thumbnail:hover .member-description li:nth-child(2) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
.thumbnail:hover .member-description li:nth-child(3) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
.thumb-text {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  padding: 0 0 10% 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.team-link {
  text-decoration: none;
  color: #fff;
  font-size: 19px;
  line-height: 22px;
  display: inline-block;
  position: relative;
  text-transform: uppercase;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.team-link:hover {
  color: #c1c1c1;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.member-description {
  background: rgba(33, 33, 33, 0.8);
  padding: 15px 0 15px 0;
  position: absolute;
  bottom: 30%;
  left: 0;
  width: 100%;
  z-index: 2;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translate3d(-100%, -100%, 0);
  transform: translate3d(-100%, -100%, 0);
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  opacity: 0;
  overflow: hidden;
}
.social-contact {
  width: 210px;
  margin: 0 auto;
}
.social-contact li {
  float: left;
  padding: 0 10px 0 0px;
  -webkit-transition: -webkit-transform 0.35s;
  transition: transform 0.35s;
}
.social-contact li a {
  text-decoration: none;
  color: #fff;
  font-size: 31px;
  line-height: 39px;
  display: inline-block;
  padding: 12px 0px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 500px;
  width: 60px;
  height: 60px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.social-contact li a:hover {
  background: #385DC4;
  border-color: #385DC4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.social-contact li:last-child {
  padding: 0;
}
.social-contact li:nth-child(1) {
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
.social-contact li:nth-child(2) {
  -webkit-transform: translate3d(0, -200%, 0);
  transform: translate3d(0, -200%, 0);
}
.social-contact li:nth-child(3) {
  -webkit-transform: translate3d(0, 200%, 0);
  transform: translate3d(0, 200%, 0);
}
.member-text {
  color: #385DC4;
  font-weight: 300;
  display: block;
  font-size: 17px;
  line-height: 25px;
}
/* Testimonial section
========================================================*/
#testimonials {
  background: #385DC4;
  position: relative;
}
.testimonials-indent {
  padding: 79px 0 76px 0;
}
.blockquote {
  padding: 10px 0 10px 0;
}
.blockquote img {
  float: left;
  margin-right: 30px;
}
.blockquote blockquote {
  float: left;
  width: 300px;
  padding: 20px 0 0 0;
  font-size: 17px;
  line-height: 25px;
  color: #fff;
  font-weight: 300;
}
.blockquote blockquote span {
  font-size: 19px;
  line-height: 25px;
  display: block;
  padding-top: 20px;
  text-transform: uppercase;
  font-weight: normal;
}
.blockquote.grid_6 {
  margin-left: 0 !important;
}
.blockquote-img {
  text-align: center;
  padding-bottom: 40px;
}
@media only screen and (max-width: 1199px) {
  .blockquote blockquote {
    width: 100%;
  }
  .blockquote {
    text-align: center;
  }
  .blockquote img {
    float: none;
    margin: 0;
  }
}
/* Folio section
========================================================*/
.isotope-list {
  margin: 0 auto;
  width: 100%;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  position: relative;
}
.isotope-list li {
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  text-transform: uppercase;
  display: inline-block;
}
.isotope-list li a {
  display: inline-block;
  padding: 20px 24px;
  color: #fff;
  text-decoration: none;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.isotope-list li a.active,
.isotope-list li a:hover {
  background: #385DC4;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
#folio {
  background: url(/assets/img/folio-bg.jpg) 0 0;
  text-align: center;
}
.folio-indent {
  padding: 32px 0 120px 0;
}
.folio-indent .center {
  text-align: center;
  padding-top: 30px;
}
.folio-block {
  margin-top: 30px;
}
/*.zoom {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -webkit-transform: translate3d(0, 600%, 0);
  transform: translate3d(0, 600%, 0);
  display: inline-block;
  margin-top: 10px;
}*/
.folio-thumb {
  text-align: center;
  position: relative;
  overflow: hidden;
}
.folio-thumb img {
  max-width: 100%;
  height: 253px;
}
.folio-thumb:hover .folio-description {
  opacity: 1;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background: rgba(33, 33, 33, 0.8);
}
.folio-thumb:hover .folio-link {
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  opacity: 1;
}
.folio-thumb:hover .zoom {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-thumb:hover .folio-text {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-link {
  text-decoration: none;
  color: #385DC4;
  font-size: 19px;
  text-transform: uppercase;
  display: inline-block;
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  -webkit-transition: all 0.4s linear;
  transition: all 0.4s linear;
}
.folio-link:hover {
  color: #ffffff;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-description {
  background: rgba(33, 33, 33, 0);
  padding: 54px 60px 30px 60px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  overflow: hidden;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  opacity: 0;
}
.folio-description .fa-search-plus {
  font-size: 33px;
  line-height: 38px;
  color: #385DC4;
  text-decoration: none;
}
.folio-description .fa-search-plus:hover {
  color: #fff;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.folio-description p {
  padding-bottom: 10px;
}
.folio-text {
  color: #ffffff;
  font-weight: 300;
  font-size: 17px;
  line-height: 25px;
  display: block;
  margin-top: 8px;
  -webkit-transform: translate3d(150%, 0, 0);
  transform: translate3d(150%, 0, 0);
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
@media only screen and (max-width: 1199px) {
  .folio-description {
    padding: 24px 20px 20px 20px;
  }
  .folio-thumb img {
    height: 203px;
  }
}
@media only screen and (max-width: 979px) {
  .folio-description {
    padding: 54px 60px 30px 60px;
  }
  .folio-thumb img {
    height: 242px;
  }
}
@media only screen and (max-width: 767px) {
  .folio-description {
    padding: 20px 10px 10px;
  }
  .folio-text {
    display: none;
  }
  .isotope-list li a {
    padding: 12px 14px;
  }
  .folio-thumb img {
    height: 136px;
  }
}
@media only screen and (max-width: 479px) {
  .folio-description {
    padding: 14px 10px 10px;
  }
  .folio-text {
    display: none;
  }
  .folio-link {
    display: none;
  }
  .isotope-list li a {
    padding: 12px 14px;
  }
  .folio-thumb img {
    height: 87px;
  }
}
/* Info section
========================================================*/
#info {
  background: url(/assets/img/panels-bg.jpg) 50% 50%;
  background-size: 100% auto;
  padding: 45px 0 70px 0;
  text-align: center;
  color: #777777;
  font-weight: 300;
}
.info-indent {
  padding: 0 60px;
  font-weight: 300;
}
#generalinfo h2 {
  text-align: center;	
}
.info-box, .info-box-gold {
  display: block;
  background-size: auto 100%;
  text-align: center;
  padding: 25px;
  margin-top: 34px;
  min-height: 240px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #385DC4;
  box-shadow: 2px 2px #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.info-box-1 {
	background: url(/assets/img/info-back-1.jpg) center;
}
.info-box-2 {
	background: url(/assets/img/info-back-2.jpg) center;
}
.info-box-3 {
	background: url(/assets/img/info-back-3.jpg) center;
}
.info-box-4 {
	background: url(/assets/img/info-back-4.jpg) center;
}
.info-icon {
	width: 100px;
	height: 80px;
	margin: 5px auto;
	background-position: left;
}
.info-icon-logo {
	background-image: url(/assets/img/info-logo.png);
}
.info-icon-passport {
	background-image: url(/assets/img/info-passport.png);
}
.info-icon-share {
	background-image: url(/assets/img/info-share.png);
}
.info-icon-forums {
	background-image: url(/assets/img/info-forums.png);
}
.info-title {
  font-size: 19px;
  line-height: 31px;
  color: #EEE;
  font-weight: bold;
  display: block;
  text-transform: uppercase;
  padding-top: 14px;
}
.info-desc {
  font-size: 13px;
  color: #ccc;
  text-shadow:
   -2px -2px 0 #000,  
   2px -2px 0 #000,
   -2px 2px 0 #000,
   2px 2px 0 #000;
}
.info-box:hover {
  background: #425fab;
}
.info-box:hover span {
  text-shadow: none;
}
.info-box:hover .info-icon {
	background-position: right;
}
.info-box:hover .info-title {
  color: #fff;
}
.info-box:hover .info-desc {
  color: #ddd;
}
@media only screen and (max-width: 1199px) {
  #info {
	background-size: auto 100%;
  }
}
@media only screen and (max-width: 979px) {
  .info-indent {
    padding: 0px;
  }
  .info-box {
    padding: 55px 10px 25px 10px;
    min-height: 260px;
	background-size: 100% 100%;
  }
}
@media only screen and (max-width: 767px) {
  .info-box {
    min-height: 240px;
	background-size: 100% auto;
  }
}
/* Services section
========================================================*/
#services {
  text-align: center;
  color: #ccc;
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  background: url(/assets/img/tracker-bg.jpg);
  background-size: 100% auto;
}
.services-indent {
  padding: 34px 0 70px 0;
}
.indent-1, .h2-content {
  padding: 0 60px 40px 60px;
}
.service-list {
  overflow: hidden;
  width: 100%;
}
.service-box {
  position: relative;
  padding: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  float: left;
  width: 46%;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #425fab;
  margin: 2%;
  height: 250px;
  overflow: hidden;
}
.service-box:hover {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.service-box time {
	position: absolute;
	right: 40px;
	bottom: 40px;
	font-size: 0.7em;
	color: #bbb;
}
.service-iconlarge {
	float: left;
	font-size: 100px !important;
	text-shadow: 1px 1px 5px #000;
	margin-right: 50px;
}
.service-icon {
  margin-right: 2em;
  float: left;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}
.service-icon img {
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}
.service-icon .service-poster {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
  text-align: center;
  color: #FFF;
  text-shadow: 1px 1px 2px #000;
}
.service-title {
  font-size: 19px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding-bottom: 10px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-shadow: 2px 2px 4px #000;
}
.service-description {
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  color: #ddd;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.service-1 {
  background: rgba(0, 0, 0, 0.4);
}
.service-2 {
  background: rgba(60, 70, 100, 0.4);
}

@media only screen and (max-width: 1500px) {
  #services {
	background-size: auto 100%;
  }
  .service-box {
    margin: 1em auto;
    float: none;
    width: 60%;
  }
}
@media only screen and (max-width: 1199px) {

}
@media only screen and (max-width: 979px) {
  .service-box {
    width: 80%;
  }
}
@media only screen and (max-width: 767px) {
  .service-box {
    width: 100%;
    padding: 25px;
  }
  .service-box time {
  	right: 25px;
  	bottom: 25px;
  }
}
/* News section
========================================================*/
#news {
  background-image: url(/assets/img/news-bg.jpg);
  background-size: 100% auto;
  position: relative;
  z-index: 30;
}
#news h2 {
  padding-bottom: 47px;
  text-align: center;
}
.news-indent {
  padding: 20px 0 70px 0;
}
.news-box {
  width: 100%;
  padding: 0px 0 38px 0;
}
.news-box time {
  width: 14.5299%;
  float: left;
  background: #425fab;
  font-size: 17px;
  line-height: 20px;
  font-weight: 300;
  color: #fff;
  text-align: center;
  padding: 20px 0 28px 0;
}
.news-box time span {
  display: block;
  font-size: 56px;
  line-height: 54px;
  padding-bottom: 6px;
}
.news-content h5 {
  text-transform: uppercase;
  font-size: 19px;
  line-height: 22px;
  padding-bottom: 10px;
  padding-top: 0;
}
.news-content h5 a {
  color: #fff;
}
.news-content .news-link {
  color: #fff;
  font-size: 27px;
  line-height: 30px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.news-content .news-link:hover {
  color: #d2d1d0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.news-title {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.news-title:hover {
  color: #d2d1d0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.news-links-list {
  padding-top: 12px;
}
.news-links-list li {
  display: inline-block;
  font-size: 15px;
  line-height: 15px;
  font-weight: normal;
  padding-right: 12px;
}
.news-links-list li a {
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.news-links-list li a:hover {
  color: #d2d1d0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.news-links-list li span {
  display: inline-block;
  padding-right: 8px;
  color: #385DC4;
  line-height: 15px;
}
.news-image {
  float: left;
}
.align {
  text-align: center;
}
.hovered_content {
  background: rgba(39, 39, 39, 0.77);
  width: 85.47008%;
}
.news-content-indent {
  float: left;
  width: 55.6923%;
  padding: 48px 68px 39px 48px;
}
.btn-primary {
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  background: #425fab;
  font-weight: bold;
  display: inline-block;
  border: 2px solid #fff;
  padding: 9px 84px;
  margin-top: 20px;
  position: relative;
  z-index: 3;
  color: #FFF;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary:after {
  content: '';
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary:hover:after {
  width: 90%;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary:hover {
  color: #0a0503;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#newsak {
  position: absolute;
  right: 50px;
  top: -100px;
  width: 716px;
}
@media only screen and (max-width: 1920px) {
  #newsak {
    right: 10px;
    width: 620px;
	top: -80px;
  }
}
@media only screen and (max-width: 1680px) {
  #newsak {
    right: 10px;
    width: 420px;
	top: -30px;
  }
}
@media only screen and (max-width: 1199px) {
  .news-content-indent {
    padding: 48px 48px 39px 0px;
    width: 100%;
  }
  .hovered_content {
    padding: 20px 20px 0 20px;
  }
  .news-image {
    float: none;
  }
  #newsak {
    right: 10px;
    width: 420px;
  }
}
@media only screen and (max-width: 979px) {
  .news-image {
    width: 100%;
  }
  #newsak {
	display: none;  
  }
}
@media only screen and (max-width: 479px) {
  .news-content {
    padding: 48px 20px 39px 20px;
  }
}
/* Contacts section
========================================================*/
#contacts {
  background: url(/assets/img/contacts-bg.jpg) 50% 50%;
}
#contacts .social-contact {
  text-align: center;
  overflow: hidden;
}
#contacts .social-contact li:nth-child(1) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#contacts .social-contact li:nth-child(2) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
#contacts .social-contact li:nth-child(3) {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
.contacts-indent {
  padding: 20px 0 90px 0;
}
.address {
  text-align: center;
  padding-bottom: 190px;
}
.address-title {
  color: #385DC4;
  font-size: 19px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: normal;
  padding: 20px 0 46px 0;
}
address {
  font-weight: 300;
  font-size: 17px;
  line-height: 22px;
  color: #777777;
}
.contact-phone {
  padding: 20px 0 74px 50px;
}
.contact-phone li {
  font-size: 34px;
  line-height: 40px;
  font-weight: 300;
  color: #fff;
  display: inline-block;
  padding-right: 40px;
}
.contact-phone li span {
  font-size: 24px;
  line-height: 24px;
  color: #385DC4;
  display: inline-block;
  position: relative;
  left: -10px;
  top: 10px;
}
@media only screen and (max-width: 479px) {
  .contact-phone li {
    font-size: 22px;
    line-height: 44px;
  }
}
#owl-contact {
  margin-top: 160px;
}
/* Contact Form variables
========================================================*/
/* Contact Form Basic Styles 
========================================================*/
#contact-form {
  position: relative;
}

@media only screen and (max-width: 767px) {
  #contact-form .buttons a {
    display: inline-block;
    margin-right: 8px;
    padding: 20px 62px;
  }
}
@media only screen and (max-width: 479px) {
  #contact-form .buttons a {
    display: inline-block;
    margin-right: 8px;
    padding: 20px 22px;
  }
}
#contact-form label {
  position: relative;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 10px;
  margin-right: 29px;
}
#contact-form label.message {
  display: block;
  margin-right: 0;
}
#contact-form .last {
  margin-right: 0;
}
#contact-form fieldset {
  border: none;
}
@media only screen and (max-width: 1199px) {
  #contact-form label {
    margin-right: 4px;
  }
}
@media only screen and (max-width: 979px) {
  #contact-form label {
    margin-right: 0px;
    display: block;
  }
}
/* Contact Form Placeholder Styles 
========================================================*/
#contact-form ._placeholder {
  width: 100% !important;
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  line-height: 44px;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 8px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  cursor: text;
  color: #777777;
  text-transform: uppercase;
}
#contact-form ._placeholder.focused {
  opacity: 0.4;
  filter: alpha(opacity=40);
  -webkit-box-shadow: 0px 0px 7px 0px rgba(0, 0, 255, 0.5);
  box-shadow: 0px 0px 7px 0px rgba(0, 0, 255, 0.5);
}
#contact-form ._placeholder.hidden {
  display: none;
}
#contact-form .file ._placeholder {
  display: none;
}
/* Contact Form Input 
========================================================*/
input[type='text'], input[type='password'] {
  width: 80%;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 10px;
  outline: none;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  margin: 0;
  color: #ccc;
  border: 1px solid #373737;
} 
@media only screen and (max-width: 979px) {
  input[type='text'], input[type='password'] {
    width: 100%;
  }
}

select {
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  outline-color: #548cd8;
  outline-width: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  resize: none;
  color: #f2f2f2;
  border: 1px solid #373737;
}
option { color: black; }

/* Contact Form Textarea 
========================================================*/
textarea {
  width: 100%;
  line-height: 44px;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 8px 20px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.2);
  resize: none;
  height: 174px;
  color: #f2f2f2;
  border: 1px solid #373737;
}
/* Contact Form Error messages
========================================================*/
#contact-form .empty-message,
.error-message, #error, #message {
  color: #fff;
  overflow: hidden;
  font-size: 13px;
  padding: 0px 5px 0px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: 0.3s ease-in height;
  transition: 0.3s ease-in height;
  z-index: 99;
  background: rgba(255, 0, 0, 0.5);
}
#error, #message {
	padding: 0.5em;
	border: 1px solid red;
	text-align: center;
	margin-bottom: 2em;
}
.empty-message, #message {
	background: rgba(0, 0, 0, 0.4);
	border: 1px solid #CCC;
}
.productaddcart {
    color: #fff;
    overflow: hidden;
    padding: 5px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: 0.3s ease-in height;
    transition: 0.3s ease-in height;
    z-index: 99;
    font-size: 15px;
    margin: 20px 0 0 0;
}
.success-message {
    background: rgba(132, 218, 32, 0.68);
}
.error-message {
    background: rgba(216, 29, 29, 0.68);
}
#contact-form .invalid .error-message,
#contact-form .empty .empty-message {
  overflow: visible;
  height: auto;
}
.invalid input,
.empty input,
.invalid textarea,
.empty textarea {
  border: 1px solid red;
}
/* Contact Form Processing Box
========================================================*/
#contact-form .contact-form-loader {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  overflow: hidden;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7);
  background-image: url('/assets/img/form-loader.gif');
  background-repeat: no-repeat;
  background-position: 50% 30%;
  opacity: 0;
}
#contact-form.processing .contact-form-loader {
  opacity: 1;
  z-index: 99;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
}
/* Contact Form Modal 
========================================================*/
.modal-open {
  overflow: hidden;
}
#contact-form .modal {
  display: none;
  overflow: auto;
  overflow-y: scroll;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  -webkit-overflow-scrolling: touch;
  outline: 0;
  font-family: 'Lato', sans-serif;
  font-size: 13px;
}
#contact-form .modal h4 {
  font-weight: bold !important;
  padding: 0 !important;
  margin: 0 !important;
  color: #000 !important;
  font-size: 15px;
}
.modal.fade .modal-dialog {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -moz-transition: -moz-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
}
.modal.in .modal-dialog {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.modal-content {
  position: relative;
  background-color: #ffffff;
  border: 1px solid #999999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: none;
}
.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000000;
}
.modal-backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.modal-backdrop.in {
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal-header {
  padding: 15px;
  border-bottom: 1px solid #e5e5e5;
  min-height: 16.42857143px;
}
.modal-header .close {
  margin-top: -2px;
}
.modal-title {
  margin: 0;
  line-height: 1.42857143;
}
.modal-body {
  position: relative;
  padding: 20px;
  color: #525151 !important;
}
.modal-dialog {
  width: 600px;
  margin: 10px auto;
}
@media only screen and (max-width: 767px) {
  .modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
  }
}
/* Contact Form Close icon 
========================================================*/
.close {
  float: right;
  font-size: 21px;
  font-weight: bold;
  line-height: 1;
  color: #000000 !important;
  text-shadow: 0 1px 0 #ffffff;
  opacity: 0.2;
  filter: alpha(opacity=20);
}
.close:hover,
.close:focus {
  color: #000000 !important;
  text-decoration: none;
  cursor: pointer;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
button.close {
  padding: 0;
  cursor: pointer;
  background: transparent;
  border: 0;
  -webkit-appearance: none;
}
/* Footer section
========================================================*/
#footer {
  text-align: center;
  padding: 50px 0;
  color: #AAA;
  font-weight: 300;
  font-size: 15px;
  line-height: 19px;
}
/* Privacy section
========================================================*/
.privacy-logo {
  position: relative;
  padding: 61px 0 10px 0;
  text-align: center;
  z-index: 2;
}
.privacy-logo a {
  text-decoration: none;
  color: #fff;
  background: #385DC4;
  display: inline-block;
  border-radius: 500%;
  width: 145px;
  height: 145px;
  font-weight: bold;
  font-size: 54px;
  line-height: 54px;
  text-transform: uppercase;
  letter-spacing: -3px;
  padding-top: 44px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.privacy-slogan {
  position: relative;
  z-index: 2;
}
.privacy-slogan h2 {
  font-size: 30px;
  padding-bottom: 30px;
  padding: 0;
  font-weight: normal;
  line-height: 40px;
}
#privacy {
  padding-bottom: 70px;
  text-align: center;
}
#privacy > div {
  background-position: 50% 0 !important;
}
#privacy video {
  -webkit-transform: translate(-50%, 0%) !important;
  transform: translate(-50%, 0%) !important;
  top: 0 !important;
}
#privacy-content {
  text-align: center;
  background: #e9e9e9;
  color: #777777;
  font-weight: 300;
}
#privacy-content h2 {
  padding-bottom: 30px;
  padding-top: 50px;
}
#privacy-content p {
  padding-bottom: 28px;
}
.privacy-indent {
  padding: 0 50px 60px 50px;
}
.privacy-link {
  color: #385DC4;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.privacy-link:hover {
  color: #000;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .privacy-indent {
    padding: 0 10px 60px 10px;
  }
}
/* Categories section
========================================================*/
.categories-content {
  background: #f5f5f5;
  padding-bottom: 30px;
}
.categories-content .folio-link {
  text-transform: none;
}
.categories-content h2 {
  padding-top: 40px;
}
.categories-content h6 {
  font-size: 30px;
  line-height: 40px;
  color: #385DC4;
  padding-top: 30px;
}
.categories-content .category-link {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.categories-content .category-link:hover {
  color: #cecece;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 767px) {
  .categories-content h6 {
    font-size: 23px;
    line-height: 30px;
    padding-top: 14px;
  }
  .categories-content .category-link {
    font-size: 16px;
  }
}
@media only screen and (max-width: 479px) {
  .categories-content h6 {
    font-size: 16px;
    line-height: 20px;
    padding-top: 4px;
  }
  .categories-content .category-link {
    font-size: 12px;
  }
}
/* Gallery section
========================================================*/
.gallery-content {
  padding: 0px 0 100px 0;
  height: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.gallery-content h2 {
  padding-bottom: 30px;
}
/* About page 
=========================================================*/
#general-video {
  position: relative;
  z-index: 10;
  padding: 100px 70px;
}
#general-video iframe {
  width: 560px;	
  height: 316px;
  float: right;
  box-shadow: 0 0 10px #000;
}
.blurb
{
    background: rgba(0, 0, 0, 0.7);
	width: 35%;
	padding: 20px;
	border-radius: 20px;
	position:relative;
	text-align: left;
	top: -50px;
}
.blurb h4 {
	font-size: 40px;
	padding: 0;
}
.blurb p {
	color: #DDD;
	padding: 0.5em 0;
}
.inforow {
	clear: both;
	padding-bottom: 2em;
}
.inforow p {
	text-align: left;
	padding: 0.4em 0;
	color: #CCC;
}
.inforow img.left, .inforow img.right {
	box-shadow: 0 0 10px #000;
}
.inforow img.left {
	float: left;
	margin: 10px 40px 40px 10px;
}
.inforow img.right {
	float: right;
	margin: 10px 10px 40px 40px;
}
@media only screen and (max-width: 1199px) {
	#general-video iframe {
		width: 400px;	
		height: 226px;
		float: right;
		box-shadow: 0 0 10px #000;
	}
	.blurb h4 {
		font-size: 30px;
	}
	.blurb p {
		font-size: 0.9em;
		line-height: 1em;
		padding: 0.5em 0;
	}

}
@media only screen and (max-width: 979px) {
	#general-video {
		padding: 30px 100px;
	}
	#general-video iframe {
		width: 560px;	
		height: 316px;
		box-shadow: 0 0 10px #000;
		float: none;
		margin: 0 auto;
	}
	.blurb
	{
		background: none;
		width: 100%;
		padding: 20px;
		top:0;
	}
	.inforow img {
		width: 50%;
	}
}
@media only screen and (max-width: 767px) {
	#general-video {
		padding: 30px 0;
	}
	#general-video iframe {
		width: 420px;	
		height: 237px;
	}
	h2 {
		font-size: 45px;
	}
}
@media only screen and (max-width: 479px) {
	.inforow img {
		width: 100%;
		float: none;
	}
	#general-video iframe {
		width: 270px;	
		height: 152px;
	}
	.blurb p {
		font-size: 1em;
		line-height: 1.2em;
		padding: 0.5em 0;
	}
	.blurb h4 {
		padding-top: 1em;	
	}
	.blurb
	{
		padding: 0;
	}
	h2 {
		font-size: 30px;
	}
}

/* Modules section */

.module-box {
  position: relative;
  padding: 40px 50px 38px 50px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  margin: 25px 2%;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-size: 100% auto;
  background-position: 50% 50%;
  border: 1px solid #000;
  box-shadow: 0 0 4px #111;
}
.module-box:hover {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background-size: 125% auto;
  color: white;
}
.module-box.design:hover {
	-webkit-filter: grayscale(90%);
	filter: grayscale(90%);
	cursor: default;
	color: #BBB;
}
.module-icon {
  font-size: 117px;
  line-height: 120px;
  color: #fff;
  position: absolute;
  left: 72px;
  top: 68px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.module-title {
  font-size: 19px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding-bottom: 10px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-shadow: 2px 2px 3px #000;
}
.module-subtitle {
  color: #aaa;
}
.module-description {
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  color: #fff;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-shadow: 1px 1px 2px #000;
}
.module-1 {
  background-image: url(/assets/img/module-townsquare.jpg);
}
.module-2 {
  background-image: url(/assets/img/module-swat.jpg);
}
.module-3 {
  background-image: url(/assets/img/module-racing.jpg);
}
.module-4 {
  background-image: url(/assets/img/module-identity.jpg);
}
.module-box:hover .module-icon,
.module-box:hover .module-title,
.module-box:hover .module-description {
  color: #fff;
  
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
@media only screen and (max-width: 1199px) {
  .module-box {
    margin: 2em auto;
    float: none;
    width: 100%;
  }
}
@media only screen and (max-width: 979px) {
  .module-box {
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .module-box {
    width: 100%;
    padding: 70px 50px 70px 50px;
    background-size: auto 100%;
  }
  .module-box:hover {
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
    background-size: auto 125%;
  }
  .module-icon {
    font-size: 117px;
    line-height: 120px;
    color: #fff;
    position: absolute;
    left: 50% !important;
    margin-left: -60px;
    top: 30px;
  }
}

/*========================================================
                    Widget styles
=========================================================*/
#w {
  height: 900px;
}
/* UItoTop styles
========================================================*/
#toTop {
  display: none;
  text-decoration: none;
  position: fixed;
  bottom: 80px;
  right: 30px;
  overflow: hidden;
  border: none;
  color: #ccc;
  width: 40px;
  height: 43px;
  font-size: 43px;
  line-height: 38px;
  z-index: 20;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#toTop:hover {
  outline: none;
  color: #c0c0c0;
}
@media only screen and (max-width: 1199px) {
  #toTop {
    display: none !important;
  }
}
/*Core variables and mixins*/

.orange { color: orange; }
.right { float: right; }
.left { float: left; }
.clear { clear: both; }

sup { vertical-align: super; font-size: 50%; }

.button {
  text-align: center;
}
.button {
  display: inline-block;
  margin-left: 15px;
  padding: 10px 20px;
}
dt {
	font-weight: bold;
	color: #7993D8;
}

section#home, section#info, section#news, section#services, section#statistics {
	-webkit-box-shadow: 0 0 35px 16px rgba(0,0,0,0.75);
	-moz-box-shadow: 0 0 35px 16px rgba(0,0,0,0.75);
	box-shadow: 0 0 35px 16px rgba(0,0,0,0.75);
}

#block-left, #block-right {
	width: 500px;
	position: absolute;
	top: 0;
    bottom: 0;
	z-index: 0;
}
#block-left {
	background: url(/img/bg-block-left.png) right;
	left: 0;
}
#block-right {
	background: url(/img/bg-block-right.png);
	right: 0;
}
@media only screen and (max-width: 1680px) {
  #block-left, #block-right {
   width: 300px;
  }
}
@media only screen and (max-width: 979px) {
  #block-left, #block-right {
   width: 150px;
  }
}


#content-area {
	position: relative;	
}
#content-area #block-left, #content-area #block-right {
	width: 500px;
	height: 100%;
	position: absolute;
	top: 0;
	z-index: 20;
}
#content-area #block-left {
	background: url(/img/bg-block-left.png) right;
	left: 0;
}
#content-area #block-right {
	background: url(/img/bg-block-right.png);
	right: 0;
}
@media only screen and (max-width: 1680px) {
  #content-area #block-left, #content-area #block-right {
   width: 300px;
  }
}
@media only screen and (max-width: 979px) {
  #content-area #block-left, #content-area #block-right {
   width: 150px;
  }
}


#tsheader {
	background: url(/img/tsscreen.jpg);
	background-position: 0% 25%;
	background-size: 100% auto;
	height: 400px;
	text-align: right;
	position: relative;
}
#tsheader div {
	position: absolute;
	right: 0;
	bottom: 20px;
	padding: 5px 0 5px 0;
	background: rgba(0, 0, 0, 0.65);
	width: 100%;
}
#tsheader h4 {
	padding: 0;
	font-weight: bold;
}
#tsheader h4, #tsheader span {
	text-shadow: 1px 1px 2px #000;
	padding-right: 25px;
}
@media only screen and (max-width: 979px) {
	#tsheader {
		background-size: auto 100%;
		background-position: center;
	}
}

.progressbar { 
	position: relative;
	height: 3em;
	background: rgba(0, 0, 0, 0.45);
}
.progressbar div {
	position: absolute;
	height: 50px;
	top: 0;
	left: 0;
	z-index: 15;
	background: rgba(20, 100, 40, 0.6);
}
.progressbar span {
	position: relative;
	display: block;
	text-align: center;
	line-height: 50px;
	font-size: 2em;
	z-index: 16;
}


.crowd-list {
  overflow: hidden;
  width: 100%;
  margin: 2em 0;
}
.crowd-box {
  position: relative;
  padding: 15px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  float: left;
  width: 46%;
  display: block;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  border: 1px solid #425fab;
  margin: 2%;
  background: rgba(0, 0, 0, 0.3);
}
.crowd-box:hover {
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  background: rgba(0, 0, 0, 0.7);
}
.crowd-iconlarge {
	float: left;
	font-size: 100px;
	text-shadow: 1px 1px 5px #000;
	margin-right: 50px;
}
.crowd-icon {
  margin-right: 2em;
  float: left;
  width: 164px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  position: relative;
}
.crowd-icon img {
  -webkit-box-shadow: 0 0 10px #000;
  -moz-box-shadow: 0 0 10px #000;
  box-shadow: 0 0 10px #000;
}
.crowd-title {
  font-size: 19px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding: 5px;
  margin-bottom: 5px;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-shadow: 2px 2px 4px #000;
  background: rgba(0, 0, 0, 0.05);
}
.crowd-description {
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  color: #ccc;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.crowd-items {
	font-size: small;
	color: orange;
}
.crowd-buy span {
	font-size: 1.25em;
}
.crowd-buy a {
	position: absolute;
	bottom: 15px;
	right: 25px;
}
#shop .info-box {
	 background: rgba(0, 100, 0, 0.15);
	 border: 1px solid #229922;
}

#shop .info-box:hover {
	 background: rgba(0, 100, 0, 0.65);
}

#shop .info-box-gold {
	background: rgba(160, 160, 60, 0.15);
	border: 1px solid #5b5941;
}



.no-top-margin { margin-top: 0; padding-top: 0; }
table { width: 100%; }
.account-details-key { font-weight: bold; }
.aside-menu.right { left:0; right:0; }

.account-details-key, .account-details-value { float: left; width: 50%; margin-bottom:0; }
@media only screen and (max-width: 767px) {
  .account-details-key, .account-details-value { float: none; width: 100%; clear:both; }
  .account-details-value { margin-bottom: 1em }
}
@media only screen and (max-width: 479px) {
  h2 {
    font-size: 30px; 
    line-height: 34px; 
  }
}

.claimables > div {
	display: inline-block;
	font-size: 0.8em;
	margin-right: 1em;
	margin-bottom: 0.5em;
	background: rgba(60, 70, 100, 0.4);
	color: white;
	border: 1px solid white;
	padding: 4px 3em;
}

@media only screen and (max-width: 1920px) {
  #services, #news {
    background-size: auto 100%;
  }
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: top;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
body {
  line-height: 1;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.container .alpha {
  margin-left: 0px;
}
.container .omega {
  margin-right: 0px;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="grid_"] {
  float: left;
  min-height: 1px;
  margin-left: 30px;
}
.container, .menu-content {
  width: 1170px;
}
.grid_12 {
  width: 1170px;
}
.grid_11 {
  width: 1070px;
}
.grid_10 {
  width: 970px;
}
.grid_9 {
  width: 870px;
}
.grid_8 {
  width: 770px;
}
.grid_7 {
  width: 670px;
}
.grid_6 {
  width: 570px;
}
.grid_5 {
  width: 470px;
}
.grid_4 {
  width: 370px;
}
.grid_3 {
  width: 270px;
  margin-left: 20px;
}
.grid_2 {
  width: 170px;
}
.grid_1 {
  width: 70px;
}
.preffix_12 {
  margin-left: 1230px;
}
.preffix_11 {
  margin-left: 1130px;
}
.preffix_10 {
  margin-left: 1030px;
}
.preffix_9 {
  margin-left: 930px;
}
.preffix_8 {
  margin-left: 830px;
}
.preffix_7 {
  margin-left: 730px;
}
.preffix_6 {
  margin-left: 630px;
}
.preffix_5 {
  margin-left: 530px;
}
.preffix_4 {
  margin-left: 430px;
}
.preffix_3 {
  margin-left: 330px;
}
.preffix_2 {
  margin-left: 230px;
}
.preffix_1 {
  margin-left: 130px;
}
.container {
  margin-right: auto;
  margin-left: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
@media (min-width: 980px) and (max-width: 1199px) {
/*  .row {
    margin-left: -20px;
  }*/
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container, .menu-content {
    width: 940px;
  }
  .grid_12 {
    width: 940px;
  }
  .grid_11 {
    width: 860px;
  }
  .grid_10 {
    width: 780px;
  }
  .grid_9 {
    width: 700px;
  }
  .grid_8 {
    width: 620px;
  }
  .grid_7 {
    width: 540px;
  }
  .grid_6 {
    width: 460px;
  }
  .grid_5 {
    width: 380px;
  }
  .grid_4 {
    width: 300px;
  }
  .grid_3 {
    width: 210px;
  }
  .grid_2 {
    width: 140px;
  }
  .grid_1 {
    width: 60px;
  }
  .preffix_12 {
    margin-left: 980px;
  }
  .preffix_11 {
    margin-left: 900px;
  }
  .preffix_10 {
    margin-left: 820px;
  }
  .preffix_9 {
    margin-left: 740px;
  }
  .preffix_8 {
    margin-left: 660px;
  }
  .preffix_7 {
    margin-left: 580px;
  }
  .preffix_6 {
    margin-left: 500px;
  }
  .preffix_5 {
    margin-left: 420px;
  }
  .preffix_4 {
    margin-left: 340px;
  }
  .preffix_3 {
    margin-left: 260px;
  }
  .preffix_2 {
    margin-left: 180px;
  }
  .preffix_1 {
    margin-left: 100px;
  }
}
@media (min-width: 768px) and (max-width: 979px) {
/*  .row {
    margin-left: -20px;
  }*/
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="grid_"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container, .menu-content {
    width: 748px;
  }
  .grid_12 {
    width: 748px;
  }
  .grid_11 {
    width: 684px;
  }
  .grid_10 {
    width: 620px;
  }
  .grid_9 {
    width: 556px;
  }
  .grid_8 {
    width: 492px;
  }
  .grid_7 {
    width: 428px;
  }
  .grid_6 {
    width: 364px;
  }
  .grid_5 {
    width: 300px;
  }
  .grid_4 {
    width: 236px;
  }
  .grid_3 {
    width: 172px;
  }
  .grid_2 {
    width: 108px;
  }
  .grid_1 {
    width: 44px;
  }
  .preffix_12 {
    margin-left: 788px;
  }
  .preffix_11 {
    margin-left: 724px;
  }
  .preffix_10 {
    margin-left: 660px;
  }
  .preffix_9 {
    margin-left: 596px;
  }
  .preffix_8 {
    margin-left: 532px;
  }
  .preffix_7 {
    margin-left: 468px;
  }
  .preffix_6 {
    margin-left: 404px;
  }
  .preffix_5 {
    margin-left: 340px;
  }
  .preffix_4 {
    margin-left: 276px;
  }
  .preffix_3 {
    margin-left: 212px;
  }
  .preffix_2 {
    margin-left: 148px;
  }
  .preffix_1 {
    margin-left: 84px;
  }
}
.select-menu {
  display: none !important;
}
@media (max-width: 767px) {
  .container {
    width: 420px;
    padding: 0 0px;
  }
  .menu-content {
	width: 420px;  
  }
  .row {
    margin-left: 0;
  }
  [class*="grid_"] {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
  .select-menu {
    display: block !important;
  }
}
@media (max-width: 479px) {
  body {
    padding: 0;
  }
  .container {
    width: 300px;
    padding: 0 15px;
  }
  .menu-content {
	width: 300px;  
  }
  .row {
    margin-left: 0;
  }
}

/**
 *  Master Slider
 * 	Core css file
 */

.master-slider{
	position: relative;
	visibility: hidden;
	-moz-transform: translate3d(0 , 0 , 0);
}

.master-slider a {
	-webkit-transition: none;
	-o-transition: none;
	transition: none;
}

.master-slider, .master-slider * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.master-slider.before-init{}

.master-slider.ms-fullheight{height: 100%;}

.ms-layout-partialview .ms-view {
	overflow: visible;
	background-color:transparent;
}

.ms-layout-partialview .ms-container { overflow: hidden; }

.master-slider img, .ms-slide-bgvideocont video {max-width:none;}

.ms-ie img{border:none;}
.ms-ie8 * {opacity:inherit;filter:inherit;}
.ms-ie7   {zoom:1;}

.ms-moz .ms-slide-bgcont>img { transform: translateX(0px); }

.ms-loading-container{
	position:absolute;
	width:100%;
	top:0;
}

.ms-slide-auto-height { display: table; }

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
	width: 36px;
	height: 36px;
	background: url(loading-2.gif) no-repeat center white;
	border-radius: 60px;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.2);
	position: absolute;
	left: 50%;
	top: 50%;
	margin: -18px;
	opacity: 0.9;
}


/* grab cursor */
.ms-no-swipe, .ms-def-cursor{cursor:auto !important;}
.ms-grab-cursor{cursor: url(grab.png), move;}
.ms-grabbing-cursor{cursor: url(grabbing.png), move;}
.ms-ie .ms-grab-cursor{cursor: move;}
.ms-ie .ms-grabbing-cursor {cursor: move;}

.ms-view {
	margin:0px auto;
	overflow:hidden;
	background:black;
	position:relative;
	-webkit-perspective: 2000px;
	-moz-perspective: 2000px;
	-ms-perspective: 2000px;
	perspective: 2000px;
}

.ms-view .ms-slide-container{position:relative;}

.ms-slide {
	position:absolute;
	height:100%;
	-webkit-transform: translateZ(0px);
	-ms-transform: translateZ(0px);
	-o-transform: translateZ(0px);
	transform: translateZ(0px);
}

.ms-wk .ms-slide {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ms-slide.selected {}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont{
	position: absolute;
	overflow:hidden;
	width: 100%;
}

.ms-slide .ms-slide-link {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	z-index: 110;
}

.ms-ie .ms-slide-link {
	background: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7") 0 0 repeat;
}


.ms-slide .ms-slide-bgvideocont{
	z-index: 105;
	height: 100%;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont>video{
	-webkit-transform: translateZ(0.3px);
	transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo{
	position: absolute;
	top: 0px;
}

.ms-inner-controls-cont, .ms-container {position: relative; margin:0 auto;}
.ms-slide .ms-slide-bgcont img , .ms-container , .ms-inner-controls-cont{
	-webkit-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
    position:absolute;
    pointer-events: auto;
}

.ms-layer-mask {
    position: absolute;
    overflow: hidden;
}

.ms-layer-mask .ms-layer{
    position: relative;
}

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
	position: absolute;
	overflow:hidden;
	width:100%;
	height: 100%;
	z-index: 109;
	top:0px;
	pointer-events: none;
}

.ms-slide .ms-slide-video{
	position:absolute;
	top:0;
	z-index: 111;
	background:black;
	padding:0;
	margin: 0;
	border: none;
}

.ms-parallax-layer {
	width: 100%;
	position: absolute;
	top: 0;
}

.ms-scroll-parallax-cont{
	position: absolute;
	top:0;
	width: 100%;
	height: 100%;
}

.ms-wk .ms-scroll-parallax-cont{
	-webkit-transform: translateZ(0.4px);
	transform: translateZ(0.4px);
}

/*.ms-scroll-parallax .ms-sl-selected .ms-scroll-parallax-cont,
.ms-scroll-parallax .ms-sl-selected .ms-slide-bgcont{}
.ms-scroll-parallax .ms-slide-bgcont{}*/

/* ------------------------------------------------------------------------------ */
/* Overlayer layers */
.ms-overlay-layers {
    position: absolute;
    top: 0;
    z-index: 120;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/*-----------------------------------------------------------*/
.ms-action-layer{cursor: pointer;}
.ms-btn-container{position: absolute;}
.ms-btn {
	text-decoration: none;
	display: inline-block;
	color:black;
	position: relative;
	padding: 8px 15px;
	cursor: pointer;
	white-space: nowrap;
}

.ms-default-btn{
	background: #0074A2;
	border-radius: 5px;
	color: #FFF;
}
.ms-default-btn:hover{background-color: #0098D5;}
.ms-default-btn:active{top:1px;}


.ms-btn-s{
    padding: 14px 17px;
    font-size: 80%;
    line-height: 0;
}

.ms-btn-m{
    padding: 12px 40px;
}

.ms-btn-n{
    padding: 8px 25px;
    font-size: 95%;
}

.ms-btn-l{
    padding: 17px 50px;
    font-size: 120%;
}

.ms-btn-box{}
.ms-btn-round{border-radius: 5px;}
.ms-btn-circle{border-radius: 100px;}
.ms-btn-outline-box{}
.ms-btn-outline-round{border-radius: 5px;}
.ms-btn-outline-circle{border-radius: 100px;}
/*-----------------------------------------------------------*/

.ms-layer.video-box{background:black;}
.ms-layer.video-box iframe{
	padding:0;
	margin: 0;
	border: none;
	position: absolute;
	z-index: 111;
}

.ms-slide .ms-slide-vpbtn , .ms-slide .ms-video-btn{
	position:absolute;
	cursor: pointer;
	z-index: 112;
}

.ms-slide .ms-slide-vcbtn{
	position:absolute;
	cursor: pointer;
	z-index: 113;
}

.ms-slide-vcbtn-mobile{
	position: relative;
	bottom: 0;
	left:0;
	width:100%;
	height: 28px;
	background-color: black;
	color: white;
	text-align: center;
	cursor: pointer;
	z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
    text-transform: uppercase;
    font-family: sans-serif;
    font-size: 0.75em;
    display: inline-block;
    background: url(video-close-btn.png) no-repeat 0px 3px;
    padding-left: 15px;
    height: 15px;
    color: #DBDBDB;
    margin-top: 7px;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video,
.ms-wk .ms-slide-link {
	-webkit-transform: translateZ(0.44px);
	transform: translateZ(0.44px);
}

.ms-video-img{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
}

.ms-mask-frame{
	overflow:hidden;
	position:absolute;
	float:left;
}

/* controls */

.ms-thumb-list{
	overflow:hidden;
	position:absolute;
}

.ms-thumb-list.ms-dir-h {width: 100%;}
.ms-thumb-list.ms-dir-v {height: 100%; top: 0;}
.ms-thumbs-cont{position: relative;}
.ms-thumb-frame img{width:100%;	height:auto;}
.ms-thumb-frame{
	cursor: pointer;
	float: left;
	overflow: hidden;
	opacity: 0.5;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}
.ms-thumb-frame-selected{ opacity: 1; }

.ms-tabs .ms-thumb-frame {
	background-color: #F6f6f6;
	text-shadow: 0 1px 1px white;
	color: #222;
	border: solid 1px white;
	border-width: 0 1px 1px 0;
	overflow: visible;
	position: relative;
	opacity: 1;
	-webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {margin-top: 12px;}
.ms-tabs.ms-dir-v .ms-thumb-frame {margin-left: 12px;}
.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {margin-left: 0px;}
.ms-tabs.ms-dir-h.ms-align-top {z-index: 140;}
.ms-tabs.ms-dir-h.ms-align-top  .ms-thumb-frame{margin-top: -12px;}
.ms-tabs .ms-thumb{padding: 20px 20px;}
.ms-tabs .ms-thumb-frame-selected {	opacity: 1; background: #EDEDED;}
.ms-tabs .ms-thumb-frame .ms-thumb-ol {
    position: absolute;
    opacity: 0;
    -webkit-transition: all 300ms ease-out;
    -moz-transition: all 300ms ease-out;
    -ms-transition: all 300ms ease-out;
    -o-transition: all 300ms ease-out;
    transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
	top: 0px;
    left: 50%;
    margin-left: -12px;
	border-bottom: solid 12px #F6f6f6;
    border-left: solid 12px transparent;
    border-right: solid 12px transparent;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	top:-12px;
	border-bottom-color: #EDEDED;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
	bottom: 0px;
	top:auto;
	border-bottom:0px;
	border-top: solid 12px #F6f6f6;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	bottom:-12px;
	border-top-color: #EDEDED;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
	top: 50%;
    left: 0;
    margin-top: -12px;
    border-right: solid 12px #EDEDED;
    border-top: solid 12px transparent;
    border-bottom: solid 12px transparent;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	left:-12px;
	border-right-color:#EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
    left: auto;
    right: 0;
    border-right: 0;
    border-left: solid 12px #EDEDED;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol{
	opacity: 1;
	right:-12px;
	border-left-color:#EDEDED;
}

/* horizontal thumblist arrows*/
.ms-thumb-list.ms-dir-h .ms-thumblist-fwd, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    height: 100%;
    width: 20px;
    position: absolute;
    left: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
    right: 0;
    left: auto;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  content: close-quote;
  top: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 5px 5px 5px 0px;
  display: block;
  border-right-color: #FFF;
  width: 6px;
  height: 1px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
  border-width: 5px 0px 5px 5px;
  border-left-color: #FFF;
  left: 7px;
}

/* vertical thumblist arrows */
.ms-thumb-list.ms-dir-v .ms-thumblist-fwd, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    width: 100%;
    height: 20px;
    position: absolute;
    top: 0;
    cursor: pointer;
    background: rgba(128, 128, 128, 0.5);
    text-align: center;
    color: white;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
    bottom: 0;
    top: auto;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after, .ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  content: close-quote;
  left: 43%;
  position: relative;
  border: solid rgba(0, 0, 0, 0);
  border-width: 0px 5px 5px 5px;
  display: block;
  border-bottom-color: #FFF;
  height: 1px;
  top: 5px;
  width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
  border-width: 5px 5px 0px 5px;
  border-top-color: #FFF;
  top: 7px;
}


.ms-bullet{cursor:pointer;float: left;}
.ms-bullets.ms-dir-h {
	position: absolute;
	bottom: 20px;
	right: 50%;
	width: 100px;
}

.ms-bullets.ms-dir-v {
	position: absolute;
	top:50%;
}

.ms-bullets.ms-dir-v .ms-bullet{
	float: none;
}
.ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
	right: -50%;
}

.ms-sbar {position: absolute;}
.ms-sbar.ms-dir-h {
	left: 10px;
	right: 10px;
	top: 5px
}

.ms-sbar.ms-dir-v {
	top: 10px;
	bottom: 10px;
	right: 5px
}

.ms-sbar .ms-bar {
	height: 4px;
	background: #333;
	border-radius: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {	width: 4px;}

.ms-sbar .ms-bar{
	position:relative;
	-webkit-transition: opacity 300ms;
	-moz-transition: opacity 300ms;
	-ms-transition: opacity 300ms;
	-o-transition: opacity 300ms;
	transition: opacity 300ms;
}

.ms-timerbar {
	width: 100%;
	bottom: 0px;
	position: absolute;
}

.ms-ctimer {
	position: absolute;
	top: 30px;
	left: 30px;
	cursor: pointer;
}

.ms-ctimer-bullet {}

.ms-time-bar{
	-webkit-transition: width 120ms linear;
	-moz-transition: width 120ms linear;
	-ms-transition: width 120ms linear;
	-o-transition: width 120ms linear;
	transition: width 120ms linear;

}

.ms-ie7 .ms-tooltip-arrow{
	height:0px;
}

.ms-slide-info {position: absolute;}
.ms-slide-info.ms-dir-v {top:0;}
.ms-slide-info.ms-dir-h {width:100%;}

@keyframes point-anim{
	0% 		{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -o-transform: scale(0.5); -ms-transform: scale(0.5);  opacity: 1; }
	100% 	{transform: scale(0.5); -webkit-transform: scale(0.5); -moz-transform: scale(1.5); -o-transform: scale(1.5); -ms-transform: scale(1.5);  opacity: 0; }
}

@-webkit-keyframes point-anim{
	0% 		{-webkit-transform: scale(0.5); opacity: 1; }
	100% 	{-webkit-transform: scale(1.5);	opacity: 0; }
}

/* In Android browser, using css animations over slider causes some crashes */
.ms-android .ms-tooltip-point .ms-point-border{
	animation:none;
	-moz-animation:none;
	-webkit-animation:none;
	-o-animation:none;
}

/**
 *  Master Slider
 *  Black 1
 */

.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
.ms-skin-black-1 .ms-video-btn{
	width: 54px;
	height: 54px;
	background: url(black-skin-1.png) no-repeat -14px -150px;
	top: 50%;
	left: 50%;
	margin: -27px 0 0 -27px;
}

.ms-skin-black-1 .ms-slide .ms-slide-vcbtn {
	width: 27px;
	height: 26px;
	background: url(black-skin-1.png) no-repeat -24px -29px;
	top: 30px;
	right: 30px;
}

/* controls */

.ms-skin-black-1 .ms-nav-next,
.ms-skin-black-1 .ms-nav-prev {
	width: 53px;
	background: url(black-skin-1.png);
	background-position: -79px -19px;
	height: 61px;
	cursor: pointer;
	top: 50%;
	left: 30px;
	margin-top: -26px;
	position: absolute;
	z-index: 110;
}
.ms-skin-black-1 .ms-nav-next {
	right: 30px;
	left: auto;
	background-position: -79px -97px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h {
	position: absolute;
	bottom: 20px;
	right: 50%;
	width: 100px;
}

.ms-skin-black-1 .ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
	right: -50%;
}

.ms-skin-black-1 .ms-bullet {
	width: 9px;
	height: 9px;
	background: white;
	margin: 4px;
	border: solid 1px rgb(58, 58, 58);
}

.ms-skin-black-1 .ms-bullet-selected {
    background-color: black;
}

.ms-skin-black-1 .ms-timerbar {
	background: black;
	height: 2px;
}

.ms-skin-black-1 .ms-time-bar {
	height: 1px;
	margin-top: 1px;
	background: #FFFFFF;
}

.ms-skin-black-1 .ms-tooltip{
	position: absolute;
	z-index: 210;
	cursor: auto;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow{
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	position: absolute;
	left: 50%;
	margin-left: -10px;
}

.ms-skin-black-1 .ms-tooltip-top .ms-tooltip-arrow{
	border-top: solid 10px;
	border-top-color: white;
	border-top-color: rgba(0, 0, 0, 0.8);
	bottom: -10px;
}

.ms-skin-black-1 .ms-tooltip-bottom .ms-tooltip-arrow {
	border-bottom: solid 10px;
	border-bottom-color: white;
	border-bottom-color: rgba(0, 0, 0, 0.8);
	top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow{
	border-top: solid 10px transparent;
	border-bottom: solid 10px transparent;
	position: absolute;
	top: 50%;
	margin-top: -10px;
}

.ms-skin-black-1 .ms-tooltip-right .ms-tooltip-arrow{
	border-right: solid 10px;
	border-right-color: white;
	border-right-color: rgba(0, 0, 0, 0.8);
	left: -10px;
}

.ms-skin-black-1 .ms-tooltip-left .ms-tooltip-arrow {
	border-left: solid 10px;
	border-left-color: black;
	border-left-color: rgba(0, 0, 0, 0.8);
	right: -10px;
}

.ms-skin-black-1 .ms-tooltip-point {cursor: pointer;}
.ms-skin-black-1 .ms-tooltip-point .ms-point-center {
	width: 12px;
	height: 12px; 
	border-radius: 15px;
	border: solid 2px #444444;
	background: black;
	margin: -8px 0 0 -8px;
	position: absolute;
	z-index: 105;
}

.ms-skin-black-1 .ms-tooltip-point .ms-point-border {
	width: 22px;
	height: 22px; 
	background: white;
	background: rgba(255, 255, 255, 0.9);
	margin: -11px 0 0 -11px;
	position: absolute;
	border-radius: 15px;
	
	animation: point-anim 1.5s infinite ;
	-moz-animation: point-anim 1.5s infinite;
	-webkit-animation: point-anim 1.5s infinite;
	-o-animation: point-anim 1.5s infinite;
}

.ms-skin-black-1  .ms-tooltip {
	max-width:200px;
}

.ms-skin-black-1 .ms-tooltip-cont {
	padding: 10px;
	background: black;
	background: rgba(0, 0, 0, 0.8);
	text-shadow: 0 1px 0px black;
	color: white;
	box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.04);
}

/* retina */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {
	
	.ms-skin-black-1 .ms-slide .ms-slide-vpbtn,
	.ms-skin-black-1 .ms-video-btn,
	.ms-skin-black-1 .ms-slide .ms-slide-vcbtn,
	.ms-skin-black-1 .ms-nav-next,
	.ms-skin-black-1 .ms-nav-prev{
		background-image:url(black-skin-1-retina.png);
		background-size: 152px 225px;
	}
	
}
@charset "UTF-8";

/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT

Copyright (c) 2014 Daniel Eden
*/

.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

.animated.infinite {
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.animated.hinge {
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
}

@-webkit-keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

@keyframes bounce {
  0%, 20%, 53%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
  }

  40%, 43% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -30px, 0);
    -ms-transform: translate3d(0, -30px, 0);
    transform: translate3d(0, -30px, 0);
  }

  70% {
    -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);
    -webkit-transform: translate3d(0, -15px, 0);
    -ms-transform: translate3d(0, -15px, 0);
    transform: translate3d(0, -15px, 0);
  }

  90% {
    -webkit-transform: translate3d(0,-4px,0);
    -ms-transform: translate3d(0,-4px,0);
    transform: translate3d(0,-4px,0);
  }
}

.bounce {
  -webkit-animation-name: bounce;
  animation-name: bounce;
  -webkit-transform-origin: center bottom;
  -ms-transform-origin: center bottom;
  transform-origin: center bottom;
}

@-webkit-keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

@keyframes flash {
  0%, 50%, 100% {
    opacity: 1;
  }

  25%, 75% {
    opacity: 0;
  }
}

.flash {
  -webkit-animation-name: flash;
  animation-name: flash;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  50% {
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.pulse {
  -webkit-animation-name: pulse;
  animation-name: pulse;
}

@-webkit-keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes rubberBand {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  30% {
    -webkit-transform: scale3d(1.25, 0.75, 1);
    -ms-transform: scale3d(1.25, 0.75, 1);
    transform: scale3d(1.25, 0.75, 1);
  }

  40% {
    -webkit-transform: scale3d(0.75, 1.25, 1);
    -ms-transform: scale3d(0.75, 1.25, 1);
    transform: scale3d(0.75, 1.25, 1);
  }

  50% {
    -webkit-transform: scale3d(1.15, 0.85, 1);
    -ms-transform: scale3d(1.15, 0.85, 1);
    transform: scale3d(1.15, 0.85, 1);
  }

  65% {
    -webkit-transform: scale3d(.95, 1.05, 1);
    -ms-transform: scale3d(.95, 1.05, 1);
    transform: scale3d(.95, 1.05, 1);
  }

  75% {
    -webkit-transform: scale3d(1.05, .95, 1);
    -ms-transform: scale3d(1.05, .95, 1);
    transform: scale3d(1.05, .95, 1);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.rubberBand {
  -webkit-animation-name: rubberBand;
  animation-name: rubberBand;
}

@-webkit-keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

@keyframes shake {
  0%, 100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }

  10%, 30%, 50%, 70%, 90% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  20%, 40%, 60%, 80% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }
}

.shake {
  -webkit-animation-name: shake;
  animation-name: shake;
}

@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    -ms-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    -ms-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    -ms-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    -ms-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }

  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    -ms-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  -webkit-animation-name: swing;
  animation-name: swing;
}

@-webkit-keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes tada {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }

  10%, 20% {
    -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
  }

  30%, 50%, 70%, 90% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
  }

  40%, 60%, 80% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    -ms-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
  }

  100% {
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.tada {
  -webkit-animation-name: tada;
  animation-name: tada;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes wobble {
  0% {
    -webkit-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes wobble {
  0% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }

  15% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    -ms-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
    transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }

  30% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    -ms-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
    transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }

  45% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    -ms-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
    transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }

  60% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    -ms-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
    transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }

  75% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    -ms-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
    transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.wobble {
  -webkit-animation-name: wobble;
  animation-name: wobble;
}

@-webkit-keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

@keyframes bounceIn {
  0%, 20%, 40%, 60%, 80%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  20% {
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(1.03, 1.03, 1.03);
    -ms-transform: scale3d(1.03, 1.03, 1.03);
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    -webkit-transform: scale3d(.97, .97, .97);
    -ms-transform: scale3d(.97, .97, .97);
    transform: scale3d(.97, .97, .97);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale3d(1, 1, 1);
    -ms-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  -webkit-animation-name: bounceIn;
  animation-name: bounceIn;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -3000px, 0);
    -ms-transform: translate3d(0, -3000px, 0);
    transform: translate3d(0, -3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    -ms-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    -ms-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown;
}

@-webkit-keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInLeft {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(-3000px, 0, 0);
    -ms-transform: translate3d(-3000px, 0, 0);
    transform: translate3d(-3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(25px, 0, 0);
    -ms-transform: translate3d(25px, 0, 0);
    transform: translate3d(25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(-10px, 0, 0);
    -ms-transform: translate3d(-10px, 0, 0);
    transform: translate3d(-10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(5px, 0, 0);
    -ms-transform: translate3d(5px, 0, 0);
    transform: translate3d(5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInLeft {
  -webkit-animation-name: bounceInLeft;
  animation-name: bounceInLeft;
}

@-webkit-keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes bounceInRight {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(3000px, 0, 0);
    -ms-transform: translate3d(3000px, 0, 0);
    transform: translate3d(3000px, 0, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(-25px, 0, 0);
    -ms-transform: translate3d(-25px, 0, 0);
    transform: translate3d(-25px, 0, 0);
  }

  75% {
    -webkit-transform: translate3d(10px, 0, 0);
    -ms-transform: translate3d(10px, 0, 0);
    transform: translate3d(10px, 0, 0);
  }

  90% {
    -webkit-transform: translate3d(-5px, 0, 0);
    -ms-transform: translate3d(-5px, 0, 0);
    transform: translate3d(-5px, 0, 0);
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.bounceInRight {
  -webkit-animation-name: bounceInRight;
  animation-name: bounceInRight;
}

@-webkit-keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes bounceInUp {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
    transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 3000px, 0);
    -ms-transform: translate3d(0, 3000px, 0);
    transform: translate3d(0, 3000px, 0);
  }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  75% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  90% {
    -webkit-transform: translate3d(0, -5px, 0);
    -ms-transform: translate3d(0, -5px, 0);
    transform: translate3d(0, -5px, 0);
  }

  100% {
    -webkit-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.bounceInUp {
  -webkit-animation-name: bounceInUp;
  animation-name: bounceInUp;
}

@-webkit-keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

@keyframes bounceOut {
  20% {
    -webkit-transform: scale3d(.9, .9, .9);
    -ms-transform: scale3d(.9, .9, .9);
    transform: scale3d(.9, .9, .9);
  }

  50%, 55% {
    opacity: 1;
    -webkit-transform: scale3d(1.1, 1.1, 1.1);
    -ms-transform: scale3d(1.1, 1.1, 1.1);
    transform: scale3d(1.1, 1.1, 1.1);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }
}

.bounceOut {
  -webkit-animation-name: bounceOut;
  animation-name: bounceOut;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes bounceOutDown {
  20% {
    -webkit-transform: translate3d(0, 10px, 0);
    -ms-transform: translate3d(0, 10px, 0);
    transform: translate3d(0, 10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, -20px, 0);
    -ms-transform: translate3d(0, -20px, 0);
    transform: translate3d(0, -20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.bounceOutDown {
  -webkit-animation-name: bounceOutDown;
  animation-name: bounceOutDown;
}

@-webkit-keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes bounceOutLeft {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(20px, 0, 0);
    -ms-transform: translate3d(20px, 0, 0);
    transform: translate3d(20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.bounceOutLeft {
  -webkit-animation-name: bounceOutLeft;
  animation-name: bounceOutLeft;
}

@-webkit-keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes bounceOutRight {
  20% {
    opacity: 1;
    -webkit-transform: translate3d(-20px, 0, 0);
    -ms-transform: translate3d(-20px, 0, 0);
    transform: translate3d(-20px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.bounceOutRight {
  -webkit-animation-name: bounceOutRight;
  animation-name: bounceOutRight;
}

@-webkit-keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes bounceOutUp {
  20% {
    -webkit-transform: translate3d(0, -10px, 0);
    -ms-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0);
  }

  40%, 45% {
    opacity: 1;
    -webkit-transform: translate3d(0, 20px, 0);
    -ms-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.bounceOutUp {
  -webkit-animation-name: bounceOutUp;
  animation-name: bounceOutUp;
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
}

@-webkit-keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInDownBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInDownBig {
  -webkit-animation-name: fadeInDownBig;
  animation-name: fadeInDownBig;
}

@-webkit-keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeft {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeft {
  -webkit-animation-name: fadeInLeft;
  animation-name: fadeInLeft;
}

@-webkit-keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInLeftBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInLeftBig {
  -webkit-animation-name: fadeInLeftBig;
  animation-name: fadeInLeftBig;
}

@-webkit-keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRight {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRight {
  -webkit-animation-name: fadeInRight;
  animation-name: fadeInRight;
}

@-webkit-keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInRightBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInRightBig {
  -webkit-animation-name: fadeInRightBig;
  animation-name: fadeInRightBig;
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

@-webkit-keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes fadeInUpBig {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.fadeInUpBig {
  -webkit-animation-name: fadeInUpBig;
  animation-name: fadeInUpBig;
}

@-webkit-keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

.fadeOut {
  -webkit-animation-name: fadeOut;
  animation-name: fadeOut;
}

@-webkit-keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

@keyframes fadeOutDown {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
}

.fadeOutDown {
  -webkit-animation-name: fadeOutDown;
  animation-name: fadeOutDown;
}

@-webkit-keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

@keyframes fadeOutDownBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, 2000px, 0);
    -ms-transform: translate3d(0, 2000px, 0);
    transform: translate3d(0, 2000px, 0);
  }
}

.fadeOutDownBig {
  -webkit-animation-name: fadeOutDownBig;
  animation-name: fadeOutDownBig;
}

@-webkit-keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

@keyframes fadeOutLeft {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    -ms-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }
}

.fadeOutLeft {
  -webkit-animation-name: fadeOutLeft;
  animation-name: fadeOutLeft;
}

@-webkit-keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

@keyframes fadeOutLeftBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    -ms-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }
}

.fadeOutLeftBig {
  -webkit-animation-name: fadeOutLeftBig;
  animation-name: fadeOutLeftBig;
}

@-webkit-keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

@keyframes fadeOutRight {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    -ms-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
  }
}

.fadeOutRight {
  -webkit-animation-name: fadeOutRight;
  animation-name: fadeOutRight;
}

@-webkit-keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

@keyframes fadeOutRightBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    -ms-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }
}

.fadeOutRightBig {
  -webkit-animation-name: fadeOutRightBig;
  animation-name: fadeOutRightBig;
}

@-webkit-keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

@keyframes fadeOutUp {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    -ms-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0);
  }
}

.fadeOutUp {
  -webkit-animation-name: fadeOutUp;
  animation-name: fadeOutUp;
}

@-webkit-keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

@keyframes fadeOutUpBig {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(0, -2000px, 0);
    -ms-transform: translate3d(0, -2000px, 0);
    transform: translate3d(0, -2000px, 0);
  }
}

.fadeOutUpBig {
  -webkit-animation-name: fadeOutUpBig;
  animation-name: fadeOutUpBig;
}

@-webkit-keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

@keyframes flip {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -360deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  40% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -190deg);
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
  }

  50% {
    -webkit-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -ms-transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    transform: perspective(400px) translate3d(0, 0, 150px) rotate3d(0, 1, 0, -170deg);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  80% {
    -webkit-transform: perspective(400px) scale3d(.95, .95, .95);
    -ms-transform: perspective(400px) scale3d(.95, .95, .95);
    transform: perspective(400px) scale3d(.95, .95, .95);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
    -webkit-animation-timing-function: ease-in;
    animation-timing-function: ease-in;
  }
}

.animated.flip {
  -webkit-backface-visibility: visible;
  -ms-backface-visibility: visible;
  backface-visibility: visible;
  -webkit-animation-name: flip;
  animation-name: flip;
}

@-webkit-keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInX {
  0% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInX {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInX;
  animation-name: flipInX;
}

@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }
}

.flipInY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipInY;
  animation-name: flipInY;
}

@-webkit-keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutX {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    transform: perspective(400px) rotate3d(1, 0, 0, -20deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    transform: perspective(400px) rotate3d(1, 0, 0, 90deg);
    opacity: 0;
  }
}

.flipOutX {
  -webkit-animation-name: flipOutX;
  animation-name: flipOutX;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
}

@-webkit-keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

@keyframes flipOutY {
  0% {
    -webkit-transform: perspective(400px);
    -ms-transform: perspective(400px);
    transform: perspective(400px);
  }

  30% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -15deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -ms-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    opacity: 0;
  }
}

.flipOutY {
  -webkit-backface-visibility: visible !important;
  -ms-backface-visibility: visible !important;
  backface-visibility: visible !important;
  -webkit-animation-name: flipOutY;
  animation-name: flipOutY;
  -webkit-animation-duration: .75s;
  animation-duration: .75s;
}

@-webkit-keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes lightSpeedIn {
  0% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(-30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(-30deg);
    transform: translate3d(100%, 0, 0) skewX(-30deg);
    opacity: 0;
  }

  60% {
    -webkit-transform: skewX(20deg);
    -ms-transform: skewX(20deg);
    transform: skewX(20deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: skewX(-5deg);
    -ms-transform: skewX(-5deg);
    transform: skewX(-5deg);
    opacity: 1;
  }

  100% {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.lightSpeedIn {
  -webkit-animation-name: lightSpeedIn;
  animation-name: lightSpeedIn;
  -webkit-animation-timing-function: ease-out;
  animation-timing-function: ease-out;
}

@-webkit-keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

@keyframes lightSpeedOut {
  0% {
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(100%, 0, 0) skewX(30deg);
    -ms-transform: translate3d(100%, 0, 0) skewX(30deg);
    transform: translate3d(100%, 0, 0) skewX(30deg);
    opacity: 0;
  }
}

.lightSpeedOut {
  -webkit-animation-name: lightSpeedOut;
  animation-name: lightSpeedOut;
  -webkit-animation-timing-function: ease-in;
  animation-timing-function: ease-in;
}

@-webkit-keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateIn {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, -200deg);
    -ms-transform: rotate3d(0, 0, 1, -200deg);
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  -webkit-animation-name: rotateIn;
  animation-name: rotateIn;
}

@-webkit-keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownLeft {
  -webkit-animation-name: rotateInDownLeft;
  animation-name: rotateInDownLeft;
}

@-webkit-keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInDownRight {
  -webkit-animation-name: rotateInDownRight;
  animation-name: rotateInDownRight;
}

@-webkit-keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpLeft {
  -webkit-animation-name: rotateInUpLeft;
  animation-name: rotateInUpLeft;
}

@-webkit-keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    transform: none;
    opacity: 1;
  }
}

@keyframes rotateInUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -90deg);
    -ms-transform: rotate3d(0, 0, 1, -90deg);
    transform: rotate3d(0, 0, 1, -90deg);
    opacity: 0;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    opacity: 1;
  }
}

.rotateInUpRight {
  -webkit-animation-name: rotateInUpRight;
  animation-name: rotateInUpRight;
}

@-webkit-keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

@keyframes rotateOut {
  0% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotate3d(0, 0, 1, 200deg);
    -ms-transform: rotate3d(0, 0, 1, 200deg);
    transform: rotate3d(0, 0, 1, 200deg);
    opacity: 0;
  }
}

.rotateOut {
  -webkit-animation-name: rotateOut;
  animation-name: rotateOut;
}

@-webkit-keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, 45deg);
    -ms-transform: rotate3d(0, 0, 1, 45deg);
    transform: rotate3d(0, 0, 1, 45deg);
    opacity: 0;
  }
}

.rotateOutDownLeft {
  -webkit-animation-name: rotateOutDownLeft;
  animation-name: rotateOutDownLeft;
}

@-webkit-keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutDownRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutDownRight {
  -webkit-animation-name: rotateOutDownRight;
  animation-name: rotateOutDownRight;
}

@-webkit-keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpLeft {
  0% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: left bottom;
    -ms-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: rotate3d(0, 0, 1, -45deg);
    -ms-transform: rotate3d(0, 0, 1, -45deg);
    transform: rotate3d(0, 0, 1, -45deg);
    opacity: 0;
  }
}

.rotateOutUpLeft {
  -webkit-animation-name: rotateOutUpLeft;
  animation-name: rotateOutUpLeft;
}

@-webkit-keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

@keyframes rotateOutUpRight {
  0% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    opacity: 1;
  }

  100% {
    -webkit-transform-origin: right bottom;
    -ms-transform-origin: right bottom;
    transform-origin: right bottom;
    -webkit-transform: rotate3d(0, 0, 1, 90deg);
    -ms-transform: rotate3d(0, 0, 1, 90deg);
    transform: rotate3d(0, 0, 1, 90deg);
    opacity: 0;
  }
}

.rotateOutUpRight {
  -webkit-animation-name: rotateOutUpRight;
  animation-name: rotateOutUpRight;
}

@-webkit-keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

@keyframes hinge {
  0% {
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  20%, 60% {
    -webkit-transform: rotate3d(0, 0, 1, 80deg);
    -ms-transform: rotate3d(0, 0, 1, 80deg);
    transform: rotate3d(0, 0, 1, 80deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
  }

  40%, 80% {
    -webkit-transform: rotate3d(0, 0, 1, 60deg);
    -ms-transform: rotate3d(0, 0, 1, 60deg);
    transform: rotate3d(0, 0, 1, 60deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    opacity: 1;
  }

  100% {
    -webkit-transform: translate3d(0, 700px, 0);
    -ms-transform: translate3d(0, 700px, 0);
    transform: translate3d(0, 700px, 0);
    opacity: 0;
  }
}

.hinge {
  -webkit-animation-name: hinge;
  animation-name: hinge;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

@keyframes rollIn {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    -ms-transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
    transform: translate3d(-100%, 0, 0) rotate3d(0, 0, 1, -120deg);
  }

  100% {
    opacity: 1;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
}

.rollIn {
  -webkit-animation-name: rollIn;
  animation-name: rollIn;
}

/* originally authored by Nick Pettit - https://github.com/nickpettit/glide */

@-webkit-keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

@keyframes rollOut {
  0% {
    opacity: 1;
  }

  100% {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    -ms-transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
    transform: translate3d(100%, 0, 0) rotate3d(0, 0, 1, 120deg);
  }
}

.rollOut {
  -webkit-animation-name: rollOut;
  animation-name: rollOut;
}

@-webkit-keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

@keyframes zoomIn {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  50% {
    opacity: 1;
  }
}

.zoomIn {
  -webkit-animation-name: zoomIn;
  animation-name: zoomIn;
}

@-webkit-keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInDown {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
}

@-webkit-keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInLeft {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(-1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInLeft {
  -webkit-animation-name: zoomInLeft;
  animation-name: zoomInLeft;
}

@-webkit-keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInRight {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    transform: scale3d(.1, .1, .1) translate3d(1000px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-10px, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInRight {
  -webkit-animation-name: zoomInRight;
  animation-name: zoomInRight;
}

@-webkit-keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomInUp {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 1000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomInUp {
  -webkit-animation-name: zoomInUp;
  animation-name: zoomInUp;
}

@-webkit-keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

@keyframes zoomOut {
  0% {
    opacity: 1;
  }

  50% {
    opacity: 0;
    -webkit-transform: scale3d(.3, .3, .3);
    -ms-transform: scale3d(.3, .3, .3);
    transform: scale3d(.3, .3, .3);
  }

  100% {
    opacity: 0;
  }
}

.zoomOut {
  -webkit-animation-name: zoomOut;
  animation-name: zoomOut;
}

@-webkit-keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutDown {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, -60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, 2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutDown {
  -webkit-animation-name: zoomOutDown;
  animation-name: zoomOutDown;
}

@-webkit-keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    transform-origin: left center;
  }
}

@keyframes zoomOutLeft {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(-2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(-2000px, 0, 0);
    transform: scale(.1) translate3d(-2000px, 0, 0);
    -webkit-transform-origin: left center;
    -ms-transform-origin: left center;
    transform-origin: left center;
  }
}

.zoomOutLeft {
  -webkit-animation-name: zoomOutLeft;
  animation-name: zoomOutLeft;
}

@-webkit-keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
  }
}

@keyframes zoomOutRight {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
    transform: scale3d(.475, .475, .475) translate3d(-42px, 0, 0);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale(.1) translate3d(2000px, 0, 0);
    -ms-transform: scale(.1) translate3d(2000px, 0, 0);
    transform: scale(.1) translate3d(2000px, 0, 0);
    -webkit-transform-origin: right center;
    -ms-transform-origin: right center;
    transform-origin: right center;
  }
}

.zoomOutRight {
  -webkit-animation-name: zoomOutRight;
  animation-name: zoomOutRight;
}

@-webkit-keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

@keyframes zoomOutUp {
  40% {
    opacity: 1;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -ms-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  100% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -ms-transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -2000px, 0);
    -webkit-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    transform-origin: center bottom;
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

.zoomOutUp {
  -webkit-animation-name: zoomOutUp;
  animation-name: zoomOutUp;
}
.arthref{position:fixed;top:0;left:0;z-index:99}.arthref .overlay{z-index:100;position:fixed;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.8);pointer-events:none;display:none;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out}.arthref .opaque{background:rgba(0,0,0,0.2)!important}.arthref .overlay.active{opacity:1;pointer-events:all}.arthref .icon-container{z-index:101;position:absolute;top:0;left:0;bottom:0;right:0;text-align:center}.arthref .icon-container:before{content:'';height:100%;display:inline-block;vertical-align:middle}.arthref .icon-container .centered{display:inline-block;padding:1em;vertical-align:middle;text-align:left;width:90%;max-width:725px}.arthref .icon-container ul{margin:0;padding:0;list-style-type:none;text-align:center;opacity:0;-webkit-transition:all 200ms ease-in-out;-moz-transition:all 200ms ease-in-out;-o-transition:all 200ms ease-in-out;-ms-transition:all 200ms ease-in-out;transition:all 200ms ease-in-out;pointer-events:none}.arthref .icon-container ul.active{opacity:1;pointer-events:auto}.arthref .icon-container ul li{display:inline-block;width:80px;height:110px;margin:10px}.arthref .icon-container ul li a{background-color:#617385;border-radius:10px;display:block;width:80px;height:80px;margin:0 0 10px 0}.arthref .icon-container ul li span{text-align:center;font-family:Arial;font-size:12px;font-weight:bold;text-shadow:0 2px 3px rgba(0,0,0,.9);color:#e5e5e5;font-style:normal!important}.arthref .icon-container ul li a.aApple span{background-position:0 0}.arthref .icon-container ul li a.aMySpace span{background-position:-80px 0}.arthref .icon-container ul li a.aBlackBerry span{background-position:-160px 0}.arthref .icon-container ul li a.aWikipedia span{background-position:-240px 0}.arthref .icon-container ul li a.aEMail span{background-position:-320px 0}.arthref .icon-container ul li a.aWordpress span{background-position:-400px 0}.arthref .icon-container ul li a.aDeviantart span{background-position:-480px 0}.arthref .icon-container ul li a.aForrst span{background-position:0 -80px}.arthref .icon-container ul li a.aTechnorati span{background-position:-80px -80px}.arthref .icon-container ul li a.aXBox span{background-position:-160px -80px}.arthref .icon-container ul li a.aAndroid span{background-position:-240px -80px}.arthref .icon-container ul li a.aEvernote span{background-position:-320px -80px}.arthref .icon-container ul li a.aZerply span{background-position:-400px -80px}.arthref .icon-container ul li a.aXing span{background-position:-480px -80px}.arthref .icon-container ul li a.aVimeo span{background-position:0 -160px}.arthref .icon-container ul li a.aTumblr span{background-position:-80px -160px}.arthref .icon-container ul li a.aFacebook span{background-position:-160px -160px}.arthref .icon-container ul li a.aDigg span{background-position:-240px -160px}.arthref .icon-container ul li a.aDelicious span{background-position:-320px -160px}.arthref .icon-container ul li a.aFriendFeed span{background-position:-400px -160px}.arthref .icon-container ul li a.aLinkedIn span{background-position:-480px -160px}.arthref .icon-container ul li a.aPaypal span{background-position:0 -240px}.arthref .icon-container ul li a.aBehance span{background-position:-80px -240px}.arthref .icon-container ul li a.aFoursquare span{background-position:-160px -240px}.arthref .icon-container ul li a.aWindows span{background-position:-240px -240px}.arthref .icon-container ul li a.aSkype span{background-position:-320px -240px}.arthref .icon-container ul li a.aTwitter span{background-position:-400px -240px}.arthref .icon-container ul li a.aPosterous span{background-position:-480px -240px}.arthref .icon-container ul li a.aLastFm span{background-position:0 -320px}.arthref .icon-container ul li a.aQuora span{background-position:-80px -320px}.arthref .icon-container ul li a.aYouTube span{background-position:-160px -320px}.arthref .icon-container ul li a.aPinterest span{background-position:-240px -320px}.arthref .icon-container ul li a.aPath span{background-position:-320px -320px}.arthref .icon-container ul li a.aGooglePlus span{background-position:-400px -320px}.arthref .icon-container ul li a.aFlud span{background-position:-480px -320px}.arthref .icon-container ul li a.aStumbleUpon span{background-position:0 -400px}.arthref .icon-container ul li a.aReddit span{background-position:-80px -400px}.arthref .icon-container ul li a.aRSS span{background-position:-160px -400px}.arthref .icon-container ul li a.aScoutzie span{background-position:-240px -400px}.arthref .icon-container ul li a.aBlogger span{background-position:-320px -400px}.arthref .icon-container ul li a.aGrovershark span{background-position:-400px -400px}.arthref .icon-container ul li a.aAIM span{background-position:-480px -400px}.arthref .icon-container ul li a.aYahoo span{background-position:0 -480px}
.arthref .icon-container ul li a.aFlickr span{background-position:-80px -480px}.arthref .icon-container ul li a.aDribbble span,.arthref .icon-container ul li a.aDribble span{background-position:-160px -480px}.arthref .icon-container ul li a.aInstagram span{background-position:-240px -480px}.arthref .icon-container ul li a.aApple{background-color:#272727}.arthref .icon-container ul li a.aMySpace{background-color:#272727}.arthref .icon-container ul li a.aBlackBerry{background-color:#2c2c2c}.arthref .icon-container ul li a.aWikipedia{background-color:#303030}.arthref .icon-container ul li a.aEMail{background-color:#434343}.arthref .icon-container ul li a.aWordpress{background-color:#444}.arthref .icon-container ul li a.aDeviantArt{background-color:#40504c}.arthref .icon-container ul li a.aForrst{background-color:#254619}.arthref .icon-container ul li a.aTechnorati{background-color:#48aa26}.arthref .icon-container ul li a.aXBox{background-color:#61a500}.arthref .icon-container ul li a.aAndroid{background-color:#8acd16}.arthref .icon-container ul li a.aEvernote{background-color:#78ba4e}.arthref .icon-container ul li a.aZerply{background-color:#99bd67}.arthref .icon-container ul li a.aXing{background-color:#036567}.arthref .icon-container ul li a.aVimeo{background-color:#627486}.arthref .icon-container ul li a.aTumblr{background-color:#365471}.arthref .icon-container ul li a.aFacebook{background-color:#3b5998}.arthref .icon-container ul li a.aDigg{background-color:#1b5891}.arthref .icon-container ul li a.aDelicious{background-color:#3274d1}.arthref .icon-container ul li a.aFriendFeed{background-color:#5e94d6}.arthref .icon-container ul li a.aLinkedIn{background-color:#2086bc}.arthref .icon-container ul li a.aPaypal{background-color:#478fda}.arthref .icon-container ul li a.aBehance{background-color:#0d8af8}.arthref .icon-container ul li a.aFoursquare{background-color:#17a4d7}.arthref .icon-container ul li a.aWindows{background-color:#22aee7}.arthref .icon-container ul li a.aSkype{background-color:#00aff0}.arthref .icon-container ul li a.aTwitter{background-color:#00b6f3}.arthref .icon-container ul li a.aPosterous{background-color:#8ab4cd}.arthref .icon-container ul li a.aLastFm{background-color:#b70300}.arthref .icon-container ul li a.aQuora{background-color:#c21d11}.arthref .icon-container ul li a.aYouTube{background-color:#c8312b}.arthref .icon-container ul li a.aPinterest{background-color:#cb2027}.arthref .icon-container ul li a.aPath{background-color:#bf3119}.arthref .icon-container ul li a.aGooglePlus{background-color:#cf4231}.arthref .icon-container ul li a.aFlud{background-color:#ff503e}.arthref .icon-container ul li a.aStumbleUpon{background-color:#eb4924}.arthref .icon-container ul li a.aReddit{background-color:#ff500f}.arthref .icon-container ul li a.aRSS{background-color:#f72}.arthref .icon-container ul li a.aScoutzie{background-color:#f87242}.arthref .icon-container ul li a.aBlogger{background-color:#fc9c4a}.arthref .icon-container ul li a.aGrovershark{background-color:#fca204}.arthref .icon-container ul li a.aAIM{background-color:#ffba00}.arthref .icon-container ul li a.aYahoo{background-color:#640e6b}.arthref .icon-container ul li a.aFlickr{background-color:#ff0084}.arthref .icon-container ul li a.aDribbble,.arthref .icon-container ul li a.aDribble{background-color:#ff0084}.arthref .icon-container ul li a.aInstagram{background-color:#723f2d}.arthref .icon-container ul li a span{display:block;width:80px;height:80px;background:url('/assets/img/social-sprite.png') no-repeat}.arthref .icon-container ul li a{background-image:-webkit-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:-moz-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:-o-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:-ms-radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%);background-image:radial-gradient(center center,80px 80px,rgba(255,255,255,.15) 0,rgba(0,0,0,.15) 100%)}.arthref .icon-container ul li:hover a{background-image:-webkit-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:-moz-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:-o-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:-ms-radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%);background-image:radial-gradient(center center,80px 80px,rgba(255,255,255,.3) 0,rgba(0,0,0,.3) 100%)}.arthref .launchpad .icon-container ul{-webkit-transform-origin:center 20%;-webkit-transform:scale(0.8);-moz-transform-origin:center 20%;-moz-transform:scale(0.8);-o-transform-origin:center 20%;-o-transform:scale(0.8);-ms-transform-origin:center 20%;-ms-transform:scale(0.8);transform-origin:center 20%;transform:scale(0.8)}
.arthref .launchpad.active .icon-container ul{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.arthref .launchpadReverse .icon-container ul{-webkit-transform-origin:center 20%;-webkit-transform:scale(1.2);-moz-transform-origin:center 20%;-moz-transform:scale(1.2);-o-transform-origin:center 20%;-o-transform:scale(1.2);-ms-transform-origin:center 20%;-ms-transform:scale(1.2);transform-origin:center 20%;transform:scale(1.2)}.arthref .launchpadReverse.active .icon-container ul{-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.arthref .slideTop{top:-100%}.arthref .slideTop.active{top:0}.arthref .slideRight{left:100%}.arthref .slideRight.active{left:0}.arthref .slideBottom{top:100%}.arthref .slideBottom.active{top:0}.arthref .slideLeft{left:-100%}.arthref .slideLeft.active{left:0}.arthref .chain .icon-container ul li{opacity:0}.blurred{-webkit-transition:-webkit-filter 300ms ease-in-out;-moz-transition:-moz-filter 300ms ease-in-out;-o-transition:-o-filter 300ms ease-in-out;-ms-transition:-ms-filter 300ms ease-in-out;transition:filter 300ms ease-in-out;-webkit-filter:blur(15px)}

/* The gallery overlay */

#galleryOverlay{
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	opacity:0;
	z-index:100000;
	background-color:#222;
	background-color:rgba(0,0,0,0.8);
	overflow:hidden;
	display:none;
	
	-moz-transition:opacity 1s ease;
	-webkit-transition:opacity 1s ease;
	transition:opacity 1s ease;
}

/* This class will trigger the animation */

#galleryOverlay.visible{
	opacity:1;
}

#gallerySlider{
	height:100%;
	
	left:0;
	top:0;
	
	width:100%;
	white-space: nowrap;
	position:absolute;
	
	-moz-transition:left 0.4s ease;
	-webkit-transition:left 0.4s ease;
	transition:left 0.4s ease;
}

#gallerySlider .placeholder{
	background: url("/assets/img/preloader.gif") no-repeat center center;
	height: 100%;
	line-height: 1px;
	text-align: center;
	width:100%;
	display:inline-block;
}

/* The before element moves the
 * image halfway from the top */

#gallerySlider .placeholder:before{
	content: "";
	display: inline-block;
	height: 50%;
	width: 1px;
	margin-right:-1px;
}

#gallerySlider .placeholder img{
	display: inline-block;
	max-height: 100%;
	max-width: 100%;
	width: auto !important;
	vertical-align: middle;
}

#gallerySlider.rightSpring{
	-moz-animation: rightSpring 0.3s;
	-webkit-animation: rightSpring 0.3s;
}

#gallerySlider.leftSpring{
	-moz-animation: leftSpring 0.3s;
	-webkit-animation: leftSpring 0.3s;
}

/* Firefox Keyframe Animations */

@-moz-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-moz-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Safari and Chrome Keyframe Animations */

@-webkit-keyframes rightSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:-30px;}
	100%{	margin-left:0px;}
}

@-webkit-keyframes leftSpring{
	0%{		margin-left:0px;}
	50%{	margin-left:30px;}
	100%{	margin-left:0px;}
}

/* Arrows */

#prevArrow,#nextArrow{
	border:none;
	text-decoration:none;
	background:url('/assets/img/arrows.png') no-repeat;
	opacity:0.5;
	cursor:pointer;
	position:absolute;
	width:43px;
	height:58px;
	
	top:50%;
	margin-top:-29px;
	
	-moz-transition:opacity 0.2s ease;
	-webkit-transition:opacity 0.2s ease;
	transition:opacity 0.2s ease;
}

#prevArrow:hover, #nextArrow:hover{
	opacity:1;
}

#prevArrow{
	background-position:left top;
	left:40px;
}

#nextArrow{
	background-position:right top;
	right:40px;
}

/* 
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	/*-webkit-transform: translate3d(0px, 0px, 0px);*/
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
	
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing { 
    cursor:url(/assets/img/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  /*-webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);*/
}

/*
* 	Owl Carousel Owl Demo Theme 
*	v1.3.3
*/

.owl-theme .owl-controls{
	margin-top: 30px;
	text-align: center;
}

/* Styling Next and Prev buttons */


/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover{
	filter: Alpha(Opacity=100);/*IE7 fix*/
	opacity: 1;
	text-decoration: none;
}

/* Styling Pagination*/

.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 11px;
	height: 11px;
	margin: 2px 4px;
	opacity: 1;
	border:1px solid #fff;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
	background: #fff;
}

/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(/assets/img/AjaxLoader.gif) no-repeat center center
}


/* #####################################################################
   #
   #   Project       : Modal Login with jQuery Effects
   #   Author        : Rodrigo Amarante (rodrigockamarante)
   #   Version       : 1.0
   #   Created       : 07/28/2015
   #   Last Change   : 08/02/2015
   #
   ##################################################################### */
   
@import url(http://fonts.googleapis.com/css?family=Roboto);

* {
    font-family: 'Roboto', sans-serif;
}

#login-modal .modal-dialog {
    width: 350px;
}

#login-modal input[type=text], input[type=password] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg {
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success {
    border: 1px solid #65c14d;
    background-color: #64a928;
    color: white;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error {
    border: 1px solid #d0040a;
    background-color: #880a1b;
    color: #e6a1a1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 5px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

.form-control {
  border-radius: 0px;
}

@font-face {
	font-family: 'Linearicons';
	src: url('/assets/fonts/Linearicons.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
[class^="licon-"], [class*=" licon-"] {
	font-family: 'Linearicons';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Enable Ligatures ================ */
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.licon-home:before {
	content: "\e600";
}
.licon-home2:before {
	content: "\e601";
}
.licon-home3:before {
	content: "\e602";
}
.licon-home4:before {
	content: "\e603";
}
.licon-home5:before {
	content: "\e604";
}
.licon-home6:before {
	content: "\e605";
}
.licon-bathtub:before {
	content: "\e606";
}
.licon-toothbrush:before {
	content: "\e607";
}
.licon-bed:before {
	content: "\e608";
}
.licon-couch:before {
	content: "\e609";
}
.licon-chair:before {
	content: "\e60a";
}
.licon-city:before {
	content: "\e60b";
}
.licon-apartment:before {
	content: "\e60c";
}
.licon-pencil:before {
	content: "\e60d";
}
.licon-pencil2:before {
	content: "\e60e";
}
.licon-pen:before {
	content: "\e60f";
}
.licon-pencil3:before {
	content: "\e610";
}
.licon-eraser:before {
	content: "\e611";
}
.licon-pencil4:before {
	content: "\e612";
}
.licon-pencil5:before {
	content: "\e613";
}
.licon-feather:before {
	content: "\e614";
}
.licon-feather2:before {
	content: "\e615";
}
.licon-feather3:before {
	content: "\e616";
}
.licon-pen2:before {
	content: "\e617";
}
.licon-pen-add:before {
	content: "\e618";
}
.licon-pen-remove:before {
	content: "\e619";
}
.licon-vector:before {
	content: "\e61a";
}
.licon-pen3:before {
	content: "\e61b";
}
.licon-blog:before {
	content: "\e61c";
}
.licon-brush:before {
	content: "\e61d";
}
.licon-brush2:before {
	content: "\e61e";
}
.licon-spray:before {
	content: "\e61f";
}
.licon-paint-roller:before {
	content: "\e620";
}
.licon-stamp:before {
	content: "\e621";
}
.licon-tape:before {
	content: "\e622";
}
.licon-desk-tape:before {
	content: "\e623";
}
.licon-texture:before {
	content: "\e624";
}
.licon-eye-dropper:before {
	content: "\e625";
}
.licon-palette:before {
	content: "\e626";
}
.licon-color-sampler:before {
	content: "\e627";
}
.licon-bucket:before {
	content: "\e628";
}
.licon-gradient:before {
	content: "\e629";
}
.licon-gradient2:before {
	content: "\e62a";
}
.licon-magic-wand:before {
	content: "\e62b";
}
.licon-magnet:before {
	content: "\e62c";
}
.licon-pencil-ruler:before {
	content: "\e62d";
}
.licon-pencil-ruler2:before {
	content: "\e62e";
}
.licon-compass:before {
	content: "\e62f";
}
.licon-aim:before {
	content: "\e630";
}
.licon-gun:before {
	content: "\e631";
}
.licon-bottle:before {
	content: "\e632";
}
.licon-drop:before {
	content: "\e633";
}
.licon-drop-crossed:before {
	content: "\e634";
}
.licon-drop2:before {
	content: "\e635";
}
.licon-snow:before {
	content: "\e636";
}
.licon-snow2:before {
	content: "\e637";
}
.licon-fire:before {
	content: "\e638";
}
.licon-lighter:before {
	content: "\e639";
}
.licon-knife:before {
	content: "\e63a";
}
.licon-dagger:before {
	content: "\e63b";
}
.licon-tissue:before {
	content: "\e63c";
}
.licon-toilet-paper:before {
	content: "\e63d";
}
.licon-poop:before {
	content: "\e63e";
}
.licon-umbrella:before {
	content: "\e63f";
}
.licon-umbrella2:before {
	content: "\e640";
}
.licon-rain:before {
	content: "\e641";
}
.licon-tornado:before {
	content: "\e642";
}
.licon-wind:before {
	content: "\e643";
}
.licon-fan:before {
	content: "\e644";
}
.licon-contrast:before {
	content: "\e645";
}
.licon-sun-small:before {
	content: "\e646";
}
.licon-sun:before {
	content: "\e647";
}
.licon-sun2:before {
	content: "\e648";
}
.licon-moon:before {
	content: "\e649";
}
.licon-cloud:before {
	content: "\e64a";
}
.licon-cloud-upload:before {
	content: "\e64b";
}
.licon-cloud-download:before {
	content: "\e64c";
}
.licon-cloud-rain:before {
	content: "\e64d";
}
.licon-cloud-hailstones:before {
	content: "\e64e";
}
.licon-cloud-snow:before {
	content: "\e64f";
}
.licon-cloud-windy:before {
	content: "\e650";
}
.licon-sun-wind:before {
	content: "\e651";
}
.licon-cloud-fog:before {
	content: "\e652";
}
.licon-cloud-sun:before {
	content: "\e653";
}
.licon-cloud-lightning:before {
	content: "\e654";
}
.licon-cloud-sync:before {
	content: "\e655";
}
.licon-cloud-lock:before {
	content: "\e656";
}
.licon-cloud-gear:before {
	content: "\e657";
}
.licon-cloud-alert:before {
	content: "\e658";
}
.licon-cloud-check:before {
	content: "\e659";
}
.licon-cloud-cross:before {
	content: "\e65a";
}
.licon-cloud-crossed:before {
	content: "\e65b";
}
.licon-cloud-database:before {
	content: "\e65c";
}
.licon-database:before {
	content: "\e65d";
}
.licon-database-add:before {
	content: "\e65e";
}
.licon-database-remove:before {
	content: "\e65f";
}
.licon-database-lock:before {
	content: "\e660";
}
.licon-database-refresh:before {
	content: "\e661";
}
.licon-database-check:before {
	content: "\e662";
}
.licon-database-history:before {
	content: "\e663";
}
.licon-database-upload:before {
	content: "\e664";
}
.licon-database-download:before {
	content: "\e665";
}
.licon-server:before {
	content: "\e666";
}
.licon-shield:before {
	content: "\e667";
}
.licon-shield-check:before {
	content: "\e668";
}
.licon-shield-alert:before {
	content: "\e669";
}
.licon-shield-cross:before {
	content: "\e66a";
}
.licon-lock:before {
	content: "\e66b";
}
.licon-rotation-lock:before {
	content: "\e66c";
}
.licon-unlock:before {
	content: "\e66d";
}
.licon-key:before {
	content: "\e66e";
}
.licon-key-hole:before {
	content: "\e66f";
}
.licon-toggle-off:before {
	content: "\e670";
}
.licon-toggle-on:before {
	content: "\e671";
}
.licon-cog:before {
	content: "\e672";
}
.licon-cog2:before {
	content: "\e673";
}
.licon-wrench:before {
	content: "\e674";
}
.licon-screwdriver:before {
	content: "\e675";
}
.licon-hammer-wrench:before {
	content: "\e676";
}
.licon-hammer:before {
	content: "\e677";
}
.licon-saw:before {
	content: "\e678";
}
.licon-axe:before {
	content: "\e679";
}
.licon-axe2:before {
	content: "\e67a";
}
.licon-shovel:before {
	content: "\e67b";
}
.licon-pickaxe:before {
	content: "\e67c";
}
.licon-factory:before {
	content: "\e67d";
}
.licon-factory2:before {
	content: "\e67e";
}
.licon-recycle:before {
	content: "\e67f";
}
.licon-trash:before {
	content: "\e680";
}
.licon-trash2:before {
	content: "\e681";
}
.licon-trash3:before {
	content: "\e682";
}
.licon-broom:before {
	content: "\e683";
}
.licon-game:before {
	content: "\e684";
}
.licon-gamepad:before {
	content: "\e685";
}
.licon-joystick:before {
	content: "\e686";
}
.licon-dice:before {
	content: "\e687";
}
.licon-spades:before {
	content: "\e688";
}
.licon-diamonds:before {
	content: "\e689";
}
.licon-clubs:before {
	content: "\e68a";
}
.licon-hearts:before {
	content: "\e68b";
}
.licon-heart:before {
	content: "\e68c";
}
.licon-star:before {
	content: "\e68d";
}
.licon-star-half:before {
	content: "\e68e";
}
.licon-star-empty:before {
	content: "\e68f";
}
.licon-flag:before {
	content: "\e690";
}
.licon-flag2:before {
	content: "\e691";
}
.licon-flag3:before {
	content: "\e692";
}
.licon-mailbox-full:before {
	content: "\e693";
}
.licon-mailbox-empty:before {
	content: "\e694";
}
.licon-at-sign:before {
	content: "\e695";
}
.licon-envelope:before {
	content: "\e696";
}
.licon-envelope-open:before {
	content: "\e697";
}
.licon-paperclip:before {
	content: "\e698";
}
.licon-paper-plane:before {
	content: "\e699";
}
.licon-reply:before {
	content: "\e69a";
}
.licon-reply-all:before {
	content: "\e69b";
}
.licon-inbox:before {
	content: "\e69c";
}
.licon-inbox2:before {
	content: "\e69d";
}
.licon-outbox:before {
	content: "\e69e";
}
.licon-box:before {
	content: "\e69f";
}
.licon-archive:before {
	content: "\e6a0";
}
.licon-archive2:before {
	content: "\e6a1";
}
.licon-drawers:before {
	content: "\e6a2";
}
.licon-drawers2:before {
	content: "\e6a3";
}
.licon-drawers3:before {
	content: "\e6a4";
}
.licon-eye:before {
	content: "\e6a5";
}
.licon-eye-crossed:before {
	content: "\e6a6";
}
.licon-eye-plus:before {
	content: "\e6a7";
}
.licon-eye-minus:before {
	content: "\e6a8";
}
.licon-binoculars:before {
	content: "\e6a9";
}
.licon-binoculars2:before {
	content: "\e6aa";
}
.licon-hdd:before {
	content: "\e6ab";
}
.licon-hdd-down:before {
	content: "\e6ac";
}
.licon-hdd-up:before {
	content: "\e6ad";
}
.licon-floppy-disk:before {
	content: "\e6ae";
}
.licon-disc:before {
	content: "\e6af";
}
.licon-tape2:before {
	content: "\e6b0";
}
.licon-printer:before {
	content: "\e6b1";
}
.licon-shredder:before {
	content: "\e6b2";
}
.licon-file-empty:before {
	content: "\e6b3";
}
.licon-file-add:before {
	content: "\e6b4";
}
.licon-file-check:before {
	content: "\e6b5";
}
.licon-file-lock:before {
	content: "\e6b6";
}
.licon-files:before {
	content: "\e6b7";
}
.licon-copy:before {
	content: "\e6b8";
}
.licon-compare:before {
	content: "\e6b9";
}
.licon-folder:before {
	content: "\e6ba";
}
.licon-folder-search:before {
	content: "\e6bb";
}
.licon-folder-plus:before {
	content: "\e6bc";
}
.licon-folder-minus:before {
	content: "\e6bd";
}
.licon-folder-download:before {
	content: "\e6be";
}
.licon-folder-upload:before {
	content: "\e6bf";
}
.licon-folder-star:before {
	content: "\e6c0";
}
.licon-folder-heart:before {
	content: "\e6c1";
}
.licon-folder-user:before {
	content: "\e6c2";
}
.licon-folder-shared:before {
	content: "\e6c3";
}
.licon-folder-music:before {
	content: "\e6c4";
}
.licon-folder-picture:before {
	content: "\e6c5";
}
.licon-folder-film:before {
	content: "\e6c6";
}
.licon-scissors:before {
	content: "\e6c7";
}
.licon-paste:before {
	content: "\e6c8";
}
.licon-clipboard-empty:before {
	content: "\e6c9";
}
.licon-clipboard-pencil:before {
	content: "\e6ca";
}
.licon-clipboard-text:before {
	content: "\e6cb";
}
.licon-clipboard-check:before {
	content: "\e6cc";
}
.licon-clipboard-down:before {
	content: "\e6cd";
}
.licon-clipboard-left:before {
	content: "\e6ce";
}
.licon-clipboard-alert:before {
	content: "\e6cf";
}
.licon-clipboard-user:before {
	content: "\e6d0";
}
.licon-register:before {
	content: "\e6d1";
}
.licon-enter:before {
	content: "\e6d2";
}
.licon-exit:before {
	content: "\e6d3";
}
.licon-papers:before {
	content: "\e6d4";
}
.licon-news:before {
	content: "\e6d5";
}
.licon-reading:before {
	content: "\e6d6";
}
.licon-typewriter:before {
	content: "\e6d7";
}
.licon-document:before {
	content: "\e6d8";
}
.licon-document2:before {
	content: "\e6d9";
}
.licon-graduation-hat:before {
	content: "\e6da";
}
.licon-license:before {
	content: "\e6db";
}
.licon-license2:before {
	content: "\e6dc";
}
.licon-medal-empty:before {
	content: "\e6dd";
}
.licon-medal-first:before {
	content: "\e6de";
}
.licon-medal-second:before {
	content: "\e6df";
}
.licon-medal-third:before {
	content: "\e6e0";
}
.licon-podium:before {
	content: "\e6e1";
}
.licon-trophy:before {
	content: "\e6e2";
}
.licon-trophy2:before {
	content: "\e6e3";
}
.licon-music-note:before {
	content: "\e6e4";
}
.licon-music-note2:before {
	content: "\e6e5";
}
.licon-music-note3:before {
	content: "\e6e6";
}
.licon-playlist:before {
	content: "\e6e7";
}
.licon-playlist-add:before {
	content: "\e6e8";
}
.licon-guitar:before {
	content: "\e6e9";
}
.licon-trumpet:before {
	content: "\e6ea";
}
.licon-album:before {
	content: "\e6eb";
}
.licon-shuffle:before {
	content: "\e6ec";
}
.licon-repeat-one:before {
	content: "\e6ed";
}
.licon-repeat:before {
	content: "\e6ee";
}
.licon-headphones:before {
	content: "\e6ef";
}
.licon-headset:before {
	content: "\e6f0";
}
.licon-loudspeaker:before {
	content: "\e6f1";
}
.licon-equalizer:before {
	content: "\e6f2";
}
.licon-theater:before {
	content: "\e6f3";
}
.licon-3d-glasses:before {
	content: "\e6f4";
}
.licon-ticket:before {
	content: "\e6f5";
}
.licon-presentation:before {
	content: "\e6f6";
}
.licon-play:before {
	content: "\e6f7";
}
.licon-film-play:before {
	content: "\e6f8";
}
.licon-clapboard-play:before {
	content: "\e6f9";
}
.licon-media:before {
	content: "\e6fa";
}
.licon-film:before {
	content: "\e6fb";
}
.licon-film2:before {
	content: "\e6fc";
}
.licon-surveillance:before {
	content: "\e6fd";
}
.licon-surveillance2:before {
	content: "\e6fe";
}
.licon-camera:before {
	content: "\e6ff";
}
.licon-camera-crossed:before {
	content: "\e700";
}
.licon-camera-play:before {
	content: "\e701";
}
.licon-time-lapse:before {
	content: "\e702";
}
.licon-record:before {
	content: "\e703";
}
.licon-camera2:before {
	content: "\e704";
}
.licon-camera-flip:before {
	content: "\e705";
}
.licon-panorama:before {
	content: "\e706";
}
.licon-time-lapse2:before {
	content: "\e707";
}
.licon-shutter:before {
	content: "\e708";
}
.licon-shutter2:before {
	content: "\e709";
}
.licon-face-detection:before {
	content: "\e70a";
}
.licon-flare:before {
	content: "\e70b";
}
.licon-convex:before {
	content: "\e70c";
}
.licon-concave:before {
	content: "\e70d";
}
.licon-picture:before {
	content: "\e70e";
}
.licon-picture2:before {
	content: "\e70f";
}
.licon-picture3:before {
	content: "\e710";
}
.licon-pictures:before {
	content: "\e711";
}
.licon-book:before {
	content: "\e712";
}
.licon-audio-book:before {
	content: "\e713";
}
.licon-book2:before {
	content: "\e714";
}
.licon-bookmark:before {
	content: "\e715";
}
.licon-bookmark2:before {
	content: "\e716";
}
.licon-label:before {
	content: "\e717";
}
.licon-library:before {
	content: "\e718";
}
.licon-library2:before {
	content: "\e719";
}
.licon-contacts:before {
	content: "\e71a";
}
.licon-profile:before {
	content: "\e71b";
}
.licon-portrait:before {
	content: "\e71c";
}
.licon-portrait2:before {
	content: "\e71d";
}
.licon-user:before {
	content: "\e71e";
}
.licon-user-plus:before {
	content: "\e71f";
}
.licon-user-minus:before {
	content: "\e720";
}
.licon-user-lock:before {
	content: "\e721";
}
.licon-users:before {
	content: "\e722";
}
.licon-users2:before {
	content: "\e723";
}
.licon-users-plus:before {
	content: "\e724";
}
.licon-users-minus:before {
	content: "\e725";
}
.licon-group-work:before {
	content: "\e726";
}
.licon-woman:before {
	content: "\e727";
}
.licon-man:before {
	content: "\e728";
}
.licon-baby:before {
	content: "\e729";
}
.licon-baby2:before {
	content: "\e72a";
}
.licon-baby3:before {
	content: "\e72b";
}
.licon-baby-bottle:before {
	content: "\e72c";
}
.licon-walk:before {
	content: "\e72d";
}
.licon-hand-waving:before {
	content: "\e72e";
}
.licon-jump:before {
	content: "\e72f";
}
.licon-run:before {
	content: "\e730";
}
.licon-woman2:before {
	content: "\e731";
}
.licon-man2:before {
	content: "\e732";
}
.licon-man-woman:before {
	content: "\e733";
}
.licon-height:before {
	content: "\e734";
}
.licon-weight:before {
	content: "\e735";
}
.licon-scale:before {
	content: "\e736";
}
.licon-button:before {
	content: "\e737";
}
.licon-bow-tie:before {
	content: "\e738";
}
.licon-tie:before {
	content: "\e739";
}
.licon-socks:before {
	content: "\e73a";
}
.licon-shoe:before {
	content: "\e73b";
}
.licon-shoes:before {
	content: "\e73c";
}
.licon-hat:before {
	content: "\e73d";
}
.licon-pants:before {
	content: "\e73e";
}
.licon-shorts:before {
	content: "\e73f";
}
.licon-flip-flops:before {
	content: "\e740";
}
.licon-shirt:before {
	content: "\e741";
}
.licon-hanger:before {
	content: "\e742";
}
.licon-laundry:before {
	content: "\e743";
}
.licon-store:before {
	content: "\e744";
}
.licon-haircut:before {
	content: "\e745";
}
.licon-store-24:before {
	content: "\e746";
}
.licon-barcode:before {
	content: "\e747";
}
.licon-barcode2:before {
	content: "\e748";
}
.licon-barcode3:before {
	content: "\e749";
}
.licon-cashier:before {
	content: "\e74a";
}
.licon-bag:before {
	content: "\e74b";
}
.licon-bag2:before {
	content: "\e74c";
}
.licon-cart:before {
	content: "\e74d";
}
.licon-cart-empty:before {
	content: "\e74e";
}
.licon-cart-full:before {
	content: "\e74f";
}
.licon-cart-plus:before {
	content: "\e750";
}
.licon-cart-plus2:before {
	content: "\e751";
}
.licon-cart-add:before {
	content: "\e752";
}
.licon-cart-remove:before {
	content: "\e753";
}
.licon-cart-exchange:before {
	content: "\e754";
}
.licon-tag:before {
	content: "\e755";
}
.licon-tags:before {
	content: "\e756";
}
.licon-receipt:before {
	content: "\e757";
}
.licon-wallet:before {
	content: "\e758";
}
.licon-credit-card:before {
	content: "\e759";
}
.licon-cash-dollar:before {
	content: "\e75a";
}
.licon-cash-euro:before {
	content: "\e75b";
}
.licon-cash-pound:before {
	content: "\e75c";
}
.licon-cash-yen:before {
	content: "\e75d";
}
.licon-bag-dollar:before {
	content: "\e75e";
}
.licon-bag-euro:before {
	content: "\e75f";
}
.licon-bag-pound:before {
	content: "\e760";
}
.licon-bag-yen:before {
	content: "\e761";
}
.licon-coin-dollar:before {
	content: "\e762";
}
.licon-coin-euro:before {
	content: "\e763";
}
.licon-coin-pound:before {
	content: "\e764";
}
.licon-coin-yen:before {
	content: "\e765";
}
.licon-calculator:before {
	content: "\e766";
}
.licon-calculator2:before {
	content: "\e767";
}
.licon-abacus:before {
	content: "\e768";
}
.licon-vault:before {
	content: "\e769";
}
.licon-telephone:before {
	content: "\e76a";
}
.licon-phone-lock:before {
	content: "\e76b";
}
.licon-phone-wave:before {
	content: "\e76c";
}
.licon-phone-pause:before {
	content: "\e76d";
}
.licon-phone-outgoing:before {
	content: "\e76e";
}
.licon-phone-incoming:before {
	content: "\e76f";
}
.licon-phone-in-out:before {
	content: "\e770";
}
.licon-phone-error:before {
	content: "\e771";
}
.licon-phone-sip:before {
	content: "\e772";
}
.licon-phone-plus:before {
	content: "\e773";
}
.licon-phone-minus:before {
	content: "\e774";
}
.licon-voicemail:before {
	content: "\e775";
}
.licon-dial:before {
	content: "\e776";
}
.licon-telephone2:before {
	content: "\e777";
}
.licon-pushpin:before {
	content: "\e778";
}
.licon-pushpin2:before {
	content: "\e779";
}
.licon-map-marker:before {
	content: "\e77a";
}
.licon-map-marker-user:before {
	content: "\e77b";
}
.licon-map-marker-down:before {
	content: "\e77c";
}
.licon-map-marker-check:before {
	content: "\e77d";
}
.licon-map-marker-crossed:before {
	content: "\e77e";
}
.licon-radar:before {
	content: "\e77f";
}
.licon-compass2:before {
	content: "\e780";
}
.licon-map:before {
	content: "\e781";
}
.licon-map2:before {
	content: "\e782";
}
.licon-location:before {
	content: "\e783";
}
.licon-road-sign:before {
	content: "\e784";
}
.licon-calendar-empty:before {
	content: "\e785";
}
.licon-calendar-check:before {
	content: "\e786";
}
.licon-calendar-cross:before {
	content: "\e787";
}
.licon-calendar-31:before {
	content: "\e788";
}
.licon-calendar-full:before {
	content: "\e789";
}
.licon-calendar-insert:before {
	content: "\e78a";
}
.licon-calendar-text:before {
	content: "\e78b";
}
.licon-calendar-user:before {
	content: "\e78c";
}
.licon-mouse:before {
	content: "\e78d";
}
.licon-mouse-left:before {
	content: "\e78e";
}
.licon-mouse-right:before {
	content: "\e78f";
}
.licon-mouse-both:before {
	content: "\e790";
}
.licon-keyboard:before {
	content: "\e791";
}
.licon-keyboard-up:before {
	content: "\e792";
}
.licon-keyboard-down:before {
	content: "\e793";
}
.licon-delete:before {
	content: "\e794";
}
.licon-spell-check:before {
	content: "\e795";
}
.licon-escape:before {
	content: "\e796";
}
.licon-enter2:before {
	content: "\e797";
}
.licon-screen:before {
	content: "\e798";
}
.licon-aspect-ratio:before {
	content: "\e799";
}
.licon-signal:before {
	content: "\e79a";
}
.licon-signal-lock:before {
	content: "\e79b";
}
.licon-signal-80:before {
	content: "\e79c";
}
.licon-signal-60:before {
	content: "\e79d";
}
.licon-signal-40:before {
	content: "\e79e";
}
.licon-signal-20:before {
	content: "\e79f";
}
.licon-signal-0:before {
	content: "\e7a0";
}
.licon-signal-blocked:before {
	content: "\e7a1";
}
.licon-sim:before {
	content: "\e7a2";
}
.licon-flash-memory:before {
	content: "\e7a3";
}
.licon-usb-drive:before {
	content: "\e7a4";
}
.licon-phone:before {
	content: "\e7a5";
}
.licon-smartphone:before {
	content: "\e7a6";
}
.licon-smartphone-notification:before {
	content: "\e7a7";
}
.licon-smartphone-vibration:before {
	content: "\e7a8";
}
.licon-smartphone-embed:before {
	content: "\e7a9";
}
.licon-smartphone-waves:before {
	content: "\e7aa";
}
.licon-tablet:before {
	content: "\e7ab";
}
.licon-tablet2:before {
	content: "\e7ac";
}
.licon-laptop:before {
	content: "\e7ad";
}
.licon-laptop-phone:before {
	content: "\e7ae";
}
.licon-desktop:before {
	content: "\e7af";
}
.licon-launch:before {
	content: "\e7b0";
}
.licon-new-tab:before {
	content: "\e7b1";
}
.licon-window:before {
	content: "\e7b2";
}
.licon-cable:before {
	content: "\e7b3";
}
.licon-cable2:before {
	content: "\e7b4";
}
.licon-tv:before {
	content: "\e7b5";
}
.licon-radio:before {
	content: "\e7b6";
}
.licon-remote-control:before {
	content: "\e7b7";
}
.licon-power-switch:before {
	content: "\e7b8";
}
.licon-power:before {
	content: "\e7b9";
}
.licon-power-crossed:before {
	content: "\e7ba";
}
.licon-flash-auto:before {
	content: "\e7bb";
}
.licon-lamp:before {
	content: "\e7bc";
}
.licon-flashlight:before {
	content: "\e7bd";
}
.licon-lampshade:before {
	content: "\e7be";
}
.licon-cord:before {
	content: "\e7bf";
}
.licon-outlet:before {
	content: "\e7c0";
}
.licon-battery-power:before {
	content: "\e7c1";
}
.licon-battery-empty:before {
	content: "\e7c2";
}
.licon-battery-alert:before {
	content: "\e7c3";
}
.licon-battery-error:before {
	content: "\e7c4";
}
.licon-battery-low1:before {
	content: "\e7c5";
}
.licon-battery-low2:before {
	content: "\e7c6";
}
.licon-battery-low3:before {
	content: "\e7c7";
}
.licon-battery-mid1:before {
	content: "\e7c8";
}
.licon-battery-mid2:before {
	content: "\e7c9";
}
.licon-battery-mid3:before {
	content: "\e7ca";
}
.licon-battery-full:before {
	content: "\e7cb";
}
.licon-battery-charging:before {
	content: "\e7cc";
}
.licon-battery-charging2:before {
	content: "\e7cd";
}
.licon-battery-charging3:before {
	content: "\e7ce";
}
.licon-battery-charging4:before {
	content: "\e7cf";
}
.licon-battery-charging5:before {
	content: "\e7d0";
}
.licon-battery-charging6:before {
	content: "\e7d1";
}
.licon-battery-charging7:before {
	content: "\e7d2";
}
.licon-chip:before {
	content: "\e7d3";
}
.licon-chip-x64:before {
	content: "\e7d4";
}
.licon-chip-x86:before {
	content: "\e7d5";
}
.licon-bubble:before {
	content: "\e7d6";
}
.licon-bubbles:before {
	content: "\e7d7";
}
.licon-bubble-dots:before {
	content: "\e7d8";
}
.licon-bubble-alert:before {
	content: "\e7d9";
}
.licon-bubble-question:before {
	content: "\e7da";
}
.licon-bubble-text:before {
	content: "\e7db";
}
.licon-bubble-pencil:before {
	content: "\e7dc";
}
.licon-bubble-picture:before {
	content: "\e7dd";
}
.licon-bubble-video:before {
	content: "\e7de";
}
.licon-bubble-user:before {
	content: "\e7df";
}
.licon-bubble-quote:before {
	content: "\e7e0";
}
.licon-bubble-heart:before {
	content: "\e7e1";
}
.licon-bubble-emoticon:before {
	content: "\e7e2";
}
.licon-bubble-attachment:before {
	content: "\e7e3";
}
.licon-phone-bubble:before {
	content: "\e7e4";
}
.licon-quote-open:before {
	content: "\e7e5";
}
.licon-quote-close:before {
	content: "\e7e6";
}
.licon-dna:before {
	content: "\e7e7";
}
.licon-heart-pulse:before {
	content: "\e7e8";
}
.licon-pulse:before {
	content: "\e7e9";
}
.licon-syringe:before {
	content: "\e7ea";
}
.licon-pills:before {
	content: "\e7eb";
}
.licon-first-aid:before {
	content: "\e7ec";
}
.licon-lifebuoy:before {
	content: "\e7ed";
}
.licon-bandage:before {
	content: "\e7ee";
}
.licon-bandages:before {
	content: "\e7ef";
}
.licon-thermometer:before {
	content: "\e7f0";
}
.licon-microscope:before {
	content: "\e7f1";
}
.licon-brain:before {
	content: "\e7f2";
}
.licon-beaker:before {
	content: "\e7f3";
}
.licon-skull:before {
	content: "\e7f4";
}
.licon-bone:before {
	content: "\e7f5";
}
.licon-construction:before {
	content: "\e7f6";
}
.licon-construction-cone:before {
	content: "\e7f7";
}
.licon-pie-chart:before {
	content: "\e7f8";
}
.licon-pie-chart2:before {
	content: "\e7f9";
}
.licon-graph:before {
	content: "\e7fa";
}
.licon-chart-growth:before {
	content: "\e7fb";
}
.licon-chart-bars:before {
	content: "\e7fc";
}
.licon-chart-settings:before {
	content: "\e7fd";
}
.licon-cake:before {
	content: "\e7fe";
}
.licon-gift:before {
	content: "\e7ff";
}
.licon-balloon:before {
	content: "\e800";
}
.licon-rank:before {
	content: "\e801";
}
.licon-rank2:before {
	content: "\e802";
}
.licon-rank3:before {
	content: "\e803";
}
.licon-crown:before {
	content: "\e804";
}
.licon-lotus:before {
	content: "\e805";
}
.licon-diamond:before {
	content: "\e806";
}
.licon-diamond2:before {
	content: "\e807";
}
.licon-diamond3:before {
	content: "\e808";
}
.licon-diamond4:before {
	content: "\e809";
}
.licon-linearicons:before {
	content: "\e80a";
}
.licon-teacup:before {
	content: "\e80b";
}
.licon-teapot:before {
	content: "\e80c";
}
.licon-glass:before {
	content: "\e80d";
}
.licon-bottle2:before {
	content: "\e80e";
}
.licon-glass-cocktail:before {
	content: "\e80f";
}
.licon-glass2:before {
	content: "\e810";
}
.licon-dinner:before {
	content: "\e811";
}
.licon-dinner2:before {
	content: "\e812";
}
.licon-chef:before {
	content: "\e813";
}
.licon-scale2:before {
	content: "\e814";
}
.licon-egg:before {
	content: "\e815";
}
.licon-egg2:before {
	content: "\e816";
}
.licon-eggs:before {
	content: "\e817";
}
.licon-platter:before {
	content: "\e818";
}
.licon-steak:before {
	content: "\e819";
}
.licon-hamburger:before {
	content: "\e81a";
}
.licon-hotdog:before {
	content: "\e81b";
}
.licon-pizza:before {
	content: "\e81c";
}
.licon-sausage:before {
	content: "\e81d";
}
.licon-chicken:before {
	content: "\e81e";
}
.licon-fish:before {
	content: "\e81f";
}
.licon-carrot:before {
	content: "\e820";
}
.licon-cheese:before {
	content: "\e821";
}
.licon-bread:before {
	content: "\e822";
}
.licon-ice-cream:before {
	content: "\e823";
}
.licon-ice-cream2:before {
	content: "\e824";
}
.licon-candy:before {
	content: "\e825";
}
.licon-lollipop:before {
	content: "\e826";
}
.licon-coffee-bean:before {
	content: "\e827";
}
.licon-coffee-cup:before {
	content: "\e828";
}
.licon-cherry:before {
	content: "\e829";
}
.licon-grapes:before {
	content: "\e82a";
}
.licon-citrus:before {
	content: "\e82b";
}
.licon-apple:before {
	content: "\e82c";
}
.licon-leaf:before {
	content: "\e82d";
}
.licon-landscape:before {
	content: "\e82e";
}
.licon-pine-tree:before {
	content: "\e82f";
}
.licon-tree:before {
	content: "\e830";
}
.licon-cactus:before {
	content: "\e831";
}
.licon-paw:before {
	content: "\e832";
}
.licon-footprint:before {
	content: "\e833";
}
.licon-speed-slow:before {
	content: "\e834";
}
.licon-speed-medium:before {
	content: "\e835";
}
.licon-speed-fast:before {
	content: "\e836";
}
.licon-rocket:before {
	content: "\e837";
}
.licon-hammer2:before {
	content: "\e838";
}
.licon-balance:before {
	content: "\e839";
}
.licon-briefcase:before {
	content: "\e83a";
}
.licon-luggage-weight:before {
	content: "\e83b";
}
.licon-dolly:before {
	content: "\e83c";
}
.licon-plane:before {
	content: "\e83d";
}
.licon-plane-crossed:before {
	content: "\e83e";
}
.licon-helicopter:before {
	content: "\e83f";
}
.licon-traffic-lights:before {
	content: "\e840";
}
.licon-siren:before {
	content: "\e841";
}
.licon-road:before {
	content: "\e842";
}
.licon-engine:before {
	content: "\e843";
}
.licon-oil-pressure:before {
	content: "\e844";
}
.licon-coolant-temperature:before {
	content: "\e845";
}
.licon-car-battery:before {
	content: "\e846";
}
.licon-gas:before {
	content: "\e847";
}
.licon-gallon:before {
	content: "\e848";
}
.licon-transmission:before {
	content: "\e849";
}
.licon-car:before {
	content: "\e84a";
}
.licon-car-wash:before {
	content: "\e84b";
}
.licon-car-wash2:before {
	content: "\e84c";
}
.licon-bus:before {
	content: "\e84d";
}
.licon-bus2:before {
	content: "\e84e";
}
.licon-car2:before {
	content: "\e84f";
}
.licon-parking:before {
	content: "\e850";
}
.licon-car-lock:before {
	content: "\e851";
}
.licon-taxi:before {
	content: "\e852";
}
.licon-car-siren:before {
	content: "\e853";
}
.licon-car-wash3:before {
	content: "\e854";
}
.licon-car-wash4:before {
	content: "\e855";
}
.licon-ambulance:before {
	content: "\e856";
}
.licon-truck:before {
	content: "\e857";
}
.licon-trailer:before {
	content: "\e858";
}
.licon-scale-truck:before {
	content: "\e859";
}
.licon-train:before {
	content: "\e85a";
}
.licon-ship:before {
	content: "\e85b";
}
.licon-ship2:before {
	content: "\e85c";
}
.licon-anchor:before {
	content: "\e85d";
}
.licon-boat:before {
	content: "\e85e";
}
.licon-bicycle:before {
	content: "\e85f";
}
.licon-bicycle2:before {
	content: "\e860";
}
.licon-dumbbell:before {
	content: "\e861";
}
.licon-bench-press:before {
	content: "\e862";
}
.licon-swim:before {
	content: "\e863";
}
.licon-football:before {
	content: "\e864";
}
.licon-baseball-bat:before {
	content: "\e865";
}
.licon-baseball:before {
	content: "\e866";
}
.licon-tennis:before {
	content: "\e867";
}
.licon-tennis2:before {
	content: "\e868";
}
.licon-ping-pong:before {
	content: "\e869";
}
.licon-hockey:before {
	content: "\e86a";
}
.licon-8ball:before {
	content: "\e86b";
}
.licon-bowling:before {
	content: "\e86c";
}
.licon-bowling-pins:before {
	content: "\e86d";
}
.licon-golf:before {
	content: "\e86e";
}
.licon-golf2:before {
	content: "\e86f";
}
.licon-archery:before {
	content: "\e870";
}
.licon-slingshot:before {
	content: "\e871";
}
.licon-soccer:before {
	content: "\e872";
}
.licon-basketball:before {
	content: "\e873";
}
.licon-cube:before {
	content: "\e874";
}
.licon-3d-rotate:before {
	content: "\e875";
}
.licon-puzzle:before {
	content: "\e876";
}
.licon-glasses:before {
	content: "\e877";
}
.licon-glasses2:before {
	content: "\e878";
}
.licon-accessibility:before {
	content: "\e879";
}
.licon-wheelchair:before {
	content: "\e87a";
}
.licon-wall:before {
	content: "\e87b";
}
.licon-fence:before {
	content: "\e87c";
}
.licon-wall2:before {
	content: "\e87d";
}
.licon-icons:before {
	content: "\e87e";
}
.licon-resize-handle:before {
	content: "\e87f";
}
.licon-icons2:before {
	content: "\e880";
}
.licon-select:before {
	content: "\e881";
}
.licon-select2:before {
	content: "\e882";
}
.licon-site-map:before {
	content: "\e883";
}
.licon-earth:before {
	content: "\e884";
}
.licon-earth-lock:before {
	content: "\e885";
}
.licon-network:before {
	content: "\e886";
}
.licon-network-lock:before {
	content: "\e887";
}
.licon-planet:before {
	content: "\e888";
}
.licon-happy:before {
	content: "\e889";
}
.licon-smile:before {
	content: "\e88a";
}
.licon-grin:before {
	content: "\e88b";
}
.licon-tongue:before {
	content: "\e88c";
}
.licon-sad:before {
	content: "\e88d";
}
.licon-wink:before {
	content: "\e88e";
}
.licon-dream:before {
	content: "\e88f";
}
.licon-shocked:before {
	content: "\e890";
}
.licon-shocked2:before {
	content: "\e891";
}
.licon-tongue2:before {
	content: "\e892";
}
.licon-neutral:before {
	content: "\e893";
}
.licon-happy-grin:before {
	content: "\e894";
}
.licon-cool:before {
	content: "\e895";
}
.licon-mad:before {
	content: "\e896";
}
.licon-grin-evil:before {
	content: "\e897";
}
.licon-evil:before {
	content: "\e898";
}
.licon-wow:before {
	content: "\e899";
}
.licon-annoyed:before {
	content: "\e89a";
}
.licon-wondering:before {
	content: "\e89b";
}
.licon-confused:before {
	content: "\e89c";
}
.licon-zipped:before {
	content: "\e89d";
}
.licon-grumpy:before {
	content: "\e89e";
}
.licon-mustache:before {
	content: "\e89f";
}
.licon-tombstone-hipster:before {
	content: "\e8a0";
}
.licon-tombstone:before {
	content: "\e8a1";
}
.licon-ghost:before {
	content: "\e8a2";
}
.licon-ghost-hipster:before {
	content: "\e8a3";
}
.licon-halloween:before {
	content: "\e8a4";
}
.licon-christmas:before {
	content: "\e8a5";
}
.licon-easter-egg:before {
	content: "\e8a6";
}
.licon-mustache2:before {
	content: "\e8a7";
}
.licon-mustache-glasses:before {
	content: "\e8a8";
}
.licon-pipe:before {
	content: "\e8a9";
}
.licon-alarm:before {
	content: "\e8aa";
}
.licon-alarm-add:before {
	content: "\e8ab";
}
.licon-alarm-snooze:before {
	content: "\e8ac";
}
.licon-alarm-ringing:before {
	content: "\e8ad";
}
.licon-bullhorn:before {
	content: "\e8ae";
}
.licon-hearing:before {
	content: "\e8af";
}
.licon-volume-high:before {
	content: "\e8b0";
}
.licon-volume-medium:before {
	content: "\e8b1";
}
.licon-volume-low:before {
	content: "\e8b2";
}
.licon-volume:before {
	content: "\e8b3";
}
.licon-mute:before {
	content: "\e8b4";
}
.licon-lan:before {
	content: "\e8b5";
}
.licon-lan2:before {
	content: "\e8b6";
}
.licon-wifi:before {
	content: "\e8b7";
}
.licon-wifi-lock:before {
	content: "\e8b8";
}
.licon-wifi-blocked:before {
	content: "\e8b9";
}
.licon-wifi-mid:before {
	content: "\e8ba";
}
.licon-wifi-low:before {
	content: "\e8bb";
}
.licon-wifi-low2:before {
	content: "\e8bc";
}
.licon-wifi-alert:before {
	content: "\e8bd";
}
.licon-wifi-alert-mid:before {
	content: "\e8be";
}
.licon-wifi-alert-low:before {
	content: "\e8bf";
}
.licon-wifi-alert-low2:before {
	content: "\e8c0";
}
.licon-stream:before {
	content: "\e8c1";
}
.licon-stream-check:before {
	content: "\e8c2";
}
.licon-stream-error:before {
	content: "\e8c3";
}
.licon-stream-alert:before {
	content: "\e8c4";
}
.licon-communication:before {
	content: "\e8c5";
}
.licon-communication-crossed:before {
	content: "\e8c6";
}
.licon-broadcast:before {
	content: "\e8c7";
}
.licon-antenna:before {
	content: "\e8c8";
}
.licon-satellite:before {
	content: "\e8c9";
}
.licon-satellite2:before {
	content: "\e8ca";
}
.licon-mic:before {
	content: "\e8cb";
}
.licon-mic-mute:before {
	content: "\e8cc";
}
.licon-mic2:before {
	content: "\e8cd";
}
.licon-spotlights:before {
	content: "\e8ce";
}
.licon-hourglass:before {
	content: "\e8cf";
}
.licon-loading:before {
	content: "\e8d0";
}
.licon-loading2:before {
	content: "\e8d1";
}
.licon-loading3:before {
	content: "\e8d2";
}
.licon-refresh:before {
	content: "\e8d3";
}
.licon-refresh2:before {
	content: "\e8d4";
}
.licon-undo:before {
	content: "\e8d5";
}
.licon-redo:before {
	content: "\e8d6";
}
.licon-jump2:before {
	content: "\e8d7";
}
.licon-undo2:before {
	content: "\e8d8";
}
.licon-redo2:before {
	content: "\e8d9";
}
.licon-sync:before {
	content: "\e8da";
}
.licon-repeat-one2:before {
	content: "\e8db";
}
.licon-sync-crossed:before {
	content: "\e8dc";
}
.licon-sync2:before {
	content: "\e8dd";
}
.licon-repeat-one3:before {
	content: "\e8de";
}
.licon-sync-crossed2:before {
	content: "\e8df";
}
.licon-return:before {
	content: "\e8e0";
}
.licon-return2:before {
	content: "\e8e1";
}
.licon-refund:before {
	content: "\e8e2";
}
.licon-history:before {
	content: "\e8e3";
}
.licon-history2:before {
	content: "\e8e4";
}
.licon-self-timer:before {
	content: "\e8e5";
}
.licon-clock:before {
	content: "\e8e6";
}
.licon-clock2:before {
	content: "\e8e7";
}
.licon-clock3:before {
	content: "\e8e8";
}
.licon-watch:before {
	content: "\e8e9";
}
.licon-alarm2:before {
	content: "\e8ea";
}
.licon-alarm-add2:before {
	content: "\e8eb";
}
.licon-alarm-remove:before {
	content: "\e8ec";
}
.licon-alarm-check:before {
	content: "\e8ed";
}
.licon-alarm-error:before {
	content: "\e8ee";
}
.licon-timer:before {
	content: "\e8ef";
}
.licon-timer-crossed:before {
	content: "\e8f0";
}
.licon-timer2:before {
	content: "\e8f1";
}
.licon-timer-crossed2:before {
	content: "\e8f2";
}
.licon-download:before {
	content: "\e8f3";
}
.licon-upload:before {
	content: "\e8f4";
}
.licon-download2:before {
	content: "\e8f5";
}
.licon-upload2:before {
	content: "\e8f6";
}
.licon-enter-up:before {
	content: "\e8f7";
}
.licon-enter-down:before {
	content: "\e8f8";
}
.licon-enter-left:before {
	content: "\e8f9";
}
.licon-enter-right:before {
	content: "\e8fa";
}
.licon-exit-up:before {
	content: "\e8fb";
}
.licon-exit-down:before {
	content: "\e8fc";
}
.licon-exit-left:before {
	content: "\e8fd";
}
.licon-exit-right:before {
	content: "\e8fe";
}
.licon-enter-up2:before {
	content: "\e8ff";
}
.licon-enter-down2:before {
	content: "\e900";
}
.licon-enter-vertical:before {
	content: "\e901";
}
.licon-enter-left2:before {
	content: "\e902";
}
.licon-enter-right2:before {
	content: "\e903";
}
.licon-enter-horizontal:before {
	content: "\e904";
}
.licon-exit-up2:before {
	content: "\e905";
}
.licon-exit-down2:before {
	content: "\e906";
}
.licon-exit-left2:before {
	content: "\e907";
}
.licon-exit-right2:before {
	content: "\e908";
}
.licon-cli:before {
	content: "\e909";
}
.licon-bug:before {
	content: "\e90a";
}
.licon-code:before {
	content: "\e90b";
}
.licon-file-code:before {
	content: "\e90c";
}
.licon-file-image:before {
	content: "\e90d";
}
.licon-file-zip:before {
	content: "\e90e";
}
.licon-file-audio:before {
	content: "\e90f";
}
.licon-file-video:before {
	content: "\e910";
}
.licon-file-preview:before {
	content: "\e911";
}
.licon-file-charts:before {
	content: "\e912";
}
.licon-file-stats:before {
	content: "\e913";
}
.licon-file-spreadsheet:before {
	content: "\e914";
}
.licon-link:before {
	content: "\e915";
}
.licon-unlink:before {
	content: "\e916";
}
.licon-link2:before {
	content: "\e917";
}
.licon-unlink2:before {
	content: "\e918";
}
.licon-thumbs-up:before {
	content: "\e919";
}
.licon-thumbs-down:before {
	content: "\e91a";
}
.licon-thumbs-up2:before {
	content: "\e91b";
}
.licon-thumbs-down2:before {
	content: "\e91c";
}
.licon-thumbs-up3:before {
	content: "\e91d";
}
.licon-thumbs-down3:before {
	content: "\e91e";
}
.licon-share:before {
	content: "\e91f";
}
.licon-share2:before {
	content: "\e920";
}
.licon-share3:before {
	content: "\e921";
}
.licon-magnifier:before {
	content: "\e922";
}
.licon-file-search:before {
	content: "\e923";
}
.licon-find-replace:before {
	content: "\e924";
}
.licon-zoom-in:before {
	content: "\e925";
}
.licon-zoom-out:before {
	content: "\e926";
}
.licon-loupe:before {
	content: "\e927";
}
.licon-loupe-zoom-in:before {
	content: "\e928";
}
.licon-loupe-zoom-out:before {
	content: "\e929";
}
.licon-cross:before {
	content: "\e92a";
}
.licon-menu:before {
	content: "\e92b";
}
.licon-list:before {
	content: "\e92c";
}
.licon-list2:before {
	content: "\e92d";
}
.licon-list3:before {
	content: "\e92e";
}
.licon-menu2:before {
	content: "\e92f";
}
.licon-list4:before {
	content: "\e930";
}
.licon-menu3:before {
	content: "\e931";
}
.licon-exclamation:before {
	content: "\e932";
}
.licon-question:before {
	content: "\e933";
}
.licon-check:before {
	content: "\e934";
}
.licon-cross2:before {
	content: "\e935";
}
.licon-plus:before {
	content: "\e936";
}
.licon-minus:before {
	content: "\e937";
}
.licon-percent:before {
	content: "\e938";
}
.licon-chevron-up:before {
	content: "\e939";
}
.licon-chevron-down:before {
	content: "\e93a";
}
.licon-chevron-left:before {
	content: "\e93b";
}
.licon-chevron-right:before {
	content: "\e93c";
}
.licon-chevrons-expand-vertical:before {
	content: "\e93d";
}
.licon-chevrons-expand-horizontal:before {
	content: "\e93e";
}
.licon-chevrons-contract-vertical:before {
	content: "\e93f";
}
.licon-chevrons-contract-horizontal:before {
	content: "\e940";
}
.licon-arrow-up:before {
	content: "\e941";
}
.licon-arrow-down:before {
	content: "\e942";
}
.licon-arrow-left:before {
	content: "\e943";
}
.licon-arrow-right:before {
	content: "\e944";
}
.licon-arrow-up-right:before {
	content: "\e945";
}
.licon-arrows-merge:before {
	content: "\e946";
}
.licon-arrows-split:before {
	content: "\e947";
}
.licon-arrow-divert:before {
	content: "\e948";
}
.licon-arrow-return:before {
	content: "\e949";
}
.licon-expand:before {
	content: "\e94a";
}
.licon-contract:before {
	content: "\e94b";
}
.licon-expand2:before {
	content: "\e94c";
}
.licon-contract2:before {
	content: "\e94d";
}
.licon-move:before {
	content: "\e94e";
}
.licon-tab:before {
	content: "\e94f";
}
.licon-arrow-wave:before {
	content: "\e950";
}
.licon-expand3:before {
	content: "\e951";
}
.licon-expand4:before {
	content: "\e952";
}
.licon-contract3:before {
	content: "\e953";
}
.licon-notification:before {
	content: "\e954";
}
.licon-warning:before {
	content: "\e955";
}
.licon-notification-circle:before {
	content: "\e956";
}
.licon-question-circle:before {
	content: "\e957";
}
.licon-menu-circle:before {
	content: "\e958";
}
.licon-checkmark-circle:before {
	content: "\e959";
}
.licon-cross-circle:before {
	content: "\e95a";
}
.licon-plus-circle:before {
	content: "\e95b";
}
.licon-circle-minus:before {
	content: "\e95c";
}
.licon-percent-circle:before {
	content: "\e95d";
}
.licon-arrow-up-circle:before {
	content: "\e95e";
}
.licon-arrow-down-circle:before {
	content: "\e95f";
}
.licon-arrow-left-circle:before {
	content: "\e960";
}
.licon-arrow-right-circle:before {
	content: "\e961";
}
.licon-chevron-up-circle:before {
	content: "\e962";
}
.licon-chevron-down-circle:before {
	content: "\e963";
}
.licon-chevron-left-circle:before {
	content: "\e964";
}
.licon-chevron-right-circle:before {
	content: "\e965";
}
.licon-backward-circle:before {
	content: "\e966";
}
.licon-first-circle:before {
	content: "\e967";
}
.licon-previous-circle:before {
	content: "\e968";
}
.licon-stop-circle:before {
	content: "\e969";
}
.licon-play-circle:before {
	content: "\e96a";
}
.licon-pause-circle:before {
	content: "\e96b";
}
.licon-next-circle:before {
	content: "\e96c";
}
.licon-last-circle:before {
	content: "\e96d";
}
.licon-forward-circle:before {
	content: "\e96e";
}
.licon-eject-circle:before {
	content: "\e96f";
}
.licon-crop:before {
	content: "\e970";
}
.licon-frame-expand:before {
	content: "\e971";
}
.licon-frame-contract:before {
	content: "\e972";
}
.licon-focus:before {
	content: "\e973";
}
.licon-transform:before {
	content: "\e974";
}
.licon-grid:before {
	content: "\e975";
}
.licon-grid-crossed:before {
	content: "\e976";
}
.licon-layers:before {
	content: "\e977";
}
.licon-layers-crossed:before {
	content: "\e978";
}
.licon-toggle:before {
	content: "\e979";
}
.licon-rulers:before {
	content: "\e97a";
}
.licon-ruler:before {
	content: "\e97b";
}
.licon-funnel:before {
	content: "\e97c";
}
.licon-flip-horizontal:before {
	content: "\e97d";
}
.licon-flip-vertical:before {
	content: "\e97e";
}
.licon-flip-horizontal2:before {
	content: "\e97f";
}
.licon-flip-vertical2:before {
	content: "\e980";
}
.licon-angle:before {
	content: "\e981";
}
.licon-angle2:before {
	content: "\e982";
}
.licon-subtract:before {
	content: "\e983";
}
.licon-combine:before {
	content: "\e984";
}
.licon-intersect:before {
	content: "\e985";
}
.licon-exclude:before {
	content: "\e986";
}
.licon-align-center-vertical:before {
	content: "\e987";
}
.licon-align-right:before {
	content: "\e988";
}
.licon-align-bottom:before {
	content: "\e989";
}
.licon-align-left:before {
	content: "\e98a";
}
.licon-align-center-horizontal:before {
	content: "\e98b";
}
.licon-align-top:before {
	content: "\e98c";
}
.licon-square:before {
	content: "\e98d";
}
.licon-plus-square:before {
	content: "\e98e";
}
.licon-minus-square:before {
	content: "\e98f";
}
.licon-percent-square:before {
	content: "\e990";
}
.licon-arrow-up-square:before {
	content: "\e991";
}
.licon-arrow-down-square:before {
	content: "\e992";
}
.licon-arrow-left-square:before {
	content: "\e993";
}
.licon-arrow-right-square:before {
	content: "\e994";
}
.licon-chevron-up-square:before {
	content: "\e995";
}
.licon-chevron-down-square:before {
	content: "\e996";
}
.licon-chevron-left-square:before {
	content: "\e997";
}
.licon-chevron-right-square:before {
	content: "\e998";
}
.licon-check-square:before {
	content: "\e999";
}
.licon-cross-square:before {
	content: "\e99a";
}
.licon-menu-square:before {
	content: "\e99b";
}
.licon-prohibited:before {
	content: "\e99c";
}
.licon-circle:before {
	content: "\e99d";
}
.licon-radio-button:before {
	content: "\e99e";
}
.licon-ligature:before {
	content: "\e99f";
}
.licon-text-format:before {
	content: "\e9a0";
}
.licon-text-format-remove:before {
	content: "\e9a1";
}
.licon-text-size:before {
	content: "\e9a2";
}
.licon-bold:before {
	content: "\e9a3";
}
.licon-italic:before {
	content: "\e9a4";
}
.licon-underline:before {
	content: "\e9a5";
}
.licon-strikethrough:before {
	content: "\e9a6";
}
.licon-highlight:before {
	content: "\e9a7";
}
.licon-text-align-left:before {
	content: "\e9a8";
}
.licon-text-align-center:before {
	content: "\e9a9";
}
.licon-text-align-right:before {
	content: "\e9aa";
}
.licon-text-align-justify:before {
	content: "\e9ab";
}
.licon-line-spacing:before {
	content: "\e9ac";
}
.licon-indent-increase:before {
	content: "\e9ad";
}
.licon-indent-decrease:before {
	content: "\e9ae";
}
.licon-text-wrap:before {
	content: "\e9af";
}
.licon-pilcrow:before {
	content: "\e9b0";
}
.licon-direction-ltr:before {
	content: "\e9b1";
}
.licon-direction-rtl:before {
	content: "\e9b2";
}
.licon-page-break:before {
	content: "\e9b3";
}
.licon-page-break2:before {
	content: "\e9b4";
}
.licon-sort-alpha-asc:before {
	content: "\e9b5";
}
.licon-sort-alpha-desc:before {
	content: "\e9b6";
}
.licon-sort-numeric-asc:before {
	content: "\e9b7";
}
.licon-sort-numeric-desc:before {
	content: "\e9b8";
}
.licon-sort-amount-asc:before {
	content: "\e9b9";
}
.licon-sort-amount-desc:before {
	content: "\e9ba";
}
.licon-sort-time-asc:before {
	content: "\e9bb";
}
.licon-sort-time-desc:before {
	content: "\e9bc";
}
.licon-sigma:before {
	content: "\e9bd";
}
.licon-pencil-line:before {
	content: "\e9be";
}
.licon-hand:before {
	content: "\e9bf";
}
.licon-pointer-up:before {
	content: "\e9c0";
}
.licon-pointer-right:before {
	content: "\e9c1";
}
.licon-pointer-down:before {
	content: "\e9c2";
}
.licon-pointer-left:before {
	content: "\e9c3";
}
.licon-finger-tap:before {
	content: "\e9c4";
}
.licon-fingers-tap:before {
	content: "\e9c5";
}
.licon-reminder:before {
	content: "\e9c6";
}
.licon-fingers-crossed:before {
	content: "\e9c7";
}
.licon-fingers-victory:before {
	content: "\e9c8";
}
.licon-gesture-zoom:before {
	content: "\e9c9";
}
.licon-gesture-pinch:before {
	content: "\e9ca";
}
.licon-fingers-scroll-horizontal:before {
	content: "\e9cb";
}
.licon-fingers-scroll-vertical:before {
	content: "\e9cc";
}
.licon-fingers-scroll-left:before {
	content: "\e9cd";
}
.licon-fingers-scroll-right:before {
	content: "\e9ce";
}
.licon-hand2:before {
	content: "\e9cf";
}
.licon-pointer-up2:before {
	content: "\e9d0";
}
.licon-pointer-right2:before {
	content: "\e9d1";
}
.licon-pointer-down2:before {
	content: "\e9d2";
}
.licon-pointer-left2:before {
	content: "\e9d3";
}
.licon-finger-tap2:before {
	content: "\e9d4";
}
.licon-fingers-tap2:before {
	content: "\e9d5";
}
.licon-reminder2:before {
	content: "\e9d6";
}
.licon-gesture-zoom2:before {
	content: "\e9d7";
}
.licon-gesture-pinch2:before {
	content: "\e9d8";
}
.licon-fingers-scroll-horizontal2:before {
	content: "\e9d9";
}
.licon-fingers-scroll-vertical2:before {
	content: "\e9da";
}
.licon-fingers-scroll-left2:before {
	content: "\e9db";
}
.licon-fingers-scroll-right2:before {
	content: "\e9dc";
}
.licon-fingers-scroll-vertical3:before {
	content: "\e9dd";
}
.licon-border-style:before {
	content: "\e9de";
}
.licon-border-all:before {
	content: "\e9df";
}
.licon-border-outer:before {
	content: "\e9e0";
}
.licon-border-inner:before {
	content: "\e9e1";
}
.licon-border-top:before {
	content: "\e9e2";
}
.licon-border-horizontal:before {
	content: "\e9e3";
}
.licon-border-bottom:before {
	content: "\e9e4";
}
.licon-border-left:before {
	content: "\e9e5";
}
.licon-border-vertical:before {
	content: "\e9e6";
}
.licon-border-right:before {
	content: "\e9e7";
}
.licon-border-none:before {
	content: "\e9e8";
}
.licon-ellipsis:before {
	content: "\e9e9";
}
.licon-uni21:before {
	content: "\21";
}
.licon-uni22:before {
	content: "\22";
}
.licon-uni23:before {
	content: "\23";
}
.licon-uni24:before {
	content: "\24";
}
.licon-uni25:before {
	content: "\25";
}
.licon-uni26:before {
	content: "\26";
}
.licon-uni27:before {
	content: "\27";
}
.licon-uni28:before {
	content: "\28";
}
.licon-uni29:before {
	content: "\29";
}
.licon-uni2a:before {
	content: "\2a";
}
.licon-uni2b:before {
	content: "\2b";
}
.licon-uni2c:before {
	content: "\2c";
}
.licon-uni2d:before {
	content: "\2d";
}
.licon-uni2e:before {
	content: "\2e";
}
.licon-uni2f:before {
	content: "\2f";
}
.licon-uni30:before {
	content: "\30";
}
.licon-uni31:before {
	content: "\31";
}
.licon-uni32:before {
	content: "\32";
}
.licon-uni33:before {
	content: "\33";
}
.licon-uni34:before {
	content: "\34";
}
.licon-uni35:before {
	content: "\35";
}
.licon-uni36<div><br></div>:before {
	content: "\36";
}
.licon-uni37:before {
	content: "\37";
}
.licon-uni38:before {
	content: "\38";
}
.licon-uni39:before {
	content: "\39";
}
.licon-uni3a:before {
	content: "\3a";
}
.licon-uni3b:before {
	content: "\3b";
}
.licon-uni3c:before {
	content: "\3c";
}
.licon-uni3d:before {
	content: "\3d";
}
.licon-uni3e:before {
	content: "\3e";
}
.licon-uni3f:before {
	content: "\3f";
}
.licon-uni40:before {
	content: "\40";
}
.licon-uni41:before {
	content: "\41";
}
.licon-uni42:before {
	content: "\42";
}
.licon-uni43:before {
	content: "\43";
}
.licon-uni44:before {
	content: "\44";
}
.licon-uni45:before {
	content: "\45";
}
.licon-uni46:before {
	content: "\46";
}
.licon-uni47:before {
	content: "\47";
}
.licon-uni48:before {
	content: "\48";
}
.licon-uni49:before {
	content: "\49";
}
.licon-uni4a:before {
	content: "\4a";
}
.licon-uni4b:before {
	content: "\4b";
}
.licon-uni4c:before {
	content: "\4c";
}
.licon-uni4d:before {
	content: "\4d";
}
.licon-uni4e:before {
	content: "\4e";
}
.licon-uni4f:before {
	content: "\4f";
}
.licon-uni50:before {
	content: "\50";
}
.licon-uni51:before {
	content: "\51";
}
.licon-uni52:before {
	content: "\52";
}
.licon-uni53:before {
	content: "\53";
}
.licon-uni54:before {
	content: "\54";
}
.licon-uni55:before {
	content: "\55";
}
.licon-uni56:before {
	content: "\56";
}
.licon-uni57:before {
	content: "\57";
}
.licon-uni58:before {
	content: "\58";
}
.licon-uni59:before {
	content: "\59";
}
.licon-uni5a:before {
	content: "\5a";
}
.licon-uni5b:before {
	content: "\5b";
}
.licon-uni5c:before {
	content: "\5c";
}
.licon-uni5d:before {
	content: "\5d";
}
.licon-uni5e:before {
	content: "\5e";
}
.licon-uni5f:before {
	content: "\5f";
}
.licon-uni60:before {
	content: "\60";
}
.licon-uni61:before {
	content: "\61";
}
.licon-uni62:before {
	content: "\62";
}
.licon-uni63:before {
	content: "\63";
}
.licon-uni64:before {
	content: "\64";
}
.licon-uni65:before {
	content: "\65";
}
.licon-uni66:before {
	content: "\66";
}
.licon-uni67:before {
	content: "\67";
}
.licon-uni68:before {
	content: "\68";
}
.licon-uni69:before {
	content: "\69";
}
.licon-uni6a:before {
	content: "\6a";
}
.licon-uni6b:before {
	content: "\6b";
}
.licon-uni6c:before {
	content: "\6c";
}
.licon-uni6d:before {
	content: "\6d";
}
.licon-uni6e:before {
	content: "\6e";
}
.licon-uni6f:before {
	content: "\6f";
}
.licon-uni70:before {
	content: "\70";
}
.licon-uni71:before {
	content: "\71";
}
.licon-uni72:before {
	content: "\72";
}
.licon-uni73:before {
	content: "\73";
}
.licon-uni74:before {
	content: "\74";
}
.licon-uni75:before {
	content: "\75";
}
.licon-uni76:before {
	content: "\76";
}
.licon-uni77:before {
	content: "\77";
}
.licon-uni78:before {
	content: "\78";
}
.licon-uni79:before {
	content: "\79";
}
.licon-uni7a:before {
	content: "\7a";
}
.licon-uni7b:before {
	content: "\7b";
}
.licon-uni7c:before {
	content: "\7c";
}
.licon-uni7d:before {
	content: "\7d";
}
.licon-uni7e:before {
	content: "\7e";
}
.licon-copyright:before {
	content: "\a9";
}

@font-face {
	font-family: 'IcoMoon-Free';
	src: url('/assets/fonts/IcoMoon-Free.ttf?-b7qzp2') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.icon {
	font-family: 'IcoMoon-Free';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	
	/* Enable Ligatures ================ */
	-webkit-font-feature-settings: "liga";
	-moz-font-feature-settings: "liga=1";
	-moz-font-feature-settings: "liga";
	-ms-font-feature-settings: "liga" 1;
	-o-font-feature-settings: "liga";
	font-feature-settings: "liga";

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-home:before {
	content: "\e900";
}
.icon-home2:before {
	content: "\e901";
}
.icon-home3:before {
	content: "\e902";
}
.icon-office:before {
	content: "\e903";
}
.icon-newspaper:before {
	content: "\e904";
}
.icon-pencil:before {
	content: "\e905";
}
.icon-pencil2:before {
	content: "\e906";
}
.icon-quill:before {
	content: "\e907";
}
.icon-pen:before {
	content: "\e908";
}
.icon-blog:before {
	content: "\e909";
}
.icon-eyedropper:before {
	content: "\e90a";
}
.icon-droplet:before {
	content: "\e90b";
}
.icon-paint-format:before {
	content: "\e90c";
}
.icon-image:before {
	content: "\e90d";
}
.icon-images:before {
	content: "\e90e";
}
.icon-camera:before {
	content: "\e90f";
}
.icon-headphones:before {
	content: "\e910";
}
.icon-music:before {
	content: "\e911";
}
.icon-play:before {
	content: "\e912";
}
.icon-film:before {
	content: "\e913";
}
.icon-video-camera:before {
	content: "\e914";
}
.icon-dice:before {
	content: "\e915";
}
.icon-pacman:before {
	content: "\e916";
}
.icon-spades:before {
	content: "\e917";
}
.icon-clubs:before {
	content: "\e918";
}
.icon-diamonds:before {
	content: "\e919";
}
.icon-bullhorn:before {
	content: "\e91a";
}
.icon-connection:before {
	content: "\e91b";
}
.icon-podcast:before {
	content: "\e91c";
}
.icon-feed:before {
	content: "\e91d";
}
.icon-mic:before {
	content: "\e91e";
}
.icon-book:before {
	content: "\e91f";
}
.icon-books:before {
	content: "\e920";
}
.icon-library:before {
	content: "\e921";
}
.icon-file-text:before {
	content: "\e922";
}
.icon-profile:before {
	content: "\e923";
}
.icon-file-empty:before {
	content: "\e924";
}
.icon-files-empty:before {
	content: "\e925";
}
.icon-file-text2:before {
	content: "\e926";
}
.icon-file-picture:before {
	content: "\e927";
}
.icon-file-music:before {
	content: "\e928";
}
.icon-file-play:before {
	content: "\e929";
}
.icon-file-video:before {
	content: "\e92a";
}
.icon-file-zip:before {
	content: "\e92b";
}
.icon-copy:before {
	content: "\e92c";
}
.icon-paste:before {
	content: "\e92d";
}
.icon-stack:before {
	content: "\e92e";
}
.icon-folder:before {
	content: "\e92f";
}
.icon-folder-open:before {
	content: "\e930";
}
.icon-folder-plus:before {
	content: "\e931";
}
.icon-folder-minus:before {
	content: "\e932";
}
.icon-folder-download:before {
	content: "\e933";
}
.icon-folder-upload:before {
	content: "\e934";
}
.icon-price-tag:before {
	content: "\e935";
}
.icon-price-tags:before {
	content: "\e936";
}
.icon-barcode:before {
	content: "\e937";
}
.icon-qrcode:before {
	content: "\e938";
}
.icon-ticket:before {
	content: "\e939";
}
.icon-cart:before {
	content: "\e93a";
}
.icon-coin-dollar:before {
	content: "\e93b";
}
.icon-coin-euro:before {
	content: "\e93c";
}
.icon-coin-pound:before {
	content: "\e93d";
}
.icon-coin-yen:before {
	content: "\e93e";
}
.icon-credit-card:before {
	content: "\e93f";
}
.icon-calculator:before {
	content: "\e940";
}
.icon-lifebuoy:before {
	content: "\e941";
}
.icon-phone:before {
	content: "\e942";
}
.icon-phone-hang-up:before {
	content: "\e943";
}
.icon-address-book:before {
	content: "\e944";
}
.icon-envelop:before {
	content: "\e945";
}
.icon-pushpin:before {
	content: "\e946";
}
.icon-location:before {
	content: "\e947";
}
.icon-location2:before {
	content: "\e948";
}
.icon-compass:before {
	content: "\e949";
}
.icon-compass2:before {
	content: "\e94a";
}
.icon-map:before {
	content: "\e94b";
}
.icon-map2:before {
	content: "\e94c";
}
.icon-history:before {
	content: "\e94d";
}
.icon-clock:before {
	content: "\e94e";
}
.icon-clock2:before {
	content: "\e94f";
}
.icon-alarm:before {
	content: "\e950";
}
.icon-bell:before {
	content: "\e951";
}
.icon-stopwatch:before {
	content: "\e952";
}
.icon-calendar:before {
	content: "\e953";
}
.icon-printer:before {
	content: "\e954";
}
.icon-keyboard:before {
	content: "\e955";
}
.icon-display:before {
	content: "\e956";
}
.icon-laptop:before {
	content: "\e957";
}
.icon-mobile:before {
	content: "\e958";
}
.icon-mobile2:before {
	content: "\e959";
}
.icon-tablet:before {
	content: "\e95a";
}
.icon-tv:before {
	content: "\e95b";
}
.icon-drawer:before {
	content: "\e95c";
}
.icon-drawer2:before {
	content: "\e95d";
}
.icon-box-add:before {
	content: "\e95e";
}
.icon-box-remove:before {
	content: "\e95f";
}
.icon-download:before {
	content: "\e960";
}
.icon-upload:before {
	content: "\e961";
}
.icon-floppy-disk:before {
	content: "\e962";
}
.icon-drive:before {
	content: "\e963";
}
.icon-database:before {
	content: "\e964";
}
.icon-undo:before {
	content: "\e965";
}
.icon-redo:before {
	content: "\e966";
}
.icon-undo2:before {
	content: "\e967";
}
.icon-redo2:before {
	content: "\e968";
}
.icon-forward:before {
	content: "\e969";
}
.icon-reply:before {
	content: "\e96a";
}
.icon-bubble:before {
	content: "\e96b";
}
.icon-bubbles:before {
	content: "\e96c";
}
.icon-bubbles2:before {
	content: "\e96d";
}
.icon-bubble2:before {
	content: "\e96e";
}
.icon-bubbles3:before {
	content: "\e96f";
}
.icon-bubbles4:before {
	content: "\e970";
}
.icon-user:before {
	content: "\e971";
}
.icon-users:before {
	content: "\e972";
}
.icon-user-plus:before {
	content: "\e973";
}
.icon-user-minus:before {
	content: "\e974";
}
.icon-user-check:before {
	content: "\e975";
}
.icon-user-tie:before {
	content: "\e976";
}
.icon-quotes-left:before {
	content: "\e977";
}
.icon-quotes-right:before {
	content: "\e978";
}
.icon-hour-glass:before {
	content: "\e979";
}
.icon-spinner:before {
	content: "\e97a";
}
.icon-spinner2:before {
	content: "\e97b";
}
.icon-spinner3:before {
	content: "\e97c";
}
.icon-spinner4:before {
	content: "\e97d";
}
.icon-spinner5:before {
	content: "\e97e";
}
.icon-spinner6:before {
	content: "\e97f";
}
.icon-spinner7:before {
	content: "\e980";
}
.icon-spinner8:before {
	content: "\e981";
}
.icon-spinner9:before {
	content: "\e982";
}
.icon-spinner10:before {
	content: "\e983";
}
.icon-spinner11:before {
	content: "\e984";
}
.icon-binoculars:before {
	content: "\e985";
}
.icon-search:before {
	content: "\e986";
}
.icon-zoom-in:before {
	content: "\e987";
}
.icon-zoom-out:before {
	content: "\e988";
}
.icon-enlarge:before {
	content: "\e989";
}
.icon-shrink:before {
	content: "\e98a";
}
.icon-enlarge2:before {
	content: "\e98b";
}
.icon-shrink2:before {
	content: "\e98c";
}
.icon-key:before {
	content: "\e98d";
}
.icon-key2:before {
	content: "\e98e";
}
.icon-lock:before {
	content: "\e98f";
}
.icon-unlocked:before {
	content: "\e990";
}
.icon-wrench:before {
	content: "\e991";
}
.icon-equalizer:before {
	content: "\e992";
}
.icon-equalizer2:before {
	content: "\e993";
}
.icon-cog:before {
	content: "\e994";
}
.icon-cogs:before {
	content: "\e995";
}
.icon-hammer:before {
	content: "\e996";
}
.icon-magic-wand:before {
	content: "\e997";
}
.icon-aid-kit:before {
	content: "\e998";
}
.icon-bug:before {
	content: "\e999";
}
.icon-pie-chart:before {
	content: "\e99a";
}
.icon-stats-dots:before {
	content: "\e99b";
}
.icon-stats-bars:before {
	content: "\e99c";
}
.icon-stats-bars2:before {
	content: "\e99d";
}
.icon-trophy:before {
	content: "\e99e";
}
.icon-gift:before {
	content: "\e99f";
}
.icon-glass:before {
	content: "\e9a0";
}
.icon-glass2:before {
	content: "\e9a1";
}
.icon-mug:before {
	content: "\e9a2";
}
.icon-spoon-knife:before {
	content: "\e9a3";
}
.icon-leaf:before {
	content: "\e9a4";
}
.icon-rocket:before {
	content: "\e9a5";
}
.icon-meter:before {
	content: "\e9a6";
}
.icon-meter2:before {
	content: "\e9a7";
}
.icon-hammer2:before {
	content: "\e9a8";
}
.icon-fire:before {
	content: "\e9a9";
}
.icon-lab:before {
	content: "\e9aa";
}
.icon-magnet:before {
	content: "\e9ab";
}
.icon-bin:before {
	content: "\e9ac";
}
.icon-bin2:before {
	content: "\e9ad";
}
.icon-briefcase:before {
	content: "\e9ae";
}
.icon-airplane:before {
	content: "\e9af";
}
.icon-truck:before {
	content: "\e9b0";
}
.icon-road:before {
	content: "\e9b1";
}
.icon-accessibility:before {
	content: "\e9b2";
}
.icon-target:before {
	content: "\e9b3";
}
.icon-shield:before {
	content: "\e9b4";
}
.icon-power:before {
	content: "\e9b5";
}
.icon-switch:before {
	content: "\e9b6";
}
.icon-power-cord:before {
	content: "\e9b7";
}
.icon-clipboard:before {
	content: "\e9b8";
}
.icon-list-numbered:before {
	content: "\e9b9";
}
.icon-list:before {
	content: "\e9ba";
}
.icon-list2:before {
	content: "\e9bb";
}
.icon-tree:before {
	content: "\e9bc";
}
.icon-menu:before {
	content: "\e9bd";
}
.icon-menu2:before {
	content: "\e9be";
}
.icon-menu3:before {
	content: "\e9bf";
}
.icon-menu4:before {
	content: "\e9c0";
}
.icon-cloud:before {
	content: "\e9c1";
}
.icon-cloud-download:before {
	content: "\e9c2";
}
.icon-cloud-upload:before {
	content: "\e9c3";
}
.icon-cloud-check:before {
	content: "\e9c4";
}
.icon-download2:before {
	content: "\e9c5";
}
.icon-upload2:before {
	content: "\e9c6";
}
.icon-download3:before {
	content: "\e9c7";
}
.icon-upload3:before {
	content: "\e9c8";
}
.icon-sphere:before {
	content: "\e9c9";
}
.icon-earth:before {
	content: "\e9ca";
}
.icon-link:before {
	content: "\e9cb";
}
.icon-flag:before {
	content: "\e9cc";
}
.icon-attachment:before {
	content: "\e9cd";
}
.icon-eye:before {
	content: "\e9ce";
}
.icon-eye-plus:before {
	content: "\e9cf";
}
.icon-eye-minus:before {
	content: "\e9d0";
}
.icon-eye-blocked:before {
	content: "\e9d1";
}
.icon-bookmark:before {
	content: "\e9d2";
}
.icon-bookmarks:before {
	content: "\e9d3";
}
.icon-sun:before {
	content: "\e9d4";
}
.icon-contrast:before {
	content: "\e9d5";
}
.icon-brightness-contrast:before {
	content: "\e9d6";
}
.icon-star-empty:before {
	content: "\e9d7";
}
.icon-star-half:before {
	content: "\e9d8";
}
.icon-star-full:before {
	content: "\e9d9";
}
.icon-heart:before {
	content: "\e9da";
}
.icon-heart-broken:before {
	content: "\e9db";
}
.icon-man:before {
	content: "\e9dc";
}
.icon-woman:before {
	content: "\e9dd";
}
.icon-man-woman:before {
	content: "\e9de";
}
.icon-happy:before {
	content: "\e9df";
}
.icon-happy2:before {
	content: "\e9e0";
}
.icon-smile:before {
	content: "\e9e1";
}
.icon-smile2:before {
	content: "\e9e2";
}
.icon-tongue:before {
	content: "\e9e3";
}
.icon-tongue2:before {
	content: "\e9e4";
}
.icon-sad:before {
	content: "\e9e5";
}
.icon-sad2:before {
	content: "\e9e6";
}
.icon-wink:before {
	content: "\e9e7";
}
.icon-wink2:before {
	content: "\e9e8";
}
.icon-grin:before {
	content: "\e9e9";
}
.icon-grin2:before {
	content: "\e9ea";
}
.icon-cool:before {
	content: "\e9eb";
}
.icon-cool2:before {
	content: "\e9ec";
}
.icon-angry:before {
	content: "\e9ed";
}
.icon-angry2:before {
	content: "\e9ee";
}
.icon-evil:before {
	content: "\e9ef";
}
.icon-evil2:before {
	content: "\e9f0";
}
.icon-shocked:before {
	content: "\e9f1";
}
.icon-shocked2:before {
	content: "\e9f2";
}
.icon-baffled:before {
	content: "\e9f3";
}
.icon-baffled2:before {
	content: "\e9f4";
}
.icon-confused:before {
	content: "\e9f5";
}
.icon-confused2:before {
	content: "\e9f6";
}
.icon-neutral:before {
	content: "\e9f7";
}
.icon-neutral2:before {
	content: "\e9f8";
}
.icon-hipster:before {
	content: "\e9f9";
}
.icon-hipster2:before {
	content: "\e9fa";
}
.icon-wondering:before {
	content: "\e9fb";
}
.icon-wondering2:before {
	content: "\e9fc";
}
.icon-sleepy:before {
	content: "\e9fd";
}
.icon-sleepy2:before {
	content: "\e9fe";
}
.icon-frustrated:before {
	content: "\e9ff";
}
.icon-frustrated2:before {
	content: "\ea00";
}
.icon-crying:before {
	content: "\ea01";
}
.icon-crying2:before {
	content: "\ea02";
}
.icon-point-up:before {
	content: "\ea03";
}
.icon-point-right:before {
	content: "\ea04";
}
.icon-point-down:before {
	content: "\ea05";
}
.icon-point-left:before {
	content: "\ea06";
}
.icon-warning:before {
	content: "\ea07";
}
.icon-notification:before {
	content: "\ea08";
}
.icon-question:before {
	content: "\ea09";
}
.icon-plus:before {
	content: "\ea0a";
}
.icon-minus:before {
	content: "\ea0b";
}
.icon-info:before {
	content: "\ea0c";
}
.icon-cancel-circle:before {
	content: "\ea0d";
}
.icon-blocked:before {
	content: "\ea0e";
}
.icon-cross:before {
	content: "\ea0f";
}
.icon-checkmark:before {
	content: "\ea10";
}
.icon-checkmark2:before {
	content: "\ea11";
}
.icon-spell-check:before {
	content: "\ea12";
}
.icon-enter:before {
	content: "\ea13";
}
.icon-exit:before {
	content: "\ea14";
}
.icon-play2:before {
	content: "\ea15";
}
.icon-pause:before {
	content: "\ea16";
}
.icon-stop:before {
	content: "\ea17";
}
.icon-previous:before {
	content: "\ea18";
}
.icon-next:before {
	content: "\ea19";
}
.icon-backward:before {
	content: "\ea1a";
}
.icon-forward2:before {
	content: "\ea1b";
}
.icon-play3:before {
	content: "\ea1c";
}
.icon-pause2:before {
	content: "\ea1d";
}
.icon-stop2:before {
	content: "\ea1e";
}
.icon-backward2:before {
	content: "\ea1f";
}
.icon-forward3:before {
	content: "\ea20";
}
.icon-first:before {
	content: "\ea21";
}
.icon-last:before {
	content: "\ea22";
}
.icon-previous2:before {
	content: "\ea23";
}
.icon-next2:before {
	content: "\ea24";
}
.icon-eject:before {
	content: "\ea25";
}
.icon-volume-high:before {
	content: "\ea26";
}
.icon-volume-medium:before {
	content: "\ea27";
}
.icon-volume-low:before {
	content: "\ea28";
}
.icon-volume-mute:before {
	content: "\ea29";
}
.icon-volume-mute2:before {
	content: "\ea2a";
}
.icon-volume-increase:before {
	content: "\ea2b";
}
.icon-volume-decrease:before {
	content: "\ea2c";
}
.icon-loop:before {
	content: "\ea2d";
}
.icon-loop2:before {
	content: "\ea2e";
}
.icon-infinite:before {
	content: "\ea2f";
}
.icon-shuffle:before {
	content: "\ea30";
}
.icon-arrow-up-left:before {
	content: "\ea31";
}
.icon-arrow-up:before {
	content: "\ea32";
}
.icon-arrow-up-right:before {
	content: "\ea33";
}
.icon-arrow-right:before {
	content: "\ea34";
}
.icon-arrow-down-right:before {
	content: "\ea35";
}
.icon-arrow-down:before {
	content: "\ea36";
}
.icon-arrow-down-left:before {
	content: "\ea37";
}
.icon-arrow-left:before {
	content: "\ea38";
}
.icon-arrow-up-left2:before {
	content: "\ea39";
}
.icon-arrow-up2:before {
	content: "\ea3a";
}
.icon-arrow-up-right2:before {
	content: "\ea3b";
}
.icon-arrow-right2:before {
	content: "\ea3c";
}
.icon-arrow-down-right2:before {
	content: "\ea3d";
}
.icon-arrow-down2:before {
	content: "\ea3e";
}
.icon-arrow-down-left2:before {
	content: "\ea3f";
}
.icon-arrow-left2:before {
	content: "\ea40";
}
.icon-circle-up:before {
	content: "\ea41";
}
.icon-circle-right:before {
	content: "\ea42";
}
.icon-circle-down:before {
	content: "\ea43";
}
.icon-circle-left:before {
	content: "\ea44";
}
.icon-tab:before {
	content: "\ea45";
}
.icon-move-up:before {
	content: "\ea46";
}
.icon-move-down:before {
	content: "\ea47";
}
.icon-sort-alpha-asc:before {
	content: "\ea48";
}
.icon-sort-alpha-desc:before {
	content: "\ea49";
}
.icon-sort-numeric-asc:before {
	content: "\ea4a";
}
.icon-sort-numberic-desc:before {
	content: "\ea4b";
}
.icon-sort-amount-asc:before {
	content: "\ea4c";
}
.icon-sort-amount-desc:before {
	content: "\ea4d";
}
.icon-command:before {
	content: "\ea4e";
}
.icon-shift:before {
	content: "\ea4f";
}
.icon-ctrl:before {
	content: "\ea50";
}
.icon-opt:before {
	content: "\ea51";
}
.icon-checkbox-checked:before {
	content: "\ea52";
}
.icon-checkbox-unchecked:before {
	content: "\ea53";
}
.icon-radio-checked:before {
	content: "\ea54";
}
.icon-radio-checked2:before {
	content: "\ea55";
}
.icon-radio-unchecked:before {
	content: "\ea56";
}
.icon-crop:before {
	content: "\ea57";
}
.icon-make-group:before {
	content: "\ea58";
}
.icon-ungroup:before {
	content: "\ea59";
}
.icon-scissors:before {
	content: "\ea5a";
}
.icon-filter:before {
	content: "\ea5b";
}
.icon-font:before {
	content: "\ea5c";
}
.icon-ligature:before {
	content: "\ea5d";
}
.icon-ligature2:before {
	content: "\ea5e";
}
.icon-text-height:before {
	content: "\ea5f";
}
.icon-text-width:before {
	content: "\ea60";
}
.icon-font-size:before {
	content: "\ea61";
}
.icon-bold:before {
	content: "\ea62";
}
.icon-underline:before {
	content: "\ea63";
}
.icon-italic:before {
	content: "\ea64";
}
.icon-strikethrough:before {
	content: "\ea65";
}
.icon-omega:before {
	content: "\ea66";
}
.icon-sigma:before {
	content: "\ea67";
}
.icon-page-break:before {
	content: "\ea68";
}
.icon-superscript:before {
	content: "\ea69";
}
.icon-subscript:before {
	content: "\ea6a";
}
.icon-superscript2:before {
	content: "\ea6b";
}
.icon-subscript2:before {
	content: "\ea6c";
}
.icon-text-color:before {
	content: "\ea6d";
}
.icon-pagebreak:before {
	content: "\ea6e";
}
.icon-clear-formatting:before {
	content: "\ea6f";
}
.icon-table:before {
	content: "\ea70";
}
.icon-table2:before {
	content: "\ea71";
}
.icon-insert-template:before {
	content: "\ea72";
}
.icon-pilcrow:before {
	content: "\ea73";
}
.icon-ltr:before {
	content: "\ea74";
}
.icon-rtl:before {
	content: "\ea75";
}
.icon-section:before {
	content: "\ea76";
}
.icon-paragraph-left:before {
	content: "\ea77";
}
.icon-paragraph-center:before {
	content: "\ea78";
}
.icon-paragraph-right:before {
	content: "\ea79";
}
.icon-paragraph-justify:before {
	content: "\ea7a";
}
.icon-indent-increase:before {
	content: "\ea7b";
}
.icon-indent-decrease:before {
	content: "\ea7c";
}
.icon-share:before {
	content: "\ea7d";
}
.icon-new-tab:before {
	content: "\ea7e";
}
.icon-embed:before {
	content: "\ea7f";
}
.icon-embed2:before {
	content: "\ea80";
}
.icon-terminal:before {
	content: "\ea81";
}
.icon-share2:before {
	content: "\ea82";
}
.icon-mail:before {
	content: "\ea83";
}
.icon-mail2:before {
	content: "\ea84";
}
.icon-mail3:before {
	content: "\ea85";
}
.icon-mail4:before {
	content: "\ea86";
}
.icon-google:before {
	content: "\ea87";
}
.icon-google-plus:before {
	content: "\ea88";
}
.icon-google-plus2:before {
	content: "\ea89";
}
.icon-google-plus3:before {
	content: "\ea8a";
}
.icon-google-drive:before {
	content: "\ea8b";
}
.icon-facebook:before {
	content: "\ea8c";
}
.icon-facebook2:before {
	content: "\ea8d";
}
.icon-facebook3:before {
	content: "\ea8e";
}
.icon-ello:before {
	content: "\ea8f";
}
.icon-instagram:before {
	content: "\ea90";
}
.icon-twitter:before {
	content: "\ea91";
}
.icon-twitter2:before {
	content: "\ea92";
}
.icon-twitter3:before {
	content: "\ea93";
}
.icon-feed2:before {
	content: "\ea94";
}
.icon-feed3:before {
	content: "\ea95";
}
.icon-feed4:before {
	content: "\ea96";
}
.icon-youtube:before {
	content: "\ea97";
}
.icon-youtube2:before {
	content: "\ea98";
}
.icon-youtube3:before {
	content: "\ea99";
}
.icon-youtube4:before {
	content: "\ea9a";
}
.icon-twitch:before {
	content: "\ea9b";
}
.icon-vimeo:before {
	content: "\ea9c";
}
.icon-vimeo2:before {
	content: "\ea9d";
}
.icon-vimeo3:before {
	content: "\ea9e";
}
.icon-lanyrd:before {
	content: "\ea9f";
}
.icon-flickr:before {
	content: "\eaa0";
}
.icon-flickr2:before {
	content: "\eaa1";
}
.icon-flickr3:before {
	content: "\eaa2";
}
.icon-flickr4:before {
	content: "\eaa3";
}
.icon-picassa:before {
	content: "\eaa4";
}
.icon-picassa2:before {
	content: "\eaa5";
}
.icon-dribbble:before {
	content: "\eaa6";
}
.icon-dribbble2:before {
	content: "\eaa7";
}
.icon-dribbble3:before {
	content: "\eaa8";
}
.icon-forrst:before {
	content: "\eaa9";
}
.icon-forrst2:before {
	content: "\eaaa";
}
.icon-deviantart:before {
	content: "\eaab";
}
.icon-deviantart2:before {
	content: "\eaac";
}
.icon-steam:before {
	content: "\eaad";
}
.icon-steam2:before {
	content: "\eaae";
}
.icon-dropbox:before {
	content: "\eaaf";
}
.icon-onedrive:before {
	content: "\eab0";
}
.icon-github:before {
	content: "\eab1";
}
.icon-github2:before {
	content: "\eab2";
}
.icon-github3:before {
	content: "\eab3";
}
.icon-github4:before {
	content: "\eab4";
}
.icon-github5:before {
	content: "\eab5";
}
.icon-wordpress:before {
	content: "\eab6";
}
.icon-wordpress2:before {
	content: "\eab7";
}
.icon-joomla:before {
	content: "\eab8";
}
.icon-blogger:before {
	content: "\eab9";
}
.icon-blogger2:before {
	content: "\eaba";
}
.icon-tumblr:before {
	content: "\eabb";
}
.icon-tumblr2:before {
	content: "\eabc";
}
.icon-yahoo:before {
	content: "\eabd";
}
.icon-tux:before {
	content: "\eabe";
}
.icon-apple:before {
	content: "\eabf";
}
.icon-finder:before {
	content: "\eac0";
}
.icon-android:before {
	content: "\eac1";
}
.icon-windows:before {
	content: "\eac2";
}
.icon-windows8:before {
	content: "\eac3";
}
.icon-soundcloud:before {
	content: "\eac4";
}
.icon-soundcloud2:before {
	content: "\eac5";
}
.icon-skype:before {
	content: "\eac6";
}
.icon-reddit:before {
	content: "\eac7";
}
.icon-linkedin:before {
	content: "\eac8";
}
.icon-linkedin2:before {
	content: "\eac9";
}
.icon-lastfm:before {
	content: "\eaca";
}
.icon-lastfm2:before {
	content: "\eacb";
}
.icon-delicious:before {
	content: "\eacc";
}
.icon-stumbleupon:before {
	content: "\eacd";
}
.icon-stumbleupon2:before {
	content: "\eace";
}
.icon-stackoverflow:before {
	content: "\eacf";
}
.icon-pinterest:before {
	content: "\ead0";
}
.icon-pinterest2:before {
	content: "\ead1";
}
.icon-xing:before {
	content: "\ead2";
}
.icon-xing2:before {
	content: "\ead3";
}
.icon-flattr:before {
	content: "\ead4";
}
.icon-foursquare:before {
	content: "\ead5";
}
.icon-paypal:before {
	content: "\ead6";
}
.icon-paypal2:before {
	content: "\ead7";
}
.icon-paypal3:before {
	content: "\ead8";
}
.icon-yelp:before {
	content: "\ead9";
}
.icon-file-pdf:before {
	content: "\eada";
}
.icon-file-openoffice:before {
	content: "\eadb";
}
.icon-file-word:before {
	content: "\eadc";
}
.icon-file-excel:before {
	content: "\eadd";
}
.icon-libreoffice:before {
	content: "\eade";
}
.icon-html5:before {
	content: "\eadf";
}
.icon-html52:before {
	content: "\eae0";
}
.icon-css3:before {
	content: "\eae1";
}
.icon-git:before {
	content: "\eae2";
}
.icon-svg:before {
	content: "\eae3";
}
.icon-codepen:before {
	content: "\eae4";
}
.icon-chrome:before {
	content: "\eae5";
}
.icon-firefox:before {
	content: "\eae6";
}
.icon-IE:before {
	content: "\eae7";
}
.icon-opera:before {
	content: "\eae8";
}
.icon-safari:before {
	content: "\eae9";
}
.icon-IcoMoon:before {
	content: "\eaea";
}
.ng-busy {
  z-index: 1002;
}
.ng-busy,
.ng-busy > *,
.ng-busy > ng-component > * {
  position: absolute;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}
.ng-busy-backdrop {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1001;
  background: #fff;
  opacity: .7;
}
.ng-busy-default-wrapper {
  text-align: center;
}
.ng-busy-default-sign {
  position: relative;
  display: inline-block;
  z-index: 1003;
  padding: 12px 14px;
  border: 1px solid #d8d8d8;
  border-top: 0;
  border-radius: 4px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  background: #f8f8f8;
  color: #333;
}
.ng-busy-default-text {
  display: inline-block;
  margin-left: 6px;
  max-width: 400px;
  font-size: 14px;
  text-align: left;
}
.ng-busy-default-spinner {
  position: relative;
  display: inline-block;
  width: 25px;
  height: 25px;
  vertical-align: middle;
}
.ng-busy-default-spinner div {
  position: absolute;
  left: 44.5%;
  top: 37%;
  width: 10%;
  height: 26%;
  background: #666;
  border-radius: 50px;
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
  opacity: 0;
  -webkit-animation: busy-spinner-anim 1s linear infinite;
          animation: busy-spinner-anim 1s linear infinite;
}
.ng-busy-default-spinner .bar1 {
  -webkit-transform: rotate(0deg) translate(0, -142%);
          transform: rotate(0deg) translate(0, -142%);
  -webkit-animation-delay: -1s;
          animation-delay: -1s;
}
.ng-busy-default-spinner .bar2 {
  -webkit-transform: rotate(30deg) translate(0, -142%);
          transform: rotate(30deg) translate(0, -142%);
  -webkit-animation-delay: -0.91666667s;
          animation-delay: -0.91666667s;
}
.ng-busy-default-spinner .bar3 {
  -webkit-transform: rotate(60deg) translate(0, -142%);
          transform: rotate(60deg) translate(0, -142%);
  -webkit-animation-delay: -0.83333333s;
          animation-delay: -0.83333333s;
}
.ng-busy-default-spinner .bar4 {
  -webkit-transform: rotate(90deg) translate(0, -142%);
          transform: rotate(90deg) translate(0, -142%);
  -webkit-animation-delay: -0.75s;
          animation-delay: -0.75s;
}
.ng-busy-default-spinner .bar5 {
  -webkit-transform: rotate(120deg) translate(0, -142%);
          transform: rotate(120deg) translate(0, -142%);
  -webkit-animation-delay: -0.66666667s;
          animation-delay: -0.66666667s;
}
.ng-busy-default-spinner .bar6 {
  -webkit-transform: rotate(150deg) translate(0, -142%);
          transform: rotate(150deg) translate(0, -142%);
  -webkit-animation-delay: -0.58333333s;
          animation-delay: -0.58333333s;
}
.ng-busy-default-spinner .bar7 {
  -webkit-transform: rotate(180deg) translate(0, -142%);
          transform: rotate(180deg) translate(0, -142%);
  -webkit-animation-delay: -0.5s;
          animation-delay: -0.5s;
}
.ng-busy-default-spinner .bar8 {
  -webkit-transform: rotate(210deg) translate(0, -142%);
          transform: rotate(210deg) translate(0, -142%);
  -webkit-animation-delay: -0.41666667s;
          animation-delay: -0.41666667s;
}
.ng-busy-default-spinner .bar9 {
  -webkit-transform: rotate(240deg) translate(0, -142%);
          transform: rotate(240deg) translate(0, -142%);
  -webkit-animation-delay: -0.33333333s;
          animation-delay: -0.33333333s;
}
.ng-busy-default-spinner .bar10 {
  -webkit-transform: rotate(270deg) translate(0, -142%);
          transform: rotate(270deg) translate(0, -142%);
  -webkit-animation-delay: -0.25s;
          animation-delay: -0.25s;
}
.ng-busy-default-spinner .bar11 {
  -webkit-transform: rotate(300deg) translate(0, -142%);
          transform: rotate(300deg) translate(0, -142%);
  -webkit-animation-delay: -0.16666667s;
          animation-delay: -0.16666667s;
}
.ng-busy-default-spinner .bar12 {
  -webkit-transform: rotate(330deg) translate(0, -142%);
          transform: rotate(330deg) translate(0, -142%);
  -webkit-animation-delay: -0.08333333s;
          animation-delay: -0.08333333s;
}
@-webkit-keyframes busy-spinner-anim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}
@keyframes busy-spinner-anim {
  from {
    opacity: 1;
  }
  to {
    opacity: 0.25;
  }
}

/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url('/assets/fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('/assets/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('/assets/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('/assets/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('/assets/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('/assets/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333333em;
  line-height: 0.75em;
  vertical-align: -15%;
}
.fa-2x {
  font-size: 2em;
}
.fa-3x {
  font-size: 3em;
}
.fa-4x {
  font-size: 4em;
}
.fa-5x {
  font-size: 5em;
}
.fa-fw {
  width: 1.28571429em;
  text-align: center;
}
.fa-ul {
  padding-left: 0;
  margin-left: 2.14285714em;
  list-style-type: none;
}
.fa-ul > li {
  position: relative;
}
.fa-li {
  position: absolute;
  left: -2.14285714em;
  width: 2.14285714em;
  top: 0.14285714em;
  text-align: center;
}
.fa-li.fa-lg {
  left: -1.85714286em;
}
.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eeeeee;
  border-radius: .1em;
}
.fa-pull-left {
  float: left;
}
.fa-pull-right {
  float: right;
}
.fa.fa-pull-left {
  margin-right: .3em;
}
.fa.fa-pull-right {
  margin-left: .3em;
}
/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}
.pull-left {
  float: left;
}
.fa.pull-left {
  margin-right: .3em;
}
.fa.pull-right {
  margin-left: .3em;
}
.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}
.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}
@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  transform: rotate(270deg);
}
.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  -ms-transform: scale(1, -1);
  transform: scale(1, -1);
}
:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  filter: none;
}
.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}
.fa-stack-1x,
.fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}
.fa-stack-1x {
  line-height: inherit;
}
.fa-stack-2x {
  font-size: 2em;
}
.fa-inverse {
  color: #ffffff;
}
/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\f000";
}
.fa-music:before {
  content: "\f001";
}
.fa-search:before {
  content: "\f002";
}
.fa-envelope-o:before {
  content: "\f003";
}
.fa-heart:before {
  content: "\f004";
}
.fa-star:before {
  content: "\f005";
}
.fa-star-o:before {
  content: "\f006";
}
.fa-user:before {
  content: "\f007";
}
.fa-film:before {
  content: "\f008";
}
.fa-th-large:before {
  content: "\f009";
}
.fa-th:before {
  content: "\f00a";
}
.fa-th-list:before {
  content: "\f00b";
}
.fa-check:before {
  content: "\f00c";
}
.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\f00d";
}
.fa-search-plus:before {
  content: "\f00e";
}
.fa-search-minus:before {
  content: "\f010";
}
.fa-power-off:before {
  content: "\f011";
}
.fa-signal:before {
  content: "\f012";
}
.fa-gear:before,
.fa-cog:before {
  content: "\f013";
}
.fa-trash-o:before {
  content: "\f014";
}
.fa-home:before {
  content: "\f015";
}
.fa-file-o:before {
  content: "\f016";
}
.fa-clock-o:before {
  content: "\f017";
}
.fa-road:before {
  content: "\f018";
}
.fa-download:before {
  content: "\f019";
}
.fa-arrow-circle-o-down:before {
  content: "\f01a";
}
.fa-arrow-circle-o-up:before {
  content: "\f01b";
}
.fa-inbox:before {
  content: "\f01c";
}
.fa-play-circle-o:before {
  content: "\f01d";
}
.fa-rotate-right:before,
.fa-repeat:before {
  content: "\f01e";
}
.fa-refresh:before {
  content: "\f021";
}
.fa-list-alt:before {
  content: "\f022";
}
.fa-lock:before {
  content: "\f023";
}
.fa-flag:before {
  content: "\f024";
}
.fa-headphones:before {
  content: "\f025";
}
.fa-volume-off:before {
  content: "\f026";
}
.fa-volume-down:before {
  content: "\f027";
}
.fa-volume-up:before {
  content: "\f028";
}
.fa-qrcode:before {
  content: "\f029";
}
.fa-barcode:before {
  content: "\f02a";
}
.fa-tag:before {
  content: "\f02b";
}
.fa-tags:before {
  content: "\f02c";
}
.fa-book:before {
  content: "\f02d";
}
.fa-bookmark:before {
  content: "\f02e";
}
.fa-print:before {
  content: "\f02f";
}
.fa-camera:before {
  content: "\f030";
}
.fa-font:before {
  content: "\f031";
}
.fa-bold:before {
  content: "\f032";
}
.fa-italic:before {
  content: "\f033";
}
.fa-text-height:before {
  content: "\f034";
}
.fa-text-width:before {
  content: "\f035";
}
.fa-align-left:before {
  content: "\f036";
}
.fa-align-center:before {
  content: "\f037";
}
.fa-align-right:before {
  content: "\f038";
}
.fa-align-justify:before {
  content: "\f039";
}
.fa-list:before {
  content: "\f03a";
}
.fa-dedent:before,
.fa-outdent:before {
  content: "\f03b";
}
.fa-indent:before {
  content: "\f03c";
}
.fa-video-camera:before {
  content: "\f03d";
}
.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\f03e";
}
.fa-pencil:before {
  content: "\f040";
}
.fa-map-marker:before {
  content: "\f041";
}
.fa-adjust:before {
  content: "\f042";
}
.fa-tint:before {
  content: "\f043";
}
.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\f044";
}
.fa-share-square-o:before {
  content: "\f045";
}
.fa-check-square-o:before {
  content: "\f046";
}
.fa-arrows:before {
  content: "\f047";
}
.fa-step-backward:before {
  content: "\f048";
}
.fa-fast-backward:before {
  content: "\f049";
}
.fa-backward:before {
  content: "\f04a";
}
.fa-play:before {
  content: "\f04b";
}
.fa-pause:before {
  content: "\f04c";
}
.fa-stop:before {
  content: "\f04d";
}
.fa-forward:before {
  content: "\f04e";
}
.fa-fast-forward:before {
  content: "\f050";
}
.fa-step-forward:before {
  content: "\f051";
}
.fa-eject:before {
  content: "\f052";
}
.fa-chevron-left:before {
  content: "\f053";
}
.fa-chevron-right:before {
  content: "\f054";
}
.fa-plus-circle:before {
  content: "\f055";
}
.fa-minus-circle:before {
  content: "\f056";
}
.fa-times-circle:before {
  content: "\f057";
}
.fa-check-circle:before {
  content: "\f058";
}
.fa-question-circle:before {
  content: "\f059";
}
.fa-info-circle:before {
  content: "\f05a";
}
.fa-crosshairs:before {
  content: "\f05b";
}
.fa-times-circle-o:before {
  content: "\f05c";
}
.fa-check-circle-o:before {
  content: "\f05d";
}
.fa-ban:before {
  content: "\f05e";
}
.fa-arrow-left:before {
  content: "\f060";
}
.fa-arrow-right:before {
  content: "\f061";
}
.fa-arrow-up:before {
  content: "\f062";
}
.fa-arrow-down:before {
  content: "\f063";
}
.fa-mail-forward:before,
.fa-share:before {
  content: "\f064";
}
.fa-expand:before {
  content: "\f065";
}
.fa-compress:before {
  content: "\f066";
}
.fa-plus:before {
  content: "\f067";
}
.fa-minus:before {
  content: "\f068";
}
.fa-asterisk:before {
  content: "\f069";
}
.fa-exclamation-circle:before {
  content: "\f06a";
}
.fa-gift:before {
  content: "\f06b";
}
.fa-leaf:before {
  content: "\f06c";
}
.fa-fire:before {
  content: "\f06d";
}
.fa-eye:before {
  content: "\f06e";
}
.fa-eye-slash:before {
  content: "\f070";
}
.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\f071";
}
.fa-plane:before {
  content: "\f072";
}
.fa-calendar:before {
  content: "\f073";
}
.fa-random:before {
  content: "\f074";
}
.fa-comment:before {
  content: "\f075";
}
.fa-magnet:before {
  content: "\f076";
}
.fa-chevron-up:before {
  content: "\f077";
}
.fa-chevron-down:before {
  content: "\f078";
}
.fa-retweet:before {
  content: "\f079";
}
.fa-shopping-cart:before {
  content: "\f07a";
}
.fa-folder:before {
  content: "\f07b";
}
.fa-folder-open:before {
  content: "\f07c";
}
.fa-arrows-v:before {
  content: "\f07d";
}
.fa-arrows-h:before {
  content: "\f07e";
}
.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\f080";
}
.fa-twitter-square:before {
  content: "\f081";
}
.fa-facebook-square:before {
  content: "\f082";
}
.fa-camera-retro:before {
  content: "\f083";
}
.fa-key:before {
  content: "\f084";
}
.fa-gears:before,
.fa-cogs:before {
  content: "\f085";
}
.fa-comments:before {
  content: "\f086";
}
.fa-thumbs-o-up:before {
  content: "\f087";
}
.fa-thumbs-o-down:before {
  content: "\f088";
}
.fa-star-half:before {
  content: "\f089";
}
.fa-heart-o:before {
  content: "\f08a";
}
.fa-sign-out:before {
  content: "\f08b";
}
.fa-linkedin-square:before {
  content: "\f08c";
}
.fa-thumb-tack:before {
  content: "\f08d";
}
.fa-external-link:before {
  content: "\f08e";
}
.fa-sign-in:before {
  content: "\f090";
}
.fa-trophy:before {
  content: "\f091";
}
.fa-github-square:before {
  content: "\f092";
}
.fa-upload:before {
  content: "\f093";
}
.fa-lemon-o:before {
  content: "\f094";
}
.fa-phone:before {
  content: "\f095";
}
.fa-square-o:before {
  content: "\f096";
}
.fa-bookmark-o:before {
  content: "\f097";
}
.fa-phone-square:before {
  content: "\f098";
}
.fa-twitter:before {
  content: "\f099";
}
.fa-facebook-f:before,
.fa-facebook:before {
  content: "\f09a";
}
.fa-github:before {
  content: "\f09b";
}
.fa-unlock:before {
  content: "\f09c";
}
.fa-credit-card:before {
  content: "\f09d";
}
.fa-feed:before,
.fa-rss:before {
  content: "\f09e";
}
.fa-hdd-o:before {
  content: "\f0a0";
}
.fa-bullhorn:before {
  content: "\f0a1";
}
.fa-bell:before {
  content: "\f0f3";
}
.fa-certificate:before {
  content: "\f0a3";
}
.fa-hand-o-right:before {
  content: "\f0a4";
}
.fa-hand-o-left:before {
  content: "\f0a5";
}
.fa-hand-o-up:before {
  content: "\f0a6";
}
.fa-hand-o-down:before {
  content: "\f0a7";
}
.fa-arrow-circle-left:before {
  content: "\f0a8";
}
.fa-arrow-circle-right:before {
  content: "\f0a9";
}
.fa-arrow-circle-up:before {
  content: "\f0aa";
}
.fa-arrow-circle-down:before {
  content: "\f0ab";
}
.fa-globe:before {
  content: "\f0ac";
}
.fa-wrench:before {
  content: "\f0ad";
}
.fa-tasks:before {
  content: "\f0ae";
}
.fa-filter:before {
  content: "\f0b0";
}
.fa-briefcase:before {
  content: "\f0b1";
}
.fa-arrows-alt:before {
  content: "\f0b2";
}
.fa-group:before,
.fa-users:before {
  content: "\f0c0";
}
.fa-chain:before,
.fa-link:before {
  content: "\f0c1";
}
.fa-cloud:before {
  content: "\f0c2";
}
.fa-flask:before {
  content: "\f0c3";
}
.fa-cut:before,
.fa-scissors:before {
  content: "\f0c4";
}
.fa-copy:before,
.fa-files-o:before {
  content: "\f0c5";
}
.fa-paperclip:before {
  content: "\f0c6";
}
.fa-save:before,
.fa-floppy-o:before {
  content: "\f0c7";
}
.fa-square:before {
  content: "\f0c8";
}
.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\f0c9";
}
.fa-list-ul:before {
  content: "\f0ca";
}
.fa-list-ol:before {
  content: "\f0cb";
}
.fa-strikethrough:before {
  content: "\f0cc";
}
.fa-underline:before {
  content: "\f0cd";
}
.fa-table:before {
  content: "\f0ce";
}
.fa-magic:before {
  content: "\f0d0";
}
.fa-truck:before {
  content: "\f0d1";
}
.fa-pinterest:before {
  content: "\f0d2";
}
.fa-pinterest-square:before {
  content: "\f0d3";
}
.fa-google-plus-square:before {
  content: "\f0d4";
}
.fa-google-plus:before {
  content: "\f0d5";
}
.fa-money:before {
  content: "\f0d6";
}
.fa-caret-down:before {
  content: "\f0d7";
}
.fa-caret-up:before {
  content: "\f0d8";
}
.fa-caret-left:before {
  content: "\f0d9";
}
.fa-caret-right:before {
  content: "\f0da";
}
.fa-columns:before {
  content: "\f0db";
}
.fa-unsorted:before,
.fa-sort:before {
  content: "\f0dc";
}
.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\f0dd";
}
.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\f0de";
}
.fa-envelope:before {
  content: "\f0e0";
}
.fa-linkedin:before {
  content: "\f0e1";
}
.fa-rotate-left:before,
.fa-undo:before {
  content: "\f0e2";
}
.fa-legal:before,
.fa-gavel:before {
  content: "\f0e3";
}
.fa-dashboard:before,
.fa-tachometer:before {
  content: "\f0e4";
}
.fa-comment-o:before {
  content: "\f0e5";
}
.fa-comments-o:before {
  content: "\f0e6";
}
.fa-flash:before,
.fa-bolt:before {
  content: "\f0e7";
}
.fa-sitemap:before {
  content: "\f0e8";
}
.fa-umbrella:before {
  content: "\f0e9";
}
.fa-paste:before,
.fa-clipboard:before {
  content: "\f0ea";
}
.fa-lightbulb-o:before {
  content: "\f0eb";
}
.fa-exchange:before {
  content: "\f0ec";
}
.fa-cloud-download:before {
  content: "\f0ed";
}
.fa-cloud-upload:before {
  content: "\f0ee";
}
.fa-user-md:before {
  content: "\f0f0";
}
.fa-stethoscope:before {
  content: "\f0f1";
}
.fa-suitcase:before {
  content: "\f0f2";
}
.fa-bell-o:before {
  content: "\f0a2";
}
.fa-coffee:before {
  content: "\f0f4";
}
.fa-cutlery:before {
  content: "\f0f5";
}
.fa-file-text-o:before {
  content: "\f0f6";
}
.fa-building-o:before {
  content: "\f0f7";
}
.fa-hospital-o:before {
  content: "\f0f8";
}
.fa-ambulance:before {
  content: "\f0f9";
}
.fa-medkit:before {
  content: "\f0fa";
}
.fa-fighter-jet:before {
  content: "\f0fb";
}
.fa-beer:before {
  content: "\f0fc";
}
.fa-h-square:before {
  content: "\f0fd";
}
.fa-plus-square:before {
  content: "\f0fe";
}
.fa-angle-double-left:before {
  content: "\f100";
}
.fa-angle-double-right:before {
  content: "\f101";
}
.fa-angle-double-up:before {
  content: "\f102";
}
.fa-angle-double-down:before {
  content: "\f103";
}
.fa-angle-left:before {
  content: "\f104";
}
.fa-angle-right:before {
  content: "\f105";
}
.fa-angle-up:before {
  content: "\f106";
}
.fa-angle-down:before {
  content: "\f107";
}
.fa-desktop:before {
  content: "\f108";
}
.fa-laptop:before {
  content: "\f109";
}
.fa-tablet:before {
  content: "\f10a";
}
.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\f10b";
}
.fa-circle-o:before {
  content: "\f10c";
}
.fa-quote-left:before {
  content: "\f10d";
}
.fa-quote-right:before {
  content: "\f10e";
}
.fa-spinner:before {
  content: "\f110";
}
.fa-circle:before {
  content: "\f111";
}
.fa-mail-reply:before,
.fa-reply:before {
  content: "\f112";
}
.fa-github-alt:before {
  content: "\f113";
}
.fa-folder-o:before {
  content: "\f114";
}
.fa-folder-open-o:before {
  content: "\f115";
}
.fa-smile-o:before {
  content: "\f118";
}
.fa-frown-o:before {
  content: "\f119";
}
.fa-meh-o:before {
  content: "\f11a";
}
.fa-gamepad:before {
  content: "\f11b";
}
.fa-keyboard-o:before {
  content: "\f11c";
}
.fa-flag-o:before {
  content: "\f11d";
}
.fa-flag-checkered:before {
  content: "\f11e";
}
.fa-terminal:before {
  content: "\f120";
}
.fa-code:before {
  content: "\f121";
}
.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\f122";
}
.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\f123";
}
.fa-location-arrow:before {
  content: "\f124";
}
.fa-crop:before {
  content: "\f125";
}
.fa-code-fork:before {
  content: "\f126";
}
.fa-unlink:before,
.fa-chain-broken:before {
  content: "\f127";
}
.fa-question:before {
  content: "\f128";
}
.fa-info:before {
  content: "\f129";
}
.fa-exclamation:before {
  content: "\f12a";
}
.fa-superscript:before {
  content: "\f12b";
}
.fa-subscript:before {
  content: "\f12c";
}
.fa-eraser:before {
  content: "\f12d";
}
.fa-puzzle-piece:before {
  content: "\f12e";
}
.fa-microphone:before {
  content: "\f130";
}
.fa-microphone-slash:before {
  content: "\f131";
}
.fa-shield:before {
  content: "\f132";
}
.fa-calendar-o:before {
  content: "\f133";
}
.fa-fire-extinguisher:before {
  content: "\f134";
}
.fa-rocket:before {
  content: "\f135";
}
.fa-maxcdn:before {
  content: "\f136";
}
.fa-chevron-circle-left:before {
  content: "\f137";
}
.fa-chevron-circle-right:before {
  content: "\f138";
}
.fa-chevron-circle-up:before {
  content: "\f139";
}
.fa-chevron-circle-down:before {
  content: "\f13a";
}
.fa-html5:before {
  content: "\f13b";
}
.fa-css3:before {
  content: "\f13c";
}
.fa-anchor:before {
  content: "\f13d";
}
.fa-unlock-alt:before {
  content: "\f13e";
}
.fa-bullseye:before {
  content: "\f140";
}
.fa-ellipsis-h:before {
  content: "\f141";
}
.fa-ellipsis-v:before {
  content: "\f142";
}
.fa-rss-square:before {
  content: "\f143";
}
.fa-play-circle:before {
  content: "\f144";
}
.fa-ticket:before {
  content: "\f145";
}
.fa-minus-square:before {
  content: "\f146";
}
.fa-minus-square-o:before {
  content: "\f147";
}
.fa-level-up:before {
  content: "\f148";
}
.fa-level-down:before {
  content: "\f149";
}
.fa-check-square:before {
  content: "\f14a";
}
.fa-pencil-square:before {
  content: "\f14b";
}
.fa-external-link-square:before {
  content: "\f14c";
}
.fa-share-square:before {
  content: "\f14d";
}
.fa-compass:before {
  content: "\f14e";
}
.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\f150";
}
.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\f151";
}
.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\f152";
}
.fa-euro:before,
.fa-eur:before {
  content: "\f153";
}
.fa-gbp:before {
  content: "\f154";
}
.fa-dollar:before,
.fa-usd:before {
  content: "\f155";
}
.fa-rupee:before,
.fa-inr:before {
  content: "\f156";
}
.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\f157";
}
.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\f158";
}
.fa-won:before,
.fa-krw:before {
  content: "\f159";
}
.fa-bitcoin:before,
.fa-btc:before {
  content: "\f15a";
}
.fa-file:before {
  content: "\f15b";
}
.fa-file-text:before {
  content: "\f15c";
}
.fa-sort-alpha-asc:before {
  content: "\f15d";
}
.fa-sort-alpha-desc:before {
  content: "\f15e";
}
.fa-sort-amount-asc:before {
  content: "\f160";
}
.fa-sort-amount-desc:before {
  content: "\f161";
}
.fa-sort-numeric-asc:before {
  content: "\f162";
}
.fa-sort-numeric-desc:before {
  content: "\f163";
}
.fa-thumbs-up:before {
  content: "\f164";
}
.fa-thumbs-down:before {
  content: "\f165";
}
.fa-youtube-square:before {
  content: "\f166";
}
.fa-youtube:before {
  content: "\f167";
}
.fa-xing:before {
  content: "\f168";
}
.fa-xing-square:before {
  content: "\f169";
}
.fa-youtube-play:before {
  content: "\f16a";
}
.fa-dropbox:before {
  content: "\f16b";
}
.fa-stack-overflow:before {
  content: "\f16c";
}
.fa-instagram:before {
  content: "\f16d";
}
.fa-flickr:before {
  content: "\f16e";
}
.fa-adn:before {
  content: "\f170";
}
.fa-bitbucket:before {
  content: "\f171";
}
.fa-bitbucket-square:before {
  content: "\f172";
}
.fa-tumblr:before {
  content: "\f173";
}
.fa-tumblr-square:before {
  content: "\f174";
}
.fa-long-arrow-down:before {
  content: "\f175";
}
.fa-long-arrow-up:before {
  content: "\f176";
}
.fa-long-arrow-left:before {
  content: "\f177";
}
.fa-long-arrow-right:before {
  content: "\f178";
}
.fa-apple:before {
  content: "\f179";
}
.fa-windows:before {
  content: "\f17a";
}
.fa-android:before {
  content: "\f17b";
}
.fa-linux:before {
  content: "\f17c";
}
.fa-dribbble:before {
  content: "\f17d";
}
.fa-skype:before {
  content: "\f17e";
}
.fa-foursquare:before {
  content: "\f180";
}
.fa-trello:before {
  content: "\f181";
}
.fa-female:before {
  content: "\f182";
}
.fa-male:before {
  content: "\f183";
}
.fa-gittip:before,
.fa-gratipay:before {
  content: "\f184";
}
.fa-sun-o:before {
  content: "\f185";
}
.fa-moon-o:before {
  content: "\f186";
}
.fa-archive:before {
  content: "\f187";
}
.fa-bug:before {
  content: "\f188";
}
.fa-vk:before {
  content: "\f189";
}
.fa-weibo:before {
  content: "\f18a";
}
.fa-renren:before {
  content: "\f18b";
}
.fa-pagelines:before {
  content: "\f18c";
}
.fa-stack-exchange:before {
  content: "\f18d";
}
.fa-arrow-circle-o-right:before {
  content: "\f18e";
}
.fa-arrow-circle-o-left:before {
  content: "\f190";
}
.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\f191";
}
.fa-dot-circle-o:before {
  content: "\f192";
}
.fa-wheelchair:before {
  content: "\f193";
}
.fa-vimeo-square:before {
  content: "\f194";
}
.fa-turkish-lira:before,
.fa-try:before {
  content: "\f195";
}
.fa-plus-square-o:before {
  content: "\f196";
}
.fa-space-shuttle:before {
  content: "\f197";
}
.fa-slack:before {
  content: "\f198";
}
.fa-envelope-square:before {
  content: "\f199";
}
.fa-wordpress:before {
  content: "\f19a";
}
.fa-openid:before {
  content: "\f19b";
}
.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\f19c";
}
.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\f19d";
}
.fa-yahoo:before {
  content: "\f19e";
}
.fa-google:before {
  content: "\f1a0";
}
.fa-reddit:before {
  content: "\f1a1";
}
.fa-reddit-square:before {
  content: "\f1a2";
}
.fa-stumbleupon-circle:before {
  content: "\f1a3";
}
.fa-stumbleupon:before {
  content: "\f1a4";
}
.fa-delicious:before {
  content: "\f1a5";
}
.fa-digg:before {
  content: "\f1a6";
}
.fa-pied-piper-pp:before {
  content: "\f1a7";
}
.fa-pied-piper-alt:before {
  content: "\f1a8";
}
.fa-drupal:before {
  content: "\f1a9";
}
.fa-joomla:before {
  content: "\f1aa";
}
.fa-language:before {
  content: "\f1ab";
}
.fa-fax:before {
  content: "\f1ac";
}
.fa-building:before {
  content: "\f1ad";
}
.fa-child:before {
  content: "\f1ae";
}
.fa-paw:before {
  content: "\f1b0";
}
.fa-spoon:before {
  content: "\f1b1";
}
.fa-cube:before {
  content: "\f1b2";
}
.fa-cubes:before {
  content: "\f1b3";
}
.fa-behance:before {
  content: "\f1b4";
}
.fa-behance-square:before {
  content: "\f1b5";
}
.fa-steam:before {
  content: "\f1b6";
}
.fa-steam-square:before {
  content: "\f1b7";
}
.fa-recycle:before {
  content: "\f1b8";
}
.fa-automobile:before,
.fa-car:before {
  content: "\f1b9";
}
.fa-cab:before,
.fa-taxi:before {
  content: "\f1ba";
}
.fa-tree:before {
  content: "\f1bb";
}
.fa-spotify:before {
  content: "\f1bc";
}
.fa-deviantart:before {
  content: "\f1bd";
}
.fa-soundcloud:before {
  content: "\f1be";
}
.fa-database:before {
  content: "\f1c0";
}
.fa-file-pdf-o:before {
  content: "\f1c1";
}
.fa-file-word-o:before {
  content: "\f1c2";
}
.fa-file-excel-o:before {
  content: "\f1c3";
}
.fa-file-powerpoint-o:before {
  content: "\f1c4";
}
.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\f1c5";
}
.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\f1c6";
}
.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\f1c7";
}
.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\f1c8";
}
.fa-file-code-o:before {
  content: "\f1c9";
}
.fa-vine:before {
  content: "\f1ca";
}
.fa-codepen:before {
  content: "\f1cb";
}
.fa-jsfiddle:before {
  content: "\f1cc";
}
.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\f1cd";
}
.fa-circle-o-notch:before {
  content: "\f1ce";
}
.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\f1d0";
}
.fa-ge:before,
.fa-empire:before {
  content: "\f1d1";
}
.fa-git-square:before {
  content: "\f1d2";
}
.fa-git:before {
  content: "\f1d3";
}
.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\f1d4";
}
.fa-tencent-weibo:before {
  content: "\f1d5";
}
.fa-qq:before {
  content: "\f1d6";
}
.fa-wechat:before,
.fa-weixin:before {
  content: "\f1d7";
}
.fa-send:before,
.fa-paper-plane:before {
  content: "\f1d8";
}
.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\f1d9";
}
.fa-history:before {
  content: "\f1da";
}
.fa-circle-thin:before {
  content: "\f1db";
}
.fa-header:before {
  content: "\f1dc";
}
.fa-paragraph:before {
  content: "\f1dd";
}
.fa-sliders:before {
  content: "\f1de";
}
.fa-share-alt:before {
  content: "\f1e0";
}
.fa-share-alt-square:before {
  content: "\f1e1";
}
.fa-bomb:before {
  content: "\f1e2";
}
.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\f1e3";
}
.fa-tty:before {
  content: "\f1e4";
}
.fa-binoculars:before {
  content: "\f1e5";
}
.fa-plug:before {
  content: "\f1e6";
}
.fa-slideshare:before {
  content: "\f1e7";
}
.fa-twitch:before {
  content: "\f1e8";
}
.fa-yelp:before {
  content: "\f1e9";
}
.fa-newspaper-o:before {
  content: "\f1ea";
}
.fa-wifi:before {
  content: "\f1eb";
}
.fa-calculator:before {
  content: "\f1ec";
}
.fa-paypal:before {
  content: "\f1ed";
}
.fa-google-wallet:before {
  content: "\f1ee";
}
.fa-cc-visa:before {
  content: "\f1f0";
}
.fa-cc-mastercard:before {
  content: "\f1f1";
}
.fa-cc-discover:before {
  content: "\f1f2";
}
.fa-cc-amex:before {
  content: "\f1f3";
}
.fa-cc-paypal:before {
  content: "\f1f4";
}
.fa-cc-stripe:before {
  content: "\f1f5";
}
.fa-bell-slash:before {
  content: "\f1f6";
}
.fa-bell-slash-o:before {
  content: "\f1f7";
}
.fa-trash:before {
  content: "\f1f8";
}
.fa-copyright:before {
  content: "\f1f9";
}
.fa-at:before {
  content: "\f1fa";
}
.fa-eyedropper:before {
  content: "\f1fb";
}
.fa-paint-brush:before {
  content: "\f1fc";
}
.fa-birthday-cake:before {
  content: "\f1fd";
}
.fa-area-chart:before {
  content: "\f1fe";
}
.fa-pie-chart:before {
  content: "\f200";
}
.fa-line-chart:before {
  content: "\f201";
}
.fa-lastfm:before {
  content: "\f202";
}
.fa-lastfm-square:before {
  content: "\f203";
}
.fa-toggle-off:before {
  content: "\f204";
}
.fa-toggle-on:before {
  content: "\f205";
}
.fa-bicycle:before {
  content: "\f206";
}
.fa-bus:before {
  content: "\f207";
}
.fa-ioxhost:before {
  content: "\f208";
}
.fa-angellist:before {
  content: "\f209";
}
.fa-cc:before {
  content: "\f20a";
}
.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\f20b";
}
.fa-meanpath:before {
  content: "\f20c";
}
.fa-buysellads:before {
  content: "\f20d";
}
.fa-connectdevelop:before {
  content: "\f20e";
}
.fa-dashcube:before {
  content: "\f210";
}
.fa-forumbee:before {
  content: "\f211";
}
.fa-leanpub:before {
  content: "\f212";
}
.fa-sellsy:before {
  content: "\f213";
}
.fa-shirtsinbulk:before {
  content: "\f214";
}
.fa-simplybuilt:before {
  content: "\f215";
}
.fa-skyatlas:before {
  content: "\f216";
}
.fa-cart-plus:before {
  content: "\f217";
}
.fa-cart-arrow-down:before {
  content: "\f218";
}
.fa-diamond:before {
  content: "\f219";
}
.fa-ship:before {
  content: "\f21a";
}
.fa-user-secret:before {
  content: "\f21b";
}
.fa-motorcycle:before {
  content: "\f21c";
}
.fa-street-view:before {
  content: "\f21d";
}
.fa-heartbeat:before {
  content: "\f21e";
}
.fa-venus:before {
  content: "\f221";
}
.fa-mars:before {
  content: "\f222";
}
.fa-mercury:before {
  content: "\f223";
}
.fa-intersex:before,
.fa-transgender:before {
  content: "\f224";
}
.fa-transgender-alt:before {
  content: "\f225";
}
.fa-venus-double:before {
  content: "\f226";
}
.fa-mars-double:before {
  content: "\f227";
}
.fa-venus-mars:before {
  content: "\f228";
}
.fa-mars-stroke:before {
  content: "\f229";
}
.fa-mars-stroke-v:before {
  content: "\f22a";
}
.fa-mars-stroke-h:before {
  content: "\f22b";
}
.fa-neuter:before {
  content: "\f22c";
}
.fa-genderless:before {
  content: "\f22d";
}
.fa-facebook-official:before {
  content: "\f230";
}
.fa-pinterest-p:before {
  content: "\f231";
}
.fa-whatsapp:before {
  content: "\f232";
}
.fa-server:before {
  content: "\f233";
}
.fa-user-plus:before {
  content: "\f234";
}
.fa-user-times:before {
  content: "\f235";
}
.fa-hotel:before,
.fa-bed:before {
  content: "\f236";
}
.fa-viacoin:before {
  content: "\f237";
}
.fa-train:before {
  content: "\f238";
}
.fa-subway:before {
  content: "\f239";
}
.fa-medium:before {
  content: "\f23a";
}
.fa-yc:before,
.fa-y-combinator:before {
  content: "\f23b";
}
.fa-optin-monster:before {
  content: "\f23c";
}
.fa-opencart:before {
  content: "\f23d";
}
.fa-expeditedssl:before {
  content: "\f23e";
}
.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\f240";
}
.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\f241";
}
.fa-battery-2:before,
.fa-battery-half:before {
  content: "\f242";
}
.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\f243";
}
.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\f244";
}
.fa-mouse-pointer:before {
  content: "\f245";
}
.fa-i-cursor:before {
  content: "\f246";
}
.fa-object-group:before {
  content: "\f247";
}
.fa-object-ungroup:before {
  content: "\f248";
}
.fa-sticky-note:before {
  content: "\f249";
}
.fa-sticky-note-o:before {
  content: "\f24a";
}
.fa-cc-jcb:before {
  content: "\f24b";
}
.fa-cc-diners-club:before {
  content: "\f24c";
}
.fa-clone:before {
  content: "\f24d";
}
.fa-balance-scale:before {
  content: "\f24e";
}
.fa-hourglass-o:before {
  content: "\f250";
}
.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\f251";
}
.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\f252";
}
.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\f253";
}
.fa-hourglass:before {
  content: "\f254";
}
.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\f255";
}
.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\f256";
}
.fa-hand-scissors-o:before {
  content: "\f257";
}
.fa-hand-lizard-o:before {
  content: "\f258";
}
.fa-hand-spock-o:before {
  content: "\f259";
}
.fa-hand-pointer-o:before {
  content: "\f25a";
}
.fa-hand-peace-o:before {
  content: "\f25b";
}
.fa-trademark:before {
  content: "\f25c";
}
.fa-registered:before {
  content: "\f25d";
}
.fa-creative-commons:before {
  content: "\f25e";
}
.fa-gg:before {
  content: "\f260";
}
.fa-gg-circle:before {
  content: "\f261";
}
.fa-tripadvisor:before {
  content: "\f262";
}
.fa-odnoklassniki:before {
  content: "\f263";
}
.fa-odnoklassniki-square:before {
  content: "\f264";
}
.fa-get-pocket:before {
  content: "\f265";
}
.fa-wikipedia-w:before {
  content: "\f266";
}
.fa-safari:before {
  content: "\f267";
}
.fa-chrome:before {
  content: "\f268";
}
.fa-firefox:before {
  content: "\f269";
}
.fa-opera:before {
  content: "\f26a";
}
.fa-internet-explorer:before {
  content: "\f26b";
}
.fa-tv:before,
.fa-television:before {
  content: "\f26c";
}
.fa-contao:before {
  content: "\f26d";
}
.fa-500px:before {
  content: "\f26e";
}
.fa-amazon:before {
  content: "\f270";
}
.fa-calendar-plus-o:before {
  content: "\f271";
}
.fa-calendar-minus-o:before {
  content: "\f272";
}
.fa-calendar-times-o:before {
  content: "\f273";
}
.fa-calendar-check-o:before {
  content: "\f274";
}
.fa-industry:before {
  content: "\f275";
}
.fa-map-pin:before {
  content: "\f276";
}
.fa-map-signs:before {
  content: "\f277";
}
.fa-map-o:before {
  content: "\f278";
}
.fa-map:before {
  content: "\f279";
}
.fa-commenting:before {
  content: "\f27a";
}
.fa-commenting-o:before {
  content: "\f27b";
}
.fa-houzz:before {
  content: "\f27c";
}
.fa-vimeo:before {
  content: "\f27d";
}
.fa-black-tie:before {
  content: "\f27e";
}
.fa-fonticons:before {
  content: "\f280";
}
.fa-reddit-alien:before {
  content: "\f281";
}
.fa-edge:before {
  content: "\f282";
}
.fa-credit-card-alt:before {
  content: "\f283";
}
.fa-codiepie:before {
  content: "\f284";
}
.fa-modx:before {
  content: "\f285";
}
.fa-fort-awesome:before {
  content: "\f286";
}
.fa-usb:before {
  content: "\f287";
}
.fa-product-hunt:before {
  content: "\f288";
}
.fa-mixcloud:before {
  content: "\f289";
}
.fa-scribd:before {
  content: "\f28a";
}
.fa-pause-circle:before {
  content: "\f28b";
}
.fa-pause-circle-o:before {
  content: "\f28c";
}
.fa-stop-circle:before {
  content: "\f28d";
}
.fa-stop-circle-o:before {
  content: "\f28e";
}
.fa-shopping-bag:before {
  content: "\f290";
}
.fa-shopping-basket:before {
  content: "\f291";
}
.fa-hashtag:before {
  content: "\f292";
}
.fa-bluetooth:before {
  content: "\f293";
}
.fa-bluetooth-b:before {
  content: "\f294";
}
.fa-percent:before {
  content: "\f295";
}
.fa-gitlab:before {
  content: "\f296";
}
.fa-wpbeginner:before {
  content: "\f297";
}
.fa-wpforms:before {
  content: "\f298";
}
.fa-envira:before {
  content: "\f299";
}
.fa-universal-access:before {
  content: "\f29a";
}
.fa-wheelchair-alt:before {
  content: "\f29b";
}
.fa-question-circle-o:before {
  content: "\f29c";
}
.fa-blind:before {
  content: "\f29d";
}
.fa-audio-description:before {
  content: "\f29e";
}
.fa-volume-control-phone:before {
  content: "\f2a0";
}
.fa-braille:before {
  content: "\f2a1";
}
.fa-assistive-listening-systems:before {
  content: "\f2a2";
}
.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\f2a3";
}
.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\f2a4";
}
.fa-glide:before {
  content: "\f2a5";
}
.fa-glide-g:before {
  content: "\f2a6";
}
.fa-signing:before,
.fa-sign-language:before {
  content: "\f2a7";
}
.fa-low-vision:before {
  content: "\f2a8";
}
.fa-viadeo:before {
  content: "\f2a9";
}
.fa-viadeo-square:before {
  content: "\f2aa";
}
.fa-snapchat:before {
  content: "\f2ab";
}
.fa-snapchat-ghost:before {
  content: "\f2ac";
}
.fa-snapchat-square:before {
  content: "\f2ad";
}
.fa-pied-piper:before {
  content: "\f2ae";
}
.fa-first-order:before {
  content: "\f2b0";
}
.fa-yoast:before {
  content: "\f2b1";
}
.fa-themeisle:before {
  content: "\f2b2";
}
.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\f2b3";
}
.fa-fa:before,
.fa-font-awesome:before {
  content: "\f2b4";
}
.fa-handshake-o:before {
  content: "\f2b5";
}
.fa-envelope-open:before {
  content: "\f2b6";
}
.fa-envelope-open-o:before {
  content: "\f2b7";
}
.fa-linode:before {
  content: "\f2b8";
}
.fa-address-book:before {
  content: "\f2b9";
}
.fa-address-book-o:before {
  content: "\f2ba";
}
.fa-vcard:before,
.fa-address-card:before {
  content: "\f2bb";
}
.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\f2bc";
}
.fa-user-circle:before {
  content: "\f2bd";
}
.fa-user-circle-o:before {
  content: "\f2be";
}
.fa-user-o:before {
  content: "\f2c0";
}
.fa-id-badge:before {
  content: "\f2c1";
}
.fa-drivers-license:before,
.fa-id-card:before {
  content: "\f2c2";
}
.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\f2c3";
}
.fa-quora:before {
  content: "\f2c4";
}
.fa-free-code-camp:before {
  content: "\f2c5";
}
.fa-telegram:before {
  content: "\f2c6";
}
.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\f2c7";
}
.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\f2c8";
}
.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\f2c9";
}
.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\f2ca";
}
.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\f2cb";
}
.fa-shower:before {
  content: "\f2cc";
}
.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\f2cd";
}
.fa-podcast:before {
  content: "\f2ce";
}
.fa-window-maximize:before {
  content: "\f2d0";
}
.fa-window-minimize:before {
  content: "\f2d1";
}
.fa-window-restore:before {
  content: "\f2d2";
}
.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\f2d3";
}
.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\f2d4";
}
.fa-bandcamp:before {
  content: "\f2d5";
}
.fa-grav:before {
  content: "\f2d6";
}
.fa-etsy:before {
  content: "\f2d7";
}
.fa-imdb:before {
  content: "\f2d8";
}
.fa-ravelry:before {
  content: "\f2d9";
}
.fa-eercast:before {
  content: "\f2da";
}
.fa-microchip:before {
  content: "\f2db";
}
.fa-snowflake-o:before {
  content: "\f2dc";
}
.fa-superpowers:before {
  content: "\f2dd";
}
.fa-wpexplorer:before {
  content: "\f2de";
}
.fa-meetup:before {
  content: "\f2e0";
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

/*!
 * froala_editor v2.8.1 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
img.fr-rounded,
.fr-img-caption.fr-rounded img {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
img.fr-bordered,
.fr-img-caption.fr-bordered img {
  border: solid 5px #CCC;
}
img.fr-bordered {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-img-caption.fr-bordered img {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
img.fr-shadow,
.fr-img-caption.fr-shadow img {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-view span[style~="color:"] a {
  color: inherit;
}
.fr-view strong {
  font-weight: 700;
}
.fr-view table {
  border: none;
  border-collapse: collapse;
  empty-cells: show;
  max-width: 100%;
  table-layout: fixed;
}
.fr-view table td {
  min-width: 5px;
}
.fr-view table.fr-dashed-borders td,
.fr-view table.fr-dashed-borders th {
  border-style: dashed;
}
.fr-view table.fr-alternate-rows tbody tr:nth-child(2n) {
  background: #f5f5f5;
}
.fr-view table td,
.fr-view table th {
  border: 1px solid #dddddd;
}
.fr-view table td:empty,
.fr-view table th:empty {
  height: 20px;
}
.fr-view table td.fr-highlighted,
.fr-view table th.fr-highlighted {
  border: 1px double red;
}
.fr-view table td.fr-thick,
.fr-view table th.fr-thick {
  border-width: 2px;
}
.fr-view table th {
  background: #e6e6e6;
}
.fr-view hr {
  clear: both;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  page-break-after: always;
}
.fr-view .fr-file {
  position: relative;
}
.fr-view .fr-file::after {
  position: relative;
  content: "\1F4CE";
  font-weight: normal;
}
.fr-view pre {
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow: visible;
}
.fr-view[dir="rtl"] blockquote {
  border-left: none;
  border-right: solid 2px #5e35b1;
  margin-right: 0;
  padding-right: 5px;
  padding-left: 0px;
}
.fr-view[dir="rtl"] blockquote blockquote {
  border-color: #00bcd4;
}
.fr-view[dir="rtl"] blockquote blockquote blockquote {
  border-color: #43a047;
}
.fr-view blockquote {
  border-left: solid 2px #5e35b1;
  margin-left: 0;
  padding-left: 5px;
  color: #5e35b1;
}
.fr-view blockquote blockquote {
  border-color: #00bcd4;
  color: #00bcd4;
}
.fr-view blockquote blockquote blockquote {
  border-color: #43a047;
  color: #43a047;
}
.fr-view span.fr-emoticon {
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  display: inline;
  line-height: 0;
}
.fr-view span.fr-emoticon.fr-emoticon-img {
  background-repeat: no-repeat !important;
  font-size: inherit;
  height: 1em;
  width: 1em;
  min-height: 20px;
  min-width: 20px;
  display: inline-block;
  margin: -0.1em 0.1em 0.1em;
  line-height: 1;
  vertical-align: middle;
}
.fr-view .fr-text-gray {
  color: #AAA !important;
}
.fr-view .fr-text-bordered {
  border-top: solid 1px #222;
  border-bottom: solid 1px #222;
  padding: 10px 0;
}
.fr-view .fr-text-spaced {
  letter-spacing: 1px;
}
.fr-view .fr-text-uppercase {
  text-transform: uppercase;
}
.fr-view img {
  position: relative;
  max-width: 100%;
}
.fr-view img.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view img.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view img.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view img.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
.fr-view img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption {
  position: relative;
  max-width: 100%;
}
.fr-view span.fr-img-caption.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
.fr-view span.fr-img-caption.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
.fr-view span.fr-img-caption.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
.fr-view span.fr-img-caption.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
.fr-view span.fr-img-caption.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
.fr-view span.fr-img-caption.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
.fr-view .fr-video {
  text-align: center;
  position: relative;
}
.fr-view .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-view .fr-video.fr-dvb {
  display: block;
  clear: both;
}
.fr-view .fr-video.fr-dvb.fr-fvl {
  text-align: left;
}
.fr-view .fr-video.fr-dvb.fr-fvr {
  text-align: right;
}
.fr-view .fr-video.fr-dvi {
  display: inline-block;
}
.fr-view .fr-video.fr-dvi.fr-fvl {
  float: left;
}
.fr-view .fr-video.fr-dvi.fr-fvr {
  float: right;
}
.fr-view a.fr-strong {
  font-weight: 700;
}
.fr-view a.fr-green {
  color: green;
}
.fr-view .fr-img-caption {
  text-align: center;
}
.fr-view .fr-img-caption .fr-img-wrap {
  padding: 0px;
  display: inline-block;
  margin: auto;
  text-align: center;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap img {
  display: block;
  margin: auto;
  width: 100%;
}
.fr-view .fr-img-caption .fr-img-wrap > span {
  margin: auto;
  display: block;
  padding: 5px 5px 10px;
  font-size: 14px;
  font-weight: initial;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  width: 100%;
  text-align: center;
}
.fr-view button.fr-rounded,
.fr-view input.fr-rounded,
.fr-view textarea.fr-rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-view button.fr-large,
.fr-view input.fr-large,
.fr-view textarea.fr-large {
  font-size: 24px;
}
/**
 * Image style.
 */
a.fr-view.fr-strong {
  font-weight: 700;
}
a.fr-view.fr-green {
  color: green;
}
/**
 * Link style.
 */
img.fr-view {
  position: relative;
  max-width: 100%;
}
img.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
img.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
img.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
img.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
img.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
img.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view {
  position: relative;
  max-width: 100%;
}
span.fr-img-caption.fr-view.fr-dib {
  margin: 5px auto;
  display: block;
  float: none;
  vertical-align: top;
}
span.fr-img-caption.fr-view.fr-dib.fr-fil {
  margin-left: 0;
  text-align: left;
}
span.fr-img-caption.fr-view.fr-dib.fr-fir {
  margin-right: 0;
  text-align: right;
}
span.fr-img-caption.fr-view.fr-dii {
  display: inline-block;
  float: none;
  vertical-align: bottom;
  margin-left: 5px;
  margin-right: 5px;
  max-width: calc(100% - (2 * 5px));
}
span.fr-img-caption.fr-view.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
span.fr-img-caption.fr-view.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

/*!
 * froala_editor v2.8.1 (https://www.froala.com/wysiwyg-editor)
 * License https://froala.com/wysiwyg-editor/terms/
 * Copyright 2014-2018 Froala Labs
 */

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element,
.fr-element:focus {
  outline: 0px solid transparent;
}
.fr-box.fr-basic .fr-element {
  color: #000000;
  padding: 16px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-x: auto;
  min-height: 52px;
}
.fr-box.fr-basic.fr-rtl .fr-element {
  text-align: right;
}
.fr-element {
  background: transparent;
  position: relative;
  z-index: 2;
  -webkit-user-select: auto;
}
.fr-element a {
  user-select: auto;
  -o-user-select: auto;
  -moz-user-select: auto;
  -khtml-user-select: auto;
  -webkit-user-select: auto;
  -ms-user-select: auto;
}
.fr-element.fr-disabled {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element [contenteditable="true"] {
  outline: 0px solid transparent;
}
.fr-box a.fr-floating-btn {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  height: 32px;
  width: 32px;
  background: #ffffff;
  color: #1e88e5;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s, transform 0.2s ease 0s;
  outline: none;
  left: 0;
  top: 0;
  line-height: 32px;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  text-align: center;
  display: block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
}
.fr-box a.fr-floating-btn svg {
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
  fill: #1e88e5;
}
.fr-box a.fr-floating-btn i,
.fr-box a.fr-floating-btn svg {
  font-size: 14px;
  line-height: 32px;
}
.fr-box a.fr-floating-btn.fr-btn + .fr-btn {
  margin-left: 10px;
}
.fr-box a.fr-floating-btn:hover {
  background: #ebebeb;
  cursor: pointer;
}
.fr-box a.fr-floating-btn:hover svg {
  fill: #1e88e5;
}
.fr-box .fr-visible a.fr-floating-btn {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}
iframe.fr-iframe {
  width: 100%;
  border: none;
  position: relative;
  display: block;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-wrapper {
  position: relative;
  z-index: 1;
}
.fr-wrapper::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-wrapper .fr-placeholder {
  position: absolute;
  font-size: 12px;
  color: #aaaaaa;
  z-index: 1;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  overflow: hidden;
}
.fr-wrapper.show-placeholder .fr-placeholder {
  display: block;
}
.fr-wrapper ::-moz-selection {
  background: #b5d6fd;
  color: #000000;
}
.fr-wrapper ::selection {
  background: #b5d6fd;
  color: #000000;
}
.fr-box.fr-basic .fr-wrapper {
  background: #ffffff;
  border: 0px;
  border-top: 0;
  top: 0;
  left: 0;
}
.fr-box.fr-basic.fr-top .fr-wrapper {
  border-top: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-box.fr-basic.fr-bottom .fr-wrapper {
  border-bottom: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-tooltip {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 8px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  background: #222222;
  color: #ffffff;
  font-size: 11px;
  line-height: 22px;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  left: -3000px;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  z-index: 2147483647;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.fr-tooltip.fr-visible {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-toolbar .fr-command.fr-btn,
.fr-popup .fr-command.fr-btn {
  background: transparent;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  margin: 0px 2px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  float: left;
  padding: 0;
  width: 38px;
  height: 38px;
}
.fr-toolbar .fr-command.fr-btn::-moz-focus-inner,
.fr-popup .fr-command.fr-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.fr-toolbar .fr-command.fr-btn.fr-btn-text,
.fr-popup .fr-command.fr-btn.fr-btn-text {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-toolbar .fr-command.fr-btn svg,
.fr-popup .fr-command.fr-btn svg {
  display: block;
  font-size: 14px;
  width: 14px;
  margin: 12px 12px;
  text-align: center;
  float: none;
}
.fr-toolbar .fr-command.fr-btn span.fr-sr-only,
.fr-popup .fr-command.fr-btn span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-toolbar .fr-command.fr-btn span,
.fr-popup .fr-command.fr-btn span {
  font-size: 14px;
  display: block;
  line-height: 17px;
  min-width: 34px;
  float: left;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  height: 17px;
  font-weight: bold;
  padding: 0 2px;
}
.fr-toolbar .fr-command.fr-btn img,
.fr-popup .fr-command.fr-btn img {
  margin: 12px 12px;
  width: 14px;
}
.fr-toolbar .fr-command.fr-btn.fr-active,
.fr-popup .fr-command.fr-btn.fr-active {
  color: #1e88e5;
  background: transparent;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection {
  width: auto;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-selection span,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-selection span {
  font-weight: normal;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown i,
.fr-popup .fr-command.fr-btn.fr-dropdown i,
.fr-toolbar .fr-command.fr-btn.fr-dropdown span,
.fr-popup .fr-command.fr-btn.fr-dropdown span,
.fr-toolbar .fr-command.fr-btn.fr-dropdown img,
.fr-popup .fr-command.fr-btn.fr-dropdown img,
.fr-toolbar .fr-command.fr-btn.fr-dropdown svg,
.fr-popup .fr-command.fr-btn.fr-dropdown svg {
  margin-left: 8px;
  margin-right: 16px;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  color: #222222;
  background: #d6d6d6;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus {
  background: #d6d6d6 !important;
  color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover::after,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus::after,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus::after {
  border-top-color: #222222 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  position: absolute;
  width: 0;
  height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 4px solid #222222;
  right: 4px;
  top: 17px;
  content: "";
}
.fr-toolbar .fr-command.fr-btn.fr-disabled,
.fr-popup .fr-command.fr-btn.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-toolbar .fr-command.fr-btn.fr-disabled::after,
.fr-popup .fr-command.fr-btn.fr-disabled::after {
  border-top-color: #bdbdbd !important;
}
.fr-toolbar .fr-command.fr-btn.fr-hidden,
.fr-popup .fr-command.fr-btn.fr-hidden {
  display: none;
}
.fr-toolbar.fr-disabled .fr-btn,
.fr-popup.fr-disabled .fr-btn,
.fr-toolbar.fr-disabled .fr-btn.fr-active,
.fr-popup.fr-disabled .fr-btn.fr-active {
  color: #bdbdbd;
}
.fr-toolbar.fr-disabled .fr-btn.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-dropdown::after,
.fr-toolbar.fr-disabled .fr-btn.fr-active.fr-dropdown::after,
.fr-popup.fr-disabled .fr-btn.fr-active.fr-dropdown::after {
  border-top-color: #bdbdbd;
}
.fr-toolbar.fr-rtl .fr-command.fr-btn,
.fr-popup.fr-rtl .fr-command.fr-btn {
  float: right;
}
.fr-toolbar.fr-inline .fr-command.fr-btn:not(.fr-hidden) {
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  float: none;
}
.fr-desktop .fr-command:hover,
.fr-desktop .fr-command:focus {
  outline: 0;
  color: #222222;
  background: #ebebeb;
}
.fr-desktop .fr-command:hover::after,
.fr-desktop .fr-command:focus::after {
  border-top-color: #222222 !important;
}
.fr-desktop .fr-command.fr-selected {
  color: #222222;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-active:hover,
.fr-desktop .fr-command.fr-active:focus {
  color: #1e88e5;
  background: #ebebeb;
}
.fr-desktop .fr-command.fr-active.fr-selected {
  color: #1e88e5;
  background: #d6d6d6;
}
.fr-desktop .fr-command.fr-disabled:hover,
.fr-desktop .fr-command.fr-disabled:focus,
.fr-desktop .fr-command.fr-disabled.fr-selected {
  background: transparent;
}
.fr-desktop.fr-disabled .fr-command:hover,
.fr-desktop.fr-disabled .fr-command:focus,
.fr-desktop.fr-disabled .fr-command.fr-selected {
  background: transparent;
}
.fr-toolbar.fr-mobile .fr-command.fr-blink,
.fr-popup.fr-mobile .fr-command.fr-blink {
  background: transparent;
}
.fr-command.fr-btn + .fr-dropdown-menu {
  display: inline-block;
  position: absolute;
  right: auto;
  bottom: auto;
  height: auto;
  z-index: 4;
  -webkit-overflow-scrolling: touch;
  overflow: hidden;
  zoom: 1;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-command.fr-btn + .fr-dropdown-menu.test-height .fr-dropdown-wrapper {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  height: auto;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper {
  background: #ffffff;
  padding: 0;
  margin: auto;
  display: inline-block;
  text-align: left;
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: max-height 0.2s ease 0s;
  -moz-transition: max-height 0.2s ease 0s;
  -ms-transition: max-height 0.2s ease 0s;
  -o-transition: max-height 0.2s ease 0s;
  margin-top: 0;
  float: left;
  max-height: 0;
  height: 0;
  margin-top: 0 !important;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content {
  overflow: auto;
  position: relative;
  max-height: 275px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li {
  padding: 0;
  margin: 0;
  font-size: 15px;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 0 24px;
  line-height: 200%;
  display: block;
  cursor: pointer;
  white-space: nowrap;
  color: inherit;
  text-decoration: none;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #d6d6d6;
}
.fr-command.fr-btn + .fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-disabled {
  color: #bdbdbd;
  cursor: default;
}
.fr-command.fr-btn:not(.fr-active) + .fr-dropdown-menu {
  left: -3000px !important;
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu {
  display: inline-block;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
}
.fr-command.fr-btn.fr-active + .fr-dropdown-menu .fr-dropdown-wrapper {
  height: auto;
  max-height: 275px;
}
.fr-bottom > .fr-command.fr-btn + .fr-dropdown-menu {
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-toolbar.fr-rtl .fr-dropdown-wrapper,
.fr-popup.fr-rtl .fr-dropdown-wrapper {
  text-align: right !important;
}
body.prevent-scroll {
  overflow: hidden;
}
body.prevent-scroll.fr-mobile {
  position: fixed;
  -webkit-overflow-scrolling: touch;
}
.fr-modal {
  color: #222222;
  font-family: Arial, Helvetica, sans-serif;
  position: fixed;
  overflow-x: auto;
  overflow-y: scroll;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  z-index: 2147483640;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  line-height: 1.2;
}
.fr-modal.fr-middle .fr-modal-wrapper {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  position: absolute;
}
.fr-modal .fr-modal-wrapper {
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  margin: 20px auto;
  display: inline-block;
  background: #ffffff;
  min-width: 300px;
  -webkit-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 5px 8px rgba(0, 0, 0, 0.19), 0 4px 3px 1px rgba(0, 0, 0, 0.14);
  border: 0px;
  border-top: 5px solid #222222;
  overflow: hidden;
  width: 90%;
  position: relative;
}
@media (min-width: 768px) and (max-width: 991px) {
  .fr-modal .fr-modal-wrapper {
    margin: 30px auto;
    width: 70%;
  }
}
@media (min-width: 992px) {
  .fr-modal .fr-modal-wrapper {
    margin: 50px auto;
    width: 600px;
  }
}
.fr-modal .fr-modal-wrapper .fr-modal-head {
  background: #ffffff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 2px 2px 1px rgba(0, 0, 0, 0.14);
  border-bottom: 0px;
  overflow: hidden;
  position: absolute;
  width: 100%;
  min-height: 42px;
  z-index: 3;
  -webkit-transition: height 0.2s ease 0s;
  -moz-transition: height 0.2s ease 0s;
  -ms-transition: height 0.2s ease 0s;
  -o-transition: height 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head .fr-modal-close {
  padding: 12px;
  width: 20px;
  font-size: 16px;
  cursor: pointer;
  line-height: 18px;
  color: #222222;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  position: absolute;
  top: 0;
  right: 0;
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
}
.fr-modal .fr-modal-wrapper .fr-modal-head h4 {
  font-size: 18px;
  padding: 12px 10px;
  margin: 0;
  font-weight: 400;
  line-height: 18px;
  display: inline-block;
  float: left;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body {
  height: 100%;
  min-height: 150px;
  overflow-y: scroll;
  padding-bottom: 10px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body:focus {
  outline: 0;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command + button {
  margin-left: 24px;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:hover,
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}
.fr-modal .fr-modal-wrapper div.fr-modal-body button::-moz-focus-inner {
  border: 0;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head i:hover {
  background: #ebebeb;
}
.fr-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #000000;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  z-index: 2147483639;
}
.fr-popup {
  position: absolute;
  display: none;
  color: #222222;
  background: #ffffff;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  margin-top: 10px;
  z-index: 2147483635;
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-popup .fr-input-focus {
  background: #f5f5f5;
}
.fr-popup.fr-above {
  margin-top: -10px;
  border-top: 0;
  border-bottom: 5px solid #222222;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-popup.fr-active {
  display: block;
}
.fr-popup.fr-hidden {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-popup.fr-empty {
  display: none !important;
}
.fr-popup .fr-hs {
  display: block !important;
}
.fr-popup .fr-hs.fr-hidden {
  display: none !important;
}
.fr-popup .fr-input-line {
  position: relative;
  padding: 8px 0;
}
.fr-popup .fr-input-line input[type="text"],
.fr-popup .fr-input-line textarea {
  width: 100%;
  margin: 0px 0 1px 0;
  border: none;
  border-bottom: solid 1px #bdbdbd;
  color: #222222;
  font-size: 14px;
  padding: 6px 0 2px;
  background: rgba(0, 0, 0, 0);
  position: relative;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-input-line input[type="text"]:focus,
.fr-popup .fr-input-line textarea:focus {
  border-bottom: solid 2px #1e88e5;
  margin-bottom: 0px;
}
.fr-popup .fr-input-line input + label,
.fr-popup .fr-input-line textarea + label {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12px;
  color: rgba(0, 0, 0, 0);
  -webkit-transition: color 0.2s ease 0s;
  -moz-transition: color 0.2s ease 0s;
  -ms-transition: color 0.2s ease 0s;
  -o-transition: color 0.2s ease 0s;
  z-index: 3;
  width: 100%;
  display: block;
  background: #ffffff;
}
.fr-popup .fr-input-line input.fr-not-empty:focus + label,
.fr-popup .fr-input-line textarea.fr-not-empty:focus + label {
  color: #1e88e5;
}
.fr-popup .fr-input-line input.fr-not-empty + label,
.fr-popup .fr-input-line textarea.fr-not-empty + label {
  color: #808080;
}
.fr-popup input,
.fr-popup textarea {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  outline: none;
}
.fr-popup textarea {
  resize: none;
}
.fr-popup .fr-buttons {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  padding: 0 2px;
  white-space: nowrap;
  line-height: 0;
  border-bottom: 0px;
}
.fr-popup .fr-buttons::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup .fr-buttons .fr-btn {
  display: inline-block;
  float: none;
}
.fr-popup .fr-buttons .fr-btn i {
  float: left;
}
.fr-popup .fr-buttons .fr-separator {
  display: inline-block;
  float: none;
}
.fr-popup .fr-layer {
  width: 225px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 10px;
  display: none;
}
@media (min-width: 768px) {
  .fr-popup .fr-layer {
    width: 300px;
  }
}
.fr-popup .fr-layer.fr-active {
  display: inline-block;
}
.fr-popup .fr-action-buttons {
  z-index: 7;
  height: 36px;
  text-align: right;
}
.fr-popup .fr-action-buttons button.fr-command {
  height: 36px;
  line-height: 1;
  color: #1e88e5;
  padding: 10px;
  cursor: pointer;
  text-decoration: none;
  border: none;
  background: none;
  font-size: 16px;
  outline: none;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-popup .fr-action-buttons button.fr-command + button {
  margin-left: 24px;
}
.fr-popup .fr-action-buttons button.fr-command:hover,
.fr-popup .fr-action-buttons button.fr-command:focus {
  background: #ebebeb;
  color: #1e88e5;
}
.fr-popup .fr-action-buttons button.fr-command:active {
  background: #d6d6d6;
  color: #1e88e5;
}
.fr-popup .fr-action-buttons button::-moz-focus-inner {
  border: 0;
}
.fr-popup .fr-checkbox {
  position: relative;
  display: inline-block;
  width: 16px;
  height: 16px;
  line-height: 1;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  vertical-align: middle;
}
.fr-popup .fr-checkbox svg {
  margin-left: 2px;
  margin-top: 2px;
  display: none;
  width: 10px;
  height: 10px;
}
.fr-popup .fr-checkbox span {
  border: solid 1px #222222;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  width: 16px;
  height: 16px;
  display: inline-block;
  position: relative;
  z-index: 1;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, border-color 0.2s ease 0s;
}
.fr-popup .fr-checkbox input {
  position: absolute;
  z-index: 2;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border: 0 none;
  cursor: pointer;
  height: 16px;
  margin: 0;
  padding: 0;
  width: 16px;
  top: 1px;
  left: 1px;
}
.fr-popup .fr-checkbox input:checked + span {
  background: #1e88e5;
  border-color: #1e88e5;
}
.fr-popup .fr-checkbox input:checked + span svg {
  display: block;
}
.fr-popup .fr-checkbox input:focus + span {
  border-color: #1e88e5;
}
.fr-popup .fr-checkbox-line {
  font-size: 14px;
  line-height: 1.4px;
  margin-top: 10px;
}
.fr-popup .fr-checkbox-line label {
  cursor: pointer;
  margin: 0 5px;
  vertical-align: middle;
}
.fr-popup.fr-rtl {
  direction: rtl;
  text-align: right;
}
.fr-popup.fr-rtl .fr-action-buttons {
  text-align: left;
}
.fr-popup.fr-rtl .fr-input-line input + label,
.fr-popup.fr-rtl .fr-input-line textarea + label {
  left: auto;
  right: 0;
}
.fr-popup.fr-rtl .fr-buttons .fr-separator.fr-vs {
  float: right;
}
.fr-popup .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}
.fr-popup.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top: 5px solid #222222;
}
.fr-text-edit-layer {
  width: 250px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: block !important;
}
.fr-toolbar {
  color: #222222;
  background: #ffffff;
  position: relative;
  z-index: 4;
  font-family: Arial, Helvetica, sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  padding: 0 2px;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  text-align: left;
  border: 0px;
  border-top: 5px solid #222222;
  text-rendering: optimizelegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.2;
}
.fr-toolbar::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-toolbar.fr-rtl {
  text-align: right;
}
.fr-toolbar.fr-inline {
  display: none;
  white-space: nowrap;
  position: absolute;
  margin-top: 10px;
}
.fr-toolbar.fr-inline .fr-arrow {
  width: 0;
  height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #222222;
  position: absolute;
  top: -9px;
  left: 50%;
  margin-left: -5px;
  display: inline-block;
}
.fr-toolbar.fr-inline.fr-above {
  margin-top: -10px;
  -webkit-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 -1px 3px rgba(0, 0, 0, 0.12), 0 -1px 1px 1px rgba(0, 0, 0, 0.16);
  border-bottom: 5px solid #222222;
  border-top: 0;
}
.fr-toolbar.fr-inline.fr-above .fr-arrow {
  top: auto;
  bottom: -9px;
  border-bottom: 0;
  border-top-color: inherit;
  border-top-style: solid;
  border-top-width: 5px;
}
.fr-toolbar.fr-top {
  top: 0;
  border-radius: 2px 2px 0 0;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-toolbar.fr-bottom {
  bottom: 0;
  border-radius: 0 0 2px 2px;
  -moz-border-radius: 0 0 2px 2px;
  -webkit-border-radius: 0 0 2px 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-separator {
  background: #ebebeb;
  display: block;
  vertical-align: top;
  float: left;
}
.fr-separator + .fr-separator {
  display: none;
}
.fr-separator.fr-vs {
  height: 34px;
  width: 1px;
  margin: 2px;
}
.fr-separator.fr-hs {
  clear: both;
  height: 1px;
  width: calc(100% - (2 * 2px));
  margin: 0 2px;
}
.fr-separator.fr-hidden {
  display: none !important;
}
.fr-rtl .fr-separator {
  float: right;
}
.fr-toolbar.fr-inline .fr-separator.fr-hs {
  float: none;
}
.fr-toolbar.fr-inline .fr-separator.fr-vs {
  float: none;
  display: inline-block;
}
.fr-visibility-helper {
  display: none;
  margin-left: 0px !important;
}
@media (min-width: 768px) {
  .fr-visibility-helper {
    margin-left: 1px !important;
  }
}
@media (min-width: 992px) {
  .fr-visibility-helper {
    margin-left: 2px !important;
  }
}
@media (min-width: 1200px) {
  .fr-visibility-helper {
    margin-left: 3px !important;
  }
}
.fr-opacity-0 {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-box {
  position: relative;
}
/**
 * Postion sticky hacks.
 */
.fr-sticky {
  position: -webkit-sticky;
  position: -moz-sticky;
  position: -ms-sticky;
  position: -o-sticky;
  position: sticky;
}
.fr-sticky-off {
  position: relative;
}
.fr-sticky-on {
  position: fixed;
}
.fr-sticky-on.fr-sticky-ios {
  position: absolute;
  left: 0;
  right: 0;
  width: auto !important;
}
.fr-sticky-dummy {
  display: none;
}
.fr-sticky-on + .fr-sticky-dummy,
.fr-sticky-box > .fr-sticky-dummy {
  display: block;
}
span.fr-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-box .fr-counter {
  position: absolute;
  bottom: 0px;
  padding: 5px;
  right: 0px;
  color: #cccccc;
  content: attr(data-chars);
  font-size: 15px;
  font-family: "Times New Roman", Georgia, Serif;
  z-index: 1;
  background: #ffffff;
  border-top: solid 1px #ebebeb;
  border-left: solid 1px #ebebeb;
  border-radius: 2px 0 0 0;
  -moz-border-radius: 2px 0 0 0;
  -webkit-border-radius: 2px 0 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-rtl .fr-counter {
  left: 0px;
  right: auto;
  border-left: none;
  border-right: solid 1px #ebebeb;
  border-radius: 0 2px 0 0;
  -moz-border-radius: 0 2px 0 0;
  -webkit-border-radius: 0 2px 0 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
}
.fr-box.fr-code-view .fr-counter {
  display: none;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
textarea.fr-code {
  display: none;
  width: 100%;
  resize: none;
  -moz-resize: none;
  -webkit-resize: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: none;
  padding: 10px;
  margin: 0px;
  font-family: "Courier New", monospace;
  font-size: 14px;
  background: #ffffff;
  color: #000000;
  outline: none;
}
.fr-box.fr-rtl textarea.fr-code {
  direction: rtl;
}
.fr-box .CodeMirror {
  display: none;
}
.fr-box.fr-code-view textarea.fr-code {
  display: block;
}
.fr-box.fr-code-view.fr-inline {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
}
.fr-box.fr-code-view .fr-element,
.fr-box.fr-code-view .fr-placeholder,
.fr-box.fr-code-view .fr-iframe {
  display: none;
}
.fr-box.fr-code-view .CodeMirror {
  display: block;
}
.fr-box.fr-inline.fr-code-view .fr-command.fr-btn.html-switch {
  display: block;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch {
  position: absolute;
  top: 0;
  right: 0;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  display: none;
  background: #ffffff;
  color: #222222;
  -moz-outline: 0;
  outline: 0;
  border: 0;
  line-height: 1;
  cursor: pointer;
  text-align: left;
  padding: 12px 12px;
  -webkit-transition: background 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  z-index: 2;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-decoration: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch i {
  font-size: 14px;
  width: 14px;
  text-align: center;
}
.fr-box.fr-inline .fr-command.fr-btn.html-switch.fr-desktop:hover {
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-colors-tabs {
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  margin-bottom: 5px;
  line-height: 16px;
  margin-left: -2px;
  margin-right: -2px;
}
.fr-popup .fr-colors-tabs .fr-colors-tab {
  display: inline-block;
  width: 50%;
  cursor: pointer;
  text-align: center;
  color: #222222;
  font-size: 13px;
  padding: 8px 0;
  position: relative;
}
.fr-popup .fr-colors-tabs .fr-colors-tab:hover,
.fr-popup .fr-colors-tabs .fr-colors-tab:focus {
  color: #1e88e5;
}
.fr-popup .fr-colors-tabs .fr-colors-tab[data-param1="background"]::after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
  background: #1e88e5;
  content: '';
  -webkit-transition: transform 0.2s ease 0s;
  -moz-transition: transform 0.2s ease 0s;
  -ms-transition: transform 0.2s ease 0s;
  -o-transition: transform 0.2s ease 0s;
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab {
  color: #1e88e5;
}
.fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
}
.fr-popup .fr-color-hex-layer {
  width: 100%;
  margin: 0px;
  padding: 10px;
}
.fr-popup .fr-color-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 8px 0 0;
}
.fr-popup .fr-color-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button {
  background-color: #1e88e5;
  color: #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}
.fr-popup .fr-color-hex-layer .fr-action-buttons button:hover {
  background-color: #166dba;
  color: #FFF;
}
.fr-popup .fr-separator + .fr-colors-tabs {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  margin-left: 2px;
  margin-right: 2px;
}
.fr-popup .fr-color-set {
  line-height: 0;
  display: none;
}
.fr-popup .fr-color-set.fr-selected-set {
  display: block;
}
.fr-popup .fr-color-set > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.fr-popup .fr-color-set > span > i,
.fr-popup .fr-color-set > span > svg {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}
.fr-popup .fr-color-set > span .fr-selected-color {
  color: #ffffff;
  font-family: FontAwesome;
  font-size: 13px;
  font-weight: 400;
  line-height: 32px;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  text-align: center;
  cursor: default;
}
.fr-popup .fr-color-set > span:hover,
.fr-popup .fr-color-set > span:focus {
  outline: 1px solid #222222;
  z-index: 2;
}
.fr-rtl .fr-popup .fr-colors-tabs .fr-colors-tab.fr-selected-tab[data-param1="text"] ~ [data-param1="background"]::after {
  -webkit-transform: translate3d(100%, 0, 0);
  -moz-transform: translate3d(100%, 0, 0);
  -ms-transform: translate3d(100%, 0, 0);
  -o-transform: translate3d(100%, 0, 0);
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-drag-helper {
  background: #1e88e5;
  height: 2px;
  margin-top: -1px;
  -webkit-opacity: 0.2;
  -moz-opacity: 0.2;
  opacity: 0.2;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  z-index: 2147483640;
  display: none;
}
.fr-drag-helper.fr-visible {
  display: block;
}
.fr-dragging {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-emoticon {
  display: inline-block;
  font-size: 20px;
  width: 20px;
  padding: 5px;
  line-height: 1;
  cursor: default;
  font-weight: normal;
  font-family: "Apple Color Emoji", "Segoe UI Emoji", "NotoColorEmoji", "Segoe UI Symbol", "Android Emoji", "EmojiSymbols";
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-popup .fr-emoticon img {
  height: 20px;
}
.fr-popup .fr-link:focus {
  outline: 0;
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-popup .fr-file-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.fr-popup .fr-file-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-file-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.fr-popup .fr-file-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-file-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px;
}
.fr-popup .fr-file-progress-bar-layer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-popup .fr-file-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-file-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-file-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}

body.fr-fullscreen {
  overflow: hidden;
  height: 100%;
  width: 100%;
  position: fixed;
}
.fr-box.fr-fullscreen {
  margin: 0 !important;
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483630 !important;
  width: auto !important;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-top {
  top: 0 !important;
}
.fr-box.fr-fullscreen .fr-toolbar.fr-bottom {
  bottom: 0 !important;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal {
  text-align: left;
  padding: 20px 20px 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table {
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.5;
  width: 100%;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table + table {
  margin-top: 20px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tr {
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table th,
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table td {
  padding: 6px 0 4px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody tr {
  border-bottom: solid 1px #ebebeb;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:first-child {
  width: 60%;
  color: #646464;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-help-modal table tbody td:nth-child(n+2) {
  letter-spacing: 0.5px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element img {
  cursor: pointer;
}
.fr-image-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-image-resizer.fr-active {
  display: block;
}
.fr-image-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-image-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-image-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-image-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-image-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-image-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-image-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-image-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-image-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-image-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-image-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-image-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-image-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}
.fr-popup .fr-image-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-image-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-image-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.fr-popup .fr-image-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-image-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px;
}
.fr-popup .fr-image-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-image-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-image-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-image-size-layer .fr-image-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-image-size-layer .fr-image-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-uploading {
  -webkit-opacity: 0.4;
  -moz-opacity: 0.4;
  opacity: 0.4;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
@keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-webkit-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-moz-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}
@-o-keyframes loading {
  from {
    left: -25%;
  }
  to {
    left: 100%;
  }
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal-head .fr-modal-head-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more {
  float: left;
  opacity: 1;
  -webkit-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -moz-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -ms-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  -o-transition: padding 0.2s ease 0s, width 0.2s ease 0s, opacity 0.2s ease 0s;
  padding: 12px;
}
.fr-modal-head .fr-modal-head-line i.fr-modal-more.fr-not-available {
  opacity: 0;
  width: 0;
  padding: 12px 0;
}
.fr-modal-head .fr-modal-tags {
  display: none;
  text-align: left;
}
.fr-modal-head .fr-modal-tags a {
  display: inline-block;
  opacity: 0;
  padding: 6px 8px;
  margin: 8px 0 8px 8px;
  text-decoration: none;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  color: #1e88e5;
  -webkit-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, background 0.2s ease 0s;
  cursor: pointer;
}
.fr-modal-head .fr-modal-tags a:focus {
  outline: none;
}
.fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}
div.fr-modal-body .fr-preloader {
  display: block;
  margin: 50px auto;
}
div.fr-modal-body div.fr-image-list {
  text-align: center;
  margin: 0 10px;
  padding: 0;
}
div.fr-modal-body div.fr-image-list::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
div.fr-modal-body div.fr-image-list .fr-list-column {
  float: left;
  width: calc((100% - 10px) / 2);
}
@media (min-width: 768px) and (max-width: 1199px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 20px) / 3);
  }
}
@media (min-width: 1200px) {
  div.fr-modal-body div.fr-image-list .fr-list-column {
    width: calc((100% - 30px) / 4);
  }
}
div.fr-modal-body div.fr-image-list .fr-list-column + .fr-list-column {
  margin-left: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container {
  position: relative;
  width: 100%;
  display: block;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  overflow: hidden;
}
div.fr-modal-body div.fr-image-list div.fr-image-container:first-child {
  margin-top: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container + div {
  margin-top: 10px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::after {
  position: absolute;
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s;
  background: #000000;
  content: "";
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-image-deleting::before {
  content: attr(data-deleting);
  color: #ffffff;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 3;
  font-size: 15px;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty {
  height: 95px;
  background: #cccccc;
  z-index: 1;
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-empty::after {
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  content: attr(data-loading);
  display: inline-block;
  height: 20px;
}
div.fr-modal-body div.fr-image-list div.fr-image-container img {
  width: 100%;
  vertical-align: middle;
  position: relative;
  z-index: 2;
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -moz-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -ms-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -o-transition: opacity 0.2s ease 0s, filter 0.2s ease 0s;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container.fr-mobile-selected .fr-insert-img {
  display: inline-block;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img,
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  display: none;
  top: 50%;
  border-radius: 100%;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -moz-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -ms-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -o-transition: background 0.2s ease 0s, color 0.2s ease 0s;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 1px 1px rgba(0, 0, 0, 0.16);
  position: absolute;
  cursor: pointer;
  margin: 0;
  width: 36px;
  height: 36px;
  line-height: 36px;
  text-decoration: none;
  z-index: 3;
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img {
  background: #b8312f;
  color: #ffffff;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(25%);
  -moz-transform: translateY(-50%) translateX(25%);
  -ms-transform: translateY(-50%) translateX(25%);
  -o-transform: translateY(-50%) translateX(25%);
}
div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img {
  background: #ffffff;
  color: #1e88e5;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-125%);
  -moz-transform: translateY(-50%) translateX(-125%);
  -ms-transform: translateY(-50%) translateX(-125%);
  -o-transform: translateY(-50%) translateX(-125%);
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a:hover {
  background: #ebebeb;
}
.fr-desktop .fr-modal-wrapper .fr-modal-head .fr-modal-tags a.fr-selected-tag {
  background: #d6d6d6;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover img {
  -webkit-opacity: 0.75;
  -moz-opacity: 0.75;
  opacity: 0.75;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-delete-img,
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container:hover .fr-insert-img {
  display: inline-block;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-delete-img:hover {
  background: #bf4644;
  color: #ffffff;
}
.fr-desktop .fr-modal-wrapper div.fr-modal-body div.fr-image-list div.fr-image-container .fr-insert-img:hover {
  background: #ebebeb;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-line-breaker {
  cursor: text;
  border-top: 1px solid #1e88e5;
  position: fixed;
  z-index: 2;
  display: none;
}
.fr-line-breaker.fr-visible {
  display: block;
}
.fr-line-breaker a.fr-floating-btn {
  position: absolute;
  left: calc(50% - (32px / 2));
  top: -16px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-quick-insert {
  position: absolute;
  z-index: 2147483639;
  white-space: nowrap;
  padding-right: 5px;
  margin-left: -5px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.fr-quick-insert.fr-on a.fr-floating-btn svg {
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.fr-quick-insert.fr-hidden {
  display: none;
}
.fr-qi-helper {
  position: absolute;
  z-index: 3;
  padding-left: 16px;
  white-space: nowrap;
}
.fr-qi-helper a.fr-btn.fr-floating-btn {
  text-align: center;
  display: inline-block;
  color: #222222;
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
}
.fr-qi-helper a.fr-btn.fr-floating-btn.fr-size-1 {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal {
  text-align: left;
  padding: 20px 20px 10px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-list {
  margin-bottom: 20px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-characters-title {
  font-weight: bold;
  font-size: 14px;
  padding: 6px 0 4px;
  margin: 0 0 5px;
}
.fr-modal .fr-modal-wrapper .fr-modal-body .fr-special-characters-modal .fr-special-character {
  display: inline-block;
  font-size: 16px;
  width: 20px;
  height: 20px;
  padding: 5px;
  line-height: 20px;
  cursor: default;
  font-weight: normal;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  text-align: center;
  border: 1px solid #cccccc;
  margin: -1px 0 0 -1px;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element table td.fr-selected-cell,
.fr-element table th.fr-selected-cell {
  border: 1px double #1e88e5;
}
.fr-element table tr {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element table td,
.fr-element table th {
  user-select: text;
  -o-user-select: text;
  -moz-user-select: text;
  -khtml-user-select: text;
  -webkit-user-select: text;
  -ms-user-select: text;
}
.fr-element .fr-no-selection table td,
.fr-element .fr-no-selection table th {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-table-resizer {
  cursor: col-resize;
  position: absolute;
  z-index: 3;
  display: none;
}
.fr-table-resizer.fr-moving {
  z-index: 2;
}
.fr-table-resizer div {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  border-right: 1px solid #1e88e5;
}
.fr-no-selection {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-popup .fr-table-colors-hex-layer {
  width: 100%;
  margin: 0px;
  padding: 10px;
}
.fr-popup .fr-table-colors-hex-layer .fr-input-line {
  float: left;
  width: calc(100% - 50px);
  padding: 8px 0 0;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons {
  float: right;
  width: 50px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button {
  background-color: #1e88e5;
  color: #FFF;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  font-size: 13px;
  height: 32px;
}
.fr-popup .fr-table-colors-hex-layer .fr-action-buttons button:hover {
  background-color: #166dba;
  color: #FFF;
}
.fr-popup .fr-table-size .fr-table-size-info {
  text-align: center;
  font-size: 14px;
  padding: 8px;
}
.fr-popup .fr-table-size .fr-select-table-size {
  line-height: 0;
  padding: 0 5px 5px;
  white-space: nowrap;
}
.fr-popup .fr-table-size .fr-select-table-size > span {
  display: inline-block;
  padding: 0px 4px 4px 0;
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span > span {
  display: inline-block;
  width: 18px;
  height: 18px;
  border: 1px solid #dddddd;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover {
  background: transparent;
}
.fr-popup .fr-table-size .fr-select-table-size > span.hover > span {
  background: rgba(30, 136, 229, 0.3);
  border: solid 1px #1e88e5;
}
.fr-popup .fr-table-size .fr-select-table-size .new-line::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.fr-popup.fr-above .fr-table-size .fr-select-table-size > span {
  display: inline-block !important;
}
.fr-popup .fr-table-colors-buttons {
  margin-bottom: 5px;
}
.fr-popup .fr-table-colors {
  line-height: 0;
  display: block;
}
.fr-popup .fr-table-colors > span {
  display: inline-block;
  width: 32px;
  height: 32px;
  position: relative;
  z-index: 1;
}
.fr-popup .fr-table-colors > span > i {
  text-align: center;
  line-height: 32px;
  height: 32px;
  width: 32px;
  font-size: 13px;
  position: absolute;
  bottom: 0;
  cursor: default;
  left: 0;
}
.fr-popup .fr-table-colors > span:focus {
  outline: 1px solid #222222;
  z-index: 2;
}
.fr-popup.fr-desktop .fr-table-size .fr-select-table-size > span > span {
  width: 12px;
  height: 12px;
}
.fr-insert-helper {
  position: absolute;
  z-index: 9999;
  white-space: nowrap;
}

.clearfix::after {
  clear: both;
  display: block;
  content: "";
  height: 0;
}
.hide-by-clipping {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}
.fr-element .fr-video {
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-element .fr-video::after {
  position: absolute;
  content: '';
  z-index: 1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  display: block;
  background: rgba(0, 0, 0, 0);
}
.fr-element .fr-video.fr-active > * {
  z-index: 2;
  position: relative;
}
.fr-element .fr-video > * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  max-width: 100%;
  border: none;
}
.fr-box .fr-video-resizer {
  position: absolute;
  border: solid 1px #1e88e5;
  display: none;
  user-select: none;
  -o-user-select: none;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.fr-box .fr-video-resizer.fr-active {
  display: block;
}
.fr-box .fr-video-resizer .fr-handler {
  display: block;
  position: absolute;
  background: #1e88e5;
  border: solid 1px #ffffff;
  z-index: 4;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  cursor: nw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  cursor: ne-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  cursor: sw-resize;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  cursor: se-resize;
}
.fr-box .fr-video-resizer .fr-handler {
  width: 12px;
  height: 12px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hnw {
  left: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hne {
  right: -6px;
  top: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hsw {
  left: -6px;
  bottom: -6px;
}
.fr-box .fr-video-resizer .fr-handler.fr-hse {
  right: -6px;
  bottom: -6px;
}
@media (min-width: 1200px) {
  .fr-box .fr-video-resizer .fr-handler {
    width: 10px;
    height: 10px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hnw {
    left: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hne {
    right: -5px;
    top: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hsw {
    left: -5px;
    bottom: -5px;
  }
  .fr-box .fr-video-resizer .fr-handler.fr-hse {
    right: -5px;
    bottom: -5px;
  }
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line {
  width: calc(50% - 5px);
  display: inline-block;
}
.fr-popup .fr-video-size-layer .fr-video-group .fr-input-line + .fr-input-line {
  margin-left: 10px;
}
.fr-popup .fr-video-upload-layer {
  border: dashed 2px #bdbdbd;
  padding: 25px 0;
  position: relative;
  font-size: 14px;
  letter-spacing: 1px;
  line-height: 140%;
  text-align: center;
}
.fr-popup .fr-video-upload-layer:hover {
  background: #ebebeb;
}
.fr-popup .fr-video-upload-layer.fr-drop {
  background: #ebebeb;
  border-color: #1e88e5;
}
.fr-popup .fr-video-upload-layer .fr-form {
  -webkit-opacity: 0;
  -moz-opacity: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483640;
  overflow: hidden;
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
.fr-popup .fr-video-upload-layer .fr-form input {
  cursor: pointer;
  position: absolute;
  right: 0px;
  top: 0px;
  bottom: 0px;
  width: 500%;
  height: 100%;
  margin: 0px;
  font-size: 400px;
}
.fr-popup .fr-video-progress-bar-layer > h3 {
  font-size: 16px;
  margin: 10px 0;
  font-weight: normal;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-action-buttons {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader {
  background: #bcdbf7;
  height: 10px;
  width: 100%;
  margin-top: 20px;
  overflow: hidden;
  position: relative;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader span {
  display: block;
  height: 100%;
  width: 0%;
  background: #1e88e5;
  -webkit-transition: width 0.2s ease 0s;
  -moz-transition: width 0.2s ease 0s;
  -ms-transition: width 0.2s ease 0s;
  -o-transition: width 0.2s ease 0s;
}
.fr-popup .fr-video-progress-bar-layer > div.fr-loader.fr-indeterminate span {
  width: 30% !important;
  position: absolute;
  top: 0;
  -webkit-animation: loading 2s linear infinite;
  -moz-animation: loading 2s linear infinite;
  -o-animation: loading 2s linear infinite;
  animation: loading 2s linear infinite;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-loader {
  display: none;
}
.fr-popup .fr-video-progress-bar-layer.fr-error > div.fr-action-buttons {
  display: block;
}
.fr-video-overlay {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 2147483640;
  display: none;
}

/** Import Identity stylus files **/
#CustomBuild .row h2 {
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 8px;
  margin-top: 30px;
  background: #496faf;
  padding: 14px;
  text-shadow: 1px 0 0 #000;
  text-align: left;
}
#CustomBuild .item-list li {
  cursor: pointer;
  padding: 12px;
  font-size: 12px;
  background: #353535;
  margin: 10px 0;
  height: 35px;
}
#CustomBuild .item-list li .name {
  line-height: 38px;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
  color: #fff;
  font-size: 19px;
  cursor: pointer;
  float: left;
}
#CustomBuild .item-list li .price {
  float: right;
  color: #fff;
  font-size: 20px;
  cursor: pointer;
  font-weight: 400;
  top: 7px;
  position: relative;
  right: 5px;
}
#Customize {
  font-family: 'Lato';
}
#Customize .container {
  background: rgba(10,38,60,0.85);
}
#Customize .title.row {
  background: #0f4773;
  position: absolute;
  max-width: 100%;
  padding: 0 30px !important;
  z-index: 5;
  height: 90px;
}
#Customize .title.row #CartOptions {
  width: 200px;
  position: absolute;
  right: 0;
  bottom: 0;
  height: 50px;
  padding: 20px 0;
  color: #fff;
  font-size: 15px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 1px;
  text-shadow: 1px 0px 0px #3b445d;
  cursor: pointer;
}
#Customize #Customizer {
  color: #fff;
}
#Customize #Customizer #Sidebar {
  width: 19%;
  right: 10px;
  position: absolute;
  top: 30px;
  right: 45px;
  border-bottom: 1px solid #2e639a;
  border-radius: 2px 2px 3px 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #0b3c77 100%);
  overflow: hidden;
  transition: 700ms cubic-bezier(0.41, -0.08, 0.16, 1.14);
}
#Customize #Customizer #Sidebar .title {
  width: 100%;
  font-size: 20px;
  padding: 0;
  float: none;
}
#Customize #Customizer #Sidebar .expand-icon {
  display: none;
}
#Customize #Customizer #Sidebar .no-items {
  margin: 0;
  border: 1px solid #034484;
  padding: 5px 10px;
  position: relative;
  margin: 5px;
  background: linear-gradient(to bottom, #113054 34%, #0c294c 100%);
  border-radius: 3px;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 200;
  color: #d7e6f3;
  cursor: pointer;
}
#Customize #Customizer #Sidebar .items .selected-item {
  margin: 0;
  border: 1px solid #034484;
  padding: 5px 10px;
  position: relative;
  margin: 5px;
  background: linear-gradient(to bottom, #113054 34%, #0c294c 100%);
  border-radius: 3px;
}
#Customize #Customizer #Sidebar .items .selected-item .name {
  color: #fff;
  font-family: 'Lato';
  font-weight: 300;
  font-size: 16px;
}
#Customize #Customizer #Sidebar .items .selected-item .price {
  font-family: 'Lato';
  font-size: 13px;
  color: #4aafff;
  font-weight: 400;
}
#Customize #Customizer #Sidebar .items .selected-item .remove {
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #1e68a2;
  background: url("/assets/img/video-overlay.png") #1d3f73;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  bottom: 5px;
  right: -4px;
  cursor: pointer;
}
#Customize #Customizer #Sidebar .items .selected-item .remove .icon {
  color: #a1ecff;
  font-size: 10px;
  padding: 3px;
  top: -5px;
  position: relative;
}
#Customize #Customizer #Sidebar .totals {
  margin-bottom: 5px;
}
#Customize #Customizer #Sidebar .totals .top {
  width: 92%;
  height: 1px;
  background: linear-gradient(to right, rgba(214,179,96,0) 0%, rgba(195,175,126,0.4) 50%, rgba(214,179,96,0) 100%);
  margin: auto;
  box-shadow: 0px 1px 1px rgba(10,21,33,0.18);
}
#Customize #Customizer #Sidebar .totals .cart-amount,
#Customize #Customizer #Sidebar .totals .cart-items {
  font-size: 12px;
  font-weight: 100;
  padding: 0 10px;
  float: left;
  color: #d7e6f3;
  letter-spacing: 0.7px;
}
#Customize #Customizer #Sidebar .totals .cart-amount {
  float: right;
}
#Customize #Customizer #Sidebar .checkout .button {
  display: block;
  padding: 10px 0;
  width: 100%;
  margin: 0;
  left: 0;
  position: relative;
  background: #488bbf;
  letter-spacing: 1.2px;
  font-family: 'Lato';
  font-weight: 400;
}
#Customize #Customizer #Sidebar .checkout .button span {
  position: relative;
  z-index: 10;
}
#Customize #Customizer #Sidebar .checkout .button :after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
z-index
}
#Customize #Customizer #Items {
  width: 75%;
  position: relative;
  left: 0;
  padding-top: 110px;
}
#Customize #Customizer #Items .item {
  margin: 30px 10px;
  border-radius: 5px;
  border: 2px solid #0d3758;
  box-shadow: inset 4px 3px 35px rgba(0,0,0,0.18);
  padding: 10px;
}
#Customize #Customizer #Items .item h2 {
  margin: 0;
  padding: 10px;
  text-align: left;
  font-size: 24px;
  font-weight: 400;
  font-family: 'Lato';
  letter-spacing: 2.5px;
  line-height: normal;
}
#Customize #Customizer #Items .item ul.item-list {
  margin-top: 10px;
}
#Customize #Customizer #Items .item ul.item-list li {
  transition: 130ms;
  padding: 1%;
  width: 98%;
  height: 30px;
  cursor: pointer;
  background: rgba(255,255,255,0);
}
#Customize #Customizer #Items .item ul.item-list li .icon-box {
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #1e68a2;
  background: url("/assets/img/video-overlay.png") #1d3f73;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  text-align: center;
}
#Customize #Customizer #Items .item ul.item-list li .icon-box .icon {
  color: #a1ecff;
  font-size: 14px;
  padding: 3px;
}
#Customize #Customizer #Items .item ul.item-list li .name {
  color: #fff;
  float: left;
  cursor: pointer;
  font-family: 'Lato';
  font-weight: 300;
  margin: 0 0 0 10px;
  letter-spacing: 0.6px;
}
#Customize #Customizer #Items .item ul.item-list li .price {
  float: right;
  font-family: 'Orbitron';
  font-weight: 300;
  letter-spacing: 2px;
  color: #1b8259;
  margin-top: 4px;
}
#Customize #Customizer #Items .item ul.item-list li:hover {
  background: rgba(255,255,255,0.12);
}
@media screen and (max-width: 1200px) {
  #Customize #Items {
    width: 70%;
  }
  #Customize #Sidebar {
    width: 25%;
  }
}
@media screen and (max-width: 768px) {
  #Customize .container {
    padding: 0 !important;
  }
  #Customize .title {
    font-size: 20px;
    padding-top: 25px;
    padding-bottom: 15px;
  }
  #Customize .title h2 {
    width: 50%;
    line-height: normal;
  }
  #Customize #Sidebar {
    width: 100% !important;
    position: fixed !important;
    bottom: 0px;
    height: 50px;
    overflow: hidden;
    z-index: 10;
  }
  #Customize #Sidebar .expand-icon {
    display: block;
  }
  #Customize #Items {
    width: 100% !important;
    position: relative !important;
    left: 0 !important;
    top: 0 !important;
    padding-left: 0 !important;
  }
}
#StoreFilter {
  width: 90%;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  position: relative;
  outline-color: #00f;
  padding: 1% 2% 2% 2%;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  text-shadow: 2px 2px 4px #000;
  margin: 0px 3% 55px 3% !important;
  background: url("/assets/img/patterns/micro-carbon.png") $storefilterbg;
/* Dark Blue */
/*  */
/* Steel */
/* Rusty */
/* Blue */
/* Sky blue */
/* Dark Fade */
}
#StoreFilter .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url("/assets/img/patterns/shattered.png");
  opacity: 0.6;
}
#StoreFilter .shattered-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: url("/assets/img/patterns/shattered.png");
  opacity: 0.3;
  z-index: 0;
}
#StoreFilter .faded-background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  background: linear-gradient(to bottom, #003590, #000);
  opacity: 0.33;
  z-index: -1;
}
#StoreFilter .box-borders * {
  position: absolute;
  background: #616263;
  box-shadow: 0 0 3px rgba(230,241,255,0.25);
}
#StoreFilter .box-borders .left,
#StoreFilter .box-borders .right {
  background: linear-gradient(to bottom, #7b7b7b 0%, #fff 47%, #c0c0c0 47%, #fff 70%, #c0c0c0);
}
#StoreFilter .box-borders .top,
#StoreFilter .box-borders .bottom {
  background: linear-gradient(to right, #7b7b7b 0%, #5d5d5d 50%, #7b7b7b);
}
#StoreFilter .store-label {
  text-align: left;
  padding: 0 1% 0.5% 1%;
  width: 98%;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  text-shadow: 0px 0px 10px #353535;
  background: none;
}
#StoreFilter .clear-filters {
  float: right;
  position: absolute;
  top: 20px;
  right: 30px;
  font-size: 12px;
  font-weight: 200;
  color: #3e98e7;
  text-shadow: none;
  cursor: pointer;
  transition: 200ms;
  display: none;
}
#StoreFilter .clear-filters span {
  margin: 0 7px;
}
#StoreFilter .clear-filters i {
  padding: 0px 4px 8px 4px;
  text-shadow: none;
}
#StoreFilter .clear-filters:hover {
  color: #fff;
}
#StoreFilter .sort-options .filter {
  display: none;
}
#StoreFilter .sort-options li {
  margin-bottom: 2px;
}
#StoreFilter .sort-options li:last-child {
  margin-bottom: 0px;
}
#StoreFilter .select-container {
  float: left;
  position: relative;
  margin: 0 0.6%;
  border-radius: 0px;
  width: 32%;
}
#StoreFilter .select-container * {
  outline-color: #1e63d9;
}
#StoreFilter .select-container.right {
  width: 65%;
}
#StoreFilter .select-container .licon {
  position: absolute;
  right: 12px;
  top: 10px;
  z-index: 5;
  cursor: pointer;
}
#StoreFilter.ItemFilters {
  padding: 1.4% 2% 1.5% 2% !important;
  margin: 0px 3% 55px 3% !important;
}
#StoreFilter.ItemFilters .store-label {
  display: none !important;
}
#StoreFilter.ItemFilters .outlines .top,
#StoreFilter.ItemFilters .outlines .top-right {
  display: none !important;
}
#StoreFilter .outlines {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#StoreFilter .outlines .top,
#StoreFilter .outlines .top-left,
#StoreFilter .outlines .bottom,
#StoreFilter .outlines .bottom-left,
#StoreFilter .outlines .left,
#StoreFilter .outlines .right {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#StoreFilter .outlines .top {
  top: 0;
  width: 100%;
  height: 2px;
}
#StoreFilter .outlines .bottom {
  bottom: 0;
  width: 100%;
  height: 2px;
}
#StoreFilter .outlines .left {
  left: 0;
  width: 2px;
  height: 100%;
}
#StoreFilter .outlines .right {
  right: 0;
  width: 2px;
  height: 100%;
}
#StoreFilter .outlines .top-right {
  right: 0;
  top: 0;
  width: 10%;
  height: 3px;
  position: absolute;
}
#StoreFilter .outlines .bottom-left {
  left: 0;
  bottom: 0;
  width: 10%;
  height: 3px;
  position: absolute;
}
#StoreFilter .outlines .top-left .right-hook,
#StoreFilter .outlines .bottom-right .right-hook,
#StoreFilter .outlines .top-left .left-hook,
#StoreFilter .outlines .bottom-right .left-hook {
  position: absolute;
  top: 0px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 3px 15px;
  border-color: transparent transparent transparent #1e63d9;
}
#StoreFilter .outlines .top-left .right-hook.right-hook,
#StoreFilter .outlines .bottom-right .right-hook.right-hook,
#StoreFilter .outlines .top-left .left-hook.right-hook,
#StoreFilter .outlines .bottom-right .left-hook.right-hook {
  right: -8px;
}
#StoreFilter .outlines .top-left .right-hook.left-hook,
#StoreFilter .outlines .bottom-right .right-hook.left-hook,
#StoreFilter .outlines .top-left .left-hook.left-hook,
#StoreFilter .outlines .bottom-right .left-hook.left-hook {
  left: -8px;
  border-width: 0px 8px 3px 0;
  border-color: transparent #145ddb transparent transparent;
}
#StoreFilter .outlines .bottom-right {
  right: 0 !important;
  bottom: 0 !important;
  position: absolute;
}
@media screen and (max-width: 600px) {
  #StoreFilter .select-container {
    float: left;
    position: relative;
    margin: 0 0.6%;
    border-radius: 0px;
    width: 32%;
  }
  #StoreFilter.ItemFilters .select-container {
    float: left;
    position: relative;
    margin: 0%;
    border-radius: 0px;
    width: 50%;
  }
  #StoreFilter.ItemFilters .select-container:first-child {
    width: 49%;
    margin-right: 1%;
  }
}
#StoreFilter ng-select {
  width: auto;
  width: 100% !important;
}
#StoreFilter ng-select .filter {
  padding: 0;
}
@media screen and (max-width: 980px) {
  #StoreFilter ng-select {
    margin-right: 10px;
  }
  #StoreFilter ng-select > div {
    width: 100% !important;
  }
}
@media screen and (max-width: 585px) {
  #StoreFilter ng-select {
    width: 100% !important;
  }
  #StoreFilter ng-select > div {
    width: 100% !important;
  }
}
#StoreFilter ng-select li {
  margin-bottom: 2px;
}
#StoreFilter ng-select li:last-child {
  margin-bottom: 0px;
}
#StoreFilter ng-select > div,
#StoreFilter ng-select .store-search input {
  padding: 0 !important;
  background: rgba(19,42,101,0.19);
  margin: 0;
  font-size: 10px;
  width: 100% !important;
  height: 32px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: 2px;
  font-family: 'Roboto';
  font-weight: 400;
  border: 1px solid #1e63d9;
  outline-color: #2c3851;
  outline-width: 1px;
  outline-offset: -1px;
  border-radius: 0;
  transition: 300ms;
}
#StoreFilter ng-select > div:focus,
#StoreFilter ng-select .store-search input:focus {
  border-color: #5393ff;
}
#StoreFilter ng-select > div .placeholder,
#StoreFilter ng-select .store-search input .placeholder {
  color: #fff;
  font-weight: 400;
}
#StoreFilter ng-select > div .single .toggle,
#StoreFilter ng-select .store-search input .single .toggle {
  font-size: 7px;
  width: 13px;
  color: #3e98e8;
  transition: 400ms;
  position: relative;
  right: 7px;
}
#StoreFilter ng-select > div .single .toggle:hover,
#StoreFilter ng-select .store-search input .single .toggle:hover {
  background: transparent;
}
#StoreFilter ng-select > div .highlighted,
#StoreFilter ng-select .store-search input .highlighted {
  background-color: #3d80b7;
  color: #fff;
  font-size: 13px;
  text-shadow: none;
  border-radius: 2px;
}
#StoreFilter ng-select .store-search input {
  width: 100%;
  padding: 9px;
  background: rgba(19,42,101,0.19);
  margin: 0;
  color: #fff;
  border: 1px solid #1e63d9;
  text-transform: uppercase;
  box-sizing: border-box;
  font-family: Sans-Serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 10px;
  outline-color: #548cd8;
  outline-width: 1px;
  outline-offset: -1px;
  border-radius: 0;
}
#StoreFilter ng-select select-dropdown > div {
  margin: 0;
  top: 37px;
  left: 15px;
  z-index: 1;
  width: 200px;
  padding: 10px 0 0 0;
  background: rgba(33,47,70,0.88);
  border-top: none;
  box-sizing: border-box;
  position: absolute;
  border-radius: 3px;
  z-index: 50;
}
#StoreFilter ng-select select-dropdown > div .options::-webkit-scrollbar {
  width: 3px;
}
#StoreFilter ng-select select-dropdown > div .options::-webkit-scrollbar-track {
  background: transparent;
}
#StoreFilter ng-select select-dropdown > div .options::-webkit-scrollbar-thumb {
  background: #115388;
  border-radius: 5px;
}
#StoreFilter ng-select select-dropdown > div .options ul li {
  font-size: 13px;
  font-weight: 500;
  text-shadow: none;
  border-radius: 0px;
  background: transparent;
  padding: 10px 7px 10px 15px;
}
#StoreFilter ng-select select-dropdown > div .options ul li:hover {
  border-left: 4px solid #1e63d9;
  border-right: 4px solid #1e63d9;
  background: rgba(38,109,255,0.33);
}
#StoreFilter ng-select .filter {
  padding: 3px 0 10px 0;
}
#StoreFilter ng-select .filter input {
  padding: 0 !important;
  background: rgba(19,42,101,0.19);
  margin: 0;
  font-size: 10px;
  width: 100% !important;
  height: 32px;
  color: #fff;
  text-transform: uppercase;
  text-shadow: none;
  letter-spacing: 2px;
  font-family: 'Roboto';
  font-weight: 400;
  border: 1px solid #1e63d9;
  outline-color: #2c3851;
  outline-width: 1px;
  outline-offset: -1px;
  border-radius: 0;
  transition: 300ms;
  padding: 0 10px !important;
  width: 96% !important;
  margin: 0 2%;
}
#StoreFilter select-dropdown > div {
  background-color: #064672;
  border: 1px solid #1e63d9 !important;
  border-top: none;
  box-sizing: border-box;
  position: absolute;
  z-index: 1;
  padding: 6px;
}
#StoreFilter .icon {
  position: relative;
  top: 6px;
  margin: 0 5px;
}
#StoreFilter .fa {
  display: inline-block;
  margin: -19px 0px;
  padding: 8px 0 0 0;
  color: #3e98e8;
  font-size: 12px;
  text-shadow: none;
  position: absolute;
  bottom: 30px;
  right: 20px;
  z-index: 10;
}
#StoreFilter select {
  background: #3d80b7;
  border-radius: 0;
  margin: 5px 15px;
  font-size: 13px;
  border: 1px solid #2673b1;
  width: 200px;
  text-transform: uppercase;
  font-weight: 600;
  height: 32px;
  color: #fff;
  letter-spacing: 2px;
  font-family: 'Roboto';
  padding: 14px;
}
#StoreFilter .order-selector {
  float: left;
}
#StoreFilter .package-selector {
  float: right;
}
#StoreFilter .submit {
  background: #000;
  border-radius: 5px;
  margin: 15px;
  font-size: 14px;
  border: 1px solid #171a1d;
  text-transform: uppercase;
  font-weight: 600;
  height: 32px;
  color: #1476ac;
  outline-color: #548cd8;
  outline-width: 3px;
  padding: 5px 15px;
}
#StoreFilter .cart-button {
  float: right;
  padding: 0 25px;
  width: 5%;
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  text-align: center;
  position: fixed;
  right: 20px;
  font-size: 21px;
  font-weight: 200;
  transition: 200ms !important;
  box-shadow: 0 0 8px rgba(0,0,0,0), 0 8px 16px rgba(0,0,0,0);
}
#StoreFilter .cart-button a {
  position: absolute;
  padding: 48px;
  right: 0;
}
#StoreFilter .cart-button .cart-items {
  float: left;
  margin: 0;
  text-align: center;
  width: 100%;
  font-size: 28px;
  top: 26px;
  position: absolute;
  left: 0;
  text-shadow: 0px 2px 1px rgba(0,0,0,0.33);
}
#StoreFilter .cart-button .underline {
  position: absolute;
  bottom: 10px;
  font-size: 15px;
  text-align: center;
  text-shadow: 0px 2px 1px rgba(0,0,0,0.23);
  width: 100%;
  left: 0;
}
@media screen and (max-width: 769px) {
  #StoreFilter .cart-button {
    display: none;
  }
}
#StoreCategories ul.options {
  position: relative;
  width: 100%;
  margin: 0 auto;
  text-align: center;
  color: #fff;
  font-weight: 300;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  font-size: 15px;
  z-index: 1;
}
#StoreCategories ul.options li {
  display: inline-block;
  border-radius: 1px;
  position: relative;
  cursor: pointer;
  padding: 10px 20px;
  transition: 100ms ease-in-out;
  transform: translateY(0px);
  margin: 0px 10px;
  width: 80px;
}
#StoreCategories ul.options li .box-borders {
  opacity: 0;
  transition: 300ms;
}
#StoreCategories ul.options li.active {
  color: #b4ffff;
  transform: translateY(-5px);
  background: #1d1715;
}
#StoreCategories ul.options li.active .box-borders {
  opacity: 1;
}
#StoreCategories ul.options li.active i {
  color: #b4ffff;
}
#StoreCategories ul.options li:hover .box-borders {
  opacity: 1;
}
#StoreCategories ul.options li i {
  color: #fff;
  display: block;
  font-size: 50px;
  height: 50px;
}
#StoreCategories ul.options li:hover i,
#StoreCategories ul.options li.expand i {
  color: #fff;
}
#StoreCategories ul.options li:hover span,
#StoreCategories ul.options li.expand span {
  max-width: 100px;
  color: #fff;
}
#CartDetails {
  position: relative;
  z-index: 20;
  box-shadow: 10px 10px 35px rgba(0,0,0,0.7);
  width: 60%;
  text-align: center;
  display: inline-block;
  height: auto;
  overflow: hidden;
  max-width: 760px;
  transition: 300ms;
  margin: 2%;
  padding: 0.5%;
  background: linear-gradient(to bottom, #546886 20%, #003775 100%);
  padding-top: 65px;
}
#CartDetails .overlay-actions {
  bottom: 0 !important;
}
#CartDetails #SelectedImages {
  max-height: 730px;
}
#CartDetails.itemDetails {
  padding-bottom: 5px;
}
#CartDetails .borders {
  z-index: 15;
}
#CartDetails .box-borders {
  width: 100%;
  height: 99.9%;
}
#CartDetails #Frame {
  margin: 0 0 !important;
  position: relative;
}
#CartDetails .title {
  letter-spacing: 2px;
  margin: 0 !important;
  background: #0d1a3b;
  position: absolute;
  height: 45px;
  z-index: 3;
  width: 98%;
  top: 10px;
  left: 1%;
}
#CartDetails .title .backgrounds,
#CartDetails .title .gradients,
#CartDetails .title .stripes {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#CartDetails .title .box-borders * {
  background: #738bb3 !important;
}
#CartDetails .title .gradients {
  background: linear-gradient(45deg, #0c1850 0%, #06126f 20%, rgba(30,65,193,0.8) 50%, rgba(0,9,113,0.8) 80%, #0c1850 100%) !important;
  z-index: 2;
  opacity: 0.4;
}
#CartDetails .title .stripes {
  background: url("/assets/img/stripe_blue.png");
  z-index: 1;
  background-size: 4px;
  opacity: 0.4;
}
#CartDetails .title .box-borders.secondary,
#CartDetails .title .box-borders.third {
  opacity: 0 !important;
  transition: 200ms;
}
#CartDetails .title:hover .box-borders .top,
#CartDetails .title:hover .box-borders .right,
#CartDetails .title:hover .box-borders .bottom,
#CartDetails .title:hover .box-borders .left {
  transition: 200ms;
  background: #68baff;
  box-shadow: 0 0 3px #5fb1fc;
}
#CartDetails .title:hover .box-borders.secondary {
  opacity: 1 !important;
}
#CartDetails .title:hover .box-borders.secondary .top,
#CartDetails .title:hover .box-borders.secondary .right,
#CartDetails .title:hover .box-borders.secondary .bottom,
#CartDetails .title:hover .box-borders.secondary .left {
  background: #68baff;
  box-shadow: 0 0 3px #5fb1fc;
}
#CartDetails .title:hover .box-borders.third {
  opacity: 1 !important;
}
#CartDetails .title:hover .box-borders.third .top,
#CartDetails .title:hover .box-borders.third .right,
#CartDetails .title:hover .box-borders.third .bottom,
#CartDetails .title:hover .box-borders.third .left {
  background: #68baff;
  box-shadow: 0 0 3px #5fb1fc;
}
#CartDetails .title i {
  color: #1e63d9 !important;
  top: 0;
  position: absolute;
  right: 0;
  font-weight: 500;
  padding: 9px;
  z-index: 100;
  text-shadow: 1px 0 0 #133277;
  opacity: 1;
  transition: 200ms;
  font-size: 19px !important;
  line-height: 25px !important;
  margin: 0 !important;
}
#CartDetails .title i:hover {
  color: #68baff !important;
}
#CartDetails .title h2 {
  padding: 0;
  z-index: 10;
  width: 100%;
  padding: 0px 0;
  font-size: 19px;
  position: relative;
  text-shadow: none;
  line-height: 46px;
}
#CartDetails .title h2 span {
  color: #fff;
  position: relative;
  font-weight: 300;
  text-shadow: 1px 0px 1px #000;
  font-family: 'Roboto';
  letter-spacing: 7.5px;
  font-size: 16px;
  line-height: normal;
}
#CartDetails #InternalDetails {
  height: 100%;
  position: relative;
  background: linear-gradient(rgba(6,34,62,0.5) 34%, rgba(20,23,39,0.5)) !important;
}
#CartDetails #InternalDetails #SelectedDetails {
  margin-bottom: 0 !important;
}
#CartDetails #InternalDetails .included_items_title {
  text-align: left;
  margin: 0.5% 2% 2.5% 2% !important;
  padding: 0 0.5%;
  float: left;
  color: #fff;
  font-size: 21px;
  letter-spacing: 2px;
}
#CartDetails #InternalDetails .direction-controls {
  position: absolute;
}
#CartDetails #Actions .next,
#CartDetails #Actions .prev {
  z-index: 2;
}
#CartDetails #Actions .lightbox-controls {
  position: absolute;
  margin: 15px 25%;
  width: 50%;
  padding: 0%;
  height: 35px;
}
#CartDetails #Actions .lightbox-controls .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.4;
}
#CartDetails #Actions .lightbox-controls .box-borders * {
  transition: 300ms;
}
#CartDetails #Actions .lightbox-controls:hover .box-borders .top,
#CartDetails #Actions .lightbox-controls:hover .box-borders .left,
#CartDetails #Actions .lightbox-controls:hover .box-borders .bottom,
#CartDetails #Actions .lightbox-controls:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#CartDetails #Actions .window-controls {
  width: 100% !important;
  margin: 2% 0 0% 0 !important;
  padding: 0 !important;
  z-index: 0 !important;
}
#CartDetails #Actions .window-controls .next,
#CartDetails #Actions .window-controls .prev {
  width: 125px;
}
#CartDetails #SelectedImages {
  background: linear-gradient(#0f203a 34%, #0a1628) !important;
  margin: 2% 2% 0 2%;
  overflow: hidden;
  border-radius: 0px;
  border: 1px solid #3256af;
  box-shadow: 1px 1px 0 #1f2f4c;
  width: 96%;
  float: left;
  position: relative;
}
#CartDetails #SelectedImages ul {
  padding: 2px;
  padding-right: 0;
  max-height: 385px;
  overflow-y: scroll;
}
#CartDetails #SelectedImages ul::-webkit-scrollbar {
  width: 2px;
}
#CartDetails #SelectedImages ul::-webkit-scrollbar-track {
  background: transparent;
}
#CartDetails #SelectedImages ul::-webkit-scrollbar-thumb {
  background: #1e63d9;
  border-radius: 5px;
}
#CartDetails #SelectedImages img {
  width: 100%;
}
#CartDetails #SelectedImages #ImageControls {
  position: absolute;
  bottom: 0;
  width: 100%;
  background: linear-gradient(rgba(6,34,62,0.34) 20%, rgba(20,23,39,0.76)) !important;
}
#CartDetails #SelectedImages #ImageControls .licon {
  color: #93b3ff;
}
#CartDetails #SelectedImages #ImageControls span {
  display: none;
}
#CartDetails #SelectedImages .controls {
  height: 100%;
  margin: 0;
  position: absolute;
  bottom: 0 !important;
  padding: 0 !important;
  width: 100% !important;
}
#CartDetails #SelectedImages .controls .next,
#CartDetails #SelectedImages .controls .prev {
  cursor: pointer;
  font-weight: 300;
  user-select: none;
}
#CartDetails #SelectedImages .controls .next i,
#CartDetails #SelectedImages .controls .prev i {
  margin: 0 8px 0 8px;
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 30px;
  color: #b0b0b0;
  transition: 300ms;
}
#CartDetails #SelectedImages .controls .next:hover i,
#CartDetails #SelectedImages .controls .prev:hover i {
  color: #fff;
}
#CartDetails #SelectedImages .controls .next {
  right: 0px;
  bottom: 0%;
  height: 100%;
  position: absolute;
}
#CartDetails #SelectedImages .controls .next i {
  top: 50%;
  position: relative;
  margin-right: 0 !important;
}
#CartDetails #SelectedImages .controls .prev {
  left: 0px;
  bottom: 0%;
  height: 100%;
  position: absolute;
}
#CartDetails #SelectedImages .controls .prev i {
  top: 50%;
  position: relative;
  margin-right: 0 !important;
}
#CartDetails #SelectedImages .controls span {
  color: #2e88d2;
  font-size: 17px;
}
#CartDetails #SelectedDetails {
  width: 96% !important;
  height: auto !important;
  min-height: auto;
  box-shadow: none !important;
  margin: 2% !important;
  padding: 1% !important;
  background: rgba(0,0,0,0.5) !important;
  border: 1px solid #3256af !important;
  border-radius: 0;
  margin-top: 2% !important;
}
#CartDetails #SelectedDetails .crowd-description {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  line-height: 22px;
  margin-bottom: 10px;
  letter-spacing: 1.7px;
  padding: 0 10px !important;
}
#CartDetails #SelectedDetails .crowd-title {
  top: 0;
  width: 96%;
  height: auto;
  font-size: 17px;
  padding-right: 0;
  text-align: left;
  position: relative;
  padding: 5px 15px 5px 10px;
}
#CartDetails #SelectedDetails .line-background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.1;
  position: absolute;
  background: rgba(0,24,64,0.58);
}
#CartDetails #Item .buy.button {
  font-size: 11px !important;
  width: auto;
  padding: 10px;
  text-align: center;
  height: auto;
  bottom: auto !important;
  position: relative;
  top: 16px;
  margin: 0px;
  box-shadow: none !important;
  overflow: hidden;
  border-radius: 0;
}
#CartDetails #Item .buy.button.right {
  right: 0;
}
#CartDetails #Item .buy.button:after {
  transition: 300ms;
  opacity: 0 !important;
  background: radial-gradient(circle at center, #2e87d0 0, rgba(46,135,208,0.88), rgba(46,135,208,0.9) 100%);
}
#CartDetails #Item .buy.button span {
  text-shadow: none;
  font-size: 13px;
}
#CartDetails #Item .buy.button:focus:after,
#CartDetails #Item .buy.button:active:after {
  top: 0px !important;
  left: 100% !important;
}
#CartDetails .controls {
  z-index: 1;
  margin: 0 !important;
  width: 96% !important;
  float: left !important;
  bottom: 15px !important;
  padding: 0 2% !important;
  font-weight: 700 !important;
  position: absolute !important;
  letter-spacing: 1px !important;
  text-shadow: 0 0 10px rgba(60,60,60,0.36) !important;
}
#CartDetails .controls .item,
#CartDetails .controls .flex {
  padding: 5px;
  display: inline-block;
  margin: 0 4px;
  cursor: pointer;
  line-height: 6px;
  position: relative;
}
#CartDetails .controls .item .blip,
#CartDetails .controls .flex .blip {
  height: 5px;
  width: 5px;
  background: #0074fb;
  border-radius: 5px;
  transition: 150ms;
}
#CartDetails .controls .item .circle,
#CartDetails .controls .flex .circle {
  position: absolute;
  height: 14px;
  width: 15px;
  border: 0px solid #0074fb;
  border-radius: 38px;
  background: radial-gradient(ellipse at center, #63baff 0%, #1e63d9 53%, rgba(9,30,53,0.47) 67%, rgba(125,185,232,0) 100%);
  opacity: 0;
  transition: 350ms all ease-in-out;
  z-index: -1;
  top: -1px;
  left: -1px;
  border: 1px solid rgba(98,141,214,0.45);
}
#CartDetails .controls .item.flex,
#CartDetails .controls .flex.flex {
  margin: 0;
  padding: 0;
}
#CartDetails .controls .item:hover .blip,
#CartDetails .controls .flex:hover .blip,
#CartDetails .controls .item.active .blip,
#CartDetails .controls .flex.active .blip {
  background: #0d204c;
}
#CartDetails .controls .item:hover .circle,
#CartDetails .controls .flex:hover .circle,
#CartDetails .controls .item.active .circle,
#CartDetails .controls .flex.active .circle {
  opacity: 1;
  transform: scale(1.15);
}
#CartDetails .controls .item:active .circle,
#CartDetails .controls .flex:active .circle {
  transition: 100ms;
  opacity: 1;
  transform: scale(1);
}
#CartDetails .controls .item {
  margin-top: 6px;
}
#CartDetails .container {
  overflow: hidden;
}
#CartDetails #ProductImages {
  cursor: pointer;
  position: relative;
  width: 46% !important;
  margin: 2%;
  float: left;
  background: linear-gradient(rgba(15,32,58,0.5) 34%, rgba(10,22,40,0.5)) !important;
}
#CartDetails #ProductImages .slide {
  box-shadow: 1px 1px 1px #0c1523;
  cursor: pointer;
  width: 100%;
}
#CartDetails #ProductDetails {
  float: left;
  width: 46% !important;
  min-height: auto !important;
  height: auto !important;
  box-shadow: none !important;
  margin: 2% !important;
  padding: 1% !important;
  background: rgba(0,0,0,0.5) !important;
  border: 1px solid #3256af !important;
  border-radius: 0;
  min-height: 120px !important;
}
#CartDetails #ProductDetails .crowd-description {
  margin-top: 5px;
  color: #f1f1f1;
}
#CartDetails #ProductDetails .crowd-title {
  font-size: 28px;
  line-height: 30px;
  text-transform: uppercase;
  color: #8db9de;
  font-weight: 600;
  padding: 10px 0 2px 10px;
  margin-bottom: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-shadow: 0px 0px 10px rgba(13,29,82,0.35);
  background: none;
  letter-spacing: 2px;
}
#CartDetails #Items {
  float: left !important;
  width: 96% !important;
  padding-left: 0 !important;
  margin: 0 2% 2% 2% !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: #101c38 !important;
}
#CartDetails #Items h5 {
  color: #68baff;
  font-size: 15px;
  letter-spacing: 1.5px;
  text-align: center;
  padding: 8px 0 0 0;
  font-weight: 500;
}
#CartDetails #Items h4 {
  font-size: 20px;
  line-height: 20px;
  text-transform: uppercase;
  color: #8db9de;
  font-weight: 600;
  padding: 10px 10px 0px 35px;
  margin-bottom: 0;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  text-shadow: 0px 0px 10px rgba(13,29,82,0.35);
  background: none;
  letter-spacing: 2px;
}
#CartDetails #Items ul {
  margin: 10px 25px 0 !important;
}
#CartDetails #Items ul li {
  display: inline-block;
  padding: 2px 11px;
  letter-spacing: 0.5px;
  text-align: center;
  border-radius: 20px;
  background: none;
  border: none;
  font-weight: 300;
  letter-spacing: 1px;
  color: #68baff;
  display: inline-block;
  margin: 0 20px 10px 0;
  font-size: 15px;
  text-shadow: 0 0 10px rgba(104,186,255,0.36);
}
#CartDetails #Items ul li a {
  transition: 300ms;
}
#CartDetails #Items ul li a:hover {
  color: #fff;
}
#CartDetails #Items .button {
  color: #fff !important;
  display: inline-block;
  margin: 0 15px 0 15px;
  padding: 10px 20px;
}
#CartDetails #Items .button.back-to-shop {
  right: auto !important;
  margin-right: 15px;
  right: auto;
}
#CartDetails #Items .view-cart {
  left: 0;
}
#CartDetails .crowd-buy {
  text-align: left;
  color: #c5e5f3;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  width: 88%;
  left: 0;
  text-align: left;
  padding: 0 1%;
}
#CartDetails #EntryWindow {
  position: relative;
  height: 300px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #CartDetails #EntryWindow {
    padding: 0 !important;
  }
}
#CartDetails #EntryWindow .purchase-cart {
  border-radius: 3px !important;
  background: linear-gradient(to bottom, #107bff 50%, #2269ea 100%);
  border: none !important;
  line-height: 40px;
}
#CartDetails #EntryWindow .purchase-cart.disabled {
  background: linear-gradient(to bottom, #97aac3 50%, #94a1b7 100%) !important;
}
#CartDetails .buy {
  background: #3d80b7;
  border: 1px solid #2a7bbd;
  line-height: 20px;
  width: auto;
  margin: 0 20px;
  display: inline;
  padding: 9px 15px;
  height: 20px;
  position: relative;
  top: 0;
}
#CartDetails .buy:hover {
  transition: 370ms;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  border-bottom: 1px solid #2a70ab;
  border-top: 1px solid #98b5fd;
  border-left: 1px solid #85a3ec;
}
#CartDetails .buy:active {
  box-shadow: inset 1px 1px 6px rgba(0,0,0,0.29);
  border-top: 1px solid #537794;
  border-left: 1px solid #356994;
}
#CartDetails .overlay-actions {
  padding: 2%;
  position: relative;
  text-align: center;
  width: 96%;
  min-height: 70px;
  z-index: 0;
  padding: 0;
  width: 100%;
}
#CartDetails .overlay-actions .buttons {
  height: 70px;
  width: 80%;
  margin: auto;
}
#CartDetails .overlay-actions .buttons a .enchant .top,
#CartDetails .overlay-actions .buttons a .enchant .right,
#CartDetails .overlay-actions .buttons a .enchant .bottom,
#CartDetails .overlay-actions .buttons a .enchant .left {
  position: absolute;
  background: #50a7ff;
}
#CartDetails .overlay-actions .buttons a .enchant .top {
  height: 1px;
  width: 0%;
}
#CartDetails .overlay-actions .buttons a .enchant .bottom {
  height: 1px;
  width: 0%;
}
#CartDetails .overlay-actions .buttons a .enchant .left {
  width: 1px;
  height: 0%;
}
#CartDetails .overlay-actions .buttons a .enchant .right {
  width: 1px;
  height: 0%;
}
#CartDetails .overlay-actions .buttons a:active .enchant .left,
#CartDetails .overlay-actions .buttons a.active .enchant .left,
#CartDetails .overlay-actions .buttons a:active .enchant .right,
#CartDetails .overlay-actions .buttons a.active .enchant .right {
  width: 100%;
}
#CartDetails .overlay-actions .buttons a:active .enchant .top,
#CartDetails .overlay-actions .buttons a.active .enchant .top,
#CartDetails .overlay-actions .buttons a:active .enchant .bottom,
#CartDetails .overlay-actions .buttons a.active .enchant .bottom {
  width: 100%;
}
#CartDetails .overlay-actions .post-item-actions {
  width: 67.5% !important;
  height: 65px;
  margin: 0 16% !important;
  position: relative;
}
#CartDetails .overlay-actions .post-item-actions .button.buy:hover,
#CartDetails .overlay-actions .post-item-actions .button.buy:focus {
  background: none !important;
}
#CartDetails .overlay-actions .post-item-actions .button.buy:hover span,
#CartDetails .overlay-actions .post-item-actions .button.buy:focus span {
  color: #fff;
}
#CartDetails .overlay-actions .post-item-actions .button.buy span {
  color: #2e88d2;
}
#CartDetails .overlay-actions .center {
  color: #6cb1ff;
  font-size: 27px;
  font-weight: 200;
  letter-spacing: 1px;
  position: absolute;
  width: 100%;
  margin: 20px 0px;
  z-index: 0;
}
#CartDetails .overlay-actions .left {
  float: left !important;
  right: auto !important;
}
#CartDetails .overlay-actions .right {
  left: auto !important;
  float: right !important;
}
#CartDetails .overlay-actions .back-to-shop {
  font-size: 12px !important;
  z-index: 10 !important;
}
#CartDetails .overlay-actions .middle {
  width: 100%;
  position: absolute;
  text-align: center;
}
#CartDetails .overlay-actions .middle .quantity {
  user-select: none;
  margin-top: 12px;
}
#CartDetails .overlay-actions .middle .quantity .count,
#CartDetails .overlay-actions .middle .quantity .up,
#CartDetails .overlay-actions .middle .quantity .down {
  font-size: 25px;
  line-height: 24px;
  width: 25px;
  color: #8db9de;
  display: inline-block;
  margin: 0px 0px;
  font-family: 'Lato';
  border-radius: 3px;
  text-shadow: 1px 1px 0px #001d35;
}
#CartDetails .overlay-actions .middle .quantity .up,
#CartDetails .overlay-actions .middle .quantity .down {
  cursor: pointer;
}
#CartDetails .overlay-actions .middle .quantity .up:hover,
#CartDetails .overlay-actions .middle .quantity .down:hover {
  background: #071438;
}
#CartDetails .overlay-actions .middle .quantity .count {
  font-size: 20px;
  cursor: default;
}
#CartDetails .overlay-actions .middle .incart {
  cursor: pointer;
  color: #8db9de;
  font-size: 14px;
  font-family: 'Lato';
  text-transform: uppercase;
  letter-spacing: 4px;
  text-shadow: 1px 1px 0 #000;
}
#CartDetails .overlay-actions ul.options {
  position: relative;
  z-index: 100;
  width: 33%;
  margin: 0 auto;
}
#CartDetails .overlay-actions ul.options li {
  display: inline-block;
  border-radius: 1px;
  position: relative;
  cursor: pointer;
  margin: 0;
  padding: 10px 20px;
  transition: 500ms ease-in-out;
  transform: translateY(0px);
}
#CartDetails .overlay-actions ul.options li:hover {
  transform: translateY(-5px);
}
#CartDetails .overlay-actions ul.options li a {
  height: 25px;
  margin: 0;
}
#CartDetails .overlay-actions ul.options li a i {
  color: #fff;
  font-size: 20px;
}
#CartDetails .overlay-actions ul.options li a span {
  font-weight: 300;
  color: #2e87d0;
  overflow: hidden;
  transition: 600ms;
  display: block;
  margin: 0px auto;
  font-size: 13px;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  max-width: 0px;
}
#CartDetails .overlay-actions ul.options li a:hover i,
#CartDetails .overlay-actions ul.options li a.expand i {
  color: #fff;
}
#CartDetails .overlay-actions ul.options li a:hover span,
#CartDetails .overlay-actions ul.options li a.expand span {
  max-width: 100px;
}
#CartDetails .overlay-actions .button {
  font-weight: 300;
}
#CartDetails .overlay-actions .button span {
  position: relative;
  z-index: 2;
  margin: 0 10px;
}
#CartDetails .overlay-actions .button:hover {
  transform: none !important;
  color: #fff;
  text-shadow: 0 0 6px rgba(218,238,255,0.35);
}
#CartDetails .overlay-actions .button:hover:after {
  width: 90%;
  left: 5%;
  opacity: 1;
}
#CartDetails .overlay-actions .button:active {
  color: #fff !important;
  transition: 0ms;
}
#CartDetails .overlay-actions .button:after {
  content: '';
  width: 0%;
  height: 100%;
  top: 0%;
  left: 50%;
  background: #47a6f1;
  opacity: 0;
  opacity: 1;
  position: absolute;
  transition: all 230ms 0ms ease-in-out;
}
#CartDetails .overlay-actions .controls {
  margin: 0;
  width: 104%;
  margin-left: -2%;
  margin-top: 0.5%;
}
#CartDetails .overlay-actions .controls .next,
#CartDetails .overlay-actions .controls .prev {
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#CartDetails .overlay-actions .controls .next i,
#CartDetails .overlay-actions .controls .prev i {
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 30px;
  color: #2e88d2;
  transition: 300ms;
}
#CartDetails .overlay-actions .controls .next:hover i,
#CartDetails .overlay-actions .controls .prev:hover i {
  color: #fff;
}
#CartDetails .overlay-actions .controls .next {
  float: right;
}
#CartDetails .overlay-actions .controls .next i {
  margin-right: 0 !important;
}
#CartDetails .overlay-actions .controls .prev {
  float: left;
}
#CartDetails .overlay-actions .controls span {
  color: #2e88d2;
  font-size: 17px;
}
#CartDetails .btn-primary:after {
  content: '';
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#CartDetails .btn-primary:hover:after {
  width: 90%;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#CartDetails .btn-primary:hover {
  color: #0a0503;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#CartDetails .direction-controls {
  position: absolute;
  marign: 2% 0 0.2% 0 !important;
  width: 95.5%;
  left: 0.5%;
}
@media screen and (max-width: 980px) {
  #CartDetails {
    display: none;
  }
}
#Cart {
  position: fixed;
  top: 0;
  right: 0;
  height: 100%;
  width: 230px;
  z-index: 25;
  background: #4888bd;
  transition: all 0.2s ease-in-out;
  color: #fff;
  font-size: 20px;
  margin-top: 63px;
}
#Cart .sidebar-button {
  position: absolute;
  line-height: 5px;
  color: #8a8a8a;
  font-size: 23px;
  z-index: 20;
  background: none;
  border: none;
  padding: 0;
  top: 1%;
  left: 6%;
  transition: all 0.1s;
}
#Cart .sidebar-button:hover {
  cursor: pointer;
  color: #fff;
}
#Cart #User {
  height: 6.3%;
  background: #363744;
  padding: 10px;
  position: relative;
  min-height: 50px;
}
#Cart #User .profile.name {
  text-align: right;
  right: 10px;
  position: absolute;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.7px;
  bottom: 0px;
  color: #f7f7f7;
  float: right;
  right: 83px;
}
#Cart #User .profile.balance {
  background: #2061b9;
  float: left;
  position: absolute;
  bottom: 6px;
  font-size: 12px;
  padding: 3px 7px 0;
  line-height: 18px;
  border-radius: 2px;
  left: 9px;
  border-bottom: 1px solid #3a378e;
}
#Cart #User .profile.pic {
  width: 50px;
  height: 50px;
  float: right;
  background: #000;
  border-radius: 30px;
  bottom: -12px;
  position: absolute;
  right: 20px;
}
#Cart #User .profile.pic img {
  width: auto;
  height: 100% !important;
}
#Cart #Items {
  width: 50%;
  height: 87.4%;
  overflow-y: scroll;
}
#Cart #Items::-webkit-scrollbar {
  width: 4%;
}
#Cart #Items::-webkit-scrollbar-track {
  background: #3080c1;
}
#Cart #Items::-webkit-scrollbar-thumb {
  background: #115388;
  border-radius: 5px;
}
#Cart #Items h2 {
  font-size: 20px;
  text-shadow: none;
  letter-spacing: 0.8px;
  text-shadow: 1px 2px 0px #2a5577;
}
#Cart #Items h4 {
  margin: 0 0px 20px 10px;
}
#Cart #Items .cart-items {
  padding: 0 0 80px 0;
}
#Cart #Items .cart-items li.product {
  position: relative;
  margin: 0% 6% 6% 8%;
  background: #1367ab;
  overflow: hidden;
  transition: height 0.2s ease-in-out 0.5s;
}
#Cart #Items .cart-items li.product .title {
  text-align: left;
  padding: 6%;
  color: #fdfeff;
  font-size: 18px;
  letter-spacing: 0.2px;
  font-weight: 300;
  text-shadow: none;
}
#Cart #Items .cart-items li.product .price {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #c5e5f3;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 0 6px rgba(218,238,255,0.35);
  padding: 6%;
  font-size: 14px;
}
#Cart #Items .cart-items li.product .pic {
  width: 100%;
}
#Cart #Items .cart-items li.product .pic img {
  width: 100%;
}
#Cart #Items .cart-items li.product .extra {
  position: absolute;
  top: 50px;
  width: 100%;
  height: 50%;
  background: #4b9fe2;
}
#Cart #Items .cart-items li.product .extra .remove {
  float: left;
  left: 10px;
  position: absolute;
  top: 10px;
}
#Cart #Items .cart-items li.product .extra .quantity {
  width: 50px;
  display: inline-block;
  text-align: center;
  font-size: 12px;
  right: 10px;
  position: absolute;
}
#Cart #Items .cart-items li.product .extra .quantity .number {
  cursor: default;
  display: inline-block;
  width: auto;
}
#Cart #Items .cart-items li.product .extra .quantity .up,
#Cart #Items .cart-items li.product .extra .quantity .down {
  cursor: pointer;
  padding: 5px;
}
#Cart #Items .cart-items li.product .extra .quantity .label {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 1px;
  line-height: 9px;
  color: #2d5aa2;
  font-weight: 600;
  text-shadow: 0 0 7px rgba(255,255,255,0.15);
}
#Cart #Total {
  position: absolute;
  bottom: 0;
  padding: 5%;
  height: 10%;
  width: 90%;
  min-height: 65px;
  background: #363744;
}
#Cart #Total :after {
  box-shadow: 0 0 10px #000;
}
#Cart #Total .total {
  width: 100%;
  margin: 0 0 5% 0;
}
#Cart #Total .items {
  float: left;
  font-size: 12px;
}
#Cart #Total .amount {
  float: right;
  font-size: 15px;
  color: #c5e5f3;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 0 6px rgba(218,238,255,0.35);
}
#Cart .confirm,
#Cart .login {
  transform: translateY(300%);
}
#Cart .purchase,
#Cart .confirm,
#Cart .login {
  height: 30px;
}
#Cart .purchase .button,
#Cart .confirm .button,
#Cart .login .button {
  height: auto;
  width: 100%;
  padding: 5px 0;
  float: right;
  position: inherit;
  border: 1px solid #3c85bf;
  background: #3080c1;
  border-radius: 2px;
}
.no-text .cart-button i {
  top: 12px !important;
}
.store-buttons {
  position: fixed;
  bottom: 0;
  height: 75px;
  width: 57px;
  right: 20px;
  z-index: 100;
}
.store-buttons:hover .customize-button {
  bottom: 80px !important;
}
.customize-button {
  bottom: 40px;
  transition: 400ms ease-in-out;
  background: #135690 !important;
  color: #fff;
  position: fixed;
  right: 34px;
  z-index: 100;
  border: none;
  box-shadow: 0px 0px 0px 1px #555b7b;
  font-size: 11px;
  color: #fff;
  z-index: 100 !important;
  height: 15px;
  width: 19px;
  text-align: center;
  padding: 2px 0px;
  border-radius: 25px;
  box-shadow: 0 0 1px #301d79;
  cursor: pointer;
}
.customize-button:hover .hover {
  opacity: 1;
}
.customize-button .hover {
  opacity: 0;
  transition: 300ms;
  position: absolute;
  top: 0px;
  left: -95px;
  line-height: 17px;
  padding: 0 5px;
  background: rgba(0,0,0,0.5);
  border-radius: 2px;
  width: 80px;
}
.customize-button i {
  top: 2px;
  position: relative;
}
.mdl-button {
  border-radius: 71px;
}
.mdl-button .cart-items {
  margin-top: 5px;
  top: 0px;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}
.mdl-button .underline {
  font-size: 11px;
  top: -10px;
  position: relative;
}
.mdl-blue {
  background: #171f2b !important;
  color: #cce4ff;
  position: fixed;
  bottom: 43px;
  right: 22px !important;
  border: 2px solid rgba(198,219,249,0.9);
  font-size: 27px;
  z-index: 100 !important;
  overflow: hidden;
  width: 55px;
  height: 55px;
  font-weight: 500 !important;
  text-transform: uppercase;
}
.mdl-blue .background,
.mdl-blue .background2 {
  position: absolute;
  border-radius: 200px;
  transition: 170ms;
  opacity: 0;
}
.mdl-blue .cart-items {
  transition: 300ms;
  margin-top: 15px;
  height: 0px;
  opacity: 0;
}
.mdl-blue .cart-items div {
  line-height: 15px;
}
.mdl-blue .cart-items .small {
  font-size: 11px;
  line-height: 12px;
}
.mdl-blue:hover,
.mdl-blue.active {
  color: #cce4ff;
  border: 2px solid #385dc4;
}
.mdl-blue:hover .background,
.mdl-blue.active .background {
  opacity: 1;
}
.mdl-blue:hover .cart-items,
.mdl-blue.active .cart-items {
  margin-top: 10px;
  height: 27px;
  overflow: hidden;
  opacity: 1;
}
.mdl-blue:focus {
  box-shadow: 0px 0px 0px 1px #062a58;
}
.mdl-blue:active {
  border: 2px solid rgba(198,219,249,0.9);
  box-shadow: 0px 0px 6px 2px #062a58;
}
.mdl-blue span {
  top: 13px;
  position: relative;
}
.mdl-blue .background {
  transition: 100ms cubic-bezier(0.38, 0.33, 0.93, 1.96);
  opacity: 0.4;
  background: linear-gradient(rgba(28,64,146,0.63) 34%, #001e42) !important;
  width: 110%;
  height: 110%;
  box-shadow: inset 0px 0px 7px #0d1a2b;
  border-radius: 100px;
  z-index: 0;
  position: absolute;
}
.mdl-blue .licon-cart-empty {
  position: relative;
  bottom: 10px;
}
.mdl-green {
  color: #fff;
  position: fixed;
  bottom: 17px;
  right: 15px;
  z-index: 100;
  height: 50px;
  width: 50px;
  background: radial-gradient(#27b927, #1f731f) !important;
  z-index: 100 !important;
  overflow: hidden;
}
.mdl-green .background,
.mdl-green .background2 {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0%;
  width: 0%;
  border-radius: 200px;
  transition: 170ms;
  opacity: 0;
}
.mdl-green .background {
  background: rgba(255,255,255,0.07);
}
.mdl-green .background2 {
  background: url("/assets/img/patterns/micro-carbon.png");
}
.mdl-green:active {
  transform: scale(1.2) translateX(-10px) translateY(-10px);
}
.mdl-green:active .background {
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
}
.mdl-army {
  color: #fff;
  position: fixed;
  bottom: 17px;
  right: 15px;
  z-index: 100;
  background: url("/assets/img/army_2.png");
  z-index: 100 !important;
  height: 80px;
  width: 80px;
  background-size: 160%;
  border-radius: 61px;
  border: 2px solid #2d240f;
  overflow: hidden;
}
.mdl-army:hover {
  transform: scale(1.2) translateX(-10px) translateY(-10px);
}
.mdl-army:hover :after {
  position: absolute;
  height: 10px;
  width: 10px;
}
.store-header {
  box-shadow: 0 0 2em #14171d;
}
.Loader {
  display: none;
  position: absolute;
  z-index: 3;
  height: 100vh;
  width: 100%;
  top: 0;
}
.Loader .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  animation: loaderbg 60s infinite;
  transition: 300ms;
  background: url("/assets/img/patterns/pinstriped-suit.png") #000;
}
.Loader .spinner {
  text-align: center;
  position: absolute;
  top: 45%;
  font-size: 20;
  color: #fff;
}
#Beta,
#Stock,
#Sale {
  color: #b1b16e;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  cursor: default;
}
#Beta i,
#Stock i,
#Sale i {
  padding: 1px 5px;
  padding-left: 0;
}
#Stock {
  color: #75d223;
}
#Stock i {
  font-size: 11px;
}
#Beta {
  color: #e7d53a;
}
#Beta i {
  font-size: 11px;
}
#Sale {
  color: #f00;
  position: relative;
}
#Sale i {
  font-size: 16px;
  left: -3px;
  position: relative;
}
#Sale span {
  font-size: 15px;
  position: relative;
}
#Sale .line-through {
  top: 8px;
  left: 1px;
  z-index: 10;
  height: 2px;
  width: 100%;
  transition: 200ms;
  position: absolute;
  transform: rotate(-15deg);
  box-shadow: 0 0 1px #000;
  background: #bf1c19;
}
#Sale .line-through.rev {
  transform: rotate(15deg);
}
#ItemImageModal,
#ItemPointsModal {
  position: relative;
  background: rgba(2,15,31,0.95);
  z-index: 20;
  text-align: center;
  padding-bottom: 0;
  display: inline-block;
  height: auto;
  overflow: hidden;
  max-width: 80%;
  min-height: 230px;
  min-width: 430px;
  margin-bottom: 3%;
  margin-top: 50px;
}
#ItemImageModal .left,
#ItemPointsModal .left,
#ItemImageModal .right,
#ItemPointsModal .right {
  z-index: 10;
}
#ItemPointsModal .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/patterns/dark-denim-3.png");
  z-index: -1;
  opacity: 0.8;
}
#ItemPointsModal h2 {
  font-size: 21px;
  line-height: 30px;
  margin: 25px 55px 0 55px;
  text-shadow: -1px -1px 5px rgba(255,255,255,0.6);
}
#ItemPointsModal p {
  text-shadow: 1px 0 4px #222 !important;
  font-size: 16px;
  font-weight: 300 !important;
  letter-spacing: 1px;
  line-height: 20px !important;
  padding: 12px 35px !important;
  text-align: center;
  color: #c2dbff !important;
}
#Store {
  border: none;
}
#Store .container {
  padding: 0 !important;
  position: relative;
}
#Store #contentpage {
  background: #222 url("/assets/img/forumbg.jpg") center fixed;
}
#Store .title {
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  font-size: 30px;
  text-align: left;
  padding: 0;
  margin: 45px 0 0 30px;
  line-height: 25px;
}
#Store .title .left {
  float: left;
}
#Store .title.right {
  float: right;
  font-size: 24px;
  text-align: right;
  float: right;
  margin: 43px 30px 0 0;
}
#Store #StoreTitle i {
  float: right;
  margin: 45px 14px 0 0;
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  transition: 1s;
}
#Store #StoreTitle :hover i {
  transform: rotate(190deg);
}
#Store #StoreTitle .customize {
  float: right;
}
#Store .crowd-box {
  box-shadow: none !important;
  border: none !important;
}
#Store .filter-button {
  color: rgba(255,255,255,0.31);
  font-kerning: inherit;
  font-size: 24px;
  text-shadow: 0 0 2px #132c48;
  position: absolute;
  top: 35px;
  right: 30px;
  cursor: pointer;
  padding: 10px;
}
#Store .filter-button:hover {
  color: #fff !important;
  text-shadow: 0 0 6px #80a6c5 !important;
}
#Store .hide-filters {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 15px;
}
#Store .crowd-description {
  text-shadow: 1px 0 1px rgba(22,67,119,0.31);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  color: #6495ed;
  transition: 200ms;
  margin: 0;
  text-transform: uppercase;
  padding: 0 15px;
  font-size: 12px;
}
#Store .crowd-title {
  height: 100px;
  font-size: 15px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  margin-bottom: 0;
  transition: all 0.2s ease;
  text-shadow: 0px 0px 10px #0d1d52 !important;
  letter-spacing: 2px;
  line-height: 22px;
  width: 90%;
  height: auto;
  z-index: 10;
  padding: 3% 5%;
  letter-spacing: 2px;
}
#Store .shop-link {
  top: 0 !important;
}
#Currency {
  position: relative;
  width: 75px;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  text-align: left;
  padding: 3px 0;
  color: #9db3d2;
  cursor: pointer;
}
#Currency i {
  display: inline-block;
  margin-right: 5px;
  transition: 200ms;
  font-size: 12px;
}
#Currency input {
  margin-bottom: 0;
}
#Currency ul {
  left: 0;
  top: 25px;
  opacity: 0;
  height: 0px;
  float: left;
  bottom: 25px;
  z-index: 100;
  width: 100px;
  transition: 200ms;
  overflow-x: hidden;
  overflow-y: scroll;
  position: absolute;
  margin-right: 0 !important;
  border: 1px solid #3e98ff;
  background: linear-gradient(to right, #0d2a5f, #112344 10%, #112344 90%, #083079 100%);
}
#Currency ul li {
  color: #85addb;
  text-align: center;
  transition: 91ms;
  padding: 10px 0px 10px 0px;
  text-shadow: 0 0 10px rgba(46,75,128,0.69);
  border: 0px solid transparent !important;
  width: 100% !important;
}
#Currency ul li:hover {
  border-left: 3px solid #0f45a7;
  box-shadow: inset 2px 0 10px rgba(0,0,0,0.17);
  background: #1a246d;
  cursor: pointer;
}
#Currency ul::-webkit-scrollbar {
  width: 4%;
}
#Currency ul::-webkit-scrollbar-track {
  background: transparent;
}
#Currency ul::-webkit-scrollbar-thumb {
  background: #1a246d;
  border-radius: 5px;
}
#Currency :first-child {
  margin-left: 0 !important;
}
#Currency :last-child {
  margin-right: 0 !important;
}
.crowd-images {
  cursor: pointer;
}
.crowd-images .slide {
  width: 100%;
}
.crowd-items {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  position: absolute;
  bottom: 280px;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
}
.crowd-items.active {
  bottom: 290px;
  visibility: visible;
  opacity: 1;
}
.showOwned {
  position: relative;
}
.showOwned h1 {
  position: absolute;
  right: 38px;
  top: 20px;
  font-weight: 300;
  cursor: pointer;
  color: rgba(65,155,232,0.78);
  transition: 100ms;
  opacity: 0.75;
}
.showOwned h1 i {
  margin-right: 7px;
}
.showOwned h1:hover {
  color: #fff;
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
  opacity: 1;
}
.triange {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #6d85b0;
  position: absolute;
  bottom: -12px;
  left: 15px;
}
.crowd-box,
#Checkout .payment-options .payment-method-container,
#Checkout .cart-products .product-listing,
#Checkout .cart-products .item-listing,
#Checkout .cart-products .cash-listing,
#Checkout .cart-products .loading-item {
  position: relative;
  padding: 0 !important;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: left;
  display: inline-block;
  width: 28%;
  border: 1px solid #82a3fb;
  max-width: 400px;
  transform: all 0.2s ease-in-out;
  box-shadow: 0px 0px 30px rgba(63,81,181,0);
  border: 1px solid #202f56;
  border-radius: 4px;
  transition: 300ms;
  margin: 3% 2.5%;
  float: none;
}
.crowd-box .background,
#Checkout .payment-options .payment-method-container .background,
#Checkout .cart-products .product-listing .background,
#Checkout .cart-products .item-listing .background,
#Checkout .cart-products .cash-listing .background,
#Checkout .cart-products .loading-item .background {
  background: linear-gradient(#0076ff, #000);
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.1;
  transition: 200ms ease-out;
}
.crowd-box .brighter-background,
#Checkout .payment-options .payment-method-container .brighter-background,
#Checkout .cart-products .product-listing .brighter-background,
#Checkout .cart-products .item-listing .brighter-background,
#Checkout .cart-products .cash-listing .brighter-background,
#Checkout .cart-products .loading-item .brighter-background {
  background: url("/assets/img/line-lightblue.png");
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: 320ms ease-out;
  z-index: -3;
}
.crowd-box .inner-box,
#Checkout .payment-options .payment-method-container .inner-box,
#Checkout .cart-products .product-listing .inner-box,
#Checkout .cart-products .item-listing .inner-box,
#Checkout .cart-products .cash-listing .inner-box,
#Checkout .cart-products .loading-item .inner-box {
  position: relative;
  height: 100%;
  min-height: 420px;
  border-radius: 2px;
  overflow: hidden;
  z-index: 2;
}
.crowd-box:hover .background,
#Checkout .payment-options .payment-method-container:hover .background,
#Checkout .cart-products .product-listing:hover .background,
#Checkout .cart-products .item-listing:hover .background,
#Checkout .cart-products .cash-listing:hover .background,
#Checkout .cart-products .loading-item:hover .background,
.crowd-box.active .background,
#Checkout .payment-options .payment-method-container.active .background,
#Checkout .cart-products .product-listing.active .background,
#Checkout .cart-products .item-listing.active .background,
#Checkout .cart-products .cash-listing.active .background,
#Checkout .cart-products .loading-item.active .background {
  opacity: 0.2;
  background-position-x: 0px;
  transition: 500ms;
}
.crowd-box:hover .brighter-background,
#Checkout .payment-options .payment-method-container:hover .brighter-background,
#Checkout .cart-products .product-listing:hover .brighter-background,
#Checkout .cart-products .item-listing:hover .brighter-background,
#Checkout .cart-products .cash-listing:hover .brighter-background,
#Checkout .cart-products .loading-item:hover .brighter-background,
.crowd-box.active .brighter-background,
#Checkout .payment-options .payment-method-container.active .brighter-background,
#Checkout .cart-products .product-listing.active .brighter-background,
#Checkout .cart-products .item-listing.active .brighter-background,
#Checkout .cart-products .cash-listing.active .brighter-background,
#Checkout .cart-products .loading-item.active .brighter-background {
  opacity: 0.7;
  background-position-y: 0px;
  transition: 700ms;
}
.crowd-box:hover .crowd-buy,
#Checkout .payment-options .payment-method-container:hover .crowd-buy,
#Checkout .cart-products .product-listing:hover .crowd-buy,
#Checkout .cart-products .item-listing:hover .crowd-buy,
#Checkout .cart-products .cash-listing:hover .crowd-buy,
#Checkout .cart-products .loading-item:hover .crowd-buy,
.crowd-box.active .crowd-buy,
#Checkout .payment-options .payment-method-container.active .crowd-buy,
#Checkout .cart-products .product-listing.active .crowd-buy,
#Checkout .cart-products .item-listing.active .crowd-buy,
#Checkout .cart-products .cash-listing.active .crowd-buy,
#Checkout .cart-products .loading-item.active .crowd-buy {
  color: #c5e5f3;
}
.crowd-box:hover .beta,
#Checkout .payment-options .payment-method-container:hover .beta,
#Checkout .cart-products .product-listing:hover .beta,
#Checkout .cart-products .item-listing:hover .beta,
#Checkout .cart-products .cash-listing:hover .beta,
#Checkout .cart-products .loading-item:hover .beta,
.crowd-box.active .beta,
#Checkout .payment-options .payment-method-container.active .beta,
#Checkout .cart-products .product-listing.active .beta,
#Checkout .cart-products .item-listing.active .beta,
#Checkout .cart-products .cash-listing.active .beta,
#Checkout .cart-products .loading-item.active .beta {
  border-radius: 0 0 3px 3px;
  opacity: 1;
  transform: translateY(30px) rotateX(0deg);
  height: 20px;
  padding: 3px 0px 5px 0;
}
.crowd-box .button.buy,
#Checkout .payment-options .payment-method-container .button.buy,
#Checkout .cart-products .product-listing .button.buy,
#Checkout .cart-products .item-listing .button.buy,
#Checkout .cart-products .cash-listing .button.buy,
#Checkout .cart-products .loading-item .button.buy {
  position: relative;
  cursor: pointer;
  z-index: 10;
  right: 0px;
  padding: 5px;
  bottom: 0;
  width: 100%;
}
.crowd-box .button.buy span,
#Checkout .payment-options .payment-method-container .button.buy span,
#Checkout .cart-products .product-listing .button.buy span,
#Checkout .cart-products .item-listing .button.buy span,
#Checkout .cart-products .cash-listing .button.buy span,
#Checkout .cart-products .loading-item .button.buy span {
  font-size: 14px;
  margin: 10px;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase !important;
  transition: 200ms;
  z-index: 10;
}
.crowd-box .button.buy i,
#Checkout .payment-options .payment-method-container .button.buy i,
#Checkout .cart-products .product-listing .button.buy i,
#Checkout .cart-products .item-listing .button.buy i,
#Checkout .cart-products .cash-listing .button.buy i,
#Checkout .cart-products .loading-item .button.buy i {
  transition: 200ms;
  padding: 7px 7px;
  border-radius: 31px;
  font-size: 12px;
  color: #3e80f1;
  text-shadow: 0 0 5px #163573;
}
.crowd-box .button.buy .box-borders *,
#Checkout .payment-options .payment-method-container .button.buy .box-borders *,
#Checkout .cart-products .product-listing .button.buy .box-borders *,
#Checkout .cart-products .item-listing .button.buy .box-borders *,
#Checkout .cart-products .cash-listing .button.buy .box-borders *,
#Checkout .cart-products .loading-item .button.buy .box-borders * {
  transition: 300ms;
}
.crowd-box .button.buy .background,
#Checkout .payment-options .payment-method-container .button.buy .background,
#Checkout .cart-products .product-listing .button.buy .background,
#Checkout .cart-products .item-listing .button.buy .background,
#Checkout .cart-products .cash-listing .button.buy .background,
#Checkout .cart-products .loading-item .button.buy .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.6;
}
.crowd-box .button.buy:hover span,
#Checkout .payment-options .payment-method-container .button.buy:hover span,
#Checkout .cart-products .product-listing .button.buy:hover span,
#Checkout .cart-products .item-listing .button.buy:hover span,
#Checkout .cart-products .cash-listing .button.buy:hover span,
#Checkout .cart-products .loading-item .button.buy:hover span,
.crowd-box .button.buy:focus span,
#Checkout .payment-options .payment-method-container .button.buy:focus span,
#Checkout .cart-products .product-listing .button.buy:focus span,
#Checkout .cart-products .item-listing .button.buy:focus span,
#Checkout .cart-products .cash-listing .button.buy:focus span,
#Checkout .cart-products .loading-item .button.buy:focus span,
.crowd-box .button.buy:active span,
#Checkout .payment-options .payment-method-container .button.buy:active span,
#Checkout .cart-products .product-listing .button.buy:active span,
#Checkout .cart-products .item-listing .button.buy:active span,
#Checkout .cart-products .cash-listing .button.buy:active span,
#Checkout .cart-products .loading-item .button.buy:active span {
  color: #fff;
}
.crowd-box .button.buy:hover i,
#Checkout .payment-options .payment-method-container .button.buy:hover i,
#Checkout .cart-products .product-listing .button.buy:hover i,
#Checkout .cart-products .item-listing .button.buy:hover i,
#Checkout .cart-products .cash-listing .button.buy:hover i,
#Checkout .cart-products .loading-item .button.buy:hover i,
.crowd-box .button.buy:focus i,
#Checkout .payment-options .payment-method-container .button.buy:focus i,
#Checkout .cart-products .product-listing .button.buy:focus i,
#Checkout .cart-products .item-listing .button.buy:focus i,
#Checkout .cart-products .cash-listing .button.buy:focus i,
#Checkout .cart-products .loading-item .button.buy:focus i,
.crowd-box .button.buy:active i,
#Checkout .payment-options .payment-method-container .button.buy:active i,
#Checkout .cart-products .product-listing .button.buy:active i,
#Checkout .cart-products .item-listing .button.buy:active i,
#Checkout .cart-products .cash-listing .button.buy:active i,
#Checkout .cart-products .loading-item .button.buy:active i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
.crowd-box .button.buy:hover .background,
#Checkout .payment-options .payment-method-container .button.buy:hover .background,
#Checkout .cart-products .product-listing .button.buy:hover .background,
#Checkout .cart-products .item-listing .button.buy:hover .background,
#Checkout .cart-products .cash-listing .button.buy:hover .background,
#Checkout .cart-products .loading-item .button.buy:hover .background,
.crowd-box .button.buy:focus .background,
#Checkout .payment-options .payment-method-container .button.buy:focus .background,
#Checkout .cart-products .product-listing .button.buy:focus .background,
#Checkout .cart-products .item-listing .button.buy:focus .background,
#Checkout .cart-products .cash-listing .button.buy:focus .background,
#Checkout .cart-products .loading-item .button.buy:focus .background,
.crowd-box .button.buy:active .background,
#Checkout .payment-options .payment-method-container .button.buy:active .background,
#Checkout .cart-products .product-listing .button.buy:active .background,
#Checkout .cart-products .item-listing .button.buy:active .background,
#Checkout .cart-products .cash-listing .button.buy:active .background,
#Checkout .cart-products .loading-item .button.buy:active .background {
  opacity: 1;
}
.crowd-box .button.buy:hover .box-borders .top,
#Checkout .payment-options .payment-method-container .button.buy:hover .box-borders .top,
#Checkout .cart-products .product-listing .button.buy:hover .box-borders .top,
#Checkout .cart-products .item-listing .button.buy:hover .box-borders .top,
#Checkout .cart-products .cash-listing .button.buy:hover .box-borders .top,
#Checkout .cart-products .loading-item .button.buy:hover .box-borders .top,
.crowd-box .button.buy:focus .box-borders .top,
#Checkout .payment-options .payment-method-container .button.buy:focus .box-borders .top,
#Checkout .cart-products .product-listing .button.buy:focus .box-borders .top,
#Checkout .cart-products .item-listing .button.buy:focus .box-borders .top,
#Checkout .cart-products .cash-listing .button.buy:focus .box-borders .top,
#Checkout .cart-products .loading-item .button.buy:focus .box-borders .top,
.crowd-box .button.buy:active .box-borders .top,
#Checkout .payment-options .payment-method-container .button.buy:active .box-borders .top,
#Checkout .cart-products .product-listing .button.buy:active .box-borders .top,
#Checkout .cart-products .item-listing .button.buy:active .box-borders .top,
#Checkout .cart-products .cash-listing .button.buy:active .box-borders .top,
#Checkout .cart-products .loading-item .button.buy:active .box-borders .top,
.crowd-box .button.buy:hover .box-borders .left,
#Checkout .payment-options .payment-method-container .button.buy:hover .box-borders .left,
#Checkout .cart-products .product-listing .button.buy:hover .box-borders .left,
#Checkout .cart-products .item-listing .button.buy:hover .box-borders .left,
#Checkout .cart-products .cash-listing .button.buy:hover .box-borders .left,
#Checkout .cart-products .loading-item .button.buy:hover .box-borders .left,
.crowd-box .button.buy:focus .box-borders .left,
#Checkout .payment-options .payment-method-container .button.buy:focus .box-borders .left,
#Checkout .cart-products .product-listing .button.buy:focus .box-borders .left,
#Checkout .cart-products .item-listing .button.buy:focus .box-borders .left,
#Checkout .cart-products .cash-listing .button.buy:focus .box-borders .left,
#Checkout .cart-products .loading-item .button.buy:focus .box-borders .left,
.crowd-box .button.buy:active .box-borders .left,
#Checkout .payment-options .payment-method-container .button.buy:active .box-borders .left,
#Checkout .cart-products .product-listing .button.buy:active .box-borders .left,
#Checkout .cart-products .item-listing .button.buy:active .box-borders .left,
#Checkout .cart-products .cash-listing .button.buy:active .box-borders .left,
#Checkout .cart-products .loading-item .button.buy:active .box-borders .left,
.crowd-box .button.buy:hover .box-borders .bottom,
#Checkout .payment-options .payment-method-container .button.buy:hover .box-borders .bottom,
#Checkout .cart-products .product-listing .button.buy:hover .box-borders .bottom,
#Checkout .cart-products .item-listing .button.buy:hover .box-borders .bottom,
#Checkout .cart-products .cash-listing .button.buy:hover .box-borders .bottom,
#Checkout .cart-products .loading-item .button.buy:hover .box-borders .bottom,
.crowd-box .button.buy:focus .box-borders .bottom,
#Checkout .payment-options .payment-method-container .button.buy:focus .box-borders .bottom,
#Checkout .cart-products .product-listing .button.buy:focus .box-borders .bottom,
#Checkout .cart-products .item-listing .button.buy:focus .box-borders .bottom,
#Checkout .cart-products .cash-listing .button.buy:focus .box-borders .bottom,
#Checkout .cart-products .loading-item .button.buy:focus .box-borders .bottom,
.crowd-box .button.buy:active .box-borders .bottom,
#Checkout .payment-options .payment-method-container .button.buy:active .box-borders .bottom,
#Checkout .cart-products .product-listing .button.buy:active .box-borders .bottom,
#Checkout .cart-products .item-listing .button.buy:active .box-borders .bottom,
#Checkout .cart-products .cash-listing .button.buy:active .box-borders .bottom,
#Checkout .cart-products .loading-item .button.buy:active .box-borders .bottom,
.crowd-box .button.buy:hover .box-borders .right,
#Checkout .payment-options .payment-method-container .button.buy:hover .box-borders .right,
#Checkout .cart-products .product-listing .button.buy:hover .box-borders .right,
#Checkout .cart-products .item-listing .button.buy:hover .box-borders .right,
#Checkout .cart-products .cash-listing .button.buy:hover .box-borders .right,
#Checkout .cart-products .loading-item .button.buy:hover .box-borders .right,
.crowd-box .button.buy:focus .box-borders .right,
#Checkout .payment-options .payment-method-container .button.buy:focus .box-borders .right,
#Checkout .cart-products .product-listing .button.buy:focus .box-borders .right,
#Checkout .cart-products .item-listing .button.buy:focus .box-borders .right,
#Checkout .cart-products .cash-listing .button.buy:focus .box-borders .right,
#Checkout .cart-products .loading-item .button.buy:focus .box-borders .right,
.crowd-box .button.buy:active .box-borders .right,
#Checkout .payment-options .payment-method-container .button.buy:active .box-borders .right,
#Checkout .cart-products .product-listing .button.buy:active .box-borders .right,
#Checkout .cart-products .item-listing .button.buy:active .box-borders .right,
#Checkout .cart-products .cash-listing .button.buy:active .box-borders .right,
#Checkout .cart-products .loading-item .button.buy:active .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
.crowd-box .button.buy:active .background,
#Checkout .payment-options .payment-method-container .button.buy:active .background,
#Checkout .cart-products .product-listing .button.buy:active .background,
#Checkout .cart-products .item-listing .button.buy:active .background,
#Checkout .cart-products .cash-listing .button.buy:active .background,
#Checkout .cart-products .loading-item .button.buy:active .background {
  opacity: 0.8;
}
.crowd-box .front-view-icon,
#Checkout .payment-options .payment-method-container .front-view-icon,
#Checkout .cart-products .product-listing .front-view-icon,
#Checkout .cart-products .item-listing .front-view-icon,
#Checkout .cart-products .cash-listing .front-view-icon,
#Checkout .cart-products .loading-item .front-view-icon {
  transition: all 300ms 2s;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 80px;
  right: 0px;
  z-index: 2;
}
.crowd-box .right-arrow,
#Checkout .payment-options .payment-method-container .right-arrow,
#Checkout .cart-products .product-listing .right-arrow,
#Checkout .cart-products .item-listing .right-arrow,
#Checkout .cart-products .cash-listing .right-arrow,
#Checkout .cart-products .loading-item .right-arrow {
  transform: rotate(45deg);
  z-index: 10;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;
}
.crowd-box .back-view-icon,
#Checkout .payment-options .payment-method-container .back-view-icon,
#Checkout .cart-products .product-listing .back-view-icon,
#Checkout .cart-products .item-listing .back-view-icon,
#Checkout .cart-products .cash-listing .back-view-icon,
#Checkout .cart-products .loading-item .back-view-icon {
  transition: all 300ms 2s;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 80px;
  right: 0px;
  z-index: 2;
}
.crowd-box .back-view-icon .left-arrow,
#Checkout .payment-options .payment-method-container .back-view-icon .left-arrow,
#Checkout .cart-products .product-listing .back-view-icon .left-arrow,
#Checkout .cart-products .item-listing .back-view-icon .left-arrow,
#Checkout .cart-products .cash-listing .back-view-icon .left-arrow,
#Checkout .cart-products .loading-item .back-view-icon .left-arrow {
  transform: rotate(-45deg);
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;
}
.crowd-box:hover .view-icon,
#Checkout .payment-options .payment-method-container:hover .view-icon,
#Checkout .cart-products .product-listing:hover .view-icon,
#Checkout .cart-products .item-listing:hover .view-icon,
#Checkout .cart-products .cash-listing:hover .view-icon,
#Checkout .cart-products .loading-item:hover .view-icon {
  opacity: 1;
}
@media screen and (max-width: 1200px) {
  .crowd-box,
  #Checkout .payment-options .payment-method-container,
  #Checkout .cart-products .product-listing,
  #Checkout .cart-products .item-listing,
  #Checkout .cart-products .cash-listing,
  #Checkout .cart-products .loading-item {
    width: 41.3% !important;
  }
}
@media screen and (max-width: 980px) {
  .crowd-box,
  #Checkout .payment-options .payment-method-container,
  #Checkout .cart-products .product-listing,
  #Checkout .cart-products .item-listing,
  #Checkout .cart-products .cash-listing,
  #Checkout .cart-products .loading-item {
    display: inline-block;
    width: 34%;
    margin: 0 3% 10% 3;
    float: none;
    min-height: auto;
  }
  .product_listings {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .container {
    padding: 4% !important;
    width: 92%;
  }
  .product_listings {
    text-align: center;
  }
  .crowd-box,
  #Checkout .payment-options .payment-method-container,
  #Checkout .cart-products .product-listing,
  #Checkout .cart-products .item-listing,
  #Checkout .cart-products .cash-listing,
  #Checkout .cart-products .loading-item {
    float: none;
    display: inline-block;
    min-height: auto;
  }
  .order-selector {
    width: 46% !important;
    margin: 2% !important;
  }
}
.crowd-pleaser {
  display: block;
  width: 90%;
  padding: 5%;
  position: absolute;
  bottom: 0;
}
.crowd-pleaser .crowd-buy,
.crowd-pleaser .crowd-price {
  text-align: left;
  color: #c5e5f3;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  width: 88%;
  left: 0;
  text-align: left;
  position: relative;
}
.crowd-pleaser .crowd-buy .on-sale,
.crowd-pleaser .crowd-price .on-sale {
  background: #008000;
  padding: 0px 4px;
}
.crowd-pleaser .crowd-buy .currency,
.crowd-pleaser .crowd-price .currency {
  top: 3px;
  position: relative;
  margin: 0 0 0 5px;
  font-weight: 400;
  font-size: 15px !important;
  line-height: 30px;
}
.crowd-pleaser .crowd-buy sup,
.crowd-pleaser .crowd-price sup {
  line-height: 36px;
}
.crowd-pleaser .crowd-buy span,
.crowd-pleaser .crowd-price span {
  font-size: 30px;
  position: relative;
}
.crowd-pleaser .crowd-buy small,
.crowd-pleaser .crowd-price small {
  text-decoration: line-through;
  font-size: 15px;
  color: #5e8ed8;
  position: absolute;
  left: auto;
  top: -35px;
  text-align: right;
  text-shadow: none;
  right: 5px;
}
.cart-title {
  color: #fff;
}
.cart {
  height: 75px;
  min-height: 0;
  width: 100%;
  margin: 80px auto 0 auto;
  padding: 10px 25px;
  position: relative;
  text-align: left;
  background: rgba(54,86,54,0.36);
  border: 1px solid #4c654c;
}
.cart:hover {
  background: rgba(50,109,50,0.25) !important;
}
.cart h4 {
  color: #fff;
  padding: 0 !important;
  margin: 10px 0 5px 0;
  font-size: 13px;
  line-height: 15px;
}
.cart .subtitle {
  text-transform: uppercase;
  font-size: 11px;
  color: #ccc;
  font-weight: 700;
  letter-spacing: 0.4px;
}
.cart-button {
  text-align: center;
  position: absolute;
  right: 0;
  font-size: 21px;
  font-weight: 200;
  transition: 200ms !important;
  box-shadow: 0 0 8px rgba(0,0,0,0), 0 8px 16px rgba(0,0,0,0);
}
.cart-button a {
  color: #fff !important;
  padding: 30px !important;
}
.cart-button .item-count {
  position: relative;
  top: 12px;
  font-size: 25px;
  font-weight: 400;
  color: #f7f7f7;
}
.cart-button .icon {
  position: relative;
  top: 13px;
}
.cart-button .title {
  position: absolute;
  bottom: 8px;
  font-size: 11px;
  text-transform: uppercase;
  width: 100%;
}
.cart-button .cart-items {
  margin-top: 5px;
}
.cart-button .underline {
  font-size: 10px;
}
.cart-button i {
  position: relative;
  font-size: 30px;
  z-index: -1;
  top: 8px;
}
.cart-button.no-text i {
  top: 10px !important;
}
.button.buy,
#LoginPage #Login .button,
#LoginPage #NewIdentity .button,
#LoginPage #AccountHelp .button,
#LoginPage #Teaser .button,
#CreateAccount .button,
#LoginPanel #Login .button,
#LoginPanel #NewId .button,
#AccountHelpWindow #ResetPassword .button,
#AccountHelpWindow #ForgotUsername .button,
#AccountHelpWindow #VerificationEmail .button {
  color: #fff;
  background: #2752b1;
  text-transform: uppercase;
  letter-spacing: 2px;
  min-width: 100px;
  overflow: hidden;
  float: right;
  outline: none;
  right: 20px;
  position: absolute;
  bottom: 15px;
  padding: 0 12px;
  height: 42px;
  font-size: 12px;
  background: #1653e8;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
  border-bottom: 1px solid #2a70ab;
  border-top: 1px solid #98b5fd;
  border-left: 1px solid #85a3ec;
  margin: 0;
}
.button.buy:after,
#LoginPage #Login .button:after,
#LoginPage #NewIdentity .button:after,
#LoginPage #AccountHelp .button:after,
#LoginPage #Teaser .button:after,
#CreateAccount .button:after,
#LoginPanel #Login .button:after,
#LoginPanel #NewId .button:after,
#AccountHelpWindow #ResetPassword .button:after,
#AccountHelpWindow #ForgotUsername .button:after,
#AccountHelpWindow #VerificationEmail .button:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0%;
  width: 0%;
  background: #014dc7;
}
.button.buy:hover,
#LoginPage #Login .button:hover,
#LoginPage #NewIdentity .button:hover,
#LoginPage #AccountHelp .button:hover,
#LoginPage #Teaser .button:hover,
#CreateAccount .button:hover,
#LoginPanel #Login .button:hover,
#LoginPanel #NewId .button:hover,
#AccountHelpWindow #ResetPassword .button:hover,
#AccountHelpWindow #ForgotUsername .button:hover,
#AccountHelpWindow #VerificationEmail .button:hover,
.button.buy:focus,
#LoginPage #Login .button:focus,
#LoginPage #NewIdentity .button:focus,
#LoginPage #AccountHelp .button:focus,
#LoginPage #Teaser .button:focus,
#CreateAccount .button:focus,
#LoginPanel #Login .button:focus,
#LoginPanel #NewId .button:focus,
#AccountHelpWindow #ResetPassword .button:focus,
#AccountHelpWindow #ForgotUsername .button:focus,
#AccountHelpWindow #VerificationEmail .button:focus {
  transition: 370ms;
}
.button.buy:hover:after,
#LoginPage #Login .button:hover:after,
#LoginPage #NewIdentity .button:hover:after,
#LoginPage #AccountHelp .button:hover:after,
#LoginPage #Teaser .button:hover:after,
#CreateAccount .button:hover:after,
#LoginPanel #Login .button:hover:after,
#LoginPanel #NewId .button:hover:after,
#AccountHelpWindow #ResetPassword .button:hover:after,
#AccountHelpWindow #ForgotUsername .button:hover:after,
#AccountHelpWindow #VerificationEmail .button:hover:after,
.button.buy:focus:after,
#LoginPage #Login .button:focus:after,
#LoginPage #NewIdentity .button:focus:after,
#LoginPage #AccountHelp .button:focus:after,
#LoginPage #Teaser .button:focus:after,
#CreateAccount .button:focus:after,
#LoginPanel #Login .button:focus:after,
#LoginPanel #NewId .button:focus:after,
#AccountHelpWindow #ResetPassword .button:focus:after,
#AccountHelpWindow #ForgotUsername .button:focus:after,
#AccountHelpWindow #VerificationEmail .button:focus:after {
  left: 5%;
  top: 5%;
  height: 90%;
  width: 90%;
}
.button.buy:active:after,
#LoginPage #Login .button:active:after,
#LoginPage #NewIdentity .button:active:after,
#LoginPage #AccountHelp .button:active:after,
#LoginPage #Teaser .button:active:after,
#CreateAccount .button:active:after,
#LoginPanel #Login .button:active:after,
#LoginPanel #NewId .button:active:after,
#AccountHelpWindow #ResetPassword .button:active:after,
#AccountHelpWindow #ForgotUsername .button:active:after,
#AccountHelpWindow #VerificationEmail .button:active:after {
  top: 0%;
  left: 0%;
  height: 0%;
  width: 100% !important;
}
.button.buy:active,
#LoginPage #Login .button:active,
#LoginPage #NewIdentity .button:active,
#LoginPage #AccountHelp .button:active,
#LoginPage #Teaser .button:active,
#CreateAccount .button:active,
#LoginPanel #Login .button:active,
#LoginPanel #NewId .button:active,
#AccountHelpWindow #ResetPassword .button:active,
#AccountHelpWindow #ForgotUsername .button:active,
#AccountHelpWindow #VerificationEmail .button:active,
.button.buy.success,
#LoginPage #Login .button.success,
#LoginPage #NewIdentity .button.success,
#LoginPage #AccountHelp .button.success,
#LoginPage #Teaser .button.success,
#CreateAccount .button.success,
#LoginPanel #Login .button.success,
#LoginPanel #NewId .button.success,
#AccountHelpWindow #ResetPassword .button.success,
#AccountHelpWindow #ForgotUsername .button.success,
#AccountHelpWindow #VerificationEmail .button.success {
  box-shadow: inset 1px 1px 6px rgba(0,0,0,0.29);
  border-top: 1px solid #537794;
  border-left: 1px solid #356994;
}
.button.buy:active:after,
#LoginPage #Login .button:active:after,
#LoginPage #NewIdentity .button:active:after,
#LoginPage #AccountHelp .button:active:after,
#LoginPage #Teaser .button:active:after,
#CreateAccount .button:active:after,
#LoginPanel #Login .button:active:after,
#LoginPanel #NewId .button:active:after,
#AccountHelpWindow #ResetPassword .button:active:after,
#AccountHelpWindow #ForgotUsername .button:active:after,
#AccountHelpWindow #VerificationEmail .button:active:after,
.button.buy.success:after,
#LoginPage #Login .button.success:after,
#LoginPage #NewIdentity .button.success:after,
#LoginPage #AccountHelp .button.success:after,
#LoginPage #Teaser .button.success:after,
#CreateAccount .button.success:after,
#LoginPanel #Login .button.success:after,
#LoginPanel #NewId .button.success:after,
#AccountHelpWindow #ResetPassword .button.success:after,
#AccountHelpWindow #ForgotUsername .button.success:after,
#AccountHelpWindow #VerificationEmail .button.success:after {
  opacity: 1;
  height: 105%;
  width: 100%;
  background: #014dc7;
}
.button.buy.failure,
#LoginPage #Login .button.failure,
#LoginPage #NewIdentity .button.failure,
#LoginPage #AccountHelp .button.failure,
#LoginPage #Teaser .button.failure,
#CreateAccount .button.failure,
#LoginPanel #Login .button.failure,
#LoginPanel #NewId .button.failure,
#AccountHelpWindow #ResetPassword .button.failure,
#AccountHelpWindow #ForgotUsername .button.failure,
#AccountHelpWindow #VerificationEmail .button.failure {
  outline: none;
  background: #b30a0a;
  border: 2px solid #690a0a;
}
.button.buy.failure:hover,
#LoginPage #Login .button.failure:hover,
#LoginPage #NewIdentity .button.failure:hover,
#LoginPage #AccountHelp .button.failure:hover,
#LoginPage #Teaser .button.failure:hover,
#CreateAccount .button.failure:hover,
#LoginPanel #Login .button.failure:hover,
#LoginPanel #NewId .button.failure:hover,
#AccountHelpWindow #ResetPassword .button.failure:hover,
#AccountHelpWindow #ForgotUsername .button.failure:hover,
#AccountHelpWindow #VerificationEmail .button.failure:hover,
.button.buy.failure:focus,
#LoginPage #Login .button.failure:focus,
#LoginPage #NewIdentity .button.failure:focus,
#LoginPage #AccountHelp .button.failure:focus,
#LoginPage #Teaser .button.failure:focus,
#CreateAccount .button.failure:focus,
#LoginPanel #Login .button.failure:focus,
#LoginPanel #NewId .button.failure:focus,
#AccountHelpWindow #ResetPassword .button.failure:focus,
#AccountHelpWindow #ForgotUsername .button.failure:focus,
#AccountHelpWindow #VerificationEmail .button.failure:focus {
  box-shadow: 0px 1px 5px 0px rgba(255,0,0,0.4);
  text-shadow: 0px 0px 3px #b30a0a;
}
.button.buy.failure:after,
#LoginPage #Login .button.failure:after,
#LoginPage #NewIdentity .button.failure:after,
#LoginPage #AccountHelp .button.failure:after,
#LoginPage #Teaser .button.failure:after,
#CreateAccount .button.failure:after,
#LoginPanel #Login .button.failure:after,
#LoginPanel #NewId .button.failure:after,
#AccountHelpWindow #ResetPassword .button.failure:after,
#AccountHelpWindow #ForgotUsername .button.failure:after,
#AccountHelpWindow #VerificationEmail .button.failure:after {
  background: #8a0303;
}
.button.buy.gold,
#LoginPage #Login .button.gold,
#LoginPage #NewIdentity .button.gold,
#LoginPage #AccountHelp .button.gold,
#LoginPage #Teaser .button.gold,
#CreateAccount .button.gold,
#LoginPanel #Login .button.gold,
#LoginPanel #NewId .button.gold,
#AccountHelpWindow #ResetPassword .button.gold,
#AccountHelpWindow #ForgotUsername .button.gold,
#AccountHelpWindow #VerificationEmail .button.gold {
  outline-color: #b30a0a;
  border: 2px solid #cc9b04;
  background: #ddaf02;
}
.button.buy.gold:hover,
#LoginPage #Login .button.gold:hover,
#LoginPage #NewIdentity .button.gold:hover,
#LoginPage #AccountHelp .button.gold:hover,
#LoginPage #Teaser .button.gold:hover,
#CreateAccount .button.gold:hover,
#LoginPanel #Login .button.gold:hover,
#LoginPanel #NewId .button.gold:hover,
#AccountHelpWindow #ResetPassword .button.gold:hover,
#AccountHelpWindow #ForgotUsername .button.gold:hover,
#AccountHelpWindow #VerificationEmail .button.gold:hover,
.button.buy.gold:focus,
#LoginPage #Login .button.gold:focus,
#LoginPage #NewIdentity .button.gold:focus,
#LoginPage #AccountHelp .button.gold:focus,
#LoginPage #Teaser .button.gold:focus,
#CreateAccount .button.gold:focus,
#LoginPanel #Login .button.gold:focus,
#LoginPanel #NewId .button.gold:focus,
#AccountHelpWindow #ResetPassword .button.gold:focus,
#AccountHelpWindow #ForgotUsername .button.gold:focus,
#AccountHelpWindow #VerificationEmail .button.gold:focus {
  box-shadow: 0px 1px 5px 0px transparent;
  text-shadow: 0px 0px 3px #c79d28;
}
.button.buy.gold:after,
#LoginPage #Login .button.gold:after,
#LoginPage #NewIdentity .button.gold:after,
#LoginPage #AccountHelp .button.gold:after,
#LoginPage #Teaser .button.gold:after,
#CreateAccount .button.gold:after,
#LoginPanel #Login .button.gold:after,
#LoginPanel #NewId .button.gold:after,
#AccountHelpWindow #ResetPassword .button.gold:after,
#AccountHelpWindow #ForgotUsername .button.gold:after,
#AccountHelpWindow #VerificationEmail .button.gold:after {
  background: #e4b800;
}
.stock {
  text-shadow: 1px 0 1px rgba(22,67,119,0.31);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 12px;
  text-align: left;
  padding: 3px 0;
  color: #009a15;
  margin: 5px 0;
}
.stock span {
  display: inline-block;
}
.stock.unavailable {
  color: #af2626;
  text-shadow: 0 0 0.6px #ce0e0e;
  border-top: 1px solid rgba(181,60,60,0.07);
  background: rgba(179,74,74,0.2);
}
.beta {
  color: #b1c8ff !important;
  font-weight: 300;
  letter-spacing: 0.8px;
  font-size: 10px;
  text-shadow: 1px 1px 0px #0b2173;
  text-transform: uppercase;
  height: 20px;
  pointer-events: none;
  bottom: 0px;
  background: #316d9e;
  width: 100%;
  text-align: center;
  padding: 3px 0px 5px 0;
  position: absolute;
  left: -1px;
  z-index: -1;
  border: 1px solid #07277b !important;
  transition: 300ms;
  opacity: 0;
}
@media screen and (max-width: 600px) {
  #StoreTitle .title {
    float: none;
  }
  #StoreTitle .customize {
    float: right;
    width: 80%;
    padding: 0 10% 5% 0;
  }
  #StoreTitle i,
  #StoreTitle h2 {
    float: left !important;
  }
}
#Subtitle {
  padding: 0 !important;
  margin: 10px auto 10px auto;
  background: transparent;
  font-size: 16px !important;
  z-index: 10;
  position: relative;
  min-height: 40px;
}
#Subtitle span {
  text-transform: uppercase !important;
  color: #3b98e8 !important;
  padding: 8px 2px !important;
  transition: 200ms !important;
  font-weight: 400;
  letter-spacing: 1px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
  cursor: pointer;
}
#Subtitle .arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 4px;
  top: 0px;
  font-size: 16px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
}
#Subtitle .arrows .one,
#Subtitle .arrows .two,
#Subtitle .arrows .three {
  position: absolute;
}
#Subtitle .arrows .one {
  transition: 100ms 66ms;
}
#Subtitle .arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
#Subtitle .arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
#Subtitle .left .arrows {
  float: left;
  left: 4px;
  top: -10px;
  transform: rotate(-90deg);
}
#Subtitle .left .back,
#Subtitle .rightside .back {
  padding: 14px 20px 7px 20px;
  position: absolute;
  top: -10px;
  border-radius: 0 0 12px 0px;
}
#Subtitle .left .back .background,
#Subtitle .rightside .back .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 300ms;
  background: linear-gradient(to right, #161d26, transparent);
}
#Subtitle .rightside .back .background {
  background: linear-gradient(to right, transparent, #161d26) !important;
}
#Subtitle .left:hover .arrows,
#Subtitle .rightside:hover .arrows,
#Subtitle .left:hover span,
#Subtitle .rightside:hover span {
  text-shadow: 0 0 13px #6495ed;
  color: #fff !important;
}
#Subtitle .rightside {
  position: relative;
  right: 0;
  width: 140px;
  height: 40px;
  float: right;
}
#Subtitle .rightside .share {
  cursor: pointer;
}
#Subtitle .rightside .arrows {
  transform: rotate(-90deg);
  top: -12px;
}
#Subtitle .rightside:hover .arrows {
  transform: rotate(-180deg);
  left: -8px;
  top: -7px;
}
.bottom-title .title-row {
  margin-bottom: 0% !important;
  margin-top: 4% !important;
}
.bottom-title .crowd-title {
  width: 75% !important;
}
@-moz-keyframes 'loaderbg' {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-webkit-keyframes 'loaderbg' {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 100%;
  }
}
@-o-keyframes 'loaderbg' {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 100%;
  }
}
@keyframes 'loaderbg' {
  0% {
    background-position-x: 0%;
  }
  100% {
    background-position-x: 100%;
  }
}
#Store .scene {
  background: #080d19 url("/assets/img/patterns/purty-wood.png");
  height: 100vh;
  z-index: -2;
  position: fixed;
  width: 100vw;
  height: 100vw;
  opacity: 0.75;
  top: 0;
}
#Store .row.container {
  border-left: 1px solid #2b2b2b !important;
  border-right: 1px solid #2b2b2b !important;
}
#Store .store_header {
  width: 96%;
  padding: 1% 2%;
  height: 20px;
  position: relative;
}
#Store .store_header .background {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
#Store .store_header .background .left-border {
  position: absolute;
  top: 0;
  left: 20px;
  border-left: 7px solid rgba(34,136,250,0.5);
  height: 100%;
  width: 20%;
  transform: skew(-20deg);
  background: linear-gradient(to right, #000, transparent);
  z-index: 1;
}
#Store .store_header .background .right-border {
  position: absolute;
  top: 0;
  right: 20px;
  border-right: 7px solid rgba(34,136,250,0.5);
  height: 100%;
  width: 20%;
  transform: skew(20deg);
  background: linear-gradient(to right, transparent, #000);
  z-index: 1;
}
#Store .store_header h2,
#Store .store_header h3 {
  float: left;
  padding: 0;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 1px;
  margin: 0 20px;
  position: relative;
  z-index: 10;
}
#Store .store_header h3 {
  font-size: 13px;
}
#Store .store_header .right {
  float: right;
}
@media screen and (max-width: 768px) {
  #Store .row.container {
    width: 100%;
  }
}
#Store #StoreFilter .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.4;
}
#Store .controls {
  float: left;
  padding: 0 2%;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
  font-weight: 700;
  letter-spacing: 1px;
  width: 96%;
  margin: 5% 0;
}
#Store .controls .next {
  float: right;
}
#Store .controls .prev {
  float: left;
}
#Store .controls .next,
#Store .controls .prev {
  padding: 5px;
  position: relative;
  cursor: pointer;
}
#Store .controls .next span,
#Store .controls .prev span {
  font-size: 14px;
  margin: 10px;
  font-weight: 300;
  color: #2e88d2;
  text-transform: capitalize;
  transition: 200ms;
}
#Store .controls .next i,
#Store .controls .prev i {
  transition: 200ms;
  padding: 7px 7px;
  border-radius: 31px;
  font-size: 12px;
  color: #3e80f1;
  text-shadow: 0 0 5px #163573;
}
#Store .controls .next .box-borders *,
#Store .controls .prev .box-borders * {
  transition: 300ms;
}
#Store .controls .next .background,
#Store .controls .prev .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.4;
}
#Store .controls .next:hover span,
#Store .controls .prev:hover span {
  color: #fff;
}
#Store .controls .next:hover i,
#Store .controls .prev:hover i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
#Store .controls .next:hover .box-borders .top,
#Store .controls .prev:hover .box-borders .top,
#Store .controls .next:hover .box-borders .left,
#Store .controls .prev:hover .box-borders .left,
#Store .controls .next:hover .box-borders .bottom,
#Store .controls .prev:hover .box-borders .bottom,
#Store .controls .next:hover .box-borders .right,
#Store .controls .prev:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#Store .crowd-title {
  color: #fff;
  z-index: 5;
  width: auto;
  font-size: 27px;
  font-weight: 200;
  line-height: 25px;
  position: relative;
  height: auto !important;
  background: transparent;
  text-transform: uppercase;
  padding: 15px 12px 12px 15px;
}
#Store .crowd-title a {
  transition: 200ms 50ms;
  color: #e7f2ff;
  position: relative;
  top: 3px;
}
#Store .crowd-title .arrows {
  float: left;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 2px;
}
#Store .crowd-title .arrows .one,
#Store .crowd-title .arrows .two,
#Store .crowd-title .arrows .three {
  position: absolute;
}
#Store .crowd-title .arrows .one {
  transition: 200ms 75ms;
}
#Store .crowd-title .arrows .two {
  top: 5px;
  transition: 200ms 50ms;
}
#Store .crowd-title .arrows .three {
  top: 10px;
  transition: 200ms 0ms;
}
#Store .crowd-title:hover .arrows {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
#Store .crowd-title:hover a {
  text-shadow: 0 0 13px #515f79;
}
#Store .crowd-title:hover .shop-link {
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
}
#Store .shop-link {
  font-size: 14px;
  transition: 100ms;
  color: #419be8;
  text-transform: uppercase;
  right: 30px;
}
#Store .shop-link span {
  transition: 100ms;
}
#Store .shop-link .back-to-shop {
  text-transform: uppercase;
  margin: 5px 0 0 10px;
}
#Store .shop-link:hover,
#Store .shop-link:active {
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
}
#Store .shop-link :after {
  background: #00f;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#Store .shop-link .arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 4px;
  font-size: 16px;
}
#Store .shop-link .arrows .one,
#Store .shop-link .arrows .two,
#Store .shop-link .arrows .three {
  position: absolute;
}
#Store .shop-link .arrows .one {
  transition: 100ms 66ms;
}
#Store .shop-link .arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
#Store .shop-link .arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
#Store .shop-link:hover .arrows {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
#Store .shop-link:hover span {
  color: #fff;
  text-shadow: 0 0 13px #6495ed;
}
#Store .back-to-shop {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 17px;
  letter-spacing: 1.5px;
  float: right;
}
#Store .product_listings {
  min-height: 500px;
  overflow: hidden;
  margin-top: 30px;
  transition: all 230ms ease-out;
}
#Store .product_listings li *::selection {
  background: transparent;
}
#Store .product_listings li.loader {
  width: 1px;
  background: transparent;
  text-align: center;
}
#Store .product_listings li .box-borders {
  z-index: 8;
}
#Store .product_listings li .Face,
#Store .product_listings li .Back {
  width: 100%;
  height: 100% !important;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
}
#Store .product_listings li .Face .crowd-title,
#Store .product_listings li .Back .crowd-title {
  font-size: 19px;
}
#Store .product_listings li .Face .stock,
#Store .product_listings li .Back .stock {
  width: auto;
  margin: 0 !important;
  text-align: left !important;
  color: #16a516;
  font-size: 12px;
  font-weight: 500;
  text-transform: uppercase;
  text-shadow: 1px 0 1px rgba(22,67,119,0.31);
  letter-spacing: 0.1px;
}
#Store .product_listings li .Face .stock.red,
#Store .product_listings li .Back .stock.red {
  color: #b7362c;
}
#Store .product_listings li .Back {
  opacity: 0;
  display: none;
}
#Store .product_listings li .Back h5 {
  text-align: center;
  padding: 15px 0 0 0px;
}
#Store .product_listings li .Back hr {
  width: 80%;
  margin: 12px auto;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #5e84b1 50%, rgba(46,88,138,0) 100%);
  height: 1px;
  border: none;
}
#Store .product_listings li #Beta {
  font-size: 12px;
  line-height: 25px;
  font-weight: 500;
  color: #2e589c;
  margin: 5px 16px;
  text-transform: uppercase;
  text-shadow: 1px 0 1px rgba(22,67,119,0.31);
}
#Store .product_listings li #Currency {
  width: 60px;
  color: #3e98ff;
  margin-top: 0;
  float: right;
  text-align: right;
  font-weight: 400;
  top: 10px;
  z-index: 6;
}
#Store .product_listings li #Currency i {
  margin: 0px 6px;
}
#Store .product_listings li #Currency ul {
  right: 0px !important;
  top: auto !important;
  height: 0px;
  bottom: 30px;
  position: absolute;
  left: auto;
  width: 80px;
}
#Store .product_listings li .button.buy {
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  border: none;
  width: 100%;
}
#Store .product_listings li .background2,
#Store .product_listings li .background3 {
  transition: 100ms;
}
#Store .product_listings li .crowd-pleaser .crowd-buy .onsale {
  left: 0;
  width: 88%;
  padding: 1%;
  z-index: 2;
  color: #c2dbff;
  text-align: left;
  font-weight: 300;
  text-align: left;
  font-size: 22px;
  position: relative;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in-out;
}
#Store .product_listings li .crowd-pleaser .crowd-buy small {
  text-decoration: none;
  color: #b65e1f;
  font-size: 15px;
  left: 4px;
  text-align: left;
  top: -40px;
}
#Store .product_listings li .crowd-pleaser .crowd-buy small span {
  position: relative;
  left: 5px;
  top: 7px;
  text-align: left;
  text-shadow: none;
  font-size: 15px;
  text-decoration: none;
}
#Store .product_listings li:hover .expanding-borders {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#Store .product_listings li:hover .crowd-title a {
  text-shadow: 0 0 13px #515f79;
}
#Store .product_listings li:hover .background2 {
  opacity: 0.3;
  background-position-y: -5px;
}
#Store .product_listings li:hover .background3 {
  opacity: 0.3;
  background-position-y: 20px;
}
#Store #StoreProducts,
#Store #StoreItems {
  padding: 0px 0 70px 0;
}
#Store .boxaccents {
  position: absolute;
  left: 0;
  top: 0;
}
#Store .boxaccents .left {
  position: absolute;
  left: 0;
  height: 100%;
}
#Store .boxaccents .right {
  position: absolute;
  right: 0;
  height: 100%;
}
#Store #StoreItems .item_listings {
  margin-bottom: 70px;
  transition: all 230ms ease-out;
}
#Store #StoreItems .item_listings li {
  width: 43%;
  max-width: inherit !important;
  border: none !important;
  border-radius: 2px;
}
#Store #StoreItems .item_listings li *::selection {
  background: transparent;
}
#Store #StoreItems .item_listings li.loader {
  width: 1px;
  background: transparent;
  text-align: center;
}
#Store #StoreItems .item_listings li .box-borders {
  z-index: 10;
}
#Store #StoreItems .item_listings li .crowd-title {
  padding: 3% 6%;
  width: 88%;
}
#Store #StoreItems .item_listings li .crowd-title .slide {
  pointer-events: none !important;
}
#Store #StoreItems .item_listings li .crowd-pleaser {
  min-height: 90px;
}
#Store #StoreItems .item_listings li .crowd-pleaser .onsale {
  color: #c2dbff;
  font-weight: 300;
  font-size: 22px;
  letter-spacing: 1.9px;
  position: absolute;
  margin: 0 10px;
  z-index: 10;
}
#Store #StoreItems .item_listings li .background {
  pointer-events: none;
  z-index: 2;
  background: linear-gradient(#0d4b92 34%, #000a27);
}
#Store #StoreItems .item_listings li .button.buy {
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  border: none;
  width: auto;
  width: 84%;
  right: 8%;
}
#Store #StoreItems .item_listings li .button.buy .box-borders * {
  transition: 500ms cubic-bezier(0.67, 1.18, 0.67, 1.36);
}
#Store #StoreItems .item_listings li .button.buy .button-background {
  top: 10%;
  left: 5%;
  width: 90%;
  height: 77%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  box-shadow: 0 0 6px transparent !important;
  transition: 500ms cubic-bezier(0.67, 1.18, 0.67, 1.36);
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
}
#Store #StoreItems .item_listings li .button.buy:hover .box-borders .top,
#Store #StoreItems .item_listings li .button.buy:hover .box-borders .left,
#Store #StoreItems .item_listings li .button.buy:hover .box-borders .bottom,
#Store #StoreItems .item_listings li .button.buy:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#Store #StoreItems .item_listings li .button.buy:hover .button-background {
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 6px #213b98 !important;
}
#Store #StoreItems .item_listings li:hover .background2 {
  opacity: 0.5;
  background-position-y: -5px;
}
#Store #StoreItems .item_listings li:hover .background3 {
  opacity: 0.3;
  background-position-y: 20px;
}
#Store #StoreProducts .crowd-images,
#Store #StoreProducts .crowd-buy {
  position: relative;
  z-index: 5;
}
#Store #StoreProducts .crowd-title {
  width: auto;
  position: relative;
  z-index: 5;
}
#Store #StoreProducts .stock {
  z-index: 10;
}
.background2 {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 1;
  position: absolute;
  pointer-events: none;
  transition: 200ms cubic-bezier(0.67, 1.18, 0.67, 1.36);
  background: url("/assets/img/patterns/old-mathematics-blue-sm.png") repeat-x;
  background-position-y: 170px;
}
.background3 {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  transition: 500ms cubic-bezier(1, 0.27, 0.35, 1.04);
  background: url("/assets/img/line-lightblue.png");
  background-position-y: 0;
}
#ProductsSection,
#ItemsSection {
  margin: 0 !important;
}
.item-page-controls .direction-controls,
.product-page-controls .direction-controls,
.ItemDetails .direction-controls {
  width: 96%;
  padding: 2%;
}
.center span {
  margin: 0 3px;
}
@media screen and (max-width: 768px) {
  #StoreProducts .product_listings li {
    width: 100% !important;
    float: none;
    display: inline-block;
    min-width: 350px;
  }
}
.ms-loading,
.ms-slide-loading,
.ms-loading-container {
  display: none !important;
  background: none !important;
}
.store-header .ms-container {
  margin-bottom: 120px;
}
.ms-bullets {
  margin: 0;
  opacity: 1;
  z-index: 10;
  height: 50px;
  width: 200px;
  right: 0 !important;
  margin-top: -170px;
  top: auto !important;
  bottom: 10px !important;
}
.ms-bullets .ms-bullet {
  margin: 10px;
  height: 12px;
  display: inline-block;
  width: 12px;
  border: 3px solid rgba(255,255,255,0.3);
  border-radius: 30px;
}
.ms-bullets .ms-bullet:hover {
  background: #112d47;
}
.ms-bullets .ms-bullet.ms-bullet-selected {
  background: rgba(255,255,255,0.2);
}
.ms-bullets .ms-bullets-count {
  height: 40px;
  text-align: right;
  right: 0;
  position: absolute;
}
.ms-slide .fence {
  opacity: 1;
  z-index: 11;
  width: 100%;
  height: 450px;
  bottom: -145px;
  position: absolute;
  background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(49,49,49,0.5) 55%, #000 75%);
}
.store-header {
  background: rgba(0,0,0,0);
  padding: 0;
  color: #ccc;
  overflow: hidden;
  width: 100%;
  height: 780px;
  margin: 0px auto !important;
/** Clear sides 
	.ms-nav-next
		background none !important
		position: absolute;
		border-radius: 5px;
		cursor: pointer;
		right: 12px;
		background-position: 12px 0px;
		background-size: 25px;
		right: 0;
		height: 100%;
		bottom: 0;
		width: 20%;
	.ms-nav-prev
		background none !important
		position: absolute;
		border-radius: 5px;
		cursor: pointer;
		left: 0;
		width: 20%;
		height: 100%;
		bottom: 0;
	**/
}
.store-header img {
  position: absolute;
  width: auto;
}
.store-header .info-slide.crime {
  bottom: -25% !important;
}
.store-header .info-slide.jobs {
  top: 27% !important;
}
.store-header .ms-view {
  background: transparent;
}
.store-header .ms-description {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 25px;
  right: 69px;
  bottom: 137px;
  width: 390px;
  max-width: 70%;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
}
.store-header .ms-description p {
  margin: 10px;
}
.store-header .ms-product {
  position: absolute !important;
}
.store-header .ms-product .ms-bullets {
  bottom: 0 !important;
}
.store-header .ms-product .ms-bullet {
  cursor: pointer;
  float: left;
  background: rgba(0,0,0,0.2);
  height: 7px;
  width: 7px;
  border-radius: 15px;
}
.store-header .ms-product .ms-bullet-selected {
  background: rgba(0,0,0,0.5);
}
.store-header .ms-nav-next,
.store-header .ms-nav-prev {
  width: 30px;
  height: 50px;
  position: absolute;
  cursor: pointer;
  bottom: 22%;
  opacity: 0;
  z-index: 5;
}
.store-header .ms-nav-next {
  background: url("/assets/img/arrows-transparent.png") -40px 0px/70px;
  right: 1%;
}
.store-header .ms-nav-prev {
  background: url("/assets/img/arrows-transparent.png") 0px 0px/70px;
  left: 1%;
}
.store-header .ms-thumb-list {
  bottom: 20px;
  margin: auto;
  width: 100px;
  height: 30px;
  z-index: 10;
}
.store-header .ms-shop-sign {
  top: 100px;
  position: absolute;
  background: #eae5d5;
  color: #484848;
  font-family: 'Lato';
  right: 50px;
  font-size: 16px !important;
  line-height: 10px !important;
  text-align: center;
  height: 200px;
  width: 170px;
}
.store-header .ms-shop-sign .sides {
  position: absolute;
  top: 0;
  left: 0;
  width: 165px;
  height: 192px;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(to bottom right, #e2e2e2, #e0e0e0, #efeeee) 1 100%;
  box-shadow: inset 0px 0px 1px 0px rgba(50,50,50,0.8);
  height: 190px;
  width: 165px;
}
.store-header .ms-shop-sign .inside {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 200px;
}
.store-header .ms-shop-sign .inside img {
  margin: auto;
}
.store-header .ms-shop-sign .inside p {
  color: #000;
  line-height: 19px;
  padding: 0 10px;
  font-size: 15px;
}
.store-header .ms-shop-sign .sign-logo {
  width: 37px;
  display: inline-block;
  position: relative;
  margin-top: 12px;
  filter: saturate(0);
}
.store-header .ms-shop-feature {
  left: 50px;
  bottom: 100px;
  position: absolute;
  background: #a06c4d;
  color: #484848;
  font-family: 'Lato';
  text-align: center;
  height: 200px;
  width: 170px;
  z-index: 10;
  transform: scale(1);
  line-height: 10px !important;
  font-size: 16px !important;
  bottom: 80px !important;
  right: 50px !important;
  left: auto !important;
}
.store-header .ms-shop-feature .sides,
.store-header .ms-shop-feature .top-bottom {
  position: absolute;
  top: 0;
  left: 0;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(to bottom right, #e9b98b, #ba8759, #d5ab82) 1 100%;
  box-shadow: inset 0px 0px 1px 0px #543b2c;
  height: 190px;
  width: 165px;
}
.store-header .ms-shop-feature .top-bottom {
  position: absolute;
  top: 13px;
  left: -13px;
  border-width: 4px;
  border-style: solid;
  border-image: linear-gradient(to bottom left, #e9b98b, #ba8759, #d5ab82) 1 100%;
  box-shadow: inset 0px 0px 1px 0px #543b2c;
  height: 164px;
  width: 192px;
  transform: rotate(90deg);
}
.store-header .ms-shop-feature .pole {
  height: 130px;
  width: 7px;
  background: linear-gradient(to right, #b58151 33%, #d6ac83 50%, #bf9b72 75%);
  left: 50%;
  position: relative;
  z-index: -1;
  box-shadow: 0 0px 1px #deae7e;
  top: 200px;
}
.store-header .ms-shop-feature .bottom {
  width: 164px;
  height: 160px;
  position: absolute;
  bottom: -250px;
  left: 5%;
  clip: rect(auto, 180px, auto, 100px);
  transform: rotate(-90deg);
}
.store-header .ms-shop-feature .bottom::after {
  content: "";
  position: absolute;
  top: 10px;
  bottom: 10px;
  left: 10px;
  right: 10px;
  background: linear-gradient(to right, #b58151 33%, #d6ac83 50%, #bf9b72 75%);
  transform: rotate(-45deg);
}
.store-header .ms-shop-feature .inside {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.store-header .ms-shop-feature .inside ul {
  position: absolute;
  z-index: 10;
  width: 103%;
  color: #fff;
  font-weight: 200;
  font-size: 11px;
  text-transform: uppercase;
  top: 21px;
}
.store-header .ms-shop-feature .inside ul li {
  width: 80%;
  display: inline-block;
  cursor: pointer;
  padding: 5% 0%;
  background: linear-gradient(#833d1b, #411800, #602f08);
  margin: 3%;
  border: 2px solid #542a0b;
  height: 11px;
  font-size: 16px;
}
.store-header .ms-shop-feature .inside ul li:hover,
.store-header .ms-shop-feature .inside ul li .selected {
  text-decoration: underline;
}
.store-header .ms-shop-feature .ms-advert-card {
  top: 0px !important;
  margin-top: 0;
  height: 100%;
}
.store-header .ms-shop-feature .ms-advert-card h2 {
  top: 0px !important;
  letter-spacing: 1.5px;
  padding: 0;
  position: absolute;
  line-height: 21px;
  width: 100%;
  font-size: 26px;
}
.store-header .ms-shop-feature .ms-advert-card p {
  color: #fff;
}
.store-header .ms-shop-feature .ms-advert-card ul {
  top: 0px !important;
  position: relative;
}
.store-header .ms-advert-header {
  position: absolute;
  top: 20px;
  text-align: center;
  font-weight: 500;
  color: #f5deb3;
  width: 100%;
  letter-spacing: 0.3px;
  text-transform: uppercase;
  font-size: 12px;
}
.store-header .ms-layer.ms-shop-advert {
  top: 100px;
  right: 20px;
  background: cream;
  position: absolute;
  border: 3px solid siliver;
  box-shadow: 4px 3px 5px #000;
}
.store-header .ms-layer.ms-advert-header {
  font-family: 'Lato';
  font-size: 18px;
  text-align: center;
  text-shadow: 3px 0 4x #000;
}
.store-header .ms-layer.ms-advert-list {
  position: absolute;
  top: 0;
  width: 160px;
  left: 0;
}
.store-header .ms-layer.ms-advert-list ul li {
  list-style: round;
  font-size: 16px;
  color: #000;
  padding: 10px;
  font-family: 'Lato';
  font-weight: 300;
}
.store-header .ms-layer.ms-advert-card {
  left: 0;
  position: absolute;
  right: auto;
  width: 100%;
  top: -14px;
}
.store-header .ms-layer.ms-advert-card ul {
  list-style: round;
  font-size: 16px;
  color: #000;
  padding: 10px;
  font-family: 'Lato';
}
.store-header .ms-layer.ms-advert-card ul li {
  float: none;
  width: 80%;
  font-size: 11px;
  font-weight: 700;
  list-style: initial;
  padding: 0;
  margin: 5px 0 5px 15px;
  text-align: left;
  margin-top: 11px;
  text-shadow: 0 0 1px #61330d;
  color: #f5deb3;
}
.store-header .ms-layer.ms-sign.red {
  padding: 20px;
  border-radius: 2px;
  font-family: 'KeepCalm';
  background-image: url("/assets/img/video-overlay.png");
  background-color: #f00;
  animation-name: colorswitch;
  animation-duration: 4s;
}
.store-header .ms-layer.slider-subtitle-top,
.store-header .ms-layer.slider-subtitle2-top {
  margin: 0px;
  width: 100%;
  padding: 0px;
  font-size: 21px;
  font-weight: 300;
  line-height: 25px;
  text-align: center;
  top: 39% !important;
  bottom: auto !important;
}
@media screen and (max-width: 768px) {
  .store-header .ms-layer.slider-subtitle-top,
  .store-header .ms-layer.slider-subtitle2-top {
    font-size: 18px !important;
  }
}
.store-header .ms-layer.slider-subtitle-top {
  padding: 14px 0px 10px 0px;
  background: linear-gradient(60deg, transparent 30%, #1f2c40 40%, #294878 50%, #1f2b3e 60%, transparent 70%, transparent 100%);
}
.store-header .ms-layer.slider-subtitle2-top {
  font-size: 32px !important;
  line-height: 25px !important;
  top: 50% !important;
  padding: 14px 0 7px 0 !important;
  background: linear-gradient(to right, transparent 20%, #1f2c40 30%, #18476f 50%, #1f2c40 70%, transparent 80%, transparent 100%);
}
.store-header .ms-garage-text-second .borders,
.store-header .ms-layer.slider-subtitle-top .borders,
.store-header .ms-layer.slider-subtitle2-top .borders {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.store-header .ms-garage-text-second .borders *,
.store-header .ms-layer.slider-subtitle-top .borders *,
.store-header .ms-layer.slider-subtitle2-top .borders * {
  position: absolute;
}
.store-header .ms-garage-text-second .borders .top,
.store-header .ms-layer.slider-subtitle-top .borders .top,
.store-header .ms-layer.slider-subtitle2-top .borders .top {
  top: 0px;
  left: 0;
  background: linear-gradient(to right, transparent 30%, #9fc0f3 40%, #84b1f8 50%, #7badfc 60%, transparent 70%, transparent 100%);
  height: 1px;
  width: 100%;
}
.store-header .ms-garage-text-second .borders .bottom,
.store-header .ms-layer.slider-subtitle-top .borders .bottom,
.store-header .ms-layer.slider-subtitle2-top .borders .bottom {
  bottom: 0px;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, transparent 30%, #538feb 40%, #84b1f8 50%, #6481b0 60%, transparent 70%, transparent 100%);
}
.store-header .ms-layer.slider-subtitle-background {
  top: 230px;
  width: 20%;
  display: none;
  height: 200px;
  margin: 0 auto;
  background: rgba(0,0,0,0.7);
}
.store-header .ms-garage-text,
.store-header .ms-garage-text-second {
  top: 230px;
  width: 100%;
  margin: 0px;
  padding: 0px;
  color: #fffefd;
  font-size: 17px;
  font-size: 21px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
  font-family: 'Lato';
  letter-spacing: 2px;
  text-shadow: 0 0 2px rgba(255,255,255,0.5);
}
.store-header .ms-garage-text-second {
  top: 300px;
  margin: 0px;
  width: 100%;
  padding: 0px;
  color: #fff;
  padding: 11px 0;
  font-size: 26px;
  line-height: 25px;
  display: inline-block;
  text-transform: uppercase;
  text-shadow: 1px 0 0 #113b78;
  background: linear-gradient(to right, transparent 20%, #1f2c40 30%, #18476f 50%, #1f2c40 70%, transparent 80%, transparent 100%);
}
.store-header .ms-garage-text-second span {
  padding: 10px 20px;
}
.store-header .ms-traffic-sign {
  margin: 0px auto !important;
  font-size: 17px;
  line-height: 25px;
  width: auto;
  top: 140px;
  float: left;
  text-align: center;
  background: #008000;
  border: 2px solid #005e00;
  padding: 10px 20px;
  border-radius: 4px;
}
.store-header .ms-signs {
  width: 100%;
  color: #fff;
  font-family: 'Orbitron';
  text-shadow: 1px 0 1px #000;
  text-align: center;
  border-radius: 3px;
  margin: 0px;
  padding: 10px;
  font-size: 16px;
  line-height: 16px;
  top: 380px;
  background: linear-gradient(to right, transparent 20%, #1f2c40 30%, #18476f 50%, #1f2c40 70%, transparent 80%, transparent 100%);
}
.store-header .ms-signs li {
  display: inline-block;
  min-width: 13%;
  text-align: center;
  padding: 10px 10px 5px 10px !important;
}
.store-header .ms-signs li span {
  font-family: 'KeepCalm';
  font-weight: 300;
  text-shadow: 0 0 7px rgba(0,0,0,0.5);
}
.store-header .ms-signs-green {
  top: 120px;
  color: #00ab00;
  font-family: 'Orbitron';
  text-shadow: 1px 0 1px #000;
  padding: 10px;
  width: 100%;
  border-radius: 3px;
  text-align: center;
}
.store-header .ms-signs-green li {
  min-width: 13%;
  padding: 10px;
  text-align: center;
  display: inline-block;
}
.store-header .ms-dirtbike-title,
.store-header .ms-motorbike-title,
.store-header .ms-usedbike-title {
  position: absolute;
  font-weight: 400;
  font-family: 'Orbitron';
  font-size: 30px !important;
  text-transform: uppercase;
  color: #fff;
}
.store-header .ms-dirtbike-title .borders,
.store-header .ms-motorbike-title .borders,
.store-header .ms-usedbike-title .borders {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.store-header .ms-dirtbike-title .borders .top,
.store-header .ms-motorbike-title .borders .top,
.store-header .ms-usedbike-title .borders .top,
.store-header .ms-dirtbike-title .borders .bottom,
.store-header .ms-motorbike-title .borders .bottom,
.store-header .ms-usedbike-title .borders .bottom {
  position: absolute;
  width: 100%;
}
.store-header .ms-dirtbike-title .borders .top,
.store-header .ms-motorbike-title .borders .top,
.store-header .ms-usedbike-title .borders .top {
  top: 0;
}
.store-header .ms-dirtbike-title .borders .bottom,
.store-header .ms-motorbike-title .borders .bottom,
.store-header .ms-usedbike-title .borders .bottom {
  bottom: 0;
}
.store-header .ms-dirtbike-title span,
.store-header .ms-motorbike-title span,
.store-header .ms-usedbike-title span {
  font-family: 'KeepCalm';
  font-size: 24px;
}
.store-header .ms-motorbike-title {
  margin: 0px;
  height: 30px;
  width: 510px;
  line-height: 30px;
  text-align: center;
  top: 42.5% !important;
  left: auto !important;
  right: -90px !important;
  padding: 10px 10px 5px 10px !important;
  background: linear-gradient(to right, transparent 20%, #1f2c40 30%, #18476f 50%, #1f2c40 70%, transparent 80%, transparent 100%);
}
.store-header .ms-usedbike-title {
  margin: 0px;
  height: 30px;
  width: 510px;
  line-height: 30px;
  text-align: center;
  left: 0px !important;
  top: 42.5% !important;
  padding: 12px 0 7px 0 !important;
  background: linear-gradient(to right, transparent 20%, #1f2c40 30%, #18476f 50%, #1f2c40 70%, transparent 80%, transparent 100%);
}
.store-header .ms-dirtbike-title {
  height: 30px;
  width: 510px;
  text-align: center;
  top: 42.5% !important;
  left: 375px !important;
  padding: 11px 10px 5px 10px !important;
  background: linear-gradient(to right, transparent 20%, #1f2c40 30%, #18476f 50%, #1f2c40 70%, transparent 80%, transparent 100%);
}
.store-header .ms-dirtbike-image-loader {
  opacity: 0;
  bottom: 1000px !important;
  position: position;
}
.store-header .ms-dirtbike-image {
  z-index: -1;
  width: 520px;
  height: 340px;
  top: auto !important;
  left: -20px !important;
  bottom: 0px !important;
  background: url("/assets/img/products/vehicles/motorbike.png");
}
.store-header .ms-dirtbike-image:hover {
  background: url("/assets/img/products/vehicles/motorbike-selected.png");
}
.store-header .ms-motorbike-image {
  width: 448px;
  height: 347px;
  top: auto !important;
  left: auto !important;
  right: 0px !important;
  bottom: -40px !important;
  background-size: 510px !important;
  background: url("/assets/img/products/vehicles/dirtbike.png");
}
.store-header .ms-motorbike-image:hover {
  background-size: 510px !important;
  background: url("/assets/img/products/vehicles/dirtbike-selected.png");
}
.store-header .ms-usedbike-title {
  bottom: 320px !important;
  left: 20px !important;
}
.store-header .ms-usedbike-image {
  width: 475px;
  height: 270px;
  z-index: -1;
  margin: 0px;
  padding: 0px;
  height: 270px;
  font-size: 16px;
  line-height: 16px;
  left: 410px !important;
  bottom: -20px !important;
  background-size: 480px !important;
  background: url("/assets/img/products/vehicles/used-motorbike.png") center;
}
.store-header .ms-usedbike-image:hover {
  background-size: 480px !important;
  background: url("/assets/img/products/vehicles/used-motorbike-selected.png") center;
}
.store-header .ms-car-image {
  top: auto !important;
  bottom: -45px !important;
  right: -50px !important;
  background-size: 510px;
  background: url("/assets/img/products/vehicles/rustedcar.png") center;
}
.store-header .ms-car-image:hover {
  background-size: 510px;
  background: url("/assets/img/products/vehicles/rustedcar-selected.png") center;
}
.store-header .ms-signs .borders,
.store-header .ms-dirtbike-title .borders,
.store-header .ms-usedbike-title .borders,
.store-header .ms-motorbike-title .borders {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.store-header .ms-signs .borders *,
.store-header .ms-dirtbike-title .borders *,
.store-header .ms-usedbike-title .borders *,
.store-header .ms-motorbike-title .borders * {
  position: absolute;
}
.store-header .ms-signs .borders .top,
.store-header .ms-dirtbike-title .borders .top,
.store-header .ms-usedbike-title .borders .top,
.store-header .ms-motorbike-title .borders .top {
  top: 0px;
  left: 0;
  background: linear-gradient(to right, transparent 30%, #9fc0f3 40%, #84b1f8 50%, #7badfc 60%, transparent 70%, transparent 100%);
  height: 1px;
  width: 100%;
}
.store-header .ms-signs .borders .bottom,
.store-header .ms-dirtbike-title .borders .bottom,
.store-header .ms-usedbike-title .borders .bottom,
.store-header .ms-motorbike-title .borders .bottom {
  bottom: 0px;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, transparent 30%, #538feb 40%, #84b1f8 50%, #6481b0 60%, transparent 70%, transparent 100%);
}
.store-header .ms-garage-desc {
  width: 60%;
  z-index: 8;
  margin: auto;
  height: 90px;
  font-size: 16px;
  margin-top: 20px;
  line-height: 22px;
  position: relative;
  font-family: 'KeepCalm';
  text-shadow: 1px 1px 3px #000;
}
.store-header .ms-signs li {
  padding: 10px;
}
.store-header .ms-signs-green li {
  padding: 10px;
}
.store-header .ms-bar {
  background: linear-gradient(to right, #5491c3 0%, #65a5da 35%, #90bee4 100%) !important;
  height: 100px;
  width: 10%;
  left: 0;
  bottom: 100px;
}
.store-header .ms-title {
  left: 23px;
  bottom: 170px;
}
.store-header .ms-caption {
  color: #fff;
  text-shadow: rgba(0,0,0,0.65) 0px 0px 10px;
  margin: 0px;
  bottom: 110px;
  padding: 0px;
  font-size: 35px;
  line-height: 25px;
  font-family: 'KeepCalm';
  text-transform: uppercase;
}
.store-header .ms-store-caption {
  color: #fff;
  text-shadow: rgba(0,0,0,0.65) 0px 0px 10px;
  margin: 0px;
  bottom: 110px;
  padding: 0px;
  font-size: 35px;
  line-height: 25px;
  font-family: 'Lato';
  font-weight: 400;
  text-transform: uppercase;
}
.store-header .ms-store-description {
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 25px;
  right: 69px;
  bottom: 137px;
  width: 390px;
  max-width: 70%;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
}
.store-header .ms-store-description p {
  margin: 10px 0;
  text-shadow: 0 0 4px #000;
  font-family: 'Lato';
  letter-spacing: 2px;
  font-weight: 400;
}
.store-header .fade {
  width: 1170px;
  position: absolute;
  bottom: 0;
  height: 42px;
  left: -34px;
  background-image: url("/assets/img/faded-bg.png");
}
.store-header .ms-timerbar {
  top: 4px !important;
  position: absolute !important;
  z-index: 20 !important;
  height: 1px !important;
}
.store-header .ms-time-bar {
  transition: 50ms;
  height: 1px !important;
  background-color: #1f2937 !important;
}
.store-header .slider-caption {
  bottom: 65px;
  width: 1100px;
  margin: 0px;
  padding: 0px;
  font-size: 20px;
  line-height: 25px;
  left: 69px;
  background: rgba(0,0,0,0.8);
}
.store-header .slider-identity {
  top: 40% !important;
  bottom: 0% !important;
  margin: 0px;
  padding: 0px;
  font-size: 40px;
  line-height: 25px;
  text-align: center;
  width: 100%;
  letter-spacing: 5px;
  color: #e8ffee;
  font-family: 'Lato';
  font-weight: 600;
  font-size: 59px;
  text-shadow: 0px 1px 5px #000;
  float: left;
  width: 100% !important;
}
.store-header .slider-identity.bike-title {
  top: 28% !important;
  color: #f7f9ff;
}
.store-header .slider-identity-title,
.store-header .slider-identity-subtitle {
  text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
  padding: 20px 0px !important;
  margin: 0px auto !important;
  left: 0% !important;
  top: 25% !important;
  border-radius: 0px;
  font-family: 'Lato';
  text-align: center;
  font-weight: 600;
  width: 100%;
  height: 25px;
  color: #fff;
}
.store-header .slider-identity-title .army,
.store-header .slider-identity-subtitle .army,
.store-header .slider-identity-title .blueprint,
.store-header .slider-identity-subtitle .blueprint,
.store-header .slider-identity-title .gradient,
.store-header .slider-identity-subtitle .gradient {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  position: absolute;
  background-size: 103%;
  background: url("/assets/img/army_1.png");
}
.store-header .slider-identity-title .army .crowd-buy,
.store-header .slider-identity-subtitle .army .crowd-buy,
.store-header .slider-identity-title .blueprint .crowd-buy,
.store-header .slider-identity-subtitle .blueprint .crowd-buy,
.store-header .slider-identity-title .gradient .crowd-buy,
.store-header .slider-identity-subtitle .gradient .crowd-buy {
  bottom: -70px !important;
  left: 25px;
  text-align: center;
}
.store-header .slider-identity-title .army .crowd-buy .only,
.store-header .slider-identity-subtitle .army .crowd-buy .only,
.store-header .slider-identity-title .blueprint .crowd-buy .only,
.store-header .slider-identity-subtitle .blueprint .crowd-buy .only,
.store-header .slider-identity-title .gradient .crowd-buy .only,
.store-header .slider-identity-subtitle .gradient .crowd-buy .only {
  top: -10px;
  position: relative;
}
.store-header .slider-identity-title .gradient,
.store-header .slider-identity-subtitle .gradient,
.store-header .slider-identity-title.gradient,
.store-header .slider-identity-subtitle.gradient {
  background: linear-gradient(60deg, transparent 30%, #1f2c40 40%, #294878 50%, #1f2b3e 60%, transparent 70%, transparent 100%) !important;
}
.store-header .slider-identity-title .blueprint,
.store-header .slider-identity-subtitle .blueprint {
  background-size: 4% !important;
}
.store-header .slider-identity-title .blueprint.title,
.store-header .slider-identity-subtitle .blueprint.title {
  height: 40px !important;
  overflow: hidden;
}
.store-header .slider-identity-title span,
.store-header .slider-identity-subtitle span {
  position: relative;
  z-index: 1;
  font-size: 40px;
}
.store-header .slider-identity-title.slider-identity-title .borders,
.store-header .slider-identity-subtitle.slider-identity-title .borders {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.store-header .slider-identity-title.slider-identity-title .borders .top,
.store-header .slider-identity-subtitle.slider-identity-title .borders .top,
.store-header .slider-identity-title.slider-identity-title .borders .bottom,
.store-header .slider-identity-subtitle.slider-identity-title .borders .bottom {
  bottom: 0;
  left: 0%;
  width: 100%;
  height: 2px;
  position: absolute;
  background: linear-gradient(60deg, transparent 30%, #6885b1 40%, #7ca4e0 50%, #6885b1 60%, transparent 70%, transparent 100%);
}
.store-header .slider-identity-title.slider-identity-title .borders .top,
.store-header .slider-identity-subtitle.slider-identity-title .borders .top {
  bottom: auto;
  top: 0;
}
.store-header .slider-identity-title.bike-title .gradient,
.store-header .slider-identity-subtitle.bike-title .gradient,
.store-header .slider-identity-title.bike-title.gradient,
.store-header .slider-identity-subtitle.bike-title.gradient {
  background: linear-gradient(60deg, transparent 30%, #1f2c40 40%, #294878 50%, #1f2b3e 60%, transparent 70%, transparent 100%) !important;
}
.store-header .slider-identity-title.bike-title .top,
.store-header .slider-identity-subtitle.bike-title .top,
.store-header .slider-identity-title.bike-title .bottom,
.store-header .slider-identity-subtitle.bike-title .bottom {
  background: linear-gradient(60deg, transparent 30%, #6885b1 40%, #7ca4e0 50%, #6885b1 60%, transparent 70%, transparent 100%);
}
.store-header .slider-identity-subtitle {
  text-shadow: 2px 2px 0px rgba(0,0,0,0.5);
  padding: 20px 0px !important;
  margin: 0px auto !important;
  font-family: 'Lato';
  top: 25% !important;
  border-radius: 0px;
  text-align: center;
  font-weight: 600;
  height: 25px;
  color: #fff;
  width: 100%;
  left: 0px;
}
.store-header .slider-subtitle-buy {
  top: 57px;
  margin: 0px;
  padding: 12px 0px 8px;
  font-size: 20px;
  bottom: 20px;
  line-height: 25px;
  top: 92% !important;
  background: transparent;
  text-align: center;
  width: 100%;
  font-weight: 200 !important;
}
.store-header .slider-subtitle-buy span {
  font-weight: 100 !important;
  font-family: sans-serif;
  letter-spacing: 3px;
  font-size: 16px;
  text-shadow: none;
}
.store-header .slider-subtitle-buy.buy-now span .world-of-identity {
  font-weight: 400 !important;
  font-family: sans-serif;
  letter-spacing: 3px;
  text-shadow: none;
  font-size: 18px;
}
.store-header .slider-subtitle {
  margin: 0px;
  width: 100%;
  z-index: -1;
  height: 30px;
  font-size: 16px;
  font-size: 20px;
  font-weight: 600;
  line-height: 25px;
  text-align: center;
  position: absolute;
  top: 50% !important;
  letter-spacing: 6px;
  font-family: 'Lato';
  padding: 12px 0px 8px 0px !important;
  text-shadow: 0px 1px 5px rgba(0,0,0,0.82);
  background: linear-gradient(to right, rgba(0,0,0,0) 20%, #3f7506, rgba(0,0,0,0) 80%);
}
@media screen and (max-width: 768px) {
  .store-header .slider-subtitle {
    padding-top: 10px !important;
    padding-bottom: 0px !important;
    font-size: 16px !important;
  }
  .store-header .slider-subtitle span {
    line-height: 23px !important;
  }
}
@media screen and (max-width: 768px) {
  .store-header .slider-subtitle {
    height: 35px !important;
  }
}
@media screen and (max-width: 480px) {
  .store-header .slider-subtitle {
    height: 55px !important;
  }
  .store-header .slider-subtitle span {
    font-size: 17px;
    top: 3px;
    position: relative;
  }
}
.store-header .slider-subtitle .borders {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.store-header .slider-subtitle .borders * {
  position: absolute;
}
.store-header .slider-subtitle .borders .top {
  top: 0px;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, transparent 30%, #94bd63 40%, #8dc944 50%, #94bd63 60%, transparent 70%, transparent 100%);
}
.store-header .slider-subtitle .borders .bottom {
  bottom: 0px;
  left: 0;
  height: 1px;
  width: 100%;
  background: linear-gradient(to right, transparent 30%, #94bd63 40%, #8dc944 50%, #94bd63 60%, transparent 70%, transparent 100%);
}
.store-header .ms-home .slider-listings {
  width: 100%;
  border: none;
  text-align: center;
}
.store-header .ms-home .slider-listings .slider-listings {
  border: none;
}
.store-header .ms-home .slider-listings .greenmoss .background {
  background: radial-gradient(rgba(58,165,13,0.45), rgba(21,66,2,0.64)) !important;
}
.store-header .ms-home .slider-listings .greenmoss .leafybackground {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  position: absolute;
  filter: saturate(0.4);
  background-size: 230px;
  background: url("/assets/img/patterns/Pattern_Leaves_512x512.png");
}
.store-header .ms-home .slider-listings .greenmoss .crowd-listing {
  color: #eceee9 !important;
}
.store-header .ms-home .slider-listings .greenmoss .crowd-buy {
  color: #e3ffc1 !important;
  text-shadow: 0px 1px 3px #000;
}
.store-header .ms-home .slider-listings .greenmoss:nth-child(1) .leafybackground {
  transform: rotate(170deg);
}
.store-header .ms-home .slider-listings .greenmoss:nth-child(2) .leafybackground {
  transform: rotate(0deg);
}
.store-header .ms-home .slider-listings .greenmoss:nth-child(3) .leafybackground {
  transform: rotate(100deg);
}
.store-header .ms-home .slider-listings .greenmoss:nth-child(4) .leafybackground {
  transform: rotate(0deg);
  background-position: -80px;
}
.store-header .ms-home .slider-listings li {
  border: 1px solid #88b752 !important;
  box-shadow: 0px 0px 0px 1px #043d00 !important;
}
.store-header .ms-home .slider-listings li .button {
  transition: 300ms;
  border: 1px dashed #85b250;
  background: linear-gradient(100deg, rgba(0,0,0,0), rgba(0,0,0,0), rgba(0,0,0,0));
}
.store-header .ms-home .slider-listings li .button:hover {
  background: rgba(56,137,30,0.6);
  border-color: #4dc147;
  border-radius: 1px;
}
.store-header .slider_bikes .slider-listings .crowd-buy {
  padding: 0;
  background: transparent;
  border: none;
  margin: 0 10px;
}
.store-header .slider-home-subtitle {
  color: #fff;
  margin: 0px;
  padding: 0px;
  width: 100%;
  bottom: 150px;
  font-size: 25px;
  line-height: 25px;
  text-align: center;
  letter-spacing: 2.5px;
  font-family: 'KeepCalm';
  text-transform: uppercase;
  font-weight: 200 !important;
}
.store-header .slider-home-button {
  color: #fff;
  height: 25px;
  width: 228px;
  cursor: pointer;
  transition: 300ms;
  position: relative;
  border-radius: 1px;
  display: inline-block;
  text-align: center;
  padding: 20px 0 15px 0;
  background: linear-gradient(60deg, #c75c35, #ff9800, #ea6332, #e68c3f);
}
.store-header .slider-home-button .text {
  z-index: 3;
  color: #784f14;
  width: 230px;
  position: relative;
  transition: 300ms;
  padding: 17px 0 15px 0;
  font-size: 20px;
  border-radius: 3px;
  top: 5%;
  left: 2%;
  bottom: 5%;
  width: 96%;
  position: absolute;
  text-shadow: 1px 1px 1px #d7a76c;
}
.store-header .slider-home-button .background,
.store-header .slider-home-button .background-two {
  position: absolute;
  top: 4%;
  left: 1.5%;
  width: 97.5%;
  height: 93%;
  background: linear-gradient(to right, transparent 0%, #ffc107 20%, #ffc107 80%, transparent 100%);
  z-index: 1;
  opacity: 1;
  transition: 300ms;
  border-radius: 2px;
}
.store-header .slider-home-button .background-two {
  opacity: 0;
  z-index: 2;
  transition: 300ms;
  display: inline-block;
  background: radial-gradient(#fbb73c, #ffc14f, #ffa500);
}
.store-header .slider-home-button:hover .background-two {
  opacity: 1;
}
.store-header .slider-listings {
  width: 100%;
  text-align: center;
  bottom: 0px;
}
.store-header .slider-listings.smaller {
  bottom: 30px !important;
  width: 220px !important;
  left: 80px !important;
  width: 250px;
  margin-top: 0 !important;
  left: 131px !important;
}
.store-header .slider-listings.smaller li {
  width: 100%;
}
.store-header .slider-listings li {
  width: 19% !important;
  height: 200px;
  min-height: auto !important;
  background: rgba(29,29,29,0);
  float: none;
  z-index: 20;
  position: relative;
  border-radius: 0px;
  display: inline-block;
  margin: 80px 2% 0 2%;
  transition: all 300ms 200ms;
  border: 1px solid rgba(83,117,162,0);
}
.store-header .slider-listings li .text {
  width: 100%;
  z-index: 10;
  height: 100%;
  position: relative;
}
.store-header .slider-listings li .text a {
  top: 7px;
  font-size: 16px;
  position: absolute;
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: 2px 1px 0px #0c2830;
  line-height: 20px !important;
  padding: 5px 15px 0 15px;
  font-weight: 200;
  font-size: 17px;
  overflow: hidden;
  height: 40px;
}
.store-header .slider-listings li .army,
.store-header .slider-listings li.army {
  background-size: 108% !important;
  background: url("/assets/img/army_1.png") -1px -23px;
}
.store-header .slider-listings li .gradient,
.store-header .slider-listings li.gradient {
  background: linear-gradient(60deg, transparent 30%, #1f2c40 40%, #294878 50%, #1f2b3e 60%, transparent 70%, transparent 100%);
}
.store-header .slider-listings li .blueprint,
.store-header .slider-listings li.blueprint {
  background-size: 4% !important;
}
.store-header .slider-listings li .green,
.store-header .slider-listings li.green {
  background: rgba(84,117,68,0.8);
}
.store-header .slider-listings li .gloss {
  background: #000 url("/assets/img/glass.png") -1px -23px;
}
.store-header .slider-listings li .cover {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 500ms 0.6s;
  padding: 0;
}
.store-header .slider-listings li .box {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 500ms;
  height: 100%;
  width: 100%;
  border-radius: 3px;
}
.store-header .slider-listings li:hover {
  border-radius: 2px;
  height: 200px;
  background-size: 111%;
  box-shaodw: 0 0 10px #000;
}
.store-header .slider-listings li .title {
  color: #fff;
  z-index: 10;
  font-size: 15px;
  line-height: 20px !important;
}
.store-header .slider-listings li .button {
  background: rgba(0,0,0,0);
  border: 1px dashed #75a1e3;
  box-shadow: 0px 0px 0px 1px #043d00;
  z-index: 10;
  right: 25px;
  line-height: 45px;
  bottom: 7%;
  top: auto;
  position: absolute;
  width: 70%;
  transform: translateY(0px) !important;
}
.store-header .slider-listings li .button:after {
  width: 100%;
  height: 100%;
  background: #add8e6;
  position: absolute;
  top: 0;
  left: 0;
}
.store-header .slider-listings li .button:active,
.store-header .slider-listings li .button.success {
  box-shadow: inset 1px 1px 6px rgba(0,0,0,0.29);
  border: 1px solid #356994;
}
.store-header .slider-listings li .button:hover {
  background: rgba(3,91,144,0.5);
  border-color: #2288fa;
  border-radius: 1px;
}
.store-header .slider-listings li .crowd-pleaser .crowd-buy {
  text-align: right;
  font-size: 25px;
  position: absolute;
  bottom: 55px !important;
  text-shadow: 1px 2px 0 #000;
}
.store-header .slider-listings li .crowd-pleaser .crowd-buy .only {
  float: left;
  font-size: 15px;
  text-transform: uppercase;
}
.store-header .slider-listings li .crowd-pleaser .crowd-buy .onsale {
  font-size: 25px;
}
.store-header .slider-listings li .crowd-pleaser .button.buy {
  height: 31px;
  position: absolute;
}
.store-header .slider-listings li .crowd-pleaser .button.buy span {
  top: 0;
  left: 0;
  margin: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.store-header .slider-listings li .crowd-listing {
  font-weight: 100;
  text-shadow: 1px 0 4px #222;
  font-size: 11px;
  text-align: left;
  color: #c2dbff;
  transition: 200ms;
  padding: 5px 15px 0 15px;
  text-transform: uppercase;
  position: relative;
  margin: 0;
  top: 55px;
  height: 30px;
  overflow: hidden;
}
.store-header .slider-listings.bottom {
  height: 280px;
  z-index: 20;
}
.store-header .slider-listings.bottom ul {
  width: 100%;
  height: 100%;
  position: relative;
}
.store-header .slider-listings.bottom ul li {
  overflow: hidden;
  position: relative;
  margin-top: 0 !important;
  border: 1px solid #496ca2;
  box-shadow: 7px 7px 20px rgba(0,0,0,0.5);
}
.store-header .slider-listings.bottom ul li .background,
.store-header .slider-listings.bottom ul li .background-grid,
.store-header .slider-listings.bottom ul li .background-hex {
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 200px;
  position: absolute;
  background: radial-gradient(rgba(22,79,127,0.7), #05192b) !important;
}
.store-header .slider-listings.bottom ul li .background-grid {
  background: url("/assets/img/patterns/old-mathematics.png") !important;
  background-size: 230px !important;
  opacity: 0.6;
}
.store-header .slider-listings.bottom ul li .background-hex {
  background: url("/assets/img/patterns/hexagons.png") !important;
  background-size: 230px !important;
  opacity: 0.1;
}
@-moz-keyframes colorswitch {
  0% {
    background-color: #00f;
    border: 2px solid #00f;
  }
  20% {
    background-color: #ff0;
    border: 2px solid #ff0;
  }
  40% {
    background-color: #008000;
    border: 2px solid #32cd32;
  }
  60% {
    background-color: #f00;
    border: 2px solid #f00;
  }
  80% {
    background-color: #808080;
    border: 2px solid #000;
  }
  100% {
    background-color: #00f;
    border: 2px solid #00f;
  }
}
@-webkit-keyframes colorswitch {
  0% {
    background-color: #00f;
    border: 2px solid #00f;
  }
  20% {
    background-color: #ff0;
    border: 2px solid #ff0;
  }
  40% {
    background-color: #008000;
    border: 2px solid #32cd32;
  }
  60% {
    background-color: #f00;
    border: 2px solid #f00;
  }
  80% {
    background-color: #808080;
    border: 2px solid #000;
  }
  100% {
    background-color: #00f;
    border: 2px solid #00f;
  }
}
@-o-keyframes colorswitch {
  0% {
    background-color: #00f;
    border: 2px solid #00f;
  }
  20% {
    background-color: #ff0;
    border: 2px solid #ff0;
  }
  40% {
    background-color: #008000;
    border: 2px solid #32cd32;
  }
  60% {
    background-color: #f00;
    border: 2px solid #f00;
  }
  80% {
    background-color: #808080;
    border: 2px solid #000;
  }
  100% {
    background-color: #00f;
    border: 2px solid #00f;
  }
}
@keyframes colorswitch {
  0% {
    background-color: #00f;
    border: 2px solid #00f;
  }
  20% {
    background-color: #ff0;
    border: 2px solid #ff0;
  }
  40% {
    background-color: #008000;
    border: 2px solid #32cd32;
  }
  60% {
    background-color: #f00;
    border: 2px solid #f00;
  }
  80% {
    background-color: #808080;
    border: 2px solid #000;
  }
  100% {
    background-color: #00f;
    border: 2px solid #00f;
  }
}
.slider-town-square {
  margin: 0px;
  padding: 0px;
  font-size: 45px;
  line-height: 25px;
  right: 23px;
  bottom: 110px;
  text-align: right;
}
.slider-town-square-caption {
  margin: 0px;
  font-size: 16px;
  line-height: 25px;
  right: 25px;
  bottom: 61px;
  text-shadow: #ffedd2 -1px 0px 0px;
  color: #795116;
  background: rgba(224,214,188,0.73);
  width: 410px;
  text-align: center;
  padding: 6px 7px 3px;
  letter-spacing: 2px;
  left: auto;
}
.slider-town-square-comingsoon {
  margin: 0px;
  padding: 0px;
  line-height: 33px;
  right: 25px;
  bottom: 20px;
  width: 190px;
  text-align: center;
  background: rgba(160,115,115,0.77);
  left: auto;
  text-shadow: #653a3a -1px 1px 0px;
  letter-spacing: 3px;
  color: #922020;
  border-radius: 0;
  font-size: 14px;
}
.master-slider .crowd-buy {
  text-shadow: 0 0 8px rgba(0,0,0,0.67);
  color: #c2dbff !important;
  bottom: 50px !important;
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  z-index: 10;
  left: 15px;
}
.master-slider .crowd-buy small {
  top: 5px;
  right: -8px;
  color: #cb2421;
  font-size: 15px;
  font-weight: 500;
  position: relative !important;
  text-decoration: line-through;
  text-shadow: 4px 1px 9px rgba(0,0,0,0.35);
}
.master-slider .crowd-buy small sup {
  bottom: 10px;
}
.master-slider .crowd-buy sup {
  bottom: 5px;
  position: relative;
  font-size: 15px !important;
  text-shadow: 1px 2px 1px #000;
}
.master-slider .crowd-buy .currency {
  top: -2px !important;
}
.slider_bikes .crowd-buy {
  background: linear-gradient(110deg, #1d8a7d, rgba(1,111,84,0.8));
  text-shadow: 0 0 1px rgba(0,0,0,0.67);
  color: #fff !important;
  bottom: -230px !important;
  border: 2px solid #259283;
  z-index: 100 !important;
  pointer-events: none;
  border-radius: 4px;
  padding: 13px 20px;
  position: absolute;
  font-weight: 400;
  font-size: 16px;
  cursor: pointer;
  left: auto;
  right: 0;
}
.slider_bikes .crowd-buy .background {
  background: url("/assets/img/patterns/hexagons.png");
  filter: brightness(0.2);
  background-size: 140px;
  opacity: 0.2;
  z-index: 10 !important;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.slider_bikes .crowd-buy .right-arrow {
  width: 0;
  height: 0;
  right: 0;
  top: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #000;
}
.slider_bikes .crowd-buy .only,
.slider_bikes .crowd-buy .onsale {
  position: relative;
  z-index: 20 !important;
}
.slider_bikes .crowd-buy .only {
  margin-bottom: 10px;
  font-weight: 200;
  font-size: 14px;
  letter-spacing: 2px;
  text-transform: uppercase;
}
.slider_bikes .crowd-buy span {
  letter-spacing: 1px;
}
.slider_bikes .crowd-buy small {
  top: 5px;
  right: -8px;
  z-index: 100;
  color: #cb2421;
  font-size: 15px;
  font-weight: 500;
  position: relative !important;
  text-decoration: line-through;
  text-shadow: 4px 1px 9px rgba(0,0,0,0.35);
}
.slider_bikes .crowd-buy small sup {
  bottom: 10px;
}
.slider_bikes .crowd-buy sup {
  bottom: 3px;
  position: relative;
  font-size: 13px !important;
  text-shadow: 4px 1px 9px rgba(0,0,0,0.35);
}
.slider_bikes .crowd-buy .currency {
  top: -2px !important;
}
@media screen and (max-width: 1200px) {
  .store-header {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
  }
  .fade {
    width: 100% !important;
    left: 0 !important;
    bottom: 25px !important;
  }
  .store-filter {
    margin: 0px 0 30px 0 !important;
  }
  .header-row {
    height: auto;
  }
}
@media screen and (max-width: 1100px) {
  .slider-listings ul {
    opacity: 0;
  }
}
@media screen and (max-width: 960px) {
  .innerslider {
    display: none;
  }
}
@media screen and (max-width: 760px) {
  .store-header {
    margin-top: 64px !important;
  }
}
@media screen and (max-width: 720px) {
  .ms-description {
    display: none;
  }
}
.innerslider li {
  height: 170px !important;
  width: 220px !important;
  min-height: auto;
  border: 1px solid rgba(255,255,255,0);
  margin: 0;
  z-index: 102;
  background: rgba(27,39,61,0.53) !important;
}
.innerslider li .crowd-buy small {
  color: #c5c5c5;
}
.innerslider li .button {
  width: 80%;
  bottom: 0px;
  padding: 13px 0 0 0;
  height: 30px;
}
.innerslider li .button:hover {
  transform: translateY(0);
}
.innerslider li .crowd-title {
  font-size: 25px;
}
#Categories .container {
  margin-bottom: 70px;
}
#Categories .title-row .container {
  margin-bottom: 0px !important;
}
#Categories #StoreItems ul {
  text-align: center;
}
#Categories #StoreItems .crowd-box {
  top: 0;
  width: 28%;
  font-size: 13px;
  min-width: auto;
  position: relative;
  border-radius: 2px;
  margin: 3% 2%;
  display: inline-block;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  opacity: 0;
  top: -5px;
}
#Categories #StoreItems .crowd-box.hiddenStagger {
  transform: scale(1);
  position: relative;
}
#Categories #StoreItems .crowd-box .crowd-title {
  padding: 15px;
}
#Categories #StoreItems .crowd-box .crowd-title h5 {
  height: 35px !important;
  margin-bottom: 5px;
  overflow: hidden;
}
#Categories #StoreItems .crowd-box .background2 {
  z-index: -1;
}
#Categories #StoreItems .crowd-box .background {
  opacity: 0.3 !important;
}
#Categories #StoreItems .crowd-box:hover .background {
  opacity: 0.6 !important;
}
@media screen and (max-width: 768px) {
  #Categories #StoreItems li {
    width: 300px !important;
    min-width: auto !important;
    overflow: hidden;
  }
}
#Categories #ProductImages li {
  min-height: 122px;
  box-shadow: 0px 2px 0px #000;
  cursor: alias;
}
#Categories #ProductImages .slide {
  width: 100%;
}
#Categories #ProductDetails h5 {
  font-size: 18px;
  padding: 0px 0px 15px 0px;
  line-height: 23px;
}
#Categories #ProductDetails a {
  font-size: 18px;
  color: #68baff;
}
#Categories #ProductDetails .stock {
  padding: 0 15px;
}
#Categories #ProductDetails .crowd-pleaser .onsale {
  left: 0;
  width: 88%;
  z-index: 2;
  padding: 1%;
  bottom: 59px;
  color: #c2dbff;
  font-weight: 300;
  text-align: left;
  font-size: 22px;
  position: relative;
  letter-spacing: 0.5px;
  transition: all 0.2s ease-in-out;
}
#Categories #ProductDetails .add-to-cart {
  width: 90% !important;
  bottom: 15px !important;
}
#Categories .childCategories {
  opacity: 0;
  display: none;
}
#Categories .crowd-description {
  padding: 0 !important;
}
#Categories .crowd-description a {
  color: #c2dbff;
  font-size: 13px;
  line-height: 13px;
}
#Categories .parentCategories {
  text-align: center;
  padding: 50px 15px 20px 15px;
}
#Categories .parentCategories li {
  color: #fff;
  margin: 10px;
  width: 140px;
  cursor: pointer;
  font-size: 15px;
  font-weight: 300;
  position: relative;
  text-align: center;
  border-radius: 0px;
  padding: 20px 0px;
  transition: 200ms;
  display: inline-block;
  font-family: 'Roboto';
  border: 0px solid rgba(46,99,154,0.7);
  background: linear-gradient(#0f62c0, #171967);
  opacity: 0;
  top: -5px;
}
#Categories .parentCategories li.hiddenStagger {
  transform: scale(1);
  position: relative;
}
#Categories .parentCategories li i {
  display: block;
  font-size: 40px;
  position: relative;
  z-index: 2;
}
#Categories .parentCategories li span {
  display: block;
  padding-top: 15px;
  position: relative;
  z-index: 2;
}
#Categories .parentCategories li .description {
  left: -4%;
  width: 80%;
  opacity: 0;
  z-index: 15;
  bottom: 100%;
  font-size: 15px;
  transition: 250ms;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  background: rgba(0,0,0,0.54);
}
#Categories .parentCategories li .background {
  opacity: 0;
  background: #0b2b9e;
  position: absolute;
  transition: 250ms;
  z-index: 1;
  height: 80%;
  width: 80%;
  left: 10%;
  top: 10%;
}
#Categories .parentCategories li:hover,
#Categories .parentCategories li.active {
  background: linear-gradient(#196bc7, rgba(20,46,180,0.78));
}
#Categories .parentCategories li:hover .description,
#Categories .parentCategories li.active .description {
  opacity: 1;
  bottom: 105%;
}
#Categories .parentCategories li:hover .background,
#Categories .parentCategories li.active .background {
  opacity: 1;
  height: 100%;
  width: 100%;
  left: 0%;
  top: 0%;
}
#Categories .parentCategories li:active {
  background: linear-gradient(rgba(65,143,226,0.78), rgba(35,126,227,0.66));
}
@media screen and (max-width: 1200px) {
  #Categories .parentCategories {
    width: 60%;
    margin: auto;
  }
}
#Categories .childCategories {
  height: 130px;
  overflow: hidden;
  text-align: center;
  padding: 30px 15px 0 15px;
}
#Categories .childCategories li {
  color: #fff;
  margin: 10px;
  cursor: pointer;
  font-size: 22px;
  font-weight: 300;
  border-radius: 3px;
  padding: 20px 60px;
  position: relative;
  text-align: center;
  font-family: 'Roboto';
  display: inline-block;
  border: 1px solid rgba(46,99,154,0.7);
  background: linear-gradient(rgba(34,136,250,0.522), rgba(23,37,103,0.659));
  opacity: 0;
  top: -5px;
}
#Categories .childCategories li.hiddenStagger {
  transform: scale(1);
  position: relative;
}
#Categories .childCategories li i {
  display: block;
  font-size: 33px;
  margin-bottom: 10px;
  position: relative;
  z-index: 2;
}
#Categories .childCategories li span {
  position: relative;
  z-index: 2;
}
#Categories .childCategories li .description {
  z-index: 2;
  left: -10%;
  bottom: 105%;
  width: 200px;
  z-index: 100;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  background: rgba(0,0,0,0.54);
}
#Categories .childCategories li .background {
  background: #0b2b9e;
  position: absolute;
  transition: 250ms;
  z-index: 1;
  height: 80%;
  width: 80%;
  left: 10%;
  top: 10%;
}
#Categories .childCategories li:hover,
#Categories .childCategories li .active {
  background: linear-gradient(rgba(34,136,250,0.66), rgba(23,62,103,0.78));
}
#Categories .childCategories li:hover .background,
#Categories .childCategories li .active .background {
  opacity: 1;
  height: 100%;
  width: 100%;
  left: 0%;
  top: 0%;
}
#Categories ul.center {
  text-align: center;
}
#Categories ul.center .loader-item {
  max-width: 400px;
  width: 28%;
  margin: 3% 2%;
  min-height: 480px;
  display: inline-block;
  float: none;
}
#Categories ul.center .loader-item .background {
  background: linear-gradient(#03264e 34%, #000) !important;
  opacity: 0.5 !important;
}
#Categories ul.center .loader-item .image {
  position: absolute;
  top: 15px;
  left: 5%;
  width: 90%;
  height: 160px;
  background: linear-gradient(to bottom, #263243, #263242);
  border-radius: 0px;
}
#Categories ul.center .loader-item .lines {
  position: absolute;
  top: 190px;
  left: 5%;
  width: 80%;
  height: 25px;
  background: rgba(194,219,255,0.17);
  border-radius: 0px;
}
#Categories ul.center .loader-item .lines.smaller {
  position: absolute;
  top: 260px;
  left: 5%;
  width: 90%;
  height: 15px;
  background: rgba(194,219,255,0.17);
  border-radius: 0px;
}
#Categories ul.center .loader-item .lines.price {
  position: absolute;
  bottom: 82px;
  top: auto;
  left: 5%;
  width: 30%;
  height: 20px;
  background: rgba(194,219,255,0.212);
  border-radius: 0px;
}
#Categories ul.center .loader-item .square {
  position: absolute;
  bottom: 20px;
  top: auto;
  right: 30px;
  height: 40px;
  left: 5%;
  width: 90%;
  border-radius: 0px;
  background: rgba(194,219,255,0.212);
}
#Checkout {
  width: 100%;
  margin: 0;
}
#Checkout .container {
  padding-bottom: 100px;
  background: linear-gradient(to bottom, rgba(255,255,255,0.09), rgba(0,0,0,0));
}
#Checkout .total-box,
#Checkout .discount-box {
  height: 57px;
}
#Checkout .row {
  position: relative;
}
#Checkout .row.title-row i {
  line-height: 9px;
}
#Checkout .row.large {
  min-height: 161px;
  width: 78%;
  float: left;
  margin-right: 2%;
}
#Checkout .row.small {
  width: 20%;
  float: left;
}
#Checkout .row .cart-info {
  margin-top: 9px !important;
}
#Checkout .row .cart-gift {
  cursor: pointer;
}
#Checkout .row .cart-gift.cart-info {
  margin-top: 10px !important;
  margin-bottom: 10px;
}
#Checkout .cartLoader {
  width: 100%;
  overflow: hidden;
}
#Checkout .cartLoader ul {
  padding: 0;
  margin: 0;
}
#Checkout .customize-link {
  z-index: 1;
  width: auto;
  right: 20px;
  bottom: 20px;
  height: auto;
  color: #57699a;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  margin: 0 auto;
  padding: 5px 30px !important;
  text-transform: uppercase;
}
#Checkout .customize-link .background {
  opacity: 0;
  margin: 0;
  left: 50%;
  width: 0%;
  z-index: -1;
  background: linear-gradient(120deg, transparent, #014d54, transparent);
}
#Checkout .customize-link .underline,
#Checkout .customize-link .overline {
  transition: 200ms;
  position: absolute;
  bottom: 14px;
  background: linear-gradient(to right, rgba(104,186,255,0) 0%, #2196f3 40%, #2196f3 60%, rgba(104,186,255,0) 100%);
  height: 1px;
  width: 0%;
  right: 50%;
  margin: 0;
}
#Checkout .customize-link .overline {
  bottom: auto;
  top: 13px;
}
#Checkout .customize-link .overline {
  top: 0;
}
#Checkout .customize-link .underline {
  bottom: 0;
  position: absolute;
}
#Checkout .customize-link span {
  font-weight: 300 !important;
  padding: 5px 0;
}
#Checkout .customize-link div {
  margin: 0 15px;
  margin-right: 0 !important;
}
#Checkout .customize-link:hover .background,
#Checkout .customize-link.active .background {
  left: 0%;
  opacity: 1;
  width: 100%;
}
#Checkout .customize-link:hover .underline,
#Checkout .customize-link.active .underline,
#Checkout .customize-link:hover .overline,
#Checkout .customize-link.active .overline {
  right: 4px;
  width: 100%;
}
#Checkout .customize-link:active .underline,
#Checkout .customize-link:active .overline {
  right: 50%;
  width: 0%;
}
#Checkout .removal-link {
  width: auto;
  z-index: 1;
  right: 20px;
  bottom: 20px;
  height: auto;
  color: #57699a;
  cursor: pointer;
  font-size: 14px;
  position: absolute;
  text-transform: uppercase;
}
#Checkout .removal-link .underline,
#Checkout .removal-link .overline {
  transition: 200ms;
  position: absolute;
  bottom: 14px;
  background: linear-gradient(to right, rgba(104,186,255,0) 0%, #4caf33 40%, #30af50 60%, rgba(104,186,255,0) 100%);
  height: 1px;
  width: 0%;
  right: 50%;
}
#Checkout .removal-link .overline {
  bottom: auto;
  top: 13px;
}
#Checkout .removal-link .overline {
  top: 0;
}
#Checkout .removal-link .underline {
  bottom: 0;
  position: absolute;
}
#Checkout .removal-link span {
  padding: 5px 0;
}
#Checkout .removal-link:hover .underline,
#Checkout .removal-link:hover .overline {
  right: 4px;
  width: 100%;
}
#Checkout .removal-link:active .underline,
#Checkout .removal-link:active .overline {
  right: 50%;
  width: 0%;
}
#Checkout .required-products {
  opacity: 0;
  border-radius: 0;
  position: relative;
  min-height: auto;
  float: left;
  padding: 0% 0%;
  margin: 1% 0 1% 0;
  overflow: visible;
  width: 100% !important;
  border: none;
  height: 0px;
  max-width: none !important;
  overflow: hidden !important;
/** Green 
			border: 1px solid #007904
			background: linear-gradient(to right, #5c7a53 0%, #143512 50%, #063308 100%) !important
		**/
}
#Checkout .required-products::-moz-selection {
  background: #ff0;
}
#Checkout .required-products::selection {
  background: #ff0;
}
#Checkout .required-products li {
  height: 100%;
  list-style: none;
}
#Checkout .required-products li .background {
  top: 0;
  left: 0;
  opacity: 1;
  z-index: -1;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(-90deg, #84540a 0%, #a27829 18%, #f7d25a 82%, #fff9b0 100%);
}
#Checkout .required-products li .bg {
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0.4;
  width: 100%;
  height: 100%;
  position: absolute;
  background-size: 80px;
  background: url("/assets/img/patterns/asfalt-light.png");
}
#Checkout .required-products .title {
  z-index: 10;
  width: 100%;
  float: none;
  font-size: 13px;
  position: relative;
  padding: 20px 0 7px 0px;
  line-height: initial !important;
  text-shadow: 2px 2px 4px #000 !important;
}
#Checkout .required-products .body {
  padding: 10px;
}
#Checkout .required-products .box-borders * {
  background: #d8b148;
  box-shadow: 0 0 3px #dcb64b;
}
#Checkout .required-products .product-details {
  float: left;
  padding: 2% !important;
  position: relative;
  z-index: 2;
}
#Checkout .required-products .product-details h5 {
  text-shadow: 1px 2px 0 #efc785;
  color: #5a320f;
  font-weight: 500;
  letter-spacing: 1px;
}
#Checkout .required-products .product-controls {
  margin-top: 70px;
  margin-right: 40px;
  float: right;
}
#Checkout .required-products .product-controls span {
  color: #fff;
  position: absolute;
  bottom: 62px !important;
  right: 32px;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 25px;
  letter-spacing: 1.5px;
  z-index: 1;
}
#Checkout .required-products .product-listing {
  list-style: none;
}
#Checkout .required-products .product-listing .crowd-title {
  background: transparent;
}
#Checkout .required-products .product-required {
  top: 28px;
  right: 35px;
  color: #462405;
  font-size: 14px;
  font-weight: 500;
  position: absolute;
  font-style: normal;
  text-shadow: 1px 1px 0px #ad7e08;
}
#Checkout .required-products .product-required .fa {
  font-size: 23px;
  position: relative;
  top: -7px;
  left: -5px;
}
#Checkout .required-products .crowd-description {
  color: #5a320f;
  font-weight: 500;
  line-height: 26px;
  margin-bottom: 25px;
  text-shadow: 1px 1px 0px #cfa743;
  letter-spacing: 0.5px;
  text-align: left;
  padding: 5px 2px;
  font-size: 15px;
  width: 100%;
}
#Checkout .required-products .price {
  color: #e9ebec;
  position: absolute;
  bottom: 62px !important;
  right: 18px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 25px;
  letter-spacing: 1.5px;
  z-index: 1;
}
#Checkout .required-products .add-required-to-cart {
  width: 165px;
  height: 22px;
  position: absolute;
  left: auto !important;
  right: 6px !important;
  bottom: 12px !important;
}
#Checkout .required-products .add-required-to-cart .customize-link {
  right: 0;
  bottom: 0;
  top: -4px;
  width: 100%;
  height: auto;
  color: #dcdcdc;
  cursor: pointer;
  text-align: center;
  position: absolute;
  padding: 0 !important;
  text-transform: uppercase;
  line-height: normal !important;
}
#Checkout .required-products .add-required-to-cart .customize-link span {
  position: absolute;
  font-weight: 400;
  padding: 0px 0;
  width: 100%;
  top: 4px;
  left: 0;
}
#Checkout .required-products .add-required-to-cart .customize-link .underline,
#Checkout .required-products .add-required-to-cart .customize-link .overline {
  background: linear-gradient(to right, rgba(104,186,255,0) 0%, #c5c5c5 40%, #c5c5c5 60%, rgba(104,186,255,0) 100%) !important;
}
#Checkout .required-products .add-required-to-cart .customize-link .close {
  padding: 0 0 0 10px;
}
#Checkout .required-products .add-required-to-cart .crowd-title a {
  font-size: 22px;
  height: auto !important;
  letter-spacing: 2px;
  font-weight: 200;
  margin-bottom: 2%;
  color: #fff;
  padding: 0;
}
#Checkout .product-listing {
  font-weight: 200;
  font-size: 22px;
  padding: 0;
}
#Checkout .product-listing .crowd-title {
  font-weight: 200;
  font-size: 22px;
  padding: 0;
}
#Checkout .gifting-warn {
  margin-top: 15px;
  padding: 12px;
  font-size: 14px;
  font-weight: 300;
  line-height: 25px;
  color: #c2dbff;
  position: relative;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  background: linear-gradient(to right, rgba(4,38,80,0.5) 0%, #132a48 34%, rgba(4,38,80,0.5) 100%) !important;
}
#Checkout .gifting-warn b {
  font-weight: 400;
}
#Checkout .gifting-warn i.right {
  float: right;
  margin: 5px 5px 0 6px;
}
#Checkout .gifting-warn i.left {
  top: 5px;
  float: left;
  padding: 0 5px;
  position: relative;
}
@media screen and (max-width: 980px) {
  #Checkout .gifting-warn {
    margin: 25px 0 0 0;
  }
}
#Checkout #Controls {
  width: 100%;
  position: relative;
  height: 20px;
  padding: 0 0 5px 0;
  margin: 0 0 15px 0;
}
#Checkout #Controls .box-borders .bottom-left {
  left: 0;
  bottom: 0;
  width: 0px;
  height: 2px;
  opacity: 0;
  background: #b92d2f;
  transition: 300ms;
  box-shadow: 3px 0px 4px 1px #b92d2f;
}
#Checkout #Controls .box-borders:hover,
#Checkout #Controls .box-borders .bottom-left.active {
  left: 0;
  bottom: 0;
  opacity: 1;
  width: 120px;
}
#Checkout #Controls .box-borders .bottom-right {
  right: 0;
  bottom: 0;
  width: 0px;
  height: 2px;
  opacity: 0;
  background: #2288fa;
  transition: 300ms;
  box-shadow: 0px 0px 4px 1px #2288fa;
}
#Checkout #Controls .box-borders:hover,
#Checkout #Controls .box-borders .bottom-right.active {
  right: 0;
  bottom: 0;
  opacity: 1;
  width: 170px;
  height: 2px;
}
#Checkout #Controls .top_subtitle {
  width: 15%;
  left: 42.5%;
  cursor: default;
  font-size: 18px;
  font-weight: 400;
  text-align: center;
  position: absolute;
  letter-spacing: 1px;
  color: #0960e9;
  bottom: 5px !important;
  text-transform: uppercase;
}
#Checkout #Controls .sharemenu {
  position: absolute;
  right: 0px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  color: #9db3d2;
  width: 90px;
  height: 15px;
  text-align: right;
  padding: 6px 0;
  cursor: pointer;
}
#Checkout #Controls .sharemenu .share-menu {
  right: 0px !important;
  top: 21px !important;
}
#Checkout #Controls .sharemenu .share-menu .bottom {
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Checkout #Controls .sharemenu .arrows {
  transform: rotate(90deg);
  left: 0;
  top: 0;
  right: 0;
  position: relative;
  display: inline-block;
}
#Checkout #Controls .sharemenu #ShareMenu {
  top: inherit;
  left: auto;
  right: 0;
}
#Checkout #Controls #Currency {
  padding: 6px 0;
  cursor: pointer;
}
#Checkout #Controls #Currency i {
  margin: 0 10px;
}
#Checkout #Controls #Currency ul {
  border: 1px solid #3e98ff;
  top: 27px !important;
  box-shadow: #000 0px 0px 30px;
}
#Checkout .removeAll {
  position: relative;
  width: auto;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  text-align: left;
  padding: 3px 5px;
  color: #9db3d2;
  cursor: pointer;
  float: left;
  transition: 200ms;
}
#Checkout .removeAll:hover {
  color: #ff4343;
}
#Checkout .removeAll .licon {
  margin: 0 8px 0 0;
}
#Checkout .removeAll .emptyLink {
  max-width: 120px;
  display: inline-block;
  overflow: hidden;
  transition: 300ms;
  margin: 0 !important;
}
#Checkout .removeAll .confirmation {
  width: 0px;
  overflow: hidden;
  transition: 300ms;
  margin: 0 !important;
  visibility: hidden;
}
#Checkout .undo-remove {
  margin-bottom: 7px !important;
  box-shadow: 0 0 2px #1a7cf4;
}
#Checkout .undo-remove h5 {
  margin: 0 !important;
}
#Checkout .undo-remove .item-listing .crowd-title a {
  top: 3px;
  position: relative;
}
#Checkout .undo-remove .customize-link,
#Checkout .undo-remove .removal-link {
  padding: 4px !important;
  width: 30%;
}
#Checkout .undo-remove .customize-link:hover,
#Checkout .undo-remove .removal-link:hover,
#Checkout .undo-remove .customize-link:active,
#Checkout .undo-remove .removal-link:active {
  color: #d0e2ff !important;
}
#Checkout .undo-remove .customize-link a,
#Checkout .undo-remove .removal-link a {
  margin-right: 30px;
}
#Checkout .undo-remove .customize-link div,
#Checkout .undo-remove .removal-link div {
  margin-right: 25px;
}
#Checkout .undo-remove.item-listing .customize-link,
#Checkout .undo-remove.item-listing .removal-link {
  padding: 15px !important;
}
#Checkout .undo-remove.product-listing .customize-link,
#Checkout .undo-remove.product-listing .removal-link {
  padding: 15px !important;
}
#Checkout .undo-remove.cash-listing .customize-link,
#Checkout .undo-remove.cash-listing .removal-link {
  padding: 15px !important;
}
#Checkout .undo-remove.cash-listing .customize-link {
  bottom: 18px !important;
}
#Checkout .undo-remove .customize-link {
  position: absolute;
  bottom: 0;
  right: 0;
}
#Checkout .currency {
  position: absolute;
  text-align: right;
  right: 90px;
}
#Checkout .small .cart-info .box-borders .top,
#Checkout .small .cart-info .box-borders .right,
#Checkout .small .cart-info .box-borders .bottom,
#Checkout .small .cart-info .box-borders .left {
  background: #2288fa;
}
#Checkout .small .cart-info .box-borders .right {
  margin: 0 !important;
}
#Checkout .small .cart-info .totals .left {
  top: 0px;
  left: 12px;
  color: #fff;
  font-size: 11px;
  cursor: pointer;
  font-weight: 200;
  transition: 200ms;
  line-height: 66px;
  position: absolute;
  letter-spacing: 1px;
  margin: 0 !important;
  text-transform: uppercase;
}
#Checkout .small .cart-info .totals .right {
  margin: 20px 15px 15px 0 !important;
}
#Checkout .small .cart-info .totals .gift {
  display: block;
  position: relative;
}
#Checkout .small .cart-info .totals .gift .information input {
  width: 100%;
  border-radius: 0px;
  border: 1px solid #00f;
  color: #fff;
}
#Checkout .small .cart-info .totals .gift .information label {
  width: 5%;
  float: left;
  width: auto;
  margin: 15px 0px 0px 15px !important;
  font-size: 20px;
}
#Checkout .small .cart-info .gift .box-borders .left,
#Checkout .small .cart-info .gamecash .box-borders .left,
#Checkout .small .cart-info .gift-to .box-borders .left,
#Checkout .small .cart-info.cart-gift-receiver .box-borders .left,
#Checkout .small .cart-info.share-button .box-borders .left {
  width: 1px !important;
  padding: 0;
  margin: 0;
  height: 100%;
}
#Checkout .small .cart-info .gift .left,
#Checkout .small .cart-info .gamecash .left,
#Checkout .small .cart-info .gift-to .left,
#Checkout .small .cart-info.cart-gift-receiver .left,
#Checkout .small .cart-info.share-button .left {
  font-size: 13.5px !important;
  padding: 8px 0 0 7px;
  cursor: pointer;
  margin: 10px;
  color: #fff;
}
#Checkout .small .cart-info .gift .right,
#Checkout .small .cart-info .gamecash .right,
#Checkout .small .cart-info .gift-to .right,
#Checkout .small .cart-info.cart-gift-receiver .right,
#Checkout .small .cart-info.share-button .right {
  cursor: pointer;
  font-size: 16px;
  margin: 15px;
}
#Checkout .small .cart-info .gift .left,
#Checkout .small .cart-info .gamecash .left,
#Checkout .small .cart-info .gift-to .left,
#Checkout .small .cart-info.cart-gift-receiver .left,
#Checkout .small .cart-info.share-button .left {
  padding: 8px 0 0 5px;
}
#Checkout .small .cart-info .gift .left i,
#Checkout .small .cart-info .gamecash .left i,
#Checkout .small .cart-info .gift-to .left i,
#Checkout .small .cart-info.cart-gift-receiver .left i,
#Checkout .small .cart-info.share-button .left i {
  font-size: 20px;
}
#Checkout .small .cart-info .gift.cart-gift-receiver .right,
#Checkout .small .cart-info .gamecash.cart-gift-receiver .right,
#Checkout .small .cart-info .gift-to.cart-gift-receiver .right,
#Checkout .small .cart-info.cart-gift-receiver.cart-gift-receiver .right,
#Checkout .small .cart-info.share-button.cart-gift-receiver .right {
  height: 20px;
  width: 75%;
  margin: 3% 0 0 0 !important;
  position: absolute;
  top: 10px;
  right: 0;
}
#Checkout .small .cart-info .gift.cart-gift-receiver .box-borders .right,
#Checkout .small .cart-info .gamecash.cart-gift-receiver .box-borders .right,
#Checkout .small .cart-info .gift-to.cart-gift-receiver .box-borders .right,
#Checkout .small .cart-info.cart-gift-receiver.cart-gift-receiver .box-borders .right,
#Checkout .small .cart-info.share-button.cart-gift-receiver .box-borders .right {
  top: 0;
  height: 100%;
  margin: 0 !important;
}
#Checkout .small .cart-info .gift i,
#Checkout .small .cart-info .gamecash i,
#Checkout .small .cart-info .gift-to i,
#Checkout .small .cart-info.cart-gift-receiver i,
#Checkout .small .cart-info.share-button i {
  color: #2e88d2;
  position: relative;
  z-index: 100;
}
#Checkout .small .cart-info .gift label,
#Checkout .small .cart-info .gamecash label,
#Checkout .small .cart-info .gift-to label,
#Checkout .small .cart-info.cart-gift-receiver label,
#Checkout .small .cart-info.share-button label {
  width: 86%;
  color: #fff;
  margin: 5px 15px 10px 15px !important;
  letter-spacing: 2px !important;
}
#Checkout .small .cart-info .gift input,
#Checkout .small .cart-info .gamecash input,
#Checkout .small .cart-info .gift-to input,
#Checkout .small .cart-info.cart-gift-receiver input,
#Checkout .small .cart-info.share-button input {
  width: 90%;
  opacity: 1;
  color: #fff;
  z-index: 20;
  color: #2e88d2;
  position: relative;
  margin: 5% !important;
  font-family: 'Orbitron';
  margin-top: 0 !important;
  border: 1px solid #385dc4;
  background: #11253d;
}
#Checkout .small .cart-info .gift input::-webkit-input-placeholder,
#Checkout .small .cart-info .gamecash input::-webkit-input-placeholder,
#Checkout .small .cart-info .gift-to input::-webkit-input-placeholder,
#Checkout .small .cart-info.cart-gift-receiver input::-webkit-input-placeholder,
#Checkout .small .cart-info.share-button input::-webkit-input-placeholder,
#Checkout .small .cart-info .gift input::-moz-placeholder,
#Checkout .small .cart-info .gamecash input::-moz-placeholder,
#Checkout .small .cart-info .gift-to input::-moz-placeholder,
#Checkout .small .cart-info.cart-gift-receiver input::-moz-placeholder,
#Checkout .small .cart-info.share-button input::-moz-placeholder,
#Checkout .small .cart-info .gift input:-ms-input-placeholder,
#Checkout .small .cart-info .gamecash input:-ms-input-placeholder,
#Checkout .small .cart-info .gift-to input:-ms-input-placeholder,
#Checkout .small .cart-info.cart-gift-receiver input:-ms-input-placeholder,
#Checkout .small .cart-info.share-button input:-ms-input-placeholder,
#Checkout .small .cart-info .gift input:-moz-placeholder,
#Checkout .small .cart-info .gamecash input:-moz-placeholder,
#Checkout .small .cart-info .gift-to input:-moz-placeholder,
#Checkout .small .cart-info.cart-gift-receiver input:-moz-placeholder,
#Checkout .small .cart-info.share-button input:-moz-placeholder {
  color: #2e88d2;
  -webkit-text-fill-color: #88adcd;
  -webkit-box-shadow: 0 0 0 1000px #1c2249 inset;
}
#Checkout .small .cart-info .gift input:-webkit-autofill,
#Checkout .small .cart-info .gamecash input:-webkit-autofill,
#Checkout .small .cart-info .gift-to input:-webkit-autofill,
#Checkout .small .cart-info.cart-gift-receiver input:-webkit-autofill,
#Checkout .small .cart-info.share-button input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #1c2249 inset;
  -webkit-text-fill-color: #88adcd;
}
#Checkout .small .cart-info .gift input::placeholder,
#Checkout .small .cart-info .gamecash input::placeholder,
#Checkout .small .cart-info .gift-to input::placeholder,
#Checkout .small .cart-info.cart-gift-receiver input::placeholder,
#Checkout .small .cart-info.share-button input::placeholder {
  color: #5a90bd;
}
#Checkout .small .cart-info .gift.gamecash,
#Checkout .small .cart-info .gamecash.gamecash,
#Checkout .small .cart-info .gift-to.gamecash,
#Checkout .small .cart-info.cart-gift-receiver.gamecash,
#Checkout .small .cart-info.share-button.gamecash {
  width: 99%;
}
#Checkout .small .cart-info .gift.gamecash .information span,
#Checkout .small .cart-info .gamecash.gamecash .information span,
#Checkout .small .cart-info .gift-to.gamecash .information span,
#Checkout .small .cart-info.cart-gift-receiver.gamecash .information span,
#Checkout .small .cart-info.share-button.gamecash .information span {
  float: left;
  width: auto;
}
#Checkout .small .cart-info .gift.gamecash .information input,
#Checkout .small .cart-info .gamecash.gamecash .information input,
#Checkout .small .cart-info .gift-to.gamecash .information input,
#Checkout .small .cart-info.cart-gift-receiver.gamecash .information input,
#Checkout .small .cart-info.share-button.gamecash .information input {
  padding: 5% 5% 5% 15%;
  width: 69%;
  float: left;
}
#Checkout .small .cart-info .gift.gamecash .information .right,
#Checkout .small .cart-info .gamecash.gamecash .information .right,
#Checkout .small .cart-info .gift-to.gamecash .information .right,
#Checkout .small .cart-info.cart-gift-receiver.gamecash .information .right,
#Checkout .small .cart-info.share-button.gamecash .information .right {
  position: absolute;
  top: 55px;
  left: 21px;
  z-index: 25;
  font-size: 20px;
  text-shadow: none !important;
  margin: 0 !important;
  width: auto;
  color: #2e88d2;
}
#Checkout .small .cart-info .gift button,
#Checkout .small .cart-info .gamecash button,
#Checkout .small .cart-info .gift-to button,
#Checkout .small .cart-info.cart-gift-receiver button,
#Checkout .small .cart-info.share-button button {
  width: 90%;
  z-index: 9;
  padding: 5%;
  margin: 0 5% 7%;
  cursor: pointer;
  font-size: 15px;
  position: relative;
  text-shadow: 0 0 5px #000;
  color: #50affd;
  background: linear-gradient(to right, rgba(3,10,19,0.5) 0%, #113058 50%, rgba(3,10,19,0.5) 100%) !important;
  border: 1px solid #385dc4;
}
#Checkout .small .cart-info.cart-gift-receiver {
  cursor: pointer;
  font-size: 12px;
  overflow: hidden;
  position: relative;
  padding: 7px 0 5px 0;
}
#Checkout .small .cart-info.cart-gift-receiver .left,
#Checkout .small .cart-info.cart-gift-receiver .gift_identifier {
  font-size: 15.5px !important;
  padding: 0px 0px 0px 2px;
  position: relative;
  transition: 200ms;
  cursor: pointer;
  margin: 10px;
  left: 0px;
  color: #fff;
  float: left;
}
#Checkout .small .cart-info.cart-gift-receiver .left .shown,
#Checkout .small .cart-info.cart-gift-receiver .gift_identifier .shown {
  transition: 300ms;
  top: 0px;
  left: 5px;
}
#Checkout .small .cart-info.cart-gift-receiver .left .removal,
#Checkout .small .cart-info.cart-gift-receiver .gift_identifier .removal {
  transition: 300ms;
  left: -50px;
}
#Checkout .small .cart-info.cart-gift-receiver .right {
  margin: 10px 13px 13px 0 !important;
  position: relative;
  transition: 300ms;
  font-size: 13px;
  float: right;
  width: 70%;
  top: 0%;
}
#Checkout .small .cart-info.cart-gift-receiver .right .action,
#Checkout .small .cart-info.cart-gift-receiver .right .gift-to {
  position: absolute;
  right: 10px;
  transition: 200ms;
}
#Checkout .small .cart-info.cart-gift-receiver .right .action.gift-to,
#Checkout .small .cart-info.cart-gift-receiver .right .gift-to.gift-to {
  top: 0px;
  width: 150px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#Checkout .small .cart-info.cart-gift-receiver .right .action.action,
#Checkout .small .cart-info.cart-gift-receiver .right .gift-to.action {
  top: 50px;
}
#Checkout .small .cart-info.cart-gift-receiver:hover .gift-to {
  top: -50px !important;
}
#Checkout .small .cart-info.cart-gift-receiver:hover .action {
  top: 0px !important;
}
#Checkout .small .cart-info.cart-gift-receiver:hover .shown {
  left: 5px;
  top: -50px;
}
#Checkout .small .cart-info.cart-gift-receiver:hover .removal {
  left: -10px;
}
#Checkout .small .cart-info.cart-gift-receiver .box-borders * {
  padding: 0 !important;
  margin: 0 !important;
}
#Checkout .small .cart-info.cart-gift-receiver .box-borders *.right,
#Checkout .small .cart-info.cart-gift-receiver .box-borders *.left {
  width: 1px !important;
}
#Checkout .small .cart-info.cart-gift-receiver .box-borders *.left {
  left: 0px !important;
}
#Checkout .top.title-row {
  width: 100%;
  top: -15px;
  left: 0;
  background: #102a4e;
  position: absolute;
  z-index: 12;
}
#Checkout .top.title-row .background {
  top: 0;
  left: 0;
  z-index: 3;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  background: none;
  position: absolute;
  pointer-events: none;
  background-size: 67px;
}
#Checkout .top.title-row .crowd-title {
  margin-bottom: 0px !important;
  padding: 0px 15px 5px 10px;
}
#Checkout .top.title-row .crowd-title a {
  font-size: 19px;
  text-shadow: none;
  padding: 5px;
}
#Checkout .body {
  position: relative;
  z-index: 2;
}
#Checkout .body .productimages {
  box-shadow: 10px 3px 10px rgba(0,0,0,0.2);
  overflow: hidden;
}
#Checkout .body .title {
  margin-top: 14px;
  font-weight: 300;
  letter-spacing: 1.5px;
  color: #fff;
  float: left;
  text-transform: uppercase;
}
#Checkout .body .slide {
  width: 100%;
}
#Checkout .cart-info {
  background: linear-gradient(to right, rgba(3,10,19,0.5) 0%, #132a48 34%, rgba(11,26,43,0.6) 100%) !important;
  margin-top: 2%;
}
#Checkout .cart-info .background {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  position: absolute;
  pointer-events: none;
  background-size: 20px;
  box-shadow: inset 2px 0 6px rgba(9,96,233,0.3);
  background: url("/assets/img/line-lightblue.png") 0px 3px;
}
#Checkout .cart-info .crowd-title {
  text-shadow: 0 0 13px #515f79;
  margin-bottom: 0;
}
#Checkout .cart-info .border .left,
#Checkout .cart-info .border .right,
#Checkout .cart-info .border .top,
#Checkout .cart-info .border .bottom,
#Checkout .cart-info .border .top-line {
  background: #2288fa;
}
#Checkout .cart-info .border .left,
#Checkout .cart-info .border .right {
  text-shadow: 2px 2px 4px #000 !important;
  text-transform: uppercase;
  margin: 0;
  color: #fff;
  font-size: 20px;
  transition: 200ms;
  letter-spacing: 1px;
  font-weight: 200;
}
#Checkout .cart-info .right {
  text-shadow: 2px 2px 4px #000 !important;
  margin: 24px 20px 15px 1px;
  text-transform: uppercase;
  letter-spacing: 1px;
  position: relative;
  transition: 200ms;
  font-weight: 200;
  font-size: 20px;
  color: #fff;
}
#Checkout .discount-box {
  background: linear-gradient(to right, rgba(19,3,3,0.5) 0%, #481313 34%, rgba(43,11,11,0.6) 100%) !important;
}
#Checkout .discount-box .border * {
  background: #cc0707 !important;
  box-shadow: 0 0 3px #cc0707;
}
#Checkout .discount-box .background {
  background: #631313;
}
#Checkout .cart-discount {
  background: linear-gradient(to right, rgba(3,10,19,0.5) 0%, #132a48 34%, rgba(11,26,43,0.6) 100%) !important;
}
#Checkout .cart-discount .background {
  background: url("/assets/img/line-lightblue.png") 0px 3px;
}
#Checkout h2 {
  text-transform: uppercase;
  text-shadow: 0px 0px 5px #a6bdff;
  margin: 5px 20px 0;
  text-align: left;
  padding: 0 !important;
  font-size: 32px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  line-height: 38px;
}
#Checkout .shop-link {
  text-transform: uppercase;
  margin: 0 0 0 10px;
  color: #fff;
  font-size: 22px;
  transition: 100ms;
  line-height: 30px;
  padding: 20px 15px 15px 10px;
}
#Checkout .shop-link .back-to-shop {
  text-transform: uppercase;
  margin: 0 0 0 10px;
}
#Checkout .hidden {
  display: none;
}
#Checkout .undo-remove .product-controls {
  float: right;
  width: 30%;
}
#Checkout .undo-remove .product-details {
  width: 66% !important;
  min-height: auto !important;
}
#Checkout .undo-remove .customize-link {
  right: 0;
  bottom: 0;
}
#Checkout .undo-remove .customize-link i {
  padding-right: 10px;
}
#Checkout .payment-options {
  position: relative;
  border-radius: 0px;
  background: #0e1b3e;
  width: 90% !important;
  padding: 0.1% 5% 0% 5%;
  margin: 3% 0 2% 0 !important;
  box-shadow: -1px 0 2px rgba(255,255,255,0.01);
}
@media screen and (max-width: 768px) {
  #Checkout .payment-options {
    margin-bottom: 40px !important;
  }
}
#Checkout .payment-options.green {
  background: linear-gradient(to right, #052b03 0%, #061b05 20%, #061b07 80%, #052b03 100%);
}
#Checkout .payment-options.green .box-borders * {
  background: #1dca0a;
}
#Checkout .payment-options .shown {
  display: block;
}
#Checkout .payment-options .hidden {
  display: none;
}
#Checkout .payment-options .top-line {
  width: 66%;
  height: 3px;
  background: #1e63d9;
  margin: 0 auto;
  border-radius: 0 0 10px 10px;
}
#Checkout .payment-options .dark {
  background: url("/assets/img/back-texture2.jpg") #000;
  border-radius: 4px;
  border: 2px solid #4c4c4c;
}
#Checkout .payment-options .passport_warn {
  margin: 28px 0 28px 0;
  text-align: center;
  color: rgba(175,186,213,0.68);
  font-family: inherit;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  line-height: 3px;
}
#Checkout .payment-options .passport_warn .licon {
  margin-right: 10px;
}
#Checkout .payment-options .passport_warn span {
  top: 7px !important;
  position: relative;
}
#Checkout .payment-options h2 {
  margin: 25px 20px 10px 10px;
  text-align: center;
  font-size: 26px;
  cursor: default;
}
#Checkout .payment-options ul {
  margin-bottom: 20px;
  text-align: center;
}
#Checkout .payment-options ul li.idcredit {
  cursor: pointer;
  color: #fff;
  font-weight: 600;
  position: relative;
  height: 130px;
  padding: 0;
  text-align: center;
  float: none;
  display: inline-block;
  min-height: auto;
  margin: 10px;
  min-width: 200px;
  border-radius: 0px;
  box-shadow: inset 0px 0px 0px rgba(0,0,0,0);
  text-shadow: 2px 0 4px rgba(0,0,0,0.46);
  transition: 0.2s all ease-in-out;
  border: 0px solid #ff9800;
  filter: hue-rotate(226deg);
  border-radius: 3px;
  overflow: hidden;
}
#Checkout .payment-options ul li.idcredit:hover .accent,
#Checkout .payment-options ul li.idcredit:active .accent,
#Checkout .payment-options ul li.idcredit:hover .shadow,
#Checkout .payment-options ul li.idcredit:active .shadow {
  opacity: 0.8;
}
#Checkout .payment-options ul li.idcredit:hover .stripe,
#Checkout .payment-options ul li.idcredit:active .stripe {
  opacity: 0.4;
}
#Checkout .payment-options ul li.idcredit:active .shadow {
  box-shadow: inset 2px 2px 15px 0px rgba(0,0,0,0.6);
}
#Checkout .payment-options ul li.idcredit:active .texture {
  filter: saturate(1.9) contrast(1.1) brightness(1);
}
#Checkout .payment-options ul li.idcredit:active .payment-icon i,
#Checkout .payment-options ul li.idcredit:active .credits {
  color: rgba(0,0,255,0);
}
#Checkout .payment-options ul li.idcredit.account {
  background: linear-gradient(to bottom, #385dc4 50%, #3040b7 100%);
}
#Checkout .payment-options ul li.idcredit.gc {
  background: linear-gradient(to bottom, #6f61bf 50%, #5c6cdc 100%);
}
#Checkout .payment-options ul li.idcredit.paypal {
  background: linear-gradient(to bottom, #eab82b 50%, #bd9500 100%);
}
#Checkout .payment-options ul li.idcredit .accent.disabled:active .payment-icon i,
#Checkout .payment-options ul li.idcredit .accent.disabled:active .credits {
  background-size: 17px;
  color: rgba(0,0,255,0);
  text-shadow: 0px 2px 3px rgba(255,255,255,0.5);
}
#Checkout .payment-options ul li.idcredit .accent.disabled .texture {
  background: #ff2f00;
}
#Checkout .payment-options ul li.idcredit .payment-icon {
  width: 100%;
  margin-top: 35px;
  margin-right: 8px;
  position: relative;
  z-index: 2;
}
#Checkout .payment-options ul li.idcredit .payment-icon i {
  transition: 300ms;
  font-size: 40px;
  margin-right: 10px;
}
#Checkout .payment-options ul li.idcredit .payment-icon .fa-cc-visa,
#Checkout .payment-options ul li.idcredit .payment-icon .fa-paypal,
#Checkout .payment-options ul li.idcredit .payment-icon .fa-cc-paypal {
  margin-right: 0px !important;
}
#Checkout .payment-options ul li.idcredit .payment-label {
  color: #fff;
  transition: all 0.2s ease;
  letter-spacing: 0.35px;
  text-shadow: 0 0 9px rgba(22,47,78,0.75);
  font-weight: 400;
  font-size: 17px;
  position: absolute;
  bottom: 10px;
  width: 100%;
  bottom: 10px;
  left: 0;
  font-family: 'Roboto';
  letter-spacing: 1.7px;
  margin-bottom: 10px;
}
#Checkout .payment-options ul li.idcredit .credits {
  font-size: 28px;
  font-weight: 400;
  top: 7px;
  position: relative;
  letter-spacing: 0.5px;
}
#Checkout .payment-options ul li.idcredit .credits .username {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 1px;
  position: relative;
  top: -8px;
  color: rgba(255,255,255,0.5);
  display: inline-block;
  padding: 5px 7px;
  line-height: 10px;
  background: #3f51b5;
  border-radius: 2px;
  border: 1px solid #43349c;
  color: #fff;
  text-shadow: none;
  font-size: 9px;
  font-family: sans-serif;
  font-weight: 400;
}
#Checkout .payment-options ul li.idcredit:hover .username,
#Checkout .payment-options ul li.idcredit:active .username {
  color: #fff;
}
@media screen and (max-width: 980px) {
  #Checkout .payment-options ul li.idcredit {
    display: inline-block;
    width: 27% !important;
  }
}
#Checkout .payment-options .payment-method-container {
  width: 90%;
  margin: 0% 5%;
  max-width: none;
  min-height: auto;
  height: 200px;
  transition: 0.1s all cubic-bezier(0.42, 0, 0.26, 0.97);
}
#Checkout .payment-options .payment-method-container.hide {
  height: 0px !important;
  border: 0;
}
#Checkout .purchase_details {
  background: #184ea0;
  margin: 20px 0;
  padding: 30px 10px;
}
#Checkout .purchase_details p {
  margin: 5px 20px;
  color: #fff;
  letter-spacing: 1px;
}
#Checkout .cart-total {
  padding: 7px 10px;
}
#Checkout .cart-total .cart-title {
  text-shadow: 2px 2px 4px #000;
  margin: 0;
  padding: 0 !important;
  font-size: 25px;
  line-height: 38px;
  color: #fff;
  font-weight: 500;
  text-transform: uppercase;
  padding-bottom: 16px;
  text-align: right;
}
#Checkout .cart-total .cart-title span {
  font-size: 19px;
  float: left;
  cursor: default;
  color: #fff;
  letter-spacing: 2px;
  margin-right: 20px;
}
#Checkout .cart-total .cart-title div small {
  margin: 0 0 0 10px;
}
#Checkout .product-required {
  float: left;
  margin: 0 0 20px 15px;
  color: #cee1ff;
  position: relative;
  z-index: 10;
  text-transform: uppercase;
  font-style: italic;
  font-weight: 300;
  letter-spacing: 0.8px;
  font-size: 15px;
  font-family: 'Roboto';
}
#Checkout .undo-remove .product-controls .customize-link {
  padding: 17px;
  bottom: 12px;
  right: 5px;
  color: #5a90bd;
  line-height: normal !important;
  position: absolute;
}
#Checkout .undo-remove .product-controls .customize-link.customize-link {
  right: 0 !important;
  bottom: 0 !important;
}
#Checkout .cart-products {
  width: 100%;
  margin: 0 0 0 0;
}
#Checkout .cart-products div {
  display: inline-block;
}
#Checkout .cart-products h2 {
  margin: 25px 0px 18px 2px;
  text-align: center;
}
#Checkout .cart-products .cartProducts {
  width: 100%;
}
#Checkout .cart-products .product-listing,
#Checkout .cart-products .item-listing,
#Checkout .cart-products .cash-listing,
#Checkout .cart-products .loading-item {
  min-height: auto;
  float: left;
  overflow: hidden;
  border-radius: 0;
  position: relative;
  float: left;
  padding: 2% 5%;
  margin: 1% 0 1% 0;
  width: 100% !important;
  max-width: none !important;
  border: 1px solid #2288fa;
  background: linear-gradient(to right, rgba(14,42,74,0.5) 0%, rgba(15,41,109,0.6) 34%, rgba(12,51,97,0.6) 100%) !important;
}
#Checkout .cart-products .product-listing.no-product .cart-empty-title,
#Checkout .cart-products .item-listing.no-product .cart-empty-title,
#Checkout .cart-products .cash-listing.no-product .cart-empty-title,
#Checkout .cart-products .loading-item.no-product .cart-empty-title {
  padding: 35px 20px 25px 30px !important;
  width: 80% !important;
}
#Checkout .cart-products .product-listing:hover,
#Checkout .cart-products .item-listing:hover,
#Checkout .cart-products .cash-listing:hover,
#Checkout .cart-products .loading-item:hover {
  box-shadow: 0 0 0 1px rgba(0,0,0,0.361) !important;
}
#Checkout .cart-products .product-listing i.active,
#Checkout .cart-products .item-listing i.active,
#Checkout .cart-products .cash-listing i.active,
#Checkout .cart-products .loading-item i.active {
  left: 10px;
  position: absolute;
  top: 10px;
}
#Checkout .cart-products .product-listing #Sale,
#Checkout .cart-products .item-listing #Sale,
#Checkout .cart-products .cash-listing #Sale,
#Checkout .cart-products .loading-item #Sale {
  position: absolute;
  right: 20px;
  top: 45px;
}
#Checkout .cart-products .product-listing #Sale span,
#Checkout .cart-products .item-listing #Sale span,
#Checkout .cart-products .cash-listing #Sale span,
#Checkout .cart-products .loading-item #Sale span {
  font-weight: 400;
}
#Checkout .cart-products .product-listing .gift-item,
#Checkout .cart-products .item-listing .gift-item,
#Checkout .cart-products .cash-listing .gift-item,
#Checkout .cart-products .loading-item .gift-item {
  opacity: 0;
transition
  top: 23px !important;
  right: 105px !important;
  position: absolute;
  color: #85c8ff;
  padding: 5px 9px;
}
#Checkout .cart-products .product-listing .gift-item .bottom,
#Checkout .cart-products .item-listing .gift-item .bottom,
#Checkout .cart-products .cash-listing .gift-item .bottom,
#Checkout .cart-products .loading-item .gift-item .bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Checkout .cart-products .product-listing .gift-item:hover,
#Checkout .cart-products .item-listing .gift-item:hover,
#Checkout .cart-products .cash-listing .gift-item:hover,
#Checkout .cart-products .loading-item .gift-item:hover {
  color: #fff;
  cursor: pointer;
}
#Checkout .cart-products .product-listing .product-details,
#Checkout .cart-products .item-listing .product-details,
#Checkout .cart-products .cash-listing .product-details,
#Checkout .cart-products .loading-item .product-details {
  padding: 2% !important;
}
#Checkout .cart-products .product-listing .cart-empty-title,
#Checkout .cart-products .item-listing .cart-empty-title,
#Checkout .cart-products .cash-listing .cart-empty-title,
#Checkout .cart-products .loading-item .cart-empty-title {
  width: 96% !important;
}
#Checkout .cart-products .product-listing.undo-remove .product-details,
#Checkout .cart-products .item-listing.undo-remove .product-details,
#Checkout .cart-products .cash-listing.undo-remove .product-details,
#Checkout .cart-products .loading-item.undo-remove .product-details {
  padding: 1% 2% !important;
}
#Checkout .cart-products .product-listing .in-game-item,
#Checkout .cart-products .item-listing .in-game-item,
#Checkout .cart-products .cash-listing .in-game-item,
#Checkout .cart-products .loading-item .in-game-item {
  opacity: 0;
  color: #5a90bd;
  text-align: center;
  position: absolute;
  top: 15px;
  right: 17px;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
}
#Checkout .cart-products .product-listing .in-game-item i,
#Checkout .cart-products .item-listing .in-game-item i,
#Checkout .cart-products .cash-listing .in-game-item i,
#Checkout .cart-products .loading-item .in-game-item i {
  display: block;
  font-size: 40px;
}
#Checkout .cart-products .product-listing .box-borders .rightline,
#Checkout .cart-products .item-listing .box-borders .rightline,
#Checkout .cart-products .cash-listing .box-borders .rightline,
#Checkout .cart-products .loading-item .box-borders .rightline,
#Checkout .cart-products .product-listing .box-borders .leftline,
#Checkout .cart-products .item-listing .box-borders .leftline,
#Checkout .cart-products .cash-listing .box-borders .leftline,
#Checkout .cart-products .loading-item .box-borders .leftline {
  width: 2px;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0%;
  z-index: 2;
  transition: 200ms;
  background: #0960e9;
  box-shadow: 0 0 3px #0052de;
}
#Checkout .cart-products .product-listing .box-borders .rightline,
#Checkout .cart-products .item-listing .box-borders .rightline,
#Checkout .cart-products .cash-listing .box-borders .rightline,
#Checkout .cart-products .loading-item .box-borders .rightline {
  left: auto;
  right: 0;
}
#Checkout .cart-products .product-listing .sides .top,
#Checkout .cart-products .item-listing .sides .top,
#Checkout .cart-products .cash-listing .sides .top,
#Checkout .cart-products .loading-item .sides .top,
#Checkout .cart-products .product-listing .sides .bottom,
#Checkout .cart-products .item-listing .sides .bottom,
#Checkout .cart-products .cash-listing .sides .bottom,
#Checkout .cart-products .loading-item .sides .bottom {
  width: 100%;
  position: absolute;
  height: 5px;
  background: #00f;
}
#Checkout .cart-products .product-listing .sides .top,
#Checkout .cart-products .item-listing .sides .top,
#Checkout .cart-products .cash-listing .sides .top,
#Checkout .cart-products .loading-item .sides .top {
  top: -5px;
}
#Checkout .cart-products .product-listing .sides .bottom,
#Checkout .cart-products .item-listing .sides .bottom,
#Checkout .cart-products .cash-listing .sides .bottom,
#Checkout .cart-products .loading-item .sides .bottom {
  bottom: -5px;
}
#Checkout .cart-products .product-listing:hover,
#Checkout .cart-products .item-listing:hover,
#Checkout .cart-products .cash-listing:hover,
#Checkout .cart-products .loading-item:hover {
  border: 1px solid #0d63ec;
}
#Checkout .cart-products .product-listing .product-details,
#Checkout .cart-products .item-listing .product-details,
#Checkout .cart-products .cash-listing .product-details,
#Checkout .cart-products .loading-item .product-details {
  padding: 17px 20px 10px 20px;
}
#Checkout .cart-products .product-listing .customize-link,
#Checkout .cart-products .item-listing .customize-link,
#Checkout .cart-products .cash-listing .customize-link,
#Checkout .cart-products .loading-item .customize-link,
#Checkout .cart-products .product-listing .removal-link,
#Checkout .cart-products .item-listing .removal-link,
#Checkout .cart-products .cash-listing .removal-link,
#Checkout .cart-products .loading-item .removal-link {
  padding: 17px;
  bottom: 12px;
  right: 5px;
  color: #5a90bd;
  line-height: normal !important;
  position: absolute;
}
#Checkout .cart-products .product-listing .customize-link.customize-link,
#Checkout .cart-products .item-listing .customize-link.customize-link,
#Checkout .cart-products .cash-listing .customize-link.customize-link,
#Checkout .cart-products .loading-item .customize-link.customize-link,
#Checkout .cart-products .product-listing .removal-link.customize-link,
#Checkout .cart-products .item-listing .removal-link.customize-link,
#Checkout .cart-products .cash-listing .removal-link.customize-link,
#Checkout .cart-products .loading-item .removal-link.customize-link {
  right: 0;
  bottom: 15px;
}
#Checkout .cart-products .product-listing .customize-link i.licon-cross,
#Checkout .cart-products .item-listing .customize-link i.licon-cross,
#Checkout .cart-products .cash-listing .customize-link i.licon-cross,
#Checkout .cart-products .loading-item .customize-link i.licon-cross,
#Checkout .cart-products .product-listing .removal-link i.licon-cross,
#Checkout .cart-products .item-listing .removal-link i.licon-cross,
#Checkout .cart-products .cash-listing .removal-link i.licon-cross,
#Checkout .cart-products .loading-item .removal-link i.licon-cross {
  padding-left: 0;
  padding-right: 10px;
}
#Checkout .cart-products .product-listing .customize-link i.licon-delete,
#Checkout .cart-products .item-listing .customize-link i.licon-delete,
#Checkout .cart-products .cash-listing .customize-link i.licon-delete,
#Checkout .cart-products .loading-item .customize-link i.licon-delete,
#Checkout .cart-products .product-listing .removal-link i.licon-delete,
#Checkout .cart-products .item-listing .removal-link i.licon-delete,
#Checkout .cart-products .cash-listing .removal-link i.licon-delete,
#Checkout .cart-products .loading-item .removal-link i.licon-delete {
  padding-right: 0;
  padding-left: 15px;
}
#Checkout .cart-products .product-listing .crowd-description,
#Checkout .cart-products .item-listing .crowd-description,
#Checkout .cart-products .cash-listing .crowd-description,
#Checkout .cart-products .loading-item .crowd-description {
  text-shadow: 1px 0 4px #222;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  color: #c2dbff;
  padding: 5px 2px;
  width: 90%;
  font-size: 15px;
}
#Checkout .cart-products .product-listing.clear,
#Checkout .cart-products .item-listing.clear,
#Checkout .cart-products .cash-listing.clear,
#Checkout .cart-products .loading-item.clear {
  border: none !important;
}
#Checkout .cart-products .product-listing .background,
#Checkout .cart-products .item-listing .background,
#Checkout .cart-products .cash-listing .background,
#Checkout .cart-products .loading-item .background {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  background: linear-gradient(to right, #111f2f, #102a4e);
  z-index: 1;
}
#Checkout .cart-products .product-listing .edges,
#Checkout .cart-products .item-listing .edges,
#Checkout .cart-products .cash-listing .edges,
#Checkout .cart-products .loading-item .edges {
  position: absolute;
  height: 90%;
  width: 95%;
  left: 10px;
  bottom: 10px;
  transition: 300ms;
  pointer-events: none;
}
#Checkout .cart-products .product-listing .edges .left,
#Checkout .cart-products .item-listing .edges .left,
#Checkout .cart-products .cash-listing .edges .left,
#Checkout .cart-products .loading-item .edges .left,
#Checkout .cart-products .product-listing .edges .bottom,
#Checkout .cart-products .item-listing .edges .bottom,
#Checkout .cart-products .cash-listing .edges .bottom,
#Checkout .cart-products .loading-item .edges .bottom {
  z-index: -1;
}
#Checkout .cart-products .product-listing .edges .left,
#Checkout .cart-products .item-listing .edges .left,
#Checkout .cart-products .cash-listing .edges .left,
#Checkout .cart-products .loading-item .edges .left {
  transform: rotateY(90deg) skewY(-40deg);
  background: #4a7cc1;
  position: absolute;
  left: -11px;
  height: 90%;
  width: 10px;
  transition: 300ms;
  padding-bottom: 3px;
  bottom: -6px;
}
#Checkout .cart-products .product-listing .edges .bottom,
#Checkout .cart-products .item-listing .edges .bottom,
#Checkout .cart-products .cash-listing .edges .bottom,
#Checkout .cart-products .loading-item .edges .bottom {
  transform: rotateX(90deg) skew(-45deg);
  background: #4a7cc1;
  position: absolute;
  bottom: -11px;
  height: 10px;
  width: 100%;
  z-index: -1;
  padding-left: 2px;
  left: -6px;
  transition: 300ms;
}
#Checkout .cart-products .product-listing:hover,
#Checkout .cart-products .item-listing:hover,
#Checkout .cart-products .cash-listing:hover,
#Checkout .cart-products .loading-item:hover {
  box-shadow: 0px 0px 30px rgba(1,3,16,0);
}
#Checkout .cart-products .product-listing:hover .edges,
#Checkout .cart-products .item-listing:hover .edges,
#Checkout .cart-products .cash-listing:hover .edges,
#Checkout .cart-products .loading-item:hover .edges {
  width: 100% !important;
  height: 100% !important;
  left: 0px !important;
  bottom: 0px !important;
}
#Checkout .cart-products .product-listing:hover .edges .left,
#Checkout .cart-products .item-listing:hover .edges .left,
#Checkout .cart-products .cash-listing:hover .edges .left,
#Checkout .cart-products .loading-item:hover .edges .left {
  height: 100%;
  transform: rotateY(0deg) skewY(-40deg);
}
#Checkout .cart-products .product-listing:hover .edges .bottom,
#Checkout .cart-products .item-listing:hover .edges .bottom,
#Checkout .cart-products .cash-listing:hover .edges .bottom,
#Checkout .cart-products .loading-item:hover .edges .bottom {
  width: 100%;
  transform: rotateX(0deg) skew(-45deg);
}
#Checkout .cart-products .product-listing .cart-empty-title h5,
#Checkout .cart-products .item-listing .cart-empty-title h5,
#Checkout .cart-products .cash-listing .cart-empty-title h5,
#Checkout .cart-products .loading-item .cart-empty-title h5 {
  margin-right: 20px;
  color: #fff;
  font-weight: 300;
  text-shadow: 0px 0px 10px #0d1d52;
  margin: 0 0 10px 0;
  font-size: 25px;
  letter-spacing: 0.9px;
}
#Checkout .cart-products .product-listing .cart-empty-title a,
#Checkout .cart-products .item-listing .cart-empty-title a,
#Checkout .cart-products .cash-listing .cart-empty-title a,
#Checkout .cart-products .loading-item .cart-empty-title a {
  color: #8dadff;
  float: none;
  font-size: 14px;
  position: inherit;
  text-shadow: 1px 1px 1px #000;
  font-weight: 200;
  letter-spacing: 1.1px;
}
#Checkout .cart-products .product-listing .cart-empty-title a:hover,
#Checkout .cart-products .item-listing .cart-empty-title a:hover,
#Checkout .cart-products .cash-listing .cart-empty-title a:hover,
#Checkout .cart-products .loading-item .cart-empty-title a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 980px) {
  #Checkout .cart-products .product-listing,
  #Checkout .cart-products .item-listing,
  #Checkout .cart-products .cash-listing,
  #Checkout .cart-products .loading-item {
    margin: 4% auto 0 auto;
  }
}
#Checkout .cart-products .product-listing .crowd-title,
#Checkout .cart-products .item-listing .crowd-title,
#Checkout .cart-products .cash-listing .crowd-title,
#Checkout .cart-products .loading-item .crowd-title {
  padding: 0;
  font-size: 20px;
}
#Checkout .cart-products .product-listing .crowd-title i,
#Checkout .cart-products .item-listing .crowd-title i,
#Checkout .cart-products .cash-listing .crowd-title i,
#Checkout .cart-products .loading-item .crowd-title i {
  margin: 0 20px 0 0;
}
#Checkout .cart-products .product-listing .product-details,
#Checkout .cart-products .item-listing .product-details,
#Checkout .cart-products .cash-listing .product-details,
#Checkout .cart-products .loading-item .product-details {
  width: 40%;
  position: relative;
  z-index: 2;
  float: left;
  margin: 0;
  padding: 1% 2%;
}
#Checkout .cart-products .product-listing .product-details .crowd-title,
#Checkout .cart-products .item-listing .product-details .crowd-title,
#Checkout .cart-products .cash-listing .product-details .crowd-title,
#Checkout .cart-products .loading-item .product-details .crowd-title {
  font-size: 22px;
  height: auto !important;
  letter-spacing: 2px;
  font-weight: 200;
  margin-bottom: 2%;
  color: #fff;
  padding: 0;
}
@media screen and (max-width: 1200px) {
  #Checkout .cart-products .product-listing .product-details,
  #Checkout .cart-products .item-listing .product-details,
  #Checkout .cart-products .cash-listing .product-details,
  #Checkout .cart-products .loading-item .product-details {
    margin: 0;
  }
  #Checkout .cart-products .product-listing .undo-remove .product-details,
  #Checkout .cart-products .item-listing .undo-remove .product-details,
  #Checkout .cart-products .cash-listing .undo-remove .product-details,
  #Checkout .cart-products .loading-item .undo-remove .product-details {
    min-height: auto !important;
  }
}
#Checkout .cart-products .product-listing h5,
#Checkout .cart-products .item-listing h5,
#Checkout .cart-products .cash-listing h5,
#Checkout .cart-products .loading-item h5 {
  background: transparent;
}
#Checkout .cart-products .product-listing .items,
#Checkout .cart-products .item-listing .items,
#Checkout .cart-products .cash-listing .items,
#Checkout .cart-products .loading-item .items {
  position: absolute;
  bottom: 45px;
  width: 90%;
}
#Checkout .cart-products .product-listing .product-beta,
#Checkout .cart-products .item-listing .product-beta,
#Checkout .cart-products .cash-listing .product-beta,
#Checkout .cart-products .loading-item .product-beta {
  text-transform: uppercase;
  margin: 10px 2% 0 0 !important;
  color: #85ba56;
  line-height: 18px;
  font-size: 16px;
  opacity: 0.8;
  font-weight: 300;
  letter-spacing: 1px;
}
#Checkout .cart-products .product-listing .product-beta .licon,
#Checkout .cart-products .item-listing .product-beta .licon,
#Checkout .cart-products .cash-listing .product-beta .licon,
#Checkout .cart-products .loading-item .product-beta .licon {
  margin: 0 7px 0 0;
  text-shadow: 2px -3px 7px #00060e;
}
#Checkout .cart-products .product-listing .product-beta b,
#Checkout .cart-products .item-listing .product-beta b,
#Checkout .cart-products .cash-listing .product-beta b,
#Checkout .cart-products .loading-item .product-beta b {
  font-size: 14px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 980px) {
  #Checkout .cart-products .product-listing .product-beta,
  #Checkout .cart-products .item-listing .product-beta,
  #Checkout .cart-products .cash-listing .product-beta,
  #Checkout .cart-products .loading-item .product-beta {
    margin: 5px 2% 10px 0 !important;
  }
}
#Checkout .cart-products .product-listing .product-controls,
#Checkout .cart-products .item-listing .product-controls,
#Checkout .cart-products .cash-listing .product-controls,
#Checkout .cart-products .loading-item .product-controls {
  position: initial;
  width: 15%;
  float: left;
  font-size: 20px;
  text-align: right;
  font-size: 20px;
  bottom: 0px !important;
  left: 10px !important;
  line-height: 10px;
  height: 20px;
  top: auto !important;
}
@media screen and (max-width: 600px) {
  #Checkout .cart-products .product-listing .product-controls,
  #Checkout .cart-products .item-listing .product-controls,
  #Checkout .cart-products .cash-listing .product-controls,
  #Checkout .cart-products .loading-item .product-controls {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 350px) {
  #Checkout .cart-products .product-listing .product-controls,
  #Checkout .cart-products .item-listing .product-controls,
  #Checkout .cart-products .cash-listing .product-controls,
  #Checkout .cart-products .loading-item .product-controls {
    margin-bottom: 60px;
  }
}
#Checkout .cart-products .product-listing .product-controls .product-quantity,
#Checkout .cart-products .item-listing .product-controls .product-quantity,
#Checkout .cart-products .cash-listing .product-controls .product-quantity,
#Checkout .cart-products .loading-item .product-controls .product-quantity {
  color: #fff;
  position: absolute;
  top: 15px !important;
  right: 100px;
  font-size: 17px;
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
}
#Checkout .cart-products .product-listing .product-controls .product-quantity.pushleft,
#Checkout .cart-products .item-listing .product-controls .product-quantity.pushleft,
#Checkout .cart-products .cash-listing .product-controls .product-quantity.pushleft,
#Checkout .cart-products .loading-item .product-controls .product-quantity.pushleft {
  right: 110px;
}
#Checkout .cart-products .product-listing .product-controls .customize-link,
#Checkout .cart-products .item-listing .product-controls .customize-link,
#Checkout .cart-products .cash-listing .product-controls .customize-link,
#Checkout .cart-products .loading-item .product-controls .customize-link {
  margin: 0 auto;
}
#Checkout .cart-products .product-listing .product-controls .icon,
#Checkout .cart-products .item-listing .product-controls .icon,
#Checkout .cart-products .cash-listing .product-controls .icon,
#Checkout .cart-products .loading-item .product-controls .icon {
  right: 0 !important;
  font-size: 13px !important;
  top: 0 !important;
  color: #57699a !important;
  position: relative;
}
#Checkout .cart-products .product-listing .product-controls span,
#Checkout .cart-products .item-listing .product-controls span,
#Checkout .cart-products .cash-listing .product-controls span,
#Checkout .cart-products .loading-item .product-controls span {
  color: #e9ebec;
  position: absolute;
  bottom: 62px !important;
  right: 18px;
  text-transform: uppercase;
  font-weight: 300;
  font-size: 25px;
  letter-spacing: 1.5px;
  z-index: 1;
}
#Checkout .cart-products .product-listing .product-controls small,
#Checkout .cart-products .item-listing .product-controls small,
#Checkout .cart-products .cash-listing .product-controls small,
#Checkout .cart-products .loading-item .product-controls small {
  text-decoration: line-through;
  font-size: 0.8em;
  color: #888;
  position: absolute;
  top: 0;
  left: -60px;
}
#Checkout .cart-products .product-listing .product-controls .quantity,
#Checkout .cart-products .item-listing .product-controls .quantity,
#Checkout .cart-products .cash-listing .product-controls .quantity,
#Checkout .cart-products .loading-item .product-controls .quantity {
  text-shadow: 0 0 6px rgba(0,0,0,0.5);
}
#Checkout .cart-products .product-listing .product-controls a.subtract-product,
#Checkout .cart-products .item-listing .product-controls a.subtract-product,
#Checkout .cart-products .cash-listing .product-controls a.subtract-product,
#Checkout .cart-products .loading-item .product-controls a.subtract-product,
#Checkout .cart-products .product-listing .product-controls a.add-product,
#Checkout .cart-products .item-listing .product-controls a.add-product,
#Checkout .cart-products .cash-listing .product-controls a.add-product,
#Checkout .cart-products .loading-item .product-controls a.add-product {
  text-transform: uppercase;
  user-select: none;
  cursor: pointer;
  font-size: 28px;
  float: left;
  font-size: 8px;
  margin-top: 0px;
  color: #fff;
  font-weight: 200;
  background: #0b3182;
}
#Checkout .cart-products .product-listing .product-controls a.subtract-product:hover,
#Checkout .cart-products .item-listing .product-controls a.subtract-product:hover,
#Checkout .cart-products .cash-listing .product-controls a.subtract-product:hover,
#Checkout .cart-products .loading-item .product-controls a.subtract-product:hover,
#Checkout .cart-products .product-listing .product-controls a.add-product:hover,
#Checkout .cart-products .item-listing .product-controls a.add-product:hover,
#Checkout .cart-products .cash-listing .product-controls a.add-product:hover,
#Checkout .cart-products .loading-item .product-controls a.add-product:hover {
  color: #68baff;
  text-shadow: 0 0 6px rgba(0,0,0,0.05);
}
#Checkout .cart-products .product-listing .product-controls a.add-product,
#Checkout .cart-products .item-listing .product-controls a.add-product,
#Checkout .cart-products .cash-listing .product-controls a.add-product,
#Checkout .cart-products .loading-item .product-controls a.add-product {
  bottom: 30px;
}
@media screen and (max-width: 980px) {
  #Checkout .cart-products .product-listing .product-details,
  #Checkout .cart-products .item-listing .product-details,
  #Checkout .cart-products .cash-listing .product-details,
  #Checkout .cart-products .loading-item .product-details,
  #Checkout .cart-products .product-listing .product-controls,
  #Checkout .cart-products .item-listing .product-controls,
  #Checkout .cart-products .cash-listing .product-controls,
  #Checkout .cart-products .loading-item .product-controls {
    float: none;
    width: 100%;
    height: 40px;
  }
}
@media screen and (max-width: 450px) {
  #Checkout .cart-products .product-listing .product-details,
  #Checkout .cart-products .item-listing .product-details,
  #Checkout .cart-products .cash-listing .product-details,
  #Checkout .cart-products .loading-item .product-details {
    min-height: 50px;
  }
}
#Checkout .cart-products .loading-item {
  overflow: hidden;
  height: 157px !important;
  margin-top: 9px !important;
  margin-bottom: 8px !important;
}
#Checkout .cart-products .loading-item .swoosh {
  background: linear-gradient(to right, transparent, #ababab, transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 240px;
  left: -150px;
  opacity: 0.25;
  top: 0;
}
#Checkout .cart-products .loading-item i.licon.licon-picture,
#Checkout .cart-products .loading-item .description-line,
#Checkout .cart-products .loading-item .items-circle,
#Checkout .cart-products .loading-item .remove-line,
#Checkout .cart-products .loading-item .items-line,
#Checkout .cart-products .loading-item .price-line,
#Checkout .cart-products .loading-item .title-line {
  position: absolute;
}
#Checkout .cart-products .loading-item .picture-circle {
  top: 15px;
  left: 15px;
  width: 260px;
  height: 129px;
  font-size: 110px;
  position: absolute;
  background: #395171;
  border-radius: 1px;
}
#Checkout .cart-products .loading-item .title-line {
  background: #395171;
  position: absolute;
  top: 20px;
  left: 315px;
  height: 20px;
  width: 25%;
}
#Checkout .cart-products .loading-item .description-line {
  background: #395171;
  position: absolute;
  top: 60px;
  left: 315px;
  height: 20px;
  width: 40%;
}
#Checkout .cart-products .loading-item .items-circle {
  background: #395171;
  position: absolute;
  bottom: 23px;
  left: 315px;
  height: 20px;
  width: 20px;
  border-radius: 30px;
}
#Checkout .cart-products .loading-item .items-line {
  background: #395171;
  position: absolute;
  height: 17px;
  bottom: 25px;
  left: 350px;
  width: 90px;
}
#Checkout .cart-products .loading-item .price-line {
  background: #395171;
  position: absolute;
  bottom: 55px;
  right: 20px;
  height: 30px;
  width: 130px;
}
#Checkout .cart-products .loading-item .remove-line {
  background: #395171;
  position: absolute;
  bottom: 23px;
  right: 20px;
  height: 18px;
  width: 130px;
}
#Checkout .cart-products .cash-listing .crowd-title {
  margin: 0 !important;
}
#Checkout .cart-products .cash-listing .crowd-title i {
  color: #4da1ff;
  font-size: 26px;
}
#Checkout .cart-products .cash-listing .customize-link {
  bottom: 18px !important;
  right: 10px !important;
}
#Checkout .cart-products .product-features {
  position: absolute;
  border-radius: 0;
  padding-left: 0;
  left: 295px;
  bottom: 10px;
  float: left;
  width: 50%;
  padding: 0;
  z-index: 4;
  height: 26px;
  overflow: hidden;
}
#Checkout .cart-products .product-features .title {
  text-align: center;
}
#Checkout .cart-products .product-features .title .highlight {
  text-align: center;
  font-size: 17px;
  letter-spacing: 1px;
  padding: 10px 20px;
  margin: 0;
  display: inline-block;
  background: linear-gradient(to right, transparent 0%, rgba(10,57,105,0.38) 50%, transparent 100%);
  position: relative;
}
#Checkout .cart-products .product-features .title .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#Checkout .cart-products .product-features .title .border .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 100%;
  transform: skew(25deg);
  border-left: 2px solid #6495ed;
  border-radius: 0 10px;
}
#Checkout .cart-products .product-features .title .border .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
  transform: skew(-25deg);
  border-right: 2px solid #6495ed;
  border-radius: 10px 0;
}
#Checkout .cart-products .product-features .title .border .bottom {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 8px;
  border-bottom: 2px solid #4576c0;
  border-radius: 10px;
}
#Checkout .cart-products .product-features h4 {
  font-size: 20px;
  margin: 0 0px 10px 10px;
  padding: 10px 10px 0px 10px;
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,0.33);
  letter-spacing: 1px;
}
#Checkout .cart-products .product-features ul {
  margin-left: 20px;
}
#Checkout .cart-products .product-features ul li {
  color: #68baff;
  float: left;
  margin: 0 15px 10px 21px;
  font-size: 15px;
  text-shadow: 0 0 10px rgba(104,186,255,0.36);
  font-weight: 200;
  letter-spacing: 0.8px;
  transition: 100ms;
  position: relative;
}
#Checkout .cart-products .product-features ul li.theresmore {
  margin: 4px 0px 10px 0px !important;
  cursor: default;
}
#Checkout .cart-products .product-features ul li i {
  position: absolute;
  font-size: 14px;
  margin: 10px;
  color: #fff;
  left: -30px;
  top: -6px;
}
#Checkout .cart-products .product-features ul li a .backing {
  width: 2px;
  height: 17px;
  position: absolute;
  display: inline-block;
  box-shadow: 0 0 1px #1e63d9;
  border-right: 1px solid #68baff;
  border-left: 1px solid #68baff;
  transition: 200ms 200ms;
  margin: 3px 5px 0 0;
  background: #072c61;
  border-radius: 1px;
  z-index: -1;
}
#Checkout .cart-products .product-features ul li a span {
  top: 4px;
  position: relative;
  padding: 0 7px 0 10px;
}
#Checkout .cart-products .product-features ul li a:hover {
  color: #cbe7ff;
}
#Checkout .cart-products .product-features ul li a:hover .backing {
  width: 100%;
}
#Checkout .cart-products .product-features ul li a:hover i {
  color: #cbe7ff;
}
#Checkout .cart-products .product-features .background {
  position: absolute;
  background: url("/assets/img/video-overlay.png") #002b56 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.2;
}
#Checkout .cart-products .product-features .borders {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Checkout .cart-products .product-features .borders .top,
#Checkout .cart-products .product-features .borders .left,
#Checkout .cart-products .product-features .borders .bottom,
#Checkout .cart-products .product-features .borders .right,
#Checkout .cart-products .product-features .borders .topline {
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Checkout .cart-products .product-features .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Checkout .cart-products .product-features .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Checkout .cart-products .product-features .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Checkout .cart-products .product-features .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Checkout .cart-products .product-features .borders .topline {
  right: 0;
  top: 0;
  height: 2px;
  width: 20%;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Checkout .cart-products .quantity-controls {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 70px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  #Checkout .cart-products .quantity-controls {
    top: 193px;
    right: 19px !important;
  }
}
#Checkout .cart-products .quantity-controls .quantity-counter {
  width: 35px;
  border: none;
  outline: none;
  color: #fff;
  font-size: 12px;
  border-radius: 0;
  padding: 5px 10px;
  font-family: 'Orbitron';
  background: #0e3369;
  border: 1px solid #7e9cd6;
  text-shadow: 0 0 1px rgba(139,189,227,0.49);
}
#Checkout .cart-products .quantity-controls .quantity {
  float: left;
  position: initial;
}
#Checkout .cart-products .quantity-controls .limit {
  position: absolute !important;
  font-size: 10px !important;
  color: #c2dbff !important;
  right: 0px !important;
  top: 36px;
}
#Checkout .cart-products .quantity-controls .add-product,
#Checkout .cart-products .quantity-controls .subtract-product {
  position: absolute;
  padding: 0 7px;
  color: #acc;
  background: #fff;
  text-shadow: none;
  font-size: 9px;
  height: 10px;
  right: 0;
  margin: 0;
}
#Checkout .cart-products .quantity-controls .add-product {
  border-radius: 0 2px 0 0;
  top: 1px;
  margin: 0;
  font-size: 9px;
  padding: 3px 9px;
  border-bottom: 0;
}
#Checkout .cart-products .quantity-controls .subtract-product {
  border-radius: 0 0 2px 0;
  bottom: 0;
  padding: 1px 9px 0;
  border-top: 0;
}
#Checkout .cart-products .quantity-controls .box-borders .bottom {
  left: 0 !important;
}
#Checkout .cart-products .product-link {
  position: absolute;
  font-size: 14px;
  right: 21px;
  bottom: 1px;
  text-transform: uppercase;
  cursor: pointer;
  color: #57699a;
}
#Checkout .cart-products .cart-title {
  margin: 0;
  padding: 0 !important;
  font-size: 32px;
  line-height: 38px;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
  text-align: right;
}
#Checkout .cart-products .cart-title .items-in-cart {
  display: inline-block;
}
#Checkout .cart-products .cart-title span {
  float: left;
  cursor: default;
  color: #fff;
  font-weight: 600;
  letter-spacing: 2px;
  margin-right: 20px;
}
#Checkout .cart-products .cart-title small {
  margin-left: 5px;
}
#Checkout .cart-products #StoreItems .hashAncor {
  background: linear-gradient(to right, #0f2033, #000, #0f2033);
}
#Checkout .cart-products #StoreItems li #ProductImages img {
  width: 100%;
}
#Checkout .cart-products #StoreItems li .title .highlight span {
  left: 0 !important;
}
#Checkout .cart-products #StoreItems li .crowd-box {
  position: relative;
  height: 70px;
  font-size: 13px;
  top: 0;
  border-bottom: 1px solid #212931 !important;
  background: linear-gradient(to bottom, rgba(22,67,119,0.99) 34%, rgba(0,30,66,0.64) 100%);
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  width: 21%;
  min-width: auto;
  margin: 0% 0% !important;
}
#Checkout .cart-products #StoreItems li .crowd-description {
  font-size: 14px;
  font-weight: 300;
  transition: all 0.2s ease;
  padding: 0 15px;
  letter-spacing: 0.35px;
  text-shadow: 0 0 2px rgba(22,47,78,0.1);
  line-height: 20px !important;
  color: #9db3d2 !important;
  margin-top: 30px;
}
#Checkout .cart-products #StoreItems li .product-controls {
  position: absolute;
  right: 0;
  width: 90%;
  padding: 0 5%;
  bottom: 0px;
  height: 60px;
  border-top: 1px solid #265192;
  background: linear-gradient(to bottom, #133155 0%, #103767 100%);
}
#Checkout .cart-products #StoreItems .add-item {
  position: relative;
  height: 70px;
  top: 0;
  border: 2px dashed #425a71 !important;
  background: linear-gradient(to bottom, rgba(22,67,119,0.59) 34%, rgba(0,30,66,0.64) 100%);
  display: inline-block;
  border-radius: 5px;
  width: 21%;
  min-width: auto;
  margin: 2% 2.5% !important;
}
#Checkout .cart-products #StoreItems .add-item .icon {
  text-align: center;
  font-size: 30px;
  color: rgba(255,255,255,0.85);
}
#Checkout .cart-products #StoreItems .add-item .label {
  text-align: center;
  font-size: 21px;
  color: #fff;
  margin-top: 7px;
}
#Checkout .product-images {
  z-index: 1;
  float: left;
  width: 295px;
  height: 155px;
  overflow: hidden;
  max-height: 500px;
  text-align: center;
  position: relative;
  background: rgba(0,0,0,0.26);
  border: 1px solid #385dc4;
}
@media screen and (max-width: 980px) {
  #Checkout .product-images {
    float: left;
    width: 95%;
    max-height: 630px;
    margin: 2%;
    overflow: hidden;
    text-align: center;
    background: rgba(0,0,0,0.26);
    border-right: 1px solid #284d8a;
    position: relative;
    z-index: 1;
  }
}
#Checkout .product-images img {
  position: relative;
  max-width: 100%;
  max-height: 100%;
}
#Checkout .undo-remove .product-images {
  margin-top: 3px !important;
  border: 1px solid #284d8a !important;
}
#Checkout #Shipping .preview {
  padding: 15px 25px;
  border: 1px solid #1e63d9;
  box-shadow: 0 0 1px #2b3f60;
  color: #fff;
  letter-spacing: 1px;
  font-weight: 500;
  background: #09132d;
  margin-bottom: 20px;
  cursor: pointer;
}
#Checkout #Shipping .preview .top {
  font-weight: 300;
  color: #4a8dff;
  font-size: 19px;
  letter-spacing: 1.8px;
  line-height: 28px;
}
#Checkout #Shipping .preview .top i {
  color: #fff;
  margin-right: 15px;
  font-size: 26px;
}
#Checkout #Shipping .preview .address {
  padding: 10px;
  text-shadow: 0 0 3px #0a162b;
  letter-spacing: 1px;
  font-weight: 300;
  font-size: 14px;
}
#Checkout #Shipping .preview .address span {
  margin: 0 3px;
}
#Checkout #Shipping .preview .right {
  float: right;
}
#Checkout #Shipping .preview .right button {
  width: 26px;
  height: 26px;
  border-radius: 25px;
  background: #0e1b3e;
  border: none;
  color: #fff;
  padding: 7px;
  position: absolute;
  top: 35px;
  right: 30px;
}
#Checkout #Shipping .inside {
  max-height: 0;
  overflow: hidden;
}
#Checkout #Shipping .inside label {
  margin-top: 14px;
  font-weight: 500;
  color: #6495ed;
  text-align: left;
  margin: 10px 0;
  letter-spacing: 0.7px;
}
#Checkout #Shipping .inside input,
#Checkout #Shipping .inside .selectable {
  width: 100% !important;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 300;
  margin: 10px 0 20px 0;
  transition: 200ms;
  color: #68abde;
  border: 1px solid #172567;
  padding: 12px;
  font-size: 15px;
}
#Checkout #Shipping .inside input:-webkit-autofill,
#Checkout #Shipping .inside .selectable:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#Checkout #Shipping .inside input:focus,
#Checkout #Shipping .inside .selectable:focus {
  color: #fff !important;
  border: 1px solid #6495ed !important;
  border-left: 3px solid #fff !important;
  background: #111640;
}
#Checkout #Shipping .inside input::placeholder,
#Checkout #Shipping .inside .selectable::placeholder {
  color: #88adde;
}
#Checkout #Shipping .inside select.selectable {
  height: 45px;
}
#Checkout #Shipping .inside button.selectable {
  height: 45px;
  background: #173c94;
  font-weight: bold;
  color: #fff;
}
#Checkout #AccountHelp {
  margin-top: 1% !important;
}
#PaymentWindow #AccountPayment .account-credits {
  margin-bottom: 20px !important;
}
#PaymentWindow #AccountPayment .account-prompt {
  color: #fff;
}
#PaymentWindow #AccountPayment .credit-title {
  font-weight: 300;
  font-size: 16px;
}
#PaymentWindow #AccountPayment .amount,
#PaymentWindow #AccountPayment .cart-amount {
  color: #fff;
  font-weight: 300;
  font-size: 19px;
  text-shadow: 0px 1px 2px #000;
}
#PaymentWindow #AccountPayment .account-credits .amount {
  bottom: auto;
  top: 5px;
}
#PaymentWindow #AccountPayment .account-credits hr {
  border-color: #284f87 !important;
  border-bottom: none;
  position: absolute;
  width: 80%;
  top: 35px;
  left: 10%;
  margin: 0;
}
#PaymentWindow .account-credits {
  border: 1px solid #e2e2e2;
  background: #284f87;
  position: relative;
  margin-bottom: 20px;
  border-radius: 4px;
  min-height: 76px;
  border-radius: 0;
  padding: 0px;
}
#PaymentWindow #PayPalPayment .account-credits {
  height: 35px;
  min-height: auto;
  margin: 20px 0 !important;
}
#PaymentWindow #PayPalPayment h2 {
  margin-top: 15px;
}
#PaymentWindow .spinningLogo {
  top: 15px;
  margin: auto;
  width: 120px;
  height: 90px;
  position: relative;
  animation-duration: 5s;
  animation-name: rotateAround;
  animation-iteration-count: infinite;
}
.undo-remove {
  margin-bottom: 15px !important;
}
.undo-remove .product-images {
  width: 25px !important;
  height: 25px !important;
  margin-right: 15px;
}
@media screen and (max-width: 1200px) {
  #Checkout .row.large {
    width: 100% !important;
  }
  #Checkout .row.small {
    display: none !important;
  }
}
@media screen and (max-width: 980px) {
  .newID {
    height: 95%;
  }
  #Checkout #NewId {
    width: 98% !important;
    padding: 1% 1% 2% 1% !important;
    margin: 5% 0 5% 0 !important;
  }
  #Checkout #NewId .newID {
    height: 93%;
  }
  #Step1 h2,
  #Step2 h2,
  #Step3 h2,
  #Step4 h2 {
    margin: 0 0 25px 0 !important;
  }
  .product-details {
    padding: 1% 2% 8% 2% !important;
    min-height: 80px !important;
    height: 75% !important;
    width: 96% !important;
  }
  .cart-products .product-listing,
  .cart-products .item-listing {
    height: auto !important;
  }
  .product-controls span {
    left: 12px !important;
    color: #fff;
    position: absolute;
    font-size: 19px;
  }
  .crowd-description {
    padding: 5px 2px 10px;
  }
  .product-features {
    left: 0 !important;
  }
  .price-line,
  .remove-line {
    display: none !important;
  }
  .crowd-title {
    margin-bottom: 0 !important;
  }
}
@media screen and (max-width: 768px) {
  #Checkout .payment-options {
    margin: 7% auto 10% auto !important;
  }
  #Checkout .product-details {
    padding: 4% !important;
    width: 94% !important;
  }
}
@media screen and (max-width: 400px) {
  #Checkout .payment-options {
    margin: 7% auto 10% auto !important;
  }
  #Checkout .payment-options ul {
    margin-bottom: 30px;
  }
  #Checkout .payment-options li {
    width: 42% !important;
  }
  #Checkout .cart-products li {
    height: auto !important;
  }
  #Checkout .crowd-description {
    top: 50px;
    width: 85%;
    bottom: 20px;
    position: absolute;
  }
  #Checkout .product-details {
    min-height: 80px !important;
    padding: 4% !important;
  }
  .purchase-title {
    font-size: 25px;
  }
}
.shop-link {
  top: 5px !important;
}
.loader #ItemDetails {
  height: 110px;
  min-height: auto !important;
  margin-bottom: 10px !important;
}
#Product * {
  z-index: 1;
}
#Product *#ProductImages,
#Product * #Items,
#Product * #Features,
#Product * #Features h1 {
  position: relative;
}
#Product .container {
  padding-bottom: 0;
  margin-bottom: 35px;
}
#Product .crowd-box {
  border-bottom: none !important;
  border: none !important;
}
#Product .col-1 {
  width: 25%;
  display: inline-block;
}
#Product .col-2 {
  width: 70%;
  margin-left: 4%;
  display: inline-block;
}
#Product .col-2 #ProductDetails {
  margin: 0% 0% 3% 0 !important;
}
#Product .loader {
  width: auto !important;
}
#Product > #contentpage > .container {
  padding: 0;
}
@media screen and (max-width: 850px) {
  #Product .col-1,
  #Product .col-2 {
    width: 100% !important;
    margin: 0;
  }
}
#Product #contentpage .container {
  padding-bottom: 0;
  padding-top: 0;
}
#Product li {
  list-style: none;
}
#Product .title-row {
  position: relative;
  background: #24292f;
  margin: 0 0 4% 0;
}
#Product .title-row .border {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Product .title-row .border .top,
#Product .title-row .border .left,
#Product .title-row .border .bottom,
#Product .title-row .border .right,
#Product .title-row .border .top-line,
#Product .title-row .border .bottom-line {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Product .title-row .border .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
}
#Product .title-row .border .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Product .title-row .border .left {
  left: 0;
  height: 100%;
  width: 1px;
}
#Product .title-row .border .right {
  right: 0;
  height: 100%;
  width: 1px;
}
#Product .title-row .border .top-line {
  width: 150px;
  height: 4px;
}
#Product .title-row .border .bottom-line {
  left: 20%;
  bottom: -2px;
  height: 3px;
  background: linear-gradient(to bottom, rgba(0,82,222,0.4), #0867ff);
  width: 60%;
}
#Product .title-row .background {
  background: rgba(0,24,64,0.58);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.1;
}
#Product #SingleProduct {
  float: left;
  width: 100%;
  min-height: 500px;
  margin: 4% 0;
  margin-top: 0 !important;
}
#Product #SingleProduct .Seperator {
  margin: 2%;
  width: 96%;
  text-align: center;
}
#Product #SingleProduct .Seperator .bottom {
  height: 1px;
  width: 30%;
  display: inline-block;
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Product #SingleProduct #Price {
  color: #c5e5f3;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 0 6px rgba(218,238,255,0.35);
  font-size: 30px;
  top: initial;
  padding: 0;
}
#Product #SingleProduct #Price ul {
  font-size: 11px;
  margin-top: 10px;
  position: relative;
  border: 1px solid rgba(131,207,231,0.14);
  border-radius: 2px;
  background: #084967;
  height: 27px;
  overflow: hidden;
}
#Product #SingleProduct #Price ul li {
  cursor: pointer;
  display: inline-block;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 20px;
}
#Product #SingleProduct #Price ul li.label {
  position: relative;
  z-index: 2;
}
#Product #SingleProduct #Price ul li.selector {
  width: 22px;
  background: #084967;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #256c9a;
  margin: 0;
  z-index: -1;
}
#Product #SingleProduct #Price ul li:hover,
#Product #SingleProduct #Price ul li.active {
  background: #256c9a;
}
#Product .buttoncontrols {
  float: left;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
  font-weight: 700;
  letter-spacing: 1px;
  width: 100%;
  margin: 5% 0;
}
#Product .buttoncontrols .next {
  float: right !important;
}
#Product .buttoncontrols .zoom {
  margin: 0 3%;
}
#Product .buttoncontrols .next,
#Product .buttoncontrols .prev,
#Product .buttoncontrols .zoom {
  float: left;
  padding: 10px;
  position: relative;
  cursor: pointer;
}
#Product .buttoncontrols .next span,
#Product .buttoncontrols .prev span,
#Product .buttoncontrols .zoom span {
  font-size: 14px;
  margin: 10px;
  font-weight: 300;
  color: #2e88d2;
  text-transform: capitalize;
  transition: 200ms;
}
#Product .buttoncontrols .next i,
#Product .buttoncontrols .prev i,
#Product .buttoncontrols .zoom i {
  transition: 200ms;
  padding: 7px 7px;
  border-radius: 31px;
  font-size: 12px;
  color: #3e80f1;
  text-shadow: 0 0 5px #163573;
}
#Product .buttoncontrols .next .box-borders *,
#Product .buttoncontrols .prev .box-borders *,
#Product .buttoncontrols .zoom .box-borders * {
  transition: 300ms;
}
#Product .buttoncontrols .next .swoosh,
#Product .buttoncontrols .prev .swoosh,
#Product .buttoncontrols .zoom .swoosh {
  top: 0%;
  left: 0%;
  width: 1px;
  opacity: 0;
  z-index: -1;
  height: 100%;
  position: absolute;
  background: rgba(30,99,217,0.23);
  box-shadow: 0 0 20px 5px rgba(30,99,217,0.33);
}
#Product .buttoncontrols .next .background,
#Product .buttoncontrols .prev .background,
#Product .buttoncontrols .zoom .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.4;
}
#Product .buttoncontrols .next:hover span,
#Product .buttoncontrols .prev:hover span,
#Product .buttoncontrols .zoom:hover span {
  color: #fff;
}
#Product .buttoncontrols .next:hover i,
#Product .buttoncontrols .prev:hover i,
#Product .buttoncontrols .zoom:hover i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
#Product .buttoncontrols .next:hover .box-borders .top,
#Product .buttoncontrols .prev:hover .box-borders .top,
#Product .buttoncontrols .zoom:hover .box-borders .top,
#Product .buttoncontrols .next:hover .box-borders .left,
#Product .buttoncontrols .prev:hover .box-borders .left,
#Product .buttoncontrols .zoom:hover .box-borders .left,
#Product .buttoncontrols .next:hover .box-borders .bottom,
#Product .buttoncontrols .prev:hover .box-borders .bottom,
#Product .buttoncontrols .zoom:hover .box-borders .bottom,
#Product .buttoncontrols .next:hover .box-borders .right,
#Product .buttoncontrols .prev:hover .box-borders .right,
#Product .buttoncontrols .zoom:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#Product .buttoncontrols .next:active .swoosh,
#Product .buttoncontrols .prev:active .swoosh,
#Product .buttoncontrols .zoom:active .swoosh,
#Product .buttoncontrols .next:hover .swoosh,
#Product .buttoncontrols .prev:hover .swoosh,
#Product .buttoncontrols .zoom:hover .swoosh {
  left: 100%;
  animation-delay: 0s;
  animation-name: swoosh;
  animation-duration: 2s;
}
#Product #FeaturedSidebar {
  float: left;
  width: 20%;
}
@media screen and (max-width: 1200px) {
  #Product #FeaturedSidebar {
    display: none;
  }
}
#Product #FeaturedSidebar .highlight {
  font-size: 25px !important;
  text-align: center;
  padding: 0;
  margin: 20px;
}
#Product #FeaturedSidebar .highlight.hidden {
  overflow: hidden;
  display: inline-block;
  max-height: 0px;
  border-bottom: 1px solid #33597d;
}
#Product #FeaturedSidebar .crowd-box:hover {
  box-shadow: 0px 0px 30px rgba(0,0,0,0) !important;
}
#Product #FeaturedSidebar .crowd-title {
  padding: 15px 0 6px 15px !important;
  text-align: left !important;
  letter-spacing: 0px !important;
}
#Product #FeaturedSidebar .product_listings {
  text-align: center;
  max-width: 300px !important;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  #Product #FeaturedSidebar .product_listings .crowd-images {
    margin-right: 20px;
  }
}
#Product #FeaturedSidebar .product_listings .crowd-images .slide {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  #Product #FeaturedSidebar .product_listings li {
    min-height: 75px;
    height: 100px;
    width: 100%;
    margin: 0 !important;
  }
}
#Product #FeaturedSidebar .product_listings:hover {
  box-shadow: none !important;
}
#Product #FeaturedSidebar .item_listings {
  float: left;
  width: 100%;
  margin: 4% 0;
  text-align: center !important;
  padding-bottom: 27px;
  z-index: auto;
}
#Product #FeaturedSidebar .item_listings li {
  display: inline-block;
  max-width: 220px;
  width: 100%;
  min-height: 203px !important;
  position: relative;
  font-size: 13px;
  top: 0;
  margin: 2% 2% !important;
  border-bottom: 1px solid #212931 !important;
  background: linear-gradient(to bottom, rgba(22,67,119,0.99) 34%, rgba(0,30,66,0.64) 100%) !important;
}
#Product #FeaturedSidebar .item_listings li .slide {
  width: 100% !important;
}
#Product #FeaturedSidebar .item_listings li .crowd-description {
  color: #9db3d2;
  line-height: 20px;
  font-weight: 300;
  transition: 400ms ease-in-out;
  opacity: 0;
  line-height: 18px;
  padding: 0 12px;
  margin-top: 20px;
}
#Product #FeaturedSidebar .item_listings li .crowd-description a {
  position: relative;
  z-index: 10;
}
#Product #FeaturedSidebar .item_listings li .crowd-title {
  transition: 400ms ease-in-out !important;
}
#Product #FeaturedSidebar .item_listings li .crowd-images {
  float: left;
  margin-right: 0;
  margin-bottom: 15px;
}
#Product #FeaturedSidebar .item_listings li #ProductImages {
  overflow: hidden;
  min-height: 130px;
  padding: 0;
  transition: 400ms ease-in-out;
}
#Product #FeaturedSidebar .item_listings li #ProductImages li {
  width: 100%;
}
#Product #FeaturedSidebar .item_listings li #ProductImages li img {
  box-shadow: none !important;
  width: 100%;
}
#Product #FeaturedSidebar .item_listings li:hover #ProductImages {
  height: 0px;
  opacity: 1;
  padding: 0 !important;
}
#Product #FeaturedSidebar .item_listings li:hover .crowd-title {
  top: 0;
}
#Product #FeaturedSidebar .item_listings li:hover .crowd-description {
  opacity: 1;
}
#Product #FeaturedSidebar .controls {
  position: absolute;
  top: 50%;
}
#Product #FeaturedSidebar .controls .next,
#Product #FeaturedSidebar .controls .prev {
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#Product #FeaturedSidebar .controls .next span,
#Product #FeaturedSidebar .controls .prev span {
  font-size: 16px;
}
#Product #FeaturedSidebar .controls .next i,
#Product #FeaturedSidebar .controls .prev i {
  margin: 0 8px 0 8px;
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 12px;
  color: #2e88d2;
}
#Product #FeaturedSidebar .controls .next:hover i,
#Product #FeaturedSidebar .controls .prev:hover i {
  background: rgba(50,67,86,0.89);
}
#Product #FeaturedSidebar .controls .next {
  float: right;
}
#Product #FeaturedSidebar .controls .next i {
  margin-right: 0 !important;
}
#Product #FeaturedSidebar .controls .prev {
  float: left;
}
#Product #FeaturedSidebar .controls span {
  color: #2e88d2;
}
@media screen and (max-width: 768px) {
  #Product .crowd-title {
    width: 90% !important;
  }
  #Product .shop-link {
    display: none !important;
  }
  #Product .crowd-pleaser {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 90%;
    padding: 0 3%;
    top: auto;
  }
  #Product .crowd-buy {
    bottom: 85px;
  }
}
#Product .back-link {
  position: relative;
  top: -11px;
}
#Product .shop-link {
  text-transform: uppercase;
  color: #419be8;
  font-size: 14px;
  padding: 18px 15px 8px 10px;
  transition: 100ms;
}
#Product .shop-link span {
  transition: 100ms;
}
#Product .shop-link .back-to-shop {
  text-transform: uppercase;
  margin: 0 0 0 10px;
}
#Product .shop-link:hover,
#Product .shop-link:active {
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
}
#Product .shop-link :after {
  background: #00f;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#Product .shop-link .arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 4px;
  font-size: 16px;
}
#Product .shop-link .arrows .one,
#Product .shop-link .arrows .two,
#Product .shop-link .arrows .three {
  position: absolute;
}
#Product .shop-link .arrows .one {
  transition: 100ms 66ms;
}
#Product .shop-link .arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
#Product .shop-link .arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
#Product .shop-link:hover .arrows {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
#Product .shop-link:hover span {
  color: #fff;
  text-shadow: 0 0 13px #6495ed;
}
#Product .back-to-shop {
  text-transform: uppercase;
  margin: 20px 0 0 10px;
  font-weight: 300;
  font-size: 17px;
  letter-spacing: 1.5px;
  float: right;
}
#Product .product-box {
  background: #00f;
  border: 1px solid #87ceeb;
}
#Product #Sale {
  position: absolute;
  bottom: 11px;
  right: 20px;
}
#Product #ProductImages {
  min-height: 75px;
  margin-right: 0;
  width: 99%;
  margin: 0 0 0 0;
  padding: 1%;
  position: relative;
  background: rgba(0,0,0,0.5) !important;
  border-radius: 3px;
  z-index: 0;
  cursor: pointer;
}
#Product #ProductImages .borders {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Product #ProductImages .borders .top,
#Product #ProductImages .borders .left,
#Product #ProductImages .borders .bottom,
#Product #ProductImages .borders .right {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Product #ProductImages .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Product #ProductImages .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Product #ProductImages .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #ProductImages .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #ProductImages .background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
}
#Product #ProductImages .indicator {
  position: absolute;
  top: 1px;
  left: 0;
  height: 7px;
  width: 50%;
  border-radius: 10px;
}
#Product #ProductImages .indicator li {
  height: 2px;
  float: left;
  cursor: pointer;
  transition: 150ms;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
  position: relative;
}
#Product #ProductImages .indicator li .right-hook,
#Product #ProductImages .indicator li .left-hook {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 3px 8px;
  border-color: transparent transparent transparent #145edb;
}
#Product #ProductImages .indicator li .right-hook.right-hook,
#Product #ProductImages .indicator li .left-hook.right-hook {
  right: -8px;
}
#Product #ProductImages .indicator li .right-hook.left-hook,
#Product #ProductImages .indicator li .left-hook.left-hook {
  left: -8px;
  border-width: 0px 8px 3px 0;
  border-color: transparent #145ddb transparent transparent;
}
#Product #ProductImages .indicator li:first-child .left-hook {
  display: none;
}
#Product #ProductImages .indicator li.inactive {
  background: transparent;
  box-shadow: none;
}
#Product #ProductImages .indicator li.inactive .right-hook,
#Product #ProductImages .indicator li.inactive .left-hook {
  opacity: 0;
}
#Product #ProductImages .zoomy {
  position: absolute;
  bottom: 15px;
  right: 10px;
  font-size: 16px;
  height: 25px;
  width: 25px;
}
#Product #ProductImages .controls {
  color: #2e88d2;
  float: left;
  margin: 0;
  font-size: 15px;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
  font-weight: 700;
  letter-spacing: 1px;
  width: 100%;
  position: relative;
  text-align: center;
}
#Product #ProductImages .controls .next,
#Product #ProductImages .controls .prev,
#Product #ProductImages .controls .zoom {
  right: 0;
  position: absolute;
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#Product #ProductImages .controls .next span,
#Product #ProductImages .controls .prev span,
#Product #ProductImages .controls .zoom span {
  top: 5px;
  font-size: 16px;
  position: relative;
}
#Product #ProductImages .controls .next i,
#Product #ProductImages .controls .prev i,
#Product #ProductImages .controls .zoom i {
  margin: 4px;
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 12px;
  color: #2e88d2;
}
#Product #ProductImages .controls .next:hover i,
#Product #ProductImages .controls .prev:hover i,
#Product #ProductImages .controls .zoom:hover i {
  background: rgba(50,67,86,0.89);
}
#Product #ProductImages .controls .next {
  top: 0;
  float: right;
}
#Product #ProductImages .controls .next i {
  margin-right: 0 !important;
}
#Product #ProductImages .controls .prev {
  float: left;
  right: auto;
  left: 0;
  top: 0;
}
#Product #ProductImages .controls span {
  color: #2e88d2;
}
#Product #ProductImages img {
  pointer-events: none;
  box-shadow: none;
  max-width: 100%;
  width: 100%;
}
#Product #ProductImages ul.main {
  background: #02122f;
  border: lpx solid #335796;
}
#Product #ProductImages ul.thumbnail {
  text-align: center;
  width: 70%;
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 100px;
}
#Product #ProductImages ul.thumbnail li {
  width: 100px;
  height: 50px;
  display: inline-block;
  margin: 4% 10px;
  background: #02122f;
  border: 1px solid #507dcc;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
  border-radius: 2px;
}
#Product #ProductImages ul.thumbnail li img {
  pointer-events: none;
  box-shadow: none;
  max-width: 100%;
  width: 100%;
  vertical-align: text-bottom;
}
#Product #ProductImages li {
  text-align: center;
}
#Product #ProductDetails,
#Product #ProductPrices,
#Product #PointsList,
#Product #PurchaseButton {
  padding: 0px !important;
  min-height: auto;
  width: 100%;
  border-radius: 0;
  position: relative;
  background: #000 !important;
  display: inline-block;
  min-width: auto !important;
  margin: 0% 0% 14% 0;
  margin-bottom: 16px !important;
}
#Product #ProductDetails .background,
#Product #ProductPrices .background,
#Product #PointsList .background,
#Product #PurchaseButton .background {
  position: absolute;
  background: url("/assets/img/line-overlay.png") #0055bd !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
}
#Product #ProductDetails .borders,
#Product #ProductPrices .borders,
#Product #PointsList .borders,
#Product #PurchaseButton .borders {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Product #ProductDetails .borders .top,
#Product #ProductPrices .borders .top,
#Product #PointsList .borders .top,
#Product #PurchaseButton .borders .top,
#Product #ProductDetails .borders .left,
#Product #ProductPrices .borders .left,
#Product #PointsList .borders .left,
#Product #PurchaseButton .borders .left,
#Product #ProductDetails .borders .bottom,
#Product #ProductPrices .borders .bottom,
#Product #PointsList .borders .bottom,
#Product #PurchaseButton .borders .bottom,
#Product #ProductDetails .borders .right,
#Product #ProductPrices .borders .right,
#Product #PointsList .borders .right,
#Product #PurchaseButton .borders .right,
#Product #ProductDetails .borders .topline,
#Product #ProductPrices .borders .topline,
#Product #PointsList .borders .topline,
#Product #PurchaseButton .borders .topline,
#Product #ProductDetails .borders .bottomline,
#Product #ProductPrices .borders .bottomline,
#Product #PointsList .borders .bottomline,
#Product #PurchaseButton .borders .bottomline {
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Product #ProductDetails .borders .top,
#Product #ProductPrices .borders .top,
#Product #PointsList .borders .top,
#Product #PurchaseButton .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Product #ProductDetails .borders .bottom,
#Product #ProductPrices .borders .bottom,
#Product #PointsList .borders .bottom,
#Product #PurchaseButton .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Product #ProductDetails .borders .left,
#Product #ProductPrices .borders .left,
#Product #PointsList .borders .left,
#Product #PurchaseButton .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #ProductDetails .borders .right,
#Product #ProductPrices .borders .right,
#Product #PointsList .borders .right,
#Product #PurchaseButton .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #ProductDetails .borders .topline,
#Product #ProductPrices .borders .topline,
#Product #PointsList .borders .topline,
#Product #PurchaseButton .borders .topline {
  right: 0;
  top: 0;
  height: 2px;
  width: 20%;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Product #ProductDetails .borders .bottomline,
#Product #ProductPrices .borders .bottomline,
#Product #PointsList .borders .bottomline,
#Product #PurchaseButton .borders .bottomline {
  right: 0;
  bottom: 0;
  height: 2px;
  width: 20%;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Product #ProductDetails .crowd-description,
#Product #ProductPrices .crowd-description,
#Product #PointsList .crowd-description,
#Product #PurchaseButton .crowd-description {
  margin: 15px;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  padding: 3px 0;
  color: #c2dbff;
  transition: 200ms;
}
#Product #ProductDetails .borders,
#Product #ProductPrices .borders,
#Product #PointsList .borders,
#Product #PurchaseButton .borders {
  position: absolute;
  top: 0;
}
#Product #ProductDetails .borders .left-border,
#Product #ProductPrices .borders .left-border,
#Product #PointsList .borders .left-border,
#Product #PurchaseButton .borders .left-border {
  width: 1px;
  height: 100px;
  left: -10px;
  top: -19px;
  background: linear-gradient(to bottom, rgba(22,67,119,0) 0%, #9ad5ff 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Product #ProductDetails .borders .top-border,
#Product #ProductPrices .borders .top-border,
#Product #PointsList .borders .top-border,
#Product #PurchaseButton .borders .top-border {
  width: 260px;
  height: 1px;
  left: -30px;
  top: 0px;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #9ad5ff 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Product #ProductDetails #Price,
#Product #ProductPrices #Price,
#Product #PointsList #Price,
#Product #PurchaseButton #Price {
  height: 40px;
  margin: 8px 15px;
}
#Product #ProductDetails #Price span,
#Product #ProductPrices #Price span,
#Product #PointsList #Price span,
#Product #PurchaseButton #Price span {
  font-size: 28px;
  color: #5ba7ff;
  top: 7px;
  position: relative;
  font-weight: 400;
  font-family: 'Roboto';
  text-shadow: none;
}
@media screen and (max-width: 1200px) {
  #Product #ProductDetails #Price span,
  #Product #ProductPrices #Price span,
  #Product #PointsList #Price span,
  #Product #PurchaseButton #Price span {
    font-size: 20px;
    top: 5px;
  }
}
#Product #PointsList {
  color: #b1b16e;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  width: 94%;
  margin: 0px;
  background: #000;
  position: relative;
  margin-bottom: 16px !important;
  padding: 20px 0px 10px 6% !important;
}
#Product #PointsList .PointsTitle {
  margin: 12px 15px 0px 0px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  text-align: left;
  padding: 3px 0;
  color: #e0e2e6;
  text-transform: uppercase;
  font-size: 13px;
}
#Product #PointsList ul {
  color: #54accf !important;
}
#Product #PointsList ul li {
  z-index: 5;
  position: relative;
  margin: 4% 0% !important;
}
#Product #PointsList ul li span {
  cursor: pointer;
}
#Product #PointsList ul li .hover {
  overflow: hidden;
  transition: 160ms;
  left: -15px;
  z-index: 100;
  padding: 4px;
  font-size: 12px;
  margin-top: 5px;
  line-height: 19px;
  color: #c2dbff;
  letter-spacing: 1px;
  pointer-events: none;
  text-transform: initial;
  width: 95%;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 0;
  max-height: 0px;
  padding: 0;
}
#Product #PointsList ul li:hover .hover {
  opacity: 1;
}
#Product #PointsList .borders {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Product #PointsList .borders .top,
#Product #PointsList .borders .left,
#Product #PointsList .borders .bottom,
#Product #PointsList .borders .right {
  z-index: 2;
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Product #PointsList .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Product #PointsList .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Product #PointsList .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #PointsList .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #Currency {
  position: absolute;
  float: left;
  right: 6px;
  bottom: 10px;
  text-align: right;
  padding: 5px;
}
@media screen and (max-width: 980px) {
  #Product #Currency {
    bottom: auto;
    top: 10px;
  }
}
#Product #Currency ul {
  top: auto;
  right: 0px;
  width: 99.5%;
}
#Product #Currency ul li {
  width: 100%;
}
#Product #Beta,
#Product #SystemRequirements,
#Product #Requirements,
#Product #Stock,
#Product #Limit,
#Product #LimitedTimeNotice {
  margin: 4% 6% !important;
  color: #46c72f;
  line-height: 18px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  opacity: 0.8;
}
#Product #Beta b,
#Product #SystemRequirements b,
#Product #Requirements b,
#Product #Stock b,
#Product #Limit b,
#Product #LimitedTimeNotice b,
#Product #Beta p,
#Product #SystemRequirements p,
#Product #Requirements p,
#Product #Stock p,
#Product #Limit p,
#Product #LimitedTimeNotice p {
  font-size: 13px;
  letter-spacing: 0.5px;
}
#Product #Beta {
  color: #e7d53a;
  margin: 5px 16px;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
}
#Product #Beta i {
  padding: 1px 10px;
  padding-left: 0;
  padding-right: 13px;
}
#Product #Stock {
  color: #75d223;
  margin: 5px 16px;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
}
#Product #Stock i {
  padding: 1px 10px;
  padding-left: 0;
  padding-right: 13px;
}
#Product #LimitedTimeNotice {
  color: #ffa700;
  margin: 5px 16px;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
}
#Product #LimitedTimeNotice i {
  padding: 1px 10px;
  padding-left: 0;
  padding-right: 13px;
}
#Product #SystemRequirements {
  margin: 5px 16px;
  color: #65d3ff !important;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
}
#Product #SystemRequirements a i {
  margin-left: -1px;
}
#Product #SystemRequirements i {
  padding: 1px 10px;
  padding-left: 0;
  padding-right: 13px;
}
#Product #Requirements {
  color: #eb5d5d;
  margin: 5px 16px;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
}
#Product #Requirements i {
  padding: 1px 10px;
  padding-left: 0;
  padding-right: 13px;
}
#Product #Limit {
  color: #65d3ff !important;
}
#Product #Limit a i {
  margin-left: -1px;
}
#Product #Stock {
  text-transform: uppercase;
  margin: 4% 6% !important;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  text-align: left;
  padding: 3px 0;
  color: #9db3d2;
}
#Product #Stock .left-line,
#Product #Stock .right-line {
  position: relative;
  width: 42%;
  height: 1px;
  top: 10px;
  position: absolute;
  background: #b51d19;
  opacity: 0.6;
  right: 0;
  transition: 200ms ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
#Product #Stock .left-line {
  left: 0;
  right: auto;
  background: linear-gradient(to right, transparent, #b51d19 10%);
}
#Product #Stock .right-line {
  background: linear-gradient(to right, #b51d19 90%, transparent 100%);
}
#Product #Stock .indicator {
  display: inline-block;
  height: 9px;
  width: 9px;
  margin: 1px 10px 0 0;
  border-radius: 10px;
}
#Product #Stock .indicator.red {
  background: linear-gradient(-40deg, #ac1616 0, #e91e63, #d73225 100%);
}
#Product #Stock .indicator.green {
  background: linear-gradient(-40deg, #8bc34a 0, #009688, #008000 100%);
  border: 1px solid #55b316;
}
#Product #Stock .stocknumber {
  margin-right: 0px;
  font-weight: 700;
  background: url("assetsimgline-blue.png") rgba(93,93,93,0.278);
  padding: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
  text-shadow: 1px 0 0 #000;
}
#Product #Stock.instock .left-line {
  width: 46%;
  background: linear-gradient(to right, transparent, #188c2d 10%);
}
#Product #Stock.instock .right-line {
  width: 46%;
  background: linear-gradient(to right, #188c2d 90%, transparent);
}
#Product #ProductActions {
  height: 200px;
  width: 20%;
  margin: 0;
  max-width: inherit;
  background: linear-gradient(to bottom, #0b3669 34%, #031d3c 100%) !important;
  float: right;
  position: relative;
}
#Product #ProductActions .add-to-cart {
  background: #2e88d2;
  border: 1px solid #1f649c;
}
#Product #ProductActions .add-to-cart .army {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#Product #ProductActions .crowd-pleaser {
  position: absolute;
  bottom: 23px;
  right: 0;
  width: 100%;
  padding: 0;
  height: 110px;
}
@media screen and (max-width: 850px) {
  #Product #ProductActions .crowd-pleaser {
    height: 44px;
  }
}
#Product #ProductActions .crowd-buy {
  text-align: left;
}
#Product #ProductActions .crowd-buy span {
  position: relative;
  padding: 10px;
}
@media screen and (max-width: 1200px) {
  #Product #ProductImages {
    width: 98% !important;
    margin: 0 !important;
  }
  #Product #ProductDetails {
    float: none !important;
  }
  #Product .crowd-pleaser {
    width: 100% !important;
    margin: 0 !important;
    position: inherit !important;
    top: 10px !important;
  }
  #Product .crowd-items {
    width: 94% !important;
  }
}
@media screen and (max-width: 768px) {
  #Product #Product #ProductDetails,
  #Product #Product #ProductPrices,
  #Product #Product #PurchaseButton {
    margin: 0% 0% 3% 0 !important;
  }
  #Product #ProductActions {
    width: 30%;
  }
  #Product #ProductActions .crowd-items {
    width: 30%;
  }
  #Product #ProductPrices #Stock {
    margin: 3% 6% 1% 3% !important;
  }
}
#Product #Items {
  float: left;
  width: 100%;
  padding-left: 0;
  margin: 3% 0 0 0 !important;
  padding: 0;
  border-radius: 0;
  background: #041b37;
}
#Product #Items .title {
  text-align: center;
}
#Product #Items .title .highlight {
  text-align: center;
  font-size: 17px;
  letter-spacing: 1px;
  padding: 10px 20px;
  margin: 0;
  display: inline-block;
  background: linear-gradient(to right, transparent 0%, rgba(10,57,105,0.38) 50%, transparent 100%);
  position: relative;
}
#Product #Items .title .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#Product #Items .title .border .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 100%;
  transform: skew(25deg);
  border-left: 2px solid #6495ed;
  border-radius: 0 10px;
}
#Product #Items .title .border .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
  transform: skew(-25deg);
  border-right: 2px solid #6495ed;
  border-radius: 10px 0;
}
#Product #Items .title .border .bottom {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 8px;
  border-bottom: 2px solid #4576c0;
  border-radius: 10px;
}
#Product #Items h4 {
  font-size: 20px;
  margin: 0 0px 10px 10px;
  padding: 10px 10px 0px 10px;
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,0.33);
  letter-spacing: 1px;
}
#Product #Items ul {
  margin-left: 20px;
  margin-bottom: 15px;
}
#Product #Items ul li {
  color: #68baff;
  float: left;
  margin: 0 15px 10px 21px;
  font-size: 15px;
  text-shadow: 0 0 10px rgba(104,186,255,0.36);
  font-weight: 200;
  letter-spacing: 0.8px;
  transition: 100ms;
  position: relative;
}
#Product #Items ul li:hover {
  color: #cbe7ff;
}
#Product #Items ul li:hover i {
  color: #cbe7ff;
}
#Product #Items ul li i {
  position: absolute;
  left: -30px;
  top: -5px;
  font-size: 14px;
  margin: 10px;
  color: #fff;
}
#Product #Items ul li span {
  top: 6px !important;
  position: relative;
}
#Product #Items ul li a .backing {
  width: 2px;
  height: 17px;
  position: absolute;
  display: inline-block;
  box-shadow: 0 0 1px #1e63d9;
  border-right: 1px solid #68baff;
  border-left: 1px solid #68baff;
  transition: 200ms 200ms;
  margin: 3px 5px 0 0;
  background: #072c61;
  border-radius: 1px;
  z-index: -1;
}
#Product #Items ul li a span {
  padding: 0 10px;
}
#Product #Items ul li a:hover .backing {
  width: 100%;
}
#Product #Items .background {
  position: absolute;
  background: url("/assets/img/video-overlay.png") #002b56 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.2;
}
#Product #Items .borders {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Product #Items .borders .top,
#Product #Items .borders .left,
#Product #Items .borders .bottom,
#Product #Items .borders .right,
#Product #Items .borders .topline {
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Product #Items .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Product #Items .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Product #Items .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #Items .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product #Items .borders .topline {
  right: 0;
  top: 0;
  height: 2px;
  width: 20%;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
@media screen and (max-width: 1200px) {
  #Product #Items {
    width: 100%;
  }
}
@media screen and (max-width: 980px) {
  #Product #Items {
    width: 100% !important;
  }
}
#Product .crowd-details {
  position: relative;
}
#Product .crowd-images {
  float: left;
  margin-right: 0px;
  margin-bottom: 15px;
}
#Product .crowd-box {
  min-height: 300px;
  width: 100%;
  margin: 0 1%;
  max-width: inherit;
  background: none !important;
  display: inline-block;
  border: none !important;
}
#Product .crowd-box .slide {
  width: auto;
}
#Product .crowd-title {
  width: 95%;
  color: #fff;
  font-weight: 200;
  line-height: 30px;
  background: transparent;
  text-transform: uppercase;
  padding: 5% 3%;
}
#Product .crowd-title a {
  transition: 200ms 50ms;
  color: #e7f2ff;
}
#Product .crowd-title .arrows {
  float: left;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 2px;
}
#Product .crowd-title .arrows .one,
#Product .crowd-title .arrows .two,
#Product .crowd-title .arrows .three {
  position: absolute;
}
#Product .crowd-title .arrows .one {
  transition: 200ms 75ms;
}
#Product .crowd-title .arrows .two {
  top: 5px;
  transition: 200ms 50ms;
}
#Product .crowd-title .arrows .three {
  top: 10px;
  transition: 200ms 0ms;
}
#Product .crowd-title:hover .arrows {
  color: #fff;
}
#Product .crowd-title:hover a {
  text-shadow: 0 0 13px #6495ed;
}
#Product .crowd-items {
  position: absolute;
  top: 0;
  opacity: 1;
  visibility: visible;
  left: 30px;
  height: 35px;
  left: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.21);
  backgorund: rgba(42,52,84,0.95) !important;
  width: 50%;
  padding: 1% 5%;
}
@media screen and (max-width: 600px) {
  #Product #ProductActions {
    float: none;
    width: 100%;
  }
  #Product #Items {
    float: none;
    width: 100% !important;
  }
  #Product #Items h4 {
    margin-left: 0px;
  }
  #Product #Items ul {
    margin-left: 0px;
  }
  #Product #Items ul li {
    width: 70%;
    float: left;
    min-height: 25px;
    font-size: 15px;
    color: #68baff;
    margin: 0 20px 10px 0;
    margin-left: 50px !important;
    text-shadow: 0 0 10px rgba(104,186,255,0.36);
  }
  #Product .crowd-buy {
    padding: 0;
    float: left;
    text-align: left;
    width: auto;
    bottom: 5px;
  }
  #Product .crowd-items {
    width: 90%;
    padding: 2% 3%;
    position: inherit;
    float: none;
    height: auto;
  }
  #Product .crowd-pleaser {
    height: 90px !important;
    width: 100%;
    bottom: 0;
    top: 0px;
  }
  #Product .crowd-pleaser .buy {
    float: right !important;
    bottom: auto;
    top: 33px;
  }
}
#Product .crowd-pleaser {
  right: 0;
}
#Product .crowd-pleaser .crowd-buy {
  text-align: right;
  bottom: 65px;
  right: 20px;
  left: auto;
}
#Product .crowd-pleaser .crowd-buy small {
  text-decoration: line-through;
  font-size: 25px;
  color: #762025;
  position: absolute;
  text-align: right;
  top: -40px;
  right: 20px;
  width: auto;
  cursor: default;
}
#Product .buy.button {
  position: inherit;
  left: auto;
  right: auto;
  float: none;
  width: 100%;
  border-radius: 0;
  position: relative;
  background: transparent;
  border: transparent;
  bottom: 0 !important;
  box-shadow: 0 0 60px rgba(32,50,78,0);
  text-shadow: 0px 0px 5px rgba(166,189,255,0.5);
  font-weight: 300;
  font-size: 15px;
}
#Product .buy.button .borders {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Product .buy.button .borders .top,
#Product .buy.button .borders .left,
#Product .buy.button .borders .bottom,
#Product .buy.button .borders .right {
  z-index: 2;
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Product .buy.button .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Product .buy.button .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Product .buy.button .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product .buy.button .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Product .buy.button.bought {
  position: relative;
  transition: 370ms;
  transform: translateY(0);
  background: #034a03 !important;
  border: 1px solid #104209 !important;
}
#Product .buy.button.bought .shine {
  position: absolute;
  transform: rotate(-45deg);
  height: 20px;
  width: 200px !important;
  left: -120%;
  top: 0;
  transition: 500ms ease-in-out;
  background: #fff;
  border-top: 0px solid #fff;
}
#Product .buy.button.bought:hover,
#Product .buy.button.bought:active,
#Product .buy.button.bought:focus {
  background: #034a03 !important;
}
#Product .buy.button.bought:hover .shine,
#Product .buy.button.bought:active .shine,
#Product .buy.button.bought:focus .shine {
  width: 90px !important;
  left: 100% !important;
  top: 30% !important;
}
#Product #ProductPoints {
  width: 100%;
}
#Product #ProductPoints ul li {
  cursor: default;
  transition: 200ms;
}
#Product #ProductPoints ul li a {
  cursor: pointer;
}
#Product #ProductPoints ul li.notice:hover {
  transform: scale(1.17) translateX(16px) translateY(0px);
}
#Product #ProductPoints ul .feature {
  height: 50px;
}
#Product #ProductItems {
  position: relative;
  height: 275px;
  width: 100%;
  margin-top: 75px;
  overflow: hidden;
}
#Product #ProductItems .box-borders * {
  background: #6495ed;
}
#Product #ProductItems .indicator {
  position: absolute;
  bottom: 3px;
  width: 95%;
  z-index: 2;
  margin-left: 2.5%;
}
#Product #ProductItems .indicator i {
  font-size: 20px;
  width: 20%;
  height: 3px;
  background: #1e63d9;
  top: 0;
  position: absolute;
  box-shadow: 0 0 3px #0052de;
}
#Product #ProductItems .controls {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  margin-left: 0;
}
#Product #ProductItems .controls .next {
  height: 100%;
  width: 50px;
  cursor: pointer;
}
#Product #ProductItems .controls .prev {
  height: 100%;
  width: 50px;
  cursor: pointer;
}
#Product #ProductItems .next {
  float: right;
}
#Product #ProductItems .next i {
  right: -10px;
}
#Product #ProductItems .prev {
  float: left;
}
#Product #ProductItems .prev i {
  left: -10px;
}
#Product #ProductItems .next i,
#Product #ProductItems .prev i {
  cursor: pointer;
}
#Product #ProductItems ul li .title {
  position: absolute;
  bottom: 15px;
  font-size: 20px;
  width: 76%;
  padding: 0 12%;
  font-weight: 300;
  text-align: center;
  background: linear-gradient(to right, transparent, #163b73, transparent);
  text-shadow: 1px 1px 5px #000;
  line-height: 32px;
  color: #e9f2ff;
}
#Product #ProductItems ul li .title a {
  position: relative;
  z-index: 5;
}
#Product #ProductItems ul li img {
  width: 100%;
  z-index: -1;
  pointer-events: none;
}
@media screen and (max-width: 1200px) {
  #Product #ProductItems {
    display: none;
  }
}
#Product .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#Product .product-items.active {
  bottom: 290px;
  visibility: visible;
  opacity: 1;
}
#Product .product-description {
  float: left;
  margin: 20px 0px 0 0;
  width: 50%;
  color: #fff !important;
}
#Product .product-description .product-price {
  font-size: 20px;
}
#Product .product-details {
  padding: 0 0 20px 0;
}
#Product .product-details .borders {
  position: absolute;
  left: 0;
  top: 0;
}
#Product .product-details .borders .left-border {
  width: 1px;
  height: 100px;
  left: -10px;
  top: -13px;
  background: linear-gradient(to bottom, rgba(22,67,119,0) 0%, #2773a9 18%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Product .product-details .borders .top-border {
  width: 260px;
  height: 1px;
  left: -25px;
  top: 0px;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #2773a9 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Product .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#Product .stock {
  width: auto;
  padding: 3px 10px;
  position: absolute;
  border: none;
  bottom: 0px;
  right: 2px;
  border-radius: 2px 0 3px 0;
}
#Product .beta {
  opacity: 1;
  z-index: 1;
  border: 0 !important;
  width: auto;
  padding: 0px 10px 2px;
  position: absolute;
  right: 10px;
  left: auto;
  top: 10px;
  border-radius: 0 !important;
  transform: translateY(0px) !important;
}
@media screen and (max-width: 768px) {
  #Product .beta {
    bottom: 10px;
    left: 1px;
    right: initial;
    bottom: 0px;
    top: auto;
    border-radius: 2px 2px 2px 3px !important;
  }
}
#Product .cart-button {
  float: right;
  color: #fff;
}
#Product .cart-button .icon-cart {
  margin-top: 10px;
}
#Product .cart-button .item-count {
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
}
#Product .product-actions {
  color: #fff;
  float: left;
  text-align: right;
}
#Product .product-actions .product-description {
  position: inherit;
  float: left;
}
#Product .product-images {
  float: left;
  margin: 20px 20px 0 0;
}
#Product .productbullets li:first-child {
  font-weight: 600;
  text-transform: uppercase;
}
#Product .productdetails {
  margin: 20px 0;
  float: left;
  color: #fff;
}
#Product .product-items {
  opacity: 1;
}
#Product .related-products .related-product,
#Product .related-products h4 {
  font-size: 15px;
  line-height: 38px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
}
#Product #Features {
  width: 80%;
  max-width: 1070px;
}
#Product #Sidebar {
  width: 19%;
  right: 80px;
  position: fixed;
  bottom: 16px;
  border-bottom: 1px solid #2e639a;
  border-radius: 2px 2px 3px 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #0b3c77 100%);
  overflow: hidden;
  transition: 700ms cubic-bezier(0.41, -0.08, 0.16, 1.14);
  z-index: 100;
}
#Product #Sidebar .title {
  color: #fff;
  text-align: center;
  padding: 5px 0 5px 0;
  border-top: 1px solid #2e639a;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  cursor: pointer;
}
#Product #Sidebar .expand-icon {
  display: none;
}
#Product #Sidebar .no-items {
  margin: 0;
  border: 1px solid #034484;
  padding: 5px 10px;
  position: relative;
  margin: 5px;
  background: linear-gradient(to bottom, #113054 34%, #0c294c 100%);
  border-radius: 3px;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 200;
  color: #d7e6f3;
  cursor: pointer;
}
#Product #Sidebar .items .selected-item {
  margin: 0;
  border: 1px solid #034484;
  padding: 5px 10px;
  position: relative;
  margin: 5px;
  background: linear-gradient(to bottom, #113054 34%, #0c294c 100%);
  border-radius: 3px;
}
#Product #Sidebar .items .selected-item .name {
  color: #fff;
  font-family: 'Lato';
  font-weight: 300;
  font-size: 16px;
}
#Product #Sidebar .items .selected-item .price {
  font-family: 'Lato';
  font-size: 13px;
  color: #4aafff;
  font-weight: 400;
}
#Product #Sidebar .items .selected-item .remove {
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #1e68a2;
  background: url("/assets/img/video-overlay.png") #1d3f73;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  bottom: 5px;
  right: -4px;
  cursor: pointer;
}
#Product #Sidebar .items .selected-item .remove .icon {
  color: #a1ecff;
  font-size: 10px;
  padding: 3px;
  top: -5px;
  position: relative;
}
#Product #Sidebar .totals {
  margin-bottom: 5px;
}
#Product #Sidebar .totals .top {
  width: 92%;
  height: 1px;
  background: linear-gradient(to right, rgba(214,179,96,0) 0%, rgba(195,175,126,0.4) 50%, rgba(214,179,96,0) 100%);
  margin: auto;
  box-shadow: 0px 1px 1px rgba(10,21,33,0.18);
}
#Product #Sidebar .totals .cart-amount,
#Product #Sidebar .totals .cart-items {
  font-size: 12px;
  font-weight: 100;
  padding: 0 10px;
  float: left;
  color: #d7e6f3;
  letter-spacing: 0.7px;
}
#Product #Sidebar .totals .cart-amount {
  float: right;
}
#Product #Sidebar .checkout .button {
  display: block;
  padding: 10px 0;
  width: 100%;
  margin: 0;
  left: 0;
  position: relative;
  background: #488bbf;
  letter-spacing: 1.2px;
  font-family: 'Lato';
  font-weight: 400;
}
#Product #Sidebar .checkout .button span {
  position: relative;
  z-index: 10;
}
#Product #Sidebar .checkout .button :after {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9;
}
#Product #Subtitle {
  padding: 0 !important;
  margin: 15px auto 10px auto;
  background: transparent;
  font-size: 16px !important;
  z-index: 1;
  position: relative;
  min-height: 40px;
  width: 100%;
}
#Product #Subtitle span {
  top: 5px;
  cursor: pointer;
  font-weight: 400;
  position: relative;
  letter-spacing: 1px;
  color: #3b98e8 !important;
  padding: 12px 2px !important;
  transition: 200ms !important;
  text-transform: uppercase !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
}
#Product #Subtitle span:hover {
  color: #fff !important;
}
#Product #Subtitle .arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 4px;
  top: -25px;
  font-size: 16px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
}
#Product #Subtitle .arrows .one,
#Product #Subtitle .arrows .two,
#Product #Subtitle .arrows .three {
  position: absolute;
}
#Product #Subtitle .arrows .one {
  transition: 100ms 66ms;
}
#Product #Subtitle .arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
#Product #Subtitle .arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
#Product #Subtitle .left .arrows {
  float: left;
  left: 4px;
  top: -10px;
  transform: rotate(-90deg);
}
#Product #Subtitle .left .back,
#Product #Subtitle .rightside .back {
  border-radius: 0 0 12px 0px;
  padding: 14px 0px 7px 0px;
  position: absolute;
  top: -10px;
}
#Product #Subtitle .rightside .back {
  right: 0;
}
#ItemPointsModal {
  max-width: 25%;
  min-width: auto;
  min-height: auto;
  margin-top: 130px;
}
#ItemPointsModal h2 {
  font-size: 21px;
  line-height: 30px;
  margin: 25px 55px;
  text-shadow: -1px -1px 5px rgba(255,255,255,0.6);
}
#ItemPointsModal p {
  color: #fff;
  font-weight: 300;
  line-height: 25px;
  padding: 20px 23px;
  margin-bottom: 20px;
  text-shadow: 0 0 5px rgba(255,255,255,0.6);
}
#ItemPointsModal i {
  color: #fff;
  position: absolute;
  right: 15px;
  top: 15px;
  font-size: 12px;
  cursor: pointer;
}
#AdditionalProducts #ProductImages li a img,
#Links #ProductImages li a img {
  width: 100% !important;
  cursor: pointer !important;
  pointer-events: all !important;
}
#AdditionalProducts span,
#Links span {
  left: 10px !important;
  position: relative;
}
#AdditionalProducts .controls .next,
#Links .controls .next,
#AdditionalProducts .controls .prev,
#Links .controls .prev {
  float: right;
  font-size: 24px;
  color: #6b8dbd;
}
#AdditionalProducts .controls .prev,
#Links .controls .prev {
  float: left;
}
#AdditionalProducts.links {
  height: 244px;
}
#SingleItem.loader #ProductPrices {
  height: 110px;
  overflow: hidden;
}
#SingleItem.loader #ProductPrices.large {
  height: 235px;
}
#SingleItem.loader .swoosh {
  background: linear-gradient(to right, transparent, #213b98, transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 240px;
  left: -150px;
  opacity: 0.25;
  top: 0;
}
@media screen and (max-width: 850px) {
  #Product #ProductDetails,
  #Product #ProductPrices,
  #Product #PurchaseButton {
    width: 100% !important;
    margin: 0% 0% 20px 0 !important;
  }
  #Product #PurchaseButton {
    margin-top: 0 !important;
  }
}
@media screen and (max-width: 1200px) {
  #ProductDetails {
    width: 100% !important;
  }
  #FeaturedSidebar {
    width: 100% !important;
    margin-bottom: 50px;
  }
  #FeaturedSidebar #AdditionalItems {
    padding: 0 !important;
  }
  #SingleItem {
    width: 100% !important;
  }
  #AdditionalItems .crowd-buy,
  #Links .crowd-buy {
    bottom: 25px !important;
  }
  #AdditionalItems .crowd-title,
  #Links .crowd-title {
    height: auto !important;
    min-height: auto !important;
  }
}
#ProductsListing {
  padding: 0 !important;
  margin-bottom: 75px;
}
#ProductsListing .store_header {
  width: 96%;
  padding: 1% 2%;
  height: 20px;
}
#ProductsListing .store_header h2 {
  float: left;
  padding: 0;
  font-size: 18px;
  text-transform: uppercase;
  line-height: 22px;
  font-weight: 400;
  letter-spacing: 1px;
}
#ProductsListing .store_header .right {
  float: right;
}
#ProductsListing .pages .direction-controls {
  width: 94%;
  padding: 0% 3% 0;
}
#ProductsListing .product_listings {
  min-height: 490px;
  overflow: hidden;
  text-align: center;
}
@media screen and (max-width: 1200px) {
  #ProductsListing .product_listings .crowd-box {
    width: 42%;
  }
}
@media screen and (max-width: 760px) {
  #ProductsListing .product_listings .crowd-box {
    width: 80% !important;
    min-width: 200px;
  }
}
#ProductsListing .product_listings li.hiddenStagger {
  transition: 300ms;
  transform: scale(1);
  position: relative;
  opacity: 0;
  top: -5px;
}
#ProductsListing .product_listings li .enlighten {
  opacity: 0;
  transition: 100ms;
  height: 0%;
  position: absolute;
  bottom: 0;
  top: auto;
  z-index: 8;
}
#ProductsListing .product_listings li .enlighten .left,
#ProductsListing .product_listings li .enlighten .right {
  background: linear-gradient(to bottom, #6495ed 0%, rgba(255,255,255,0.541) 50%, rgba(202,202,202,0.451) 75%, #658d8d);
}
#ProductsListing .product_listings li .enlighten .bottom {
  background: #658d8d;
}
#ProductsListing .product_listings li:hover .enlighten {
  opacity: 1;
  height: 100%;
}
#ProductsListing .product_listings li .box-borders {
  z-index: 8;
}
#ProductsListing .product_listings li .Face,
#ProductsListing .product_listings li .Back {
  width: 100%;
  height: 100% !important;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
}
#ProductsListing .product_listings li .Face .inner-box .crowd-images {
  cursor: alias;
}
#ProductsListing .product_listings li .Back {
  opacity: 0;
  display: none;
}
#ProductsListing .product_listings li .Back h5 {
  text-align: center;
  padding: 15px 0 0 0px;
}
#ProductsListing .product_listings li .Back hr {
  width: 80%;
  margin: 12px auto;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #5e84b1 50%, rgba(46,88,138,0) 100%);
  height: 1px;
  border: none;
}
#ProductsListing .product_listings li .inner-box {
  min-height: 500px !important;
}
#ProductsListing .product_listings li .inner-box #PurchaseButton {
  margin: 5% 0 0 0 !important;
}
#ProductsListing .product_listings li .inner-box .description {
  margin-bottom: 12px;
}
#ProductsListing .product_listings li #Beta,
#ProductsListing .product_listings li #Stock,
#ProductsListing .product_listings li #Sale,
#ProductsListing .product_listings li #Limited {
  color: #b1b16e;
  margin: 5px 16px;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  cursor: default;
}
#ProductsListing .product_listings li #Beta i,
#ProductsListing .product_listings li #Stock i,
#ProductsListing .product_listings li #Sale i,
#ProductsListing .product_listings li #Limited i {
  padding: 1px 5px;
  padding-left: 0;
}
#ProductsListing .product_listings li #Beta {
  color: #e7d53a;
}
#ProductsListing .product_listings li #Beta i {
  font-size: 11px;
}
#ProductsListing .product_listings li #Limited {
  color: #ffa700;
}
#ProductsListing .product_listings li #Limited i {
  font-size: 11px;
}
#ProductsListing .product_listings li #Stock {
  color: #75d223;
}
#ProductsListing .product_listings li #Stock i {
  font-size: 11px;
}
#ProductsListing .product_listings li #Sale {
  color: #f00;
  position: relative;
}
#ProductsListing .product_listings li #Sale i {
  font-size: 16px;
  left: -3px;
  position: relative;
}
#ProductsListing .product_listings li #Sale span {
  font-size: 15px;
  position: relative;
}
#ProductsListing .product_listings li #Sale .line-through {
  top: 8px;
  left: 1px;
  z-index: 10;
  height: 2px;
  width: 100%;
  transition: 200ms;
  position: absolute;
  transform: rotate(-15deg);
  box-shadow: 0 0 1px #000;
  background: #bf1c19;
}
#ProductsListing .product_listings li #Sale .line-through.rev {
  transform: rotate(15deg);
}
#ProductsListing .product_listings li #Currency {
  position: absolute;
  color: #3e98ff;
  margin-top: 0;
  float: right;
  text-align: right;
  font-weight: 400;
  top: 22px;
  z-index: 6;
  right: 10px;
}
#ProductsListing .product_listings li #Currency i {
  margin: 0px 6px;
}
#ProductsListing .product_listings li #Currency ul {
  border: 1px solid #3e98ff;
  right: 0px !important;
  top: auto !important;
  height: 0px;
  bottom: 30px;
  position: absolute;
  left: auto;
  width: 80px;
}
#ProductsListing .product_listings li #Currency span {
  pointer-events: none;
}
#ProductsListing .product_listings li .button.buy {
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
  background: rgba(22,34,70,0.39);
  border: none;
  width: 100%;
}
#ProductsListing .product_listings li .background2,
#ProductsListing .product_listings li .background3 {
  transition: 100ms;
}
#ProductsListing .product_listings li .crowd-box:hover,
#ProductsListing .product_listings li .crowd-box.bought {
  transform: scale(1.05) !important;
}
#ProductsListing .product_listings li .crowd-box:hover .expanding-borders,
#ProductsListing .product_listings li .crowd-box.bought .expanding-borders {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
#ProductsListing .product_listings li .crowd-box:hover .box-borders .left,
#ProductsListing .product_listings li .crowd-box.bought .box-borders .left,
#ProductsListing .product_listings li .crowd-box:hover .box-borders .right,
#ProductsListing .product_listings li .crowd-box.bought .box-borders .right,
#ProductsListing .product_listings li .crowd-box:hover .box-borders .top,
#ProductsListing .product_listings li .crowd-box.bought .box-borders .top,
#ProductsListing .product_listings li .crowd-box:hover .box-borders .bottom,
#ProductsListing .product_listings li .crowd-box.bought .box-borders .bottom {
  background: #78a5f3 !important;
}
#ProductsListing .product_listings li .crowd-box:hover .crowd-title a,
#ProductsListing .product_listings li .crowd-box.bought .crowd-title a {
  text-shadow: 0 0 13px #515f79;
}
#ProductsListing .product_listings li .crowd-box:hover .background2,
#ProductsListing .product_listings li .crowd-box.bought .background2 {
  opacity: 0.3;
  background-position-y: -5px;
}
#ProductsListing .product_listings li .crowd-box:hover .background3,
#ProductsListing .product_listings li .crowd-box.bought .background3 {
  opacity: 0.3;
  background-position-y: 20px;
}
#ProductsListing .button.buy {
  width: 97%;
  padding: 0;
}
#ProductsListing .button.buy.incart {
  background: #16181e;
}
#CartDetails.productDetails .overlay-actions .direction-controls {
  padding: 2% !important;
  width: 96% !important;
}
#CartDetails.productDetails .overlay-actions .window-controls.direction-controls {
  width: 66% !important;
}
#ProductsListing ul.center {
  text-align: center;
}
#ProductsListing ul.center li.row.grid_4.crowd-box.loader-item {
  max-width: 400px;
  width: 28%;
  margin: 3% 2.5%;
  min-height: 480px;
  display: inline-block;
  float: none;
}
#ProductsListing ul.center li.row.grid_4.crowd-box.loader-item .background {
  background: linear-gradient(#03264e 34%, #000) !important;
  opacity: 0.5 !important;
}
#ProductsListing ul.center li.row.grid_4.crowd-box.loader-item .image {
  position: absolute;
  top: 15px;
  left: 5%;
  width: 90%;
  height: 160px;
  background: linear-gradient(to bottom, #263243, #263242);
  border-radius: 0px;
}
#ProductsListing ul.center li.row.grid_4.crowd-box.loader-item .lines {
  position: absolute;
  top: 190px;
  left: 5%;
  width: 80%;
  height: 25px;
  background: rgba(194,219,255,0.17);
  border-radius: 0px;
}
#ProductsListing ul.center li.row.grid_4.crowd-box.loader-item .lines.smaller {
  position: absolute;
  top: 260px;
  left: 5%;
  width: 90%;
  height: 15px;
  background: rgba(194,219,255,0.17);
  border-radius: 0px;
}
#ProductsListing ul.center li.row.grid_4.crowd-box.loader-item .lines.price {
  position: absolute;
  bottom: 82px;
  top: auto;
  left: 5%;
  width: 30%;
  height: 20px;
  background: rgba(194,219,255,0.212);
  border-radius: 0px;
}
#ProductsListing ul.center li.row.grid_4.crowd-box.loader-item .square {
  position: absolute;
  bottom: 20px;
  top: auto;
  right: 30px;
  height: 40px;
  left: 5%;
  width: 90%;
  border-radius: 0px;
  background: rgba(194,219,255,0.212);
}
#Item * {
  z-index: 1;
}
#Item *#ItemImages,
#Item * #Items,
#Item * #Features,
#Item * #Features h1 {
  position: relative;
}
#Item .col-1 {
  width: 25%;
  display: inline-block;
}
#Item .col-2 {
  width: 70%;
  margin-left: 4%;
  display: inline-block;
}
@media screen and (max-width: 768px) {
  #Item .col-1,
  #Item .col-2 {
    width: 100% !important;
    margin: 0;
  }
}
#Item li {
  list-style: none;
}
#Item .title-row {
  position: relative;
  margin-bottom: 3%;
  background: #24292f;
}
#Item .title-row .border {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Item .title-row .border .top,
#Item .title-row .border .left,
#Item .title-row .border .bottom,
#Item .title-row .border .right,
#Item .title-row .border .top-line,
#Item .title-row .border .bottom-line {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Item .title-row .border .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
}
#Item .title-row .border .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Item .title-row .border .left {
  left: 0;
  height: 100%;
  width: 1px;
}
#Item .title-row .border .right {
  right: 0;
  height: 100%;
  width: 1px;
}
#Item .title-row .border .top-line {
  width: 150px;
  height: 4px;
}
#Item .title-row .border .bottom-line {
  left: 20%;
  bottom: -2px;
  height: 3px;
  background: linear-gradient(to bottom, rgba(0,82,222,0.4), #0867ff);
  width: 60%;
}
#Item .title-row .background {
  background: rgba(0,24,64,0.58);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.1;
}
#Item #SingleItem {
  float: left;
  width: 100%;
}
#Item #SingleItem .Seperator {
  margin: 2%;
  width: 96%;
  text-align: center;
}
#Item #SingleItem .Seperator .bottom {
  height: 1px;
  width: 30%;
  display: inline-block;
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Item #SingleItem #LongHTML {
  float: left;
  width: 95%;
  padding: 3%;
  margin-bottom: 20px;
  position: relative;
  color: #c2dbff;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
}
#Item #SingleItem #LongHTML .background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
  position: absolute;
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
}
#Item #SingleItem #Price {
  color: #c5e5f3;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 0 6px rgba(218,238,255,0.35);
  font-size: 30px;
  top: initial;
  padding: 0;
  z-index: 0;
  position: relative;
  pointer-events: none;
}
#Item #SingleItem #Price ul {
  font-size: 11px;
  margin-top: 10px;
  position: relative;
  border: 1px solid rgba(131,207,231,0.14);
  border-radius: 2px;
  background: #084967;
  height: 27px;
  overflow: hidden;
}
#Item #SingleItem #Price ul li {
  cursor: pointer;
  display: inline-block;
  padding: 4px 6px;
  font-size: 12px;
  line-height: 20px;
}
#Item #SingleItem #Price ul li.label {
  position: relative;
  z-index: 2;
}
#Item #SingleItem #Price ul li.selector {
  width: 22px;
  background: #084967;
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  background: #256c9a;
  margin: 0;
  z-index: -1;
}
#Item #SingleItem #Price ul li:hover,
#Item #SingleItem #Price ul li.active {
  background: #256c9a;
}
#Item #SingleItem #Stock {
  text-transform: uppercase;
  margin: 12px 15px 0px 15px;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  text-align: left;
  padding: 3px 0;
  color: #9db3d2;
}
#Item #SingleItem #Stock .left-line,
#Item #SingleItem #Stock .right-line {
  position: relative;
  width: 42%;
  height: 1px;
  top: 10px;
  position: absolute;
  background: #b51d19;
  opacity: 0.6;
  right: 0;
  transition: 200ms ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
#Item #SingleItem #Stock .left-line {
  left: 0;
  right: auto;
  background: linear-gradient(to right, transparent, #b51d19 10%);
}
#Item #SingleItem #Stock .right-line {
  background: linear-gradient(to right, #b51d19 90%, transparent 100%);
}
#Item #SingleItem #Stock .indicator {
  display: inline-block;
  height: 9px;
  width: 9px;
  margin: 1px 10px 0 0;
}
#Item #SingleItem #Stock .indicator.red {
  border: 1px solid #f71818;
  border-radius: 10px;
  background: linear-gradient(-40deg, #ac1616 0, #e91e63, #d73225 100%);
}
#Item #SingleItem #Stock .indicator.green {
  background: linear-gradient(-40deg, #8bc34a 0, #009688, #008000 100%);
  border: 1px solid #55b316;
  border-radius: 10px;
}
#Item #SingleItem #Stock .stocknumber {
  display: none;
  margin-right: 0px;
  font-weight: 700;
  position: absolute;
  text-shadow: 1px 0 0 #000;
  padding: 5px;
  right: 10px;
  top: 9px;
}
#Item #SingleItem #Stock.instock .left-line {
  width: 46%;
  background: linear-gradient(to right, transparent, #188c2d 10%);
}
#Item #SingleItem #Stock.instock .right-line {
  width: 46%;
  background: linear-gradient(to right, #188c2d 90%, transparent);
}
#Item #SingleItem .swoosh {
  background: linear-gradient(to right, transparent, #213b98, transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 240px;
  left: -150px;
  opacity: 0.25;
  top: 0;
}
#Item #FeaturedSidebar {
  float: left;
  width: 20%;
}
@media screen and (max-width: 1200px) {
  #Item #FeaturedSidebar {
    display: none;
  }
}
#Item #FeaturedSidebar .highlight {
  font-size: 25px !important;
  text-align: center;
  padding: 0;
  margin: 20px;
}
#Item #FeaturedSidebar .highlight.hidden {
  overflow: hidden;
  display: inline-block;
  max-height: 0px;
  border-bottom: 1px solid #33597d;
}
#Item #FeaturedSidebar .crowd-box:hover {
  box-shadow: 0px 0px 30px rgba(0,0,0,0) !important;
}
#Item #FeaturedSidebar .crowd-title {
  padding: 15px 0 6px 15px !important;
  text-align: left !important;
  letter-spacing: 0px !important;
}
#Item #FeaturedSidebar .product_listings {
  text-align: center;
  max-width: 300px !important;
  margin: auto;
}
@media screen and (max-width: 1200px) {
  #Item #FeaturedSidebar .product_listings .crowd-images {
    margin-right: 20px;
  }
}
#Item #FeaturedSidebar .product_listings .crowd-images .slide {
  width: 100%;
}
@media screen and (max-width: 1200px) {
  #Item #FeaturedSidebar .product_listings li {
    min-height: 75px;
    height: 100px;
    width: 100%;
    margin: 0 !important;
  }
}
#Item #FeaturedSidebar .product_listings:hover {
  box-shadow: none !important;
}
#Item #FeaturedSidebar .item_listings {
  float: left;
  width: 100%;
  margin: 4% 0;
  text-align: center !important;
  padding-bottom: 27px;
  min-height: 150px;
  z-index: auto;
}
#Item #FeaturedSidebar .item_listings li {
  display: inline-block;
  max-width: 220px;
  width: 100%;
  min-height: 203px !important;
  position: relative;
  font-size: 13px;
  top: 0;
  margin: 2% 2% !important;
  border-bottom: 1px solid #212931 !important;
  background: linear-gradient(to bottom, rgba(22,67,119,0.99) 34%, rgba(0,30,66,0.64) 100%) !important;
}
#Item #FeaturedSidebar .item_listings li .slide {
  width: 100% !important;
}
#Item #FeaturedSidebar .item_listings li .crowd-description {
  color: #9db3d2;
  line-height: 20px;
  font-weight: 300;
  transition: 400ms ease-in-out;
  opacity: 0;
  line-height: 18px;
  padding: 0 12px;
  margin-top: 20px;
}
#Item #FeaturedSidebar .item_listings li .crowd-description a {
  position: relative;
  z-index: 10;
}
#Item #FeaturedSidebar .item_listings li .crowd-title {
  transition: 400ms ease-in-out !important;
}
#Item #FeaturedSidebar .item_listings li .crowd-images {
  float: left;
  margin-right: 0;
  margin-bottom: 15px;
}
#Item #FeaturedSidebar .item_listings li #ItemImages {
  overflow: hidden;
  padding: 0 !important;
  transition: 400ms ease-in-out;
}
#Item #FeaturedSidebar .item_listings li #ItemImages li {
  width: 100% !important;
  margin: 0 !important;
  position: absolute;
  left: 0;
  bottom: 0;
}
#Item #FeaturedSidebar .item_listings li #ItemImages li img {
  box-shadow: none !important;
  width: auto !important;
  height: 100%;
}
#Item #FeaturedSidebar .item_listings li:hover .slide {
  width: 110% !important;
}
#Item #FeaturedSidebar .item_listings li:hover #ItemImages {
  height: 0px;
  opacity: 1;
  padding: 0 !important;
}
#Item #FeaturedSidebar .item_listings li:hover #ItemImages li img {
  height: 100%;
}
#Item #FeaturedSidebar .item_listings li:hover .crowd-title {
  top: 0;
}
#Item #FeaturedSidebar .item_listings li:hover .crowd-description {
  opacity: 1;
}
#Item #FeaturedSidebar .controls {
  position: absolute;
  top: 50%;
}
#Item #FeaturedSidebar .controls .next,
#Item #FeaturedSidebar .controls .prev {
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#Item #FeaturedSidebar .controls .next span,
#Item #FeaturedSidebar .controls .prev span {
  font-size: 16px;
}
#Item #FeaturedSidebar .controls .next i,
#Item #FeaturedSidebar .controls .prev i {
  margin: 0 8px 0 8px;
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 12px;
  color: #2e88d2;
}
#Item #FeaturedSidebar .controls .next:hover i,
#Item #FeaturedSidebar .controls .prev:hover i {
  background: rgba(50,67,86,0.89);
}
#Item #FeaturedSidebar .controls .next {
  float: right;
}
#Item #FeaturedSidebar .controls .next i {
  margin-right: 0 !important;
}
#Item #FeaturedSidebar .controls .prev {
  float: left;
}
#Item #FeaturedSidebar .controls span {
  color: #2e88d2;
}
@media screen and (max-width: 768px) {
  #Item .crowd-title {
    width: 90% !important;
  }
  #Item .shop-link {
    display: none !important;
  }
  #Item .crowd-pleaser {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 90%;
    padding: 0 3%;
    top: auto;
  }
  #Item .crowd-buy {
    bottom: 85px;
  }
}
#Item .back-link {
  position: relative;
  top: -11px;
}
#Item .shop-link {
  padding: 21px 15px 8px 10px;
  text-transform: uppercase;
  color: #419be8;
  transition: 100ms;
  font-size: 14px;
  right: 30px !important;
}
#Item .shop-link i {
  top: -11px;
}
#Item .shop-link span {
  transition: 100ms;
}
#Item .shop-link .back-to-shop {
  text-transform: uppercase;
  margin: 0 0 0 10px;
}
#Item .shop-link:hover,
#Item .shop-link:active {
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
}
#Item .shop-link :after {
  background: #00f;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
#Item .shop-link .arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 4px;
  font-size: 16px;
}
#Item .shop-link .arrows .one,
#Item .shop-link .arrows .two,
#Item .shop-link .arrows .three {
  position: absolute;
}
#Item .shop-link .arrows .one {
  transition: 100ms 66ms;
}
#Item .shop-link .arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
#Item .shop-link .arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
#Item .shop-link:hover .arrows {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
#Item .shop-link:hover span {
  color: #fff;
  text-shadow: 0 0 13px #6495ed;
}
#Item .back-to-shop {
  text-transform: uppercase;
  margin: 20px 0 0 10px;
  font-weight: 300;
  font-size: 17px;
  letter-spacing: 1.5px;
  float: right;
}
#Item .product-box {
  background: #00f;
  border: 1px solid #87ceeb;
}
#Item #ItemImages {
  min-height: 135px;
  margin-right: 0;
  width: 99%;
  margin: 0 0 0 0;
  padding: 1%;
  position: relative;
  background: rgba(0,0,0,0.5) !important;
  border-radius: 3px;
}
@media screen and (max-width: 980px) {
  #Item #ItemImages {
    min-height: 90px;
  }
}
@media screen and (max-width: 500px) {
  #Item #ItemImages {
    min-height: auto !important;
  }
  #Item #ItemImages li {
    position: relative !important;
  }
}
#Item #ItemImages .borders {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Item #ItemImages .borders .top,
#Item #ItemImages .borders .left,
#Item #ItemImages .borders .bottom,
#Item #ItemImages .borders .right {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Item #ItemImages .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Item #ItemImages .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Item #ItemImages .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item #ItemImages .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item #ItemImages .background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
}
#Item #ItemImages .indicator {
  position: absolute;
  top: 1px;
  left: 0;
  height: 7px;
  width: 50%;
}
#Item #ItemImages .indicator li {
  height: 2px;
  float: left;
  cursor: pointer;
  transition: 150ms;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
  position: relative;
}
#Item #ItemImages .indicator li .right-hook,
#Item #ItemImages .indicator li .left-hook {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 3px 8px;
  border-color: transparent transparent transparent #145edb;
}
#Item #ItemImages .indicator li .right-hook.right-hook,
#Item #ItemImages .indicator li .left-hook.right-hook {
  right: -8px;
}
#Item #ItemImages .indicator li .right-hook.left-hook,
#Item #ItemImages .indicator li .left-hook.left-hook {
  left: -8px;
  border-width: 0px 8px 3px 0;
  border-color: transparent #145ddb transparent transparent;
}
#Item #ItemImages .indicator li:first-child .left-hook {
  display: none;
}
#Item #ItemImages .indicator li.inactive {
  background: transparent;
  box-shadow: none;
}
#Item #ItemImages .indicator li.inactive .right-hook,
#Item #ItemImages .indicator li.inactive .left-hook {
  opacity: 0;
}
#Item #ItemImages .zoomy {
  position: absolute;
  bottom: 15px;
  right: 10px;
  font-size: 16px;
  height: 25px;
  width: 25px;
}
#Item #ItemImages .controls {
  color: #2e88d2;
  float: left;
  margin: 0;
  font-size: 15px;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
  font-weight: 700;
  letter-spacing: 1px;
  width: 100%;
  position: relative;
  text-align: center;
}
#Item #ItemImages .controls .next,
#Item #ItemImages .controls .prev {
  right: 0;
  position: absolute;
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#Item #ItemImages .controls .next span,
#Item #ItemImages .controls .prev span {
  top: 5px;
  font-size: 16px;
  position: relative;
}
#Item #ItemImages .controls .next i,
#Item #ItemImages .controls .prev i {
  margin: 4px;
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 12px;
  color: #2e88d2;
}
#Item #ItemImages .controls .next:hover i,
#Item #ItemImages .controls .prev:hover i {
  background: rgba(50,67,86,0.89);
}
#Item #ItemImages .controls .next {
  top: 0;
  float: right;
}
#Item #ItemImages .controls .next i {
  margin-right: 0 !important;
}
#Item #ItemImages .controls .prev {
  float: left;
  right: auto;
  left: 0;
  top: 0;
}
#Item #ItemImages .controls span {
  color: #2e88d2;
}
#Item #ItemImages img {
  pointer-events: none;
  box-shadow: none;
  max-width: 100%;
  width: 100%;
}
#Item #ItemImages ul.main {
  overflow: hidden;
  cursor: pointer;
  overflow-y: scroll;
  overflow-x: hidden;
  background: #02122f;
}
@media screen and (max-width: 768px) {
  #Item #ItemImages ul.main {
    min-height: auto;
  }
}
#Item #ItemImages ul.main::-webkit-scrollbar {
  width: 2px;
}
#Item #ItemImages ul.main::-webkit-scrollbar-track {
  background: transparent;
}
#Item #ItemImages ul.main::-webkit-scrollbar-thumb {
  background: #1e63d9;
  border-radius: 5px;
}
#Item #ItemImages ul.thumbnail {
  text-align: center;
  width: 70%;
  position: relative;
  overflow: hidden;
  display: inline-block;
  height: 100px;
}
#Item #ItemImages ul.thumbnail li {
  width: 100px;
  height: 50px;
  display: inline-block;
  margin: 4% 10px;
  background: #02122f;
  border: 1px solid #507dcc;
  cursor: pointer;
  overflow: hidden;
  box-shadow: 0 0 1px #000;
  border-radius: 2px;
}
#Item #ItemImages ul.thumbnail li img {
  pointer-events: none;
  box-shadow: none;
  max-width: 100%;
  width: 100%;
  vertical-align: text-bottom;
}
#Item #ItemImages li {
  text-align: center;
}
#Item .buttoncontrols {
  float: left;
  width: 100%;
  margin: 5% 0;
  font-weight: 700;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
}
#Item .buttoncontrols .next,
#Item .buttoncontrols .prev,
#Item .buttoncontrols .zoom,
#Item .buttoncontrols .model {
  padding: 10px;
  cursor: pointer;
  position: relative;
  margin: 0 3% 0 0 !important;
}
#Item .buttoncontrols .next span,
#Item .buttoncontrols .prev span,
#Item .buttoncontrols .zoom span,
#Item .buttoncontrols .model span {
  top: 2px;
  margin: 10px;
  font-size: 14px;
  font-weight: 300;
  transition: 200ms;
  position: relative;
  color: #2e88d2;
  text-transform: capitalize;
}
#Item .buttoncontrols .next i,
#Item .buttoncontrols .prev i,
#Item .buttoncontrols .zoom i,
#Item .buttoncontrols .model i {
  transition: 200ms;
  padding: 7px 7px;
  border-radius: 31px;
  font-size: 12px;
  color: #3e80f1;
  text-shadow: 0 0 5px #163573;
}
#Item .buttoncontrols .next .box-borders *,
#Item .buttoncontrols .prev .box-borders *,
#Item .buttoncontrols .zoom .box-borders *,
#Item .buttoncontrols .model .box-borders * {
  transition: 300ms;
}
#Item .buttoncontrols .next .swooshy,
#Item .buttoncontrols .prev .swooshy,
#Item .buttoncontrols .zoom .swooshy,
#Item .buttoncontrols .model .swooshy {
  top: 0%;
  left: 0%;
  width: 1px;
  opacity: 0;
  z-index: -1;
  height: 100%;
  position: absolute;
  background: rgba(30,99,217,0.23);
  box-shadow: 0 0 20px 5px rgba(30,99,217,0.33);
}
#Item .buttoncontrols .next .background,
#Item .buttoncontrols .prev .background,
#Item .buttoncontrols .zoom .background,
#Item .buttoncontrols .model .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.4;
}
#Item .buttoncontrols .next:hover span,
#Item .buttoncontrols .prev:hover span,
#Item .buttoncontrols .zoom:hover span,
#Item .buttoncontrols .model:hover span {
  color: #fff;
}
#Item .buttoncontrols .next:hover i,
#Item .buttoncontrols .prev:hover i,
#Item .buttoncontrols .zoom:hover i,
#Item .buttoncontrols .model:hover i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
#Item .buttoncontrols .next:hover .box-borders .top,
#Item .buttoncontrols .prev:hover .box-borders .top,
#Item .buttoncontrols .zoom:hover .box-borders .top,
#Item .buttoncontrols .model:hover .box-borders .top,
#Item .buttoncontrols .next:hover .box-borders .left,
#Item .buttoncontrols .prev:hover .box-borders .left,
#Item .buttoncontrols .zoom:hover .box-borders .left,
#Item .buttoncontrols .model:hover .box-borders .left,
#Item .buttoncontrols .next:hover .box-borders .bottom,
#Item .buttoncontrols .prev:hover .box-borders .bottom,
#Item .buttoncontrols .zoom:hover .box-borders .bottom,
#Item .buttoncontrols .model:hover .box-borders .bottom,
#Item .buttoncontrols .next:hover .box-borders .right,
#Item .buttoncontrols .prev:hover .box-borders .right,
#Item .buttoncontrols .zoom:hover .box-borders .right,
#Item .buttoncontrols .model:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#Item .buttoncontrols .next:hover .swooshy,
#Item .buttoncontrols .prev:hover .swooshy,
#Item .buttoncontrols .zoom:hover .swooshy,
#Item .buttoncontrols .model:hover .swooshy {
  left: 100%;
  animation-delay: 0s;
  animation-name: swoosh;
  animation-duration: 2s;
}
#Item .buttoncontrols .next {
  float: right;
  margin-right: 0 !important;
}
#Item .buttoncontrols .prev,
#Item .buttoncontrols .zoom,
#Item .buttoncontrols .model {
  float: left;
}
@media screen and (max-width: 768px) {
  #Item .buttoncontrols .zoom {
    display: none;
  }
}
#Item #ItemDetails,
#Item #PointsList,
#Item #ProductPrices,
#Item #PurchaseButton {
  min-height: auto;
  width: 100%;
  border-radius: 0;
  position: relative;
  background: #000 !important;
  display: inline-block;
  padding: 0px !important;
  min-width: auto !important;
  margin: 0% 0% 14% 0 !important;
  overflow: hidden;
}
#Item #ItemDetails#PurchaseButton,
#Item #PointsList#PurchaseButton,
#Item #ProductPrices#PurchaseButton,
#Item #PurchaseButton#PurchaseButton {
  overflow: visible;
}
#Item #ItemDetails#ItemDetails,
#Item #PointsList#ItemDetails,
#Item #ProductPrices#ItemDetails,
#Item #PurchaseButton#ItemDetails {
  margin-bottom: 16px !important;
  min-height: 75px;
}
#Item #ItemDetails#ProductPrices,
#Item #PointsList#ProductPrices,
#Item #ProductPrices#ProductPrices,
#Item #PurchaseButton#ProductPrices {
  min-height: 88px;
}
@media screen and (max-width: 768px) {
  #Item #ItemDetails,
  #Item #PointsList,
  #Item #ProductPrices,
  #Item #PurchaseButton {
    width: 100%;
    min-width: auto !important;
  }
}
#Item #ItemDetails .background,
#Item #PointsList .background,
#Item #ProductPrices .background,
#Item #PurchaseButton .background {
  position: absolute;
  background: url("/assets/img/line-overlay.png") #0055bd !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
}
#Item #ItemDetails .borders,
#Item #PointsList .borders,
#Item #ProductPrices .borders,
#Item #PurchaseButton .borders {
  pointer-events: none;
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Item #ItemDetails .borders .top,
#Item #PointsList .borders .top,
#Item #ProductPrices .borders .top,
#Item #PurchaseButton .borders .top,
#Item #ItemDetails .borders .left,
#Item #PointsList .borders .left,
#Item #ProductPrices .borders .left,
#Item #PurchaseButton .borders .left,
#Item #ItemDetails .borders .bottom,
#Item #PointsList .borders .bottom,
#Item #ProductPrices .borders .bottom,
#Item #PurchaseButton .borders .bottom,
#Item #ItemDetails .borders .right,
#Item #PointsList .borders .right,
#Item #ProductPrices .borders .right,
#Item #PurchaseButton .borders .right,
#Item #ItemDetails .borders .topline,
#Item #PointsList .borders .topline,
#Item #ProductPrices .borders .topline,
#Item #PurchaseButton .borders .topline,
#Item #ItemDetails .borders .bottomline,
#Item #PointsList .borders .bottomline,
#Item #ProductPrices .borders .bottomline,
#Item #PurchaseButton .borders .bottomline {
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Item #ItemDetails .borders .top,
#Item #PointsList .borders .top,
#Item #ProductPrices .borders .top,
#Item #PurchaseButton .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Item #ItemDetails .borders .bottom,
#Item #PointsList .borders .bottom,
#Item #ProductPrices .borders .bottom,
#Item #PurchaseButton .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Item #ItemDetails .borders .left,
#Item #PointsList .borders .left,
#Item #ProductPrices .borders .left,
#Item #PurchaseButton .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item #ItemDetails .borders .right,
#Item #PointsList .borders .right,
#Item #ProductPrices .borders .right,
#Item #PurchaseButton .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item #ItemDetails .borders .topline,
#Item #PointsList .borders .topline,
#Item #ProductPrices .borders .topline,
#Item #PurchaseButton .borders .topline {
  right: 0;
  top: 0;
  height: 2px;
  width: 20%;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Item #ItemDetails .borders .bottomline,
#Item #PointsList .borders .bottomline,
#Item #ProductPrices .borders .bottomline,
#Item #PurchaseButton .borders .bottomline {
  right: 0;
  bottom: 0;
  height: 2px;
  width: 20%;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#Item #ItemDetails .crowd-description,
#Item #PointsList .crowd-description,
#Item #ProductPrices .crowd-description,
#Item #PurchaseButton .crowd-description {
  margin: 15px;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  padding: 3px 0;
  color: #c2dbff;
  transition: 200ms;
}
#Item #ItemDetails .borders,
#Item #PointsList .borders,
#Item #ProductPrices .borders,
#Item #PurchaseButton .borders {
  position: absolute;
  top: 0;
}
#Item #ItemDetails .borders .left-border,
#Item #PointsList .borders .left-border,
#Item #ProductPrices .borders .left-border,
#Item #PurchaseButton .borders .left-border {
  width: 1px;
  height: 100px;
  left: -10px;
  top: -19px;
  background: linear-gradient(to bottom, rgba(22,67,119,0) 0%, #9ad5ff 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Item #ItemDetails .borders .top-border,
#Item #PointsList .borders .top-border,
#Item #ProductPrices .borders .top-border,
#Item #PurchaseButton .borders .top-border {
  width: 260px;
  height: 1px;
  left: -30px;
  top: 0px;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #9ad5ff 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Item #ItemDetails #Price,
#Item #PointsList #Price,
#Item #ProductPrices #Price,
#Item #PurchaseButton #Price {
  height: 40px;
  margin: 8px 15px;
}
#Item #ItemDetails #Price span,
#Item #PointsList #Price span,
#Item #ProductPrices #Price span,
#Item #PurchaseButton #Price span {
  font-size: 28px;
  color: #5ba7ff;
  top: 7px;
  position: relative;
  font-weight: 400;
  font-family: 'Roboto';
  text-shadow: none;
}
#Item #Currency {
  position: absolute;
  right: 6px;
  bottom: 10px;
  text-align: right;
  padding: 5px;
}
#Item #Currency ul {
  top: auto;
  right: 0px;
  width: 99%;
}
#Item #Beta,
#Item #SystemRequirements,
#Item #Requirements,
#Item #Stock,
#Item #BuildStatus,
#Item #Limit {
  margin: 4% 6% !important;
  color: #46c72f;
  line-height: 18px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  opacity: 0.8;
}
#Item #Beta b,
#Item #SystemRequirements b,
#Item #Requirements b,
#Item #Stock b,
#Item #BuildStatus b,
#Item #Limit b,
#Item #Beta p,
#Item #SystemRequirements p,
#Item #Requirements p,
#Item #Stock p,
#Item #BuildStatus p,
#Item #Limit p {
  font-size: 13px;
  letter-spacing: 0.5px;
}
@media screen and (max-width: 850px) {
  #Item #Beta,
  #Item #SystemRequirements,
  #Item #Requirements,
  #Item #Stock,
  #Item #BuildStatus,
  #Item #Limit {
    margin: 4% 6% !important;
  }
}
#Item #Beta,
#Item #SystemRequirements,
#Item #Requirements,
#Item #BuildStatus,
#Item #Limit,
#Item #PointsList {
  color: #b1b16e;
  margin: 5px 16px;
  text-transform: uppercase;
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
}
#Item #Beta i,
#Item #SystemRequirements i,
#Item #Requirements i,
#Item #BuildStatus i,
#Item #Limit i,
#Item #PointsList i {
  padding: 1px 10px;
  padding-left: 0;
  padding-right: 16px;
}
#Item #SystemRequirements {
  color: #65d3ff !important;
}
#Item #SystemRequirements a i {
  margin-left: -1px;
}
#Item #Requirements {
  color: #e45a5a !important;
}
#Item #Requirements a i {
  margin-left: -1px;
}
#Item #PointsList {
  width: 94%;
  margin: 0px;
  background: #000;
  position: relative;
  margin-bottom: 16px !important;
  padding: 20px 0px 10px 6% !important;
}
#Item #PointsList .PointsTitle {
  margin: 12px 15px 0px 0px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  text-align: left;
  padding: 3px 0;
  color: #e0e2e6;
  text-transform: uppercase;
  font-size: 13px;
}
#Item #PointsList ul {
  color: #54accf !important;
}
#Item #PointsList ul li {
  z-index: 5;
  position: relative;
  margin: 4% 0% !important;
}
#Item #PointsList ul li span {
  cursor: pointer;
}
#Item #PointsList ul li .hover {
  overflow: hidden;
  transition: 160ms;
  left: -15px;
  z-index: 100;
  padding: 4px;
  font-size: 12px;
  margin-top: 5px;
  line-height: 19px;
  color: #c2dbff;
  letter-spacing: 1px;
  pointer-events: none;
  text-transform: initial;
  width: 95%;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 0;
  max-height: 0px;
  padding: 0;
}
#Item #PointsList ul li:hover .hover {
  opacity: 1;
}
#Item #PointsList .borders {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Item #PointsList .borders .top,
#Item #PointsList .borders .left,
#Item #PointsList .borders .bottom,
#Item #PointsList .borders .right {
  z-index: 2;
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Item #PointsList .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Item #PointsList .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Item #PointsList .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item #PointsList .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item #BuildStatus {
  color: #ffa700 !important;
}
#Item #BuildStatus a i {
  margin-left: -1px;
}
#Item #Limit {
  color: #65d3ff !important;
}
#Item #Limit a i {
  margin-left: -1px;
}
#Item #Beta {
  color: #e7d53a !important;
}
#Item #Stock {
  text-transform: uppercase;
  margin: 4% 6% !important;
  font-size: 12px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 12px;
  text-align: left;
  padding: 3px 0;
  color: #9db3d2;
}
#Item #Stock .left-line,
#Item #Stock .right-line {
  position: relative;
  width: 42%;
  height: 1px;
  top: 10px;
  position: absolute;
  background: #b51d19;
  opacity: 0.6;
  right: 0;
  transition: 200ms ease-in-out;
  box-shadow: 0 0 1px rgba(0,0,0,0.15);
}
#Item #Stock .left-line {
  left: 0;
  right: auto;
  background: linear-gradient(to right, transparent, #b51d19 10%);
}
#Item #Stock .right-line {
  background: linear-gradient(to right, #b51d19 90%, transparent 100%);
}
#Item #Stock.instock .left-line {
  width: 46%;
  background: linear-gradient(to right, transparent, #188c2d 10%);
}
#Item #Stock.instock .right-line {
  width: 46%;
  background: linear-gradient(to right, #188c2d 90%, transparent);
}
#Item #Stock i {
  padding: 1px 16px;
  padding-left: 0;
}
#Item #Requirements {
  margin: 5px 16px !important;
  color: #ffc107;
  line-height: 18px;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  opacity: 0.8;
}
#Item #PurchaseButton {
  min-height: auto;
  width: 100%;
  height: 40px;
  border-radius: 0;
  display: inline-block;
  margin: 0% 0% 14% 0 !important;
}
#Item #ProductActions {
  height: 200px;
  width: 20%;
  margin: 0;
  max-width: inherit;
  background: linear-gradient(to bottom, #0b3669 34%, #031d3c 100%) !important;
  float: right;
  position: relative;
}
#Item #ProductActions .add-to-cart {
  background: #2e88d2;
  border: 1px solid #1f649c;
}
#Item #ProductActions .add-to-cart .army {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#Item #ProductActions .crowd-pleaser {
  position: absolute;
  bottom: 23px;
  right: 0;
  width: 100%;
  padding: 0;
  height: 110px;
}
#Item #ProductActions .crowd-buy {
  text-align: left;
}
#Item #ProductActions .crowd-buy span {
  position: relative;
  padding: 10px;
}
#Item #PassportFeat {
  font-size: 10px;
}
@media screen and (max-width: 1200px) {
  #Item #ItemImages {
    width: 98% !important;
    margin: 0 !important;
  }
  #Item #ItemDetails {
    float: none !important;
  }
  #Item .crowd-pleaser {
    width: 100% !important;
    margin: 0 !important;
    position: inherit !important;
    top: 10px !important;
  }
  #Item .crowd-items {
    width: 94% !important;
  }
  #Item #ItemDetails,
  #Item #ProductPrices,
  #Item #PurchaseButton {
    min-width: auto !important;
    width: 100% !important;
    padding: 0px !important;
    margin: 0% 0% 14% 0 !important;
  }
}
@media screen and (max-width: 768px) {
  #Item #ItemDetails {
    min-width: auto !important;
  }
  #Item #Beta,
  #Item #Requirements,
  #Item #BuildStatus {
    margin: 4% 6% !important;
  }
  #Item #ItemDetails,
  #Item #ProductPrices,
  #Item #PurchaseButton {
    margin: 0% 0% 3% 0 !important;
  }
  #Item #ProductActions {
    width: 30%;
  }
  #Item #ProductActions .crowd-items {
    width: 30%;
  }
}
#Item #Items {
  float: left;
  width: 57%;
  padding-left: 0;
  margin: 3% 0 0 0;
  padding: 0;
  border-radius: 0;
}
#Item #Items h4 {
  font-size: 30px;
  margin: 0 0px 10px 10px;
  padding: 10px 10px 0px 10px;
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,0.33);
}
#Item #Items ul {
  margin-left: 20px;
}
#Item #Items ul li {
  letter-spacing: 1px;
  color: #68baff;
  display: inline-block;
  margin: 0 20px 10px 0;
  font-size: 15px;
  text-shadow: 0 0 10px rgba(104,186,255,0.36);
}
@media screen and (max-width: 980px) {
  #Item #Items {
    margin: 0% 0 0 0;
  }
}
#Item .crowd-details {
  position: relative;
}
#Item .crowd-images {
  float: left;
  margin-right: 0px;
  margin-bottom: 15px;
}
#Item .crowd-box {
  min-height: 300px;
  width: 100%;
  margin: 0 1%;
  max-width: inherit;
  background: none !important;
  display: inline-block;
  border: none !important;
}
#Item .crowd-box .slide {
  width: auto;
}
#Item .crowd-title {
  font-size: 27px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 200;
  padding: 5% 3%;
  width: 95%;
  height: auto;
  background: transparent !important;
}
@media screen and (max-width: 980px) {
  #Item .crowd-title {
    line-height: 21px;
  }
}
#Item .crowd-title a {
  transition: 200ms 50ms;
  color: #e7f2ff;
}
#Item .crowd-title .arrows {
  float: left;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 2px;
}
#Item .crowd-title .arrows .one,
#Item .crowd-title .arrows .two,
#Item .crowd-title .arrows .three {
  position: absolute;
}
#Item .crowd-title .arrows .one {
  transition: 200ms 75ms;
}
#Item .crowd-title .arrows .two {
  top: 5px;
  transition: 200ms 50ms;
}
#Item .crowd-title .arrows .three {
  top: 10px;
  transition: 200ms 0ms;
}
#Item .crowd-title:hover .arrows {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
#Item .crowd-title:hover a {
  text-shadow: 0 0 13px #6495ed;
}
#Item .crowd-items {
  position: absolute;
  top: 0;
  opacity: 1;
  visibility: visible;
  left: 30px;
  height: 35px;
  left: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.21);
  backgorund: rgba(42,52,84,0.95) !important;
  width: 50%;
  padding: 1% 5%;
}
@media screen and (max-width: 600px) {
  #Item #ProductActions {
    float: none;
    width: 100%;
  }
  #Item #Items {
    float: none;
    width: 100% !important;
    margin: 0;
  }
  #Item #Items h4 {
    margin-left: 0px;
  }
  #Item #Items ul {
    margin-left: 0px;
  }
  #Item #Items ul li {
    color: #68baff;
    float: left;
    margin: 0 20px 10px 0;
    font-size: 19px;
    text-shadow: 0 0 10px rgba(104,186,255,0.36);
  }
  #Item .crowd-buy {
    padding: 0;
    float: left;
    text-align: left;
    width: auto;
    bottom: 5px;
  }
  #Item .crowd-items {
    width: 90%;
    padding: 2% 3%;
    position: inherit;
    float: none;
    height: auto;
  }
  #Item .crowd-pleaser {
    height: 90px !important;
    width: 100%;
    bottom: 0;
    top: 0px;
  }
  #Item .crowd-pleaser .buy {
    float: right !important;
    bottom: auto;
    top: 33px;
  }
}
#Item .crowd-pleaser {
  right: 0;
}
#Item .crowd-pleaser .crowd-buy {
  text-align: right;
  bottom: 65px;
  right: 20px;
  left: auto;
}
#Item .crowd-pleaser .crowd-buy small {
  text-decoration: line-through;
  font-size: 25px;
  color: #d4d4d4;
  position: absolute;
  text-align: right;
  top: -40px;
  right: 20px;
  width: auto;
  cursor: default;
}
#Item .buy.button {
  position: inherit;
  left: auto;
  right: auto;
  float: none;
  width: 100%;
  border-radius: 0;
  position: relative;
  background: transparent;
  border: transparent;
  bottom: 0 !important;
  box-shadow: 0 0 60px rgba(32,50,78,0);
  text-shadow: 0px 0px 5px rgba(166,189,255,0.5);
  font-weight: 300;
  font-size: 15px;
}
#Item .buy.button .borders {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#Item .buy.button .borders .top,
#Item .buy.button .borders .left,
#Item .buy.button .borders .bottom,
#Item .buy.button .borders .right {
  z-index: 2;
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#Item .buy.button .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#Item .buy.button .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#Item .buy.button .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item .buy.button .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#Item .buy.button.bought {
  position: relative;
  transition: 370ms;
  transform: translateY(0);
  background: #034a03 !important;
  border: 1px solid #104209 !important;
}
#Item .buy.button.bought .shine {
  position: absolute;
  transform: rotate(-45deg);
  height: 20px;
  width: 200px !important;
  left: -120%;
  top: 0;
  transition: 500ms ease-in-out;
  background: #fff;
  border-top: 0px solid #fff;
}
#Item .buy.button.bought:hover,
#Item .buy.button.bought:active,
#Item .buy.button.bought:focus {
  background: #034a03 !important;
}
#Item .buy.button.bought:hover .shine,
#Item .buy.button.bought:active .shine,
#Item .buy.button.bought:focus .shine {
  width: 90px !important;
  left: 100% !important;
  top: 30% !important;
}
#Item .buy.button .background,
#Item .buy.button .highlight {
  background: url("/assets/img/patterns/light-grey-floral-motif.png");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  height: 100%;
  width: 100%;
  transition: 150ms;
}
#Item .buy.button .highlight {
  background: linear-gradient(to right, transparent 0%, #0a3969 50%, transparent 100%);
  width: 0%;
  left: 50%;
  z-index: -1;
  opacity: 0;
}
#Item .buy.button .active,
#Item .buy.button:hover,
#Item .buy.button:active,
#Item .buy.button:focus {
  transform: translateY(0px) !important;
  box-shadow: 0 0 20px #20324e;
}
#Item .buy.button .active .highlight,
#Item .buy.button:hover .highlight,
#Item .buy.button:active .highlight,
#Item .buy.button:focus .highlight {
  background: linear-gradient(to right, transparent 0%, rgba(48,93,140,0.51) 50%, transparent 100%);
  width: 100%;
  left: 0%;
  opacity: 1;
}
#Item #PurchaseButton.active .buy.button {
  transform: translateY(0px) !important;
  box-shadow: 0 0 20px #20324e;
}
#Item #PurchaseButton.active .buy.button .highlight {
  background: linear-gradient(to right, transparent 0%, rgba(48,93,140,0.51) 50%, transparent 100%);
  width: 100%;
  left: 0%;
  opacity: 1;
}
#Item #ProductPoints {
  float: left;
  width: 100%;
}
#Item #ProductPoints ul li {
  cursor: default;
  transition: 200ms;
}
#Item #ProductPoints ul li a {
  cursor: pointer;
}
#Item #ProductPoints ul li.notice #Stock {
  color: #ff3d00;
}
#Item #ProductPoints ul li.notice:hover {
  transform: scale(1.17) translateX(16px) translateY(0px);
}
@media screen and (max-width: 768px) {
  #Item #ProductPoints ul li.notice:hover {
    transform: scale(1) !important;
  }
}
#Item .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#Item .product-items.active {
  bottom: 290px;
  visibility: visible;
  opacity: 1;
}
#Item .product-description {
  float: left;
  margin: 20px 0px 0 0;
  width: 50%;
  color: #fff !important;
}
#Item .product-description .product-price {
  font-size: 20px;
}
#Item .product-details {
  padding: 0 0 20px 0;
}
#Item .product-details .borders {
  position: absolute;
  left: 0;
  top: 0;
}
#Item .product-details .borders .left-border {
  width: 1px;
  height: 100px;
  left: -10px;
  top: -13px;
  background: linear-gradient(to bottom, rgba(22,67,119,0) 0%, #2773a9 18%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Item .product-details .borders .top-border {
  width: 260px;
  height: 1px;
  left: -25px;
  top: 0px;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #2773a9 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#Item .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#Item .stock {
  width: auto;
  padding: 3px 10px;
  position: absolute;
  border: none;
  bottom: 0px;
  right: 2px;
  border-radius: 2px 0 3px 0;
}
#Item .beta {
  opacity: 1;
  z-index: 1;
  border: 0 !important;
  width: auto;
  padding: 0px 10px 2px;
  position: absolute;
  right: 10px;
  left: auto;
  top: 10px;
  border-radius: 0 !important;
  transform: translateY(0px) !important;
}
@media screen and (max-width: 768px) {
  #Item .beta {
    bottom: 10px;
    left: 1px;
    right: initial;
    bottom: 0px;
    top: auto;
    border-radius: 2px 2px 2px 3px !important;
  }
}
#Item .cart-button {
  float: right;
  color: #fff;
}
#Item .cart-button .icon-cart {
  margin-top: 10px;
}
#Item .cart-button .item-count {
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
}
#Item .product-actions {
  color: #fff;
  float: left;
  text-align: right;
}
#Item .product-actions .product-description {
  position: inherit;
  float: left;
}
#Item .product-images {
  float: left;
  margin: 20px 20px 0 0;
}
#Item .productbullets li:first-child {
  font-weight: 600;
  text-transform: uppercase;
}
#Item .Itemdetails {
  margin: 20px 0;
  float: left;
  color: #fff;
}
#Item .product-items {
  opacity: 1;
}
#Item .related-products .related-product,
#Item .related-products h4 {
  font-size: 15px;
  line-height: 38px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
}
#Item #Features {
  width: 80%;
  max-width: 1070px;
}
#Item #Sidebar {
  width: 19%;
  right: 80px;
  position: fixed;
  bottom: 16px;
  border-bottom: 1px solid #2e639a;
  border-radius: 2px 2px 3px 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #0b3c77 100%);
  overflow: hidden;
  transition: 700ms cubic-bezier(0.41, -0.08, 0.16, 1.14);
  z-index: 100;
}
#Item #Sidebar .title {
  color: #fff;
  text-align: center;
  padding: 5px 0 5px 0;
  border-top: 1px solid #2e639a;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  cursor: pointer;
}
#Item #Sidebar .expand-icon {
  display: none;
}
#Item #Sidebar .no-items {
  margin: 0;
  border: 1px solid #034484;
  padding: 5px 10px;
  position: relative;
  margin: 5px;
  background: linear-gradient(to bottom, #113054 34%, #0c294c 100%);
  border-radius: 3px;
  font-size: 11px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 200;
  color: #d7e6f3;
  cursor: pointer;
}
#Item #Sidebar .items .selected-item {
  margin: 0;
  border: 1px solid #034484;
  padding: 5px 10px;
  position: relative;
  margin: 5px;
  background: linear-gradient(to bottom, #113054 34%, #0c294c 100%);
  border-radius: 3px;
}
#Item #Sidebar .items .selected-item .name {
  color: #fff;
  font-family: 'Lato';
  font-weight: 300;
  font-size: 16px;
}
#Item #Sidebar .items .selected-item .price {
  font-family: 'Lato';
  font-size: 13px;
  color: #4aafff;
  font-weight: 400;
}
#Item #Sidebar .items .selected-item .remove {
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #1e68a2;
  background: url("/assets/img/video-overlay.png") #1d3f73;
  border-radius: 3px;
  width: 20px;
  height: 20px;
  text-align: center;
  position: absolute;
  bottom: 5px;
  right: -4px;
  cursor: pointer;
}
#Item #Sidebar .items .selected-item .remove .icon {
  color: #a1ecff;
  font-size: 10px;
  padding: 3px;
  top: -5px;
  position: relative;
}
#Item #Sidebar .totals {
  margin-bottom: 5px;
}
#Item #Sidebar .totals .top {
  width: 92%;
  height: 1px;
  margin: auto;
  box-shadow: 0px 1px 1px rgba(10,21,33,0.18);
  background: linear-gradient(to right, rgba(214,179,96,0) 0%, rgba(195,175,126,0.4) 50%, rgba(214,179,96,0) 100%);
}
#Item #Sidebar .totals .cart-amount,
#Item #Sidebar .totals .cart-items {
  float: left;
  color: #d7e6f3;
  font-size: 12px;
  padding: 0 10px;
  font-weight: 100;
  letter-spacing: 0.7px;
}
#Item #Sidebar .totals .cart-amount {
  float: right;
}
#Item #Sidebar .checkout .button {
  left: 0;
  margin: 0;
  width: 100%;
  display: block;
  padding: 10px 0;
  font-weight: 400;
  position: relative;
  font-family: 'Lato';
  background: #488bbf;
  letter-spacing: 1.2px;
}
#Item #Sidebar .checkout .button span {
  z-index: 10;
  position: relative;
}
#Item #Sidebar .checkout .button :after {
  top: 0;
  left: 0;
  z-index: 9;
  width: 100%;
  height: 100%;
  position: absolute;
}
#Item #Subtitle {
  z-index: 10;
  min-height: 40px;
  position: relative;
  padding: 0 !important;
  background: transparent;
  font-size: 16px !important;
  margin: 15px auto 10px auto;
}
#Item #Subtitle span {
  top: 5px;
  cursor: pointer;
  font-weight: 400;
  position: relative;
  letter-spacing: 1px;
  color: #3b98e8 !important;
  padding: 8px 2px !important;
  transition: 200ms !important;
  text-transform: uppercase !important;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
}
#Item #Subtitle span:hover {
  color: #fff !important;
}
#Item #Subtitle .arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 4px;
  top: -25px;
  font-size: 16px;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.33);
}
#Item #Subtitle .arrows .one,
#Item #Subtitle .arrows .two,
#Item #Subtitle .arrows .three {
  position: absolute;
}
#Item #Subtitle .arrows .one {
  transition: 100ms 66ms;
}
#Item #Subtitle .arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
#Item #Subtitle .arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
#Item #Subtitle .left .arrows {
  float: left;
  left: 4px;
  top: -10px;
  transform: rotate(-90deg);
}
#Item #Subtitle .left .back,
#Item #Subtitle .rightside .back {
  padding: 14px 20px 7px 20px;
  position: absolute;
  top: -10px;
  border-radius: 0 0 12px 0px;
}
@media screen and (max-width: 1200px) {
  #FeaturedSidebar {
    width: 100% !important;
    margin-bottom: 50px;
  }
  #FeaturedSidebar #AdditionalItems {
    padding: 0 !important;
  }
  #SingleItem {
    width: 100% !important;
  }
  #AdditionalItems .crowd-buy {
    bottom: 25px !important;
  }
}
#AdditionalItems .container,
#Links .container {
  padding-top: 0;
}
#AdditionalItems h4,
#Links h4 {
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  font-size: 30px;
  text-align: left;
  padding: 0;
  line-height: 25px;
}
#AdditionalItems .crowd-box,
#Links .crowd-box {
  max-width: 300px;
  width: 100%;
  margin: 3% 2%;
  float: none !important;
  display: inline-block;
  border: none !important;
}
#AdditionalItems .crowd-box .inner-box,
#Links .crowd-box .inner-box {
  min-height: auto;
  height: 100%;
  background: linear-gradient(to bottom, rgba(65,95,150,0) 30%, rgba(32,52,97,0) 100%) !important;
  border: 1px solid rgba(65,95,150,0.63);
}
#AdditionalItems .crowd-title,
#Links .crowd-title {
  font-size: 19px;
}
#AdditionalItems .crowd-images,
#Links .crowd-images {
  margin-right: 0 !important;
}
#AdditionalItems .crowd-images .slide,
#Links .crowd-images .slide {
  width: 100% !important;
}
#AdditionalItems .crowd-pleaser,
#Links .crowd-pleaser {
  text-align: left;
  height: 60px !important;
}
#AdditionalItems .crowd-buy,
#Links .crowd-buy {
  text-align: left !important;
  right: 20px !important;
  position: absolute !important;
  width: auto !important;
  top: auto !important;
  bottom: 5px !important;
}
#AdditionalItems .stock,
#Links .stock {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 3px 0;
  right: 0;
}
#AdditionalItems .controls,
#Links .controls {
  height: 25px;
  margin: 35px 0 20px 0;
}
#AdditionalItems .controls .next,
#Links .controls .next,
#AdditionalItems .controls .prev,
#Links .controls .prev {
  cursor: pointer;
  user-select: none;
  font-weight: 300;
}
#AdditionalItems .controls .next i,
#Links .controls .next i,
#AdditionalItems .controls .prev i,
#Links .controls .prev i {
  margin: 0 8px 0 8px;
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 12px;
  color: #2e88d2;
  transition: 300ms;
}
#AdditionalItems .controls .next:hover i,
#Links .controls .next:hover i,
#AdditionalItems .controls .prev:hover i,
#Links .controls .prev:hover i {
  text-shadow: 0 0 15px;
  color: #fff;
}
#AdditionalItems .controls .next,
#Links .controls .next {
  float: right;
}
#AdditionalItems .controls .next i,
#Links .controls .next i {
  margin-right: 0 !important;
}
#AdditionalItems .controls .prev,
#Links .controls .prev {
  float: left;
}
#AdditionalItems .controls span,
#Links .controls span {
  color: #2e88d2;
}
#AdditionalItems #ItemImages,
#Links #ItemImages {
  overflow: hidden;
  position: relative;
  padding: 0 !important;
  transition: 400ms ease-in-out;
}
#AdditionalItems #ItemImages li,
#Links #ItemImages li {
  bottom: 0;
  left: 0;
  height: 100% !important;
  width: 100% !important;
  margin: 0 !important;
}
#AdditionalItems #ItemImages li img,
#Links #ItemImages li img {
  box-shadow: none !important;
  width: 100%;
}
#AdditionalItems #ItemImages li:hover img,
#Links #ItemImages li:hover img {
  width: 105%;
  transition: 400ms;
}
#AdditionalItems .button.buy,
#Links .button.buy {
  height: 40px;
  border: none;
  background: #2e88d2;
  box-shadow: none;
  transform: translateY(0px) !important;
}
#AdditionalItems .button.buy:hover .box-borders .top,
#Links .button.buy:hover .box-borders .top,
#AdditionalItems .button.buy:hover .box-borders .left,
#Links .button.buy:hover .box-borders .left,
#AdditionalItems .button.buy:hover .box-borders .bottom,
#Links .button.buy:hover .box-borders .bottom,
#AdditionalItems .button.buy:hover .box-borders .right,
#Links .button.buy:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#AdditionalItems .button.buy:hover .button-background,
#Links .button.buy:hover .button-background {
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 6px #213b98 !important;
}
#AdditionalItems small,
#Links small {
  text-decoration: line-through !important;
  font-size: 15px !important;
  color: #505050 !important;
  position: absolute !important;
  left: 20px !important;
  text-align: left !important;
  top: 20px !important;
}
#AdditionalItems .beta,
#Links .beta {
  width: 100%;
  text-align: center;
  padding: 3px 0px 5px 0;
  position: absolute;
  left: -1px;
  z-index: -1;
  border: 1px solid #07277b !important;
  transition: 300ms;
  opacity: 0;
}
#AdditionalItems .product_listings,
#Links .product_listings {
  min-height: 150px;
  overflow: hidden;
  text-align: center;
  display: inline-block;
}
@media screen and (max-width: 1200px) {
  #AdditionalItems .crowd-box,
  #Links .crowd-box {
    margin: 2.5%;
  }
}
@media screen and (max-width: 1200px) {
  #AdditionalItems .crowd-box,
  #Links .crowd-box {
    width: 30% !important;
    margin: 3% 5% !important;
  }
}
@media screen and (max-width: 768px) {
  #AdditionalItems .controls,
  #Links .controls {
    display: none;
  }
}
@media screen and (max-width: 600px) {
  #AdditionalItems .crowd-pleaser,
  #Links .crowd-pleaser {
    position: absolute;
    bottom: 20px;
    right: 0;
    width: 90%;
    padding: 0 3%;
    top: auto;
  }
  #AdditionalItems .crowd-buy,
  #Links .crowd-buy {
    bottom: 85px;
  }
}
@media screen and (max-width: 425px) {
  #AdditionalItems .crowd-pleaser,
  #Links .crowd-pleaser {
    width: 90% !important;
  }
  #AdditionalItems .crowd-pleaser .crowd-buy,
  #Links .crowd-pleaser .crowd-buy {
    padding: 0 6% !important;
  }
  #AdditionalItems .button.buy,
  #Links .button.buy {
    bottom: 35px !important;
  }
}
#Item .container {
  margin-bottom: 100px;
  padding-bottom: 0;
  padding-top: 0;
}
#Item .crowd-box {
  border-bottom: none !important;
  border: none !important;
}
#Links {
  overflow: hidden;
  min-height: 244px;
  margin: 20px 0;
  position: relative;
  float: left !important;
  padding: 0;
  text-align: center;
  width: 100% !important;
  border-radius: 2px;
  background: radial-gradient(circle at center, #1b255b, #03162f);
}
#Links ul {
  text-align: center;
  position: relative;
}
#Links ul li {
  width: 30% !important;
  text-align: left;
  position: relative;
  cursor: pointer;
  margin: 2% 1%;
  display: inline-block;
  transition: 200ms;
}
#Links ul li .background {
  background-size: cover !important;
  background-position: center !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#Links ul li .title {
  background: radial-gradient(at bottom, rgba(140,149,150,0.62) 0%, transparent 70%);
  position: absolute;
  letter-spacing: 1px;
  line-height: 25px;
  font-size: 23px;
  transition: 200ms;
  padding: 7px 0;
  height: auto;
  width: 100%;
  bottom: 0;
  left: 0;
}
#Links ul li .title .titlebackground {
  opacity: 0;
  transition: 200ms;
  background: radial-gradient(at bottom, rgba(16,40,72,0.5) 0%, transparent 50%);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
#Links ul li .title span {
  z-index: 8;
  position: relative;
  letter-spacing: 2px;
  text-shadow: 3px 3px 20px #000 !important;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 19px;
}
@media screen and (max-width: 980px) {
  #Links ul li .title span {
    font-size: 15px;
  }
}
#Links ul li .box-borders {
  opacity: 0.3;
  transition: 300ms;
}
#Links ul li.community {
  height: 200px;
}
#Links ul li.community .background {
  background: url("/assets/img/art/BB-RV-lake-01.jpg");
}
#Links ul li.game-shop {
  height: 200px;
}
#Links ul li.game-shop .background {
  background: url("/assets/img/art/identity-robbery.jpg");
}
#Links ul li.about-identity {
  height: 200px;
}
#Links ul li.about-identity .background {
  background: url("/assets/img/art/identity-map-02.jpg");
}
#Links ul li:hover {
  box-shadow: 6px 6px 19px 7px rgba(0,0,0,0.48);
  transform: scale(1.024);
}
#Links ul li:hover .box-borders {
  text-align: center;
  opacity: 1;
}
#Links ul li:hover .box-borders * {
  background: #6495ed;
}
#Links ul li:hover .box-borders .line-top {
  display: inline-block;
  background: #d6fffd !important;
  height: 4px;
  width: 0%;
}
#Links ul li:hover .title {
  padding: 20px 0;
}
#Links ul li:hover .titlebackground {
  opacity: 0.7;
}
@media screen and (max-width: 600px) {
  #Links ul li {
    width: 92% !important;
  }
  #Links ul li #AccountHelp ul {
    padding: 15px 0;
  }
  #Links ul li #AccountHelp ul li {
    width: 86% !important;
    margin: 10px 0 !important;
    font-size: 17px !important;
    padding: 14px 2% !important;
  }
}
h4.highlight {
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  font-size: 22px;
  text-align: left;
  padding: 0;
  margin: 0 0 0 30px;
  line-height: 25px;
}
#ItemImageModal {
  position: relative;
  background: rgba(2,15,31,0.95);
  z-index: 20;
  text-align: center;
  padding-bottom: 0;
  display: inline-block;
  height: auto;
  overflow: hidden;
  max-width: 80%;
  min-height: 230px;
  min-width: 430px;
  margin-bottom: 3%;
  margin-top: 50px;
}
#ItemImageModal i {
  top: 17px;
  right: 20px;
  z-index: 100;
  position: absolute;
  cursor: pointer;
  color: #3d7ef5;
}
#ItemImageModal .control {
  display: inline-block;
  float: none;
  padding: 0;
  width: auto;
  margin: 0 10px;
}
#ItemImageModal .sides {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  z-index: 0;
}
#ItemImageModal .sides .left,
#ItemImageModal .sides .right {
  position: absolute;
  top: 0;
}
#ItemImageModal .sides .left {
  width: 50%;
  height: 100%;
  left: 0;
}
#ItemImageModal .sides .right {
  width: 50%;
  height: 100%;
  right: 0;
}
#ItemImageModal .control {
  padding: 0;
}
#ItemImageModal .thumb {
  max-width: 100px;
  max-height: 200px;
  display: inline-block;
  margin: 2% 2%;
}
#ItemImageModal .thumb img {
  width: 100%;
}
#ItemImageModal #ItemImageThumbs li {
  cursor: pointer;
  position: relative;
  border-bottom: 1px solid transparent;
  box-shadow: -1px 5px 10px transparent;
  transition: 250ms;
}
#ItemImageModal #ItemImageThumbs li:hover,
#ItemImageModal #ItemImageThumbs li.active {
  border-bottom: 1px solid #8eb8c1;
  box-shadow: -1px 5px 10px #214066;
}
#ItemImageModal #ImageLightbox img {
  pointer-events: none;
  max-width: 100%;
  margin: 15px;
  max-width: 76vw;
}
#ItemImageModal #ImageOptions {
  height: 50px;
  margin: 10px 0;
  text-align: center;
}
#ItemImageModal #ImageOptions .control {
  display: inline-block;
  float: none;
  padding: 0;
  width: auto;
  margin: 0 10px;
}
#ItemImageModal #ImageOptions .control .butn {
  padding: 5px;
  position: relative;
  cursor: pointer;
}
#ItemImageModal h2 {
  line-height: normal !important;
  height: auto;
  font-size: 11px;
  padding: 0;
}
#ItemImageModal h2 span {
  line-height: normal;
  font-size: 14px;
  line-height: normal;
  display: inline-block;
  margin: 0 7px;
}
#ItemImageModal .lines {
  position: absolute;
  pointer-events: none;
  top: 0;
  width: 100%;
  left: 0;
}
#ItemImageModal .lines .left-hook,
#ItemImageModal .lines .right-hook {
  position: absolute;
  top: -1px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0px 0 3px 8px;
  border-color: transparent transparent transparent #145edb;
}
#ItemImageModal .lines .top-left {
  position: absolute;
  left: 0;
  height: 3px;
  width: 7%;
  background: #005eff;
  box-shadow: 0 0 3px #005eff;
}
#ItemImageModal .lines .top-left .right-hook {
  right: -8px;
}
#ItemImageModal .lines .top-right {
  position: absolute;
  right: 0;
  height: 3px;
  width: 7%;
  background: #005eff;
  box-shadow: 0 0 3px #005eff;
}
#ItemImageModal .lines .top-right .left-hook {
  left: -8px;
  border-width: 0px 8px 3px 0;
  border-color: transparent #145ddb transparent transparent;
}
#ItemImageModal .highlight {
  text-align: center;
  font-size: 17px;
  letter-spacing: 1px;
  padding: 10px 20px;
  margin: 0;
  display: inline-block;
  background: linear-gradient(to right, transparent 0%, rgba(10,57,105,0.38) 50%, transparent 100%);
  position: relative;
  min-width: 150px;
}
#ItemImageModal .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#ItemImageModal .border .left {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 1px;
  height: 100%;
  transform: skew(20deg);
  border-left: none;
  border-radius: 0 0px;
  background: linear-gradient(to bottom, #264171 0%, #264171 60%, transparent);
}
#ItemImageModal .border .right {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  transform: skew(-25deg);
  border-right: none;
  border-radius: 0px 0;
  background: linear-gradient(to bottom, #264171 0%, #264171 60%, transparent);
}
#ItemImageModal .border .bottom {
  position: absolute;
  bottom: -1px;
  left: 5%;
  width: 89%;
  height: 1px;
  border-radius: 0;
  background: linear-gradient(to right, transparent, #2364da 15%, #4788ff 50%, #2052af 85%, transparent 100%);
  border: none;
}
#AdditionalProducts,
#Links {
  position: relative;
  background: #0c141f;
}
#AdditionalProducts .borders,
#Links .borders {
  position: absolute;
  z-index: -1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#AdditionalProducts .borders .top,
#Links .borders .top,
#AdditionalProducts .borders .left,
#Links .borders .left,
#AdditionalProducts .borders .bottom,
#Links .borders .bottom,
#AdditionalProducts .borders .right,
#Links .borders .right,
#AdditionalProducts .borders .right-line,
#Links .borders .right-line,
#AdditionalProducts .borders .left-line,
#Links .borders .left-line {
  position: absolute;
  background: #6495ed;
  box-shadow: 0 0 3px #0052de;
}
#AdditionalProducts .borders .top,
#Links .borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
#AdditionalProducts .borders .bottom,
#Links .borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
#AdditionalProducts .borders .left,
#Links .borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#AdditionalProducts .borders .right,
#Links .borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
#AdditionalProducts .borders .right-line,
#Links .borders .right-line {
  right: 1px;
  top: 0;
  height: 30%;
  width: 3px;
  transition: 300ms;
  background: #1e63d9;
}
#AdditionalProducts .borders .left-line,
#Links .borders .left-line {
  left: 0;
  bottom: 0;
  height: 30%;
  width: 3px;
}
#AdditionalProducts .title,
#Links .title {
  text-align: center;
}
#AdditionalProducts .title .highlight,
#Links .title .highlight {
  text-align: center;
  font-size: 17px;
  letter-spacing: 1px;
  padding: 10px 20px;
  margin: 0;
  display: inline-block;
  background: linear-gradient(to right, transparent 0%, rgba(10,57,105,0.38) 50%, transparent 100%);
  position: relative;
}
@media screen and (max-width: 400px) {
  #AdditionalProducts .title .highlight,
  #Links .title .highlight {
    font-size: 12px;
  }
}
#AdditionalProducts .title span,
#Links .title span {
  left: 0px !important;
  font-weight: 500 !important;
}
#AdditionalProducts .title .border,
#Links .title .border {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#AdditionalProducts .title .border .left,
#Links .title .border .left {
  position: absolute;
  top: 0;
  left: 0;
  width: 11px;
  height: 100%;
  transform: skew(25deg);
  border-left: 2px solid #6495ed;
  border-radius: 0 10px;
}
#AdditionalProducts .title .border .right,
#Links .title .border .right {
  position: absolute;
  top: 0;
  right: 0;
  width: 11px;
  height: 100%;
  transform: skew(-25deg);
  border-right: 2px solid #6495ed;
  border-radius: 10px 0;
}
#AdditionalProducts .title .border .bottom,
#Links .title .border .bottom {
  position: absolute;
  bottom: 0;
  left: 5%;
  width: 90%;
  height: 8px;
  border-bottom: 2px solid #4576c0;
  border-radius: 10px;
}
#AdditionalProducts .background,
#Links .background {
  background: rgba(0,24,64,0.58);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
}
#AdditionalProducts #ItemImages,
#Links #ItemImages {
  margin: 0;
  padding: 0;
  width: 100% !important;
  overflow: hidden;
  border: 2px solid #b5cdf9;
  border-radius: 0;
  transition: 240ms;
  background: rgba(0,0,0,0.5) !important;
}
#AdditionalProducts #ItemImages a,
#Links #ItemImages a {
  height: 100%;
  display: block;
}
@media screen and (max-width: 980px) {
  #AdditionalProducts #ItemImages,
  #Links #ItemImages {
    height: auto;
  }
}
#AdditionalProducts .Price,
#Links .Price {
  color: #e7eff9;
}
#AdditionalProducts .Price span,
#Links .Price span {
  position: relative;
  letter-spacing: 1px;
}
#AdditionalProducts .container,
#Links .container {
  padding-top: 0;
}
#AdditionalProducts .item_listings,
#Links .item_listings {
  text-align: center !important;
  margin-bottom: 2%;
  z-index: auto;
}
@media screen and (max-width: 1200px) {
  #AdditionalProducts .item_listings .crowd-title,
  #Links .item_listings .crowd-title {
    font-size: 15px;
  }
}
#AdditionalProducts .item_listings li:hover #ItemImages,
#Links .item_listings li:hover #ItemImages {
  box-shadow: 0 0 13px #6495ed;
}
#AdditionalProducts .item_listings li:hover .crowd-title a,
#Links .item_listings li:hover .crowd-title a {
  text-shadow: 0 0 13px #6495ed;
}
#AdditionalProducts .item_listings li:hover .crowd-box,
#Links .item_listings li:hover .crowd-box {
  box-shadow: 0 0 18px rgba(0,0,0,0.4) !important;
}
#AdditionalProducts .crowd-title,
#Links .crowd-title {
  padding-bottom: 0;
  height: auto !important;
}
#AdditionalProducts .crowd-box,
#Links .crowd-box {
  position: relative;
  font-size: 13px;
  top: 0;
  border: 2px solid #fff;
  box-shadow: none !important;
  display: inline-block;
  min-width: auto !important;
  min-height: auto !important;
  margin: 3% 2.5% 1% 0% !important;
  z-index: 5;
}
@media screen and (max-width: 768px) {
  #AdditionalProducts .crowd-box,
  #Links .crowd-box {
    margin: 6% 2.5% 6% 0% !important;
  }
}
#AdditionalProducts .crowd-box *,
#Links .crowd-box * {
  z-index: 5;
}
#AdditionalProducts .crowd-images,
#Links .crowd-images {
  margin-right: 0 !important;
}
#AdditionalProducts .crowd-images .slide,
#Links .crowd-images .slide {
  width: 100%;
}
#AdditionalProducts .crowd-pleaser,
#Links .crowd-pleaser {
  text-align: left;
}
#AdditionalProducts .crowd-buy,
#Links .crowd-buy {
  bottom: 70px !important;
  text-align: left !important;
}
#AdditionalProducts .crowd-description,
#Links .crowd-description {
  font-size: 14px;
  line-height: 20px !important;
  font-weight: 300;
  color: #9db3d2 !important;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 15px;
  letter-spacing: 0.35px;
  text-shadow: 0 0 2px rgba(22,47,78,0.1);
}
#AdditionalProducts .stock,
#Links .stock {
  position: absolute;
  bottom: 0px;
  width: 100%;
  padding: 3px 0;
  right: 0;
}
#AdditionalProducts .controls,
#Links .controls {
  position: absolute;
  top: 45%;
  margin: 0;
  width: 100%;
}
#AdditionalProducts .controls .next,
#Links .controls .next,
#AdditionalProducts .controls .prev,
#Links .controls .prev {
  cursor: pointer;
  user-select: none;
  font-weight: 300;
  margin: 0px 20px;
}
#AdditionalProducts .controls .next i,
#Links .controls .next i,
#AdditionalProducts .controls .prev i,
#Links .controls .prev i {
  margin: 0 8px 0 8px;
  padding: 120px 7px 120px 150px;
  border-radius: 31px;
  font-size: 30px;
  color: #2e88d2;
  transition: 300ms;
}
#AdditionalProducts .controls .next:hover i,
#Links .controls .next:hover i,
#AdditionalProducts .controls .prev:hover i,
#Links .controls .prev:hover i {
  color: #fff;
}
#AdditionalProducts .controls .next,
#Links .controls .next {
  float: right;
}
#AdditionalProducts .controls .next i,
#Links .controls .next i {
  margin-right: 0 !important;
}
#AdditionalProducts .controls .prev,
#Links .controls .prev {
  float: left;
}
#AdditionalProducts .controls .prev i,
#Links .controls .prev i {
  padding: 120px 150px 120px 0px;
}
#AdditionalProducts .controls span,
#Links .controls span {
  color: #2e88d2;
  font-size: 17px;
}
#AdditionalProducts .button.buy,
#Links .button.buy {
  right: 20px !important;
  position: absolute !important;
  width: auto !important;
  top: auto !important;
  bottom: 15px !important;
}
#AdditionalProducts small,
#Links small {
  text-decoration: line-through !important;
  font-size: 15px !important;
  color: #505050 !important;
  position: absolute !important;
  left: 20px !important;
  text-align: left !important;
  top: 20px !important;
}
#AdditionalProducts .beta,
#Links .beta {
  width: 100%;
  text-align: center;
  padding: 3px 0px 5px 0;
  position: absolute;
  left: -1px;
  z-index: -1;
  border: 1px solid #07277b !important;
  transition: 300ms;
  opacity: 0;
}
#AdditionalProducts .product_listings,
#Links .product_listings {
  text-align: center;
}
#AdditionalProducts .slide,
#Links .slide {
  width: 100% !important;
}
@media screen and (max-width: 425px) {
  #AdditionalProducts .crowd-pleaser,
  #Links .crowd-pleaser {
    width: 90% !important;
  }
  #AdditionalProducts .crowd-pleaser .crowd-buy,
  #Links .crowd-pleaser .crowd-buy {
    padding: 0 6% !important;
  }
  #AdditionalProducts .button.buy,
  #Links .button.buy {
    bottom: 35px !important;
  }
}
@media screen and (max-width: 720px) {
  #AdditionalProducts .crowd-box .crowd-title,
  #Links .crowd-box .crowd-title {
    line-height: 20px !important;
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 1200px) {
  #AdditionalProducts .crowd-box,
  #Links .crowd-box {
    margin: 2.5%;
  }
}
@media screen and (max-width: 1200px) {
  #AdditionalProducts .crowd-box,
  #Links .crowd-box {
    width: 30% !important;
    margin: 3% 5%;
  }
}
#Links.loading {
  height: 244px;
}
#Links .background {
  opacity: 1;
}
item .shop-link {
  right: 30px !important;
}
#StoreItems,
#ProductListing {
  position: relative;
/*	
	@media screen and (max-width: 1200px)
		.crowd-title
			min-height: 210px;
	*/
}
#StoreItems #CartDetails #SelectedImages,
#ProductListing #CartDetails #SelectedImages {
  max-height: 390px;
  position: relative;
}
#StoreItems #CartDetails #SelectedImages .direction-controls,
#ProductListing #CartDetails #SelectedImages .direction-controls {
  position: absolute;
  bottom: 0px;
  margin: 0;
  background: linear-gradient(rgba(6,34,62,0.16) 34%, rgba(20,23,39,0.59)) !important;
}
#StoreItems #CartDetails #SelectedImages .direction-controls .next,
#ProductListing #CartDetails #SelectedImages .direction-controls .next,
#StoreItems #CartDetails #SelectedImages .direction-controls .prev,
#ProductListing #CartDetails #SelectedImages .direction-controls .prev {
  text-shadow: 0px 1px 1px #2b2b2b;
}
#StoreItems #CartDetails #SelectedImages .direction-controls .center span,
#ProductListing #CartDetails #SelectedImages .direction-controls .center span {
  margin: 0 5px !important;
}
#StoreItems #CartDetails .overlay-actions,
#ProductListing #CartDetails .overlay-actions {
  bottom: 0px;
}
#StoreItems #CartDetails .overlay-actions .items,
#ProductListing #CartDetails .overlay-actions .items {
  position: absolute;
  width: 100%;
  left: 0;
  color: #1e63d9;
}
#StoreItems #CartDetails .overlay-actions .items .currency span,
#ProductListing #CartDetails .overlay-actions .items .currency span {
  margin: 0 5px;
}
#StoreItems #CartDetails .title,
#ProductListing #CartDetails .title {
  letter-spacing: 2px;
  margin: 0 !important;
  height: 45px;
  background: #0d1a3b;
  width: 97.5%;
  position: fixed;
  top: 10px;
  z-index: 3;
  left: 10px;
}
#StoreItems #CartDetails .direction-controls span,
#ProductListing #CartDetails .direction-controls span {
  color: #83b3ff;
}
#StoreItems #StoreItems .title-row h5 a,
#ProductListing #StoreItems .title-row h5 a {
  top: 3px;
  position: relative;
}
#StoreItems #Currency,
#ProductListing #Currency {
  width: auto !important;
  float: left;
}
#StoreItems #ProductImages,
#ProductListing #ProductImages {
  background: linear-gradient(to bottom, #10121e, #224178);
}
#StoreItems .item_listings,
#ProductListing .item_listings {
  text-align: center;
  float: left;
  width: 100%;
  margin: 0;
  min-height: 250px;
}
#StoreItems .item_listings li.crowd-box,
#ProductListing .item_listings li.crowd-box {
  min-height: 500px;
  margin: 3% 2.5% !important;
  background: rgba(0,0,0,0.5);
}
@media screen and (max-width: 980px) {
  #StoreItems .item_listings li.crowd-box,
  #ProductListing .item_listings li.crowd-box {
    margin: 3% 2.5% !important;
  }
}
#StoreItems .item_listings li.crowd-box .background,
#ProductListing .item_listings li.crowd-box .background {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: 500ms cubic-bezier(0.67, 1.18, 0.67, 1.36);
  background: linear-gradient(#0d4b92 34%, #00152e);
}
#StoreItems .item_listings li.crowd-box.hiddenStagger,
#ProductListing .item_listings li.crowd-box.hiddenStagger {
  position: relative;
  opacity: 0;
  top: -5px;
}
#StoreItems .item_listings li.crowd-box:hover,
#ProductListing .item_listings li.crowd-box:hover,
#StoreItems .item_listings li.crowd-box.active,
#ProductListing .item_listings li.crowd-box.active {
  background: rgba(0,0,0,0);
}
#StoreItems .item_listings li.crowd-box:hover .background,
#ProductListing .item_listings li.crowd-box:hover .background,
#StoreItems .item_listings li.crowd-box.active .background,
#ProductListing .item_listings li.crowd-box.active .background {
  opacity: 0.6;
}
#StoreItems .item_listings li.crowd-box:hover .corners,
#ProductListing .item_listings li.crowd-box:hover .corners,
#StoreItems .item_listings li.crowd-box.active .corners,
#ProductListing .item_listings li.crowd-box.active .corners {
  opacity: 1 !important;
  transform: scale(0.96);
}
#StoreItems .item_listings li.crowd-box #ProductDetails,
#ProductListing .item_listings li.crowd-box #ProductDetails {
  min-height: 280px;
}
#StoreItems .item_listings li.crowd-box #ProductDetails .crowd-title,
#ProductListing .item_listings li.crowd-box #ProductDetails .crowd-title {
  height: 240px;
  min-height: 230px;
  margin-bottom: 30px;
}
#StoreItems .item_listings li.crowd-box #ProductDetails .crowd-title h5,
#ProductListing .item_listings li.crowd-box #ProductDetails .crowd-title h5 {
  font-size: 19px;
}
#StoreItems .item_listings li.crowd-box #ProductDetails a,
#ProductListing .item_listings li.crowd-box #ProductDetails a {
  font-size: inherit;
  margin-top: 0;
}
#StoreItems .item_listings li.crowd-box .crowd-description a,
#ProductListing .item_listings li.crowd-box .crowd-description a {
  font-size: 14px;
}
#StoreItems .item_listings li.crowd-box .enlighten,
#ProductListing .item_listings li.crowd-box .enlighten {
  bottom: 0;
  top: auto;
  opacity: 0;
  z-index: 8;
  height: 0%;
  transition: 100ms;
  position: absolute;
}
#StoreItems .item_listings li.crowd-box .enlighten .left,
#ProductListing .item_listings li.crowd-box .enlighten .left,
#StoreItems .item_listings li.crowd-box .enlighten .right,
#ProductListing .item_listings li.crowd-box .enlighten .right {
  background: linear-gradient(to bottom, #6495ed 0%, rgba(255,255,255,0.541) 50%, rgba(202,202,202,0.451) 75%, #658d8d);
}
#StoreItems .item_listings li.crowd-box .enlighten .bottom,
#ProductListing .item_listings li.crowd-box .enlighten .bottom {
  background: #658d8d;
}
#StoreItems .item_listings li.crowd-box:hover .enlighten,
#ProductListing .item_listings li.crowd-box:hover .enlighten {
  opacity: 1;
  height: 100%;
}
#StoreItems .item_listings li,
#ProductListing .item_listings li {
  width: 40%;
  max-width: inherit !important;
  border: none !important;
}
#StoreItems .item_listings li .crowd-description,
#ProductListing .item_listings li .crowd-description {
  color: #9db3d2;
  line-height: 20px;
  font-weight: 300;
  transition: 400ms ease-in-out;
  line-height: 23px !important;
  margin: 0;
  padding: 0;
}
#StoreItems .item_listings li .crowd-description a,
#ProductListing .item_listings li .crowd-description a {
  position: relative;
  z-index: 10;
}
#StoreItems .item_listings li .crowd-pleaser,
#ProductListing .item_listings li .crowd-pleaser {
  display: block;
  width: 90%;
  padding: 5%;
  bottom: 0;
  font-size: 26px;
  letter-spacing: 1.9px;
  color: #5ba7ff;
  position: absolute;
  margin: 0 0px;
  z-index: 5;
}
#StoreItems .item_listings li #ProductImages,
#ProductListing .item_listings li #ProductImages {
  z-index: 5;
  width: 100%;
  height: auto;
  cursor: alias;
  overflow: hidden;
  position: relative;
  box-shadow: 0px 2px 5px rgba(0,0,0,0.28);
  background: linear-gradient(to bottom, #10121e, #224178);
}
#StoreItems .item_listings li #ProductImages li,
#ProductListing .item_listings li #ProductImages li {
  width: 100%;
  max-height: 225px;
}
#StoreItems .item_listings li #ProductImages li img,
#ProductListing .item_listings li #ProductImages li img {
  width: 100%;
}
#StoreItems .filter-button,
#ProductListing .filter-button {
  color: rgba(255,255,255,0.31);
  font-kerning: inherit;
  font-size: 24px;
  text-shadow: 0 0 2px #132c48;
  position: absolute;
  top: 35px;
  right: 30px;
  cursor: pointer;
  padding: 10px;
}
#StoreItems .filter-button:hover,
#ProductListing .filter-button:hover {
  color: #fff !important;
  text-shadow: 0 0 6px #80a6c5 !important;
}
#StoreItems .hide-filters,
#ProductListing .hide-filters {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 15px;
}
#StoreItems .crowd-description,
#ProductListing .crowd-description {
  font-size: 14px;
  padding: 0 15px;
  line-height: 25px;
  font-weight: 300;
  color: #c2dbff;
  transition: all 0.2s ease;
  letter-spacing: 0.35px;
  -webkit-transition: all 0.2s ease;
  text-shadow: 0 0 2px rgba(22,47,78,0.1);
}
#StoreItems .item_listings .crowd-title,
#ProductListing .item_listings .crowd-title {
  width: 90%;
  z-index: 10;
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  margin-bottom: 0;
  text-align: left;
  line-height: 22px;
  letter-spacing: 2px;
  width: 88% !important;
  text-transform: uppercase;
  transition: all 0.2s ease;
  padding: 3% 6% !important;
  min-height: 240px !important;
  text-shadow: 0px 0px 10px #0d1d52 !important;
/* background linear-gradient(to bottom, #252525 34%, #3a3a3a 100%); */
}
#StoreItems .item_listings .crowd-title h5,
#ProductListing .item_listings .crowd-title h5 {
  font-size: 23px;
  color: #c2dbff;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 10px;
  line-height: 25px;
  border-bottom: 3px;
  margin-bottom: 10px;
  position: relative;
  z-index: 5;
  height: 25px;
  overflow: hidden;
}
#StoreItems .item_listings .crowd-title a,
#ProductListing .item_listings .crowd-title a {
  width: 100%;
  display: inline-block;
}
#StoreItems .crowd-images .slide,
#ProductListing .crowd-images .slide {
  width: 100%;
}
#StoreItems .crowd-items,
#ProductListing .crowd-items {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  position: absolute;
  bottom: 280px;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
}
#StoreItems .crowd-items.active,
#ProductListing .crowd-items.active {
  bottom: 290px;
  visibility: visible;
  opacity: 1;
}
#StoreItems .triange,
#ProductListing .triange {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #6d85b0;
  position: absolute;
  bottom: -12px;
  left: 15px;
}
#StoreItems .crowd-box,
#ProductListing .crowd-box {
  top: 0;
  font-size: 13px;
  min-width: auto;
  position: relative;
  border-radius: 2px;
  margin: 0% 2.5% 4% 0%;
  display: inline-block;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
}
#StoreItems .loader-item.crowd-box .background,
#ProductListing .loader-item.crowd-box .background {
  background: linear-gradient(#03264e 34%, #000) !important;
  opacity: 0.5 !important;
}
#StoreItems .loader-item.crowd-box .image,
#ProductListing .loader-item.crowd-box .image {
  position: absolute;
  top: 18px;
  left: 3%;
  width: 94%;
  height: 225px;
  background: linear-gradient(to bottom, #212121, #333);
  border-radius: 2px;
}
#StoreItems .loader-item.crowd-box .lines,
#ProductListing .loader-item.crowd-box .lines {
  position: absolute;
  top: 272px;
  left: 3.5%;
  width: 50%;
  height: 30px;
  background: #2c3642;
  border-radius: 2px;
}
#StoreItems .loader-item.crowd-box .lines.smaller,
#ProductListing .loader-item.crowd-box .lines.smaller {
  position: absolute;
  top: 312px;
  left: 3.5%;
  width: 85%;
  height: 15px;
  background: #2c3642;
  border-radius: 2px;
}
#StoreItems .loader-item.crowd-box .lines.price,
#ProductListing .loader-item.crowd-box .lines.price {
  position: absolute;
  bottom: 82px;
  top: auto;
  left: 3.5%;
  width: 20%;
  height: 20px;
  background: #344558;
  border-radius: 2px;
}
#StoreItems .loader-item.crowd-box .square,
#ProductListing .loader-item.crowd-box .square {
  position: absolute;
  bottom: 30px;
  top: auto;
  left: 3.5%;
  right: 30px;
  height: 40px;
  width: 93%;
  background: linear-gradient(to bottom, #2f4358, #2b475a);
  border-radius: 0px;
}
#StoreItems:hover .crowd-buy,
#ProductListing:hover .crowd-buy,
#StoreItems.active .crowd-buy,
#ProductListing.active .crowd-buy {
  color: #c5e5f3;
}
#StoreItems:hover .beta,
#ProductListing:hover .beta,
#StoreItems.active .beta,
#ProductListing.active .beta {
  border-radius: 0 0 3px 3px;
  opacity: 1;
  transform: translateY(30px) rotateX(0deg);
  height: 20px;
  padding: 3px 0px 5px 0;
}
#StoreItems .front-view-icon,
#ProductListing .front-view-icon {
  transition: all 300ms 2s;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 80px;
  right: 0px;
  z-index: 2;
}
#StoreItems .front-view-icon .right-arrow,
#ProductListing .front-view-icon .right-arrow {
  transform: rotate(45deg);
  z-index: 10;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;
}
#StoreItems .back-view-icon,
#ProductListing .back-view-icon {
  transition: all 300ms 2s;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 80px;
  right: 0px;
  z-index: 2;
}
#StoreItems .back-view-icon .left-arrow,
#ProductListing .back-view-icon .left-arrow {
  transform: rotate(-45deg);
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;
}
#StoreItems:hover .view-icon,
#ProductListing:hover .view-icon {
  opacity: 1;
}
#StoreItems .product_listings,
#ProductListing .product_listings {
  min-height: 150px;
  overflow: hidden;
}
#StoreItems .product_listings #PurchaseButton,
#ProductListing .product_listings #PurchaseButton {
  margin: 5% 0 0 0 !important;
}
#StoreItems .product_listings li .Face,
#ProductListing .product_listings li .Face,
#StoreItems .product_listings li .Back,
#ProductListing .product_listings li .Back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100% !important;
  border-bottom: 1px solid #2e639a;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #2e588a 100%);
}
#StoreItems .product_listings li .Back,
#ProductListing .product_listings li .Back {
  opacity: 0;
  display: none;
}
#StoreItems .product_listings li .Back h5,
#ProductListing .product_listings li .Back h5 {
  text-align: center;
  padding: 15px 0 0 0px;
}
#StoreItems .product_listings li .Back hr,
#ProductListing .product_listings li .Back hr {
  width: 80%;
  margin: 12px auto;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #5e84b1 50%, rgba(46,88,138,0) 100%);
  height: 1px;
  border: none;
}
#StoreItems .borders,
#ProductListing .borders {
  pointer-events: none;
  width: 100%;
  height: 100%;
  position: absolute;
}
#StoreItems .borders .top-border,
#ProductListing .borders .top-border {
  width: 110%;
  height: 1px;
  left: -5%;
  bottom: 126px;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #195fbe 15%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#StoreItems .borders .bottom-border,
#ProductListing .borders .bottom-border {
  width: 110%;
  height: 1px;
  left: -5%;
  bottom: 60px;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #4889b7 10%, #4889b7 90%, rgba(46,88,138,0) 100%);
  position: absolute;
  z-index: 20;
}
#StoreItems .item_sidebar,
#ProductListing .item_sidebar {
  width: 22%;
  float: left;
  padding: 0 0 1% 0;
  background: linear-gradient(to bottom, rgba(13,55,103,0.75) 34%, rgba(0,22,47,0.66) 100%);
  border-right: 1px solid #23313e;
  box-shadow: 0 0 18px rgba(0,0,0,0.24);
  border: 1px solid rgba(68,128,174,0.44);
}
#StoreItems .item_sidebar .items li,
#ProductListing .item_sidebar .items li {
  height: 115px;
  position: relative;
}
#StoreItems .item_sidebar h2,
#ProductListing .item_sidebar h2 {
  font-size: 22px;
  line-height: 25px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px 0 5px 0;
  text-shadow: 2px 2px 4px #000 !important;
  text-align: center;
}
#StoreItems .item_sidebar #ProductImages,
#ProductListing .item_sidebar #ProductImages {
  width: 100%;
  float: left;
  padding: 0 5%;
}
#StoreItems .item_sidebar #ProductImages li,
#ProductListing .item_sidebar #ProductImages li {
  height: 150px;
  position: relative;
}
#StoreItems .item_sidebar #ProductImages li img,
#ProductListing .item_sidebar #ProductImages li img {
  width: 100%;
}
#StoreItems .item_sidebar .title,
#ProductListing .item_sidebar .title {
  text-transform: uppercase;
  color: #fff;
  font-weight: 400;
  padding: 0;
  line-height: 20px;
  float: left;
  position: absolute;
  left: 20px;
  top: 90px;
}
#StoreItems .item_sidebar .price,
#ProductListing .item_sidebar .price {
  text-transform: uppercase;
  color: #fff;
  font-weight: 300;
  font-size: 14px;
  position: absolute;
  right: 20px;
  top: 87px;
}
#StoreItems .store-show-owned,
#ProductListing .store-show-owned {
  height: 24px;
  float: left;
  background: linear-gradient(to bottom, #39598a 5%, #2b4c73 100%);
  border: 1px solid #0e243c;
  text-shadow: none;
  font-family: Sans-Serif;
  font-weight: 400;
  font-size: 11px !important;
  width: 94%;
  margin: 2%;
  text-align: center;
  padding: 4px 0;
  letter-spacing: 1px;
  position: relative;
  cursor: pointer;
}
#StoreItems .store-show-owned .checkbox,
#ProductListing .store-show-owned .checkbox {
  position: absolute;
  left: 7px;
  top: 9px;
  width: 15px;
  height: 15px;
}
#StoreItems .store-show-owned .checkbox i,
#ProductListing .store-show-owned .checkbox i {
  position: relative;
  top: 3px;
  left: 0;
}
#StoreItems .store-show-owned input,
#ProductListing .store-show-owned input {
  float: left;
  margin: 6px 0 0 10px;
}
#StoreItems .store-show-owned label,
#ProductListing .store-show-owned label {
  cursor: pointer !important;
}
@media screen and (max-width: 980px) {
  #StoreItems .crowd-box,
  #ProductListing .crowd-box {
    width: 45%;
    min-height: auto;
    display: inline-block;
  }
  #StoreItems .product_listings,
  #ProductListing .product_listings {
    text-align: center;
  }
  #StoreItems .crowd-title,
  #ProductListing .crowd-title {
    min-height: auto;
  }
}
@media screen and (max-width: 768px) {
  #StoreItems .container,
  #ProductListing .container {
    padding: 0 !important;
  }
  #StoreItems .crowd-box,
  #ProductListing .crowd-box {
    display: inline-block;
    min-width: 41% !important;
  }
  #StoreItems .container,
  #ProductListing .container {
    margin: 0;
    width: 100%;
  }
  #StoreItems .product_listings,
  #ProductListing .product_listings {
    text-align: center;
  }
  #StoreItems .order-selector,
  #ProductListing .order-selector {
    width: 46% !important;
    margin: 2% !important;
  }
  #StoreItems .item_sidebar,
  #ProductListing .item_sidebar {
    margin: 0 !important;
    max-height: 53px;
    position: fixed !important;
    width: 220px !important;
    z-index: 20 !important;
    float: left !important;
    padding: 0 0 1% 0 !important;
    bottom: 0 !important;
    background: linear-gradient(to bottom, rgba(13,55,103,0.75) 34%, rgba(0,22,47,0.66) 100%) !important;
    border-bottom: 1px solid #182235 !important;
    border-right: 1px solid #23313e !important;
    box-shadow: 0 0 18px rgba(0,0,0,0.24) !important;
    left: 0;
  }
  #StoreItems .item_sidebar h2,
  #ProductListing .item_sidebar h2 {
    cursor: pointer;
  }
  #StoreItems .item_listings,
  #ProductListing .item_listings {
    text-align: center;
    float: left;
    width: 100%;
    margin: 0% 0;
  }
  #StoreItems #Product #ProductDetails,
  #ProductListing #Product #ProductDetails,
  #StoreItems #Product #ProductPrices,
  #ProductListing #Product #ProductPrices,
  #StoreItems #Product #PurchaseButton,
  #ProductListing #Product #PurchaseButton {
    margin: 0% 0% 3% 0 !important;
  }
  #StoreItems #Product #PurchaseButton,
  #ProductListing #Product #PurchaseButton {
    margin: 5% 0 !important;
  }
  #StoreItems #Product #PurchaseButton .borders .top,
  #ProductListing #Product #PurchaseButton .borders .top,
  #StoreItems #Product #PurchaseButton .borders .left,
  #ProductListing #Product #PurchaseButton .borders .left,
  #StoreItems #Product #PurchaseButton .borders .right,
  #ProductListing #Product #PurchaseButton .borders .right,
  #StoreItems #Product #PurchaseButton .borders .bottom,
  #ProductListing #Product #PurchaseButton .borders .bottom {
    background: #d5e5fb !important;
  }
  #StoreItems .overlay-actions,
  #ProductListing .overlay-actions {
    height: 110px;
  }
  #StoreItems .overlay-actions .direction-controls,
  #ProductListing .overlay-actions .direction-controls {
    float: none;
    height: 40px;
  }
  #StoreItems .overlay-actions .window-controls,
  #ProductListing .overlay-actions .window-controls {
    width: 96% !important;
    margin: 0 !important;
    padding: 0 2% !important;
  }
  #StoreItems .overlay-actions .center,
  #ProductListing .overlay-actions .center {
    margin: 5px 0px;
    top: 10px;
  }
}
#StoreItems .product-details,
#ProductListing .product-details {
  height: 25px !important;
}
#StoreItems .customize-link,
#ProductListing .customize-link {
  float: right !important;
  padding-right: 20px;
}
#StoreItems .customize-link i,
#ProductListing .customize-link i {
  margin: 0 0 0 7px;
  font-size: 13px;
  background: #091c35;
  border-radius: 10px;
  padding: 4px;
  top: 2px;
  position: relative;
}
#StoreItems .cart-title,
#ProductListing .cart-title {
  color: #fff;
}
#StoreItems .cart,
#ProductListing .cart {
  height: 75px;
  min-height: 0;
  width: 100%;
  margin: 80px auto 0 auto;
  padding: 10px 25px;
  position: relative;
  text-align: left;
  background: rgba(54,86,54,0.36);
  border: 1px solid #4c654c;
}
#StoreItems .cart:hover,
#ProductListing .cart:hover {
  background: rgba(50,109,50,0.25) !important;
}
#StoreItems .cart h4,
#ProductListing .cart h4 {
  color: #fff;
  padding: 0 !important;
  margin: 10px 0 5px 0;
  font-size: 13px;
  line-height: 15px;
}
#StoreItems .cart .subtitle,
#ProductListing .cart .subtitle {
  text-transform: uppercase;
  font-size: 11px;
  color: #ccc;
  font-weight: 700;
  letter-spacing: 0.4px;
}
#StoreItems .cart-button,
#ProductListing .cart-button {
  text-align: center;
  position: absolute;
  right: 0;
  font-size: 21px;
  font-weight: 200;
  transition: 200ms !important;
  box-shadow: 0 0 8px rgba(0,0,0,0), 0 8px 16px rgba(0,0,0,0);
}
#StoreItems .cart-button a,
#ProductListing .cart-button a {
  color: #fff !important;
  padding: 30px !important;
}
#StoreItems .cart-button .item-count,
#ProductListing .cart-button .item-count {
  position: relative;
  top: 12px;
  font-size: 25px;
  font-weight: 400;
  color: #f7f7f7;
}
#StoreItems .cart-button .icon,
#ProductListing .cart-button .icon {
  position: relative;
  top: 13px;
}
#StoreItems .cart-button .title,
#ProductListing .cart-button .title {
  position: absolute;
  bottom: 8px;
  font-size: 11px;
  text-transform: uppercase;
  width: 100%;
}
#StoreItems .cart-button .underline,
#ProductListing .cart-button .underline {
  font-size: 10px;
}
#StoreItems .button.buy,
#ProductListing .button.buy {
  background: rgba(22,34,70,0.39);
  border: 1px solid #213b98;
  box-shadow: none !important;
  text-shadow: none;
  position: absolute;
  z-index: 8;
  right: 30px;
  border: none;
  padding: 0 12px;
  font-weight: 300;
  overflow: visible;
  line-height: 15px;
  border-radius: 0px;
  right: 5% !important;
  width: 90% !important;
  bottom: 30px !important;
  box-shadow: 1px 1px 4px 0px rgba(0,0,0,0.3);
}
#StoreItems .button.buy .box-borders *,
#ProductListing .button.buy .box-borders * {
  transition: 500ms cubic-bezier(0.67, 1.18, 0.67, 1.36);
}
#StoreItems .button.buy .button-background,
#ProductListing .button.buy .button-background {
  top: 10%;
  left: 5%;
  width: 90%;
  height: 77%;
  opacity: 0;
  position: absolute;
  pointer-events: none;
  box-shadow: 0 0 6px transparent !important;
  transition: 500ms cubic-bezier(0.67, 1.18, 0.67, 1.36);
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
}
#StoreItems .button.buy:focus .buttoncorners,
#ProductListing .button.buy:focus .buttoncorners,
#StoreItems .button.buy:active .buttoncorners,
#ProductListing .button.buy:active .buttoncorners {
  animation-name: fadeinrotate;
  animation-duration: 1s;
  opacity: 1;
}
#StoreItems .button.buy:focus .buttoncorners .topleft,
#ProductListing .button.buy:focus .buttoncorners .topleft,
#StoreItems .button.buy:active .buttoncorners .topleft,
#ProductListing .button.buy:active .buttoncorners .topleft {
  top: -8px;
  left: -8px;
}
#StoreItems .button.buy:focus .buttoncorners .topright,
#ProductListing .button.buy:focus .buttoncorners .topright,
#StoreItems .button.buy:active .buttoncorners .topright,
#ProductListing .button.buy:active .buttoncorners .topright {
  top: -8px;
  right: -8px;
}
#StoreItems .button.buy:focus .buttoncorners .bottomleft,
#ProductListing .button.buy:focus .buttoncorners .bottomleft,
#StoreItems .button.buy:active .buttoncorners .bottomleft,
#ProductListing .button.buy:active .buttoncorners .bottomleft {
  bottom: -8px;
  left: -8px;
}
#StoreItems .button.buy:focus .buttoncorners .bottomright,
#ProductListing .button.buy:focus .buttoncorners .bottomright,
#StoreItems .button.buy:active .buttoncorners .bottomright,
#ProductListing .button.buy:active .buttoncorners .bottomright {
  bottom: -8px;
  right: -8px;
}
#StoreItems .button.buy:hover .box-borders .top,
#ProductListing .button.buy:hover .box-borders .top,
#StoreItems .button.buy:hover .box-borders .left,
#ProductListing .button.buy:hover .box-borders .left,
#StoreItems .button.buy:hover .box-borders .bottom,
#ProductListing .button.buy:hover .box-borders .bottom,
#StoreItems .button.buy:hover .box-borders .right,
#ProductListing .button.buy:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#StoreItems .button.buy:hover .button-background,
#ProductListing .button.buy:hover .button-background {
  opacity: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 6px #213b98 !important;
}
#StoreItems .button.buy:hover,
#ProductListing .button.buy:hover,
#StoreItems .button.buy:focus,
#ProductListing .button.buy:focus {
  transition: 370ms;
  transform: translateY(0);
  background: #17265a !important;
}
#StoreItems .button.buy:hover:after,
#ProductListing .button.buy:hover:after,
#StoreItems .button.buy:focus:after,
#ProductListing .button.buy:focus:after {
  left: 0%;
  top: 0%;
  height: 100%;
  width: 100%;
}
#StoreItems .button.buy:after,
#ProductListing .button.buy:after {
  position: absolute;
  top: 0%;
  right: 0%;
  left: auto;
  height: 100%;
  width: 0%;
  background: #213b98;
}
#StoreItems .button.buy:active:after,
#ProductListing .button.buy:active:after {
  top: 50%;
  left: 50%;
  height: 0%;
  width: 100%;
}
#StoreItems .button.buy:active,
#ProductListing .button.buy:active,
#StoreItems .button.buy.success,
#ProductListing .button.buy.success {
  box-shadow: inset 1px 1px 6px rgba(0,0,0,0.29);
}
#StoreItems .button.buy:active:after,
#ProductListing .button.buy:active:after,
#StoreItems .button.buy.success:after,
#ProductListing .button.buy.success:after {
  left: 0 !important;
  opacity: 1;
  height: 105%;
  width: 100%;
  background: #014dc7;
}
#StoreItems .button.buy.failure,
#ProductListing .button.buy.failure {
  outline: none;
  background: #b30a0a;
  border: 2px solid #690a0a;
}
#StoreItems .button.buy.failure:hover,
#ProductListing .button.buy.failure:hover,
#StoreItems .button.buy.failure:focus,
#ProductListing .button.buy.failure:focus {
  box-shadow: 0px 1px 5px 0px rgba(255,0,0,0.4);
  text-shadow: 0px 0px 3px #b30a0a;
}
#StoreItems .button.buy.failure:after,
#ProductListing .button.buy.failure:after {
  background: #8a0303;
}
#StoreItems .button.buy.gold,
#ProductListing .button.buy.gold {
  outline-color: #b30a0a;
  border: 2px solid #cc9b04;
  background: #ddaf02;
}
#StoreItems .button.buy.gold:hover,
#ProductListing .button.buy.gold:hover,
#StoreItems .button.buy.gold:focus,
#ProductListing .button.buy.gold:focus {
  box-shadow: 0px 1px 5px 0px transparent;
  text-shadow: 0px 0px 3px #c79d28;
}
#StoreItems .button.buy.gold:after,
#ProductListing .button.buy.gold:after {
  background: #e4b800;
}
#StoreItems .button.buy.green,
#ProductListing .button.buy.green {
  outline-color: #265834;
  background: #265834 !important;
  border: 1px dashed #1b3e25 !important;
  box-shadow: none !important;
}
#StoreItems .button.buy.green:hover,
#ProductListing .button.buy.green:hover,
#StoreItems .button.buy.green:focus,
#ProductListing .button.buy.green:focus {
  box-shadow: 0px 1px 5px 0px transparent;
  text-shadow: 0px 0px 3px #c79d28;
  transform: translateY(0px);
}
#StoreItems .button.buy.green:after,
#ProductListing .button.buy.green:after {
  background: #e4b800;
}
#StoreItems .button.buy.bought,
#ProductListing .button.buy.bought {
  transition: 370ms;
  transform: translateY(0);
  background: #0f246f !important;
  border: 1px solid #420909 !important;
}
#StoreItems .button.buy.bought .shine,
#ProductListing .button.buy.bought .shine {
  position: absolute;
  transform: rotate(-45deg);
  height: 20px;
  width: 200px !important;
  left: -120%;
  top: 0;
  transition: 500ms ease-in-out;
  background: #fff;
  border-top: 0px solid #fff;
}
#StoreItems .button.buy.bought .background,
#ProductListing .button.buy.bought .background {
  background: url("/assets/img/army_2.png");
}
#StoreItems .button.buy.bought:hover,
#ProductListing .button.buy.bought:hover,
#StoreItems .button.buy.bought:active,
#ProductListing .button.buy.bought:active,
#StoreItems .button.buy.bought:focus,
#ProductListing .button.buy.bought:focus {
  background: #0f246f !important;
}
#StoreItems .button.buy.bought:hover .shine,
#ProductListing .button.buy.bought:hover .shine,
#StoreItems .button.buy.bought:active .shine,
#ProductListing .button.buy.bought:active .shine,
#StoreItems .button.buy.bought:focus .shine,
#ProductListing .button.buy.bought:focus .shine {
  width: 90px !important;
  left: 100% !important;
  top: 30% !important;
}
#StoreItems .button.buy .army,
#ProductListing .button.buy .army {
  top: 0;
  left: -20%;
  width: 140%;
  height: 100%;
  background: url("/assets/img/camouflage.jpg") !important;
  background-size: 120% !important;
  z-index: -2;
  position: relative;
  opacity: 0.3;
}
#StoreItems .button.buy span,
#ProductListing .button.buy span {
  position: relative;
  text-shadow: 0 0 10px #000;
}
#StoreItems .button.buy .buttoncorners,
#ProductListing .button.buy .buttoncorners {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
  animation-name: fadeoutrotate;
  animation-duration: 1s;
  transition: 1s ease-in-out;
}
#StoreItems .button.buy .buttoncorners *,
#ProductListing .button.buy .buttoncorners * {
  transition: 200ms ease-in-out;
}
#StoreItems .button.buy .buttoncorners .topleft,
#ProductListing .button.buy .buttoncorners .topleft {
  position: absolute;
  top: 0;
  left: 0;
  width: 7px;
  height: 7px;
  border-left: 1px solid #213b98;
  border-top: 1px solid #213b98;
}
#StoreItems .button.buy .buttoncorners .topright,
#ProductListing .button.buy .buttoncorners .topright {
  position: absolute;
  top: 0;
  right: 0;
  width: 7px;
  height: 7px;
  border-right: 1px solid #213b98;
  border-top: 1px solid #213b98;
}
#StoreItems .button.buy .buttoncorners .bottomleft,
#ProductListing .button.buy .buttoncorners .bottomleft {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 7px;
  height: 7px;
  border-left: 1px solid #213b98;
  border-bottom: 1px solid #213b98;
}
#StoreItems .button.buy .buttoncorners .bottomright,
#ProductListing .button.buy .buttoncorners .bottomright {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 7px;
  height: 7px;
  border-right: 1px solid #213b98;
  border-bottom: 1px solid #213b98;
}
#StoreItems .in-cart:hover .buttoncorners,
#ProductListing .in-cart:hover .buttoncorners {
  animation-name: fadeoutrotate;
  animation-duration: 1s;
  opacity: 1;
}
#StoreItems .in-cart:hover .buttoncorners .topleft,
#ProductListing .in-cart:hover .buttoncorners .topleft {
  top: 0;
  left: 0;
}
#StoreItems .in-cart:hover .buttoncorners .topright,
#ProductListing .in-cart:hover .buttoncorners .topright {
  top: 0;
  right: 0;
}
#StoreItems .in-cart:hover .buttoncorners .bottomleft,
#ProductListing .in-cart:hover .buttoncorners .bottomleft {
  bottom: 0;
  left: 0;
}
#StoreItems .in-cart:hover .buttoncorners .bottomright,
#ProductListing .in-cart:hover .buttoncorners .bottomright {
  bottom: 0px;
  right: 0px;
}
#StoreItems .in-cart .buttoncorners,
#ProductListing .in-cart .buttoncorners {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100% !important;
  height: 100% !important;
  animation-name: fadeinrotate;
  animation-duration: 1s;
  transition: 1s ease-in-out;
}
#StoreItems .in-cart .buttoncorners *,
#ProductListing .in-cart .buttoncorners * {
  transition: 200ms ease-in-out;
}
#StoreItems .in-cart .buttoncorners .topleft,
#ProductListing .in-cart .buttoncorners .topleft {
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 1px solid #213b98;
  border-top: 1px solid #213b98;
  top: -8px;
  left: -8px;
}
#StoreItems .in-cart .buttoncorners .topright,
#ProductListing .in-cart .buttoncorners .topright {
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 1px solid #213b98;
  border-top: 1px solid #213b98;
  top: -8px;
  right: -8px;
}
#StoreItems .in-cart .buttoncorners .bottomleft,
#ProductListing .in-cart .buttoncorners .bottomleft {
  position: absolute;
  width: 7px;
  height: 7px;
  border-left: 1px solid #213b98;
  border-bottom: 1px solid #213b98;
  bottom: -8px;
  left: -8px;
}
#StoreItems .in-cart .buttoncorners .bottomright,
#ProductListing .in-cart .buttoncorners .bottomright {
  position: absolute;
  width: 7px;
  height: 7px;
  border-right: 1px solid #213b98;
  border-bottom: 1px solid #213b98;
  bottom: -8px;
  right: -8px;
}
#StoreItems #Price,
#ProductListing #Price {
  border: 1px solid #0f3985;
  padding: 10px;
  float: left;
  margin: 0 30px;
  transform: skew(3deg);
  border-right: none;
  background: linear-gradient(to right, rgba(35,61,115,0.29) 0%, transparent 50%);
  border-bottom: 0;
  border-radius: 3px 0 0 0;
  border-left: 2px solid #0f3985;
}
#Categories #StoreItems .crowd-title {
  height: 240px !important;
}
#Store {
  border: none;
}
#Store .container {
  padding: 0 !important;
  position: relative;
}
#Store #contentpage {
  background: #222 url("/assets/img/forumbg.jpg") center fixed;
}
#Store .title {
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  font-size: 30px;
  text-align: left;
  padding: 0;
  margin: 45px 0 0 30px;
  line-height: 25px;
}
#Store .title .left {
  float: left;
}
#Store .title.right {
  float: right !important;
  font-size: 17px !important;
  text-align: right !important;
  float: right !important;
  margin: 45px 35px 0 0 !important;
}
#Store #StoreTitle i {
  float: right;
  margin: 48px 10px 0 0;
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
}
.window-controls {
  width: 65.5% !important;
  position: absolute;
  margin: 0 15%;
}
.window-controls .next,
.window-controls .prev {
  width: 125px;
}
.store-search {
  display: inline-block;
  color: #fff;
  font-size: 20px;
  text-shadow: none;
  padding: 0;
  float: left;
  width: 32%;
  margin: 0 0.6%;
  border-radius: 2px;
  z-index: 5;
  position: relative;
}
@media screen and (max-width: 600px) {
  .store-search {
    float: left;
    position: relative;
    width: 100% !important;
    margin: 2% 0% 2%;
    border-radius: 2px;
  }
}
.store-search input {
  width: 100%;
  padding: 9px;
  background: rgba(19,42,101,0.19);
  margin: 0;
  color: #fff;
  border: 1px solid #1e63d9;
  text-transform: uppercase;
  box-sizing: border-box;
  font-family: Sans-Serif;
  font-weight: 400;
  letter-spacing: 2px;
  font-size: 10px;
  outline-color: #548cd8;
  outline-width: 1px;
  outline-offset: -1px;
  border-radius: 0;
  transition: 150ms;
}
.store-search input:focus,
.store-search input:active {
  outline: rgba(79,122,169,0.6) !important;
  outline-width: 1px !important;
  outline-style: solid !important;
  outline-offset: 0px !important;
  border-left: 4px solid #1e63d9;
}
.store-search input::placeholder {
  color: #fff;
}
.FullImage {
  position: absolute;
  cursor: pointer;
  width: 37px;
  height: 35px;
  left: 60px;
  top: 15px;
}
.FullImage a {
  top: 7px;
  position: relative;
}
.FullImage .box-borders * {
  transition: 300ms;
}
.FullImage:hover span {
  color: #fff;
}
.FullImage:hover i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
.FullImage:hover .box-borders .top,
.FullImage:hover .box-borders .left,
.FullImage:hover .box-borders .bottom,
.FullImage:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
.store-header {
  box-shadow: 0 0 2em #14171d;
}
.ItemFilter {
  background: rgba(19,40,80,0) !important;
}
.ItemFilter .select-container {
  margin: 4% 2.5% !important;
}
.ItemFilter .store-search,
.ItemFilter .select-container {
  width: 95% !important;
  margin: 2.5% !important;
}
.ItemFilter .store-search ng-select > div,
.ItemFilter .select-container ng-select > div {
  background: linear-gradient(to bottom, #39598a 5%, #2b4c73 100%) !important;
  border: 1px solid #0e243c !important;
}
.ItemFilter .store-search input,
.ItemFilter .select-container input {
  background: linear-gradient(to bottom, #39598a 5%, #2b4c73 100%);
  border: 1px solid #0e243c !important;
}
.ItemFilter .store-clear button {
  width: 94%;
  padding: 10px 9px;
  margin: 2.5% 3% !important;
  float: left;
  color: #fff;
  outline: none;
  cursor: pointer;
  text-align: center;
  background: linear-gradient(to bottom, #39598a 5%, #2b4c73 100%);
  border: 1px solid #0e243c;
  border-radius: 2px;
  font-family: Sans-Serif;
  font-weight: 400;
  font-size: 11px !important;
  letter-spacing: 2px;
  border-radius: 3px;
  text-transform: uppercase;
}
.ItemFilter .store-clear button:hover {
  background: linear-gradient(to bottom, #2a67c3 5%, #215694 100%);
}
.ItemFilter .store-clear button:active {
  background: linear-gradient(to bottom, #2a67c3 95%, #215694 100%);
}
.ItemFilter .store-clear button.clear {
  font-size: 9px;
}
.ItemFilter .store-price-range input {
  width: 46%;
  padding: 10px 9px;
  margin: 2% 2% !important;
  float: left;
  color: #fff;
  outline: none;
  text-align: left;
  background: linear-gradient(to bottom, #39598a 5%, #2b4c73 100%);
  border: 1px solid #0e243c;
  border-radius: 2px;
  font-family: Sans-Serif;
  font-weight: 400;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  outline-color: #548cd8;
  outline-width: 1px;
  outline-offset: -1px;
  border-radius: 3px;
}
.ItemFilter .store-price-range input::placeholder {
  color: #fff;
}
#Browser #StoreItems ul {
  text-align: center;
}
#Browser #StoreItems .crowd-title {
  min-height: 200px;
}
#Browser #StoreItems .crowd-box {
  margin: 3% 1.5% !important;
}
#Browser #StoreItems .crowd-box .background {
  opacity: 0.3 !important;
}
#Browser #StoreItems .slide {
  border-bottom: 1px solid #1e63d9;
}
#Browser #ProductImages {
  border-bottom: 1px solid #1e63d9;
}
#Browser #ProductImages .slide {
  width: 100%;
}
#Browser #ProductImages li {
  border-bottom: 1px solid #1e63d9;
}
#Browser .bottom-row {
  margin-bottom: 70px;
}
#Browser #PurchaseButton .add-to-cart {
  width: 90% !important;
  bottom: 18px !important;
}
#Browser #ProductDetails h5 {
  font-size: 18px;
  padding: 10px 15px 6px;
  line-height: 23px;
}
#Browser #ProductDetails h5 a {
  font-size: 18px;
  color: #68baff;
}
#Browser #ProductDetails .stock {
  padding: 0 15px;
}
#Browser .childCategories {
  opacity: 0;
  display: none;
}
#Browser .crowd-description a {
  font-size: 14px;
  line-height: 13px;
}
#Browser .parentCategories {
  text-align: center;
  padding: 30px 15px 30px 15px;
}
#Browser .parentCategories li {
  color: #fff;
  margin: 10px;
  cursor: pointer;
  font-size: 22px;
  font-weight: 300;
  position: relative;
  text-align: center;
  border-radius: 0px;
  padding: 20px 50px;
  display: inline-block;
  font-family: 'Roboto';
  border: 0px solid rgba(46,99,154,0.7);
  background: linear-gradient(#0f62c0, #171967);
}
#Browser .parentCategories li i {
  display: block;
  font-size: 40px;
}
#Browser .parentCategories li span {
  display: block;
  padding-top: 15px;
}
#Browser .parentCategories li .description {
  opacity: 0;
  left: 0%;
  width: 80%;
  bottom: 100%;
  z-index: 100;
  font-size: 15px;
  transition: 250ms;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  background: rgba(0,0,0,0.54);
}
#Browser .parentCategories li:hover {
  background: linear-gradient(#196bc7, rgba(20,46,180,0.78));
}
#Browser .parentCategories li:hover .description {
  opacity: 1;
  bottom: 105%;
}
#Browser .parentCategories li:active {
  background: linear-gradient(rgba(65,143,226,0.78), rgba(35,126,227,0.66));
}
#Browser .childCategories {
  height: 130px;
  overflow: hidden;
  text-align: center;
  padding: 30px 15px 0 15px;
}
#Browser .childCategories li {
  color: #fff;
  margin: 10px;
  cursor: pointer;
  font-size: 22px;
  font-weight: 300;
  transition: 300ms;
  border-radius: 3px;
  padding: 20px 60px;
  text-align: center;
  font-family: 'Roboto';
  display: inline-block;
  border: 1px solid rgba(46,99,154,0.7);
  background: linear-gradient(rgba(34,136,250,0.522), rgba(23,37,103,0.659));
}
#Browser .childCategories li i {
  display: block;
  font-size: 33px;
  margin-bottom: 10px;
}
#Browser .childCategories li .description {
  left: -10%;
  bottom: 105%;
  width: 200px;
  z-index: 100;
  font-size: 15px;
  padding: 10px 20px;
  border-radius: 5px;
  text-align: center;
  position: absolute;
  background: rgba(0,0,0,0.54);
}
#Browser .childCategories li:hover {
  background: linear-gradient(rgba(34,136,250,0.66), rgba(23,62,103,0.78));
}
#Features {
  width: auto;
  text-align: center;
  color: #2af;
  left: 0;
  font-family: 'Orbitron';
  background: #202b40;
  padding: 15px;
  border-radius: 0px;
  border: 1px solid;
  margin: 25px auto 40px auto;
  border: none;
}
#Features .show-features {
  float: right;
  font-size: 14px;
  margin-top: 2px;
  letter-spacing: 1px;
  cursor: pointer;
  color: #22a8fd !important;
}
#Features .show-features i {
  font-size: 20px;
  margin: 0 10px;
}
#Features .crowd-box {
  border: 1px solid transparent !important;
  font-size: 13px;
  color: #fff;
  padding: 3px 8px !important;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  line-height: 15px;
  font-weight: 400;
  margin-bottom: 10px;
  transition: 0.1s ease-in-out;
  margin: 20px;
  font-family: 'Lato';
  min-height: 315px;
  background: linear-gradient(to bottom, #122b63 75%, #122b63 100%) !important;
  border-radius: 3px 3px 6px 6px;
  overflow: hidden;
  float: left;
  display: inline-block;
  width: 260px;
}
#Features .crowd-box:hover {
  box-shadow: 0px 5px 10px rgba(1,3,16,0.3);
}
#Features .crowd-box .sideA,
#Features .crowd-box .sideB {
  height: 378px;
}
#Features .crowd-box .crowd-images {
  left: 0;
  position: absolute;
  top: 0;
  box-shadow: 0px 1px 5px rgba(0,0,0,0.19);
}
#Features .crowd-box .crowd-description {
  color: #9dd4ec;
}
#Features .crowd-box .crowd-pleaser small {
  color: #9fb5bf;
}
#Features .crowd-box .crowd-pleaser .button.buy {
  width: 100%;
  right: 0;
  margin: 10px 0;
}
#Features .crowd-box .crowd-pleaser .buton.buy:hover {
  transform: translateY(-2px) !important;
}
#Features .crowd-box .crowd-buy {
  bottom: 67px;
}
#Features .crowd-box .crowd-buy small {
  right: 20px !important;
  top: 0px;
  left: auto;
}
#Features .contents {
  overflow: hidden;
}
#Features .container {
  margin-top: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  text-align: left;
}
#Features .container .crowd-box {
  min-width: 260px;
}
#Features .title h4 {
  margin-left: 0;
  margin-top: 5px;
  font-size: 21px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  float: left;
  text-shadow: none;
  cursor: pointer;
}
#Features .info-container {
  padding-top: 80px;
}
#Features h4 {
  position: relative;
  z-index: 1;
  font-size: 30px;
  margin-left: 10px;
  color: #fff;
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
  text-align: left;
  margin-bottom: 0px;
  padding: 0;
  margin-top: 10px;
}
#Features .contents {
  max-height: 0;
  overflow: hidden;
}
#Features ul {
  text-align: center;
}
#Features li {
  min-width: 270px;
}
#Features .crowd-description {
  line-height: 19px;
}
#Features .stock {
  background: rgba(0,226,22,0.2);
  left: 0;
}
#Features .next {
  color: #22a8e6;
  float: right;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
#Features .prev {
  color: #22a8e6;
  float: left;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
#ShareMenu {
  position: absolute;
  top: 3px;
  left: 0;
  text-align: right;
}
#ShareMenu .box-borders .top,
#ShareMenu .box-borders .right,
#ShareMenu .box-borders .bottom,
#ShareMenu .box-borders .left {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
#ShareMenu .background {
  background: linear-gradient(to right, transparent, #161d26);
}
#ShareMenu .share {
  cursor: pointer;
}
#ShareMenu .share .single-arrow .fa {
  font-size: 12px;
  margin: 0 10px;
}
#ShareMenu .arrows {
  top: 0px;
  right: -15px;
  position: absolute;
  transform: rotate(90deg);
  font-size: 8px;
}
#ShareMenu:hover .arrows {
  transform: rotate(-180deg);
  left: -8px;
  top: -7px;
}
#ShareMenu .share-menu {
  position: absolute;
  background: #000;
  z-index: 39 !important;
  width: 270px;
  right: 0;
  top: 50px;
  opacity: 1;
  overflow: hidden;
  visibility: visible;
  box-shadow: 0 0 30px #000;
  opacity: 0;
  visibility: hidden;
}
#ShareMenu .share-menu ul li {
  position: relative;
  width: 90%;
  padding: 5%;
  min-height: 50px;
  cursor: pointer;
}
#ShareMenu .share-menu ul li .background {
  transition: 200ms;
  position: absolute;
  background: url("/assets/img/patterns/bright-squares.png") #1d64d9 !important;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
}
#ShareMenu .share-menu ul li .icon {
  top: 0;
  left: 0;
  position: absolute;
  padding: 10px 5px 5px 5px;
  height: 35px;
  width: 40px;
  font-size: 30px;
  text-align: center;
  background: linear-gradient(#3a57ab, #233676);
  color: #fff;
  margin: 5%;
  border-radius: 2px;
  box-shadow: 0 0 7px #000;
}
#ShareMenu .share-menu ul li.facebook .icon {
  background: linear-gradient(#3a57ab, #233676);
}
#ShareMenu .share-menu ul li.twitter .icon {
  background: linear-gradient(#2f79ab, #264776);
}
#ShareMenu .share-menu ul li.link .icon {
  background: linear-gradient(#888894, #374861);
}
#ShareMenu .share-menu ul li .name {
  color: #fff;
  font-weight: 500;
  margin-left: 27%;
  margin-bottom: 5px;
  transition: 300ms;
  text-align: left;
  float: left;
  width: 70%;
  height: 25px;
  font-size: 16px;
  line-height: normal;
  text-transform: capitalize;
}
#ShareMenu .share-menu ul li .name i {
  opacity: 0;
  width: 0;
  overflow: hidden;
}
#ShareMenu .share-menu ul li .link {
  margin-left: 65px;
  transition: 200ms;
}
#ShareMenu .share-menu ul li .link input {
  margin: 0 0 5px 0;
  padding: 0;
  width: 100%;
  background: transparent;
  color: #4eb1ff;
  font-weight: 500;
  border-radius: 2px;
  border: 1px solid transparent;
  text-shadow: 1px 1px 0px #000;
  font-size: 15px;
}
#ShareMenu .share-menu ul li .count {
  color: #9cb1d2;
  font-weight: 300;
  margin-left: 65px;
  font-size: 14px;
  line-height: 12px;
  letter-spacing: 0.8px;
  text-align: left;
  text-transform: none;
}
#ShareMenu .share-menu ul li .hidden-arrow {
  position: absolute;
  top: 18px;
  left: 80px;
  opacity: 0;
  z-index: 0;
  transition: 300ms;
  color: #9cadc6;
}
#ShareMenu .share-menu ul li:hover .name,
#ShareMenu .share-menu ul li:hover .link {
  padding-left: 25px;
}
#ShareMenu .share-menu ul li:hover .name i,
#ShareMenu .share-menu ul li:hover .link i {
  opacity: 1;
}
#ShareMenu .share-menu ul li:hover .background {
  opacity: 0.4 !important;
}
#ShareMenu .share-menu ul li:hover .icon {
  box-shadow: 0 0 2px #000;
}
#ShareMenu .share-menu ul li:hover .hidden-arrow {
  left: 80px;
  opacity: 1;
}
#Gift {
  position: relative;
}
#Gift #contentpage {
  margin-bottom: 100px;
}
.login-option {
  margin: 25px 20px;
}
.login-options .purchase-title {
  margin: 25px 20px;
  font-size: 35px;
  margin: 10px 0;
  padding: 12px 0;
}
#Gift h2.giftkey-title {
  margin: 25px 20px;
  font-size: 28px;
  margin: 20px 0 0 0;
  padding: 0px 0;
  text-align: left;
}
#Gift #success {
  padding: 1.5%;
}
#Gift #GiftKey {
  position: relative;
  width: 100%;
  margin: 10px 0 20px 0;
}
#Gift #GiftKey i.gift-icon {
  position: absolute;
  top: 11px;
  left: 16px;
  color: #68baff;
  text-shadow: 0px 0 3px rgba(68,137,188,0.6);
}
#Gift #GiftKey input {
  width: 78%;
  margin: 0 !important;
  background: rgba(21,34,70,0.5) !important;
  margin: 20px 0;
  box-shadow: 0px 1px #000;
  border-radius: 3px;
  padding: 1% 5%;
  border: 1px solid #394e5f;
  color: #4492de;
  font-size: 16px;
  text-shadow: 0 0 13px #25609d;
  text-align: left;
}
#Gift #GiftKey input::placeholder {
  color: #4492de;
  text-align: center;
}
#Gift #GiftKey input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
  border: 1px solid #3745a5;
}
#Gift #GiftKey .find-gifts {
  float: right;
  width: 20%;
  border: none;
  margin: 0 !important;
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: 0.9px;
  text-shadow: 1px 0 0 #2a2f40;
  box-shadow: 1px 2px 6px #222;
  background: #2a2d52;
  color: #fff;
  transition: 150ms;
}
#Gift #GiftKey .find-gifts:hover {
  border: none !important;
  transform: translateY(-2px);
  border: 1px solid rgba(82,133,173,0.45);
}
#Gift #NoProduct {
  color: #fff;
}
#Gift #NoProduct #Product {
  background: #670404 !important;
  padding: 15px 30px 25px 30px;
}
#Gift #NoProduct h5 {
  font-size: 32px;
  line-height: 33px;
  color: #e2e2e2;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 8px;
  margin-bottom: 10px;
}
#Gift #PurchasedProducts,
#Gift #PurchasedItems {
  height: 94%;
}
#Gift #PurchasedProducts ::-webkit-scrollbar,
#Gift #PurchasedItems ::-webkit-scrollbar {
  width: 12px;
}
#Gift #PurchasedProducts ::-webkit-scrollbar-track,
#Gift #PurchasedItems ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}
#Gift #PurchasedProducts ::-webkit-scrollbar-thumb,
#Gift #PurchasedItems ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#Gift #PurchasedProducts li.no-products,
#Gift #PurchasedItems li.no-products {
  margin-top: 20px !important;
  text-align: left !important;
}
#Gift #PurchasedProducts li.no-products .store-link,
#Gift #PurchasedItems li.no-products .store-link {
  margin-top: 10px !important;
}
#Gift #PurchasedProducts li.no-products .store-link h5,
#Gift #PurchasedItems li.no-products .store-link h5 {
  padding: 12px 0;
}
#Gift #PurchasedProducts li.purchase,
#Gift #PurchasedItems li.purchase {
  text-align: left;
  position: relative;
  padding: 0 !important;
  border-radius: 1px;
  display: inline-block;
  transition: 200ms ease-in-out;
  margin: 3px 0px 15px;
  width: 100%;
  min-height: 135px;
}
#Gift #PurchasedProducts li.purchase:before,
#Gift #PurchasedItems li.purchase:before {
  position: relative;
  width: 110%;
  left: -5%;
  height: 1px;
  background: #fff;
  border-top: 1px solid #00f;
}
#Gift #PurchasedProducts li.purchase .crowd-title,
#Gift #PurchasedItems li.purchase .crowd-title {
  padding: 15px 0 2px 15px;
}
#Gift #PurchasedProducts li.purchase .crowd-images,
#Gift #PurchasedItems li.purchase .crowd-images {
  float: left;
  margin: 10px 20px 10px 10px;
}
#Gift #PurchasedProducts li.purchase .crowd-images .slide,
#Gift #PurchasedItems li.purchase .crowd-images .slide {
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  height: 80px;
  width: auto;
  background: #02122f;
}
#Gift #PurchasedProducts li.purchase .container,
#Gift #PurchasedItems li.purchase .container {
  background: rgba(69,109,169,0);
  border-top: 1px solid #2d5d94;
  width: 100%;
  padding: 0% !important;
}
#Gift #PurchasedProducts li.purchase .Face,
#Gift #PurchasedItems li.purchase .Face,
#Gift #PurchasedProducts li.purchase .Back,
#Gift #PurchasedItems li.purchase .Back {
  position: absolute;
  top: 0;
  height: 100%;
  border-bottom: 1px solid #2e639a;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #2e588a 100%);
}
#Gift #PurchasedProducts li.purchase .Face,
#Gift #PurchasedItems li.purchase .Face {
  transform: rotateY(0deg);
  backface-visibility: inherit;
  display: block;
  opacity: 1;
}
#Gift #PurchasedProducts li.purchase .Back,
#Gift #PurchasedItems li.purchase .Back {
  transform: rotateY(180deg);
  backface-visibility: hidden;
  display: none;
  opacity: 0;
}
#Gift #PurchasedProducts li.purchase .Back h5,
#Gift #PurchasedItems li.purchase .Back h5 {
  text-align: center;
  padding: 15px 0 0 0px;
}
#Gift #PurchasedProducts li.purchase .Back hr,
#Gift #PurchasedItems li.purchase .Back hr {
  width: 80%;
  margin: 12px auto;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #5e84b1 50%, rgba(46,88,138,0) 100%);
  height: 1px;
  border: none;
}
#Gift #PurchasedProducts li.purchase .Info,
#Gift #PurchasedItems li.purchase .Info {
  width: 92%;
  margin: 10px 16px;
  line-height: 20px;
}
@media screen and (max-width: 1200px) {
  #Gift #PurchasedProducts li.purchase .Info,
  #Gift #PurchasedItems li.purchase .Info {
    margin: 0 16px 10px 16px;
  }
}
#Gift #PurchasedProducts li.purchase .Description,
#Gift #PurchasedItems li.purchase .Description {
  padding: 0 10px;
  line-height: 23px;
  height: auto;
  top: 110px;
  left: 10px;
  width: 90%;
  margin-bottom: 10px;
}
#Gift #PurchasedProducts li.purchase #Items,
#Gift #PurchasedItems li.purchase #Items {
  float: left;
  width: 72%;
  padding-left: 0;
  margin: 0% 0% 1% 0% !important;
  padding: 0;
  border-radius: 0;
  background: #000;
}
#Gift #PurchasedProducts li.purchase #Items h4,
#Gift #PurchasedItems li.purchase #Items h4 {
  padding: 15px 10px 15px 10px;
  margin-bottom: 0;
  font-weight: 300;
  color: #e7f2ff;
  font-size: 22px;
}
#Gift #PurchasedProducts li.purchase #Items ul,
#Gift #PurchasedItems li.purchase #Items ul {
  margin-top: 0 !important;
}
#Gift #PurchasedProducts li.purchase #Items ul li,
#Gift #PurchasedItems li.purchase #Items ul li {
  margin: 2px 20px 10px 3px !important;
  border-bottom: none !important;
  background: none;
  height: 25px;
}
#Gift #PurchasedProducts li.purchase .beta_access,
#Gift #PurchasedItems li.purchase .beta_access {
  z-index: 3;
  font-size: 16px;
  color: #9ea3b5;
  float: right;
  position: absolute;
  top: 62px;
  left: 281px;
  cursor: default;
  text-shadow: 0 0 17px #294688;
}
#Gift #PurchasedProducts li.purchase .crowd-details .box-info,
#Gift #PurchasedItems li.purchase .crowd-details .box-info {
  float: right;
}
#Gift #PurchasedProducts li.purchase .owner,
#Gift #PurchasedItems li.purchase .owner {
  position: absolute;
  right: 16px;
  bottom: 7px;
  font-size: 9px;
  color: #c3dc85;
  line-height: 17px;
  text-transform: capitalize;
}
#Gift #PurchasedProducts li.purchase .Items,
#Gift #PurchasedItems li.purchase .Items {
  height: auto;
  width: 90%;
  margin: 0 10px;
}
#Gift #PurchasedProducts li.purchase .Items .fa,
#Gift #PurchasedItems li.purchase .Items .fa {
  float: left;
  margin: -5px 5px 0 12px;
  font-size: 28px;
  height: 100%;
}
#Gift #PurchasedProducts li.purchase .Items h4,
#Gift #PurchasedItems li.purchase .Items h4 {
  font-size: 25px;
  margin-left: 10px;
  padding: 0;
  color: #f7f9ff;
}
#Gift #PurchasedProducts li.purchase .Items li,
#Gift #PurchasedItems li.purchase .Items li {
  float: left;
  margin: 0 0 0 0px;
}
#Gift #PurchasedProducts li.purchase .Actions,
#Gift #PurchasedItems li.purchase .Actions {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 98%;
  opacity: 1;
  color: #c6deff;
  transition: all 0.2s ease-in-out;
  margin: 1%;
}
#Gift #PurchasedProducts li.purchase .Actions:hover,
#Gift #PurchasedItems li.purchase .Actions:hover {
  opacity: 1 !important;
}
#Gift #PurchasedProducts li.purchase .Actions .share,
#Gift #PurchasedItems li.purchase .Actions .share,
#Gift #PurchasedProducts li.purchase .Actions .copies,
#Gift #PurchasedItems li.purchase .Actions .copies,
#Gift #PurchasedProducts li.purchase .Actions .gift,
#Gift #PurchasedItems li.purchase .Actions .gift {
  position: relative;
  padding: 5px 5px 1px 6px;
  cursor: pointer;
  float: left;
}
#Gift #PurchasedProducts li.purchase .Actions .share span,
#Gift #PurchasedItems li.purchase .Actions .share span,
#Gift #PurchasedProducts li.purchase .Actions .copies span,
#Gift #PurchasedItems li.purchase .Actions .copies span,
#Gift #PurchasedProducts li.purchase .Actions .gift span,
#Gift #PurchasedItems li.purchase .Actions .gift span {
  transition: 400ms;
}
#Gift #PurchasedProducts li.purchase .Actions .share:hover span,
#Gift #PurchasedItems li.purchase .Actions .share:hover span,
#Gift #PurchasedProducts li.purchase .Actions .copies:hover span,
#Gift #PurchasedItems li.purchase .Actions .copies:hover span,
#Gift #PurchasedProducts li.purchase .Actions .gift:hover span,
#Gift #PurchasedItems li.purchase .Actions .gift:hover span {
  opacity: 1 !important;
}
#Gift #PurchasedProducts li.purchase .Actions .share i,
#Gift #PurchasedItems li.purchase .Actions .share i,
#Gift #PurchasedProducts li.purchase .Actions .copies i,
#Gift #PurchasedItems li.purchase .Actions .copies i,
#Gift #PurchasedProducts li.purchase .Actions .gift i,
#Gift #PurchasedItems li.purchase .Actions .gift i {
  margin: 5px 0px 0 0;
  margin-right: 5px;
}
#Gift #PurchasedProducts li.purchase .Actions .copies,
#Gift #PurchasedItems li.purchase .Actions .copies {
  top: 10px;
  right: 10px;
  z-index: 10;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  position: absolute;
  background: #1d2f6d;
  pointer-events: none;
}
#Gift #PurchasedProducts li.purchase .Actions .copies .icon-radio-checked2,
#Gift #PurchasedItems li.purchase .Actions .copies .icon-radio-checked2 {
  margin-left: 5px;
}
#Gift #PurchasedProducts li.purchase .Actions .copies .viewHover,
#Gift #PurchasedItems li.purchase .Actions .copies .viewHover {
  left: -30% !important;
}
#Gift #PurchasedProducts li.purchase .Actions .copies i,
#Gift #PurchasedItems li.purchase .Actions .copies i {
  opacity: 0.9;
  font-size: 14px;
}
#Gift #PurchasedProducts li.purchase .Actions .gift,
#Gift #PurchasedItems li.purchase .Actions .gift {
  float: left;
}
#Gift #PurchasedProducts li.purchase .Actions .view,
#Gift #PurchasedItems li.purchase .Actions .view {
  float: left;
  padding: 5px 5px 1px 6px;
  cursor: pointer;
}
#Gift #PurchasedProducts li.purchase .Actions .view i,
#Gift #PurchasedItems li.purchase .Actions .view i {
  cursor: pointer;
  margin: 0 5px 0 0;
  opacity: 1;
  float: left;
  font-size: 15px;
}
#Gift #PurchasedProducts li.purchase .Actions .copies:hover,
#Gift #PurchasedItems li.purchase .Actions .copies:hover,
#Gift #PurchasedProducts li.purchase .Actions .share:hover,
#Gift #PurchasedItems li.purchase .Actions .share:hover,
#Gift #PurchasedProducts li.purchase .Actions .gift:hover,
#Gift #PurchasedItems li.purchase .Actions .gift:hover {
  color: #fff;
}
#Gift #PurchasedProducts li.purchase:hover #Actions,
#Gift #PurchasedItems li.purchase:hover #Actions {
  opacity: 0.9;
}
#Gift #PurchasedProducts #ProductImages,
#Gift #PurchasedItems #ProductImages {
  box-shadow: none;
  max-height: 225px;
  overflow: hidden;
  background: none !important;
  float: left;
  width: 25%;
}
#Gift #PurchasedProducts .crowd-actions,
#Gift #PurchasedItems .crowd-actions {
  opacity: 0;
  right: 5px;
  width: 150px;
  float: right;
  bottom: 50px;
  overflow: hidden;
  margin-top: 10px;
  max-height: 400px;
  position: relative;
  transform: scale(0.9);
}
#Gift #PurchasedProducts .crowd-actions li,
#Gift #PurchasedItems .crowd-actions li {
  width: auto;
  height: 15px;
  padding: 10px;
  color: #dcdcdc;
  cursor: pointer;
  overflow-y: hidden;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
#Gift #PurchasedProducts .crowd-actions li .viewHover,
#Gift #PurchasedItems .crowd-actions li .viewHover {
  height: 15px;
  width: auto;
  max-width: 0;
  margin-left: 0px;
  overflow: hidden;
  display: inline-block;
  transition: all 350ms ease-in-out;
}
#Gift #PurchasedProducts .crowd-actions li:hover,
#Gift #PurchasedItems .crowd-actions li:hover {
  background: rgba(0,0,0,0.271);
}
#Gift #PurchasedProducts .crowd-actions li:hover .viewHover,
#Gift #PurchasedItems .crowd-actions li:hover .viewHover {
  max-width: 200px;
  margin-left: 5px;
}
@media screen and (max-width: 980px) {
  #Gift #PurchasedProducts li.purchase,
  #Gift #PurchasedItems li.purchase {
    position: relative;
    padding: 0;
    border-radius: 1px;
    display: inline-block;
    margin: 10px;
  }
  #Gift #PurchasedProducts li.purchase #Items,
  #Gift #PurchasedItems li.purchase #Items {
    position: absolute;
    width: 100%;
  }
  #Gift #PurchasedProducts li.purchase .owner,
  #Gift #PurchasedItems li.purchase .owner {
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  #Gift #PurchasedProducts li.purchase,
  #Gift #PurchasedItems li.purchase {
    margin: 5% 10px;
  }
  #Gift #PurchasedProducts .description,
  #Gift #PurchasedItems .description {
    padding: 0 10px;
    line-height: 22px;
    padding: 0 15px !important;
  }
  #Gift #PurchasedProducts #Actions,
  #Gift #PurchasedItems #Actions {
    padding: 0.6% 0 1.3% 4.5% !important;
  }
}
#Gift #PurchasedItems .no-items {
  padding: 2%;
  text-align: left;
  position: relative;
  margin: 0 !important;
  width: 94% !important;
  border: none !important;
  margin-top: 2% !important;
  background: linear-gradient(to bottom, #254982, #193d77);
}
#Gift #PurchasedItems .no-items span.fa {
  margin: 0 10px 0 0;
  font-size: 15px;
}
#Gift #PurchasedItems li {
  top: 0;
  width: auto;
  min-width: auto;
  font-size: 13px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  min-height: auto !important;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  border-bottom: 1px solid #676767 !important;
  background: linear-gradient(to bottom, #252525 34%, #3a3a3a 100%);
}
#Gift #PurchasedItems li h5 {
  width: 100%;
  float: left;
  font-size: 20px;
  text-align: left;
  line-height: 20px;
  padding: 7.4% 4% 1% 2%;
  height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#Gift #PurchasedItems li .item-image {
  z-index: 1;
  float: left;
  margin: 6px;
  width: 90px;
  height: 90px;
  cursor: alias;
  overflow: hidden;
  margin-top: 13px;
  background: #222;
  margin-left: 12px;
  transition: 400ms;
  max-height: 210px;
  position: relative;
  text-align: center;
  border-radius: 100px;
  box-shadow: -1px 1px 0px #060000;
}
#Gift #PurchasedItems li .item-image img {
  position: relative;
  height: 100%;
}
#Gift #PurchasedItems li .details {
  top: 55px;
  width: 70%;
  left: 117px;
  height: 50px;
  font-size: 11px;
  overflow: hidden;
  position: absolute;
  color: #dcdcdc;
}
#Gift #PurchasedItems li .icon-box {
  position: absolute;
  transform: scale(0.6);
  left: 0px;
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #1e68a2;
  background: url("/assets/img/video-overlay.png") #1d3f73;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  text-align: center;
}
#Gift #PurchasedItems li .icon-box .icon {
  color: #a1ecff;
  font-size: 14px;
  padding: 3px;
}
#Gift #PurchasedItems li .quantity {
  position: absolute;
  right: 35px;
  top: 13px;
  opacity: 0.5;
  transition: 200ms;
  text-shadow: 0 0 0 2px #000;
}
#Gift #PurchasedItems li:hover .quantity {
  opacity: 1;
}
#Gift #PurchasedItems li .menu {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
#Gift #PurchasedItems li .crowd-actions {
  opacity: 0;
  right: 5px;
  width: 150px;
  float: right;
  bottom: 50px;
  overflow: hidden;
  margin-top: 10px;
  max-height: 400px;
  position: relative;
  transform: scale(0.9);
}
#Gift #PurchasedItems li .crowd-actions li {
  width: auto;
  border: none;
  height: 15px;
  padding: 10px;
  color: #dcdcdc;
  cursor: pointer;
  overflow-y: hidden;
}
#Gift #PurchasedItems li .crowd-actions li .viewHover {
  height: 15px;
  width: auto;
  max-width: 0;
  margin-left: 0px;
  overflow: hidden;
  display: inline-block;
  transition: all 350ms ease-in-out;
}
#Gift #PurchasedItems li .crowd-actions li:hover {
  background: rgba(0,0,0,0.271);
}
#Gift #PurchasedItems li .crowd-actions li:hover .viewHover {
  max-width: 200px;
  margin-left: 5px;
}
#Gift #PurchasedItems li .actions-menu {
  position: absolute;
  top: 10px;
  right: 0px;
  height: 50px;
  z-index: 100;
}
#Gift #PurchasedItems li .actions-menu ul {
  position: absolute !important;
  box-shadow: 0 0 30px #000;
  background: #2b2c2d;
  overflow: hidden;
  height: auto;
  width: 140px;
  right: 10px;
  z-index: 25;
  font-weight: 300;
}
#Gift #PurchasedItems li .actions-menu ul li {
  width: 90%;
  color: #ccc;
  border: none;
  padding: 10px;
  cursor: pointer;
  box-shadow: none;
  margin: 0 !important;
  border: none !important;
  background: transparent;
  font-weight: 300 !important;
}
#Gift #PurchasedItems li .actions-menu ul li span {
  margin-right: 5px;
}
#Gift #PurchasedItems li .actions-menu ul li:hover {
  color: #fff !important;
}
#Gift #PurchasedItems li .actions-menu i.menu-icon,
#Gift #PurchasedItems li .actions-menu .menu-button {
  z-index: 10;
  right: 10px;
  bottom: 15px;
  margin-top: 0px;
  cursor: pointer;
  text-shadow: none;
  padding: 10px 10px;
  position: absolute;
  margin: 0 !important;
  width: 20px !important;
  height: 15px !important;
  font-size: 23px !important;
  color: rgba(255,255,255,0.5);
}
#Gift #PurchasedItems li .actions-menu i.menu-icon .info-button,
#Gift #PurchasedItems li .actions-menu .menu-button .info-button {
  bottom: 5px;
  position: absolute;
  right: -20px;
  font-size: 16px;
}
#Gift #PurchasedItems li .actions-menu .menu-button {
  border-bottom: 1px solid transparent;
  border-radius: 20px;
  bottom: 30px !important;
  height: 1px !important;
  width: 1px !important;
  font-size: 10px !important;
  padding: 5px 13px 12px 5px !important;
  transform: rotate(0deg);
  transition: 400ms;
}
#Gift #PurchasedItems li .actions-menu .menu-button:hover {
  border-bottom: 1px solid #195fbe;
  transform: rotate(360deg);
  background: radial-gradient(#062331, #1a495f);
}
#Gift #PurchasedItems li .actions-menu .menu-button .circle {
  border-radius: 5px;
  background: #19a3ab;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 7px;
  left: 7px;
}
#Gift #PurchasedItems li.for-more .licon {
  border-radius: 100px;
  background: #464646;
  box-shadow: inset 1px 1px 6px rgba(0,0,0,0.22);
  padding: 23px 18px 23px 22px;
  position: absolute;
  color: rgba(255,255,255,0.639);
  font-size: 35px;
  height: 34px;
  width: 40px;
  top: 37px;
  left: 27px;
}
#Gift #PurchasedItems li.for-more .crowd-title {
  left: 105px;
  position: relative;
}
#Gift #PurchasedItems li.for-more .details {
  left: 114px;
}
#Gift #PurchasedItems li.for-more.large {
  width: 100%;
}
#Gift #PurchasedItems li.for-more.large .crowd-title {
  padding: 2.5% 4% 1% 0.8%;
}
#Gift #PurchasedItems .no-products {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  text-align: left !important;
}
#Gift #PurchasedItems .no-products .store-link {
  padding: 4px 9px;
}
#Gift #PurchasedItems .crowd-box {
  border-bottom: 1px solid transparent !important;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  margin: 0% 2.5% 2.6% 0% !important;
  max-width: none !important;
  margin-right: 0 !important;
  margin-top: 10px !important;
  display: inline-block;
  border-radius: 0px;
  position: relative;
  border-radius: 1px;
  font-size: 13px;
  min-width: auto;
  float: left;
  width: 72%;
  z-index: 1;
  top: 0;
}
#Gift #ProductActions {
  height: 60px;
  margin: 12px 0;
  position: relative;
}
#Gift #ProductActions .crowd-pleaser {
  position: initial;
  padding: 0;
  width: 100%;
}
#Gift #ProductActions .crowd-pleaser button {
  text-shadow: 1px 0 0 #2a2f40;
  box-shadow: 1px 2px 6px #222;
  background: #2a2d52;
  padding: 0 35px;
  border: none;
  right: 0px;
}
#modules #contentpage {
  background: linear-gradient(rgba(250,243,218,0.42), #0f0e08);
}
#modules .container {
  padding-top: 0;
}
#modules .crop-top {
  padding-top: 0 !important;
}
#modules .module-box {
  margin: 2em 0;
  transition: 300ms;
  border: 1px solid #000;
  box-shadow: 0 0 35px rgba(0,0,0,0.4);
}
#modules .cinema {
  height: 796px;
  overflow: hidden;
}
#modules .infobox {
  color: #fff;
  font-size: 16px;
  padding: 1em 2em;
  line-height: 35px;
  letter-spacing: 2px;
  font-weight: 200;
  position: relative;
  border: 1px solid #000;
  box-shadow: 0 0 4px #111;
  margin: 0 !important;
  margin-bottom: 70px !important;
}
#modules .infobox .background {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0.6;
  z-index: 1;
  text-shadow: 1px 1px 1px #222, -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749));
}
#modules .infobox .container {
  width: 100%;
  padding: 0;
}
#modules .infobox .box-borders .left,
#modules .infobox .box-borders .right,
#modules .infobox .box-borders .top,
#modules .infobox .box-borders .bottom {
  background: #080d10;
  box-shadow: 0 0 3px rgba(139,155,205,0.66);
}
#modules .infobox .inside {
  color: #fff;
  position: relative;
  z-index: 2;
}
#modules .infobox .box-borders .left,
#modules .infobox .box-borders .right,
#modules .infobox .box-borders .top,
#modules .infobox .box-borders .bottom {
  background: #0f3985;
}
#modules .service-iconlarge.licon {
  font-size: 110px !important;
  position: relative;
  transform: translateY(0px);
  transition: 420ms 120ms;
}
#modules .service-iconlarge.licon .licon-gun {
  font-size: 160px !important;
  width: 160px;
  margin: 25px 50px 0px 0px;
}
#modules .service-iconlarge.licon .licon-crown {
  font-size: 130px !important;
  width: 160px;
  margin: 40px 30px 0 20px;
}
#modules .container .row.image {
  height: 65vh;
  background-size: cover;
  background: url("/assets/img/concept/TownSquare.jpg");
}
#modules .container .row h4 {
  font-size: 32px;
  line-height: 38px;
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 16px;
}
#modules .container .row dt {
  font-weight: bold;
  color: #fff;
  background: #2d3358;
  text-transform: uppercase;
  padding: 10px;
  font-size: 22px;
  margin-bottom: 0 !important;
  letter-spacing: 1px;
}
#modules .container .row dd {
  margin-bottom: 1em;
  color: #fff;
  font-weight: 300;
}
#modules .module-box {
  background-size: auto 100%;
  -webkit-transition: all 420ms cubic-bezier(0.55, 0.03, 0.54, 0.94);
  transition: all 420ms cubic-bezier(0.55, 0.03, 0.54, 0.94);
}
#modules .module-box .licon-car {
  transform: translateX(-15px);
}
#modules .module-box:hover {
  background-size: auto 115%;
  color: #fff;
  transform: scale(1.02);
}
#modules .module-box:hover .licon {
  transform: translateY(-15px);
}
#modules .module-box:hover .licon-gun {
  transform: translateY(-15px) rotate(-10deg);
}
#modules .module-box:hover .licon-car {
  transform: translateX(20px);
}
#modules .final-row {
  min-height: 430px;
  padding: 20px 0 0 0;
  position: relative;
}
#modules .final-row .mask {
  top: 0;
  width: 100%;
  left: -20px;
}
#modules .final-row h2 {
  position: absolute;
  top: 220px;
  text-align: center;
  width: 100%;
}
#modules .final-row .align-center {
  text-align: center;
  position: absolute;
  bottom: 145px;
  width: 100%;
}
@media screen and (min-width: 650px) {
  #modules .module-box {
    background-size: 100% auto !important;
  }
  #modules .module-box:hover {
    background-size: 115% auto !important;
  }
}
.task-probar {
  clear: both;
  font-size: 0.6em;
  width: 100%;
  border: 1px solid #000;
  height: 3em;
  line-height: 3em;
  cursor: default;
  overflow: hidden;
  font-size: 18px;
}
.tasks-skinning,
.tasks-intesting {
  background: #ff0;
  color: #222;
}
.tasks-new {
  background: #444;
  color: #fff;
}
.tasks-completed {
  color: #fff;
  background: rgba(0,128,0,0.612) url("/assets/img/patterns/old-mathematics-green.png");
}
.tasks-inprogress {
  background: #6d7999;
  color: #fff;
}
.taskstatus {
  float: left;
  text-align: center;
}
.taskblock {
  width: 46%;
  float: left;
  position: relative;
  margin: 0 2% 3em 2%;
}
@media only screen and (max-width: 767px) {
  .taskblock {
    width: 100%;
  }
}
#TownSquare .no-top-margin .crop-top {
  padding-top: 0 !important;
}
#TownSquare .container {
  padding: 0;
}
#TownSquare .title-row {
  box-shadow: 0 4px 20px #000;
}
#TownSquare .row {
  margin: 0px 0;
}
#TownSquare .row.first {
  padding: 4em;
  background: linear-gradient(to right, #040821, #202d3f, #040821);
  filter: hue-rotate(-10deg) saturate(0.5) brightness(0.9);
  color: #040821;
}
#TownSquare .row.first .container {
  width: 100%;
}
#TownSquare .row.first .container p:first-child {
  float: left;
  width: 44%;
}
#TownSquare .row.first .container p:last-child {
  float: right;
  width: 44%;
}
#TownSquare .row .title {
  background: linear-gradient(to right, #040821, #202d3f, #040821);
  font-size: 22px;
  width: 100%;
  margin-bottom: 10px !important;
  padding: 0;
  color: #fff;
}
#TownSquare .row .desc {
  background: #040821;
  padding: 80px 0 35px 0;
  font-size: 20px;
  line-height: 32px;
  font-weight: 500;
  font-family: 'Lato';
  color: #fff;
}
#TownSquare .row .desc.crop-top {
  padding: 33px 0 35px 0 !important;
}
#TownSquare .row p {
  margin: 0;
  box-shadow: none;
  background: none;
  font-size: 22px;
  font-weight: 300;
  padding: 0 0 2em 0;
}
#TownSquare .row p:last-child {
  padding-bottom: 10px;
}
#TownSquare h2 {
  text-shadow: 0px 0px 5px #a6bdff !important;
  background: url("/assets/img/patterns/snow.png") #2a2e33 !important;
  box-shadow: inset 0px -10px 30px rgba(0,0,0,0.4) !important;
  border-top: 4px solid #242424;
  padding: 70px 0 !important;
  color: #fff !important;
  position: relative;
  font-size: 40px;
}
#TownSquare h2 p {
  margin-top: 30px !important;
}
#TownSquare h2 h4 {
  font-size: 25px !important;
}
#TownSquare h2 h6 {
  font-size: 20px !important;
}
#TownSquare h2 h6 span {
  font-size: 17px !important;
}
#TownSquare h2 span {
  font-size: 50px;
  line-height: 40px;
  display: block;
}
#TownSquare h2 .bottom-row {
  margin: 0;
}
#TownSquare h2.container {
  padding: 1.5em 0 !important;
}
#TownSquare h2 .bottom_line {
  left: 0;
  bottom: 0;
  height: 4px;
  width: 100%;
  z-index: 10;
  transition: 300ms;
  position: absolute;
  background: linear-gradient(to right, #040821 0%, #bcbcbc 10%, #d2d2d2 45%, #d2d2d2 55%, #bcbcbc 90%, #040821 100%);
}
#TownSquare h2 .bottom_line.hidden {
  width: 0%;
  left: 50%;
}
#TownSquare .title-row {
  background: linear-gradient(to right, #040821, #202d3f, #040821);
}
#TownSquare .title-row .shop-link {
  padding: 18px 15px 8px 10px;
  text-transform: uppercase;
  color: #419be8;
  transition: 100ms;
  font-size: 14px;
  right: 0;
}
#TownSquare .title-row .shop-link.bottom {
  position: relative;
  left: -3%;
  width: 106%;
}
#TownSquare .top-padding {
  padding-top: 5px !important;
}
#TownSquare #tsheader {
  padding: 0;
  height: 600px;
  margin: 0 auto;
  position: relative;
  box-shadow: 0 0 12px #000;
  background: url("/assets/img/concept/day-large.jpg") center no-repeat #000;
  background-attachment: fixed;
  background-size: auto 100% !important;
}
#TownSquare #tsheader span {
  position: absolute;
  bottom: 20px;
  right: 0px;
}
#TownSquare #tsheader .backgorund {
  background: rgba(0,0,0,0.7);
  width: 97%;
  padding: 1.5%;
  right: 0px;
  bottom: 60px;
  position: absolute;
}
#TownSquare #tsheader .orange {
  position: absolute;
  bottom: 20px;
  right: 150px;
  padding: 0;
}
@media screen and (min-width: 1400px) {
  #TownSquare #tsheader {
    background-size: 100%;
  }
}
#TownSquare .claim-your-place {
  visibility: visible;
  animation-name: fadeIn;
  margin: 20px auto 30px auto;
  display: inline-block;
  margin-bottom: 30px;
  color: #fff;
  letter-spacing: 1px;
}
#TownSquare .claim-your-place.bottom {
  margin: 50px auto 30px auto !important;
}
#TownSquare p {
  color: #fff;
  font-size: 21px;
  margin: 1em 0;
  background: #252525;
  padding: 0.5em 1em;
  box-shadow: inset 0 0 12px rgba(0,0,0,0.6);
  line-height: 35px;
}
#TownSquare p:first-child {
  margin-top: 0;
}
#TownSquare p:last-child {
  margin-bottom: 0;
}
#TownSquare .birdseye {
  margin: 60px 0 0 30px;
}
#TownSquare .progressbar {
  width: 100%;
  height: 50px;
  margin: 0 auto;
  border-radius: 5px;
  background: rgba(0,0,0,0.45) url("/assets/img/patterns/old-mathematics-green.png");
}
#TownSquare .progressbar div {
  transition: 200ms;
  position: absolute;
  height: 50px;
  top: 0;
  left: 0;
  z-index: 15;
  background: linear-gradient(to bottom, #c1c1c1 0%, #0c5f10 5%, #0d4812 100%);
}
#TownSquare .progressbar span {
  color: #7fe232;
  font-size: 23px;
  border-top: 1px solid #1f7425;
  border-bottom: 1px solid #1f7425;
}
#TownSquare img {
  width: 100% !important;
  box-shadow: 0 0 3px #000 !important;
  margin: 0 !important;
}
#TownSquare .btn-primary {
  height: 100% !important;
  top: 0 !important;
  left: 0;
  transform: translate(0, 0);
  width: 100%;
  margin: 50px auto 30px auto !important;
  padding: 10px 0;
}
#TownSquare .btn-primary::after {
  background: linear-gradient(to bottom, #9ac34b 6%, #9bbb51 5%, #7e992a 30%, #48562d 100%) !important;
  background-image: url("/assets/img/patterns/old-mathematics-green.png") #9bbb51;
  border-bottom: 1px solid rgba(50,72,79,0.5);
  border-top: 1px solid rgba(50,72,79,0.5);
}
#TownSquare .btn-primary:hover {
  border-color: transparent;
}
#TownSquare .bottom-row {
  background: url("/assets/img/patterns/snow.png") #2a2e33 !important;
  box-shadow: inset 0px -10px 30px rgba(0,0,0,0.4) !important;
  text-shadow: 0px 0px 5px #a6bdff !important;
  border-top: 4px solid #242424;
  color: #fff !important;
  padding-bottom: 70px;
  position: relative;
  margin: 0 auto;
  padding: 0 0 120px 0;
}
#TownSquare .bottom-row h2 {
  height: auto;
  font-size: 40px;
  border-top: none;
  padding: 55px 0 !important;
  background: none !important;
  box-shadow: none !important;
  text-shadow: none !important;
}
#TownSquare .TownSquareConcept {
  background: url("/assets/img/concept/TownSquare.jpg") no-repeat #000;
  background-attachment: fixed;
  height: 600px;
}
#TownSquare .TownSquareCinema {
  background: url("/assets/img/concept/market-large.jpg") no-repeat 0px -320px;
  background-attachment: fixed;
  height: 700px;
}
#TownSquare .TownSquareWorld {
  background: url("/assets/img/concept/night-large.jpg") no-repeat 0px -320px;
  background-attachment: fixed;
  height: 700px;
}
#Tasks {
  text-shadow: 0px 0px 5px #a6bdff !important;
  background: url("/assets/img/patterns/snow.png") #2a2e33 !important;
  box-shadow: inset 0px -10px 30px rgba(0,0,0,0.4) !important;
  border-top: 4px solid #242424;
  padding: 70px 0 160px 0 !important;
  color: #fff !important;
  position: relative;
  font-size: 40px;
}
#Tasks h2 {
  position: relative;
  font-size: 40px;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding-bottom: 0 !important;
}
#Tasks h2 h4 {
  font-size: 40px !important;
  text-shadow: none;
  color: #fff;
}
#Tasks h2 h6 {
  font-size: 27px !important;
  text-shadow: none;
  margin-top: 28px;
}
#Tasks h2 h6 span {
  color: #e2e2e2 !important;
}
#Tasks .divider {
  background: #1a1812;
  padding: 30px 0;
  box-shadow: inset 5px 0 10px #000;
  font-size: 24px;
  line-height: 42px;
}
#Tasks .bugtracker {
  margin-bottom: 72px;
}
#Tasks .header {
  background: rgba(26,24,18,0);
  padding: 70px 0;
  box-shadow: none;
  font-size: 24px;
  line-height: 42px;
  max-width: 1090px;
  margin: auto;
}
#DevTracker {
  margin-bottom: 70px;
}
#DevTracker .container {
  background: transparent !important;
}
#DevTracker .service-1 {
  background: #080808;
  border-radius: 1px;
}
#DevTracker .news-box time {
  padding: 40px 0 10px 0;
}
#DevTracker .news-box time span {
  display: block;
  font-size: 56px;
  line-height: 54px;
  padding-bottom: 6px;
}
#DevTracker .news-box time span.small {
  width: 100%;
  font-size: 12px;
  line-height: initial;
}
#DevTracker .service-box {
  position: relative;
  padding: 12px;
  box-sizing: border-box;
  text-align: left;
  float: left;
  width: 100%;
  display: block;
  transition: all 0.2s ease;
  overflow: hidden;
  height: auto !important;
  margin: 0 0 23px 0;
  border: none;
}
#DevTracker .service-box .box-borders .left,
#DevTracker .service-box .box-borders .right,
#DevTracker .service-box .box-borders .bottom,
#DevTracker .service-box .box-borders .top {
  background: #7a0b0b;
  text-shadow: 0 0 3px #d12424;
  box-shadow: 0 0 3px #d12424;
}
#DevTracker .service-box:first-child {
  margin-top: 0 !important;
}
#DevTracker .service-box.dev-tracker {
  margin: 0;
  color: #fff;
  height: auto;
  cursor: pointer;
  min-height: auto;
  margin-top: 28px;
  padding: 10px 20px;
  position: relative;
  transition: all 0.2s ease;
  border: 1px solid #a62f26;
}
#DevTracker .service-box.dev-tracker p {
  font-size: 12px;
  text-align: center;
  font-weight: bold;
}
#DevTracker .service-box.dev-tracker p.small {
  font-weight: 300;
}
#DevTracker .service-box.dev-tracker .header,
#DevTracker .service-box.dev-tracker .notice {
  position: relative;
  z-index: 2;
}
#DevTracker .service-box.dev-tracker .background,
#DevTracker .service-box.dev-tracker .darkwave {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 200ms;
  background: linear-gradient(to right, #871717, rgba(47,8,8,0.42));
}
#DevTracker .service-box.dev-tracker .darkwave {
  opacity: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
#DevTracker .service-box.dev-tracker:hover .darkwave {
  opacity: 1;
}
#DevTracker .service-box .dev-note .header {
  cursor: pointer;
}
#DevTracker .service-box .dev-note .icons {
  float: left;
  margin: 0px 10px;
}
#DevTracker .service-box .dev-note span {
  font-weight: 100;
  letter-spacing: 0.8px;
}
#DevTracker .service-box .dev-note .notice {
  max-height: 0;
  overflow: hidden;
}
#DevTracker .service-box .dev-note .notice p {
  letter-spacing: 0.7px;
}
#DevTracker .service-box .dev-note .notice .small {
  letter-spacing: 0.3px;
}
#DevTracker .service-box .service-name {
  left: 0;
  top: 0px;
  width: 96%;
  padding: 3%;
  min-height: 55px;
  position: absolute;
}
#DevTracker .service-box .service-name .background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  position: absolute;
  transition: all 0.2s;
  background: linear-gradient(to right, #d12424, rgba(55,30,4,0));
}
#DevTracker .service-box .service-name a {
  position: relative;
  z-index: 10;
}
#DevTracker .service-box:hover {
  transform: scale(1.02);
}
#DevTracker .service-box:hover .service-name .background {
  opacity: 1;
}
#DevTracker .service-box .service-text {
  margin-top: 105px;
  padding: 0 0 25px 0;
}
#DevTracker .service-box .service-poster {
  float: left;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding-bottom: 0px;
  z-index: 2;
  position: relative;
  transition: all 0.2s ease;
}
#DevTracker .service-box .service-icon {
  width: 54px;
  margin: 0 12px 0 0;
  border-radius: 100px;
  overflow: hidden;
}
#DevTracker .service-box .service-icon img {
  width: 100%;
}
#DevTracker .service-box .service-description {
  font-size: 17px;
  line-height: 25px;
  font-weight: 300;
  color: #ddd;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
#DevTracker .service-box .service-description p {
  text-align: left;
  font-size: 14px;
  line-height: 23px;
  font-weight: 300;
}
#DevTracker .service-box .service-title {
  font-size: 19px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding-bottom: 0px;
  transition: all 0.2s ease;
  text-shadow: 2px 2px 4px #000;
  margin-top: 3px;
  margin-bottom: 10px;
}
#DevTracker .service-box time {
  font-size: 0.7em;
  color: #bbb;
  margin: 5px;
  height: 0;
  position: relative;
  left: 7px;
  right: auto;
  bottom: auto;
  background: transparent;
}
#DevTracker .service-box time span {
  margin: 0 2px;
}
#DevTracker .service-box .buttons {
  position: absolute;
  right: 22px;
  top: 15px;
  font-size: 20px;
  color: #385dc4;
  opacity: 0;
  transition: 200ms;
}
#DevTracker .service-box:hover .buttons {
  opacity: 1;
}
#DevTracker .service-box li a {
  color: #dcdcdc;
}
#DevTracker .service-text {
  margin-top: 0px;
  padding: 0 3%;
}
#DevTracker .half {
  width: 50%;
  float: left;
  margin-right: 0 !important;
}
#DevTracker .half .service-box {
  width: 95%;
  position: relative;
  background: rgba(0,0,0,0.4);
}
#DevTracker .half .service-box .background {
  position: absolute;
  background: linear-gradient(to right, #d12424, rgba(55,30,4,0));
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  opacity: 0.3;
}
#DevTracker .half .service-box time {
  right: 18px;
}
#DevTracker .half #Twitter {
  margin-top: 17px;
}
#DevTracker .half #Twitter iframe {
  border: 1px solid #4d7fd4 !important;
  height: 895px !important;
  width: 100% !important;
  margin-bottom: 40px !important;
}
#DevTracker .half #Twitter iframe .timeline-TweetList-tweet {
  border-top: 1px solid #425fab;
}
#DevTracker .half #Twitter iframe .timeline-Viewport {
  overflow-y: hidden;
}
#DevTracker .half #Twitter iframe .timeline-Tweet {
  background: #080808 !important;
}
#DevTracker .half #Twitter iframe .timeline-Widget {
  background: #000 !important;
}
#DevTracker .half #Twitter iframe .TwitterCard-container[data-theme=dark] {
  border-color: #354d90 !important;
  border-radius: 0;
}
#DevTracker .half.updates .title-marker {
  animation: opendown 1s 2s !important;
  animation-fill-mode: forwards !important;
}
#DevTracker .half.updates .sub-marker {
  animation: opendown80 1s 2.2s !important;
  animation-fill-mode: forwards !important;
}
#DevTracker .half.updates .decoration .title-marker,
#DevTracker .half.updates .decoration .sub-marker {
  background: #d12424 !important;
  box-shadow: 0 0 2px #d12424 !important;
}
#DevTracker .title {
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}
#DevTracker .title .decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
#DevTracker .title .decoration .title-marker {
  top: 0px;
  left: 0px;
  width: 3px;
  height: 0%;
  position: absolute;
  background: #0052de;
  animation: opendown 1s 2s;
  box-shadow: 0 0 2px #0e1f5c;
  animation-fill-mode: forwards;
}
#DevTracker .title .decoration .sub-marker {
  top: 0px;
  left: 9px;
  width: 2px;
  height: 0%;
  position: absolute;
  background: #0052de;
  box-shadow: 0 0 2px #0e1f5c;
  animation: opendown80 1s 2.2s;
  animation-fill-mode: forwards;
}
#DevTracker .title h2 {
  font-size: 45px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 0px 0 17px 25px;
  text-align: left;
  margin-bottom: 25px;
  min-width: 380px;
}
#DevTracker .news-title {
  color: #fff;
}
#DevTracker .news-box {
  transition: 0.2s ease-in-out;
  width: 100% !important;
  padding: 0 !important;
  position: relative;
  margin: 0 0 3% 0;
}
#DevTracker .news-box.loader {
  height: 294px;
  background: rgba(0,0,0,0.4);
  overflow: hidden;
}
#DevTracker .news-box.loader time {
  height: 58px;
}
#DevTracker .news-box.loader .news-content {
  height: 100%;
}
#DevTracker .news-box.loader .swooshy {
  background: linear-gradient(to right, transparent, rgba(18,68,154,0.6), transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 240px;
  left: -150px;
  opacity: 0.25;
  top: 0;
}
#DevTracker .news-box .news-content {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 30px 20px 30px;
  text-align: left;
  color: #777;
  font-weight: 300;
  font-size: 15px;
  background: rgba(0,0,0,0.4);
}
#DevTracker .news-box .news-content p {
  font-family: sans-serif;
  transition: 500ms;
  overflow: hidden;
  max-height: 1040px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 200 !important;
  color: #ddd;
  margin: 20px 0;
}
#DevTracker .news-box .box-borders .top,
#DevTracker .news-box .box-borders .right,
#DevTracker .news-box .box-borders .bottom,
#DevTracker .news-box .box-borders .left {
  background: #12449a;
  box-shadow: 0 0 3px #041023;
}
#DevTracker .news-box .news-links-list {
  transition: 700ms;
  background: rgba(14,31,92,0.522);
  padding: 15px 0 15px 30px;
}
#DevTracker .news-box time {
  position: relative;
  font-size: 12px;
  background: transparent;
}
#DevTracker .news-box h5 {
  width: 70%;
  position: absolute;
  top: 0;
  color: #fff;
  padding-top: 23px;
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  padding: 20px;
  z-index: 2;
}
@media screen and (max-width: 650px) {
  #DevTracker .news-box h5 {
    width: 75%;
    font-size: 16px;
    padding: 10px;
  }
}
#DevTracker .news-box:hover .news-links-list {
  background: #0b1846;
}
#DevTracker .news-box h2 {
  text-align: left;
  padding: 15px 0;
}
#DevTracker .news-box time {
  text-align: left;
  width: 98%;
  font-size: 12px;
  padding: 1%;
  background: linear-gradient(to right, rgba(14,31,92,0.549) 60%, #1e3ba4);
}
#DevTracker .news-box time span {
  font-size: 25px !important;
  padding-right: 12px !important;
  line-height: 38px;
  text-align: right;
  padding: 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  #DevTracker .news-box time span {
    padding: 0 10px;
    font-size: 29px;
  }
}
#DevTracker .news-box time .date {
  padding: 0;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-family: sans-serif;
  width: 80px;
  float: right;
  text-align: center;
  position: relative;
  z-index: 2;
}
#DevTracker .news-box time h5 {
  width: 90%;
  position: absolute;
  top: 0;
  color: #fff;
  padding-top: 23px;
}
@media screen and (min-width: 1650px) {
  #DevTracker .news-box time h5 {
    padding-top: 30px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 760px) {
  #DevTracker .news-box time h5 {
    width: 68%;
    position: absolute;
    top: 0;
    color: #fff;
    padding: 10px 10px;
    font-size: 19px;
    padding: 11px;
    line-height: 23px;
  }
}
#DevTracker .news-box time .background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  transition: all 0.2s;
  background: linear-gradient(to right, rgba(14,31,92,0), #1e3ba4);
}
#DevTracker .news-box .news-box {
  position: relative;
}
#DevTracker .news-box .news-box:hover .background {
  opacity: 1;
}
#Background {
  background: url("/assets/img/concept/Final3.jpg");
}
app-info .container {
  padding: 0 !important;
}
app-info .scroll {
  text-shadow: 0 0 10px rgba(0,0,0,0.6);
  position: absolute;
  text-align: right;
  cursor: pointer;
  font-size: 22px;
  bottom: 45px;
  float: right;
  color: #fff;
  width: auto;
  right: 45px;
}
app-info .scroll i {
  top: 10px;
  float: right;
  color: #cacaca;
  cursor: pointer;
  font-size: 55px;
  transition: 500ms;
  text-align: right;
  position: relative;
  display: inline-block;
  padding: 0 20px 0 20px;
  transform: rotate(180deg);
  text-shadow: 0 0 20px #000;
}
app-info .scroll span {
  text-transform: uppercase;
  letter-spacing: 3px;
  padding: 10px 15px;
  transition: 500ms;
  font-weight: 500;
  font-size: 35px;
  color: rgba(255,255,255,0.729);
}
app-info .scroll .border {
  position: absolute;
}
app-info .scroll .border .bottom {
  background: linear-gradient(to right, transparent 0%, #b3cce6 25%, #c1d6ec 50%, #b3cce6 75%, transparent 100%);
  transition: 200ms;
  position: absolute;
  bottom: 0;
  width: 0%;
  left: 50%;
}
app-info .scroll:hover .border .bottom {
  width: 100%;
  left: 0%;
}
app-info .scroll:hover span {
  color: #fff;
}
app-info .scroll:hover i {
  color: #fff;
}
app-info .scroll div {
  display: inline-block;
}
app-info .scroll.open {
  transform: translateY(0px);
  opacity: 1;
}
app-info #mainhead {
  background: url("/assets/img/concept/Final3.jpg") 0px 73%;
  box-shadow: 0 0 70px #000;
  background: transparent;
  width: 100%;
  height: 100vh;
  box-shadow: none;
  overflow: hidden;
  min-height: 850px;
}
app-info #mainhead .container {
  margin: 0 auto;
  position: relative;
  padding-bottom: 5%;
}
app-info #mainhead .container .infobox {
  color: #fff;
}
app-info #mainhead .container .open {
  float: right;
}
app-info #mainhead .container.bottom-container {
  position: absolute;
  display: inline-block;
  width: auto;
  bottom: 5%;
  right: 3%;
  left: auto;
  top: auto;
  opacity: 1;
}
app-info #mainhead .slogan {
  width: 100%;
  bottom: 40px;
  height: 130px;
  position: absolute;
  background: linear-gradient(to bottom, rgba(23,24,25,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
}
@media screen and (max-width: 768px) {
  app-info #mainhead .slogan {
    background: transparent;
  }
}
app-info #mainhead .slogan span {
  padding: 0;
  float: right;
  font-weight: 500;
  color: #cacaca;
  font-size: 29px;
  margin-top: 10px;
  padding-left: 3px;
  letter-spacing: 3px;
  text-transform: uppercase;
  font-size: 25px !important;
}
app-info #mainhead .slogan span:hover {
  color: #fff;
}
app-info #mainhead .slogan h1 {
  padding: 0;
  bottom: 0px;
  cursor: default;
  color: #fff;
  font-size: 60px;
  font-weight: 500;
  position: absolute;
  letter-spacing: 5px;
  margin-bottom: 0;
  font-family: 'Roboto';
  text-transform: uppercase;
  text-shadow: 3px 3px 3px #222, -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;
}
app-info #mainhead .slogan h1 b {
  max-width: 0px;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  font-weight: 700;
  animation: openRightUnroll 1s 2s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  app-info #mainhead .slogan h1 b {
    display: block;
  }
}
app-info #mainhead .slogan h1 i {
  max-width: 0px;
  height: 60px;
  overflow: hidden;
  display: inline-block;
  margin: 0;
  margin-left: 15px;
  font-weight: 200;
  animation: openRightUnroll 1s 2.4s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
  animation-timing-function: ease-in-out;
  white-space: nowrap;
}
@media screen and (max-width: 960px) {
  app-info #mainhead .slogan h1 .slogan h1 {
    font-size: 60px;
  }
}
@media screen and (max-width: 768px) {
  app-info #mainhead .slogan h1 {
    margin-bottom: 60px;
    font-size: 60px;
  }
}
app-info #mainhead .slogan .left-bracket,
app-info #mainhead .slogan .right-bracket {
  top: -1px;
  width: 10px;
  height: 100%;
  position: absolute;
  border-top: 2px solid #153182;
  border-left: 2px solid #153182;
  border-bottom: 2px solid #153182;
}
app-info #mainhead .slogan .left-bracket {
  left: 10px;
  box-shadow: -1px 0px 2px #153182;
  animation: leftBracket 1s 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
app-info #mainhead .slogan .right-bracket {
  right: 10px;
  border-left: 2px solid transparent;
  border-right: 2px solid #153182;
  box-shadow: 1px 0 2px #153182;
  animation: rightBracket 1s 1s;
  animation-iteration-count: 1;
  animation-fill-mode: forwards;
}
app-info #mainhead .slogan .haveALook {
  cursor: pointer;
  bottom: 7px;
}
app-info #mainhead .slogan .haveALook span {
  font-size: 22px;
  margin-top: 25px;
}
@media screen and (max-width: 1200px) {
  app-info #mainhead .slogan .haveALook {
    bottom: -60px !important;
    left: 0;
  }
}
@media screen and (max-width: 960px) {
  app-info #mainhead .slogan .haveALook {
    bottom: -50px !important;
    left: 0;
  }
}
app-info #mainhead .blurb {
  top: 170px;
  margin: 0;
  opacity: 0;
  width: 0px;
  height: 40px;
  border-radius: 0;
  overflow: hidden;
  position: absolute;
  box-shadow: 0 0 30px #000;
  animation: openUnroll 2s 1s;
  padding: 30px 25px !important;
  border: 1px solid rgba(0,0,0,0.5);
  background: radial-gradient(circle at center, #022c6b, rgba(41,91,155,0.8));
}
app-info #mainhead .blurb .background {
  top: 0px;
  left: 0px;
  z-index: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  position: absolute;
  background: url("/assets/img/patterns/fabric-1-dark.png");
}
app-info #mainhead .blurb .gradient {
  top: -100%;
  left: -100%;
  z-index: 0;
  width: 150%;
  height: 150%;
  opacity: 1;
  position: absolute;
  animation: gradientshine;
  animation-delay: 1.85s;
  animation-duration: 1.6s;
  animation-iteration-count: 1;
  background: linear-gradient(transparent 0%, rgba(255,255,255,0.149) 50%, transparent 50.5%, transparent 100%);
  transform: rotate(-33deg);
}
app-info #mainhead .blurb.open {
  opacity: 1;
  width: 500px;
  height: 315px;
  padding: 30px 25px !important;
  border: 1px solid rgba(0,0,0,0.5);
}
@media screen and (max-width: 760px) {
  app-info #mainhead .blurb.open {
    width: 85%;
  }
}
app-info #mainhead .blurb .blurb-holder {
  z-index: 5;
  width: 100%;
  height: 370px;
  transition: 600ms ease-out;
  position: relative;
}
@media screen and (max-width: 479px) {
  app-info #mainhead .blurb .blurb-holder p {
    font-size: 19px !important;
  }
}
app-info #mainhead .blurb .blur {
  top: 0;
  left: 0;
  width: 100%;
  z-index: -2;
  height: 100%;
  filter: blur(5px);
  position: absolute;
  background: rgba(0,0,0,0);
}
app-info #mainhead .blurb p {
  line-height: 30px;
  color: #fff;
  padding: 0.5em 0;
  font-size: 1.25em;
  font-weight: 300;
  font-family: 'Lato';
  margin: 10px 0;
}
app-info #mainhead .blurb h1 {
  text-shadow: 2px 2px 2px rgba(34,34,34,0.53), -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222 !important;
  font-family: 'Roboto' !important;
  line-height: initial !important;
  letter-spacing: 0px !important;
  text-align: left !important;
  font-weight: 500 !important;
  font-size: 40px !important;
  margin: 0 !important;
}
app-info #mainhead .blurb h1 {
  text-align: center !important;
  font-weight: 300 !important;
  text-transform: uppercase;
  letter-spacing: 3px !important;
  width: 500px !important;
}
app-info #mainhead .blurb h1 b {
  font-weight: 700;
}
app-info #mainhead .blurb h4 {
  position: relative;
  line-height: 38px;
  color: #e7f2ff;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 2px;
  padding: 0px 0 0px 0;
  font-family: 'Lato';
  font-size: 45px;
}
app-info #mainhead #general-video {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0;
  overflow: hidden;
  height: 100vh;
  width: 100vw;
}
app-info #mainhead #general-video video {
  width: 100%;
}
app-info .background_image {
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
app-info .background_video {
  width: 100%;
  position: relative;
}
app-info .background_video video {
  position: relative;
  width: 100%;
  top: 0px;
}
app-info .background_video .credit {
  z-index: 10;
  right: 20px;
  bottom: 20px;
  color: #b0cdff;
  font-size: 11px;
  font-weight: 300;
  position: absolute;
  letter-spacing: 0.8px;
}
app-info .container {
  position: relative;
  display: block;
  margin: auto auto;
}
app-info .inforow sup {
  vertical-align: super;
  font-size: smaller;
}
app-info .inforow .box-borders .top {
  background: #175fda;
}
app-info .inforow .background_image {
  background-position: center !important;
}
app-info .inforow .panel {
  width: 55%;
  bottom: 120px;
  text-align: left;
  transition: 200ms;
  position: absolute;
  display: inline-block;
}
app-info .inforow .panel img {
  width: 100%;
  height: auto;
  max-width: none;
  position: absolute;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
}
app-info .inforow .player {
  position: absolute;
  right: 10px;
  top: 40px;
  width: 200px;
  cursor: pointer;
  padding: 17px 10px;
  color: #fff;
}
app-info .inforow .player i {
  position: absolute;
}
app-info #contentpage .info-container {
  position: relative;
}
app-info #contentpage .info-container h2 {
  margin-bottom: 20px;
  margin-top: 20px;
}
app-info #contentpage .info-container img {
  margin: 0;
  width: 100%;
  position: absolute;
  z-index: -2;
}
app-info #contentpage .mask {
  position: absolute;
  width: 100%;
  z-index: -1;
}
app-info #contentpage .info-container {
  position: relative;
}
app-info .inforow {
  height: 100vh;
  min-height: 660px;
  padding-bottom: 0px;
  position: relative;
  background-size: cover;
  background-position: center;
  background-size: 125%;
}
app-info .inforow .left {
  margin: 0;
  position: absolute;
  width: 100%;
}
app-info .inforow p {
  color: #fff;
  margin: 0;
  opacity: 0.8;
  font-size: 14px;
  font-weight: 200;
  line-height: 23px;
  letter-spacing: 1px;
  padding: 0% 1% 2% 1%;
  letter-spacing: 0.7px;
  background: transparent;
  font-weight: 300 !important;
  text-shadow: 0 0 8px #524b4b;
  text-shadow: 0px -2px 0 #000;
  font-family: 'Lato' !important;
}
app-info .inforow p:first-child {
  padding-top: 3.5%;
}
app-info .inforow p:last-child {
  padding-bottom: 40px;
}
app-info .inforow img {
  height: auto;
  width: 100%;
  max-width: none;
  box-shadow: 0 0 20px rgba(0,0,0,0.5);
  position: absolute;
}
@media screen and (max-width: 980px) {
  app-info .inforow img {
    width: 94%;
    margin-top: 0;
    margin-bottom: 0;
  }
}
app-info .inforow .video-container {
  opacity: 1;
  top: auto !important;
  right: 3% !important;
  left: auto !important;
  width: 600px !important;
  padding: 5px !important;
  box-shadow: 0 0 25px #000;
  position: absolute !important;
  border: 1px solid #2e639a;
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749));
}
app-info .inforow .video-container i {
  position: absolute;
  top: 19px;
  left: 15px;
}
app-info .inforow .video-container i.two {
  left: 23px !important;
}
app-info .inforow .video-container i.close {
  cursor: pointer;
  left: auto;
  right: 10px;
}
app-info .inforow .video-container h1 {
  cursor: pointer;
  font-size: 25px;
  text-align: left;
  text-shadow: none;
  padding: 10px 30px 8px 40px;
}
app-info .inforow .video-container video {
  width: 100%;
  height: auto;
  margin-top: 7px;
}
app-info .inforow .description {
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749));
  box-shadow: 2px 5px 50px rgba(0,0,0,0.8) !important;
  padding: 0 20px !important;
  border: 1px solid #2e639a;
  position: relative;
  overflow: hidden;
  max-width: 900px;
  float: left;
  width: 100%;
  margin: 0;
}
app-info .inforow .description.right {
  margin: 0 3% 0 0;
}
@media screen and (max-width: 980px) {
  app-info .inforow .description {
    width: 91% !important;
    float: left;
    margin: 0% !important;
  }
}
@media screen and (max-width: 768px) {
  app-info .inforow .description {
    float: none !important;
    width: 90% !important;
    margin: auto !important;
  }
}
app-info .inforow .description p:last-child {
  padding-bottom: 60px;
}
app-info .inforow h4 {
  line-height: 60px;
  font-size: 50px;
  font-weight: 200;
  text-transform: uppercase;
  padding-bottom: 16px;
  color: #fff;
  width: 100%;
  padding: 3% 0 2% 0;
  text-align: center;
  letter-spacing: 4px;
  opacity: 1;
}
app-info .inforow h4 span {
  font-size: 39px;
  font-weight: 400;
}
app-info .inforow .panel {
  position: absolute;
  display: inline-block;
  width: auto;
  bottom: 15%;
  left: 3%;
}
app-info .align-center {
  text-align: center;
}
app-info .final-row {
  min-height: auto;
  text-align: center;
  position: relative;
  overflow: hidden;
}
app-info .final-row .scroll {
  text-transform: uppercase;
  letter-spacing: 1.5px;
  text-align: center;
  cursor: default;
  font-size: 26px;
  padding: 0% 0%;
  bottom: 85px;
  width: 100%;
  left: -3px;
  z-index: 5;
}
app-info .final-row .scroll span {
  cursor: pointer;
  letter-spacing: 1px;
  font-size: 20px;
  font-weight: 100;
}
app-info .final-row .mask {
  top: 0;
  width: 100%;
}
app-info .final-row .background_image,
app-info .final-row .background_pattern {
  width: 100%;
  height: 100%;
  background-size: cover;
  background: url("/assets/img/patterns/old-mathematics-blue-lg.png") repeat-x;
  background-size: auto;
  position: absolute;
  opacity: 1;
  z-index: 1;
}
app-info .final-row .background_image {
  z-index: 5;
}
app-info .final-row .background_pattern {
  background: url("/assets/img/patterns/bright-squares.png") #000;
  background-size: 17.7%;
  opacity: 0.5;
}
app-info .final-row .btn-primary {
  margin-top: 40px;
}
app-info .final-row .hero_prompt {
  left: 0;
  margin: 0;
  padding: 0;
  z-index: 10;
  width: 100%;
  top: 80px;
  position: absolute;
  display: inline-block;
}
app-info .final-row .hero_prompt .background {
  box-shadow: 0 0 20px rgba(0,0,0,0.35);
  background: linear-gradient(rgba(31,31,31,0.7), rgba(36,59,82,0.631));
  position: absolute;
  height: 100%;
  width: 100%;
}
app-info .final-row .hero_prompt:hover .background {
  background: linear-gradient(rgba(31,31,31,0.7), rgba(36,59,82,0.631));
}
app-info .final-row .hero_prompt .logo-image {
  margin-bottom: 100px;
  width: 256px;
  height: 256px;
}
app-info .final-row .hero_prompt h2 {
  font-size: 45px;
  font-weight: 500;
  position: relative;
  text-shadow: 0 0 20px #4d76bc;
  letter-spacing: 2px;
  z-index: 2;
}
app-info .final-row .hero_prompt .btn-primary {
  margin-bottom: 20px;
  box-shadow: 2px 5px 50px rgba(0,0,0,0.25);
  background: radial-gradient(circle at center, #0e2c60, #284885) !important;
  border: 1px solid #5674a7;
}
app-info .final-row .hero_prompt .btn-primary:after {
  background: #234e9b !important;
}
app-info .align-right {
  text-align: right;
}
app-info .learn-more {
  position: absolute;
  max-width: 945px;
  width: 100%;
  text-align: center;
  margin: auto auto;
  padding: 0;
}
app-info .learn-more a {
  color: #fff;
}
app-info .learn-more a .fa {
  font-size: 25px;
  margin: 0 0 0 10px;
}
app-info .learn-more a:hover {
  color: #fff;
}
@media screen and (max-width: 980px) {
  app-info .learn-more {
    margin-top: 30px;
  }
  app-info .learn-more .btn-primary {
    margin: 5px 0 35px 0;
  }
}
app-info .btn-primary {
  border: 1px solid #5674a7;
  box-shadow: 2px 5px 50px rgba(0,0,0,0.25);
  background: radial-gradient(circle at center, rgba(14,44,96,0.71), rgba(40,72,133,0.91)) !important;
}
app-info .btn-primary:hover {
  color: #fff !important;
}
app-info .btn-primary::after {
  background: #2e639a !important;
}
#World .background_image {
  background: url("/assets/img/art/identity-map-02.jpg");
  background-size: cover;
}
@media screen and (max-width) {
  #World .panel {
    left: 0%;
  }
}
#Jobs .panel {
  top: 10%;
  right: 3%;
  left: auto;
  width: auto;
  bottom: auto;
}
#Jobs .description {
  background: radial-gradient(circle at center, rgba(105,73,47,0.78), rgba(136,115,102,0.749));
  border: 1px solid #8d7a6f;
}
#Jobs .box-shots div i {
  color: #fef1e9;
}
#Jobs .background_image {
  background: url("/assets/img/art/identity-robbery.jpg");
}
#Jobs .video-container {
  width: 400px;
  bottom: 10% !important;
  top: auto !important;
  left: 3% !important;
  background: radial-gradient(circle at center, rgba(105,73,47,0.78), rgba(136,115,102,0.749));
  border: 1px solid #8d7a6f;
  margin: 0;
}
@media screen and (max-width: 768px) {
  #Jobs .panel {
    top: 10%;
    left: 1%;
    right: 1%;
    width: 98%;
  }
}
#Home .description {
  background: radial-gradient(circle at center, rgba(43,80,40,0.8), rgba(40,50,41,0.9));
  border: 1px solid #335930;
  bottom: 80px;
}
#Home .box-shots div i {
  color: #1daa14;
}
#Home .background_image {
  background: url("/assets/img/concept/Hotel.jpg");
}
#Home .video-container {
  width: 300px;
  background: radial-gradient(circle at center, rgba(43,80,40,0.8), rgba(40,50,41,0.9));
  border: 1px solid #335930;
  top: 10% !important;
  bottom: auto;
}
#Crime .panel {
  opacity: 1;
  transform: scale(1);
  bottom: 5%;
  left: auto;
  right: 3%;
  top: 15%;
  width: 95%;
}
#Crime .description {
  background: radial-gradient(circle at center, rgba(95,25,22,0.7), rgba(88,8,8,0.78));
  border: 1px solid #823f3d;
}
#Crime .box-shots div i {
  color: #dbbc9f;
}
#Crime .background_image {
  background: url("/assets/img/art/BB-RV-lake-01.jpg");
  background-size: cover;
}
#Crime .btn-primary {
  border: 1px solid #823f3d;
  background: radial-gradient(circle at center, rgba(96,14,14,0.71), rgba(133,40,40,0.91)) !important;
}
#Crime .btn-primary::after {
  background: #9a2e2e !important;
}
#Empire .panel {
  opacity: 1;
  transform: scale(1);
  bottom: 5%;
  left: auto;
  right: 3%;
  top: 15%;
  width: 95%;
}
#Empire .background_image {
  background: url("/assets/img/art/VZ-Identity-library-interior-03.jpg");
}
#Empire .box-borders .bottom {
  background: linear-gradient(to right, #143d81, #608cd5, #143d81);
  height: 2px;
}
#Empire .container {
  width: auto;
}
#Empire .video-container {
  margin: 0;
  left: 3% !important;
  top: auto !important;
  bottom: 10% !important;
  width: 320px !important;
  z-index: 10 !important;
}
.final-row .background_image {
  background-size: auto !important;
}
.final-row .scroll span {
  float: none;
}
.panel .description .top {
  background: transparent !important;
}
@media screen and (max-width: 960px) {
  .panel {
    width: 85%;
    bottom: 11%;
  }
}
.corp-button .btn-primary {
  background: #000;
}
.corp-button .box-borders .top,
.corp-button .box-borders .left,
.corp-button .box-borders .right,
.corp-button .box-borders .bottom {
  position: absolute;
  background: #8a97b3;
  box-shadow: 0 0 3px #485657;
}
.corp-button .box-borders:after,
.corp-button .box-borders:before {
  background: #eaeaf2 !important;
}
@media screen and (max-width: 1199px) and (min-width: 1200px) {
  .blurb p {
    font-size: 1.25em;
    line-height: 21px;
    padding: 0.5em 0;
    margin: 5px 0px;
  }
  .info-container h2 {
    margin-top: -100px;
  }
}
@media screen and (max-width: 1200px) {
  .learn-more {
    position: absolute;
    width: 100%;
  }
  .info-container h2 {
    margin-top: 120px;
  }
  .mask {
    position: absolute !important;
    width: 200% !important;
    top: 0px !important;
    left: -50% !important;
  }
  #general-video {
    width: 90% !important;
    padding: 5%;
    left: 0;
    margin: 0;
    top: 10px;
    height: 350px !important;
  }
  #Info #contentpage .blurb {
    top: 0px !important;
  }
  #general-video {
    width: 90% !important;
    padding: 5%;
    left: 0;
    margin: 0;
    top: 10px;
    height: auto;
  }
  #Info .container {
    overflow: visible;
  }
}
.detailed-world h4 {
  font-size: 32px;
  line-height: 38px;
  letter-spacing: 1.3px;
  color: #96b1f7;
  font-weight: 400;
  text-transform: uppercase;
  padding-bottom: 16px;
  background: linear-gradient(to bottom, #1c244c, #172567);
  padding: 14px 20px;
  clear: both;
  text-shadow: 3px 5px 3px rgba(0,0,0,0.32);
  box-shadow: 0px 2px 0 #0a1533;
  margin-bottom: 0px !important;
  position: relative;
}
.detailed-world img {
  margin: 0 !important;
}
.jobs-and-careers h4 {
  margin-bottom: 0px !important;
  font-size: 32px;
  line-height: 38px;
  color: #fff !important;
  text-transform: uppercase;
  padding-bottom: 16px;
  background: #771717 !important;
  padding: 13px 20px;
  clear: both;
  font-weight: 500 !important;
  position: relative;
}
.jobs-and-careers h4 .borders {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.jobs-and-careers h4 .borders .rightline {
  position: absolute;
  right: 0;
  width: 100px;
  height: 2px;
  background: #001aff;
  box-shadow: 0 0 15px #0089ff;
}
.jobs-and-careers h4 .borders .topline {
  position: absolute;
  right: 100px;
  width: 100px;
  height: 2px;
  background: #f00;
  box-shadow: 0 0 15px #f00;
}
.jobs-and-careers h4 .borders .bottomline {
  position: absolute;
  right: 0;
  height: 40px;
  width: 2px;
  background: #00f;
}
.jobs-and-careers p {
  color: #fff !important;
  text-shadow: 0 0 8px #524b4b !important;
}
.your-new-home h4 {
  margin-bottom: 0px !important;
  font-size: 32px;
  line-height: 38px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
  background: #7daddc !important;
  padding: 13px 20px;
  clear: both;
  text-shadow: 1px 1px 3px rgba(0,0,0,0.32);
  box-shadow: 0px 2px 0 #0a1533;
  position: relative;
}
.your-new-home p {
  color: #fff !important;
  text-shadow: 0 0 8px #524b4b !important;
}
.life-of-crime h4 {
  margin-bottom: 0px !important;
  font-size: 32px;
  line-height: 38px;
  color: #fffce8;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
  background: #84513e;
  padding: 13px 20px;
  clear: both;
  text-shadow: 3px 5px 3px rgba(0,0,0,0.32);
  box-shadow: 0px 2px 0 #3c230a;
  position: relative;
}
.life-of-crime p {
  color: #fffbe1 !important;
  text-shadow: 0 0 8px #524b4b !important;
}
.building-an-empire h4 {
  margin-bottom: 0px !important;
  font-size: 32px;
  line-height: 38px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
  background: #dde0e2;
  padding: 13px 20px;
  clear: both;
  text-shadow: 0px 1px 2px rgba(0,0,0,0.36);
  box-shadow: 0px 2px 0 #0a1533;
  background: #777;
  position: relative;
}
.building-an-empire p {
  color: #fff !important;
  text-shadow: 0 0 8px #524b4b !important;
}
@media screen and (max-width: 1200px) {
  .inforow .description {
    float: left;
    width: 88% !important;
    margin: 2% 3% !important;
    margin-bottom: 50px !important;
  }
  #Home .description {
    width: 90%;
    margin: 0 !important;
    bottom: 0 !important;
    border: 1px solid #335930;
    background: radial-gradient(circle at center, rgba(43,80,40,0.8), rgba(40,50,41,0.9));
  }
  .inforow {
    overflow: visible !important;
  }
  #Jobs {
    width: 100%;
    left: 0;
  }
  #Jobs .container {
    width: 100%;
    right: auto;
  }
  #Crime {
    bottom: 5% !important;
  }
  #Crime .video-container {
    background: radial-gradient(circle at center, rgba(95,25,22,0.7), rgba(88,8,8,0.78));
    border: 1px solid #823f3d;
    bottom: 5% !important;
    width: auto !important;
  }
  #World {
    opacity: 1;
    transform: scale(1);
    left: 0;
    width: 100%;
  }
  #World .video-container {
    top: 10% !important;
    right: 3% !important;
    left: auto !important;
    bottom: auto !important;
  }
  #Empire .video-container {
    left: 3% !important;
    top: auto !important;
    bottom: 20% !important;
    width: 400px !important;
    z-index: 10 !important;
    margin: auto;
  }
  .left-align .container {
    margin-bottom: 50px !important;
  }
  .haveALook {
    float: left;
  }
}
@media screen and (max-width: 768px) {
  .info-container h2 {
    margin: 10px;
  }
  .blurb {
    width: 90%;
    overflow-y: scroll;
    float: none !important;
    padding: 10% !important;
    margin: auto auto !important;
    position: relative !important;
  }
  .blurb h4 {
    padding: 0;
  }
  .blurb p {
    margin: 0;
  }
  ::-webkit-scrollbar {
    width: 2px;
  }
  ::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  }
  ::-webkit-scrollbar-thumb {
    background-color: #a9a9a9;
    outline: 2px solid #708090;
  }
  .inforow {
    width: 100%;
    margin: 0;
  }
  .inforow img {
    width: 100% !important;
    margin: 0px 0 30px 0 !important;
  }
}
@media screen and (max-width: 400px) {
  .blurb {
    padding: 5% !important;
  }
}
@-moz-keyframes 'openUnroll' {
  0% {
    opacity: 0;
    width: 0px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 0px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  20% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  40% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  60% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  80% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  100% {
    opacity: 1;
    width: 500px;
    height: 315px;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 0 30px #000;
    padding: 30px 25px !important;
  }
}
@-webkit-keyframes 'openUnroll' {
  0% {
    opacity: 0;
    width: 0px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 0px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  20% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  40% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  60% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  80% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  100% {
    opacity: 1;
    width: 500px;
    height: 315px;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 0 30px #000;
    padding: 30px 25px !important;
  }
}
@-o-keyframes 'openUnroll' {
  0% {
    opacity: 0;
    width: 0px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 0px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  20% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  40% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  60% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  80% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  100% {
    opacity: 1;
    width: 500px;
    height: 315px;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 0 30px #000;
    padding: 30px 25px !important;
  }
}
@keyframes 'openUnroll' {
  0% {
    opacity: 0;
    width: 0px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 0px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  20% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  40% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  60% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  80% {
    opacity: 1;
    width: 500px;
    height: 40px;
    box-shadow: 0 0 30px #000;
    padding: 25px 0px !important;
    border: 1px solid rgba(0,0,0,0.5);
  }
  100% {
    opacity: 1;
    width: 500px;
    height: 315px;
    border: 1px solid rgba(0,0,0,0.5);
    box-shadow: 0 0 30px #000;
    padding: 30px 25px !important;
  }
}
@-moz-keyframes 'openSide' {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@-webkit-keyframes 'openSide' {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@-o-keyframes 'openSide' {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@keyframes 'openSide' {
  0% {
    transform: translateY(100px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
@-moz-keyframes 'leftBracket' {
  0% {
    left: 10px;
  }
  100% {
    left: -17px;
  }
}
@-webkit-keyframes 'leftBracket' {
  0% {
    left: 10px;
  }
  100% {
    left: -17px;
  }
}
@-o-keyframes 'leftBracket' {
  0% {
    left: 10px;
  }
  100% {
    left: -17px;
  }
}
@keyframes 'leftBracket' {
  0% {
    left: 10px;
  }
  100% {
    left: -17px;
  }
}
@-moz-keyframes 'rightBracket' {
  0% {
    right: 10px;
  }
  100% {
    right: -15px;
  }
}
@-webkit-keyframes 'rightBracket' {
  0% {
    right: 10px;
  }
  100% {
    right: -15px;
  }
}
@-o-keyframes 'rightBracket' {
  0% {
    right: 10px;
  }
  100% {
    right: -15px;
  }
}
@keyframes 'rightBracket' {
  0% {
    right: 10px;
  }
  100% {
    right: -15px;
  }
}
#Buttons {
  padding: 70px 0 0 0;
  background: url("/assets/img/patterns/dark-denim-3.png") #000 !important;
}
#Buttons .row {
  float: none;
  text-align: center;
}
#Buttons .grid_3 {
  float: none;
  margin: 0 28px;
  cursor: pointer;
  max-height: 370px;
  position: relative;
  display: inline-block;
  width: auto !important;
  min-height: 260px !important;
  max-width: 240px !important;
}
#Buttons .grid_3 .left {
  transition: 300ms;
}
#Buttons .grid_3 #Box1 {
  border: 1px solid #4360ac !important;
}
#Buttons .grid_3 #Box1 .box-borders * {
  background: #4360ac !important;
}
#Buttons .grid_3 #Box2 {
  border: 1px solid #129388 !important;
}
#Buttons .grid_3 #Box2 .box-borders * {
  background: #129388 !important;
}
#Buttons .grid_3 #Box3 {
  border: 1px solid #a744cf !important;
}
#Buttons .grid_3 #Box3 .box-borders * {
  background: #a744cf !important;
}
#Buttons .grid_3 #Box4 {
  border: 1px solid #dc5b66 !important;
}
#Buttons .grid_3 #Box4 .box-borders * {
  background: #dc5b66 !important;
}
#Buttons .grid_3:first-child {
  margin-left: 0px !important;
}
#Buttons .grid_3:last-child {
  margin-right: 0px !important;
}
#Buttons .grid_3:hover .box-borders .left {
  width: 5px;
}
#Buttons .grid_3:hover #Box1 {
  background: radial-gradient(circle at center, rgba(18,79,147,0.5), rgba(20,71,139,0.2));
}
#Buttons .grid_3:hover #Box1 .box-borders * {
  background: #4360ac !important;
}
#Buttons .grid_3:hover #Box2#customerfunnel {
  background: radial-gradient(circle at center, rgba(15,136,125,0.5), rgba(20,139,131,0.1));
}
#Buttons .grid_3:hover #Box2#customerfunnel .box-borders * {
  background: #129388 !important;
}
#Buttons .grid_3:hover #Box3 {
  background: radial-gradient(circle at center, rgba(92,15,132,0.5), rgba(66,20,139,0.2));
}
#Buttons .grid_3:hover #Box3 .box-borders * {
  background: #a744cf !important;
}
#Buttons .grid_3:hover #Box4 {
  background: radial-gradient(circle at center, rgba(220,91,102,0.3), rgba(220,91,102,0.1));
}
#Buttons .grid_3:hover #Box4 .box-borders * {
  background: #dc5b66 !important;
}
#Buttons .indicators {
  left: 0;
  bottom: 1px;
  height: 2px;
  width: 100%;
  z-index: 10;
  position: absolute;
}
#Buttons .indicators li {
  height: 2px;
  float: left;
  cursor: pointer;
  transition: 150ms;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
  position: relative;
  height: 100%;
  width: 50%;
}
#Buttons .indicators li.inactive {
  background: transparent;
  box-shadow: none;
}
#Buttons .indicators .quarter {
  width: 25% !important;
}
#AboutTheGame {
  box-shadow: 0 0 35px 16px rgba(0,0,0,0.75);
}
.connecting-lines {
  height: 130px;
  position: relative;
}
.connecting-lines .top,
.connecting-lines .middle,
.connecting-lines .bottom {
  transition: 700ms ease-in-out;
  box-shadow: 0 0 1px #00f;
  background: #385dc4;
  position: absolute;
}
.connecting-lines .top {
  left: 41%;
  width: 2px;
  height: 50px;
}
.connecting-lines .middle {
  width: 100px;
  height: 2px;
  top: 50px;
  left: 50%;
}
.connecting-lines .bottom {
  position: absolute;
  left: 50%;
  height: 80px;
  width: 2px;
  top: 50px;
}
.sliderImage {
  width: 100%;
  height: 100%;
  background-size: cover !important;
}
#Backstreet {
  background: url("/assets/img/statistics-bg.jpg");
}
#Lake {
  background: url("/assets/img/art/BB-RV-lake-01.jpg");
}
#Bar {
  background: url("/assets/img/art/VZ-Identity-bar-interior-01.jpg");
}
.dirtbike {
  background: url("/assets/img/products/dirtbike.png");
}
.motorbike {
  background: url("/assets/img/products/motorbike.png");
}
.rustedcar {
  background: url("/assets/img/products/rustedcar.png");
}
.used-motorbike {
  background: url("/assets/img/products/used-motorbike.png");
}
.centerFront {
  width: 100%;
  position: absolute;
  text-align: center;
  bottom: 250px !important;
}
.titlePanel {
  width: 1200px;
  max-height: 430px;
  position: relative;
  display: inline-block;
  transition: 300ms cubic-bezier(0.71, 0.04, 0.35, 1);
}
.titlePanel .close {
  position: relative;
  top: 9px;
  right: 9px;
}
.titlePanel .close .licon-rank {
  font-size: 16px;
  right: 10px;
  position: relative;
}
.titlePanel.titleClosed {
  max-height: 115px !important;
  margin-top: 0 !important;
}
@media screen and (max-width: 1410px) {
  .titlePanel.titleClosed {
    max-height: 150px !important;
  }
}
@media screen and (max-width: 1210px) {
  .titlePanel.titleClosed {
    max-height: 175px !important;
  }
}
@media screen and (max-width: 1010px) {
  .titlePanel.titleClosed {
    max-height: 170px !important;
  }
}
@media screen and (max-width: 950px) {
  .titlePanel.titleClosed {
    max-height: 185px !important;
  }
}
@media screen and (max-width: 450px) {
  .titlePanel.titleClosed {
    max-height: 155px !important;
  }
}
.titlePanel .center {
  height: 0;
  opacity: 0;
  float: inherit;
  margin-top: 15px;
  overflow: hidden;
  transition: 300ms;
  text-align: center;
  position: relative;
}
.titlePanel .center a {
  position: relative;
  float: inherit;
}
.titlePanel p {
  color: #3e1f04;
  margin-bottom: 25px;
  text-shadow: 1px 1px 0px #cfa743;
  line-height: 30px;
  font-size: 1.05em;
  font-weight: 500;
  font-family: 'Lato';
}
.titlePanel.large h4 {
  font-size: 38px !important;
}
.titlePanel:hover .center,
.titlePanel.open .center {
  opacity: 1;
  overflow: visible;
  height: 40px;
}
@media screen and (max-width: 550px) {
  .titlePanel {
    max-height: 470px;
  }
  .titlePanel .center {
    display: none !important;
  }
}
.Feature {
  overflow: hidden;
  left: 20% !important;
  width: 60% !important;
  bottom: 100px !important;
}
.sliderVideo {
  position: relative;
  background: #000;
  width: 100%;
  height: 100%;
  z-index: 1;
  left: 0 !important;
}
.apartment {
  left: 10%;
  bottom: 10%;
  width: 50%;
  height: auto;
  position: absolute;
  box-shadow: 5px 16px 50px 5px #000;
}
.centre-image {
  bottom: 20px !important;
  position: absolute;
  text-align: center;
  width: 100%;
}
.centre-image .loader {
  z-index: 2;
  width: 100%;
  height: 1px;
  bottom: 0px;
  float: left;
  position: absolute;
  background: linear-gradient(to right, transparent 3%, #404040 50%, transparent 97%);
  transition: 300ms;
}
.centre-image .controls {
  margin: 0;
  width: 100%;
  height: 60px;
  height: auto;
  position: absolute;
  top: auto !important;
  z-index: 2 !important;
  bottom: 2px !important;
  transition: 200ms;
  color: #797979;
}
.centre-image .controls i {
  transition: 120ms;
  color: #797979;
}
.centre-image .controls .play,
.centre-image .controls .pause {
  height: 30px;
  display: inline-block;
}
.centre-image .controls .play i,
.centre-image .controls .pause i {
  font-size: 25px;
}
.centre-image .controls .play:hover i,
.centre-image .controls .pause:hover i {
  color: #fff;
}
.centre-image .SliderVideoContainer {
  position: relative !important;
  max-width: 900px !important;
  margin: 0 auto !important;
  padding: 0px !important;
  bottom: 40px !important;
  display: inline-block;
  height: auto;
  width: 85%;
}
.centre-image .SliderVideoContainer:hover .loader {
  height: 3px;
}
.marqueeFeature {
  position: absolute !important;
  bottom: 100px !important;
  min-height: 240px;
  width: 100%;
}
.gameDescription {
  margin: 0px !important;
  padding: 0px !important;
  font-size: 23px !important;
  line-height: 45px !important;
  width: 100%;
}
.gameDescription .container {
  background: linear-gradient(to right, transparent, #1c3958, transparent);
}
.gameDescription .container .background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: linear-gradient(to right, transparent, #1c3958, transparent);
}
.gameDescription .border-top,
.gameDescription .border-bottom {
  background: linear-gradient(to right, transparent, #214592, #387bbf, #214592, transparent);
}
.gameDescription .center a {
  position: relative;
  display: inline-block;
  margin: 0 10px 25px;
  border-radius: 10px;
  font-family: 'Roboto';
  text-transform: uppercase;
  font-weight: 500;
  letter-spacing: 0.8px;
}
.gameDescription .center a .borders {
  position: absolute;
  height: 100%;
  width: 100%;
  text-align: center;
}
.gameDescription .center a .borders .bottom {
  left: 50%;
  bottom: 0;
  width: 0%;
  height: 1px;
  transition: 200ms;
  position: absolute;
  display: inline-block;
  padding: 0 !important;
  background: linear-gradient(to right, transparent 0%, #b3cce6 25%, #c1d6ec 50%, #b3cce6 75%, transparent 100%);
}
.gameDescription .center a:hover .borders .bottom {
  left: 0%;
  width: 100%;
}
.Information {
  background: linear-gradient(to right, #181d2d, #000, #181d2d);
  height: 100%;
}
.Information .title {
  margin-top: 25px;
  text-align: center;
  position: relative;
  padding: 0;
  display: block;
  font-size: 30px;
  font-weight: 600;
  text-shadow: 0 0 1px #000;
}
.Information .title .decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.Information .title .decoration .title-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0%;
  background: #0052de;
  box-shadow: 0 0 2px #0e1f5c;
  animation: opendown 1.2s 1s;
  animation-fill-mode: forwards;
}
.Information .title .decoration .sub-marker {
  position: absolute;
  top: 0px;
  left: 9px;
  width: 2px;
  height: 0%;
  background: #0052de;
  box-shadow: 0 0 2px #0e1f5c;
  animation: opendown80 1.2s 1.2s;
  animation-fill-mode: forwards;
}
.Information .title h2 {
  color: #fff;
  font-size: 45px;
  min-width: 380px;
  font-weight: 500;
  line-height: 50px;
  text-align: center;
  margin-bottom: 25px;
  padding: 0 !important;
  text-transform: uppercase;
  text-shadow: 1px 1px 0 #000;
}
.Information .container {
  position: relative;
  z-index: 20;
}
.Information .logo {
  transition: 300ms cubic-bezier(0.71, 0.04, 0.35, 1);
  padding: 0 0 46px 0;
  text-align: center;
  left: 0 !important;
  position: absolute;
  height: 120px;
  width: 100%;
  z-index: 2;
  top: 140px;
  margin-top: 230px;
}
.Information .logo a {
  display: inline-block;
}
@media only screen and (max-width: 940px) {
  .Information .logo {
    top: 50px;
    margin-top: 110px;
  }
  .Information .logo img {
    width: 100%;
    height: auto;
  }
}
.Feature .slogan {
  z-index: 2;
  color: #fff;
  width: 100%;
  transition: 300ms;
  text-shadow: #000 2px 2px;
}
.Feature .slogan .background {
  background: url("/assets/img/patterns/asfalt-light.png");
  background-size: 165px !important;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}
.Feature .slogan .center {
  width: 100%;
  text-align: center;
}
.Feature .slogan .learn {
  position: relative;
  display: inline-block;
  font-size: 20px !important;
  padding: 0;
}
.Feature .slogan .box-borders .top,
.Feature .slogan .box-borders .right,
.Feature .slogan .box-borders .bottom,
.Feature .slogan .box-borders .left {
  background: #080d10;
  box-shadow: 0 0 3px rgba(139,155,205,0.66);
}
.Feature .slogan .box-borders .top,
.Feature .slogan .box-borders .bottom {
  height: 2px !important;
}
.Feature .slogan .box-borders .left,
.Feature .slogan .box-borders .right {
  width: 2px !important;
}
.Feature .slogan span {
  font-size: 19px;
  padding-left: 3em;
  line-height: 33px;
  border-radius: 2px;
  letter-spacing: 0.5px;
  padding: 40px 60px 20px 60px !important;
}
@media screen and (max-width: 720px) {
  .Feature .slogan span {
    padding: 40px 20px 40px 20px !important;
  }
}
.Feature .slogan .coloured {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  position: absolute;
  background: linear-gradient(5deg, #84540a 0%, #a27829 18%, #f7d25a 82%, #fff9b0 100%);
}
.Feature .slogan h4 {
  font-family: 'Roboto';
  line-height: 40px;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
  padding-bottom: 16px;
  color: #5a320f;
  width: 100%;
  padding: 0;
  letter-spacing: 1px;
  margin-bottom: 26px;
  text-align: center;
  text-shadow: 1px 2px 0 #efc785;
}
.Feature .slogan button {
  display: block;
  margin: 20px auto 0 auto;
  background: url("/assets/img/patterns/shattered.png");
  border: none;
  padding: 10px 25px;
  font-size: 18px;
  text-transform: uppercase;
  color: #f6f9ff;
  box-shadow: 0 0 5px 1px rgba(0,0,0,0.5);
}
.Feature .slogan a {
  right: auto;
  color: #fff;
  padding: 0 12px;
  font-size: 32px;
  font-weight: 300;
  margin: 2px 13px;
  transition: 400ms;
  text-align: center;
  position: relative;
  letter-spacing: 2px;
  border-radius: 1px;
  border: 1px solid #b27e1c;
  background: rgba(88,50,8,0.5);
  border-bottom: 2px solid #b27e1c;
  border-right: 2px solid #b27e1c;
  text-transform: uppercase;
  cursor: pointer;
}
.Feature .slogan a .background {
  top: 0;
  right: 0;
  width: 0%;
  z-index: -1;
  height: 100%;
  transition: 200ms;
  border-radius: 3px;
  position: absolute;
  background: #2f140b;
  left: auto;
  z-index: 0;
  opacity: 1;
}
.Feature .slogan a:hover .background {
  right: auto;
  left: 0;
  width: 100%;
}
.Feature .slogan.blue {
  width: 99%;
  border: 1px solid #2c4d79;
  display: inline-block;
}
.Feature .slogan.blue h4 {
  color: #fff;
  text-shadow: 1px 2px 0 #2f2f2f;
}
.Feature .slogan.blue p {
  font-weight: 300;
  color: #fff;
  text-shadow: 1px 1px 0px #000;
}
.Feature .slogan.blue .coloured {
  background: radial-gradient(circle at center, #244473, rgba(16,49,90,0.8));
}
.Feature .slogan.blue a {
  border: 1px solid rgba(9,14,70,0.75);
  background: rgba(9,88,158,0.3);
}
.Feature .slogan.blue a .background {
  background: rgba(3,169,244,0.4);
}
.Information .featureTitle .background {
  background: radial-gradient(circle at center, #222e6b, #16235f, #0c4b8a, rgba(29,39,84,0));
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  z-index: 1 !important;
}
.Information .gameDescription .learn {
  padding: 0 10px;
  border-radius: 2px;
  line-height: 33px;
}
.Information .logo.hidden {
  opacity: 0;
}
.Law .logo {
  margin-top: 300px !important;
}
.Law .featureTitle {
  filter: saturate(140deg);
}
.Law .featureTitle .top,
.Law .featureTitle .border-bottom,
.Law .featureTitle .border-top {
  background: linear-gradient(to right, transparent, rgba(217,217,217,0.18), rgba(251,251,251,0.5), rgba(217,217,217,0.251), transparent) !important;
}
.Law .featureTitle .background {
  z-index: 1 !important;
  background: radial-gradient(circle at center, #542a1d, rgba(84,29,29,0.78), rgba(113,57,57,0.749), rgba(29,39,84,0));
}
.Law .gameDescription .container {
  background: linear-gradient(to right, transparent, #1c3958, transparent);
}
.Law .gameDescription .container .border-bottom,
.Law .gameDescription .container .border-top {
  background: linear-gradient(to right, transparent, rgba(217,217,217,0.18), rgba(251,251,251,0.5), rgba(217,217,217,0.251), transparent) !important;
}
.Home .featureTitle {
  filter: saturate(0);
}
.Home .featureTitle h2 {
  text-shadow: 0 0 6px #000;
}
.Home .featureTitle .background {
  background: radial-gradient(circle at center, #b9b9b9, rgba(202,202,202,0.78), rgba(255,255,255,0.749), rgba(29,39,84,0)) !important;
}
.Home .featureDescription {
  text-shadow: 2px 1px 2px #000;
}
.Home .gameDescription .container {
  background: linear-gradient(to right, transparent 0%, #9a9a9a 15%, #737373, #969696 85%, transparent 100%);
}
.Home .gameDescription .border-top,
.Home .gameDescription .border-bottom {
  background: linear-gradient(to right, transparent, #fff, #d6d6d6, #fff, transparent);
}
.Money .logo {
  margin-top: 200px !important;
}
.Money .featureTitle {
  filter: hue-rotate(140deg);
}
.Money .featureTitle .background {
  background: radial-gradient(circle at center, #542a1d, rgba(84,29,29,0.78), rgba(113,57,57,0.749), rgba(29,39,84,0));
}
.Money .gameDescription .container {
  background: linear-gradient(to right, transparent, #35231f, transparent);
}
.Money .border-top,
.Money .border-bottom {
  background: linear-gradient(to right, transparent, #a03838, #6b0d0d, #a03838, transparent) !important;
}
.gameDescription .bottom {
  padding: 0em 2em 0em 2em !important;
}
.featureDescription {
  text-align: center;
  letter-spacing: 2px;
  line-height: 31px;
  font-size: 18px;
  padding: 20px 0;
}
.vid-background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  border: 1px solid #2e639a;
  box-shadow: 2px 5px 50px rgba(0,0,0,0.8);
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749));
  z-index: 0;
}
.border-bottom,
.border-top {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 0px;
  background: linear-gradient(to right, transparent, #d9d9d9, #fbfbfb, #d9d9d9, transparent);
}
.border-top {
  top: 0px;
  bottom: auto;
}
.page-break {
  position: relative;
  width: 100%;
  height: 70px;
}
#AboutTheGame {
  padding: 0;
}
#AboutTheGame #featureSlider {
  height: 1000px;
  position: relative;
  overflow: hidden;
}
#AboutTheGame #featureSlider .ms-inner-controls-cont {
  width: 100%;
  text-align: center;
}
#AboutTheGame #featureSlider .ms-inner-controls-cont .ms-bullets-count {
  width: 100% !important;
  text-align: center;
  height: 40px;
  right: 0;
}
#AboutTheGame #featureSlider .ms-inner-controls-cont .ms-bullets {
  min-width: 100% !important;
  width: 100% !important;
  position: absolute;
}
#AboutTheGame #featureSlider .ms-slide {
  overflow: hidden;
  height: 100%;
  width: 100%;
  margin: 0;
  color: #fff;
  text-shadow: 1px 1px 2px #021e50;
  font-family: 'Roboto';
  transition: 300ms;
  cursor: pointer;
  z-index: 0;
}
#AboutTheGame #featureSlider .ms-slide .ms-slide-bgvideo {
  position: absolute;
  top: 0px;
  left: 0;
}
#AboutTheGame #featureSlider .ms-slide .featureTitle {
  position: relative;
  background: url("/assets/img/line-glowing-lightblue.png");
}
#AboutTheGame #featureSlider .ms-slide .featureTitle .background {
  background: radial-gradient(circle at center, #222e6b, #16235f, #0c4b8a, rgba(29,39,84,0));
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: -1;
  left: 0;
  top: 0;
}
#AboutTheGame #featureSlider .ms-slide .featureTitle .top {
  position: absolute;
  top: 0px;
  width: 100%;
  height: 1px;
  z-index: 10;
  background: linear-gradient(to right, transparent, #bdbdbd, #fff, #c3c3c3, transparent);
}
#AboutTheGame #featureSlider .ms-slide .featureTitle .right {
  position: absolute;
  background: url("/assets/img/line-glowing-lightblue-faderight.png");
  top: 0;
  height: 100%;
  width: 50px;
  right: -50px;
}
#AboutTheGame #featureSlider .ms-slide .featureTitle .left {
  position: absolute;
  background: url("/assets/img/line-glowing-lightblue-fadeleft.png");
  top: 0;
  height: 100%;
  width: 50px;
  left: -50px;
}
#AboutTheGame #featureSlider .ms-slide .featureTitle h2 {
  text-shadow: 0 0 10px #000;
  text-transform: uppercase;
  font-family: 'Roboto';
  text-align: center;
  position: relative;
  line-height: 50px;
  font-weight: 500;
  padding: 15px 0;
  font-size: 45px;
  color: #fff;
  z-index: 1;
}
@media screen and (max-width: 980px) {
  #AboutTheGame #featureSlider .ms-slide .featureTitle h2 {
    font-size: 30px;
  }
}
#AboutTheGame #featureSlider .ms-slide .gameFeatInfo {
  width: 100%;
}
#AboutTheGame #featureSlider .ms-slide .gameFeatInfo .container {
  padding: 0% !important;
}
#AboutTheGame #featureSlider .ms-slide .gameFeatInfo .bottom {
  text-align: center;
  background: radial-gradient(at top, #374e74 0%, transparent 70%);
  padding: 20px 0 40px 0;
}
#AboutTheGame #featureSlider .ms-slide .gameFeatInfo .bottom .featureDescription {
  padding: 0px !important;
  border-radius: 2px;
  font-size: 19px;
  text-shadow: 1px 1px 1px #000, -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;
  line-height: 33px;
  letter-spacing: 0.5px;
}
#AboutTheGame #featureSlider img {
  z-index: -1;
  height: auto;
  bottom: 0;
  width: 430px;
}
@media screen and (max-width: 450px) {
  #AboutTheGame #featureSlider img {
    width: 100% !important;
  }
}
.topFront {
  width: 100% !important;
}
.front-info {
  top: 520px !important;
  width: 100% !important;
  position: relative !important;
  height: 400px;
  width: 100vw;
}
.front-info .uc-container {
  height: 40%;
}
.uc-container {
  position: relative;
  top: 0 !important;
  left: 0 !important;
}
.uc-single,
.uc-final-wrapper,
.uc-initial-content,
.uc-back,
.uc-front {
  background: #fff;
}
.uc-final-wrapper {
  height: 100%;
}
.uc-final {
  width: 100%;
  height: 100%;
}
.uc-final,
.uc-initial,
.uc-final-wrapper {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
}
.uc-initial-content,
.uc-final-content {
  width: 100%;
  height: 100%;
  position: relative;
}
.uc-final,
.uc-final-content {
  display: none;
}
.uc-initial-content {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.uc-part {
  top: 0;
  left: 0;
  position: absolute;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
.uc-part > div {
  display: block;
  position: absolute;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.uc-part .uc-back {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.uc-unfold-left {
  -webkit-transform-origin: 0 50%;
  -moz-transform-origin: 0 50%;
  -o-transform-origin: 0 50%;
  -ms-transform-origin: 0 50%;
  transform-origin: 0 50%;
}
.uc-unfold-right {
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.uc-unfold-top {
  -webkit-transform-origin: 50% 0%;
  -moz-transform-origin: 50% 0%;
  -o-transform-origin: 50% 0%;
  -ms-transform-origin: 50% 0%;
  transform-origin: 50% 0%;
}
.uc-unfold-bottom {
  -webkit-transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  transform-origin: 50% 100%;
}
.uc-unfold-left.uc-unfold {
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
}
.uc-unfold-right.uc-unfold {
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
.uc-unfold-top.uc-unfold {
  -webkit-transform: rotateX(180deg);
  -moz-transform: rotateX(180deg);
  -o-transform: rotateX(180deg);
  -ms-transform: rotateX(180deg);
  transform: rotateX(180deg);
}
.uc-unfold-bottom.uc-unfol {
  -webkit-transform: rotateX(-180deg);
  -moz-transform: rotateX(-180deg);
  -o-transform: rotateX(-180deg);
  -ms-transform: rotateX(-180deg);
  transform: rotateX(-180deg);
}
.uc-overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.uc-overlay,
.uc-flipoverlay {
  background-color: #1e3ba4;
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
}
.uc-flipoverlay {
  background-color: #1e3ba4;
}
.uc-inner {
  position: absolute;
  overflow: hidden;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
.uc-inner-rotate {
  -webkit-transform: rotateY(180deg) rotateX(180deg);
  -moz-transform: rotateY(180deg) rotateX(180deg);
  -o-transform: rotateY(180deg) rotateX(180deg);
  -ms-transform: rotateY(180deg) rotateX(180deg);
  transform: rotateY(180deg) rotateX(180deg);
}
.uc-container.uc-current {
  z-index: 9999;
}
@media screen and (max-width: 1200px) {
  .gameDescription .container {
    padding: 0 !important;
  }
  .gameDescription .title {
    font-size: 32px !important;
  }
  .info-box {
    max-width: 300px !important;
    min-height: 320px;
    padding: 55px 10px 25px 10px;
  }
  #info .container .align {
    margin-top: 20px !important;
  }
  #CreateAccount h2 {
    font-size: 38px !important;
    margin-top: 30px;
  }
  #Agreement {
    margin-top: 10px !important;
  }
  #Agreement .terms {
    margin-top: 0px !important;
  }
  #CreateAccount .genders label {
    width: 27.5% !important;
  }
  .newsletter label {
    line-height: 21px;
  }
  #Prompt {
    display: none !important;
  }
  #AccountDetails .birthday ul {
    border: 1px solid #1e63d9;
  }
  .skill-number {
    font-size: 35px !important;
  }
  .skill-header {
    font-size: 50px;
  }
  .skill-title {
    width: 80%;
    margin: 0 auto;
    padding: 0;
  }
  .stat .box-1 {
    height: 200px;
  }
  .Feature {
    overflow: hidden;
    left: 31% !important;
    width: 36% !important;
    box-shadow: 0 0 0 rgba(0,0,0,0);
  }
}
@media screen and (max-width: 768px) {
  #CreateAccount .genders label {
    width: 24% !important;
    margin: 0 2% !important;
  }
  #CreateAccount .genders label {
    margin: 0 20px !important;
  }
  .gameDescription {
    top: 460px !important;
    bottom: auto !important;
  }
  #Agreement .terms {
    height: 60px !important;
  }
}
@media screen and (max-width: 1200px) {
  .titlePanel {
    width: 100%;
  }
  .slogan {
    width: 90% !important;
    margin: 6% 5% !important;
    max-width: 100% !important;
    bottom: 0;
  }
  .Feature {
    width: 100% !important;
    left: 0 !important;
  }
}
@media screen and (max-width: 980px) {
  .titlePanel {
    width: 100%;
  }
  .slogan {
    margin: 1.5%;
  }
}
@media screen and (max-width: 720px) {
  .titlePanel {
    width: 100%;
  }
  .Money .titlePanel p {
    font-size: 1.25em;
  }
  .slogan {
    margin: 7%;
    width: 100%;
    max-width: 86%;
    bottom: 0;
  }
  .centerFront {
    height: 500px !important;
    bottom: 30px !important;
  }
  .Information .slogan span {
    padding: 40px 20px 30px 20px !important;
    font-size: 16px !important;
    line-height: 26px;
  }
  .Feature {
    width: 100% !important;
    left: 0 !important;
  }
}
@media screen and (max-width: 550px) {
  .centerFront {
    height: 560px !important;
  }
}
app-corps > #mainhead {
  background-size: auto 850px;
}
#Corp .container {
  background: rgba(0,0,0,0);
}
#Corp .box-borders .top,
#Corp .box-borders .left,
#Corp .box-borders .right,
#Corp .box-borders .bottom {
  position: absolute;
  background: #777a7e !important;
  box-shadow: 0 0 3px #485657 !important;
}
#Corp #contentpage {
  background: linear-gradient(#3b4148, #000);
}
#Corp p.large {
  top: 170px;
  color: #f0f2f7;
  font-weight: 100;
  font-size: 25px;
  border-radius: 0;
  overflow: hidden;
  line-height: 40px;
  padding: 35px 25px;
  letter-spacing: 1px;
  margin: 30px 0 60px 0;
  text-shadow: 1px 0 0 #000;
  border: 1px solid #2e639a;
  box-shadow: 2px 5px 50px rgba(0,0,0,0.8);
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749));
}
#Corp p.large i {
  font-style: italic;
}
#Corp p.large b {
  font-weight: bold;
}
#Corp .corp-box {
  position: relative;
}
#Corp .corp-box p {
  color: #f4f8ff;
  font-weight: 300;
  line-height: 36px;
  padding: 10px 17px;
  background: #101111;
  letter-spacing: 0.7px;
  margin: 20px 0 40px 0;
}
#Corp .class-container {
  position: relative;
  padding: 2% 1%;
  background: linear-gradient(to bottom, #4a4a4a, #111);
  margin-bottom: 50px;
}
#Corp .corp-classes-title {
  background-image: url("/assets/img/patterns/fabric-1-dark.png");
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749)) !important;
  box-shadow: 2px 5px 40px rgba(0,0,0,0.58);
  text-shadow: 0px 0px 5px #a6bdff;
  border: 1px solid #2e639a;
  padding: 30px 0 5px 0;
  font-family: 'Roboto';
  padding-bottom: 30px;
  background: #232828;
  letter-spacing: 3px;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  position: relative;
  font-weight: 400;
  font-size: 35px;
  margin: auto;
  color: #fff;
  width: 98%;
}
#Corp .corp-classes {
  padding: 2%;
}
#Corp .corp-classes .corp-class {
  border-radius: 2px;
  position: relative;
  width: 390px;
  padding: 4%;
  margin: 2%;
  float: left;
  height: 280px;
  transition: 200ms;
  border: 1px solid #777a7e;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#Corp .corp-classes .corp-class .background,
#Corp .corp-classes .corp-class .pattern {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background: radial-gradient(rgba(20,61,107,0.6) 0%, transparent 90%);
  z-index: 0;
  transition: 200ms;
  background-position-y: 0;
}
#Corp .corp-classes .corp-class .pattern {
  background: url("/assets/img/line-lightblue.png");
  opacity: 0 !important;
  transition: 200ms;
  background-position-y: 0px;
}
#Corp .corp-classes .corp-class:hover {
  border: 1px solid #2e639a;
}
#Corp .corp-classes .corp-class:hover .background,
#Corp .corp-classes .corp-class:hover .pattern {
  opacity: 1;
}
#Corp .corp-classes .corp-class:hover .pattern {
  background-position-y: 20px;
  opacity: 0.2 !important;
}
#Corp .corp-classes .corp-class .icon {
  transition: 300ms;
  position: relative;
  float: left;
  font-size: 40px;
  margin: 0px 15px 8px 4px;
  color: #fff;
  text-shadow: 0px 0px 5px rgba(166,189,255,0.5);
}
#Corp .corp-classes .corp-class .title {
  transition: 500ms;
  position: relative;
  float: none;
  text-align: left;
  padding: 10px 0;
  padding-top: 0;
}
#Corp .corp-classes .corp-class .desc {
  position: relative;
  color: #f4f8ff;
  line-height: 36px;
  letter-spacing: 0.7px;
  font-weight: 300;
}
#Corp .corp-classes .corp-class .corners {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#Corp .corp-classes .corp-class:hover .corners {
  opacity: 1;
  transform: scale(0.95);
}
#Corp .slim-heading {
  background: url("/assets/img/patterns/snow.png") #141819 !important;
  box-shadow: inset 0px -5px 18px rgba(0,0,0,0.61) !important;
  padding: 50px !important;
}
#Corp .slim-heading.bottom {
  background: transparent;
  box-shadow: inset 0px 0px 18px rgba(0,0,0,0.61) !important;
}
#Corp .slim-heading.bottom .background {
  background: radial-gradient(rgba(125,137,163,0.6), transparent 90%) !important;
}
#Corp .slim-heading .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  background: radial-gradient(rgba(125,137,163,0.45), transparent 90%);
  z-index: 0;
}
#Corp .slim-heading .background2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  background: url("/assets/img/patterns/old-mathematics-blue-lg.png") repeat-x;
  z-index: 0;
  opacity: 0.7;
}
#Corp .slim-heading .background3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  background: url("/assets/img/patterns/old-mathematics.png") repeat-x;
  z-index: 0;
  opacity: 0.2;
}
#Corp .slim-heading h2 {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 3px;
  line-height: 40px;
  padding: 30px 0 15px 0;
  color: #fff;
  position: relative;
}
#Corp .slim-heading h2.sign {
  background: linear-gradient(to bottom, #222127 65%, #17161d);
  border: 2px solid rgba(109,137,162,0.86);
  border-radius: 1px;
}
#Corp .slim-heading p {
  color: #f4f8ff;
  line-height: 36px;
  letter-spacing: 0.7px;
  background: #151417;
  padding: 0 0 30px 0;
  font-weight: 300;
  margin: 20px 0 40px 0;
}
#Corp dt {
  color: #4d76e0;
  font-weight: 500;
  font-size: 22px;
}
#Corp .corp-image {
  width: 48%;
  float: right;
  margin: 50px 0;
  box-shadow: 0 0 15px #000;
}
#Corp h4 {
  font-size: 29px;
  line-height: 38px;
  color: #0f3985;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
}
#Corp .bottom .container {
  margin-top: 0;
}
#Corp .bottom h2 {
  background: transparent;
}
#Corp .bottom .corp-box {
  border: none;
}
#Delivery:hover .icon {
  animation: 1s delivery;
}
#Legal:hover .icon {
  animation: 2s balance;
}
#Transportation:hover .icon {
  animation: 0.7s travel;
}
#Manufacturing:hover .icon {
  animation: 1s manufacturing;
}
.container.bottom {
  padding: 1.5em 2em 1em 2em !important;
}
.container.bottom .corp-box p {
  font-size: 22px;
  background: transparent !important;
  margin: 80px 0 40px 0 !important;
}
.container.bottom .corp-box .learn-more {
  margin-bottom: 40px;
  text-align: center;
}
.container.bottom .corp-box .learn-more a {
  margin: 0 20px;
  display: inline-block;
}
.container.bottom .corp-box .learn-more a span {
  text-shadow: 0 0 10px #aaa !important;
}
.container.bottom .corp-box .btn-primary {
  background: url("/assets/img/patterns/old-moon.png") #0e3471 !important;
  border: 2px solid rgba(174,207,255,0.412) !important;
  background-size: 20px;
  border-radius: 2px;
}
.container.bottom .corp-box .btn-primary:hover:after,
.container.bottom .corp-box .btn-primary:hover:before {
  height: 101% !important;
  top: 0 !important;
  left: 0;
  transform: translate(0, 0);
  width: 100%;
  background: url("/assets/img/patterns/old-moon.png") fixed #fff;
}
@-moz-keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-o-keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-moz-keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-o-keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-o-keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-moz-keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
app-corps > #mainhead {
  background-size: auto 850px;
}
#Corp .container {
  background: rgba(0,0,0,0);
}
#Corp .box-borders .top,
#Corp .box-borders .left,
#Corp .box-borders .right,
#Corp .box-borders .bottom {
  position: absolute;
  background: #777a7e !important;
  box-shadow: 0 0 3px #485657 !important;
}
#Corp #contentpage {
  background: linear-gradient(#3b4148, #000);
}
#Corp p.large {
  top: 170px;
  color: #f0f2f7;
  font-weight: 100;
  font-size: 25px;
  border-radius: 0;
  overflow: hidden;
  line-height: 40px;
  padding: 35px 25px;
  letter-spacing: 1px;
  margin: 30px 0 60px 0;
  text-shadow: 1px 0 0 #000;
  border: 1px solid #2e639a;
  box-shadow: 2px 5px 50px rgba(0,0,0,0.8);
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749));
}
#Corp p.large i {
  font-style: italic;
}
#Corp p.large b {
  font-weight: bold;
}
#Corp .corp-box {
  position: relative;
}
#Corp .corp-box p {
  color: #f4f8ff;
  font-weight: 300;
  line-height: 36px;
  padding: 10px 17px;
  background: #101111;
  letter-spacing: 0.7px;
  margin: 20px 0 40px 0;
}
#Corp .class-container {
  position: relative;
  padding: 2% 1%;
  background: linear-gradient(to bottom, #4a4a4a, #111);
  margin-bottom: 50px;
}
#Corp .crime-classes-title {
  background-image: url("/assets/img/patterns/fabric-1-dark.png");
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749)) !important;
  box-shadow: 2px 5px 40px rgba(0,0,0,0.58);
  text-shadow: 0px 0px 5px #a6bdff;
  border: 1px solid #2e639a;
  padding: 30px 0 5px 0;
  font-family: 'Roboto';
  padding-bottom: 30px;
  background: #232828;
  letter-spacing: 3px;
  text-align: center;
  border-radius: 4px;
  line-height: 40px;
  position: relative;
  font-weight: 400;
  font-size: 35px;
  margin: auto;
  color: #fff;
  width: 98%;
}
#Corp .crime-classes {
  padding: 2%;
}
#Corp .crime-classes .crime-boxed:hover {
  cursor: pointer;
}
#Corp .crime-classes .crime-class {
  border-radius: 2px;
  position: relative;
  width: 390px;
  padding: 4%;
  margin: 2%;
  float: left;
  height: 620px;
  transition: 200ms;
  border: 1px solid #777a7e;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#Corp .crime-classes .crime-class .background,
#Corp .crime-classes .crime-class .pattern {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  background: radial-gradient(rgba(20,61,107,0.6) 0%, transparent 90%);
  z-index: 0;
  transition: 200ms;
  background-position-y: 0;
}
#Corp .crime-classes .crime-class .pattern {
  background: url("/assets/img/line-lightblue.png");
  opacity: 0 !important;
  transition: 200ms;
  background-position-y: 0px;
}
#Corp .crime-classes .crime-class:hover {
  border: 1px solid #2e639a;
}
#Corp .crime-classes .crime-class:hover .background,
#Corp .crime-classes .crime-class:hover .pattern {
  opacity: 1;
}
#Corp .crime-classes .crime-class:hover .pattern {
  background-position-y: 20px;
  opacity: 0.2 !important;
}
#Corp .crime-classes .crime-class .icon {
  transition: 300ms;
  position: relative;
  float: left;
  font-size: 40px;
  margin: 0px 15px 8px 4px;
  color: #fff;
  text-shadow: 0px 0px 5px rgba(166,189,255,0.5);
}
#Corp .crime-classes .crime-class .title {
  transition: 500ms;
  position: relative;
  float: none;
  text-align: left;
  padding: 10px 0;
  padding-top: 0;
}
#Corp .crime-classes .crime-class .desc {
  position: relative;
  color: #f4f8ff;
  line-height: 36px;
  letter-spacing: 0.7px;
  font-weight: 300;
}
#Corp .crime-classes .crime-class .corners {
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
#Corp .crime-classes .crime-class img {
  width: 100%;
  border-radius: 2px;
  margin: 1em 0;
  border: 1px solid #777a7e;
  box-shadow: 0 0 20px rgba(0,0,0,0.4);
}
#Corp .crime-classes .crime-class:hover .corners {
  opacity: 1;
  transform: scale(0.95);
}
#Corp .slim-heading {
  background: url("/assets/img/patterns/snow.png") #141819 !important;
  box-shadow: inset 0px -5px 18px rgba(0,0,0,0.61) !important;
  padding: 50px !important;
}
#Corp .slim-heading.bottom {
  background: transparent;
  box-shadow: inset 0px 0px 18px rgba(0,0,0,0.61) !important;
}
#Corp .slim-heading.bottom .background {
  background: radial-gradient(rgba(125,137,163,0.6), transparent 90%) !important;
}
#Corp .slim-heading .background {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  background: radial-gradient(rgba(125,137,163,0.45), transparent 90%);
  z-index: 0;
}
#Corp .slim-heading .background2 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  background: url("/assets/img/patterns/old-mathematics-blue-lg.png") repeat-x;
  z-index: 0;
  opacity: 0.7;
}
#Corp .slim-heading .background3 {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0%;
  background: url("/assets/img/patterns/old-mathematics.png") repeat-x;
  z-index: 0;
  opacity: 0.2;
}
#Corp .slim-heading h2 {
  font-family: 'Roboto';
  font-weight: 500;
  font-size: 40px;
  letter-spacing: 3px;
  line-height: 40px;
  padding: 30px 0 15px 0;
  color: #fff;
  position: relative;
}
#Corp .slim-heading h2.sign {
  background: linear-gradient(to bottom, #222127 65%, #17161d);
  border: 2px solid rgba(109,137,162,0.86);
  border-radius: 1px;
}
#Corp .slim-heading p {
  color: #f4f8ff;
  line-height: 36px;
  letter-spacing: 0.7px;
  background: #151417;
  padding: 0 0 30px 0;
  font-weight: 300;
  margin: 20px 0 40px 0;
}
#Corp dt {
  color: #4d76e0;
  font-weight: 500;
  font-size: 22px;
}
#Corp .corp-image {
  width: 48%;
  float: right;
  margin: 50px 0;
  box-shadow: 0 0 15px #000;
}
#Corp h4 {
  font-size: 29px;
  line-height: 38px;
  color: #0f3985;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
}
#Corp .bottom .container {
  margin-top: 0;
}
#Corp .bottom h2 {
  background: transparent;
}
#Corp .bottom .corp-box {
  border: none;
}
#Delivery:hover .icon {
  animation: 1s manufacturing;
}
#Legal:hover .icon {
  animation: 1s manufacturing;
}
#Transportation:hover .icon {
  animation: 1s manufacturing;
}
#Manufacturing:hover .icon {
  animation: 1s manufacturing;
}
.container.bottom {
  padding: 1.5em 2em 1em 2em !important;
}
.container.bottom .corp-box p {
  font-size: 22px;
  background: transparent !important;
  margin: 80px 0 40px 0 !important;
}
.container.bottom .corp-box .learn-more {
  margin-bottom: 40px;
  text-align: center;
}
.container.bottom .corp-box .learn-more a {
  margin: 0 20px;
  display: inline-block;
}
.container.bottom .corp-box .learn-more a span {
  text-shadow: 0 0 10px #aaa !important;
}
.container.bottom .corp-box .btn-primary {
  background: url("/assets/img/patterns/old-moon.png") #0e3471 !important;
  border: 2px solid rgba(174,207,255,0.412) !important;
  background-size: 20px;
  border-radius: 2px;
}
.container.bottom .corp-box .btn-primary:hover:after,
.container.bottom .corp-box .btn-primary:hover:before {
  height: 101% !important;
  top: 0 !important;
  left: 0;
  transform: translate(0, 0);
  width: 100%;
  background: url("/assets/img/patterns/old-moon.png") fixed #fff;
}
@-moz-keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-webkit-keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-o-keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@keyframes 'delivery' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0px);
  }
}
@-moz-keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-webkit-keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-o-keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@keyframes 'balance' {
  0% {
    transform: rotate(0deg);
  }
  33% {
    transform: rotate(5deg);
  }
  66% {
    transform: rotate(-5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}
@-moz-keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-o-keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes 'travel' {
  0% {
    opacity: 0;
  }
  10% {
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-moz-keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes 'manufacturing' {
  0% {
    opacity: 0;
  }
  10% {
    transform: scale(0.9);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
#Corp.prison-life .crime-classes .crime-class {
  min-height: 750px;
}
#Corp.prison-life .crime-classes .crime-class.is-clickable {
  cursor: pointer;
}
#Corp.prison-life #Sentencing {
  width: 87%;
  min-height: 450px;
  height: auto;
}
#Corp.prison-life img {
  position: relative;
  z-index: 1;
}
#Corp.prison-life img.has-padding {
  padding: 5px !important;
}
#Corp.prison-life img.is-clickable-image {
  cursor: pointer;
}
#Corp.prison-life a {
  text-decoration: underline;
}
#Corp.prison-life a:hover {
  color: #2196f3;
}
#content-area {
  z-index: 2;
}
.err {
  position: fixed;
  top: 70%;
  width: auto;
  text-align: center;
  color: #d83e18;
  left: 10%;
  font-family: 'Orbitron';
  background: url("/assets/img/video-overlay.png") rgba(88,0,0,0.71);
  padding: 10px;
  border-radius: 4px;
  border: 1px solid;
  margin: auto auto;
  z-index: 2;
}
#MiniNewUser {
  position: absolute;
  top: 0;
}
#HomeFeatures {
  min-height: 1000px !important;
}
#Home {
  padding-bottom: 0;
}
#Home section {
  position: relative;
}
#Home #Videos {
  height: 750px;
  overflow: hidden;
  box-shadow: 0 0 35px 16px rgba(0,0,0,0.75);
  z-index: 5;
}
#Home #Videos #Movie {
  position: relative;
}
#Home #Videos #Movie #Player,
#Home #Videos #Movie #Information {
  position: absolute;
  top: 0;
}
#Home #Videos #Movie #Player .Video,
#Home #Videos #Movie #Information .Video {
  opacity: 0;
  position: absolute;
  width: 100%;
  min-height: 700px;
  height: 100%;
  text-align: center;
  z-index: 1;
  transition: 200ms;
  background: linear-gradient(to right, #181d2d, #000, #181d2d);
}
#Home #Videos #Movie #Player .Video .html.video-player,
#Home #Videos #Movie #Information .Video .html.video-player {
  min-width: 100vw !important;
}
#Home #Videos #Movie #Player .Video .html.video-player video,
#Home #Videos #Movie #Information .Video .html.video-player video {
  width: 100%;
}
@media screen and (max-width: 768px) {
  #Home #Videos #Movie #Player .Video .html.video-player video,
  #Home #Videos #Movie #Information .Video .html.video-player video {
    left: -420px;
  }
}
@media screen and (max-width: 480px) {
  #Home #Videos #Movie #Player .Video .html.video-player video,
  #Home #Videos #Movie #Information .Video .html.video-player video {
    left: -556px;
  }
}
#Home #Videos #Movie #Player .Video #Front .box-borders .top,
#Home #Videos #Movie #Information .Video #Front .box-borders .top,
#Home #Videos #Movie #Player .Video #Front .box-borders .right,
#Home #Videos #Movie #Information .Video #Front .box-borders .right,
#Home #Videos #Movie #Player .Video #Front .box-borders .left,
#Home #Videos #Movie #Information .Video #Front .box-borders .left,
#Home #Videos #Movie #Player .Video #Front .box-borders .bottom,
#Home #Videos #Movie #Information .Video #Front .box-borders .bottom {
  background: #103067 !important;
}
#Home #Videos #Movie #Player {
  background: linear-gradient(to right, #181d2d, #000, #181d2d);
  display: inline-block;
  min-height: 100vh;
  min-width: 100vw !important;
}
#Home #Videos #Movie .video-overlay {
  background: none !important;
}
#Home #AdditionalVideos {
  height: auto;
}
#Home #VideoBay {
  padding: 65px 0 40px 0;
}
#Home #VideoBay .video-selection {
  text-align: center;
}
#Home #VideoBay .video-selection li {
  color: #fff;
  text-shadow: 1px 1px 2px #021e50;
  font-family: 'Roboto';
  width: 360px;
  display: inline-block;
  position: relative;
  overflow: hidden;
  transition: 300ms;
  cursor: pointer;
  margin: 0 1%;
  height: 200px;
  z-index: 2;
}
#Home #VideoBay .video-selection li .v-thumbnails li {
  overflow: hidden;
  width: 100%;
  margin: 0;
}
#Home #VideoBay .video-selection li .v-thumbnails li img {
  overflow: hidden;
  width: 100%;
  margin: 0;
}
#Home #VideoBay .video-selection li .v-title {
  z-index: 2;
  position: absolute;
  top: 0px;
  left: 0px;
  z-index: 5;
  margin: 3%;
  padding: 3px 15px;
  font-size: 15px;
  letter-spacing: 1.7px;
  font-weight: 400;
  text-transform: uppercase;
  max-height: 48px;
  overflow: hidden;
  text-align: left;
  color: #69a6f9;
  background: rgba(0,0,0,0.7);
  float: left;
  border-radius: 1px;
}
#Home #VideoBay .video-selection li .v-user {
  z-index: 2;
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 5;
  font-size: 13px;
  float: left;
}
#Home #VideoBay .video-selection li .v-time {
  z-index: 2;
  font-family: 'Orbitron';
  position: absolute;
  bottom: 0px;
  right: 10px;
  left: auto;
  font-size: 10px;
  padding: 0 6px;
  border-radius: 3px 3px 0 0;
  background: rgba(0,0,0,0.47);
  z-index: 0;
  line-height: 25px;
  transform: translateY(100%);
  float: left;
  transition: 300ms 700ms;
}
#Home #VideoBay .video-selection li .v-source {
  z-index: 2;
  transition: 400ms;
  position: absolute;
  bottom: 0px;
  left: 10px;
}
#Home #VideoBay .video-selection li .v-source div {
  color: #c7c7c7;
  font-family: 'Orbitron';
  font-size: 10px;
  letter-spacing: 1px;
  text-shadow: 2px -1px 0 #000;
}
#Home #VideoBay .video-selection li .v-source div i {
  margin: 2px 6px 0 0;
  font-size: 16px;
}
#Home #VideoBay .video-selection li .background {
  background: url("/assets/img/patterns/micro-carbon.png") rgba(3,29,152,0.15);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  transition: 300ms;
}
#Home #VideoBay .video-selection li.active,
#Home #VideoBay .video-selection li:hover {
  transform: scale(1.03);
}
#Home #VideoBay .video-selection li.active .background,
#Home #VideoBay .video-selection li:hover .background {
  opacity: 0;
}
#Home #VideoBay .video-selection li.active .v-title,
#Home #VideoBay .video-selection li:hover .v-title {
  color: #fff;
}
#Home #VideoBay .video-selection li.active .v-time,
#Home #VideoBay .video-selection li:hover .v-time {
  transform: translateY(0px);
}
#Home #VideoBay .video-selection li.active .box-borders .top,
#Home #VideoBay .video-selection li:hover .box-borders .top,
#Home #VideoBay .video-selection li.active .box-borders .left,
#Home #VideoBay .video-selection li:hover .box-borders .left,
#Home #VideoBay .video-selection li.active .box-borders .right,
#Home #VideoBay .video-selection li:hover .box-borders .right,
#Home #VideoBay .video-selection li.active .box-borders .bottom,
#Home #VideoBay .video-selection li:hover .box-borders .bottom {
  transition: 300ms;
  background: #fff;
  box-shadow: 0 0 3px #b4d0ff;
}
#Home #VideoBay .video-selection li.active .box-borders .top,
#Home #VideoBay .video-selection li:hover .box-borders .top {
  background: linear-gradient(to right, #2d62e2, #5688ff, #2b5aca);
}
#Home #VideoBay .video-selection li:hover .box-borders .top {
  height: 5px;
}
#Home .info-icon-forums {
  background-image: url("/assets/img/info-forums.png");
  filter: hue-rotate(120deg) brightness(1.25);
}
#Home .info-icon-share {
  background-image: url("/assets/img/info-share.png");
  filter: hue-rotate(37deg) brightness(1);
}
#Home .info-icon-passport {
  background-image: url("/assets/img/info-passport.png");
  filter: hue-rotate(300deg) brightness(1.25);
}
#Home .info-icon-logo {
  background-image: url("/assets/img/info-logo.png");
}
#Home .info-desc {
  line-height: 28px;
  font-size: 15px;
  position: relative;
  top: 15px;
}
#Home #info {
  background-size: cover !important;
}
#Home .aside-menu {
  margin-left: 100px;
  height: 60px;
  float: left;
  width: auto;
}
#Home .aside-menu.right {
  float: right !important;
  margin: 0;
}
#Home .aside-menu.right li {
  margin: 0;
}
#Home .controls {
  position: absolute;
  z-index: 1;
  top: 45%;
  margin: 0;
  width: 100%;
}
#Home .controls .next,
#Home .controls .prev {
  cursor: pointer;
  user-select: none;
  font-weight: 300;
  margin: 0px 20px;
}
#Home .controls .next i,
#Home .controls .prev i {
  margin: 0 8px 0 8px;
  padding: 7px 8px;
  border-radius: 31px;
  font-size: 30px;
  color: #4360ac;
  transition: 300ms;
}
#Home .controls .next:hover i,
#Home .controls .prev:hover i {
  color: #82b0ff;
}
#Home .controls .next {
  float: right;
}
#Home .controls .next i {
  margin-right: 0 !important;
}
#Home .controls .prev {
  float: left;
}
#Home .controls span {
  color: #2e88d2;
  font-size: 17px;
}
@media screen and (max-width: 500px) {
  #Home .controls .next,
  #Home .controls .prev {
    margin: 0 !important;
  }
  #Home .controls .next i,
  #Home .controls .prev i {
    font-size: 15px;
  }
}
#Home .ms-slide .ms-slide-layers {
  left: auto !important;
  max-width: 100% !important;
}
#CreateAccount {
  z-index: 10 !important;
}
#newsak {
  right: -40px;
  width: 420px;
  top: -120px;
  z-index: 0;
}
.news-side {
  width: 61%;
}
.news-side,
.services-side {
  float: left;
  position: relative;
  padding: 1%;
}
.news-side .title,
.services-side .title {
  margin-bottom: 20px;
  text-align: left;
  position: relative;
}
.news-side .title .decoration,
.services-side .title .decoration {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
}
.news-side .title .decoration .title-marker,
.services-side .title .decoration .title-marker {
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 0%;
  background: #0052de;
  box-shadow: 0 0 2px #0e1f5c;
  animation: opendown 1.2s 1s;
  animation-fill-mode: forwards;
}
.news-side .title .decoration .sub-marker,
.services-side .title .decoration .sub-marker {
  position: absolute;
  top: 0px;
  left: 9px;
  width: 2px;
  height: 0%;
  background: #0052de;
  box-shadow: 0 0 2px #0e1f5c;
  animation: opendown80 1.2s 1.2s;
  animation-fill-mode: forwards;
}
.news-side .title h2,
.services-side .title h2 {
  font-size: 40px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 2px 0 17px 16px;
  text-align: left;
  margin: 0 0 45px 25px;
  min-width: 380px;
}
.news-side.news-side .title-marker,
.services-side.news-side .title-marker {
  animation: opendown 1s 2s !important;
  animation-fill-mode: forwards !important;
}
.news-side.news-side .sub-marker,
.services-side.news-side .sub-marker {
  animation: opendown80 1s 2.2s !important;
  animation-fill-mode: forwards !important;
}
.news-side .align,
.services-side .align {
  position: absolute;
  width: 100%;
  bottom: 0;
}
.news-side .service-box,
.services-side .service-box {
  position: relative;
  padding: 12px;
  box-sizing: border-box;
  text-align: left;
  float: left;
  width: 100%;
  display: block;
  transition: all 0.2s ease;
  overflow: hidden;
  height: auto !important;
  margin: 0 0 23px 0;
  border: none;
}
.news-side .service-box .box-borders .left,
.services-side .service-box .box-borders .left,
.news-side .service-box .box-borders .right,
.services-side .service-box .box-borders .right,
.news-side .service-box .box-borders .bottom,
.services-side .service-box .box-borders .bottom,
.news-side .service-box .box-borders .top,
.services-side .service-box .box-borders .top {
  background: #7a0b0b;
  text-shadow: 0 0 3px #d12424;
  box-shadow: 0 0 3px #d12424;
}
.news-side .service-box.loader,
.services-side .service-box.loader {
  background: rgba(0,0,0,0.4);
  height: 218px !important;
}
.news-side .service-box.loader:hover,
.services-side .service-box.loader:hover {
  transform: scale(1);
}
.news-side .service-box.loader .swooshy,
.services-side .service-box.loader .swooshy {
  background: linear-gradient(to right, transparent, rgba(255,0,0,0.33), transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 240px;
  left: -150px;
  opacity: 0.25;
  top: 0;
}
.news-side .service-box.dev-tracker,
.services-side .service-box.dev-tracker {
  margin: 0;
  min-height: auto;
  color: #fff;
  height: auto;
  padding: 10px 20px;
  position: relative;
  transition: all 0.2s ease;
  border: 1px solid #a62f26;
  cursor: pointer;
}
.news-side .service-box.dev-tracker p,
.services-side .service-box.dev-tracker p {
  font-size: 12px;
}
.news-side .service-box.dev-tracker:first-child,
.services-side .service-box.dev-tracker:first-child {
  margin-top: 28px;
}
.news-side .service-box.dev-tracker p,
.services-side .service-box.dev-tracker p {
  text-align: center;
  font-weight: bold;
}
.news-side .service-box.dev-tracker p.small,
.services-side .service-box.dev-tracker p.small {
  font-weight: 300;
}
.news-side .service-box.dev-tracker .header,
.services-side .service-box.dev-tracker .header,
.news-side .service-box.dev-tracker .notice,
.services-side .service-box.dev-tracker .notice {
  position: relative;
  z-index: 2;
}
.news-side .service-box.dev-tracker .background,
.services-side .service-box.dev-tracker .background,
.news-side .service-box.dev-tracker .darkwave,
.services-side .service-box.dev-tracker .darkwave {
  position: absolute;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: 200ms;
  background: linear-gradient(to right, #871717, rgba(47,8,8,0.42));
}
.news-side .service-box.dev-tracker .darkwave,
.services-side .service-box.dev-tracker .darkwave {
  opacity: 0;
  background: linear-gradient(to right, rgba(0,0,0,0.5), rgba(0,0,0,0));
}
.news-side .service-box.dev-tracker:hover .background,
.services-side .service-box.dev-tracker:hover .background {
  opacity: 0;
}
.news-side .service-box.dev-tracker:hover .darkwave,
.services-side .service-box.dev-tracker:hover .darkwave {
  opacity: 1;
}
.news-side .service-box .dev-note .header,
.services-side .service-box .dev-note .header {
  cursor: pointer;
}
.news-side .service-box .dev-note .icons,
.services-side .service-box .dev-note .icons {
  float: left;
  margin: 0px 10px;
}
.news-side .service-box .dev-note span,
.services-side .service-box .dev-note span {
  font-weight: 100;
  letter-spacing: 0.8px;
}
.news-side .service-box .dev-note .notice,
.services-side .service-box .dev-note .notice {
  max-height: 0;
  overflow: hidden;
}
.news-side .service-box .dev-note .notice p,
.services-side .service-box .dev-note .notice p {
  letter-spacing: 0.7px;
}
.news-side .service-box .dev-note .notice .small,
.services-side .service-box .dev-note .notice .small {
  letter-spacing: 0.3px;
}
.news-side .service-box .service-name,
.services-side .service-box .service-name {
  position: absolute;
  top: 0px;
  left: 0;
  width: 92%;
  padding: 2% 3%;
  min-height: 55px;
}
.news-side .service-box .service-name .background,
.services-side .service-box .service-name .background {
  background: linear-gradient(to right, #d12424, rgba(55,30,4,0));
  position: absolute;
  transition: all 0.2s;
  opacity: 0.4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.news-side .service-box .service-name a,
.services-side .service-box .service-name a {
  position: relative;
  z-index: 10;
}
.news-side .service-box:hover,
.services-side .service-box:hover {
  transform: scale(1.02);
}
.news-side .service-box:hover .service-name .background,
.services-side .service-box:hover .service-name .background {
  opacity: 1;
}
.news-side .service-box .service-text,
.services-side .service-box .service-text {
  margin: 90px 0 20px 0;
  padding: 0 3%;
}
.news-side .service-box .service-poster,
.services-side .service-box .service-poster {
  float: left;
  font-size: 13px;
  text-transform: uppercase;
  color: #fff;
  font-weight: normal;
  padding-bottom: 0px;
  z-index: 2;
  position: relative;
  transition: all 0.2s ease;
}
.news-side .service-box .service-icon,
.services-side .service-box .service-icon {
  width: 54px;
  margin: 0 12px 0 0;
  border-radius: 100px;
  overflow: hidden;
}
.news-side .service-box .service-icon img,
.services-side .service-box .service-icon img {
  width: 100%;
}
.news-side .service-box .service-description,
.services-side .service-box .service-description {
  line-height: 19px;
  font-size: 13px;
}
.news-side .service-box .service-description img,
.services-side .service-box .service-description img {
  width: 100% !important;
}
.news-side .service-box .service-title,
.services-side .service-box .service-title {
  color: #fff;
  font-size: 19px;
  margin-bottom: 7px;
  font-weight: normal;
  padding-bottom: 0px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  margin-top: 10px !important;
  text-shadow: 2px 2px 4px #000;
}
.news-side .service-box time,
.services-side .service-box time {
  font-size: 0.7em;
  color: #bbb;
  margin: 5px;
  height: 0;
  position: relative;
  left: 7px;
  right: auto;
  bottom: auto;
  background: transparent;
}
.news-side .service-box time span,
.services-side .service-box time span {
  margin: 0 2px;
}
.news-side .service-box .buttons,
.services-side .service-box .buttons {
  position: absolute;
  right: 22px;
  top: 15px;
  font-size: 20px;
  color: #385dc4;
  opacity: 0;
  transition: 200ms;
}
.news-side .service-box:hover .buttons,
.services-side .service-box:hover .buttons {
  opacity: 1;
}
.news-side .service-box li a,
.services-side .service-box li a {
  color: #dcdcdc;
}
.news-side .btn-primary.green,
.services-side .btn-primary.green {
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  background: rgba(64,103,29,0.4);
  font-weight: bold;
  display: inline-block;
  border: 1px solid #cacb99;
  padding: 9px 84px;
  margin-top: 20px;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.news-side .btn-primary.green:after,
.services-side .btn-primary.green:after {
  background: url("/assets/img/army_2.png");
  background-size: 190px;
  background-position: center;
  transform: scale(1.1);
}
.news-side .btn-primary.green:hover,
.services-side .btn-primary.green:hover {
  color: #fff;
}
.news-side .btn-primary.green:hover:after,
.services-side .btn-primary.green:hover:after {
  transform: scale(1);
  box-shadow: inset 0 0 2px #fff;
}
.news-side .btn-primary.blue,
.services-side .btn-primary.blue {
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  background: rgba(66,95,171,0.25);
  font-weight: bold;
  display: inline-block;
  border: 1px solid #1e51a8;
  padding: 9px 84px;
  margin-top: 20px;
  position: relative;
  z-index: 3;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  overflow: hidden;
}
.news-side .btn-primary.blue:after,
.services-side .btn-primary.blue:after {
  background: url("/assets/img/patterns/bright-squares.png");
  background-size: 190px;
  background-position: center;
  transform: scale(1.1);
}
.news-side .btn-primary.blue:hover,
.services-side .btn-primary.blue:hover {
  color: #fff;
}
.news-side .btn-primary.blue:hover:after,
.services-side .btn-primary.blue:hover:after {
  transform: scale(1);
  box-shadow: inset 0 0 2px #fff;
}
.news-side .news-box,
.services-side .news-box {
  transition: 0.2s ease-in-out;
  width: 100% !important;
  padding: 0 !important;
  position: relative;
  margin: 0 0 3% 0;
}
.news-side .news-box.loader,
.services-side .news-box.loader {
  height: 294px;
  background: rgba(0,0,0,0.4);
  overflow: hidden;
}
.news-side .news-box.loader time,
.services-side .news-box.loader time {
  height: 58px;
}
.news-side .news-box.loader .news-content,
.services-side .news-box.loader .news-content {
  height: 100%;
}
.news-side .news-box.loader .swooshy,
.services-side .news-box.loader .swooshy {
  background: linear-gradient(to right, transparent, rgba(18,68,154,0.6), transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 240px;
  left: -150px;
  opacity: 0.25;
  top: 0;
}
.news-side .news-box .news-content,
.services-side .news-box .news-content {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 80px 30px 20px 30px;
  text-align: left;
  color: #777;
  font-weight: 300;
  font-size: 15px;
  background: rgba(0,0,0,0.4);
}
.news-side .news-box .news-content p,
.services-side .news-box .news-content p {
  font-family: sans-serif;
  transition: 500ms;
  overflow: hidden;
  max-height: 1040px;
  line-height: 22px;
  font-size: 14px;
  font-weight: 200 !important;
  color: #ddd;
  margin: 20px 0;
}
.news-side .news-box .box-borders .top,
.services-side .news-box .box-borders .top,
.news-side .news-box .box-borders .right,
.services-side .news-box .box-borders .right,
.news-side .news-box .box-borders .bottom,
.services-side .news-box .box-borders .bottom,
.news-side .news-box .box-borders .left,
.services-side .news-box .box-borders .left {
  background: #12449a;
  box-shadow: 0 0 3px #041023;
}
.news-side .news-box .news-links-list,
.services-side .news-box .news-links-list {
  transition: 700ms;
  background: rgba(14,31,92,0.522);
  padding: 15px 0 15px 30px;
}
.news-side .news-box time,
.services-side .news-box time {
  position: relative;
  font-size: 12px;
  background: transparent;
}
.news-side .news-box h5,
.services-side .news-box h5 {
  width: 70%;
  position: absolute;
  top: 0;
  color: #fff;
  padding-top: 23px;
  font-size: 20px;
  line-height: 25px;
  text-align: left;
  padding: 20px;
  z-index: 2;
}
@media screen and (max-width: 650px) {
  .news-side .news-box h5,
  .services-side .news-box h5 {
    width: 75%;
    font-size: 16px;
    padding: 10px;
  }
}
.news-side .news-box:hover .news-links-list,
.services-side .news-box:hover .news-links-list {
  background: #0b1846;
}
.services-side {
  width: 35%;
}
.services-side .title {
  margin-bottom: 22px !important;
}
.services-side h2 {
  font-size: 45px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 15px 0;
  text-align: left;
}
.services-side .decoration .title-marker,
.services-side .decoration .sub-marker {
  background: #d12424 !important;
  box-shadow: 0 0 2px #d12424 !important;
}
.news-side h2 {
  text-align: left;
  padding: 15px 0;
}
.news-side time {
  text-align: left;
  width: 98%;
  font-size: 12px;
  padding: 1%;
  background: linear-gradient(to right, rgba(14,31,92,0.549) 60%, #1e3ba4);
}
.news-side time span {
  font-size: 25px !important;
  padding-right: 12px !important;
  line-height: 38px;
  text-align: right;
  padding: 0;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 960px) {
  .news-side time span {
    padding: 0 10px;
    font-size: 29px;
  }
}
.news-side time .date {
  padding: 0;
  font-size: 13px;
  letter-spacing: 0.5px;
  font-family: sans-serif;
  width: 80px;
  float: right;
  text-align: center;
  position: relative;
  z-index: 2;
}
.news-side time h5 {
  width: 90%;
  position: absolute;
  top: 0;
  color: #fff;
  padding-top: 23px;
}
@media screen and (min-width: 1650px) {
  .news-side time h5 {
    padding-top: 30px;
    padding-left: 10px;
  }
}
@media screen and (max-width: 760px) {
  .news-side time h5 {
    width: 68%;
    position: absolute;
    top: 0;
    color: #fff;
    padding: 10px 10px;
    font-size: 19px;
    padding: 11px;
    line-height: 23px;
  }
}
.news-side time .background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.4;
  position: absolute;
  transition: all 0.2s;
  background: linear-gradient(to right, rgba(14,31,92,0), #1e3ba4);
}
.news-side .news-box {
  position: relative;
}
.news-side .news-box:hover .background {
  opacity: 1;
}
.title-container {
  opacity: 0;
  width: 0%;
  height: 60px;
  overflow: hidden;
  position: relative;
  margin-bottom: 20px;
  animation: swoopright 1s 1s;
  transition: 700ms ease-in-out;
  animation-fill-mode: forwards;
}
.news-side .title-container {
  animation: swoopright 1s 3s;
  animation-fill-mode: forwards;
}
.news-link {
  cursor: pointer;
  display: inline-block;
}
.news-link .licon {
  font-size: 13px;
  padding: 8px 3px;
  display: inline-block;
}
.news-link span {
  cursor: pointer;
  font-size: 15px;
  text-transform: capitalize;
}
.news-title {
  position: absolute;
  color: #22aaf2;
  width: 100% !important;
  height: 60px;
  z-index: 1;
}
.news-section {
  border-top: 1px solid #424242;
}
.service-text {
  margin-top: 80px;
  padding: 0 3%;
}
.service-text span {
  margin: 0 2px;
}
.service-box p {
  font-size: 14px;
  line-height: 23px;
}
#statistics {
  padding: 0 0 110px 0;
  background: none;
  overflow: hidden;
  z-index: 10;
}
#statistics .title {
  padding: 0 30px;
  text-align: left;
  position: relative;
  margin-bottom: 50px;
  display: inline-block;
  margin-top: 20px;
}
#statistics .title h2 {
  padding: 0;
}
#statistics .title .decoration {
  left: 0;
  bottom: -15px;
  width: 100%;
  position: absolute;
}
#statistics .title .title-marker {
  left: 0;
  width: 0%;
  bottom: 0;
  height: 3px;
  background: #00a3de;
  box-shadow: 0 0 2px #0e4f5c;
  animation: openright 1.2s 1s;
  animation-fill-mode: forwards;
  margin: 5px auto;
}
#statistics .title .sub-marker {
  left: 0;
  width: 0%;
  height: 2px;
  bottom: -15px;
  background: #0084de;
  box-shadow: 0 0 2px #0e4f5c;
  animation: openright90 1.2s 1.2s;
  animation-fill-mode: forwards;
  margin: 5px auto;
}
#statistics .title .title-marker-bottom {
  width: 0%;
  height: 2px;
  background: #0084de;
  box-shadow: 0 0 2px #0e4f5c;
  animation: openright90 1.2s 1.2s;
  animation-fill-mode: forwards;
  margin: 5px auto;
}
#statistics .statscontainer {
  z-index: 10;
}
#statistics .background_video {
  top: 0px;
  width: 100%;
  height: 100%;
  transition: 300ms;
  position: absolute;
}
#statistics .background_video video {
  left: 0;
  bottom: 0;
  min-width: 100%;
  filter: blur(5px);
  position: absolute;
  min-height: 1565px;
}
#statistics .background_video .credit {
  opacity: 1;
  z-index: 10;
  right: 20px;
  bottom: 10px;
  color: #b0cdff;
  font-size: 11px;
  font-weight: 300;
  position: absolute;
  letter-spacing: 0.8px;
}
#StatFigures {
  position: relative;
  display: inline-block;
  width: 75%;
}
#StatFigures .controls .next,
#StatFigures .controls .prev {
  margin: 0px 0px;
}
.statistics_panel {
  background: linear-gradient(to bottom, rgba(41,41,41,0.5), rgba(0,0,0,0.6)) !important;
  padding: 20px;
  border-radius: 5px;
  box-shadow: 2px 2px 10px rgba(0,0,0,0.6);
}
.box-1 {
  min-height: auto;
  border-radius: 2px;
  text-align: center;
  box-sizing: border-box;
  padding: 35px 0 35px 0;
}
.box-1 .skill-number,
.box-1 .skill-title {
  z-index: 10;
  position: relative;
}
.become-a-citizen .bg {
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  transition: 200ms;
  position: absolute;
}
.become-a-citizen .box-1 {
  transition: 200ms;
  position: relative;
}
.become-a-citizen .box-1 .bg {
  top: 0;
  left: 0;
  opacity: 0;
  position: absolute;
  z-index: 2 !important;
  background: linear-gradient(#2880ff, #1c65b2) !important;
}
.become-a-citizen .box-1:hover .bg {
  opacity: 1 !important;
}
.become-a-citizen .box-1 .skill-header,
.become-a-citizen .box-1 .skill-title {
  position: relative;
  z-index: 5 !important;
}
.become-a-citizen .box-1:hover {
  text-shadow: 0 0 10px #fff;
}
.become-a-citizen .box-1:hover .box-1 {
  opacity: 1;
}
#BottomSection #StatFigures .stat {
  width: 32%;
  display: inline-block;
  margin: 0 0.7%;
}
#BottomSection #StatFigures .stat:first-child {
  margin-left: 0;
}
#BottomSection #StatFigures .stat:last-child {
  margin-right: 0;
}
#BottomSection .become-a-citizen {
  width: 23%;
  display: inline-block;
  margin-left: 0.5%;
}
#BottomSection .controls .next i,
#BottomSection .controls .prev i {
  color: #2196f3;
  text-shadow: 1px -1px 8px #3f63b5;
}
#BottomSection .background {
  background: url("\assets\img\patterns\old-moon-transparent.png");
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 5;
}
#BottomSection h2.statistics_header {
  color: #fff;
  padding: 0px;
  font-size: 45px;
  font-weight: 300;
  text-align: left;
  line-height: 50px;
  margin-bottom: 25px;
  text-transform: uppercase;
  text-shadow: 1px 1px 2px #00375c;
}
.info-box {
  z-index: 2;
  margin-top: 0px;
  min-height: 350px;
  position: relative;
  background: linear-gradient(to bottom, transparent, #000);
}
.info-box:hover {
  transform: scale(1.03);
  background: radial-gradient(circle at center, #351d54, rgba(33,17,59,0.749));
}
@media screen and (min-width: 1650px) {
  .home-page .grid_3 {
    display: inline-block;
    float: none;
  }
}
.align .left {
  transition: 0.2s ease-in-out;
  padding: 1%;
  width: 35%;
}
.align .left a {
  font-size: 17px;
  letter-spacing: 1px;
  position: relative;
}
.align .right {
  transition: 0.2s ease-in-out;
  padding: 1%;
  width: 61%;
}
.align .right a {
  font-size: 17px;
  letter-spacing: 1px;
  position: relative;
}
.align .info-button {
  background: url("/assets/img/patterns/dark-denim-3.png") #000;
  background-size: 200% !important;
  min-height: 350px;
  position: relative;
  margin-top: 0px;
  padding: 15px;
  color: #fff;
  z-index: 2;
}
.align .info-button:hover {
  border-left: 3px;
}
.align .info-button.red {
  border: 1px solid #a62f26;
  transition: 0.1s ease-in-out;
}
.align .info-button.red:hover {
  border-left: 3px solid #dd2424;
  background: radial-gradient(circle at center, rgba(84,29,29,0.78), #791f19, rgba(84,29,29,0.78));
}
.align .info-button.blue {
  border: 1px solid #1e63d9;
  transition: 0.1s ease-in-out;
}
.align .info-button.blue:hover {
  border-right: 3px solid #1e63d9;
  background: radial-gradient(circle at center, rgba(29,39,84,0.78), rgba(57,85,113,0.749));
}
@media screen and (max-width: 1000px) {
  .news-side,
  .services-side {
    width: 100%;
  }
}
@media screen and (max-width: 1200px) {
  .info-box {
    min-height: 350px;
  }
}
#BottomSection {
  box-shadow: 0 0 35px 16px rgba(0,0,0,0.75);
}
#BottomSection .box-1 {
  margin: 0;
  transition: 300ms;
  background: transparent;
}
#BottomSection #customerfunnel {
  display: inline-block;
}
#BottomSection #MiniSignup,
#BottomSection #MiniNewUser {
  width: 100%;
}
#BottomSection #MiniSignup .container,
#BottomSection #MiniNewUser .container {
  padding: 40px 30px 60px 30px;
}
#MiniSignup .border-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, transparent, #c0c0c0, transparent);
}
#MiniSignup #Agreement {
  transition: 300ms;
  margin-top: 100px !important;
  z-index: 10;
}
#MiniSignup .smokeblow {
  animation: CoverYa 6s 0ms infinite;
  animation-iteration-count: 1;
  pointer-events: none;
  margin-top: -90px;
  width: 100%;
  opacity: 0;
  z-index: 10;
}
#MiniSignup .smoke_spot {
  animation: SwirlsAroundForYa 20s 0ms infinite;
  pointer-events: none;
  position: absolute;
  margin-top: -90px;
  width: 100%;
  z-index: 10;
  opacity: 0;
  left: 0%;
  top: 0;
}
#MiniSignup .smokeylines.left,
#MiniSignup .smokeylines.right {
  animation: SplitForYaRightie 16s 1200ms infinite;
  animation-iteration-count: 1;
  pointer-events: none;
  position: absolute;
  margin-top: -90px;
  width: 100%;
  z-index: 10;
  opacity: 0;
  left: 0%;
  top: 0;
}
#MiniSignup .smokeylines.left.right,
#MiniSignup .smokeylines.right.right {
  animation: SplitForYaLeftie 16s 2000ms infinite;
  animation-iteration-count: 1;
}
#MiniSignup img {
  box-shadow: transparent 0px 0px 0px !important;
}
.box-1__active {
  background: linear-gradient(#0993d1, #0064a7) !important;
}
.box-1__active:after {
  height: 100%;
  width: 0%;
  background: #00f;
}
.skill-number {
  font-size: 55px;
}
.become-a-citizen {
  transition: 300ms;
  transform: translateY(0px);
  box-shadow: 0px 0px 0px rgba(0,0,0,0);
}
.become-a-citizen:hover {
  box-shadow: 10px 10px 25px rgba(0,0,0,0.75);
  transform: translateY(-10px);
}
#customerfunnel {
  width: 100%;
  height: 0px;
  overflow: hidden;
  transition: 500ms;
  box-shadow: inset 0px 2px 15px rgba(0,0,0,0.51);
  background: linear-gradient(to bottom, #1d1f2b, #141414);
}
#customerfunnel.active {
  animation-name: openNewAccount;
  animation-iteration-count: 1;
  animation-duration: 1.3s;
  overflow: visible !important;
  height: 900px;
}
#footer p {
  color: #fff;
}
#footer .grid_12 {
  margin: 0;
}
#MiniNewUser #error {
  position: absolute;
  width: 92%;
  top: 55px;
}
.showMobile {
  display: none;
}
.hideMobile {
  display: block;
}
@media only screen and (max-width: 768px) {
  #MiniNewUser .container {
    padding: 0px !important;
  }
  .aside-menu li a {
    padding: 0px !important;
  }
}
@media only screen and (max-width: 767px) {
  .menu-switcher-panel {
    top: 0 !important;
    display: block;
    height: 110px;
    opacity: 1;
  }
  .aside-menu {
    background: rgba(29,29,29,0.5) !important;
    height: 120px;
    top: -3px;
  }
  .aside-menu li {
    padding: 0;
    float: left;
    width: 50%;
  }
  .aside-menu li a {
    padding: 5px 0px !important;
  }
  .menu-content {
    height: 45px;
    width: auto !important;
  }
  #logo1 {
    left: 0;
    width: 50px;
    margin: 10px;
  }
  #BottomSection .stat {
    width: 300px !important;
    display: inline-block !important;
    margin: 0;
  }
  #StatFigures {
    margin-bottom: 30px;
    width: 85%;
  }
  #CreateAccount {
    margin-top: 0px !important;
  }
  #MiniNewUser .container {
    padding: 0 !important;
    width: 92% !important;
  }
  .customerfunnel {
    height: 600px !important;
  }
  .news-section {
    box-shadow: inset 1px 0px 10px #000 !important;
  }
  .news-section .align {
    width: 100%;
  }
  .news-section .align .left {
    width: 43%;
  }
  .news-section .align .right {
    width: 45%;
  }
}
@media screen and (max-width: 1000px) {
  .hideMobile {
    height: 40px;
    display: none;
    position: relative;
  }
  .showMobile {
    height: 40px;
    display: block;
    position: relative !important;
  }
  .showMobile.updates {
    top: 22px;
    height: 50px;
    position: relative;
    margin-top: 20px !important;
  }
  .news-side {
    margin-top: 30px;
  }
}
@media screen and (max-width: 1420px) {
  .video-player {
    width: auto !important;
    min-height: 900px;
  }
  .logo {
    padding: 0;
  }
  a {
    padding-top: 0px;
  }
  .container .slogan span {
    padding: 25px 10px;
  }
}
@media screen and (max-width: 1200px) {
  .skill-number {
    font-size: 50px;
  }
  #Information .logo {
    opacity: 0 !important;
  }
  #Info .container {
    overflow: hidden;
  }
}
@media screen and (max-width: 979px) and (min-width: 768px) {
  .home-page .grid_3 {
    width: 40%;
  }
  .home-page .row {
    margin-left: 0px;
  }
  .home-page #newsak {
    display: none;
    right: -110px;
    top: 30px;
  }
  .home-page .grid_12 {
    width: 100%;
    margin: 0;
  }
}
@media screen and (max-width: 980px) {
  .video-selection li {
    height: auto;
  }
  .service-text {
    margin: 100px 0 20px 0;
  }
}
@media screen and (max-width: 767px) {
  .slogan {
    width: 100%;
  }
  .button-section {
    padding: 50px 0 50px 0 !important;
  }
  .info-box {
    min-height: 100% !important;
    width: 100% !important;
    display: inline-block;
  }
  .service-box {
    padding: 0;
    height: auto;
  }
  .service-box .service-icon {
    width: 25%;
    float: left;
    height: 100%;
    margin: 0;
  }
  .service-box .service-icon img {
    width: 100%;
  }
  .service-box .service-title {
    float: left;
    width: 70%;
  }
  .service-title {
    text-align: left;
    float: none !important;
    width: 100% !important;
    margin-top: 20px !important;
  }
  .service-description {
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .nav-link {
    position: relative !important;
  }
  #IDLogo {
    left: 0 !important;
  }
}
@media screen and (max-width: 500px) {
  .video-player {
    position: relative;
    left: -110%;
  }
  .terms {
    height: 120px !important;
  }
  .news-section .align {
    width: 100%;
  }
  .news-section .align .left {
    width: 50%;
  }
  .news-section .align .right {
    width: 50%;
  }
  .slogan span {
    font-size: 12px !important;
  }
  .slogan span h4 {
    font-size: 20px !important;
    line-height: 30px !important;
  }
}
@-moz-keyframes 'CoverYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(40deg) scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes 'CoverYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(40deg) scale(1.7);
    opacity: 0;
  }
}
@-o-keyframes 'CoverYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(40deg) scale(1.7);
    opacity: 0;
  }
}
@keyframes 'CoverYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: rotate(40deg) scale(1.7);
    opacity: 0;
  }
}
@-moz-keyframes 'SwirlsAroundForYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: rotate(-100deg) scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes 'SwirlsAroundForYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: rotate(-100deg) scale(1.7);
    opacity: 0;
  }
}
@-o-keyframes 'SwirlsAroundForYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: rotate(-100deg) scale(1.7);
    opacity: 0;
  }
}
@keyframes 'SwirlsAroundForYa' {
  0% {
    transform: rotate(0deg) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    transform: rotate(-100deg) scale(1.7);
    opacity: 0;
  }
}
@-moz-keyframes 'SplitForYaLeftie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(-650px) scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes 'SplitForYaLeftie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(-650px) scale(1.7);
    opacity: 0;
  }
}
@-o-keyframes 'SplitForYaLeftie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(-650px) scale(1.7);
    opacity: 0;
  }
}
@keyframes 'SplitForYaLeftie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(-650px) scale(1.7);
    opacity: 0;
  }
}
@-moz-keyframes 'SplitForYaRightie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(650px) scale(1.7);
    opacity: 0;
  }
}
@-webkit-keyframes 'SplitForYaRightie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(650px) scale(1.7);
    opacity: 0;
  }
}
@-o-keyframes 'SplitForYaRightie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(650px) scale(1.7);
    opacity: 0;
  }
}
@keyframes 'SplitForYaRightie' {
  0% {
    transform: translateX(0px) scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translateX(650px) scale(1.7);
    opacity: 0;
  }
}
app-faq #mainhead {
  box-shadow: none !important;
}
#faq {
  box-shadow: none !important;
}
#faq #contentpage {
  background: linear-gradient(#153b4d, #0c1920);
}
#faq #contentpage .container {
  box-shadow: none !important;
}
@media screen and (max-width: 960px) {
  #faq #contentpage .container {
    margin: 0 !important;
    width: 100% !important;
    padding: 0 2% !important;
  }
  #faq #contentpage .container accordion .panel {
    width: 100% !important;
  }
}
#faq .row {
  margin-bottom: 70px;
}
#faq .row > h4 {
  color: #fff;
  padding: 14px;
  font-size: 32px;
  font-weight: 300;
  padding-top: 8px;
  margin-top: 15px;
  line-height: 33px;
  margin-bottom: 1em;
  background: #496faf;
  text-transform: uppercase;
  text-shadow: 1px 0 0 #000;
}
#faq .row p {
  color: #fff;
  font-weight: 200;
  font-family: 'Lato';
  letter-spacing: 1.2px;
  word-spacing: 3.3px;
  line-height: 40px;
  margin-top: 10px;
}
#faq .title {
  float: none;
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  font-size: 30px;
  text-align: left;
  width: 100%;
  padding: 0;
  margin: 45px 0 0 30px;
  line-height: 25px;
}
#faq h2.heading_color {
  position: relative;
  color: #fff !important;
  box-shadow: none !important;
  padding: 60px 0 60px !important;
  text-shadow: 2px 0 12px #113158;
  background: url("/assets/img/patterns/snow.png") #4a6476 !important;
}
#faq h2.heading_color div {
  z-index: 1;
  position: relative;
}
#faq h2.heading_color .background {
  top: 0;
  left: 0;
  z-index: 0;
  width: 100%;
  height: 82%;
  position: absolute;
  box-shadow: inset 0px 0px 50px 35px #143848;
  background: linear-gradient(75deg, #143748 10%, transparent 30%, transparent 70%, #133545 90%);
}
#faq h4 {
  margin-top: 40px;
  font-weight: 500;
  color: #fff;
}
#faq h5 {
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 8px;
  margin-top: 30px;
  background: #0e2242;
  padding: 18px;
  text-shadow: 1px 0 0 #000;
  position: relative;
  cursor: pointer;
  margin: 35px 0 10px 0;
  transition: 300ms;
  filter: saturate(0.2) hue-rotate(350deg);
  border-radius: 2px;
}
#faq h5 .box-borders .top,
#faq h5 .box-borders .right,
#faq h5 .box-borders .bottom,
#faq h5 .box-borders .left {
  background: #204e9c !important;
}
#faq h5:hover {
  background: url("/assets/img/patterns/old-mathematics-blue-sm.png") top center #83bbe8;
  background-position-y: 0px;
  z-index: 3;
}
#faq h5:hover:active {
  transform: scale(1.015);
  pointer-events: none;
}
#faq .faq-section {
  padding: 10px 0;
}
#faq .faq-section h5 {
  color: #fff;
  border-radius: 0;
  text-shadow: none;
  background: top center #0092ff;
}
#faq .faq-section:hover h5 {
  color: #fff;
  text-shadow: 0 0 3px #000;
  background: url("/assets/img/patterns/old-mathematics-blue-sm.png") top center #50b8ff;
}
#faq .faq-section:hover span {
  color: #fff;
}
#faq accordion-group .panel {
  margin: 10px 0;
}
#faq accordion-group .panel-title {
  margin: 0 !important;
}
#faq accordion-group .panel-heading {
  font-size: 30px;
  line-height: 33px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  border: 2px solid rgba(0,0,0,0.4);
  background: url("/assets/img/patterns/old-mathematics-blue-sm.png") top center #0e2242;
  text-shadow: 1px 0 0 #000;
  position: relative;
  cursor: pointer;
  padding: 10px 20px;
  transition: 300ms;
  background: rgba(34,34,34,0.5);
}
#faq accordion-group .panel-heading:hover {
  background: url("/assets/img/patterns/old-mathematics-blue.png") top center #1a263c !important;
  z-index: 3 !important;
}
#faq accordion-group .panel-heading:hover:active {
  transform: scale(1.015);
}
#faq accordion-group .panel-heading::selection {
  background: #222;
}
#faq accordion-group .dropup .panel-heading {
  background: url("/assets/img/patterns/old-mathematics-blue.png") top center #072946 !important;
  transform: scale(1.01) !important;
  z-index: 3 !important;
  border: 2px solid #336a9c;
}
#faq accordion-group .dropup .panel-heading:active {
  transform: scale(1.015);
}
#faq accordion-group h4 {
  padding: 0;
}
#faq accordion-group h4 a {
  color: #fff;
  font-size: 19px;
  cursor: pointer;
}
#faq accordion-group .panel-collapse {
  background: linear-gradient(to bottom, #073861, #11273a);
  border: 2px solid #336a9c;
  padding: 13px 25px;
  margin-top: -10px;
  line-height: 30px;
}
#faq accordion-group .panel-heading:hover {
  background: url("/assets/img/patterns/old-mathematics-blue.png") top center #0f304c !important;
}
#faq accordion-group .panel-collapse {
  background: #2a5172;
}
@media screen and (max-width: 960px) {
  #faq h2.heading_color {
    padding: 30px 0 20px !important;
  }
}
#LoginPage #AddIdentity,
#LoginPage #ExistingIdentity {
  position: relative;
  z-index: 1;
}
#LoginPage .logincontainer {
  margin-bottom: 70px;
}
#LoginPage #Teaser {
  background: linear-gradient(to bottom, #1d3e86, #10285d) !important;
  margin-bottom: 25px;
}
#LoginPage #Teaser h2 {
  font-size: 19px;
  letter-spacing: 1px;
}
#LoginPage #Teaser .carbon_background {
  opacity: 0.45;
}
#LoginPage #Teaser .box-borders .top {
  height: 2px;
}
#LoginPage #Login,
#LoginPage #NewIdentity,
#LoginPage #AccountHelp,
#LoginPage #Teaser {
  box-shadow: 0px 0px 15px rgba(0,0,0,0.5);
  overflow: hidden !important;
  background: radial-gradient(farthest-corner at 30px 30px, #18429c, #12285a);
  position: relative;
  padding: 2%;
}
#LoginPage #Login .loginheader,
#LoginPage #NewIdentity .loginheader,
#LoginPage #AccountHelp .loginheader,
#LoginPage #Teaser .loginheader {
  margin-bottom: 11px;
  background: linear-gradient(70deg, #163579 0%, #274588 30%, #153272 60%);
  border: 1px solid #1e63d9;
  padding: 0 0 0px 25px;
}
#LoginPage #Login .background-icon,
#LoginPage #NewIdentity .background-icon,
#LoginPage #AccountHelp .background-icon,
#LoginPage #Teaser .background-icon {
  position: absolute;
  z-index: 0;
  font-size: 70px;
  left: 20px;
  top: 20px;
  color: rgba(89,109,255,0.4);
  text-shadow: none;
}
#LoginPage #Login .button,
#LoginPage #NewIdentity .button,
#LoginPage #AccountHelp .button,
#LoginPage #Teaser .button {
  padding: 0;
}
#LoginPage #Login h2,
#LoginPage #NewIdentity h2,
#LoginPage #AccountHelp h2,
#LoginPage #Teaser h2 {
  text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
}
#LoginPage #Login p,
#LoginPage #NewIdentity p,
#LoginPage #AccountHelp p,
#LoginPage #Teaser p {
  margin-top: 14px;
  font-weight: bold;
  color: #6892ff;
  text-align: left;
}
#LoginPage #Login label,
#LoginPage #NewIdentity label,
#LoginPage #AccountHelp label,
#LoginPage #Teaser label {
  margin-top: 14px;
  font-weight: bold;
  color: #6892ff;
  text-align: left;
}
#LoginPage #Login input,
#LoginPage #NewIdentity input,
#LoginPage #AccountHelp input,
#LoginPage #Teaser input {
  width: 100% !important;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 300;
  margin: 10px 0 20px 0;
  transition: 200ms;
  color: #68abde;
  border: 1px solid #172567;
  padding: 12px;
  font-size: 15px;
}
#LoginPage #Login input:-webkit-autofill,
#LoginPage #NewIdentity input:-webkit-autofill,
#LoginPage #AccountHelp input:-webkit-autofill,
#LoginPage #Teaser input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#LoginPage #Login input:focus,
#LoginPage #NewIdentity input:focus,
#LoginPage #AccountHelp input:focus,
#LoginPage #Teaser input:focus {
  color: #fff !important;
  border: 1px solid #6495ed !important;
  border-left: 3px solid #d6fffd !important;
  background: #111640;
}
#LoginPage #Login input::placeholder,
#LoginPage #NewIdentity input::placeholder,
#LoginPage #AccountHelp input::placeholder,
#LoginPage #Teaser input::placeholder {
  color: #88adde;
}
#LoginPage #Login .button,
#LoginPage #NewIdentity .button,
#LoginPage #AccountHelp .button,
#LoginPage #Teaser .button {
  border-radius: 3px;
  width: 90%;
  position: relative;
  margin: 1% 0%;
  width: 100%;
  right: 0;
  bottom: 0;
  float: none;
}
#LoginPage #Login {
  width: 60% !important;
  float: left !important;
  margin-left: 1%;
  height: auto;
}
#LoginPage #NewIdentity {
  width: 31% !important;
  float: left !important;
}
#LoginPage #NewIdentity p {
  color: #78b6ec;
  font-weight: 300;
  font-size: 20px;
  line-height: 37px;
  text-shadow: 0 0 6px rgba(140,140,140,0.16);
}
#LoginPage #ExistingIdentity h2 {
  font-size: 40px;
  padding: 15.5px 0;
  padding-bottom: 33px !important;
}
@media screen and (max-width: 1200px) {
  #LoginPage #ExistingIdentity h2 {
    padding: 11px 0;
  }
}
@media screen and (min-width: 16500px) {
  #LoginPage #ExistingIdentity h2 {
    padding: 0px 0 !important;
  }
}
#LoginPage #LoginForm {
  float: left;
  width: 66%;
  margin-bottom: 25px;
}
#LoginPage #OAuthLogins {
  float: left;
  width: 29%;
  margin: 4% 0 0 4%;
  border-left: 1px solid rgba(82,115,186,0.54);
  min-height: 205px !important;
}
#LoginPage #OAuthLogins h2 {
  margin-top: 0px !important;
  padding-left: 20px;
  font-size: 15px;
  letter-spacing: 1.4px;
  padding-bottom: 10px !important;
}
#LoginPage #OAuthLogins .auth:hover .fa-xbox {
  animation: swoop 0.3s 1;
}
#LoginPage #OAuthLogins .auth {
  border-radius: 2px;
  position: relative;
  border: 1px solid #376aa5;
  background: linear-gradient(to bottom, #376aa5 34%, #1d5290 100%);
  padding: 0px;
  height: 40px;
  color: #fff;
  margin: 15px 0px 25px 20px;
  transition: 200ms;
  overflow: hidden;
}
#LoginPage #OAuthLogins .auth .tryingOauth {
  height: 100%;
  background: rgba(255,255,255,0);
  pointer-events: none;
  position: absolute;
  z-index: 5;
}
#LoginPage #OAuthLogins .auth .tryingOauth .icon-spin {
  animation: spin 4s linear infinite;
  width: 25px;
  height: 24px;
}
#LoginPage #OAuthLogins .auth .tryingOauth .icon-spin .ico-box {
  padding: 8px;
  width: 24px;
  height: 24px;
  text-align: center;
  float: left;
  position: relative;
}
#LoginPage #OAuthLogins .auth .tryingOauth .icon-spin .ico-box i {
  font-size: 25px;
  transition: 300ms;
}
#LoginPage #OAuthLogins .auth .loggingIn {
  height: 100%;
  background: rgba(255,255,255,0);
  pointer-events: none;
  display: inline-block;
  z-index: 5;
}
#LoginPage #OAuthLogins .auth .loggingIn .icon-spin {
  animation: spin 4s linear infinite;
  width: 25px;
  height: 24px;
}
#LoginPage #OAuthLogins .auth .loggingIn .icon-spin .ico-box {
  padding: 8px;
  width: 24px;
  height: 24px;
  text-align: center;
  float: left;
  position: relative;
}
#LoginPage #OAuthLogins .auth .loggingIn .icon-spin .ico-box i {
  font-size: 25px;
  transition: 300ms;
}
#LoginPage #OAuthLogins .auth .ico-box {
  background-color: rgba(62,126,167,0.8);
  padding: 8px;
  width: 24px;
  height: 24px;
  text-align: center;
  float: left;
  position: relative;
}
#LoginPage #OAuthLogins .auth .ico-box i {
  font-size: 25px;
  transition: 300ms;
}
#LoginPage #OAuthLogins .auth .label {
  padding: 1px 0 0 50px;
  width: 100%;
}
#LoginPage #OAuthLogins .auth.steam .ico-box {
  background-color: rgba(62,126,167,0.8);
}
#LoginPage #OAuthLogins .auth.steam:hover i {
  animation: stand 0.7s 1;
}
#LoginPage #OAuthLogins .auth.facebook .ico-box {
  background-color: rgba(49,58,169,0.8);
}
#LoginPage #OAuthLogins .auth.facebook:hover i {
  animation: pop 0.7s 1;
}
#LoginPage #OAuthLogins .auth.microsoft .ico-box {
  background-color: rgba(45,132,34,0.8);
}
#LoginPage #OAuthLogins .auth.microsoft:hover i {
  animation: pop 0.7s 1;
}
#LoginPage #OAuthLogins .auth .fa-xbox {
  position: absolute;
  transition: 300ms;
  top: -4px;
  left: -5px;
  height: 50px;
  width: 50px;
}
#LoginPage #OAuthLogins .auth a {
  color: #fff;
  font-family: 'Lato';
  position: relative;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
  line-height: 40px;
}
#LoginPage #OAuthLogins .auth a a {
  padding: 20px;
  position: absolute;
  top: -19px;
  right: -135px;
}
#LoginPage #OAuthLogins .auth .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 300ms;
  pointer-events: none;
}
#LoginPage #OAuthLogins .auth:hover {
  transform: translateY(-2px) !important;
  box-shadow: 0px 4px 6px rgba(0,0,0,0.21);
  background: #4f96e0;
}
#LoginPage #OAuthLogins .auth:hover .background {
  opacity: 0.4;
}
@media screen and (max-width: 600px) {
  #LoginPage #LoginForm {
    float: none;
    width: 100%;
    margin-bottom: 15px;
  }
  #LoginPage #OAuthLogins {
    margin: 0;
    float: none;
    width: 100%;
    margin: 0;
    border-left: 0;
    margin-top: 30px;
  }
  #LoginPage #OAuthLogins .auth {
    width: 47%;
    display: inline-block;
    margin: 10px 1%;
  }
}
@media screen and (max-width: 450px) {
  #LoginPage #OAuthLogins .auth {
    width: 97% !important;
    display: block !important;
  }
}
#LoginPage #TerminalData .line {
  font-size: 10px;
  color: #000;
  line-height: 13px;
  position: absolute;
  bottom: -60px;
  left: 9px;
  font-family: monospace;
}
#LoginPage #Login .button,
#LoginPage #NewIdentity .button {
  border: none !important;
}
#LoginPage #AddIdentity p {
  margin: 40px 0;
}
#LoginPage #AddIdentity h2 {
  font-size: 40px;
  padding: 29px 0;
}
@media screen and (max-width: 1200px) {
  #LoginPage #AddIdentity p {
    margin: 16px 0 !important;
  }
  #LoginPage #AddIdentity h2 {
    padding: 20px 0;
    font-size: 30px;
    padding-bottom: 54px;
  }
}
@media screen and (max-width: 980px) {
  #LoginPage #Login,
  #LoginPage #NewIdentity {
    margin-left: 0%;
    margin-bottom: 21px;
    width: 96% !important;
    float: none !important;
  }
  #LoginPage #Login h2,
  #LoginPage #NewIdentity h2 {
    padding-bottom: 54px;
  }
  #LoginPage #AccountHelp {
    width: 94%;
    margin-left: 0%;
    padding: 10px !important;
  }
  #LoginPage #AccountHelp li {
    width: 85% !important;
    margin: 10px 0 !important;
    font-size: 17px !important;
    padding: 14px 2% !important;
  }
  #LoginPage #AdditionalItems {
    margin: 0 !important;
    margin-bottom: 20px !important;
  }
}
#LoginPage #AccountHelp {
  background: #112143;
}
#AdditionalItems {
  margin: 20px 0;
  position: relative;
  float: left !important;
  padding: 0;
  text-align: center;
  width: 100% !important;
  border-radius: 2px;
  background: radial-gradient(circle at center, #1b255b, #03162f);
}
#AdditionalItems ul {
  text-align: center;
  position: relative;
}
#AdditionalItems ul li {
  width: 30% !important;
  text-align: left;
  position: relative;
  cursor: pointer;
  margin: 2% 1%;
  display: inline-block;
  transition: 200ms;
}
#AdditionalItems ul li .background {
  background-size: cover !important;
  background-position: center !important;
  width: 100% !important;
  height: 100% !important;
  position: absolute;
  top: 0;
  left: 0;
}
#AdditionalItems ul li .title {
  background: radial-gradient(at bottom, rgba(140,149,150,0.62) 0%, transparent 70%);
  position: absolute;
  letter-spacing: 1px;
  line-height: 25px;
  font-size: 23px;
  transition: 200ms;
  padding: 7px 0;
  height: auto;
  width: 100%;
  bottom: 0;
  left: 0;
}
#AdditionalItems ul li .title .titlebackground {
  opacity: 0;
  transition: 200ms;
  background: radial-gradient(at bottom, rgba(16,40,72,0.5) 0%, transparent 50%);
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 1;
  left: 0;
  top: 0;
}
#AdditionalItems ul li .title span {
  z-index: 1;
  font-weight: 300;
  position: relative;
  letter-spacing: 2px;
  text-shadow: 3px 3px 20px #000 !important;
}
@media screen and (max-width: 980px) {
  #AdditionalItems ul li .title span {
    font-size: 15px;
  }
}
#AdditionalItems ul li .box-borders {
  opacity: 0.3;
  transition: 300ms;
}
#AdditionalItems ul li.community {
  height: 200px;
}
#AdditionalItems ul li.community .background {
  background: url("/assets/img/art/BB-RV-lake-01.jpg");
}
#AdditionalItems ul li.game-shop {
  height: 200px;
}
#AdditionalItems ul li.game-shop .background {
  background: url("/assets/img/art/identity-robbery.jpg");
}
#AdditionalItems ul li.about-identity {
  height: 200px;
}
#AdditionalItems ul li.about-identity .background {
  background: url("/assets/img/art/identity-map-02.jpg");
}
#AdditionalItems ul li:hover {
  box-shadow: 6px 6px 19px 7px rgba(0,0,0,0.48);
  transform: scale(1.024);
}
#AdditionalItems ul li:hover .box-borders {
  text-align: center;
  opacity: 1;
}
#AdditionalItems ul li:hover .box-borders * {
  background: #6495ed;
}
#AdditionalItems ul li:hover .box-borders .line-top {
  display: inline-block;
  background: #d6fffd !important;
  height: 4px;
  width: 0%;
}
#AdditionalItems ul li:hover .title {
  padding: 20px 0;
}
#AdditionalItems ul li:hover .titlebackground {
  opacity: 0.7;
}
@media screen and (max-width: 600px) {
  #AdditionalItems ul li {
    width: 92% !important;
  }
  #AdditionalItems ul li #AccountHelp ul {
    padding: 15px 0;
  }
  #AdditionalItems ul li #AccountHelp ul li {
    width: 86% !important;
    margin: 10px 0 !important;
    font-size: 17px !important;
    padding: 14px 2% !important;
  }
}
#AccountHelp {
  padding: 1.6%;
  position: relative;
  text-align: center;
  margin: 0 !important;
  width: 97% !important;
  float: left !important;
  background: radial-gradient(circle at center, #121f4a, #03162f);
}
#AccountHelp ul li {
  position: relative;
  cursor: pointer;
  display: inline-block;
  margin-right: -5px;
  color: #b6d1ff;
  font-size: 14px;
  height: 100%;
  padding: 1% 2%;
  margin: 1%;
  letter-spacing: 0.5px;
  text-shadow: 1px 0 #000;
  text-shadow: 0 0 5px rgba(31,79,113,0.36);
}
#AccountHelp ul li .background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  pointer-events: none;
  background: url("/assets/img/line-lightblue.png");
  background-size: 25px;
}
#AccountHelp ul li .light {
  background: #1e63d9;
  position: absolute;
  top: 0;
  right: 0;
  height: 10px;
  height: 10px;
}
#AccountHelp ul li span {
  position: relative;
  z-index: 5;
}
#AccountHelp ul li:hover {
  background: #18326b;
  box-shadow: 6px 6px 17px 3px rgba(0,0,0,0.25);
  transform: translateY(-2px) translateX(-2px) scale(1.01);
}
#AccountHelp ul li:hover .box-borders {
  opacity: 1;
}
#AccountHelp ul li:hover .box-borders * {
  background: #6495ed;
}
#AccountHelp ul li:hover .background {
  opacity: 1;
  background-size: 10px;
}
#AccountHelp ul li:active {
  box-shadow: inset 0 0 10px #2d58b5;
}
#NewUser .container {
  position: relative;
}
#NewUser .container .title {
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  margin: 10px 0 25px 0px;
  position: relative;
  line-height: 25px;
  text-align: left;
  font-size: 30px;
  width: auto;
  float: left;
  padding: 0;
}
#NewUser .container .title-row {
  height: 70px !important;
  position: relative;
  margin: 2% 0 0 0;
  width: 100%;
}
#NewUser .container .title-row .shop-link {
  right: 90px;
  padding: 23px 0px 15px 0px !important;
}
#NewUser .container .countries ul.country {
  top: 76px !important;
}
#CreateAccount {
  background: linear-gradient(to bottom, #303399, #1c1e5b, #191f4e);
  width: 96%;
  z-index: 2;
  left: -1px;
  padding: 2%;
  float: left;
  position: relative;
  overflow: hidden !important;
}
#CreateAccount .subroutine {
  text-align: center;
  font-weight: 300;
  letter-spacing: 2.3px;
  color: #a3bcd2;
  font-size: 12px;
  bottom: 10px;
  position: relative;
  margin-top: 20px;
}
#CreateAccount #Step1,
#CreateAccount #Step2,
#CreateAccount #Step3,
#CreateAccount #Step4 {
  position: absolute;
  width: 96%;
  padding: 0 2%;
}
#CreateAccount #Confirmation h2 {
  margin: 12px 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0px;
}
#CreateAccount .background {
  background: url("/assets/img/line-lightblue.png");
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
}
#CreateAccount .background-icon {
  left: 20px;
  top: -10px;
}
#CreateAccount .countries input {
  position: relative;
}
#CreateAccount .corners {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#CreateAccount .corners * {
  position: absolute;
}
#CreateAccount .corners .left {
  top: 0;
  left: 0;
  width: 5px;
  height: 2px;
  border-top: 1px solid #6495ed;
  border-left: 1px solid #6495ed;
}
#CreateAccount .corners .right {
  top: 0;
  right: 0;
  width: 5px;
  height: 2px;
  border-top: 1px solid #6495ed;
  border-right: 1px solid #6495ed;
}
#CreateAccount .corners .bottomleft {
  bottom: 0;
  left: 0;
  width: 5px;
  height: 2px;
  border-bottom: 1px solid #6495ed;
  border-left: 1px solid #6495ed;
}
#CreateAccount .corners .bottomright {
  bottom: 0;
  right: 0;
  width: 5px;
  height: 2px;
  border-bottom: 1px solid #6495ed;
  border-right: 1px solid #6495ed;
}
#CreateAccount #AccountDetails .form-group:first-child {
  margin-top: 45px;
}
#CreateAccount #UserDetails,
#CreateAccount #AccountDetails,
#CreateAccount #Confirmation,
#CreateAccount #SocialLogin {
  position: relative;
  z-index: 2;
}
#CreateAccount h2 {
  padding: 20px 0;
  text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
}
#CreateAccount label {
  margin-top: 14px;
  font-weight: 500;
  color: #6495ed;
  text-align: left;
  letter-spacing: 0.7px;
  margin: 10px 0;
  float: left;
  width: 100%;
}
#CreateAccount input {
  width: 100% !important;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 300;
  margin: 10px 0 10px 0;
  transition: 200ms;
  color: #68abde;
  border: 1px solid #172567;
  border-radius: 2px;
  padding: 12px;
  font-size: 15px;
}
#CreateAccount input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #213b98 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#CreateAccount input:focus {
  color: #fff !important;
  border: 1px solid #6495ed !important;
  border-left: 3px solid #d6fffd !important;
  background: #111640;
}
#CreateAccount input::placeholder {
  color: #88adde;
}
#CreateAccount .captcha label {
  margin-bottom: 15px;
}
#CreateAccount .prev {
  position: absolute;
  color: #fff;
  font-size: 25px;
  top: 10px;
  left: 10px;
  cursor: pointer;
  opacity: 1 !important;
  transition: all 3s ease-in-out;
}
#CreateAccount .prev:hover,
#CreateAccount .prev:active {
  opacity: 1;
}
#CreateAccount .prev:active {
  text-shadow: 0 0 10px #fff;
}
#CreateAccount .next {
  text-align: center;
}
#CreateAccount .button {
  width: 90%;
  position: relative;
  margin: 1% auto;
  width: 80%;
  height: auto;
  padding: 16px 0px;
  right: 0;
  bottom: 0;
  float: none;
  border-radius: 0;
  border: 0px;
  display: inline-block;
  border-radius: 1px;
  font-size: 15px;
  background: linear-gradient(100deg, #14428e, #113062, #14428e);
  border: 1px solid #3d70b8 !important;
}
#CreateAccount .button:after {
  left: 0%;
  top: 0 !important;
  width: 100% !important;
  height: 100% !important;
  transform: translate(0, 0);
  background: rgba(0,0,0,0.4) !important;
}
#CreateAccount .button:hover {
  border: 0px;
}
#CreateAccount .button:hover:after {
  left: 5%;
  top: 0 !important;
  height: 100% !important;
  background: rgba(0,0,0,0.4);
  transform: translate(0, 0);
}
#CreateAccount .birthday {
  margin: 10px 0 20px 0;
  position: relative;
}
#CreateAccount .birthday input {
  margin-bottom: 0;
}
#CreateAccount .birthday div.year,
#CreateAccount .birthday div.month,
#CreateAccount .birthday div.day {
  width: 30.5%;
  margin: 0 2%;
  float: left;
  position: relative;
}
#CreateAccount .birthday div.year i,
#CreateAccount .birthday div.month i,
#CreateAccount .birthday div.day i {
  position: absolute;
  top: 10px;
  right: 25px;
}
#CreateAccount .birthday .day {
  margin-right: 0 !important;
}
#CreateAccount .birthday ul.years,
#CreateAccount .birthday ul.months,
#CreateAccount .birthday ul.days {
  top: 55px;
  position: absolute;
  width: 99.5%;
  z-index: 10;
  background: #08073a;
  border: 0px solid transparent;
  height: 0px;
  overflow-y: scroll;
  transition: 200ms;
  float: left;
}
#CreateAccount .birthday ul.years li,
#CreateAccount .birthday ul.months li,
#CreateAccount .birthday ul.days li {
  color: #85addb;
  transition: 91ms;
  padding: 10px 10px 5px 10px;
  text-shadow: 0 0 10px rgba(46,75,128,0.69);
  border: 0px solid transparent;
}
#CreateAccount .birthday ul.years li:hover,
#CreateAccount .birthday ul.months li:hover,
#CreateAccount .birthday ul.days li:hover {
  border-left: 3px solid #0f45a7;
  box-shadow: inset 2px 0 10px rgba(0,0,0,0.17);
  background: #1a246d;
  cursor: pointer;
}
#CreateAccount .birthday ul.years::-webkit-scrollbar,
#CreateAccount .birthday ul.months::-webkit-scrollbar,
#CreateAccount .birthday ul.days::-webkit-scrollbar {
  width: 4%;
}
#CreateAccount .birthday ul.years::-webkit-scrollbar-track,
#CreateAccount .birthday ul.months::-webkit-scrollbar-track,
#CreateAccount .birthday ul.days::-webkit-scrollbar-track {
  background: transparent;
}
#CreateAccount .birthday ul.years::-webkit-scrollbar-thumb,
#CreateAccount .birthday ul.months::-webkit-scrollbar-thumb,
#CreateAccount .birthday ul.days::-webkit-scrollbar-thumb {
  background: #1a246d;
  border-radius: 5px;
}
#CreateAccount .birthday :first-child {
  margin-left: 0 !important;
}
#CreateAccount .birthday :last-child {
  margin-right: 0 !important;
}
#CreateAccount .genders {
  position: relative;
  margin-bottom: 10px;
  margin: 10px 0 20px 0;
  width: 100%;
  height: 50px;
}
#CreateAccount .genders .male {
  margin-left: 0px !important;
}
#CreateAccount .genders .trans {
  padding: 10px 10px !important;
  margin-right: 0px !important;
}
#CreateAccount .genders input {
  width: auto !important;
  padding: 0 10px;
  display: none;
}
#CreateAccount .genders label {
  cursor: pointer;
  color: #88adde;
  font-weight: 300;
  width: 29.9%;
  float: left;
  text-align: center;
  background: #191f4e;
  padding: 1%;
  border: 1px solid #172567;
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
  margin: 0 0.5% !important;
  padding: 15px !important;
}
#CreateAccount .genders label.active {
  background: #0a0e54;
  border: 1px solid #6495ed;
  color: #fff;
  box-shadow: inset 2x 0px 17px rgba(0,0,0,0.25);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#CreateAccount .genders:nth-child(2) label {
  margin: 10px 2% !important;
}
#CreateAccount .genders .custom-gender {
  position: absolute;
  top: -7px;
  left: 240px;
  opacity: 0;
  visibility: hidden;
}
#CreateAccount .genders .custom-gender .custom {
  width: auto !important;
  padding: 10px;
}
#CreateAccount .genders .fa-transgender {
  font-size: 24px;
}
#CreateAccount .newsletter input {
  width: auto !important;
  padding: 0 10px;
  display: none;
}
#CreateAccount .newsletter label {
  cursor: pointer;
  color: #88adde;
  width: 98%;
  float: left;
  text-align: center;
  background: #191f4e;
  border: 1px solid #172567;
  box-shadow: inset 2px 0px 17px rgba(0,0,0,0.15);
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
  margin: 10px 0 10px 0 !important;
  padding: 15px 0 !important;
}
#CreateAccount .newsletter label.active {
  background: #0a0e54;
  border: 1px solid #0a83ff;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px) {
  #CreateAccount .newsletter label {
    padding: 2% 0;
  }
}
.captcha {
  text-align: left;
}
.captcha .key {
  padding: 5px;
  border-radius: 0 0px 0px 0;
  margin: 10px 0 0 0;
}
.reset-recaptcha {
  color: #4483f4;
  font-weight: 300;
  cursor: pointer;
  text-align: center;
  width: 100%;
  font-size: 12px;
  margin: 0 10px;
}
re-captcha {
  display: inline-block;
}
#Agreement {
  width: 33%;
  float: right;
  position: absolute;
  z-index: 1;
  right: 2%;
}
#Agreement .terms {
  height: 410px;
  overflow-y: scroll;
  padding: 1%;
  background: #fff;
  border: 2px solid #4a5bb5;
  position: relative;
  padding: 10%;
}
#Agreement .terms h3 {
  font-size: 20px;
  line-height: auto;
  color: #385dc4;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 0px;
}
#Agreement .terms p {
  color: #000;
  font-weight: 400;
  font-size: 13px;
}
#Agreement .terms a {
  color: #385dc4;
}
#Agreement .terms::-webkit-scrollbar {
  width: 5px;
}
#Agreement .terms::-webkit-scrollbar-track {
  background: #283593;
}
#Agreement .terms::-webkit-scrollbar-thumb {
  background-color: #6892ff;
  outline: 1px solid #708090;
}
#Agreement .agreement-prompt {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  width: 90%;
  text-align: center;
  padding: 2% 5%;
  background: #454390;
  text-transform: uppercase;
  line-height: 15px;
}
#Agreement .agreement-prompt input {
  width: 10px;
  height: 10px;
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 4px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  outline: none;
}
#Agreement .agreement-prompt input:checked {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
  outline: none;
}
#Agreement .agreement-prompt input:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -7px;
  left: 0px;
  color: #4282f4;
  outline: none;
}
#Agreement .agreement-prompt label .box-borders .top,
#Agreement .agreement-prompt label .box-borders .right,
#Agreement .agreement-prompt label .box-borders .bottom,
#Agreement .agreement-prompt label .box-borders .left {
  position: absolute;
  background: #7c7ade;
  box-shadow: 0 0 3px #7c7ade;
}
.background-icon {
  position: absolute;
  z-index: 1;
  font-size: 93px;
  left: 0px;
  top: 20px;
  color: rgba(66,81,189,0.4);
  text-shadow: none;
}
@media screen and (max-width: 768px) {
  #CreateAccount {
    width: 96% !important;
    float: none;
    top: 10px;
    width: 100%;
    right: 0;
  }
  #CreateAccount h2 {
    margin: 0 !important;
  }
  #Agreement {
    margin-top: 50px !important;
    position: relative;
    width: 100%;
    right: 0;
  }
  .subroutine {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  #CreateAccount {
    padding: 2%;
    width: 96%;
    transform: translateX(0%) !important;
  }
  #CreateAccount .birthday-select select {
    width: 32%;
  }
  #CreateAccount .newsletter label {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 968px) {
  .button {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1700px) {
  .reset-recaptcha {
    bottom: 73px !important;
  }
}
#SocialNetwork {
  margin-top: 20px;
}
#SocialNetwork #SocialCommunity {
  width: 98%;
  margin: 0 auto;
  height: auto;
}
#SocialNetwork #Aside {
  margin-left: 1.1%;
}
#SocialNetwork #Feed,
#SocialNetwork #Aside {
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(122,178,255,0.39) !important;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
  border-radius: 0px;
  transition: 300ms;
  position: relative;
  padding: 1%;
  width: 70.5%;
  float: left;
}
#SocialNetwork #Feed .media,
#SocialNetwork #Aside .media {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
#SocialNetwork #Feed .media .type,
#SocialNetwork #Aside .media .type {
  height: 30px;
  padding: 0 !important;
}
#SocialNetwork #Feed .media .type .channels,
#SocialNetwork #Aside .media .type .channels {
  color: #bbb;
  text-transform: uppercase;
}
#SocialNetwork #Feed .media .type .channels .post,
#SocialNetwork #Aside .media .type .channels .post {
  margin-right: 5px;
}
#SocialNetwork #Feed .media .type .right .account,
#SocialNetwork #Aside .media .type .right .account {
  color: #d9d9d9;
  text-transform: uppercase;
  padding: 3px 15px 0 15px;
  border: 1px solid #435f8a;
  background: #19385a;
  border-radius: 1px;
  cursor: pointer;
}
#SocialNetwork #Feed textarea,
#SocialNetwork #Aside textarea {
  min-height: 50px;
  border: 0;
  width: 100%;
  outline: 0;
  font-size: 13px;
  padding: 0 0 0 10px;
  height: 75px;
}
#SocialNetwork .channel-selector {
  background: #19385a;
  position: absolute;
  overflow: hidden;
  padding: 5px;
  z-index: 5;
}
#SocialNetwork .channel-selector li {
  border-left: 0px solid #395780 !important;
  border-right: 0px solid #395780 !important;
  padding: 10px 12px !important;
  cursor: pointer;
  width: 210px;
}
#SocialNetwork .channel-selector li:hover {
  border-left: 3px solid #757575 !important;
  border-right: 3px solid #757575 !important;
  background: rgba(133,134,136,0.12) !important;
  padding: 10px 12px !important;
}
#SocialNetwork #Aside {
  width: 24% !important;
  float: left !important;
  margin-bottom: 15px;
  margin-left: 1%;
}
#SocialNetwork #Sidebar {
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(122,178,255,0.39) !important;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
  border-radius: 0px;
  transition: 300ms;
  position: relative;
}
#SocialNetwork #Community {
  width: 96% !important;
  padding: 1% 0 0 3% !important;
}
#SocialNetwork #Community .profile {
  float: left;
  height: 70px;
  width: 70px;
  border: 1px solid rgba(144,174,254,0.26);
}
#SocialNetwork .publish .button {
  float: right;
  font-size: 15px;
  letter-spacing: 1px;
  text-transform: capitalize;
}
#LoginPanel #Step1,
#LoginPanel #Step2,
#LoginPanel #Step3,
#LoginPanel #Step4 {
  position: absolute;
  margin: 0 3%;
  top: 20px;
  width: 92%;
}
#LoginPanel #Step1 .prev,
#LoginPanel #Step2 .prev,
#LoginPanel #Step3 .prev,
#LoginPanel #Step4 .prev,
#LoginPanel #Step1 .next,
#LoginPanel #Step2 .next,
#LoginPanel #Step3 .next,
#LoginPanel #Step4 .next {
  cursor: pointer;
  color: #fff;
  margin-top: 7px;
  text-shadow: 0 0 1px #1e63d9;
}
#LoginPanel #Step1 .prev,
#LoginPanel #Step2 .prev,
#LoginPanel #Step3 .prev,
#LoginPanel #Step4 .prev {
  float: left;
  color: #fff;
}
#LoginPanel #Step1 .next,
#LoginPanel #Step2 .next,
#LoginPanel #Step3 .next,
#LoginPanel #Step4 .next {
  float: right;
  color: #fff;
}
#LoginPanel #Step1 .button,
#LoginPanel #Step2 .button,
#LoginPanel #Step3 .button {
  margin-top: 20px !important;
}
#LoginPanel #Step1 .button span,
#LoginPanel #Step2 .button span,
#LoginPanel #Step3 .button span {
  margin: 0 0 0 10px;
}
#LoginPanel #Step1 .button:hover:after,
#LoginPanel #Step2 .button:hover:after,
#LoginPanel #Step3 .button:hover:after {
  background: #014dc7 !important;
}
#LoginPanel #Step1 h2 {
  margin: 10px !important;
}
#LoginPanel #Step1 .button {
  margin-top: 0px !important;
}
@media screen and (max-width: 980px) {
  #LoginPanel #Step1,
  #LoginPanel #Step2,
  #LoginPanel #Step3,
  #LoginPanel #Step4 {
    width: 90%;
    padding-top: 20px;
    margin: 0 !important;
    top: 0px !important;
  }
  #LoginPanel #Step1 p,
  #LoginPanel #Step2 p,
  #LoginPanel #Step3 p,
  #LoginPanel #Step4 p {
    margin: 20px 0;
  }
}
@media screen and (max-width: 760px) {
  #LoginPanel #Step1 {
    width: 90% !important;
    top: -35px !important;
  }
  #LoginPanel #Step1 p {
    margin: 20px 0;
  }
  #LoginPanel #Step2,
  #LoginPanel #Step3,
  #LoginPanel #Step4 {
    width: 90% !important;
    top: 15px !important;
  }
  #LoginPanel #Step2 p,
  #LoginPanel #Step3 p,
  #LoginPanel #Step4 p {
    margin: 20px 0;
  }
}
#LoginPanel .logincontainer {
  margin-bottom: 75px;
  min-height: 70vh;
}
#LoginPanel .logincontainer .row .title {
  padding: 0px 0 10px 0;
}
#LoginPanel .login-option {
  margin: 25px 20px;
}
#LoginPanel .login-options .purchase-title {
  margin: 25px 20px;
}
#LoginPanel #Login {
  height: auto;
  width: 37%;
  float: right;
  border-radius: 2px;
}
#LoginPanel #NewAccount {
  position: relative;
}
#LoginPanel #NewAccount #Agreement {
  display: none;
  opacity: 1;
  top: 0;
  position: absolute;
  right: 0;
  width: 34%;
  z-index: 10;
}
#LoginPanel #NewAccount #error {
  width: 57.4%;
  padding: 0.5em 0;
  margin: 10px 0;
  pointer-events: none;
}
@media screen and (max-width: 980px) {
  #LoginPanel #NewAccount #error {
    width: 100%;
  }
}
#LoginPanel #NewId {
  width: 56%;
  float: left;
  padding: 0.7% !important;
  margin-bottom: 20px;
  border-radius: 2px;
}
#LoginPanel #NewId .,
#LoginPanel #NewId .box-borders {
  height: 99.9% !important;
}
#LoginPanel #NewId .newID {
  height: 92%;
fd
  padding: 2% 3%;
  border-radius: 4px;
}
@media screen and (max-width: 980px) {
  #LoginPanel #NewId .newID {
    padding: 0;
    width: 90%;
  }
}
#LoginPanel #NewId h1 {
  padding: 0;
}
#LoginPanel #NewId .background-icon {
  z-index: -1 !important;
}
#LoginPanel #NewId .button {
  line-height: 38px;
}
#LoginPanel #NewId .form-group {
  margin: 0;
}
#LoginPanel #NewId .form-group label {
  float: left;
  width: 50%;
}
#LoginPanel #NewId .form-group input {
  float: left;
  width: 75%;
  margin: 1% 0;
  position: relative;
}
#LoginPanel #NewId #AccountDetails .prev {
  float: left;
  color: #fff;
}
#LoginPanel #NewId #AccountDetails .genders label,
#LoginPanel #NewId #AccountDetails .newsletter label {
  font-family: 'Lato';
  font-weight: 300;
}
#LoginPanel #NewId #AccountDetails .genders input,
#LoginPanel #NewId #AccountDetails .newsletter input {
  margin: 5px 8px 26px 0;
}
#LoginPanel #NewId #AccountDetails .genders .pride,
#LoginPanel #NewId #AccountDetails .newsletter .pride {
  width: 73% !important;
  margin: 30px 11px 0px 12px;
  position: absolute;
  right: 0;
  padding: 8px;
}
#LoginPanel #NewId #AccountDetails .birthday,
#LoginPanel #NewId #AccountDetails .countries {
  margin: 10px 0 20px 0;
  position: relative;
}
#LoginPanel #NewId #AccountDetails .birthday input,
#LoginPanel #NewId #AccountDetails .countries input {
  margin-bottom: 0;
}
#LoginPanel #NewId #AccountDetails .birthday div.year,
#LoginPanel #NewId #AccountDetails .countries div.year,
#LoginPanel #NewId #AccountDetails .birthday div.month,
#LoginPanel #NewId #AccountDetails .countries div.month,
#LoginPanel #NewId #AccountDetails .birthday div.day,
#LoginPanel #NewId #AccountDetails .countries div.day,
#LoginPanel #NewId #AccountDetails .birthday .countries,
#LoginPanel #NewId #AccountDetails .countries .countries {
  width: 30.6%;
  margin: 0 2%;
  float: left;
  position: relative;
}
#LoginPanel #NewId #AccountDetails .birthday div.year i,
#LoginPanel #NewId #AccountDetails .countries div.year i,
#LoginPanel #NewId #AccountDetails .birthday div.month i,
#LoginPanel #NewId #AccountDetails .countries div.month i,
#LoginPanel #NewId #AccountDetails .birthday div.day i,
#LoginPanel #NewId #AccountDetails .countries div.day i,
#LoginPanel #NewId #AccountDetails .birthday .countries i,
#LoginPanel #NewId #AccountDetails .countries .countries i {
  position: absolute;
  top: 10px;
  right: 25px;
}
#LoginPanel #NewId #AccountDetails .birthday ul.years,
#LoginPanel #NewId #AccountDetails .countries ul.years,
#LoginPanel #NewId #AccountDetails .birthday ul.months,
#LoginPanel #NewId #AccountDetails .countries ul.months,
#LoginPanel #NewId #AccountDetails .birthday ul.days,
#LoginPanel #NewId #AccountDetails .countries ul.days,
#LoginPanel #NewId #AccountDetails .birthday ul.country,
#LoginPanel #NewId #AccountDetails .countries ul.country {
  top: 45px;
  width: 99%;
  z-index: 10;
  height: 0px;
  float: left;
  transition: 200ms;
  position: absolute;
  overflow-y: scroll;
  background: #08073a;
  border: 1px solid #31529a;
}
#LoginPanel #NewId #AccountDetails .birthday ul.years li,
#LoginPanel #NewId #AccountDetails .countries ul.years li,
#LoginPanel #NewId #AccountDetails .birthday ul.months li,
#LoginPanel #NewId #AccountDetails .countries ul.months li,
#LoginPanel #NewId #AccountDetails .birthday ul.days li,
#LoginPanel #NewId #AccountDetails .countries ul.days li,
#LoginPanel #NewId #AccountDetails .birthday ul.country li,
#LoginPanel #NewId #AccountDetails .countries ul.country li {
  color: #85addb;
  transition: 91ms;
  padding: 10px 10px 5px 10px;
  text-shadow: 0 0 10px rgba(46,75,128,0.69);
  border: 0px solid transparent;
}
#LoginPanel #NewId #AccountDetails .birthday ul.years li:hover,
#LoginPanel #NewId #AccountDetails .countries ul.years li:hover,
#LoginPanel #NewId #AccountDetails .birthday ul.months li:hover,
#LoginPanel #NewId #AccountDetails .countries ul.months li:hover,
#LoginPanel #NewId #AccountDetails .birthday ul.days li:hover,
#LoginPanel #NewId #AccountDetails .countries ul.days li:hover,
#LoginPanel #NewId #AccountDetails .birthday ul.country li:hover,
#LoginPanel #NewId #AccountDetails .countries ul.country li:hover {
  border-left: 3px solid #0f45a7;
  box-shadow: inset 2px 0 10px rgba(0,0,0,0.17);
  background: #1a246d;
  cursor: pointer;
}
#LoginPanel #NewId #AccountDetails .birthday ul.years::-webkit-scrollbar,
#LoginPanel #NewId #AccountDetails .countries ul.years::-webkit-scrollbar,
#LoginPanel #NewId #AccountDetails .birthday ul.months::-webkit-scrollbar,
#LoginPanel #NewId #AccountDetails .countries ul.months::-webkit-scrollbar,
#LoginPanel #NewId #AccountDetails .birthday ul.days::-webkit-scrollbar,
#LoginPanel #NewId #AccountDetails .countries ul.days::-webkit-scrollbar,
#LoginPanel #NewId #AccountDetails .birthday ul.country::-webkit-scrollbar,
#LoginPanel #NewId #AccountDetails .countries ul.country::-webkit-scrollbar {
  width: 3%;
}
#LoginPanel #NewId #AccountDetails .birthday ul.years::-webkit-scrollbar-track,
#LoginPanel #NewId #AccountDetails .countries ul.years::-webkit-scrollbar-track,
#LoginPanel #NewId #AccountDetails .birthday ul.months::-webkit-scrollbar-track,
#LoginPanel #NewId #AccountDetails .countries ul.months::-webkit-scrollbar-track,
#LoginPanel #NewId #AccountDetails .birthday ul.days::-webkit-scrollbar-track,
#LoginPanel #NewId #AccountDetails .countries ul.days::-webkit-scrollbar-track,
#LoginPanel #NewId #AccountDetails .birthday ul.country::-webkit-scrollbar-track,
#LoginPanel #NewId #AccountDetails .countries ul.country::-webkit-scrollbar-track {
  background: transparent;
}
#LoginPanel #NewId #AccountDetails .birthday ul.years::-webkit-scrollbar-thumb,
#LoginPanel #NewId #AccountDetails .countries ul.years::-webkit-scrollbar-thumb,
#LoginPanel #NewId #AccountDetails .birthday ul.months::-webkit-scrollbar-thumb,
#LoginPanel #NewId #AccountDetails .countries ul.months::-webkit-scrollbar-thumb,
#LoginPanel #NewId #AccountDetails .birthday ul.days::-webkit-scrollbar-thumb,
#LoginPanel #NewId #AccountDetails .countries ul.days::-webkit-scrollbar-thumb,
#LoginPanel #NewId #AccountDetails .birthday ul.country::-webkit-scrollbar-thumb,
#LoginPanel #NewId #AccountDetails .countries ul.country::-webkit-scrollbar-thumb {
  width: 3px;
  box-shadow: 0 0 3px #0052de;
  background: linear-gradient(to bottom, rgba(0,82,222,0.4), #0867ff);
  border-radius: 5px;
}
#LoginPanel #NewId #AccountDetails .birthday ul.country,
#LoginPanel #NewId #AccountDetails .countries ul.country {
  height: 160px;
  top: 79px !important;
}
#LoginPanel #NewId #AccountDetails .birthday .year,
#LoginPanel #NewId #AccountDetails .countries .year {
  margin-left: 0 !important;
}
#LoginPanel #NewId #AccountDetails .birthday .day,
#LoginPanel #NewId #AccountDetails .countries .day {
  margin-right: 0 !important;
}
#LoginPanel #NewId #AccountDetails .genders {
  position: relative;
  margin-bottom: 10px;
  margin: 10px 0 0 0;
  width: 100%;
  height: 50px;
}
#LoginPanel #NewId #AccountDetails .genders input {
  width: auto !important;
  padding: 0 10px;
  display: none;
}
#LoginPanel #NewId #AccountDetails .genders label {
  cursor: pointer;
  color: #88adde;
  font-weight: 300;
  width: 31%;
  margin: 0 1%;
  float: left;
  text-align: center;
  background: #191f4e;
  padding: 2% 0;
  border: 1px solid #172567;
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
}
#LoginPanel #NewId #AccountDetails .genders label.trans {
  height: 15px;
}
#LoginPanel #NewId #AccountDetails .genders label.trans i {
  top: -2px;
  position: relative;
}
#LoginPanel #NewId #AccountDetails .genders label.active {
  background: #0a0e54;
  border: 1px solid #6495ed;
  color: #fff;
  box-shadow: inset 2x 0px 17px rgba(0,0,0,0.25);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#LoginPanel #NewId #AccountDetails .genders label:first-child {
  margin-left: 0 !important;
}
#LoginPanel #NewId #AccountDetails .genders label:last-child {
  margin-right: 0 !important;
}
#LoginPanel #NewId #AccountDetails .genders .custom-gender {
  position: absolute;
  top: -7px;
  left: 240px;
  opacity: 0;
  visibility: hidden;
}
#LoginPanel #NewId #AccountDetails .genders .custom-gender .custom {
  width: auto !important;
  padding: 10px;
}
#LoginPanel #NewId #AccountDetails .genders .fa-transgender {
  font-size: 24px;
}
#LoginPanel #NewId #AccountDetails .newsletter input {
  width: auto !important;
  padding: 0 10px;
}
#LoginPanel #NewId #AccountDetails .newsletter label {
  width: 98%;
  float: left;
  padding: 3% 0;
  color: #88adde;
  font-size: 13px;
  cursor: pointer;
  font-weight: 500;
  text-align: center;
  letter-spacing: 2px;
  background: #191f4e;
  font-family: 'Roboto';
  text-transform: uppercase;
  border: 1px solid #172567;
  box-shadow: inset 2px 0px 17px rgba(0,0,0,0.15);
}
#LoginPanel #NewId #AccountDetails .newsletter label.active {
  background: #0a0e54;
  border: 1px solid #0a83ff;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
@media screen and (max-width: 550px) {
  #LoginPanel #NewId #AccountDetails .genders {
    margin: 0 1%;
  }
}
#LoginPanel #newslettercheckbox {
  display: none;
}
#LoginPanel .newsletter-group {
  margin-bottom: 15px;
}
#LoginPanel .form-group.captcha-group {
  height: 140px;
}
#LoginPanel .form-group.captcha-group .captcha {
  text-align: center;
}
#LoginPanel .form-group.captcha-group .reset-recaptcha {
  color: #4483f4;
  font-weight: 300;
  cursor: pointer;
  text-align: center;
  width: 100%;
  font-size: 12px;
  margin: 10px 0;
}
#LoginPanel .form-group.captcha-group re-captcha {
  display: inline-block;
}
#LoginPanel .form-group.captcha-group span {
  position: absolute;
  left: 5px;
  bottom: 54px;
  font-size: 10px;
  color: #5c8af4;
  cursor: pointer;
}
@media screen and (min-width: 1650px) {
  #LoginPanel #Login {
    padding: 20px !important;
  }
}
@media screen and (max-width: 980px) {
  #LoginPanel #Login {
    width: 92%;
    padding: 3% 5% 4% 3% !important;
    margin: 0;
  }
  #LoginPanel #NewId {
    width: 90% !important;
    padding: 3% 5% 3% 5% !important;
    margin: 0;
  }
}
#LoginPanel #Login,
#LoginPanel #NewId {
  background: #0b3182;
  padding: 1.7%;
  overflow: hidden !important;
  position: relative;
}
#LoginPanel #Login h2,
#LoginPanel #NewId h2 {
  text-shadow: 0px 0px 10px rgba(70,142,193,0.72);
  text-align: center;
  margin: 7px 0 15px 0;
  letter-spacing: 3px;
  font-size: 26px;
  padding: 0;
}
#LoginPanel #Login input,
#LoginPanel #NewId input {
  width: 100% !important;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 300;
  margin: 10px 0 20px 0;
  transition: 200ms;
  color: #68abde;
  border: 1px solid #172567;
  padding: 12px;
  font-size: 15px;
}
#LoginPanel #Login input:-webkit-autofill,
#LoginPanel #NewId input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#LoginPanel #Login input:focus,
#LoginPanel #NewId input:focus {
  color: #fff !important;
  border: 1px solid #6495ed !important;
  border-left: 3px solid #fff !important;
  background: #111640;
}
#LoginPanel #Login input::placeholder,
#LoginPanel #NewId input::placeholder {
  color: #88adde;
}
#LoginPanel #Login h2,
#LoginPanel #NewId h2 {
  text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
  text-align: center;
  margin: 16px 0 !important;
}
#LoginPanel #Login p,
#LoginPanel #NewId p {
  margin: 30px 0;
  line-height: 30px;
  color: #ccd1ff;
  font-weight: 300;
  text-align: left;
  letter-spacing: 1px;
}
#LoginPanel #Login label,
#LoginPanel #NewId label {
  margin-top: 14px;
  font-weight: bold;
  color: #72a1d2;
  text-align: left;
}
#LoginPanel #Login input,
#LoginPanel #NewId input {
  width: 100%;
  border: 1px solid #31529a !important;
  font-size: 14px;
  margin: 5px 8px 26px 0;
  color: #d5eaff;
  letter-spacing: 0.7px;
}
#LoginPanel #Login input:-webkit-autofill,
#LoginPanel #NewId input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #1c2249 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#LoginPanel #Login input::placeholder,
#LoginPanel #NewId input::placeholder {
  color: #88adde;
}
#LoginPanel #Login .button,
#LoginPanel #NewId .button {
  width: 100% !important;
  padding: initial;
  position: relative;
  margin: 1% 0%;
  right: 0;
  bottom: 0;
  float: none;
  background: #4b76ee;
  border: 1px solid #2c42b5;
  border-radius: 2px;
  text-shadow: none;
  color: #fff;
  letter-spacing: 1px;
  height: 38px;
  border-radius: 4px;
  box-shadow: none;
  border: none !important;
}
#LoginPanel #Login .button :after,
#LoginPanel #NewId .button :after {
  background: #1c57dc;
}
#LoginPanel #Login .button:hover,
#LoginPanel #NewId .button:hover,
#LoginPanel #Login .button:active,
#LoginPanel #NewId .button:active,
#LoginPanel #Login .button:visited,
#LoginPanel #NewId .button:visited {
  border: none !important;
  box-shadow: none !important;
}
#LoginPanel #Login .button:hover :after,
#LoginPanel #NewId .button:hover :after,
#LoginPanel #Login .button:active :after,
#LoginPanel #NewId .button:active :after,
#LoginPanel #Login .button:visited :after,
#LoginPanel #NewId .button:visited :after {
  width: 100% !important;
}
#LoginPanel #OAuthLogins {
  width: 96%;
  margin: 1% 0;
  border-top: none;
  background: linear-gradient(to bottom, #133375 0%, #132c63 35%, #16316a 100%) !important;
  padding: 2%;
  overflow: hidden !important;
  position: relative;
}
#LoginPanel #OAuthLogins h2 {
  font-size: 16px;
  margin: 0 1%;
  padding: 0;
}
#LoginPanel #OAuthLogins .auth {
  cursor: pointer;
  position: relative;
  background: #2a488a;
  padding: 0px;
  height: 40px;
  color: #fff;
  margin: 1%;
  width: 48%;
  float: left;
  overflow: hidden;
  transition: 200ms;
}
#LoginPanel #OAuthLogins .auth .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: 300ms;
  pointer-events: none;
  background: url("/assets/img/patterns/dark-denim-3.png");
  background-size: 14px;
}
#LoginPanel #OAuthLogins .auth .label {
  width: 1000px;
  line-height: 40px;
  position: absolute;
  top: 0px;
  left: 50px;
}
#LoginPanel #OAuthLogins .auth .ico-box {
  float: left;
  position: relative;
  z-index: 5;
}
#LoginPanel #OAuthLogins .auth i {
  padding: 8px;
  width: 24px;
  height: 24px;
  font-size: 25px;
  text-align: center;
  margin: 0;
}
#LoginPanel #OAuthLogins .auth.facebook .ico-box {
  background-color: rgba(34,42,132,0.8);
}
#LoginPanel #OAuthLogins .auth.steam .ico-box {
  background-color: rgba(62,126,167,0.8);
}
#LoginPanel #OAuthLogins .auth.microsoft .ico-box {
  background-color: rgba(45,132,34,0.8);
}
#LoginPanel #OAuthLogins .auth a {
  color: #fff;
  font-family: 'Lato';
  position: relative;
  font-size: 12px;
  font-weight: 300;
  text-transform: uppercase;
}
#LoginPanel #OAuthLogins .auth:hover {
  box-shadow: 0px 4px 6px rgba(0,0,0,0.21);
  background: #4f96e0;
}
#LoginPanel #OAuthLogins .auth:hover .background {
  opacity: 0.4;
}
#LoginPanel #OAuthLogins .auth .tryingOauth {
  height: 100%;
  background: rgba(255,255,255,0);
  pointer-events: none;
  position: absolute;
  z-index: 5;
}
#LoginPanel #OAuthLogins .auth .tryingOauth .ico-box {
  height: 45px;
  top: -10px;
  position: relative;
  padding: 10px 0px;
}
#LoginPanel #OAuthLogins .auth .tryingOauth .icon-spin {
  animation: spin 4s linear infinite;
  width: 40px;
  height: 25px;
}
#LoginPanel #OAuthLogins .auth .tryingOauth .icon-spin .ico-box {
  background-color: transparent !important;
  padding: 8px;
  width: 24px;
  height: 24px;
  text-align: center;
  float: left;
  position: relative;
}
#LoginPanel #OAuthLogins .auth .tryingOauth .icon {
  background-color: transparent !important;
  font-size: 25px;
  transition: 300ms;
}
#LoginPanel #AccountHelp {
  position: relative;
  float: left !important;
  width: 96% !important;
  padding: 2%;
  text-align: center;
  background: #08113d;
  border-radius: 2px;
}
#LoginPanel #AccountHelp h2 {
  font-size: 16px;
  margin: 0 1%;
  padding: 0;
}
#LoginPanel #AccountHelp ul li {
  cursor: pointer;
  display: inline-block;
  padding: 1.4% 7%;
  margin: 0 1%;
  color: #e2eaff;
  text-shadow: 0 0 5px rgba(255,255,255,0.36);
  font-size: 14px;
  height: 100%;
  position: relative;
}
#LoginPanel #AccountHelp ul li span {
  position: relative;
  z-index: 5;
}
#LoginPanel #AccountHelp ul li .background {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  background: url("/assets/img/line-lightblue.png");
}
#LoginPanel #AccountHelp ul li:hover {
  background: #063292;
}
#LoginPanel #AccountHelp ul li:hover .background {
  opacity: 0.2;
}
@media screen and (max-width: 700px) {
  #LoginPanel .auth {
    margin: 10px 2px 6px 3px !important;
    width: 97% !important;
  }
}
@media screen and (max-width: 1200px) {
  #LoginPanel #Login h2 {
    margin-top: 22px !important;
  }
}
#Login h2 {
  margin: 15px 0 !important;
}
#AccountHelp {
  padding: 2%;
  text-align: center;
  border-radius: 2px;
  background: #14285f;
  width: 96% !important;
  float: left !important;
}
#AccountHelp h2 {
  font-size: 16px;
  margin: 0 1%;
  padding: 0;
}
#AccountHelp ul li {
  transition: 200ms;
  border-radius: 2px;
  cursor: pointer;
  display: inline-block;
  padding: 1.4% 7%;
  margin: 0 1%;
  color: #e2eaff;
  text-shadow: 0 0 5px rgba(255,255,255,0.36);
  font-size: 14px;
  height: 100%;
  border: 1px solid transparent;
}
#AccountHelp ul li:hover {
  border: 1px solid #1e63d9;
}
#AccountHelpWindow {
  background: #0035a9 url("/assets/img/patterns/dark-geometric.png");
  background-blend-mode: hard-light;
  border-bottom: 1px solid #00174a;
  border: 3px solid #213b98;
  box-shadow: 0 0 50px rgba(0,0,0,0.5);
  display: inline-block;
  padding: 2% 1% 1% 1%;
  border-radius: 2px;
  position: relative;
  max-width: 590px;
  z-index: 100;
  width: 70%;
  top: 150px;
}
#AccountHelpWindow .background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(0,24,64,0.58) #0e3ca0;
  opacity: 0.3;
  z-index: -1;
}
#AccountHelpWindow .close {
  padding: 20px;
  opacity: 1;
  position: absolute;
  color: #e2eaff !important;
  text-shadow: 0 0 5px rgba(255,255,255,0.36) !important;
  right: 15px;
  top: 5px;
}
#AccountHelpWindow #error {
  position: absolute;
  width: 100%;
  left: 0;
  top: -15%;
}
#AccountHelpWindow #ResetPassword,
#AccountHelpWindow #ForgotUsername,
#AccountHelpWindow #VerificationEmail {
  height: 0;
  overflow: hidden;
  width: 100%;
}
#AccountHelpWindow #ResetPassword h1,
#AccountHelpWindow #ForgotUsername h1,
#AccountHelpWindow #VerificationEmail h1 {
  letter-spacing: 2px;
  text-align: center;
  font-size: 30px;
  text-shadow: none;
  margin: 1% 0;
}
#AccountHelpWindow #ResetPassword p,
#AccountHelpWindow #ForgotUsername p,
#AccountHelpWindow #VerificationEmail p {
  line-height: 30px;
  margin: 0;
  margin: 2% 0;
  color: #c2e2ff;
  font-size: 12px;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#AccountHelpWindow #ResetPassword .form-group,
#AccountHelpWindow #ForgotUsername .form-group,
#AccountHelpWindow #VerificationEmail .form-group {
  width: 100%;
  height: 30px;
}
#AccountHelpWindow #ResetPassword label,
#AccountHelpWindow #ForgotUsername label,
#AccountHelpWindow #VerificationEmail label {
  margin-top: 14px;
  color: #c1e0fd;
  text-align: left;
  float: left;
  width: 25%;
  letter-spacing: 1px;
}
#AccountHelpWindow #ResetPassword input,
#AccountHelpWindow #ForgotUsername input,
#AccountHelpWindow #VerificationEmail input {
  width: 100% !important;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 300;
  transition: 200ms;
  color: #68abde;
  border: 1px solid #172567;
  padding: 12px;
  font-size: 15px;
  margin: 10px 0 0px 0;
}
#AccountHelpWindow #ResetPassword input:-webkit-autofill,
#AccountHelpWindow #ForgotUsername input:-webkit-autofill,
#AccountHelpWindow #VerificationEmail input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#AccountHelpWindow #ResetPassword input:focus,
#AccountHelpWindow #ForgotUsername input:focus,
#AccountHelpWindow #VerificationEmail input:focus {
  color: #fff !important;
  border: 1px solid #517bc7 !important;
  border-left: 3px solid #517bc7 !important;
  background: #030309;
}
#AccountHelpWindow #ResetPassword input::placeholder,
#AccountHelpWindow #ForgotUsername input::placeholder,
#AccountHelpWindow #VerificationEmail input::placeholder {
  color: #88adde;
}
#AccountHelpWindow #ResetPassword .button,
#AccountHelpWindow #ForgotUsername .button,
#AccountHelpWindow #VerificationEmail .button {
  margin: auto auto !important;
  display: block !important;
  border: none !important;
  right: 0 !important;
  position: relative;
  border-radius: 3px;
  float: none;
  width: 100%;
  top: 25px;
  padding: 0;
}
#AccountHelpWindow #ResetPassword .button ::after,
#AccountHelpWindow #ForgotUsername .button ::after,
#AccountHelpWindow #VerificationEmail .button ::after {
  background: #4177af !important;
}
#AccountHelpWindow #ResetPassword h1 {
  margin-top: 0;
  line-height: 40px;
}
@media screen and (max-width: 425px) {
  #NewId h2 {
    margin-bottom: 0 !important;
  }
  #NewId .form-group {
    height: 70px !important;
    margin: 0 !important;
  }
  #NewId .form-group label {
    float: none !important;
    width: 100% !important;
  }
  #NewId .form-group input {
    float: none !important;
    width: 100% !important;
  }
}
#NewUser .container {
  position: relative;
}
#NewUser .container .title {
  color: #fff;
  text-shadow: 0px 0px 5px #a6bdff;
  margin: 10px 0 25px 0px;
  line-height: 25px;
  font-size: 30px;
  text-align: left;
  width: auto;
  float: left;
  padding: 0;
}
#NewUser .container .title-row {
  margin: 1% 0 3% 0%;
  position: relative;
  width: 100%;
  height: 20px;
}
#NewUser #Subtitle .right {
  margin: 10px 0 25px 0px;
}
#NewUser {
  margin-bottom: 100px;
}
#CreateAccount .birthday ul.country,
#CreateAccount .countries ul.country {
  top: 60px !important;
}
#CreateAccount {
  background: linear-gradient(to right, rgba(48,51,153,0.341), #1c1e5b, rgba(48,51,153,0.341));
  overflow: hidden !important;
  position: relative;
  float: left;
  padding: 2%;
  width: 96%;
  z-index: 2;
  left: -1px;
  margin-top: 10px;
}
#CreateAccount .subroutine {
  letter-spacing: 2.3px;
  text-align: center;
  position: relative;
  font-weight: 300;
  margin-top: 12px;
  font-size: 12px;
  color: #a3bcd2;
  bottom: 10px;
}
#CreateAccount #Step1,
#CreateAccount #Step2,
#CreateAccount #Step3,
#CreateAccount #Step4 {
  position: absolute;
  width: 96%;
  padding: 0 2%;
}
#CreateAccount #Step4 .next {
  margin-top: 30px;
}
#CreateAccount .background {
  background: url("/assets/img/line-lightblue.png");
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  opacity: 0.2;
}
#CreateAccount .background-icon {
  left: 20px;
  top: -10px;
}
#CreateAccount .corners {
  position: absolute;
  pointer-events: none;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#CreateAccount .corners * {
  position: absolute;
}
#CreateAccount .corners .left {
  top: 0;
  left: 0;
  width: 5px;
  height: 2px;
  border-top: 1px solid #6495ed;
  border-left: 1px solid #6495ed;
}
#CreateAccount .corners .right {
  top: 0;
  right: 0;
  width: 5px;
  height: 2px;
  border-top: 1px solid #6495ed;
  border-right: 1px solid #6495ed;
}
#CreateAccount .corners .bottomleft {
  bottom: 0;
  left: 0;
  width: 5px;
  height: 2px;
  border-bottom: 1px solid #6495ed;
  border-left: 1px solid #6495ed;
}
#CreateAccount .corners .bottomright {
  bottom: 0;
  right: 0;
  width: 5px;
  height: 2px;
  border-bottom: 1px solid #6495ed;
  border-right: 1px solid #6495ed;
}
#CreateAccount #UserDetails .subroutine {
  margin-top: 30px;
}
#CreateAccount #UserDetails,
#CreateAccount #AccountDetails,
#CreateAccount #Confirmation,
#CreateAccount #SocialLogin {
  position: relative;
  z-index: 2;
}
#CreateAccount h2 {
  padding: 20px 0;
  font-size: 50px;
  text-shadow: 0px 0px 5px rgba(255,255,255,0.5);
}
#CreateAccount label {
  font-weight: 500;
  color: #6495ed;
  text-align: left;
  margin: 0 0 10px 0;
  letter-spacing: 0.7px;
  float: left;
  width: 100%;
}
#CreateAccount input {
  width: 100% !important;
  font-size: 17px;
  letter-spacing: 1px;
  font-weight: 300;
  margin: 0 0 10px 0;
  transition: 200ms;
  color: #68abde;
  border: 1px solid #172567;
  padding: 12px;
  font-size: 15px;
}
#CreateAccount input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #213b98 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#CreateAccount input:focus {
  color: #fff !important;
  border: 1px solid #6495ed !important;
  border-left: 3px solid #fff !important;
  background: #111640;
}
#CreateAccount input::placeholder {
  color: #88adde;
}
#CreateAccount .prev {
  position: absolute;
  color: #fff;
  font-size: 25px;
  top: 10px;
  left: 10px;
  cursor: pointer;
  opacity: 1 !important;
  transition: all 3s ease-in-out;
}
#CreateAccount .prev:hover,
#CreateAccount .prev:active {
  opacity: 1;
}
#CreateAccount .prev:active {
  text-shadow: 0 0 10px #fff;
}
#CreateAccount .next {
  text-align: center;
}
#CreateAccount .button {
  width: 90%;
  position: relative;
  margin: 1% auto;
  width: 80%;
  height: auto;
  padding: 16px 0px;
  right: 0;
  bottom: 0;
  float: none;
  border-radius: 0;
  border: 0px;
  display: inline-block;
  border-radius: 1px;
  font-size: 15px;
  background: linear-gradient(100deg, #14428e, #113062, #14428e);
}
#CreateAccount .button:after {
  top: 0 !important;
  height: 100% !important;
  width: 100% !important;
  left: 0%;
  transform: translate(0, 0);
}
#CreateAccount .button:hover {
  border: 0px;
}
#CreateAccount .button:hover :after {
  height: 100% !important;
  top: 0 !important;
  left: 5%;
  transform: translate(0, 0);
}
#CreateAccount .birthday ul.years,
#CreateAccount .birthday ul.months,
#CreateAccount .birthday ul.days,
#CreateAccount .birthday ul.country {
  top: 44px !important;
}
#CreateAccount .birthday,
#CreateAccount .countries {
  margin: 10px 0 20px 0;
  position: relative;
}
#CreateAccount .birthday input,
#CreateAccount .countries input {
  margin-bottom: 0;
}
#CreateAccount .birthday div.year,
#CreateAccount .countries div.year,
#CreateAccount .birthday div.month,
#CreateAccount .countries div.month,
#CreateAccount .birthday div.day,
#CreateAccount .countries div.day,
#CreateAccount .birthday .countries,
#CreateAccount .countries .countries {
  width: 30%;
  margin: 0 2%;
  float: left;
  position: relative;
}
#CreateAccount .birthday div.year i,
#CreateAccount .countries div.year i,
#CreateAccount .birthday div.month i,
#CreateAccount .countries div.month i,
#CreateAccount .birthday div.day i,
#CreateAccount .countries div.day i,
#CreateAccount .birthday .countries i,
#CreateAccount .countries .countries i {
  position: absolute;
  top: 10px;
  right: 25px;
}
#CreateAccount .birthday ul.years,
#CreateAccount .countries ul.years,
#CreateAccount .birthday ul.months,
#CreateAccount .countries ul.months,
#CreateAccount .birthday ul.days,
#CreateAccount .countries ul.days,
#CreateAccount .birthday ul.country,
#CreateAccount .countries ul.country {
  top: 55px;
  position: absolute;
  width: 99.5%;
  z-index: 10;
  background: #08073a;
  border: 1px solid transparent;
  height: 0px;
  overflow-y: scroll;
  transition: 200ms;
  float: left;
}
#CreateAccount .birthday ul.years li,
#CreateAccount .countries ul.years li,
#CreateAccount .birthday ul.months li,
#CreateAccount .countries ul.months li,
#CreateAccount .birthday ul.days li,
#CreateAccount .countries ul.days li,
#CreateAccount .birthday ul.country li,
#CreateAccount .countries ul.country li {
  color: #85addb;
  transition: 91ms;
  padding: 10px 10px 5px 10px;
  text-shadow: 0 0 10px rgba(46,75,128,0.69);
  border: 0px solid transparent;
}
#CreateAccount .birthday ul.years li:hover,
#CreateAccount .countries ul.years li:hover,
#CreateAccount .birthday ul.months li:hover,
#CreateAccount .countries ul.months li:hover,
#CreateAccount .birthday ul.days li:hover,
#CreateAccount .countries ul.days li:hover,
#CreateAccount .birthday ul.country li:hover,
#CreateAccount .countries ul.country li:hover {
  border-left: 3px solid #0f45a7;
  box-shadow: inset 2px 0 10px rgba(0,0,0,0.17);
  background: #1a246d;
  cursor: pointer;
}
#CreateAccount .birthday ul.years::-webkit-scrollbar,
#CreateAccount .countries ul.years::-webkit-scrollbar,
#CreateAccount .birthday ul.months::-webkit-scrollbar,
#CreateAccount .countries ul.months::-webkit-scrollbar,
#CreateAccount .birthday ul.days::-webkit-scrollbar,
#CreateAccount .countries ul.days::-webkit-scrollbar,
#CreateAccount .birthday ul.country::-webkit-scrollbar,
#CreateAccount .countries ul.country::-webkit-scrollbar {
  width: 4%;
}
#CreateAccount .birthday ul.years::-webkit-scrollbar-track,
#CreateAccount .countries ul.years::-webkit-scrollbar-track,
#CreateAccount .birthday ul.months::-webkit-scrollbar-track,
#CreateAccount .countries ul.months::-webkit-scrollbar-track,
#CreateAccount .birthday ul.days::-webkit-scrollbar-track,
#CreateAccount .countries ul.days::-webkit-scrollbar-track,
#CreateAccount .birthday ul.country::-webkit-scrollbar-track,
#CreateAccount .countries ul.country::-webkit-scrollbar-track {
  background: transparent;
}
#CreateAccount .birthday ul.years::-webkit-scrollbar-thumb,
#CreateAccount .countries ul.years::-webkit-scrollbar-thumb,
#CreateAccount .birthday ul.months::-webkit-scrollbar-thumb,
#CreateAccount .countries ul.months::-webkit-scrollbar-thumb,
#CreateAccount .birthday ul.days::-webkit-scrollbar-thumb,
#CreateAccount .countries ul.days::-webkit-scrollbar-thumb,
#CreateAccount .birthday ul.country::-webkit-scrollbar-thumb,
#CreateAccount .countries ul.country::-webkit-scrollbar-thumb {
  background: #1a246d;
  border-radius: 5px;
}
#CreateAccount .birthday ul.country,
#CreateAccount .countries ul.country {
  height: 170px;
  top: 60px !important;
}
#CreateAccount .birthday ul.country li,
#CreateAccount .countries ul.country li {
  text-align: left;
}
#CreateAccount .birthday :first-child,
#CreateAccount .countries :first-child {
  margin-left: 0 !important;
  margin-bottom: 0;
}
#CreateAccount .birthday :last-child,
#CreateAccount .countries :last-child {
  margin-right: 0 !important;
  margin-bottom: 0;
}
#CreateAccount .countries input {
  margin: 0 !important;
}
#CreateAccount .genders {
  position: relative;
  margin-bottom: 10px;
  margin: 10px 0 0px 0;
  width: 100%;
  height: 80px;
}
#CreateAccount .genders input {
  width: auto !important;
  padding: 0 10px;
  display: none;
}
#CreateAccount .genders label {
  cursor: pointer;
  color: #88adde;
  font-weight: 300;
  width: 29.4%;
  float: left;
  text-align: center;
  margin: 0 0.5%;
  padding: 1%;
  background: rgba(0,0,0,0.2);
  border: 1px solid #172567;
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 14px;
}
#CreateAccount .genders label.active {
  background: #0a0e54;
  border: 1px solid #6495ed;
  color: #fff;
  box-shadow: inset 2x 0px 17px rgba(0,0,0,0.25);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#CreateAccount .genders .custom-gender {
  position: absolute;
  top: -7px;
  left: 240px;
  opacity: 0;
  visibility: hidden;
}
#CreateAccount .genders .custom-gender .custom {
  width: auto !important;
  padding: 10px;
}
#CreateAccount .genders .fa-transgender {
  font-size: 24px;
}
#CreateAccount .newsletter input {
  width: auto !important;
  padding: 0 10px;
  display: none;
}
#CreateAccount .newsletter label {
  cursor: pointer;
  color: #88adde;
  width: 98%;
  float: left;
  padding: 1%;
  text-align: center;
  border: 1px solid #172567;
  background: rgba(0,0,0,0.2);
  box-shadow: inset 2px 0px 17px rgba(0,0,0,0.15);
  font-family: 'Roboto';
  font-weight: 500;
  letter-spacing: 2px;
  text-transform: uppercase;
  font-size: 13px;
}
#CreateAccount .newsletter label.active {
  background: #0a0e54;
  border: 1px solid #0a83ff;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px) {
  #CreateAccount .newsletter label {
    padding: 2% 0;
  }
}
.captcha {
  text-align: left;
}
.captcha .key {
  padding: 5px;
  border-radius: 0 0px 0px 0;
  margin: 10px 0 0 0;
}
.reset-recaptcha {
  color: #4483f4;
  font-weight: 300;
  cursor: pointer;
  text-align: center;
  width: 100%;
  font-size: 12px;
  margin: 0 10px;
}
re-captcha {
  display: inline-block;
}
#Agreement {
  width: 33%;
  float: right;
  position: absolute;
  z-index: 1;
  right: 2%;
}
#Agreement .terms {
  height: 405px;
  overflow-y: scroll;
  padding: 1%;
  background: #fff;
  border: 2px solid #4a5bb5;
  position: relative;
  padding: 10%;
}
#Agreement .terms h3 {
  font-size: 20px;
  line-height: auto;
  color: #385dc4;
  font-weight: 500;
  text-transform: uppercase;
  padding-top: 0px;
}
#Agreement .terms p {
  color: #000;
  font-weight: 400;
  font-size: 13px;
}
#Agreement .terms a {
  color: #385dc4;
}
#Agreement .terms::-webkit-scrollbar {
  width: 5px;
}
#Agreement .terms::-webkit-scrollbar-track {
  background: #283593;
}
#Agreement .terms::-webkit-scrollbar-thumb {
  background-color: #6892ff;
  outline: 1px solid #708090;
}
#Agreement .agreement-prompt {
  color: #fff;
  font-size: 12px;
  font-weight: 300;
  width: 90%;
  text-align: center;
  padding: 2% 5%;
  background: #454390;
  text-transform: uppercase;
  line-height: 15px;
}
#Agreement .agreement-prompt input {
  width: 10px;
  height: 10px;
  -webkit-appearance: none;
  background-color: #fafafa;
  border: 1px solid #cacece;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
  padding: 4px;
  border-radius: 2px;
  display: inline-block;
  position: relative;
  outline: none;
}
#Agreement .agreement-prompt input:checked {
  background-color: #e9ecee;
  border: 1px solid #adb8c0;
  box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
  color: #99a1a7;
  outline: none;
}
#Agreement .agreement-prompt input:checked:after {
  content: '\2714';
  font-size: 14px;
  position: absolute;
  top: -7px;
  left: 0px;
  color: #4282f4;
  outline: none;
}
#Agreement .agreement-prompt label .box-borders .top,
#Agreement .agreement-prompt label .box-borders .right,
#Agreement .agreement-prompt label .box-borders .bottom,
#Agreement .agreement-prompt label .box-borders .left {
  position: absolute;
  background: #7c7ade;
  box-shadow: 0 0 3px #7c7ade;
}
.background-icon {
  position: absolute;
  z-index: 1;
  font-size: 93px;
  left: 0px;
  top: 20px;
  color: rgba(66,81,189,0.4);
  text-shadow: none;
}
@media screen and (max-width: 768px) {
  #CreateAccount {
    width: 96% !important;
    float: none;
    top: 10px;
    width: 100%;
    right: 0;
  }
  #CreateAccount h2 {
    margin: 0 !important;
  }
  #CreateAccount .genders label {
    width: 27% !important;
  }
  #Agreement {
    position: relative;
    margin-top: 30px;
    width: 100%;
    right: 0;
  }
  .subroutine {
    display: none;
  }
}
@media screen and (max-width: 980px) {
  #CreateAccount {
    padding: 2%;
    width: 96%;
    transform: translateX(0%) !important;
  }
  #CreateAccount .birthday-select select {
    width: 32%;
  }
  #CreateAccount .newsletter label {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 968px) {
  .button {
    margin-top: 40px;
  }
}
@media screen and (min-width: 1700px) {
  .reset-recaptcha {
    bottom: 73px !important;
  }
}
#UserComponent #AccountPicture {
  height: 100px;
  width: 100px;
  background: #000;
  border: 2px solid #2f2f2f;
  position: absolute;
  top: -155px;
  right: 0;
  z-index: 12;
  overflow: hidden;
}
#UserComponent #AccountPicture img {
  width: 100%;
}
#UserComponent .container {
  margin-top: 0;
  padding: 0;
  background: transparent;
  text-align: left;
}
#UserComponent .container .crowd-box {
  min-width: 260px;
}
#UserComponent .placeholder:hover {
  border: 0px dotted transparent;
  cursor: default;
}
#UserComponent .full h1,
#UserComponent .half h1,
#UserComponent .twothird h1,
#UserComponent .third h1 {
  font-size: 25px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  float: left;
  text-shadow: none;
  width: 100%;
  margin-bottom: 25px;
  padding-left: 10px;
}
#UserComponent .profile h1 {
  margin-bottom: 15px !important;
  padding-left: 0px;
}
#UserComponent .full {
  width: 98% !important;
  float: left !important;
  margin: 1%;
}
#UserComponent .third {
  width: 31% !important;
  float: left !important;
  margin: 1%;
}
#UserComponent .twothird {
  width: 65% !important;
  float: left !important;
  margin: 1%;
}
#UserComponent .half {
  width: 48% !important;
  float: left !important;
  margin: 1%;
}
#UserComponent .contents {
  min-height: 410px;
}
#UserComponent .user {
  margin: 10px 0;
}
#UserComponent .profile {
  border-bottom: 1px solid #2e639a;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #2e588a 100%);
  color: #fff;
  padding: 15px 20px;
  font-weight: 100;
  margin: 20px 0 20px 0;
  position: relative;
}
#UserComponent .profile h1 {
  float: left;
}
#UserComponent .profile .title {
  float: right;
  position: absolute;
  right: 20px;
  color: #ccc;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  text-align: left;
  margin-bottom: 5px;
}
#UserComponent .profile p {
  margin: 0 !important;
}
#UserComponent .title h4 {
  margin-left: 0;
  margin-top: 5px;
  font-size: 21px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  float: left;
  text-shadow: none;
  cursor: pointer;
}
#UserComponent .info-container {
  padding-top: 80px;
}
#UserComponent h4 {
  position: relative;
  z-index: 1;
  font-size: 30px;
  margin-left: 10px;
  color: #fff;
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
  text-align: left;
  margin-bottom: 0px;
  padding: 0;
  margin-top: 10px;
}
#UserComponent ul {
  text-align: center;
}
#UserComponent li {
  display: inline-block !important;
  float: none !important;
  min-width: 270px;
  margin: 0 0 4% 0 !important;
}
#UserComponent .crowd-description {
  line-height: 19px;
}
#UserComponent .stock {
  background: rgba(0,226,22,0.2);
  left: 0;
}
#UserComponent .next {
  color: #22a8e6;
  float: right;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
#UserComponent .prev {
  color: #22a8e6;
  float: left;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
#UserComponent #PurchasedProducts,
#UserComponent #PurchasedItems {
  height: 94%;
}
#UserComponent #PurchasedProducts ::-webkit-scrollbar,
#UserComponent #PurchasedItems ::-webkit-scrollbar {
  width: 12px;
}
#UserComponent #PurchasedProducts ::-webkit-scrollbar-track,
#UserComponent #PurchasedItems ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}
#UserComponent #PurchasedProducts ::-webkit-scrollbar-thumb,
#UserComponent #PurchasedItems ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#UserComponent #PurchasedProducts li.no-products,
#UserComponent #PurchasedItems li.no-products {
  margin-top: 20px !important;
  text-align: left !important;
}
#UserComponent #PurchasedProducts li.no-products .store-link,
#UserComponent #PurchasedItems li.no-products .store-link {
  margin-top: 10px !important;
}
#UserComponent #PurchasedProducts li.no-products .store-link h5,
#UserComponent #PurchasedItems li.no-products .store-link h5 {
  padding: 12px 0;
}
#UserComponent #PurchasedProducts li.purchase,
#UserComponent #PurchasedItems li.purchase {
  text-align: left;
  position: relative;
  padding: 0 !important;
  border-radius: 1px;
  display: inline-block;
  transition: 200ms ease-in-out;
  margin: 3px 0px 15px;
  width: 98%;
  min-height: 105px;
}
#UserComponent #PurchasedProducts li.purchase:before,
#UserComponent #PurchasedItems li.purchase:before {
  position: relative;
  width: 110%;
  left: -5%;
  height: 1px;
  background: #fff;
  border-top: 1px solid #00f;
}
#UserComponent #PurchasedProducts li.purchase .crowd-title,
#UserComponent #PurchasedItems li.purchase .crowd-title {
  padding: 15px 0 2px 15px;
}
#UserComponent #PurchasedProducts li.purchase .crowd-images,
#UserComponent #PurchasedItems li.purchase .crowd-images {
  float: left;
  margin: 10px 20px 10px 10px;
}
#UserComponent #PurchasedProducts li.purchase .crowd-images .slide,
#UserComponent #PurchasedItems li.purchase .crowd-images .slide {
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  width: 250px;
}
#UserComponent #PurchasedProducts li.purchase .container,
#UserComponent #PurchasedItems li.purchase .container {
  background: rgba(69,109,169,0);
  border-top: 1px solid #2d5d94;
  width: 100%;
  padding: 0% !important;
}
#UserComponent #PurchasedProducts li.purchase .Face,
#UserComponent #PurchasedItems li.purchase .Face,
#UserComponent #PurchasedProducts li.purchase .Back,
#UserComponent #PurchasedItems li.purchase .Back {
  position: absolute;
  top: 0;
  height: 100%;
  border-bottom: 1px solid #2e639a;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #2e588a 100%);
}
#UserComponent #PurchasedProducts li.purchase .Face,
#UserComponent #PurchasedItems li.purchase .Face {
  transform: rotateY(0deg);
  backface-visibility: inherit;
  display: block;
  opacity: 1;
}
#UserComponent #PurchasedProducts li.purchase .Back,
#UserComponent #PurchasedItems li.purchase .Back {
  transform: rotateY(180deg);
  backface-visibility: hidden;
  display: none;
  opacity: 0;
}
#UserComponent #PurchasedProducts li.purchase .Back h5,
#UserComponent #PurchasedItems li.purchase .Back h5 {
  text-align: center;
  padding: 15px 0 0 0px;
}
#UserComponent #PurchasedProducts li.purchase .Back hr,
#UserComponent #PurchasedItems li.purchase .Back hr {
  width: 80%;
  margin: 12px auto;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #5e84b1 50%, rgba(46,88,138,0) 100%);
  height: 1px;
  border: none;
}
#UserComponent #PurchasedProducts li.purchase .Info,
#UserComponent #PurchasedItems li.purchase .Info {
  width: 92%;
  margin: 10px 16px;
  line-height: 20px;
  color: #ccc;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
}
@media screen and (max-width: 1200px) {
  #UserComponent #PurchasedProducts li.purchase .Info,
  #UserComponent #PurchasedItems li.purchase .Info {
    margin: 0 16px 10px 16px;
  }
}
#UserComponent #PurchasedProducts li.purchase .Description,
#UserComponent #PurchasedItems li.purchase .Description {
  width: 92%;
  margin: 10px 16px;
  line-height: 20px;
  color: #ccc;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 13px;
  letter-spacing: 1px;
}
#UserComponent #PurchasedProducts li.purchase .beta_access,
#UserComponent #PurchasedItems li.purchase .beta_access {
  z-index: 3;
  font-size: 16px;
  color: #9ea3b5;
  float: right;
  position: absolute;
  top: 62px;
  left: 281px;
  cursor: default;
  text-shadow: 0 0 17px #294688;
}
#UserComponent #PurchasedProducts li.purchase .crowd-details .box-info,
#UserComponent #PurchasedItems li.purchase .crowd-details .box-info {
  float: right;
}
#UserComponent #PurchasedProducts li.purchase .owner,
#UserComponent #PurchasedItems li.purchase .owner {
  position: absolute;
  right: 16px;
  bottom: 7px;
  font-size: 9px;
  color: #c3dc85;
  line-height: 17px;
  text-transform: capitalize;
}
#UserComponent #PurchasedProducts li.purchase .Items,
#UserComponent #PurchasedItems li.purchase .Items {
  height: auto;
  width: 90%;
  margin: 0 10px;
}
#UserComponent #PurchasedProducts li.purchase .Items .fa,
#UserComponent #PurchasedItems li.purchase .Items .fa {
  float: left;
  margin: -5px 5px 0 12px;
  font-size: 28px;
  height: 100%;
}
#UserComponent #PurchasedProducts li.purchase .Items h4,
#UserComponent #PurchasedItems li.purchase .Items h4 {
  font-size: 25px;
  margin-left: 10px;
  padding: 0;
  color: #f7f9ff;
}
#UserComponent #PurchasedProducts li.purchase .Items li,
#UserComponent #PurchasedItems li.purchase .Items li {
  float: left;
  margin: 0 0 0 0px;
}
#UserComponent #PurchasedProducts li.purchase .Actions,
#UserComponent #PurchasedItems li.purchase .Actions {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 98%;
  opacity: 1;
  color: #c6deff;
  transition: all 0.2s ease-in-out;
  margin: 1%;
}
#UserComponent #PurchasedProducts li.purchase .Actions:hover,
#UserComponent #PurchasedItems li.purchase .Actions:hover {
  opacity: 1 !important;
}
#UserComponent #PurchasedProducts li.purchase .Actions .share,
#UserComponent #PurchasedItems li.purchase .Actions .share,
#UserComponent #PurchasedProducts li.purchase .Actions .copies,
#UserComponent #PurchasedItems li.purchase .Actions .copies,
#UserComponent #PurchasedProducts li.purchase .Actions .gift,
#UserComponent #PurchasedItems li.purchase .Actions .gift {
  position: relative;
  padding: 5px 5px 1px 6px;
  cursor: pointer;
  float: left;
}
#UserComponent #PurchasedProducts li.purchase .Actions .share span,
#UserComponent #PurchasedItems li.purchase .Actions .share span,
#UserComponent #PurchasedProducts li.purchase .Actions .copies span,
#UserComponent #PurchasedItems li.purchase .Actions .copies span,
#UserComponent #PurchasedProducts li.purchase .Actions .gift span,
#UserComponent #PurchasedItems li.purchase .Actions .gift span {
  transition: 400ms;
}
#UserComponent #PurchasedProducts li.purchase .Actions .share:hover span,
#UserComponent #PurchasedItems li.purchase .Actions .share:hover span,
#UserComponent #PurchasedProducts li.purchase .Actions .copies:hover span,
#UserComponent #PurchasedItems li.purchase .Actions .copies:hover span,
#UserComponent #PurchasedProducts li.purchase .Actions .gift:hover span,
#UserComponent #PurchasedItems li.purchase .Actions .gift:hover span {
  opacity: 1 !important;
}
#UserComponent #PurchasedProducts li.purchase .Actions .share .icon,
#UserComponent #PurchasedItems li.purchase .Actions .share .icon,
#UserComponent #PurchasedProducts li.purchase .Actions .copies .icon,
#UserComponent #PurchasedItems li.purchase .Actions .copies .icon,
#UserComponent #PurchasedProducts li.purchase .Actions .gift .icon,
#UserComponent #PurchasedItems li.purchase .Actions .gift .icon {
  margin: 5px 0px 0 0;
  margin-right: 5px;
}
#UserComponent #PurchasedProducts li.purchase .Actions .copies,
#UserComponent #PurchasedItems li.purchase .Actions .copies {
  border-radius: 4px;
  cursor: pointer;
}
#UserComponent #PurchasedProducts li.purchase .Actions .copies .icon-radio-checked2,
#UserComponent #PurchasedItems li.purchase .Actions .copies .icon-radio-checked2 {
  margin-left: 5px;
}
#UserComponent #PurchasedProducts li.purchase .Actions .copies .viewHover,
#UserComponent #PurchasedItems li.purchase .Actions .copies .viewHover {
  left: -30% !important;
}
#UserComponent #PurchasedProducts li.purchase .Actions .copies .icon,
#UserComponent #PurchasedItems li.purchase .Actions .copies .icon {
  opacity: 0.9;
  font-size: 14px;
}
#UserComponent #PurchasedProducts li.purchase .Actions .gift,
#UserComponent #PurchasedItems li.purchase .Actions .gift {
  float: left;
}
#UserComponent #PurchasedProducts li.purchase .Actions .view,
#UserComponent #PurchasedItems li.purchase .Actions .view {
  float: left;
  padding: 5px 5px 1px 6px;
  cursor: pointer;
}
#UserComponent #PurchasedProducts li.purchase .Actions .view .icon,
#UserComponent #PurchasedItems li.purchase .Actions .view .icon {
  cursor: pointer;
  margin: 4px 5px 0 0;
  opacity: 1;
  float: left;
  font-size: 15px;
}
#UserComponent #PurchasedProducts li.purchase .Actions .viewHover,
#UserComponent #PurchasedItems li.purchase .Actions .viewHover {
  font-size: 14px;
  text-transform: uppercase;
  margin: 0px 2px;
}
#UserComponent #PurchasedProducts li.purchase .Actions .copies:hover,
#UserComponent #PurchasedItems li.purchase .Actions .copies:hover,
#UserComponent #PurchasedProducts li.purchase .Actions .share:hover,
#UserComponent #PurchasedItems li.purchase .Actions .share:hover,
#UserComponent #PurchasedProducts li.purchase .Actions .gift:hover,
#UserComponent #PurchasedItems li.purchase .Actions .gift:hover {
  color: #fff;
}
#UserComponent #PurchasedProducts li.purchase:hover #Actions,
#UserComponent #PurchasedItems li.purchase:hover #Actions {
  opacity: 0.9;
}
@media screen and (max-width: 980px) {
  #UserComponent #PurchasedProducts li.purchase,
  #UserComponent #PurchasedItems li.purchase {
    position: relative;
    padding: 0;
    border-radius: 1px;
    display: inline-block;
    margin: 10px;
  }
  #UserComponent #PurchasedProducts li.purchase #Items,
  #UserComponent #PurchasedItems li.purchase #Items {
    position: absolute;
    width: 100%;
  }
  #UserComponent #PurchasedProducts li.purchase .owner,
  #UserComponent #PurchasedItems li.purchase .owner {
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  #UserComponent #PurchasedProducts li.purchase,
  #UserComponent #PurchasedItems li.purchase {
    margin: 5% 10px;
  }
  #UserComponent #PurchasedProducts .description,
  #UserComponent #PurchasedItems .description {
    padding: 0 10px;
    line-height: 22px;
    padding: 0 15px !important;
  }
  #UserComponent #PurchasedProducts #Actions,
  #UserComponent #PurchasedItems #Actions {
    padding: 0.6% 0 1.3% 4.5% !important;
  }
}
#UserComponent #PurchasedItems {
  text-align: center;
}
#UserComponent #PurchasedItems .borders {
  position: absolute;
}
#UserComponent #PurchasedItems .borders .left-border {
  width: 1px;
  height: 160px;
  left: -1px;
  top: -15px;
  background: linear-gradient(to bottom, rgba(22,67,119,0) 0%, #2773a9 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#UserComponent #PurchasedItems .borders .top-border {
  width: 260px;
  height: 1px;
  left: -18px;
  top: -1px;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #2773a9 10%, rgba(46,88,138,0) 100%);
  position: absolute;
}
#UserComponent #PurchasedItems li {
  margin: 0 0 10% 0 !important;
  position: relative;
  font-size: 13px;
  top: 0;
  border-bottom: 1px solid #2e639a !important;
  background: linear-gradient(to bottom, #164377 34%, #2e588a 100%);
  width: auto;
  display: inline-block;
  border-radius: 2px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  min-width: auto;
  min-height: 170px !important;
}
#UserComponent #PurchasedItems li h5 {
  text-align: center;
  padding: 20px;
  font-size: 20px;
  position: absolute;
  bottom: 0;
}
#UserComponent #PurchasedItems li .icon-box {
  position: absolute;
  transform: scale(0.6);
  left: 0px;
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #1e68a2;
  background: url("/assets/img/video-overlay.png") #1d3f73;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  text-align: center;
}
#UserComponent #PurchasedItems li .icon-box .icon {
  color: #a1ecff;
  font-size: 14px;
  padding: 3px;
}
#UserComponent #PurchasedItems li .quantity {
  position: absolute;
  bottom: 5px;
  right: 5px;
  opacity: 0;
  transition: 200ms;
  text-shadow: 0 0 0 2px #000;
}
#UserComponent #PurchasedItems li:hover .quantity {
  opacity: 1;
}
#UserComponent #PurchasedItems li .menu {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
#UserComponent #PurchasedItems li .actions-menu {
  background: rgba(19,44,70,0.95);
  border-radius: 4px;
  padding: 4px;
  width: 130px;
  border: 1px solid #33658a;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  height: 45px;
  position: absolute;
  top: 20px;
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  right: 25px;
}
#UserComponent #PurchasedItems li .actions-menu .share,
#UserComponent #PurchasedItems li .actions-menu .copies,
#UserComponent #PurchasedItems li .actions-menu .gift,
#UserComponent #PurchasedItems li .actions-menu .more-info {
  position: relative;
  padding: 5px 5px 1px 6px;
  float: left;
  cursor: pointer;
}
#UserComponent #PurchasedItems li .actions-menu .share span,
#UserComponent #PurchasedItems li .actions-menu .copies span,
#UserComponent #PurchasedItems li .actions-menu .gift span,
#UserComponent #PurchasedItems li .actions-menu .more-info span {
  transition: 400ms;
}
#UserComponent #PurchasedItems li .actions-menu .share:hover span,
#UserComponent #PurchasedItems li .actions-menu .copies:hover span,
#UserComponent #PurchasedItems li .actions-menu .gift:hover span,
#UserComponent #PurchasedItems li .actions-menu .more-info:hover span {
  opacity: 1 !important;
}
#UserComponent #PurchasedItems li .actions-menu .share .icon,
#UserComponent #PurchasedItems li .actions-menu .copies .icon,
#UserComponent #PurchasedItems li .actions-menu .gift .icon,
#UserComponent #PurchasedItems li .actions-menu .more-info .icon {
  margin-right: 5px;
}
#UserComponent #PurchasedItems li .info-button {
  bottom: 5px;
  position: absolute;
  right: -20px;
  font-size: 16px;
}
#UserComponent #PurchasedItems .no-products {
  width: 100% !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left !important;
}
#UserComponent #PurchasedItems .no-products .store-link {
  padding: 4px 9px;
}
#Notifications {
  transform: skew(33.3deg);
}
#Notifications #Icons {
  position: absolute;
  top: 12px;
  right: 72px;
  min-width: 110px;
}
#Notifications #Icons .people,
#Notifications #Icons .messages {
  color: #fff;
  float: left;
}
#Notifications #Icons .people i,
#Notifications #Icons .messages i {
  background: rgba(85,124,232,0);
  padding: 5px;
  border-radius: 5px;
  font-size: 22px;
  margin: 10px;
  transition: 200ms;
  cursor: pointer;
}
#Notifications #Icons .people:hover i,
#Notifications #Icons .messages:hover i {
  background: rgba(85,124,232,0.5);
}
#Notifications #Expansions ul {
  overflow: hidden;
}
#Notifications #FriendsMenu {
  max-height: 0px;
  overflow: hidden;
  z-index: 15;
  top: 50px;
  position: absolute;
  background: linear-gradient(-145deg, rgba(42,75,169,0.79) 0%, rgba(41,43,82,0.75) 18%, rgba(9,10,21,0.75) 85%);
  max-height: 200px;
  width: 91%;
  right: 80px;
  min-width: 450px;
}
#Notifications #FriendsMenu,
#Notifications #Messages {
  position: relative;
  background: #19385a;
  color: #fff;
  position: fixed;
  bottom: -278px;
  right: 5%;
  width: 230px;
  max-height: 0px;
  overflow: hidden;
  z-index: 100;
}
#Notifications #FriendsMenu .top,
#Notifications #Messages .top {
  cursor: pointer;
  width: 107%;
  height: 23px;
  top: -3%;
  position: relative;
  left: -3%;
  padding: 5px 0;
}
#Notifications #FriendsMenu .fa-circle,
#Notifications #Messages .fa-circle {
  float: left;
  font-size: 10px;
  color: #4caf50;
  margin: 6px 9px 7px 8px;
  cursor: pointer;
}
#Notifications #FriendsMenu .fa-caret-up,
#Notifications #Messages .fa-caret-up,
#Notifications #FriendsMenu .fa-caret-down,
#Notifications #Messages .fa-caret-down {
  cursor: pointer;
  float: right;
  margin: 3px 9px 0px 0px;
  text-shadow: 0 0 1px #000;
}
#Notifications #FriendsMenu .title,
#Notifications #Messages .title {
  display: inline-block;
  border: 1px solid transparent;
  font-size: 12px;
  color: #fff;
  padding: 5px 1px;
  letter-spacing: 1.6px;
  line-height: 23px;
  transition: background 0.1s ease-in-out;
  width: 70%;
  margin: 0 0 3% 0;
  text-align: left;
  border-radius: 0px;
  transition: 140ms;
  padding: 0;
  float: left;
}
#Notifications #FriendsMenu #FriendMenu,
#Notifications #Messages #FriendMenu {
  height: 30px;
  margin-bottom: 10px;
  position: relative;
  top: -5px;
}
#Notifications #FriendsMenu #FriendMenu li,
#Notifications #Messages #FriendMenu li {
  cursor: pointer;
  float: left;
  font-size: 12px;
  width: 33%;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  color: rgba(208,208,208,0.55);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
#Notifications #FriendsMenu #FriendSearch,
#Notifications #Messages #FriendSearch {
  position: absolute;
  bottom: 0;
  width: 96%;
}
#Notifications #FriendsMenu #FriendSearch input,
#Notifications #Messages #FriendSearch input {
  padding: 3%;
  background: #0b2442;
  border: 1px solid #21446c;
  color: #91d0d4;
  letter-spacing: 0.6px;
  border-radius: 2px 2px 0 0;
  margin-bottom: 6px;
  font-size: 11px;
  width: 231px;
}
#Notifications #Friends li,
#Notifications #FriendRequests li,
#Notifications #SearchResults li {
  height: 60px;
  position: relative;
}
#Notifications #Friends li.label,
#Notifications #FriendRequests li.label,
#Notifications #SearchResults li.label {
  height: auto;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(208,208,208,0.55);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
#Notifications #Friends .no-friends,
#Notifications #FriendRequests .no-friends,
#Notifications #SearchResults .no-friends,
#Notifications #Friends .row-title,
#Notifications #FriendRequests .row-title,
#Notifications #SearchResults .row-title {
  color: #576c86;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  text-shadow: 0px 1px 0 #121635;
  height: 18px;
  line-height: 10px;
  margin-bottom: 10px;
}
#Notifications #Friends .profile.pic,
#Notifications #FriendRequests .profile.pic,
#Notifications #SearchResults .profile.pic {
  width: 50px;
  height: 50px;
  background: #0b2442;
  overflow: hidden;
  float: left;
}
#Notifications #Friends .profile.pic img,
#Notifications #FriendRequests .profile.pic img,
#Notifications #SearchResults .profile.pic img {
  width: 100%;
}
#Notifications #Friends .profile.name,
#Notifications #FriendRequests .profile.name,
#Notifications #SearchResults .profile.name {
  font-family: Lato;
  font-weight: 400;
  margin: 0 0 0 60px;
  font-size: 18px;
  color: #57abe8;
  text-shadow: 0px 1px 0 rgba(0,0,0,0.5);
  top: 3px;
  position: relative;
  cursor: pointer;
}
#Notifications #Friends .profile.last-online,
#Notifications #FriendRequests .profile.last-online,
#Notifications #SearchResults .profile.last-online {
  font-family: Lato;
  font-weight: 400;
  font-size: 12px;
  margin: 0 0 0 60px;
  color: #8cbee2;
}
#Notifications #Friends .action,
#Notifications #FriendRequests .action,
#Notifications #SearchResults .action {
  width: 25px;
  height: 22px;
  text-align: center;
  padding: 3px 0 0 0;
  background: url("/assets/img/video-overlay.png") #0c2e54;
  border: 1px solid #366c94;
  color: #57abe8;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 5px;
}
#Notifications #Friends .action .hover,
#Notifications #FriendRequests .action .hover,
#Notifications #SearchResults .action .hover {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -30px;
  right: -27px;
  color: #fff;
  width: 80px;
  background: rgba(0,0,0,0.6);
  font-size: 11px;
  border-radius: 3px;
  transition: 300ms;
  text-transform: capitalize;
}
#Notifications #Friends .action:hover .hover,
#Notifications #FriendRequests .action:hover .hover,
#Notifications #SearchResults .action:hover .hover {
  opacity: 1;
  visibility: visible;
}
#Notifications #Messages {
  position: relative;
  background: #19385a;
  color: #fff;
  padding: 0.5%;
  position: fixed;
  bottom: -278px;
  right: 340px;
  width: 230px;
  height: 300px !important;
  box-shadow: -1px -1px 2px rgba(0,0,0,0.28);
  border-top: 1px solid #33658a;
  border-right: 1px solid #33658a;
  border-left: 1px solid #33658a;
  border-radius: 3px 3px 0 0;
  bottom: 0 !important;
  z-index: 100;
}
#Notifications #Messages .top {
  margin-bottom: 5px;
  padding: 0;
}
#Notifications #Messages .top .closechat {
  margin: 2px 10px 3px 10px !important;
  float: right !important;
  color: #69a9d8 !important;
}
#Notifications #Messages .messages {
  overflow-y: scroll;
  width: 100%;
  height: 240px;
}
#Notifications #Messages .messages li {
  margin: 10px;
}
#Notifications #Messages .messages li.from {
  margin: 10px 10px 10px 20px;
}
#Notifications #Messages .messages li.to {
  margin: 15px 25px 15px 0px;
}
#Notifications #Messages .messages li.to .body {
  background: #40648c;
}
#Notifications #Messages .messages li .label {
  font-weight: 600;
  color: #d8d8d8;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 0px;
  line-height: 11px;
  margin-bottom: 5px;
}
#Notifications #Messages .messages li .body {
  background: #234e7d;
  padding: 7px 10px;
  border-radius: 4px;
  line-height: 17px;
  font-size: 13px;
}
#Notifications #Messages .messages::-webkit-scrollbar {
  width: 5px;
}
#Notifications #Messages .messages::-webkit-scrollbar-track {
  background: transparent;
}
#Notifications #Messages .messages::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #57abe8;
  outline: 1px solid #708090;
}
#Notifications #Messages .title {
  margin: 0 0 1% 0;
}
#Notifications #Messages .message .top i.fa-moon-o {
  float: left;
  font-size: 13px;
  color: #69a9d8;
  margin: 4px 9px 7px 8px;
  cursor: pointer;
}
#Features {
  width: auto;
  text-align: center;
  color: #2af;
  left: 0;
  padding: 15px;
  border-radius: 0px;
  border: 1px solid;
  margin: 25px auto 40px auto;
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(122,178,255,0.39) !important;
}
#Features .show-features {
  float: right;
  font-size: 14px;
  margin-top: 2px;
  letter-spacing: 1px;
  cursor: pointer;
  color: #22a8fd !important;
}
#Features .show-features i {
  font-size: 20px;
  margin: 0 10px;
}
#Features .news-links-list {
  height: 20px;
  margin: 10px 0 5px 0px;
  width: 100%;
  height: 30px;
}
#Features .crowd-box {
  border: 1px solid transparent !important;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  line-height: 15px;
  font-weight: 400;
  padding: 0;
  margin-bottom: 10px;
  transition: 0.1s ease-in-out;
  font-family: 'Lato';
  min-height: 365px;
  background: linear-gradient(to bottom, #122b63 75%, #122b63 100%) !important;
  margin: 3% 2% !important;
  overflow: hidden;
  display: inline-block;
  width: 260px;
  border-radius: 0;
}
#Features .crowd-box:hover {
  box-shadow: 0px 5px 10px rgba(1,3,16,0.3);
}
#Features .crowd-box .sideA,
#Features .crowd-box .sideB {
  height: 378px;
}
#Features .crowd-box .crowd-title {
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 17px;
  line-height: 20px;
  z-index: 10;
  position: relative;
}
#Features .crowd-box .crowd-images {
  left: 0;
  position: absolute;
  top: 0;
  box-shadow: 0px 1px 5px rgba(0,0,0,0.19);
  height: auto;
  width: 100%;
}
#Features .crowd-box .crowd-description {
  color: #6495ed;
  line-height: 19px;
}
#Features .crowd-box .crowd-pleaser {
  bottom: 0 !important;
  padding: 2%;
}
#Features .crowd-box .crowd-pleaser sup {
  bottom: 5px;
  position: relative;
}
#Features .crowd-box .crowd-pleaser small {
  color: #9fb5bf;
}
#Features .crowd-box .crowd-pleaser .button.buy {
  width: 100%;
  right: 0;
  margin: 10px 0;
  border: 1px solid #2196f3;
}
#Features .crowd-box .crowd-pleaser .buton.buy:hover {
  transform: translateY(-2px) !important;
}
#Features .crowd-box .crowd-buy {
  bottom: 67px;
}
#Features .crowd-box .crowd-buy small {
  right: 20px !important;
  top: 0px;
  left: auto;
}
#Features .container {
  margin-top: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  text-align: left;
}
#Features .container .crowd-box {
  min-width: 260px;
}
#Features .contents {
  min-height: 410px;
}
@media screen and (max-width: 768px) {
  #Features .contents {
    min-height: 330px;
  }
}
#Features .contents .controls {
  margin: 10px;
  height: 20px;
}
#Features .title h4 {
  margin-left: 0;
  margin-top: 5px;
  font-size: 21px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  float: left;
  text-shadow: none;
  cursor: pointer;
}
#Features .info-container {
  padding-top: 150px;
}
#Features h4 {
  position: relative;
  z-index: 1;
  font-size: 30px;
  margin-left: 10px;
  color: #fff;
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
  text-align: left;
  margin-bottom: 0px;
  padding: 0;
  margin-top: 10px;
}
#Features ul {
  text-align: center;
}
#Features li {
  display: inline-block !important;
  float: none !important;
  min-width: 270px;
  margin: 6% 6% !important;
}
@media screen and (max-width: 800px) {
  #Features li {
    margin: 10% 4% !important;
  }
}
#Features .crowd-description {
  line-height: 19px;
}
#Features .stock {
  background: rgba(0,226,22,0.2);
  left: 0;
}
#Features .next {
  color: #22a8e6;
  float: right;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
#Features .prev {
  color: #22a8e6;
  float: left;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
.news-body h5 {
  color: #fff;
  height: 20px;
  margin: 0 0 10px 0;
}
.news-body p {
  color: #fff;
  margin: 20px 0;
  line-height: 22px;
}
#Chat .title-row {
  margin: 0 0 0px 0 !important;
}
#Discord {
  left: 0;
  width: auto;
  padding: 0;
  text-align: center;
  border-radius: 0px;
  border: none !important;
  margin: 19px auto 40px auto;
}
#Discord .Members {
  width: 23%;
  margin-right: 2%;
  float: left;
}
#Discord .Members ul li {
  width: 100%;
  min-width: auto;
  margin: 0 !important;
  position: relative !important;
  height: 40px !important;
  padding: 6px 0 0px 0;
  border-radius: 3px;
  cursor: pointer;
  margin-bottom: 3px !important;
}
#Discord .Members ul li .background {
  top: 0;
  left: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  position: absolute;
  background: linear-gradient(to right, #353535 0%, #383838 60%, #353535 100%);
}
#Discord .Members ul li:hover .background {
  opacity: 1;
}
#Discord .Members ul li .header {
  position: absolute;
  left: 80px;
}
#Discord .Members ul li .avatar {
  z-index: 1;
  margin: 0 0 0 7px;
  float: left;
  width: 16%;
  position: relative;
  border-radius: 100px;
  overflow: hidden;
}
#Discord .Members ul li .avatar img {
  width: 100%;
  height: auto;
}
#Discord .Members ul li .author {
  z-index: 1;
  float: left;
  width: 65%;
  text-align: left;
  position: relative;
  margin: 10px 5% 0px 5%;
  font-size: 13px;
  margin-right: 0;
  font-weight: 500;
  cursor: pointer;
  text-overflow: ellipsis;
  overflow: hidden;
}
#Discord .Members ul li .date {
  float: left;
  margin-top: 13px;
  margin-left: 10px;
  font-size: 12px;
  font-family: 'Roboto';
  text-transform: initial;
  color: #d6d6d6;
}
#Discord .Messages {
  width: 75%;
  float: left;
}
#Discord .Messages .fr-quick-insert,
#Discord .Messages .fr-placeholder,
#Discord .Messages .fr-counter,
#Discord .Messages .fr-toolbar {
  display: none;
}
#Discord .Messages .fr-element,
#Discord .Messages .fr-view {
  text-align: left;
}
#Discord .Messages .fr-basic p {
  line-height: 24px;
  font-weight: 300;
}
#Discord .Messages textarea {
  padding: 5px 10px;
  line-height: 20px;
  height: 100px;
}
#Discord .Messages ul li {
  border-bottom: 1px solid #2b2b2b !important;
  margin-bottom: 3% !important;
  padding: 0 !important;
}
#Discord .Messages ul li .avatar {
  margin: 10px;
  height: 50px;
  width: 50px;
  float: left;
  overflow: hidden;
  border-radius: 100px;
}
#Discord .Messages ul li .avatar img {
  width: 100%;
  height: 100%;
}
#Discord .Messages ul li .author {
  font-size: 16px;
  font-weight: 800;
  color: #e8e8e8;
  text-align: left;
  margin-top: 12px;
  float: left;
}
#Discord .Messages ul li .date {
  float: left;
  margin-top: 13px;
  margin-left: 10px;
  font-size: 12px;
  font-family: 'Roboto';
  text-transform: initial;
  color: #d6d6d6;
}
#Discord .Messages ul li .message {
  font-family: 'Lato';
  font-size: 16px;
  text-transform: none;
  color: #e4e4e4;
  margin-top: 6px;
  position: relative;
  top: -40px;
  left: 70px;
  font-weight: 300;
  letter-spacing: 1px;
  text-align: left;
  width: 88%;
  line-height: 19px;
}
#Discord .Messages ul li .compose {
  color: #e4e4e4;
  font-family: 'Lato';
  font-size: 16px;
  width: 100%;
  line-height: 24px;
  font-size: 16px;
  padding: 10px 15px;
  outline: none;
  background: rgba(0,0,0,0.2);
  line-height: 22px;
  letter-spacing: 1px;
}
#Discord .show-features {
  float: right;
  font-size: 14px;
  margin-top: 2px;
  letter-spacing: 1px;
  cursor: pointer;
  color: #22a8fd !important;
}
#Discord .show-features i {
  font-size: 20px;
  margin: 0 10px;
}
#Discord .container {
  margin-top: 0;
  padding: 0;
  width: 100%;
  background: transparent;
  text-align: left;
}
#Discord .container .crowd-box {
  min-width: 260px;
}
#Discord .contents {
  min-height: 410px;
}
@media screen and (max-width: 768px) {
  #Discord .contents {
    min-height: 330px;
  }
}
#Discord .contents .controls {
  margin: 10px;
  height: 20px;
}
#Discord .title h4 {
  margin-left: 0;
  margin-top: 5px;
  font-size: 21px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  float: left;
  text-shadow: none;
  cursor: pointer;
}
#Discord .info-container {
  padding-top: 150px;
}
#Discord h4 {
  position: relative;
  z-index: 1;
  font-size: 30px;
  margin-left: 10px;
  color: #fff;
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
  text-align: left;
  margin-bottom: 0px;
  padding: 0;
  margin-top: 10px;
}
#Discord .crowd-description {
  line-height: 19px;
}
#Discord .stock {
  background: rgba(0,226,22,0.2);
  left: 0;
}
#Discord .next {
  color: #22a8e6;
  float: right;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
#Discord .prev {
  color: #22a8e6;
  float: left;
  cursor: pointer;
  font-size: 13px;
  text-transform: capitalize;
}
#Products {
  padding: 4% 3%;
  border-radius: 3px;
}
#Products li.loader {
  overflow: hidden;
  width: 45% !important;
  border: none !important;
  height: 350px !important;
  box-shadow: none !important;
  background: rgba(61,61,61,0.361) !important;
  margin: 0% 2.5% 2% 0% !important;
  border: 0px solid transparent !important;
}
#Products li.loader .background {
  background: linear-gradient(to right, transparent, #ababab, transparent) !important;
  animation: loader 2s infinite !important;
  position: absolute !important;
  height: 100% !important;
  width: 140px !important;
  left: -150px !important;
  opacity: 0.1 !important;
  top: 0 !important;
}
#Products li.loader .title-line {
  margin: -20px 20px 0 -12px;
  bottom: 82px !important;
  border-radius: 1px;
  position: absolute;
  background: #fff;
  font-size: 31px;
  opacity: 0.1;
  height: 16px;
  width: 150px;
  left: 45px;
}
#Products li.loader .image {
  border-radius: 100px !important;
  font-size: 60px !important;
  height: 100px !important;
  width: 100px !important;
  position: absolute;
  background: #fff;
  opacity: 0.1;
  left: 38.2%;
  top: 27%;
}
#Products li.loader .description-line,
#Products li.loader .description-line-two {
  position: absolute;
  background: #fff;
  bottom: 55px;
  width: 285px;
  opacity: 0.1;
  height: 14px;
  left: 33px;
}
#Products li.loader .description-line-two {
  bottom: 30px;
  width: 255px;
}
#Products .top-row {
  margin: 20px;
}
#Products .views {
  float: right;
}
#Products .views .fa {
  cursor: pointer;
  border-radius: 3px;
  padding: 5px;
  margin-right: 10px;
}
#Products .views .fa:active {
  backgroud: #5a5a5a;
}
#Products #ProductDescription {
  background: rgba(0,0,0,0.5) !important;
  border: 1px solid #3256af !important;
  border-radius: 0;
  margin: 2%;
  padding: 2%;
  font-size: 12px !important;
  line-height: 25px;
  text-transform: uppercase;
  letter-spacing: 2px;
  height: auto;
}
#Products #PurchasedProducts .no-items {
  width: 94% !important;
  text-align: left;
  position: relative;
  padding: 2%;
  margin: 0 !important;
  margin-top: 2% !important;
  background: linear-gradient(to bottom, #254982, #193d77);
}
#Products #PurchasedProducts .no-items span.fa {
  margin: 0 10px 0 0;
  font-size: 15px;
}
#Products #PurchasedProducts .item_listings li {
  margin: 0% 4% 4% 0% !important;
}
#Products #PurchasedProducts .item_listings li .bg {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  position: absolute;
  background: url("/assets/img/patterns/project-paper.png");
}
#Products #PurchasedProducts .item_listings li .crowd-title {
  height: 80px !important;
  min-height: 80px !important;
  padding: 6% 6% 5% 6% !important;
}
#Products #PurchasedProducts,
#Products #PurchasedItems {
  height: 94%;
}
#Products #PurchasedProducts ::-webkit-scrollbar,
#Products #PurchasedItems ::-webkit-scrollbar {
  width: 12px;
}
#Products #PurchasedProducts ::-webkit-scrollbar-track,
#Products #PurchasedItems ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  border-radius: 10px;
}
#Products #PurchasedProducts ::-webkit-scrollbar-thumb,
#Products #PurchasedItems ::-webkit-scrollbar-thumb {
  border-radius: 10px;
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#Products #PurchasedProducts li.no-products,
#Products #PurchasedItems li.no-products {
  margin-top: 20px !important;
  text-align: left !important;
}
#Products #PurchasedProducts li.no-products .store-link,
#Products #PurchasedItems li.no-products .store-link {
  margin-top: 10px !important;
}
#Products #PurchasedProducts li.no-products .store-link h5,
#Products #PurchasedItems li.no-products .store-link h5 {
  padding: 12px 0;
}
#Products #PurchasedProducts li.purchase,
#Products #PurchasedItems li.purchase {
  text-align: left;
  position: relative;
  padding: 0 !important;
  border-radius: 1px;
  display: inline-block;
  transition: 200ms ease-in-out;
  margin: 3px 0px 15px;
  width: 100%;
  min-height: 135px;
}
#Products #PurchasedProducts li.purchase:before,
#Products #PurchasedItems li.purchase:before {
  position: relative;
  width: 110%;
  left: -5%;
  height: 1px;
  background: #fff;
  border-top: 1px solid #00f;
}
#Products #PurchasedProducts li.purchase .crowd-title,
#Products #PurchasedItems li.purchase .crowd-title {
  padding: 15px 0 2px 15px;
}
#Products #PurchasedProducts li.purchase .crowd-images,
#Products #PurchasedItems li.purchase .crowd-images {
  float: left;
  margin: 10px 20px 10px 10px;
}
#Products #PurchasedProducts li.purchase .crowd-images .slide,
#Products #PurchasedItems li.purchase .crowd-images .slide {
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  height: 80px;
  width: auto;
  background: #02122f;
}
#Products #PurchasedProducts li.purchase .container,
#Products #PurchasedItems li.purchase .container {
  background: rgba(69,109,169,0);
  border-top: 1px solid #2d5d94;
  width: 100%;
  padding: 0% !important;
}
#Products #PurchasedProducts li.purchase .Face,
#Products #PurchasedItems li.purchase .Face,
#Products #PurchasedProducts li.purchase .Back,
#Products #PurchasedItems li.purchase .Back {
  position: absolute;
  top: 0;
  height: 100%;
  border-bottom: 1px solid #2e639a;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #2e588a 100%);
}
#Products #PurchasedProducts li.purchase .Face,
#Products #PurchasedItems li.purchase .Face {
  transform: rotateY(0deg);
  backface-visibility: inherit;
  display: block;
  opacity: 1;
}
#Products #PurchasedProducts li.purchase .Back,
#Products #PurchasedItems li.purchase .Back {
  transform: rotateY(180deg);
  backface-visibility: hidden;
  display: none;
  opacity: 0;
}
#Products #PurchasedProducts li.purchase .Back h5,
#Products #PurchasedItems li.purchase .Back h5 {
  text-align: center;
  padding: 15px 0 0 0px;
}
#Products #PurchasedProducts li.purchase .Back hr,
#Products #PurchasedItems li.purchase .Back hr {
  width: 80%;
  margin: 12px auto;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #5e84b1 50%, rgba(46,88,138,0) 100%);
  height: 1px;
  border: none;
}
#Products #PurchasedProducts li.purchase .Info,
#Products #PurchasedItems li.purchase .Info {
  width: 92%;
  margin: 10px 16px;
  line-height: 20px;
}
@media screen and (max-width: 1200px) {
  #Products #PurchasedProducts li.purchase .Info,
  #Products #PurchasedItems li.purchase .Info {
    margin: 0 16px 10px 16px;
  }
}
#Products #PurchasedProducts li.purchase .Description,
#Products #PurchasedItems li.purchase .Description {
  padding: 0 10px;
  line-height: 23px;
  height: auto;
  top: 110px;
  left: 10px;
  width: 90%;
  margin-bottom: 10px;
}
#Products #PurchasedProducts li.purchase .beta_access,
#Products #PurchasedItems li.purchase .beta_access {
  z-index: 3;
  font-size: 16px;
  color: #9ea3b5;
  float: right;
  position: absolute;
  top: 62px;
  left: 281px;
  cursor: default;
  text-shadow: 0 0 17px #294688;
}
#Products #PurchasedProducts li.purchase .crowd-details .box-info,
#Products #PurchasedItems li.purchase .crowd-details .box-info {
  float: right;
}
#Products #PurchasedProducts li.purchase .owner,
#Products #PurchasedItems li.purchase .owner {
  position: absolute;
  right: 16px;
  bottom: 7px;
  font-size: 9px;
  color: #c3dc85;
  line-height: 17px;
  text-transform: capitalize;
}
#Products #PurchasedProducts li.purchase .Items,
#Products #PurchasedItems li.purchase .Items {
  height: auto;
  width: 90%;
  margin: 0 10px;
}
#Products #PurchasedProducts li.purchase .Items .fa,
#Products #PurchasedItems li.purchase .Items .fa {
  float: left;
  margin: -5px 5px 0 12px;
  font-size: 28px;
  height: 100%;
}
#Products #PurchasedProducts li.purchase .Items h4,
#Products #PurchasedItems li.purchase .Items h4 {
  font-size: 25px;
  margin-left: 10px;
  padding: 0;
  color: #f7f9ff;
}
#Products #PurchasedProducts li.purchase .Items li,
#Products #PurchasedItems li.purchase .Items li {
  float: left;
  margin: 0 0 0 0px;
}
#Products #PurchasedProducts li.purchase .Actions,
#Products #PurchasedItems li.purchase .Actions {
  position: absolute;
  bottom: 0px;
  left: 0px;
  width: 98%;
  opacity: 1;
  color: #c6deff;
  transition: all 0.2s ease-in-out;
  margin: 1%;
}
#Products #PurchasedProducts li.purchase .Actions:hover,
#Products #PurchasedItems li.purchase .Actions:hover {
  opacity: 1 !important;
}
#Products #PurchasedProducts li.purchase .Actions .share,
#Products #PurchasedItems li.purchase .Actions .share,
#Products #PurchasedProducts li.purchase .Actions .copies,
#Products #PurchasedItems li.purchase .Actions .copies,
#Products #PurchasedProducts li.purchase .Actions .gift,
#Products #PurchasedItems li.purchase .Actions .gift {
  position: relative;
  padding: 5px 5px 1px 6px;
  cursor: pointer;
  float: left;
}
#Products #PurchasedProducts li.purchase .Actions .share span,
#Products #PurchasedItems li.purchase .Actions .share span,
#Products #PurchasedProducts li.purchase .Actions .copies span,
#Products #PurchasedItems li.purchase .Actions .copies span,
#Products #PurchasedProducts li.purchase .Actions .gift span,
#Products #PurchasedItems li.purchase .Actions .gift span {
  transition: 400ms;
}
#Products #PurchasedProducts li.purchase .Actions .share:hover span,
#Products #PurchasedItems li.purchase .Actions .share:hover span,
#Products #PurchasedProducts li.purchase .Actions .copies:hover span,
#Products #PurchasedItems li.purchase .Actions .copies:hover span,
#Products #PurchasedProducts li.purchase .Actions .gift:hover span,
#Products #PurchasedItems li.purchase .Actions .gift:hover span {
  opacity: 1 !important;
}
#Products #PurchasedProducts li.purchase .Actions .share i,
#Products #PurchasedItems li.purchase .Actions .share i,
#Products #PurchasedProducts li.purchase .Actions .copies i,
#Products #PurchasedItems li.purchase .Actions .copies i,
#Products #PurchasedProducts li.purchase .Actions .gift i,
#Products #PurchasedItems li.purchase .Actions .gift i {
  margin: 5px 0px 0 0;
  margin-right: 5px;
}
#Products #PurchasedProducts li.purchase .Actions .copies,
#Products #PurchasedItems li.purchase .Actions .copies {
  top: 10px;
  right: 10px;
  z-index: 10;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  position: absolute;
  background: #1d2f6d;
  pointer-events: none;
}
#Products #PurchasedProducts li.purchase .Actions .copies .icon-radio-checked2,
#Products #PurchasedItems li.purchase .Actions .copies .icon-radio-checked2 {
  margin-left: 5px;
}
#Products #PurchasedProducts li.purchase .Actions .copies .viewHover,
#Products #PurchasedItems li.purchase .Actions .copies .viewHover {
  left: -30% !important;
}
#Products #PurchasedProducts li.purchase .Actions .copies i,
#Products #PurchasedItems li.purchase .Actions .copies i {
  opacity: 0.9;
  font-size: 14px;
}
#Products #PurchasedProducts li.purchase .Actions .gift,
#Products #PurchasedItems li.purchase .Actions .gift {
  float: left;
}
#Products #PurchasedProducts li.purchase .Actions .view,
#Products #PurchasedItems li.purchase .Actions .view {
  float: left;
  padding: 5px 5px 1px 6px;
  cursor: pointer;
}
#Products #PurchasedProducts li.purchase .Actions .view i,
#Products #PurchasedItems li.purchase .Actions .view i {
  cursor: pointer;
  margin: 0 5px 0 0;
  opacity: 1;
  float: left;
  font-size: 15px;
}
#Products #PurchasedProducts li.purchase .Actions .copies:hover,
#Products #PurchasedItems li.purchase .Actions .copies:hover,
#Products #PurchasedProducts li.purchase .Actions .share:hover,
#Products #PurchasedItems li.purchase .Actions .share:hover,
#Products #PurchasedProducts li.purchase .Actions .gift:hover,
#Products #PurchasedItems li.purchase .Actions .gift:hover {
  color: #fff;
}
#Products #PurchasedProducts li.purchase:hover #Actions,
#Products #PurchasedItems li.purchase:hover #Actions {
  opacity: 0.9;
}
#Products #PurchasedProducts #ProductImages,
#Products #PurchasedItems #ProductImages {
  box-shadow: none;
  max-height: 225px;
  background: none !important;
}
#Products #PurchasedProducts .crowd-actions,
#Products #PurchasedItems .crowd-actions {
  opacity: 0;
  right: 5px;
  width: 150px;
  float: right;
  bottom: 50px;
  overflow: hidden;
  margin-top: 10px;
  max-height: 400px;
  position: relative;
  transform: scale(0.9);
}
#Products #PurchasedProducts .crowd-actions li,
#Products #PurchasedItems .crowd-actions li {
  width: auto;
  height: 15px;
  padding: 10px;
  color: #dcdcdc;
  cursor: pointer;
  overflow-y: hidden;
  margin-right: 0 !important;
  margin-bottom: 0 !important;
  margin-top: 0 !important;
}
#Products #PurchasedProducts .crowd-actions li .viewHover,
#Products #PurchasedItems .crowd-actions li .viewHover {
  height: 15px;
  width: auto;
  max-width: 0;
  margin-left: 0px;
  overflow: hidden;
  display: inline-block;
  transition: all 350ms ease-in-out;
}
#Products #PurchasedProducts .crowd-actions li:hover,
#Products #PurchasedItems .crowd-actions li:hover {
  background: rgba(0,0,0,0.271);
}
#Products #PurchasedProducts .crowd-actions li:hover .viewHover,
#Products #PurchasedItems .crowd-actions li:hover .viewHover {
  max-width: 200px;
  margin-left: 5px;
}
@media screen and (max-width: 980px) {
  #Products #PurchasedProducts li.purchase,
  #Products #PurchasedItems li.purchase {
    position: relative;
    padding: 0;
    border-radius: 1px;
    display: inline-block;
    margin: 10px;
  }
  #Products #PurchasedProducts li.purchase #Items,
  #Products #PurchasedItems li.purchase #Items {
    position: absolute;
    width: 100%;
  }
  #Products #PurchasedProducts li.purchase .owner,
  #Products #PurchasedItems li.purchase .owner {
    padding: 0 16px;
  }
}
@media screen and (max-width: 768px) {
  #Products #PurchasedProducts li.purchase,
  #Products #PurchasedItems li.purchase {
    margin: 5% 10px;
  }
  #Products #PurchasedProducts .description,
  #Products #PurchasedItems .description {
    padding: 0 10px;
    line-height: 22px;
    padding: 0 15px !important;
  }
  #Products #PurchasedProducts #Actions,
  #Products #PurchasedItems #Actions {
    padding: 0.6% 0 1.3% 4.5% !important;
  }
}
#Products .item_listings {
  text-align: left !important;
}
#Products .crowd-box {
  z-index: 1;
  border-radius: 0;
  width: 45% !important;
  transition: all 0.4s cubic-bezier(0.6, 0.29, 0.31, 1.02);
  border: 2px solid #494a56;
  font-size: 13px;
  color: #fff;
  padding: 3px 8px;
  text-transform: uppercase;
  letter-spacing: 1.3px;
  line-height: 29px;
  font-weight: 400;
  margin-bottom: 10px;
  transition: all 0.3s ease-in-out;
  background: linear-gradient(to bottom, #122b63 75%, #122b63 100%);
  overflow: hidden;
  float: none;
  display: inline-block;
}
#Products .crowd-box:hover {
  border: 2px solid #494a56;
}
#Products .crowd-box .item-image {
  border-bottom: 1px solid #080808;
}
#Actions {
  position: relative !important;
  height: 60px;
}
#InternalDetails .included_items {
  opacity: 1 !important;
}
#ProductDetails {
  min-height: auto !important;
}
#ProductDetails a {
  font-weight: 300;
  font-size: 22px;
  margin-top: 8px;
  z-index: 10;
  color: #ddd;
}
#ProductDetails .crowd-title {
  position: relative;
  padding-bottom: 0;
}
#ProductDetails .crowd-title .borders {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
}
#ProductDetails .crowd-title .borders .top,
#ProductDetails .crowd-title .borders .bottom {
  left: 0;
  width: 100%;
  position: absolute;
}
#ProductDetails .crowd-title .borders .top {
  top: 0;
  transition: 200ms;
  border-top: 0px solid #56616f;
}
#ProductDetails .crowd-title .borders .bottom {
  bottom: 0;
  transition: 200ms;
  border-bottom: 0px solid #56616f;
}
#ProductDetails .crowd-title h5 {
  padding-bottom: 0px;
  margin-bottom: 0px;
}
#ProductDetails .copies {
  top: 19px;
  right: 19px;
  z-index: 10;
  padding: 10px;
  cursor: pointer;
  border-radius: 3px;
  position: absolute;
  background: rgba(29,47,109,0.729);
  border: 1px solid #536ab6;
  pointer-events: none;
}
#ProductDetails .copies .icon-radio-checked2 {
  margin-left: 5px;
}
#ProductDetails .copies .viewHover {
  left: -30% !important;
}
#ProductDetails .copies i {
  opacity: 0.9;
  font-size: 14px;
}
#ProductDetails .copies .background {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  background: url("/assts/img/stripe_blue.png");
}
#ProductDetails .actions-menu ul {
  position: absolute !important;
  box-shadow: 0 0 30px #000;
  background: #33393f;
  overflow: hidden;
  height: auto;
  width: 140px;
  right: 10px;
  z-index: 25;
  font-weight: 300;
}
#ProductDetails .actions-menu ul li {
  color: #ccc;
  border: none;
  font-weight: 300 !important;
}
#ProductDetails .actions-menu ul li span {
  margin-right: 5px;
}
#ProductDetails .actions-menu ul li:hover {
  color: #fff !important;
}
#ProductDetails .actions-menu i.menu-icon {
  z-index: 10;
  right: 10px;
  bottom: 23px;
  cursor: pointer;
  margin-top: 0px;
  max-height: auto;
  padding: 10px 10px;
  position: absolute;
  margin: 0 !important;
  width: 20px !important;
  height: 15px !important;
  font-size: 16px !important;
  color: rgba(255,255,255,0.5);
}
#FeaturesPage .title-row {
  border-bottom: none;
  height: 77px !important;
  margin: 0 0 19px 0 !important;
}
#FeaturesPage .direction-controls .box-borders {
  z-index: 1 !important;
}
#ProductNews {
  left: 0;
  width: auto;
  color: #2af;
  text-align: center;
  min-height: 350px;
  border-radius: 0px;
  margin: 23px 0 15px 0;
  padding: 20px 20px 15px 20px;
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(122,178,255,0.39) !important;
  position: relative;
  overflow: hidden;
}
#ProductNews h1 {
  margin-top: 5px !important;
  font-size: 21px !important;
  cursor: pointer;
}
#ProductNews .swoosh {
  background: linear-gradient(to right, transparent, #213b98, transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 240px;
  left: -150px;
  opacity: 0.25;
  top: 0;
}
#ProductNews .show-news {
  float: right;
  font-size: 14px;
  margin-top: 12px;
  letter-spacing: 1px;
  cursor: pointer;
}
#ProductNews .show-news i {
  font-size: 20px;
  margin: 0 10px;
}
#ProductNews .news-slider {
  overflow: hidden;
  transition: 500ms;
  margin-top: 17px;
}
#ProductNews .news-slider .next {
  float: right;
  cursor: pointer;
  font-size: 20px;
  text-transform: capitalize;
}
#ProductNews .news-slider .prev {
  float: left;
  cursor: pointer;
  font-size: 20px;
  text-transform: capitalize;
}
#ProductNews .news-slider .controls {
  height: 25px;
  margin-top: 10px;
}
#ProductNews time {
  cursor: default;
  color: #22aaf2;
  float: right;
  font-size: 15px;
  font-weight: 300;
}
#ProductNews time span {
  float: left;
}
#ProductNews time div {
  float: left;
  margin: 0 10px;
}
#ProductNews .news-body {
  color: #aed5ff;
  font-family: 'Roboto';
}
#ProductNews .news-body h5 {
  color: #f7f9ff;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 8px;
  text-align: left;
  font-family: 'Roboto';
  font-size: 20px;
}
#ProductNews .news-body p {
  text-align: left;
}
#ProductNews h1 {
  font-size: 26px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  float: left;
  text-shadow: none;
  margin: 0px;
}
#ProductNews .news-links-list {
  padding-top: 0px;
}
#ProductNews .crowd-title {
  font-size: 23px;
}
@media screen and (max-width: 600px) {
  .purchase {
    min-height: 225px !important;
  }
  .purchase .crowd-images {
    float: none !important;
    text-align: center;
    margin: 10px 20px 10px 10px;
  }
  .purchase .crowd-images .slide {
    display: inline-block;
  }
}
@media screen and (min-width: 1200px) {
  #Products #PurchasedItems li.purchase .Info {
    margin: 0 0 10px 16px;
  }
}
#Community .title-row {
  height: 50px;
  margin: 0 0 19px 0 !important;
}
#Community .title-row h5 {
  padding: 0;
  font-size: 19px;
  font-weight: 800;
  color: #92918d;
  line-height: 20px;
  padding-bottom: 6px;
}
#Community .title-row h1 {
  color: #c1c1c1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  font-size: 32px !important;
}
#Community .title-row .Left,
#Community .title-row .Right {
  width: 50%;
  float: left;
  height: 50px;
}
#Community .title-row .Right {
  text-align: right;
}
#Community .title-row .channel {
  margin-left: 3px;
  padding: 2px 12px;
  border-radius: 20px;
  cursor: pointer;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 1px;
  color: #e4e4e4;
  position: absolute;
  right: 0;
}
#Gift {
  position: relative;
}
.login-option {
  margin: 25px 20px;
}
#ActivatePage login-options {
  margin-bottom: 150px;
}
.login-options .actication-title {
  margin: 25px 20px;
  font-size: 35px;
  margin: 10px 0;
  padding: 12px 0;
}
.activation-icon {
  position: absolute;
  top: 13px;
  left: 10px;
  color: #4086e6;
}
#ActivatePage #success,
#RecoveryPage #success {
  color: #fff;
  overflow: hidden;
  font-size: 15px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: 0.3s ease-in height;
  z-index: 99;
  border: none;
  background: #048a0a;
  border-top: 1px solid rgba(17,214,11,0.61);
  border: 1px solid #20b32c;
  border-radius: 2px;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 2em !important;
  padding: 1.5% !important;
}
#ActivatePage h2.actication-title,
#RecoveryPage h2.actication-title {
  margin: 25px 20px;
  font-size: 28px;
  margin: 20px 0 0 0;
  padding: 0px 0;
  text-align: left;
}
#ActivatePage #ActivationKey,
#RecoveryPage #ActivationKey {
  position: relative;
  width: 100%;
  margin: 10px 0 20px 0;
}
#ActivatePage #ActivationKey i.gift-icon,
#RecoveryPage #ActivationKey i.gift-icon {
  position: absolute;
  top: 11px;
  left: 16px;
  color: #68baff;
  text-shadow: 0px 0 3px rgba(68,137,188,0.6);
}
#ActivatePage #ActivationKey input,
#RecoveryPage #ActivationKey input {
  width: 78%;
  margin: 0 !important;
  background: rgba(21,34,70,0.5) !important;
  margin: 20px 0;
  box-shadow: 0px 1px #000;
  border-radius: 3px;
  padding: 1%;
  border: 2px solid #445796;
  color: #4492de;
  font-size: 16px;
  text-shadow: 0 0 13px #25609d;
  text-align: left;
  font-family: monospace;
  font-size: 19px;
}
#ActivatePage #ActivationKey input::placeholder,
#RecoveryPage #ActivationKey input::placeholder {
  color: #4492de;
  text-align: center;
}
#ActivatePage #ActivationKey input:-webkit-autofill,
#RecoveryPage #ActivationKey input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
  border: 1px solid #3745a5;
}
#ActivatePage #ActivationKey input:active,
#RecoveryPage #ActivationKey input:active {
  border: 2px solid rgba(68,87,150,0.369);
}
#ActivatePage #ActivationKey .button,
#RecoveryPage #ActivationKey .button {
  float: right;
  width: 20%;
  border: none;
  margin: 0 !important;
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: 0.9px;
  text-shadow: 1px 0 0 #2a2f40;
  box-shadow: 1px 2px 6px #222;
  background: #2a2d52;
  color: #fff;
  transition: 150ms;
  outline-color: #5f80da;
  padding: 15px 20px;
}
#ActivatePage #ActivationKey .find-gifts,
#RecoveryPage #ActivationKey .find-gifts {
  float: right;
  width: 20%;
  border: none;
  margin: 0 !important;
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: 0.9px;
  text-shadow: 1px 0 0 #2a2f40;
  box-shadow: 1px 2px 6px #222;
  background: #2a2d52;
  color: #fff;
  transition: 150ms;
}
#ActivatePage #ActivationKey .find-gifts:hover,
#RecoveryPage #ActivationKey .find-gifts:hover {
  border: none !important;
  transform: translateY(-2px);
  border: 1px solid rgba(82,133,173,0.45);
}
#ActivatePage #NoProduct,
#RecoveryPage #NoProduct {
  color: #fff;
}
#ActivatePage #NoProduct #Product,
#RecoveryPage #NoProduct #Product {
  padding: 15px 30px;
}
#ActivatePage #NoProduct h5,
#RecoveryPage #NoProduct h5 {
  font-size: 32px;
  line-height: 33px;
  color: #385dc4;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 8px;
  margin-bottom: 10px;
}
#ActivatePage #Product,
#RecoveryPage #Product {
  background: rgba(0,0,0,0.33) !important;
  box-shadow: 0px 1px #000;
  padding: 11px;
  border-radius: 3px !important;
  margin-bottom: 10px;
}
#ActivatePage #Product li,
#RecoveryPage #Product li {
  list-style: none;
}
#ActivatePage #Product .product-box,
#RecoveryPage #Product .product-box {
  background: #00f;
  border: 1px solid #87ceeb;
}
#ActivatePage #Product #ProductImages,
#RecoveryPage #Product #ProductImages {
  width: 30%;
  float: left;
}
#ActivatePage #Product #ProductImages img,
#RecoveryPage #Product #ProductImages img {
  box-shadow: 0 0 9px #000;
  max-width: 100%;
}
#ActivatePage #Product #ProductDetails,
#RecoveryPage #Product #ProductDetails {
  width: 70%;
  margin: 0;
  border-radius: 3px;
  padding: 8px 10px !important;
  min-height: auto;
  box-shadow: none !important;
}
#ActivatePage #Product #ProductDetails .crowd-description,
#RecoveryPage #Product #ProductDetails .crowd-description {
  color: #fff;
  margin-bottom: 13px;
}
#ActivatePage #Product #ProductActions,
#RecoveryPage #Product #ProductActions {
  min-height: 130px;
  width: 30%;
  margin: 0% 0% 0 0;
  max-width: inherit;
  background: rgba(9,61,105,0) !important;
  float: right;
  position: relative;
}
#ActivatePage #Product #ProductActions .add-to-cart,
#RecoveryPage #Product #ProductActions .add-to-cart {
  background: #2e88d2;
  border: 1px solid #1f649c;
}
#ActivatePage #Product #ProductActions .crowd-pleaser,
#RecoveryPage #Product #ProductActions .crowd-pleaser {
  position: absolute;
  bottom: 23px;
  right: 0;
  width: 100%;
  padding: 0;
  height: 110px;
}
@media screen and (max-width: 425px) {
  #ActivatePage #Product #ProductImages,
  #RecoveryPage #Product #ProductImages {
    width: 100% !important;
  }
  #ActivatePage #Product #ProductDetails,
  #RecoveryPage #Product #ProductDetails {
    float: none !important;
    min-height: 160px !important;
    width: 100% !important;
    margin: 0 0 0 0% !important;
    max-width: inherit !important;
    background: #093d69 !important !important;
  }
  #ActivatePage #Product .crowd-pleaser,
  #RecoveryPage #Product .crowd-pleaser {
    width: 100% !important;
    margin: 0 !important;
    position: inherit !important;
    top: 10px !important;
  }
  #ActivatePage #Product .crowd-items,
  #RecoveryPage #Product .crowd-items {
    width: 94% !important;
  }
}
@media screen and (max-width: 768px) {
  #ActivatePage #Product #ProductImages,
  #RecoveryPage #Product #ProductImages {
    margin: 2% 0 5% 0;
  }
  #ActivatePage #Product #ProductDetails,
  #RecoveryPage #Product #ProductDetails {
    float: right;
    padding: 8px 10px 27px 10px !important;
  }
  #ActivatePage #Product #ProductActions,
  #RecoveryPage #Product #ProductActions {
    width: 30%;
  }
  #ActivatePage #Product #ProductActions .crowd-items,
  #RecoveryPage #Product #ProductActions .crowd-items {
    width: 30%;
  }
}
#ActivatePage #Product #Items,
#RecoveryPage #Product #Items {
  float: left;
  width: 60%;
  margin: 3% 0 0 0;
}
#ActivatePage #Product #Items h4,
#RecoveryPage #Product #Items h4 {
  font-size: 30px;
  margin-left: 20px;
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,0.33);
}
#ActivatePage #Product #Items ul,
#RecoveryPage #Product #Items ul {
  margin-left: 20px;
}
#ActivatePage #Product #Items ul li,
#RecoveryPage #Product #Items ul li {
  color: #68baff;
  float: left;
  margin: 0 20px 10px 0;
  font-size: 19px;
  text-shadow: 0 0 10px rgba(104,186,255,0.36);
}
@media screen and (max-width: 1200px) {
  #ActivatePage #Product #Items,
  #RecoveryPage #Product #Items {
    width: 60%;
  }
}
@media screen and (max-width: 980px) {
  #ActivatePage #Product #Items,
  #RecoveryPage #Product #Items {
    width: 60% !important;
    margin: 0% 0 0 0;
  }
}
#ActivatePage #Product .crowd-details,
#RecoveryPage #Product .crowd-details {
  position: relative;
}
#ActivatePage #Product .crowd-images,
#RecoveryPage #Product .crowd-images {
  float: left;
  margin-right: 20px;
}
#ActivatePage #Product .crowd-box,
#RecoveryPage #Product .crowd-box {
  min-height: 300px;
  width: 65%;
  margin: 0 1%;
  max-width: inherit;
  background: none !important;
  border: none !important;
}
#ActivatePage #Product .crowd-box:hover,
#RecoveryPage #Product .crowd-box:hover {
  border: none !important;
  box-shadow: 0px 0px 30px rgba(0,0,0,0);
}
#ActivatePage #Product .crowd-box .slide,
#RecoveryPage #Product .crowd-box .slide {
  width: auto;
}
#ActivatePage #Product .crowd-title,
#RecoveryPage #Product .crowd-title {
  text-shadow: none !important;
  padding-top: 0px;
}
#ActivatePage #Product .crowd-items,
#RecoveryPage #Product .crowd-items {
  position: absolute;
  top: 0;
  opacity: 1;
  visibility: visible;
  left: 30px;
  height: 35px;
  left: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.21);
  backgorund: rgba(42,52,84,0.95) !important;
  width: 50%;
  padding: 1% 5%;
}
@media screen and (max-width: 600px) {
  #ActivatePage #Product #ProductActions,
  #RecoveryPage #Product #ProductActions {
    float: none;
    width: 100%;
  }
  #ActivatePage #Product #Items,
  #RecoveryPage #Product #Items {
    float: none;
    width: 100% !important;
    margin: 0;
  }
  #ActivatePage #Product #Items h4,
  #RecoveryPage #Product #Items h4 {
    margin-left: 0px;
  }
  #ActivatePage #Product #Items ul,
  #RecoveryPage #Product #Items ul {
    margin-left: 0px;
  }
  #ActivatePage #Product #Items ul li,
  #RecoveryPage #Product #Items ul li {
    color: #68baff;
    float: left;
    margin: 0 20px 10px 0;
    font-size: 19px;
    text-shadow: 0 0 10px rgba(104,186,255,0.36);
  }
  #ActivatePage #Product .crowd-buy,
  #RecoveryPage #Product .crowd-buy {
    padding: 0;
    float: left;
    text-align: left;
    width: auto;
    bottom: 5px;
  }
  #ActivatePage #Product .crowd-items,
  #RecoveryPage #Product .crowd-items {
    width: 90%;
    padding: 2% 3%;
    position: inherit;
    float: none;
    height: auto;
  }
  #ActivatePage #Product .crowd-pleaser,
  #RecoveryPage #Product .crowd-pleaser {
    height: 90px !important;
    width: 100%;
    bottom: 0;
    top: 0px;
  }
  #ActivatePage #Product .crowd-pleaser .buy,
  #RecoveryPage #Product .crowd-pleaser .buy {
    float: right !important;
    bottom: auto;
    top: 33px;
  }
}
#ActivatePage #Product .crowd-pleaser,
#RecoveryPage #Product .crowd-pleaser {
  right: 0;
}
#ActivatePage #Product .crowd-pleaser .crowd-buy,
#RecoveryPage #Product .crowd-pleaser .crowd-buy {
  text-align: right;
}
#ActivatePage #Product .crowd-pleaser .crowd-buy small,
#RecoveryPage #Product .crowd-pleaser .crowd-buy small {
  text-decoration: line-through;
  font-size: 25px;
  color: #d4d4d4;
  position: absolute;
  text-align: right;
  top: -40px;
  right: 20px;
  width: auto;
  cursor: default;
}
#ActivatePage #Product .buy.button,
#RecoveryPage #Product .buy.button {
  position: absolute !important;
  float: right !important;
  right: 8px;
  width: 170px;
  bottom: 0px;
}
#ActivatePage #Product #ProductPoints,
#RecoveryPage #Product #ProductPoints {
  float: left;
  width: 100%;
}
#ActivatePage #Product .shop-link,
#RecoveryPage #Product .shop-link {
  margin: 0 20px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  background: transparent;
  color: #fff;
  letter-spacing: 0.3px;
  text-shadow: 2px 2px 4px #000;
}
#ActivatePage #Product .shop-link .icon,
#RecoveryPage #Product .shop-link .icon {
  position: relative;
  top: 6px;
  margin: 0 5px;
}
#ActivatePage #Product .product-items,
#RecoveryPage #Product .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#ActivatePage #Product .product-items.active,
#RecoveryPage #Product .product-items.active {
  bottom: 290px;
  visibility: visible;
  opacity: 1;
}
#ActivatePage #Product .product-description,
#RecoveryPage #Product .product-description {
  float: left;
  margin: 20px 0px 0 0;
  width: 50%;
  color: #fff !important;
}
#ActivatePage #Product .product-description .product-price,
#RecoveryPage #Product .product-description .product-price {
  font-size: 20px;
}
#ActivatePage #Product .product-details,
#RecoveryPage #Product .product-details {
  padding: 0 0 20px 0;
}
#ActivatePage #Product .product-items,
#RecoveryPage #Product .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#ActivatePage #Product .stock,
#RecoveryPage #Product .stock {
  width: auto;
  padding: 3px 10px;
  position: absolute;
  border: none;
  bottom: 0px;
  right: 2px;
  border-radius: 2px 0 3px 0;
}
#ActivatePage #Product .beta,
#RecoveryPage #Product .beta {
  opacity: 1;
  z-index: 1;
  border: 0 !important;
  width: auto;
  padding: 0px 10px 2px;
  position: absolute;
  right: 10px;
  left: auto;
  top: 10px;
  border-radius: 0 !important;
  transform: translateY(0px) !important;
}
@media screen and (max-width: 768px) {
  #ActivatePage #Product .beta,
  #RecoveryPage #Product .beta {
    bottom: 10px;
    left: 1px;
    right: initial;
    bottom: 0px;
    top: auto;
    border-radius: 2px 2px 2px 3px !important;
  }
}
#ActivatePage #Product .cart-button,
#RecoveryPage #Product .cart-button {
  float: right;
  color: #fff;
}
#ActivatePage #Product .cart-button .icon-cart,
#RecoveryPage #Product .cart-button .icon-cart {
  margin-top: 10px;
}
#ActivatePage #Product .cart-button .item-count,
#RecoveryPage #Product .cart-button .item-count {
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
}
#ActivatePage #Product .product-actions,
#RecoveryPage #Product .product-actions {
  color: #fff;
  float: left;
  text-align: right;
}
#ActivatePage #Product .product-actions .product-description,
#RecoveryPage #Product .product-actions .product-description {
  position: inherit;
  float: left;
}
#ActivatePage #Product .product-images,
#RecoveryPage #Product .product-images {
  float: left;
  margin: 20px 20px 0 0;
}
#ActivatePage #Product .productbullets li:first-child,
#RecoveryPage #Product .productbullets li:first-child {
  font-weight: 600;
  text-transform: uppercase;
}
#ActivatePage #Product .productdetails,
#RecoveryPage #Product .productdetails {
  margin: 20px 0;
  float: left;
  color: #fff;
}
#ActivatePage #Product .product-items,
#RecoveryPage #Product .product-items {
  opacity: 1;
}
#ActivatePage #Product .related-products .related-product,
#RecoveryPage #Product .related-products .related-product,
#ActivatePage #Product .related-products h4,
#RecoveryPage #Product .related-products h4 {
  font-size: 15px;
  line-height: 38px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
}
#ActivatePage .login-options h2,
#RecoveryPage .login-options h2 {
  text-align: left;
  font-size: 28px;
  margin: 0;
}
#ActivatePage .activation-prompt,
#RecoveryPage .activation-prompt {
  font-size: 15px;
  color: #fff;
  font-family: 'Roboto';
  letter-spacing: 0.8px;
  margin-top: 10px;
  margin-bottom: 20px;
}
#ActivatePage .account-active .icon-container,
#RecoveryPage .account-active .icon-container {
  margin-top: 30px;
  text-align: center;
}
#ActivatePage .account-active .icon-container .icon,
#RecoveryPage .account-active .icon-container .icon {
  font-size: 70px;
  color: #0688ff;
  text-shadow: 0 0 10px rgba(1,91,144,0.42);
}
#ActivatePage .account-active h2,
#RecoveryPage .account-active h2 {
  color: #0688ff;
  text-shadow: 0 0 10px rgba(6,136,255,0.42);
  font-size: 30px;
  margin: 20px;
}
#ActivatePage .account-active p.success,
#RecoveryPage .account-active p.success {
  color: #fff;
  text-align: center;
  padding: 10px;
  margin: 0 0 70px 0;
  font-size: 21px;
}
#ActivatePage .account-active .post-activation-options,
#RecoveryPage .account-active .post-activation-options {
  text-align: center;
}
#ActivatePage .account-active .post-activation-options li,
#RecoveryPage .account-active .post-activation-options li {
  display: inline-block;
  margin: 0 10px;
}
#ActivatePage .account-active .post-activation-options li a,
#RecoveryPage .account-active .post-activation-options li a {
  top: 0;
  transition: 300ms;
  color: #0688ff;
  position: relative;
  text-shadow: 1px 1px 2px rgba(26,73,115,0.96);
}
#ActivatePage .account-active .post-activation-options li a:hover,
#RecoveryPage .account-active .post-activation-options li a:hover {
  color: #83c4ff;
  top: -3px;
  text-shadow: 1px 1px 6px rgba(26,73,115,0.96);
}
#ActivatePage .account-inactive,
#RecoveryPage .account-inactive {
  margin: 20px 0;
}
#ActivatePage .account-inactive h2,
#RecoveryPage .account-inactive h2 {
  font-size: 30px;
  color: #3371e8;
  margin: 10px 0 20px 0;
}
#ActivatePage .account-inactive p,
#RecoveryPage .account-inactive p {
  color: #fff;
  font-weight: 300;
  font-size: 18px;
  line-height: 30px;
  margin-bottom: 70px;
  background: linear-gradient(to bottom, #1e458b, #192e53);
  padding: 14px;
  border: 1px solid #4186ff;
}
#Gift {
  position: relative;
}
.login-option {
  margin: 25px 20px;
}
.login-options .actication-title {
  margin: 25px 20px;
  font-size: 35px;
  margin: 10px 0;
  padding: 12px 0;
}
.activation-icon {
  position: absolute;
  top: 13px;
  left: 10px;
  color: #4086e6;
  border: 1px solid #0f3985;
  border-radius: 1px;
  border-left: 3px solid #689dd2;
  padding: 1%;
  width: 15%;
  margin: auto;
}
#RecoveryPage .container.bottom {
  margin-bottom: 100px;
}
#RecoveryPage h2.heading_color {
  background: url("/assets/img/patterns/snow.png") #1f425b !important;
  box-shadow: inset 0px -5px 18px rgba(0,0,0,0.3) !important;
  text-shadow: 2px 0 12px #113158;
  padding: 50px 0 !important;
  color: #fff !important;
  position: relative;
}
#RecoveryPage h2.actication-title {
  margin: 25px 20px;
  font-size: 28px;
  margin: 20px 0 0 0;
  padding: 0px 0;
  text-align: left;
}
#RecoveryPage .reset-account-container {
  background: linear-gradient(to bottom, #153180, #0a2866);
  padding: 1% 2%;
  border: 1px solid #31529a;
}
#RecoveryPage .reset-account-container .passwords {
  margin-top: 30px;
}
#RecoveryPage .reset-account-container .passwords input {
  width: 100% !important;
}
#RecoveryPage #Keys {
  position: relative;
  width: 100%;
  margin: 10px 0 20px 0;
}
#RecoveryPage #Keys .passwords {
  height: 60px;
  margin-top: 40px;
}
#RecoveryPage #Keys .passwords .left,
#RecoveryPage #Keys .passwords .right {
  width: 49% !important;
}
#RecoveryPage #Keys .passwords input:first-child {
  margin-right: 1% !important;
}
#RecoveryPage #Keys .reset-account-container .passwords {
  margin-top: 30px;
}
#RecoveryPage #Keys .reset-account-container .passwords input {
  width: 48%;
}
#RecoveryPage #Keys .reset-account-container .passwords input:first-child {
  margin-right: 3% !important;
}
#RecoveryPage #Keys .action {
  height: 50px;
  margin: 30px 0;
  text-align: center;
}
#RecoveryPage #Keys .action button {
  display: inline-block;
  text-align: center;
  float: none;
}
#RecoveryPage #Keys i.gift-icon {
  position: absolute;
  top: 11px;
  left: 16px;
  color: #68baff;
  text-shadow: 0px 0 3px rgba(68,137,188,0.6);
}
#RecoveryPage #Keys input {
  width: 78%;
  padding: 10px;
  margin: 20px 0;
  border-radius: 1px;
  margin: 0 !important;
  box-shadow: 0px 1px #000;
  background: rgba(3,8,23,0.5) !important;
  border: 1px solid #31529a;
  text-shadow: 0 0 13px #3082d8;
  font-family: monospace;
  text-align: left;
  font-size: 19px;
  color: #4492de;
}
#RecoveryPage #Keys input::placeholder {
  color: #4492de;
  text-align: center;
}
#RecoveryPage #Keys input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
  border: 1px solid #3745a5;
}
#RecoveryPage #Keys .button {
  float: right;
  width: 20%;
  color: #fff;
  border: none;
  font-size: 13px;
  border-radius: 0px;
  margin: 0 !important;
  letter-spacing: 0.9px;
  text-shadow: 1px 0 0 #2a2f40;
  box-shadow: 1px 2px 6px #222;
  outline-color: #5f80da;
  background: #2b4381;
  transition: 150ms;
  padding: 13px 15px;
}
#RecoveryPage #Keys .button.red {
  background: #a00b0b;
  text-shadow: 1px 0 0 #402a2a;
  box-shadow: 1px 2px 6px #222;
  outline-color: #da5f5f;
}
#RecoveryPage #Keys .find-gifts {
  float: right;
  width: 20%;
  border: none;
  margin: 0 !important;
  border-radius: 3px;
  font-size: 13px;
  letter-spacing: 0.9px;
  text-shadow: 1px 0 0 #2a2f40;
  box-shadow: 1px 2px 6px #222;
  background: #2a2d52;
  color: #fff;
  transition: 150ms;
}
#RecoveryPage #Keys .find-gifts:hover {
  border: none !important;
  transform: translateY(-2px);
  border: 1px solid rgba(82,133,173,0.45);
}
#RecoveryPage #NoProduct {
  color: #fff;
}
#RecoveryPage #NoProduct #Product {
  padding: 15px 30px;
}
#RecoveryPage #NoProduct h5 {
  font-size: 32px;
  line-height: 33px;
  color: #385dc4;
  font-weight: 300;
  text-transform: uppercase;
  padding-top: 8px;
  margin-bottom: 10px;
}
#RecoveryPage #Product {
  background: rgba(0,0,0,0.33) !important;
  box-shadow: 0px 1px #000;
  padding: 11px;
  border-radius: 3px !important;
  margin-bottom: 10px;
}
#RecoveryPage #Product li {
  list-style: none;
}
#RecoveryPage #Product .product-box {
  background: #00f;
  border: 1px solid #87ceeb;
}
#RecoveryPage #Product #ProductImages {
  width: 30%;
  float: left;
}
#RecoveryPage #Product #ProductImages img {
  box-shadow: 0 0 9px #000;
  max-width: 100%;
}
#RecoveryPage #Product #ProductDetails {
  width: 70%;
  margin: 0;
  border-radius: 3px;
  padding: 8px 10px !important;
  min-height: auto;
  box-shadow: none !important;
}
#RecoveryPage #Product #ProductDetails .crowd-description {
  color: #fff;
  margin-bottom: 13px;
}
#RecoveryPage #Product #ProductActions {
  min-height: 130px;
  width: 30%;
  margin: 0% 0% 0 0;
  max-width: inherit;
  background: rgba(9,61,105,0) !important;
  float: right;
  position: relative;
}
#RecoveryPage #Product #ProductActions .add-to-cart {
  background: #2e88d2;
  border: 1px solid #1f649c;
}
#RecoveryPage #Product #ProductActions .crowd-pleaser {
  position: absolute;
  bottom: 23px;
  right: 0;
  width: 100%;
  padding: 0;
  height: 110px;
}
@media screen and (max-width: 425px) {
  #RecoveryPage #Product #ProductImages {
    width: 100% !important;
  }
  #RecoveryPage #Product #ProductDetails {
    float: none !important;
    min-height: 160px !important;
    width: 100% !important;
    margin: 0 0 0 0% !important;
    max-width: inherit !important;
    background: #093d69 !important !important;
  }
  #RecoveryPage #Product .crowd-pleaser {
    width: 100% !important;
    margin: 0 !important;
    position: inherit !important;
    top: 10px !important;
  }
  #RecoveryPage #Product .crowd-items {
    width: 94% !important;
  }
}
@media screen and (max-width: 768px) {
  #RecoveryPage #Product #ProductImages {
    margin: 2% 0 5% 0;
  }
  #RecoveryPage #Product #ProductDetails {
    float: right;
    padding: 8px 10px 27px 10px !important;
  }
  #RecoveryPage #Product #ProductActions {
    width: 30%;
  }
  #RecoveryPage #Product #ProductActions .crowd-items {
    width: 30%;
  }
}
#RecoveryPage #Product #Items {
  float: left;
  width: 60%;
  margin: 3% 0 0 0;
}
#RecoveryPage #Product #Items h4 {
  font-size: 30px;
  margin-left: 20px;
  color: #fff;
  text-shadow: 0 0 10px rgba(255,255,255,0.33);
}
#RecoveryPage #Product #Items ul {
  margin-left: 20px;
}
#RecoveryPage #Product #Items ul li {
  color: #68baff;
  float: left;
  margin: 0 20px 10px 0;
  font-size: 19px;
  text-shadow: 0 0 10px rgba(104,186,255,0.36);
}
@media screen and (max-width: 1200px) {
  #RecoveryPage #Product #Items {
    width: 60%;
  }
}
@media screen and (max-width: 980px) {
  #RecoveryPage #Product #Items {
    width: 60% !important;
    margin: 0% 0 0 0;
  }
}
#RecoveryPage #Product .crowd-details {
  position: relative;
}
#RecoveryPage #Product .crowd-images {
  float: left;
  margin-right: 20px;
}
#RecoveryPage #Product .crowd-box {
  min-height: 300px;
  width: 65%;
  margin: 0 1%;
  max-width: inherit;
  background: none !important;
  border: none !important;
}
#RecoveryPage #Product .crowd-box:hover {
  border: none !important;
  box-shadow: 0px 0px 30px rgba(0,0,0,0);
}
#RecoveryPage #Product .crowd-box .slide {
  width: auto;
}
#RecoveryPage #Product .crowd-title {
  text-shadow: none !important;
  padding-top: 0px;
}
#RecoveryPage #Product .crowd-items {
  position: absolute;
  top: 0;
  opacity: 1;
  visibility: visible;
  left: 30px;
  height: 35px;
  left: 0;
  border: 0;
  border-radius: 0;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.21);
  backgorund: rgba(42,52,84,0.95) !important;
  width: 50%;
  padding: 1% 5%;
}
@media screen and (max-width: 600px) {
  #RecoveryPage #Product #ProductActions {
    float: none;
    width: 100%;
  }
  #RecoveryPage #Product #Items {
    float: none;
    width: 100% !important;
    margin: 0;
  }
  #RecoveryPage #Product #Items h4 {
    margin-left: 0px;
  }
  #RecoveryPage #Product #Items ul {
    margin-left: 0px;
  }
  #RecoveryPage #Product #Items ul li {
    color: #68baff;
    float: left;
    margin: 0 20px 10px 0;
    font-size: 19px;
    text-shadow: 0 0 10px rgba(104,186,255,0.36);
  }
  #RecoveryPage #Product .crowd-buy {
    padding: 0;
    float: left;
    text-align: left;
    width: auto;
    bottom: 5px;
  }
  #RecoveryPage #Product .crowd-items {
    width: 90%;
    padding: 2% 3%;
    position: inherit;
    float: none;
    height: auto;
  }
  #RecoveryPage #Product .crowd-pleaser {
    height: 90px !important;
    width: 100%;
    bottom: 0;
    top: 0px;
  }
  #RecoveryPage #Product .crowd-pleaser .buy {
    float: right !important;
    bottom: auto;
    top: 33px;
  }
}
#RecoveryPage #Product .crowd-pleaser {
  right: 0;
}
#RecoveryPage #Product .crowd-pleaser .crowd-buy {
  text-align: right;
}
#RecoveryPage #Product .crowd-pleaser .crowd-buy small {
  text-decoration: line-through;
  font-size: 25px;
  color: #d4d4d4;
  position: absolute;
  text-align: right;
  top: -40px;
  right: 20px;
  width: auto;
  cursor: default;
}
#RecoveryPage #Product .buy.button {
  position: absolute !important;
  float: right !important;
  right: 8px;
  width: 170px;
  bottom: 0px;
}
#RecoveryPage #Product #ProductPoints {
  float: left;
  width: 100%;
}
#RecoveryPage #Product .shop-link {
  margin: 0 20px;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
  background: transparent;
  color: #fff;
  letter-spacing: 0.3px;
  text-shadow: 2px 2px 4px #000;
}
#RecoveryPage #Product .shop-link .icon {
  position: relative;
  top: 6px;
  margin: 0 5px;
}
#RecoveryPage #Product .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#RecoveryPage #Product .product-items.active {
  bottom: 290px;
  visibility: visible;
  opacity: 1;
}
#RecoveryPage #Product .product-description {
  float: left;
  margin: 20px 0px 0 0;
  width: 50%;
  color: #fff !important;
}
#RecoveryPage #Product .product-description .product-price {
  font-size: 20px;
}
#RecoveryPage #Product .product-details {
  padding: 0 0 20px 0;
}
#RecoveryPage #Product .product-items {
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
  float: right;
  width: 130px;
  margin: 20px;
}
#RecoveryPage #Product .stock {
  width: auto;
  padding: 3px 10px;
  position: absolute;
  border: none;
  bottom: 0px;
  right: 2px;
  border-radius: 2px 0 3px 0;
}
#RecoveryPage #Product .beta {
  opacity: 1;
  z-index: 1;
  border: 0 !important;
  width: auto;
  padding: 0px 10px 2px;
  position: absolute;
  right: 10px;
  left: auto;
  top: 10px;
  border-radius: 0 !important;
  transform: translateY(0px) !important;
}
@media screen and (max-width: 768px) {
  #RecoveryPage #Product .beta {
    bottom: 10px;
    left: 1px;
    right: initial;
    bottom: 0px;
    top: auto;
    border-radius: 2px 2px 2px 3px !important;
  }
}
#RecoveryPage #Product .cart-button {
  float: right;
  color: #fff;
}
#RecoveryPage #Product .cart-button .icon-cart {
  margin-top: 10px;
}
#RecoveryPage #Product .cart-button .item-count {
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
  font-size: 15px;
  margin: 0 0 5px 5px;
  top: -4px;
  position: relative;
}
#RecoveryPage #Product .product-actions {
  color: #fff;
  float: left;
  text-align: right;
}
#RecoveryPage #Product .product-actions .product-description {
  position: inherit;
  float: left;
}
#RecoveryPage #Product .product-images {
  float: left;
  margin: 20px 20px 0 0;
}
#RecoveryPage #Product .productbullets li:first-child {
  font-weight: 600;
  text-transform: uppercase;
}
#RecoveryPage #Product .productdetails {
  margin: 20px 0;
  float: left;
  color: #fff;
}
#RecoveryPage #Product .product-items {
  opacity: 1;
}
#RecoveryPage #Product .related-products .related-product,
#RecoveryPage #Product .related-products h4 {
  font-size: 15px;
  line-height: 38px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding-bottom: 16px;
}
#RecoveryPage .login-options h2 {
  text-align: left;
  font-size: 28px;
  margin: 0;
}
#RecoveryPage .activation-prompt {
  font-size: 15px;
  color: #fff;
  font-family: 'Roboto';
  letter-spacing: 0.8px;
  margin-top: 0;
  margin-bottom: 19px;
}
#RecoveryPage .account-active .icon-container {
  margin-top: 30px;
  text-align: center;
}
#RecoveryPage .account-active .icon-container .icon {
  font-size: 70px;
  color: #0688ff;
  text-shadow: 0 0 10px rgba(1,91,144,0.42);
}
#RecoveryPage .account-active h2 {
  color: #0688ff;
  text-shadow: 0 0 10px rgba(6,136,255,0.42);
}
#RecoveryPage .account-active p.success {
  color: #fff;
  text-align: center;
  padding: 10px;
}
#RecoveryPage .account-active .post-activation-options {
  text-align: center;
}
#RecoveryPage .account-active .post-activation-options li {
  display: inline-block;
  margin: 0 10px;
}
#RecoveryPage .account-active .post-activation-options li a {
  top: 0;
  transition: 300ms;
  color: #0688ff;
  position: relative;
  text-shadow: 1px 1px 2px rgba(26,73,115,0.96);
}
#RecoveryPage .account-active .post-activation-options li a:hover {
  color: #83c4ff;
  top: -3px;
  text-shadow: 1px 1px 6px rgba(26,73,115,0.96);
}
#RecoveryPage .account-inactive {
  margin-bottom: 40px;
  font-size: 18px;
  line-height: 40px;
  color: #fff;
}
#RecoveryPage .account-inactive h2 {
  color: #3371e8;
  font-size: 30px;
  margin: 20px;
  letter-spacing: 1px;
  font-weight: 400;
}
#RecoveryPage .account-inactive p {
  margin-bottom: 50px;
  color: #fff;
  margin-top: 0;
  line-height: 31px;
  font-weight: 200;
  font-size: 21px;
}
#RecoveryPage .post-activation-options {
  text-align: center;
}
#RecoveryPage .post-activation-options li {
  display: inline-block;
  margin: 0 10px;
}
#RecoveryPage .post-activation-options li a {
  top: 0;
  transition: 300ms;
  color: #0688ff;
  position: relative;
  text-shadow: 1px 1px 2px rgba(26,73,115,0.96);
}
#RecoveryPage .post-activation-options li a:hover {
  color: #83c4ff;
  top: -3px;
  text-shadow: 1px 1px 6px rgba(26,73,115,0.96);
}
#Items {
  padding: 4% 3%;
  border-radius: 3px;
}
#Items li.loader {
  overflow: hidden;
  border: none !important;
  height: 120px !important;
  box-shadow: none !important;
  background: rgba(61,61,61,0.361) !important;
  border: 0px solid transparent !important;
}
#Items li.loader .background {
  background: linear-gradient(to right, transparent, #ababab, transparent);
  animation: loader 2s infinite;
  position: absolute;
  height: 100%;
  width: 140px;
  left: -150px;
  top: 0;
}
#Items li.loader .topline {
  font-size: 46px;
  position: absolute;
  border-radius: 0px;
  font-size: 31px;
  height: 50px;
  width: 150px;
  opacity: 0.1;
  height: 15px;
  left: 28.5%;
  top: 20%;
  background: #e8dbdb;
}
#Items li.loader .lines {
  margin: -20px 20px 0 -12px;
  font-size: 45px !important;
  opacity: 0.1 !important;
  position: absolute;
  border-radius: 3px;
  padding: 4px;
  width: 50px;
  height: 50px;
  left: 29%;
  top: 50%;
}
#Items li.loader .image {
  left: 8%;
  top: 36%;
  opacity: 0.1;
  background: #fff;
  position: absolute;
  width: 60px !important;
  height: 60px !important;
  font-size: 60px !important;
  border-radius: 200px !important;
}
#Items .top-row {
  margin: 20px;
}
#Items #PurchasedItems .no-items {
  padding: 2%;
  text-align: left;
  position: relative;
  margin: 0 !important;
  width: 94% !important;
  border: none !important;
  margin-top: 2% !important;
  background: linear-gradient(to bottom, #254982, #193d77);
}
#Items #PurchasedItems .no-items span.fa {
  margin: 0 10px 0 0;
  font-size: 15px;
}
#Items #PurchasedItems li {
  top: 0;
  width: auto;
  min-width: auto;
  font-size: 13px;
  border-radius: 2px;
  position: relative;
  display: inline-block;
  min-height: auto !important;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  margin: 30px 20px 10px 20px !important;
  border-bottom: 1px solid #2e639a !important;
  background: linear-gradient(to bottom, #252525 34%, #3a3a3a 100%);
}
#Items #PurchasedItems li h5 {
  width: 60%;
  float: left;
  font-size: 20px;
  text-align: left;
  line-height: 20px;
  padding: 7.4% 4% 1% 2%;
  height: 19px;
  overflow: hidden;
  text-overflow: ellipsis;
}
#Items #PurchasedItems li .item-image {
  z-index: 1;
  float: left;
  margin: 6px;
  width: 90px;
  height: 90px;
  cursor: alias;
  overflow: hidden;
  margin-top: 13px;
  background: #222;
  margin-left: 12px;
  transition: 400ms;
  max-height: 210px;
  position: relative;
  text-align: center;
  border-radius: 100px;
  box-shadow: -1px 1px 0px #060000;
}
#Items #PurchasedItems li .item-image img {
  position: relative;
  height: 100%;
}
#Items #PurchasedItems li .details {
  top: 55px;
  width: 70%;
  left: 117px;
  height: 50px;
  font-size: 11px;
  overflow: hidden;
  position: absolute;
  color: #dcdcdc;
}
#Items #PurchasedItems li .icon-box {
  position: absolute;
  transform: scale(0.6);
  left: 0px;
  float: left;
  margin: 0 9px 0 0;
  border: 1px solid #1e68a2;
  background: url("/assets/img/video-overlay.png") #1d3f73;
  border-radius: 3px;
  width: 25px;
  height: 25px;
  text-align: center;
}
#Items #PurchasedItems li .icon-box .icon {
  color: #a1ecff;
  font-size: 14px;
  padding: 3px;
}
#Items #PurchasedItems li .quantity {
  position: absolute;
  right: 35px;
  top: 13px;
  opacity: 0.5;
  transition: 200ms;
  text-shadow: 0 0 0 2px #000;
}
#Items #PurchasedItems li:hover .quantity {
  opacity: 1;
}
#Items #PurchasedItems li .menu {
  height: 12px;
  width: 12px;
  position: absolute;
  top: 0;
  left: 0;
}
#Items #PurchasedItems li .crowd-actions {
  opacity: 0;
  right: 5px;
  width: 150px;
  float: right;
  bottom: 50px;
  overflow: hidden;
  margin-top: 10px;
  max-height: 400px;
  position: relative;
  transform: scale(0.9);
}
#Items #PurchasedItems li .crowd-actions li {
  width: auto;
  border: none;
  height: 15px;
  padding: 10px;
  color: #dcdcdc;
  cursor: pointer;
  overflow-y: hidden;
}
#Items #PurchasedItems li .crowd-actions li .viewHover {
  height: 15px;
  width: auto;
  max-width: 0;
  margin-left: 0px;
  overflow: hidden;
  display: inline-block;
  transition: all 350ms ease-in-out;
}
#Items #PurchasedItems li .crowd-actions li:hover {
  background: rgba(0,0,0,0.271);
}
#Items #PurchasedItems li .crowd-actions li:hover .viewHover {
  max-width: 200px;
  margin-left: 5px;
}
#Items #PurchasedItems li .actions-menu {
  position: absolute;
  top: 10px;
  right: 0px;
  height: 50px;
  z-index: 100;
}
#Items #PurchasedItems li .actions-menu ul {
  position: absolute !important;
  box-shadow: 0 0 30px #000;
  background: #2b2c2d;
  overflow: hidden;
  height: auto;
  width: 140px;
  right: 10px;
  z-index: 25;
  font-weight: 300;
}
#Items #PurchasedItems li .actions-menu ul li {
  width: 90%;
  color: #ccc;
  border: none;
  padding: 10px;
  cursor: pointer;
  box-shadow: none;
  margin: 0 !important;
  border: none !important;
  background: transparent;
  font-weight: 300 !important;
}
#Items #PurchasedItems li .actions-menu ul li span {
  margin-right: 5px;
}
#Items #PurchasedItems li .actions-menu ul li:hover {
  color: #fff !important;
}
#Items #PurchasedItems li .actions-menu i.menu-icon,
#Items #PurchasedItems li .actions-menu .menu-button {
  z-index: 10;
  right: 10px;
  bottom: 15px;
  margin-top: 0px;
  cursor: pointer;
  text-shadow: none;
  padding: 10px 10px;
  position: absolute;
  margin: 0 !important;
  width: 20px !important;
  height: 15px !important;
  font-size: 23px !important;
  color: rgba(255,255,255,0.5);
}
#Items #PurchasedItems li .actions-menu i.menu-icon .info-button,
#Items #PurchasedItems li .actions-menu .menu-button .info-button {
  bottom: 5px;
  position: absolute;
  right: -20px;
  font-size: 16px;
}
#Items #PurchasedItems li .actions-menu .menu-button {
  border-bottom: 1px solid transparent;
  border-radius: 20px;
  bottom: 30px !important;
  height: 1px !important;
  width: 1px !important;
  font-size: 10px !important;
  padding: 5px 13px 12px 5px !important;
  transform: rotate(0deg);
  transition: 400ms;
}
#Items #PurchasedItems li .actions-menu .menu-button:hover {
  border-bottom: 1px solid #195fbe;
  transform: rotate(360deg);
  background: radial-gradient(#062331, #1a495f);
}
#Items #PurchasedItems li .actions-menu .menu-button .circle {
  border-radius: 5px;
  background: #19a3ab;
  width: 5px;
  height: 5px;
  position: absolute;
  top: 7px;
  left: 7px;
}
#Items #PurchasedItems li.for-more .licon {
  border-radius: 100px;
  background: #464646;
  box-shadow: inset 1px 1px 6px rgba(0,0,0,0.22);
  padding: 23px 18px 23px 22px;
  position: absolute;
  color: rgba(255,255,255,0.639);
  font-size: 35px;
  height: 34px;
  width: 40px;
  top: 37px;
  left: 27px;
}
#Items #PurchasedItems li.for-more .crowd-title {
  left: 105px;
  position: relative;
}
#Items #PurchasedItems li.for-more .details {
  left: 114px;
}
#Items #PurchasedItems li.for-more.large {
  width: 100%;
}
#Items #PurchasedItems li.for-more.large .crowd-title {
  padding: 2.5% 4% 1% 0.8%;
}
#Items #PurchasedItems .no-products {
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  box-shadow: none !important;
  text-align: left !important;
}
#Items #PurchasedItems .no-products .store-link {
  padding: 4px 9px;
}
#Items #PurchasedItems .crowd-box {
  border-bottom: 1px solid transparent !important;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  margin: 0% 2.5% 3% 0% !important;
  max-width: none !important;
  display: inline-block;
  border-radius: 0px;
  position: relative;
  border-radius: 1px;
  font-size: 13px;
  min-width: auto;
  height: 118px;
  width: 47%;
  z-index: 1;
  top: 0;
}
#Items .crowd-box {
  color: #fff;
  float: none;
  font-size: 13px;
  font-weight: 400;
  line-height: 29px;
  margin-bottom: 10px;
  display: inline-block;
  letter-spacing: 1.3px;
  border: 2px solid #494a56;
  text-transform: uppercase;
  min-height: 270px !important;
  border-radius: 3px 3px 6px 6px;
  transition: all 0.4s cubic-bezier(0.6, 0.29, 0.31, 1.02);
  background: linear-gradient(to bottom, #122b63 75%, #122b63 100%);
}
#Items .crowd-box:hover {
  border: 2px solid #494a56;
}
#Items .crowd-box:hover .crowd-title {
  bottom: 0;
  position: relative;
}
#Items .crowd-box .item_listings {
  margin-bottom: 70px;
  text-align: center;
}
#Items .crowd-box .item_listings li {
  width: 29.3%;
  max-width: 260px;
  margin-left: 0 !important;
  min-height: 230px !important;
}
#Items .crowd-box .item_listings li #ProductImages {
  height: 110px;
  background: transparent;
}
#Items .crowd-box .item_listings li #ProductImages li {
  width: 100%;
}
#Items .crowd-box .item_listings li #ProductImages li img {
  width: 100%;
}
#Items .crowd-box .item_listings li #ProductDetails .crowd-title {
  background: #232323 !important;
}
#Items .crowd-box .filter-button {
  color: rgba(255,255,255,0.31);
  font-kerning: inherit;
  font-size: 24px;
  text-shadow: 0 0 2px #132c48;
  position: absolute;
  top: 35px;
  right: 30px;
  cursor: pointer;
  padding: 10px;
}
#Items .crowd-box .filter-button:hover {
  color: #fff !important;
  text-shadow: 0 0 6px #80a6c5 !important;
}
#Items .crowd-box .hide-filters {
  position: absolute;
  top: 15px;
  right: 15px;
  font-size: 15px;
}
#Items .crowd-box .crowd-description {
  font-size: 14px;
  line-height: 25px;
  font-weight: 300;
  color: #192e4b;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  padding: 0 15px;
  letter-spacing: 0.35px;
  text-shadow: 0 0 2px rgba(22,47,78,0.1);
}
#Items .crowd-box .crowd-title {
  z-index: 30;
  width: 100%;
  padding: 1%;
  color: #fff;
  font-size: 19px;
  font-weight: 400;
  margin-bottom: 0;
  background: none;
  line-height: 25px;
  line-height: 30px;
  text-align: center;
  letter-spacing: 2px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  text-shadow: 0px 0px 10px #0d1d52 !important;
}
#Items .crowd-box .crowd-title a {
  color: #fff;
  font-size: 16px;
  font-weight: 200;
}
#Items .crowd-box .crowd-images .slide {
  width: 100%;
}
#Items .crowd-box .crowd-items {
  visibility: hidden;
  opacity: 0;
  transition: all 0.2s ease-in-out;
  background: rgba(4,41,86,0.95);
  padding: 8px 17px;
  color: #fff;
  font-weight: 600;
  opacity: 0;
  position: absolute;
  bottom: 280px;
  border: 1px solid rgba(169,186,228,0.64);
  border-radius: 4px;
  font-weight: 300;
  font-size: 13px;
  width: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  z-index: 100;
}
#Items .crowd-box .crowd-items.active {
  bottom: 290px;
  visibility: visible;
  opacity: 1;
}
#Items .crowd-box .triange {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 12px solid #6d85b0;
  position: absolute;
  bottom: -12px;
  left: 15px;
}
#Items .crowd-box:hover .crowd-buy,
#Items .crowd-box.active .crowd-buy {
  color: #c5e5f3;
}
#Items .crowd-box:hover .beta,
#Items .crowd-box.active .beta {
  border-radius: 0 0 3px 3px;
  opacity: 1;
  transform: translateY(30px) rotateX(0deg);
  height: 20px;
  padding: 3px 0px 5px 0;
}
#Items .crowd-box .front-view-icon {
  transition: all 300ms 2s;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 80px;
  right: 0px;
  z-index: 2;
}
#Items .crowd-box .right-arrow {
  transform: rotate(45deg);
  z-index: 10;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;
}
#Items .crowd-box .back-view-icon {
  transition: all 300ms 2s;
  opacity: 0;
  padding: 10px;
  position: absolute;
  top: 80px;
  right: 0px;
  z-index: 2;
}
#Items .crowd-box .back-view-icon .left-arrow {
  transform: rotate(-45deg);
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  cursor: pointer;
  width: 0px;
  height: 0px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2f2f2f;
}
#Items .crowd-box:hover .view-icon {
  opacity: 1;
}
#Items .crowd-box .product_listings {
  min-height: 150px;
  overflow: hidden;
}
#Items .crowd-box .product_listings li .Face,
#Items .crowd-box .product_listings li .Back {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100% !important;
  border-bottom: 1px solid #2e639a;
  border-radius: 3px;
  box-shadow: 0 0 18px rgba(0,0,0,0.4);
  background: linear-gradient(to bottom, #164377 34%, #2e588a 100%);
}
#Items .crowd-box .product_listings li .Back {
  opacity: 0;
  display: none;
}
#Items .crowd-box .product_listings li .Back h5 {
  text-align: center;
  padding: 15px 0 0 0px;
}
#Items .crowd-box .product_listings li .Back hr {
  width: 80%;
  margin: 12px auto;
  background: linear-gradient(to right, rgba(22,67,119,0) 0%, #5e84b1 50%, rgba(46,88,138,0) 100%);
  height: 1px;
  border: none;
}
#Items .crowd-box .borders {
  width: 100%;
  height: 100%;
  position: absolute;
}
#Items .crowd-box .borders .left-border {
  width: 1px;
  left: -1px;
  top: -20px;
  height: 100%;
  position: absolute;
  background: linear-gradient(to bottom, rgba(22,67,119,0) 0%, #2aa6e2 15%, rgba(46,88,138,0) 100%);
}
#Items .crowd-box .borders .top-border {
  top: -1px;
  width: 260px;
  height: 1px;
  left: -23px;
  position: absolute;
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, #2aa6e2 15%, rgba(0,0,0,0) 100%);
}
@media screen and (max-width: 1200px) {
  #Items .crowd-box .crowd-box {
    margin: 5% 3%;
    width: 27.3%;
  }
}
@media screen and (max-width: 980px) {
  #Items .crowd-box .crowd-box {
    display: inline-block;
    width: 34%;
    margin: 0 3% 10% 3;
    float: none;
  }
  #Items .crowd-box .product_listings {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  #Items .crowd-box .container {
    margin: 0;
    padding: 4% !important;
    width: 100%;
  }
  #Items .crowd-box .product_listings {
    text-align: center;
  }
  #Items .crowd-box .crowd-box {
    float: none;
    display: inline-block;
    min-width: 230px;
  }
  #Items .crowd-box .order-selector {
    width: 46% !important;
    margin: 2% !important;
  }
}
#Items .crowd-box .crowd-pleaser {
  position: absolute;
  right: 0;
  width: 90%;
  padding: 0 5%;
  bottom: 0px;
}
#Items .crowd-box .crowd-pleaser .crowd-buy,
#Items .crowd-box .crowd-pleaser .crowd-price {
  text-align: left;
  color: #c5e5f3;
  position: absolute;
  font-weight: 300;
  transition: all 0.2s ease-in-out;
  text-shadow: 0 0 6px rgba(218,238,255,0.35);
  bottom: 55px;
  width: 88%;
  left: 0;
  text-align: left;
  padding: 0 6%;
}
#Items .crowd-box .crowd-pleaser .crowd-buy .on-sale,
#Items .crowd-box .crowd-pleaser .crowd-price .on-sale {
  background: #008000;
  padding: 0px 4px;
}
#Items .crowd-box .crowd-pleaser .crowd-buy .currency,
#Items .crowd-box .crowd-pleaser .crowd-price .currency {
  font-size: 26px !important;
  margin: 0 0 0 10px;
  font-weight: 400;
  font-size: 23px !important;
  line-height: 30px;
}
#Items .crowd-box .crowd-pleaser .crowd-buy sup,
#Items .crowd-box .crowd-pleaser .crowd-price sup {
  line-height: 26px;
}
#Items .crowd-box .crowd-pleaser .crowd-buy span,
#Items .crowd-box .crowd-pleaser .crowd-price span {
  font-size: 28px;
  position: relative;
  top: 40px;
}
#Items .crowd-box .crowd-pleaser .crowd-buy small,
#Items .crowd-box .crowd-pleaser .crowd-price small {
  text-decoration: line-through;
  font-size: 15px;
  color: #505050;
  position: absolute;
  left: 20px;
  text-align: left;
  top: 20px;
}
#Items .crowd-box .cart-title {
  color: #fff;
}
#Items .crowd-box .cart {
  height: 75px;
  min-height: 0;
  width: 100%;
  margin: 80px auto 0 auto;
  padding: 10px 25px;
  position: relative;
  text-align: left;
  background: rgba(54,86,54,0.36);
  border: 1px solid #4c654c;
}
#Items .crowd-box .cart:hover {
  background: rgba(50,109,50,0.25) !important;
}
#Items .crowd-box .cart h4 {
  color: #fff;
  padding: 0 !important;
  margin: 10px 0 5px 0;
  font-size: 13px;
  line-height: 15px;
}
#Items .crowd-box .cart .subtitle {
  text-transform: uppercase;
  font-size: 11px;
  color: #ccc;
  font-weight: 700;
  letter-spacing: 0.4px;
}
#Items .crowd-box .cart-button {
  text-align: center;
  position: absolute;
  right: 0;
  font-size: 21px;
  font-weight: 200;
  transition: 200ms !important;
  box-shadow: 0 0 8px rgba(0,0,0,0), 0 8px 16px rgba(0,0,0,0);
}
#Items .crowd-box .cart-button a {
  color: #fff !important;
  padding: 30px !important;
}
#Items .crowd-box .cart-button .item-count {
  position: relative;
  top: 12px;
  font-size: 25px;
  font-weight: 400;
  color: #f7f7f7;
}
#Items .crowd-box .cart-button .icon {
  position: relative;
  top: 13px;
}
#Items .crowd-box .cart-button .title {
  position: absolute;
  bottom: 8px;
  font-size: 11px;
  text-transform: uppercase;
  width: 100%;
}
#Items .crowd-box .cart-button .cart-items {
  margin-top: 5px;
}
#Items .crowd-box .cart-button .underline {
  font-size: 10px;
}
#Items .crowd-box .button.buy {
  background: rgba(76,185,255,0.53) !important;
  border: 1px solid rgba(78,188,255,0.61) !important;
  border-radius: 3px;
  box-shadow: none !important;
  position: relative !important;
  z-index: 10 !important;
  right: 15px !important;
  line-height: 10px;
  padding: 0 12px;
  min-width: auto;
  min-height: auto;
  height: 35px;
  width: 100px;
  bottom: 25px;
}
#Items .crowd-box .button.buy:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 0%;
  width: 0%;
  background: #014dc7;
}
#Items .crowd-box .button.buy:hover,
#Items .crowd-box .button.buy:focus {
  transition: 370ms;
  transform: translateY(0);
  background: rgba(48,184,255,0.67) !important;
}
#Items .crowd-box .button.buy:hover:after,
#Items .crowd-box .button.buy:focus:after {
  left: 5%;
  top: 5%;
  height: 90%;
  width: 90%;
}
#Items .crowd-box .button.buy:active:after {
  top: 50%;
  left: 50%;
  height: 0%;
  width: 100%;
}
#Items .crowd-box .button.buy:active,
#Items .crowd-box .button.buy.success {
  box-shadow: inset 1px 1px 6px rgba(0,0,0,0.29);
  border-top: 1px solid #537794;
  border-left: 1px solid #356994;
}
#Items .crowd-box .button.buy:active:after,
#Items .crowd-box .button.buy.success:after {
  left: 0 !important;
  opacity: 1;
  height: 105%;
  width: 100%;
  background: #014dc7;
}
#Items .crowd-box .button.buy.failure {
  outline: none;
  background: #b30a0a;
  border: 2px solid #690a0a;
}
#Items .crowd-box .button.buy.failure:hover,
#Items .crowd-box .button.buy.failure:focus {
  box-shadow: 0px 1px 5px 0px rgba(255,0,0,0.4);
  text-shadow: 0px 0px 3px #b30a0a;
}
#Items .crowd-box .button.buy.failure:after {
  background: #8a0303;
}
#Items .crowd-box .button.buy.gold {
  outline-color: #b30a0a;
  border: 2px solid #cc9b04;
  background: #ddaf02;
}
#Items .crowd-box .button.buy.gold:hover,
#Items .crowd-box .button.buy.gold:focus {
  box-shadow: 0px 1px 5px 0px transparent;
  text-shadow: 0px 0px 3px #c79d28;
}
#Items .crowd-box .button.buy.gold:after {
  background: #e4b800;
}
#Items .crowd-box .button.buy.green {
  outline-color: #265834;
  background: #265834 !important;
  border: 1px dashed #1b3e25 !important;
  box-shadow: none !important;
}
#Items .crowd-box .button.buy.green:hover,
#Items .crowd-box .button.buy.green:focus {
  box-shadow: 0px 1px 5px 0px transparent;
  text-shadow: 0px 0px 3px #c79d28;
  transform: translateY(0px);
}
#Items .crowd-box .button.buy.green:after {
  background: #e4b800;
}
#Items .crowd-box .stock {
  text-transform: uppercase;
  font-size: 9px;
  letter-spacing: 0.2px;
  font-weight: 600;
  font-weight: 300;
  letter-spacing: 1px;
  text-shadow: 0 0 1px #008000;
  position: absolute;
  bottom: 0px;
  line-height: 12px;
  width: 100%;
  text-align: center;
  padding: 3px 0;
  background: rgba(35,189,50,0.2);
  border-top: 1px solid rgba(41,179,41,0.29);
  color: #008a00;
}
#Items .crowd-box .stock.unavailable {
  color: #af2626;
  text-shadow: 0 0 0.6px #ce0e0e;
  border-top: 1px solid rgba(181,60,60,0.07);
  background: rgba(179,74,74,0.2);
}
#Items .crowd-box .beta {
  color: #b1c8ff !important;
  font-weight: 300;
  letter-spacing: 0.8px;
  font-size: 10px;
  text-shadow: 1px 1px 0px #0b2173;
  text-transform: uppercase;
  height: 20px;
  pointer-events: none;
  bottom: 0px;
  background: #316d9e;
  width: 100%;
  text-align: center;
  padding: 3px 0px 5px 0;
  position: absolute;
  left: -1px;
  z-index: -1;
  border: 1px solid #07277b !important;
  transition: 300ms;
  opacity: 0;
}
#Items .crowd-box .title-row {
  margin: 0 0 21px 0 !important;
}
#Items #InternalDetails .window-controls .prev {
  float: left !important;
}
#Items .user-item-view .window-controls {
  width: 94.5% !important;
  padding: 2% 2.5%;
  margin: 0 0%;
}
#Items .user-item-view .title {
  background: #000;
}
#Items .user-item-view #CartDetails {
  background: linear-gradient(to bottom, #353535 20%, #000 100%);
  border: 1px solid #444;
  margin: 4% 3%;
}
#Items .user-item-view #CartDetails #SelectedDetails {
  height: auto !important;
  min-height: auto !important;
  border: 1px dotted #3a3a3a !important;
}
#Items .user-item-view #CartDetails .title {
  width: 100% !important;
  left: 0% !important;
}
#Items .user-item-view #CartDetails .title i {
  padding: 10px 20px !important;
  color: #197dab !important;
}
#Items .user-item-view #CartDetails #InternalDetails {
  background: linear-gradient(rgba(60,60,60,0.5) 34%, rgba(60,60,60,0.5)) !important;
}
#Items .user-item-view .crowd-title {
  background: linear-gradient(to bottom, #3a3a3a, rgba(15,41,73,0) 100%) !important;
  height: 50px;
}
#Items .user-item-view #SelectedDetails .crowd-title {
  background: linear-gradient(to bottom, #2c2c2c, rgba(15,41,73,0) 100%) !important;
}
#Items .user-item-view h2 {
  width: 100%;
  margin: auto;
  height: 43px;
  background: linear-gradient(to right, #191919, #212121, #191919) !important;
}
#Items .user-item-view .title h2 {
  background: #000;
  border-left: 0 !important;
  border-right: 0 !important;
}
#Items .user-item-view #SelectedImages {
  background: linear-gradient(#313132 34%, #303131) !important;
  border: 1px solid #4d4d4d !important;
}
#Community a {
  color: #7e7e7e;
  text-decoration: underline;
}
#Community .main {
  max-width: 960px;
  margin: 0 auto;
}
#Community main .articles {
  min-width: 625px;
}
#Community .clear {
  clear: both;
}
#Community .profile {
  float: left;
  height: 50px;
  width: 50px;
  border: 1px solid rgba(255,255,255,0.26);
}
#Community .fa-heart {
  color: #f94766;
}
#Community .reaction-icon.like .fa-thumbs-up {
  color: #303f9f;
}
#Community .box {
  border: 1px solid #f1f1f1;
  max-width: 700px;
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  background: #fff;
  margin: 20px auto;
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #dcdcdc;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}
#Community .notif-box {
  position: absolute;
  top: 35px;
  right: -5px;
  width: 350px;
  color: #000;
  text-align: left;
  border-radius: 5px;
  background: #fff;
  border: none;
  box-shadow: 0px 0px 40px rgba(0,0,0,0.25);
  max-height: 335px;
  overflow: hidden;
}
#Community .button {
  color: #fff;
  font-size: 13px !important;
  font-weight: 700;
  padding: 1% 5% !important;
  border-radius: 2px;
  box-shadow: 1px 2px 0px #303f9f !important;
  border-color: #000 !important;
  text-shadow: 0px 1px 1px #363a50;
  cursor: pointer;
  outline: none;
  text-align: center !important;
  border-radius: 3px !important;
  letter-spacing: 0.7px;
  float: right;
}
#Community .button.xtra-small {
  height: 10px !important;
  font-size: 9px !important;
  padding: 4px !important;
  float: left;
  width: 60px !important;
  border: 1px solid #303f9f !important;
  box-shadow: none !important;
  border-bottom: none;
  border-radius: 0 !important;
}
#Community .button:active {
  background-color: #5d8cd4 !important;
  transition: all 0.04s cubic-bezier(0.19, 0.63, 1, 0.38);
  box-shadow: none;
  text-shadow: none;
}
#Community .button.green {
  transition: all 0.04s cubic-bezier(0.19, 0.63, 1, 0.38);
  background-color: #8bc34a !important;
  border-color: #9ccc65 !important;
  box-shadow: 1px 2px 0 #008000 !important;
}
#Community .button.green:active {
  background-color: #8bd03c !important;
}
#Community .button.red {
  transition: all 0.04s cubic-bezier(0.19, 0.63, 1, 0.38);
  background-color: #e22f21 !important;
  border-color: #f44336 !important;
  box-shadow: 1px 2px 0 #bb2727 !important;
}
#Community .button.red:active {
  background-color: #ff5345 !important;
}
#Community .large-input {
  transition: all 0.15s;
  width: 100%;
  margin: 10px 0;
  padding: 7px 4px;
  font-size: 18px;
  outline-color: #3f51b5;
  border: 1px solid rgba(185,185,185,0.99);
  box-shadow: 1px 1px 5px rgba(48,63,159,0.2);
  border-radius: 1px;
}
#Community .large-input.error {
  border: 1px solid #f32727;
  box-shadow: 0 0px 5px #ff9800;
}
#Community .animate-closed {
  max-height: 0;
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
#Community .animate-open {
  display: inline;
  opacity: 1;
  height: auto;
  max-height: inherit;
}
#Community .floater {
  color: #fff;
  position: absolute;
  z-index: 100;
  background: #2b3469;
  padding: 8px;
  font-size: 12px;
  font-family: sans-serif;
  top: 55px;
  border-radius: 2px;
  box-shadow: 0 0px 12px 0px rgba(0,0,0,0.4);
  transition: all 0.5s ease-in-out;
  opacity: 1;
}
#Community .floater.hidden {
  opacity: 0;
}
#Community #Feed {
  width: 70%;
  float: left;
}
#Community #Aside {
  width: 25%;
  float: left;
}
#Community .feed article {
  font-size: 14px;
  font-weight: 600;
}
#Community .feed article .box {
  border: 1px solid #f1f1f1;
  max-width: 700px;
  padding: 10px;
  text-align: left;
  border-radius: 3px;
  background: #fff;
  margin: 20px auto;
  border-bottom: 1px solid #d6d6d6;
  border-right: 1px solid #dcdcdc;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
}
#Community .feed article .author {
  position: relative;
  height: 50px;
}
#Community .feed article .author .profile {
  margin-right: 5px;
}
#Community .feed article .author .name {
  height: 23px;
  font-family: fantasy;
  font-size: 17px;
}
#Community .feed article .author .meta {
  font-family: sans-serif;
  font-weight: 300;
  letter-spacing: 0.5px;
  font-size: 12px;
}
#Community .feed article .post {
  margin: 15px 0;
}
#Community .feed article .actions {
  height: 20px;
}
#Community .feed article .actions div {
  float: left;
  margin-right: 15px;
  padding-right: 15px;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #3c3c3c;
  cursor: pointer;
  border-right: 1px solid rgba(0,0,0,0.2);
}
#Community .feed article .actions div:last-child {
  border-right: none;
}
#Community .feed article .actions div i {
  margin-right: 5px;
}
#Community .feed article .actions div span {
  cursor: pointer;
}
#Community .feed article .reactions i,
#Community .feed article .comments i,
#Community .feed article .share i {
  margin: 4px !important;
}
#Community .feed article .reactions {
  position: relative;
}
#Community .feed article .reactions span {
  margin: 0 2px;
}
#Community .feed article .reactions span:first-child {
  margin-left: 0;
}
#Community .feed article .reactions i:last-child {
  margin-right: 0;
}
#Community .feed article .reactions .interactions {
  position: absolute;
  top: -70px;
  width: 310px;
  cursor: default;
  background: rgba(255,255,255,0.9);
  border-radius: 100px;
  border: 1px solid #e2e2e2;
  box-shadow: 0px 1px 20px rgba(0,0,0,0.15);
  z-index: 100;
  left: -5px;
  padding: 10px;
  opacity: 0;
  click-events: none;
  transition: all 0.1s 0.1s ease-in-out;
}
#Community .feed article .reactions .interactions div {
  border: none;
  padding: 0;
}
#Community .feed article .reactions .interactions .fa,
#Community .feed article .reactions .interactions .twa {
  opacity: 0.7;
  cursor: pointer;
  font-size: 32px;
  background-color: #708dce;
  padding: 9px;
  color: #fff;
  border-radius: 30px;
  width: 32px;
  height: 32px;
  transition: all 0.3s;
}
#Community .feed article .reactions .interactions .fa.fa-heart,
#Community .feed article .reactions .interactions .twa.fa-heart {
  background: #f44336;
  padding-top: 12px;
  padding-bottom: 6px;
}
#Community .feed article .reactions .interactions .twa {
  margin: 0;
  background-color: transparent;
  cursor: pointer;
  font-size: 55px;
}
#Community .feed article .reactions .interactions .twa:hover,
#Community .feed article .reactions .interactions .fa:hover {
  opacity: 1 !important;
}
#Community .feed article .reactions .interactions .action:last-child {
  margin-right: 0px !important;
}
#Community .feed article .reactions .action:hover .interactions {
  top: -75px !important;
  opacity: 1;
  display: block;
}
#Community .feed article .reactions .reaction-icon:hover .reaction-list {
  display: block;
}
#Community .feed article .reactions .reaction-list {
  display: none;
  position: absolute;
  max-width: 150px;
  overflow: hidden;
  background: rgba(0,0,0,0.83);
  padding: 7px;
  color: #fff;
  font-size: 11px;
  bottom: 20px;
}
#Community .feed article .reactions .reaction-list ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#Community .feed article .comment-author {
  font-family: sans-serif;
}
#Community .feed article .comment-body {
  margin: 5px 0;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 500;
  float: left;
}
#Community .feed article .comment-like {
  float: right;
  color: #0032c8;
}
#Community .feed article.error {
  text-align: center;
  color: rgba(70,56,56,0.5);
  font-family: sans-serif;
  font-weight: 200;
}
#Community .feed .body {
  font-size: 15px;
  font-family: sans-serif;
  font-weight: 500;
}
#Feed {
  border: none;
  background: rgba(11,33,64,0.6) !important;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
  border-radius: 0px;
  transition: 300ms;
  padding: 20px;
}
.publish {
  position: relative;
  text-align: left;
  font-size: 14px;
  font-weight: 600;
  color: #fff;
  width: 100%;
}
.publish .button {
  right: 10px;
  margin: 0;
}
.publish .media .type {
  float: left;
  margin-right: 15px;
  padding-right: 15px;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #3c3c3c;
  cursor: pointer;
  border-right: 1px solid rgba(0,0,0,0.2);
  height: 35px;
  padding: 5px;
}
.publish .media .type span {
  color: #fff;
}
.publish .post textarea {
  min-height: 50px;
  border: 0;
  width: 87%;
  outline: 0;
  font-size: 13px;
  padding: 0 0 0 10px;
  height: 70px;
}
.publish .post textarea:placeholder {
  color: #808080;
}
.publish .type {
  float: left;
  margin-right: 15px;
  padding-right: 15px;
  font-family: sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #efefef;
  cursor: pointer;
}
.publish .type span {
  text-transform: uppercase;
  letter-spacing: 0.6px;
  font-weight: 600;
  font-family: 'Lato';
  position: absolute;
  text-shadow: 0 0 1px #fff;
  font-size: 18px;
  top: 8px;
}
.publish .type span.right {
  right: 10px;
}
.publish .type span.left {
  left: 10px;
}
.publish .publish .post .button {
  width: auto !important;
  padding: 7px 20px !important;
  margin: 0;
  position: absolute;
  bottom: 8px;
  right: 10px;
  background: #1b6dcc;
  text-shadow: none;
}
#FriendsList,
#Messages {
  position: relative;
  background: #19385a;
  color: #fff;
  padding: 0.5%;
  position: fixed;
  bottom: -278px;
  right: 5%;
  width: 230px;
  height: 300px !important;
  box-shadow: -1px -1px 2px rgba(0,0,0,0.28);
  border-top: 1px solid #33658a;
  border-right: 1px solid #33658a;
  border-left: 1px solid #33658a;
  border-radius: 3px 3px 0 0;
  z-index: 100;
}
#FriendsList .top,
#Messages .top {
  cursor: pointer;
  width: 107%;
  height: 23px;
  top: -3%;
  position: relative;
  left: -3%;
  padding: 5px 0;
}
#FriendsList .fa-circle,
#Messages .fa-circle {
  float: left;
  font-size: 10px;
  color: #4caf50;
  margin: 6px 9px 7px 8px;
  cursor: pointer;
}
#FriendsList .fa-caret-up,
#Messages .fa-caret-up,
#FriendsList .fa-caret-down,
#Messages .fa-caret-down {
  cursor: pointer;
  float: right;
  margin: 3px 9px 0px 0px;
  text-shadow: 0 0 1px #000;
}
#FriendsList .title,
#Messages .title {
  display: inline-block;
  border: 1px solid transparent;
  font-size: 12px;
  color: #fff;
  padding: 5px 1px;
  letter-spacing: 1.6px;
  line-height: 23px;
  transition: background 0.1s ease-in-out;
  width: 70%;
  margin: 0 0 3% 0;
  text-align: left;
  border-radius: 0px;
  transition: 140ms;
  padding: 0;
  float: left;
}
#FriendsList #FriendMenu,
#Messages #FriendMenu {
  height: 30px;
  margin-bottom: 10px;
  position: relative;
  top: -5px;
}
#FriendsList #FriendMenu li,
#Messages #FriendMenu li {
  cursor: pointer;
  float: left;
  font-size: 12px;
  width: 33%;
  text-align: center;
  line-height: 20px;
  text-transform: uppercase;
  color: rgba(208,208,208,0.55);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
#FriendsList #FriendSearch,
#Messages #FriendSearch {
  position: absolute;
  bottom: 0;
  width: 96%;
}
#FriendsList #FriendSearch input,
#Messages #FriendSearch input {
  padding: 3%;
  background: #0b2442;
  border: 1px solid #21446c;
  color: #91d0d4;
  letter-spacing: 0.6px;
  border-radius: 2px 2px 0 0;
  margin-bottom: 6px;
  font-size: 11px;
  width: 231px;
}
#Friends li,
#FriendRequests li,
#SearchResults li {
  height: 60px;
  position: relative;
}
#Friends li.label,
#FriendRequests li.label,
#SearchResults li.label {
  height: auto;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 2px;
  text-align: center;
  text-transform: uppercase;
  color: rgba(208,208,208,0.55);
  text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
}
#Friends .no-friends,
#FriendRequests .no-friends,
#SearchResults .no-friends,
#Friends .row-title,
#FriendRequests .row-title,
#SearchResults .row-title {
  color: #576c86;
  text-transform: uppercase;
  text-align: center;
  font-size: 12px;
  text-shadow: 0px 1px 0 #121635;
  height: 18px;
  line-height: 10px;
  margin-bottom: 10px;
}
#Friends .profile.pic,
#FriendRequests .profile.pic,
#SearchResults .profile.pic {
  width: 50px;
  height: 50px;
  background: #0b2442;
  overflow: hidden;
  float: left;
}
#Friends .profile.pic img,
#FriendRequests .profile.pic img,
#SearchResults .profile.pic img {
  width: 100%;
}
#Friends .profile.name,
#FriendRequests .profile.name,
#SearchResults .profile.name {
  font-family: Lato;
  font-weight: 400;
  margin: 0 0 0 60px;
  font-size: 18px;
  color: #57abe8;
  text-shadow: 0px 1px 0 rgba(0,0,0,0.5);
  top: 3px;
  position: relative;
  cursor: pointer;
}
#Friends .profile.last-online,
#FriendRequests .profile.last-online,
#SearchResults .profile.last-online {
  font-family: Lato;
  font-weight: 400;
  font-size: 12px;
  margin: 0 0 0 60px;
  color: #8cbee2;
}
#Friends .action,
#FriendRequests .action,
#SearchResults .action {
  width: 25px;
  height: 22px;
  text-align: center;
  padding: 3px 0 0 0;
  background: url("/assets/img/video-overlay.png") #0c2e54;
  border: 1px solid #366c94;
  color: #57abe8;
  border-radius: 3px;
  cursor: pointer;
  position: absolute;
  top: 13px;
  right: 5px;
}
#Friends .action .hover,
#FriendRequests .action .hover,
#SearchResults .action .hover {
  opacity: 0;
  visibility: hidden;
  position: absolute;
  top: -30px;
  right: -27px;
  color: #fff;
  width: 80px;
  background: rgba(0,0,0,0.6);
  font-size: 11px;
  border-radius: 3px;
  transition: 300ms;
  text-transform: capitalize;
}
#Friends .action:hover .hover,
#FriendRequests .action:hover .hover,
#SearchResults .action:hover .hover {
  opacity: 1;
  visibility: visible;
}
#Messages {
  position: relative;
  background: #19385a;
  color: #fff;
  padding: 0.5%;
  position: fixed;
  bottom: -278px;
  right: 340px;
  width: 230px;
  height: 300px !important;
  box-shadow: -1px -1px 2px rgba(0,0,0,0.28);
  border-top: 1px solid #33658a;
  border-right: 1px solid #33658a;
  border-left: 1px solid #33658a;
  border-radius: 3px 3px 0 0;
  bottom: 0 !important;
  z-index: 100;
}
#Messages .top {
  margin-bottom: 5px;
  padding: 0;
}
#Messages .top .closechat {
  margin: 2px 10px 3px 10px !important;
  float: right !important;
  color: #69a9d8 !important;
}
#Messages .messages {
  overflow-y: scroll;
  width: 100%;
  height: 240px;
}
#Messages .messages li {
  margin: 10px;
}
#Messages .messages li.from {
  margin: 10px 10px 10px 20px;
}
#Messages .messages li.to {
  margin: 15px 25px 15px 0px;
}
#Messages .messages li.to .body {
  background: #40648c;
}
#Messages .messages li .label {
  font-weight: 600;
  color: #d8d8d8;
  letter-spacing: 0.8px;
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 0px;
  line-height: 11px;
  margin-bottom: 5px;
}
#Messages .messages li .body {
  background: #234e7d;
  padding: 7px 10px;
  border-radius: 4px;
  line-height: 17px;
  font-size: 13px;
}
#Messages .messages::-webkit-scrollbar {
  width: 5px;
}
#Messages .messages::-webkit-scrollbar-track {
  background: transparent;
}
#Messages .messages::-webkit-scrollbar-thumb {
  border-radius: 2px;
  background-color: #57abe8;
  outline: 1px solid #708090;
}
#Messages .title {
  margin: 0 0 1% 0;
}
#Messages .message .top i.fa-moon-o {
  float: left;
  font-size: 13px;
  color: #69a9d8;
  margin: 4px 9px 7px 8px;
  cursor: pointer;
}
#People .store-label {
  width: 50%;
  float: left;
}
#People .right {
  width: 40%;
}
#People .store-filter {
  width: 100%;
  padding: 0% !important;
  margin: 0 !important;
  background: linear-gradient(to bottom, #1c437e 15%, #143463 100%) !important;
  border: 1px solid #1c5490;
}
#People .store-filter .store-label,
#People .store-filter input {
  text-align: left;
  width: 100%;
  font-size: 18px;
  line-height: 30px;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: 2px;
  text-shadow: 0px 0px 10px #0d1d52;
  background: none;
  border: none;
  color: #fff;
  padding: 10px 15px;
}
#People .store-filter .store-label::placeholder,
#People .store-filter input::placeholder {
  color: #fff;
}
#People .store-filter .search-icon {
  display: inline-block;
  margin: -8px 5px;
  padding: 16px 0 0 0;
  color: rgba(185,212,255,0.8);
  font-size: 12px;
  text-shadow: none;
  float: right;
  font-size: 23px;
  text-shadow: 0 0 1px #121629;
  cursor: pointer;
  position: absolute;
  right: 20px;
  top: 4px;
}
#People .user {
  font-size: 15px;
  font-weight: 200;
}
#People ul {
  text-align: left;
}
#People ul li {
  text-align: center;
  display: inline-block;
  marign: 3.3% 3.3%;
  width: 180px;
  height: auto;
  position: relative;
  float: none;
}
#People ul li .profile-pic {
  height: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.38);
  background: #000;
  float: left;
  width: 100%;
}
#People ul li .nametag {
  float: left;
  position: absolute;
  left: 0;
  background: rgba(0,0,0,0.7);
  height: 57px;
  bottom: 0;
  width: 100%;
}
#People ul li .username {
  width: 80%;
  font-size: 16px;
  bottom: 24px;
  text-align: left;
  padding: 8px 6%;
}
#People ul li .tagline {
  width: 80%;
  font-size: 12px;
  bottom: 9px;
  position: absolute;
  text-align: left;
  padding: 0px 6%;
}
#People ul li .active {
  font-size: 10px;
  position: absolute;
  right: 10px;
  top: 9px;
}
#People ul li .add-friend {
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
  padding: 10px 0;
  border-radius: 2px;
  border: 1px solid #1c5490;
  background: #153667;
  float: left;
  position: absolute;
  left: auto;
  width: 100px;
  top: 5%;
  font-size: 9px;
  padding: 6px 0;
  border-radius: 2px;
  transition: 300ms;
  left: 25%;
  width: 50%;
}
#People ul li .add-friend i {
  margin: 0px 5px 0px 0px !important;
  font-size: 13px !important;
  width: 15px !important;
  text-align: center !important;
  height: 15px !important;
  padding: 4px;
  border-radius: 3px !important;
  padding: 0 !important;
}
#People ul li:hover .add-friend {
  background: #1b5492;
  opacity: 1;
  pointer-events: all;
}
#People ul li:hover .add-friend .add-friend {
  opacity: 1;
}
#People #controls {
  color: #2e88d2;
  float: left;
  margin: 30px 20px 25px 0;
  font-size: 15px;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
  letter-spacing: 1px;
  width: 100%;
  cursor: pointer;
  font-weight: 100;
}
#People #controls .next {
  text-align: right;
}
#PeopleList li {
  padding: 1% !important;
  margin: 5% 6% !important;
  border: 1px solid transparent !important;
  font-size: 13px !important;
  color: #fff !important;
  padding: 0 !important;
  width: 199px !important;
  height: 200px !important;
  text-transform: uppercase !important;
  letter-spacing: 1.3px !important;
  line-height: 15px !important;
  font-weight: 400 !important;
  margin-bottom: 10px !important;
}
#SocialCommunity .title-row {
  height: 56px !important;
  margin: 0 0 19px 0 !important;
}
#SocialCommunity .title-row h5 {
  padding: 0;
  font-size: 19px;
  font-weight: 800;
  color: #92918d;
  line-height: 20px;
  padding-bottom: 6px;
}
#SocialCommunity .title-row h1 {
  color: #c1c1c1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  font-size: 32px !important;
}
#SocialCommunity .title-row .Left,
#SocialCommunity .title-row .Right {
  width: 50%;
  float: left;
  height: 50px;
}
#SocialCommunity .title-row .Right {
  text-align: right;
}
#SocialCommunity .title-row .channel {
  margin-left: 3px;
  padding: 2px 12px;
  border-radius: 20px;
  cursor: pointer;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 1px;
  color: #e4e4e4;
  position: absolute;
  right: 0;
}
#SocialCommunity #Feed,
#SocialCommunity #Aside {
  background: rgba(133,134,136,0.12) !important;
  border-top: 1px solid rgba(255,255,255,0.2) !important;
  border-bottom: 1px solid rgba(255,255,255,0.2) !important;
  box-shadow: 1px 1px 1px rgba(255,255,255,0.05);
  border-radius: 0px;
  transition: 300ms;
  padding: 1%;
}
#SocialCommunity #Feed .media,
#SocialCommunity #Aside .media {
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
}
#SocialCommunity #Feed .media .type,
#SocialCommunity #Aside .media .type {
  height: 30px;
  padding: 0 !important;
}
#SocialCommunity #Feed .media .type .left,
#SocialCommunity #Aside .media .type .left,
#SocialCommunity #Feed .media .type .right,
#SocialCommunity #Aside .media .type .right {
  color: #bbb;
  text-transform: uppercase;
  width: 50%;
}
#SocialCommunity #Feed .media .type .right .account,
#SocialCommunity #Aside .media .type .right .account {
  color: #d9d9d9;
  text-transform: uppercase;
  padding: 3px 15px 0 15px;
  border: 1px solid #435f8a;
  background: #19385a;
  border-radius: 1px;
  cursor: pointer;
}
#SocialCommunity #Feed textarea,
#SocialCommunity #Aside textarea {
  background: rgba(0,0,0,0.33);
  min-height: 90px;
  border: 0;
  outline: 0;
  font-size: 13px;
  padding: 0 0 0 10px;
  width: 100% !important;
}
#SocialCommunity #Feed {
  width: 96.3%;
  float: left;
}
#SocialCommunity #Feed #Publish .post {
  margin: 15px 10px 0px 10px;
}
#SocialCommunity #Feed #Publish .actions {
  width: 100%;
}
#SocialCommunity #Feed #Publish .media li span {
  top: 0px;
}
#SocialCommunity #Feed #Publish .tagger input {
  position: absolute;
  top: 13px;
  left: -5px;
  width: 200px;
}
#SocialCommunity #Feed .actions {
  text-align: left;
  border-radius: 2px;
  padding: 5px;
  width: 75%;
  float: left;
}
#SocialCommunity #Feed .actions ul.media {
  text-align: left;
  border-radius: 2px;
  padding: 5px;
  width: 75%;
  float: left;
}
#SocialCommunity #Feed .actions ul.media li {
  display: inline-block;
  font-size: 10px;
  padding: 8px 10px 10px 3px;
  border-radius: 2px;
  margin-right: 12px;
  cursor: pointer;
}
#SocialCommunity #Feed .actions ul.media li i {
  padding: 0 8px;
  font-size: 16px;
  margin: 0;
}
#SocialCommunity #Feed .actions ul.media li span {
  font-size: 13px;
}
#SocialCommunity #Feed .actions ul.media li .emotes {
  position: absolute;
  left: -1px;
  text-align: center;
  background: linear-gradient(to bottom, #5b5b5b, #2c2c2c);
  padding: 10px;
  width: 200px;
  margin-top: 10px;
  border-radius: 3px;
  box-shadow: 0 0 10px #000;
  transform: translateY(-15px);
  visibility: hidden;
  z-index: 10;
  opacity: 0;
}
#SocialCommunity #Feed .actions ul.media li .emotes li {
  margin-right: 0px;
}
#SocialCommunity #Feed .actions ul.media li .emotes i {
  padding: 0 4px 0 9px;
  font-size: 16px;
  margin: 0;
}
#SocialCommunity #Feed .actions ul.media li:hover,
#SocialCommunity #Feed .actions ul.media li.active {
  background: #213a55;
  border: 1px solid rgba(255,255,255,0.33);
  box-shadow: inset 1px 2px 10px rgba(0,0,0,0.3);
}
#SocialCommunity #Articles article {
  padding: 0;
  float: left;
  width: 98%;
  position: relative;
  margin: 20px 0 0 0;
}
#SocialCommunity #Articles article .user {
  font-size: 19px;
  font-weight: 200;
  margin-top: 5px;
}
#SocialCommunity #Articles article .actions {
  height: 45px;
  padding: 0 8px;
}
#SocialCommunity #Articles article .author {
  width: 96%;
  padding: 2% 2% 2.5% 2% !important;
  background: linear-gradient(to right, $titlebarArrows8f, rgba(12,82,141,0.561));
}
#SocialCommunity #Articles article .author img {
  float: left;
  width: 50px;
  background: #000;
  margin-right: 12px;
  margin-left: 3px;
  border-radius: 70px;
  box-shadow: 3px 2px 6px rgba(0,0,0,0.33);
}
#SocialCommunity #Articles article .author .time {
  font-weight: 200;
  letter-spacing: 0.8px;
  font-size: 14px !important;
}
#SocialCommunity #Articles article.new .author {
  border-left: 3px solid #3bc24f;
}
#SocialCommunity #Articles article i {
  margin: 10px;
  cursor: pointer;
}
#SocialCommunity #Articles article .comments {
  width: 50%;
  float: left;
}
#SocialCommunity #Articles article .commentsList {
  margin-top: 10px;
}
#SocialCommunity #Articles article .commentsList .addComment {
  margin: 20px 0;
}
#SocialCommunity #Articles article .commentsList .opening-post {
  margin-bottom: 15px;
}
#SocialCommunity #Articles article .commentsList ul li.comment {
  background: #000;
  padding: 0;
}
#SocialCommunity #Articles article .commentsList ul li.comment:nth-child(even) {
  background: transparent;
}
#SocialCommunity #Articles article .commentsList ul li.comment:nth-child(odd) {
  background: rgba(255,255,255,0.1);
}
#SocialCommunity #Articles article .commentsList ul li.comment .reactions {
  margin: 0 !important;
}
#SocialCommunity #Articles article .commentsList ul li.comment .author {
  width: 96%;
  padding: 2% 2% 2.5% 2% !important;
  background: linear-gradient(to right, rgba(0,0,0,0.33), transparent);
}
#SocialCommunity #Articles article .commentsList ul li.comment .author img.comment-profile {
  width: 20px !important;
  box-shadow: none;
}
#SocialCommunity #Articles article .commentsList ul li.comment .author span.comment-author {
  font-size: 16px;
  font-weight: 200;
  margin-top: 5px;
  text-transform: none;
}
#SocialCommunity #Articles article .commentsList ul li.comment .author span.comment-time {
  float: right;
  margin: 3px;
  display: block;
  font-weight: 200;
  margin-right: 10px;
  text-transform: none;
  letter-spacing: 0.8px;
  font-size: 14px !important;
}
#SocialCommunity #Articles article .commentsList ul li.comment .author i.right {
  font-size: 15px;
  margin: 0px;
  float: right;
  width: auto;
  color: #808080;
}
#SocialCommunity #Articles article .commentsList ul li.comment .comment-body {
  padding: 13px;
  font-size: 15px;
  font-weight: 200;
  line-height: 20px;
  text-transform: none;
}
#SocialCommunity #Articles article .commentsList ul li.comment .comment-reactions {
  position: relative;
}
#SocialCommunity #Articles article .commentsList ul li.comment .comment-reactions li {
  font-size: 10px !important;
  float: left;
}
#SocialCommunity #Articles article .commentsList ul li.comment .comment-reactions li i {
  font-size: 16px;
}
#SocialCommunity #Articles article .dimmable {
  right: 0;
  top: 10px;
  opacity: 0;
  float: left;
  transition: 300ms;
  position: absolute;
}
#SocialCommunity #Articles article .dimmable a {
  text-decoration: none;
}
#SocialCommunity #Articles article .dimmable a i {
  padding: 5px;
}
#SocialCommunity #Articles article:hover .dimmable {
  opacity: 1;
}
#SocialCommunity #Articles article .addComment {
  margin: 0;
}
#SocialCommunity .button {
  transition: 150ms;
  background: rgba(81,81,81,0.412);
  border-radius: 1px !important;
  margin: 5px 15px 10px 0;
  box-shadow: none !important;
  border-top: 1px solid #404041 !important;
  border-bottom: 1px solid #404041 !important;
}
#SocialCommunity .button:hover,
#SocialCommunity .button:active {
  border-color: #33658a !important;
  background: #263245 !important;
}
#SocialCommunity .addComment {
  margin: 0;
  position: relative;
}
#SocialCommunity .addComment img {
  height: 30px;
  position: absolute;
  z-index: 10;
  left: 11px;
  top: 4px;
  background: #000;
  border-radius: 100px;
  opacity: 0;
  transform: scale(0);
  transition: 300ms;
}
#SocialCommunity .addComment input {
  position: absolute;
  width: 100%;
  transition: 300ms;
  position: relative;
  border-radius: 20px;
  background: #1b1b1b;
  border: 1px solid #373737;
}
#SocialCommunity .addComment:hover img,
#SocialCommunity .addComment:focus img {
  opacity: 1;
  transform: scale(1);
}
#SocialCommunity .addComment:hover input,
#SocialCommunity .addComment:focus input {
  padding-left: 50px;
  background: rgba(0,0,0,0.2);
  border: 1px solid #373737;
}
#SocialCommunity #Left {
  width: 73%;
  float: left;
}
#SocialCommunity #Right {
  width: 27%;
  float: left;
}
#SocialCommunity #Right article {
  border-bottom: 1px solid #535354;
}
#SocialCommunity #Right article .smallpost {
  height: 75px;
  font-size: 14px;
  padding: 0 10px;
  overflow: hidden;
  font-weight: 100;
  line-height: 20px;
  text-overflow: ellipsis;
}
#SocialCommunity #Right article .author {
  height: 50px;
  margin-bottom: 5px;
}
#SocialCommunity #Right article .author .time {
  font-weight: 200;
  letter-spacing: 0.8px;
  font-size: 14px !important;
}
#SocialCommunity #Right article .pop {
  position: absolute;
  top: 78px;
  right: 300px;
  width: 400px;
  height: auto;
  background: linear-gradient(to bottom, #19385a, #061d37);
  padding: 15px 15px;
  z-index: 100;
  border: 2px solid #535354;
  border-radius: 1px;
  transform: translateY(-15px);
  visibility: hidden;
  opacity: 0;
}
#SocialCommunity #Right article .pop .actions i {
  border: none;
}
#SocialCommunity #Right article .pop .post {
  overflow: hidden;
  line-height: 20px;
  max-height: 500px;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgba(93,93,114,0.569);
}
#SocialCommunity #Right article:last-child {
  border-bottom: none !important;
}
#SocialCommunity .post {
  margin: 15px 10px 20px 10px;
  font-weight: 200;
}
#SocialCommunity .post.large-font {
  font-size: 30px;
  text-align: center;
  padding: 0 0 15px 0;
  font-weight: 600;
}
#SocialCommunity .post .top-right .licon {
  opacity: 0;
  margin: 5px;
  cursor: pointer;
  transition: 200ms;
}
#SocialCommunity .post:hover .top-right .licon {
  opacity: 1;
}
#SocialCommunity .post .body {
  line-height: 23px;
}
#SocialCommunity .channel-selector {
  transform: scale(0.8);
  background: #303030;
  position: absolute;
  overflow: hidden;
  min-width: 200px;
  max-height: 0px;
  padding: 0px;
  opacity: 0;
  z-index: 5;
  right: 0;
  top: 40px;
}
#SocialCommunity .channel-selector li {
  border-left: 0px solid #395780 !important;
  padding: 5% !important;
  transition: 70ms;
  text-align: left;
  cursor: pointer;
  width: 85%;
}
#SocialCommunity .channel-selector li:hover {
  border-left: 3px solid rgba(204,204,204,0.5) !important;
  border-right: 3px solid rgba(204,204,204,0.5) !important;
  background: rgba(0,0,0,0.4);
  padding: 10px 12px !important;
}
#SocialCommunity .channels {
  padding-left: 6px;
  padding-top: 10px;
}
#SocialCommunity .channels span {
  font-size: 13px;
}
#SocialCommunity .channels span.channel {
  padding: 1px 10px;
  border-radius: 25px;
  margin-left: 7px;
  background: #f00;
}
#SocialCommunity .channels .post {
  margin-left: 3px;
  cursor: pointer;
  font-weight: 200;
  text-transform: uppercase;
  font-size: 17px;
  letter-spacing: 1px;
  color: #e4e4e4;
}
#SocialCommunity #StoreItems .title-row {
  margin-bottom: 20px;
}
#SocialCommunity #Aside {
  width: 100% !important;
  float: left !important;
  margin-bottom: 15px;
  margin-left: 1%;
  color: #fff;
}
#SocialCommunity #Aside img {
  width: 50px;
  background: #000;
  border-radius: 70px;
  box-shadow: 3px 2px 6px rgba(0,0,0,0.33);
}
#SocialCommunity #Aside article {
  cursor: pointer;
  padding: 10px 5px;
}
#SocialCommunity #Aside article .image {
  float: left;
  margin-right: 15px;
}
#SocialCommunity #Aside .post {
  margin: 0;
}
#SocialCommunity #Aside .post .content {
  height: 43px !important;
  text-overflow: ellipsis !important;
  white-space: pre-wrap !important;
  overflow: hidden !important;
}
#SocialCommunity #Sidebar {
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(122,178,255,0.39) !important;
  box-shadow: 1px 1px 1px rgba(0,0,0,0.05);
  border-radius: 0px;
  transition: 300ms;
  position: relative;
}
#SocialCommunity #Community {
  width: 96% !important;
  padding: 1% 0 0 3% !important;
}
#SocialCommunity #Community a {
  color: #949aa1;
}
#SocialCommunity #Community .profile {
  float: left;
  height: 70px;
  width: 70px;
  border: 1px solid rgba(144,174,254,0.26);
}
#SocialCommunity .actions li {
  float: right;
  cursor: pointer;
  transition: 300ms;
  margin-right: 15px;
  padding: 3px 10px 7px 12px;
  background: rgba(255,255,255,0);
  border: 1px solid rgba(255,255,255,0);
}
#SocialCommunity .actions li i {
  font-size: 16px !important;
  width: 20px !important;
  margin: 0 0 0 7px !important;
  float: left;
}
#SocialCommunity .actions li span {
  margin: 10px;
  top: 6px;
  position: relative;
}
#SocialCommunity .actions li:hover {
  background: #213a55;
  border: 1px solid rgba(255,255,255,0.33) !important;
  box-shadow: inset 1px 2px 10px rgba(0,0,0,0.3);
  border-radius: 2px;
}
#SocialCommunity .actions li .clear {
  clear: both;
}
#SocialCommunity .actions .quote {
  float: left !important;
}
#SocialCommunity li.reactions .likepad {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
}
#SocialCommunity li.reactions ul.subreactions {
  border-radius: 0 2px 2px 2px;
  position: absolute;
  height: auto;
  top: 40px;
  background: #19385a;
  padding: 10px;
  z-index: 2;
  transition: 200ms;
  opacity: 0;
  visibility: hidden;
  filter: blur(10px);
  transform: scale(0.78) translateY(-20px);
  margin-top: 3px;
  border: 1px solid #6a7b8d;
  right: -1px;
}
#SocialCommunity li.reactions ul.subreactions li {
  width: 125px;
}
#SocialCommunity li.reactions:hover ul.subreactions {
  opacity: 1;
  top: 30px;
  filter: blur(0px);
  visibility: visible;
  transform: scale(1) translateY(0px);
}
.userViewPage.sides {
  position: absolute;
  height: 100%;
  width: 100%;
  top: 0;
}
.userViewPage.sides #block-left,
.userViewPage.sides #block-right {
  background-color: #1d1d1d;
  width: 200px;
  height: 100%;
}
.viewUserHeader .slogan {
  width: 100%;
  height: 110px;
  margin: 0;
  background: transparent;
  padding: 0 0 0 0;
  position: absolute;
  bottom: 0px;
}
.viewUserHeader h1 {
  font-family: 'Roboto' !important;
  color: #dadada !important;
  font-weight: 600 !important;
  letter-spacing: 0.5px !important;
  text-transform: uppercase !important;
  background: #091b35;
  padding: 4px 18px;
  position: relative;
  cursor: default;
  right: 30px !important;
  bottom: -32px !important;
  border: 1px solid #1e63d9;
  font-size: 40px !important;
  padding: 5px 20px !important;
  text-transform: inherit !important;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}
.viewUserHeader h1 .background {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  background: url("/assets/img/patterns/diagmonds-light.png");
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  padding: 8px 20px 8px 20px !important;
}
.fr-fir {
  float: right;
}
.viewUser {
  position: relative;
  min-height: 630px;
}
.viewUser .profile {
  font-weight: 400;
  line-height: 23px;
  font-family: 'Roboto', sans-serif;
}
.viewUser .title-row {
  z-index: 1;
  height: 80px;
  position: relative;
}
.viewUser .title-row .licon {
  float: left;
  position: relative;
  top: 5px;
}
.viewUser .title-row .licon.one {
  left: 8px;
}
.viewUser .title-row .licon.three {
  left: -8px;
}
.viewUser .title-row h5 {
  color: #e6e6e6;
  font-size: 19px;
  padding-left: 0;
  font-weight: 800;
  line-height: 20px;
  padding: 5px 10px 10px 10px;
  padding-left: 0;
}
.viewUser .title-row h1 {
  color: #c1c1c1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  font-size: 32px !important;
}
.viewUser .title-row .Left,
.viewUser .title-row .Right {
  width: 50%;
  float: left;
  height: 50px;
}
.viewUser .title-row .Right {
  text-align: right;
}
.viewUser #AccountPicture {
  left: 0;
  z-index: 12;
  top: -120px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: #0b1a30 !important;
  border-radius: 0;
  position: absolute;
  border: 1px solid #1e63d9 !important;
  box-shadow: 0 0 11px #000;
}
.viewUser #Account {
  background: transparent;
}
#UserProfile {
  position: relative;
}
.UserProfile {
  min-height: 70px;
  background: linear-gradient(to right, rgba(11,33,64,0.6), #071c3a, rgba(11,33,64,0.6));
  margin-top: 20px;
  padding: 15px;
}
.UserProfile img {
  max-width: 100%;
}
.UserProfile.no_content {
  text-align: center;
  min-height: auto;
  font-size: 20px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.51);
  box-shadow: inset 0px 2px 10px #000;
  letter-spacing: 1.1px;
  padding: 50px 0;
}
ul.items li.no_content {
  font-size: 20px;
  padding: 70px 0;
  text-align: center;
  letter-spacing: 1.1px;
  text-transform: uppercase;
  color: rgba(255,255,255,0.51);
  box-shadow: inset 0px 2px 10px #000;
  background: linear-gradient(to right, #111f2f, #102a4e);
}
#AccountInfo {
  margin-bottom: 70px;
}
#AccountMenu {
  position: absolute;
  top: -70px;
  left: 130px;
}
#AccountMenu li {
  color: #fff;
  padding: 10px;
  cursor: pointer;
  background: rgba(0,0,0,0.502);
  margin-right: 5px;
  position: relative;
  padding: 10px 20px;
  display: inline-block;
}
#AccountMenu li span {
  font-size: 14px;
  margin: 10px;
  font-weight: 300;
  color: #2e88d2;
  text-transform: capitalize;
  transition: 200ms;
  position: relative;
  top: 2px;
}
#AccountMenu li i {
  transition: 200ms;
  padding: 7px 7px;
  border-radius: 31px;
  font-size: 12px;
  color: #3e80f1;
  text-shadow: 0 0 5px #163573;
}
#AccountMenu li .box-borders * {
  transition: 300ms;
}
#AccountMenu li .background {
  background: url("/assets/img/patterns/micro-carbon.png") #040404;
  background-size: 110px;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1 !important;
  opacity: 1;
}
#AccountMenu li:hover span,
#AccountMenu li .active span {
  color: #fff;
}
#AccountMenu li:hover i,
#AccountMenu li .active i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
#AccountMenu li:hover .box-borders .top,
#AccountMenu li .active .box-borders .top,
#AccountMenu li:hover .box-borders .left,
#AccountMenu li .active .box-borders .left,
#AccountMenu li:hover .box-borders .bottom,
#AccountMenu li .active .box-borders .bottom,
#AccountMenu li:hover .box-borders .right,
#AccountMenu li .active .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#UserItems,
#UserClaims {
  width: 48%;
  margin-top: 30px;
  float: left;
}
#UserItems .title-row,
#UserClaims .title-row {
  height: auto;
}
#UserItems .title-row .background,
#UserClaims .title-row .background {
  background: linear-gradient(to right, #0052de 0%, #0052de 50%, rgba(0,82,222,0.4) 95%, transparent 100%);
  top: -5px;
  width: 200px;
}
#UserItems .title-row .count,
#UserClaims .title-row .count {
  margin: 2px 5px 0 0;
  float: right;
  padding: 4px 9px;
  border-radius: 10px;
}
#UserItems .items,
#UserClaims .items {
  position: relative;
}
#UserItems .items li,
#UserClaims .items li {
  background: linear-gradient(to right, rgba(11,33,64,0.6), #071c3a, rgba(11,33,64,0.6));
  box-shadow: inset 1px 3px 20px #000;
}
#UserItems .items li .box-borders .top,
#UserClaims .items li .box-borders .top,
#UserItems .items li .box-borders .bottom,
#UserClaims .items li .box-borders .bottom,
#UserItems .items li .box-borders .left,
#UserClaims .items li .box-borders .left,
#UserItems .items li .box-borders .right,
#UserClaims .items li .box-borders .right {
  background: #0a408a;
}
#UserItems .items .title,
#UserClaims .items .title {
  width: 100%;
  padding: 15px 0;
  text-align: center;
  font-family: 'Roboto';
  color: #fff;
  letter-spacing: 1px;
  box-shadow: 1px 0 10px rgba(0,0,0,0.7);
  background: url("/assets/img/patterns/old-mathematics-blue.png");
  background-size: 128px;
  position: relative;
  height: 16px;
  border-bottom: 1px solid #1e50ab;
}
#UserItems .items .title .left,
#UserClaims .items .title .left {
  transform: rotate(-90deg);
  margin: 0px 0px 0 5px;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
#UserItems .items .title .right,
#UserClaims .items .title .right {
  transform: rotate(90deg);
  margin: 2px 5px 0 0;
  position: relative;
  cursor: pointer;
  z-index: 2;
}
#UserItems .items .title span,
#UserClaims .items .title span {
  text-transform: uppercase;
  letter-spacing: 2px;
  position: absolute;
  cursor: default;
  font-size: 15px;
  width: 100%;
  top: 17px;
  left: 0;
}
#UserItems .items .title .borders,
#UserClaims .items .title .borders {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#UserItems .items .title .borders .right-line,
#UserClaims .items .title .borders .right-line {
  width: 0%;
  bottom: 1px;
  height: 2px;
  transition: 300ms;
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 2px #003da7;
}
#UserItems .items .images,
#UserClaims .items .images {
  height: 280px;
  pointer-events: none;
}
#UserItems .items .images li img,
#UserClaims .items .images li img {
  width: 100%;
}
#UserItems .items .loading,
#UserClaims .items .loading {
  position: relative;
}
#UserItems .items .loading .title-bar,
#UserClaims .items .loading .title-bar {
  width: 33%;
  height: 20px;
  background: #395171;
  display: inline-block;
  margin: 26px 0 70px 0;
}
#UserItems .items .loading .image,
#UserClaims .items .loading .image {
  margin: 0;
  width: 100px;
  height: 100px;
  font-size: 60px;
  background: #395171;
  border-radius: 100px;
  margin-bottom: 85px;
  margin-top: 14px;
  display: inline-block;
}
@media screen and (max-width: 980px) {
  #UserItems,
  #UserClaims {
    width: 100%;
  }
}
#UserItems {
  margin-right: 4%;
}
#CommunityBar {
  position: inherit !important;
  width: 100% !important;
  opacity: 1 !important;
  padding: 0 !important;
  margin-bottom: 15px;
  height: 65px;
  z-index: 2;
  left: 0;
  top: 0;
}
#CommunityBar .border-bottom {
  background: linear-gradient(to right, transparent, #474747, #646565, #474747, transparent);
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
}
#CommunityBar #Bar {
  padding: 12px;
  height: 40px;
  color: #fff;
  z-index: 20;
  position: relative;
  border-radius: 0px;
  transition: 200ms;
  transform: rotateX(0deg) translateY(0px);
  background: linear-gradient(to right, rgba(95,98,103,0.478) 5%, rgba(196,196,196,0) 100%);
}
#CommunityBar #Bar.hide {
  transform: rotateX(-90deg) translateY(-10%) !important;
}
#CommunityBar #Bar .search-icon {
  font-size: 21px;
  margin: 12px 5px 0 10px;
  width: auto;
}
#CommunityBar #Bar .search-icon span.licon {
  font-size: 21px;
}
#CommunityBar #Bar div {
  float: left;
  width: 70%;
  cursor: pointer;
  font-size: 14px;
  font-weight: 400;
  font-family: sans-serif;
}
#CommunityBar #Bar div:last-child {
  border-right: none;
}
#CommunityBar #Bar div i {
  margin-right: 5px;
}
#CommunityBar #Bar div span {
  cursor: pointer;
}
#CommunityBar #Bar ul.icons li {
  font-size: 20px !important;
  color: #c5c5c5 !important;
  margin: 8px 8px !important;
  float: right !important;
  position: relative;
  padding: 3px 8px;
  cursor: pointer;
}
#CommunityBar #Bar ul.icons li ul {
  box-shadow: 0 0 30px #000;
  background: #33393f;
  position: absolute;
  overflow: hidden;
  height: auto;
  width: 200px;
  right: -10px;
  z-index: 25;
  top: 45px;
}
#CommunityBar #Bar ul.icons li ul li {
  background: rgba(0,0,0,0);
  float: none !important;
  margin: 0 !important;
  transition: 100ms;
  padding: 15px;
}
#CommunityBar #Bar ul.icons li ul li:hover {
  background: rgba(0,0,0,0.35);
}
#CommunityBar #Bar .logo {
  width: auto;
  float: left;
  color: #fff;
  padding: 3px;
  height: 30px;
  font-weight: 200;
  border-radius: 0;
  padding: 2px 10px;
  border-radius: 2px;
  background: #1b4673;
  margin: 4px 10px 4px 4px;
  text-shadow: 0 1px 0 #000;
  box-shadow: 0 0 1px rgba(0,0,0,0.3);
  margin: 3px 12px 3px 3px !important;
}
#CommunityBar #Bar .logo img {
  width: auto;
  height: 100%;
}
#CommunityBar #Bar .search form {
  position: relative;
  border-radius: 0px;
  border: 0;
}
#CommunityBar #Bar .search form input {
  font-family: 'Lato', sans-serif;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin: 2px 0 10px 0;
  letter-spacing: 1px;
  font-size: 22px;
  font-weight: 200;
  background: none;
  padding: 10px;
  outline: none;
  border: none;
  width: 350px;
  color: #fff;
  height: 45px;
  margin: 0;
}
#CommunityBar #Bar .search form input::-webkit-input-placeholder,
#CommunityBar #Bar .search form input::-moz-placeholder,
#CommunityBar #Bar .search form input:-ms-input-placeholder,
#CommunityBar #Bar .search form input:-moz-placeholder {
  color: #fff;
}
#CommunityBar #Bar .search .searchResults {
  display: none;
}
@media screen and (max-width: 980px) {
  .viewUserHeader .slogan h1 {
    left: 125px !important;
    right: auto !important;
    bottom: -5px !important;
  }
}
@media screen and (max-width: 768px) {
  .viewUserHeader .slogan h1 {
    left: 125px !important;
    right: auto !important;
    bottom: -45px !important;
  }
  #AccountMenu {
    margin-bottom: 20px;
    position: relative;
    top: auto;
    left: auto;
  }
  #AccountMenu li {
    margin: 0 5px 15px 0 !important;
  }
}
#mainhead {
  background: #000;
  background-size: cover !important;
  background-position: 0px 47%;
  z-index: 12;
}
#mainhead.blue .container {
  height: 100% !important;
  padding-bottom: 0 !important;
}
#mainhead.blue .row.title-row {
  position: absolute;
  bottom: 0%;
  width: 100%;
  margin-bottom: 2%;
  background: rgba(2,2,2,0.6);
}
#mainhead.blue .row.title-row a {
  cursor: pointer;
}
#mainhead.blue .shop-link i {
  top: -11px;
  float: right;
  color: #2b7bbe;
  font-size: 26px;
  transition: 100ms;
  position: relative;
  margin: 0 3px 0 12px;
  text-shadow: 0 0 2px rgba(42,69,145,0.8);
}
#mainhead.blue .shop-link:hover i {
  color: #fff;
}
#mainhead .container {
  height: 95%;
  padding-bottom: 5%;
}
#mainhead .container .slogan {
  width: 100%;
  height: 110px;
  margin: 0;
  background: transparent;
  padding: 0 0 0 0;
  position: absolute;
  bottom: 0px;
}
#mainhead .container .slogan h1 {
  position: absolute;
  bottom: 25px;
  right: 140px;
  font-family: 'KeepCalm';
  line-height: initial;
  text-align: left;
  letter-spacing: 2px;
  font-size: 35px;
  font-weight: 500;
  text-shadow: 2px 2px 2px rgba(34,34,34,0.53), -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;
  padding: 0 0 0 43px;
}
#mainhead .container .slogan span {
  position: absolute;
  bottom: 14px;
  background: none;
  padding: 0 0 0 45px;
  letter-spacing: 0.6px;
}
#mainhead .container .slogan.left-align #AccountPicture {
  left: 0;
  right: auto;
}
#mainhead .container .slogan.left-align h1,
#mainhead .container .slogan.left-align span {
  text-transform: inherit !important;
  padding: 0 0 0 30px !important;
  left: 0 !important;
  right: auto !important;
}
#mainhead.right-align .slogan h1,
#mainhead.right-align .slogan span {
  text-transform: inherit !important;
  padding: 0 0 0 125px;
  right: 140px;
}
@media screen and (max-width: 768px) {
  #mainhead .slogan {
    left: 0 !important;
  }
}
#Viewer {
  text-align: center;
}
#Viewer #contentpage {
  padding: 110px 0;
}
#TermsPage .container {
  background: #000;
  margin-bottom: 70px;
}
#TermsPage h2 {
  font-family: 'KeepCalm';
  letter-spacing: 3px;
  font-size: 39px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px 0 20px 0;
  text-align: center;
  text-shadow: 3px 2px 10px rgba(0,0,0,0.5);
}
#TermsPage h3 {
  color: #628cff;
  font-size: 34px;
}
#TermsPage p {
  color: #f8fbff;
  margin: 20px 0;
  line-height: 25px;
}
#TermsPage .image {
  text-align: center;
  margin: 30px auto;
  background: url("/assets/img/asylum-logo-right-gray.png");
  height: 95px;
  width: 290px;
}
#TermsPage .image:hover {
  background: url("/assets/img/asylum-logo-right.png");
}
#TopBar {
  top: 25px;
  position: fixed;
  text-align: left;
  width: 100%;
  height: 3px;
  z-index: 100;
  pointer-events: none;
}
#TopBar loading-bar {
  top: 0;
  width: 100%;
  height: 3px;
  position: absolute;
  pointer-events: none;
}
#TopBar .loading-bar-progress {
  display: inline-block;
}
#TopBar .loading-bar {
  height: 3px !important;
}
#TopBar .loadingBar {
  background: #567ce8;
  height: 1px !important;
  width: 0%;
  display: inline-block;
}
#Hood {
  top: -29px;
  opacity: 1;
  width: 100%;
  z-index: 20;
  height: 100px;
  display: none;
  text-align: left;
  position: absolute;
  pointer-events: none;
  background-size: 100%;
  background-position: top;
  background: url("/assets/img/header_banner.png") center;
}
.TopRight {
  left: 0;
  width: 100%;
  z-index: 17;
  height: 25px;
  position: absolute;
  border-bottom: 2px solid #a2a2a2;
}
@media screen and (max-width: 768px) {
  .TopRight {
    display: none !important;
  }
}
#TopMarker {
  position: absolute;
  z-index: 1;
  top: 0;
}
#TopMarker .left,
#TopMarker .right {
  position: absolute;
  top: 0;
  height: 3px;
  background: #0f55c7;
  box-shadow: 0 0 3px #0052de;
}
#TopMarker .left {
  transform: skew(30deg);
  width: 40%;
  left: 20%;
}
#TopMarker .right {
  transform: skew(-30deg);
  width: 40%;
  right: 20%;
}
#LeftSide {
  position: absolute;
  height: 60px;
  width: 35%;
  float: right;
  text-align: right;
  left: 0;
  top: 0px;
  padding: 0;
  outline: none;
}
#LeftSide .bottomLines {
  position: relative;
  height: 100%;
}
#LeftSide .bottomLines .right,
#LeftSide .bottomLines .left {
  bottom: 0;
  height: 2px;
  width: 155px;
  position: absolute;
  background: #1e63d9;
}
#LeftSide .bottomLines .right {
  width: 173px;
}
#LeftSide .background,
#LeftSide .active-background {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  transition: all 200ms ease-in-out;
  background: linear-gradient(120deg, rgba(42,75,169,0.79) 0%, transparent 36%);
}
#LeftSide .active-background {
  opacity: 0;
  background-image: linear-gradient(120deg, #1e63d9 0%, transparent 36%);
  transition: 200ms ease-in-out;
  transform: translateX(100px);
}
#LeftSide:hover .active-background {
  opacity: 1;
  transform: translateX(0px);
}
#LeftSide .search {
  padding: 7px;
  border-radius: 50px;
  position: absolute;
  left: 13px;
  top: 17px;
  font-size: 13px;
  cursor: pointer;
  transition: 200ms;
  background: rgba(54,66,130,0);
}
#LeftSide .search:hover {
  background: rgba(54,66,130,0.56);
}
@media screen and (max-width: 768px) {
  #LeftSide .search {
    display: none;
  }
}
#RightSide {
  position: absolute;
  height: 60px;
  width: 35%;
  float: right;
  text-align: right;
  right: 0;
  top: 0px;
  padding: 0;
  outline: none;
}
#RightSide .bottomLines {
  position: relative;
  height: 100%;
}
#RightSide .bottomLines .right,
#RightSide .bottomLines .left {
  bottom: 0;
  height: 2px;
  width: 190px;
  position: absolute;
  background: #1e63d9;
}
#RightSide .bottomLines .right {
  right: 0;
  width: 195px;
}
#RightSide .bottomLines .left {
  left: 0;
}
#RightSide .background,
#RightSide .active-background {
  pointer-events: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(120deg, transparent 60%, rgba(42,75,169,0.79) 100%);
  transition: all 200ms ease-in-out;
}
#RightSide .active-background {
  opacity: 0;
  background-image: linear-gradient(120deg, transparent 50%, #1e63d9 100%);
  transition: 200ms ease-in-out;
  transform: translateX(-100px);
}
#RightSide:hover .active-background {
  opacity: 1;
  transform: translateX(0px);
}
#RightSide #User a {
  position: relative;
}
#RightSide #User a .box-borders {
  opacity: 0;
  transition: 200ms;
}
#RightSide #User a .background {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  transition: 200ms;
  background: url("/assets/img/line-overlay.png") !important;
}
#RightSide #User a:hover .box-borders {
  opacity: 1;
}
#RightSide #User a:hover .background {
  opacity: 0.2;
}
@media screen and (max-width: 550px) {
  #LeftSide .bottomLines .right,
  #RightSide .bottomLines .right {
    display: none;
  }
}
#LeftMarker {
  top: 60px;
  width: 35%;
  left: -72px;
  z-index: 100;
  height: 49px;
  position: absolute;
  background: linear-gradient(141deg, rgba(67,96,172,0), rgba(5,126,219,0) 51%, rgba(33,63,101,0.5) 75%);
  border-top: 1px solid #0f3985;
  border-right: 2px solid #2b55ca;
  transform: skew(33deg);
  border-radius: 0 4px 0 0;
}
#LeftMarker .bottomLines {
  position: relative;
  height: 100%;
}
#LeftMarker .bottomLines .right,
#LeftMarker .bottomLines .left {
  position: absolute;
  width: 30px;
  height: 2px;
}
#LeftMarker .bottomLines .right {
  right: 0;
}
#LeftMarker .bottomLines .left {
  left: 0;
}
#LeftMarker .search-bar {
  background: linear-gradient(to right, #000, transparent);
  left: 70px;
  transform: translateX(0%) skew(-33deg);
  right: 0;
  position: absolute;
  border: none;
  height: 49px;
  z-index: 100;
  transform: translateX(-100%) skew(-33deg);
  width: 100%;
  opacity: 0;
  padding-left: 31px;
}
#LeftMarker .search-bar::placeholder {
  color: #fff;
  font-weight: 300;
}
#LeftMarker .highlight {
  position: relative;
}
#LeftMarker .highlight .bars {
  position: absolute;
  right: 3px;
  top: 14px;
}
#LeftMarker .highlight .bars .bar {
  width: 5px;
  height: 20px;
  position: absolute;
}
#LeftMarker .highlight .bars .bar.one {
  right: 5px;
  animation: flash 1s infinite;
}
#LeftMarker .highlight .bars .bar.two {
  right: 14px;
  animation: flash 1s 120ms infinite;
}
#LeftMarker .highlight .bars .bar.three {
  right: 20px;
  animation: flash 1s 120ms infinite;
}
#LeftMarker .highlight .label {
  opacity: 0;
  color: #75b4ff;
  transform: skew(-33deg);
  font-family: 'Orbitron';
  font-size: 12px;
  letter-spacing: 1px;
  top: 15px;
  position: absolute;
  height: 20px;
  overflow: hidden;
  width: 400px;
  right: 15px;
  text-align: right;
}
#RightMarker {
  background: linear-gradient(40deg, rgba(33,63,101,0.52) 22.27%, rgba(98,96,194,0.04) 48.74%, rgba(67,96,172,0) 71.85%, rgba(5,126,219,0) 99.58%);
  position: absolute;
  top: 60px;
  right: -72px;
  z-index: 100;
  width: 35%;
  height: 49px;
  border-top: 1px solid #0f3985;
  border-left: 2px solid #2b55ca;
  border-right: 2px solid #2b55ca;
  transform: skew(-33deg);
  border-radius: 4px 0 0 0;
}
#RightMarker .highlight {
  position: absolute;
  height: 100%;
  width: 100%;
}
#RightMarker .highlight .label {
  color: #75b4ff;
  transform: skew(32deg);
  font-family: 'Orbitron';
  font-size: 12px;
  letter-spacing: 1px;
  top: 15px;
  position: absolute;
  height: 20px;
  overflow: hidden;
  width: 400px;
  left: 31px;
}
#RightMarker .people i {
  color: #fff;
}
#RightMarker .bars {
  position: absolute;
  left: 12px;
  top: 14px;
}
#RightMarker .bars .bar {
  width: 5px;
  height: 20px;
  background: #5280ff;
  position: absolute;
}
#RightMarker .bars .bar.one {
  left: 5px;
  animation: greenFlash 1s infinite;
}
#RightMarker .bars .bar.two {
  left: 14px;
  animation: greenFlash 1s 120ms infinite;
}
#RightMarker .bars .bar.three {
  left: 24px;
  animation: greenFlash 1s 240ms infinite;
}
#RightMarker .right {
  bottom: 0;
  width: 120px;
  height: 2px;
  position: absolute;
  background: #1e63d9;
}
#CentrePoint {
  position: absolute;
  text-align: center;
  color: #fff;
  height: 30px;
  width: 100%;
  top: 110px;
  z-index: 10;
}
#CentrePoint .container {
  width: 100%;
  text-align: center;
}
#CentrePoint #Prompt {
  overflow: hidden;
  margin: 0 auto;
  display: inline-block;
  width: 485px;
  height: 30px;
  left: -1px;
  position: relative;
  cursor: pointer;
}
#CentrePoint #Prompt .borders {
  width: 100%;
  position: absolute;
  height: 100%;
  top: 0;
}
#CentrePoint #Prompt .borders .bottom {
  position: absolute;
  width: 100%;
  height: 1px;
  bottom: 1px;
  background: linear-gradient(to right, transparent, #557ce8, transparent);
}
#CentrePoint #Prompt .title {
  padding: 8px 0;
  background: linear-gradient(to right, transparent, #0b4572, transparent);
  color: #fff;
  font-family: 'Orbitron';
  font-size: 12px;
  height: 12px;
}
#CentrePoint #Prompt .right {
  transition: 400ms ease-out;
  display: inline-block;
  position: absolute;
  transition: 400ms;
  height: 20px;
  width: 20px;
  opacity: 0;
  right: 50%;
  top: 5px;
}
#CentrePoint #Prompt .right .licon {
  transform: rotate(-90deg);
  position: relative;
  font-size: 12px;
  top: 3px;
}
#CentrePoint #Prompt .left {
  transition: 400ms ease-out;
  display: inline-block;
  position: absolute;
  height: 20px;
  width: 20px;
  opacity: 0;
  left: 50%;
  top: 5px;
}
#CentrePoint #Prompt .left .licon {
  transform: rotate(90deg);
  position: relative;
  font-size: 12px;
  top: 3px;
}
#CentrePoint #Prompt:hover .left,
#CentrePoint #Prompt .left.active {
  opacity: 1;
  left: 10%;
}
#CentrePoint #Prompt:hover .right,
#CentrePoint #Prompt .right.active {
  opacity: 1;
  right: 10%;
}
#CentrePoint #Signup {
  overflow: hidden;
  height: 100%;
  position: fixed;
  width: 100%;
}
#CentrePoint #Signup #MiniNewUser {
  position: absolute;
  top: 28px;
  width: 100%;
}
#CentrePoint #Signup .container {
  padding: 0;
}
#CentrePoint #Signup .lase {
  background: url("/assets/img/patterns/classy-fabric.png") rgba(47,47,47,0.388);
  position: absolute;
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 0;
  top: 0;
}
#CentrePoint #Login {
  height: 0px;
  display: none;
  opacity: 1;
  position: fixed;
  width: 100%;
  height: 100%;
  transition: 500ms;
  top: -100%;
  background: #f00;
  overflow: hidden;
}
#CentrePoint #Login .lase {
  background: url("/assets/img/patterns/classy-fabric.png") rgba(47,47,47,0.388);
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  top: 0;
}
#CentrePoint #CreateAccount {
  min-width: 850px !important;
  width: 40% !important;
  display: inline-block;
  height: 460px;
  float: none;
}
#CentrePoint #CreateAccount .input-labels {
  width: 100% !important;
}
#CentrePoint #CreateAccount #Agreement {
  width: 20%;
  float: right;
  position: relative;
  z-index: 1;
  left: -320px !important;
}
#CentrePoint #CreateAccount #Step4 .background-icon {
  left: 90px;
  top: -20px;
}
#CentrePoint #CreateAccount #Step4 .captcha label {
  margin: 10px 0 10px 0;
}
#CentrePoint #CreateAccount h2 {
  padding: 0 0 15px 0;
}
#CentrePoint #LoginPage {
  margin-top: 8px;
  padding: 0;
}
#CentrePoint #LoginPage #Login {
  width: 610px !important;
  margin-left: 0% !important;
  float: none !important;
  height: auto;
  display: inline-block;
}
#CentrePoint #LoginPage #Login #OAuthLogins .auth .label {
  padding: 1px 0 0 30%;
  width: 70%;
}
#BottomMarker {
  width: 80%;
  position: absolute;
  left: 10%;
  top: 110px;
  height: 1px;
}
#BottomMarker .background_one {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 1;
  height: 100%;
  width: 100%;
  transition: 200ms;
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, #1b50b1 15%, #0f3984 25%, #3c67b5 50%, #143979 75%, #1b50b1 85%, rgba(0,0,0,0) 100%);
}
#BottomMarker .background_two {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
  height: 100%;
  width: 100%;
  transition: 200ms;
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, #1b50b1 15%, #0f3984 25%, #90b8ff 50%, #143979 75%, #1b50b1 85%, rgba(0,0,0,0) 100%) !important;
}
#BottomMarker2 {
  top: 110px;
  width: 100%;
  position: absolute;
  left: 0;
  top: 110px;
  height: 1px;
  background: linear-gradient(to right, rgba(55,77,236,0.51) 0%, rgba(85,124,232,0.4) 15%, rgba(85,124,232,0.4) 85%, rgba(55,77,236,0.51) 100%);
  transition: 200ms;
}
#Menu:hover #BottomMarker .background_one {
  opacity: 0;
}
#Menu:hover #BottomMarker .background_two {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #BottomMarker,
  #BottomMarker2 {
    top: 60px !important;
  }
}
#LeftMenu {
  text-align: right;
  width: 11%;
  padding: 0;
  margin: 0;
  left: 30%;
  top: 7px;
  height: 110px;
  position: absolute;
}
#LeftMenu li li a {
  text-align: right;
}
#LeftMenu li li a span {
  margin: 5px;
}
#LeftMenu li .title {
  float: right;
  position: relative;
}
#LeftMenu li .title .underline {
  background: rgba(255,255,255,0.25);
  transition: 300ms;
  height: 1px;
  width: 0;
  right: 50%;
  animation-name: poweredline;
  position: absolute;
}
#LeftMenu li:hover .title .underline {
  width: 100%;
  right: 0%;
}
#RightMenu {
  width: 11%;
  padding: 0;
  margin: 0;
  right: 30%;
  top: 7px;
  height: 110px;
  overflow: hidden;
  position: absolute;
}
#RightMenu li {
  text-align: left;
}
#RightMenu li li a {
  text-align: left;
}
#RightMenu li .title {
  position: relative;
  float: left;
}
#RightMenu li .title .underline {
  background: rgba(255,255,255,0.25);
  transition: 300ms;
  height: 1px;
  width: 0;
  left: 50%;
  position: absolute;
}
#RightMenu li:hover .title .underline {
  width: 100%;
  left: 0%;
  animation-name: poweredline;
}
#SearchResults {
  left: 0;
  top: 110px;
  color: #fff;
  opacity: 0;
  margin-top: 0;
  font-size: 14px;
  font-weight: 200;
  overflow: hidden;
  position: absolute;
  overflow-y: scroll;
  z-index: 10 !important;
  width: 260px !important;
  height: 100vh !important;
  transform: translateX(-100%);
  background: linear-gradient(to right, #000 0%, #131313 15%, transparent 30%);
}
#SearchResults li {
  height: 25px;
  cursor: pointer;
  padding: 12px 20px;
  position: relative;
}
#SearchResults li .image {
  width: 27px;
  float: left;
  border-radius: 20px;
  background: #143559;
}
#SearchResults li .image img {
  width: 100%;
}
#SearchResults li .username {
  font-size: 16px;
  color: #fff;
  margin: 0 0 0 12px;
}
#SearchResults li a {
  font-size: 16px;
  padding: 0 10px;
  color: #fff;
  font-weight: 300;
  letter-spacing: 0.3px;
  height: 100%;
  position: absolute;
}
#SearchResults li .underglow {
  top: 0;
  left: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  z-index: -10;
  position: absolute;
  transition: 150ms ease-in-out;
}
#SearchResults li:hover {
  background: linear-gradient(to right, #1b1b1b, rgba(64,64,64,0));
  border-left: 3px solid #4ab337;
  transition: 250ms;
}
#SearchResults::-webkit-scrollbar {
  width: 5px;
}
#SearchResults::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0);
  -webkit-border-radius: 10px;
  border-radius: 10px;
}
#SearchResults::-webkit-scrollbar-thumb {
  -webkit-border-radius: 10px;
  border-radius: 10px;
  background: rgba(0,0,0,0);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
#SearchResults::-webkit-scrollbar-thumb:window-inactive {
  background: rgba(0,0,0,0);
}
#IDLogo {
  overflow: hidden;
  z-index: 10;
  outline: none;
  display: inline-block;
}
#LoginFields {
  position: absolute;
  width: 86%;
  right: 1%;
  top: 70px;
  padding: 0 0px;
  margin: 0 auto;
  z-index: 100;
  overflow: hidden;
}
#LoginFields .bars {
  position: absolute;
  left: 15px;
  top: 15px;
}
#LoginFields .inside {
  left: 0;
  bottom: 0;
  width: 100%;
  position: absolute;
  background: linear-gradient(to right, rgba(255,255,255,0), #44d07d, rgba(255,255,255,0));
  height: 1px;
}
#LoginFields input,
#LoginFields textarea,
#LoginFields select {
  letter-spacing: 0.7px;
  font-weight: 400;
  position: relative;
  background: transparent;
  font-size: 15px;
  outline: none;
  border: none;
  padding: 5px 1%;
  color: #5fd790;
  margin: 0;
  width: 38%;
  top: 0;
  font-weight: 700;
  transition: 200ms;
  border-bottom: 2px solid rgba(255,255,255,0.1);
}
#LoginFields input:active,
#LoginFields textarea:active,
#LoginFields select:active,
#LoginFields input:focus,
#LoginFields textarea:focus,
#LoginFields select:focus {
  border-bottom: 3px solid #38dc96;
}
#LoginFields input:-webkit-autofill,
#LoginFields textarea:-webkit-autofill,
#LoginFields select:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #44d07d inset !important;
  -webkit-text-fill-color: #000;
  border: 0px;
}
#LoginFields button {
  border-radius: 2px;
  position: relative;
  top: -2px;
  right: 0;
  left: auto;
  background: rgba(255,255,255,0.1);
  color: #fff;
  text-transform: uppercase;
  border: none;
  font-size: 13px;
  padding: 9px 13px;
  font-weight: 500;
  letter-spacing: 0.5px;
  transition: 200ms;
  cursor: pointer;
  width: 20%;
}
#LoginFields button:hover,
#LoginFields button:focus,
#LoginFields button:active {
  background: #44d07d;
  color: #000;
}
@media screen and (max-width: 768px) {
  #LeftMenu,
  #RightMenu {
    background: none !important;
    overflow: hidden;
    width: 100% !important;
  }
  .nav-link {
    height: 70px;
    margin-top: 0px !important;
    height: 53px !important;
  }
  #TopBackground {
    border-bottom: 1px solid #0f3985;
  }
  #SearchMenu {
    display: none;
  }
}
#SearchMenu,
#UserMenu {
  top: 0;
  right: 0;
  padding: 0;
  z-index: 10;
  height: 100%;
  float: right;
  outline: none;
  text-align: right;
  position: absolute;
}
#SearchMenu a,
#UserMenu a {
  top: 20px;
  bottom: 0px;
  outline: none;
  color: #f7f7f7;
  cursor: pointer;
  font-size: 12px;
  text-align: right;
  line-height: 24px;
  position: relative;
  margin: 0px 0px 0 0;
  letter-spacing: 0.7px;
  background: transparent;
  text-transform: uppercase;
  padding: 25px 33px 22px 30px;
  transition: 400ms;
}
#SearchMenu a .box-borders,
#UserMenu a .box-borders {
  display: none;
  transition: 150ms !important;
}
#SearchMenu a .box-borders .left,
#UserMenu a .box-borders .left {
  transition: 150ms;
  background: #43a515 !important;
}
#SearchMenu a .active,
#UserMenu a .active,
#SearchMenu a:hover,
#UserMenu a:hover {
  background: linear-gradient(#0362c7, #2196f3);
  padding: 24px 50px 22px 50px;
  box-shadow: -1px -1px 1px #153692;
}
#SearchMenu .licon-magnifier,
#UserMenu .licon-magnifier {
  opacity: 1;
  margin: 0 10px;
}
#SearchMenu .profile-tag,
#UserMenu .profile-tag {
  z-index: 10;
  position: relative;
  display: inline-block;
  text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
#SearchMenu .profile.pic,
#UserMenu .profile.pic {
  box-shadow: 0px 0px 22px rgba(0,0,0,0.25);
}
@media screen and (max-width: 760px) {
  #SearchMenu .profile.pic,
  #UserMenu .profile.pic {
    display: none !important;
  }
}
#SearchMenu .profile.name,
#UserMenu .profile.name {
  display: inline-block;
  font-size: 10px;
}
#SearchMenu .profile.balance,
#UserMenu .profile.balance {
  background: #2061b9;
  float: left;
  position: absolute;
  bottom: 6px;
  font-size: 12px;
  padding: 3px 7px 0;
  line-height: 18px;
  border-radius: 2px;
  left: 9px;
  border-bottom: 1px solid #3a378e;
}
#SearchMenu .profile.pic,
#UserMenu .profile.pic {
  overflow: hidden;
  width: 40px;
  height: 40px;
  float: right;
  background: #000;
  margin: -9px 0 0 15px;
}
#SearchMenu .profile.pic img,
#UserMenu .profile.pic img {
  width: auto;
  height: 100% !important;
}
#SearchMenu .profile.tag,
#UserMenu .profile.tag {
  float: right;
  width: 200px;
}
#SearchMenu .profile.logout,
#UserMenu .profile.logout {
  position: absolute;
  right: 0;
  bottom: -25px;
  font-size: 10px;
  font-weight: 500;
  text-transform: uppercase;
  padding: 0 15px;
  background: #448bc5;
  width: 200px;
  display: none;
}
#SearchMenu:hover .profile.logout,
#UserMenu:hover .profile.logout {
  display: block;
}
#SearchMenu {
  left: 0;
  right: auto;
}
#Submenu {
  top: 63px;
  position: absolute;
  width: 29%;
  right: 0;
  pointer-events: none;
  border-radius: 0 0 0 2px;
  z-index: 100;
}
#Submenu .options {
  position: absolute;
  right: 5px;
  top: 10px;
}
#Submenu .options .icon {
  color: #c1deff;
  text-shadow: 1px 1px 0px #000;
  position: absolute;
  top: 10px;
  right: 10px;
}
#Submenu .options .optionsmenu {
  position: absolute;
  top: 7px;
  right: 24px;
  border-radius: 2px;
  background: rgba(0,0,0,0.51);
  font-size: 12px;
  z-index: 100;
  width: 80px;
}
#Submenu .options li {
  padding: 1px 11px 1px 11px;
}
#Submenu .options .viewHover {
  opacity: 0;
  top: 4px;
  transition: 200ms;
}
#Submenu .options:hover .viewHover {
  opacity: 0;
  top: 6px;
  font-size: 12px;
  letter-spacing: 0.5px;
  padding: 0px 5px;
  background: rgba(0,0,0,0.34);
  border-radius: 4px;
  left: -35px;
  position: relative;
  top: 6px;
  color: #fff;
  font-size: 10px;
  font-weight: 100;
  font-family: 'Lato';
}
#Submenu .account-details {
  margin: 3px;
  border-radius: 0px;
  padding: 7px;
  min-height: 75px;
}
#Submenu .account-details .user-image {
  width: 70px;
  height: 70px;
  background: #000;
  border-radius: 2px;
  padding: 2px;
  float: left;
}
#Submenu .account-details .user-image img {
  width: 100%;
  height: 100%;
}
#Submenu .account-details .username {
  position: absolute;
  top: 12px;
  left: 42px;
  opacity: 0;
  transition: 1s 0s;
}
#Submenu .account-details .username span {
  font-family: "Lato";
  color: #fff;
  text-transform: capitalize;
  font-weight: 400;
}
#Submenu .account-details .balance {
  font-family: "Lato";
  color: #fff;
  text-transform: capitalize;
  font-weight: 200;
  position: absolute;
  top: 37px;
  left: 95px;
  font-size: 11px;
}
#Submenu .account-details .tagline {
  color: #8184a2;
  font-weight: 500;
  font-size: 13px;
  position: absolute;
  top: 39px;
  left: 19px;
  opacity: 0;
  transition: 1s 500ms;
}
#Submenu .account-details .profile-links {
  position: absolute;
  bottom: 5px;
  left: 3px;
  opacity: 0;
  transition: 1s 1s;
}
#Submenu .account-details .profile-links li {
  float: left;
  margin: 0 10px 0 0;
}
#Submenu .account-details .profile-links li a {
  font-family: "Lato";
  font-weight: 200;
  color: #c1deff;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 10px;
}
#Submenu .account-details .profile-links li a:hover {
  text-decoration: underline;
}
#Submenu .account-details .claims span {
  position: absolute;
  top: 38px;
  left: 95px;
  font-size: 13px;
  text-shadow: none;
}
#Submenu .account-details .claims .mainClaim {
  position: absolute;
  top: 38px;
  left: 130px;
  color: #4893ea;
  text-shadow: 1px 1px 3px rgba(7,34,66,0.6);
  font-size: 15px;
}
#Menu {
  height: 110px;
  opacity: 1;
  border-bottom: none;
}
#Menu .menu-content {
  height: 64px;
  text-align: center;
  width: auto !important;
}
#Menu .menu-content {
  text-align: center;
}
#Menu #TopBackground {
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  background: rgba(0,0,0,0.6);
  background-position-y: -7px;
}
#Menu #BottomBackground {
  position: absolute;
  left: 0%;
  height: 50px;
  top: 60px;
  width: 100%;
  background: linear-gradient(to right, transparent, rgba(0,0,0,0.6) 27.73%, rgba(0,0,0,0.6) 73.95%, transparent);
}
#Menu #BottomBackground .centralMarkers {
  opacity: 0;
  width: 36%;
  height: 50px;
  margin: auto;
  overflow: hidden;
  position: relative;
}
#Menu #BottomBackground .centralMarkers .bottomleft {
  background: linear-gradient(to right, transparent, #1e63d9, transparent);
  width: 170px;
  height: 2px;
  left: 0%;
}
#Menu #BottomBackground .centralMarkers .bottomright {
  background: linear-gradient(to right, transparent, #1e63d9, transparent);
  width: 170px;
  height: 2px;
  right: 0%;
}
#Menu #BottomBackground .centralMarkers .bottomcenter {
  background: linear-gradient(to right, transparent, #1e63d9, transparent);
  margin: auto;
  width: 40%;
  height: 2px;
  bottom: 0px;
  left: 30%;
}
#Menu #BottomBackground .bottomleft,
#Menu #BottomBackground .bottomcenter {
  background: #1e63d9;
  position: absolute;
  height: 2px;
  width: 20px;
  bottom: 0px;
  left: 10px;
}
#Menu #BottomBackground .bottomright {
  background: #557ce8;
  position: absolute;
  height: 2px;
  width: 20px;
  bottom: 0px;
  right: 10px;
}
#Menu #BottomBackground .left {
  position: absolute;
  top: 0px;
  left: -29px;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 50px solid transparent;
  border-right: 33px solid rgba(0,0,0,0.6);
}
#Menu #BottomBackground .left .line {
  opacity: 0;
  position: absolute;
  top: -4px;
  left: 15px;
  transform: rotate(-32deg);
  height: 59px;
  border-right: 1px solid #3f68db;
  text-shadow: 0 0 4px rgba(0,0,0,0.5);
}
#Menu #BottomBackground .right {
  position: absolute;
  top: 0px;
  right: -29px;
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 50px solid transparent;
  border-left: 33px solid rgba(0,0,0,0.4);
}
#Menu #BottomBackground .right .line {
  opacity: 0;
  position: absolute;
  top: -4px;
  right: 15px;
  transform: rotate(32deg);
  height: 60px;
  border-right: 1px solid rgba(63,104,219,0.96);
}
#Menu #BottomBackground .center {
  font-family: 'Lato';
  line-height: 50px;
  color: rgba(162,201,239,0.98);
  cursor: default;
  position: absolute;
  top: 0;
  width: 99%;
  height: 50px;
  left: 0.5%;
  background: rgba(0,0,0,0.4);
  font-size: 13px !important;
  text-transform: uppercase;
  letter-spacing: 0.3px;
}
@media screen and (min-width: 768px) {
  #Menu #BottomBackground .center span {
    display: none;
  }
}
#Menu #Menu .menu-content {
  height: 60px;
}
#Menu #Menu .menu-content .menu-content {
  text-align: center;
}
#Menu #Menu .menu-content #TopBackground {
  height: 60px;
  width: 100%;
  position: absolute;
  top: 0;
  background: rgba(0,0,0,0.6);
}
#Menu.plain #BottomBackground {
  background: linear-gradient(to right, transparent, rgba(0,0,0,0.6) 27.73%, rgba(0,0,0,0.6) 73.95%, transparent);
}
#Menu.plain #BottomBackground .centralMarkers .bottomleft {
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
}
#Menu.plain #BottomBackground .centralMarkers .bottomright {
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
}
#Menu.plain #BottomBackground .centralMarkers .bottomcenter {
  background: linear-gradient(to right, transparent, rgba(255,255,255,0.5), transparent);
}
#Menu.plain #BottomBackground .bottomleft,
#Menu.plain #BottomBackground .bottomcenter {
  background: rgba(255,255,255,0.5);
}
#Menu.plain #BottomBackground .bottomright {
  background: #557ce8;
}
#Menu.plain #BottomBackground .left {
  border-right: 33px solid rgba(0,0,0,0.6);
}
#Menu.plain #BottomBackground .line {
  border-right: 1px solid rgba(255,255,255,0.5);
}
#Menu.plain #BottomBackground .right {
  border-left: 33px solid rgba(0,0,0,0.4);
}
#Menu.plain #BottomBackground .line {
  border-right: 1px solid rgba(255,255,255,0.5);
}
#Menu.plain #BottomBackground .center {
  color: rgba(255,255,255,0.5);
  background: rgba(0,0,0,0.4);
}
#Menu.plain .menu-content #TopBackground {
  background: rgba(0,0,0,0.6);
}
.nav-link {
  height: 90px;
  overflow: hidden;
  outline: none;
  display: inline-block;
  z-index: 100;
  margin-top: 13px;
  position: relative;
}
.nav-link #IDLogo {
  width: 100%;
}
@media screen and (max-width: 768px) {
  .nav-link #IDLogo {
    width: auto;
    height: 50px;
  }
}
.aside-menu {
  transition: 300ms;
  height: 65px;
  text-transform: uppercase;
  font-size: 15px;
  padding-left: 111px;
  font-weight: bold;
  transform: translateX(0%);
}
.aside-menu li {
  padding: 0;
  outline: none !important;
  transition: 300ms;
  height: 32px;
  float: none;
  overflow: hidden;
  z-index: 10;
}
.aside-menu li a {
  font-size: 13px;
  display: inline-block;
  text-transform: uppercase;
  line-height: 44px;
  padding: 0;
  background: none !important;
  outline: none !important;
  background: linear-gradient(rgba(83,117,162,0), rgba(78,105,163,0));
  padding: 7px;
  width: auto;
  text-align: center;
  line-height: initial;
  position: relative;
  font-weight: 400;
  padding: 7px 10px;
}
.aside-menu .parentmenu li:hover,
.aside-menu .parentmenu li:active,
.aside-menu .parentmenu li:focus {
  background: rgba(55,90,136,0.7);
}
.aside-menu a {
  display: block;
  text-transform: uppercase;
  font-size: 15px;
  line-height: 44px;
  font-weight: bold;
  padding: 8px 20px;
  cursor: pointer;
}
.aside-menu a i {
  transform: rotate(-90deg);
}
.aside-menu .parentmenu span a {
  padding: 0;
  display: inline-block !important;
}
.aside-menu .parentmenu .expand-arrow {
  width: 10px;
  height: 10px;
  margin: 13px 0 0 10px;
  background: rgba(30,30,50,0.2);
  padding: 2px 4.8px;
  position: relative;
  border-radius: 3px;
}
.aside-menu .parentmenu .expand-arrow i {
  margin: 13px 0px;
  padding: 2px 4.8px;
  border-radius: 3px;
  position: relative;
  z-index: 20;
}
.aside-menu .parentmenu .child-menu {
  position: relative;
  overflow: auto;
  max-width: 1000px;
  min-width: 400px;
}
.aside-menu .parentmenu ul {
  overflow: hidden;
  border: none;
  top: 63px !important;
  border: none !important;
}
.aside-menu .parentmenu ul li {
  margin: 0;
  padding: 0;
  border: 1px solid #5375a2;
}
.aside-menu .parentmenu ul li a {
  padding: 10px 20px 0px 20px;
  line-height: 30px;
}
.aside-menu .parentmenu ul li a:last-child {
  padding-bottom: 13px;
}
.aside-menu .submenu-state {
  background: rgba(29,29,29,0.7);
  text-align: center;
  position: absolute;
  z-index: 100;
  width: 100%;
  left: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}
.aside-menu .submenu-state li {
  cursor: pointer;
  display: inline-block;
  width: auto;
  padding: 2px 30px;
  font-size: 13px;
  text-transform: uppercase;
  border: none;
  height: auto;
  float: none;
  font-weight: 300;
  letter-spacing: 1.4px;
  text-shadow: 1px 1px 0px #000;
}
.aside-menu .submenu-state li.horizontal-line {
  display: inline-block;
  width: 100px;
  height: 1px;
  background: linear-gradient(to right, rgba(234,234,234,0) 0%, #68baff 50%, rgba(186,196,222,0) 100%);
  padding: 0;
  top: 14px;
  position: relative;
  margin: 0 10px;
}
#Menus {
  position: absolute;
  overflow: hidden;
  width: 80%;
  height: 0px;
  top: 0;
  left: 10%;
  z-index: 5;
}
#Menus .box-borders {
  transition: 100ms;
  opacity: 0;
}
@media screen and (max-width: 768px) {
  #Menus {
    top: 60px !important;
  }
}
.menu-switcher-panel {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 15;
  width: 100%;
  padding-bottom: 1px;
}
.mobile-menu {
  position: absolute;
  top: 0 !important;
  left: 0;
  padding: 15px;
  display: none;
  color: #2196f3;
  font-size: 26px;
  z-index: 10;
  cursor: pointer;
}
.mobile-menu .lines {
  position: relative;
  height: 30px;
  width: 30px;
}
.mobile-menu .lines .one,
.mobile-menu .lines .two,
.mobile-menu .lines .three {
  position: absolute;
  height: 1px;
  transition: 300ms;
  background: #99aad2;
  box-shadow: 0 0 3px #0052de;
}
.mobile-menu .lines .one {
  top: 20%;
  left: 0;
  transform: rotate(0deg);
  width: 100%;
  height: 1px;
}
.mobile-menu .lines .two {
  top: 50%;
  left: 0;
  transform: rotate(0deg);
  width: 100%;
  height: 1px;
}
.mobile-menu .lines .three {
  top: 80%;
  left: 0;
  transform: rotate(0deg);
  width: 100%;
  height: 1px;
}
.mobile-menu.active .lines .one {
  top: 50%;
  transform: rotate(45deg);
}
.mobile-menu.active .lines .two {
  top: 50%;
  transform: rotate(-45deg);
}
.mobile-menu.active .lines .three {
  transform: rotate(90deg);
  opacity: 0;
}
#Expansion .megamenu {
  opacity: 0;
  overflow: hidden;
  transition: 730ms;
  width: 105%;
  left: 0;
  position: absolute;
  box-shadow: 5px 0 20px #000;
  visibility: visible;
  pointer-events: none;
  top: 60px;
  border-top: 1px solid #0f3985;
}
#Expansion .megamenu:hover li {
  width: 32%;
  filter: blur(2px);
}
#Expansion .megamenu:hover li .image {
  filter: brightness(100%) saturate(0%);
}
#Expansion .megamenu li {
  transition: 470ms;
  position: relative;
  float: left;
  width: 33%;
  height: 175px;
  border: 0px;
  z-index: 1;
  overflow: hidden;
  padding: 0;
  margin: 0;
  cursor: pointer !important;
}
#Expansion .megamenu li .inside {
  position: absolute;
  top: 1%;
  left: 1%;
  width: 98%;
  height: 98%;
  background: #000;
}
#Expansion .megamenu li .image {
  position: absolute;
  top: 0;
  left: 0;
  height: 130%;
  min-width: 130%;
  width: auto;
  transition: 1s;
  transform: scale(1);
  border-left: 3px solid #000;
  border-right: 3px solid #000;
}
#Expansion .megamenu li .title {
  position: absolute;
  z-index: 1;
  font-size: 16px;
  width: 130%;
  top: 10px;
  left: 20px;
  pointer-events: none;
}
#Expansion .megamenu li .title h2 {
  font-weight: 400;
  font-size: 25px;
  text-align: left;
  color: #fff;
  letter-spacing: 2.5px;
  padding: 0;
  text-shadow: 0px 2px 6px #000;
}
#Expansion .megamenu li .title span {
  float: left;
  font-size: 18px;
  letter-spacing: 2px;
  text-shadow: 0px 2px 6px #000;
}
#Expansion .megamenu li a {
  padding: 0 !important;
}
#Expansion .megamenu li:hover {
  z-index: 10;
  width: 35%;
  filter: blur(0px) !important;
  box-shadow: 0 0 15px rgba(0,0,0,0.8);
}
#Expansion .megamenu li:hover .image {
  filter: brightness(100%) saturate(100%) !important;
}
#Expansion .megamenu-static {
  opacity: 0;
  max-height: 0;
  position: absolute;
  width: 1000%;
  background-color: rgba(0,0,0,0.6);
  left: 0;
  visibility: hidden;
  top: 61px !important;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #Expansion .megamenu-static {
    background-color: rgba(29,29,29,0.7);
    max-height: none !important;
    width: 200px !important;
    left: 150px !important;
    padding: 0 !important;
    top: 0px !important;
    height: 100%;
  }
}
#Expansion .megamenu-static.items li h2 {
  font-size: 12px !important;
}
#Expansion .megamenu-static .bottom-border {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0;
  height: 1px;
  background: #6495ed;
  transition: all 700ms ease-in-out;
  left: 0%;
  width: 100%;
}
#Expansion .megamenu-static:hover .bottom-border {
  left: 0;
  width: 100%;
  background: #6495ed;
  height: 1px;
}
#Expansion .megamenu-static.thin .description,
#Expansion .megamenu-static.thin .icon {
  display: none;
}
#Expansion .megamenu-static.thin ul,
#Expansion .megamenu-static.thin li {
  height: 60px;
}
#Expansion .megamenu-static ul {
  max-height: 0;
  overflow: hidden;
  max-width: 1000%;
  height: 185px;
  position: absolute;
  left: 0;
  top: 0;
}
#Expansion .megamenu-static .rightHover,
#Expansion .megamenu-static .leftHover {
  height: 100%;
  width: 10%;
  position: fixed;
  z-index: 10;
  background: transparent;
  color: #fff;
}
#Expansion .megamenu-static .rightHover {
  right: 0;
  left: auto;
}
#Expansion .megamenu-static .leftHover {
  left: 0;
}
#Expansion .megamenu-static li {
  position: relative;
  float: left;
  width: 200px;
  height: 175px;
  border: 0px;
  z-index: 1;
  overflow: hidden;
  padding: 0;
  margin: 0;
  cursor: pointer;
  transition: 50ms;
}
#Expansion .megamenu-static li .icon {
  text-align: center;
}
#Expansion .megamenu-static li .icon i {
  font-size: 40px;
  margin-top: 16px;
}
#Expansion .megamenu-static li .title {
  text-align: center;
  position: absolute;
  z-index: 1;
  font-size: 16px;
  font-weight: 700;
  text-rendering: optimizeLegibility;
  width: 100%;
}
#Expansion .megamenu-static li .title h2 {
  font-size: 19px;
  text-align: center;
  font-weight: 400;
  letter-spacing: 2.5px;
  padding: 0;
  margin-top: 2px;
  text-shadow: 1px 2px 1px #000;
}
#Expansion .megamenu-static li .title span {
  font-size: 13px;
  letter-spacing: 2px;
  text-shadow: 1px 2px 1px #000;
  padding: 0;
  width: 100%;
  line-height: 30px;
}
#Expansion .megamenu-static li .prices {
  font-size: 20px;
  position: absolute;
  bottom: 11px;
  width: 100%;
  text-align: center;
}
#Expansion .megamenu-static li a {
  padding: 0;
}
#Expansion .megamenu-static li:hover {
  z-index: 10;
  color: #fff !important;
}
#Expansion .megamenu-static li:hover .title h2 {
  color: #fff !important;
}
#Expansion .megamenu-static .menu-product:hover :hover li,
#Expansion .megamenu-static .menu-product:active :hover li,
#Expansion .megamenu-static .menu-product:focus :hover li {
  background: rgba(53,74,103,0.78) !important;
}
#Expansion .megamenu-static:hover li {
  z-index: 1;
  color: #808080;
  text-shdaow: rgba(255,255,255,0.62) !important;
}
#Expansion .megamenu-static:hover li .title h2 {
  color: #808080;
}
#Expansion .megamenu-static li:after {
  top: 0 !important;
  height: 100% !important;
  width: 0%;
  left: 50%;
  transform: translate(0, 0);
}
#Expansion .megamenu-static li:hover:after {
  width: 100%;
  height: 100% !important;
  top: 0 !important;
  left: 0;
  transform: translate(0, 0);
}
#UserMenu > a a.expand {
  position: absolute !important;
  right: 0;
  top: 60px;
  width: 134px;
  font-size: 11px;
  height: 20px;
  text-align: center;
  background: linear-gradient(to bottom, #0f3985, #1b4ca0);
  padding: 12px 35px 16px 35px;
  border-bottom: 2px solid #0f3985;
  transition: 400ms 1s;
  display: none;
  opacity: 0;
  transform: translateX(200%);
}
#UserMenu > a:hover .expand {
  padding: 12px 35px 16px 35px;
  transform: translateX(0%);
  display: inline-block;
  opacity: 1;
}
.red #TopMarker .left,
.red #TopMarker .right {
  background: #0f55c7;
  box-shadow: 0 0 3px #0052de;
}
.red #LeftMarker {
  background: linear-gradient(141deg, rgba(67,96,172,0), rgba(5,126,219,0) 51%, rgba(144,27,27,0.6) 75%);
  border-top: 1px solid #ea1616;
  border-right: 2px solid #ea1616;
}
.red #RightMarker {
  background: linear-gradient(40deg, rgba(144,27,27,0.6) 22.27%, rgba(98,96,194,0.04) 48.74%, rgba(67,96,172,0) 71.85%, rgba(5,126,219,0) 99.58%);
  border-top: 1px solid #ea1616;
  border-right: 2px solid #ea1616;
  border-left: 2px solid #ea1616;
}
.red #LeftSide .bottomLines .right,
.red #LeftSide .bottomLines .left {
  background: #d41111;
}
.red #LeftSide .background,
.red #LeftSide .active-background {
  background: linear-gradient(40deg, rgba(154,20,20,0.64) 22.27%, rgba(98,96,194,0) 50%);
}
.red #RightSide .bottomLines .right,
.red #RightSide .bottomLines .left {
  background: #d41111;
}
.red #RightSide .background,
.red #RightSide .active-background {
  background: linear-gradient(120deg, rgba(98,96,194,0) 60%, rgba(154,20,20,0.64) 100%);
}
.red #SearchMenu a .active,
.red #UserMenu a .active,
.red #SearchMenu a:hover,
.red #UserMenu a:hover {
  background: linear-gradient(#cb2e2e, #ae1010);
  border-left: 1px solid #a22323;
  box-shadow: -1px -1px 1px #f44336;
}
.red #BottomMarker {
  background: linear-gradient(to right, rgba(0,0,0,0) 0%, #ea1616 15%, #ea1616 85%, rgba(0,0,0,0) 100%);
}
.red #BottomMarker2 {
  background: linear-gradient(to right, rgba(55,77,236,0.51) 0%, rgba(85,124,232,0.4) 15%, rgba(85,124,232,0.4) 85%, rgba(55,77,236,0.51) 100%);
}
@media screen and (max-width: 768px) {
  #Expansion {
    display: none;
  }
  .mobile-menu {
    display: inline-block;
  }
}
@media screen and (max-width: 768px) {
  #LeftMarker {
    background: linear-gradient(141deg, rgba(67,96,172,0) 0%, rgba(31,200,219,0) 51%, rgba(33,63,101,0.5) 75%);
    position: absolute;
    top: 60px;
    left: -52px;
    z-index: 100;
    width: 35%;
    height: 49px;
    border-top: 1px solid #0f3985;
    border-right: 2px solid #0f3985;
    transform: skew(33deg);
    border-radius: 0 4px 0 0;
  }
  #RightMarker {
    background: linear-gradient(40deg, rgba(33,63,101,0.52) 22.27%, rgba(98,96,194,0.04) 48.74%, rgba(67,96,172,0) 71.85%, rgba(5,126,219,0) 99.58%);
    position: absolute;
    top: 60px;
    right: -72px;
    z-index: 100;
    width: 35%;
    height: 49px;
    border-top: 1px solid #0f3985;
    border-right: 2px solid #0f3985;
    border-left: 2px solid #0f3985;
    transform: skew(-33deg);
    border-radius: 4px 0 0 0;
  }
  .nav-link {
    position: absolute;
    left: 0px;
    margin-top: 5px;
  }
  .megamenu {
    top: 0px !important;
    left: 150px !important;
    width: 300px !important;
    height: 100% !important;
    visibility: visible;
    max-height: none !important;
  }
  .megamenu li {
    width: 100% !important;
    height: 33% !important;
  }
  .megamenu li:hover {
    width: 100% !important;
  }
  .megamenu-static {
    padding-top: 10px !important;
    left: 0px !important;
    max-height: none !important;
    visibility: visible !important;
    width: 200px !important;
    top: 0px !important;
    left: 150px !important;
    height: 0%;
    max-height: none !important;
  }
  .megamenu-static li {
    text-align: left !important;
    transform: translateX(0px) !important;
  }
  .megamenu-static li a {
    padding: 0 !important;
  }
  .megamenu-static li h2 {
    text-align: left !important;
    padding: 0 0 0 10% !important;
    margin-bottom: 5px;
  }
  .aside-menu li {
    margin: 0px 0px !important;
    width: 100%;
  }
  .expand-arrow {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  #RightMarker,
  #LeftMarker {
    height: 0 !important;
    opacity: 0 !important;
  }
  #BottomMarker {
    display: none;
  }
  #BottomBackground {
    height: 0 !important;
    opacity: 0 !important;
  }
  #Menus {
    width: 100%;
    background: rgba(0,0,0,0.6);
    display: inline-block;
    position: fixed;
    left: 0%;
    top: 80px;
  }
  #Menus .box-borders {
    opacity: 1;
  }
  #Menus .background,
  #Menus .army-background {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(120deg, rgba(42,75,169,0.79) 0%, transparent 33%, transparent 66%, rgba(42,75,169,0.79) 100%);
  }
  #Menus .army-background {
    background: url("/assets/img/army_1.png");
    opacity: 0.3;
    filter: saturate(0);
    z-index: -2;
  }
  #LeftMenu {
    width: 50% !important;
    left: 0 !important;
    position: absolute;
  }
  #RightMenu {
    width: 50% !important;
    right: 0 !important;
    position: absolute;
  }
  #RightMenu li {
    text-align: left !important;
  }
  #LeftMenu a,
  #RightMenu a {
    padding: 8px 10px !important;
    margin: 0;
    width: 90px;
  }
}
@media screen and (max-width: 980px) {
  #RightMenu {
    right: 25%;
    width: 15%;
  }
  #LeftMenu {
    left: 25%;
    width: 15%;
  }
}
@-moz-keyframes greenFlash {
  0% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
}
@-webkit-keyframes greenFlash {
  0% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
}
@-o-keyframes greenFlash {
  0% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
}
@keyframes greenFlash {
  0% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    background: #44d07d;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    background: rgba(255,255,255,0.1);
    transform: scale(1);
  }
}
@-moz-keyframes hover {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%, 72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@-webkit-keyframes hover {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%, 72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@-o-keyframes hover {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%, 72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
@keyframes hover {
  0% {
    top: 0;
    left: 0;
  }
  30% {
    top: 50px;
  }
  68%, 72% {
    left: 50px;
  }
  100% {
    top: 100px;
    left: 100%;
  }
}
.top-row {
  height: 50px;
  margin-bottom: 5px;
}
.top-row h3 {
  float: left;
}
.top-row h1 {
  margin-bottom: 0;
}
.top-row .edit {
  position: relative;
}
.top-row .header-icon {
  text-shadow: 0 0 10px rgba(255,255,255,0.15);
  float: left;
  font-size: 30px;
  margin: 0px 20px 10px 1px;
  color: #516e94;
}
.slogan .placeholder {
  color: #fff;
  float: right;
  font-size: 22px;
  margin: 85px 140px 0 0;
  text-shadow: 2px 2px 2px rgba(34,34,34,0.53), -1px -1px 0 #222, 1px -1px 0 #222, -1px 1px 0 #222, 1px 1px 0 #222;
}
.slogan .placeholder input {
  margin: 5px 0;
  padding: 0 8px;
  height: 28px;
  width: 200px;
  border: none;
  opacity: 1;
  display: block;
  opacity: 0;
  display: none;
  font-size: 18px;
  color: #fff;
  text-align: left;
  text-shadow: 0 1px 1px #000;
  text-align: right;
  border: 1px dotted rgba(0,0,0,0.54);
}
.slogan .placeholder div {
  line-height: 20px;
  cursor: pointer;
  font-weight: 200;
  padding: 3px;
  border: 1px dotted transparent;
}
.slogan .placeholder div:hover {
  border: 1px dotted #000;
}
.slogan .placeholder span {
  text-transform: inherit !important;
  padding: 0 0 0 125px;
  right: 140px;
  top: 59px;
}
ul.machines li {
  height: 50px;
  padding: 5px;
}
ul.machines li i {
  margin: 0 !important;
  float: left;
  color: #33658a;
  padding: 10px 0px !important;
  height: 32px !important;
  background: rgba(0,0,0,0.25);
  border-left: 2px solid #47648d;
  border-radius: 0px !important;
  margin-right: 25px !important;
}
ul.machines li i.fa-windows {
  color: #44a5ed;
}
ul.machines li i.fa-apple {
  color: #f5f5f5;
}
ul.machines li .remove {
  float: right;
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Lato';
  position: absolute;
  text-transform: capitalize;
  transition: 300ms;
  background: rgba(22,22,22,0.5);
  border: 1px solid #3e3c40;
  border-radius: 3px;
  box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.25);
  cursor: pointer;
  color: #fff;
  top: 0;
  right: 0;
  opacity: 0;
  padding: 12px 25px;
  margin: 10px;
}
ul.machines li .remove.red,
ul.machines li .remove:hover {
  background: linear-gradient(to bottom, #791414, #5c0808) !important;
  border: 1px solid #8b0000 !important;
}
ul.machines li .system {
  margin: 6px 0;
  font-family: 'IcoMoon-Free';
  font-size: 17px;
}
ul.machines li span {
  margin: 0 !important;
  display: inline-block;
}
ul.machines li span i {
  float: left;
  font-size: 12px;
}
ul.machines li .system {
  margin: 6px 0;
}
ul.machines li:hover .remove {
  opacity: 1;
}
.status:hover .steam-warning-tooltip {
  opacity: 1;
  transform: none;
  transition-delay: 0s;
}
.steam-warning-tooltip {
  display: flex;
  flex-wrap: wrap;
  position: absolute;
  width: 350px;
  background: radial-gradient(#1a3e70, #2e1747);
  height: auto;
  border: 1px solid #38567f;
  right: 10px;
  bottom: 45px;
  cursor: default;
  opacity: 0;
  transform: translateY(1vh);
  transition: 0.5s 0.15s;
  pointer-events: none;
  box-shadow: -1px 1px 3px rgba(0,0,0,0.33);
}
.steam-warning-tooltip:before {
  content: '';
  position: absolute;
  right: 30px;
  border: solid transparent;
  border-width: 10px;
  bottom: -20px;
  border-top-color: #38567f;
}
.steam-warning-tooltip-title {
  width: auto;
  color: #fff;
  vertical-align: text-top;
  padding: 15px 15px 0;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 15px;
}
.steam-warning-tooltip-title-icon {
  width: auto !important;
  margin: 0 10px 0 0 !important;
  color: #fff !important;
  font-size: 125% !important;
  vertical-align: text-top !important;
}
.steam-warning-tooltip-msg {
  text-transform: none;
  letter-spacing: normal;
  font-size: 18px;
  line-height: 1.15;
  flex-basis: 100%;
  padding: 10px 15px 15px;
}
.steam-warning-tooltip-button {
  padding: 15px;
  flex-basis: 50%;
  box-sizing: border-box;
  cursor: pointer;
}
.steam-warning-tooltip-button:hover {
  text-decoration: underline;
}
.steam-warning-tooltip-button-icon {
  width: auto !important;
  color: #fff !important;
}
#BackgroundPreview {
  left: 0;
  top: 0;
  height: 100%;
  position: absolute;
  width: 100%;
  background-size: cover !important;
  background-position: 0px 47%;
}
.select-bar {
  height: 5px;
  cursor: ns-resize;
  position: absolute;
  bottom: -2px;
  width: 100%;
}
.handle {
  height: 5px;
  width: 5px;
}
.claim-game-key-btn {
  text-transform: uppercase;
  cursor: pointer;
}
.claim-game-key-btn:hover {
  text-decoration: underline;
}
#AccountPayments {
  position: relative;
  z-index: 20;
  border-radius: 6px;
  width: 325px;
  text-align: center;
  padding-bottom: 30px;
  display: inline-block;
  margin-top: 120px;
  transform: scale(1);
  pointer-events: all;
  visibility: visible;
  opacity: 1;
}
#AccountPayments #EntryWindow {
  overflow: hidden;
  width: auto;
  height: 400px;
}
#AccountPayments #AccountPayment,
#AccountPayments #PayPalPayment {
  width: 100% !important;
  padding: 0% !important;
}
#AccountPayments #AccountPayment .paypal-button-container,
#AccountPayments #PayPalPayment .paypal-button-container {
  margin-top: 18px;
}
#AccountPayments #AccountPayment .account-credits,
#AccountPayments #PayPalPayment .account-credits {
  margin-top: 15px;
  margin-bottom: 20px !important;
  height: 40px !important;
  border-radius: 0 !important;
  min-height: auto !important;
  background: linear-gradient(to right, #00398c, #0849a9, #00398c);
}
#AccountPayments #AccountPayment .account-credits .cart-amount,
#AccountPayments #PayPalPayment .account-credits .cart-amount {
  top: 4px !important;
}
#AccountPayments #AccountPayment .account-credits .cart-total,
#AccountPayments #PayPalPayment .account-credits .cart-total {
  float: right;
  left: auto;
  right: 20px;
}
#AccountPayments #AccountPayment .account-credits .cart-total .value,
#AccountPayments #PayPalPayment .account-credits .cart-total .value {
  font-size: 18px;
  top: 3px;
  position: relative;
}
#AccountPayments #AccountPayment .account-credits .cart-total .currency,
#AccountPayments #PayPalPayment .account-credits .cart-total .currency {
  font-size: 18px;
  top: 3px;
  position: relative;
  left: -5px;
}
#AccountPayments #AccountPayment #Details,
#AccountPayments #PayPalPayment #Details {
  margin-bottom: 15px !important;
}
#AccountPayments #AccountPayment .addAmount,
#AccountPayments #PayPalPayment .addAmount {
  color: #fff;
  width: 50px;
  height: 20px;
  font-size: 16px;
  padding: 4px 7px;
  border-radius: 2px;
  background: rgba(0,0,0,0.522);
  border: 1px solid #213b98;
}
#PaymentWindow #Details {
  margin-bottom: 15px !important;
}
#UserComponent .user {
  margin: 10px 0 0 0 !important;
}
#EditProfile .profile {
  font-weight: 100;
}
#EditProfile .profile .saveicon {
  right: 50px !important;
}
#EditProfile .profile .itemName {
  width: 100%;
  margin-bottom: 20px;
}
#EditProfile textarea {
  font-size: 14px;
  font-weight: 300;
  height: 450px;
  padding: 8px 12px;
  margin-top: 30px !important;
  line-height: 20px;
  border: 1px solid #36547d;
  background: #0c121b;
  color: #fff;
}
#EditProfile #ProfileInfo {
  opacity: 1;
  margin-top: 30px;
  padding: 0;
  font-size: 14px;
}
#EditProfile .UserProfile {
  background: transparent !important;
  min-height: auto !important;
}
#EditProfile .editable.profile .editor {
  margin-top: 30px;
}
#EditProfile .editable.profile .editor i {
  margin: 12px;
}
#EditProfile .editable.profile .editor p {
  line-height: 24px;
}
#EditProfile .editable.profile .edit {
  top: -65px;
  position: relative;
}
#EditProfile .editable.profile .edit-link {
  width: 80px;
}
#EditProfile,
#EditIdentity,
#EditAddress {
  position: relative;
}
#NoAccount {
  padding: 1.5em 2em;
  margin-top: 1em;
  color: #ccc;
  min-height: 500px;
  margin: 0;
}
.update-profile-pic {
  z-index: 12;
  position: absolute;
  top: 0px;
}
#Account {
  background: linear-gradient(to bottom, #1b1b1b, #000);
  padding: 0 !important;
  position: relative;
}
#Account .title-row {
  background: transparent;
}
#Account h3 {
  margin-top: 5px;
  font-size: 25px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
}
#Account .edit-link span,
#Account .editlink span {
  top: -4px;
  position: relative;
}
#Account .edit-link .underline,
#Account .editlink .underline {
  background: linear-gradient(to right, transparent, #fff, transparent);
  width: 0%;
  left: 50%;
  top: -8px;
  height: 1px;
  transition: 300ms;
  position: relative;
}
#Account .edit-link .overline,
#Account .editlink .overline {
  background: linear-gradient(to right, transparent, #fff, transparent);
  width: 0%;
  left: 50%;
  height: 1px;
  bottom: -17px;
  transition: 300ms;
  position: relative;
}
#Account .edit-link:hover .underline,
#Account .editlink:hover .underline,
#Account .edit-link:hover .overline,
#Account .editlink:hover .overline {
  width: 150%;
  left: -23%;
}
#Account #ProfileMenu.block {
  padding: 2px 0 0 0;
  position: relative;
  text-align: center;
  float: left;
  width: 14%;
  z-index: 1;
}
#Account #ProfileMenu.block li {
  width: 70%;
  margin: 5%;
  color: #fff;
  padding: 1% 10%;
  font-size: 13px;
  text-align: left;
  overflow: hidden;
  line-height: 37px;
  position: relative;
  outline-width: 2px;
  border-radius: 2px;
  letter-spacing: 1.6px;
  display: inline-block;
  outline-color: #badcff;
  outline-color: #2e639a;
  border: 1px solid transparent;
  transition: background 0.1s ease-in-out;
  text-shadow: 0 0px 7px rgba(0,0,0,0.5);
}
#Account #ProfileMenu.block li.barItem {
  height: 96%;
  padding: 0 0.5%;
  background: #5375a2;
  position: absolute;
  z-index: -1;
}
#Account #ProfileMenu.block li .bar {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  border-left: 0px solid #1e71de;
  left: 0;
  opacity: 0;
  transition: 200ms;
  background: rgba(14,24,35,0.35);
  z-index: 1;
  transition: 160ms;
  width: 80%;
  height: 80%;
  margin: 7.5% 10%;
}
#Account #ProfileMenu.block li .label {
  position: relative;
  z-index: 2;
}
#Account #ProfileMenu.block li .count {
  background: #4b87da;
  position: absolute;
  text-align: center;
  padding: 5px;
  float: right;
  line-height: 9px;
  border-radius: 100px;
  width: 10px;
  right: 7px;
  top: 10px;
  border-top: 1px solid #8cbeff;
  z-index: 10;
  font-size: 11px;
}
#Account #ProfileMenu.block li:hover,
#Account #ProfileMenu.block li:active,
#Account #ProfileMenu.block li:focus,
#Account #ProfileMenu.block li.active {
  background: rgba(0,0,0,0) !important;
  border: 1px solid #195fbe !important;
  cursor: pointer !important;
  transform: scale(1.01);
}
#Account #ProfileMenu.block li:hover .bar,
#Account #ProfileMenu.block li:active .bar,
#Account #ProfileMenu.block li:focus .bar,
#Account #ProfileMenu.block li.active .bar {
  margin: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-left: 0px solid #1e71de;
  background: linear-gradient(#1c4289, #0e2143);
}
#Account #ProfileMenu.block li i {
  border-radius: 3px;
  width: 50px !important;
  z-index: 2;
  padding: 4px;
  display: block;
  position: relative;
  text-align: center;
  margin: 0 auto auto auto;
  font-size: 30px;
  height: 35px;
  margin-top: 20px;
}
#Account #ProfileMenu.block li span {
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: 20px;
}
#Account #ProfileMenu.lines {
  padding: 2px 0 0 0;
  position: relative;
  text-align: center;
  float: left;
  width: 14%;
  z-index: 1;
}
#Account #ProfileMenu.lines li {
  width: 70%;
  margin: 3%;
  color: #fff;
  padding: 1% 10%;
  font-size: 13px;
  text-align: left;
  overflow: hidden;
  line-height: 37px;
  position: relative;
  outline-width: 2px;
  border-radius: 2px;
  letter-spacing: 1.6px;
  display: inline-block;
  outline-color: #badcff;
  outline-color: #2e639a;
  border: 1px solid transparent;
  text-shadow: 0 0px 7px rgba(0,0,0,0.5);
  transition: background 0.1s ease-in-out;
}
#Account #ProfileMenu.lines li.barItem {
  height: 96%;
  padding: 0 0.5%;
  background: #5375a2;
  position: absolute;
  z-index: -1;
}
#Account #ProfileMenu.lines li .bar {
  height: 100%;
  position: absolute;
  top: 0;
  width: 100%;
  border-left: 0px solid #1e71de;
  left: 0;
  opacity: 0;
  transition: 200ms;
  background: rgba(14,24,35,0.35);
  z-index: 1;
  transition: 160ms;
  width: 80%;
  height: 80%;
  margin: 7.5% 10%;
}
#Account #ProfileMenu.lines li .label {
  float: left;
  width: 77px;
  margin: 10px 0;
  font-size: 15px;
  position: relative;
  z-index: 2;
}
#Account #ProfileMenu.lines li .count {
  background: #4b87da;
  position: absolute;
  text-align: center;
  padding: 5px;
  float: right;
  line-height: 9px;
  border-radius: 100px;
  width: 10px;
  right: 7px;
  top: 10px;
  border-top: 1px solid #8cbeff;
  z-index: 10;
  font-size: 11px;
}
#Account #ProfileMenu.lines li:hover,
#Account #ProfileMenu.lines li:active,
#Account #ProfileMenu.lines li:focus,
#Account #ProfileMenu.lines li.active {
  background: rgba(0,0,0,0) !important;
  border: 1px solid #195fbe !important;
  cursor: pointer !important;
  transform: scale(1.01);
}
#Account #ProfileMenu.lines li:hover .bar,
#Account #ProfileMenu.lines li:active .bar,
#Account #ProfileMenu.lines li:focus .bar,
#Account #ProfileMenu.lines li.active .bar {
  margin: 0;
  opacity: 1;
  width: 100%;
  height: 100%;
  border-left: 0px solid #1e71de;
  background: linear-gradient(#1c4289, #0e2143);
}
#Account #ProfileMenu.lines li i {
  z-index: 2;
  float: left;
  padding: 4px;
  margin: 7px 0;
  display: block;
  font-size: 20px;
  position: relative;
  border-radius: 3px;
  text-align: center;
  width: auto !important;
  height: auto !important;
}
#Account #ProfileMenu.lines li span,
#Account #ProfileMenu.lines li a {
  width: 100%;
  display: inline-block;
  text-align: center;
  line-height: 20px;
}
#Account #ProfileItems,
#Account #ProfilePanel,
#Account #ProfileSidebar {
  min-height: 1000px;
}
#Account #Profile,
#Account #Edit {
  margin-bottom: 70px;
}
#Account #Profile,
#Account #Social,
#Account #Character,
#Account #Chat,
#Account #Community,
#Account #Edit,
#Account #Products,
#Account #Security,
#Account #Items,
#Account #FeaturesPage,
#Account #People {
  opacity: 0;
  height: auto;
  padding: 1% 3%;
  height: 100%;
  width: 94%;
  top: 0;
  left: 0;
}
#Account #Profile h5,
#Account #Social h5,
#Account #Character h5,
#Account #Chat h5,
#Account #Community h5,
#Account #Edit h5,
#Account #Products h5,
#Account #Security h5,
#Account #Items h5,
#Account #FeaturesPage h5,
#Account #People h5 {
  padding: 0;
  font-size: 19px;
  color: #92918d;
  line-height: 20px;
  padding-bottom: 6px;
}
#Account #Profile h1,
#Account #Social h1,
#Account #Character h1,
#Account #Chat h1,
#Account #Community h1,
#Account #Edit h1,
#Account #Products h1,
#Account #Security h1,
#Account #Items h1,
#Account #FeaturesPage h1,
#Account #People h1 {
  letter-spacing: 0.5px !important;
  font-weight: 800 !important;
  font-size: 32px !important;
  color: #c1c1c1 !important;
  text-shadow: none;
  float: left;
}
#Account #Profile .title-row,
#Account #Social .title-row,
#Account #Character .title-row,
#Account #Chat .title-row,
#Account #Community .title-row,
#Account #Edit .title-row,
#Account #Products .title-row,
#Account #Security .title-row,
#Account #Items .title-row,
#Account #FeaturesPage .title-row,
#Account #People .title-row {
  z-index: 1;
  height: 80px;
  position: relative;
  margin: 0 0 20px 0;
}
#Account #Profile .title-row h5,
#Account #Social .title-row h5,
#Account #Character .title-row h5,
#Account #Chat .title-row h5,
#Account #Community .title-row h5,
#Account #Edit .title-row h5,
#Account #Products .title-row h5,
#Account #Security .title-row h5,
#Account #Items .title-row h5,
#Account #FeaturesPage .title-row h5,
#Account #People .title-row h5 {
  padding: 0;
  font-size: 19px;
  font-weight: 800;
  color: #92918d;
  line-height: 20px;
  padding-bottom: 6px;
}
#Account #Profile .title-row h1,
#Account #Social .title-row h1,
#Account #Character .title-row h1,
#Account #Chat .title-row h1,
#Account #Community .title-row h1,
#Account #Edit .title-row h1,
#Account #Products .title-row h1,
#Account #Security .title-row h1,
#Account #Items .title-row h1,
#Account #FeaturesPage .title-row h1,
#Account #People .title-row h1 {
  color: #c1c1c1 !important;
  font-weight: 800 !important;
  letter-spacing: 0.5px !important;
  font-size: 32px !important;
}
#Account #Profile .title-row .Left,
#Account #Social .title-row .Left,
#Account #Character .title-row .Left,
#Account #Chat .title-row .Left,
#Account #Community .title-row .Left,
#Account #Edit .title-row .Left,
#Account #Products .title-row .Left,
#Account #Security .title-row .Left,
#Account #Items .title-row .Left,
#Account #FeaturesPage .title-row .Left,
#Account #People .title-row .Left,
#Account #Profile .title-row .Right,
#Account #Social .title-row .Right,
#Account #Character .title-row .Right,
#Account #Chat .title-row .Right,
#Account #Community .title-row .Right,
#Account #Edit .title-row .Right,
#Account #Products .title-row .Right,
#Account #Security .title-row .Right,
#Account #Items .title-row .Right,
#Account #FeaturesPage .title-row .Right,
#Account #People .title-row .Right {
  width: 50%;
  float: left;
  height: 50px;
}
#Account #Profile .title-row .Right,
#Account #Social .title-row .Right,
#Account #Character .title-row .Right,
#Account #Chat .title-row .Right,
#Account #Community .title-row .Right,
#Account #Edit .title-row .Right,
#Account #Products .title-row .Right,
#Account #Security .title-row .Right,
#Account #Items .title-row .Right,
#Account #FeaturesPage .title-row .Right,
#Account #People .title-row .Right {
  text-align: right;
}
#Account #Profile#Social,
#Account #Social#Social,
#Account #Character#Social,
#Account #Chat#Social,
#Account #Community#Social,
#Account #Edit#Social,
#Account #Products#Social,
#Account #Security#Social,
#Account #Items#Social,
#Account #FeaturesPage#Social,
#Account #People#Social {
  opacity: 1;
}
#Account #FeaturesPage .direction-controls .next,
#Account #FeaturesPage .direction-controls .prev {
  background: #0d1a2c;
}
#Account #AccountPicture {
  right: 0;
  z-index: 12;
  top: -120px;
  width: 100px;
  height: 100px;
  overflow: hidden;
  background: #000;
  position: absolute;
  border: 2px solid #2f2f2f;
}
#Account #AccountPicture img {
  width: 100%;
  height: auto;
  cursor: pointer;
}
#Account #Products .item_listings li .background {
  background: linear-gradient(#2288fa 34%, #172567);
}
#Account #ProfileItems {
  position: relative;
  overflow: hidden;
  color: #fff;
  width: 86%;
  float: left;
  padding: 0%;
  margin-bottom: 70px;
}
#Account #ProfileItems #PurchasedProducts li.row {
  min-height: auto !important;
  margin: 0% 4% 4% 0% !important;
}
#Account #ProfileItems li {
  color: #fff;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  position: relative;
  letter-spacing: 1.3px;
  text-transform: uppercase;
  transition: 0.1s ease-in-out;
  border: 1px solid transparent;
}
#Account #ProfileItems li i {
  width: 50px;
  height: 15px;
  font-size: 30px;
  text-align: center;
  border-radius: 3px;
  padding: 7px 4px 4px 5px;
  margin: -20px 20px 0 -12px;
}
#Account #ProfileItems #Edit,
#Account #ProfileItems #Profile {
  width: 95%;
}
#Account #ProfileItems #Edit .row,
#Account #ProfileItems #Profile .row {
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(122,178,255,0.39) !important;
  padding: 20px 20px 25px 20px;
  margin: 23px 0 15px 0;
  border-radius: 0px;
  transition: 300ms;
}
#Account #ProfileItems #Edit .row:hover,
#Account #ProfileItems #Profile .row:hover {
  box-shadow: inset 0px 0px 40px rgba(11,22,56,0.8) !important;
}
#Account #ProfileItems #Edit .row .top-row,
#Account #ProfileItems #Profile .row .top-row {
  margin-top: 0px;
}
#Account #ProfileItems #Edit .error,
#Account #ProfileItems #Profile .error {
  border: none;
  background: #920d0d;
  border-top: 1px solid rgba(255,0,0,0.61);
  border-radius: 3px;
  border-bottom: 1px solid #350303;
  letter-spacing: 1px;
  padding: 8px 15px;
  margin-top: 20px;
  font-size: 13px;
}
#Account #ProfileItems #Edit h3,
#Account #ProfileItems #Profile h3 {
  float: left;
}
#Account #ProfileItems #Edit .edit span,
#Account #ProfileItems #Profile .edit span {
  color: #5984bd;
  cursor: pointer;
  float: right;
  margin-top: 0px;
  font-size: 14px;
}
#Account #ProfileItems #Edit .edit .icon,
#Account #ProfileItems #Profile .edit .icon {
  opacity: 0;
  margin: 3px 14px;
  float: right;
  font-size: 17px;
}
#Account #ProfileItems #Edit .edit .saveicon,
#Account #ProfileItems #Profile .edit .saveicon {
  font-size: 19px;
  margin-left: 5px;
}
#Account #ProfileItems #Edit .email .edit .icon,
#Account #ProfileItems #Profile .email .edit .icon,
#Account #ProfileItems #Edit .password .edit .icon,
#Account #ProfileItems #Profile .password .edit .icon {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  top: 10px;
  right: 0px;
  color: #cecece;
}
#Account #ProfileItems #Edit .half,
#Account #ProfileItems #Profile .half {
  width: 50%;
  float: left;
}
#Account #ProfileItems #Edit .title-row,
#Account #ProfileItems #Profile .title-row {
  height: 77px;
  margin-bottom: 25px;
  border-bottom: none;
  margin: 0 0 19px 0 !important;
}
#Account #ProfileItems #Edit .top-row,
#Account #ProfileItems #Profile .top-row {
  margin-top: 20px;
}
#Account #ProfileItems #Edit .account-balance,
#Account #ProfileItems #Profile .account-balance {
  color: #7ab2ff;
  font-family: 'Roboto';
}
#Account #ProfileItems #Edit .account-balance .buttons,
#Account #ProfileItems #Profile .account-balance .buttons {
  visibility: hidden;
  opacity: 0;
}
#Account #ProfileItems #Edit .account-balance .left,
#Account #ProfileItems #Profile .account-balance .left {
  top: -1px;
  color: #11da38;
  line-height: 26px;
  position: relative;
  margin: 0px 0 0 12px;
  letter-spacing: 2.5px;
  font-family: 'Orbitron';
  text-shadow: 1px 1px 2px #012302;
}
#Account #ProfileItems #Edit .account-balance .left .blue,
#Account #ProfileItems #Profile .account-balance .left .blue {
  border: 1px solid #000;
  border-top: 1px solid #2e639a;
  border-left: 1px solid #18426d;
  border-bottom: 1px solid #213448;
  text-shadow: 1px 1px 2px #012302;
  border-right: 1px solid #15461f;
  padding: 5px 7px 7px 9px;
  background: #19385a;
  border-radius: 2px;
  position: relative;
  font-weight: 600;
  color: #399ded;
  z-index: 1;
}
#Account #ProfileItems #Edit .account-balance .left .blue span,
#Account #ProfileItems #Profile .account-balance .left .blue span {
  font-size: 21px;
  font-weight: 600;
}
#Account #ProfileItems #Edit .account-balance .left .green,
#Account #ProfileItems #Profile .account-balance .left .green {
  border: 1px solid #093e13;
  border-top: 1px solid #127024;
  border-left: 1px solid rgba(9,72,20,0);
  border-radius: 2px;
  background: #0c4030;
  padding: 5px 10px 7px 12px;
  margin: 0 10px 0 -4px;
  z-index: 0;
  position: relative;
}
#Account #ProfileItems #Edit .account-balance .left .coin-icon,
#Account #ProfileItems #Profile .account-balance .left .coin-icon {
  width: 25px;
  margin-right: 7px;
}
#Account #ProfileItems #Edit .account-balance .currencies,
#Account #ProfileItems #Profile .account-balance .currencies {
  height: 200px;
  border: 1px solid #38567f;
  position: absolute;
  width: 100%;
  top: 35px;
  background: #121f31;
  z-index: 100;
}
#Account #ProfileItems #Edit .account-balance .right,
#Account #ProfileItems #Profile .account-balance .right {
  margin-right: 13px;
  color: #fff;
  font-size: 14px;
  font-family: 'Lato';
  text-align: right;
  width: 50%;
  min-width: 200px;
}
#Account #ProfileItems #Edit .account-balance .button,
#Account #ProfileItems #Profile .account-balance .button {
  padding: 4px 12px 2px 12px;
  background: #3f1992;
  font-size: 12px;
  text-transform: uppercase;
  float: right;
  color: #fff;
  cursor: pointer;
  line-height: 24px;
  border-radius: 2px;
  border: none;
  border-top: 1px solid #6449ab;
  margin-top: -5px;
  outline-color: #5f2ce0;
  width: auto !important;
}
#Account #ProfileItems #Edit .account-balance .button :after,
#Account #ProfileItems #Profile .account-balance .button :after {
  content: '';
  width: 0;
  height: 103%;
  top: 50%;
  left: 50%;
  background: #fff;
  opacity: 0;
  position: absolute;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#Account #ProfileItems #Edit .account-balance .button:hover:after,
#Account #ProfileItems #Profile .account-balance .button:hover:after {
  width: 90%;
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#Account #ProfileItems #Edit #EditIdentity,
#Account #ProfileItems #Profile #EditIdentity,
#Account #ProfileItems #Edit #EditAddress,
#Account #ProfileItems #Profile #EditAddress {
  padding: 20px 20px 25px 20px;
  border-radius: 2px;
  border: 1px solid rgba(122,178,255,0.39) !important;
  background: linear-gradient(to right, rgba(11,33,64,0.6) 18%, rgba(28,20,45,0.78) 100%) !important;
}
#Account #ProfileItems #Edit .update-profile-pic,
#Account #ProfileItems #Profile .update-profile-pic {
  top: -41px;
  position: absolute;
  right: 10px;
  padding: 4px 12px 2px 12px;
  background: #3d3d3d;
  font-size: 12px;
  text-transform: uppercase;
  float: right;
  color: #fff;
  cursor: pointer;
  line-height: 24px;
  border-radius: 2px;
  border-top: 1px solid #425671;
  margin-top: -5px;
}
#Account #ProfileItems #Edit .editable,
#Account #ProfileItems #Profile .editable,
#Account #ProfileItems #Edit .editable-row,
#Account #ProfileItems #Profile .editable-row {
  padding: 20px 10px;
  position: relative;
}
#Account #ProfileItems #Edit .editable.username .saveicon,
#Account #ProfileItems #Profile .editable.username .saveicon,
#Account #ProfileItems #Edit .editable-row.username .saveicon,
#Account #ProfileItems #Profile .editable-row.username .saveicon,
#Account #ProfileItems #Edit .editable.email .saveicon,
#Account #ProfileItems #Profile .editable.email .saveicon,
#Account #ProfileItems #Edit .editable-row.email .saveicon,
#Account #ProfileItems #Profile .editable-row.email .saveicon,
#Account #ProfileItems #Edit .editable.password .saveicon,
#Account #ProfileItems #Profile .editable.password .saveicon,
#Account #ProfileItems #Edit .editable-row.password .saveicon,
#Account #ProfileItems #Profile .editable-row.password .saveicon,
#Account #ProfileItems #Edit .editable.forum .saveicon,
#Account #ProfileItems #Profile .editable.forum .saveicon,
#Account #ProfileItems #Edit .editable-row.forum .saveicon,
#Account #ProfileItems #Profile .editable-row.forum .saveicon {
  margin-right: 50px !important;
  margin-top: 2px !important;
}
#Account #ProfileItems #Edit .editable .red,
#Account #ProfileItems #Profile .editable .red,
#Account #ProfileItems #Edit .editable-row .red,
#Account #ProfileItems #Profile .editable-row .red {
  color: #ff3021;
}
#Account #ProfileItems #Edit .editable .yellow,
#Account #ProfileItems #Profile .editable .yellow,
#Account #ProfileItems #Edit .editable-row .yellow,
#Account #ProfileItems #Profile .editable-row .yellow {
  color: #fc0;
}
#Account #ProfileItems #Edit .editable .green,
#Account #ProfileItems #Profile .editable .green,
#Account #ProfileItems #Edit .editable-row .green,
#Account #ProfileItems #Profile .editable-row .green {
  color: #00d600;
}
#Account #ProfileItems #Edit .editable .blue,
#Account #ProfileItems #Profile .editable .blue,
#Account #ProfileItems #Edit .editable-row .blue,
#Account #ProfileItems #Profile .editable-row .blue {
  color: #72dcfd;
}
#Account #ProfileItems #Edit .editable i,
#Account #ProfileItems #Profile .editable i,
#Account #ProfileItems #Edit .editable-row i,
#Account #ProfileItems #Profile .editable-row i {
  margin: 0px 12px;
}
#Account #ProfileItems #Edit .editable .edit,
#Account #ProfileItems #Profile .editable .edit,
#Account #ProfileItems #Edit .editable-row .edit,
#Account #ProfileItems #Profile .editable-row .edit {
  float: right;
}
#Account #ProfileItems #Edit .editable .edit span,
#Account #ProfileItems #Profile .editable .edit span,
#Account #ProfileItems #Edit .editable-row .edit span,
#Account #ProfileItems #Profile .editable-row .edit span {
  color: #5984bd;
  cursor: pointer;
  float: right;
  margin-top: 0px;
  font-size: 14px;
}
#Account #ProfileItems #Edit .editable .edit .licon,
#Account #ProfileItems #Profile .editable .edit .licon,
#Account #ProfileItems #Edit .editable-row .edit .licon,
#Account #ProfileItems #Profile .editable-row .edit .licon,
#Account #ProfileItems #Edit .editable .edit .edit-link,
#Account #ProfileItems #Profile .editable .edit .edit-link,
#Account #ProfileItems #Edit .editable-row .edit .edit-link,
#Account #ProfileItems #Profile .editable-row .edit .edit-link {
  margin: 3px 14px;
  float: right;
  font-size: 17px;
  transition: 200ms;
}
#Account #ProfileItems #Edit .editable .edit .edit-link,
#Account #ProfileItems #Profile .editable .edit .edit-link,
#Account #ProfileItems #Edit .editable-row .edit .edit-link,
#Account #ProfileItems #Profile .editable-row .edit .edit-link {
  opacity: 0;
  transition: 200ms;
  position: absolute;
  top: 17px;
  letter-spacing: 1px;
  font-weight: 200;
  font-size: 14px;
  font-family: 'Lato';
  right: 0;
}
#Account #ProfileItems #Edit .editable .edit .edit-link span,
#Account #ProfileItems #Profile .editable .edit .edit-link span,
#Account #ProfileItems #Edit .editable-row .edit .edit-link span,
#Account #ProfileItems #Profile .editable-row .edit .edit-link span {
  color: #fff !important;
}
#Account #ProfileItems #Edit .editable .edit .saveicon,
#Account #ProfileItems #Profile .editable .edit .saveicon,
#Account #ProfileItems #Edit .editable-row .edit .saveicon,
#Account #ProfileItems #Profile .editable-row .edit .saveicon {
  font-size: 19px;
  margin-left: 5px;
}
#Account #ProfileItems #Edit .editable .edit .licon,
#Account #ProfileItems #Profile .editable .edit .licon,
#Account #ProfileItems #Edit .editable-row .edit .licon,
#Account #ProfileItems #Profile .editable-row .edit .licon {
  top: 20px;
  right: 15px;
  color: #cecece;
  cursor: pointer;
  transition: 300ms;
  position: absolute;
}
#Account #ProfileItems #Edit .editable:hover .icon,
#Account #ProfileItems #Profile .editable:hover .icon,
#Account #ProfileItems #Edit .editable-row:hover .icon,
#Account #ProfileItems #Profile .editable-row:hover .icon,
#Account #ProfileItems #Edit .editable:hover .edit-link,
#Account #ProfileItems #Profile .editable:hover .edit-link,
#Account #ProfileItems #Edit .editable-row:hover .edit-link,
#Account #ProfileItems #Profile .editable-row:hover .edit-link {
  opacity: 1 !important;
  transition: 300ms;
  text-shadow: 0 0 7px rgba(255,255,255,0);
  cursor: pointer;
}
#Account #ProfileItems #Edit .editable:hover .edit-link:hover,
#Account #ProfileItems #Profile .editable:hover .edit-link:hover,
#Account #ProfileItems #Edit .editable-row:hover .edit-link:hover,
#Account #ProfileItems #Profile .editable-row:hover .edit-link:hover {
  text-shadow: 0 0 7px #fff;
  text-decoration: underline;
}
#Account #ProfileItems #Edit .editable:hover .edit .edit-link,
#Account #ProfileItems #Profile .editable:hover .edit .edit-link,
#Account #ProfileItems #Edit .editable-row:hover .edit .edit-link,
#Account #ProfileItems #Profile .editable-row:hover .edit .edit-link {
  opacity: 1;
}
#Account #ProfileItems #Edit .editable span,
#Account #ProfileItems #Profile .editable span,
#Account #ProfileItems #Edit .editable-row span,
#Account #ProfileItems #Profile .editable-row span {
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Lato';
}
#Account #ProfileItems #Edit .editable input,
#Account #ProfileItems #Profile .editable input,
#Account #ProfileItems #Edit .editable-row input,
#Account #ProfileItems #Profile .editable-row input {
  visibility: hidden;
  opacity: 0;
  transition: 300ms;
  width: 25%;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 10px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #102663;
  margin: 0;
  color: #fff;
  border: 1px solid #334888;
  float: right;
  position: absolute;
  right: 1.5%;
  bottom: 13%;
}
#Account #ProfileItems #Edit .editable input::placeholder,
#Account #ProfileItems #Profile .editable input::placeholder,
#Account #ProfileItems #Edit .editable-row input::placeholder,
#Account #ProfileItems #Profile .editable-row input::placeholder {
  opacity: 1;
  font-weight: 200;
  color: rgba(255,255,255,0.33);
}
#Account #ProfileItems #Edit .editable input:-webkit-autofill,
#Account #ProfileItems #Profile .editable input:-webkit-autofill,
#Account #ProfileItems #Edit .editable-row input:-webkit-autofill,
#Account #ProfileItems #Profile .editable-row input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #1c2249 inset;
  -webkit-text-fill-color: #88adcd;
}
#Account #ProfileItems #Edit .editable .selectable,
#Account #ProfileItems #Profile .editable .selectable,
#Account #ProfileItems #Edit .editable-row .selectable,
#Account #ProfileItems #Profile .editable-row .selectable {
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  outline-color: #548cd8;
  outline-width: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0,0,0,0.2);
  resize: none;
  border: 1px solid #373737;
  visibility: hidden;
  opacity: 0;
  transition: 300ms;
  width: 25%;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 10px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: #102663;
  margin: 0;
  color: #fff;
  border: 1px solid #334888;
  float: right;
  position: absolute;
  right: 1.5%;
  bottom: 13%;
  height: 38px !important;
}
#Account #ProfileItems #Edit .editable .genders,
#Account #ProfileItems #Profile .editable .genders,
#Account #ProfileItems #Edit .editable-row .genders,
#Account #ProfileItems #Profile .editable-row .genders {
  padding: 12px 0px;
  float: right;
  margin-top: -12px;
  border: none;
  width: 300px;
  opacity: 0;
  transition: 600ms;
}
#Account #ProfileItems #Edit .editable .genders input,
#Account #ProfileItems #Profile .editable .genders input,
#Account #ProfileItems #Edit .editable-row .genders input,
#Account #ProfileItems #Profile .editable-row .genders input {
  opacity: 1;
  visibility: visible;
  position: inherit;
  margin: 0px 0px 5px 10px;
  width: 15%;
}
#Account #ProfileItems #Edit .editable .genders label,
#Account #ProfileItems #Profile .editable .genders label,
#Account #ProfileItems #Edit .editable-row .genders label,
#Account #ProfileItems #Profile .editable-row .genders label {
  float: right;
  font-weight: 200;
  color: #7296ff;
  font-size: 14px;
  font-family: 'Roboto';
}
#Account #ProfileItems #Edit .editable .genders .custom,
#Account #ProfileItems #Profile .editable .genders .custom,
#Account #ProfileItems #Edit .editable-row .genders .custom,
#Account #ProfileItems #Profile .editable-row .genders .custom {
  width: 100%;
  margin-top: 20px;
}
#Account #ProfileItems #Edit .editable .birthday,
#Account #ProfileItems #Profile .editable .birthday,
#Account #ProfileItems #Edit .editable-row .birthday,
#Account #ProfileItems #Profile .editable-row .birthday {
  width: 26%;
  float: right;
  top: -8px;
  position: relative;
  height: 36px;
  transition: 500ms;
  opacity: 0;
}
#Account #ProfileItems #Edit .editable .birthday span,
#Account #ProfileItems #Profile .editable .birthday span,
#Account #ProfileItems #Edit .editable-row .birthday span,
#Account #ProfileItems #Profile .editable-row .birthday span {
  font-family: 'mydatepicker';
}
#Account #ProfileItems #Edit .editable .birthday .mydp,
#Account #ProfileItems #Profile .editable .birthday .mydp,
#Account #ProfileItems #Edit .editable-row .birthday .mydp,
#Account #ProfileItems #Profile .editable-row .birthday .mydp {
  margin-bottom: 10px;
  border: none;
  background-color: rgba(0,0,0,0.2);
  border-radius: 0;
}
#Account #ProfileItems #Edit .editable .birthday .selection,
#Account #ProfileItems #Profile .editable .birthday .selection,
#Account #ProfileItems #Edit .editable-row .birthday .selection,
#Account #ProfileItems #Profile .editable-row .birthday .selection {
  background-color: #102663 !important;
  color: #fff;
  border: 1px solid #334888 !important;
  visibility: visible;
}
#Account #ProfileItems #Edit .editable .birthday .selectiongroup,
#Account #ProfileItems #Profile .editable .birthday .selectiongroup,
#Account #ProfileItems #Edit .editable-row .birthday .selectiongroup,
#Account #ProfileItems #Profile .editable-row .birthday .selectiongroup {
  height: 38px;
  background-color: rgba(255,255,255,0) !important;
}
#Account #ProfileItems #Edit .editable .birthday .selectiongroup input,
#Account #ProfileItems #Profile .editable .birthday .selectiongroup input,
#Account #ProfileItems #Edit .editable-row .birthday .selectiongroup input,
#Account #ProfileItems #Profile .editable-row .birthday .selectiongroup input {
  padding: 10px;
  border: none;
  opacity: 1;
  left: 0;
  top: 0px;
  width: 100%;
  border-radius: 0;
  height: 38px !important;
}
#Account #ProfileItems #Edit .editable .birthday .selectiongroup .btnclear,
#Account #ProfileItems #Profile .editable .birthday .selectiongroup .btnclear,
#Account #ProfileItems #Edit .editable-row .birthday .selectiongroup .btnclear,
#Account #ProfileItems #Profile .editable-row .birthday .selectiongroup .btnclear,
#Account #ProfileItems #Edit .editable .birthday .selectiongroup .btnpicker,
#Account #ProfileItems #Profile .editable .birthday .selectiongroup .btnpicker,
#Account #ProfileItems #Edit .editable-row .birthday .selectiongroup .btnpicker,
#Account #ProfileItems #Profile .editable-row .birthday .selectiongroup .btnpicker {
  background: #385cc3 !important;
  border-color: #5479ab !important;
  border-radius: 0;
  border: 1px solid #172567;
}
#Account #ProfileItems #Edit .editable .birthday .selectiongroup .btnclear:hover,
#Account #ProfileItems #Profile .editable .birthday .selectiongroup .btnclear:hover,
#Account #ProfileItems #Edit .editable-row .birthday .selectiongroup .btnclear:hover,
#Account #ProfileItems #Profile .editable-row .birthday .selectiongroup .btnclear:hover,
#Account #ProfileItems #Edit .editable .birthday .selectiongroup .btnpicker:hover,
#Account #ProfileItems #Profile .editable .birthday .selectiongroup .btnpicker:hover,
#Account #ProfileItems #Edit .editable-row .birthday .selectiongroup .btnpicker:hover,
#Account #ProfileItems #Profile .editable-row .birthday .selectiongroup .btnpicker:hover {
  background-color: #2d73d4 !important;
}
#Account #ProfileItems #Edit .editable .birthday .selectiongroup .mydpicon,
#Account #ProfileItems #Profile .editable .birthday .selectiongroup .mydpicon,
#Account #ProfileItems #Edit .editable-row .birthday .selectiongroup .mydpicon,
#Account #ProfileItems #Profile .editable-row .birthday .selectiongroup .mydpicon {
  color: #fff;
  font-size: 14px;
}
#Account #ProfileItems #Edit .editable .birthday .selector,
#Account #ProfileItems #Profile .editable .birthday .selector,
#Account #ProfileItems #Edit .editable-row .birthday .selector,
#Account #ProfileItems #Profile .editable-row .birthday .selector,
#Account #ProfileItems #Edit .editable .birthday .selector:focus,
#Account #ProfileItems #Profile .editable .birthday .selector:focus,
#Account #ProfileItems #Edit .editable-row .birthday .selector:focus,
#Account #ProfileItems #Profile .editable-row .birthday .selector:focus {
  font-family: 'Lato';
  margin-top: 2px;
  margin-left: -1px;
  position: absolute;
  width: 252px;
  padding: 0;
  border: 1px solid #151a42;
  z-index: 100;
  animation: selectorfadein 0.1s;
  top: -245px;
  right: 0px;
}
#Account #ProfileItems #Edit .editable .birthday .selector span,
#Account #ProfileItems #Profile .editable .birthday .selector span,
#Account #ProfileItems #Edit .editable-row .birthday .selector span,
#Account #ProfileItems #Profile .editable-row .birthday .selector span,
#Account #ProfileItems #Edit .editable .birthday .selector:focus span,
#Account #ProfileItems #Profile .editable .birthday .selector:focus span,
#Account #ProfileItems #Edit .editable-row .birthday .selector:focus span,
#Account #ProfileItems #Profile .editable-row .birthday .selector:focus span {
  font-family: 'Lato';
}
#Account #ProfileItems #Edit .editable .birthday .selector,
#Account #ProfileItems #Profile .editable .birthday .selector,
#Account #ProfileItems #Edit .editable-row .birthday .selector,
#Account #ProfileItems #Profile .editable-row .birthday .selector {
  position: sticky !important;
  border: 1px solid #334888;
  border-radius: 0;
}
#Account #ProfileItems #Edit .editable .birthday .selectorarrowleft:after,
#Account #ProfileItems #Profile .editable .birthday .selectorarrowleft:after,
#Account #ProfileItems #Edit .editable-row .birthday .selectorarrowleft:after,
#Account #ProfileItems #Profile .editable-row .birthday .selectorarrowleft:after,
#Account #ProfileItems #Edit .editable .birthday .selectorarrowleft:before,
#Account #ProfileItems #Profile .editable .birthday .selectorarrowleft:before,
#Account #ProfileItems #Edit .editable-row .birthday .selectorarrowleft:before,
#Account #ProfileItems #Profile .editable-row .birthday .selectorarrowleft:before {
  left: auto;
  right: 3px;
  bottom: -20px;
  transform: rotate(-180deg);
  border-bottom-color: #151b48;
  z-index: -1;
}
#Account #ProfileItems #Edit .editable .birthday .headertodaybtn .mydpicon,
#Account #ProfileItems #Profile .editable .birthday .headertodaybtn .mydpicon,
#Account #ProfileItems #Edit .editable-row .birthday .headertodaybtn .mydpicon,
#Account #ProfileItems #Profile .editable-row .birthday .headertodaybtn .mydpicon {
  font-family: 'mydatepicker' !important;
}
#Account #ProfileItems #Edit .editable .birthday input,
#Account #ProfileItems #Profile .editable .birthday input,
#Account #ProfileItems #Edit .editable-row .birthday input,
#Account #ProfileItems #Profile .editable-row .birthday input {
  padding: 0;
  top: 3px;
  color: #000;
  opacity: 1;
  background: transparent;
  border: 0;
  right: 10px;
}
#Account #ProfileItems #Edit .editable .birthday input.monthinput,
#Account #ProfileItems #Profile .editable .birthday input.monthinput,
#Account #ProfileItems #Edit .editable-row .birthday input.monthinput,
#Account #ProfileItems #Profile .editable-row .birthday input.monthinput {
  left: 10px;
}
#Account #ProfileItems #Edit .editable .birthday select,
#Account #ProfileItems #Profile .editable .birthday select,
#Account #ProfileItems #Edit .editable-row .birthday select,
#Account #ProfileItems #Profile .editable-row .birthday select {
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  outline-color: #548cd8;
  outline-width: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(0,0,0,0.2);
  resize: none;
  color: #88adde;
  border: 1px solid #172567;
  width: 32.6%;
  font-size: 16px;
  font-weight: 300;
  height: 36px;
}
#Account #ProfileItems #Edit .editable .hidden-input,
#Account #ProfileItems #Profile .editable .hidden-input,
#Account #ProfileItems #Edit .editable-row .hidden-input,
#Account #ProfileItems #Profile .editable-row .hidden-input {
  height: 0;
  width: 0;
  overflow: hidden;
}
#Account #ProfileItems #Edit .editable .hidden-input input,
#Account #ProfileItems #Profile .editable .hidden-input input,
#Account #ProfileItems #Edit .editable-row .hidden-input input,
#Account #ProfileItems #Profile .editable-row .hidden-input input {
  position: inherit;
}
#Account #ProfileItems #Edit .editable .editButton,
#Account #ProfileItems #Profile .editable .editButton,
#Account #ProfileItems #Edit .editable-row .editButton,
#Account #ProfileItems #Profile .editable-row .editButton {
  line-height: 1px;
  padding: 4px 4px 5px 5px;
  transform: translateY(2px);
  float: right;
  cursor: pointer;
  transition: all 0.1s ease-in-out;
  position: absolute;
  top: 20px;
  right: 25px;
  background-color: transparent;
  border-radius: 3px;
}
#Account #ProfileItems #Edit .editable .editButton:hover,
#Account #ProfileItems #Profile .editable .editButton:hover,
#Account #ProfileItems #Edit .editable-row .editButton:hover,
#Account #ProfileItems #Profile .editable-row .editButton:hover {
  background: linear-gradient(to bottom, #49629c 77%, #42588a 100%) !important;
  color: #fff;
}
#Account #ProfileItems #Edit .editable:hover .editButton,
#Account #ProfileItems #Profile .editable:hover .editButton,
#Account #ProfileItems #Edit .editable-row:hover .editButton,
#Account #ProfileItems #Profile .editable-row:hover .editButton {
  opacity: 1;
  transform: translateY(0px);
}
#Account #ProfileItems #Edit .editable .itemName,
#Account #ProfileItems #Profile .editable .itemName,
#Account #ProfileItems #Edit .editable-row .itemName,
#Account #ProfileItems #Profile .editable-row .itemName {
  float: left;
  margin-right: 9px;
  text-transform: uppercase;
  min-width: 33%;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Lato';
}
#Account #ProfileItems #Edit .forum,
#Account #ProfileItems #Profile .forum {
  height: 15px;
}
#Account #EditIdentity,
#Account #EditAddress {
  border: none !important;
}
#Account #EditIdentity .saveicon,
#Account #EditAddress .saveicon {
  right: 50px !important;
}
#Account #EditIdentity .edit .editlink,
#Account #EditAddress .edit .editlink {
  position: absolute;
  top: 25px;
  letter-spacing: 1px;
  font-weight: 200;
  font-size: 14px;
  font-family: 'Lato';
  right: 10px;
  width: 95px;
  transition: 200ms;
  cursor: pointer;
  opacity: 0;
}
#Account #EditIdentity .edit .editlink span,
#Account #EditAddress .edit .editlink span {
  color: #fff !important;
}
#Account #EditIdentity .edit .editlink:hover,
#Account #EditAddress .edit .editlink:hover {
  text-decoration: underline;
}
#Account #EditIdentity:hover .edit .editlink,
#Account #EditAddress:hover .edit .editlink {
  opacity: 1;
}
#Account #EditIdentity:hover .edit .editlink span,
#Account #EditAddress:hover .edit .editlink span {
  color: #fff !important;
}
#Account #ProfilePanel {
  width: 95%;
  float: left;
  background: #ccc;
  padding: 2%;
  overflow: hidden;
  position: relative;
}
#Account #ProfilePanel #Profile,
#Account #ProfilePanel #Community,
#Account #ProfilePanel #Edit,
#Account #ProfilePanel #Products,
#Account #ProfilePanel #Features,
#Account #ProfilePanel #Social {
  position: absolute;
  width: 93%;
}
#Account #ProfilePanel #Profile h1,
#Account #ProfilePanel #Community h1,
#Account #ProfilePanel #Edit h1,
#Account #ProfilePanel #Products h1,
#Account #ProfilePanel #Features h1,
#Account #ProfilePanel #Social h1 {
  font-size: 25px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  float: left;
  text-shadow: none;
}
#Account #gameAccess .line {
  display: flex;
  align-items: center;
}
#Account #gameAccess .line-title {
  letter-spacing: 1px;
  font-weight: 400;
  font-size: 14px;
  font-family: 'Lato';
  text-transform: uppercase;
}
#Account #gameAccess .line-title-icon {
  margin: 0px 12px;
}
#Account #gameAccess .line-value {
  flex-grow: 1;
  text-align: right;
}
#Account #ForumAccount,
#Account #OAuthAccounts,
#Account #CreditCards {
  position: relative;
}
#Account #ForumAccount .top-row,
#Account #OAuthAccounts .top-row,
#Account #CreditCards .top-row {
  height: 50px;
  margin-bottom: 5px;
}
#Account #ForumAccount .top-row .edit,
#Account #OAuthAccounts .top-row .edit,
#Account #CreditCards .top-row .edit {
  position: relative;
}
#Account #ForumAccount .top-row .header-icon,
#Account #OAuthAccounts .top-row .header-icon,
#Account #CreditCards .top-row .header-icon {
  float: left;
  font-size: 30px;
  color: #516e94;
  margin: 0px 20px 10px 1px;
  text-shadow: 0 0 10px rgba(255,255,255,0.15);
}
#Account #ForumAccount .accounts .title,
#Account #OAuthAccounts .accounts .title,
#Account #CreditCards .accounts .title,
#Account #ForumAccount .passwords .title,
#Account #OAuthAccounts .passwords .title,
#Account #CreditCards .passwords .title,
#Account #ForumAccount .methods .title,
#Account #OAuthAccounts .methods .title,
#Account #CreditCards .methods .title {
  float: none;
  color: #509cd2;
  text-transform: uppercase;
  font-size: 19px;
  height: initial;
  padding: 0;
  line-height: normal;
  text-shadow: 0 0 3px rgba(33,70,115,0.5);
  width: 100%;
  text-align: left;
  margin: 10px 0 5px 9px;
  margin-bottom: 20px !important;
}
#Account #ForumAccount .accounts > .title,
#Account #OAuthAccounts .accounts > .title,
#Account #CreditCards .accounts > .title,
#Account #ForumAccount .passwords > .title,
#Account #OAuthAccounts .passwords > .title,
#Account #CreditCards .passwords > .title,
#Account #ForumAccount .methods > .title,
#Account #OAuthAccounts .methods > .title,
#Account #CreditCards .methods > .title {
  margin: 15px 0 15px 9px;
  border-bottom: 1px solid #384f6d;
  padding-bottom: 11px;
  font-size: 19px;
}
#Account #ForumAccount .accounts .addMethod,
#Account #OAuthAccounts .accounts .addMethod,
#Account #CreditCards .accounts .addMethod,
#Account #ForumAccount .passwords .addMethod,
#Account #OAuthAccounts .passwords .addMethod,
#Account #CreditCards .passwords .addMethod,
#Account #ForumAccount .methods .addMethod,
#Account #OAuthAccounts .methods .addMethod,
#Account #CreditCards .methods .addMethod {
  position: absolute;
  top: 70px;
  font-size: 17px;
  color: #459cd2;
  right: 40px;
  text-transform: uppercase;
  text-shadow: 0 0 3px rgba(33,70,115,0.5);
  cursor: pointer;
}
#Account #ForumAccount .accounts .addMethod:hover,
#Account #OAuthAccounts .accounts .addMethod:hover,
#Account #CreditCards .accounts .addMethod:hover,
#Account #ForumAccount .passwords .addMethod:hover,
#Account #OAuthAccounts .passwords .addMethod:hover,
#Account #CreditCards .passwords .addMethod:hover,
#Account #ForumAccount .methods .addMethod:hover,
#Account #OAuthAccounts .methods .addMethod:hover,
#Account #CreditCards .methods .addMethod:hover {
  text-decoration: underline;
}
#Account #ForumAccount .accounts .provider,
#Account #OAuthAccounts .accounts .provider,
#Account #CreditCards .accounts .provider,
#Account #ForumAccount .passwords .provider,
#Account #OAuthAccounts .passwords .provider,
#Account #CreditCards .passwords .provider,
#Account #ForumAccount .methods .provider,
#Account #OAuthAccounts .methods .provider,
#Account #CreditCards .methods .provider {
  height: 34px;
}
#Account #ForumAccount .accounts .provider .hidden,
#Account #OAuthAccounts .accounts .provider .hidden,
#Account #CreditCards .accounts .provider .hidden,
#Account #ForumAccount .passwords .provider .hidden,
#Account #OAuthAccounts .passwords .provider .hidden,
#Account #CreditCards .passwords .provider .hidden,
#Account #ForumAccount .methods .provider .hidden,
#Account #OAuthAccounts .methods .provider .hidden,
#Account #CreditCards .methods .provider .hidden {
  display: none !important;
}
#Account #ForumAccount .accounts .provider .title,
#Account #OAuthAccounts .accounts .provider .title,
#Account #CreditCards .accounts .provider .title,
#Account #ForumAccount .passwords .provider .title,
#Account #OAuthAccounts .passwords .provider .title,
#Account #CreditCards .passwords .provider .title,
#Account #ForumAccount .methods .provider .title,
#Account #OAuthAccounts .methods .provider .title,
#Account #CreditCards .methods .provider .title {
  float: left;
  width: 50%;
}
@media screen and (max-width: 980px) {
  #Account #ForumAccount .accounts .provider .title .account,
  #Account #OAuthAccounts .accounts .provider .title .account,
  #Account #CreditCards .accounts .provider .title .account,
  #Account #ForumAccount .passwords .provider .title .account,
  #Account #OAuthAccounts .passwords .provider .title .account,
  #Account #CreditCards .passwords .provider .title .account,
  #Account #ForumAccount .methods .provider .title .account,
  #Account #OAuthAccounts .methods .provider .title .account,
  #Account #CreditCards .methods .provider .title .account {
    display: none;
  }
}
#Account #ForumAccount .accounts .provider .status,
#Account #OAuthAccounts .accounts .provider .status,
#Account #CreditCards .accounts .provider .status,
#Account #ForumAccount .passwords .provider .status,
#Account #OAuthAccounts .passwords .provider .status,
#Account #CreditCards .passwords .provider .status,
#Account #ForumAccount .methods .provider .status,
#Account #OAuthAccounts .methods .provider .status,
#Account #CreditCards .methods .provider .status {
  float: right;
  cursor: pointer;
}
#Account #ForumAccount .accounts .provider .status a:hover,
#Account #OAuthAccounts .accounts .provider .status a:hover,
#Account #CreditCards .accounts .provider .status a:hover,
#Account #ForumAccount .passwords .provider .status a:hover,
#Account #OAuthAccounts .passwords .provider .status a:hover,
#Account #CreditCards .passwords .provider .status a:hover,
#Account #ForumAccount .methods .provider .status a:hover,
#Account #OAuthAccounts .methods .provider .status a:hover,
#Account #CreditCards .methods .provider .status a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 680px) {
  #Account #ForumAccount .accounts .provider .title,
  #Account #OAuthAccounts .accounts .provider .title,
  #Account #CreditCards .accounts .provider .title,
  #Account #ForumAccount .passwords .provider .title,
  #Account #OAuthAccounts .passwords .provider .title,
  #Account #CreditCards .passwords .provider .title,
  #Account #ForumAccount .methods .provider .title,
  #Account #OAuthAccounts .methods .provider .title,
  #Account #CreditCards .methods .provider .title {
    width: 30%;
  }
}
#Account #ForumAccount .accounts .provider .provider,
#Account #OAuthAccounts .accounts .provider .provider,
#Account #CreditCards .accounts .provider .provider,
#Account #ForumAccount .passwords .provider .provider,
#Account #OAuthAccounts .passwords .provider .provider,
#Account #CreditCards .passwords .provider .provider,
#Account #ForumAccount .methods .provider .provider,
#Account #OAuthAccounts .methods .provider .provider,
#Account #CreditCards .methods .provider .provider,
#Account #ForumAccount .accounts .methods .provider,
#Account #OAuthAccounts .accounts .methods .provider,
#Account #CreditCards .accounts .methods .provider,
#Account #ForumAccount .passwords .methods .provider,
#Account #OAuthAccounts .passwords .methods .provider,
#Account #CreditCards .passwords .methods .provider,
#Account #ForumAccount .methods .methods .provider,
#Account #OAuthAccounts .methods .methods .provider,
#Account #CreditCards .methods .methods .provider,
#Account #ForumAccount .accounts .provider .method,
#Account #OAuthAccounts .accounts .provider .method,
#Account #CreditCards .accounts .provider .method,
#Account #ForumAccount .passwords .provider .method,
#Account #OAuthAccounts .passwords .provider .method,
#Account #CreditCards .passwords .provider .method,
#Account #ForumAccount .methods .provider .method,
#Account #OAuthAccounts .methods .provider .method,
#Account #CreditCards .methods .provider .method,
#Account #ForumAccount .accounts .methods .method,
#Account #OAuthAccounts .accounts .methods .method,
#Account #CreditCards .accounts .methods .method,
#Account #ForumAccount .passwords .methods .method,
#Account #OAuthAccounts .passwords .methods .method,
#Account #CreditCards .passwords .methods .method,
#Account #ForumAccount .methods .methods .method,
#Account #OAuthAccounts .methods .methods .method,
#Account #CreditCards .methods .methods .method {
  margin: 0;
  width: 100%;
  height: 50px;
  padding: 0;
}
#Account #ForumAccount .accounts .provider .provider .remove,
#Account #OAuthAccounts .accounts .provider .provider .remove,
#Account #CreditCards .accounts .provider .provider .remove,
#Account #ForumAccount .passwords .provider .provider .remove,
#Account #OAuthAccounts .passwords .provider .provider .remove,
#Account #CreditCards .passwords .provider .provider .remove,
#Account #ForumAccount .methods .provider .provider .remove,
#Account #OAuthAccounts .methods .provider .provider .remove,
#Account #CreditCards .methods .provider .provider .remove,
#Account #ForumAccount .accounts .methods .provider .remove,
#Account #OAuthAccounts .accounts .methods .provider .remove,
#Account #CreditCards .accounts .methods .provider .remove,
#Account #ForumAccount .passwords .methods .provider .remove,
#Account #OAuthAccounts .passwords .methods .provider .remove,
#Account #CreditCards .passwords .methods .provider .remove,
#Account #ForumAccount .methods .methods .provider .remove,
#Account #OAuthAccounts .methods .methods .provider .remove,
#Account #CreditCards .methods .methods .provider .remove,
#Account #ForumAccount .accounts .provider .method .remove,
#Account #OAuthAccounts .accounts .provider .method .remove,
#Account #CreditCards .accounts .provider .method .remove,
#Account #ForumAccount .passwords .provider .method .remove,
#Account #OAuthAccounts .passwords .provider .method .remove,
#Account #CreditCards .passwords .provider .method .remove,
#Account #ForumAccount .methods .provider .method .remove,
#Account #OAuthAccounts .methods .provider .method .remove,
#Account #CreditCards .methods .provider .method .remove,
#Account #ForumAccount .accounts .methods .method .remove,
#Account #OAuthAccounts .accounts .methods .method .remove,
#Account #CreditCards .accounts .methods .method .remove,
#Account #ForumAccount .passwords .methods .method .remove,
#Account #OAuthAccounts .passwords .methods .method .remove,
#Account #CreditCards .passwords .methods .method .remove,
#Account #ForumAccount .methods .methods .method .remove,
#Account #OAuthAccounts .methods .methods .method .remove,
#Account #CreditCards .methods .methods .method .remove {
  margin: 11px 0;
}
#Account #ForumAccount .accounts .provider .provider .fa,
#Account #OAuthAccounts .accounts .provider .provider .fa,
#Account #CreditCards .accounts .provider .provider .fa,
#Account #ForumAccount .passwords .provider .provider .fa,
#Account #OAuthAccounts .passwords .provider .provider .fa,
#Account #CreditCards .passwords .provider .provider .fa,
#Account #ForumAccount .methods .provider .provider .fa,
#Account #OAuthAccounts .methods .provider .provider .fa,
#Account #CreditCards .methods .provider .provider .fa,
#Account #ForumAccount .accounts .methods .provider .fa,
#Account #OAuthAccounts .accounts .methods .provider .fa,
#Account #CreditCards .accounts .methods .provider .fa,
#Account #ForumAccount .passwords .methods .provider .fa,
#Account #OAuthAccounts .passwords .methods .provider .fa,
#Account #CreditCards .passwords .methods .provider .fa,
#Account #ForumAccount .methods .methods .provider .fa,
#Account #OAuthAccounts .methods .methods .provider .fa,
#Account #CreditCards .methods .methods .provider .fa,
#Account #ForumAccount .accounts .provider .method .fa,
#Account #OAuthAccounts .accounts .provider .method .fa,
#Account #CreditCards .accounts .provider .method .fa,
#Account #ForumAccount .passwords .provider .method .fa,
#Account #OAuthAccounts .passwords .provider .method .fa,
#Account #CreditCards .passwords .provider .method .fa,
#Account #ForumAccount .methods .provider .method .fa,
#Account #OAuthAccounts .methods .provider .method .fa,
#Account #CreditCards .methods .provider .method .fa,
#Account #ForumAccount .accounts .methods .method .fa,
#Account #OAuthAccounts .accounts .methods .method .fa,
#Account #CreditCards .accounts .methods .method .fa,
#Account #ForumAccount .passwords .methods .method .fa,
#Account #OAuthAccounts .passwords .methods .method .fa,
#Account #CreditCards .passwords .methods .method .fa,
#Account #ForumAccount .methods .methods .method .fa,
#Account #OAuthAccounts .methods .methods .method .fa,
#Account #CreditCards .methods .methods .method .fa {
  line-height: 18px;
  margin: 0px 10px 0 -20px;
  font-size: 31px;
  color: rgba(255,255,255,0.62);
  opacity: 1;
  text-align: center;
  width: 50px;
}
#Account #ForumAccount .accounts .provider .provider.method .fa,
#Account #OAuthAccounts .accounts .provider .provider.method .fa,
#Account #CreditCards .accounts .provider .provider.method .fa,
#Account #ForumAccount .passwords .provider .provider.method .fa,
#Account #OAuthAccounts .passwords .provider .provider.method .fa,
#Account #CreditCards .passwords .provider .provider.method .fa,
#Account #ForumAccount .methods .provider .provider.method .fa,
#Account #OAuthAccounts .methods .provider .provider.method .fa,
#Account #CreditCards .methods .provider .provider.method .fa,
#Account #ForumAccount .accounts .methods .provider.method .fa,
#Account #OAuthAccounts .accounts .methods .provider.method .fa,
#Account #CreditCards .accounts .methods .provider.method .fa,
#Account #ForumAccount .passwords .methods .provider.method .fa,
#Account #OAuthAccounts .passwords .methods .provider.method .fa,
#Account #CreditCards .passwords .methods .provider.method .fa,
#Account #ForumAccount .methods .methods .provider.method .fa,
#Account #OAuthAccounts .methods .methods .provider.method .fa,
#Account #CreditCards .methods .methods .provider.method .fa,
#Account #ForumAccount .accounts .provider .method.method .fa,
#Account #OAuthAccounts .accounts .provider .method.method .fa,
#Account #CreditCards .accounts .provider .method.method .fa,
#Account #ForumAccount .passwords .provider .method.method .fa,
#Account #OAuthAccounts .passwords .provider .method.method .fa,
#Account #CreditCards .passwords .provider .method.method .fa,
#Account #ForumAccount .methods .provider .method.method .fa,
#Account #OAuthAccounts .methods .provider .method.method .fa,
#Account #CreditCards .methods .provider .method.method .fa,
#Account #ForumAccount .accounts .methods .method.method .fa,
#Account #OAuthAccounts .accounts .methods .method.method .fa,
#Account #CreditCards .accounts .methods .method.method .fa,
#Account #ForumAccount .passwords .methods .method.method .fa,
#Account #OAuthAccounts .passwords .methods .method.method .fa,
#Account #CreditCards .passwords .methods .method.method .fa,
#Account #ForumAccount .methods .methods .method.method .fa,
#Account #OAuthAccounts .methods .methods .method.method .fa,
#Account #CreditCards .methods .methods .method.method .fa {
  margin: 0px 10px 0 -10px;
}
#Account #ForumAccount .accounts .provider .provider .title,
#Account #OAuthAccounts .accounts .provider .provider .title,
#Account #CreditCards .accounts .provider .provider .title,
#Account #ForumAccount .passwords .provider .provider .title,
#Account #OAuthAccounts .passwords .provider .provider .title,
#Account #CreditCards .passwords .provider .provider .title,
#Account #ForumAccount .methods .provider .provider .title,
#Account #OAuthAccounts .methods .provider .provider .title,
#Account #CreditCards .methods .provider .provider .title,
#Account #ForumAccount .accounts .methods .provider .title,
#Account #OAuthAccounts .accounts .methods .provider .title,
#Account #CreditCards .accounts .methods .provider .title,
#Account #ForumAccount .passwords .methods .provider .title,
#Account #OAuthAccounts .passwords .methods .provider .title,
#Account #CreditCards .passwords .methods .provider .title,
#Account #ForumAccount .methods .methods .provider .title,
#Account #OAuthAccounts .methods .methods .provider .title,
#Account #CreditCards .methods .methods .provider .title,
#Account #ForumAccount .accounts .provider .method .title,
#Account #OAuthAccounts .accounts .provider .method .title,
#Account #CreditCards .accounts .provider .method .title,
#Account #ForumAccount .passwords .provider .method .title,
#Account #OAuthAccounts .passwords .provider .method .title,
#Account #CreditCards .passwords .provider .method .title,
#Account #ForumAccount .methods .provider .method .title,
#Account #OAuthAccounts .methods .provider .method .title,
#Account #CreditCards .methods .provider .method .title,
#Account #ForumAccount .accounts .methods .method .title,
#Account #OAuthAccounts .accounts .methods .method .title,
#Account #CreditCards .accounts .methods .method .title,
#Account #ForumAccount .passwords .methods .method .title,
#Account #OAuthAccounts .passwords .methods .method .title,
#Account #CreditCards .passwords .methods .method .title,
#Account #ForumAccount .methods .methods .method .title,
#Account #OAuthAccounts .methods .methods .method .title,
#Account #CreditCards .methods .methods .method .title {
  float: left;
  width: initial;
}
#Account #ForumAccount .accounts .provider .provider .title span,
#Account #OAuthAccounts .accounts .provider .provider .title span,
#Account #CreditCards .accounts .provider .provider .title span,
#Account #ForumAccount .passwords .provider .provider .title span,
#Account #OAuthAccounts .passwords .provider .provider .title span,
#Account #CreditCards .passwords .provider .provider .title span,
#Account #ForumAccount .methods .provider .provider .title span,
#Account #OAuthAccounts .methods .provider .provider .title span,
#Account #CreditCards .methods .provider .provider .title span,
#Account #ForumAccount .accounts .methods .provider .title span,
#Account #OAuthAccounts .accounts .methods .provider .title span,
#Account #CreditCards .accounts .methods .provider .title span,
#Account #ForumAccount .passwords .methods .provider .title span,
#Account #OAuthAccounts .passwords .methods .provider .title span,
#Account #CreditCards .passwords .methods .provider .title span,
#Account #ForumAccount .methods .methods .provider .title span,
#Account #OAuthAccounts .methods .methods .provider .title span,
#Account #CreditCards .methods .methods .provider .title span,
#Account #ForumAccount .accounts .provider .method .title span,
#Account #OAuthAccounts .accounts .provider .method .title span,
#Account #CreditCards .accounts .provider .method .title span,
#Account #ForumAccount .passwords .provider .method .title span,
#Account #OAuthAccounts .passwords .provider .method .title span,
#Account #CreditCards .passwords .provider .method .title span,
#Account #ForumAccount .methods .provider .method .title span,
#Account #OAuthAccounts .methods .provider .method .title span,
#Account #CreditCards .methods .provider .method .title span,
#Account #ForumAccount .accounts .methods .method .title span,
#Account #OAuthAccounts .accounts .methods .method .title span,
#Account #CreditCards .accounts .methods .method .title span,
#Account #ForumAccount .passwords .methods .method .title span,
#Account #OAuthAccounts .passwords .methods .method .title span,
#Account #CreditCards .passwords .methods .method .title span,
#Account #ForumAccount .methods .methods .method .title span,
#Account #OAuthAccounts .methods .methods .method .title span,
#Account #CreditCards .methods .methods .method .title span {
  float: left;
}
#Account #ForumAccount .accounts .provider .provider .title .account a,
#Account #OAuthAccounts .accounts .provider .provider .title .account a,
#Account #CreditCards .accounts .provider .provider .title .account a,
#Account #ForumAccount .passwords .provider .provider .title .account a,
#Account #OAuthAccounts .passwords .provider .provider .title .account a,
#Account #CreditCards .passwords .provider .provider .title .account a,
#Account #ForumAccount .methods .provider .provider .title .account a,
#Account #OAuthAccounts .methods .provider .provider .title .account a,
#Account #CreditCards .methods .provider .provider .title .account a,
#Account #ForumAccount .accounts .methods .provider .title .account a,
#Account #OAuthAccounts .accounts .methods .provider .title .account a,
#Account #CreditCards .accounts .methods .provider .title .account a,
#Account #ForumAccount .passwords .methods .provider .title .account a,
#Account #OAuthAccounts .passwords .methods .provider .title .account a,
#Account #CreditCards .passwords .methods .provider .title .account a,
#Account #ForumAccount .methods .methods .provider .title .account a,
#Account #OAuthAccounts .methods .methods .provider .title .account a,
#Account #CreditCards .methods .methods .provider .title .account a,
#Account #ForumAccount .accounts .provider .method .title .account a,
#Account #OAuthAccounts .accounts .provider .method .title .account a,
#Account #CreditCards .accounts .provider .method .title .account a,
#Account #ForumAccount .passwords .provider .method .title .account a,
#Account #OAuthAccounts .passwords .provider .method .title .account a,
#Account #CreditCards .passwords .provider .method .title .account a,
#Account #ForumAccount .methods .provider .method .title .account a,
#Account #OAuthAccounts .methods .provider .method .title .account a,
#Account #CreditCards .methods .provider .method .title .account a,
#Account #ForumAccount .accounts .methods .method .title .account a,
#Account #OAuthAccounts .accounts .methods .method .title .account a,
#Account #CreditCards .accounts .methods .method .title .account a,
#Account #ForumAccount .passwords .methods .method .title .account a,
#Account #OAuthAccounts .passwords .methods .method .title .account a,
#Account #CreditCards .passwords .methods .method .title .account a,
#Account #ForumAccount .methods .methods .method .title .account a,
#Account #OAuthAccounts .methods .methods .method .title .account a,
#Account #CreditCards .methods .methods .method .title .account a {
  float: left;
  color: #116da7;
  margin: 4px 0 0px 10px;
  font-size: 14px;
}
@media screen and (max-width: 600px) {
  #Account #ForumAccount .accounts .provider .provider .title .account a,
  #Account #OAuthAccounts .accounts .provider .provider .title .account a,
  #Account #CreditCards .accounts .provider .provider .title .account a,
  #Account #ForumAccount .passwords .provider .provider .title .account a,
  #Account #OAuthAccounts .passwords .provider .provider .title .account a,
  #Account #CreditCards .passwords .provider .provider .title .account a,
  #Account #ForumAccount .methods .provider .provider .title .account a,
  #Account #OAuthAccounts .methods .provider .provider .title .account a,
  #Account #CreditCards .methods .provider .provider .title .account a,
  #Account #ForumAccount .accounts .methods .provider .title .account a,
  #Account #OAuthAccounts .accounts .methods .provider .title .account a,
  #Account #CreditCards .accounts .methods .provider .title .account a,
  #Account #ForumAccount .passwords .methods .provider .title .account a,
  #Account #OAuthAccounts .passwords .methods .provider .title .account a,
  #Account #CreditCards .passwords .methods .provider .title .account a,
  #Account #ForumAccount .methods .methods .provider .title .account a,
  #Account #OAuthAccounts .methods .methods .provider .title .account a,
  #Account #CreditCards .methods .methods .provider .title .account a,
  #Account #ForumAccount .accounts .provider .method .title .account a,
  #Account #OAuthAccounts .accounts .provider .method .title .account a,
  #Account #CreditCards .accounts .provider .method .title .account a,
  #Account #ForumAccount .passwords .provider .method .title .account a,
  #Account #OAuthAccounts .passwords .provider .method .title .account a,
  #Account #CreditCards .passwords .provider .method .title .account a,
  #Account #ForumAccount .methods .provider .method .title .account a,
  #Account #OAuthAccounts .methods .provider .method .title .account a,
  #Account #CreditCards .methods .provider .method .title .account a,
  #Account #ForumAccount .accounts .methods .method .title .account a,
  #Account #OAuthAccounts .accounts .methods .method .title .account a,
  #Account #CreditCards .accounts .methods .method .title .account a,
  #Account #ForumAccount .passwords .methods .method .title .account a,
  #Account #OAuthAccounts .passwords .methods .method .title .account a,
  #Account #CreditCards .passwords .methods .method .title .account a,
  #Account #ForumAccount .methods .methods .method .title .account a,
  #Account #OAuthAccounts .methods .methods .method .title .account a,
  #Account #CreditCards .methods .methods .method .title .account a {
    display: none;
  }
}
#Account #ForumAccount .accounts .provider .status,
#Account #OAuthAccounts .accounts .provider .status,
#Account #CreditCards .accounts .provider .status,
#Account #ForumAccount .passwords .provider .status,
#Account #OAuthAccounts .passwords .provider .status,
#Account #CreditCards .passwords .provider .status,
#Account #ForumAccount .methods .provider .status,
#Account #OAuthAccounts .methods .provider .status,
#Account #CreditCards .methods .provider .status,
#Account #ForumAccount .accounts .methods .status,
#Account #OAuthAccounts .accounts .methods .status,
#Account #CreditCards .accounts .methods .status,
#Account #ForumAccount .passwords .methods .status,
#Account #OAuthAccounts .passwords .methods .status,
#Account #CreditCards .passwords .methods .status,
#Account #ForumAccount .methods .methods .status,
#Account #OAuthAccounts .methods .methods .status,
#Account #CreditCards .methods .methods .status {
  float: right;
  margin: 0;
  font-size: 15px;
  padding: 4px 0 0 0;
}
#Account #ForumAccount .accounts .provider .status small,
#Account #OAuthAccounts .accounts .provider .status small,
#Account #CreditCards .accounts .provider .status small,
#Account #ForumAccount .passwords .provider .status small,
#Account #OAuthAccounts .passwords .provider .status small,
#Account #CreditCards .passwords .provider .status small,
#Account #ForumAccount .methods .provider .status small,
#Account #OAuthAccounts .methods .provider .status small,
#Account #CreditCards .methods .provider .status small,
#Account #ForumAccount .accounts .methods .status small,
#Account #OAuthAccounts .accounts .methods .status small,
#Account #CreditCards .accounts .methods .status small,
#Account #ForumAccount .passwords .methods .status small,
#Account #OAuthAccounts .passwords .methods .status small,
#Account #CreditCards .passwords .methods .status small,
#Account #ForumAccount .methods .methods .status small,
#Account #OAuthAccounts .methods .methods .status small,
#Account #CreditCards .methods .methods .status small {
  font-size: 75%;
  vertical-align: baseline;
}
#Account #ForumAccount .accounts .provider .status .label,
#Account #OAuthAccounts .accounts .provider .status .label,
#Account #CreditCards .accounts .provider .status .label,
#Account #ForumAccount .passwords .provider .status .label,
#Account #OAuthAccounts .passwords .provider .status .label,
#Account #CreditCards .passwords .provider .status .label,
#Account #ForumAccount .methods .provider .status .label,
#Account #OAuthAccounts .methods .provider .status .label,
#Account #CreditCards .methods .provider .status .label,
#Account #ForumAccount .accounts .methods .status .label,
#Account #OAuthAccounts .accounts .methods .status .label,
#Account #CreditCards .accounts .methods .status .label,
#Account #ForumAccount .passwords .methods .status .label,
#Account #OAuthAccounts .passwords .methods .status .label,
#Account #CreditCards .passwords .methods .status .label,
#Account #ForumAccount .methods .methods .status .label,
#Account #OAuthAccounts .methods .methods .status .label,
#Account #CreditCards .methods .methods .status .label {
  right: 10px;
  top: 9px;
  position: relative;
}
#Account #ForumAccount .accounts .provider .status i,
#Account #OAuthAccounts .accounts .provider .status i,
#Account #CreditCards .accounts .provider .status i,
#Account #ForumAccount .passwords .provider .status i,
#Account #OAuthAccounts .passwords .provider .status i,
#Account #CreditCards .passwords .provider .status i,
#Account #ForumAccount .methods .provider .status i,
#Account #OAuthAccounts .methods .provider .status i,
#Account #CreditCards .methods .provider .status i,
#Account #ForumAccount .accounts .methods .status i,
#Account #OAuthAccounts .accounts .methods .status i,
#Account #CreditCards .accounts .methods .status i,
#Account #ForumAccount .passwords .methods .status i,
#Account #OAuthAccounts .passwords .methods .status i,
#Account #CreditCards .passwords .methods .status i,
#Account #ForumAccount .methods .methods .status i,
#Account #OAuthAccounts .methods .methods .status i,
#Account #CreditCards .methods .methods .status i {
  margin: -2px 12px;
  padding: 0;
  font-size: 18px;
  color: #2b87ff;
}
#Account #ForumAccount .row,
#Account #OAuthAccounts .row,
#Account #CreditCards .row {
  box-shadow: 0 5px 10px rgba(12,12,12,0.72);
  transition: 200ms;
  padding: 10px 10px 15px 10px;
  margin: 25px 0 15px 0;
  border-radius: 2px;
  border: 1px solid rgba(122,178,255,0.39);
}
#Account #ForumAccount ui-switch span,
#Account #OAuthAccounts ui-switch span,
#Account #CreditCards ui-switch span {
  border-color: #2357af !important;
  background-color: #0b1f6b !important;
}
#Account #ForumAccount ui-switch span.checked,
#Account #OAuthAccounts ui-switch span.checked,
#Account #CreditCards ui-switch span.checked {
  background-color: #1e4ee6 !important;
}
#Account #ProfileSidebar {
  width: 15%;
  float: left;
  background: #9caee2;
  padding: 2%;
  background: #4d559a;
  position: relative;
  z-index: 10;
}
#Account #ProfileSidebar ul {
  margin-top: 20px;
}
#Account #ProfileSidebar li {
  border: 1px solid transparent;
  font-size: 11px;
  color: #fff;
  text-transform: uppercase;
  line-height: 14px;
  font-weight: 400;
  margin-bottom: 10px;
  padding: 7px 10px 5px 10px;
  transition: all 0s ease-in-out;
  background: transparent;
}
#Account #ProfileSidebar li:hover,
#Account #ProfileSidebar li:active,
#Account #ProfileSidebar li:focus,
#Account #ProfileSidebar li.active {
  cursor: pointer;
  background: #172567;
  border-radius: 2px;
  cursor: pointer;
  background: linear-gradient(to bottom, #3f4682 75%, #363f84 100%);
}
#Account #ProfileSidebar li i {
  margin: 2px 5px;
  font-size: 15px;
  width: 15px;
  text-align: center;
  height: 15px;
  padding: 4px;
  border-radius: 3px;
}
#Account #AccountBalance {
  height: 110px;
  background: linear-gradient(to right, rgba(26,11,64,0.6) 18%, rgba(28,20,45,0.6) 100%) !important;
}
#Account #AccountBalance .top-row {
  margin-bottom: 15px !important;
}
#Account #AccountBalance .edit-link {
  letter-spacing: 1px;
  font-weight: 200;
  font-size: 14px;
  opacity: 0;
  transition: 300ms;
  font-family: 'Lato';
}
#Account #AccountBalance .edit-link span {
  color: #fff !important;
}
#Account #AccountBalance:hover .edit-link {
  opacity: 1 !important;
  text-shadow: 0 0 7px rgba(255,255,255,0);
  cursor: pointer;
}
#Account #AccountBalance:hover .edit-link:hover {
  text-shadow: 0 0 7px #fff;
  text-decoration: underline;
}
#Account #OAuthAccounts {
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(13,48,97,0.6) !important;
}
#Account #OAuthAccounts:hover {
  box-shadow: inset 0px 0px 40px #13305a !important;
}
#Account #OAuthAccounts .providers li {
  margin: 13px 0;
}
#Account #OAuthAccounts .providers li span.label {
  padding: 5px;
  border-radius: 2px;
  padding: 10px;
}
#Account #OAuthAccounts .providers li span.label:hover {
  text-decoration: underline;
}
#Account #OAuthAccounts .title {
  float: right;
  padding: 0;
  font-size: 18px;
  line-height: 22px;
  font-weight: 400;
  color: #7ab2ff;
  margin: 5px 10px;
  text-shadow: none;
}
#Account #OAuthAccounts .allproviders {
  position: relative;
  text-align: center;
}
#Account #OAuthAccounts .allproviders .background {
  position: absolute;
}
#Account #OAuthAccounts .allproviders li {
  background: linear-gradient(to bottom, #193992, #0a206f);
  padding: 18px 0 !important;
  border: 2px solid #133c84;
  display: inline-block;
  position: relative;
  border-radius: 3px;
  text-align: center;
  border-radius: 0;
  cursor: pointer;
  margin: 0 1%;
  width: 22%;
}
#Account #OAuthAccounts .allproviders li .background {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  transition: 300ms;
  background: linear-gradient(to bottom, #2a0a6f, #23358c);
}
#Account #OAuthAccounts .allproviders li i {
  margin: -8px 0px 0 -12px !important;
  font-size: 23px;
  position: relative;
}
#Account #OAuthAccounts .allproviders li span {
  font-size: 15px;
  position: relative;
  top: 3px;
}
#Account #OAuthAccounts .allproviders li:hover .background {
  opacity: 1;
}
@media screen and (max-width: 768px) {
  #Account #OAuthAccounts .allproviders li {
    width: 90%;
    margin-bottom: 15px;
  }
}
#Account #ForumAccount {
  background: rgba(11,33,64,0.6) !important;
  border: 1px solid rgba(38,65,103,0.6) !important;
}
#Account #ForumAccount .forumlink-error,
#Account #ForumAccount .forumlink-success {
  position: absolute;
  top: 34px;
  background: linear-gradient(to right, rgba(128,166,197,0) 30%, #9a0000 50%);
  width: 80%;
  left: 0;
  font-size: 11px;
  color: #fff;
  padding: 0 10%;
  text-align: right;
  z-index: 0;
}
#Account #ForumAccount .forumlink-success {
  background: linear-gradient(to right, rgba(128,166,197,0) 30%, #349a00 50%) !important;
}
#Account #ForumAccount .itemName .color {
  color: #7ab2ff;
}
#Account #ForumAccount:hover {
  box-shadow: inset 0px 0px 40px #203a50 !important;
}
#DualFactorQR {
  width: 300px;
  display: inline-block;
  position: relative;
}
#DualFactorQR .qr {
  position: relative;
  display: inline-block;
  padding: 15px 9px 9px 9px;
  border: 1px solid #1d5cbe;
  border-radius: 5px;
  margin-top: 10px;
}
#DualFactorQR .qr .key {
  color: #fff;
  margin-top: 10px;
  font-size: 15px;
  border-radius: 2px;
  background: #224b85;
  font-family: monospace;
  letter-spacing: 0.8px;
  padding: 2px 9px 0px 9px;
}
#DualFactorQR .qr img {
  border: 1px solid #6c859f;
  box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.22);
  background: linear-gradient(#9fc6ff, #4e6b96);
  padding: 5px;
}
#DualFactorQR p {
  position: absolute;
  text-align: center;
  background: #072546;
  font-size: 15px;
  padding: 0 5px;
  color: #fff;
  width: auto;
  top: -12px;
  margin: 0;
  left: 8%;
}
#DualFactorQR h2 {
  color: #aad0fa;
  font-size: 13px;
  font-weight: 300;
  font-family: 'Lato';
  padding: 15px 0 10px;
  letter-spacing: 0.8px;
}
#DualFactorQR .download {
  margin-top: 8px;
}
#DualFactorQR .download li {
  background: linear-gradient(to bottom, #fff 0%, #dfdfdf 70%);
  border: 1px solid transparent;
  display: inline-block;
  border-radius: 3px;
  transition: 100ms;
  padding: 6px 0;
  width: 145px;
}
#DualFactorQR .download li:hover {
  background: linear-gradient(to bottom, #fff 0%, #f0f0f0 70%);
  border: 1px solid #ccc;
}
#DualFactorQR .download li a {
  color: #213b98;
}
#DualFactorQR .download li a i {
  margin: 4px 7px;
}
#DualFactorQR .download li a span {
  top: 5px;
  position: relative;
}
#mainhead .edit-background {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 5;
  color: #fff;
  text-shadow: 0 0 1px #000;
  transition: 300ms 2s ease-in-out;
  opacity: 0;
  pointer-events: none;
}
#mainhead .edit-background i {
  color: #fff;
  background: #273140;
  padding: 5px 9px;
  font-size: 15px;
  border: 1px solid #1f2733;
  border-radius: 2px;
  cursor: pointer;
}
#mainhead:hover .edit-background {
  opacity: 1 !important;
  pointer-events: all !important;
}
#Backgrounds {
  background: url("/assets/img/film-strip.png") repeat-x;
  height: 73px;
  position: absolute;
  width: auto;
  z-index: 4;
  bottom: 5px;
  padding-left: 5px;
  left: 60px;
  background-size: 78px;
}
#Backgrounds ul {
  margin-top: 18px;
}
#Backgrounds ul li {
  cursor: pointer;
  float: left;
  height: 38px;
  width: 54px;
  overflow: hidden;
  margin-right: 5px;
  border-radius: 2px;
}
#Backgrounds ul li .images {
  width: 75px;
}
.coin_header {
  color: #fff;
  height: 11px;
  font-size: 14px;
  position: relative;
  font-family: monospace;
  padding: 15px !important;
  text-shadow: 1px 2px 0px #000;
  background: linear-gradient(to right, transparent, #2f5489, transparent);
}
.coin_header ul {
  top: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
  position: absolute;
}
.coin_header ul li:first-child {
  position: absolute;
  width: 30px;
  width: auto;
  left: 10px;
  top: 14px;
}
.coin_header ul li {
  position: absolute;
  width: 100%;
  top: 14px;
  left: 0;
}
.coin_header ul li:last-child {
  position: absolute;
  width: 30px;
  width: auto;
  right: 10px;
  left: auto;
  top: 14px;
}
.coin_header .box-borders .top,
.coin_header .box-borders .bottom {
  background: linear-gradient(to right, transparent, #7995c6, transparent) !important;
}
.coin_header .box-borders .left,
.coin_header .box-borders .right {
  display: none;
}
#Community .socialInvite {
  width: 94%;
  padding: 3%;
  margin: 5% 0;
  font-size: 19px;
  font-weight: 800;
  background: url("/assets/img/patterns/diamond-upholstery.png") #000;
  border: 1px solid rgba(175,175,175,0.39) !important;
}
#Community .socialInvite h1 {
  display: block;
  width: 100%;
  font-size: 22px !important;
  margin-bottom: 0 !important;
  color: #fff !important;
}
#Community .socialInvite h5 {
  margin-bottom: 20px;
}
#Community .socialInvite label {
  display: block;
  text-align: left;
  padding-bottom: 10px;
  font-size: 18px;
  letter-spacing: 2px;
  font-weight: 400;
}
#Community .socialInvite input {
  background: rgba(0,0,0,0.5);
  border-color: #9298a2;
  letter-spacing: 2px;
  color: #fff;
  border: none;
  padding: 2%;
  width: 96%;
}
#Community .socialInvite button {
  background: linear-gradient(#1b52a9, #183d77);
  border: 1px solid #195fbe !important;
  text-shadow: 0 0 5px #000;
  letter-spacing: 0.8px;
  font-family: 'Roboto';
  padding: 7px 21px;
  margin-top: 20px;
  margin-left: 5px;
  cursor: pointer;
  font-size: 14px;
  margin: 20px 0;
  color: #fff;
  float: none;
}
#AccountDetails #Products #CartDetails .crowd-description {
  font-size: 12px !important;
  margin-bottom: 5px !important;
  padding-left: 10px !important;
  margin-top: 0 !important;
}
#AccountDetails #Products #CartDetails .included_items ul {
  margin: 20px 0px 10px 0 !important;
}
#AccountDetails #Products #CartDetails .direction-controls {
  width: 99.3%;
}
#CommunityBar .search {
  width: 75% !important;
}
#CommunityBar .search form input::-webkit-input-placeholder,
#CommunityBar .search form input:-ms-input-placeholder,
#CommunityBar .search form input::-moz-placeholder,
#CommunityBar .search form input:-moz-placeholder {
  text-transform: uppercase !important;
}
#CommunityBar .search form input:-webkit-autofill,
#CommunityBar .search form input:-webkit-autofill:hover,
#CommunityBar .search form input:-webkit-autofill:focus,
#CommunityBar .search form input:-webkit-autofill:active {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #fff !important;
}
#CommunityBar #SearchResults {
  background: linear-gradient(to bottom, #363636, #1b1b1b);
  box-shadow: 0px 10px 30px rgba(0,0,0,0.3);
  height: auto !important;
  transform: translate(0);
  position: absolute;
  border-radius: 2px;
  z-index: 100 !important;
  width: 100% !important;
  left: 0;
  top: 65px;
  right: 0;
}
#CommunityBar #SearchResults li {
  height: auto !important;
  padding: 15px 15px;
  height: 40px !important;
}
#CommunityBar #SearchResults li a {
  color: #fff;
  font-size: 18px;
  padding: 0 10px;
  font-weight: 200;
  letter-spacing: 0.3px;
  position: relative;
  top: 9px;
}
#CommunityBar #SearchResults li a span {
  color: #fff;
  font-size: 22px;
  font-weight: 200;
  letter-spacing: 1px;
  margin: 0 0 0 12px;
}
#CommunityBar #SearchResults li .image {
  width: 40px !important;
}
#CommunityBar #SearchResults li .underglow {
  background: transparnet;
}
#CommunityBar #SearchResults li .image-container {
  width: 40px;
  height: 40px;
  border: 1px solid #1d1d1d;
}
#CommunityBar #SearchResults li .marker {
  top: 0;
  left: -10px;
  opacity: 0;
  height: 100%;
  transition: 100ms;
  position: absolute;
  border-left: 4px solid #369d46;
}
#CommunityBar #SearchResults li:hover .marker {
  border-left: 4px solid #369d46;
  opacity: 1;
  left: 0;
}
.fr-toolbar {
  color: #fff !important;
  border-top: 0px !important;
  border: 1px solid #316d9e !important;
  background: linear-gradient(#133867, #132e51) !important;
}
.fr-separator {
  background: #316d9e !important;
}
.fr-buttons {
  background: #193665 !important;
}
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-wrapper .fr-placeholder,
.fr-box.fr-basic .fr-element {
  color: #fff !important;
}
.fr-popup .fr-input-line {
  color: #fff;
  margin-top: 10px;
}
.fr-popup .fr-input-line label {
  background: transparent;
  color: #fffffb;
  font-weight: 500 !important;
  font-size: 14px;
}
.fr-popup .fr-input-line input {
  margin-top: 10px !important;
  font-weight: 500 !important;
  border-bottom: 1px solid #2d6390;
  padding-bottom: 5px;
}
.fr-popup .fr-action-buttons {
  margin-top: 10px;
}
.fr-popup .fr-action-buttons button {
  border-left: 2px solid #418fce !important;
  border-right: 2px solid #418fce !important;
  background: #316d9e !important;
  padding: 5px 10px !important;
  border-radius: 0 !important;
  border-radius: 0 !important;
  text-transform: uppercase;
  text-align: right;
  font-weight: 100;
  font-size: 11px;
  z-index: 7;
  height: 30px;
}
.fr-popup .fr-action-buttons button:hover {
  border-left: 2px solid #418fce;
  border-right: 2px solid #418fce;
}
.fr-counter {
  color: #9cd2da !important;
  background: #316d9e !important;
  border-top: solid 1px #1d7ba9 !important;
  border-left: solid 1px #1d7ba9 !important;
}
.fr-wrapper {
  margin-top: 10px;
  border-radius: 1px;
  color: #fff !important;
  background: #0c121b !important;
  border: 1px solid #36547d !important;
}
.fr-command {
  color: #fff !important;
}
.fr-command:hover {
  background: #316d9e !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active {
  background: #0196a4;
}
.fr-dropdown-menu li {
  border: none;
  font-size: 12px;
}
.fr-dropdown-menu li a {
  font-size: 10px !important;
}
.fr-dropdown-list {
  background: #0196a4;
}
.fr-dropdown-list li {
  border: none !important;
}
.fr-element {
  padding: 20px 15px 25px 15px;
}
.half {
  float: left;
  width: 45%;
  margin-right: 5%;
}
.half.last {
  width: 49%;
  margin: 0;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown::after,
.fr-popup .fr-command.fr-btn.fr-dropdown::after {
  border-top: 4px solid #2478bb !important;
}
.fr-command.fr-special-character {
  color: #000 !important;
}
@media screen and (max-width: 980px) {
  #Account #ProfileMenu {
    width: 100% !important;
    min-height: auto !important;
  }
  #Account #ProfileMenu li:last-child {
    margin-bottom: 0 !important;
  }
  #Account #ProfileMenu li {
    display: inline-block !important;
    border-radius: 0px !important !important;
    border: 2px solid rgba(90,121,143,0) !important;
    font-size: 12px !important;
    color: #fff !important;
    padding: 5px 1px !important;
    letter-spacing: 1.6px !important;
    line-height: 29px !important;
    transition: background 0.1s ease-in-out !important;
    text-align: center !important;
    transition: 140ms !important;
    width: 15% !important;
    padding: 1% !important;
    margin: 1% 2% 2% 2% !important;
  }
  #Account #ProfileMenu li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #00f;
    height: 0;
  }
  #Account #ProfileMenu li:hover #Account #ProfileMenu li:before {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 3px;
    background: #00f;
    height: 0;
  }
  #ProfileItems {
    width: 100% !important;
  }
  ul.machines li .remove {
    opacity: 1 !important;
  }
  ul.machines li .remove span {
    margin: 0 !important;
  }
}
.fr-placeholder,
.fr-toolbar .fr-command.fr-btn i,
.fr-popup .fr-command.fr-btn i,
.fr-wrapper .fr-placeholder,
.fr-box.fr-basic .fr-element {
  color: #fff !important;
}
.fr-popup,
.fr-buttons {
  border: 1px solid #193665 !important;
  background: linear-gradient(#10233c, #060f1b) !important;
}
.fr-popup .fr-seperator,
.fr-buttons .fr-seperator {
  background: #193665 !important;
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a {
  height: 19px;
  transition: 300ms;
  border-left: 3px solid #316d9e;
  background: #0c121b !important;
  padding: 8px 20px 20px 20px !important;
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a:hover {
  border-left: 3px solid #4ab337;
}
.fr-command.fr-btn+.fr-dropdown-menu .fr-dropdown-wrapper .fr-dropdown-content ul.fr-dropdown-list li a.fr-active {
  background: #1e1e1e !important;
  border-left: 3px solid #4ab337 !important;
}
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:hover,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active:focus,
.fr-toolbar .fr-command.fr-btn.fr-dropdown.fr-active,
.fr-popup .fr-command.fr-btn.fr-dropdown.fr-active {
  background: #1e1e1e !important;
}
.fr-quick-insert {
  padding: 0 !important;
}
.fr-quick-insert svg {
  margin: 0 !important;
}
.fr-qi-helper a i {
  margin: 0 5px !important;
}
.fr-popup .fr-input-line {
  padding-bottom: 0;
}
.fr-popup .fr-input-line label {
  background: transparent !important;
  text-transform: uppercase;
  color: #fff !important;
  font-family: 'Roboto';
  letter-spacing: 1px;
  font-size: 12px;
}
.fr-popup .fr-input-line input {
  margin-top: 10px;
  color: #fff !important;
  font-weight: 400 !important;
  border-bottom: 1px solid #316d9e;
  padding-bottom: 10px;
}
#Overlay {
  position: fixed;
  width: 141%;
  height: 100%;
  overflow-y: scroll;
  z-index: 16;
  top: 0%;
  left: -20%;
  text-align: center;
  opacity: 0;
  visibility: hidden;
  transform: scale(1);
  z-index: 100;
}
@media screen and (max-width: 768px) {
  #Overlay:not(.is-visible-on-mobile) {
    display: none;
  }
}
#Darkness {
  position: fixed;
  width: 200%;
  height: 200%;
  background: rgba(12,16,29,0.5);
  top: -50%;
  left: -50%;
  transform: scale(2);
  text-align: center;
}
@media screen and (max-width: 768px) {
  #Darkness:not(.is-visible-on-mobile) {
    display: none;
  }
}
#PaymentWindow {
  position: relative;
  background: radial-gradient(#1a3e70, #2e1747);
  z-index: 20;
  border-radius: 6px;
  border: 1px solid #385582;
  box-shadow: 0 0 35px #000;
  width: 325px;
  text-align: center;
  padding-bottom: 30px;
  display: inline-block;
  margin-top: 120px;
  height: 380px;
  color: #000;
}
#PaymentWindow label {
  color: #fff !important;
  margin-right: 4px;
}
#PaymentWindow .container {
  overflow: hidden;
}
#PaymentWindow #Agreement {
  margin-top: 20px;
  height: 300px !important;
  width: 100%;
  right: 0;
}
#PaymentWindow #Agreement iframe {
  height: 100% !important;
}
#PaymentWindow #EntryWindow {
  overflow: hidden;
  padding: 0;
}
#PaymentWindow #EntryWindow .purchase-cart {
  line-height: 40px;
  border-left: 0 !important;
  border-right: 0 !important;
  border-radius: 0px !important;
  border: 2px solid #42a2f1 !important;
}
#PaymentWindow #EntryWindow .purchase-cart.disabled {
  background: linear-gradient(to bottom, #97aac3 50%, #94a1b7 100%) !important;
}
#PaymentWindow #EntryWindow .purchase-cart:active {
  background: linear-gradient(to bottom, #021147 50%, #143167 100%) !important;
  border: 3px solid #111f80 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
@media screen and (max-width: 768px) {
  #PaymentWindow #EntryWindow {
    padding: 0 !important;
  }
}
#PaymentWindow .post-purchase-action {
  top: 20px;
  text-align: center;
  position: relative;
}
#PaymentWindow .post-purchase-action a {
  float: none;
  margin: 0px auto;
  display: inline-block;
  width: 90%;
  position: absolute;
  top: 0;
  left: 0;
}
#PaymentWindow #OrderForm,
#PaymentWindow #PostPayment,
#PaymentWindow #AccountPayment,
#PaymentWindow #Terms,
#PaymentWindow #Gift,
#PaymentWindow #PayPalPayment,
#PaymentWindow #Agreement,
#PaymentWindow #Share,
#PaymentWindow #Copies,
#PaymentWindow #Crypto {
  position: absolute;
}
#PaymentWindow #OrderForm {
  padding-top: 35px;
}
#PaymentWindow #Crypto {
  float: left;
  transform: translateX(0%);
  height: 444px;
  opacity: 1;
  width: 100%;
  margin: 0;
  border-radius: 6px;
}
#PaymentWindow #Crypto .crypto {
  height: 100%;
}
#PaymentWindow #Crypto .crypto select {
  height: auto;
  padding: 10px;
  width: 90%;
}
#PaymentWindow #Crypto .crypto .qr {
  margin: 35px 0;
  min-height: 130px !important;
}
#PaymentWindow #Crypto .crypto .qr img {
  width: 200px;
  padding: 12px;
  height: 200px;
  position: relative;
  border-radius: 0px;
  display: inline-block;
  border: 1px solid #6c859f;
  box-shadow: 0px 0px 18px 10px rgba(0,0,0,0.22);
  background: linear-gradient(#9fc6ff, #4e6b96);
}
#PaymentWindow #Crypto .crypto_selector {
  position: relative;
  width: 80% !important;
  width: 50px;
  margin: 0 10%;
}
#PaymentWindow #Crypto .crypto_selector li {
  color: #fff;
  width: 100%;
  padding: 10px 0;
  background: linear-gradient(to right, #1e7dc8, #2887d3, #1e7dc8);
  border: 2px solid #29495f;
  position: absolute;
  border-radius: 4px;
}
#PaymentWindow #Crypto .selected {
  color: #fff;
  width: 95%;
  padding: 10px 0;
  background: linear-gradient(to right, #1a3347, #26699f, #1a3347);
  border: 1px solid #acc;
  position: absolute;
  cursor: pointer;
  margin: 0 2%;
}
#PaymentWindow #Crypto .selected i {
  padding: 0 20px;
  position: absolute;
  top: 13px;
}
#PaymentWindow #Crypto .selector .title {
  font-size: 17px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: center;
  transition: 200ms;
  margin: 0 0 20px 0;
  padding: 0 15px;
  text-transform: uppercase;
  color: #010101;
  text-shadow: none;
}
#PaymentWindow #Crypto .paid {
  width: 100%;
  height: 250px;
}
#PaymentWindow #Crypto .paid h2 {
  color: #000;
}
#PaymentWindow #Crypto .address {
  color: #fff;
  font-size: 14px;
  font-family: monospace;
  padding: 5px 0 !important;
  background: linear-gradient(to right, transparent, #000, transparent);
}
#PaymentWindow #Crypto .progress_bar {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 5px;
  background: linear-gradient(to right, #4caf50, #8bc647, #4caf50);
  z-index: 100;
}
#PaymentWindow #Errors {
  top: 100px;
  width: 100%;
  color: #fff;
  padding: 2px 0;
  font-size: 10px;
  font-weight: 100;
  line-height: 17px;
  position: absolute;
  text-align: center;
  letter-spacing: 0.5px;
  background-position: 0 0;
  transition: opacity 0.2s, background-position 25s;
}
#PaymentWindow #PostPayment,
#PaymentWindow #PayPalPayment,
#PaymentWindow #LinkForum {
  height: 275px;
  position: absolute;
  width: 80%;
  padding: 0 10%;
}
#PaymentWindow #PostPayment .order-complete,
#PaymentWindow #PayPalPayment .order-complete,
#PaymentWindow #LinkForum .order-complete {
  top: 15px;
  color: #4caf50;
  font-size: 52px;
  position: relative;
  line-height: 40px;
  transform: translateY(-25%);
  text-shadow: 0 0 10px #1a8c1e;
}
#PaymentWindow #PostPayment h2,
#PaymentWindow #PayPalPayment h2,
#PaymentWindow #LinkForum h2 {
  color: #fff;
  cursor: default;
  font-size: 19px;
  line-height: 25px;
  padding: 7px 0px;
  text-shadow: none;
  border-left: none;
  border-right: none;
  border: 1px solid #5178b6;
  background: linear-gradient(to right, #063375, #0849a9, #10428d);
  border-left: none;
  border-right: none;
  margin: 13px 0 0 0;
}
#PaymentWindow #PostPayment h4,
#PaymentWindow #PayPalPayment h4,
#PaymentWindow #LinkForum h4 {
  cursor: default;
  font-size: 26px;
  line-height: 38px;
  color: #33d423;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-top: 25px;
  transition: all 0.2s ease-in-out;
}
#PaymentWindow #PostPayment h4:hover,
#PaymentWindow #PayPalPayment h4:hover,
#PaymentWindow #LinkForum h4:hover {
  color: #5789c5;
}
#PaymentWindow #PostPayment .paid,
#PaymentWindow #PayPalPayment .paid,
#PaymentWindow #LinkForum .paid {
  font-size: 14px;
  position: absolute;
  text-align: center;
  margin: 0 auto;
  width: 100%;
  top: 0px;
  left: 0;
}
#PaymentWindow #PostPayment .paid p,
#PaymentWindow #PayPalPayment .paid p,
#PaymentWindow #LinkForum .paid p {
  color: #add;
}
#PaymentWindow #PostPayment img {
  width: 90px;
}
#PaymentWindow #PostPayment p {
  color: #3958a9;
  font-weight: 500;
  font-family: 'Lato';
  margin: 0px 0;
}
#PaymentWindow #PostPayment h2 {
  margin: 30px 0 25px 0;
}
#PaymentWindow #PostPayment .paid {
  font-size: 16px;
  top: auto;
  bottom: 84px;
}
#PaymentWindow #PostPayment .paid strong {
  font-weight: 600 !important;
}
#PaymentWindow #PayPalPayment p {
  color: #a2c3df;
  font-size: 13px;
  letter-spacing: 0.6px;
  line-height: 30px;
  font-weight: 200;
  margin: 15px 0;
}
#PaymentWindow #PayPalPayment p input#cc-terms {
  top: 3px;
  position: relative;
}
#PaymentWindow #PayPalPayment .account-credits {
  color: #fff;
  padding: 0px;
  position: relative;
  margin: 20px 0 5px 0;
  background: linear-gradient(to right, #092f67, #063d8e, #092f67);
  border: 1px solid #4c72ae;
  border-radius: 0px;
  border-right: 0;
  border-left: 0;
}
#PaymentWindow #PayPalPayment .account-credits .currency {
  top: 6px;
  margin: 5px;
  color: #fff;
  font-size: 20px;
  font-weight: 200;
  position: relative;
}
#PaymentWindow #PayPalPayment .credit-title,
#PaymentWindow #PayPalPayment .amount,
#PaymentWindow #PayPalPayment .cart-total,
#PaymentWindow #PayPalPayment .cart-amount {
  font-size: 13px;
  color: #acbbd7;
  font-weight: 500;
}
#PaymentWindow #PayPalPayment .credit-title {
  position: absolute;
  left: 15px;
  top: 10px;
}
#PaymentWindow #PayPalPayment .amount {
  position: absolute;
  right: 15px;
  top: 10px;
}
#PaymentWindow #PayPalPayment .totals {
  border-top: 1px solid #808080;
}
#PaymentWindow #PayPalPayment .cart-amount {
  right: 15px;
  bottom: 8px;
  font-size: 17px;
  font-weight: 300;
  position: absolute;
  color: #8bc2f1;
}
#PaymentWindow #PayPalPayment .cart-total {
  float: left !important;
  right: auto !important;
  left: 20px !important;
  position: absolute;
  text-align: left;
  font-weight: 300;
  font-size: 15px;
  color: #fff;
  bottom: 10px;
}
#PaymentWindow #PayPalPayment hr {
  position: absolute;
  top: 35px;
  width: 90%;
  left: 5%;
  border-color: #284f87;
  margin: 0;
}
#PaymentWindow #PayPalPayment .terms input,
#PaymentWindow #PayPalPayment .terms a {
  font-weight: 500;
  cursor: pointer;
  color: #adc2ff;
}
#PaymentWindow #PayPalPayment .terms input[name="paypal-terms"] {
  top: 3px;
  position: relative;
}
#PaymentWindow #PayPalPayment label {
  font-size: 13px;
  letter-spacing: normal;
}
#PaymentWindow #Share {
  border-radius: 7px 7px 0 0;
  width: 100%;
}
#PaymentWindow #Share #Details {
  background: url("/assets/img/back-texture1.jpg");
}
#PaymentWindow #Share .product {
  color: #fff;
  font-weight: 200;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(to bottom, #376aa5 34%, #1d5290 100%);
}
#PaymentWindow #Share .product .image {
  width: 40%;
  margin: 5%;
  float: left;
  height: 80px;
  overflow: hidden;
  margin-bottom: 1%;
}
#PaymentWindow #Share .product .image img {
  height: 80px;
  box-shadow: 1px 1px 5px rgba(9,51,99,0.67);
  background: linear-gradient(#313132 34%, #303131) !important;
}
#PaymentWindow #Share .product .title {
  float: left;
  margin: 7% 5% 1% 5%;
  width: 40%;
  margin-bottom: 3px;
}
#PaymentWindow #Share .product .title .small {
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 8px;
  border-bottom: 1px solid #1e5391;
  padding-bottom: 15px;
  text-transform: uppercase;
}
#PaymentWindow #Share .product .title span {
  top: 10px;
  font-weight: 500;
  line-height: 19px;
  position: relative;
  text-transform: uppercase;
}
#PaymentWindow #Share .product .description {
  width: 90%;
  height: 40px;
  font-size: 12px;
  text-align: center;
  display: inline-block;
  letter-spacing: 0.8px;
  margin-bottom: 15px;
  margin-top: 10px;
}
#PaymentWindow #Share ul.social-buttons li {
  margin: 5%;
  color: #fff;
  padding: 0px;
  height: 40px;
  cursor: pointer;
  overflow: hidden;
  transition: 200ms;
  position: relative;
  border-radius: 2px;
  border-bottom: 1px solid rgba(99,141,206,0.341);
  background: linear-gradient(to bottom, #376aa5 34%, #1d5290 100%);
}
#PaymentWindow #Share ul.social-buttons li .share-icon {
  float: left;
  padding: 12px 10px;
  background: #3a82d4;
  font-weight: 200;
  height: 16px;
  width: 17px;
  cursor: pointer;
}
#PaymentWindow #Share ul.social-buttons li .share-title {
  top: 13px;
  left: 45px;
  color: #fff;
  font-size: 15px;
  position: absolute;
  text-transform: uppercase;
}
#PaymentWindow #Share ul.social-buttons li.facebook {
  background: linear-gradient(to bottom, #2a4a8e 34%, #1b3354 100%);
}
#PaymentWindow #Share ul.social-buttons li.facebook .share-icon {
  background: #3b5998;
}
#PaymentWindow #Share ul.social-buttons li.facebook:hover {
  background: linear-gradient(to bottom, #3059b2 34%, #1e4478 100%);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  transform: scale(1.03);
}
#PaymentWindow #Share ul.social-buttons li.twitter {
  background: linear-gradient(to bottom, #1177b5 34%, #0e5279 100%);
}
#PaymentWindow #Share ul.social-buttons li.twitter .share-icon {
  background: #1b95e0;
}
#PaymentWindow #Share ul.social-buttons li.twitter:hover {
  background: linear-gradient(to bottom, #1b96e1 34%, #1770a3 100%);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  transform: scale(1.03);
}
#PaymentWindow #Share ul.social-buttons li.googleplus {
  background: linear-gradient(to bottom, #a23d3d 34%, #7b1c1c 100%);
}
#PaymentWindow #Share ul.social-buttons li.googleplus .share-icon {
  background: #1b95e0;
}
#PaymentWindow #Share ul.social-buttons li.googleplus:hover {
  background: linear-gradient(to bottom, #1b96e1 34%, #1770a3 100%);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  transform: scale(1.03);
}
#PaymentWindow #Share ul.social-buttons li.email {
  background: linear-gradient(to bottom, #5a5a5a 34%, #2a2f3c 100%);
}
#PaymentWindow #Share ul.social-buttons li.email .share-icon {
  background: #808080;
}
#PaymentWindow #Share ul.social-buttons li.email:hover {
  background: linear-gradient(to bottom, #7e7e7e 34%, #414141 100%);
  box-shadow: 0 0 10px rgba(0,0,0,0.5);
  transform: scale(1.03);
}
#PaymentWindow #Copies {
  transform: translateX(0%);
  opacity: 1;
  padding: 5% 0;
  width: 100%;
  height: 200px;
}
#PaymentWindow #Terms {
  opacity: 1;
  top: 135px;
  width: 90%;
  height: 300px;
  display: block;
  margin-left: 3.5%;
}
#PaymentWindow #Terms iframe {
  height: 100%;
}
#PaymentWindow #Terms h2 {
  cursor: default;
  font-size: 19px;
  line-height: 25px;
  padding: 0 0 10px 0px;
  color: #000;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.14);
}
#PaymentWindow #Terms h4 {
  cursor: default;
  font-size: 26px;
  line-height: 38px;
  color: #3257b9;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-top: 20px;
  transition: all 0.2s ease-in-out;
}
#PaymentWindow #Terms h4:hover {
  color: #5789c5;
}
#PaymentWindow #AccountPayment {
  width: 80%;
  height: 215px;
  position: absolute;
  padding: 35px 10% 0 10%;
}
#PaymentWindow #AccountPayment #OrderForm {
  padding-top: 0px;
}
#PaymentWindow #AccountPayment .account-credits {
  color: #fff;
  padding: 0px;
  position: relative;
  background: linear-gradient(to right, #063375, #0849a9, #10428d);
  border-radius: 0px;
  border: 1px solid #5178b6;
  border-left: 0 !important;
  border-right: 0 !important;
}
#PaymentWindow #AccountPayment .account-credits .credit-title,
#PaymentWindow #AccountPayment .account-credits .amount,
#PaymentWindow #AccountPayment .account-credits .cart-total,
#PaymentWindow #AccountPayment .account-credits .cart-amount {
  font-size: 13px;
  color: #565656;
}
#PaymentWindow #AccountPayment .account-credits .credit-title {
  position: absolute;
  text-align: left;
  font-weight: 300;
  font-size: 15px;
  color: #fff;
  left: 15px;
  top: 10px;
}
#PaymentWindow #AccountPayment .account-credits .amount {
  top: 10px;
  right: 15px;
  bottom: auto;
  color: #8bc2f1;
  font-size: 17px;
  position: absolute;
  font-weight: 600;
}
#PaymentWindow #AccountPayment .account-credits .totals {
  border-top: 1px solid #808080;
}
#PaymentWindow #AccountPayment .account-credits .cart-total {
  position: absolute;
  text-align: left;
  font-weight: 300;
  font-size: 15px;
  bottom: 12px;
  color: #fff;
  left: 15px;
}
#PaymentWindow #AccountPayment .account-credits .cart-amount {
  right: 15px;
  bottom: 10px;
  color: #8bc2f1;
  font-size: 17px;
  font-weight: 600;
  position: absolute;
}
#PaymentWindow #AccountPayment .account-credits .cart-amount input {
  color: #fff;
  border-radius: 2px;
  border: 1px solid #213b98;
  background: rgba(0,0,0,0.522);
}
#PaymentWindow #AccountPayment .account-credits hr {
  position: absolute;
  top: 35px;
  width: 95%;
  left: 2%;
  border-color: #fff;
  margin: 0;
}
#PaymentWindow #AccountPayment .account-credits .currency {
  font-size: 20px;
  color: #fff;
  margin: 5px;
  top: 5px;
  position: relative;
  font-weight: 200;
}
#PaymentWindow #AccountPayment .account-prompt {
  font-size: 13px;
}
#PaymentWindow #AccountPayment .terms {
  font-size: 13px;
}
#PaymentWindow #AccountPayment .terms a {
  cursor: pointer;
  color: #adc2ff;
  font-weight: 500;
}
#PaymentWindow #AccountPayment h2 {
  cursor: default;
  font-size: 19px;
  line-height: 25px;
  padding: 0 0 10px 0px;
  color: #000;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.14);
}
#PaymentWindow #AccountPayment h4 {
  cursor: default;
  font-size: 26px;
  line-height: 38px;
  color: #3257b9;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-top: 20px;
  transition: all 0.2s ease-in-out;
}
#PaymentWindow #AccountPayment h4:hover {
  color: #5789c5;
}
#PaymentWindow #AccountPayment .purchase-button-container {
  width: 100%;
  text-align: center;
  padding: 20px 0 15px 0;
}
#PaymentWindow #AccountPayment .purchase-button-container .purchase-cart {
  float: none;
  width: 100%;
  font-size: 16px;
  position: inherit;
  border-radius: 3px;
  letter-spacing: 1px;
  text-transform: none;
  display: inline-block;
  background: #1278f6;
}
#PaymentWindow #AccountPayment .purchase-button-container .purchase-cart.disabled {
  border: 2px solid #b7b7b7 !important;
  background: linear-gradient(to bottom, #97aac3 50%, #94a1b7 100%) !important;
}
#PaymentWindow #AccountPayment .purchase-button-container .purchase-cart:active {
  background: linear-gradient(to bottom, #021147 50%, #143167 100%) !important;
  border: 3px solid #111f80 !important;
  border-right: 0 !important;
  border-left: 0 !important;
}
#PaymentWindow #GiftPayment {
  height: 215px;
  position: absolute;
  width: 80%;
  padding: 0 10%;
}
#PaymentWindow #GiftPayment .gift-title {
  margin: -15px 0 0 0 !important;
  font-size: 13px;
  line-height: 13px;
}
#PaymentWindow #GiftPayment form label {
  width: 100%;
  font-weight: 200;
  margin: 0 0 20px 0;
  letter-spacing: 0.25px;
  text-transform: uppercase;
  color: #bfd4ff !important;
}
#PaymentWindow #GiftPayment form input {
  padding: 12px;
  color: #68abde;
  font-size: 15px;
  font-weight: 300;
  transition: 200ms;
  letter-spacing: 1px;
  margin: 10px 0 20px 0;
  width: 100% !important;
  margin-bottom: 0 !important;
  background: rgba(0,0,0,0.2);
  border: 1px solid #31529a !important;
}
#PaymentWindow #GiftPayment form input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #172567 inset;
  color: #fff;
  -webkit-text-fill-color: #88adcd;
}
#PaymentWindow #GiftPayment form input:focus {
  color: #fff !important;
  border: 1px solid #6495ed !important;
  border-left: 3px solid #fff !important;
  background: #111640;
}
#PaymentWindow #GiftPayment form input::placeholder {
  color: #88adde;
}
#PaymentWindow #GiftPayment .credit-title {
  width: 190px;
  text-overflow: ellipsis;
  overflow: hidden;
  height: 16px;
}
#PaymentWindow #GiftPayment .account-credits {
  color: #fff;
  padding: 0px;
  height: 40px;
  overflow: hidden;
  min-height: auto;
  position: relative;
  margin: 15px 0 10px 0;
  border: 1px solid #376aa5;
  background: linear-gradient(to right, #063375, #0849a9, #10428d);
}
#PaymentWindow #GiftPayment .account-credits .credit-title,
#PaymentWindow #GiftPayment .account-credits .amount,
#PaymentWindow #GiftPayment .account-credits .cart-total,
#PaymentWindow #GiftPayment .account-credits .cart-amount {
  font-size: 13px;
  color: #565656;
}
#PaymentWindow #GiftPayment .account-credits .credit-title {
  top: 13px;
  left: 60px;
  color: #fff;
  font-size: 15px;
  font-weight: 200;
  position: absolute;
  letter-spacing: 1px;
  text-transform: uppercase;
}
#PaymentWindow #GiftPayment .account-credits .credit-icon {
  float: left;
  font-size: 10px;
  font-weight: 100;
  min-height: auto;
  padding: 15px 10px;
  font-family: 'Lato';
  text-transform: uppercase;
  background: radial-gradient(#397de2, #0349af);
}
#PaymentWindow #GiftPayment .account-credits .amount {
  position: absolute;
  right: 15px;
  top: 7px !important;
}
#PaymentWindow #GiftPayment .account-credits .totals {
  border-top: 1px solid #808080;
}
#PaymentWindow #GiftPayment .account-credits .cart-total {
  position: absolute;
  left: 15px;
  bottom: 11px;
}
#PaymentWindow #GiftPayment .account-credits .cart-amount {
  position: absolute;
  right: 15px;
  bottom: 8px;
}
#PaymentWindow #GiftPayment .account-credits hr {
  position: absolute;
  top: 35px;
  width: 100%;
  left: 0;
  border-color: #6d8ec0;
  margin: 0;
}
#PaymentWindow #GiftPayment #Gift {
  font-size: 15px;
  float: left;
  margin: 5px 0 2px 0;
}
#PaymentWindow #GiftPayment #Gift label {
  float: left;
  margin-bottom: 5px;
}
#PaymentWindow #GiftPayment .account-prompt {
  font-size: 13px;
}
#PaymentWindow #GiftPayment .terms {
  font-size: 13px;
  margin-top: 15px;
}
#PaymentWindow #GiftPayment .terms input {
  float: left;
  width: auto !important;
  margin: 0 7px;
}
#PaymentWindow #GiftPayment .terms label {
  float: left;
  margin-bottom: 5px;
  width: auto;
}
#PaymentWindow #GiftPayment .terms a {
  font-weight: 500;
  cursor: pointer;
  color: #adc2ff;
}
#PaymentWindow #GiftPayment h2 {
  cursor: default;
  font-size: 19px;
  line-height: 25px;
  padding: 0 0 10px 0px;
  color: #000;
  text-shadow: 1px 1px 0px rgba(0,0,0,0.14);
}
#PaymentWindow #GiftPayment h4 {
  cursor: default;
  font-size: 26px;
  line-height: 38px;
  color: #3257b9;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin-top: 20px;
  transition: all 0.2s ease-in-out;
}
#PaymentWindow #GiftPayment h4:hover {
  color: #5789c5;
}
#PaymentWindow #GiftPayment .purchase-button-container {
  margin-top: 40px;
  text-align: center;
  width: 100%;
}
#PaymentWindow #GiftPayment .purchase-button-container .purchase-cart {
  display: inline-block;
  position: inherit;
  float: none;
  border: none;
  text-transform: none;
  letter-spacing: 1px;
  font-size: 16px;
  width: 100%;
  margin-top: 12px;
  border-radius: 3px;
  background: linear-gradient(to bottom, #107bff 50%, #2269ea 100%) !important;
}
#PaymentWindow #GiftPayment .purchase-button-container .purchase-cart.disabled {
  background: linear-gradient(to bottom, #97aac3 50%, #94a1b7 100%) !important;
}
#PaymentWindow #GiftPayment .purchase-button-container .purchase-cart:active {
  background: linear-gradient(to bottom, #021147 50%, #143167 100%) !important;
  border: 3px solid #111f80 !important;
  border-right: 0 !important;
  border-left: 0 !important;
}
#PaymentWindow #Details {
  height: 108px;
  position: relative;
  margin-bottom: 30px;
  border-radius: 4px 4px 0 0;
  background: linear-gradient(#1b4b8f, transparent);
}
#PaymentWindow #Details .background {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.5;
  z-index: 0;
}
#PaymentWindow .picture {
  height: 65px;
  width: 65px;
  margin: auto;
  position: relative;
  top: -30px;
  background: #000;
  border-radius: 100px;
  overflow: hidden;
  border: 3px solid #c5c5c5;
  box-shadow: 0 0 5px #000;
}
#PaymentWindow .picture img {
  width: 100%;
  height: auto;
}
#PaymentWindow .username {
  font-size: 18px;
  color: #fff;
  position: relative;
  top: -20px;
  margin: auto auto;
  font-weight: 500;
  text-transform: uppercase;
  letter-spacing: 0.7px;
}
#PaymentWindow .order {
  position: relative;
  top: -13px;
  font-size: 12px;
  color: #cdd5ea;
}
#PaymentWindow .close {
  position: absolute;
  top: 10px;
  right: 10px;
  width: 20px;
  height: 20px;
  line-height: 17px;
  color: #fff !important;
  opacity: 0.5;
  border-radius: 10px;
  text-shadow: none;
  font-size: 19px;
  font-family: 'Lato';
  font-weight: 200;
}
#PaymentWindow .close:hover,
#PaymentWindow .close:active {
  background: rgba(0,0,0,0.33);
  opacity: 0.75;
}
#PaymentWindow #OrderForm {
  padding-top: 35px;
}
#PaymentWindow #OrderForm .purchase-button-container,
#PaymentWindow #Crypto .purchase-button-container,
#PaymentWindow #LinkForum .purchase-button-container {
  text-align: center;
  width: 100%;
}
#PaymentWindow #OrderForm .purchase-button-container .button,
#PaymentWindow #Crypto .purchase-button-container .button,
#PaymentWindow #LinkForum .purchase-button-container .button {
  width: 80%;
  float: none;
  border: none;
  border-left: 0;
  border-right: 0;
  font-size: 16px;
  position: inherit;
  border-radius: 3px;
  letter-spacing: 1px;
  text-transform: none;
  display: inline-block;
  background: linear-gradient(to bottom, #107bff 50%, #2269ea 100%) !important;
}
#PaymentWindow #OrderForm .purchase-button-container .button:active,
#PaymentWindow #Crypto .purchase-button-container .button:active,
#PaymentWindow #LinkForum .purchase-button-container .button:active {
  background: linear-gradient(to bottom, #021147 50%, #143167 100%) !important;
  border: 3px solid #111f80 !important;
  border-left: 0 !important;
  border-right: 0 !important;
}
#PaymentWindow #OrderForm input,
#PaymentWindow #Crypto input,
#PaymentWindow #LinkForum input,
#PaymentWindow #OrderForm select,
#PaymentWindow #Crypto select,
#PaymentWindow #LinkForum select {
  color: #fff !important;
  border-radius: 1px !important;
  background: #284f87 !important;
  border-color: #55a5ff !important;
  border-left: none !important;
  border-right: none !important;
}
#PaymentWindow #OrderForm input::placeholder,
#PaymentWindow #Crypto input::placeholder,
#PaymentWindow #LinkForum input::placeholder,
#PaymentWindow #OrderForm select::placeholder,
#PaymentWindow #Crypto select::placeholder,
#PaymentWindow #LinkForum select::placeholder {
  color: #88adcd !important;
}
#PaymentWindow #OrderForm input option,
#PaymentWindow #Crypto input option,
#PaymentWindow #LinkForum input option,
#PaymentWindow #OrderForm select option,
#PaymentWindow #Crypto select option,
#PaymentWindow #LinkForum select option {
  color: #fff !important;
}
#PaymentWindow #OrderForm .terms,
#PaymentWindow #Crypto .terms,
#PaymentWindow #LinkForum .terms {
  font-size: 13px;
}
#PaymentWindow #OrderForm .terms a,
#PaymentWindow #Crypto .terms a,
#PaymentWindow #LinkForum .terms a {
  cursor: pointer;
  font-weight: 500;
  color: #adc2ff;
}
#PaymentWindow #OrderForm #cc-terms,
#PaymentWindow #Crypto #cc-terms,
#PaymentWindow #LinkForum #cc-terms {
  margin-top: 0 !important;
}
#PaymentWindow #OrderForm .cc-input,
#PaymentWindow #Crypto .cc-input,
#PaymentWindow #LinkForum .cc-input {
  width: 81%;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 10px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255,255,255,0.2);
  margin: 0 0 10px 0;
  color: #000;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}
#PaymentWindow #OrderForm .cc-input:active,
#PaymentWindow #Crypto .cc-input:active,
#PaymentWindow #LinkForum .cc-input:active,
#PaymentWindow #OrderForm .cc-input:focus,
#PaymentWindow #Crypto .cc-input:focus,
#PaymentWindow #LinkForum .cc-input:focus {
  outline: #7290b9 auto 5px;
}
#PaymentWindow #OrderForm .cc-input.half-width,
#PaymentWindow #Crypto .cc-input.half-width,
#PaymentWindow #LinkForum .cc-input.half-width {
  width: 40%;
}
#PaymentWindow #OrderForm .cc-input::-webkit-input-placeholder,
#PaymentWindow #Crypto .cc-input::-webkit-input-placeholder,
#PaymentWindow #LinkForum .cc-input::-webkit-input-placeholder,
#PaymentWindow #OrderForm .cc-input::-moz-placeholder,
#PaymentWindow #Crypto .cc-input::-moz-placeholder,
#PaymentWindow #LinkForum .cc-input::-moz-placeholder,
#PaymentWindow #OrderForm .cc-input:-ms-input-placeholder,
#PaymentWindow #Crypto .cc-input:-ms-input-placeholder,
#PaymentWindow #LinkForum .cc-input:-ms-input-placeholder,
#PaymentWindow #OrderForm .cc-input:-moz-placeholder,
#PaymentWindow #Crypto .cc-input:-moz-placeholder,
#PaymentWindow #LinkForum .cc-input:-moz-placeholder {
  color: #2e88d2;
  -webkit-text-fill-color: #88adcd;
  -webkit-box-shadow: 0 0 0 1000px #1c2249 inset;
}
#PaymentWindow #OrderForm .cc-input:-webkit-autofill,
#PaymentWindow #Crypto .cc-input:-webkit-autofill,
#PaymentWindow #LinkForum .cc-input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #1c2249 inset;
  -webkit-text-fill-color: #88adcd;
}
#PaymentWindow #OrderForm select,
#PaymentWindow #Crypto select,
#PaymentWindow #LinkForum select {
  width: 81% !important;
  margin: 0 0 10px 0 !important;
  height: 38px;
  border: 1px solid #d0d0d0;
  background: #fff;
  color: #75757e;
}
#PaymentWindow #OrderForm select:active,
#PaymentWindow #Crypto select:active,
#PaymentWindow #LinkForum select:active,
#PaymentWindow #OrderForm select:focus,
#PaymentWindow #Crypto select:focus,
#PaymentWindow #LinkForum select:focus {
  outline: #7290b9 auto 5px;
}
#PaymentWindow #PostGift {
  height: 215px;
  position: absolute;
  width: 80%;
  padding: 5% 10%;
  color: #fff;
}
#PaymentWindow #PostGift h2 {
  padding: 0;
  margin: 10px 0 0 0;
  font-size: 18px;
  line-height: 25px;
  font-weight: 800;
  font-family: 'Lato';
  color: #fff;
}
#PaymentWindow #PostGift p {
  margin: 10px;
  font-size: 14px;
  font-family: 'Roboto';
  text-transform: uppercase;
  letter-spacing: -0.2px;
  font-weight: 300;
}
#PaymentWindow #PostGift h4 {
  cursor: default;
  font-size: 18px;
  margin-top: 0;
  line-height: 20px;
  color: #48baff;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 0px;
  margin: 5px 0px 18px 0;
  transition: all 0.2s ease-in-out;
}
#PaymentWindow #PostGift h4:hover {
  color: #5789c5;
}
#PaymentWindow #PostGift .order-complete {
  font-size: 50px;
  text-transform: center;
}
#PaymentWindow #PostGift .icon-gift {
  color: #48baff;
  font-size: 80px;
  text-shadow: 0px 0 40px rgba(0,0,0,0.451);
  position: relative;
  top: -9px;
}
#PaymentWindow #PostGift .center {
  text-align: center;
  width: 100%;
}
#PaymentWindow #PostGift .center a {
  cursor: pointer;
  font-size: 14px;
  color: #889bbc;
  font-weight: 500;
  text-transform: uppercase;
}
#PaymentWindow #Gift {
  width: 100%;
  padding-top: 5px;
  position: relative;
}
#PaymentWindow #Gift .input :before {
  right: 0;
  bottom: 0;
}
#PaymentWindow #Gift .input :after {
  left: 0;
  bottom: 0;
}
#PaymentWindow #Gift .input :before,
#PaymentWindow #Gift .input :after {
  height: 50%;
  width: 1px;
  background: #000;
  position: absolute;
}
#PaymentWindow #Gift input {
  color: #000;
  background: #fff;
  border: none;
  border-bottom: 1px solid #000;
  padding: 5px;
  position: relative;
  width: 100%;
}
#PaymentWindow #Gift .purchase-button-container {
  width: 100%;
  text-align: center;
  padding: 5px 0 0 0;
  margin: 10px 0;
}
#PaymentWindow #Gift .purchase-button-container .button {
  display: inline-block;
  position: inherit;
  float: none;
  border: none;
  text-transform: none;
  letter-spacing: 1px;
  font-size: 16px;
  width: 80%;
  border-radius: 3px;
  background: linear-gradient(to bottom, #107bff 50%, #2269ea 100%) !important;
}
#PaymentWindow #Gift .purchase-button-container .button:after {
  background: rgba(0,0,0,0.3);
}
#PaymentWindow #Gift .terms {
  font-size: 13px;
}
#PaymentWindow #Gift .terms input,
#PaymentWindow #Gift .terms a {
  color: #adc2ff;
  cursor: pointer;
}
#PaymentWindow #Gift .terms span {
  font-size: 11px;
}
#PaymentWindow #Gift .cc-input {
  width: 80%;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 10px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255,255,255,0.2);
  margin: 0 0 10px 0;
  color: #000;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}
#PaymentWindow #Gift .cc-input:active,
#PaymentWindow #Gift .cc-input:focus {
  outline: #7290b9 auto 5px;
}
#PaymentWindow #Gift .cc-input.half-width {
  width: 40%;
}
#PaymentWindow #Gift .cc-input:placeholder {
  color: #fff;
}
#PaymentWindow #Gift select {
  width: 81% !important;
  margin: 0 0 10px 0 !important;
  height: 38px;
  border: 1px solid #d0d0d0;
  background: #fff;
  color: #75757e;
}
#PaymentWindow #Gift select:active,
#PaymentWindow #Gift select:focus {
  outline: #7290b9 auto 5px;
}
#PaymentWindow #LinkForum {
  width: 100%;
  height: 155px;
  padding-top: 5px;
  position: absolute;
  padding: 0 !important;
}
#PaymentWindow #LinkForum .input :before {
  right: 0;
  bottom: 0;
}
#PaymentWindow #LinkForum .input :after {
  left: 0;
  bottom: 0;
}
#PaymentWindow #LinkForum .input :before,
#PaymentWindow #LinkForum .input :after {
  height: 50%;
  width: 1px;
  background: #000;
  position: absolute;
}
#PaymentWindow #LinkForum input {
  width: 80%;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
  padding: 10px;
  outline: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: rgba(255,255,255,0.2);
  margin: 0 0 10px 0;
  color: #000;
  border: 1px solid #d0d0d0;
  border-radius: 4px;
}
#PaymentWindow #LinkForum input:active,
#PaymentWindow #LinkForum input:focus {
  outline: #7290b9 auto 5px;
}
#PaymentWindow #LinkForum input.half-width {
  width: 39.5%;
  margin: 0 0.5%;
}
#PaymentWindow #LinkForum .purchase-button-container {
  text-align: center;
  width: 100%;
}
#PaymentWindow #LinkForum .purchase-button-container .button {
  display: inline-block;
  position: inherit;
  float: none;
  border: none;
  text-transform: none;
  letter-spacing: 1px;
  font-size: 16px;
  width: 80%;
  border-radius: 3px;
  background: linear-gradient(to bottom, #107bff 50%, #2269ea 100%) !important;
}
#PaymentWindow #LinkForum .terms {
  font-size: 13px;
}
#PaymentWindow #LinkForum .terms input,
#PaymentWindow #LinkForum .terms a {
  color: #adc2ff;
  cursor: pointer;
}
#PaymentWindow #LinkForum p {
  margin: 20px 0;
  color: #aad0fa;
  font-size: 13px;
  font-weight: 300;
  font-family: 'Lato';
  letter-spacing: 0.8px;
}
#PaymentWindow #LinkForum h2 {
  color: #fff;
  cursor: default;
  font-size: 17px;
  padding: 5px 0px;
  margin-top: 15px;
  line-height: 25px;
}
#Account #PostPayment .paid i {
  top: -5px;
}
#PayPalLink {
  width: 229px;
  height: 46px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 5px;
  margin: 10px auto 10px auto !important;
  background-position: -118px -30px !important;
  background: url("/assets/img/paypal-buttons.png");
}
#PayPalLink a {
  padding: 260px;
}
#PayPalLink:hover {
  background-position: -118px -32px;
}
.paypal-loading {
  height: 100%;
  pointer-events: none;
  background: rgba(255,255,255,0.4);
}
.paypal-loading i {
  top: 9px;
  color: #214275;
  font-size: 26px;
  position: relative;
  text-shadow: 0 0 10px #2950d4;
}
@media screen and (max-width: 750px) {
  #AccountHelpWindow {
    width: 60% !important;
    padding: 25px !important;
    display: inline-block !important;
  }
  #AccountHelpWindow #ResetPassword h1,
  #AccountHelpWindow #ForgotUsername h1,
  #AccountHelpWindow #VerificationEmail h1 {
    margin: 25px 0px 0 0;
    font-size: 17px;
  }
  #AccountHelpWindow #ResetPassword p,
  #AccountHelpWindow #ForgotUsername p,
  #AccountHelpWindow #VerificationEmail p {
    margin: 10px 0 0 0;
    font-size: 13px;
  }
  #AccountHelpWindow #ResetPassword input,
  #AccountHelpWindow #ForgotUsername input,
  #AccountHelpWindow #VerificationEmail input {
    margin: 10px 0px;
    float: right;
    width: 70% !important;
  }
}
#footer {
  padding: 0;
  z-index: 20;
  color: #aaa;
  font-size: 15px;
  font-weight: 300;
  line-height: 19px;
  position: relative;
  text-align: center;
  background: #050f21;
}
#footer .graphics {
  background: url("/assets/img/footer_banner2.png") center;
  filter: $footerFilter;
  background-size: cover;
  pointer-events: none;
  position: absolute;
  height: 200px;
  width: 100%;
  top: -70px;
}
#footer .left {
  width: 25%;
}
#footer .middle {
  width: 50%;
}
#footer .right {
  width: 24%;
}
#footer a {
  transition: 200ms;
  outline-color: #000;
}
#footer a:focus,
#footer a:hover {
  color: #fff;
}
#footer .left,
#footer .middle,
#footer .right {
  float: none;
  display: inline-block;
  position: relative;
}
#footer .top {
  height: auto;
  font-size: 10px;
  padding: 50px 0 25px 0;
}
#footer .top a:hover {
  text-decoration: underline;
}
#footer .top a {
  outline-color: #000;
  display: inline-block;
}
#footer .top h1 {
  font-size: 25px;
  font-weight: 500;
  position: relative;
  letter-spacing: 2px;
}
#footer .left #User {
  left: 0;
  position: absolute;
}
#footer .left #User #UserMenu {
  left: 0;
  width: 100%;
  text-align: left;
  padding: 0;
}
#footer .left #User #UserMenu a {
  width: 100%;
  position: absolute;
  left: 0;
  margin: 0;
  padding: 0;
}
#footer .left #User #UserMenu .profile.name {
  position: absolute;
  top: 5px;
  left: 80px;
}
#footer .right {
  position: relative;
}
#footer .logo {
  width: 70px;
  margin: 0;
  position: absolute;
  top: 0;
  right: 0;
  padding: 7px 0px;
}
#footer .logo:hover {
  background: #f00;
}
#footer .img {
  overflow: hidden;
  width: 50px;
  height: 50px;
  float: left;
  background: #000;
  margin: -10px 15px 13px 0px;
}
#footer .img img {
  width: auto;
  height: 100% !important;
}
#footer #company-logo {
  background: url("/assets/img/asylum-logo-right-gray.png");
  height: 48px;
  width: 145px;
  background-size: 100%;
  background-repeat: no-repeat;
  opacity: 0.8;
  margin: auto;
  margin-top: 0px;
}
#footer #company-logo:hover {
  background: url("/assets/img/asylum-logo-right.png");
  background-repeat: no-repeat;
  background-size: 100%;
  opacity: 1;
}
#footer #company-logo .logo {
  width: 70px;
  margin: 0;
}
#footer #company-logo .sub {
  text-align: right;
  padding: 0 85px;
  color: #b3b3b3;
  text-transform: uppercase;
  font-size: 11px;
}
#footer #company-logo .main {
  text-align: right;
  padding: 0 85px;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
}
#footer #company-logo .loader {
  width: 1px;
  height: 1px;
  background: url("/assets/img/asylum-logo-right.png");
  opacity: 0;
}
#footer p {
  margin: 20px 0;
  color: #808080;
  font-weight: 400;
  text-transform: uppercase;
  font-family: Lato;
  font-size: 12px;
  letter-spacing: 0.4px;
}
#footer .bottom {
  width: 100%;
  margin-bottom: 30px;
}
#footer .bottom p {
  font-size: 11px;
  color: #8c8a8a;
  margin: 15px 0 10px 0;
  letter-spacing: 0.3px;
}
#footer .footer-menu {
  float: none;
  display: inline-block;
  margin: 0 9%;
}
#footer .footer-menu li {
  padding: 4px 10px;
  text-transform: uppercase;
  color: #cdcfd3;
  text-align: left;
  font-weight: 500;
  font-family: Lato;
  font-size: 12px;
  letter-spacing: 0.4px;
}
#footer .footer-menu li:hover {
  color: #fff;
  text-decoration: underline;
}
#footer .footer-menu li.account-info {
  height: 50px;
  padding: 0px 10px;
  width: 210px;
  margin-top: 15px;
}
#footer .footer-menu li.account-info span {
  font-size: 16px;
  top: -7px !important;
  position: relative;
}
#footer .footer-menu li:last-child {
  border: none;
}
#footer .left .footer-menu,
#footer .right .footer-menu {
  margin: 12% 0;
}
#footer .sub-footer-menu li {
  float: left !important;
  font-size: 10px !important;
  padding: 0 5px 0 0 !important;
}
@media screen and (max-width: 768px) {
  #footer .container {
    padding-top: 0 !important;
  }
  #footer .left {
    width: 100%;
  }
  #footer .left .footer-menu {
    margin: 0% 0% 3% 0;
  }
  #footer .middle {
    width: 100%;
  }
  #footer .right {
    width: 100%;
  }
  #footer .right .footer-menu {
    margin: 1% 0 0 0;
  }
}
@media screen and (max-width: 768px) {
  #footer .footer-menu {
    margin: 0 0%;
  }
  #footer .right #company-logo {
    float: none !important;
    margin: 10px auto 0 auto !important;
  }
}
/*** 		Global Styles 		***/
* {
  outline-color: #4f7aa9;
}
*::selection {
  background: #79b5ff;
}
body {
  background: #000;
}
.Four0Four #AdditionalItems {
  margin-bottom: 60px;
}
.Four0Four #AdditionalItems ul li .title span {
  left: 20px;
  font-weight: 400;
}
.Four0Four .title-row .container {
  width: 100%;
}
app-root {
  display: flex;
  min-height: 100vh;
  flex-direction: column;
}
app-root .scene {
  background: #2d3f50;
  transition: background 500ms;
}
.loader {
  text-align: center;
  width: 350px;
  margin: auto auto;
  height: 5px;
  background: #141423;
}
.loader .middle {
  width: 100% !important;
  height: 4px;
  animation: fullwidth 4s 1;
  background: linear-gradient(to right, #0a3375, #003d9e, #0a3375);
  display: inline-block;
  box-shadow: 0 0 3px #0052de;
  overflow: hidden;
  position: relative;
  border-left: 1px solid rgba(8,103,255,0.5);
  border-right: 1px solid rgba(8,103,255,0.5);
}
.loader .middle.error {
  background: linear-gradient(to right, #bb1e1e, #670b0b, #c30303) !important;
  box-shadow: 0 0 3px #de0000 !important;
  border-left: 1px solid rgba(90,0,0,0.5) !important;
  border-right: 1px solid rgba(84,0,0,0.5) !important;
}
.loader .middle .err {
  position: relative;
  bottom: auto;
  width: auto;
  text-align: center;
  color: #d83e18;
  font-family: 'Orbitron';
  background: url("/assets/img/video-overlay.png") rgba(88,0,0,0.71);
  padding: 10px;
  border-radius: 4px;
  border: 1px solid;
  margin: 10% auto;
  z-index: 2;
  font-size: 10px;
}
.loader .round {
  width: 100% !important;
  height: 4px;
  animation: fullwidth 2s;
  background: linear-gradient(to right, #0a3375, #003d9e, #0a3375);
  display: inline-block;
  box-shadow: 0 0 3px #0052de;
  overflow: hidden;
  position: relative;
  border-left: 1px solid rgba(8,103,255,0.5);
  border-right: 1px solid rgba(8,103,255,0.5);
}
.loader .round.error {
  background: linear-gradient(to right, #bb1e1e, #670b0b, #c30303) !important;
  box-shadow: 0 0 3px #de0000 !important;
  border-left: 1px solid rgba(90,0,0,0.5) !important;
  border-right: 1px solid rgba(84,0,0,0.5) !important;
}
.loader .round .middle {
  width: 100% !important;
  height: 2px;
  animation: fullwidth 4s 1;
  background: linear-gradient(to right, #0a6175, #009e8c, #147388);
  display: inline-block;
  box-shadow: 0 0 3px #0052de;
  overflow: hidden;
  top: 2px;
  opacity: 0.6;
  position: relative;
  border-left: 1px solid rgba(8,103,255,0.5);
  border-right: 1px solid rgba(8,103,255,0.5);
}
a[href="https://www.froala.com/wysiwyg-editor?k=u"] {
  display: none !important;
}
.disabled {
  cursor: default !important;
}
.disabled:hover span {
  color: #c3c3c3 !important;
}
.align_center {
  text-align: center;
}
.loading .icons {
  width: 400px;
  color: #fff;
  text-align: center;
  margin: 20px auto 0;
}
.loading .icons i {
  opacity: 0;
  color: #fff;
  margin: 0 6px;
  animation: rise 2s 1;
  transform: translateY(10px);
}
.loading .icons i:first-child {
  animation-delay: 0ms;
}
.loading .icons i:nth-child(2) {
  animation-delay: 100ms;
}
.loading .icons i:nth-child(3) {
  animation-delay: 200ms;
}
.loading .icons i:nth-child(4) {
  animation-delay: 300ms;
}
.loading .icons i:nth-child(5) {
  animation-delay: 400ms;
}
.loading .icons i:nth-child(6) {
  animation-delay: 500ms;
}
.loading .icons i:nth-child(7) {
  animation-delay: 600ms;
}
.loading .icons i:nth-child(8) {
  animation-delay: 700ms;
}
.loading .icons i:nth-child(9) {
  animation-delay: 800ms;
}
.loading .icons i:nth-child(10) {
  animation-delay: 900ms;
}
.loading .icons i:nth-child(11) {
  animation-delay: 1000ms;
}
.loader_logo {
  margin: auto;
  height: 325px;
  width: 325px;
  top: 400px;
  position: relative;
}
.loader_logo .spinner,
.loader_logo .logo {
  top: 0;
  left: 0;
  position: absolute;
}
.loader_logo .spinner {
  opacity: 0.4;
  animation: spinAround 10s;
}
.loader_logo .fadein {
  animation: fadein 0.2s 2s;
}
.loader_logo .logo {
  position: absolute;
  margin-top: 0;
  width: 275px;
  z-index: 2;
  left: 25px;
  top: 25px;
}
@media screen and (max-width: 760px) {
  .loader_logo {
    height: 162px;
    width: 162px;
  }
  .loader_logo .spinner {
    height: 187px;
    width: 187px;
  }
  .loader_logo .logo {
    height: 137px;
    width: 137px;
  }
}
.page {
  flex: 1;
  background-size: cover;
  min-height: calc(100vh - 245px);
}
.page > .scene {
  background: #383838 url("/assets/img/patterns/purty-wood.png") fixed;
  opacity: 0.33;
  height: 100vh;
  z-index: -2;
  position: fixed;
  width: 100vw;
}
.page > .container {
  height: 100vh;
  position: fixed;
  text-align: center;
  width: 100%;
  z-index: -1;
  padding: 0 !important;
}
.page > .container .background {
  background: rgba(0,0,0,0.5);
  display: inline-block;
  height: 100vh;
  margin: auto;
}
h2 {
  text-shadow: none;
}
.licon {
  opacity: 0;
}
.loaded .licon {
  opacity: 1;
}
#contentpage {
  flex: 1;
}
#contentpage .container {
  margin-top: 0;
}
#toTop {
  z-index: 100;
}
.UserProfile p {
  line-height: 24px;
  color: #e2e2e2;
  clear: both;
}
.UserProfile p strong {
  font-weight: 600;
}
.UserProfile p em {
  text-style: italic;
}
.UserProfile p sub {
  font-size: 10px;
  position: relative;
  top: 5px;
}
.UserProfile p sup {
  font-size: 10px;
  position: relative;
  top: -5px;
}
.UserProfile img {
  max-width: 100%;
}
.UserProfile img.fr-fir {
  float: right;
}
.UserProfile img.fr-fil {
  float: left;
}
.UserProfile img < p {
  text-align: center;
}
.UserProfile .fr-text-bordered {
  border-bottom: 1px solid #223958;
}
.fr-dropdown-list li {
  border: none;
}
.fr-fullscreen .fr-wrapper {
  margin-top: 0;
}
#dropdown-menu-imageAlign-2 a {
  padding: 8px 20px 10px 20px !important;
}
.parentmenu:hover ul {
  visibility: visible !important;
}
#success {
  color: #fff;
  overflow: hidden;
  font-size: 13px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  transition: 0.3s ease-in height;
  z-index: 99;
  border: none;
  background: #0b8410;
  border-top: 1px solid rgba(17,214,11,0.61);
  border-radius: 3px;
  border-bottom: 1px solid #015408;
  letter-spacing: 1px;
  text-align: center;
  margin-bottom: 2em;
  padding: 0.5%;
}
#error {
  border: none;
  border-radius: 3px;
  letter-spacing: 1px;
  padding: 13px 0 15px 0;
  background: #920d0d;
  border-top: 1px solid rgba(255,0,0,0.61);
  border-bottom: 1px solid #350303;
}
.row .title,
.row .title h2,
.row .title i {
  float: left;
  text-shadow: 0px 0px 5px #a6bdff;
  font-size: 33px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px 0 20px 0;
  text-align: center;
}
.row .title i {
  margin: -2px 15px 0 20px;
  font-size: 40px;
}
.center {
  text-align: center;
}
.underbody {
  background: #000;
  position: fixed;
  z-index: -3;
  bottom: 0;
  width: 100%;
  height: 100%;
}
.description {
  text-shadow: 1px 0 4px #222;
  font-size: 13px;
  font-weight: 300;
  letter-spacing: 1px;
  line-height: 20px;
  text-align: left;
  color: #c2dbff;
  transition: 200ms;
  margin: 0;
  padding: 0 15px;
  text-transform: uppercase;
}
.btn-primary {
  font-size: 16px;
  line-height: 40px;
  text-transform: uppercase;
  background: #2c3758;
  font-weight: bold;
  display: inline-block;
  border: 1px solid #30498a;
  padding: 9px 84px;
  margin-top: 20px;
  position: relative;
  z-index: 3;
  color: #fff;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.btn-primary:after,
.btn-primary:before {
  top: 0 !important;
  height: 100% !important;
  width: 0%;
  left: 50%;
  transform: translate(0, 0);
  width: 0%;
  left: 50%;
}
.btn-primary:hover:after,
.btn-primary:hover:before {
  height: 100% !important;
  top: 0 !important;
  left: 0;
  transform: translate(0, 0);
  width: 100%;
}
.btn-primary:active:after {
  height: 100% !important;
  width: 100% !important;
  top: 0 !important;
  right: 0 !important;
  transform: translate(0, 0);
}
.btn-primary:active:before {
  height: 100% !important;
  width: 0% !important;
  top: 0 !important;
  left: 0% !important;
  transform: translate(0, 0);
}
.shine {
  animations: shine 2s;
  background: #fafafa;
  background: -moz-linear-gradient(left, #fafafa 0%, rgba(219,219,219,0.5) 50%, rgba(209,209,209,0.49) 51%, rgba(254,254,254,0) 100%);
  background: -webkit-gradient(left top, right top, color-stop(0%, #fafafa), color-stop(50%, rgba(219,219,219,0.5)), color-stop(51%, rgba(209,209,209,0.49)), color-stop(100%, rgba(254,254,254,0)));
  background: -webkit-linear-gradient(left, #fafafa 0%, rgba(219,219,219,0.5) 50%, rgba(209,209,209,0.49) 51%, rgba(254,254,254,0) 100%);
  background: -o-linear-gradient(left, #fafafa 0%, rgba(219,219,219,0.5) 50%, rgba(209,209,209,0.49) 51%, rgba(254,254,254,0) 100%);
  background: -ms-linear-gradient(left, #fafafa 0%, rgba(219,219,219,0.5) 50%, rgba(209,209,209,0.49) 51%, rgba(254,254,254,0) 100%);
  background: linear-gradient(to right, #fafafa 0%, rgba(219,219,219,0.5) 50%, rgba(209,209,209,0.49) 51%, rgba(254,254,254,0) 100%);
  position: absolute;
  height: 150%;
  width: 150%;
  top: 0;
  left: 0;
}
#block-left {
  background: url("/assets/img/bg-block-left.png") fixed right;
  left: 0;
  z-index: -1;
  width: 290px;
}
#block-right {
  background: url("/assets/img/bg-block-right.png") fixed left;
  right: 0;
  z-index: -1;
  width: 290px;
}
img.right,
img.left {
  width: 570px;
  margin: 0px 0px 1em 2em;
  box-shadow: #000 0px 0px 5px;
}
#NoImages {
  width: 99%;
  padding: 1%;
  font-size: 40px;
  min-height: 400px;
  position: relative;
  border-radius: 0px;
  background: rgba(0,0,0,0.5) !important;
  overflow: hidden;
}
.slim-heading {
  position: relative;
  font-family: Lato;
  font-weight: 300;
  text-transform: uppercase;
  padding: 30px 0 30px 0;
  text-shadow: 2px 2px 4px #666;
  text-align: center;
  font-size: 40px;
  color: #fff;
}
.hoverunderline:hover {
  cursor: pointer;
  text-decoration: underline;
}
.corners .left {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 7px;
  width: 7px;
  border-left: 1px solid #2288fa;
  border-top: 1px solid #2288fa;
}
.corners .right {
  position: absolute;
  right: 0px;
  top: 0px;
  height: 7px;
  width: 7px;
  border-right: 1px solid #2288fa;
  border-top: 1px solid #2288fa;
}
.bluprint-borders {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bluprint-borders .top,
.bluprint-borders .right,
.bluprint-borders .bottom,
.bluprint-borders .left {
  position: absolute;
}
.bluprint-borders .top {
  left: 0px;
  top: 0px;
}
.bluprint-borders .right {
  top: 0px;
  right: 0px;
}
.bluprint-borders .bottom {
  bottom: 0px;
  left: 0px;
}
.bluprint-borders .left {
  top: 0px;
  left: 0px;
}
.box-borders,
.expanding-borders,
.double-borders {
  position: absolute;
  z-index: 6;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.box-borders.secondary,
.expanding-borders.secondary,
.double-borders.secondary {
  width: 99.5% !important;
  height: 94.7% !important;
  margin: 0.3% !important;
}
.box-borders.third,
.expanding-borders.third,
.double-borders.third {
  width: 99% !important;
  height: 87.6% !important;
  margin: 0.6% !important;
}
.box-borders .top,
.expanding-borders .top,
.double-borders .top,
.box-borders .left,
.expanding-borders .left,
.double-borders .left,
.box-borders .bottom,
.expanding-borders .bottom,
.double-borders .bottom,
.box-borders .right,
.expanding-borders .right,
.double-borders .right,
.box-borders .top-left,
.expanding-borders .top-left,
.double-borders .top-left,
.box-borders .top-right,
.expanding-borders .top-right,
.double-borders .top-right,
.box-borders .bottom-left,
.expanding-borders .bottom-left,
.double-borders .bottom-left,
.box-borders .bottom-right,
.expanding-borders .bottom-right,
.double-borders .bottom-right {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
.box-borders .top,
.expanding-borders .top,
.double-borders .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
}
.box-borders .bottom,
.expanding-borders .bottom,
.double-borders .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
.box-borders .left,
.expanding-borders .left,
.double-borders .left {
  left: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
.box-borders .right,
.expanding-borders .right,
.double-borders .right {
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
}
.box-borders .top-left,
.expanding-borders .top-left,
.double-borders .top-left {
  left: 0;
  top: 0;
  width: 10px;
  height: 2px;
}
.box-borders .bottom-left,
.expanding-borders .bottom-left,
.double-borders .bottom-left {
  left: 0;
  bottom: 0;
  height: 2px;
  width: 10px;
}
.box-shots {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
}
.box-shots .top,
.box-shots .right,
.box-shots .bottom,
.box-shots .left {
  position: absolute;
}
.box-shots .top {
  background: transparent !important;
  height: 20px !important;
  left: 10px;
  top: 10px;
}
.box-shots .right {
  height: 20px !important;
  right: 10px;
  top: 10px;
}
.box-shots .bottom {
  height: 20px !important;
  right: 10px;
  bottom: 10px;
}
.box-shots .left {
  height: 20px !important;
  left: 10px;
  bottom: 10px;
}
.double-borders .top-left {
  opacity: 0;
  left: 0;
  top: 0;
  width: 50%;
  height: 1px;
  background: linear-gradient(to right, #4c8af7, transparent);
  z-index: 10;
}
.double-borders .top-right {
  opacity: 0;
  right: 0;
  top: 0;
  width: 50%;
  height: 1px;
  background: linear-gradient(to right, transparent, #4c8af7);
  z-index: 10;
}
.double-borders .bottom-left {
  opacity: 0;
  left: 0;
  bottom: 0;
  width: 50%;
  height: 1px;
  background: linear-gradient(to right, #4c8af7, transparent);
  z-index: 10;
}
.double-borders .bottom-right {
  opacity: 0;
  right: 0;
  bottom: 0;
  width: 50%;
  height: 1px;
  background: linear-gradient(to right, transparent, #4c8af7);
  z-index: 10;
}
.double-borders .left-side,
.double-borders .right-side {
  position: absolute;
  height: 100%;
  width: 50%;
  top: 0;
}
.double-borders .left-side {
  left: 0;
}
.double-borders .left-side:hover .top-left,
.double-borders .left-side .active .top-left,
.double-borders .left-side:hover .bottom-left,
.double-borders .left-side .active .bottom-left {
  opacity: 1;
}
.double-borders .left-side:hover .left,
.double-borders .left-side .active .left {
  background: #4c8af7;
}
.double-borders .right-side {
  right: 0;
}
.double-borders .right-side:hover .top-right,
.double-borders .right-side .active .top-right,
.double-borders .right-side:hover .bottom-right,
.double-borders .right-side .active .bottom-right {
  opacity: 1;
}
.double-borders .right-side:hover .right,
.double-borders .right-side .active .right {
  background: #4c8af7;
}
.large-arrows {
  float: left;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 2px;
}
.large-arrows .one,
.large-arrows .two,
.large-arrows .three {
  position: absolute;
}
.large-arrows .one {
  transition: 200ms 75ms;
}
.large-arrows .two {
  top: 5px;
  transition: 200ms 50ms;
}
.large-arrows .three {
  top: 10px;
  transition: 200ms 0ms;
}
.large-arrows:parent:hover {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
.small-arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 0px;
  font-size: 16px;
}
.small-arrows .one,
.small-arrows .two,
.small-arrows .three {
  position: absolute;
}
.small-arrows .one {
  transition: 100ms 66ms;
}
.small-arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
.small-arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
.small-arrows:parent:hover {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
.expanding-borders {
  width: 98%;
  height: 98%;
  top: 1%;
  left: 1%;
}
.accent,
.texture,
.shadow,
.stripe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.corners {
  z-index: 6;
  pointer-events: none;
  position: absolute;
  height: 98%;
  width: 98%;
  left: 1%;
  top: 5px;
  opacity: 0;
  transition: 300ms ease-in-out;
}
.corners .left {
  z-index: 6;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 7px;
  width: 7px;
  border-left: 1px solid #2288fa;
  border-top: 1px solid #2288fa;
  box-shadow: -2px -2px 1px rgba(44,84,224,0.6);
}
.corners .right {
  z-index: 6;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 7px;
  width: 7px;
  border-right: 1px solid #2288fa;
  border-top: 1px solid #2288fa;
  box-shadow: 2px -2px 1px rgba(44,84,224,0.6);
}
.corners .bottomleft {
  z-index: 6;
  position: absolute;
  left: 0px;
  bottom: 0px;
  height: 7px;
  width: 7px;
  border-left: 1px solid #2288fa;
  border-bottom: 1px solid #2288fa;
  box-shadow: -2px 2px 1px rgba(44,84,224,0.6);
}
.corners .bottomright {
  z-index: 6;
  position: absolute;
  right: 0px;
  bottom: 0px;
  height: 7px;
  width: 7px;
  border-right: 1px solid #2288fa;
  border-bottom: 1px solid #2288fa;
  box-shadow: 2px 2px 1px rgba(44,84,224,0.6);
}
.accent {
  z-index: 0;
  overflow: hidden;
  transition: all 0.2s cubic-bezier(0.57, 0.17, 0.54, 1.22);
  border-radius: 0px;
}
.accent .shadow {
  transition: 340ms;
  z-index: 4;
  opacity: 0;
  background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0.09) 100%);
  background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0.09) 100%);
  background: radial-gradient(ellipse at center, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 61%, rgba(0,0,0,0.09) 100%);
  transition: all 0.35s cubic-bezier(0.31, 0.6, 0.79, 1.21);
}
.accent .texture {
  transition: 340ms;
  opacity: 0.8;
  z-index: 3;
  background: url("/assets/img/woven.png");
  background-size: 7%;
  filter: saturate(1.5) contrast(1.2) brightness(0.8);
  border-radius: 1px;
}
.accent .stripe {
  opacity: 0.3;
  z-index: 3;
  background: url("/assets/img/stripe_blue.png");
  border-radius: 1px;
}
.direction-controls {
  top: 3px;
  float: left;
  width: 100%;
  position: relative;
  font-weight: 700;
  padding: 2% 0 0 0;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
}
.direction-controls .next {
  float: right;
}
.direction-controls .prev {
  float: left;
}
.direction-controls .next,
.direction-controls .prev {
  padding: 10px;
  cursor: pointer;
  position: relative;
}
.direction-controls .next span,
.direction-controls .prev span {
  font-size: 14px;
  margin: 10px;
  font-weight: 300;
  color: #2e88d2;
  text-transform: capitalize;
  transition: 200ms;
  position: relative;
  top: 2px;
}
.direction-controls .next i,
.direction-controls .prev i {
  transition: 200ms;
  padding: 7px 7px;
  border-radius: 31px;
  font-size: 12px;
  color: #3e80f1;
  text-shadow: 0 0 5px #163573;
}
.direction-controls .next .box-borders *,
.direction-controls .prev .box-borders * {
  transition: 300ms;
}
.direction-controls .next .background,
.direction-controls .prev .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1 !important;
  opacity: 0.4;
}
.direction-controls .next:hover span,
.direction-controls .prev:hover span {
  color: #fff;
}
.direction-controls .next:hover i,
.direction-controls .prev:hover i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
.direction-controls .next:hover .box-borders .top,
.direction-controls .prev:hover .box-borders .top,
.direction-controls .next:hover .box-borders .left,
.direction-controls .prev:hover .box-borders .left,
.direction-controls .next:hover .box-borders .bottom,
.direction-controls .prev:hover .box-borders .bottom,
.direction-controls .next:hover .box-borders .right,
.direction-controls .prev:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
.control {
  float: left;
  padding: 2%;
  text-shadow: 0 0 10px rgba(60,60,60,0.36);
  font-weight: 700;
  letter-spacing: 1px;
  width: 96%;
}
.control .butn {
  padding: 5px;
  position: relative;
  cursor: pointer;
}
.control .butn span {
  font-size: 14px;
  margin: 10px;
  font-weight: 300;
  color: #2e88d2;
  text-transform: capitalize;
  transition: 200ms;
}
.control .butn i {
  transition: 200ms;
  padding: 7px 7px;
  border-radius: 31px;
  font-size: 12px;
  color: #3e80f1;
  text-shadow: 0 0 5px #163573;
}
.control .butn .box-borders * {
  transition: 300ms;
}
.control .butn .background {
  background: url("/assets/img/patterns/micro-carbon.png") #071e6d;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
  opacity: 0.4;
}
.control .butn:hover span {
  color: #fff;
}
.control .butn:hover i {
  color: #fff;
  text-shadow: 0 0 5px #87afff;
}
.control .butn:hover .box-borders .top,
.control .butn:hover .box-borders .left,
.control .butn:hover .box-borders .bottom,
.control .butn:hover .box-borders .right {
  background: #78a5f3 !important;
  box-shadow: 0 0 3px #5795ff !important;
}
#PurchaseButton {
  min-height: auto;
  width: 100%;
  border-radius: 0;
  display: inline-block;
  margin: 5% 0 !important;
}
#PurchaseButton:hover .borders .top,
#PurchaseButton:hover .borders .left,
#PurchaseButton:hover .borders .right,
#PurchaseButton:hover .borders .bottom {
  background: #d5e5fb !important;
}
#PurchaseButton:active .activeborders .top,
#PurchaseButton.active .activeborders .top,
#PurchaseButton:active .activeborders .bottom,
#PurchaseButton.active .activeborders .bottom {
  width: 100%;
}
#PurchaseButton:active .activeborders .left,
#PurchaseButton.active .activeborders .left,
#PurchaseButton:active .activeborders .right,
#PurchaseButton.active .activeborders .right {
  height: 100%;
}
#PurchaseButton:active .activeborders .top,
#PurchaseButton.active .activeborders .top {
  left: 0%;
}
#PurchaseButton:active .activeborders .bottom,
#PurchaseButton.active .activeborders .bottom {
  right: 0%;
}
#PurchaseButton:active .activeborders .right,
#PurchaseButton.active .activeborders .right {
  top: auto;
  bottom: 0;
  height: 100%;
}
#PurchaseButton:active .activeborders .left,
#PurchaseButton.active .activeborders .left {
  top: auto;
  bottom: 0;
  height: 100%;
}
#PurchaseButton:hover,
#PurchaseButton:active,
#PurchaseButton:focus,
#PurchaseButton.active {
  box-shadow: 0 0 20px #20324e;
}
#PurchaseButton:hover .highlight,
#PurchaseButton:active .highlight,
#PurchaseButton:focus .highlight,
#PurchaseButton.active .highlight {
  width: 100%;
  left: 0%;
  opacity: 1;
}
#PurchaseButton .activeborders {
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 10;
}
#PurchaseButton .activeborders .top,
#PurchaseButton .activeborders .bottom,
#PurchaseButton .activeborders .left,
#PurchaseButton .activeborders .right {
  transition: 300ms ease-in-out;
}
#PurchaseButton .activeborders .top,
#PurchaseButton .activeborders .bottom {
  width: 0%;
  transition: 300ms ease-in-out;
}
#PurchaseButton .activeborders .left,
#PurchaseButton .activeborders .right {
  height: 0%;
}
#PurchaseButton .activeborders .top,
#PurchaseButton .activeborders .bottom,
#PurchaseButton .activeborders .left,
#PurchaseButton .activeborders .right {
  position: absolute;
}
#PurchaseButton .activeborders .top {
  background: #50a7ff;
  height: 1px;
  width: 0%;
  left: 50%;
  top: 0;
}
#PurchaseButton .activeborders .bottom {
  background: #50a7ff;
  height: 1px;
  width: 0%;
  right: 50%;
  bottom: 0;
}
#PurchaseButton .activeborders .left {
  height: 0%;
  width: 1px;
  background: #50a7ff;
  left: 0;
  top: 0;
}
#PurchaseButton .activeborders .right {
  height: 0%;
  width: 1px;
  background: #50a7ff;
  right: 0;
  bottom: 0;
}
#PurchaseButton .background,
#PurchaseButton .highlight {
  background: url("/assets/img/patterns/light-grey-floral-motif.png");
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
  height: 100%;
  width: 100%;
  transition: 150ms;
}
#PurchaseButton .highlight {
  background: linear-gradient(to right, transparent 0%, #0a3969 50%, transparent 100%);
  width: 0%;
  left: 50%;
  z-index: -1;
  opacity: 0;
}
.carbon_background {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  opacity: 0.35;
  background: url("/assets/img/patterns/carbon-fibre-v2.png");
}
.hide-me {
  transition: 300ms;
  width: 0 !important;
  overflow: hidden !important;
  padding: 0 !important;
  height: 0 !important;
}
.title-row {
  position: relative;
  z-index: 12;
  background: #040f1b;
}
.title-row .container {
  position: relative;
  padding: 0 !important;
}
.title-row .center {
  text-transform: uppercase;
  position: absolute;
  text-align: center;
  margin: 28px 0 0 0;
  font-weight: 400;
  font-size: 17px;
  color: #3b90dd;
  cursor: none;
  width: 100%;
}
.title-row .border {
  position: absolute;
  z-index: 1;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  pointer-events: none;
}
.title-row .border .top,
.title-row .border .left,
.title-row .border .bottom,
.title-row .border .right,
.title-row .border .top-line,
.title-row .border .bottom-line,
.title-row .border .left-marker,
.title-row .border .right-marker {
  position: absolute;
  background: #1e63d9;
  box-shadow: 0 0 3px #0052de;
}
.title-row .border .top {
  left: 0;
  top: 0;
  width: 100%;
  height: 2px;
}
.title-row .border .bottom {
  bottom: 0;
  width: 100%;
  height: 1px;
}
.title-row .border .left {
  left: 0;
  height: 100%;
  width: 1px;
}
.title-row .border .right {
  right: 0;
  height: 100%;
  width: 1px;
}
.title-row .border .top-line {
  width: 150px;
  height: 4px;
}
.title-row .border .top-right-line {
  width: 150px;
  height: 4px;
  right: 0;
  top: 0;
}
.title-row .border .bottom-line {
  left: 20%;
  bottom: -2px;
  height: 3px;
  background: linear-gradient(to bottom, rgba(0,82,222,0.4), #0867ff);
  animation: bottomline 0s 1s;
}
.title-row .border .left-marker {
  height: 4px;
  width: 12px;
  opacity: 1;
  top: 0%;
  left: 0%;
  animation: leftmarker 0.5s 2s;
}
.title-row .border .right-marker {
  height: 4px;
  width: 12px;
  opacity: 1;
  top: 0%;
  right: 0%;
  animation: rightmarker 0.5s 2s;
}
.title-row .backgroundtwo {
  background: rgba(0,24,64,0.58);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.1;
  pointer-events: none;
}
.title-row .background {
  background: linear-gradient(to right, transparent 0%, rgba(0,82,222,0.4) 5%, #0052de 50%, rgba(0,82,222,0.4) 95%, transparent 100%);
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  opacity: 0.1;
  pointer-events: none;
}
.title-row .crowd-title {
  font-size: 27px;
  line-height: 30px;
  text-transform: uppercase;
  color: #fff;
  font-weight: 200;
  padding: 20px 12px 20px 15px !important;
  background: transparent;
  margin-bottom: 0;
  width: auto;
  height: auto;
  position: relative;
  z-index: 5;
}
.title-row .crowd-title a {
  transition: 200ms 50ms;
  color: #e7f2ff;
}
.title-row .crowd-title .arrows {
  float: left;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  top: 0px;
}
.title-row .crowd-title .arrows .one,
.title-row .crowd-title .arrows .two,
.title-row .crowd-title .arrows .three {
  position: absolute;
}
.title-row .crowd-title .arrows .one {
  transition: 200ms 75ms;
}
.title-row .crowd-title .arrows .two {
  top: 5px;
  transition: 200ms 50ms;
}
.title-row .crowd-title .arrows .three {
  top: 10px;
  transition: 200ms 0ms;
}
.title-row .crowd-title:hover .arrows {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
.title-row .crowd-title:hover a {
  text-shadow: 0 0 13px #515f79;
}
.title-row .shop-link {
  right: 30px;
  font-size: 14px;
  transition: 100ms;
  border-radius: 0px;
  position: absolute;
  color: #419be8;
  text-transform: uppercase;
  padding: 23px 0px 15px 0px !important;
}
.title-row .shop-link.categories {
  padding: 30px 0px 10px 0px !important;
}
.title-row .shop-link span {
  transition: 100ms;
}
.title-row .shop-link .back-to-shop {
  text-transform: uppercase;
  margin: 0 0 0 10px;
}
.title-row .shop-link:hover,
.title-row .shop-link:active {
  text-shadow: 0 0 10px rgba(131,210,255,0.49);
}
.title-row .shop-link :after {
  background: #00f;
  height: 2px;
  width: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.title-row .shop-link .arrows {
  float: right;
  transform: rotate(90deg);
  margin: 0 10px 0 0;
  color: #2e88d2;
  transition: 200ms;
  width: 30px;
  height: 30px;
  position: relative;
  left: 7px;
  font-size: 16px;
}
.title-row .shop-link .arrows .one,
.title-row .shop-link .arrows .two,
.title-row .shop-link .arrows .three {
  position: absolute;
}
.title-row .shop-link .arrows .one {
  transition: 100ms 66ms;
}
.title-row .shop-link .arrows .two {
  top: 5px;
  transition: 100ms 33ms;
}
.title-row .shop-link .arrows .three {
  top: 10px;
  transition: 100ms 0ms;
}
.title-row .shop-link:hover .arrows {
  text-shadow: 0 0 13px #6495ed;
  color: #fff;
}
.title-row .shop-link:hover span {
  color: #fff;
  text-shadow: 0 0 13px #6495ed;
}
.title-row .back-to-shop {
  text-transform: uppercase;
  font-weight: 300;
  font-size: 17px;
  letter-spacing: 1.5px;
  float: right;
}
.heading_color {
  background: url("/assets/img/patterns/snow.png") #403f35 !important;
  box-shadow: inset 0px -5px 18px rgba(0,0,0,0.61) !important;
  padding: 50px 0 !important;
  color: #fff !important;
  position: relative;
}
.heading_color .box-borders .left,
.heading_color .box-borders .right,
.heading_color .box-borders .top,
.heading_color .box-borders .bottom {
  background: #0f3985;
}
.heading_color > div {
  font-family: 'KeepCalm';
  letter-spacing: 3px;
  font-size: 39px;
  line-height: 50px;
  color: #fff;
  font-weight: 300;
  text-transform: uppercase;
  padding: 20px 0 20px 0;
  text-align: center;
  text-shadow: 3px 2px 10px rgba(0,0,0,0.5);
}
@media screen and (max-width: 768px) {
  .title-row .shop-link {
    display: none;
  }
}
@media screen and (max-width: 979px) {
  .btn-primary {
    font-size: 12px;
    padding: 5px 30px;
  }
}
circle {
  fill: #fff;
  stroke: #000;
  stroke-width: 2;
  stroke-dasharray: 250;
  stroke-dashoffset: 1000;
  animation: rotate 5s linear infinite;
}
.fa-xbox {
  background: url("/assets/img/xbox-small.png") no-repeat center;
}
.no-margin {
  margin: 0 !important;
}
.no-top-margin {
  margin-top: 0 !important;
}
.no-bottom-margin {
  margin-bottom: 0 !important;
}
.titlePanel {
  width: 100%;
}
@-moz-keyframes poweredline {
  0% {
    width: 0%;
    left: auto;
    right: 0%;
  }
  20% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  50% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  80% {
    width: 100%;
    left: 0%;
    right: auto;
  }
  100% {
    width: 0%;
    right: auto;
    left: 0%;
  }
}
@-webkit-keyframes poweredline {
  0% {
    width: 0%;
    left: auto;
    right: 0%;
  }
  20% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  50% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  80% {
    width: 100%;
    left: 0%;
    right: auto;
  }
  100% {
    width: 0%;
    right: auto;
    left: 0%;
  }
}
@-o-keyframes poweredline {
  0% {
    width: 0%;
    left: auto;
    right: 0%;
  }
  20% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  50% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  80% {
    width: 100%;
    left: 0%;
    right: auto;
  }
  100% {
    width: 0%;
    right: auto;
    left: 0%;
  }
}
@keyframes poweredline {
  0% {
    width: 0%;
    left: auto;
    right: 0%;
  }
  20% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  50% {
    width: 100%;
    right: 0%;
    left: auto;
  }
  80% {
    width: 100%;
    left: 0%;
    right: auto;
  }
  100% {
    width: 0%;
    right: auto;
    left: 0%;
  }
}
@-moz-keyframes flash {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-o-keyframes flash {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@keyframes flash {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  25% {
    opacity: 1;
    transform: scale(1.1);
  }
  75% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 0;
    transform: scale(1);
  }
}
@-moz-keyframes 'spin' {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes 'spin' {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-o-keyframes 'spin' {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes 'spin' {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-moz-keyframes logoanimation {
  from {
    top: 233px;
  }
  to {
    top: 280px;
  }
}
@-webkit-keyframes logoanimation {
  from {
    top: 233px;
  }
  to {
    top: 280px;
  }
}
@-o-keyframes logoanimation {
  from {
    top: 233px;
  }
  to {
    top: 280px;
  }
}
@keyframes logoanimation {
  from {
    top: 233px;
  }
  to {
    top: 280px;
  }
}
@-moz-keyframes 'fullwidth' {
  0% {
    width: 0%;
  }
  100% {
    width: 80%;
  }
  100% {
    width: 99%;
  }
}
@-webkit-keyframes 'fullwidth' {
  0% {
    width: 0%;
  }
  100% {
    width: 80%;
  }
  100% {
    width: 99%;
  }
}
@-o-keyframes 'fullwidth' {
  0% {
    width: 0%;
  }
  100% {
    width: 80%;
  }
  100% {
    width: 99%;
  }
}
@keyframes 'fullwidth' {
  0% {
    width: 0%;
  }
  100% {
    width: 80%;
  }
  100% {
    width: 99%;
  }
}
@-moz-keyframes 'loader' {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-webkit-keyframes 'loader' {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-o-keyframes 'loader' {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@keyframes 'loader' {
  0% {
    left: -50%;
  }
  100% {
    left: 150%;
  }
}
@-moz-keyframes 'shine' {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@-webkit-keyframes 'shine' {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@-o-keyframes 'shine' {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@keyframes 'shine' {
  0% {
    left: -100%;
  }
  100% {
    left: 100%;
  }
}
@-moz-keyframes 'rightmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    right: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    right: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    right: 0%;
  }
}
@-webkit-keyframes 'rightmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    right: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    right: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    right: 0%;
  }
}
@-o-keyframes 'rightmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    right: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    right: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    right: 0%;
  }
}
@keyframes 'rightmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    right: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    right: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    right: 0%;
  }
}
@-moz-keyframes 'leftmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    left: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    left: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    left: 0%;
  }
}
@-webkit-keyframes 'leftmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    left: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    left: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    left: 0%;
  }
}
@-o-keyframes 'leftmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    left: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    left: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    left: 0%;
  }
}
@keyframes 'leftmarker' {
  0% {
    opacity: 0;
    width: 0px;
    top: 100%;
    left: 50%;
  }
  50% {
    opacity: 1;
    width: 5px;
    top: 0%;
    left: 50%;
  }
  100% {
    opacity: 1;
    width: 10px;
    top: 0%;
    left: 0%;
  }
}
@-moz-keyframes 'bottomline' {
  0% {
    width: 0%;
  }
  100% {
    width: 60%;
  }
}
@-webkit-keyframes 'bottomline' {
  0% {
    width: 0%;
  }
  100% {
    width: 60%;
  }
}
@-o-keyframes 'bottomline' {
  0% {
    width: 0%;
  }
  100% {
    width: 60%;
  }
}
@keyframes 'bottomline' {
  0% {
    width: 0%;
  }
  100% {
    width: 60%;
  }
}
@-moz-keyframes 'pop' {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes 'pop' {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
@-o-keyframes 'pop' {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes 'pop' {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: scale(1.12);
  }
  100% {
    transform: scale(1);
  }
}
@-moz-keyframes 'stand' {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes 'stand' {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-o-keyframes 'stand' {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes 'stand' {
  0% {
    opacity: 0;
    transform: translateY(100px);
  }
  50% {
    transform: scale(0.8);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-moz-keyframes 'fadeinrotate' {
  0% {
    opacity: 0;
    transform: rotate(5deg);
  }
  20% {
    opacity: 1;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@-webkit-keyframes 'fadeinrotate' {
  0% {
    opacity: 0;
    transform: rotate(5deg);
  }
  20% {
    opacity: 1;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@-o-keyframes 'fadeinrotate' {
  0% {
    opacity: 0;
    transform: rotate(5deg);
  }
  20% {
    opacity: 1;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@keyframes 'fadeinrotate' {
  0% {
    opacity: 0;
    transform: rotate(5deg);
  }
  20% {
    opacity: 1;
    transform: rotate(0deg);
  }
  100% {
    opacity: 1;
    transform: rotate(0deg);
  }
}
@-moz-keyframes 'fadeoutrotate' {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes 'fadeoutrotate' {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-o-keyframes 'fadeoutrotate' {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes 'fadeoutrotate' {
  0% {
    opacity: 1;
  }
  20% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@-moz-keyframes 'fadein' {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes 'fadein' {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-o-keyframes 'fadein' {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes 'fadein' {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes 'highlight' {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-webkit-keyframes 'highlight' {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-o-keyframes 'highlight' {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@keyframes 'highlight' {
  0% {
    opacity: 0;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.1);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
@-moz-keyframes 'gradientshine' {
  0% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 100%;
    left: 100%;
  }
}
@-webkit-keyframes 'gradientshine' {
  0% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 100%;
    left: 100%;
  }
}
@-o-keyframes 'gradientshine' {
  0% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 100%;
    left: 100%;
  }
}
@keyframes 'gradientshine' {
  0% {
    top: -100%;
    left: -100%;
  }
  100% {
    top: 100%;
    left: 100%;
  }
}
@-moz-keyframes 'borderfade' {
  0% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
  50% {
    background: #68baff;
    box-shadow: 0 0 3px #5fb1fc;
  }
  100% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
}
@-webkit-keyframes 'borderfade' {
  0% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
  50% {
    background: #68baff;
    box-shadow: 0 0 3px #5fb1fc;
  }
  100% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
}
@-o-keyframes 'borderfade' {
  0% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
  50% {
    background: #68baff;
    box-shadow: 0 0 3px #5fb1fc;
  }
  100% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
}
@keyframes 'borderfade' {
  0% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
  50% {
    background: #68baff;
    box-shadow: 0 0 3px #5fb1fc;
  }
  100% {
    background: #1e63d9;
    box-shadow: 0 0 3px #0052de;
  }
}
@-moz-keyframes 'phaseIn' {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0px);
  }
}
@-webkit-keyframes 'phaseIn' {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0px);
  }
}
@-o-keyframes 'phaseIn' {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0px);
  }
}
@keyframes 'phaseIn' {
  0% {
    opacity: 0;
    filter: blur(10px);
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    filter: blur(0px);
    transform: translateY(0px);
  }
}
@-moz-keyframes 'rise' {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-webkit-keyframes 'rise' {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-o-keyframes 'rise' {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@keyframes 'rise' {
  0% {
    opacity: 0;
    transform: translateY(10px);
  }
  100% {
    opacity: 1;
    transform: translateY(0px);
  }
}
@-moz-keyframes 'darkwave' {
  0% {
    position: relative;
    left: -100%;
    top: 0;
  }
  100% {
    position: relative;
    left: 100%;
    top: 0;
  }
}
@-webkit-keyframes 'darkwave' {
  0% {
    position: relative;
    left: -100%;
    top: 0;
  }
  100% {
    position: relative;
    left: 100%;
    top: 0;
  }
}
@-o-keyframes 'darkwave' {
  0% {
    position: relative;
    left: -100%;
    top: 0;
  }
  100% {
    position: relative;
    left: 100%;
    top: 0;
  }
}
@keyframes 'darkwave' {
  0% {
    position: relative;
    left: -100%;
    top: 0;
  }
  100% {
    position: relative;
    left: 100%;
    top: 0;
  }
}
@-moz-keyframes 'swoopright' {
  0% {
    opacity: 1;
    width: 0%;
    left: -6px;
  }
  100% {
    width: 100%;
    left: 0px;
    opacity: 1;
  }
}
@-webkit-keyframes 'swoopright' {
  0% {
    opacity: 1;
    width: 0%;
    left: -6px;
  }
  100% {
    width: 100%;
    left: 0px;
    opacity: 1;
  }
}
@-o-keyframes 'swoopright' {
  0% {
    opacity: 1;
    width: 0%;
    left: -6px;
  }
  100% {
    width: 100%;
    left: 0px;
    opacity: 1;
  }
}
@keyframes 'swoopright' {
  0% {
    opacity: 1;
    width: 0%;
    left: -6px;
  }
  100% {
    width: 100%;
    left: 0px;
    opacity: 1;
  }
}
@-moz-keyframes 'swoosh' {
  0% {
    left: 0%;
    opacity: 0;
  }
  5% {
    left: 5%;
    opacity: 1;
  }
  45% {
    left: 100%;
    opacity: 1;
  }
  55% {
    left: 100%;
    opacity: 1;
  }
  95% {
    left: 5%;
    opacity: 1;
  }
  100% {
    left: 0%;
    opacity: 0;
  }
}
@-webkit-keyframes 'swoosh' {
  0% {
    left: 0%;
    opacity: 0;
  }
  5% {
    left: 5%;
    opacity: 1;
  }
  45% {
    left: 100%;
    opacity: 1;
  }
  55% {
    left: 100%;
    opacity: 1;
  }
  95% {
    left: 5%;
    opacity: 1;
  }
  100% {
    left: 0%;
    opacity: 0;
  }
}
@-o-keyframes 'swoosh' {
  0% {
    left: 0%;
    opacity: 0;
  }
  5% {
    left: 5%;
    opacity: 1;
  }
  45% {
    left: 100%;
    opacity: 1;
  }
  55% {
    left: 100%;
    opacity: 1;
  }
  95% {
    left: 5%;
    opacity: 1;
  }
  100% {
    left: 0%;
    opacity: 0;
  }
}
@keyframes 'swoosh' {
  0% {
    left: 0%;
    opacity: 0;
  }
  5% {
    left: 5%;
    opacity: 1;
  }
  45% {
    left: 100%;
    opacity: 1;
  }
  55% {
    left: 100%;
    opacity: 1;
  }
  95% {
    left: 5%;
    opacity: 1;
  }
  100% {
    left: 0%;
    opacity: 0;
  }
}
@-moz-keyframes 'opendown' {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-webkit-keyframes 'opendown' {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-o-keyframes 'opendown' {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@keyframes 'opendown' {
  0% {
    height: 0%;
  }
  100% {
    height: 100%;
  }
}
@-moz-keyframes 'opendown80' {
  0% {
    height: 0%;
  }
  100% {
    height: 80%;
  }
}
@-webkit-keyframes 'opendown80' {
  0% {
    height: 0%;
  }
  100% {
    height: 80%;
  }
}
@-o-keyframes 'opendown80' {
  0% {
    height: 0%;
  }
  100% {
    height: 80%;
  }
}
@keyframes 'opendown80' {
  0% {
    height: 0%;
  }
  100% {
    height: 80%;
  }
}
@-moz-keyframes 'openright' {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes 'openright' {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-o-keyframes 'openright' {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@keyframes 'openright' {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-moz-keyframes 'openright90' {
  0% {
    width: 0%;
  }
  100% {
    width: 90%;
  }
}
@-webkit-keyframes 'openright90' {
  0% {
    width: 0%;
  }
  100% {
    width: 90%;
  }
}
@-o-keyframes 'openright90' {
  0% {
    width: 0%;
  }
  100% {
    width: 90%;
  }
}
@keyframes 'openright90' {
  0% {
    width: 0%;
  }
  100% {
    width: 90%;
  }
}
@-moz-keyframes 'openNewAccount' {
  0% {
    height: 0px;
    overflow: hidden;
  }
  90% {
    height: 900px;
    overflow: hidden;
  }
  100% {
    height: 900px;
    overflow: visible;
  }
}
@-webkit-keyframes 'openNewAccount' {
  0% {
    height: 0px;
    overflow: hidden;
  }
  90% {
    height: 900px;
    overflow: hidden;
  }
  100% {
    height: 900px;
    overflow: visible;
  }
}
@-o-keyframes 'openNewAccount' {
  0% {
    height: 0px;
    overflow: hidden;
  }
  90% {
    height: 900px;
    overflow: hidden;
  }
  100% {
    height: 900px;
    overflow: visible;
  }
}
@keyframes 'openNewAccount' {
  0% {
    height: 0px;
    overflow: hidden;
  }
  90% {
    height: 900px;
    overflow: hidden;
  }
  100% {
    height: 900px;
    overflow: visible;
  }
}
@-moz-keyframes 'spinAround' {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  10% {
    opacity: 0.4;
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1360deg);
  }
}
@-webkit-keyframes 'spinAround' {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  10% {
    opacity: 0.4;
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1360deg);
  }
}
@-o-keyframes 'spinAround' {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  10% {
    opacity: 0.4;
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1360deg);
  }
}
@keyframes 'spinAround' {
  0% {
    opacity: 0;
    transform: rotate(0deg);
  }
  10% {
    opacity: 0.4;
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(1360deg);
  }
}
@-moz-keyframes 'rotateAround' {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@-webkit-keyframes 'rotateAround' {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@-o-keyframes 'rotateAround' {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@keyframes 'rotateAround' {
  0% {
    transform: rotateY(0deg);
  }
  50% {
    transform: rotateY(180deg);
  }
  100% {
    transform: rotateY(0deg);
  }
}
@-moz-keyframes 'openRightUnroll' {
  0% {
    max-width: 0px;
  }
  100% {
    max-width: 420px;
  }
}
@-webkit-keyframes 'openRightUnroll' {
  0% {
    max-width: 0px;
  }
  100% {
    max-width: 420px;
  }
}
@-o-keyframes 'openRightUnroll' {
  0% {
    max-width: 0px;
  }
  100% {
    max-width: 420px;
  }
}
@keyframes 'openRightUnroll' {
  0% {
    max-width: 0px;
  }
  100% {
    max-width: 420px;
  }
}
@-moz-keyframes rotate {
  to {
    stroke-dashoffset: 0;
  }
}
@-webkit-keyframes rotate {
  to {
    stroke-dashoffset: 0;
  }
}
@-o-keyframes rotate {
  to {
    stroke-dashoffset: 0;
  }
}
@keyframes rotate {
  to {
    stroke-dashoffset: 0;
  }
}
