/* Sitewide styles */


html, button, input, select, textarea,
    .pure-g [class *= "pure-u"] {
        /* Set your content font stack here: */
        font-family: 'GothamRounded', Arial, Helvetica, sans-serif;
    }

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


a {
    text-decoration: none;
}


@media (max-width: 567px) {
    .hidden-xs {
        display: none;
    }
}

@media (max-width: 767px) {
    .hidden-sm {
        display: none;
    }
}

@media (max-width: 1023px) {
    .hidden-md {
        display: none;
    }
}

@media (max-width: 1279px) {
    .hidden-lg {
        display:none;
    }
}


@media (min-width: 568px) {
    .hidden-sm-up {
        display: none;
    }
}

@media (min-width: 768px) {
    .hidden-md-up {
        display: none;
    }
}

@media (min-width: 1024px) {
    .hidden-lg-up {
        display: none;
    }
}

@media (min-width: 1280px) {
    .hidden-xl-up {
        display:none;
    }
}


.pure-g-stretch {
	align-content:stretch;
}




.container {
    max-width: 1920px;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.cf:after {
    content:"";
    display:block;
    clear:both;
}

.contactsearch {
    text-align: right;
    padding: 20px 60px 10px 265px;
}
.navheader {
    position: relative;
    top:0;
    left:0;
    right:0;
    overflow: visible;
    z-index:25;
}

.navheader .navmenu {
    padding: 5px 50px 0px 265px;
    text-align: right;
}

.nav-logo-bg {
    width: 237px;
    position: absolute;
    left: 25px;
    z-index: 1;
}

.nav-logo {
   width:100%;
   position: absolute;
   left: 50%;
   margin-left:-50%;
   max-width: none;
   top:50%;
   margin-top: -17%;
}

.contact-phone {
    font-size: 15px;
    font-weight: normal;
    margin-right: 10px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
}
.contact-phone a {
	font-size: 20px;
    font-weight: bold;
    color: #fff;
}
@media (max-width: 767px) {
	.navheader .contact-phone {
		font-size: 13px;
		margin-right: 6px;
	}
	.navheader .contact-phone a {
		font-size: 15px;
	}
}

.hero-item, .content-hero {
  position: relative;
}

.hero-item img, .content-hero img {
    object-fit: cover;
    font-family: 'object-fit: cover;';
    max-height: 785px;
    width: 100%;
    min-height: 672px;
}

.hero-item:before, .content-hero:before {
    content: " ";
    position:absolute;
    display:block;
    left:0;
    top:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,0.2);
}

.content-hero:before {
    bottom:4px;
}

/*.content-hero img {
    object-position: 0% 25%;
    font-family: 'object-fit: cover; object-position: 0% 25%;';
}*/

.centre-site .hero-item img {
    min-height: 637px;
    max-height: 637px;
}
.content-hero img {
    max-height: 484px;
    min-height: 357px;
}

.content-relative {
	position: relative;
}

.content-background-gradient {
	position:absolute; 
	top:0; 
	left:0; 
	width:100%; 
	height:100px; 
	background: linear-gradient(rgba(216,216,216,1), rgba(255,255,255,1));
}

.content-container {
    margin-bottom: 100px;
}

.content-container,
.breadcrumbs {
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 30px;
    margin: 0 auto;
    width: 1165px;
    max-width: 100%;
}

.full-content-container {
    max-width: 1165px;
    width: 100%;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
      padding-bottom: 50px;
}

.full-content-container.wide {
	max-width: 1500px;
}

.full-content-container.wide .content-column {
	padding: 0 25px 25px;
}

.breadcrumbs {
    padding-top: 32px;
    padding-bottom: 32px;
}

.hero-item .hero-title, .content-hero .hero-title {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 30%;
    
}

.staff-list {
	padding-left: 0;
	padding-right: 0;
}
.staff-member {
	margin: 0 20px 40px 20px;
}

img.rebate-package {
	max-width: 90%;
}

.hero-item .hero-title h1, 
.content-hero .hero-title h1 {
    font-size: 45px;
}

.container .bx-wrapper {
    border: none;
}

.container .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.container .bx-wrapper .bx-pager.bx-default-pager a.active  {
    background-color: white;
}

.container .bx-wrapper .bx-pager.bx-default-pager a {
    background-color: transparent;
    border: 2px solid white;
}

.container .bx-wrapper .bx-pager.bx-default-pager a {
    width: 15px;
    height: 15px;
    border-radius:15px;
}


.bx-controls.bx-has-pager {
    display: none;
}

.feature-container {
    overflow: hidden;
    padding: 80px 60px 90px 60px;
}

.centre-feature-container {
   overflow:hidden;
   padding: 60px 10px;
}
.centre-feature-container > div {
    max-width: 100%;
    width: 1265px;
    margin: 0 auto;
}

.navmenu ul.pure-menu-list {
    float: right;
    
}

.navheader .navmenu {
   /* letter-spacing: 1px;*/
    font-size: 17px;
    white-space: normal;
}

.pure-menu-horizontal .pure-menu-list.nav-bg {
    background-color: transparent;
}


.pure-menu-link, .pure-menu-disabled, .pure-menu-heading {
    padding: 0.5em 0.5em;
}

.pure-menu-active > .pure-menu-link, .pure-menu-link:hover, .pure-menu-link:focus {
    background-color: initial;
}

.pure-menu-children {
     text-align: left;
     padding: 15px;
     font-size: 14px;
	 border: 1px solid #eee;
}

.pure-menu-item.pure-menu-has-children {
    padding-bottom: 10px;
}

.navmenu.pure-menu-horizontal .pure-menu-children {
   margin-top:10px;
}

.navmenu.pure-menu-horizontal .pure-menu-list li:last-of-type .pure-menu-children {
   left: inherit;
   right: 0;
}

/*collapsing menu taken from http://purecss.io/layouts/tucked-menu-vertical/ */

.nav-wrapper {
 /* margin-bottom: 1em;*/
  -webkit-font-smoothing: antialiased;
  height: 2em;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
  position: relative;
}

.nav-wrapper.open {
  height: 500px;
}



.nav-toggle {
  width: 34px;
  height: 34px;
  display: block;
  position: absolute;
  top: 27px;
  left: 32px;
  display: none;
  z-index: 10;
}

.nav-toggle .bar,
.nav-toggle .shortbar {
  background-color: rgb(241,242,241);
  display: block;
  width: 32px;
  height: 2px;
  border-radius: 100px;
  position: absolute;
  top: 18px;
  right: 7px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s;
}

.nav-toggle .shortbar {
  width: 26px;
  right: 10px;
}
.nav-toggle i:first-of-type {
  -webkit-transform: translateY(-14px);
  -moz-transform: translateY(-14px);
  -ms-transform: translateY(-14px);
  transform: translateY(-14px);
}

.nav-toggle i:last-of-type {
  -webkit-transform: translateY(7px);
  -moz-transform: translateY(7px);
  -ms-transform: translateY(7px);
  transform: translateY(7px);
}


.nav-toggle s:first-of-type {
  -webkit-transform: translateY(-7px);
  -moz-transform: translateY(-7px);
  -ms-transform: translateY(-7px);
  transform: translateY(-7px);
}

.nav-toggle.x .bar {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}


.nav-toggle.x .shortbar {
 opacity: 0;
}

.nav-toggle.x s:first-of-type {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
      
.non-flex { display: block; }

.no-content-hero {
    padding-top: 35px;
}
.no-content-hero-thick {
	padding-top: 60px;
}

@media (max-width: 1330px) {
    .contactsearch {
        padding-bottom: 5px;
        padding-top: 10px;
        padding-right: 25px;
    }

    .nav-logo-bg {
        width: 170px;
        left: 5px;
    }

    .navheader .navmenu {
        padding: 5px 25px 0px 170px;
    }
}

@media (max-width: 1023px) {
    .nav-toggle {
        display: block;
    }

    .nav-wrapper .pure-menu-horizontal {
        display: none;
    }

    .navheader {
        height: 82px; /* fix it here so our menus can dangle */
    }

    .no-content-hero {
        padding-top: 82px;
    }


    .nav-wrapper {
        height: 0em;
        overflow: hidden;
    }

    .navheader .navmenu {
        padding: 5px 30px 0px 5px;
        text-align: left;
    }

    .nav-logo-bg {
        width: 170px;
        left: 74px;
        z-index: 10;
    }

    .navmenu ul.pure-menu-list {
         float: left;
         padding-bottom: 15px;
         padding-top: 20px;
    }

    .hero-item .hero-title {
        margin-top: -100px;
    }

	.full-content-container {
	  
		padding-left: 30px;
		padding-right: 30px;
	}
	
	img.rebate-package {
		max-width: 50%;
		display: block;
		margin: auto;
	}
}


@media (max-width: 767px) {
  .navmenu ul.pure-menu-list {
      width: 100%;
  }
  .pure-menu-children,
  .pure-menu-allow-hover:hover > .pure-menu-children, .pure-menu-active > .pure-menu-children {
      position: static;
      display: block;
      padding-left: 30px;
  }
   .nav-wrapper.open {
        height: 900px;
    }
  
  .hero-item img,
  .centre-site .hero-item img {
      min-height: calc(100vw + 82px);
  }

  
   .content-hero img {
        min-height: calc(50vw + 82px);
   }

  .feature-container {
    padding: 0px 0px 0px 0px;
  }

    .pure-menu-link {
        white-space: normal;
    }

    .content-container,
    .breadcrumbs {
        margin-left: 0;
        margin-right: 0;
        padding-left: 30px;
        padding-right: 30px;
        width: 100%;
        max-width:100%;
    }
    
    .breadcrumbs {
        padding-top: 25px;
        padding-bottom: 15px;
    }

	img.rebate-package {
		max-width: 80%;
	}
}

@media (max-width: 567px) {
    .contactsearch .brand-bg-cta {
        display: none;
    }

    .hero-item .hero-title,
    {
        margin-top: -100px;
    }

    .hero-item .hero-title h1,
    .content-hero .hero-title h1 {
        font-size: 35px;
    }
    .navmenu ul.pure-menu-list {
      
         padding-top: 72px;
    }
    .full-content-container {
        padding-left: 15px;
        padding-right: 15px;
    }

}