/*
Theme Name: Astra Child
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/
Description: Astra is fast, fully customizable & beautiful WordPress theme suitable for blog, personal portfolio, business website and WooCommerce storefront. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with Schema.org code integrated and is Native AMP ready so search engines will love your site. It offers special features and templates so it works perfectly with all page builders like Elementor, Beaver Builder, Visual Composer, SiteOrigin, Divi, etc. Some of the other features: # WooCommerce Ready # Responsive # RTL & Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and WooCommerce ready theme that you can use for building any kind of website!
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 2.3.1.1582577478
Updated: 2020-02-24 21:51:18

*/



/* GENERAL */


body {
	font-family: din-condensed, sans-serif !important;
font-style: normal;
font-weight: 400;

}



.entry-content {
	overflow: hidden !important;
}





h1, h2, h3, h4, h5, h6 {
	
}



h1, h2 {
text-transform: uppercase;	
}

h2 {
font-size: 46px !important;
line-height: 1.2 !important;	
}

h3 {
font-size: 28px !important;
line-height: 1.2 !important;
}


.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 1200px !important;
}






/* HEADER */





.site-header {
    z-index: 99;
    position: fixed !important;
    width: 100% !important;
    top: 0;



}


.main-header-bar {
    border-bottom: 0px;
	box-shadow: 7px 7px 5px #0000003B;
}


.ast-site-identity {
	padding: 0px;
}


.site-logo-img {
	margin-top: -3px;
	margin-bottom: -3px;
}

#site-navigation {
	height: 58px;
}

.main-navigation {
	font-size: 22px;
	
}

.main-header-menu li {
    position: relative;
    height: 100%;
}


.main-header-menu a {
    padding: 0 13px;
}


#primary-menu {
	
}


.main-header-menu .current_page_item > a {
	color: #272727;
}



li.ast-masthead-custom-menu-items {
	padding: 0px !important;
}


#custom_html-4 {
	margin-left: 10px !important;
}

.ac_social_bar {
	display: flex;
	margin-right: 30px;
}


.ac_social_top {
	width: 30px;
	height: 30px;
	margin-left: 15px;
}



#ac_fb {
	background-image: url('assets/ic_facebook.svg');
}

#ac_fb:hover {
	background-image: url('assets/ic_facebook_h.svg');
}



#ac_twitter {
	background-image: url('assets/ic_twitter.svg');
}


#ac_twitter:hover {
	background-image: url('assets/ic_twitter_h.svg');
}



#ac_yt {
	background-image: url('assets/ic_youtube.svg');
}

#ac_yt:hover {
	background-image: url('assets/ic_youtube_h.svg');
}



#ac_ig {
	background-image: url('assets/ic_instagram.svg');
}

#ac_ig:hover {
	background-image: url('assets/ic_instagram_h2.svg');
}





.social-mobile {
	display: none;
	position: fixed;
    z-index: 9000;
    top: 0px;
    right: 0px;
}






.playnowCS { 
    position: fixed !important;
    
	right: 18.7%;
    z-index: 50;
	transition: all 0.4s;

}



.hide {
  opacity: 1;
  top: -35px;
}
.show {
  opacity: 1;
  top: 35px;
}


.elementor-widget-image .elementor-image>a img[src$=".svg"] {
	width: 100% !important;
}


.playnowCS .elementor-image::after {
    content: 'Notify me!';
    position: absolute;
    top: 20px;
    left: 5px;
    color: #fff;
    font-size: 28px;
    width: 100%;
    height: 100%;
    text-align: center;
    padding-left: 5px;
    font-family: din-condensed, sans-serif !important;
    font-weight: 400 !important;
    pointer-events: none;
    transition: 0.2s all ease-in-out;
}

.playnowCS .elementor-image:hover::after {
	
    font-size: 30px;
    
}



.playnowMOB {
	display: none;
}




/* BANNER */


.site-content {
	margin-top: 41px !important;
}





#banner .elementor-container {
	width: 1020px;
}


.banner-icons-row .elementor-container {
	width: 250px !important;
}


.banner-icons-row .elementor-image {
width: 62px;
}


#banner .elementor-row {
	justify-content: flex-end;
	
}


.banner-content {
	width: 482px !important;
}

.banner-content::before {
	content: url('assets/image_glow.png');
	position: absolute;
    bottom: 10%;
    right: 40%;
    width: 100% !important;
    height: 100% !important;
	
}







#banner-button {
	font-size: 40px;
	box-shadow: 3px 3px 3px #0000003B;
	width: 264px;
height: 76px;
line-height: 1.5;
position: relative;

}



.buttoncont .elementor-widget-container {
	justify-content: center;
    display: flex;
}

.buttoncont .elementor-button-wrapper {
    justify-content: center;
    display: flex;
    width: fit-content;
}

.buttoncont .elementor-button-wrapper::after {
content: 'Keep me informed';
    position: absolute;
    width: 230px;
    height: 60px;
    font-size: 32px;
	line-height: 75px;
    top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: none;
    justify-content: center;
    display: flex;
	color: #ffffff;
	transition: all .2s;
}


.buttoncont .elementor-button-wrapper:hover::after {
	font-size: 34px;
}



#banner-button.elementor-animation-grow:hover {
    transform: perspective(1px) scale(1.045) !important;
	-webkit-transform: perspective(1px) scale(1.045) !important;
  -moz-transform: perspective(1px) scale(1.045) !important;
	transition: 0.2 all ease-in-out;
	-webkit-font-smoothing: subpixel-antialiased !important;
	 -webkit-transform: translateZ(0px);
	


}






/* BANNER BOTTOM BAR */

.banner_bar .elementor-container {
    padding: 3px 5px 2px 5px;
}



.banner_bar .elementor-icon-box-wrapper, .banner_bar .elementor-widget-container, .banner_bar .elementor-widget-wrap, .banner_bar .elementor-column-wrap, .banner_bar .elementor-column  {
	width: fit-content !important;
}

.banner_bar .elementor-row {
justify-content: space-between;
}

.bar-icons .elementor-icon svg {
    width: 20px !important;
}


.bar-icons .elementor-icon-box-icon {
    margin-right: 10px !important;
}





.elementor-widget-heading {
	margin-bottom: 35px !important;
}





/* TRAILERS */


#trailers .elementor-custom-embed-image-overlay::before {
	position: absolute;
	top: 0;
	left: 0;
	background-color: rgba(255,255,255,0.6);
	width: 100%;
	height: 100%;
	content: '';
	transition: 0.4s all ease-in-out !important;
	pointer-events: none;
	opacity: 0;
}


#trailers .elementor-custom-embed-image-overlay:hover::before {
	opacity: 1;
}



#trailers .elementor-custom-embed-image-overlay::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	background: url('assets/youtube_w.svg');
	background-size: 15%;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 0.4s all ease-in-out !important;
	opacity: 0.7;
}


#trailers .elementor-custom-embed-image-overlay:hover::after {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	background: url('assets/youtube.svg');
	background-size: 15%;
	background-repeat: no-repeat;
	background-position: center center;
	transition: 0.4s all ease-in-out !important;
	opacity: 1;
}





/* SCREENSHOTS */




.nextend-thumbnail-button {
	display: none;
}


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 292px !important;
	height: 165px !important;
}





/* ABOUT */


#about .n2-ss-slider-2 {
    position: relative;
    width: calc(100% - 80px) !important;
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
}


#about .n2-ss-slider .n2-ss-layer-content, .n2-ss-layer-row, .n2-ss-layer .n2-ow {
	padding: 0 !important;
}



#about .n2-ss-layer .n2-ow .n2-ss-last-in-row {
	padding: 80px 75px 0px 0px !important;

}

#about .n2-ss-slide p {
	font-family: din-condensed, sans-serif !important;
font-style: normal;
font-weight: 400;
	font-size: 22px !important;

}


#about .nextend-arrow-previous {
	background: url('assets/ic_arrow_left.svg') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	left: 0px !important;
}

#about .nextend-arrow-previous img {
	opacity: 0 !important;
	width: 25px !important;
	height: 35px !important;
}


#about .nextend-arrow-next {
	background: url('assets/ic_arrow_right.svg') !important;
	background-size: contain !important;
	background-repeat: no-repeat !important;
	right: 0px !important;
}

#about .nextend-arrow-next img {
	opacity: 0 !important;
	width: 25px !important;
	height: 35px !important;
}












/* WHAT CAN YOU EXPECT */

#expect ul {
	font-size: 22px;
	line-height: 1.5;
	margin-left: 20px !important;
}




#expect .elementor-element-populated {
	padding: 0px !important;
}

#expect .expect_rightcol {
	padding-left: 10px !important;
}

#expect .expect_rightcol2 {
	padding-left: 10px !important;
}


ul {
    margin: 0 !important;
}







/* AWARDS */



#awards ul {
	font-size: 22px;
	line-height: 1.5;
}



#awards_bullets {
  margin-left: 100px !important;
}


.ab_leftcol {
	
}


.ab_rightcol {
	padding-left: 30px !important;
}



/* PURCHASE */



.storelogo .elementor-image {
height: 65px !important;
}

.storelogo .elementor-image img {
height: 65px !important;      
    width: auto;
}

.inactive {
	transform: none !important;
	pointer-events: none !important;
}


.inactive img {
	opacity: 0.2;
}

.inactive::after {
    content: 'soon';
    position: absolute;
    top: 100%;
    width: 100%;
    left: 0;
    font-size: 20px;
}

.inactive .elementor-animation-grow:hover {
    transform: none !important;
} 





/* NEWSLETTER */



#newsletter .maincontent-section {
	padding-bottom: 100px !important;
	
}


.newsletter_row .elementor-row {
	justify-content: center;
	width: 950px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 0px;
}


.newsletter_col1 {
	width: 70% !important;
	padding-right: 50px;
	padding-top: 20px;
}


.newsletter_col2 {
	width: 25% !important;
}



#newsletter .sib-default-btn {
	width: 265px;
	height: 76px;
	border: 1px solid #272727;
border-radius: 38px;
background: #5F2772;
border: 0px solid #5F2772;
color: transparent;
font-size: 28px;
transition: all 0.3s ease;
}


#newsletter .sib-default-btn:hover {
    transform: scale(1.1);
}



#newsletter .formcent::after {
content: 'Keep me informed';
    color: #fff;
    font-size: 28px;
    transition: all 0.3s ease;
    position: absolute;
    bottom: 10px;
    width: 240px;
    height: 55px;
    line-height: 55px;
    display: flex;
    text-align: center;
    pointer-events: none;
    justify-content: center;
	
}



#newsletter .formcent:hover::after {
    font-size: 30px;
}



.formcent {
    text-align: center;
    margin-bottom: 0px !important;
    display: flex;
    justify-content: center;
	    width: fit-content;
}


#newsletter input[type=email] {
	font-size: 28px;
	text-align: center;
	font-family: din-condensed, sans-serif !important;
	width: 100%;
	border-radius: 15px;
	height: 50px;
	outline: none !important;
}


#newsletter input[type=email]::placeholder {
	color: #ADADAD !important;
}



.sib_signup_form._submit-attempted input[type=email]:required:invalid {
	border: 2px solid #FB4747;
}


p.sib-email-area {
position: relative;	
}

p.sib-email-area::after {
	content: 'Red fields are required';
	position: absolute;
	width: 100%;
height: 30px;
    bottom: -35px;
	left: 0;
	opacity: 0;
	display: flex;
	justify-content: center;
	color: #FB4747;
}


.sib_signup_form._submit-attempted p.sib-email-area::after {
opacity: 1;	
}
.sib_signup_form._submit-attempted.sib_processing p.sib-email-area::after {
opacity: 0;	
}




#newsletter .sib_signup_box_inside_2 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}


.newsletter_row .elementor-widget-heading {
    margin-bottom: 10px !important;
}

.sib_signup_form {
	font-size: 22px;
    line-height: 1.3;
}







.agreement_chkbx {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}


.agreement_chkbx input {
    position: absolute;
    opacity: 1;
    cursor: pointer;
    left: 3px;
    top: 3px;
    width: 18px;
    height: 18px;
}



.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #fff;
  border: 0px solid #FB4747;
border-radius: 8px;
}






.agreement_chkbx:hover input ~ .checkmark {
  background-color: #fff;
}


.agreement_chkbx input:checked ~ .checkmark {
  background-color: #5F2772;
  border: 0px solid #FB4747;
}



.sib_signup_form._submit-attempted .agreement_chkbx input:required:invalid ~ .checkmark {
  background-color: #fff;
  border: 2px solid #FB4747;
}



.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.agreement_chkbx input:checked ~ .checkmark:after {
  display: block;
}


.agreement_chkbx .checkmark:after {
left: 8px;
    top: 3px;
    width: 10px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(35deg);
    -ms-transform: rotate(35deg);
    transform: rotate(35deg);
}



.sib-email-area {
	width: 100%;
}

.agreements {
	display: block;
}



.sib_signup_form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.sib_loader {
	  
    margin-bottom: 10px;
}

.tooltip { 
visibility: hidden !important;
}



/* POPUP */


.sgpb-popup-dialog-main-div-wrapper {
	visibility: hidden !important;
}

.sgpb-popup-dialog-main-div-wrapper.showp {
	visibility: visible !important;
	display: initial;
}


.sgpb-theme-1-overlay {
	visibility: hidden !important;
}



.sgpb-theme-1-overlay.showp {
	visibility: visible !important;
}




.sgpb-theme-1-overlay {

background-image: none;
background-color: rgba(10, 10, 10, 0.58) !important;
}

.sgpb-content {
box-shadow: rgb(204, 204, 204) 0px 0px 0px 0px !important;
    padding: 0px !important;
    margin: 0px !important;
    border: 0px !important;
    height: fit-content !important;
	max-height: 90vh !important;
}

.sgpb-theme-1-content {
box-shadow: 0px !important;
}

.sgpb-popup-close-button-1 {
	    float: left;
    right: 9px;
    top: 9px;
    width: 21px;
    cursor: pointer;
    height: 21px;
}







.sgpb-content {
	    width: auto !important;
}

.sg-popup-builder-content {
padding: 30px !important;
width: 400px;
}

.sg-popup-builder-content p {
margin-bottom: 0px;
}
 
 .sg-popup-builder-content br {
display: none;
}


.nt-pop-content {
	font-size: 22px;
	line-height: 1.3;
}


.sg-popup-builder-content h2 {
color: #5F2772;
font-size: 46px;
margin-bottom: 20px;
}


.stars {
	display: flex;
    justify-content: center;
	align-items: baseline;
	margin-top: 15px;
	margin-bottom: 20px;
}

img.smalls {
	width: 50px !important;
	height: 50px !important;
}

img.bigs {
	width: 64px !important;
	height: 64px !important;
}


.social-sharing {
	margin-top: 50px;
}



.social-sharing a.button-facebook {
    background-color: #4267B2;
    background: -moz-linear-gradient(top, #4267B2, #4267B2);
    background: -ms-linear-gradient(top, #4267B2, #4267B2);
    background: -webkit-linear-gradient(top, #4267B2, #4267B2);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	font-family: din-condensed, sans-serif !important;
font-style: bold;
font-weight: 400;
font-size: 24px;
border-radius: 45px;
    height: 46px;
    padding: 0px 21px 0px 47px;
    line-height: 46px;
    text-align: right;
	box-shadow: 0px 3px 6px #00000065;
	margin-bottom: 10px;
	transition: all .3s ease-in-out !important;
}

.social-sharing a.button-facebook:hover {
    background-color: #284277;
    background: -moz-linear-gradient(top, #284277, #284277);
    background: -ms-linear-gradient(top, #284277, #284277);
    background: -webkit-linear-gradient(top, #284277, #284277);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
transition: all .3s ease-in-out !important;
}




.social-sharing a.button-twitter {
    background-color: #28AAE1;
    background: -moz-linear-gradient(top, #28AAE1, #28AAE1);
    background: -ms-linear-gradient(top, #28AAE1, #28AAE1);
    background: -webkit-linear-gradient(top, #28AAE1, #28AAE1);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
	font-family: din-condensed, sans-serif !important;
font-style: bold;
font-weight: 400;
font-size: 24px;
border-radius: 45px;
    height: 46px;
    padding: 0px 29px 0px 59px;
    line-height: 46px;
    text-align: right;
	box-shadow: 0px 3px 6px #00000065;
	margin-bottom: 10px;
	transition: all .3s ease-in-out !important;
}

.social-sharing a.button-twitter:hover {
    background-color: #1d80aa;
    background: -moz-linear-gradient(top, #1d80aa, #1d80aa);
    background: -ms-linear-gradient(top, #1d80aa, #1d80aa);
    background: -webkit-linear-gradient(top, #1d80aa, #1d80aa);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
transition: all .3s ease-in-out !important;
}



.ss_shareon {
	width: fit-content;
    float: left;
	font-size: 30px;
	color: #7E7D76;
	font-family: din-condensed, sans-serif !important;
	letter-spacing: -1px;
	margin-right: 15px;
	line-height: 46px;
}

.ss_fb {
	width: fit-content;
    float: left;
	transition: all .3s ease-in-out !important;
}

.ss_tt {
	width: fit-content;
    float: right;
	transition: all .3s ease-in-out !important;
}


.ss_fb, .ss_tt {
	position: relative;
}


.ss_fb::before {
content: '';
background: url('assets/sharing_fb.svg');
position: absolute;
top: 12px;
left: 10px;
width: 25px;
height: 25px;	
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
pointer-events: none;
z-index: 10000;
}


.ss_tt::before {
    content: '';
    background: url(assets/sharing_twitter.svg);
    position: absolute;
    top: 9px;
    left: 11px;
    width: 30px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
	pointer-events: none;
	z-index: 10000;
}


.ss_copy {
	float: none !important;
    margin-top: 25px !important;
}

pre {
    background: #fff;
    font-family: din-condensed, sans-serif !important;
    margin: 0px;
    overflow: auto;
    max-width: 100%;
    padding: 0px;
    height: 45px;
    display: flex;
    align-items: center;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgba(0,0,0,0.4);
	font-size: 21px !important;
	color: #7E7D76;
	width: calc(100% - 20px) !important;
	padding-left: 20px;
	margin-top: 25px;
    float: left;
    clear: both;
	margin-bottom: 35px;
	
}

.copy-the-code-button {
	background: #7E7D76 !important;
width: 134px;
    height: 45px;
    padding: 0 !important;
    border-radius: 45px !important;
	color: #ffffff !important;
	transition: all .3s ease-in-out;
	font-size: 21px !important;
}


.copy-the-code-button a {
	color: #ffffff !important;
}




.copy-the-code-button:hover {
	background: #60605a !important;
}


.sgpb-popup-dialog-main-div-theme-wrapper-1::after {
	content: 'X';
	font-family: Arial;
    font-size: 24px;
    color: #A3A199;
    font-weight: bold;
	pointer-events: none;
	position: absolute;
top: 5px;
    right: 15px;
	
}











/* BOARDGAME */


#boardgame {
    margin-bottom: 0px;
	font-size: 28px;
	line-height: 27px;
padding: 11px 10px 12px 10px;
}


.boardgame_txt p {
    margin-bottom: 0px !important;
	padding-top: 3px;
}

#boardgame a {
color: #ffffff !important;
text-decoration: underline !important;
}

#boardgame a:hover {
color: #ADADAD !important;
text-decoration: none !important;
}







/* FOOTER */

.site-footer h2 {
	color: #5F2772 !important;
	font-size: 22px !important;
}

.site-footer a {
	font-size: 22px !important;
	line-height: 1.5 !important;
	color: #ADADAD !important;
}


.site-footer a:hover {
	color: #272727 !important;
}



.footer-adv-overlay {
    background-color: #ffffff;
    padding-top: 35px;
    padding-bottom: 35px;
}



.site-footer .widget-title {
	margin-bottom: 13px !important;
}



.footer_button_press {
border: 1px solid #272727;
border-radius: 20px;
width: 140px;
height: 40px;
font-size: 18px;
text-align: center;
line-height: 40px;
float: right;
color: #272727 !important;
}


.footer_button_press:hover {
background: #272727;
color: #fff !important;
}

.footer_button_press a {
	
}



.footer-adv-widget-1 {
width: fit-content !important;
padding-left: 0px !important;
padding-right: 60px !important;
}


.footer-adv-widget-2 {
width: fit-content !important;
padding-left: 0px !important;
padding-right: 30px !important;
}


.footer-adv-widget-4 {
	float: right !important;
}



.site-footer::after {
content: '© Acram Digital. All Rights Reserved.';
    width: 100%;
    text-align: center;
    font-size: 14px;
    color: #ADADAD;
    position: absolute;
    bottom: -60px;
    font-weight: 400;
    padding-bottom: 30px;
    padding-top: 20px;
}



/* HEXES */


.hexup1.elementor-element, .hexup2.elementor-element, .hexdown1.elementor-element, .hexdown2.elementor-element {
    width: 198px !important;
	height: 160px !important;
	display: flex;
	pointer-events: none;
	-webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}



.hexup1.elementor-element, .hexup2.elementor-element {
    align-items: flex-start;
}


.hexdown1.elementor-element, .hexdown2.elementor-element  {
	align-items: flex-end;
}



.hexup1 img, .hexup2 img, .hexdown1 img, .hexdown2 img {
	width: 198px !important;
	height: 80px !important;
}

.maincontent-section {
	padding-top: 100px !important;
	padding-bottom: 130px !important;
	
}



.hexup1 {
	position: absolute !important;
    top: -179px;
	z-index: 20;
	right: 1px;
}


.hexdown1 {
	position: absolute !important;
    bottom: -209px;
	z-index: 20;
	right: 298px;
}


.hexup2 {
	position: absolute !important;
    top: -179px;
	z-index: 20;
	right: 101px;

}

.hexdown2 {
	position: absolute !important;
    bottom: -209px;
	z-index: 20;
	right: 198px;
}




.zoomInRight{
	animation-name:none !important;
		-webkit-animation: scale-up-tr 1s ease-in-out 0s both !important;
	        animation: scale-up-tr 1s ease-in-out 0s both !important;
}

.zoomInLeft{
	animation-name:none !important;
		-webkit-animation: scale-up-bl 1s ease-in-out 0s both !important;
	        animation: scale-up-bl 1s ease-in-out 0s both !important;
	}
	
	





.aup1, .aup2 {
		opacity: 1;
		-webkit-animation: scale-up-bl-rev 1s ease-in-out 0s both !important;
	        animation: scale-up-bl-rev 1s ease-in-out 0s both !important;
			transition: all 1s;
	}
	
.aup1.visible, .aup2.visible {
	
		opacity: 1;
		-webkit-animation: scale-up-bl 1s ease-in-out 0s both !important;
	        animation: scale-up-bl 1s ease-in-out 0s both !important;
		
	}


	
	
	
	
			
.adown1, .adown2  {
		opacity: 1;
		-webkit-animation: scale-up-tr-rev 1s ease-in-out 0s both !important;
	        animation: scale-up-tr-rev 1s ease-in-out 0s both !important;
			transition: all 1s;
	}
	
.adown1.visible, .adown2.visible {
	
		opacity: 1;
		-webkit-animation: scale-up-tr 1s ease-in-out 0s both !important;
	        animation: scale-up-tr 1s ease-in-out 0s both !important;
		
	}



@-webkit-keyframes scale-up-bl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
}
@keyframes scale-up-bl {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  
}





@-webkit-keyframes scale-up-bl-rev {
   0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }

}

@keyframes scale-up-bl-rev {
   0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }
 100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 0% 50%;
            transform-origin: 0% 50%;
  }

  
}





@-webkit-keyframes scale-up-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes scale-up-tr {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}





@-webkit-keyframes scale-up-tr-rev {

  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
    100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
}
@keyframes scale-up-tr-rev {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
  100% {
    -webkit-transform: scale(0);
            transform: scale(0);
    -webkit-transform-origin: 100% 50%;
            transform-origin: 100% 50%;
  }
 
}








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



.playnowCS { 
	right: 14.4%;
}


}




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



.playnowCS { 
	right: 8.4%;
}


}




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



.playnowCS { 
	right: 5.9%;
}


}




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



.playnowCS { 
	right: 2.9%;
}


}











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



h1, h2 {
text-transform: uppercase;	
}

h2 {
font-size: 40px !important;
line-height: 1.2 !important;	
}

h3 {
font-size: 28px !important;
line-height: 1.2 !important;
}


.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
	padding: 0px 50px 0px 50px;
	
}




/* HEADER */

.playnowCS { 
	right: 2.4%;
}


.ast-header-break-point .site-header {
    border-bottom-width: 0px !important;
}

/* BANNER */




#banner .elementor-container {
    width: 90%;
	padding: 0px 0px 0px 0px;
}

#banner {
	margin-top: -50px;
}

.banner-content {
	margin-top: 100px;
}




.banner-icons-row .elementor-container {
	width: 250px !important;
}





/* TRAILERS */


#trailers .elementor-inner-section .elementor-container {
	padding: 0px 0px 0px 0px;
}


.elementor-aspect-ratio-169 .elementor-fit-aspect-ratio {
position: relative;
    top: 0;
    left: 0;
    max-height: calc(100vh - 108px) !important;
    height: 100% !important;
    width: calc(100% - 30px) !important;
    border: 0;
    background-color: #000;
}


.elementor-lightbox .elementor-video-container {
    width: 100%;
    display: flex;
    justify-content: center;
}


/* SCREENSHOTS */

.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 219px !important;
	height: 124px !important;
}




/* ABOUT */

#about .n2-ss-slide p {
	font-size: 20px !important;

}






/* EXPECT */


#expect ul {
	font-size: 20px;
	margin-left: 20px !important;
}


#expect .expect_leftcol {
	padding-left: 10px !important;
	width: 60% !important;
}

#expect .expect_rightcol {
	padding-left: 10px !important;
	width: 40% !important;
}


#expect .expect_leftcol2 {
	padding-left: 10px !important;
	width: 30% !important;
}

#expect .expect_rightcol2 {
	padding-left: 10px !important;
	width: 70% !important;
}



#expect .elementor-inner-section .elementor-container {
	padding: 0px 0px 0px 0px !important;
}


/* AWARDS */



#awards .elementor-inner-section .elementor-container {
	padding: 0px 0px 0px 0px !important;
}

#awards ul {
	font-size: 20px;
	line-height: 1.5;
}



#awards_bullets {
  margin-left: 0px !important;
}


.ab_leftcol {
	width: 49% !important;
}


.ab_rightcol {
	padding-left: 0px !important;
	width: 49% !important;
}





/* PURCHASE */



#purchase .elementor-inner-section .elementor-container {
	padding: 0px 0px 0px 0px !important;
}

.storelogo .elementor-image {
height: 55px !important;
}

.storelogo .elementor-image img {
height: 55px !important;      
    width: auto;
}











/* BOARDGAME */


#boardgame {
    margin-bottom: 0px;
	font-size: 24px;
	line-height: 27px;
padding: 11px 10px 12px 10px;
}






/* FOOTER */

.site-footer .ast-container {
	width: 100% !important;
padding: 0px 50px 0px 60px !important;
}



.site-footer h2 {
	font-size: 20px !important;
}

.site-footer a {
	font-size: 20px !important;

}









/* HEXES */







}
















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



/* BANNER */





/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 210px !important;
	height: 140px !important;
}








}







@media only screen and (min-width: 813px) and (max-width: 950px)  { 

.storelogo .elementor-image {
height: 45px !important;
}

.storelogo .elementor-image img {
height: 45px !important;      
    width: auto;
}



}












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

.main-header-bar-navigation {
	display: block !important;
	opacity: 0 !important;
	pointer-events: none;
	transition: all 0.3s ease-in-out;
	    padding-top: 1em;
}


.main-header-bar-navigation.toggle-on {
	display: block !important;
	opacity: 1 !important;
	pointer-events: auto;
}



/* HEADER */


.site-logo-img img {
	width: 140px;
}


.site-logo-img {
    padding-right: 1em;
    margin-left: -20px;
	margin-top: 4px;
}

#site-navigation {
    margin-top: -13px;
}




.social-mobile .ac_social_top {
	width: 36px;
	height: 36px;
	margin-left: 15px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}



.social-mobile .elementor-container {
	
	padding: 0px 0px 0px 0px !important;
}



.social-mobile {
    display: initial;
    position: fixed !important;
    z-index: 9000 !important;
    top: 12px;
    right: 70px;
}


.social-mobile .ac_social_bar {
    display: flex;
    margin-right: 0px;
}





.ast-button-wrap .menu-toggle .menu-toggle-icon:before {
    content: '' !important;
    background: url(assets/hamburger2.svg) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    top: 18px;
    right: 0;
}



.ast-button-wrap .menu-toggle.toggled .menu-toggle-icon:before {
   content: '' !important;
    background: url(assets/close2.svg) !important;
    background-size: contain !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    width: 25px !important;
    height: 25px !important;
    position: absolute;
    top: 18px;
    right: 0;
}










.playnowCS { 
display: none !important;
}

.playnowMOB {
	display: initial;
	position: fixed !important;
    bottom: 0;
    z-index: 900;
	width: 100% !important;
	transition: all 0.2s ease-in-out;
}


.hideMOB {
  opacity: 0;
  transition: all 0.2s ease-in-out;
}
.showMOB {
  opacity: 1;
  transition: all 0.2s ease-in-out;
}

.playnowMOB .elementor-container {
	padding: 0px 0px 0px 0px;
	background: #fff;
}



.playnowMOB .buttoncont .elementor-button-wrapper {
    justify-content: center;
    display: flex;
    width: 100%;
	padding-left: 10px;
	padding-right: 10px;
}

.playnowMOB #banner-button-mob {
	width: 100%;
	height: 60px;
	
}

.playnowMOB .elementor-widget-container {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px !important;
}


.playnowMOB .buttoncont .elementor-button-wrapper::after {
    content: 'Keep me informed';
    position: absolute;
    width: 90%;
    height: 40px;
    font-size: 40px;
    top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: none;
    justify-content: center;
    display: flex;
    color: #ffffff;
    line-height: 40px;
    transition: all .2s;
}




.main-navigation {
	padding: 0px !important;
}

#primary-menu:after {
	position: absolute;
	top: -19px;
	left: 0px;
	width: 100%;
	height: 20px;
	content: '';
	box-shadow: 7px 7px 5px #0000003B;
	padding: 0px !important;
}


.ast-header-break-point .main-navigation ul {
	padding-bottom: 15px;
	padding-top: 15px;
	box-shadow: 7px 7px 5px #0000003B;
}


.ast-header-break-point .main-navigation ul li a {
	border: 0px !important;
	line-height: 50px;
	text-align: right;
}


.ast-header-break-point .main-header-bar .main-header-bar-navigation .main-header-menu {
	border: 0px !important;
	background: #fff;
	
}


.ast-header-break-point .ast-mobile-header-inline .main-header-container, .ast-header-break-point .ast-mobile-header-stack .main-header-container {
    -js-display: flex;
    display: flex;
    height: 58px;
	
}




/* BANNER */




#banner {
    overflow: hidden;
}


.banner-content::before {
 content: '';
    position: absolute;
    bottom: -25%;
    right: -25%;
    width: 150% !important;
    height: 150% !important;
    background: url(assets/image_glow.png);
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}




#banner .elementor-container {
    width: 100%;
    padding: 0px 50px 0px 50px;
	min-height: calc(100vh - 202px);
	height: calc(100vh - 232px);
}

#banner {
	margin-top: 15px;
}

.banner-content {
width: 100% !important;
margin-top: 0px;
}




.banner-icons-row .elementor-inner-column {
	width: 25% !important;
}


.banner-icons-row .elementor-container {
	padding: 0px 0px 0px 0px !important;
	height: auto !important;
	min-height: auto !important;
}





/* BANNER BAR */



.banner_bar .elementor-row {
    justify-content: center;
	padding: 20px 0px 10px 0px !important;
}



.banner_bar .bar-col1, .banner_bar .bar-col3 {
    width: 35% !important;
}


.banner_bar .bar-col2, .banner_bar .bar-col4 {
    width: 35% !important;
}




.banner_bar .elementor-icon-box-wrapper {
	display: flex;
}



.banner_bar .elementor-widget-icon-box .elementor-icon-box-icon  {
	margin-right: 10px !important;
	margin-bottom: 0px !important;
}



.banner_bar .elementor-column-wrap, .banner_bar .elementor-column {
    padding: 0px 0px 0px 0px !important;
}





/* TRAILERS */


#trailers.maincontent-section {
    padding-top: 70px !important;

}





/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 162px !important;
	height: 92px !important;
}









/* ABOUT */


#about .n2-ss-slider-2 {
    position: relative;
    width: 100% !important;
    height: 100%;
    padding-left: 0px;
    padding-right: 0px;
}



.about_slider_img_col {
	display: none !important;
}


.about_slider_txt_col {
	width: 100% !important;
	
}


#about .n2-ss-layer .n2-ow .n2-ss-last-in-row {
	padding: 0px 0px 35px 0px !important;
}




#about .nextend-arrow-previous {
	bottom: -20px !important;
	top: auto !important;
}



#about .nextend-arrow-next {
	bottom: -20px !important;
	top: auto !important;
}






/* EXPECT */


#expect .expect_leftcol {
	padding-left: 0px !important;
	width: 100% !important;
}

#expect .expect_rightcol {
	padding-left: 0px !important;
	width: 100% !important;
}


#expect .expect_leftcol2 {
	padding-left: 0px !important;
	width: 100% !important;
}

#expect .expect_rightcol2 {
	padding-left: 0px !important;
	width: 100% !important;
}





#expect .elementor-inner-section .elementor-container {
	padding: 0px 0px 0px 0px !important;
}









/* AWARDS */






.awards_badges .elementor-column {
    width: auto;
    max-width: 25% !important;
}

.awards_badges .elementor-row {
    justify-content: center;
}

.ab_leftcol {
    width: 100% !important;
}

.ab_rightcol {
    width: 100% !important;
}



.ab_leftcol .elementor-column-wrap, .ab_rightcol .elementor-column-wrap {
padding: 0px 0px 0px 0px !important;	
}



#awards ul {
    margin-left: 20px !important;
}




/* PURCHASE */


#stores .elementor-row {
	justify-content: space-between;
}

#stores .elementor-column {
	max-width: 45% !important;
	margin-bottom: 40px;
}

.storelogo .elementor-image {
height: 55px !important;
}

.storelogo .elementor-image img {
height: 55px !important;      
    width: auto;
}



.inactive::after {
    top: 90%;
}

/* NEWSLETTER */


#newsletter .elementor-inner-section .elementor-container {
	padding: 0px 0px 0px 0px !important;
}



.newsletter_col1 {
    width: 100% !important;
    padding-right: 0px;
    padding-top: 20px;
}






/* HEXES */




.maincontent-section {
	padding-top: 100px !important;
	padding-bottom: 100px !important;
	
}






.hexup1.elementor-element, .hexup2.elementor-element, .hexdown1.elementor-element, .hexdown2.elementor-element {
    width: 100px !important;
	height: 80px !important;
}


.hexup1 img, .hexup2 img, .hexdown1 img, .hexdown2 img {
	width: 100px !important;
	height: 40px !important;
}



.hexup1 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: -50px;
}


.hexdown1 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 82.5px;
}


.hexup2 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: -15.5px;

}

.hexdown2 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 47.55px;
}








}


























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

/* BANNER */


.site-logo-img {
    padding-right: 1em;
    margin-left: -20px;
	margin-top: 3px;
}

#site-navigation {
    margin-top: -11px;
}

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
	padding: 0px 40px 0px 40px;
	
}






/* HEXES */


.hexup1 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: -40px;
}


.hexdown1 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 92.5px;
}


.hexup2 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: -5.5px;

}

.hexdown2 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 57.55px;
}






/* FOOTER */



.footer-adv-widget-1 {
width: fit-content !important;
padding-left: 0px !important;
padding-right: 60px !important;
}


.footer-adv-widget-2 {
width: fit-content !important;
padding-left: 0px !important;
padding-right: 30px !important;
}


.footer-adv-widget-3 {
	width: 23% !important;
}



.footer-adv-widget-4 {
	float: right !important;
}




}
























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

/* BANNER */

.banner_bar .elementor-container {
    width: 80% !important;
}


.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
	padding: 0px 30px 0px 30px;
	
}



/* BANNER BAR */



.banner_bar .elementor-row {
    justify-content: center;
	padding: 20px 0px 10px 0px !important;
}



.banner_bar .bar-col1, .banner_bar .bar-col3, .banner_bar .bar-col2, .banner_bar .bar-col4 {
    width: 50% !important;
}




/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 122px !important;
	height: 70px !important;

}





/* FOOTER */



.footer-adv-widget-1 {
width: 50% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}


.footer-adv-widget-2 {
width: 50% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}


.footer-adv-widget-3 {
width: 50% !important;
padding-left: 0px !important;
}



.footer-adv-widget-4 {
	
	width: 50% !important;
	    display: flex;
			padding-left: 0px !important;
padding-right: 0px !important;

}


#custom_html-3 {
	width: 100%;
}



.footer_button_press {
	border-radius: 30px;
    width: 100%;
	height: 60px;
    font-size: 22px;
    line-height: 60px;

}







/* HEXES */


.hexup1 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: -30px;
}


.hexdown1 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 92.5px;
}


.hexup2 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: -5.5px;

}

.hexdown2 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 67.55px;
}




}




















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



/* GLOBAL */


.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
	padding: 0px 20px 0px 20px;
	
}

h3 {
font-size: 24px !important;
line-height: 1.2 !important;
}



/* BANNER */

.banner_bar .elementor-container {
    width: 90% !important;
}


.banner_bar .elementor-row {
    justify-content: center;
	padding: 20px 0px 10px 0px !important;
}



.banner_bar .bar-col1, .banner_bar .bar-col3 {
    width: 60% !important;
}


.banner_bar .bar-col2, .banner_bar .bar-col4 {
    width: 40% !important;
}

.banner_bar .elementor-icon-box-title {
    margin-bottom: 0px;
    padding-top: 3px;
}
	



/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 135px !important;
	height: 76px !important;

}





/* POPUP */

.sg-popup-builder-content {
    padding: 30px !important;
    width: auto !important;
}




pre {
    font-size: 18px !important;
    width: calc(100% - 10px) !important;
    padding-left: 10px;
}


.copy-the-code-button {
    color: transparent !important;
    font-size: 1px !important;
	width: 70px;
	position: relative;
}


.copy-the-code-button::after {
	content: 'xxx';
	background: url('assets/ic_copy.svg');
	position: absolute;
	top: 0;
	left:0;
	width: 100%;
    height: 100%;
	background-size: 30%;
	background-position: center center;
	background-repeat: no-repeat;
	
}



.social-sharing a.button-facebook {
	background-image: none !important;
    background-color: #4267B2 !important;
    background: -moz-linear-gradient(top, #4267B2, #4267B2);
    background: -ms-linear-gradient(top, #4267B2, #4267B2);
    background: -webkit-linear-gradient(top, #4267B2, #4267B2);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
color: transparent !important;
    font-size: 1px !important;
	height: 40px;
    padding: 0px 10px 0px 10px;
    line-height: 40px;
}

.social-sharing a.button-facebook:hover {
	background-image: none !important;
    background-color: #284277  !important;
    background: -moz-linear-gradient(top, #284277, #284277);
    background: -ms-linear-gradient(top, #284277, #284277);
    background: -webkit-linear-gradient(top, #284277, #284277);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
transition: all .3s ease-in-out !important;

}




.social-sharing a.button-twitter {
	background-image: none !important;
    background-color: #28AAE1 !important;
    background: -moz-linear-gradient(top, #28AAE1, #28AAE1);
    background: -ms-linear-gradient(top, #28AAE1, #28AAE1);
    background: -webkit-linear-gradient(top, #28AAE1, #28AAE1);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
color: transparent !important;
    font-size: 1px !important;
	height: 40px;
    padding: 0px 10px 0px 10px;
    line-height: 40px;
}

.social-sharing a.button-twitter:hover {
	background-image: none !important;
    background-color: #1d80aa !important;
    background: -moz-linear-gradient(top, #1d80aa, #1d80aa);
    background: -ms-linear-gradient(top, #1d80aa, #1d80aa);
    background: -webkit-linear-gradient(top, #1d80aa, #1d80aa);
text-shadow: 0 0px 0 rgba(0, 0, 0, 0.25);
transition: all .3s ease-in-out !important;
}





.ss_fb::before {
    content: '';
    background: url(assets/sharing_fb.svg);
    position: absolute;
    top: 8px;
    left: 0px;
    width: 100%;
    height: 25px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
}




.ss_tt::before {
    content: '';
    background: url(assets/sharing_twitter.svg);
    position: absolute;
    top: 7px;
    left: 0px;
    width: 100%;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
}






.social-sharing {
    width: 100%;
    clear: both;
    display: flex;
    justify-content: flex-start;
}

.ss_shareon {
    font-size: 26px;
    margin-right: 15px;
    line-height: 40px;
}



.ss_fb {

    margin-right: 15px;
}



/* HEXES */


.hexup1 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: -20px;
}


.hexdown1 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 102.5px;
}


.hexup2 {
	position: absolute !important;
    top: -139px;;
	z-index: 20;
	right: 4.5px;

}

.hexdown2 {
	position: absolute !important;
    bottom: -139px;;
	z-index: 20;
	right: 77.55px;
}



/* AWARDS */

.awards_badges .elementor-column {
    width: auto;
    max-width: 33.3% !important;
}




/* PURCHASE */


#stores .elementor-row {
	justify-content: space-between;
}

#stores .elementor-column {
	max-width: 100% !important;
	margin-bottom: 0px;
}



#stores .elementor-column:not(:last-child) {
	margin-bottom: 30px !important;
}


.storelogo .elementor-widget-container {
	display: flex;
    justify-content: center;
}

.storelogo .elementor-image {
height: auto !important;
width: 200px !important;
}

.storelogo .elementor-image img {
height: auto !important;
    width: 100% !important;
}


.inactive::after {
    content: 'soon';
    position: absolute;
    top: 90%;
    width: 100%;
    left: 0;
    font-size: 20px;
}

}















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


.social-mobile {
    display: initial;
    position: fixed !important;
    z-index: 9000 !important;
    top: 13px;
    right: 60px;
}


.social-mobile .ac_social_top {
	width: 33px;
	height: 33px;
	margin-left: 10px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}



.playnowMOB .buttoncont .elementor-button-wrapper::after {
    font-size: 30px;
}


.playnowMOB .buttoncont .elementor-button-wrapper:hover::after {
    font-size: 32px;
}


.banner_bar .bar-col1, .banner_bar .bar-col3 {
    width: 55% !important;
}


.banner_bar .bar-col2, .banner_bar .bar-col4 {
    width: 45% !important;
}



/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 110px !important;
	height: 62px !important;
	
}


	
/* BOARDGAME */


#boardgame {
    margin-bottom: 0px;
    font-size: 20px;
}


}







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

.banner-content {
	margin-top: 50px;
}


}













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


h3 {
    font-size: 22px !important;
    line-height: 1.2 !important;
}







.social-mobile {
    display: initial;
    position: fixed !important;
    z-index: 9000 !important;
    top: 16px;
    right: 60px;
}


.social-mobile .ac_social_top {
	width: 28px;
	height: 28px;
	margin-left: 8px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}




/* BANNER BAR */



.banner_bar .elementor-container {
    width: 100% !important;
}

.banner_bar .elementor-icon-box-title {
    margin-bottom: 0px;
    padding-top: 5px;
}




/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 100px !important;
	height: 62px !important;
}	



/* POPUP */




.sg-popup-builder-content {
    padding: 20px !important;
    width: auto !important;
}
	


/* FOOTER */



.footer-adv-widget-1 {
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}


.footer-adv-widget-2 {
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}


.footer-adv-widget-3 {
width: 50% !important;
padding-left: 0px !important;
}



.footer-adv-widget-4 {
	
	width: 50% !important;
	    display: flex;
			padding-left: 0px !important;
padding-right: 0px !important;

}


}
















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



/* BANNER */


#banner-button {
    font-size: 36px;
    box-shadow: 3px 3px 3px #0000003B;
    width: 240px;
    height: 70px;
    line-height: 55px;
}


.banner-content {
	margin-top: 50px;
}




/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 93px !important;
	height: 62px !important;
}	



/* POPUP */



.social-sharing a.button-facebook {
    padding: 0px 0px 0px 10px;
 
}

.social-sharing a.button-twitter {
    padding: 0px 0px 0px 10px;
 
}


/* FOOTER */



.footer-adv-widget-1 {
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}


.footer-adv-widget-2 {
width: 100% !important;
padding-left: 0px !important;
padding-right: 0px !important;
}


.footer-adv-widget-3 {
width: 100% !important;
padding-left: 0px !important;
}



.footer-adv-widget-4 {
	
	width: 100% !important;


}




}









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


h3 {
    font-size: 20px !important;
    line-height: 1.2 !important;
}

#site-navigation {
    margin-top: -6px;
}

.site-logo-img {
    padding-right: 1em;
    margin-left: -20px;
    margin-top: 8px;
}



.site-logo-img img {
    width: 110px;
}


.social-mobile {
    display: initial;
    position: fixed !important;
    z-index: 9000 !important;
    top: 16px;
    right: 60px;
}


.social-mobile .ac_social_top {
	width: 28px;
	height: 28px;
	margin-left: 5px;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
}




/* BANNER */


#banner .elementor-container {
    width: 100%;
    padding: 0px 50px 0px 50px;
    min-height: calc(100vh - 145px);
    height: calc(100vh - 145px);
}

.chs_banner_logo {
	margin-bottom: 0px !important;
}


#banner-button {
    font-size: 32px;
    box-shadow: 3px 3px 3px #0000003B;
    width: 160px;
    height: 48px;
    line-height: 50px;
}



.buttoncont {
		margin-bottom: 5px !important;
}

.build {
	margin-top: 0px !important;
	margin-bottom: 5px !important;
}


.banner-icons-row img {
	width: 33px;
}

.banner-icons-row .elementor-image {
    width: 33px;
}

.banner-icons-row .elementor-container {
    width: 180px !important;
}


.buttoncont .elementor-button-wrapper:hover::after {
    font-size: 34px;
}



.buttoncont .elementor-button-wrapper::after {
    content: 'Play now';
    position: absolute;
    width: 80%;
    height: 40px;
    font-size: 32px;
    top: 10px;
    -webkit-transform: none !important;
    transform: none !important;
    pointer-events: none;
    justify-content: center;
    display: flex;
    color: #ffffff;
    line-height: 50px;
    transition: all .2s;
}

.banner-content {
    margin-top: 0px;
}

.banner-content .elementor-element-populated {
    padding: 0px 0px 0px 0px !important;
} 


.banner-icons-row .elementor-element-populated {
    padding: 0px 0px 0px 0px !important;
} 

/* BANNER BAR */


.banner_bar .elementor-icon-box-title {
    margin-bottom: 0px;
    padding-top: 5px;
}

.banner_bar .elementor-row {
    justify-content: center;
    padding: 10px 0px 5px 0px !important;
}



.banner_bar .elementor-icon-box-wrapper {
	height: 33px;
}


.banner_bar .elementor-widget-wrap, .banner_bar .elementor-column-wrap, .banner_bar .bar-col1, .banner_bar .bar-col2, .banner_bar .bar-col3, .banner_bar .bar-col4 {
	height: fit-content;
}


/* SCREENSHOTS */


.nextend-thumbnail-default .nextend-thumbnail-scroller .nextend-thumbnail-scroller-group > div, .n2-ss-thumb-image {
	width: 80px !important;
	height: 50px !important;
}	






.sg-popup-builder-content {
    padding: 15px !important;
    width: auto !important;
}


.ss_shareon {
    font-size: 20px;
    margin-right: 10px;
    line-height: 40px;
}


.ss_fb {
    margin-right: 10px;
}


#newsletter .sib-default-btn {
    width: 220px;
    height: 70px;
    font-size: 24px;

}


#boardgame {
    margin-bottom: 0px;
    font-size: 16px;
    line-height: 20px;
}

}














/* Landscape */

@media only screen and (min-device-width: 1366px) and (max-device-height: 1024px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: landscape)  {

.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
	padding: 0px 50px 0px 50px;
}


}



/* Portrait*/
@media only screen and (min-device-width: 1024px) and (max-device-height: 1366px) and (-webkit-min-device-pixel-ratio: 2)  and (orientation: portrait)  {
	
	.elementor-section.elementor-section-boxed>.elementor-container {
    max-width: 100% !important;
	padding: 0px 50px 0px 50px;
	
}
}






@media only screen and (min-width : 991px) and (max-width : 1080px) and (max-height : 768px) {
	#banner {
    overflow: hidden;
    display: flex;
    align-items: baseline;
	min-height: 600px !important;
	height: calc(100vh - 172px);
	align-items: flex-end;
}

#banner .elementor-container {

	min-height: 100% !important;
	height: 100%;
}



#banner-button {
    width: 224px;
    height: 66px;
    line-height: 1.5;
    position: relative;
}


.buttoncont .elementor-button-wrapper::after {
    font-size: 36px;
}

.buttoncont .elementor-button-wrapper:hover::after {
    font-size: 38px;
}



.banner-icons-row .elementor-container {
    width: 250px !important;
}

.chs_banner_logo img {
	width: 80%;
}


.build img {
	width: 65%;
}
	
}






/* Landscape */

@media only screen and (min-width : 533px) and (max-width : 991px) and (max-height : 480px) {

#banner {
    overflow: hidden;
    display: flex;
    align-items: baseline;
	min-height: 550px !important;
	height: calc(100vh - 172px);
	align-items: flex-end;
}

#banner .elementor-container {
    width: 100%;
    padding: 0px 50px 0px 50px;
	min-height: 100% !important;
	height: 100%;
}

#banner-button {
    width: 224px;
    height: 66px;
    line-height: 1.5;
    position: relative;
}


.buttoncont .elementor-button-wrapper::after {
    font-size: 36px;
}

.buttoncont .elementor-button-wrapper:hover::after {
    font-size: 38px;
}



.banner-icons-row .elementor-container {
    width: 250px !important;
}

.chs_banner_logo img {
	width: 60%;
}


.build img {
	width: 45%;
}

}


@media only screen and (min-width : 812px) and (max-width : 1023px) and (max-height : 480px) {
	
	.banner-icons-row .elementor-container {
    width: 350px !important;
}
}