:root{
--prime-color:#0882aa;	
--second-color:#87f1f2;  
}  .noUi-handle:after, .noUi-handle:before {
background: var(--second-color);
}
.noUi-handle {
border-radius: 50%;
background: var(--second-color);
width: 25px!important;
height: 25px!important;
top: -5px;
cursor: pointer;
box-shadow:none;
border:none;
}
.noUi-touch-area {
border-radius: 50%;
}
.noUi-connect {
height: 10px; background: var(--second-color);
}
.noUi-base {
height: 10px; }
.noUi-horizontal {
height: 12px;
top:10px;
}
.noUi-tooltip {
background: var(--second-color);
color: #fff;
border-radius: 4px;
padding: 10px;
font-size: 14px;
position: absolute;
top: -46px; 
min-width:45px;
border: 1px solid var(--second-color);
}
.noUi-tooltip::after {
content: "";
position: absolute;
bottom: -10px; left: 50%;
transform: translateX(-50%);
border-width: 5px;
border-style: solid;
border-color: var(--second-color) transparent transparent transparent;
} .customcheck {
display: block;
position: relative;
padding-left: 20px;
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 {
-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: var(--prime-color);
}
#slider12a{
width:55%;
}
#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: #000000;
height: calc(3.00em);
border: 1px solid rgba(26, 15, 9, 0.1)!important;  
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)!important;   
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;
}
}
.home-search-content .advanced-serach {
background: rgba(0,0,0, 0.3);
}
.form-control:focus{
border: 1px solid #333  !important;
box-shadow: none !important;
}
.bootstrap-wrapper.listfoliopro-search-wrapper .form-search{
box-shadow: none;
padding: 0 15px;
}
form#listfoliopro_search_form {
background-color: #ffffff;
padding: 35px 30px 20px 30px;
border-radius: 16px;
margin-bottom: 30px;
}
.listfoliopro-search-wrapper .ms-options-wrap > button:focus, .ms-options-wrap > button {
border: none;
padding: 0 20px;
}
.listfoliopro-search-wrapper .ms-options-wrap > button:after{
right: 20px;
}
.bootstrap-wrapper.listfoliopro-search-wrapper .form-control {
background-color: #ffffff !important;
padding: 0 15px;
}
.bootstrap-wrapper.listfoliopro-search-wrapper .form-control:focus,
.listfoliopro-search-wrapper .ms-options-wrap > button:focus, .ms-options-wrap > button:focus{
border: none !important;
outline: none;
}
.listfoliopro-search-wrapper  select {
-webkit-appearance: none;
}
.bootstrap-wrapper.listfoliopro-search-wrapper .form-group{
position: relative;
}
.listfoliopro-search-wrapper .select-arrow {
border-top: 6px solid #999999;
border-right: 6px solid transparent;
border-bottom: 6px solid transparent;
border-left: 6px solid transparent;
height: 0;
width: 0;
position: absolute;
top: 50%;
right: 25px;
}
.bootstrap-wrapper.listfoliopro-search-wrapper  .input-group .customcheck{
margin-right: 5px;
}
.bootstrap-wrapper.listfoliopro-search-wrapper  .input-group .customcheck .checkmark{
height: 15px;
width: 15px;
top: 3px;
}
.bootstrap-wrapper.listfoliopro-search-wrapper .input-group {
display: block;
height: 100%;
background-color: #ffffff;
padding: 10px 20px 5px 15px;
border-radius: 6px;
}
.ms-options-wrap > .ms-options > ul label{
padding: 6px 4px 6px 25px;
}
.ms-options-wrap > .ms-options > ul label.focused, .ms-options-wrap > .ms-options > ul label:hover,
.ms-options-wrap > .ms-options > ul li.selected label{
background-color: var(--prime-color); 
color: #ffffff;
}
.ms-options-wrap > .ms-options > ul input[type="checkbox"]{
top: 5px;
accent-color: #ffffff;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
border-color: #999999 transparent transparent transparent;
border-style: solid;
border-width: 6px 6px 0 6px;
height: 0;
left: 0;
margin-left: -10px;
margin-top: -2px;
position: absolute;
top: 24px;
width: 0;
}
.select2-container--default .select2-selection--single {
background-color: #fff;
border: 1px solid rgba(26, 15, 9, 0.1)!important;  
border-radius: 5px;
height: 48px;
padding: 0 10px;
padding-top: 10px;
font-size: 16px;
}
#listfoliopro_search_form button[type="submit"].btn.btn-big {
width: 100%;
background-color: var(--prime-color); 
font-size: 16px;
padding: 14px 20px;
line-height: 1;
border: none;
outline: none;
box-shadow: none;
color: #ffffff;
border-radius: 5px;
font-weight: 600;
}
#listfoliopro_search_form button[type="submit"].btn.btn-big:hover{
filter: brightness(100%);
transform: translateY(0);
background-color: var(--second-color); 
}
.select2-dropdown {
top: 30px;
border: 1px solid #aaaaaa;
border-top: 1px solid #aaaaaa !important;
}
.select2-container{
width: 100% !important;
}
.select2-container--default .select2-search--dropdown .select2-search__field {
border-top: none;
border-left: none;
border-right: none;
border-bottom: 1px solid #aaaaaa;
padding: 5px;
outline: none !important;
}
.select2-search--dropdown {
padding: 0;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
background-color: #ffffff;
color: #000000;
}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable:hover{
background-color: var(--prime-color); 
color: #ffffff;
}
.select2-container--default .select2-results__option--selected {
background-color: transparent;
}
.select2-container--default .select2-results>.select2-results__options{
font-size: 16px;
}
.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
border-color: transparent transparent #000000 transparent;
border-width: 0 6px 6px 6px;
}
.elementor-search .form-control {
border: 0px solid #ffffff!important;
box-shadow:none!important;
}
.elementor-search .ms-options-wrap > button:focus,
.elementor-search .ms-options-wrap > button { 
border: 0px!important;
box-shadow:none!important;
}
@media only screen and (min-width: 1500px) {
}
@media only screen and (min-width: 1920px) {
}
@media only screen and (min-width: 1201px) and (max-width: 1366px) {
}
@media only screen and (min-width: 1025px) and (max-width: 1200px) {
}
@media only screen and (min-width: 992px) and (max-width: 1024px) {
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
}
@media only screen and (max-width: 1200px) {
}
@media only screen and (max-width: 1024px) {
.bootstrap-wrapper.listfoliopro-search-wrapper .input-group .customcheck {
margin-right: 6px;
padding-left: 24px;
}
.listfoliopro-search-wrapper .ms-options-wrap > button:focus, .ms-options-wrap > button {
padding: 0 10px;
}
.select2-container--default .select2-selection--single{
padding-left: 3px;
}
.listfoliopro-search-wrapper .ms-options-wrap > button:after {
right: 10px;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b{
left: 10px;
}
form#listfoliopro_search_form {
padding: 25px 20px 10px 20px;
}
}
@media only screen and (max-width: 991px) {
#slider12a {
width: 48%;
}
}
@media only screen and (max-width: 767px) {
#slider12a {
width: 74%;
}
}