/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */
 
 
/* Google font - Montserrat 300, 500, 600, 800 */

/* WEBSITE STYLES */
html {
	scroll-behavior: smooth;
}
body {
	margin: 0px;
	padding: 0px;
/*	background-color: #231f20; */
	background-color: #202020;
	font-family: 'Inter', arial, helvetica, serif;
	font-size: 18px;
	font-weight: 300;
	color: #fff;
}
.desktop { display: block !important; }
.desktop-inline { display: inline-block !important; }
.mobile, .mobile-inline { display: none !important; }
div {
	box-sizing: border-box;
	word-wrap: break-word;
}
.col-sm-12 {
	padding: 0px;
}
.clearfix {
	display: block;
	float: none;
	clear: both;
	width: 100%;
}
.hidden_content {
	display: none;
}

/* GLOBAL */
.region.region-content a {
	color: #fff;
	text-decoration: none;
	font-weight: 400;
}
a.anchor {
	display: inline-block;
	position: relative;
	top: -180px;
	visibility: hidden;
}
a:hover { color: #fff; }


p {
	color: #fff;
	line-height: 1.4em;
	font-weight: 300;
	font-size: 16px;
	font-style: normal;
	margin-bottom: 1em;
}
h1, h1.page-header {
	width: 100%;
	border-bottom: none;
	font-size: 64px;
	text-transform: normal;
	font-weight: 400;
	color: #fff;
	margin-bottom: 32px;
}
p.smaller-font {
	font-size: .8em;
}
body.path-frontpage h1.page-header {
	display: none;
}
h2 {
	font-size: 28px;
	font-weight: 400;
	color: #fff;
	margin-bottom: .5em;
}
h2.block-title {
	font-size: 64px;
}
h3 {
	font-size: 24px;
	font-weight: 400;
	color: #fff;
}
b, strong {
	font-weight: 600;
}
h1 a, h2 a, h3 a {
	text-decoration: none !important;
}
p {
	word-wrap: break-word;
}
.alert-success p {
	color: #000;
}

.font-size-64 {
	font-size: 64px;
}
.font-size-60 {
	font-size: 60px;
}
.font-size-32 {
	font-size: 32px;
}
.font-size-28 {
	font-size: 28px;
}
.font-size-22 {
	font-size: 22px;
}
.font-size-16 {
	font-size: 16px;
}

.font-weight-900 {
	font-weight: 900;
}
.font-weight-800 {
	font-weight: 800;
}
.font-weight-700 {
	font-weight: 700;
}
.font-weight-600 {
	font-weight: 600;
}
.font-weight-500 {
	font-weight: 500;
}
.font-weight-400 {
	font-weight: 400;
}
.font-weight-300 {
	font-weight: 300;
}
.font-weight-200 {
	font-weight: 200;
}
.font-weight-100 {
	font-weight: 100;
}

a.button {
	padding: 10px 40px;
	border-radius: 22px;
	text-decoration: none !important;
	cursor: pointer;
}
a.black-button {
	color: #fff !important;
	background: #202020;
	border: 1px solid #202020;
}
a.black-button:hover {
	color: #202020 !important;
	background-color: transparent;
}
a.white-button {
	color: #202020 !important;
	background: #fff;
	border: 1px solid #202020;
}
a.white-button:hover {
	color: #fff !important;
	background-color: #202020;
	border: 1px solid #fff;
}

.black-text, .black_text {
	color: #202020;
}
.blue_text {
	color: #fff;
}
.red_text {
	color: #af0000;
}

.align-left {
	margin: 0px 20px 20px 0px;
}
.align-right {
	margin: 0px 0px 20px 20px;
}

.center-this {
	display: block;
	text-align: center;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	margin: 0 auto;
}

.padding-20 {
	padding: 20px;
}
.padding-40 {
	padding: 40px;
}
.padding-80 {
	padding: 80px;
}

.white-box {
	background: #fff;
}

.border-radius-10 {
	border-radius: 10px;
}

.vertical-center {
	position: relative;
	top: 50%;
	transform: translateY(-60%);
}

.col-sm-6.left {
	padding-left: 0px;
	padding-right: 20px;
}
.col-sm-6.right {
	padding-left: 20px;
	padding-right: 0px;
}

/* COLUMNS */
.columns-wrapper {
	float: none;
	clear: both;
	width: 100% !important;
	display: flex;
	flex-flow: wrap;
	justify-content: center;
}
.columns-wrapper.site-width {
	max-width: 1210px !important;
}
.column {
	overflow: hidden;
}
.column:first-child {
	margin-left: 0 !important;
}
.column:last-child {
	margin-right: 0 !important;
}
.columns-two .column {
	flex: 0 0 auto;
	width: calc(50% - 20px);
	min-width: 350px;
	margin: 0px auto 40px;
	padding: 0;
}
.columns-three .column {
	flex: 0 0 auto;
	width: calc(33% - 20px);
	min-width: 350px;
	margin: 0px auto 40px;
	padding: 0;
}
.columns-four .column {
	flex: 0 0 auto;
	width: calc(25% - 20px);
	min-width: 290px;
	margin: 0px auto 40px;
	padding: 0;
}
.column img {
	width: 100% !important;
	height: auto !important;
}
.column.one-third {
	width: calc(33.3% - 20px);
	margin: 0px auto 40px;
	padding: 0;
}
.column.two-thirds {
	width: calc(66.6% - 20px);
	margin: 0px auto 40px;
	padding: 0;
}

/* COLLAPSIBLE DRAWERS */
.drawer {
  display: none;
  padding-bottom: 1em;
}
a.trigger {
  color: #999;
  position: relative;
  display: block;
  cursor: pointer;
  border-top: 1px solid #999;
  padding: 20px 50px 10px 0px;
  margin-top: 20px;
  width: 100%;
  text-decoration: none;
  font-weight: bold;
}
a.trigger:first-child {
	margin-top: 0px;
}
a.trigger.closed:after {
  position: absolute;
  display: block;
  content: '\f067';
  color: #fff;
  font-family: fontawesome;
  font-size: 1.2em;
  font-weight: normal;
  width: 20px;
  height: auto;
  top: calc(50% - 10px);
  right: 20px;
}
a.trigger.opened:after {
  position: absolute;
  display: block;
  content: '\f068';
  color: #fff;
  font-family: fontawesome;
  font-size: 1.2em;
  font-weight: normal;
  width: 20px;
  height: auto;
  top: calc(50% - 10px);
  right: 20px;
}


/* HEADER */
.navbar.container { /* light header will be the default */
	position: fixed;
	z-index: 9999;
	top: 0;
	max-width: 100%;
	width: 100%;
	margin: 0;
	padding: 0 2%;
	background: #fff;
	border: none;
	border-radius: 0;
}
body.toolbar-fixed .navbar.container {
	z-index: 99;
	top: 80px;
}

.navbar-header {
	position: relative;
	z-index: 9999;
	width: 100%;
	max-width: 1210px;
	margin: 0 auto !important;
	float: none !important;
}
.navbar-header #site-logo {
	float: left;
	padding: 20px 0px;
	width: 100%;
	max-width: 99px;
}
.navbar-header #site-logo a {
	display: inline-block;
}
.navbar-header #site-logo img {
	max-width: 99px;
	width: 100% !important;
	height: auto !important;
	margin: 0 !important;
	padding: 0 !important;
}
.navbar-header #header-right {
	width: calc(100% - 250px);
	float: right;
}
.navbar-header #header-right #main-menu-container {
	padding: 10px 0;
	text-align: right;
}
.navbar-header #main-menu-toggle {
	display: inline-block;
	width: auto;
	margin: 10px 2px;
	vertical-align: middle;
	padding-top: 10px;
}
@media all and (min-width:1025px) {
	.navbar-header #main-menu-toggle {
		display: none;
	}
}
.navbar-header #main-menu-toggle button {
	padding: 0;
	background-color: transparent;
	border: none;
	width: 28px;
}
.navbar-header #main-menu-toggle button span.icon-bar {
	display: block;
	width: 100%;
	height: 2px;
	background-color: #000;
	margin: 0 auto;
	padding: 0;
}
.navbar-header #main-menu-toggle button span.icon-bar:nth-child(2) {
	margin: 6px auto;	
}
.navbar-header #main-menu-search {
	display: inline-block;
	width: 20px;
	padding: 10px 0;
}
.navbar-header #main-menu-search img {
	width: 100%;
	height: auto;
}

/* POPUP SEARCH FORM */
#block-searchform form#search-block-form {
	margin-top: 40px;
}
#block-searchform form#search-block-form input#edit-keys {
	width: 600px;
}

.region-navigation {
	position: relative;
	z-index: 99999;
	width: auto;
	height: auto;
	padding: 0;
	float: none;
	text-align: center;
	background-color: transparent;
}
@media all and (max-width: 1250px) {
	.region-navigation {
		padding: 0 20px;
	}
}
@media all and (max-width:768px) {
	#block-integerlights-main-menu {
		display: none;
	}
}
#block-integerlights-main-menu ul.menu--main {
	float: none;
	margin: 0 auto !important;
	text-align: right;
	margin-left: -1.2vw !important;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#block-integerlights-main-menu ul.menu--main li {
	display: inline-block;
	float: none;
	text-align: center;
	margin: 0 auto;
}
#block-integerlights-main-menu ul.menu--main li:first-child {
	margin-left: 0;
}
#block-integerlights-main-menu ul.menu--main li:last-child {
	margin-right: 0;
}
#block-integerlights-main-menu ul.menu--main li a {
	color: #202020;
	text-decoration: none;
	font-weight: 500;
	padding-left: 1.6vw;
	padding-right: 1.6vw;
	font-size: 16px;
}
#block-integerlights-main-menu ul.menu--main li:last-child a {
	padding-right: 0 !important;
}
#block-integerlights-main-menu ul.menu--main li a:hover {
	text-decoration: underline;
}
#block-integerlights-main-menu ul.menu--main li.active a {
	background-color: transparent !important;
}
#block-integerlights-main-menu ul.menu--main li a.search {
	font-size: 0;
	display: block;
	width: 20px;
	height: 40px;
	background: url('../images/search-magnifying-glass-blk.png') center no-repeat;
	background-size: 20px 20px;
	background-position-y: 15px;
}
@media all and (min-width:1920px) {
	#block-integerlights-main-menu ul.menu--main li a {
		padding-left: 1.2vw;
		padding-right: 1.2vw;
	}
}
/*
button.navbar-toggle {
	position: absolute;
	top: 50%;
	right: 0px;
}

.navbar-default {
    background-color: transparent;
    border: none;
    margin-bottom: 0px;
}
*/

/* GLOBAL SEARCH */
#global_search_inpage {
	padding-bottom: 50px;
	width: 80%;
	margin: 0px auto;
}
form#views-exposed-form-global-search-page-1 label {
	display: none;
}
form#views-exposed-form-global-search-page-1 .js-form-item-keys {
	width: calc(100% - 110px);
	margin: 0px auto;
}
form#views-exposed-form-global-search-page-1 .js-form-item-keys input {
	width: 100%;
	border-radius: 0;
}
.view-global-search .views-row {
	display: block;
	width: 100%;
	padding-bottom: 30px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}
.view-global-search .views-row .views-field-title a {
	text-decoration: none;
	font-size: 22px;
	font-weight: 500;
}

#cboxLoadedContent #global_search {
	padding-top: 40px;
	min-width: 400px;
}

/* MAIN CONTENT */
.main-container {
	position: relative;
	z-index: 0;
	width: 100%;
	padding: 0px;
	margin: 74px auto 0;
	min-height: 600px;
}
.main-container > .row {
	position: relative;
	margin: 0px;
	padding: 0px;
}

.full-width {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.site-width {
	width: 100%;
	max-width: 1210px;
	margin: 0 auto;
}

/* HOMEPAGE */

#block-integerlights-home-slider-block-1 {
	width: 100%;
	height: auto;
	overflow: hidden;
}
#block-integerlights-home-slider-block-1 .view-home-slider {
	position: relative;
}
#block-integerlights-home-slider-block-1 .view-home-slider .view-content .skin-default {
	position: relative;
	z-index: 0;
}
#block-integerlights-home-slider-block-1 .view-home-slider .view-content .skin-default .views_slideshow_main {
	position: relative;
	z-index: 0;
}
#block-integerlights-home-slider-block-1 .view-home-slider .view-content .skin-default .views_slideshow_main .views_slideshow_cycle_teaser_section {
	width: 100% !important;
}
#block-integerlights-home-slider-block-1 .view-home-slider .view-content .skin-default .views_slideshow_main .views_slideshow_cycle_teaser_section .views_slideshow_cycle_slide {
	width: 100% !important;
}
#block-integerlights-home-slider-block-1 .view-home-slider .views-row {
	position: relative;
	z-index: 0;
}
#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body {
	position: absolute;
	z-index: 10;
	width: 50% !important;
	max-width: 605px;
	height: auto !important;
	text-align: left;
	top: 50%;
	left: calc(50% - 605px);
	padding-right: 105px;
	transform: translateY(-50%);
}
#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body h2 {
	color: #fff;
	font-size: 64px;
}
#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body p, #block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body a {
	color: #fff;
}
#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-field-home-slide-image {
	display: block;
	width: 100%;
	height: auto;
}
#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-field-home-slide-image img {
	width: 100%;
}
#block-integerlights-home-slider-block-1 .view-home-slider .view-content .skin-default .views-slideshow-controls-bottom {
	position: absolute;
	bottom: 0px;
	width: 100%;
}


/* HOMEPAGE */
body.path-frontpage article.page {
	padding-top: 100px;
	padding-bottom: 100px;
}
body.path-frontpage article.page h2 {
	font-size: 64px;
	margin-bottom: .5em;
}
body.path-frontpage article.page .field--name-body .field--item {
	width: 100%;
	max-width: 1210px;
	margin: 0 auto;
}
.series_intro {
	width: 100%;
	max-width: 750px;
	margin: 0 auto 48px;
}
.series-blocks {
	margin-bottom: 100px;
	width: 100% !important;
}
.series-blocks .column {
	position: relative;
	background: #fff;
	border-radius: 10px;
	padding-top: 0;
	padding-bottom: 100px;
}
.series-blocks h3 {
	font-size: 24px;
}
.series-blocks h3, .series-blocks p {
	color: #202020;
	text-align: center;
}
.series-blocks .series-button {
	position: absolute;
	bottom: 48px;
	left: 50%;
	transform: translateX(-50%);
}
@media all and (max-width:768px) {
	.series-blocks {
		margin-bottom: 20px;
	}
}
#integrated_systems {
	position: relative;
	z-index: 0;
	width: 100%;
	max-width: 1210px;
	height: auto;
	min-height: 600px;
	aspect-ratio: 3 / 2;
}

#block-views-block-home-applications-block-1 {
	width: 100%;
	max-width: 1730px;
	margin: 0 auto;
}
#block-views-block-home-applications-block-1 .view-header {
	width: 100%;
	max-width: 650px;
	margin: 0 auto 48px;
}
#block-views-block-home-applications-block-1 .view-header h2 {
	font-size: 64px;
	margin-bottom: .5em;
}
#block-views-block-home-applications-block-1 .view-content {
	width: auto !important;
	height: calc(100vh - 75px) !important;
	max-height: 967px;
}
#block-views-block-home-applications-block-1 .view-content .skin-default {
	position: relative;
	z-index: 0;
}
#block-views-block-home-applications-block-1 .view-content .skin-default .views_slideshow_main {
	position: relative;
	z-index: 0;
	border-radius: 10px;
	overflow: hidden;
}
#block-views-block-home-applications-block-1 .view-content .skin-default .views_slideshow_main .views_slideshow_cycle_teaser_section {
	width: auto !important;
	height: calc(100vh - 85px) !important;
	max-height: 967px;
}
#block-views-block-home-applications-block-1 .view-content .skin-default .views_slideshow_main .views_slideshow_cycle_teaser_section img {
	width: 102% !important;
	height: auto !important;
	max-width: unset;
	margin-left: -1%;
}
#block-views-block-home-applications-block-1 .view-content .skin-default .views_slideshow_main .views_slideshow_cycle_teaser_section .views-field-field-application-image {
	border-radius: 10px;
	overflow: hidden;
}
#block-views-block-home-applications-block-1 .view-content .views-slideshow-controls-bottom {
	position: absolute;
	z-index: 10;
	width: 1071px;
	left: 50%;
	bottom: 30px;
	transform: translateX(-50%);
	padding: 2px;
	border-radius: 27px;
	background: rgba(255, 255, 255, .8);
}
#block-views-block-home-applications-block-1 .view-content .views-slideshow-controls-bottom .views_slideshow_pager_field_item {
	display: inline-block;
	padding: 10px 30px;
	margin: 0 -0.5px;
	border-radius: 25px;
	background-color: transparent;
}
#block-views-block-home-applications-block-1 .view-content .views-slideshow-controls-bottom .views_slideshow_pager_field_item.active {
	background-color: #fff;
}
@media all and (max-width:1024px) {
	#block-views-block-home-applications-block-1 .view-content {
		height: auto !important;
	}
	#block-views-block-home-applications-block-1 .view-content .skin-default .views_slideshow_main {
		border-radius: 0;
	}
	#block-views-block-home-applications-block-1 .view-content .skin-default .views_slideshow_main .views_slideshow_cycle_teaser_section {
		height: auto !important;
		aspect-ratio: 16 / 9;
	}
	#block-views-block-home-applications-block-1 .view-content .views-slideshow-controls-bottom {
		position: relative;
		width: 90%;
		height: auto;
		bottom: unset;
		width: 100%;
		border-radius: 0;
	}
	#block-views-block-home-applications-block-1 .view-content .views-slideshow-controls-bottom .widget_pager {
		text-align: center;
		padding: 20px;
	}
}
.views-content-field-application-title {
	color: #202020;
	font-weight: 400;
	cursor: pointer;
}
.active .views-content-field-application-title {
	color: #202020;
	font-weight: 500;
}

#block-homefeatures {
	width: 100%;
	max-width: 1210px;
	margin: 100px auto;
}
#block-homefeatures #features-intro {
	width: 100%;
	margin-bottom: 18px;
}
#block-homefeatures #features-intro h2 {
	font-size: 64px;
}
#features-intro .features-text-left {
	width: 60%;
	float: left;
}
#features-intro .features-text-right {
	width: 200px;
	float: right;
	text-align: right;
	padding-top: 10px;
}
#block-homefeatures .columns-wrapper {
	width: 100% !important;
}
.features-blocks .column {
	padding: 0;
	width: calc(25% - 40px);
}
.features-blocks img {
	width: 100% !important;
	height: auto !important;
	border-radius: 10px;
	border: 1px solid #88888a;
}
#block-homefeatures p a:hover {
	text-decoration: underline;
}
@media all and (max-width:768px) {
	#block-homefeatures {
		margin-top: 20px;
	}
	#block-homefeatures #features-intro {
		padding: 0 20px;
	}
	#block-homefeatures .columns-wrapper {
		width: 100% !important;
		margin: 0 auto;
	}
}

/* GENERAL SUBPAGES */
#breadcrumb_bar {
	padding: 0px 12%;
}
#breadcrumb_bar ol.breadcrumb {
	background-color: transparent;
	padding: 10px 0px;
	margin: 0px auto;
}
#breadcrumb_bar ol.breadcrumb li {
	color: #202020;
}
#breadcrumb_bar ol.breadcrumb li a {
	color: #fff;
}

#header_image {
	border-bottom: 1px solid #fff;
}
#header_image.no-image {
	border: none;
	min-height: 150px;	
}
.field--name-field-header-type { display: none; }

#page_heading {
	padding: 20px 5%;
	min-height: 200px;
}
body:not(.path-frontpage) .region-content {
	display: block;
	padding: 75px 0 100px;
	width: 100%;
	max-width: 1210px;
	margin: 0 auto;
}
.main-container.nid-910 .region-content {
	display: block;
	padding: 75px 0 100px;
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
}
.main-container.resources .region-content {
	display: block;
}
@media all and (max-width:1200px) {
	body:not(.path-frontpage) .region-content {
		padding: 75px 20px 100px;
	}
}

.bg-image-block {
	position: relative;
	z-index: 0;
	width: 100%;
	height: auto;
	margin: 50px auto 0;
	padding: 0;
	border: 1px solid #88888a;
	border-radius: 10px;
	overflow: hidden;
}
.bg-image-block.no-border, .bg-image-block.no-borders {
	border: none;
}
.bg-image-block .textblock {
	position: absolute;
	z-index: 10;
}
.bg-image-block .textblock h2 {
	font-size: 64px;
}
.bg-image-block .textblock.top-center {
	width: 100%;
	max-width: 650px;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	padding: 50px 20px 0;
	text-align: center !important;
}
.bg-image-block .textblock.bottom-center {
	width: 100%;
	max-width: 650px;
	left: 50%;
	bottom: 50px;
	transform: translateX(-50%);
	text-align: center !important;
}
.bg-image-block .textblock.bottom-left {
	bottom: 60px;
	left: 100px;
	width: 100%;
	max-width: 650px;
}
.bg-image-block .hero-bg {
	position: relative;
	bottom: 0;
}
.bg-image-block .hero-bg img {
	width: 100% !important;
	height: auto !important;
}
@media all and (max-width:1210px) {
	#block-views-block-housing-options-block-1 .view-housing-options {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.view-housing-options .view-content {
		padding-top: 50px;
		padding-bottom: 200px !important;
	}
	.view-housing-options .view-content .views-slideshow-controls-bottom #widget_pager_bottom_housing_options-block_1 {
		text-align: center;
	}
}
@media all and (max-width:1024px) {
	.bg-image-block .textblock.bottom-left {
		left: 5%;
		width: 90%;
	}
	#led-technology .hero-bg {
		margin-top: 3vw;
	}
}
@media all and (max-width:900px) {
	#led-technology .hero-bg {
		margin-top: 8vw;
	}
}
@media all and (max-width:800px) {
	#led-technology .hero-bg {
		margin-top: 5vw;
	}
}
@media all and (max-width:700px) {
	#led-technology .hero-bg {
		margin-top: 10vw;
	}
}
@media all and (max-width:650px) {
	#company-hero {
		aspect-ratio: 4 / 3;
	}
	#led-technology .hero-bg {
		margin-top: 12vw;
	}
	.view-housing-options .view-content {
		padding-bottom: 200px !important;
	}
	.view-housing-options .views-field-field-housing-options-details .text-wrapper {
		padding-right: 0 !important;;
	}
}
@media all and (max-width:550px) {
	#company-hero {
		aspect-ratio: 1 / 1;
	}
	#led-technology .hero-bg {
		margin-top: 24vw;
	}
}
@media all and (max-width:450px) {
	#led-technology .hero-bg {
		margin-top: 30vw;
	}
}

#precise-optics {
	width: 47.5%;
	margin-left: 0;
	margin-right: 2.5%;
}
#optical-filters {
	width: 47.5%;
	margin-left: 2.5%;
	margin-right: 0;
}
@media all and (max-width:850px) {
	#precise-optics, #optical-filters {
		margin: 0 auto 40px !important;
	}
}
.view-housing-options {
	padding: 100px 0;
	background: #fff;
	width: 100%;
	max-width: 1730px;
	border-radius: 10px;
	margin: 0 auto;
}
.view-housing-options .view-header h2, .view-housing-options .view-header p {
	color: #202020;
}
.view-housing-options .view-content {
	position: relative;
	width: 100%;
	max-width: 1210px;
	margin: 0 auto;
	padding-bottom: 100px;
}
.view-housing-options .view-content .skin-defualt {
	position: relative;
}
#views_slideshow_cycle_teaser_section_housing_options-block_1 {
	width: 100% !important;
}
#views_slideshow_cycle_teaser_section_housing_options-block_1 .views_slideshow_slide {
	width: 100% !important;
}
.view-housing-options .view-content .views-row {
	display: flex;
	flex-wrap: wrap;
}
.view-housing-options .views-field-field-housing-options-image {
	width: 50%;
}
.view-housing-options .views-field-field-housing-options-details {
	width: 50%;
	position: relative;
}
.view-housing-options .views-field-field-housing-options-details .field-content {
	position: absolute;
	width: 100%;
	top: 50%;
	transform: translateY(-50%);
	padding-left: 50px;
	padding-right: 120px;
}
@media all and (max-width:768px) {
	.view-housing-options .views-field-field-housing-options-details .field-content {
		padding-right: 0;
	}
}
.view-housing-options .views-field-field-housing-options-details p {
	color: #202020;
}
.view-housing-options .view-content .views-slideshow-controls-bottom {
	position: absolute;
	z-index: 10;
	width: 100%;
	left: 50%;
	bottom: 0px;
	transform: translateX(-50%);
	padding: 2px;
	border-radius: 27px;
	background: #ebebeb;
}
.view-housing-options .view-content .views-slideshow-controls-bottom .views_slideshow_pager_field_item {
	display: inline-block;
	padding: 10px 30px;
	border-radius: 25px;
	margin: 0;
	background-color: transparent;
}
.view-housing-options .view-content .views-slideshow-controls-bottom .views_slideshow_pager_field_item.active {
	background-color: #fff;
}
.views-content-field-option-title {
	color: #202020;
	font-weight: 400;
	cursor: pointer;
}
.active .views-content-field-option-title {
	color: #202020;
	font-weight: 500;
}

#block-companyuniversalbarhanger {
	padding: 100px 0;
}
#block-companyuniversalbarhanger img {
	width: 100% !important;
	height: auto !important;
}
#universal-bar-hanger-columns .column:first-child {
	width: calc(48% - 20px);
}
#universal-bar-hanger-columns .column#universal-bar-hanger-text {
	width: calc(52% - 20px);
	padding-bottom: 120px !important;
}

#versatility-size-shape .column {
	width: 50%;
	margin: 0 auto;
}
#versatility-size-shape #size-shape-text {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	padding: 20px 20px 20px 50px;
	position: relative;
}
#versatility-size-shape #size-shape-text * {
	color: #202020;
}
#versatility-size-shape #size-shape-image {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	overflow: hidden;
	background-color: #b1b1b1;
}

#block-companyceilingadaptation {
	padding: 100px 0 50px;
}
#ceiling-adaptation-intro {
	width: 100%;
	max-width: 750px;
	margin: 0 auto 48px;
}
#block-companyceilingadaptation .column {
	border-radius: 10px;
	overflow: hidden;
	width: 30%;
	margin: 0;
}
#block-companyceilingadaptation .column:nth-child(2) {
	margin: 0 5%;
}

#block-companyadditionaloptions {
	padding: 100px 0 0;
}
#wireless-controls {
	background: #fff;
	padding: 10px;
	width: 47.5%;
	margin-right: 2.5%;
}
#wireless-controls * {
	color: #202020;
}
#emergency-options {
	padding: 10px 10px 50px;
	border: 1px solid #88888a;
	width: 47.5%;
	margin-left: 2.5%;
}
#hot-aiming {
	padding-bottom: 50px;
}
#driver-solutions .column {
	width: 50%;
	margin: 0;
}
#driver-solutions-text {
	padding-right: 30px;
}
#driver-solutions-details {
	padding-left: 32px;
}
@media all and (max-width:1200px) {
	#block-companyceilingadaptation .column {
		margin-bottom: 40px !important;
	}
}
@media all and (max-width:1024px) {
	#block-companyversatilityofsizeandshape {
		padding-left: 5%;
		padding-right: 5%;
	}
	#block-companyadditionaloptions {
		padding-top: 50px;
	}
}
@media all and (max-width:800px) {
	#driver-solutions-text {
		padding-right: 0;
		margin-bottom: 20px !important;
	}
	#driver-solutions-details {
		padding-left: 0;
	}
	#versatility-size-shape #size-shape-text {
		border-top-right-radius: 10px;
		border-bottom-left-radius: 0;
		padding: 20px !important;
	}
	#versatility-size-shape #size-shape-image {
		border-top-right-radius: 0;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
	}
}
@media all and (max-width:757px) {
	#wireless-controls, #emergency-options {
		margin: 0 auto 40px;
	}
}

/* PRODUCT LANDING PAGE */
h2.product-category {
	font-size: 80px;
	font-weight: 700;
}
@media all and (max-width:768px) {
	h2.product-category {
		font-size: 50px;
	}
}
.main-container.nid-6 .region-content, body.product-search .region-content, body.page-node-type-product-page .region-content {
	padding: 75px 0 100px;
	width: 100%;
	max-width: 1210px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
#block-integerlights-exposedformproduct-grid {
	width: 100%;
	max-width: 1200px;
	margin: 80px auto;
}
#block-integerlights-exposedformproduct-grid h2.block-title {
	font-size: 24px;
	font-weight: 500;
	padding: 0 5px 10px;
}
/*
#block-integerlights-exposedformproduct-grid:after {
	content: '';
	display: block;
	width: 80%;
	margin: 0 auto;
	height: 75px;
	border-top: 1px solid;
	border-color: rgba(255, 255, 255, .2);
	background: url('../images/arrow-in-white.gif') center no-repeat;
}
*/
#block-integerlights-exposedformproduct-grid .form-inline {
	display: flex;
	flex-wrap: wrap;
}
#block-integerlights-exposedformproduct-grid fieldset {
	flex: 0 0 auto;
	width: calc(20% - 20px) !important;
}
#block-integerlights-exposedformproduct-grid .js-form-item, #block-integerlights-exposedformproduct-grid fieldset legend {
	display: inline-block;
	width: 100%;
	vertical-align: top;
	padding: 5px 0;
	margin: 0 auto;
}
#block-integerlights-exposedformproduct-grid .form-item-keywords {
	padding: 10px 0;
	width: 100%;
}
#block-integerlights-exposedformproduct-grid .form-item-keywords input {
	width: 100% !important;
}
#block-integerlights-exposedformproduct-grid .js-form-item.panel {
	background-color: transparent !important;
	border: none !important;
	border-top: 1px solid #88888a !important;
	border-radius: 0;
}
#block-integerlights-exposedformproduct-grid .js-form-item .panel-heading {
	position: relative;
	background-color: transparent !important;
	border: none !important;
}
#block-integerlights-exposedformproduct-grid .js-form-item .panel-heading.collapsed:after {
	content: '';
	pointer-events: none;
	display: block;
	width: 17px;
	height: 17px;
	background: url('../images/arrow-right.png') center no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#block-integerlights-exposedformproduct-grid .js-form-item .panel-heading.expanded:after {
	content: '';
	pointer-events: none;
	display: block;
	width: 17px;
	height: 17px;
	background: url('../images/arrow-down.png') center no-repeat;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}
#block-integerlights-exposedformproduct-grid .js-form-item .panel-heading .panel-title {
	padding: 10px 5px;
	font-weight: 300;
	text-transform: normal;
	text-decoration: none;
	font-size: 16px;
	color: #fff;
}
#block-integerlights-exposedformproduct-grid .js-form-item .panel-body {
	padding: 0;
}
#block-integerlights-exposedformproduct-grid .form-inline .control-label, #block-integerlights-exposedformproduct-grid fieldset legend {
	display: block;
	font-weight: 300;
	text-transform: normal;
	padding: 0 5px;
	font-size: 16px;
	color: #fff;
	border-bottom: none;
	margin: 0;
}
#block-integerlights-exposedformproduct-grid ul li .form-item {
	margin: 0;
}
#block-integerlights-exposedformproduct-grid ul {
	padding-left: 0;
	list-style: none;
}
#block-integerlights-exposedformproduct-grid ul li {
	list-style: none;
}
#block-integerlights-exposedformproduct-grid select[multiple], #block-integerlights-exposedformproduct-grid select[size], #block-integerlights-exposedformproduct-grid ul li label {
	display: block;
	width: 100%;
	background-color: transparent;
	border: none;
	color: #fff;
	font-size: 14px !important;
	text-transform: normal !important;
	padding: 0;
	border-radius: 0;
}
#block-integerlights-exposedformproduct-grid ul li label input {
	position: relative;
	margin-right: 3px;
	margin-left: 0px;
}
#block-integerlights-exposedformproduct-grid select[multiple] option, #block-integerlights-exposedformproduct-grid select[size] option {
	padding: 4px 5px;
}
#block-integerlights-exposedformproduct-grid [id*='edit-actions'] {
	position: absolute;
	top: 10px;
	right: 0;
	width: auto;
	padding-top: 20px;
}
#block-integerlights-exposedformproduct-grid button {
	background-color: transparent;
	border-radius: 0;
	border: none;
	text-transform: lowercase;
	width: 100%;
	margin-bottom: 1em;
}
#block-integerlights-exposedformproduct-grid button.btn-default {
	color: #fff !important;
}
#block-integerlights-exposedformproduct-grid button:hover {
	text-decoration: underline;
	color: #fff;
}
#block-integerlights-exposedformproduct-grid button.btn-default:hover {
	text-decoration: underline;
	color: #fff;
}

.view-product-grid .view-content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.view-product-grid .view-content h3 {
	width: 100%;
	padding: 0 20px;
}
.view-product-grid .views-row {
	display: block;
	width: calc(20% - 40px);
	margin: 0 auto 40px;
}
@media all and (max-width: 1024px) {
	.view-product-grid .views-row { width: calc(33% - 40px); }
}
@media all and (max-width: 768px) {
	.view-product-grid .views-row { width: calc(33% - 40px); }
	#block-integerlights-exposedformproduct-grid fieldset.js-form-item { width: calc(32% - 20px) !important; }
}
@media all and (max-width: 575px) {
	body:not(.path-frontpage) .region-content {
		display: block;
	}
	#block-integerlights-exposedformproduct-grid {
		width: 100%;
	}
	body.product-search .views-element-container {
		width: 100%;
	}
	.view-product-grid .views-row { width: calc(50% - 40px); }
	#block-integerlights-exposedformproduct-grid fieldset.js-form-item { width: calc(48% - 20px) !important; }
}
@media all and (max-width: 400px) {
	.view-product-grid .views-row { width: calc(100% - 40px); }
	#block-integerlights-exposedformproduct-grid fieldset.js-form-item { width: calc(48% - 20px) !important; }
}
.view-product-grid .views-row .views-field {
	font-size: 14px;
}
.view-product-grid .views-row .views-field-field-product-image {
	width: 100%;
	margin-bottom: 1em;
	border-radius: 10px;
	overflow: hidden;
	border: 1px solid #88888a;
	aspect-ratio: 96 / 61;
}
.view-product-grid .views-row .views-field-field-product-image .field-content {
	position: relative;
	width: 100%;
	height: 100%;
}
.view-product-grid .views-row .views-field-field-product-image .field-content img {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 101%;
}
.view-product-grid .views-row .views-field-title {
	margin-bottom: 2em;
}
.view-product-grid .views-row .views-field-title .product-title {
	font-size: 16px;
	font-weight: 600;
}
.view-product-grid .views-row .views-field-field-aperture-size {
	font-size: 12px;
}
.view-product-grid .views-row .views-field-field-lumens {
	font-size: 12px;
	margin-bottom: 2em;
}
.view-product-grid .views-row .views-field-field-spec-sheet ul {
	list-style: none;
	padding: 0;
}
.view-product-grid .views-row .views-field-field-spec-sheet .paragraph {
	display: inline-block;
}
.view-product-grid .views-row .views-field-field-spec-sheet .paragraph a {
	font-weight: 300;
}
.view-product-grid .views-row .views-field-field-spec-sheet .paragraph a:before {
	content: '•';
	margin-right: 5px;
}

body.product-search article .field--name-body {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	z-index: 0;
	justify-content: center;
}
body.product-search article .field--name-body .field--item:first-child {
	width: 98%;
	max-width: unset !important;
	margin: 0 1% 48px;
	border: none;
	border-radius: 0;
}
body.product-search article .field--name-body .field--item {
	position: relative;
	z-index: 0;
	width: 23%;
	margin: 0 1% 48px;
	padding: 0;
}
body.product-search article .field--name-body .field--item:hover {
	position: relative;
	z-index: 10;
}
body.product-search article .field--name-body .field--item img {
	width: 100% !important;
	height: auto !important;
	border: 1px solid #88888a;
	border-radius: 10px;
	overflow: hidden;`
}
body.product-search article .field--name-body .field--item a.button {
	text-decoration: none;
	font-weight: 400;
	padding: 0;
	background-color: transparent;
	border: none;
}
body.product-search article .field--name-body .field--item .product-family-expanded {
	display: none;
	height: 0;
	opacity: 0;
	transition: 1s all;
}
body.product-search article .field--name-body .field--item:hover .product-family-wrapper {
	position: absolute;
	z-index: 10;
	background: #dfdfdf;
	border-radius: 15px;
	padding: 15px;
	width: calc(100% + 30px);
	top: -15px;
	left: -15px;
}
body.product-search article .field--name-body .field--item:hover .product-family-expanded {
	display: block;
	height: auto;
	opacity: 1;
	transition: 1s all;
	margin-bottom: 2em;
}
body.product-search article .field--name-body .field--item:hover h3 {
	color: #000;
}
body.product-search article .field--name-body .field--item:hover .product-family-wrapper p {
	color: #707070;
}
body.product-search article .field--name-body .field--item:hover strong, body.product-search article .field--name-body .field--item:hover a {
	color: #000;
}
body.product-search article .field--name-body .field--item:hover .product-link {
	text-align: center;
	margin-bottom: 1em;
}
body.product-search article .field--name-body .field--item:hover a.button {
	text-decoration: none;
	font-weight: 400;
	padding: 10px 40px;
	background-color: #202020;
	border: 1px solid #202020;
}
body.product-search article .field--name-body .field--item:hover a.button:hover {
	color: #fff !important;
}
body.product-search footer {
	margin-top: 100px !important;
}
body.page-node-type-product-page .field--item:hover h3, body.page-node-type-product-page .field--item:hover p, body.page-node-type-product-page .field--item:hover strong {
	color: #fff !important;
}
@media all and (max-width:960px) {
	body.product-search article .field--name-body {
		padding: 0 20px;
	}
	body.product-search article .field--name-body .field--item {
		width: 31%;
		max-width: 220px;
	}
}
@media all and (max-width:776px) {
	body.product-search article .field--name-body .field--item {
		width: 48%;
		max-width: 220px;
	}
}
@media all and (max-width:500px) {
	body.product-search article .field--name-body .field--item {
		width: 98%;
		max-width: 220px;
	}
}

@media all and (min-width:1024px) {
	#block-integerlights-exposedformproduct-grid {
		position: relative;
		margin-top: 30px !important;
		margin-left: 0px !important;
		margin-right: 20px !important;
		width: 100%;
		max-width: 230px;
		height: auto;
		float: left;
		margin: 0 auto;
		padding: 10px;
		border: 1px solid #88888a;
		border-radius: 10px;
	}
	#block-integerlights-exposedformproduct-grid:after {
		display: none;
	}
	#block-integerlights-exposedformproduct-grid .form-inline {
		display: block;
	}
	#block-integerlights-exposedformproduct-grid fieldset {
		width: 100% !important;
	}
	body.product-search .tabs, .main-container.nid-6 .tabs {
		width: 100%;
	}
	body.product-search nav.tabs, .main-container.nid-6 nav.tabs {
		position: relative;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
	}
	body.product-search article, .main-container.nid-6 article, article.product-page {
		position: relative;
		width: calc(100% - 250px) !important;
		margin-left: auto;
		margin-right: auto;
		float: unset;
		clear: unset;
	}
	body.product-search article .field--name-body .field--item {
		margin-bottom: 60px;
	}
	body.product-search .views-element-container, .main-container.nid-6 .views-element-container {
		width: calc(100% - 250px);
		clear: none;
		margin-left: auto;
		margin-right: auto;
	}
	body.product-search .product-image .views-element-container {
		width: 100%;;
		clear: none;
	}
	body.product-search .views-element-container:after {
		content: '';
		display: block;
		float: none;
		clear: both;
	}
	.view-product-grid .views-row { width: calc(33% - 40px); }
}
@media all and (min-width: 1500px) {
	.view-product-grid .views-row { width: calc(25% - 40px); }
}


/* PRODUCT PAGE */
body.page-node-type-product-page .region-content {
	padding: 75px 0 100px;
}
@media all and (min-width:1024px) {
	
	body.page-node-type-product-page h1.page-header {
		padding-left: calc(5% + 300px);
	}
}
body.page-node-type-product-page .region-content nav {
	width: 100%;
}
article.product-page {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}
article.product-page .product-top {
	width: 100%;
/*	max-width: 1140px; */
/*	max-width: 1040px; */
	clear: both;
	float: none;
	margin: 0 auto;
	padding: 0 0 40px;
}
article.product-page .product_title {
	width: calc(100% - 20px);
	margin-left: 20px;
}
article.product-page .product_title br {
	display: none;
}
article.product-page .product-top .product_left {
	width: calc(65% - 40px);
	float: left;
	margin-left: 20px;
	margin-right: 20px;
}
article.product-page .product-top .product-image .views-field-field-product-image {
	overflow: hidden;
	border-radius: 10px;
}
.product-image .views-slideshow-controls-bottom {
	margin-top: 11px;
}
.product-image .views-slideshow-controls-bottom .views_slideshow_pager_field_item {
	display: inline-block;
	width: calc(25% - 11.2px);
	margin: 0 10px 0 0;
}
.product-image .views-slideshow-controls-bottom .views_slideshow_pager_field_item:nth-child(4) {
	margin-right: 0;
}
article.product-page .product-video {
	padding: 0;
	margin-bottom: 30px;
}
article.product-page .product-video iframe {
	width: 100% !important;
	height: auto !important;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	border-radius: 10px;
}

article.product-page .product-top .product-info {
	width: 35%;
	float: right;
	margin: 0 auto 0;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
}
article.product-page .product-top .product-info h1 {
	margin-top: 0;
}
article.product-page .prodigy .product-top .product-info .field--name-field-product-subtitle {
	font-weight: 500;
}
article.product-page .product-top:after {
	content: '';
	display: block;
	float: none;
	clear: both;
}
.product-top .product-info .field--label, .product-top .product-info .field--items {
	color: #000;
	float: none;
	display: inline-block;
	vertical-align: top;
	padding-right: 0;
	font-size: 16px;
	font-weight: 500;
}
.product-top .product-info .product_specs .field--items .field--item {
	display: inline-block;
	font-size: 16px;
	font-weight: 300;
	color: #707070;
}
.product-top .product-info .product_specs .field--items .field--item:after {
	content: ', ';
}
.product-top .product-info .product_specs .field--items .field--item:last-child:after {
	content: '';
}
.product-top .product_specs {
	display: block;
	float: none;
	clear: both;
	width: 100%;
	height: auto;
	margin-bottom: .5em;
}
.product-top .product_specs .field--name-field-product-info p, body.page-node-type-product-page  .field--item.field--name-field-product-info:hover p {
	color: #707070 !important;
}
.product-top .product_specs .field--name-field-product-info p strong {
	color: #000 !important;
}
.product-top .product_specs .field {
	width: 100%;
	padding: 5px 0;
}
.product-top .product-downloads {
	margin-top: 0;
	padding-top: 0;
}
.product-top .product-downloads .downloads-row {
	margin-bottom: 0;
}
.product-top .product-downloads h4 {
	font-size: 20px;
	margin: 0;
	color: #000;
}
.product-top .product-downloads .file-download, .product-top .product-downloads a.download-file {
	font-size: 16px;
	font-weight: 300;
	text-decoration: none;
	color: #707070;
	cursor: pointer;
}
.product-top .product-downloads .file-download:hover, .product-top .product-downloads a.download-file:hover {
	text-decoration: underline;
}
.product-top .product-downloads a.trigger {
	display: block;
	position: relative;
	font-size: 16px;
	font-weight: 500;
	padding: 10px 0;
	color: #000;
}
.product-top .product-downloads a.trigger:hover {
	text-decoration: none;
}
.product-top .product-downloads a.trigger.closed:after {
	content: '';
	pointer-events: none;
	display: block;
	width: 17px;
	height: 17px;
	background: url('../images/arrow-right-blk.png') center no-repeat;
	position: absolute;
	top: calc(50% + 5px);
	right: 0;
	transform: translateY(-50%);
}
.product-top .product-downloads a.trigger.opened:after {
	content: '';
	pointer-events: none;
	display: block;
	width: 17px;
	height: 17px;
	background: url('../images/arrow-down-blk.png') center no-repeat;
	position: absolute;
	top: calc(50% + 5px);
	right: 0;
	transform: translateY(-50%);
}

article.product-page .addl_product_images {
	padding-bottom: 40px;
}
article.product-page .addl_product_images > .field--items {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
article.product-page .addl_product_images > .field--items > .field--item {
	width: calc(50% - 20px);
	margin-bottom: 40px;
}
article.product-page .addl_product_images > .field--items > .field--item:nth-child(odd) {
	margin-right: 20px;
}
article.product-page .addl_product_images > .field--items > .field--item:nth-child(even) {
	margin-left: 20px;
}
article.product-page .addl_product_images > .field--items > .field--item img {
	overflow: hidden;
	border-radius: 10px;
}

article.product-page .product-bottom {
	width: 100%;
	clear: both;
	float: none;
	margin: 0;
	padding: 0 0 0 20px;
	background-position: center right;
	background-repeat: no-repeat;
}
article.product-page .product-bottom .field--name-body {
	columns: 2;
	width: 100%;
	margin: 0 auto;
}
article.product-page .product-bottom .field--name-body .field--item {
	width: 100% !important;
	margin: 0 auto !important;
}
article.product-page .product-bottom .field--name-body p {
	font-size: 14px;
}
@media all and (max-width: 768px) {
	body.page-node-type-product-page .region-content {
		padding-bottom: 0;
	}
	article.product-page .product-top .product_left {
		width: 100%;
		float: none;
		margin: 0 auto 40px;
	}
	article.product-page .product-top .product-info {
		width: 100%;
		float: none;
		margin: 0 auto 40px;
	}
	article.product-page .product-bottom .field--name-body {
		width: 100% !important;
		float: none !important;
		margin: 0 auto 40px;
	}
	article.product-page .addl_product_images > .field--items > .field--item {
		width: calc(100% - 20px);
		max-width: 450px;
		margin: 0 auto 40px !important;
	}
}

/* VIEWS FILTERS */
.view-filters {
	margin: 40px auto;
}
.view-filters .form-item {
	margin-right: 30px;
}
.view-filters .form-item label {
	display: block;
	font-weight: 500;
}
.view-filters #edit-actions {
	margin-top: 22px;
}

/* CONTACT PAGE */
body.contact-page .region-content {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
body.contact-page .region-content .tabs {
	width: 100%;
}
body.contact-page .region-content #block-contactinfo {
	width: auto;
	margin-right: 80px;
}
body.contact-page .region-content #webform-submission-contact-add-form {
	width: 400px;
	padding: 20px;
	background: #fff;
	border-radius: 10px;
}
body.contact-page .region-content #webform-submission-contact-add-form #edit-title {
	padding-bottom: 2px;
	border-bottom: 1px solid #202020;
}
body.contact-page .region-content #webform-submission-contact-add-form h3 {
	color: #000;
	font-weight: 600;
}
body.contact-page .region-content #webform-submission-contact-add-form input, body.contact-page .region-content #webform-submission-contact-add-form textarea, body.contact-page .region-content #webform-submission-contact-add-form select {
	border: 1px solid #202020;
	border-radius: 8px;
	color: #000;
	padding: 10px;
}
body.contact-page .region-content #webform-submission-contact-add-form input::placeholder, body.contact-page .region-content #webform-submission-contact-add-form textarea::placeholder, body.contact-page .region-content #webform-submission-contact-add-form select::placeholder {
	color: #000;
}
body.contact-page #webform-submission-contact-add-form #edit-phone {
	width: 100%;
}
body.contact-page #webform-submission-contact-add-form #edit-select-country--wrapper {
	border: none;
	box-shadow: none;
}
body.contact-page #webform-submission-contact-add-form #edit-select-country--wrapper .panel-heading {
	display: none;
}
body.contact-page #webform-submission-contact-add-form #edit-select-country--wrapper .panel-body {
	padding: 0;
	display: flex;
	flex-wrap: wrap;
}
body.contact-page #webform-submission-contact-add-form #edit-select-country--wrapper .panel-body .form-item-select-country-postal-code {
	order: 2;
	width: 100%;
	margin-bottom: 0;
}
body.contact-page #webform-submission-contact-add-form #edit-select-country--wrapper .panel-body .form-item-select-country-country {
	order: 1;
	width: 100%;
	margin-bottom: 15px;
}
body.contact-page #webform-submission-contact-add-form #edit-select-country--wrapper .panel-body label {
	display: none;
}
body.contact-page #webform-submission-contact-add-form #edit-actions button {
	padding: 10px 60px;
	border-radius: 22px;
	text-decoration: none !important;
	cursor: pointer;
	color: #fff;
	background: #202020;
	border: 1px solid #202020;
	font-weight: 400;
	display: block;
	margin: 0 auto;
}
body.contact-page #webform-submission-contact-add-form #edit-actions button:hover {
	color: #202020 !important;
	background-color: transparent;
}

/* RESOURCES LANDING PAGE */
.main-container.resources .block {
	margin-bottom: 100px;
}
#block-resourcesusmap .resources-map {
	float: right;
	width: 60%;
}
#block-resourcesusmap .agent-locator-title-block {
	width: 40%;
	min-width: 500px;
	float: left;
}
@media all and (max-width: 500px) {
	#block-resourcesusmap .agent-locator-title-block {
		width: 100%;
		min-width: unset;
	}
}
#block-resourcesusmap h2.full-width {
	width: 100%;
	float: none;
}
#block-views-block-form-downloads-block-1 h2.block-title {
	width: 20%;
	float: left;
}

.view-form-downloads {
	width: 100%;
}
.view-form-downloads .view-content {
	display: flex;
	flex-wrap: wrap;
	width: 50%;
}
.view-form-downloads .view-content .views-row {
	width: 25%;
	min-width: 130px;
	height: auto;
	padding: 0 5% 0 0;
	margin: 0 auto 40px;
	text-align: left;
}
.view-form-downloads .view-content .views-row .views-field-title .form-title {
	padding-top: .5em;
	font-size: 14px;
	font-weight: 300;
}
.view-form-downloads .view-content .views-row .views-field-title img {
	width: auto;
	max-width: unset;
	max-height: 130px;
}
.view-form-downloads .view-content .views-row a {
	text-decoration: none;
}
.view-form-downloads .view-content .views-row a:hover {
	text-decoration: underline;
}

/* CATALOG DOWNLOADS */
body.path-catalog-downloads .main-container {
	padding-top: 100px;
	max-width: 1600px;
}
body.path-catalog-downloads h1.page-header {
	text-transform: none;
	font-weight: 500;
	font-size: 50px;
}
.view-catalog-downloads {
	width: 100%;
}
.view-catalog-downloads .view-content {
	display: flex;
	flex-wrap: wrap;
}
.view-catalog-downloads .view-content .views-row {
	width: 25%;
	min-width: 120px;
	height: auto;
	padding: 0;
	margin: 0 auto 40px 0px;
	text-align: left;
}
.view-catalog-downloads .view-content .views-row .catalog-title {
	font-size: 14px;
	font-weight: 300;
}
.view-catalog-downloads .view-content .views-row a {
	text-decoration: none;
}
.view-catalog-downloads .view-content .views-row a:hover {
	text-decoration: underline;
}
.catalog-thumbnails {
	position: relative;
	width: 100%;
	height: 340px;
}
.catalog-thumbnails img {
	position: absolute;
	left: 0;
	bottom: 0;
}
@media all and (max-width:768px) {
	.view-catalog-downloads .view-content .views-row {
		width: 50%;
	}
}
@media all and (max-width:400px) {
	.view-catalog-downloads .view-content .views-row {
		width: 100%;
	}
}


#block-views-block-catalog-downloads-block-1 h2.block-title {
	width: 30%;
	float: left;
}
#block-views-block-catalog-downloads-block-1 .form-group {
	width: calc(100% - 520px);
	float: left;
}
#block-views-block-catalog-downloads-block-1 .view-catalog-downloads {
	width: 100%;
	position: relative;
}
#block-views-block-catalog-downloads-block-1 .view-catalog-downloads .view-content {
	width: 70%;
}
#block-views-block-catalog-downloads-block-1 .view-catalog-downloads .view-footer {
	position: absolute;
	bottom: 20px;
	right: 20%;
	width: auto;
}
#block-views-block-catalog-downloads-block-1 .view-catalog-downloads .view-content .views-row {
	max-width: 120px;
}
#block-views-block-catalog-downloads-block-1 .view-catalog-downloads .view-content .views-row .catalog-thumbnails {
	height: auto;
}
#block-views-block-catalog-downloads-block-1 .view-catalog-downloads .view-content .views-row .catalog-thumbnails img {
	position: relative;
}


#block-views-block-videos-block-1 h2.block-title {
	width: 20%;
	float: left;
}
#block-views-block-videos-block-1 .form-group {
	width: calc(100% - 520px);
	float: left;
}
#block-views-block-videos-block-1 .view-videos {
	position: relative;
}
#block-views-block-videos-block-1 .view-videos .view-content {
	width: 640px;
}
#block-views-block-videos-block-1 .view-videos iframe {
	width: 100%;
	max-width: 640px;
	height: 300px;
}
#block-views-block-videos-block-1 .view-videos .view-footer {
	position: absolute;
	bottom: 0px;
	right: calc(80% - 640px);
	width: auto;
}

#block-aboutusteaser {
	display: flex;
	flex-wrap: wrap;
}
#block-aboutusteaser h2.block-title {
	width: 20%;
}
#block-aboutusteaser .field--name-body {
	width: calc(100% - 520px);
}

/* Videos Page */
.views-element-container .view-videos {
	width: 100%;
	height: auto;
}
.views-element-container .view-videos .view-content {
	display: flex;
	flex-wrap: wrap;
}
.views-element-container .view-videos .views-row {
	width: 31%;
	margin: 0 1% 40px;
}
.views-element-container .view-videos .views-row iframe {
	width: 100%;
	height: 320px;
}
.views-element-container .view-videos .views-row:first-child {
	width: 100%;
	margin: 0 auto 40px;
}
.views-element-container .view-videos .views-row:first-child iframe {
	width: 100%;
	height: 480px;
}

@media all and (min-width: 1200px) {
	.main-container.resources h2.block-title {
		min-width: 500px;
	}
}
@media all and (max-width: 1199px) {
	.main-container.resources h2.block-title {
		min-width: 100%;
	}
	#block-resourcesusmap .resources-map {
		float: none;
		width: 100%;
	}
	.main-container.resources .views-element-container .form-group, .main-container.resources .views-element-container .form-group .view-content {
		width: 100% !important;
		float: none !important;
	}
	#block-views-block-catalog-downloads-block-1 .view-catalog-downloads .view-footer, #block-views-block-videos-block-1 .view-videos .view-footer {
		width: 100%;
		position: relative;
		right: unset;
		text-align: right;
		padding-top: 1em;
	}
	#block-aboutusteaser h2.block-title {
		width: 100%;
	}
	#block-aboutusteaser .field--name-body {
		width: 100%;
	}
	.views-element-container .view-videos .views-row:first-child iframe {
		width: 100% !important;
		height: auto !important;
		aspect-ratio: 16 / 9;
	}
}
@media all and (max-width: 768px) {
	.main-container.resources h2.block-title {
		font-size: 24px;
	}
}


/* AGENT LOCATOR */

.map-block {
    clear: both;
    float: none;
    margin-bottom: 40px;
}
.map-block h2 {
    text-align: center;
}

.view-agent-locator-map-render .view-content
{
    float: none;
    width: 537px;
    height: auto;
    clear: both;
    display: block;
    background-repeat: no-repeat !important;
    margin: 30px auto 0px;
    z-index: 1;
}
.view-agent-locator-map-render .view-content {
	position: relative;
}

.agent-list-collection-holder .view-agent-locator-map-render {
    background: none;
}
section[id^='block-agent-locator-map-render-block-'] {
	margin: 0 auto 50px !important;
}
@media all and (max-width: 537px) {
	section[id^="block-agent-locator-map-render-block-"] {
		overflow-x: scroll;
	}
}
.main-container.nid-151 .region-content, body.path-agent-locator .region-content {
	display: flex;
	flex-wrap: wrap;
}
#block-integerlights-agent-locator-map-render-block-1 {
	width: 47.5%;
	clear: none;
	margin: 50px 2.5% 0 0;
}
body.path-agent-locator h1.page-header {
	width: 100%;
}
body.path-agent-locator #block-integerlights-agent-locator-map-render-block-1 {
	order: 1;
}
body.path-agent-locator .views-element-container.form-group {
	order: 2;
	width: 50%;
	margin-top: 65px;
	padding-left: 2.5%;
}
#block-integerlights-agent-locator-map-render-block-2 {
	width: 47.5%;
	clear: none;
	margin: 50px 0 0 2.5%;
}
#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .view-content {
    background: transparent url('../images/agent_map_us.png') center no-repeat;
	background-size: 84% auto;
	width: 100%;
    height: 342px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #88888a;
	border-radius: 10px;
}
#block-integerlights-agent-locator-map-render-block-2 .view-agent-locator-map-render .view-content {
    background: transparent url('../images/agent_map_canada.png') center no-repeat;
	background-position-x: 32%;
	background-size: 65% auto;
	width: 100%;
    height: 342px;
	margin: 0 auto;
	padding: 20px;
	border: 1px solid #88888a;
	border-radius: 10px;
}
#block-agent-locator-map-render-block-3 .view-agent-locator-map-render .view-content {
    background: transparent url('../images/agent_map_ca_carib.png');
    height: 306px;
	margin-bottom: 50px;
}
#block-agent-locator-map-render-block-4 .view-agent-locator-map-render .view-content {
    background: transparent url('../images/agent_map_southamerica.png');
    height: 783px;
	margin-bottom: 50px;
}
.view-agent-locator-map-render  .views-row a:link, .view-agent-locator-map-render  .views-row a:active, .view-agent-locator-map-render  .views-row a:visited
{
    text-decoration: none;
    color: #fff;
    font-size: .8em;
    text-shadow: 0 2px 2px rgba(0, 0, 0, .3);
}
.view-agent-locator-map-render .views-row a:hover
{
    text-decoration: none;
    color: #fff;
    text-shadow: 0 3px 3px rgba(0, 0, 0, .6);
}
@media all and (max-width:1220px) {
	#block-integerlights-agent-locator-map-render-block-1, #block-integerlights-agent-locator-map-render-block-2 {
		width: 100%;
		max-width: 575px;
		margin: 50px auto 0;
	}
}
@media all and (max-width:606px) {
	#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .view-content {
		background-position-y: 20px;
	}
	#block-integerlights-agent-locator-map-render-block-2 .view-agent-locator-map-render .view-content {
		background-position-y: 20px;
	}
	
	body.path-agent-locator .views-element-container.form-group {
		width: 100%;
	}
	.view-agent-locator {
		width: 100% !important;
	}
}

/* AGENT LOCATIONS */
.view-agent-locator {
    float: none;
    width: 600px;
    clear: both;
    display: block;
    font-size: 16px;
    margin: 50px auto;
}
.agent-item-holder {
    border-top-style: dotted;
    border-top-color: #999999;
    border-top-width: 1px;
    padding: 30px 0;
}
.agent-name {
    font-size: 20px;
    color: #fff;
    margin-bottom: 5px;
    font-weight: 500;
}
.agent-map-link {
    margin-bottom: 12px;
}
.agent-item-holder a:link, .agent-item-holder a:visited, .agent-item-holder a:active {
    text-decoration: underline;
    color: #fff;
    font-weight: 300;
}
.agent-item-holder a:hover {
    text-decoration: none;
    color: #22A7DF;
}


/* US Map */

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-1 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 10%;
    margin-top: 42%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-2 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 63%;
    margin-top: 36%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-3 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 53%;
    margin-top: 33%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-4 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 20%;
    margin-top: 32%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-5 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 8%;
    margin-top: 25%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-6 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 31%;
    margin-top: 24%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-7 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 81%;
    margin-top: 15%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-8 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 85%;
    margin-top: 21%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-9 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 70%;
    margin-top: 42%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-10 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 68%;
    margin-top: 36%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-11 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 30%;
    margin-top: 49%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-12 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 50%;
    margin-top: 18%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-13 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 20%;
    margin-top: 12%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-14 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 58%;
    margin-top: 21%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-15 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 62%;
    margin-top: 22%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-16 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 42%;
    margin-top: 25%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-17 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 65%;
    margin-top: 26%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-18 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 52%;
    margin-top: 40%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-19 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 85%;
    margin-top: 12%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-20 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 80%;
    margin-top: 21%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-21 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 84%;
    margin-top: 4%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-22 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 63%;
    margin-top: 14%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-23 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 48%;
    margin-top: 11%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-24 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 52%;
    margin-top: 26%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-25 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 57%;
    margin-top: 37%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-26 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 27%;
    margin-top: 8%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-27 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 74%;
    margin-top: 28%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-28 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 40%;
    margin-top: 7%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-29 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 41%;
    margin-top: 19%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-30 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 82%;
    margin-top: 9%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-31 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 83%;
    margin-top: 18%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-32 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 29%;
    margin-top: 33%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-33 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 14%;
    margin-top: 20%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-34 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 77%;
    margin-top: 13%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-35 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 66%;
    margin-top: 20%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-36 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 44%;
    margin-top: 31%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-37 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 11%;
    margin-top: 9%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-38 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 74%;
    margin-top: 17%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-39 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 86%;
    margin-top: 15%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-40 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 72%;
    margin-top: 32%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-41 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 40%;
    margin-top: 13%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-42 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 62%;
    margin-top: 30%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-43 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 41%;
    margin-top: 40%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-44 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 22%;
    margin-top: 22%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-45 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 76%;
    margin-top: 24%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-46 a
{
    position: absolute;
    z-index: 2;
    left: 82%;
    top: 17%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-47 a
{
    float: left;
    position: absolute;
    z-index: 2;
    margin-left: 13%;
    margin-top: 3%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-48 a
{
    float: left;
    position: absolute;
    z-index: 2;
    margin-left: 55%;
    margin-top: 12%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-49 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 70%;
    margin-top: 23%;
}

#block-integerlights-agent-locator-map-render-block-1 .view-agent-locator-map-render .views-row-50 a
{
    float: left;
    position: absolute;
    z-index: 2;
    margin-left: 29%;
    margin-top: 15%;
}

/* Canada Map */
   
#block-integerlights-agent-locator-map-render-block-2 .views-row-1 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 16%;
    margin-top: 35%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-2 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 2%;
    margin-top: 30%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-3 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 32%;
    margin-top: 35%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-4 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 60%;
    margin-top: 44%;
	width: 130px;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-5 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 58%;
    margin-top: 28%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-6 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 9%;
    margin-top: 25%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-7 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 69%;
    margin-top: 40%;
	width: 100px;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-8 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 28%;
    margin-top: 21%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-9 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 40%;
    margin-top: 42%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-10 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 64%;
    margin-top: 36%;
	width: 150px;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-11 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 50%;
    margin-top: 37%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-12 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 20%;
    margin-top: 40%;
}

#block-integerlights-agent-locator-map-render-block-2 .views-row-13 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 5%;
    margin-top: 18%;
}
    
/* Central America and Caribbean Map */

#block-agent-locator-map-render-block-3 .views-row-1 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 335px;
    margin-top: 195px;
}

#block-agent-locator-map-render-block-3 .views-row-2 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 440px;
    margin-top: 280px;
}

#block-agent-locator-map-render-block-3 .views-row-3 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 420px;
    margin-top: 160px;
}

#block-agent-locator-map-render-block-3 .views-row-4 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 280px;
    margin-top: 265px;
}

#block-agent-locator-map-render-block-3 .views-row-5 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 240px;
    margin-top: 250px;
}

#block-agent-locator-map-render-block-3 .views-row-6 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 390px;
    margin-top: 200px;
}

#block-agent-locator-map-render-block-3 .views-row-7 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 460px;
    margin-top: 195px;
}

#block-agent-locator-map-render-block-3 .views-row-8 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 150px;
    margin-top: 160px;
}

#block-agent-locator-map-render-block-3 .views-row-9 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 410px;
    margin-top: 250px;
}

#block-agent-locator-map-render-block-3 .views-row-10 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 490px;
    margin-top: 80px;
}
    
/* South America Map */

#block-agent-locator-map-render-block-4 .views-row-1 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 220px;
    margin-top: 500px;
}

#block-agent-locator-map-render-block-4 .views-row-2 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 200px;
    margin-top: 340px;
}

#block-agent-locator-map-render-block-4 .views-row-3 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 340px;
    margin-top: 260px;
}

#block-agent-locator-map-render-block-4 .views-row-4 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 130px;
    margin-top: 460px;
}

#block-agent-locator-map-render-block-4 .views-row-5 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 90px;
    margin-top: 80px;
}

#block-agent-locator-map-render-block-4 .views-row-6 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 35px;
    margin-top: 150px;
}

#block-agent-locator-map-render-block-4 .views-row-7 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 265px;
    margin-top: 50px;
}

#block-agent-locator-map-render-block-4 .views-row-8 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 250px;
    margin-top: 400px;
}

#block-agent-locator-map-render-block-4 .views-row-9 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 85px;
    margin-top: 260px;
}

#block-agent-locator-map-render-block-4 .views-row-10 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 285px;
    margin-top: 70px;
}

#block-agent-locator-map-render-block-4 .views-row-11 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 350px;
    margin-top: 540px;
}

#block-agent-locator-map-render-block-4 .views-row-12 a
{
    float: left;
    position: absolute;
    z-index: 2; 
    margin-left: 160px;
    margin-top: 40px;
}



/* FOOTER */
footer.footer {
	position: relative;
	z-index: 0;
	bottom: 0;
	width: 100%;
	max-width: 1210px;
    margin-top: 0px;
    padding: 25px 0;
    border: none;
    background-color: #202020;
    color: #fff;
}
footer.footer .region-footer {
	display: flex;
	flex-wrap: wrap;
}
footer.footer .region-footer .block {
	width: 16.6%;
}
footer.footer #block-footercolumn1 {
	width: 20.6%;
}
footer.footer #block-footercolumn5, footer.footer #block-footercolumn6 {
	width: 14.6%;
}
footer.footer .region-footer #block-integerlights-legalfooter {
	width: 100% !important;
	margin-top: 40px !important;
}
/*
body.path-frontpage footer.footer {
	position: fixed;
}
*/
footer a {
	color: #c9c9c9;
}
footer .footer-header {
	color: #fff;
}
footer p {
	font-size: 14px;
}
@media all and (max-width:900px) {
	footer.footer .region-footer .block {
		width: 33% !important;
		margin: 0 auto 40px;
		padding-top: 20px;
		border-top: 1px solid #707070;
	}
	footer.footer .region-footer .block:last-child {
		width: 100% !important;
		margin: 0 auto !important;
	}
}
@media all and (max-width: 768px) {
	
	footer.footer .region-footer .block {
		width: 100% !important;
		padding: 20px;
		border-top: 1px solid #707070;
	}
	#block-footercolumn6 p {
		text-align: left !important;
	}
}

/* PAGER NAVIGATION */
.pager-nav {
	float: none;
	display: block;
	width: 100%;
}
.pagination > li > a, .pagination > li > span {
	background-color: rgba(255,255,255, .3);
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
	background-color: #ededed;
	border: 1px solid #ccc;
	color: #337ab7;
}

/* COLORBOX */
#colorbox {
	background: #fff;
	border-radius: 0px !important;
}
#cboxWrapper {
	border-radius: 0px !important;
}
#cboxLoadedContent {
	padding: 1em;
}
#cboxTitle {
	display: block !important;
	float: none !important;
	width: 100%;
	margin: 0px auto;
	padding: 0px 20px;
	text-align: center;
}
body.path-frontpage #cboxOverlay {
	background-color: transparent;
}

/* REQUEST A QUOTE FORM IN COLORBOX */
#cboxLoadedContent #webform-submission-request-a-quote-add-form {
	width: 50%;
	margin: 0px auto;
}

/* IMAGEFIELD SLIDESHOW OVERWRITES */
.imagefield_slideshow-wrapper {
	width: 100% !important;
	border: none;
	padding: 0px;
	margin: 0px;
}
.cycle-pager {
	text-align: center;
}
.cycle-pager span {
	margin: 0px 3px;
}
.cycle-pager span.only-one {
	display: none;
}

/* ADMIN PAGES */
body.user-logged-in.toolbar-fixed .region-header-image .contextual {
	top: auto !important;
	bottom: 20px;
}
body.user-logged-in.toolbar-fixed .region-header-image article .contextual {
	top: auto !important;
	bottom: 50px;
}

/* BUBBLE-UP STYLES - Leave at bottom of stylesheet */

.bubbleup, .slide-right, .slide-left {
  visibility: hidden;
  opacity: 0;
}
/* This is a static version
.already-visible {
  visibility: visible;
  transform: translateY(0px);
  animation: none;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
*/
.already-visible, .come-in {
  visibility: visible;
  transform: translateY(500px);
  animation: come-in 1s ease forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.already-visible:nth-child(2n), .come-in:nth-child(2n) {
  animation-duration: .5s;
}
.already-visible:nth-child(3n), .come-in:nth-child(3n) {
  animation-duration: 2s;
}

.slide-right.already-slide, .slide-right.slide-in {
  visibility: visible;
  transform: translateX(-500px);
  animation: slide-right 1.5s forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
	  transition: opacity 1s;
}
.slide-right.already-slide:nth-child(2n), .slide-right.slide-in:nth-child(2n) {
  animation-duration: 1s;
}
.slide-left.already-slide, .slide-left.slide-in {
  visibility: visible;
  transform: translateX(500px);
  animation: slide-left 1.5s forwards;
  opacity: 1;
  -webkit-transition: opacity 1s;
  -moz-transition: opacity 1s;
  -o-transition: opacity 1s;
  transition: opacity 1s;
}
.slide-left.already-slide:nth-child(2n), .slide-left.slide-in:nth-child(2n) {
  animation-duration: 1s;
}

@keyframes come-in {
  to { transform: translateY(0); }
}
@keyframes slide-right {
  to { transform: translateX(0); }
}
@keyframes slide-left {
  to { transform: translateX(0); }
}


/* MEDIA QUERIES */
@media all and (max-width:1260px) {
	
	#block-integerlights-home-slider-block-1 {
		width: 100% !important;
		height: auto !important;
	/*	aspect-ratio: 16 / 9; */
	}
	.view-home-slider {
		position: relative !important;
		width: 100% !important;
		height: auto !important;
	/*	aspect-ratio: 16 / 9; */
	}
	.view-home-slider .view-header {
		position: relative !important;
	}
	.view-home-slider .view-content {
		height: 100%;
	}
	.view-home-slider .view-content div {
		height: 100%;
	}
	.view-home-slider .view-content .views-slideshow-controls-bottom {
		height: auto !important;
	}
	#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body {
		width: 35% !important;
	}
	.view-home-slider .views-row .views-field-field-home-slide-image {
		position: relative;
		overflow: hidden;
		height: 100% !important;
	}
	.view-home-slider .views-row .views-field-field-home-slide-image img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		max-width: unset;
		width: auto !important;
		height: 100%;
	}
	.view-home-slider .views-row .views-field-body {
		left: 5% !important;
		padding-right: 0 !important;
	}
	#block-integerlights-home-slider-block-1 .view-home-slider video {
		width: auto !important;
		height: 100vh !important;
		display: block;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
	}
	footer.footer {
		padding: 25px 20px;
	}
}
@media all and (max-width:1024px) {
	
	.dialog-off-canvas-main-canvas {
		position: absolute;
		top: 0px;
		z-index: 999;
		width: 100%;
	}
	
	nav#block-integerlights-main-menu {
		display: none;
	}
	.navbar.container {
		position: fixed;
		min-height: 20px;
		padding: 0;
	}
	.navbar-header {
		width: calc(100% - 30px);
		z-index: 9999;
	}
	#navbar-collapse {
		position: relative;
		width: 100%;
		margin: 0px auto;
		background: #fff;
	}
	#block-integerlights-main-menu ul.menu--main {
		width: 100%;
		margin: 0 auto 20px !important;
	}
	#block-integerlights-main-menu ul.menu--main li {
		display: block;
		text-align: right;
	}
	#block-integerlights-main-menu ul.menu--main li a.search {
		float: right;
		margin-right: 10px;
	}
	.navbar-header #site-logo {
		max-width: 150px;
		margin-left: 15px;
		margin-top: 0px;
	}
	#secondary-nav {
		position: absolute;
		top: 0px;
		right: 0px;
	}
	.region-navigation {
		position: fixed;
		width: 100%;
		height: auto;
		top: 54px;
		right: 0;
		left: auto;
		padding: 0 5%;
		background: #fff;
		z-index: 99999;
	}
	.region-we-mega-menu {
		display: block;
		background-color: transparent;
		padding: 0px;
		margin: 0px;
	}
	.navbar-default a.navbar-toggle {
		top: 0px;
		margin: 0px;
		display: block;
	}
	body.toggled .navbar-default a.navbar-toggle {
		display: none;
	}
	.navbar-default a.navbar-toggle .icon-bar {
		background-color: #fff;
	}
	.btn-close {
		top: 13px;
		right: 266px;
		background: #333;
	}
}
@media all and (max-width:1024px) { /* header and mobile menu only */
	
	.navbar-header #site-logo {
		max-width: 240px;
		margin-left: 15px;
		margin-top: 0px;
		padding: 10px 0px;
	}
	.navbar-header #header-right {
		width: auto;
	}
	.navbar-header #header-right #main-menu-container {
		padding: 0;
	}
	#secondary-nav #secondary-menu {
		display: none !important;
	}
	#secondary-nav #block-searchlink {
		margin-right: 0px;
		margin-top: 20px;
	}
	
	.main-container {
		position: relative;
		z-index: 0;
		margin-top: 55px;
	}
	
	#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body {
		top: 25% !important;
		transform: translateY(-25%);
		width: 35% !important;
	}
	.view-home-slider .views-row .views-field-field-home-slide-image img {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		max-width: unset;
		width: auto !important;
		height: 100% !important;
	}
	.view-home-slider .view-content .views-slideshow-controls-bottom {
		bottom: -10px !important;
	}
	
	#block-integerlights-exposedformproduct-grid {
		position: relative;
		z-index: 10;
		padding: 0 25px;
		margin: 0 auto;
	}
	#block-integerlights-exposedformproduct-grid h2 {
		position: relative;
		cursor: pointer;
	}
	#block-integerlights-exposedformproduct-grid.closed h2 {
		border-bottom: 1px solid #707070;
		margin-bottom: 20px;
	}
	#block-integerlights-exposedformproduct-grid.closed.filtered h2 {
		margin-bottom: 0;
		padding-bottom: 10px !important;
	}
	#block-integerlights-exposedformproduct-grid.filtered h2 {
		padding-bottom: 40px !important;
	}
	#block-integerlights-exposedformproduct-grid h2:after {
		content: "";
		pointer-events: none;
		display: block;
		width: 17px;
		height: 17px;
		background: url("../images/arrow-down.png") center center no-repeat;
		position: absolute;
		top: 5px;
		right: 0px;
	}
	#block-integerlights-exposedformproduct-grid.closed h2:after {
		content: "";
		pointer-events: none;
		display: block;
		width: 17px;
		height: 17px;
		background: url("../images/arrow-right.png") center center no-repeat;
		position: absolute;
		top: 5px;
		right: 0px;
	}
	#block-integerlights-exposedformproduct-grid [id*="edit-actions"] {
		padding-top: 0;
		top: 60px;
		right: 20px;
	}
	#block-integerlights-exposedformproduct-grid.closed form#views-exposed-form-product-grid-page-1 {
		display: none;
	}
	
	.main-container.nid-910 article .field--name-body {
		padding-left: 5%;
		padding-right: 5%;
	}
	
	iframe.media-oembed-content {
		aspect-ratio: 16 / 9;
	}
}
@media all and (max-width:768px) {
	
	.desktop, .desktop-inline { display: none !important; }
	.mobile { display: block !important; }
	.mobile-inline { display: inline-block !important; }
	
	
	#cboxLoadedContent #global_search {
		min-width: 300px;
		text-align: center;
	}
	#cboxLoadedContent #global_search #edit-actions {
		margin-top: 10px;
	}
	
	body {
		overflow-x: hidden;
	}
	
	p {
		font-size: 16px;
	}
	h1, h1.page-header {
		font-size: 40px !important;
	}
	h2 {
		font-size: 32px !important;
	}
	h3 {
		font-size: 22px !important;
	}
	
	img.align-left, img.align-right {
		display: block;
		float: none;
		clear: both;
		margin: 0px auto 1em;
	}
	.column {
		padding: 0 !important;
	}
	.column .text-align-right {
		text-align: center !important;
	}
	
	body.path-frontpage article.page {
		padding-top: 20px; 
		padding-bottom: 20px;
	}
	.main-container {
		position: relative;
		z-index: 0;
		margin-top: 55px;
	}
	#breadcrumb_bar ol.breadcrumb li {
		font-size: 14px;
	}
	
	.col-sm-6.right {
		padding: 0px;
		margin-bottom: 30px;
	}
	.series-blocks .series-button {
		width: 100%;
		margin-top: 30px;
		position: relative;
		bottom: unset;
		left: unset;
		transform: unset;
		text-align: center;
	}
	
	/* PRODUCT PAGE */
	#block-integerlights-exposedformproduct-grid fieldset legend {
		font-size: 15px;
		font-weight: 500;
	}
	
	article.product-page .product-top {
		padding: 0 10px;
	}
	article.product-page .product-bottom {
		padding: 0;
	}
	article.product-page .product-bottom .field--name-body {
		margin-left: 0;
		width: 100%;
		padding: 40px;
		background-color: rgba(0, 0, 0, .8);
	}
	
	
	/* FOOTER */
	body.product-search footer {
		margin-top: 0 !important;
	}
	footer .columns {
		display: block;
	}
	footer .columns .region {
		display: inline-block;
		width: 100%;
		margin: 0px auto 20px;
		padding: 0px 10%;
		vertical-align: top;
	}
	#block-footerlogo .field--name-body {
		text-align: center;
	}
	#block-footerlogo .field--name-body img {
		max-height: 100px;
	}
	
	/* COLORBOX */
	#colorbox {
		width: 90% !important;
		height: auto !important;
		left: 5% !important;
		top: 100px !important;
	}
	#colorbox #cboxWrapper {
		width: 100% !important;
		height: 100% !important;
	}
	#cboxContent {
		width: 100% !important;
		height: 100% !important;
	}
	#cboxLoadedContent {
		width: 90% !important;
		height: 90% !important;
	}
	#cboxLoadedContent .cboxPhoto {
		width: 100% !important;
		height: auto !important;
	}
}

@media all and (min-width: 568px) and (max-width:768px) {
	
	#header_image img {
		position: relative;
		left: 50%;
		max-height: 170px;
		max-width: none !important;
		width: auto !important;
		transform: translateX(-50%);
	}
}

@media all and (min-width:768px) {
	#navbar-collapse {
		position: relative;
		float: right;
		width: 80%;
		height: 140px !important;
	}
	#block-headersecondarymenu {
		position: absolute;
		top: 20px;
		right: 0px;
	}
	#navbar-collapse #block-rebarts-main-menu, #navbar-collapse #block-mainmegamenu {
		position: absolute;
		bottom: 0px;
		right: 0px;
	}
}
@media all and (min-width:769px) and (max-width:1500px) {
	body.path-frontpage #home_top {
		min-height: 1100px;
		background: rgba(0, 0, 0, .35);
	}
}
@media all and (min-width:769px) and (max-width:1500px) {
	body.path-frontpage #home_hero_info .region-home-featured-info section.block-block-content img {
		display: block;
		float: none !important;
		clear: both;
		margin: 0px auto 20px !important;
	}
}
@media all and (min-width:992px) and (max-width:1320px) { /* desktop menu font resizing */
	body.light-header .navbar-default ul.we-mega-menu-ul > li.home-link > a {
		background-size: 100%;
	}
	.navbar-default ul.we-mega-menu-ul > li > a {
		font-size: 1.4vw;
		padding: 10px 10px;
	}
	.we-mega-menu-submenu .type-of-block h2.megamenu-header {
		font-size: 20px !important;
	}
	.we-mega-menu-submenu .type-of-block h2 {
		font-size: 16px;
	}
	.we-mega-menu-submenu .we-mega-menu-row .type-of-block ul li > a, .we-mega-menu-submenu .type-of-block a {
		font-size: 14px;
	}
	.members-mm .we-mega-menu-row:nth-child(2) {
		width: 72%;
	}
	.members-mm .we-mega-menu-row:nth-child(3) {
		width: 28%;
	}
}
@media all and (min-width:769px) and (max-width:991px) {
	.navbar-header #site-logo {
		margin-top: 0px;
	}
	#secondary-nav {
		margin-right: 5%;
	}
	#secondary-nav ul.menu li a {
		padding: 4px 9px 4px 8px;
	}
	.navbar-default a.navbar-toggle {
		top: 0px;
	}
}
@media all and (max-width:600px) {
	#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body {
		width: 50% !important;
	}
	#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body p {
		margin-bottom: 0 !important;
	}
}
@media all and (max-width:430px) {
	#block-integerlights-home-slider-block-1 .view-home-slider .views-row .views-field-body {
		width: 80% !important;
	}
}