411 Telecom - Part 2

.header14a .input-group { padding: 2px; background: #efefef; border-radius: 8px; font-size:30px; } .header14a input { border: 0px; background: none; } .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; } .custom-control-input:checked~.custom-control-label::before, .filter_sortby a.active { color: #fff; border-color: #FFB700 !important; background-color: #FFB700 !important; }