/* CSS for jQuery More plugin v2.0.0. */

body {
    position: relative;
}

a:focus {
    color: inherit;
}

.btn:focus {
    color: #fff;
}

.more-hidden {
    display: none;
}

.more-link {
    margin-left: 3px;

}

.more-link img {
    border: none;
}

/*custom styles*/

* {
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    color: #000;
}

h1, h2, h3, h4, h5, h6 {
    text-transform: uppercase;
}

h2 {
    font-size: 60px;
    font-weight: 100;
    letter-spacing: 0.2px;
    line-height: 57px;
    text-align: right;
    margin-bottom: 15px;
    margin-top: 0;
}

h5 {
    font-size: 18px;
    font-weight: 800;
    margin-top: 22px;
    text-align: right;

}

.section h2:before {
    content: "";
    position: absolute;
    width: 25%;
    height: 1px;
    bottom: 0;
    right: 15px;
    border-bottom: 2px solid #000;
}

h3, .panel-title {
    font-size: 30px;
    font-weight: 100;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 50px;
}

.caption span.extra {
    display: none;
}

.caption span.visibilityHidden {
    visibility: hidden;
}

.apply-btn {
	cursor : pointer ;
}

.section h3:not(.modal-title):before {
    content: "";
    position: absolute;
    width: 15%;
    height: 1px;
    bottom: 0;
    left: 15px;
    border-bottom: 2px solid #000;
}

p {
    font-size: 14px;
    margin-bottom: 0;
    margin-top: 15px;
}

.white-opacity {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 20px;
    margin-bottom: 20px;
}

.btn {
    text-transform: uppercase;
    border-radius: 0;
}

.container-fluid > .row {
    margin: 0;
}

.navbar-nav {
    float: none;
}

.navbar-header {
    background-color: #fff;
}

.navbar-main .container-fluid, .container-fluid.main-container {
    padding: 0;
}

.navbar-collapse {
    padding: 0;
}

.navbar-nav {
    margin: 0;
}

.page-nav {
    background-color: rgba(255, 255, 255, 0.9);
    -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .1);
    text-align: right;

}

.container-fluid > .navbar-collapse, .container-fluid > .navbar-header, .container > .navbar-collapse, .container > .navbar-header {
    margin: 0;
}

.navbar-nav.page-nav > li {
    float: none;
    display: block;
    text-align: center;
}

.navbar-nav.page-nav > li > a {
    line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    letter-spacing: 1px;
    font-size: 13px;
}

.brand-nav {
    background-color: #fff;
}


.nav.brand-nav li {
    width: 25%;
    float: left;
}


.nav.brand-nav li {
    border-bottom: 3px solid #fff;
}


.nav > li > a:focus, .no-touch .nav > li > a:hover {
    background-color: transparent;
}

.nav > li > a > img {
    opacity: 0.2;
    max-width: 100%;
    min-width: 100%;
    width: 1px ;
}
.nav > li:nth-of-type(3) > a > img {
    max-width: none;
    min-width: 0;
    width: auto ;
}
.nav > li:nth-of-type(5) > a > img {
    opacity: 0 !important;
}

.nav > li.active-banner > a > img {
    opacity: 1;
}

.navbar-nav.page-nav > li.language{
    display:none;
}

.lang-nav {
    padding-right: 30px;
    float: right;
    width: 100%;
    margin-bottom: 0;
    background-color: #efefef;
}

.lang-nav > li {
    display: inline-block;
    float: right;
}

.lang-nav li a {
    text-transform: uppercase;
    color: #000;
    text-decoration: none;
}

.lang-nav span {
    padding: 0 5px;
}

.active-lang a {
    font-weight: 800;
}

.no-touch #hbc:not(.active-banner) img:hover, .no-touch #home:not(.active-banner) img:hover {
    filter: grayscale(0%);
    opacity: 1;
}

.navbar-brand {
    width: 100px;
    height: auto;
    padding: 10px;
}

.no-touch .brand-nav li:hover {
    border-bottom: 3px solid #000;
}

.no-touch .brand-nav li:hover img {
    opacity: 1;
}

.navbar-toggle .icon-bar {
    background-color: #000;
}

.navbar-toggle .icon-bar {
    width: 35px;
    height: 4px;
}

.navbar-toggle {
    padding: 20px 10px;
}

.navbar-fixed-top .navbar-collapse {
    max-height: calc(100vh - 78px);
    border-top: 0;
    overflow-y: scroll;
    margin-right: -17px;
}

.nav .active-banner {
    display: none;
}

.no-touch .navbar-nav.page-nav > li:hover:not(.apply-btn) a:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 7px;
    right: 40%;
    border-bottom: 2px solid #000;
}

.navbar-nav.page-nav > li.active:not(.apply-btn) a:before {
    content: "";
    position: absolute;
    width: 20%;
    height: 1px;
    bottom: 7px;
    right: 40%;
    border-bottom: 2px solid #000;
}

/*banner nav logo styles*/


/*featured banner styles*/
.logo {
	width : auto ;
	height : 80px ;
}

.jumbotron.banner {
    padding-left: 0;
    padding-right: 0;
    border-radius: 0;
    margin-top: 40px;
    margin-bottom: 0;
    padding-bottom: 0;
}


#banner-1 {
    background-image: url(../img/bannerImage.jpg);
    background-size: cover;
    min-height: 800px;
}

#banner-2 {
    background-image: url(../img/bannerImage.jpg);
    background-size: cover;
    min-height: 800px;
}

.blurb-container {
    background-color: rgba(255, 255, 255, 0.65);
    padding: 20px;
    margin-top: 250px;
}

.jumbotron h1 {
    font-weight: 800;
    font-size: 35px;
    letter-spacing: 1px;
    margin-bottom: 40px;
    margin-top: 0;
}

.banner .row {
    margin: 0;
}

.container-fluid > .row.section {
    margin-top: 20px;
}

.btn-outline {
    background-color: transparent;
    border: 2px solid #000;
    border-radius: 0;
    font-weight: 800;
    font-size: 18px;
    color: #000;
    transition: all 0.5s ease;
    padding: 10px 40px;
}

.btn-bold {
    background-color: #000;
    transition: all 0.5s ease;
    padding: 15px 40px;
    font-size: 22px;
    font-weight: 800;
    border: 2px solid #000;
    border-radius: 0;
    color: #fff;
    letter-spacing: 0.1em;
}

.no-touch .btn-bold:hover {
    background-color: transparent;
    color: #000;
}

.no-touch .btn-outline:hover {
    background-color: #000;
    color: #fff;
}

/*featured words styles*/

.word-container {
    padding: 0;
    height: 90px;
    overflow: hidden;
    position: relative;
    opacity: 0.3;
    margin-bottom: 80px;
}

.word-container h4 {
    color: #fff;
    font-size: 132px;
    font-weight: 800;
    letter-spacing: 20px;
    text-transform: uppercase;
    margin: 0;
    line-height: 105px;
    position: absolute;
    bottom: 0;
}

.word-container h4.left-side {
    left: -10px;
}

.word-container h4.right-side {
    right: -25px;
}


/*discover section styles*/

.discover .white-opacity {
    margin-bottom: 20px;
    /*min-height:360px;*/
}

.discover {
    background-image: url(../img/paddle-hbc.png);
    min-height: 600px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #f0edf4;
}

.discover .word-container {
    opacity: 0.5;
}

/*accordion styles */

.panel-group .panel:first-child {
    margin-top: 0;
}

.panel-title a {
    display: block;
    text-decoration: none;
    font-weight: 100;
    padding-bottom: 5px;
    position: relative;
}

.panel-title a:before {
    content: "";
    position: absolute;
    width: 8%;
    height: 1px;
    bottom: 0;
    left: 0;
    border-bottom: 2px solid #000;
}

span.large-plus {
    font-size: 70px;
    line-height: 0.8em;
    font-weight: 100;
}

span.large-minus {
    font-size: 110px;
    line-height: 0.32em;
    font-weight: 100;
}

.panel-body p:first-child {
    margin-top: 0;
}

.panel {
    background-color: rgba(255, 255, 255, 0.85);
}

.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border: 0;
}

.panel-heading, .panel-group .panel {
    border-radius: 0;
}

.panel-heading {
    padding: 30px 30px 15px 30px;
}

.panel-body {
    padding: 0 30px 30px 30px;
}

.panel, .panel-group .panel + .panel {
    margin-top: 15px;
}

/*experience section styles*/

.experience {
    background-image: url(../img/eyeshadowGirl.png);
    min-height: 585px;
    background-color: #e4e1e8;
    background-repeat: no-repeat;
    background-size: cover;
}

.experience h3 {
    font-size: 25px;
}

.leader-list-container {
    padding-right: 0;
}

.leader-list-scroll {
    padding-bottom: 5px;
}

.leader-list {
    padding: 0;
    margin: 15px 0 0 0;
    overflow-y: scroll;

}

.leader-list::-webkit-scrollbar {

    -webkit-appearance: none;
    width: 7px;

}

.leader-list::-webkit-scrollbar-thumb {

    border-radius: 4px;
    background-color: rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0 0 1px rgba(255, 255, 255, .5);
}

.leader-list li {
    list-style-type: none;
    font-size: 14px;
}

.no-touch .leader-list li:hover {
    text-decoration: underline;
    cursor: pointer;
}

.learn {
    text-decoration: underline;
    background-color: transparent;
    text-align: left;
    border: none;
    padding: 4px 0 0 0;
    font-style: italic;
    font-weight: bold;
}

.no-touch .learn:hover {
    text-decoration: none;
    cursor: pointer;
}

blockquote {
    line-height: 1.1;
    position: relative;
    color: #383838;
    font-size: 15px;
    border: none;
    padding-top: 0;
    margin-left: 20px;
    max-width: 400px;
	text-align : center ;
}

blockquote:before {
    display: block;
    content: "\201C";
    font-family: Georgia, serif;
    font-size: 65px;
    position: absolute;
    left: -15px;
    top: -10px;
    color: #000;
}

blockquote:after {
    display: block;
    content: "\201D";
    font-family: Georgia, serif;
    font-size: 65px;
    position: absolute;
    right: -15px;
    top: -10px;
    color: #000;
}

.modal blockquote {
    margin-top: 30px;
}

.modal-body {
    margin-top: 15px;
}

.modal-body span {
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-weight: 800;

}

/*explore section styles*/

#distributionCenter iframe,
#distributionCenter #player {
    margin-top: 15px;
    border : none ;
	width : 100% ;
	height : 300px ;
}

.explore {
    background-image: url(../img/insideStore.jpg);
    min-height: 950px;
    background-size: cover;
    background-position: bottom center;
}

.title-bot h5 {
    margin-bottom: 30px;

}

.explore .word-container {
    opacity: 0.7;
}

/*conquer section styles*/

.conquer {
    background-image: url(../img/dolkaDotGirl.jpg);
    min-height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center left;
}

.conquer .word-container {
    height: 105px;
    opacity: 0.2;
}

.conquer h2, .conquer h5 {
    color: #fff;
}

.conquer h2 {
    font-size: 58px;
}

.conquer h2:before {
    border-color: #fff;
}

.conquer .word-container h4 {
    line-height: 160px;
}

/*embark section styles*/

.embark {
    background-image: url(../img/canoe-mobile.png?v-1);
    /*min-height: 1750px;*/
    background-size: auto;
    background-repeat: no-repeat;
    background-position: top right;

}

.embark .word-container {
    margin-bottom: 50px;
}

.login-text {
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 600;
}

.strong-link {
    font-weight: 800;
    color: #000;
    text-decoration: underline;
}

.no-touch .strong-link:hover {
    text-decoration: none;
    color: #000;
}

.apply-blurb {
    margin-bottom: 15px;
    margin-top: 0;

}

p.apply-blurb {
    font-weight: 600;

}

.apply-blurb:last-of-type {
    margin-bottom: 30px;
}

.btn-solid, .no-touch .btn-solid.opposite:hover {
    background-color: #000;
    color: #fff;
    font-size: 20px;
    font-weight: 100;
    width: 100%;
    padding: 3px 10px;
    border: 2px solid #000;
    transition: all 0.5s ease;
}

.no-touch .btn-nostyle:focus {
    text-decoration: underline;
}

.no-touch .close:focus span {
    color: #ff0000;
}

.no-touch .btn-solid:hover, .btn-solid.opposite {
    background-color: transparent;
    color: #000;
}

.reset {
    text-transform: uppercase;
    color: #000;
    font-weight: 800;
    font-size: 12px;
    text-decoration: underline;
}

.no-touch .reset:hover {
    text-decoration: none;
    color: #000;
}

.pagination {
    border-radius: 0;
    margin: 0;
    margin-top: 5px;
}

.pagination > li > a, .pagination > li > span, .pagination > li > a > span, .pagination > span.dots {
    background-color: transparent;
    color: #fff;
    border: none;
}

.no-touch .pagination > li > a:focus, .pagination > li > a:hover, .pagination > li > span:focus, .pagination > li > span:hover {
    background-color: transparent;
    color: #fff;
    text-decoration: underline;
}

.pagination-sm > li:first-child > a, .pagination-sm > li:first-child > span {
    border-radius: 0;
}

.pagination > .disabled > a, .pagination > .disabled > a:focus, .no-touch .pagination > .disabled > a:hover, .pagination > .disabled > span, .pagination > .disabled > span:focus, .no-touch .pagination > .disabled > span:hover {
    background-color: transparent;
    color: #fff;
    border: none;
}

.pagination > .active > a, .pagination > .active > a:focus, .no-touch .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .no-touch .pagination > .active > span:hover {
    background-color: #fff;
    color: #000;
    border: none;
}

label {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 13px;
}

select.form-control {
    text-transform: uppercase;
    -webkit-appearance: none;
    -webkit-border-radius: 0px;
    background: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='24' height='24' viewBox='0 0 24 24'><path fill='#444' d='M7.406 7.828l4.594 4.594 4.594-4.594 1.406 1.406-6 6-6-6z'></path></svg>");
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-color: #fff;
}

.selectize-input {

}

.form-control, .selectize-input {
    border-radius: 0;
    border: 2px solid #000;
    box-shadow: none;
    -webkit-box-shadow: none;
    color: #000;
    font-size: 16px;
    font-weight: 100;
}

.search-results-row {
    background-color: #000;
    margin-top: 100px;
}

.search-results-row-bottom {
    background-color: #000;
}

#search select.form-control {
    padding-top: 3px;
}

h6 {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 15px;
}

h6 span {
    background-color: #fff;
    color: #000;
    font-weight: 800;
    padding: 3px 6px;
    text-align: center;
}

h5.field-label {
    text-align: left;
    font-weight: 700;
}

.job-panel {
    background-color: rgba(255, 255, 255, 0.85);
    padding: 25px 10px;
    margin-bottom: 20px;
}

.job-panel h5 {
    font-size: 18px;
    text-align: left;
    font-weight: 700;
    margin: 0;
}

.job-panel p {
    margin: 0;
}

.job-panel .text-uppercase {
    margin-top: 0;
}

.job-panel .btn-solid {
    margin-top: 20px;
    font-size: 18px;
}

.field-row, .date-posted {
    margin-top: 15px;
}

/*footer styles*/

.white-footer-row {
    background-color: #fff;
    padding-top: 25px;
    padding-bottom: 25px;
}

.fineprint {
    font-size: 10px;
    line-height: 13px;
    margin: 0;
}

.black-footer-row {
    background-color: #000;
    padding-top: 25px;
    padding-bottom: 25px;
}

.black-footer-row .fineprint {
    color: #fff;
}

.black-footer-row ul {
    margin: 25px 0 0 0;
    padding: 0;
}

.black-footer-row ul li {
    display: inline-block;
    padding: 5px 10px;

}

.black-footer-row ul li a {
    color: #fff;
    text-decoration: underline;
    font-size: 10px;

}

.job-page {
    margin-bottom: 50px;
}

.job-page h2 {
    font-weight: 100;
    font-size: 55px;
    margin-top: 50px;
}

.job-page h2:before {
    content: "";
    position: absolute;
    width: 80px;
    height: 1px;
    bottom: 0;
    right: 15px;
    border-bottom: 2px solid #000;
}

.job-title {
    margin-top: 40px;
}

.job-details h3 {
    font-size: 15px;
    font-weight: 800;
    margin-top: 30px;
}

#job-details-1 {
    margin-top: 30px;
}

.btn-holder {
    padding-bottom: 15px;
}

.row.cta-holder {
    margin-bottom: 50px;
}

/*lightbox styles*/

.leader-profile {
    max-width: 100%;
	width : 100% ;
	height : auto ;	
}

.modal-content {
    border-radius: 0;
}

.modal-header {
    border-bottom: 0;
}

#hbcDigital img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.modal-body {
    margin-top: 0;
    padding-top: 0;
}

.leaderModal .modal-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 18px;
}

.leaderModal .modal-title span {
    text-transform: capitalize;
    font-size: 15px;
    font-weight: 400;
}

.leaderModal .modal-title span:before {
    content: "\A";
    white-space: pre;
}

/*read more expandables*/

.extended {
    /*display: none;*/
}

/*modal trigger*/

.btn-nostyle {
    border: none;
    text-align: left;
    background-color: transparent;
    padding: 3px 0;

}

.no-touch .btn-nostyle:hover {
    text-decoration: underline;
}

.fr h2 {
    font-size: 44px;
}

@media (max-width: 1200px) {
    .word-container h4 {
        font-size: 80px;
        letter-spacing: 12px;
    }

    .word-container {
        height: 75px;
    }
}

@media (max-width: 850px) {
    h2 {
        font-size: 48px;
    }

}

@media (max-width: 767px) {

    .word-container h4 {
        font-size: 50px;
        letter-spacing: 7px;
        line-height: 60px;
    }

    .word-container h4.right-side {
        right: 0;
    }

    .conquer .word-container h4 {
        line-height: 60px;
    }

    .word-container h4.left-side {
        left: -4px;
    }

    .word-container {
        height: 45px;
    }

    .conquer .word-container {
        height: 45px;
    }

    h2 {
        font-size: 50px;
        line-height: 80px;
    }

    h5 {
        font-size: 14px;
        margin-top: 0;
    }


    .panel-title a:before {
        width: 20%;
    }

    .error-404 {
        margin-top: 78px;
    }

    .job-page {
        margin-top: 78px;
    }

    .brand-nav img, .brand-nav img {
        min-height: 30px;
        max-width: 90%;
        max-height: 40px;
    }

    .nav > li > a > img {
        display: block;
        margin: 0 auto;
    }

    .page-nav {
        background-color: rgba(255, 255, 255, 0.8);
    }

    .leaderModal .modal-title {
        margin-top: 30px;
    }

    .experience {
        background-size: auto;
        background-image: url(../img/eyeshadowGirlMobile.png);
    }



    .lang-nav {
        display: none;
    }

    .navbar-nav.page-nav > li.language{
        display:block;
    }
}


@media only screen and (min-width: 767px) {
	.logo,
	.active-banner .logo {
		height : 80px ;
	}
	.logo.decologo {
		margin: 0;
		transform: scale(1.3);
	}
}

/* Extra Small Devices, Phones */
@media only screen and (max-width: 480px) {
    .word-container h4 {
        font-size: 40px ;
        line-height: 1.6em ;
    }

    h2 {
        line-height: 55px;
    }

    .section h2:before {
        bottom: -5px;
    }

    .fr #headingThreeDep h4 {
        font-size: 26px;
        line-height: 36px;
    }

}

@media only screen and (min-width: 480px) {

    .conquer {
        background-position: center right;
    }

    .embark {
        background-image: url(../img/canoe.png);
        /*min-height: 1750px;*/
        background-size: cover;
        background-repeat: no-repeat;
        background-position: top right;

    }

    .embark .word-container {
        margin-bottom: 80px;
    }

}

@media (min-width: 768px) {

    .brand-nav img, .brand-nav img {
        min-height: 80px;
        max-width: 90%;
        max-height: 80px;
    }

    ul.nav.navbar-nav.page-nav {
        padding-right: 30px;
    }

    .navbar-nav.page-nav > li {
        float: none;
        display: inline-block;
    }

    .navbar-nav.page-nav > li > a {

        padding: 10px;
    }

    .navbar-nav.page-nav > li.apply-btn > a {
        color: #fff;
        background-color: #000;
        padding: 5px 10px;
        border: 1px solid #000;
        transition: all 0.5s ease;
    }

    .no-touch .navbar-nav.page-nav > li.apply-btn:hover a {
        background-color: transparent;
        border: 1px solid #000;
        color: #000;
    }

    .search-results-row {
        margin-top: 200px;
    }

    .jumbotron.banner {
        margin-top: 65px;
    }

    .job-page {
        margin-top: 175px;

    }

    /*error page styles*/
    .error-404 {

        margin-top: 113px;
    }

    /*banner nav logo styles*/
    #hbc, #lt, #saks {
        width: 18%;
    }

    #bay {
        width: 24%;
    }

    #find, #off, #home, #gilt {
        width: 18%;
    }

    .no-touch .nav.brand-nav > li:hover > a {
        padding-bottom: 15px;
    }

    .nav.brand-nav .active-banner {
        display: block;
        border-bottom: 3px solid #000;
    }

    h3:before {
        width: 25%;
    }

    .no-touch .navbar-nav.page-nav > li:not(.apply-btn):hover a:before {
        content: "";
        position: absolute;
        width: 60%;
        height: 1px;
        bottom: 7px;
        right: 20%;
        border-bottom: 2px solid #000;
    }

    .navbar-nav.page-nav > li.active:not(.apply-btn) a:before {
        content: "";
        position: absolute;
        width: 60%;
        height: 1px;
        bottom: 7px;
        right: 20%;
        border-bottom: 2px solid #000;
    }

    .job-panel .btn-solid, .date-posted {
        margin-top: 0px;
    }

    .navbar-fixed-top .navbar-collapse {
        margin-right: 0;
    }

}

@media only screen and (min-width: 992px) {
    .discover .white-opacity {
        min-height: 350px;
    }

    .title-bot h2 {
        font-size: 50px;
    }

    .title-bot {
        position: absolute;
        bottom: 0;
    }

    .title-bot-holder {
        position: relative;
        margin-bottom: 20px;
    }
}

@media only screen and (min-width: 1100px) {
    .discover .white-opacity {
        min-height: 270px;
    }
}


/* Large Devices, Wide Screens */
@media only screen and (min-width: 1200px) {
	.conquer .word-container h4 {
		line-height: 123px;
	}
}

@media only screen and (min-width: 1400px) {
    .discover .white-opacity {
        min-height: 220px;
    }

}


@media only screen and (min-width: 1600px) {
    .discover .white-opacity {
        min-height: 200px;
    }

}

/*error page styles*/
.error-404 {
    background-image: url(../img/bannerImage.jpg);
    background-size: cover;
    min-height: 750px;
}

.ajax-loader {
    position: fixed;
    top: 50%;
    left: 50%;
}

.no-results{
    font-size: 16px;
    font-weight: 600;
}



.pagination > li > a, 
.pagination > li > span {
	padding: 6px 6px;
}
    

.img_preload {
	position: absolute;
    top: -10000px;
    left: -10000px;
    width: 0;
    height: 0;
    -webkit-overflow : hidden ;
    overflow : hidden ;
}



/* skip to main content button */
#skiptocontent {
	position : fixed;
	top : 0 ;
	left : 0;
}
#skiptocontent a {
	display : block ;
	
	transition : 0.5s transform ;
	transform : translate(0, -100%) ;
	
	line-height: 19px;
    text-transform: uppercase;
    font-weight: 700;
    color: #000;
    letter-spacing: 1px;
    font-size: 13px;
    text-decoration : none ;
    
    background-color : white ;
    padding : 12px 20px ;
}
#skiptocontent a:focus {
	transform : translate(0, 0) ;
	transition : 0.2s transform ;
}




video {
	width : 100% ;
}


 /* hide controls for banner carousel */
#carousel .carousel-control {
	display : none ;
}


/* show controls for supply chain carousel */
#carousel-distribution .carousel-control .glyphicon {
	color : #fff ;
}
#carousel-distribution .glyphicon-chevron-left {
	margin-left : -20px ;
}
#carousel-distribution .glyphicon-chevron-right {
	margin-right : -20px ;
}

#carousel-distribution .pause-btn,
#carousel-distribution .play-btn {
    display: block;
    padding: .2em .2em .2em 0;
    width: 30px;
    height: 30px;
    
    position: absolute;
    left: calc( 50% - 23px ) ;
    bottom: 30px;
    
    font-size: 30px;
     color: rgba(255,255,255,0.7);
}
#carousel-distribution .pause-btn:hover,
#carousel-distribution .play-btn:hover,
#carousel-distribution .pause-btn:focus,
#carousel-distribution .play-btn:focus {
     color: #fff;
     text-decoration : none ;
}
#carousel-distribution .pause-btn::after {
    content: "\e073";
    font-family: "Glyphicons Halflings";
}

#carousel-distribution .play-btn {
    left: calc( 50% + 5px) ;
}
#carousel-distribution .play-btn::after {
    content: "\e072";
    font-family: "Glyphicons Halflings";
}



/* collapse with ellipsis */
.collapse_js:not([role="button"]) {
	overflow : hidden ;
	height : 53px ;
	position : relative ;
}
/* button for collapse with ellipsis */
[data-toggle="collapse_js"] {
	overflow : visible !important ;
}
/* ellipsis */
[data-toggle="collapse_js"][aria-expanded="false"]::after {
	content : "..." ;
	display : block ;
	
	position : absolute ;
	left : 0 ;
	bottom  : -95px ;
	
	animation : appear .4s 1;
	animation-delay : 0.4s ;
	animation-fill-mode : both ;
	
	font-size: 22px;
}
@keyframes appear {
   from { opacity : 0 ; }
   to   { opacity : 1 ; }
}
.panel-collapse.collapse_js {
    margin-top: -15px;
}
.collapse_js:not([role="button"]) {
    overflow: hidden;
    height: 53px;
    position: relative;
}
.panel-collapse.collapse_js > div {
    margin-top: 15px;
}
.panel-body::before,
.panel-body::after {
	content : "" ;
	display : block ;
	clear : both ;
}
#accordion .panel,
#accordionDep .panel:nth-of-type(1),
#accordionDep .panel:nth-of-type(2) {
    padding: 0 0 2em;
}

#accordionDep .panel:nth-of-type(3) p,
#headingFourDep p,
.experience .white-opacity p:first-of-type,
.conquer .white-opacity p:first-of-type {
	margin-top: 25px;
}





/* smooth scroll anchors */
#About,
#Working,
#Departments,
#Training,
#Apply,
#Search-results-all {
	position : absolute ;
	top : -170px ;
}
@media (max-width : 767px ) {
	#About,
	#Working,
	#Departments,
	#Training,
	#Apply,
	#Search-results-all {
		position : absolute ;
		top : -100px ;
	}
}
.discover,
.experience,
.explore,
.conquer,
.embark {
	position : relative ;
}

/*#distributionCenter {
	display : block ;
}*/

.social-icon {
	font-size: 1.3em;
	position: relative;
	top: 1px;
}

.social-icon--footer {
	color : #fff ;
    font-size: 2.3em;
	top: 0;
    margin: 0 -5px;
}

.social-link {
	padding : .5em ;
}

.navbar-top-social {
	display : none ;
}
@media screen and (min-width: 768px) {
	.navbar-top-social {
		list-style-type: none;
		position: absolute;
		left: auto;
		right: 190px;
		display : flex ;
	}
}


.carousel.logistics {
    margin-top: 25px;
}

.nav>li>a {
    text-align:center ;
}


#home { display: none;  }