@charset "utf-8";
/* CSS Document */
body{background-color:#000000;margin:0;min-height:100%;}
body,td,th{color:#CCCCCC;font-size:14px;font-family: Arial, Helvetica, sans-serif;}
html{height:100%}
/* ############################################################################# */
a:link {color: #CCCCCC;text-decoration: none;}
a:hover {color: #FFFFFF;text-decoration: none;}
a:visited {color: #CCCCCC;text-decoration: none;}
a:active {color: #FFFFFF;text-decoration: none;}

a.title_link:link {color: #FFFFFF;text-decoration: none;transition: 0.4s;}
a.title_link:visited {color: #FFFFFF;text-decoration: none;transition: 0.3s;}
a.title_link:hover {color: #00FF00;text-decoration: none;transition: 0.4s;}
a.title_link:active {color: #FFFFFF;text-decoration: none;}

a.highlight:link {color: #FF0000;text-decoration: none;transition: 0.3s;}
a.highlight:visited {color: #FF0000;text-decoration: none;transition: 0.3s;}
a.highlight:hover {color: #FF0000;text-decoration: none;}
a.highlight:active {color: #FF0000;text-decoration: none;}

a.menu_link:link {color: #FFFFFF;text-decoration: none;transition: 0.3s;}
a.menu_link:visited {color: #FFFFFF;text-decoration: none;transition: 0.3s;}
a.menu_link:hover {color: #00FF00;text-decoration: none;}
a.menu_link:active {color: #FFFFFF;text-decoration: none;}
/* ############################################################################# */
.cell_left{height:100%;padding-left:5px;float:left;display:flex;align-items:center;justify-content:left}
.cell_right{height:100%;padding-right:5px;float:right;display:flex;align-items:center;justify-content:right}
.cell_center{height:100%;display:flex;flex-direction:row;justify-content:center;align-items:center;text-align:center}
/* ############################################################################# */
/* START HEADER */
.header, .header_cell, .header_spacer {height: 50px;}
.header {background-color: #000000;width: 100%;position: fixed;top: 0px;z-index: 3;}
.header_cell {background-color: #000000;}
.header_spacer {width: 100%;}

.header_title{float:left;font-family: 'Comfortaa', Arial, Helvetica, Times New Roman, Times, sans-serif;font-size:24px;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;display:flex;align-items:center;justify-content:left;height:100%;
filter: brightness(120%);}
@media (max-width: 801px){.header_title{font-size:21px;}}
/* ############################################################################# */
.content {width:100%;flex: 1 0 auto;}
.content_cell {width:100%;margin-right: auto;margin-left: auto;}
@media (max-width: 801px){.content_cell {}}
/* ############################################################################# */
.footer {width:100%;flex-shrink: 0;text-align: center;font-size:12px;letter-spacing:0.08em;font-family:Roboto, Times New Roman, Times, sans-serif;text-shadow: 2px 2px 2px rgba(0, 0, 0, 1);margin-top: 6px;margin-bottom:2px;transition: 0.4s;cursor: default;}
.footer:hover {color: #FFF;}
/* ############################################################################# */
.progress-container {width: 100%;height: 0px;background: #18181F;}
.progress-bar {height: 3px;width: 0%;background-color: #FFF;}
@media (max-width: 801px){.progress-bar{height: 3px;}}
/* ############################################################################# */
.Open_Menu, .close_cell_A, .close_cell_B, .close_cell_C {height:100%;aspect-ratio: 1 / 1;cursor:pointer;margin-right:10px;transition: 0.4s;}
.Open_Menu {flex-direction:column;display:flex;align-items:center;justify-content:center;}
@media (max-width: 801px){.Open_Menu{height:50px;width: 50px;}}
.bar1, .bar2, .bar3 {width: 36px;height: 4px;background-color: #FFFFFF;margin: 3px 0;transition: 0.3s;border-radius:4px;}
@media (max-width: 801px){.bar1, .bar2, .bar3{width: 30px;height: 3px;margin: 3px 0;}}
.Open_Menu:hover > .bar1 {background-color: #00FF00;}
/* #################### */
.close_cell_A, .close_cell_B {display:none;}
/* ############################################################################# */
/* START OVERLAY */
#overlay {position: fixed;width: 100%;height: 100%;min-height: 100%;top: 0;left: 0;text-align: center;z-index: 9999;display: none;background-color: #18181F;}
.overlay_header {background-color: #000000;color:#666666;height: 40px;width: 100%;display:flex;align-items:center;justify-content:center;font-size: 12px;}

.close_overlay {position: fixed;z-index: 3;top: 0px;right: 10px;cursor: pointer;height: 40px;width: 40px;}
.close_icon {height:calc(100% - 2%);aspect-ratio: 1 / 1;position: relative;padding:1%;display:flex;align-items:center;justify-content:center;}
.close_icon:after {content: '';height: 40px;border-left: 3px solid #FF0000;border-radius: 2px 2px 2px 2px;position: absolute;transform: rotate(45deg);}
@media (max-width: 601px){.close_icon:after{height:30px;}}

.close_icon:before {content: '';height: 40px;border-left: 3px solid #FF0000;border-radius: 2px 2px 2px 2px;position: absolute;transform: rotate(-45deg);}
@media (max-width: 601px){.close_icon:before{height:30px;}}

/* ############################################################################# */
/* START MENU */
.menu {display: none;position: fixed;top: 40px;left: 0;width:100%;height: 100%;overflow-y: scroll;scrollbar-width: none;-ms-overflow-style: none;z-index: 1;background-color: #000;}
.menu_cell {width: 100%;max-width:600px;min-width:360px;height: calc(100% - 80px);margin-top:40px;margin-right: auto;margin-left: auto;background-color: #000;}
/* ############################################################################# */
.menu_row {background-color: #000000;cursor: pointer;width: calc(100% - 18px);border: none;text-align: left;outline: none;font-size: 20px;transition: 0.4s;padding-top: 8px;padding-bottom: 6px;padding-left: 18px;position: -webkit-sticky;position: sticky;top: 0;}
.menu_row:hover {background-color: #232323;}
.menu_title {font-size: 14px;color: #999999;padding-left: 50px;margin-top: 20px;margin-bottom: 20px;}
/* ############################################################################# */
/* START SCROLLER */
#totopscroller{position:fixed;right:20px;bottom:0px;width:30px;z-index:1;display: block;}
#totopscroller div{width:50px;height:50px;position:relative;}
#totopscroller a{color: #000;background-color:#999;width:40px;height:40px;display:block;text-decoration:none;opacity:.5;transition:all .4s ease-out;margin-bottom:10px;border: 1px solid #fff;border-radius: 5px;}
#totopscroller a:hover{opacity:1;transition:all .4s ease-out;background-color: #666;color:#FFFFFF;}
.totopscroller-top {background-position: 0 0 !important;}
.totopscroller-top::after{content:' \2039';display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:46px;margin-top:0;margin-left:4px;transform:rotate(90deg);text-shadow:1px 1px 2px #000}
.totopscroller-prev {position: absolute;top: 0;left: 0;}
.totopscroller-prev::after{content:'\203A';display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:46px;margin-top:0;margin-left:4px;transform:rotate(90deg);text-shadow:1px 1px 2px #000}
.totopscroller-bottom {position: absolute;top: 0;left: 0;}
.totopscroller-bottom::after{content:'\203A';display:flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:46px;margin-top:0;margin-left:4px;transform:rotate(90deg);text-shadow:1px 1px 2px #000}
@media (max-width: 801px){#totopscroller{right:17px;}}
/* END SCROLLER */
/* ############################################################################# */
hr.hr_grey{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(64, 64, 63, 1), rgba(0, 0, 0, 0));margin-top: 15px;margin-bottom: 15px;}
hr.hr_dark{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));margin-top: 15px;margin-bottom: 15px;}
hr.hr_white{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 255, 255, 1), rgba(0, 0, 0, 0));margin-top: 15px;margin-bottom: 15px;}
hr.hr_green{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(22, 86, 0, 1), rgba(0, 0, 0, 0));margin-top: 15px;margin-bottom: 15px;}
hr.hr_blue{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 128, 254, 1), rgba(0, 0, 0, 0));margin-top: 15px;margin-bottom: 15px;}
hr.hr_red{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 0, 0, 1), rgba(0, 0, 0, 0));margin-top: 15px;margin-bottom: 15px;}
hr.hr_orange{border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(255, 128, 0, 1), rgba(0, 0, 0, 0));margin-top: 15px;margin-bottom: 15px;}
/* ############################################################################# */
.my_button{border: thin solid #999999;border-radius:4px;cursor:pointer;font-family: 'Roboto', Times, serif;font-size: 14px;padding-top:4px;padding-bottom:4px;padding-right:6px;padding-left:6px;float:left;margin: 3px;}
.my_green {background-color: #00B000;color: #FFFFFF;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.my_green:hover {background-color: #00FF00;}
.my_red {background-color: #A60000;color: #FFFFFF;text-shadow: 1px 1px 2px rgba(0, 0, 162, 1);}
.my_red:hover {background-color: #FF0000;}
.my_red_lt {background-color: #6A0000;color: #FFFFFF;text-shadow: 1px 1px 2px rgba(0, 0, 162, 1);}
.my_red_lt:hover {background-color: #FF0000;}
.my_blue {background-color: #0095ff;color: #FFFFFF;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;}
.my_blue:hover {background-color: #0095ff;}
.my_grey {background-color: #333333;color: #FFFFFF;text-shadow: 1px 1px 2px rgba(0, 0, 162, 1);}
.my_grey:hover {background-color: #585858;}
.my_grey_lt {background-color: #666666;color: #FFFFFF;text-shadow: 1px 1px 2px rgba(0, 0, 162, 1);}
.my_grey_lt:hover {background-color: #585858;}
.my_black {background-color: #000000;color: #FFFFFF;text-shadow: 1px 1px 2px rgba(0, 0, 162, 1);}
.my_black:hover {background-color: #333333;}

.my_active {background-color: #990000;}
.my_active:hover {background-color: #FF0000;}

.my_enter {background-color: #ffffff;color: #000000;text-shadow: 1px 1px 2px rgba(0, 0, 0, 1);}
/* ############################################################################# */
.my_arrow{
	display:inline-block;
	padding:3px;
	border-top-width:0;
	border-right-width:1px;
	border-bottom-width:1px;
	border-left-width:0;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	border-top-color:#FFFFFF;
	border-right-color:#FFFFFF;
	border-bottom-color:#FFFFFF;
	border-left-color:#FFFFFF;
	margin-right:10px;
	margin-left:8px;
	margin-bottom:0px
}
.my_right {transform: rotate(-45deg);-webkit-transform: rotate(-45deg);}
.my_left {transform: rotate(135deg);-webkit-transform: rotate(135deg);}
.my_up {transform: rotate(-135deg);-webkit-transform: rotate(-135deg);}
.my_down {transform: rotate(45deg);-webkit-transform: rotate(45deg);}
/* ############################################################################# */
/* STATS */
.stats {z-index: 1;color: #999;width: calc(100% - 10px);font-size: 14px;margin-top: 0px;margin-bottom: 10px;margin-left: 10px;}
@media (max-width: 801px){.stats{font-size: 12px;}}
.stats_dark {color: #999;padding-right: 2px;padding-left: 2px;}
.stats_spacer {height: 30px;width: 100%;background-color: #000000;}
.category {color: #FFFFFF;}
/* ############################################################################# */

/* ############################################################################# */

/* ############################################################################# */
.crest_block {width: 100%;margin-top: 110px;}
.crest_a {text-align: center;	width: 100%;max-width: 600px;margin-right: auto;margin-left: auto;filter: grayscale(100%);transition: 1.5s;}
@media (max-width: 801px){.crest_a img {width: 200px;}}
.crest_a:hover {filter: grayscale(0%);}
.crest_b {text-align: center;height: 193px;width:100%;max-width:500px;margin-right: auto;margin-left: auto;display:flex;align-items:center;justify-content:center;background-image: url(_graphics/Bird_Magic_by_Charles_McDonald_03153_Eagle_Feather.jpg);background-size: contain;background-repeat: no-repeat;background-position: center center;font-size: 18px;color:#FFFFFF;text-shadow: 2px 2px 1px #000000;line-height: 1.6;filter: grayscale(100%);transition: 0.9s;cursor: default;}
@media (max-width: 801px){.crest_b {line-height: 1.4;font-size: 16px;}}
.crest_b:hover {filter: grayscale(0%);}
/* ############################################################################# */