.marketing { position: relative; }
.flexslider { overflow: hidden; background-color:#101820; }
.flexslider:after { content: ""; position: absolute; left:0; right:0; bottom: 0; display: block; background: url('/images/bg-footer-wave.png') no-repeat; background-size: cover; width: auto; height: 750px; z-index: 2; }
.slides li { display: none; height: 100vh; min-height: 100vh; padding: 3em 0; }
.slides li .container { width: 100%; }
.slides li:before { content: " "; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: -moz-linear-gradient(left, rgba(23,50,94,1) 0%, rgba(37,78,147,0.2) 100%); background: -webkit-linear-gradient(left, rgba(23,50,94,1) 0%,rgba(37,78,147,0.2) 100%); background: linear-gradient(to right, rgba(23,50,94,1) 0%,rgba(37,78,147,0.2) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17325e', endColorstr='#33254e93',GradientType=1 ); }
.mk-text-wrap { position: relative; padding: 2em; text-align: center; z-index: 5; }
.mk-title { color: #fff; margin: 0 0 .5em; font-size: 50px; font-size: 3.125rem; }
.mk-subtitle { color: #fff; font-size: 20px; font-size: 1.25rem; margin: 0 0 1.5em; }

.flex-control-nav{list-style:none;margin:0;padding:0;position:absolute;z-index:20;bottom:475px;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 (max-width: 768px) {
.flex-control-nav { top: 75px; text-align: center; }
.mk-text-wrap { padding-top: 6em; }
}
@media screen and (min-width: 769px) {
.slides li .container { width: 96%; }
.mk-text-wrap { margin-top: 175px; text-align: left; background: transparent; padding: 0; }
.mk-title,
.mk-subtitle { max-width: 60%; }
.flexslider:after { bottom: -175px; height: 700px; }
}

@media screen and (min-width: 1024px) {
.slides li { height: 100vh; min-height:100vh; padding: 200px 0 0; }
.mk-title { max-width: 45%; }
.mk-subtitle { max-width: 35%; }
}

@media screen and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}