/* =============================================================================================
	BASE STYLES AND LAYOUT
============================================================================================= */

/* ------------------------------------------------------------------------ Page Styles & Resets */

html {
	position: relative; /*for sticky footer*/
  	min-height: 100%;
}

body {
	font: normal 100%/1.6 'Poppins', sans-serif; 
	color: #000;	
	background-color: #FFF;
} 

.LanguageToggle{
  margin-right: 0px !important;
}

li.hide--arrows::before{
}

.nopad{
  padding: 0 !important;
}

button{
cursor: pointer;
}

.umb-rte .collapse:not(.show) {
    display: block!important;
} 

.umb-rte .accordion-item {
    border-bottom: 1px solid #e7e7e7;
    padding-bottom: .5rem;
    margin-bottom: 1rem;
}

.umb-rte .accordion-header {
    margin-bottom:0;
}

.umb-rte .accordion-button {
    border: none;
    background-color: transparent;
}



@media (min-width: 992px) {
	/*offset sticky footer*/
	.body--sticky-footer {
		padding-bottom: 260px; /*This will change depending on the height of the footer*/
	}

	/*if the header is fixed, add this class to the body*/
	.body--fixed-header {
		padding-top: 74px; /*This will change depending on the height of the header*/
	}
}


.goog-te-gadget-simple {
    padding-top: 7px !important;
    padding-bottom: 7px !important;
    font-size: 7pt;
}
.goog-te-gadget-simple .goog-te-menu-value span{
	font-size: 7pt;
}

/* ------------------------------------------------------------------------ Keyboard Accessibility */

.skip-link { 
	position:absolute; 
	left:-10000px; 
	top:0; 
	width:1px; 
	height:1px; 
	overflow:hidden;
	background-color: #666;
	color: #fff;
	font-size: 0.875rem;
	text-decoration:none;
	z-index: 1100;
	padding:0.5rem 0.625rem; 
} 

.skip-link:focus, .skip-link.sr-only-focusable:active, .skip-link.sr-only-focusable:focus {
	position: absolute; 
	outline: none; 
	left:0;
	outline: none; 
	width:auto; 
	height:auto;
} 

.skip-link:hover {
	color: #fff;
	background-color: #777;
}

a:focus, .carousel-control-next:focus,.carousel-control-prev:focus, .btn:focus, .carousel__link:focus .carousel__btn, .form-control-file:focus {
	outline: solid thin rgba(0, 0, 0, 0.5);
	box-shadow: none;
} 

.sidenav__header-link:focus, .card__header-link:focus {outline: solid thin rgba(255, 255, 255, 0.5);}

a:hover, a:active { outline: none !important; } /*...not with mouse (kinda) */


/* ------------------------------------------------------------------------ Headers */

h1, h2, h3, .h1, .h2, .h3  { 		
    font-weight: lighter;
    line-height:1.4;
    color: #000;
    font-family:  'Montserrat-ExtraBold', arial, serif;
}	

h1, .h1 {	
  font-size: 1.4rem;
}
	
h2, .h2 {
    font-size: 1.2rem;
}
		
h3, .h3 { 
  font-size: 1.1rem; 
  font-weight: lighter;
  color: #000;
  font-family:  'Montserrat-ExtraBold', arial, serif;
}

h5, .h5 {
font-size:0.83em
}
  
.image__container{
  width: 100%;
  display: inline-block;
  text-align: center;
  margin-bottom: 8px;
}
.image__container h1{
  float:left;
  width: 100%;
  text-align: left;
  margin: 0;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}
.image__container img{
  max-width: 250px;
  display: inline-block;
}

.heading--blue {
	font-size: 2rem;
	font-weight: 500;
	color: #1a1966;
}

.nav-link
{
    padding: .5rem 10px;
}
	
/* ------------------------------------------------------------------------ Lists */

ul {
    list-style: black;
    margin: 20px auto;
    margin-top: auto;
    list-style-type: disc;
    margin-bottom: auto;
}

ul li {
    font-weight: 400;
    line-height: 20px;
    font-weight: lighter !important;
    font-size: 13px;
    font-family: 'Montserrat-SemiBold', arial, serif;
}

.product ul, .list {
    list-style: none;
    list-style-position: outside;
    padding-left: 0;
}

    .product ul li, .list__item {
        /*padding: 0 0 0.25rem 1rem;*/
    }

    .product ul ul, .list__sub-list {
        margin-top: 0.25rem;
    }


    .product ul ol {
        padding-left: 1.375rem;
        margin-top: 0.25rem;
    }

        .product ul ol li {
            background-image: none;
            padding-left: 0;
        }
.product ol {
	padding-left: 1rem;
}

    .product ol li {
        padding-bottom: 0.25rem;
    }

    .product ol ol {
        padding-left: 2.25rem;
        margin-top: 0.25rem;
    }

    .product ol ul {
        margin-top: 0.25rem;
    }

.product li:last-child {
    padding-bottom: 0;
}
		
					
/* ------------------------------------------------------------------------ Other Base Text Styles */

.color-inherit {
	color: inherit;
}	

.text-muted {
	color: #888!important;
}

.intro-text {
	font-size:1rem !important;
	font-weight: 300;
  margin-bottom: 6px;
}
.intro-text img {
  font-size: 20px;
  line-height: 20px;
  width: 17px;
  margin-right: 15px;
}
.intro-text a {
    text-decoration: none;
}
.intro-text a:hover {
    text-decoration: none;
}


.icon-width{
  width: 40px;
}
.rem-1{
  font-size: 1rem !important;
}
.rem-1 p{
  font-size: 1rem !important;
}

sup, sub {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup { 
	top: -0.5em; 
}

sub { 
	bottom: -0.25em; 
}

@media (min-width: 992px) {	

	.intro-text {

		line-height: 1.5;
  }	
}
@media(max-width: 767px)
{
  .rem-1{
    font-size: 1rem;
  }
  .icon-width {
    width: 30px;
}
.contact__page .section
{
  padding: 20px 0% !important;
}
.contact__page .btn {
  min-width: 100%;
}
}

	
/* ------------------------------------------------------------------------ Links */

a { 
	color: #666; 
	font-weight: 200;
	transition: all 0.25s;
}	

a:hover {
	text-decoration: underline;
	color: #777;
}

main a { 
	word-wrap: break-word; 
}

a img {
	border: none;
	-webkit-backface-visibility: hidden;
    -webkit-transform: translateZ(0) scale(1.0, 1.0);
	transition: opacity 0.25s;
}				

a img:hover { 
	opacity: .9;
}		

.btn {
	border-radius:0;
	text-transform: uppercase;
	cursor: pointer;
}

.btn-group-lg>.btn, .btn-lg {
	font-size: 1.125rem;
}

.btn-primary {
  background-color: #8dc53e;
  border-color: #cacaca;
	font-weight: 600;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
	background-color: #777;
	border-color: #777;
	box-shadow: none;
}

.btn-secondary {
  color: #8dc53e;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  margin: 0;
  margin-top: 10px;
  font-size: 19px;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
  background-color: transparent;
  border-color: transparent;
    float: left;
}

.btn-secondary:hover,
.btn-secondary:active,
.btn-secondary:not([disabled]):not(.disabled).active, 
.btn-secondary:not([disabled]):not(.disabled):active, 
.show>.btn-secondary.dropdown-toggle {

  -webkit-transform: translate(12px, 0);
          transform: translate(12px, 0);
  background-color: transparent;
  border-color: transparent;
   color: #8dc53e;
}

.product .btn-secondary {
  width: 100%;
  text-align: center;
}

.btn--rounded {
	border-radius:100rem;
}

.btn--outline {
	background-color: transparent;
	border: 2px solid #666;
}

.btn--outline:hover,
.btn--outline:active,
.btn--outline:not([disabled]):not(.disabled).active, .btn--outline:not([disabled]):not(.disabled):active, .show>.btn--outline.dropdown-toggle {
	background-color: transparent;
	border-color: #777;
	box-shadow: none;
}

.btn--readmore {
	color: #800000;
	font-weight: 500;
}

.btn--readmore::after {
}

.carousel__link:hover .carousel__btn {
	background-color: transparent;
	border-color: #777;
}



/* ------------------------------------------------------------------------ Images */
	
img {
	max-width: 100%;
	height: auto!important; 
}

   .image-float-left, .image-float-right { 
	margin: .5rem 0 1rem 0;	
}

@media (min-width: 576px) {	
	.image-float-left {
		float: left;
		margin: .5rem 1.5rem .375rem 0;
		max-width:50%;
		}
		
	.image-float-right {
		float: right;
		margin: .5rem 0 .375rem 1.5rem;
		max-width:50%;
		}
}

@media (min-width: 768px) {	
	.image-float-left, 
	.image-float-right { max-width:33%; }
}	

	
/* ------------------------------------------------------------------------ SVG's */

svg {
	width: 1rem;
	height: 1rem;
}	
	

/* ------------------------------------------------------------------------ Horizontal Rules */

hr, .hr { 
	margin: 1.5rem auto;
}	

@media (min-width: 768px) {

	hr, .hr {
		margin: 2rem auto;
	}

}	



/* =============================================================================================
	HEADER
============================================================================================= */

.print-header { display:none; }
	
.logo { 
	flex: 1;
	display: block;
}

.logo__img {
	max-width: 14rem; 
	width: 100%;
}

.header {
	border-bottom: 1px solid #ddd;
}

.header--fixed-top {
	transition: background-color .5s;
}

.header__content {
	margin-top: 0.75rem;
}


@media (min-width: 768px) {	
		
	.logo__error-page {
		margin:1.5rem auto 2.5rem auto;
		float: none;
	}

}

@media (min-width: 992px) {	

	.header__content { 
		margin-top: 0;
		margin-left:1.5em;
	}

	.header--fixed-top {
		position: fixed;
	    top: 0;
	    right: 0;
      left: 0;
      padding: 0 !important;
	    z-index: 1040;    
	}

}

@media (min-width: 1200px) {	

	.header__content { 
		margin-left:2em;
	}

}


.header--dark {
	border-bottom: none;
	background-color: #fff;
}

@media (min-width: 992px) {	

	.header--dark-transparent-lg {
		background-color: #fff;
		-webkit-box-shadow: 0px 8px 14px -9px rgba(0,0,0,0);
		-moz-box-shadow: 0px 8px 14px -9px rgba(0,0,0,0);
		box-shadow: 0px 8px 14px -9px rgba(0,0,0,0);
	}

	.header--dark-transparent-lg.header--scroll {
		background-color: #fff;
		-webkit-box-shadow: 0px 8px 14px -9px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 8px 14px -9px rgba(0,0,0,0.75);
		box-shadow: 0px 8px 14px -9px rgba(0,0,0,0.75);
	}

}

		
/* ------------------------------------------------------------------------ TopLinks */

.top-links { 
	padding-bottom: 0.5rem;
}

.top-links__link { 
	text-decoration:none;
	font-size: 0.8rem;
	font-weight: 300;
	padding: 0 0.5rem;
	color: #444;
}

.top-links__link:hover {
	text-decoration:underline;
	color: #777 ;
}	

@media (min-width: 768px) {
		
	.top-links__link {
		font-size: 0.9375rem;
	}

}

@media (min-width: 992px) {

	.top-links {
		padding: 0;
	}

	.top-links__link:last-child { 
		padding-right: 0;
	}

}


/* ------------------------------------------------------------------------ Seach Area */

.search-form__input {
	border-radius: 0;
	border-right: 0;
}

.search-form__btn {
	position: relative;
	width: 3rem;
	padding: .5rem .75rem;
	border-radius: 0;
	background: transparent;
    border: solid 1px #ddd;
}

.search-form__btn:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	background: url(../../images/search-icon.svg) no-repeat center;
	background-size: 1.25rem auto;
	width: 100%;
	height: 100%;

}


/* ------------------------------------------------------------------------ Navbar Nav */

.header--fixed-top {
  position: fixed;
    top: 0;
    right: 0;
    left: 0;
    padding: 0 !important;
    z-index: 1040;    
}

.navbar-nav--dark .nav-link {
	color: #fff;
	border-bottom: 1px solid #333;
}

.navbar-nav--dark .dropdown-menu {
	background-color: #222;
}

.navbar-nav--dark .dropdown-item {
	color: #fff;
	border-bottom: 1px solid rgba(255,255,255,.1);
}

.navbar-nav--dark .dropdown-item:active {
	color:#fff;
}

.navbar-nav--dark  .dropdown-item:focus {
	background-color:#222;
}

.navbar-nav--dark .dropdown-menu .dropdown-menu {
	background-color: #333;
}

.navbar-nav--dark:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav--dark:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    background-image: url(../../images/arrow-right-white.svg);
}

@media (min-width: 992px) {	

	.navbar-nav--dark .nav-link {
		border-bottom: 0;
	}

}


.navbar-toggler--dark .navbar-toggler-icon {
}

.navbar-toggler--dark[aria-expanded="true"] .navbar-toggler-icon {
    background-image: url(../../images/menu-icon-open-reverse.svg);
}



.navbar-nav .nav-link {
	border-bottom: 1px solid #ddd;
	color: #444;
	text-transform: uppercase;
	padding: .625rem 0;
}

.navbar-nav .nav-item {
	background-image: none;
	padding: 0;
}

.navbar-nav .dropdown-menu {
	border: 0;
	padding-top: 0;
	background-color: #eee;
	border-radius: 0;
	margin:0;
	padding:0;
}

.navbar-nav .dropdown-menu li.active > .dropdown-item {
	color: #666;
	font-weight: 200;
}

.navbar-nav .dropdown-item {
	border-bottom: 1px solid #fff;
	padding: .625rem 1.5rem;
}

.navbar-nav li:last-child > .dropdown-item {
	border-bottom: none;
}

.navbar-nav li {
	padding: 0;
	background-image: none;
}

.navbar-nav .dropdown-item:hover {
	background-color: rgba(0,0,0,.1);
}

.navbar-nav .dropdown-item:active {
	color:#444;
}

.navbar-nav .dropdown-item:focus {
	background-color:#eee;
}

.navbar-nav .dropdown-menu .dropdown-menu {
	background-color: #ddd;
}

.navbar-nav.sm-collapsible .dropdown-menu .dropdown-menu {
	margin:0;
}

.navbar-nav .dropdown-item .dropdown-item {
	background-color: inherit;
}

.navbar-nav:not(.sm-collapsible) .nav-link .sub-arrow {
	display: none;
	border:0;
}

.navbar-nav.sm-collapsible .sub-arrow {
	border: none;
	width: 2rem;
	margin-right: 0;
}

.navbar-nav:not(.sm-collapsible) .dropdown-item .sub-arrow, .navbar-nav:not(.sm-collapsible):not([data-sm-skip]) .dropdown-menu .dropdown-toggle::after {
    border: none;
    width: .625rem;
    height: .625rem;
    background-image: url(../../images/arrow-right-gray.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: .625rem .625rem;
}


@media (min-width: 992px) {	

	.navbar {
		margin-top: 0; 
	}

	.navbar-nav .nav-item.active .nav-link {
		position: relative;
	}

	.navbar-nav .nav-item.active .nav-link:after {
		content: "";
		position: absolute;
		bottom: -1px;
		left: 0;
		width: 100%;
		height: 4px;
    	transition: border-color 0.25s;
	}

	.navbar-nav .nav-item.active:hover .nav-link:after {
		border-color: #777;
	}

	.navbar-nav .nav-link {
		padding: .5rem 0!important;
		font-size: 1.1rem;
		border-bottom: 0;
		font-weight: 200;
	}
	.navbar-nav .nav-item:last-child .nav-link {
		margin-right:0; 
	}

	.navbar-nav .dropdown-menu {
		padding: 0;
		min-width: 15rem !important;
	}

}

@media (min-width: 1200px) {

	.navbar-nav .nav-link {
		margin-right: 1.1rem;
	}

}


.slider--blocks .nav.nav-pills svg {
	width: 4.5rem;
    height: 4.5rem;
    position: absolute;
    top: 38%;
    left: 50%;
    transform: translate(-50%,-50%);
	fill: #fff;
}

.slider--blocks .nav.nav-pills span {
	position: absolute;
	top: 80%;
    left: 50%;
    transform: translate(-50%,-50%);
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 1px;
	font-size: 1rem;
    max-width: 12em;
    text-align: center;
    width: 100%;
	font-weight: 300;
}

@media (max-width: 1200px) {
	.slider--blocks .nav.nav-pills span {
	font-size: 0.8rem;
	}
}


.dropdown-toggle::after {
   display:none
}


/* ------------------------------------------------------------------------ Navbar Toggler */

.navbar-toggler {
	padding: 0 0 0 1rem;
	border: none;
	cursor: pointer;
}

@media (min-width: 992px) {

	.navbar-toggler {
		display: none;
	}

}



/* =============================================================================================
	MAIN CONTENT AREA
============================================================================================= */

@media (min-width: 992px) {		
	
	.aside {
		padding-left: 1rem
	}
	
	.main--full-width {
		width: 100%;
		padding-left: 0;
	}

	/* main p,
	main li,
	label,
	table {
		font-size: 1.125rem;
	}	
					 */
}


/* ------------------------------------------------------------------------ Sidenav */

.sidenav {
	background-color: #eee;
}

.sidenav.sticky-top {
	top: 102px; /*This will change depending on the height of the header*/
}

.sidenav__header {
	padding: .75rem 1.25rem;
	background-color: #222;
}

.sidenav__header-link {
	color: #fff;
	display: block;
	transition: all 0.25s;
}

.sidenav__header-link:hover {
 	color: #777; 
 	text-decoration: none;
}

.sidenav__list {
	list-style: none;
}

.sidenav__item {
	line-height: 1.4;
	padding: 0;
	border-top: 1px solid #fff;
	background-image: none;
}

.sidenav__item.active > .sidenav__link {
    color: #666;
    font-weight: 200;
}

.sidenav__link {
	display: block;
	font-size: 1rem;
	padding: .75rem 1.5rem;
	color: #444;
	font-weight: 200;
}

.sidenav__link:hover { 
	background-color: rgba(0,0,0,.1);
	color: #444;
	text-decoration: none;
}

.sidenav__sub-list {
	background-color: #ddd;
	margin:0;
}

.sidenav__sub-list .sidenav__item { 
	background: url(/images/arrow-right-gray.svg) no-repeat 2rem 1.125rem;
	background-size: 0.625rem 0.625rem;
}

.sidenav__sub-list .sidenav__link {
	padding-left: 3rem ;
}


@media (max-width: 992px) {

	.sidenav.sticky-top {
		position: static; /*disable on smaller screens*/
	}

}


.slider--blocks {
	position: absolute;
	bottom: -4.2em;
	left: 50%;
	transform: translate(-50%,-50%);
}

.slider--blocks ul li {
	background: #363636;
	padding: 3em 0;
}

.slider--blocks ul li a {
	padding: 3em 5em;
	position: relative;
}

.slider-active {
	background: #1a1966 !important;
}


@media (max-width: 1200px) {
	.slider--blocks ul li a {
	padding: 3em 4.3em;
	}
}

@media (max-width: 991px) {
	.slider--blocks {
		position: relative;
		bottom: 0em;
		left: 0%;
		transform: none;
	}
	
	.slider--blocks.container {
		max-width: 100%;
	}


	.slider--blocks ul li a {
		padding: 3em 4.3em;
		display: block;
		width: 100%;
	}
}


@media (max-width: 767px) {
	.slider--blocks ul li {
		width: 100%;
	}
}


/* ------------------------------------------------------------------------ Sections */

.section { 
	padding: 2rem 0;
}

.section--grey {
	background-color: #eee;
}

.section--gradient {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#c8c8c8+0,ffffff+100 */
	background: #c8c8c8; /* Old browsers */
	background: -moz-linear-gradient(top, #c8c8c8 0%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #c8c8c8 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #c8c8c8 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}

.section--darkgrey {
	background-color: #ddd;
}

@media (min-width: 768px) {	

	.section { 
		padding: 4rem 0; 
  }
}


/* ------------------------------------------------------------------------ Carousel */	

.carousel__link {
	display: block;
}

.carousel__btn {
	transition: all 0.25s;
}

.carousel__link:hover .carousel__btn {
	background-color: #777
}

.carousel__image {
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	min-height: 15rem;
	background-color: #ddd;
	transition: opacity 0.25s ease-in-out;
}

.carousel__link:hover .carousel__image {
	opacity: .9;
}

.carousel__heading {
    font-size: 1.75rem;
    line-height: 1.3;
    font-weight: 200;
    margin-bottom:.5rem;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.carousel__link:hover {
	text-decoration: none;
}

.carousel__subheading {
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
	font-weight:200;
	font-size: 2.2em;
}

.carousel-indicators {
	display: none;
}

.carousel-caption { 
    max-width: 71rem;
    margin: 0 auto;
    padding: .5rem 1rem;
    transition: all 0.25s;
}

.carousel-control-next, .carousel-control-prev {
	align-items: stretch;	
}

.carousel-control-next-icon, .carousel-control-prev-icon {
	width: 2rem;
	height: 2rem;
	margin-top: 6.5rem;
	transition: all 0.25s;
}

.carousel-control-prev-icon {
	background-image: url(/images/carousel-control-prev-icon-white.svg);
}

.carousel-control-next-icon {
	background-image: url(/images/carousel-control-next-icon-white.svg);
}


@media (min-width: 576px) {	

	.carousel__image {
		min-height: 18rem;
	}

	.carousel-control-next-icon, .carousel-control-prev-icon {
		margin-top: 8rem;
	}

	.carousel-control-prev:hover {
	padding-right: .75rem;
	}

	.carousel-control-next:hover {
		padding-left: .75rem;
	}

}



@media (min-width: 992px) {	

	.carousel__image {
		min-height: auto;
		height: 0;
		padding-bottom: 34%;
	}

	.carousel__link:hover .carousel-caption {
		transform: translateY(-.375rem);
	}

	.carousel__image:after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 100%;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.25+100 */
		background: -moz-linear-gradient(top, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0.5) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(0,0,0,0.5) 0%,rgba(0,0,0,0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
		z-index: 1;
	}
	
	.carousel__heading {
		font-size: 2.5rem;
	}

	.carousel-control-next, .carousel-control-prev {
		align-items: center;
	}

	.carousel-control-next-icon, .carousel-control-prev-icon {
		width: 3rem;
		height: 3rem;
		margin-top:0;
	}

}

@media (max-width: 992px) {	

	.carousel-caption {
		position: relative;
		right: auto;
		left: auto;
		bottom: auto;
		background-color: #222;
	}

}

@media (min-width: 1200px) {

	.carousel__image {
		padding-bottom: 30%;
	}

}

@media (min-width: 1920px) {

	.carousel__image {
		min-height: 36rem;
		padding-bottom: 0;
	}

}


@media (min-width: 992px) {	
	
	.carousel--100vh {
	 	height:100vh; 
	}

	.carousel--100vh .carousel__image {
		height: 100vh;
		padding-bottom: 0;
	}

	.carousel--100vh .carousel-caption {
		bottom:50%;
		transform: translateY(50%);
	}

	.carousel--100vh .carousel__link:hover .carousel-caption {
		transform: translateY(45%);
	}

	.carousel__heading--lg { 
		font-size: 7em;
	}

}


/* ------------------------------------------------------------------------ Jumbotron/banner */

.jumbotron {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	padding: 0;
	margin-bottom: 0;
	min-height: 15rem;
	background-color: #ddd;
}


#jumbotron-caption {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.25+100 */
		background: -moz-linear-gradient(right, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(right, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to left, rgba(0,0,0,0) 0%,rgba(0,0,0,0.6) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#40000000',GradientType=0 ); /* IE6-9 */
    z-index: -1;
}


.container-fluid h1 {
	font-size: 1.7rem;
	text-align:center;
}
	
.container-fluid {
	padding: 6.5rem 3rem;
	transition: all 0.25s;
	color: #fff;
	position: relative;
	z-index: 2;
}

.mt-insidepage h1 {
	font-size: 2.5rem;
}

@media (min-width: 576px) {	

	.jumbotron {
		min-height: 14rem;
	}
	.container-fluid h1 {
		font-size: 2.5rem;
		text-align:center;
	}

}

@media (min-width: 992px) {	
	
	.jumbotron {
		min-height: 22rem;
	}
	
	.container-fluid {
	padding: 11.5rem 3rem;
	}
	
	.container-fluid h1 {
		font-size: 3.5rem;
		position: relative;
		top: 3.5rem;
	}
	
	.mt-insidepage h1 {
		font-size: 3.5rem;
	}

}

@media (min-width: 1200px) {	

	.jumbotron {
		min-height: 24rem;
	}

}


/* ------------------------------------------------------------------------ Callouts */

.callout-group { padding-top: .5rem; }

.callout-group__callout {
	display: block;
	font-weight: 200;
	position: relative;
	color: inherit;
	cursor:pointer;
}

.callout-group__callout:hover {
	text-decoration: none;
	color: inherit;
}

.callout-group__image {
	height: 0;
	padding-bottom: 63%;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.25s ease-in-out;
}

.callout-group__callout:hover .callout-group__image {
	opacity: 0.9;
	transform: scale(1.01);
}

.callout-group__heading {
	margin-top: 1rem;
	font-weight: 400;
	text-align: center;
	transition: all 0.25s;
}

.callout-group__callout:hover .callout-group__heading{
	color: #777;
}

.callout-group__text {
	font-size: 1rem;
	text-align: center;
	color: #888;
}


.callout-group__icon {
	height: 0;
	width: 5em;
	padding-bottom: 5em;
	margin:0 auto;
	background-repeat: no-repeat;
	background-size: cover;
	transition: all 0.25s ease-in-out;
}

.callout-group__callout:hover .callout-group__icon {
	opacity: 0.9;
	transform: translateY(-.5em);
}



.callout-group__callout--blog:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.25);
}

.callout-group__callout--blog .callout-group__caption {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    color: #FFF;
    text-align: center;
    width: 100%;
    margin: 0;
    padding: 0 1rem;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.25);
}

.callout-group__callout--blog:hover .callout-group__heading{
	color: #fff;
}



/* ------------------------------------------------------------------------ Cards */

.card {
    background-color: rgba(255,255,255,0);
    border: 0;
    border-radius: 0;
}

.card-img-top {
    width: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

.card, .card-header:first-child  {
	border-radius: 0;
}

.card:hover {
	text-decoration: none;
}

.card-header {
	background-color: #222;
    border-bottom: 0;
    color: #fff;
    font-weight: 200;
}

.card__header-link {
	color: #fff;
	display: block;
	transition: all 0.25s;
}

.card__header-link:hover {
 	color: #777; 
 	text-decoration: none;
}

.card__header-no-link {
	transition: all 0.25s;
}

.card:hover .card__header-no-link {
	color: #777;
}

.card-text {
	font-size: 1rem;
	font-weight: 200;
	color: #444;
}

.card__date, .card:hover .card__date {
	color: #888;
}

.card-text small {
	font-size: 90%;
}

.card-body {
    padding: 1.25rem 0;
}

.card-title {
	font-weight: 200;
}

.card-date {
	font-weight: lighter;
}


/* ------------------------------------------------------------------------ List Group */

.list-group__link {
	display: block;
	font-weight: 200;
	transition: all 0.25s;
	padding: 1.0rem 1.25rem;
}

.list-group__link:hover {
	text-decoration: none;
	background-color: #f8f8f8;
}

.list-group__link:hover .list-group__heading {
	text-decoration: underline;
}

.list-group-item, .list-group-item:last-child {
	padding: 0;
	background-image: none;
}


.list-group-item.active {
	background-color: #666;
    border-color: #666;
}


/* ------------------------------------------------------------------------ Pagination */

.page-item {
	font-size: 1rem;
	background-image: none;
	padding: 0;
}

.page-link {
	font-weight: 200;
	color: #666;
}

.page-item.active .page-link {
	background-color: #666;
	border-color: #666;
}


/* ------------------------------------------------------------------------ Tables */

.table {
	background-color: #fff;
}

.table .thead-dark th {
	background-color: #222;
    border: none;
}

.table td, .table th {
    border-top: 1px solid rgba(0,0,0,.125);
    font-size:13px
}

.table-striped tbody tr:nth-of-type(odd) {
    background-color: #f8f8f8;
}

.table td {vertical-align: middle;}

.table-md td, .table-md th {padding: .5rem;}

.table .custom-control {
	margin: 0;
	padding-left: 1.5rem;
    }
		

/* ------------------------------------------------------------------------ Forms */
	
legend { font-size: 1.25rem;}

.required-input {
	color: #e7004c !important;
	font-size: 0.875rem;
	font-weight:regular;
}

.form-text {
	font-style: italic;
	font-size: 80%;
    font-weight: 200;
    }

.form-control {
	border-radius:0;
	border-color: #ddd;
	padding: .35rem .75rem;
}

.form-control:focus {
	box-shadow: none;
	border-color: rgba(0, 0, 0, 0.5);
}

select.form-control:not([size]):not([multiple]) {
    height: calc(2.5rem + 2px);
}

.form-control-file {cursor: pointer;}

/*custom radio and checkbox*/
.custom-control {
	padding-left: 1.75rem;
	margin-bottom: 0;
	cursor: pointer;
}

.custom-control-description {
	font-weight: 200;
}

.custom-control-indicator {
	top: .375rem;
	width: 1.125rem;
    height: 1.125rem;
    background-color: #f8f8f8;
    border: 1px solid #ddd;
    border-radius: 2px;
}

.custom-control-input:checked~.custom-control-indicator {
	background-color: #666;
	border-color: #666;
}

.custom-control-input:focus ~ .custom-control-indicator {
    box-shadow: none;
    border-color: #000;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0 30px white inset;
}		


			
/* =============================================================================================
	FOOTER
============================================================================================= */

.print-footer { 
	display:none;
}

.footer { 
	padding: 2rem 0;
	border-top: 1px solid #ddd;
}

.footer__rkd {
	display: inline-block;
	width: 5.625rem; 
}

.footer__copyright {
	margin-bottom: 0;
	font-size: 0.875rem;
	color: rgba(255,255,255,0.5);
	color: rgba(0,0,0,0.75);
}	

.footer__link {
	margin-right: 1rem;
	text-transform: uppercase;
	}	
		
.footer__icon {
	display: inline-block;
	width: 1.125rem;
    height: 2.125rem;
	margin: 0 .5rem 0 0;
	background-repeat: no-repeat;
	background-position: center center;
	/*border: 1px solid #ddd;
	border-radius:50%;*/
	background-size: 2.5rem 2.5rem;
}

.footer__icon:hover { 
	background-color: #eee;
}

.footer__icon--twitter { 
	background-image: url(/images/twitter.svg); 
}
	
.footer__icon--facebook { 
	background-image: url(/images/facebook.svg); 
}
	
.footer__icon--youtube { 
	background-image: url(/images/youtube.svg); 
}		
			
.footer__icon--instagram { 
	background-image: url(/images/instagram.svg); 
}		

.footer__icon--linkedin { 
	background-image: url(/images/linkedin.svg); 
}

.footer a {
	font-weight: 200;
	display: block;
}
	
@media (min-width: 992px) {

	.footer {
		height: 260px;
		overflow: hidden;
		width: 100%;
		position: absolute;
	    bottom: 0;
	    right: 0;
	    padding: 3rem 0;
	}

}



.card--image {
	min-height: 15em;
    height: 100%;
    width: 100%;
}


@font-face {
  font-family: 'DaxCondensed-Medium';
  src: url("/images/fonts/DaxCondensed-Medium/DaxCondensed-Medium.eot");
  src: local("LinotypeRory-Oblique"), local("LinotypeRory-Oblique"), url("/images/fonts/DaxCondensed-Medium/DaxCondensed-Medium.ttf") format("truetype"), url("/images/fonts/DaxCondensed-Medium/DaxCondensed-Medium.svg") format("svg");
  font-weight: lighter;
  font-style: normal; 
}

@font-face {
  font-family: 'LinotypeRory-Oblique';
  src: url("/images/fonts/LinotypeRory-Oblique/LinotypeRory-Oblique.eot");
  src: local("LinotypeRory-Oblique"), local("LinotypeRory-Oblique"), url("/images/fonts/LinotypeRory-Oblique/LinotypeRory-Oblique.ttf") format("truetype"), url("/images/fonts/LinotypeRory-Oblique/LinotypeRory-Oblique.svg") format("svg");
  font-weight: lighter;
  font-style: normal; 
}

/* @font-face {
  font-family: 'Montserrat-SemiBold';
  src: url("/images/fonts/Montserrat/Montserrat-SemiBold.eot");
  /* IE9 Compat Modes */
  /* src: url("/images/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/images/fonts/Montserrat/Montserrat-SemiBold.woff2") format("woff2"), url("/images/fonts/Montserrat/Montserrat-SemiBold.woff") format("woff"), url("/images/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("/images/fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg"); */
  /* Legacy iOS */
/* }  */

@font-face {
  font-family: 'Montserrat-SemiBold';
  src: url("/images/fonts/Montserrat/Montserrat-SemiBold.eot");
  /* IE9 Compat Modes */
  src: url("/images/fonts/Montserrat/Montserrat-SemiBold.eot?#iefix") format("embedded-opentype"), url("/images/fonts/Montserrat/Montserrat-SemiBold.ttf") format("truetype"), url("/images/fonts/Montserrat/Montserrat-SemiBold.svg#Montserrat-SemiBold") format("svg");
  /* Legacy iOS */
  font-weight: lighter;
  font-style: normal; 
}

/* @font-face {
  font-family: 'Montserrat-Black';
  src: url("/images/fonts/Montserrat/Montserrat-Black.eot");
  /* IE9 Compat Modes */
  /* src: url("/images/fonts/Montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/images/fonts/Montserrat/Montserrat-Black.woff2") format("woff2"), url("/images/fonts/Montserrat/Montserrat-Black.woff") format("woff"), url("/images/fonts/Montserrat/Montserrat-Black.ttf") format("truetype"), url("/images/fonts/Montserrat/Montserrat-Black.svg#Montserrat-Black") format("svg"); */
  /* Legacy iOS */
/* } */

@font-face {
  font-family: 'Montserrat-Black';
  src: url("/images/fonts/Montserrat/Montserrat-Black.eot");
  /* IE9 Compat Modes */
  src: url("/images/fonts/Montserrat/Montserrat-Black.eot?#iefix") format("embedded-opentype"), url("/images/fonts/Montserrat/Montserrat-Black.ttf") format("truetype"), url("/images/fonts/Montserrat/Montserrat-Black.svg#Montserrat-Black") format("svg");
  /* Legacy iOS */
  font-weight: lighter;
  font-style: normal; 
}

/* @font-face {
  font-family: 'Montserrat-ExtraBold';
  src: url("/images/fonts/Montserrat/Montserrat-ExtraBold.eot");
  /* IE9 Compat Modes */
  /* src: url("/images/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/images/fonts/Montserrat/Montserrat-ExtraBold.woff2") format("woff2"), url("/images/fonts/Montserrat/Montserrat-ExtraBold.woff") format("woff"), url("/images/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"), url("/images/fonts/Montserrat/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg"); */
  /* Legacy iOS */
/* }  */

@font-face {
  font-family: 'Montserrat-ExtraBold';
  src: url("/images/fonts/Montserrat/Montserrat-ExtraBold.eot");
  /* IE9 Compat Modes */
  src: url("/images/fonts/Montserrat/Montserrat-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/images/fonts/Montserrat/Montserrat-ExtraBold.ttf") format("truetype"), url("/images/fonts/Montserrat/Montserrat-ExtraBold.svg#Montserrat-ExtraBold") format("svg");
  /* Legacy iOS */
  font-weight: lighter;
  font-style: normal; 
}

.hide--overflow--temp {
  overflow: hidden !important;
}

.body--sticky-footer {
  padding-bottom: 0;
}

.footer {
  padding-bottom: 0;
  float: left;
  width: 100%;
}

.section--topborder {
  border-top: 1px solid #dedede;
  padding: 60px 10%;
}



.section--topborder--exploding-animation {
  border-top: 1px solid #dedede;
  padding: 0 10% 60px 10%;
}

@media (min-width: 768px) {
    .section--topborder--exploding-animation {
      padding: 60px 10% 60px 10%;
    }
}

@media (min-width: 992px) {
    .section--topborder--exploding-animation {
      padding: 60px 10% 60px 10%;
    }
}

@media (min-width: 1200px) {
    .section--topborder--exploding-animation {
      padding: 0 10% 60px 10%;
    }
}

@media (min-width: 768px) {
    .container--exploding-animation-title {
        padding:0;
    }
}
    
@media (min-width: 992px) {
    .container--exploding-animation-title {
        position: absolute;
        z-index: 2;
        left: 50%;
        transform: translate(-50%);
        padding:0;
    }
}

@media (min-width: 1200px) {
    .container--exploding-animation-title {
        padding-top: 60px;
    }
}


.section--black {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202020+0,000000+100 */
  background: #202020;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: url(/images/assets/molecules_sherpa.png), linear-gradient(to right, #202020 0%, #000000 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#000000',GradientType=1 );
  /* IE6-9 */
}

.hide--temp {
  visibility: hidden !important;
}

.section--marg10 {
  margin: 0 10%;
}

.section--pad10 {
  padding: 0 10%;
}

.section--topbtm60 {
  padding-bottom: 60px;
  padding-top: 60px;
}

.maxwidth--100 {
  max-width: 100%;
}

.green--text {
  color: #8dc53e !important;
}

.black--text {
  color: #000;
}

.white--text {
  color: #fff;
}

.section--grey {
  background-color: #444444;
}

.header--text {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 2.65vw;
  line-height: 3.3vw;
  margin: 0;
}

.subhead--text {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 1.4vw;
  line-height: 3.3vw;
  margin: 0;
}

.body--text {
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 1.4vw;
  margin: 0;
  margin-top: 20px;
}

.body--link {
  float: left;
  cursor: pointer;
  width: 240px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 1.35vw;
  margin-top: 22px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  -webkit-transition: padding-left .2s ease-in-out;
  transition: padding-left .2s ease-in-out;
}

.container--vw {
  max-width: 80%;
}

.height--100 {
  height: 100%;
}

.mob--hamburger {
  display: none;
}
.remove--toppad{
  padding-top: 5px !important;
}

.contact__page .section {
  padding: 60px 10%;
  background-image: url(/images/assets/molecules_green.png);
  background-repeat: no-repeat;
  background-position: 71vw 44vw;
  background-size: 846px;
  background-position: bottom -16vw right -20vw;
}

.contact__page .contact--hd {
  float: left;
  margin: 0;
  width: 100%;
  border-bottom: 1px solid #e7e7e7;
}


a:hover {
  color: #8dc53e;
}

.contact__page h1 {
  float: left;
  width: 100%;
  color: #000;
  border-bottom: 1px solid #e7e7e7;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}

.contact__page label {
  font-family: 'Montserrat-SemiBold', arial, serif;
}

.btn {
  padding: 10px 10%;
  min-width: 271px;
  border-radius: 5px;
}

.card--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.align--center {
text-align: center;
}
.generic--body h1{
  border-bottom: 1px solid #b7b7b7;
}


body {
  color: #000;
}

header {
  height: 80px;
}

header .logo .logo__img {
  width: 152px;
  margin-top: -5px;
}

header .flex--nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row;
          flex-flow: row;
  height: 100%;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  padding-top: 0px !important;
}

header .flex--nav .nav-item {
  margin: 0;
  margin-left: 15px;
}

header .flex--nav .nav-item span {
  display: none;
}

header .flex--nav .nav-item .nav-link {
  color: #000;
  font-size: 18px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-transform: uppercase;
  font-weight: lighter !important;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  -webkit-transform-origin: 50% 100%;
  font-weight: lighter !important;
  transform-origin: 50% 100%;
}

header .flex--nav .nav-item:hover, header .flex--nav .nav-item:active, header .flex--nav .nav-item:focus {
  background-color: #8dc53e !important;
  color: #fff;
}

header .flex--nav .nav-item:hover, header .flex--nav .nav-item:active, header .flex--nav .nav-item:focus {
  background-color: #8dc53e !important;
  color: #fff;
}

header .flex--nav .nav-item:hover .drop--it, header .flex--nav .nav-item:active .drop--it, header .flex--nav .nav-item:focus .drop--it {
      margin-bottom: -8px;
}

header .flex--nav .nav-item:hover a, header .flex--nav .nav-item:active a, header .flex--nav .nav-item:focus a {
  color: #fff;
  text-decoration: none;
}

header .flex--nav .nav-item:hover .dropdown-menu a, header .flex--nav .nav-item:active .dropdown-menu a, header .flex--nav .nav-item:focus .dropdown-menu a {
  -webkit-transform: scale(1);
          transform: scale(1);
}

header .flex--nav .dropdown {
  border-radius: 0;
  font-family: 'Montserrat-SemiBold', arial, serif;
  color: #000;
}

header .flex--nav .dropdown .dropdown-menu {
    border-radius: 0;
    margin: 0;
    padding-top: 0;
}

header .flex--nav .dropdown .dropdown-menu .active {
background-color: #8dc53e;
color: #fff;
}

header .flex--nav .dropdown .dropdown-menu .active > .dropdown-item {
  color: #fff;
}

header .flex--nav .dropdown .dropdown-menu li {
  font-family: 'Montserrat-SemiBold', arial, serif;
  color: #000;
  padding: 5px 8px;
  text-align: left;
}

header .flex--nav .dropdown .dropdown-menu li a {
  font-family: 'Montserrat-SemiBold', arial, serif;
  color: #000;
  text-align: left;
  padding: 5px 5px;
}

header .flex--nav .dropdown .dropdown-menu li a:hover {
  background-color: #8dc53e;
  color: #fff;
}

header .flex--nav .dropdown .dropdown-menu li:hover, header .flex--nav .dropdown .dropdown-menu li:active, header .flex--nav .dropdown .dropdown-menu li:focus, header .flex--nav .dropdown .dropdown-menu li:hover p, header .flex--nav .dropdown .dropdown-menu li:active p, header .flex--nav .dropdown .dropdown-menu li:focus p {
  background-color: #8dc53e;
  color: #fff;
}

header .flex--nav .dropdown .dropdown-menu li:hover a, header .flex--nav .dropdown .dropdown-menu li:active a, header .flex--nav .dropdown .dropdown-menu li:focus a, header .flex--nav .dropdown .dropdown-menu li:hover p a, header .flex--nav .dropdown .dropdown-menu li:active p a, header .flex--nav .dropdown .dropdown-menu li:focus p a {
  color: #fff;
}

header .flex--nav .dropdown .popout {
  position: relative;
}

header .flex--nav .dropdown .popout .popout-menu {
  font-family: 'Montserrat-SemiBold', arial, serif;
  color: #000;
  border-radius: 0;
  position: absolute;
  left: 100%;
  top: 0;
  width: auto;
  border: 1px solid #d6d6d6;
  display: none;
  background-color: #fff;
  margin: 0;
}

main {
  margin-top: 80px;
}

header .flex--nav .dropdown .popout .popout-menu li {
  font-family: 'Montserrat-SemiBold', arial, serif;
  color: #000;
  padding: 5px 8px;
  text-align: left;
}

header .flex--nav .dropdown .popout .popout-menu li a {
  font-family: 'Montserrat-SemiBold', arial, serif;
  color: #000;
  text-align: left;
  padding: 5px 5px;
}

header .flex--nav .dropdown .popout .popout-menu li a:hover, header .flex--nav .dropdown .popout .popout-menu li a:active, header .flex--nav .dropdown .popout .popout-menu li a:focus {
  background-color: #8dc53e;
  color: #fff;
}

header .flex--nav .dropdown .popout .popout-menu li:hover, header .flex--nav .dropdown .popout .popout-menu li:active, header .flex--nav .dropdown .popout .popout-menu li:focus {
  background-color: #8dc53e;
  color: #000;
}

header .flex--nav .dropdown .popout:hover .popout-menu {
  display: block;
}

 main{
  margin-top: 80px;
}

 .homepage__blackcomb {
  position: relative;
  text-align: center;
}

/* .homepage__blackcomb img {*/
/*  width: 61%;*/
/*}*/


.homepage__blackcomb .exploding-animation-wrapper {
  width: 61%;
  aspect-ratio: 1 / 1.25; 
  margin: 0 auto;
}

.homepage__blackcomb .exploding-animation {
    width:100%;
    height: 100%;
    z-index: 1;
}

.homepage__blackcomb .exploding-animation .trigger {
    fill: #8EC43F;
    pointer-events: bounding-box;
    transform-box:fill-box;
    cursor:pointer;
    transform-origin: 50% 50%;
    transition: all .25s ease;
}

.homepage__blackcomb .exploding-animation .trigger:hover {
    transform: scale(1.5);
}

@keyframes lampkey {
	0% { 
	    transform: translate(0);  
	    opacity:1;
	}
	50% { 
	    opacity:.5;
	}
	100% { 
	    transform: translate(50px,0);  
	    opacity: 0;
	}	
}

@keyframes lampkeyreverse {
	0% { 
	    transform: translate(50px,0);  
	    opacity: 0;
	    
	}
	50% { 
	    opacity:.5;
	}
	100% { 
	    transform: translate(0);  
	    opacity:1;
	}	
}

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


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


@keyframes explode {
	0% { 
	    transform: translate(0);  
	    opacity:1;
	}
	50% { 
	    opacity:.5;
	}
	100% { 
	    transform: translate(0,-900px);  
	    opacity: 0;
	}	
}

@keyframes explodereverse {
	0% { 
	    transform: translate(0,-900px);  
	    opacity: 0;
	}
	50% { 
	    opacity:.5;
	}
	100% { 
	    transform: translate(0);  
	    opacity:1;
	    
	}	
}

@keyframes groundwire {
	0% { 
	    transform: rotate(0deg);  
	    opacity:1;
	}
	100% { 
	    transform: rotate(90deg);  
	    opacity: 0;
	}	
}

@keyframes groundwirereverse {
	0% { 
	    transform: rotate(90deg);  
	    opacity: 0;
	}
	100% { 
	    transform: rotate(0deg);  
	    opacity:1;
	}
}


/*.exploding-animation__elements.active .lamp-external {*/
/*    opacity: 0;*/
/*    animation: cablereverse .375s 2.75s ease forwards;*/
/*}*/

.exploding-animation__elements .ground-wire {
    opacity: 0;
    transform-origin: 490px 342px;
    animation: groundwirereverse .375s 2.75s ease forwards;
}

.exploding-animation__elements .lamp-key {
    opacity: 0;
    animation: lampkeyreverse .375s 2.75s  ease forwards;
}

.exploding-animation__elements .cable {
    opacity: 0;
    animation: cablereverse .5s 2.75s ease forwards;
}

.exploding-animation__elements .lamp-connector {
    opacity: 0;
    animation: explodereverse 1s 1.875s ease forwards;
}

.exploding-animation__elements .gland-nut {
    opacity: 0;
    animation: explodereverse 1s 1.5s ease forwards;
}

.exploding-animation__elements .o-ring {
    opacity: 0;
    animation: explodereverse 1.25s 1.25s ease forwards;
}

.exploding-animation__elements .lamp {
    opacity: 0;
    animation: explodereverse 1.25s 1s ease forwards;
}

.exploding-animation__elements .spring {
    opacity: 0;
    animation: explodereverse 1.25s .5s ease forwards;
}

.exploding-animation__elements .sleeve {
    opacity: 0;
    animation: explodereverse 1.25s  ease forwards;
}



/*.exploding-animation__elements.active .lamp-external {*/
/*    opacity: 1;*/
/*    animation: cable .875s ease forwards;*/
/*}*/

.exploding-animation__elements.active .ground-wire {
    opacity: 1;
    transform-origin: 490px 342px;
    animation: groundwire .875s ease forwards;
}

.exploding-animation__elements.active .lamp-key {
    opacity: 1;
    animation: lampkey .875s ease forwards;
}

.exploding-animation__elements.active .cable {
    opacity: 1;
    animation: cable 1s ease forwards;
}

.exploding-animation__elements.active .lamp-connector {
    opacity: 1;
    animation: explode 1.5s .875s ease forwards;
}

.exploding-animation__elements.active .gland-nut {
    opacity: 1;
    animation: explode 1.5s 1.5s ease forwards;
}

.exploding-animation__elements.active .o-ring {
    opacity: 1;
    animation: explode 1.75s 1.5s ease forwards;
}

.exploding-animation__elements.active .lamp {
    opacity: 1;
    animation: explode 1.75s 1.75s ease forwards;
}

.exploding-animation__elements.active .spring {
    opacity: 1;
    animation: explode 1.75s 2.25s ease forwards;
}

.exploding-animation__elements.active .sleeve {
    opacity: 1;
    animation: explode 1.75s 2.75s ease forwards;
}


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

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

@keyframes controllerscreen {
	0% { 
	    opacity:0;
	}
	5% { 
	    opacity:1;
	}
	15% { 
	    opacity:1;
	}
	20% { 
	    opacity: 0;
	}
	100% { 
	    opacity: 0;
	}
}

.controller-elements {
    opacity: 0;
    animation: controllerreverse .25s ease forwards;
}


.controller-elements.active {
    opacity: 0;
    animation: controller .25s ease forwards;
}

.controller-elements.active controller-blank {
    opacity: 0;
    animation: controller .25s ease forwards;
}

.controller-elements.active .controller1 {
    opacity: 0;
    animation: controllerscreen 10s infinite ease forwards;
}

.controller-elements.active .controller2 {
    opacity: 0;
    animation: controllerscreen 10s 2s infinite ease forwards;
}

.controller-elements.active .controller3 {
    opacity: 0;
    animation: controllerscreen 10s 4s infinite ease forwards;
}

.controller-elements.active .controller4 {
    opacity: 0;
    animation: controllerscreen 10s 6s infinite ease forwards;
}

.controller-elements.active .controller5 {
    opacity: 0;
    animation: controllerscreen 10s 8s infinite ease forwards;
}



 .homepage__blackcomb .fancy {
  width: 32%;
  position: absolute;
}


 .homepage__blackcomb .fancy p,  .homepage__blackcomb .fancy .ft-2 {
  margin: 0;
  font-family: 'Montserrat-SemiBold', arial, serif;
  float: left;
  text-align: left;
  font-size: 15px;
}

 .homepage__blackcomb .fancy .ft-1 {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  float: left;
  width: 100%;
  color: #8dc53e;
  text-align: left;
  margin: 0;
  font-size: 18px;
  margin-bottom: 5px;
  line-height: 21px;
}

 .homepage__blackcomb .fancy ul {
  width: 100%;
  float: left;
  text-align: left;
  margin-top: 8px;
  list-style: none;
}

 .homepage__blackcomb .fancy ul li {
  font-size: 15px;
  width: 100%;
  float: left;
  font-family: 'Montserrat-SemiBold', arial, serif;
}

 .homepage__blackcomb .fancy ul li::before {
  content: "•";
  color: #000;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

 .homepage__blackcomb .fancy__block1 {
  top: 30%;
  left: 0;
}

 .homepage__blackcomb .fancy__block2 {
  bottom: 14%;
  left: 0;
  width: 38%;
}

 .homepage__blackcomb .fancy__block3 {
  top: 24%;
  right: 0;
}

 .homepage__blackcomb .fancy__block3 .ft-1,  .homepage__blackcomb .fancy__block3 .ft-2,  .homepage__blackcomb .fancy__block3 p,  .homepage__blackcomb .fancy__block3 ul {
  text-align: right;
}

 .homepage__blackcomb .fancy__block4 {
  right: 0;
  bottom: 3%;
}

 .homepage__blackcomb .fancy__block4 .ft-1,  .homepage__blackcomb .fancy__block4 .ft-2,  .homepage__blackcomb .fancy__block4 p,  .homepage__blackcomb .fancy__block4 ul {
  text-align: right;
}

 .clickable {
  position: absolute;
  width: 10%;
  height: 4%;
  bottom: 39%;
  left: 17%;
  cursor: pointer;
}

 .home__textblock {
  float: left;
  width: 100%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  margin-bottom: 0px;
}

 .home__textblock .home__heading {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 34px;
  line-height: 43px;
  margin: 0;
}

 .home__textblock .home__body {
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 18px;
  margin: 0;
  margin-top: 30px;
  line-height: 28px;
  margin-bottom: 50px;
}

 .home__textblock--margadjust {
  margin-bottom: .65vw;
}

 .hero {
  height: auto;
  background-image: url("/images/hero/gros-morne-hero.jpg");
  background-size: cover;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
          background-position: 0px -48px;
          overflow: hidden;
        }

 .hero .hero__content {
  visibility: hidden;
  width: 300px;
  height: 500px;
  width: 48%;
  margin-right: 2%;
  position: relative;
  height: auto;
  overflow: visible;
}

 .hero .hero-clip
{
display: none;
}

 .hero .hero__content .hero-image {
  float: right;
  width: 45%;
  margin-bottom: 0;
  margin-top: 0;
}

/* .hero .hero__content .hero-image img {*/
/*  height: auto;*/
/*  width: 158%;*/
/*  margin-left: -13vw;*/
/*  max-width: unset;*/
/*  margin-top: 0;*/
/*  margin-bottom: 0;*/
/*}*/

 .hero .hero__content .hero-image .swiper-container {
  height: auto;
  width: 158%;
  margin-left: -13vw;
  max-width: unset;
  margin-top: 0;
  margin-bottom: 0;
}

.homeSwiper {
    background: url(../../images/hero/banner-product-bg.png) no-repeat center;
    background-size:cover;
}

/*.homeSwiper:before {*/
/*    content: "";*/
/*    position:absolute;*/
/*    width: 250px;*/
/*    height:100%;*/
/*}*/

 .hero .hero__content .hero-text {
  float: left;
  width: 510px;
  position: absolute;
  bottom: 11%;
  right: 47%;
  z-index: 2;
}

.hero .hero__content .hero-text .ht-1 {
    font-family: 'Montserrat-ExtraBold', arial, serif;
    font-size: 52px;
    color: #8dc53e;
    text-align: right;
    line-height: 46px;
	cursor: default;
}
.hero .hero__content .hero-text .ht-2 {
font-family: 'Montserrat-ExtraBold', arial, serif;
    font-family: 'Montserrat-ExtraBold', arial, serif;
    font-size: 105px;
    line-height: 71px;
    color: white;
    white-space: nowrap;
	cursor: default;
}
.hero .hero__content .hero-text .ht-3 {
    font-family: 'Montserrat-SemiBold', arial, serif;
    font-size: 16px;
    color: #8dc53e;
    text-align: right;
    cursor: default;
}
.hero .hero__content .hero-text p.ht-3:hover, .hero .hero__content .hero-text p.ht-2:hover, .hero .hero__content .hero-text p.ht-1:hover
{
transform: translate(0);
}

@media(min-width: 2200px) {
    .hero {
        height: 800px;
     }
     
     .hero .hero__content {
         display: flex;
         justify-content: end;
         align-items: center;
     }
     
     .hero .hero__content .hero-image .swiper-container {
        margin-left: -10vw;
     }
 }
 
@media(min-width: 1421px)
{
.homepage__blackcomb .fancy__block4
{
	bottom: 19%;
}
.homepage__blackcomb .fancy__block3
{
	top: 26%;
}
}
@media(max-width: 1480px)
{
.hero .hero__content .hero-text .ht-1 {
    font-size: 40px;
    line-height: 37px;
}
.hero .hero__content .hero-text .ht-2 {
    font-size: 85px;
    line-height: 46px;
}
.hero .hero__content .hero-text .ht-3 {
        font-size: 14px;
}
.hero .hero__content .hero-text {
    width: 450px;
    }
}

@media(max-width: 1180px)
{
.hero .hero__content .hero-text .ht-1 {
    font-size: 32px;
    line-height: 32px;
}
.hero .hero__content .hero-text .ht-2 {
    font-size: 68px;
    line-height: 32px;
}
.hero .hero__content .hero-text .ht-3 {
        font-size: 10px;
}
.hero .hero__content .hero-text {
    width: 400px;
    }
}

@media(max-width: 980px)
{
.hero .hero__content .hero-text {
    width: 71%;
}
.hero .hero__content .hero-text {
    float: left;
    width: 290px;
    position: absolute;
    bottom: 10%;
    right: 48%;
}
.hero .hero__content .hero-text .ht-1 {
    font-size: 27px;
    line-height: 26px;
}
.hero .hero__content .hero-text .ht-2 {
      font-size: 58px;
    line-height: 46px;
}
.hero .hero__content .hero-text .ht-3 {
      font-size: 10px;
    line-height: 14px;
    width: 122%;
}
}


@media(max-width: 830px)
{
.hero .hero__content .hero-text {
    width: 290px;
}
.hero .hero__content .hero-text {
    float: left;
    width: 290px;
    position: absolute;
    bottom: 10%;
    right: 48%;
}
.hero .hero__content .hero-text .ht-1 {
    font-size: 23px;
    line-height: 25px;
}
.hero .hero__content .hero-text .ht-2 {
    font-size: 48px;
    line-height: 33px;
}
.hero .hero__content .hero-text .ht-3 {
    font-size: 10px;
    line-height: 14px;
    width: 122%;
}
}

@media(max-width: 767px)
{
.hero .hero__content .hero-text {
    width: 71%;
}
.hero .hero__content .hero-text {
    float: left;
    width: 53vw;
    position: absolute;
    bottom: 11%;
    right: 25%;
    min-width: 160px;
}
.hero .hero__content .hero-text .ht-1 {
    font-size: 4vw;
    line-height: 4vw;
}
.hero .hero__content .hero-text .ht-2 {
    font-size: 8vw;
    line-height: 8vw;
}
.hero .hero__content .hero-text .ht-3 {
    font-size: 1.8vw;
    line-height: 18px;
    width: 122%;
    margin-bottom: 7px;
}
}

@media(max-width: 450px)
{
	.hero .hero__content .hero-text .ht-3 {
	    font-size: 8px;
	    line-height: 11px;
	    width: 117%;
	    margin-bottom: 0px;
	}
}

 .hero .hero__content .hero-text p {
  margin: 0;
  float: right;
  margin-top: 4%;
  color: #fff;
  font-weight: regular;
  text-transform: uppercase;
  cursor: pointer;
  transition: all .2s ease-in-out;
}

 .hero .hero__content .hero-text p a {
  color: #fff;
  text-decoration: none;
 
}
.hero .hero__content .hero-text p:hover {
  transform: translate(20px);
}

 .home__sectwo .home__types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-around;
}

.home__types a{
text-decoration: none;
}
 
    @media all and (-ms-high-contrast:none)
     {
     .hero .hero__content .hero-text {             
       width: 53%;
       bottom: 9%;
       right: 42%; } /* IE10 */
     *::-ms-backdrop, .hero .hero__content .hero-text { 
            width: 53%;
       bottom: 9%;
       right: 42%;
      }
      
      
	   .hero .hero__content .hero-image {        
	   	 width:66%;
		 margin-right: -33%;
	        }
	     *::-ms-backdrop, .hero .hero__content .hero-image { 
		       width:66%;
		       margin-right: -33%;
	      }
      
      
        /*.hero .hero__content .hero-image img {    */
        /*    width: 158%;*/
        /*    margin-left: -15vw;*/
        /*}*/
            
        /**::-ms-backdrop, .hero .hero__content .hero-image img { */
        /*    width: 158%;*/
        /*    margin-left: -15vw;*/
        /*}*/
        
        .hero .hero__content .hero-image .swiper-container {    
            width: 158%;
            margin-left: -15vw;
        } /* IE10 */
            
        .hero .hero__content .hero-image .swiper-container { 
            width: 158%;
            margin-left: -15vw;
        }

      
     }

    /*}*/
    
@media (min-width: 2100px) {
    .hero .hero__content .hero-image {
      width: 40%;
    }
}

 .home__sectwo .home__types a {
  text-decoration: none;
}

 .home__sectwo .home__types .type__block {
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

 .home__sectwo .home__types .type__block img {
  width: 80px;
  max-width: 80px;
}

 .home__sectwo .home__types .type__block p {
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 21px;
  margin: 0;
  margin-top: 20px;
  color: #000;
}

 .home__sectwo .home__types .type__block:hover {
  -webkit-transform: scale(1.13);
          transform: scale(1.13);
}

 .featured__section {
  background: black;
  background-image: url("/images/assets/molecules_sherpa.png");
  /* fallback */
  background-image: url("/images/assets/molecules_sherpa.png"), -webkit-gradient(linear, left top, right top, from(#202020), to(#000000));
  background-image: url("/images/assets/molecules_sherpa.png"), linear-gradient(to right, #202020 0%, #000000 100%);
  /* W3C */
  background-image: url(/images/assets/molecules_sherpa.png);
  background-size: 45%;
  background-position: 0%;
  background-repeat: no-repeat;
  padding: 4vw 10%;
  padding-top: 8vw;
  -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
  clip-path: polygon(0% 13%, 100% 0, 100% 100%, 0 100%);
}

    @media all and (-ms-high-contrast:none)
     {
     .featured__section  {   padding-top: 4vw; } /* IE10 */
     *::-ms-backdrop, .featured__section  {   padding-top: 4vw; } /* IE11 */
     }
     @supports (-ms-ime-align:auto) {
  	.featured__section  { padding-top: 4vw; }
	}

  @media not all and (min-resolution:.001dpcm) { @media {

       .featured__section { 

         -webkit-clip-path: polygon(0 10%, 100% 0, 100% 100%, 0 100%) !important;

    }
}}

 .featured__section .featured__left {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

 .featured__section .featured__left img {
  width: 100%;
  max-width: 21vw;
  flex-shrink: 0;
}

 .featured__section .featured__right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

 .featured__section .featured__right .featured__contentblock {
  padding-left: 38px;
}

 .featured__section .featured__right .featured__contentblock .green__head {
  color: #8dc53e;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 38px;
  line-height: 46px;
  margin: 0;
}

 .featured__section .featured__right .featured__contentblock .white__subhead {
  color: #fff;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 23px;
  line-height: 28px;
  margin: 0;
  margin-bottom: 20px;
}

 .featured__section .featured__right .featured__contentblock ul {
  color: #fff;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 30px;
  line-height: 28px;
  margin: 0;
  list-style: none;
}

 .featured__section .featured__right .featured__contentblock ul li {
  margin-bottom: 8px;
  font-size: 15px;
}

 .featured__section .featured__right .featured__contentblock ul li::before {
  content: "•";
  color: #fff;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

 .featured__section .featured__right .featured__contentblock .green__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

 .featured__section .featured__right .featured__contentblock .green__buttons p {
  color: #8dc53e;
  float: left;
  cursor: pointer;
  min-width: 200px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18px;
  margin-top: 22px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  -webkit-transition: padding-left .2s ease-in-out;
  transition: padding-left .2s ease-in-out;
}

 .featured__section .featured__right .featured__contentblock .green__buttons p:hover {
  padding-left: 15px;
}

 .home__education {
  padding: 60px 10%;
}

 .education {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

 .education p {
  font-size: 0.9rem;
}
 .education .learn__more {
  float: left;
  cursor: pointer;
  width: 240px;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 18px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  -webkit-transition: padding-left .2s ease-in-out;
  transition: padding-left .2s ease-in-out;
}

 .education .learn__more a {
  color: #8dc53e;
  text-decoration: none;
}

 .education .learn__more:hover {
  padding-left: 15px;
}

.ToTop {
  position: fixed;
  bottom: -70px;
  display: none;
  right: 30px;
  z-index: 2000;
}
.ToTop.show{
  bottom: -10px;
}

footer {
  height: auto !important;
  padding-top: 0 !important;
  position: relative !important;
}

footer .section--pad10 {
  padding-top: 4vw;
  padding-bottom: 4vw;
  padding-left: 4vw;
  padding-right: 4vw;
}

footer .foot--sec2 {
  padding-top: 60px;
  padding-bottom: 60px;
}

footer .foot__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

footer .foot__nav .foot__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

footer .foot__nav .foot__block .menu__head {
  color: #8dc53e;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 19px;
  margin-bottom: 8px;
}

footer .foot__nav .foot__block .menu__head a {
  color: #8dc53e;
   text-decoration: none;
}

footer .foot__nav .foot__block .menu__item {
  cursor: pointer;
  color: #fff;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 14px;
  margin-bottom: 8px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

footer .foot__nav .foot__block .menu__item a {
  color: #fff;
  text-decoration: none;
}

footer .foot__nav .foot__block .menu__item:hover {
  -webkit-transform: translate(10px, 0);
          transform: translate(10px, 0);
}

footer .subfoot-grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 60% 40%;
      grid-template-columns: 60% 40%;
  -ms-grid-rows: auto auto;
      grid-template-rows: auto auto;
}

footer .subfoot-grid .top__left {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 2;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 2;
}

footer .subfoot-grid .top__left .address-cf {
  height: auto;
  float: left;
  margin-bottom: 15px;
  width: 110%;
}

footer .subfoot-grid .top__left .address-cf img {
  float: left;
  width: 18px;
  margin-top: 1px;
  margin-right: 14px;
}

footer .subfoot-grid .top__left .address-cf p {
  float: left;
  text-align: left;
  width: auto;
  margin-top: 0;
  line-height: 29px;
  font-size: 16px;
}

footer .subfoot-grid .top__left .contact__foot {
  float: left;
  width: 100%;
}

footer .subfoot-grid .top__left .contact__foot .cf-block {
  float: left;
  width: 50%;
}

footer .subfoot-grid .top__left .contact__foot .cf-block img {
  float: left;
  width: 18px;
  margin-top: 0px;
  margin-right: 10px;
}

footer .subfoot-grid .top__left .contact__foot .cf-block p {
  float: left;
  margin-top: 0;
  font-size: 16px;
  width: auto;
}

footer .subfoot-grid .top__left .contact__foot .phone1 {
  width: 35%;
}

footer .subfoot-grid .top__left .contact__foot .phone2 {
  width: 35%;
}

footer .subfoot-grid .top__left .contact__foot .phone2 p {
  padding-left: 0;
}

footer .subfoot-grid .top__left .contact__foot .mail img {
  margin-top: 2px;
}

footer .subfoot-grid .top__left .contact__foot .fax img {
  margin-top: 2px;
}

footer .subfoot-grid .top__right {
  -ms-grid-column: 2;
      grid-column-start: 2;
  grid-column-end: 3;
  -ms-grid-row: 1;
      grid-row-start: 1;
  grid-row-end: 2;
}

footer .subfoot-grid .top__right .social {
  margin-bottom: 15px;
  float: right;
}

footer .subfoot-grid .top__right .social a {
  floaT: right;
}

footer .subfoot-grid .top__right .social a img {
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 30px;
  cursor: pointer;
}

footer .subfoot-grid .top__right .social a img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

footer .subfoot-grid .top__right .social a .facebook {
  width: 17px;
  margin-right: 30px;
}

footer .subfoot-grid .top__right .social a .linkedin {
  margin-right: 30px;
}

footer .subfoot-grid .top__right p {
  float: right;
  font-family: 'Montserrat-Black', arial, serif;
  width: 100%;
  text-align: right;
  color: #000;
  font-size: 17px;
  margin: 0;
  line-height: 22px;
}


footer .subfoot-grid .bottom__left {
  -ms-grid-column: 1;
      grid-column-start: 1;
  grid-column-end: 2;
  -ms-grid-row: 2;
      grid-row-start: 2;
  grid-row-end: 3;
}

footer .subfoot-grid .bottom__left .copyright {
  float: left;
  text-align: left;
  width: 100%;
  font-size: 17px;
  margin-top: 50px;
}

footer .subfoot-grid .bottom__right {
  -ms-grid-column: 2;
      grid-column-start: 2;
  grid-column-end: 3;
  -ms-grid-row: 2;
      grid-row-start: 2;
  grid-row-end: 3;
}

footer .subfoot-grid .bottom__right img {
  float: right;
  width: 50px;
  margin-top: 24px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

footer .subfoot-grid .bottom__right img:hover {
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}

.nav--containerfix {
  max-width: 92%;
}

.hamburger {
  display: none;
}

.header--white {
  background-color: #fff;
}

.accordion-button.intro-text {
    margin-bottom:0;
}

.accordion-button:not(.collapsed) {
    color: #000 ;
    background-color: #f6faf1;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}

.accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e") !important;
}

.accordion--wrapper h1 {
  text-align: center;
}

.accordion--wrapper .half {
  float: left;
  width: 50%;
  padding: 0 1em;
}

/* Acordeon styles */
.accordion--wrapper .tab {
  position: relative;
  margin-bottom: 1px;
  width: 100%;
  color: #fff;
  overflow: hidden;
}

.accordion--wrapper .tab input {
  position: absolute;
  opacity: 0;
  z-index: -1;
}

.accordion--wrapper .tab label {
  position: relative;
  display: block;
  padding: 0 0 0 1em;
  background: #16a085;
  font-weight: lighter;
  line-height: 3;
  cursor: pointer;
}

.accordion--wrapper .blue label {
  background: #2980b9;
}

.accordion--wrapper .tab-content {
  max-height: 0;
  overflow: hidden;
  background: #1abc9c;
  -webkit-transition: max-height .35s;
  transition: max-height .35s;
}

.accordion--wrapper .blue .tab-content {
  background: #3498db;
}

.accordion--wrapper .tab-content p {
  margin: 1em;
}

/* :checked */
.accordion--wrapper .tab input:checked ~ .tab-content {
  max-height: 100vh;
}

/* Icon */
.accordion--wrapper .tab label::after {
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: 3em;
  height: 3em;
  line-height: 3;
  text-align: center;
  -webkit-transition: all .35s;
  transition: all .35s;
}

.accordion--wrapper .tab input[type=checkbox] + label::after {
  content: "+";
}

.accordion--wrapper .tab input[type=radio] + label::after {
  content: "\25BC";
}

.accordion--wrapper .tab input[type=checkbox]:checked + label::after {
  -webkit-transform: rotate(315deg);
          transform: rotate(315deg);
}

.accordion--wrapper .tab input[type=radio]:checked + label::after {
  -webkit-transform: rotateX(180deg);
          transform: rotateX(180deg);
}

.cont_breadcrumbs_3 {
  position: relative;
  width: 100%;
  float: left;
  margin-bottom: 40px;
}

  .cont_breadcrumbs_3 > ul {
list-style:none;
margin-left: 0;
padding-left: 0;
    }


    .cont_breadcrumbs_3 > ul > li {
        font: normal 100%/1.6 'Poppins', sans-serif;
        position: relative;
        float: left;
        -webkit-transform: skewX(-15deg);
        transform: skewX(-15deg);
        background-color: #000;
        z-index: 1;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
        margin-left: 5px;
        padding-left: 5px;
        padding-right: 5px;
        padding-bottom: 0;
    }

.cont_breadcrumbs_3 > ul > li:first-of-type {
  margin-left: -95% !important;
  padding-left: 100% !important;

}

@media(max-width: 600px)
{
	.cont_breadcrumbs_3 > ul > li:first-of-type {
		display: none;
	}
}

.cont_breadcrumbs_3 > ul > li:hover {
  background-color: #8dc53e;
}

.cont_breadcrumbs_3 > ul > li > a {
  display: block;
  padding: 10px;
  font-size: 18px;
  -webkit-transform: skewX(15deg);
          transform: skewX(15deg);
  text-decoration: none;
  color: #fff;
  font-weight: 300;
  outline: none;
      font-family: "Montserrat-SemiBold",arial,serif;
}

.cont_breadcrumbs_3 > ul > li:last-child {
  background-color: #8dc53e;
}

.cont_breadcrumbs_3 > ul > li:last-child > a {
  color: #fff;
}

 .mini__banner {
  position: relative;
  height: 245px;
}

 .mini__banner .banner--clip {
    background: #202020;
    background: url(/images/assets/molecules_sherpa.png), url('/images/hero/banner-angle-2.png');
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    width: 58%;
    -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
    overflow: hidden;
    background-size: 100%, cover;
    background-position: 34vw -14vw, 100%;
    background-repeat: no-repeat;
}

 .mini__banner .banner--clip .flex__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100%;
}

 .mini__banner .banner--clip .flex__logo img {
  width: 306px;
  margin-left: 20%;
}

 .mini__banner .banner--clip .slimbanner--text {
  padding-left: 12vw;
  width: 100%;
  text-align: center;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}

 .mini__banner .banner--clip .slimbanner--text h1 {
  font-size: 2em;
  color: #fff;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  margin: 0;
  text-transform: uppercase;
  line-height: 36px;}

 .mini__banner .banner--clip--2 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202020+10,080808+100 */
  background: #202020;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #202020), to(#080808));
  background: linear-gradient(to right, #202020 10%, #080808 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#080808',GradientType=1 );
  /* IE6-9 */
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  z-index: 2;
  opacity: .5;
  -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
}

 .mini__banner .banner--clip--3 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202020+10,080808+100 */
  background: #202020;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #202020), to(#080808));
  background: linear-gradient(to right, #202020 10%, #080808 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#080808',GradientType=1 );
  /* IE6-9 */
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 73%;
  z-index: 2;
  opacity: .3;
  -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
}

 .mini__banner .banner--clip--4 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#202020+10,080808+100 */
  background: #202020;
  /* Old browsers */
  /* FF3.6-15 */
  /* Chrome10-25,Safari5.1-6 */
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #202020), to(#080808));
  background: linear-gradient(to right, #202020 10%, #080808 100%);
  /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#080808',GradientType=1 );
  /* IE6-9 */
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 75%;
  z-index: 2;
  opacity: .2;
  -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
}

 .mini__banner .banner--background {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 58%;
    background-position: 0% 25%;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(/images/images/hero/residential.jpeg);
}

 .support--banner {
  position: relative;
  height: 225px;
  padding: 0;
  overflow: hidden;
}

 .support--banner h1 {
  margin: 0;
  font-size: 3.5vw;
  text-transform: capitalize;
  color: #fff;
}

 .product__info--bg {
  background-image: url(/images/assets/molecules_green.png);
  background-repeat: no-repeat;
  background-position: -299px -540px;
  background-size: 869px;
}

 .product__info {
  padding: 60px 10%;
  color: #000;
}

 .product__info .product__space {
  padding-top: 54px;
}

 .product__info .product__space .product__img {
  position:relative;
  floaT: left;
  width: 100%;
  text-align: center;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
	  animation: assetAnim .2s 1 forwards;
}

.product__info .product__space .product__img img.img--primary {
  margin: auto;
  align-self: flex-start;
  transition: opacity .375s ease;
}

 .product__info .product__space .product__img--multiple img.img--hover {
     position:absolute;
     top: 50%;
     left:50%;
     transform: translate(-50%,-50%);
     opacity:0;
     transition: opacity .375s ease;
 }
 
 /*
 .product__info .product__space .product__img--multiple:hover img.img--primary {
   opacity:0;
  }

 .product__info .product__space .product__img--multiple:hover img.img--hover {
   opacity:1;
  }
  */
  
 .product__info .product__space .product__details {
  float: left;
  width: 100%;
  padding-left: 30px;
  padding-top: 0;
}

 .product__info .product__space .product__details h1 {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 33px;
  line-height: 42px;
  margin: 0;
}

 .product__info .product__space .product__details h2 {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 21px;
  color: #000;
  line-height: 24px;
  margin: 0;
}

 .product__info .product__space .product__details .product__description {
  margin-bottom: 38px;
  margin-top: 32px;
}

 .product__info .product__space .product__details .product__description p{
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 13px;
  line-height: 20px;
  margin: 0;
}

 .product__info .product__space .product__details .product__links {
  float: left;
  width: 100%;
}

    .product__info .product__space .product__details .product__links p, button#product__warranty {
        color: #8dc53e;
        font-family: 'Montserrat-ExtraBold', arial, serif;
        float: right;
        margin: 0;
        margin-left: 46px;
        width: auto;
        text-align: center;
        font-size: 18px;
        text-transform: uppercase;
        -webkit-transition: all .2s ease-in-out;
        transition: all .2s ease-in-out;
        cursor: pointer;
    }
 .product__info .product__space .product__details .product__links p a {
  text-decoration: none;
  color: #8dc53e;
}

        .product__info .product__space .product__details .product__links p:hover, button#product__warranty:hover {
            -webkit-transform: translate(12px, 0);
            transform: translate(12px, 0);
        }

button#product__warranty {
    padding: 0;
    border: 0;
    background: transparent;
    margin-top: -3px;
}
 .product__info .info__module {
  float: left;
  width: 100%;
  border-radius: 7px;
  border: 3px solid #8dc53e;
  border-top: 8px solid #8dc53e;
}

 .product__info .info__module .module__nav {
  float: left;
  width: 100%;
  background-color: #f5fee9;
  border-bottom: 2px solid #8dc53e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}

 .product__info .info__module .module__nav .navi {
  padding: 10px 20px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  text-align: center;
  cursor: pointer;
  border-right: 2px solid #8dc53e;
}

 .product__info .info__module .module__nav .navi:hover {
  background-color: #8dc53e;
  color: #fff;
}

 .product__info .info__module .module__nav .active--mod {
  background-color: #8dc53e;
  color: #fff;
}

 .product__info .info__module .module__nav .border--right--remove {
  border-right: none;
}

 .product__info .info__module .module__display {
  padding: 20px 20px;
  float: left;
  background-color: #e8e8e8;
  width: 100%;
  min-height: 500px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}

 .product__info .info__module .module__display .product_module {
  display: none;
}

 .product__info .info__module .module__display .product_module .spec_table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: inline-block;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: unset;
  width: 100%;
}

 .product__info .info__module .module__display .product_module .spec_table .topRow {
  float: left;
  width: 100%;
  height: 50px;
  text-align: center;
  background-color: gray;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

 .product__info .info__module .module__display .product_module .spec_table .topRow p {
  margin: auto;
}

 .product__info .info__module .module__display .product_module .spec_table .column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  width: 16.6666666666%;
  padding: 0;
  border: 1px solid #b9b9b9;
  /* padding: 5px; */
  float: left;
  max-width: 100%;
}

 .product__info .info__module .module__display .product_module .spec_table .column .cell {
  font-size: 14px;
  width: 100%;
  padding: 0 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-top: 1px solid #b9b9b9;
  text-align: center;
}

 .product__info .info__module .module__display .product_module .spec_table .column .cell p {
  font-family: 'Montserrat-SemiBold', arial, serif;
  margin: auto;
  text-align: center;
  line-height: 15px;
}

 .product__info .info__module .module__display .product_module .spec_table .column .left-col {
  font-weight: lighter;
  text-align: left;
}

 .product__info .info__module .module__display .product_module .spec_table .column .left-col p {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  margin: 0;
  text-align: left;
}

 .product__info .info__module .module__display .product_module .spec_table .column .col-head {
  font-weight: lighter;
  text-align: left;
  background-color: gray;
  text-align: center;
  height: 50px;
}

 .product__info .info__module .module__display .product_module .spec_table .column .col-head p {
  text-align: center;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  margin: auto;
  text-align: left;
}

 .product__info .info__module .module__display .product_module .spec_table .column .height-1 {
  height: 35px;
}

 .product__info .info__module .module__display .product_module .spec_table .column .height-2 {
  height: 70px;
}

 .product__info .info__module .module__display .product_module .spec_table .column .height-3 {
  height: 105px;
}

 .product__info .info__module .module__display .product_module .spec_table .column .height-4 {
  height: 140px;
}

 .product__info .info__module .module__display .product_module .spec_table .column .height-5 {
  height: 175px;
}

 .product__info .info__module .module__display .product_module .spec_table .column .height-6 {
  height: 210px;
}

 .product__info .info__module .module__display .product_module .spec_table .col-5col {
  width: 20%;
}

 .product__info .info__module .module__display .product_module .spec_table .col-7col {
  width: 14.22222222222%;
}

 .product__info .info__module .module__display .product_module .common_specs .col-1 {
  width: 30%;
}

 .product__info .info__module .module__display .product_module .common_specs .col-2 {
  width: 70%;
}

 .product__info .info__module .module__display .show--mod {
  display: inline-block;
}

.product__info .nav-tabs .nav-link {
 	  font-family: 'Montserrat-SemiBold', arial, serif; 
}

.section {
  float: left;
  width: 100%;
}

.divider--container {
  margin: 0px 5%;
  max-width: none;
  width: 90%;
  float: left;
}

.divider--container .divider {
  border-top: 1px solid #dedede;
  margin: 0 1%;
}

.hero__wholehome {
  position: relative;
  height: auto;
  padding: 0 !important;
  float: left;
  width: 100%;
}

.hero__wholehome .banner--clip {
  background: transparent;
  background-image: url('/images/hero/banner-angle-2.png');
  height: 100%;
  z-index: 3;
  width: 59%;
  height: auto;
  position: relative;
  float: right;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
}

.hero__wholehome .banner--clip .flex__logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  height: auto;
  padding-right: 0;
}

.hero__wholehome .banner--clip .flex__logo .hero__content {
  visibility: hidden;
  width: 300px;
  height: 500px;
  width: 79%;
  position: relative;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  padding-right: 20px;
  padding: 8% 0 7%;
  text-align: right;
  padding-right: 10%;
}

.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text {
  width: 100%;
  display: block;
  /* float: right; */
  margin-bottom: 6%;
}

.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text h1 {
  color: #fff;
  font-size: 4vw;
  line-height: 4vw;
  height: auto;
  padding: 0;
  text-transform: uppercase;
  margin: 0;
  border: none;
  font-family: 'Montserrat-Black', arial, serif;
}

.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text p {
  margin: 0;
  font-size: 2vw;
  color: #8dc53e;
  line-height: 2vw;
  opacity: 1;
  float: right;
  text-transform: uppercase;
  font-family: 'Montserrat-Black', arial, serif;
  white-space: nowrap;
}

.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text2 {
  width: 100%;
}

.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text2 img {
  width: 49%;
  float: right;
  min-width: 210px;
}

.hero__wholehome .banner--clip .flex__logo .hero__content .molecules {
  position: absolute;
  right: 1%;
  top: -20%;
  z-indeX: -1;
  width: 74%;
}

.hero__wholehome .banner--clip--2 {
  background: #202020;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #202020), to(#080808));
  background: linear-gradient(to right, #202020 10%, #080808 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#080808',GradientType=1 );
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 70%;
  z-index: 2;
  opacity: .5;
  -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
}

.hero__wholehome .banner--clip--3 {
  background: #202020;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #202020), to(#080808));
  background: linear-gradient(to right, #202020 10%, #080808 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#080808',GradientType=1 );
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 73%;
  z-index: 2;
  opacity: .3;
  -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
}

.hero__wholehome .banner--clip--4 {
  background: #202020;
  background: -webkit-gradient(linear, left top, right top, color-stop(10%, #202020), to(#080808));
  background: linear-gradient(to right, #202020 10%, #080808 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#202020', endColorstr='#080808',GradientType=1 );
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 75%;
  z-index: 2;
  opacity: .2;
  -webkit-clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(20% 0%, 100% 0, 100% 100%, 0 100%);
}

.hero__wholehome .banner--background {
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 63%;
  background-position: 6% 72%;
  background-size: 175%;
  background-repeat: no-repeat;
}
.hero__wholehome .nsf--mobfix{
  background-size: 100%;
}
.hero__wholehome .industrial--mobfix{
  background-size: 100%;
}

.home__textblock .wh-serieshead {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  line-height: 41px;
  font-size: 41px;
  text-transform: uppercase;
  margin: 0;
}

.home__textblock .series--subtxt {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 26px;
  margin: 0;
  margin-top: 20px;
}

.section__systems {
  padding: 45px 2%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  position: relative;
}

.section__systems .triangle {
  background-color: #fff;
  -webkit-clip-path: polygon(0% 0%, 100% 0, 50% 100%, 0 0%);
  clip-path: polygon(0% 0%, 100% 0, 50% 100%, 0 0%);
  width: 4%;
  height: 7%;
  position: absolute;
  top: -2px;
}

@media all and (-ms-high-contrast:none)
{
     .section__systems .triangle {
    position: absolute; left: 0;
    right: 0;
    width: 80px;
            height: 35px;
        margin: auto;
       } /* IE10 */
     *::-ms-backdrop, .section__systems .triangle { 
    position: absolute; left: 0;
    right: 0;
    width: 80px;
        height: 35px !important;
    margin: auto;
      }
}
     @supports (-ms-ime-align:auto) {
  	.section__systems .triangle { 
    position: absolute; left: 0;
    right: 0;
    width: 80px;
        height: 35px !important;
    margin: auto;
      }
	}

.section__systems .flex-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
  position: relative;
}

.section__systems.nsf-systems .flex-types {
	    justify-content: center;
}

.section__systems.nsf-systems .flex-type2 .borderLine{
	border: none;
	display: none;
    height: 0px;
    width: 0px;
}
.section__systems.nsf-systems .flex-types .flex-type
{
	width: 50%;
}

@media(max-width: 567px)
{
.section__systems.nsf-systems .flex-types .flex-type
{
	width: 100%;
}
}

.section__systems .flex-types .borderLine {
  height: 75%;
  width: 1px;
  right: 0;
  position: absolute;
  border-right: 1px solid #878787;
  top: 13%;
}

.section__systems .flex-types .flex-type {
  width: 25%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  text-align: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  padding: 0 20px;
  position: relative;
}

.section__systems .flex-types .flex-type img {
  width: 67px;
  float: none;
  margin: 0 auto;
  margin-bottom: 23px;
}

.section__systems .flex-types .flex-type .type-head {
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}

.section__systems .flex-types .flex-type .type-body {
  font-family: 'Montserrat-SemiBold', arial, serif;
  margin-bottom: 2px;
  font-weight: lighter;
  font-size: 16px;
}

.section__systems .flex-types .flex-type .type-view {
  text-transform: uppercase;
  font-size: 20px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  margin-bottom: 0;
  margin-top: 15px;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

.section__systems .flex-types .flex-type .type-view a {
  color: #8dc53e !important;
  text-decoration: none;
}

.section__systems .flex-types .flex-type .type-view:hover {
  -webkit-transform: translate(12px, 0px);
          transform: translate(12px, 0px);
}

.section__systems .flex-types .flex-type4 .borderLine {
  border-right: none;
}

.product__section {
  padding: 60px 0;
}

.prod__head h2 {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 34px;
  line-height: 52px;
  text-transform: uppercase;
  margin: 0;
  color: #000;
  width: 100%;
  text-align: center;
}

.prod__head p {
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 19px;
  width: 100%;
  float: left;
  text-align: center;
  line-height: 28px;
  margin-top: 25px;
}

.products {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 120px 0;
  padding-bottom: 30px;
}

.contact__block
{
  display: inline-block; width: 100%;
}
.contact__block i{
  color: #8dc53e !important;
  font-size: 16px;
  margin-right: 10px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.contact__block p{
  display: flex;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 1rem;
  line-height: 23px;
}
.contact__block a{
  display: flex;
  text-decoration: none;
  margin-bottom: 12px;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 1rem;
  line-height: 20px;
  line-height: 1.5;
}

.products .product {
  width: 31%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border: 1px solid #dddddd;
  padding: 50px 30px;
  position: relative;
  margin: 0 1%;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.products .product .product__title {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  color: #000;
  width: 100%;
  text-align: center;
  font-size: 25px;
  line-height: 26px;
}

.products .product img {
  width: 60%;
  float: none;
  margin: 0px auto;
  z-index: 2;
  flex-shrink: 0;
}

.products .product .NSF-logo {
  position: absolute;
  top: 10%;
  right: 11%;
  width: 18% !important;
}

.products .product .rack--img {
  width: 75%;
  margin-top: 20px;
}

.products .product ul {
  text-align: left;
  margin-top: 45px;
  padding: 0 0px;
  margin-bottom: 15px;
  font-family: 'Montserrat-SemiBold', arial, serif;
}

.products .product ul li {
  margin-bottom: 7px;
  font-weight: lighter;
  font-size: 13px;
  text-align: left;
  line-height: 20px;
  margin-left: 5%;
  margin-right: 5%;
}

.products .product ul li::before {
  content: ">";
  color: #000;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
  font-family: 'DaxCondesnsed-Medium', arial, serif;
}

.products .product .more {
  color: #8dc53e;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  float: left;
  margin: 0;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 19px;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
}

.products .product .more:hover {
  -webkit-transform: translate(12px, 0);
          transform: translate(12px, 0);
}

.product__section .products .product:hover {
  -webkit-transform: scale(1.03);
          transform: scale(1.03);
}

.product__section .products .product--featured {
  margin-top: -80px;
  border-top: 7px solid #8dc53e;
  border: 3px solid #8dc53e;
  border-top: 8px solid #8dc53e;
  background-color: #f5fee9;
}

.product__section .products .product--featured .molecules--green {
  position: absolute;
  left: -10%;
  top: 2%;
  bottom: 0;
  right: -10%;
  width: 120%;
  z-index: 1;
  max-width: none;
  z-index: 1;
}

.product__section .two--products {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-top: 50px !important;
}

.product__section .two--products .product {
  margin-left: 1%;
  margin-right: 1%;
}

.productfoot__section {
  background-color: #7fb730;
  background-image: url("/images/assets/molecules_green.png");
  padding: 7vw 4vw;
  padding-top: 12vw;
  -webkit-clip-path: polygon(0% 35%, 102% 0, 100% 100%, 0 100%);
  clip-path: polygon(0% 30%, 102% 0, 100% 100%, 0 100%);
  background-size: 1092px;
  background-position: -199px -81px;
  background-repeat: no-repeat;
}
@media all and (-ms-high-contrast:none)
{
.productfoot__section {   padding: 4vw 4vw; } /* IE10 */
*::-ms-backdrop, .productfoot__section {   padding: 4vw 4vw; } /* IE11 */
}
     @supports (-ms-ime-align:auto) {
	.productfoot__section {   padding: 4vw 4vw; }
	}
	
.productfoot__section .productfoot--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  vertical-align: middle;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.productfoot__section .productfoot--flex img {
  width: 20vw;
  height: 200px;
  margin-right: 5%;
}

.productfoot__section .productfoot--flex p {
  margin: 0;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 17px;
  margin-left: auto;
  line-height: 20px;
  margin-right: auto;
}

.productfoot__section .productfoot--flex .where__to {
  margin-left: auto;
  margin-right: 0;
  color: #fff;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 23%;
  cursor: pointer;
}

.productfoot__section .productfoot--flex .where__to a {
  color: #fff;
  font-size: 20px;
  text-decoration: none;
}

.productfoot__section .productfoot--flex .where__to:hover {
  -webkit-transform: translate(12px, 0);
          transform: translate(12px, 0);
}

.molecules {
    /* padding: 60px 10%; */
    background-image: url(/images/assets/molecules_green.png);
    background-repeat: no-repeat;
    background-position: -299px -540px;
    background-size: 869px;
}
.molecule2 {
  /* padding: 60px 10%; */
  background-image: url(/images/assets/molecules_sherpa.png);
  background-repeat: no-repeat;
  background-position: -299px -540px;
  background-size: 869px;
}

 .support__section {
  padding: 60px 10%;
  background-image: url(/images/assets/molecules_green.png);
  background-repeat: no-repeat;
  background-position: -299px -540px;
  background-size: 869px;
}

 .support__section .margbtm--0 {
  margin-bottom: 0 !important;
}

 .support__section .sp__infosec .sp__text {
  float: left;
  width: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 165px;
  text-align: center;
}

 .support__section .sp__infosec .sp__text p {
  font-family: 'Montserrat-SemiBold', arial, serif;
  width: 100%;
  margin: 0;
}

 .support__section .sp__infosec .inquiries {
  float: left;
  width: 50%;
  padding-left: 10%;
}

 .support__section .sp__infosec .inquiries h2 {
  font-family: 'Montserrat-ExtraBold', arial, serif;
  color: #000;
}

 .support__section .sp__infosec .inquiries p {
  float: left;
  width: 100%;
  margin: 0;
  padding-left: 20px;
  font-family: 'Montserrat-SemiBold', arial, serif;
}

 .section--btmPad {
  padding-bottom: 0;
}
 
 .sp__vnav {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

  .sp__vnav h2 {
  border-bottom: 1px solid #b7b7b7;
  padding: 12px 18px 5px;
  font-size: 23px;
  color: #000;
  font-family: 'Montserrat-SemiBold', arial, serif;
}

.sp__vnav .sp__nav-item {
  border-bottom: none;
  color: #000;
}

.sp__vnav .sp__nav-item a {
  color: #000;
  border: 0;
  text-decoration: none;
}

.sp__nav-item a p {
  border: 0;
  padding: 8px 20px;
  width: 100%;
  float: left;
  text-align: left;
  margin: 0;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 16px;
}

.sp__nav-item a:active, .sp__vnav .sp__nav-item a:focus, .sp__nav-item a:hover {
  text-decoration: none;
  border: none !important;
}

 .sp__nav-item p {
  padding: 8px 20px;
  width: 100%;
  float: left;
  text-align: left;
  margin: 0;
  font-family: 'Montserrat-SemiBold', arial, serif;
  line-height: 18px;
  margin-top: 3px;
  margin-bottom: 3px;
  font-size: 15px;
}

.sp__nav-item p a {
  color: #535353;
}

.sp__nav-item p a:hover {
  color: #8dc53e;
}

.sp__nav-item:hover {
  color: #8dc53e;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}

.sp__nav-child{
  transform: translate(20px);
}

.border--remove {
  border-bottom: none;
}
.support__content
{
  display: inline-block;
  padding-top: 0 !important;
}

.support__content h1{
  border-bottom: 1px solid #b7b7b7;
}

@media(max-width: 992px)
{
  .mob-order2
  {
    order: 2;
    padding: 0;
  }
  .mob-order1
  {
padding: 30px 0;
    order: 1;
  }
}

@media(max-width: 600px)
{
.mob-order1
{
padding: 30px 15px;
}
}

/* ------------------------------------------------------------------------Info Box */

.info__box, .QA__block {
    border-left: solid 3px #e7e7e7;
    background: #fff;
    padding: 0 1.5em;
    margin-bottom: 1rem;
}

.info__box p strong{
	font-weight: lighter;
}

.info__box .form-group, .QA__block .form-group {
    margin-bottom: 0rem;
}

 .support__content .home__types {
  float: left;
  width: 100%;
}

 .support__content .home__types p {
  margin: 0;
  font-size: 20px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}
.support__content .home__types .pl__block p.pl__head {
  margin-bottom: 3px;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
  font-family: 'Montserrat-SemiBold', arial, serif;
}
.support__content .home__types .pl__block:hover{
  transform: scale(1);
  cursor: default;
}

 .support__content .home__types a {
  float: none;
  display: inline-block;
  width: auto;
  clear: both;
  text-align: left;
  padding-right: 20px;
  padding-top: 5px;
  color: #000;
  font-size: 13px;
  padding-bottom: 5px;
  font-family: 'Montserrat-SemiBold', arial, serif;
}

 .support__content .home__types a:hover {
  text-decoration: none;
  color: #8dc53e;
}

.lit__block {
  margin-bottom: 30px;
}

.lit__topper {
  border-radius: 7px 7px 0 0;
  color: #fff;
  padding: 12px 20px;
  background: #000000;
  background: linear-gradient(135deg, #000000 40%, #8dc53e 96%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#8dc53e',GradientType=1 );
  border: 1px solid black;
  border-bottom: none;
}

.lit__body {
  background-color: #ececec;
  border: 2px solid black;
  border-top: none;
  border: 1px solid black;
  padding: 20px;
  border-top: none;
}

 .support__content .sp--contentblock {
  float: left;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;    
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
padding: 0;
}
.support__content .sp--contentblock h2{
  font-family: 'Montserrat-ExtraBold', arial, serif;
  color: #000;
  float: left;
  width: 100%;
}

p {
    font-family: 'Montserrat-SemiBold', arial, serif;
    font-size: 13px;
    line-height: 23px;
}

.grey {
	color: #777;
}
    strong, b {
        font-family: 'Montserrat-ExtraBold', arial, serif;
    }

.uv__space {
  float: left;
  width: 100%;
}

.uv__space p {
  float: left;
  width: 95%;
  margin-left: 5%;
  width: 100%;
  font-family: 'Montserrat-SemiBold', arial, serif;
}

.uv__space ul {
  float: left;
  font-family: 'Montserrat-SemiBold', arial, serif;
  width: 93%;
  margin-bottom: 20px;
  margin-left: 7%;
}

.uv__space .uv-head {
  float: left;
  width: 0;
  margin-left: 0;
  width: 100%;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 17px;
  line-height: 22px;
}

.controller_imgspace {
  float: left;
  width: 100%;
  margin-top: 40px;
  text-align: center;
}

.controller_imgspace img {
  width: 136px !important;
}

.controller_imgspace2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  float: right;
  width: 100%;
  margin-top: 55px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

  .controller_imgspace2 img {
  margin: 10px;
  -webkit-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
}

.controller_imgspace2 img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

 .sp__module {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: 100%;
  padding-top: 0;
}

 .sp__module .module__manuals .manuals__sec {
  float: left;
  width: 100%;
  margin-bottom: 15px;
  padding: 15px;
  background-color: #fff;
  border: 2px solid black;
}

 .sp__module .module__manuals .manuals__sec .m__innersec {
  float: left;
  width: 40%;
  height: 125px;
  text-align: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

 .sp__module .module__manuals .manuals__sec .m__innersec img {
  width: 85%;
  margin-left: 10%;
}

 .sp__module .module__manuals .manuals__sec .m__innersec ul {
  margin-bottom: 0;
}

 .sp__module .module__manuals .manuals__sec .m__innersec ul li {
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 15px;
  cursor: pointer;
  padding-bottom: 8px;
  padding-top: 8px;
  line-height: 19px;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}

 .sp__module .module__manuals .manuals__sec .m__innersec ul li:hover,  .sp__module .module__manuals .manuals__sec .m__innersec ul li:active {
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}

 .sp__module .module__manuals .manuals__sec .m__innersec--2 {
  width: 60%;
  padding-left: 10%;
}

 .sp__module .drop__sec {
  float: right;
  width: 100%;
  margin-bottom: 20px;
}

 .sp__module .drop__sec .drop__top {
  float: left;
  width: 100%;
  position: relative;
  border: 0px solid black;
  cursor: pointer;
  height: 150px;
}

 .sp__module .drop__sec .drop__top img {
  float: left;
  width: 40%;
}

 .sp__module .drop__sec .drop__top .bg__img {
  width: 40%;
  height: 150px;
  background-position: 50%;
  position: absolute;
  background-size: cover;
}

 .sp__module .drop__sec .drop__top .clip1 {
  float: right;
  width: 72%;
  position: absolute;
  height: 150px;
  right: 0;
  opacity: .6;
  height: 150px;
  background-color: #000;
  -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0 100%);
}

 .sp__module .drop__sec .drop__top .clip2 {
  float: right;
  width: 75%;
  position: absolute;
  right: 0;
  opacity: .3;
  height: 150px;
  background-color: #000;
  -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0 100%);
}

 .sp__module .drop__sec .drop__top .clip3 {
  float: right;
  position: absolute;
  height: 150px;
  right: 0;
  width: 68%;
  background-color: #000;
  -webkit-clip-path: polygon(15% 0%, 100% 0, 100% 100%, 0 100%);
  clip-path: polygon(10% 0%, 100% 0, 100% 100%, 0 100%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

 .sp__module .drop__sec .drop__top .clip3 p {
  color: #fff;
  margin: 0;
  margin: auto;
  text-align: center;
  font-size: 28px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}

 .sp__module .drop__sec .drop__top .clip3 i {
  position: absolute;
  top: 6px;
  right: 10px;
  font-size: 2.5vw;
  color: #8dc53e;
}

 .sp__module .drop__sec .drop__body {
  float: left;
  width: 100%;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
  border: 4px solid black;
  border-top: none;
  background-color: #ededed;
  padding: 0 20px;
}
main .sp__module .drop__sec .drop__body--webfix{
  max-height: 0px;
  overflow: hidden;
}

 .sp__module .drop__sec .open--drop {
  padding: 20px;
  height: auto;
  display: block !important;
}

.drop__body p{
  font-size: 13px;
  line-height: 21px;
}
.drop__body h2{
  font-family: 'Montserrat-ExtraBold', arial, serif;
  color: #000;
  font-size: 1.2rem;
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 3px;
  margin-top: 25px;
}

.drop__body .pagetitle
{
  font-family: 'Montserrat-ExtraBold', arial, serif;
  color: #000;
  font-size: 1.2rem;
  border-bottom: 1px solid #9a9a9a;
  padding-bottom: 3px;
  margin-top: 25px;
  float: left;
  width: 100%;
}

.drop__body p strong{
  font-size: 13px;
  display: inline-block;
  float: none;
  width: auto;
}

.drop__body .c
{
  text-align:center;
}
.drop__body .c img
{
  max-width: 70%;
}

.drop__body div{
  margin: 20px 0;
  text-align: center;
}

@media (min-width: 1201px) {
  header .flex--nav .nav-item {
    margin-left: 8px;
  }
  header .flex--nav .nav-item .nav-link {
    font-size: 15px;
    padding: 12px;
  }
  .molecules {
    /* padding: 60px 10%; */
    background-image: url(/images/assets/molecules_green.png);
    background-repeat: no-repeat;
    background-position: -32vw -59vw;
    background-size: 81vw;
}
}

@media (max-width: 1200px) {
  .molecules {
    /* padding: 60px 10%; */
    background-image: url(/images/assets/molecules_green.png);
    background-repeat: no-repeat;
    background-position: -32vw -57vw;
    background-size: 84vw;
}

  .product__section {
    padding: 35px 0;
}

  .home__textblock .wh-serieshead
  {
    line-height: 32px;
    font-size: 32px;
  }
  .home__textblock .series--subtxt
  {
    line-height: 24px;
    font-size: 22px;

  }
  .nav--containerfix {
    max-width: 96%;
  }
  header .flex--nav .nav-item .nav-link {
    font-size: 12px;
    padding: 7px;
  }
  header .flex--nav .nav-item{
  	margin-left: 8px;
  }
  .home__sectwo .home__types .type__block img {
    width: 70px;
    max-width: 80px;
  }
  .home__sectwo .home__types .type__block p {
    font-family: 'Montserrat-SemiBold', arial, serif;
    font-size: 17px;
    margin: 0;
    margin-top: 20px;
    color: #000;
  }
  .home__textblock .home__body {
    line-height: 24px;
    font-size: 17px;
  }
  .education .education__title
  {
    font-size: 28px;
  }
  .home__textblock .home__heading {
    line-height: 34px;
    font-size: 30px;
  }
  footer .foot__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-evenly;
  }
  footer .foot__nav .foot__block .menu__item {
    font-size: 14px;
    margin-bottom: 4px;
  }
  footer .section--pad10 {
    padding: 60px 0px;
  }
  footer .section--pad10 .container {
    margin: 0;
    padding: 0 30px;
    max-width: none;
  }

  .cont_breadcrumbs_3
  {

  }
  .cont_breadcrumbs_3 > ul > li > a{
    font-size: 13px;
  }

  .homepage__blackcomb .fancy__block1 {
    top: 21%;
    left: -10px;
}
.homepage__blackcomb .fancy__block2 {
  bottom: 9%;
  left: -10px;
  width: 38%;
}
.homepage__blackcomb .fancy__block3 ul
{
	margin-top: 0 !important;
}
.homepage__blackcomb .fancy__block3 {
  top: 20%;
  right: -10px;
}
.homepage__blackcomb .fancy__block4 {
  right: -10px;
  bottom: 13%;
}
.homepage__blackcomb .fancy {
    width: 37%;
    }
.homepage__blackcomb .fancy .ft-1 {
  margin-bottom: 7px;
  font-size: 15px;
}
.homepage__blackcomb .fancy p, .homepage__blackcomb .fancy .ft-2 {
  font-size: 12px;
  line-height: 19px;
}
.homepage__blackcomb .fancy ul {
  margin-top: 11px;
}
.homepage__blackcomb .fancy ul li {
  font-size: 12px;
  line-height: 18px;
}
footer .subfoot-grid
{
  grid-template-columns: 70% 30%;
}
footer .subfoot-grid .top__left .address-cf p, footer .subfoot-grid .top__left .contact__foot .cf-block p, footer .subfoot-grid .top__right p{
  font-size: 14px;

}
footer .subfoot-grid .top__left .address-cf p{
  width: 80%;
  margin-top: 0;
  line-height: 21px;
}


}

@media (max-width: 991px) {
  .product__info .product__space .product__details .product__description{
    margin-bottom: 22px;
    margin-top: 18px;
  }
  .sp__vnav h2 {
    text-align: center;
  }
  
    .homepage__blackcomb .fancy__block1 {
    top: 21%;
    left: -10px;
}
.homepage__blackcomb .fancy__block2 {
  bottom: 9%;
  left: -10px;
  width: 38%;
}
.homepage__blackcomb .fancy__block3 ul
{
	margin-top: 0 !important;
}
.homepage__blackcomb .fancy__block3 {
  top: 15%;
  right: -10px;
}
.homepage__blackcomb .fancy__block4 {
  right: -10px;
  bottom: 0;
}
.homepage__blackcomb .fancy {
    width: 37%;
    }

  .mini__banner {
    position: relative;
    height: 175px;
}
.mini__banner .banner--clip .slimbanner--text h1 {
    font-size: 1.5em;
  line-height: 34px;
}
  .cont_breadcrumbs_3 {
    margin-bottom: 20px;
}
.sp__nav-item p{
  padding: 2px 20px;
}
   main{
    margin-top: 80px;
  }
   .featured__section {
    position: relative;
    background-image: url(/images/assets/molecules_sherpa.png);
    background-size: 45%;
    background-position: 0%;
    background-repeat: no-repeat;
    padding: 59px 3%;
    padding-top: 133px;
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 96%, 0 100%);
    clip-path: polygon(0% 13%, 100% 0, 100% 100%, 0 100%);
  }
  
   .featured__section .featured__left {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    /* position: absolute; */
    /* right: -112px; */
    /* top: -73px; */
    text-align: center;
    width: 100%;
    margin: 20px 0;
    /* opacity: .5; */
    /* -webkit-transform: scaleX(-1) rotate(38deg); */
    /* transform: scaleX(1) rotate(-33deg); */
  }
   .featured__section .featured__left img {
    width: 78%;
    margin: auto;
    max-width: 200px !important;
      flex-shrink: 0;
  }
  header .flex--nav .nav-item {
    margin: 0;
    margin-left: .3vw;
  }
  header .flex--nav .nav-item .nav-link {
    font-size: 11px;
    padding: 10px;
  }
  footer .foot__nav {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    text-align: center;
  }
  footer .foot__nav .foot__block {
    float: left;
    max-width: none;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 5px;
  }
  footer .foot__nav .foot__block .menu__item {
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 13px;
  }
  .productfoot__section {
    padding: 29px 5%;
    padding-top: 13%;
  }
@media all and (-ms-high-contrast:none)
{
.productfoot__section {   padding-top: 29px; } /* IE10 */
*::-ms-backdrop, .productfoot__section {   padding-top: 29px; } /* IE11 */
}
     @supports (-ms-ime-align:auto) {
.productfoot__section {   padding-top: 29px; }
	}
  .productfoot__section .productfoot--flex {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .productfoot__section .productfoot--flex .where__to {
    width: auto;
    margin: auto;
    margin-right: auto;
    margin-top: 32px;
  }
  .productfoot__section .productfoot--flex .where__to a {
    font-size: 18px;
  }
  .productfoot__section .productfoot--flex img {
    width: 30%;
    max-width: 250px;
    height: 200px;
    margin-right: 3%;
  }
  .productfoot__section .productfoot--flex p {
    width: 65%;
    text-align: right;
    font-size: 16px;
    line-height: 20px;
  }
  .section__systems {
    padding: 20px 2% 20px 2%;
  }
  .section__systems .triangle {
    height: 38px;
    width: 75px;
  }
  .section__systems .flex-types {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .section__systems .flex-types .flex-type {
    padding: 20px 7% 20px 7%;
    width: 50%;
  }
  .section__systems .flex-types .flex-type .type-head {
    font-size: 18px;
  }
  .section__systems .flex-types .flex-type .type-body {
    font-size: 14px;
  }
  .section__systems .flex-types .flex-type .type-view {
    font-size: 17px;
  }
  .section__systems .flex-types .flex-type img {
    width: 60px;
  }
  .section__systems .flex-types .flex-type2 .borderLine {
    height: 1px;
    width: 75%;
    bottom: 0;
    position: absolute;
    border-bottom: 1px solid #878787;
    right: 15%;
    top: auto;
  }
  .section__systems .flex-types .flex-type4 {
    padding-top: 30px;
  }
  .section__systems .flex-types .flex-type4 .borderLine {
    height: 75%;
    width: 1px;
    left: 0;
    position: absolute;
    border-right: 1px solid #878787;
    bottom: 15%;
  }
  .section__systems .flex-types .flex-type3 {
    padding-top: 30px;
  }
  .section__systems .flex-types .flex-type3 .borderLine {
    height: 1px;
    width: 75%;
    left: 0;
    position: absolute;
    border-top: 1px solid #878787;
    top: 0;
    left: 15%;
  }
  .home__textblock .wh-serieshead {
    font-size: 35px;
  }
  .home__textblock .series--subtxt {
    font-size: 20px;
  }
  .product__section .prod__head h2 {
    font-size: 29px;
  }
  .product__section .prod__head p {
    font-size: 14px;
  }
  .product__section .products {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
    padding: 25px 0;
    padding-bottom: 0px;
  }
  .product__section .products .product {
    width: 48%;
    margin-bottom: 20px;
  }
  .product__section .products .product img {
    width: 55%;
  }
  .product__section .products .product .product__title {
    font-size: 23px;
  }
  .product__section .products .product--featured {
    margin-top: 0px;
  }

  .home__textblock .home__heading {
    line-height: 28px;
    font-size: 24px;
}

.featured__section .featured__right .featured__contentblock .green__head{
  font-size: 30px;
}
.featured__section .featured__right .featured__contentblock .white__subhead{
  font-size: 19px;
    line-height: 25px;
}
.featured__section .featured__right .featured__contentblock ul li {
  margin-bottom: 4px;
  font-size: 13px;
}

.sp__vnav {
  width: 100%;
  padding-bottom: 0px;
  border-bottom: 1px solid #b7b7b7;
  margin-bottom: 45px;
}

.sp__nav-item p
{
  text-align: center;
}

.product__info .product__space .product__details .product__description p{
  font-size: 11px;
  line-height: 16px;
}

.product__info .product__space .product__details h1
{
  font-size: 27px;
  line-height: 30px;
}
.product__info .product__space .product__details h2{
  font-size: 16px;
  line-height: 22px;
}
.product__info .product__space .product__details .product__links p{
  margin: 0;
  margin-left: 33px;
  font-size: 16px;
  margin-bottom: 12px;
}
.section--black
{
  padding: 82px 0px 40px 0 !important;
}

*::-ms-backdrop, .section--black {     padding: 35px 0px 35px 0 !important; } /* IE11 */
@supports (-ms-ime-align:auto) {
.section--black {   padding: 35px 0px 35px 0 !important; }
}

}

@media(max-width: 945px)
{
	.nav--containerfix
	{
	   max-width: 100%;
	}
}

@media (min-width: 901px) {
  .dropdown:hover .dropdown-menu {
    display: block;
  }
}

@media (max-width: 900px) {
  .home__sectwo .home__types .type__block p
  {
    font-size: 15px;
  } 
  
  main{
    margin-top: 0;
  }
  .header--fixed-top {
    position: relative;
  }
  header {
    height: 80px;
  }
  header .nav--containerfix {
    max-width: 100%;
    margin: 0;
    padding-right: 0;
    padding-left: 0;

  }
  .fix-900{
      width: 100%;
    margin: 0;
    float: left;
  }
  header .nav--containerfix .height--100 {
    display: inline-block;
  }
  header .logo .logo__img {
    margin-top: 7px;
  }
  header .flex--nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row;
    flex-flow: column nowrap;
    height: 100%;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: space-around;
    padding-top: 15px !important;
    padding-bottom: 15px !important;
    background-color: #fff;
    padding: 20px 10%;
  }
  header .flex--nav .nav-item {
    padding: 0 0%;
  }
  header .flex--nav .nav-item .nav-link {
   padding-left: 12% !important;
    padding-top: 13px;
    font-size: 12px;
  }
  header .flex--nav .nav-item a {
    width: 70%;
    float: left;
    text-align: left;
    text-transform: uppercase;
  }
  header .flex--nav .nav-item span {
    float: right;
    width: 30%;
    height: 100%;
    padding: 12px 0;
    cursor: pointer;
    display: inline-block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-flow: column nowrap;
            flex-flow: column nowrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  header .flex--nav .nav-item span i {
    font-size: 20px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    transition: transform .2s ease-in-out, -webkit-transform .2s ease-in-out;
  }
  header .flex--nav .nav-item span .rotateArrow {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  header .flex--nav .dropdown .dropdown-menu {
    padding: 0rem 0;
    width: 100%;
    text-align: center;
    position: relative;
    border: none;
    float: none;
  }
  header .flex--nav .dropdown .dropdown-menu li {
    text-align: center;
    float: left;
    width: 100%;
    border-bottom: 1px solid #ededed;
    padding: 0px 0px;
  }
  header .flex--nav .dropdown .dropdown-menu li a {
    text-align: left;
    float: left;
    width: 100%;
    font-size: 12px;
    line-height: 32px;
    padding: px;
    /* background-color: #fff; */
    padding-left: 15%;
  }
  header .flex--nav .dropdown .dropdown-menu .popout .dropdown-item {
    float: left;
    width: 70%;
    line-height: 32px;
  }
  header .flex--nav .dropdown .dropdown-menu .popout span {
    float: right;
    width: 30%;
    padding-left: 1%;
    text-align: center;
  }
  header .flex--nav .dropdown .dropdown-menu .popout .popout-menu li {
    padding: 0;
  }
  header .flex--nav .dropdown .dropdown-menu .popout .popout-menu li a {
    padding-left: 18%;
    width: 100%;
    line-height: 26px;
    font-size: 12px;
  }
  header .flex--nav .dropdown .dropdown-menu .popout .popout-menu li a:hover {
    color: #fff;
  }
  header .flex--nav .dropdown .dropdown-menu .popout .drop--pop {
    font-family: 'Montserrat-SemiBold', arial, serif;
    color: #000;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    float: left;
    position: relative;
    width: 100%;
    display: block;
    background-color: #fff;
    margin: 0;
  }
  header .flex--nav .dropdown .drop--it {
    display: inline-block;
  }
  header .flex--nav .nav-item {
    margin: 0;
    width: 100%;
    text-align: center;
    margin-left: 0;
  }
  header .flex--nav .close--fix {
    padding: 0 !important;
    height: 0px !important;
  }
  header .hamburger {
    display: inline-block;
    -ms-flex: 0 0 83.333333%;
    -webkit-box-flex: 0;
    flex: 0 0 83.333333%;
    width: 80px;
    max-width: 100px;
    display: -webkit-box;
    float: right;
    display: -ms-flexbox;
    float: right !important;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
  }
  header .900--adj{
  	width: 30%;
  	max-width: 30%;
  }
   header .class2{
  	width: 200px;
	float: left;
  	max-width: 200px;
  }
  header .hamburger svg {
    width: 60px;
  }
  header .hamburger .ham {
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
    -webkit-transition: -webkit-transform 400ms;
    transition: -webkit-transform 400ms;
    transition: transform 400ms;
    transition: transform 400ms, -webkit-transform 400ms;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  header .hamburger .hamRotate.active {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
  }
  header .hamburger .hamRotate180.active {
    -webkit-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  header .hamburger .line {
    fill: none;
    -webkit-transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    transition: stroke-dasharray 400ms, stroke-dashoffset 400ms;
    stroke: #000;
    stroke-width: 5.5;
    stroke-linecap: round;
  }
  header .hamburger .ham1 .top {
    stroke-dasharray: 40 139;
  }
  header .hamburger .ham1 .bottom {
    stroke-dasharray: 40 180;
  }
  header .hamburger .ham1.active .top {
    stroke-dashoffset: -98px;
  }
  header .hamburger .ham1.active .bottom {
    stroke-dashoffset: -138px;
  }
  header .hamburger i {
    margin-top: auto;
    margin-bottom: auto;
    font-size: 28px;
    padding: 15px 20px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  header .mobile--navfix {
    width: 100% !important;
    max-width: none;
    -webkit-box-flex: 100%;
        -ms-flex: 100%;
            flex: 100%;
    height: auto;
    border-bottom: 1px solid #e5e5e5;
    max-height: 0px;
    overflow: hidden;
    padding: 0 !important;
    -webkit-transition: max-height .7s ease-in-out;
    transition: max-height .7s ease-in-out;
  }
  header .mobile--navfix .navbar {
    -webkit-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
    height: auto;
    padding-bottom: 0 !important;
  }
  header .mobile--navfix .close--fix {
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    padding: 0px;
    overflow: hidden;
  }
  header .max-height--jq {
    max-height: 310px;
  }

  .homepage__blackcomb .fancy__block1 {
    top: 19%;
  }
  .homepage__blackcomb .fancy__block2 {
    bottom: 1%;
  }
  .homepage__blackcomb .fancy__block3 {
    top: 24%;
  }
  .homepage__blackcomb .fancy__block4 {
    bottom: 9%;
  }
  .homepage__blackcomb .fancy ul li {
    font-size: 12px;
    line-height: 15px;
    margin-bottom: 1px;
  }
  .homepage__blackcomb .fancy p, .homepage__blackcomb .fancy .ft-2 {
    line-height: 17px;
  }
  
  .homepage__blackcomb .fancy
  {
  	width: 36%;
  }
  .homepage__blackcomb .fancy__block1, .homepage__blackcomb .fancy__block2
  {
  	left: -10px;  
  }
  .homepage__blackcomb .fancy__block3, .homepage__blackcomb .fancy__block4
  {
  	right: -10px;
  }
  .homepage__blackcomb .fancy__block3 ul
	{
	margin-top: 0;
	}
	.homepage__blackcomb .fancy__block3
	{
		top: 10%;
	}
}

.contact__page h2 {
  font-size: 24px;
}

@media(max-width: 850px)
{
	.homepage__blackcomb .fancy{
		width: 38%;
	}
	.homepage__blackcomb .fancy__block3
	{
	    top: 10%;
	}
	.homepage__blackcomb .fancy__block4
	{
		bottom: 0%;
	}
	.homepage__blackcomb .fancy__block4, .homepage__blackcomb .fancy__block3
	{
		right: -18px;
	}
	.homepage__blackcomb .fancy__block1, .homepage__blackcomb .fancy__block2
	{
		left: -22px;
	}
	.homepage__blackcomb .fancy__block3 .ft-1, .homepage__blackcomb .fancy__block3 .ft-2, .homepage__blackcomb .fancy__block3 p, .homepage__blackcomb .fancy__block3 ul
	{
		padding-left: 19px;
	}
	.homepage__blackcomb .fancy ul li, .homepage__blackcomb .fancy p, .homepage__blackcomb .fancy .ft-2
	{
		font-size: 11px;
	}
}

@media (max-width: 767px) {
  .molecules {
    /* padding: 60px 10%; */
    background-image: url(/images/assets/molecules_green.png);
    background-repeat: no-repeat;
    background-position: -32vw -87vw;
    background-size: 126vw;
}
.mini__banner .banner--clip
{
  background-size: 100%, cover;
  background-position: 62vw -20vw, 100%;
  background-repeat: no-repeat;
}
  .product__info .product__space .product__details
  {
    padding-left: 0;
  }
  .product__info .product__space{
    padding-top: 19px;
  }
 .education h1, .education h3 {
    text-align: center;

}
.education
{
  margin-bottom: 35px;
  padding-bottom: 22px;
  border-bottom: 1px solid #cecece;
}
  footer .subfoot-grid {
    grid-template-columns: 70% 30%;
    -ms-grid-rows: auto auto auto;
    grid-template-rows: auto auto auto;
}
footer .subfoot-grid .top__left {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 1;
  grid-row-end: 2;
}
footer .subfoot-grid .top__right {
  -ms-grid-column: 2;
  grid-column-start: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  grid-row-start: 2;
  grid-row-end: 3;
}
footer .subfoot-grid .bottom__left {
  -ms-grid-column: 1;
  -ms-grid-column-span:1;
  grid-column-start: 1;
  grid-column-end: 2;
  -ms-grid-row: 3;
  grid-row-start: 3;
  grid-row-end: 4;

  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-end;
}
footer .subfoot-grid .bottom__right {
  -ms-grid-column: 2;
  grid-column-start: 2;
  grid-column-end: 3;
  -ms-grid-row: 3;
  grid-row-start: 3;
  grid-row-end: 4;
  -ms-grid-column-span:1;
}

  .productfoot__section {
    padding: 7vw 4vw !important;
    padding-top: 14vw !important;
  }
  
*::-ms-backdrop, .productfoot__section {   padding-top: 7vw !important; } /* IE11 */

  /* ==============BREADCRUMBS SMALL=========== */
  .cont_breadcrumbs_3
  {
  }
  .cont_breadcrumbs_3 > ul > li:first-of-type
{
  margin-left: unset;
  padding-left: unset;
  display: none;
}

  .cont_breadcrumbs_3 > ul > li:nth-child(2)
{
    margin-left: -95% !important;
    padding-left: 100% !important;
}

  .cont_breadcrumbs_3 ul li {
    position: relative;
    float: left;
    -webkit-transform: skewX(-15deg);
    transform: skewX(-15deg);
    background-color: #000;
    width: auto;
    z-index: 1;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    margin-bottom: 7px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 0;
    transition: all .2s ease-in-out;
}
.cont_breadcrumbs_3 ul li:hover, .cont_breadcrumbs_3 ul li:focus, .cont_breadcrumbs_3 ul li:active {

}

.cont_breadcrumbs_3 > ul > li > a {
  display: block;
  padding: 4px;
  font-size: 20px;
  -webkit-transform: skewX(15deg);
  transform: skewX(15deg);
  text-decoration: none;
  color: #fff;
      font-family: "Montserrat-SemiBold",arial,serif;
  font-weight: 300;
  text-align: right;
  font-weight: lighter;
  font-size: 12px;

}
/*-------------end breadcrumbs-------------- */

  .hamburger {
    -ms-flex: 0 0 70.666667% !important;
    -webkit-box-flex: 0 !important;
            flex: 0 0 70.666667% !important;
    max-width: 70.666667% !important;
    width: 70.66666667 !important;
  }
   .contact__page .section {
    background-image: url(/images/assets/molecules_green.png);
    background-repeat: no-repeat;
    background-position: 71vw 44vw;
    background-size: 684px;
    background-position: bottom 31vw right -20vw;
  }
   .contact__page .mx-auto {
    margin-bottom: 0 !important;
  }
   .contact__page h1 {
    font-size: 28px;
  }
   .contact__page a {
    font-size: 20px;
  }
   .contact__page label {
    font-size: 14px;
  }
   .contact__page p {
    font-size: 14px;
  }
   .contact__page h2 {
    font-size: 24px;
  }

   .home__textblock .home__heading {
    font-size: 28px;
  }
   .home__textblock .home__body {
    font-size: 17px;
  }
   .featured__section .featured__right .featured__contentblock .green__head {
    font-size: 32px;
    line-height: 36px;
    margin: 0;
  }
   .featured__section .featured__right .featured__contentblock .white__subhead {
    color: #fff;
    font-family: 'Montserrat-ExtraBold', arial, serif;
    font-size: 19px;
    line-height: 28px;
    margin: 0;
    margin-bottom: 20px;
  }
   .featured__section .featured__right .featured__contentblock ul {
    color: #fff;
    font-family: 'Montserrat-SemiBold', arial, serif;
    font-size: 30px;
    line-height: 28px;
    margin: 0;
  }
   .featured__section .featured__right .featured__contentblock ul li {
    margin-bottom: 1px;
    font-size: 13px;
    /* background-color: #fff; */
    line-height: 19px;
  }
  .desktop--nav {
    display: none;
  }
  header .container .flex--space {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  header .logo {
    height: 100%;
  }
  header .logo .logo__img {
    margin-top: 7px;
  }
  .mob--hamburger {
    display: block;
    float: right;
    width: 100px;
    height: 80px;
    margin-right: -12px;
    margin-top: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    cursor: pointer;
  }
  .mob--hamburger .hamburger {
    color: #000;
    cursor: pointer;
    margin: auto;
    font-size: 26px;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .mob--hamburger:hover .hamburger {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
  .home__sectwo {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .home__sectwo .home__textblock .wh-serieshead {
    font-size: 28px;
    line-height: 30px;
  }
  .home__sectwo .home__textblock .series--subtxt {
    font-size: 18px;
  }
  .section__systems .triangle {
    width: 75px;
    height: 30px;
  }
  .product__section .products .product {
    padding: 30px 20px;
    position: relative;
    margin: 0 1%;
    margin-bottom: 20px;
  }
  .btn-secondary {
    font-size: 16px;
  }
  .product__section .products .product img {
    width: 65%;
  }
  .product__section .products .product ul {
    margin-top: 35px;
  }
  .product__section .products .product ul li {
    font-size: 13px;
    line-height: 15px;
  }
   .hero{
    background-image: url('/images/hero/gros-morne-hero-mobile.jpg');
    background-size: 100%;
    background-position: 0px 0;
  }

   .hero
  {
    position: relative;
  }

   .hero .hero__content{
    height: 50%;
    padding: 0 20px;
    margin-top: 11vw;
    width: 100%;
    z-index: 9;
    height: 55%;
  }

 .hero .hero-clip
{
  display: inline-block;
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 50%;
  background-color: transparent;
}
.hero .hero__content .hero-image {
  float: right;
  width: 60%;
  margin-bottom: 1vw;
  margin-top: 0;
  margin-right: -10vw;
}

/*.hero .hero__content .hero-image img {*/
/*  height: auto;*/
/*  width: 100%;*/
/*  margin-left: 0;*/
/*  max-width: unset;*/
/*  margin-top: 0;*/
/*  margin-bottom: 0;*/
/*}*/

.hero .hero__content .hero-image .swiper-container {
    height: auto;
    width: 100%;
    margin-left: 0;
    max-width: unset;
    margin-top: 0;
    margin-bottom: 0;

}
.hero .hero__content .hero-text {
  float: left;
  position: absolute;
  bottom: 11%;
  right: 30%;
  min-width: 160px;
}
.hero .banner--clip--2 {
  height: 160%;
  opacity: 1;
  left: -1%;
  width: 101%;
  background-size: cover;
}
.hero .banner--clip--3 {
  opacity: .5;
  height: 111%;
  clip-path: polygon(0% 87%, 100% 0, 100% 100%, 0 100%);
}
.hero .banner--clip--4 {
  opacity: .3;
  height: 119%;
  clip-path: polygon(0% 82%, 100% 0, 100% 100%, 0 100%);
}
.hero .hero__content .hero-text p a {
  color: #fff;
  font-size: 2vw;
  text-decoration: none;
}
.hero .hero__content .hero-text p {
  margin: 0;
  margin-top: 3px;
  line-height: 3vw;
}

.home__sectwo .home__types .type__block img
{
  width: 62px;
  max-width: 80px;
}
.home__sectwo .home__types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-flow: row nowrap;
  flex-flow: row wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}
.home__sectwo .home__types .type__block p {
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 14px;
  margin: 0;
  margin-top: 20px;
  color: #000;
}
.home__sectwo .home__types .type__block {
  text-align: center;
  cursor: pointer;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  width: 167px;
  margin-bottom: 25px;
}
.home__textblock .home__heading {
  line-height: 29px;
  font-size: 21px;
  margin-bottom: 22px;
}
.home__textblock .home__body {
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 13px;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 25px;
  line-height: 20px;
}

.fancy--padfixer{
  padding: 60px 6%;
}
.home__sectwo .home__types .type__block p
{
  font-size: 13px;
}
.home__sectwo .home__types .type__block img {
  width: 53px;
  max-width: 80px;
}
.home__sectwo {
  margin-top: 15px;
  margin-bottom: 0px;
}

.homepage__blackcomb .fancy {
  width: 100% !important;
  position: relative;
  float: none;
  display: inline-block;
  top: unset !important;
  bottom: unset !important;
  left: unset !important;
  right: unset !important;
  margin-bottom: 30px;
}
.homepage__blackcomb .fancy__block2, .homepage__blackcomb .fancy__block4
{
  margin-bottom: 0;
}

.home__textblock .home__heading {
  line-height: 21px;
  font-size: 20px;
  margin-bottom: 23px;
}

.fancy--padfixer {
  padding: 35px 6%;
}
.section {
  padding: 35px 0;
}
.home__textblock .home__body{
  margin-top: 0px;
}
.homepage__blackcomb .fancy .ft-1 {
  margin-bottom: 7px;
  font-size: 15px;
  text-align: center;
}
.homepage__blackcomb .fancy p, .homepage__blackcomb .fancy .ft-2 {
  font-size: 12px;
  line-height: 19px;
  text-align: center;
  width: 100%;
}
.homepage__blackcomb a{
  font-size: 14px;
}

/*.homepage__blackcomb img{*/
/*  width: 100%;*/
/*  max-width: 350px;*/
/*}*/

.homepage__blackcomb .exploding-animation-wrapper {
  width: 100%;
  max-width: 350px;
}

.featured__section .featured__right .featured__contentblock {
  padding: 24px 0 10px 0;
  padding-left: 10px;
}
.featured__section .featured__right .featured__contentblock .green__buttons{
  flex-flow: row wrap;
}
.featured__section .featured__right .featured__contentblock .green__buttons a{
  width: auto;
  text-align: left;
}
.featured__section .featured__right .featured__contentblock ul{
  padding-left: 15px;
}
.featured__section .featured__right .featured__contentblock .green__head{
  font-size: 23px;
  line-height: 23px;
  margin: 0;
}
.featured__section .featured__right .featured__contentblock .green__buttons p {
  min-width: 200px;
  margin-bottom: 0;
  font-size: 16px;
  margin-top: 13px;
}
.featured__section .featured__right .featured__contentblock .white__subhead {
  font-size: 15px;
  line-height: 24px;
  margin: 0;
  margin-bottom: 13px;
}
.education h1 {

  text-align: center;
}
.education .learn__more {
  margin-bottom: 15px;
  text-align: center;
  font-size: 16px;
  margin-top: 22px;
  width: 100%;
}
.education p {
  font-size: 13px;
  margin: 0;
  margin-top: 15px;
  margin-bottom: 0;
  line-height: 20px;
  text-align: center;
}
.homepage__blackcomb .fancy ul {
  width: 256px;
  float: none;
  text-align: left;
  margin: 0 auto;
  margin-top: 12px;
  displaY: inline-block;
}
footer .subfoot-grid {
  grid-template-columns: 70% 30%;
  -ms-grid-rows: auto auto auto;
  grid-template-rows: auto auto auto;
}
footer .subfoot-grid .top__left {
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  -ms-grid-row: 1;
  -ms-grid-column-span:2;
  grid-row-start: 1;
  grid-row-end: 2;
}
footer .subfoot-grid .top__right{
  -ms-grid-column: 1;
  grid-column-start: 1;
  grid-column-end: 3;
  -ms-grid-row: 2;
  grid-row-start: 2;
  -ms-grid-column-span:2;
  grid-row-end: 3;
  margin: 45px 22% 0 22%;
  padding: 35px 0px 12px 0;
  border-top: 1px solid #c3c3c3;
  text-align: center;
}
footer .subfoot-grid .bottom__right img
{
  width: 40px;
}
footer .subfoot-grid .top__right .social{
  display: inline-block;
  float: none;
}
footer .subfoot-grid .top__right p{
  text-align: center;
}
footer .subfoot-grid .bottom__left .copyright {
  font-size: 14px;
  margin-top: 2vw;
}
footer .subfoot-grid .top__left .contact__foot .phone1, footer .subfoot-grid .top__left .contact__foot .phone2
{
  width: 150px;
}
footer .subfoot-grid .top__left .contact__foot .cf-block {
   width: 190px;
}
footer .subfoot-grid .top__left .contact__foot .cf-block p{
  line-height: 32px;
}
footer .subfoot-grid .top__left .contact__foot .fax img, footer .subfoot-grid .top__left .contact__foot .mail img, footer .subfoot-grid .top__left .contact__foot .cf-block img {
  margin-top: 6px;
}
.product__info .product__space .product__img img{
  max-width: 145px;
    margin-bottom: 42px;
}

}

@media (max-width: 576px) {
  .home__sectwo {
    margin: 0;
  }
  .section__systems .triangle {
    width: 65px;
    height: 20px;
  }
  .section__systems .flex-types .flex-type {
    padding: 22px 7% 15px 7%;
    width: 100%;
  }
  .section__systems .flex-types .flex-type img {
    width: 45px;
    margin-bottom: 10px;
  }
  .section__systems .flex-types .flex-type .type-head {
    font-size: 16px;
    margin-bottom: 10px;
  }
  .section__systems .flex-types .flex-type .type-body {
    font-size: 10px;
    margin-bottom: 0;
  }
  .section__systems .flex-types .flex-type .type-view {
    font-size: 17px;
    margin-top: 0;
  }
  .section__systems .flex-types .flex-type .borderLine {
    height: 1px;
    width: 75%;
    right: auto;
    left: 13%;
    bottom: 0;
    position: absolute;
    border-bottom: 1px solid #878787;
    top: auto;
    border-top: none;
  }
  .section__systems .flex-types .flex-type4 .borderLine {
    border-bottom: none;
  }
  .product__section {
    padding: 35px 0;
  }
  .product__section .prod__head h2 {
    font-size: 25px;
    line-height: 29px;
  }
  .product__section .products {
    padding-top: 20px !important;
  }
  .product__section .products .product {
    width: 95%;
  }
  .product__section .products .product img {
    max-width: 115px;
  }
}
@media(max-width: 516px)
{
  footer .subfoot-grid .top__left .address-cf p, footer .subfoot-grid .top__left .contact__foot .cf-block p, footer .subfoot-grid .top__right p {
    font-size: 12px;
  }
  .drop__body p {
    font-size: 11px;
    line-height: 16px;
}
.drop__body h2 {
  font-size: 1.4rem;
  line-height: 1.4rem;
}
.drop__body h3 {
  font-size: 1.1rem;
  line-height: 1.1rem;
}
 
  .drop__body ul li {
    font-family: 'Montserrat-ExtraBold', arial, serif;
    color: #000;
    font-size: 11px;
    line-height: 16px;
}

}

@media(max-width: 430px)
{
  .productfoot__section .productfoot--flex img
  {
    display: none;
  }
  .productfoot__section .productfoot--flex p{
    width: 100%;
    text-align: center;
  }
  .productfoot__section .productfoot--flex .where__to {
    margin-top: 16px;
}
.productfoot__section {
  padding: 7vw 4vw !important;
  padding-top: 8vw !important;
}
.productfoot__section{
  clip-path: unset;
  -webkit-clip-path: unset;
}

}


/* ------------------------------------------------------------------------ Useful Links Page */
 .links__body
{
  float: left;
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: flex-start;
  margin: 0px 0 20px 0;
}

 .links__body .link__head
{
  float: left;
  width: 100%;
  border: 2px solid #c6c6c6;
  font-size: 14px;
  border-bottom: none;
  text-transform: uppercase;
  cursor: pointer;
  padding: 10px;
  font-family: 'Montserrat-ExtraBold', arial, serif;
}
 .links__body .links
{
  font-family: 'Montserrat-SemiBold', arial, serif;
  border: 1px solid #919191;

  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}
.links__body .links--webfix
{
  max-height: 0px;
  overflow: hidden;
}
 .links__body .links  .link__row:nth-child(even)
{
  background-color: #e5e5e5;
}
 .links__body .link__row
{
  padding: 10px;
}
.links__body .link__row p
{
display: none;
}
/* ------------------------------------------------------------------------ EndUseful Links Page */


/* ------------------------------------------------------------------------ Product Page Tabs */

nav > .nav.nav-tabs{

  border: none;
    color:#fff;
    background:#f5fee9;
    border-radius:0;

}
nav li.nav-item button.nav-link,
nav li.nav-item button.nav-link.active
{
  border: none;
    padding: 18px 25px;
    color:#000;
    background:#f5fee9;
    border-radius:0;
    outline: none;
    font-size: 16px;
}

.tab-content{
  background: #fdfdfd;
    line-height: 25px;
    border: 1px solid #ddd;
    border-top:5px solid #8dc53e;
    border-bottom:5px solid #8dc53e;
    padding:30px 25px;
}

nav li.nav-item button.nav-link:hover,
nav li.nav-item button.nav-link:focus {
    border: none;
    background: #8dc53e;
    color: #fff;
    border-radius: 0;
    transition: background 0.20s linear;
}

/* ------------------------------------------------------------------------ End Product Page Tabs */

/* ------------------------------------------------------------------------ Accordion */

.accordion {
	background-color: #fff;

}

    .accordion .card-body {
        padding: 1.25em 0em;
        border: 1px solid #c6c6c6;
        display: block;
        margin-bottom: 15px;
    }
    
  .accordion h5 {
        background-color: #fff;
    }
        .accordion h5 a {
            text-transform: uppercase;
            width: 100%;
            display: inline-block;
            line-height: 34px;
            padding: 0 12px;
            margin: 0px 0 20px 0;
            background-color: #e0e0e0;
            color: #000;
            cursor: pointer;
            border: 1px solid #b7b7b7;
            border-top: 5px solid #8dc53e;
        }

        .accordion h5 a i {
          position: absolute;
          right: 0;
          margin: 7px;
          color: #8dc53e;
          transition: all .2s ease-in-out;
        }
        .accordion h5 a i.flipIt {
          transform: rotate(180deg);
        }

 .accordion p:nth-child(even) {
    background-color: #e5e5e5;
}

    .accordion p {
        display: block;
        padding: .9em 0.5em;
        margin: 0;
    }
    .accordion .card-body{
      padding: 0;
    }

.accordion-content {
    display: block;
    border-bottom: 1px solid #DDE0E7;
    background: #fff;
    padding: 0 1.5rem;
}


/* -----------Anchor Nav---------- */

.anchor__nav
{
  margin: 10px 0px 20px 52px;
  list-style: none;
  counter-reset: my-awesome-counter;
}
.anchor__nav li
{
  margin-bottom: 10px;
  padding: 0;
  border-bottom: none;

  counter-increment: my-awesome-counter;
}
.anchor__nav li::before
{
  font-family: 'DaxCondensed-Medium', arial, serif;
  content: counter(my-awesome-counter) ". ";
  color: #000;
  font-weight: lighter;
  float: left;
}
.anchor__nav li .list-group-item {
  position: relative;
  display: block;
  padding: 0 1rem;
  outline: none;
  bordeR: none;
  width: auto;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 13px;
  line-height: 20px;
  background-color: none !important;
  background: none !important;
}
.anchor__nav a
{
  float: left;
  width: 100%;
}
.anchor__nav a:hover
{
  color: #8dc53e;
}

#six:before {
  content: "";
  display: block;
  height: 80px; /* fixed header height*/
  margin: -80px 0 0; /* negative fixed header height */
}

@media(max-width: 600px)
{
  .anchor__nav li .list-group-item {
    position: relative;
    display: block;
    padding: 0 1rem;
    outline: none;
    bordeR: none;
    width: auto;
    line-height: 27px;
    font-size: 12px;
}
.anchor__nav {
  float: left;
  width: auto;
  margin: 0px 0px 20px 0px;
  list-style: none;
  counter-reset: my-awesome-counter;
}
}



/* ---------------PRODUCT LISTING PAGE------- */

.product__listing h1 {
  border-bottom: 1px solid #b7b7b7;
  text-align: center;

}

.product__listing ul{
  text-align: left;
}

.listing__content{
  border: 2px solid #b7b7b7;
  border-top: none;
  padding: 20px;
  background-color: #f1f1f1;
  position: relative;
  min-height: 400px;
}
.listing__content .pl__btnblock a{
  width: auto !important;
  color: #8dc53e;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  float: left;
  margin: 0;
  margin-top: 20px;
  width: 100%;
  text-align: center;
  font-size: 19px;
  text-transform: uppercase;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  cursor: pointer;
  text-decoration: none;
}
.listing__content .pl__btnblock a:hover, .listing__content .pl__btnblock a:active, .listing__content .pl__btnblock a:focus{
  transform: translate(15px);
}

.pl__flex{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.pl__block{
width: 46%;
margin: 2%;
cursor: pointer;
transition: all .2s ease-in-out;
}
.pl__block:hover, .pl__block:active, .pl__block:focus{
  transform: scale(1.03);
}
.pl__block .pl__head{
  margin-bottom: 3px;
  text-transform: uppercase;
  text-align: center;
  font-size: 16px;
}
.pl__block .pl__title 
{
  background-color: #232323;
  text-align: center;
  width: 100%;
  padding: 12px;
}
.pl__block .pl__title .image__box
{
  padding: 15px;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  max-width: 250px;
  margin: 0 auto; 
}
.pl__block .pl__title .image__box img
{
  width: 200px;
  height: 60px !important;
  margin: auto;
}
.pl__block .pl__title p
{  
  margin: 0;
  font-size: 18px;
  padding-bottom: 5px;
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  border-bottom: 1px solid white;
  font-family: 'DaxCondensed-Medium', arial, serif;
}
.pl__btnblock{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 80px;
  width: 100%; 
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.pl__intro{
  text-align: center !important;
  max-width: 700px;
  margin: 20px auto;
}

.support__content .listing__content{
  min-height: 280px;
}

@media(max-width: 1200px)
{
  .listing__content {
    min-height: 450px;
}
}
@media(max-width: 991px)
{
  .listing__content {
  min-height: 509px;
  }
  .pl__block .pl__head
  {
    font-size: 13px;
  }
  
  .sp__nav-child{
    transform: translate(0px);
    background-color: #f5f5f5;
    border: 1px solid white;
    padding: 0px;
}

.sp__nav-item.active p a::after{
  content: '^';
  margin-left: 10px;
  margin-right: -10px;
  display: inline-block;
  font-size: 16px;
  font-weight: lighter;
  transform: rotate(180deg);
}
.sp__nav-item.sp__nav-child.active p a::after {
  content: '';
  display: none;
}
}
@media(max-width: 767px)
{
  .pl__block {
    width: 100%;
    margin: 10px 0 20px 0;

  }
.product__listing h2 {
  text-align: center;
}
.listing__content{
  min-height: auto;
}
.pl__btnblock{
  position: relative;
}
.support__content .listing__content
{
  min-height: 0;
  height: auto;
}


}

/* -----GLOSSARY------ */
.the__glossary p strong
{
  font-size: 16px;
}
.glossary__index p a{
  font-family: 'DaxCondensed-Medium', arial, serif;
  font-size: 22px;
  min-width: 22px;
  margin: 8px 0px;
  text-decoration: none;
  transition: all .2s ease-in-out;
}
.glossary__index p a:hover
{
  transform: scale(1.2);
}
.glossary__index p
{
  display: flex;
  flex-flow: row wrap;
  margin-bottom: 30px;
  justify-content: space-between;
}

.the__glossary .glossary__anchor
{
  font-family: 'DaxCondensed-Medium', arial, serif;
  font-size: 40px;
  line-height: 47px;
  padding: 0 12px;
  margin: 0px 0 20px 0;
  background-color: #e0e0e0;
  color: #000;
  border: 1px solid #b7b7b7;
}
.the__glossary .glossary__anchor a
{
width: 0;
padding: 0;
  visibility: hidden;
}
.glossary__index p a.gls--green{
  transform: scale(1.2);
  color: #8dc53e;
  outline: none;
}



/* --------------slim--banner------------------ */

@media(max-width: 767px)
{
  .mini__banner .container
  {
    margin-right: 4%;
  }
  .mini__banner .banner--background
  {
    width: 100%;
  }
  .mini__banner .banner--clip {
    width: 111%;
    overflow: hidden;
    background-image: url(/images/assets/molecules_sherpa.png), url(/images/hero/banner-angle-mobile-2.png);
    background-size: 54%, 169%;
    background-position: 154% 100%, 0;
    background-repeat: no-repeat;
}
  .mini__banner .banner--clip .slimbanner--text {
    position: relative;
}
  .mini__banner .banner--clip .slimbanner--text h1 {
    font-size: 1.5em;
    color: #fff;
    line-height: 28px;
    position: absolute;
    bottom: 10px;
    right: 4%;
    height: 89px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    max-width: 300px;
    text-align: right;
    width: 50%;
  }

  .mini__banner .banner--clip .flex__logo img {
    margin-left: 9%;
    position: absolute;
    min-width: 202px;
    right: 4vw;
    bottom: 21px;
    max-width: 330px;
    width: 42vw;
}
}

@media(max-width: 450px)
{
  .mini__banner .banner--clip .slimbanner--text h1 {
    font-size: 1.5em;
    color: #fff;
    line-height: 20px;
    position: absolute;
    bottom: 0;
    right: 7%;
    height: 83px;
    max-width: 300px;
    text-align: right;
    width: 50%;
}
}


@media(max-width: 767px)
{
  .QA__block {
    padding-left: 15px !important;
  }
}


/* --------SPEC TABLE STYLES----------- */
#nav-tabContent
{
max-height: 600px;
padding: 0 !important;
overflow-Y: scroll;
}
#nav-tabContent .table-responsive
{
  padding: 10px;
  -webkit-overflow-scrolling: touch; 
}
#nav-specs table td, #nav-parts table td
{
  text-align: center;
  vertical-align: middle;
  color: #666;
  min-width: 100px;
  border: 1px solid #d8d8d8;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 12px;
  padding: .15rem;
}
#nav-specs table th, #nav-parts table th
{
  vertical-align: middle;
  margin: auto;
  border: 1px solid #d8d8d8;
  text-align: center;
  font-size: 13px;
  background-color: #f3f3f3;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  padding: .15rem;
  font-weight: lighter;
}

@media(max-width: 767px)
{
	#nav-tabContent
	{
		max-height: none;
		padding: 0 !important;
		overflow-Y: hidden;
	}
	#nav-tabContents .tab-content
	{
		    overflow-x: hidden;
	}
	#nav-tabContent .table-responsive
	{
		overflow-y: hidden;
	}
	
	#nav-tabContents .nav.nav-tabs
	{
  	    flex-flow: row wrap;
	    justify-content: flex-start;
	}
	#nav-tabContents .nav.nav-tabs
	{
  	    flex-flow: row wrap;
	    justify-content: flex-start;
	}
	#nav-tabContents .nav-tabs .nav-link
	{
		width: auto;
		flex-grow: 1;
	}
}
/* ----------------product page mod styles -------------*/
.mod__block
{

}
.mod__block .mod-desc
{
  border-left: 1px solid #d8d8d8;
  padding: 0;
  border: 1px solid #d8d8d8;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  background-color: #f3f3f3;
  border-top: none;
  padding: 20px;
}
.mod__block .mod-title
{
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  padding: 25px;
  border: 1px solid #d8d8d8;
  border-right: none;
  border-top: none;
}
.mod__block .mod-title img
{
  margin: auto;
  max-width: 165px;
  width: 70%;
}
.mod__block .mod-title p
{
  margin: auto;
  margin-bottom: 20px;
  text-align: center;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  font-size: 18px;
}
.mod__block .row:first-of-type{
  margin-bottom: 20px;
  border-top: 5px solid #8dc53e;
}
.optional__title{
      padding: 12px 18px 35px;
      font-size: 23px;
      color: #000;
      font-family: 'Montserrat-ExtraBold', arial, serif;
      text-align: center;
      text-transform: uppercase;
}

@media(max-width: 991px)
{
  .mod__block .mod-title p
  {
    font-size: 14px;
  }
  .mod__block .mod-desc ul li{
    font-size: 12px;
  }
}

@media(max-width: 767px)
{
  .mod__block .mod-title
  {
    border-right:  1px solid #d8d8d8;
  }
}

/*----------- Product listing banner sm--------- */
@media(max-width: 767px)
{
  .hero__wholehome .banner--clip {
    width: 110%;
    background-position: 0px 0;
    background-image: url(/images/hero/banner-angle-mobile-2.png);
  }
  .hero__wholehome .banner--background{
    width: 89%;
  }
  .hero__wholehome .banner--clip .flex__logo .hero__content .wh-text {
    width: 100%;
    max-width: 100%;
    display: block;
    /* float: right; */
    margin-bottom: 3%;
}
.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text h1 {
  font-size: 5vw;
  line-height: 5vw;
}
.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text p {
  font-size: 3vw;
  line-height: 5vw;
}
.hero__wholehome .banner--clip .flex__logo .hero__content .wh-text2 img {
  width: 27vw;
  min-width: 160px;
}
.hero__wholehome .banner--clip .flex__logo .hero__content
{
  padding: 20% 0 7%;
  padding-right: 7%;
}
.hero__wholehome .banner--clip .flex__logo .hero__content{
  width: 49vw;
}
}


/*------ Where to buy nav button-------- */
.where-to-buy
{
  margin: 0;
  margin-left: 0px;
}

.where-to-buy .nav-link
{
  margin: 0;
  color: #8dc53e !important;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-transform: uppercase;
  font-weight: lighter;
  font-family: 'Montserrat-ExtraBold', arial, serif;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
  margin-left: 0px;
  font-size: 15px;
  text-align: center;
}

.where-to-buy:hover, .where-to-buy:hover, .where-to-buy:focus{
  background-color: #fff !important;  
}
    .where-to-buy a:hover, .where-to-buy a:active, .where-to-buy a:focus {
        transform: scale(1.1);
        text-decoration: none;
    }

nav .where-to-buy:hover, nav .where-to-buy:active, nav .where-to-buy:focus
{
  transform: translate(0);
}
nav .where-to-buy:hover .nav-link, nav .where-to-buy:active .nav-link, nav .where-to-buy:focus .nav-link
{
  transform: translate(0) scale(1.1);
}


@media(max-width: 1201px)
{
  .where-to-buy .nav-link
  {
    font-size: 12px;
  }
}

@media(max-width: 991px)
{
  .where-to-buy{
    margin: 0;
    width: auto;
    text-align: center;
    margin-left: 0;
    padding: 0 0%;
    margin-right: 5px;
  }
  .where-to-buy .nav-link
  {
    font-size: 11px;
    padding: 10px;
    text-align: center;

  }

  .where-to-buy a:hover, .where-to-buy a:active, .where-to-buy a:focus{
    transform: translate(15px) scale(1);
    }
}
@media(max-width: 900px)
{
  .where-to-buy .nav-link
  {
  padding-left: auto !important;
  }


   header .flex--nav .nav-item a {
  	height: auto !important;
  }
  header .flex--nav .nav-item span {
  	height: auto;
  }
  header .flex--nav .dropdown .dropdown-menu{
  top: 0;}
  header .flex--nav .dropdown .popout .popout-menu{
  border: none;
  }
  
}
@media(max-width:767px)
{
  .where-to-buy
  {
    width: 200px;
    
  }
  .where-to-buy a:hover, .where-to-buy a:active, .where-to-buy a:focus{
    transform: translate(0px) scale(1);
    }
} 



/* ----------Additional Banner Clips----------- */
.med--clip
{
  background: #202020;
  background: url('/images/hero/banner-angle.svg');
  height: 100% !important;
  z-index: 3;
  width: 70%;
  height: auto;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 0;
}
.sm--clip
{
  background: #202020;
  background: url(/images/assets/molecules_sherpa.png), url('/images/hero/banner-angle.svg');
  height: 100% !important;
  z-index: 3;
  width: 70%;
  height: auto;
  position: absolute;
  right: 0;
  z-index: 2;
  top: 0;
}

.med--clip2
{
  width: 61%;
  opacity: .7;
}
.med--clip3{
  width: 64%;
  opacity: .5;
}
.med--clip4
{
  width: 66%;
  opacity: .3;
}
.sm--clip2
{
  width: 59%;
  opacity: .7;
}
.sm--clip3{
  width: 61%;
  opacity: .5;
}
.sm--clip4
{
  width: 62%;
  opacity: .3;
}

@media(max-width: 767px)
{
  .nsf--mobfix
  {
    background-position: 2% 100% !important;
    background-size: 145% !important;
    background-repeat: no-repeat !important;
    transform: scale(-1, 1) !important;
  }
  .industrial--mobfix
  {
    background-position: 0 0 !important;
    background-size: 100% 100% !important;
  }
  .wh--mobfix{
    background-position: 21% 98% !important;
    background-size: 175% !important;
    background-repeat: no-repeat !important;
  }


  .med--clip
{
  left: 0;
}
.med--clip2
{
  width: 100%;
  opacity: .7;
  background: url(/images/hero/banner-angle-mobile.svg);
}
.med--clip3{
  width: 105%;
  opacity: .5;
  background: url(/images/hero/banner-angle-mobile.svg);
}
.med--clip4
{
  width: 108%;
  opacity: .3;
  background: url(/images/hero/banner-angle-mobile.svg);
}
  .sm--clip
  {
    clip-path: polygon(101% 0%, 100% 0, 100% 100%, -16% 100%);
  }
  .sm--clip2
{
  width: 105%;
}
.sm--clip3{
  width: 112%;
  clip-path: polygon(94% 0%, 100% 0, 100% 100%, -13% 100%);
}
.sm--clip4
{
  width: 118%;
  clip-path: polygon(87% 0%, 100% 0, 100% 100%, -14% 100%);
}
  
}

/* --------------------Info PAge Table Format----------------- */

.tableoverfloweth p
{
  font-weight: lighter;
  font-size: 20px;
}
.tableoverfloweth
{
  text-align: center;
  overflow-x: auto;
  width: 100%;
  display: inline-block;
}
.tableoverfloweth table
{
display: inline-block;
margin-bottom: 20px;
}
.tableoverfloweth tr th
{
  vertical-align: middle;
  margin: auto;
  border: 1px solid #d8d8d8;
  text-align: center;
  font-size: 13px;
  background-color: #f3f3f3;
  font-family: 'Montserrat-SemiBold', arial, serif;
  padding: .15rem;
}
.tableoverfloweth tr td{
  text-align: center;
  vertical-align: middle;
  color: #666;
  min-width: 100px;
  border: 1px solid #d8d8d8;
  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 12px;
  padding: .15rem;
}

/* NAV */
.nav-tabs .nav-link.active
{
  background-color: #8dc53e !important;
    color: #fff !important;
}

.sp__nav-item.active p a{
  color: #8dc53e;
}


/* ----------Controller Options----------- */
#nav-controller.active{
  display: flex;
  flex-flow: row wrap;
  justify-content: space-evenly;
}
.screen__block
{
width: 150px;
margin: 10px;
}
.screen__block p
{
  width: 100%;
  float: left;
  margin: 0;
  padding: 10px;
  font-weight: lighter;
  font-size: 9px;
  text-align: center;
  background-color: #ececec;
  border: 1px solid #cacaca;
  border-bottom: none;
  line-height: 10px;
  font-family: 'Montserrat-SemiBold', arial, serif;
}
.screen__block img
{
  width: 100%;
  float: left;
}

.tab-content>.tab-pane {
  display: none;
}
.tab-content>.active {
  display: block;
}

/* ------contact form errors----- */
.field-validation-error{
  color: #9e2c01;
  font-weight: lighter;
  font-family: 'DaxCondensed-Medium', arial, serif;
}

/* -------------Landing Pages------------- */

.faq-bg-1
{
  background-image: url('../../images/assets/cloudy-water.jpg')
}
.faq-bg-2
{
  background-image: url('../../images/assets/water-chemistry.jpg')
}
.faq-bg-3
{
  background-image: url('../../images/assets/water-uv.jpg')
}
.faq-bg-4
{
  background-image: url('../../images/assets/water-filtration.jpg')
}
.faq-bg-5
{
  background-image: url('../../images/assets/water-osmosis.jpg')
}
.faq-bg-6
{
  background-image: url('../../images/assets/water-softening.jpg')
}

/* ------------------------------------------------------------------------ Google Translate */
			
.goog-te-gadget {

}

.goog-te-gadget a {
    font-weight: 400 !important;
}

.goog-te-gadget-simple {
    padding-top: 1px !important;
    padding-bottom: 2px !important;
    border: 1px solid #777 !important;
}
.goog-te-gadget-simple a {
  text-decoration: none;
}

.goog-te-gadget-simple .goog-te-menu-value {
    color:#777 !important;
    font-style: italic;
    }


/* ---------topnav active state ---------*/

.header .navbar .active .nav-link{
    border: none;
    background: #8dc53e;
    color:#fff;
    border-radius:0;
    transition:background 0.20s linear;
}

.nav-item.active
{
  background: #8dc53e;
}

.nav-item.active .dd__arrow i{
  color: #fff;
}

/*-------- Literature and Manuals product page area--------- */

#nav-literature, #nav-manuals
{
  padding: 20px;
}

#nav-literature p i, #nav-manuals p i
{
  margin-right: 10px;
}
#nav-literature p a, #nav-manuals p a
{
  text-decoration: none;
}

#nav-literature p, #nav-manuals p
{
  border-bottom: 1px solid #c3c3c3;
  margin-bottom: 30px;
}

#nav-literature p:last-of-type, #nav-manuals p:last-of-type
{
  margin-bottom: 0;
}

@media(max-width: 767px)
{
  #nav-literature p, #nav-manuals p {
    border-bottom: none;
  }
}


/* ---------Contact Page------------ */
.thanks-1
{
  font-size: 18px;
  text-align: center;
  margin-bottom: 40px;
}
.thanks-2
{
  margin: 0;
  font-size: 16px;
  text-align: center;
  text-transform: uppercase;
}

@media(max-width: 991px)
{
  .contact__page .card--flex{
    text-align: center;
  }
}

/* ----Featured Product Mobile Adjust----- */
.featured__section
{
  overflow: hidden;
}
.featured__section .featured__left img {
  width: 78%;
  max-width: none;
    flex-shrink: 0;
}

/* -----------maintainence parts page---------- */

.maintainence__list
{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
}

.maintainence__list a
{
  display: inline-block;
  width: 46%;
  text-decoration: none;
  line-height: 25px;
  margin-bottom: 20px;
  margin-right: 5px;
  padding: 10px;
  text-align: left;
  border-bottom: 1px solid #d6d6d6;
  border-top: 5px solid #8dc53e;

  font-family: 'Montserrat-SemiBold', arial, serif;
  font-size: 13px;
  line-height: 20px;

}

@media(max-width: 500px)
{
  .maintainence__list a
  {
    width: 100%;
    margin-bottom: 15px;
  }
}

/* ------------UV Concierge---------- */

@media(max-width: 767px)
{
  .uv-concierge-img
  {
    width: 37vw;
  }
}


/* Footer */
footer .contact__foot a 
{
    text-decoration: none;
}

@media(max-width: 767px)
{
  footer .subfoot-grid .top__left
  {
    text-align: center;
  }
  footer .subfoot-grid .top__right
  {
    margin-bottom: 20px;
  }
  footer .subfoot-grid .top__left .address-cf
  {
    height: auto;
    float: none;
    width: 210px;
    margin-bottom: 0;
    display: inline-block;
  }
  footer .subfoot-grid .top__left .contact__foot .cf-block p
{
  margin-bottom: 5px;
}
  footer .subfoot-grid .top__left .contact__foot {
    float: none;
    width: 160px;
    display: inline-block;
    margin: 0 auto;
}
}

/*--------- Dealer Programming Page --------*/

.flex__displays{
  display: flex;
  flex-flow: row nowrap;
  justify-content: space-evenly;
  padding: 25px 0px;
  margin: 25px 0px;
  border-top: 1px solid #d0d0d0;
}
.controller__before, .controller__after{
  display: flex;
  flex-flow: row wrap;
  justify-content: center;
  width: 30%;
}
.controller__before img, .controller__after img{
  margin: 5px;
}
.call__today
{
  width: 40%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
}
.call__today p strong{
  float: none;
  color: #000;
  font-size: 13px;
}

@media(max-width: 991px)
{
  .flex__displays {
    display: flex;
    flex-flow: column nowrap;
    justify-content: space-evenly;
  }
  .controller__before, .controller__after {
    display: flex;
    flex-flow: row wrap;
    width: 100%;
}
.call__today {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  position: relative;
  height: 188px;
}
.call__today p{
  float: left;
  width: 36%;
  margin-left: 20%;
  margin-top: auto;
  margin-bottom: auto;
}
.call__today img{
  transform: rotate(90deg);
  float: right;
  width: 166px !important;
  position: absolute;
  right: 18%;
}
}

@media(max-width: 470px)
{
  .controller__before img, .controller__after img {
    margin: 5px;
    width: 100px;
    height: 96px !important;
}
.call__today {
  width: 100%;
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
  text-align: center;
  position: relative;
  height: 188px;
}
.call__today p {
  float: left;
  width: 60%;
  margin-left: 3%;
  margin-top: auto;
  margin-bottom: auto;
}
.call__today img {
  transform: rotate(90deg);
  float: right;
  width: 130px !important;
  position: absolute;
  right: 0%;
}
}

/*------------- Homepage Widgets--------------- */

@media(max-width: 991px)
{
  .home__sectwo .home__types .type__block p
  {
    font-size: 14px;
  }
  .home__sectwo .home__types .type__block img {
    width: 60px;
    max-width: 80px;
}
}

.m{
	float:left;
	margin-right:3px;
}


.nav {
  padding-left: 0;
  margin-bottom: 0;
  list-style: none;
}
.nav > li {
  position: relative;
  display: block;
}
.nav > li > a {
  position: relative;
  display: block;
  padding: 10px 15px;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
}

.nav > li.disabled > a:hover,
.nav > li.disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
}
.nav .nav-divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
}
.nav > li > a > img {
  max-width: none;
}
.nav-tabs {
  border-bottom: 1px solid #dddddd;
}
.nav-tabs > li {
  float: left;
  margin-bottom: -1px;
}
.nav-tabs > li > a {
  margin-right: 2px;
  line-height: 1.42857143;
  border: 1px solid transparent;
  border-radius: 4px 4px 0 0;
}
.nav-tabs > li > a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-bottom-color: transparent;
}
.nav-tabs.nav-justified {
  width: 100%;
  border-bottom: 0;
}
.nav-tabs.nav-justified > li {
  float: none;
}
.nav-tabs.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-tabs.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-tabs.nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs.nav-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:hover,
.nav-tabs.nav-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs.nav-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs.nav-justified > .active > a,
  .nav-tabs.nav-justified > .active > a:hover,
  .nav-tabs.nav-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.nav-pills > li {
  float: left; 
	border-left: 1px solid #8dc53e;
	border-right: 1px solid #8dc53e;
	border-top: 1px solid #8dc53e;
}

.nav-pills > li > a.active {
  background-color:#8dc53e;
  color:#fff
}


.nav-pills > li + li {
  margin-left: 2px;
}

.nav-stacked > li {
  float: none;
}
.nav-stacked > li + li {
  margin-top: 2px;
  margin-left: 0;
}
.nav-justified {
  width: 100%;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 5px;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}
@media (min-width: 768px) {
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }
}
.nav-tabs-justified {
  border-bottom: 0;
}
.nav-tabs-justified > li > a {
  margin-right: 0;
  border-radius: 4px;
}
.nav-tabs-justified > .active > a,
.nav-tabs-justified > .active > a:hover,
.nav-tabs-justified > .active > a:focus {
  border: 1px solid #dddddd;
}
@media (min-width: 768px) {
  .nav-tabs-justified > li > a {
    border-bottom: 1px solid #dddddd;
    border-radius: 4px 4px 0 0;
  }
  .nav-tabs-justified > .active > a,
  .nav-tabs-justified > .active > a:hover,
  .nav-tabs-justified > .active > a:focus {
    border-bottom-color: #ffffff;
  }
}
.tab-content > .tab-pane {
  display: none;
}
.tab-content > .active {
  display: block;
}
.nav-tabs .dropdown-menu {
  margin-top: -1px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.clearfix:before,
.clearfix:after,
.nav:before,
.nav:after {
  display: table;
  content: " ";
}
.clearfix:after,
.nav:after {
  clear: both;
}


/* search button */
.mob-search{
	display: none;
}
.nav-addon{
    min-width: 177px;
    padding-left: 17px;
    padding: 5px 0 5px 18px;
    border-left: 1px solid #cecece;
}

  .search-button{
    text-align: right;
    padding: 2px 0;
    float: right;
    padding-top: 0;
    border: 0;
    background-color: transparent;
  }
  .search-button img{
    width: 20px;
    cursor: pointer;
    transition: all .2s ease-in-out;
  }
  .search-button img:hover{
    transform: scale(1.2);
  }
  .goog-te-gadget-simple{
    border-left: 1px solid #d5d5d5 !important;
    border-top: 1px solid #9b9b9b  !important;
    border-bottom: 1px solid #e8e8e8  !important;
    border-right: 1px solid #d5d5d5  !important;
  }
  #searchToggleExternalContent{
    position: absolute;
    top: 101%;
    width: auto;
    right: 0;

  }
  
  #searchToggleExternalContent .input-group.col-md-12
  {
  	flex: none !important;
   	-ms-flex: none !important;
  }
  
  
  #searchToggleExternalContent button{
  	min-width: 50px;
	border-radius: 0;
	background-color: white;
  }
  #searchToggleExternalContent button:hover{
	color: black;
  }
    #searchToggleExternalContent button i{
	transition: all .2s ease-in-out;
  }
  #searchToggleExternalContent button:hover i{
	transform: scale(1.1);
  }
  #searchToggleExternalContent .container{
      border: 2px solid white;
    border-top: none;
  }
  .luminor-search{
     width: 139px;
     height: 46px !important;
  }
  
  .modal-totop{
      text-align: right;
  	  font-weight: lighter;
  	font-family: 'Montserrat-ExtraBold', arial, serif;
	cursor: pointer;
  }  
  
  
  @media(max-width: 900px)
  {
  
  	.nav-addon{
	    border-left: none;
	    width: 100%;
	}
  	.search-button img
	{
	    display: none;
	}
  	.search-button .mob-search
	{
	    display: block;
	}
	.where-to-buy .nav-link{
		font-size: 16px;
	    padding: 15px;
	}
	.mob-search .btn{
         	min-width: unset;
		border-radius: 0;
		min-width: 50px;
	}
	.mob-search{
		display: block;
		padding: 10px;
	    width: 100%;
	    background-color: black;
	}
	.mob-search .input-group{
	    max-width: 400px;
    		margin: 0 auto;
	}
	.mob-search .input-group-append{
	    background-color: #8dc53e;
	}
	.mob-search .input-group-append .fa-search
	{
		color: white;
	}
	.nav-addon{
		padding: 0;
	}
	.LanguageToggle{
		margin: 18px auto !important;
		float: none !important;
   		width: 124px!important;
	}
  }
  @media(max-width: 768px){
 	.twitter--mobpad{
	    padding: 0 35px;
	}
  }
  
  
  
/* //-----------------  Foot ADjust */

@media(max-width: 1100px)
{
	footer .foot__nav
	{
	    flex-flow: row wrap;	
	}
	footer .foot__nav .foot__block
	{
		text-align: center;
		width: 50%;
	}
	footer .foot__nav .foot__block:last-of-type
	{
		justify-content: center;
	}
}
@media(max-width: 680px)
{
	footer .foot__nav .foot__block
	{
		width: 100%;
	}
	footer .foot__nav .foot__block:last-of-type
	{
		justify-content: flex-start;
	}
	footer .foot__nav .foot__block .menu__item:hover
	{
	    -webkit-transform: translate(0, 0) scale(1.1);
	    transform: translate(0, 0) scale(1.1);
	}
}


#nav-tabContents
{
    padding: 15px 0px !important;
}

#nav-tabContents .tab-content
{
  overflow: scroll;
  padding: 0;
  overflow-y: hidden !important;
}

#nav-tabContents ul.nav-tabs
{
    width: 100%
}
#nav-tabContents li.nav-item
{
    width: 20%;
}

    #nav-tabContents li.nav-item button.nav-link {
        width: 100%;
        text-align: center;
        border: 0;
        font-size: 16px;
        color: #666;
        border: 1px solid transparent;
        border-bottom: 0px;
    }

    #nav-tabContents li.nav-item button.nav-link:hover {
        border-top-left-radius: .25rem;
        border-top-right-radius: .25rem;
        border-color: #e9ecef #e9ecef #dee2e6;
        color: #8dc53e;
    }

/* //-----------------  Radio Flex */

.flex-it
{
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.flex-it .form-group{
     margin: auto !important;
    margin-left: 0px !important;
    margin-top: 0px !important;
}
.flex-it .form-group .form-check{
        margin-right: 15px;
    float: left;
}

.flex-it .required-input{
    font: normal 100%/1.6 'Poppins', sans-serif !important;
    font-size: 0.875rem;
    font-weight: normal;
}
.flex-it  .form-check-label
{
	padding-left: 0;
}

.modal-header .close{
    float: right;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    text-shadow: 0 1px 0 #fff;
    background-color: transparent;
    border: 0;
    -webkit-appearance: none;
    padding: 1rem;
    margin: -1rem -1rem -1rem auto;
    color: #000;
    opacity: .5;
}
.modal-header .close:hover, .modal-header .close:focus {
    color: #000;
    text-decoration: none;
    opacity: .75;
}