/* installateur.remeha.be/assets/css/main.css is the same as distributeur.remeha.be/assets/css/main.css */

@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Montserrat);

html, body{
	font-family: 'Montserrat', 'Open Sans', sans-serif;
	color: #666;
	background: #fafafa;
	height: 100%;
}

#map-canvas{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
.gm-style,
.infowindow .gm-style{
	font: 400 14px "Open Sans" !important;
	font-family: "Open Sans" !important;
	font-size: 14px !important;
}
.infowindow{
	line-height: 1.35;
	overflow: hidden;
	white-space: nowrap;
	padding: 8px 0 4px 4px;
}
.infowindow p{
	margin-bottom: 16px;
}
.nopadding{
	padding: 0px !important;
}

h1, h2, h3, h4, h5, h6{
	font-family: "Open Sans", sans-serif;
	color: #191919;
}

h1{
	font-size: 20px;
}

h1.big_yellow{
	color: #ffcf00;
	text-transform: none;
	padding-top: 15px;
	padding-bottom: 10px;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
}

h1.big_yellow span{
	color: #222;
}

h1.installer_title{
	letter-spacing: 0;
	color: #000;
	font-size: 32px;
}

h2{
	font-size: 18px;
	margin: 8px 0 4px 0;
	font-weight: 600;
}

h3.installer_title{
	letter-spacing: 0;
	color: #ffcf00;
	font-size: 18px;
	margin: 32px 0 20px;
}

p{
	color: #4D4D4D;
	font-size: 14px;
	line-height: 19px;
}

a:not(.btn){
	color: #000;
	text-decoration: underline;
}
a:hover{
	color: #000;
	text-decoration: none;
}

.text-muted,
a.text-muted{
	color: #999 !important;
}

a.yellow{
	color: #ffcf00;
}

strong.yellow{
	color: #ffcf00;
	min-width: 16px;
	display: inline-block;
}

.show-tel-num{
	display: inline;
}
.show-tel-num .show-tel-link{
	display: inline;
}
.tel-num{
	display: none;
	text-align: center;
	padding: 15px 0;
}

input.form-control,
textarea.form-control{
	border-radius: 0;
	background-color: transparent;
	box-shadow: none;
}
input.form-control:focus,
textarea.form-control:focus{
	border-bottom: 1px solid #ffcf00;
}

input.form-control{
	border-top: none;
	border-right: none;
	border-bottom: 1px solid #000;
	border-left: none;
}
textarea.form-control{
	border: 1px solid #aaa;
}

.street_container .select2{
	margin-top: 8px;
}

/* Alderaan version 2 */
.alderaan_container{
	max-width: 800px;
}

.alderaan_container textarea,
.alderaan_container textarea.form-control{
	overflow: hidden;
	border-radius: 0;
	height: 32px;
	resize: none;
}

.alderaan_container input,
.alderaan_container textarea{
	margin-bottom: 0 !important;
}

.ajax_spinner{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,.5);
	top: 0;
	left: 0;
	padding-left: 12px;
	z-index: 1;
}

.ajax_spinner img{
	margin-top: -3px;
}

.select2-container{
	width: 100% !important;
}
.select2-container--default .select2-results__option--highlighted[aria-selected]{
	/*#FFF1B5*/
	background-color: #ffcf00 !important;
	color: #000 !important;
}
.select2-selection{
	padding: 5px 0 !important;
	height: 41px !important;
	border-radius: 0 !important;
}
.select2-container--default .select2-selection--single .select2-selection__arrow{
	top: 7px !important;
}

/* Bootstrap 4 preparation */
.card {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius: 0.25rem;
}

.card > hr {
	margin-right: 0;
	margin-left: 0;
}

.card > .list-group:first-child .list-group-item:first-child {
	border-top-left-radius: 0.25rem;
	border-top-right-radius: 0.25rem;
}

.card > .list-group:last-child .list-group-item:last-child {
	border-bottom-right-radius: 0.25rem;
	border-bottom-left-radius: 0.25rem;
}

.card-body {
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding: 1.25rem;
}

.card-title {
	margin-bottom: 0.75rem;
}

.card-subtitle {
	margin-top: -0.375rem;
	margin-bottom: 0;
}

.card-text:last-child {
	margin-bottom: 0;
}

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

.card-link + .card-link {
	margin-left: 1.25rem;
}

.card-header {
	padding: 0.75rem 1.25rem;
	margin-bottom: 0;
	background-color: rgba(0, 0, 0, 0.03);
	border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.card-header:first-child {
	border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}

.card-header + .list-group .list-group-item:first-child {
	border-top: 0;
}

.card-footer {
	padding: 0.75rem 1.25rem;
	background-color: rgba(0, 0, 0, 0.03);
	border-top: 1px solid rgba(0, 0, 0, 0.125);
}

.card-footer:last-child {
	border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}

.card-header-tabs {
	margin-right: -0.625rem;
	margin-bottom: -0.75rem;
	margin-left: -0.625rem;
	border-bottom: 0;
}

.card-header-pills {
	margin-right: -0.625rem;
	margin-left: -0.625rem;
}

.card-img-overlay {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	padding: 1.25rem;
}

.card-img {
	width: 100%;
	border-radius: calc(0.25rem - 1px);
}

.card-img-top {
	width: 100%;
	border-top-left-radius: calc(0.25rem - 1px);
	border-top-right-radius: calc(0.25rem - 1px);
}

.card-img-bottom {
	width: 100%;
	border-bottom-right-radius: calc(0.25rem - 1px);
	border-bottom-left-radius: calc(0.25rem - 1px);
}

.card-deck {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.card-deck .card {
	margin-bottom: 15px;
}

@media (min-width: 576px) {
	.card-deck {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
		margin-right: -15px;
		margin-left: -15px;
	}
	.card-deck .card {
		display: -ms-flexbox;
		display: flex;
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		-ms-flex-direction: column;
		flex-direction: column;
		margin-right: 15px;
		margin-bottom: 0;
		margin-left: 15px;
	}
}

.card-group {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
}

.card-group > .card {
	margin-bottom: 15px;
}

@media (min-width: 576px) {
	.card-group {
		-ms-flex-flow: row wrap;
		flex-flow: row wrap;
	}
	.card-group > .card {
		-ms-flex: 1 0 0%;
		flex: 1 0 0%;
		margin-bottom: 0;
	}
	.card-group > .card + .card {
		margin-left: 0;
		border-left: 0;
	}
	.card-group > .card:not(:last-child) {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-img-top,
	.card-group > .card:not(:last-child) .card-header {
		border-top-right-radius: 0;
	}
	.card-group > .card:not(:last-child) .card-img-bottom,
	.card-group > .card:not(:last-child) .card-footer {
		border-bottom-right-radius: 0;
	}
	.card-group > .card:not(:first-child) {
		border-top-left-radius: 0;
		border-bottom-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-img-top,
	.card-group > .card:not(:first-child) .card-header {
		border-top-left-radius: 0;
	}
	.card-group > .card:not(:first-child) .card-img-bottom,
	.card-group > .card:not(:first-child) .card-footer {
		border-bottom-left-radius: 0;
	}
}

.card-columns .card {
	margin-bottom: 0.75rem;
}

@media (min-width: 576px) {
	.card-columns {
		-webkit-column-count: 3;
		-moz-column-count: 3;
		column-count: 3;
		-webkit-column-gap: 1.25rem;
		-moz-column-gap: 1.25rem;
		column-gap: 1.25rem;
		orphans: 1;
		widows: 1;
	}
	.card-columns .card {
		display: inline-block;
		width: 100%;
	}
}

.m-0{ margin: 0 !important; }
.m-1{ margin: 8px !important; }
.m-2{ margin: 16px !important; }
.m-3{ margin: 24px !important; }
.m-4{ margin: 32px !important; }
.m-5{ margin: 40px !important; }
.m-10{ margin: 80px !important; }
.m-15{ margin: 120px !important; }
.m-20{ margin: 160px !important; }

.mt-0{ margin-top: 0 !important; }
.mt-1{ margin-top: 8px !important; }
.mt-2{ margin-top: 16px !important; }
.mt-3{ margin-top: 24px !important; }
.mt-4{ margin-top: 32px !important; }
.mt-5{ margin-top: 40px !important; }
.mt-10{ margin-top: 80px !important; }
.mt-15{ margin-top: 120px !important; }
.mt-20{ margin-top: 160px !important; }

.mr-0{ margin-right: 0 !important; }
.mr-1{ margin-right: 8px !important; }
.mr-2{ margin-right: 16px !important; }
.mr-3{ margin-right: 24px !important; }
.mr-4{ margin-right: 32px !important; }
.mr-5{ margin-right: 40px !important; }
.mr-10{ margin-right: 80px !important; }
.mr-15{ margin-right: 120px !important; }
.mr-20{ margin-right: 160px !important; }

.mb-0{ margin-bottom: 0 !important; }
.mb-1{ margin-bottom: 8px !important; }
.mb-2{ margin-bottom: 16px !important; }
.mb-3{ margin-bottom: 24px !important; }
.mb-4{ margin-bottom: 32px !important; }
.mb-5{ margin-bottom: 40px !important; }
.mb-10{ margin-bottom: 80px !important; }
.mb-15{ margin-bottom: 120px !important; }
.mb-20{ margin-bottom: 160px !important; }

.ml-0{ margin-left: 0 !important; }
.ml-1{ margin-left: 8px !important; }
.ml-2{ margin-left: 16px !important; }
.ml-3{ margin-left: 24px !important; }
.ml-4{ margin-left: 32px !important; }
.ml-5{ margin-left: 40px !important; }
.ml-10{ margin-left: 80px !important; }
.ml-15{ margin-left: 120px !important; }
.ml-20{ margin-left: 160px !important; }


.p-0:not([class^="col-"]){ padding: 0 !important; }
.p-1:not([class^="col-"]){ padding: 8px !important; }
.p-2:not([class^="col-"]){ padding: 16px !important; }
.p-3:not([class^="col-"]){ padding: 24px !important; }
.p-4:not([class^="col-"]){ padding: 32px !important; }
.p-5:not([class^="col-"]){ padding: 40px !important; }
.p-10:not([class^="col-"]){ padding: 80px !important; }
.p-15:not([class^="col-"]){ padding: 120px !important; }
.p-20:not([class^="col-"]){ padding: 160px !important; }

.pt-0:not([class^="col-"]){ padding-top: 0 !important; }
.pt-1:not([class^="col-"]){ padding-top: 8px !important; }
.pt-2:not([class^="col-"]){ padding-top: 16px !important; }
.pt-3:not([class^="col-"]){ padding-top: 24px !important; }
.pt-4:not([class^="col-"]){ padding-top: 32px !important; }
.pt-5:not([class^="col-"]){ padding-top: 40px !important; }
.pt-10:not([class^="col-"]){ padding-top: 80px !important; }
.pt-15:not([class^="col-"]){ padding-top: 120px !important; }
.pt-20:not([class^="col-"]){ padding-top: 160px !important; }

.pr-0:not([class^="col-"]){ padding-right: 0 !important; }
.pr-1:not([class^="col-"]){ padding-right: 8px !important; }
.pr-2:not([class^="col-"]){ padding-right: 16px !important; }
.pr-3:not([class^="col-"]){ padding-right: 24px !important; }
.pr-4:not([class^="col-"]){ padding-right: 32px !important; }
.pr-5:not([class^="col-"]){ padding-right: 40px !important; }
.pr-10:not([class^="col-"]){ padding-right: 80px !important; }
.pr-15:not([class^="col-"]){ padding-right: 120px !important; }
.pr-20:not([class^="col-"]){ padding-right: 160px !important; }

.pb-0:not([class^="col-"]){ padding-bottom: 0 !important; }
.pb-1:not([class^="col-"]){ padding-bottom: 8px !important; }
.pb-2:not([class^="col-"]){ padding-bottom: 16px !important; }
.pb-3:not([class^="col-"]){ padding-bottom: 24px !important; }
.pb-4:not([class^="col-"]){ padding-bottom: 32px !important; }
.pb-5:not([class^="col-"]){ padding-bottom: 40px !important; }
.pb-10:not([class^="col-"]){ padding-bottom: 80px !important; }
.pb-15:not([class^="col-"]){ padding-bottom: 120px !important; }
.pb-20:not([class^="col-"]){ padding-bottom: 160px !important; }

.pl-0:not([class^="col-"]){ padding-left: 0 !important; }
.pl-1:not([class^="col-"]){ padding-left: 8px !important; }
.pl-2:not([class^="col-"]){ padding-left: 16px !important; }
.pl-3:not([class^="col-"]){ padding-left: 24px !important; }
.pl-4:not([class^="col-"]){ padding-left: 32px !important; }
.pl-5:not([class^="col-"]){ padding-left: 40px !important; }
.pl-10:not([class^="col-"]){ padding-left: 80px !important; }
.pl-15:not([class^="col-"]){ padding-left: 120px !important; }
.pl-20:not([class^="col-"]){ padding-left: 160px !important; }

.btn.btn-link{
	color: #000 !important;
}

/* End Bootstrap 4 preparation */


label{
	font-weight: 400;
}
.control-label{
	font-weight: 400;
	color: #4D4D4D;
	font-size: 12px;
	line-height: 17px;
}

.language{
	margin: 0 8px;
}

.language_selecter .lang_active{
	color: #ffcf00 !important;
	font-weight: bold !important;
}

.js-hide{
	display: none;
}

.paginate{
	text-align: center;
}

.pagination > li > a{
	color: #000;
}

.pagination > .active > a{
	color: #000;
	background-color: #ffcf00;
	border: 1px solid #eeb00a !important;
}

.navbar{
	height: 100px;
	margin: 0 !important;
	padding: 24px 32px;
	z-index: 9999;
	background: #fff;
	border-bottom: 4px solid #ffcf00;
	position: fixed;
	right: 0;
	left: 0;
	z-index: 999;
}

.navbar_spacer{
	padding-top: 80px;
}

.navbar .btn-link{
	font-weight: 400;
}

.language_selecter .btn-link{
	margin: 0 16px;
}

.nav_item{
	float: left;
	display: block;
	height: 24px;
}

.bg-primary,
.bg-success,
.bg-info,
.bg-warning,
.bg-danger{
	padding: 8px;
}

.dealer{
	display: block;
	margin: 16px 0 16px 0;
	padding: 16px;
	background: #fff;
	box-shadow: 0px 3px 10px -8px #000;
}
.dealer-ambassador/*,
.dealer-best*/{
	background-color: #ffcf00;
	border: 2px solid #fff;
}
.dealer-partner{
	border: 2px solid #ffcf00;
}
.dealer-chosen{
	border: 2px solid #aaa;
}
.dealer h2{
	font-weight: 600;
	margin-bottom: 16px;
	color: #4D4D4D;
	line-height: 19px;
}

.dealer p{
	margin-bottom: 24px;
}

.dealer_partner{
	margin-left: 8px;
	font-weight: normal;
	color: #ffcf00;
	line-height: 19px;
	text-transform: none;
}

.dealer_ambassador{
	margin-left: 8px;
	font-weight: normal;
	color: #888;
	line-height: 19px;
	text-transform: none;
}

.partner_steps h2{
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
}
.partner_steps p:last-child{
	margin-bottom: 0;
}

.partner_steps .dealer_ambassador{
	color: #ffcf00;
}

.dealer_heading .dealer_name{
	text-transform: uppercase;
	color: #4D4D4D;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
}
.dealer_heading .dealer_title{
	margin-left: 8px;
	color: #A6A6A6;
	font-size: 14px;
	line-height: 19px;
}
.dealer_heading .dealer_partner{
	color: #A6A6A6;
}
.dealer_heading .dealer_ambassador{
	color: #ffcf00;
}

a.dealer_website{
	text-decoration: underline;
	color: #000;
}
a.dealer_website:hover{
	text-decoration: none;
}

.dealer_image{
	margin-right: 16px;
	padding: 0;
	width: 200px;
}
.dealer_image div{
	width: 200px;
	height: 200px;
	overflow: hidden;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 50%;
	border: 1px solid #ffcf00;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.dealer_image div:hover{
	border: 1px solid #000;
}
.dealer_image div a{
	display: block;
	height: 100%;
}
.dealer_image p{
	width: 100%;
	margin-top: 8px;
	text-align: center;
}

ul.address-list{
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
}
ul.address-list li{
	padding-left: 16px;
	text-indent: -8px;
}
ul.address-list li::before{
	content: "• ";
	color: #ffcf00;
	padding-right: 8px;
}

ul.block-address-list{
	list-style: none;
	padding: 0;
	margin: 0 0 16px;
}
ul.block-address-list li{
	padding-left: 4px;
}

ul.inline-list li{
	display: inline-block;
}
ul.inline-list li:first-child{
	padding-left: 0;
	text-indent: 0;
}
ul.inline-list li:first-child::before{
	content: "";
	padding-right: 0;
}

ul.domains{
	list-style: none;
	padding: 0;
	margin-bottom: 16px;
	margin-left: 4px;
}
ul.domains li{
	display: inline;
}
ul.domains_details li{
	line-height: 26px;
	display: block;
}
ul.domains li{
	margin-right: 8px;
}
ul.domains_details li img{
	margin-right: 8px;
}
ul.domains img{
	width: 16px;
}
ul.domains .unused img{
	filter: saturate(0%);
	opacity: .5;
}
ul.domains .hybrid_hero{
	float: right;
}
ul.domains .hybrid_hero img{
	width: 50px;
	margin-top: -37px;
}
.hybrid_hero img{
	width: 50px;
}

.hybrid_hero{
	text-decoration: none !important;
}
.hybrid_hero:hover{
	opacity: .8;
}

.main-nav{
	text-align: right;
	font-family: "Open Sans", sans-serif;
	font-size: 14px;
	margin-top: 8px;
}
.main-nav > div{
	display: inline-block;
}
.main-nav a,
.main-nav .btn-link{
	color: #000;
	text-decoration: none;
}

.btn{
	border: none !important;
	border-radius: 0 !important;
	font-family: "Open Sans", sans-serif;
	padding: 0;
	-webkit-transition: all .5s;
	transition: all .5s;
	font-size: 14px;
	font-weight: 600;
	line-height: 19px;
	color: #000;
}

.btn-primary,
.btn-remeha{
	background: #00a0e6;
	color: #fff;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-remeha:hover,
.btn-remeha:focus{
	background: #000;
	color: #fff;
}

.btn-remeha,
.btn-remeha-inverse,
.btn-light-inverse{
	border-radius: 0 !important;
	text-transform: none;
	padding: 12px 16px;
}

.btn-success,
.btn-warning,
.btn-danger{
	padding: 8px 16px;
}

.btn-remeha-inverse{
	background: #fff;
	border: 3px solid #ffcf00 !important;
}
.btn-remeha-inverse:hover,
.btn-remeha-inverse:focus,
.btn-remeha-inverse:active{
	background-color: #ffcf00 !important;
}

.btn-light-inverse{
	background: #fff;
	border: 3px solid #fff !important;
}
.btn-light-inverse:hover,
.btn-light-inverse:active{
	border-color: #00a0e6 !important;
}
.btn-light-inverse:focus{
	border-color: #fff !important;
}

.infowindow_btns > .btn-remeha:first-child{
	margin: 0 16px 0 0;
}
.infowindow_btns > .btn-remeha:last-child{
	margin: 0 0 0 16px;
}

.infowindow .dealer-buttons{
	min-width: 400px;
}
.dealer-buttons [class^="col-"]:not(:last-child){
	padding-right: 8px;
}
.dealer-buttons [class^="col-"]:not(:first-child){
	padding-left: 8px;
}


.table-dark-th th{
	background-color: #eeeeee;
	font-weight: bold;
}


span.step-remeha{
	font-weight: 600;
	display: inline-block;
	padding: 4px 0;
	width: 44px;
	text-align: center;
	color: #fff;
	background: #000;
	border-top: 2px solid #ffcf00 !important;
	border-bottom: 2px solid #ffcf00 !important;
	margin-right: 16px;
}

.strong_title{
	font-weight: 600;
	font-size: 14px;
	color: #222222;
	line-height: 19px;
}
#edit_steps .strong_title{
	font-weight: 600;
}

#quote_form{
	margin-bottom: 32px;
}

#breadcrumb_steps{
	margin: 16px 0 24px;
}
#breadcrumb_steps ol{
	padding-left: 16px;
}
#breadcrumb_steps ol::after{
	clear: both;
	content: "";
	display: table;
}
#breadcrumb_steps ol li{
	float: left;
	color: #aaa;
}
#breadcrumb_steps ol li.open{
	color: #000;
	font-weight: 600;
}
#breadcrumb_steps ol li.open:hover{
	cursor: pointer;
}
#breadcrumb_steps ol li:not(:first-child){
}
#breadcrumb_steps ol li:not(:last-child){
}
#breadcrumb_steps ol li:not(:last-child)::after{
	font-family: 'Glyphicons Halflings';
	font-style: normal;
	font-weight: 400;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	content: "\2212";
	color: #ffcf00;
	padding: 0 32px 0 16px;
}

#steps{
	margin-bottom: 32px;
}
#steps h2{
	color: #2C2E3E;
	font-size: 24px;
	font-weight: 600;
	line-height: 32px;
	margin-bottom: 32px;
}
#steps input,
#reasons input{
	margin-bottom: 16px;
}
#steps input[type="radio"],
#reasons input[type="radio"]{
	margin-bottom: 0;
	transform: scale(1.5);
	margin-left: 7px;
}
#steps .btn-remeha{
	margin-top: 16px;
}

#edit_steps .edit_step{
	display: none;
	padding: 16px;
	background: #fff;
	margin-bottom: 16px;
	box-shadow: 0px 3px 10px -8px #000;
}
#edit_steps .edit_step button{
	float: right;
	background: transparent;
}
#edit_steps .edit_step button:hover{
	color: #222;
}
#edit_steps .edit_step ul{
	list-style: none;
	padding-left: 0;
	margin-bottom: 0;
	color: #4D4D4D;
	font-size: 14px;
	line-height: 19px;
}
#edit_steps #edit_step_confirm{
	display: none;
}

.form-control{
	height: 41px;
}

.vertical_divider{
	border-right: 1px solid #ffcf00;
	margin: 0 16px;
}

.language_selecter .dropdown-menu{
	right: 0;
	left: auto !important;
}

.language_selecter .lang_chevron{
	margin-left: 8px;
	color: #ffcf00;
}

.dropdown-menu li a.active{
	background: #ffcf00;
}
.dropdown-menu li a.active:hover{
	background: #F8E9A6;
}

.fancy_checkbox .control{
	font-family: arial;
	display: block;
	position: relative;
	padding-left: 23px;
	margin-bottom: 5px;
	padding-top: 3px;
	cursor: pointer;
	font-size: 16px;
}
.fancy_checkbox .checkbox{
	margin: 4px 0;
}
.fancy_checkbox .control input{
	position: absolute;
	z-index: -1;
	opacity: 0;
}
.fancy_checkbox .control_indicator{
	display: inline-block;
}
.fancy_checkbox #step_1 .control_indicator{
	display: block;
}
.fancy_checkbox .control .control_indicator::before{
	background-image: url(../icons/on.png);
	background-repeat: no-repeat;
	display: block;
	content: " ";
	width: 16px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 6px;
}
.fancy_checkbox .control input:checked ~ .control_indicator::before{
	background-image: url(../icons/off.png);
}
.fancy_checkbox .control-checkbox .checkbox_label{
	color: #4D4D4D;
	font-size: 14px;
	line-height: 19px;
}
.fancy_checkbox .control-checkbox .control_indicator::after{
	left: 8px;
	top: 4px;
	width: 3px;
	height: 8px;
	border: solid #fff;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}
.fancy_checkbox .control-checkbox input:disabled ~ .control_indicator::after{
	border-color: #7b7b7b;
}

.inputgroup_column{
	margin-bottom: 16px;
}
.label_radio{
	display: block;
}
.radio{
	display: inline-block;
	margin-left: 4px;
}

textarea{
	max-width: 100%;
	max-height: 200px;
}

.with-footer{
	min-height: 100%;
	position: relative;
}
.with-footer > .container{
	padding-bottom: 160px;
}
.with-footer footer{
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 112px;
}

footer{
	padding: 32px 0;
}

footer .link-remeha{
	padding: .5rem 1rem;
	font-weight: bold;
	text-decoration: none;
	border-top: 3px solid #ffcf00;
	transition: all 0.3s;
	position: relative;
	z-index: 1;
}
footer .link-remeha::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -2;
}
footer .link-remeha::before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	height: 0%;
	width: 100%;
	background-color: #ffcf00;
	transition: all 0.3s;
	z-index: -1;
}
footer .link-remeha:hover::before{
	height: 100%;
}

footer .link-container{
	margin: 14px 0;
	display: block;
}

footer .link-container{
	margin: 14px 0;
	display: block;
}

.btn-link.js-reset{
	display: none;
	position: absolute;
	right: 8px;
	z-index: 9;
	color: #bfbfbf;
	text-decoration: underline;
	text-transform: none;
	font-size: 12px;
	line-height: 17px;
}
.js-reset:hover{
	text-decoration: none;
}

.btn-link{
	background: transparent;
	color: #4d4d4d;
	text-decoration: underline;
}
.btn-link:focus,
.btn-link:hover{
	color: #4d4d4d;
	background: transparent;
	text-decoration: none;
}

.form-buttons{
	text-align: right;
	margin: 8px 0;
}

label[for="search"]{
	color: #4D4D4D;
	font-size: 12px;
	line-height: 17px;
}

.search-group{
	background: #fff;
	border: 1px solid #ccc;
	width: 100%;
}
.search-group > *{
	float: left;
	height: 42px;
}
.search-group > .js-search{
	width: calc(100% - 80px);
	border-bottom: none !important;
	border-left: none;
	border: none !important;
	color: #4d4d4d;
	font-size: 14px;
	line-height: 19px;
	box-shadow: none;
}
.search-group > span{
	width: 40px;
	padding: 1.2rem;
}

#search_icon{
	background: #fff;
	border: none;
}

.reset_search{
	display: none;
}
.reset_search:hover{
	background: #eee;
	cursor: pointer;
}

.filters{
	float: left;
	background: #fff;
	margin: 16px 0;
	padding: 8px 16px;
	border: 2px solid #e6e6e6;
}

.filters hr{
	float: left;
	display: block;
	width: 100%;
	height: 1px !important;
	margin: 8px 0 10px 0 !important;
	border: none !important;
	border-bottom: 1px solid #bebebe !important;
}

.filters > .row{
	margin-bottom: 16px;
}
.filters > .row:last-child{
	margin-bottom: 0;
}

.breadcrumb{
	margin-bottom: 0;
}
.breadcrumb a{
	text-decoration: none;
}
.breadcrumb a:hover{
	text-decoration: underline;
}
.breadcrumb > li + li::before {
	content: "/";
	color: #ffcf00;
	padding: 0 8px 0 6px;
}
.breadcrumb-item{
	margin: 16px 0;
	display: inline-block;
}

.btn-collapsible{
	width: 100%;
	text-transform: none;
	font-weight: 600;
	color: #4D4D4D;
	font-size: 14px;
	line-height: 19px;
	padding: 16px;
}
.btn-collapsible > span{
	display: inline-block;
}
.btn-collapsible span{
	float: left;
}
.btn-collapsible span .checked_count{
	float: right;
	position: absolute;
	margin-left: 8px;
	margin-top: -1px;
}
.btn-collapsible span .checked_count span{
	float: none;
}

#brands-products > .row{
	margin-top: 16px;
}

.btn-collapsible > span.glyphicon-chevron-up,
.btn-collapsible > span.glyphicon-chevron-down{
	float: right;
}

.btn-collapsible.collapsed > span.glyphicon-chevron-down,
.btn-collapsible > span.glyphicon-chevron-up{
	display: block;
}
.btn-collapsible > span.glyphicon-chevron-down,
.btn-collapsible.collapsed > span.glyphicon-chevron-up{
	display: none;
}

.installation{
	background-color: #fff;
	border: 2px solid #000;
	margin-bottom: 16px;
}
.installation_selected .collapsed{
	background-color: #ffcf00;
}
.installation > .collapse.in,
.installation > .collapsing{
	margin-top: 8px;
}
.installation > div{
	padding: 0 16px 16px;
}
.installation_chevron{
	color: #bfbfbf;
	margin-top: 2px;
}
.btn-view_product{
	color: #ffcf00;
}
.installation_selected > button,
.installation_selected > button:hover{
	color: #222;
}
.installation_selected .collapsed .installation_chevron{
	color: #fff;
}

.fat_yellow{
	font-weight: 600;
	color: #ffcf00;
}
a.btn_back{
	display: block;
	margin-top: 32px;
	text-decoration: none;
}

.distance-group{
	display: block;
 }

.dealer-icon{
	width: auto;
	height: 20px;
	display: inline-block;
	margin: 2px 8px;
}

.dealer-icon-unused{
	opacity: 0.15;
	filter: alpha(opacity=15); /* For IE8 and earlier */
}


#lightbox .modal-content{
	display: inline-block;
	text-align: center;
}
#lightbox .close{
	opacity: 1;
	color: rgb(255, 255, 255);
	background-color: rgb(25, 25, 25);
	padding: 3px 8px 5px;
	border-radius: 30px;
	border: 2px solid rgb(255, 255, 255);
	position: absolute;
	top: -15px;
	left: -15px;
	z-index: 1032;
}

.block-primary{
	background-color: #00a0e6;
	padding: 16px;
}

.bg-white{
	background-color: #fff;
	padding: 16px;
}

.m-0{
	margin: 0;
}

.mb-1{
	margin-bottom: 8px !important;
}

.p-0{
	padding: 0;
}

.row.cols-bottom{
	display: flex;
}

.row.cols-bottom > *{
	margin-top: auto;
}

#extra_info{
	width: 100%;
	min-width: 100%;
	max-width: 100%;
	height: 100px;
	max-height: 500px;
	padding: 8px;
}

.bg-white > .row{
	margin: 0;
}

p.match_block{
	font-size: 24px;
	color: #FFCF00;
	font-weight: 700;
	text-align: center;
	margin-bottom: 0;
	line-height: 32px;
}
.match_block .match_percentage{
	font-size: 40px;
}
.dealer-ambassador p.match_block{
	color: #FFF;
}

.frm_warmtewijzer .dealer_ambassador,
.frm_warmtewijzer .dealer_partner{
	margin-left: 0;
	font-weight: bold;
}
.frm_warmtewijzer .dealer_ambassador{
	color: #FFF;
}

.block-primary h3{
	margin-top: 0;
}

.float-left{
	float: left;
}
.float-right{
	float: right;
}

.img-fluid{
	max-width: 100%;
}

.close{
	position: absolute !important;
	right: 12px !important;
	top: 16px !important;
}

.warmtewijzer .inputgroup_column .checkbox{
	margin-bottom: -24px;
}

.block-primary h2{
	color: #fff;
	font-size: 24px;
}

.btn-outline-light.btn-bootstrap{
	border: 2px solid #fff !important;
	padding: 8px;
	background: transparent;
}

.btn-outline-light.btn-bootstrap:hover{
	border-color: #000 !important;
}

.btn-bootstrap{
	color: #fff;
	border-radius: 0 !important;
	padding: 8px;
}
.btn-bootstrap.btn-success{
	background-color: #5cb85c;
		border-color: #4cae4c;
}
.btn-bootstrap.btn-success:hover{
	color: #fff;
	background-color: #449d44;
	border-color: #398439;
}

.btn-bootstrap.btn-danger{
	background-color: #d9534f;
	border-color: #d43f3a;
}
.btn-bootstrap.btn-danger:hover{
	color: #fff;
	background-color: #c9302c;
		border-color: #ac2925;
}

.lds-spinner-container{
	display: none;
	position: relative;
	left: calc(50% - 35px);
	top: calc(50% - 35px);
	z-index: 9999;
	margin-top: -69px;
}
.lds-spinner{
	color: official;
	display: inline-block;
	position: relative;
	width: 64px;
	height: 64px;
}
.lds-spinner div{
	transform-origin: 32px 32px;
	animation: lds-spinner 1.2s linear infinite;
}
.lds-spinner div::after{
	content: " ";
	display: block;
	position: absolute;
	top: 3px;
	left: 29px;
	width: 5px;
	height: 14px;
	border-radius: 20%;
	background: #333;
}
.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;
	}
}

iframe.obiChatLauncher{
	right: 64px;
}

@media only screen and (min-width: 768px){
	.d-sm-none{
		display: none;
	}

	.d-sm-block{
		display: block;
	}
}

@media only screen and (max-width: 767px){
	.big_yellow{
		margin-left: 8px;
	}

	.navbar{
		height: 160px;
		padding: 16px;
		position: static;
	}

	.navbar .nav_item{
		float: none;
	}
	.navbar .vertical_divider{
		display: none;
	}
	.navbar_spacer{
		padding-top: 0px;
	}

	iframe.obiChatLauncher{
		position: static !important;
		width: calc(100% - 40px) !important;
		max-width: 100% !important;
		margin: 63px 20px 20px !important;
	}

	.d-xs-none{
		display: none;
	}

	.d-xs-block{
		display: block;
	}

	.block-primary .float-right .btn-outline-light{
		margin-top: 8px;
	}

	.main-nav{
		text-align: center;
		float: none;
		margin-top: 12px;
	}
	.nav-logo{
		text-align: center;
	}

	footer{
		margin-bottom: 16px;
	}
	footer .row div a{
		text-align: center !important;
		display: block;
	}

	[id^="number_user"],
	[id^="unit_user"]{
		width: 50px;
	}
}

@media only screen and (max-width: 575.98px){
	.row.cols-bottom{
		display: block;
	}

	.dealer-buttons{
		margin-top: 16px !important;
	}
}