body {
	font-family: "Ubuntu", Sans-serif;
}
    
.home #search_name {
	border:none;
	outline:none !important;
	width: 100%;
	font-size:24px;
}
.autocomplete-error {
	font-size:90% !important;
}
.home .autocomplete-error {
	font-size: 13px !important;
	text-align: center;
}
.autocomplete-error span {
	margin:5px 0px;
	display: block;
}
/*
.pac-item {
  font-size:16px;
  line-height: 22px;
  font-weight: bold;
}
.pac-item-query {
  font-size:16px;
  line-height: 22px;
  font-weight: bold;
}*/
.clearfix:after{ display: block;
    content: "";
    clear: both;
}
.wtb-wrapper {
	margin-top:50px;
    margin-bottom:50px;
}
.wtb-wrapper div, .wtb-wrapper a, .wtb-wrapper input,.wtb-wrapper label  {
	font-family: "Ubuntu", Sans-serif;
    font-size: 17px;
}
 .hidden-wrapper {
		display: none;
		visibility: hidden;
	}
.hidden-opacity-wrapper {
	display: none;
		visibility: hidden;
}
	.wtb-wrapper  .font-small {
		font-size: 90%;
	} 
	.wtb-wrapper   .ml-5px {
		margin-left:5px;
	}
	
	.wtb-wrapper   .mr-5px {
		margin-right:5px;
	}
	.wtb-wrapper  .mt-5px {
			margin-top:5px;
		}
	.wtb-wrapper  .mt-15px {
			margin-top:15px;
		}
	.wtb-wrapper   .mt-10px {
			margin-top:10px;
		}
	.wtb-wrapper   .mt-15px {
			margin-top:15px;
		}
	.wtb-wrapper   .mb-5px {
			margin-bottom:5px;
		}
	.wtb-wrapper   label[for=loc_input] {
		font-weight : 400;
		font-size: 110%;
		clear:both;
		display: block;
		
	}
	.wtb-wrapper  input[type=email],
	.wtb-wrapper  input[type=text],
	.wtb-wrapper  textarea
	{
		border:1px solid #c6c6c6;
		border-radius: 5px;
		padding-left: 20px;
	}
	.dealer-search-form-wrapper input[name=search_location] {
		line-height:30px;
		padding-left:10px;
	}
	.dealer-search-form {
		position: relative;
	}
	.wtb-wrapper .generic-btn {
		background: #f18903;
		color: #fff;
		border-radius: 4px;
		padding: 10px 5px;
		border:none;
		line-height: 1
	}
		.wtb-wrapper .dealer-search-form-wrapper .generic-btn {
			padding:10px;
		}
	.wtb-wrapper  .popupform input[type=email],.wtb-wrapper  .popupform input[type=text] {
		max-width:225px;
		font-size:15px;
		height: 40px;
		line-height: 30px;
	}
	.wtb-wrapper  .popupform input[type=submit], .wtb-wrapper  .popupform .generic-btn{
		/*line-height: 1px;
		height:30px;*/
		margin-left:0px;
		width:72px !important;
		text-align: center;
		font-size:16px;
		margin-top:10px;
		
	}
	
	.wtb-wrapper  .popupform select {
		margin-left:15px;
		border:1px solid #c6c6c6;
		line-height:30px;
		max-width:225px;
		height: 40px;
		width:100%;
		font-size:15px;
		border-radius: 4px;
	}
	.location_wrapper .info-window ul li  {
		padding-bottom: 0px;
	}
	.wtb-wrapper  .popupform input[type="checkbox"] {
		margin: -3px 5px 0;
	}
	.wtb-wrapper .generic-btn.show-info {
		padding-left: 25px;
		position: relative;
		font-size:16px;
		padding-bottom:10px;
		padding-top:10px;
		top:10px;
	}
	.wtb-wrapper .generic-btn.show-info:not(.info-hidden):before {
	  content: "";
	  top:14px;
	  left: 10px;
	  position: absolute;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-bottom: 7px solid #fff;
	  transition: all 0.6s;
	}
	.wtb-wrapper .generic-btn.show-info.info-hidden:before {
	  content: "";
	  top:14px;
	  left: 10px;
	  position: absolute;
	  border-left: 5px solid transparent;
	  border-right: 5px solid transparent;
	  border-top: 7px solid #fff;
	  transition: all 0.6s;
	}
	
	.wtb-wrapper .flexbox{
		display:flex;
		justify-content: space-between;
	}
	.dealer-search-form-wrapper .generic-btn:hover {
		background: #b46704;
	}
	.wtb-wrapper .form-title {
		font-size:22px;
		margin-bottom: 10px;
	}
	.wtb-wrapper .form-company {
		color: #f18903;
		margin-bottom:10px;
		font-weight:bold;
	}
	.wtb-wrapper  .ask-btn,  .wtb-wrapper  .email-btn,.wtb-wrapper  .ph-btn{
		width:284px;
		display: block;
		max-width: 100%;
		margin-top:10px;
		font-size:15px;
		line-height:1;
		padding-top:10px;
		padding-bottom: 10px;
		text-align:center;
	}
	.wtb-wrapper  .ask-btn,  .wtb-wrapper  .email-btn {
			text-align:center;
		}
	.wtb-wrapper  .gmnoprint .gm-style-mtc  {
		/*display:none;*/
	}
	#location_map{
		  width: 100%;
    min-height: 500px;
	}
	.location_wrapper {
		/*display:none;*/
		background:#ebebeb;
		margin-top:20px;
	}
	.location_wrapper  .results-list {
		width:30%;
		float:left;
		height:500px;
		overflow-y: scroll;
	}
	.location_wrapper  .results-map  {
		height:500px;
		width:70%;
		float:left;
	}
	.location_wrapper  .elementor-container
	{
		max-width:1140px;
	}
	.location_wrapper  ul {
		list-style:none;
		margin:0px 0 20px;
		padding:0px;
	}
	.location_wrapper  ul li {
		padding-bottom:60px;
		padding-top:20px;
		padding-right:20px;
		cursor: pointer;
	}
	.location_wrapper  .closest-wrapper ul li  {
		padding-bottom: 0px;
	}
	.location_wrapper  ul li:hover {
		background:rgba(255,255,255,0.3);
	}
	.location_wrapper  ul li  .company-name {
		font-size:20px;
		margin-bottom:5px;
	} 
	.location_wrapper .full-desc .flexbox {
		margin: 20px 0px;
	}
	.location_wrapper .full-desc .flexbox:first-child {
		align-items: flex-end;
	}
	.location_wrapper  ul li:last-child {
		margin-bottom:0px;
	}
	.dealer-search-form-wrapper h2 {
		text-align:center;
		font-size:40px;
		color: #323f49;
		font-family: "Ubuntu", Sans-serif;
		margin-bottom:20px;
	}
	.my-modal {
	  display: none; /* Hidden by default */
	  position: fixed; /* Stay in place */
	  z-index: 9999; /* Sit on top */
	  left: 0;
	  top: 0;
	  width: 100%; /* Full width */
	  height: 100%; /* Full height */
	  overflow: auto; /* Enable scroll if needed */
	  background-color: rgb(0,0,0); /* Fallback color */
	  background-color: rgba(0,0,0,0.6); /* Black w/ opacity */
	}
	
	/* The Close Button */
	.my-modal  .my-modal-close {
	 	float: right;
	  	margin-top: -10px;
    	margin-right: 5px;
    	font-weight: 300;
    	font-size: 40px;
	}
	
	.my-modal  .my-modal-close:hover,
	.my-modal  .my-modal-close:focus {
	  color: black;
	  text-decoration: none;
	  cursor: pointer;
	}
	
	.my-modal  .modal-body {
		text-align:left;
	}
	.my-modal .my-modal-modal-content {
	    margin: 40px auto 30px;
	    width: 778px;
	    height:auto;
	    max-width: 98%;
	    padding-top:40px;
	    padding-bottom:40px;
	}
	#modal-email-contact.my-modal .my-modal-modal-content,#modal-ask-dealer.my-modal .my-modal-modal-content { 
		width:588px;
	}
	#modal-ask-dealer textarea {
		width:470px;
		max-width:98%;
		height:100px;
		padding-top:10px;
		padding-left:10px !important;
	}
	#modal-ask-dealer .form-form-control {
		width:470px;
		max-width: 98%;
		margin:15px 0px;
	}
	#modal-ask-dealer .form-form-control .control-l{
		width:50%;
		padding-right:10px;
		float:left;
	}
	#modal-ask-dealer .form-form-control .control-r{
		width:50%;
		padding-left:10px;
		float:left;
	}
	#modal-ask-dealer .form-form-control select {
		margin-left:0px !important;
	}
	#modal-ask-dealer input[type=submit] {
		margin-right:-20px;
		/*line-height: 1 !important;*/
	}
	.popupform .lbl{
		font-size:15px;
	}
	.info-details .show-info {
		float:right;
	}
	.info-details .company-name {
		font-size:20px;
	}
	.popupform {
		background:#fbfbfb;
		padding:25px;
		border:1px solid #c6c6c6;
	}
.gm-bundled-control .gm-svpc {
	display: none !important;
}

.upload_field-wrapper {
	margin: 10px 0 20px;
}
.upload_field-wrapper label {
	padding:0 30px; 
	font-weight: normal;
}
.btn.btn-success-upload {
	background: #f18903;
	color: #fff;
}
.btn.btn-danger-upload  {
	color:: #f18903;
}
.attachment-filename div {
	margin-bottom: 20px;
	margin-top:-10px;
	color:#f18903;
}

@media (max-width: 1200px) and  (min-width: 1200px){
	.wtb-wrapper .full-desc .flexbox:first-child {
		flex-direction:column;
	}
	.wtb-wrapper .full-desc .flexbox:first-child > div {
		width: 100%;
	}
	.wtb-wrapper .ph-btn {
		text-align:center;
	}
}

@media (max-width: 650px) {
	.wtb-wrapper .full-desc .flexbox:first-child {
		flex-direction:column;
	}
	.wtb-wrapper .full-desc .flexbox:first-child > div {
		width: 100%;
	}
	.wtb-wrapper .ph-btn {
		text-align:center;
	}
	.upload_field-wrapper label {
		padding: 0 15px;
	}
}
@media (max-width: 570px) {
	#modal-ask-dealer .form-form-control .control-l {
		width:100%;
		padding-right:0px;
	}
	#modal-ask-dealer .form-form-control .control-r {
		width:100%;
		padding-left:0px;
	}
	#modal-ask-dealer textarea {
		margin-bottom:10px;
	}
	#modal-ask-dealer .form-form-control input:not(.generic-btn) {
		width:100%;
		max-width: 100%;
		margin-bottom:10px;
	}
	#modal-ask-dealer .form-form-control  select {
		width:100%;
		max-width:100%;
		margin-bottom:10px;
	}
	#modal-ask-dealer .form-form-control .generic-btn {
		margin:15px auto 5px;
		width: 100% !important;
		max-width:100%;
	}
	#modal-ask-dealer .form-form-control
	{
		margin: 5px 0px;

	}
	#modal-ask-dealer .form-form-control .control-r.flexbox {
		flex-direction: column;
	}
	.wtb-wrapper #modal-email-contact .popupform input[type="email"] {
		width:100%;
		max-width: 100%;
		margin-bottom: 15px;
	}
	.wtb-wrapper #modal-email-contact .popupform select {
		width:100%;
		max-width: 100%;
		margin-bottom: 15px;
		margin-left:0px;
	}
	.wtb-wrapper #modal-email-contact .popupform .generic-btn {
		width:100% !important;
		max-width: 100% !important;
		margin-bottom: 15px;
		margin-left:0px;
	}
	
}
	.closest-wrapper {
		width:620px;
		max-width:98%;
		margin:30px auto 0px;
		background:#fbfbfb;
		padding:20px 0px 0px 15px;;
		border:1px solid #c6c6c6;
	}
	.closest-location h3 {
		font-size: 24px;
		text-align:center;
	}
	.closest-location.location_wrapper {
		background: none;
		margin-top: 40px;
	}
	.closest-location.location_wrapper ul {
		margin:0px 0 -10px 0px;
	}
	.loading-gif {
		position: absolute;
		background: url('../ajax-loading.gif') center center no-repeat;
		display: block;
		left: 370px;
		width: 20px;
		height: 20px;
		top:40px;
	}	
.extra-info {
	max-width:100%;
	width:650px;
	padding-left:15px;
	padding-right:15px;
	margin-top:10px;
	margin-left:auto;
	margin-right:auto;
}

@media (max-width: 460px) {
	.info-details .generic-btn {
		font-size:12px !important;
		white-space: nowrap;
	} 
}

@media (max-width: 840px) {
	.location_wrapper .results-list,.location_wrapper .results-map {
		width:100%;
	}
}










.prolink-map-wrapper {
	background: url('../images/map-bg.jpg') center center no-repeat;
	background-size: cover;
	height: 500px;
	width: 100%;
	display: flex;
	flex-direction: column;
}

.prolink-map-wrapper .initial-search-box {
	background: rgba(0,0,0,.75);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	height: 100%;
	color: #fff;
	transition: all 1s;
}

.prolink-map-wrapper .initial-search-box.minimize {
	height: 150px;
	flex-direction: row-reverse;
	justify-content: space-between;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
	flex-wrap: wrap;
}

.prolink-map-wrapper .initial-search-box .type-selector {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 12px 0;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.type-selector .type-label {
	display: flex;
	align-items: baseline;
	margin: 0 6px;
}

/* Hide the browser's default checkbox */
.type-selector .type-label input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.type-selector .type-label .checkmark {
	height: 15px;
	width: 15px;
	background-color: #fff;
	position: relative;
	border-radius: 4px;
}

/* When the checkbox is checked, add a blue background */
.type-selector .type-label input:checked ~ .checkmark.dealers {
	background-color: #e60c0c;
}

.type-selector .type-label input:checked ~ .checkmark.installers {
	background-color: #00B3FF;
}

.type-selector .type-label input:checked ~ .checkmark.designers {
	background-color: #6a17ee;
}

.type-selector .type-label input:checked ~ .checkmark.engineers {
	background-color: #328c1f;
}

/* Create the checkmark/indicator (hidden when not checked) */
.type-selector .type-label .checkmark:after {
	content: "";
	position: absolute;
	display: none;
}

/* Show the checkmark when checked */
.type-selector .type-label input:checked ~ .checkmark:after {
	display: block;
}

/* Style the checkmark/indicator */
.type-selector .type-label .checkmark:after {
	width: 15px;
	height: 15px;
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
}

.type-selector .type-label span {
	padding: 0 5px;
	font-weight: 600;
}

.prolink-map-wrapper .initial-search-box .main-box {
	width: 100%;
	margin: 0 20px;
	padding: 0 2rem;
}

.prolink-map-wrapper .initial-search-box .search-box {
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	padding: 0;
	width: 100%;
	display: flex;
}

.prolink-map-wrapper .initial-search-box .search-box .search-input {
	padding: 10px 10px;
	width: 100%;
	height: 50px !important;
	overflow: hidden;
	outline: none;
	border: none;
	color: #000;
}

.prolink-map-wrapper .initial-search-box .search-box .loading-icon {
	position: absolute;
	right: 1rem;
	top: 50%;
	transform: translateY(-50%);
	display: none;
}

.prolink-map-wrapper .initial-search-box .search-box .loading-icon.showing {
	display: block;
}

.lds-spinner {
	transform: scale(0.4);
	transform-origin: 100% 60%;
	color: #000;
	display: inline-block;
	position: relative;
	width: 80px;
	height: 80px;
}
.lds-spinner div {
	transform-origin: 40px 40px;
	animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div:after {
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 37px;
	width: 6px;
	height: 18px;
	border-radius: 20%;
	background: #000;
}
.lds-spinner div:nth-child(1) {
	transform: rotate(0deg);
	animation-delay: -1.1s;
}
.lds-spinner div:nth-child(2) {
	transform: rotate(30deg);
	animation-delay: -1s;
}
.lds-spinner div:nth-child(3) {
	transform: rotate(60deg);
	animation-delay: -0.9s;
}
.lds-spinner div:nth-child(4) {
	transform: rotate(90deg);
	animation-delay: -0.8s;
}
.lds-spinner div:nth-child(5) {
	transform: rotate(120deg);
	animation-delay: -0.7s;
}
.lds-spinner div:nth-child(6) {
	transform: rotate(150deg);
	animation-delay: -0.6s;
}
.lds-spinner div:nth-child(7) {
	transform: rotate(180deg);
	animation-delay: -0.5s;
}
.lds-spinner div:nth-child(8) {
	transform: rotate(210deg);
	animation-delay: -0.4s;
}
.lds-spinner div:nth-child(9) {
	transform: rotate(240deg);
	animation-delay: -0.3s;
}
.lds-spinner div:nth-child(10) {
	transform: rotate(270deg);
	animation-delay: -0.2s;
}
.lds-spinner div:nth-child(11) {
	transform: rotate(300deg);
	animation-delay: -0.1s;
}
.lds-spinner div:nth-child(12) {
	transform: rotate(330deg);
	animation-delay: 0s;
}
@keyframes lds-spinner {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0;
	}
}

.prolink-map-wrapper .initial-search-box .search-box .search-button {
	padding: 10px 10px;
	width: 30%;
	border: 0;
	background: #000;
	color: #fff;
	border-radius: 7px;
	font-weight: 600;
	cursor: pointer;
	display: none;
}

.prolink-map-wrapper .initial-search-box .suggest-helper {
	text-align: left;
	width: 100%;
	padding-top: 5px;
}

.prolink-map-wrapper .initial-search-box.minimize .suggest-helper {
	display: none;
}

.prolink-map-wrapper .initial-search-box .suggest-helper .suggested {
	font-weight: 700;
	cursor: pointer;
}

.prolink-map-wrapper #dist-map {
	border-radius: 1rem;
}

.prolink-map-wrapper #dist-map.show {
	height: 400px;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

/* google searchbox suggestion position fix */
.pac-container {
	margin-top: 0;
}

.pac-container.Firefox { 
    margin-top: -25px;
}

.tooltip-toggle {
	position: relative;
}

.tooltip-toggle:before {
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
	background-color: #000;
    border-radius: 5px;
    content: "Logix dealers provide take-offs, advice and technical support to those interested in using Logix products for their construction projects. Logix dealers may also refer you to local ICF-experienced construction professionals for competitive quotes and installation or design services. Logix products are generally purchased through Logix dealers. Many Logix dealers offer ICF bracing rentals and some provide installation services.";
    padding: 1rem;
    text-transform: none;
    width: 700px;
  }

.tooltip-toggle:after {
    position: absolute;
    top: 0;
	left: 50%;
	transform: translate(-50%, -100%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #000;
    content: " ";
    font-size: 0;
    line-height: 0;
    width: 0;
	margin-top: 5px;
  }
  
.tooltip-toggle:before,
.tooltip-toggle:after {
    color: #fefefe;
    font-size: 0.75rem;
    opacity: 0;
    pointer-events: none;
    text-align: center;
	z-index: 1;
	transition: all 0.5s ease;
  }
  
.tooltip-toggle:focus:before,
.tooltip-toggle:hover:before,
.tooltip-toggle:focus:after,
.tooltip-toggle:hover:after {
	opacity: 1;
}

#district-managers-wrapper {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

#district-managers-wrapper>div:nth-child(1) {
	width: 100%;
}

#district-managers-wrapper>div:nth-child(2) {
	width: 100%;
}

#district-managers {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.district-manager {
	width: 100%;
}

.installers-wrapper, .designers-wrapper, .engineers-wrapper {
	padding: 0.4rem;
	margin: 0.4rem 0;
	border-radius: 0.5rem;
	width: 100%;
	color: #fff;
}

.installers-wrapper {
  background: #00b3ff;
}

.designers-wrapper {
  background: #6a17ee;
}

.engineers-wrapper {
  background: #328c1f;
}

.out-of-outer-2 {
	
}

.out-of-list {
  overflow: auto;
  max-height: 700px;
  width: 100%;
  position: relative;
  display: block;
  padding: 20px;
  z-index: 100;
  color: #333;
  background: #eee;
	box-shadow: 5px 5px 10px 0px rgba(0, 0, 0, 0.3);
	border: 1px solid #fff;
	list-style-type: none;
}

.out-of-list .row {
	clear: both;
	padding: 20px 0px;
	display: flex;
	gap: 1rem;
}

.out-of-list .row .col-md-3 {
  width: 20%;
}
.out-of-list .row .col-md-5 {
  width: 50%;
}
.out-of-list .row .col-md-4 {
  width: 30%;
}

.hidden, .map-hidden {
  display: none !important;
}

.cursor-pointer {
	cursor: pointer !important;
}

@media (min-width: 576px) {
	.district-manager {
		width: 50%;
	}
	#district-managers-wrapper>div:nth-child(1) {
		width: 35%;
	}
	#district-managers-wrapper>div:nth-child(2) {
		width: 65%;
	}
	.prolink-map-wrapper .initial-search-box .type-selector {
		flex-wrap: no-wrap;
	}
	.prolink-map-wrapper .initial-search-box .main-box {
		width: 400px;
		padding: 0;
	}
	.prolink-map-wrapper .initial-search-box.minimize {
		flex-wrap: no-wrap;
		height: 100px;
	}
}