/*#136137color css*/

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



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

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

div.size-guide-bg li#description >h4:after {
    background: #136137; /* Green Green */
  }


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

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


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


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

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

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

}

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

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


}

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

span.sizeName {
    color: #136137;    
}

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

}

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

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

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

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

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

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

.cm-bold {
    color: #136137;
}

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

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

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

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

.header-heading {
    color: #136137;
}

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

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.color-me {
    color: #136137;
}

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

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

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

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

/* Start Scroll To Top*/ 

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



/* End Scroll To Top */

/* Store Other Links CSS Start */

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



/* Store Other Links CSS End*/


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

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

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

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

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

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

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

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

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

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

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

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

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

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

.tenanthub-link {
    background: #136137;

}



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

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


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

.btn-primary {
    color: #fff;
    background-color: #136137;   
    border-color: #177141d9; 
}

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

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


.btn-default:hover {
    background-color: #136137!important;
    border-color: #177141d9!important;
}

#return-to-top:hover {
    background: #177141d9;
    border-color: #177141d9;
}

#Tagline-Header{
background-color: #13613726
}

.space-heading.text-center {
    background-color: #13613726;
    padding: 15px;
    border-radius: 10px;
    border: solid 2px #177141d9;
}

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