﻿/* UNIVERSAL PAGE STYLES */

html 
{
  overflow-x: hidden; /* Prevents Webpage from moving sliding around side-to-side on mobile devices */
}

body
{
	margin: 0px;
	padding: 0px;
	height: 100%;
	-webkit-text-size-adjust: 100%; /* Prevent font scaling in landscape while allowing user zoom */
	overflow-x: visible; /* Prevents Webpage from moving sliding around side-to-side on mobile devices */
}

/* FONTS */
@font-face 
{  
  font-family: Android;
  src: url('../fonts/ANDROID.ttf');
}
  
@font-face 
{
  font-family: Arcade;
  src: url('../fonts/ARCADE.ttf');
}

@font-face 
{
  font-family: ArchivoBlack;
  src: url('../fonts/ArchivoBlack-Regular.ttf');
}

@font-face 
{  
  font-family: Astute;
  src: url('../fonts/ASTUTE.ttf');
}

@font-face 
{  
  font-family: Bordom;
  src: url('../fonts/BORDM.ttf');
}

@font-face 
{  
  font-family: Letterman;
  src: url('../fonts/LETRMN.ttf');
}

@font-face 
{  
  font-family: Mystery;
  src: url('../fonts/MYSTERY.ttf');
}


@font-face 
{  
  font-family: Revel;
  src: url('../fonts/REVEL.ttf');
}

@font-face 
{  
  font-family: Scogin;
  src: url('../fonts/SCOGIN.ttf');
}

@font-face 
{  
  font-family: Slicker;
  src: url('../fonts/SLICKER.ttf'); 
}

@font-face 
{  
  font-family: Stinger;
  src: url('../fonts/STNGR.ttf');
}

@font-face 
{  
  font-family: Shatter;
  src: url('../fonts/SHATTER.ttf');
}

@font-face 
{  
  font-family: Typewriter;
  src: url('../fonts/TYPEWRITER.ttf');
}


/* HORIZONTAL LINES */

hr.line-style-1 
{
	overflow: visible; /* For IE */
	padding: 0;
    border: none;
    height: 1px;
    margin: 20px 0px 20px 0px;
    /*border-top: medium double #333;*/
    background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
    /*color: #333;*/
    text-align: center;
}

hr.line-style-1:after 
{
    /*content: url('../images/logos/mystery-cube/logo_mystery_cube_colour_black_36x46.png');*/
    display: inline-block;
    position: relative;
    top: -0.8em;
    font-size: 1.5em;
    padding: 0 0.25em;
}

hr.line-style-2 
{
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
	height: 2px;
	margin: 20px 0px 20px 0px;
	/*border-top: medium double #333;*/
    background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
    /*color: #333;*/
    text-align: center;
}

hr.line-style-2:after 
{
	content: url('../images/logos/mystery-cube/logo_mystery_cube_colour_50x50.png');
   	display: inline-block;
   	position: relative;
    top: -1.0em;
    font-size: 1.5em;
    padding: 0 0.25em;
}
		
hr.line-style-3 
{
	overflow: visible; /* For IE */
    padding: 0;
    border: none;
    height: 2px;
    margin: 20px 0px 20px 0px;
   	/*border-top: medium double #333;*/
    background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
    /*color: #333;*/
    text-align: center;
}

hr.line-style-3:after 
{
    content: url('../images/logos/are-you-game/logo_are_you_game_transparent_52x50.png');
   	display: inline-block;
    position: relative;
    top: -1.0em;
    font-size: 1.5em;
    padding: 0 0.25em;
}
		
hr.line-style-4 
{
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
	height: 2px;
	margin: 20px 0px 20px 0px;
   	/*border-top: medium double #333;*/
    background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
    /*color: #333;*/
    text-align: center;
}

hr.line-style-4:after 
{
	content: url('../images/logos/home-of-the-mystery-challenge/logo_home_of_the_mystery_challenge_50x50.png');
   	display: inline-block;
   	position: relative;
    top: -1.0em;
    font-size: 1.5em;
    padding: 0 0.25em;
}
		
hr.line-style-5 
{
	overflow: visible; /* For IE */
	padding: 0;
	border: none;
   	height: 2px;
   	margin: 20px 0px 0px 0px;
   	/*border-top: medium double #333;*/
   	background-image: linear-gradient(to right, rgba(200, 200, 200, 0), rgba(200, 200, 200, 0.75), rgba(200, 200, 200, 0));
    /*color: #333;*/
    text-align: center;
}

hr.line-style-5:after 
{
	content: url('../images/logos/are-you-game/logo_are_you_game_transparent_52x50.png');
   	display: inline-block;
   	position: relative;
   	top: -1.0em;
    font-size: 1.5em;
    padding: 0 0.25em;
}

/* BUTTONS */
.a-button
{    
   	font-size: 1.1em;
   	font-family: ArchivoBlack;
   	font-weight: 500;
   	font-style: normal;
 	letter-spacing: 0em;
   	text-transform: none;
   	line-height: 1.2em; 
}


/* SECTION BANNER */
.div-banner
{
	background-image:url('../images/backgrounds/background_banner_03_1920x1200.jpg');
	/*-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;
	background-position-x: 50%;
    background-position-y: 0%;*/
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	background-color:rgb(0,0,0);
}

	/* SECTION: BANNER HEADER */
	.div-banner-header
	{

	}

		.div-banner-header-flex
		{
			display: flex;
  			flex-wrap: wrap;
		}
	
			.div-banner-header-flex>div
			{
				flex-grow: 1;
  				width: 49%;
  				height: 150px;
  				/*border: 1px white solid;*/
 			}
	
				.div-banner-header-flex-left
				{
			
				}
		
					.div-banner-header-flex-left-logo
					{
						margin: 38px 0px 0px 75px;
						cursor:pointer;
					}
		
				.div-banner-header-flex-right
				{
					vertical-align:middle;
				}
		
					.div-banner-header-flex-right-button
					{
						margin: 85px 95px 0px 0px;
						float:right;
						/*background-color:#d1a18a;*/
						background-color:rgb(204,135,250);  
						color:rgb(51,51,51);
						border:1px rgb(204,135,250) solid;
						border-radius:5px; 
						width:162px; 
						height:50px;
						text-align:center;
						vertical-align:middle;
						cursor:pointer;
					}
			
					.div-banner-header-flex-right-button:hover
					{
						background-color:rgb(228,193,252);
					}
			
	
	/* SECTION: BANNER MOBILE HEADER */
	
	.div-banner-mobile-header
	{
		display:none;
		position: fixed;
		background-color: rgb(0,0,0);
		z-index:10;
	}
	
		/*.div-banner-mobile-header-flex
		{
			display: flex;
  			flex-wrap: wrap;
		}*/
	
		.div-banner-mobile-header-content
		{
		/*	flex-grow: 1;
  			width: 49%;
  			height: 150px;
  			border: 1px white solid;
  			width: 100%;*/
 		}
 		
 			#table-banner-mobile-header-content
 			{
				width:100%;
			}
			
				#td-banner-mobile-header-content-left
				{
					min-width:280px; 
					/*border: 1px white solid;*/
				}
				
					#div-banner-mobile-header-content-left-logo
					{
						padding: 10px 0px 0px 0px;
					}
					
						#div-banner-mobile-header-content-left-logo-text
						{
							display:inline-block; 
							font-family:Typewriter; 
							color:rgb(190,147,228); 
							font-size:1.5em; 
							font-weight:bold; 
							/*height:40px;*/ 
							line-height:1.7; 
							vertical-align:top;
							padding: 0px 0px 0px 10px;
						}
						
						#div-banner-mobile-header-content-left-logo-image
						{
							display:inline-block; 
							width:60px; height:40px; 
							background-color:rgb(0,0,0);
						}
	
				
							#img-banner-mobile-header-content-left-logo
							{
  								/*background-position: center;
  								background-size: cover;
  								background-image: url("../images/icons/mobile-menu/icon_mystery_tattoo_inistial_source_45x40.jpg");
  								display: flex;
  								height: 75vmin;
  								width: 75vmin;*/
  								margin: 0px 0px 0px 5px;
  								transition: background 0.5s linear;
  								width:45px;
  								height:40px;
  								border:0;
							}
							
				#td-banner-mobile-header-content-right
				{
					min-width:50px; 
					/*border: 1px white solid;*/
				}
		
		
					#div-banner-mobile-header-content-right-button
					{
						/*margin:  85px 95px 0px 0px;*/
						padding: 10px 20px 0px 0px;
						float:right;
						/*width:162px;*/ 
						/*height:50px;*/
						/*text-align:right;*/
						vertical-align:middle;
						cursor:pointer;
					}
					
						.
	
			
	/* MOBILE MENU */

	.div-mobile-menu
	{
		display:none;
		position:relative;
		width: 100%;
		z-index:10;
	}	
	
		.div-mobile-menu-items
		{
			position:absolute;
			width: 100%;
			background-color: rgba(50,50,50,0.7);
			
		}	
		
			.div-mobile-menu-item
			{
				font-family:Arial, Helvetica, sans-serif;
				color: rgb(255,255,255);
				font-size:1.2em;
				border-bottom: 1px rgb(255,255,255) solid;
				padding: 10px 10px 10px 10px;
				cursor:pointer;
			}
			
			.div-mobile-menu-item:hover
			{
				background-color: rgba(120,81,169,0.6);			
			}				
			

	/* SECTION: BANNER CONTENT */
	
	.div-banner-content
	{
		height:1000px;
		/*border: 1px white solid;*/
	}
	
		.div-banner-content-text
		{
			margin: 40px 0px 0px 0px;
		}
		
			.div-banner-content-text h1
			{
				visibility:hidden;
			}
	
		.div-banner-content-main-title
		{
			text-align:center;
			/*font-size: 4.0em;*/
			font-family:Slicker;
			font-weight: bold;
  			font-size: 5vmin;  			
  			fill: rgb(233,233,233);
  			z-index:1;			  			
		}
		
		.div-banner-content-title
		{
			text-align:center;
			/*color: rgb(165,74,217);*/
			color: rgb(0,180,170);
			font-size: 1.5em;	
			font-family: Slicker; 
			-webkit-font-smoothing: antialiased;
			margin: 0px 0px 0px 0px;
		}
		
		.div-banner-content-links
		{
			text-align:center;
			font-family:Verdana, Geneva, Tahoma, sans-serif;
			
		}
		
			.div-banner-content-link
			{
				display:inline-block; 
				height:40px;
				padding: 0px 10px 0px 10px;
			}
			
				.img-banner-content-link-separator
				{
					margin:0px 0px 0px 0px;
				}
		
			.a-banner-content-link
			{
				color: rgb(233,233,233);
				text-decoration:none;
				font-size:1.1em;
			}
			
			.a-banner-content-link:hover
			{
				/*color: rgb(165,74,217);*/
				color: rgb(190,147,228);
			}
		
		#div-banner-content-logos
		{
			margin: 75px 0px 0px 0px;
		}
		
			#div-banner-content-logo
			{
				margin: 0px 200px 0px 0px; 
				float:right;
			}
			
				#img-banner-content-logo
				{
					
				}


/* SECTION: CHALLENGES */

/* The following are classes common to all challenges */

.div-challenge-content-left
{
	/*border:1px white solid;*/
	max-width: 1350px; 
	margin: 0 auto; 
	text-align:center; /* Use this to move the logo div (div-challenge-content-logo-left) to the far left of the containter div (div-challenge-content-left) */
}

	.div-challenge-content-logo-left
	{
		/*border:1px red solid;*/
		display:inline-block; 
		max-width:360px; 
		vertical-align:top;
		padding: 0px 0px 0px 0px;
	}
	
		.img-challenge-content-logo-left
		{
			/*width:350px; 
			height:489px;
			box-shadow: 0 8px 8px 0 rgba(233, 233, 233, 0.2), 0 8px 20px 0 rgba(233, 233, 233, 0.2);*/
		}
	
	.div-challenge-content-text-left
	{
		/*border:1px red solid;*/
		display:inline-block; 
		max-width:674px; 
		vertical-align:top; 
		margin-left:50px;  /* Use this margin to move text to the far right edge of the container div (div-challenge-content-left) */
		padding: 0px 0px 0px 0px;
	}
	
		.p-challenge-content-text-p1-left
		{
			color:white; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align:left; 
			font-size:1.8em; 
			line-height:1.6
		}
		
		.div-challenge-content-text-p2-left
		{
			color:white; 
			font-family:Arial, Helvetica, sans-serif; 
			font-style:italic; 
			text-align:left; 
			font-size: calc((1 - 1) * 1.2vw + 1rem);
		}

.div-challenge-content-right
{
	/*border:1px white solid;*/
	max-width:1350px; 
	margin: 0 auto; 
	text-align:center; /* Use this to move the logo div (div-challenge-content-logo-right) to the far right of the containter div (div-challenge-content-right) */
}

	.div-challenge-content-logo-mobile-right
	{
		display:none; 
		max-width:674px; 
		vertical-align:top;
		padding: 0px 0px 0px 0px;
	}

	
	.div-challenge-content-logo-right
	{
		display:inline-block; 
		max-width:674px; 
		vertical-align:top;
		padding: 0px 0px 0px 0px;
	}
	
		.img-challenge-content-logo-right
		{
			/*width:350px; 
			height:489px;
			box-shadow: 0 8px 8px 0 rgba(233, 233, 233, 0.2), 0 8px 20px 0 rgba(233, 233, 233, 0.2);
			*/

		}
	
	.div-challenge-content-text-right
	{
		display:inline-block; 
		max-width:674px; 
		vertical-align:top; 
		margin-right:50px;  /* Use this margin to move text to the far left edge of the container div (div-challenge-content-right) */
		padding: 0px 0px 0px 0px;
	}
	
		.p-challenge-content-text-p1-right
		{
			color:white; 
			font-family:Arial, Helvetica, sans-serif; 
			text-align:left; 
			font-size:1.8em; 
			line-height:1.6
		}
		
		.div-challenge-content-text-p2-right
		{
			color:white; 
			font-family:Arial, Helvetica, sans-serif; 
			font-style:italic; 
			text-align:left; 
			font-size: calc((1 - 1) * 1.2vw + 1rem);
		}
		

.div-challenge-content-video
{
	position:relative; 
	height:0; 
	padding-top: 10px;
	padding-bottom: 30%; 
	overflow:hidden; 
	max-width:1350px; 
	margin: 0 auto;

}

	.iframe-challenge-content-video
	{
		position:absolute; 
		left: 0; 
  		right: 0; 
  		margin-left: auto; 
  		margin-right: auto; 
		width:80%; 
		height:100%;
	}
	
	.video-challenge
	{
		width: 854px;
		height: 480px;
	}


/* SECTION: CHALLENGE */

.div-challenges
{
	background:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),url('../images/backgrounds/background_collage_441_60_1920x700.jpg')
}


.div-challenge
{	
	/*background:linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url('../images/backgrounds/background_collage_1_441_60_1920x700.jpg');*/
	height: 100%;
	/*-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;*/ 
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: cover;
  	text-align:center;
  	padding: 50px 0px 50px 0px;
}

	.h2-challenge-bordom
	{
		color: rgb(74,229,190);
		font-size: 3.0em;
		font-family: Bordom;
		line-height: 1.176;
		text-align:left
	}

	.h2-challenge-archivoblack
	{
		color: rgb(0,121,255);
		font-size: 3.0em;
		font-family: ArchivoBlack;
		line-height: 1.176;
		text-align:left;
	}

	.h2-challenge-astute
	{
		color: rgb(204,135,250);
		font-size: 3.0em;
		font-family: Astute;
		line-height: 1.176;
		text-align:left;
		letter-spacing:10px;
	}

	.h2-challenge-shatter
	{
		color: rgb(200,55,148);
		font-size: 3.0em;
		font-family: Shatter;
		line-height: 1.176;
		text-align:left;
		letter-spacing:5px;
	}
	
	.h2-challenge-stinger
	{
		color: rgb(255,0,0);
		font-size: 3.0em;
		font-family: Stinger;
		line-height: 1.176;
		text-align:left;
	}
	
	.h2-challenge-scogin
	{
		color: rgb(230,54,105);
		font-size: 2.5em;
		font-family: Scogin;
		line-height: 1.176;
		text-align:left;
		letter-spacing:10px;
	}

	.h2-challenge-slicker
	{
		color: rgb(209,80,254);
		font-size: 3em;
		font-family: Slicker;
		line-height: 1.176;
		text-align:left;
	}
	

/* Slideshow container */
.div-challenge-slideshow {
  max-width: 854px;
  position: relative;
  margin: auto;
}

    
.div-challenge-video
{
	width:854px;
}

	.div-challenge-video-overlay
	{
		position:absolute;
		margin-top:30px; 
		width:854px; 
		height:390px; 
		z-index:2; 
		/*border: 1px white solid;*/
		text-align:center;
	}
	
		.img-video-play-button
		{
			margin: 176px 0px 0px 0px; 
			cursor:pointer;
		}

/* Next & previous buttons */
.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
  z-index:10;
}

/* Position the "next button" to the right */
.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover {
  background-color: rgba(100,100,100,0.5);
}


/* The dots/bullets/indicators */
.dot {
  cursor: pointer;
  height: 15px;
  width: 15px;
  margin: 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}

.active {
	background-color: rgb(0,180,170);
}

.dot:hover {
	background-color: rgb(190,147,228);
}



/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}

@keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}
}


#div-challenge-disclaimer
{
	margin:0 auto;
	padding: 50px 20px 50px 20px;
	text-align:center; 
	color:rgb(255,255,255);
	font-family:Verdana, Geneva, Tahoma, sans-serif;
	font-size:0.9em;
	font-style:italic;
	max-width: 1000px;
	
}


/* SECTION: SOCIAL MEDIA */

.div-social-media
{	
	background-image:url('../images/backgrounds/background_scoial_media_hc-200_833x374.jpg');
	height: 100%;
	/*-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;*/ 
	/*background-position: center;*/
  	/*background-repeat: no-repeat;*/
  	background-size: 100% 100%;
  	text-align:center;
  	padding: 50px 0px 50px 0px;
}

	.div-social-media-content-center
	{
		/*border:1px white solid;*/
		max-width: 1350px; 
		margin: 0 auto; 
		text-align:center;		 
	}

		.div-social-media-content-text-center
		{
			/*display:inline-block; 
			 
			vertical-align:top; 
			margin: 0 auto; 
			text-align:center;*/			
		}

			.div-social-media h2
			{
				color: rgb(233,233,233);
				font-size: 3.0em;
				font-family: ArchivoBlack;
				line-height: 1.176;
				text-align:center;
			}
			
			.img-social-media-icon
			{
				width: 256px;
				height: 256px;			
			}
			
			.img-social-media-icon-facebook
			{
				border-radius: 10px;
				margin: 0px 40px 0px 20px;		
			}
			
			.img-social-media-icon-instagram
			{
				margin: 0px 0px 0px 0px;		
			}
			
			.img-social-media-icon-tiktok
			{
				border-radius: 10px;
				margin: 0px 20px 0px 40px;		
			}
			
			

/* SECTION: YOU TUBE */
.div-you-tube
{	
	background-image:url('../images/backgrounds/background_mystery_challenge_sticker_hc-200_833x374.jpg');
	height: 100%;
	/*-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;*/ 
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	text-align:center;
  	padding: 50px 10px 50px 10px;
}

.div-you-tube h2
{
	color: rgb(74,229,190);
	font-size: 3.0em;
	font-family: ArchivoBlack;
	line-height: 1.1;
	text-align:left;
}

.div-you-tube-content-left
{
	/*border:1px white solid; */
	max-width: 1350px; 
	margin: 0 auto; 
	text-align:left; /* Use this to move the logo div (div-challenge-content-logo-left) to the far left of the containter div (div-challenge-content-left) */
}

	.div-you-tube-content-logo-left
	{
		display:inline-block; 
		max-width:674px; 
		vertical-align:top;
		padding: 0px 0px 0px 0px;
	}


		.div-you-tube-content-video
		{
			/*position:relative;
			height:0; 
			padding-bottom: 38%; 
			padding-top: 10px; 
			overflow:hidden; 
			max-width:1350px; 
			margin: 0 auto;*/
			padding: 0px 0px 0px 20px;
		}

			.iframe-you-tube-content-video
			{
				/*position:absolute; 
				top:0; 
				left:0; */
		
				width:590px; 
				height:331px;
			}

	.div-you-tube-content-text-left
	{
		display:inline-block; 
		max-width:674px; 
		vertical-align:top; 
		margin-left:50px;  /* Use this margin to move text to the far right edge of the container div (div-challenge-content-left) */
		padding: 0px 0px 0px 0px;
	}
	
		.div-you-tube-content-text-left-container
		{
	
		}
		
			.div-you-tube-content-text-left-heading
			{
	
			}
			
				.div-you-tube-content-text-left-text
				{
					color:white; 
					font-family:Arial, Helvetica, sans-serif; 
					text-align:left; 
					font-size:1.8em; 
					line-height:1.6
				}
	

/* SECTION: CONTACT */

/* Section: Message */
#div-message
{
	position:fixed; 
	display:none; 
	max-width:750px; 
	left: 0; 
	right: 0;
	top:0px; 
	margin-top:0px; 
	margin-left: auto; 
	margin-right: auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	border-bottom-right-radius: 5px;
	z-index: 10;
}



	.div-message-caution
	{
		background-color:rgba(201,200,176,0.8); /* light gold */
	}

	.div-message-error
	{
		background-color:rgba(245,229,229,0.8); /* light red */
	}
	
	.div-message-help
	{
		background-color:rgba(196,216,240,0.8); /* light blue */
	}
	
	.div-message-complete
	{
		background-color:rgba(205,237,179,0.8); /* light green */
	}

	#td-message-icon
	{
		padding: 5px;
		vertical-align:top;
	}
	
	.td-message-icon
	{
		padding: 5px;
		vertical-align:top;
	}

	#td-message-text
	{
		padding: 5px;	
	}

	#td-message-close
	{
		padding: 5px;
		text-align:right;		
	}
	
	.td-message-text-caution
	{
		color: rgb(0,0,0);
	}

	.td-message-text-error
	{
		color: rgb(128,0,0);
	}
	
	.td-message-text-help
	{
		color: rgb(15,36,52);
	}
	
	.td-message-text-complete
	{
		color: rgb(63,108,25);
	}


.div-contact
{	
	background:linear-gradient( rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6) ),url('../../images/backgrounds/background_collage_441_60_1920x700.jpg');
	height: 100%;
}

	#div-contact-content
	{		
		padding:60px 0px 100px 0px;
	}
	
		#div-contact-content-box
		{
			width:1000px;
			text-align:center; 
			margin: 0 auto;
		}
		
			/* Form Elements */
			.input-text-contact
			{
				height:30px; 
				border-radius:5px; 
			}			
	
			.input-text-contact:focus
			{
				/*outline: 2px solid rgb(224,194,181);*/
				outline: 2px solid rgb(190,147,228);
				outline-offset: 2px;  		
				/*box-shadow: 0 0 3px 2px rgb(224,194,181);	*/
			}
			
			/* Header */
			#div-contact-content-header
			{
				text-align:left;
			}
	
				.h1-contact-content-heading
				{
					color:rgb(0,180,170);
					font-size: calc((3 - 1) * 1.2vw + 1rem);
					font-family: ArchivoBlack;
					line-height: 1.176;
					text-align:centre;
					font-weight:bold;
				}
	
			/* Left Side */
			#div-contact-content-left
			{
				display:inline-block; 
				text-align:left; 
				width:500px;
				vertical-align:top;
			}

				#fieldset-contact-content-left
				{
					border-color:rgb(0,180,170);
				}
			
					#div-contact-content-left-heading
					{
						margin: 10px 0px 30px 5px;
						font-family:Arial, Helvetica, sans-serif;
						font-weight:bold; 
						/*color:rgb(255,255,255);*/
						color:rgb(190,147,228);
						font-size: 1.3em;
					}
					
					.div-contact-content-left-label
					{
						margin: 10px 0px 10px 5px;
						font-family:Arial, Helvetica, sans-serif; 
						color:rgb(255,255,255);
					}
					
						.div-contact-content-left-label-small
						{
							display:inline-block; 
							vertical-align:top; 
							width:220px; 
							font-size:0.8em;
							font-family:Arial, Helvetica, sans-serif; 
							color:rgb(255,255,255);
							margin: 3px 0px 5px 5px;
						}
					
					.div-contact-content-left-element
					{
						margin: 10px 0px 10px 3px;
					}
					
					
					/* Name */
					.div-contact-content-left-element-name
					{
						display:inline-block; 
						vertical-align:top; 
						width:220px;
					}
					
						.input-text-contact-first-name
						{
							width: 210px;
						}
						
						.input-text-contact-last-name
						{
							width: 210px;
						}

					/* Email */
					.div-contact-content-left-element-email
					{
						display:inline-block; 
						vertical-align:top; 
						/*width:440px;*/
					}
					
						.input-text-contact-email
						{
							width:430px;
						}
					
					
					/* Subject */
					.div-contact-content-left-element-subject
					{
						display:inline-block; 
						vertical-align:top; 
						width:440px;
					}
					
						.input-text-contact-subject
						{
							width:430px;
						}
						
					/* Message */
					.div-contact-content-left-element-message
					{
						display:inline-block; 
						vertical-align:top;					
					}
					
						.input-text-contact-message
						{
							height:100px; 
							width:430px; 
							border-radius:5px;
							font-family:Arial, Helvetica, sans-serif;
						}
						
						.input-text-contact-message:focus
						{
							outline: 2px solid rgb(190,147,228);
							outline-offset: 2px;
						}
					
					/* Captcha */
					.div-contact-content-left-element-captcha-image
					{
						margin: 10px 0px 20px 5px;					
					}
					
						.a-contact-content-left-element-request-new-challenge
						{
							font-family:Arial, Helvetica, sans-serif;
							color: rgb(190,147,228);
							font-size: 0.8em;
							text-decoration:none;						
						}
						
						.a-contact-content-left-element-request-new-challenge:hover
						{
							text-decoration:underline;
						}
					
					.div-contact-content-left-text-captcha-instruction
					{
						margin: 10px 0px 0px 5px;
						font-family:Arial, Helvetica, sans-serif; 
						color:rgb(255,255,255);
					}
					
					/* Send Button */
					.div-contact-content-left-send-button
					{
						background-color:rgb(204,135,250);  
						color:rgb(51,51,51);
						border:1px rgb(204,135,250) solid;
						border-radius:5px; 
						width:162px; 
						height:50px;
						text-align:center;
						vertical-align:middle;
						cursor:pointer;
						margin: 20px 0px 0px 0px;
					}
					
					.div-contact-content-left-send-button:hover
					{
						background-color:rgb(228,193,252);
					}
					
									
			.img-contact-social-media-icon-rounded
			{
				width: 64px;
				height: 64px;
				border-radius: 10px;
				margin-right:40px;
				cursor:pointer;		
			}
			
			.img-contact-social-media-icon
			{
				width: 64px;
				height: 64px;				
				border-radius: 10px;
				margin-right:40px;
				cursor:pointer;				
			}
		
		/* Right Side */
		.div-contact-content-right
		{
			display:inline-block; 
			text-align:left; 
			width:440px; 
			vertical-align:top; 
			margin: 0px 0px 0px 50px;
		}
		
			#div-contact-content-right-call-header
			{			
				background: linear-gradient(to right, rgb(190,147,228) 0%, rgb(252,253,253) 100%);
				border-top: 1px rgb(200,200,200) solid;
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px tranparent solid;
				padding: 10px;
				-moz-border-radius-topleft: 5px;
				border-top-left-radius: 5px;
				-moz-border-radius-topright: 5px;
				border-top-right-radius: 5px;
			}
			
				#span-contact-content-right-call-header
				{
					font-family:Arial, Helvetica, sans-serif; 
					font-size:1.3em;
					font-weight:bold;
				}
			
			#div-contact-content-right-call-detail
			{
				background: rgb(250,250,250);
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px rgb(200,200,200) solid;
				padding: 10px 10px 10px 10px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				border-bottom-right-radius: 5px;
			}
			
			#div-contact-content-right-visit-header
			{			
				margin: 20px 0px 0px 0px;
				background: linear-gradient(to right, rgb(190,147,228) 0%, rgb(252,253,253) 100%);
				border-top: 1px rgb(200,200,200) solid;
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px tranparent solid;
				padding: 10px;
				-moz-border-radius-topleft: 5px;
				border-top-left-radius: 5px;
				-moz-border-radius-topright: 5px;
				border-top-right-radius: 5px;
			}
			
				#span-contact-content-right-visit-header
				{
					font-family:Arial, Helvetica, sans-serif; 
					font-size:1.3em;
					font-weight:bold;
				}
			
			#div-contact-content-right-visit-detail
			{
				background: rgb(250,250,250);
				border-left: 1px rgb(200,200,200) solid;
				border-right: 1px rgb(200,200,200) solid;
				border-bottom: 1px rgb(200,200,200) solid;
				padding: 10px 10px 10px 10px;
				-moz-border-radius-bottomleft: 5px;
				border-bottom-left-radius: 5px;
				-moz-border-radius-bottomright: 5px;
				border-bottom-right-radius: 5px;
			}
			
				#div-contact-content-right-visit-detail-map
				{
					position:relative;
					width:100%;
					height:200px;
					z-index:0;

				}
				
				#div-contact-content-right-visit-detail-enlarge-print
				{
					margin-top: 10px;
					font-family:"Open Sans";
					font-size: 0.9em;
				}
				
					#a-contact-content-right-visit-detail-enlarge-print
					{
						font-family:Arial, Helvetica, sans-serif;
						font-size:1.1em;
						color: rgb(0,0,0);
						text-decoration:none;
					}
					
					#a-contact-content-right-visit-detail-enlarge-print:hover
					{
						text-decoration:underline;
					}
				
				#div-contact-content-right-visit-detail-directions
				{
					font-family:Arial, Helvetica, sans-serif;
					font-size:0.9em;
					margin: 15px 0px 0px 0px;
				}
				
					#input-text-contact-directions
					{
						width:300px;
						padding: 0px 0px 0px 5px;
					}
					
					#img-get-directions-button
					{
						padding: 0px 0px 0px 3px;
						cursor:pointer;
					}
					
					#img-get-directions-mobile-button
					{
						display:none;
						padding: 0px 0px 0px 3px;
						cursor:pointer;
					}

				
				#div-contact-content-right-heading
				{
					margin: 20px 0px 0px 5px;
					font-family:Arial, Helvetica, sans-serif; 
					/*color:rgb(255,255,255);*/
					color:rgb(190,147,228);
					font-size: 1.3em;
					font-weight:bold;
				}
				
				#div-contact-content-right-text
				{
					font-family:Arial, Helvetica, sans-serif;
					color:rgb(255,255,255);
					margin: 5px 0px 20px 5px;
				}
				
				.a-contact-content-right-icon
				{
					outline:none;
				}
				
				.a-contact-content-right-icon img
				{
					outline:none;
				}

				
.div-contact-sponsors
{
	background-image: linear-gradient(rgb(7,23,40), rgb(105,106,103));
	/*height:600px;*/	
}

	.div-contact-sponsors-title
	{
		text-align:center; 
		white-space: pre-wrap;
	}
	
	.div-contact-sponsors-logos
	{
		text-align:center; 
		width:100%;
		padding: 0px 0px 40px 0px;
	}
	
		.div-contact-sponsors-logo
		{
			display:inline-block; 
			width:350px;
		}
				
			.img-contact-sponsors-logos
			{
				width:333px;
				height:333px;
			}

.div-contact-sponsors h2
{
	color:white;
	font-size: calc((3 - 1) * 1.2vw + 1rem);
	font-family: ArchivoBlack;
	line-height: 1.176;
	text-align:centre;
}


/* SECTION: FOOTER */
.div-footer
{	
	/*background-image:url('../images/backgrounds/background_footer_hc-200_833x374.jpg');*/
	background-color:rgb(51,51,51);
	height: 100%;
	/*-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;*/
  	text-align:center;
  	padding: 20px 0px 20px 0px;
}

	.div-footer-content
	{
		/*border:1px white solid;*/
		max-width: 1350px; 
		margin: 0 auto; 
		text-align:center;
	}

		.div-footer-content-container
		{
			vertical-align:top;	
			/*display:inline-block; 
			max-width:674px; 
			vertical-align:top; 
			margin: 0 auto; 
			text-align:center;*/			
		}
		
			.div-footer-content-container-left
			{
				display:inline-block; 
				width:32%; 
				height:90px; 
				text-align:center; 
				vertical-align:top;
				/*border: 1px white solid;*/
			}
			
			.div-footer-content-container-center
			{
				display:inline-block; 
				width:33%; 
				height:90px;
				/*border: 1px white solid;*/
			}
			
				.fieldset-footer-content-container-center
				{
					/*border-color:rgb(240,82,61);*/ 
					border-color:rgb(0,180,170);
					width:280px; 
					margin: 0 auto; 
					border-radius:5px; 
					padding: 10px;
				}
				
					.img-footer-facebook-icon
					{
						width: 33px;
						height: 64px;
						margin: 0px 40px 0px 10px;	
					}
		
					.img-footer-instagram-icon
					{
						width: 64px;
						height: 64px;
					}
		
					.img-footer-tiktok-icon
					{
						width: 64px;
						height: 64px;
						margin: 0px 0px 0px 40px;	
					}
			
			.div-footer-content-container-right
			{
				display:inline-block; 
				width:32%; 
				height:90px; 
				vertical-align:top;
				/*border: 1px white solid;*/
			}
			
				.div-button-contact-footer
				{
					width:162px; 
					height:50px; 
					text-align:center;
					border:1px rgb(204,135,250) solid;
					border-radius:5px;
					background-color:rgb(204,135,250);
					margin: 15px auto;
					cursor: pointer; 
					color:rgb(51,51,51);

				}

				.div-button-contact-footer:hover
				{
					background-color:rgb(228,193,252);
				}


.div-footer h2
{
	color: rgb(204,135,250);
	font-size: 2.5em;
	font-family: ArchivoBlack;
	text-align:center;
}

/* DIV-MOBILE-FOOTER-800 */

.div-mobile-footer-800
{
	display:none;
	background-image:url('../images/backgrounds/background_footer_hc-200_833x374.jpg');
	height: 100%;
	/*-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover;*/ 
	background-position: center;
  	background-repeat: no-repeat;
  	background-size: 100% 100%;
  	text-align:center;
  	padding: 20px 0px 20px 0px;	
}

	.div-mobile-footer-800-content
	{
		/*border:1px white solid;*/
		max-width: 800px; 
		margin: 0 auto; 
		text-align:center;
	}
	
		.div-mobile-footer-800-content-container
		{
			vertical-align:top;	
			/*display:inline-block; 
			max-width:674px; 
			vertical-align:top; 
			margin: 0 auto; 
			text-align:center;*/			
		}
		
			.div-mobile-footer-800-content-container-left
			{
				display:inline-block; 
				width:100%; 
				height:90px; 
				text-align:center; 
				vertical-align:top;
				/*border: 1px white solid;*/
			}
			
			.div-mobile-footer-800-content-container-right
			{
				display:inline-block; 
				width:100%; 
				height:90px; 
				vertical-align:top;
				/*border: 1px white solid;*/
			}
			
				.fieldset-mobile-footer-800-content-container-center
				{
					border-color:rgb(240,82,61); 
					width:200px; 
					margin: 0 auto; 
					border-radius:5px; 
					padding: 10px;
				}
				


.div-mobile-footer-800 h2
{
	color: #d1a18a;
	font-size: calc((2 - 1) * 1.2vw + 1rem);
	font-family: ArchivoBlack;
	text-align:center;
}


.vertical.flip-container {
	position: relative;
}

	.vertical .back {
		transform: rotateX(180deg);
	}

	.vertical.flip-container .flipper {
		transform-origin: 100% 213.5px; /* half of height */
	}

	.vertical.flip-container:hover .flipper {
		transform: rotateX(-180deg);
	}


/* LIGHTBOX / PROGRESS CLASS */

.div-modal
{
	width: 0px;
	height: 0px;
	position: fixed;
	overflow: hidden;
	left: 0px;
	top: 0px;
	padding: 0px;
	z-index: 99;
	text-align: center;
	background: rgba(0,0,0,0.64);
	/*background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%, rgba(64,64,64,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(255,255,255,0.56)), color-stop(100%,rgba(64,64,64,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(64,64,64,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(64,64,64,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(64,64,64,1) 100%);
	background: radial-gradient(center, ellipse cover, rgba(255,255,255,0.56) 0%,rgba(64,64,64,1) 100%);*/
}

.div-modal > div
{
	position:relative; 
   
	color: rgba(27,54,81,0.8);
	/*opacity: 0;*/
	filter: alpha(opacity=0);  /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	/*width: 550px;*/
	margin: 100px auto 0px auto;
	text-shadow: 0px 1px 1px rgba(255,255,255,0.6);
	-webkit-transition: opacity 0.3s linear 1.3s;
	-moz-transition: opacity 0.3s linear 1.3s;
	-o-transition: opacity 0.3s linear 1.3s;
	-ms-transition: opacity 0.3s linear 1.3s;
	transition: opacity 0.3s linear 1.3s;
}



.div-modal div h3{
	padding: 0px 20px;
	width: 200px;
	height: 60px;
}
.div-modal div h3{
	font-size: 36px;
	float: left;
	text-align: right;
	border-right: 1px solid rgba(27,54,81,0.4);
}
.div-modal div h3 span,



.div-modal div h3 span{
	display: block;
	line-height: 6px;
}

.div-modal a.lb-close{
	background: rgba(27,54,81,0.8);
	z-index: 1001;
	color: #fff;
	position: absolute;
	top: 43px;
	left: 50%;
	font-size: 15px;
	line-height: 26px;
	text-align: center;
	width: 50px;
	height: 23px;
	overflow: hidden;
	margin-left: -25px;
	opacity: 0;
	filter: alpha(opacity=0); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=0)"; /*IE8*/
	-webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	-webkit-transition: opacity 0.3s linear 1.2s;
	-moz-transition: opacity 0.3s linear 1.2s;
	-o-transition: opacity 0.3s linear 1.2s;
	-ms-transition: opacity 0.3s linear 1.2s;
	transition: opacity 0.3s linear 1.2s;
}
/*
.lb-overlay img{ */
	/* height: 100%; For Opera max-height does not seem to work */
	/*max-height: 100%;
	position: relative;
	-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.2);
}
*/

.div-modal-open
{
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 10px 100px 120px 100px;
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/ 
}

.div-modal-inner-open
{
    -webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}

.div-modal-inner-close
{
	-webkit-animation: fadeOutScale 1.2s ease-in-out;
	-moz-animation: fadeOutScale 1.2s ease-in-out;
	-o-animation: fadeOutScale 1.2s ease-in-out;
	-ms-animation: fadeOutScale 1.2s ease-in-out;
	animation: fadeOutScale 1.2s ease-in-out;
	opacity: 0;
}

.div-modal-close
{
	opacity: 0;
}


.div-modal:target {
	width: auto;
	height: auto;
	bottom: 0px;
	right: 0px;
	padding: 80px 100px 120px 100px;
	
	
}
.div-modal:target img {
	-webkit-animation: fadeInScale 1.2s ease-in-out;
	-moz-animation: fadeInScale 1.2s ease-in-out;
	-o-animation: fadeInScale 1.2s ease-in-out;
	-ms-animation: fadeInScale 1.2s ease-in-out;
	animation: fadeInScale 1.2s ease-in-out;
}
.div-modal:target a.lb-close,
.div-modal:target > div{
	opacity: 1;
	filter: alpha(opacity=99); /* internet explorer */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=99)"; /*IE8*/
}
@-webkit-keyframes fadeInScale {
  0% { -webkit-transform: scale(0.6); opacity: 0; }
  100% { -webkit-transform: scale(1); opacity: 1; }
}
@-moz-keyframes fadeInScale {
  0% { -moz-transform: scale(0.6); opacity: 0; }
  100% { -moz-transform: scale(1); opacity: 1; }
}
@-o-keyframes fadeInScale {
  0% { -o-transform: scale(0.6); opacity: 0; }
  100% { -o-transform: scale(1); opacity: 1; }
}
@-ms-keyframes fadeInScale {
  0% { -ms-transform: scale(0.6); opacity: 0; }
  100% { -ms-transform: scale(1); opacity: 1; }
}
@keyframes fadeInScale {
  0% { transform: scale(0.6); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}
@-webkit-keyframes fadeOutScale {
  0% { -webkit-transform: scale(1); opacity: 1; }
  100% { -webkit-transform: scale(0.6); opacity: 0; }
}
@-moz-keyframes fadeOutScale {
  0% { -moz-transform: scale(1); opacity: 1; }
  100% { -moz-transform: scale(0.6); opacity: 0; }
}
@-o-keyframes fadeOutScale {
  0% { -o-transform: scale(1); opacity: 1; }
  100% { -o-transform: scale(0.6); opacity: 0; }
}
@-ms-keyframes fadeOutScale {
  0% { -ms-transform: scale(1); opacity: 1; }
  100% { -ms-transform: scale(0.6); opacity: 0; }
}
@keyframes fadeOutScale {
  0% { transform: scale(1); opacity: 1; }
  100% { transform: scale(0.6); opacity: 0; }
}

/* 
	100% Height for Opera as the max-height seems to be ignored, not optimal for large screens 
	http://bricss.net/post/11230266445/css-hack-to-target-opera 
*/

x:-o-prefocus, .div-modal img {
    height: 100%;
}
	
	
.div-lightbox
{
	height:auto; 
	background-color:rgb(255,255,255);
	-moz-border-radius-topleft: 10px;
	border-top-left-radius: 10px;
	-moz-border-radius-topright: 10px;
	border-top-right-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}

/* Specific Lightbox Classes */
.div-lightbox-content
{
	width:100%;
}

	/* Header Section */
	.div-lightbox-header
	{
		display: flex;
  		flex-direction: row;
  		flex-wrap: wrap;
  		width: 100%;
	}
	
		.div-lightbox-header-title
		{
			display: flex;
  			flex-direction: column;
  			flex: 1;
  			text-align:left;
  			padding: 10px;
  			font-family:Verdana, Geneva, Tahoma, sans-serif;
  			vertical-align:bottom;

		}
		
		.div-lightbox-header-close
		{
			display: flex;
  			flex-direction: column;
  			padding: 10px;
		}
	
	/* Lightbox Toolbar */
	.div-lightbox-toolbar
	{
		text-align:left;
		padding:0px 10px 0px 10px;
		font-family:Verdana, Geneva, Tahoma, sans-serif;
		font-size:0.9em;
	}
	
		.div-lightbox-toolbar-print-image
		{
			display:inline-block;
		}
		
			.img-lightbox-toolbar-print-image
			{
				vertical-align:baseline;
			}
		
		.div-lightbox-toolbar-print-text
		{
			display:inline-block;
		}
		
			.a-lightbox-toolbar-print-text
			{
				color:rgb(0,0,0);
				text-decoration:none;
			}
			
			.a-lightbox-toolbar-print-text:hover
			{
				text-decoration:underline;
			}

		
	
	/* Individual Lightbox Styles */

	.div-lightbox-statistic
	{
		
	}
	
		.iframe-lightbox-statistic
		{
			width:600px;
			height:510px;
			padding-bottom:10px;
			border:none;
		}

	
	.div-lightbox-map
	{
		
	}
	
		.iframe-lightbox-map
		{
			width:780px;
			height:410px;
			padding-bottom:10px;
			border:none;
		}
	
	.div-lightbox-directions
	{

	}
	
		.iframe-lightbox-directions
		{
			width:780px;
			height:410px;
			padding-bottom:10px;
			border:none;	
		}
	
	.div-lightbox-order-by-phone
	{
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}
	
		.div-lightbox-order-by-phone-text
		{
				
		}
		
		.div-lightbox-order-by-phone-number
		{
			margin: 10px 0px 0px 0px;
			font-size: 1.8em;	
		}
		
		.div-lightbox-order-by-phone-text-option
		{
			margin: 15px 0px 15px 0px;
		}
		
		.div-lightbox-order-by-phone-text-hours
		{
			margin: 15px 0px 0px 0px;
			font-style:italic;
			font-size:0.9em;
		}
		
		.div-lightbox-order-by-phone-logo
		{
			margin:15px 0px 0px 0px;
		}
		
	.div-lightbox-privacy
	{
		font-family:Verdana, Geneva, Tahoma, sans-serif;
	}
	
		.div-lightbox-privacy-title
		{
			margin: 15px 0px 0px 0px;
			font-size: 1.2em;
		}
		
		.div-lightbox-privacy-text
		{
			margin: 15px 0px 15px 0px;
			text-align:center;
			font-size: 0.9em;
		}
		.div-lightbox-privacy-logo
		{
			text-align:center;
		}

			