.loadmask {
    z-index: 100;
    position: absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity: .50;
    filter: alpha(opacity=50);
    background-color: #ccc;
    width: 100%;
    height: 100%;
    zoom: 1;
}
.masked {
    overflow: hidden !important;
}
.masked-relative {
    position: relative !important;
}
.masked-hidden {
    visibility: hidden !important;
}

.loadmask::before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.25);
}


@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(359deg);
  }
}


.loadmask::after {
  content: "";
  position: absolute;
  border-width: 4px;
  border-style: solid;
  border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255);
  border-radius: 50%;
  width: 40px;
  height: 40px;
  top: calc(50% - 12px);
  left: calc(50% - 12px);
  animation: 2s linear 0s normal none infinite running spin;
  filter: drop-shadow(0 0 2 rgba(0, 0, 0, 0.33));
}@font-face {
  font-family: 'wysiwash';
  src: url('/cache/web/auto_images/4a067f67b5dc76bb23da58603e42830b.eot');
  src: url('/cache/web/auto_images/4a067f67b5dc76bb23da58603e42830b.eot') format('embedded-opentype'),
       url('/cache/web/auto_images/59e4e29db4d23765bc6e5305d203741a.woff2') format('woff2'),
       url('/cache/web/auto_images/1aa9333c2bb93d3a4176c152b0ffa980.woff') format('woff'),
       url('/cache/web/auto_images/090017ee67b2812fce65c0262906b523.ttf') format('truetype'),
       url('/cache/web/auto_images/a838b4d444edd5411d17516536b18402.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'wysiwash';
    src: url('/cache/web/auto_images/a838b4d444edd5411d17516536b18402.svg') format('svg');
  }
}
*/
 
 [class^="icon-"]:before, [class*=" icon-"]:before {
  font-family: "wysiwash";
  font-style: normal;
  font-weight: normal;
  speak: never;
 
  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */
 
  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;
 
  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;
 
  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;
 
  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */
 
  /* Font smoothing. That was taken from TWBS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
 
  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}
 

.icon-clock:before { content: '\e800'; } /* '' */
.icon-star:before { content: '\e801'; } /* '' */
.icon-pinterest:before { content: '\e802'; } /* '' */
.icon-minus:before { content: '\e803'; } /* '' */
.icon-veterinary:before { content: '\e804'; } /* '' */
.icon-marine:before { content: '\e805'; } /* '' */
.icon-maint-jani:before { content: '\e806'; } /* '' */
.icon-daycare:before { content: '\e807'; } /* '' */
.icon-eco-friendly:before { content: '\e808'; } /* '' */
.icon-restrooms:before { content: '\e809'; } /* '' */
.icon-swim:before { content: '\e80a'; } /* '' */
.icon-plant-safe:before { content: '\e80b'; } /* '' */
.icon-saves-water:before { content: '\e80c'; } /* '' */
.icon-playgrounds:before { content: '\e80d'; } /* '' */
.icon-food-bev:before { content: '\e80e'; } /* '' */
.icon-counters:before { content: '\e80f'; } /* '' */
.icon-bathrooms:before { content: '\e810'; } /* '' */
.icon-oven:before { content: '\e811'; } /* '' */
.icon-household:before { content: '\e812'; } /* '' */
.icon-picnic-table:before { content: '\e813'; } /* '' */
.icon-plus:before { content: '\e814'; } /* '' */
.icon-laundry:before { content: '\e815'; } /* '' */
.icon-play-circled2:before { content: '\e816'; } /* '' */
.icon-help:before { content: '\e817'; } /* '' */
.icon-water-purification:before { content: '\e818'; } /* '' */
.icon-up-open:before { content: '\e819'; } /* '' */
.icon-delivery:before { content: '\e81a'; } /* '' */
.icon-weather:before { content: '\e81b'; } /* '' */
.icon-list-add:before { content: '\e81c'; } /* '' */
.icon-add-to-cart:before { content: '\e81d'; } /* '' */
.icon-phone:before { content: '\e81e'; } /* '' */
.icon-user:before { content: '\e81f'; } /* '' */
.icon-basket:before { content: '\e820'; } /* '' */
.icon-search:before { content: '\e821'; } /* '' */
.icon-cancel:before { content: '\e822'; } /* '' */
.icon-checkmark:before { content: '\e823'; } /* '' */
.icon-right-open:before { content: '\e824'; } /* '' */
.icon-arrow-left:before { content: '\e825'; } /* '' */
.icon-arrow-right:before { content: '\e826'; } /* '' */
.icon-water-drop:before { content: '\e827'; } /* '' */
.icon-check-mark-1:before { content: '\e828'; } /* '' */
.icon-left-open:before { content: '\e829'; } /* '' */
.icon-virus2:before { content: '\e82a'; } /* '' */
.icon-agriculture:before { content: '\e82b'; } /* '' */
.icon-garbage-cans:before { content: '\e82c'; } /* '' */
.icon-thumb-up:before { content: '\e82d'; } /* '' */
.icon-thumb-down:before { content: '\e82e'; } /* '' */
.icon-email-us:before { content: '\e82f'; } /* '' */
.icon-call-us:before { content: '\e830'; } /* '' */
.icon-facebook-circled:before { content: '\f051'; } /* '' */
.icon-youtube-play:before { content: '\f16a'; } /* '' */
.icon-instagram:before { content: '\f16d'; } /* '' */
.icon-paypal:before { content: '\f1ed'; } /* '' */
.icon-cc-visa:before { content: '\f1f0'; } /* '' */
.icon-cc-mastercard:before { content: '\f1f1'; } /* '' */
.icon-cc-discover:before { content: '\f1f2'; } /* '' */
.icon-cc-amex:before { content: '\f1f3'; } /* '' */
.icon-cc-paypal:before { content: '\f1f4'; } /* '' */
.icon-amazon:before { content: '\f270'; } /* '' */
.icon-star-empty:before { content: '\f271'; } /* '' */
 
 .tooltip {
    display:inline-block;
    position:relative;
    border-bottom:1px dotted #666;
    text-align:left;
}

.tooltip .tooltip_contents {
    min-width:200px; 
    top:-20px;
    left:50%;
    transform:translate(-50%, -100%);
    padding:10px 20px;
    color:#444444;
    background-color:#EEEEEE;
    font-weight:normal;
    font-size:13px;
    border-radius:8px;
    position:absolute;
    z-index:99999999;
    box-sizing:border-box;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
    visibility:hidden; opacity:0; transition:opacity 0.8s;
}

.tooltip:hover .tooltip_contents {
    visibility:visible; opacity:1;
}

.tooltip .tooltip_contents i {
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-12px;
    width:24px;
    height:12px;
    overflow:hidden;
}

.tooltip .tooltip_contents i::after {
    content:'';
    position:absolute;
    width:12px;
    height:12px;
    left:50%;
    transform:translate(-50%,-50%) rotate(45deg);
    background-color:#EEEEEE;
    box-shadow:0 1px 8px rgba(0,0,0,0.5);
}
.modal_box, .popup_modal_box {
	position: fixed;
	top: 50%;
	left: 50%;
	width: auto;
	min-width: 320px;
	height: auto;
max-height:100%;
	z-index: 10000;
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-ms-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	overflow: auto;
-webkit-overflow-scrolling:touch;
-webkit-box-shadow: 0px -1px 10px rgba(0, 0, 0, 0.51);-moz-box-shadow:0px -1px 10px rgba(0, 0, 0, 0.51);box-shadow:0px -1px 10px rgba(0, 0, 0, 0.51);

-webkit-transition: all 0.5s linear;
-moz-transition: all 0.5s linear;
-o-transition: all 0.5s linear;
transition: all 0.5s easein;
-webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;
}

.icon-cancel{background:#fff;}
/* popup modal */
.popup_modal_box input[type=text],.popup_modal_box input[type=email] {}
.popup_modal_box .col8{padding:20px;} 

.modal_right_bottom{
	top:initial;
	right:20px;
	bottom:20px;
	left:initial;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
animation: slideInRight .3s;
border-radius: 5px;

}
.modal_left_bottom{
	top:initial;
	left:20px;
	bottom:20px;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);
animation: fadeInRight .3s;

}

.modal_top{
	top:0;
	right:0;
	bottom:0;
	left:0;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);

}
.modal_bottom{
	top:initial;
	right:0;
	bottom:0;
	left:0;
	-webkit-transform: translateX(0) translateY(0);
	-moz-transform: translateX(0) translateY(0);
	-ms-transform: translateX(0) translateY(0);
	transform: translateX(0) translateY(0);

}



.modal_box .title, .popup_modal_box .title{margin:-10px 0 0 0;}
.modal_overlay {
	position: fixed;
	width: 100%;
	height: 100%;
	opacity: 1;
	visibility: visible;
	top: 0;
	left: 0;
	z-index: 1000;
	background: rgba(0,0,0,0.4);
	-webkit-overflow-scrolling:touch;
	-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;-o-transition: all 0.5s linear;transition: all 0.5s linear;  -webkit-animation: fadein 0.5s;
  animation: fadein 0.5s;

}
/* Content styles */
.modal_box .login-modal input, .popup_modal_box .login-modal input{
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;

}
.modal_contents {
	color: #222;
	background: #fff;
	position: relative;
	margin: 0 auto;
	padding:10px;
	height:100%;
}
.modal_default_close {text-align:right;display:block;cursor:pointer;margin:-10px -10px 10px 0;font-size: 20px;position:relative;z-index: 2;}

@media screen and (max-width: 767px){

.popup_image {display:none;}
.modal_right_bottom{top:0;right:5px;left:5px;bottom:initial;}


}



@-webkit-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-ms-keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}
@-webkit-keyframes popin {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-ms-keyframes popin {
  0% {
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes popin {
  0% {
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }

  85% {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
    opacity: 1;
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}





/* Wysiwash on AltiSuite All-In-One V1.1.0 */

@font-face {font-family: 'Montserrat-Regular';src: url('/cache/web/auto_images/29e30c4de76b82490c8cf3e4ee45de65.ttf');}
@font-face {font-family: 'Montserrat-Bold';src: url('/cache/web/auto_images/a2f98a576fdb1ccbe052cc08c7ec5335.ttf');}
@font-face {font-family: 'Montserrat-Medium';src: url('/cache/web/auto_images/d2eac99ded190ba1ae1f953d00232fc1.ttf');}
@font-face {font-family: 'Montserrat-Light';src: url('/cache/web/auto_images/db8100bde0752412c24971aa033c6411.ttf');}
@font-face {font-family: 'Rubik-Bold';src: url('/cache/web/auto_images/9d46a64aa85bdc5b37620420a81584e0.ttf');}
@font-face {font-family: 'Rubik-Black';src: url('/cache/web/auto_images/9580c2e92d9ff5f95263e0cddb401b8f.ttf');}
@font-face {font-family: 'Rubik-Medium';src: url('/cache/web/auto_images/31fd33316d4dbcf9e6e344269b1d5cd2.ttf');}
@font-face {font-family: 'Rubik-Light';src: url('/cache/web/auto_images/9c549f2c313b37b261140d5efb2c2108.ttf');}
@font-face {font-family: 'Rubik';src: url('/cache/web/auto_images/1d5a5f911239d9bd9cbd1968b58be1c9.ttf');}



:root{  

--green:#68A23A;
--ltgreen:#7BC143;
--blue:#1554A6;
--ltblue:#6AA5D9;
--yellow:#D5C60C;
--orange:#D5700C;
--brown:#AC5D0E;
--gray:#CECECE;
--medgray:#848484;
--dkgray:#525252;
--ltgray:#F4F4F4;
--ltgray1:#F2F2F2;
--ltgray2:#F8F8F8;
--black:#000;
--red:#D63030;

}

html,body{width:100%;letter-spacing: 0.05em;}
body{margin:0; padding:0; background: #fff; font-family:Montserrat-Regular,sans-serif; color:#000; font-size:16px; }
*{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}
img{max-width: 100%;}
p b, p strong{font-family: 'Montserrat-Bold';}

.text-green{color:var(--green)!important;}
.text-ltgreen{color:var(--ltgreen)!important;}
.text-yellow{color:var(--yellow)!important;}
.text-orange{color:var(--orange)!important;}
.text-brown{color:var(--brown)!important;}
.text-red{color:var(--red)!important;}
.text-yellow{color:var(--yellow)!important;}


.left{float:left!important;}
.right{float:right!important;}
.clear{clear:both;}
.align-center{text-align:center;}
.align-right{text-align:right;}
.align-left{text-align:left;}

.top-pad20{padding-top: 20px;}
.top-pad40{padding-top: 40px;}
.right-pad40{padding-right: 40px;}
.top-pad80{padding-top: 80px;}


.shadow {-webkit-filter: drop-shadow( 0.5px 0.5px 0.6px #9f9f9f ); filter: drop-shadow( 0.5px 0.5px 0.6px #9f9f9f );}
a.no-clk{pointer-events: none;cursor: default;}
.mobile-only{display:none;}
.toggle_overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity: 1;visibility: visible;top: 0; left: 0; z-index: 1000;-webkit-overflow-scrolling: touch;}
.toggle_overlay{position:fixed;width:100%;height:100%;background:rgba(0,0,0,0.4);opacity: 1;visibility: visible;top: 0; left: 0; z-index: 1000;-webkit-overflow-scrolling: touch; -webkit-animation: fadein 0.2s;animation: fadein 0.2s;}
.gray {color: #dadada;}
#main_content{min-height:100vh;}
.truncate_outer{font-size: 1em;width: 55%;display: table;table-layout: fixed;margin: 10px 0;position: relative;z-index: 2;}
.truncate_inner{white-space: nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;}

h1, h2, h3, h4, h5{margin:0;padding:0;font-weight:normal;}
a{color:#026e97;text-decoration:none;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;cursor:pointer;}
a:hover{color:#4ac2c6;}
a.btn, input[type=submit], button, .local-banner{background:var(--blue);color:#fff; font-family: 'Rubik-Bold'; text-transform: uppercase; background-image: -webkit-linear-gradient(45deg, #68A23A 50%, transparent 50%); background-image: linear-gradient(45deg, #68A23A 50%, transparent 50%); background-position: 100%; background-size: 400%; -webkit-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out;}
a.btn:hover, button:hover, input[type=submit]:hover{background-position: 0;}
.rubik{font-family: 'Rubik', sans-serif;}
input[type=text], input[type=number], textarea{font-family: 'Montserrat-Regular';}
textarea{padding:10px;}

p{margin:0;font-weight:normal;line-height:24px;}
p b {font-family: 'Montserrat-Bold', sans-serif;}
.box-size{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}


/* Custom Page Styles */
.section-header{padding-bottom:20px;}
.section-header h3, .section-header h2{letter-spacing: 2px; margin-bottom:5px;}
.section-content p{margin-bottom:20px;}
.section-content h5{font-family: 'Rubik-Medium'; font-size: 18px; margin:15px 0 5px 0;}
.testimonial{text-align: center; padding:100px 0; }
.testimonial p{font-family:'Montserrat-Light', sans-serif; line-height: 48px; font-size: 30px;}
p.testimonial-name{font-family: 'Rubik-Medium', sans-serif; font-size: 24px; margin:20px 0 0 0;}
p.testimonial-type{font-family:'Rubik-Light', sans-serif ; font-size: 14px;}
.s-testimonial p{font-size: 18px; line-height: 33px; margin:0 0 15px 0;}
.s-testimonial-name b{font-family: 'Rubik-Medium';}
.s-testimonial-source{font-size: 14px; font-family: 'Rubik-Light';}
.s-testimonial .icon-star{font-size: 25px; margin:0 -6px 0 0;}
a.cp-btn{-webkit-appearance:none;display:inline-block;border:0;height:60px;line-height:60px; font-size:16px;padding:0 20px;cursor:pointer;color:#fff; background-color: var(--blue); color:#fff; font-family: 'Rubik-Bold'; text-transform: uppercase; margin:40px 0; letter-spacing: 1px; background-image: -webkit-linear-gradient(45deg, #68A23A 50%, transparent 50%); background-image: linear-gradient(45deg, #68A23A 50%, transparent 50%); background-position: 100%; background-size: 400%; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out; }
a.cp-btn:hover{background-position: 0;}
a.cp-gbtn{-webkit-appearance:none;display:inline-block;border:1px solid var(--blue);:60px;line-height:60px; font-size:16px;padding:0 20px;cursor:pointer;color:var(--blue); font-family: 'Rubik-Bold'; text-transform: uppercase; margin:40px 0; background-image: -webkit-linear-gradient(45deg, var(--blue) 50%, transparent 50%); background-image: linear-gradient(45deg, var(--blue) 50%, transparent 50%); background-position: 100%; background-size: 400%; -webkit-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out;}
a.cp-gbtn:hover{background-position: 0; color:#fff;}
a.cp-bgbtn{-webkit-appearance:none;display:inline-block;border:1px solid #000;:60px;line-height:60px; font-size:16px;padding:0 20px;cursor:pointer;color:#000; font-family: 'Rubik-Bold'; text-transform: uppercase; margin:40px 0; background-image: -webkit-linear-gradient(45deg, #000 50%, transparent 50%); background-image: linear-gradient(45deg, #000 50%, transparent 50%); background-position: 100%; background-size: 400%; -webkit-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out;}
a.cp-bgbtn:hover{background-position: 0; color:#fff;}
section#firstsection, section#green-bullets, section#wwfirst, section#turffirst, section#stop-parvo, section#costtable{margin-top: 0px;}
section#no-margin-bottom{margin-bottom: 0px; padding-bottom:100px;}
section#no-margin-top{margin-top: -100px; padding-top:200px;}

/* Animal Care Page */
section#animalcare-quiz{padding:140px 0 100px 0;}
section#ac-effersan .grid .col6:first-child, section#turffirst .grid .col6:first-child{order: 0;}
section#ac-effersan .grid .col6:nth-child(1), section#turffirst .grid .col6:nth-child(1){order:1;}
.page section h2.shop{font-family: 'Rubik-Black'; font-size: 23px; letter-spacing: 3px;}

/* Animal Care Chart */
.effective-table{min-width:800px; margin:60px auto 120px auto; text-align: left; text-transform: uppercase;}
.effective-table th, .effective-table td {padding: 18px 15px; width:33%; border-bottom:1px solid #cecece;}
.effective-table b{font-family: 'Montserrat-Bold', sans-serif;}


/* Turf Cost Chart */
#turf-cost table{width:80%; min-width:800px; margin:100px auto; text-align: left; font-size: 33px; color:#939393;}
#turf-cost th, #turf-cost td {padding: 24px 15px; width:50%;}
#turf-cost tbody tr{ border-bottom:1px solid #848484;}
#turf-cost tbody > tr:last-child {border:0px;}
#turf-cost tbody tr:first-child td:first-child{color:var(--ltblue);}
#turf-cost tbody tr:first-child td:nth-child(2){color:#000;}
#turf-cost tbody tr:nth-child(n+2) td:nth-child(n+2) {font-family: 'Montserrat-Light';}
section#turf-cost{padding:100px 0 0 0;}

/*Turf How to List*/
section#turf-how ol{padding-inline-start:25px;}
section#turf-how ol li{margin:0 0 34px 0;}



/* Janitorial Page */
section#ww-perfect-for h4, section#ef-perfect-for h4{font-family: 'Rubik-Medium'; font-size: 27px; letter-spacing: 2px; text-transform: uppercase; margin:0 0 20px 0;}
section#ww-perfect-for h5, section#ef-perfect-for h5, section#ss-problems h5, section#ss-commercial h5{font-family: 'Rubik-Medium'; font-size: 18px; color:#7A7B7C; text-transform: uppercase; margin:10px 0;}
section#ww-perfect-for h5 i, section#ef-perfect-for h5 i, section#ss-problems h5 i, section#ss-commercial h5 i{color:var(--ltgreen);}
.perfect-icons .grid{width: 100%; transform: none!important;}
.page section .perfect-icons .grid .col6{padding:0;}
section#ss-problems h3{padding:40px 0 10px 0;}
section#ss-commercial p{padding:0 0 40px 0;}
section#ss-home{padding:150px 0;}

section#surfaces{padding:200px 0;}
section#surfaces p {font-family:'Rubik-Medium'; font-size: 18px; color:#fff; text-transform: uppercase; margin-bottom: 15px;}
section#surfaces p i{color:var(--ltgreen); padding-right:10px;}

/* Pools Page */
section#poolshowto ol {padding-inline-start: inherit;}
section#poolshowto ol li{padding:10px 0;}
section#poolshowto ol li:first-child{padding-top:0;}
section#poolshowto{padding:50px 0;}
section#pooldeck .section-content p, section#pooldeck2 .section-content p{margin-bottom: 40px;} 


section#pooldeck .grid .col6:first-child{order: 0;}
section#pooldeck .grid .col6:nth-child(1){order:1;}

section#pooldeck{margin-bottom:0px; padding:100px 0;}
section#pooldeck2{margin-top:0px;}



/*  Effersan Kills Claim Chart */
section#killclaims table, section#killclaims-hc table{width:80%; text-transform: uppercase; margin:50px auto 20px auto;}
section#killclaims tbody tr, section#killclaims-hc tbody tr{ border-bottom:1px solid #CECECE;}
section#killclaims tbody tr:first-child, section#killclaims-hc tbody tr:first-child{background-color: #D5D5D5;}
section#killclaims tbody tr:nth-child(2), section#killclaims-hc tbody tr:nth-child(2){background-color: #EFEFEF;}
section#killclaims tbody td, section#killclaims-hc tbody td  {padding: 18px 15px;}
section#killclaims table b, section#killclaims-hc table b{font-family: 'Montserrat-Bold';}
section#killclaims p, section#killclaims-hc p{font-size: 12px; width:80%; margin:0 auto;}
section#killclaims-hc{background-color: #f8f8f8; padding:100px 0;}


/* Effersan Active Ingredients */
section#activeing h3{margin:40px 0 5px 0; font-family: 'Rubik-Bold'; text-transform: uppercase; font-size: 20px; color: #003D78; }
section#activeing h4{margin:40px 0 5px 0; font-family: 'Rubik-Bold'; text-transform: uppercase; font-size: 16px; color: #003D78; }

/* Effersan Dilution Chart */

table.dilution{width:80%; margin:40px auto 60px auto; border-collapse: separate; border-spacing: 10px 0rem;}
table.dilution tbody tr:first-child{background-color: #68A23A; font-size: 20px; font-family: 'Rubik-Medium'; text-transform: uppercase; color:#fff;}
table.dilution tbody td{padding:18px 15px;}
table.dilution tbody td:first-child{padding:30px 15px;}
table.dilution tbody th{padding:4px;}
table.dilution tbody tr:nth-child(3){font-size: 18px; background-color:#7BC143; font-family: 'Rubik-Medium'; color:#fff;}
table.dilution tbody tr:nth-child(4){background-color:#EFEFEF;}
table.dilution tbody tr:nth-child(5){background-color:#F8F8F8;} 
table.dilution tbody tr:nth-child(6){font-size: 14px; color:#696969;}
section#application h3{font-family: 'Rubik-Medium'; text-transform: uppercase;}

/* Effersan Vs Other Chart */
section#effersan-vs table{margin: 40px auto;}
section#effersan-vs table tr td{padding:10px 15px; font-size: 14px;}
section#effersan-vs table tr:nth-child(2n){background-color: #E6E6E6;}
section#effersan-vs table tr:first-child, section#effersan-vs table td:first-child{font-family: 'Rubik-Medium';}
section#effersan-vs table tr:last-child{font-family: 'Rubik-Bold';}
section#effersan-vs table tr:last-child td:nth-child(n+3){color:#848484;}
section#effersan-vs table tr:nth-child(4) td:nth-child(2), section#effersan-vs table tr:nth-child(4) td:nth-child(6){color:#7BC143;}
section#effersan-vs table tr td {border-right:1px solid #707070;}
section#effersan-vs table tr td:last-child{border-right:none;  }
section#effersan-vs table .icon-cancel{background:none;}
.alt-effective-table{display: none;}


/* Healthcare Page */
section#staff-safety ul{padding-inline-start: initial;}
section#staff-safety ul li{list-style: none; padding: 0 0 20px 0;}

/* Scalesafe Page */
section#ss-vs{background-color: #f4f4f4; padding:200px 0;}
section#ss-vs table{width:100%; border-spacing: 2%;}
section#ss-vs tr td{width:48%; border-bottom: 1px solid #ccc; padding:20px 10px;}
section#ss-vs tr:first-child{font-size: 27px; border-bottom: none; font-family: 'Rubik-Medium', sans-serif; text-transform: uppercase;}
section#ss-vs tr:first-child td:first-child{color:var(--blue);}
section#ss-vs tr td:nth-child(even){color: #4d4d4d;;}
section#ss-eliminate{margin-top: -200px; padding:200px 0 100px 0;}
section#ss-map{padding-top:100px;}
section#ss-map figure{padding:100px 15%;}
section#ss-commercial{padding:100px 0 200px 0; margin-bottom: -100px; }
section#ss-home{margin: 0;    position: relative;
    z-index: 1;}

section#ss-eliminate p:last-of-type{margin-bottom: 35px;}
section#ss-eliminate a.cp-btn{font-size: 14px; margin:5px 5px 0 0;}
section#ss-form{background-color:#f4f4f4; background-image: url(/cache/web/auto_images/294dcea9173c202c8569d9942128c506.svg); background-position: 90% 100%; background-repeat: no-repeat; margin-top: 0; padding:200px 0;}

section#ss-how{padding:75px 0;}
section#ss-how .col12{max-width: 800px; margin:0 auto;}
section#ss-how img{padding:40px 0;}
section#ss-how h3{font-size: 18px; font-family: 'Rubik-Medium', sans-serif;}
section#ss-how ul{list-style: none; padding-inline-start: 0;}
section#ss-how ul li{padding:0 0 20px 0;}

/* Direction Pages */
.guide-content #custom_page_view {padding:0;}
.guide-content section#general, .guide-content section#wwpro-parts{margin-top: 0;}
.page .guide-content h2{font-family: 'Rubik-Bold'; font-size: 24px; margin-bottom: 20px;}
.page .guide-content h3{font-size: 18px;}
.guide-content p{padding:0 0 10px 0;}
.guide-content table.dilution{width:100%;}
.guide-content img{margin:40px 0;}

.guide-menu, .ww-guide-menu{background-color: #FAFAFA; padding:30px; width:90%; text-transform: uppercase; font-family: 'Rubik-Medium'; box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);}
.guide-menu h2, .ww-guide-menu h2{font-family: 'Rubik-Medium'; font-size: 24px; color:#848484;}
.ww-guide-menu h3{color:#848484;}
.guide-menu a, .ww-guide-menu a{color:#000;}
.guide-menu ul, .ww-guide-menu ul{padding-inline-start:0; margin-bottom: 20px;}
.guide-menu ul li, .ww-guide-menu ul li{list-style-type: none; padding:5px 0;}
.guide-menu ul li:first-child{font-size: 18px; font-family: 'Rubik-Bold';}
.ww-guide-menu hr{margin: 30px 0;}

.guide .grid .col4, .guide .grid .col8{margin-top:50px; }
p.note, .note{background-color: #FAFAFA; padding:20px; margin:10px 0;}

.guide-footer{border-top: 1px solid #DBDBDB; padding:60px 0;}
.page .guide-content .guide-footer h2{font-family: 'Rubik-Regular'; text-transform: uppercase;}
.guide-footer .col3{text-align: center;}
.guide-footer img{margin:30px 0 0 0;}
.guide-footer h3{color:#95989A; text-transform: uppercase; font-family: 'Montserrat-Bold';}
.guide-footer .col3:first-child img{width: 75px!important;}
.guide-footer .col3:nth-child(2) img{width:88px; padding-top: 44px;}

/* Subpage */
.subpage p{margin-bottom:20px;}
.subpage h2{font-family: 'Rubik-Black'; text-transform: uppercase; margin:10px 0;}
section#refer{padding:0 5%; margin-top:0; text-align: center; }

.subpage .section-header h2{font-size: 33px; font-family: 'Rubik-Black'; text-transform: uppercase;}
.subpage .section-header h3{text-transform: uppercase; font-size: 23px; font-family: 'Rubik-Medium';}

section#referalform .grid{margin:0 auto; width:100%; max-width: 900px;}

/* Stop Parvo Page */
section#stop-parvo .section-header h2{margin:0 0 20px 0;}
section#stop-parvo h2{margin:60px 0 20px 0;}
section#stop-parvo h3{margin:0 0 10px 0;}
section#stop-parvo .grid{align-items: baseline;}
section#stop-parvo .greybox{background: #FAFAFA; padding: 30px; box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); margin:0 0 40px 0;}
section#stop-parvo .greybox section{margin-bottom: 0;}
section#stop-parvo .greybox section p{padding-bottom: 20px;}

/* Cost Savings Page */
section#costtable table{width: 80%; margin:20px auto;}
section#costtable table tr td{padding:20px;}
section#costtable table tr:nth-child(odd){background-color:#EFEFEF; }
section#costtable table tr td:nth-child(even){text-align: right;}
section#costtable table tr:first-child{text-transform: uppercase; background-color: #3f3f3f; color:#fff; font-family: 'Rubik-Bold';}
section#costtable table tr:last-child{display: table-row;}
section#costtable table tr:nth-child(2){color:var(--blue); font-family: 'Montserrat-Medium';}
section#costtable table a{ cursor: pointer; display: flex; justify-content: center; align-items: center; height: 65px; padding-left: 20px; text-transform: uppercase; color: #959595; letter-spacing: 2px;} 
section#costtable .expandable-toggle::after{content: ' ';}
section#costtable .expandable-toggle.open::after{content: ' ';}

section#hundreds{padding:200px 40px 40px 40px; color:#fff;}
section#hundreds h2{padding:200px 200px 0 0; text-shadow: 2px 2px 2px rgb(0 0 0 / 26%);}

/* Article Page */
.article-view article {max-width: 800px; margin:40px auto;}
.article-view article h1{font-family: 'Montserrat-Medium'; font-size: 52px; margin:20px 0;}
.article-view article h2{font-family: 'Rubik-Bold'; font-size: 30px; margin:40px 0 10px 0;}
.article-view article h3{font-family: 'Rubik-Medium'; font-size: 22px; margin:15px 0;}
.article-view article p{margin:20px 0; font-size: 18px; line-height: 28px;}
.article-view article ul, .article-view article ol{font-size: 18px; margin: 20px 0;}
.article-view article ul li, .article-view article ol li{padding:16px 0;}
.date1{text-transform: uppercase; font-family: 'Montserrat-Bold'; color:#B4B4B4;}
.article-view article blockquote {background-color: #F4F4F4; font-family: 'Montserrat-Regular'; font-size: 28px; padding:40px; margin:40px 0; line-height: 40px; color:#7B7B7B; border-left:20px solid #7BC143;} 


/* Articles Page */
.blog-main ul{display: flex; flex-wrap: wrap; }
.blog-main ul li{flex: 0 1 32%; flex-direction: row; align-items: flex-start; list-style: none; padding:10px; min-height: ;} 
.blog-main article{box-shadow: 0px 3px 6px rgb(0 0 0 / 16%); min-height: 360px;}
.blog-main article:hover{box-shadow: 0px 5px 8px rgb(0 0 0 / 26%); transition: 1s;}
.blog-main article .post{padding:20px;}
.blog-main h3 {color:#000; font-size: 18px; font-family: 'Montserrat-Medium'; margin-bottom: 10px;}
.blog-main .date{color:#B4B4B4; font-family: 'Montserrat-Bold'; font-size: 12px; text-transform: uppercase;}
.featured-image-box{width:100%; height:240px;}
.blog-bg-image{background-position: center; background-size: cover!important; height:100%;}

/* Article Navigation */
.article-nav{background-color: #F0F0F0;}
.article-nav ul{margin: 0;padding:0;text-align:center}
.article-nav ul li{display: inline-block; padding:20px; font-family: 'Rubik-Bold'; text-transform: uppercase; letter-spacing: 1px;}
.article-nav ul li a{color:#626262;}

/* FAQS Page*/
.faq h2{font-size: 24px;  text-transform: uppercase; font-family: 'Rubik-Bold'; padding:0; }
.faq h3{font-size: 18px; text-transform: uppercase; font-family: 'Rubik-Bold'; padding:20px 0 0 0;}
.faq p{padding:0 0 40px 0;}
.faq-nav{padding:40px; background-color: #FAFAFA;}
.faq-nav h3{font-family: 'Rubik-Bold'; text-transform: uppercase; color:#848484;}
.faq-nav li.tab.active {background-color: initial; padding:0;}
.faq-nav li{font-family: 'Rubik-Medium'; text-transform: uppercase; list-style: none; padding:5px 0;}
.faq-nav ul{margin-inline-start: 0; padding-inline-start: 0;}


/* FAQS section */
section#faqs h3{font-size: 18px; font-family:'Rubik-Bold'; color:var(--blue); margin:20px 0 5px 0;}
section#faqs p{margin-bottom: 40px;}
section#faqs .col9{text-align: left;}

/* Buttons */
button, input[type=submit], a.btn{-webkit-appearance:none;display:inline-block;border:0;height:35px;line-height:35px; font-size:16px;padding:0 20px;cursor:pointer;color:#fff;}
p.gbtn,a.gbtn{background:none!important;color: #003D78;border:1px solid var(--gray);display: inline-block;line-height:35px; padding:0 5%;}
a.lbgbtn{color:var(--ltblue);border:1px solid var(--ltblue);display: inline-block;line-height:35px; padding:0 5%; text-transform: uppercase; font-family: 'Montserrat-Bold'; letter-spacing: 1px; font-size: 14px;}
a.bgbtn{color:var(--blue); border:1px solid var(--blue);display: inline-block;line-height:35px; padding:0 5%; text-transform: uppercase; font-family: 'Montserrat-Bold'; letter-spacing: 1px; font-size: 14px; background-image: -webkit-linear-gradient(45deg, var(--blue) 50%, transparent 50%); background-image: linear-gradient(45deg, var(--blue) 50%, transparent 50%); }
a.lbgbtn, a.dbsbtn, a.bgbtn {display: inline-block;line-height:35px; padding:0 5%; text-transform: uppercase; font-family: 'Montserrat-Bold'; letter-spacing: 1px; font-size: 14px;  background-position: 100%; background-size: 400%; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;}
a.lbgbtn{color:var(--ltblue); border:1px solid var(--ltblue);  background-image: -webkit-linear-gradient(45deg, var(--ltblue) 50%, transparent 50%); background-image: linear-gradient(45deg, var(--ltblue) 50%, transparent 50%); }
a.dbsbtn{color: #fff; border:1px solid #003D78; background-color: #003D78; background-image: -webkit-linear-gradient(45deg, var(--ltblue) 50%, transparent 50%); background-image: linear-gradient(45deg, var(--ltblue) 50%, transparent 50%);}
a.dbsbtn:hover, a.bgbtn:hover, a.lbgbtn:hover{background-position: 0; color:#fff;}

p.bbtn a{background:none!important;color: #000;border:1px solid black; display: inline-block;line-height:35px;padding:0 5%;}


a.wbtn{color:#fff; border:1px solid #fff;padding:0 20px; display:inline-block;line-height:35px; text-transform: uppercase; font-family: 'Rubik-Bold'; letter-spacing: 2px; font-size: 14px; background-image: -webkit-linear-gradient(45deg, #003D78 50%, transparent 50%); background-image: linear-gradient(45deg, #003D78 50%, transparent 50%); background-position: 100%; background-size: 400%; -webkit-transition: background 300ms ease-in-out; transition: background 300ms ease-in-out;} 
a.wbtn:hover{background-position: 0; }


/* Header */
.header .logo, .header .head-stuff{display:inline-block;height:70px;line-height: 70px;}
/* header{-webkit-transition: all 0.5s linear;-moz-transition: all 0.5s linear;transition: all 0.5s linear; } */
.header{display:flex;height:60px;}
/* 
header.alt{
/*     position: fixed; */
    background: #fff;
    z-index: 2000;
    width: 100%;
	top:0;
	box-shadow: -1px 1px 3px rgba(0,0,0,.1);
}
 */




header.altno{position:initial!important;}
header.alt img{max-height:50px;}
header.alt .head-stuff{line-height:50px;}

#dashboard_box{display:contents;}
.logo img{max-height:70px;max-width: 350px;vertical-align:middle; padding-top: 15px;}
.head-stuff{/* position:relative; */line-height:60px;width:100%;font-size:16px; text-transform: uppercase;}
.head-stuff a{padding:0 10px;color:#000;}
.head-stuff a.btn{color:#fff; padding:0 20px;}

.txt-right{text-align:right;}
.txt-left{text-align:left;}

.head-stuff i{padding-right: 8px;}
.topbar{height:30px;line-height:30px;background:#EEBA9A; text-transform: uppercase;font-size:0.8em;text-align:center;}
.topbar a{color:#fff;}

/* Login */
.login-modal{padding:20px; width:500px;}
.login-modal input{padding:0 5px;border:1px solid #aaa;width:100%;font-size:18px;height:55px;}

/* Account Box */
#my-account{display:none;text-align:left;}
.account-open{display:block!important;position: absolute;top: 0px;width:320px;right:0;z-index: 1001;background: #fff; color: #000;line-height: initial;   margin-top:-0; padding: 30px}
#my-account ul{padding:0;margin:0;}
#my-account ul li {list-style:none;padding:5px 0;}

/*Search*/
a#search_handle{display:none;}


#search-area{    flex-grow: 1;
    padding: 10px;margin:15px auto; max-width:800px;position:relative;}

        
.search-area-open{display:block!important;position: absolute;top: 74px;right:5%;left:5%;z-index: 2001;background: #fff;    color: #000;line-height: initial;   margin-top:-0; padding: 0}
#search-area input[type=search]{font-family:inherit;border:none;background:var(--ltgray);border-radius: 3px;width:100%;margin-right:20px;padding:0 15px 0 30px;height:50px;line-height:50px;font-size:18px;-moz-appearance:none;-webkit-appearance:none; }
#search-area input[type=submit]{background:none;border:none;position:absolute;margin: 0;cursor:pointer;-webkit-appearance:none;}
.search-bar input[type=search]{font-family:inherit;border:1px solid #e3e3e3;width:80%;margin-top:10px;padding:0 15px 0 30px;height:50px;line-height:50px;font-size:20px;text-transform:uppercase;-moz-appearance:none;-webkit-appearance:none;}
.search-bar input[type=submit]{display:none;background:none;border:none;position:absolute;margin: 0;cursor:pointer;-webkit-appearance:none;}
header.alt .search-area-open{top:24px;}

.autocomplete-suggestions {
  text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 3px 8px rgba(0,0,0,.3);
  /* core styles should not be changed */
  position: absolute; display: none; z-index: 9999; box-sizing: border-box; left: initial!important;
}

.autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
.autocomplete-suggestion img{max-width:50px!important;max-height:50px!important;margin: 5px;    vertical-align: middle;}
.autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
.autocomplete-suggestion.selected, #search_results li.selected .search_product { background: #f0f0f0; }



ul.f_category {margin:0;padding:0;}
ul.f_category li{display:inline-block;width:49.5%;padding:5px 0 0 0;}

.modal_height {max-height:600px!important;}
.modal_padding{padding:50px;}

/* Section Defaults */
section{margin:75px 0;}
section.space{margin:0;}
section h2{font-family:;font-size:40px;}

.page{width:100%;overflow:hidden;}

/* slants */

section.left-slant{position: relative;transform: skewy(3deg);}
section.right-slant{position: relative;transform: skewy(357deg);}
section.left-slant::before,section.right-slant::after {content: "";position: absolute;left: 0;top: 20%;right: 0;bottom: 0;outline: 1px solid transparent;z-index:-1;height:70%}
section.left-slant .grid:first-child{transform: skewy(357deg);}
section.right-slant .grid:first-child{transform: skewy(3deg);}

section.right-slant.graybg{background:#f4f4f4;}
section.left-slant.graybg{background:#f4f4f4;}
section.right-slant.graybg.paw{background:url(/cache/web/auto_images/5a3cb1872fdbdd01d5ba57ae7ca6a1f0.svg) no-repeat, #f4f4f4; background-position: 85% 45%;}





figure{padding:0;margin:0 0 20px 0;}
.over-image{position:absolute;bottom:0;padding:5%}




/* alternates  */
section.alt:nth-child(odd) .grid .col6:nth-child(odd) {order:0;}
section.alt:nth-child(odd) .grid .col6:nth-child(even) {order:1;}
section.alt:nth-child(even) .grid .col6:nth-child(odd) {order:1;}
section.alt:nth-child(even) .grid .col6:nth-child(even) {order:0;}

section.alt:nth-child(odd) .txtblock.ca .grid .col6:nth-child(even) {animation-delay: .3s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInRight;text-align:left;z-index:1}
section.alt:nth-child(odd) .txtblock.ca .grid .col6:nth-child(odd) {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInLeft;text-align:left;}
section.alt:nth-child(even) .txtblock.ca .grid .col6:nth-child(even) {animation-delay: .3s;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInLeft;text-align:left;z-index:1}
section.alt:nth-child(even) .txtblock.ca .grid .col6:nth-child(odd) {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;animation-name:fadeInRight;text-align:left;}

section .grid .col6 figure{    position:relative;   z-index: 1;}
section .grid .col6 img{object-fit: cover;width: 100%;object-position:top;}
section .grid .col6 figure.img-center img{object-position:center}
section .grid .col6 figure.img-top img{object-position:top}



.local-banner{padding:20px 0;text-align:center;}
/* Footer */

.footer_banner{height:50px;line-height:50px;background: #000;}
.footer_banner ul{margin:0;padding:0;}
.footer_banner ul li{float:left;margin-right:30px;padding:0;font-family: Rubik-Medium;font-size:18px;text-transform: uppercase;}
.footer_banner ul li a{color:#fff;}

footer{background:var(--dkgray);position:relative;padding:20px 0 0 0;}

footer h3{font-size:18px;font-family:Rubik-Medium;color:var(--gray);margin:30px 0;}
footer ul{margin:0;padding:0;}
footer ul li{list-style:none;padding:0;margin:5px auto;font-family:Montserrat-Regular;font-size:16px;}
footer ul li a{color:#fff;}
footer ul li a:hover {color:#fff;opacity:1}
footer ul{margin:0;padding:0;}
img.footer_logo{position:absolute;z-index:1;top:90px;right:30px;width:250px;}

.social a i{font-size:30px;color:#fff;}

.footer_bottom{margin-top:20px;height:100px;line-height:100px;color:#fff;}
.footer_bottom .grid{border-top:1px solid rgba(0,0,0,.5);}
.footer_bottom i{font-size:24px;}

.cc-payments i{font-size:1.5em;}

#mailing_lists_subscribe h2{font-size:1.2em;}
#mailing_lists_subscribe input{height:35px;line-height:35px;border:1px solid #ccc;border-radius:2px;margin:5px;width:100%;}
#mailing_lists_subscribe input[type=submit]{border:none;}

/*Forms*/
input[type=text],input[type=email],input[type=password],input[type=tel]{height:40px;padding:0 10px;}
select{background-size: 10px;background-position: right;height: 40px;line-height: 40px;border-radius: 0px;border: solid 1px #777;margin:0;padding: 0 5px; -webkit-appearance: none;width: 100%;background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), calc(100% - 1.2em) 0.5em;background-size: 5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}
.form_error{color:#ff0000;}
.field-wrap {margin: 0 0 10px 0!important;} 
.field-wrap,.field-input{position:relative;}
.field-input.r{margin-left:5px;}
.field-input.l{margin-right:5px;}
.field-input.c{margin:0 5px;}
.field-input label{opacity: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.field-wrap label{position:absolute;top:1px;left:10px;font-size: 12px;}
.field-wrap input[type=text], .field-wrap input[type=email],.field-wrap input[type=password],.field-wrap input[type=tel], .field-wrap select{height:55px; font-size: 18px; border:1px solid #888;outline:none;-webkit-appearance: none;padding: 10px; width: 100%;}
.field-wrap textarea{height:100px;;font-size:1em;border:1px solid #888;outline:none;-webkit-appearance: none;padding:15px 5px;width: 100%;}
.field-wrap.active input,.field-wrap.active textarea, .field-wrap.active select {border-bottom: 2px solid #003D78;}
.show-label label{opacity: 1;}
.field-wrap select{background-size: 10px;background-position: right;height: 55px;line-height: 55px;font-size: 18px;border-radius: 0px;border: solid 1px #777;margin:0;padding: 0 5px; -webkit-appearance: none;width: 100%;background-image: linear-gradient(45deg, transparent 50%, gray 50%), linear-gradient(135deg, gray 50%, transparent 50%), linear-gradient(to right, #ccc, #ccc);background-position: calc(100% - 10px) calc(1em + 2px), calc(100% - 5px) calc(1em + 2px), calc(100% - 1.2em) 0.5em;background-size: 5px 5px, 5px 5px, 1px 1.5em;background-repeat: no-repeat;}

/* custom Contact forms */
.contact_form{max-width:600px;margin:50px auto;min-height:550px;}
.contact_form h3{margin:0 0 10px 0;background: #f3f3f3;padding:10px;}
.contact_form input[type=email],.contact_form input[type=text],.contact_form input[type=tel],.contact_form textarea  {width:100%;margin:10px 0; font-family: 'Montserrat-Regular';}
.contact_form textarea {border:none;background:#f3f3f3;padding:10px;}


.contact_form .col6{padding:10px;}
.contact_form input[type=text],.contact_form input[type=email],.contact_form input[type=tel]{border:none;border-bottom: 1px solid var(--ltblue);}
.contact_form input[type=submit]{border:none;color:fff;background:var(--ltgreen);display:inline-block;margin:40px 0; line-height: 60px; height:60px; width:100%;}
.contact_form input[type=checkbox]{margin:5px;}
.contact_content{width:60%; margin:0 auto;}
.contact_content a.lbgbtn{line-height: initial; padding: 20px; margin: 40px 10px; height:75px; width:95%;}
.contact_content .grid .col4:last-child a.lbgbtn{line-height: 37.5px;}
section#contact-boxes .grid .col6{margin:0 20px; padding:40px; background: #FAFAFA; }



#user_gmap{display:block;width:95%;border:10px solid #f3f3f3;margin:10px 0 0 0;height:280px;}

#dashboard_container .hide{display:none;visibility:visible;}


.go-to-top {z-index:100;border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;position: fixed;bottom: 165px;right: 50px;text-decoration: none;color: white;background: rgba(0,0,0,0.4);font-size: 23px;padding: 10px;transition: all linear 0.8s;-moz-transition: all linear 0.8s;-webkit-transition: all linear 0.8s;}
.dont-show{visibility: hidden;bottom: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.dont-show.show{visibility: visible;bottom: 165px;}
.hide{visibility: hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.unhide{ visibility: visible;}
.hide.show{visibility:visible;}
   bottom: 120px;}
.defer_show {visibility:visible;}

/* 

.go-to-top {border-radius: 3px;-moz-border-radius: 3px;-webkit-border-radius: 3px;position: fixed;bottom: 100px;right: 50px;text-decoration: none;color: white;background: rgba(0,0,0,0.4);font-size: 23px;padding: 10px;transition: all linear 0.8s;-moz-transition: all linear 0.8s;-webkit-transition: all linear 0.8s;}
.dont-show{visibility: hidden;bottom: 0;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.dont-show.show{visibility: visible;bottom: 100px;}
.hide{visibility: hidden;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.unhide{ visibility: visible;}
.hide.show{visibility:visible;}
 */


/* Email Signup */
.email-signup{height:120px;text-align:center;background:#efefef;padding-top:20px;}

.expandable-toggle{padding:10px;margin:5px auto;}
.expandable-toggle::after{font-family:altisuite;content: '\e80f';float:right; }
.expandable-toggle.open::after{font-family:altisuite;content: '\e810'; text-align:right;}
.expandable-content{display:none;background:#fff;width:100%;padding:10px; text-align: left;}
#product_view .expandable-content .col6 h2{text-align: left;}

/* Facets Menu */
.facets img{max-width:30px;max-height:30px;}
.facets h2{    color: #003D78;
    border-bottom: 2px solid;
    margin: 30px 20px 10px 0;
    padding: 5px 0px;}
.facets ul{border: 2px solid #efefef;margin:0;padding:20px;background: #fcfcfc;}
.facets ul li{list-style:none;padding:0;line-height:25px;}
.facets ul li a{color:#333;}
.facets .icon-minus {display: none;}
.facets .icon-plus {display: none;}
.icon-star, .icon-star-empty, .icon-star-half {display: inline-block; color: #f08e0c;}
.icon-cancel {z-index: 2000;}
ul.facet-list li{display:flex;}
ul.facet-list li input{display:inline-block;float:left;}
ul.facet-list li .attr-name{flex-grow:1;}
/* Custom Page */

#custom_page_view {padding:50px 0;}
#custom_page_view img{max-width:100%;}
.page section h2{font-size:33px;font-family: Rubik-Black;text-transform:uppercase;}
.page section h3{font-size:24px;font-family: Rubik-Medium;text-transform:uppercase}
.page section .grid .col6, .page section .grid .col8, .page section .grid .col4, .page section .grid .col12{padding:0 5%;}
section#wysi-vs h2,section#wysi-vs h3{padding:0 2.5%;}
section#wysi-vs i{color:#7BC143;font-size:20px;padding-right:10px;}
section#wysi-vs h4, section#scalesafe-features h4{font-family: 'Rubik-Medium'; letter-spacing: 2px; font-size: 18px; text-transform: uppercase; margin: 40px 0 20px 0; line-height: 34px;}
section#wysi-vs p, section#scalesafe-features p{margin-bottom: 60px;}
section#scalesafe-features h4 i{color:var(--ltgreen);}
section#scalesafe-features{background-image:url(/cache/web/auto_images/a36af894b471464ed0655457c12407f1.svg); background-repeat: no-repeat; background-position: 100% 50%; background-color: #f8f8f8; padding:100px 0;}
section#scalesafe-features .grid{align-items: initial;}


p.double-line{line-height:40px;}
#cost-table{padding:100px 0;}
#cost-table table{width:80%;margin:20px auto;}
#cost-table td{border-bottom:1px solid #ccc;height:50px;line-height:50px;}
#cost-table td:nth-child(even){text-align:right;}

.ftile {background: #fff;-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); padding: 20px; position: relative;margin:0 auto;max-width:450px;}
.ftile .brand a{font-family: 'Montserrat-Bold', Arial, Helvetica, sans-serif; font-size:13px; color:#6AA5D9!important; text-transform: uppercase; margin: 10px 0;}
.ftile .title{margin:8px 0 24px 0;}
.ftile .title a{color:#000!important;}
.ftile .price{float:left;width:40%;font-family: 'Rubik-Black', sans-serif; font-size:20px;}
.ftile button{float:left;}
.ftile #product_rating{margin:5px 0;}
.ftile .icon-star, .ftile .icon-star-half {margin-right:-8px;}
.ftile button, .ftile input[type=submit], .ftile a.btn{float:right; height: 45px; line-height: 45px; padding:0 50px; font-family:'Montserrat-Bold'; box-shadow:0px 3px 6px 0px rgb(0 0 0 / 16%);}
.ftile .image{text-align: center;}

/* Category Page */
#category_view{background:#fcfcfc;}
#category_view .col2 img{max-width:200px;max-height:200px;}
.categories ul {margin: 45px 0 110px 0; display: table; padding: 0;width: 100%;}
.categories ul {    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 2fr));
    grid-gap: 1em;
    grid-auto-flow: dense;}

/* .categories ul li {display: inline-table; width: 25%; vertical-align: top; padding: 0;} */
.categories ul li{width: 100%;
    float: left;
    display: inline-grid;}
.categories ul li section {-webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16); padding: 20px; height: 400px; position: relative;}

.categories a, .categories button {display: block; text-align: center; margin: 0 auto; font-family: 'helvetica-reg', sans-serif; font-weight: bold;}
.categories a {color: #343434!important; text-transform: uppercase; font-size: .9em!important;}
.categories button {border-radius: 0; font-size: .85em; padding: 15px 0; height: unset; bottom: 5%; left: 0; right: 0; width: 85%; position: absolute;}
.categories .img-holder {height: 180px;margin:0 0 20px 0;}
.categories ul li div a img {max-width: 100%; max-height: 100%;}

.categories li .tile{
 margin:0;
    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    padding: 20px;
    position: relative;
	transition:linear .2s;
	
}
.categories li .tile:hover{    -webkit-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 16px 0px rgba(0,0,0,0.16);
}

.chart_header{background:#fff;padding:20px;}
.chart_image{float:left;width:35%;padding-right:40px;}
.chart_image img{max-width:100%;max-height:100%}
.chart_description{padding:0 10px;}
.chart_description ul li{margin:5px;}
td.t_name {display:none;}


.filter-btn{display:none;}


.grid_strict{margin-left:-20px}
.grid_item{margin: 0;padding-left:20px;float:left;overflow:hidden;}

.grid_item:nth-child(1){width:25%;}
.grid_item:nth-child(2){width:75%;}
.grid_item:nth-child(3){width:66.33333337%;}
.grid_item:nth-child(4){width:33.33333333%;}

.grid_item:nth-child(1) .c_tile{padding-bottom: 110.4%;}
.grid_item:nth-child(2) .c_tile{padding-bottom: 35%;}
.grid_item:nth-child(3) .c_tile{padding-bottom: 49%;}
.grid_item:nth-child(4) .c_tile{padding-bottom: 100%;}

.c_tile{transition: all .2s ease-in;position:relative;overflow:hidden;margin-bottom:20px;background-size:cover!important;background-position:center!important;}
.c_tile:hover{transform:scale(1.01);overflow:hidden;}
.c_tile_content{position:absolute;bottom:20px;left:20px;width:100%;-webkit-transform:translateZ(0);transform:translateZ(0);z-index:1;text-align:left;}
.c_tile_content {color:#fff;}


/* Daily Deal */
#daily_deal_view .image_holder{width:100%;height:200px;line-height:200px;text-align:center; position: relative;margin: 0 auto; }
#daily_deal_view .image{width:100%;height:200px;line-height:200px;text-align:center;position:absolute;background-size: auto 100%!important; background-repeat: no-repeat!important; background-position: center!important;}


/* Products List - General */
#products_list ul{width:100%;padding:0;}
#products_list ul li{list-style:none;padding:5px;}
#products_list li img{max-width:100%;max-height:100%;vertical-align:middle;}
#products_list h2{font-size:16px; padding-bottom: 10px;}
.products-product{padding:2.5%;position:relative;background:#fff;box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);/* overflow:hidden; */}

.products-product .banner{font-family:Montserrat-Bold;font-size:13px;position:absolute;left:-10px;padding:3px;overflow:visible; margin: 0 auto 20px;  padding: 0 40px;height:30px;line-height:30px;z-index:1000;}
.products-product .banner::before{  content: '';
  width: 10px;
  height: 100%;
  position: absolute;
  z-index: -1;
  top: 10px;
  background-size: 10px 10px;
  background-repeat: no-repeat;
  background-position: bottom right;
  left:0;
}
.green-banner{background: #7BC143;color:white;}
.green-banner::before{background-image: linear-gradient(35deg, transparent 50%, #68A23A 50%);}

.gray-banner{background: #CECECE; color:#848484;}
.gray-banner::before{background-image: linear-gradient(35deg, transparent 50%, #B7B7B7 50%);}

.orange-banner{background: #D5700C;color:white;}
.orange-banner::before{background-image: linear-gradient(35deg, transparent 50%, #AC5D0E 50%);}

.special{position:absolute;top:-5px;left:-5px;padding:3px;background:yellow;overflow:visible;}
.special_banner{background: #fbb316; padding: 15px; height: 30px line-height: 30px;display: inline-block;}

.products-product .save-percent {    left: -5px;
    top: -5px;
    z-index: 1;
    border-radius: 3px;
}

.save-percent {position:absolute;background-color: #c00; height: 30px line-height: 30px;color:#fff;padding:5px 15px;}

.ga_banner{background-color: #c00; height: 30px line-height: 30px;display: inline-block;color:#fff;padding:5px 15px;}

.new_model_banner{background: #fbb316; padding: 15px; height: 30px line-height: 30px;display: inline-block;}




.products-product .prices{font-size:15px;}
.products-product .prices b{font-family: 'Rubik-Black';}
.products-product .rating{font-size:20px; padding:2px 0; }


.add_wish{position:absolute;right:5px;top:5px;z-index: 900;border-radius: 100%;background: #fff;padding:5px;}
.add_wish i{font-size:22px;}

.view-options {width:100%;text-align:right;}
.view-options i {font-size:30px;}


/* Products List Tile View  */
#products_list.tile-view ul li{width:25%;padding:20px;float:left;}
#products_list li .image_holder{width:100%;height:200px;line-height:200px;text-align:center; position: relative;margin: 20px auto; }
#products_list li .image{width:100%;height:200px;line-height:200px;text-align:center;position:absolute;background-size: auto 100%!important; background-repeat: no-repeat!important; background-position: center!important;}
label.compare{position:absolute;bottom:58px;left:10px;font-size:.9em;z-index:10; text-transform: uppercase;}
.product-info .brand{text-transform: uppercase; color:var(--ltblue); font-family: 'Montserrat-Bold'; font-size: 10px; padding-bottom: 10px;}
.product-info a{color:#000;}

#products_list.tile-view .product-info{margin:5px 0 0 0; padding:0 10px;}
/* #products_list.tile-view h2{width:100%;display:table;table-layout: fixed;} */
/* #products_list.tile-view h2 a{white-space:nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;} */
#products_list.tile-view .price-box{position:absolute;bottom:0px;width:100%;right:0;left:0;}
#products_list.tile-view ul li input[type=submit]{width:100%;background: var(--blue);border-radius:0; font-family: 'Montserrat-Bold'; line-height: 45px; height: 45px;    position: absolute;
    bottom: 0;
    left: 0;
    background-image: -webkit-linear-gradient(45deg, #68A23A 50%, transparent 50%); background-image: linear-gradient(45deg, #68A23A 50%, transparent 50%); background-position: 100%; background-size: 400%; -webkit-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out;}
#products_list.tile-view ul li input[type=submit]:hover{background-position: 0;}
#products_list.tile-view .products-product{height:470px;}
#products_list.tile-view .description{display:none;}


/* Products List List View  */
#products_list.list-view .products-product{/* border:1px solid #ccc; */padding:2.5% 0 0 2.5%;position:relative;/* overflow:hidden; */}

#products_list.list-view ul li{width:100%;clear:both;position: relative;margin:0 0 10px 0;display:inline-block;}
#products_list.list-view li .image{height:150px;line-height:150px;margin:0 5px 0 0;}
#products_list.list-view li .image_holder{width:150px;margin:0 5px 0 0;}
#products_list.list-view li .product-info{position:absolute;top:20px;left:200px;height:200px;}
#products_list.list-view  h2{font-size:20px;margin-right:190px;}
#products_list.list-view .price-box{position:absolute;right:5px;bottom:10px;}

#search_results {
  text-align: left; cursor: default; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
  /* core styles should not be changed */
  position: absolute;  z-index: 9999; box-sizing: border-box; left:0;right:0;max-height:100vh;overflow-y: scroll ;
}

li.search-article{font-size:20px;margin:5px 0}
li.search-page{font-size:20px;margin:5px 0}
#search_results li {
    display: flex;
    align-items: center;
}

#search_results li .search-product {
    display: flex;
    align-items: center;
    padding-right: 5px;
}

#search_results li .search-product img {
    max-width: 60px;
    max-height: 60px;
    border-radius: 3px;
    margin-right: 10px;
}

#search_results li .search-product a {
    line-height: normal; /* This ensures the link is vertically centered with the image */
}



/* Hide and adjust for instant search */
#search_results .view-options, 
#search_results .applied-filters {display:none;}
#search_results #products_list.products-product{/* border:1px solid #ccc; */padding:2.5% 0 0 2.5%;position:relative;/* overflow:hidden; */}
#search_results #products_list ul{display:block;}
#search_results #products_list ul li{width:100%;clear:both;position: relative;margin:0 0 10px 0;display:inline-block;}
#search_results #products_list li .image{height:75px;line-height:75px;margin:0 5px 0 0;}
#search_results #products_list li .image_holder{width:75px;height:75px;line-height:100px;margin:0 5px 0 0;}
#search_results #products_list li .product-info{position:absolute;top:0px;left:100px;right:0;height:100px;}
#search_results #products_list h2{font-size:15px;margin:0;}
#search_results #products_list .price-box{position:absolute;right:5px;bottom:10px;text-align:right;}
#search_results #products_list .products-product{height:initial}
#search_results #products_list .add_wish{display:none;}
#search_results #products_list input[type=submit]{display:none;}
#search_results #products_list .products-product .product-info b{color:#ff0000;}

.price-box input[type=text]{width:60px;border-radius:0;}
.price-box input[type=submit].hide{visibility:visible;}



.details_area section{margin:100px 0;} 

.details_area .tabss > ul{background: var(--ltgray2);
    height: 60px;
}


.details_area .tabss > ul.alt{position: fixed;top:100px;background: #fff;z-index: 10;left:0;right:0;width:100%;box-shadow: 0px 3px 6px rgba(0, 0, 0, .16)}
.details_area .tabss .tab-content{}
.details_area li.tab a{display:inline-block;height:40px; font-family: 'Rubik-Bold', sans-serif; color:#9B9B9B;}
.details_area li.tab{border-bottom:3px solid  var(--ltgray2);background:none;}
.details_area li.tab.active{border-bottom:3px solid  var(--ltblue);background:none; color:#000;}
.details_area li.tab:hover{border-bottom:3px solid var(--ltblue);background:none;color:#508991}

.expandable-toggle{/*background: var(--blue);*/ padding:10px;margin:10px auto;}
.expandable-toggle::after{font-family:wysiwash;content: '\e814';float:right; padding-left: 5px; }
.expandable-toggle.open::after{font-family:wysiwash;content: '\e803'; text-align:right;}
.expandable-content{display:none;margin:0 auto;padding:10px;}

.left.num-matches, .right.sort_by{padding: 20px 0;}


/* Variant Buttons */
input[type=radio].blue-select {
    display: none;
}
input[type=radio].blue-select+label {
    padding: 8px;
    width: 140px;
    height: 100px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #fff;
    white-space: nowrap;
}
input[type=radio].blue-select:checked+label, input[type=radio].blue-select:hover+label:hover {
    border: 1px solid #7089bd;
    cursor: pointer;
    color: #7089bd;
}
.size.variant {
    margin: 0 0 30px 0;
}
#variant_select_options_form {
    margin:30px 0;
}

div.select-container select.variant { margin: 0 0 20px 0;width:initial; }

/* Radio Buttons */
.size.variant input[type="radio"]{opacity: 0; position: fixed; width:0;}
.size.variant label{display: inline-block; background-color: #FFF; padding:10px 20px; font-family: 'Rubik', sans-serif; text-transform: uppercase; border:1px solid #CECECE; color:#8E8E8E;}
.size.variant input[type="radio"]:checked + label, .size.variant input[type="radio"]:focus + label{background-color: #FFDAB5; border-color: var(--brown); color:var(--brown);}
.size.variant label:hover{background-color: #F4F4F4;}
.size.variant{margin: 20px 0;}
.size.variant b{padding-bottom: 10px; display: block;}

/* Responsive Video */
.embed-responsive { position: relative; padding: 0; margin: 0; padding-bottom: 56.25%; padding-top: 25px; height: 0; }
.embed-responsive iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* product sections */
.product_description .grid{display:flex; align-items: center;
  justify-content: center;}
.product_description .grid .col6, section#application .grid .col6{width:100%; padding:20px;}
#product_view .product_description .grid .col6 h2{ color:var(--blue);text-transform: uppercase;font-family:'Rubik-Bold';font-size:18px; text-align: left; letter-spacing: normal; padding:0;}
.product_description .grid .col6 p, section#application .grid .col6 p{ padding:10px 0;}

.blue-block{background:var(--blue);color:#fff;padding:50px 0;}
.blue-block .grid{align-items:initial;}
.blue-block .col3{text-align: center;padding:20px;}
.blue-block .col3 p:first-child{line-height:initial;}
.blue-block i{font-size:60px;line-height:80px;}
.blue-block h3{text-transform: uppercase;color:#fff;} 

section#paw-prints{background:#F8F8F8; padding:120px 0;}
section#testimonial {background-color:rgba(0,0,0,0.4)!important;background-blend-mode:multiply; margin:0; z-index: 2;}
section#testimonial .grid{    color: #fff;
    padding: 150px 15%;
    font-size: 23px;
    line-height: 45px;}


section#specs, section#activeing, section#ww-killclaims  {padding:0 15%;}
section#plant-safe i, section#wwfirst i, section#hcfirst i{color:var(--ltgreen);font-size:100px;margin:0 auto;}
section#plant-safe .col4, section#wwfirst .col4, section#hcfirst .col4{padding:0 2%;}
section#plant-safe h4, section#wwfirst h4, section#hcfirst h4{font-family: 'Rubik-Medium'; color:#848484; margin:20px 0 40px 0;}
.icon-trio{margin:40px 0;}
section#hcfirst [class^="icon-"]:before, section#wwfirst [class^="icon-"]:before, section#plant-safe [class^="icon-"]:before, [class*=" icon-"]:before {margin-left: 0;}



#product_view h2{font-family:'Rubik-Black'; font-size:23px;text-align:center; text-transform: uppercase; letter-spacing: 3px; padding:80px 0 30px 0;}
#product_view .col6 h2{text-align: left; padding:0;}
#specs ul, #green-bullets ul, ul.green-bullets {
  list-style: none;
  padding: 40px 0;
  font-family: 'Rubik-Medium';
  text-transform: uppercase;
  color:#7A7B7C;
}

#specs li, #green-bullets li, ul.green-bullets li {
  padding: 10px 30px;
}

#specs li:before, #green-bullets li:before, ul.green-bullets li:before {
color:var(--green);
  content: "\e823";
  font-family: wysiwash;
  display: inline-block;
  margin-left: -1.3em; /* same as padding-left set on li */
  width: 1.3em; /* same as padding-left set on li */
}


section#application .col12{padding:0 10px;}
section#application .col12 p{padding:10px 0;}
section#application .col12 figure{margin:20px 0;}

/*Product Quick View*/

.mod{width:800px;min-height:350px;}
.mod .product .image img {max-width: 100%;max-height: 400px;}
.modal_box {overflow: hidden!important;}

ul.quantity_container{display:inline-block;padding:0;margin:0 10px 0 0;float:left;}
ul.quantity_container li{display:inline-block;padding:0;float:left;}
ul.quantity_container li input{}
ul.quantity_container .qty-pm {transition: all .2s ease-in;background:#fff;color:#000;display:block;border:1px solid var(--gray); width: 35px; height: 35px; line-height:35px;text-align: center;}
ul.quantity_container .qty_box {width:48px;height:35px; text-align:center;border: 1px solid var(--gray); border-left: none;border-right:none;font-weight:bold}
ul.quantity_container .qty-pm:hover {background:var(--blue);color:white;}
.quantity_container p {display: block; text-transform: uppercase; color: #3b3b3b; font-size: .8em; font-weight: bold; margin-bottom: 5px;}
.quantity_container i {font-size: .8em; vertical-align: middle;}

/* overlay labels */
.overlay-label{position:absolute;z-index:1;top:3px;left:3px; padding:5px;font-size:0.8em;text-transform:uppercase;border-radius:3px;}
.label-nostock{background: #d61616; color: #fff;}
.label-dropship{ background: #244789;color: #fff;}
.label-new {position:absolute;top:3px;right:30px;border:2px solid #e95144; color:#e95144; padding:0 3px;font-size:0.8em;text-transform:uppercase;}

table {	border-collapse: collapse;	border-spacing: 0;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;}
table.data_table {border: none;background: #fff;width: 100%; /*IE8 hack*/}
table.data_table td { 	padding:10px 5px;	border-bottom: 1px solid #cacaca; color: #707070;}
table.data_table td a {color: #494A4E; font-family: 'helveticaneue-reg', sans-serif; font-weight: bold;}
table.data_table tr:first-child {background:#CECECE;}

table.data_table th {padding:5px; font-weight: bold;	text-transform: uppercase; text-align: left; font-size: .95em; color:#fff; height:35px; line-height:35px;background: #848484;}
table.data_table th a{color:#fff;}
table.data_table tr.colored {	float:none;background-color: #fafafa;	border-bottom: 1px solid #cacaca;}
table.data_table tr:hover {background-color: #f7f7f7;}
table.data_table th {	width: 100%;	width: auto;  /*IE8 hack*/}
table.data_table tfoot {display: none;}

table.line_table {border: none;background: #fff;width: 100%; /*IE8 hack*/}
table.line_table td { 	padding:10px 5px;	border-bottom: 1px solid #cacaca; color: #707070;}
table.line_table td { border-right: 1px solid #cacaca;}
table.line_table tr td:last-child { border-right: none;}
table.line_table td a {color: #494A4E; font-family: 'helveticaneue-reg', sans-serif; font-weight: bold;}
table.line_table th {padding:5px; font-weight: bold;	text-transform: uppercase; text-align: left; font-size: .95em; color:#848484; height:35px; line-height:35px;}
table.line_table th a{color:#fff;}
table.line_table tr.colored {	float:none;background-color: #fafafa;	border-bottom: 1px solid #cacaca;}
table.line_table tr:hover,table.line_table tr:nth-child(odd) {background-color: #f7f7f7;}
/* table.line_table tr:first-child {background-color: #fff;} */
table.line_table th {	width: 100%;	width: auto;  /*IE8 hack*/}
table.line_table tfoot {display: none;}

table.spacing {	margin-top: 15px;	margin-bottom: 15px;}
table.first {	margin-top: 3px;}
table.login td{	padding-top: 10px;	padding-right: 10px;}

.sub-cat-table .pricing-break tr td {border: none; color: #707070; font-size:.9em; font-family: 'helveticaneue-reg', sans-serif;}
.sub-cat-table .pricing-break tr td b {font-size: 1.15em; margin: 0 0 20px 0; font-weight: bold;}
.sub-cat-table input[type="number"] {width:50px;border:margin-right:20px;1px solid #ccc;height:30px;line-height: 30px;text-align: center;}
.sub-cat-table input[type="submit"] {background-color: #5B87C3; color: #fff;}
.prod-table {margin: 50px 0 0 0;}
.prod-table th p {margin: 0;}
.prod-table td button {background-color: #363636; color: #fff;}
.pricing-table td {border-bottom: none!important;}
#orders table.data_table th, #item_history table.data_table th, #quote_requests table.data_table th, #subscriptions table.data_table th, #wish_list table.data_table th {background-color: #5B87C9;}
.atc {display: inline-block;}

/* Reviews */
.icon-star, .icon-star-empty, .icon-star-half {display: inline-block; color: #F2C300;}
.reviews_container h2{text-align: center;font-family:Rubik-Black;font-size:23px;}
.rating-bar{width:250px;}
.average-star .icon-star{font-size:35px;margin:10px 0;}
.average-number {font-size:23px;}
.average-number b{font-family:Rubik-Black;}
.col4.center{text-align:center;}

.num_stars{width:50px;line-height:34px;color:var(--blue);font-size:20px;text-align:right;}
.num_stars i{color:var(--blue);}

.review {text-align: left;}
.review h3 {font-family: Rubik-Bold;color:var(--blue);font-size: 20px;}
.rating-box {height:130px;background: var(--ltgray);padding:20px;margin-bottom:40px;}

.review .name p {font-size: 13px; margin: 5px 0 0 0;}
.review .rating {margin: 10px 0;}
.review .body {font-size: 14px;}
.review .date {margin: 20px 0 0 0;}
.review .date p {margin: 0; font-size: 12px; color: #999;}
.review .vote_holder {margin: 10px 0 0 0;}
.review .total p {font-size: 13px; margin: 5px 0 0 0;}

#review_user_create .form_table tr td:first-child {vertical-align: initial;}
#review_user_create .form_table tr td input, #review_user_create .form_table tr td textarea {border: 1px solid grey;}
#review_list_public {margin: 35px 0 0 0;}
#review_list_public .current {margin: 50px 0 0 0;}
#review_list_public .current h4 {margin: 0 0 20px 0;}
#review_list_public .current a {border: 1px solid #003D78; color: #fff; padding: 10px 20px; border-radius: 20px; color: #003D78;}

#review_summary .col6:nth-child(1) .average-star {margin: 20px 0 0 0;}
#review_summary .col6:nth-child(1) .average-number {margin: 10px 0 0 0;}
#review_summary .thanks, #review_list_public .thanks {text-align: center; margin: 20px 0 0 0;}
#review_summary .current {margin: 30px 0;}
#review_summary .current a { color: #fff; padding: 10px 20px; border-radius: 20px; color: #69a5d9;}
.review-box {text-align: center;
    margin: 0 auto;
    border: 1px solid #003D78;
    padding: 70px;
    /* width: 50%; */
    max-width: 320px;}
.review-box h3 {margin: 0 0 20px 0;}
.review-box a {background-color: #003D78; color: #fff; padding: 10px 20px; border-radius: 5px;}
#product_reviews {margin: 40px 0 0 0;}

/* Carousel  */
.c_group{width:100%; overflow: hidden; }
.c_group ul{padding:0; margin:20px 0 0 0; width:100%;overflow-y: unset;}
.c_group ul li{width:25%;display: inline-block;float:left; text-align: center;}
.c_group ul li img{max-width:90%!important;max-height: 100%!important; }

/* Carousel Height */
.c_group ul{height:400px}
.c_controls a.next, .c_controls a.prev{height:400px;line-height:400px}

/*Carousel Controls*/
.c_controls{width:100%;position:relative;}
.c_controls a.next, .c_controls a.prev{position: absolute;right: -6px;display: block;width: 30px;top:0; z-index: 2;text-align: center;color:#5e5e5e;}
.c_controls a.next:hover, .c_controls a.prev:hover{}
.c_controls a.prev{left: -6px;}
.c_controls a.prev:hover,.featured a.next:hover{}
.c_controls a.next i{font-size:24px;text-align:center;}
.c_controls a.prev i{font-size:24px;text-align:center;}

.product-group, .brands{max-width: 95%;margin: 0 auto;padding:20px 30px;}
.product-group h2 {text-transform:uppercase; border-bottom:1px solid #e3e3e3;padding:0 0 10px 0;font-size:1.1em!important;}
section .product-group h2{font-family: 'Montserrat-Regular', sans-serif;}
.tile .title a{color:#000; text-align: left;}

/* Featured Brands */
.brands .c_group{background:#fff;padding:0 30px;}
.brands .c_group ul li {width:10%;}
.brands .c_group ul{height:150px;margin:0;}
.brands .c_controls a.next, .brands .c_controls a.prev{height:150px;line-height:150px;top:0;}
.brand-tile{background:#fff;border:1px solid #fff;padding:0 5px;height:150px;line-height:150px;}
.brand-tile:hover{border:1px solid #888;}
.brands img{max-width:100%;max-height:100%;vertical-align:middle;}


/* Tile  */
.tile{margin:0 5%;padding:10px 0; position:relative;
/* 
overflow:hidden; 
 */

height:470px;
    padding: 2.5%;
    position: relative;
    background: #fff;
    box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);
}
.tile .product-info{text-align: left; margin:5px 0 0 0; padding:0 10px;}
.tile #product_rating{text-align: left;}
.product-group .tile h2{border-bottom: 0; text-transform: none;}
.tile:hover{box-shadow: 0px 3px 6px rgba(0, 0, 0, .16)}
.tile .image{width:80%;height:200px;line-height:200px;margin:20px auto;text-align:center;}
.tile .image img{vertical-align:middle;max-width:100%;max-height:100%;}
.tile .title{font-size:1em;width:100%;display:table;table-layout:fixed;margin:10px 0;position:relative;z-index:2;}
.tile .title a{white-space:nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;}
.tile .price{font-size:1em;margin:10px 0;position:relative;z-index:2; text-align:left; font-family: 'Rubik-Black';}
.tile  input[type=submit], .tile a.btn{position:relative;z-index:2; width:100%; position:absolute; bottom:0; left:0; height: 45px; line-height: 45px;}
input[type=checkbox].menu_toggle{display:none;}


/* Tile Overlay */
.product-overlay{text-align:center;position:absolute;opacity:0;width:100%;height:120%;transition:all linear 0.3s;-moz-transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.tile:hover > .product-overlay{position:absolute;opacity:1;background:rgba(255,255,255,0.8);width:100%;height:120%;-webkit-box-shadow: 1px 5px 5px 1px rgba(50, 50, 50, 0.35);-moz-box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.35);box-shadow:0px 5px 5px 0px rgba(50, 50, 50, 0.35);}
.product-overlay .overlay-middle{top:20%;position:absolute;width:100%;}
.quickview a.btn{background:#333;}


/* Product Page */
.gallery_container{padding-right:30px;}
.product h1{font-family:Rubik-Bold,sans-serif;color:#000;font-size:22px}
.brand-logo img{max-width:180px;max-height:180px;}
.product-details{}
.product .strike{text-decoration: line-through;}
.product_short_description{ display:block;border-top:1px solid var(--gray);padding-top:5px;margin:25px 0;}
.product_short_description ul{padding-inline-start:20px;}
.product_short_description ul li{padding:0 0 8px 0;}
.product-details h3{font-family:'Rubik-Bold',sans-serif;text-transform:uppercase;color:var(--ltblue); font-size: 16px; margin-bottom:8px;}
.savings{font-size:12px;padding-left:10px;}
span.bulk{font-family: 'Montserrat-Regular'; text-transform: uppercase;}
.product-overview{padding-bottom: 40px!important;}


.product_price{color:var(--blue);font-size:27px;font-family:Rubik-Bold,sans-serif;}
.col8.product-description{padding:0 60px 0 0;margin-top:20px;}
.product-description h2.d{text-transform:uppercase;border-bottom:1px solid #e3e3e3;padding:0 0 10px 0;font-size:0.9em;color:#888;margin:0 0 20px 0;}
.product button.add_to_cart_button{background:#7BC143;height:45px;font-size:15px; letter-spacing: 1px; background-image: -webkit-linear-gradient(45deg, #68A23A 50%, transparent 50%); background-image: linear-gradient(45deg, #68A23A 50%, transparent 50%);  background-position: 100%; background-size: 400%; -webkit-transition: background 500ms ease-in-out; transition: background 500ms ease-in-out;}
.product button.add_to_cart_button:hover{background-position: 0;}
.add_to_cart input[type="text"]{width:54px;}
.add_to_quote_request button{background-color: #fff; color:#6AA5D9; padding:0!important;}
.add_to_quote_request button:hover{background-position:100%; color: var(--brown);}

.mfr-box {background:#efefef;padding:20px;border-radius:5px;}
.mfr-box ul{padding:0;margin:0;}
.mfr-box ul li{padding:0;margin:0;list-style:none;font-weight: normal;}

.attributes td {padding: 10px 20px; font-family: 'Roboto-Medium', sans-serif; color: #333;}
.attributes td:nth-child(2n) {font-family: 'Roboto-Light', sans-serif;}
.attributes table {width: 98%; margin: auto; border-collapse: collapse;}
.attributes tr:nth-child(even) {background-color: #f5f5f5;}

.add_to_cart_area {}
.add_to_cart_area .gbtn{color:#848484; font-family: 'Montserrat-Regular'; padding: 0 20px; height: 45px; line-height: 45px; font-size: 15px; margin: 0 10px; }

.add_to_cart input[type="text"]{}

.purchase_bar{-webkit-transition: all .2s linear;-moz-transition: all .2s linear;  -o-transition: all .2s linear;transition: all .2s linear;top:-100px;}
.purchase_bar img,.purchase_bar .product_name, .purchase_bar.show #product_contact  {display:none;}

.purchase_bar.show{visibility:visible;top:0;position:fixed;height:100px;width:100%;left:0;right:0;background:#efefef;z-index:999;border-top:1px solid #efefef; padding:0 40px;}
.purchase_bar.show img {display:block;max-width:90px;max-height:90px;margin:5px;float:left;}
.purchase_bar .add_to_cart_area{left:5px;position:relative;}
.purchase_bar.show .add_to_cart_area input[type=text]{width:50px;}
.purchase_bar.show .add_to_cart_area{left:initial;right:40px;position:absolute;top:26px;padding:0;}
.purchase_bar .purchase_block .product_price {float:left;vertical-align: middle;color:#000;margin-right:40px;}

.purchase_bar.show .purchase_hide{display:none;}

.product section:nth-child(even) .col7{text-align:right;padding-right:50px;}
.product section:nth-child(odd) .col7{text-align:left;padding-left:50px;}

.product section{padding:50px 0;}
.product section:nth-child(odd) .col5,.product section:nth-child(even) .col7{order:0;}
.product section:nth-child(even) .col5,.product section:nth-child(odd) .col7{order:1;}
.product section:nth-child(even) .col7.ca {animation-name:fadeInLeft;text-align:left;}
.product section:nth-child(odd) .col7.ca{animation-name:fadeInRight;text-align:left;}
.product section:nth-child(even) .col5.ca{animation-name:fadeInRight;}
.product section:nth-child(odd) .col5.ca{animation-name:fadeInLeft;}
.product section:nth-child(even) .col5 img{max-width:100%}
.product section:nth-child(odd) .col5 img{max-width:100%}

/* Variants Purchase Bar */
.purchase_bar .product_name {display:none;}
.purchase_bar.show .product_name {display:block;color: #000;font-size: 22px; padding:30px; font-family: 'Rubik-Bold';}



.purchase_bar.show .variants_box{width:350px;position:absolute;bottom:-105%;border:1px solid #efefef;background: rgba(255,255,255,0.7);padding:10px; z-index: -1; transition: bottom .15s linear;}
.purchase_bar.show .variants_box input[type=radio].variant-select+label{width:100%;} 
.purchase_bar.show .variants-cover {display: block;position: relative; height: -webkit-fill-available; background-color: #efefef;}
.variants-cover p {margin: 0; display: inline-block; font-size: 1.5em;}
.variants-cover label i::before {transform: rotate(0deg); transition: all .1s linear;}
.purchase_bar.show #variant_select_options_form{margin-top:0;}


#product_view img{max-width: 100%;}
#product_view .breadcrumbs{margin-bottom:20px;}
.part_numbers{font-size:0.8em;margin:10px 0; font-family: 'Montserrat-Bold', sans-serif; color:#848484; }

.area{    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%;
    left: 0;}



.gallery .image, .product_gallery .image {float: left;width: 81.4%;text-align:center;}
.gallery .image img, .product_gallery .image img {max-width: 100%;max-height: 100%;}
.gallery ul.thumbs, .product_gallery ul.thumbs {float: left;margin: 0;padding: 0 5px 5px 5px;width: 18.4%;box-sizing: border-box;}
.gallery ul.thumbs li, .product_gallery ul.thumbs li {margin: 2px;cursor: pointer;list-style: none}
.gallery ul.thumbs li img, .product_gallery ul.thumbs li img {max-width: 100%;max-height: 100%;}
.gallery ul.thumbs li img, .product_gallery ul.thumbs li img{border:1px solid #000;}
.gallery_modal ul {padding: 0;margin:0;height:100%;}
.gallery_modal ul li {text-align: center; float: left; list-style-type: none;background:#fff;height:100%;}
.gallery_modal .prev {top:0;bottom:0;left:0;transition: 0.3s cubic-bezier(.01, -.01, .58, 1);position: absolute;background: rgba(0, 0, 0, .1);display: block;width: 30px;height: auto;z-index: 2;text-align: center;}
.gallery_modal .prev:hover {background: rgba(0,0,0, .8);display: block;width: 50px;z-index: 2;}
.gallery_modal .next {top:0;bottom:0;right:0;transition: 0.3s cubic-bezier(.01, -.01, .58, 1);position: absolute;background: rgba(0, 0, 0, .1);display: block;width: 30px;height: auto;z-index: 2;text-align: center;}
.gallery_modal .next:hover {position: absolute;background: rgba(0,0,0, .5);display: block;width: 50px;z-index: 2;}
.gallery_modal .c_group ul {width: 100%!important;}
.gallery_modal .toggle_overlay {z-index: -1!important;}
.gallery_touch {height:100%;}
.g_controls i{position:relative;top:50%;font-size:1.4em;}
.g_controls a:hover i{color:#fff;}


/*Breadcrumbs*/
/* .breadcrumbs{margin:0; text-transform:uppercase; color:#848484;background:#efefef;border-top:1px solid #ccc;border-bottom:1px solid #ccc;font-size:0.8em;}  */
.breadcrumbs{font-size:0.8em; font-family: 'Montserrat-Medium'; padding: 20px 0; text-transform: uppercase;}
.breadcrumbs a{color:#6AA5D9;}
.breadcrumbs ul li{display:inline-block; }
.breadcrumbs ul li:after{content:' / '; padding:0 5px;}
.breadcrumbs ul li:last-child:after{content:'';}




/* Main Slider */
#slides{position: relative; }

.slider{position:relative;height: 100%}
.slide.dark, .slide.dark a{color:#fff;}
.slide.light, .slide.light a{color:#000;}

.slide{width:100%;height:100%;position:absolute;}
.slide{background-position-y: center!important;background-position-x:right!important;}
.slide h1{font-family:Rubik-Black;font-size:44px;text-transform:uppercase;font-weight:normal;margin-bottom: 5px;}
.slide h2{font-family:Rubik-Medium;font-size:30px;text-transform:uppercase;margin-bottom: 5px;}
.slide p{font-size: 16px;color:#fff;margin: 40px 0; max-width: 500px;}

.slide .btn{height: 60px;line-height: 60px;display: inline-block;padding: 0 40px;font-size: 18px;margin-bottom: 10px; letter-spacing: 2px;}
.cta{position:absolute;bottom:50px;left:0;right:0;width:300px;margin:0 auto;}
a.cta-btn{display:block;text-align:center;padding:0 20px;height:60px;line-height:60px;}
.slidenavbox{display:block;height: 30px;position: absolute;bottom: -100px;z-index: 800;margin: 0 auto;text-align: center;left: 0;right: 0;}
.slidenav{}

.slidenav .prev,.slidenav .next{display:none;}
.slidenav .prev{position:absolute;top:40%;left:0;font-size:80px;cursor:pointer;opacity:0.2;}
.slidenav .prev:hover{color:rgba(255,255,255,0.6); position:absolute;top:40%;left:-20px;cursor:pointer;opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.slidenav .next{position:absolute;top:40%;right:0px;font-size:80px;cursor:pointer;opacity:0.2;}
.slidenav .next:hover{color:rgba(255,255,255,0.6); position:absolute;top:40%;right:0px;cursor:pointer;opacity:1;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;}
.right-slide-image .area, .left-slide-image .area{position: absolute;bottom:0;width:50%;padding:30px 0;}
.left-slide-image img{max-width: 30%;}
.right-slide-image img{max-width: 30%;position: absolute;right:20px;top:20px;}
.slide-pager{position: absolute;bottom: 10px;z-index: 500;width:100%;}
ul.slidepg{margin: 0 auto;text-align: center;}
ul.slidepg li{text-align: center;margin: 0 auto;font-size: 0px;display: inline-block!important;background: #fff;cursor: pointer;padding: 10px;border-radius:100%; background-size: 15px;opacity:1!important;}
ul.slidepg li.active{background:#000;}

.slide a.blueunder {border-bottom: 3px solid #6aa5d9; padding-bottom: 4px; font-family: 'Montserrat-Bold';}

/*Tabs*/

/*Tabs*/
.tabs,.tabss{margin:0;padding:0;}
.tabs >ul, .tabss > ul{padding:18px 0; margin: 0; background-color: #ccc;}
.tabs > ul li,.tabss > ul li{font-size:18px;display:inline;padding:25px 20px 20px 20px;margin:0; text-transform: uppercase; color: #003D78; font-size: 1em; font-family: 'helne-cb', sans-serif;}
.tabs > ul li i,.tabss > ul li i {color: #fff; font-size: 1.4em;}
.tabs > ul li:hover,.tabss > ul li:hover{cursor:pointer; background-color: #fbb316; color: #fff;}
.tabs > ul li:hover,.tabss > ul li:hover > i {color: #fff;}
.tab-content{padding:5px 2.5%;-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;  -webkit-animation: fadein 0.2s; animation: fadein 0.2s; }
.tab-content h1, .tab-content h2, .tab-content h3 {margin: 0 0 20px 0;}


li.tab{-webkit-transition: all 0.2s linear;-moz-transition: all 0.2s linear;-o-transition: all 0.2s linear;transition: all 0.2s linear;cursor:pointer;}
li.tab.active{background-color: #fff; color: #508991; padding-top: 35px;}
li.tab.active i{color:#02BC8A;}


#dashboard {}
#dashboard .data_table th {background-color: rgba(2, 110,151,1); color: #fff!important; font-family: 'helne-reg', sans-serif; font-weight: bold;}
#dashboard .data_table td, #dashboard .data_table td a {color: #333333; font-family: 'helne-reg', sans-serif;}
#dashboard .col8 section {padding: 0 50px 0 0;}
#dashboard .col8 section .tabs ul {background-color: #f4f4f4;}
#dashboard .col4 section {padding: 0 0 0 20px;}
#dashboard .col4 section section, #dashboard .col8 section section {background-color: #f4f4f4; padding: 20px 25px; margin: 25px 0 0 0; box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}
section.box {background-color: #f4f4f4; padding: 20px 25px; margin: 25px 0 0 0; box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}

#dashboard .col4 section section p {margin: 15px 0 0 0; color: #7b7b7b; font-family: 'helne-reg', sans-serif;}
#dashboard .col4 section section h4 {margin: 15px 0 0 0; color: #363636; font-weight: 600; font-size: 1em; font-family: 'helne-reg', sans-serif; font-weight: bold;}
.subs div span {font-family: 'helne-cb', sans-serif;}
.subs div span:nth-child(1) span { color: #000;}
.subs div {margin: 12px 0 0 0;}
#dashboard .pagination {display: none;}
#dashboard .tabs > ul li {padding: 18px 20px;}
#dashboard li.tab.active, #dashboard .tabs > ul li:hover {padding: 18px 20px; background-color: #02BC8A; color: #fff;}
#dashboard #pmo_products_list ul, #dashboard #pko_products_list ul, #dashboard #psc_products_list ul {padding: 0;} 
#dashboard #pmo_products_list ul li , #dashboard #pko_products_list ul li, #dashboard #psc_products_list ul li {list-style-type: none;border-bottom: 1px solid #707070; padding: 9px 0;}
#dashboard #pmo_products_list ul li a, #dashboard #pko_products_list ul li a, #dashboard #psc_products_list ul li a, #item_history #products_container .txt-r a { color: #3F3F3F; font-family: 'helne-reg', sans-serif; font-size: 1.05em;}
#dashboard .product-group {margin:55px 0 10px 0; padding: 0;}
/* #dashboard_container {-webkit-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.3); -moz-box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 8px 0px rgba(0,0,0,0.3);} */

.dashboard-header { padding: 40px;background-image: linear-gradient(to bottom, rgba(16, 57, 77, .6), rgba(99, 127, 141, .6), rgba(201, 217, 226, .6));background-size: cover; background-position-y: 35%; background-repeat: no-repeat; box-shadow: 0px 3px 6px rgba(0,0,0, .12);}

.dashboard-header h3 {color: #fff; font-size: 1.5em; font-family: 'helne-cb', sans-serif; text-shadow: 0px 3px 6px rgba(0, 0, 0, .16);}
#pagination, .search-form {color: #95989a; margin: 0 0 15px 0;}
#address_create_form {text-align: center;}
ul.downloads li{list-style:none}
ul.downloads li i{font-size:3em;}


#subscriptions .col4 img {width: 120px; height: auto; margin: 0 0 55px 0;}
#subscriptions .col4 section {padding: 46px 26px 45px 26px;}
#subscriptions h3 {font-family: 'helne-cb', sans-serif; color: #000; font-size: 1.2em; text-transform: none; margin: 0;}
#subscriptions p {font-family: 'helne-reg', sans-serif; color: #727272; font-size: .9em; line-height: 20px; margin: 11px 0 27px 0;}
#subscriptions section section {font-family: 'helne-cb', sans-serif; font-size: 1.5em; margin: 11px 0 0 0; padding: 0!important; box-shadow: none!important;}
#subscriptions section button {margin: 26px 0 0 0;}
#account .form_table label {font-family: 'helne-reg', sans-serif; font-weight: bold; color: #333333; text-transform: uppercase; font-size: .9em;}
#account input.button.orange {margin: 40px 0 0 0;}
#account .subs {margin: 26px 0 0 0;}
#account .teal-txt {text-decoration: underline; text-underline-position: under; font-size: .85em;}

/*Mini Cart*/
#mini_cart, #mini_quote{display:none;}
.mini-cart-open, .mini-quote-open{display:block!important;position: absolute;top: 0px;width: 50%;right:0;z-index: 2001;background: #fff;    color: #000;line-height: initial;   margin-top:-0; padding: 30px}
.mini-cart-open h3, .mini-quote-open h3{border-bottom: 1px solid;padding: 10px 0;}
.remove_product{border:1px solid #ccc;width:20px;height:20px;float:right;line-height:0;}
.remove_product i:before{font-size:19px;margin:0;color:#ccc;}
#mini_cart_cart ul, #mini_cart_quote ul{margin:0;padding:20px 0;}
#mini_cart ul li, #mini_quote ul li{display:inline-block!important; padding:15px 0;text-align:left;width:100%;}
.mini-cart-promo {background:#efefef;padding:20px;margin:20px 0 0 0; text-align:center;font-size:1.3em;}
.mini-cart-promo .price{color:#ff0000;font-size:1.4em;}
.mini-cart-promo .shipping-method{font-weight:bold;}
li.cart-item {width:100%;border-bottom: 1px solid #046663;padding:10px 0!important;margin:20px 0;color:#082a31;}
li.cart-item .image{position:relative;border:1px solid #ccc;width:48px;height:65px;line-height:65px;text-align:center;float:left;margin:0 10px 0 0; } 
li.cart-item .image img {max-width:40px;max-height:60px;margin:0 auto;}
li.cart-item .image .fresh{position:absolute;bottom:0;background:#046663;color:#fff;font-size:12px;width:100%;text-align:center; left: 0;height: 18px;line-height: 18px;}
li.cart-item .qty-price{color:#9b9c9c!important;font-size:14px;}
li.cart-item .qty-price input.quantity{height:20px;text-align:center;}
li.cart-item .qty-price i{color:#991f24;font-size:14px;}
#mini_cart ul li.mini-cart-total, #mini_quote ul li.mini-cart-total{border-top: 1px solid #ccc;text-align:right;margin:5px 0; width:100%;}
a.c-btn{font-size:0.8em; display:inline-block; padding:6px;}
.mini-cart-open, .mini-quote-open{position:fixed; overflow-y: scroll;height: 100%;top:0;background-color:#fff;background-image:url();background-blend-mode:multiply;background-repeat:no-repeat;}
.mini-btn{margin:0 auto 10px auto;}
.minicart_item span.minicart-item-name{font-size: 18px; font-family: 'Rubik-Medium'; padding:10px 0;}
.minicart-item-price{padding:10px 0; color:#777;}
.minicart-item-price input[type=text]{height:25px; padding:0 3px; border-radius: 0;}
.head-stuff #mini_cart a {padding:0;}
.head-stuff #mini_cart a.btn, .head-stuff #mini_cart a.lbgbtn{padding:0 34px; line-height: 50px; height:50px; } 
#mini_cart h2{font-family: 'Rubik-Regular'; font-size: 18px;}
#mini_cart b{font-family: 'Rubik-Bold';}
.head-stuff #mini_cart a.btn{border: 1px solid var(--blue);}
.head-stuff #mini_cart a.lbgbtn{color:var(--ltblue);}
.head-stuff #mini_cart a.lbgbtn:hover{color:#fff;}
.head-stuff #mini_cart a.btn:hover{border-color:var(--ltgreen);}




/* Cart */
#cart_view.hide{visibility:visible;}
#cart_view{padding:20px 0;}
#cart_view h1{text-transform: uppercase; margin:10px 0; font-family: 'Rubik-Bold'; font-size: 22px; letter-spacing: 2px;}
.remove_product:hover{cursor:pointer;}
.cart_contents, .quote-contents{padding:30px 10px;margin:0 0 10px 0;border:1px solid #efefef;width:99%;}
.cart_contents img, .quote_contents img{width:100px; max-height:100px; margin:0 10px 0 0;}
.cart_item{margin:0 0 10px 0; border-bottom:1px dotted #efefef;}
.cart_item ul{width: 100%; padding:10px;}
.cart_item ul li{display:inline-block; vertical-align: top;}
.cart_item_qty{text-align: right;}
.cart_item_qty input[type=number], .cart_item_qty input[type=text]{width:50px; padding:5px; margin:10px 0; border-radius: 0; border:1px solid #B9B9B9;}
.order_summary, .finalize_quote_request{padding:40px; background-color: #F4F4F4;}
.order_summary h1{font-size:20px; border-bottom:1px dotted #ccc;padding: 0 0 10px;}
.summary_left{width:35%;float:left;padding:15px 0;}
.summary_right{width:65%;float:right;padding:15px 0; text-align: right;}
.summary_right .red{font-size:20px; font-family: 'Rubik-Bold';}
.summary-shipping-methods .summary_left, .summary-shipping-methods .summary_right{padding:5px 0;}
.order_summary textarea{width:100%;height:80px;font-size:18px;}
.was_price{font-size:20px;text-decoration: line-through;color: #8c8b8b;}
#quote_request_view.hide{visibility:visible;}
a.cart-item-name{color:#000; font-family: 'Montserrat-Bold'; font-size: 18px; }
a.cart-item-sku{color:#848484; font-size: 14px;}
.cart-product-price{color:#000; font-family: 'Montserrat-Bold'; font-size: 18px;}
.cart-remove-item{float: right; width:2%; vertical-align: top;}
.cart_item_image{width:15%;} 
.cart_item_contents{width:40%;}
.cart_item_qty{width:36%;}
.cart-item-total{font-size: 14px; color: #848484;}
.summary_subtotal{color:#848484;}
.summary_subtotal input[type=text]{border-radius: 0; width:180px; border: 1px solid #848484;}
.summary_subtotal input[type=text]:focus-visible{border-radius: 0;}
button.add_promo_code{height:40px; line-height: 40px;}
.quote_contents{margin:40px 0;}
.quote_request_header{margin:0 0 60px 0;}
a.quote-btn{display:block;width: 100%;height: inherit; padding:30px; text-align: center; font-size: 20px;letter-spacing: 2px;background-color: var(--ltgreen); color:#fff;}
.continue-btn{color:#000; font-family: 'Rubik-Bold'; text-transform: uppercase;}
.continue{margin:0 0 40px 0;}
#quote_request_contents p{padding:40px 0;}
/*#quote_request_contents input[type=checkbox], .cart_contents input[type=checkbox]{margin:20px 0 10px 0;}*/
.checkbox-col{width:2%;}
.checkbox-col input[type=checkbox]{margin:50px 0;}
.cart-options{padding:20px 0;}

/* Quote Request Return */
#purchase_quote_request .col7{padding:10px 5%;}
#checkout{background-image:url();background-blend-mode:multiply;background-repeat:no-repeat;background-attachment: fixed;}
.backorder {background:#f19b30;padding:20px;width:100%; margin-bottom: 20px;}


/* Checkout */
#checkout_container textarea{width:100%;font-size:18px;}

a.paypal-button-logo{background:#ffc439;display: block;height:70px;line-height: 70px; text-align: center;}
.paypal-button-logo img{height:50px;    vertical-align: middle;}
.checkout-button, #checkout button.checkout_button{display:block;width: 100%;
    height: 90px;
    font-size: 22px;
    letter-spacing: 2px;
    background-color: var(--ltgreen);
    margin:20px 0 0 0;}

.checkout-cart-items{background:#fafafa;padding:10px;}
.checkout-cart-items ul{margin:0;padding:0;}
.checkout-cart-items ul li{display:inline-block;width:100%;list-style:none;padding:20px 0;border-bottom:1px solid #ccc;}
.checkout-cart-items ul li:last-child{border-bottom:none;}

.checkout_address_tile{display: inline-block;border:1px solid #ccc;border-radius:5px;padding:10px;}
.checkout_address_tile:hover{background:#efefefef;}

.checkout-cart-items img{max-width:60px;max-height:60px;margin:0 10px 0 0;}
#user_section, #shipping_section{margin-bottom: 60px;}
#user_section h2, #shipping_section h2, #payment_section h2, #summary_section h2, #checkout .order_summary h2{font-family: 'Rubik-Medium'; margin:0 0 10px 0; text-transform: uppercase;}
select#shipping_country{font-family: 'Montserrat-Regular';}
#checkout .order_summary h1{font-size: 18px; text-transform: uppercase;}
#checkout .order_summary h3 {font-family: 'Rubik-Medium'; font-size: 18px; text-transform: uppercase; }
#checkout .order_summary h5{font-family: 'Montserrat-Medium'; font-size: 18px;}
#checkout .order_summary .summary-section, #checkout form#select_cart_shipping{margin:20px 0 0 0;}
.payment_section label{margin-bottom: 20px;}
.checkout_billing{margin:20px 0 0 0;}
#payment_method h2{margin: 40px 0 0 0;}
#card_element{margin:10px 0;}
#stripe{margin:20px 0 40px 0;}
.checkout-cart-items span.col2{text-align: right;}
.checkout-cart-items .col6{padding: 0 10px;}


/* Stripe Elements */

:invalid {box-shadow: none;}
:-moz-submit-invalid {box-shadow: none;}
:-moz-ui-invalid { box-shadow:none;}

.StripeElement {background-color: white;height: 40px;padding: 10px 12px;border-radius: 0px;border: 1px solid transparent;box-shadow: 0 1px 3px 0 #e6ebf1;-webkit-transition: box-shadow 150ms ease;transition: box-shadow 150ms ease;}
.StripeElement--focus { box-shadow: 0 1px 3px 0 #cfd7df;}
.StripeElement--invalid { border-color: #fa755a;}
.StripeElement--webkit-autofill {  background-color: #fefde5 !important;}

#card_number, #card_expiration, #card_verification {margin: 10px 0; box-shadow: none!important; border: 1px solid #777!important; height: 50px!important; padding: 13px 10px!important;}
.invalid-zip {color: red; border: 1px solid red!important;}
#payment_method .cc_form{padding:20px;}
#payment_method input[type=text],
#payment_method input[type=tel],
#payment_method input[type=email],
#payment_method input[type=password],
#summary_section input[type=text],
#summary_section input[type=tel]
{width: 100%;height: 50px;margin: 5px 0; padding: 10px; font-size:18px; border: 1px solid #777;}

/* Global Menu  */
nav.main-menu section img{display:none;}

/* Datepicker */
.ui-datepicker {background-color: #fff;border: 1px solid #66AFE9;border-radius: 0px;display: none;margin-top: 4px;padding: 10px;width: 300px;}
.ui-datepicker a,.ui-datepicker a:hover {text-decoration: none;}
.ui-datepicker a:hover,
.ui-datepicker td:hover a {color: #2A6496;-webkit-transition: color 0.1s ease-in-out;-moz-transition: color 0.1s ease-in-out;-o-transition: color 0.1s ease-in-out;transition: color 0.1s ease-in-out;}
.ui-datepicker .ui-datepicker-header {margin-bottom: 4px;text-align: center;}
.ui-datepicker .ui-datepicker-title {font-weight: 700;}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next {cursor: default;font-family: 'altisuite';-webkit-font-smoothing: antialiased;font-style: normal;font-weight: normal;height: 20px;line-height: 1;margin-top: 2px;width: 30px;}
a.ui-datepicker-prev:hover, a.ui-datepicker-next:hover{background:none;border:none;cursor:pointer;}
.ui-datepicker .ui-datepicker-prev {float: left;text-align: left;}
.ui-datepicker .ui-datepicker-next {float: right;text-align: right;}
.ui-datepicker .ui-icon {display: none;}
.ui-datepicker .ui-datepicker-calendar {table-layout: fixed;width: 100%;}
.ui-datepicker .ui-datepicker-calendar th,.ui-datepicker .ui-datepicker-calendar td {text-align: center;	padding: 4px 0;}
.ui-datepicker .ui-datepicker-calendar td {	border-radius: 4px;-webkit-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;-moz-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out; -o-transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;transition: background-color 0.1s ease-in-out, color 0.1s ease-in-out;}
.ui-datepicker .ui-datepicker-calendar td:hover {background-color: #eee;cursor: pointer;}
.ui-datepicker .ui-datepicker-calendar td a {text-decoration: none;background:none;border:none;}
.ui-datepicker .ui-datepicker-current-day {background-color: #4289cc;}
.ui-datepicker .ui-datepicker-current-day a {color: #fff}
.ui-datepicker .ui-datepicker-calendar .ui-datepicker-unselectable:hover {background-color: #fff;cursor: default;}

section .grid{display: flex;align-items: center;}
section.norm .grid{display: block;}

/* Home Page */

section.norm {background-size:cover!important;}
section.norm, .norm a {color:#fff;}
section.norm h2{font-size:33px;font-family: Rubik-Black;text-transform:uppercase;}

/* section.home_tiles .grid{ align-items: normal;} */
/* .home_tiles .grid .block{background:#efefef;display:block;} */


section.home_tiles .grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(32.2%, 24.1%));
grid-column-gap: 10px;
grid-row-gap: 10px;
    grid-gap: 1em;
    grid-auto-flow: dense;
/* 
grid-template-columns: repeat(4, 1fr);
grid-template-rows: repeat(4, 1fr);
min-height: 1120px;
 */
}


section.home_tiles .grid .grid_tile{background: #efefef;background-size:cover!important;position:relative; width: 100%;
    position:relative;
    display: inline-grid;
    min-height:400px;
}

/* 
section.home_tiles .grid .grid_tile:first-child { grid-area: 1 / 1 / 3 / 3; }
section.home_tiles .grid .grid_tile:nth-child(2) { grid-area: 1 / 3 / 3 / 5; }
section.home_tiles .grid .grid_tile:nth-child(3) { grid-area: 4 / 1 / 3 / 3; }
section.home_tiles .grid .grid_tile:nth-child(4) { grid-area: 4 / 3 / 5 / 5; }
section.home_tiles .grid .grid_tile:nth-child(5) { grid-area: 6 / 1 / 5 / 3; }
section.home_tiles .grid .grid_tile:nth-child(6) { grid-area: 6 / 3 / 5 / 5; }
 */

section.home_tiles .grid .grid_tile .tile_contents{position:absolute;bottom:25px;left:25px;max-width:80%; color:#fff}
section.home_tiles .grid .grid_tile .tile_contents h2{font-size:22px;font-family:Rubik-Bold;text-transform: uppercase;}
section.home_tiles .grid .grid_tile .tile_contents p{margin:15px 0;}

/* 

parent {
display: grid;
grid-template-columns: repeat(5, 1fr);
grid-template-rows: repeat(5, 1fr);
grid-column-gap: 0px;
grid-row-gap: 0px;
}

.div1 { grid-area: 1 / 1 / 3 / 3; }
.div2 { grid-area: 1 / 3 / 3 / 5; }
.div3 { grid-area: 3 / 1 / 4 / 3; }
.div4 { grid-area: 3 / 3 / 4 / 5; }
 */
section.home_three .grid{height:400px;align-items:center}
section.home_three .col4{text-align:center;min-height:320px;padding:5%;}

section.home_three .col4:first-child, section.home_three .col4:nth-child(2){border-right:2px solid #000;}
section.home_three .box_title{text-transform: uppercase;font-family: Rubik-Medium;font-size:18px; margin:20px 0;}
section.home_three p{}

p.quiz{font-family: 'Rubik-Medium'; font-size: 23px; text-transform: uppercase; margin:10px 0 40px 0;}

section.industries .grid:first-child{display:block;padding:10% 0;text-align:center;}
section.industries .grid:first-child p{max-width:800px;margin:20px auto;}
section.industries .grid{ align-items: normal;}
section.industries .grid{ display: grid;}
section.industries .grid .grid_tile{background: #efefef;background-size:cover!important;background-position: center!important;position:relative;}
section.industries .grid .grid_tile:first-child{grid-area: 1 / 1 / 5 / 6; padding-bottom:50%;margin:0 10px 10px 0;}
section.industries .grid .grid_tile:nth-child(2){grid-area: 1 / 6 / 5 / 13; padding-bottom:50%;margin:0 0 10px 0;}
section.industries .grid .grid_tile:nth-child(3){grid-area: 5 / 1 / 13 / 5; padding-bottom:60%;margin:0 10px 0 0; }
section.industries .grid .grid_tile:nth-child(4){grid-area: 5 / 5 / 13 / 9; padding-bottom:60%;margin:0 10px 0 0;}
section.industries .grid .grid_tile:nth-child(5){grid-area: 5 / 9 / 13 / 13; padding-bottom:60%;}
/* section.industries .grid .grid_tile:nth-child(6){grid-area: 2 / 2 / 3 / 3; padding-bottom:20%;margin-top:5px;} */
section.industries .grid .grid_tile .tile_contents{position:absolute;bottom:10px;left:10px;max-width:80%;color:#fff}
section.industries .grid .grid_tile .tile_contents h2{font-size:22px;font-family:Rubik-Bold;text-transform: uppercase;}
section.industries .grid .grid_tile .tile_contents p{margin:15px 0;}

section.industries h2{font-family: 'Rubik-Black'; text-transform: uppercase; letter-spacing: 2px;}

section.home_blog {background: #F8F8F8; padding: 110px 0; margin-bottom:0px;}
section.home_blog-w{background: #FFF; padding: 20px 0 100px 0; margin:20px 0 0 0;}
section.home_blog h2, section.home_blog-w h2{text-align: center;margin-bottom: 50px; text-transform: uppercase; font-family: 'Rubik-Black'; font-size: 23px; letter-spacing: 2px;}
section.home_blog h3 a, section.home_blog-w h3 a{color:#000;}
section.home_blog .grid, section.home_blog-w .grid{align-items: normal}
section.home_blog .col4:first-child, section.home_blog-w .col4:first-child{padding-right:40px}
section.home_blog .col4:nth-child(2), section.home_blog-w .col4:nth-child(2){padding-right:40px}
section.home_blog .article_img, section.home_blog-w .article_img{padding-bottom:60%;margin-bottom:20px;background-size:cover!important;}
.more-button{margin:50px auto; width: 100%; outline:0; text-align: center;}
.more-button a.bgbtn{font-family: 'Rubik-Bold'; }
.more-button:before, .more-button:after{content:""; width:200px; height: 1px; margin:0 10px; vertical-align: super; background-color: #E8E8E8; display: inline-block;}




.grid-layout {display: grid; grid: repeat(1, 8.3%) / repeat(1, 8.3%);}
.grid-tile{width:100%;padding:15px;position:relative;border-bottom:20px solid #fff;padding-bottom:45%;}
.grid-tile h3{position:absolute;z-index:2;bottom:40px;left:40px; font-family: 'goudy', sans-serif; font-size: 30px;}
.grid-tile h4{position:absolute;z-index:2;bottom:20px;left:40px;}
.tile-overlay{color:#fff;background:rgba(0,0,0,0.3);padding:10px;text-align:center;position:absolute;opacity:0;width:100%;height:100%;top:0;left:0;transition:all linear 0.3s;-moz-transition:all linear 0.3s;-webkit-transition:all linear 0.3s;}
.grid-tile:hover > a .tile-overlay{opacity:1}
.grid-tile:hover > a h3,.grid-tile:hover > a h4{color:#fff!important;}

/* Grid Banks */

/* default */
/* .default .grid-tile:last-child {grid-area: 9 / 1 / 13 / 13;} */
.default .grid-tile:nth-child(1) {grid-area: 1 / 1 / 5 / 8;border-right:20px solid #fff;}
.default .grid-tile:nth-child(2) {grid-area: 1 / 8 / 5 / 13;}

.default .grid-tile:nth-child(3) {grid-area: 5 / 1 / 9 / 6;border-right:20px solid #fff;}
.default .grid-tile:nth-child(4) {grid-area: 5 / 6 / 9 / 13;}

.default .grid-tile:nth-child(5) {grid-area: 9 / 1 / 13 / 5;padding-bottom:35%;border-right:20px solid #fff;}
.default .grid-tile:nth-child(6) {grid-area: 9 / 5 / 13 / 9;border-right:20px solid #fff;}
.default .grid-tile:nth-child(7) {grid-area: 9 / 9 / 13 / 13;}

.default .grid-tile:nth-child(8) {grid-area: 13 / 1 / 17 / 7;border-right:20px solid #fff;}
.default .grid-tile:nth-child(9) {grid-area: 13 / 7 / 17 / 13;}

.default .grid-tile:nth-child(10) {grid-area: 17 / 1 / 22 / 6;border-right:20px solid #fff;}
.default .grid-tile:nth-child(11) {grid-area: 17 / 6 / 22 / 13;}

.default .grid-tile:nth-child(12) {grid-area: 22 / 1 / 26 / 5;padding-bottom:35%;border-right:20px solid #fff;}
.default .grid-tile:nth-child(13) {grid-area: 22 / 5 / 26 / 9;border-right:20px solid #fff;}
.default .grid-tile:nth-child(14) {grid-area: 22 / 9 / 26 / 13;}

.default .grid-tile:nth-child(15) {grid-area: 26 / 1 / 30 / 6;border-right:20px solid #fff;}
.default .grid-tile:nth-child(16) {grid-area: 26 / 6 / 30 / 13;}
.default .grid-tile:nth-child(17) {grid-area: 30 / 1 / 34 / 6;border-right:20px solid #fff;}
.default .grid-tile:nth-child(18) {grid-area: 30 / 6 / 34 / 13;}
.default .grid-tile:nth-child(19) {grid-area: 34 / 1 / 38 / 5;padding-bottom:35%;border-right:20px solid #fff;}
.default .grid-tile:nth-child(20) {grid-area: 34 / 5 / 38 / 9;border-right:20px solid #fff;}



/* Bank 2 */
/* Row start, Col Start,row end,col end */
/* .bank2 .grid-tile:last-child {grid-area: 9 / 1 / 13 / 13;} */
.bank2 .grid-tile:nth-child(1) {grid-area: 1 / 1 / 5 / 5;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(2) {grid-area: 1 / 5 / 5 / 9;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(3) {grid-area: 1 / 9 / 5 / 13;}

.bank2 .grid-tile:nth-child(4) {grid-area: 5 / 1 / 10 / 5;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(5) {grid-area: 5 / 5 / 10 / 9;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(6) {grid-area: 5 / 9 / 10 / 13;}

.bank2 .grid-tile:nth-child(7) {grid-area: 10 / 1 / 13 / 5;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(8) {grid-area: 10 / 5 / 13 / 9;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(9) {grid-area: 10 / 9 / 13 / 13;}

.bank2 .grid-tile:nth-child(10) {grid-area: 13 / 1 / 15 / 5;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(11) {grid-area: 13 / 5 / 15 / 9;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(12) {grid-area: 13 / 9 / 15 / 13;}

.bank2 .grid-tile:nth-child(13) {grid-area: 17 / 1 / 22 / 5;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(14) {grid-area: 17 / 5 / 22 / 9;border-right:20px solid #fff;padding-bottom:45%;}
.bank2 .grid-tile:nth-child(15) {grid-area: 17 / 9 / 22 / 13;}





/* Bank 3_2 - 3,4, */
.bank3_2 .grid-tile:nth-child(1) {grid-area: 1 / 1 / 5 / 5;border-right:20px solid #fff;padding-bottom:45%;}
.bank3_2 .grid-tile:nth-child(2) {grid-area: 1 / 5 / 5 / 9;border-right:20px solid #fff;padding-bottom:45%;}
.bank3_2 .grid-tile:nth-child(3) {grid-area: 1 / 9 / 5 / 13;}
.bank3_2 .grid-tile:nth-child(4) {grid-area: 5 / 1 / 10 / 7;border-right:20px solid #fff;}
.bank3_2 .grid-tile:nth-child(5) {grid-area: 5 / 7 / 10 / 13;}
.bank3_2 .grid-tile:nth-child(6) {grid-area: 10 / 1 / 14 / 5;border-right:20px solid #fff;padding-bottom:45%;}
.bank3_2 .grid-tile:nth-child(7) {grid-area: 10 / 5 / 14 / 9;border-right:20px solid #fff;padding-bottom:45%;}
.bank3_2 .grid-tile:nth-child(8) {grid-area: 10 / 9 / 14 / 13;}
.bank3_2 .grid-tile:nth-child(9) {grid-area: 14 / 1 / 18 / 7;border-right:20px solid #fff;}
.bank3_2 .grid-tile:nth-child(10) {grid-area: 14 / 7 / 18 / 13;}


/* Bank 2_2  */
.bank2_2 .grid-tile:nth-child(1) {grid-area: 1 / 1 / 5 / 8;border-right:20px solid #fff;padding-bottom:50%;}
.bank2_2 .grid-tile:nth-child(2) {grid-area: 1 / 8 / 5 / 13;padding-bottom:50%;}
.bank2_2 .grid-tile:nth-child(3) {grid-area: 5 / 1 / 9 / 5;border-right:20px solid #fff;padding-bottom:25%;}
.bank2_2 .grid-tile:nth-child(4) {grid-area: 5 / 5 / 9 / 13;padding-bottom:50%;}
.bank2_2 .grid-tile:nth-child(5) {grid-area: 9 / 1 / 13 / 7;border-right:20px solid #fff;padding-bottom:45%;}
.bank2_2 .grid-tile:nth-child(6) {grid-area: 9 / 7 / 13 / 13;padding-bottom:45%;}



/* Bank Square */
.bank-square .grid-tile:nth-child(1) {grid-area: 1 / 1 / 9 / 4;border-right:20px solid #fff;}
.bank-square .grid-tile:nth-child(2) {grid-area: 1 / 4 / 9 / 9;border-right:20px solid #fff;}
.bank-square .grid-tile:nth-child(3) {grid-area: 1 / 9 / 9 / 13;border-right:20px solid #fff;}
.bank-square .grid-tile:nth-child(4) {grid-area: 9 / 1 / 9 / 4;border-right:20px solid #fff;}
.bank-square .grid-tile:nth-child(5) {grid-area: 9 / 4 / 9 / 9;padding-bottom:35%;}
.bank-square .grid-tile:nth-child(6) {grid-area: 9 / 9 / 9 / 13;border-right:20px solid #fff;}





/*section:nth-child(odd) .col6:nth-child(odd){order:0;animation-name:fadeInLeft;}

section:nth-child(odd) .col6:nth-child(even){order:1;animation-name:fadeInRight;}*/

/* 
section:nth-child(even) .col6:nth-child(odd){order:1;animation-name:fadeInRight;}
section:nth-child(even) .col6:nth-child(even){order:0;animation-name:fadeInLeft;}
 */

section:nth-child(odd) .col6 img{max-width:100%}
section:nth-child(even) .col6 img{max-width:100%}

.txt-block{display:table;margin:0 auto;width:80%;}

/* .banner{height:80px;text-align:center;background:#F7F7F7} */
.page-header{position:relative;z-index:1}
.dashboard-header{height:250px;color:#fff;background-color:rgb(2, 110, 151);background-blend-mode:luminosity;}
.page-header .grid, .page-header-small .grid, .page-header-x-small .grid{display:flex; color:#fff;}
.page-header .grid{min-height:600px; padding:50px 0;}
.page-header-small{min-height: 400px; padding:100px 0;}
.page-header-x-small{padding:100px 0;}
.page-header h1, .page-header-small h1, .page-header-x-small h1{font-family: Rubik-Black;font-size:44px;color:#fff;text-transform: uppercase;}
.page-header h2, .page-header-small h2, .page-header-x-small h2{font-family: Rubik-Black;font-size:36px;color:#fff;text-transform: uppercase;}
.grid.left-bottom{align-items: flex-end;}
.grid.left-center{align-items: center;}
.grid.right-bottom{align-items: flex-end;text-align:right;}
.grid.right-center{align-items: center;text-align:center;}

/* .page-header h1{font-size:3em;margin:0;} */

/* Flex */
.flex{display:flex; align-items: center;
  justify-content: center;}
.a-center{align-self:center;text-align:center;}
.a-center-l{align-self:center;text-align:left;}


/*Responsive Grid*/

.grid-layout { display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); grid-gap: 1em; grid-auto-flow: dense;}
.grid-layout .tile { padding: 1em; background: #fff; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1), 0 20px 20px rgba(0, 0, 0, 0.05);}

/* first .tile - full width */
.grid-layout .tile:nth-child(1) { grid-column: 1 / -1; background: rgba(200,200,255,0.3)}
.grid-layout .tile:nth-child(1)>hr:first-child { padding-bottom: 30%}
.grid-layout .tile:nth-child(1)>hr:last-child { margin-right: 20%; height: 28px}

/* Every nth article - examples */
.grid-layout .tile:nth-child(8n) { grid-column: -3 / -1; background: rgba(255,200,255,0.3)}
.grid-layout .tile:nth-child(12n) { grid-column: 1 / -2; background: rgba(255,200,255,0.3)}
.grid-layout .tile:nth-child(12n)>hr:first-child { padding-bottom: 30%}
.grid-layout .tile:after { color: #808; font-weight: bold; font-family: courier;}




@media (max-width: 680px) {
 .grid-layout { display: flex; flex-direction: column; }
 .grid-layout .tile { margin-bottom: 1em; }
 }

.grid {margin:0 auto;padding:0;width:95%; max-width: 1400px;}
[class*="col"]{float:left;padding:0;margin: 0;position:relative;}
.col1{width:8.33%;}
.col2{width:16.66%;}
.col3{width:25%;}
.col4{width:33.33%;}
.col5{width:41.66%;}
.col6{width:50%;}
.col7{width:58.33%;}
.col8{width:66.66%;}
.col9{width:75%;}
.col10{width:83.33%;}
.col11{width:91.66%;}
.col12{width:100%;margin:0;}

/* #search-area .breadcrumbs{display: none;} */

/* Grid Organizer Test*/
.featured-products .bg {padding-bottom: 100%; position: relative; background-size: cover; width: 100%; height: 100%;}
.featured-overlay{color:#fff;background:rgba(0,0,0,0.5);padding:10px;text-align:center;position:absolute;opacity:0;width:100%;height:100%;transition:all linear 0.3s;-moz-transition:all linear 0.3s;-webkit-transition:all linear 0.3s; display: table;}
.featured-overlay .inner-border{border:solid 4px rgba(255,255,255,0.5);height:100%; display: table-cell; vertical-align: middle;}
.featured-products {padding:5px;}
.featured-products section{padding:10px;}
.featured-products section .bg:hover > .featured-overlay{position:absolute;opacity:1;width:100%;height:100%;}

.featured-products section:nth-child(1) {grid-area: 1 / 1 / 13 / 7;}
.featured-products section:nth-child(2) {grid-area: 1 / 7 / 7 / 10;}
.featured-products section:nth-child(3) {grid-area: 7 / 7 / 13 / 10;}
.featured-products section:nth-child(4) {grid-area: 1 / 10 / 13 / 13;}

.featured-products section:nth-child(1) h3 {margin: 0!important;}
.featured-products section:nth-child(2) h3, .featured-products section:nth-child(3) h3 {border-top: 3px solid #fff;border-bottom: 3px solid #fff;padding: 10px 0;font-size: 24px;font-weight: normal;text-align: center;margin: 0!important;color:#fff;text-transform:uppercase;}
.featured-products section:nth-child(4) h3 {border-top: 3px solid #fff;border-bottom: 3px solid #fff;padding: 10px 0;font-size: 29px;font-weight: normal;text-align: center;margin: 0!important;color:#fff;text-transform:uppercase;}
.featured-products .inner-border {display: table-cell; vertical-align: middle; border:solid 4px rgba(255,255,255,0.5);}
.inner-border h3{border-top: 3px solid #fff;border-bottom: 3px solid #fff;padding: 10px 0;font-size: 39px;font-weight: normal;text-align: center;margin:0;color:#fff;text-transform:uppercase;}
.title-wrap {padding: 0 10px;}
.featured-products a {margin: 10px 0 0 0;} 


a.start_chat{background:#003D78;}
 a.start_chat:hover {
      animation: colorchange 5s infinite; /* animation-name followed by duration in seconds*/
         /* you could also use milliseconds (ms) or something like 2.5s */
      -webkit-animation: colorchange 5s infinite; /* Chrome and Safari */
    }

    @keyframes colorchange
    {
      0%   {background: #003D78;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }

    @-webkit-keyframes colorchange /* Safari and Chrome - necessary duplicate */
    {
      0%   {background: #003D78;}
      25%  {background: yellow;}
      50%  {background: blue;}
      75%  {background: green;}
      100% {background: red;}
    }

a.start_chat{font-size:30px;position: fixed;z-index:9999;bottom:20px;right:20px;border-radius:100%;text-align:center;width:80px;line-height:80px;color:#fff;height:80px;
-webkit-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
-moz-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);

}
.live_chat_box h1{font-size:20px;margin:0;color:#000;}
.live_chat_box input{width:100%;}
.live_chat_box{overflow:hidden;position: fixed; right: 0; bottom: 0px; width: 320px;padding:10px; height: 415px; background-color: #fff;color:#000; z-index: 10000; display: none;
-webkit-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
-moz-box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
box-shadow: -8px -7px 25px -17px rgba(0,0,0,0.75);
}
.conversation{color:#000;width:100%}
.conversation .red{color:#800040;}
.conversation .green{color:#008040}
.live_chat_box textarea{position:absolute;bottom:0;right:0;left:0;overflow:hidden;border:none;-webkit-box-shadow: 0px 12px 38px 7px rgba(109,115,181,1);
-moz-box-shadow: 0px 12px 38px 7px rgba(109,115,181,1);
box-shadow: 0px 12px 38px 7px rgba(109,115,181,1);}

ul#conversation { overflow: scroll;}
ul#conversation {padding-bottom:100px; flex: 1 1 90%; display: flex; flex-direction: column; 
}

li.bubble { flex: 1 1 auto; clear: both; } /* clear the floats here on parent */
li.bubble p {
    border-radius: 5px;
    padding: 8px; margin: 8px 12px;
    max-width: 80%;  /* this will make it not exceed 80% and then wrap */
    position: relative; transition: background-color 0.5s; 
}
li.left_bubble p { background-color: #efefef; float: left; } /* floated left */
li.right_bubble p { background-color: #026e97; color: #fff; float: right; } /* floated right */
li.right_bubble .green{color:#fff}
/* classes below are only for arrows, not relevant */
li.left_bubble p::before {
    content: ''; position: absolute;
    width: 0; height: 0; left: -8px; top: 8px;
    border-top: 4px solid transparent;
    border-right: 8px solid #efefef;
    border-bottom: 4px solid transparent;
}
li.right_bubble p::after {
    content: ''; position: absolute;
    width: 0; height: 0; right: -8px; bottom: 8px;
    border-top: 4px solid transparent;
    border-left: 8px solid #026e97;
    border-bottom: 4px solid transparent;
}





#social-box{visibility:hidden;background:#fff;    -webkit-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    -moz-box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.16);
    padding: 20px;
    position: absolute;
	transition:linear .2s;
opacity:0;
display:inline-block;z-index:1}
#social-box.social-box-open{visibility:visible;opacity:1;}

ul.social-share-links{margin:0 0 20px 0;padding:0 0 30px;} 
ul.social-share-links li{height:30px;line-height:30px;font-family:Montserrat;font-size:0.8em;display:inline-block;background:#ccc;margin:0;padding:0 10px;float:left;} 
ul.social-share-links li a{color:#fff;}
ul.social-share-links li.linkedin{background:#92bf3e;}
ul.social-share-links li.facebook{background:#4ac2c6;}
ul.social-share-links li.twitter{background:#02968d;}
ul.social-share-links li.email{background:#fbb92c;}

.live_chat_box .open{display:block;}


/* Media Queries */
/* Everything but mobile */
@media screen and (min-width:768px) {



/* .header #menu_toggle{line-height:40px;	width:100%;} */
/* Global Menu  */
#menu_toggle{width:100%;margin-top:10px;}
 #menu_toggle input[type=checkbox]{display:none;}
ul.nav__list{margin:0;padding:0;}
#left_nav{background:var(--blue);height:60px;line-height:60px;text-align:center;font-size:17px;} 

/* nav.main-menu .icon-down-open{display:none;} */
nav.main-menu{ position: relative;top: 0px;} 
nav.main-menu h3{font-family:Rubik-Bold;font-size:18px;}
nav.main-menu ul li{display:inline-block; padding:0 10px;color:#fff;text-transform: uppercase; font-family: 'Rubik';}
nav.main-menu ul li a{display:block;color:#fff;}
nav.main-menu ul li:first-child{font-family: 'Rubik-Bold';}
nav.main-menu ul li:last-child{ padding-right:0;}
nav.main-menu ul li ul{display:none;padding:0;}

nav.main-menu ul li:hover > ul{left:0;right:0;visibility:visible;display:block; position:absolute;margin:0;z-index: 9999; background:#fff;box-shadow: 0px 3px 6px rgb(0 0 0 / 16%);opacity:1;padding:30px 10px 10px 10px;}

nav.main-menu ul li:hover > ul li{padding:0;color:#000;text-align:left;height:40px;line-height:40px;display:list-item;float:none;list-style:none; font-family: 'Montserrat-Regular';}
nav.main-menu ul li:hover > ul li:after{content:'';}
nav.main-menu ul li:hover > ul li a{color:#000;width: 100%;transition:0.6s;}

nav.main-menu ul li:hover > ul li a:hover{color:#000;height:40px; }
nav.main-menu ul li:hover > ul li ul{display:block;}
nav.main-menu ul ul li:hover > ul,nav.main-menu ul ul ul li:hover > ul{visibility:visible;display:block; position:absolute;left:304px;height:400px;top:0;width:auto;z-index: 9999; background:rgba(0,0,0,0.8); padding:15px;}
nav.main-menu ul ul li:hover > ul li{text-align:left;width:650px; line-height: initial;}
nav.main-menu ul ul li:hover > ul li a{color:#fff;}
nav.main-menu ul ul li:hover > ul li a:hover{color:#fff;}
nav.main-menu ul.big-menu{width:100%;left:0;}
nav.main-menu .products-menu section{position:absolute;top:0;right:0;}
nav.main-menu .products-menu section img{width:300px;display:block;}
td.t_name, .m-viz {display:none;}

/* Products Menu Menu */
li.products-menu ul.group-list .grid{width:85%;}

/* Innovation Menu */
li.innovative-menu ul.group-list .grid{width:55%;}

/* Information Menu */
li.information-menu ul.group-list .grid{width:70%;}
li.information-menu img{padding-right:40px;}

/* a#search_handle{display:none;} */
}

/* largest visual size */
@media screen and (min-width: 1500px) {
html{  background-color: #DDDDDD; }
body{box-shadow: 0 0 1em rgba(0, 0, 0, 0.1);/* max-width:1500px; */margin:0 auto;    transition: opacity .3s ease .2s; opacity: 1 !important;position:relative;z-index: -3;}
.page-header-x-small{padding:250px 0;}

.grid{max-width:1500px;width:95%} 
#slides{position: relative; }
.page-header .grid{min-height:800px}
/* #slides{height: 400px;} */
.c_group ul li{width:20%;}
#products_list.tile-view ul li {width: 25%;}
/* Contact 1500 */
.contact_content{width:80%;}
.contact_content .grid .col4 a.lbgbtn{width:95%;}

}

@media screen and (min-width: 1401px) and (max-width: 1499px) {
.grid{max-width:1400px;width:95%} 
#slides{position: relative; }
#products_list.tile-view ul li {width: 25%;}
.page-header-x-small{padding:200px 0;}

/* section.home_tiles .grid { min-height: 1400px;} */

/* Contact 1499 */
.contact_content{width:85%;}
.contact_content .grid .col4 a.lbgbtn{margin:10px 0; width:95%; padding:10px; height:initial; }
.contact_content .grid .col4:last-child a.lbgbtn{line-height: initial;}


}

@media screen and (min-width: 1281px) and (max-width: 1400px) {
.grid{max-width:1280px;width:95%} 
#slides{position: relative;}
.page-header-x-small{padding:150px 0;}

#products_list.tile-view ul li {width: 33%;}
.contact_content .grid .col4:last-child a.lbgbtn{line-height: initial;}
/* section.home_tiles .grid { min-height: 900px;} */


}

@media screen and (min-width: 1201px) and (max-width: 1280px) {
.grid{max-width:1100px;} 
#slides{position: relative; }


#products_list.tile-view ul li {width: 25%;}
/* Product Tiles 1280 */
#products_list.tile-view ul li{width:33%;}

section.home_tiles .grid { min-height: 850px;}

/* Contact 1280 */
.contact_content{width:85%;}
.contact_content .grid .col4 a.lbgbtn{margin:10px 0; width:95%; padding:10px; height:initial; }
.contact_content .grid .col4:last-child a.lbgbtn{line-height: 37px; height: 58px;}



}
@media screen and (min-width: 1081px) and (max-width: 1200px) { 
.grid{max-width:1000px;width:95%}
#slides{position: relative;}
#products_list.tile-view ul li {width: 25%;}

/* Head Stuff Tablet 1200 */
.head-stuff{font-size: 14px;}

/* Product Tiles 1200 */
#products_list.tile-view ul li{width:33%;}


section.home_tiles .grid { min-height: 800px;}
/* Contact 1200 */
.contact_content{width:80%;}
.contact_content .grid .col4 a.lbgbtn{margin:10px; width:90%; padding:10px; height:60px; }
.contact_content .grid .col4:last-child a.lbgbtn{line-height: 30px;}


}

@media screen and (min-width: 961px) and (max-width: 1080px) {
.grid{width:95%}

#slides{position: relative; }
.footer_banner ul li{font-size: 16px; list-style: none; margin-right:15px;}


/* Head Stuff Tablet 1080 */
.head-stuff{font-size: 12px;}
/* Product Tiles 1080 */
#products_list.tile-view ul li{width:50%;}
section.home_tiles .grid { min-height: 700px;}

/* Contact 1080*/
.contact_content{width:90%;}


}
@media screen and (min-width: 768px) and (max-width: 960px) {


.grid{width:95%}
.logo img{max-width:180px;}
#products_list.tile-view ul li{padding:5px;}
.c_group ul li{width:33%;}
.brands .c_group ul li {width: 12.5%;}
.tabs ul li, .tabs > ul li:hover {padding: 10px 20px 0px 20px; font-size: 10px;}
.review-box {padding: 55px 40px; margin: 30px auto 0 auto;}
.review {width: 65%;}
.featured-products section:nth-child(1) h3 {font-size: 20px;}
.featured-products section:nth-child(2) h3, .featured-products section:nth-child(3) h3 {font-size: 15px;}
.featured-products section:nth-child(4) h3 {font-size: 15px;}
.featured-products a {font-size: 15px;}
.footer_banner ul li{font-size: 16px; list-style: none; margin-right:15px;}

section.home_tiles .grid { min-height: 700px;}

/* Head Stuff Tablet */
.head-stuff{font-size: 10px;}

/* Product Tiles Tablet */
#products_list.tile-view ul li{width:50%;}


/* Contact Tablet */
.contact_content{width:90%;}
.contact_content .grid {margin:20px 0;}
.contact_content .grid .col4 a.lbgbtn{margin:10px; padding:35px; height:120px;}
.contact_content .grid .col4:last-child a.lbgbtn{line-height: initial; padding:40px;}
/* Blog / Articles Tablet */
.blog-main ul{padding: 0;}
.blog-main ul li{flex:0 1 50%;}
.article-nav{display: none;}
.article-view article{margin:40px;}


}
td.t_name{display:revert;}
td .chart_image{width:100%;}
.page-header, .page-header-small{background-position: center;}


/* mobile navigation switch */


@media screen and (max-width: 768px){
.tile {height:250px;}
.tile .image{width:80%;height:initial;line-height:initial;margin:0 auto;}


#menu_toggle{display: block;position: absolute;top:0;height:70px;left:35px;width:70px;padding:25px 0;z-index: 2000; -webkit-user-select: none;user-select: none;}
header.alt #menu_toggle{top: 28px;}
#menu_toggle input.menu_toggle{display:block;width:40px;height:32px;position:absolute;left:-10px;cursor:pointer;opacity:0;z-index:2;-webkit-touch-callout:none}
#menu_toggle span.line{display:block;width:33px;height:2px;margin-bottom:7px;position:relative;border-radius:2px;background:#003D78;z-index:1;transform-origin:4px 0;transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0),background .5s cubic-bezier(0.77,0.2,0.05,1.0),opacity .55s ease}
#menu_toggle span.line:first-child{transform-origin:0 0}
#menu_toggle span.line:nth-last-child(2){transform-origin:0 100%}
#menu_toggle input:checked ~ span.line{opacity:1;transform:rotate(45deg) translate(-2px,-1px);background:#fff}
#menu_toggle input:checked ~ span.line:nth-last-child(3){opacity:0;transform:rotate(0deg) scale(0.2,0.2)}
#menu_toggle input:checked ~ span.line:nth-last-child(2){opacity:1;transform:rotate(-45deg) translate(0,-1px)}
#menu_toggle #left_nav{height: 110vh;width:458px;background:var(--blue);list-style-type:none;-webkit-font-smoothing:antialiased;transform-origin:0 0;transform:translate(-81%,0);transition:transform .5s cubic-bezier(0.77,0.2,0.05,1.0);color:#fff;padding:0 5px 5px 80px;margin-top:-83px;padding-top:80px;margin-left:-130px;}
#menu_toggle input:checked ~ #left_nav{transform:scale(1.0,1.0);opacity:1;overflow: scroll;}

.slide.dark {
    background-position: bottom 0% LEFT 50%!important;
/*     background-size: cover; */
/*     background-color: #00000060!important; */
    background-blend-mode: multiply!important;
}
.slide a.blueunder{font-size:15px}
.slide h1 {
    font-size: 35px;
    }
 .slide h2 {font-size:25px;}   
    
.slide p {
    font-size: 16px;
    color: #fff;
    margin: 50px 0 40px;
    max-width: 500px;
}
/* Mobile Navigation */
ul.nav__list{margin:0 7px 0 20px}
ul.nav__list li{line-height: 60px;font-size: 20px;text-align:left;list-style:none;}
ul.nav__list li a{color:#ffffff;}
ul.nav__list li label{line-height:60px;font-size:20px;display:block;}
ul.nav__list li li{line-height: 26px;font-size: 16px;text-align:left;list-style:none;}
ul.nav__list li li label{line-height:40px;font-size:16px;display:block;}
.navbar ul li{font-size:1.2em;}
.navbar a, .navbar label{text-transform:uppercase;line-height:50px;font-size:28px;display: block;padding: 0;color: #fff;  -webkit-transition: all .25s ease-in;transition: all .25s ease-in;}
.left_nav_menu i {font-size:14px;padding-right:10px;}
.navbar a:focus, .navbar a:hover, .navbar label:focus, .navbar label:hover { color: rgba(255, 255, 255, 1);  }
.navbar label { cursor: pointer; }
.group-list a, .group-list label {padding-left: 5px;line-height:40px;font-size:20px;display:block; }
.group-list a:focus, .group-list a:hover, .group-list label:focus, .group-list label:hover { }
.sub-group-list a, .sub-group-list label { }
 .sub-group-list label:hover { background: rgba(0,0,0,0.2); }
.sub-sub-group-list a, .sub-sub-group-list label {}
.sub-sub-group-list a:focus, .sub-sub-group-list a:hover, .sub-sub-group-list label:focus, .sub-sub-group-list label:hover {  border-bottom:1px dotted #ccc; }
.group-list, .sub-group-list, .sub-sub-group-list,.sub-sub-sub-group-list  { padding-left:12px; height: 100%;  max-height: 0;  overflow: hidden;  -webkit-transition: max-height .25s ease-in-out;  transition: max-height .25s ease-in-out;}
.nav__list input[type=checkbox]:checked + label + ul { max-height: 2000px; }
ul.nav__list label > span {  float: right;  -webkit-transition: -webkit-transform .25s ease; transition: transform .25s ease;-webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg);}
.nav__list input[type=checkbox]:checked + label > span {  -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}


/* 
#menu_toggle{top:0;height:70px;left:10px;width:40px;border-right:none;padding: 0;top:0;z-index: 1000; -webkit-user-select: none;user-select: none;}
#menu_toggle #left_nav{margin-top:-83px;padding-top:80px;margin-left:-105px;}
 */
 header{height:150px;}
.logo img{max-width:150px;}
.head-stuff.txt-left a{display:none;}
a#search_handle,#dashboard_box{display:none;}


dashboard-header,.page-header, .page-header-small{background-blend-mode: soft-light;}

#my-account{top: 0; padding-left: 80px;}
.header{height:initial;}    
/* #search-area{display:none;} */
a#search_handle{display:none;}
span.mcart{display:none;}
  
.search-area-open{min-width:300px;}
.hero h1 {    font-size: 2.1em;  line-height: 1em;margin-bottom:30px;}
.hero h2 {    font-size: 1.5em;}
.filter-btn{display:block;}

#filters{display:none;}
#filters.show{display:block;}
    
section.hero{height:50vh}
.hero{background-attachment: initial!important;}
section#what .a-left{width:100%}
.live_chat_box{right:5%;width:90%;left:5%;z-index:10000;}
a.start_chat{right:5%;width:80px;z-index:9999;}
.brands .c_group ul li {width: 50%;}
/* Tables */
td.t_sku, td.t_length, td.t_width, td.t_height, td.t_attrs, td.t_uofm, .t_head {display:none;}
td.t_atc input[name=quantity] {width: 90%; padding: 5px!important;}

ul.f_category li{width:100%;}

.mod{width:100%;}

/* Responsive */
.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11 {float: none;width: 100%;}

.search-bar{display:none;}
#slides { margin:20px 0 0 0;}

.review-box {padding: 55px 40px; margin: 30px auto 0 auto; width: 75%;}
.review {width: 75%;}

/* responsive grids */
section.home_blog .grid{display:block;}
section.home_blog .col4:first-child, section.home_blog-w .col4:first-child, section.home_blog .col4:nth-child(2), section.home_blog-w .col4:nth-child(2){padding:initial; margin: 40px 0;}
section.home_blog .grid .col4{padding:0; margin:0 0 40px 0;}
.footer_banner{overflow:scroll;}
.footer_banner ul{display:inline-flex;height: 50px;width: 700px;}
.footer_banner ul li{font-size: 14px; list-style: none; margin-right:15px;}
footer{height:initial;}
.footer_bottom{height:initial;}
img.footer_logo{position:initial;}

section .grid{display:block;}

.product_description .grid{display:block;}
section.blue-block .grid{display:block!important;}

section.industries .grid:first-child{display:block;padding:10% 0;text-align:center;}
section.industries .grid:first-child p{max-width:800px;margin:20px auto;}
section.industries .grid{ align-items: normal;}
section.industries .grid{ display: block;}
section.industries .grid .grid_tile{background: #efefef;background-size:cover!important;background-position: center!important;position:relative; }
section.industries .grid .grid_tile:first-child{grid-area: 1 / 1 / 5 / 6; padding-bottom:50%;margin:0 0 20px 0;}
section.industries .grid .grid_tile:nth-child(2){grid-area: 1 / 6 / 5 / 13; padding-bottom:50%;margin:0 0 20px 0;}
section.industries .grid .grid_tile:nth-child(3){grid-area: 5 / 1 / 13 / 5; padding-bottom:60%;margin:0 0 20px 0; }
section.industries .grid .grid_tile:nth-child(4){grid-area: 5 / 5 / 13 / 9; padding-bottom:60%;margin:0 0 20px 0;}
section.industries .grid .grid_tile:nth-child(5){grid-area: 5 / 9 / 13 / 13; padding-bottom:60%;}

/* section.industries .grid .grid_tile:nth-child(6){grid-area: 2 / 2 / 3 / 3; padding-bottom:20%;margin-top:5px;} */
section.industries .grid .grid_tile .tile_contents{position:absolute;top:10px;bottom:10px;left:10px;max-width:80%;color:#fff}
section.industries .grid .grid_tile .tile_contents h2{font-size:22px;font-family:Rubik-Bold;text-transform: uppercase;}
section.industries .grid .grid_tile .tile_contents p{margin:15px 0;}


section.home_tiles{margin:20px 0;}
section.home_tiles .grid {display:block;}
section.home_tiles .grid .grid_tile{background: #efefef;background-size:cover!important;position:relative;}
section.home_tiles .grid .grid_tile:first-child{/* grid-area: 1 / 1 / 3 / 2; */padding-bottom:50%;margin-right:10px;width: 100%;}
section.home_tiles .grid .grid_tile{/* grid-area: 2 / 4 / 2 / 2; */padding-bottom:20%;margin-bottom:20px;width: 100%;height: 400px;}
section.home_tiles .grid .grid_tile:nth-child(3){grid-area: 2 / 2 / 3 / 3; padding-bottom:20%;margin-top:20px;}
section.home_tiles .grid .grid_tile .tile_contents{position:absolute;bottom:10px;left:10px;max-width:80%; color:#fff}
section.home_tiles .grid .grid_tile .tile_contents h2{font-size:22px;font-family:Rubik-Bold;text-transform: uppercase;}
section.home_tiles .grid .grid_tile .tile_contents p{margin:15px 0;}

section.home_three .grid{height:initial;align-items:center;display:block;}
section.home_three .col4{min-height:initial;padding:40px 0;}
section.home_three .col4:first-child, section.home_three .col4:nth-child(2){border-right:0;}

.more-button{width: 100%; margin:40px 0;}
.more-button:before, .more-button:after{width:50px;}

/* Pages Mobile */
.page{margin-top:20px;}
#custom_page_view{padding:30px 0;}
.ftile button, .ftile input[type=submit], .ftile a.btn{float:initial;}
.s-testimonial{padding:80px 0 40px 0;}

/* Turf Mobile */
#turf-cost table{margin:40px 0; font-size: 16px; min-width: 500px;}
section#turf-how, section#turf-cost{padding:60px 0;}
section#turf-cost .grid {padding:80px 0 450px 0;}

/* Animal Care Mobile */
.testimonial p{font-size: 20px; line-height: 28px;}
p.testimonal-name{font-size: 14px;}
p.testimonial-type{font-size:12px;}
section#testimonial .grid{padding:100px 5% 360px 5%;}
section .grid .col6 figure{margin:40px 0;}
section#animalcare-quiz{padding:140px 0 300px 0;}
.effective-table{font-size: 14px; width:95%; min-width:initial;}
section#no-margin-bottom{padding-top: 50px;}
section#no-margin-top{padding-bottom:50px;}

/* Pools Page Mobile */
section#pooldeck2{margin-top: -60px; }
section#indoors .grid{padding:100px 0;}

/* Healthcare Page Mobile */
section#hcfirst{margin-top: 0;}
section#lowerc, section#staff-safety{padding:80px 0;}
table.web-table{display:none;}

.alt-effective-table{display:block;}
.alt-effective-table h4{font-family: 'Rubik-Bold'; text-transform: uppercase; font-size: 18px; margin:20px 0 0 0;}
.alt-effective-table ul{padding:0; padding-inline-start: 0; margin:10px 0 40px 0;}
.alt-effective-table ul li{list-style: none; padding:10px;}
.alt-effective-table ul li:nth-child(even){background: #E6E6E6;}
.alt-effective-table b{font-family: 'Montserrat-Bold';}
section#staff-safety h2{font-size: 23px;}


/* Blog / Articles Mobile */
.article-nav{margin:20px 0;}
.blog-main ul li{flex:0 1 100%;}
.blog-main ul{padding: 0;}
.article-nav{display: none;}
.article-view article{margin:40px 20px;}
.article-view article h1 {font-size: 30px;}
.article-view article h2 {font-size: 23px;}
.article-view article h3 {font-size: 20px;}
.article-view article blockquote {font-size: 20px; line-height: 28px;}

/* Contact Mobile */
.contact_content{width:90%;}
.contact_content .grid {margin:20px 0;}
.contact_content .grid .col4 a.lbgbtn{margin:10px 0; width:100%; padding:10px; height:initial; }
.contact_content .grid .col4:last-child a.lbgbtn{line-height: initial;}
section#contact-boxes .grid .col6{margin:0 0 20px 0;}


/* Guides Page Mobile */
.guide-menu, .ww-guide-menu{margin-right:0; width: 100%;}


.account-open, .mini-cart-open, .mini-quote-open{width:100%;padding:20px;top:40px;}
.search-area-open{}
.mini-cart-open, .mini-quote-open{width:100%;padding: 40px 20px;position: fixed;overflow-y: scroll;height: 100%;top: 0;}



.product_gallery {display:grid;}

.gallery .image, .product_gallery .image{width:100%;}
.gallery ul.thumbs, .product_gallery ul.thumbs {
    float: none;
    margin: 0;
    padding: 0 5px 5px 5px;
    width: 100%;
    max-height:100px;
    box-sizing: border-box;
    display: flex;
    order:1
}


.product-details{padding:0;}
.purchase_bar .add_to_cart_area {left:0;}

.purchase_bar.show .product_name{padding:0;font-size:0.8em;}
.purchase_bar.show{position:initial; /* display: none; */}
.mini-btn a.btn{color:#fff;}
.details_area .tabss > ul{display:none;}
.details_area .tabss > ul.alt{display:none;position: initial;top:0;background: #fff;z-index: 10;left:0;right:0;width:100%;box-shadow: 0px 3px 6px rgba(0, 0, 0, .16)}

.add_to_cart_area input[type=text]{height:30px;}
.product button.add_to_cart_button{background:#7BC143;height:45px;font-size:15px; border:1px solid #7BC143;}

.modal_box{width:95%}
.login-modal{width:100%;}

#search_results #products_list.tile-view ul li{width:50%;}
#search-area #products_list.list-view ul li{width:100%;padding:5px;}
/* Categories */


.categories .img-holder{height:initial;}
/* 
.categories ul{display:flex;margin:0;}

.categories ul li {
    display: flex;
    width: 100%;
    vertical-align: top;
    padding: 0 0 45px 0;
}
 */



/* Products - Tile View */
#products_list.tile-view ul{margin:0;padding:0;}
#products_list.tile-view ul li{width:50%;padding:10px!important;}
#products_list.tile-view .products-product{height:420px;}
.products-product .banner {font-size:9px}

#products_list.tile-view li .image_holder{width:100%;height:130px;margin:20px 0 0 0;}
#products_list.tile-view li .image{width:100%;height:130px;}
#products_list.tile-view  h2{font-size:18px;width:100%}
#products_list.tile-view .product-info{}
/* Products - List View */
#products_list.list-view li .image_holder{width:40%;height:200px;float:left;margin:20px 0 0 0;}
#products_list.list-view li .image{width:100%;height:100px;line-height:100px;}
#products_list.list-view li .product-info {left:150px;right:10px;}
#products_list.list-view  h2{font-size:1em;width:100%}
/* #products_list .product-info h2{font-size:1em;width:100%;display:table;table-layout:fixed;margin:10px 0;position:relative;z-index:2;} */
/* #products_list.list-view  h2 a{white-space:nowrap;display: table-cell;text-overflow: ellipsis;overflow: hidden;} */

/* 
#products_list.list-view li .product-info{width:60%;float:left;padding:0 5px}
 */
#products_list.list-view .price-box{position:initial;}

.product section .flex{display:block;}
.product section:nth-child(odd) .col7,.product section:nth-child(even) .col7{padding:0;}

#products .facet-header{margin:0 0 10px 0;}
#products h2.facet-header{padding:10px; font-size: 18px; font-family: 'Montserrat-Medium'; color:#fff;}
#products .facet-list{margin:0 0 20px 0;}
.category_header h1{margin:20px 0 0;}


/* Checkout */
.field-input.r{margin-left:0;}
.field-input.l{margin-right:0;}
.field-input.c{margin:0;}

/* Breadcrumbs*/
.breadcrumbs ul{padding: 0; margin:0 auto; width:95%;}

/* Carousel */
.c_group ul{height:initial;}
 .c_group ul li{width:100%;float: left;}
.facet-header {    background: var(--blue);
box-shadow: 0px 3px 6px rgba(0, 0, 0, .16);
    padding: 10px 5px;
    font-size: 1em;
    margin:0;
color:#fff;}
.facets .icon-plus {display: inline-block;float:right;}
.facets .icon-minus {display: inline-block;float:right;}

.facet-list {display: none;}
.tabs ul{margin:20px 0 50px 0}
.tabs ul li.tab.active{display: block;padding: 10px 20px 10px 20px;}
.tabs ul li.tab{    width: 100%;
    display: block;padding: 10px 20px 10px 20px;}

.tabs ul li, .tabs > ul li:hover {padding: 10px 20px 0px 20px; }
#order_customer_list form[action='/orders'] tr {display: grid;}

.featured-products section:nth-child(1) {grid-area: 1 / 1 / 4 / 13;}
.featured-products section:nth-child(2) {grid-area: 4 / 1 / 7 / 13;}
.featured-products section:nth-child(3) {grid-area: 7 / 1 / 10 / 13;}
.featured-products section:nth-child(4) {grid-area: 10 / 1 / 13 / 13;}
}




/* animations */
.animated{animation-duration:1s;animation-fill-mode:both}

@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}
.fadeIn{animation-name:fadeIn}

@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-20px)}100%{opacity:1;transform:translateX(0)}}
.fadeInLeft{animation-name:fadeInLeft}

@keyframes fadeInRight{0%{opacity:0;transform:translateX(20px)}100%{opacity:1;transform:translateX(0)}}
.fadeInRight{animation-name:fadeInRight}

@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}100%{opacity:1;transform:translateY(0)}}
.fadeInUp{animation-name:fadeInUp}





ul#payment_methods_select{padding:0;display:inline-block; }
li.payment_method_tile{    list-style: none;
    display: inline-block;
    padding: 15px;
    margin: 5px 0;
    background: #026e97;
    color: #fff;
    border-radius: 3px;
    font-size: 20px;
    }
li.payment_method_tile:hover{list-style:none;background:#0075ba;cursor:pointer;}

li.payment_method_tile.payment_method_tile_selected{background-color:#4caf50; list-style:none; }


#payment_method ul li, #payment_method ul li{
    padding: 10px;
    list-style: none;
    position: relative;
    width: 180px;
    height:60px;
    display: inline-block;
background:#efefef    }

.payment-tile {background:#efefef;padding:20px;text-align:center}
.payment-tile p {white-space: initial;}
.payment-tile .icon i{font-size:30px;}

#payment_method input[type=radio] {
    /* display: none; */
	-webkit-appearance:none;
    position: absolute;
    width: 100%;
    z-index: 1;
    height: 100%;
    border: none;
}

#payment_method input[type=radio]:focus {
  outline: none;
/* position:absolute; */
}

#payment_method input[type=radio]+label {
    padding: 8px;
    /* width: 140px; */
    /* height: 100px; */
    /* line-height: 40px; */
    text-align: center;
    /* border: 1px solid #ccc; */
    white-space: nowrap;
}
#payment_method input[type=radio].stored_payment_select:checked+label {
    /* border: 1px solid #7089bd; */
    cursor: pointer;
	background:#b5edb4;
    color: #7089bd;
}
input[type=radio].stored_payment_select+label {
padding: 8px;
    width: 180px;
    height: 60px;
    text-align: center;
    white-space: nowrap;
    position: absolute;
	top:0;
	left:0;    
}
input[type=radio].stored_payment_select:checked+label, input[type=radio].stored_payment_select:hover+label:hover {
    /* border: 1px solid #7089bd; */
    cursor: pointer;
    color: #7089bd;
}