/*
Theme Name: FreeToPlay
Theme URI: https://wordpress.org/themes/twentytwentytwo/
Author: YYY
*/
body{
    margin: 0;
}
.overflow-x-hidden{
	overflow-x: hidden;
}

@media screen and (max-width: 767px){
	br.desktop{
		display: none;
	}
}

/* Search bar */
.proloading,
.prosettings{
	display: none !important;
}
#ajaxsearchlite1 .probox .proinput input, div.asl_w .probox .proinput input{
	font-size: 14px !important;
	font-weight: 500;
}
@media screen and (max-width: 767px){
	#ajaxsearchlite1 .probox, div.asl_w .probox{
		padding-inline-end: 0;
	}
	body .asl_w_container{
		min-width: 45px;
		width: fit-content;
		position: absolute;
	  top: -41px;
	  right: 0;
	}
	body .asl_w_container .proinput input{
		pointer-events: none;
	}
	body .asl_w_container.mobile-active .proinput input{
		pointer-events: all;
	}
	.proinput{
		margin: 0 !important;
	  	padding: 0 !important;
		padding-inline-start: 8px;
	}
	.promagnifier{
		pointer-events: none;
	}
	div.asl_m .probox .proinput form{
		padding-inline-start: 8px !important;
	}
}

div.asl_r.asl_w{
  border-radius: 20px !important;
  background-color: rgba(243, 243, 243, 1) !important;
}
div.asl_r .results .asl_nores{
	background-color: rgba(243, 243, 243, 1) !important;
}
div.asl_r .results .item {
    height: auto;
    border-radius: 14px;
    margin-block-end: 4px;
    background: none;
    border: none;
    padding-inline-end: 25px !important;
}
div.asl_r .results .item .asl_image{
	border-radius: 4px;
}
div.asl_r.asl_w.vertical .results .item::after {
    opacity: .5;
}
div.asl_r .results .item .asl_content h3 a{
	color: #1C1E27;
}
/* end search bar */

/*  Popups */
.form-custom.hidden{
	display: none;
}
// .form-sign-in.shown{
// 	display: block;
// }

.elementor-form-waiting{
	opacity: 1 !important;
}

.form-sign-in,
.form-sign-up,
.form-sign-up form input[type="email"]{
	display: none;
}
.form-custom form button[type="submit"]{
	background: linear-gradient(207deg, #15D6C9 0%, #3498FD 83.33%);
	display: block;
	width: fit-content;
	flex-basis: auto !important;
	margin: 32px 12px 0;
	transition: .25s;
	cursor: pointer;
}
.form-sign-up form button[type="submit"]{
	margin-block-start: 100px;
}
.form-custom form input{
	padding: 12px 8px;
	box-shadow: none !important;
}
.form-custom form button[type="submit"]:hover{
	box-shadow: 0 12px 20px 0 rgba(52, 152, 253, .3);
}
.form-custom form button[type="submit"] .elementor-form-spinner,
.elementor-widget-form .elementor-message,
.form-custom form .elementor-button-icon{
	display: none !important;
}
.elementor-form-fields-wrapper .form-custom-error{
	color: #DE4940;
	font-size: 10px;
	font-weight: 500;
	line-height: 16px; 
	font-family: 'Montserrat', sans-serif;
	position: absolute;
	inset-inline-end: 30px;
	inset-block-start: 50%;
	transform: translate(0, -50%);
}
.elementor-form-fields-wrapper .form-custom-error-border{
	position: absolute;
	inset-block-end: 0;
	inset-inline-start: 0;
	height: 1px;
	width: 100%;
	background-color: #DE4940;
}
.elementor-field-group{
	padding-left: 0 !important;
	padding-right: 0 !important;
}
.form-custom form .elementor-field-type-submit{
	display: flex;
	align-items: center;
	justify-content: center;
}
.form-sign-in form .btn-back,
.form-sign-up form .btn-back{
	display: inline-block;
	position: relative;
	color: #1C1E27;
	font-size: 14px;
	font-weight: 500;
	font-family: 'Montserrat', sans-serif;
    padding: 14px;
    margin-block-start: 33px;
	cursor: pointer;
}
.form-sign-up form .btn-back{
	margin-block-start: 100px;
}
.form-sign-in form .btn-back:before,
.form-sign-up form .btn-back:before{
	content: '';
	position: relative;
	display: inline-block;
	height: 14px;
	width: 14px;
	background-image: url('../../../wp-content/uploads/2025/04/arrow-right.png');
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
    margin: 0 6px;
}
.form-sign-in form .btn-back:hover,
.form-sign-up form .btn-back:hover{
	text-decoration: underline;
}
.form-sign-up.created,
.form-sign-in.loggedin{
	position: relative;
	background-color: #FFC800;
	border-radius: 16px;
}
.form-sign-up .account-created,
.form-sign-in .account-loggedin{
	padding: 11px 20px;
	border-radius: 64px;
	background: linear-gradient(207deg, #15D6C9 0%, #3498FD 83.33%);
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 800;
	transition: .25s all;
	margin-block-start: 32px;
    display: inline-block;
	cursor: pointer;
}
.form-sign-up .account-created:hover,
.form-sign-in .account-loggedin:hover{
	box-shadow: 0 12px 20px 0 rgba(52, 152, 253, .3);
}
.form-sign-up.created .elementor-heading-title,
.form-sign-in.loggedin .elementor-heading-title{
	position: relative;
}
.form-sign-up.created .elementor-heading-title:before,
.form-sign-in.loggedin .elementor-heading-title:before{
	content: '';
	position: relative;
	height: 100px;
	width: 100%;
	display: block;
	background-image: url('../../../wp-content/uploads/2025/04/user-love.png');
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	margin-block-end: 8px;
}
.form-sign-up.created .insert-email-adress,
.form-sign-up.created .elementor-form,
.form-sign-in.loggedin .insert-email-adress,
.form-sign-in.loggedin .elementor-form,
.form-sign-in.loggedin .insert-existed-email-adress{
	display: none !important;
}
.form-sign-up.created .popup-created-description,
.form-sign-in.loggedin .popup-loggedin-description{
	font-size: 14px;
	font-weight: 500;
	color: #fff;
	font-family: 'Montserrat', sans-serif;
	margin-block-start: 4px;
}
#open-sign-up{
	display: none !important;
}
.form-sign-up.created,
.form-sign-in.loggedin{
	position: relative;
	background-color: #FFC800;
	border-radius: 16px;
}
.form-sign-up .account-created,
.form-sign-in .account-loggedin{
	padding: 11px 20px;
	border-radius: 64px;
	background: linear-gradient(207deg, #15D6C9 0%, #3498FD 83.33%);
	color: #fff;
	font-family: Montserrat, sans-serif;
	font-size: 14px;
	font-weight: 800;
	transition: .25s all;
}
.form-sign-up .account-created:hover,
.form-sign-in .account-loggedin:hover{
	box-shadow: 0 12px 20px 0 rgba(52, 152, 253, .3);
}
.form-sign-in input[type="email"]{
	pointer-events: none;
	opacity: .5;
}
.password-show{
	position: absolute;
    inset-inline-end: 8px;
    inset-block-start: 50%;
    transform: translate(0, -50%);
    height: 16px;
    width: 16px;
    cursor: pointer;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(../../../wp-content/uploads/2025/04/show-hide_icon.png);
}
.password-show.active{
	background-image: url(../../../wp-content/uploads/2025/04/show.png);
}
/* End popups */

/* Videos carousel */
.slider-video .elementor-main-swiper{
    margin-bottom: 60px;
}
.slider-video .elementor-swiper-button,
.owl-nav button{
	display: inline-block;
	height: 32px;
	width: 32px;
	position: absolute;
	left: unset;
	inset-block-end: 0;
	inset-inline-end: 0;
	margin-block-start: 24px;
	z-index: 3;
	float: inline-end;
}
.slider-video .elementor-swiper-button i{
	display: none;
}
.slider-video .elementor-swiper-button:before,
.owl-nav button:before{
	content: '';
	height: 100%;
	width: 100%;
	display: block;
	background-color: #F3F3F3;
	background-image: url(../../../wp-content/uploads/2025/03/arrow-right.png);
	border-radius: 50px;
	padding: 6px;
	    position: absolute;
    inset-block-start: 0;
    inset-inline-start: 0;
    background-position: center;
    background-size: 65%;
    background-repeat: no-repeat;
    cursor: pointer;
}
.slider-video .elementor-swiper-button.elementor-swiper-button-prev{
    margin-inline-end: 55px;
	margin-inline-start: auto;
	right: 0;
}
.slider-video .elementor-swiper-button.elementor-swiper-button-prev:before,
.owl-nav button.owl-prev:before{
    background-image: url(../../../wp-content/uploads/2025/03/arrow-left.png);
}
.slider-video .elementor-swiper-button:hover:before,
.owl-nav button:hover:before{
    background-color: #1C1E27;
    background-image: url(../../../wp-content/uploads/2025/03/arrow-left-lg.png);
}
.slider-video .elementor-swiper-button.elementor-swiper-button-prev:hover:before,
.owl-nav button.owl-prev:hover:before{
    background-color: #1C1E27;
    background-image: url(../../../wp-content/uploads/2025/03/arrow-left-lg-1.png);
}
.elementor-custom-embed-play i{
    display: none;
}
.elementor-custom-embed-play{
    height: 80px;
    width: 80px;
    background-image: url(../../../wp-content/uploads/2025/03/Play.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}
/* End videos carousel */

/* Popular carousel */
.owl-carousel .owl-item .uc_image_carousel_placeholder:after{
	content: '▶ PLAY';
    display: none;
    position: absolute;
    inset-inline-start: 80px;
    inset-inline-end: 0;
    inset-block-start: 50%;
    transform: translate(0, -50%);
    margin: auto;
    width: fit-content;
    padding: 11px 20px;
    border-radius: 64px;
    background: linear-gradient(207deg, #15D6C9 0%, #3498FD 83.33%);
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 800;
    transition: .25s all;
    z-index: 2;
    word-spacing: 4px;
	pointer-events: none;
}
.elementor-widget-ucaddon_post_carousel:not(.slider-popular) .owl-carousel .owl-item .uc_image_carousel_placeholder:after{
	inset-inline-start: 0;
}
.owl-carousel .owl-item:hover .uc_image_carousel_placeholder:after{
	display: block;
	box-shadow: 0px 10px 20px 0px rgba(28, 30, 39, 0.50);
}
.slider-popular .owl-carousel .owl-stage-outer:before,
.side-gradient .elementor-widget-container:before{
    content: '';
    height: 100%;
    width: 120px;
    position: absolute;
    inset-inline-end: 0;
    inset-block-start: 0;
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 20%, #FFF 100%);
    display: block;
    z-index: 2;
}
.owl-nav .owl-prev.disabled{
    display: block !important;
}
.owl-nav .owl-prev{
    margin-inline-end: 15px;
}
.owl-nav{
    display: flex;
    justify-content: flex-end;
}
.owl-nav .owl-prev, 
.owl-nav .owl-next{
    position: relative !important
}
.slider-popular .owl-carousel .owl-item .uc_image_carousel_placeholder{
	position: relative;
	display: flex;
    padding-inline-start: 80px;
}
.slider-popular .owl-carousel .owl-item .uc_image_carousel_placeholder img{
	z-index: 1;
	position: relative;
}
.slider-popular .owl-carousel .owl-item .uc_image_carousel_placeholder img{
    border-radius: 6px;
}
.slider-popular .owl-carousel .owl-item .uc_image_carousel_placeholder:before{
	    content: "";
    height: 100%;
    max-height: 180px;
    width: 120px;
    position: absolute;
    display: block;
    background-position: center left;
    background-size: contain;
    background-repeat: no-repeat;
    inset-inline-start: 10px;
    inset-block-end: 15px;
}
.slider-popular .owl-carousel .owl-item:nth-of-type(1) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/1.png);
    inset-inline-start: -15px;
}
.slider-popular .owl-carousel .owl-item:nth-of-type(2) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/2.png);
}
.slider-popular .owl-carousel .owl-item:nth-of-type(3) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/3.png);
}
.slider-popular .owl-carousel .owl-item:nth-of-type(4) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/4.png);
}
.slider-popular .owl-carousel .owl-item:nth-of-type(5) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/5.png);
}
.slider-popular .owl-carousel .owl-item:nth-of-type(6) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/6.png);
}
.slider-popular .owl-carousel .owl-item:nth-of-type(7) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/7.png);
}
.slider-popular .owl-carousel .owl-item:nth-of-type(8) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/8.png);
}
.slider-popular .owl-carousel .owl-item:nth-of-type(9) .uc_image_carousel_placeholder:before{
    background-image: url(../../../wp-content/uploads/2025/03/9.png);
}
@media screen and (max-width: 1024px){
    .slider-popular .owl-carousel .owl-item .uc_image_carousel_placeholder:before{
        max-height: 135px;
    }
}
@media screen and (max-width: 767px){
    .slider-popular .owl-carousel .owl-item .uc_image_carousel_placeholder:before{
        max-height: 100px;
        inset-inline-start: 0;
    }
    .slider-popular .owl-carousel .owl-item .uc_image_carousel_placeholder {
        padding-inline-start: 40px;
    }
    .slider-video .elementor-swiper-button, .owl-nav button{
        margin-block-start: 16px !important;
    }
}
/* End Popular carousel */

/* Games Default Carousel */
.elementor-widget-ucaddon_post_carousel:not(.slider-popular) .owl-carousel.owl-drag .owl-item:nth-of-type(1){
    width: 388px !important;
}
.owl-carousel .owl-item{
    padding: 0 4px;
}
.owl-carousel .uc_carousel_item{
    overflow: visible !important;
}
.owl-carousel .owl-item:hover .uc_image_carousel_placeholder a{
	position: relative;
}
.owl-carousel .owl-item:hover .uc_image_carousel_placeholder a:before{
	content: '';
	display: block;
	position: absolute;
	inset-block-start: 0;
	inset-inline-start: 0;
	height: 100%;
	width: 100%;
	background: linear-gradient(0deg, rgba(50, 55, 70, 0.30) 0%, rgba(50, 55, 70, 0.30) 100%);
  z-index: 2;
  border-radius: 6px;
}
@media screen and (max-width: 979px){
    .elementor-widget-ucaddon_post_carousel:not(.slider-popular) .owl-carousel.owl-drag .owl-item{
        padding-inline-start: 0;
    }
    .elementor-widget-ucaddon_post_carousel:not(.slider-popular) .owl-carousel.owl-drag .owl-item:nth-of-type(1){
        max-width: auto !important;
        padding-inline-start: 0;
    }
}

/* End Games Default Carousel */

/* Video SLider */
.video-slider .owl-carousel{
	width: 90%;
	margin: 0 !important;
	position: unset !important;
}
.video-slider .owl-stage-outer{
	overflow: visible !important;
}
.video-slider .owl-item{
	padding: 0 !important;
}
.video-slider .uc_video_content_slider_holder .uc_play_video{
	height: 100% !important;
    width: 100% !important;
    background-size: 100px !important;
    background-position: center !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    transform: none !important;
	background-image: url(../../../wp-content/uploads/2025/03/Play.png) !important;
	background-repeat: no-repeat !important;
}
.video-slider .owl-nav{
	position: absolute;
	inset-inline-end: 0;
	margin-block-start: 24px;
}
.video-slider .owl-nav button{
	height: 32px !important;
	width: 32px !important;
	left: unset !important;
	right: unset !important;
}
@media screen and (max-width: 768px) {
	.video-slider .uc_video_content_slider_holder .uc_content_box{
		display: none !important;
	}
	.video-slider .uc_video_content_slider_holder .uc_play_video{
		background-size: 75px !important;
	}
}
/* End Video SLider */