:root{ --btn-big-color:gray ; --btn-small-color:#D8D9CF; --btn-font-color:#ffffff; --btn-small-font-color:#00000; --btn-color-hover:#6d4bd3; --title-color:#05264E; --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: 5px; 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) { .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) { }