@charset "UTF-8";
/* CSS Document */
body {margin:0;font-family: proxima-nova, sans-serif; float: left; width: 100%;background: #fff;}
h1 {font-size:30px;color:#3399cc;font-weight:500;text-align: center;}
img{max-width: 100%; height: auto;}
.clearfix{float: left;width: 100%;clear: both;}
.container {max-width: 795px;width: 100%;padding: 0 15px;margin: auto;}
a:link, a:visited {color:#3399cc;text-decoration: none;font-weight:300;}
a:hover, a:active {color:#000;text-decoration: underline;}
p {margin-bottom: 40px;}
.header{background:#09142b url(../images/header-bg.png); min-height: 200px;float: left;width: 100%;background-position: center;
background-size: cover;background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;}
.header .logo-sec {max-width:350px;width: 100%;margin-top: 30px;}
.banner {float:left; width:100%;background-size:cover !important;min-height:501px;
background-position: center bottom !important;position: relative;margin: 12px 0 10px;}
.banner::before {position: absolute;width: 100%;content: '';height: 1px;background: #3399cc;top: -7px;}
.banner::after {position: absolute;width: 100%;content: '';height: 1px;background: #3399cc;bottom: -6px;}
.banner-text {max-width:50%;width: 100%;background: #3399cc;float: right;margin-top:98px;min-height: 113px;
color: #fff;display: flex;align-items: center;justify-content: center;}
.banner-text h1 {text-align: center;font-size:30px;font-weight:500;max-width:615px;
margin: auto;color: #fff;}
.introduction {float:left;width:100%;padding:65px 0 70px;background:#fff;}
.introduction .logo-icon {max-width:55px;width: 100%;margin: 0 auto 30px;}
.intro {font-size:18px;line-height:1.5em;color: #666666;font-weight: 300;}
.banner-bottom {background-size: cover !important;min-height: 350px;float: left;
width: 100%;background-position: center !important;border-top: solid 10px #3399cc;}
.partners {float: left;width: 100%;padding:100px 0 130px;background: #fff;}
.partner-list{float: left; width: 100%;}
.partner-list ul {list-style: none;margin: 0px;padding: 0px;text-align: center;width: 100%;
float: left;}
.partner-list ul li {vertical-align: middle;width:20.8%;margin:10px 0 60px;display: inline-block;
margin-right: 5%;}
.partner-list ul li:nth-child(4n){margin-right:0%;}
.partner-list ul li a{ display: block;}
.partner-list ul li a img{max-height:120px;float: left;}
.partners h1.heading {font-size: 30px;color: #3399cc;font-weight: 500;text-align: center;margin: 0 0 55px;}
.riverside {width:100%;background-color:#0f223c;text-align: center;padding: 0;overflow:hidden;float:left;
min-height:155px;display:flex;align-items:center;justify-content:center;}
.riverside h2 {font-size: 24px;font-weight: 300;color: #fff;line-height: 0.1em;}
.riverside h3 {font-size: 36px;font-weight: 300;color: #3399cc;line-height: 0.1em;}

.features {float: left;width: 100%;background: #fff;padding-bottom: 100px;}
.feature-iframe {background-size: cover !important;min-height:475px;width: 100%;float: left;background-position: center bottom !important;
margin-bottom:60px;display: flex;align-items: center;justify-content: center;}
.feature-iframe .ifram-box {max-width: 590px;width: 100%;margin: auto;min-height: 335px;position: relative;}

.button-area {float: left;width: 100%;text-align: center;padding: 60px 0;}
a.cta:link, a.cta:visited {font-size:30px;padding:25px 15px 25px 15px;color:#3399cc;background-color: #fff;
border:1px solid #3399cc;text-decoration: none;display:inline-block;font-weight:400;}
a.cta:hover, a.cta:active {color:#fff;background-color: #3399cc;border:1px solid #3399cc;
text-decoration: none;}






.feature-list {margin: 0px;padding:5px 0 35px 20px;}
.feature-list li {margin-bottom: 5px;}
footer { width: 100%;background-color: #333;color: #fff;text-align: center;font-size:14px;
padding:35px 0 25px;float: left;}
footer h2 {font-size:18px;font-weight: 400;margin: 5px 0 10px;}
footer h3 {font-size: 30px;font-weight:400;margin: 0;}
footer .info-links {float: left;width: 100%;padding:30px 0;}
footer .info-links a {font-size:24px;font-weight:400;display:block;}
footer a:hover, footer a:active {color:#FFF;text-decoration: none;}
.copyright {font-size:12px;font-weight:300;color:#ccc;float:left;width:100%;margin-top: 10px;}





@media only screen and (max-width: 1060px) {
.container {width: auto;padding: 0 15px;}
.banner-text {max-width: 70%;} 
}

@media only screen and (max-width:767px) {  
.partner-list ul li:nth-child(4n) {margin-right: 5%;}
.partner-list ul li {width:40%;}
.banner-text {max-width: 80%;}  
   
}



@media only screen and (max-width:567px) {
    .header .logo-sec {max-width: 280px;}
    .banner-text {max-width: 90%;}
    .banner-text h1 {font-size: 28px;}
    .riverside h3 {line-height: 1em;margin: 0;} 
}