﻿.site-list-footer-display {
	width: 100%;
	height: auto;
	border: 0px;
	text-align: center;
	}

.all {	
  	display: flex;
  	perspective: 10px;   
  	transform: perspective(300px) rotateX(20deg); 
  	will-change: perspective;
  	perspective-origin: center center;
  	transition: all 1.3s ease-out;
  	justify-content: center;
  	transform-style: preserve-3d;   
	margin: auto;
	}



/***************************************************************************************************************************/

/* SMALLER TABLET screens -----------*/   /*--- SMALLER TABLET ---*/
@media screen and (max-width: 480px) {
  	.all {	
		width: 78%;    
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
  	.all {	
		width: 79%; 
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/
  	.all {	
		width: 80%;  
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
  	.all {	
		width: 70%; 
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 690px) and (max-width : 769px) {/*--- Tablet portrait ---*/
  	.all {	
		width: 70%;  
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture) --- SMALLER TABLET ---*/
@media only screen and (min-width : 769px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
	.all {	
		width: 70%;   
  		}
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture --- SMALLER TABLET ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
  	.all {	
		width: 72%;   
  		}
	}




/*********************************************************************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape ---*/
  	.all {	
		width: 60%; 
  		}
	}





/*********************************************************************************************************/
/* Desktops and laptops ----------- */  /*--- SMALL DESKTOP ---*/
@media only screen 
and (min-width : 1224px) {
  	.all {	
		width: 60%; 
		} 
	}
/*********************************************************************************************************/





.all:hover {
  	perspective: 1000px;   perspective: 1000px; 
  	transition: all 1.3s ease-in;
  	transform: perspective(10000px) rotateX(0deg);   
	}

.all:hover .text {
  	opacity: 1;  
	}

.all:hover > div {
  	opacity: 1;
  	transition-delay: 0s;  
	}

.all:hover .explainer {
  	opacity: 0;  
	}

.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  	transform-style: preserve-3d;
  	border-radius: 10px;
  	border: 2px solid #fff;
  	box-shadow: 0 0 20px 5px rgba(100, 100, 255, 0.4);
  	opacity: 0; 
  	transition: all 0.3s ease;
  	transition-delay: 1s;
  	position: relative;
  	background-position: center center;
  	background-size: contain;
  	background-repeat: no-repeat;
  	background-color: #58d;  background-color: #1a1a00;
	}

.left-one:hover, .left-two:hover, .left-three:hover, .center:hover, .right-one:hover, .right-two:hover, .right-three:hover, .lefter:hover, .righter:hover {
  	box-shadow: 0 0 30px 10px rgba(100, 100, 255, 0.6);
  	background-color: #ccf; 
	}

.text {
	width: 100%;
  	transform: translateY(30px);
  	opacity: 0;
  	transition: all 0.3s ease;
  	bottom: 0;  
  	text-align: center;
  	position: absolute;
  	will-change: transform;
	}






/*****BOTTOM NAVIGATION ROTATING ELEMENTS***************(DO NOT CHANGE OR UPDATE)***************************/
.text {
	font-size: 1.1em;
	888letter-spacing: 1px;
	color: #CCFFFF !important;/**DO NOT CHANGE**/  
	}

.text a {
	color: #CCFFFF !important;/**DO NOT CHANGE**/ 
	text-decoration: none; 
	}

.text a:link {
	color: #CCFFFF !important;/**DO NOT CHANGE**/ 
	}

.text a:visited {
	color: #F2CCBF !important;/**DO NOT CHANGE**/ 
	}

.text a:hover {
	color: #FFCCFF !important;/**DO NOT CHANGE**/ 
	}

.text a:active {
	color: #F2F2C7 !important;/**DO NOT CHANGE**/ 
	}

.text a:focus {
	color: #CCFF33 !important;/**DO NOT CHANGE**/ 
	}
/*****END OF BOTTOM NAVIGATION ELEMENTS********************(DO NOT CHANGE OR UPDATE)***************/







/***************************************************************************************************************************/

/* SMALLER TABLET screens -----------*/   /*--- SMALLER TABLET ---*/
@media screen and (max-width: 480px) {
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 0.9vmax;
  		bottom: 0; 
		margin-bottom: 0px;   
		}

	.explainer {
  		font-size: 1.5vmax;   
		line-height: 92%;   
		}

	.lefter {
  		transform: translateX(-28px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon.jpg);
		}

	.left-three {
  		transform: translateX(-23px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon.jpg);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(23px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(28px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}




/*********************************************************************************************************/
@media only screen and (min-width : 320px) and (max-width : 480px) {/*--- Mobile portrait ---*/
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 0.9vmax;
  		bottom: 0; 
		margin-bottom: 0px;   
		}

	.explainer {
  		font-size: 1.5vmax;   
		line-height: 92%;    
		}

	.lefter {
  		transform: translateX(-28px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-23px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(23px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(28px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}




/*********************************************************************************************************/
@media only screen and (min-width : 480px) and (max-width : 595px) {/*--- Mobile landscape ---*/
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 0.9vmax;
  		bottom: 0; 
		margin-bottom: 0px;   
		}

	.explainer {
  		font-size: 1.5vmax;   
		line-height: 92%;   
		}

	.lefter {
  		transform: translateX(-28px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-23px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(23px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(28px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}




/*********************************************************************************************************/
@media only screen and (min-width : 595px) and (max-width : 690px) {/*--- Small tablet portrait ---*/
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 0.9vmax;
  		bottom: 0; 
		margin-bottom: 0px;   
		}

	.explainer {
  		font-size: 1.5vmax;  
		 line-height: 92%;   
		}

	.lefter {
  		transform: translateX(-28px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-23px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(23px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(28px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}




/*********************************************************************************************************/
@media only screen and (min-width : 690px) and (max-width : 769px) {/*--- Tablet portrait ---*/
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 0.9vmax;
  		bottom: 0;
		margin-bottom: 0px;   
		}

	.explainer {
  		font-size: 1.5vmax;  
		 line-height: 92%; 
		}

	.lefter {
  		transform: translateX(-21px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-20px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(19px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(19px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture) --- SMALLER TABLET ---*/
@media only screen and (min-width : 769px) and (max-width : 800px) {/*--- Small tablet landscape ---*/
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 0.9vmax;
  		bottom: 0; 
		margin-bottom: 0px;   
		}

	.explainer {
  		font-size: 1.5vmax;  
		 line-height: 92%; 
		}

	.lefter {
  		transform: translateX(-21px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-20px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(19px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(19px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}




/*********************************************************************************************************/
/* SMALLER TABLET screens -----------*/   /*--- (location for ID picture --- SMALLER TABLET ---*/
@media only screen and (min-width : 800px) and (max-width : 1024px) {/*--- Small tablet landscape ---*/
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 6vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 1.3vmax;
  		bottom: 0; 
		margin-bottom: 0px;   
		}

	.explainer {
  		font-size: 1.5vmax;  
		 line-height: 92%;  
		}

	.lefter {
  		transform: translateX(-21px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-20px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(19px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(19px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}




/*********************************************************************************************************/
@media only screen and (min-width : 1024px) and (max-width : 1224px) {/*--- Tablet landscape ---*/
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 4vmax;
		}

  	.text {
		display: none;
		font-size: 1vmax;
  		bottom: 0; 
		margin-bottom: 0px;  
		}

	.explainer {
  		font-size: 1.5vmax;   
		line-height: 92%;  
		}

	.lefter {
  		transform: translateX(-21px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-20px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(19px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(19px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}





/*********************************************************************************************************/
/* Desktops and laptops ----------- */  /*--- SMALL DESKTOP ---*/
@media only screen 
and (min-width : 1224px) {
	.left-one, .left-two, .left-three, .center, .right-one, .right-two, .right-three, .lefter, .righter {
  		width: 5vmax;
  		height: 3vmax;
		}

  	.text {
		font-size: 0.6vmax;
  		bottom: 0; 
		margin-bottom: 5px;   
		}

	.explainer {
  		font-size: 1.3vmax;  
		 line-height: 92%;  
		}

	.lefter {
  		transform: translateX(-20px) translateZ(-100px) rotateY(-20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-three {
  		transform: translateX(-20px) translateZ(-75px) rotateY(-15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.left-two {
  		transform: translateX(-15px) translateZ(-50px) rotateY(-10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-next-tag.png);
		}

	.left-one {
  		transform: translateX(-8px) translateZ(-25px) rotateY(-5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.center {
  		opacity: 1;
  		background-image: url(../../Picture_Center/tooltip_images/multimedia-site-mini-logo-icon.png);
		}

	.right-one {
  		transform: translateX(8px) translateZ(-25px) rotateY(5deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-two {
  		transform: translateX(15px) translateZ(-50px) rotateY(10deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.right-three {
  		transform: translateX(19px) translateZ(-75px) rotateY(15deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		}

	.righter {
  		transform: translateX(18px) translateZ(-100px) rotateY(20deg);
  		background-image: url(../../Picture_Center/tooltip_images/coming-soon-tag.png);
		} 
	}
/*********************************************************************************************************/




.explainer {
  	font-weight: 300; 
  	color: #fff;
  	transition: all 0.6s ease;
  	width: 100%; 
  	height: 100%; 
  	background-color: #303050;
  	background-image: radial-gradient(circle at center top, #cce, #33a);
  	border-radius: 10px;
  	text-shadow: 0 0 10px rgba(255, 255, 255, 0.8);
  	display: flex;
  	justify-content: center;
  	align-items: center; text-align: center !important;  
	}