html {font-size: 100%;height: 100%}

body {
	height: 100%;
	font-size: .85em;
	font-family: 'Quicksand', sans-serif !important;
	font-weight:400 !important;
}

.font-title, .main-title, .big-stat-font {
	font-family: nexa_blackregular !important;
}

a:hover, a:focus, a:active {
	text-decoration: none;
	color: inherit;
}


@media (max-width: 900px){
	.not-resolution {
		top: 0;
		position: fixed;
		width: 100%;
		height: 100%;
		background-color: white;
		z-index: 400;
	}	
}
@media (min-width: 900px){
	.not-resolution {
		top: 0;
		position: fixed;
		width: 100%;
		height: 0%;
		overflow-y: hidden;
		background-color: white;
		z-index: 400;
	}	
}




.not-pic {
	width: 50%!important;
	margin-left: auto!important;
	margin-right: auto!important;
}


input:read-only:focus{
	outline : none !important;
}

input:read-only{	
	box-shadow: none !important;
}





@media (max-width: 1199px){
	.last-card{
		margin-bottom: 30px;
		margin-right: 23%!important;
	}
	.middle-card{
		margin-right: 0 !important;
	}
}



.hover-pointer {
	cursor: pointer;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select:none;
	user-select:none;
	-o-user-select:none;
}


.page {
/*	width: 100%;
    top: 50px;
    position: absolute;*/
    width: 100%;
    padding-top: 50px;
}

.menu-barre{
	position: fixed !important;
	height: 50px;
	width: 100%;
	z-index: 200;
	padding-top: 0.7rem !important;
}

.shadow-box{
	box-shadow: 10px 10px 27px 0 rgba(0,0,0,0.2) !important;
}

.margin-with-menu {
	padding-top: 5.5vw;
	padding-bottom: 30px;
}

.margin-with-menu-co {
	padding-top: 5.5vw;
}

.margin-with-menu-ma{
	margin-top: 5.5vw;
}

.accueil-square-size {
	height: 80%;
	width: 100%
}

.card-size {
	height: 50%;
}

.fix-row{
	margin-right:0!important;
}

.margin-card {
	margin-top: 5%;
	/*margin-bottom: 5%;*/
}

.fix-pad{
	padding-right: 0 !important;
	padding-left: 0 !important;
	margin-left: 0 !important;
}


/*overwrite card preset*/
.card {
	border-radius: 0 !important;
}


@media only screen and (min-width: 1200px) {
	.main-title {
		text-shadow: 4px 3px 15px rgba(0,0,0,0.2);
		font-size: 8vw;
		margin-bottom: -10%;
		margin-top: -19% ;
		margin-left: -11%;
		z-index: 50;
	}
	}@media only screen and (max-width: 1199px) {
		.main-title {
			text-shadow: 4px 3px 15px rgba(0,0,0,0.2);
			font-size: 11vw;
			margin-bottom: -8%;
			margin-top: -10%;
			/* margin-left: -11%; */
			z-index: 50;
		}
	}

	.Catalogue-title {
		text-shadow: 4px 3px 15px rgba(0,0,0,0.2);
		font-size: 7vw;

		margin-bottom: -10%;
		margin-top: -12%;
		margin-left: -7%;
		z-index: 50;
	}
	@media only screen and (max-width: 1400px) {
		.Catalogue-title {
			margin-top: -8%;
			margin-left: -5%;
		}
	}

	.new-corner{
		position: absolute;
		right: 27px;
		top: 10;
		padding: 4px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.new-arrow{
		width: 0;
		height: 0;
		border-left: 0px solid transparent;
		border-right: 10px solid transparent;
		border-top: 7px solid white;
		position: absolute;
		top: 42px;
		right: 27px;
	}


	.fix-col-padding{
		padding-left: 0!important;
		padding-bottom: 3%;
	}

	.font-title {
		font-size: 1.7em;
		-webkit-transition: font-size 1s;
		text-transform: uppercase;
	}

	.font-text {
		font-size: 0.8em;
	}

	.font-hover {
		font-size: 1.2em
	}

	.font-card {
		font-size: 0.85em;	
	}

	.font-mini-card {
		font-size:0.7em;
	}

	.font-side-card {
		font-size : 2em;
	}

	.card-text-size {
		height: 72px;
	}

	.line {
		border-bottom: 1px solid black;
		margin-top: 4px;
		margin-bottom:1px;
	}

	.line-white {
		border-bottom: 1px solid white;
		margin-top: 4px;
		margin-bottom:1px;
	}

	.line-orange {
		border-bottom: 1px solid #E9C275;
		margin-top: 4px;
		margin-bottom:1px;
	}
	.line-blue {
		border-bottom: 1px solid RGBA(117,209,233,1);
		margin-top: 4px;
		margin-bottom:1px;
	}
	.line-green {
		border-bottom: 1px solid RGBA(191,233,117,1);
		margin-top: 4px;
		margin-bottom:1px;
	}
	.line-red {
		border-bottom: 1px solid red;
		margin-top: 4px;
		margin-bottom:1px;
	}


	.chart-line-green {
		border-bottom: 3px solid rgba(191, 233, 117, .7);
		margin-top: 4px;
		margin-bottom:5px;
	}

	.chart-line-blue {
		border-bottom: 3px solid rgba(117, 119, 233, .7);
		margin-top: 4px;
		margin-bottom:5px;
	}

	.chart-line-black {
		border-bottom: 3px solid rgba(45, 58, 75, .7);
		margin-top: 4px;
		margin-bottom:5px;
	}



	/*********menu button********/

	.DT-menu {
		position: absolute;
		right: 20px;
		top: 3px;
	}

	.DT-button{
		border-radius: 50%;
	}
	.DT-white-box {
		border-radius: 23px 23px 23px 23px;
	}

	.DT-opening {
		-webkit-transition : width 0.5s;
	/*-webkit-transition-delay: 0.5s;
	-webkit-transition-property: overflow-x;*/
}

.overflow {
	overflow-x: hidden;
}

.tooltip {
	pointer-events: none;
}

.tooltype-box {

	opacity: 0.5;
	border-radius: 0!important;
}

.arrow {
	left: auto!important;
	right: 4px!important;
}

.arrow::before {
	bottom: 0!important;
	border-width: 0rem .6rem .6rem 0rem!important;
	border-bottom-color: grey!important;
}

.DT-Display {

	min-width: 500px;
	min-height: 330px;
	height:30%!important;
}

.DT-small-button {

	margin: 3px;
}

.OD-buton {
	position: absolute;
	height: 43px;
	width: 43px;
	top: 1px;
}










.carousel-arrow {
	top: auto !important;
	bottom: auto !important;
}

.carousel-control-prev {
	margin-left: -5%;
}
.carousel-control-next {
	margin-right: -5%;
}




.card-line-margin {
	margin-top: 2%;
	margin-bottom: 20px
}

.center-text {
	text-align: center;
}

.V-center-text {
	display: flex;
	align-items: center;
	justify-content: center;
}

.in-card-margin {
	margin-top: 3%;
	margin-bottom: 5%;
}


@media only screen and (min-width: 990px) {
	.circle {
		height: 7.7vw;
		width: 7.7vw;
		border-radius: 50%;
		display: flex;
		justify-content: center; 
		align-items: center; 
	}
	}@media only screen and (max-width: 990px) {
		.circle {
			height: 15.4vw;
			width: 15.4vw;
			border-radius: 50%;
			display: flex;
			justify-content: center; 
			align-items: center; 
		}
	}






	@media only screen and (min-width: 1200px) {
		.accueil-carrousel-div {
			margin-left:60px
		}
		}@media only screen and (max-width: 1200px) {
			.accueil-carrousel-div {
				margin-left:30px
			}
		}



		@media only screen and (min-width: 990px) {
			.font-circle {
				font-size: 1.5vw;
			}

			.Big-font-circle {
				font-size:2.5vw;
				margin-bottom: -3vw
			}
			}@media only screen and (max-width: 990px) {
				.font-circle {
					font-size: 3vw;
				}

				.Big-font-circle {
					font-size:5vw;
					margin-bottom: -6vw
				}
			}

			.margin-circle {
				margin-top: 5%;
				margin-bottom: 5%;
			}

			.italic {
				font-style: italic;
			}

			.title-margin {
				margin: 1%;
			}


			@media only screen and (max-width: 1199px) {
				.carrousselle-height {
					height: 80vw;
				}
			}
			@media only screen and (min-width: 1200px) {
				.carrousselle-height {
					height: 730px;
				}
			}


			.carousel-indicators li {
				background-color: #000000 !important;
			}

			.car-next {
				background-image: url("../Asset/News_Arrow.png");
				height: 25px;
				width: 10px;
				-moz-transform: scaleX(-1);
				-o-transform: scaleX(-1);
				-webkit-transform: scaleX(-1);
				transform: scaleX(-1);
				filter: FlipH;
				-ms-filter: "FlipH";
			}

			.car-prev {
				background-image: url("../Asset/News_Arrow.png");
				height: 25px;
				width: 10px;	
			}




			.box-size {
				height: 3.5vw;
			}

			.margin-card-catalogue {
				margin-left: 3%;
				margin-right: 3%;
			}
			.over-font {
				color: orange !important;
				font-size: 2.5em; 
				-webkit-transition: font-size 1s;
			}

			.over-border {
				border-bottom: 1px solid orange;
			}

			.font-menu-title {
				font-size : 1em;
			}

			.Catalogue-menu-title {
				font-size: 1.6em;
			}


			.card-carousel {
				overflow: hidden;
				width: 160px;
				transition: width 0.5s 0s, font-size 0.5s 0s;
				margin-right: 16px;
				margin-left: 16px;
				font-size: 1em;

			}


			.card-carousel-big {
				width: 320px !important;
				font-size: 1.1em;
			}

			.img-carousel{
				width: 200%;
				height: 168px;
				margin-left: 50%;
				transform: translateX(-50%);
				-webkit-transition: width 0.5s;
			}

			.img-carousel-min {
				width: 100% !important;
			}

			.left-arrow-carousel {
				position: absolute;
				z-index: 200;
				top: 75px;
			}
			.rigth-arrow-carousel {
				position: absolute;
				z-index: 200;
				top: 75px;
				right: 0;
				transform: scaleX(-1);
			}

			.new-card-broder {
				border-style: solid;
				border-width: 5px;
				border-color: #E97975;
			}

			.slick-list {
				padding-top: 15px !important;
				padding-bottom: 50px !important;
			}

			.carousel-container {
				overflow-y: scroll;
				/*height: 730px;*/
				height: 650px;
			}

			.carousel-mask {

				/* 0.4-1 10%*/
				-webkit-mask-image: -webkit-linear-gradient(left, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0.4) 100%);
				-mask-image: -linear-gradient(left, rgba(255,255,255,0.4) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 90%, rgba(255,255,255,0.4) 100%);

			}
			.carousel-shadow-box {
				box-shadow: 10px 2px 18px 0 rgba(0,0,0,0.2) !important;
			}

			.slick-slide {
				outline: none
			}

			.slick-disabled {
				display: none !important;
			}
			/***********scrollbar *****************/

/*
https://www.screenfeed.fr/blog/personnaliser-les-scrollbars-webkit-0366/
*/
.scrollbar::-webkit-scrollbar {
	width: 8px;
	/*width: 35px*/
}

.scrollbar::-webkit-scrollbar-thumb {
	background-color: RGBA(45,58,75,1);
	background-clip: padding-box;
}

.scrollbar::-webkit-scrollbar-track {
	background-color: #bbbbbb;
}

.scrollbar::-webkit-scrollbar-button{
	height: 8px;
	background: url(../Asset/Scrollbar_Arrow_Up.png) 1px 50% no-repeat;
}

/* Up */
.scrollbar::-webkit-scrollbar-button:decrement {
	/*background-position: -19px 50%;*/
}
/* Down */
.scrollbar::-webkit-scrollbar-button:increment {
	background: url(../Asset/Scrollbar_Arrow_Down.png) 1px 100% no-repeat;

}


.scrollbarHz::-webkit-scrollbar {
	height: 8px;
}
.scrollbarHz::-webkit-scrollbar-thumb {
	background-color: #808080;
	background-clip: padding-box;
}

.scrollbarHz::-webkit-scrollbar-track {
	background-color: #bbbbbb;
}

#scrolling{
	background-color: transparent;
}


#carousel-container {
	height: 275px;
}

.inner-card {
	height: 335px;
	margin-left: -15px !important;
	overflow-y:scroll;
}



.heart-orange {
	background-image: url();
}


.icon-fav {
	position: absolute;
	top: 15px;
	margin-left: 100px;
	opacity:0;

	-webkit-transition: opacity 0.5s, margin-left 0.5s;
}

.show-icon-fav {
	opacity:1 !important;
	margin-left: 250px;
}

.side-card-transition {
	-webkit-transition: width 0.5s, height 0.5s;
}

.center-card-text {
	left: 30%;
	top: 0%;
	position: relative;
}



.side-box-margin {
	margin-left: 0px !important;
	margin-bottom: 13px;
	margin-right: -3px !important;
	margin-top: 10px;
}





.display-case {
	position: fixed;
	height: calc(100% - 50px);
	width: 100%;
	top: 50px;
	left: 0%;
	z-index: 250;
	/* display: none;*/
}

.display-back {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0%;
	left: 0%;
	z-index: 50;
	background: black;
	opacity: 0.4;
}

.display {
	height: 80%;
	width: 35%;
	opacity: 1;
	z-index: 250;

}

.display-page {
	/*	-webkit-transition: height 0.5s;*/
	width: 100%;
	/*height: 50%;*/
	height: fit-content;
	background-color: white;
	padding-bottom: 1px;
}

.display-fav {
	top: 5%;
	right: 5%;
	position: absolute;
}

.display-button-50 {
	width: 49%;
	display: inline-block;
}
.display-button-33 {
	width: 32%;
	display: inline-block;
}

.information-title {
	top: 0;
	position: absolute;
	width: 100%;
}


.font-transition {
	-webkit-transition: font-size 0.2s;
}


.saison-retour {
	padding-left: 0;
	margin-left: -15px;
	margin-right: 15px;
}


.w40px {
	width: 40px;
}
.w50px {
	width:50px;
}
.w250px {
	width: 250px;
}

.w174px {
	width: 174px;
}

.w0 {
	width:  0%;
}

.w25 {
	width: 25%;
}

.w33 {
	width: 33.3%;
}

.w50 {
	width: 50%;
}

.w66 {
	width: 66.6%
}

.w100 {
	width: 100%
}

.h100 {
	height: 100%;
}

.h60 {
	height: 60%;
}

.h40 {
	height: 40%;
}

.h0 {
	height: 0%;
}



.display-show {
	display: flex;
}

.hidden {
	display: none !important;
}
.show {
	display: inline;
}

.z100 {
	z-index: 100;
}



/******************password ***********************/
.pswd-box{
	margin-top: 2% !important;
	margin-bottom: 2% !important;
	min-width: 400px;
	width: 40%;
	margin: auto;	
}

.input-text {
	text-align:right;
}

.input-area {
	border-style: none;
	width: calc(100% - 30px);
}

.bottom-marge {
	margin-bottom: 3%;
}

.mini-shadow-box{
	box-shadow: 1px 3px 7px 0 rgba(0,0,0,0.15) !important;
}

.red-border {
	border-style: solid;
	border-color: red;
	border-width: 1px;
}

.forgot-box {
	width: 40%;
	min-width: 400px;

	opacity: 1;
	z-index: 250;
}

.catalogue-box {
	width: 43%;
	min-width: 600px;

	opacity: 1;
	z-index: 250;

}

.div-input{
	padding: 0 !important;
}







/*****override xl*****/

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

	.overide-col-5 {
		flex: 0 0 41.666667% !important;
		max-width: 41.666667% !important;
	}

	.overide-col {
		flex: 0 0 100% !important;
		max-width: 100% !important;
	}
	.col-top-margin {
		margin-top: 5vw;
	}
	.overide-d {
		display: inline !important;
	}
	.overide-col-7 {
		flex: 0 0 91.666667% !important;
		max-width: 91.666667% !important;
	}
}

@media only screen and (min-width: 1400px) {
	.overide-d {
		display: none !important;
	}	
}
@media only screen and (max-width: 769px) {
	.overide-d {
		display: none !important;
	}	
}



/********** loading dots ****************/

.black-loading:after {
	content: ' .';
	animation: dots_black 1s steps(5, end) infinite;}

	@keyframes dots_black {
		0%, 20% {
			color: rgba(black,0);
			text-shadow:
			.25em 0 0 rgba(0,0,0,0),
			.5em 0 0 rgba(0,0,0,0);}
			40% {
				color: black;
				text-shadow:
				.25em 0 0 rgba(0,0,0,0),
				.5em 0 0 rgba(0,0,0,0);}
				60% {
					text-shadow:
					.25em 0 0 black,
					.5em 0 0 rgba(0,0,0,0);}
					80%, 100% {
						text-shadow:
						.25em 0 0 black,
						.5em 0 0 black;}}

						.white-loading:after {
							content: ' .';
							animation: dots_white 1s steps(5,end) infinite;
						}
						@keyframes dots_white {
							0%, 20% {
								color: rgba(0,0,0,0);
								text-shadow:
								.25em 0 0 rgba(0,0,0,0),
								.5em 0 0 rgba(0,0,0,0);}
								40% {
									color: white;
									text-shadow:
									.25em 0 0 rgba(0,0,0,0),
									.5em 0 0 rgba(0,0,0,0);}
									60% {
										text-shadow:
										.25em 0 0 white,
										.5em 0 0 rgba(0,0,0,0);}
										80%, 100% {
											text-shadow:
											.25em 0 0 white,
											.5em 0 0 white;}}




											/*****Mes devices ******/


											.device-item-margin {
												margin-left: 10%;
											}


											.fix-border-padding {
												padding-right: 0 !important;
												padding-left: 0 !important;
											}

											.device-block-title {
												font-size: 1.5em;
												height: 50px;
												position: absolute;
												width: 100%;
												bottom: 0;
												opacity: 0.75;
											}

											.map-height {
												height: calc(100% - 50px);
											}


											@media (min-width: 1400px){
												.overwrite-col {
													max-width: 45% !important;
												}
												.device-block {
													position: absolute !important;
													height: 70.5%;
													top: 26%;

												}
												.right-block {
													right: 15px;
												}

												.left-block {
													left: 15px;
												}
												.small-col {
													width:3%;
												}

												.device-title {
													font-size: 7vw;
													text-shadow: 4px 3px 15px rgba(0,0,0,0.2);
													margin-bottom: -10%;
													margin-top: -10%;
													margin-left: -6%;
													z-index: 50;
												}

												.small-margin {
													margin-left: 7% !important;
												}
											}

											@media (max-width:1399px) {

												.device-title {
													text-shadow: 4px 3px 15px rgba(0,0,0,0.2);
													margin-bottom: -10%;
													margin-top: -6%;
													margin-left: -4%;
													z-index: 50;
													font-size: 3.5vw;
												}

												.device-block {
													position: absolute !important;
													max-width: 94.666667% !important;
												}

												.technic-device-block{
													height: 48%;
												}

												.map-device-block{
													height: 29%;
												}



												.left-block {
													top: 17%;
												}
												.right-block {
													bottom: 3%
												}

												.small-col {
													width: 4%;
												}

												.small-margin {
													margin-left: 6% !important;
												}
											}


											@media (max-width: 1350px){
												.col-12-hard {
													position: relative ! important;
													width: 100% !important;

													height: 35.25%;
													flex: 0 0 100% !important;
													max-width: 100% !important;
												}
											}

											.sort-by-margin {
												margin-top: 2%;
												margin-bottom: 2%;
											}

											.game-box {
												transition: height 0.5s,  max-width 0.5s, flex 0.5s,  margin-bottom 0.5s,  margin-left 0.5s;
												-webkit-transition: height 0.5s,  max-width 0.5s, flex 0.5s,  margin-bottom 0.5s,  margin-left 0.5s;
												height: 70px;
												margin-bottom: 3%;
												margin-left: 3%;
											}

											.game-box:hover {
												height: 75px;
												max-width: 43%;
												flex: 0 0 43%;
												margin-bottom: 2%;
												margin-left: 2%;
											}

											.game-box-pic {
												width: 40%;
												height: 100%;
												left: 0;
												position: absolute;
											}

											.game-box-text {
												position: absolute;
												width: 45%;
												left: 40%;
											}

											.game-box-button {
												width:15%;
												height:100%;
												display: inline-block;
												position: absolute;
												right: 0;
											}

											.game-box-new {
												width: 60%;
												position: absolute;
												left: 40%;
											}

											@media (max-width: 1600px) {
												.game-box-new {
													font-size: 0.8em;
												}

												.game-box-text{
													font-size: 0.8em;
												}
											}

											.saison-box-text {
												position: absolute;
												width: 85%;
												left: 0%;
												margin-left: 0px!important;
											}

											.saison-date {
												font-size: 0.8em;
												margin-top: 2%;
											}

											.downArrow {
												-webkit-transform: scaleY(-1);
												transform: scaleY(-1);
											}

											.upArrow {
												-webkit-transform: scaleY(1);
												transform: scaleY(1);
											}


											.saison-editor {
												background-image:linear-gradient(135deg,  RGBA(191,233,117,1), RGBA(191,233,117,0.75));
											}
											.saison-editor.changed {
												background-image:linear-gradient(135deg,  RGBA(233,194,117,1), RGBA(233,194,117,0.75));	
											}
											.saison-editor:hover {
												background-image:linear-gradient(135deg,  RGBA(117,209,233,1), RGBA(117,209,233,0.75));
											}

											.saison-pen {
												opacity: 0;
												height: 100%;
												width: 100%;
											}
											.saison-pen:hover {
												opacity: 1;
											}

											.Bandeau {
												position: absolute;
												top: -6%;
												color: white;
												background-color: RGB(45,58,75,0.75);
												width: 100%;
											}

											.game-card-text {
												width: 90%;
												margin-top: 1%;
												margin-left: auto;
												margin-right: auto;
											}

											.button-box {
												width: 35%;
											}

											.button-text-marge {
												margin-left: 5%;
											}

											/****** Mes stats *****/

											.stats-info-title {
												margin-top: 3%;
												font-size: 1.8vw;
												white-space: nowrap;
												width: 100%;
											}

											.inner-stat-box{
												width: 100%
											}

											.inner-stat-box.up {
												height: 70%;
												}.inner-stat-box.up.small {
													height: 60%;
												}
												.inner-stat-box.down {
													height: 30%;
												}

												.visite-div {
													position: absolute;
													top: 0;
													width: 100%;
													height: 100%;
													overflow-y: hidden;
													position: relative;
													z-index: 5
												}

												.stat-box-arrow-down {
													-webkit-transform: scaleY(-1);
													transform: scaleY(-1);
												}



												.stat-box {
													min-height: 170px;
													height: 28%;
													padding-left: 0px !important;
												}

												.big-stat-box {
													min-height: 170px;
													height: 28%;
													padding-left: 0px !important;
													padding-right: 0px !important;
												}


												@media (min-width: 1400px){
													.stats-info-text {
														width: 60%
													}

													.statbox-col {
														flex: 0 0 25%;
														max-width: 25%;
													}
													.stat-box {
														padding-right: 40px !important;
													}

													.big-statbox-col {
														flex: 0 0 50%;
														max-width: 50%;
													}	
													.visite-div {
														font-size: 0.8vw;
													}

													.big-stat-font {
														font-size: 3.2vw;
													}
													.stats-device-block {
														z-index: 50;
														height: 75%;
														position: relative;
													}

													.big-box-font {
														font-size: 1vw;
													}

												}
												@media (max-width: 1400px){
													.stats-info-text {
														width: 80%
													}

													.statbox-col {
														flex: 0 0 50%;
														max-width: 50%;
													}

													.big-statbox-col {
														flex: 0 0 100%;
														max-width: 100%;
													}

													.stat-box {
														margin-bottom: 40px;
													}

													.big-stat-box {
														margin-bottom: 40px;
													}

													.stat-box.right {
														padding-left: 20px !important;
													}
													.stat-box.left {
														padding-right: 20px !important;
													}	
													.visite-div {
														font-size: 1.6vw;
													}
													.big-stat-font {
														font-size: 6.4vw;
														margin-top: -7%;
													}
													.stats-device-block {
														z-index: 50;
														height: 75%;
														width: calc(100% - 30px) !important;
														position: absolute !important;
														top: 22%;
													}
													.big-box-font {
														font-size: 1.3vw;
													}
												}

												.opa {
													-webkit-transition: opacity 0.5s;
												}

												.no-opa {
													opacity: 0;
												}

												.is-opa {
													opacity: 1;
												}







												@media (max-width: 1100px){
													.side-font {
														font-size: 0.85em !important;
													}
													.info-font {
														font-size: 1.0em !important;
													}	
												}


												.last-update {
													position: absolute;
													color: white;
													bottom: 0;
													left: 2%;
													font-style: italic;
												}