@charset "UTF-8";
/* CSS Document */

/* Header */
body {background: #3b4e50 !important; font-family: 'Roboto', sans-serif; color: #fff;}
sup {top: -0.3em}
body.top-search-open #header .button {opacity: 0;}
#header .button {margin: 30px 10px;-webkit-transition: all .4s ease;-o-transition: all .4s ease;transition: all .4s ease;}
::selection {background: #a8d1ff;}
#header.sticky-header:not(.static-sticky) .button {margin-top: 10px;margin-bottom: 10px;}
#header #primary-menu li a {color: white; opacity: 0.7;}
#header #primary-menu li a:hover {font-weight: bold; opacity: 1;}
#primary-menu > ul > li:hover > a:after, #primary-menu > ul > li.current > a:after {width: 100%;left: 0;}
#primary-menu > ul > li > a:after {
    position: absolute;
    content: '';
    top: auto;
    left: 50%;
    top: 0;
    width: 0px;
    height: 3px;
    background-color: #fff;
    -webkit-transition: all .3s ease;
    -o-transition: all .3s ease;
    transition: all .3s ease;
}
.button.button-border:not(.button-fill):hover {background-color: #3695ce;}
/* Hero */
#content .content-wrap {padding: 0px 0px 0px 0px;}
.bottommargin-lg {margin-bottom: 0px !important;}
#slider {height: 67vh;background: url(../images/hero-arrows.png) bottom no-repeat, url(../images/hero.jpg) center center no-repeat;background-size: 450px 264px, cover;}
#slider {background: url(../images/hero-arrows.png) bottom no-repeat, url(../images/hero.jpg) center center no-repeat; background-size: 400px 245px, cover;}
#slider.independence {background: url(../images/hero-independence.jpg) center center no-repeat !important; background-size: cover !important;}
#slider.product-innovation {background: url(../images/hero-product-innovation.jpg) center center no-repeat !important; background-size: cover !important;}
#slider.sound-practices {background: url(../images/hero-sound-practices.jpg) center center no-repeat !important; background-size: cover !important;}
#slider.alternative-data {background: url(../images/hero-alternative-data.jpg) center center no-repeat !important; background-size: cover !important;}
#slider h1 {font-size: 5vh; color: #fff;}
.dark .button.button-border:not(.button-light), .button-white {border-color: rgba(255,255,255,0.9) !important; color: rgba(255,255,255,0.9) !important;}

/* Content */
.flex-bottom {padding-bottom: 80px;}
.flex-bottom h2 {font-size: 18px; color: #fff; font-weight: 400;}
.flex-bottom img {  width: 120px; height: 88px;}
.flex-bottom.box-one {display: inline-block;background: #3695ce;}
.flex-bottom.box-two {display: inline-block;background: #1d8bce;}
.flex-bottom.box-three {display: inline-block;background: #0e77b7;}
.flex-bottom.box-four {display: inline-block;background: #00619c;}
.container.heading {border-bottom: 1px solid #d9d9d9; padding: 0px; width: 100%;}
.heading-block h2 {color: #444; font-weight: 300;}
.heading-block > span.divcenter {color: #888; font-weight: 100; font-size: 18px;}
.home-quotes1 {border-left: 1px solid #d9d9d9; margin: 0; padding: 0; background-color: #ededed; background-image: url(../images/bg-home-quotes1.jpg); background-position: bottom;}
.home-quotes1 .row {margin-top: 0px !important;}
.home-quotes1 a {text-align: left; color: #0e77b7; font-size: 18px; font-weight: bold; margin-top: 20px;}
.home-quotes1 img {width: 152px;}
.home-quotes1 .col-lg-6 {padding-bottom: 120px;}
.home-quotes1 .col-lg-6:first-child {border-right: 1px solid #d9d9d9;}
.home-quotes1 p.lead {text-align: left; color: #666; font: 18px Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; font-style: italic; line-height: 29px;}
p.lead-white {text-align: left; color: #fff; font: 18px Cambria, Hoefler Text, Liberation Serif, Times, Times New Roman, serif; font-style: italic; line-height: 29px;}
.parallax {margin-top: 0;}
.promo {background: url(../images/bg-home-quotes4.jpg); background-position: bottom; background-size: 100%; padding: 80px 20px 80px 20px !important;}
.promo p, .promo h3 {font-: roboto; text-align: center; text-transform: none; font-size: 32px;}
.promo h3 {font-weight: 700; margin-bottom: 10px;}
.promo p {font-size: 24px;}
.subnav {padding: 10px; position: absolute;bottom: 0;margin: 0 auto;left: 0;right: 0;background: rgba(0, 0, 0, 0.5);}
.subnav .col_one_fifth {padding: 15px 0 0 0;}
.subnav .col_one_fifth h5 {color: #fff; font-weight: 100; padding-top: 10px;}
.subnav .col_one_fifth img {width: 40px;}
.matters {font-size: 16apx; color: #444;}
.matters img {width: 500px; float: right; padding-bottom: 20px;}
.articles .container {padding-bottom: 100px;}
.articles .col-lg-5 img {min-width: 100%;}
.articles .col-lg-12 h3 {color: white; text-transform: none; font-weight: 700;}
.articles .col-lg-12 .heading-block:after {border-top: 5px solid #0e77b7; margin: 15px auto 0;}
.articles .col-lg-7 h4 {color: white; font-weight: 300; text-transform: uppercase; text-align: left;}
.articles .col-lg-7 .heading-block:after {border-top: 3px solid white; margin: 15px auto 0; margin: 10px 0 20px 0;}
.articles .col-lg-7 {background: #333; min-height: 449px;}
.articles .col-lg-7 .button {text-transform: none;}
.articles .col-lg-7.col-padding {padding: 40px 80px 0 80px;}
.feature-box span {color: #2999cb; font-size: 16px;}
#resources .col-lg-12 .col-lg-7 {background: #0e77b7; min-height: 449px;}
#matters h3 {text-transform: none;}
.market h3 {text-transform: none; color: #4b4b4b; font-weight: 700;}
.market .col_one_third h3 {color: #4b4b4b; font-weight: 600; letter-spacing: 0px; padding: 10px 0 20px 0; font-size: 15px; text-transform: uppercase;}
.market .heading-block:after {border-top: 5px solid #0e77b7; margin: 15px auto 0;}
.market .button-blue {color: #2999cb; border-color: #2999cb; margin-bottom: 20px;}
.market .button-blue:hover {background:#2999cb !important;}
.market .button-blue:hover span {color: #fff; border-color: #2999cb;}
.market .button-blue span {text-transform: none; font-weight: 100;}

/* Footer */
footer {border: none !important;}
footer #copyrights {background-color: #333333;}
footer #copyrights p {color: #fff; opacity: .7}

/* Modal */
.modal-contents {max-width: 640px; margin: 0 auto; padding: 20px;}
.modal-contents h3 {font-size: 28px; margin-top: 40px; color: #02b4e5; font-weight: 400;}
.modal-contents h3:after {content: '';display: block; margin-top: 30px;width: 60px;border-top: 4px solid #02b4e5;}
.modal-contents p {color: #444;}
.modal-contents .button-aqua {color: #02b4e5; border-color: #02b4e5; text-transform: uppercase; font-weight: 400;}
.closebt {float:right; padding: 20px;}
.grow {
  -webkit-transition:all 0.5s ease-out;
  -moz-transition:all 0.5s ease-out;
  -ms-transition:all 0.5s ease-out;
  -o-transition:all 0.5s ease-out;
  transition:all 0.5s ease-out;
}

.grow:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  -ms-transform:scale(1.1);
  -o-transform:scale(1.1);
  transform:scale(1.1);
}
/* smaller, dark, rounded square */
.flickity-prev-next-button {
  width: 30px;
  height: 30px;
  border-radius: 5px;
  background: #333;
}
.flickity-page-dots {bottom: -30px;}
.flickity-page-dots .dot {background: #fff;}
.flickity-prev-next-button:hover {
  background: #F90;
}
/* arrow color */
.flickity-prev-next-button .arrow {
  fill: white;
}
.flickity-prev-next-button.no-svg {
  color: white;
}
/* position outside */
.flickity-prev-next-button.previous {
  left: -100px;
}
.flickity-prev-next-button.next {
  right: -80px;
}
@media all and (max-width: 960px) {
}
/* external css: flickity.css */

* { box-sizing: border-box; }

body { font-family: sans-serif; }

.carousel {
  background: #EEE;
}

/* Media Queries */
@media only screen 
and (min-device-width : 1024px) 
and (max-device-width : 1366px) {
	#logo img {margin: 0 auto !important;}
}

@media all and (max-width: 1025px) {
.flex-btn {display: block;}
#slider {height: 67vh; background: url(../images/hero-arrows.png) bottom no-repeat, url(../images/hero.jpg) center center no-repeat;background-size: 285px 155px, cover;}
}


@media all and (max-width: 991px) {
#header-wrap .container {width: 100vw !important;}
}


@media all and (max-width: 769px) {
.subnav {display: none;}
.container {width: 100% !important;}
.matters {padding: 0px !important;}
.articles .col-lg-7.col-padding {padding: 30px !important;}
}


@media all and (max-width: 320px) {
#header, #header-wrap, #logo img {height: 50px;}#header.button {height: 30px;	line-height: 20px; font-size: 12px; margin: 10px 0 0 0;}
#slider {height: 50vh;}
}
/* responsive line 244, changed 991px to 1200px */
/* Thanks */
#slider.thanks {
	height: 100vh;
	background:
		url(../images/hero.jpg) bottom no-repeat;
	background-size: cover;
}