/* Add here all your CSS customizations */

h1, h2, h3, h4, h5, h6 { font-family: 'Rubik', sans-serif; }
h2.strapline { font-size: 2em; margin-bottom: 0; color: #000046 ; font-family: 'Rubik', sans-serif; }
h2 { font-size: 2.7em; color: #000046;  }
.gap-left { margin-left: 1em; }
#header .header-body { padding: 0 !important;}
#block-block-3 h2 { color: #fff; margin-bottom: 0; }
.home-intro p { text-align: center; width: 100%; }
#logo img { width:auto !important;   }
.header-nav { clear:both; float: left; width:100%;}
#header .header-nav-main { width:100%; float: left; margin:0 !important; }
#header .header-nav-main nav > ul > li > a { font-family: 'Rubik', sans-serif; font-size: 13px  !important; letter-spacing: 0.1em !important; font-weight: 400 !important; padding: 15px ; }
    .nav-bg { background: #000046 ; }
.not-front .main { margin-top:40px; }
#mainMenu a { color: #fff; }
.header-navrow {width: 100%; min-height: 40px; }
html.sticky-header-active #header .header-body {margin-top: 15px;}
html.sticky-header-active #header .header-logo{ height: 132px !important; }
html.sticky-header-active #header .header-body #block-block-91 {margin-top: -100px;}
html.sticky-header-active #header .header-body #block-block-92  {margin-top: -35px;}
html.sticky-header-active #header .header-body #block-block-92 p {margin-bottom: -35px;}
#block-block-91{ float: right; margin-top: -140px; width: 245px; text-align:right; font-family: 'Rubik', sans-serif; background-image:url(../img/phone_number_btn_bg.png) ; background-repeat: no-repeat;  background-position: right; }
#block-block-91 p { color: #fff;  font-size: 18px; line-height: 30px;  margin-top: 20px; margin-left: 42px; text-align: left;}
#block-block-91 a { color: #fff; text-decoration:none; }
#block-block-92 { float: right; width: 25%; text-align:right; margin-top: -60px; font-size: 18px; font-family: 'Rubik', sans-serif; }
#block-block-92 p { color: #000046 ;}
.nav-pills > li > a { border-radius:0 !important ; }
.home-intro { background-color: #4074b4 !important ; }
.home-intro .container { margin-bottom:1em; }
#block-block-3 h2 { margin-bottom: .5em; }
#block-block-3 p { text-align:center; }
.main { margin-bottom:40px; }
#block-block-89 { background-color: #19a1d0 !important ; height: 300px;}
#block-block-89 .col-md-3 { color: #fff; }
#block-block-89 .col-md-3 h4 {  color: #fff; font-size: 42px;line-height: 45px; text-align: center;}
#block-block-89 .col-md-3 h4.long {  font-size: 36px; }
#block-block-89 a { color: #fff; }
#block-block-90 { font-family:  "Oswald",sans-serif ; font-size: 32px; padding: 2em 0; text-align:center; background-image:url(../img/slogan_bg.jpg) ; background-repeat: repeat-x;  background-position: left;}
#block-block-90 p { color: #000046 ; line-height: 1.4em; }
.feature-box-info { padding-top:3em; padding-bottom:4em; width: 75%; margin: 0 12.5%;}
.feature-box-info h4 { font-family: 'Oswald', sans-serif !important; }
div.feature-box-info:link { color: #fff; text-decoration:none; }
div.feature-box-info:hover, div.feature-box-info:active  { background: #000046; color: #fff; text-decoration:none !important; min-height: 300px; }
.feature-box-info a {text-decoration:none !important; }
.page-node-81 .col-md-9 { width: 60%; }
#footer { margin-top: 0; }
#footer, .footer-copyright { background-color: #000046 !important ; border: none !important; color: #fff; }
#footer .contact p, #block-block-93 p, #block-block-13 p { color: #fff !important; }
.footer-copyright { margin-top: 0 !important; }
.footer-ribbon { display:none; }

@media screen and (max-width: 1024px) {
   #block-block-90 {font-size: 28px;}
   #block-block-91 { width: 245px;}
   #block-block-92 { width: 50%; }
   .home-intro p { font-size: 1.3em; }
   .feature-box-info { width: 100% !important; margin-left: 0; margin-right: 0;  padding:1em !important; float: left; }
   div.feature-box-info:hover, div.feature-box-info:active  {  min-height: 250px!important; }
   #block-block-89 {height: 250px;}
   #block-block-89 .col-md-3 h4 { font-size: 35px; }
   .page-node-81 .list.list-icons.list-icons-style-3 li { padding-left: 0; }
   #sidebar-left { float: right; clear: both;}
}

@media screen and (max-width: 1000px) {
        .feature-box-info { padding-bottom: 2em; padding-top: 1em; width: 50% !important;}
       div.feature-box-info:hover, div.feature-box-info:active  {  min-height: auto!important;  }
#block-block-89 { height: auto;}
html.sticky-header-negative.sticky-header-active #header .header-logo {
    padding-top: 0;
}
}


@media screen and (max-width: 768px) {
    h2.strapline { margin-top: 1em; }
    h2 {margin-bottom: 0.5em;}
    #logo img {height: 100px !important; width: 250px !important;}
    #header .header-logo { float: none; display: block; margin: auto !important;width: 100% !important; text-align: center !important;}
    #header .header-logo img { margin-left: 0; margin-right: 0;}
    #block-block-91 { margin: auto; float: none; margin-top: -23px !important; height: 50px; }
    #block-block-91 p { line-height:50px; }
    #block-block-92 { margin: auto; text-align: center; width: 100%; }
    #block-block-92 p { margin: .5em 0; }
    #block-block-90 { font-size: 20px; }
       #block-block-89 {height: auto !important;}
    #block-block-89 .col-md-3 h4 {font-size: 24px;line-height: 24px;}
    #block-block-3 h2 { font-size: 22px; }
    .main img { margin: auto; }
    img.pull-right {float: none !important;}
    html.sticky-header-active #header .header-logo { float: none; height: 112px !important; }
    html.sticky-header-active #header .header-logo img {margin-top: 0 !important; }
    html.sticky-header-negative.sticky-header-active #header .header-logo { margin: auto; text-align:center;}
    html.sticky-header-active #header .header-body #block-block-91 {clear: both; margin-top: 0 !important; text-align:center; height: 50px; }
    html.sticky-header-active #header .header-body #block-block-92 {clear: both; margin-top: .5em; margin-bottom: .5em; text-align:center;}
    html.sticky-header-active #header .header-body #block-block-92 p {margin-bottom: 0 !important;}
    h2{ text-align: center; }
    #footer .contact { text-align: center !important; }
    #footer .contact i { display: inline; float: none; }
    #block-block-13 .content, #block-block-93 .content, #block-block-88 .content { text-align: center !important; }
.navbar-collapse.in {overflow-y: auto !important;}
#header .header-nav-main nav > ul > li > a { text-align: center;}
    .feature-box-info { padding-bottom: 2em; padding-top: 1em; width: 50% !important;}
       div.feature-box-info:hover, div.feature-box-info:active  {  min-height: auto!important;  }
}

@media screen and (max-width: 736px) {
    #block-block-91 { background-image: none; float:left;}
    #block-block-91 p, #block-block-91 a{ color: #000046; margin-left: 0; text-align:center;}
    #block-block-92 { width: auto;}
    html.sticky-header-active #header .header-body #block-block-91 {  height: auto !important; margin: 0 !important; }
    html.sticky-header-active #header .header-body #block-block-92 { float:left; clear:none;height: 50px !important;   margin-left: 3em;}
    html.sticky-header-active #header .header-body #block-block-92 p {
    line-height: 50px; margin-bottom: 0 !important;text-align:center;}
}

@media screen and (max-width: 480px) {
    #logo img {height: 75px !important; width: 200px !important;}
    #block-block-91 { width: 100%; text-align: center; margin-top: -35px !important; margin-bottom:1em;}
    html.sticky-header-active #header .header-body #block-block-91{ height:50px !important; line-height: 50px;margin-top: -20px !important;}
   #block-block-92 { width: 100%; text-align: center; margin-left: 0;}
      html.sticky-header-active #header .header-body #block-block-92 p {margin-top: 0; margin:0 !important;}
   html.sticky-header-active #header .header-body #block-block-92 {
    clear: both;
    float: none;
    height: auto;
    margin-left: 0 !important;}
}

#googlemaps { display:none;}
#block-webform-client-block-147 h4 { display:none; }
#block-webform-client-block-147 .form-textarea { height: 100px !important; }
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}