.whiteText {
    color: #fff
}

.blackText {
    color: #000
}

.normalText {
    font-weight: 400
}

.boldText {
    font-weight: 700
}

.italic {
    font-style: italic
}

.upperCase {
    text-transform: uppercase
}

.capitalize {
    text-transform: capitalize
}

.lowerCase {
    text-transform: lowercase
}

.font16 {
    font-size: 1.6rem
}

.font18 {
    font-size: 1.8rem
}

.font20 {
    font-size: 2rem
}

.font22 {
    font-size: 2.2rem
}

.font24 {
    font-size: 2.4rem
}

.font26 {
    font-size: 2.6rem
}

.font28 {
    font-size: 2.8rem
}

.font30 {
    font-size: 3rem
}

.font65 {
    font-size: 6.5rem
}

.textLeft {
    text-align: left
}

.textCenter {
    text-align: center
}

.textRight {
    text-align: right
}

.padding0 {
    padding: 0
}

.padding10 {
    padding: 1rem 0
}

.padding20 {
    padding: 2rem 0
}

.padding25 {
    padding: 25px 0
}

.padding30 {
    padding: 3rem 0
}

.padding40 {
    padding: 4rem 0
}

.padding50 {
    padding: 5rem 0
}

.padding60 {
    padding: 6rem 0
}

.padding70 {
    padding: 7rem 0
}

.padding80 {
    padding: 8rem 0
}

.padding90 {
    padding: 9rem 0
}

.padding100 {
    padding: 10rem 0
}

.paddingT0 {
    padding-top: 0
}

.paddingT10 {
    padding-top: 1rem
}

.paddingT20 {
    padding-top: 2rem
}

.paddingT30 {
    padding-top: 3rem
}

.paddingT40 {
    padding-top: 4rem
}

.paddingT50 {
    padding-top: 5rem
}

.paddingT60 {
    padding-top: 6rem
}

.paddingT70 {
    padding-top: 7rem
}

.paddingT80 {
    padding-top: 8rem
}

.paddingT90 {
    padding-top: 9rem
}

.paddingT100 {
    padding-top: 10rem
}

.paddingB0 {
    padding-bottom: 0
}

.paddingB10 {
    padding-bottom: 1rem
}

.paddingB20 {
    padding-bottom: 2rem
}

.paddingB30 {
    padding-bottom: 3rem
}

.paddingB40 {
    padding-bottom: 4rem
}

.paddingB50 {
    padding-bottom: 5rem
}

.paddingB60 {
    padding-bottom: 6rem
}

.paddingB70 {
    padding-bottom: 7rem
}

.paddingB80 {
    padding-bottom: 8rem
}

.paddingB90 {
    padding-bottom: 9rem
}

.paddingB100 {
    padding-bottom: 10rem
}

.margin0 {
    margin: 0
}

.margin10 {
    margin: 1rem 0
}

.margin20 {
    margin: 2rem 0
}

.margin25 {
    margin: 25px 0
}

.margin30 {
    margin: 3rem 0
}

.margin40 {
    margin: 4rem 0
}

.margin50 {
    margin: 5rem 0
}

.margin60 {
    margin: 6rem 0
}

.margin70 {
    margin: 7rem 0
}

.margin80 {
    margin: 8rem 0
}

.margin90 {
    margin: 9rem 0
}

.margin100 {
    margin: 10rem 0
}

.marginT0 {
    margin-top: 0
}

.marginT10 {
    margin-top: 1rem
}

.marginT20 {
    margin-top: 2rem
}

.marginT30 {
    margin-top: 3rem
}

.marginT40 {
    margin-top: 4rem
}

.marginT50 {
    margin-top: 5rem
}

.marginT60 {
    margin-top: 6rem
}

.marginT70 {
    margin-top: 7rem
}

.marginT80 {
    margin-top: 8rem
}

.marginT90 {
    margin-top: 9rem
}

.marginT100 {
    margin-top: 10rem
}

.marginB0 {
    margin-bottom: 0
}

.marginB10 {
    margin-bottom: 1rem
}

.marginB20 {
    margin-bottom: 2rem
}

.marginB30 {
    margin-bottom: 3rem
}

.marginB40 {
    margin-bottom: 4rem
}

.marginB50 {
    margin-bottom: 5rem
}

.marginB60 {
    margin-bottom: 6rem
}

.marginB70 {
    margin-bottom: 7rem
}

.marginB80 {
    margin-bottom: 8rem
}

.marginB90 {
    margin-bottom: 9rem
}

.marginB100 {
    margin-bottom: 10rem
}

.marginR10 {
    margin-right: 1rem
}

.marginR20 {
    margin-right: 2rem
}

.marginR30 {
    margin-right: 3rem
}

.marginR40 {
    margin-right: 4rem
}

.marginR50 {
    margin-right: 5rem
}

.marginR60 {
    margin-right: 6rem
}

.marginL10 {
    margin-right: 1rem
}

.marginL20 {
    margin-right: 2rem
}

.marginL30 {
    margin-right: 3rem
}

.marginL40 {
    margin-right: 4rem
}

.marginL50 {
    margin-right: 5rem
}

.marginL60 {
    margin-right: 6rem
}

.marginRL10 {
    margin-left: 1rem;
    margin-right: 1rem
}

.marginRL20 {
    margin-left: 2rem;
    margin-right: 2rem
}

.marginRL30 {
    margin-left: 3rem;
    margin-right: 3rem
}

.marginRL40 {
    margin-left: 4rem;
    margin-right: 4rem
}

.LHone {
    line-height: 1
}

.LHonehalf {
    line-height: 1.5
}

.LHtwo {
    line-height: 2
}

.LHtwohalf {
    line-height: 2.5
}

.LHthree {
    line-height: 3
}

.LHthreehalf {
    line-height: 3.5
}

.LHfour {
    line-height: 4
}

.margin0 {
    margin: 0
}

.paddingtop0 {
    padding-top: 0
}

.paddingbottom0 {
    padding-bottom: 0
}

.paddingtop25 {
    padding-top: 25px
}

.paddingbottom25 {
    padding-bottom: 25px
}

.paddingright0 {
    padding-right: 0
}

.paddingleft0 {
    padding-left: 0
}

.marginb {
    margin-bottom: 2.5rem
}

.alignright {
    float: right;
    margin: 1rem 0 1rem 1rem
}

.alignleft {
    float: left;
    margin: 1rem 1rem 1rem 0
}

img {
    max-width: 100%;
    height: auto
}

img.alignleft {
    margin: 0 2rem 2rem 0
}

img.alignright {
    margin: 0 0 2rem 2rem
}

img.aligncenter {
    margin: 2rem 0
}

select,input[type="text"],input[type="email"],input[type="password"],input[type="number"],input[type="tel"],input[type="search"],textarea {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
    font-family: inherit;
    padding: 6.83px;
    background-color: #fff;
    border: 1px solid #eee;
    color: rgba(0,0,0,.75)
}

input[type="submit"] {
    border: none;
    cursor: pointer;
    padding: 1rem 2rem;
    text-align: center;
    display: inline-block
}

input[type="submit"]:hover {
    text-decoration: none
}

.textarea-lg {
    max-height: 6rem
}

::-webkit-input-placeholder {
    color: grey
}

#popForm .modal-header {
    padding: 1.5rem .75rem;
    position: relative
}

#popForm .modal-header h1 {
    margin-bottom: 0;
    font-size: 2.6rem
}

#popForm .modal-header button.close {
    top: 0
}

#popForm .modal-body div.wpcf7 form label {
    font-size: 1.8rem
}

#popForm .modal-body div.wpcf7 form div {
    margin-bottom: 1.5rem
}

#popForm .modal-body div.wpcf7 form div input {
    padding: .5rem;
    font-size: 1.8rem;
    border: 1px solid #eee
}

#popForm .modal-body div.wpcf7 form div textarea {
    max-height: 14.5rem
}

.button {
    cursor: pointer;
    padding: 1rem 2rem;
    text-align: center;
    display: inline-block;
    border: none
}

.button:hover {
    text-decoration: none
}

.gallery-thumb {
    max-width: 250px!important;
    max-height: 250px;
    overflow: hidden;
    padding: 0;
    margin-bottom: 40px!important;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: auto
}

.gallery-thumb img {
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: -25%
}

.compensate-for-scrollbar {
    margin-right: 0px!important
}

.mobile-icons,.stickylogo,.close-nav {
    display: none
}

.flex-header .logo img,.flex-header .stickylogo img {
    cursor: pointer;
    z-index: 99991
}

.header-nav {
    width: 100%
}

.main-nav {
    width: 100%
}

.main-nav #menu-main-menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.main-nav #menu-main-menu li {
    position: relative;
    margin-left: 15px
}

.main-nav #menu-main-menu li a:hover {
    text-decoration: none
}

.main-nav #menu-main-menu li .sub-menu {
    list-style-type: none;
    width: auto;
    white-space: nowrap;
    position: absolute;
    top: 100%;
    left: auto;
    margin: 0;
    padding: 0;
    display: none
}

.main-nav #menu-main-menu li .sub-menu li {
    display: block;
    margin-left: 0
}

.main-nav #menu-main-menu li:hover .sub-menu {
    display: block
}

.mobile-nav {
    position: fixed;
    top: 45px;
    left: 0;
    z-index: 99998;
    width: 400px;
    max-width: 100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    text-align: left!important;
    background-color: grey;
    -webkit-box-shadow: 3px 0 10px rgba(0,0,0,.25);
    box-shadow: 3px 0 10px rgba(0,0,0,.25);
    border-right: 1px solid #676767;
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out
}

.mobile-nav #menu-main-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    display: block;
    width: 100%
}

.mobile-nav #menu-main-menu>li {
    margin-bottom: 0;
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0 0rem
}

.mobile-nav #menu-main-menu li {
    display: block;
    float: none;
    width: 100%
}

.mobile-nav #menu-main-menu li a,.mobile-nav #menu-main-menu li a:link {
    display: block;
    position: relative;
    padding: .5rem 1rem;
    color: #fff;
    border-bottom: 1px solid #000;
    -webkit-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    border-top: 1px solid #000;
    border-bottom: 1px solid #FFF
}

.mobile-nav #menu-main-menu li a:hover,.mobile-nav #menu-main-menu li a:link:hover {
    background-color: #8d8d8d;
    opacity: 1
}

.mobile-nav #menu-main-menu ul {
    text-indent: 1.5rem;
    position: relative!important;
    display: block!important
}

.mobile-nav #menu-main-menu ul li.has-children ul li a:before {
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    top: 50%;
    left: -.25rem;
    font-size: .9rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1;
    opacity: .3
}

.mobile-nav #menu-main-menu ul li.has-children ul li a.has-children:after {
    content: "\f107";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: 400;
    text-decoration: inherit;
    position: absolute;
    top: 50%;
    right: 1rem;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    z-index: 1
}

.mobile-nav.open {
    max-width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.close {
    position: relative;
    top: -30px;
    right: -5px
}

.close span {
    font-size: 3rem;
    font-weight: 100;
    color: #000
}

.close-nav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 400px;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    z-index: 9999999999;
    background-color: #22246a;
    border-bottom: 1px solid #1c1d57;
    color: #fff;
    text-align: center;
    -webkit-box-shadow: 0 3px 10px rgba(0,0,0,.2);
    box-shadow: 0 3px 10px rgba(0,0,0,.2);
    -webkit-transform: translateX(-400px);
    transform: translateX(-400px);
    -webkit-transition: -webkit-transform 0.15s ease-in-out;
    transition: -webkit-transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out;
    transition: transform 0.15s ease-in-out,-webkit-transform 0.15s ease-in-out
}

.close-nav.open {
    max-width: 100%;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

@media only screen and (max-width: 1199px) {
    .contentalign.padding100,.contentalign.padding90,.contentalign.padding80,.contentalign.padding70,.contentalign.padding60,.contentalign.padding50,.contentalign.padding40,.contentalign.padding30,.contentalign.padding10 {
        padding:0
    }

    .container-fluid .contentalign.padding100,.container-fluid .contentalign.padding90,.container-fluid .contentalign.padding80,.container-fluid .contentalign.padding70,.container-fluid .contentalign.padding60,.container-fluid .contentalign.padding50,.container-fluid .contentalign.padding40,.container-fluid .contentalign.padding30,.container-fluid .contentalign.padding10 {
        padding: 25px 0
    }
}

@media only screen and (max-width: 992px) {
    .imageColorBg {
        -webkit-box-orient:vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        width: 100%
    }

    .imageColorBg>div {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%
    }

    .imageColorBg>div .f-info {
        background-color: #ffffff70;
        padding: 25px 20px;
        border-radius: 20px
    }

    .imageColorBg>div.imageColorBgImage {
        top: 0;
        left: 0!important;
        width: 100%;
        height: 50%
    }

    .imageColorBg>div.imageColorBgImage.right {
        top: 0%;
        width: 100%
    }

    .imageColorBgImageTitle {
        display: none!important
    }
}

.slider-wrap {
    position: relative
}

.slider-wrap .slick-arrow {
    font-size: 4rem;
    font-weight: 700;
    background: none!important;
    padding: 1rem 2.5rem;
    color: #FFF;
    border: 2px solid #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slider-wrap .slick-arrow.slick-home-prev {
    left: 2rem!important
}

.slider-wrap .slick-arrow.slick-home-next {
    right: 2rem!important
}

.slick-home-next,.slick-home-prev {
    display: none
}

.slider-slide {
    position: relative
}

.slider-content {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    color: #fff!important;
    text-align: center
}

.slider-content .inner-content {
    position: relative;
    top: 160px;
    margin: auto;
    width: 100%;
    max-width: 1140px
}

.slider-content ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.slider-img {
    background-size: cover;
    padding-bottom: 30%
}

.slick-slide {
    margin-bottom: -1px
}

.testimonials .container {
    position: relative
}

.testimonials .container h3 {
    display: block;
    width: 100%;
    text-align: center;
    margin-bottom: 2.5rem
}

.testimonials .container button.btn.slick-arrow {
    font-size: 4rem;
    font-weight: 700;
    padding: 0 2rem;
    color: #FFF;
    border: 2px solid #FFF;
    background: green;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    background: #999
}

.testimonials .container button.btn.slick-arrow.slick-testimonial-prev {
    left: -5rem
}

.testimonials .container button.btn.slick-arrow.slick-testimonial-next {
    right: -5rem
}

#testimonials {
    position: relative
}

.testimonials-wrap {
    display: none;
    width: 100%;
    margin-left: auto
}

.testimonialtitle {
    color: #fff;
    text-align: center;
    font-size: 2.7rem;
    margin-bottom: 2rem
}

.testimonial-slide img {
    float: left;
    margin-right: 20px;
    margin-top: 10px;
    display: inline-block!important;
    clear: none;
    width: 70px
}

.testimonial {
    float: left;
    display: inline-block;
    clear: none;
    width: 100%;
    text-align: center
}

.testimonial p {
    line-height: 1.4
}

.testimonial p.author {
    margin-top: 2.5rem
}

.testimonials-slider {
    display: none;
    max-width: 88%;
    margin: auto
}

.carouselInner {
    text-align: center;
    padding: 100px 0
}

.carouselPop {
    width: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    min-height: 130px
}

.carouselPop .carousel-list {
    width: 100%;
    z-index: 1000;
    position: absolute
}

.carouselPop .carousel-list>div {
    float: left
}

#carousel-pr-nx-0 {
    max-width: 1140px;
    margin: auto;
    margin-top: -55px;
    height: 80px
}

.carousel-prev div {
    height: 85px;
    width: 50px;
    float: left;
    cursor: pointer;
    z-index: 9998;
    position: relative;
    display: none
}

.carousel-next div {
    height: 85px;
    width: 50px;
    float: right;
    cursor: pointer;
    z-index: 9998;
    position: relative;
    display: none
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

.slick-initialized .slick-slide {
    display: block
}

.carousel-content p {
    font-size: 2.2rem;
    margin-bottom: 1rem;
    line-height: 3.5rem
}

div.carousel-list div div img {
    display: none
}

.carouselInner h2 {
    display: none
}

.carousel-content {
    display: inline-block;
    clear: none;
    width: 100%;
    text-align: center
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    from {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.staffMember1:nth-child(odd) .staffMember1Content {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.staffMembers2 .staffMemeber {
    margin-bottom: 3rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 30.333333%;
    flex: 0 0 30.333333%;
    -webkit-box-shadow: 0 0 10px #000;
    box-shadow: 0 0 10px #000;
    padding: 2rem
}

.staffMembers2 .staffMemeber .staffImage {
    position: relative;
    margin-bottom: 1rem
}

.staffMembers2 .staffMemeber .staffImage img {
    display: block;
    margin: 0 auto;
    opacity: 1;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.staffMembers2 .staffMemeber .staffImage img.staffHoverImg {
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transition: opacity 1s;
    transition: opacity 1s
}

.staffMembers2 .staffMemeber a:hover {
    cursor: pointer
}

.staffMembers2 .staffMemeber a:hover img {
    opacity: 0
}

.staffMembers2 .staffMemeber a:hover img.staffHoverImg {
    opacity: 1
}

.staffMembers2 .staffMemeber .staffName {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: .5rem;
    text-align: center
}

.staffMembers2 .staffMemeber .staffName h3 {
    margin-bottom: 1rem
}

.staffMembers2 .staffMemeber .staffName h4 {
    font-size: 2rem;
    margin-bottom: 0
}

.staffMembers2 .staffContent.modal.fade {
    display: none;
    z-index: 9999;
    position: fixed;
    top: 57%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.staffMembers2 .staffContent.modal.fade.show.modal.fade {
    position: fixed;
    top: 57%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    width: 710px!important;
    padding-right: 0!important
}

.staffMembers2 .staffContent.modal.fade.show.modal.fade .modal-dialog {
    max-width: 100%!important;
    max-height: 700px;
    margin-top: 0
}

.staffMembers2 .staffContent.modal.fade.show.modal.fade .modal-dialog .modal-content .modal-header button.close {
    background: #BAAD00;
    top: auto;
    right: auto
}

.staffMembers2 .staffContent.modal.fade.show.modal.fade .modal-dialog .modal-content .modal-header,.staffMembers2 .staffContent.modal.fade.show.modal.fade .modal-dialog .modal-content .modal-body {
    padding: 1rem 2rem
}

.staffMembers2 .staffContent.modal.fade.show.modal.fade .modal-dialog .modal-content .modal-body iframe {
    display: block;
    margin: 0 auto
}

.staffMembers2 .staffContent.modal.fade .button {
    position: absolute;
    top: -55px;
    left: 7px
}

@media only screen and (max-width: 945px) {
    .staffMembers2 .staffMemeber .staffContent.show.modal.fade {
        width:700px!important
    }

    .staffMembers2 .staffMemeber .staffContent.show.modal.fade .modal-dialog {
        max-width: 100%!important;
        max-height: 700px
    }
}

@media only screen and (max-width: 768px) {
    .staffMembers2 .staffMemeber .staffContent.show.modal.fade {
        width:500px!important
    }

    .staffMembers2 .staffMemeber .staffContent.show.modal.fade .modal-dialog {
        max-width: 100%!important;
        max-height: 550px
    }
}

@media only screen and (max-width: 575px) {
    .staffMembers2 .container .row {
        -webkit-box-align:center;
        -ms-flex-align: center;
        align-items: center;
        -ms-flex-line-pack: center;
        align-content: center;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade {
        width: 500px!important
    }

    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade .modal-dialog {
        max-width: 100%!important;
        max-height: 550px
    }

    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade .modal-dialog .modal-content .modal-body {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 525px) {
    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade {
        width:360px!important
    }

    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade .modal-dialog {
        max-width: 100%!important;
        max-height: 550px
    }

    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade .modal-dialog .modal-content .modal-body {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 515px) {
    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade {
        width:320px!important
    }

    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade .modal-dialog {
        max-width: 100%!important;
        max-height: 550px
    }

    .staffMembers2 .container .row .staffMemeber .staffContent.show.modal.fade .modal-dialog .modal-content .modal-body {
        font-size: 1.8rem
    }
}

.container-fluid.relative {
    position: relative
}

.imageColorBg>div {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
    z-index: 2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.imageColorBg>div h2 {
    font-size: 6.5rem
}

.imageColorBg div .f-info h3 {
    font-size: 3rem
}

.imageColorBg div .f-info a {
    font-size: 2rem;
    font-family: inherit;
    font-weight: 700
}

.imageColorBg>div.imageColorBgImage {
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    background-image: url(../../../../../../themes/netstrap-parent/images/f-home-f-pic.jpg);
    background-size: cover;
    background-position: center center;
    z-index: 1;
    left: 0
}

.imageColorBg>div.imageColorBgImage.right {
    left: 50%
}

.dropshadow {
    -webkit-box-shadow: 0 5px 11px 2px rgba(0,0,0,.3);
    box-shadow: 0 5px 11px 2px rgba(0,0,0,.3);
    z-index: 99;
    position: relative
}

.zindex {
    position: relative;
    z-index: 99;
    overflow: hidden
}

#Post {
    margin-bottom: 2.5rem;
    display: block
}

#Post .post-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 1.5rem
}

.scrollToTop {
    width: 50px;
    height: 50px;
    padding: 5px;
    text-align: center;
    background: #c2c2c2;
    font-weight: 700;
    color: #fff;
    opacity: .8;
    text-decoration: none;
    position: fixed;
    bottom: 4rem;
    right: 4rem;
    display: none;
    cursor: pointer;
    z-index: 9999999999999999
}

.scrollToTop:hover {
    color: #fff;
    text-decoration: none
}

body.woocommerce .woocommerce {
    max-width: 1140px;
    margin: auto
}

.woocommerce div.product form.cart {
    margin-bottom: 2em;
    margin-top: 2rem
}

.woocommerce .col-1 {
    float: left;
    width: 48%;
    max-width: 48%!important
}

.woocommerce .col-2 {
    float: right;
    width: 48%;
    max-width: 48%!important
}

.woocommerce div.product div.images .flex-control-thumbs {
    margin-top: 25px
}

.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt {
    font-weight: normal!important
}

@media only screen and (max-width: 992px) {
    .woocommerce .col-1 {
        float:left;
        width: 100%;
        max-width: 100%!important
    }

    .woocommerce .col-2 {
        float: right;
        width: 100%;
        max-width: 100%!important
    }
}

@media (-ms-high-contrast:active),(-ms-high-contrast:none) and (max-width: 991px) {
    .contact-page-form p {
        -ms-flex-preferred-size:46%;
        flex-basis: 46%
    }

    .footer-form>.wpcf7-form-control-wrap {
        -webkit-box-flex: 0;
        -ms-flex: 0 1 30%;
        flex: 0 1 30%;
        outline: none;
        -ms-flex-item-align: start;
        align-self: flex-start;
        margin-top: 1rem
    }

    .footer-form .submit-container {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%
    }

    .flex-footer {
        display: block
    }
}

table {
    border-collapse: separate;
    border-spacing: 0
}

caption,th,td {
    font-weight: 400;
    text-align: left
}

blockquote:before,blockquote:after,q:before,q:after {
    content: ""
}

blockquote,q {
    quotes: "" ""
}

a img {
    border: 0
}

.clearfix:before,.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom:1}

h1.headline {
    margin-bottom: 25px;
    display: inline-block;
    line-height: 1;
    font-family: 'sofia_pro_lightregular';
    font-size: 36px;
    font-weight: 400;
    margin: 0;
    line-height: 1;
    color: #f58a28
}

.calculator-wrap a,.calculator-wrap a:link {
    text-decoration: none;
    outline: none
}

.calculator-wrap a:hover {
    color: #FCC115;
    text-decoration: underline
}

.page-wrapper {
    margin: 0 auto;
    max-width: 1240px;
    width: 100%;
    background-color: #fff;
    -webkit-box-shadow: 0 0 6px #BBB;
    -moz-box-shadow: 0 0 6px #BBB;
    box-shadow: 0 0 6px #BBB
}

.panel.white {
    padding-top: 50px;
    background-color: #fff;
    -webkit-box-shadow: 0 0 8px rgba(187,187,187,.46);
    -moz-box-shadow: 0 0 8px rgba(187,187,187,.45);
    box-shadow: 0 0 8px rgba(187,187,187,.45)
}

.calculator-wrap {
}

.calc-left {
}

.calc-right {
    position: relative;
}

.unit-box {
    width: 365px;
    height: 365px;
    float: left;
    position: relative
}

.unit-image {
    width: 100%;
    height: 310px;
    float: left;
    background-image: url(../images/unit-5x5.jpg);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    z-index: 30;
    top: 60px
}

.unit-image img {
    width: 100%;
    height: 100%
}

.calc-right h3 {
    font-size: 25px;
    margin-bottom: 4px;
    color: #656369;
    display: inline-block;
    width: 100%
}

.calc-right h2 {
    font-size: 30px;
    font-family: 'sofia_pro_boldregular',sans-serif;
    margin-bottom: 10px;
    color: #656369;
    display: inline-block;
    width: 100%
}

.curve-arrow {
    float: left;
    width: 51px;
    height: 56px;
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/calculator/curve-arrow.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    position: absolute;
    left: -20px;
    z-index: 40
}

.suggested-text {
    float: left;
    position: absolute;
    z-index: 40;
    left: 45px
}

.suggested-text p.small {
    font-size: 1.1rem
}

.reserve-btn {
    width: 100%;
    float: left;
    margin: 20px 0;
    text-align: center
}

.calculator-wrap .reserve-btn .button {
    display: block;
    background: #72319a;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcyMzE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzcyMzE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzY2Mjk4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM2NjI5OGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#72319a 0%,#72319a 55%,#66298d 55%,#66298d 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#72319a),color-stop(55%,#72319a),color-stop(55%,#66298d),color-stop(100%,#66298d));
    background: -webkit-linear-gradient(top,#72319a 0%,#72319a 55%,#66298d 55%,#66298d 100%);
    background: -o-linear-gradient(top,#72319a 0%,#72319a 55%,#66298d 55%,#66298d 100%);
    background: -ms-linear-gradient(top,#72319a 0%,#72319a 55%,#66298d 55%,#66298d 100%);
    background: linear-gradient(to bottom,#72319a 0%,#72319a 55%,#66298d 55%,#66298d 100%);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    font-size: 170%;
    color: #fff;
    text-decoration: none;
    text-align: center;
    font-family: 'sofia_pro_boldregular',sans-serif;
    text-decoration: none;
    padding: 20px;
    height: auto
}

.calculator-wrap .reserve-btn .button:hover {
    color: #fff;
    text-decoration: none;
    background: #8c5aad;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhjNWFhZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzcyMzE5YSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU1JSIgc3RvcC1jb2xvcj0iIzY2Mjk4ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5NDc0YWEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,#8c5aad 0%,#72319a 55%,#66298d 55%,#9474aa 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#8c5aad),color-stop(55%,#72319a),color-stop(55%,#66298d),color-stop(100%,#9474aa));
    background: -webkit-linear-gradient(top,#8c5aad 0%,#72319a 55%,#66298d 55%,#9474aa 100%);
    background: -o-linear-gradient(top,#8c5aad 0%,#72319a 55%,#66298d 55%,#9474aa 100%);
    background: -ms-linear-gradient(top,#8c5aad 0%,#72319a 55%,#66298d 55%,#9474aa 100%);
    background: linear-gradient(to bottom,#8c5aad 0%,#72319a 55%,#66298d 55%,#9474aa 100%)
}

.storageCalculatorUnitInfo table {
    color: #656369;
    background: #f7f7f7;
    border: 1px solid #e3e2e2;
    width: 100%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    overflow: hidden
}

.storageCalculatorUnitInfo table th {
    background: #e6e6e6;
    width: 33.3%;
    text-align: center;
    padding: 8px 0;
    font-size: 1.4rem;
    color: #656369
}

.storageCalculatorUnitInfo table tr {
    border-left: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6
}

.storageCalculatorUnitInfo table td {
    width: 33.3%;
    text-align: center;
    padding: 5px 0;
    font-size: 1.4rem;
    color: #656369
}

.storageCalculatorUnitInfo table td.tfoot {
    padding: 10px 20px 12px 20px;
    font-size: 1.3rem;
    line-height: 1.2em
}

.storageCalculatorUnitInfo table tr:nth-child(odd) {
    background-color: #fff
}

#tabs>ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    float: left;
    width: 100%;
    position: relative;
    bottom: -1px;
    text-align: left;
    -webkit-padding-start: 0;
    text-indent: 0
}

#tabs>ul li {
    display: inline-block;
    background: #efeeee;
    margin-bottom: 0;
    padding: 0;
    text-align: center;
    line-height: 1.1em;
}

#tabs>ul li a {
    display: block;
    padding: 12px 9px;
}

#tabs>ul li:hover {
    background: #e3e2e2;
    border: 1px solid #d5d5d5
}

#tabs>ul li.ui-state-active,#tabs>ul li.ui-state-active:hover {
    background: #f7f7f7;
    border: 1px solid #e3e2e2;
    border-bottom: 1px solid #f7f7f7
}

#tabs>ul li.ui-state-active a {
    color: #656369
}

#tabs>ul li:last-child {
    margin-right: 0
}

#tabs>ul li a {
    font-size: 1.3rem;
    text-decoration: none;
    color: #a5a5a5;
    text-align: center;
    line-height: 1.1em
}

#tabs .french-tabs li a {
    font-size: 1.2rem
}

.tab-panel .item {
    border-bottom: 1px solid #e3e2e2;
    vertical-align: middle;
    padding: 13.66px 13.66px 13.66px 0;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    align-items: center;
    gap: 27.32px;
}

.tab-panel .item:last-child {
    border: none!important;
    margin-top: 0
}

.tab-panel .item input[type='checkbox'] {
    width: 6%;
    display: inline-block;
    display: none
}

.tab-panel .item label {
}

.tab-panel .misc-item label {
    margin-top: 21px
}

.tab-panel .item input[type="checkbox"]+label span {
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    background-image: url(../images/checkmarks.png);
    background-position: -28px top;
    background-repeat: no-repeat;
    cursor: pointer;
    background-size: cover;
}

.tab-panel .item input[type="checkbox"]:checked+label span {
    background-image: url(../images/checkmarks.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover
}

.tab-panel .item h3 {
    display: block;
    margin: 0;
    color: #000;
    min-width: 230px;
    max-width: 230px;
}

.tab-panel .item h3 span {
}

.tab-panel .misc-item h3 {
    margin-top: 22px
}

.tab-panel .item p {
    display: inline-block;
    margin: 0;
    color: #8d8b92
}

.tab-panel .item p a {
    font-size: 13px;
    text-decoration: none;
}

.tab-panel .item p a:hover {
    text-decoration: underline
}

.tab-panel .item p.dimensions {
    max-width: 200px;
    min-width: 200px;
}

.tab-panel .item .dimensions-edit {
    max-width: 227.439px;
    display: none;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 6.83px;
}

.tab-panel .misc-item .dimensions-edit {
    bottom: 0
}



.tab-panel .item .dimensions-edit>div>span {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 13px;
}

.tab-panel .item .dimensions-edit input[type='text'] {
    width: 100%;
    font-size: 12.294px;
    padding: 5.0542px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #d7d7d7 inset;
    -moz-box-shadow: 0 1px 1px #d7d7d7 inset;
    -webkit-box-shadow: 0 1px 1px #d7d7d7 inset;
    text-align: center;
}

.tab-panel .item p.edit {
}

.tab-panel .item p.edit a {
}

.tab-panel .item p.save {
    display: none;
}

.tab-panel .item .qty {
    display: inline-block;
    text-align: center;
}

.hide {
    display: none
}

.tab-panel .misc-item {
    vertical-align: middle;
    display: inline-block;
    width: 100%
}

.tab-panel .misc-master {
    display: none
}

.tab-panel .misc-item:first-child {
    border-top: none
}

.tab-panel .misc-item p.save {
    width: 10%;
    display: inline-block;
    padding-left: 7px
}

.tab-panel .misc-item p.edit-misc {
    width: 12%;
    display: none;
    margin-top: 26px!important
}

.tab-panel .misc-item p.dimensions {
    width: 28%;
    margin-top: 26px!important
}

.tab-panel .misc-item .dimensions-edit {
    width: 28%
}

.tab-panel .misc-item .qty {
    float: none;
    margin-top: 0!important
}

.tab-panel .misc-item h3.misc-item-title-edit {
    display: none;
    width: 35%!important;
    min-height: 45px!important
}

.tab-panel .misc-item h3.misc-item-title-edit input[type='text'] {
    padding: 5px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -khtml-border-radius: 3px;
    border: 1px solid #ccc;
    box-shadow: 0 1px 1px #d7d7d7 inset;
    -moz-box-shadow: 0 1px 1px #d7d7d7 inset;
    -webkit-box-shadow: 0 1px 1px #d7d7d7 inset
}

h3.title-hidden {
    display: none
}

.misc-div {
    margin: 30px 0 0 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.tab-inner-title {
    color: #656369;
    margin: 0;
    font-size: 120%;
    float: left;
    width: 60%
}

.calculator-wrap .add-button {
    float: right;
    background: #fcc115;
    display: inline-block;
    text-align: center;
    text-decoration: none;
}

.calculator-wrap a.add-button:hover {
    color: #fff!important;
    text-decoration: none
}

a.minus-button {
    float: right;
    width: 25px;
    height: 25px;
    line-height: 25px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -khtml-border-radius: 50%;
    background: #f58a28;
    padding: 0;
    margin-left: 8px;
    margin-top: 23px;
    font-size: 94%;
    display: block;
    text-align: center;
    color: #fff!important;
    text-decoration: none
}

a.minus-button:hover {
    color: #fff!important;
    text-decoration: none
}

.remove-all {
    font-size: 90%;
    margin: 0 0 15px 0
}

.gauge {
    width: 100%;
    height: 51px;
    float: left;
    position: relative;
    margin-top: 30px
}

.gauge .prog-bar {
    overflow: hidden;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    border-radius: 20px;
    -khtml-border-radius: 20px;
    background: #eeeaea url(../images/prog-bar-bg.png) left top repeat-x;
    -webkit-box-shadow: inset 0 0 14px rgba(200,200,200,.5);
    -moz-box-shadow: inset 0 0 14px rgba(200,200,200,.5);
    box-shadow: inset 0 0 14px rgba(200,200,200,.5);
    width: 100%;
    height: 17px;
    float: left;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s
}

.gauge .prog-number {
    position: absolute;
    z-index: 800;
    top: -46px;
    width: 60px;
    min-width: 60px;
    margin-left: -30px;
    text-align: center;
    opacity: 0
}

.gauge .prog-number span {
    min-width: 60px;
    background: #656369;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    -khtml-border-radius: 10px;
    padding: 3px 10px 5px 10px;
    color: #fff;
    font-size: 130%;
    line-height: 1;
    font-family: 'sofia_pro_boldregular',sans-serif;
    position: relative
}

.gauge .prog-number .pointer {
    position: relative;
    margin: 0 auto;
    bottom: -5px;
    width: 10px;
    height: 17px;
    background-image: url(../images/pointer.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover
}

.prog-filled {
    background: #00aa05;
    background: -moz-linear-gradient(top,#00aa05 0%,#006403 100%);
    background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#00aa05),color-stop(100%,#006403));
    background: -webkit-linear-gradient(top,#00aa05 0%,#006403 100%);
    background: -o-linear-gradient(top,#00aa05 0%,#006403 100%);
    background: -ms-linear-gradient(top,#00aa05 0%,#006403 100%);
    background: linear-gradient(to bottom,#00aa05 0%,#006403 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00aa05',endColorstr='#006403',GradientType=0);
    width: 0;
    height: 17px;
    float: left
}

.gauge .gauge-text {
    font-size: 120%;
    width: 100%;
    float: left;
    text-align: center;
    padding-top: 10px;
    display: block
}

.gauge .gauge-text .c_filled,.gauge .gauge-text .c_total {
    font-family: 'sofia_pro_boldregular',sans-serif
}

p.alert {
    display: none;
    text-align: center;
    font-size: 110%;
    margin-top: 30px;
    color: #c00
}

#tipsbox {
    width: 100%;
    max-width: 800px;
    margin: 0 auto
}

#tipsbox ul {
    list-style-type: disc;
    margin: 0 0 1.6em 20px;
    padding: 0 0 0 20px
}

#tipsbox ul li {
    list-style-type: disc;
    margin: 0 0 10px 0;
    color: #656369
}

#tipsbox p:last-child {
    margin: 0
}

@media only screen and (max-width: 950px) {
    .calc-right>p {
        width:100%;
        float: left
    }

    .panel.white {
        padding-top: 30px
    }

    .calc-left {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-bottom: 40px;
        padding: 0
    }

    .calc-right {
        float: left;
        width: 100%;
        max-width: 100%;
        margin-bottom: 0px;
        padding: 0
    }

    .curve-arrow {
        left: 0;
        display: none
    }

    .suggested-text {
        left: 65px;
        text-align: center
    }

    .gauge {
        width: 80%;
        margin: 8px auto 0 auto;
        float: none;
        position: relative;
        clear: both
    }

    .unit-box {
        width: 100%;
        height: 435px;
        float: none
    }

    .suggested-text {
        position: static;
        width: 100%;
        top: 0;
        float: none
    }

    .suggested-text p.small {
        margin: 0
    }

    .unit-image {
        position: static;
        float: none;
        margin: 0 auto;
        overflow: visible
    }
}

@media only screen and (max-width: 660px) {
    #stToolPop {
        display:none!important
    }
}

@media only screen and (max-width: 570px) {
    .tab-panel .item h3 {
        width:32%;
        font-size: 95%
    }

    .tab-inner-title {
        width: 60%
    }
}

@media only screen and (max-width: 560px) {
    h1.headline {
        font-size:30px
    }
}

@media only screen and (max-width: 550px) {
    #tabs>ul li {
        min-height:68px
    }
}

@media only screen and (max-width: 510px) {
    #tabs>ul li a {
        font-size:1.2rem
    }

    .tab-panel .item p.dimensions {
        font-size: 1.2rem;
        width: 34%
    }

    .tab-panel .item p a {
        font-size: 1.2rem;
        text-decoration: none
    }

    .ui-tabs-panel {
        padding: 12px
    }

    .misc-div {
        margin: 20px 0 0 0
    }
}

@media only screen and (max-width: 450px) {
    .tel img {
        display:none
    }

    #tabs>ul li {
        min-height: 63px;
        max-height: 63px
    }

    #tabs>ul li a {
        min-height: 63px;
        max-height: 63px
    }

    .panel .actions {
        float: left
    }

    .page-wrapper {
        width: 100%;
        max-width: 100%
    }

    .tab-panel .item h3 {
        width: 86%;
        height: auto;
        min-height: 20px;
        font-size: 95%;
        margin-top: 23px!important;
        margin-bottom: 8px;
        display: inline-block
    }

    .tab-panel .item h3 span {
        display: inline-block;
        vertical-align: middle;
        height: 100%
    }

    .tab-panel .misc-item h3.misc-item-title-edit {
        width: 86%
    }

    .tab-panel .misc-item h3.misc-item-title-edit input[type='text'] {
        width: 100%
    }

    .tab-panel .item p.dimensions {
        margin-top: 14px;
        font-size: 1.2rem;
        width: 60%;
        text-align: left
    }

    .tab-panel .item .dimensions-edit {
        width: 60%;
        text-align: left
    }

    .tab-panel .item p.edit {
        margin-top: 15px;
        float: left;
        width: 20%
    }

    .tab-panel .item p.save {
        margin-top: 15px;
        float: left;
        width: 20%;
        padding-left: 7px
    }

    .tab-panel .item label {
        width: 14%
    }

    .tab-panel .item .qty {
        float: left;
        position: relative;
        top: -10px
    }

    .tab-panel .misc-item .qty {
        top: 0
    }
}

@media only screen and (max-width: 412px) {
    h1.headline {
        font-size:30px;
        width: 100%;
        padding-top: 18px
    }
}

.dnone {
    display: none
}

.row {
}

.primaryText {
    color: #F05323
}

.secondaryText {
    color: #5c0f8b
}

.greyText {
    color: #666
}

.whiteText * {
    color: #fff
}

.light {
    font-weight: 300
}

.medium {
    font-weight: 500
}

.bold {
    font-weight: 700
}

.font19 {
    font-size: 1.9rem
}

.font22 {
    font-size: 2.2rem
}

.font24 {
    font-size: 2.4rem
}

.font26 {
    font-size: 2.6rem
}

.font28 {
    font-size: 2.8rem
}

.font65 {
    font-size: 6.5rem
}

.font90 {
    font-size: 9rem
}

.font112 {
    font-size: 11.2rem
}

.font221 {
    font-size: 22.1rem
}

.primaryBg {
    background: #F05323
}

.secondaryBg {
    background: #5c0f8b
}

.lightGreyBg {
    background: #f1f2f2
}

.primaryGradient {
    background: #ff921d;
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#ff921d),color-stop(100%,#ff681d));
    background: linear-gradient(to bottom,#ff921d 0%,#ff681d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff921d',endColorstr='#ff681d',GradientType=0)
}

.primaryGradientReverse {
    background: #ff681d;
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#ff681d),color-stop(100%,#ff921d));
    background: linear-gradient(to bottom,#ff681d 0%,#ff921d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff681d',endColorstr='#ff921d',GradientType=0)
}

.secondaryGradient {
    background: #5c0f8b;
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#5c0f8b),color-stop(100%,#2a0043));
    background: linear-gradient(to bottom,#5c0f8b 0%,#2a0043 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c0f8b',endColorstr='#2a0043',GradientType=0)
}

.secondaryGradientReverse {
    background: #2a0043;
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#2a0043),color-stop(100%,#5c0f8b));
    background: linear-gradient(to bottom,#2a0043 0%,#5c0f8b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a0043',endColorstr='#5c0f8b',GradientType=0)
}

.secondaryGradientReverseNew {
    background: #36105c;
    background: -webkit-gradient(left top,left bottom,color-stop(0%,#36105c),color-stop(100%,#501788));
    background: linear-gradient(to bottom,#36105c 0%,#501788 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a0043',endColorstr='#5c0f8b',GradientType=0)
}

.whiteBg {
    background: #fff
}

img.width100 {
    width: 100%;
    height: auto
}

.width100 {
    width: 100%
}

img.alignright {
    float: right
}

img.alignleft {
    float: left
}

.marginL20 {
    margin-left: 2rem
}

.marginL45 {
    margin-left: 4.5rem
}

.marginB25 {
    margin-bottom: 2.5rem
}

.marginB30 {
    margin-bottom: 3rem!important
}

.marginB40 {
    margin-bottom: 4rem!important
}

.marginB54 {
    margin-bottom: 5.4rem
}

.marginB94 {
    margin-bottom: 9.4rem
}

.marginTAuto {
    margin-top: auto
}

.marginR60 {
    margin-right: 6rem
}

.marginB0 {
    margin-bottom: 0
}

.paddingLR10 {
    padding-left: 1rem!important;
    padding-right: 1rem!important
}

.paddingLR15 {
    padding-left: 1.5rem!important;
    padding-right: 1.5rem!important
}

.paddingLR20 {
    padding-left: 2rem!important;
    padding-right: 2rem!important
}

.paddingLR30 {
    padding-left: 3rem!important;
    padding-right: 3rem!important
}

.paddingLR40 {
    padding-left: 4rem!important;
    padding-right: 4rem!important
}

.paddingLR50 {
    padding-left: 5rem!important;
    padding-right: 5rem!important
}

.paddingL0 {
    padding-left: 0!important
}

.paddingL10 {
    padding-left: 1rem!important
}

.paddingL30 {
    padding-left: 3rem!important
}

.paddingL40 {
    padding-left: 4rem!important
}

.paddingL80 {
    padding-left: 8rem!important
}

.paddingR10 {
    padding-right: 1rem!important
}

.paddingR30 {
    padding-right: 3rem!important
}

.paddingR40 {
    padding-right: 4rem!important
}

.paddingR80 {
    padding-right: 8rem!important
}

.paddingR0 {
    padding-right: 0!important
}

.padding0 {
    padding: 0
}

.padding10 {
    padding: 1rem 0
}

.padding20 {
    padding: 2rem 0
}

.padding25 {
    padding: 25px 0
}

.padding30 {
    padding: 3rem 0
}

.padding40 {
    padding: 4rem 0
}

.padding50 {
    padding: 5rem 0
}

.padding60 {
    padding: 6rem 0
}

.padding70 {
    padding: 7rem 0
}

.padding80 {
    padding: 8rem 0
}

.padding90 {
    padding: 9rem 0
}

.padding100 {
    padding: 10rem 0
}

.paddingT0 {
    padding-top: 0!important
}

.paddingT10 {
    padding-top: 1rem!important
}

.paddingT20 {
    padding-top: 2rem!important
}

.paddingT30 {
    padding-top: 3rem!important
}

.paddingT40 {
    padding-top: 4rem!important
}

.paddingT50 {
    padding-top: 5rem!important
}

.paddingT60 {
    padding-top: 6rem!important
}

.paddingT70 {
    padding-top: 7rem!important
}

.paddingT80 {
    padding-top: 8rem!important
}

.paddingT90 {
    padding-top: 9rem!important
}

.paddingT100 {
    padding-top: 10rem!important
}

.paddingB0 {
    padding-bottom: 0!important
}

.paddingB10 {
    padding-bottom: 1rem!important
}

.paddingB20 {
    padding-bottom: 2rem!important
}

.paddingB30 {
    padding-bottom: 3rem!important
}

.paddingB40 {
    padding-bottom: 4rem!important
}

.paddingB50 {
    padding-bottom: 5rem!important
}

.paddingB60 {
    padding-bottom: 6rem!important
}

.paddingB70 {
    padding-bottom: 7rem!important
}

.paddingB80 {
    padding-bottom: 8rem!important
}

.paddingB90 {
    padding-bottom: 9rem!important
}

.paddingB100 {
    padding-bottom: 10rem!important
}

.paddingTB15 {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem
}

.flexHalf {
    flex-basis: 48%
}

.flexThird {
    flex-basis: 32%
}

.flexQuarter {
    flex-basis: 24%
}

.height100 {
    height: 100%
}

.paddingL55 {
    padding-left: 5.5rem!important
}

.borderRadius {
    border-radius: 10px
}

.modal-content {
    margin-top: 50px
}

.grecaptcha-badge {
    right: -400px!important
}

.whiteBorderR {
    border-right: 2px solid #fff
}

.whiteBorderL {
    border-left: 2px solid #fff
}

#datepicker {
    z-index: 10
}

label.hdnlabel {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

#card-number,#card-cvv,#card-expiry {
    background-image: none;
    background-origin: content-box;
    background-position: calc(100% + 40px) center;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 2rem;
    height: 60px;
    width: 100%;
    margin-bottom: 2.5rem;
    border: 1px solid #74697f
}

#card-number.bambora-error,#card-cvv.bambora-error,#card-expiry.bambora-error {
    border: 1px solid red
}

#card-number iframe,#card-cvv iframe,#card-expiry iframe {
    height: 100%
}

#feedback {
    position: relative;
    left: 15px;
    display: inline-block;
    background-color: transparent;
    border: 0 solid #c8c8c8;
    border-radius: 4px;
    transition: all 100ms ease-out;
    padding: 11px
}

#feedback.error {
    color: red;
    border: 1px solid
}

#feedback.success {
    color: seagreen;
    border: 1px solid
}

.locationImageSlider {
    width: 100%;
    height: 100%
}

.locationImageSlider .slick-slide {
    margin: 10px
}

.locationImageSlider .slick-prev,.locationImageSlider .slick-next {
    display: none!important
}

.locationImageSlider .slick-dots {
    display: flex;
    margin: 0;
    padding: 0;
    width: 100%;
    justify-content: center
}

.locationImageSlider .slick-dots li {
    list-style: none;
    margin: 5px
}

.locationImageSlider .slick-dots li button {
    text-indent: -999999px;
    display: block;
    width: 10px;
    height: 14px;
    border: none;
    background: #ccc;
    border: 1px solid #fff;
    opacity: .5;
    cursor: pointer
}

#breadcrumbs>span>span {
    color: #F05323
}

#breadcrumbs>span>span a,#breadcrumbs>span>span span {
    color: #636f84
}

#breadcrumbs>span>span.primaryText {
    color: #F05323
}

.locationImageSlider .slick-dots li.slick-active button {
    opacity: 1
}

#bid13-auction-feed {
    width: 100%;
    margin: 0 auto;
    margin-top: 50px
}

#bid13-auction-feed .filter-wrap {
    margin-bottom: 25px
}

#bid13-auction-feed .filter-wrap select {
    width: 200px;
    padding: 10px
}

#bid13-auction-feed .region-wrap>h2 {
    background: #f1f2f2;
    padding: 20px;
    color: #F05323
}

#bid13-auction-feed .region-wrap img {
    margin-right: 10px;
    margin-bottom: 10px
}

#bid13-auction-feed .description-wrap * {
    font-size: 14px
}

.page404 {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/404.jpg);
    min-height: 100vh;
    background-repeat: no-repeat;
    background-size: 2000px;
    background-position: center center;
    align-items: center;
    display: flex
}

@media only screen and (max-width: 768px) {
    .page404 {
        background-size:cover
    }

    .page404 .container {
        padding: 0 60px
    }
}

.page404 .row {
    justify-content: center
}

.page404 .row .page404Content {
    width: 375px;
    display: flex;
    flex-direction: column;
    margin-top: 50px
}

@media only screen and (max-width: 768px) {
    .page404 .row .page404Content {
        margin-top:140px
    }
}

.page404 .row .page404Content>div {
    position: relative;
    margin-top: 25px;
    padding: 40px;
    -webkit-clip-path: polygon(0% 0%,0% 100%,85% 100%,100% 85%,100% 0%);
    clip-path: polygon(0% 0%,0% 100%,85% 100%,100% 85%,100% 0%);
    background: rgba(0,0,0,.5)
}

.page404 .row .page404Content>div:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 50px;
    height: 5px
}

.page404 .row .page404Content>div p {
    color: #fff;
    margin-bottom: 10px;
    font-size: 18px
}

@media only screen and (max-width: 768px) {
    .page404 .row .page404Content>div p {
        font-size:16px
    }
}

.page404 .row .page404Content>div a:hover {
    color: #fff
}

.page404 .row .page404Content>p {
    font-size: 22px;
    color: #fff;
    margin-bottom: 10px
}

@media only screen and (max-width: 768px) {
    .page404 .row .page404Content>p {
        font-size:16px
    }
}

.page404 .row .page404Content h2 {
    color: #fff;
    font-weight: 700;
    font-size: 50px
}

@media only screen and (max-width: 768px) {
    .page404 .row .page404Content h2 {
        font-size:30px
    }
}

.page404 .row .page404Content.page404ContentFrench h2 {
    font-size: 45px
}

.locationPageMapContainer {
    display: flex;
    margin-bottom: 50px;
    justify-content: space-between;
    flex-wrap: wrap
}

.locationPageMapContainer .locationContent {
    padding-right: 20px
}

.locationPageMapContainer .locationMapMobile {
    display: none
}

@media only screen and (max-width: 768px) {
    .locationPageMapContainer {
        flex-direction:column
    }

    .locationPageMapContainer .locationMapMobile {
        display: block
    }

    .locationPageMapContainer .locationMapDesktop {
        display: none
    }

    .locationPageMapContainer .locationContent {
        width: 100%;
        padding-right: 0
    }

    .locationPageMapContainer .locationMapContainer {
        margin: 20px auto 0;
        width: initial
    }
}

#cityLocationMap .modal-dialog,#singleLocationMap .modal-dialog {
    max-width: 770px
}

#cityLocationMap .modal-dialog .modal-header,#singleLocationMap .modal-dialog .modal-header {
    border-bottom: 0;
    justify-content: flex-end
}

#cityLocationMap .modal-dialog .modal-header .close,#singleLocationMap .modal-dialog .modal-header .close {
    top: 0;
    right: 10px;
    font-size: 18px;
    padding: .5rem;
    background: #5c0f8b;
    margin: 0;
    color: #FFF
}

#cityLocationMap .modal-dialog .modal-body,#singleLocationMap .modal-dialog .modal-body {
    padding-top: 0
}

#cityLocationMap .modal-dialog .modal-body #map-canvas,#singleLocationMap .modal-dialog .modal-body #map-canvas {
    width: 750px;
    max-width: 100%;
    height: 500px;
    margin-bottom: 0
}

.faqCategoriesNavHeader h2,.faqCategoriesNavHeader h3 {
    margin-bottom: 20px;
    text-align: center
}

.faqQuickMenu ul {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    padding: 0;
    list-style: none;
    justify-content: space-evenly
}

.faqQuickMenu ul li {
    line-height: 1;
    padding: 0 1rem;
    padding-bottom: 10px
}

.faqQuickMenu ul li:first-child {
    border: none;
    padding-left: 0
}

.faqQuickMenu ul li a {
    font-size: 16px;
    text-decoration: underline
}

.faqQuickMenu ul li a:hover {
    color: #5c0f8b
}

.faq_item {
    margin-bottom: 20px
}

.faq_item h2,.faq_item h3 {
    line-height: 1rem;
    color: #F05323
}

.applicationForm {
    padding: 0 10px
}

.applicationForm>p {
    display: none;
    font-size: 16px
}

.applicationForm span {
    font-size: 16px
}

.applicationForm h3 {
    font-size: 18px
}

.applicationForm .row {
    padding: 0;
    padding-bottom: 5px;
    margin-top: 5px
}

.applicationForm .row:first-child {
    margin-top: 0
}

.applicationForm .row .col {
    padding: 0 4px
}

.applicationForm .row .col h3 {
    margin-bottom: 0
}

.applicationForm .row .col label {
    font-size: 16px
}

.applicationForm .row .col input[type="text"],.applicationForm .row .col select,.applicationForm .row .col input[type="email"],.applicationForm .row .col input[type="tel"] {
    padding: 10px;
    font-size: 14px;
    border: 1px solid #bbb;
    border-radius: 5px
}

.applicationForm .require-form span .wpcf7-not-valid {
    border: 1px solid #ff0000!important
}

.wpcf7 form .applicationForm .wpcf7-response-output {
    background: #ffe2e2;
    border: 1px solid red
}

.wpcf7 form.sent .applicationForm .wpcf7-response-output {
    border: 1px solid #5c0f8b;
    background: #f5e5ff
}

.applicationForm .captcha-row .col input[type="text"] {
    width: 30%
}

.resume-error {
    display: block;
    color: #dc3232
}

.resume .wpcf7-not-valid-tip {
    display: none
}

.resume-error .wpcf7submit {
    display: none
}

.referAFriendHighFIveImage {
    display: flex;
    flex-direction: column;
    align-items: center
}

.referAFriendHighFIveImage img {
    margin-top: -125px
}

.button.printReferalFormButton {
    margin-top: 50px;
    font-size: 3rem
}

.orangeChevron {
    display: flex;
    align-items: center
}

.orangeChevron:after {
    content: "";
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/orange-chev.png);
    height: 30px;
    width: 50px;
    display: block;
    background-size: contain;
    background-repeat: no-repeat;
    margin-left: 10px
}

.orangeChevron.orangeChevronMain {
    align-items: flex-end;
    margin-bottom: 0
}

.orangeChevron.orangeChevronMain:after {
    margin-left: -60px;
    top: -10px;
    position: relative
}

.orangeHeading {
    color: #F05323
}

.boldHeading h1,.boldHeading h2 {
    font-weight: 700
}

.brandedOrderedList {
    display: flex;
    align-items: center
}

.brandedOrderedList .largeNumber {
    margin-right: 20px;
    font-size: 7.5rem;
    color: #F05323
}

.referAFriendBanner {
    position: relative;
    height: 100vh;
    min-height: 830px;
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/refer-a-briend-bg2.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 75px 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between
}

.referMainText {
    display: flex;
    justify-content: center
}

.referMainTextTagline {
    width: 540px
}

.referMainTextReward {
    width: 240px;
    margin-left: -50px
}

.referRentReward {
    position: relative;
    display: flex;
    width: 860px;
    margin: 0 auto;
    max-width: 100%
}

.referRentReward>div {
    margin: 0 30px
}

@-webkit-keyframes fadeInOut {
    0% {
        opacity: 1
    }

    33% {
        opacity: 0
    }

    66% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes fadeInOut {
    0% {
        opacity: 1
    }

    33% {
        opacity: 0
    }

    66% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@-webkit-keyframes fadeInOut2 {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeInOut2 {
    0% {
        opacity: 0
    }

    33% {
        opacity: 1
    }

    66% {
        opacity: 0
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes fadeInOut3 {
    0% {
        opacity: 0
    }

    33% {
        opacity: 0
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes fadeInOut3 {
    0% {
        opacity: 0
    }

    33% {
        opacity: 0
    }

    66% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

#simple-banner {
    z-index: 100!important
}

html[lang="fr-FR"] #simple-banner .en {
    display: none
}

html[lang="fr-FR"] #simple-banner .fr {
    display: inline-block
}

html[lang="en-US"] #simple-banner .en {
    display: inline-block
}

html[lang="en-US"] #simple-banner .fr {
    display: none
}

#insuranceFrame {
    z-index: 2050
}

#insuranceFrame .modal-dialog .modal-content,#insuranceFrame .modal-dialog .modal-content .modal-header.popover-header {
    background: #f1f2f2
}

#insuranceFrame .modal-dialog .modal-content .modal-header.popover-header {
    border-bottom: none
}

#insuranceFrame .modal-dialog .modal-content .modal-header button {
    margin-top: 4.5rem;
    height: 3rem;
    width: 3rem;
    padding: 0;
    background: #fff;
    border: 1px solid #74697f;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #414042!important;
    right: 15px
}

#insuranceFrame .modal-dialog .modal-content .modal-header button p {
    line-height: 0;
    display: block;
    color: #414042!important
}

#insuranceFrame .modal-dialog .modal-content .modal-body {
    display: block;
    padding: 5px
}

#insuranceFrame .modal-dialog .modal-content .modal-body iframe {
    width: 100%
}

.modal-backdrop+.modal-backdrop {
    z-index: 2040px
}

#public_storage_pay_my_bill [v-cloak] {
    display: none
}

#public_storage_pay_my_bill input {
    font-size: 18px
}

#public_storage_pay_my_bill iframe.receipt {
    margin-top: 4rem
}

#public_storage_pay_my_bill .prepay-months label {
    font-size: 1.7rem
}

@media only screen and (min-width: 992px) {
    #public_storage_pay_my_bill #sc_pay_bill_dashbaord .payment-details .col-4:first-child {
        padding-right:5px
    }

    #public_storage_pay_my_bill #sc_pay_bill_dashbaord .payment-details .col-4:first-child+.col-4 {
        padding: 0 5px
    }

    #public_storage_pay_my_bill #sc_pay_bill_dashbaord .payment-details .col-4:last-child {
        padding-left: 5px
    }
    .header {box-shadow: none}
}

@media only screen and (max-width: 991px) {
    #public_storage_pay_my_bill #sc_pay_bill_dashbaord>div>.row>.col-6 {
        flex:0 0 100%;
        max-width: 100%;
        padding: 15px
    }
}

@media only screen and (max-width: 767px) {
    #public_storage_pay_my_bill iframe.receipt {
        height:400px
    }
}

@media only screen and (max-width: 900px) {
    .referMainText {
        flex-direction:column;
        align-items: center
    }

    .referMainTextTagline {
        max-width: 350px;
        margin-bottom: 60px
    }

    .referMainTextReward {
        max-width: 170px;
        margin-left: 0
    }

    .referRentReward>div {
        position: absolute;
        display: block;
        opacity: 0;
        width: 200px;
        margin: 0 auto;
        bottom: 30px;
        left: calc(50% - 100px)
    }

    .referRentReward>div:nth-child(1) {
        -webkit-animation: fadeInOut 9s infinite;
        animation: fadeInOut 9s infinite
    }

    .referRentReward>div:nth-child(2) {
        -webkit-animation: fadeInOut2 9s infinite;
        animation: fadeInOut2 9s infinite
    }

    .referRentReward>div:nth-child(3) {
        -webkit-animation: fadeInOut3 9s infinite;
        animation: fadeInOut3 9s infinite
    }

    .orangeChevron.orangeChevronMain {
        text-align: left!important;
        font-size: 32px;
        display: flex;
        justify-content: space-between
    }

    .orangeChevron.orangeChevronMain:after {
        width: 30px;
        top: 5px
    }
}

@media only screen and (max-width: 575px) {
    .referAFriendHighFIveImage img {
        margin-top:0
    }
}

.referAFreiendLearnMoreText {
    margin-top: 20px;
    padding-left: 60px
}

.referAFreiendLearnMoreText p {
    font-size: 1.4rem
}

@media only screen and (max-width: 768px) {
    .simple-banner-text span {
        width:100%;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .simple-banner-text span a.button {
        display: block;
        width: 200px;
        margin: 0 auto 10px!important
    }
}

.suggested-text .button {
    display: none
}

.fancybox-container {
    z-index: 10000000!important
}

.calculator-wrap .calc-right .suggested-text-mobile {
    display: none
}

video {
    max-width: 100%
}

@media only screen and (max-width: 992px) {
    .page-template-template-storage-calculator #chat-widget-container {
        display:none
    }

   /* .calculator-wrap .calc-right .suggested-text-mobile {
        position: fixed!important;
        bottom: 0;
        top: inherit;
        display: block
    }*/

    .calculator-wrap .calc-right .suggested-text-mobile .suggested-title {
        text-align: left;
        font-size: 2.6rem
    }

    .suggested-text-mobile .button {
        display: block;
        background: #5c0f8b
    }

    .storageCalculatorUnitInfo .secondaryBg {
        padding: 20px
    }
}

@media all and (-ms-high-contrast:none),(-ms-high-contrast:active) {
    .mast.page-mast.subPageMast .mast-overlay>div {
        left: 513px
    }

    #holdForm .modal-dialog .modal-content .modal-body input,#holdFormSC .modal-dialog .modal-content .modal-body input,#rentFormSC .modal-dialog .modal-content .modal-body input,#holdFormSL .modal-dialog .modal-content .modal-body input,#rentFormSC .modal-dialog .modal-content .modal-body input {
        flex-basis: 40%!important
    }

    #location-list .locationListing .locationUnits,.singleLocationPage #location-list .locationListing .locationUnits {
        flex-basis: 63%!important
    }

    .reservation-form-fields {
        position: relative;
        z-index: 2
    }

    .date-picker-captcha {
        position: relative;
        z-index: 1;
        top: -290px
    }

    .date-picker-captcha #recaptcha {
        position: relative;
        top: 180px
    }
}

.specialHeading {
    font-weight: 300;
    font-size: 5.5rem;
    color: #5c0f8b
}

h1,h1 strong {
    font-size: 4.8rem;
    font-weight: 500
}

h2,h2 strong {
    font-size: 4rem
}

h2.primaryMedium,h2 strong.primaryMedium {
    color: #F05323
}

h3,h3 strong {
    font-size: 3rem
}

h4,h4 strong {
    font-size: 2.8rem
}

h5 {
    font-size: 2.4rem
}

h6 {
    font-size: 2rem;
    font-weight: 700
}

p {
    margin-bottom: 3.5rem;
    color: #414042;
    font-size: 2rem;
    font-weight: 300
}

ul {
    margin-bottom: 3.5rem
}

.row p:last-of-type {
    margin-bottom: 0
}

a:link,a:visited {
}

a:link.secondaryText,a:visited.secondaryText {
    color: #F05323
}

a:link.primaryText,a:visited.primaryText {
    color: #5c0f8b
}

p>a,ol>li a,ul>li a {
}

a:hover {
    text-decoration: none;
    color: #5c0f8b
}

a:hover.secondaryText {
    color: #F05323
}

a.hoverWhite:hover {
    color: #FFF
}

a.button:link,a.button:visited {
    color: #FFF
}

.secondaryBg p span.primartyText a.hoverWhite:hover {
    color: #FFF!important
}

ul.listImage,ol.listImage {
    padding: 0;
    list-style: none
}

ul.listImage li,ol.listImage li {
    padding-left: 5rem;
    padding-bottom: 1rem;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/assets/orange-checkmark.png) no-repeat left top
}

ul.listStyleNone,ol.listStyleNone {
    list-style: none
}

ul.listStyleNone li,ol.listStyleNone li {
    margin-bottom: 1rem
}

.font36 {
    font-size: 3.6rem
}

.font40 {
    font-size: 4rem
}

.font48 {
    font-size: 4.8rem
}

.font55 {
    font-size: 5.5rem
}

.font70 {
    font-size: 7rem
}

.medium {
    font-weight: 500
}

.normal {
    font-weight: 400
}

.primaryMedium {
    font-weight: 500;
    color: #F05323
}

.secondaryGreyText {
    color: #74697f!important
}

.gothicDemi {
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif
}

button,.button {
    background: #F05323;
    color: #FFF;
    font-size: 2rem;
    font-weight: 500;
    border-radius: 1rem
}

/*button:hover,.button:hover {
    background: #5c0f8b
}*/

button:visited,.button:visited {
    color: #FFF
}

button.smallButton,.button.smallButton {
    padding: .5rem 2rem
}

button.productModalButton,.button.productModalButton {
    border: none;
    border-radius: 0;
    background: none;
    cursor: pointer
}

button.productModalButton:hover,.button.productModalButton:hover {
    cursor: pointer!important
}

button.productModalButton img:hover,.button.productModalButton img:hover {
    cursor: pointer
}

button.login-btn,.button.login-btn {
    padding-top: 0;
    padding-bottom: 0
}

button.disabled,.button.disabled {
    background: #74697f;
    opacity: .8
}

.secondaryBg button:hover,.secondaryBg .button:hover {
    background: #FFF;
    color: #5c0f8b
}

.button.outline-button,.button.outline-button:link,.button.outline-button:visited {
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif;
    background-color: transparent!important;
    color: #FFF;
    font-size: 2rem;
    font-weight: 500;
    border-radius: 1rem;
    border: 2px solid #FFF
}

.button.outline-button:hover,.button.outline-button:link:hover,.button.outline-button:visited:hover {
    color: #F05323;
    border-color: #F05323
}

.button.outline-button.purple,.button.outline-button:link.purple,.button.outline-button:visited.purple {
    color: #5c0f8b;
    border-color: #5c0f8b
}

.button.outline-button.purple:hover,.button.outline-button:link.purple:hover,.button.outline-button:visited.purple:hover {
    color: #F05323;
    border-color: #F05323
}

.button.outline-button.orange,.button.outline-button:link.orange,.button.outline-button:visited.orange {
    color: #F05323;
    border-color: #F05323
}

.button.outline-button.orange:hover,.button.outline-button:link.orange:hover,.button.outline-button:visited.orange:hover {
    border-color: #5c0f8b;
    color: #5c0f8b
}

.contactPageForm {
    margin-top: 9.5rem
}

.contactPageForm div {
    margin-bottom: 1.5rem
}

.contactPageForm input,.contactPageForm textarea {
    padding: 1rem;
    border: 1px solid #74697f;
    box-sizing: border-box
}

.contactPageForm input[type="submit"] {
    border: none;
    padding: 1rem 2rem
}

.contactPageForm ::-webkit-input-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300
}

.contactPageForm ::-moz-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300
}

.contactPageForm :-ms-input-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300
}

.contactPageForm ::-ms-input-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300
}

.contactPageForm ::placeholder {
    font-size: 1.8rem!important;
    font-weight: 300
}

.contactPageForm textarea {
    max-height: 17.9rem
}

.uploadResumeForm {
    padding: 0 10rem
}

.uploadResumeForm legend {
    font-size: 2.4rem;
    font-weight: 300;
    color: #5c0f8b
}

.uploadResumeForm div {
    margin-bottom: 2.5rem
}

.uploadResumeForm div p {
    font-size: 1.8rem
}

.uploadResumeForm div.inputsWrap {
    padding: 5rem
}

.uploadResumeForm div.inputsWrap:first-of-type {
    padding-bottom: 3rem
}

.uploadResumeForm div label {
    font-size: 1.8rem;
    color: #5c0f8b
}

.uploadResumeForm div label .redText {
    color: red
}

.uploadResumeForm div input {
    border: 1px solid #74697f;
    padding: 1.5rem;
    background: #FFF
}

.uploadResumeForm div input[type="file"] {
    width: 100%
}

.uploadResumeForm div input[type="submit"] {
    background: #F05323;
    border: none
}

.uploadResumeForm div input[type="submit"]:hover {
    background: #5c0f8b
}

.uploadResumeForm div ::-webkit-input-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300;
    color: #74697f
}

.uploadResumeForm div ::-moz-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300;
    color: #74697f
}

.uploadResumeForm div :-ms-input-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300;
    color: #74697f
}

.uploadResumeForm div ::-ms-input-placeholder {
    font-size: 1.8rem!important;
    font-weight: 300;
    color: #74697f
}

.uploadResumeForm div ::placeholder {
    font-size: 1.8rem!important;
    font-weight: 300;
    color: #74697f
}

#payMyBillForm .modal-title,#holdForm .modal-title,#holdFormThankyou .modal-title,#rentFormSC .modal-title,#scRentFormThankYou .modal-title {
    font-size: 4rem;
    color: #5c0f8b;
    font-family: "AvantGardeGothicITCW02Bd","Roboto",sans-serif
}

#payMyBillForm .modal-dialog,#holdForm .modal-dialog,#holdFormThankyou .modal-dialog,#rentFormSC .modal-dialog,#scRentFormThankYou .modal-dialog {
    max-width: 830px
}

#payMyBillForm .modal-dialog .modal-content,#payMyBillForm .modal-dialog .modal-content .modal-header.popover-header,#holdForm .modal-dialog .modal-content,#holdForm .modal-dialog .modal-content .modal-header.popover-header,#holdFormThankyou .modal-dialog .modal-content,#holdFormThankyou .modal-dialog .modal-content .modal-header.popover-header,#rentFormSC .modal-dialog .modal-content,#rentFormSC .modal-dialog .modal-content .modal-header.popover-header,#scRentFormThankYou .modal-dialog .modal-content,#scRentFormThankYou .modal-dialog .modal-content .modal-header.popover-header {
    background: #f1f2f2
}

#payMyBillForm .modal-dialog .modal-content,#holdForm .modal-dialog .modal-content,#holdFormThankyou .modal-dialog .modal-content,#rentFormSC .modal-dialog .modal-content,#scRentFormThankYou .modal-dialog .modal-content {
    padding: 5rem 3rem
}

#payMyBillForm .modal-dialog .modal-content #recaptcha,#holdForm .modal-dialog .modal-content #recaptcha,#holdFormThankyou .modal-dialog .modal-content #recaptcha,#rentFormSC .modal-dialog .modal-content #recaptcha,#scRentFormThankYou .modal-dialog .modal-content #recaptcha {
    margin-bottom: 2rem
}

#payMyBillForm .modal-dialog .modal-content .modal-header.popover-header,#holdForm .modal-dialog .modal-content .modal-header.popover-header,#holdFormThankyou .modal-dialog .modal-content .modal-header.popover-header,#rentFormSC .modal-dialog .modal-content .modal-header.popover-header,#scRentFormThankYou .modal-dialog .modal-content .modal-header.popover-header {
    border-bottom: none
}

#payMyBillForm .modal-dialog .modal-content .modal-header button,#holdForm .modal-dialog .modal-content .modal-header button,#holdFormThankyou .modal-dialog .modal-content .modal-header button,#rentFormSC .modal-dialog .modal-content .modal-header button,#scRentFormThankYou .modal-dialog .modal-content .modal-header button {
    margin-top: 2rem;
    height: 3rem;
    width: 3rem;
    padding: 0;
    background: #FFF;
    border: 1px solid #74697f;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #414042!important
}

#payMyBillForm .modal-dialog .modal-content .modal-header button p,#holdForm .modal-dialog .modal-content .modal-header button p,#holdFormThankyou .modal-dialog .modal-content .modal-header button p,#rentFormSC .modal-dialog .modal-content .modal-header button p,#scRentFormThankYou .modal-dialog .modal-content .modal-header button p {
    line-height: 0;
    display: block;
    color: #414042!important
}

#payMyBillForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper,#holdForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper,#holdFormThankyou .modal-dialog .modal-content .modal-body .pay-bill-wrapper,#rentFormSC .modal-dialog .modal-content .modal-body .pay-bill-wrapper,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pay-bill-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    flex-wrap: wrap
}

#payMyBillForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer,#holdForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer,#holdFormThankyou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer,#rentFormSC .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer {
    margin: 2.5rem 0
}

#payMyBillForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payCityContainer select,#payMyBillForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payProvinceContainer select,#payMyBillForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer select,#holdForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payCityContainer select,#holdForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payProvinceContainer select,#holdForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer select,#holdFormThankyou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payCityContainer select,#holdFormThankyou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payProvinceContainer select,#holdFormThankyou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer select,#rentFormSC .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payCityContainer select,#rentFormSC .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payProvinceContainer select,#rentFormSC .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer select,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payCityContainer select,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payProvinceContainer select,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .payLocationContainer select {
    border: 1px solid #74697f
}

#payMyBillForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer,#holdForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer,#holdFormThankyou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer,#rentFormSC .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer {
    padding: 0 1.5rem
}

#payMyBillForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer a,#holdForm .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer a,#holdFormThankyou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer a,#rentFormSC .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer a,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pay-bill-wrapper .continueToLoginContainer a {
    padding: 1rem 1.5rem
}

#payMyBillForm .modal-dialog .modal-content .modal-body .pbloading,#holdForm .modal-dialog .modal-content .modal-body .pbloading,#holdFormThankyou .modal-dialog .modal-content .modal-body .pbloading,#rentFormSC .modal-dialog .modal-content .modal-body .pbloading,#scRentFormThankYou .modal-dialog .modal-content .modal-body .pbloading {
    margin: 0 auto
}

#holdForm .modal-dialog .modal-content {
    padding-top: 2rem
}

#holdForm .modal-dialog .modal-content .modal-header button {
    margin-top: 4.5rem
}

#holdForm .modal-dialog .modal-content .modal-body {
    display: block
}

#holdForm .modal-dialog .modal-content .modal-body input,#holdForm .modal-dialog .modal-content .modal-body select {
    flex-basis: 48%;
    margin-bottom: 2.5rem;
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif
}

#holdForm .modal-dialog .modal-content .modal-body input.full,#holdForm .modal-dialog .modal-content .modal-body select.full {
    flex-basis: 100%
}

#holdForm .modal-dialog .modal-content .modal-body input[type="date"] {
    padding: 2rem;
    flex-basis: 100%
}

#holdForm .modal-dialog .modal-content .modal-body button {
    flex-basis: 48%;
    max-height: 7.4rem
}

#holdForm .modal-dialog .modal-content .modal-body .smallText {
    font-style: italic;
    font-size: 14px;
    margin-bottom: 2rem
}

#holdForm .modal-dialog .modal-content .modal-body #datepickerDisplay {
    color: #F05323;
    font-family: 'AvantGardeGothicITCW02Bd';
    padding: 15px 0;
    border-bottom: 3px solid #F05323;
    margin-bottom: 20px
}

#holdForm .modal-dialog .modal-content .modal-body a.button.submit-hold-button,#holdForm .modal-dialog .modal-content .modal-body #datepicker {
    display: block;
    flex-basis: 48%;
    align-self: flex-start;
    max-width: 48%
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker {
    align-self: normal!important;
    max-width: 48%!important;
    flex-basis: 48%!important
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker+div,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker+div {
    max-width: 48%;
    flex-basis: 48%
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker+div a.button.submit-hold-button,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker+div a.button.submit-hold-button {
    max-width: 100%;
    height: auto;
    max-height: 5rem
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker {
    padding: 0;
    border: 0;
    background: none
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header {
    background: #F05323;
    border: none;
    border-radius: 0;
    margin-bottom: 5px;
    color: #FFF;
    text-transform: uppercase;
    padding: 15px 0
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header span,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header span {
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif;
    font-size: 2.2rem
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next {
    margin: 13px 0
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header .ui-datepicker-next .ui-icon {
    width: 36px;
    height: 36px;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/new-calendar-next.png) center center no-repeat;
    top: 0;
    margin: 0;
    left: 0
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev {
    margin: 13px 0
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header .ui-datepicker-prev .ui-icon {
    width: 36px;
    height: 36px;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/new-calendar-prev.png) center center no-repeat;
    top: 0;
    margin: 0;
    left: 0
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header .ui-state-hover,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header .ui-state-hover {
    border: none;
    background: none
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header .ui-state-hover.ui-datepicker-next,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header .ui-state-hover.ui-datepicker-next {
    top: 2px;
    right: 2px
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-widget-header .ui-state-hover.ui-datepicker-prev,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-widget-header .ui-state-hover.ui-datepicker-prev {
    top: 2px;
    left: 2px
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-datepicker-calendar,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-datepicker-calendar {
    background: #FFF;
    table-layout: fixed
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-datepicker-calendar th,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-datepicker-calendar th {
    color: #F05323
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-datepicker-calendar th span,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-datepicker-calendar th span {
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-default,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-default {
    background: #FFF;
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif;
    line-height: 2;
    border: 1px solid #d3d3d3
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-hover,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker .ui-datepicker .ui-datepicker-calendar .ui-state-hover {
    background: #FFF;
    border-color: #F05323
}

#holdForm .modal-dialog .modal-content .modal-body #datepicker div.ui-datepicker,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker div.ui-datepicker {
    max-width: 100%!important;
    width: 100%!important
}

#rentForm,#rentFormSsmc {
    padding-right: 0!important
}

#rentForm .modal-dialog,#rentFormSsmc .modal-dialog {
    max-width: 1200px;
    width: calc(100% - 60px);
    margin: 0 auto
}

@media only screen and (max-width: 575px) {
    #rentForm .modal-dialog,#rentFormSsmc .modal-dialog {
        width:100%
    }
}

#rentForm .modal-dialog .modal-content,#rentFormSsmc .modal-dialog .modal-content {
    background: none!important;
    border: none!important;
    width: 100%;
    max-width: 100%;
    flex-direction: row;
    margin-top: 20px
}

@media only screen and (max-width: 575px) {
    #rentForm .modal-dialog .modal-content,#rentFormSsmc .modal-dialog .modal-content {
        margin-top:0
    }
}

#rentForm .modal-dialog .modal-content .modal-body,#rentFormSsmc .modal-dialog .modal-content .modal-body {
    background-color: #FFF;
    padding-top: 4rem
}

#rentForm .modal-dialog .modal-content .modal-body button,#rentFormSsmc .modal-dialog .modal-content .modal-body button {
    height: 3rem;
    width: 3rem;
    padding: 0;
    background: #FFF;
    border: 1px solid #74697f;
    border-radius: 50%;
    color: #414042!important;
    position: absolute;
    top: 5px;
    right: 10px
}

@media only screen and (max-width: 575px) {
    #rentForm .modal-dialog .modal-content .modal-body button,#rentFormSsmc .modal-dialog .modal-content .modal-body button {
        right:25px
    }
}

#rentForm .modal-dialog .modal-content .modal-body,#rentForm .modal-dialog .modal-content .modal-body iframe,#rentFormSsmc .modal-dialog .modal-content .modal-body,#rentFormSsmc .modal-dialog .modal-content .modal-body iframe {
    width: 100%;
    border: 0 solid #000
}

#rentFormSC * {
    font-size: 16px
}

#rentFormSC p {
    margin-bottom: 20px;
    color: #414042
}

#rentFormSC .modal-dialog .modal-content {
    padding-top: 2rem
}

#rentFormSC .modal-dialog .modal-content .modal-header button {
    margin-top: 4.5rem
}

#rentFormSC .modal-dialog .modal-content .modal-body {
    display: block
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection {
    position: relative
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection>div {
    padding: 20px;
    margin: 20px 0;
    border-left: 1px solid #5c0f8b;
    margin-left: 15px;
    background-color: #fff
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection h3 {
    font-size: 22px;
    display: flex;
    align-items: center
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection h3 span {
    margin-right: 10px;
    background-color: #5c0f8b;
    color: #fff;
    border-radius: 100px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection ul {
    margin-bottom: 0;
    padding-bottom: 0
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .row {
    margin-left: 0;
    margin-right: 0
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .row>div {
    flex-basis: 48%;
    margin-bottom: 2.5rem!important
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .row>div.full {
    flex-basis: 100%
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection input,#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection select {
    border: 1px solid #74697f
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection input.error,#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection select.error {
    border-color: red
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection p.errorMsg {
    color: red;
    margin-top: 5px;
    margin-bottom: 0
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection p.errorMsg.agreementsError {
    margin-top: 0;
    margin-bottom: 20px
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection p.unitSize {
    color: #5c0f8b;
    font-size: 4rem;
    font-weight: 500
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection button {
    flex-basis: 48%;
    max-height: 7.4rem
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .radio-wrapper {
    display: flex;
    align-items: center;
    margin-bottom: 20px
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .radio-wrapper label {
    margin-bottom: 0
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .radio-wrapper input[type="radio"] {
    margin-right: 20px
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection.insurance .orange-door .button {
    margin-bottom: 20px
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable {
    width: 100%
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable thead {
    border: 1px solid #5c0f8b
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable thead td {
    background-color: #5c0f8b;
    color: #fff;
    padding: 10px
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable tbody {
    border: 1px solid #5c0f8b
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable tbody tr {
    border-top: 1px solid #ccc
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable tbody tr:first-child {
    border-top: 0
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable tbody td {
    padding: 10px
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .rentalCostTable tbody td+td {
    text-align: right
}

#rentFormSC .modal-dialog .modal-content .modal-body .rentalFormSection .green-checkmark {
    position: absolute;
    top: 30%;
    left: 0;
    width: 100%;
    text-align: center
}

#getStorageForm .modal-dialog {
    max-width: 575px;
    background-color: #FFF
}

#getStorageForm .modal-dialog .modal-content,#getStorageForm .modal-dialog .modal-content .modal-header.popover-header {
    background: #FFF;
    border-left: none
}

#getStorageForm .modal-dialog .modal-content {
    padding: 0;
    justify-content: center
}

#getStorageForm .modal-dialog .modal-content .modal-header.popover-header {
    border-bottom: none;
    justify-content: flex-end
}

#getStorageForm .modal-dialog .modal-content .modal-header.popover-header button {
    height: 3rem;
    width: 3rem;
    padding: 0;
    background: #FFF;
    border: 1px solid #74697f;
    border-radius: 50%;
    color: #414042!important;
    margin: 0;
    top: 0;
    right: 0
}

#getStorageForm .modal-dialog .modal-content .modal-body {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 0 3rem 3rem;
    margin: 0
}

#getStorageForm .modal-dialog .modal-content .modal-body h2 {
    color: #5c0f8b
}

#getStorageForm .modal-dialog .modal-content .modal-body input {
    background-color: #f7f7f7;
    border: none;
    font-size: 2rem;
    padding: 2rem
}

#getStorageForm .modal-dialog .modal-content .modal-body button,#getStorageForm .modal-dialog .modal-content .modal-body .button {
    background: #5c0f8b;
    border-radius: 0;
    border: none;
    padding: 12px;
    flex: 0 0 auto;
    width: 66px
}

.sticky-header .modal {
    z-index: 9999
}

.featureSlider {
    padding: 5rem 0;
    min-height: 344px
}

.featureSlider .slick-track {
    background: #f1f2f2;
    line-height: normal!important
}

.featureSlider .container {
    padding: 4rem 8rem 4rem 8rem;
    background: #FFF;
    position: relative;
    min-height: 344px
}

.featureSlider .container .slider-img {
    padding-bottom: 0;
    flex-basis: 50%
}

.featureSlider .container .slider-img img {
    width: 100%;
    height: auto
}

.featureSlider .container .slider-content {
    position: relative;
    top: auto;
    width: auto;
    height: auto;
    align-self: stretch;
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-basis: 50%
}

.featureSlider .container .slider-content .inner-content {
    position: relative;
    top: auto;
    text-align: left
}

.featureSlider .container .slider-content .inner-content p {
    color: #5c0f8b;
    font-size: 2rem;
    font-weight: 300
}

.featureSlider .container .slider-content .inner-content p a.button {
    display: block;
    max-width: 142px;
    margin-top: 1.5rem
}

.featureSlider .container .slider-content .inner-content p+a.button {
    display: block;
    max-width: 142px;
    margin-top: 1.5rem
}

.featureSlider .container .slider-content .inner-content p:last-of-type {
    margin-bottom: 0
}

.featureSlider .slick-arrow.slick-hidden {
    display: block
}

.featureSlider .slick-arrow {
    border: none!important;
    top: 50%!important
}

.featureSlider .slick-arrow.slick-home-prev {
    left: 1rem!important
}

.featureSlider .slick-arrow.slick-home-next {
    right: 1rem!important
}

.featureSlider .container.imageOnly {
    min-height: 344px
}

.featureSlider .container.imageOnly .slider-image {
    flex-basis: 100%
}

.featureSlider .container.imageOnly .slider-image img {
    display: block;
    margin: 0 auto
}

.featureSlider .container.contentOnly {
    min-height: 344px
}

.featureSlider .container.contentOnly .slider-content {
    flex-basis: 100%
}

.featureSlider .container.contentImage .slider-content {
    padding-right: 1rem
}

.testimonials {
    padding: 0;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/new-testimomial-icon.png) no-repeat left 6.5rem
}

.testimonials.testimonials-french {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/new-chevron-icon.png) no-repeat left 6.5rem
}

@media screen and (max-width: 575px) {
    .testimonials {
        background:url(../../../../../../themes/netstrap-child-public-storage/images/new-testimomial-icon.png) no-repeat 6rem 6.5rem
    }

    .testimonials.testimonials-french {
        background: url(../../../../../../themes/netstrap-child-public-storage/images/new-chevron-icon.png) no-repeat 6rem 6.5rem
    }
}

@media screen and (max-width: 400px) {
    .testimonials {
        background:url(../../../../../../themes/netstrap-child-public-storage/images/new-testimomial-icon.png) no-repeat 4rem 4.5rem
    }

    .testimonials.testimonials-french {
        background: url(../../../../../../themes/netstrap-child-public-storage/images/new-chevron-icon.png) no-repeat 4rem 4.5rem
    }
}

.testimonials .row {
    padding: 6rem
}

@media screen and (max-width: 575px) {
    .testimonials .row {
        padding-top:15rem
    }
}

@media screen and (max-width: 400px) {
    .testimonials .row {
        padding:12rem 4rem 4rem
    }
}

.testimonials .row .col {
    padding: 0 10rem
}

.testimonials .row .testimonialtitle {
    color: #F05323;
    text-align: left;
    font-size: 4rem;
    margin-bottom: 4rem
}

.testimonials .row .testimonials-slider {
    max-width: none
}

.testimonials .row .testimonial p {
    font-size: 2rem;
    font-weight: 300;
    text-align: left
}

.testimonials .row .testimonial .testimonialAuthor {
    text-align: right
}

.testimonials .row .testimonial .testimonialAuthor span {
    color: #F05323
}

.testimonials .slick-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0
}

.testimonials .slick-arrow.slick-testimonial-next {
    right: 0;
    left: initial
}

.testimonials .slick-dots {
    display: flex;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: 0;
    width: 100%;
    justify-content: center
}

.testimonials .slick-dots li {
    list-style: none;
    margin: 5px
}

.testimonials .slick-dots li button {
    text-indent: -999999px;
    display: block;
    width: 10px;
    height: 14px;
    background: transparent;
    border: 1px solid #F05323;
    cursor: pointer
}

.testimonials .slick-dots li.slick-active button {
    opacity: 1;
    background: #F05323
}

.quickLinks .quick-link-box {
    position: relative;
    display: block;
    margin-bottom: 2rem;
    border-bottom-right-radius: 15px;
    overflow: hidden
}

.quickLinks .quick-link-box h2,.quickLinks .quick-link-box h3 {
    margin: 0;
    border-top-left-radius: 15px;
    position: relative;
    background: #F05323;
    background: linear-gradient(90deg,#c64a1e 0%,#F05323 50%,#c64a1e 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#c64a1e",endColorstr="#c64a1e",GradientType=1)
}

.quickLinks .quick-link-box h2:after,.quickLinks .quick-link-box h3:after {
    content: ' ';
    position: absolute;
    right: 0;
    display: inline-block;
    height: 100%;
    width: 35px;
    top: 0;
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/new-featured-arrow.png);
    background-repeat: no-repeat;
    background-position: center
}

.quickLinks .quick-link-box h2 span,.quickLinks .quick-link-box h3 span {
    display: block;
    font-size: 2.5rem;
    text-align: left;
    color: #fff;
    padding: 10px 35px 10px 10px;
    text-transform: uppercase;
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif
}

@media screen and (max-width: 1198px) {
    .quickLinks .row {
        justify-content:space-evenly!important
    }
}

@media screen and (max-width: 991px) {
    .quickLinks .quick-link-box {
        padding:20px;
        flex: 0 0 50%;
        max-width: 50%
    }
}

@media screen and (max-width: 767px) {
    .quickLinks .quick-link-box {
        padding:0;
        flex: 0 0 auto;
        max-width: 100%
    }
}

.quickLinksFr .quick-link-box h2 span,.quickLinksFr .quick-link-box h3 span {
    font-size: 2.2rem
}

.productCategoryLink {
    flex-basis: 24%;
    margin-bottom: .5rem;
    align-self: stretch
}

.productCategoryLink a {
    display: flex;
    flex-direction: column;
    align-self: stretch;
    width: 100%;
    height: 100%
}

.productCategoryLink a h3,.productCategoryLink a h2 {
    height: 100%;
    background: #F05323;
    color: #FFF;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 2.5rem 1.5rem;
    font-size: 2.4rem
}

.productCategoryLink a h3.active,.productCategoryLink a h2.active {
    background: #5c0f8b
}

.productCategoryLink a img {
    width: 100%;
    height: auto
}

.productCategoryLink a:hover h3 {
    background: #5c0f8b
}

.productCategoryLink {
    margin-left: 1.3%!important
}

.productCategoryLink:nth-child(4n+1) {
    margin-left: 0!important
}

.packingSupplyItem {
    margin-left: 1.3%!important;
    background: #FFF;
    margin-bottom: 3rem
}

.packingSupplyItem:nth-child(4n+1) {
    margin-left: 0!important
}

.packingSupplyItem .packingSupplyDesc {
    padding: 1.5rem
}

.packingSupplyItem .packingSupplyDesc h3 {
    margin-bottom: 0;
    font-weight: 300;
    font-size: 2.4rem
}

.packingSupplyItem .packingSupplyDesc .packingSupplyPrice {
    color: #5c0f8b;
    font-size: 2.4rem;
    margin-bottom: 2rem;
    display: block
}

.packingSupplyItem .packingSupplyDesc .packingSupplyPrice strong {
    font-weight: 400;
    font-size: 2.4rem
}

.packingSupplyItem .packingSupplyDesc p {
    font-size: 1.6rem
}

.getPackingSuppliesCTA {
    background: #E7E8EB
}

.getPackingSuppliesCTA .container {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/moving-packing-supplies-woman-only.png) no-repeat bottom left
}

.getPackingSuppliesCTA .container .row div {
    width: 54%;
    align-self: flex-end
}

.getPackingSuppliesCTA .container .row div p {
    font-size: 3.5rem
}

.getPackingSuppliesCTA .container .row div a.button:hover {
    color: #FFF
}

.getPackingSuppliesCTA .container .row .button.getStorageButton {
    color: #FFF
}

.getPackingSuppliesCTA .container .row .button.getStorageButton:visited {
    color: #FFF
}

.environmentalInitiatives {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/environmental-initiatives-2022-bg.jpg) no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 235px;
    border-top: 20px solid #52792a
}

.environmentalInitiatives>.container {
    position: relative
}

.environmentalInitiatives>.container>.row>div {
    width: 60%
}

.environmentalInitiatives>.container>.row>div h4 {
    color: #52792a;
    font-family: "AvantGardeGothicITCW02Bd","Roboto",sans-serif
}

.environmentalInitiatives>.container>.row>div p {
    color: #52792a
}

.environmentalInitiatives>.container:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-left: 25px solid transparent;
    border-right: 25px solid transparent;
    border-top: 25px solid #52792a
}

.productModal .modal-dialog {
    max-width: 43%
}

.productModal.show .modal-dialog {
    transform: translate(0,30%)
}

.promotionContainer {
    margin-bottom: 5rem
}

.promotionContainer h3 {
    color: #F05323
}

.promotionContainer button {
    margin-top: 4rem;
    margin-bottom: 3.5rem
}

.promotionContainer .terms-and-conditions {
    background: #f1f2f2;
    padding: 3rem
}

.promotionContainer .terms-and-conditions * {
    font-weight: 300;
    font-size: 1.6rem
}

.promotionContainer .terms-and-conditions p:first-child {
    margin-bottom: 2.5rem
}

.promotionContainer .terms-and-conditions ul {
    padding-left: 1.6rem
}

.promotionContainer+hr {
    margin-bottom: 4rem;
    border-top: 2px solid #74697f
}

.promotionContainer:last-of-type+hr {
    display: none
}

.firstMonthCouple {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/first-month-free-happy-couple.jpg) no-repeat;
    padding-bottom: 33%;
    background-size: cover
}

.tabContent {
    display: none
}

.suggested-text {
    position: relative;
    background: #000;
    color: #FFF;
    width: 100%;
    left: 0;
    float: none;
    padding: 27.32px;
}

.suggested-text * {
    color: #FFF!important
}

.suggested-text h3 {
    font-size: 25.954px
}

.suggested-text p.small {
    margin-bottom: 0
}

#storageCalculatorUnitInfoModel .suggested-text {
    padding: 1rem 1rem!important;
    display: flex;
    flex-direction: column;
    align-items: center
}

#storageCalculatorUnitInfoModel .suggested-text h3 {
    font-size: 2rem!important;
    margin-bottom: 10px!important;
    text-align: left!important
}

#storageCalculatorUnitInfoModel .suggested-text h2,#storageCalculatorUnitInfoModel .suggested-text span,#storageCalculatorUnitInfoModel .suggested-text p {
    font-size: 1.8rem!important
}

#storageCalculatorUnitInfoModel .unit-box {
    height: 315px
}

.suggestedSizeWrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
}

.suggestedSizeWrap * {
    font-size: 20.49px;
    font-weight: 500
}

.suggestedSizeWrap h2 {
    width: auto;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 17.758px
}

.suggestedSizeWrap h2+span.marginLR30 {
    display: inline-block;
    margin: 0 1.5rem
}

.suggestedSizeWrap p {
    margin-bottom: 1.5rem
}

.storageCalculatorUnitInfo table {
    border-radius: 0;
    border: none
}

.storageCalculatorUnitInfo table tbody tr td {
    font-size: 1.6rem
}

.storageCalculatorUnitInfo table tbody tr:first-of-type {
    background: #5c0f8b
}

.storageCalculatorUnitInfo table tbody tr:first-of-type th {
    background: #5c0f8b;
    color: #FFF;
    font-weight: 500;
    font-size: 1.8rem
}

.storageCalculatorUnitInfo table .tfoot {
    background: #FFF;
    color: #5c0f8b;
    font-weight: 500;
    text-align: left
}

.calculator-wrap .calc-left #tabs ul li {
    background: #fcc115;
    color: #FFF
}

.calculator-wrap .calc-left #tabs ul li a {
    color: #FFF;
    font-size: 1.4rem;
}

.calculator-wrap .calc-left #tabs ul li:hover {
}

.calculator-wrap .calc-left #tabs .tab-panel .item label {
    margin: 0;
    background: #ccc;
    border-radius: 0%;
    width: 1.25rem;
    min-width: 1.25rem;
    height: 1.25rem;
    text-align: center;
    line-height: 1.25rem;
}

.calculator-wrap .calc-left #tabs .tab-panel .item h3 span {
    font-weight: 600;
}

.calculator-wrap .calc-left #tabs .tab-panel .item p.dimensions,.calculator-wrap .calc-left #tabs .tab-panel .item p.dimensions span {
}

.calculator-wrap .calc-left #tabs .tab-panel .item p.edit {
    min-width: 60px;
    max-width: 60px;
}

.calculator-wrap .calc-left #tabs .tab-panel .item p.edit a {
    font-size: 0.938rem;
}

.calculator-wrap .calc-left #tabs .tab-panel .item .qty {
    min-width: 60px;
    margin-top: 0
}


.calculator-wrap .calc-right {
}

.calculator-wrap .calc-right .unit-box {
    float: none;
    height: auto;
    width: auto
}

.calculator-wrap .calc-right .unit-box .curve-arrow {
    display: none;
    visibility: hidden
}

.calculator-wrap .calc-right .unit-box .unit-image {
    float: none;
    position: relative;
    top: auto
}

.calculator-wrap .calc-right .guage {
    position: relative;
    float: none!important
}

.calculator-wrap .calc-right a.startTheProcess {
    cursor: pointer;
    color: #F05323
}

.calculator-wrap .calc-right .reserve-btn {
    padding: 4.5rem 1rem;
    text-align: center
}

.calculator-wrap .calc-right .reserve-btn p {
    margin-bottom: 2rem
}

.calculator-wrap .calc-right .reserve-btn .button {
    display: inline-block;
    background: #F05323;
    width: auto;
    font-size: 2rem;
    font-weight: 500;
    padding: .5rem 1rem;
    max-width: 170px;
    margin: 0 auto
}

.calculator-wrap .calc-right .packItRightContainer {
    background: #FFF;
    padding: 1.5rem
}

.calculator-wrap .calc-right .packItRightContainer h3 {
    color: #5c0f8b;
    font-weight: 300;
    margin-bottom: 2rem
}

header {
    box-shadow: 0 1px 12px 0 #999;
    position: relative;
    z-index: 99
}

header .wpml-ls span {
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif;
    color: #666
}

header .wpml-ls .wpml-ls-current-language span {
    color: #5c0f8b
}

header .payBillWrapper {
    text-align: right
}

header .payBillButton {
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif;
    border: 1px solid #F05323;
    background: transparent url(../../../../../../themes/netstrap-child-public-storage/images/new-lock-icon.png) no-repeat 1rem center;
    border-radius: 4px;
    font-weight: 700;
    padding-left: 4rem;
    padding-right: 1rem;
    color: #F05323!important;
    padding-top: .5rem;
    padding-bottom: .5rem
}

header .payBillButton:hover {
    color: #FFF!important;
    background: #F05323 url(../../../../../../themes/netstrap-child-public-storage/images/new-lock-icon-white.png) no-repeat 1rem center
}

header .phone {
    display: inline-block;
    padding-left: 3rem;
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/new-small-call-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #5c0f8b;
    font-family: "AvantGardeGothicITCW02Bd","Roboto",sans-serif
}

header .phone:hover {
    color: #F05323
}

header .sticky-phone {
    display: none
}

header .menuContainer {
    background-color: #f1f2f2;
    margin-top: 20px
}

header .menuContainer .header-nav {
    width: auto;
    align-self: flex-end;
    margin-top: auto
}

header .menuContainer .header-nav * {
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif
}

header .menuContainer .header-nav #mainNav.desktopMenu {
    display: flex;
    flex-direction: row;
    align-items: stretch
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu {
    display: flex;
    flex-direction: row;
    list-style: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin-bottom: 0;
    padding-left: 0
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu li {
    position: relative;
    margin-bottom: 0
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu li.current-menu-item.current_page_item>a,header .menuContainer .header-nav #mainNav.desktopMenu .menu li.current_page_ancestor>a {
    font-family: "AvantGardeGothicITCW02Bd","Roboto",sans-serif
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu>li {
    margin-left: 4.7rem;
    line-height: 3.6
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu>li:first-child {
    margin-left: 0
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu>li a {
    color: #F05323;
    display: block;
    font-weight: 400;
    padding: 20px 0
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu>li:hover>.sub-menu {
    display: block
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu>li:hover a {
    color: #5c0f8b
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu {
    display: none;
    position: absolute;
    background: #fff;
    z-index: 99;
    list-style: none;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    min-width: 24rem
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li {
    line-height: 0;
    border-top: 2px solid #f1f2f2;
    padding-right: 2.4rem
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li>a {
    color: #F05323;
    display: block;
    padding: 1rem 2rem;
    font-size: 16px
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li:hover {
    background: #F05323;
    border-color: #F05323
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li:hover>a {
    color: #FFF
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li:last-child {
    border-bottom: 2px solid #f1f2f2
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li:last-child:hover {
    border-color: #F05323
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li.current_page_item.current-menu-item,header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li.current_page_ancestor {
    font-weight: 700
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li.menu-item-has-children {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/new-menu-arrow.png);
    background-repeat: no-repeat;
    background-position: right 1rem center
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li.menu-item-has-children:hover {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/new-menu-arrow-white.png)
}

header .menuContainer .header-nav #mainNav.desktopMenu .menu .sub-menu li.menu-item-has-children:hover .sub-menu {
    display: block;
    left: 100%;
    top: -2px
}

.sticky-header header.site-header {
    position: fixed;
    background: #fff;
    z-index: 100;
    width: 100%
}

.sticky-header header.site-header .container .languageSelect,.sticky-header header.site-header .container .payBillWrapper {
    display: none
}

.sticky-header header.site-header .container .logo img {
    width: 110px
}

.sticky-header header.site-header .menuContainer {
    margin-top: 0
}

.mobile-nav .wpml-ls-legacy-list-horizontal {
    width: 30%;
    margin-left: 2rem
}

.mobile-nav .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    background: #F05323;
    width: 100%;
    text-align: center;
    display: inline-block
}

.mobile-nav .wpml-ls-legacy-list-horizontal .wpml-ls-item a {
    color: #fff;
    padding: 0
}

.mobile-nav .wpml-ls-legacy-list-horizontal .wpml-ls-item.wpml-ls-current-language {
    display: none
}

.navToggleContainer .wpml-ls-statics-shortcode_actions {
    padding-left: 0
}

.navToggleContainer .wpml-ls-legacy-list-horizontal a {
    padding: 0
}

.navToggleContainer .wpml-ls-legacy-list-horizontal a span {
    font-size: 22px
}

.navToggleContainer .wpml-ls-legacy-list-horizontal .wpml-ls-item {
    margin-right: 10px
}

.navToggleContainer .wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child {
    margin-right: 0
}

#mobileMainNav {
    display: none;
    left: 0;
    position: relative;
    background: #fff;
    z-index: 100;
    transition: left 300ms ease-out
}

#mobileMainNav.open {
    display: block
}

#mobileMainNav .mobilePopUpButtons {
    padding: 0 15px;
    border-bottom: 1px solid #ccc
}

#mobileMainNav .mobilePopUpButtons .wmpl_selector {
    width: 100%
}

#mobileMainNav .mobilePopUpButtons .wmpl_selector>div {
    padding-left: 0
}

#mobileMainNav .mobilePopUpButtons .wmpl_selector a {
    padding-left: 0
}

#mobileMainNav>div {
    position: absolute;
    width: 80%;
    background-color: #fff
}

#mobileMainNav>div ul.menu {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    box-shadow: 0 5px 5px rgba(0,0,0,.5)
}

#mobileMainNav>div ul.menu li {
    margin-bottom: 0
}

#mobileMainNav>div ul.menu li.menu-item-has-children>a {
    position: relative
}

#mobileMainNav>div ul.menu li.menu-item-has-children>a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid #F05323;
    display: block;
    position: absolute;
    right: 20px;
    top: 14px
}

#mobileMainNav>div ul.menu li.menu-back {
    background-color: #F05323
}

#mobileMainNav>div ul.menu li.menu-back>a {
    color: #fff;
    padding-left: 35px;
    position: relative
}

#mobileMainNav>div ul.menu li.menu-back>a:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-right: 10px solid #fff;
    display: block;
    position: absolute;
    left: 20px;
    top: 14px
}

#mobileMainNav>div ul.menu li a {
    display: block;
    padding: 15px;
    border-bottom: solid 1px #ccc
}

#mobileMainNav>div ul.menu li ul {
    list-style: none;
    padding-left: 0;
    box-shadow: 0 5px 5px rgba(0,0,0,.5)
}

#mobileMainNav>div ul.menu li ul li {
    margin-bottom: 0
}

#mobileMainNav>div ul.menu li .sub-menu {
    left: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fff;
    display: none
}

#mobileMainNav>div ul.menu li .sub-menu.open {
    display: block
}

.menuLocationSearch>div {
    display: flex
}

.menuLocationSearch>div button.locationSearchButton {
    border-radius: 0;
    display: inline;
    border: none;
    font-weight: 400;
    font-size: 2rem;
    color: #fff;
    width: 135px;
    padding: 1rem 0
}

.menuLocationSearch>div button.locationSearchButton:hover {
    cursor: pointer
}

.home .feature_banner {
    height: 592px;
    display: flex;
    flex-wrap: wrap;
    overflow: hidden
}

.home .feature_banner.default {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/banners/default/banner-background-eng.jpg) no-repeat center center;
    align-content: flex-end
}

.home .feature_banner.default.fr {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/banners/default/banner-background-fr.jpg)
}

.home .feature_banner.default.fr .feature_banner_content .chatbubble {
    bottom: 70px;
    width: 415px;
    height: 311px;
    padding-top: 20px
}

.home .feature_banner.default.fr .feature_banner_content .chatbubble .bubble-text {
    flex: 0 0 64%;
    max-width: 64%
}

.home .feature_banner.default.fr .feature_banner_content .chatbubble .bubble-text .bubble-text-2 {
    font-size: 20px
}

@media screen and (max-width: 767px) {
    .home .feature_banner.default.fr .feature_banner_content .people {
        left:auto;
        right: 260px
    }

    .home .feature_banner.default.fr .feature_banner_content .chatbubble {
        left: auto;
        right: 0
    }
}

@media screen and (max-width: 540px) {
    .home .feature_banner.default.fr .feature_banner_content .people {
        right:195px
    }

    .home .feature_banner.default.fr .feature_banner_content .chatbubble {
        bottom: 50px;
        width: 320px;
        height: 250px;
        padding-top: 10px
    }

    .home .feature_banner.default.fr .feature_banner_content .chatbubble .bubble-text .bubble-text-2 {
        font-size: 15px
    }

    .home .feature_banner.default.fr .feature_banner_content .chatbubble .bubble-text .button {
        font-size: 12px
    }
}

@media screen and (max-width: 415px) {
    .home .feature_banner.default.fr .feature_banner_content .people {
        right:152px
    }

    .home .feature_banner.default.fr .feature_banner_content .chatbubble {
        width: 268px
    }
}

@media screen and (max-width: 767px) {
    .home .feature_banner.default {
        background-position:bottom center;
        height: 535px
    }
}

@media screen and (max-width: 540px) {
    .home .feature_banner.default {
        height:435px;
        background-size: auto 435px
    }
}

.home .feature_banner.default .feature_banner_content {
    position: relative
}

.home .feature_banner.default .feature_banner_content .people {
    position: absolute;
    bottom: 0;
    left: calc(45% - 210px);
    z-index: 10
}

@media screen and (max-width: 1999px) {
    .home .feature_banner.default .feature_banner_content .people {
        left:33%
    }
}

@media screen and (max-width: 1570px) {
    .home .feature_banner.default .feature_banner_content .people {
        left:30%
    }
}

@media screen and (max-width: 1275px) {
    .home .feature_banner.default .feature_banner_content .people {
        left:26%
    }
}

@media screen and (max-width: 991px) {
    .home .feature_banner.default .feature_banner_content .people {
        left:20%
    }
}

@media screen and (max-width: 767px) {
    .home .feature_banner.default .feature_banner_content .people {
        left:15%
    }
}

@media screen and (max-width: 676px) {
    .home .feature_banner.default .feature_banner_content .people {
        left:auto;
        right: 220px
    }
}

@media screen and (max-width: 540px) {
    .home .feature_banner.default .feature_banner_content .people {
        right:185px;
        width: 260px
    }
}

@media screen and (max-width: 415px) {
    .home .feature_banner.default .feature_banner_content .people {
        right:152px
    }
}

.home .feature_banner.default .feature_banner_content .chatbubble {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/banners/default/message-bubble-small.png) no-repeat top left;
    background-size: cover;
    color: #FFF;
    position: absolute;
    bottom: 100px;
    left: 45%;
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    box-sizing: border-box;
    width: 380px;
    height: 284px
}

.home .feature_banner.default .feature_banner_content .chatbubble .bubble-text {
    flex: 0 0 56%;
    max-width: 56%
}

.home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .bubble-text-1 {
    text-transform: uppercase;
    display: block;
    font-size: 25px
}

.home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .bubble-text-2 {
    font-family: "ITCAvantGardePro-MdObl","Roboto",sans-serif;
    display: block;
    font-size: 23px;
    margin-top: 5px
}

.home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .button {
    margin-top: 10px;
    font-size: 15px;
    padding: 8px 14px
}

.home .feature_banner.default .feature_banner_content .chatbubble .dollar {
    flex: 0 0 auto;
    max-width: 115px
}

@media screen and (max-width: 676px) {
    .home .feature_banner.default .feature_banner_content .chatbubble {
        left:auto;
        right: 0
    }
}

@media screen and (max-width: 540px) {
    .home .feature_banner.default .feature_banner_content .chatbubble {
        bottom:50px;
        width: 300px;
        height: 244px
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .dollar {
        max-width: 95px
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .bubble-text {
        flex: 0 0 59%;
        max-width: 59%
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .bubble-text-1 {
        font-size: 22px
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .bubble-text-2 {
        font-size: 18px
    }
}

@media screen and (max-width: 415px) {
    .home .feature_banner.default .feature_banner_content .chatbubble {
        width:268px;
        height: 205px;
        bottom: 75px
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .dollar {
        max-width: 80px
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .bubble-text {
        flex: 0 0 58%;
        max-width: 58%
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .bubble-text-1 {
        font-size: 18px
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .bubble-text-2 {
        font-size: 16px
    }

    .home .feature_banner.default .feature_banner_content .chatbubble .bubble-text .button {
        margin-top: 3px;
        padding: 5px 10px
    }
}

.home .feature_banner.online-rental {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/banners/online-rental/online-rental-banner.jpg) no-repeat center center;
    position: relative
}

.home .feature_banner.online-rental .banner-content .col {
    flex: 0 0 310px;
    max-width: 310px
}

.home .feature_banner.online-rental .banner-content .col .glow {
    position: absolute;
    top: calc((1103px / 2)*-1);
    left: calc((1648px / 4)*-1);
    z-index: 1;
    max-width: none
}

.home .feature_banner.online-rental .banner-content .special-text {
    display: block;
    text-transform: uppercase;
    color: #5c0f8b;
    line-height: 1;
    position: relative;
    z-index: 2
}

.home .feature_banner.online-rental .banner-content .special-text.large {
    margin-top: 30px;
    font-size: 75px
}

.home .feature_banner.online-rental .banner-content .special-text.small {
    font-size: 34px;
    margin-bottom: 20px
}

.home .feature_banner.online-rental .banner-content .icon-text {
    display: flex;
    margin-top: 10px;
    position: relative;
    z-index: 2
}

.home .feature_banner.online-rental .banner-content .icon-text img {
    margin-right: 25px;
    width: 36px;
    height: 36px
}

.home .feature_banner.online-rental .banner-content .icon-text .text {
    padding-bottom: 10px;
    border-bottom: 4px dotted #b1b2b2
}

.home .feature_banner.online-rental .banner-content .icon-text .text span {
    color: #F05323;
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif
}

.home .feature_banner.online-rental .banner-content .icon-text:last-child .text {
    border-bottom: none
}

.home .feature_banner.online-rental .feature_banner_cta {
    z-index: 10
}

@media screen and (max-width: 767px) {
    .home .feature_banner.online-rental {
        background:url(../../../../../../themes/netstrap-child-public-storage/images/banners/online-rental/online-rental-banner-cropped.jpg) no-repeat center center;
        background-size: cover;
        height: 535px
    }
}

@media screen and (max-width: 615px) {
    .home .feature_banner.online-rental {
        background:url(../../../../../../themes/netstrap-child-public-storage/images/banners/online-rental/online-rental-banner-cropped.jpg) no-repeat center right;
        height: auto
    }

    .home .feature_banner.online-rental .banner-content .col {
        flex: 0 0 100%;
        max-width: 100%;
        background-color: rgba(255,255,255,.7);
        box-shadow: 0 0 40px 60px rgba(255,255,255,.7)
    }

    .home .feature_banner.online-rental .banner-content .col .glow {
        display: none
    }

    .home .feature_banner.online-rental .banner-content .special-text.large {
        font-size: 67px
    }

    .home .feature_banner.online-rental .banner-content .special-text.small {
        font-size: 30px
    }
}

.home .feature_banner.online-rental.fr .banner-content .col {
    flex: 0 0 360px;
    max-width: 360px
}

.home .feature_banner.online-rental.fr .banner-content .special-text.large {
    font-size: 61px
}

.home .feature_banner.online-rental.fr .banner-content .special-text.small {
    font-size: 25px
}

@media screen and (max-width: 615px) {
    .home .feature_banner.online-rental.fr .banner-content .col {
        flex:0 0 100%;
        max-width: 100%
    }

    .home .feature_banner.online-rental.fr .banner-content .special-text.large {
        font-size: 55px
    }

    .home .feature_banner.online-rental.fr .banner-content .special-text.small {
        font-size: 22px
    }
}

.home .feature_banner .feature_banner_content {
    flex: 0 0 100%
}

.home .feature_banner .feature_banner_cta {
    flex: 0 0 100%;
    background-color: rgba(0,0,0,.3);
    align-self: flex-end;
    max-width: 2000px
}

.home .feature_banner .feature_banner_cta .row {
    padding: 0
}

.home .feature_banner .feature_banner_cta .storage_since {
    display: flex;
    flex: 0 0 37%;
    max-width: 37%;
    padding: 25px 0
}

@media screen and (max-width: 540px) {
    .home .feature_banner .feature_banner_cta .storage_since {
        padding:10px 0
    }
}

.home .feature_banner .feature_banner_cta .storage_since .leaf-wrapper {
    flex: 0 0 56px;
    padding: 0 10px;
    max-width: 56px
}

.home .feature_banner .feature_banner_cta .storage_since p {
    color: #FFF;
    font-family: "ITCAvantGardePro-MdObl","Roboto",sans-serif
}

@media screen and (max-width: 1198px) {
    .home .feature_banner .feature_banner_cta .storage_since {
        flex:0 0 44%;
        max-width: 44%
    }
}

@media screen and (max-width: 991px) {
    .home .feature_banner .feature_banner_cta .storage_since {
        flex:0 0 39%;
        max-width: 39%
    }
}

@media screen and (max-width: 767px) {
    .home .feature_banner .feature_banner_cta .storage_since {
        flex:0 0 100%;
        max-width: 100%
    }
}

.home .find_storage .find_storage_wrapper {
    position: absolute;
    bottom: 0;
    right: 0;
    background: #FFF;
    padding: 20px 35px;
    box-shadow: 0 20px 15px rgba(0,0,0,.5);
    max-width: 419px;
    z-index: 10
}

.home .find_storage .find_storage_wrapper span {
    color: #5c0f8b;
    display: block;
    margin-bottom: 10px
}

.home .find_storage .find_storage_wrapper input {
    background-color: #f7f7f7;
    border: none;
    width: 295px;
    font-size: 1.8rem;
    padding: 1.5rem
}

.home .find_storage .find_storage_wrapper button,.home .find_storage .find_storage_wrapper .button {
    background: #5c0f8b;
    border-radius: 0;
    border: none;
    padding: 12px
}

.home .find_storage.find_storage_mobile {
    display: none;
    flex: 0 0 100%;
    background: #FFF
}

@media screen and (max-width: 767px) {
    .home .find_storage.find_storage_mobile {
        display:block
    }
}

.home .find_storage.find_storage_mobile .find_storage_wrapper {
    position: static;
    margin: 0 auto;
    box-shadow: none
}

.home .find_storage.find_storage_mobile .find_storage_wrapper span {
    font-size: 3rem
}

@media screen and (max-width: 767px) {
    .home .find_storage {
        display:none
    }
}

.home .firstMonth1 {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/purple-striped-bg.png) no-repeat;
    background-size: 100% 100%
}

.home .firstMonth1 .col p {
    line-height: 1.1
}

.home .firstMonth1 .col p .dollarDollarSign {
    line-height: 16.5rem
}

.home .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign {
    font-size: 6.2rem;
    line-height: 10.5rem
}

.home .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign.frenchDollarDollarSign {
    position: relative;
    left: -30px
}

.home .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign+span {
    font-size: 13.5rem
}

.home .firstMonth1 .container .row .col:last-of-type p:first-of-type span {
    font-size: 5rem
}

.home .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p span {
    font-size: 5rem
}

.mobileUnitSizesMenu {
    display: none
}

.tabs {
    position: relative;
    z-index: 0
}

.tabs .tabHeadings {
    padding-bottom: 3.8rem
}

.tabs .tabHeadings .tabHeading {
    background: #FFF;
    flex-grow: 1;
    flex-basis: 0%;
    text-align: center;
    margin-left: 1rem;
    padding: .5rem 0;
    position: relative;
    border-radius: 10px;
    border: 2px solid #bbbcbf
}

.tabs .tabHeadings .tabHeading:hover {
    cursor: pointer;
    background: #F05323;
    border-color: #F05323
}

.tabs .tabHeadings .tabHeading:hover p {
    color: #FFF
}

.tabs .tabHeadings .tabHeading:first-child {
    margin-left: 0
}

.tabs .tabHeadings .tabHeading.active {
    background: #F05323;
    border-color: #F05323
}

.tabs .tabHeadings .tabHeading.active p {
    color: #FFF
}

.tabs .tabHeadings .tabHeading p {
    margin-bottom: 0;
    color: #666;
    font-size: 3rem;
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif
}

.tabContent {
    border: 5px solid #bbbcbf;
    padding: 3rem 4rem;
    margin-bottom: 4rem;
    align-items: center
}

.tabContent .col {
    padding: 0 20px
}

.tabContent .tabSpecialText {
    font-size: 9rem;
    color: #5c0f8b;
    border-bottom: 2px solid #5c0f8b;
    padding-bottom: 20px;
    line-height: 1
}

@media screen and (max-width: 991px) {
    .tabContent .tabSpecialText {
        font-size:8rem
    }
}

.tabs-fr .tabContent .tabSpecialText {
    font-size: 6.5rem
}

@media screen and (max-width: 991px) {
    .tabs-fr .tabContent .tabSpecialText {
        font-size:5.5rem
    }
}

.checkCircleLine {
    display: flex;
    align-items: center
}

.checkCircleLine img {
    margin: 0 10px
}

.checkCircleLine span {
    display: block
}

.featureSlider .slick-slide .container .slider-content .inner-content h1 {
    font-size: 3rem
}

.featureSlider .slick-slide .container .slider-content .inner-content p {
    font-size: 2rem;
    font-weight: 300;
    color: #414042
}

.centerBorder .container .row .col:first-child {
    padding-right: 8rem;
    border-right: 2px solid #FFF
}

.centerBorder .container .row .col:last-child {
    padding-left: 8rem
}

@media screen and (max-width: 767px) {
    .centerBorder .container .row .col:first-child {
        border-right:none;
        border-bottom: 2px solid #FFF;
        padding: 0 0 40px
    }

    .centerBorder .container .row .col:last-child {
        padding: 40px 0 0
    }
}

@media screen and (max-width: 767px) {
    .centerBorder .container .row {
        padding-left:15px;
        padding-right: 15px
    }
}

.videos-section {
    margin: 50px 0
}

.videos-section .row.lightGreyBg {
    padding: 30px 50px
}

.videos-section .row.lightGreyBg .col.col-8 {
    padding: 0
}

.videos-section .row.lightGreyBg .mobile {
    display: none
}

@media screen and (max-width: 991px) {
    .videos-section .row.lightGreyBg {
        padding:30px
    }

    .videos-section .row.lightGreyBg .desktop {
        display: none
    }

    .videos-section .row.lightGreyBg .mobile {
        display: block
    }
}

.videos-section .row.lightGreyBg .video {
    background: #FFF;
    padding: 15px;
    margin-bottom: 10px
}

.videos-section .row.lightGreyBg .video.featured-video {
    margin: 0
}

.videos-section .row.lightGreyBg .video.featured-video span {
    margin: 25px 0
}

.videos-section .row.lightGreyBg .video span {
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif;
    margin-top: 15px;
    display: block
}

@media screen and (min-width: 576px) {
    #videoModal .modal-dialog {
        width:950px;
        max-width: 95%
    }
}

#videoModal .modal-dialog .modal-content {
    display: block;
    margin-top: 0
}

#videoModal .modal-dialog .modal-content .close {
    position: absolute;
    top: -45px;
    right: -20px;
    height: 4rem;
    width: 4rem;
    padding: 0;
    background: #FFF;
    border-radius: 50%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    opacity: .8;
    line-height: 0;
    display: block;
    color: #5c0f8b!important
}

@media screen and (max-width: 575px) {
    #videoModal .modal-dialog .modal-content .close {
        right:0
    }
}

#videoModal .modal-dialog .modal-content .modal-body {
    padding: 0;
    line-height: 0
}

#videoModal .modal-dialog .modal-content .modal-body video {
    width: 100%
}

.secondaryBgLady .container {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/banner-purple-with-man-right.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

body.page-id-11572 .mast.page-mast,body.page-id-13120 .mast.page-mast {
    background-image: none
}

.mast.page-mast {
    min-height: 332px;
    background-color: #FDFDFD;
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/public-storage-lockers.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    align-items: center
}

.mast.page-mast .mast-overlay>div {
    max-width: 450px
}

.mast.page-mast .mast-overlay>div span {
    color: #5c0f8b;
    display: block;
    margin-bottom: 10px;
    text-align: center
}

.mast.page-mast .mast-overlay>div input {
    background-color: #f7f7f7;
    border: none;
    width: 295px;
    font-size: 1.8rem;
    padding: 1.5rem;
    flex-grow: 1
}

.mast.page-mast .mast-overlay>div button,.mast.page-mast .mast-overlay>div .button {
    background: #5c0f8b;
    border-radius: 0;
    border: none;
    padding: 12px
}

.mast.page-mast .mast-overlay>div.overlayContent {
    background: none;
    box-shadow: none;
    transform: translate(0,50%)
}

.mast.page-mast .mast-overlay>div.overlayContent h1 {
    font-size: 5.5rem
}

.mast.page-mast .mast-overlay>div.overlayContent p {
    font-weight: 500;
    font-size: 2.4rem;
    color: #5c0f8b
}

.mast.page-mast.subPageMast .mast-overlay>div.overlayContent {
    transform: translate(0,35%)
}

body.page-id-11572 .page-mast,body.page-id-13120 .page-mast {
    position: relative
}

body.page-id-11572 .page-mast .mast-overlay,body.page-id-13120 .page-mast .mast-overlay {
    height: 100%;
    transform: initial!important
}

body.page-id-11572 .page-mast .mast-overlay>div,body.page-id-13120 .page-mast .mast-overlay>div {
    transform: initial!important;
    height: 100%;
    justify-content: center;
    display: flex;
    flex-direction: column
}

.sizeGuide .unitOverview {
    flex-basis: 42%;
    margin-bottom: 12.5rem
}

.sizeGuide .unitOverview .unitSize h2 {
    margin-bottom: 0rem;
    color: #F05323
}

.sizeGuide .unitOverview .unitSize h3 {
    color: #F05323
}

.sizeGuide .unitOverview .unitDescription h3 {
    margin-bottom: 2rem
}

.sizeGuide .unitOverview .unitDescription p {
    font-weight: 300;
    margin-bottom: 1.8rem
}

.sizeGuide .unitOverview .whatINeed {
    margin-top: auto
}

.sizeGuide .unitOverview .whatINeed p {
    color: #F05323;
    font-weight: 500;
    margin-bottom: 2rem
}

.stillUnsure .container {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/banner-purple-with-man-right.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

.stillUnsure .container .row {
    padding: 14.5rem 0
}

.purpleBgWithMan {
    background: #5c0f8b
}

.purpleBgWithMan .container {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/banner-purple-with-man-right.png);
    background-repeat: no-repeat;
    background-position: right bottom
}

.purpleBgWithMan .container .row {
    padding: 11rem 0
}

.purpleBgWithMan .container .row h3 {
    color: #FFF
}

.purpleBgWithMan .container .row div:first-of-type {
    max-width: 65%
}

.bgPackingSuppliesWoman {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/banner-woman-packing-boxes.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    min-height: 596px;
    text-align: right
}

.bgPackingSuppliesWoman .button {
    background-color: rgba(255,255,255,0);
    color: #F05323;
    border: 3px solid #F05323;
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif
}

.bgPackingSuppliesWoman .button:hover {
    color: #5c0f8b;
    border-color: #5c0f8b
}

.bgPackingSuppliesWoman.bgPackingSuppliesWoman-fr {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/banner-woman-packing-boxes-fr.jpg)
}

.get-packing-supplies {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/ps-packing-supplies-en.jpg);
    background-repeat: none;
    background-position: center;
    background-size: cover;
    min-height: 596px
}

.get-packing-supplies .container>div {
    align-items: center
}

.get-packing-supplies .container>div>div {
    margin-top: 50px;
    width: 38%;
    flex: 38%;
    text-align: right
}

.get-packing-supplies.french {
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/ps-packing-supplies-fn.jpg)
}

span.startTheProcess {
    color: #F05323;
    font-weight: 700;
    text-decoration: underline
}

span.startTheProcess:hover {
    color: #5c0f8b;
    cursor: pointer
}

.paymentOptions .paymentOption,.paymentOptions .movingOut,.movingOutContainer .paymentOption,.movingOutContainer .movingOut {
    background: #FFF;
    padding: 3rem;
    margin-bottom: 4rem
}

.paymentOptions .paymentOption img,.paymentOptions .movingOut img,.movingOutContainer .paymentOption img,.movingOutContainer .movingOut img {
    margin-bottom: 2.5rem;
    margin: 0 auto 2.5rem;
    display: block
}

.paymentOptions .paymentOption h3,.paymentOptions .movingOut h3,.movingOutContainer .paymentOption h3,.movingOutContainer .movingOut h3 {
    color: #F05323;
    font-size: 4rem;
    font-weight: 500
}

.movingOutContainer .movingOut {
    background: #f1f2f2;
    width: 100%
}

.reservingBenefits .reservingBenefit img {
    margin-right: 2rem
}

.reservingBenefits .reservingBenefit h3 {
    color: #FFF;
    margin-bottom: 0;
    text-align: right;
    padding: 2rem 0
}

.whyReserveReason {
    padding: 2rem 0
}

.whyReserveReason:first-of-type {
    padding-top: 3rem
}

.whyReserveReason div {
    flex-basis: 79%
}

.whyReserveReason div:first-child {
    flex-basis: 20%
}

.reservationOptions .reservationOption {
    background: #FFF;
    text-align: center;
    padding: 3rem;
    margin-bottom: 4rem
}

.reservationOptions .reservationOption img {
    margin-bottom: 2.5rem
}

.reservationOptions .reservationOption h3 {
    color: #F05323;
    font-size: 2.4rem;
    font-weight: 500
}

.faqCircle {
    height: 212px;
    width: 212px;
    max-width: 212px;
    border-radius: 50%
}

.secondaryBgLadyAbout .container .row div {
    max-width: 61%
}

.workForUsBenefits .flexThird {
    padding: 3rem 1rem 4.5rem;
    text-align: center
}

.workForUsBenefits .flexThird img {
    margin-bottom: 2.5rem
}

.workForUsBenefits .flexThird h3 {
    font-size: 2.4rem;
    color: #F05323;
    font-weight: 500
}

.faqQuestionList {
    margin-bottom: 10rem
}

.faqQuestionList .faqQuestionLinks {
    list-style: none;
    padding-left: 0
}

.faqQuestionList .faqQuestionLinks li {
    padding-left: 2rem;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/list-cheverons.jpg) no-repeat left .7rem
}

.faqQuestionList .faqQuestionLinks li a {
    color: #414042;
    font-weight: 300
}

.faqQuestionList .faqQuestionLinks li a:hover {
    color: #5c0f8b
}

.faqQuestionList a.faqMoreQuestions {
    font-weight: 500;
    color: #F05323
}

.faqQuestionList a.faqMoreQuestions:hover {
    color: #5c0f8b
}

.faqAccordion .accordion_item h3 {
    display: inline-block;
    padding-right: 4rem;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/expand-arrow.png) no-repeat right 1.2rem;
    color: #F05323
}

.faqAccordion .accordion_item h3 span {
    font-size: 3rem;
    font-weight: 500
}

.faqAccordion .accordion_item h3:hover {
    cursor: pointer
}

.faqAccordion .accordion_item.active h3 {
    background: url(../../../../../../themes/netstrap-child-public-storage/images/collapse-arrow.png) no-repeat right 1.2rem
}

.faqAccordion .accordion_item p {
    margin-bottom: 3rem
}

.footerFaqCategoryList {
    list-style: none;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    padding: 0
}

.footerFaqCategoryList li {
    line-height: 1;
    padding: 0 2.09rem;
    border-left: 1px solid #F05323
}

.footerFaqCategoryList li.current-cat a {
    color: #5c0f8b
}

.footerFaqCategoryList li:first-child {
    border: none;
    padding-left: 0
}

.footerFaqCategoryList li a {
    font-weight: 500;
    font-size: 3rem
}

.calculator-wrap .calc-right,.calculator-wrap .calc-left {
}

.tab-panel .item p.dimensions,.tab-panel .item p.dimensions span {
}

#location-list .locationListing,.unit-list .locationListing {
    background: none;
    padding: 3rem 2rem 0
}

#location-list .locationListing h3,.unit-list .locationListing h3 {
    font-size: 3rem
}

#location-list .locationListing h3 span,.unit-list .locationListing h3 span {
    font-size: 3rem
}

#location-list .locationListing h3 img,.unit-list .locationListing h3 img {
    margin-right: 1rem
}

#location-list .locationListing .row,.unit-list .locationListing .row {
    justify-content: space-between;
    padding: 0 0rem 3rem 0;
    border-bottom: 1px solid #666;
    align-items: center
}

#location-list .locationListing .locationAddress,.unit-list .locationListing .locationAddress {
    flex-basis: 29%;
    padding-left: 3rem
}

#location-list .locationListing .locationUnits,.unit-list .locationListing .locationUnits {
    display: flex;
    flex-direction: row;
    flex-basis: 70%;
    justify-content: flex-start
}

#location-list .locationListing .locationUnits .priceBox,.unit-list .locationListing .locationUnits .priceBox {
    flex: 0 0 25%;
    max-width: 25%;
    text-align: center;
    padding-right: 2.5%;
    position: relative;
    min-height: 121px
}

#location-list .locationListing .locationUnits .priceBox.active:after,.unit-list .locationListing .locationUnits .priceBox.active:after {
    content: "";
    z-index: 10;
    display: block;
    position: absolute;
    left: 50%;
    width: 0;
    height: 0;
    opacity: 1;
    margin-left: -20px;
    bottom: -3rem;
    border-left: 14px solid transparent;
    border-right: 14px solid transparent;
    border-bottom: 20px solid #5c0f8b
}

#location-list .locationListing .locationUnits .priceBox a:link,.unit-list .locationListing .locationUnits .priceBox a:link {
    color: #5c0f8b!important;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    background: #fff;
    border: 1px solid #5c0f8b;
    border-radius: 10px;
    padding: 2rem;
    text-align: left;
    height: 100%
}

#location-list .locationListing .locationUnits .priceBox a:link:visited,.unit-list .locationListing .locationUnits .priceBox a:link:visited {
    color: #5c0f8b
}

#location-list .locationListing .locationUnits .priceBox a:link:hover,.unit-list .locationListing .locationUnits .priceBox a:link:hover {
    background: #f1f2f2
}

#location-list .locationListing .locationUnits .priceBox a:link.last,.unit-list .locationListing .locationUnits .priceBox a:link.last {
    font-weight: 500;
    font-size: 1.8rem;
    min-height: 137px;
    color: #5c0f8b
}

#location-list .locationListing .locationUnits .priceBox a:link.last:visited,.unit-list .locationListing .locationUnits .priceBox a:link.last:visited {
    color: #5c0f8b
}

#location-list .locationListing .locationUnits .priceBox a:link span,.unit-list .locationListing .locationUnits .priceBox a:link span {
    color: #5c0f8b;
    text-transform: uppercase;
    display: block;
    flex: 0 0 100%
}

#location-list .locationListing .locationUnits .priceBox a:link span.starting-at,.unit-list .locationListing .locationUnits .priceBox a:link span.starting-at {
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif;
    font-size: 1.6rem;
    line-height: 1;
    margin-bottom: 5px
}

#location-list .locationListing .locationUnits .priceBox a:link span.special-flag,.unit-list .locationListing .locationUnits .priceBox a:link span.special-flag {
    margin-bottom: 10px;
    display: flex;
    align-items: center
}

#location-list .locationListing .locationUnits .priceBox a:link span.special-flag:after,.unit-list .locationListing .locationUnits .priceBox a:link span.special-flag:after {
    content: " ";
    display: inline-block;
    height: 22px;
    width: 22px;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/new-arrow-down.png) center center no-repeat;
    background-size: contain;
    margin-left: 10px
}

#location-list .locationListing .locationUnits .priceBox a:link span.special-flag.font16:after,.unit-list .locationListing .locationUnits .priceBox a:link span.special-flag.font16:after {
    height: 18px;
    width: 18px
}

#location-list .locationListing .locationUnits .priceBox a:link span.stationnement,.unit-list .locationListing .locationUnits .priceBox a:link span.stationnement {
    font-size: 1.6rem;
    margin: 6px 0
}

#location-list .locationListing .locationPriceList,.unit-list .locationListing .locationPriceList {
    flex-basis: 65%;
    display: flex;
    align-items: center
}

@media only screen and (max-width: 991px) {
    #location-list .locationListing .locationPriceList,.unit-list .locationListing .locationPriceList {
        flex-basis:100%;
        width: 100%;
        padding: 0 3rem;
        flex-direction: column
    }
}

#location-list .locationListing .locationPriceList .locationPrices,.unit-list .locationListing .locationPriceList .locationPrices {
    flex: 0 0 50%;
    max-width: 50%
}

@media only screen and (max-width: 991px) {
    #location-list .locationListing .locationPriceList .locationPrices,.unit-list .locationListing .locationPriceList .locationPrices {
        flex-basis:100%;
        width: 100%;
        max-width: 85%
    }
}

@media only screen and (max-width: 460px) {
    #location-list .locationListing .locationPriceList .locationPrices,.unit-list .locationListing .locationPriceList .locationPrices {
        max-width:100%
    }
}

#location-list .locationListing .locationPriceList .locationPrices ul,.unit-list .locationListing .locationPriceList .locationPrices ul {
    margin-bottom: 0;
    padding-left: 0;
    list-style: none
}

#location-list .locationListing .locationPriceList .locationPrices ul li,.unit-list .locationListing .locationPriceList .locationPrices ul li {
    font-size: 2.3rem;
    width: 65%
}

@media only screen and (max-width: 991px) {
    #location-list .locationListing .locationPriceList .locationPrices ul li,.unit-list .locationListing .locationPriceList .locationPrices ul li {
        width:100%
    }
}

#location-list .locationListing .locationPriceList .locationPrices ul li span,.unit-list .locationListing .locationPriceList .locationPrices ul li span {
    float: right;
    color: #5c0f8b;
    font-weight: 700;
    font-size: 2.5rem
}

#location-list .locationListing .locationPriceList .locationPrices p,.unit-list .locationListing .locationPriceList .locationPrices p {
    font-size: 2.5rem;
    margin-bottom: 10px;
    font-weight: 700;
    color: #5c0f8b
}

#location-list .locationListing .locationPriceList .locationPrices .promotion-text,.unit-list .locationListing .locationPriceList .locationPrices .promotion-text {
    display: block;
    margin-top: 10px;
    font-style: italic;
    font-size: 1.8rem
}

#location-list .locationListing .locationPriceList .locationCTA,.unit-list .locationListing .locationPriceList .locationCTA {
    flex: 0 0 50%;
    max-width: 50%;
    text-align: center
}

@media only screen and (max-width: 991px) {
    #location-list .locationListing .locationPriceList .locationCTA,.unit-list .locationListing .locationPriceList .locationCTA {
        flex-basis:100%;
        max-width: 100%;
        margin-top: 20px;
        padding: 0 3rem
    }
}

#location-list .locationListing:last-of-type .row,.unit-list .locationListing:last-of-type .row {
    border-bottom: none
}

#location-list .locationListing .location-units-list,.unit-list .locationListing .location-units-list {
    width: 100%;
    display: flex;
    flex-direction: column;
    padding: 20px
}

#location-list .locationListing .location-units-list.active,.unit-list .locationListing .location-units-list.active {
    margin-top: 3rem;
    border: 1px solid #5c0f8b
}

@media only screen and (min-width: 768px) {
    #location-list .locationListing .location-units-list.active,.unit-list .locationListing .location-units-list.active {
        max-height:380px;
        overflow-y: auto
    }
}

#location-list .locationListing .location-units-list .single-unit,.unit-list .locationListing .location-units-list .single-unit {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 2rem 0;
    border-bottom: 2px solid #ced6d6;
    align-items: center
}

#location-list .locationListing .location-units-list .single-unit:last-of-type,.unit-list .locationListing .location-units-list .single-unit:last-of-type {
    border-bottom: none
}

#location-list .locationListing .location-units-list .single-unit.hidden,.unit-list .locationListing .location-units-list .single-unit.hidden {
    display: none
}

#location-list .locationListing .location-units-list .single-unit .unit-size,.unit-list .locationListing .location-units-list .single-unit .unit-size {
    flex-basis: 13%
}

#location-list .locationListing .location-units-list .single-unit .unit-size span,.unit-list .locationListing .location-units-list .single-unit .unit-size span {
    display: block
}

#location-list .locationListing .location-units-list .single-unit .unit-size p,.unit-list .locationListing .location-units-list .single-unit .unit-size p {
    color: #5c0f8b;
    font-size: 4rem;
    font-weight: 400
}

#location-list .locationListing .location-units-list .single-unit .unit-features,.unit-list .locationListing .location-units-list .single-unit .unit-features {
    flex-basis: 18%
}

#location-list .locationListing .location-units-list .single-unit .unit-features span,.unit-list .locationListing .location-units-list .single-unit .unit-features span {
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif;
    color: #5c0f8b;
    display: block;
    width: 100%
}

#location-list .locationListing .location-units-list .single-unit .unit-price,.unit-list .locationListing .location-units-list .single-unit .unit-price {
    flex-basis: 40%
}

#location-list .locationListing .location-units-list .single-unit .unit-price p,.unit-list .locationListing .location-units-list .single-unit .unit-price p {
    color: #5c0f8b;
    font-size: 4rem;
    font-weight: 400
}

#location-list .locationListing .location-units-list .single-unit .unit-price.discounted,.unit-list .locationListing .location-units-list .single-unit .unit-price.discounted {
    display: flex;
    align-items: center
}

#location-list .locationListing .location-units-list .single-unit .unit-price.discounted p,.unit-list .locationListing .location-units-list .single-unit .unit-price.discounted p {
    flex-basis: 50%;
    padding: 10px
}

#location-list .locationListing .location-units-list .single-unit .unit-price.discounted p:first-child,.unit-list .locationListing .location-units-list .single-unit .unit-price.discounted p:first-child {
    text-decoration: line-through;
    margin-bottom: 1rem
}

#location-list .locationListing .location-units-list .single-unit .unit-price.discounted p:last-child,.unit-list .locationListing .location-units-list .single-unit .unit-price.discounted p:last-child {
    font-size: 2rem;
    color: #F05323
}

#location-list .locationListing .location-units-list .single-unit .rent-hold,.unit-list .locationListing .location-units-list .single-unit .rent-hold {
    flex-basis: 22%;
    display: flex;
    flex-direction: column
}

#location-list .locationListing .location-units-list .single-unit .rent-hold button,.unit-list .locationListing .location-units-list .single-unit .rent-hold button {
    margin-bottom: 10px
}

#location-list .locationListing .location-units-list .single-unit .rent-hold .few-left,.unit-list .locationListing .location-units-list .single-unit .rent-hold .few-left {
    text-transform: uppercase;
    color: #F05323;
    font-family: "ITCAvantGardePro-MdObl","Roboto",sans-serif
}

#location-list .locationListing .location-units-list .phone,.unit-list .locationListing .location-units-list .phone {
    display: flex;
    justify-content: center;
    color: #5c0f8b
}

#location-list .locationListing .location-units-list .phone:before,.unit-list .locationListing .location-units-list .phone:before {
    content: "";
    display: inline-block;
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/new-small-call-icon.png);
    background-repeat: no-repeat;
    background-position: left center;
    color: #5c0f8b;
    width: 30px;
    height: 30px
}

.orangeBorderBottom {
    border-bottom: 3px solid #F05323;
    margin-bottom: 4rem;
    position: relative
}

.orangeBorderBottom .row {
    padding-bottom: 10px
}

@media only screen and (max-width: 575px) {
    .orangeBorderBottom {
        margin-bottom:100px
    }
}

.loadMoreUnitsBtn {
    background: #F05323;
    border-radius: 0;
    border: none;
    font-size: 2rem;
    color: #fff!important;
    padding: 1rem 0;
    text-transform: uppercase;
    width: 220px;
    text-align: center;
    display: inline;
    margin: 20px auto 0
}

.singleLocationTitle h1 {
    margin-bottom: 0;
    font-size: 4rem;
    text-transform: uppercase
}

.singleLocationTitle .subtitle {
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif;
    color: #F05323;
    text-transform: uppercase
}

.singleLocationPhone>div {
    display: flex;
    justify-content: flex-end
}

.singleLocationPhone>div a {
    display: flex;
    align-items: center
}

.singleLocationPhone>div a img {
    margin-right: 2rem
}

@media only screen and (max-width: 991px) {
    .singleLocationPhone>div a img {
        width:25px
    }
}

.singleLocationPhone>div a span {
    font-size: 3rem;
    color: #5c0f8b;
    font-weight: 500;
    font-family: "AvantGardeGothicITCW02Bd","Roboto",sans-serif
}

@media only screen and (max-width: 575px) {
    .singleLocationPhone {
        position:absolute;
        bottom: -70px
    }

    .singleLocationPhone>div {
        display: block
    }
}

.singleLocationAddress {
    margin-bottom: 3rem
}

.singleLocationAddress span {
    display: block;
    margin-bottom: 2rem;
    color: #5c0f8b;
    font-size: 3rem;
    line-height: 1.3;
    font-family: "AvantGardeGothicITCW02Bd","Roboto",sans-serif
}

.singleLocationOfficeHours h3 {
    color: #F05323;
    font-size: 2.4rem;
    font-weight: 500
}

.singleLocationOfficeHours p {
    margin-bottom: 0;
    line-height: 1.3
}

.singleLocationOfficeHours .hoursTable tr td {
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif;
    font-weight: 500
}

.singleLocationOfficeHours .hoursTable tr td:last-child {
    padding-left: 50px
}

.singleLocationGateHours .gateAccessHours {
    font-weight: 500;
    font-family: "AvantGardeGothicITCW01Md","Roboto",sans-serif
}

.singleLocationGateHours p {
    font-family: "ITCAvantGardePro-MdObl","Roboto",sans-serif;
    font-weight: 500;
    margin-bottom: 1.5rem
}

.singleLocationGateHours p a {
    font-family: "ITCAvantGardePro-MdObl","Roboto",sans-serif;
    font-weight: 500
}

.singleLocationGateHours .covid-note,.singleLocationGateHours .covid-note a {
    font-size: 1.5rem
}

.singleLocationPage .singleLocationMapImageWrap .singleLocationMap,.singleLocationPage .singleLocationMapImageWrap .singleLocationPhoto {
    flex-basis: 50%
}

.workForUsBenefitsSingleLocation .flexThird {
    background: #fff;
    padding: 2rem .2rem;
    text-align: center;
    height: 48%
}

.workForUsBenefitsSingleLocation .flexThird:nth-child(-n+3) {
    margin-bottom: 3.5%!important
}

.workForUsBenefitsSingleLocation .flexThird:nth-child(n+3) {
    margin-bottom: 0!important
}

.workForUsBenefitsSingleLocation .flexThird img {
    margin-bottom: 3rem
}

.workForUsBenefitsSingleLocation .flexThird h3 {
    font-size: 2.2rem;
    font-weight: 700
}

.whyStoreWithUs>div {
    flex: 0 0 50%;
    margin: 10px 0;
    display: flex;
    align-items: center
}

.whyStoreWithUs>div img {
    margin-right: 20px
}

.whyStoreWithUs>div span {
    font-family: "ITCAvantGardeW04-Demi","Roboto",sans-serif;
    text-transform: uppercase;
    color: #636f84
}

@media only screen and (max-width: 575px) {
    .whyStoreWithUs>div {
        flex:0 0 100%
    }
}

hr.plusIcon {
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    padding-top: 40px;
    border-top: 2px solid #F05323
}

hr.plusIcon:after {
    content: " ";
    position: absolute;
    display: inline-block;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/why-store-with-us/decorative-plus-icon.png) center center no-repeat #fff;
    height: 80px;
    width: 80px;
    bottom: 0;
    left: calc(50% - 40px)
}

#choose-your-storage #location-list .locationListing {
    padding: 3rem 0rem 6rem
}

#choose-your-storage #location-list .locationListing .location-units-list.active,#choose-your-storage .unit-list .locationListing .location-units-list.active,.choose-your-storage #location-list .locationListing .location-units-list.active,.choose-your-storage .unit-list .locationListing .location-units-list.active {
    border: none;
    padding: 0 2rem;
    border-bottom: 4px solid #F05323
}

@media only screen and (min-width: 768px) {
    #choose-your-storage #location-list .locationListing .location-units-list.active,#choose-your-storage .unit-list .locationListing .location-units-list.active,.choose-your-storage #location-list .locationListing .location-units-list.active,.choose-your-storage .unit-list .locationListing .location-units-list.active {
        max-height:none;
        overflow-y: initial
    }
}

#choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-size,#choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-size,.choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-size,.choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-size {
    flex-basis: 18%
}

#choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-size p,#choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-size p,.choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-size p,.choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-size p {
    font-size: 5.5rem
}

#choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-price,#choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-price,.choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-price,.choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-price {
    flex-basis: 40%
}

#choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-price p,#choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-price p,.choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-price p,.choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-price p {
    font-size: 5.5rem
}

#choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-price.discounted p:last-child,#choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-price.discounted p:last-child,.choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .unit-price.discounted p:last-child,.choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-price.discounted p:last-child {
    font-size: 2rem
}

#choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .rent-hold,#choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .rent-hold,.choose-your-storage #location-list .locationListing .location-units-list.active .single-unit .rent-hold,.choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .rent-hold {
    flex-basis: 18%
}

#choose-your-storage #location-list .locationUnits .priceBox.active:after,#choose-your-storage .unit-list .locationUnits .priceBox.active:after,.choose-your-storage #location-list .locationUnits .priceBox.active:after,.choose-your-storage .unit-list .locationUnits .priceBox.active:after {
    margin-left: -42px;
    bottom: -6rem;
    border-left: 28px solid transparent;
    border-right: 28px solid transparent;
    border-bottom: 40px solid #FFF
}

#choose-your-storage #location-list .locationUnits .priceBox a:link,#choose-your-storage .unit-list .locationUnits .priceBox a:link,.choose-your-storage #location-list .locationUnits .priceBox a:link,.choose-your-storage .unit-list .locationUnits .priceBox a:link {
    border: 0
}

#choose-your-storage #location-list .locationUnits .priceBox a .stationnement,#choose-your-storage .unit-list .locationUnits .priceBox a .stationnement,.choose-your-storage #location-list .locationUnits .priceBox a .stationnement,.choose-your-storage .unit-list .locationUnits .priceBox a .stationnement {
    font-size: 2rem
}

.locationListing .locationAddress .locationListingPhone,.locationListing .locationAddress .locationListingPhone:visited {
    color: #5c0f8b!important
}

.locationListing.noResults {
    padding: 20px!important;
    text-align: center
}

.locationListing.noResults p {
    color: red;
    font-weight: 700
}

.additionalFeatures {
    padding: 3rem
}

.additionalFeatures h2 {
    margin-bottom: 3rem
}

.additionalFeatures ul li {
    color: #5c0f8b;
    font-weight: 500;
    margin-bottom: 1rem;
    font-size: 2.2rem;
    font-weight: 700
}

.singleLocationContent h1,.singleLocationContent h2,.singleLocationContent h3,.singleLocationContent h4,.singleLocationContent h5 {
    color: #5c0f8b
}

.singleLocationContent .quick-facts {
    display: flex;
    align-items: center;
    border-radius: 10px;
    padding: 40px!important
}

.singleLocationContent .quick-facts>div:first-child {
    flex: 0 0 280px
}

.singleLocationContent .quick-facts>div:first-child img {
    border-radius: 50%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 250px;
    width: 250px
}

@media only screen and (max-width: 991px) {
    .singleLocationContent .quick-facts {
        display:block
    }

    .singleLocationContent .quick-facts>div:first-child {
        text-align: center;
        margin-bottom: 4rem
    }
}

.singleLocationContent .smallBoxes .whiteBg {
    height: 100%
}

@media only screen and (max-width: 575px) {
    .singleLocationContent .smallBoxes .paddingR10 {
        padding-right:0!important
    }

    .singleLocationContent .smallBoxes .paddingL10 {
        padding-left: 0!important
    }
}

.cityNotSureButton {
    width: 100%;
    color: #fff!important;
    text-align: center;
    margin-bottom: 5rem
}

.locationHeadingIcon {
    flex-basis: 13rem;
    margin-right: 2rem
}

.table-striped thead {
    border: none;
    background: #5c0f8b
}

.table-striped thead tr th {
    color: #FFF;
    border: none;
    font-size: 2.4rem;
    font-weight: 500;
    padding: 1rem
}

.table-striped tbody tr:nth-of-type(even) {
    background: #FFF
}

.table-striped tbody tr:nth-of-type(odd) {
    background: none
}

.table-striped tbody tr td,.table-striped tbody tr th {
    vertical-align: middle;
    border: none;
    font-weight: 300
}

.applyButton {
    margin-right: 4rem
}

.fullWidthPost {
    justify-content: space-between
}

.fullWidthPost .col:first-child {
    padding: 3rem;
    background: #f1f2f2
}

.fullWidthPost .col:first-child a.categoryLink {
    display: inline-block;
    margin-bottom: 1rem
}

.fullWidthPost .col:first-child h3 {
    margin-bottom: 1rem;
    line-height: 1.1
}

.fullWidthPost .col:first-child .fullWidthPostExcerpt {
    margin-bottom: 1rem
}

.fullWidthPost .col:first-child .excerptMoreLink {
    display: block;
    margin-bottom: 1rem
}

.fullWidthPost .col:first-child .tag:link,.fullWidthPost .col:first-child .tag:visited {
    color: #414042;
    font-weight: 300
}

.fullWidthPost .col:first-child .tag:hover {
    color: #5c0f8b
}

.fullWidthPost .col:last-child {
    padding: 0;
    text-align: right;
    background: #f1f2f2
}

.fullWidthPost .fullWidthPostImage img {
    height: 100%
}

.flexThirdPosts .flexThird.recentPost {
    margin-bottom: 4rem
}

.flexThirdPosts .flexThird.recentPost:hover {
    opacity: .7
}

.flexThirdPosts .flexThird.recentPost .recentPostThirdThumb {
    max-height: 213px;
    overflow: hidden
}

.flexThirdPosts .flexThird.recentPost .recentPostThirdThumb img {
    width: 100%
}

.flexThirdPosts .flexThird.recentPost a.categoryLink {
    display: inline-block;
    margin: 2rem 0
}

.flexThirdPosts .flexThird.recentPost h2,.flexThirdPosts .flexThird.recentPost h3 {
    padding-right: 4rem;
    margin-bottom: 0;
    font-size: 3rem;
    line-height: 1.2
}

.flexThirdPosts .flexThird.recentPost .tag:link,.flexThirdPosts .flexThird.recentPost .tag:visited {
    color: #414042;
    font-weight: 300
}

.flexThirdPosts .flexThird.recentPost .tag:hover {
    color: #F05323
}

.flexThirdPosts.justify-content-start .flexThird {
    margin-left: 2%
}

.flexThirdPosts.justify-content-start .flexThird:first-child {
    margin-left: 0
}

.flexThirdPosts.justify-content-start .flexThird:nth-child(3n+1) {
    margin-left: 0
}

.singlePostCategoryDate {
    margin-bottom: 4rem
}

.singlePostCategoryDate .singlePostCategory {
    margin-right: 3rem
}

.blog-article h2,.blog-article h3,.blog-article h4,.blog-article h5,.blog-article h6 {
    color: #F05323
}

.next-prev div {
    margin-left: 4rem
}

.singlePostThumb {
    max-width: 40%;
    float: right;
    margin-left: 2rem;
    margin-bottom: 2rem
}

.blog h1,.blog h1 strong,.arvchive.category h1,.arvchive.category h1 strong,.single-post h1,.single-post h1 strong,.archive.tag h1,.archive.tag h1 strong {
    font-size: 4.2rem
}

.blog h2,.blog h2 strong,.arvchive.category h2,.arvchive.category h2 strong,.single-post h2,.single-post h2 strong,.archive.tag h2,.archive.tag h2 strong {
    font-size: 3.2rem
}

.blog h3,.arvchive.category h3,.single-post h3,.archive.tag h3 {
    font-size: 2.7rem
}

.blog .categoryHeadingWrap h2.whiteText,.arvchive.category .categoryHeadingWrap h2.whiteText,.single-post .categoryHeadingWrap h2.whiteText,.archive.tag .categoryHeadingWrap h2.whiteText {
    font-size: 3.8rem
}

.authorInformation {
    background: #fafafa;
    padding: 20px;
    margin-bottom: 20px;
    display: flex;
    margin-top: 20px
}

.authorInformation img {
    align-self: flex-start;
    margin-right: 20px
}

.authorInformation h4 {
    font-size: 24px
}

#sc_pay_bill_dashbaord table {
    width: 100%
}

#sc_pay_bill_dashbaord .fade-enter-active,#sc_pay_bill_dashbaord .fade-leave-active {
    transition: all .5s ease
}

#sc_pay_bill_dashbaord .fade-enter,#sc_pay_bill_dashbaord .fade-leave-to {
    opacity: 0
}

@media only screen and (min-width: 1199px) {
    .hideDesktop {
        display:none
    }

    .hideTablet {
        display: none
    }
}

@media only screen and (min-width: 991px) {
    .hideTablet {
        display:none
    }
}

@media only screen and (max-width: 767px) {
    .firstMonthCouple {
        padding-bottom:0
    }

    .firstMonthCouple .textRight {
        text-align: center
    }

    .firstMonthCouple .textRight h2 {
        text-shadow: 0 0 5px rgba(0,0,0,.5)
    }

    .uploadResumeForm {
        padding: 0
    }

    .uploadResumeForm div.inputsWrap {
        padding: 5rem 0
    }

    .packingSupplyItem:nth-child(2n+1) {
        margin-left: 0!important
    }

    .paddingT0Mobile {
        padding-top: 0
    }
}

@media only screen and (max-width: 575px) {
    .container .row .col {
        padding:15px
    }

    .container .row .col:not(.firstMonthCol) {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .container .row .col:not(.firstMonthCol) h1 {
        text-align: center
    }

    .productCategoryLink.flexQuarter {
        width: 100%;
        max-width: 100%;
        flex: 0 0 100%
    }

    .productCategoryLink.flexQuarter h3 {
        height: auto
    }

    .productCategoryLink {
        margin-left: 0px!important
    }

    .faqQuestionList {
        margin-bottom: 50px
    }

    .faqQuestionList .faqQuestionLinks li {
        background: url(../../../../../../themes/netstrap-child-public-storage/images/list-cheverons.jpg) no-repeat left 0rem
    }

    .flexQuarter {
        flex-basis: 100%!important
    }

    .packingSupplyItem {
        margin-left: 0!important
    }

    .featureSlider {
        padding-bottom: 0
    }

    .environmentalInitiatives {
        background-position: -850px center
    }

    .home .mast.page-mast {
        padding-bottom: 0rem!important
    }

    .slick-testimonial-prev {
        left: -20px
    }

    .slick-testimonial-next {
        right: -20px
    }

    .hideMobile {
        display: none
    }

    .firstMonthCouple h2 {
        position: relative;
        top: 50px
    }

    body.page-id-63 .firstMonthCol .font221 {
        font-size: 15.1rem
    }

    .home .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign.frenchDollarDollarSign {
        left: -20px
    }

    .single-unit:not(.hidden) {
        display: block!important
    }

    .singleLocationTitle h1 {
        text-align: left!important
    }

    .singleLocationTitle .singleLocationPhone {
        justify-content: flex-start
    }
}

footer {
}

footer p,footer li,footer a {
}

@media screen and (max-width: 991px) {
    footer .justify-content-between {
        justify-content:center!important
    }
}

footer .footer-left {
    padding: 0 29px
}

footer .footer-left .leaf-wrapper {
    flex: 0 0 56px;
    padding: 0 10px;
    max-width: 56px
}

footer .footer-left .leaf-wrapper+div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

footer .footer-left .leaf-wrapper+div p {
    flex: 0 0 100%;
    padding: 0 10px
}

@media screen and (max-width: 991px) {
    footer .footer-left .leaf-wrapper+div p {
        margin-bottom:10px
    }
}

footer .footer-left .mostTrusted {
    display: flex;
    align-items: flex-start
}

footer .footer-left .mostTrusted img {
    margin-right: 20px
}

footer .footer-left .associatedLogos {
    margin-top: 25px;
    display: flex;
    justify-content: space-between
}

footer .footer-middle {
    display: flex;
    justify-content: space-between
}

footer .footer-middle>.sb-widget-area {
    flex: 1 0 60%;
    width: 60%
}

footer .footer-middle ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 160px
}

footer .footer-middle ul>li {
    flex: 0 0 auto;
    margin-bottom: 8px;
    max-width: 125px
}

footer .footer-middle ul>li a {
    color: #FFF
}

footer .footer-middle ul #footerGetStorageForm {
    cursor: pointer
}

@media screen and (max-width: 991px) {
    footer .footer-middle {
        margin-top:15px
    }

    footer .footer-middle ul {
        max-height: 145px
    }
}

@media screen and (max-width: 410px) {
    footer .footer-middle {
        justify-content:space-evenly
    }

    footer .footer-middle>.sb-widget-area {
        flex: 0 0 auto;
        width: auto
    }

    footer .footer-middle ul {
        display: block;
        max-height: none
    }
}

footer .footer-right {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center
}

footer .footer-right p {
    align-self: flex-end
}

@media screen and (max-width: 991px) {
    footer .footer-right {
        display:block;
        text-align: center
    }

    footer .footer-right p {
        margin-top: 15px
    }
}

.new-scroll-to-top {
    width: 50px;
    height: 50px;
    background: url(../../../../../../themes/netstrap-child-public-storage/images/new-scroll-to-top.png) no-repeat center center;
    text-decoration: none;
    position: fixed;
    bottom: 4rem;
    left: 4rem;
    display: none;
    cursor: pointer;
    z-index: 99999999
}

.modal-open .new-scroll-to-top,.modal-open #chat-div-wrap,.modal-open .button-iframe-wrap {
    display: none!important
}

header.mobileHeader {
    display: none
}

.close-nav.open {
    display: block;
    max-width: 100%;
    transform: translateX(0)
}

.close-nav {
    width: 481px;
    background: #5c0f8b;
    z-index: 100
}

header #mobileMainNav2 {
    height: 100%!important
}

header #mobileMainNav,header #mobileMainNav2 {
    background: #FFF;
    height: auto;
    box-shadow: 5px 5px 10px -4px #999;
    border-right: none;
    width: 481px!important;
    left: -600px;
    height: 100%
}

header #mobileMainNav.open,header #mobileMainNav2.open {
    left: 0
}

header #mobileMainNav .mobilePopUpButtons,header #mobileMainNav2 .mobilePopUpButtons {
    justify-content: flex-start!important
}

header #mobileMainNav .mobilePopUpButtons .button,header #mobileMainNav .mobilePopUpButtons .payBillButton,header #mobileMainNav2 .mobilePopUpButtons .button,header #mobileMainNav2 .mobilePopUpButtons .payBillButton {
    width: 28%;
    margin-left: 2rem;
    color: #FFF;
    background: #F05323
}

header #mobileMainNav .mobilePopUpButtons .button.payBillButton,header #mobileMainNav .mobilePopUpButtons .payBillButton.payBillButton,header #mobileMainNav2 .mobilePopUpButtons .button.payBillButton,header #mobileMainNav2 .mobilePopUpButtons .payBillButton.payBillButton {
    padding: 1rem 2rem 1rem 4rem;
    background-image: url(../../../../../../themes/netstrap-child-public-storage/images/mobile-menu-lock-icon.png);
    background-repeat: no-repeat;
    background-position: 15px center;
    width: 30%
}

header #mobileMainNav #menu-mobile-menu-1,header #mobileMainNav #menu-mobile-menu-french,header #mobileMainNav #menu-mobile-menu-french-1,header #mobileMainNav2 #menu-mobile-menu-1,header #mobileMainNav2 #menu-mobile-menu-french,header #mobileMainNav2 #menu-mobile-menu-french-1 {
    list-style: none;
    padding: 0
}

header #mobileMainNav #menu-mobile-menu-1 li,header #mobileMainNav #menu-mobile-menu-french li,header #mobileMainNav #menu-mobile-menu-french-1 li,header #mobileMainNav2 #menu-mobile-menu-1 li,header #mobileMainNav2 #menu-mobile-menu-french li,header #mobileMainNav2 #menu-mobile-menu-french-1 li {
    padding: 0rem 1.5rem;
    margin-bottom: 0
}

header #mobileMainNav #menu-mobile-menu-1 li a,header #mobileMainNav #menu-mobile-menu-french li a,header #mobileMainNav #menu-mobile-menu-french-1 li a,header #mobileMainNav2 #menu-mobile-menu-1 li a,header #mobileMainNav2 #menu-mobile-menu-french li a,header #mobileMainNav2 #menu-mobile-menu-french-1 li a {
    color: #414042;
    display: block;
    padding: 2rem 0;
    font-weight: 500;
    font-size: 2rem
}

header #mobileMainNav #menu-mobile-menu-1 li a span.subMenuTrigger,header #mobileMainNav #menu-mobile-menu-french li a span.subMenuTrigger,header #mobileMainNav #menu-mobile-menu-french-1 li a span.subMenuTrigger,header #mobileMainNav2 #menu-mobile-menu-1 li a span.subMenuTrigger,header #mobileMainNav2 #menu-mobile-menu-french li a span.subMenuTrigger,header #mobileMainNav2 #menu-mobile-menu-french-1 li a span.subMenuTrigger {
    height: 20px;
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 22.5rem
}

header #mobileMainNav #menu-mobile-menu-1 li a span.subMenuTrigger:hover,header #mobileMainNav #menu-mobile-menu-french li a span.subMenuTrigger:hover,header #mobileMainNav #menu-mobile-menu-french-1 li a span.subMenuTrigger:hover,header #mobileMainNav2 #menu-mobile-menu-1 li a span.subMenuTrigger:hover,header #mobileMainNav2 #menu-mobile-menu-french li a span.subMenuTrigger:hover,header #mobileMainNav2 #menu-mobile-menu-french-1 li a span.subMenuTrigger:hover {
    cursor: pointer
}

header #mobileMainNav #menu-mobile-menu-1 li .sub-menu,header #mobileMainNav #menu-mobile-menu-french li .sub-menu,header #mobileMainNav #menu-mobile-menu-french-1 li .sub-menu,header #mobileMainNav2 #menu-mobile-menu-1 li .sub-menu,header #mobileMainNav2 #menu-mobile-menu-french li .sub-menu,header #mobileMainNav2 #menu-mobile-menu-french-1 li .sub-menu {
    list-style: none;
    display: none
}

header #mobileMainNav2 li a span.subMenuTrigger {
    position: relative!important;
    margin-left: 2rem;
    right: auto!important
}

@media only screen and (max-width: 1250px) {
    header .header-nav {
        width:74%
    }

    header .header-nav #mainNav.desktopMenu #menu-desktop-menu.menu>li {
        margin-left: 2.2rem
    }

    header .header-nav #mainNav.desktopMenu #menu-desktop-menu.menu li a {
        font-size: 1.8rem
    }

    header .header-nav #mainNav.desktopMenu a.button.getStorageButton {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 1200px) {
    .calculator-wrap .calc-right {margin-top: 1rem;}
    
    .mast.page-mast.careers-mast .container.mast-overlay {
        width:100%;
        transform: translate(0,0%)
    }

    .mast.page-mast.careers-mast .container.mast-overlay .overlayContent {
        position: relative;
        padding: 0;
        flex-basis: 50%;
        max-width: 50%
    }

    .mast.page-mast.careers-mast .container.mast-overlay .overlayContent h1 {
        font-size: 4rem
    }
}

@media only screen and (max-width: 1198px) {
    header .header-nav {
        width:74%
    }

    header .header-nav #mainNav.desktopMenu #menu-desktop-menu.menu>li {
        margin-left: 2.2rem
    }

    header .header-nav #mainNav.desktopMenu #menu-desktop-menu.menu li a {
        font-size: 1.8rem
    }

    header .header-nav #mainNav.desktopMenu a.button.getStorageButton {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 991px) {
    header {
        /*display:none*/
        box-shadow: none;
    }

    header.mobileHeader {
        display: block
    }

    header.mobileHeader .container .row {
        padding: 3rem 0
    }

    header.mobileHeader .container .row .mobileIcons {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        width: 100%
    }

    header.mobileHeader .container .row .mobileIcons .navToggleContainer {
        flex-basis: 20%;
        text-align: left
    }

    header.mobileHeader .container .row .mobileIcons .navToggleContainer .nav-toggle {
        color: #F05323;
        font-size: 4rem
    }

    header.mobileHeader .container .row .mobileIcons .logo.mobileLogo {
        margin-bottom: 0;
        flex-basis: 60%;
        text-align: center
    }

    header.mobileHeader .container .row .mobileIcons .logo.mobileLogo img {
        margin-bottom: 0;
        width: 90px
    }

    header.mobileHeader .container .row .mobileIcons .mobilePhone {
        flex-basis: 20%;
        text-align: right
    }

    header.mobileHeader .container .row .mobileIcons .mobilePhone .mobilePhoneDisplayNone {
        display: none
    }

    .mast.page-mast.careers-mast {
        background: #FFF
    }

    .mast.page-mast.careers-mast .container.mast-overlay {
        width: 100%;
        transform: translate(0,0%);
        position: absolute
    }

    .mast.page-mast.careers-mast .container.mast-overlay .overlayContent {
        padding: 0 20px;
        position: relative;
        flex-basis: 50%;
        max-width: 50%;
        background: none;
        box-shadow: none
    }

    .mast.page-mast.careers-mast .container.mast-overlay .overlayContent h1 {
        font-size: 3.4rem
    }
}

@media only screen and (max-width: 768px) {
    .mast.page-mast.careers-mast {
        background:#FFF
    }

    .mast.page-mast.careers-mast .container.mast-overlay {
        height: 100%;
        flex-basis: 100%!important
    }

    .mast.page-mast.careers-mast .container.mast-overlay .overlayContent {
        transform: initial;
        padding: 0 20px;
        position: relative;
        flex-basis: 100%;
        max-width: 100%;
        background: none;
        box-shadow: none;
        padding-left: 180px;
        align-items: center;
        display: flex;
        text-align: right
    }

    .mast.page-mast.careers-mast .container.mast-overlay .overlayContent h1 {
        font-size: 3.4rem
    }

    .mast.page-mast.careers-mast .container.mast-overlay .overlayContent p {
        display: none
    }
}

@media only screen and (max-width: 445px) {
    #menu-mobile-menu-1 li a span.subMenuTrigger,#menu-mobile-menu-french li a span.subMenuTrigger,#menu-mobile-menu-french-1 li a span.subMenuTrigger {
        height:20px;
        width: 20px;
        display: inline-block;
        vertical-align: middle;
        position: absolute;
        right: 5rem!important
    }

    #menu-mobile-menu-1 li a span.subMenuTrigger:hover,#menu-mobile-menu-french li a span.subMenuTrigger:hover,#menu-mobile-menu-french-1 li a span.subMenuTrigger:hover {
        cursor: pointer
    }
}

.mobileReposiveMenu {
    display: none
}

/*@media only screen and (max-width: 991px) {
    html,body {
        font-size:8px
    }
}*/

@media only screen and (max-width: 968px) {
    .single-location-map-image {
        flex-direction:column!important;
        justify-content: flex-end!important;
        align-self: flex-start
    }

    .single-location-map-image>div.col.col-md-6 {
        width: 80%;
        max-width: 80%;
        flex-basis: 80%
    }
}

@media only screen and (max-width: 768px) {
    .hideMobile {
        display:none
    }

    .flexThird {
        flex-basis: 100%
    }

    .flexThird .height100 {
        height: auto
    }

    .flexQuarter {
        flex-basis: 48%
    }

    .col-sm-10.col-10 {
        margin: 0 auto
    }

    .col-sm-10.col-10 img {
        display: block;
        margin: 0 auto 2rem
    }
}

@media only screen and (max-width: 600px) {
    .flexHalf {
        flex-basis:100%
    }
}

@media only screen and (max-width: 576px) {
    .col.col-10 {
        margin:0 auto
    }

    .col.col-10 img {
        display: block;
        margin: 0 auto
    }

    .dnone576 {
        display: none
    }
}

@media only screen and (max-width: 500px) {
    .flexThird,.flexQuarter {
        margin:0 auto
    }

    .flexThird img,.flexQuarter img {
        width: 100%;
        height: auto
    }
}

@media only screen and (max-width: 435px) {
    .single-location-details,.single-location-map-image {
        width:100%;
        max-width: 100%;
        flex-basis: 100%
    }

    .singleLocationGateHours {
        margin-bottom: 2rem
    }
}

@media only screen and (max-width: 1198px) {
    .home .container.mast-overlay>div p {
        margin-bottom:0rem
    }

    .home .container.mast-overlay>div p span.specialHeading {
        font-size: 4rem;
        margin-bottom: 1.4rem
    }

    .home .container.mast-overlay>div input {
        width: 34rem;
        margin-bottom: 1.4rem
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign {
        font-size: 8.2rem
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign+span {
        font-size: 19.1rem
    }

    .firstMonth1 .container .row .col:last-of-type p:first-of-type span {
        font-size: 6rem
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p span {
        font-size: 4.5rem
    }
}

@media only screen and (max-width: 991px) {
    .home .mast.page-mast {
        background:#f1f2f2;
        padding-bottom: 3rem
    }

    .home .mast.page-mast .container.mast-overlay {
        position: relative;
        transform: none;
        right: 0;
        left: 0
    }

    .home .mast.page-mast .container.mast-overlay>div {
        flex-basis: 100%;
        background: #FFF;
        padding: 6rem 2rem;
        box-shadow: 4px 4px 12px -2px #999
    }

    .home .mast.page-mast .container.mast-overlay>div img:first-of-type {
        display: none;
        visibility: hidden
    }

    .home .mast.page-mast .container.mast-overlay>div img:first-of-type+p {
        display: none;
        visibility: hidden
    }

    .home .mast.page-mast .container.mast-overlay>div p {
        margin-bottom: 1.5rem
    }

    .home .mast.page-mast .container.mast-overlay>div p span.specialHeading {
        font-size: 6.8rem;
        margin-bottom: 1.4rem
    }

    .home .mast.page-mast .container.mast-overlay>div input {
        width: 69rem;
        margin-bottom: .4rem;
        background: #f1f2f2;
        font-size: 2.6rem
    }

    .home .mast.page-mast .container.mast-overlay>div button {
        font-size: 2.6rem
    }

    .home .mast.page-mast .container.mast-overlay>div button~span {
        display: none;
        visibility: hidden
    }

    .home .mast.page-mast .container.mast-overlay>div .pageMastCall {
        display: none
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign {
        font-size: 6.2rem
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign+span {
        font-size: 16rem
    }

    .firstMonth1 .container .row .col:last-of-type p:first-of-type span {
        font-size: 5rem
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p span {
        font-size: 3.5rem
    }
}

@media only screen and (max-width: 768px) {
    .home .mast.page-mast .container.mast-overlay>div {
        max-width:100%
    }

    .home .mast.page-mast .container.mast-overlay>div input {
        max-width: 46rem;
        width: 46rem
    }
}

@media only screen and (max-width: 768px) {
    span.block768 {
        display:block!important
    }

    .home .mast.page-mast .container.mast-overlay>div p {
        margin-bottom: 0rem
    }

    .home .mast.page-mast .container.mast-overlay>div p span.specialHeading {
        font-size: 5.8rem
    }

    .home .mast.page-mast .container.mast-overlay>div input {
        width: 46rem;
        margin-bottom: 1.4rem;
        background: #f1f2f2;
        font-size: 2.6rem
    }

    .home .mast.page-mast .container.mast-overlay>div button {
        font-size: 2.6rem
    }

    .home .mast.page-mast .container.mast-overlay>div button~span {
        display: none;
        visibility: hidden
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign {
        font-size: 5.2rem;
        line-height: 8.5rem
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign+span {
        font-size: 11rem
    }

    .firstMonth1 .container .row .col:last-of-type p:first-of-type span {
        font-size: 4rem
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p span {
        font-size: 3rem
    }

    .mobileUnitSizesMenu {
        display: block!important
    }

    .desktopUnitSizesMenu {
        display: none
    }

    .slider-slide .container {
        flex-direction: column!important
    }

    .slider-slide .container .slider-content {
        order: 2
    }

    .slider-slide .container .slider-img {
        margin-bottom: 2rem
    }

    .relatedVideos {
        justify-content: center!important
    }

    .relatedVideos div {
        margin-bottom: 4rem
    }

    .relatedVideos div img,.relatedVideos div iframe {
        width: 100%;
        margin-bottom: 1.5rem
    }
}

@media only screen and (max-width: 576px) {
    .home .mast.page-mast .container.mast-overlay>div input {
        width:75%
    }

    .home .mast.page-mast .container.mast-overlay>div button {
        max-width: 25%
    }

    .tabContent {
        flex-direction: column
    }

    .tabContent .col-6 {
        max-width: 95%;
        width: 95%;
        margin: 0 auto
    }

    .home .reviewsContainer div .row {
        padding: 0rem 0rem 6.4rem
    }

    .home .reviewsContainer div .row #quick-feedback-reviews-widget {
        height: 630px!important
    }
}

@media only screen and (max-width: 525px) {
    .home .mast.page-mast .container.mast-overlay>div {
        max-width:100%
    }

    .home .mast.page-mast .container.mast-overlay>div input {
        max-width: 100%;
        width: 100%;
        margin-bottom: 2rem
    }

    .home .mast.page-mast .container.mast-overlay>div button {
        width: 100%;
        max-width: 100%
    }
}

@media only screen and (max-width: 510px) {
    .firstMonth1 .container .row .col:last-of-type p:first-of-type span {
        font-size:4rem!important
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p span {
        font-size: 4rem
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p a:link {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 450px) {
    .home .mast.page-mast .container.mast-overlay>div p span.specialHeading {
        font-size:4.8rem
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p a:link {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 420px) {
    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign {
        font-size:4.2rem;
        line-height: 8.5rem
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign+span {
        font-size: 9rem
    }

    .firstMonth1 .container .row .col:last-of-type p:first-of-type span {
        font-size: 3rem
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p span {
        font-size: 3rem
    }
}

@media only screen and (max-width: 410px) {
    .home.page-template-default .mast.page-mast .container.mast-overlay>div {
        padding:3rem 2rem
    }

    .home.page-template-default .mast.page-mast .container.mast-overlay>div span.font48 {
        font-size: 4.4rem
    }

    .home.page-template-default .mast.page-mast .container.mast-overlay>div input,.home.page-template-default .mast.page-mast .container.mast-overlay>div button {
        font-size: 1.8rem
    }
}

@media only screen and (max-width: 400px) {
    .firstMonth1 .container .row {
        align-items:center
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign {
        font-size: 4.2rem;
        line-height: 8.5rem
    }

    .firstMonth1 .container .row .col:first-of-type p span.dollarDollarSign+span {
        font-size: 9rem
    }

    .firstMonth1 .container .row .col:last-of-type p:first-of-type span {
        font-size: 3rem
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline {
        flex-direction: column!important
    }

    .firstMonth1 .container .row .col:last-of-type div.align-items-baseline p span {
        font-size: 3rem
    }
}

@media only screen and (max-width: 378px) {
    .home .mast.page-mast .container.mast-overlay>div span.font48 {
        font-size:4rem!important
    }
}

header .menuContainer #mobileMainNav .mobilePopUpButtons a,header .menuContainer #mobileMainNav2 .mobilePopUpButtons a {
    font-size: 1.7rem
}

header .menuContainer #mobileMainNav #menu-mobile-menu-french,header .menuContainer #mobileMainNav #menu-mobile-menu-french-1,header .menuContainer #mobileMainNav2 #menu-mobile-menu-french,header .menuContainer #mobileMainNav2 #menu-mobile-menu-french-1 {
    margin-top: 2rem
}

header .menuContainer #mobileMainNav #menu-mobile-menu-french li a,header .menuContainer #mobileMainNav #menu-mobile-menu-french-1 li a,header .menuContainer #mobileMainNav2 #menu-mobile-menu-french li a,header .menuContainer #mobileMainNav2 #menu-mobile-menu-french-1 li a {
    font-size: 1.7rem!important;
    padding-top: 1rem;
    padding-bottom: 1rem
}

@media only screen and (max-width: 1198px) {
    .get-packing-supplies .container>div>div {
        width:42%;
        flex: 42%
    }
}

@media only screen and (max-width: 991px) {
    .mast.page-mast {
        min-height:240px
    }

    .mast.page-mast .mast-overlay>div {
        max-width: 345px
    }

    .get-packing-supplies {
        min-height: 350px;
        display: flex;
        align-items: center
    }

    .get-packing-supplies .container>div>div {
        width: 45%;
        flex: 45%;
        margin-top: 0
    }
}

@media only screen and (max-width: 768px) {
    .purpleBgWithMan .container {
        background-image:none
    }

    .purpleBgWithMan .container .row {
        padding: 6.5rem 0
    }

    .purpleBgWithMan .container .row div:first-of-type {
        max-width: 100%;
        text-align: center
    }

    .purpleBgWithMan .container .row div:first-of-type h3 {
        font-size: 4.3rem
    }

    .bgPackingSuppliesWoman {
        background-position: bottom left -240px;
        min-height: 550px;
        background-size: 1000px 298px
    }

    .bgPackingSuppliesWoman .container>.row>.col {
        background-color: rgba(255,255,255,.65)
    }
}

.productList {
    justify-content: space-between
}

.productList .packingSupplyItem.flexQuarter {
    margin-left: 0
}

@media only screen and (max-width: 575px) {
    .mast.page-mast {
        background-image:none;
        min-height: auto;
        padding: 20px
    }

    .mast.page-mast .mast-overlay>div input {
        width: auto
    }

    .get-packing-supplies .container>div>div {
        width: 280px;
        flex: none;
        background-color: rgba(255,255,255,.7);
        padding: 20px
    }

    .threeEasySteps .col-10 img {
        display: block;
        margin: 0 auto
    }
}

@media only screen and (max-width: 540px) {
    .sizeGuide .unitOverview {
        flex-basis:90%;
        margin: 0 auto 6rem
    }
}

@media only screen and (max-width: 500px) {
    .reservationOption.flexThird img {
        width:18%
    }

    .faqRow .col img {
        width: 35%;
        display: block;
        margin: 0 auto 2rem
    }

    .productList {
        justify-content: space-between
    }

    .productList .packingSupplyItem.flexQuarter {
        margin: 0 auto 2rem
    }

    .productList .packingSupplyItem.flexQuarter button {
        display: block;
        margin: 0 auto
    }
}

@media only screen and (max-width: 1200px) {
    #location-list .locationListing .locationAddress {
        flex-basis:100%;
        margin-bottom: 10px
    }

    #location-list .locationListing .locationAddress p,#location-list .locationListing .locationAddress p.font20 {
        font-size: 1.8rem
    }

    #location-list .locationListing .locationUnits {
        flex-basis: 100%
    }

    .choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-price p,.choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .unit-size p {
        font-size: 4.5rem
    }

    .choose-your-storage .unit-list .locationListing .location-units-list.active .single-unit .rent-hold {
        flex-basis: 22%
    }

    .choose-your-storage .unit-list .locationListing .locationUnits .priceBox a:link {
        padding: 2rem
    }

    .workForUsBenefitsSingleLocation .flexThird {
        max-width: 32%
    }

    .workForUsBenefitsSingleLocation .flexThird h3 {
        font-size: 2rem;
        word-wrap: break-word
    }
}

@media only screen and (max-width: 991px) {
    #location-list .locationListing .row {
        flex-direction:column!important
    }

    #location-list .locationListing .row .locationAddress {
        align-self: flex-start;
        margin-bottom: 2.5rem
    }

    #location-list .locationListing .row .locationAddress p,#location-list .locationListing .row .locationAddress p.font20 {
        font-size: 2rem
    }

    #location-list .locationListing .row .locationUnits {
        flex-basis: 100%;
        width: 100%
    }

    #location-list .locationListing .row .locationUnits .whiteText.priceBox {
        flex-basis: 23%
    }

    #choose-your-storage #location-list .locationUnits .priceBox a {
        padding: 2rem
    }

    #choose-your-storage #location-list .locationUnits .priceBox a .font36 {
        font-size: 2.6rem
    }

    #choose-your-storage #location-list .locationUnits .priceBox a .font55 {
        font-size: 4rem
    }

    #choose-your-storage #location-list .locationUnits .priceBox a .stationnement {
        font-size: 1.6rem
    }
}

@media only screen and (max-width: 768px) {
    #location-list .locationListing .location-units-list .single-unit:not(.hidden),.choose-your-storage .unit-list .locationListing .location-units-list .single-unit:not(.hidden) {
        display:block;
        flex-wrap: nowrap;
        flex-direction: column
    }

    #location-list .locationListing .location-units-list .single-unit:not(.hidden)>div,.choose-your-storage .unit-list .locationListing .location-units-list .single-unit:not(.hidden)>div {
        flex-basis: 100%;
        text-align: center
    }

    #location-list .locationListing .location-units-list .single-unit:not(.hidden) div.rent-hold,.choose-your-storage .unit-list .locationListing .location-units-list .single-unit:not(.hidden) div.rent-hold {
        margin-top: 2rem
    }

    #location-list .locationListing .locationUnits,.choose-your-storage .unit-list .locationListing .locationUnits {
        flex-wrap: wrap;
        justify-content: space-between
    }

    #location-list .locationListing .locationUnits .priceBox,.choose-your-storage .unit-list .locationListing .locationUnits .priceBox {
        flex-basis: 48%!important;
        max-width: 48%;
        margin-bottom: 2rem;
        padding-right: 0
    }

    #location-list .locationListing .locationUnits .priceBox a,.choose-your-storage .unit-list .locationListing .locationUnits .priceBox a {
        padding: 2rem
    }

    #location-list .locationListing .locationUnits .priceBox.active::after,.choose-your-storage .unit-list .locationListing .locationUnits .priceBox.active::after {
        display: none
    }

    #location-list .locationListing .location-units-list .single-unit .unit-price p,.choose-your-storage .unit-list .locationListing .location-units-list .single-unit .unit-price p {
        padding: 10px
    }

    #location-list .locationListing .location-units-list .single-unit .unit-price.discounted,.choose-your-storage .unit-list .locationListing .location-units-list .single-unit .unit-price.discounted {
        display: block
    }

    .choose-your-storage .unit-list .loadMoreUnitsBtn {
        margin-bottom: 20px
    }

    .singleLocationPage .singleLocationMapImageWrap {
        flex-direction: column!important
    }

    .singleLocationPage .singleLocationMapImageWrap .singleLocationMap,.singleLocationPage .singleLocationMapImageWrap .singleLocationPhoto {
        flex-basis: 100%;
        max-height: 20rem
    }

    .singleLocationPage .singleLocationMapImageWrap .singleLocationMap #map-canvas {
        max-height: 20rem
    }

    .workForUsBenefitsSingleLocation .flexThird {
        height: auto!important
    }

    .workForUsBenefitsSingleLocation .flexThird:nth-child(n+3) {
        margin-bottom: 3.5%!important
    }

    .locationListing h2,.locationListing h2 span {
        font-size: 3.2rem
    }
}

@media only screen and (max-width: 576px) {
    .singleLocationPage .row:first-of-type {
        align-items:center;
        padding-left: 2rem;
        padding-right: 2rem;
        padding: 5rem 2rem 0
    }

    .singleLocationPage .row:first-of-type .singleLocationTitle h1,.singleLocationPage .row:first-of-type .singleLocationTitle span,.singleLocationPage .row:first-of-type .singleLocationPhone h1,.singleLocationPage .row:first-of-type .singleLocationPhone span {
        font-size: 3rem
    }

    .singleLocationPage .row:first-of-type .singleLocationTitle h1 {
        margin-bottom: 2rem!important
    }

    .singleLocationPage .row:first-of-type .singleLocationPhone img {
        width: 10%;
        margin-right: 1rem
    }

    .singleLocationMapImageWrap {
        margin-top: 2rem!important
    }

    #holdForm .modal-dialog .modal-content .modal-body #datepicker,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker,#rentFormSC .modal-dialog .modal-content .modal-body #datepicker,#rentFormSC .modal-dialog .modal-content .modal-body #rent-datepicker {
        align-self: normal!important;
        max-width: 100%!important;
        flex-basis: 100%!important
    }

    #holdForm .modal-dialog .modal-content .modal-body #datepicker+div,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker+div,#rentFormSC .modal-dialog .modal-content .modal-body #datepicker+div,#rentFormSC .modal-dialog .modal-content .modal-body #rent-datepicker+div {
        flex-basis: 100%;
        max-width: 100%
    }

    #holdForm .modal-dialog .modal-content .modal-body #datepicker+div a.button.submit-hold-button,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker+div a.button.submit-hold-button,#rentFormSC .modal-dialog .modal-content .modal-body #datepicker+div a.button.submit-hold-button,#rentFormSC .modal-dialog .modal-content .modal-body #rent-datepicker+div a.button.submit-hold-button {
        width: 100%;
        max-width: 100%;
        height: auto;
        max-height: 5rem
    }

    #holdForm .modal-dialog .modal-content .modal-body #datepicker div.ui-datepicker,#holdForm .modal-dialog .modal-content .modal-body #rent-datepicker div.ui-datepicker,#rentFormSC .modal-dialog .modal-content .modal-body #datepicker div.ui-datepicker,#rentFormSC .modal-dialog .modal-content .modal-body #rent-datepicker div.ui-datepicker {
        max-width: 100%!important;
        width: 100%!important
    }

    #holdForm .modal-dialog .modal-content .modal-body .date-picker-captcha,#rentFormSC .modal-dialog .modal-content .modal-body .date-picker-captcha {
        height: auto!important
    }

    #holdForm .modal-dialog .modal-content .modal-body input,#rentFormSC .modal-dialog .modal-content .modal-body input {
        flex-basis: 100%
    }

    #holdForm .modal.show .modal-dialog,#rentFormSC .modal.show .modal-dialog {
        overflow-y: scroll
    }
}

@media only screen and (max-width: 540px) {
    #location-list .locationListing .row {
        flex-direction:column!important
    }

    #location-list .locationListing .row .locationAddress {
        align-self: flex-start;
        margin-bottom: 2.5rem
    }

    #location-list .locationListing .row .locationAddress p,#location-list .locationListing .row .locationAddress p.font20 {
        font-size: 2rem
    }

    #location-list .locationListing .row .locationUnits {
        flex-basis: 100%;
        width: 100%;
        flex-wrap: wrap
    }

    #location-list .locationListing .row .locationUnits .whiteText.priceBox {
        flex-basis: 31%;
        margin-bottom: 2rem;
        height: 137px
    }

    #location-list .locationListing .row .locationUnits .whiteText.priceBox.active:after {
        display: none
    }

    .singleLocationPage #location-list .locationListing .locationUnits {
        flex-basis: 100%;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start!important
    }

    .singleLocationPage #location-list .locationListing .locationUnits .whiteText.priceBox {
        flex-basis: 31%;
        margin-bottom: 2rem;
        height: 137px
    }

    .singleLocationPage #location-list .locationListing .locationUnits .whiteText.priceBox.active:after {
        display: none
    }
}

@media only screen and (max-width: 525px) {
    .locationListing h2,.locationListing h2 span {
        font-size:3rem
    }
}

@media only screen and (max-width: 500px) {
    .workForUsBenefits .flexThird img {
        width:32%
    }

    .workForUsBenefitsSingleLocation .flexThird {
        max-width: 100%
    }

    .workForUsBenefitsSingleLocation .flexThird img {
        max-width: 32%
    }

    .singleLocationContent .col {
        width: 100%;
        max-width: 100%;
        flex-basis: 100%
    }

    .singleLocationContent .col>.row {
        margin-bottom: 1.5rem;
        align-items: center!important
    }

    .singleLocationContent .col>.row img {
        margin: 0 2rem 0!important;
        align-self: center!important
    }

    .singleLocationContent .col>.row h3 {
        margin-bottom: 0
    }
}

@media only screen and (max-width: 440px) {
    #location-list .locationListing .location-units-list .single-unit {
        align-items:center
    }

    #location-list .locationListing .location-units-list .single-unit .unit-size p,#location-list .locationListing .location-units-list .single-unit .unit-price p {
        font-size: 3rem
    }
}

@media only screen and (max-width: 375px) {
    #location-list .locationListing .row .locationUnits .whiteText.priceBox {
        flex-basis:48%
    }

    .singleLocationPage #location-list .locationListing .locationUnits {
        flex-basis: 100%;
        width: 100%;
        flex-wrap: wrap;
        justify-content: flex-start!important
    }

    .singleLocationPage #location-list .locationListing .locationUnits .whiteText.priceBox {
        flex-basis: 48%;
        margin-bottom: 2rem;
        height: 137px
    }

    .singleLocationPage #location-list .locationListing .locationUnits .whiteText.priceBox.active:after {
        display: none
    }
}

@media only screen and (max-width: 768px) {
    .latestNews .fullWidthPost .fullWidthPostImage {
        max-height:175px;
        overflow: hidden;
        order: 1
    }

    .latestNews .fullWidthPost .fullWidthPostImage img {
        width: 100%;
        height: auto
    }

    .latestNews .flexThird.recentPost {
        margin-bottom: 4.5rem
    }

    .latestNews .flexThird.recentPost .recentPostThirdThumb {
        max-height: 195px;
        overflow: hidden
    }

    .latestNews .flexThird.recentPost .recentPostThirdThumb img {
        height: 100%;
        width: auto
    }

    .recentPostsArchive .fullWidthPost .fullWidthPostImage {
        max-height: 175px;
        overflow: hidden;
        order: 1
    }

    .recentPostsArchive .fullWidthPost .fullWidthPostImage img {
        width: 100%;
        height: auto
    }

    .recentPostsArchive .flexThirdPosts .flexThird.recentPost {
        margin-bottom: 4.5rem
    }

    .recentPostsArchive .flexThirdPosts .flexThird.recentPost .recentPostThirdThumb {
        max-height: 195px;
        overflow: hidden
    }

    .recentPostsArchive .flexThirdPosts .flexThird.recentPost .recentPostThirdThumb img {
        height: 100%;
        width: auto
    }
}

@media only screen and (max-width: 500px) {
    .latestNews .fullWidthPost .fullWidthPostImage,.recentPostsArchive .fullWidthPost .fullWidthPostImage {
        max-height:175px;
        overflow: hidden;
        order: 1
    }

    .latestNews .fullWidthPost .fullWidthPostImage img,.recentPostsArchive .fullWidthPost .fullWidthPostImage img {
        width: 100%;
        height: auto
    }

    .flexThird.recentPost {
        flex-basis: 100%
    }

    .flexThird.recentPost .recentPostThirdThumb {
        overflow: hidden;
        margin-bottom: 4.5rem
    }

    .flexThird.recentPost .recentPostThirdThumb img {
        height: auto!important;
        width: 100%!important;
        max-height: none!important
    }
}

@media only screen and (max-width: 1200px) {
    #payMyBillForm .modal-body input,#payMyBillForm .modal-body select {
        flex-basis:100%;
        width: 100%;
        font-size: 1.6rem;
        padding: 1rem;
        margin-bottom: 2rem
    }

    #payMyBillForm .modal-body .payLocationContainer {
        margin-top: 0!important
    }
}

@media only screen and (max-width: 991px) {
    #getStorageForm .modal-dialog {
        max-width:440px
    }
}

@media only screen and (max-width: 575px) {
    .col {
        flex-basis:100%!important
    }

    #getStorageForm .modal-dialog {
        max-width: none
    }
}

@media only screen and (max-width: 768px) {
    footer {
        padding:20px 20px 50px
    }

    .footerMiddleRow {
        flex-direction: column!important;
        margin-bottom: 20px
    }

    .footerMiddleRow div {
        text-align: center
    }

    .footerMiddleRow div.middleLeft.align-items-end,.footerMiddleRow div.middleRight {
        margin: 0 auto
    }

    .footerMiddleRow div.middleLeft.align-items-end {
        margin-bottom: 3rem
    }

    .footerMiddleRow div.middleLeft.align-items-end {
        display: flex;
        flex-direction: column!important;
        align-items: center!important
    }

    .footerMiddleRow div.middleLeft.align-items-end a {
        margin: 20px 0
    }

    footer .middleRight .socialIcon {
        margin-left: 0
    }

    footer .footerBottomRow .textwidget ul li {
        width: 33.3%;
        text-align: center;
        border-left: none;
        padding: 0
    }

    footer .footerBottomRow .copyright {
        margin-top: 20px;
        width: 100%;
        justify-content: space-around
    }

    footer .footerBottomRow .copyright li {
        border-left: none
    }

    footer .topRight {
        width: 100%
    }

    footer .topRight .phone {
        display: flex;
        justify-content: center
    }

    footer .topLeft {
        margin-bottom: 20px;
        align-items: center;
        text-align: center;
        flex-direction: column
    }

    footer .topLeft img {
        margin-bottom: 10px
    }

    footer .topLeft .mapleLeaf {
        width: 34px;
        height: 33px
    }

    footer .middleLeft img:first-child {
        margin-right: 0
    }
}

@media only screen and (max-width: 576px) {
    header.mobileHeader>.container>.row {
        padding:3rem 2.5rem
    }
}

@media only screen and (max-width: 450px) {
    footer .footerTopRow {
        flex-direction:column!important;
        text-align: center
    }

    footer .footerTopRow .topLeft {
        margin-bottom: 2.5rem
    }

    footer .footerTopRow .topRight {
        margin: 0 auto
    }

    footer .footerMiddleRow div.middleLeft.align-items-end {
        flex-direction: column!important;
        margin-bottom: 6rem
    }

    footer .footerMiddleRow div.middleLeft.align-items-end img:first-of-type {
        margin-bottom: 3rem
    }

    footer .footerBottomRow .textwidget ul {
        justify-content: center
    }
}

.storageCalculatorUnitInfo {
    border: 1px solid #fcc115;
}

.checked label {
    background: #FCC115 !important;
}

.calc_item_qty_wrapper {
    max-width: 115px;
    position: relative;
}

.calc_item_qty_wrapper input {
    display: block;
    box-sizing: border-box;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    box-shadow: none;
    box-shadow: none;
    border: 0;
    outline: none;
    font-size: 1rem;
    position: relative;
    z-index: 1;
    width: 100%;
    text-align: center;
    background: none;
    padding: 0.75rem 1.25rem 0.75rem 2.188rem;
}

.calc_item_qty_wrapper > span {
    display: block;
    box-sizing: border-box;
    padding: 6px;
    text-align: center;
    width: 37px;
    height: 44px;
    background: #f0f0f0;
    color: #333333;
    position: absolute;
    top: 0;
    cursor: pointer;
    z-index: 2;
    font-size: 25px;
}

.calc_item_qty_wrapper > span.min_qty {
    left: 0;
}

.calc_item_qty_wrapper > span.add_qty {
    right: 0;
}

.calculator-wrap ul.calculator-tabs li {
    margin: 0 0.35rem;
    border-radius: 0;
    border-color: #000;
    background: transparent;
}

.slick-next:before, .slick-prev:before {
    display: none;
}

.calculator-wrap ul li a {
    padding: 1.11rem 0.854rem;
    text-decoration: none !important;
    font-family: 'Plus Jakarta Sans',sans-serif;
    display: block;
    text-align: center;
    font-weight: 400;
    color: #000 !important;
    background: transparent;
}

.calculator-section-one ul li a.active {
    background: #000 !important;
    color: #fff !important;
}

.calculator-section-one .calculator-tabs {
    margin-bottom: 3.5rem;
    border: none;
    background: transparent;
}

.calculator-tabs .slick-arrow {
    bottom: 1.25rem;
    filter: invert(1) brightness(0);
    filter: invert(1) brightness(0);
    width: 12.294px;
}

.calculator-tabs .slick-prev {
    left: -1.75rem;
    right: auto
}

.calculator-tabs .slick-next {
    left: auto;
    right: -1.75rem;
}

.calculator-tabs .slick-next img {
    transform: rotate(180deg);
}

.calculator-wrap .calc-left {
    height: 31.25rem;
    overflow: auto;
}

.tab-panel .item .qty span {
    display: none;
}

.tab-panel .item.misc-item .dimensions-edit>div {
    display: inline-block;
    width: 28%;
}