/* 
CONTENTS
------------------------------------------------   

    1.0 GLOBAL STYLES
    2.0 HEADER
    3.0 FOOTER
        3.1 SHARE LINKS
    4.0 BREADCRUMB
   
    5.0 MODULES
    6.0 HOME PAGE
        6.1 CAROUSEL
    7.0 FAMILY LANDING
    8.0 PRODUCT DETAIL
    9.0 PRODUCT COMPARE
    10.0 SHOPPING CART
    11.0 MY ACCOUNT
    12.0 SEARCH RESULTS
    13.0 SUPPORT
    14.0 ARCHITECTS & BUILDERS
    15.0 GENERIC CONTENT PAGES
    15.1 GENERIC MODULE WITH BORDER/PADDING
    16.0 PRODUCT SELECTOR
    17.0 GDO
    18.0 LIFTMASTER BLOG
------------------------------------------------ */

@media (min-width:768px)
{

    /* 1.0 GLOBAL STYLES
------------------------------------------------ */
    .page-title
    {
        background: #313131;
        margin-bottom: 20px;
    }

        .page-title.absolute
        {
            left: 0;
            margin-bottom: 0;
            position: absolute;
            top: 0;
            width: 100%;
            z-index: 1;
        }

        .page-title h1
        {
            color: #fff;
            line-height: 35px;
            margin: 0;
        }

        .page-title + .hero-carousel
        {
            margin-top: -20px;
        }

            .page-title + .hero-carousel + .hero-carousel
            {
                margin-top: 0;
            }

    /* mobile only dropdowns */
    .mobile-only.dropdown > a
    {
        display: none;
    }

    .mobile-only.dropdown .dropdown-menu
    {
        display: block;
        position: relative;
        z-index: 0;
    }

    /* tables */
    table.table tr.odd
    {
        background: #f4f4f4;
    }

    table.table th
    {
        font-size: 22px;
    }

    table.table
    {
        font-size: 16px;
    }


    /* forms */
    .form-notes
    {
        margin-top: 5px;
    }

        .form-notes i
        {
            margin-right: 5px;
        }

    /* 5 columns */
    .col-5
    {
        float: left;
        width: 20%;
    }

    .btn-locate-dealer.small
    {
        display: inline-block;
        font-size: 14px;
        height: 40px;
        line-height: 40px;
        padding: 0 15px;
    }

    .remove-default-padding-lg
    {
        padding-left: 0;
        padding-right: 0;
    }

    /* centered text over image module */
    .centered-text-image img
    {
        position: absolute;
    }

    .centered-text-image
    {
        height: 100%;
        position: relative;
        width: 100%;
    }

        .centered-text-image > div
        {
            display: table;
            height: 100%;
            position: absolute;
            width: 100%;
        }

            .centered-text-image > div > span
            {
                color: #fff;
                display: table-cell;
                font-family: 'Helvetica Neue 45';
                padding: 0 15px;
                text-align: center;
                vertical-align: middle;
            }

        .centered-text-image.height-215
        {
            height: 125px;
        }

            .centered-text-image.height-215 > div > span
            {
                font-size: 26px;
                line-height: 28px;
            }

            .centered-text-image.height-215 img
            {
                max-height: 125px;
            }


    /* 2.0 HEADER
------------------------------------------------ */



    /* 3.0 FOOTER
------------------------------------------------ */
    footer .social-links
    {
        margin-top: 15px;
        padding-left: 0;
        text-align: right;
    }

    footer .bottom-row
    {
        border-top: 1px solid #d1d1d1;
        margin-bottom: 50px;
        margin-top: 30px;
        padding-top: 30px;
    }

    footer a,
    footer a:hover,
    footer a:focus
    {
        border-bottom: 1px solid transparent;
        margin-bottom: 8px;
        padding-bottom: 6px;
    }

        footer a:hover
        {
            border-bottom-color: #d1d1d1;
        }


    footer .social-links
    {
        margin-top: 15px;
        padding-left: 0;
        text-align: right;
    }

    footer .copyright
    {
        text-align: right;
    }




    /* 4.0 BREADCRUMB
------------------------------------------------ */
    .breadcrumb-container
    {
        position: relative;
    }

    /* absolutely position breadcrumb (over rotators/hero images) */
    .breadcrumb.absolute
    {
        margin-top: 25px;
        position: absolute;
        top: 0;
        z-index: 50;
    }

    .breadcrumb
    {
        display: inline-block;
        list-style: none;
        margin: 0 0 25px;
    }

        .breadcrumb > li
        {
            display: inline-block;
        }

            .breadcrumb > li + li:before
            {
                color: #fff;
                content: ">";
                font-size: 0.8em;
                margin: 0 6px 0 4px;
            }

        .breadcrumb a
        {
            color: #fff;
            font-family: 'Helvetica Neue 45';
            font-size: 12px;
            padding: 0;
        }

            .breadcrumb li.active a,
            .breadcrumb a:hover
            {
                color: #fff;
            }

        .breadcrumb li.active a
        {
            color: #fff;
            font-family: 'Helvetica Neue 75';
        }

    .breadcrumb
    {
        margin: 0 0 8px 2px;
    }

    /* 5.0 MODULES
------------------------------------------------ */
    /* HERO IMAGE/TEXT (interior pages like app landing) */
    .interior-hero
    {
        height: 420px;
        overflow: hidden;
        position: relative;
    }

    .interior-hero-carousel .carousel-indicators
    {
        bottom: 0;
    }

    .interior-hero-carousel .item img
    {
        position: absolute;
        right: 0;
    }


    /* two column with white divider in the middle */
    .middle-divider > .col-sm-6
    {
        border-left: 2px solid #fff;
    }

        .middle-divider > .col-sm-6:first-child
        {
            border-right: 2px solid #fff;
            border-left: 0;
        }

    /* two column with gray divider in the middle */
    .middle-divider.gray-border
    {
        border-bottom: 2px solid #cacaca;
        border-top: 0;
    }

        .middle-divider.gray-border > .col-sm-6
        {
            border-left: 1px solid #cacaca;
        }

            .middle-divider.gray-border > .col-sm-6:first-child
            {
                border-right: 1px solid #cacaca;
                border-left: 0;
            }

    /* LIST LINKS with header, links hidden until hover - two boxes, side by side */
    .middle-divider.black-link-list a
    {
        background: none;
        height: 60px;
        line-height: 60px;
        -moz-transition: background-color ease .25s;
        -ms-transition: background-color ease .25s;
        -o-transition: background-color ease .25s;
        -webkit-transition: background-color ease .25s;
        transition: background-color ease .25s;
    }

        .middle-divider.black-link-list a:hover,
        .middle-divider.black-link-list a:focus
        {
            background-color: #93002b;
        }

    .middle-divider.black-link-list h2
    {
        font-size: 24px;
    }

        .middle-divider.black-link-list h2 a
        {
            display: block;
            height: 95px;
            line-height: 95px;
        }

        .middle-divider.black-link-list h2 a
        {
            background-color: #313131;
            background-color: rgba(29, 30, 31, 0.95);
        }

            .middle-divider.black-link-list h2 a:hover,
            .middle-divider.black-link-list h2 a:focus
            {
                background-color: #949494;
                background-color: rgba(148, 148, 148, 0.95);
            }

    .middle-divider.black-link-list > .col-sm-6
    {
    }

        .middle-divider.black-link-list > .col-sm-6 .hidden-xs
        {
            background-color: transparent;
            -ms-opacity: 0;
            opacity: 0;
            -moz-transition: background-color ease .25s, opacity ease .25s, visibility ease .25s;
            -ms-transition: background-color ease .25s, opacity ease .25s, visibility ease .25s;
            -o-transition: background-color ease .25s, opacity ease .25s, visibility ease .25s;
            -webkit-transition: background-color ease .25s, opacity ease .25s, visibility ease .25s;
            transition: background-color ease .25s, opacity ease .25s, visibility ease .25s;
            visibility: hidden;
        }

        .middle-divider.black-link-list > .col-sm-6:hover
        {
        }

            .middle-divider.black-link-list > .col-sm-6:hover .hidden-xs
            {
                background-color: #313131;
                background-color: rgba(29, 30, 31, 0.7);
                -ms-opacity: 1;
                opacity: 1;
                visibility: visible;
            }

    /* TITLED PANEL BUTTON */
    .middle-divider > .titled-panel-button
    {
        background-position: center;
        background-repeat: no-repeat;
        color: #fff;
        height: 275px;
        overflow: hidden;
        position: relative;
        text-align: center;
    }

        .middle-divider > .titled-panel-button > div
        {
            height: 0;
            padding-bottom: 100%;
            -webkit-transition: background-color 0.25s ease 0s;
            -moz-transition: background-color 0.25s ease 0s;
            -ms-transition: background-color 0.25s ease 0s;
            -o-transition: background-color 0.25s ease 0s;
            transition: background-color 0.25s ease 0s;
        }

        .middle-divider > .titled-panel-button > h2
        {
            background-color: #1d1e1f;
            background-color: transparent;
            background-color: rgba(29, 30, 31, 0.95);
            font-size: 24px;
            height: 95px;
            line-height: 95px;
            margin: 0;
            -webkit-transition: background-color 0.25s ease 0s;
            -moz-transition: background-color 0.25s ease 0s;
            -ms-transition: background-color 0.25s ease 0s;
            -o-transition: background-color 0.25s ease 0s;
            transition: background-color 0.25s ease 0s;
        }

        .middle-divider > .titled-panel-button:focus,
        .middle-divider > .titled-panel-button:hover
        {
            color: #fff;
        }

            .middle-divider > .titled-panel-button:focus > div,
            .middle-divider > .titled-panel-button:hover > div
            {
                background-color: #1d1e1f;
                background-color: transparent;
                background-color: rgba(29, 30, 31, 0.7);
            }

            .middle-divider > .titled-panel-button:focus > h2,
            .middle-divider > .titled-panel-button:hover > h2
            {
                background-color: #949494;
                background-color: transparent;
                background-color: rgba(148, 148, 148, 0.95);
            }

    /* PRODUCT SELECTOR LINK (home page, app landing ) */
    .selector-block-link
    {
        position: relative;
    }

        .selector-block-link:hover,
        .selector-block-link:focus
        {
            color: #fff;
        }

        .selector-block-link,
        .selector-block-link .col-sm-10,
        .selector-block-link .col-sm-2
        {
            height: 55px;
            line-height: 55px;
            transition: background 0.25s ease;
            -webkit-transition: background 0.25s ease;
        }

            .selector-block-link .col-sm-10
            {
                background: #949292;
            }

            .selector-block-link .col-sm-2
            {
                background: #98002d;
            }



            .selector-block-link > .container .col-sm-10
            {
                border-right: 2px solid #fff;
                font-family: 'Helvetica Neue 35';
                font-size: 24px;
            }

            .selector-block-link > .container .col-sm-2
            {
                border-left: 2px solid #fff;
                font-size: 18px;
                text-align: center;
            }

            .selector-block-link > .container
            {
                bottom: 0;
                color: #fff;
                left: 0;
                margin: auto;
                position: absolute;
                right: 0;
                top: 0;
            }


    /* PRODUCT BLOCKS - two side-by-side (home page, ) */
    .middle-divider > .container > .row > .display-block
    {
        border-left: 2px solid #fff;
    }

        .middle-divider > .container > .row > .display-block:first-child
        {
            border-right: 2px solid #fff;
            border-left: 0;
        }

    .product-blocks .display-block
    {
        height: 270px;
    }


    /* PRODUCT CAROUSEL */
    .product-carousel .carousel-inner
    {
        margin: auto;
        width: 90%;
    }

    .carousel-control.left
    {
        left: 0;
        text-align: left;
        width: 30px;
    }

    .carousel-control.right
    {
        right: 0;
        width: 30px;
    }

    .product-carousel .carousel-control .fa-chevron-left,
    .product-carousel .carousel-control .fa-chevron-right
    {
        color: #cdcdcd;
        display: inline-block;
        font-size: 25px;
        position: absolute;
        top: 40%;
        z-index: 5;
    }

    .product-carousel .col-sm-6
    {
        margin: 10px 0;
    }

    .prod-select .product-carousel .carousel-inner
    {
        width: 100%;
    }

    .prod-select-results .prod-select .product-carousel img
    {
        border: 0;
    }

    .product-carousel .item .remove-default-padding > a:hover .overlay
    {
        background: transparent;
        background: rgba(0,0,0,0.25);
        display: block;
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 25;
    }

    /* COMPARE ITEMS */
    .compare-items.container
    {
        padding: 10px 0 12px;
        width: 100%;
    }

    .compare-items
    {
        background: #000;
        font-size: 25px;
        padding-bottom: 12px;
        padding-top: 10px;
        text-align: center;
    }

        .compare-items a
        {
            margin-left: 15px;
            padding: 0 20px;
        }

        .compare-items a,
        .compare-items .text
        {
            display: inline-block;
            height: 32px;
            line-height: 32px;
            vertical-align: middle;
        }

        .compare-items.bottom
        {
            border-top: 1px solid #cacaca;
        }


    /* 6.0 HOME PAGE
------------------------------------------------ */
    .dealers-architects h2
    {
        font-size: 30px;
        line-height: 30px;
    }


    /* 6.1 HOME PAGE: CAROUSEL
------------------------------------------------ */
    .home-carousel
    {
    }

        .home-carousel .item
        {
            height: 375px;
        }

            .home-carousel .item img
            {
                position: absolute;
                right: 0;
            }

        .home-carousel h2
        {
            font-size: 44px;
            line-height: 44px;
            margin: 30px 0 0;
        }

        .home-carousel p
        {
            font-size: 13px;
            margin: 20px 0;
        }


        .home-carousel .carousel-indicators
        {
            bottom: 0;
            position: absolute;
            left: 0;
            margin: 0;
            padding: 0;
            right: 0;
            top: auto;
            width: 100%;
        }

            .home-carousel .carousel-indicators li
            {
                border: none;
                border-left: 1px solid #fff;
                border-right: 1px solid #fff;
                border-radius: 0;
                background-color: rgba(37, 37, 37, .7);
                color: #fff;
                cursor: pointer;
                height: 20px;
                margin: 0;
                text-indent: 0;
                width: 25%;
            }

                .home-carousel .carousel-indicators li.active
                {
                    background: #98002d;
                }

                .home-carousel .carousel-indicators li:first-child
                {
                    border-left: 0;
                }

                .home-carousel .carousel-indicators li:last-child
                {
                    border-right: 0;
                }

                .home-carousel .carousel-indicators li .caption
                {
                    display: none;
                }

                .home-carousel .carousel-indicators li:hover,
                .home-carousel .carousel-indicators li:active
                {
                    background: #000;
                }



    /* 7.0 FAMILY LANDING
------------------------------------------------ */
    .product-info-bottom
    {
        padding: 0 30px 30px 30px;
    }

    .product-grid .product-info-top
    {
        padding: 30px 30px 0;
        position: relative;
    }

    .product-grid .product
    {
        border-width: 0 1px 1px 1px;
        border-style: solid;
        border-color: #cacaca;
        border-left: 0;
    }

    .product-grid > .row > .col-sm-6:first-child .product
    {
        border-left: 1px solid #cacaca;
    }

    .product-grid > .row.no-border-bottom .product
    {
        border-bottom: 0;
    }

    .product-grid > .row > .col-sm-6
    {
        padding-left: 0;
    }

        .product-grid > .row > .col-sm-6:first-child
        {
            padding-left: 15px;
            padding-right: 0;
        }

    .product-filtering h4
    {
        margin-bottom: 25px;
    }

    .product-filtering > section
    {
        margin-bottom: 50px;
        padding-right: 25px;
    }

    .product-info-top .row.icons
    {
        height: 70px;
    }

        .product-info-top .row.icons > div
        {
            margin-bottom: 10px;
        }

    .product-info-top .number
    {
        font-size: 30px;
    }

    .family-landing .product-icons .group
    {
        display: block;
        margin-bottom: 10px;
    }

    .family-landing .product-icons .sprite
    {
        margin-bottom: 10px;
        margin-right: 40px;
    }


    /* 6.0 PRODUCT DETAIL
------------------------------------------------ */
    .product-detail-right .social-links li a
    {
        height: 36px;
        width: 36px;
    }

    .product-detail p.gray-box
    {
        margin-bottom: 30px;
    }

    .product-rotator .product-info .wishlist a
    {
        margin-top: 10px;
    }

    /* 7.0 LOCATE A DEALER
------------------------------------------------ */
    /* dropdown on desktop */

    #body .dropdown.select.radio-check .dropdown-menu
    {
        background: #fff;
        margin-bottom: 15px;
    }


    .legend > div:first-child
    {
        margin-top: 0;
    }

    .page-locate-dealer
    {
        margin-top: 30px;
    }

        .page-locate-dealer .results .action-link
        {
            color: #313131;
            display: inline-block;
            font-size: 18px;
            margin-top: 5px;
            padding: 5px 20px;
        }

            .page-locate-dealer .results .action-link:hover
            {
                background: #f3f4f4;
            }

    .dealer-detail .col-sm-6 h2
    {
        font-size: 34px;
        line-height: 36px;
        margin-top: 0;
    }

    /* 8.0 PRODUCT DETAIL
------------------------------------------------ */
    .product-detail h2
    {
        font-size: 34px;
    }

    .product-detail-rotator .item
    {
        height: 160px;
    }

    .product-detail-rotator .carousel-indicators
    {
        bottom: 0;
    }

    .product-detail-rotator .carousel-inner
    {
        border: 1px solid #383838;
        display: table;
    }

    .product-detail-rotator .media-carousel#slider {
        border: 1px solid #383838;
    }

    .product-detail-rotator .media-carousel#carousel
    {
        float: right;
    }
    .product-rotator
    {
        margin-bottom: 30px;
    }

        .product-rotator .product-info section
        {
            margin-top: 25px;
        }

        .product-rotator .product-info .btn-locate-dealer
        {
            margin-bottom: 15px;
        }

    .customer-reviews .ratings section
    {
        margin-bottom: 75px;
    }

    .product-rotator .product-info .rating .stars
    {
        font-size: 18px;
        display: inline-block;
        margin-right: 10px;
    }

    .product-rotator .product-info .rating .text-bold
    {
        display: inline-block;
        margin-right: 5px;
    }

    .product-rotator .product-info .rating .review
    {
        color: #313131;
    }

        .product-rotator .product-info .rating .review:hover
        {
            color: #98002d;
        }

    .product-detail-rotator .carousel-indicators li
    {
        background: #fff;
    }

        .product-detail-rotator .carousel-indicators li.active
        {
            background: #98002d;
        }

    .product-detail-rotator > .carousel
    {
        margin-top: 15px;
    }


    /* video carousel */
    .product-detail-videos .video-carousel .item img
    {
        max-width: 155px;
    }

    .product-detail-videos .video-carousel .carousel-control .fa
    {
        top: 40px;
    }

    .product-detail-videos .video-carousel .carousel-indicators
    {
        bottom: 93px;
    }

    /* product grid in accordion */
    .small-product-grid .gray-box
    {
        height: 230px;
    }

        .small-product-grid .gray-box p
        {
            display: none;
        }



    /* 9.0 PRODUCT COMPARE
------------------------------------------------ */
    .product-compare
    {
        margin: 0 15px;
    }

        .product-compare .left-col .row > div,
        .product-compare .right-col .row.table-row,
        .product-compare .right-col .row.table-row > div,
        .product-compare .right-col .row.wishlist > div
        {
            height: 80px;
            overflow: hidden;
        }

            .product-compare .left-col .row > div > div p
            {
                font-size: 14px;
            }

        .product-compare .right-col .wishlist-btn .text-bold
        {
            margin-top: 0;
        }

        .product-compare .right-col .wishlist-btn
        {
            text-align: center;
        }

        .product-compare .right-col .row.table-row
        {
            position: relative;
        }

        .product-compare .left-col .row > div
        {
            padding: 0;
        }

            .product-compare .left-col .row > div > div,
            .product-compare .right-col .row.table-row > div,
            .product-compare .right-col .row.wishlist > div
            {
                display: table;
                position: absolute;
                width: 100%;
            }

            .product-compare .left-col .row > div > div
            {
                height: 100%;
            }

                .product-compare .left-col .row > div > div p,
                .product-compare .right-col .row.table-row > div p,
                .product-compare .right-col .row.wishlist > div a
                {
                    display: table-cell;
                    margin: 0;
                    padding: 12px 20px;
                    text-align: center;
                    vertical-align: middle;
                }

        .product-compare .right-col .row.wishlist > div a
        {
            padding: 5px 10px;
        }

        .product-compare .right-col .wishlist-btn .text-bold
        {
            line-height: 16px;
        }

        .product-compare .right-col .row.table-row > div p
        {
            line-height: 18px;
        }

        .product-compare .left-col .row > div,
        .product-compare .right-col .row.table-row > div
        {
            border-bottom: 2px solid #fff;
        }


        .product-compare .left-col .col-sm-12
        {
            background: #777779;
        }

        .product-compare .left-col .row > div > div p
        {
            color: #fff;
            font-family: 'Helvetica Neue 65';
        }


        .product-compare .right-col .row.table-row > div
        {
            background: #f7f8f8;
        }

        .product-compare .right-col .row.table-row.alt > div
        {
            background: #f0f1f1;
        }

        .product-compare .right-col .row.table-row > div
        {
            border-right: #fff solid 1px;
        }

        .product-compare .right-col .wishlist-btn,
        .product-compare .right-col .wishlist-btn:hover,
        .product-compare .right-col .wishlist-btn:focus
        {
            padding: 15px 0 0 15px;
        }

        .product-compare .product-info.row > div,
        .product-compare .left-col .product-info.row,
        .product-compare .right-col .row.wishlist,
        .product-compare .wishlist.row > div
        {
            border-right: 1px solid #f4f4f4;
        }

        .product-compare .product-info.row > div
        {
            padding: 0 20px;
        }


    /* 10.0 SHOPPING CART
------------------------------------------------ */
    .shopping-cart .hidden-xs h4
    {
        margin-bottom: 35px;
        font-size: 22px;
    }

    .shopping-cart-rows .qty p
    {
        margin-left: 7px;
    }

    /* rows / bg colors */
    .shopping-cart-rows,
    .shopping-cart .header-row,
    .shopping-cart .ty-prices
    {
        margin-left: 15px;
        margin-right: 15px;
    }

        .shopping-cart-rows > .row
        {
            background: #f4f4f4;
        }

            .shopping-cart-rows > .row.odd
            {
                background: #fff;
            }

            .shopping-cart-rows > .row:nth-child(2n)
            {
                background: #fff;
            }

    .shopping-cart .sidebar .product-carousel .carousel-inner .col-xs-12
    {
        border: 0;
    }

    .shopping-cart .order-review h2
    {
        margin-bottom: 30px;
    }

    .shopping-cart .order-review .sidebar
    {
        margin-top: 50px;
    }

    .shopping-cart .create-account .btn.btn-light-gray
    {
        margin-top: 5px;
    }



    /* 11.0 MY ACCOUNT
------------------------------------------------ */
    .my-account h2
    {
        margin-bottom: 20px;
    }

    .my-account .account-settings h4
    {
        margin-bottom: 20px;
    }

    .my-account .account-settings section
    {
        margin-top: 25px;
    }

    .my-account .my-wishlist-preview .view-all
    {
        margin-top: 20px;
    }

    .my-account .my-wishlist-preview .row a
    {
        margin-bottom: 0;
        padding: 20px;
        transition: background 0.25s ease;
        -webkit-transition: background 0.25s ease;
    }

        .my-account .my-wishlist-preview .row a:hover
        {
            background: #f4f4f4;
        }

        /* vertically aligning*/
        .my-account .my-wishlist-preview .row a .col-sm-9 > div
        {
            display: table;
            height: 100%;
            position: absolute;
        }

            .my-account .my-wishlist-preview .row a .col-sm-9 > div p
            {
                display: table-cell;
                vertical-align: middle;
            }

    .my-account .my-wishlist-preview .row a
    {
        height: 95px;
    }

        .my-account .my-wishlist-preview .row a .col-sm-9
        {
            height: 55px;
        }

    /* wishlist page */
    .wl-select-all
    {
        display: table;
        height: 52px;
    }

        .wl-select-all a
        {
            display: table-cell;
            vertical-align: bottom;
        }

    .my-wishlist-page table thead tr th:first-child
    {
        width: 100px;
    }



    /* 12.0 SEARCH RESULTS
------------------------------------------------ */
    .search-filters li a
    {
        color: #313131;
    }

        .search-filters li a:hover,
        .search-filters li a:focus
        {
            color: #98002D;
        }

        .search-filters li a.active label:hover,
        .search-filters li a.active label:focus
        {
            cursor: pointer;
        }

        .search-filters li a.inactive,
        .search-filters li a.inactive:hover,
        .search-filters li a.inactive:focus
        {
            color: #d1d1d1;
        }

    .search-results h2
    {
        margin: 30px 0;
    }

    .search-results-list li
    {
        background: #f4f4f4;
        padding: 30px;
    }

        .search-results-list li.odd
        {
            background: #fff;
        }

    .search-filters .panel section
    {
        margin: 15px 0 45px;
    }

    .search-results .list-header .pagination
    {
        margin-top: 30px;
    }

    .search-results .pagination a,
    .search-results .pagination span
    {
        font-size: 18px;
        height: 45px;
        line-height: 45px;
        padding: 0 18px;
    }


    /* action icons */
    .search-results-list .actions
    {
        text-align: right;
    }

        .search-results-list .actions a
        {
            display: inline-block;
            margin-left: 20px;
            vertical-align: middle;
        }

        .search-results-list .actions .btn-locate-dealer
        {
            display: inline-block;
            font-size: 14px;
            height: 40px;
            line-height: 40px;
            padding: 0 15px;
        }

    .search-results-list .btn-white-border
    {
        background: none;
        border: none;
        height: auto;
    }

        .search-results-list .btn-white-border:hover,
        .search-results-list .btn-white-border:focus
        {
            background: none;
        }



    /* 13.0 SUPPORT
------------------------------------------------ */

    /* support landing */
    .customer-support .faqs .col-md-7
    {
        padding-right: 2px;
    }

    /* browse by topic */
    .customer-support .browse
    {
        border-right: 1px solid #7c7a7c;
    }

    /* "table" on product diagram */
    .product-diagram-table
    {
        font-size: 16px;
    }

        .product-diagram-table .header-row
        {
            font-size: 20px;
        }

    /* contact us */
    .contact-us .content
    {
        height: 153px;
    }

    .contact-us .live-chat .content
    {
        height: 110px;
    }

    .contact-us .button
    {
        height: 84px;
    }

    .contact-us .phone-support .button div
    {
        font-size: 28px;
        position: relative;
        top: 10px;
    }

    /* support landing, heights auto */

    .customer-support .contact-us .content,
    .customer-support .contact-us .live-chat .content,
    .customer-support .contact-us .button
    {
        height: auto;
    }




    /* 14.0 ARCHITECTS/BUILDERS
------------------------------------------------ */
    .arch-builders-banner
    {
        padding: 65px 0 65px 30px;
    }

        .arch-builders-banner > .row > div
        {
            padding-bottom: 20px;
            padding-top: 20px;
        }

        .arch-builders-banner > .row
        {
            background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,0.73) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,0.73))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 100%); /* IE10+ */
            background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,0.73) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#baffffff',GradientType=1 ); /* IE6-9 */
        }

            .arch-builders-banner > .row > .col-md-9
            {
                padding-right: 100px;
            }

    /* banner */
    .arch-builders-banner
    {
        border: 1px solid #383838;
        overflow: hidden;
        position: relative;
    }

    .middle-divider.black-link-list.arch-builder h2
    {
        width: 100%;
        height: 100%;
        position: relative;
    }

        .middle-divider.black-link-list.arch-builder h2 a,
        .middle-divider.black-link-list.arch-builder h2 a:hover,
        .middle-divider.black-link-list.arch-builder h2 a:focus
        {
            position: absolute;
            left: 0;
            width: 100%;
            height: 100%;
            display: table;
        }

            .middle-divider.black-link-list.arch-builder h2 a span
            {
                display: table-cell;
                vertical-align: middle;
                text-align: center;
            }

    /* app page - navigation */
    .arch-builder-app-nav ul
    {
        margin: 2px 0 45px;
        display: table;
        table-layout: fixed;
        text-align: justify;
        width: 100%;
    }

        .arch-builder-app-nav ul li
        {
            border-left: 1px solid #fff;
            border-right: 1px solid #fff;
            display: table-cell;
            text-align: center;
            width: 2%;
        }

            .arch-builder-app-nav ul li a
            {
                font-size: 14px;
                height: 65px;
                line-height: 16px;
            }

                .arch-builder-app-nav ul li a > span
                {
                    display: table;
                    height: 100%;
                    position: absolute;
                    width: 100%;
                }

                    .arch-builder-app-nav ul li a > span > span
                    {
                        display: table-cell;
                        padding: 0 5px;
                        text-align: center;
                        vertical-align: middle;
                    }


    /* grid header */
    .arch-builder-grid
    {
        margin: 0 15px;
    }

        .arch-builder-grid .header
        {
            margin-bottom: 15px;
            margin-top: 30px;
        }

            .arch-builder-grid .header > div
            {
                color: #313131;
                font-family: 'Helvetica Neue 45';
                font-size: 22px;
                text-align: center;
            }


        /* body */
        .arch-builder-grid .grid-body
        {
            line-height: 16px;
        }

            .arch-builder-grid .grid-body > .row
            {
                border-bottom: 3px solid #fff;
            }

            .arch-builder-grid .grid-body img.img-responsive
            {
                margin: 0 auto 10px;
                max-height: 75px;
            }

            .arch-builder-grid .grid-body > .row > div,
            .arch-builder-grid .header > div
            {
                border: 1px solid #fff;
                padding: 0;
            }

                .arch-builder-grid .grid-body > .row > div > div
                {
                    background: #f0f1f1;
                    font-family: 'Helvetica Neue 75';
                    height: 190px;
                    padding: 15px;
                }

                .arch-builder-grid .grid-body > .row > div.first,
                .arch-builder-grid .header > div.first
                {
                    border-left: 0;
                }

                .arch-builder-grid .grid-body > .row > div.last,
                .arch-builder-grid .header > div.last
                {
                    border-right: 0;
                }

    /* vertically/horizontally centering content */
    .grid-body > .row > div.centered
    {
        background: #f0f1f1;
        position: relative;
        height: 192px;
    }

        .grid-body > .row > div.centered > div
        {
            height: 192px;
            display: table;
            left: 0;
            position: absolute;
            width: 100%;
        }

            .grid-body > .row > div.centered > div span
            {
                display: table-cell;
                padding: 0 15px;
                text-align: center;
                vertical-align: middle;
            }

    /* downloads list in modal */
    .arch-builder-grid .grid-body .modal ul li a
    {
        font-size: 16px;
    }




    /* 15.0 GENERIC CONTENT PAGES
------------------------------------------------ */
    .generic-module
    {
        margin-bottom: 45px;
        margin-top: 45px;
    }

        /* header option a: title, text, large image */
        .generic-module .bg-image-header
        {
            position: relative;
        }

            .generic-module .bg-image-header > div
            {
                bottom: 30px;
                left: 40px;
                position: absolute;
                width: 90%;
            }

        /* call to action links */
        .generic-module .learn-more
        {
            margin-top: 25px;
        }

    /* 15.1 GENERIC MODULE WITH BORDER/PADDING
------------------------------------------------ */
    .border-padding-module
    {
        border: 1px solid #d5d5d5;
        margin: 0 15px;
        padding: 30px;
    }

    .generic-module .border-padding-module
    {
        padding: 30px 15px;
    }

        .generic-module .border-padding-module.nested
        {
            padding: 15px;
        }

            .generic-module .border-padding-module.nested.margin-top
            {
                margin-top: 15px;
            }


    /* 16.0 PRODUCT SELECTOR
------------------------------------------------ */
    .prod-select-header
    {
        margin: 0 0 10px;
    }

    .prod-select
    {
        height: 350px;
        overflow: hidden;
        position: relative;
    }

        .prod-select img
        {
            position: absolute;
            right: 0;
        }

        .prod-select h3
        {
            font-size: 24px;
            line-height: 32px;
            margin: 50px 0 20px;
        }

        .prod-select h4
        {
            font-size: 20px;
        }

        .prod-select .list
        {
            background-color: #fff;
            background-color: rgba(255, 255, 255, 0.9);
            padding-left: 10px;
            padding-bottom: 5px;
            margin-left: 30px;
        }

    .prod-select-results .prod-select-header .compare-items a
    {
        float: right;
        margin-left: 0;
        margin-right: 10px;
    }

    .prod-select-header .btn-compare-items
    {
    }

        .prod-select-header .btn-compare-items i.fa
        {
            margin-left: 0;
        }

    /* 17.0 GDO
------------------------------------------------ */
    .gdo-boxes .row
    {
        border: 1px solid #d5d5d5;
    }
}
/* end page media query */

/* page title - small/medium only */
@media (min-width:768px) and (max-width:991px)
{
    .page-title .container
    {
        width: 100%;
    }
}
/*end media query*/

/* carousel 768 - 1200, add white background*/
@media (min-width:768px) and (max-width:1199px)
{
    .home-carousel h2,
    .home-carousel h4,
    .home-carousel p,
    .interior-hero h2,
    .interior-hero h3,
    .interior-hero p
    {
        background: #fff;
        background: rgba(255, 255, 255, 0.9);
        padding: 10px;
    }

    .interior-hero p,
    .home-carousel p
    {
        margin: 0 0 20px;
    }

    .interior-hero h3,
    .home-carousel h4
    {
        margin: 0;
    }
}
/*end media query*/


/*  18.0 LIFTMASTER BLOG
------------------------------------------------ */
@media (min-width:768px)
{
    .blog-container
    {
        overflow: hidden;
    }

        .blog-container .BlogPBody hr
        {
            border-top: 1px solid #000000;
        }

    #blogPostContent
    {
        border-bottom: 1px solid #000000;
    }

    .zoneLeft.col-md-8
    {
        padding: 60px 0px 0px 100px;
    }

        .zoneLeft.col-md-8 h1
        {
            font-weight: bold;
            color: #79232e;
        }

    #signUpLetter
    {
        position: absolute;
        bottom: 0px;
        right: 0px;
    }

    #titleMain h2
    {
        font-size: 36px;
        color: #79232e;
        line-height: 38px;
        font-weight: bolder;
    }

    .blogRollPosts a
    {
        color: #666666;
    }

        .blogRollPosts a:hover
        {
            color: #666666;
            font-weight: bolder;
        }

    .blog-container .moreRecentPosts
    {
        border-top: 2px solid #a7a9ab;
    }

    .right-container.col-md-4
    {
        overflow: hidden;
        position: relative;
        padding: 70px 50px;
    }

    .right-container a
    {
        line-height: 20px;
    
    }

        .right-container a:hover
        {
            text-decoration: none;
        }

    .right-container img
    {
        float: right;
        padding-bottom: 10px;
        margin-top: 5px;
        width: 100%;
    }
    .right-container .treeView img
    {
        float: left;
        padding-bottom: 10px;
        margin-top: 5px;
        width: inherit;
    }
    /*.TreeViewBrokenLinesFix a:first-child::after
    {
        display: block;
        float: none;
        padding-bottom: 0px;
        margin-top: 0px;
        font-family: FontAwesome !important;
        content: '\f054';
        font-size: 8px;
        padding-right: 10px;
    }*/

    .TreeViewBrokenLinesFix img
    {
        float: left;
    }

    .TreeViewBrokenLinesFix>table {
        font-weight:bold;
        text-transform: uppercase;
    }


    .TreeViewBrokenLinesFix > table a
    {
        color:#949494
    }
    /* COMMENTS */
    .BlogCommentName.BlogBreakLine label
    {
        float: left;
    }

    div.BlogCommentName.BlogBreakLine + div
    {
        width: 90%;
        float: right;
    }

    .TextBoxField
    {
        width: 90%;
        border-radius: 1px !important;
    }
    .BlogPanel #commentRow input.SubmitButton
    {
        float: right;
        background: black;
        color: white;
        line-height: 20px;
    }

    .BlogPanel #commentRow input.TextBoxField
    {
        width: 90%;
        float: left;
        line-height: 20px;
    }

    .BlogPanel .CommentFormContainer span.InfoLabel
    {
        font-family: 'Helvetica Neue 35';
        color: #79232e;
        font-weight: bold;
        font-size: large;
    }
    /* BLOG EMAIL SIGNUP OVERLAY WINDOW
         */

    #UpdatePanel1 span#lblInfo.InfoLabel
    {
        display: block;
        padding-bottom: 10px;
        background: none;
        font-size: medium;
        font-weight: bold;
        color: #98002D;
    }

    #overlay
    {
        width: 100%;
        height: 100%;
        background: rgba(0, 0, 0, .5);
        position: fixed;
        top: 0;
        left: 0;
        z-index: 1000;
        display: none;
    }

    #modal
    {
        width: 45%;
        /*height: 40%;*/
        background: #fff;
        box-shadow: 0 0 0 9999px rgba(0,0,0,0.5);
        border-radius: 10px;
        overflow: hidden;
        position: relative;
        top: 40%;
        left: 50%;
        margin-left: -200px;
        z-index: 9999;
        display: none;
        overflow: visible;
    }

        #modal .head
        {
            background: #eee;
            padding: 10px;
        }

        #modal p
        {
            margin: 15px;
        }

        #modal .close
        {
            background: #95959A;
            color: #FFFFFF;
            line-height: 25px;
            position: absolute;
            right: -12px;
            text-align: center;
            top: -10px;
            width: 24px;
            text-decoration: none;
            font-weight: bold;
            -webkit-border-radius: 12px;
            -moz-border-radius: 12px;
            border-radius: 12px;
            -moz-box-shadow: 1px 1px 3px #000;
            -webkit-box-shadow: 1px 1px 3px #000;
            box-shadow: 1px 1px 3px #000;
            z-index: 99999;
            text-shadow: 0 1px 0 #fff;
            font-size: 15px;
            opacity: 1;
        }


    #lblErr
    {
        /*color: red;
        display: block;
        padding-bottom: 10px;
        text-align: left;*/
        font-size: medium;
        color: #98002D;
        font-family: 'Helvetica Neue 55', Arial, sans-serif;
        font-weight: bold;
        top: 15%;
        position: absolute;
        margin: 0% 25% 0%;
            width: 100%;
    }

    #lblEmail
    {
        font-size: large;
        line-height: 30px;
        color: #313131;
        font-family: 'Helvetica Neue 55', Arial, sans-serif;
        font-weight: bold;
        padding-right: 10px;
        text-transform: uppercase;
        font-size: 15px;
    }


    #pnlSubscribe
    {
        text-align: center;
        padding: 5px;
    }

    #btnSubscribe
    {
        background: #fff;
        border: 1px solid #4c4c4c;
        border-radius: 5px;
        -webkit-border-radius: 5px;
        color: #4c4c4c;
        display: block;
        font-family: 'Helvetica Neue 75';
        font-size: 16px;
        height: 40px;
        width: 86%;
        text-align: center;
        transition:all 0.25s ease;
        -webkit-transition: all 0.25s ease;
    }

    #modal .close:hover
    {
        background: #404046;
    }

    .ErrorLabel
    {
        font-size: medium;
        color: #98002D;
        font-family: 'Helvetica Neue 55', Arial, sans-serif;
        font-weight: bold;
    }

    .EmailNotificationForm
    {
        padding: 10px;
        border: solid 1px #dcdcdc;
        transition: box-shadow 0.3s, border 0.3s;
        width: 70%;
    }

        .EmailNotificationForm:focus
        {
            border: solid 1px #707070;
            box-shadow: 0 0 5px 1px #969696;
        }


    .NotificationSubscription
    {
        margin: 0 auto;
        padding: 10px 10px;
    }

    #UpdatePanel1
    {
        padding: 60px 30px;
    }
}