/* ---------- 5 & 7 COLUMNS ---------- */
.col-7,
.col-5,
.col-6 {
    float: left;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
    width: 100%;
}

@media(min-width:768px) {
    .col-7 {
        width: 14.28571428571429%;
    }

    .col-5 {
        width: 20%;
    }

    .col-6 {
        width: 16.66%;
    }
}


/* ---------- HEADER: TOP NAVIGATION ---------- */
@media (min-width:768px) {
    header {
        padding-top: 50px; /* give room for top nav */
        position: relative;
    }

        header .top-row {
            position: absolute;
            top: 0;
            width: 100%;
        }

    .top-row .navbar {
       /* background: #00aeef; */
		background: rgba(33, 36, 42, 0.04);
        border: 0;
        border-radius: 0;
        height: 40px;
        left: 0;
        margin-bottom: 0;
        z-index: inherit;
    }

    .top-row .container {
        position: relative;
    }

    .top-row .top-nav {
        position: absolute;
        right: 0;
    }

        .top-row .top-nav > li {
            float: left;
        }

            .top-row .top-nav > li > a {
                color: #181616;
                font-size: 12px;
                padding-left: 20px;
                padding-right: 20px;
            }

            .top-row .top-nav > li span {
                display: inline-block;
                vertical-align: middle;
            }

                .top-row .top-nav > li span.divider {
                    margin: 0 3px;
                }


        .top-row .top-nav .sprite.nav-globe-icon {
            background-position: -66px -374px;
            display: inline-block;
            height: 19px;
            margin-right: 5px;
            vertical-align: middle;
            width: 19px;
        }

        .top-row .top-nav .caret,
        .top-row .top-nav > li > a:hover .caret {
            background-position: -28px 0;
            border: 0;
            height: 5px;
            width: 9px;
        }

        .top-row .top-nav .dropdown.open .caret {
            background-position: -28px -5px;
        }

        .top-row .top-nav .sprite.dealer {
            background-position: -66px -395px;
            display: inline-block;
            height: 17px;
            margin-right: 5px;
            vertical-align: middle;
            width: 12px;
        }

        .top-row .top-nav > li > a:hover,
        .top-row .top-nav > li > a:focus,
        .top-row .top-nav .open > a,
        .top-row .top-nav .open > a:hover,
        .top-row .top-nav .open > a:focus {
            background: #eaeaea;
            color: #000;
        }

    .top-row .dropdown-menu {
        background-color: transparent;
        border: 0;
        border-radius: 0;
        box-shadow: 0 0 0 0 transparent;
        padding: 0;
        z-index: 1001;
    }

        .top-row .dropdown-menu.globe {
            left: -85px;
            top: 55px;
            width: 320px;
        }

        .top-row .dropdown-menu.language {
            left: -40px;
            top: 55px;
            width: 230px;
        }

        .top-row .dropdown-menu .up-arrow {
            width: 0;
            height: 0;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent;
            border-bottom: 10px solid black;
        }

        .top-row .dropdown-menu.language .up-arrow {
            margin: auto;
            margin-left: 100px;
        }

        .top-row .dropdown-menu ul {
            background: #000;
            float: left;
            padding: 5px 15px;
        }

        .top-row .dropdown-menu.globe ul {
            float: left;
            width: 50%;
        }

        .top-row .dropdown-menu li {
            margin: 10px 0;
        }

            .top-row .dropdown-menu li a {
                color: #fff;
                display: block;
                font-size: 15px;
                padding: 5px 10px;
            }

                .top-row .dropdown-menu li a:hover {
                    background-color: #3E94C8;
                    text-decoration: none;
                }

        .top-row .nav > li > a img,
        .top-row .dropdown-menu.language li a img {
            padding-right: 5px;
        }
}
/*end tablet and up*/


/* ---------- HEADER: MAIN NAVIGATION ---------- */
.main-nav .navbar {
    /* gradient */
    background: #000; /* Old browsers */
    /*background-image: url("/Content/Images/navbar-bg.png");*/
    background-position: 0 0;
    background-repeat: repeat-x;
    border: 0;
    border-radius: 0;
    /*-webkit-box-shadow: 1px 1px 3px #8D8D8D;*/
    /*box-shadow: 1px 1px 3px #8D8D8D;*/
    height: 100px;
    margin-bottom: 0;
    width: 100%;
    z-index: auto;
}

.ie8 .main-nav .navbar {
    -ms-behavior: url(/Content/Styles/PIE.htc);
    behavior: url(/Content/Styles/PIE.htc);
}

.main-nav .navbar-header {
    border-right: 0px solid #1e1d1d;
    height: 100px;
    padding: 10px 15px 10px 0;
}

@media (min-width:768px) {
    #mobile-nav-toggle {
        display: none;
    }

    .main-nav .navbar-brand {
        margin: 0;
        padding: 0;
    }
}

.main-nav .navbar-brand a {
    display: block;
}

.main-nav .navbar > .container .navbar-brand {
    margin: 0;
}

.main-nav .nav > li > a {
    color: #efecec;
    border-right: 0px solid #1e1d1d;
    font-family: FrutigerLTCom-BlackCn, Arial;
    font-size: 15px;
    text-transform: uppercase;
}

@media (min-width: 768px) {
    .main-nav .nav > li > a {
        font-size: 13px;
        padding: 40px 10px;
    }
}

@media (min-width: 1000px) {
    .main-nav .nav > li > a {
        font-size: 15px;
        padding: 40px 20px;
    }
}

@media (min-width: 768px) {
    .main-nav .nav > li > a:hover,
    .main-nav .nav > li > a:focus,
    .main-nav .nav > .open > a,
    .main-nav .nav > .open > a:hover,
    .main-nav .nav > .open > a:focus,
    .main-nav .nav > .selected > a,
    .main-nav .nav > .selected > a:hover,
    .main-nav .nav > .selected > a:focus,
    .main-nav .nav > li.active a {
        background: transparent;
        border-right: 0px solid #1e1d1d;
        color: #1191c2;
    }

        .main-nav .nav > li > a:hover,
        .main-nav .nav > .open > a:hover,
        .main-nav .nav > .selected > a:hover,
        .main-nav .nav > .open.selected > a,
        .main-nav .nav > .open > a,
        .main-nav .nav > .open > a:hover,
        .main-nav .nav > .open > a:focus {
            color: #efecec;
        }

    .main-nav .nav .dropdown-menu.level-two a,
    .main-nav .nav .dropdown-menu.level-two .open > a {
        background: transparent;
        color: #fff;
    }

        .main-nav .nav .dropdown-menu.level-two a:hover,
        .main-nav .nav .dropdown-menu.level-two a:focus,
        .main-nav .nav .dropdown-menu.level-two .open > a:hover,
        .main-nav .nav .dropdown-menu.level-two .open > a:focus {
            background: transparent;
            border: none;
            color: #00aeef;
        }

    .main-nav .dropdown-menu {
        background: #21242a;
        background: rgba(33, 36, 42, 0.95);
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,0.5);
        display: none;
        opacity: 0;
        padding: 0;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        transition: all 0.5s ease;
        visibility: hidden;
    }

    .main-nav .dropdown.has-children:hover .dropdown-menu {
        display:block;
        visibility: visible;
        opacity: 1;
    }

    .main-nav .dropdown.has-children .dropdown-menu > div {
        padding-top: 30px;
    }

    .main-nav .nav > li,
    .main-nav .dropdown {
        position: static;
    }

    .navbar-nav > li > a {
        padding-bottom: 12px;
    }

    .main-nav .navbar-nav > li > .dropdown-menu {
        width: 100%;
    }

    .main-nav .nav > li.open > a,
    .main-nav ul.nav li.dropdown > a:hover {
        background: #21242a; /* Old browsers */
        /*background: -moz-linear-gradient(top, #ffffff 0%, #bfbfbf 100%);*/ /* FF3.6-15 */
         /*background: -webkit-linear-gradient(top, #ffffff 0%,#bfbfbf 100%);*/ /* Chrome10-25,Safari5.1-6 */
         /*background: linear-gradient(to bottom, #ffffff 0%,#bfbfbf 100%); */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    }

    .main-nav .nav > li.selected > a {
        color: #00aeef;;
    }

    .main-nav .navbar-form {
        margin-top: 30px;
        padding-right: 0;
    }

    .dropdown-menu.level-two:after {
        content: "";
        clear: both;
        display: table;
    }

    .dropdown-menu.level-two ul {
        float: left;
        width: 33.3333333%;
    }
}

@media (max-width:767px) {
    .main-nav .navbar-form,
    .support-search-label {
        display: none;
    }
}

@media (min-width: 768px) {
    .main-nav .dropdown-menu ul li {
        margin-bottom: 20px;
    }

        .main-nav .dropdown-menu ul li a,
        .support-search-label {
            color: #fff;
            font-family: FrutigerLTCom-BlackCn, Arial;
            font-size: 16px;
            padding: 0;
        }

            .main-nav .dropdown-menu ul li a:hover,
            .main-nav .dropdown-menu ul li.active a {
                color: #acacac;
                text-decoration: none;
            }

    .main-nav .dropdown-menu.level-three {
        display: none !important;
    }

    .support-search-label {
        text-decoration: underline;
    }

    .search-list-item:before {
        color: #fff;
        content: "-";
        display: inline-block;
        font-size: 20px;
        margin-right: 5px;
    }

    .main-nav .form-control {
        background: url(../Images/main-nav-icon-search.png) no-repeat 10px 12px rgba(33, 36, 42, 0.95);
        border: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.15);
        box-shadow: inset 1px 1px 2px 2px rgba(0, 0, 0, 0.15);
        color: #B0ADAD;
        font-family: FrutigerLTCom-Condensed, Arial;
        font-style: italic;
        padding-left: 30px;
        width: 120px !important;
    }
}

@media (min-width:1000px) {
    .main-nav .dropdown-menu ul li {
        margin-bottom: 30px;
    }

        .main-nav .dropdown-menu ul li a,
        .support-search-label {
            font-size: 18px;
        }

    .main-nav .form-control {
        width: 225px !important;
    }
}

.ie8 .main-nav .form-control {
    -ms-behavior: none;
    behavior: none;
}

/* ---------- MOBILE NAVIGATION ---------- */
@media (min-width:768px) {
    .navbar-header .mobile-nav-toggle,
    .navbar-header #mobile-search-toggle,
    #mobile-nav-header,
    .navbar-header.mobile {
        display: none;
    }
}

@media (max-width:767px) {
    .navbar-header.desktop {
        display: none;
    }

    .navbar-header.mobile {
        /*background: #f3f3f3;*/
		background: #f3f3f3;
        border: 0;
        border-bottom: 1px solid #474747;
        display: block;
        height: 80px;
        padding: 10px 0;
        position: relative;
    }

    .navbar-header > div {
        float: left;
        height: 60px;
        line-height: 60px;
        padding: 0 15px;
        width: 33.333333333333333%;
    }

    #mobile-nav-toggle > span {
        font-size: 30px;
        line-height: 60px;
    }

    #mobile-search-toggle {
        text-align: right;
    }

        #mobile-search-toggle > span {
            font-size: 30px;
            margin-top: -15px;
            position: absolute;
            right: 15px;
            top: 50%;
            z-index: 1;
        }

        #mobile-search-toggle > div {
            background: #f3f3f3;
            height: 100%;
            right: 0;
            position: absolute;
            top: 0;
            -moz-transition: ease all 0.8s;
            -o-transition: ease all 0.8s;
            -webkit-transition: ease all 0.8s;
            transition: ease all 0.8s;
            width: 0;
        }

        #mobile-search-toggle input[type="text"] {
            background: none;
            border: 0;
            border-bottom: 1px solid #cacaca;
            border-radius: 0;
            box-shadow: none;
            height: 30px;
            margin: 30px 0 20px;
            padding: 0;
            -moz-transition: ease all 0.8s;
            -o-transition: ease all 0.8s;
            -webkit-transition: ease all 0.8s;
            transition: ease all 0.8s;
            width: 100%;
        }

    .navbar-header.mobile.active #mobile-search-toggle > div {
        width: 100%;
    }

    .navbar-header.mobile.active #mobile-search-toggle input[type="text"] {
        padding: 15px;
    }

    .navbar-header .navbar-brand a {
        display: block;
        margin: 1px auto;
        width: 67px;
    }

    .main-nav .navbar {
        background: #21242a;
    }

    .navbar-nav {
        margin-bottom: 0;
        margin-top: 0;
    }

    .main-nav .nav > li > a,
    .dropdown-menu li a {
        border-bottom: 1px solid #474747;
        color: #efecec;
        display: block;
        font-family: FrutigerLTCom-BlackCn, Arial;
        font-size: 18px;
        height: 71px;
        line-height: 18px;
        padding: 25px 15px;
        text-transform: none;
    }

        .main-nav .nav > li > a:hover,
        .navbar-nav > li > a,
        .dropdown-menu li a:hover,
        .nav > li > a:hover,
        .nav > li > a:focus {
            background: none;
            text-decoration: none;
        }

    /* top nav items (displayed below) */
    .navbar-nav.top-nav {
        padding: 15px 0;
    }

    .navbar-nav > li > a {
        color: #474747;
        font-size: 16px;
        padding: 15px;
    }


    /* mobile nav */
    body.mobile-nav-open {
        position: relative;
    }

    #mobile-navbar {
        background: #f3f3f3;
        height: 100%;
        position: absolute;
        top: 0;
        -moz-transition: linear left 0.5s;
        -o-transition: linear left 0.5s;
        -webkit-transition: linear left 0.5s;
        transition: linear left 0.5s;
        left: -100%;
        width: 100%;
        z-index: 1500;
    }

        #mobile-navbar.active {
            left: 0;
        }

        #mobile-navbar .navbar,
        #mobile-navbar .nav > li {
            position: static;
        }

        #mobile-navbar #mobile-nav-header {
            border-bottom: 1px solid #474747;
            height: 110px;
            padding: 25px 0 55px;
        }

        #mobile-navbar.sub-nav-open #mobile-nav-header .search {
            display: none;
        }

        #mobile-navbar #mobile-nav-header .back {
            display: none;
        }

        #mobile-navbar.sub-nav-open #mobile-nav-header .back {
            display: block;
            height: 30px;
            line-height: 30px;
        }

        #mobile-navbar #mobile-nav-header .back > span {
            color: #474747;
            font-family: 'FrutigerLTCom-Light', Arial;
            font-size: 18px;
            padding-left: 20px;
            position: relative;
        }

            #mobile-navbar #mobile-nav-header .back > span > span {
                color: #474747;
                font-size: 14px;
                height: 14px;
                left: 0;
                margin-top: -7px;
                position: absolute;
                top: 50%;
            }

        #mobile-navbar #mobile-nav-header .search,
        #mobile-navbar #mobile-nav-header .back {
            float: left;
            padding-left: 15px;
            padding-right: 15px;
            width: 85%;
        }

        #mobile-navbar #mobile-nav-header .close-menu {
            position: absolute;
            right: 15px;
            top: 25px;
        }

            #mobile-navbar #mobile-nav-header .close-menu span {
                color: #474747;
                font-size: 30px;
            }

        #mobile-navbar .search > div {
            border-bottom: 1px solid #cacaca;
            position: relative;
        }

            #mobile-navbar .search > div > span {
                color: #cacaca;
                font-size: 20px;
                left: 0;
                margin-top: -10px;
                position: absolute;
                top: 50%;
            }

        #mobile-navbar .search input[type="text"] {
            background: none;
            border: none;
            border-radius: 0;
            box-shadow: none;
            color: #a5a4a4;
            height: 30px;
            padding: 0 0 0 35px;
        }

        #mobile-navbar .navbar {
            box-shadow: none;
            height: auto;
        }

        #mobile-navbar .nav-items {
            background: #f3f3f3;
            height: 100%;
            overflow-y: visible;
            overflow-x: hidden;
            position: relative;
        }

        #mobile-navbar.sub-nav-open .nav-items {
            overflow: hidden;
        }

        #mobile-navbar li.dropdown .dropdown-menu {
            background: #21242a;
            border: 0;
            box-shadow: none;
            display: block;
            float: none;
            height: 100%;
            left: auto;
            margin: 0;
            opacity: 0;
            overflow-x: hidden;
            overflow-y: visible;
            padding: 0 0 110px;
            position: absolute;
            top: 0;
            -moz-transition: cubic-bezier(0.45, 0.68, 0.2, 0.95) right 0.7s, cubic-bezier(0.45, 0.68, 0.2, 0.95) opacity 0.7s;
            -o-transition: cubic-bezier(0.45, 0.68, 0.2, 0.95) right 0.7s, cubic-bezier(0.45, 0.68, 0.2, 0.95) opacity 0.7s;
            -webkit-transition: cubic-bezier(0.45, 0.68, 0.2, 0.95) right 0.7s, cubic-bezier(0.45, 0.68, 0.2, 0.95) opacity 0.7s;
            transition: cubic-bezier(0.45, 0.68, 0.2, 0.95) right 0.7s, cubic-bezier(0.45, 0.68, 0.2, 0.95) opacity 0.7s;
            right: -100%;
            width: 100%;
            z-index: 1600;
        }

            #mobile-navbar li.dropdown .dropdown-menu.active {
                opacity: 1;
                right: 0;
            }

            #mobile-navbar li.dropdown .dropdown-menu .container {
                padding: 0;
            }
}





/* ---------- BREADCRUMB, UTILITY LINKS ---------- */
.breadcrumb-wrap {
    border-top: 0px solid #adadad;
    font-size: 12px;
    margin-bottom: 35px;
    padding-top: 20px;
}

    .breadcrumb-wrap > div {
        padding-left: 0;
    }

    .breadcrumb-wrap .utility-links {
        float: right;
        padding-right: 0;
        text-align: right;
    }

        .breadcrumb-wrap .utility-links a {
            color: #565656;
            font-family: FrutigerLTCom-Bold, Arial;
            /*-- white-space: nowrap; -- */
        }

    .breadcrumb-wrap .breadcrumb {
        float: left;
    }

.breadcrumb {
    background: none;
    -ms-border-radius: 0;
    border-radius: 0;
    margin: 0;
    padding: 0;
}

    .breadcrumb .sep {
        color: #CCCCCC;
        margin: 0 5px;
    }

    .breadcrumb > a {
        color: #565656;
        text-decoration: underline;
    }

    .utility-links .icon {
        display: inline-block;
        height: 18px;
        margin-right: 5px;
        text-align: center;
        vertical-align: middle;
        width: 18px;
    }

@media (min-width:768px ) {
    .utility-links .icon {
        margin-left: 15px;
    }
}

@media (max-width:767px ) {
    .utility-links > a {
        margin-right: 15px;
    }
}

.utility-links .icon:after {
    color: #fff;
    font-family: FontAwesome;
}

.utility-links .icon.email,
.utility-links .icon.print {
    background: #00aeef;
    border-radius: 50%;
}

.utility-links .icon.products:after {
    color: #00aeef;
    content: "\f0ac";
    font-size: 20px;
    line-height: 20px;
    position:relative;
    top:-1px;
}

.utility-links .icon.email:after {
    content: "\f0e0";
    font-size: 10px;
    line-height: 10px;
}

.utility-links .icon.print:after {
    content: "\f02f";
    font-size: 12px;
    line-height: 12px;
    position: relative;
    top: 1px;
}

.sprite.products,
.sprite.email,
.sprite.print {
    color: #565656;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    margin-left: 15px;
    padding-left: 20px;
    vertical-align: middle;
}

.sprite.products {
    background-position: -87px -374px;
    margin-left: 30px;
}

.sprite.email {
    background-position: -87px -391px;
}

.sprite.print {
    background-position: -87px -408px;
}

.link-label {
    position: relative;
    top: 1px;
}

@media (max-width:767px) {
    .breadcrumb-wrap {
        border: none;
    }

        .breadcrumb-wrap .breadcrumb {
            float: none;
        }

        .breadcrumb-wrap .utility-links {
            float: none;
            margin-top: 15px;
            text-align: left;
        }

            /* hide view all etc products */
            .breadcrumb-wrap .utility-links a:first-child {
                display: none;
            }

            .breadcrumb-wrap .utility-links .sprite.email {
                margin-left: 0;
            }
}

/* ---------- PAGE LAYOUTS ---------- */
.main ul {
    list-style-type: disc;
    margin: 0 0 0 15px;
}

    .main ul li {
        padding-bottom: 5px;
    }

.ektron-aloha ul, .design_richarea ul {
    list-style-type: disc;
    margin: 0 0 0 15px;
}

    .ektron-aloha ul li, .design_richarea ul li {
        padding-bottom: 5px;
    }

.main .zone-hdr {
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    margin: 0 0 3px 0;
    text-align: center;
    text-transform: uppercase;
}

[data-ux-pagebuilder="Column"] {
    box-shadow: none;
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}

.main [data-ux-pagebuilder="Column"] > ul {
    border: 0 solid;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.row > [data-ux-pagebuilder="Column"] {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.ux-app-siteApp-designMode.pageBuilderEditMode.ux-app-siteApp-edit .row > [data-ux-pagebuilder="Column"] {
    border-width: 0;
    min-width: 100px;
}

    .ux-app-siteApp-designMode.pageBuilderEditMode.ux-app-siteApp-edit .row > [data-ux-pagebuilder="Column"] .ux-app-siteApp-columnHeader {
        margin-left: -11px;
        margin-right: -11px;
    }

.row > .newrow {
    clear: both;
    margin: 0;
    margin-top: 30px;
    padding: 0;
    width: 100%;
}

    .row > .newrow.border-bottom {
        border-bottom: 1px solid #d8d8d8;
        margin-bottom: 30px;
    }

/* --------- COLUMN LAYOUTS ON MOBILE ----- */
@media (max-width:767px) {
    .two-col-left {
        margin-bottom: 60px;
    }
}

/* ---------- FOOTER ---------- */
/* email/print icons -- remove in code */
footer .bottom-row > .row .col-md-4 .bottom-left {
    display: none;
}

footer {
    background: #000;
    margin-top: 40px;
}

    footer .social-links ul {
        list-style: none;
        margin: 0;
        padding: 0;
    }

    footer .social-links a.social {
        display: inline-block;
        text-align: center;
        text-decoration: none;
        vertical-align: bottom;
    }

        footer .social-links a.social:after {
            color: #fff;
            font-family: FontAwesome;
            text-decoration: none;
        }

        footer .social-links a.social.facebook:after {
            content: "\f09a";
        }

        footer .social-links a.social.facebook:hover:after {
            color: #3b5998;
        }

        footer .social-links a.social.twitter:after {
            content: "\f099";
        }

        footer .social-links a.social.twitter:hover:after {
            color: #55acee;
        }

        footer .social-links a.social.youtube:after {
            content: "\f16a";
        }

        footer .social-links a.social.youtube:hover:after {
            color: #cd201f;
        }
        footer .social-links a.social.linkedin:after {
            content: "\f0e1";
        }

        footer .social-links a.social.linkedin:hover:after {
            color: #4875B4;
        }
		        footer .social-links a.social.instagram:after {
            content: "\f16d";
        }

        footer .social-links a.social.instagram:hover:after {
            color: #4E433C;
        }
 .blog-social a:hover {
            color: #00aeef;
        }

@media (max-width:767px) 
{	.social-links a.blog-mobile {
           width:45px;
		   height:45px;
		   margin-top:6px;
        }
}
@media (min-width:960px) 
{	.social-links a.blog-desktop {
           margin-left:10px;
		   height:25px;
		   width:25px;
        }
}
	
@media (max-width:767px) {
    footer {
        color: #fff;
        padding: 30px 15px;
    }

        footer .bottom-row {
            font-size: 10px;
            text-align: center;
        }

            footer .bottom-row .bottom .uppercase {
                display: none;
            }

        footer .col-6 {
            padding-left: 10px;
            padding-right: 10px;
            text-align: center;
            width: 33.33333333%;
        }

        footer .top-row > .row {
            margin-left: -30px;
            margin-right: -30px;
        }

        footer .top-row a,
        footer .top-row:visited,
        footer .top-row:active,
        footer .top-row:focus {
            color: #fff;
        }

        footer .top-row .row .col-6:nth-child(1),
        footer .top-row .row .col-6:nth-child(2),
        footer .top-row .row .col-6:nth-child(3) {
            font-family: FrutigerLTCom-Bold, Arial;
            font-size: 14px;
        }

        footer .top-row .row .col-6:nth-child(4),
        footer .top-row .row .col-6:nth-child(5),
        footer .top-row .row .col-6:nth-child(6) {
            font-size: 8px;
            margin-top: 20px;
        }

    .copyright {
        display: block;
    }

    .social-links {
        display: block;
        margin: 30px 0;
    }

    footer .social-links ul {
        margin: 0 -30px;
    }

        footer .social-links ul:after {
            clear: both;
            content: "";
            display: table;
        }

        footer .social-links ul li {
            float: left;
            padding: 4px 10px;
            text-align: center;
            width: 33.3333333333%;
        }

    footer .social-links a.social {
        height: 45px;
        width: 45px;
    }

        footer .social-links a.social:after {
            font-size: 45px;
            line-height: 45px;
        }
}

@media (min-width:768px) {

    footer .container {
        padding-bottom: 50px;
        padding-top: 25px;
    }

    footer a,
    footer a:hover {
        text-decoration: none;
    }

    footer .top-row {
        border-bottom: 1px solid #666;
        margin-bottom: 25px;
        padding-bottom: 25px;
        text-align: center;
    }

        footer .top-row a {
            color: #fff;
            cursor: pointer;
            display: block;
            font-family: FrutigerLTCom-BoldCn, Arial;
            font-size: 12px;
            padding-top: 55px;
            text-transform: uppercase;
            -webkit-transition: background-position .2s ease-in;
            -moz-transition: background-position .2s ease-in;
            -o-transition: background-position .2s ease-in;
            transition: background-position .2s ease-in;
        }

            footer .top-row a.jobs {
                background: url(../Images/footer-icon-jobs.png) no-repeat center 10px;
            }

                footer .top-row a.jobs:hover {
                    background-position: center 0;
                }

            footer .top-row a.contact-us {
                background: url(../Images/footer-icon-contact-us.png) no-repeat center 20px;
            }

                footer .top-row a.contact-us:hover {
                    background-position: center 10px;
                }

            footer .top-row a.legacy-products {
                background: url(../Images/footer-icon-legacy-products.png) no-repeat center 15px;
            }

                footer .top-row a.legacy-products:hover {
                    background-position: center 5px;
                }

            footer .top-row a.trademarks-copyrights {
                background: url(../Images/footer-icon-trademarks-copyrights.png) no-repeat center 18px;
            }

                footer .top-row a.trademarks-copyrights:hover {
                    background-position: center 8px;
                }

            footer .top-row a.privacy-policy {
                background: url(../Images/footer-icon-privacy-policy.png) no-repeat center 18px;
            }

                footer .top-row a.privacy-policy:hover {
                    background-position: center 8px;
                }

            footer .top-row a.calif-transparency {
                background: url(../Images/footer-icon-legacy-products.png) no-repeat center 18px;
            }

                footer .top-row a.calif-transparency:hover {
                    background-position: center 8px;
                }
    /* FOOTER: bottom row */
    footer .bottom-row .right-column {
        float: right;
    }

    footer .bottom-row .navbar-brand {
        background: url(../Images/logo-footer.png) no-repeat 0 0;
        display: block;
        height: 80px;
        margin: 0;
        padding: 0;
        width: 100px;
    }

    footer .bottom-row {
        font-size: 10px;
    }

        footer .bottom-row > .row .col-md-8 {
            position: relative;
        }

            /* copyright */
            footer .bottom-row > .row .col-md-8 .row .col-md-10 .bottom {
                top: 23px;
                left: -5px;
                position: absolute;
            }

                footer .bottom-row > .row .col-md-8 .row .col-md-10 .bottom .uppercase {
                    font-family: FrutigerLTCom-BlackCn, Arial;
                    font-size: 13px;
                    margin-left: -8px;
                    padding-right: 20px;
                }

        footer .bottom-row a {
            color: #acacac;
        }

            footer .bottom-row a:hover {
                color: #fff;
            }

            footer .bottom-row a.footer-email .sprite,
            footer .bottom-row a.footer-print .sprite {
                display: inline-block;
                height: 12px;
                margin-right: 3px;
                vertical-align: middle;
                width: 13px;
            }

            footer .bottom-row a.footer-email .sprite {
                background-position: -102px -342px;
            }

            footer .bottom-row a.footer-email:hover .sprite {
                background-position: -85px -342px;
            }

            footer .bottom-row a.footer-print .sprite {
                background-position: -102px -357px;
            }

            footer .bottom-row a.footer-print:hover .sprite {
                background-position: -85px -357px;
            }

            footer .bottom-row a.footer-print {
                margin-left: 10px;
            }

        /* social icons */
        footer .bottom-row > .row .col-md-4 {
            text-align: right;
        }

            footer .bottom-row > .row .col-md-4 .bottom {
                display: block;
                margin-top: 15px;
            }

    footer .social-links ul li {
        display: inline-block;
        margin-left: 10px;
        vertical-align: bottom;
    }

    footer .social-links a.social {
        height: 25px;
        width: 25px;
    }

        footer .social-links a.social:after {
            font-size: 24px;
            line-height: 24px;
        }
}
/*end desktop*/

@media (min-width:1000px) {
    footer .top-row .row {
        margin: auto;
        width: 100%;
    }
}

/* ---------- PRODUCT -------- */
.product p, .product li {
    color: #565656;
    font-size: 16px;
    line-height: 25px;
}

.product ul {
    margin: 0 0 0 30px;
}

.product h6.blue.uppercase {
    font-family: FrutigerLTCom-BoldCn, Arial;
    margin-bottom: 10px;
}

.product .verbiage {
    overflow: hidden;
    margin-bottom: 30px;
    margin-top: 30px;
}

    .product .verbiage h2 {
        margin-top: 0;
    }

.product .left {
    margin-bottom: 30px;
    margin-top: 30px;
}

.product .right {
    margin-bottom: 30px;
}

@media (min-width:768px) {
    .product .left {
        margin-right: 30px;
    }

    .product .right {
        margin-left: 30px;
        margin-top: 30px;
    }
}
@media (max-width:767px) {
    .form-control-searchtextbox {
        width: 100%;
    }
}

@media (min-width:768px) {
    .form-control-searchtextbox {
        min-width: 465px;
        display: inline;
    }
}
    .form-control-itemsperpage {
        min-width: 135px;
    }