/*Libre Baskerville*/

@font-face {
    font-family: 'basker_bold';
    src: url('../fonts/libreBaskerville/librebaskerville-bold-webfont.eot');
    src: url('../fonts/libreBaskerville/librebaskerville-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/libreBaskerville/librebaskerville-bold-webfont.woff') format('woff'),
         url('../fonts/libreBaskerville/librebaskerville-bold-webfont.ttf') format('truetype'),
         url('../fonts/libreBaskerville/librebaskerville-bold-webfont.svg#libre_baskervillebold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'basker_regular';
    src: url('../fonts/libreBaskerville/librebaskerville-regular-webfont.eot');
    src: url('../fonts/libreBaskerville/librebaskerville-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/libreBaskerville/librebaskerville-regular-webfont.woff') format('woff'),
         url('../fonts/libreBaskerville/librebaskerville-regular-webfont.ttf') format('truetype'),
         url('../fonts/libreBaskerville/librebaskerville-regular-webfont.svg#libre_baskervilleregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

/*Libre Franklin*/

@font-face {
    font-family: 'franklin_italic';
    src: url('../fonts/libreFranklin/librefranklin-italic-webfont.eot');
    src: url('../fonts/libreFranklin/librefranklin-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/libreFranklin/librefranklin-italic-webfont.woff') format('woff'),
         url('../fonts/libreFranklin/librefranklin-italic-webfont.ttf') format('truetype'),
         url('../fonts/libreFranklin/librefranklin-italic-webfont.svg#libre_franklinitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'franklin_light';
    src: url('../fonts/libreFranklin/librefranklin-light-webfont.eot');
    src: url('../fonts/libreFranklin/librefranklin-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/libreFranklin/librefranklin-light-webfont.woff') format('woff'),
         url('../fonts/libreFranklin/librefranklin-light-webfont.ttf') format('truetype'),
         url('../fonts/libreFranklin/librefranklin-light-webfont.svg#libre_franklinlight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'franklin_regular';
    src: url('../fonts/libreFranklin/librefranklin-regular-webfont.eot');
    src: url('../fonts/libreFranklin/librefranklin-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/libreFranklin/librefranklin-regular-webfont.woff') format('woff'),
         url('../fonts/libreFranklin/librefranklin-regular-webfont.ttf') format('truetype'),
         url('../fonts/libreFranklin/librefranklin-regular-webfont.svg#libre_franklinregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'franklin_semibold';
    src: url('../fonts/libreFranklin/librefranklin-semibold-webfont.eot');
    src: url('../fonts/libreFranklin/librefranklin-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/libreFranklin/librefranklin-semibold-webfont.woff') format('woff'),
         url('../fonts/libreFranklin/librefranklin-semibold-webfont.ttf') format('truetype'),
         url('../fonts/libreFranklin/librefranklin-semibold-webfont.svg#libre_franklinsemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}

html {
  font-size:16px !important;
}
body {
  font-size:100% !important;
  line-height: 1.7;
  font-family: "franklin_regular",sans-serif !important;
  font-style: normal;
  font-weight: 400;
}

h1, h2, h3, h4 {
  margin: 0 0 1.5rem 0;
  line-height:1.1;
  font-family:'basker_regular', Times;
}
p {
  margin: 0 0 1.625rem;
}
label {
  font-weight: normal;
}
/*Headings*/
h1, .c-section_heading {
  font-size:2.125rem;
  font-style: normal;
  font-weight: 600;
  line-height: 1.2;
}
h2 {
  font-size:1.46rem;  
  font-style: normal;
  font-weight: 600;
}
h3 {
  font-size: 1.46rem;
  font-style: normal;
  font-weight: 600;
}
h4 {
  font-size:1.25rem;
}
.c-page_title {
  font-size:3.33rem;
  font-style: normal;
  font-weight: 700;
  line-height:1.2;
}
.c-section_heading + .c-subheading {
  margin-top:-1rem;
}
.c-section_heading--accent:after {
  content: url("../images/accent-piece.svg");
  display: block;
  height: auto;
  margin: .5rem 0 1.5rem 0;
  position: relative;
}
.c-subheading {
  font-family:'basker_regular', Times;
  font-size:1.25rem;
  line-height: 1.4;
  font-weight: normal;
}
.c-subheading--border:after {
  margin:1.5rem 0;
  content:'';
  display:block;
  width:25%;
  height:2px;
  background: hsla(47, 74%, 47%, 1);
}
.c-subheading--accent:after {
  content: url("../images/accent-piece.svg");
  display: block;
  height: auto;
  margin: .5rem 0 1.5rem 0;
  position: relative;
}
.c-subheading--border2:after {
  margin:1.5rem auto;
  content:'';
  display:block;
  width:25%;
  height:2px;
  background: hsla(47, 74%, 47%, 1);
}
.c-callout {
  font-family: "freight-sans-pro",serif;
  font-size:2rem;
  font-style: normal;
  font-weight:normal;  
  line-height:1.2;
}
.c-callout--contact {
  max-width: 60%;
  text-align: center;
  margin: 0 auto 3rem;
}
.c-callout--paragraph {
  font-size:1.25rem;
  line-height:1.5;
  max-width:75%;
  margin:0 auto;
}
.p--small {
  font-size:.875rem;
}
.wellTopMargin {margin-top:3rem;}
/*buttons*/
.c-button {
  position: relative;
  line-height:1;
  display: inline-block;
  padding:.75rem 1.25rem;
  text-align: center;
  border: none;
  transition:all 0.15s ease-in;
  margin:1.5rem 0;
  color:hsl(0, 100%, 100%) !important;
  vertical-align: middle;
}
.c-button--cta {
  font-family:'basker_regular', Times;
  margin:0;
  padding:1.5rem 2rem;
  font-size:1.5rem;
}
.c-button:hover .c-button:active, .c-button:focus {
  color:currentColor !important;
  box-shadow:none;
}
.c-button_span {
  display:inline-block;
  vertical-align:middle;
  margin:0 .5rem;
}
.c-button--blue {
  background:hsla(214, 49%, 29%, 1);
  border:1px solid hsla(47, 74%, 47%, 1);
}
.c-button--blue:hover, .c-button--blue:active, .c-button--blue:focus {
  background:hsla(214, 49%, 19%, 1);
  border:1px solid hsla(47, 74%, 47%, 1);
}
.c-button svg {
  fill:hsl(0, 100%, 100%);
  vertical-align:text-bottom;
}
.c-button--yellow {
  background:hsla(47, 74%, 47%, 1);
  border:1px solid hsla(0, 100%, 100%, 1);
}
.c-button--yellow:hover, .c-button--yellow:active, .c-button--yellow:focus {
  background:hsla(47, 74%, 37%, 1);
}

.s-bg--lightgrey2 {
 background:hsla(0, 0%, 86%, 0.95);
}

/*get rid of FF annoying link outlines*/
button:focus {
  outline: none !important;
}
a:focus,
a:hover {
  text-decoration: none;
  outline: none !important;
  outline-style: none !important;
  color:hsla(240, 0%, 48%, 1);
}
a, svg, path {
  transition: all 0.15s ease-in-out;
}
.center {
  text-align: center;
}
.uppercase {
  text-transform: uppercase;
}
.clear {
  margin: 0;
  padding: 0;
}
hr {
  margin: 0 0 1.625rem;
}

/*Section Padding*/
section:not(.s-no_padding) {
  padding:4rem 0;
}
/*List Items*/
section ul {
  padding-left:0;
}
section ul li {
  display:table;
  line-height: 1.2;
  margin-bottom:calc(1.5rem / 2);
}
.s-ul--checkmark li span {
  display: table-cell;
  padding-right: 1rem;
  vertical-align: middle;
}
.c-checkmark svg {
  fill:hsla(47, 74%, 47%, 1);
}
.s-right_arrow h3::before {
  content: url("../images/down.svg");
  display: inline-block;
  vertical-align:middle;
  transform:rotate(-90deg);
  margin-right:1rem;
}
.s-right_arrow h3 {
  margin-bottom:0;
}
.s-right_arrow h3 + p {
  padding-left:3rem;
}
.s-gold {
  color:hsla(40, 38%, 58%, 1);
}
.as {
  display: none;
}
.hidden {
  display: none;
}
.well {
  background: #f5f5f5;
  box-shadow: none;
  margin-bottom: 1.625rem;
}
.s-border--bottom {
  border-bottom:1px solid hsla(0, 0%, 80%, 1);
}
.pad-home-col {padding:2.5rem;}

@media screen and (max-width: 480px) {
  .js-active {
    background-color: #666;
    color: #fff;
  }
}

/*Backgrounds*/
.s-bg--lightgrey {
 background:hsla(0, 0%, 95%, .7);
}

/*Flex Columns*/

.o-grid {
  display:flex;
  flex-flow:row wrap;
}
.o-column--50 {
  position: relative;
  width:50%;
}
.o-column--30 {
  position: relative;
  width:30%;
}
.o-column--70 {
  position: relative;
  width:70%;
}
.o-column_content--50 {
  max-width:35rem;
  padding:4rem;
}
.o-column_content--70 {
  max-width:53.7rem;
  padding:4rem;
}
.o-column_content--right {
  float:left;
}
.o-column_content--left {
  float:right;
}
.c-column_image {
  position:relative;
  height:auto;
  width:100%;
}
.l-suppliers {
  justify-content:center;
}
.o-supplier {
  width:calc(100% / 5 - 3rem);
  margin:1.5rem 1.5rem 3rem 1.5rem;
  display:flex;
  align-items:center;
}
.c-supplier_logo {
  width:100% !important;
}
/* Back To Top Button
======================================*/
#back-top {
  font-size:1rem;
  display: none;
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 9999;
  right: 12px;
}
#back-top a {
  opacity: 0.5;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border:none;
}
#back-top .top_button {
  background: hsla(47, 74%, 47%, 1);
  border:none;
  border-radius:.2em;
  font-size:.875em;
  padding:.5em;
}
#back-top a:hover {
  background:hsla(47, 74%, 37%, 1);
  opacity: 1;
}
#back-top svg {
  fill:hsl(0, 100%, 100%); 
  height:1.5rem;
  width:1.5rem;
}
/* Custom Basic styles
=========================================================== */

/*Image Effects*/
.l-showcase_wrap {
  justify-content:space-between;
}
.c-showcase_image {
  height: 172px;
  object-fit: cover;
  width: 100%;
  margin-bottom:1.5rem;
}
/*Carousels*/
.carousel-inner {
  padding:3rem 0 1.5rem;
  border:1px solid hsla(47, 74%, 47%, 1);
  margin-bottom:3rem;
}
.c-stars, .c-accent--testimonials {
  margin-bottom:1.5rem;
}
.carousel-control {
  display:flex;
  justify-content:center;
  align-items:center;
  background-image:none !important;
}

/* Header area
=========================================================== */

header {
  /*background:hsla(214, 49%, 29%, 1);*/
  background:hsla(213, 61%, 35%, 1);
}
.l-contact_buttons {
  color:hsl(0, 100%, 100%);
}
.s-contact_buttons--header {
  text-align:right;
  margin-bottom:1.5rem;
}
.l-contact_buttons .c-button {
  margin:0;
}
.l-contact_buttons a:first-of-type {
  margin-right:.5rem;
}
/*logo*/
.o-header_row {
  font-size:1rem;
  display:table;
  width:100%;
  padding:1em 0;
}
.o-header_cell {
  display:table-cell;
  vertical-align:bottom;
}
.js-header--fixed {
  position: fixed;
  top:0;
  right:0;
  left:0;
  width:100%;
  z-index:100;
  box-shadow:1px 2px 7px -5px hsla(240, 5%, 26%, 1);
  background:hsla(214, 49%, 29%, 1);
}

/*main nav*/
.c-header_logo_a {
  float:none;
  height: auto;
  padding:0;
  text-align:center;
}
.c-header_logo_a span {
  display:inline-block;
  margin-top:.5rem;
  color:hsl(0, 100%, 100%);
  font-family:'basker_regular', Times;  
}
.c-nav_ul {
  color:hsla(0, 100%, 100%, 1);
  margin: 0;
  padding: 0;
}
.c-nav_li {
  list-style-type:none;
}
.c-nav_li--lvl1 {
  position: relative;
  display:inline-block;
  vertical-align: middle;
  padding:0;
}
.c-nav input[type="checkbox"],
.c-drop_icon {
  display: none;
}
.c-nav_a {
  display:inline-block;
  padding:.25rem;
  color:currentColor;
  border-bottom:2px solid transparent;
}
.c-nav_a:hover {
  border-bottom:2px solid hsla(47, 74%, 47%, 1);
  color:currentColor;
}
.c-nav_li--lvl1.active > .c-nav_a {
  border-bottom:2px solid hsla(47, 74%, 47%, 1);
}
.c-nav_a--lvl2 {
  text-align:left;
  display:block;
  text-transform: capitalize;
  color:#26456E;
}
.c-nav_a--lvl2:hover {
  color:#26456E;
}
.o-dropdown_menu, .c-nav_ul {
  display: none;
}
.c-nav input[type="checkbox"]:checked + .o-dropdown_menu {
  display: block;
}
.c-toggle_label, .c-dropdown_span {
  position: absolute;
  right: 0;
  top: 0;
}
.c-nav_toggle,
.c-drop_icon {
  color: #ffffff;
  font-size: 2rem;
  vertical-align: middle;
}

/*banners*/
.l-banner_wrap {
  position:relative;
  overflow:hidden;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: center;
  color:hsla(0, 0%, 20%, 1);
}
.l-banner_wrap:after {
  content:'';
  position: absolute;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background:hsla(0, 100%, 100%, 0);
  z-index:2;
}
.l-banner_caption_wrap {
  position: relative;
  text-align:center;
  z-index:3;
  padding:12rem 15px;
}
.l-banner_caption_wrap2 {
  position: relative;
  text-align:center;
  z-index:3;
  padding:.5rem 15px;
  background:hsla(0, 0%, 74%,1);
}
.lightGreyBkg {
  background:hsla(0, 0%, 74%,1);
}
.c-banner_caption {
  position:relative;
  font-family:'basker_regular', Times;
  font-size:2.5rem;
  font-style: normal;
  font-weight: 700;
  line-height:1.3;
  color:hsla(0, 100%, 100%, 1);
  text-shadow:1px 2px 9px hsl(0, 0%, 0%);
  margin-bottom:0;
}
.c-banner_button {
  display:inline-block;
  color:hsl(0, 100%, 100%) !important;
  background:hsla(214, 49%, 29%, 1);
  padding:1rem 3rem;
  border:1px solid currentColor;
  margin:3rem 1.5rem 0 1.5rem;
}
.c-banner_button:hover, .c-banner_button:active, .c-banner_button:focus {
  background:hsla(214, 49%, 19%, 1);
  color:currentColor;
}
.c-banner_button svg, .c-banner_button span {
  display:inline-block;
  vertical-align: middle;
}
.c-banner_button span {
  text-align:left;
  padding-left:1.5rem;
}
.c-banner_button svg {
  fill:hsla(47, 74%, 47%, 1);
}
/*Testimonials*/

.c-testimonial {
  padding:0 8rem;
}
.c-testimonial--page {
  padding:3rem;
}
.c-testimonial_name {
  font-weight:600;
  font-size:1.46rem;
}
/* Showcase CTA */
.l-showcase_cta {
  background:hsla(214, 49%, 29%, 1);
  padding:1.5rem 0;
}
/* Contact CTA */
 .l-contact_cta {
  position:relative;
  /*background:url('../images/.jpg') no-repeat center / cover;*/
  padding:3rem 0;
  color:hsl(0, 100%, 100%);
  z-index:0;
 }
 .l-contact_cta:after {
  content:'';
  background:hsla(0, 0%, 0%, 0.7);
  position: absolute;
  top:0;
  left:0;
  right:0;
  height:100%;
  z-index:-1;
 }

/*============ footer =================*/
/*=====================================*/
footer {
  /*background:hsla(214, 49%, 29%, 1);*/
  background:hsla(213, 61%, 35%, 1);
  padding:3rem 0;
  color:hsl(0, 100%, 100%); 
}
.c-footer_logo {
  margin-bottom:1.5rem;
}
.c-footer_address {
  margin-bottom:1.5rem;
}
.c-footer_phone {
  display:block;
  margin-bottom:1.5rem;
}
footer a {
  color:currentColor;
}
footer a:hover, footer a:focus, footer a:active {
  color:hsla(47, 74%, 47%, 1);
}
.o-footer_ul {
  display:flex;
  flex-flow:row wrap;
  justify-content:center;
  margin-bottom:3rem;
}
.c-footer_nav_li {
  list-style-type:none;
}
.c-footer_nav_a {
  padding:.05rem 1rem;
  border-right:1px solid hsla(47, 74%, 47%, 1);
}
.c-footer_nav_li:last-child > a {
  border-right:none;
}
.l-payment_cards svg {
  fill:hsl(0, 100%, 100%);
  margin:.5rem;
}
.c-credits, .c-mbol {
  display:block;
  text-align:center;
  font-size:.875rem;
}
.c-credits {
  text-transform: uppercase;
}
.c-credits_link {
  display:inline-block;
}


/*============ static pages =================*/
/*=====================================*/



/*============ contact forms =================*/
/*=====================================*/

/*Search Form*/

.form-control {
  margin-bottom:0 !important;
  border-radius:0;
  border-style: solid;
  border-width:1px;
  border-color:hsla(0, 0%, 20%, 1);
  box-shadow:none;
  padding:0.75rem 0 0.75rem 0.5rem;
  height:auto;
  font-size:1rem;
  color:hsla(240, 0%, 48%, 1);
}
.form-control:focus {
  border-color:hsla(214, 49%, 29%, 1);
  box-shadow:none;
  outline: 0 none;
}
input[type="text"],
input[type="email"],
textarea,
input[type="checkbox"],
select,
option {
  color:hsla(0, 0%, 20%, 1);
}
.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
  margin-right:.5em;
  position:relative;
}
.help-block {
  font-size:.875rem;
  margin-top:-1rem;
  line-height: 1.2;
}
.has-error .form-control {
  border-width:.2rem;
}
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color:hsla(40, 38%, 58%,.5);
}
::-moz-placeholder { /* Firefox 19+ */
  color:hsla(40, 38%, 58%,.5);
  opacity:1;
}
:-ms-input-placeholder { /* IE 10+ */
  color:hsla(40, 38%, 58%,.5);
}
:-moz-placeholder { /* Firefox 18- */
  color:hsla(40, 38%, 58%,.5);
}
.c-phone--contact {
  color:hsla(47, 74%, 47%, 1);
}
.c-phone_svg--contact {
  display:inline-block;
  vertical-align:text-bottom;
}
.c-email--contact {
  color:hsla(47, 74%, 47%, 1);
}
.c-email_svg--contact {
  display:inline-block;
  vertical-align:text-bottom;
}
/*============ media queries =================*/
/*============================================*/
/*above 1201*/
@media(min-width:1201px){
  .o-column_content--50 {
    width:35rem;
  }
  .c-nav_ul {
    display:block;
    text-align:right;
    padding:.5em 0;
  }
  .c-nav_toggle {
    display: none;
  }
  .c-dropdown_icon {
    display: inline-block;
    color:hsl(0, 0%, 0%);
    position: absolute;
    right:0;
    bottom:0;
  }
  .c-nav_li--lvl1:last-of-type > .c-nav_a--lvl1 {
    padding-right:0;
  }
  .c-nav_li--lvl2 {
    float: none;
  }
  .c-nav_li--lvl2.active > .c-nav_a {
    border-bottom:2px solid hsla(47, 74%, 47%, 1);
  }
  .o-dropdown_menu {
    border-width: 0;
    margin: 0;
    position: absolute;
    top: 100%;
    left: 0;
    width: 12rem;
    z-index: 3000;
    background:hsl(0, 100%, 100%);
    padding:.5rem;
    box-shadow:1px 2px 5px -5px hsla(240, 0%, 48%, 1);
  }
  .c-nav input[type="checkbox"]:checked + .o-dropdown_menu {
    display: none;
  }
  .c-nav_li--lvl1:hover > input[type="checkbox"] + .o-dropdown_menu {
    display: block;
  }  
  .c-dropdown_icon {
    display:none;
  }
}
/*below 1200*/
@media(max-width:1200px){
.o-product_wrap {
  width:calc(100% / 3 - 1rem);
}
  .o-header_row, .o-header_cell {
    display:block;
    position:relative;
  }
  .c-nav {
    position:relative;
  }
  .c-nav_ul {
    display:none;
  }
  .o-dropdown_menu {
    padding:.25rem 0;
  }
  .c-nav_toggle {
    position:absolute;
    top:0;
    right:0;
    z-index:2;
  }
  .c-toggle_svg {
    display:inline-block;
    vertical-align: sub;
    height:1.5rem;
    width:1.5rem;
  }
  .c-toggle_path {
    fill:hsla(47, 74%, 47%, 1);
  }
  .c-dropdown_icon {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    top: 0;
    bottom:0;
    width: 40px;
    color:hsla(40, 38%, 58%, 1);
    background:hsla(45, 36%, 96%, 1);
    border-left:1px solid hsla(40, 38%, 58%, 1);
    margin-bottom:0;
  }
  .c-dropdown_icon:hover {
    cursor: pointer;
  }
  #tm:checked + .c-nav_ul {
    display: block;
    margin-top:2rem;
  }
  .c-nav_li {
    display:block !important;
    text-align:left;
    padding-left:0;
    border-bottom: 1px solid hsla(240, 0%, 48%, .2);
  }
  .c-nav_ul > .c-nav_li:last-child, .c-nav_li--lvl2:last-child {
    border-bottom:none;
  }
  .c-nav_a {
    display:block;
    font-size:1rem;
    padding:.25rem 0;
  }
  .c-nav_a--lvl2 {
    padding-left:.25rem;
  }
  .c-nav_a--lvl2::before {
    content: "-";
    padding-right: 0.5rem;
    color:hsla(40, 38%, 58%, 1);
  }
.c-nav_a--lvl2 {
  text-align:left;
  display:block;
  text-transform: capitalize;
  color:currentColor;
}
.c-nav_a--lvl2:hover {
  color:currentColor;
}
}
/*above 991*/
@media (min-width: 991px) {

  .o-banner--inner {
    position:relative;
    height:563px;
  }
  .c-overlay_image--second {
    float: right;
    position: relative;
    margin-top: -18rem;
    z-index: -1;
  }
  .s-padding--right {
    padding-right:3rem;
  }
  .s-padding--left {
    padding-left:3rem;
  }
}

/*below 990*/
  @media (max-width: 990px) {
  section:not(.s-no_padding) {
    padding:1.5rem 0;
  }

  .o-banner_container {
    padding:3rem 15px;
  }
  .c-banner_caption {
    font-size:2rem;
  }
  .c-banner_caption:before {
    margin-bottom:0;
  }
  .o-footer_ul {
    display:none;
  }
}
/*above 769*/
  @media (min-width: 769px) {
    main, .l-banner_wrap {
    -webkit-animation: fadein 3s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 3s; /* Firefox < 16 */
    -ms-animation: fadein 3s; /* Internet Explorer */
    -o-animation: fadein 3s; /* Opera < 12.1 */
    animation: fadein 3s;
    }
    @keyframes fadein {
    0% { opacity: 0.2; }
    100% { opacity: 1; }
    }
    /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0.2; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */
    @-webkit-keyframes fadein {
    0% { opacity: 0.2; }
    100% { opacity: 1; }
    }
    /* Internet Explorer */
    @-ms-keyframes fadein {
    0% { opacity: 0.2; }
    100% { opacity: 1; }
    }
    /* Opera < 12.1 */
    @-o-keyframes fadein {
    0% { opacity: 0.2; }
    100% { opacity: 1; }
    }
  }
/*below 768*/
  @media (max-width: 768px) {
  .o-column--50 {
    width:100%;
    padding:0;
  }
  .o-column--30 {
    padding:0 15px;
    width:50%;
  }
  .c-testimonial--page {
    margin-bottom:1.5rem;
  }
  .c-testimonial--page.s-bg--lightgrey {
    background:none;
  }
  .l-banner_caption_wrap {
    padding:3rem 15px;
  }
  .c-callout--paragraph {
    font-size: 1.25rem;
    line-height: 1.5;
    margin: 0 auto;
    max-width:100%;
    width:100%;
    text-align:left;
  }
  section:not(.s-no_padding), .s-no_padding {
    padding:1.5rem 0;
  }
  .c-section_heading {
    font-size:1.5rem;
  }
  .o-footer_ul {
    display:none;
  }
  footer {
    text-align:center;
  }
  .c-testimonial {
    padding:0 5rem;
  }
  section img {
    margin-bottom:1.5rem;
  }
  .o-supplier {
    width:calc(50% - 3rem);
    margin:1.5rem 1.5rem 3rem 1.5rem;
  }
}
/*below 650*/
  @media (max-width: 650px) {
  .s-contact_buttons--header {
    margin: 1rem auto 0;
    text-align: center;
  }
}
/*below 600*/
  @media (max-width: 600px) {
  .c-button--pushright {
    margin-left:0;
  }
  .c-banner_image--home {
    height:15rem !important;
    width:100%;
    object-fit:cover;
  }
} 
  @media (max-width: 520px) {
  .c-banner_caption {
    position:relative;
    text-align:center;
    font-size:1.5rem;
  }
  .c-banner_button {
    margin:1.5rem 0 0 0;
    width:100%;
  }
  .c-testimonial {
    padding:0 1.5rem;
  }
  .c-callout--contact {
    max-width:100%;
    width:100%;
  }
  .c-button--cta {
    font-size:1.5rem;
  }
}
  @media (min-width: 500px){
  .s-margin--right {
    margin-right:1.5rem;
  }    
 }

  @media (max-width: 400px){
  .o-column--30 {
    padding:0;
    width:100%;
  }
}

@media (pointer: fine) {
  a span {
    display: none;
  }
  a:hover span {
    display: inline-block;
  }
}