/* CSS Document */
/*
#0e2356		Dark Blue
#5e6896		Light Blue
#cb0d17		Red
#808080		Grey
*/

HTML {}
BODY {
	font-family: 'Lato', sans-serif;
    font-weight: 400;
	padding: 0;
	margin: 0;
}

H1 { font-weight: 400; font-size: 33px; line-height: 37px; color: #FFFFFF; }
H2 { font-weight: 400; font-size: 28px; line-height: 34px; color: #FFFFFF; margin-top: 50px; }
H2::before {
    position: absolute;
    display: inline-block;
    content: "";
    border-top: solid 1px #cb0e17;
    width: 75px;
    margin: -10px 0 0 0;
}
H3 { font-weight: 400; font-size: 22px; line-height: 28px; color: #FFFFFF; }
H4 { font-weight: 400; font-size: 18px; line-height: 24px; color: #cb0e17; }
H5 { font-weight: 400; font-size: 16px; line-height: 21px; color: #cb0e17; }
H6 { font-weight: 700; font-size: 20px; line-height: 25px; color: #FFFFFF; margin: 0; padding: 10px 0 10px 0; }

IMG { border: none; }
HR { border: none; border-bottom: solid 1px #AAAAAA; }

.clr { clear:both; }

.width {
	position: relative;
    width: 960px;
	margin-right: auto;
	margin-left: auto;
}

.full-width-image { display: block; width: 100%; height: auto; }

/*	COLUMNS  ************************************************************* */

DIV.Full_col 	{ box-sizing: border-box; padding: 0px 20px 0px 20px; }

DIV.Half_col 	{ float: left; width: 50%; box-sizing: border-box; padding: 0px 20px 0px 20px; }

DIV.Third_col 	{ float: left; width: 33.3333%; box-sizing: border-box; padding: 0px 20px 0px 20px; }
DIV.TwoThird_col 	{ float: left; width: 66.6666%; box-sizing: border-box; padding: 0px 20px 0px 20px; }

DIV.Quarter_col { float: left; width: 25%; box-sizing: border-box; padding: 0px 20px 0px 20px; }
DIV.ThreeQuarter_col { float: left; width: 75%; box-sizing: border-box; padding: 0px 20px 0px 20px; }

DIV.Fifth_col { float: left; width: 20%; box-sizing: border-box; padding: 0px 20px 0px 20px; }
DIV.TwoFifth_col { float: left; width: 40%; box-sizing: border-box; padding: 0px 20px 0px 20px; }
DIV.offset-left-1fifth { margin-left: 20%; }
DIV.offset-left-2fifth { margin-left: 40%; }

DIV.no-top-bot { padding: 0px 20px 0px 20px; }

.bg-darkblue { background-color: #0e2356; }
.bg-grey { background-color: #373a36; }
.bg-white { background-color: #FFFFFF; }
.bg-green { background-color: #5db133; }
.bg-black { background-color: #000000; }
.bg-red { background-color: #cb0e17; }

/* ********************************************************************* */
/*	HEAD
/* ********************************************************************* */

#head { background-color: #FFFFFF; border-bottom: solid 5px #FFFFFF; padding: 0; height: 100px; }

#head .logo { position: absolute; top: 20px; left: 20px; width: 175px; height: auto; }

/* ********************************************************************* */
/*	MENU
/* ********************************************************************* */

#menu { position: absolute; top: 40px; right: 0; }
#menu #menutab { display: none; }

#menu DIV.Full_col { padding: 0 20px 0 20px; }

#menu {}
#menu UL { margin: 0px; padding: 0px; list-style-type: none; display: table; }
#menu UL LI { position: relative; margin: 0px; padding: 0px; display: table-cell; }
#menu UL LI A { display: block; box-sizing: border-box; width: 160px; padding: 10px 10px; font-size: 18px; line-height: 20px; font-weight: 500; color: #000000; text-decoration: none; text-align: center; }

#menu UL LI A I { font-size: 20px; line-height: 19px; }

#menu UL LI A:HOVER,
#menu UL LI A.active { color: #000000; border-bottom: solid 1px #cb0e17; font-weight: 700; }

/* ********************************************************************* */
/*	PAGE
/* ********************************************************************* */

#page { margin: 0 20px 0 20px; padding: 10px 20px 20px 20px; background-color: #0e2356; }


#page P { font-size: 18px; line-height: 23px; color: #FFFFFF; }
#page P.undervid { font-size: 12px; line-height: 16px; color: #000000; padding: 20px 10px 10px 10px; margin: 0 0 0 0; }
#page P.undervid::before {
    position: absolute;
    display: inline-block;
    content: "";
    border-top: solid 1px #cb0e17;
    width: 75px;
    margin: -10px 0 0 0;
}
#page TD { font-size: 18px; line-height: 23px; color: #FFFFFF; }

#page UL { list-style-image: url('../img/bullet.jpg'); }
#page UL LI { font-size: 18px; line-height: 23px; color: #FFFFFF; }

#page A { font-size: 18px; line-height: 23px; color: #FFFFFF; }
#page A:HOVER { text-decoration: none; }

#page .freeform-row LABEL { display: none; }
#page .freeform-row INPUT[type="text"] { font-family: 'Rubik', sans-serif; font-size: 18px; line-height: 23px; color: #373a36; border: none; background-color: #FFFFFF; padding: 10px 14px; box-shadow: inset 2px 2px 8px rgba(0,0,0,0.35); }
#page .freeform-row INPUT[type="email"] { font-family: 'Rubik', sans-serif; font-size: 18px; line-height: 23px; color: #373a36; border: none; background-color: #FFFFFF; padding: 10px 14px; box-shadow: inset 2px 2px 8px rgba(0,0,0,0.35); }
#page .freeform-row TEXTAREA { font-family: 'Rubik', sans-serif; font-size: 18px; line-height: 23px; color: #373a36; border: none; background-color: #FFFFFF; padding: 10px 14px; box-shadow: inset 2px 2px 8px rgba(0,0,0,0.35); }
#page .freeform-row BUTTON[type="submit"] { font-family: 'Rubik', sans-serif; font-size: 16px; font-weight: 500; line-height: 23px; text-transform: uppercase; color: #FFFFFF; border: none; background-color: #cb0e17; padding: 10px 20px; border-radius: 20px; cursor: pointer; }

#page .q_and_a { padding: 0 0 15px 0; }
#page .q_and_a H4 { font-size: 24px; line-height: 26px; background-color: #0e2356; color: #FFF; padding: 15px 20px 15px 20px; margin: 0; border-top: solid 1px #cb0e17; cursor: pointer; transition: all 0.5s ease-in-out; }
#page .q_and_a H4.on {}
#page .q_and_a H4 I { float: right; display: block; color: #FFF; }
#page .q_and_a .bg-white { padding: 10px 20px 10px 20px; }
#page .q_and_a .bg-grey { padding: 10px 20px 10px 20px; }
#page .q_and_a .bg-darkblue { padding: 10px 20px 10px 20px; }
#page .q_and_a .bg-green { padding: 10px 20px 10px 20px; }
#page .q_and_a .bg-red { padding: 10px 20px 10px 20px; }
#page .q_and_a .bg-black { padding: 10px 20px 10px 20px; background-color: #0e2356; }
#page .q_and_a .big { float: left; padding: 0 15px 15px 0; font-size: 100px; line-height: 90px; font-weight: 900; color: #cb0e17; }
#page .q_and_a .bg-red .big { color: #FFFFFF; }
#page .q_and_a .bg-darkblue .big { color: #FFF; }
#page .q_and_a .bg-darkblue P { color: #FFF; }
#page .q_and_a .bg-darkblue A { color: #FFF; }

/* ********************************************************************* */
/*	FOOT
/* ********************************************************************* */

#foot { padding: 0; }
#foot P { font-size: 15px; line-height: 20px; color: #373a36; }
#foot A { color: #373a36; text-decoration: none; }

/* ********************************************************************* */
/* ***** RESPONSIVE **************************************************** */
/* ********************************************************************* */

@media screen and (max-width: 980px) {

	.width { width: 100%; }
	
    #page { margin: 0 0 0 0; }
        
    #menu { position: absolute; z-index: 999; top: 104px; right: 0; left: 0; }
    #menu #menutab { position: absolute; top: 0; right: 20px; margin-top: -75px; color: #FFFFFF; font-size: 40px; display: block; cursor: pointer; }

    #menu DIV.Full_col { padding: 0; }

    #menu UL { margin: 0px; padding: 0px; list-style-type: none; display: block; background-color: #373a36; }
    #menu UL LI { display: block; }
    #menu UL LI A { border-top: solid 1px #CCCCCC; padding: 15px 15px; }

    #menu UL LI A:HOVER,
    #menu UL LI A.active {}

}

@media screen and (max-width: 800px) {
	
	/*	COLUMNS  ************************************************************* */

	DIV.Full_col 	{}

	DIV.Half_col 	{ float: left; width: 50%; }

	DIV.Third_col 	{ float: left; width: 33.3333%; }
	DIV.TwoThird_col 	{ float: left; width: 66.6666%; }

	DIV.Quarter_col { float: left; width: 50%; }
	DIV.ThreeQuarter_col { float: none; width: 100%; }

	DIV.Fifth_col { float: left; width: 20%; }
	DIV.offset-left-1fifth { margin-left: 20%; }
	DIV.offset-left-2fifth { margin-left: 40%; }
	
}

@media screen and (max-width: 600px) {

	/*	COLUMNS  ************************************************************* */

	DIV.Full_col 	{}

	DIV.Half_col 	{ float: none; width: 100%; }

	DIV.Third_col 	{ float: none; width: 100%; }
	DIV.TwoThird_col 	{ float: none; width: 100%; }

	DIV.Quarter_col { float: none; width: 100%; }
	DIV.ThreeQuarter_col { float: none; width: 100%; }

	DIV.Fifth_col { float: left; width: 50%; }
	DIV.offset-left-1fifth { margin-left: 0; }
	DIV.offset-left-2fifth { margin-left: 0; }
	
	#head DIV.Fifth_col { float: left; width: 33.3333%; }
	#head DIV.offset-left-1fifth { margin-left: 0; }
	#head DIV.offset-left-2fifth { margin-left: 0; }
	
	#foot H6 { text-align: center; }
	#foot P { text-align: center; }
	
}