@import url(https://fonts.googleapis.com/css?family=Play:400,700);

body, html {
width: 100%;
  height: 100%;
  background: black;
  font-family: 'Play'!important;
  margin: 0;
  padding: 0;
  font-weight: 400;

  
}
.comments-area{display: none}
input {font-family: 'Play'!important}
h1{font-size: 27px; color: white;font-weight: 300}
h2,h3{font-weight: 500}
p {margin-top:0;font-size:16px;line-height: 22px}
a{color: #00d8ff; text-decoration: none}
button.alm-load-more-btn {background: #cd2733!important}
#mobmenu {margin-bottom: 8px!important}
.site-main  {background: #0a0a0a!important;color: white; margin-top: 0px!important;padding: 0!important;}
.t15wc {margin-left: 0!important; margin-right: 0!important}
.woocommerce-result-count, .orderby,.sku_wrapper {display: none;}
.single-product {max-width: 920px!important;overflow: hidden; margin:20px auto 0 auto!important;margin-right: auto!important}
.single-product .images {float: left;}
.single-product .summary {float: left; max-width: 600px; margin-left:40px}
.quantity {height:28px!important;float: left; margin-top: 10px!important; margin-right: 10px;padding-right: 0!important}
.quantity input {height: 28px; width: 30px; padding-left: 5px}
.products {list-style: none;padding-left: 0!important;overflow: hidden;max-width: 920px!important;margin:20px auto; }
.shop-intro {max-width: 920px; margin: 30px auto 30px auto; padding-right: 00px}
.products li {float: left; margin-right: 10px;max-width: 300px}
.products h3 {color: #C7EAFA; font-size: 24px; margin: 5px 0!important;}
.products li div p{padding-right: 10px!important;height:100px;}
.post-2065  {margin-right: 0px!important}
.price {font-size: 30px; color: #C7EAFA;}
.rm {color: #C7EAFA;}
.add_to_cart_button, .single_add_to_cart_button {background: url('/wp-content/images/addtocart.png')!important;cursor: pointer;color: white!important; width: 187px; height: 52px;padding:0 0 0 10px!important;line-height: 52px!important;text-align: left!important}
.single_add_to_cart_button {width: 187px}
.actions .button {background: url('/wp-content/images/addtocart.png')!important;text-align: left;font-weight:300!important;cursor: pointer;color: white!important; width: 187px; height: 52px;padding:0 0 0 10px!important;line-height: 52px!important}
.wc-tab,.woocommerce-checkout-payment,.payment_method_paypal {background: black!important;}
#tab-reviews {display: none}
.woocommerce{max-width: 1155px; margin: 0 auto}
.shop_table {border-collapse: collapse!important;}
.shop_table .product-remove {width: 20px}
.product-price,.product-quantity,.product-subtotal {text-align: right}
.product-quantity .quantity {float: right;margin-right: 0!important}
.cart-empty {text-align: center; font-size: 24px;padding-top: 50px}
.return-to-shop {text-align: center; padding-bottom: 300px}
.wc-backward {border-radius: 0!important; margin: 30px auto!important; float: none!important;}
  .single-product .summary {width: calc(100% - 320px);margin-left: 20px!important}

.shop_table td.actions {border-bottom: 1px solid #00aced;padding-bottom: 20px!important}
.shop_table th {border: 0px solid #f4674c;font-weight: 300!important}
.shop_table td {border: 0px solid #f4674c;}
.cart-subtotal {border: 0px solid #f4674c;}
.qty {width: 30px; margin-bottom: 10px;background: #58585a; border: 0!important;color: white!important;}
.product-thumbnail img {width: 20px!important;}
.product .images {float: left; margin-right: 50px}
.product .summary {float: left; max-width: 700px}
.single-product .summary h2{display:none}

.product_title {margin-top: 0!important}
.description_tab, .reviews_tab {display: none}
.wc-tabs-wrapper {display: none}
.cart_totals{}
.wc-cart-continue-shopping {float: left;line-height: 36px}
.wc-proceed-to-checkout {float: right;}
tr.order-total td,tr.order-total th{border-top: 1px solid #00aced!important;}
.cart_totals h2 {font-size: 20px;padding-left: 10px}
.cart_totals {max-width: 400px}
.cart_totals td, .cart_totals th,.cart_totals .amount  {color:#C7EAFA!important;}
.woocommerce-billing-fields p,.woocommerce-shipping-fields p{max-width: 100%!important}
.checkout-button {background: #a6d241!important;color: black!important;border-radius: 0!important}
#place_order {background: #a6d241!important;color: black!important;border-radius: 0!important}
.woocommerce-checkout-review-order-table .product-quantity {text-align: left!important}
.order_details .product-quantity {text-align: left!important}
.woocommerce .title {padding: 0!important;text-align: left!important;color: white!important;width: 100%!important}
.woocommerce-thankyou-order-details {margin: 0!important; padding-left: 12px!important; margin-top: 10px!important}
.woocommerce-thankyou-order-received {padding: 0!important; margin: 0!important}
.minicart {float: right; text-align: right;margin-top: 47px;line-height: 50px;padding-right:50px;clear: right;color: white;background: url('/wp-content/images/minicart.png');background-size: 100% 100%;height: 50px;width: 170px}
.minicart a{color: white;}

#bbpress-forums {color: black;padding: 0; font-size: 14px!important; width: 1165px; margin: 0 auto}
#new-post {overflow: hidden}
fieldset.bbp-form {display: inline-block; width: 1120px!important;min-width: 0;}

p.error {width: 100%!important;color: black!important;}

.highlight {color: #f4674c;}

.hello-bar {width: 100%; background: #fffe82;display: none; border-bottom: 3px solid white}
.hello-inner {width: 1155px;margin: 0 auto;color: #CD2733;padding: 5px 0;font-size: 16px; position: relative;}
.hello-inner h1{width: 1155px;margin: 0 auto;color: #CD2733;margin: 0 0 2px 0}
.hello-close {position: absolute; left: 400px; top: 14px;}

.lb-overlay img {height: auto!important;max-height: auto!important;width: auto!important;} 

#media-open {position: absolute; left:0; top: 40px;width: 20px; height: 20px;cursor: pointer;z-index: 99999}
.play{position:absolute;z-index:99999;cursor:pointer;top:37%;left:50%;width:53px;height:56px;margin-left: -29px;background: url('../../images/play2.png');background-size: 100%}
.play-text{text-shadow: 1px 1px #0;position:absolute;z-index:99999;cursor:pointer;top:40%;margin-top:50px;font-weight:500;left:50%;width:200px;height:30px;margin-left: -109px;text-align: center;color: white;}
.popup {
    position:absolute;
    z-index:99999;
    top:70px;
    left:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    opacity:1;
    visibility:hidden;
    transition:.3s ease;
}

.show-popup .popup {
    opacity:1;
    visibility: visible;    
}

.popup > iframe {
	width:100%;
	height:100%;
    position:absolute;
    top:0px;
    left:50%;
    margin-left:-50%;
}

.ks-wrapper {width: 1145px; float: none; margin: 0px auto 0 auto;padding: 0px 0 0 0;overflow: hidden}
.ks-text {width: 780px; float:left;color:#e1e1e1;padding-bottom: 100px}
.ks-text p{width: 100%!important; padding: 0 0 10px 0!important;color: #e1e1e1!important;}
.ks-text .size-full {width: auto!important; margin-top: 10px}
.ks-text h2 {color: #f4674c;;font-size: 20px}

.ks-rewards {width: 277px; float: right;height: 1000px; ;text-align: center}
.ks-reward-box {background: #F7FAFA;; border-radius: 7px; color: black!important; text-align: left; padding: 3px 13px 13px 13px;margin-bottom: 26px; cursor: pointer;}
.ks-reward-box p{width: 100%!important; text-align: left; color: black!important; padding:0!important; font-size: 14px!important }
.ks-reward-box h3 {margin: 10px 0;}
.paywithtweet {margin: 8px 0 0 15px}
.front-sidebar {position: absolute; right: 8px; bottom: 120px;}
.front-sidebar img{margin-bottom: 11px}

.bbp-pagination-links a {color: white!important;}
.bbp-pagination-links .current {color: black;}
.bbp-topic-tags {float: left!important;}
.bbp-topic-tags p{padding-left: 0!important}
.bbp-topic-tags a {color:#cfcfcf!important; }
.bbp-template-notice {display: none}
.bbp-reply-author {width: 110px!important;margin-left: 10px; position: relative;}
.country-flag {position: absolute; top:111px; right: 0px;}
.bbp-reply-author img.avatar {width: 110px!important; max-width: 110px!important; height: auto!important;}
.bbp-reply-author,.bbp-reply-author a {color: black!important;}
.bbp-author-role {background: #f4f4f4;margin-top: 7px}
.bbp-the-content-wrapper {width: 100%;margin: 0!important}
.bbp-body, .bbp-body p {font-size: 14px!important}
#bbpress-forums a{color: black;}
.bbp-topic-title .bbp-topic-permalink {color: black!important;}
#bbpress-forums a:hover {text-decoration: underline;}
.bbp-breadcrumb a{color:#cfcfcf!important; }
.bbp-breadcrumb {margin-top: 0px; float: left;}
.bbp-breadcrumb p{padding-left:0px!important;width: 750px!important}

#subscription-toggle {display: none}
#bbp_search {width: 250px!important; margin:4px 10px 0 0px;float: left;}
#bbp_search_submit {float: right;}
.bbp-search-form {margin-bottom: 5px}
.forum-login {color: #cfcfcf; text-align: right; padding-bottom:0px;}
.forum-login a{color: #26f3f6!important; font-size: 16px}
.forum-user-profile {float: right;color: #cfcfcf; font-size: 16px}
.forum-user-profile a{color: #26f3f6!important; }
.forum-note {color: #ebebeb;float: left; text-align: left; clear: both;}
.forum-note a {  color: #26f3f6!important;}

#bbp-user-wrapper, #bbp-user-wrapper a,#bbp-user-wrapper h2{color: #cfcfcf!important;}
#bbp-user-wrapper .current a{color:black!important;}
#bbp-user-wrapper .type-topic li, #bbp-user-wrapper .type-topic li a{color:black!important;}
.forum-titles {color: black;}
.bbp-user-stats {line-height: 16px;font-size: 12px; margin: 0px 0 0 3px ; text-align: left}



.bbp-votingarrow {float: left;clear: left;padding:0;margin:0; line-height: 14px; font-size: 14px;width: 20px;text-align: center;}
.bbp-votingarrow a:hover {text-decoration: none!important}
.bbp-votingnum {float: left;clear: left;; line-height: 14px; font-size: 14px;text-align: center;width: 20px}

li.bbp-topic-title {width: 60%!important}
li.bbp-topic-freshness {width: 18%!important}
.bbp-topic-votes {float: left; width: 25px}
.bbp-topic-innertitle {float: left; width: calc(100% - 25px)}
.bbp-reply-content {margin-left: 140px!important}
.bbp-reply-content p {color: black!important;max-width: 977px!important;padding-bottom: 10px}
.bbp-body p {margin: 0!important; color: black!important; }
#bbpress-forums legend {color: #cfcfcf;}
.bbp-template-notice p{color: black!important;}
.bbp-submit-wrapper {float: left!important;}
.bbp-form label{color: #cfcfcf;}
.bbp-topic-form p {padding-left: 0!important}
#bbpress-forums p.bbp-topic-meta img.avatar, #bbpress-forums ul.bbp-reply-revision-log img.avatar, #bbpress-forums ul.bbp-topic-revision-log img.avatar, #bbpress-forums div.bbp-template-notice img.avatar, #bbpress-forums .widget_display_topics img.avatar, #bbpress-forums .widget_display_replies img.avatar {margin-bottom: 0px!important}
.bbp-pagination {color: #cfcfcf;max-width: 500px!important;margin-bottom: 6px!important}
.bbp-replies li{background: white!important}
.type-topic li, .type-topic li a{color:black!important;}
.bbp-reply-revision-log {padding-top:2px!important; margin-top: 6px!important;}
.quicktags-toolbar {padding: 0!important; border:0!important;}
.bbp-reply-to-link {}
.d4pbbc-quote {margin: 0 10px 10px 0; background: #F4F4F4; padding: 7px 12px}
.d4pbbc-quote p{padding: 0!important}
.bbp-topic-title {position: relative}
.bbpresss_unread_posts_icon {position: absolute; right: 0; top: 0;}
.slicknav_menu {display: none}
.cover {position: fixed; z-index: 11111;width: 100%; height:100%;background: rgba(1,0,0,0.7);display:none; }
.typeform-widget {position: fixed; display: none;z-index: 111111;width:70%;height:500px;top:70px;left:50%;margin-left: -35%;}
.modal {position: fixed; display: none;background: white; z-index: 111111;width:480px;height:200px;top:150px;left:50%;margin-left: -280px;padding: 20px 40px}
.modal input {height: 25px; float: left; margin-right: 15px;margin-top: 20px;width: 230px;font-size: 16px}
.modal .btnsmall {margin-top: 20px}
#err {float: left;clear: left;color: #e95e5e; margin-top: 4px}
.logout-tab {float: right; margin-right: 0!important}
.wpua-edit {display: none}
.wp-user-avatar {margin-bottom: 5px}
.updated p {padding: 0!important}
p.updated{max-width: 577px!important; color: black!important;}
#avatar_edit {cursor: pointer;padding-bottom: 20px;font-style: italic}
.profile-content label{font-size: 1.6rem; margin-bottom: 4px;}
#wpua-file-existing {margin-bottom: 5px}
.wpua-edit-container h3 {display: none}
#wpua-edit-attachment-existing {display: none}
#wpua-images-existing {display: none}
#submit {margin:20px 0 30px 0;display: none}


.more-link {display: none}
.clear {float: left;clear: both;width: 100%}
.wrapper {width: 100%;height: 700px; }
.main {width: 1165px; margin: 0 auto;}
.main-join {width: 965px; margin: 0 auto;}

.header {width: 100%;position: relative;}
.header-wrapper {width: 100%; background: black; height: auto;padding-bottom: 0px;}
.headerpage { background: url('../../images/header3.jpg');background-size: 1980px 281px; background-position: 20% 50% ;height:181px; width:100%;}
.header-outer {width: 1165px; margin: 0 auto;}
.logo {position: absolute; top: 14px; left: 50%; margin-left: -45px; z-index: 9999}
.logo-front{float: left;position: absolute }
.logo img {width: 90px}
.logoabs{position: absolute; left: 50%; margin-left: -580px; top: 0px;}
.logoabs img {width: 90px}

.funded {position: absolute;top:10px; width: 200px; left:50%; margin-left: -100px;text-align: center; color: white;}
.funded-hl {color: #98ffa9;}
#menu1 {float: left;} 
#menu2 {float: right;}
.menu {float: right;margin-right: 0px;margin-top: 16px;}
.menu.front {width: 100%; position: relative;}
.menu ul {list-style: none; margin-top: 0;padding:7px 10px;}
.menu li {float: left; margin-right: 30px; padding-top: 4px}
.menu li:last-child {margin-right: 0}
.menu a {color: white; text-decoration: none;font-weight: 300; text-shadow: 1px 1px rgba(0,0,0,0.2)}
.premenu {padding: 4px 8px; background: url('../../images/premenu.png');background-size:  100% 100%; }
.headertitle {position: absolute; top: 120px;left: 50%;margin-left: -150px;font-weight: 100;letter-spacing: 2px; font-size: 42px;color: #fff;width: 300px; text-align: center}

.title {width: 690px;color: #a30100; padding-top: 80px; padding-bottom: 200px; text-align: center;margin: 0 auto;}
.title h1{ color: white; text-transform: uppercase;background: rgba(0,0,0,0.14);padding:7px 0;font-weight: 200}
/*color: #a30100; */
.blurbox {width: 690px;color: #a30100;  padding: 0 30px 100px 30px; text-align: center;margin: 0 auto; background: rgba(0,0,0,0.6);}
.blurbox h1{color: white;  text-transform: uppercase;padding-top: 100px;}
.blurbox h2, .blurbox h3{color: white; }
.innerblur {width: 370px; margin: 0 auto;text-align: left; color: white;}

/**/
.join-wrapper {height: 120px; color: white;position: absolute; bottom: 0; width: 100%; background: rgba(0,0,0,0.58);}
.join-text {width: 350px; float: left;margin-right: 00px; margin-left: 95px;font-weight: 300!important}
.join-input { float: left;padding-top:4px;width: 500px; }
.join-text-2 {width: 520px; float: left;margin-right: 40px; line-height: 20px;font-weight: 300!important; text-align: right;color: #f1d4b5}

.join-input-2 { float: left;padding-top:4px;width: 180px;; }
#btn-3 {margin-top: 18px; cursor: pointer; font-size: 30px}

.game-image-wrapper {width: 1145px; height: 645px}
.download-button {width: 200px; height: auto; margin-right: 15px}
.button a,.btnbig a,.btnsmall a,.btnlong a {color: white;}
.wpfep_save {border-radius: 0!important;font-size: 16px!important;line-height: 35px; font-weight: 500;padding: 0 45px!important;border: 0!important;box-shadow:none!important;}
.join-wrapper input {height: 30px; width: 280px;padding-left: 7px; float: left; margin-right: 10px; font-size: 16px;  font-weight: 300}
.join-wrapper input:focus {outline: 0; }
.button {border: 0;line-height: 35px; font-weight: 500;padding: 0 45px;color: black; cursor: pointer; float: left; background: white;}
.bigbtn {background: url('../../images/join.png'); padding-right: 4px;padding-bottom: 4px; font-size: 44px; line-height: 64px;height: 64px; font-weight: 500;width: 216px; text-align: center;color: white; cursor: pointer; float: left;}
.btnsmall {background: url('../../images/btnsmall.png'); font-size: 16px; line-height: 30px;height: 30px; font-weight: 500;width: 138px; text-align: center;color: white; cursor: pointer; float: left;}
.btnlong {background: url('../../images/btnlong.png'); font-size: 16px; line-height: 30px;height: 30px; margin-top:10px; font-weight: 500;width: 244px; text-align: center;color: white; cursor: pointer; float: left;}
.join-wrapper h2{width: 100%; text-align: right;margin: 16px 0 5px 0;line-height: 30px;color: white;}
.shareicons{float: right; margin: 20px 10px 0 0}
.shareicons img{float: right; margin-right: 7px;width: 35px}
.shareicons img:last{margin-right: 0px}
.sipka {background: url('../../images/sipka.png'); width: 89px; height: 73px;position: absolute; bottom: -15px; left: 50%; margin-left: -45px}
.join-bottom {height: 14px; width: 100%;position: absolute;bottom:0;background: black}

.size-full {width: 100%; height: auto; margin: 15px 0 5px 0;}
.three {width: 33.3333%!important;float:left;}
.two {width:50%!important;float:left;}

.game-image-wrapper {width: 1145px; float: none; margin: 30px auto 0 auto;padding: 0px 0 0 0; position: relative;}
.game-image-text {position: absolute; bottom: 30px; left: 30px; width: auto; line-height: 18px; background: rgba(0,0,0,0.4); padding:13px 10px 10px 10px;}
.game-image-headline {font-size: 28px; font-weight: 500; margin-bottom: 7px }
.game-image-text p {padding: 0!important; width: 100%!important; color: #efefef!important;line-height: 24px!important; font-size:18px;}

.blog-single .size-full {margin-bottom: 15px }
.blog-wrapper {overflow: hidden; background: black; position: relative;}
.blog-main {width: 100%;float:left;padding-top: 10px;margin-bottom:80px; background: rgba(0,0,0,0.7);color: #ebebeb;}
.blog-main p,.centify{width: 1145px; float:none; margin: 0 auto 0 auto;padding-left:5px;color: #cfcfcf;}
.blog-main h1 {width: 1145px; float:none; margin: 15px auto 10px auto; font-size: 20px;}
.join_snippet {width: 945px; height: 262px; cursor: pointer; float:none; margin: 15px auto 15px auto;;position: relative; }
.join_snippet .bigbtn{position: absolute; right: 2px; bottom: 12px;}
.join_snippet h2{position: absolute; left: 380px; top: 39px;color: #f4674c; font-size: 35px;font-weight: 700}
.join_snippet h3{position: absolute; left: 380px; top: 83px;color: black; text-transform: uppercase;}
.join_snippet img{ }

/* FAQ */
.panel-heading {width: 1145px; margin: 0 auto;}
.panel-heading a{padding: 5px 10px!important;font-weight: 400}

#tmrd-colorful-faqs {padding-bottom: 100px}

.blog-title {width: 1145px; float: none; margin: 30px auto 0 auto;padding: 0px 0 0 0}
.blog-title h2 {color: #f4674c;padding: 0; margin: 0;font-weight: 500;text-transform: uppercase;font-size: 35px}
.blog-title h2 a{color: #f4674c;}
.blog-title h4 {color: #d47e74;padding: 0 0 0px 0; margin: 2px 0 0px 0; font-weight: 300}
.blog-text {padding: 12px 0px 10px 0px; line-height: 24px; font-size: 16px!important}
.blog-text strong{font-size: 17px!important;font-weight: 700; margin-bottom: 5px; color: #f4674c;display: block}
.page-text strong{font-size: 17px!important;font-weight: 700; margin-bottom: 7px; color: #f4674c;display: block}
.page-text {padding: 15px 0px 0 0px; line-height: 24px; font-size: 16px!important}
.blog-misc {width: 1145px;margin: 0 auto;padding: 0px 25px 15px 25px;}
.blog-misc .share-post{font-size: 20px;margin-top: 20px}
.blog-misc .share-post img{margin: 10px 10px 0 0; cursor: pointer}
.page-text .left {float: left;}

.team-box {float: left; width: 570px; text-align: center; margin: 20px 0 30px 0}
.team-box img {width: 150px; height: auto;float: left;}
.tb-inner {text-align: left; height: 170px; width: 360px; padding-top: 10px; float: left;margin-left: 20px}
.team-name {font-size: 20px;line-height: 26px}
.readmore {float: left;background: #D3D3D3;}
.readmore a{color: black;padding: 10px;line-height: 24px}

.comments-no {float: right;}
.read-blog {padding:0 20px;margin: 20px 0px;line-height: 33px;background: #D3D3D3;float: left;}
.read-blog a{color: black;}

.floating {position: absolute; right: 20px; top: 17px; text-align: right; display: none}
.floating #btn-3 { margin-top: 5px; margin-bottom: 19px; float: right;width: 180px; background-size: 100%; height:52px; line-height: 54px; font-size: 40px}

.type-topic li .vote_sel_up a, .vote_sel_up {color: #FF8B60!important;}
.type-topic li .vote_sel_down a,.vote_sel_down {color: #9494FF!important;}


.team-name {color: #f4674c;}
.team-position {color: #d47e74}

.footer-wrapper {border-top: 1px solid #f4674c;width: 100%;height: 60px;background: black}
.footer {width: 1145px; margin: 0 auto; font-size: 12px; }
.footer .menu {float: left;}
.footer .menu ul{padding: 0;}
.footer .fmiddle{float: left; margin-left: 270px;padding-top: 12px}
.footer .fright{float: right;color: white;padding-top: 12px}

.comment-list {position: relative}
.comment-head{float:left;}
.comment-head img{width: 50px; height: auto;}

.comment-right{float: left; width: calc(100% - 82px);padding: 16px 0 0 20px; margin-left:2px; background: #3e3e3e;margin-bottom: 20px}
.comment-author{float: left; color: white;}
.comment-date{float: left;margin-left: 8px;color: white; }
.comment-content{float: left; clear: left;padding: 30px 0 23px 0; }
.comment-country {float: right;margin-right: 20px}
.must-log-in {display: none}
#reply-title, .wp-social-login-widget {margin-left: 5px}
#respond .form-allowed-tags {display: none}
.comment-form-comment img {width: 50px; height: auto; float: left; margin: 0 2px 0 5px;}
.logged-in-as {padding-bottom: 5px}
.form-submit {padding-top: 7px}
.wp-social-login-connect-with {color: white;}

.wp-social-login-provider-list {width: 200px; padding: 5px 10px 7px 4px!important; float: none; margin: 0px auto 0 auto; overflow: hidden;-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}
.wp-social-login-provider-list a{float: right;padding: 6px 0 0 10px;}

.wp-social-login-provider-steam {float: left!important;padding: 0!important;}


.wpfep-wrapper {max-width: 600px;margin: 0 auto}
.wpfep-field input, .wpfep-textarea-field textarea {border: 0; background: white; height: 26px; font-size: 1rem!important}
.wpfep-wrapper label {font-size: 20px!important}
.wpfep-wrapper p.description {font-size: 16px!important}
.password-content {margin-top: 50px}


.right-panel{ float: left;width: 200px}
.right-panel .button {margin: 0 auto; float: none; width: 130px;padding: 0; text-align: center}
.right-box{float: left;text-align: center;width:100%;background: #d6d6d6;;margin-top: 40px;padding-bottom: 28px;border-right: 4px solid #d6d6d6;border-left: 4px solid #767475}
.right-box img {height: 35px;margin-right: 5px}
.right-box#share img{height: 25px}
.right-box#platforms img{height: 45px;margin-right: 10px}
.right-box a:last-child img {margin-right: 0px}
#share img {cursor: pointer}
.overlay {width: 100%;height: 100%; position: absolute; top:0; left: 0;background-color: rgba(0,0,0,0.6)}
#ship {background: url('../images/ship.png'); width: 600px; height: 321px; position: absolute; bottom: 60px; right: 10px;}
#vehicle {background: url('../images/vehicle.pngq'); width: 500px; height: 278px; position: absolute; bottom: 50px; right: -550px;display:none;}

#shadow {background: url('../images/shadow.png') no-repeat 50% 50%; width: 400px; height: 119px; position: absolute; bottom: -30px; right: 140px;}
/*.text {position: absolute; left: 180px; top:70px; width: 450px}*/
.second {display: none}
#h2 {display: none}
#btn-2{display: none}
.btn {
  position: relative;
  float: left;
  display: block;
  margin: 30px auto;
  padding: 0;

  overflow: hidden;

  border-width: 0;
  outline: none;
  border-radius: 2px;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .6);
  cursor: pointer;
  background-color: #30C470;
  color: #ecf0f1;
  
  transition: background-color .3s;
}

.btn:hover, .btn:focus {
  background-color: #27ae60;
}

.btn > * {
  position: relative;
}

.btn span {
  display: block;
  padding: 12px 24px;
}

.btn:before {
  content: "";
  
  position: absolute;
  top: 50%;
  left: 50%;
  
  display: block;
  width: 0;
  padding-top: 0;
    
  border-radius: 100%;
  
  background-color: rgba(236, 240, 241, .3);
  
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -o-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.btn:active:before {
  width: 120%;
  padding-top: 120%;
  
  transition: width .2s ease-out, padding-top .2s ease-out;
}

@-webkit-keyframes bounce {
  0%, 20%, 50%, 80%, 100% {
    @include transform(translateY(0));
  }
  40% {
    @include transform(translateY(-30px));
  }
  60% {
    @include transform(translateY(-15px));
  }
}
.bounce {
  -webkit-animation: bounce 1s infinite;
}

@media screen and (min-width: 1350px) {
  .floating {display: block}
}

@media screen and (max-width: 1200px) {
  #bbpress-forums { width: 965px;}
  fieldset.bbp-form {width: 920px!important;}
  .main {width: 965px;}
  .header-outer {width: 965px;}
  .blog-main p,.centify{width: 945px;}
  .panel-heading {width: 945px;} 
  .blog-title {width: 945px;} 
  .blog-misc {width: 945px;}
  .footer {width: 945px;} 
  .bbp-reply-content p {max-width: 777px!important;}
  .game-image-wrapper {width: 100%}
}

@media screen and (max-width: 980px) {
  .headertitle { }
  .header-outer {width: 100%}
  .blog-title {width: calc(100% - 20px)}
  .main {width: 100%}
  .main-join {width: 100%}
  .blog-main p,.centify {width: calc(100% - 20px)}
  .footer {width: calc(100% - 20px)}
  .shareicons{display: none}
  .join-wrapper {}
  .join_snippet img{width: 100% }
  .join_snippet {width: 100%;background-size: 100%; height: 100px; background-repeat: no-repeat;}
  .panel-heading {width: calc(100% - 20px)}
  .blog-misc {width: calc(100% - 20px)}
  .logo{z-index: 9999}
  .menu{margin-right: 00px}
  .footer .fmiddle {float: right;margin-right: 10px;x}
  .footer .fright {float: left; width: 100%; text-align: center}
  #bbpress-forums { width:100%}
  fieldset.bbp-form {width: calc(100% - 40px)!important}


  .rm {float: none!important; width: auto!important}
  .minicart {margin-top: 00px;}
  .products {width: 100%;max-width: 100%}
  .products li {margin: 0 auto 40px auto!important;overflow: hidden; float: none;max-width: 100%}
  .products li img,.products li div,.products li h3 {float: left;}
  .products li span {float: left; width: calc(100% - 320px);}
   .products li .add_to_cart_button  { float: left;}
  .products li img {margin-right: 20px}
  .products li div {width: calc(100% - 320px); }
  .products li div p {height: 80px;}
  .products .quantity {display: none}
  .single-product .quantity {display: none}
  .single-product .summary {width: calc(100% - 320px);margin-left: 20px!important}
  .blog-wrapper {width: 100%}
  .product-quantity {display: none!important}
  .product-quantity input {padding:0!important;}
  .shop_table_responsive .actions {display: none!important}
  .wc-proceed-to-checkout {width: 100%; text-align: center}
  .checkout-button {margin: 30px auto!important; float: none!important;}
  .wc-cart-continue-shopping {width: 100%; text-align: center}

}

@media screen and (max-width: 690px) {
.slicknav_menu {display: block}
  #topmenu {display: none}
.title {width: 100%}
.game-image-text {position: absolute; bottom: 10px; left: 7px; width: auto; line-height: 18px; background: rgba(0,0,0,0.4); padding:7px 5px 5px 5px;}
.game-image-headline {font-size: 20px; font-weight: 500; margin-bottom: 3px }
.game-image-text p {padding: 0!important; width: 100%!important; color: #efefef!important;line-height: 18px!important; font-size:14px;}
.lb-overlay:target {padding: 0!important;}
.lb-overlay img {margin-top:100px!important;max-width: 100%!important; height: auto!important}
  .minicart {margin-top: 60px;}
}
@media screen and (max-width: 600px) {
  .price {margin-top: -20px}
  .rm {float: none!important; width: auto!important}
  .text {position: relative; width: 88%; padding: 30px 20px; float: left; left: 0;top:20px;}
  #h1,#h2 {font-size: 30px}
  p {font-size: 18px}
  #ship {display: none}
  .btn{font-size: 13px}
  .modal {width: calc(100% - 40px); height: auto; left: 0; margin-left: 0;top:100px;padding:10px 20px 20px 20px;}
  .blog-main iframe {width: calc(100% - 10px);height: auto}
  .minicart {margin-top: 60px;}
  .products li {width: 300px; margin: 0 auto}
  .products li img,.products li div,.products li h3 {float: none;}
  .products li img {margin-right: 00px}
  .products li div {width: 300px; }
  .products li div p {height: 120px;}
  .shop-intro {width: calc(100% - 60px); padding: 0 30px;}
  .single-product .images {margin: 0 auto; float: none; width: 300px}
  .single-product .summary {float: none!important; margin: 0 auto! important;width: 300px!important}
  .single-product .quantity {display: none}
}

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

  .ks-wrapper,.ks-text {width: 100%}
  .ks-text .size-full {width: 100%!important}
  .blog-main p, .centify {width: calc(100% - 10px)!important;}
 .play, .front-sidebar, .ks-rewards,.play-text {display: none}
.game-image-text {position: absolute; bottom: 00px; left: 0px; width: 100%; }
.game-image-headline { }
.game-image-text p {margin-bottom: 5px}
  .logo{margin-left: -35px}
  .logo img{width: 70px; height: auto;}
  .fzbuk-login-form-wrap {width: calc(100% - 20px)!important}

  .centify img {width: 44%}
  #btn-3 {font-size: 16px!important}
  h1{font-size: 20px}
  h2{font-size: 18px}
  h4{font-size: 16px}
  .headertitle {font-size: 30px; color: whit;top:90px;}

  .headerpage {height: 141px}
  .title {padding-left: 14px;padding-right: 14px;width: calc(100% - 28px);}
  .blog-title {padding: 0 5px; width: calc(100% - 10px)}
  .join-text-2 {width: calc(100% - 10px);margin-right: 0px; padding: 10px 5px 0 5px; text-align: center}
  .join-text-2 h2{display: none}
  .join-input-2 {float: left; width: 100%}
  p{ font-size: 16px; width: calc(100% - 10px)!important}
  .blog-misc {padding: 0 5px;}
  .footer .menu {margin-left: auto; margin-right: auto; float: none;text-align: center}
  .menu ul { display:inline-table;}
  .menu ul li {display:inline;}
  .footer .menu li {margin-right: 15px}
  .menu li:first-child {display: none}
  .menu li:last-child {margin-right: 0}
  .footer .fmiddle {float: none;margin: 0 auto 0 auto;text-align: center;padding-top: 8px}
  .footer .fright {float: left; width: 100%; text-align: center;padding-bottom: 10px}
  .bigbtn {width: 108px; height: 32px; background-size: 100%;float: none;font-size: 18px;line-height: 32px;margin: 0 auto;padding:0;margin-top: 0!important }
  .comment-right{padding: 10px 0 0 10px;}
  .comment-content{;padding: 10px 0 10px 0; }
  .comment-form-comment .avatar {display: none}



  .minicart {margin-top: 60px;}
  .products li {margin: 0 auto 40px auto!important;overflow: hidden; float: none;}
  .products li div p {height: 120px;}
  .products .quantity {display: none}
  .single-product .images {margin: 0 auto; float: none; width: 300px}
  .single-product .summary {float: none!important; margin: 0 auto! important;width: 300px!important}
  .single-product .quantity {display: none}
  .blog-wrapper {width: 100%}
  .product-quantity {display: none!important}
  .product-quantity input {padding:0!important;}
  .shop_table_responsive .actions {display: none!important}
  .wc-proceed-to-checkout {width: 100%; text-align: center}
  .checkout-button {margin: 30px auto!important; float: none!important;}
  .wc-cart-continue-shopping {width: 100%; text-align: center}

}

@media screen and (max-width: 320px) {
  .logo{margin-left: -35px}
  .logo img{width: 70px; height: auto;}
  .g-recaptcha {margin-left: -30px}
  .title {padding-top: 100px}

  .minicart {margin-top: 60px;}
    .shop-intro {width: calc(100% - 20px); padding: 0 10px;}
  .products li {margin: 0 auto 40px auto!important;overflow: hidden; float: none;}
  .products li div p {height: 120px;}
  .products .quantity {display: none}
  .single-product .images {margin: 0 auto; float: none; width: 300px}
  .single-product .summary {float: none!important; margin: 0 auto! important;width: 300px!important}
  .single-product .quantity {display: none}
  .blog-wrapper {width: 100%}
  .product-quantity {display: none!important}
  .product-quantity input {padding:0!important;}
  .shop_table_responsive .actions {display: none!important}
  .wc-proceed-to-checkout {width: 100%; text-align: center}
  .checkout-button {margin: 30px auto!important; float: none!important;}
  .wc-cart-continue-shopping {width: 100%; text-align: center}

}

.shop-preorder-countdown {
	position: relative;
	top: -50px;
	height: 50px;
	color: #C7EAFA;
	padding: 2px 10px;
	background-color: rgba(0, 0, 0, 0.7);
	border: 0;
	margin: 0;
	margin-bottom: -54px;
}
.auto-countdown {
	color: #98ffa9;
}