/*#c80000 color css*/

/*------------------------------------*ONE COLOR*---------------------------------*/

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

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

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


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

.border-btn:hover, .border-btn:focus, .border-btn:active, .btn-default:hover, .btn-default:focus, .btn-default:active {
   background: #c80000 !important;
}


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


.btn-learn-more-color {
   color: #c80000 !important; 
}

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

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

}

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

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


}

#loading-spinner{
   background-color: #c80000;
}

span.sizeName {
   color: #c80000;    
}

footer a:focus,
footer a:hover {
   color: #c80000;

}

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

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

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

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

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

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

.cm-bold {
   color: #c80000;
}

.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: #c80000;
}

.top-header {
   background-color: #000000;
}

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

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

.header-heading {
   color: #c80000;
}

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

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



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

.store-info-section{
   background: #000000;
}

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

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

.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%, #c80000));
   background: -o-linear-gradient(left, #2b2b2b 30%, #c80000 30%);
   background: -webkit-linear-gradient(left, #2b2b2b 30%, #c80000 30%);
   background: -moz-linear-gradient(left, #2b2b2b 30%, #c80000 30%);
   background: linear-gradient(to right, #2b2b2b 30%, #c80000 30%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
   filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#2b2b2b', endColorstr='#c80000', GradientType=1);
   /* IE6-9 */
}

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

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

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

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

.btn-primary {
   color: #fff;
   background: #c80000;
   border-color: #c80000;
}

.btn-danger {
   color: #fff;
   background: #000000;
   border-color: #000000;
}

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

.btn-advance-search {
   background: #c80000;
}

.btn-locate-me {
   background: #c80000;
}

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

.btn-view-store {
   background: #c80000;
}

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

.color-me {
   color: #c80000;
}

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

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

.store-left-container {
   background: #c80000;
}

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

/* Start Scroll To Top*/ 

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



/* End Scroll To Top */

/* Store Other Links CSS Start */

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



/* Store Other Links CSS End*/


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

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

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

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

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

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

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

.space-calc-heading {
   background: #c80000;
}

.login-bg {
   background-color: #c80000;
}

.login-form button {
   background: #c80000;
}

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

.login-info a {
   color: #c80000;
}

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

@media (max-width: 991px) {
   .home-about-text {
       background: #c80000;
   }
   .home-about-background p {
       background: #c80000;
   }
   .banner-area {
       background: #c80000 !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%);
}


.horizontal-links-container .tenanthub-link {
   background: #c80000;
}

.tenanthub-link {
   background: #c80000;

}

/*------------------------------------*TWO COLOR*---------------------------------*/

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


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

#Tagline-Header{
background-color: #0ea7da1a
}

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

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active {
 color: #FFF;
   background-color: #c80000;      
} 

.space-heading.text-center {
   background-color: #0ea7da1a;
   padding: 15px;
   border-radius: 10px;
   border: solid 2px #000000;
}

/* New Inventory CSS Custom Branding */

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

.unit-card .price-label {
    color: #c80000;

}

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

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

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

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

  .category-button.selected {
    background-color: #c80000;
    color: white;
    border-color: #000001;
  }

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

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

.action-button.reserve {
    background: #c80000;
}

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

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

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

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

.spinner {
    border: 5px #000001; 
    border-top-color: #c80000; /
}

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

}

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

.card-header {
   color: white !important;
   background-color: #c80000 !important;
}

/* Styled Back Button */
.back-button {
   color: #c80000;
}

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

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

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

   }

   .header-icons a {
      color:#c80000;
  }


  .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: #000000;
   -o-border-image: conic-gradient(#000000 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(#000000 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;
   }
 }