@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;500&display=swap');

body, html {    margin: 0;    background-image: url("color-swatch-faded.png");  background-attachment: fixed;  background-position: center;  background-repeat: no-repeat;  background-size: cover; box-sizing: border-box;}
*, *:before, *:after {box-sizing: inherit;}
.img_effect {  border: 2px solid lightgrey;border-radius: 5px;  }
.section_header {  width: 100%;justify-content: center;align-items: center;background-image: url('12.jpg'); background-repeat: no-repeat;background-size: cover;background-position: center;background-color:#FEFEFE;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);text-shadow: 1px 1px #CCCCCC;font: 30px "Roboto", sans-serif;color:black;padding-bottom:40px;padding-top:40px;}
.section_scene {min-height: 50px;margin: auto;width: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);}
.section_set {min-height: 50px;margin: auto;width: 100%;display: flex;justify-content: center;align-items: center;box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);}
.liner {width:100%;  text-align:center; }
.pulledover {
box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);
text-shadow: 2px 2px #000000;
font: 35px "Roboto", sans-serif;letter-spacing: 0px;
color: #FFFFFF;
background-color:#282E34;
text-align:center;
padding:40px 40px 40px 40px;
 }
.footer_wide {box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);text-shadow: 1px 1px #CCCCCC;font: 35px "Roboto", sans-serif;letter-spacing: 0px;color: #000000;text-align:center;padding:40px 0px 40px 0px;background-image: url('12.jpg'); background-repeat: no-repeat;background-size: cover;background-position: center;}
.footer_row {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.footer_col {justify-content: center;align-items: center;min-height:200px;min-width:400px;}
.footer_col_left {text-align:left;min-height:200px;min-width:400px;}



.player_fixed { position: fixed;  left: 20px; bottom: 0px; text-decoration:none; z-index:1000;}
.eagle_fixed { position: fixed;  right: 20px; bottom: 0px; text-decoration:none; z-index:1000;}
.arrow_fixed {   text-decoration:none; z-index:1000;}
.logo_resize {width:40%;}
.logo_resize_foot {width:85%;} 
.boxmenu {	background-image: url("imagesbrush.png");width: 100%;}
.top-container {  background-color: #FEFEFE;  padding: 2px 2px  2px  2px ;  text-align: center;  z-index: 1501;background-image: url('color-swatch-faded.png'); background-size: cover;background-position: center;background-repeat: no-repeat; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2);}
.header { box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.2); padding: 10px 0px 10px 0px;  background: #282E34;  color: #555;  z-index: 1500;    text-align: center; }
.content {  padding: 0px; width:100%}
.sticky {  position: fixed;  top: 0;  width: 100%;}
.sticky + .content {  padding-top: 40px;}
.HeaderButton {	box-shadow:inset 1px 1px 2px 0px #CCCCCC;	background:linear-gradient(to top, darkgrey 20%, lightgrey 70% );	background-color:#525354;	border-radius:5px;	border:1px solid #525354;	display:inline-block;	cursor:pointer;	color:#FEFEFE;	font-family:'Roboto',sans-serif;	font-size:18px;	font-weight:bold;	padding:10px 10px 10px 10px;	text-decoration:none;	text-shadow:0px 0px 1px #525354;	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.9);	width:150px;}
.HeaderButton:hover {background:linear-gradient(to bottom, silver 5%, darkgrey 60%);background-color:#525354;color:#FFFFFF;}
.HeaderButton:active {position:relative;top:1px;}
.top_tools {font-family:'Roboto',sans-serif;color:black; }
.centered {text-align: center; width:100%;}
.centered div {display: inline-block;vertical-align: middle;}
.width300 {width:300px;}
.width400 {width:400px;}
.width600 {width:500px;}
.width800 {width:80%;}
.width1000 {width:100%;}
.max50 {max-width: 50%;}
.removelines {  }
.addlines { display: none; }
.small_font { 	font-family:'Roboto',sans-serif;	font-size:12px;  }
.mid_font { 	font-family:'Roboto',sans-serif;	font-size:22px; }
.title_section {padding: 10px 10px 10px 10px ;}
.back_runner {border: 1px solid #CCCCCC;border-radius: 0px; padding: 20px 0px 20px 0px;box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.19);margin: auto;background: rgba(0, 0, 0, 0.1);width: 100%; }
.slideshow {  width: 750px; margin: 0 auto; overflow: hidden;  border: solid 1px white;box-shadow: 1px 2px 2px 0 rgba(0,0,0,0.3);border-radius:10px;border:3px solid #525354;}
.slideshow-container {  width: 3000px;  font-size: 0;  transition: 1s ease;  height: 420px;}
.slideshow-container:hover {  animation-play-state: paused;}
.img_slides, .text-container {  width: 750px;  height: auto;  display: inline-block;  font-size: 16px;  text-align: center;}
.text-container {  height: 225px;  position: relative;}
p {position: relative;  top: -45%;  padding: 5px;}
.slide {  animation: slide 24s ease infinite;}
@keyframes slide {  0% {    transform: translateX(0%);  }  12.5% {    transform: translateX(0%);  }  25% {    transform: translateX(-25%);  }  37.5% {    transform: translateX(-25%);  }  50% {    transform: translateX(-50%);  }  62.5% {    transform: translateX(-50%);  }  75% {    transform: translateX(-75%);  }  87.5% {    transform: translateX(-75%);  }  99% {    transform: translateX(-75%);  }  100% {    transform: translateX(0);  }}
.p { margin-top: 140px; text-align: center;}
a {  color: #fefefe;}
a:link {  color: #fefefe;}
a:visited {  color: #fefefe;}
a:hover {  color: #fefefe;}
a:active {  color: #fefefe;}
a:link { text-decoration: none;}
a:visited {  text-decoration: none;}
a:hover {  text-decoration: underline;}
a:active {  text-decoration: underline;}
.container {  display:block; width:400px; }
.group{ position:relative;  margin-bottom:45px; }
input{ border-radius: 5px;  font-size:18px;     padding:10px 10px 10px 5px;       display:block;  width:300px;  border:none;  border-bottom:1px solid #757575;}
input:focus     { outline:none; }
label{  color:#999;   font-size:18px;  font-weight:normal;  position:absolute;  pointer-events:none;  left:5px;  top:10px;  transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
input:focus ~ label, input:valid ~ label    {  top:-20px;  font-size:14px;  color:#666666;}
textarea{ border-radius: 5px;  font-size:18px;  padding:10px 10px 10px 5px;  display:block;  width:300px;   border:none;  border-bottom:1px solid #757575;}
textarea:focus     { outline:none; }
textarea:focus ~ label, textarea:valid ~ label    {  top:-20px;  font-size:14px;  color:#666666;}
select{ border-radius: 5px;  font-size:18px;  padding:10px 10px 10px 5px;  display:block;   width:300px;   border:none;  border-bottom:1px solid #757575;}
select:focus     { outline:none; }
select:focus ~ label, select:valid ~ label    {  top:-20px;  font-size:14px;  color:#666666;}
.bar  { position:relative; display:block; width:100%; }
.bar:before, .bar:after   {  content:'';  height:2px;   width:0;  bottom:1px;   position:absolute;  background:#666666;   transition:0.2s ease all;   -moz-transition:0.2s ease all;   -webkit-transition:0.2s ease all;}
.bar:before {  left:50%;}
.bar:after {  right:50%; }
input:focus ~ .bar:before, input:focus ~ .bar:after { width:50%;}
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after { width:50%;}
textarea:focus ~ .bar:before, textarea:focus ~ .bar:after { width:50%;}
.highlight {  position:absolute;  height:60%;   width:95%;   top:25%;   left:0;  pointer-events:none;  opacity:0.5;}
input:focus ~ .highlight {  -webkit-animation:inputHighlighter 0.3s ease;  -moz-animation:inputHighlighter 0.3s ease;  animation:inputHighlighter 0.3s ease;}
textarea:focus ~ .highlight {  -webkit-animation:inputHighlighter 0.3s ease;  -moz-animation:inputHighlighter 0.3s ease;  animation:inputHighlighter 0.3s ease;}
select:focus ~ .highlight {  -webkit-animation:inputHighlighter 0.3s ease;  -moz-animation:inputHighlighter 0.3s ease;  animation:inputHighlighter 0.3s ease;}
@-webkit-keyframes inputHighlighter {  from { background:#666666; }  to  { width:0; background:transparent; }}
@-moz-keyframes inputHighlighter {  from { background:#666666; }  to  { width:0; background:transparent; }}
@keyframes inputHighlighter {  from { background:#666666; }  to  { width:0; background:transparent; }}
.SendButton {	box-shadow:inset 0px 1px 0px 0px #525354;	background:linear-gradient(to top, darkgrey 20%, lightgrey 70% );	background-color:#525354;	border-radius:6px;	border:1px solid #525354;	display:inline-block;	cursor:pointer;	color:#525354;font-family:'Roboto',sans-serif;	font-size:23px;	font-weight:bold;	padding:12px 31px;	text-decoration:none;	text-shadow:0px 1px 1px #525354;	box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2);}
.SendButton:hover {	background:linear-gradient(to bottom, lightgrey 5%, darkgrey 100%);	background-color:#525354;		color:#FFFFFF;}
.SendButton:active {	position:relative;	top:1px;}
.frame_1_full {padding: 20px 20px 20px 20px;font: 14px "Roboto", sans-serif;background-color:lightgrey;border-radius:10px;border:3px solid #525354;}

@media screen and (max-width: 600px) {
.HeaderButton{width:30%;}
.frame_1_full {width:100%;}
.width300 {width:100%;}
.width400{width:100%;}
.width600 {width:100%;}
.eagle_fixed { height:81px; width:99px; }
.top-container  {width:100%;}
.top_tools {}
.pulledover { font: 18px "Roboto", sans-serif; }
.logo_resize {width:80%;}
.removelines {display: none;}
.addlines {display: inline;}
.slideshow {  width:300px; }
.slideshow-container {  width: 1200px;  height: 158px;}
.img_slides, .text-container {  width: 300px; }
.SendButton{ width:300px;       }
.small_font {font-size:8px; }
.container {width:300px;  }
.pulledover {padding:5px 5px 5px 5px; }
.section_header {text-shadow: 1px 1px #CCCCCC;font: 20px "Roboto", sans-serif;color:black;padding-bottom:10px;padding-top:10px;}
.footer_col {min-width:300px; font: 20px "Roboto", sans-serif;letter-spacing: 0px;}
.footer_col_left {min-width:300px; font: 20px "Roboto", sans-serif;letter-spacing: 0px;}
.arrow_fixed {   width:80%;}

.mid_font { font-size:16px; }

.sticky + .content {  padding-top: 140px;}

}