/*#00539f color css*/

#Tagline-Header{
background-color: #00539f21;
}

.btn-apply-now-bg{
     background: #00539f;
}

.bgColor{
     background: #00539f;
}
div.size-guide-bg .slider.ui-slider.ui-slider-horizontal.ui-widget.ui-widget-content.ui-corner-all {
    background: #00539f !important; /* Blue  */
}

div.size-guide-bg li#description >h4:after {
    background: #00539f; /* Blue blue */
  }


  div.size-guide-bg .ui-tabs.ui-tabs-vertical .ui-tabs-nav{
  background: #00539f; /* Blue CSS*/
}

.btn-default:hover {
    background-color: #00539f !important;
    border-color: #324294 !important;
}
.border-btn:hover, .border-btn:focus, .border-btn:active, .btn-default:hover, .btn-default:focus, .btn-default:active {
    background: #00539f !important;
}

.btn-primary {
    color: #fff;
    background-color: #00539f;
    border-color: #324294; 
}

.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary:hover, .btn-primary:focus, .btn-primary:active {
  color: #fff;
    background-color: #002c55;      
} 


.btn-secondary {
    color: #fff;
    background-color: #002c55;
    border-color: #002c55; 
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
  color: #fff;
    background-color: #00539f;      
} 


.border-btn{
 color: #00539f;
    border: 1px solid #00539f;   
} 

 .btn-learn-more-color, .has-text-primary {
    color: #00539f !important; 
}

.locator-search .accordion-toggle {
    background: #00539f;
}
.panel-default>.panel-heading {
    background-color: #00539f;
    border-color: #00539f;
}

.space-size-header > ul > li > a {
    color: #00539f;

}

.space-size-header ul li.unitFeaturesTab.active a .size {
    background: #00539f;
    color: white;
    border-radius: 5px;
}

.unitFeatureItem .unit-sp-offer-normal {
    background-color: #00539f;


}

#loading-spinner{
    background-color: #00539f;
}

span.sizeName {
    color: #00539f;    
}

footer a:focus,
footer a:hover {
    color: #00539f;

}

.store-locator-result-container .unit-start-price {
    color: #00539f;
}

.horizontal-links-container .link-wrap > ul > li{     
    background: #00539f;
} 

.horizontal-links-container-mob .link-wrap > ul > li{     
    background: #00539f;
} 

.store-left-container .store-info-section h4.coupons-btn {
    color: #00539f;
}

.store-info-section .icon-wrap+div  a.btn-default {
    color: #00539f;  
}

.store-left-container .near-area-container button.btn.btn-default {
    color: #00539f;
    border: 1px solid #00539f;
}

.cm-bold {
    color: #00539f;
}

.top-header .nav>li>a:hover,
.top-header .nav>li>a:active,
.header-social-icon > ul > li > a:hover,
.header-social-icon > ul > li > a:focus,
.top-header .nav .open>a {
    color: #00539f;
}

.top-header {
    background-color: #00539f;
}

.input-group-btn>.btn:active,
.input-group-btn>.btn:focus,
.input-group-btn>.btn:hover {
    color: #00539f;
}

.header-search > .input-group > input {
    border: 1px solid #00539f;
}

.header-heading {
    color: #00539f;
}

.btn-search {
    background-color: #00539f;
    border: 1px solid #00539f;
}

.banner-search .btn-default {
    background-color: #00539f;
    border: 1px solid #00539f;
}



.banner-area:after,
.banner-area:before {
    background: #00539f;
}

.store-info-section{
    background: #00539f;
}

a.btn.learn-more {
    background-color: #00539f;
}

a.btn.learn-more:hover,
a.btn.learn-more:focus {
    border: 1px solid #00539f;
    color: #00539f;
}

.home-about-background {
    background: #2b2b2b;
    /* Old browsers */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -webkit-gradient(linear, left top, right top, color-stop(30%, #2b2b2b), color-stop(30%, #00539f));
    background: -o-linear-gradient(left, #2b2b2b 30%, #00539f 30%);
    background: -webkit-linear-gradient(left, #2b2b2b 30%, #00539f 30%);
    background: -moz-linear-gradient(left, #2b2b2b 30%, #00539f 30%);
    background: linear-gradient(to right, #2b2b2b 30%, #00539f 70%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#00539f', GradientType=1);
    /* IE6-9 */
}

.reviews .owl-item {
    border: 1px solid #00539f;
}

.form-group .radio.cm-radio-btn input[type="radio"]+span {
    border: 2px solid #00539f;
}

.form-group .radio input[type="radio"]:checked + span:after {
    background: #00539f;
}

.custom-btn {
    background: #00539f;
    border-color: #00539f;
}

.custom-btn:hover {
    background: #f13245;
    border-color: #00539f;
}

.btn-advance-search {
    background: #00539f;
}

.btn-locate-me {
    background: #00539f;
}

.result-div {
    border: 1px solid #00539f;
}

.btn-view-store {
    background: #00539f;
}

.btn-view-store:active,
.btn-view-store:focus,
.btn-view-store:hover {
    color: #00539f;
}

.color-me {
    color: #00539f;
}

hr.line-title-left {
    border-top: 2px solid #00539f;
}

.info-team .network-social-team a:hover {
    color: #00539f;
}

.store-left-container {
    background: #00539f;
}

.store-time-wrapper {
    border: 1px solid #00539f;
}

/* Start Scroll To Top*/ 

 #return-to-top {
    background: #00539f;
    border-color: #00539f;
}

#return-to-top:hover {
    background: #0b7be0;
    border-color: #0b7be0;
}

/* End Scroll To Top */

/* Store Other Links CSS Start */

.link-wrap ul > li > a {   
     background: #00539f ;
    }

    .link-wrap ul > li > a:hover {
        background: #0b39e0;
    }

/* Store Other Links CSS End*/


.info-wswu ul > li:before {
    color: #00539f;
}

.business-advantage-plan .btn-register {
    background: #00539f;
}

.cm-accordion .accordion-toggle::before,
.cm-accordion .accordion-toggle::after {
    background-color: #fff !important;
}

.third-party-management a,
.third-party-management span {
    color: #00539f;
}

.third-party-management:hover {
    background: #00539f;
}

.pencil-icon-list > ul > li:before {
    color: #00539f;
}

.pencil-icon-list > ul > li:hover {
    background: #00539f;
}

.space-calc-heading {
    background: #00539f;
}

.login-bg {
    background-color: #00539f;
}

.login-form button {
    background: #00539f;
}

.login-form .message a {
    color: #00539f;
}

.login-info a {
    color: #00539f;
}

.location-icon > i {    
    color: #00539f;
}

@media (max-width: 991px) {
    .home-about-text {
        background: #00539f;
    }
    .home-about-background p {
        background: #00539f;
    }
    .banner-area {
        background: #00539f !important;
    }   
    
     #linkcontainer{
            margin-top: 673px ;
            }
            
 

}

/*@media (max-width: 575px)
{
  .unitFeatureItem .unit-rate-section a.btn-primary {
      position: absolute;
      left: 40px;
      margin-top: 10px;
  }
  .unitFeatureItem .unit-rate-section .btn-danger  {margin-top: 10px;}
 }*/


.vimeo-wrapper {
   position: relative;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: -1;
   pointer-events: none;
   overflow: hidden;
}
.vimeo-wrapper iframe {
   width: 100vw;
   height: 56.25vw; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
   min-height: 100vh;
   min-width: 177.77vh; /* Given a 16:9 aspect ratio, 16/9*100 = 177.77 */
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}


.space-heading.text-center {
    background-color: #dee9f3;
    padding: 15px;
    border-radius: 10px;
    border: solid 2px #00539f;
}

/* New Inventory CSS Custom Branding */

.tab.active {
    background-color: #00539f;
    color: white;
    border-color: #00539f;
}

.unit-card .price-label {
    color: #00539f;

}

.unit-card .from-label {
    color: #00539f; 
}

.unit-card .select-button {
    background: #00539f;
    color: white;
}

.unit-card .select-button:hover {
    background: #0056b3;
}

.unit-card .price-section {
    color: #00539f;
  }

  .category-button.selected {
    background-color: #00539f;
    color: white;
    border-color: #0056b3;
  }

  .category-button.selected::after {
    border-top: 10px solid #00539f;
  }

  .action-button {
    background: #d9534f;
    color: white;
}

.action-button.reserve {
    background: #00539f;
}

.modal-unit-card .special-offer-section h4 {
    color: #00539f;
}

.modal-unit-card .price {
    color: #00539f;
}

.modal-unit-card .price::after {
    color: #00539f;
}

.apply-button {
    background: #00539f;
    color: white;
}

.spinner {
    border: 5px solid rgba(0, 123, 255, 0.3); 
    border-top-color: #00539f; /
}

.unit-sp-offer {
    background-color: #00539f;
    color: white;

}

.unit-card .special-offer-section h4 {
    color: #00539f; 
}

.card-header {
    color: white !important;
    background-color: #00539f !important;
 }
 
 /* Styled Back Button */
 .back-button {
    color: #00539f;
 }

       /* Style for the unselected buttons */
.custom-radio-button .btn {
    color: #00539f !important;
    border: 2px solid #00539f !important;
    }
    
    /* Highlight the selected option */
    .custom-radio-button input[type="radio"]:checked + .btn {
    background-color: #00539f !important;
    border-color: #00539f !important;
    }
    
    /* Hover effect for better user feedback */
    .custom-radio-button .btn:hover {
    background-color: #00539f !important;
    border-color: #00539f !important;
    }

    .tab.active::after {
        border-top: 10px solid #00539f;
    }

    .selected-arrow {
        border-top: 10px solid #00539f;

    }

    .header-icons a {
        color:#00539f;
    }

    .ribbon-fullwidth {
        --r: .4em;
        color: #ffffff;
        position: absolute;
        top: 10px;
        inset-inline: calc(-1 * var(--r));
        text-align: center;
        line-height: 1.8;
        padding: 0 0.5em calc(2 * var(--r));
        border-radius: var(--r);
        --_g:100%/var(--r) calc(2*var(--r)) no-repeat;
        background: radial-gradient(100% 50% at right, rgba(0, 0, 0, 0.3333333333) 98%, rgba(0, 0, 0, 0) 101%) 0 var(--_g), radial-gradient(100% 50% at left, rgba(0, 0, 0, 0.3333333333) 98%, rgba(0, 0, 0, 0) 101%) 100% var(--_g), conic-gradient(from 90deg at var(--r) calc(100% - 2 * var(--r)), rgba(0, 0, 0, 0) 25%, #00539f 0) 0 0/calc(100% - var(--r)) 100%;
      }

      
.tooltip-phone {
    color: #ffffff;
    font-size: 18px;
    width: 19ch;
    text-align: center;
    transition-property: overlay display opacity;
    transition: ease-in-out 0.25s;
    display: none;
    opacity: 0;
    scale: 0;
  }
  
  .tooltip-phone {
    /* triangle dimension */
    --b: 2em; /* base */
    --h: 1em; /* height */
    --p: 0%; /* triangle position (0%:left 100%:right) */
    --r: 1.2em; /* the radius */
    padding: 1em;
    border-radius: var(--r) var(--r) min(var(--r), 100% - var(--p) - var(--b) / 2) min(var(--r), var(--p) - var(--b) / 2)/var(--r);
    clip-path: polygon(0 100%, 0 0, 100% 0, 100% 100%, min(100%, var(--p) + var(--b) / 2) 100%, var(--p) calc(100% + var(--h)), max(0%, var(--p) - var(--b) / 2) 100%);
    background: #00539f;
    -o-border-image: conic-gradient(#00539f 0 0) 0/var(--r) calc(100% - var(--p) - var(--b) / 2) 0 calc(var(--p) - var(--b) / 2)/0 0 var(--h) 0;
       border-image: conic-gradient(#00539f 0 0) fill 0/var(--r) calc(100% - var(--p) - var(--b) / 2) 0 calc(var(--p) - var(--b) / 2)/0 0 var(--h) 0;
    left: 30px;
    position: absolute;
    top: -65px;
  }
  
  .phone-button:hover .tooltip-phone {
    display: block;
    transition: all 0.25s;
    opacity: 1;
    scale: 1;
  }
  @starting-style {
    .phone-button:hover .tooltip-phone {
      opacity: 0;
    }
  }