/*
font-family: "Nunito", "sans serif";
color: #131639;		// rgba(19,22,57,0.5);		// dark-blue
color: #ee2b24;		// rgba(238,43,36,1);		// red
color: #f9ed11;		// rgba(249,237,17,0.5);	// yellow
color: #2389c1;		// rgba(35,137,193,0.5);	// light-blue
color: #0f8541;		// rgba(15,133,65,1);		// green
*/

* { font-family: Nunito, Arial, Helvetica, "sans serif"; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

body { background: #131639; color: #858daf; margin: 0; padding: 0; font-family: Nunito, Arial, Helvetica, "sans serif";  font-size: 20px; line-height: 25px; text-align: center; }
img { border: 0; display: block; width: 100%; height: auto; }

form { margin: 0 auto; padding: 0; width: 50%; text-align: left; }
form label { display: inline-block; padding: 10px 0 5px 5px; font-weight: bold; }
form label.normal { font-weight: normal; }
form label i { font-weight: normal; font-style: normal; color: rgba(0,0,0,0.5); }
form .half-left { float: left; width: calc(50% - 2.5px); }
form .half-right { float: right; width: calc(50% - 2.5px); }
input, select, textarea { font-family: Nunito, Arial, Helvetica, "sans serif"; font-size: 18px; border: 0; background: #fff; color: #000; padding: 5px; width: 100%; margin: 0 0 5px 0; }
input[type=radio], input[type=checkbox] { width: auto; }
input.invalid, textarea.invalid, select.invalid { background: #fee; }
select { padding: 0 6px; height: 32px; }
button { font-family: Nunito, Arial, Helvetica, "sans serif"; font-size: 18px; border: 0; background: #0f8541; color: #131639; padding: 5px 20px; }

.desktop { display: block; }
.mobile { display: none; }

div.invalid { background: #fee; }

::-webkit-input-placeholder { color: #d0d0d0; }
:-ms-input-placeholder { color: #d0d0d0; }
::-moz-placeholder { color: #d0d0d0; }
:-moz-placeholder { color: #d0d0d0; }

.clear { clear: both; }
.hidden { display: none; }
.centered { text-align: center; }

a { text-decoration: none; font-weight: bold; }
i.material-icons { vertical-align: top; font-size: 24px; }

.helper { position: relative; padding: 25px; margin: 0 0 30px 0; background: #1b6528; color: #fff; text-align: center; }
.helper.alert { background: #681515; padding-top: 75px; }
.helper.alert:before { position: absolute; left: calc(50% - 20px); top: 20px; content: "!"; font-family: "Playfair Display", serif; font-size: 50px; color: #681515; background: rgba(255,255,255,0.15); line-height: 50px; width: 50px; border-radius: 100%; text-align: center; }
.helper a { font-weight: bold; color: rgba(255,255,255,0.5); }
.helper a:hover { color: rgba(255,255,255,1); }

section { margin: 0 auto; width: 1200px; }

header { text-align: center; background: #131639; }
header section { padding: 0; }
header section a#logo { display: block; width: 50%; max-width: 400px; margin: 30px auto; }
header section ul { width: 100%; list-style: none; margin: 0; padding: 30px 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }
header section ul li { width: 33.33%; text-align: center; white-space: nowrap; }
header section ul li i.material-icons { width: 1em; }
header section ul li a, header section ul li strong { display: inline-block; font-weight: normal; color: #858daf; text-align: left; }
header section ul li em { font-style: normal; color: #fff; }

main { position: relative; text-align: center; }
main article { margin: 0; padding: 0; }
main article:nth-of-type(1n) { border-top: 15px solid #ee2b24; }
main article:nth-of-type(2n) { border-top: 15px solid #f9ed11; }
main article:nth-of-type(3n) { border-top: 15px solid #2389c1; }
main article:nth-of-type(4n) { border-top: 15px solid #0f8541; }

main article section { position: relative; padding: 30px 0 60px 0; text-align: left; }
main article section h1 { text-align: center; }
main article section h2 { text-align: center; }
main article section h3 { text-align: center; }
main article section a { color: white; }

main article section ul.rotations { width: 100%; list-style: none; margin: 0; padding: 30px 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  }
main article section ul.rotations li { width: 50%; text-align: left; }

main article section ul.brand-logos { background: #fff; width: 100%; list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-justify-content: center; -ms-justify-content: center; justify-content: center; -webkit-align-items: center; -ms-align-items: center; align-items: center; }
main article section ul.brand-logos li { width: 16.6667%; text-align: left; padding: 30px; }

main article section ul.news { width: 100%; list-style: none; margin: 0; padding: 30px 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-flex-flow: row wrap; -ms-flex-flow: row wrap; flex-flow: row wrap;  }
main article section ul.news li { width: 33.33%; text-align: left; }
main article section ul.news li p { margin: 0; padding: 15px; }

main iframe { border: 0; display: block; width: 100%; height: 500px; margin: 0; padding: 0; }

footer { position: relative; padding: 0; background: #131639; color: #858daf; }
footer section { text-align: center; font-weight: normal; font-size: 15px; position: relative; padding: 30px 0 60px 0; }
footer section p { margin: 0; padding: 15px 0; }
footer section ul { width: 100%; list-style: none; margin: 0; padding: 0; display: -webkit-flex; display: -ms-flexbox; display: -ms-flex; display: flex; -webkit-justify-content: space-around; -ms-justify-content: space-around; justify-content: space-around; }
footer section ul li { width: 33.33%; text-align: center; }
footer section ul li i.material-icons { width: 1em; }
footer section ul li a, footer section ul li strong { display: inline-block; font-weight: normal; color: #858daf; text-align: left; }
footer section ul li em { font-style: normal; color: #fff; }

/*
:after { content: ""; display: table; clear: both; }
*/

#cookie-bar { position: fixed; bottom: 0px; left: 0px; right: 0px; background: rgba(255,255,255,0.1); font-size: 15px; line-height: 20px; color: rgba(255,255,255,0.75); text-align: center; padding: 10px 25px; z-index: 99; }
#cookie-bar a { color: #fff; text-decoration: none; }

@media only screen and (max-width: 1199px) {
	section { margin: 0 30px; width: auto; }
	header section ul li { font-size: 2.25vw; }
}
@media only screen and (max-width: 1023px) {
	main article section ul.brand-logos li { width: 25%; }
}
@media only screen and (max-width: 767px) {
	h2 { font-size: 8vw; line-height: 8vw; }
	header section { margin: 0; padding: 3vw 4vw; }
	header section ul { display: block; padding: 0; }
	header section ul li { width: 100%; font-size: 4vw; text-align: center; line-height: 4.25vw; margin: 2vw 0 0 0; }
	header section ul li a { text-align: center; }
	header section ul li i.material-icons { display: none; }
	header section:after { content: ""; display: table; clear: both; }
	main article { border-top-width: 1.5vw !important; }
	main article section ul.rotations { padding: 0; }
	main article section ul.brand-logos li { width: 33.33%; }
	form { width: 100%; }
	footer section { padding: 4vw 0; }
	footer section ul { display: block; }
	footer section ul li { width: 100%; margin: 2vw 0 0 0; }
}
@media only screen and (max-width: 414px) {
	main article section ul.brand-logos li { width: 50%; }
}
@media only screen and (max-width: 320px) {
}