/* Marketing Message
----------------------------------------- */
.marketing { position: relative; }
#flex-bground, #swoosh { display: none; }
.flexslider { overflow: hidden; max-width: 1400px; margin: 0 auto; }
.slides li { display: none; padding: 250px 0 0; }
.slides li .text { padding: 2em 0 4em; background: rgb(0,0,0); background: rgba(0,0,0,.65); background-blend-mode: multiply; }
.slides li h2 { color: #FFF; font-size: 40px; margin: 0 0 10px; }
.slides li p { color: #FFF; font-size: 18px; }
.slides li { padding: 20% 0 0; box-shadow: 10px 10px 10px rgba(0,0,0,.5); }
.slides li .text { padding: 3em 0; }
.slides li .container { position: relative; }
.mk-text { position: relative; top: 0; left: 0; background: rgba(0,30,69,.9); padding: 2em; bottom: 0; width: 100%; }
.mk-text h2 { font-size: 45px; font-weight: 900; text-transform: uppercase; }
.mk-text a.button { margin: 2em 0;}

.flex-control-nav { display: none; list-style: none; margin: 0; padding: 0; position: relative; z-index: 20; bottom: 20px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90%; max-width: 1400px; }
.flex-control-nav li { display: inline-block; margin: 0 5px; }
.flex-control-nav li a { display: block; width: 13px; height: 13px; background: #184d78; text-indent: -9999em; cursor: pointer; border: 2px solid #fff; }
.flex-control-nav li a.active { opacity: 1; background: #fff; }
.flex-control-nav a.flex-active { background: #fff; }
.flex-control-nav li a.active { opacity: 1; }
.loading { display:block; margin:auto; }

@media screen and (min-width:769px) {
	.flexslider { overflow: hidden; max-width: 1400px; margin: 10% auto; }
	#flex-bground { display: block; -webkit-filter: blur(4px); filter: blur(4px); position: absolute; top: 0px; left: 0; width: 100%; height: 100%; }
	#swoosh { display: block; background: url('/images/img-swoosh.svg') center center no-repeat; position: absolute; top: 0px; left: 0; width: 100%; height: 100%; background-position: 20% 0; background-size: contain; }
	.mk-text { position: absolute; top: 0; left: 0; background: rgba(0,30,69,.9); padding: 2em; bottom: 0; width: 40%; }
	.flex-control-nav { display: block; list-style: none; margin: 0; padding: 0; position: absolute; z-index: 20; bottom: 100px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 90%; max-width: 1400px; }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
   #flex-bground { opacity:.3; }
}