:root{
--btn-big-color:#0099ff;
--btn-small-color:#5f9df7;
--btn-font-color:#ffffff;
--btn-small-font-color:#ffffff;
--btn-color-hover:#6d4bd3;
--title-color:#5b5b5b;
--content-color:#66789C;
--icon_color:#a0abb8;
--max-border-color:#E0E6F7;
} .customcheck {
display: block;
position: relative;
padding-left: 30px;
margin-bottom: 12px;
cursor: pointer;
font-size: 14px;
color: #37404e;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
} input.largerCheckbox {
width: 15px;
height: 15px;
}
.customcheck input {
position: absolute;
opacity: 0;
cursor: pointer;
} .checkmark {
position: absolute;
top: 0;
left: 0;
height: 23px;
width: 23px;
background-color: #ffffff;
border: 2px solid #d1d1d1;
border-radius: 4px;
} .customcheck:hover input ~ .checkmark {
background-color: #ccc;
} .customcheck input:checked ~ .checkmark {
background-color: var(--btn-small-color);
border-radius: 5px;
} .checkmark:after {
content: "";
position: absolute;
display: none;
} .customcheck input:checked ~ .checkmark:after {
display: block;
} .customcheck .checkmark:after {
left: 6px;
top: 5px;
width: 6px;
height: 10px;
border: solid white;
border-width: 0 3px 3px 0;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.form-control{
height: 40px;
background: none!important;
-webkit-appearance: auto;
} .bootstrap-wrapper .form-search {
background: #ffffff;
-webkit-box-shadow: 0px 15px 40px rgb(25 15 9 / 10%);
box-shadow: 0px 18px 40px rgb(25 15 9 / 10%);
border-radius: 10px;
display: inline-block;
width: 100%;
padding: 22px 30px;
}
.bootstrap-wrapper .btn.btn-big:hover {
filter: brightness(120%);  
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
transition: 0.2s;
-webkit-transition: 0.2s;
color: var(--btn-font-color);
transition: 0.2s;
box-shadow: 0 0 15px 0 rgb(0 0 0 / 20%);
}
.bootstrap-wrapper .btn.btn-big {
color: var(--btn-font-color);
background-color: var(--btn-big-color);
border-radius: 8px;
padding: 12px 15px;
font-size: 18px;	
line-height: 1;
-webkit-transition: 0.2s;
transition: 0.2s;
}
.bootstrap-wrapper .btn.btn-small-ar:hover {
filter: brightness(90%);  
-webkit-transform: translateY(-2px);
transform: translateY(-2px);
-webkit-transition: 0.2s;
color: var(--btn-small-font-color);
transition: 0.2s;
box-shadow: 0 0 10px 0 rgb(0 0 0 / 20%);
}
.bootstrap-wrapper .btn.btn-small-ar {
color: var(--btn-small-font-color);
background-color: var(--btn-small-color);
border-radius: 6px;
padding: 8px 10px;
font-size: 14px;	
line-height: 1;
-webkit-transition: 0.2s;
transition: 0.2s;
}
#slider12a .slider-track-high, #slider12c .slider-track-high {
background: green;
}
#slider12a{
width:65%;
}
#slider-search{  
font-size: 14px;
}
.bootstrap-wrapper .form-control::placeholder { color: #212529!important;
opacity: 1; }
.bootstrap-wrapper .form-control:-ms-input-placeholder { color: #212529!important;
}
.bootstrap-wrapper .form-control::-ms-input-placeholder { color: #212529!important;
}
.bootstrap-wrapper .form-control-textarea{
height: calc(6.00em);
border-radius: 0.6rem;
border: 1px solid #c6c3c4;
font-size: 16px;
font-weight: 400;  
color: #212529;
}
.leaflet-locationiq-input{ 
border-radius: 10px!important;
border: 1px solid #c6c3c4!important;	 
height: 40px!important;
}
.leaflet-locationiq-list{
margin-top:15px!important;
}
.ms-options-wrap > button:focus,
.ms-options-wrap > button {   
font-size: 16px;  
font-weight: 400; 
color: #212529!important;
height: calc(3.00em);
border: 1px solid rgba(26, 15, 9, 0.1);
border-radius: 0.3rem;	
}
.ms-options > ul{
font-size: 14px;  
font-weight: 400;  
}
.bootstrap-wrapper .form-control{
height: calc(3.00em)!important;
border-radius: 0.3rem;
border: 1px solid rgba(26, 15, 9, 0.1);   
font-size: 16px;
font-weight: 400; 	
color: #212529;
}
.bootstrap-wrapper .btn-block {
height: calc(3.40em);
border-radius: 0.6rem;
}
.background-transparent-slider{
background: transparent; margin: 0; padding:0;
}
div.left, div.right {
float: left;
padding: 10px;
}
div.left {
}
@media only screen and (max-width: 480px) {
div.left, div.right {
float: center;
padding: 10px;
width:100%
}
}
@media only screen and (max-width: 768px) {
div.left, div.right {
padding: 10px;
}
}
#outer {
width: 100%;
text-align: center;
}
#inner {
display: inline-block;
}
.input-field {
position: relative;
width: 100%;
display: inline-block;
}
.input-field .form-group {
position: relative;
width: 22.5%;
float: left;
padding-right: 10px;
}
.input-field .form-group input,
.input-field .form-group select {
width: 100% !important;
}
.input-field .form-group.search {
width: 10%;
float: right;
padding-right: 0;
}
.input-field .form-group.range-input {
font-size: 15px;
}
.input-field .form-group.search button span {
padding-left: 5px;
}
@media (max-width: 991px) {
.input-field .form-group.search button span {
display: none;
}
}
@media (max-width: 768px) {
.bootstrap-wrapper .btn.btn-big {
border-radius: 8px;
padding: 12px 15px!important;
font-size: 18px!important;	   
}
.input-field .form-group {
width: 100%;
float: none;
}
.input-field .form-group.search {
width: auto;
}
.input-field .form-group.search button span {
display: inline;
}
}
.input-field .form-group.search button {
width: 100%;
font-size: 12px !important;
padding-left: 10px;
padding-right: 10px;
}
::-webkit-input-placeholder { color: #999;
}
:-moz-placeholder { color: #999;
}
::-moz-placeholder { color: #999;
}
:-ms-input-placeholder { color: #999
}
::-ms-input-placeholder { color: #999
}
:placeholder-shown { color: #999;
}
.range-slider-content {
position: relative;
margin: 15px 0;
}
@media (max-width: 768px) {
.home-search-content {
position: relative;
}
}
@media (min-width: 220px) and (max-width: 480px) {
}
.home-search-content .advanced-serach {
background: rgba(0,0,0, 0.3);
}
.form-control:focus{
border: 1px solid #333  !important;
box-shadow: none !important;
}