cardContent, inline-cardContent {    height: 100%;
-webkit-box-sizing: border-box;
        box-sizing: border-box;}

.flex-vertical {    
	height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	}
.flex-vertical p {margin:5px}
.text-center { text-align:center}
.inline-red {color:red}
	
.navFixed  nav {position:fixed; top:0; height:42px}
.navFixed .navLogo {display:block}



#main { padding-top:20px;
	/* background-color: rgba(0,0,0,0.9); */
 /* background-image: -webkit-gradient(linear, left top, right top, from(rgba(0,0, 0, 0.5)), color-stop(rgba(0, 0, 0, 0.95)), color-stop(rgba(0, 0, 0, 0.95)),color-stop(rgba(0, 0, 0, 0.95)),color-stop(rgba(0, 0, 0, 0.95)),color-stop(rgba(0, 0, 0, 0.95)), to(rgba(0, 0, 0, 0.5)));
 background-image: -webkit-linear-gradient(left, rgba(0,0, 0, 0.5), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5));
 background-image: -o-linear-gradient(left, rgba(0,0, 0, 0.5), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5));
 background-image: linear-gradient(to right, rgba(0,0, 0, 0.5), rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95),rgba(0, 0, 0, 0.95), rgba(0, 0, 0, 0.5)); 
 */
 
 padding-bottom:50px}
	
section {max-width:1600px; color:white; margin:auto; padding-top:50px; }

	section a:link, section a:visited, .socialMediaBlock a:visited {text-decoration:none; color:white; font-weight:bold}
	section a:hover {text-decoration:underline; color:red}
 
	
	section p {font-family: 'PT Sans', sans-serif; text-indent:20px}
	

.red {color:red; font-size:140%; margin-right:1px}
.inline-red {color:red}

cards, .cards {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	    justify-content: space-around;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	margin-top: 15px;
	padding: 1.5% 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width:100%;
	
	margin:auto;
	-webkit-box-flex:1;
	    -ms-flex:1 0 auto;
	        flex:1 0 auto;
}

.row-4 card, .row-4 inline-card {max-width: 210px; width:1000px}
.row-3 card, .row-3 inline-card {max-width: 28%; width:1600px}
.row-2 card, .row-2 inline-card {max-width: 470px; width:1000px}
.row-1 card, .row-1 inline-card {max-width: 1000px; width:1000px}


card, inline-card {
	
	/* -webkit-box-shadow: 0 0 10px red;box-shadow: 0 0 10px red;  */
	
	margin:15px; border-radius:6px; color:white; -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto;}
card hr, inline-card hr {width:100%}
card p, inline-card p {    font-family: 'PT Sans', sans-serif; }
.card-header {
		position: relative;
		height: 250px;
		overflow: hidden;
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center;
 		background-blend-mode: overlay;
		border-radius:6px 6px 0 0;
		
	}
	
.row-2 .card-header, .row-1 .card-header {height:170px}
cardContent, inline-cardContent {padding:10px; display:block;     -webkit-box-orient: vertical;     -webkit-box-direction: normal;     -ms-flex-direction: column;     flex-direction: column; display: -webkit-box; display: -ms-flexbox; display: flex;}
cardFooter, inline-cardFooter {width:100%; text-align:right; display:block}


 
 
 .flexbox {display:-webkit-box;display:-ms-flexbox;display:flex;}
.flexbox img {-webkit-box-shadow: 0 0 10px red;box-shadow: 0 0 10px red; border-radius:10px}
.flexbox > div {padding:10px}


	p {margin:10px 0}
	
	 
	 #widget {padding:6px; min-width:420px; -webkit-box-shadow: 0 0 10px red; box-shadow: 0 0 10px red; border-radius:20px; margin:0; -webkit-box-sizing:border-box; box-sizing:border-box}
	 #widget-container {padding:30px}
	 #widget-more {float:right; position:relative; top:-30px; right:10px}
	 

	 
footer cards, footer .cards {max-width:100%; -webkit-box-sizing:border-box; box-sizing:border-box}
footer .row-3 card, footer .row-3 inline-card { max-width:30%; min-height: 60vh; min-width:300px;
    margin-top: 10vh;  background:rgba(0,0,0,0.8);}
	
	.floatLeft {float:left; margin:10px}
.floatRight {float:right; margin:10px}
.photo-large-center {margin:auto; text-align:center}
.flowgap {padding-bottom:20px}

.ul-indent {margin-left:40px}
.ul-float-fix {display:table}

.socialMediaBlock { display:-webkit-box; display:-ms-flexbox; display:flex; -ms-flex-wrap:wrap; flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around; font-size:140%}

.inlineImage {    -webkit-box-shadow: 0 0 10px red;    box-shadow: 0 0 10px red;
    margin: 15px;
    border-radius: 6px;
    color: white;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;}
	
	justify {text-align:justify}
	.listfix {margin-left: 80px;}

 footer {text-align:center; font-weight:normal}
 footer a:link, footer a:visited {color:white; font-weight:normal; text-decoration:none}
 footer a:hover {color:red}
 .textSmall {font-size:80%}
 .social-links {width: 300px; min-height:40vh;  display: -webkit-box;  display: -ms-flexbox;  display: flex;     -webkit-box-align: center;     -ms-flex-align: center;     align-items: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; text-align:center; -webkit-box-pack:center; -ms-flex-pack:center; justify-content:center}
	.social-links i {font-size:4em;}
.social-links div {margin:20px}
 
 footer cardContent {display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align:center; -ms-flex-align:center; align-items:center}
footer ul li {text-align:left}
footer ul ul {margin:5px 0 20px 20px}

.footerLink {position:relative; top:-30px}
.footerLink:link {font-weight:normal; font-size:80%}

section{ margin:100px auto}
h1, h2, h3, h4 {text-align:left}
footer h1,footer h2,footer h3,footer h4 {text-align:center}
section p, h1, h2, h3, h4{ padding: 0 20px}
cardcontent {text-align:center}

.imageGallery {-ms-flex-wrap:wrap;flex-wrap:wrap; -ms-flex-pack:distribute; justify-content:space-around}
.imageGallery > a img {width:400px; height:300px; }
.imageGallery > a {margin:47px}

.sponsors_soe_imagefix { background-position: center -320px;  }
.sponsors_tio_imagefix { background-position: center -100px;  }
.sponsors_seb_imagefix { background-position: center -120px;  }

/* Button Styles */
.defaultButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #cf866c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #cf866c;
	box-shadow:inset 0px 1px 0px 0px #cf866c;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #d0451b), color-stop(1, #bc3315));
	background:-moz-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-webkit-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-o-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:-ms-linear-gradient(top, #d0451b 5%, #bc3315 100%);
	background:linear-gradient(to bottom, #d0451b 5%, #bc3315 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#d0451b', endColorstr='#bc3315',GradientType=0);
	background-color:#d0451b;
	border:1px solid #942911;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #854629;
}
.defaultButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #bc3315), color-stop(1, #d0451b));
	background:-moz-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-webkit-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-o-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:-ms-linear-gradient(top, #bc3315 5%, #d0451b 100%);
	background:linear-gradient(to bottom, #bc3315 5%, #d0451b 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bc3315', endColorstr='#d0451b',GradientType=0);
	background-color:#bc3315;
}
.defaultButton:active {
	position:relative;
	top:1px;
}
.buttonContainer {

	width: 100%;
    max-width: 600px;
    padding: 20px;
    display: flex;
    justify-content: space-around;
	box-sizing:border-box;
 }
 /* End Of Button Styles */

 
 /* Contact Stuff (and main page contact) */
 .contactMaps {max-width: 100%; height:400px}


textarea, input {background-color: inherit; border-color:red}
textarea {
	resize: none;
}
.form-label {
	font-size: 12px;
	color: #5e9bfc;
	margin: 0;
	display: block;
	opacity: 1;
	-webkit-transition: .333s ease top, .333s ease opacity;
	transition: .333s ease top, .333s ease opacity;
}
.form-control {
	border-radius: 0;
    border-color: red;
    border-width: 0 0 1px 0;
    border-style: none none solid none;
    box-shadow: none;
    font-size: 1.5rem;
    padding: 10px;
    box-sizing: border-box;
}
.form-control:focus {
	box-shadow: none;
	border-color: #5e9bfc;
}
.js-hide-label {
	opacity: 0; 	
}
.js-unhighlight-label {
	color: #999 
}
.btn-start-order {
	background: 0 0 #ffffff;
    border: 1px solid #2f323a;
    border-radius: 3px;
    color: #2f323a;
    font-family: "Raleway", sans-serif;
    font-size: 16px;
    line-height: inherit;
    margin: 30px 0;
    padding: 10px 50px;
    text-transform: uppercase;
    transition: all 0.25s ease 0s;
}
.btn-start-order:hover,.btn-start-order:active, .btn-start-order:focus {
	border-color: #5e9bfc;
	color: #5e9bfc;
}
input, textarea {    color: white;}

.formThanks {text-align:center}

#contactForm
{
    color:blue;
}

#contactForm::-webkit-input-placeholder {
   color: red;
}

#contactForm:-moz-placeholder {
   color: red;
}

#contactForm::-moz-p {
   color: red;
}

#contactForm:-ms-input-placeholder {
   color: red;
}

.contact h3, .button-container h3 {
	color: var(--color2);
	display: block;
	font-size: 30px;
	font-weight: 400;
}

.contact h4, .button-container h4 {
	margin:5px 0 15px;
	display:block;
	font-size:13px;
}

fieldset {
	border: medium none !important;
	margin: 0 0 10px;
	min-width: 100%;
	padding: 0;
	width: 100%;
}

.contact input[type="text"], .contact input[type="date"], .contact input[type="email"], .contact input[type="tel"], .contact input[type="url"], .contact textarea {
	width:100%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 0 5px;
	padding:10px;
}

.contact input[type="text"]:hover, .contact input[type="date"]:hover, .contact input[type="email"]:hover, .contact input[type="tel"]:hover, .contact input[type="url"]:hover, .contact textarea:hover {
	-webkit-transition:border-color 0.3s ease-in-out;
	-moz-transition:border-color 0.3s ease-in-out;
	transition:border-color 0.3s ease-in-out;
	border:1px solid #AAA;
}

.contact textarea {
	height:100px;
	max-width:100%;
  resize:none;
}

.contact button[type="submit"], .button-container button {
	cursor:pointer;
	width:100%;
	padding:15px;
	font-size:15px;
}

.contact button[type="submit"]:hover, .button-container button:hover {
	-webkit-transition:background 0.3s ease-in-out;
	-moz-transition:background 0.3s ease-in-out;
	transition:background-color 0.3s ease-in-out;
}

.contact button[type="submit"]:active, .button-container button:active { box-shadow:inset 0 1px 3px rgba(0, 0, 0, 0.5); }

fieldset input, fieldset textarea {box-sizing:border-box}

#contactB input, #contactB textarea {color:black}

#contactB {display:none}
#contactC {padding-top:20px}
/* End form main page */

/* Responsive Styles */

@media all and (max-width:1100px)
 {
	 footer .row-3 card { max-width: 90%}
	 footer .row-3 inline-card { max-width: 90%}
	 .widget-block {-ms-flex-wrap:wrap;flex-wrap:wrap}
	 #widget-container {margin:20px auto; }
	 .row-1 card, .row-2 card {max-width: 90%; width:1000px}
	 .row-1 inline-card, .row-2 inline-card {max-width: 90%; width:1000px}
	 .row-2 .card-header { height: 250px;}
	.row-1 .card-header { height: 250px;}
	
 }

 @media all and (max-width:800px)
 {
	.sponsors_soe_imagefix { background-position: center center;  }
	.sponsors_tio_imagefix { background-position: center center;  }
	.sponsors_seb_imagefix { background-position: center center;  } 
	
	.buttonContainer {max-width:100%}
	 
	 
	.form-control { width:100%}
	
	 footer .row-3 card { max-width: 96%}
	 footer .row-3 inline-card { max-width: 96%}
	 
	 .row-3 card, .row-3 inline-card {   max-width: 90%; width: 1000px; }
	
 }
	 
@media all and (max-width:600px)
		{
				.floatLeft, .floatRight {width:100%; float:none; margin:20px 0}
				card hr { width:300px}
				inline-card hr { width:300px}
				
				#widget {min-width:200px;}
				#widget-container {padding:0}
				h1, h2, h3, h4 {text-align:center; font-size:117%}
				section {    margin: 0 15px;}
		}