Online directory | Free Business Directory | Web Directory

.heros3 .form-control { border:0px; border-radius:0px;; border-bottom:1px solid #fff; padding:0px; background: none;} .heros3 input.form-control { color:#fff; } .heros3 select { color:#fff; } .heros3 ::-webkit-input-placeholder { color: #fff; } .heros3 ::-moz-placeholder { color: #fff; } .heros3 :-ms-input-placeholder { color: #fff; } .heros3 :-moz-placeholder { color: #fff; } .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; } } .city-card{position:relative;text-align:center;margin-bottom:30px;cursor:pointer;z-index:1;width:100%;height:230px; border-radius: 8px; } .city-card:hover h5{bottom:42px;} .city-card:hover p{visibility:visible;bottom:15px;opacity:1;} .city-card::before{position:absolute;content:"";top:0px;left:0px;z-index:1;width:100%;height:100%; background:-webkit-gradient(linear, left top, left bottom, color-stop(40%, rgba(0,0,0,0)), color-stop(90%, rgba(0,0,0,0.5)));background:linear-gradient(rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 90%);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .city-card h5{position:absolute;bottom:30px;left:50%;z-index:1;width:100%;font-weight:500;text-align:center;text-transform:capitalize;-webkit-transform:translateX(-50%);transform:translateX(-50%);transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .city-card h5 a{color:#fff;} .city-card p{position:absolute;bottom:0px;left:50%;z-index:1;width:100%;text-align:center;-webkit-transform:translateX(-50%);transform:translateX(-50%);color:#fff;font-size:14px;visibility:hidden;opacity:0;transition:all linear .3s;-webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} @media (min-width: 400px) and (max-width: 575px){ .city-card{width:370px;margin:0px auto 30px;} } @media (max-width: 575.98px) { .city-card{ height:100px; } } .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:#203F60 !important; } .btn-primary, .btn-primary:hover { color: #fff; background-color: #203F60 !important; border-color: #203F60 !important; } .text-primary, .filters_col .distance span { color: #203F60 !important; } .btn-outline-primary { color: #203F60 !important; border-color: #203F60 !important; } .btn-outline-primary:hover { background:none !important; } .text-primary a { color: #203F60 !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:#FFB700 !important; } .btn-secondary, .btn-secondary:hover, .btn-secondary:focus { color: #fff; background-color: #FFB700 !important; border-color: #FFB700 !important; } .text-secondary { color: #FFB700 !important; } .text-secondary a { color: #FFB700 !important; } .btn-outline-secondary { color: #FFB700 !important; border-color: #FFB700 !important; } .btn-outline-secondary:hover { background:none !important; }