@import url("reset.css");
@import url("//use.typekit.net/xbx0epg.css");
@import url("font-awesome.min.css");
@import url("ionicons.min.css");

body {background: #fff; color: #a0a0a0; font: 400 100%/1.5em 'aktiv-grotesk', Arial, Helvetica, sans-serif;}

a {border: none; color: #497cb2; text-decoration: none;}
a:hover {text-decoration: none; color: #fff;}
a:focus {outline: none;}
img, a, a img {border: none;}
.clear {clear: both;}
.hide {display: none;}
.rule {height: 1px; background: #eee; /*  margin: 20px 0;  */}
.rule hr {display: none;}
.devnote {background: lightyellow; color: red; padding: 5px;}

/* Base OVERRIDES */
h1,h2,h3 {margin:1em 0;/* top & bottom margin based on font size */}
h1,h2,h3,h4,h5,h6,strong {font-weight:bold;/*bringing boldness back to headers and the strong element*/}
abbr,acronym {border-bottom:1px dotted #000; cursor:help;/*indicating to users that more info is available */}
em {font-style:italic;/*bringing italics back to the em element*/}
blockquote,ul,ol,dl {margin:1em;/*giving blockquotes and lists room to breath*/}
ol,ul,dl {margin-left:2em;/*bringing lists on to the page with breathing room */}
ol li {list-style: decimal outside;/*giving OL's LIs generated numbers*/}
ul li {list-style: disc outside;/*giving UL's LIs generated disc markers*/}
dl dd {margin-left:1em;/*providing spacing for definition terms*/}
table {font-size:inherit; font:100%;}
th,td {/*  border:1px solid #000;  */ padding:.5em;/*borders and padding to make the table readable*/}
th {font-weight:bold; text-align:center;/*distinguishing table headers from data cells*/}
caption {margin-bottom:.5em; text-align:center;/*coordinated margin to match cell's padding*/}
p,fieldset,table,pre {margin-bottom:1em;/*so things don't run into each other*/}
select, input, button, textarea {/*  font:99% arial,helvetica,clean,sans-serif;  */}
input, textarea, select {font-family:inherit; font-size:inherit; font-weight:inherit;}
/* +++++++++++++++++++++ */
/*
.lato {font-family: 'Lato', sans-serif;}
.ffont {font-family: 'Open Sans', sans-serif;}
.muli {font-family: 'Muli', sans-serif;}
  */

.ff {font-family: aktiv-grotesk, sans-serif; font-weight: 400; font-style: normal;}
.ffM {font-family: aktiv-grotesk, sans-serif; font-weight: 500; font-style: normal;}
.ffB {font-family: aktiv-grotesk, sans-serif; font-weight: 700; font-style: normal;}

.cBlue {color: #497cb2;}


h1, h2, h3, h4 {font-weight: normal;}
h1 {}
h2 {}
h3 {}
h4 {}
h5 {}
h6 {}

.buffer {height: 82px;}

.base-wrap {}

.backUpTop {text-align:center; margin: 40px 0 0 0;}
.backUpTop a {font-size: 300%; color: #eee; padding: 20px 0 50px 0; display:block;}
.backUpTop a:hover {color: #ccc;}

/*img {width: 100%;} 466x144*/
header {background: transparent; /**/
	width: 100%; height: 100px;
	position: fixed;
	top: 0; left: 0;
	z-index: 100;
}
.logo {
	margin: 0; margin-top: 18px; margin-left: 26px;
	float: left;
	width: 233px;
	height: 72px;
	background: url(../img/2021/MEP-logo-x2.png) no-repeat center; background-size: 233px 72px;
	display: block;
}


/* respond */
@media only screen and (min-width : 1024px) {
.logo {	margin: 0; margin-top: 40px; margin-left: 56px;}
}

/*
ACTION Buttons ####################################################################
*/
.buttons { text-align:center; padding: 10px 0;}
.buttons a i {margin-right: 4px;}

a.actionBtn {display:inline-block;
padding: 8px 16px; text-transform: uppercase; letter-spacing: .07em;
background: #497cb2; border: 1px solid #497cb2; font-size: 70%;
color: #fff; text-align: center; cursor: pointer; font-weight: bold;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px; /* future proofing */
-khtml-border-radius: 3px; /* for old Konqueror browsers */
}
a.actionBtn:hover {background: #fff; color: #497cb2; border: 1px solid #fff;}
a:focus.actionBtn {outline: none;}


/*
FOOTER ####################################################################
*/
#footer {margin: 0px; background:#333;}
#footer .inside {color: #666; padding: 50px 40px 0 40px; text-align:center;}
#footer .inside h3 {font-size: 80%; color: #999; font-weight: 500; letter-spacing: .12em; text-transform: uppercase; margin: 0; margin-bottom: 10px;  padding: 0;}

#footer .inside a {color: #497cb2 !important;}
#footer .inside a:hover {color: #eee !important;}

#footer .inside .logo-footer {margin-bottom: 20px;}
#footer .inside .logo-footer img {width: 100%; max-width: 233px;}
/*
width="361" height="96"
*/
#footer .contact-info {}
#footer .contact-info a {}

/* respond */
@media screen and (min-width: 960px) {

	#footer .inside { margin: 0 56px; padding: 0;}

	#footer .inside .cols {overflow:auto;}
	#footer .inside .cols .col {width: 25%;}
	#footer .inside .cols .col.left {float:left; text-align:left;margin-top: 100px;}
	#footer .inside .cols .col.right {float:right; text-align:right;margin-top: 80px;}

	#footer .inside .logo-footer {}
	#footer .inside .logo-footer img {max-width: 233px;}
	#footer .contact-info {}

}

.copyright {background: #497cb2; color: #333; padding: 8px 0; text-align:center; font-weight: 400; font-size: 90%;}
.copyright a {color: #333; text-decoration: none;}