/***************************************************
 *
 * Common Styles
 *
 */

html {
    width: 100%;
    background-color: #000;
    background: url('../images/common/background.jpg') repeat;
}

body {
    font-family: 'tradegothicltstd-bdcn20-webfont', Helvetica, sans-serif;
    font-size: 13px;
    color: #ebe9e0;
    width: auto;
    background: url('../images/common/background.jpg') repeat;
    /*text-transform: uppercase;*/
}

.bold {
    font-family: 'tradegothicltstd-bold-webfont', Helvetica, sans-serif;
}

.noTransform {
    text-transform: none;
}

li {
    list-style-type: none;
}

hr {
    border: 0;
    margin: 0;
}

a {
    color: #999;
    text-decoration: none;
}

    a:hover {
        color: #fffef7;
    }

.pull-right {
    float: right;
}

.pull-left {
    float: left;
}

.wrapper {
    width: 100%;
    max-width: 980px;
    margin: 0 auto;
    -moz-box-shadow: 0 0 50px 0px #111;
    -webkit-box-shadow: 0 0 50px 0px #111;
    box-shadow: 0 0 50px 0px #111;
}

.container {
    margin: 0 auto;
}

img {
    max-width: 100%;
    display: block;
}

.content {
    background: #2d2d2d;
    overflow-y: auto;
    overflow-x: none;
}

.footer {
    padding: 8px 15px;
    color: #777;
    font-size: 12px;
    line-height: 14px;
    text-align: center;
    background: #333;
    -moz-box-shadow: 0 -5px 20px 0 #151515;
    -webkit-box-shadow: 0 -5px 20px 0 #151515;
    box-shadow: 0 -5px 20px 0 #151515;
    text-shadow: 0px 0px 5px #252525;
}

.content h1 {
    color: #fffef7;
    font-size: 18px;
    margin-top: 15px;
    margin-bottom: 5px;
}

.content hr {
    background: #353535;
    height: 2px;
    border-top: 1px solid #242424;
    margin-bottom: 15px;
}

.ipad-only {
    display: none;
}

.mobile-only {
    display: none;
}


/***************************************************
 *
 * Top Nav Menu
 *
 */

.top-menu {
    height: 30px;
    background: #2a2a2a;
    -moz-box-shadow: 0 5px 20px 0 #151515;
    -webkit-box-shadow: 0 5px 20px 0 #151515;
    box-shadow: 0 5px 20px 0 #151515;
    position: relative;
    z-index: 1;
}

    .top-menu .container {
        padding-top: 8px;
        overflow: hidden;
    }

    .top-menu ul {
        float: left;
        left: 50%;
        position: relative;
    }

    .top-menu li {
        display: block;
        right: 50%;
        position: relative;
        float: left;
        list-style-type: none;
        font-size: 1.25em;
    }

        .top-menu li a {
            display: inline-block;
        }

            .top-menu li a div {
                padding: 0 34px;
            }

div.divider {
    display: inline-block;
    background: #444;
    width: 1px;
    height: 14px;
    margin-top: 2px;
    position: relative;
    float: right;
}

.top-menu li.last div {
    border-right: none;
}

.top-menu .selected a {
    color: #fffef7;
}

/***************************************************
 *
 * Banner content sections (usually a video link)
 *
 */

.banner {
    width: 100%;
    overflow: auto;
}

    .banner.video {
        background: #3b3c3c;
    }

        .banner.video .vimeo {
            margin: 0 auto;
            width: 694px;
            height: 391px;
            overflow: hidden;
        }

        .banner.video img, .banner.video .vimeo {
            margin: 0 auto;
            -moz-box-shadow: 0 0 110px 50px #222;
            -webkit-box-shadow: 0 0 110px 50px #222;
            box-shadow: 0 0 110px 50px #222;
        }

    .banner .pane {
        position: relative;
        font-size: 15px;
        color: #aeaeae;
    }

        .banner .pane.left {
            width: 61.83%;
            float: left;
        }

        .banner .pane.right {
            width: 38.15%;
            float: right;
        }

            .banner .pane.right p.text {
                padding: 0 40px;
                text-align: center;
                line-height: 22px;
            }

            .banner .pane.right .inner-container img {
                margin: 12px auto;
            }

/***************************************************
 *
 * Breadcrumbs
 *
 */

.breadcrumbs {
    font-size: 14px;
    line-height: 28px;
    padding-top: 4px;
    height: 28px;
    width: 100%;
    overflow: auto;
    background: #2b2b2b;
    -moz-box-shadow: 0 5px 20px 0 #151515;
    -webkit-box-shadow: 0 5px 20px 0 #151515;
    box-shadow: 0 5px 20px 0 #151515;
    position: relative;
    color: #666;
}

    .breadcrumbs ul {
        padding-left: 35px;
    }

    .breadcrumbs li {
        float: left;
    }

    .breadcrumbs a {
        display: inline-block;
        margin-right: 10px;
    }

    .breadcrumbs .arrow {
        position: relative;
        display: inline-block;
        top: 1px;
        width: 5px;
        height: 12px;
        background: url('../images/common/breadcrumb-arrow.png') 0 0 no-repeat;
        margin-right: 10px;
    }

    .breadcrumbs .selected a {
        /* color: #aeaeae; */
        color: #fffef7;
    }

/***************************************************
 *
 * Callout Sections (paper-looking background images)
 *
 */

.callouts .container {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.callouts .inner-container {
    width: 100%;
    padding-top: 12%;
    overflow: hidden;
}

.callouts .inner-container-tall {
    width: 100%;
    padding-top: 24%;
    overflow: hidden;
}

.callouts .title {
    text-align: center;
    color: #ebe9e0;
    font-size: 32px;
    line-height: 30px;
}

.callouts .links {
    padding: 3.5% 0;
    overflow: hidden;
}

.bgCalloutHeight {
    height: 190px;
}

.callouts .container ul {
    /*float: left;
    left: 50%;*/
    width: 98%;
    position: relative;
    text-align: center;
}

.callouts .subtitle li {
    display: inline-block;
    position: relative;
    color: #aeaeae;
    font-size: 14px;
}

.callouts .subtitle a {
    text-decoration: underline;
    display: inline-block;
}

.callouts .subtitle .divider {
    background: #999;
    height: 10px;
    /*margin-top: 3px;    */
}

.callouts .subtitle a div {
    padding: 1px 10px;
}

.callouts.twoup > ul > li {
    position: relative;
    display: block;
    padding: 1.035% 0;
    width: 49.5%;
}

.callouts.threeup .inner-container {
    padding-top: 33%;
}

.callouts.threeup > ul > li {
    position: relative;
    display: block;
    padding: 1.035% 1% 1.035% 0;
    width: 32.62%;
}

    .callouts.threeup > ul > li.last {
        padding-right: 0;
    }

/***************************************************
 *
 * Video banner page related
 *
 */
.content.below {
    padding: 34px;
}

    .content.below .border {
        border: 6px solid #333;
    }

    .content.below .twoup li {
        position: relative;
        display: block;
        padding: 1.035% 0;
        width: 49.2%;
    }

    .content.below .sixup li {
        position: relative;
        display: block;
        padding: 1.035% 1.5% 1.035% 0;
        width: 32.14%;
    }

        .content.below .sixup li.last {
            padding-right: 0;
        }

    .content.below .sixup img {
        max-height: 154px;
        width: 100%;
    }

.split-pane {
    width: 100%;
    background: #2d2d2d;
    position: relative;
    overflow: auto;
}

.left-pane {
    float: left;
    width: 61.83%;
    background: #2d2d2d;
}

    .left-pane .content.below p, .pane .content.below p {
        color: #ebe9e0;
        font-size: 13px;
        /*font-family: Arial, Helvetica, sans-serif;*/
        text-transform: none;
    }

.right-pane {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 38.17%;
    background: #333;
    -moz-box-shadow: inset 0 0 20px 0 #151515;
    -webkit-box-shadow: inset 0 0 20px 0 #151515;
    box-shadow: inset 0 0 20px 0 #151515;
    padding: 6.12%;
    position: absolute;
    /*min-height: 295px;*/
    right: 0;
    height: 100%;
}

    .right-pane .container {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .right-pane .inner-container {
        padding: 32px;
    }

    .right-pane li {
        font-size: 12px;
        line-height: 34px;
        border-top: 1px solid #3a3a3a;
        padding-left: 16.04%;
    }

        .right-pane li.last {
            border-bottom: 1px solid #3a3a3a;
        }

        .right-pane li a {
            display: inline-block;
        }

.submit-application {
    /*SUBMIT APPLICATION BUTTON*/
    /*width: 166px;
    height: 31px;
    background: url('../images/common/submit-application.png') 0 0 no-repeat;*/
    /*APPLY NOW BUTTON*/
    width: 103px;
    height: 31px;
    background: url('../images/common/apply-now.png') 0 0 no-repeat;    
    margin: 0 auto;
    -moz-box-shadow: 0 0 10px 0 #151515;
    -webkit-box-shadow: 0 0 10px 0 #151515;
    box-shadow: 0 0 10px 0 #151515;
}

.find-a-store {    
    width: 110px;
    height: 31px;
    background: url('../images/common/find-a-store.png') 0 0 no-repeat;
    margin: 0 auto;
    -moz-box-shadow: 0 0 10px 0 #151515;
    -webkit-box-shadow: 0 0 10px 0 #151515;
    box-shadow: 0 0 10px 0 #151515;
}


.search-job-openings {
    /*SEARCH JOB OPENINGS BUTTON*/
    /*width: 148px;
    height: 31px;
    background: url('../images/common/search-job-openings.png') 0 0 no-repeat;*/
    /*APPLY NOW BUTTON*/
    width: 103px;
    height: 31px;
    background: url('../images/common/apply-now.png') 0 0 no-repeat;
    margin: 0 auto;
    -moz-box-shadow: 0 0 10px 0 #151515;
    -webkit-box-shadow: 0 0 10px 0 #151515;
    box-shadow: 0 0 10px 0 #151515;
    position: relative;
    z-index: 1;
}

.left-pane a.mobile-only, .pane a.mobile-only {
    padding: 20px;
}

.button-line {
    width: 100%;
    position: relative;
}

    .button-line hr {
        position: absolute;
        width: 60%;
        height: 1px;
        top: 50%;
        left: 20%;
        margin-top: -2px;
    }

.content.below p {
    margin-top: 14px;
    font-size: 13px;
    color: #666;
    line-height: 18px;
}

.content.below li.last {
    margin-right: 0;
}

.list-icon {
    width: 11px;
    height: 11px;
    background: url('../images/common/list-icon.png') 0 0 no-repeat;
    display: inline-block;
    margin-right: 20px;
}

/***************************************************
 *
 * Brand Page
 *
 */
.brands .content {
    width: 92.85%;
    margin: 0 auto;
}

    .brands.content.pane {
        padding: 0 35px 35px 35px;
    }


    .brands .icons {
        position:relative; 
        left:25px;
    }

.brands .icons li {
    /*margin-right: 14px;
    width: 23.5%;*/
    width: 32%;
    margin-right: 18px;
    float: left;
    display: inline-block;
    cursor: pointer;
}

    .brands .icons li.last {
        margin-right: 0;
    }

.brand.pane .slides {
    width: 100%;
}

.slide {
    position: relative;
    display: none;
}

.flex-control-nav {
    display: none;
}

.brands .slide .container {
    position: absolute;
    top: 0;
    right: 0;
    width: 50%;
}

    .brands .slide .container p {
        margin: 50px 25px 15px 25px;
        text-align: center;
        font-size: 14px;
    }

    .brands .slide .container a {
        text-decoration: underline;
    }

.content.below p.grey, .content.below p.grey a {
    color: #999;
}

.content.below p.gold, .content.below p.gold a {
    color: #847660;
}

.content.below p.white, .content.below p.white a {
    color: #999;
}

/***************************************************
 *
 * Our Campus page
 *
 */

.campus .right-pane h1 {
    font-size: 16px;
    border-bottom: 1px solid #777;
}

.campus .right-pane p {
    margin: 15px 0 40px 0;
    font-size: 11px;
    /*font-family: Arial, Helvetica, sans-serif;*/
    color: #999;
    text-transform: none;
    line-height: 16px;
}

.campus .map {
    background: #333;
    margin-top: 20px;
}

    .campus .map.container {
        margin: 35px 35px 25px 35px;
        border: 1px solid #2d2d2d;
        padding-bottom: 15px;
        text-align: left;
    }

    .campus .map img {
        width: 100%;
    }

    .campus .map h1 {
        margin-left: 35px;
        margin-right: 35px;
        font-size: 15px;
        margin-bottom: 0px;
    }

    .campus .map p {
        margin-left: 35px;
        margin-right: 35px;
        color: #aeaeae;
    }


/***************************************************
 *
 * Diversity/Inclusion Page
 *
 */

.diversity .container {
    overflow: auto;
    margin-bottom: 15px;
}

.diversity.content.below {
    padding-bottom: 15px;
}

    .diversity.content.below.pane {
        padding-top: 0;
    }

        .diversity.content.below.pane .container {
            background: #333;
            padding: 0 33px 15px 33px;
        }

        .diversity.content.below.pane h1 {
            border-bottom: 1px solid #6e6e6e;
            width: 100%;
            margin-bottom: 15px;
        }

.submenu .diversity.submenu {
    margin-bottom: 20px;
}

.diversity.content.below.pane p, .mobile-menu li > div.diversity.submenu p {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 13px;
    text-transform: none;
    margin-bottom: 0px;
    margin-top: 0;
    color: #ebe9e0;
    text-align: left;
}

.mobile-menu li > div.diversity.submenu p {
    padding-left: 20px;
    padding-right: 20px;
}

    .diversity.content.below.pane p.secondary, .mobile-menu li > div.diversity.submenu p.secondary {
        color: #999;
    }

.diversity .right {
    width: 50%;
    float: right;
}

.diversity .left {
    width: 46%;
    float: left;
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 14px;
    text-transform: none;
}

.diversity .icons li {
    display: inline-block;
    float: left;
    width: 15.2%;
    margin-right: 1.75%;
}

    .diversity .icons li.last {
        margin-right: 0;
    }

.diversity ul.links li {
    border-bottom: 1px solid #383838;
    padding-bottom: 10px;
    margin-top: 10px;
    font-size: 12px;
}

    .diversity ul.links li.last {
        border: 0;
    }

.diversity.content p, .diversity.content li {
    margin-top: 10px;
    color: #ebe9e0;
}



/***************************************************
 *
 * Mobile Menus
 *
 */

.mobile-menu {
    display: none;
}

    .mobile-menu .arrow {
        display: inline-block;
        position: relative;
        top: 6px;
        left: 5px;
        background: url('../images/common/mobilenav-arrow.png') 0 0 no-repeat;
        width: 30px;
        height: 23px;
    }

        .mobile-menu .arrow.toggle {
            display: inline-block;
            position: relative;
            top: 6px;
            left: 5px;
            background: url('../images/common/mobilenav-arrow.png') 0 -23px no-repeat;
            width: 30px;
            height: 23px;
        }

        .mobile-menu .arrow.bg-med-grey {
            background: url('../images/common/mobilenav-arrow-bg-med-grey.png') 0 0 no-repeat;
        }

        .mobile-menu .arrow.back {
            display: inline-block;
            position: relative;
            top: 6px;
            left: 5px;
            width: 15px;
            height: 22px;
            padding-right: 15px;
            background: url('../images/common/mobilenav-back-arrow.png') 0 0 no-repeat;
        }

        .mobile-menu .arrow.bg-med-grey.toggle {
            background: url('../images/common/mobilenav-arrow-bg-med-grey.png') 0 -23px no-repeat;
        }

    .mobile-menu a {
        color: #ebe9e0;
    }

    .mobile-menu .submenu a, .mobile-menu .toggle {
        color: #999;
    }

        .mobile-menu .toggle.bg-med.grey {
            color: #aeaeae;
        }


    .mobile-menu .submenu.bg-med-grey {
        background: #2d2d2d;
        padding: 0;
    }

    .mobile-menu hr {
        border-top: 1px solid #292929;
        background: #393939;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        height: 1px;
        margin: 0;
    }

.mobile-only.title h1 {
    margin: 25px auto;
    font-size: 20px;
    line-height: 20px;
    text-align: center;
}

.mobile-menu .bg-med-grey hr {
    border-top: 1px solid #242424;
}

.mobile-menu ul.submenu, .mobile-menu div.submenu {
    display: none;
}

.mobile-menu .submenu.bg-med-grey .container {
    padding: 20px 20px 0 20px;
}

.mobile-menu .submenu.bg-med-grey p {
    font-size: 12px;
    line-height: 20px;
    text-align: center;
}

.mobile-menu .submenu.bg-med-grey a {
    text-decoration: underline;
}

.mobile-menu li {
    font-size: 15px;
    line-height: 46px;
    color: #ebe9e0;
    background: #333;
}

.mobile-menu .submenu li, .mobile-menu div.submenu {
    background: #2d2d2d;
}

.mobile-menu li > div, .mobile-menu li.submenu > div, .mobile-menu li a > div {
    margin-left: 20px;
    padding-top: 2px;
    cursor: pointer;
}

    .mobile-menu li > div.submenu {
        margin: 0;
        padding: 15px;
        font-size: 11px;
        line-height: 15px;
        /*font-family: Arial, Helvetica, sans-serif;*/
    }

        .mobile-menu li > div.submenu h1 {
            font-weight: bold;
            color: #fff;
            font-size: 10pt;
        }

        .mobile-menu li > div.submenu h2 {
            font-weight: bold;
            color: #fff;
        }

        .mobile-menu li > div.submenu p {
            text-transform: none;
            margin-bottom: 20px;
        }


.mini-grey {
    text-decoration: none;
    text-align: center;
    padding: 5px 12px;
    border: solid 1px #8c8c8c;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font: 10px Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #ffffff;
    background-color: #c6cacc;
    background-image: -moz-linear-gradient(top, #c6cacc 0%, #797a7a 100%);
    background-image: -webkit-linear-gradient(top, #c6cacc 0%, #797a7a 100%);
    background-image: -o-linear-gradient(top, #c6cacc 0%, #797a7a 100%);
    background-image: -ms-linear-gradient(top, #c6cacc 0%,#797a7a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#797a7a', endColorstr='#797a7a',GradientType=0 );
    background-image: linear-gradient(top, #c6cacc 0%,#797a7a 100%);
    -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}

    .mini-grey:hover {
        text-decoration: none;
        padding: 5px 12px;
        border: solid 1px #8c8c8c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font: 10px Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        background-color: #d2d7d9;
        background-image: -moz-linear-gradient(top, #d2d7d9 0%, #888a8a 100%);
        background-image: -webkit-linear-gradient(top, #d2d7d9 0%, #888a8a 100%);
        background-image: -o-linear-gradient(top, #d2d7d9 0%, #888a8a 100%);
        background-image: -ms-linear-gradient(top, #d2d7d9 0%,#888a8a 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#888a8a', endColorstr='#888a8a',GradientType=0 );
        background-image: linear-gradient(top, #d2d7d9 0%,#888a8a 100%);
        -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
        -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
        box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    }

    .mini-grey:active {
        padding: 5px 12px;
        border: solid 1px #8c8c8c;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font: 10px Arial, Helvetica, sans-serif;
        font-weight: bold;
        color: #ffffff;
        background-color: #b1b4b5;
        background-image: -moz-linear-gradient(top, #b1b4b5 0%, #5f6161 100%);
        background-image: -webkit-linear-gradient(top, #b1b4b5 0%, #5f6161 100%);
        background-image: -o-linear-gradient(top, #b1b4b5 0%, #5f6161 100%);
        background-image: -ms-linear-gradient(top, #b1b4b5 0%,#5f6161 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5f6161', endColorstr='#5f6161',GradientType=0 );
        background-image: linear-gradient(top, #b1b4b5 0%,#5f6161 100%);
        -webkit-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
        -moz-box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
        box-shadow: 0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
    }



/***************************************************
 *
 * Responsive Specific
 *
 */

/* Retina iPhone  */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
}

/* Retina iPad  */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (-webkit-min-device-pixel-ratio: 2) {
}

/* Retina iPad portrait */
@media only screen and (min-device-width: 1536px) and (max-device-width: 2048px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {
}

/* iPad landscape */
@media only screen and (max-device-width: 1024px) and (orientation: landscape) {

    .wrapper {
        max-width: 100%;
    }

    .callouts.twoup > ul > li {
        width: 49.658%;
    }

    .brands .icons li {
        margin-right: 14px;
        width: 24.0%;
    }

    .callouts.twoup img, .callouts.threeup img, .pane.left > img, .pane.right > img {
        width: 100%;
    }
}

/* iPad Landscape / Desktop < 980*/
@media only screen and (max-width: 980px) {
    .top-menu li a div {
        padding: 0 24px;
    }

    .banner .pane.right .inner-container {
        padding-top: 8%;
    }

    .banner .pane.right p.text {
        padding: 0 25px;
        line-height: 20px;
    }

    .diversity .left {
        margin-bottom: 20px;
    }

    .diversity .right, .diversity .left {
        width: 100%;
    }

    .brands .icons {
        position:relative; 
        left:0;
    }

    .brands .icons li {
        margin-right: 14px;
        width: 27%;
        
        float: left;
        display: inline-block;
        cursor: pointer;
    }

    .content.below .sixup ul {
        width: 92%;
        margin: 0 auto;
    }

    .content.below .sixup li {
        position: relative;
        display: block;
        padding: 1.035% 0% 2% 0;
        width: 48.5%;
    }

        .content.below .sixup li.even {
            float: right;
        }

    .no-ipad {
        display: none;
    }

    .ipad-only {
        display: block;
    }
}

/* between iPad and iPhone */
@media only screen and (max-width: 767px) {

    .content hr {
        height: 1px;
    }

    .top-menu, .callouts, .breadcrumbs, .content.below, .right-pane, .no-mobile {
        display: none;
    }

    .mobile-menu, .split-pane .content.below, .pane .content.below {
        display: block;
    }

    .banner.video .vimeo {
        width: 100%;
        height: auto;
    }

    .footer {
        -moz-box-shadow: 0 0 0 #000;
        -webkit-box-shadow: 0 0 0 #000;
        box-shadow: 0 0 0 #000;
        background: #333;
    }

    .banner .pane.left {
        width: 100%;
        float: left;
    }

        .banner .pane.left img, .left-pane {
            width: 100%;
        }

            .left-pane .content.below, .pane .content.below {
                padding: 15px;
            }

    .ipad-only {
        display: none;
    }

    .mobile-only {
        display: block;
    }

    .campus .map.container {
        text-align: center;
        padding: 0;
        border: 0;
    }
}

/* <= 480 width */
@media only screen and (max-width: 480px) {

    .footer {
        padding: 34px 35px;
    }
}


/* iPhone Portrait */
@media screen and (max-device-width: 480px) and (orientation:portrait) {
}

/* iPhone Landscape */
@media screen and (max-device-width: 480px) and (orientation:landscape) {
}

/* iPad Portrait */
@media screen and (min-device-width: 481px) and (orientation:portrait) {
}

/* iPad Landscape */
@media screen and (min-device-width: 481px) and (orientation:landscape) {
}