@import url('../img/icons/footer/css/fontello.css');
@import url('../fonts/lato/Lato-Regular.css');
@import url('../fonts/lato Light/Lato-Light.css');
@import url('../fonts/lato Black/Lato-Black.css');
@import url('../fonts/Gotham Ultra/Gotham-Ultra.css');
@import url('../fonts/Gotham Ultra/Gotham-UltraItalic.css');
@import url('../fonts/Code Pro Black/CodePro-Black.css');
@import url('../fonts/Code Pro Black/CodePro-BlackLC.css');
@import url('../fonts/Code Pro 4/CodePro-Regular.css');
@import url('../fonts/Code Pro 3/CodePro-LC.css');
@import url('../fonts/Code Pro Light 2/CodePro-LightLC.css');
body {
  padding-top: 67px;
}
@media (max-width: 768px) {
  body {
    padding-top: 50px;
  }
}
.nav-menu {
  background: black;
  position: fixed;
  z-index: 99;
  width: 100%;
  height: 67px;
  top: 0;
  left: 0;
  padding: 0 45px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .nav-menu {
    height: 50px;
    padding: 0 20px;
  }
}
.nav-menu .logo {
  height: 100%;
  float: left;
}
.nav-menu .logo .logo-img {
  height: 100%;
  display: inline-block;
  float: left;
}
.nav-menu .logo .logo-img a {
  color: inherit;
  text-decoration: none;
}
@media (max-width: 768px) {
  .nav-menu .logo .logo-img a img {
    width: 40px;
    height: auto;
    margin-top: 5px;
  }
}
.nav-menu .logo .logo-text {
  height: 100%;
  display: inline-block;
  float: left;
  color: white;
  font: bold 30px/67px 'CodeProBlack', sans-serif;
  margin-left: 20px;
}
@media (max-width: 768px) {
  .nav-menu .logo .logo-text {
    font-size: 20px;
    line-height: 50px;
    margin-left: 5px;
    border-top: 1px solid #272727;
  }
}
.nav-menu .logo .logo-text a {
  color: inherit;
  text-decoration: none;
}
.nav-menu .mobile-menu-button {
  display: none;
  float: right;
  padding: 9px 0;
}
.nav-menu .mobile-menu-button a {
  text-decoration: none;
}
.nav-menu .mobile-menu-button a img {
  vertical-align: middle;
}
.nav-menu .mobile-menu-button a span {
  font: normal 12px/1 'Lato', sans-serif;
  color: white;
  vertical-align: middle;
}
@media (max-width: 768px) {
  .nav-menu .mobile-menu-button {
    display: block;
  }
}
.nav-menu .menu-container {
  float: right;
  height: 67px;
}
@media (max-width: 768px) {
  .nav-menu .menu-container {
    position: absolute;
    top: 50px;
    width: 100%;
    left: 0;
    background: black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: auto;
    display: none;
  }
}
.nav-menu .menu-container ul.menu {
  padding: 0;
  margin: 0 -20px;
  list-style: none;
}
@media (max-width: 768px) {
  .nav-menu .menu-container ul.menu {
    margin: 0;
    padding: 5px 0;
  }
}
.nav-menu .menu-container ul.menu li {
    display: inline-block;
    position: relative;
    padding: 0 20px;
}
.nav-menu .menu-container ul.menu li ul.sub-menu {
    display: none;
}
.nav-menu .menu-container ul.menu li:hover > ul.sub-menu {
    display: block;
}
.nav-menu .menu-container ul.menu li ul.sub-menu {
    position: absolute;
    top:66px;
    left:0;
    min-width:380px; 
    background: #000000;
}
.nav-menu .menu-container ul.menu li ul.sub-menu li {
    display: block;
    position: relative;
    top:0;
    left:0;
    margin:0;
    padding:25px;
    line-height: 0;
}
.nav-menu .menu-container ul.menu li ul.sub-menu li a {
    margin: 0;
    padding: 0;
    line-height: 0;
    height: 20px;
}
@media (max-width: 768px) {
  .nav-menu .menu-container ul.menu li {
    display: block;
  }
}
.nav-menu .menu-container ul.menu li a {
  color: white;
  font: bold 18px/67px 'CodeProBlack', sans-serif;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .nav-menu .menu-container ul.menu li a {
    line-height: 18px;
    display: block;
    padding: 10px 0;
  }
}
.nav-menu .menu-container ul.menu li.current-menu-item a {
  color: #97fb00;
}
main#viewport {
  background-color: #fc1b70;
  overflow: hidden;
  position: relative;
}
.game-banner-bg {
  display: none;
}
.single-games .game-banner-bg {
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
.cache {
  display: none;
}
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
#footer .section-top {
  background: black;
  padding: 20px 0;
  color: white;
  overflow: hidden;
}
#footer .section-top .container {
  overflow: hidden;
}
#footer .section-top .container h2 {
  font: normal 17px/1 'CodePro4', sans-serif;
  margin: 0 0 10px 0;
}
#footer .section-top .container .col-left {
  float: left;
  width: 70%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #footer .section-top .container .col-left {
    float: none;
    width: 100%;
    padding: 0 20px;
    margin-bottom: 15px;
  }
}
#footer .section-top .container .col-left .social-links a {
  font-size: 42px;
  color: white;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}
#footer .section-top .container .col-left .social-links a i:before {
  margin: 0;
}
#footer .section-top .container .col-left .social-links a:hover {
  color: #97fb00;
}
#footer .section-top .container .col-right {
  float: left;
  width: 30%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  #footer .section-top .container .col-right {
    float: none;
    width: 100%;
    padding: 0 20px;
  }
}
#footer .section-top .container .col-right .newsletter {
  font: normal 14px/40px 'CodePro4', sans-serif;
  color: #97fb00;
}
#footer .section-top .container .col-right .newsletter form .form-group {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 100px;
}
@media (max-width: 768px) {
  #footer .section-top .container .col-right .newsletter form .form-group {
    padding-right: 105px;
  }
}
#footer .section-top .container .col-right .newsletter form .form-group input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  width: 100%;
  background: white;
  border: 5px solid white;
  font: normal 14px/1 'LatoLight', sans-serif;
  color: black;
  padding: 0 15px;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  #footer .section-top .container .col-right .newsletter form .form-group input {
    height: 35px;
    padding: 0 10px;
  }
}
#footer .section-top .container .col-right .newsletter form .form-group input::-webkit-input-placeholder {
  line-height: 1.3em;
}
#footer .section-top .container .col-right .newsletter form .form-group input:-moz-placeholder {
  line-height: 1.3em;
}
#footer .section-top .container .col-right .newsletter form .form-group input::-moz-placeholder {
  line-height: 1.3em;
}
#footer .section-top .container .col-right .newsletter form .form-group input:-ms-input-placeholder {
  line-height: 1.3em;
}
#footer .section-top .container .col-right .newsletter form .form-group.hasError input {
  border-color: #272727;
}
#footer .section-top .container .col-right .newsletter form .form-group button {
  position: absolute;
  top: 0;
  right: 0;
  width: 95px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid #97fb00;
  background: #97fb00;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font: bold 14px/1 'CodeProBlack', sans-serif;
  color: #000;
  padding-top: 5px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}
@media (max-width: 768px) {
  #footer .section-top .container .col-right .newsletter form .form-group button {
    height: 35px;
    width: 100px;
    top: 2px;
  }
}
#footer .section-top .container .col-right .newsletter form .form-group button.active {
  color: #97fb00;
  border-color: #272727;
  background: transparent;
  cursor: default;
}
#footer .section-bottom {
  background: #272727;
  color: #a4a4a4;
  text-align: center;
  font: normal 10px/20px 'Lato', sans-serif;
  text-transform: uppercase;
}
.load-more {
  margin-bottom: 40px;
  height: 70px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: black;
  border: 5px solid black;
  width: 100%;
  outline: none;
  cursor: pointer;
  color: #97fb00;
  font: bold 15px/0.5 'CodeProBlack', sans-serif;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  .load-more {
    margin-bottom: 30px;
    height: 50px;
    font-size: 15px;
    line-height: 8px;
  }
}
.load-more span {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  visibility: visible;
  opacity: 1;
}
.load-more span.loading {
  visibility: hidden;
  opacity: 0;
}
.load-more.loading {
  background: transparent;
  border-color: black;
  color: black;
  cursor: default;
}
.load-more.loading span.text {
  visibility: hidden;
  opacity: 0;
}
.load-more.loading span.loading {
  visibility: visible;
  opacity: 1;
}
.blog-banner {
  position: relative;
  height: 395px;
  overflow: hidden;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .blog-banner {
    height: 250px;
  }
}
.blog-banner .banner-slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-background-size: cover;
  background-size: cover;
  background-position: center;
}
.blog-banner .banner-slide.ready {
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.blog-banner .banner-slide.go {
  -webkit-transition: 0.8s cubic-bezier(0.68, 0.09, 0.71, 0.96);
  transition: 0.8s cubic-bezier(0.68, 0.09, 0.71, 0.96);
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.blog-banner .banner-slide img {
  display: none;
}
.blog-filter {
  margin-bottom: 15px;
}
.blog-filter .head {
  height: 100px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid black;
  padding: 0 40px;
  background: black;
  position: relative;
  -webkit-transition: .3s;
  transition: .3s;
  color: #97fb00;
}
@media (max-width: 768px) {
  .blog-filter .head {
    height: 70px;
    padding: 0 20px;
  }
}
.blog-filter .head .text {
  font: bold 45px/100px 'CodeProBlack', sans-serif;
  color: inherit;
}
@media (max-width: 768px) {
  .blog-filter .head .text {
    font-size: 28px;
    line-height: 67px;
  }
}
.blog-filter .head a.filter-button {
  position: absolute;
  right: 40px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font: normal 18px/1.3 'CodeProBlack', sans-serif;
  color: inherit;
  text-decoration: none;
  text-transform: uppercase;
  display: block;
  padding-right: 19px;
}
@media (max-width: 768px) {
  .blog-filter .head a.filter-button {
    right: 20px;
  }
}
.blog-filter .head a.filter-button:after {
  content: " ";
  display: block;
  position: absolute;
  right: 0;
  top: 8px;
  border-width: 5px;
  border-style: solid;
  border-color: #97fb00 transparent transparent transparent;
  -webkit-transition: .3s;
  transition: .3s;
}
.blog-filter .filters {
  margin: 0 -15px 20px -15px;
  overflow: hidden;
  display: none;
}
@media (max-width: 768px) {
  .blog-filter .filters {
    margin: 0;
  }
}
.blog-filter .filters h1 {
  margin: 25px 0 20px 0;
  font: normal 30px/30px 'CodeProBlack', sans-serif;
  color: white;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .blog-filter .filters h1 {
    font-size: 22px;
    line-height: 22px;
    margin: 20px 0 15px 0;
  }
}
.blog-filter .filters ul {
  margin: 0;
  padding: 0;
  list-style: none;
  margin-top: -14px;
}
@media (max-width: 768px) {
  .blog-filter .filters ul {
    margin-top: -18px;
  }
}
.blog-filter .filters ul li {
  border-bottom: 1px solid black;
  padding: 14px 0;
}
.blog-filter .filters ul li:last-child {
  border-bottom: none;
}
.blog-filter .filters .tags {
  width: 37%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}
@media (max-width: 768px) {
  .blog-filter .filters .tags {
    float: none;
    padding: 0 20px;
    width: 100%;
  }
}
.blog-filter .filters .tags .tags-list a {
  background: black;
  color: white;
  text-transform: uppercase;
  height: 30px;
  padding: 0 20px;
  display: inline-block;
  font: normal 14px/33px 'CodePro4', sans-serif;
  text-decoration: none;
  margin: 0 5px 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .blog-filter .filters .tags .tags-list a {
    font-size: 12px;
    line-height: 28px;
    height: 25px;
    padding: 0 10px;
  }
}
.blog-filter .filters .archives {
  float: left;
  width: 28%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}
@media (max-width: 768px) {
  .blog-filter .filters .archives {
    float: none;
    width: 100%;
    padding: 0 20px;
  }
}
.blog-filter .filters .archives a {
  font: normal 14px/12px 'CodePro4', sans-serif;
  color: white;
  text-decoration: none;
}
.blog-filter .filters .archives ul {
  max-width: 190px;
}
@media (max-width: 768px) {
  .blog-filter .filters .archives ul {
    max-width: auto;
  }
}
.blog-filter .filters .lastest-posts {
  width: 35%;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 15px;
}
@media (max-width: 768px) {
  .blog-filter .filters .lastest-posts {
    float: none;
    width: 100%;
    padding: 0 20px;
  }
}
.blog-filter .filters .lastest-posts h2 {
  color: black;
  font: normal 18px/1em 'CodeProBlack', sans-serif;
  margin: 0;
  text-transform: uppercase;
}
.blog-filter .filters .lastest-posts h2 a {
  color: inherit;
  text-decoration: none;
}
.blog-filter .filters .lastest-posts h3 {
  color: white;
  font: normal 14px/1em 'CodeProBlack', sans-serif;
  margin: 0;
  text-transform: uppercase;
}
.blog-filter .filters .lastest-posts h3 a {
  color: inherit;
  text-decoration: none;
}
.blog-filter.opened .head {
  background: transparent;
  color: black;
}
.blog-filter.opened a.filter-button:after {
  top: 3px;
  border-color: transparent transparent black transparent;
}
.blogs .blog-post {
  background: black;
  margin-bottom: 5px;
}
.blogs .blog-post .blog-details {
  padding: 0 50px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .blogs .blog-post .blog-details {
    padding: 0 20px;
  }
}
.blogs .blog-post .blog-details h1 {
  color: #97fb00;
  font: bold 30px/1.2em 'CodeProBlack', sans-serif;
  margin-top: 20px;
}
@media (max-width: 768px) {
  .blogs .blog-post .blog-details h1 {
    font-size: 22px;
  }
}
.blogs .blog-post .blog-details h2 {
  color: white;
  font: bold 20px/1.2em 'CodeProBlack', sans-serif;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .blogs .blog-post .blog-details h2 {
    font-size: 16px;
  }
}
.blogs .blog-post .blog-details .tags {
  padding-right: 140px;
  margin-bottom: 15px;
  position: relative;
}
.blogs .blog-post .blog-details .tags .date {
  position: absolute;
  top: 8px;
  right: 0;
  color: #fc057a;
  font: normal 14px/1 'CodePro4', sans-serif;
}
@media (max-width: 768px) {
  .blogs .blog-post .blog-details .tags .date {
    position: relative;
    margin-top: -20px;
    margin-bottom: 20px;
  }
}
.blogs .blog-post .blog-details .tags a {
  background: #272727;
  color: white;
  text-transform: uppercase;
  height: 30px;
  padding: 0 20px;
  display: inline-block;
  font: normal 14px/33px 'CodePro4', sans-serif;
  text-decoration: none;
  margin: 0 5px 5px 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 768px) {
  .blogs .blog-post .blog-details .tags a {
    font-size: 12px;
    line-height: 28px;
    height: 25px;
    padding: 0 10px;
  }
}
.blogs .blog-post .blog-content {
  overflow: hidden;
}
.blogs .blog-post .blog-content *:first-child {
  margin-top: 0;
}
.blogs .blog-post .blog-content img:last-child,
.blogs .blog-post .blog-content .embed-container:last-child {
  margin-bottom: 0;
}
.blogs .blog-post .blog-content *:last-child {
  margin-bottom: 20px;
}
.blogs .blog-post .blog-content img {
  width: 100%;
  height: auto;
  margin: 10px 0;
}
.blogs .blog-post .blog-content img:last-child {
  margin-bottom: -3px;
}
.blogs .blog-post .blog-content h1 {
  padding: 0 50px;
  color: #fc057a;
  margin: 20px 0;
  font: normal 30px/1em 'CodeProBlack', sans-serif;
}
.blogs .blog-post .blog-content h2 {
  padding: 0 50px;
  color: #fc057a;
  margin: 20px 0;
  font: normal 26px/1em 'CodeProBlack', sans-serif;
}
.blogs .blog-post .blog-content h3 {
  padding: 0 50px;
  color: #fff;
  margin: 20px 0;
  font: normal 22px/1em 'CodeProBlack', sans-serif;
}
.blogs .blog-post .blog-content h3 a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.blogs .blog-post .blog-content h3 a:hover {
    color:#fc057a;
}
@media (max-width: 768px) {
  .blogs .blog-post .blog-content h1  {
    font-size: 24px;
    margin: 10px 0;
    padding: 0 20px;
  }
  .blogs .blog-post .blog-content h2  {
    font-size: 21px;
    margin: 10px 0;
    padding: 0 20px;
  }
  .blogs .blog-post .blog-content h3  {
    font-size: 18px;
    margin: 10px 0;
    padding: 0 20px;
  }
}
.blogs .blog-post .blog-content p {
  margin: 20px 0;
  padding: 0 50px;
  color: white;
  font: normal 17px/22px 'Lato', sans-serif;
}
@media (max-width: 768px) {
  .blogs .blog-post .blog-content p {
    margin: 10px 0;
    padding: 0 20px;
    font-size: 14px;
    line-height: 19px;
  }
}
.blogs .blog-post .blog-content p a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.comment-section {
  overflow: hidden;
  margin-bottom: 40px;
}
.comment-section .buttons {
  float: right;
}
@media (max-width: 768px) {
  .comment-section .buttons {
    margin-right: 5px;
  }
}
.comment-section .buttons .button {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid black;
  height: 40px;
  padding: 0 20px;
  font: bold 14px/35px 'CodeProBlack', sans-serif;
  color: #97fb00;
  text-decoration: none;
  display: inline-block;
  background: black;
  float: left;
  margin-left: 5px;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  .comment-section .buttons .button {
    padding: 0 8px;
    font-size: 14px;
  }
}
.comment-section .buttons .button.comment:before,
.comment-section .buttons .button.comment:after {
  content: " ";
  right: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}
.comment-section .buttons .button.active {
  background: transparent;
  color: black;
}
.comment-section .buttons .button.active.comment {
  padding-right: 40px;
}
.comment-section .buttons .button.active.comment:before,
.comment-section .buttons .button.active.comment:after {
  width: 12px;
  height: 3px;
  background: black;
  position: absolute;
  right: 15px;
  top: 14px;
  opacity: 1;
  visibility: visible;
}
.comment-section .buttons .button.active.comment:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.comment-section .buttons .button.active.comment:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.comment-section .buttons .share-buttons {
  float: left;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  width: 0;
}
.comment-section .buttons .share-buttons.active {
  width: 90px;
}
.comment-section .buttons .share-buttons .inner {
  width: 90px;
  overflow: hidden;
}
.comment-section .buttons .share-buttons .inner .button {
  background: #97fb00;
  border-color: #97fb00;
  padding: 0 5px;
}
.comment-section .buttons .share-buttons .inner .button span.fb {
  background-image: url('../img/sprite.png');
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top: 5px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .comment-section .buttons .share-buttons .inner .button span.fb {
    background-image: url("../img/sprite@2x.png");
    -webkit-background-size: 105px 104px;
    background-size: 105px 104px;
  }
}
.comment-section .buttons .share-buttons .inner .button span.twitter {
  background-image: url('../img/sprite.png');
  display: inline-block;
  width: 20px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 -23px;
  margin-top: 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .comment-section .buttons .share-buttons .inner .button span.twitter {
    background-image: url("../img/sprite@2x.png");
    -webkit-background-size: 105px 104px;
    background-size: 105px 104px;
  }
}
.comment-section .comments-wrapper {
  clear: both;
  display: none;
  padding-top: 15px;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper {
    padding: 10px 20px 0 20px;
  }
}
.comment-section .comments-wrapper .comment-form {
  margin-bottom: 15px;
}
.comment-section .comments-wrapper .comment-form .form-row {
  overflow: hidden;
  position: relative;
}
.comment-section .comments-wrapper .comment-form .form-row .form-group {
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.comment-section .comments-wrapper .comment-form .form-row .form-group.name,
.comment-section .comments-wrapper .comment-form .form-row .form-group.email {
  width: 50%;
  max-width: 200px;
  padding-left: 5px;
  margin-bottom: 15px;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group.name,
  .comment-section .comments-wrapper .comment-form .form-row .form-group.email {
    margin-bottom: 5px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group.textarea {
  width: 100%;
  padding-right: 95px;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group.textarea {
    padding-right: 75px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group:first-child {
  padding-left: 0;
}
.comment-section .comments-wrapper .comment-form .form-row .form-group input {
  width: 100%;
  outline: none;
  border: 5px solid white;
  background: white;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding: 0 15px;
  font: normal 17px/20px 'CodeProBlack', sans-serif;
  color: black;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group input {
    font-size: 14px;
    line-height: 18px;
    height: 35px;
    padding: 0 10px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group input::-webkit-input-placeholder {
  font: normal 17px/20px 'CodeProBlack', sans-serif;
  color: black;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group input::-webkit-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group input:-moz-placeholder {
  font: normal 17px/20px 'CodeProBlack', sans-serif;
  color: black;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group input:-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group input::-moz-placeholder {
  font: normal 17px/20px 'CodeProBlack', sans-serif;
  color: black;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group input::-moz-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group input:-ms-input-placeholder {
  font: normal 17px/20px 'CodeProBlack', sans-serif;
  color: black;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group input:-ms-input-placeholder {
    font-size: 14px;
    line-height: 18px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group textarea {
  width: 100%;
  outline: none;
  border: 5px solid white;
  background: white;
  border-radius: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  padding: 6px 15px;
  font: normal 14px/1.3em 'LatoLight', sans-serif;
  color: black;
  resize: none;
  -webkit-transition: .3s;
  transition: .3s;
  overflow: hidden;
  float: left;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row .form-group textarea {
    height: 35px;
    padding: 3px 10px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row .form-group textarea::-webkit-input-placeholder {
  font: normal 14px/1.3em 'LatoLight', sans-serif;
  color: black;
}
.comment-section .comments-wrapper .comment-form .form-row .form-group textarea:-moz-placeholder {
  font: normal 14px/1.3em 'LatoLight', sans-serif;
  color: black;
}
.comment-section .comments-wrapper .comment-form .form-row .form-group textarea::-moz-placeholder {
  font: normal 14px/1.3em 'LatoLight', sans-serif;
  color: black;
}
.comment-section .comments-wrapper .comment-form .form-row .form-group textarea:-ms-input-placeholder {
  font: normal 14px/1.3em 'LatoLight', sans-serif;
  color: black;
}
.comment-section .comments-wrapper .comment-form .form-row .form-group.hasError input,
.comment-section .comments-wrapper .comment-form .form-row .form-group.hasError textarea {
  border-color: black;
}
.comment-section .comments-wrapper .comment-form .form-row button {
  position: absolute;
  height: 40px;
  padding: 0;
  border: 5px solid black;
  background: black;
  outline: none;
  font: bold 14px/35px 'CodeProBlack', sans-serif;
  color: #97fb00;
  right: 0;
  top: 0;
  cursor: pointer;
  z-index: 2;
  -webkit-transition: .3s;
  transition: .3s;
  width: 90px;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comment-form .form-row button {
    height: 35px;
    line-height: 30px;
    width: 70px;
  }
}
.comment-section .comments-wrapper .comment-form .form-row button.doingAjax {
  background: #272727;
  border-color: #272727;
}
.comment-section .comments-wrapper .comment-form .form-message {
  font: normal 14px/1.3em 'Lato', sans-serif;
  color: white;
  padding: 5px 0;
  display: none;
}
.comment-section .comments-wrapper .comments .comment {
  padding: 15px 0;
  border-top: 1px solid black;
}
.comment-section .comments-wrapper .comments .comment:last-child {
  border-bottom: 1px solid black;
}
.comment-section .comments-wrapper .comments .comment .info h1 {
  display: inline-block;
  font: bold 18px/1.2 'CodeProBlack', sans-serif;
  color: black;
  margin-right: 8px;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comments .comment .info h1 {
    font-size: 15px;
  }
}
.comment-section .comments-wrapper .comments .comment .info span {
  font: bold 11px/1.2 'Lato', sans-serif;
  color: black;
}
.comment-section .comments-wrapper .comments .comment .info span.approval {
  font-weight: normal;
}
.comment-section .comments-wrapper .comments .comment .data {
  font: normal 14px/1.3em 'LatoLight', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .comment-section .comments-wrapper .comments .comment .data {
    font-size: 12px;
  }
}
.comment-section .comments-wrapper .comments .comment.pending .info,
.comment-section .comments-wrapper .comments .comment.pending .data {
  opacity: .7;
}
.games {
  margin-bottom: 40px;
}
.games a.game {
  display: block;
  text-decoration: none;
  margin: 25px 0;
  position: relative;
}
@media (max-width: 768px) {
  .games a.game {
    margin: 25px 20px;
  }
}
.games a.game:last-child {
  margin-bottom: 0;
}
.games a.game .background {
  overflow: hidden;
}
@media (max-width: 768px) {
  .games a.game .background {
    height: 200px;
    overflow: hidden;
  }
}
.games a.game .background img {
  float: left;
  width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .games a.game .background img {
    height: 100%;
    width: auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
  }
}
.games a.game .hover {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: rgba(151, 251, 0, 0.8);
  z-index: 1;
  opacity: 0;
  -webkit-transition: .3s;
  transition: .3s;
}
.games a.game h1 {
  position: absolute;
  width: 100%;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 2;
  font: bold 110px/1 'CodeProBlack', sans-serif;
  color: black;
}
@media (max-width: 768px) {
  .games a.game h1 {
    font-size: 30px;
  }
}
.games a.game:hover .hover {
  opacity: 1;
}
.game-banner {
  overflow: hidden;
}
.game-banner .banner-img {
  text-align: center;
  padding: 0 0 40px;
}
@media (max-width: 768px) {
  .game-banner .banner-img {
    padding: 30px 20px;
  }
}
.game-banner .banner-img img {
  max-width: 100%;
  height: auto;
}
.game-banner .short-reviews {
  max-width: 636px;
  width: 100%;
  margin: 0 auto;
  position: relative;
  min-height: 150px;
  margin-bottom: 40px;
  overflow: hidden;
  background: rgba(0,0,0,0.2);
}
@media (max-width: 768px) {
  .game-banner .short-reviews {
    min-height: 220px;
  }
}
.game-banner .short-reviews .arrow {
  background-image: url('../img/sprite.png');
  position: absolute;
  width: 23px;
  height: 38px;
  text-indent: -9999px;
  overflow: hidden;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 99;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .game-banner .short-reviews .arrow {
    background-image: url("../img/sprite@2x.png");
    -webkit-background-size: 105px 104px;
    background-size: 105px 104px;
  }
}
.game-banner .short-reviews .arrow.left {
  left: 10px;
  background-position: -32px 0px;
}
.game-banner .short-reviews .arrow.right {
  right: 10px;
  background-position: -32px -66px;
}
.game-banner .short-reviews .review {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
}
.game-banner .short-reviews .review .inner-wrapper {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  max-width: 348px;
  width: 100%;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .game-banner .short-reviews .review .inner-wrapper {
    padding: 0 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.game-banner .short-reviews .review .inner-wrapper .content p {
  font: normal 14px/19px 'Lato', sans-serif;
  color: white;
  margin: 0 0 15px 0;
}
.game-banner .short-reviews .review .inner-wrapper h1 {
  font: normal 18px/1.2 'CodeProBlack', sans-serif;
  text-transform: uppercase;
  color: white;
  margin: 0;
}
.game-banner .short-reviews .review .inner-wrapper a {
  color: inherit;
  text-decoration: none;
}
.game-banner .short-reviews .review:nth-child(3) {
  opacity: 1;
  visibility: visible;
}
.game-banner .short-reviews .review.transition {
  -webkit-transition: .5s;
  transition: .5s;
}
.game-nav {
  text-align: center;
  margin-top: -25px;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .game-nav {
    margin-bottom: 30px;
  }
}
.game-nav .inner {
  display: inline-block;
}
.game-nav .inner a {
  color: white;
  background: #0080fb;
  display: inline-block;
  height: 50px;
  width: 170px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  font: normal 20px/57px 'CodeProBlack', sans-serif;
  text-decoration: none;
  text-transform: uppercase;
  float: left;
  margin-right: 5px;
  -webkit-transition: .3s;
  transition: .3s;
}
.game-nav .inner a:last-child {
  margin-right: 0;
}
@media (max-width: 768px) {
  .game-nav .inner a {
    height: 40px;
    font-size: 16px;
    line-height: 46px;
    width: 100px;
  }
}
.game-nav .inner a:hover,
.game-nav .inner a.active {
  color: #0080fb;
  background: white;
}
.game-details {
  font: normal 17px/22px 'Lato', sans-serif;
  color: white;
}
.game-updates {
  display: none;
}
.game-updates .accordion {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .game-updates .accordion {
    margin-bottom: 35px;
  }
}
.game-updates .accordion .update-meta {
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 15px 14px 50px;
  cursor: pointer;
  position: relative;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-meta {
    padding-left: 30px;
  }
}
.game-updates .accordion .update-meta:before {
  content: ' ';
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('../img/sprite.png');
  background-repeat: no-repeat;
  background-position: -54px -50px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .game-updates .accordion .update-meta:before {
    background-image: url("../img/sprite@2x.png");
    -webkit-background-size: 105px 104px;
    background-size: 105px 104px;
  }
}
@media (max-width: 768px) {
  .game-updates .accordion .update-meta:before {
    -webkit-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    left: -10px;
  }
}
.game-updates .accordion .update-meta.active:before {
  background-position: -54px 0;
}
.game-updates .accordion .update-meta h1 {
  display: inline-block;
  font: normal 20px/1.2 'CodeProBlack', sans-serif;
  margin: 0;
  margin-bottom: -4px;
  color: black;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-meta h1 {
    font-size: 15px;
  }
}
.game-updates .accordion .update-meta span {
  font: normal 20px/1.2 'CodePro3', sans-serif;
  color: black;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-meta span {
    font-size: 12px;
  }
}
.game-updates .accordion .update-details {
  display: none;
  font: normal 14px/1.45 'Lato', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-details {
    padding: 0 20px;
  }
}
.game-updates .accordion .update-details a {
  color: white;
}
.game-updates .accordion .update-details > *:first-child {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-details > *:first-child {
    margin-top: 20px;
  }
}
.game-updates .accordion .update-details > *:last-child {
  margin-bottom: 0;
}
.game-updates .accordion .update-details p {
  font: normal 14px/20px 'Lato', sans-serif;
  color: white;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-details p {
    margin: 5px 0;
  }
}
.game-updates .accordion .update-details h2 {
  color: #ff0045;
  font: normal 20px/1.45 'LatoBlack', sans-serif;
  margin: 20px 0 10px 0;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-details h2 {
    margin: 15px 0 5px 0;
    font-size: 17px;
  }
}
.game-updates .accordion .update-details ul {
  list-style-position: inside;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .game-updates .accordion .update-details ul {
    margin: 5px 0;
  }
}
.game-updates .accordion .update-details ul li {
  font: normal 14px/20px 'Lato', sans-serif;
}
.game-updates .accordion .no-updates h1 {
  color: white;
  font: normal 20px/1.45 'CodePro4', sans-serif;
  text-align: center;
}
.game-updates .fl-buttons {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .game-updates .fl-buttons {
    margin-bottom: 30px;
  }
}

/* Game FAQS */

.game-faqs {
  display: none;
}
.game-faqs .accordion {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .game-faqs .accordion {
    margin-bottom: 35px;
  }
}
.game-faqs .accordion .faq-meta {
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 15px 14px 50px;
  cursor: pointer;
  position: relative;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-meta {
    padding-left: 30px;
  }
}
.game-faqs .accordion .faq-meta:before {
  content: ' ';
  position: absolute;
  width: 50px;
  height: 100%;
  top: 0;
  left: 0;
  background-image: url('../img/sprite.png');
  background-repeat: no-repeat;
  background-position: -54px -50px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .game-faqs .accordion .faq-meta:before {
    background-image: url("../img/sprite@2x.png");
    -webkit-background-size: 105px 104px;
    background-size: 105px 104px;
  }
}
@media (max-width: 768px) {
  .game-faq .accordion .faq-meta:before {
    -webkit-transform: scale(0.6, 0.6);
    -ms-transform: scale(0.6, 0.6);
    transform: scale(0.6, 0.6);
    left: -10px;
  }
}
.game-faqs .accordion .faq-meta.active:before {
  background-position: -54px 0;
}
.game-faqs .accordion .faq-meta h1 {
  display: inline-block;
  font: normal 20px/1.2 'CodeProBlack', sans-serif;
  margin: 0;
  margin-bottom: -4px;
  color: black;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-meta h1 {
    font-size: 15px;
  }
}
.game-faqs .accordion .faq-meta span {
  font: normal 20px/1.2 'CodePro3', sans-serif;
  color: black;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-meta span {
    font-size: 12px;
  }
}
.game-faqs .accordion .faq-details {
  display: none;
  font: normal 14px/1.45 'Lato', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-details {
    padding: 0 20px;
  }
}
.game-faqs .accordion .faq-details a {
  color: white;
}
.game-faqs .accordion .faq-details > *:first-child {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-details > *:first-child {
    margin-top: 20px;
  }
}
.game-faqs .accordion .faq-details > *:last-child {
  margin-bottom: 0;
}
.game-faqs .accordion .faq-details p {
  font: normal 14px/20px 'Lato', sans-serif;
  color: white;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-details p {
    margin: 5px 0;
  }
}
.game-faqs .accordion .faq-details h2 {
  color: #ff0045;
  font: normal 20px/1.45 'LatoBlack', sans-serif;
  margin: 20px 0 10px 0;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-details h2 {
    margin: 15px 0 5px 0;
    font-size: 17px;
  }
}
.game-faqs .accordion .faq-details ul {
  list-style-position: inside;
  margin: 10px 0;
}
@media (max-width: 768px) {
  .game-faqs .accordion .faq-details ul {
    margin: 5px 0;
  }
}
.game-faqs .accordion .faq-details ul li {
  font: normal 14px/20px 'Lato', sans-serif;
}
.game-faqs .accordion .no-faq h1 {
  color: white;
  font: normal 20px/1.45 'CodePro4', sans-serif;
  text-align: center;
}
.game-faqs .fl-buttons {
  margin-bottom: 75px;
}
@media (max-width: 768px) {
  .game-faqs .fl-buttons {
    margin-bottom: 30px;
  }
}

.game-reviews {
  display: none;
}
.game-reviews .reviews {
  margin-bottom: 25px;
}
.game-reviews .reviews .no-reviews h1 {
    color: white;
    font: normal 20px/1.45 'CodePro4', sans-serif;
    text-align: center;
    margin-bottom: 25px;
}
.game-reviews .reviews .review {
  overflow: hidden;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review {
    margin-top: 20px;
  }
}
.game-reviews .reviews .review .review-meta {
  background: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 16px 25px 14px 25px;
  position: relative;
  margin-top: 4px;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-meta {
    padding: 12px 20px 11px 20px;
  }
}
.game-reviews .reviews .review .review-meta h1 {
  display: inline-block;
  font: normal 20px/1.2 'CodeProBlack', sans-serif;
  margin: 0;
  margin-bottom: -4px;
  color: black;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-meta h1 {
    font-size: 17px;
  }
}
.game-reviews .reviews .review .review-meta span {
  font: normal 20px/1.2 'CodeProLight2', sans-serif;
  color: black;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-meta span {
    font-size: 14px;
  }
}
.game-reviews .reviews .review .review-details {
  font: normal 14px/1.45 'Lato', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-details {
    padding: 0 20px;
  }
}
.game-reviews .reviews .review .review-details a {
  text-decoration: none;
}
.game-reviews .reviews .review .review-details > *:first-child {
  margin-top: 30px;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-details > *:first-child {
    margin-top: 20px;
  }
}
.game-reviews .reviews .review .review-details > *:last-child {
  margin-bottom: 0;
}
.game-reviews .reviews .review .review-details img {
  margin: 25px 0;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-details img {
    margin: 20px 0;
  }
}
.game-reviews .reviews .review .review-details p {
  font: normal 14px/20px 'Lato', sans-serif;
  color: white;
  margin: 20px 0;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-details p {
    margin: 15px 0;
    font-size: 13px;
    line-height: 18px;
  }
}
.game-reviews .reviews .review .review-details h2 {
  color: #ff0045;
  font: normal 20px/1.45 'LatoBlack', sans-serif;
  margin: 20px 0 10px 0;
}
.game-reviews .reviews .review .review-details h1 {
  color: #ff0045;
  font: bold 40px/1.45 'CodeProBlack', sans-serif;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-details h1 {
    margin: 15px 0;
    font-size: 22px;
    line-height: 1.3;
  }
}
.game-reviews .reviews .review .review-details ul {
  list-style-position: inside;
  margin: 10px 0;
}
.game-reviews .reviews .review .review-details ul li {
  font: normal 14px/20px 'Lato', sans-serif;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-details ul li {
    font-size: 13px;
    line-height: 18px;
  }
}
.game-reviews .reviews .review .review-details img {
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .review-details img {
    margin: 0;
  }
}
.game-reviews .reviews .review .no-reviews h1 {
  color: white;
  font: normal 20px/1.45 'CodePro4', sans-serif;
  text-align: center;
}
.game-reviews .reviews .review .buttons {
  float: right;
  margin: 30px 0;
}
@media (max-width: 768px) {
  .game-reviews .reviews .review .buttons {
    margin: 20px 20px 0 0;
  }
}
.game-reviews .reviews .review .buttons .button {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid black;
  height: 40px;
  padding: 0 20px;
  font: bold 14px/35px 'CodeProBlack', sans-serif;
  color: #0080fb;
  text-decoration: none;
  display: inline-block;
  background: black;
  float: left;
  margin-left: 5px;
  -webkit-transition: .3s;
  transition: .3s;
}
.game-reviews .reviews .review .buttons .button.comment:before,
.game-reviews .reviews .review .buttons .button.comment:after {
  content: " ";
  right: 0px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: .3s;
  transition: .3s;
}
.game-reviews .reviews .review .buttons .button.active {
  background: transparent;
  color: black;
}
.game-reviews .reviews .review .buttons .button.active.comment {
  padding-right: 40px;
}
.game-reviews .reviews .review .buttons .button.active.comment:before,
.game-reviews .reviews .review .buttons .button.active.comment:after {
  width: 12px;
  height: 3px;
  background: black;
  position: absolute;
  right: 15px;
  top: 14px;
  opacity: 1;
  visibility: visible;
}
.game-reviews .reviews .review .buttons .button.active.comment:before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.game-reviews .reviews .review .buttons .button.active.comment:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.game-reviews .reviews .review .buttons .share-buttons {
  float: left;
  overflow: hidden;
  -webkit-transition: .3s;
  transition: .3s;
  width: 0;
}
.game-reviews .reviews .review .buttons .share-buttons.active {
  width: 90px;
}
.game-reviews .reviews .review .buttons .share-buttons .inner {
  width: 90px;
  overflow: hidden;
}
.game-reviews .reviews .review .buttons .share-buttons .inner .button {
  background: #0080fb;
  border-color: #0080fb;
  padding: 0 5px;
}
.game-reviews .reviews .review .buttons .share-buttons .inner .button span.fb {
  background-image: url('../img/sprite.png');
  display: inline-block;
  width: 20px;
  height: 20px;
  background-repeat: no-repeat;
  background-position: 0 0;
  margin-top: 5px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .game-reviews .reviews .review .buttons .share-buttons .inner .button span.fb {
    background-image: url("../img/sprite@2x.png");
    -webkit-background-size: 105px 104px;
    background-size: 105px 104px;
  }
}
.game-reviews .reviews .review .buttons .share-buttons .inner .button span.twitter {
  background-image: url('../img/sprite.png');
  display: inline-block;
  width: 20px;
  height: 17px;
  background-repeat: no-repeat;
  background-position: 0 -23px;
  margin-top: 7px;
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (min-resolution: 1.5dppx) {
  .game-reviews .reviews .review .buttons .share-buttons .inner .button span.twitter {
    background-image: url("../img/sprite@2x.png");
    -webkit-background-size: 105px 104px;
    background-size: 105px 104px;
  }
}
.game-reviews .review-load-more {
  color: #0080fb;
}
.game-reviews .review-filter {
  margin-bottom: 30px;
}
@media (max-width: 768px) {
  .game-reviews .review-filter {
    padding: 0 20px;
    margin-bottom: 20px;
  }
}
.game-reviews .review-filter .button-wrapper .button {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid black;
  height: 40px;
  padding: 0 40px 0 25px;
  font: bold 14px/35px 'CodeProBlack', sans-serif;
  color: white;
  text-decoration: none;
  display: inline-block;
  background: black;
  -webkit-transition: .3s;
  transition: .3s;
}
.game-reviews .review-filter .button-wrapper .button:after {
  content: " ";
  display: block;
  position: absolute;
  right: 20px;
  top: 14px;
  border-width: 5px;
  border-style: solid;
  border-color: white transparent transparent transparent;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (min-width: 769px) {
  .game-reviews .review-filter .button-wrapper .button:hover {
    background: transparent;
    border-color: white;
    color: white;
  }
  .game-reviews .review-filter .button-wrapper .button:hover:after {
    top: 8px;
    border-color: transparent transparent white transparent;
  }
}
.game-reviews .review-filter .button-wrapper .button.active {
  background: transparent;
  border-color: white;
  color: white;
}
.game-reviews .review-filter .button-wrapper .button.active:after {
  top: 8px;
  border-color: transparent transparent white transparent;
}
.game-reviews .review-filter .magazines {
  overflow: hidden;
  display: none;
  padding-top: 20px;
}
.game-reviews .review-filter .magazines a {
  background: #0080fb;
  color: white;
  text-transform: uppercase;
  height: 30px;
  padding: 0 20px;
  display: inline-block;
  font: normal 14px/33px 'CodePro4', sans-serif;
  text-decoration: none;
  margin: 0 5px 5px 0;
  float: left;
}
@media (max-width: 768px) {
  .game-reviews .review-filter .magazines a {
    font-size: 12px;
    line-height: 28px;
    height: 25px;
    padding: 0 10px;
  }
}
h1.fl-heading {
  font: bold 45px/1.2em 'CodeProBlack', sans-serif;
  color: #ff0045;
  background: black;
  padding: 15px 15px 6px 15px;
  text-align: center;
}
@media (max-width: 768px) {
  h1.fl-heading {
    font-size: 25px;
  }
}
.fl-text {
    text-align: left;
    padding:0;
    background: rgba(0,0,0,0.7);
}
.fl-text ul {
    color: #fff;
    padding: 0 68px;
    margin:20px 0;
    font: normal 17px/22px 'Lato', sans-serif;
}
.fl-text ul li {
    color: #fff;
}
.fl-text ul li a {
  font: inherit;
  color: inherit;
  text-decoration: none;
  -webkit-transition: .2s;
  transition: .2s;
}
.fl-text ul li a:hover {
    color:#97fb00;
}
@media (max-width: 768px) {
  .fl-text {
    padding: 0;
  }
  .fl-text ul {
    color: #fff;
    padding: 0 28px;
    margin:10px 0;
  }
}
.fl-text p {
    font: normal 17px/22px 'Lato', sans-serif;
    /*  color: white;*/
    max-width: 100%;
    margin: 0;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
@media (max-width: 768px) {
  .fl-text p {
    margin: 0 auto;
    font-size: 15px;
    line-height: 20px;
    padding: 20px 10px;
  }
}
.fl-text p a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
.fl-text p:first-child {
  padding-top: 40px;
}
@media (max-width: 768px) {
  .fl-text p:first-child {
    padding-top: 20px;
  }
}
.fl-text p:last-child {
  padding-bottom: 40px;
}
@media (max-width: 768px) {
  .fl-text p:last-child {
    padding-bottom: 20px;
  }
}
.fl-text img {
  max-width: 100%;
  height: auto;
}
.fl-buttons {
  text-align: center;
  margin: 40px 0;
}
.fl-buttons:before,
.fl-buttons:after {
  content: " ";
  display: table;
}
.fl-buttons:after {
  clear: both;
}
@media (max-width: 768px) {
  .fl-buttons {
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 30px 0;
  }
}
.fl-buttons .fl-button {
  display: inline-block;
  margin-right: 5px;
}
@media (max-width: 768px) {
  .fl-buttons .fl-button {
    width: 100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.fl-buttons .fl-button:last-child {
  margin-right: 0;
}
.fl-buttons .fl-button a {
  display: inline-block;
  font: normal 30px/77px 'CodeProBlack', sans-serif;
  color: white;
  background: #ff0045;
  text-decoration: none;
  padding: 0 30px;
  height: 70px;
  text-align: center;
  min-width: 340px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: .2s;
  transition: .2s;
}
@media (max-width: 768px) {
  .fl-buttons .fl-button a {
    font-size: 15px;
    line-height: 56px;
    height: 50px;
    width: 100%;
    margin-bottom: 5px;
    min-width: auto;
  }
}
.fl-buttons .fl-button a:hover {
  background: white;
  color: #ff0045;
}
@-webkit-keyframes buttonAnimate {
  0% {
    background: #ff0045;
  }
  20% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #ffcc00;
  }
  40% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #8600fb;
  }
  60% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #0082fb;
  }
  80% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #99ff00;
  }
  100% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #ff0045;
  }
}
@keyframes buttonAnimate {
  0% {
    background: #ff0045;
  }
  20% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #ffcc00;
  }
  40% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #8600fb;
  }
  60% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #0082fb;
  }
  80% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #99ff00;
  }
  100% {
    -webkit-animation-timing-function: steps(1, end);
    animation-timing-function: steps(1, end);
    background: #ff0045;
  }
}
.fl-buttons .fl-button.animated a:hover {
  background: inherit;
  -webkit-animation: buttonAnimate 1s infinite steps(5);
  animation: buttonAnimate 1s infinite steps(5);
}
.fl-buttons .fl-button.small a {
  height: 50px;
  font-size: 22px;
  line-height: 57px;
  min-width: 0;
  padding: 0 20px;
}
.fl-buttons .fl-button.half {
  width: 50%;
  margin: 0;
  float: left;
  padding-right: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -35px;
}
@media (max-width: 768px) {
  .fl-buttons .fl-button.half {
    width: 100%;
    margin-top: 0;
    padding-right: 0;
  }
  .fl-buttons .fl-button.half:first-child {
    margin-top: -25px;
  }
}
.fl-buttons .fl-button.half:last-child {
  padding-right: 0;
}
.fl-buttons .fl-button.half a {
  height: 50px;
  font-size: 25px;
  line-height: 57px;
  min-width: 0;
  padding: 0 20px;
  width: 100%;
}
@media (max-width: 768px) {
  .fl-buttons .fl-button.half a {
    overflow: hidden;
    height: 40px;
    font-size: 14px;
    line-height: 46px;
  }
}
.fl-video {
  margin: 40px 0;
}
@media (max-width: 768px) {
  .fl-video {
    margin: 30px 0;
  }
}
.fl-image {
  margin: 40px 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .fl-image {
    margin: 30px 0;
  }
}
.fl-image img {
  width: 100%;
  height: auto;
  float: left;
}
.fl-images-row {
  overflow: hidden;
  margin: 0 0 40px 0;
}
@media (max-width: 768px) {
  .fl-images-row {
    margin-bottom: 30px;
  }
}
.fl-images-row .fl-image {
  float: left;
  width: 25%;
  margin: 0;
}
@media (max-width: 768px) {
  .fl-images-row .fl-image {
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
  }
}
.fl-short-reviews {
  margin-bottom: 60px;
  
}
@media (max-width: 768px) {
  .fl-short-reviews {
    margin-bottom: 30px;
  }
}
.fl-short-reviews .fl-short-review {
  max-width: 620px;
  margin: 30px auto;
}
@media (max-width: 768px) {
  .fl-short-reviews .fl-short-review {
    margin: 20px 0;
  }
}
.fl-short-reviews .fl-short-review .content {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .fl-short-reviews .fl-short-review .content {
    margin-bottom: 15px;
  }
}
.fl-short-reviews .fl-short-review .content p {
  font: normal 17px/22px 'LatoLight', sans-serif;
  color: white;
  text-align: center;
}
@media (max-width: 768px) {
  .fl-short-reviews .fl-short-review .content p {
    padding: 0 20px;
    font-size: 15px;
    line-height: 20px;
  }
}
.fl-short-reviews .fl-short-review .content p a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
.fl-short-reviews .fl-short-review .title {
  text-align: center;
  font: normal 17px/1 'CodeProBlack', sans-serif;
  color: #0080fb;
}
@media (max-width: 768px) {
  .fl-short-reviews .fl-short-review .title {
    padding: 0 20px;
  }
}
.fl-cards {
  text-align: center;
  margin: 40px 0;
}
@media (max-width: 768px) {
  .fl-cards {
    margin: 30px 0;
  }
}
.fl-cards .fl-card {
  background: black;
  width: 100%;
  max-width: 435px;
  display: inline-block;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 25px 25px 40px 25px;
  margin: 0 28px;
}
@media (max-width: 768px) {
  .fl-cards .fl-card {
    margin: 0 20px 20px 20px;
    width: auto;
    display: block;
    padding: 15px 15px 25px 15px;
  }
  .fl-cards .fl-card:last-child {
    margin-bottom: 0;
  }
}
.fl-cards .fl-card .content img {
  margin: 25px 0;
  max-width: 100%;
  height: auto;
}
@media (max-width: 768px) {
  .fl-cards .fl-card .content img {
    margin: 15px 0;
  }
}
.fl-cards .fl-card .content p {
  font: normal 14px/19px 'Lato', sans-serif;
  color: white;
}
.fl-cards .fl-card .content p a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
.fl-cards .fl-card .content *:first-child {
  margin-top: 25px;
}
@media (max-width: 768px) {
  .fl-cards .fl-card .content *:first-child {
    margin-top: 15px;
  }
}
.fl-cards .fl-card .content *:last-child {
  margin-bottom: 25px;
}
@media (max-width: 768px) {
  .fl-cards .fl-card .content *:last-child {
    margin-bottom: 15px;
  }
}
.fl-cards .fl-card .button {
  background: #ff0045;
  display: inline-block;
  height: 50px;
  max-width: 233px;
  width: 100%;
  font: normal 20px/57px 'CodePro4', sans-serif;
  color: white;
  text-align: center;
  text-decoration: none;
  -webkit-transition: .3s;
  transition: .3s;
}
.fl-cards .fl-card .button:hover {
  color: #ff0045;
  background: white;
}
.fl-cards .iframe-wrapper {
  margin-top: 40px;
  display: none;
}
@media (max-width: 768px) {
  .fl-cards .iframe-wrapper {
    margin-top: 30px;
    overflow-x: auto;
  }
}
.fl-cards .iframe-wrapper iframe {
  width: 550px;
  height: 264px;
  margin: 0 auto;
}
.fl-faqs {
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .fl-faqs {
    margin-bottom: 30px;
    padding: 0 20px;
  }
}
.fl-faqs .fl-faq {
  max-width: 700px;
  margin: 20px auto;
}
@media (max-width: 768px) {
  .fl-faqs .fl-faq {
    margin: 15px auto;
  }
}
.fl-faqs .fl-faq:first-child {
  margin-top: 40px;
}
@media (max-width: 768px) {
  .fl-faqs .fl-faq:first-child {
    margin-top: 30px;
  }
}
.fl-faqs .fl-faq:last-child {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .fl-faqs .fl-faq:last-child {
    margin-bottom: 30px;
  }
}
.fl-faqs .fl-faq .content {
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .fl-faqs .fl-faq .content {
    margin-bottom: 15px;
  }
}
.fl-faqs .fl-faq .content p {
  font: normal 25px/30px 'CodePro4', sans-serif;
  color: white;
  text-align: center;
  margin-bottom: 20px;
}
@media (max-width: 768px) {
  .fl-faqs .fl-faq .content p {
    font-size: 14px;
    line-height: 23px;
    margin-bottom: 15px;
  }
}
.fl-faqs .fl-faq .content p a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
.fl-faqs .fl-faq .title {
  text-align: center;
  font: normal 25px/1.3 'CodeProBlack', sans-serif;
  color: #0080fb;
}
@media (max-width: 768px) {
  .fl-faqs .fl-faq .title {
    font-size: 18px;
  }
}
.fl-members-grid {
  margin: 0;
  overflow: hidden;
}
@media (max-width: 768px) {
  .fl-members-grid {
    margin: 0;
  }
}
.fl-members-grid .fl-heading {
  margin: 0;
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.fl-members-grid .fl-member {
  float: left;
  width: 33.33%;
  position: relative;
}
@media (max-width: 768px) {
  .fl-members-grid .fl-member {
    width: 100%;
  }
}
.fl-members-grid .fl-member .background {
  overflow: hidden;
}
.fl-members-grid .fl-member .background img {
  width: 100%;
  height: auto;
  float: left;
}
.fl-members-grid .fl-member .hover {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  padding: 15px;
  -webkit-transition: .5s;
  transition: .5s;
  opacity: 0;
}
.fl-members-grid .fl-member .hover .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  padding: 15px;
  background: rgba(0, 0, 0, 0.5);
}
.fl-members-grid .fl-member .hover .inner .center {
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  color: white;
}
.fl-members-grid .fl-member .hover .inner .center h2 {
  font: bold 40px/1.1 'Lato', sans-serif;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .fl-members-grid .fl-member .hover .inner .center h2 {
    font-size: 30px;
  }
}
.fl-members-grid .fl-member .hover .inner .center span {
  font: normal 40px/1.1 'LatoLight', sans-serif;
  text-transform: uppercase;
}
@media (max-width: 768px) {
  .fl-members-grid .fl-member .hover .inner .center span {
    font-size: 30px;
  }
}
@media (min-width: 769px) {
  .fl-members-grid .fl-member:hover .hover {
    opacity: 1;
  }
}
@media (max-width: 768px) {
  .fl-members-grid .fl-member.active .hover {
    opacity: 1;
  }
}
.fl-text-cols {
  overflow: hidden;
    background: rgba(0,0,0,0.7);
    padding-bottom:20px;  
}
@media (max-width: 768px) {
  .fl-text-cols {
    padding: 10px 0;
  }
}
.fl-text-cols .col_1 {
  width: 100%;
  float: left;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .fl-text-cols .col_1 {
    width: 100% !important;
    padding: 0 20px 20px 20px;
    
  }
}
.fl-text-cols .col_1 > *:first-child {
  margin-top: 0;
}
.fl-text-cols .col_1 > *:last-child {
  margin-bottom: 0;
}
.fl-text-cols .col_2 {
  width: 100%;
  float: left;
  padding: 0 15px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 768px) {
  .fl-text-cols .col_2 {
    width: 100% !important;
    padding: 0 20px;
  }
}
.fl-text-cols .col_2 > *:first-child {
  margin-top: 0;
}
.fl-text-cols .col_2 > *:last-child {
  margin-bottom: 0;
}
@media (max-width: 768px) {
  .fl-text-cols.col-100 .col_1 {
    margin-bottom: 0;
  }
}
.fl-text-cols.col-100 .col_2 {
  display: none;
}
.fl-text-cols.col-50-50 .col_1,
.fl-text-cols.col-50-50 .col_2 {
  width: 50%;
}
.fl-text-cols.col-40-60 .col_1 {
  width: 40%;
}
.fl-text-cols.col-40-60 .col_2 {
  width: 60%;
}
.fl-text-cols.col-60-40 .col_1 {
  width: 60%;
}
.fl-text-cols.col-60-40 .col_2 {
  width: 40%;
}
.fl-text-cols.col-30-70 .col_1 {
  width: 30%;
}
.fl-text-cols.col-30-70 .col_2 {
  width: 70%;
}
.fl-text-cols.col-70-30 .col_1 {
  width: 70%;
}
.fl-text-cols.col-70-30 .col_2 {
  width: 30%;
}
.fl-text-cols h2 {
  font: normal 20px/1.1 'CodeProBlack', sans-serif;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .fl-text-cols h2 {
    font-size: 17px;
  }
}
.fl-text-cols p {
  font: normal 17px/22px 'Lato', sans-serif;
  padding: 10px 0;
}
@media (max-width: 768px) {
  .fl-text-cols p {
    font-size: 17px;
    line-height: 22px;
  }
}
.fl-text-cols a {
  font: inherit;
  color: inherit;
  text-decoration: none;
}
.fl-text-cols ul {
  list-style-position: inside;
  font: normal 17px/22px 'Lato', sans-serif;
}
@media (max-width: 768px) {
  .fl-text-cols ul {
    font-size: 17px;
    list-style: 22px;
  }
}
.fl-hr {
  height: 5px;
  background: black;
  padding: 40px 0;
}
@media (max-width: 768px) {
  .fl-hr {
    padding: 30px 0;
  }
}
@media (max-width: 768px) {
  .fl-contact-form {
    padding: 0 20px;
  }
}
.fl-contact-form .form-row {
  overflow: hidden;
  padding-bottom: 15px;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row {
    padding-bottom: 10px;
  }
}
.fl-contact-form .form-row .form-group input,
.fl-contact-form .form-row .form-group textarea {
  width: 100%;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  font: normal 17px/22px 'Lato', sans-serif;
  border: 5px solid black;
  border-radius: none;
  padding: 0 20px;
  outline: none;
  color: white;
  -webkit-transition: .3s;
  transition: .3s;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row .form-group input,
  .fl-contact-form .form-row .form-group textarea {
    height: 40px;
    padding: 0 10px;
    font-size: 13px;
  }
}
.fl-contact-form .form-row .form-group input::-webkit-input-placeholder,
.fl-contact-form .form-row .form-group textarea::-webkit-input-placeholder {
  font: normal 17px/22px 'Lato', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row .form-group input::-webkit-input-placeholder,
  .fl-contact-form .form-row .form-group textarea::-webkit-input-placeholder {
    font-size: 17px;
  }
}
.fl-contact-form .form-row .form-group input:-moz-placeholder,
.fl-contact-form .form-row .form-group textarea:-moz-placeholder {
  font: normal 17px/22px 'Lato', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row .form-group input:-moz-placeholder,
  .fl-contact-form .form-row .form-group textarea:-moz-placeholder {
    font-size: 17px;
  }
}
.fl-contact-form .form-row .form-group input::-moz-placeholder,
.fl-contact-form .form-row .form-group textarea::-moz-placeholder {
  font: normal 17px/22px 'Lato', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row .form-group input::-moz-placeholder,
  .fl-contact-form .form-row .form-group textarea::-moz-placeholder {
    font-size: 17px;
  }
}
.fl-contact-form .form-row .form-group input:-ms-input-placeholder,
.fl-contact-form .form-row .form-group textarea:-ms-input-placeholder {
  font: normal 17px/22px 'Lato', sans-serif;
  color: white;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row .form-group input:-ms-input-placeholder,
  .fl-contact-form .form-row .form-group textarea:-ms-input-placeholder {
    font-size: 17px;
  }
}
.fl-contact-form .form-row .form-group textarea {
  padding: 14px 20px;
  min-height: 110px;
  resize: vertical;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row .form-group textarea {
    padding: 12px 8px;
  }
}
.fl-contact-form .form-row .form-group textarea::-webkit-input-placeholder {
  font-style: italic;
}
.fl-contact-form .form-row .form-group textarea:-moz-placeholder {
  font-style: italic;
}
.fl-contact-form .form-row .form-group textarea::-moz-placeholder {
  font-style: italic;
}
.fl-contact-form .form-row .form-group textarea:-ms-input-placeholder {
  font-style: italic;
}
.fl-contact-form .form-row .form-group.hasError input,
.fl-contact-form .form-row .form-group.hasError textarea {
  border-color: #272727;
}
.fl-contact-form .form-row.inline {
  margin-right: -5px;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row.inline {
    margin-right: 0;
  }
}
.fl-contact-form .form-row.inline .form-group {
  float: left;
  width: 100%;
  /*width: 50%;*/
  max-width: 335px;
  padding-right: 5px;
}
@media (max-width: 768px) {
  .fl-contact-form .form-row.inline .form-group {
    width: 100%;
    padding-right: 0;
  }
  .fl-contact-form .form-row.inline .form-group:first-child {
    margin-bottom: 10px;
  }
}
.fl-contact-form .captacha-row {
  margin: 30px 0;
}
@media (max-width: 768px) {
  .fl-contact-form .captacha-row {
    margin: 15px 0;
  }
}
.fl-contact-form .captacha-row h3 {
  color: white;
  font: normal 18px/1 'CodeProBlack', sans-serif;
  text-transform: uppercase;
  margin: 0 0 5px 0;
}
@media (max-width: 768px) {
  .fl-contact-form .captacha-row h3 {
    font-size: 16px;
  }
}
.fl-contact-form .captacha-row .captcha-img {
  margin-bottom: 1px;
}
.fl-contact-form .captacha-row a {
  color: white;
  font: normal 11px/1 'Lato', sans-serif;
}
.fl-contact-form .submit-row {
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .fl-contact-form .submit-row {
    margin-bottom: 30px;
  }
}
.fl-contact-form .submit-row button {
  background: black;
  border: 5px solid black;
  color: white;
  font: bold 14px/35px 'CodeProBlack', sans-serif;
  text-transform: uppercase;
  height: 40px;
  padding: 0 20px;
  outline: none;
  cursor: pointer;
  -webkit-transition: .3s;
  transition: .3s;
}
.fl-contact-form .submit-row button.active {
  border-color: black;
  background: transparent;
  cursor: default;
}
.fl-contact-form .submit-row span.thanks {
  margin: 5px;
  color: white;
  font: normal 15px/1 'CodeProBlack', sans-serif;
  display: inline-block;
  display: none;
}
@media (max-width: 768px) {
  .fl-newsletter {
    padding: 0 20px;
  }
}
.fl-newsletter h1 {
    font: bold 45px/1.2em 'CodeProBlack', sans-serif;
    color: #ff0045;
    background: black;
    padding: 15px 15px 6px 15px;
    text-align: center;
}
@media (max-width: 768px) {
  .fl-newsletter h1 {
    font-size: 25px;
  }
}
.fl-newsletter {
    padding: 0;
    background: rgba(0,0,0,0.7);
    padding-bottom: 1px;
}
.fl-newsletter .newsletter-form {
  margin: 30px auto 40px auto;
  max-width: 500px;
  font: normal 17px/40px 'CodePro4', sans-serif;
  color: white;
  text-align: center;
}
@media (max-width: 768px) {
  .fl-newsletter .newsletter-form {
    margin-top: 15px;
    margin-bottom: 40px;
  }
}
.fl-newsletter .newsletter-form form .form-group {
  position: relative;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding-right: 100px;
}
.fl-newsletter .newsletter-form form .form-group input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 40px;
  width: 100%;
  background: white;
  border: 5px solid white;
  font: normal 14px/1 'LatoLight', sans-serif;
  color: black;
  padding: 0 15px;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: .3s;
  transition: .3s;
}
.fl-newsletter .newsletter-form form .form-group input::-webkit-input-placeholder {
  line-height: 1.3em;
  color: black;
  text-transform: uppercase;
}
.fl-newsletter .newsletter-form form .form-group input:-moz-placeholder {
  line-height: 1.3em;
  color: black;
  text-transform: uppercase;
}
.fl-newsletter .newsletter-form form .form-group input::-moz-placeholder {
  line-height: 1.3em;
  color: black;
  text-transform: uppercase;
}
.fl-newsletter .newsletter-form form .form-group input:-ms-input-placeholder {
  line-height: 1.3em;
  color: black;
  text-transform: uppercase;
}
.fl-newsletter .newsletter-form form .form-group.hasError input {
  border-color: black;
}
.fl-newsletter .newsletter-form form .form-group button {
  position: absolute;
  top: 0;
  right: 0;
  width: 100px;
  height: 40px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 5px solid black;
  background: black;
  outline: none;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  font: bold 14px/1 'CodeProBlack', sans-serif;
  color: #ff0045;
  padding-top: 5px;
  -webkit-transition: .3s;
  transition: .3s;
  cursor: pointer;
}
.fl-newsletter .newsletter-form form .form-group button.active {
  border-color: black;
  background: transparent;
  cursor: default;
}
.fl-text p {
    color:#fff;
    padding: 5px 15px 6px 15px;
}
.fl-text h1, .fl-text h2, .fl-text h3, .fl-text h4, .fl-text h5, .fl-text h6 {
    font-family: 'CodeProBlack', sans-serif;
    font-weight: bold;
    color: #ff0045;
    padding: 20px 15px 10px 15px;
    margin-top: 0;
    margin-bottom:0;
}
.fl-text h1 {
    font-size: 45px;   
}
.fl-text h2 {
    font-size: 32px;   
}
.fl-text h3 {
    font-size: 26px;   
}
.fl-text h4 {
    font-size: 22px;   
}
.fl-text h5 {
    font-size: 18px;   
}
.fl-text h6 {
    font-size: 16px;   
}

.panel-grid {
    padding-bottom: 25px;
}
.panel-grid-cell {
    padding:10px 0;
}
.tab-panel-one, .tab-panel-two {
    display: none;
    opacity: 0;
}
.active {
    display: block;
    opacity: 1;
}
img[src$=".gif"], img[src$=".png"] {
   image-rendering: -moz-pixelated;         /* Firefox */
   image-rendering:   -o-pixelated;         /* Opera */
   image-rendering: -webkit-pixelated;      /* Webkit (non-standard naming) */
   image-rendering: pixelated;
   -ms-interpolation-mode: nearest-neighbor;  /* IE (non-standard property) */
 }