﻿.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: auto;
	height: auto;
	box-sizing: border-box;
}
.body_text_large {
	margin: 5px;
	padding: 5px;
	border: 0px white none;
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-style: normal;
	font-size: large;
	font-variant: normal;
	text-align: left;
	color: white;
	text-shadow: 2px 2px 2px #050510;
	box-sizing: border-box;
}
@media screen and (min-width: 800px; ) {
.body_text_large {
	font-size: x-large;
	}
}
.colored_border {
	border-style: solid;
	border-width: 1px;
	border-top-color: white;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: gray;
	box-shadow: 3px 3px 3px #102015;
	border-radius: 20px;
	box-sizing: border-box;
}
.colored_border_shadowless {
	margin: 8px;
	border-style: solid;
	border-width: 1px;
	border-top-color: white;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: gray;
	border-radius: 20px;
	box-sizing: border-box;
}
.green_border_heading {
	border-style: solid;
	border-width: 2px;
	border-top-color: #7DCA8C;
	border-bottom-color: #0A2923;
	border-left-color: #1A681A;
	border-right-color: #1A681A;
	box-shadow: 2px 2px 2px #021003;
	border-radius: 20px;
	padding: 7px;
	background-size: contain;
	box-sizing: border-box;
}
.green_border_body {
	padding: 20px;
	margin: 0px auto;
	border-style: solid;
	border-width: 1px;
	border-top-color: #7DCA8C;
	border-bottom-color: #0A2923;
	border-left-color: #1A681A;
	border-right-color: #1A681A;
	box-shadow: 2px 2px 5px #021003;
	background-image: url('images/graphics/forest_grad_50_short.png');
	border-radius: 20px;
	background-size: contain;
	max-width: 1280px;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.green_border_photos {
	padding: 5px;
	margin: 15px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #7DCA8C;
	border-bottom-color: #0A2923;
	border-left-color: #1A681A;
	border-right-color: #1A681A;
	box-shadow: 2px 2px 2px #021003;
	border-radius: 20px;
	background-size: contain;
	box-sizing: border-box;
}
.green_border_photos_shadowless {
	padding: 2px;
	margin: 7px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #7DCA8C;
	border-bottom-color: #0A2923;
	border-left-color: #1A681A;
	border-right-color: #1A681A;
	border-radius: 20px;
	background-size: contain;
	box-sizing: border-box;
}
.red_border_body {
	padding: 8px;
	margin: 8px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #DB8A96;
	border-bottom-color: #450a23;
	border-left-color: #681f1f;
	border-right-color: #681f1f;
	box-shadow: 2px 2px 2px #021003;
	border-radius: 20px;
	background-image: url('images/graphics/red_grad_rot_512.png');
	background-size: contain;
	max-width: 1280px;
	box-sizing: border-box;
}
.red_border_photos {
	margin: 15px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #DB8A96;
	border-bottom-color: #450a23;
	border-left-color: #681f1f;
	border-right-color: #681f1f;
	box-shadow: 3px 3px 3px #021003;
	background-size: contain;
	border-radius: 15px;
	box-sizing: border-box;
}
.nav_button_blue {
	padding: 4px;
	margin: 4px;
	border-style: solid;
	border-width: 1px;
	border-top-color: #CCFFFF;
	border-bottom-color: #131353;
	border-left-color: #1D5E7C;
	border-right-color: #1D5E7C;
	box-shadow: 2px 2px 2px #021003;
	background-image: url('images/graphics/forest_grad_50_short.png');
	border-radius: 40px;
	background-size: contain;
	box-sizing: border-box;
}
.blue_border_body {
	padding: 3px;
	margin: 6px auto;
	border-style: solid;
	border-width: 1px;
	border-top-color: #CCFFFF;
	border-bottom-color: #131353;
	border-left-color: #1D5E7C;
	border-right-color: #1D5E7C;
	box-shadow: 2px 2px 2px #021003;
	background-image: url('images/graphics/forest_grad_50_short.png');
	border-radius: 20px;
	background-size: contain;
	max-width: 1280px;
	display: block;
	box-sizing: border-box;
}
.blue_border_body_blog {
	padding: 3px;
	margin: 6px auto;
	border-style: solid;
	border-width: 1px;
	border-top-color: #CCFFFF;
	border-bottom-color: #131353;
	border-left-color: #1D5E7C;
	border-right-color: #1D5E7C;
	box-shadow: 2px 2px 2px #021003;
	background-image: url('images/graphics/forest_grad_50_short.png');
	border-radius: 20px;
	background-size: contain;
	display: block;
	box-sizing: border-box;
}
@media and screen (max-width: 600px) {
.blue_border_body_blog {
	border-radius: 40px;
}
}
.main_icon {
	border-left: 1px solid gray;
	border-right: 1px solid gray;
	border-top: 1px solid white;
	border-bottom: 1px solid black;
	margin-right: 15px;
	float: left; /*box-shadow: 2px 2px 2px #101010;*/;
	margin-left: 0px;
	margin-top: 6px;
	margin-bottom: 4px;
	border-radius: 15px;
	max-width: 75%;
	box-sizing: border-box;
}
.title_borderless {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 2em;
	font-weight: bold;
	text-transform: capitalize;
	color: white;
	text-align: center;
	text-shadow: 3px 3px 3px #050510;
	max-width: 1280px;
	margin: 0px auto;
	display: block;
	line-height: 90%;
}

.title {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	text-transform: capitalize;
	color: white;
	text-align: center;
	text-shadow: 3px 3px 3px #050510;
	border-style: solid;
	border-width: 1px;
	border-top-color: yellow;
	border-left-color: gold;
	border-right-color: gold;
	border-bottom-color: #CC9900;
	border-radius: 15px;
	box-shadow: 2px 2px 2px #021003;
	background-image: url('images/graphics/grey_grad_50percent_512.png');
	background-size: contain;
	max-width: 1280px;
	margin: 0px auto;
	display: block;
	box-sizing: border-box;
}
.title_just_text {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	text-transform: capitalize;
	color: white;
	text-align: center;
	text-shadow: 3px 3px 3px #050510;
	max-width: 1280px;
	margin: 0px auto;
	display: block;
	box-sizing: border-box;
}
.subtitle {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffffff;
	line-height: normal;
	text-align: center;
	text-shadow: 3px 3px 5px #050510;
	border-radius: 15px;
	background-image: url('images/graphics/blue_grad_trans_64.png');
	box-shadow: 2px 2px 2px #202040;
	background-size: contain;
	max-width: 1280px;
	margin: 0px auto;
	display: block;
	box-sizing: border-box;
}
.subtitle_smaller {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: x-large;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffffff;
	line-height: normal;
	text-align: center;
	text-shadow: 3px 3px 5px #050510;
	border-radius: 15px;
	background-image: url('images/graphics/blue_grad_trans_64.png');
	box-shadow: 2px 2px 2px #202040;
	background-size: contain;
	max-width: 1280px;
	margin: 0px auto;
	display: block;
	box-sizing: border-box;
}
.subhead {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: x-large;
	font-weight: bold;
	text-transform: capitalize;
	color: #ffffff;
	line-height: normal;
	text-align: left;
	text-shadow: 3px 3px 5px #050510;
	border-radius: 15px;
	box-shadow: 2px 2px 2px #202040;
	box-sizing: border-box;
}
.title_text {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: xx-large;
	font-weight: bold;
	text-transform: capitalize;
	color: white;
	text-align: center;
	text-shadow: 3px 3px 3px #050510;
	opacity: 50%;
	box-sizing: border-box;
}
.teasers {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: large;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-align: center;
	color: #fafaff;
	text-shadow: 2px 2px 2px #202040;
	box-sizing: border-box;
}
@media (max-width: 600px) {
.teasers {
	font-size: medium;
}
}
.largelink {
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	font-variant: normal;
	text-align: center;
 vertical-align:  middle;
	color: #fafaff;
	text-shadow: 2px 2px 2px #202040;
	box-sizing: border-box;
}
@media screen and (min-width: 600px) {
.largelink { font-size: 1.5em; 	
}
}
@media screen and (min-width: 900px) {
.largelink { font-size: 1.65em; 	
}
}










.hoverscale {
	box-sizing: border-box;
}
.hoverscale:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
}
.main_icon:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
}
.gallery_icon:hover {
	-webkit-transform: scale(1.25);
	-moz-transform: scale(1.25);
	-o-transform: scale(1.25);
	transform: scale(1.25);
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	box-sizing: border-box;
}
.youtube_player {
	border-style: ridge;
	border-width: 2px;
	border-top-color: white;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: gray;
	display: block;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
.blog_menu_icon {
	min-height: 128px;
	max-height: 180px;
	margin: 0px auto;
	display: block;
	box-sizing: border-box;
}
.ninety_trans_black {
	background-color: rgba(0,0,0,.1);
	box-sizing: border-box;
}
.seventyfive_trans_black {
	background-color: rgba(0,0,0,.25);
	box-sizing: border-box;
}

.fifty_trans_black {
	background-color: rgba(0,0,0,.5);
	box-sizing: border-box;
}
.fifty_trans_blue {
	background-color: rgba(0,0,255,.5);
	box-sizing: border-box;
}
.ten_trans_blue {
	background-color: rgba(0,0,255,.1);
	box-sizing: border-box;
}
.twentyfive_trans_blue {
	background-color: rgba(0,0,255,.25);
	box-sizing: border-box;
}

.main-menu {
	width: 100%;
	margin: 0px auto;
	max-width: 600px;
	box-sizing: border-box;
}
@media screen and (max-width: 800px) {
.hero-wrap {
	flex-wrap: wrap;
}
.hero-wrap > .leading {
	order: 2;
}
.hero-wrap > .middle {
	order: 1;
}
}
.center_container {
	display: flex;
	justify-content: space-evenly;
	align-content: centered;
	align-items: centered;
	flex-direction: row;
	flex-shrink: 1;
	flex-grow: 2;
	flex-basis: 50px;
	flex-wrap: wrap;
}
.centered {
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
}
.img, embed, object, video {
	max-width: 100%;
}
.html, .body {
	padding: 4px;
	margin: 8px;
	border: 0px white none;
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-size: 1em;
	font-style: normal;
	font-variant: normal;
	text-align: left;
	color: white;
	text-shadow: 2px 2px #050510;
}
@media screen and (min-width: 600px) {
.body { font-size: 1em; 	
	padding: 4px;
	margin: 8px;
}
}
@media screen and (min-width: 900px) {
.body { font-size: 1.5em; 	
	padding: 4px;
	margin: 8px;
}
}
@media screen and (min-width: 1200px) {
.body { font-size: 1.75em; 	
	padding: 6px;
	margin: 10px;
}
}
	
.table {
	margin: 0;
	padding: 0;
	border: none;
}
.cinematic {
	aspect-ratio: 16/9;
	max-width: 800px;
	width: 320px;
	height: 180px;
}
.container {
	max-width:1200px;
	margin: 0 auto;
	padding: 0 20px;
	
}
img {
    max-width: 100%;
    height: auto;
}
.hint_table {
	margin: 5px;
	padding: 5px;
	font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
	font-style:  normal;
	font-size: 1.5em;
	font-variant: normal;
	text-align: center;
	color: white;
	text-shadow: 2px 2px 2px #050510;
}
.buying_table {
	padding: 3px;
	margin: 6px auto;
	border-style: solid;
	border-width: 1px;
	border-top-color: #CCFFFF;
	border-bottom-color: #131353;
	border-left-color: #1D5E7C;
	border-right-color: #1D5E7C;
	box-shadow: 2px 2px 2px #021003;
	background-image: url('images/graphics/forest_grad_50_short.png');
	border-radius: 20px;
	background-size: contain;
	max-width: 1280px;
	box-sizing: border-box;
}
.blink-image {
    /* Apply the 'blink' animation */
    animation: blink normal 2s infinite ease-in-out; 
    /* Include vendor prefixes for broader compatibility if needed */
    -moz-animation: blink normal 2s infinite ease-in-out; /* Firefox */
    -webkit-animation: blink normal 2s infinite ease-in-out; /* Webkit */
    -ms-animation: blink normal 2s infinite ease-in-out; /* IE */
}

/* Define the animation */
@keyframes blink {
    0% { opacity: 1; } /* Fully visible at the start */
    50% { opacity: 0; } /* Invisible at 50% through the cycle */
    100% { opacity: 1; } /* Fully visible at the end */
}

/* Include vendor-specific keyframes for broader compatibility */
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}

@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
.youtube_player {
	border-style: double;
	border-width: 3px;
	border-top-color: white;
	border-bottom-color: black;
	border-left-color: gray;
	border-right-color: gray; /*	box-shadow: 5px 5px 5px #202020; */;
	float: none;
	border-radius: 10px;
	margin: 8px auto;
}
.cinematic {
	aspect-ratio: 16/9;
	max-width: 800px;
	width: 640px;
	height: 360px;
}