@font-face {
font-family: "Bebas Neue";
src: url(//crown-storage.com/wp-content/themes/crown-storage/css/font/bebasneue-regular-webfont.woff2) format('woff2'),
url(//crown-storage.com/wp-content/themes/crown-storage/css/font/bebasneue-regular-webfont.woff) format('woff');
font-weight: normal;
font-style: normal;
} .gm-style .gm-style-iw {
top: 0 !important;
left: 0 !important;
width: 350px !important;
height:auto !important;
display: block !important;
} .gm-style .gm-style-iw #google-popup p{
padding: 10px;
} .gm-style div div div div div div div div {
padding: 0;
margin: 0;
padding: 0;
top: 0;
font-size: 16px;
} .gm-style div div div div div div div div a {
font-weight: bold;
}
:root {
--primary-blue: #231F20;
}
* {
padding: 0;
margin: 0;
box-sizing: border-box;
}
textarea:focus, input:focus, a:focus, button:focus, button:active{
outline: none;
}
html{
margin-top: 0px !important;
}
body {
font-family: 'Poppins';
color: #000;
} .navbar {
position: absolute;
width: 100%;
z-index: 99;
background-color: #231f20;
}
.navbar.fixed {
background: #231f20;
box-shadow: 0 0 20px rgba(0,0,0,0.1);
z-index: 9999;
}
.logo__image {
max-height: 50px;
}
.nav-item-container { }
#rmp_menu_trigger-89{
position: relative !important;
background: none !important;
z-index: 99998 !important;
display: none;
}
.card__image {    width: 25px;}
.account-container p {
color: var(--primary-blue);
font-size: 16px;
margin-bottom: 0;
}
.review__details{
word-break: break-word;
}
.account-container{
text-decoration: none;
}
.about__btn_a{
color: var(--primary-blue);
text-decoration: none;
}
.about-container p{
word-break: break-word;
}
#menu-footer-menu{
margin: 0;
}
.responsive-menu-pro-inner, .responsive-menu-pro-inner::before, .responsive-menu-pro-inner::after {
width: 25px;
height: 3px;
background-color: #000;
border-radius: 4px;
position: absolute;
transition-property: transform;
transition-duration: 0.15s;
transition-timing-function: ease;
}
.responsive-menu-open .cu-close-btn
{
overflow: visible;
}
.responsive-menu-pro-inner
{
display: block;
top: 50%;
margin-top: -1.5px;
}
.navbar{padding:0;}
.responsive-menu-open .cu-close-btn {
display: inline-block !important;
}
.cu-close-btn {
background: transparent;
display: none !important;
transition: all 0.5s;
position: fixed;
top: 0;
z-index: 999999;
height: 50px;
right: 25px;
border: none !important;
}
#return-to-top
{
position: fixed;
bottom: 60px;
right: 20px;
background: var(--primary-blue);
width: 50px;
height: 50px;
display: block;
text-decoration: none;
-webkit-border-radius: 35px;
-moz-border-radius: 35px;
border-radius: 35px;
display: none;
-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
z-index: 99;
}
#return-to-top i {
color: #fff;
margin: 0;
position: relative;
left: 16px;
top: 13px;
font-size: 19px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-ms-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
#loadMoreLocation {
padding: 10px;
text-align: center;
background-color: #33739E;
color: #fff;
border-width: 0 1px 1px 0;
border-style: solid;
border-color: #fff;
box-shadow: 0 1px 1px #ccc;
transition: all 600ms ease-in-out;
-webkit-transition: all 600ms ease-in-out;
-moz-transition: all 600ms ease-in-out;
-o-transition: all 600ms ease-in-out;
}
#loadMoreLocation:hover {
background-color: #fff;
color: #33739E;
}
.search-location-div{
display:none;
}
button:focus{
outline: none;
}
.recent_post .section__title{
text-align: left;
}
.filter-dropdown ul{
list-style: none;
padding: 0;
margin: 0;
}
.filter-dropdown ul li
{
font-size: 15px;
}
.filter-dropdown ul .chk_filter
{
margin-right: 10px;
}
.filter_result_btn
{
background: #f8ac4a !important;
border: none;
color: #000;
padding: 10px 20px;
font-size: 14px;
text-decoration: none;
margin-right: 5px;
}
.filter_reset_btn
{
background: var(--primary-blue) !important;
border: none;
color: #FFF;
padding: 10px 20px;
font-size: 14px;
text-decoration: none;
}
.filter_result_btn:hover, .filter_result_btn:focus, .filter_result_btn:active, .filter_reset_btn:focus, .filter_reset_btn:active, .filter_reset_btn:hover{
color: #fff;
}
.mobile-filter-dropdown{display: none;}
.close-dropdown
{
margin-right: 14px;
font-size: 16px;
font-weight: bold;
position: absolute;
right: 0;
cursor: pointer;
z-index: 1;
color: #000
}
@media screen and (max-width: 1024px)
{
.page-template-pay-rent .hero__heading
{
font-size: 6vw;
}
}
@media screen and (min-width: 1024px)
{
.rmp_menu_trigger.rmp-menu-trigger-boring.is-active.cu-close-btn {
right: 80%;
width: 25px;
}
.navbar.fixed .navbar-searchbar {
display: block !important;
}
.navbar.fixed .logo__image {
display: none;
}
.navbar.fixed .input-wrapper {
box-shadow: 0 5px 20px rgb(0 0 0 / 10%);
}
}
@media screen and (min-width: 768px) {
.navbar-row {
width: 100%;
}
}
@media screen and (min-width: 1200px) {
.navbar.fixed .logo__image {
display: none;
}
.navbar.fixed .navbar-searchbar {
display: block !important;
}
.navbar.fixed .input-wrapper {
box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}
}  .hero-container {
height: 100vh;
width: 100%;
position: relative;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: cover !important;
}  .hero-content {
height: 100%;
position: absolute;
top: 0;
z-index: 9;
width: 100%;
right: 0;
}
.hero__heading {
font-size: 64px;
font-family: "Bebas Neue";
color: #f6a81e;
}
.page-template-about-us .hero__heading, .page-template-blogs .hero__heading{
margin-bottom: 0px;
line-height: 1;
}
.hero__subheading {
font-size: 32px;
}
.search__city .input-wrapper {
background: #FFF;
border-top-right-radius: 20px 50px;
border-bottom-right-radius: 20px 50px;
border-top-left-radius: 20px 50px;
border-bottom-left-radius: 20px 50px;
}
.city__input {
background: transparent;
border: none;
padding: 10px 5px;
outline: none;    
}
.input-wrapper {
padding: 10px;
display: flex;
align-items: stretch;
}
.navbar-searchbar .input-wrapper{
padding: 6px 10px;
}
.navbar-searchbar .search__city{
justify-content: center;
}
.city__input::placeholder {
font-size: 20px;
color: #000;
}
.search__city .search__btn {
background: #f6a81e;
border: none;
padding: 0 30px; display: flex;
align-items: center;
border-radius: 20px;
font-size: 14px;
}
.page-template-pay-rent .manage-account-search.search__city .search__btn {
color: #000 !important;
}
.location-btn, .search-container {
padding: 0 30px;
}
.btn-locations-filter-top .location-btn{
padding: 0;
}
.location-btn {
border-left: 1px solid var(--primary-blue);
}
.location__btn {
background: #f6a81e;
border: none;
padding: 15px 60px;
font-size: 18px;
}  .about-container {
margin-top: 100px;
}
.about__title {
font-size: 32px;
}
.about__subtitle {
color: #f6a81e;
font-size: 18px;
}
.about__subtitle a {
color: var(--primary-blue);
text-decoration: none;
}
.about__title {
border-bottom: 1px solid #dfe0e5;
margin-bottom: 20px;
}
.about__description {
font-family: "Raleway";
}
.about__btn {
background: transparent;
border: 1px solid #231f20;
padding: 12px 20px;
border-radius: 25px;
}
.about__btn {
color: var(--primary-blue);
}
.about__image {
width: 100%;    
height: 450px;
object-fit: cover;
}  .rent-your-unit {
margin-top: 80px;
}
.section__title {
font-size: 32px;
text-align: center;
}
.section__subtitle {
color: var(--primary-blue);
font-size: 18px;
}
.rent-unit-content {
margin-top: 50px;
}
.unit__item {
display: flex;
flex-direction: column;
align-items: center;
padding: 35px;
justify-content: center;
}
.unit__item.item-border {
border: 1px solid #dfe0e5;
border-bottom: none;
padding-bottom: 0;
}
.unit__item .item__icon {
background: #f6a81e;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
height: 100px;
width: 100px;
border-radius: 50%;
}
.item__icon img {
max-width: 45px;
}
.unit__item .item__title {
font-size: 18px;
margin: 20px 0;
font-weight: 500;
color: #242526;
text-align: center;
}
.unit__item .item__description {
color: var(--primary-blue);
font-family: "Raleway";
text-align: center;
}
.item-description {
padding-top: 0;
}
.header-location-btn{
border-left: 1px solid #f6a81e !important;
margin: 0 20px;
}
.header-border-bottom{ }
.header-location-btn .location_btn {
float:none;
}  .location-container {
margin-top: 40px;
}
.location__item {
border: 1px solid #dfe0e5;
height: calc(97% - 25px);
display: flex;
flex-direction: column;
}
.location__distance {
text-align: center;
text-transform: uppercase;
}
.location__item .location__footer {
display: flex;
flex-direction: column;
flex-grow: 1;
justify-content: space-between;
}
.location__item .location__image img {
width: 100%; object-fit: cover;
max-height: 300px;
}
.location__item .location__image .location__rate {
position: absolute;
bottom: 15px;
right: 15px;
background: #f6a81e; text-transform: uppercase;
padding: 10px 25px;
border-radius: 25px;
}
.location__details {
margin: 0 15px;
padding: 20px 0;
}
.location__details i {
color: var(--primary-blue);
margin-top: 6px;
margin-right: 15px;
}
.location__details a {
color: #000;
text-decoration: none;
}
.location-call__icon {
transform: rotateX(-180deg);
transform: rotateY(-180deg);
}
.location__call {
font-size: 18px;
}
.location-address__text {
font-size: 18px;
}
.location__btns {
margin: 10px 0;
padding-top: 10px;
border-top: 1px solid #dfe0e5;
}
.location__btns a {
padding: 15px;
width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
text-decoration: none;
color: var(--primary-blue);
}
.location__btns .location-border {
border-right: 1px solid #dfe0e5;
}  .stars{
text-align:center;
color:gold;
}
.reviews-container {
margin-top: 80px;
}
.review-slider {
margin-top: 50px;
}
.review__main{
padding: 30px;
border: 1px solid #dfe0e5;
}
.review__details {
display: flex;
font-family: "Raleway";
line-height: 2;
}
.review__description { overflow-y: auto;
color: #000;
}
.review__description::-webkit-scrollbar-track
{
border-radius: 10px;
background-color: #e9e9e9;
}
.review__description::-webkit-scrollbar
{
width: 2px;
background-color: #F5F5F5;
}
.review__description::-webkit-scrollbar-thumb
{
border-radius: 10px;
background-color: #ababab;
}
.reviews-container .slick-slide {
margin: 10px;
}
.review__quote {
font-size: 125px;
color: #000;
line-height: 125px;
margin-right: 15px;
}
.review__profile {
padding-left: 50px;
display: flex;
margin-top: 30px;
align-items: center;
}
.profile__image {
background: #919398;
border-radius: 30px;
margin-right: 15px;
}
.profile__image img {
height: 60px;
width: 60px;
object-fit: cover;
border-radius: 50%;
}
.profile__name {
font-size: 14px;
margin-bottom: 5px;
}
.profile__reference {
font-size: 12px;
color: #aeb4b6;
margin-bottom: 0;
}  .freelock-container {
padding: 50px 0;
font-size: 32px;
text-align: center;
background: #f6a81e;
display: flex;
justify-content: center;
align-items: center;
margin-top: 100px;
color:#000;
}
.page-template-pay-rent .freelock-container{
margin-top:0;
}
.freelock-container p {
margin-bottom: 0;
color: #000;
}  .map-container {
margin-top: 60px;
}
.map-container iframe {
height: 650px;
}  .news__item .news__title a, .news__item .news__title a:focus, .news__item .news__title a:active{
color: #000;
text-decoration: none;
}
.footer-container {
margin-top: 80px;
padding-bottom: 30px;
border-bottom: 1px solid #aeb4b6;
}
.footer-section__title {
font-size: 18px;
font-weight: 500;
margin-bottom: 30px;
}
#menu-footer-menu {
padding: 0;
list-style: none;
margin: 0;
}
#menu-footer-menu li {
margin-bottom: 15px;
}
#menu-footer-menu li:before{
content: '';
position: absolute;
width:8px;
height:15px;
background-image: url(//crown-storage.com/wp-content/themes/crown-storage/images/arrow.png);
background-repeat: no-repeat;
margin-top: 5px;
}
#menu-footer-menu li a {
color: #000;
margin-left: 1.5rem!important;
text-decoration: none;
}
.news__item .news__image {
margin-bottom: 15px;
}
.news__item .news__image img {
width: 100%;
height: 150px;
object-fit: cover;
}
.footer-logo {
width: 210px;
max-width: 210px;
}
.footer-copyright {
padding: 30px 15px;
}
.rights-reserved{float: left;}
.website-manage{
float: right;
}
.footer-copyright a
{
text-decoration: none;
}
.footer-copyright p {
font-family: "Raleway";
margin-bottom: 0;
color: var(--primary-blue);
}
.time-dropdown .dropdown-menu {
min-width: 20rem;
right: 0;
font-size: 14px;
}
.drp-heading {
font-weight: bold;
margin-top: 10px;
}
.dropdown-menu p {
margin-bottom: 5px !important;
}
.time-dropdown .dropdown-item:focus, .time-dropdown .dropdown-item:hover{
background-color: transparent;
}
.time-dropdown .dropdown-item.active, .time-dropdown  .dropdown-item:active{
color: #000;
}
.features_list .time-item{
align-items: center;
}
.features_list img{
width: 50px;
height: 50px;
margin-right: 10px;
}
.office-hours .time-item, .gate-hours .time-item {
display: flex;
justify-content: space-between;
}
.view-features-div .dropdown-item:hover, .view-features-div .dropdown-item:active, .view-features-div .dropdown-item:focus{ }
.view-features-div .dropdown-item .time-item:active{
color: #000 !important;
}
.view-features-div .dropdown-item{
position: relative;
white-space: unset;
margin-top: 13px;
}
.view-features-div .dropdown-menu
{
width: 300px;
}
.btn.srch-header i{
padding-top: 3px;
} .pin-map-btn
{
padding: 15px;
width: 100%;
text-align: center;
}
.pin-address-ioc i{
color:#f6a81e;
margin-top: 6px;
margin-right: 15px;
} @media screen and (max-width: 1366px) {
.account-container p {
font-size: 16px;
}
}
@media screen and (max-width: 768px) {
.view-features-div .dropdown-menu{
transform: translate3d(0px, -100px, 0px);
}
.loc_details .dropdown-menu{
left: 50%;
transform: translate(-50%, 0);
}
.view-features-div .dropdown-menu{
right: 11px;
}
.close-dropdown{
font-size: 20px;
z-index: 1;
font-weight: bold;
line-height: normal;
color: #000
}
.single-post .text-description {
margin: 40px 0 0 0px !important;
}
.single-post .recent_post{
margin: 20px 0;
}
.page-template-pay-rent .city__input::placeholder {
font-size: 16px;
}
.page-template-pay-rent .search__city .search__btn{
font-size: 0;
padding: 0 15px;
}
.page-template-pay-rent .search__city .search__btn i{
font-size: 14px;
margin: 0 !important;
} 
.gm-style .gm-style-iw {
width: 400px;
}
.pin-address-ioc i{
color:#f6a81e;
margin-top: 2px;
margin-right: 10px;
}
.pin-map-btn{
padding: 7px;
font-size: 12px;
}
#return-to-top{
bottom: 150px;
right: 11px;
}
#rmp-container-89 {
width: 100% !important;
}
.landscape-viewport {
height: 90vh !important;
}
.manage__account {
display: none;
}
.heigher-viewport {
height: 50vh !important;
}
.lower-viewport {
height: 32vh !important;
}
.inner-lower-viewport{
height: 100vh !important;
}
.hero-container.inner-lower-viewport{
margin-top: 10px;
}
.navbar {
top: 0;
}
.hero--bg:after {
background-image: none;
}
.pay__bill {
display: block;
}
.account-container img {
width: 35px;
}
.hero-container {
height: 45vh;
margin-top: 70px;
}
.hero__heading {
display: none;
}
.hero-heading__mobile {
display: block !important;
font-size: 8vw;
text-align: center; 
}
.page-template-homepage .hero-heading__mobile {
text-align: left; 
padding-left: 12%;
}
body:not(.page-template-pay-rent) .hero-container .hero__subheading, body:not(.page-template-pay-rent) .hero-container .search__city {
display: none !important;
}
.mobile {
display: block !important;
}
.rent-bar {
background: var(--primary-blue);
color: #FFF;
font-size: 18px;
}
.section__subtitle {
font-size: 16px;
}
.about-container {
margin-top: 50px;
}
.rent-your-unit {
margin-top: 50px;
}
.start-your-search-heading {
color: var(--primary-blue);
}
.rent-search-bar .input-wrapper {
border: 1px solid var(--primary-blue);
}
.rent-search-bar .city__input {
width: calc(100% - 40px);
}
.footer-search-bar .city__input {
width: calc(100% - 100px);
}
.rent-search-bar {
font-size: 16px;
}
.rent-search-bar .search__btn {
background: #f6a81e;
border: none;
padding: 0 10px;
color: #FFF;
display: flex;
align-items: center;
border-radius: 20px; font-size: 0;
}
.rent-search-bar .search__btn .fa-search{
font-size: 14px;
margin: 0 !important;
}
.rent-search-bar .input-wrapper input::placeholder {
font-size: 16px !important;
}
.rent-search-bar .location-btn {
background: #f6a81e;
width: 100%;
padding: 15px 0;
font-size: 18px;
color: #000;
cursor: pointer;
}
.location-container {
margin-top: 20px;
}
.location__btns a {
font-size: 14px;
}
.about__image {
margin-top: 50px;
}
.location__item {
margin-bottom: 30px;
}
.reviews-container {
margin-top: 40px;
}
.map-container iframe {
height: 350px;
}
.review-slider {
margin-top: 30px;
}
.review__details {
padding: 10px;
}
.review__description {
font-size: 14px; margin-bottom: 0;
}
.freelock-container {
margin-top: 50px;
}
.freelock-container p {
font-size: 16px;
}
.map-container {
margin-top: 40px;
}
.footer-search-bar {
background: #FFF;
position: absolute;
bottom: 0;
left: 0;
padding: 15px;
right: 0;
box-shadow: 0 0 15px rgba(0,0,0,0.1);
}
.footer-search-bar.fixed {
display: block !important;
}
.footer-search-bar .search-container {
border: 1px solid var(--primary-blue);
padding: 0;
}
.footer-search-bar .search__btn {
background: #f6a81e;
border: none;
padding: 0 15px;
display: flex;
align-items: center;
border-radius: 20px;
font-size: 14px;
}
.footer-search-bar .city__input::placeholder {
font-size: 16px;
color: #000;
}
.footer-copyright {
margin-bottom: 80px;
text-align: center;
}
.rights-reserved{padding-bottom: 10px;float: none;}
.website-manage {float: none;}
.hero-content {
padding: 0;
}
.hero-content.align-items-center
{
align-items: start !important;
}
.inner-lower-viewport .hero-content.align-items-center{
align-items: center !important; 
}
.inner-lower-viewport .hero_subtitle{
text-align: center;
}
.header-location-btn {
display: none;
}
.input-wrapper-header {
border: 0 !important;
}
.input_city_header {
z-index: 99;
position: absolute;
width: 96% !important;
box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
border-radius: 5px;
top: 65px;
border: 1px solid #ccc !important;
left: 50%;
transform: translateX(-50%);
padding: 15px 10px;
display: none;
}
.input_city_header.open-input {
display: block;
}
.logo-container {
order: 0 !important;
width: 50%;
}
.logo-container img {
}
.srch-header {
font-size: 0 !important;
background-color: transparent !important;
padding: 0 !important;
position: absolute;
top: 84px;
z-index: 99;
display: none !important;
}
.input_city_header.open-input ~ .srch-header {
display: block !important;
}
.srch-header i {
font-size: 16px !important;
}
.input-wrapper-header {
justify-content: flex-end;
padding: 0 !important;
}
.logo_image { }
.location-btn.btn-location.fixed {
width: 100%;
z-index: 99;
left: 0;
background: #FFF;
padding: 0;
bottom: 0;
}
.location-btn.btn-location.fixed button {
margin: 0;
font-size: 15px !important;
padding: 20px;
width: 50%;
}
.page-template-pay-bill-results .location-btn.btn-location.fixed button{
width: 100%;
}
.location__item .location__image img {
height: 215px !important;
object-fit: cover !important;
}
.search-loc-price {
top: 196px;
z-index: 11;
right: 13px !important;
}
.location__footer {
display: flex;
flex-direction: column;
}
.loc_details {
order: 2;
font-size: 14px;
}
.location__footer .location-address__text, .location__footer .location_call, .location__footer .location__call {
font-size: 17px !important;
}
.location_btns {
order: 1;
font-size: 14px;
}
.search-loc-btns {
font-size: 12px !important;
}
.location__footer .mrgin-btm {
order: 3;
font-size: 14px;
margin: 15px 0 !important;
}
.toggle-search-btn {
outline: none !important;
box-shadow: none !important;
}
.btn-browse1 {
margin: 0 !important;
font-size: 14px !important;
white-space: nowrap;
}
.location__item {
height: 85%;
}
.location__item .location__image img{
height: 260px;
}
.mobile-filter-dropdown{
width: 100%;
position: fixed;
z-index: 9999 !important;
height: 100vh;
left: 0;
position: fixed;
top: 0;
width: 100%;
z-index: 1000;
overflow-y: auto;
display: none;
background: #fff;
}
.mobile-filter-dropdown.show {
display: block;
}
.mobile-filter-dropdown ul{
list-style: none;
padding: 0;
margin: 0;
}
.mobile-filter-dropdown ul li
{
font-size: 15px;
}
.mobile-filter-dropdown ul .chk_filter
{
margin-right: 10px;
}
}
@media screen and (max-width: 767px) {
.page-template-pay-rent .hero-heading__mobile {
font-size: 40px;
width: 350px;
margin: 0 auto;
}
}
@media screen and (min-width: 401px) and (max-width: 676px) {
.logo__image {
max-width: 95%;
}
.account-container p {
font-size: 14px;
}
.account-container img {
width: 30px;
}
#rmp_menu_trigger-89{
width: 68px;
}
.hero-container{
margin-top: 40px;
}
.page-template-pay-rent .input_city {
width: 320px;
}
}
@media screen and (max-width: 400px) {
.loc_details .dropdown-menu {
left: 75%;
transform: translate(-75%, 0);
}
.page-template-pay-rent .search__city .input_city {
width: 230px;
}   
.hero-heading__mobile{font-size: 12vw;}
.page-template-pay-rent .hero-heading__mobile {
font-size: 36px;
width: 300px;
margin: 0 auto;
}
#rmp-menu-title-89{
padding-top: 9%;
}
#rmp_menu_trigger-89 {
width: 69px;
height: 40px;
}
.logo__image {
max-width: 130px;
}
.account-container p {
font-size: 11px;
margin-right: 5px !important;
}
.account-container img {
width: 30px;
}
.nav-item-container{
padding-left: 0;
padding-right: 0;
}
.hero-container {
height: 40vh;
margin-top: 52px;
}
.hero-container.inner-lower-viewport{
margin-top: 10px;
}
.location__btns a {
font-size: 12px;
padding: 8px;
}
.section__title {
font-size: 20px;
}
.section__subtitle {
font-size: 12px; }
.map-container .section__subtitle {
padding: 0 40px;
}
.freelock-container{
padding: 30px 0;
}
.btn-locations-filter-top{
display:none;
}
.banner_search i{
color:#fff;
}
}
.downaload-app-button{
text-decoration: none;
text-transform: uppercase;
display: flex;
align-items: center;
justify-content: center;
line-height: 1;
background-color: #f6a81e;
padding: 23px 15px;
width: 160px;
}
.downaload-app-button p{
color:#000;
text-transform: uppercase;
margin-right: 20px;
font-size: 18px;
}
#rmp_menu_trigger-89 .responsive-menu-pro-inner, #rmp_menu_trigger-89 .responsive-menu-pro-inner::before, #rmp_menu_trigger-89 .responsive-menu-pro-inner::after {
background-color: #fff !important;
}
#rmp_menu_trigger-89 .rmp-trigger-label {
color: #fff !important;
}
.search-view-unit {
color: #000 !important;
}
.location-items {
margin-top: 10px;
}
@media screen and (max-width: 767px) {
#banner_search i{
color:#fff !important;
}
#banner_search .pay__bill{
display:none;
}
.downaload-app-button {
padding: 11px 15px;
}
.container-fluid {
padding: 0 0 0 10px !important;
}
.downaload-app-button{
width:auto;
}
.hero-heading__mobile {
margin-top: 100px;
}
.search__btn i{
color:#000;
}
.about__image {
height: 250px;
}
.freelock-container p {
padding: 20px;
}
.location-container { }
.close_btn{
font-size: 30px;
padding-right: 10px;
text-decoration: none;
float: right;
padding-top: 0;
padding-bottom: 0;
padding-left: 10px;
}
.location-items {
margin-top: 50px;
}
.nagmarginonmobile{
margin-top:-90px !important;
}
}
@media screen and (min-width: 768px) {
.loc_item {
padding: 5px 0 0 0 !important;
}
.location-container {
margin-top: 20px !important;
}
.navbar{height:71px;}
}
.hero_subtitle{
color:#fff;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea {
width: 100%;
max-width: 100%;
border-radius: 0px !important;
border: 0px !important;
color: #4b4e53 !important;
float: left;
border-bottom: 1px solid #ccc;
background: #fff;
padding: 10px !important;
margin-bottom: 5px;
}
input.wpcf7-form-control.wpcf7-submit {
margin-right: 0px;
float: none;
width: 100%;
background: #f6a81e;
color: #000 !important;
padding: 12px 19px 12px 19px !important;
font-size: 14px;
text-transform: unset;
height: 47px;
font-weight: 600;
margin: 0;
text-transform: uppercase;
}
.popup-contact-detail a {
justify-content: start;
color: #fff !important;
}
.contact-f label {
width: 100%;
margin-bottom: .5rem;
}
.wpcf7-form-control-wrap input {
border: solid 1px #dcdcdc !important;
}
.wpcf7-form-control-wrap textarea {
border: solid 1px #dcdcdc !important;
height: 150px;
}.no-padding-left{
padding-left: 0;
}
.input_city{
width: 450px;
}
.input_city_header{
width: 73%;
border: unset;
}
.btn_search{
background: #f8ac4a !important;
border-radius: 8px !important;
}
.heading_hero{
color: unset;
}
.section_title {
font-size: 22px;
}
.location_btn {
background: #f8ac4a !important;
border: none;
color: #000; 
padding: 10px 20px;
font-size: 13px;
float: right;
}
.section_title.result_counter {
text-align: left !important;
}
.location_filter {
background: #231F20!important;
border: none;
color: #FFF;
padding: 10px 20px;
font-size: 13px;
float: right;
margin: 0 6px;
}
.location_map {
background: #f8ac4a !important;
border: none;
color: #000; 
padding: 10px 20px;
font-size: 13px;
float: right;
margin: 0 6px;
}
.searched_map
{
margin-top: 30px;
}
.btn-location{
border-left: none;
}
.loc_details i {
color: var(--primary-blue);
margin-top: 6px;
margin-right: 8px;
}
.loc_details a {
color: #000;
text-decoration: none;
}
.bill-login-btn{
color: #fff;
background-color: #231F20;
border-color: #231F20;
width: 65%;
height: 45px;
border-radius: 0; 
}
.loc-container{
background: #f3f6fb;
position: relative;
}
.loc_image img{
height: 265px !important;
}
.loc_item{
padding: 20px 0;
}
.location_call{
font-size: 17px !important;
}
.btn-browse1{
margin: 50px;
background-color: #231F20;
border-color: #231F20;
color: #fff;
border-radius: unset;
font-size: 18px;
}
.btn-browse1:hover{
color: #fff;
}
.btn-browse{ background-color: #f8ac4a;
border-color: #f8ac4a;
font-size: 18px;
}
.btn-browse-container { 
height: 100px;
position: relative;
}
.btn-browse-center {
margin: 0;
position: absolute;
top: 70%;
left: 50%;
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
}
.about-contains{
margin: 80px 0px;
}
.hero_subtitle{
font-size: 28px;
}
.input-wrapper-header{
padding: 5px 10px;
display: flex;
align-items: stretch;
border: 1px solid;
background-color:#fff;
}
.srch-header{
background-color: #f8ac4a;
border-radius: 20px;
font-size: 10px;
display: flex;
}
.logo_image{
max-width: 65%;
max-height: 50px;
}
.search-loc-btns:hover{
text-decoration: none;
color: #fff;
}
.search-loc-btns{
color: #fff;
width: 100%;
border-radius: 0; 
font-size: 12px;
font-weight: 500;
display: inline-block;
text-decoration: none;
white-space: nowrap;
text-align: center;
padding: 10px 5px;
}
.search-loc-phone{
margin-right: 25px;
}
.search-view-unit
{
background-color: #f8ac4a;;
border-color: #f8ac4a;;
}
.search-view-features
{
background-color: #231F20 ;;
border-color: #231F20 ;;
}
.search-explore, .search-login-pay
{
background-color: #231F20;
border-color: #231F20;
}
.review_quote {
font-size: 125px;
color: #f8ac4a;
line-height: 125px;
margin-right: 15px;
}
.bill-login-btn:hover {
color: white;
}
.bill-login-btn1:hover {
color: white;
}
.bill-login-btn2:hover {
color: white;
}
.bill-login-btn3:hover {
color: white;
}
.mrgin-btm{
margin: 30px 0;
}
.location_btns {
margin: 10px 0;
}
.location_btns a { width: 100%;
text-align: center;
display: block;
text-transform: uppercase;
text-decoration: none;
color: black;
}
.location_btns .location-border {
border-right: 4px solid #f8ac4a;;
padding-right: 20px;
margin-right: 20px;
}
.marker-icon span
{
color: #000;
font-size: 16px;
position: absolute;
margin: 0 auto;
display: block;
top: 5px;
left: 0;
right: 0;
} .location__item .marker-icon{
color: #f8ac4a;;
}
.marker-icon{
position: absolute;
z-index: 1;
color:#f8ac4a;;
margin-top: -15px;
margin-left: 8px;
text-align: center;
}
.search-loc-price
{
background-color: #f8ac4a;
border-radius: 0;
width: 150px;
font-size: 16px;
padding: 8px 00px;
font-weight: 500;
position: absolute;
right: 0;
color: #212529;
text-align: center;
}
.btn-from {
float: right;
background-color: #f8ac4a;
border-radius: 0;
width: 103px;
font-size: 13px;
padding: 8px 0;
font-weight: 500;
}
h2.faq-head {
text-align: center;
margin: 40px;
}
dl.faqs p {
display: contents;
}
dl.faqs {
cursor: pointer;
}   .page-template-pay-bill-results .mrgin-btm{
margin: 10px -11px;
}
@media screen and (max-width: 768px) {
.btn_search{
background: #f8ac4a !important;
border-radius: 8px !important;
}
.hero_subtitle{
font-size: 22px !important;
}
.input-wrapper-header{
background-color:unset;
}
}.img_bb img {
max-width: 100%;
height: 190px !important;
width: 100%;
object-fit: cover;
}
.box_bb {
float: left;
width: 100%;
margin-bottom: 30px;
}
.box_bb1 {
float: left;
margin-bottom: 30px; }
.recent_post {
float: left;
width: 100%;
margin: 50px 0;
}
.other_in_b h4 a {
color: #4b4e53;
text-decoration: none;
font-size: 18px;
float: left;
width: 100%;
margin: 15px 0;
}
.box_bb p{
font-size: 15px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.box_bb1 .p-tag a{
font-size: 20px;
}
.box_bb1 .p-tag{
margin-bottom: 8px;
}
.single-post .text-description{
font-size: 20px;
margin: 80px 0 0 0px;
}
.single-blog-img1 img{
display: block;
margin-left: auto;
margin-right: auto;
height: auto;
max-width: 100%;
}
.other_in_b{
display: grid;
}
.read_mmm_b a{
color: #f6a81e;
font-weight: bold;
border-bottom: 1px solid #8FC150;
text-decoration: none;
}
.wp-pagenavi a, .wp-pagenavi span {
text-decoration: none;
border: 1px solid #BFBFBF;
padding: 3px 5px;
margin: 2px;
} .search-submit{
background: #f6a81e;
color: #fff;
border: 0px solid;
padding: 4px 6px !important;
margin-top: 17px;
margin-bottom: 40px;
margin-left: -4px;
} .blog-page .search-submit {
background: #f6a81e !important;
padding: 9px 15px !important;
color: #fff !important;
margin-left: -4px;
} .head-search{
margin-top: 10%;
}
.single-post .page-title{
font-size: 25px;
margin: 55px 0px;
color: #f6a81e;
text-align: left;
font-weight: bold;
}
.blog-page .entry-title a{
font-size: 30px;
text-decoration: none;
color: #4b4e53;
}
.blog-page .entry-meta .posted-on a, .blog-page .entry-meta .byline .vcard a{
color: black;
text-decoration: none;
}
.pos ul {
padding-left: 0;
}  .box_bb1 li a {
text-decoration: none;
color: black;
font-size: 18px;
}
.blog-page .entry-summary a{
background: #f6a81e;
padding: 10px 15px;
color: #fff;
text-decoration: none;
}
.read_m a{
background: #f6a81e;
padding: 5px 10px;
color: #fff;
text-decoration: none;
}
.blog-page .type-post a{
height: auto;
max-width: 100%;
}
.blog-page .entry-summary{
margin-bottom: 30px;
}
.box_bb1 p a{
color: black;
text-decoration: none;
cursor: auto;
}
.blog-page .search-field {
width: 100% !important;
padding: 7px;
border-radius: 0px;
color: #4b4e53;
border: 1px solid #ccc;
background: #fff;
} .blog-page .search-form label{
width: 100%;
}
.search-field{
border: 1px solid #f6a81e;
padding: 3px 0px 3px 5px; }
.blog-page .pos h2 {
font-weight: bold;
margin: 0px 0px 20px 0px;
font-size: 24px;
}
.pos ul li {
float: left;
width: 100%;
position: relative;
font-weight: 500;
font-size: 18px;
margin-left: 0px;
padding-left: 15px;
margin-bottom: 10px;
}
.type-post a img{
width: 100%;
height: auto;
}
.blog-page .entry-meta{
font-size: 16px;
margin: 10px 0px;
}
.blog-page .entry-summary p{
font-size: 20px;
}
.post-img a img{
width: 100%;
height: auto;
}
.blog-page .no-results .page-header {
padding-bottom: 9px;
margin: 40px 0 20px;
border-bottom: 1px solid #eee;
}
.blog-page .no-results .page-header h1 {
color: #000;
font-size: 30px;
}
.blog-page .no-results .page-content p{
font-size: 20px;
} .blog-page .no-results .page-title { margin: 80px 0px 0px 0px; text-align: left;
font-weight: bold;
} .search-form .screen-reader-text {
display: none;
}
.wp-pagenavi a{
color: #000;
}
@media only screen and (min-width: 768px) and (max-width: 1024px){
.box_bb1 {
width: auto;
}
}