/*
	Theme Name: Bond Digital
	Theme URI: https://bonddigital.com
	Description: Custom Theme for Bond Digital Website
	Version: 1.2.3
	Author: Kris Stokes, Dominick Colandrea, Topher McCulloch
	Author URI: https://bonddigital.com
	Template: html5blank
	Tags: HTML5, CSS3, Bond Digital
*/
/**********
** Vars! **
**********/
/************
** General **
************/

/******************
** 2022 Redesign **
******************/

body {
  font-size: 14px;
  background: #fff;
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  letter-spacing: 0.5px;
  line-height: 1.5em;
  font-weight: 500 !important;
  width: 100%;
}

p {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 300;
  margin: 0px;
}

.single-page.interior-content h2, .single-page.interior-content h3, .home-page h2{
  margin: 0px;
}

.font-14{
  font-size: 14px;
}

.font-16{
  font-size: 16px;
}

.font-18{
  font-size: 18px;
}

.blue {
  color: #1c80eb;
}
.dark-blue {
  color: #13569E;
}
.purple {
  color: #3E2E81;
}
.orange {
  color: #E14319;
}
.red {
  color: #900000;
}
.green {
  color: #146627;
}
.blue-gray {
  color: #13569E;
}
.nav-blue{
  color: #009ac4;
}

.purple ~ .link-wrapper a {
  color: #3E2E81;
}

.border-bottom-blue {
  border-bottom: 2px solid #1c80eb;
}
.border-bottom-dark-blue{
  border-bottom: 2px solid #13569E;
}
.border-bottom-purple{
  border-bottom: 2px solid #3E2E81;
}
.border-bottom-orange{
  border-bottom: 2px solid #E14319;
}
.border-bottom-red{
  border-bottom: 2px solid #900000;
}
.border-bottom-green{
  border-bottom: 2px solid #146627;
}
.border-bottom-blue-gray{
  border-bottom: 2px solid #2E6481;
}

.border-blue {
  border: 2px solid #009ac4;
}
.border-dark-blue{
  border: 2px solid #13569E;
}
.border-purple{
  border: 2px solid #3E2E81;
}
.border-orange{
  border: 2px solid #E14319;
}
.border-red{
  border: 2px solid #900000;
}
.border-green{
  border: 2px solid #146627;
}
.border-blue-gray{
  border: 2px solid #2E6481;
}

.banner-blue {
  background: #009ac4;
}
.banner-dark-blue{
  background: #13569E;
}
.banner-purple{
  background: #3E2E81;
}
.banner-orange{
  background: #E14319;
}
.banner-red{
  background: #900000;
}
.banner-green{
  background: #146627;
}
.banner-blue-gray{
  background: #2E6481;
}

/* Header */
header.top-header .logo{
  position: relative;
  z-index: 10000;
  flex: 1 1 0px;
  padding: 10px 0;
}
.mobile-hamburger{
  display: none;
  padding: 0 0 0 40px;
  cursor: pointer;
}
.mobile-hamburger i{
  font-size: 34px;
}
@media all and (max-width: 925px) {
    .mobile-hamburger{
      display: flex;
    }
}

.color-banner{
  height: 20px;
}

.full-width-img img{
  width: 100%;
}

.hero-image-text{
  position: relative;
  top: -50%;
}

.home-video, .hero-section{
  background-color: #000000;
  object-fit: cover;
  left: 0;
  height: 450px;
  width: 100%;
}

.hero-image-text h1{
  color: #ffffff;
  max-width: 560px;
  font-size: 55px;
}

.large-banner-3-col{
  color: #ffffff;
  padding: 50px 0px;
}

.large-banner-3-col .banner-bold{
  font-size: 105px;
  font-weight: 800;
  margin: 0px;
}

.large-banner-3-col .banner-text{
  margin: 0px;
  font-size: 20px;
}

@media all and (max-width: 1000px){
  .large-banner-3-col .flex-19-no-fill{
    flex: 0 0 22%;
  }
}

@media all and (max-width: 630px){
  .large-banner-3-col .flex-19-no-fill{
    flex: 0 1 auto;
  }

  .large-banner-3-col .banner-img{
    width: 200px;
  }
}


@media all and (max-width: 1080px) {
  li.prev-img.slick-arrow{
    left: 10px !important;
  }
  li.next-img.slick-arrow{
    right: 10px !important;
  }
}

@media all and (max-width: 781px) {
  .home-video, .hero-section{
    height: 300px;
  }

  .hero-image-text{
    top: -80%;
  }

  footer .footer-main .wrapper{
    flex-direction: column;
    align-items: flex-start;
    padding: 0 20px;
  }

  footer .footer-main .wrapper .logo-img{
    width: 150px;
  }

  footer .footer-nav{
      width: 100%;
  }

  footer .footer-nav > ul{
      flex-direction: column;
  }

  footer .footer-nav ul.sub-menu{
    display: none;
  }

  footer .footer-nav ul .menu-item-has-children{
    margin-bottom: 0px;
  }

  footer .footer-nav ul .menu-item-has-children{
    border-bottom: 1px solid #ffffff;
  }

  .flex-25{
    flex: 1 0 30% !important;
  }

  .one-col-padding-right{
    width: 100% !important;
  }

}

.learn-more-left-right h3,{
  font-weight: bold;
}

.learn-more-left-right .learn-more-paragraph h3 {
    padding-bottom: 15px;
}

.learn-more-left-right .learn-more-paragraph .link-wrapper {
    padding-top: 20px;
}

.learn-more-paragraph ul {
  font-size: 18px;
  line-height: 1.5em;
  font-weight: 300;
}

.home .four-col-icon-text p{
  font-size: 18px;
}
.home .four-col-icon-text .large-text{
  font-size: 22px;
}
.four-col-icon-text p{
  margin: 0px;
  font-size: 20px;
}

.four-col-icon-text .large-text{
  font-size: 24px;
  padding: 10px 0;
}

.client-block img{
  -webkit-box-shadow: 10px 10px 8px -8px rgba(0,0,0,0.57);
  -moz-box-shadow: 10px 10px 8px -8px rgba(0,0,0,0.57);
  box-shadow: 10px 10px 8px -8px rgba(0,0,0,0.57);
}

.clients-banner{
  overflow: hidden;
  padding: 50px 0;
}
.clients-banner h3{
  margin: 0;
  text-align: center;
  padding-bottom: 30px;
  font-weight: 300;
  font-size: 30px;
  color: #13569E;
}
.clients-banner .flex{
  justify-content: space-between;
}

.clients-banner .client-row{
  position: relative;
}

@media all and (max-width: 500px){
  .clients-banner .client-row{
    flex-wrap: wrap;
    gap: 10px !important;
  }
  .clients-banner .client-row div {
    flex: 0 1 20%;
  }
}

.clients-banner .client-row.client-row-1{
  left: -110%;
}
.clients-banner .client-row.client-row-2{
  left: 110%;
}
.clients-banner .client-row.client-row-3{
  left: -110%;
}

.four-col-windows .light-blue{
  background: #EEF6FD;
  min-height: 350px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.four-col-windows .heading{
  color: #ffffff;
  text-align: center;
  font-size: 30px;
  padding: 20px 0;
}
.four-col-windows .text{
  color: #000000;
  font-size: 35px;
  text-align: center;
}

.footer-form .gform_wrapper{
  padding: 50px 80px;
  border: 2px solid #009ac4;
  border-radius: 10px;
}

@media all and (max-width: 781px){
  .footer-form .gform_wrapper{
    padding: 30px;
  }
}

.footer-form-h3{
  font-weight: 900;
  color: #000000;
  margin-bottom: 0px;
}

.footer-form .gform_wrapper .ginput_container_textarea textarea{
  max-width: 100%;
  height: 100px !important;
  border: 2px solid #009ac4;
  border-radius: 10px;
}

.footer-form .gform_wrapper.gravity-theme .gfield_label {
    font-weight: 500;
}

.footer-form input[type="text"], .footer-form input[type="email"]{
  border: 2px solid #009ac4;
  border-radius: 10px;
}

.footer-form .gform_button.button {
    padding: 0;
    padding: 12px 60px;
    display: inline-block;
    cursor: pointer;
    line-height: 1em;
    border-radius: 0px;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    -webkit-transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border 0.2s ease 0s;
    -o-transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border 0.2s ease 0s;
    transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border 0.2s ease 0s;
    border: 2px solid #009ac4;
    color: #009ac4;
    background: #fff;
    border-radius: 10px;
}

.gform_wrapper.gravity-theme .gform_footer button, .gform_wrapper.gravity-theme .gform_footer input, .gform_wrapper.gravity-theme .gform_page_footer button, .gform_wrapper.gravity-theme .gform_page_footer input {
    margin-bottom: 0px !important;
}

.gform_wrapper.gravity-theme .gform_footer, .gform_wrapper.gravity-theme .gform_page_footer{
  margin: 0 !important;
  padding: 20px 0 0 0 !important;
}


/*MOBILE FOOTER FIX*/
footer .absolute-footer{
  background: #181818;
  padding: 20px 0;
}

footer .footer-main{
  padding: 30px 0 10px;
  background: #231f20;
}

footer .footer-main .wrapper{
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

footer .footer-nav {
    flex: 1 1 80%;
    font-size: 11px;
}

footer .logo-wrapper{
    flex: 1 1 10%;
}

footer .footer-nav ul {
    margin: 0px;
    padding: 0px;
}

footer .footer-nav > ul {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
}

footer .footer-nav ul .menu-item a:hover{
    color: #f15a29;
}

footer .footer-nav > ul > .menu-item > a{
    font-size: 14px;
    font-weight: bold;
}

footer .footer-nav ul.sub-menu{
  padding: 5px 0 0 0;
}

footer .footer-main .wrapper.copyright{
  display: block;
}

footer .footer-main .social-icons a .icon{
  color: #ffffff;
}
footer .footer-main .wrapper .icon{
  display: inline-block;
  width: 24px;
  height: 24px;
}

footer .footer-main .wrapper .logo-img{
  max-width: 135px;
  max-height: 70px;
  display: block;
  width: 100%;
}

footer .footer-main .wrapper .social-icons.alt{
  display: flex;
  gap: 10px;
  padding-top: 20px;
}

footer .footer-main .wrapper .footer-nav a{
  color: #ffffff;
}

footer .footer-main .wrapper .footer-nav li{
  list-style: none;
  padding: 3px 0;
  line-height: 16px;
}

.footer-nav > ul > .menu-item {
  flex: 1 1 10%;
}

@media all and (max-width: 500px){
  footer .footer-main .wrapper{
    justify-content: center;
  }
  .hero-image-text h1{
    font-size: 40px;
  }

  .slick-slide img{
    padding: 0 10px !important;
    width: 100%;
    object-fit: cover;
  }

  li.prev-img.slick-arrow{
    left: 0px !important;
  }

  li.next-img.slick-arrow{
    right: 0px !important;
  }

  .home-page h2{
    font-size: 35px !important;
  }

  .hero-image-text{
      top: -50%;
  }

  .full-width-img{
    display: none;
  }

  .slider-block-wrapper ul li{
    padding: 15px 3px !important;
  }
}

@media all and (max-width: 410px){
  .hero-image-text{
      top: -60%;
  }
}

@media all and (max-width: 375px){
  .hero-image-text{
      top: -70%;
  }
}

@media all and (max-width: 295px){
  .hero-image-text{
      top: -85%;
  }
}

@media all and (max-width: 400px){
  .slider-block-wrapper ul{
      top: -110px;
  }
}

.blog-title{
  border-bottom: 2px solid #009ac4;
  padding-bottom: 10px;
}

.text-center{
  text-align: center;
}

.space-between{
  justify-content: space-between;
}
.items-center{
  align-items: center;
}

.self-center{
  align-self: center;
}

.gap-5{
  gap: 5px;
}
.gap-10{
  gap: 10px;
}
.gap-15{
  gap: 15px;
}
.gap-30{
  gap: 30px;
}

.gap-50{
  gap: 50px;
}
.flex{
  display: flex;
}
.flex-wrap{
  flex-wrap: wrap;
}
.flex-col{
  flex-direction: column;
}
.flex-0{
  flex: 0 0 0px;
}
.flex-19-no-fill{
  flex: 0 0 19%;
}
.flex-25{
  flex: 1 0 20%;
}
.flex-33{
  flex: 1 0 30%;
}
.flex-33-no-fill{
  flex: 0 0 30%;
}
.flex-50{
  flex: 1 0 47%;
}
.flex-50-no-fill{
  flex: 0 0 47%;
}
.flex-75{
  flex: 1 0 67%;
}
.flex-100{
  flex: 1 0 100%;
}

.two-col-sub-heading{
  padding-bottom: 100px;
}
.two-col-sub-heading h1{
  font-size: 50px;
}
.font-thin{
  font-weight: 100;
}
.home-page .hero-image{
  width: 100%;
  height: 600px;
  background-size: cover;
}

.wrapper.home-content {
    padding-top: 40px;
}

.single-page .header-image {
  position: sticky;
  width: 100%;
  height: 80px;
  z-index: 2;
  top: 80px;
}

.customize-support .single-page .header-image {
  top: 113px;
}

.single-page .header-image img{
  width: 100%;
  height: 80px;
  background-size: cover;
  object-fit: cover;
  position: relative;
}

@media all and (max-width: 925px){
  .single-page .header-image {
    top: 75px;
  }

  .customize-support .single-page .header-image {
    top: 108px;
  }
}

.single-page .header-h1{
  position: relative;
  top: -45px;
  font-size: 24px;
  font-weight: 500;
  color: #ffffff;
}

@media all and (max-width: 425px){
  .single-page .header-h1{
    top: -40px !important;
    font-size: 18px !important;
  }
}

.pb-20{
  padding-bottom: 20px;
}

.py-30{
  padding: 30px 0;
}

.m-0{
  margin: 0px;
}
.mt--100{
  margin-top: -100px !important;
}

.one-col-padding-right{
  width: 70%;
  padding-bottom: 50px;
}

.content .one-col-padding-right{
  width: 100%;
  padding-bottom: 0px;
}

.one-col-padding-right p, .two-col-text-img p{
  font-size: 20px;
}

.one-col-padding-right h2, .two-col-text-img h2{
  font-size: 42px;
  font-weight: 300;
  padding-bottom: 20px;
}

.one-col-padding-right ul {
  padding-left: 15px;
  font-size: 20px;
  color: #666666;
  font-weight: lighter;
}

.one-col-padding-right ul li {
  padding-bottom: 5px;
}

.underline_title_text h3 {
    padding: 10px 0px;
    margin: 0px;
    font-size: 20px;
}

.repeatable_heading_with_text{
  padding-top: 20px;
}

.repeatable_heading_with_text .icon-image{
    max-width: 65px;
    padding-bottom: 10px;
}

.repeatable_heading_with_text .heading{
  font-size: 18px;
  font-weight: 500;
}

.repeatable_heading_with_text p{
  font-size: 16px;
  margin: 0px;
  padding-top: 5px;
}
.repeatable_heading_with_text ul{
  padding-top: 5px;
}

@media only screen and (max-width: 540px){
  .repeatable_heading_with_text .flex-50-no-fill{
    flex: 1 1 100%;
  }
}

.large-button-links .flex{
  gap: 10px;
}

.large-button-links .single-large-button-link {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 30px;
    text-align: center;
    border-radius: 15px;
    box-shadow: 5px 5px 12px 0px rgba(112,112,112,0.75);
    -webkit-box-shadow: 5px 5px 12px 0px rgba(112,112,112,0.75);
    -moz-box-shadow: 5px 5px 12px 0px rgba(112,112,112,0.75);
}
.large-button-links .single-large-button-link:hover{
  text-decoration: none;
}
.large-button-links .single-large-button-link .arrow{
  font-size: 30px;
}

.large-button-links .single-large-button-link h3, .large-button-links .single-large-button-link p {
    color: #767676;
    margin: 0px;
}

.large-button-links .single-large-button-link h3{
    font-size: 28px;
}

.large-button-links .single-large-button-link p{
    padding: 10px 0;
}

.large-button-links .single-large-button-link img {
  max-width: 150px;
  align-self: center;
}

.three-col-bubbles .bubble{
  border-radius: 360px;
  min-height: 360px;
  justify-content: center;
  color: #ffffff;
  max-width: 360px;
}

.three-col-bubbles .bubble p{
  font-size: 25px;
  line-height: 35px;
  padding: 0 20px;
}


.three-col-bubbles .bubble .bottom-text{
  font-weight: 800;
  font-size: 15px;
}

.four-col-image .box-shadow{
  box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.39);
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.39);
  -moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.39);
}

.arrow-col img.arrow {
    width: 30px;
}

.arrow-col .img-logo{
  width: 150px;
  padding-bottom: 50px;
}

.arrow-col p {
    font-weight: bold;
}

.images-w-border {
    border-radius: 15px;
    padding: 20px 40px;
    box-shadow: 5px 5px 12px 0px rgba(112,112,112,0.75);
    -webkit-box-shadow: 5px 5px 12px 0px rgba(112,112,112,0.75);
    -moz-box-shadow: 5px 5px 12px 0px rgba(112,112,112,0.75);
}

@media all and (max-width: 767px){
  .four-col-image .flex-25 {
    flex: 1 0 42%;
  }
}

@media all and (max-width: 500px){
  .four-col-image .flex-25 {
    flex: 1 0 100%;
  }
}

/* Accordion Block */
.accordion .panel-title {
  border: #769BDB solid 2px;
  border-radius: 35px;
  cursor: pointer;
  padding: 5px 20px;
  margin-bottom: 10px;
  position: relative;
}
.accordion .panel-title-heading {
  font-size: 24px;
  line-height: 30px;
}
.accordion .panel-title-heading .number {
  display: inline-block;
  margin-right: 25px;
}
.accordion .panel-text {
  margin-bottom: 20px;
}
.accordion .panel-text p {
  font-size: 16px;
  padding-left: 20px;
}
.accordion .icon{
  display: block;
  width: 40px;
  cursor:pointer;
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 28px;
  line-height: 1em;
  font-family: monospace;
  font-style: normal;
}
.accordion .icon .minus-sign {
  display: none;
}

/* SLIDER */
.slick-slide img{
  max-height: 200px;
  padding: 0 30px;
}

.slider-block-wrapper{
  background: #F5F5F5;
  padding: 50px 0 0 0;
}

.slider-block-wrapper .slider-block{
  position: relative;
  z-index: 1;
}

.slider-block-wrapper h3{
  font-size: 30px;
  padding-bottom: 50px;
  font-weight: 300;
  color: #13569E;
}

.slider-block-wrapper ul {
  display: flex;
  justify-content: space-between;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  position: relative;
  top: -130px;
}

.slider-block-wrapper ul li{
  background: #D9D9D9;
  font-size: 35px;
  padding: 15px 5px;
}

li.prev-img.slick-arrow {
    position: relative;
    left: 50px;
    color: #ffffff;
    cursor: pointer;
    z-index: 2;
}

li.next-img.slick-arrow {
    position: relative;
    right: 50px;
    color: #ffffff;
    cursor: pointer;
    z-index: 2;
}


/*********
** Blog **
**********/
.blog-posts img.blog-image {
    height: 220px;
    object-fit: cover;
    width: 100%;
}

.blog-posts .read-more-blog{
  color: #13569E;
}

.blog-posts .blog-header h2 {
  font-size: 18px;
  margin: 0;
  padding: 0 0 10px;
  color: #666666;
}

.blog-content .blog-pagination{
  padding: 60px 0px 30px 0px;
}

@media only screen and (max-width: 767px){
  .blog .column{
    padding-bottom: 30px;
  }

  .blog .latest-post-image{
    min-height: 200px;
  }
}
@media only screen and (max-width: 600px) {
  .flex-25{
    flex: 1 0 100%;
  }
  .flex-33{
    flex: 1 0 100%;
  }
  .flex-50{
    flex: 1 0 100%;
  }
  .flex-100{
    flex: 1 0 100%;
  }

  .learn-more-left-right .learn-more-paragraph{
    order: 1;
  }

  .learn-more-left-right .learn-more-image{
    order: 2;
  }

  .large-button-links .flex{
      gap: 50px;
      max-width: 350px;
      margin: auto;
  }
}

/************
** Sidebar **
*************/
aside.sidebar {
  padding-top: 100px;
}

aside.sidebar h3{
  color: #000000;
  border-bottom: #4798C2 2px solid;
  padding-bottom: 10px;
}

aside.sidebar .blogs{
  padding-top: 20px;
}

/****************
** Older Stuff **
*****************/
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

* :before, * :after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

html, body {
  height: 100%; }

body {
  font-size: 14px;
  background: #fff;
  color: #666666;
  font-family: Roboto, Arial, sans-serif;
  letter-spacing: 0.5px;
  line-height: 1.5em;
  font-weight: 300;
  width: 100%; }

main {
  padding-top: 59px;
  min-height: calc(100% - 317px); }
  @media all and (min-width: 768px) {
    main {
      padding-top: 80px; } }

main ul, main ol{
    font-size: 16px;
    font-weight: 300 !important;
    margin: 0;
    line-height: 1.5em;
}
main ul li, main ol li {
  padding-bottom: 20px;
}
main ul li:last-child, main ol li:last-child {
  padding-bottom: 0px;
}

.wrapper, article.container {
  padding: 0 20px;
  margin: 0 auto;
  width: 100%; }

img {
  max-width: 100%; }

.image-left {
  float: left;
  margin: 0 15px 15px 0; }

/* Alignment */
.alignleft {
  float: left;
  margin: 0.375em 1.75em 1.75em 0; }

.alignright {
  float: right;
  margin-left: 20px; }

.aligncenter {
  clear: both;
  display: block;
  margin: 0 auto 1.75em; }

@media (max-width: 500px) {
  .alignright, .alignleft {
    float: none;
    margin: 0 auto;
    display: block; } }

/* Clearfix */
.group:after {
  content: "";
  display: table;
  clear: both; }

/* Hiding */
.hidden {
  display: none; }

.mobile-hidden, .tablet-hidden {
  display: none; }

.desktop-hidden {
  display: inline-block; }

/* Large Phones */
@media all and (min-width: 480px) {
  .mobile-hidden {
    display: inline-block; } }

/* Tablets */
@media all and (min-width: 768px) {
  .tablet-hidden {
    display: inline-block; }
  .desktop-hidden {
    display: none; }
  .wrapper {
    padding: 0 20px; } }


@media all and (min-width: 782px) {
  footer .footer-nav ul .menu-item-has-children:after{
    content: none;
  }
}

/* Desktop */
@media all and (min-width: 1000px) {
  article.container {
    width: 1000px;
    padding: 20px 0; } }

@media all and (min-width: 1000px) {
  .wrapper, nav .sub menu {
    width: 1000px; } }

@media all and (min-width: 1200px) {
  .wrapper, nav .sub menu {
    width: 1170px; } }

/* Video Wrapper */
.video-wrapper {
  position: relative;
  padding-bottom: 56.25%;
  /* 16:9 */
  padding-top: 25px;
  height: 0; }

.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; }

.wp-embed-aspect-16-9 iframe {
  max-width: 100%;
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

/*
	Google Calendar Responsive Wrapper
	https://codepen.io/profstein/pen/ozrbPJ
*/
.googleCalendar {
  position: relative;
  height: 0;
  width: 50%;
  padding-bottom: 50%; }

.googleCalendar iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/* Font Face */
@font-face {
  font-family: 'bonddigitalregular';
  src: url("fonts/bonddigital-mono-webfont.woff2") format("woff2"), url("fonts/bonddigital-mono-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal; }

/************
** Imports **
************/
/* Typography */
/***************
** Typography **
***************/
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  line-height: 1em; }

h1, h2, h3 {
  font-weight: 700;
  color: #009ac4; }

h1 {
  font-size: 4em;
  color: #fff;
  font-family: "Roboto", Arial, sans-serif; }
  @media all and (min-width: 768px) {
    h1 {
      font-size: 7em; } }

h2 {
  font-size: 2em;
  margin: 1em 0 0.5em; }
  @media all and (min-width: 768px) {
    h2 {
      font-size: 2.5em; } }

h3 {
  font-size: 1.5em;
  margin: 1em 0 0.5em;
  font-weight: 400; }
  h3 + p {
    margin-top: 0; }
  @media all and (min-width: 768px) {
    h3 {
      font-size: 1.75em; } }

h4 {
  margin: 1em 0 0.5em;
  font-size: 1.5em;
  line-height: 1.25em;
  font-weight: normal; }

a {
  color: #f15a29;
  text-decoration: none; }
  a:hover, a:visited:hover {
    color: #f15a29;
    text-decoration: underline; }

/* Colors
.green {
  color: #009ac4; }

.orange, .red {
  color: #f15a29; }

.yellow {
  color: #ffcc32; }

.gray {
  color: #727d84; }
*/

/* Alignments */
.alignleft {
  float: left;
  margin: 20px 20px 20px 0; }

.alignright {
  float: right; }

.textleft {
  text-align: left; }

.textright {
  text-align: right; }

.textcenter {
  text-align: center; }

.title {
  color: #999;
  text-transform: uppercase; }

em {
  font-weight: normal; }

.emphasis {
  font-weight: bold;
  color: #009ac4;
  font-size: 24px; }

.deemphasis {
  font-size: 0.85em;
  color: #999;
  font-weight: normal; }

.label {
  color: #ffcc32;
  text-transform: uppercase;
  font-weight: normal;
  font-size: 14px; }

hr {
  border-color: -moz-use-text-color -moz-use-text-color #ddd;
  -webkit-border-image: none;
       -o-border-image: none;
          border-image: none;
  border-style: none none solid;
  border-width: 0 0 1px;
  display: block;
  height: 1px;
  line-height: 0;
  margin: 0;
  padding: 0; }

/* Header */
/***********
** Header **
***********/
/* Search Form */
.search-form {
  margin-bottom: 10px; }
  .search-form .search {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 5px; }
    .search-form .search input[type="search"] {
      width: calc(100% - 20px);
      display: inline-block;
      padding: 5px;
      border: 1px solid #ccc;
      border-radius: 5px 0 0 5px;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto; }
    .search-form .search button.search-submit {
      padding: 10px 8px 0 10px;
      display: inline-block;
      border: 1px solid #f15a29;
      border-radius: 0 5px 5px 0;
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      background-color: #f15a29; }
      .search-form .search button.search-submit:hover {
        background: #f15a29; }

.no-flexbox .search-form input[type="search"] {
  padding: 8px 9px 9px;
  margin: 0px -4px 0 0;
  width: 360px;
  position: relative;
  top: -9px; }

/* Login Form */
.login-form {
  display: none;
  padding: 20px;
  border-radius: 5px;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
          box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
  position: absolute;
  top: 25px;
  right: 0;
  text-align: left;
  z-index: 200;
  background-color: #fff;
  width: 300px; }
  .login-form.alt {
    top: 50px; }
  .login-form a {
    padding-left: 5px; }
  .login-form span {
    display: inline-block; }
  .login-form .form_login {
    margin-bottom: 0; }
    .login-form .form_login input {
      margin-bottom: 10px; }
      .login-form .form_login input.button {
        margin-bottom: 0; }

header {
  background-color: #fff;
  position: fixed;
  width: 100%;
  z-index: 100; }
    header.top-header .logo-img {
      max-width: 135px;
      max-height: 70px;
      display: block;
      width: 100%; }
      @media all and (min-width: 768px) {
        header.top-header .logo-img {
          max-height: 98px; } }
    header.top-header .tertiary-nav {
      display: block;
      text-align: right;
      font-weight: normal;
      position: relative;
      top: -10px; }
    header.top-header .nav-container {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      -ms-flex-item-align: center;
          align-self: center; }
  
    header.fixed-header .logo-img {
      max-width: 330px;
      max-height: 40px;
      width: 100px; }
    header.fixed-header .grid.wrapper {
      padding: 10px 20px 0;
      /* Desktop */ }
    header.fixed-header .grid .column {
      margin-bottom: 0; }

.header .wrapper.group.grid:after{
  display: none !important;
}

      header.fixed-header .grid .column.search-form {
        width: 45px;
        margin-right: 0;
        float: right;
        position: relative;
        z-index: 1000; }
        header.fixed-header .grid .column.search-form .search {
          padding-top: 0;
          position: relative; }
        header.fixed-header .grid .column.search-form input[type="search"] {
          width: 0;
          position: absolute;
          z-index: 100;
          top: 0;
          right: 25px;
          padding: 9px;
          border: 1px solid #ccc;
          -webkit-transition: width 0.2s linear 0s;
          -o-transition: width 0.2s linear 0s;
          transition: width 0.2s linear 0s; }
          header.fixed-header .grid .column.search-form input[type="search"].active {
            right: 45px;
            -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
                    box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35); }
        header.fixed-header .grid .column.search-form button.search-submit {
          border-radius: 5px;
          position: relative;
          z-index: 1000; }
          header.fixed-header .grid .column.search-form button.search-submit.active {
            -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
                    box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
            border-radius: 0 5px 5px 0; }
  header .secondary-nav {
    margin-bottom: 5px;
    position: relative; }

/********
** Nav **
********/
nav ul {
  margin: 0 auto;
  list-style: none;
  padding: 0; }

nav.primary {
  padding: 0;
  position: relative;
  z-index: 100; }
  nav.primary .menu-primary-nav {
    display: none;
    width: 100%;
    position: fixed;
    overflow-x: hidden;
    overflow-y: scroll;
    top: 76px;
    left: 0;
    bottom: 0;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 15%);
    border-top: 1px solid #ccc; }

    .customize-support nav.primary .menu-primary-nav{
      top: 122px;
    }

    @media all and (min-width: 480px) {
      nav.primary .menu-primary-nav {
        bottom: auto; } }
    @media all and (min-width: 926px) {
      nav.primary .menu-primary-nav {
        box-shadow: none;
        border-top: none;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-flow: row wrap;
                flex-flow: row wrap;
        -webkit-box-pack: end;
            -ms-flex-pack: end;
                justify-content: flex-end;
        position: static;
        width: 100%;
        -webkit-box-shadow: none;
                box-shadow: none;
        overflow: visible; } }

      nav.primary .menu-primary-nav li .sub-menu {
        visibility: hidden;
        display: block;
        height: 0;
        background-color: #ffffff;
        opacity: 0;
        transition: opacity .3s; }
      @media all and (min-width: 926px) {
        nav.primary .menu-primary-nav li .sub-menu {
          display: flex; }
        nav.primary .menu-primary-nav li:hover .sub-menu {
          opacity: 1;
          visibility: visible; }
        nav.primary .menu-primary-nav li.desktop-hidden {
          visibility: hidden; } }

      nav.primary .menu-primary-nav li:hover .arrow-up {
        border-bottom: 5px solid #f15a29; }
      nav.primary .menu-primary-nav li:hover .arrow-down {
        border-top: 5px solid #f15a29; }
      nav.primary .menu-primary-nav li > a {
        display: block;
        text-align: left;
        color: #727d84;
        font-size: 15px;
        line-height: 16px;
        font-weight: normal;
        outline: none;
        position: relative;
        text-decoration: none;
      }
          nav.primary .menu-primary-nav li > a:hover .arrow-up {
            border-bottom: 5px solid #f15a29; }
          nav.primary .menu-primary-nav li > a:hover .arrow-down {
            border-top: 5px solid #f15a29; }
        nav.primary > .menu-primary-nav > li.menu-item:hover > a{
          text-decoration: none;}
        nav.primary > .menu-primary-nav > li.menu-item.blue:hover > a {
          color: #0e4075 !important;
        }
        nav.primary > .menu-primary-nav > li.menu-item.orange:hover > a {
          color: #e14319 !important;
        }
        nav.primary > .menu-primary-nav > li.menu-item.purple:hover > a {
          color: #3e2e81 !important;
        }
        nav.primary > .menu-primary-nav > li.menu-item.red:hover > a {
          color: #900000 !important;
        }


        nav.primary .menu-primary-nav .menu-item.blue a:hover {
          color: #0e4075 !important;
        }
        nav.primary .menu-primary-nav .menu-item.orange a:hover {
          color: #e14319 !important;
        }
        nav.primary .menu-primary-nav .menu-item.purple a:hover {
          color: #3e2e81 !important;
        }
        nav.primary .menu-primary-nav .menu-item.red a:hover {
          color: #900000 !important;
        }

        nav #menu-primary-nav > .menu-item > ul.sub-menu > .menu-item a {
          font-weight: bold;
        }

        nav #menu-primary-nav > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu a {
          font-weight: normal;
          margin-bottom: 20px;
          margin-top: 20px;
        }

        nav #menu-primary-nav > .menu-item > ul.sub-menu > .menu-item > ul.sub-menu .menu-item {
          margin-bottom: 20px;
          margin-top: 20px;
        }

    @media all and (min-width: 926px) {
      nav.primary .menu-primary-nav > li {
        width: auto;
        position: relative;
        background: #ffffff; }
      nav.primary .menu-primary-nav > li > a {
        border-bottom: none; }
      nav.primary .menu-primary-nav > li:last-child > a {
        padding-right: 0; }
      nav.primary .menu-primary-nav > li.menu-item-has-children > a {
        cursor: default; }

      .customize-support nav.primary .menu-primary-nav > li ul.sub-menu {
        top: 110px;
      }

      nav.primary .menu-primary-nav > li ul.sub-menu {
        -webkit-box-shadow: 0 16px 21px -15px rgb(0 0 0 / 18%);
        box-shadow: 0 16px 21px -15px rgb(0 0 0 / 18%);
        background-color: #ffffff;
        padding: 30px 0 250px 0;
        background-clip: padding-box;
        position: fixed;
        top: 80px;
        z-index: 100;
        left: 0;
        width: 100%;
        border-top: 1px solid #e1e1e1;
      }

      nav.primary .menu-primary-nav > li ul.sub-menu li > a {
        font-size: 14px;
        text-transform: none;
        text-align: left;
        color: #009ac4;
        background-color: #ffffff;
        padding: 10px 20px;
        line-height: 1.25em;
      }

      nav.primary .menu-primary-nav > li ul.sub-menu > li > a {
        color: #666666;
        font-size: 20px;
        padding-bottom: 5px;
        max-width: 260px;
      }

      nav.primary .menu-primary-nav > li ul.sub-menu ul.sub-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
        background-color: #ffffff;
        padding: 0px;
        background-clip: none;
        position: static;
        top: 80px;
        z-index: 100;
        left: 0;
        width: 100%;
        border-top: none;
      }

      nav.primary .menu-primary-nav > li ul.sub-menu > li.sub-header ul.sub-menu li > a {
        font-size: 14px;
        text-transform: none;
        text-align: left;
        color: #009ac4;
        background-color: #ffffff;
        padding: 10px 20px;
        line-height: 1.25em;
      }

      nav.primary .menu-primary-nav > li ul.sub-menu > .menu-item{
        gap: 50px;
        width: 900px;
        margin: auto;
        align-items: flex-start;
        position: relative;
        left: 100px;
      }
      nav.primary .menu-primary-nav > li ul.sub-menu > .menu-item ul.sub-menu {
        gap: 0px;
        flex-flow: row wrap;
        flex: 1 1 0px;
        padding-left: 30px;
      }

      nav.primary .menu-primary-nav > li ul.sub-menu > .menu-item ul.sub-menu > .menu-item{
        flex: 0 1 38%;
        width: auto;
        margin: 0px;
      }

      .sub-menu-text{
        font-size: 12px;
        color: #666666;
        padding-top: 5px;
      }

      .sub-menu .sub-header > a{
        display: flex !important;
        flex-direction: column-reverse;
      }

      .sub-menu a .sub-menu-header-text{
        color: #666666;
        font-size: 20px;
        padding-bottom: 5px;
      }
    }
        .mobile-nav{
          display: none;
        }
        
        .mobile-nav > .menu-primary-nav{
          background-color: #ffffff;
          padding: 10px 20px;
        }

        .mobile-nav > .menu-primary-nav .menu-item{
          margin-bottom: 20px;
        }

        .mobile-nav > .menu-primary-nav .menu-item.menu-item-has-children{
          margin-bottom: 15px;
        }

        .mobile-nav > .menu-primary-nav .sub-menu .sub-menu{
          padding: 0 20px;
        }
        
        nav li.menu-item > a {
          cursor: pointer;
        }
        .menu-item-has-children {
          position: relative;
        }
        .menu-item-has-children:after {
            content: '\f078';
            font-family: FontAwesome;
            font-weight: normal;
            font-style: normal;
            text-decoration: none;
            font-size: 10px;
            margin-left: 3px;
            color: #727d84;
        }
        /* For mobile nav */
        @media all and (max-width:925px) {
          nav.primary .menu-primary-nav li > a {
            margin-bottom: 10px;
          }
          nav.primary .menu-primary-nav .sub-menu li > a {
            font-size: 12px;
          }
          nav.primary .menu-primary-nav > li.menu-item > a {
            padding-bottom: 5px;
          }
          .sub-menu-header-text {
            display: none;
          }
          .sub-menu-text{
            font-size: 12px;
          }
          nav.primary > .menu-primary-nav > li.menu-item:hover > a {
            color: #727d84;
          }
          nav.primary > .menu-primary-nav > li.menu-item.active > a {
            border-bottom: 2px solid #f15a29;
            color: #f15a29;
          }
          nav.primary > .menu-primary-nav > li.menu-item.active:hover > a {
            color: #f15a29;
          }
          .menu-item-has-children {
            margin-bottom: 15px;
          }
          .menu-item-has-children.active {
            margin-bottom: 25px;
          }
          .menu-item-has-children:after {
            line-height: 1em;
            position: absolute;
            top: 3px;
            right: 0;
          }
          .menu-item-has-children.active:after {
            content: '\f077';
            color: #f15a29;
          }
        }
        
        .sub-menu .menu-item-has-children:after {
            display: none;
        }
        
        /* Mega Nav on wider screens */
        @media all and (min-width:926px) {
          nav li.menu-item > .sub-menu li.menu-item{
            display: flex;
          }
          nav li.menu-item {
            display: flex;
            align-items: center;
            padding: 30px 0;
          }
        }
        
        nav #top-header-nav{
          gap: 18px;
        }
        
        nav ul.sub-menu .menu-item {
          padding: 0px;
        }
        


/* Home */
/**************
** Home Page **
**************/
/* Hero */
.home-hero-slide {
  min-height: 200px;
  max-height: 535px;
  position: relative;
  height: 100%; }
  .home-hero-slide .wrapper.hero-title-wrapper {
    position: relative;
    bottom: 75px; }
  .home-hero-slide img {
    height: 100%;
    max-height: 535px; }

.hero-text-only p {
  font-size: 1.5em; }
  @media all and (min-width: 768px) {
    .hero-text-only p {
      font-size: 2em; } }
  @media all and (min-width: 1180px) {
    .hero-text-only p {
      font-size: 2.65em; } }

.home-hero-title {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  bottom: 0;
  left: 0;
  max-width: 580px;
  color: #fff;
  font-size: 2.5em;
  line-height: 1.1em;
  font-weight: 400;
  padding: 0; }
  @media all and (min-width: 630px) {
    .home-hero-title {
      font-size: 2.75em; } }
  @media all and (max-width: 980px) {
    .home-hero-title {
      padding: 0 20px; } }
  @media all and (min-width: 1180px) {
    .home-hero-title {
      font-size: 3.5em; } }
  @media all and (min-width: 1360px) {
    .home-hero-title {
      max-width: 680px; } }
  @media all and (min-width: 1600px) {
    .home-hero-title {
      max-width: 720px; } }

.bx-wrapper {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  margin-bottom: 0; }

.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
  bottom: 15px;
  padding-top: 0; }

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #eee; }

.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #ccc; }

.bx-wrapper img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  min-height: 320px; }

/* Three-Column Layout */
.three-column-layout .column.col-third {
  border-top: 15px solid #ffcc32; }
  .three-column-layout .column.col-third:nth-child(2n) {
    border-color: #009ac4; }
  .three-column-layout .column.col-third:nth-child(3n) {
    border-color: #f15a29; }

.three-column-layout h4 {
  font-weight: 700;
  margin-top: 0.5em; }

.three-column-layout ul {
  padding-left: 25px; }
  .three-column-layout ul li {
    font-size: 1.35em;
    line-height: 1.5em; }

/* Portfolio */
.home-portfolio {
  padding-left: 20px; }
  .home-portfolio a {
    display: block; }
    .home-portfolio a + a {
      margin-top: 20px; }
  .home-portfolio .portfolio-item-image-wrapper {
    background: #fff; }
  .home-portfolio .portfolio-item-image {
    width: 100%; }
    .home-portfolio .portfolio-item-image.image-border {
      border: 1px solid #ccc; }

/* About Us */
.home-about {
  background: #ffcc32; }

.about-us.group.grid {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative; }
  @media all and (min-width: 480px) {
    .about-us.group.grid .home-left.col-half, .about-us.group.grid .home-right.col-half {
      width: 100%; } }
  @media all and (min-width: 768px) {
    .about-us.group.grid .home-left.col-half, .about-us.group.grid .home-right.col-half {
      width: 48%; }
      .about-us.group.grid .home-left.col-half:nth-of-type(2n), .about-us.group.grid .home-right.col-half:nth-of-type(2n) {
        margin-right: 0; } }
  .about-us.group.grid .home-right {
    margin-top: 10px; }
    @media all and (min-width: 768px) {
      .about-us.group.grid .home-right {
        margin-top: 20px;
        padding-left: 20px; } }
  .about-us.group.grid h3, .about-us.group.grid h2 {
    color: #333;
    margin-top: 0; }
  .about-us.group.grid p {
    color: #333;
    font-size: 1.5em;
    line-height: 1.5em; }

.no-background-attachment .about-us {
  background-attachment: inherit; }

/* Blog Posts */
.latest-posts {
  margin-top: 15px;
  margin-bottom: 75px; }
  .latest-posts h2 {
    display: inline-block;
    width: auto;
    position: relative;
    z-index: 1;
    padding: 20px; }
  .latest-posts .group.grid {
    position: relative;
    z-index: 1; }
  .latest-posts h3 {
    font-weight: 300;
    margin-top: 10px;
    line-height: 24px;
    font-size: 20px;
    padding-bottom: 20px; }
  .latest-posts .latest-post-image {
    min-height: 200px;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }
    .latest-posts .latest-post-image.no-image {
      background-color: #009ac4; }
  .latest-posts a {
    display: block;
    margin-top: 10px; }

@-webkit-keyframes scrollButton {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0); }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
            transform: rotate(-45deg) translate(-10px, 10px); }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0); } }

@keyframes scrollButton {
  0% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0); }
  20% {
    -webkit-transform: rotate(-45deg) translate(-10px, 10px);
            transform: rotate(-45deg) translate(-10px, 10px); }
  40% {
    -webkit-transform: rotate(-45deg) translate(0, 0);
            transform: rotate(-45deg) translate(0, 0); } }

/* Wrapper */
.wrapper-block{
  background-repeat: no-repeat;
  background-size: cover;
}
.wrapper-block.bg-none{
  background-color: unset;
}
.wrapper-block.bg-light-blue{
  background-color: #88A7CA14;
}
.wrapper-block.bg-blue{
  background-color: #4798C2;
}

/* Single Page */
/****************
** Single Page **
****************/
.hero {
  background-color: #ccc;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  margin: 0 0 20px;
  position: relative; }
  .hero::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1px;
    -webkit-box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25);
            box-shadow: 0px 0px 10px 2px rgba(0, 0, 0, 0.25); }
  .hero .hero-headline {
    background: rgba(0, 154, 196, 0.25);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0; }
    .hero .hero-headline h1 {
      font-size: 2.5em;
      width: 100%;
      text-align: center; }
      @media all and (min-width: 768px) {
        .hero .hero-headline h1 {
          font-size: 5em; } }
    .hero .hero-headline p {
      text-align: center;
      color: #fff;
      margin: 0;
      font-weight: 300;
      font-size: 1.2em;
      width: 100%;
      line-height: 1em; }
      @media all and (min-width: 480px) {
        .hero .hero-headline p {
          font-size: 1.5em; } }
  @media all and (min-width: 480px) {
    .hero {
      height: 240px; } }
  @media all and (min-width: 768px) {
    .hero {
      height: 340px; } }
  @media all and (min-width: 928px) {
    .hero {
      height: 450px; } }

.contact .hero {
  background-position: center 30%; }

.hero-headline {
  background: #009ac4;
  padding: 15px 0 10px; }
  .hero-headline .wrapper {
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    top: 30%; }
    @media all and (min-width: 480px) {
      .hero-headline .wrapper {
        top: 40%; } }
  .hero-headline .feature-icon {
    display: none;
    position: absolute;
    top: -40px;
    margin-bottom: 0; }
    @media all and (min-width: 480px) {
      .hero-headline .feature-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 20px; } }
    @media all and (min-width: 768px) {
      .hero-headline .feature-icon {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        left: 40px; } }
    @media all and (min-width: 960px) {
      .hero-headline .feature-icon {
        left: 20px; } }
  .hero-headline h1 {
    color: #fff;
    font-size: 2em;
    margin: 0 auto;
    display: inline-block;
    margin-left: 0;
    margin-bottom: 10px; }
    @media all and (min-width: 768px) {
      .hero-headline h1 {
        margin-left: 5px; } }
  .hero-headline a, .hero-headline a:hover, .hero-headline a:visited, .hero-headline a:visited:hover {
    color: #fff;
    text-decoration: none;
    font-weight: normal; }

.single-page .hero-headline .wrapper {
  position: absolute;
  left: 0;
  right: 0; }

.single-page .hero-headline.no-image {
  background-color: #009ac4;
  margin-bottom: 20px;
  height: 4px;
  padding: 0; }
  .single-page .hero-headline.no-image + .wrapper {
    position: static; }
    @media all and (min-width: 768px) {
      .single-page .hero-headline.no-image + .wrapper {
        padding: 10px 0 0; } }
    .single-page .hero-headline.no-image + .wrapper h1 {
      margin-left: 0;
      font-size: 4em;
      font-weight: 300;
      text-align: center;
      text-transform: none;
      color: #727d84;
      display: block;
      width: 100%; }
    .single-page .hero-headline.no-image + .wrapper + .body-content.wrapper {
      padding-top: 40px; }
  .single-page .hero-headline.no-image.landing-page {
    height: 300px;
    margin-bottom: 0; }
    .single-page .hero-headline.no-image.landing-page .wrapper {
      position: static; }
      .single-page .hero-headline.no-image.landing-page .wrapper h1 {
        font-size: 4em;
        margin-left: 0; }
      .single-page .hero-headline.no-image.landing-page .wrapper p {
        color: #fff;
        font-size: 1.2em;
        font-weight: 300;
        line-height: 1em;
        margin: 0;
        width: 100%; }
      .single-page .hero-headline.no-image.landing-page .wrapper .headline-text {
        float: left;
        width: 75%;
        margin-top: 100px; }
      .single-page .hero-headline.no-image.landing-page .wrapper .headline-icon {
        float: right;
        width: 25%;
        text-align: right;
        margin-top: 100px; }

.feature-icon {
  height: 100px;
  width: 100px;
  max-width: 100%;
  border-radius: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto; }
  .feature-icon .icon {
    width: 50px;
    height: 50px;
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto; }

/* Body Content */
.body-content .callout {
  margin-left: 20px;
  float: right;
  width: 300px;
  padding: 0 20px 20px;
  background: #f15a29;
  border-radius: 20px;
  -webkit-box-shadow: 0 3px 8px 0px rgba(50, 50, 50, 0.35);
          box-shadow: 0 3px 8px 0px rgba(50, 50, 50, 0.35); }
  .body-content .callout a.button {
    letter-spacing: -0.1px;
    display: block;
    width: 100%;
    text-align: center; }

.body-content .lead {
  font-size: 1.5em;
  line-height: 1.75em; }

.body-content p, .body-content li, .body-content .excerpt {
  font-size: 1.25em;
  line-height: 1.5em;
  margin-bottom: 1em; }
  .body-content p:first-child, .body-content li:first-child, .body-content .excerpt:first-child {
    margin-top: 0; }
  .body-content p[id^="comment"], .body-content li[id^="comment"], .body-content .excerpt[id^="comment"] {
    font-size: 1em; }
  .body-content p ul li, .body-content li ul li, .body-content .excerpt ul li {
    font-size: 1em;
    margin-bottom: 0.5em; }
    .body-content p ul li:first-child, .body-content li ul li:first-child, .body-content .excerpt ul li:first-child {
      margin-top: 0.5em; }
  .body-content p.no-top-margin, .body-content li.no-top-margin, .body-content .excerpt.no-top-margin {
    margin-top: 0; }

.body-content ul li {
  list-style: none;
  margin-bottom: 0.5em; }
  .body-content ul li:before {
    content: '\2022';
    display: block;
    position: relative;
    max-width: 0;
    max-height: 0;
    left: -20px;
    top: 0;
    font-size: 20px;
    color: #f15a29; }
  .body-content ul li h3 {
    margin: 0; }

.body-content h2 {
  font-weight: 400; }

.body-content aside + h2 {
  margin-top: 0; }

.body-content h2:first-child {
  margin-top: 0; }

.body-content .breadcrumbs + h2 {
  margin-top: 0.5em; }

@media all and (min-width: 768px) {
  .body-content .single-page-content.grid .column.sidebar-column {
    margin-left: 5%;
    margin-right: 0; } }

.body-content .grid .column {
  text-align: left; }

.body-content .fancybox-media img {
  -webkit-box-shadow: 0 3px 8px 0px rgba(50, 50, 50, 0.35);
          box-shadow: 0 3px 8px 0px rgba(50, 50, 50, 0.35); }

/* Landing Page */
.page-template-page-landing .landing-header {
  background-color: #ffcc32;
  padding: 20px;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
          box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
  position: relative;
  z-index: 10; }
  .page-template-page-landing .landing-header .wrapper {
    padding-top: 0;
    padding-bottom: 0; }
  .page-template-page-landing .landing-header div {
    text-transform: uppercase;
    font-weight: 700; }

.page-template-page-landing .grid .column {
  margin-bottom: 0; }

.page-template-page-landing form {
  margin: 40px 0; }
  .page-template-page-landing form.quiz_form {
    margin: 20px 0; }

/* Team */
.team-member {
  margin-bottom: 25px; }

.img-circle {
  border-radius: 75px;
  margin-bottom: 5px; }

/* Work (Portfolio) */
.tax-work-categories .group.grid.single-page-content .column.single-column.main-column, .page-template-page-work .group.grid.single-page-content .column.single-column.main-column{
  margin: 0px;
}

.tax-work-categories .cat-selector{
  margin: 50px 0;
}

.cat-selector ul{
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;
    margin-bottom: 50px;
    border: 2px #4798C2 solid;
    border-radius: 28px;
}

.cat-selector ul li{
  padding: 11px 0px;
}

.cat-selector ul li a{
  padding: 15px;
  border-radius: 28px;
  color: #000000;
}

.cat-selector ul li.active a{
  background-color: #4798C2;
  color: #ffffff;
}

.works-assets.featured-products{
  justify-content: space-between;
}


body.portfolio .column.single-column.main-column {
  margin-right: 1%;
  margin-left: 1%; }

.image-link {
  display: block;
  position: relative;
  margin: 0;
  padding: 0;
  line-height: 0;
  height: 100%;
  background: #fff;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  .image-link img {
    -webkit-box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.35);
            box-shadow: 3px 3px 8px 0px rgba(50, 50, 50, 0.35);
    min-height: 100%;
    -o-object-fit: cover;
       object-fit: cover; }
  .image-link .work-content {
    opacity: 0;
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    color: #fff;
    line-height: 1.5em;
    padding: 10px;
    -webkit-transition: opacity 0.2s ease 0s;
    -o-transition: opacity 0.2s ease 0s;
    transition: opacity 0.2s ease 0s;
    background: #009ac4; }
    .image-link .work-content h4 {
      margin-top: 0.5em; }
  .image-link:hover .work-content {
    opacity: 1; }

.works-assets.grid .column {
  margin-bottom: 25px; }
  .works-assets.grid .column.col-fourth {
    width: 100%; }
    @media all and (min-width: 480px) {
      .works-assets.grid .column.col-fourth {
        width: 48.5%; } }
    @media all and (min-width: 768px) {
      .works-assets.grid .column.col-fourth {
        width: 23.5%; } }
  .works-assets.grid .column:nth-child(2n) .work-content {
    background: #f15a29; }
  .works-assets.grid .column:nth-child(3n) .work-content {
    background: #ffcc32; }
  .works-assets.grid .column:nth-child(4n) .work-content {
    background: #727d84; }

.middle-dot {
  font-size: 2em;
  position: relative;
  top: 5px;
  font-weight: 700; }

.work-portfolio h1 {
  color: #009ac4;
  font-family: Roboto, Arial, sans-serif;
  font-size: 1.75em;
  margin: 0.25em 0 0.5em;
  font-weight: 400;
  word-spacing: normal;
  line-height: 1.25em; }
  @media all and (min-width: 768px) {
    .work-portfolio h1 {
      font-size: 2.25em; } }

.work-portfolio p, .work-portfolio h3, .work-portfolio h2 {
  max-width: 650px;
  margin-left: auto;
  margin-right: auto; }

.work-portfolio h2 {
  font-size: 1.5em; }
  @media all and (min-width: 768px) {
    .work-portfolio h2 {
      font-size: 1.75em;
      padding-bottom: 10px;
      line-height: normal; } }

.work-portfolio .single-page-content {
  margin-top: 60px; }

.work-portfolio .single-page-content img {
  margin-top: 30px;
  margin-bottom: 0; }
  .work-portfolio .single-page-content img:first-child {
    margin-top: 0;
    margin-bottom: 40px; }

.work-portfolio #left-column {
  display: inline-block; }
  @media all and (min-width: 768px) {
    .work-portfolio #left-column {
      width: 45%;
      margin-right: 2%; } }

.work-portfolio .image-column {
  display: inline-block; }
  @media all and (min-width: 768px) {
    .work-portfolio .image-column {
      width: 48%;
      position: absolute;
      left: 50%; } }
  .work-portfolio .image-column .flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    margin: 30px 0 0; }
    .work-portfolio .image-column .flex:last-child {
      margin-bottom: 30px; }
  .work-portfolio .image-column img.right-column-image:last-child {
    margin-bottom: 30px; }
  .work-portfolio .image-column .portfolio-item-image-wrapper {
    -webkit-box-flex: 0;
        -ms-flex: 0 1 auto;
            flex: 0 1 auto;
    width: 49%;
    margin-right: 2%;
    margin-top: 0;
    margin-bottom: 0 !important; }
    .work-portfolio .image-column .portfolio-item-image-wrapper img.right-column-image-half {
      margin-bottom: 0; }
    .work-portfolio .image-column .portfolio-item-image-wrapper + .portfolio-item-image-wrapper {
      margin-right: 0; }
  .work-portfolio .image-column img.right-column-image-half {
    -o-object-fit: cover;
       object-fit: cover;
    min-height: 100%;
    display: block; }

@media all and (min-width: 768px) {
  .work-portfolio .work-done {
    padding: 20px;
    font-size: 1em;
    line-height: 1.2em;
    -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
            box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
    border: 1px solid #ccc; }
    .work-portfolio .work-done h3, .work-portfolio .work-done h4 {
      margin-top: 0; } }

/* Owl Carousel */
.owl-theme .owl-controls .owl-buttons div {
  position: absolute;
  bottom: 60%;
  text-indent: -9999px;
  outline: none;
  opacity: 0.95;
  padding: 0;
  width: 15px;
  height: 30px;
  z-index: 100;
  border-radius: 0;
  /* Phones + */
  /* Tablets */
  /* Large Tablets */ }
  @media all and (min-width: 480px) {
    .owl-theme .owl-controls .owl-buttons div {
      top: 0;
      bottom: auto; } }
  @media all and (min-width: 685px) {
    .owl-theme .owl-controls .owl-buttons div {
      top: auto;
      bottom: 5px; } }
  @media all and (min-width: 805px) {
    .owl-theme .owl-controls .owl-buttons div {
      width: 25px;
      height: 50px;
      top: 50%;
      bottom: auto; } }

.owl-theme .owl-controls .owl-buttons .owl-prev {
  left: 0;
  top: auto;
  bottom: -20px;
  background: url("images/icons/chevron-left.svg") no-repeat;
  /* Large Tablets */ }
  @media all and (min-width: 1171px) {
    .owl-theme .owl-controls .owl-buttons .owl-prev {
      background-size: contain;
      left: -40px;
      top: 50%;
      bottom: auto; } }

.owl-theme .owl-controls .owl-buttons .owl-next {
  right: 0;
  top: auto;
  bottom: -20px;
  background: url("images/icons/chevron-right.svg") no-repeat;
  /* Phones + */
  /* Tablets */
  /* Large Tablets */ }
  @media all and (min-width: 1171px) {
    .owl-theme .owl-controls .owl-buttons .owl-next {
      right: -40px;
      background-size: contain;
      top: 50%;
      bottom: auto; } }

/* Tables */
table {
  text-align: left;
  width: 100%; }
  table td, table th {
    padding: 2px 5px; }
  table th {
    font-weight: normal;
    color: #ffcc32; }

/* Sidebar */
.sidebar .latest-post {
  margin-bottom: 40px; }

.sidebar h3 {
  font-size: 1.5em;
  line-height: 1em;
  color: #f15a29;
  margin: 0 0 0.25em; }

.sidebar .widget {
  margin: 0 0 20px; }
  .sidebar .widget:last-child {
    margin-bottom: 0; }

.sidebar ul {
  list-style: outside none none;
  margin: 0;
  padding: 20px 0 40px;
  text-align: center; }
  .sidebar ul li {
    position: relative;
    font-size: 1em;
    line-height: 1.25em;
    margin: 0 0 0px 0;
    padding: 0;
    border: 1px solid #eee;
    display: inline-block; }
    .sidebar ul li:last-child {
      border-bottom: none; }
    .sidebar ul li::before {
      content: ''; }
    .sidebar ul li a {
      display: block;
      padding: 10px 10px;
      font-weight: 300;
      font-size: 1em;
      line-height: 1em;
      color: #666; }
      .sidebar ul li a:hover, .sidebar ul li a.active {
        text-decoration: none;
        color: #fff;
        background: #009ac4; }
    .sidebar ul li.current_page_item a {
      color: #fff;
      background: #009ac4; }

.sidebar ul li .count {
  color: #ccc;
  display: inline-block;
  position: absolute;
  right: 5px;
  top: 10px; }

.featured-product-sidebar {
  padding: 0 0 0 10px; }
  .featured-product-sidebar h3 {
    margin: 0;
    padding: 10px 0;
    background-color: #f15a29;
    color: #ffffff;
    font-size: 2em;
    text-align: center; }
  .featured-product-sidebar .owl-theme .owl-controls .owl-buttons div {
    height: 30px;
    width: 20px; }
  .featured-product-sidebar .owl-theme .owl-controls .owl-buttons .owl-prev {
    top: 33%;
    left: -15px; }
  .featured-product-sidebar .owl-theme .owl-controls .owl-buttons .owl-next {
    top: 33%;
    right: -15px; }
  .featured-product-sidebar .interior-wrapper {
    border: 1px solid #ccc; }
    .featured-product-sidebar .interior-wrapper .interior-wrapper-secondary {
      padding: 10px 15px 0; }
    .featured-product-sidebar .interior-wrapper .featured-product-description p {
      font-size: 1.1em; }
    .featured-product-sidebar .interior-wrapper .featured-product-description ul li {
      font-size: 1.1em;
      margin-bottom: 5px; }
    .featured-product-sidebar .interior-wrapper .featured-product-box {
      text-align: left; }
      .featured-product-sidebar .interior-wrapper .featured-product-box .featured-product-sku {
        display: block;
        color: #888;
        margin-bottom: 10px; }
      .featured-product-sidebar .interior-wrapper .featured-product-box h4 {
        font-size: 1.25em;
        margin-bottom: 0.5em; }
      .featured-product-sidebar .interior-wrapper .featured-product-box img {
        margin: 0 auto;
        display: block; }
      .featured-product-sidebar .interior-wrapper .featured-product-box .yith-wcwl-add-button {
        position: static; }

.graphic-page-links > h3 {
  margin-top: 0; }

/* Search */
.search-results .featured-product-box {
  border: 1px solid #ccc;
  padding: 10px;
  position: relative;
  text-align: center;
  height: 420px;
  overflow: hidden; }
  .search-results .featured-product-box p {
    font-size: 1.1em;
    text-align: left; }

/* Gallery */
.gallery-tagline {
  text-align: center;
  background-color: #009ac4;
  padding: 5px;
  font-size: 20px;
  color: #ffffff;
  font-family: 'fs_albertextrabold', arial, sans-serif;
  font-weight: normal; }

.gallery {
  max-width: 715px;
  margin: 10px 0; }
  .gallery .column {
    margin: 0 1% 5px !important;
    text-align: center; }
  .gallery .col-third:nth-of-type(5n), .gallery .col-third:nth-of-type(6n) {
    float: right; }
  .gallery .col-two-thirds:nth-of-type(6n + 4) {
    float: right; }
  @media all and (min-width: 480px) {
    .gallery .column.col-third {
      width: 31.5% !important; }
    .gallery .column.col-two-thirds {
      width: 64.5% !important; } }
  @media all and (max-width: 480px) {
    .gallery img {
      width: 100%; } }

.vehicle-graphics .gallery {
  max-width: 845px; }

.vehicle-graphics .gallery-item img {
  margin-bottom: 0; }

.vehicle-graphics .fancybox-nav span {
  visibility: visible; }

/* Contact form */
.contact-form {
  margin: 0 0 10px 20px;
  padding: 15px;
  background: #f0f0f0;
  width: 225px;
  float: right;
  font-size: 1em;
  line-height: 1.2em;
  -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
          box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
  border: 1px solid #ccc; }
  .contact-form p {
    font-size: 1em;
    margin: 0 0 10px; }
    .contact-form p.top-margin {
      margin-top: 5px; }
  .contact-form form {
    width: 100%; }
    .contact-form form input[type="text"] {
      display: inline-block;
      width: 48%;
      margin-right: 2%; }
      .contact-form form input[type="text"].last-name {
        margin-right: 0; }
    .contact-form form textarea {
      width: 100%;
      max-width: 100%;
      min-width: 100%;
      height: 100px;
      margin-top: 10px; }
    .contact-form form input[type="submit"] {
      width: 100%;
      margin-top: 10px;
      display: block; }

/* Breadcrumbs */
.body-content ul.breadcrumbs {
  list-style: none;
  margin: 0;
  padding: 0; }
  .body-content ul.breadcrumbs li {
    display: inline-block;
    margin: 0 5px 0 0;
    font-size: 1em; }
    .body-content ul.breadcrumbs li:before {
      content: ''; }
  .body-content ul.breadcrumbs .separator {
    color: #999; }

/**********
** Sites **
**********/
.page-template-sites ul {
  margin: 0;
  padding: 0 0 0 15px; }
  .page-template-sites ul li {
    margin: 0;
    padding: 0;
    font-size: 16px; }
    .page-template-sites ul li:before {
      color: #009ac4; }
    .page-template-sites ul li a {
      color: #009ac4; }

.page-template-sites p {
  font-size: 16px;
  margin: 0; }

.site-links {
  padding: 15px;
  font-size: 14px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 6px;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); }
  .site-links h4 {
    margin-top: 0; }

.site-masonry {
  /* Masonry container */
  -webkit-column-gap: 1em;
          column-gap: 1em; }

.site-item {
  /* Masonry bricks or child elements */
  background-color: #eee;
  display: inline-block;
  margin: 0 0 1em;
  width: 100%; }

@media only screen and (min-width: 1024px) {
  .site-masonry {
    -webkit-column-count: 4;
            column-count: 4; } }

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .site-masonry {
    -webkit-column-count: 3;
            column-count: 3; } }

@media only screen and (max-width: 767px) and (min-width: 540px) {
  .site-masonry {
    -webkit-column-count: 2;
            column-count: 2; } }

@media all and (min-width: 460px) {
  .row {
    margin: 0 -15px; }
    .row:before, .row:after {
      content: " ";
      display: table; }
    .row:after {
      clear: both; }
  .col-sm-3, .col-sm-4 {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    float: left; }
  .col-sm-3 {
    width: 25%; }
  .col-sm-4 {
    width: 33.3333333%; } }

/*********
** Quiz **
*********/
.body-content .quiz ul li:before {
  content: ''; }

.quiz {
  width: 100%; }

.quiz-container {
  margin: 0 0 40px; }
  .quiz-container .quiz_form .demographics {
    margin-bottom: 40px; }
    @media all and (min-width: 768px) {
      .quiz-container .quiz_form .demographics {
        width: 50%; } }

/* Questions and Answers */
.slide {
  display: none;
  width: 100%; }

.slide:first-child {
  display: block; }

.next-button, .finish-button {
  margin-top: 40px; }

/* Answers */
.answers {
  margin: 0 0 20px;
  padding: 0;
  list-style: none; }

li .answer-text:before {
  margin-right: 5px;
  display: inline-block;
  font-weight: bold; }

.answer input {
  margin-right: 10px; }

.answer label {
  font-weight: normal; }

.answer.selected label {
  font-weight: bold; }

/* Alerts */
.quiz ~ .alerts {
  -webkit-box-ordinal-group: 4;
      -ms-flex-order: 3;
          order: 3; }

.alerts {
  /*
    position: relative;
    top:-95px;
    */ }

.warning, .correct, .incorrect {
  display: none;
  margin: 10px 0;
  font-weight: bold; }

#warning, #incorrect {
  color: red; }

#correct {
  color: green; }

/* Question Counter */
.question-counter {
  padding: 10px;
  text-align: left;
  margin: 2px auto;
  width: 100%;
  background: #fafafa; }

#quiz-progress {
  display: none; }

#quiz-progress-mobile {
  margin: 20px 0;
  -webkit-box-ordinal-group: 5;
      -ms-flex-order: 4;
          order: 4; }

/* Tablet */
@media all and (min-width: 600px) {
  #quiz-progress {
    display: block; }
  #quiz-progress-mobile {
    display: none; }
  .quiz-progress .selected {
    background: #009ac4;
    color: #fff; } }

/* Results */
.result {
  margin-bottom: 20px; }

.result-question-number {
  font-weight: bold; }

.results-grade {
  font-weight: 700;
  font-size: 1.25em;
  line-height: 1em; }
  .results-grade .grade, .results-grade .green-grade {
    font-size: 5em; }
  .results-grade .grade {
    color: #ffcc32; }
  .results-grade .green-grade {
    color: green; }

.label {
  font-style: italic; }

.correct, .incorrect {
  font-weight: bold; }

.correct {
  color: green; }

.incorrect {
  color: red; }

/****************
** Quiz Report **
****************/
#quiz-report {
  width: 100%;
  margin: 20px 0; }

#quiz-report th {
  text-align: left;
  font-weight: normal;
  font-family: AdBuchSBCon, Arial, sans-serif; }

#quiz-report th, #quiz-report td {
  padding: 10px; }

#quiz-report tr:nth-child(odd) {
  background: #fafafa; }

#quiz-report tr:nth-child(even) {
  background: #cdf1df; }

/* Chart */
.chart {
  width: 100%;
  height: 500px;
  text-align: center; }
  .chart .square {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px; }
  .chart .key-description {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px; }
  .chart .color1 {
    background: #009ac4; }
  .chart .color2 {
    background: #f15a29; }
  .chart .y-axis, .chart .x-axis {
    display: inline-block;
    height: 100%;
    vertical-align: middle; }
  .chart .y-axis {
    width: 115px;
    position: relative; }
  .chart .x-axis {
    width: calc(100% - 125px); }
  .chart .y-percentages {
    display: inline-block;
    width: 90px;
    vertical-align: middle; }
  .chart .y-description {
    -webkit-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
            transform: rotate(-90deg);
    width: 400px;
    height: 400px;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 20px; }
  .chart .y-percentages {
    position: relative;
    height: calc(100% - 100px); }
  .chart .y-axis .y-percentages span {
    display: block;
    position: absolute;
    right: 0; }
  .chart .y-axis .y-percentages span.a100 {
    bottom: calc(100% - 20px); }
  .chart .y-axis .y-percentages span.a80 {
    bottom: 80%; }
  .chart .y-axis .y-percentages span.a60 {
    bottom: 60%; }
  .chart .y-axis .y-percentages span.a40 {
    bottom: 40%; }
  .chart .y-axis .y-percentages span.a20 {
    bottom: 20%; }
  .chart .y-axis .y-percentages span.a0 {
    bottom: 0%; }
  .chart .col-third {
    display: inline-block;
    width: 32%;
    vertical-align: middle; }
  .chart .x-axis-values {
    border-left: 1px solid #999;
    height: calc(100% - 100px); }
  .chart .x-axis-values .col-third {
    height: 100%; }
  .chart .key1, .chart .key2 {
    display: inline-block;
    width: 45%;
    position: relative;
    height: 100%; }
  .chart .key-value {
    width: 75px;
    display: block;
    position: absolute;
    bottom: 0;
    padding: 10px;
    color: #fff;
    font-weight: bold; }
  .chart .key1-value {
    background: #009ac4; }
  .chart .key2-value {
    background: #f15a29; }
  .chart .key-64 {
    height: 64%; }
  .chart .key-67 {
    height: 67%; }
  .chart .key-44 {
    height: 44%; }
  .chart .key-50 {
    height: 50%; }
  .chart .key-22 {
    height: 22%; }
  .chart .key-31 {
    height: 31%; }
  .chart .x-axis-descriptions {
    padding-top: 15px;
    border-top: 1px solid #999; }

/*********
** Blog **
*********/
.blog-footer{
  padding-top: 100px;
}
@media all and (min-width: 768px) {
  .group .blog-posts.column {
    margin-right: 8%; } }

.blog-content .excerpt {
  position: relative; }

.posted-in p {
  margin-bottom: 5px; }

.blog-post-sidebar-image {
  margin-bottom: 20px; }
  .blog-post-sidebar-image img {
    border: 1px solid #ddd; }

.post-meta {
  padding: 10px 0 20px;
  font-weight: normal;
  font-size: 14px;
  line-height: 1.5em;
  color: #666; }
  .post-meta.no-padding {
    padding: 0; }
  .post-meta .post-date, .post-meta .post-author {
    display: inline-block; }
  .post-meta .author a, .post-meta .author a:hover {
    text-decoration: none;
    font-weight: normal;
    color: #fff; }

.blog-header {
  position: relative;
  margin-bottom: 0; }
  .blog-header.hero {
    -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
            box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35); }
  .blog-header.hero-headline {
    background-color: #fff;
    margin-bottom: 0;
    padding: 20px 0 5px; }
  .blog-header h2 {
    margin: 0;
    padding: 0 0 10px; }

.body-content .blog-posts .blog-post-content p:first-child {
  margin-top: 10px; }

  .single-page.interior-content .blog-post-content h1 {
  margin-left: 0;
  font-size: 3em;
  font-weight: 300;
  text-transform: none;
  color: #009ac4;
  font-family: Roboto, Arial, sans-serif;
  letter-spacing: -1px;
  word-spacing: normal;
  font-weight: 400;
  display: block;
  width: 100%;
  padding-top: 30px; }

  .single-page.interior-content .blog-post-content h3 {
    margin: 1em 0 0.5em;
  }
  main .single-page.interior-content .blog-post-content ul {
    font-size: 1em;
  }


/* Comments */
.comments {
  margin-top: 40px;
  border-top: 3px solid #009ac4; }
  .comments ul {
    list-style: none;
    padding: 0;
    margin-bottom: 40px; }
    .comments ul.children {
      margin-left: 40px; }
      .comments ul.children li {
        padding-left: 10px;
        border-left: 3px solid #009ac4; }
        .comments ul.children li:nth-child(odd) {
          border-left: 3px solid #f15a29; }
    .comments ul li.comment {
      margin: 0 0 20px;
      padding: 10px;
      background: #f3f3f3; }
      .comments ul li.comment:nth-child(odd) {
        background: #e9e9e9; }
      .comments ul li.comment .comment-author {
        font-size: 1.25em;
        color: #009ac4;
        font-weight: bold; }
      .comments ul li.comment .comment-meta {
        font-size: 0.85em;
        color: #999; }

/* Blog Sidebar */
.blog-sidebar {
  padding: 20px; }

/* Footer */
/***********
** Footer **
***********/
footer {
  margin-top: 100px;
  position: relative;
  z-index: 10; }
  footer + footer {
    margin-top: 0; }
  footer a {
    color: #666; }
  footer .wrapper {
    padding: 0; }
  footer .contact-form {
    padding: 40px 0 40px;
    background: #009ac4;
    width: 100%;
    float: none;
    font-size: 1.25em;
    line-height: 1.5em;
    margin: 0; }
    footer .contact-form p {
      font-size: 1.25em;
      color: #fff; }
      footer .contact-form p.deemphasis {
        font-size: 0.85em; }
      footer .contact-form p.top-margin {
        margin-top: 10px; }
      footer .contact-form p a {
        color: #fff;
        text-decoration: underline; }
        footer .contact-form p a:hover {
          color: #fff; }
    footer .contact-form form {
      width: 100%; }
      footer .contact-form form input[type="text"] {
        display: block;
        width: 100%; }
      footer .contact-form form textarea {
        width: 100%;
        margin: 0;
        height: 110px; }
      footer .contact-form form input[type="submit"] {
        width: auto;
        margin-top: 30px;
        display: block;
        font-size: 0.85em; }
      footer .contact-form form label {
        color: #fff;
        text-transform: uppercase;
        font-weight: 300;
        font-size: 0.85em; }
      footer .contact-form form div.wpcf7-response-output {
        background: #fff; }
  footer .footer-main {
    padding: 30px 0 10px;
    background: #231f20; }
    footer .footer-main .logo-img {
      width: 150px; }
    footer .footer-main .contact-copyright {
      text-transform: uppercase;
      vertical-align: middle;
      padding-top: 25px; }
      footer .footer-main .contact-copyright h4 {
        margin-top: 0;
        font-weight: 700;
        color: #fff; }
    footer .footer-main .social-icons a .icon {
      color: #fff; }
  footer p {
    padding: 0;
    margin: 0;
    font-size: 14px; }
  footer .grid .column {
    margin-bottom: 0;
    text-align: center; }
    @media all and (min-width: 480px) {
      footer .grid .column {
        text-align: left; } }
    @media all and (min-width: 480px) {
      footer .grid .column.col-fourth {
        width: 48%; } }
  footer nav.secondary {
    text-align: center;
    font-size: 1em;
    line-height: 1.25em; }
    @media all and (min-width: 768px) {
      footer nav.secondary {
        text-align: right; } }
    footer nav.secondary ul {
      margin-bottom: 10px; }
      footer nav.secondary ul li {
        padding: 5px 10px; }
        @media all and (min-width: 480px) {
          footer nav.secondary ul li {
            padding: 3px 0; } }
        footer nav.secondary ul li a {
          display: block;
          color: #808080;
          font-weight: normal; }
          footer nav.secondary ul li a:hover {
            text-decoration: none;
            color: #009ac4; }
          footer nav.secondary ul li a.button.reverse:hover {
            color: #fff; }
          footer nav.secondary ul li a.nofollow {
            pointer-events: none;
            cursor: default; }
      footer nav.secondary ul li.list-header a {
        color: #009ac4;
        font-weight: bold;
        font-size: 1.25em;
        padding-top: 5px;
        border-top: 1px solid #009ac4; }
  footer ul {
    list-style: none;}
        footer ul li a:hover {
          text-decoration: none; }
  footer .social-icons .social-icon {
    margin: 6px 10px 0 0; }

.cta-fixed {
  -webkit-box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
          box-shadow: 1px 1px 5px 0 rgba(50, 50, 50, 0.35);
  position: fixed;
  top: auto;
  font-size: 14px;
  font-weight: 300;
  bottom: 0;
  right: 0;
  width: 300px;
  height: auto;
  background: rgba(255, 255, 255, 0.9);
  z-index: 1000;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 25px 25px 40px;
  text-align: center; }

/* Grid */
/*********
** Grid **
*********/
.grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
  .grid .column {
    margin: 0 0 10px 0;
    vertical-align: top;
    width: 100%; }
    @media all and (min-width: 480px) {
      .grid .column {
        margin: 0 2% 25px 0;
        text-align: left; }
        .grid .column.right {
          float: right; }
        .grid .column.center {
          float: none;
          margin: 0 auto !important; }
        .grid .column.col-sixth {
          width: 32%; }
          .grid .column.col-sixth:nth-of-type(3n) {
            margin-right: 0; }
        .grid .column.col-fifth {
          width: 18%; }
          .grid .column.col-fifth:nth-of-type(5n) {
            margin-right: 0; }
        .grid .column.col-two-fifths {
          width: 40%;
          margin-right: 0; }
        .grid .column.col-three-fifths {
          width: 58%;
          margin-right: 2%; }
        .grid .column.col-four-fifths {
          width: 78%;
          margin-right: 0; }
        .grid .column.col-fourth {
          width: 49%; }
          .grid .column.col-fourth:nth-of-type(2n) {
            margin-right: 0; }
        .grid .column.col-three-fourths {
          margin-right: 0; }
          .grid .column.col-three-fourths + .col-fourth {
            width: 100%; }
        .grid .column.col-half {
          width: 48%; }
          .grid .column.col-half:nth-of-type(2n) {
            margin-right: 0; }
        .grid .column.col-single {
          max-width: 650px;
          margin-left: auto;
          margin-right: auto; } }
    @media all and (min-width: 768px) {
      .grid .column.col-sixth {
        margin: 0 1% 25px 0;
        width: 15.5%; }
        .grid .column.col-sixth:nth-of-type(3n) {
          margin-right: 1%; }
        .grid .column.col-sixth:nth-of-type(6n) {
          margin-right: 0; }
      .grid .column.col-fourth {
        width: 23%;
        -webkit-box-flex: 0;
            -ms-flex: 0 1 auto;
                flex: 0 1 auto; }
        .grid .column.col-fourth:nth-of-type(2n) {
          margin-right: 2%; }
        .grid .column.col-fourth:nth-of-type(4n) {
          margin-right: 0; }
      .grid .column.col-three-fourths {
        -webkit-box-flex: 3;
            -ms-flex: 3;
                flex: 3; }
        .grid .column.col-three-fourths + .col-fourth {
          width: 25%; }
      .grid .column.col-third {
        width: 32%; }
        .grid .column.col-third:nth-of-type(3n) {
          margin-right: 0; }
      .grid .column.col-two-thirds {
        width: 64%; }
        .grid .column.col-two-thirds:nth-of-type(3n) {
          margin-right: 0; } }
    .grid .column.last {
      margin-right: 0; }
  @media all and (min-width: 768px) {
    .grid.no-sidebar .column.col-three-fourths {
      float: none;
      margin: 0 auto 10px; } }
  .grid .right-section, .grid .left-section {
    margin-bottom: 10px;
    vertical-align: bottom; }
  .grid .right-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap; }
    .grid .right-section.alt {
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center; }
      @media all and (min-width: 480px) {
        .grid .right-section.alt {
          -webkit-box-pack: end;
              -ms-flex-pack: end;
                  justify-content: flex-end; } }
    .grid .right-section .social-icons {
      -webkit-box-flex: 0;
          -ms-flex: 0 1 auto;
              flex: 0 1 auto;
      -ms-flex-item-align: center;
          align-self: center;
      margin-left: 40px;
      display: none; }
      .grid .right-section .social-icons.alt {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 25%;
                flex: 0 1 25%;
        -ms-flex-item-align: start;
            align-self: flex-start;
        text-align: right; }
      .grid .right-section .social-icons.landing-page-alt {
        -webkit-box-flex: 0;
            -ms-flex: 0 1 50%;
                flex: 0 1 50%;
        -ms-flex-item-align: start;
            align-self: flex-start;
        text-align: right; }
      @media all and (min-width: 936px) {
        .grid .right-section .social-icons {
          display: block; } }

/* Other Layout */
.inline-block-children span, .inline-block-children a {
  display: inline-block;
  padding-right: 10px; }

.margin-bottom-20 {
  margin-bottom: 20px; }

/* Icons, Buttons, and Forms */
/**********
** Icons **
**********/
.icon {
  display: inline-block;
  width: 24px;
  height: 24px; }
  .icon.icon-pinterest {
    width: 22px;
    height: 22px; }

.small .icon {
  width: 18px;
  height: 18px;
  vertical-align: middle; }

.social-icon a {
  margin: 0;
  display: block; }
  .social-icon a .icon {
    color: #009ac4; }
    .social-icon a .icon:hover {
      color: #009ac4; }

.icon-menu {
  vertical-align: middle;
  height: 25px;
  width: 25px;
  -webkit-transition: fill 0.2s ease;
  -o-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
  color: #fff; }
  @media all and (min-width: 375px) {
    .icon-menu {
      margin-left: 5px; } }

.social-icons {
  text-align: center; }
  .social-icons .social-icon {
    display: inline-block;
    vertical-align: top; }
    .social-icons .social-icon.gray {
      margin: 5px 5px 0 0; }

@media all and (min-width: 480px) {
  .header .social-icons {
    text-align: right; } }

@media all and (min-width: 480px) {
  footer .social-icons {
    text-align: left; } }

.icon-search {
  width: 20px;
  height: 20px;
  color: #fff !important; }
  .icon-search:hover {
    color: #fff !important; }

.icon-ondemand-video {
  width: 250px;
  height: 220px;
  color: #fff !important; }
  .icon-ondemand-video:hover {
    color: #fff !important; }

/************
** Buttons **
************/
.button, a.button, button {
  padding: 0;
  padding: 12px 30px 12px;
  display: inline-block;
  cursor: pointer;
  line-height: 1em;
  border-radius: 3px;
  font-size: 1.25em;
  font-weight: 300;
  text-align: center;
  -webkit-transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border 0.2s ease 0s;
  -o-transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border 0.2s ease 0s;
  transition: background-color 0.2s ease 0s, color 0.2s ease 0s, border 0.2s ease 0s;
  border: 2px solid #009ac4;
  background: #009ac4;
  color: #fff; }
  .button:hover, .button:visited:hover, a.button:hover, a.button:visited:hover, button:hover, button:visited:hover {
    text-decoration: none;
    border: 2px solid #009ac4;
    background: #fff;
    color: #009ac4; }
  .button.orange, a.button.orange, button.orange {
    border: 2px solid #f15a29;
    background: #f15a29; }
    .button.orange:hover, .button.orange:visited:hover, a.button.orange:hover, a.button.orange:visited:hover, button.orange:hover, button.orange:visited:hover {
      background: #fff;
      color: #f15a29; }
  .button.yellow, a.button.yellow, button.yellow {
    border: 2px solid #ffcc32;
    background: #ffcc32; }
    .button.yellow:hover, .button.yellow:visited:hover, a.button.yellow:hover, a.button.yellow:visited:hover, button.yellow:hover, button.yellow:visited:hover {
      background: #fff;
      color: #ffcc32; }
  .button.alt, .button.alt.green, a.button.alt, a.button.alt.green, button.alt, button.alt.green {
    border: 2px solid #009ac4;
    background: #fff;
    color: #727d84; }
    .button.alt:hover, .button.alt:visited:hover, .button.alt.green:hover, .button.alt.green:visited:hover, a.button.alt:hover, a.button.alt:visited:hover, a.button.alt.green:hover, a.button.alt.green:visited:hover, button.alt:hover, button.alt:visited:hover, button.alt.green:hover, button.alt.green:visited:hover {
      background: #009ac4;
      color: #fff; }
  .button.alt.orange, a.button.alt.orange, button.alt.orange {
    border: 2px solid #f15a29;
    background: #fff;
    color: #727d84; }
    .button.alt.orange:hover, .button.alt.orange:visited:hover, a.button.alt.orange:hover, a.button.alt.orange:visited:hover, button.alt.orange:hover, button.alt.orange:visited:hover {
      background: #f15a29;
      color: #fff; }
  .button.alt.yellow, a.button.alt.yellow, button.alt.yellow {
    border: 2px solid #ffcc32;
    background: #fff;
    color: #727d84; }
    .button.alt.yellow:hover, .button.alt.yellow:visited:hover, a.button.alt.yellow:hover, a.button.alt.yellow:visited:hover, button.alt.yellow:hover, button.alt.yellow:visited:hover {
      background: #ffcc32;
      color: #fff; }
  .button.small, a.button.small, button.small {
    font-size: 1em;
    padding: 10px 20px 10px; }
  .button.button-row, a.button.button-row, button.button-row {
    display: inline-block;
    margin: 0 10px 20px; }
    @media all and (min-width: 665px) {
      .button.button-row:nth-of-type(3):after, a.button.button-row:nth-of-type(3):after, button.button-row:nth-of-type(3):after {
        content: "\A"; }
      .button.button-row:nth-of-type(n+4), a.button.button-row:nth-of-type(n+4), button.button-row:nth-of-type(n+4) {
        margin-bottom: 0; } }

a.button.reverse, .button.reverse, button.reverse {
  background: transparent;
  color: #fff;
  border: 2px solid #fff; }
  a.button.reverse:hover, a.button.reverse:visited:hover, .button.reverse:hover, .button.reverse:visited:hover, button.reverse:hover, button.reverse:visited:hover {
    background: #fff;
    color: #009ac4; }

a.button.sidebar, .button.sidebar, button.sidebar {
  width: 100%;
  font-size: 1.25em;
  text-align: center;
  margin-top: 10px;
  text-transform: uppercase;
  padding: 15px 0 10px;
  border-radius: 0 !important; }
  a.button.sidebar:hover, a.button.sidebar:visited:hover, .button.sidebar:hover, .button.sidebar:visited:hover, button.sidebar:hover, button.sidebar:visited:hover {
    background: #fff;
    color: #009ac4; }

.button-row-container {
  max-width: 850px;
  margin: 0 auto;
  text-align: center; }

.filter-buttons .btn {
  margin: 0 5px 30px; }

.filter-buttons .btn-default {
  background: #fff;
  color: #009ac4; }
  .filter-buttons .btn-default.active, .filter-buttons .btn-default:hover {
    background: #009ac4;
    color: #fff; }

/**********
** Forms **
**********/
form {
  margin: 0;
  padding: 0; }
  form[name="form_login"] {
    display: inline-block; }

.form-container {
  margin: 40px 0;
  /* display: none; */ }

label, .info-text {
  display: block;
  margin: 0.5em 0; }

.forgetmenot label {
  display: inline-block;
  margin-left: 5px; }

label {
  font-weight: bold; }

input[type="text"], input[type="password"], input[type="email"], input[type="search"], input[type="tel"], select, textarea {
  width: 100%;
  color: #666;
  padding: 3px;
  max-width: 650px;
  border: 1px solid #ccc;
  padding: 5px;
  -webkit-appearance: none; }

.info-text {
  font-style: italic;
  font-size: 0.85em; }

input[type="submit"] {
  font-size: 1em; }

span.wpcf7-list-item {
  display: block; }

/* Woocommerce Select elements */
select, .select2-container .select2-choice {
  background-color: #ffffff;
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAHCAYAAAD9NeaIAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA+hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDIxIDc5LjE1NDkxMSwgMjAxMy8xMC8yOS0xMTo0NzoxNiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgKE1hY2ludG9zaCkiIHhtcDpDcmVhdGVEYXRlPSIyMDE1LTA0LTE3VDE3OjEyOjQyKzAyOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxNS0wNC0yMFQxNzoxNjoyNCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6RTU4MjBDRURERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6RTU4MjBDRUVERjVCMTFFNEEzN0FCODBEM0I5MTExMjkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2RUVFRDJCNkREQzMxMUU0QTM3QUI4MEQzQjkxMTEyOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpFNTgyMENFQ0RGNUIxMUU0QTM3QUI4MEQzQjkxMTEyOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuShL/sAAABeSURBVHjaYszOzjZnYGDYCcT8DMSBv0AcP2XKlKVEqmdgAuKTQOwOxB+JtQCIibYAZgkDkRaRZQGyJYQsItsCdEtwWUSRBdgsQbeIYgtAgAWHOMwiJSBezkAhAAgwAJSTG/DI0S9VAAAAAElFTkSuQmCC");
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto 15%;
  border: 1px solid #ddd;
  border-radius: 0;
  -webkit-box-shadow: 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02) inset;
          box-shadow: 0 -1.3em 1em 0 rgba(0, 0, 0, 0.02) inset;
  color: #333333;
  font-size: 95%;
  height: 36px;
  padding: 0 10px;
  line-height: 30px;
  width: 100%; }

select {
  background-image: none; }

/* Google ReCAPTCHA hide badge */
.grecaptcha-badge {
  display: none !important; }