h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: 'BebasNeuewebfont';
    color: #898989;
}

p{
    line-height: 1.5;
}

body {
    font-family: Verdana, sans-serif;
    margin-top: 117px;
    color:#b4b4b4;
}

@media (max-width: 1200px) {
    body {
        margin-top: 100px;
    }
}

@media (max-width: 900px) {
    body {
        margin-top: 77px;
    }
}

a:hover {
    text-decoration: none !important;
}

.mobile-menu {
    display: none;
    position: fixed;
    z-index: 9999;
    background: white;
    width: 408px;
    top: 77px;
}

@media (min-width: 761px) {
    .mobile-menu {
        display: none !important;
    }
}

@media (max-width: 400px) {
    .mobile-menu {
        width: 85%;
    }
}

.mobile-menu ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

 
.mobile-menu ul li a {
     
    width: 100%;
    background-color: white;
    display: block;
    padding: 15px 20px;
     
     
    border-bottom: 1px solid #888888;
    color: #b4b4b4;

    font-size: 19px;
    line-height: 28px;
    font-family: Verdana, sans-serif;
    text-transform: uppercase;


}

@media (max-width: 380px) {
    .mobile-menu ul li a {
        padding: 13px 20px;
        font-size: 17px;
        line-height: 20px;
        font-family: Verdana, sans-serif;
        text-transform: uppercase;

    }
}

.mobile-menu ul li a span {
    float: right;
    margin-right: 20px;
}

.mobile-menu ul li a:hover {
    text-decoration: none;
    background-color: #b4b4b4;
    color: white;
}

@media (min-width: 500px) and (max-width: 768px) {
    .nav > li {
        position: relative;
        display: inline-block;
    }
}

@media (max-width: 760px) {
    ul.navbar-nav {
        display: none;
    }
    .mobile-toggle {
    display: block !important;
    float: left;
    color: #888;
    font-size: 27px;
    margin-top: 20px;
    position: absolute;
    left: 15px;    }
    .navbar .container {
        text-align: center;
    }
    .navbar .container .logo {
        float: none;
        top: 13px;
        position: relative;
    }
}

.navbar {
    background: white;
    border: 0px;
    height: 116px;
    margin-bottom: 0px;
    -webkit-box-shadow: 0 6px 4px -4px #555;
    -moz-box-shadow: 0 6px 4px -4px #555;
    box-shadow: 0 6px 4px -4px #555;
    z-index: 99;
    position: fixed;
    width: 100%;
    border-radius: 0px;
    top: 0px;
}

@media (max-width: 1200px) {
    .navbar {
        height: 100px;
    }
}

@media (max-width: 900px) {
    .navbar {
        height: 77px;
    }
}

.navbar ul.navbar-nav {
    /*margin-left: 52px;*/
    background-color: #fff;
}

@media (max-width: 1200px) {
    .navbar ul.navbar-nav {
        /*margin-left: 35px;*/
    }
}

@media (max-width: 991px) {
    .navbar ul.navbar-nav {
        margin-left: 0px;
    }
}

@media (max-width: 900px) {
    .navbar ul.navbar-nav {
        margin-left: 0px;
    }
}

@media (max-width: 768px) {
    .navbar ul.navbar-nav {
        margin: 0px;
        padding: 0px;
        margin-left: 25px;
        float: right;
    }
}

.navbar ul.navbar-nav li.active a {
    color: white !important;
    background: #b4b4b4;
}

.navbar ul.navbar-nav li.active a:hover {
    color: black !important;
    background: #b4b4b4;
}

.navbar ul.navbar-nav li a {
/*    padding: 48px 22px;
    font-size: 18px;
    color: black !important;
    text-transform: uppercase;*/
}

.navbar ul.navbar-nav li a:hover {
    color: white !important;
    background: #b4b4b4;
}

 

 

 
 

.logo {
    float: left;
    margin-top: 18px;
}

@media (max-width: 1200px) {
    .logo {
        margin-top: 16px;
    }
    .logo img {
        max-width: 165px;
    }
}

@media (max-width: 991px) {
    .logo {
        margin-top: 20px;
    }
    .logo img {
        max-width: 150px;
    }
}

@media (max-width: 900px) {
    .logo {
        margin-top: 13px;
    }
    .logo img {
        max-width: 126px;
    }
}


/* Carousel base class */

.carousel {
    margin-bottom: 15px;
    margin-top: 70px;
}



/* Since positioning the image, we need to help out the caption */

.carousel-caption {
    z-index: 10;
}


/* Declare heights because of positioning of img element */
.carousel-inner{
    height: 400px;
    
}

@media(max-width:650px){
    .carousel-inner{
        height: auto;
    }
}

.carousel-inner > .item > img {
    width: 100%;
    /*-webkit-transform: translateY(-10%);    
    -ms-transform: translateY(-10%);    
    transform: translateY(-10%);*/
}

.carousel-caption {
    display: none;
}

/*
    For big words like loss prevention
*/
.carousel-caption.shown2{
    display: block;
    top: 50%;
    padding: 0px;
    font-size: 6vw;
    text-shadow: none;
    font-family: 'BebasNeuewebfont';
    transform: translateY(-45%);
    font-weight: bold;
    letter-spacing: 3.5px;

}
.carousel-caption.shown3{
    display: block;
    width: 100%;
    left: 0px;
    top: 50%;
    padding: 0px;
    font-size: 6vw;
    text-shadow: none;
    font-family: 'BebasNeuewebfont';
    transform: translateY(-45%);
    font-weight: bold;
    letter-spacing: 3.5px;

}

.carousel-caption.shown{
    display: block;     
    top: 50%;    
    padding: 0px;
    font-size: 7vw;
    text-shadow: none;
    font-family: 'BebasNeuewebfont';
    transform: translateY(-75%);
    font-weight: bold;
    letter-spacing: 3.5px;
}

@media(max-width:1280px){
    .carousel-caption.shown{
           transform: translateY(-45%)!important;
    }
}

@media(max-width:650px){
    .carousel-caption.shown{
        font-size: 10vw;
    }
    .carousel-caption.shown2{
        font-size: 8vw;
    }
}

.breadcrumbs {
    margin-bottom: 33px;
    margin-left: 20px;
}

.breadcrumbs p {
    color: #b4b4b4;
    margin: 0px;
    font-size: 0.9em;
}

.breadcrumbs p a {
    color: #545454;
    text-decoration: none;
}

@media (max-width: 768px) {
    .breadcrumbs {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 768px) {
    .mobile-sign-in {
        display: block;
    }
}

@media (min-width: 769px) {
    .mobile-sign-in {
        display: none;
    }
}

@media (max-width: 769px) {
    .sign-in {
        display: none;
    }
}

.header .col1 {
    width: 257px;
    float: left;
}

.header  h1 {
    font-size: 62px;
    text-align: left;
    line-height: 54px;
    margin-top: 0px;
    margin-left: 30px;
    letter-spacing: 2px;
}
@media(max-width:650px){
    .header  h1 {
        margin-left: 0px;
    }
}

 



.intro-txt p{
    font-size: 16px;
    color:#6f6f6f;
    font-weight: 400;

}

@media(max-width:900px){

    .intro-txt p{
        font-size: 1em;
    }
}

.w4cb .row {
    margin-bottom: 45px;
    padding: 90px 0;
}

@media (min-width: 900px) {
    .w4cb .row .container {
        padding-left: 0px;
    }
}

.w4cb .row h1 {
    margin: 0px;
    text-transform: uppercase;
    font-size: 4.6vw;
    line-height: 3.8vw;
    margin-bottom: 5px;
}

.w4cb .row .col1 {
    width: 55%;
    float: left;
}

.w4cb .row .col1 img {
    width: 100%;
}

.w4cb .row .col2 {
    width: 40.5%;
    float: right;
}

.w4cb .row:nth-child(even) {
    background: #b4b4b4;
}

.w4cb .row:nth-child(even) h1 {
    color: white;
}

.w4cb .row:nth-child(even) .col1 {
    width: 55%;
    float: right;
}

.w4cb .row:nth-child(even) .col2 {
    width: 40.5%;
    margin-left: 0%;
    float: left;
}

@media (max-width: 900px) {
    .w4cb .row:nth-child(even):after {
        content: '';
        display: block;
        width: 0;
        height: 0;
        border-top: 20px solid #b4b4b4;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        position: absolute;
        z-index: 1;
        left: 50%;
        margin-left: -20px;
        margin-top: 20px;
    }
}

.w4cb .row:nth-child(1) {
    padding-top: 0px;
}

.w4cb .row:nth-child(3) {
    background: #c1c1c1;
}

.w4cb .row:nth-child(4) {
    background: #6cc6c3;
}

.w4cb .row:nth-child(4):after {
    border-top: 20px solid #6cc6c3;
}

.w4cb .row.dc {
    background: url("../img/dc-bg.jpg");
    background-size: cover;
    background-attachment: fixed;
}

@media (max-width: 900px) {
    .w4cb .row {
        padding: 20px 0;
        margin-bottom: 25px;
    }
    .w4cb .row h1 {
        font-size: 10vw;
        line-height: 10vw;
    }
    .w4cb .row img {
        margin-top: 10px;
    }
    .w4cb .row .col1,
    .w4cb .row .col2,
    .w4cb .row:nth-child(even) .col1,
    .w4cb .row:nth-child(even) .col2 {
        width: 95%;
        float: none;
        margin: 0 auto;
    }
}

.benefits-h .col1 {
    width: 15%;
    float: left;
}

.benefits-h .col2 {
    width: 83%;
    float: right;
    margin: 0px;
}

.benefits-h-s .col1 {
    width: 19%;
    float: left;
}

.benefits-h-s .col2 {
    width: 79%;
    float: right;
    margin: 0px;
}

@media (max-width: 991px) {
    .benefits-h .col1 {
        width: 25%;
    }
    .benefits-h .col2 {
        width: 73%;
    }
}

@media (max-width: 650px) {
    .benefits-h .col1 {
        width: 30%;
        text-align: right;
    }
    .benefits-h .col1 h1 {
        width: auto;
        text-align: right;
    }
    .benefits-h .col2 {
        width: 60%;
        margin-right: 3%;
    }
}

@media (max-width: 450px) {
    .benefits-h .col1,
    .benefits-h .col2 {
        width: 95%;
        float: none;
        margin: 0 auto;
    }
    .benefits-h .col1 h1,
    .benefits-h .col2 h1 {
        text-align: center;
    }
    .benefits-h .col1 br,
    .benefits-h .col2 br {
        display: none;
    }
}

.benefits {
    padding: 0;
}

.benefits .row {
    margin: 0px 0;
    background-color: #2daeaa;
}

.benefits .row .background {
    width: 50%;
    background-color: #d3d3d3;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
}

.benefits .row .background h2 {
    text-transform: uppercase;
    color: white;
    font-size: 81px;
    line-height: 70px;
    margin: 0px;
    float: left;
    padding: 160px 70px;
    text-align: right;
    float: right;
}

.benefits .row .background h2 {
    text-transform: uppercase;
    color: white;
    font-size: 141px;
    line-height: 114px;
    margin: 0px;
    float: left;
    padding: 160px 70px;
    text-align: right;
    float: right;
}

@media (max-width: 1300px) {
    .benefits .row .background h2 {
        font-size: 6vw;
        line-height: 5vw;
    }
    .benefits.working .row .background h2 {
        font-size: 9vw;
        line-height: 7vw;
    }
}

@media (min-width: 651px) and (max-width: 950px) {
    .benefits .row .background h2 {
        font-size: 8vw;
        line-height: 7.5vw;
    }
}

@media (max-width: 650px) {
    .benefits .row .background {
        display: none;
    }
}

.benefits .row .background.incentives {
    background-image: url(../img/incentivesv2.jpg);
}

.benefits .row .background.opportunity {
    background-image: url(../img/opportunity.jpg);
}

.benefits .row .background.dcenter {
    background-image: url(../img/dcenter.jpg);
}

.benefits .row .background.culture {
    background-image: url(../img/funv2.jpg);
    margin-left: 50%;
}

.benefits .row .background.head-office {
    background-image: url(../img/head-officev2.jpg);
    margin-left: 50%;
}

.benefits .row .background.retail-stores {
    background-image: url(../img/retail.jpg);
}

.benefits .row .background.culture h2,
.benefits .row .background.head-office h2 {
    text-align: left;
    float: left;
}

.benefits .row .col1 {
    width: 50%;
    float: left;
    padding: 160px 30px;
    text-align: right;
}

.benefits .row .col1 h2 {
    text-transform: uppercase;
    color: white;
    font-size: 81px;
    line-height: 70px;
    margin: 0px;
}

.benefits.working .row .col1 h2 {
    text-transform: uppercase;
    color: white;
    font-size: 141px;
    line-height: 114px;
    margin: 0px;
}

@media (max-width: 1300px) {
    .benefits .row .col1 h2 {
        font-size: 6vw;
        line-height: 5vw;
    }
}

@media (min-width: 651px) and (max-width: 950px) {
    .benefits .row .col1 h2,
    .benefits.working .row .col1 h2 {
        font-size: 8vw;
        line-height: 7.5vw;
    }
}

.benefits .row .col2 {
    width: 50%;
    float: right;
    padding: 160px 30px;
}

.benefits .row .col2 p {
    margin-bottom: 10px;
}

.benefits .row:nth-child(even) {
    background: #c1c1c1;
    /*      background: -moz-linear-gradient(left, #c1c1c1 0%, #c1c1c1 50%, #55636e 50%, #55636e 100%);
      background: -webkit-gradient(left top, right top, color-stop(0%, #c1c1c1), color-stop(50%, #c1c1c1), color-stop(50%, #55636e), color-stop(100%, #55636e));
      background: -webkit-linear-gradient(left, #c1c1c1 0%, #c1c1c1 50%, #55636e 50%, #55636e 100%);
      background: -o-linear-gradient(left, #c1c1c1 0%, #c1c1c1 50%, #55636e 50%, #55636e 100%);
      background: -ms-linear-gradient(left, #c1c1c1 0%, #c1c1c1 50%, #55636e 50%, #55636e 100%);
      background: linear-gradient(to right, #c1c1c1 0%, #c1c1c1 50%, #55636e 50%, #55636e 100%);
      filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c1c1', endColorstr='#55636e', GradientType=1 ); }
*/
}

.benefits .row:nth-child(even) .col1 {
    float: right;
    text-align: left;
}

.benefits .row:nth-child(even) .col2 {
    float: left;
}

.benefits .row:nth-child(3) {
    background: #55636e;
    background: -moz-linear-gradient(left, #55636e 0%, #55636e 50%, #a0dad8 50%, #a0dad8 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, #55636e), color-stop(50%, #55636e), color-stop(50%, #a0dad8), color-stop(100%, #a0dad8));
    background: -webkit-linear-gradient(left, #55636e 0%, #55636e 50%, #a0dad8 50%, #a0dad8 100%);
    background: -o-linear-gradient(left, #55636e 0%, #55636e 50%, #a0dad8 50%, #a0dad8 100%);
    background: -ms-linear-gradient(left, #55636e 0%, #55636e 50%, #a0dad8 50%, #a0dad8 100%);
    background: linear-gradient(to right, #55636e 0%, #55636e 50%, #a0dad8 50%, #a0dad8 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#55636e', endColorstr='#a0dad8', GradientType=1);
}

@media (max-width: 650px) {
    .benefits .row {
        padding: 20px 0;
        background: #b4b4b4;
    }
    .benefits .row .col1,
    .benefits .row .col2,
    .benefits .row:nth-child(even) .col1,
    .benefits .row:nth-child(even) .col2 {
        width: 90%;
        padding: 0px;
        margin: 0px auto;
        float: none;
    }
    .benefits .row .col1 h2,
    .benefits .row .col2 h2,
    .benefits .row:nth-child(even) .col1 h2,
    .benefits .row:nth-child(even) .col2 h2,
    .benefits.working .row .col1 h2,
    .benefits.working .row .col2 h2,
    .benefits.working .row:nth-child(even) .col1 h2,
    .benefits.working .row:nth-child(even) .col2 h2 {
        text-align: center;
        font-size: 10vw;
        line-height: 10vw;
    }
    .benefits .row:nth-child(2) {
        background: #c0e7e5;
    }
    .benefits .row:nth-child(3) {
        background: #76cac7;
    }
}

.benefits.working .row {
    background: #eaf7f6;
}

@media (max-width: 650px) {
    .benefits.working .row .col1 h2 {
        color: #b4b4b4;
    }
}

.home .row {
    padding: 40px 0;
}

.home .row .col1,
.home .row .col2,
.home .row .col3 {
    width: 31.3%;
    float: left;
    text-align: center;
}

.home .row .col1 a,
.home .row .col2 a,
.home .row .col3 a {
 
    display: block;
    height: 260px;
    padding-top: 80px;
}

.home .row .col1 a h2,
.home .row .col2 a h2,
.home .row .col3 a h2 {
    color: white;
    font-size: 55px;
    line-height: 50px;
    margin: 0px;
}

.home .row .col1 a span,
.home .row .col2 a span,
.home .row .col3 a span {
    display: block;
    color: white;
}

.home .row .col1 a span.subtext,
.home .row .col2 a span.subtext,
.home .row .col3 a span.subtext {
    font-size: 12px;
}

.home .row .col1 a span.linktext,
.home .row .col2 a span.linktext,
.home .row .col3 a span.linktext {
    text-transform: uppercase;
    padding: 5px;
    font-size: 16px;
    background: #c1c1c1;
    color: #fff;
    display: inline-block;
    margin: 20px auto;
    width: 60%;
}


@media (max-width: 992px) {
    .home .row .col1 a,
    .home .row .col2 a,
    .home .row .col3 a {
        height: 230px;
        padding-top: 60px;
    }
    .home .row .col1 a h2,
    .home .row .col2 a h2,
    .home .row .col3 a h2 {
        font-size: 45px;
        line-height: 45px;
    }
}

@media (max-width: 768px) {
    .home .row .col1 a,
    .home .row .col2 a,
    .home .row .col3 a {
        height: 320px;
        padding-top: 110px;
    }
    .home .row .col1 a h2,
    .home .row .col2 a h2,
    .home .row .col3 a h2 {
        font-size: 40px;
        line-height: 40px;
    }
    .home .row .col1 a span.linktext,
    .home .row .col2 a span.linktext,
    .home .row .col3 a span.linktext {
        width: 75%;
    }
}

 

 

 
.home .row .col1 {
    margin-right: 3%;
    background: url(../img/col1-bg.jpg);
    background-size: cover;
}

.home .row .col2 {
    margin-right: 3%;
    background: url(../img/col2-bg.jpg);
    background-size: cover;
    
}
.home .row .col3 {
    background: url(../img/col3-bg.jpg);
    background-size: cover;
    
}

@media (max-width: 768px) {
    
    .home .row .col1 a h2, .home .row .col2 a h2, .home .row .col3 a h2{
        font-size: 35px;
    }

    .home .row .col1,
    .home .row .col2,
    .home .row .col3 {
        width: 100%;
        margin: 10px 0;
    }

    
}

@media (max-width: 650px) {
    .home .row {
        background: transparent;
    }
    .home .row .container {
        padding: 0px;
    }
    .home .row .col1 a,
    .home .row .col2 a,
    .home .row .col3 a {
        height: 160px;
        width: 60%;
        margin: 20px auto;
        padding: 20px !important;
        background: transparent;
    }
    .home .row .col1 a h2,
    .home .row .col2 a h2,
    .home .row .col3 a h2 {
        font-size: 50px;
    }
}

@media (max-width: 650px) and (max-width: 440px) {
    .home .row .col1 a h2,
    .home .row .col2 a h2,
    .home .row .col3 a h2 {
        font-size: 40px;
    }
}

@media (max-width: 650px) and (max-width: 380px) {
    .home .row .col1 a h2,
    .home .row .col2 a h2,
    .home .row .col3 a h2 {
        margin-top: 10px;
        font-size: 30px;
        line-height: 30px;
    }
}

@media (max-width: 650px) and (max-width: 380px) {
    .home .row .col1 a .linktext,
    .home .row .col2 a .linktext,
    .home .row .col3 a .linktext {
        font-size: 12px !important;
    }
}

@media (max-width: 650px) {
   
    .home .row .col2 a .subtext {
        display: none;
    }
    .home .row .col2 a .linktext {
        margin-top: 5px !important;
    }
     
}

@media (max-width: 650px) {
    .home .row {
        margin-bottom: 0px;
        padding-bottom: 5px;
    }
}

.homepage {
    margin: 15px 0;
}

.homepage .col1 {
    float: right;
    width: 32%;
    margin-top: 3%;
}

.homepage .col1 h2 {
    color: black;
}

.homepage .col2 {
    width: 67%;
    float: left;
    padding: 15px;
}

.homepage .col1-m {
    display: none;
}

@media (max-width: 900px) {
    .homepage {
        margin-top: 20px;
    }
    .homepage .col1 {
        display: none;
    }
    .homepage .col1-m,
    .homepage .col2 {
        width: 95%;
        display: block;
        float: none;
        padding: 0px;
        margin: 0 auto;
    }
    .homepage .col1-m h2,
    .homepage .col2 h2 {
        color: black;
    }
    .homepage .col1-m h1,
    .homepage .col2 h1 {
        margin-top: 0px;
    }
}

.crew-h h1 {
    margin-top: 0px;
    font-size: 62px;
    line-height: 56px;
}

@media (max-width: 768px) {
    .crew-h {
        margin: 0 auto;
    }
}

.header-faqs {
    background: #b4b4b4;
    color: white;
    padding: 30px 0 10px;
}

.header-faqs h1 {
    color: white;
}

@media (min-width: 1201px) {
    .header-faqs .col1 h1 {
        font-size: 68px;
    }
}

@media (max-width: 650px) {
    .header-faqs {
        background: white;
        color: black;
    }
    .header-faqs h1 {
        color: #b4b4b4;
    }
}

.crew {
    padding: 0px;
}

.crew .grid .grid-item {
    position: relative;
    width: 21%;
    display: block;
    margin: 2%;
}

.crew .grid .grid-item a {
    display: block;
}

.crew .grid .grid-item img {
    width: 100%;
}

@media (max-width: 768px) {
    .crew .grid .grid-item {
        width: 46%;
    }
}

.crew .grid .grid-item figcaption {
    display: none;
    position: absolute;
    bottom: 1%;
    padding: 0px 20px;
}

.crew .grid .grid-item figcaption h2 {
    color: white;
    font-size: 50px;
    line-height: 30px;
    margin: 0;
}

.crew .grid .grid-item figcaption p {
    color: white;
    font-weight: 300;
}

.crew .grid .grid-item:hover::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    opacity: 0.8;
    background: #b4b4b4;
}

.crew .grid .grid-item:hover figcaption {
    display: block;
}

.white-popup {
    width: 50%;
    margin: auto;
    background: white;
    min-height: 300px;
    padding: 55px 60px;
    overflow: hidden;
    max-width: 755px;
    position: relative;
}

.white-popup .close {
    position: absolute;
}

.white-popup .col1,
.white-popup .col2 {
    width: 45%;
    float: left;
}

.white-popup .col1 img,
.white-popup .col2 img {
    width: 100%;
}

.white-popup .col1 h2,
.white-popup .col2 h2 {
    font-size: 90px;
    line-height: 80px;
    margin: 0px;
}

.white-popup .col1 h5,
.white-popup .col2 h5 {
    font-size: 24px;
    margin: 0px;
    margin-bottom: 10px;
}

.white-popup .col1 p,
.white-popup .col2 p {
    font-size: 12px;
}

.white-popup .col1 {
    margin-right: 5%;
}

@media (max-width: 1200px) {
    .white-popup {
        width: 80%;
    }
}

@media (max-width: 700px) {
    .white-popup {
        width: 80%;
        max-width: 372px;
        padding: 30px 30px;
    }
    .white-popup .col1,
    .white-popup .col2 {
        width: 100%;
        margin: 0 auto;
        float: none;
    }
    .white-popup .col1 h5,
    .white-popup .col2 h5 {
        text-transform: capitalize;
        font-family: verdana;
        font-size: 16px;
    }
    .white-popup .col1 {
        max-height: 285px;
        overflow: hidden;
        margin-bottom: 20px;
    }
}

.stores {
    position: relative;
    padding: 30px 15px 70px 15px;
}

 
@media (max-width: 650px) {
    .stores {
        margin-bottom: 30px;
    }
    .stores:after {
        border-top: 20px solid #ddd;
        border-right: 20px solid transparent;
        border-left: 20px solid transparent;
        border-bottom: none;
        margin-left: -20px;
        margin-top: 0px;
    }
}

.stores h2 {
    font-size: 54px;
}

.stores #map_container {
    position: relative;
}

.stores #map {
    height: 0;
    overflow: hidden;
    padding-bottom: 40.35%;
    padding-top: 30px;
    position: relative;
}

.list-faqs {
    margin-top: 15px;
}

.list-faqs .row {
    margin-bottom: 20px;
    padding-bottom: 15px;
}

@media (max-width: 650px) {
    .list-faqs .row:nth-child(odd) {
        background: #b4b4b4;
    }
    .list-faqs .row:nth-child(even) {
        background: #ececec;
    }
}

.list-faqs .row .question,
.list-faqs .row .answer {
    display: block;
    width: 100%;
    overflow: hidden;
}

.list-faqs .row .question {
    margin-top: 15px;
}

.list-faqs .row .question.active h2 span {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

.list-faqs .row .question .col2 {
    font-weight: bold;
}

@media (min-width: 651px) {
    .list-faqs .row .answer {
        display: block !important;
    }
}

@media (max-width: 650px) {
    .list-faqs .row .answer {
        display: none;
    }
}

.list-faqs .row h2 {
    font-size: 62px;
    margin-top: 0px;
}

.list-faqs .row h2 span {
    display: none;
}

@media (max-width: 650px) {
    .list-faqs .row h2 {
        padding-left: 15px;
    }
    .list-faqs .row h2 span {
        display: inline-block;
        font-size: 40px;
    }
}

@media (max-width: 768px) {
    .list-faqs .row h2 {
        padding-left: 15px;
    }
}

@media (max-width: 450px) {
    .list-faqs .row h2 {
        font-size: 45px;
    }
}

.list-faqs .row .col1 {
    max-width: 99px;
    width: 20%;
    float: left;
}

@media (max-width: 650px) {
    .list-faqs .row .col1 h2 {
        color: white;
    }
}

.list-faqs .row .col2 {
    width: 80%;
    float: left;
}

.join-the-crew {
    border: 2px solid #b4b4b4;
    text-align: center;
    width: 80%;
    max-width: 574px;
    display: block;
    margin: 20px auto;
    padding: 6px 5px 30px;
}

.join-the-crew h3 {
    text-transform: uppercase;
    font-size: 63px;
    margin-bottom: 15px;
}

.join-the-crew a {
    background: #d3d3d3;
    color: white;
    font-size: 15px;
    font-weight: bold;
    padding: 8px 15px;
    text-transform: uppercase;
}

.join-the-crew a:hover {
    background: #b4b4b4;
}

@media (min-width: 651px) {
    .join-the-crew.faqs {
        display: none;
    }
}

@media (max-width: 768px) {
    .join-the-crew h3 {
        font-size: 9vw;
    }
}

@media (max-width: 650px) {
    .join-the-crew {
        cursor: pointer;
    }
}

@media (max-width: 380px) {
    .join-the-crew {
        width: 90%;
    }
    .join-the-crew h3 {
        font-size: 30px;
    }
}

.pageup {
    margin-top: 20px;
}

.pageup h5 {
    color: black;
    font-size: 30px;
}

.pageup .mobile-sign-in {
    text-align: center;
    margin-bottom: 20px;
}

.pageup .mobile-sign-in h4 {
    color: black;
    font-size: 38px;
    line-height: 35px;
    margin-bottom: 0px;
}

.pageup .mobile-sign-in p {
    font-size: 10px;
}

.pageup .mobile-sign-in .sign-up {
    background-color: #b4b4b4;
    color: white;
    padding: 14px 58px;
    text-align: center;
    font-weight: bold;
    margin: -2px auto;
    text-transform: uppercase;
    display: inline-block;
}

.pageup .col1 {
    width: 688px;
    float: left;
}

@media (max-width: 1200px) {
    .pageup .col1 {
        width: 65%;
    }
}

@media (max-width: 768px) {
    .pageup .col1 {
        width: 95%;
        background: white;
        float: none;
        margin: 0 auto;
    }
}

.pageup .col1 .sign-in {
    overflow: hidden;
}

.pageup .col1 .sign-in .button-label {
    float: left;
    width: 70%;
}

.pageup .col1 .sign-in .button-label h4 {
    color: black;
    font-size: 34.5px;
    margin-top: 4px;
    margin-bottom: 0px;
}

.pageup .col1 .sign-in .button-label p {
    font-size: 15px;
    display: inline-block;
    float: left;
}

@media (max-width: 1200px) {
    .pageup .col1 .sign-in .button-label h4 {
        font-size: 30px;
    }
}

@media (max-width: 991px) {
    .pageup .col1 .sign-in .button-label {
        width: 65%;
    }
    .pageup .col1 .sign-in .button-label h4 {
        font-size: 26px;
    }
    .pageup .col1 .sign-in .button-label p {
        font-size: 12px;
    }
}

.pageup .col1 .sign-in .sign-up {
    padding: 8px;
    background-color: #c1c1c1;
    color: white;
    width: 153px;
    text-align: center;
    font-weight: bold;
    float: right;
}

.pageup .col1 h1 {
    font-size: 62px;
    line-height: 55px;
}

.pageup .col1 .cb-job-headers {
    display: none;
}

.pageup .col1 .job-link {
    font-family: 'BebasNeuewebfont';
    color: black;
    font-size: 30px;
}

.pageup .col1 .cb-job-container {
    margin: 25px 0;
}

.pageup .col1 .cb-job-location {
    display: block;
}

.pageup .col1 .cb-job-location .location {
    font-weight: bold;
}

.pageup .col1 .cb-job-view a,
.pageup .col1 .cb-more-jobs a {
    display: inline-block;
    padding: 8px 50px;
    background: #c1c1c1;
    font-weight: bold;
    margin: 15px 0;
    color: white;
    text-transform: uppercase;
    font-size: 14px;
    color: white;
    font-family: Verdana;
}

@media (max-width: 768px) {
    .pageup .col1 .cb-job-view a,
    .pageup .col1 .cb-more-jobs a {
        padding: 12px;
        background: #c1c1c1;
        font-weight: bold;
        color: white;
        margin: 15px auto;
        display: block;
        width: 180px;
        text-align: center;
    }
}

.pageup .col1 .cb-job-date {
    display: none;
}

.pageup .col1 #PageUpPeopleLink {
    display: none;
}

.pageup .col1 .cb-job-title {
    color: black;
}

.pageup .col1 .cb-job-meta {
    font-weight: bold;
}

.pageup .col1 .cb-apply-now {
    display: block;
    display: none;
}

.pageup .col1 .cb-work-type,
.pageup .col1 .cb-location,
.pageup .col1 .cb-cat,
.pageup .col1 .back-link,
.pageup .col1 .employee-referral-link {
    display: none !important;
}

.pageup .col1 a.apply-link,
.pageup .col1 .more-link {
    border-radius: 0px !important;
    background: #c1c1c1 !important;
    color: white !important;
    border: none !important;
    padding: 9px 30px !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    margin: 10px 0 !important;
}

.pageup .col1 a.apply-link.button:after {
    content: ' \203A';
}

.pageup .col2 {
    background: #ececec;
    background: #eeeeee;
    padding: 10px 20px;
    width: 427px;
    float: right;
    margin-left: 36px;
}

.pageup .col2 h3 {
    color: black;
}

.pageup .col2 #filter-results-submit {
    border-radius: 0px !important;
    background: #c1c1c1 !important;
    color: white !important;
    border: none !important;
    padding: 9px 30px !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    margin: 10px 0 !important;
}

.pageup .col2 .applicant-login {
    overflow: hidden;
    margin-bottom: 10px;
}

.pageup .col2 .applicant-login h5 {
    float: left;
    margin-top: 5px;
}

.pageup .col2 .applicant-login .applicant-login-btn {
    padding: 8px;
    background-color: #b4b4b4;
    color: white;
    width: 153px;
    text-align: center;
    font-weight: bold;
    float: right;
}

.pageup .col2 h1 {
    font-size: 62px;
    line-height: 55px;
}

@media (max-width: 1200px) {
    .pageup .col2 {
        width: 30%;
    }
    .pageup .col2 .applicant-login h5 {
        margin-bottom: 0px;
    }
    .pageup .col2 .applicant-login .applicant-login-btn {
        float: left;
    }
}

@media (max-width: 768px) {
    .pageup .col2 {
        width: 100%;
        background: white;
    }
    .pageup .col2 .applicant-login {
        text-align: center;
    }
    .pageup .col2 .applicant-login h5,
    .pageup .col2 .applicant-login .applicant-login-btn {
        float: none;
        display: inline-block;
    }
    .pageup .col2 .applicant-login h5 {
        font-size: 36px;
        margin-right: 20px;
        top: 8px;
        position: relative;
        margin-bottom: 20px;
    }
    .pageup .col2 .applicant-login .applicant-login-btn {
        width: 200px;
        padding: 14px;
        text-transform: uppercase;
    }
}

@media (max-width: 500px) {
    .pageup .col2 .applicant-login-btn {
        margin-bottom: 30px;
    }
}

footer hr{
    border-color: #888;
    
    position: relative;
}
@media(min-width:768px){
    footer hr{
        top: -50px;
    }
}
footer {
     
    padding-top: 58px;
    width: 100%;
    margin: 20px auto;
    margin-top: 50px;
}

footer ul {
    text-align: center;
}

footer ul.links,
footer ul.terms {
    color: #d3d3d3;
    max-width: 575px;
    margin: 0 auto;
    font-size: 14px;
    padding: 0px;
}

footer ul.links a,
footer ul.terms a {
    color: #888888;
}

footer ul.social {
    margin-bottom: 20px;
    margin-bottom: 45px;
    padding: 0px;
}

footer ul.social a {
    color: black;
    font-family: 'BebasNeuewebfont';
    font-size: 25px;
}

footer ul.social a:hover {
    opacity: 0.6;
}

footer ul.social a.tmens {
    margin-right: 35px;
}

footer ul.social a .fa {
    font-size: 40px;
    margin-right: 40px;
    color:#888888;
}

footer ul.social a .fa.fa-tumblr {
    margin-right: 5px;
}

footer ul.social a:hover {
    text-decoration: none;
}

footer ul li {
    display: inline-block;
}

@media (max-width: 900px) {
    footer {
        width: 90%;
    }
}

@media (max-width: 768px) {
    footer {
        width: 100%;
        margin: 20px 0;
        padding: 0px;
        border: none;
    }
    footer ul.social {
        background: #ffffff;
        margin-bottom: 10px;
    }
    footer ul.social .tmens,
    footer ul.social .twmens {
        display: none;
    }
    footer ul.social a .fa {
        font-size: 40px;
        margin: 20px;
    }
    footer ul.links,
    footer ul.terms {
        padding: 0px;
        font-size: 13px;
    }
}

@media (max-width: 768px) and (max-width: 400px) {
    footer ul.links,
    footer ul.terms {
        margin-bottom: 10px;
    }
}

@media (max-width: 768px) {
    footer ul.links a,
    footer ul.terms a {
        color: #888888;
    }
}

@media (max-width: 400px) {
    footer ul.social {
        line-height: 0px;
    }
    footer ul.social a .fa {
        font-size: 34px;
        margin: 20px 10px 10px 10px;
    }
}


/* job listings */

.filter li label {
    font-size: 14px;
    font-weight: normal;
}

#search-filters h4 {
    font-family: Verdana;
    font-size: 14px;
    font-weight: bold;
}



/*
    clarens started here 
*/

.navbar{
    -webkit-box-shadow:none;
    box-shadow:none;
}

.right-to-logo{
/*    border:1px solid green;*/
    float:right;
    display: block;
    width:calc(100% - 200px);
    margin-top: 40px;
}
@media(max-width:900px){
    .right-to-logo{
        margin-top: 22px;
    }
}
.right-to-logo .btn{
    border-radius: 0px;
}


/*
    category dropdown btn
*/
.cat-btn{
    border-left: 0px;
    border-color: black;
}
.cat-btn:before{
    content: "|";
    color:#d1d1d1;
    padding-right: 20px;
    
}
.cat-btn.active, .cat-btn:focus, .cat-btn:hover{
    background:white!important;
    border-color: black!important;
}

@media(max-width:760px){
    .right-to-logo {
        display: none;
    }


}


.right-to-logo .glyphicon-menu-down{
    font-size: 10px;
}


/*Dropdown list*/ 

.right-to-logo .open>.dropdown-menu{
    border-radius: 0px;
}

/* Input field */


.input-group .form-control:first-child{
    border-right: 0px;
    border-radius: 0px;
    border-color: black;
}


.right-to-logo .form-control:focus{
    -webkit-box-shadow: none;
    box-shadow: none;
    
}




/*Go btn*/
.go-btn{
    background:black;
    color:white;
    left:-1px;
    border-color: black;
}

.go-btn:focus, .go-btn:hover  {
    background:black;
    color:white;
}




/*

new nav

*/
.new_nav {
    text-align: center;
    width: 100%;
    border-top:1px solid #898989;
    border-bottom:1px solid #898989;
    margin-top: 10px;
    margin-bottom: 30px;
}

.new_nav li{
    display: inline-block;
    width: 12.5%;
}
/*
    Tablets
*/

@media(max-width:1200px){
    .new_nav{
        display: flex;
        align-items: center;
    }
}
@media(max-width:991px){
    .new_nav{
        display: flex;
        align-items: center;
    }
    .new_nav li{
        width:auto;
    }
    .new_nav li a{
        max-width: 150px;
    }
}
.new_nav li a{
    text-transform: uppercase;
    color:#898989;
}



/*DEBUG CLASS */
.bb{
    border:1px solid red;
}

/*
    Button inside the info box Google Maps crew and stores.
*/
.pop-apply{
    border: 2px solid #439194;
    padding: 2px 5px;
    color: #439194;
    font-weight: 400;
    text-decoration: none;
    margin-top: -5px;
    display: inline-block;
}
.pop-apply:hover{
    background: #439194;
    color:white;

}


.ghost-btn{
    background:transparent!important;
    border:2px solid white;
    font-weight: 400!important;
}

/*Modified this one for the home -page*/
.linktext.ghost-btn:hover{
    color:#4ad3be!important;
    border:2px solid #4ad3be!important;
}
.careers .linktext.ghost-btn:hover{
    border:2px solid transparent!important;   
}

.ghost-btn-dark:hover, .ghost-btn:hover{
    color:#4ad3be!important;
    border:2px solid #4ad3be;
}

.ghost-btn-dark{
    background:transparent!important;
    border:2px solid #888888;
    font-weight: 400!important;
    color:#888888;
    padding:25px 10%;
    font-weight: bold!important;
    margin:0 auto;
    border-radius: 0px;
    
}


.ghost-btn-dark-small{
    background:transparent!important;
    border:2px solid #888888;
    font-weight: 400!important;
    color:#888888;
    padding:15px 10%;
    font-weight: bold!important;
    margin:0 auto;
    border-radius: 0px;
    
}


/*
    Used in template_parallax.html
*/
.parallax-window {
    min-height: 500px;
    background: transparent;
}




/*About Page Styles*/

.wide-container{
    width: 100%;
    height: 305px;
    position: relative;


    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
 
}

@media (min-width: 768px){   
    .wide-container{
        width: 720px;
    }
}

@media (min-width: 992px){
    .wide-container{
        width: 940px;
    }
}

@media (min-width: 1200px){
    .wide-container {
        width: 1140px;
    }
}


.wide-container a{
    color:white;
    text-align: center;
    position: absolute;
    font-family: 'BebasNeuewebfont';
    text-decoration: none;
    top:50%;
    left:50%;
    -webkit-transform: translate3d(-50%, -50%, 0px);
    transform: translate3d(-50%, -50%, 0px);
    font-size: 45px;
    letter-spacing: 2px;
}


.wide-container.bg-about{
    background:url(../img/about-bg.png);
    background-size: cover;
    margin-bottom: 50px;
}

.wide-container.bg1{
    background:url(../img/about-strip1.png);
    background-size: cover;
}

.wide-container.bg2{
    background:url(../img/about-func-culture.png);
    background-size: cover;
}

.wide-container.bg3{
    background:url(../img/about-career-progr.png);
    background-size: cover;
}
.wide-container.perksbg3{
    background:url(../img/perks-third-image.png);
    background-size: cover;
    background-position: center;
}
.our-stores-container{
    margin-top: 60px;
    margin-bottom: 50px;
}


.icon-wrap{
    text-align: center;
}

@media(max-width:768px){
    .icon-wrap:first-child{
        padding-top: 0px;
    }
    .icon-wrap{
/*        border:1px solid red;*/
        padding-top: 50px;
    }
}
.icon-wrap img{
    display: inline-block;
    margin-bottom: 40px;
}




.icons-container{    
     
    margin-top:50px;
    margin-bottom:50px;

}


  



.home.learning .row .col1 a, .home.learning .row .col2 a, .home.learning .row .col3 a{
    visibility: hidden;
}

/*cb-learning*/


.course-wrap {
    background-color: #ebebeb;
    padding: 0px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-left: 5px;
}

.course-wrap span {
    position: relative;
    top: -5px;
}

.v-centered .ghost-btn-dark-small{
    margin-top: 60px;

}

@media(max-width:768px){
.v-centered .ghost-btn-dark-small{
    margin-top: 10px;
    margin-bottom:20px;

}

}
.random-imgs{
    margin-bottom: 50px;
}
@media(min-width:769px){
    .random-imgs .col-sm-6:first-child{
        padding-left: 0px;
    }
    .random-imgs .col-sm-6:last-child{
        padding-right: 0px;
    }
}

@media(max-width:768px){
    .random-imgs .col-sm-6:first-child{
        padding: 0px;
    }
    .random-imgs .col-sm-6:last-child{
        padding: 0px;
    }
}
.random-imgs img{
    width: 100%;
}

/*BENEFITS PAGE Style*/
.wide-container.perksbg{
    background:url(../img/perks_new_image.jpg);
    background-size: cover;

}

.wide-container.bga{
    background:url(../img/benefits-wide-1.png);
    background-size: cover;
}
.panel-default{
    border:none;
}
.panel-default>.panel-heading{
    background:white;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body{
    border-top-color: transparent;
}


/*faqs page*/


.panel-title a{

    font-size: 18px;
    font-family: Verdana, sans-serif;
    color: #888888;
     
    position: relative;
    padding-left: 35px;
}

.panel-title a:before{
    font-size: 18px;
    font-family: Verdana, sans-serif;
    color: #888888;
    position: absolute;
    left: 10px;
    width: 20px;
    display: block;
    text-align: center;
}

.panel-title a:before{
    content:" + ";
    
}
 

.panel-title a.plus:before{
    content:" - "!important;
    
}

.panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: none;
    padding-left: 60px;
}


.panel {
    margin-bottom: 20px;
    background-color: #fff;
    border: none;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}


/* careers page */

.careers .col1,.careers .col2,.careers .col3{
    background: none!important;
    border: 1px solid #898989;
}

.home.careers .row .col1 a h2, .home.careers .row .col2 a h2, .home.careers .row .col3 a h2{
    color: #616161;
    font-family: Verdana, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

.home.careers .row .col1 a span,
.home.careers .row .col2 a span,
.home.careers .row .col3 a span{
    display: block;
    color: #b4b4b4;
}

.home.careers .row .col1 a span.linktext,
.home.careers .row .col2 a span.linktext,
.home.careers .row .col3 a span.linktext{
    display: block;
    color: #4ad3be;
    text-transform: none;
    font-weight: bold;
    font-size: 14px;
}

.home.careers .row .col1 a span.num,
.home.careers .row .col2 a span.num,
.home.careers .row .col3 a span.num{
    display: inline;
    color: #e34343;
    text-transform: none;
    font-weight: bold;
    font-size: 14px;
}



.careers a, .careers a h2, .careers a span{
    color: black;
} 

.home.careers .row .col1 a,
.home.careers .row .col2 a,
.home.careers .row .col3 a{
    padding-top: 60px;
}

.home.careers .row{
    padding: 20px 0;
}
@media (max-width: 992px){
 .home.careers .row{
    padding: 0 ;
 }   
}

@media (max-width: 992px){
.home.careers .row .col1 a,
.home.careers .row .col2 a,
.home.careers .row .col3 a{
    padding-top: 85px;
}

}

@media (min-width: 800px){
    .home.careers .row .col1 a span, .home.careers .row .col2 a span, .home.careers .row .col3 a span{
        padding: 0px 10px;
    }


}

@media (max-width: 650px){
    .home.careers .row .col1 a,
    .home.careers .row .col2 a,
    .home.careers .row .col3 a {
        height: 160px;
        width: 85%;
        margin: 20px auto;
        padding: 20px !important;
        padding-top: 17px!important;
        background: transparent;
    }    
}



/*
    INDIVIDUAL DEPARTMENT - TEMPLATES 
*/


/*Hide the link from all the dept template pages*/
.dept-tmp .row .col1 a, .dept-tmp .row .col2 a, .dept-tmp .row .col3 a{
    visibility: hidden;
}

.dept-tmp .row {
    padding: 40px 0;
}

.dept-tmp .row .col1 {
    margin-right: 3%;
    background: url(../img/col1-bg.jpg);
    background-size: cover;
}
.dept-tmp .row .col1, .dept-tmp .row .col2, .dept-tmp .row .col3 {
    width: 31.3%;
    float: left;
    text-align: center;
}

.dept-footer{
    height: auto;
    min-height: 300px;
    display: block;
    margin-top: 35px;
    margin-bottom: 35px;
    background-position: center;
}

.dept-footer{
    width: 100%;
    height: 305px;
    position: relative;
    margin: 35px 0px;

  
  
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
 
}

@media (min-width: 768px){   
    .dept-footer{
        width: 720px;
    }
}

@media (min-width: 992px){
    .dept-footer{
        width: 940px;
    }
}

@media (min-width: 1200px){
    .dept-footer {
        width: 1140px;
    }
}


/*The actual background image call is in  the page itself.*/

@media (max-width: 650px){
    .dept-tmp .row .col1, .dept-tmp .row .col2, .dept-tmp .row .col3 {
        width: 100%;
        margin: 10px 0;
    }
}




.dept-tmp .row .col1 a, .dept-tmp .row .col2 a, .dept-tmp .row .col3 a {
    border: 3px solid white;
    display: block;
    height: 260px;
    padding-top: 80px;
}
.xtra-content{
    padding-left: 20px;
}
 


/*Navigation Fixes */
.thin_link{
    width: 10%!important;
}
.wide_link{
    width: 14%!important;
}


 
.mobile-block {
    display: block;
    height: 1px;
}
@media(max-width: 900px){
    .mobile-block {
        display: none;
    }
}
/*PERKS PAGE*/

/*Icons h4*/

.col-xs-12.col-sm-4.icon-wrap h4{
    font-family: verdana!important;
}





.bottom-spaced {
    margin-bottom: 30px;
}

@media(max-width:1024px){

    .mb-tab{
        margin-bottom: 20px;
    }    
    .carousel {
        margin-top: 110px;
    }
    .carousel-inner{
        height:auto;
    }

}
@media(max-width:760px){
    .carousel {
        margin-top: 100px;
    }
}

.bb{

    border:1px solid red;
}


/*Home video section*/
.md-no-padd{
    padding-left: 0px;
    padding-right: 0px;

}
@media(max-width:768px){
    .md-no-padd-video{
        padding-left: 0px;
        padding-right: 0px;
    }
} 

.careers a:hover {

    background-color: #F5F5F5;
}
 


/*Departments apply now btn hover */
.c_inverted:hover{
    color:white;
    background:#888888!important;
}


.ghost-btn-no-bd{
    background:none!important;

}

@media(max-width:773px){
    .mb-tab {
        margin-bottom: 0!important;
    }

}

/* Landscape */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 731px)
  and (-webkit-min-device-pixel-ratio: 2)
  and (orientation: landscape) {
    .mobile-menu ul li {
            float: left;
            width: 50%;
    }

    .mobile-menu ul li:first-child a, .mobile-menu ul li:nth-child(2) a{
        border-top: 1px solid #888;
    }

     .mobile-menu ul li a{
        width: 100%;
        background-color: white;
        display: block;
         
        padding: 13px 20px;
        border-bottom: 1px solid #888;
        color: #b4b4b4;
        border-right: 1px solid #888;
        font-size: 15px;
        line-height: 28px;
        font-family: Verdana, sans-serif;
        text-transform: uppercase;
     }




}


#job-content img{
    width: 100%;
}


input[type=email]{
    border:1px solid #888;
    padding:10px 5px;
}

input[type=submit]{
    border-radius: 0px !important;
    background: #c1c1c1 !important;
    color: white !important;
    border: none !important;
    padding: 9px 30px !important;
    box-shadow: none !important;
    text-transform: uppercase !important;
    margin: 10px 0 !important;
}


.filter .stores{
    padding:0px;
}


.custom_filter_btn{
    
    background-color: #b4b4b4;
    color: white;
    padding: 14px 33px;
    text-align: center;
    font-weight: bold;
    margin: 10px auto 0px;
    text-transform: uppercase;
    display: inline-block;
}



.careers a:hover {
    background-color: #F5F5F5!important;
}


/*
    Fixes for the caption 
*/

@media(min-width:1200px){
     .carousel-caption.shown {
        display: block;
        top: 50%;
        padding: 0px;
        font-size: 6em;
        text-shadow: none;
        font-family: 'BebasNeuewebfont';
        transform: translateY(-45%);
        font-weight: bold;
        letter-spacing: 3.5px;
    }
}

@media (max-width: 1280px){
    .carousel-caption.shown{
        line-height: 1;
        transform: translateY(-25%)!important;
    }
}
@media (max-width: 650px){
    .carousel-caption.shown {
            font-size: 3em;
            transform: translateY(-25%)!important;
    }
}
@media (max-width: 400px){
    .carousel-caption.shown {
            font-size: 2em;
            transform: translateY(-25%)!important;
    }
}

/*SHOWN2*/
@media(min-width:1200px){
     .carousel-caption.shown2 {
        display: block;
        top: 50%;
        padding: 0px;
        font-size: 6em;
        text-shadow: none;
        font-family: 'BebasNeuewebfont';
        transform: translateY(-45%);
        font-weight: bold;
        letter-spacing: 3.5px;
    }
}

@media (max-width: 1280px){
    .carousel-caption.shown2{
        line-height: 1;
        transform: translateY(-25%)!important;
    }
}
@media (max-width: 650px){
    .carousel-caption.shown2 {
            font-size: 3em;
            transform: translateY(-25%)!important;
    }
}
@media (max-width: 400px){
    .carousel-caption.shown2 {
            font-size: 2em;
            transform: translateY(-25%)!important;
    }
}


/*SHOWN3*/
@media(min-width:1200px){
     .carousel-caption.shown3 {
        display: block;
        top: 50%;
        padding: 0px;
        font-size: 7em;
        text-shadow: none;
        font-family: 'BebasNeuewebfont';
        transform: translateY(-45%);
        font-weight: bold;
        letter-spacing: 3.5px;
    }
}

@media (max-width: 1280px){
    .carousel-caption.shown3{
        line-height: 1;
        transform: translateY(-25%)!important;
    }
}
@media (max-width: 650px){
    .carousel-caption.shown3 {
            font-size: 3em;
            transform: translateY(-25%)!important;
    }
}
@media (max-width: 400px){
    .carousel-caption.shown3 {
            font-size: 2em;
            transform: translateY(-25%)!important;
    }
}




/*Perks */

.perks_page .wide-container{
    height: 185px;
}