.heros3 .mapboxgl-ctrl-geocoder { background-color:transparent !important; } .heros3 .form-control { border:0px; border-radius:0px;; border-bottom:1px solid #fff; padding:0px; background: none; height: 45px;} .heros3 input.form-control { color:#fff; } .heros3 select { color:#fff !important; } .heros3 ::-webkit-input-placeholder { color: #fff; } .heros3 ::-moz-placeholder { color: #fff; } .heros3 :-ms-input-placeholder { color: #fff; } .heros3 :-moz-placeholder { color: #fff; } .heros3 select option {color:#000 !important; } .heros3 .cats-inner { background: -moz-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: -webkit-gradient(linear,left top,left bottom,color-stop(0,rgba(0,0,0,.65)),color-stop(100%,rgba(0,0,0,.65))); background: -webkit-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: -o-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: -ms-linear-gradient(top,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); background: linear-gradient(to bottom,rgba(0,0,0,.65) 0,rgba(0,0,0,.65) 100%); min-height: 180px; padding: 30px 0 40px; position: absolute; width: 100%; bottom: 0px; z-index: 100; } .heros3 .search-inner > div { background: rgba(0, 0, 0, 0.2);} .heros3 h1 { text-shadow: 1px 1px #333;} .heros3 .categories li a, .heros3 .categories li .fa { color:#FFFFFF !important; } .heros3 .categories li .fa { margin-right:10px; } .heros3 .search-inner p { max-width:600px;margin:auto auto; } .heros3 .categories li em { float:right; color:#CCCCCC; margin-right:20px; opacity: 0.5; } .heros3 .homensearch select, .hero25 .homensearch input { border-radius:0px; } .heros3 .homensearch ::-webkit-input-placeholder { color:#000; } .heros3.bg-dark { color:#fff; } .heros3.bg-light { color:#333; } .heros3 .categories li { float: left; min-height: 40px; line-height:40px; min-width: 25%;} .heros3 .categories li a { display: block; max-width: 150px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;} @media (min-width: 1200px) { .heros3 .container { max-width:950px; margin:auto auto; } /* large */ .heros3.hero-large .categories li { min-height: 60px; line-height:60px; } .heros3.hero-large .categories li a, .heros3.hero-large .categories li .fa { font-size:20px; display: block; max-width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; float: left;} } @media (max-width: 575.98px) { .heros3 .categories li { float: left; min-width: 50%; text-align:center; } .heros3 .form-control, .heros3 .btn, .heros3 .input-group-append, .input-group-prepend {display:block; margin-bottom:10px; width:100%; } .heros3 form { border:0px; padding:10px; } .heros3 .categories li a, .heros3 .categories li .fa { font-size:16px; } } .block-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;margin-bottom:24px; font-size:28px;font-weight:700; } .block-header__title{margin-bottom:0;font-size:20px;} .block-header__divider{-ms-flex-positive:1;flex-grow:1;height:2px;background:#ebebeb;} .block-header__title+.block-header__divider{margin-left:16px;} @media (max-width:767px){ .block-header{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;} } .bg-primary, .bg-primary:hover,.bg-primary:focus, a.bg-primary:focus, a.bg-primary:hover, button.bg-primary:focus, button.bg-primary:hover, .badge-primary { background:#3377F3 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #3377F3 !important; border-color: #3377F3 !important; } .text-primary, .filters_col .distance span { color: #3377F3 !important; } .btn-outline-primary { color: #3377F3 !important; border-color: #3377F3 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #3377F3 !important; } .bg-secondary, .bg-secondary:hover, .bg-secondary:focus, a.bg-secondary:focus, a.bg-secondary:hover, button.bg-secondary:focus, button.bg-secondary:hover, .irs-bar { background-color:#FDB818 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #FDB818 !important; border-color: #FDB818 !important; } .text-secondary { color: #FDB818 !important; } .text-secondary a { color: #FDB818 !important; } .btn-outline-secondary { color: #FDB818 !important; border-color: #FDB818 !important; } .btn-outline-secondary:hover { background:none !important; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #FDB818 !important; background-color: #FDB818 !important; }