@import url('https://fonts.googleapis.com/css?family=Merriweather|Open+Sans|PT+Serif|Roboto+Slab:300,400');
body { font-family: 'PT Serif', 'Roboto Slab', 'Roboto', serif; color: #4a4a4a; -webkit-text-size-adjust: none; }
header, section, figure, footer, body, p, ul, ul li, img, a, h1, h2, h3, h4 { margin: 0; padding: 0; box-sizing: border-box; }
img { display: block; border: 0; color: #000; }
a { text-decoration: none; color: inherit; }
header:after, .info-pointers:after, .info-sec:after, .feature-col-wrap:after, .contact-col-wrap:after, .culture-col-wrap:after, .contact-info-col:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clear { clear: both; }
*:focus { outline: none; }
nav { font-family: 'Open Sans', sans-serif; }
h1, h2 { font-family: 'Merriweather', serif; }
ul, ul li { list-style: none; }
header .container { max-width: 1280px; width: calc(100% - 40px); margin: 0 auto; padding: 0 20px; position: static; padding-top: 10px; }
header { background: #2b2a2a; height: 100px; width: 100%; z-index: 3; }
.logo { background: url(../images/logo.png) no-repeat; width: 313px; height: 70px; display: block; margin: 0 auto; text-indent: -9999px; float: left; outline: none; }
header nav { display: inline-block; width: calc(100% - 313px); }
header nav ul { float: right; }
header nav ul li { margin: 32px 15px 10px; float: left; font-size: 16px; line-height:20px; outline:none; color: #ffffff; }
header nav ul li a { position: relative; }
header nav ul li a:before { content: ""; position: absolute; width: 100%; height: 2px; bottom: -6px; left: 0; background-color: #65c6fe; visibility: hidden; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; }
header nav ul li a:hover { color: #f8eb7d; }
header nav ul li a:hover:before { visibility: visible; -webkit-transform: scaleX(1); transform: scaleX(1); }
header nav ul li a.active { background: #e2750c; border-radius: 20px; color: #fff; margin: 0; padding: 6px 15px; }
header nav ul li a.active:hover:before { visibility: hidden; }
h2 { color: #fff; font-size: 40px; line-height: 48px; padding-bottom: 30px; font-weight: 300; }
.contrast { padding-left: 0; }
.container { max-width: 520px; }
#slides .contrast ul li { color: #fff; font-size: 22px; line-height: 26px; margin-bottom: 20px; background: url(../images/pointer-icon.png) no-repeat 0 5px; padding-left: 22px; vertical-align: middle; font-family: 'Open Sans', sans-serif; }
#slides .contrast ul li:last-child { margin-bottom: 0; }
header nav a.mobile_menu { width: 32px; height: 32px; background: url(../images/icon_menu.svg) no-repeat 0 0; background-size: contain; position: absolute; top: 10px; left: 50%; margin-left: -16px; display: none; }
.align-center.container { text-align: center; width: 100%; max-width: 80%; margin: 0 auto; padding: 0; left: 0; right: 0; }
.align-center h1 { font-weight: 500; padding-bottom: 20px; margin-bottom: 0; font-size: 3.3em; }
.contrast { box-shadow: none; border: none; background: none; }
.align-center .contrast { text-align: center; }
.align-center p { font-size: 2.5em; padding-top: 0; margin-top: 0.6em; font-family: 'Open Sans', sans-serif; }
.main-cta { background: #25aae1; padding: 0 10px; min-width: 215px; height: 50px; margin-top: 40px; font-size: 24px; line-height: 50px; display: inline-block; box-sizing: border-box; text-align: center; color: #fff; }
.main-cta:hover { background: #40b3e2; }
.slides-container img.mob-view { display: none; }
.divider-line { background: url(../images/line.png) no-repeat; width:100%; max-width:779px; height:1px; display:none; margin:0 auto; }
.banner-logo { background:url(../images/logo-banner.png) no-repeat; width:679px; height:193px; display:block; margin:0 auto; margin-bottom:20px; }
.full-info-slide .container { max-width:100%; width:60%; }
.hide_show_980 { display:none; }
@media only screen and (max-width:1200px) {
.container { max-width: 500px; }
}

@media only screen and (max-width:1024px) {
h2 { font-size: 36px; line-height: 42px; }
.container { max-width: 450px; }
.align-center h1 { font-size: 3em; }
.align-center p { font-size: 2em; }
}

@media only screen and (max-width:980px) {
header { height: auto; padding: 20px 0; position: static; width: 100%; z-index: 3; }
header nav { position: relative; }
header nav a.mobile_menu { width: 21px; height: 21px; background: url(../images/menu.png) no-repeat 0 0; background-size: contain; position: absolute; top: 15px; left: auto; right: 0; display: block; }
header nav { background: transparent; height: 40px; position: relative; top: 0; }
header nav { padding: 20px 0px 20px 0px; height: 0px; overflow: hidden; }
header nav ul, header nav ul ul, header nav ul ul ul { display: block; position: static; }
header nav ul { padding: 0px; margin-top: 20px; }
header nav ul li { float: none; text-align: center; display: block; width: 100%; }
header nav ul li:hover { background: none; }
header nav ul li { margin: 0; text-align: right; padding: 8px 0; padding-right: 60px; position: relative; z-index: 2; }
header nav ul li.last-li { padding-bottom: 0; }
header nav ul li:first-child { padding-top: 15px; }
.slides-container img.desk-view { display: none; }
.slides-container img.mob-view { display: block; }
.container { max-width: 100%; width: 100%; left: 0; right: 0; box-sizing: border-box; }
h2 { text-align: center; }
.main-cta { max-width: 215px; margin: 0 auto; margin-top: 40px; display: block; }
.contrast { width: 80%; margin: 0 auto; }
.align-center .contrast { width: 100%; }
#slides .contrast ul li { text-align: center; background: none; }
#slides .contrast ul li span { position: relative; display: inline-block; }
#slides .contrast ul li span:before { content: ''; display: block; position: absolute; left: 0; background: url(../images/pointer-icon.png) no-repeat; width: 11px; height: 13px; left: -20px; top: 8px; }
.slides-pagination { margin-left: auto; width: 100%; text-align: center; }
.align-center.container { max-width: 80%; }
.banner-logo { display:none; }
.hide_show_980 { display:block; }
}

@media only screen and (max-width:640px) {
.container, .align-center.container { margin-top: 30px; }
}

@media only screen and (max-width:480px) {
h2, .align-center h1 { font-size: 2.5em; }
#slides .contrast ul li { font-size: 1.4em; }
header .container { padding-left: 0; padding-right: 0; }
header { background: #2b2a2a; width: 100%; z-index: 3; }
.logo { background: url(../images/logo.png) no-repeat; width: 190px; height: 44px; display: block; margin: 0 auto; text-indent: -9999px; float: left; background-size: 190px 44px; }
header nav { display: inline-block; width: calc(100% - 190px); }
header nav ul li { font-size: 16px; }
.main-cta { min-width: inherit; max-width: 180px; height: 40px; line-height: 40px; font-size: 20px; margin-top: 20px; }
#slides .contrast ul li { margin-bottom: 15px; }
h2 { padding-bottom: 20px; }
}