@charset "UTF-8";@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700,900');


/*RESET CSS*/
.error {
    display: none;
}

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

html{
	scroll-behavior: smooth;
}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	vertical-align: baseline;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	text-decoration:none;
	outline : none;
	letter-spacing: 0.5px;
	color:inherit;
	box-sizing: border-box;
	-webkit-overflow-scrolling: touch; 
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	scrollbar-face-color: transparent;
scrollbar-highlight-color: transparent;
scrollbar-3dlight-color: transparent;
scrollbar-darkshadow-color: transparent;
scrollbar-shadow-color: transparent;
scrollbar-arrow-color: transparent;
scrollbar-track-color: transparent;
   
    padding: 0!important;
	height:100%;
	scroll-behavior: smooth;
	background: #F2F2F2;
    width: 100%;
    height: 100%;
	overflow-y: scroll!important;
}

html {
  scroll-behavior: smooth;
}

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a:hover, a:focus {
	text-decoration: none;
	outline : none;
}
a:empty {
   
}
input{
	font-size:16px!important;
}
input#cvv, input#expiration, input#credit-card-number {
	font-size:16px!important;
					
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9 {
    padding-right: 0px;
    padding-left: 0px;
}

/*RESET ELEMENTS*/
.list-group {
    padding-left: 0;
    margin-bottom: 0;
}
nav.offcanvas.navmenu {
    padding: 0;
    border: 0;
}
.panel-group .panel+.panel {
    margin-top: 0;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 0;
    border: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
    margin-top: 0;
}
.panel-group {
    margin-bottom: 0;
}
.panel-group .panel .panel-heading {
    position: relative;
    background: transparent;
    border: 0;
    color: inherit;
    padding: 0;
    display: inline-block;
}
.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0;
    padding: 0;
}
.list-group li.list-group-item-link {
    padding: 0;
    border: 0;
    color: inherit;
    background: transparent;
    margin: 0;
}
.list-group li.list-group-item-link a.list-group-item {
    border-radius: 0;
    border: 0;
    padding: 0;
    text-decoration: none;
    background: transparent;
    color: inherit;
    /* font-weight: inherit; */
}
.list-group li.list-group-item span.list-group-header {
    font-size: 16px;
    font-weight: 400;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    transition: all ease 0.3s;
}

li.FG_Content_previewRollover br {
    display: none;
}

.container {
    width: 100%;
	padding:0;
	position:relative;
}
.row {
    margin-right: 0;
    margin-left: 0;
}


/*GENERAL CONTENT*/
.main-content {
    max-width: 1024px;
    margin: auto;
    min-height: calc(100vh - 190px);
}

.container a.btn-more.btn {
    position: absolute;
    top: 38px;
    right: 10px;
    line-height: 50px;
    padding: 0 20px;
    background: transparent;
    text-transform: none;
    font-size: 14px;
    border: 1px solid #444;
}

/*btn*/
/*PRIMARY*/
a.btn.btn-block.primary, button.btn.btn-block.primary,
a.btn.btn-block.secondary, button.btn.btn-block.secondary,
a.btn.btn-block.tertiary, button.btn.btn-block.tertiary{
	display: flex;
	width: min-content;
	font-size: 14px;
	font-weight:700;
	height: 40px;
	line-height: 40px;
	padding: 0 45px;
	text-transform: none;
	border-radius:0;
	justify-content: center;
}
a.btn.btn-block.primary, button.btn.btn-block.primary{
	border: 1px solid #328ff5;
	background:#328ff5;
	color:white;
	border-radius:0;
}
a.btn.btn-block.primary:hover, button.btn.btn-block.primary:hover{
	background:black;
	color:white;
	border-color:black;
}
/*SECONDARY*/
a.btn.btn-block.secondary, button.btn.btn-block.secondary{
	border: 1px solid black;
	background:black;
	color:white;
	border-radius:0;
}
a.btn.btn-block.secondary:hover, button.btn.btn-block.secondary:hover{
	background:#328ff5;
	color:white;
	border-color:#328ff5;
}
/*TERTIARY*/
a.btn.btn-block.tertiary, button.btn.btn-block.tertiary{
	height: 40px;
	border: 1px solid black;
	color:black;
}
a.btn.btn-block.tertiary:hover, button.btn.btn-block.tertiary:hover{
	background:black;
	color:white;
	border-color:black;
}

/*FORM*/
/*FORM GENERAL*/
input.form-control {
    font-size: 16px;
    height: 40px;
    padding: 0 20px;
    border: 0;
    font-weight: 500;
	border-radius:0;
	box-shadow: none;
}
.form-control:focus {
    box-shadow: none;
    border-radius: 0;
}
/*RETOUR TOP ICON*/

#toTop {
    cursor: pointer;
    padding: 0;
    background: #575757;
    position: fixed;
    bottom: 10px;
    right: 10px;
    display: none;
    opacity: .8;
    border-radius: 2px;
	color:#ccc;
	z-index:999;
}
#toTop:hover {
   color:#fff;
   opacity:1;
}
#toTopImage {
    background: none;
    width: 100%;
    height: 100%;
    font-size: 16px;
}

#toTopImage:before {
    content: "\e81d";
    text-align: center;
    font-family: fonticons;
    display: block;
    padding: 8px 11px 12px;
}
img { 
	/*filter: saturate(1.5)!important;*/
}

img.lazyload{
		opacity:0;
		transition:all ease 0.3s;
	}
img.lazyloaded{
	opacity:1;
	transition:all ease 0.3s;
}

div[class^="pagination"] {
    min-height: inherit!important;
}
.list-navigation:empty {
    display: none;
    visibility: hidden;
}



/*BTN*/

.btn.btn-primary.btn-block {
    display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 14px;
    font-weight: lighter;
    line-height: inherit;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 0;
    border-radius: 0;
    background: transparent;
	transition:all ease-out 0.3s;
	 opacity: 1;
}

.btn.btn-primary:hover {
    opacity: 1;
}
.btn.active, .btn:active {
   
    -webkit-box-shadow: none;
    box-shadow: none;
}

.button.btn.btn-block {
    color: inherit;
	font-weight:bold;
    background: inherit;
    text-transform: uppercase;
    line-height: 50px;
    width: 100%;
    border-radius: 2px;
    height: 50px;
}


/*ANIMATION CLICK*/
	

	.fadeIn, .content ul li .content_freeText{
		transition: all ease 0.3s!important;
		overflow:visible!important;
		z-index:1;
	}
	.fadeIn:after, button.close:after, button.close:after {
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		z-index: -1;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 100px;
		opacity: 0;
		transition: all ease 0.2s;
		
	}
	.fadeIn.menu:after {
		background: rgba(0, 157, 233, 0.5);
		
	}
	button.close:hover:after, .button.close:hover:after{
		background: rgba(221, 0, 127, 0.5);
	}
	
	.fadeIn.menu:hover:after, button.close:hover:after,.button.close:hover:after {
		opacity: 1;
		width: calc(100% + 60px);
		height: calc(100% + 60px);
		top: -30px;
		left: -30px;
	}
	
	.bloc.content ul li .content_freeText:hover {
		background: #c5c5c5!important;
		color: white!important;
	}

	/*animation preview*/
	img.FG_Contents_posRelative{
			transition:all ease 0.5s ;
	}
	img.FG_Contents_posRelative:hover {
		opacity: 0.6;
	}
	

	/*Animation loading*/
	
	.FG_Content_List .jscroll-added {
		width: 100%;
		height: 50px;
		position: relative;
		float: left;
		text-align: center;
		margin: 20px 0;
	}
	
	.FG_Content_List .jscroll-loading {
		animation: rotate 1s infinite;
		height: 50px;
		width: 50px;
		margin: auto;
	}
	.FG_Content_List .jscroll-added .jscroll-loading small{
		font-size:0px;
	}
	.FG_Content_List .jscroll-loading:before,
	.FG_Content_List .jscroll-loading:after {   
	  border-radius: 50%;
	  content: '';
	  display: block;
	  height: 20px;  
	  width: 20px;
	  
	}
	.FG_Content_List .jscroll-loading:before {
	  animation: ball1 1s infinite;  
	  background-color: #cb2025;
	  box-shadow: 30px 0 0 #f8b334;
	  margin-bottom: 10px;
	}
	.FG_Content_List .jscroll-loading:after {
	  animation: ball2 1s infinite; 
	  background-color: #00a096;
	  box-shadow: 30px 0 0 #97bf0d;
	}

	@keyframes rotate {
	  0% { 
		-webkit-transform: rotate(0deg) scale(0.8); 
		-moz-transform: rotate(0deg) scale(0.8);
	  }
	  50% { 
		-webkit-transform: rotate(360deg) scale(1.2); 
		-moz-transform: rotate(360deg) scale(1.2);
	  }
	  100% { 
		-webkit-transform: rotate(720deg) scale(0.8); 
		-moz-transform: rotate(720deg) scale(0.8);
	  }
	}

	@keyframes ball1 {
	  0% {
		box-shadow: 30px 0 0 #f8b334;
	  }
	  50% {
		box-shadow: 0 0 0 #f8b334;
		margin-bottom: 0;
		-webkit-transform: translate(15px,15px);
		-moz-transform: translate(15px, 15px);
	  }
	  100% {
		box-shadow: 30px 0 0 #f8b334;
		margin-bottom: 10px;
	  }
	}

	@keyframes ball2 {
	  0% {
		box-shadow: 30px 0 0 #97bf0d;
	  }
	  50% {
		box-shadow: 0 0 0 #97bf0d;
		margin-top: -20px;
		-webkit-transform: translate(15px,15px);
		-moz-transform: translate(15px, 15px);
	  }
	  100% {
		box-shadow: 30px 0 0 #97bf0d;
		margin-top: 0;
	  }
	}

/*ICON PLAYWEEZ*/
.icon-exitfullscreen:before {
  content: "\e915";
   color: #0093c7;
}
.icon-fullscreen:before {
  content: "\e916";
   color: #0093c7;
}

.icon-race:before {
  content: "\e910";
  color: #0093c7;
}
.icon-adventure:before {
  content: "\e90f";
  color: #0093c7;
}
.icon-user:before {
  content: "\e90e";
  color: #2faedb;
}
.icon-menu:before {
  content: "\e90d";
  color: #0193c7;
}
.icon-action:before {
  content: "\e900";
  color: #0093c7;
}
.icon-brique:before {
  content: "\e901";
  color: #0093c7;
}
.icon-arcade:before {
  content: "\e902";
  color: #0093c7;
}
.icon-bear:before {
  content: "\e903";
   color: #0093c7;
}

.icon-cards:before {
  content: "\e908";
  color: #0093c7;
}
.icon-logic:before {
  content: "\e909";
  color: #0193c7;
}
.icon-simulation:before {
  content: "\e90a";
  color: #0093c7;
}
.icon-sport:before {
  content: "\e90b";
  color: #0093c7;
}
.icon-strategy:before {
  content: "\e90c";
  color: #0093c7;
}
/*HEADER*/

.explore .header a.explore.btn.btn-block,
.search .header a.search.btn.btn-block,
.setting .header a.setting.btn.btn-block {
    background: rgba(255,121,0,0.17);
}
.explore .header a.explore.btn.btn-block:after,
.search .header a.search.btn.btn-block:after,
.setting .header a.setting.btn.btn-block:after{
    position: absolute;
    bottom: 0;
    height: 4px;
    width: 100%;
    background: #328ff5;
    content: "";
}

/*PAGE CONTENT*/


.ui-content.initial-page.container {
	overflow: hidden;
}
	
.main-content {
    max-width: 1024px;
    margin: auto;
}

/*LAYER PANEL MENU*/
nav.offcanvas.navmenu{
	transition:all ease 0.3s 0.3s;
}
.offcanvas {
	display: block!important;
    left: 0!important;
    transform: translateY(100vh)!important;
}
.offcanvas.in {   
    transform: translateY(0)!important;
	 left: 0!important;
}
/*LAYER POPIN MENU*/
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -o-transition: -o-transform .3s ease-out;
    transition: transform .3s ease-out;
    -webkit-transform:  translate(0,100vh);
    -ms-transform:  translate(0,100vh);
    -o-transform:  translate(0,100vh);
    transform: translate(0,100vh);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0,0);
    -ms-transform: translate(0,0);
    -o-transform: translate(0,0);
    transform: translate(0,0);
}

.button.btn.btn-block.close {
    position: fixed;
    display: block;
    width: 40px;
    height: 40px;
    background: #dd007f;
    opacity: 1;
    border-radius: 50px;
    left: calc(50vw - 20px) !important;
    right: inherit !important;
    bottom: 10px;
    color: white;
    font-size: 0;
    z-index: 9999;
    box-shadow: 0 4px 5px rgba(0,0,0,.5);
}
.button.btn.btn-block.close:before{
    content: "\e809";
    font-size: 24px;
    text-align: center;
    display: block;
    line-height: 40px;
    font-family: fonticons;
    font-weight: 300;
    z-index: 1;
    position: relative;
}


/*PAGE PRODUCT*/
/*
.page.product a#menu-touch {
    bottom: calc(50% - 20px);
    left: -10px;
	border-radius: 0% 50% 50% 0%;
}
*/


/*PWA POPIN */

.ath-viewport{}
.ath-viewport .ath-container {
	box-shadow: none;
}
.ath-viewport .ath-container.ath-icon{
	background: #333;
    color: #fff;
    border-radius: 50%;
    padding: 60px 0;
}
.ath-viewport .ath-container p{
	color:#fff;
	width:100%;
	font-size:16px;
	line-height:20px;
	text-align:center;
	text-shadow:none;
	
}
.ath-viewport .ath-container:after {
    content: '';
    background: #333!important;
    position: absolute;
    width: 2em;
    height: 2em;
    bottom: -0.9em;
    left: 50%;
    margin-left: -1em;
    -webkit-transform: scaleX(0.9)rotate(45deg);
    transform: scaleX(0.9)rotate(45deg);
    box-shadow: none!important;
}
.ath-viewport .ath-container:before {
    content: '';
    position: relative;
    display: block;
    float: right;
    margin: -0.7em-0.6em 0 0.5em;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCS…BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
    background-color: transparent;
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: 50%;
    width: 2.7em;
    height: 2.7em;
    text-align: center;
    overflow: hidden;
    color: #fff;
    z-index: 2147483642;
}

/*SEARCH*/
.search {
    background: white;
}

/*TOHOMESCREEN*/
/*IOS*/
.ath-viewport {
    position: fixed!important;
    bottom: 0!important;
    top: 0!important;
}
.ath-viewport .ath-container {
    left: 0!important;
	bottom:0!important;
	transform: translate3d(0px, 0px, 0px)!important;
	transition-duration:0.3s!important;
	opacity:1;
 
}
.ath-container.ath-ios.ath-ios1.ath-phone {
    width: 100%;
    left: 0;
    margin: 0;
    bottom: 0;
    background: white;
    padding: 0;
    box-shadow: 0 0 20px rgb(0 0 0 / 30%);
}
.ath-container.ath-ios.ath-ios1.ath-phone:after{
	content:none;
}
.ath-container.ath-ios.ath-ios1.ath-phone p {
    color: black;
    text-align: left;
    font-size: 16px;
    line-height: 20px;
    text-shadow: none;
    display: flex;
}
.ath-container.ath-ios.ath-ios1.ath-phone p.baseline {
    font-size: 18px;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: 10px 10px 0;
}
.ath-container.ath-ios.ath-ios1.ath-phone p.baseline img {
    max-width: 42px;
    border-radius: 8px;
    margin-right: 10px;
}
.ath-container.ath-ios.ath-ios1.ath-phone p.message {
    font-size: 14px;
	padding: 10px;
}
.ath-container.ath-ios.ath-ios1.ath-phone p.footer {
    background: #efefef;
    padding: 10px;
    font-size: 12px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}
.ath-viewport .ath-container:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
}
.ath-container.ath-ios.ath-ios1.ath-phone p.footer img.icon_share_ios {
    max-width: 35px;
}
/*ANDROID*/
.toHomeScreen {
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
	padding:10px;
	transition: ease opacity 0.3s;
    opacity: 0;
	background:white;
}
.toHomeScreen[style="display: block;"] {
    z-index: 999;
    display: flex !important;
    opacity: 1;
}
.toHomeScreen[style="display: flex;"] {
	display:none!important;
}
.toHomeScreen:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIQAAACECAMAAABmmnOVAAAAA3NCSVQICAjb4U/gAAAACXBIWXMAAAeHAAAHhwFd+hRDAAAAGXRFWHRTb2Z0d2FyZQB3d3cuaW5rc2NhcGUub3Jnm+48GgAAAHVQTFRFAAAAOTk5MzMzOzs7Nzc3QUFBQEBAPz8/Pj4+QUFBQEBAPz8/Pj4+QUFBQEBAPz8/QUFBPj4+Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pj4+Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/Pz8/Pj4+Pz8/Pz8/Pz8/Pz8/QEBAPz8/n3QmjwAAACZ0Uk5TAAkKDQ4zODk6OzxBQkNERUusrbG0tba7vL3Excbu8fL19fb3+PgucqJgAAACqklEQVR42sXc23LCIBAGYKy2pgft0WpP2vTA+z9i0+goCZAs7O7P3oWZTL5ZYAh7sca0MXmYG3jM7yfu4/TV1jdow01tX6cdg4UrGoN1FNM3a+GK1nBSzPYGrOJgsPZt1hrerYUrjoa9wjHgFI7B2veZWVk3tpCdWm07H30y8+4AIhedPFj7cW7wioABrggawIqIAaroGbYXzlGCUvQNnc0IUgwaQIoRA0QxagAoCAZ1BcmgrCAaVBVkg6IiwaCmSDIoKRINKopkg4IiwyCuyDIIKzINoopsg6CCYRBTsAxCCqZBRLGo2RcrtkLAwFaIGJgKIQNLIWZgKAQN2QpRg1dKoCmEDVkKcUOGQsGQrFAxJCqUDEkKNUOCQtFAVqgaiAplg69YFDAQFADDqAJiGFGADI1iF1XADAOKvqHSLApHFFBDRAE2BBVwQ0BRwOApfn8LGDxFEcOQAmeIK5CGmAJrCCvQBq8A8r9Zrw08qp6irvAGs/zpIr4XBQxf3nQsyhvwipABrQgbsIqYAamIG3CKnqH+LKDoGXbVwD84zDB4E4AZ4IqgAayIGKCKqMGYS5RiwOArlgUMnuJrWcAAUYwaAAqCQV1BMigriAZVBdmgqEgwqCmSDEqKRIOKItmgoMgwiCv6hkvaa6KKTIOoItsgqGAYxBQsg5CCaRBRsA0CCgEDWyFiYCqEDCyFmIGhEDRkK0QNmQphQ5ZC3JChUDAkK1QMiQolQ5JCzZCguNUzkBV3P4oGokLZQFKoGwgKgGFUATGMKECGQQXMYMxVTAE0RBVQQ0QBNgQVcENI8QwoBo8cUiszWYPz4OVi3bQ9cBQoQ0exblsvTDZwg6PYHNo/tE0XmvVwa4BxWBentgtnL+A8HHPxcnYaaBRoQ6twDY3iEW5oFI8Hwx/QxSE448b+MwAAAABJRU5ErkJggg==);
    background-size: 50%;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 30px;
    height: 30px;
	content:"";
}
.toHomeScreen p.baseline {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-size: 14px;
    font-weight: 700;
    color: #0037d4;
    line-height: 18px;
}
.toHomeScreen p.baseline img {
    max-width: 50px;
    border-radius: 10px;
	margin-right:10px;
}
.toHomeScreen p.message {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 16px;
}
.toHomeScreen p.btn {
    display: flex;
    height: 40px;
    align-items: center;
    background: #ff8000;
    color: white;
    font-size: 14px;
    font-weight: 700;
    border-radius: 0;
    margin: 10px 0;
    width: max-content;
    justify-content: flex-start;
}
/*RESPONSIVE*/	
@media screen and (min-width: 668px) {	
	
	
}
@media screen and (min-width: 480px) {		
	
	
	
	/*LAYER MENU CATEGORY*/
	.modal-open {
		overflow: hidden!important;
	}
	div[data-popup-id="layer-menu-category"] .modal-dialog {
		width: 100%;
	}
		
		 div[data-popup-id="layer-menu-category"] .modal-body {
			padding: 0px;
		}	
	
}
@media screen and (min-width: 340px) {	
	
}












/*History*/
.history img.lazyloaded {
    border-radius: 16px;
    width: 100%!important;
}
.history .jscroll-inner {
    display: flex;
    flex-wrap: wrap;
}
.history li.list-group-item.list-group-item-link {
    width: calc(33.3% - 20px);
    margin: 10px;
}






.history ul.list-group.list-group-mediaquery.items-list13265224 {
    display: flex;
    flex-wrap: wrap;
}
.history li.list-group-item.list-group-item-link {
    width: calc(100% - 20px);
    margin: 10px;
}
.history li.list-group-item.list-group-item-link img.lazyloaded {
    border-radius: 16px;
    width: 100%!important;
}
.history a.list-group-item.list-group-item-thumb {
    padding: 0!important;
}


@media screen and (min-width: 670px) {	
	.history li.list-group-item.list-group-item-link {
	    width: calc(33.3% - 20px);
	    margin: 10px;
	}
}



















/*Fav*/

@font-face {
    font-family: 'font-icons';
    src: url('data:font/woff;charset=utf-8;base64,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') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
.head p {
    font-size: 18px;
    font-weight: 700;
    padding: 12px;
    padding-bottom: 0px;
}
.bloc.content.recap a .FG_Content_previewRollover_div {
    height: 100%;
    top: 0;
}
.bloc.content.recap a .FG_Content_previewRollover_div td {
    height: 100%;
    top: 0;
    display: flex;
    align-items: center;
}
.FG_Contents_addWishlistImg img {
    display: none;
}
.bloc.content.recap a.list-group-item {
    pointer-events: auto!important;
}

.bloc.content.small.listing .row.FG_Contents_grid.left {
	    width: 400%;
	}
	.bloc.content.small.listing .row.FG_Contents_grid.left .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 20px;
    margin-right: 20px;
}
.bloc.content.small.listing .row.FG_Contents_grid.left .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    width: calc(25% - 20px);
}
.bloc.content.small.listing .content_freeText a {
    color: #279bcc;
    background: #f2f2f2;
    padding: 10px 20px;
    border-radius: 50px;
}

.bloc.content.small.listing .content_freeText {
    padding: initial!important;
    background: transparent!important;
    top: 75px!important;
}
@media screen and (min-width: 480px) {	
	.bloc.content.small.listing .row.FG_Contents_grid.left {
	    width: 300%;
	}
}
@media screen and (min-width: 1023px) {	
	.bloc.content.small.listing .row.FG_Contents_grid.left {
	    width: calc(100% - 0px);
	    /* margin-right: 20px; */
	}
	.bloc.content.small.listing .row.FG_Contents_grid.left .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    width: calc(50% - 20px);
	}
}
@media screen and (min-width: 1366px) {	
	.bloc.content.small.listing .row.FG_Contents_grid.left .col-xs-3.col-sm-3.col-md-3.col-lg-3 {
    width: calc(25% - 20px);
	}
}


 a .FG_Content_previewRollover_div {
    /* left: 65px; */
    top: 20px;
}

.FG_Contents_addWishlist:before {
    font-size: 21px!important;
}
 .bloc.content.small.listing .content_longTitle {
    max-width: calc(100% - 130px)!important;
}

 .bloc.content.recap .ajaxReload {
    max-width: 100%;
}
 .col-xs-4.col-sm-4.col-md-4.col-lg-4 {
    width: 100%;
}
 .bloc.content.recap {
    display: block!important;
}
 .product .bloc.content.recap .ajaxReload.ajax-content {
    max-width: 1025px;
    margin: auto;
    float: initial;
}
 a .FG_Content_previewRollover_div {
    position: absolute;
    bottom: 4px;
    width: 50px;
    height: 50px;
    right: 10px;
    display: block;
    top: 22px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: transparent!important;
}
.rtl a .FG_Content_previewRollover_div {
    left: 10px;
    right: initial;
}
 .FG_Contents_addWishlist, .page.product .FG_Contents_addWishlist.FG_content_wl_added {
    display: flex!important;
    justify-content: center;
    width: 30px;
    height: 30px;
    align-items: center;
}
     .FG_Contents_addWishlist.FG_content_wl_added:before {
      color: #e83b3b;
      /* content: "\e918"; */
      font-size: 18px;
      font-size: 30px;
      font-family: 'font-icons';
      font-weight: 300;
      padding: 0;
      content: "\e91d";
    }

     .FG_Contents_addWishlist:before {
        color: #d6d6d6;
        /* content: "\e918"; */
        font-size: 40px!important;
        font-size: 30px;
        font-family: 'font-icons';
        font-weight: 300;
        padding: 0;
        content: "\e91d";
    }
     .FG_Contents_addWishlistImg {
	    position: absolute;
	    width: 100%;
	    height: 100%;
		}


		 .product .bloc.content.recap .content_longTitle {
    text-overflow: initial!important;
    white-space: initial!important;
    word-break: initial!important;
    height: auto!important;
}


/*slider small*/

.slider.small .jscroll-inner {
    display: flex;
    flex-direction: row;
    overflow-x: scroll;
    padding: 15px;
    justify-content: flex-start!important;
}
.slider.small .FG_Content_previewRollover_div {
    top: 10px;
    right: 10px;
}
.slider.small .FG_Content_previewRollover:hover .FG_Content_previewRollover_div {
    display: flex!important;
}

.slider.small .FG_Contents_addWishlist {
    top: 10px;
    right: 15px;
    background-color: white!important;
    /* border-radius: 50px; */
    padding-top: 6px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
}
.myFav .slider.small ul.FG_Content_List.list-group {
     display: flex;
    flex-direction: row;
    overflow: hidden;
    padding: 15px 10px;
    flex-wrap: wrap;
}

.slider.small ul.FG_Content_List.list-group li {
	min-width: calc(33% - 10px);
	width: calc(33% - 10px);
	margin-right: 10px;
}
.myFav .list-navigation {
    display: none;
}
@media (min-width: 767px){
    .slider.small ul.FG_Content_List.list-group li {
        width: calc(25% - 10px);
        min-width: calc(25% - 10px);
}
}

@media (min-width: 1024px){
    .slider.small ul.FG_Content_List.list-group li {
        width: calc(16.66% - 10px);
        min-width: calc(16.66% - 10px);
    }
}


/*end fav*/




/*POPUP WISHLIST*/
      
.PlaylistManager_Popup.modal.fade.show.in {
    z-index: 9999;
    display: flex!important;
    background: rgb(14 14 21 / 80%);
}
  .PlaylistManager_Popup.modal.fade .modal-dialog {
    transform: translate(0,0);
    opacity: 0;
  }
  .PlaylistManager_Popup.modal.fade.show.in .modal-dialog {
    transform: translate(0,0);
    display: flex;
    margin: auto;
    align-items: center;
    justify-content: center;
    opacity: 1;
    width: 95%;
  }
  
  .PlaylistManager_Popup .modal-content {
    background: #ffffff;
    display: flex;
    align-content: center;
    justify-content: center;
    border: 0;
    padding: 2.5%;
    width: 100%;
    max-width: 600px;
  }
    .PlaylistManager_PopupLabel {
      text-align: center;
      padding: 0 10px 20px;
      color: #373753;
      font-weight: 500;
    }
    .PlaylistManager_Popup .row.container-row {
      padding: 0;
      border: 0;
      display: flex;
      justify-content: center;
    }
    .PlaylistManager_Popup .col-sm-6 {
      margin: 0 10px;
      /* width: calc(50% - 20px); */
      padding: 0;
      display: inline-block;
    }
    .PlaylistManager_Popup .PlaylistManager_PopupButton.btn {
      background: #e0e4eb;
      color: black;
      border-radius: 2px;
      margin: 20px 0 0;
      line-height: 26px;
      width: 170px;
      border: none;
    }
      .PlaylistManager_Popup .PlaylistManager_PopupButton.btn:hover {
        background: #158ef0;
        color: white;
      }


/*END POPUP WISHLIST*/


/*ANDROID RECAP PRODUCT PAGE*/
.bloc.content.recap.android {
    background: radial-gradient(circle, rgba(50,143,245,1) 0%, rgba(50,192,245,1) 100%);
    /* padding: 0px 0px; */
    /* margin-top: 17px; */
    /* border: 5px #50a3ff solid; */
    border-radius: 10px;
    box-shadow: 1px 1px 5px 2px #7f7f7f29;
}
.bloc.content.recap.android .bloc.content.recap {
    /* background: linear-gradient(90deg, #328ff5 0%, rgb(114 181 255) 100%); */
    border-radius: 8px;
}

.bloc.content.recap.android .FG_Contents_display._2_blocks.bloc-change1.left {
    display: block;
    flex-basis: content;
    border-radius: 10px;
}

.bloc.content.recap.android .FG_Content_previewRollover {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    pointer-events: none;
}

.bloc.content.recap.android img.FG_Contents_posRelative.lazyloaded {
    border-radius: 0px;
}

.bloc.content.recap.android .content_freeText {}

.bloc.content.recap.android .bloc.content.recap {
    /* margin-top: 20px; */
}

.bloc.content.recap.android .ajaxReload.ajax-content {
    margin-top: 20px;
}
.bloc.content.recap.android a.list-group-item {
    pointer-events: none!important;
}
.bloc.content.recap.android .content_preview {
    background: transparent!important;
}
.bloc.content.recap.android img.FG_Contents_posRelative.lazyloaded{
	max-width: 160px;
	border-radius: 10px;
}

.bloc.content.recap.android .content_longTitle {
    font-size: 30px!important;
    line-height: inherit;
    font-weight: 700;
    color: white;
}

.bloc.content.recap.android .content_theme {
    font-size: 19px!important;
    line-height: initial;
}

.bloc.content.recap.android .content_theme {
    line-height: normal;
    font-size: 19px!important;
}

.bloc.content.recap.android .content_theme {
    line-height: normal;
    font-size: 15px!important;
    margin-top: 3px;
    color: #025485;
    font-weight: 700;
}

.bloc.content.recap.android .content_freeText {
    max-width: initial!important;
    width: auto!important;
    display: block!important;
    padding: 0px 10px!important;
    min-width: initial!important;
}

.bloc.content.recap.android .FG_Contents_display._2_blocks.bloc-change2.left {
    flex-basis: initial!important;
}

.bloc.content.recap.android .FG_Contents_display._2_blocks.bloc-change2.left {
    width: auto;
    display: flex;
    align-items: flex-start;
    padding: 0 25px 0 25px;
}

.bloc.content.recap.android .content_freeText {
    border: 2px solid #ffffff!important;
    background-color: #48353500!important;
    background: white;
    color: #ffffff!important;
    border-radius: 50px;
    line-height: 35px!important;
    height: initial!important;
    padding: 0px 35px!important;
    margin-top: 25px!important;
    pointer-events: initial!important;
}
.bloc.content.recap.android .content_freeText:hover {
    background-color: white!important;
    color: #32a8f5!important;
}
.bloc.content.recap.android .FG_Contents_addWishlist {
    pointer-events: initial;
}

@media (max-width: 680px){
	.bloc.content.recap.android {
		border-radius: 0px;
	}
	.bloc.content.recap.android .ajaxReload.ajax-content{
		margin-top: 0px;
	}
	.bloc.content.recap.android .FG_Content_previewRollover {
	    display: flex;
	    flex-direction: column;
	    align-items: center;
	}

	.bloc.content.recap.android .FG_Contents_display._2_blocks.bloc-change1.left {
	    text-align: center;
	    margin-bottom: 15px;
	}

	.bloc.content.recap.android .FG_Contents_display._2_blocks.bloc-change2.left {
	    /* display: flex; */
	    align-items: center;
	}
	.bloc.content.recap.android a .FG_Content_previewRollover_div td {
	    align-items: flex-start;
	}
}


/* --------- Gamfication Styles --------- */
.gameLeaderBoard{
		padding-bottom: 30px;
		background: white;
		border: 10px solid #ffbc1e;
		border-radius:20px;
		margin-bottom: 20px;
		}
@media only screen and 
(min-device-width : 200px) and 
(max-device-width : 600px) {
		.gameLeaderBoard{
				width: 95%;
				margin: 0 auto;
				}
		}
.gameLeaderBoard .title{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 30px;
		color: white;
		font-size: 25px;
		background: #ffbc1e;
		text-align: center; 
		}
.gameLeaderBoard .title::before{
		content:"🏆";
		font-size:35px;
		transform: rotate(-8deg);
		margin-right: 5px;
		}
.gameLeaderBoard .playerList {
		display: flex;
		flex-direction: row;
		justify-content: center;
		grid-gap: 5%;
		padding-top: 30px;
		}
@media only screen and 
(min-device-width : 200px) and 
(max-device-width : 600px) {
		.gameLeaderBoard .playerList {
				flex-direction: column;
				margin:0 auto;
				text-align:center;
				}
		}
.gameLeaderBoard .playerName{
		font-size: 15px;
		font-weight: bold; 
		}
@media only screen and 
(min-device-width : 200px) and 
(max-device-width : 600px) {
		.gameLeaderBoard .playerName{
				font-size: 5vw;
				}
		}
.gameLeaderBoard .playerScoreLabel{
		font-size: 12px;
		}
@media only screen and 
(min-device-width : 200px) and 
(max-device-width : 600px) {
		.gameLeaderBoard .playerScoreLabel{
				margin-bottom:20px;
				font-size: 4vw;
				}
		}
.gameLeaderBoard .firstPlayer .playerName::before{
		content: "🥇";
		}
.gameLeaderBoard .secondPlayer .playerName::before{
		content: "🥈";
		}
.gameLeaderBoard .thirdPlayer .playerName::before{
		content: "🥉";
		}
@media only screen and 
(min-device-width : 200px) and 
(max-device-width : 600px) {
		.gameLeaderBoard .firstPlayer .playerName::before,
		.gameLeaderBoard .secondPlayer .playerName::before,
		.gameLeaderBoard .thirdPlayer .playerName::before{
				display: flex;
				flex-direction: column;
				margin-bottom: 5px;
				}
		}
.gameLeaderBoard .firstPlayer .playerScoreLabel,
.gameLeaderBoard .secondPlayer .playerScoreLabel,
.gameLeaderBoard .thirdPlayer .playerScoreLabel{
		height: 20px;
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px;
		color: white;
		}
@media only screen and 
(min-device-width : 200px) and 
(max-device-width : 600px) {
		.gameLeaderBoard .firstPlayer .playerScoreLabel,
		.gameLeaderBoard .secondPlayer .playerScoreLabel,
		.gameLeaderBoard .thirdPlayer .playerScoreLabel{
				width: 50px;
				margin: 0 auto 20px;
				}
		}
.gameLeaderBoard .firstPlayer .playerScoreLabel{
		background: #ffbc1e;
		}
.gameLeaderBoard .secondPlayer .playerScoreLabel{
		background: #adadad;
		}
.gameLeaderBoard .thirdPlayer .playerScoreLabel{
		background:#ff561e;
		}
		
		
		

.bloc.content.recap.android img.FG_Contents_posRelative.lazyloaded {
		height: 160px !important;
		}
.bloc.content.recap.android .FG_Content_previewRollover {
		align-items: start !important;
		flex-direction: column!important;
		}
.bloc.content.recap.android .FG_Contents_display._2_blocks.bloc-change2.left {
		padding:0 !important;
		}
.bloc.content.recap.android .content_longTitle {
		font-size: 23px!important;
		}
.bloc.content.recap.android .list li.fg_content_link {
		max-width: 30% !important;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.bloc.content.recap.android .list li.fg_content_link {
								max-width: 100% !important;
								}
				}

.leaderboardModeUserGameScoreScore{
		width:50%;
		position:absolute;
		right:0;
		top:100px;
		display:flex;
		grid-gap:15px;
		font-size:25px;
		color: white;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.leaderboardModeUserGameScoreScore{
								width:50%;
								flex-direction: column;
								right: 20px;
								text-align: right;
								font-size:5vw;
								}
				}

.leaderboardModeUserGameScoreScore .playerScoreLabel{
		color: #ffbc1e;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.leaderboardModeUserGameScoreScore .playerScoreLabel{
								font-size:8vw;
								}
				}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.bloc.content.recap.android .FG_Contents_display._2_blocks.bloc-change2.left {
								align-items: start;
								margin: 0 0 0 10px;
								}
				}
				
				
				
/*Account Gamficiation CSS*/
.account_ranking{
		margin:15px 0;
		padding-bottom: 30px;
	    background: white;
	    border: 10px solid #ffbc1e;
	    border-radius: 20px;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.account_ranking{
								margin:15px 15px;
								}
				}
.account_ranking .title {
		display: flex;
		justify-content: center;
		align-items: center;
		height: 30px;
		color: white;
		font-size: 25px;
		background: #ffbc1e;
		text-align: center;
		border: 5px solid #ffbc1e;
		}
.account_ranking .title::before{
		content:"🏆";
		font-size:35px;
		transform: rotate(-8deg);
		margin-right: 5px;
		}
.account_ranking .userGameScores{
		display: flex;
		flex-direction: column;
		}
.account_ranking .UserGameScoreInfos {
		display:grid;
		grid-template-columns: 25%;
		grid-template-rows:4vh;
		grid-column-gap:30px;
		grid-row-gap:10px;
		margin:15px 15px 0;
		padding:15px;
		width:97%;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.account_ranking .UserGameScoreInfos {
								width:100%;
								}
				}
.userGameScoresList .UserGameScoreInfos:nth-child(2n){ /* SETTINGS FOR THE GREY BG MODULO EFFECT */
		background:#f8f8f8;
		border-top:1px dotted #DDD;
		border-bottom:1px dotted #DDD;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.account_ranking .UserGameScoreInfos {
								grid-template-columns: 45% 45% !important;
								grid-template-rows:2vh 4vh 4vh !important;
								margin:15px 0;
								padding:15px;
								grid-column-gap:5%;
								}
				}
.account_ranking .gameCover{
		grid-row: 1/3;
		}
.account_ranking a img{
		width:100% !important;
		border-radius: 16px;
		}
.account_ranking .gameTitle{
		font-size:22px;
		letter-spacing:-2px;
		grid-row: 1/2;
		grid-column:2/4;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.account_ranking .gameTitle{
								font-size:4vw;
								}
				}
.account_ranking .gameButton{
		grid-column:2/3;
		grid-row:2/3
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.account_ranking .gameButton{
							grid-column:2/3;
							grid-row:3/3
							}
				}
.account_ranking .gameButton a{
		display:flex;
		justify-content:center;
		align-items:center;
		width:150px;
		background:#328ff5;
		height:40px;
		border-radius:8px;
		color:white;
		font-size:17px;
		}
.account_ranking .gameButton a:hover{
		background:grey;
		transition: all 0.3s ease-out;
		}
.account_ranking .gameScore{
		grid-column:3/5;
		grid-row:1/2;
		font-size:30px;
		text-align:right;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.account_ranking .gameScore{
							grid-column:2/5;
							grid-row:2/3;
							font-size:6vw;
							text-align:left;
							}
				}
				
		/*****************/
.countdown_header{
		display:flex;
		flex-direction:column;
		padding-bottom:20px;
		margin-top:20px;
		background-image:url('https://mbf.gameasy.vn/galleries/gameasy/countdown_bg.jpg');
		border-radius: 20px;
		position: relative;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header{
								margin: 15px;
								background-image:url('https://mbf.gameasy.vn/galleries/gameasy/countdown-small_bg.jpg');
								background-size:cover;	
								}
						}
.countdown_header .countdown_title p{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 60px;
		color: white;
		font-size: 40px;
		text-align: center;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header .countdown_title p{
								height: 100px;
								}		
						}
.countdown_header .countdown_text p{
		display: flex;
		justify-content: center;
		align-items: center;
		height: 40px;
		color: black;
		font-size: 18px;
		}
.contestCountdownTimer{
		font-size:20px;
		text-align:center;
		}
.countdown_header .ajax-content  div{
		display:flex;
		justify-content:center;
		align-items:center;
		width:100%;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header .ajax-content div{
								flex-direction: column;
								}	
						}
.countdown_header .countdown_megaphone{
		position:absolute;
		z-index:20;
		top:248px;
		left:200px;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header .countdown_megaphone{
								display:none;
								}
						}
.countdown_header .content_preview{
		text-align:right;
		width:600px!important;
		margin:-130px 0 20px 20px;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header .content_preview{
								text-align:center;
								margin:  0;
								}	
						}
.countdown_header .content_preview img{
		max-width:100% !important;
		border-radius:8px;
		transform: rotate(-10deg);
		border:5px solid white;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header .content_preview img{
								transform: rotate(-3deg);
								max-width: 30% !important;
								margin: 30px auto 0;
								}
						}
.countdown_header .content_longTitle{
		font-size:26px;
		text-align:center;
		position:relative;
		top:-50px;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header .content_longTitle{
								top:20px;
								color: white;
								}	
						}
.countdown_header .content_freeText {
		width: 600px!important;
		text-align:center;
		font-size:16px;
		display:flex;
		justify-content:center;
		}
.countdown_header .content_freeText a {
		background: #ffbc00;
		border:4px solid white;
		color:white;
		padding: 20px 13px;
		font-size: 12px;
		text-transform: uppercase;
		border-radius: 16px;
		position: relative;
		top: 20px;
		left: -333px;
		display: block;
		width: 200px;
		}
@media only screen and 
				(min-device-width : 200px) and 
				(max-device-width : 600px) 
				{
						.countdown_header .content_freeText a {
								left: 0;
								margin: 40px auto;
								width: 50%;
								font-size: 5vw;
								}
						}

.countdown_header .content_freeText a:hover {
		background:white;
		color:white;
		transition: all ease 0.3s;
		}
.contestCountdownTimer{
		display:flex;
		justify-content:center;
		}
.countdown_header .countdown_days,
.countdown_header .countdown_hours,
.countdown_header .countdown_minutes,
.countdown_header .countdown_secondes{
		display:flex;
		width:70px;
		height:70px;
		justify-content:center;
		align-items:center;
		margin:5px;
		border-radius:20px;
		background:white;
		}
		
a.button-container.btn.btn-primary.btn-block {
    width: 40%;
    display: inline-block;
    padding: 3% 10%;
    margin: 2% 5%;
    border-radius: 10px;
    color: #337CCF;
    border: 2px solid #337CCF;
    text-align: center !important;
}

a.button-container.btn.btn-primary.btn-block:hover {
    background-color: #337CCF;
    color: white;
}
.content_warning::before {
    content: "Độ tuổi yêu cầu tối thiểu : ";
}
.content_warning {
    color: white;
}



.bloc.content .text.ml p strong {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    margin: 0px!important; 
    display: initial!important;
    text-transform: lowercase;
}




/*header*/
.header{
    padding: 0 20px!important;
    display: flex;
    flex-wrap: wrap;
}
.header a.logo.orange {
    width: 120px!important;
    height: 35px!important;
    margin: 0 auto 0 0;
}

/*header btn register*/
.header a.btn-register.btn.btn-primary.btn-block {
    background-color: #328ff5;
    color: #ffffff;
    font-size: 13px;
    width: min-content;
    padding: 10px 15px;
    height: auto;
    border-radius: 5px;
    text-transform: none;
    width: 100%;
    margin-top: 10px;
}

.main-content {
    padding: 100px 0 0 0;
}







/*header*/
.header{
    padding: 0 20px!important;
    display: flex;
    flex-wrap: wrap;
    height: auto!important;
    padding: 16px 20px !important;
}

.header a.logo.orange {
    width: 120px!important;
    height: 35px!important;
    margin: 0 auto 0 0;
}
.header .btn.btn-primary {
    height: 45px !important;
}

/*header btn register*/
.header a.btn-register.btn.btn-primary.btn-block {
    background-color: #328ff5;
    color: #ffffff;
    font-size: 13px;
    width: min-content;
    padding: 10px 15px;
    height: auto;
    border-radius: 5px;
    text-transform: none;
    width: 100%;
    margin-top: 10px;
    filter: none;
}
@media screen and (min-width: 720px){
	.header{
		flex-wrap:nowrap;
	}
	.header a.btn-register.btn.btn-primary.btn-block {
		width: auto!important;
		margin:0px 5px!important;
	}
}
.main-content {
    padding: 10px 0 0 0;
}






/*infos footer*/
.footer .copyright {
    background-color: #ffffff21;
    margin-top: 20px!important;
    width: calc(100% - 25px);
    margin: auto;
}
.footer .copyright p {
    font-size: 16px;
    padding: 30px 20px;
    font-weight: 900;
    color: white !important;
    text-align: left;
    /* padding-bottom: 8px; */
}
.footer .infos * {
    text-align: start;
    font-size: 12px;
    line-height: normal;
    opacity: 1;
    color: white;
}

.footer .infos {
    padding: 0px 20px;
    background-color: #ffffff21;
    padding-bottom: 30px;
    width: calc(100% - 25px);
    margin: auto;
}

@media screen and (min-width: 720px){
    .footer .copyright {
        margin-top: 20px!important;
        width: 100%;
    }
    .footer .infos {
        width: 100%;
    }
}







/************************
 ***********sub**********
 ***********************/
.content:has(.sub) {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    width: 100%;
    gap: 10px;
    padding: 10px;
}
.sub {
    width: 100%;
    max-width: none!important;
    background-color: #ffffff;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.sub .title p {
    font-size: 21px;
    font-weight: 700;
}

.sub .subtitle p {
    font-size: 17px;
    font-weight: 500;
    /* margin-bottom: 10px; */
}

.sub .desc  {
     margin-top: 10px; 
}
.sub .desc p {
    font-size: 14px;
    opacity: 0.7;
    /* margin-top: 10px; */
}
.sub .desc p strong {
    color: #009de9;
    margin-top: 6px;
    display: block;
}
a[id*="area"] {
    display: none !important;
}


@media screen and (min-width: 720px){
    .sub {
        width: calc((100% - 10px) / 2);
    }
}

@media screen and (min-width: 1024px){
    .sub {
        width: calc((100% - 20px) / 3);
    }
}


/****************************
 ***********end sub**********
 ***************************/