.elia-Master {} /* ELIA */

*, *:before, *:after { 
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #FFF;
   font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
	/*
	/// Non System Font Stack ///
	font-family: Verdana, "Helvetica Neue", Helvetica, Arial, Gotham, Geneva, "sans-serif";
	/// Non System Font Stack ///
	*/
	font-size: 16px;
	font-weight: 400;
	color: #333;
	line-height: 1.6;
	position: relative;
	
	opacity: 1;
    transition: 1s opacity;
}
body.fade-out {
    opacity: 0;
    transition: none;
}

img {
	border: none;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */   
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */ 
	outline:0;
}

.inner {
	margin: 0 auto;
	padding: 0;
	max-width:1366px;
	position: relative;
}


#header {
	background: url(../images/white95.png);
	margin: 0;
	padding: 0;
	width: 100%;
	position: fixed;
	top:0;
	z-index:7777;
	box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 1px 7px 0px rgba(0,0,0,0.2);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
} 
#header:hover {	
	background-color: #FFF;
	box-shadow: 0px 1px 41px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 1px 41px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 1px 41px 0px rgba(0,0,0,0.6);
	-ms-box-shadow: 0px 1px 41px 0px rgba(0,0,0,0.6);
	-o-box-shadow: 0px 1px 41px 0px rgba(0,0,0,0.6);
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
} 

#header .inner.top {
	overflow:show;
	height:100px;
}

#logo {
	background-image: url(../images/Elia-logo.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	width: 330px;
	height: 80px;
	position:absolute;
	left:5px;
	top:13px;
    -webkit-transition: all .5s ease 0s;
    -moz-transition: all .5s ease 0s;
    -o-transition: all .5s ease 0s;
    transition: all .5s ease 0s;
}

/* ========================= SOCIAL LINKS ======================== */
#social {
	position:absolute;
	right:5px;
	top:1px;
   color:#00447c;
   font-size:14px;
   text-shadow:0 1px 0 rgba(255,255,255,0.9);
}
#social li {
   list-style: none;
	margin: 0 0 0 15px;
   padding: 0;
   float: right;
   white-space:nowrap;
}
#social li:last-child {
	margin: 0;
}

#social li img {
	margin-top: -3px;
}
#social li a, #social li a:visited {
	color: #00447c;
	font-size: 12px;
   font-weight:100;
}
#social li a:hover {
	color: #00ACFF;
}

.social-icon{
	width:28px;
	height:23px;
}
.social-icon.twitter{
	background: url(../images/social-icon-twitter.svg) 50% 100% no-repeat;
	background-size: 95% auto;
}.social-icon.twitter:hover{
	background: url(../images/social-icon-twitter-blue.svg) 50% 100% no-repeat;
	background-size: 95% auto;
}

.social-icon.facebook{
	background: url(../images/social-icon-facebook.svg) 50% 100% no-repeat;
}.social-icon.facebook:hover{
	background: url(../images/social-icon-facebook-blue.svg) 50% 100% no-repeat;
}

.social-icon.soundcloud{
	background: url(../images/social-icon-soundcloud.svg) 50% 100% no-repeat;
}.social-icon.soundcloud:hover{
	background: url(../images/social-icon-soundcloud-blue.svg) 50% 100% no-repeat;
}

.social-icon.youtube{
	background: url(../images/social-icon-youtube.svg) 50% 100% no-repeat;
}.social-icon.youtube:hover{
	background: url(../images/social-icon-youtube-blue.svg) 50% 100% no-repeat;
}

.social-icon.linkedin{
	background: url(../images/social-icon-linkedin.svg) 50% 100% no-repeat;
}.social-icon.linkedin:hover{
	background: url(../images/social-icon-linkedin-blue.svg) 50% 100% no-repeat;
}

 a:link img.social-icon {
	opacity:1;
}
 a:link img.social-icon:hover {
	opacity:.7;
}





/* ====================== MENUBAR ======================= */

ul.nav {
	display: inline;
	margin: 0;
	list-style: none;
	position: absolute;
	right:0;
	bottom:0;
	width:70%;
}
ul.nav li {
	font-family: 'Open Sans', sans-serif;
	color: #00447b;
	font-size: 17px;
	font-weight: 600;
	text-transform: uppercase;
	text-align: center;
	white-space:nowrap;
	display: inline-block;
	position: relative;
	padding: 7px 10px;
	width:20%;
	cursor: pointer;
	-webkit-transition: all 0.8s;
	-moz-transition: all 0.8s;
	-ms-transition: all 0.8s;
	-o-transition: all 0.8s;
	transition: all 0.8s;
}
ul.nav li>a {
	color: #00447b;
}
ul.nav li:hover >a {
	color: #FFF;
}
ul.nav li:hover, ul.nav li:active {
    background: #00447b;
    color: #fff;
}
ul.nav li ul  {
	padding: 0;
	position: absolute;
	top: 38px;
	left: 0;
	min-width: 230px;
	display: block;
	visibility: hidden;
	filter:alpha(opacity=0);
	opacity: 0;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
ul.nav li:hover>ul {
	visibility: visible;
	filter:alpha(opacity=100);
	opacity: 1;
}
ul.nav li:last-child ul {
  right: 0px;
  left:auto;
}

ul.nav li ul li {
	background: #00447b;
	color: #fff;
	display: block;
	float:left;
	text-align: left;
	white-space: normal;
	width: 230px;
	font-size: .93em;
	font-weight: 400;
	border-bottom:1px solid rgba(0,0,0,0.2);
}

ul.nav li ul li:hover { background:#01559a; }

ul.nav li ul li a { color: #FFF; width: 100%; display: block;}
ul.nav li ul li:hover >a { color: #d9ecfb;}


ul.nav li li ul , ul.nav li:first-child li ul { top:0; left: -9999px; 	-webkit-transition: all 0s ease; -moz-transition: all 0s ease; -ms-transition: all 0s ease; -o-transition: all 0s ease; transition: all 0s ease; }
ul.nav li li:hover ul { top:0; left: 225px; z-index: 2 }
ul.nav li:first-child li:hover ul { top:0; right: 200px; /*left:auto;*/ }

ul.nav .has-submenu>a {
	background: url(../images/sub-arrow.png) no-repeat right;
	padding-right:15px;
}



/* =============================== logo scroller =================================== */

.simply-scroll-container { 
	position: relative;
}
.simply-scroll-clip { 
	position: relative;
	overflow: hidden;
}
.simply-scroll-list { 
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}	
.simply-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}	
.simply-scroll-list li img {
	border: none;
	display: block;
}

/* Custom - adds to / overrides above .simply-scroll is default base class */
.simply-scroll { 
	max-width: 1366px;
	height: 140px;
	margin-top: 20px;
	margin-bottom: 1px;
}
.simply-scroll .simply-scroll-clip {
	max-width: 1366px;
	height: 140px;
}
.simply-scroll .simply-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 300px;
	height: 140px;
	text-align:center;
}
.simply-scroll .simply-scroll-list li img {
	text-align:center;
	margin:0 auto;
	max-height: 120px;
}

/* ===================== FADING LOGOS ===================== */

.slideshow { width: 100%; height: 100%; }
.slideshow div { width: 100%; height: 100%; }
.slideshow div img { margin: auto; display: block; border: none; }


/* ===================== FADING QUOTES ===================== */

.quote-box {
	/*background: url(../images/icon-quote.png) no-repeat;*/
	padding:30px;
}

.quotes { position:relative; list-style-type:none; margin:0 auto; padding:0; position: relative;
    list-style-type: none;
    margin: 0 auto 30px auto;
    padding: 0;
    min-height: 130px;
}
.quotes li { position:absolute; left:0; right:0; opacity:0; padding: 0;}
.quotes li:after { content:"";
	/* == quote triangle ==
	position:absolute;  display:block; width:0; height:0; bottom:-0.75em; left:2em;
	border-left:0.75em solid transparent;
	border-right:0.75em solid transparent;
	border-top:0.75em solid #ddd*/   
	}

.quotes .show { position:relative; -webkit-animation:quote 30s infinite; animation:quote 30s infinite } /* animation lasts 10 secs */

@-webkit-keyframes quote {
	0%   { opacity:0 }
	25%  { opacity:1 }
	75%  { opacity:1 }
	100% { opacity:0 }
	}

@keyframes quote {
	0%   { opacity:0 }
	25%  { opacity:1 }
	75%  { opacity:1 }
	100% { opacity:0 }
	}






/* ========================= SEARCH ============================ */
#search input[type="text"] {
	background: rgba(0,0,0,0.1) url(../images/search-dark.png) no-repeat 4px 6px;
    border: 0 none;
    font-size:12px;
    color: #666;
    width: 74px;
	margin:-3px 0 0 0;
    padding: 7px 5px 5px 25px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
	height: 24px;
    -webkit-transition: all 0.7s ease 0s;
    -moz-transition: all 0.7s ease 0s;
    -o-transition: all 0.7s ease 0s;
    transition: all 0.7s ease 0s;
    }

#search input[type="text"]:focus {
    width: 130px;
	color: #666;
	outline: 0;
    }


/* ---------------- BANNER ----------------- */
#banner {
	margin: 0;
	padding: 0;
	width:100%;
	max-height: 500px;
	background-color: #030406;
	overflow:hidden;
	top: 0;
	z-index: 1;
	position: relative;
}

#banner H2, #banner H3 {
	font-family: 'Open Sans', sans-serif;
	font-weight:600;
	font-size:110px;
	color:#FFF;
	line-height:1.0;
	text-shadow: 0 1px 7px rgba(0,0,0,0.7);
	letter-spacing:-3px;
	/*position:absolute;
	top:20%;
	right:10%;*/
}
#banner H3 {
	font-weight:400;
	font-size:50px;
	/*top: 36%;*/
	letter-spacing:-2px;
}
#banner .textwrapper {	
	position:absolute;
	padding:0 10% 0 0;
	top:20%;
	width:100%;
	text-align: right;
	z-index:4;
}

#banner .inner {
	padding-top:80px;
	margin: 0 auto;
	max-width:1366px;
}
#banner .inner h1, #banner .inner h2, #banner .inner h3, #banner .inner h4, #banner .inner h5, #banner .inner h6, #banner .inner p, #banner .inner a {
	color:#FFF;
	text-shadow: 0 1px 7px rgba(0,0,0,0.5);
}
#banner .inner p, #banner .inner a {
	font-size:1.15em;
}
#banner .inner a:hover {
	color:#DFECED;
}

.rslides .icon {
	background-image: url(../images/Elia-icon.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
    width: 900px;
    height: 900px;
    position: absolute;
    right: -250px;
    top: 30%;
    opacity: .5;
}

#banner .inner .teambox-paddingtop {
	padding-top: 130px;
}

/* ======================== SLIDER ========================== */

/*! http://responsiveslides.com v1.54 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  max-height: 700px;
	-webkit-transition: all 1s ease 0s;
	-moz-transition: all 1s ease 0s;
	-o-transition: all 1s ease 0s;
	transition: all 1s ease 0s;
}

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  /*height: 500px;*/
  left: 0;
  top: 0;
}

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
}

.rslides img {
	display: block;
	float: left;
	width: 102%;
	height: auto;
	border: 0;
	margin:-30px auto 0 auto;
	-webkit-transition: all 2s ease 0s;
	-moz-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
  }

#banner .callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 60%;
  left: -20px;
  opacity: 0.3;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  width: 20px;
  height: 30px;
  background: transparent url(../images/arrows-banner.png) no-repeat left top;
  margin-top: -45px;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

#banner .callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: -20px;
  }

#banner:hover .callbacks_nav {
  left: 10px;
  opacity: 0.5;
}
#banner:hover .callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 10px;
  opacity: 0.5;
}

#banner .callbacks_nav:hover, #banner .callbacks_nav:active, #banner .callbacks_nav.next:hover, #banner .callbacks_nav.next:active {
  opacity: 1.0;
  }


/* ============================== BODY ================================ */


.content {
	margin:0 auto;
	padding: 40px 20px;
	max-width: 1366px; 
	min-height:300px;
	z-index: 5;
} 

.content ul { 
	/*margin: 0;*/
	padding: 0 20px;
}
.content li {
	padding: 0 0 7px 0;
}

.content img {
	max-width:100%;
	height:auto;
}
.content p {
	margin-after:2em;	
}
.fullcontent {
	width:100%;
	overflow: auto;
}
.fullcontent.blue {
	background-color:#f7f9fb;
}
/* ============================= LINKS ============================ */
a:link {
	color: #006fca;
	text-decoration: none;
	-webkit-transition: color .1s ease-in-out;
	-moz-transition: color .1s ease-in-out;
	-o-transition: color .1s ease-in-out;
	transition: color .1s ease-in-out;
}
a:visited {
	color: #006fca;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #999999;
	text-decoration: none;
	outline:0;
}
a:link img {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
  border:0;
	padding:2px 0 0 0;
}
a:hover img,  a:focus img {
  opacity: 0.9;
  filter: alpha(opacity=97); /* For IE8 and earlier */
  border:0;
  outline:0;
	padding:0 0 2px 0;
}

a.anchor {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}


/* ============================= FOOTER ============================ */

#footer {
	background-color: #e6edf2;
	width: 100%;
	min-height: 500px;
	padding: 60px 0 80px 0;
	font-size: 13px;
	color: #555;
	line-height: 1.3;
	position: relative;
	overflow: hidden;
} 
#footer a:link, #footer a:visited {
	color: #555;
	text-decoration: none; 
	font-size: 13px;
	padding: 0;
}
#footer a:hover {
	color: #9F9F9F;
}
#footer ul {
	display: block;
	width: 19%;
	margin: 0 0 0 3%;
	padding: 0;
	float: right;
}
#footer ul ul {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	float:none;
	width:100%;
}

#footer li {
	margin: 0;
	padding: 5px 0;
	list-style: none;
}
#footer li li {
	margin: 0;
	padding: 0 0 3px 5px;
	list-style: none;
}
#footer .header, #footer a.header {
	margin: 5px 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif; 
	font-weight:600;
	font-size : 18px;
	color: #00447b;
}
#footer a.header:hover {
	color:#9F9F9F;
}



#footer .logo {
	background-image: url(../images/Elia-logo.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	width: 250px;
	height: 65px;
}

#footer .icon {
	background-image: url(../images/Elia-icon.svg);
	background-repeat:no-repeat;
	-webkit-background-size: 100% auto;
	-moz-background-size: 100% auto;
	-o-background-size: 100% auto;
	background-size: 100% auto;
	width: 1100px;
	height: 1100px;
	position:absolute;
	left:-70px;
	bottom:-480px;
	z-index:0;
	opacity: .07;
}


/* =============================== TEXT FORMATTING ============================== */
H1, H2, H3, H4, H5, H6 {
	margin: 10px 0;
	padding: 0;
	font-family: 'Open Sans', sans-serif; 
	font-weight:400;
	line-height:1.3;
}
h1, h1 a:link, h1 a:visited {
	font-size : 58px;
	color: #00447c;
	margin: 0 0 10px 0;
	letter-spacing: -2px;
}
h2, h2 a:link, h2 a:visited  {
	font-size : 48px;
	color: #00447c;
	letter-spacing: -1px;
}
h3, h3 a:link, h3 a:visited {
	font-size : 48px;
	color: #727272;
	letter-spacing: -1px;
}
h4, h4 a:link, h4 a:visited {
	font-size : 32px;
	color: #00447c;
}
h5, h5 a:link, h5 a:visited {
	font-size : 32px;
	color: #727272;
}
h6, h6  a:link, h6 a:visited {
	font-size : 18px;
	color: #00447c;
	margin: 0;
}


h1  a:hover, h2  a:hover, h3  a:hover, h4  a:hover, h5  a:hover, h6  a:hover {
	color: #007DBA;
}


hr {
	border: none 0;
	border-top: 1px dotted #769ab8;
	height: 1px;
	margin: 20px 0;
	width:100%;
	text-decoration: none;
}
hr.whiteline {
	border: none 0;
	border-top: 1px dotted #FFF;
	height: 1px;
	margin: 10px 0;
	padding: 0;
	width:100%;
	text-decoration: none;
}
hr.grey {
	border: none 0;
	border-top: 1px solid #e5e5e5;
	height: 1px;
	margin: 10px 0;
	padding: 0;
	width:100%;
	text-decoration: none;
}

.blue, .blue-text {
	color : #00447c;
}
.lightblue  {
	color : #4CD0FF;
}
.orange {
	color : #FF9900;
}
.green {
	color : #00447c;
}
.purple {
	color : #663399;
}
.red, a.red, a.red:visited {
	color : #CC0000;
}
a.red:hover {
	color : #00447c;
}
.white, a.white {
	color : #FFF;
}
.grey  {
	color : #777;
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
}
.lightgrey  {
	color : #ccc;
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
}
.small { font-size : 10px;}
.medium { font-size : 14px;}
.large { font-size : 18px;}
.extralarge, .xlarge { font-size : 24px;}
.extralarge, .xxlarge { font-size : 48px;}

.message-error {
	color:#C00;
	font-size:14px;
}

.center {
	text-align: center;
	margin-left:auto;
	margin-right:auto;
}

.clearfloat, .clearfix { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


/* ================================ VIDEO ======================= */

.video-container {
	position:relative;
	padding-bottom: 56.25%;
	overflow:hidden;
	min-height: 250px;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

/* =============================== BUTTON ================================ */

a.button, button.button, #footer a.button {
	border-radius: 7px;
	border:0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin: 20px 0;
	padding: 9px 20px;
	text-align: center;
	background-color: #00447c;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-transition: all 1.4s ease 0s;
	-moz-transition: all 1.4s ease 0s;
	-o-transition: all 1.4s ease 0s;
	transition: all 1.4s ease 0s;
}
#footer a.button {
	background-color: #626263;
}

a.button.grey {
	background-color: #ccc;
}
a.buttonsmall, button.buttonsmall   {
	border-radius: 3px;
	border:0;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 5px 0;
	padding: 3px 9px;
	text-align: center;
	background-color: #00447c;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-transition: all 1.4s ease 0s;
	-moz-transition: all 1.4s ease 0s;
	-o-transition: all 1.4s ease 0s;
	transition: all 1.4s ease 0s;
}

a.button:hover, a.button.grey:hover, a.buttonsmall:hover, button.button:hover, button.buttonsmall:hover, #footer a.button:hover {
	color: #fff;
	background: #769ab8;
	background-color: #769ab8;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}



/*RESET BUTTON*/

a.button-reset, button.button-reset {
	border-radius: 7px;
	border:0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin: 20px 0;
	padding: 9px 20px;
	    line-height: 1.35;
	text-align: center;
	background-color: #a50808;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-transition: all 1.4s ease 0s;
	-moz-transition: all 1.4s ease 0s;
	-o-transition: all 1.4s ease 0s;
	transition: all 1.4s ease 0s;
}

a.buttonsmall-reset, button.buttonsmall-reset   {
	border-radius: 5px;
	border:0;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 5px 0;
	padding: 3px 9px;
	text-align: center;
	background-color: #a50808;
	text-shadow: 0 1px 1px rgba(0,0,0,0.2);
	-webkit-transition: all 1.4s ease 0s;
	-moz-transition: all 1.4s ease 0s;
	-o-transition: all 1.4s ease 0s;
	transition: all 1.4s ease 0s;
}

a.button-reset:hover, a.buttonsmall-reset:hover, button.button-reset:hover, button.buttonsmall-reset:hover {
	color: #fff;
	background: #bf4e4e;
	background-color: #bf4e4e;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}

/* ===================================== NAV =====================================*/

nav#navbar {
	display: inline-block;
	width: 258px;
}
nav#navbar * {
	list-style-type: none;
}
nav#navbar ul li {
	display: block;
	height: auto;
	width: inherit;
	overflow: hidden;
	/* background: #cad5e1; */
	border-bottom: solid 1px #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	text-shadow: 0px 1px 1px #fff;
}
nav#navbar ul li:last-child {
	border-bottom: none;
}
nav#navbar ul li a, nav#navbar ul li a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #216093;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	padding: 10px;
	line-height: 1.5;
}
nav#navbar ul li.has-submenu {
	background: url(../images/sub-arrow.png) right 15px no-repeat !important;
}
nav#navbar ul li a:hover {
	color: #00447c;
}
nav#navbar ul li ul {
	display: none;
	margin-left: -12px;
	/*margin-right: -12px;*/
	background: url(../images/shadow.png) repeat-x #e3e3e3;
}
nav#navbar ul li.active>ul {
    display: block;
}
nav#navbar ul li ul li {
	border-bottom: solid 1px #ccc;
	border-left: none;
	background: none;
	padding-left: 19px;
	font-size: 13px;
}
nav#navbar ul li ul li:first-child {
	background: url(../images/arrow.png) 20px 0px no-repeat;
}
nav#navbar ul li ul li:last-child {
	background: url(../images/shadow2.png) repeat-x bottom;
}
nav#navbar ul li ul li a, nav#navbar ul li ul li a:visited {
	text-shadow: #FFF 0px 1px 1px;
}
nav#navbar ul li ul li a:hover {
	color: #00447c;
}
nav#navbar ul li:hover ul {
	/*display: block;*/
}
nav#navbar ul li.active > a { color: #00447c; }


/* ====================== FANCY TABLE ======================== */

table {
    /*border-collapse: collapse;
    margin-bottom: 3em;*/
    width: 100%;
    /*background: #fff;*/
}
table td, table th, .fancy td, .fancy th {
    padding: 0.65em .75em;
}
.fancy td.err {
	background-color: #3e688b;
	color: #fff;
	font-size: 0.75em;
	text-align: center;
	line-height: 1;
	}
table th, .fancy th {
	background-color: #3e698c;
	font-weight: 700;
	color: #FFF;
}

.fancy th a, .fancy th a:visited {
	color: #fff;
}
.fancy th a:hover, .fancy th a:active {
	color: #CFF;
}
/*.fancytable tbody th {
	background-color: #336699;
}*/
.fancy tr:nth-child(odd) {
    background-color: #f7f7f7;
}
.fancy tr:nth-child(even) {
    background-color: #fafafa;
}
 /*
table tr {
   background-color: #f7f7f7;
}

tbr:nth-ody tchild(2n-1) {
    background-color: #f2f2f2;
    transition: all .125s ease-in-out;
}
*/
.fancy tbody tr {
	border-bottom:1px dotted #ccc; /* added by K-J */
	background: rgba(235,245,251,0.2);
}
.fancy tbody tr:hover {
	background: rgba(235,245,251,0.8);
}
.fancy.no-hover tbody tr:hover {
  background-color: inherit;
}


.fancy.simple tr:nth-child(odd) {
    background-color: #fff;
}
.fancy.simple tr:nth-child(even) {
    background-color: #fff;
}
.fancy.simple tbody tr {
	border-bottom:0;
	background: rgba(235,245,251,0.1);
}
.fancy.simple tbody tr:hover {
	background: rgba(235,245,251,0.5);
}



.fancy p, table p { margin-top:0;}
/*.fancy, table { font-size : 12px;}*/
.fancy.small, table .small { font-size : 10px;}
.fancy.tiny, table .tiny { font-size : 9px;}

.fancy.center td {text-align: center;}


/* ====================== SHOW HIDE ========================= */

.expandicon {
	padding: 5px;
	float: right;
	margin: -25px 0 0 0;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	background-color: #999999;
	border-radius: 3px;
}
.expandiconfull {
	padding:0;
	margin:0;
	height:41px;
	color: #069;
	font-size: 14px;
	text-align: center;
	background: #ebebeb url(../images/expand-arrow.gif) center bottom no-repeat;
}
.expandicon:hover {
	background-color: #3e698c;
}

.expand-title {
	cursor: pointer;
}
.expand-area {
	padding: 3px;
	background-color:#fcfcfc;
	background-image: -webkit-linear-gradient(rgba( 255, 255, 255, 1), rgba( 252, 252, 252, 1));
	background-image: linear-gradient(rgba( 255, 255, 255, 1),rgba( 252, 252, 252, 1));
}

/* ======================= Go To Top ====================== */
.go-top {
	position: fixed;
	bottom: 1.5em;
	right: 1em;
	width:32px;
	height:32px;
	text-decoration: none;
	color: #FFF;
	background: rgba(0, 0, 0, 0.3) url(../images/arrow-up-white.svg) 50% 50% no-repeat;
	background-size: 50%;
	font-size: 32px;
	padding: 6px 0 0 9px;
	line-height: 1;
	display: none;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}
a.go-top {
	color: #FFF;
}

.go-top:hover {
	background-color: rgba(0, 0, 0, 0.6);
}

/* ====================== STICKY ====================*/

.rslides.pre-sticky img {
	width:100%;
	margin:-60px auto 0 auto;
	-webkit-transition: all 2s ease 0s;
	-moz-transition: all 2s ease 0s;
	-o-transition: all 2s ease 0s;
	transition: all 2s ease 0s;
}

#header .inner.top.sticky {
	height:75px; /*shorter than original */
	    padding: 0px 20px;
	-webkit-transition: all 0.4s ease 0s;
	-moz-transition: all 0.4s ease 0s;
	-o-transition: all 0.4s ease 0s;
	transition: all 0.4s ease 0s;
}
#logo.sticky {
	width: 250px;
	height:65px;
	top:5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}
#social.sticky {
	top:-5px;
	-webkit-transition: all 0.3s ease 0s;
	-moz-transition: all 0.3s ease 0s;
	-o-transition: all 0.3s ease 0s;
	transition: all 0.3s ease 0s;
}

.rslides.sticky {
	opacity:.2;
	-webkit-transition: all 3s ease 0s;
	-moz-transition: all 3s ease 0s;
	-o-transition: all 3s ease 0s;
	transition: all 3s ease 0s;
}

/* ----------------- CIRCLES ---------------------- */
.circle-200 {
	width: 200px;
	height: 200px;
	/*border:4px solid #099;*/
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
    -ms-border-radius: 100px;
	 -o-border-radius: 100px;
	border-radius: 100px;
	background-size: cover;
}
.circle-150 {
	width: 150px;
	height: 150px;
	overflow:hidden;
	/*border:3px solid #09C;*/
	-webkit-border-radius: 75px;
	-moz-border-radius: 75px;
    -ms-border-radius: 75px;
	 -o-border-radius: 75px;
	border-radius: 75px;
	background-size: cover;
}
.circle-200 img, .circle-150 img {
	width: 100%;
	height: auto;
}
.fltleft {
	float:left;
	margin:0 20px 20px 0;
}
.fltright {
	float:right;
	margin:0 0 20px 20px;
}


/* =============================== Parallax Pic ============================= */

.parallax {
  width:100%;
  min-height: 520px;
  margin:0;
  padding:150px 0;
  overflow:auto;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-attachment: fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
.parallax h1, .parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6, .parallax p, .parallax {
	color:#FFF;
   text-shadow: 0 2px 7px rgba(0,0,0,.9);
	line-height:1.3;
	letter-spacing: -2px;
}
.parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 { 
	font-size: 4em;
}
.parallax p, .parallax {
	font-size:18px;
}

.parallax .grey {
	color:#666;
	text-shadow: 0 -1px 1px rgba(255,255,255,0.9);
}

.parallax-flyer {
  background-image: url("../images/flyer-image.jpg");
}


/* ====================== BOXES ========================= */

.box-1, .box-1-3, .box-1-2, .box-2-3, .box-1-4 { float:left; margin-top: 5px; margin-bottom: 15px; margin-left:1%; margin-right:1%; padding:10px; position:relative; overflow: auto;}

.box-1 { width: 100%; margin-left:0; margin-right:0; display:block; clear:both; } 

.box-1-3 { width: 31.3%; float:left;}
.box-1-3.nomargin { width: 32.9%; float:left; }

.box-1-2 { width: 48%; float:left; }
.box-1-2.nomargin { width: 49.8%; float:left; }

.box-2-3 { width: 64.7%; float:left; } 
.box-2-3.nomargin { width: 66.9%; float:left; } 

.box-1-4 { width: 23%; float:left; } 

.l { margin-left:0; }
.r { margin-right:0; }

.floatleft {float:left}
.floatright {float:right}

.nomargin { margin:0;}
.nopadding { padding:0;}

.border { border: 1px solid #ccc; }

.box-1 h4, .box-1 h5, .box-1-3 h2, .box-1-3 h3, .box-1-3 h4, .box-1-3 h5, 
.box-1-2 h2, .box-1-2 h3, .box-1-2 h4, .box-1-2 h5, .box-2-3 h4, .box-2-3 h5, 
.box-1-3 h2, .box-1-3 h3, .box-1-3 h4, .box-1-3 h5,
.box-1-4 h2, .box-1-4 h3, .box-1-4 h4, .box-1-4 h5 { line-height:1.0; margin-top:10px; }

.box-1 p, .box-1 p, .box-1-3 p, .box-1-3 p, .box-1-2 p { margin:0; padding:4px 0; }

.box-1 img, .box-1-3 img, .box-1-2 img, .box-2-3 img, .box-1-4 img {max-width: 100%; height: auto !important;}

.whitebox {
	background: #FFF;
	border:1px solid #f2f2f2;
}
.greybox {
	background-color: #efefef;
	border:1px solid #f3f3f3;
}
.shadow {
	-webkit-box-shadow: 0px 1px 7px rgba(0,0,0,0.14);
	-moz-box-shadow:    0px 1px 7px rgba(0,0,0,0.14);
	box-shadow:         0px 1px 7px rgba(0,0,0,0.14);
	border:1px solid #f2f2f2;
}
.boxbackground {
	background: url(../images/boxbackground.png);
	border:1px solid #F2F2F2;
}


.hotbox {
	padding: 20px 0 0 0;
	font-weight:400;
	color:#999;
	font-size:16px;
	line-height:1.3;
	text-align:center;
}
.hotbox h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:24px;
	font-weight:400;
	color:#333;
}
.hotbox:hover {
	color:#333;
}
.hotbox img {
    transition: all 0.3s ease-in-out 0s;
}
.hotbox:hover img {
    transform: rotate(5deg);
    transition: all 0.3s ease-in-out 0s;
}
.hotbox a, .hotbox p {
	margin:0;
	padding:0;
}
.hotbox .button {
	border-radius: 7px;
	border:1px solid #ccc;
	color: #00447b;
	display: inline-block;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 5px 9px;
	text-align: center;
	background-color: #fefefe;
}
.hotbox .button:hover {
	border-radius: 7px;
	border:1px solid #ccc;
	color: #00447b;
	display: inline-block;
	font-size: 12px;
	margin: 10px 0 0 0;
	padding: 5px 9px;
	text-align: center;
	background-color: #eee;
}

.speakerbox {
	background-color: #efefef;
	border:1px solid #f3f3f3;
	text-align: center;
	padding-bottom: 50px;
}

.boxbar {
	width: 100%;
	margin: 30px 0 0 0;
	padding: 7px 0 10px 0;
	background-color: #DCDCDC;
	color: #069;
	font-size: 16px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	transition: all .75s ease-out;
}
.boxbar a:link, .boxbar a:visited {
	color:#069;
}
.boxbar:hover a, .boxbar:hover {
	color:#FFF;
}
.boxbar:hover {
	background-color: rgba(0,102,153,1);
	color: #FFF;
	transition: all 0.25s ease-out;
}

.logobox {
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.15);
	-moz-box-shadow:    0px 0px 7px rgba(0,0,0,0.15);
	box-shadow:         0px 0px 7px rgba(0,0,0,0.15);
	border:1px solid #eaeaea;
	padding: 0;
	height:200px;
	text-align: center;
	display:table-cell;
	vertical-align:middle;
	position: relative;
	min-height: 100px;
}
.logobox:hover {
	-webkit-box-shadow: 0px -1px 11px rgba(0,0,0,0.23);
	-moz-box-shadow:    0px -1px 11px rgba(0,0,0,0.23);
	box-shadow:         0px -1px 11px rgba(0,0,0,0.23);
}
.logobox img { max-width: 90%; height:auto;  max-height: 72%; position: absolute;  
    top: 0;  
    bottom: 0;  
    left: 0;  
    right: 0;  
    margin: auto;
}


.control-group  { display: flex;}
.control-group .controls { flex: 1; }
.control-group .controls input, .control-group .controls textarea { flex: 1;}

.height100, .height-100 { height:100px; overflow:hidden }
.height150, .height-150 { height:150px; overflow:hidden }
.height180, .height-180 { height:180px; overflow:hidden }
.height200, .height-200 { height:200px; overflow:hidden }
.height225, .height-225 { height:225px; overflow:hidden }
.height250, .height-250 { height:250px; overflow:hidden }
.height275, .height-275 { height:275px; overflow:hidden }
.height300, .height-300 { height:300px; overflow:hidden }
.height350, .height-350 { height:350px; overflow:hidden }
.height400, .height-400 { height:400px; overflow:hidden }
.height450, .height-450 { height:450px; overflow:hidden }
.height500, .height-500 { height:500px; overflow:hidden }
.height550, .height-550 { height:550px; overflow:hidden }
.height600, .height-600 { height:600px; overflow:hidden }
.height700, .height-700 { height:700px; overflow:hidden }




/* =================== Flex container ================= */
.flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;  /* create a flex layout context */
	padding: 0;
	margin: 0;
	list-style: none;
	-webkit-flex-flow: row wrap;
	justify-content: center;
	flex-wrap: wrap;
}

.flex-item {
	align-items:stretch;
	min-width:180px;
}


/* ================== END  Flex container =============== */



.calendar h4 {margin: -20px 0 0px 0;}

/* :::::::::::::::::::::::::::::::::::::::::: DATE as CALENDAR ::::::::::::::::::::::::::::::: */

.date-as-calendar {
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  font-family: "Helvetica", "Arial", sans-serif;

  /* It seems vertical-align: baseline does not work correctly with display: inline-flex. */
  vertical-align: top;

  /* margin: 1ex; */

  color: #333;
  background: white;
  background : linear-gradient(to bottom right, #FFF 0%, #EEE 100%);

  border: 1px solid #fefefe;
  border-radius: 5px;
  overflow: hidden;

  /*box-shadow: 2px 2px 2px -2px black;*/
	
	float:left;
	margin:-2px 20px 0 0;
	clear: both;
}
.date-as-calendar .weekday,
.date-as-calendar .day,
.date-as-calendar .month,
.date-as-calendar .year {
  text-align: center;
  line-height: 1.0;
}
.date-as-calendar .month {
	font-family: "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	background-color: #00679F;
	color: #FFFFFF;
}
.date-as-calendar .year {
	font-family: "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	color: #00679F;
}


/*  :::: CALENDAR ::::  Layout rules using position: absolute and pixels. */
.position-pixels.date-as-calendar {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.position-pixels.date-as-calendar .weekday,
.position-pixels.date-as-calendar .day,
.position-pixels.date-as-calendar .month,
.position-pixels.date-as-calendar .year {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.position-pixels.date-as-calendar .month {
  top: 0px;
  font-size: 12px;
  padding: 2px 0;
}
.position-pixels.date-as-calendar .weekday {
  top: 16px;
  font-size: 10px;
}
.position-pixels.date-as-calendar .day {
  top: 26px;
  font-size: 24px;
}
.position-pixels.date-as-calendar .year {
  top: 50px;
  font-size: 14px;
}

/*  :::: CALENDAR ::::  Layout rules using position: absolute and relative dimensions using em. */
.position-em.date-as-calendar {
  display: inline-block;
  position: relative;
  
  width: 4.2em; 
  height: 4em; 
}
.position-em.date-as-calendar .weekday,
.position-em.date-as-calendar .day,
.position-em.date-as-calendar .month,
.position-em.date-as-calendar .year {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  width: 100%;
  height: 1em;
}
.position-em.date-as-calendar .month {
  top: 0px;
  font-size: 0.65em;
  padding: 0.3em 0 1em 0;
}
.position-em.date-as-calendar .weekday {
  top: 1.6em;
  font-size: 0.6125em;
}
.position-em.date-as-calendar .day {
  top: 1.1em;
  font-size: 1.5em;
 font-weight:700;
}
.position-em.date-as-calendar .year {
  bottom: 0px;
  font-size: 0.87750em;
}

/* :::: CALENDAR :::: Multiple sizes. */
.date-as-calendar.size0_5x {
  font-size: 8px;
}
.date-as-calendar.size0_75x {
  font-size: 12px;
margin: 5px 20px 5px 0;
}
.date-as-calendar.size1x {
  font-size: 16px;
}
.date-as-calendar.size1_25x {
  font-size: 20px;
}
.date-as-calendar.size1_5x {
  font-size: 24px;
}


/* ======================== LOGIN FORMS ======================== */
.login {
  border-radius: 2px 2px 5px 5px;
  margin:20px auto;
  padding: 10px 20px 20px 20px;
  width: 90%;
  max-width: 640px;
  background: #f2f2f2;
  position: relative;
  padding-bottom: 80px;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.3);
}
.login.loading button {
  max-height: 100%;
  padding-top: 50px;
}
.login.loading button .spinner {
  opacity: 1;
  top: 40%;
}
.login.ok button {
  background-color: #8bc34a;
}
.login.ok button .spinner {
  border-radius: 0;
  border-top-color: transparent;
  border-right-color: transparent;
  height: 20px;
  animation: none;
  transform: rotateZ(-45deg);
}
.login input {
  display: block;
  padding: 15px 10px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ddd;
  transition: border-width 0.2s ease;
  border-radius: 2px;
  color: #ccc;
}
.login input + i.login-icon {
  color: #fff;
  position: absolute;
  margin-top: -47px;
  opacity: 0;
  left: 0;
  transition: all 0.1s ease-in;
}
.login input:focus {
  outline: none;
  color: #444;
  border-color: rgba(0, 85, 165, 0.85);
  border-left-width: 35px;
}
.login input:focus + i.login-icon {
  opacity: 1;
  left: 23px;
  transition: all 0.25s ease-out;
}
.login a {
  font-size: 0.9em;
  color: rgba(20, 80, 244, 0.85);
  text-decoration: none;
}
.login a:hover {
  color: rgba(20, 180, 255, 0.95);
}
.login .title {
  color: #444;
  font-size: 1.2em;
  font-weight: bold;
  margin: 10px 0 20px 0;
  border-bottom: 1px solid #ddd;
  padding-bottom: 10px;
}
.login button {
  width: 100%;
  height: 100%;
  padding: 10px 10px;
  background: rgba(0, 85, 165, 0.85);
  color: #fff;
  display: block;
  margin-top: 20px;
  position: absolute;
  left: 0;
  bottom: 0;
  max-height: 60px;
  border: 0px solid rgba(0, 0, 0, 0.1);
  border-radius: 0 0 2px 2px;
  transform: rotateZ(0deg);
  transition: all 0.1s ease-out;
  border-bottom-width: 7px;
	font-size: 132%;
}
.login button .spinner {
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  border: 4px solid #ffffff;
  border-top-color: rgba(255, 255, 255, 0.3);
  border-radius: 100%;
  left: 50%;
  top: 0;
  opacity: 0;
  margin-left: -20px;
  margin-top: -20px;
  animation: spinner 0.6s infinite linear;
  transition: top 0.3s 0.3s ease, opacity 0.3s 0.3s ease, border-radius 0.3s ease;
  box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2);
}
.login:not(.loading) button:hover {
  box-shadow: 0px 1px 3px rgba(61, 102, 150, 0.85);
}
.login:not(.loading) button:focus {
  border-bottom-width: 4px;
}
.login-icon.user {
	background: url(../images/login-icon-user.svg);
	width:28px;
	height:28px;
}
.login-icon.key {	
	background: url(../images/login-icon-key.svg);
	width:28px;
	height:28px;
}

::-webkit-input-placeholder { /* Chrome, Safari */
   color: #bbb;
   font-size: 14px;
}

:-moz-placeholder {           /* Firefox 18- */
   color: #bbb;
   font-size: 14px;
}

::-moz-placeholder {          /* Firefox 19+ */
  color: #bbb;
  font-size: 14px;
}

:-ms-input-placeholder {      /* Internet Explorer */
  color: #bbb;
  font-size: 14px;
}

/* ================== ICON EFFECT ==================== */
.iconeffect {
  background: none;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  transition: all 1s;
}
.iconeffect:hover {
	-webkit-transform: scale(1.02) rotate(1deg);
  -moz-transform: scale(1.02) rotate(1deg);
  -ms-transform: scale(1.02) rotate(1deg);
  transform: scale(1.02) rotate(1deg);
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
}

img.iconeffect {
  filter: none;
  -webkit-filter: grayscale(0%);
}
img.iconeffect:hover {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 3.5+ */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
}


ul #awesomebar, #awesomeshare {
	width: 100%;
    min-width: 100% !important;
}


/* ============================= BURGER ============================ */

.nav-icon {
  display: block;
  /*position: absolute;
	  top: 50px;
  left: 40px;*/
  width: 30px;
  height: 25px;

  cursor: pointer;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
	z-index: 1;
}
.nav-icon.open .burger {
  background: none;
}
.nav-icon.open .burger:before, .nav-icon.open .burger:after {
  top: 0;
}
.nav-icon.open .burger:before {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav-icon.open .burger:after {
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.nav-icon:hover:not(.open) .burger:before {
  top: -11px;
}
.nav-icon:hover:not(.open) .burger:after {
  top: 11px;
}

.burger, .burger:before, .burger:after {
  width: 25px;
  height: 4px;
	left:0;
  background: rgba(255,255,255,0.9);
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.burger {
  position: relative;
  margin: 11px auto 0;
}
.burger:before, .burger:after {
  content: "";
  position: absolute;
}
.burger:before {
  top: -9px;
}
.burger:after {
  top: 9px;
}


/* ========  News Feed text ========== */
.blog-post-container {
    font-size: 15px;
    line-height: 1.3;
}



/* ================================================================= 
::::::::::::::::::::::: Responsive settings  :::::::::::::::::::::::
================================================================== */


@media screen and (max-width: 1366px) {
	.inner {
		padding:0 20px;	
	}
	.content {
		padding:40px 30px;	
	}
	
	.fr-nav ul.nav li {
		font-size: 14px;
	}
	ul.nav li ul {
	  top: 36px;
	}
	/*.box-1-3 h4, .box-1-3 h5,
	.box-1-4 h4, .box-1-4 h5, .box-1-4 h5 a:link
	{ font-size: 1.6em; }*/

}
@media screen and (max-width: 1366px) {
	ul.nav li {
		font-size: 15px;
	}
}
@media screen and (max-width: 960px) {
	#logo {
		top:2px;
		left:5px;
		width: 246px;
		height: 72px;
	}
	#social {
		right:5px;
	}
	#social li {
		margin: 0 0 0 10px;
	}
	#social li a, #social li a:visited {
		font-size: 16px;
	}
	#header .inner.top {
		height:76px;
	}	
	/*#banner {
		max-height:400px;
	}*/
	#banner .textwrapper {
		padding: 0 7% 0 0;
	}
	#banner H2 {
		font-size:6.5em;
	}
	#banner H3 {
		font-size:4em;
	}
	h1, h2, h3 {font-size:2.2em;}
	
	.box-1-3 h4, .box-1-3 h5,
	.box-1-4 h4, .box-1-4 h5, .box-1-4 h5 a:link
	{ font-size: 1.7em; }
	.parallax {
		min-height: 400px;
	}
	.parallax .content {
		min-height: inherit;
	}
}
@media screen and (max-width: 850px) {
	ul.nav li {
		padding:6px 1px;
	}
	ul.nav .has-submenu>a {
		background:none;
		padding-right:0;
	}
	ul.nav li ul {
		padding: 0;
		position: absolute;
		top: 34px;
	}
	#banner {
		/*max-height:300px;*/
	}
	#banner .inner .teambox-paddingtop {
		padding-top: 70px;
	}
}
@media screen and (max-width: 770px) {
	ul.nav li {
		font-size: 13px;
	}
	.fr-nav ul.nav li {
		font-size: 12px;
	}
}
@media screen and (min-width: 670px) {
	#menubar {
		display: none;
	}
	.mobile {
		display:none;	
	}
}
@media screen and (max-width: 670px) {
	body {
		font: 12px Verdana, Arial, Geneva, sans-serif;
		line-height: 1.3;
	}
	.mobile {
		display: block;	
	}
	.desktop, .callbacks_nav {
		display:none;	
	}

	.content {
		margin:0;
		padding: 15px 10px;
	}
	.logo {
		margin: 50px 5px 5px 5px;
	}
	#footer {min-height: 200px;  padding: 20px 0;}
	
	H1 {font-size : 28px; letter-spacing: 0;}
	H2, H3 {font-size : 22px; letter-spacing: 0;}
	H4, H5 {font-size : 18px;}
	H6 {font-size : 14px;}
	
	.small { font-size : 9px;}
	.medium { font-size : 13px;}
	.large { font-size : 15px;}
	.extralarge { font-size : 18px;}

	.parallax h2, .parallax h3, .parallax h4, .parallax h5, .parallax h6 {
		font-size: 2em;
	}
	.parallax {
		min-height: 200px;
		-webkit-background-size: auto 100%;
		-moz-background-size: auto 100%;
		-o-background-size: auto 100%;
		background-size: auto 100%;
	}
	
	#banner {
		max-height: none;
	}
	#banner .textwrapper {
		padding: 0 3% 0 0;
	}
	#banner H2 {
		font-size:4.5em;
	}
	#banner H3 {
		font-size:3em;
	}
	#banner .inner {
		padding-top:30px;
	}
	#banner .inner .teambox-paddingtop {
		padding-top: 10px;
	}
	#banner .inner .box-1-2 img {
		max-width: 60%;
	}
	
	.box-1, .box-1-3, .box-1-2, .box-2-3, .box-1-4 { margin-top: 5px; margin-bottom: 5px; margin-left:1%; margin-right:1%; padding:10px 5px; position: relative;}
	.box-1-3 { width: 98%;} 
	.box-1-2 { width: 98%; }
	.box-2-3 { width: 98%; } 
	.box-1-4 { width: 48%; } 
	.box-1 img, .box-1-3 img, .box-1-2 img, .box-2-3 img, .box-1-4 img { max-width:99%; height:auto;}

	.box-1 h4, .box-1 h5,
	.box-1-2 h4, .box-1-2 h5, 
	.box-2-3 h4, .box-2-3 h5, 
	.box-1-3 h4, .box-1-3 h5,
	.box-1-4 h4, .box-1-4 h5, .box-1-4 h5 a:link
	{ font-size: 1.6em; }

	.box-1 h2, .box-1 h3,
	.box-1-2 h2, .box-1-2 h3, 
	.box-2-3 h2, .box-2-3 h3, 
	.box-1-3 h2, .box-1-3 h3,
	.box-1-4 h2, .box-1-4 h3
	{ font-size: 1.8em; }
	
	.width-50 { width: 48% !important; }
	.width-100 { width: 98% !important; }

	a.button.special {
		height: 90px;
		font-size: 13px;
	}	

	.height100, .height-100, .height150, .height-150, .height180, .height-180, .height200, .height-200, .height225, .height-225, .height250, .height-250, .height275, .height-275, .height300, .height-300, .height350, .height-350, .height400, .height-400, .height-450,.height500, .height-500,.height550, .height-550, .height600, .height-600, .height700, .height-700, .height800, .height-800 { height: auto; }

	table td, table th, .fancy td, .fancy th { padding: 0.125em; }
	.fancy, table { font-size : 10px;}
	.fancy.small, table .small { font-size : 9px;}
	.fancy.tiny, table .tiny { font-size : 8px;}
	
	.go-top {
		font-size: 16px;
		padding: 10px 0 0 9px;
	}
	
}
/* ||||||||||| END 670  |||||||||||| */


/* ||||||||||||| MOBILE MENUBAR START ||||||||||||| */
	#menubar {
	padding: 0;
	width: 100%;
	height: 41px;
	background: rgba(0,68,124,0.8);
	position: fixed;
	top: 0;
	z-index: 1000;
	box-shadow: 0 1px 7px rgba(0,0,0,0.4);
	}

	#menubar ul {
		margin: 0 auto;
		padding: 0;
		display: inline-block;
	}
	#menubar li {
		list-style: none;
		display: block;
		padding: 12px 9px;
		float: left;
		white-space:nowrap;
	}
	#menubar li:first-child {
		padding-left:0;
	}
	#menubar li:last-child {
		padding-right:0;
	}
	#menubar li a {
		padding: 10px 10px 0 0;
		color: #FFF;
		font: 16px Verdana, Arial, sans-serif;
		text-decoration: none;
	}
	#menubar li a:hover {
		color: #c1c1c1;
	}
	#menubar li a:active {
		color: #A9E6FF;
	}
	.menucontainer {
		text-align: center;
		margin: 0 auto;
	}
/* ||||||||||||| MOBILE MENUBAR END ||||||||||||| */

/* ===================================== MOBILE NAV =====================================*/

	#menuhead {
		display: block;
		width: 97%;
		margin:0 auto;
		padding: 10px;
		background-color: #00447b;
		color:#FFF;
		font-size:14px;
		text-align:left;
		min-width:300px;
	}
	
	nav#mobilenav {
		display: inline-block;
		width: 97%;
		margin:0 auto;
		text-align: left;
		min-width:300px;
	}
	nav#mobilenav * {
		list-style-type: none;
		margin:0;
		padding:0;
	}
	nav#mobilenav ul li {
		display: block;
		min-height: 32px;
		line-height: 32px;
		height: auto;
		width: inherit;
		overflow: hidden;
		background-color: #00447b;
		border-bottom: 1px solid rgba(255,255,255,0.2);
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
	}
	nav#mobilenav ul li:last-child {
		border-bottom: none;
	}
	nav#mobilenav ul li a, #mobilenav ul li a:visited {
		text-decoration: none;
		text-transform: uppercase;
		color: #FFF;
		display: block;
		padding-left: 12px;
		padding-right: 12px;
	}
	nav#mobilenav ul li.has-submenu {
		background: url(../images/sub-arrow.png) 280px 10px no-repeat;
	}
	
	nav#mobilenav ul li>a:hover {
		color: #c1c1c1;
	}
	nav#mobilenav ul li ul {
		display: none;
		margin-left: -12px;
		margin-right: -12px;
		background: rgba(0,0,0,0.2) /*url(../images/shadow.png) repeat-x*/;
		-webkit-box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.8),  inset 0 -10px 10px -10px rgba(0,0,0,0.8);
		-moz-box-shadow:    inset 0 10px 10px -10px rgba(0,0,0,0.8),  inset 0 -10px 10px -10px rgba(0,0,0,0.8);
		box-shadow:         inset 0 10px 10px -10px rgba(0,0,0,0.8),  inset 0 -10px 10px -10px rgba(0,0,0,0.8);
	}
	nav#mobilenav ul li.active>ul {
		display: block;
	}
	nav#mobilenav ul li ul li {
		border-bottom: solid 1px rgba(255,255,255,0.2);
		border-left: none;
		background: none;
		padding-left: 20px;
		font-size: 12px;
	}
	nav#mobilenav ul li ul li:first-child {
		-webkit-box-shadow: inset 0px 3px 11px rgba(0,0,0,0.5);
		-moz-box-shadow: 	inset 0px 3px 11px rgba(0,0,0,0.5);
		box-shadow: 		inset 0px 3px 11px rgba(0,0,0,0.5);
	}
	nav#mobilenav ul li ul li:last-child {
		-webkit-box-shadow: inset 0px -3px 11px rgba(0,0,0,0.5);
		-moz-box-shadow: 	inset 0px -3px 11px rgba(0,0,0,0.5);
		box-shadow: 		inset 0px -3px 11px rgba(0,0,0,0.5);
	}
	nav#mobilenav ul li ul li a:hover {
	color: #c1c1c1;
	}
	nav#mobilenav ul li:hover ul {
		/*display: block;*/
	}


	/* Article Styles */
	.article-input { 
		width: 80%;
		font-size:16px; 
		background-color: #ffffff !important;
	}

	.article-input-date { 
		width: 150px;
		font-size:16px; 
		background-color: #ffffff !important;
	}

	.article-input-dropdown { 
		width: 95%;
		font-size:16px; 
		background-color: #ffffff !important;
	}

	#pagination li          { border:0; margin:0; padding:0; font-size:11px; list-style:none; /* savers */ float:left; }
	#pagination a           {
		border:1px solid #CCC;
		margin-right:2px;
		color: #00769D;
	}
	#pagination .previous-off,
	#pagination .next-off   {
		border:solid 1px #DEDEDE;
		color:#888888;
		display:block;
		float:left;
		font-weight:bold;
		margin-right:2px;
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
	}
	#pagination .next a,
	#pagination .previous a { font-weight:bold; }
	#pagination .active     {
		color:#FFFFFF;
		font-weight:bold;
		display:block;
		float:left; /* savers */
		margin-right:2px;
		background-color: #00769D;
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
	}
	#pagination a:link,
	#pagination a:visited   {
		color:#00769D;
		display:block;
		float:left;
		text-decoration:none;
		padding-top: 6px;
		padding-right: 8px;
		padding-bottom: 6px;
		padding-left: 8px;
	}
	#pagination a:hover     { border:1px solid #00769D;}


/* :::::::::::::::: PRINT CONTROL SETTINGS ::::::::::::::::::::::::  */
@media print {
	#header, #footer, .nav, nav, #banner, #mobilenav, #menubar, .go-top {
	  display: none !important;
	}
	.noprint {
	  display: none !important;
	}
}