@import url('https://fonts.googleapis.com/css?family=Montserrat:500,700,900');
/*RESET CSS*/
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*/
.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;
}
/*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;
		visibility:hidden;
		transition:all ease 0.3s;
	}
img.lazyloaded{
	opacity:1;
	transition:all ease 0.3s;
	visibility:visible;
}

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

/*ICONS*/
.icon a:before, .icon:before {
    font-family: fonticons;
    font-size: 14px;
    margin: 0;
    display: block;
    float: left;
    border-radius: 0px;
    transition: color ease 0.3s;
    color: #fff;
}

.circle:before {
  content: "\e900";
}
.music:before {
  content: "\e800";
}
.search:before {
  content: "\e801";
}
.heart:before {
  content: "\e802";
}
.star:before {
  content: "\e803";
}
.user:before {
  content: "\e804";
}
.video:before {
  content: "\e805";
}
.ok:before {
  content: "\e806";
}
.cancel-circled:before {
  content: "\e807";
}
.ok-circled:before {
  content: "\e808";
}
.cancel:before {
  content: "\e809";
}
.plus:before {
  content: "\e80a";
}
.plus-circled:before {
  content: "\e80b";
}
.minus:before {
  content: "\e80c";
}
.minus-circled:before {
  content: "\e80d";
}
.help-circled:before {
  content: "\e80e";
}
.info-circled:before {
  content: "\e80f";
}
.link-home:before {
  content: "\e810";
}
.linked:before {
  content: "\e811";
}
.lock:before {
  content: "\e812";
}
.tag:before {
  content: "\e813";
}
.download:before {
  content: "\e814";
}
.chat:before {
  content: "\e815";
}
.phone:before {
  content: "\e816";
}
.cog:before {
  content: "\e817";
}
.basket:before {
  content: "\e818";
}
.calendar:before {
  content: "\e819";
}
.down-open:before {
  content: "\e81a";
}
.left-open:before {
  content: "\e81b";
}
.right-open:before {
  content: "\e81c";
}
.up-open:before {
  content: "\e81d";
}
.play:before {
  content: "\e81e";
}
.flight:before {
  content: "\e81f";
}
.location:before {
  content: "\e820";
}
.twitter:before {
  content: "\f099";
}
.facebook:before {
  content: "\f09a";
}
.menu:before {
  content: "\f0c9";
}
.caret-down:before {
  content: "\f0d7";
}
.caret-up:before {
  content: "\f0d8";
}
.caret-left:before {
  content: "\f0d9";
}
.caret-right:before {
  content: "\f0da";
}
.mail-alt:before {
  content: "\f0e0";
}
.unlink:before {
  content: "\f127";
}
.ellipsis-h:before {
  content: "\f141";
}
.ellipsis-v:before {
  content: "\f142";
}
.play-circled:before {
  content: "\f144";
}
.euro:before {
  content: "\f153";
}
.thumbs-up-alt:before {
  content: "\f164";
}
.youtube:before {
  content: "\f167";
}
.apple:before {
  content: "\f179";
}
.windows:before {
  content: "\f17a";
}
.android-os:before {
  content: "\f17b";
}
.linux:before {
  content: "\f17c";
}
.google:before {
  content: "\f1a0";
}
.steam:before {
  content: "\f1b6";
}
.paper-plane:before {
  content: "\f1d8";
}
.sliders:before {
  content: "\f1de";
}
.paypal:before {
  content: "\f1ed";
}
.user-times:before {
  content: "\f235";
}
.shopping-basket:before {
  content: "\f291";
}
.hashtag:before {
  content: "\f292";
}
.percent:before {
  content: "\f295";
}

/*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;
}
/*PAGE CONTENT*/


.ui-content.initial-page.container {
	overflow: hidden;
}
	
/*BLOC CATEGORY*/

.category ul.list-group li span.list-group-header:before {
    margin-right: 20px;
    font-family: icon-playweez;
    background: #f2f2f2;
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    position: absolute;
    width: 35px;
    font-size: 25px;
    line-height: 35px;
    top: 5px;
    left: 5px;
}
.category ul.list-group li:nth-child(1) span.list-group-header:before{
	content:"\e900";
}
.category ul.list-group li:nth-child(2) span.list-group-header:before{
	content:"\e90f";
}
.category ul.list-group li:nth-child(3) span.list-group-header:before{
	content:"\e902";
}
.category ul.list-group li:nth-child(4) span.list-group-header:before{
	content:"\e901 ";
}
.category ul.list-group li:nth-child(5) span.list-group-header:before{
	content:"\e908 ";
}
.category ul.list-group li:nth-child(6) span.list-group-header:before{
	content:"\e909";
}
.category ul.list-group li:nth-child(7) span.list-group-header:before{
	content:"\e90a";
}
.category ul.list-group li:nth-child(8) span.list-group-header:before{
	content:"\e90b";
}
.category ul.list-group li:nth-child(9) span.list-group-header:before{
	content:"\e90c";
}
.category ul.list-group li:nth-child(10) span.list-group-header:before{
	content:"\e903";
}

/*ANDROID*/
.category.android ul.list-group li:nth-child(5) span.list-group-header:before{
	content:"\e901";
}
.category.android ul.list-group li:nth-child(6) span.list-group-header:before{
	content:"\e909";
}
.category.android ul.list-group li:nth-child(7) span.list-group-header:before{
	content:"\e910";
}
.category.android ul.list-group li:nth-child(8) span.list-group-header:before{
	content:"\e90a";
}
.category.android ul.list-group li:nth-child(9) span.list-group-header:before{
	content:"\e90b";
}
.category.android ul.list-group li:nth-child(10) span.list-group-header:before{
	content:"\e90c";
}
/*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;
}
/*RESPONSIVE*/	
@media screen and (min-width: 668px) {	
	.ui-content.initial-page.container {
		overflow: hidden;
		padding-top: 90px;
	}
	
}
@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) {	
	.category ul.list-group li span.list-group-header:before{
		width: 50px;
		font-size: 30px;
		line-height: 50px;
		top: 4px;
	}
}