@import 'bootstrap-3.3.5/css/bootstrap.min.css';
@import 'Css/dnn-userandlogin.css';
@import 'Css/jquery-ui.structure.min.css';
@import 'Css/jquery-ui.theme.min.css';

.userRegister {
    display: none
}

#ControlBar_ControlPanel *, #editBarContainer *, .jspContainer *, .ui-tabs-panel * {
    box-sizing: content-box
}

#ControlBar_ControlPanel .mark, .dnnCheckbox .mark, .dnnRadiobutton .mark, #ControlBar_ControlPanel mark, .dnnCheckbox mark, .dnnRadiobutton mark {
    background-color: transparent;
    padding-top: 0
}

a.dnnPrimaryAction:hover, a.dnnSecondaryAction:hover, a.dnnPrimaryAction:focus, a.dnnSecondaryAction:focus {
    text-decoration: none
}

.dnnDropDownList .selected-item a, .dnnDropDownList .selected-item a:link, .dnnDropDownList .selected-item a:visited, .dnnDropDownList .selected-item a:hover, .dnnDropDownList .selected-item a:active {
    box-sizing: content-box
}

#dnnDocumentViewerMainBar, #dnnDocumentViewerSelectionToolbar, #dnnModuleDigitalAssetsMainToolbar, .dnnFormPopup, .dnnModuleDigitalAssetsBackground * {
    box-sizing: content-box
}

@media (min-width:768px) {
    .ControlContainer {
        width: 750px !important
    }
}

@media (min-width:992px) {
    .ControlContainer {
        width: 970px !important
    }
}

@media (min-width:1200px) {
    .ControlContainer {
        width: 1170px !important
    }
}

.mobile-block {
    display: block
}

.mobile-inline-block {
    display: inline-block
}

.mobile-table {
    display: table
}

.mobile-inline {
    display: inline
}

@media (min-width:768px) {
    .mobile-block, .mobile-inline-block, .mobile-table, .mobile-inline {
        display: none
    }

    .dnnEditState .mobile-block, .showControlBar .mobile-block, .dnnEditState .mobile-inline-block, .showControlBar .mobile-inline-block, .dnnEditState .mobile-table, .showControlBar .mobile-table, .dnnEditState .mobile-inline, .showControlBar .mobile-inline {
        outline: 1px dashed rgba(255,0,0,0.7)
    }

        .dnnEditState .mobile-block .dnn-container, .showControlBar .mobile-block .dnn-container, .dnnEditState .mobile-inline-block .dnn-container, .showControlBar .mobile-inline-block .dnn-container, .dnnEditState .mobile-table .dnn-container, .showControlBar .mobile-table .dnn-container, .dnnEditState .mobile-inline .dnn-container, .showControlBar .mobile-inline .dnn-container {
            position: relative
        }

            .dnnEditState .mobile-block .dnn-container:before, .showControlBar .mobile-block .dnn-container:before, .dnnEditState .mobile-inline-block .dnn-container:before, .showControlBar .mobile-inline-block .dnn-container:before, .dnnEditState .mobile-table .dnn-container:before, .showControlBar .mobile-table .dnn-container:before, .dnnEditState .mobile-inline .dnn-container:before, .showControlBar .mobile-inline .dnn-container:before {
                border-radius: 2px;
                content: '';
                font-size: 11px;
                position: absolute;
                top: -20px;
                outline: 1px dashed rgba(255,0,0,0.3);
                padding: 2px 5px;
                right: 0
            }

            .dnnEditState .mobile-block .dnn-container:before, .showControlBar .mobile-block .dnn-container:before, .dnnEditState .mobile-inline-block .dnn-container:before, .showControlBar .mobile-inline-block .dnn-container:before, .dnnEditState .mobile-table .dnn-container:before, .showControlBar .mobile-table .dnn-container:before, .dnnEditState .mobile-inline .dnn-container:before, .showControlBar .mobile-inline .dnn-container:before {
                content: 'mobile only'
            }

    .dnnEditState .mobile-block, .showControlBar .mobile-block {
        display: block
    }

    .dnnEditState .mobile-inline-block, .showControlBar .mobile-inline-block {
        display: inline-block
    }

    .dnnEditState .mobile-table, .showControlBar .mobile-table {
        display: table
    }

    .dnnEditState .mobile-inline, .showControlBar .mobile-inline {
        display: inline
    }
}

.desktop-block, .desktop-inline-block, .desktop-table, .desktop-inline {
    display: none
}

.dnnEditState .desktop-block, .showControlBar .desktop-block, .dnnEditState .desktop-inline-block, .showControlBar .desktop-inline-block, .dnnEditState .desktop-table, .showControlBar .desktop-table, .dnnEditState .desktop-inline, .showControlBar .desktop-inline {
    outline: 1px dashed rgba(255,0,0,0.7)
}

    .dnnEditState .desktop-block .dnn-container, .showControlBar .desktop-block .dnn-container, .dnnEditState .desktop-inline-block .dnn-container, .showControlBar .desktop-inline-block .dnn-container, .dnnEditState .desktop-table .dnn-container, .showControlBar .desktop-table .dnn-container, .dnnEditState .desktop-inline .dnn-container, .showControlBar .desktop-inline .dnn-container {
        position: relative
    }

        .dnnEditState .desktop-block .dnn-container:before, .showControlBar .desktop-block .dnn-container:before, .dnnEditState .desktop-inline-block .dnn-container:before, .showControlBar .desktop-inline-block .dnn-container:before, .dnnEditState .desktop-table .dnn-container:before, .showControlBar .desktop-table .dnn-container:before, .dnnEditState .desktop-inline .dnn-container:before, .showControlBar .desktop-inline .dnn-container:before {
            border-radius: 2px;
            content: '';
            font-size: 11px;
            position: absolute;
            top: -20px;
            outline: 1px dashed rgba(255,0,0,0.3);
            padding: 2px 5px;
            right: 0
        }

        .dnnEditState .desktop-block .dnn-container:before, .showControlBar .desktop-block .dnn-container:before, .dnnEditState .desktop-inline-block .dnn-container:before, .showControlBar .desktop-inline-block .dnn-container:before, .dnnEditState .desktop-table .dnn-container:before, .showControlBar .desktop-table .dnn-container:before, .dnnEditState .desktop-inline .dnn-container:before, .showControlBar .desktop-inline .dnn-container:before {
            content: 'desktop only'
        }

.dnnEditState .desktop-block, .showControlBar .desktop-block {
    display: block
}

.dnnEditState .desktop-inline-block, .showControlBar .desktop-inline-block {
    display: inline-block
}

.dnnEditState .desktop-table, .showControlBar .desktop-table {
    display: table
}

.dnnEditState .desktop-inline, .showControlBar .desktop-inline {
    display: inline
}

@media (min-width:768px) {
    .desktop-block {
        display: block
    }

    .desktop-inline-block {
        display: inline-block
    }

    .desktop-table {
        display: table
    }

    .desktop-inline {
        display: inline
    }
}

body {
    color: #231f20;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px
}

@media screen and (max-width:767px) {
    body {
        background-color: #f3f3f3
    }
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-family: 'Titillium Web',sans-serif;
    font-weight: 600
}

    h4 .TitleH4 {
        font-weight: bold
    }

.internal {
    background-color: #f3f3f3;
    border-top: 1px solid #e6e6e6;
    padding-bottom: 100px
}

.contentPane.adminPane {
    min-height: 500px;
    margin-top: 15px;
}

@media screen and (min-width:768px) {
    .internal {
        padding-top: 45px
    }
}

.underlined {
    border-bottom: 1px solid #bebebe;
    display: block;
    margin-bottom: 25px;
    padding-bottom: 7px
}

@media screen and (max-width:767px) {
    .DNNContainer_Title_h4 > h4 {
        margin-top: 0
    }
}

@media screen and (max-width:767px) {
    .contentPane {
        background-color: #fff;
        border: 1px solid #e6e6e6;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px #e6e6e6;
        margin: 7px 10px;
        padding: 15px
    }

        .contentPane.DNNEmptyPane {
            background-color: transparent;
            border: 0 none;
            box-shadow: none;
            margin: 0;
            padding: 0
        }

    .carousel-wide {
        margin-bottom: -80px
    }
}

.landing-logo {
    text-align: center;
    padding-top: 44px;
    margin-bottom: 34px
}

    .landing-logo img {
        max-width: 100%
    }

    .landing-logo a {
        display: inline-block
    }

.landing-choose {
    color: #b35414;
    font-family: 'Titillium Web',sans-serif;
    font-size: 14px;
    text-align: center;
    padding: 10px 0;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZGI5ZTgiIHN0b3Atb3BhY2l0eT0iMCIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #e7e7e7 0, rgba(125,185,232,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e7e7e7), color-stop(100%, rgba(125,185,232,0)));
    background: -webkit-linear-gradient(top, #e7e7e7 0, rgba(125,185,232,0) 100%);
    background: -o-linear-gradient(top, #e7e7e7 0, rgba(125,185,232,0) 100%);
    background: -ms-linear-gradient(top, #e7e7e7 0, rgba(125,185,232,0) 100%);
    background: linear-gradient(to bottom, #e7e7e7 0, rgba(125,185,232,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e7e7e7', endColorstr='#007db9e8', GradientType=0);
    background-size: 100% 12px;
    background-repeat: no-repeat
}

.landing-option {
    display: block;
    height: 457px;
    font-family: 'Titillium Web',sans-serif;
    font-size: 30px;
    font-weight: 600;
    line-height: 1em;
    box-sizing: border-box;
    padding-top: 360px;
    padding-left: 70px;
    background-repeat: no-repeat;
    box-shadow: inset 0 9px 9px rgba(0,0,0,0.2);
    transition: filter 200ms ease-in-out 0s,-webkit-filter 200ms ease-in-out 0s;
    filter: #808080;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%)
}

    .landing-option.land-residential {
        background-image: url('images/landing-rescomm-v1-web.jpg')
    }

    .landing-option.land-international {
        background-image: url('images/landing-inter-v1-web.jpg')
    }

    .landing-option > em {
        display: inline-block;
        font-style: normal;
        position: relative;
        z-index: 1
    }

        .landing-option > em:before {
            background-image: url('images/icons-sprite.png');
            display: inline-block;
            content: '';
            vertical-align: middle;
            position: absolute;
            width: 20px;
            height: 20px
        }

    .landing-option > em-facebook:before {
        background-position: -49px 0;
        width: 35px;
        height: 34px
    }

    .landing-option > em-twitter:before {
        background-position: -85px 0;
        width: 36px;
        height: 34px
    }

    .landing-option > em-youtube:before {
        background-position: -122px 0;
        width: 36px;
        height: 34px
    }

    .landing-option > em-linkedin:before {
        background-position: -159px 0;
        width: 35px;
        height: 34px
    }

    .landing-option > em:before {
        content: '';
        background-position: 0 0;
        width: 26px;
        height: 26px;
        margin-left: -36px;
        padding-top: 3px
    }

    .landing-option strong {
        display: block;
        font-size: 14px;
        line-height: 1.2em;
        margin-top: 3px
    }

.international-options .landing-option {
    background-size: 100% auto;
    background-position: center
}

.landing-option:hover, .landing-option:focus {
    filter: none;
    -webkit-filter: none
}

.landing-option, .landing-option:hover, .landing-option:focus, .landing-option:active, .landing-option:visited {
    color: #fff;
    text-decoration: none
}

    .landing-option:before, .landing-option:hover:before, .landing-option:focus:before, .landing-option:active:before, .landing-option:visited:before {
        background-color: rgba(0,0,0,0.6);
        top: 330px;
        filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale")
    }

    .landing-option:before {
        background-color: rgba(71,82,88,0.2);
        content: '';
        display: block;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 0;
        transition: top 200ms ease-in-out 0s,background-color 200ms ease-in-out 0s;
        top: 0
    }

@media screen and (max-width:767px) {
    .landing-choose {
        font-weight: bold;
        font-size: 16px
    }

    .landing-option {
        height: 270px;
        padding-top: 202px;
        overflow: hidden
    }

        .landing-option em {
            font-size: 22px;
            line-height: 100%
        }
}

.landing-hr {
    border-color: #f7f7f7
}

#copyright-landing {
    color: #231f20;
    font-size: 11px;
    margin-top: 51px;
    margin-bottom: 40px;
    text-align: center
}

.upper-header, .upper-header .navbar-inverse {
    background-color: #231f20;
    border: 0 none;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 23px
}

    .upper-header .nav > li > a, .upper-header .nav > li > .loginGroup {
        padding: 2px 10px 1px
    }

    .upper-header .navbar-inverse .navbar-nav > li > a, .upper-header .navbar-inverse .loginGroup > a {
        color: #fff;
        display: block;
        font-size: 12px;
        line-height: 20px
    }

        .upper-header .navbar-inverse .navbar-nav > li > a .fa, .upper-header .navbar-inverse .loginGroup > a .fa {
            margin-left: 5px
        }

        .upper-header .navbar-inverse .navbar-nav > li > a:hover, .upper-header .navbar-inverse .loginGroup > a:hover, .upper-header .navbar-inverse .navbar-nav > li > a:active, .upper-header .navbar-inverse .loginGroup > a:active, .upper-header .navbar-inverse .navbar-nav > li.active > a, .upper-header .navbar-inverse .loginGroup.active > a {
            background-color: #b35414
        }

    .upper-header .navbar-inverse .navbar-right > li.open:hover, .upper-header .navbar-inverse .navbar-right > li a:hover, .upper-header .navbar-inverse .navbar-right > li.open:active, .upper-header .navbar-inverse .navbar-right > li a:active {
        background-color: transparent;
        text-decoration: underline
    }

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

.navbar #dnn_dnnLOGO_hypLogo {
    display: inline-block;
    padding: 10px
}

    .navbar #dnn_dnnLOGO_hypLogo > img {
        width: 215px
    }

.navbar .upper-menu-section {
    background-color: #fff;
    transition: background-color 200ms ease-in-out 0s;
    margin: 0 -15px;
    padding: 15px
}

.navbar [aria-expanded="true"] > .upper-menu-section, .navbar .navbar-toggle {
    background-color: #b35414
}

.navbar .navbar-collapse {
    border-top: 0 none
}

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

.navbar .navbar-inverse.visible-xs {
    background-color: #231f20
}

    .navbar .navbar-inverse.visible-xs > li a {
        padding: 16px 15px;
        display: block;
        font-family: 'Titillium Web',sans-serif;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid #bebebe;
        color: #fff
    }

.navbar .navbar-toggle.collapsed {
    background-color: #fff;
    transition: background-color 200ms ease-in-out 0s
}

    .navbar .navbar-toggle.collapsed .icon-bar {
        background-color: #231f20;
        border-radius: 3px;
        width: 33px;
        height: 6px;
        margin-bottom: 4px;
        margin-top: 0 !important;
        transition: background-color 200ms ease-in-out 0s
    }

.navbar .navbar-toggle {
    border-radius: 0;
    height: 68px;
    margin: 0;
    width: 54px
}

    .navbar .navbar-toggle .icon-bar {
        background-color: #fff;
        border-radius: 3px;
        width: 33px;
        height: 6px;
        margin-bottom: 4px;
        margin-top: 0 !important
    }

.navbar .searchInputContainer a.dnnSearchBoxClearText {
    border-bottom: 0 none;
    padding: 0;
    top: -3px
}

    .navbar .searchInputContainer a.dnnSearchBoxClearText:hover {
        background-color: transparent !important
    }

.navbar .search-desktop {
    border: 1px solid transparent;
    border-radius: 4px;
    margin-top: 22px;
    padding: 4px;
    box-sizing: border-box;
    transition: border-color 200ms ease-in-out 0s;
    min-height: 34px
}

    .navbar .search-desktop.border {
        border: 1px solid #b35414
    }

    .navbar .search-desktop .SearchButton {
        display: none
    }

    .navbar .search-desktop #search-field {
        float: left;
        height: auto !important
    }

        .navbar .search-desktop #search-field input.NormalTextBox {
            width: 152px;
            border: 0 none;
            margin-right: 4px
        }

.navbar .search-toggle {
    border: 0 none;
    background-color: transparent;
    color: #b35414;
    font-size: 16px
}

    .navbar .search-toggle:focus, .navbar input.NormalTextBox:focus {
        outline: none
    }

.search-mobile {
    border-radius: 3px;
    position: absolute;
    left: 10px;
    right: 64px
}

    .search-mobile .search-mobile-frame {
        border: 1px solid transparent;
        transition: border-color 200ms ease-in-out 0s;
        margin-left: 10px;
        margin-top: 10px;
        position: relative
    }

        .search-mobile .search-mobile-frame.border {
            padding: 10px;
            border: 1px solid #b35414;
            border-radius: 3px;
            width: 100%
        }

            .search-mobile .search-mobile-frame.border .search-toggle {
                margin-right: 0;
                margin-top: 0
            }

            .search-mobile .search-mobile-frame.border + #dnn_dnnLOGO_hypLogo {
                display: none
            }

    .search-mobile #dnn_dnnLOGO_hypLogo {
        position: absolute;
        float: left;
        margin-top: 5px;
        width: 76%
    }

        .search-mobile #dnn_dnnLOGO_hypLogo > img {
            width: 100%;
            max-width: 209px
        }

    .search-mobile #search-field-mobile {
        float: left
    }

    .search-mobile #search-field-mobile {
        width: 80%
    }

        .search-mobile #search-field-mobile.collapsing {
            display: none
        }

    .search-mobile, .search-mobile .search-mobile-frame, .search-mobile .search-toggle {
        float: right
    }

        .search-mobile .search-toggle {
            position: absolute;
            right: 10px;
            top: 10px
        }

            .search-mobile .search-toggle .fa {
                font-size: 24px
            }

        .search-mobile input[type="text"] {
            border: 0 none;
            padding: 0 13px;
            width: 87%
        }

        .search-mobile #dnn_dnnSearchMobile_ClassicSearch {
            display: inline-block;
            width: 100%
        }

        .search-mobile .searchInputContainer {
            width: 100%
        }

        .search-mobile .searchSkinObjectPreview {
            width: 100%;
            overflow: hidden;
            position: fixed;
            top: 60px;
            bottom: 0;
            overflow: scroll
        }

.logged .search-mobile .searchSkinObjectPreview {
    top: 114px
}

.search-mobile #search-field-mobile, .search-mobile #dnn_dnnSearchMobile_ClassicSearch, .search-mobile input[type="text"] {
    height: 28px
}

.search-mobile .SearchButton {
    display: none
}

label.search-products {
    font-weight: normal;
    font-size: 12px;
    position: absolute;
    bottom: -23px;
    display: none
}

    label.search-products input {
        margin-top: -2px;
        vertical-align: middle
    }

.border label.search-products {
    display: block;
    z-index: 1
}

.search-mobile-frame label.search-products {
    bottom: -6px;
    margin-left: 10px
}

@media screen and (min-width:768px) {
    .navbar #dnn_dnnLOGO_hypLogo {
        margin-top: 10px;
        width: auto
    }

        .navbar #dnn_dnnLOGO_hypLogo > img {
            width: 170px
        }
}

@media screen and (min-width:992px) {
    .navbar #dnn_dnnLOGO_hypLogo > img {
        width: 192px
    }
}

.navbar-main {
    border: 0 none;
    border-radius: 0;
    margin-bottom: 0;
    min-height: 68px
}

    .navbar-main .navbar-right.hidden-xs {
        margin-right: 0
    }

    .navbar-main .navbar-right .open > a > .fa {
        transform: rotate(90deg)
    }

    .navbar-main .navbar-right li a {
        padding: 10px 35px 10px 15px;
        display: block;
        font-family: 'Titillium Web',sans-serif;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        border-bottom: 1px solid #bebebe;
        color: #231f20
    }

        .navbar-main .navbar-right li a .fa {
            color: #b35414;
            margin-top: 2px;
            margin-left: 7px;
            transition: transform 200ms ease-in-out 0s;
            vertical-align: middle
        }

        .navbar-main .navbar-right li a:focus {
            background-color: #fff;
            color: #231f20
        }

            .navbar-main .navbar-right li a:focus .fa {
                color: #b35414
            }

        .navbar-main .navbar-right li a:hover {
            background-color: #b35414;
            color: #fff
        }

            .navbar-main .navbar-right li a:hover .fa {
                color: #fff
            }

    .navbar-main .navbar-right li.open > a, .navbar-main .navbar-right li.active > a {
        background-color: #b35414;
        color: #fff
    }

        .navbar-main .navbar-right li.open > a .fa, .navbar-main .navbar-right li.active > a .fa {
            color: #fff
        }

@media screen and (max-width:767px) {
    .navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a {
        padding: 16px 15px
    }
}

@media screen and (min-width:768px) {
    a[href*="/Category"][data-toggle="dropdown"] + .dropdown-menu {
        display: none
    }

    .navbar-main {
        min-height: 75px
    }

        .navbar-main .navbar-right {
            margin-right: 10px
        }

            .navbar-main .navbar-right .open > a > .fa {
                transform: none
            }

            .navbar-main .navbar-right > li > a {
                border-bottom: 0 none;
                color: #231f20;
                padding: 29px 15px 26px
            }

                .navbar-main .navbar-right > li > a .fa {
                    font-size: 8px;
                    margin-top: -5px
                }
}

@media screen and (min-width:992px) {
    .navbar-main .navbar-right {
        margin-right: 45px
    }
}

#siteHeadouter {
    border: 0 solid transparent;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    max-width: 100%;
    z-index: 6;
    background-color: #fff;
    transition: height 200ms ease-in-out 0s,border-width 200ms ease-in-out 0s,border-color 200ms ease-in-out 0s
}

    #siteHeadouter.landing {
        position: relative
    }

    #siteHeadouter.open, #siteHeadouter.mobile-open {
        overflow: hidden;
        z-index: 20;
        height: auto
    }

.showControlBar #siteHeadouter {
    margin-top: 54px
}

#contentWrapper {
    /*margin-top: 68px*/
}

    #contentWrapper.landing {
        margin-top: 0
    }

.showControlBar #contentWrapper {
    margin-top: 122px
}

    .showControlBar #contentWrapper.landing {
        margin-top: 0
    }

@media screen and (min-width:768px) {
    #siteHeadouter {
        height: 98px
    }

        #siteHeadouter.open {
            border-bottom: 3px solid #b35414;
            height: 558px
        }

    #contentWrapper {
        /*margin-top: 98px*/
    }

    .showControlBar #contentWrapper {
        margin-top: 152px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    #siteHeadouter {
        height: auto
    }

        #siteHeadouter.open {
            height: auto
        }

    #contentWrapper {
        margin-top: 153px
    }

    .search-mobile, .search-mobile #dnn_dnnLOGO_hypLogo {
        position: static
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    #siteHeadouter {
        height: 98px
    }

    .logged #siteHeadouter {
        height: 121px
    }

        .logged #siteHeadouter.open {
            height: auto
        }
}

#productsContainer > .dropdown-menu {
    position: relative;
    width: 25%;
    float: left
}

    #productsContainer > .dropdown-menu > li .dropdown-menu {
        height: 100%;
        width: 100%
    }

    #productsContainer > .dropdown-menu li > a {
        padding: 7px 13px
    }

.open #productsContainer > .dropdown-menu {
    display: block
}

#productsContainer .dropdown-menu {
    border: 0 none;
    border-radius: 0;
    box-shadow: none;
    margin-top: 0;
    top: 0 !important;
}

    #productsContainer .dropdown-menu a {
        position: static
    }

        #productsContainer .dropdown-menu a:hover > b, #productsContainer .dropdown-menu a:focus > b {
            display: block
        }

#productsContainer .fa-chevron-down {
    transform: rotate(-90deg)
}

#productsContainer .fa {
    color: #b35414
}

#productsContainer a > b {
    display: none;
    position: absolute;
    left: 100%;
    top: 0;
    width: 100%
}

#productsContainer img {
    border: 1px solid #e6e6e6;
    width: 94%;
    margin-left: 6%
}

@media screen and (min-width:768px) and (max-width:991px) {
    #productsContainer > .dropdown-menu li > a {
        padding: 7px 20px 7px 13px;
        white-space: normal
    }
}

.menu-overlay {
    background-color: rgba(0,0,0,0);
    display: none;
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    transition: background-color 200ms ease-in-out 0s;
    z-index: 19
}

.open + .menu-overlay, .mobile-open + .menu-overlay {
    background-color: rgba(0,0,0,0.6);
    display: block
}

.dropdown-submenu {
    position: static
}

    .dropdown-submenu > .dropdown-menu {
        top: inherit;
        left: 100%;
        margin-top: -60px;
        margin-left: -1px;
        padding: 0;
        padding-left: 6%;
        -webkit-border-radius: 0 6px 6px 6px;
        -moz-border-radius: 0 6px 6px;
        border-radius: 0 6px 6px 6px;
        width: fit-content;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block
    }

    .dropdown-submenu > a:after {
        display: block;
        float: right;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 0 5px 5px;
        border-left-color: #ccc;
        margin-top: 5px;
        margin-right: -10px
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #fff
    }

a[data-image] + img {
    display: none;
    position: absolute;
    left: 100%;
    padding: 0 20px;
    top: 0;
    width: 100%
}

a[data-image]:hover + img {
    display: block
}

.dropdown-submenu.pull-left {
    float: none
}

    .dropdown-submenu.pull-left > .dropdown-menu {
        left: -100%;
        margin-left: 10px;
        -webkit-border-radius: 6px 0 6px 6px;
        -moz-border-radius: 6px 0 6px 6px;
        border-radius: 6px 0 6px 6px
    }

#footer {
    background-color: #231f20;
    color: #fff
}

    #footer h5 {
        color: #fff;
        font-family: 'Open Sans',sans-serif;
        font-size: 16px;
        font-weight: 700;
        margin-bottom: 15px
    }

    #footer a[href*="mailto:"] {
        color: #d2ae7e;
        text-decoration: underline
    }

    #footer .subscribe {
        display: inline-block;
        padding: 13px 0;
        width: 100%
    }

        #footer .subscribe span {
            display: inline-block;
            font-size: 16px;
            margin-right: 16px
        }

        #footer .subscribe input#nmail {
            box-sizing: border-box;
            margin-right: 6px;
            width: 184px
        }

    #footer hr {
        border-color: rgba(190,190,190,0.4);
        margin: 0 0 18px
    }

#dnn_footerRightPane {
    padding-left: 0
}

@media screen and (max-width:767px) {
    #footer .subscribe span {
        margin-bottom: 15px;
        text-align: center
    }

    #footer .subscribe input#nmail {
        margin-right: 3%;
        width: 63.66666667%
    }

    #footer .subscribe input#nsubmit {
        width: 33.33333333%
    }

    #footer .subscribe input#nmail, #footer .subscribe input#nsubmit {
        float: left
    }

    #footer .social-icons {
        padding: 13px 0;
        border-top: 1px solid rgba(190,190,190,0.4);
        margin-left: 15px
    }

        #footer .social-icons span {
            float: left;
            font-size: 16px;
            margin-top: 7px
        }

    #footer .iso9001 {
        width: 100%;
        padding: 0 0 20px 0
    }
}

@media screen and (min-width:768px) {
    #footer .subscribe {
        display: block;
        margin-right: -15px;
        width: auto
    }

        #footer .subscribe span {
            margin-right: 12px;
            width: 52%
        }

        #footer .subscribe input#nmail {
            width: 162px
        }

        #footer .subscribe input#nmail, #footer .subscribe input#nsubmit {
            vertical-align: top
        }

    #footer .social-icons a {
        margin-right: 0
    }

    #footer .footerPane {
        margin-bottom: 50px
    }

    #footer .iso9001 {
        margin-top: 25px
    }
}

@media screen and (min-width:992px) {
    #footer .subscribe {
        margin-right: 0
    }

        #footer .subscribe span {
            margin-right: 16px;
            width: 52%
        }

        #footer .subscribe input#nmail {
            width: 184px
        }
}

@media screen and (min-width:1200px) {
    #footer .subscribe span {
        width: 55%
    }
}

.social-icons {
    margin-top: 10px;
    text-align: right
}

    .social-icons span {
        margin-right: 17px;
        font-size: 16px
    }

    .social-icons .icn:before {
        position: relative
    }

    .social-icons a {
        display: inline-block;
        margin-right: 5px;
        transition: opacity 200ms ease-in-out 0s
    }

        .social-icons a:last-child {
            margin-right: 0
        }

        .social-icons a:hover {
            opacity: .8
        }

.footer-navigation {
    list-style: none;
    margin: 0
}

    .footer-navigation > li {
        line-height: 1.5em;
        margin-bottom: 3px
    }

        .footer-navigation > li, .footer-navigation > li > a {
            color: #c7cacc;
            line-height: 1.5em
        }

#copyright {
    background-color: #b45819
}

    #copyright span, #copyright a {
        display: inline-block;
        color: #fff;
        font-size: 11px;
        line-height: 48px
    }

    #copyright .LoginLink {
        font-weight: 600
    }

    #copyright .copyright {
        text-align: center
    }

@media (min-width:768px) {
    #copyright .copyright {
        text-align: left
    }
}

.carousel-inner > .item.active, .carousel-inner > .item.next.left, .carousel-inner > .item.prev.right {
    width: 100%
}

.carousel-liberty:after, .carousel-liberty:before {
    content: '';
    display: table;
    clear: both
}

.carousel-liberty .carousel-control {
    background-color: #d2ae7e;
    background-image: none;
    text-indent: -9999px;
    height: 38px;
    width: 38px;
    margin-right: 2px;
    border-radius: 4px;
    position: relative;
    transition: background-color 200ms ease-in-out 0s
}

    .carousel-liberty .carousel-control:last-child {
        margin-right: 0
    }

    .carousel-liberty .carousel-control > .fa {
        font-size: 22px;
        text-indent: 0;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -22%;
        margin-top: -26%
    }

    .carousel-liberty .carousel-control.right > .fa {
        margin-left: -18%
    }

    .carousel-liberty .carousel-control:active, .carousel-liberty .carousel-control:visited {
        color: #fff
    }

    .carousel-liberty .carousel-control:hover, .carousel-liberty .carousel-control:focus, .carousel-liberty .carousel-control:active, .carousel-liberty .carousel-control:visited {
        background-color: #b35414;
        color: #fff
    }

.carousel-liberty .carousel-indicators {
    z-index: 0
}

    .carousel-liberty .carousel-indicators li {
        background-color: rgba(0,0,0,0.2);
        margin: 0 18px 0 0
    }

        .carousel-liberty .carousel-indicators li, .carousel-liberty .carousel-indicators li.active {
            height: 12px;
            width: 12px;
            border: 0 none;
            border-radius: 50%
        }

            .carousel-liberty .carousel-indicators li.active {
                background-color: #fff
            }

.fa-stack.fa-yt {
    color: #666;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-top: -18px;
    margin-left: -18px;
    opacity: .7;
    transition: color 200ms ease-in-out 0s,opacity 200ms ease-in-out 0s
}

    .fa-stack.fa-yt .fa-play {
        color: #fff
    }

.carousel-wide {
    overflow: hidden
}

    .carousel-wide .carousel-inner > .item {
        margin-bottom: 80px;
        overflow: hidden
    }

        .carousel-wide .carousel-inner > .item .carousel-caption {
            left: 0
        }

        .carousel-wide .carousel-inner > .item .video-container {
            right: 0
        }

    .carousel-wide .carousel-inner .container {
        position: relative
    }

    .carousel-wide .carousel-inner iframe, .carousel-wide .carousel-inner a[href*=youtube] {
        box-sizing: border-box;
        border: 5px solid #fff;
        right: 15px;
        margin-top: 14%;
        height: auto;
        width: 100%
    }

        .carousel-wide .carousel-inner iframe > img, .carousel-wide .carousel-inner a[href*=youtube] > img {
            width: 100%
        }

    .carousel-wide .carousel-caption {
        text-align: left;
        margin-top: 7%;
        left: 15px;
        top: 0
    }

        .carousel-wide .carousel-caption h1 {
            font-size: 40px
        }

        .carousel-wide .carousel-caption p {
            font-size: 20px;
            line-height: 1.2em
        }

    .carousel-wide .controls-container {
        position: relative;
        width: 78px;
        float: left
    }

    .carousel-wide > .container {
        position: relative
    }

.carousel-inner > .item > a > img, .carousel-inner > .item > img, .img-responsive, .thumbnail a > img, .thumbnail > img {
    height: auto !important
}

@media screen and (max-width:767px) {
    .carousel-wide .carousel-inner .video-container, .carousel-wide .carousel-inner .carousel-caption {
        width: 100%;
        position: relative
    }

    .carousel-wide .carousel-inner .carousel-caption {
        margin-top: 0
    }

        .carousel-wide .carousel-inner .carousel-caption h1 {
            font-size: 46px;
            margin-top: 0
        }

        .carousel-wide .carousel-inner .carousel-caption p {
            font-size: 24px
        }

    .carousel-wide .carousel-inner iframe {
        min-height: 200px
    }

    .carousel-wide .carousel-inner, .carousel-wide .carousel-inner > .item, .carousel-wide .carousel-inner > .item > img {
        height: 453px;
        margin-bottom: 0
    }

        .carousel-wide .carousel-inner > .item > img {
            width: auto;
            max-width: initial;
            position: absolute;
            top: 0;
            z-index: -1
        }

        .carousel-wide .carousel-inner a[href*=youtube] {
            margin-top: 0;
            right: auto
        }

    .carousel-wide .carousel-indicators {
        display: none;
        bottom: 120px;
        right: 0;
        left: auto
    }

    .carousel-wide .controls-container {
        margin-top: -143px
    }

    .carousel-wide:after {
        content: '';
        display: block;
        position: absolute;
        height: 70px;
        bottom: 0;
        right: 0;
        left: 0;
        background: -moz-linear-gradient(top, rgba(243,243,243,0) 0, #f3f3f3 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(243,243,243,0)), color-stop(100%, #f3f3f3));
        background: -webkit-linear-gradient(top, rgba(243,243,243,0) 0, #f3f3f3 100%);
        background: -o-linear-gradient(top, rgba(243,243,243,0) 0, #f3f3f3 100%);
        background: -ms-linear-gradient(top, rgba(243,243,243,0) 0, #f3f3f3 100%);
        background: linear-gradient(to bottom, rgba(243,243,243,0) 0, #f3f3f3 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
    }
}

@media screen and (min-width:768px) {
    .carousel-wide .carousel-indicators {
        bottom: 52px;
        text-align: left;
        left: 119px;
        margin-left: 0;
        width: auto
    }

    .carousel-wide, .carousel-wide .carousel-inner {
        max-height: 374px
    }

        .carousel-wide .video-container, .carousel-wide .carousel-inner .video-container, .carousel-wide .carousel-caption, .carousel-wide .carousel-inner .carousel-caption {
            position: absolute
        }

        .carousel-wide .carousel-inner > .item {
            margin-bottom: 0
        }

            .carousel-wide .carousel-inner > .item > img {
                width: 100%
            }

        .carousel-wide .carousel-inner iframe {
            margin-top: 14%
        }

        .carousel-wide .controls-container {
            margin-top: -92px
        }

    .navbar-header {
        margin-left: 15px
    }

    .navbar-right {
        margin-right: 0
    }
}

@media screen and (min-width:768px) and (max-width:1199px) {
    .carousel-wide .carousel-inner, .carousel-wide .carousel-inner > .item {
        height: 374px
    }

        .carousel-wide .carousel-inner > .item > img {
            width: auto;
            max-width: none;
            min-height: 100%;
            height: 100%
        }
}

@media (min-width:768px) and (max-width:991px) {
    .carousel-wide .carousel-caption {
        margin-top: 2%
    }
}

.left-menu {
    margin-bottom: 58px;
    margin-left: 0
}

.panel {
    background-color: transparent;
    border: 0 none;
    border-radius: 0;
    box-shadow: none
}

.mobile-menu {
    margin-bottom: 0;
    background-color: #f4ebdf;
    border-color: #e6e6e6;
    color: #b35414;
    text-decoration: none
}

    .mobile-menu .list-group-submenu {
        margin-left: 0
    }

a.list-group-item, div.list-group-item {
    display: block;
    padding: 17px 13px;
    margin: 0;
    background-color: transparent;
    border: 0 none;
    border-bottom: 1px solid #e6e6e6
}

    a.list-group-item:first-child, div.list-group-item:first-child {
        border-top-left-radius: 0;
        border-top-right-radius: 0
    }

    a.list-group-item:last-child, div.list-group-item:last-child {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0
    }

    a.list-group-item, div.list-group-item, a.list-group-item > a, div.list-group-item > a {
        color: #231f20
    }

        a.list-group-item > .fa, div.list-group-item > .fa {
            color: #b35414;
            cursor: pointer;
            float: right;
            margin-top: 3px;
            transition: transform 200ms ease-in-out 0s;
            padding: 20px;
            margin: 0;
            position: absolute;
            right: 0;
            top: 0
        }

        a.list-group-item.active, div.list-group-item.active {
            background-color: #b35414;
            border-color: #e6e6e6
        }

            a.list-group-item.active, div.list-group-item.active, a.list-group-item.active > a, div.list-group-item.active > a {
                color: #fff
            }

                a.list-group-item.active .fa, div.list-group-item.active .fa {
                    color: #fff;
                    display: inline-block
                }

                a.list-group-item:hover, div.list-group-item:hover, a.list-group-item:focus, div.list-group-item:focus, a.list-group-item.active:hover, div.list-group-item.active:hover {
                    background-color: #d2ae7e;
                    border-color: #e6e6e6;
                    color: #fff;
                    text-decoration: none
                }

                    a.list-group-item:hover, div.list-group-item:hover, a.list-group-item:focus, div.list-group-item:focus, a.list-group-item.active:hover, div.list-group-item.active:hover, a.list-group-item:hover > a, div.list-group-item:hover > a, a.list-group-item:focus > a, div.list-group-item:focus > a, a.list-group-item.active:hover > a, div.list-group-item.active:hover > a {
                        color: #fff
                    }

                        a.list-group-item:hover .fa, div.list-group-item:hover .fa, a.list-group-item:focus .fa, div.list-group-item:focus .fa, a.list-group-item.active:hover .fa, div.list-group-item.active:hover .fa {
                            color: #fff;
                            display: inline-block
                        }

.list-group-item[aria-expanded="true"] > .fa {
    transform: rotate(90deg)
}

.list-group.panel > .list-group-item {
    border-radius: 0
}

.list-group-submenu {
    margin-left: 20px
}

.liberty-menu, .userProperties ul.userMenu {
    list-style: inside none;
    padding: 0
}

    .liberty-menu li > a, .userProperties ul.userMenu li > a, .liberty-menu .panel > a, .userProperties ul.userMenu .panel > a {
        color: #231f20;
        display: block;
        padding: 17px 13px;
        position: relative
    }

        .liberty-menu li > a > .fa, .userProperties ul.userMenu li > a > .fa, .liberty-menu .panel > a > .fa, .userProperties ul.userMenu .panel > a > .fa {
            position: absolute;
            right: 10px;
            margin-top: 3px;
            float: none !important
        }

        .liberty-menu li > a:hover, .userProperties ul.userMenu li > a:hover, .liberty-menu .panel > a:hover, .userProperties ul.userMenu .panel > a:hover, .liberty-menu li > a:focus, .userProperties ul.userMenu li > a:focus, .liberty-menu .panel > a:focus, .userProperties ul.userMenu .panel > a:focus, .liberty-menu li.active > a, .userProperties ul.userMenu li.active > a, .liberty-menu .panel.active > a, .userProperties ul.userMenu .panel.active > a, .liberty-menu li.active > a:focus, .userProperties ul.userMenu li.active > a:focus, .liberty-menu .panel.active > a:focus, .userProperties ul.userMenu .panel.active > a:focus, .liberty-menu li.active > a:hover, .userProperties ul.userMenu li.active > a:hover, .liberty-menu .panel.active > a:hover, .userProperties ul.userMenu .panel.active > a:hover, .liberty-menu li a[aria-expanded="true"], .userProperties ul.userMenu li a[aria-expanded="true"], .liberty-menu .panel a[aria-expanded="true"], .userProperties ul.userMenu .panel a[aria-expanded="true"] {
            background-color: #f4ebdf;
            color: #b35414;
            text-decoration: none
        }

    .liberty-menu > li:hover > a, .userProperties ul.userMenu > li:hover > a, .liberty-menu > li.active > a, .userProperties ul.userMenu > li.active > a {
        background-color: #f4ebdf;
        color: #b35414;
        text-decoration: none
    }

.navbar-inverse .navbar-nav ul.userMenu li > a, .navbar-inverse .navbar-nav ul.liberty-menu li > a {
    padding: 10px 13px;
    text-transform: uppercase
}

    .navbar-inverse .navbar-nav ul.userMenu li > a:hover, .navbar-inverse .navbar-nav ul.liberty-menu li > a:hover {
        background-color: #f4ebdf
    }

@media screen and (max-width:767px) {
    .navbar .navbar-inverse ul.userMenu li > a, .navbar .navbar-inverse ul.liberty-menu li > a {
        padding: 16px 15px;
        display: block;
        font-family: 'Titillium Web',sans-serif;
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase
    }

        .navbar .navbar-inverse ul.userMenu li > a:hover, .navbar .navbar-inverse ul.liberty-menu li > a:hover {
            background-color: #f4ebdf
        }

    .navbar .navbar-inverse .userProperties {
        float: none;
        max-width: none
    }

        .navbar .navbar-inverse .userProperties > ul {
            float: none
        }

            .navbar .navbar-inverse .userProperties > ul:after {
                content: '';
                display: table;
                clear: both
            }

        .navbar .navbar-inverse .userProperties ul.userMenu {
            background: transparent;
            border: 0 none;
            box-shadow: none;
            margin: 0;
            position: static
        }

            .navbar .navbar-inverse .userProperties ul.userMenu > li > a {
                padding: 16px 15px;
                display: block;
                font-family: 'Titillium Web',sans-serif;
                font-size: 18px;
                font-weight: 600;
                text-transform: uppercase
            }

    .navbar .navbar-inverse .userName {
        float: none;
        max-width: none;
        width: 100%
    }

        .navbar .navbar-inverse .userName #dnn_dnnUser_userNameLink:after {
            right: 23%;
            top: 23px;
            content: "\f054";
            color: #b35414;
            border: 0 none;
            font-family: FontAwesome;
            top: 16px;
            right: 14px;
            transition: transform 200ms ease-in-out 0s
        }

        .navbar .navbar-inverse .userName #dnn_dnnUser_userNameLink.active:after {
            color: #fff;
            transform: rotate(90deg)
        }

        .navbar .navbar-inverse .userName #dnn_dnnUser_userNameLink:hover:after {
            color: #fff
        }

    .navbar .navbar-inverse > li .userProfile {
        position: absolute;
        right: 21px;
        top: 0;
        max-width: none;
        width: 20%
    }

        .navbar .navbar-inverse > li .userProfile > a {
            padding: 0
        }

        .navbar .navbar-inverse > li .userProfile .userProfileImg {
            margin-top: 2px;
            margin-bottom: -2px;
            width: 47px
        }

            .navbar .navbar-inverse > li .userProfile .userProfileImg > img {
                margin-top: 0;
                height: 47px;
                width: auto
            }

    .navbar .navbar-inverse .userLogin {
        float: none
    }

        .navbar .navbar-inverse .userLogin > a {
            border-left: 0 none
        }

    .navbar .navbar-nav.main-menu {
        background-color: #fff
    }
}

@media (min-width:768px) {
    #productsContainer .liberty-menu li {
        border-top: 1px solid #efefef
    }

        #productsContainer .liberty-menu li:last-child {
            border-bottom: 1px solid #efefef
        }
}

.product-framed {
    border: 1px solid #bebebe;
    display: block;
    margin-bottom: 25px
}

.details-container {
    position: relative
}

.product-detail-description {
    line-height: 1.7em
}

.btn {
    border: 1px solid #d2ae7e;
    border-radius: 4px;
    font-family: 'Titillium Web',sans-serif;
    font-size: 14px;
    font-weight: 600
}

.btn-liberty-primary, .dnnPrimaryAction, html .bstrap3-material .btn-info, .btn-normal.btn-info, a.btn-liberty-primary, a.dnnPrimaryAction, ahtml .bstrap3-material .btn-info, a.btn-normal.btn-info, a.btn-liberty-primary:visited, a.dnnPrimaryAction:visited, ahtml .bstrap3-material .btn-info:visited, a.btn-normal.btn-info:visited {
    border: 1px solid #b35414 !important;
    background: #b35414 !important;
    box-shadow: none;
    color: #fff !important;
    text-shadow: none
}

    .btn-liberty-primary:hover, .dnnPrimaryAction:hover, html .bstrap3-material .btn-info:hover, .btn-normal.btn-info:hover, a.btn-liberty-primary:hover, a.dnnPrimaryAction:hover, ahtml .bstrap3-material .btn-info:hover, a.btn-normal.btn-info:hover, a.btn-liberty-primary:visited:hover, a.dnnPrimaryAction:visited:hover, ahtml .bstrap3-material .btn-info:visited:hover, a.btn-normal.btn-info:visited:hover, .btn-liberty-primary:focus, .dnnPrimaryAction:focus, html .bstrap3-material .btn-info:focus, .btn-normal.btn-info:focus, a.btn-liberty-primary:focus, a.dnnPrimaryAction:focus, ahtml .bstrap3-material .btn-info:focus, a.btn-normal.btn-info:focus, a.btn-liberty-primary:visited:focus, a.dnnPrimaryAction:visited:focus, ahtml .bstrap3-material .btn-info:visited:focus, a.btn-normal.btn-info:visited:focus, .btn-liberty-primary:active, .dnnPrimaryAction:active, html .bstrap3-material .btn-info:active, .btn-normal.btn-info:active, a.btn-liberty-primary:active, a.dnnPrimaryAction:active, ahtml .bstrap3-material .btn-info:active, a.btn-normal.btn-info:active, a.btn-liberty-primary:visited:active, a.dnnPrimaryAction:visited:active, ahtml .bstrap3-material .btn-info:visited:active, a.btn-normal.btn-info:visited:active {
        background: #fff !important;
        border: 1px solid #b35414 !important;
        color: #b35414 !important;
        box-shadow: none;
        outline: none
    }

        .btn-liberty-primary:hover .fa, .dnnPrimaryAction:hover .fa, html .bstrap3-material .btn-info:hover .fa, .btn-normal.btn-info:hover .fa, a.btn-liberty-primary:hover .fa, a.dnnPrimaryAction:hover .fa, ahtml .bstrap3-material .btn-info:hover .fa, a.btn-normal.btn-info:hover .fa, a.btn-liberty-primary:visited:hover .fa, a.dnnPrimaryAction:visited:hover .fa, ahtml .bstrap3-material .btn-info:visited:hover .fa, a.btn-normal.btn-info:visited:hover .fa, .btn-liberty-primary:focus .fa, .dnnPrimaryAction:focus .fa, html .bstrap3-material .btn-info:focus .fa, .btn-normal.btn-info:focus .fa, a.btn-liberty-primary:focus .fa, a.dnnPrimaryAction:focus .fa, ahtml .bstrap3-material .btn-info:focus .fa, a.btn-normal.btn-info:focus .fa, a.btn-liberty-primary:visited:focus .fa, a.dnnPrimaryAction:visited:focus .fa, ahtml .bstrap3-material .btn-info:visited:focus .fa, a.btn-normal.btn-info:visited:focus .fa, .btn-liberty-primary:active .fa, .dnnPrimaryAction:active .fa, html .bstrap3-material .btn-info:active .fa, .btn-normal.btn-info:active .fa, a.btn-liberty-primary:active .fa, a.dnnPrimaryAction:active .fa, ahtml .bstrap3-material .btn-info:active .fa, a.btn-normal.btn-info:active .fa, a.btn-liberty-primary:visited:active .fa, a.dnnPrimaryAction:visited:active .fa, ahtml .bstrap3-material .btn-info:visited:active .fa, a.btn-normal.btn-info:visited:active .fa, .btn-liberty-primary:hover .glyphicon, .dnnPrimaryAction:hover .glyphicon, html .bstrap3-material .btn-info:hover .glyphicon, .btn-normal.btn-info:hover .glyphicon, a.btn-liberty-primary:hover .glyphicon, a.dnnPrimaryAction:hover .glyphicon, ahtml .bstrap3-material .btn-info:hover .glyphicon, a.btn-normal.btn-info:hover .glyphicon, a.btn-liberty-primary:visited:hover .glyphicon, a.dnnPrimaryAction:visited:hover .glyphicon, ahtml .bstrap3-material .btn-info:visited:hover .glyphicon, a.btn-normal.btn-info:visited:hover .glyphicon, .btn-liberty-primary:focus .glyphicon, .dnnPrimaryAction:focus .glyphicon, html .bstrap3-material .btn-info:focus .glyphicon, .btn-normal.btn-info:focus .glyphicon, a.btn-liberty-primary:focus .glyphicon, a.dnnPrimaryAction:focus .glyphicon, ahtml .bstrap3-material .btn-info:focus .glyphicon, a.btn-normal.btn-info:focus .glyphicon, a.btn-liberty-primary:visited:focus .glyphicon, a.dnnPrimaryAction:visited:focus .glyphicon, ahtml .bstrap3-material .btn-info:visited:focus .glyphicon, a.btn-normal.btn-info:visited:focus .glyphicon, .btn-liberty-primary:active .glyphicon, .dnnPrimaryAction:active .glyphicon, html .bstrap3-material .btn-info:active .glyphicon, .btn-normal.btn-info:active .glyphicon, a.btn-liberty-primary:active .glyphicon, a.dnnPrimaryAction:active .glyphicon, ahtml .bstrap3-material .btn-info:active .glyphicon, a.btn-normal.btn-info:active .glyphicon, a.btn-liberty-primary:visited:active .glyphicon, a.dnnPrimaryAction:visited:active .glyphicon, ahtml .bstrap3-material .btn-info:visited:active .glyphicon, a.btn-normal.btn-info:visited:active .glyphicon {
            color: #b35414
        }

.btn-liberty-primary-inverted, .dnnSecondaryAction, .btn-default, .angrid-item-buttons .btn-default, .angrid-top-buttons > .btn-default.pull-right, .btn-group.open .dropdown-toggle, a.btn-liberty-primary-inverted, a.dnnSecondaryAction, a.btn-default, a.angrid-item-buttons .btn-default, a.angrid-top-buttons > .btn-default.pull-right, a.btn-group.open .dropdown-toggle, a.btn-liberty-primary-inverted:visited, a.dnnSecondaryAction:visited, a.btn-default:visited, a.angrid-item-buttons .btn-default:visited, a.angrid-top-buttons > .btn-default.pull-right:visited, a.btn-group.open .dropdown-toggle:visited {
    border: 1px solid #b35414 !important;
    background: #fff !important;
    box-shadow: none !important;
    color: #b35414 !important;
    text-shadow: none
}

    .btn-liberty-primary-inverted:hover, .dnnSecondaryAction:hover, .btn-default:hover, .angrid-item-buttons .btn-default:hover, .angrid-top-buttons > .btn-default.pull-right:hover, .btn-group.open .dropdown-toggle:hover, a.btn-liberty-primary-inverted:hover, a.dnnSecondaryAction:hover, a.btn-default:hover, a.angrid-item-buttons .btn-default:hover, a.angrid-top-buttons > .btn-default.pull-right:hover, a.btn-group.open .dropdown-toggle:hover, a.btn-liberty-primary-inverted:visited:hover, a.dnnSecondaryAction:visited:hover, a.btn-default:visited:hover, a.angrid-item-buttons .btn-default:visited:hover, a.angrid-top-buttons > .btn-default.pull-right:visited:hover, a.btn-group.open .dropdown-toggle:visited:hover, .btn-liberty-primary-inverted:focus, .dnnSecondaryAction:focus, .btn-default:focus, .angrid-item-buttons .btn-default:focus, .angrid-top-buttons > .btn-default.pull-right:focus, .btn-group.open .dropdown-toggle:focus, a.btn-liberty-primary-inverted:focus, a.dnnSecondaryAction:focus, a.btn-default:focus, a.angrid-item-buttons .btn-default:focus, a.angrid-top-buttons > .btn-default.pull-right:focus, a.btn-group.open .dropdown-toggle:focus, a.btn-liberty-primary-inverted:visited:focus, a.dnnSecondaryAction:visited:focus, a.btn-default:visited:focus, a.angrid-item-buttons .btn-default:visited:focus, a.angrid-top-buttons > .btn-default.pull-right:visited:focus, a.btn-group.open .dropdown-toggle:visited:focus, .btn-liberty-primary-inverted:active, .dnnSecondaryAction:active, .btn-default:active, .angrid-item-buttons .btn-default:active, .angrid-top-buttons > .btn-default.pull-right:active, .btn-group.open .dropdown-toggle:active, a.btn-liberty-primary-inverted:active, a.dnnSecondaryAction:active, a.btn-default:active, a.angrid-item-buttons .btn-default:active, a.angrid-top-buttons > .btn-default.pull-right:active, a.btn-group.open .dropdown-toggle:active, a.btn-liberty-primary-inverted:visited:active, a.dnnSecondaryAction:visited:active, a.btn-default:visited:active, a.angrid-item-buttons .btn-default:visited:active, a.angrid-top-buttons > .btn-default.pull-right:visited:active, a.btn-group.open .dropdown-toggle:visited:active {
        background: #b35414 !important;
        border: 1px solid #b35414 !important;
        color: #fff !important;
        box-shadow: none !important;
        outline: none
    }

        .btn-liberty-primary-inverted:hover .fa, .dnnSecondaryAction:hover .fa, .btn-default:hover .fa, .angrid-item-buttons .btn-default:hover .fa, .angrid-top-buttons > .btn-default.pull-right:hover .fa, .btn-group.open .dropdown-toggle:hover .fa, a.btn-liberty-primary-inverted:hover .fa, a.dnnSecondaryAction:hover .fa, a.btn-default:hover .fa, a.angrid-item-buttons .btn-default:hover .fa, a.angrid-top-buttons > .btn-default.pull-right:hover .fa, a.btn-group.open .dropdown-toggle:hover .fa, a.btn-liberty-primary-inverted:visited:hover .fa, a.dnnSecondaryAction:visited:hover .fa, a.btn-default:visited:hover .fa, a.angrid-item-buttons .btn-default:visited:hover .fa, a.angrid-top-buttons > .btn-default.pull-right:visited:hover .fa, a.btn-group.open .dropdown-toggle:visited:hover .fa, .btn-liberty-primary-inverted:focus .fa, .dnnSecondaryAction:focus .fa, .btn-default:focus .fa, .angrid-item-buttons .btn-default:focus .fa, .angrid-top-buttons > .btn-default.pull-right:focus .fa, .btn-group.open .dropdown-toggle:focus .fa, a.btn-liberty-primary-inverted:focus .fa, a.dnnSecondaryAction:focus .fa, a.btn-default:focus .fa, a.angrid-item-buttons .btn-default:focus .fa, a.angrid-top-buttons > .btn-default.pull-right:focus .fa, a.btn-group.open .dropdown-toggle:focus .fa, a.btn-liberty-primary-inverted:visited:focus .fa, a.dnnSecondaryAction:visited:focus .fa, a.btn-default:visited:focus .fa, a.angrid-item-buttons .btn-default:visited:focus .fa, a.angrid-top-buttons > .btn-default.pull-right:visited:focus .fa, a.btn-group.open .dropdown-toggle:visited:focus .fa, .btn-liberty-primary-inverted:active .fa, .dnnSecondaryAction:active .fa, .btn-default:active .fa, .angrid-item-buttons .btn-default:active .fa, .angrid-top-buttons > .btn-default.pull-right:active .fa, .btn-group.open .dropdown-toggle:active .fa, a.btn-liberty-primary-inverted:active .fa, a.dnnSecondaryAction:active .fa, a.btn-default:active .fa, a.angrid-item-buttons .btn-default:active .fa, a.angrid-top-buttons > .btn-default.pull-right:active .fa, a.btn-group.open .dropdown-toggle:active .fa, a.btn-liberty-primary-inverted:visited:active .fa, a.dnnSecondaryAction:visited:active .fa, a.btn-default:visited:active .fa, a.angrid-item-buttons .btn-default:visited:active .fa, a.angrid-top-buttons > .btn-default.pull-right:visited:active .fa, a.btn-group.open .dropdown-toggle:visited:active .fa, .btn-liberty-primary-inverted:hover .glyphicon, .dnnSecondaryAction:hover .glyphicon, .btn-default:hover .glyphicon, .angrid-item-buttons .btn-default:hover .glyphicon, .angrid-top-buttons > .btn-default.pull-right:hover .glyphicon, .btn-group.open .dropdown-toggle:hover .glyphicon, a.btn-liberty-primary-inverted:hover .glyphicon, a.dnnSecondaryAction:hover .glyphicon, a.btn-default:hover .glyphicon, a.angrid-item-buttons .btn-default:hover .glyphicon, a.angrid-top-buttons > .btn-default.pull-right:hover .glyphicon, a.btn-group.open .dropdown-toggle:hover .glyphicon, a.btn-liberty-primary-inverted:visited:hover .glyphicon, a.dnnSecondaryAction:visited:hover .glyphicon, a.btn-default:visited:hover .glyphicon, a.angrid-item-buttons .btn-default:visited:hover .glyphicon, a.angrid-top-buttons > .btn-default.pull-right:visited:hover .glyphicon, a.btn-group.open .dropdown-toggle:visited:hover .glyphicon, .btn-liberty-primary-inverted:focus .glyphicon, .dnnSecondaryAction:focus .glyphicon, .btn-default:focus .glyphicon, .angrid-item-buttons .btn-default:focus .glyphicon, .angrid-top-buttons > .btn-default.pull-right:focus .glyphicon, .btn-group.open .dropdown-toggle:focus .glyphicon, a.btn-liberty-primary-inverted:focus .glyphicon, a.dnnSecondaryAction:focus .glyphicon, a.btn-default:focus .glyphicon, a.angrid-item-buttons .btn-default:focus .glyphicon, a.angrid-top-buttons > .btn-default.pull-right:focus .glyphicon, a.btn-group.open .dropdown-toggle:focus .glyphicon, a.btn-liberty-primary-inverted:visited:focus .glyphicon, a.dnnSecondaryAction:visited:focus .glyphicon, a.btn-default:visited:focus .glyphicon, a.angrid-item-buttons .btn-default:visited:focus .glyphicon, a.angrid-top-buttons > .btn-default.pull-right:visited:focus .glyphicon, a.btn-group.open .dropdown-toggle:visited:focus .glyphicon, .btn-liberty-primary-inverted:active .glyphicon, .dnnSecondaryAction:active .glyphicon, .btn-default:active .glyphicon, .angrid-item-buttons .btn-default:active .glyphicon, .angrid-top-buttons > .btn-default.pull-right:active .glyphicon, .btn-group.open .dropdown-toggle:active .glyphicon, a.btn-liberty-primary-inverted:active .glyphicon, a.dnnSecondaryAction:active .glyphicon, a.btn-default:active .glyphicon, a.angrid-item-buttons .btn-default:active .glyphicon, a.angrid-top-buttons > .btn-default.pull-right:active .glyphicon, a.btn-group.open .dropdown-toggle:active .glyphicon, a.btn-liberty-primary-inverted:visited:active .glyphicon, a.dnnSecondaryAction:visited:active .glyphicon, a.btn-default:visited:active .glyphicon, a.angrid-item-buttons .btn-default:visited:active .glyphicon, a.angrid-top-buttons > .btn-default.pull-right:visited:active .glyphicon, a.btn-group.open .dropdown-toggle:visited:active .glyphicon {
            color: #fff !important
        }

.btn-liberty-secondary, a.btn-liberty-secondary, a.btn-liberty-secondary:visited {
    background: #fff;
    border: 1px solid #d2ae7e !important;
    box-shadow: none !important;
    color: #d2ae7e !important;
    text-shadow: none
}

    .btn-liberty-secondary .fa, a.btn-liberty-secondary .fa, a.btn-liberty-secondary:visited .fa, .btn-liberty-secondary .glyphicon, a.btn-liberty-secondary .glyphicon, a.btn-liberty-secondary:visited .glyphicon {
        color: #d2ae7e
    }

    .btn-liberty-secondary:hover, a.btn-liberty-secondary:hover, a.btn-liberty-secondary:visited:hover, .btn-liberty-secondary:focus, a.btn-liberty-secondary:focus, a.btn-liberty-secondary:visited:focus, .btn-liberty-secondary:active, a.btn-liberty-secondary:active, a.btn-liberty-secondary:visited:active {
        background: #d2ae7e !important;
        color: #fff !important;
        box-shadow: none !important;
        outline: none
    }

        .btn-liberty-secondary:hover .fa, a.btn-liberty-secondary:hover .fa, a.btn-liberty-secondary:visited:hover .fa, .btn-liberty-secondary:focus .fa, a.btn-liberty-secondary:focus .fa, a.btn-liberty-secondary:visited:focus .fa, .btn-liberty-secondary:active .fa, a.btn-liberty-secondary:active .fa, a.btn-liberty-secondary:visited:active .fa, .btn-liberty-secondary:hover .glyphicon, a.btn-liberty-secondary:hover .glyphicon, a.btn-liberty-secondary:visited:hover .glyphicon, .btn-liberty-secondary:focus .glyphicon, a.btn-liberty-secondary:focus .glyphicon, a.btn-liberty-secondary:visited:focus .glyphicon, .btn-liberty-secondary:active .glyphicon, a.btn-liberty-secondary:active .glyphicon, a.btn-liberty-secondary:visited:active .glyphicon {
            color: #fff !important
        }

.bstrap3-material input[type="checkbox"]:checked:after, .bstrap3-material .checkbox input[type="checkbox"]:checked:after, .bstrap3-material .checkbox-inline input[type="checkbox"]:checked:after {
    background-color: #b35414 !important;
    border-color: #b35414 !important
}

.bstrap3-material input[type="checkbox"]:after, .bstrap3-material .checkbox input[type="checkbox"]:after, .bstrap3-material .checkbox-inline input[type="checkbox"]:after {
    border-color: #b35414 !important
}

.bstrap3-material textarea, .bstrap3-material textarea.form-control, .bstrap3-material input.form-control, .bstrap3-material input[type=text], .bstrap3-material input[type=password], .bstrap3-material input[type=email], .bstrap3-material input[type=number], .bstrap3-material [type=text].form-control, .bstrap3-material [type=password].form-control, .bstrap3-material [type=email].form-control, .bstrap3-material [type=tel].form-control, .bstrap3-material [contenteditable].form-control {
    box-shadow: inset 0 -1px 0 #d2ae7e !important
}

    .bstrap3-material textarea:focus, .bstrap3-material textarea.form-control:focus, .bstrap3-material input.form-control:focus, .bstrap3-material input[type=text]:focus, .bstrap3-material input[type=password]:focus, .bstrap3-material input[type=email]:focus, .bstrap3-material input[type=number]:focus, .bstrap3-material [type=text].form-control:focus, .bstrap3-material [type=password].form-control:focus, .bstrap3-material [type=email].form-control:focus, .bstrap3-material [type=tel].form-control:focus, .bstrap3-material [contenteditable].form-control:focus {
        box-shadow: inset 0 -2px 0 #b35414 !important
    }

html .bstrap3-material .alert-info {
    background-color: #b35414 !important;
    border-color: #b35414 !important
}

.bstrap3-material.form-root, .ModActionGridC {
    padding-top: 30px !important
}

.map-wheretobuy {
    position: relative
}

    .map-wheretobuy img {
        position: absolute;
        width: 100%
    }

    .map-wheretobuy a {
        color: #231f20;
        font-family: 'Titillium Web',sans-serif;
        font-size: 14px;
        font-weight: 600;
        display: block;
        white-space: nowrap;
        margin-bottom: 15px;
        background: transparent
    }

        .map-wheretobuy a:hover, .map-wheretobuy a:focus, .map-wheretobuy a:active {
            text-decoration: none
        }

    .map-wheretobuy #pin-canada {
        top: 19%;
        left: 16%
    }

        .map-wheretobuy #pin-canada:before {
            content: ''
        }

    .map-wheretobuy #pin-us {
        top: 36%;
        left: 14%
    }

        .map-wheretobuy #pin-us:before {
            content: ''
        }

    .map-wheretobuy #pin-latam, .map-wheretobuy #pin-europe, .map-wheretobuy #pin-middleeast, .map-wheretobuy #pin-asiapacific, .map-wheretobuy #pin-africa, .map-wheretobuy #pin-latam, .map-wheretobuy #pin-europe, .map-wheretobuy #pin-middleeast, .map-wheretobuy #pin-asiapacific, .map-wheretobuy #pin-africa {
        display: none
    }

.mobile-block .ModLibertyPumpsDistributorsC h2 {
    display: none
}

.code-form:last-child {
    border-top: 1px solid #e6e6e6;
    padding-top: 15px
}

.code-form label {
    width: 47%
}

.code-form input {
    width: 40%
}

    .code-form input:focus {
        border-color: #b35414;
        box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(179,84,20,0.6);
        box-shadow: none
    }

.code-form input, .code-form button {
    display: inline-block
}

.code-form button {
    border: 0 none;
    color: #b35414;
    max-width: 10%
}

.products-gallery {
    margin-bottom: 60px
}

    .products-gallery .product-column {
        padding: 0 1px
    }

    .products-gallery .product {
        box-sizing: border-box;
        margin-bottom: 2px;
        float: left;
        padding: 0;
        position: relative;
        overflow: hidden
    }

        .products-gallery .product:after {
            background-color: rgba(0,0,0,0.45);
            content: '';
            display: block;
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 100%;
            transition: height 200ms ease-in-out 0s;
            z-index: 0
        }

        .products-gallery .product h5 {
            margin-left: 30px;
            color: #fff;
            font-size: 16px;
            font-weight: 600;
            position: absolute;
            z-index: 1;
            bottom: 12px;
            left: 20px;
            text-transform: uppercase;
            text-shadow: 1px 1px 1px rgba(53,53,53,0.5)
        }

            .products-gallery .product h5:before {
                background-image: url('images/icons-sprite.png');
                display: inline-block;
                content: '';
                vertical-align: middle;
                position: absolute;
                width: 20px;
                height: 20px
            }

        .products-gallery .product h5-facebook:before {
            background-position: -49px 0;
            width: 35px;
            height: 34px
        }

        .products-gallery .product h5-twitter:before {
            background-position: -85px 0;
            width: 36px;
            height: 34px
        }

        .products-gallery .product h5-youtube:before {
            background-position: -122px 0;
            width: 36px;
            height: 34px
        }

        .products-gallery .product h5-linkedin:before {
            background-position: -159px 0;
            width: 35px;
            height: 34px
        }

        .products-gallery .product h5:before {
            margin-left: -30px;
            background-position: 0 0;
            height: 26px;
            width: 26px;
            filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale")
        }

        .products-gallery .product img {
            height: 100%;
            object-fit: cover;
            position: absolute;
            filter: #808080;
            filter: grayscale(100%);
            -webkit-filter: grayscale(100%);
            transition: filter 200ms ease-in-out 0s,-webkit-filter 200ms ease-in-out 0s,opacity 200ms ease-in-out 0s;
            opacity: .8
        }

        .products-gallery .product:hover:after {
            height: 80px
        }

        .products-gallery .product:hover img {
            filter: none;
            -webkit-filter: none;
            opacity: 1
        }

    .products-gallery .product-small {
        height: 130px
    }

    .products-gallery .product-large {
        height: 262px
    }

@media screen and (min-width:768px) {
    .products-gallery .product {
        width: 100%
    }
}

.icn:before {
    background-image: url('images/icons-sprite.png');
    display: inline-block;
    content: '';
    vertical-align: middle;
    position: absolute;
    width: 20px;
    height: 20px
}

.icn-facebook:before {
    background-position: -49px 0;
    width: 35px;
    height: 34px
}

.icn-twitter:before {
    background-position: -85px 0;
    width: 36px;
    height: 34px
}

.icn-youtube:before {
    background-position: -122px 0;
    width: 36px;
    height: 34px
}

.icn-linkedin:before {
    background-position: -159px 0;
    width: 35px;
    height: 34px
}

.about-text {
    line-height: 1.7em;
    margin-bottom: 95px
}

    .about-text a.contact {
        color: #231f20;
        display: block;
        font-size: 16px;
        font-weight: 600
    }

        .about-text a.contact .fa {
            color: #d2ae7e;
            font-size: 21px;
            margin-right: 15px
        }

    .about-text hr {
        margin: 7px 0 15px
    }

    .about-text .contact[href*="mailto"] {
        margin-top: 15px
    }

    .about-text .visible-xs-inline.btn {
        float: right;
        margin-top: 20px
    }

@media screen and (min-width:768px) {
    .about-text hr {
        margin: 7px 0 15px
    }

    .about-text .contact[href*="mailto"] {
        margin-top: 0
    }
}

.table-default {
    font-size: 12px
}

.btn-admin {
    margin-bottom: 20px
}

    .btn-admin + .btn-admin {
        margin-right: 10px
    }

.label-admin {
    color: #231f20;
    font-size: 100%
}

.filters-admin {
    margin-bottom: 20px
}

.fileshare-welcome {
    margin-bottom: 100px
}

.product-item {
    display: block;
    text-decoration: none;
    margin-bottom: 15px;
    height: 330px
}

    .product-item .img-container {
        height: 200px
    }

    .product-item, .product-item h5, .product-item p {
        color: #231f20 !important
    }

        .product-item:hover, .product-item:focus {
            color: #231f20;
            text-decoration: none
        }

            .product-item:hover .product-title, .product-item:focus .product-title {
                text-decoration: underline
            }

                .product-item:hover .product-title > a, .product-item:focus .product-title > a {
                    color: inherit
                }

        .product-item .product-title, .product-item .product-description {
            line-height: 20px;
            padding: 0 9px
        }

        .product-item .product-description {
            line-height: 1.2em;
            max-height: 6.6em;
            overflow: hidden;
            position: relative
        }

            .product-item .product-description:after {
                content: '';
                position: absolute;
                bottom: 0;
                right: 0;
                left: 0;
                height: 1.6em;
                background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%);
                background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%);
                background: linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 100%);
                filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
            }

.hc-search-filters ul {
    list-style: none;
    margin-left: 0
}

    .hc-search-filters ul a {
        font-weight: normal
    }

        .hc-search-filters ul a, .hc-search-filters ul a:hover, .hc-search-filters ul a:focus {
            color: #231f20
        }

    .hc-search-filters ul ul {
        margin-left: 15px
    }

    .hc-search-filters ul li {
        font-weight: bold
    }

.product-title {
    font-weight: 600;
    margin-top: 13px
}

.product-description {
    font-size: 13px
}

.hc-product .hc-product-details {
    margin-left: 0
}

.hc-product-description .underlined {
    margin-bottom: 15px;
    margin-top: 20px
}

@media (max-width:767px) {
    .hc-product-description img {
        display: table;
        width: 50%;
        margin: 0 auto
    }
}

.img-container {
    background-color: #fff;
    max-height: 200px;
    overflow: hidden
}

.breadcrumbContainer i {
    display: inline-block;
    font-style: normal;
    color: #b35414
}

.breadcrumbContainer:after, .breadcrumbContainer:before {
    content: '';
    display: table;
    clear: both
}

.breadcrumbLink, a.breadcrumbLink {
    color: #231f20;
    font-size: 12px;
    text-decoration: none;
    margin: 0 6px;
    display: inline-block
}
    /*.breadcrumbLink,a.breadcrumbLink,.breadcrumbLink+i,a.breadcrumbLink+i{float:left}.breadcrumbLink:first-child,a.breadcrumbLink:first-child{margin-left:0}*/

    .breadcrumbLink:last-child, a.breadcrumbLink:last-child {
        color: #b35414;
        cursor: default
    }

        .breadcrumbLink:last-child:hover, a.breadcrumbLink:last-child:hover {
            text-decoration: none
        }

    .breadcrumbLink:hover, a.breadcrumbLink:hover {
        text-decoration: underline
    }

@media (max-width:767px) {
    .breadcrumbContainer {
        float: left;
        width: 80%;
    }

        .breadcrumbContainer i {
            float: left;
            margin-right: 5px
        }

    .breadcrumbLink, a.breadcrumbLink {
        display: block;
        float: none;
        margin: 0 2px 3px
    }

    .sharethis-bar {
        float: right
    }
}

hr {
    border-color: #bebebe
}

@media screen and (min-width:768px) {
    .sharethis-bar {
        float: right;
        margin-top: -10px;
        text-align: right
    }
}

.banner-container {
    border: 1px solid #e6e6e6;
    display: block;
    margin-bottom: 20px
}

    .banner-container > img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 0
    }

.section-header {
    border-bottom: 1px solid #bebebe;
    margin-bottom: 17px;
    padding-bottom: 9px
}

    .section-header:after, .section-header:before {
        content: '';
        display: table;
        clear: both
    }

.header-note {
    border-bottom: 1px solid #bebebe;
    margin-bottom: 23px;
    padding-bottom: 17px
}

.zoomed-image {
    margin-bottom: 10px;
    position: relative;
    max-height: none
}

    .zoomed-image.img-container {
        border: 1px solid #bebebe
    }

    .zoomed-image .image-small {
        width: 100%;
        margin-bottom: 11px
    }

    .zoomed-image .image-zoom {
        display: none
    }

    .zoomed-image .badges-list {
        margin-left: 16px;
        position: absolute;
        top: 10px;
        right: 10px
    }

@media (max-width:767px) {
    .zoomed-image .image-small {
        left: 0
    }
}

@media (min-width:768px) {
    .zoomed-image {
        overflow: hidden
    }

        .zoomed-image > img {
            left: 0
        }

        .zoomed-image:hover {
            border: 0 none;
            overflow: visible;
            z-index: 2
        }

            .zoomed-image:hover .image-zoom {
                display: none
            }

        .zoomed-image .image-small {
            cursor: -webkit-zoom-in;
            cursor: -moz-zoom-in;
            cursor: zoom-in;
            opacity: 1;
            transition: transform .2s ease-in-out,border 200ms ease-in-out 0s
        }

            .zoomed-image .image-small.transition {
                -webkit-transform: scale(2);
                transform: scale(2);
                z-index: 1;
                border: 1px solid #bebebe;
                position: relative
            }

        .zoomed-image .image-zoom {
            border: 1px solid #bebebe;
            pointer-events: none;
            position: absolute;
            top: 0;
            width: 206%;
            z-index: 1;
            max-width: none;
            display: block;
            opacity: 0;
            visibility: hidden;
            transition: opacity 200ms ease-in-out 0s
        }
}

.badges-list {
    list-style: none !important;
    margin-left: 0;
    margin-bottom: 0
}

    .badges-list li {
        float: left;
        margin-bottom: 16px
    }

        .badges-list li img {
            max-width: 63px;
            max-height: 63px
        }

        .badges-list li + li {
            margin-left: 17px
        }

    .badges-list:after, .badges-list:before {
        content: '';
        display: table;
        clear: both
    }

@media screen and (max-width:767px) {
    .badges-list li {
        margin-bottom: 5px
    }
}

.product-thumb {
    margin-bottom: 7px;
    border: 1px solid #bebebe;
    background-color: #fff;
    cursor: pointer;
    display: block;
    overflow: hidden;
    height: 100px;
    position: relative;
    display: flex;
    justify-content: center
}

    .product-thumb img {
        width: auto !important;
        height: 100% !important
    }

.product-detail .title-box {
    min-height: 60px;
    padding-right: 30px
}

.product-detail .product-name {
    font-weight: 400;
    padding-right: 0
}

.product-detail .btn {
    margin-bottom: 20px
}

    .product-detail .btn + .btn {
        margin-left: 10px
    }

.product-detail ul {
    list-style: disc
}

@media (min-width:768px) {
    .product-detail.product-buttons {
        position: absolute;
        right: 0;
        z-index: 1
    }

    .product-detail .btn {
        width: 56%
    }

        .product-detail .btn + .btn {
            margin-left: 0
        }

    .product-detail .btn-liberty-primary {
        margin-bottom: 7px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .product-detail .btn {
        width: 100%
    }

    .product-detail.product-buttons {
        position: static
    }

    .product-detail .title-box {
        min-height: auto
    }
}

.hc-product .hc-product-form {
    margin: 0
}

@media (min-width:992px) {
    .product-detail .btn {
        width: 100%
    }
}

.detail-header {
    margin-bottom: 20px
}

.attachments {
    list-style: none;
    margin-left: 0;
    margin-bottom: 40px
}

    .attachments > li > a > .fa {
        float: left;
        font-size: 18px;
        margin-right: 10px;
        margin-top: 1px
    }

    .attachments a {
        border-bottom: 1px solid #e6e6e6
    }

    .attachments > li > div > a {
        color: #231f20;
        display: block;
        padding: 17px 50px 17px 13px;
        position: relative
    }

        .attachments > li > div > a > .fa, .attachments > li > div > a > img {
            font-size: 18px;
            position: absolute;
            right: 22px;
            margin-top: 3px
        }

        .attachments > li > div > a:hover, .attachments > li > div > a:focus {
            background-color: #f4ebdf;
            color: #b35414;
            text-decoration: none
        }

    .attachments iframe {
        height: 234px !important;
        width: 100% !important
    }

[id*="updatePanelListRender"] > fieldset {
    float: left;
    width: 80%
}

[id*="updatePanelListRender"] > div {
    clear: both
}

.switch-controls {
    text-align: right
}

    .switch-controls a {
        display: inline-block
    }

    .switch-controls .switch-list {
        display: none
    }

    .switch-controls .fa-pause {
        transform: rotate(-90deg)
    }

.ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar {
    background-color: #fff;
    border-collapse: separate !important;
    border-spacing: 1px
}

    .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar table {
        color: #fff
    }

        .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar table tr td {
            color: #fff;
            cursor: default;
            font-weight: bold
        }

    .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr th {
        color: #333;
        text-align: center;
        background-color: #333;
        color: #fff;
        font-size: 12px;
        padding: 3px 1px
    }

    .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr td {
        border-radius: 3px;
        color: #999;
        cursor: not-allowed;
        overflow: hidden
    }

        .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr td a {
            color: #fff !important;
            background-color: rgba(179,84,20,0.7);
            padding: 1px 5px;
            display: block;
            transition: background-color 200ms ease-in-out 0s
        }

            .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr td a:hover, .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr td a:focus, .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr td a:active {
                background-color: #b35414;
                text-decoration: none
            }

            .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr td a[style*="White"] {
                background-color: #b35414 !important
            }

    .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr:first-child, .ModLibertyPumpsLiteratureOrderC .dnnFormItem table.liberty-calendar tr:nth-child(2) {
        background-color: #333
    }

@media screen and (max-width:767px) {
    .ModLibertyPumpsLiteratureOrderC h2 {
        float: left
    }

    .LoginPanel {
        width: auto
    }
}

div[id*="ShippingInfo"] .dnnFormItem input[type="checkbox"] + span, div[id*="ShippingInfo"] .dnnFormItem input[type="radio"] + span {
    margin-top: 36px
}

div[id*="ShippingInfo"] .dnnFormItem:last-child > table {
    margin-bottom: 20px;
    margin-left: -24px;
    margin-right: -25px;
    float: left
}

.btns-admin:after, .btns-admin:before {
    content: '';
    display: table;
    clear: both
}

.bstrap30 .form-control:focus, .dnnFormItem input:focus, .dnnFormItem textarea:focus, select:focus, select option:focus, .dnnFormInput:focus {
    border-color: #b35414 !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(179,84,20,0.6) !important;
    box-shadow: none !important;
    outline: none
}

span[id*="Required"] {
    color: #b35414
}

.ModLibertyPumpsDistributorsC .navbar-form .btn-liberty-primary {
    background-color: #b35414;
    color: #fff;
    border: 1px solid #b35414;
    margin-left: 10px;
    margin-right: -15px
}

.dist-search-box .navbar-inverse label {
    margin-right: 20px
}

@media screen and (max-width:767px) {
    .dist-search-box .navbar-brand {
        padding-left: 0
    }

    .dist-search-box .navbar-form {
        float: left;
        width: 100%
    }

        .dist-search-box .navbar-form .btn-liberty-primary {
            background-color: #b35414;
            color: #fff;
            border: 1px solid #b35414;
            float: left;
            margin-left: 5%;
            margin-right: 0;
            margin-top: 25px;
            width: 15%;
            padding-left: 0;
            padding-right: 0
        }

        .dist-search-box .navbar-form .form-group {
            float: left;
            width: 80%
        }

        .dist-search-box .navbar-form:after {
            content: '';
            display: table;
            clear: both
        }

    div[id*="ViewUSCA_panResults"] > table td[valign="top"] {
        display: block
    }

        div[id*="ViewUSCA_panResults"] > table td[valign="top"]:first-child {
            width: 100%;
            margin-bottom: 10px
        }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .dist-search-box .navbar-brand {
        width: 40%;
        float: left
    }

    .dist-search-box .navbar-form {
        margin-top: 4px;
        margin-bottom: 8px;
        width: 60%;
        float: left !important
    }

        .dist-search-box .navbar-form > a {
            margin-top: 25px
        }

    .dist-search-box .navbar-inverse label {
        display: block
    }

    div[id*="ViewUSCA_panResults"] > table td[valign="top"]:first-child {
        width: 60%
    }
}

a.btn-admin, .angrid-top-buttons > .btn-default.pull-right {
    float: right;
    position: relative;
    z-index: 1
}

.btn-admin + br {
    clear: both
}

.ModActionGridC input[data-af-field="Quantity"] {
    border-color: #d2ae7e;
    display: inline-block;
    margin-top: 0;
    max-width: 85px;
    text-align: right;
    padding: 5px 4px;
    min-width: 33px
}

.ModActionGridC input[type="text"]:focus {
    border-color: #b35414;
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(179,84,20,0.6);
    box-shadow: none
}

div.angrid .angrid-filter .btn {
    padding: 0 12px;
    text-align: left
}

div.angrid .angrid-filter .filter-name {
    margin: 0 !important;
    white-space: normal
}

div.angrid .angrid-filter .caret {
    position: absolute;
    bottom: 0;
    right: 0
}

div.angrid .angrid-data-loading {
    border-color: #b35414 !important;
    color: #fff !important;
    background: #b35414 !important;
    top: 35px
}

div.angrid th i.glyphicon {
    color: #b35414;
    position: absolute;
    left: -14px;
    top: auto;
    bottom: 5px
}

div.angrid th.ng-scope > span {
    position: relative;
    display: block
}

div.angrid .table > tbody > tr > td, div.angrid .table > tbody > tr > th, div.angrid .table > tfoot > tr > td, div.angrid .table > tfoot > tr > th, div.angrid .table > thead > tr > td, div.angrid .table > thead > tr > th {
    padding: 4px 8px
}

div.angrid .table tr.selected td {
    background-color: rgba(210,174,126,0.8) !important
}

div.angrid .bstrap30 .field-container {
    margin-bottom: 0
}

.table, .table-default {
    font-size: 12px
}

    .table tr > th, .table-default tr > th {
        color: #b35414;
        background: #fff
    }

        .table tr > th a:hover, .table-default tr > th a:hover, .table tr > th a:focus, .table-default tr > th a:focus, .table tr > th a:active, .table-default tr > th a:active {
            color: #b35414
        }

        .table tr > th[scope="col"], .table-default tr > th[scope="col"] {
            text-align: center
        }

        .table tr > th a, .table-default tr > th a, .table tr > td a, .table-default tr > td a {
            color: #b35414
        }

    .table a[id*="Authorize"], .table-default a[id*="Authorize"] {
        color: #b35414
    }

@media screen and (max-width:767px) {
    .ng-scope[data-angrid-view] {
        width: 100%;
        margin-bottom: 15px;
        overflow-y: hidden;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
        min-height: .01%;
        overflow-x: auto
    }
}

@media (max-width:375px) {
    #dnn_ctr565_ModuleContent .table {
        font-size: 9px
    }

        #dnn_ctr565_ModuleContent .table input[data-af-field="Quantity"] {
            font-size: 12px;
            min-width: 40px;
            padding: 5px
        }

    #dnnModuleDigitalDocumentsContentPane {
        margin-left: 0 !important
    }

    #dnnModuleDigitalDocumentsLeftPane {
        position: relative;
        width: 100%
    }

        #dnnModuleDigitalDocumentsLeftPane ul.dnnAdminTabNav {
            margin: 0 0 4px 5px
        }

    .dnnModuleDigitalDocumentsLeftPaneContents {
        top: 44px
    }

    .dnnModuleDigitalDocumentsSearchBox > a.dnnSearchBoxClearText {
        position: absolute !important;
        left: 159px;
        margin-left: 0 !important
    }

    #dnnModuleDigitalDocumentsSelectionToolbar {
        min-height: 24px
    }

    #dnnModuleDigitalDocumentsMainToolbar {
        height: 100px
    }

        #dnnModuleDigitalDocumentsMainToolbar > * {
            float: left;
            margin-bottom: 3px
        }

        #dnnModuleDigitalDocumentsMainToolbar .DigitalDocumentsMenuButton_wrapper {
            height: 25px
        }

        #dnnModuleDigitalDocumentsMainToolbar .dnnModuleDigitalDocumentsWorkflowLabel {
            float: right
        }

    .dnnModuleDigitalDocumentsListViewItem {
        width: 48%;
        margin: 5px 1%
    }

    .dnnModuleDigitalDocumentsMainLoading {
        left: 0
    }

    #dnnModuleDigitalDocumentsMainToolbarTitle .title-views {
        display: none
    }
}

div[id*="actionsRow"] {
    float: right
}

.clear-search, .run-search {
    cursor: pointer;
    position: absolute;
    right: 21px;
    top: 8px;
    font-size: 20px !important;
    color: #999
}

    .clear-search:hover, .run-search:hover, .clear-search:focus, .run-search:focus, .clear-search:active, .run-search:active {
        text-decoration: none;
        color: #666
    }

.featured-menu {
    padding: 0 15px;
    min-height: 500px
}

    .featured-menu .liberty-menu {
        margin: 0;
        width: 50%
    }

        .featured-menu .liberty-menu .feat-item:nth-child(n+10) {
            display: none
        }

    .featured-menu .product-framed {
        max-height: 215px;
        overflow: hidden
    }

        .featured-menu .product-framed img {
            width: 100%
        }

    .featured-menu .feat-description {
        line-height: 1.2em;
        height: 11.8em;
        overflow: hidden;
        margin-bottom: 10px;
        position: relative
    }

        .featured-menu .feat-description:after {
            content: '';
            display: block;
            position: absolute;
            bottom: 0;
            right: 0;
            left: 0;
            height: 2.4em;
            background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
            background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%);
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255,0)), color-stop(100%, #fff));
            background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%);
            background: -o-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%);
            background: -ms-linear-gradient(top, rgba(255,255,255,0) 0, #fff 100%);
            background: linear-gradient(to bottom, rgba(255,255,255,0) 0, #fff 100%);
            filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0)
        }

    .featured-menu .panel-group .panel + .panel {
        margin-top: 0
    }

.feat-panel {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    padding-left: 15px
}

    .feat-panel .feat-item {
        padding-right: 15px
    }

.adminPageNav a, .adminPageNav span {
    display: block;
    margin-right: 5px
}

.ModLibertyPumpsDistributorsManagerC .dnnActions {
    float: right
}

    .ModLibertyPumpsDistributorsManagerC .dnnActions:after, .ModLibertyPumpsDistributorsManagerC .dnnActions:before {
        content: '';
        display: table;
        clear: both
    }

.featured-carousel .carousel-caption {
    position: relative;
    color: #231f20;
    text-align: left;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 5px 0;
    text-shadow: none
}

    .featured-carousel .carousel-caption .product-title {
        font-size: 18px;
        margin-top: 0;
        margin-bottom: 5px
    }

        .featured-carousel .carousel-caption .product-title > a {
            color: inherit
        }

    .featured-carousel .carousel-caption .product-description {
        line-height: 1.6em;
        max-height: 4.8em;
        overflow: hidden
    }

.featured-carousel .img-container {
    position: relative;
    padding-bottom: 100%;
    max-height: none
}

    .featured-carousel .img-container > a {
        display: block;
        position: absolute
    }

.featured-carousel .carousel-control {
    top: auto;
    width: 34px
}

    .featured-carousel .carousel-control.right {
        right: auto;
        left: 40px
    }

.featured-carousel .read-more {
    float: right
}

ul.patents {
    list-style: none;
    margin-left: 0
}

    ul.patents:after, ul.patents:before {
        content: '';
        display: table;
        clear: both
    }

    ul.patents > li {
        color: #b35414;
        float: left;
        background-color: #f4ebdf;
        padding: 2px 4px 2px 2px;
        border: 1px solid #d2ae7e;
        margin-bottom: 5px
    }

        ul.patents > li + li {
            margin-left: 5px
        }

@media screen and (max-width:767px) {
    .loginContent .dnnLabel, .loginContent .dnnFormItem > label, .loginContent .dnnFormLabel {
        display: block;
        float: none;
        text-align: left
    }
}

@media (min-width:768px) {
    .loginContent .dnnFormItem:nth-child(3n) label, .loginContent .dnnFormItem:nth-child(5n) label {
        width: 32.075%;
        margin-right: 18px;
        display: block;
        float: left
    }
}

.btn-nav {
    float: right
}

.carousel a[href*=youtube] {
    display: inline-block;
    position: relative
}

    .carousel a[href*=youtube]:hover .fa-yt {
        color: #f00;
        opacity: 1
    }

.modal-dark .modal-title {
    color: #fff
}

.modal-dark .close {
    color: #fff
}

.modal-dark .modal-header, .modal-dark .modal-body {
    background-color: #231f20
}

.modal iframe {
    width: 100%
}

#UserProfileImg, .UserProfileControls {
    float: left
}

.ModViewProfileC:after, .ModViewProfileC:before {
    content: '';
    display: table;
    clear: both
}

.ModConsoleC .console.profile {
    width: auto !important;
    display: inline-block
}

    .ModConsoleC .console.profile .console-none > .console-none {
        min-width: 150px;
        width: auto !important
    }

    .ModConsoleC .console.profile .console-none h3 {
        text-align: center;
        padding: 10px
    }

    .ModConsoleC .console.profile > br {
        display: none
    }

a[href*="/LP-Admin/Distributor-Manager"] {
    border-bottom: 1px dotted #999
}

.dnnSearchBoxPanel {
    max-width: none
}

ul.searchSkinObjectPreview {
    top: 48px
}

    ul.searchSkinObjectPreview > li > a {
        border-bottom: 0 none !important;
        padding: 0 !important
    }

        ul.searchSkinObjectPreview > li > a:hover {
            color: #231f20 !important
        }

.productsOnly ul.searchSkinObjectPreview {
    display: none
}

.dnnSearchResultAdvancedTip {
    margin-top: 6px;
    text-indent: -9999px;
    position: relative;
    display: inline-block;
    width: 20px
}

    .dnnSearchResultAdvancedTip:before {
        content: "\f059";
        font-family: FontAwesome;
        display: block;
        position: absolute;
        left: 0;
        text-indent: 0;
        font-size: 24px;
        margin-top: -6px;
        color: #b35414
    }

.dnnSearchBoxPanel .dnnSearchBox {
    margin-right: 40px;
    min-height: 36px;
    box-sizing: border-box !important
}

    .dnnSearchBoxPanel .dnnSearchBox .dnnActions {
        float: right
    }

    .dnnSearchBoxPanel .dnnSearchBox > a.dnnSearchButton {
        right: 4px
    }

.dnnSearchBoxPanel .dnnTableDisplay th {
    background: #b35414;
    color: #fff;
    text-shadow: none
}

.dnnSearchResultPanel, .dnnSearchBoxPanel .dnnSearchBox, .dnnSearchResultPanel div.dnnTagsInput, .dnnSearchBoxPanel .dnnSearchBox div.dnnTagsInput, .dnnSearchResultPanel .RadComboBox_Default td.rcbInputCellLeft, .dnnSearchBoxPanel .dnnSearchBox .RadComboBox_Default td.rcbInputCellLeft, .dnnSearchResultPanel .RadComboBox_Default td.rcbInputCellRight, .dnnSearchBoxPanel .dnnSearchBox .RadComboBox_Default td.rcbInputCellRight, .dnnSearchResultPanel .RadComboBox_Default td.rcbArrowCellRight, .dnnSearchBoxPanel .dnnSearchBox .RadComboBox_Default td.rcbArrowCellRight, .dnnSearchResultPanel .RadComboBox_Default td.rcbArrowCellLeft, .dnnSearchBoxPanel .dnnSearchBox .RadComboBox_Default td.rcbArrowCellLeft {
    border-color: #b35414;
    box-shadow: none;
    box-sizing: content-box
}

.dnnSearchBoxPanel, .dnnSearchResultPanel {
    background-color: #f4ebdf
}

.dnnSearchResultPanel {
    max-width: none
}

    .dnnSearchResultPanel .dnnSearchResultSortOptions {
        border-color: #b35414
    }

        .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a, .dnnSearchResultPanel .dnnSearchResultSortOptions > li.active > a:hover {
            background: #e5e5e5
        }

    .dnnSearchResultPanel > .dnnRight:first-child {
        margin-bottom: 10px
    }

.dnnSearchResultContainer a {
    color: #b35414
}

.dnnSearchResultContainer .dnnSearchResultItem-Title > a {
    color: #b35414
}

.dnnSearchResultContainer > .dnnSearchResultItem {
    padding: 15px;
    background-color: rgba(244,235,223,0.6);
    overflow: hidden
}

.table .dist-item {
    font-size: 14px;
    padding: 30px 0 25px
}

    .table .dist-item .distance {
        font-weight: 600
    }

.dist-search-box .navbar-form {
    margin-top: 8px
}

@media screen and (max-width:767px) {
    .dnnSearchBox > input[type="text"], .dnnSearchBox > input[type="text"]:focus {
        width: 100% !important;
        position: static
    }

    .dnnSearchBox > a.dnnSearchBoxClearText {
        top: 4px;
        right: 26px !important
    }

    .dnnSearchBox > .dnnSearchBox_advanced {
        position: static;
        margin: 0;
        background-color: #eee;
        padding: 4px;
        margin-top: 6px
    }

        .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_label {
            border-left: 0 none;
            color: #000;
            text-decoration: none
        }

        .dnnSearchBox > .dnnSearchBox_advanced > .dnnSearchBox_advanced_dropdown {
            left: 0;
            position: fixed;
            top: 114px;
            max-width: 100%;
            right: 0;
            width: 100%;
            bottom: 0;
            overflow: auto
        }

        .dnnSearchBox > .dnnSearchBox_advanced .dnnFormItem > .dnnLabel {
            width: 100%;
            text-align: left
        }

            .dnnSearchBox > .dnnSearchBox_advanced .dnnFormItem > .dnnLabel a.dnnFormHelp {
                position: static
            }

    .dnnSearchBox #dnnSearchResultAdvancedForm {
        width: 100%
    }

    .hc-related-items > h3 {
        font-size: 14px
    }
}

.hc-search .hc-search-bar {
    border: 1px solid #b35414;
    border-radius: 3px;
    box-shadow: none
}

    .hc-search .hc-search-bar:active, .hc-search .hc-search-bar:focus {
        background: #fff;
        box-shadow: none
    }

@media screen and (max-width:991px) {
    .hc-search {
        float: none;
        width: 100%
    }

        .hc-search:after, .hc-search:before {
            content: '';
            display: table;
            clear: both
        }

        .hc-search > .form-group {
            width: 100%
        }

        .hc-search .hc-search-bar {
            width: 88%
        }

        .hc-search .hc-search-button {
            float: left
        }
}

.ModLibertyPumpsPumpSizingC .radio-horizontal input, .ModLibertyPumpsPumpSizingC .radio-horizontal label {
    float: left
}

.ModLibertyPumpsPumpSizingC .radio-horizontal input {
    float: left;
    clear: both
}

    .ModLibertyPumpsPumpSizingC .radio-horizontal input + label {
        margin-left: 7px
    }

#svgCanvas {
    width: 100%;
    max-width: 620px
}

#svgPng > img {
    max-width: 100%
}

@media screen and (max-width:767px) {
    .Blog-Oscar .list .listimage {
        float: none !important;
        width: 100% !important
    }

        .Blog-Oscar .list .listimage > a {
            display: block
        }

        .Blog-Oscar .list .listimage img {
            width: 100%
        }
}

table[id*="chkListTerritory"] input[type="checkbox"] + span.dnnCheckbox {
    margin-top: 0;
    vertical-align: top
}

table[id*="chkListTerritory"] span.dnnCheckbox + label.dnnBoxLabel {
    max-width: 84%
}

.bstrap3-material .pnlMessage.sunny {
    margin-top: 40px
}

    .bstrap3-material .pnlMessage.sunny .alert-info {
        background-color: #fff !important;
        border: 1px solid #b35414;
        border-radius: 6px
    }

        .bstrap3-material .pnlMessage.sunny .alert-info h4, .bstrap3-material .pnlMessage.sunny .alert-info h5 {
            color: #b35414
        }

.form-alert {
    position: relative;
    left: 383px;
    top: -10px;
    margin-bottom: 10px
}

#productsContainer .liberty-menu.store3 li.product {
    display: none !important
}

.ModDNNHTMLC:after, .ModDNNHTMLC:before {
    content: '';
    display: table;
    clear: both
}