/* ---------------------------------------------------------------- 	Imports -----------------------------------------------------------------*/ @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/bootstrap.css"); @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/styles.css"); @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/swiper.css"); @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/dark-theme.css"); @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/font-icons.css"); @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/animate.css"); @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/magnific-popup.css"); @import url("//d2i2zd9axwkr7h.cloudfront.net/company/sites/seni_sandbox/workflow/css/responsive-style.css"); /*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%
%%%%%%   PUBLIC STORAGE   %%%%%%
%%%%%%    Gabrielle A     %%%%%% 
%%%%%%    Sept 17, 2018   %%%%%% 
%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

@font-face {
    font-family: 'ITC Avant Garde Pro Md';
    src: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/fonts/ITCAvantGardePro-Md.eot');
    src: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/fonts/ITCAvantGardePro-Md.eot') format('embedded-opentype'),
        url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/fonts/ITCAvantGardePro-Md.woff2') format('woff2'),
        url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/fonts/ITCAvantGardePro-Md.woff') format('woff'),
        url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/fonts/ITCAvantGardePro-Md.ttf') format('truetype'),
        url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/fonts/ITCAvantGardePro-Md.svg#ITCAvantGardePro-Md') format('svg');
    font-weight: 500;
    font-style: normal;
}


html {
    font-family: Arial, Helvetica, sans-serif !important;
    overflow-x: hidden !important;
}

body {
    overflow-x: hidden;
}

:active,
:focus {
    outline: none !important;
}

::-moz-selection {
    /* Code for Firefox */
    background: rgba(255, 102, 0, 0.2);
}

::selection {
    background: rgba(255, 102, 0, 0.2);
}

/* NAVIGATION STYLE */

#header {
    background-color: #ecf1f4;
    border-bottom: 0px solid #ecf1f4;
    z-index: 999;

}

#primary-menu ul li>a {
    padding: 39px 15px;
    color: #636f84;
    font-weight: normal;
    font-size: 16px;
    text-transform: capitalize;
    font-family: Arial, Helvetica, sans-serif
}

#primary-menu.style-3>ul>li.current>a,
#primary-menu.style-3>ul>li:hover>a {
    color: #636f84;
    background-color: #dbe0e2;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.0);
}


#job-detail .video {
    background: center center no-repeat #444;
    background-size: cover;
    height: 0;
    margin: .5rem 0;
    padding-bottom: 56.25%;
    position: relative;
    text-align: center;
}

#job-detail .video-button {
    border: 2px solid #fff;
    border-radius: 50%;
    color: #fff;
    height: 5rem;
    left: 50%;
    margin: -2.5rem 0 0 -2.5rem;
    top: 50%;
    transition: border .3s ease,color .3s ease;
    width: 5rem;
    position: absolute;
    display: inline-block;
    background: #fb6500;
}

#job-detail .video-caret {
    height: 0;
    vertical-align: middle;
    width: 0;
    border-left: 1.5rem solid;
    border-bottom: 1.5rem solid transparent;
    border-top: 1.5rem solid transparent;
    left: 50%;
    margin: -1.5rem 0 0 -.5rem!important;
    top: 50%;
    position: absolute;
    display: inline-block
}

#job-detail .video-items {
    padding-left: 0 !important;
    list-style: none;
}

@media(min-width: 768px) {
    #job-detail .video {
        padding-bottom: 22.25%;
        width: calc(100% - 300px);
    }
}

/* NAVIGATION STYLE END */

/* talent community and social media */

.tc_textbox {
    padding: 50px 100px;
    text-align: center;
}

/*.tc_textbox--header,*/
.overview-cta_textbox--header {
    margin-bottom: 30px;
}

.social-media_text-box {
    padding: 30px 50px;
    text-align: center;
}

.social-media_textbox--header {
    margin-bottom: 10px;
}

.social-media_icon-wrapper {
    display: inline-block;
    background: #FF6600;
    color: white;
    border-radius: 3px;
    padding: 5px;
    width: 38px;
    text-align: center;
    margin-bottom: 5px;
    margin-right: 4px;
    transition: all ease-in-out .2s;
}

.social-media_icon {
    font-size: 20px;
    color: white;
}

.social-media_icon-wrapper:hover,
.social-media_icon-wrapper:focus {
    background: rgb(255, 121, 32);
}

.social-media_icon:hover,
.social-media_icon:focus {
    color: white;
}

/* talent community and social media end */

/* footer */

footer {
    padding-top: 6rem;
    padding-bottom: 3rem;
    text-align: center;
}

.footer_logo--wrapper {
    width: 150px;
    margin: 0 auto;
    margin-top: 20px;
}

.footer_contact-info {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    color: #636f84;
    margin-top: 5px;
    transition: all ease-in-out .25s;
}

.footer_contact-info:hover,
.footer_contact-info:focus {
    color: #2661d4;
    border-bottom: 1px solid #2661d4;
    text-decoration: none;
}

p.footer_contact-info {
    margin-bottom: 5px !important;
}

footer .h4-style {
    margin-bottom: 10px;
}

#footerpowered .PoweredBy {
    text-align: center;
    margin: 0 auto;
    font-size: 14px;
    color: #636f84;
}

#footerpowered .PoweredBy a {
    font-size: 14px;
    color: #FF6600;
}

#footerpowered .PoweredBy a:hover,
#footerpowered .PoweredBy a:focus {
    color: rgb(255, 121, 32);
    text-decoration: none;
}

/* footer end */

/* overview page */

.overview-hero_section {
    background-image: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/img/hero.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.overview-hero_textbox--wrapper {
    padding: 85px 30px;
}

.overview-cta_section {
    padding-bottom: 2rem;
}

.overview-cta_col {
    z-index: 99;
}

.overview-cta_wrapper {
    padding-top: 50px;
    padding-bottom: 50px;
    padding-left: 30px !important;
    padding-right: 30px !important;
}

.job-cta_section {
    padding-top: 4rem;
    padding-bottom: 4rem;
}

.job-cta_text--row,
.job-cta_card--row {
    padding-bottom: 5rem;
}

.job-cta_card--wrapper {
    border-radius: 3px;
    border-top: #FF6600 2px solid;
    overflow: hidden;
    -webkit-box-shadow: 7px 8px 31px -6px rgba(122, 122, 122, 0.65);
    -moz-box-shadow: 7px 8px 31px -6px rgba(122, 122, 122, 0.65);
    box-shadow: 7px 8px 31px -6px rgba(122, 122, 122, 0.65);
    margin-bottom: 40px;
    transition: all ease-in-out .35s;
}

.job-cta_card--h3-wrapper {
    padding-top: 20px;
    padding-bottom: 10px;
}

.job-cta_card--textbox {
    padding-top: 30px;
    padding-bottom: 40px;
    padding-right: 25px;
    padding-left: 25px;
    text-align: center;
}


.hover-effect:hover .orange-btn,
.hover-effect:focus .orange-btn {
    background: rgb(255, 121, 32);
    color: white;
}

.hover-effect:focus .job-cta_card--wrapper,
.hover-effect:hover .job-cta_card--wrapper {
    -webkit-box-shadow: 7px 8px 51px -1px rgba(122, 122, 122, 0.82);
    -moz-box-shadow: 7px 8px 51px -1px rgba(122, 122, 122, 0.82);
    box-shadow: 7px 8px 51px -1px rgba(122, 122, 122, 0.82);
}

.perks_section {
    padding-top: 7rem;
    padding-bottom: 4rem;
    background: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/img/benefits-background.jpg') no-repeat center center;
    background-size: cover;
}

.perks_icon-img--wrapper {
    width: 107px;
    margin: 0 auto;
    background: white;
    border-radius: 100%;
    margin-bottom: 20px;
    padding: 20px;
}

.desktop-perks_row--header {
    margin-bottom: 40px;
}

.open-careers_section {
    padding-top: 5rem;
    padding-bottom: 4rem;
}

/* overview page end */

/* call center customer service professional jobs */

.ccj-overview_section {
    background: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/img/ccj_hero.jpg') no-repeat center center;
    background-size: cover;
}

.csj-overview_section {
    background: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/img/csj_hero.jpg') no-repeat top center;
    background-size: cover;
}

.prof-overview_section {
    background: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/img/prof_hero.jpg') no-repeat top center;
    background-size: cover;
}

.rej-overview_section {
    background: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/img/rs_hero.jpg') no-repeat top center;
    background-size: cover;
}

.dmj-overview_section {
    background: url('//dy5f5j6i37p1a.cloudfront.net/company/sites/154593/img/dm_hero.jpg') no-repeat top center;
    background-size: cover;
}

.ccj-overview_col,
.csj-overview_col,
.prof-overview_col {
    padding-top: 10rem;
    padding-bottom: 10rem;
    background: rgba(28, 36, 50, 0.5);
}

.job-specific_section {
    background: #ecf1f4;
    padding-top: 5rem;
    padding-bottom: 5rem;
}

/* call center jobs end */

/* video page */

.video-page_section {
    margin: 50px 0;
}

.video-page_video-wrapper {
    max-width: 840px;
    width: 100%;
    margin: 0 auto;
}

/* video page end */

/* jobs list style */

#jobs-list h3 {
    font-family: Arial, Helvetica, sans-serif;
    color: #636f84;
    font-size: 20px;
    text-transform: capitalize;
    border-bottom: 0px;
}

.keyword-input,
.filter-category-container {
    border: 1px solid #ccc;
}

.jobs-list .job-search-button.primary {
    background-color: #FF6600 !important;
    border: 2px solid #FF6600 !important;
}

/* jobs list style end */

/* helper classes */

.h1-style {
    font-family: 'ITC Avant Garde Pro Md';
    font-weight: 500;
    font-style: normal;
    font-size: 64px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.h2-style {
    font-size: 40px;
    font-family: 'ITC Avant Garde Pro Md';
    font-weight: 500;
    font-style: normal;
    margin-top: 0px;
    margin-bottom: 20px;
}

.h3-style {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 5px;
    border-bottom: 2px solid #FF6600;
}

.h3-style-no-brdr {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 30px;
    margin-top: 0px;
    margin-bottom: 0px;
}

.h4-style {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 23px;
    font-weight: 700;
    margin-top: 0px;
    margin-bottom: 0px;
}

.p-style {
    font-size: 16px;
    line-height: 21px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 300;
}

.text-white {
    color: white;
}

.text-purple {
    color: #1c2432;
}

.text-black {
    color: #1c2432;
}

.text-grey {
    color: #636f84;
}

.bg-purple {
    background: #1c2432;
}

.bg-dark-grey {
    background: #636f84;
}

.bg-transp-black {
    background: rgba(28, 36, 50, 0.7);
}

.orange-link {
    color: #2661d4;
    transition: all ease-in-out .25s;
}

.orange-link:hover,
.orange-link:focus {
    color: #2661d4;
    border-bottom: 1px solid #2661d4;
    text-decoration: none;
}

.orange-btn,
.orange-btn-nma {
    display: block;
    color: white;
    background: #FF6600;
    border-radius: 3px;
    padding: 15px 10px;
    width: 220px;
    margin-top: 30px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    transition: all ease-in-out .2s;
}

.orange-btn {
    margin-left: auto;
    margin-right: auto;
}

.orange-btn:hover,
.orange-btn:focus,
.full-orange-btn:hover,
.full-orange-btn:focus,
.orange-btn-nma:hover,
.orange-btn-nma:focus {
    background: rgb(255, 121, 32);
    color: white;
}

.full-orange-btn {
    display: inline-block;
    width: 100%;
    color: white;
    background: #FF6600;
    padding: 15px 10px;
    text-align: center;
    font-weight: 500;
    font-size: 18px;
    transition: all ease-in-out .2s;
    margin-top: 40px;
}

.img-fluid {
    width: 100%;
    height: auto;
}

/* helper classes end */

/* job list */
#jobs-list aside .reset-filters a {
    color: #FF6600;
}

#jobs-list h3 {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    color: #1c2432;
    border-bottom: 2px solid #FF6600
}

.jobs-list .results-list .result-item {
    border-width: 2px;
    border-bottom: solid 2px rgba(0, 0, 0, 0);
    transition: all ease-in-out .25s;
}

.jobs-list .results-list .result-item:hover {
    border-bottom: #FF6600 solid 2px;
    color: #1c2432;
}

.LocationSearchInputComponent .location-icon:hover,
.LocationSearchInputComponent .location-icon.selected,
.LocationSearchInputComponent .location-icon.loading,
.pagination,
.pagination a,
.jobs-list .results-list .result-item div.item-title>a:hover,
.jobs-list .results-list .result-item.expanded .item-title,
.jobs-list .results-list .result-item .item-title .expand-collapse-button,
.pagination a:hover {
    color: #1c2432 !important;
}

h1>span:not(.nocolor),
h2>span:not(.nocolor),
h3>span:not(.nocolor),
h4>span:not(.nocolor),
h5>span:not(.nocolor),
h6>span:not(.nocolor) {
    color: #FF6600
}

#job-detail .content ul {
    padding-left: 40px;
}

@media(max-width:768px) {
    .open-careers_section {
        padding-bottom: 0;
    }

    .open-careers_section h2 {
        margin: 0 auto;
    }

    #jobs-list .filter-block {
        padding-bottom: 0;
    }

    #jobs-list .results-container {
        padding-top: 0;
    }

}

/* job list end */

/* job detail */

#job-detail .job-description-header,
#job-detail .application-instructions-header,
#job-detail .custom-apply-text {
    display: none
}

#job-detail .job-description {
    background: white;
}

#job-detail .job-description .content {
    background: white;
    -webkit-box-shadow: 7px 8px 31px -6px rgba(122, 122, 122, 0.65);
    -moz-box-shadow: 7px 8px 31px -6px rgba(122, 122, 122, 0.65);
    box-shadow: 7px 8px 31px -6px rgba(122, 122, 122, 0.65);
}

#job-detail .primary-background-color {
    background: #FF6600
}

#job-detail .primary-background-color-lighter:hover,
#job-detail .primary-background-color-lighter:focus,
#job-detail .job-addl-info .map-button:hover,
#job-detail .job-addl-info .job-share-button:hover {
    background: rgb(255, 121, 32);
}

#job-detail .job-addl-info .salary-comment,
#job-detail .job-addl-info .job-payrange {
    display: none;
}

/* job detail end */

/*Job share modal */

#job-detail .modal {
    background: none !important;
    width: 100% !important;
    margin: 0 auto !important;
    left: 0;
    overflow: hidden !important;
    position: relative !important;
    display: block;
}

#job-detail .modal-content {
    position: fixed !important;
}

#job-detail #footer .modal.in {
    position: fixed !important;
}

#job-detail #footer .modal.in .modal-content {
    position: relative !important;
}


@media (min-width: 768px) {
    .overview-hero_textbox--wrapper {
        padding: 210px 40px;
    }
}

@media (max-width: 425px) {
    .h1-style {
        font-size: 50px;
    }

    .overview-hero_textbox--wrapper {
        padding: 85px 0px;
    }
}


@media (min-width: 992px) {
    .social-media_text-box {
        text-align: left;
    }

    .social-media_textbox--header {
        margin-top: 8px;
    }

    .social-media_col {
        position: relative;
        display: block;
        top: 37px;
    }

    footer {
        text-align: left;
    }

    .footer_logo--wrapper {
        float: right;
        margin-top: 0px;
    }

    .overview-cta_col {
        margin-top: -230px;
    }

    .job-cta_card--wrapper {
        margin-bottom: 0px;
        height: 530px;
    }

    .job-cta_card--textbox p {
        height: 160px;
    }

    .desktop-perks_row {
        margin-bottom: 50px;
    }
}

@media (max-width: 991px) {
    #primary-menu {
        padding-top: 2rem;
    }

    #primary-menu a {
        text-align: center;
    }

    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>ul>li.current a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li:hover a,
    body:not(.dark) #header:not(.dark) #header-wrap:not(.dark) #primary-menu>div>ul>li.current a {
        color: #FF6600 !important;
    }

    .overview-cta_section {
        background: #636f84;
    }

    .overview-cta_section .bg-transp-black {
        background: transparent;
    }

    .perks_icon--wapper {
        margin-bottom: 45px;
    }

}

@media (min-width: 1483px) {

    .ccj-overview_col,
    .csj-overview_col,
    .prof-overview_col {
        padding-top: 20rem;
        padding-bottom: 20rem;
    }
}