@font-face {
    font-family: primary;
    src: url("/uc/fonts/pg-bk.eot");
    src: url('/uc/fonts/pg-bk.otf'), url('/uc/fonts/pg-bk.ttf');
    src: url("/uc/fonts/pg-bk.woff");
    unicode-range: U+00-FF;
}

@font-face {
    font-family: secondary;
    src: url("/uc/fonts/pg-md.eot");
    src: url('/uc/fonts/pg-md.otf'), url('/uc/fonts/pg-md.ttf');
    src: url("/uc/fonts/pg-md.woff");
    unicode-range: U+00-FF;
}

@font-face {
    font-family: tertiary;
    src: url("/uc/fonts/fuhe.eot");
    src: url("/uc/fonts/fuhe.ttf"), url("/uc/fonts/fuhe.otf");
    src: url("/uc/fonts/fuhe.woff");
    unicode-range: U+00-FF;
}

*, :after, :before {
    margin: 0;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
body {
    height: 100%;
    background: #ffffff;
    color: #040503;
    font-family: "primary",sans-serif;
    font-size: 18px;
    line-height: 28pt;
    word-wrap: break-word;
    padding: 0px 0px;
}
h1, h3, h4, h5, h6, .ebackupacc span {
    color: #25383b;
    font-size: 22pt;
    font-family: "secondary",sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.system-titlecard h1 {
    font-size: 18pt;
    margin-bottom: 14px;
    font-family: "primary",sans-serif;
}

h1:empty {
display:none;
visibility:hidden;
}

.ebackupacc span {
    display: block;
margin-bottom:40px;
}

    .contact_page h6 {
margin-bottom:20px;
}

    .contact_page h6 {
    font-size: 20px;
    color: #899797;
font-weight:normal;
text-transform:none;
}

.career-section h3 {
    color: #25383b;
    font-size: 24px;
    text-transform: none;
}

.career-section hr {
    color: #899797;
opacity:.5;
margin:40px 0px;
}

.hero h1, .video-section h1 {
    color: #ffffff;
    /*font-size: 61px;*/
    font-size: 2.8vw;
    text-transform: uppercase;
    line-height: 78px;
}



h2 {
    color: #25383b;
    display: block;
    font-size: 22pt;
    font-family: "primary",sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.flexpage .content-section h2 {
    color: #25383b;
    font-size: 18pt;
text-transform:none;
margin:0px;
padding:0px;
}

sup {
    font-size:.5em;
line-height:15px;
}

.content-section {
    font-size: 25px;
    line-height: 38px;
    color: #899797;
}

.content-section h2 {
padding-bottom:20px;
font-size:40px;
line-height:44px;
}

.contact_page .content-section h2 {
text-transform:none;
}

#cat-systemlegacy, #cat-systemrlm {
display:none;
visibility:hidden;
}

.readonlysummary h3 {
    text-align: left;
    vertical-align: middle;
    font-size: 14pt;
    display: inline-block;
}

.chkwrap .blockFormSection {
    margin-top: 0px;
}

.order-summary-row-promostotals .form-minor {
    color: #ef6327;
    font-size: 14pt;
}

.info_content h2, .regform_wrapper h2 {
    color: #dc2032;
    display: block;
    font-size: 14pt;
    font-family: "primary",sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.regform_wrapper h2 {
margin-top:60px;
}

.regform_wrapper input[type=file] {
    font-family: "secondary",sans-serif;
font-size:15pt;
}

a {
    color: #25383b;
    text-decoration: none;
}

    a:visited {
        color: #25383b;
    }

    a:hover {
        color: #25383b;
        text-decoration: underline;
    }

.notification a {
    color: #ffffff;
    text-decoration: none;
    -webkit-transition: all 800ms ease-in-out;
    -ms-transition: all 800ms ease-in-out;
    -moz-transition: all 800ms ease-in-out;
    transition: all 800ms ease-in-out;
}

    .notification a:visited {
        color: #ffffff;
    }

    .notification a:hover {
        color: #899797;
        text-decoration: none;
    }

.configure-section a:hover {
text-decoration:none;
}

.forgotpass a {
    color: #040503;
    text-decoration: none;
}

    .forgotpass a:visited {
        color: #040503;
        text-decoration: none;
    }

    .forgotpass a:hover {
        color: #dc2032;
        text-decoration: none;
    }

p{  line-height:25px;  }
ul{  list-style: none;  }
.wrapper {
    margin: 0 auto;
    overflow: hidden;
}
.top_menu ul li a.pull2, .pull{
    display: none;
    position: relative;
}

.pull {
position:absolute;
right:20px;
top:176px;
}
    .pull img {
        -webkit-transition: all 900ms ease-in-out;
        -ms-transition: all 900ms ease-in-out;
        -moz-transition: all 900ms ease-in-out;
        transition: all 900ms ease-in-out;
    }

#btnRefreshZipCode {
        font-size: 30px;
        width: 30px;
        border: none;
        vertical-align: middle;
        cursor: pointer;
    }

.collist {
column-count:2;
column-gap:60px;
}
    .collist li {
    padding-bottom:20px;
    line-height:25px;
    }

.specialwrap {
padding-top:120px !important;
}

.groupsection>div {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:center;
}
.groupsection > div img {
    max-width:250px;
}
/*START BUTTON TO TOP*/

#buttonToTop {
    display: inline-block;
    background-color: #25383b;
    width: 50px;
    height: 50px;
    text-align: center;
    border-radius: 100px;
    position: fixed;
    bottom: 30px;
    right: 30px;
    transition: background-color .3s, opacity .5s, visibility .5s;
    opacity: 0;
    visibility: hidden;
    z-index: 1000;
}

    #buttonToTop::after {
        content: "^";
        font-weight: normal;
        font-style: normal;
        font-size: 2em;
        line-height: 67px;
        color: #fff;
    }

    #buttonToTop:hover {
        cursor: pointer;
        background-color: #25383b;
    }


    #buttonToTop:active {
        background-color: #555;
    }

    #buttonToTop.show {
        opacity: 1;
        visibility: visible;
    }

/* END BUTTON TO TOP*/

/*START NOTIFICATION BAR
---------------------------*/
.notification {
    width: 100%;
    height: 100%;
    padding: 10px 12% 0px 12%;
    font-size: .8em;
    /*border-radius: 0px 0px 5px 5px;*/
    margin: 0 auto;
    /*box-shadow: #95a5a6 0px 0px 6px 2px;*/
    color: #e3e3e3;
    line-height: 28px;
    overflow: hidden;
    animation: reveal 1 2s;
    text-align: center;
}

    .notification .title {
        margin-right: 15px;
        padding: 0px 15px;
        line-height: 40px;
        display: inline-block;
    }

    .notification .close {
        background: rgba(255,255,255,0.2);
        padding: 0px 15px;
        float: right;
        margin-right: 0px;
        line-height: 40px;
        display: inline-block;
        color: #e3e3e3;
 }

        .notification .close:hover {
            cursor: pointer;
        }

    .notification.closed {
        transform: translate(0px, -80px);
        transition: 0.7s;
    }

@keyframes reveal {
    0% {
        transform: translate(0px, -80px);
    }

    50% {
        transform: translate(0px, -80px);
    }

    100% {
        transform: translate(0px, 0px);
    }
}


.notification.success {
    background: #25383b;
}

    .notification.success .title {
        background: #25383b;
    }

.notification.error {
    background: #e74c3c;
}

    .notification.error .title {
        background: #c0392b;
    }

.notification.warning {
    background: #f1c40f;
}

    .notification.warning .title {
        background: #f39c12;
    }

.notification.normal {
    background: #3498db;
}

    .notification.normal .title {
        background: #2980b9;
    }

/*END NOTIFICATION BAR
---------------------------*/

/*--  header  --*/

.header_wrapper {
    display: inline-flex;
    /*padding: 20px 12% 16px 12%;*/
    padding: 20px 11.8vw 16px 11.8vw;
    width: 100%;
    border-bottom: 1px solid #e3e3e3;
background-color:#ffffff;

}



.logo_wrapper {
    /*width: 100%;*/
    position: relative;
}
    .logo_wrapper .logo img {
        /*width: 102px;*/
    }
.menu_wrapper {
    width: 100%;
padding-top:10px;
}


.header {
    text-align: center;
    padding: 0px 0px 0;
    position: relative;
    background-color: #25383b;
}

/*START FIXED HEADER*/


.home_page .header, .standard_page .header {
    position: fixed;
    width: 100%;
    z-index: 800;

}

.home_page .herobanner, .standard_page .herobanner {
    margin-top: 120px;

}



/*START PROMO VIDEO */
.home_page .herobanner {
    margin-top:0px;
padding-top:40px;
margin-bottom:80px;
}

.home_page .heropromo {
    /*margin-top: 154px;*/
    
    display: flex;
    /*padding: 0px 11.8vw 0px 11.8vw;
    background-color: #ffffff;*/
    padding: 0px 11.8vw 0px 11.8vw;
    background-color: #ffffff;
    flex-direction: column;
    justify-content: center;
    color: #25383b;
    text-align: center;
}

.home_page .heropromotop {
    margin-top: 142px;
    background-color: #25383b;
    color:#ffffff;
}
.home_page .btn-group {
    display:flex;
    flex-direction:row;
}
    .home_page .btn-group .button {
    margin:20px;
    }

.home_page .heropromo h2 {
    color: #25383b;
}
.home_page .heropromotop h2 {
    color:#ffffff;
    padding-bottom:20px;
    padding-top:20px;
}
    .home_page .heropromo > div:nth-of-type(2) {
        padding: 20px 12vw 60px 12vw;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

.home_page .secondarypromo {
    margin-top: 0px;
    }

.home_page .secondarypromobanner {
    margin-bottom: 80px;
    margin-top:80px;
    background-color:#ffffff;
}



    .heropromo img {
        max-width: 100%;
    }

.home_page .herobanner div iframe #document html body.vp-center {
    justify-content: unset !important;
    justify-content: initial !important;
}

 .home_page .heropromo > div {
    width: 100%;
}
/*END PROMO VIDEO*/

.detail_page .header
{
position:unset;
width:unset;

}



.detail_page .herobanner {
margin-top:unset;
margin-top:initial;
}

.contact_page .header {
    position: fixed;
    width: 100%;
    z-index: 8000;
}

.blog_page .header {
    position: unset;
    width: unset;
}

.blogevent-imagecard {
z-index:55;
}

.contact_page .herobanner {
    margin-top: 148px;
}

    /*END FIXED HEADER*/
    .top_menu{
    position: absolute;
    top:0;
    right:0;
}
.menu:after, .header_wrapper:after,
.top_menu:after{
    display: table;
    content: '';
    clear: both;
}
.top_menu ul, .menu ul {
    list-style: none;
}
.menu_main ul li{
    display: inline-block;
vertical-align:top;
}

/*
.menu_main ul.top_sub li:nth-of-type(4) {
    background-color:pink;
    display: inline-block;
    vertical-align: top;
}

.menu_main ul.top_sub1 li:nth-of-type(4) {
    background-color:initial;
    display: inline-block;
    vertical-align: top;
}*/

.top_menu ul li {
        /*float: left;*/
        display: inline-block;
    }
.top_menu ul li a{
    padding: 0 16px;
    color: #040503;
    font-size: 17px;
    display:block;
    font-family: "secondary",sans-serif;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
    .top_menu ul li.login a:first-of-type {
        border-right: 1px solid #040503;
    }

.top_menu ul li.login a {
    display: inline-block;
}

.top_menu .basket a {
    margin-top: -13px;
    padding: 0;
}

.top_menu .basket img {
    max-height:20px;
}

.menu_main {
display:inline-block;
}

    .menu_main ul.top_sub {
        display: none;
        width: 100%;
        position: absolute;
        left: 0px;
min-height:500px;
margin-top:20px;
    }

    .menu_main ul.top_sub1 {
        position: relative;
        /*left: 0px;*/
        width: 100%;
        display: block;
        text-align: left;
padding-top:10px;
    }


    .menu_main ul.top_sub {
        background-color: #ffffff;
        vertical-align: top;
        /*padding-top: 30px;*/
        padding-bottom: 30px;
        text-align: left;
        border-top: 1px solid #040503;
        padding-left: calc(22vw);
        height: 100%;
        overflow-y: scroll;
        scrollbar-color: #899797 transparent;
        scrollbar-width: thin;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 6px 0px;
    }



.menu_main ul.top_sub1 li {
    display: block;
    position: relative;
padding:0px 0px 20px 60px;
}

    .menu_main ul li a.depth2 {
        padding: 0px 0px 20px 60px;
font-size:22px;
padding-top:30px;
    }

    .menu_main ul li a.depth2:hover {
        color: #899797;
    }

    .menu_main ul.top_sub1 li a {
        padding: 0px 0px 0px 0px;
        text-transform: capitalize;
        font-size: 18px;
        font-weight: normal;
    }

        .menu_main ul.top_sub1 li a:hover {
            color: #899797;
        }

.catdesc {
    font-size: 13px;
line-height:13px;
    color: #899797;
}

.top_sub div.mtag, .product_content_each div.mtag {
    float: right;
    background-color: #25383b;
    padding: 2px 12px 2px 12px;
    border-radius: 50px;
    color: #ffffff;
    position: relative;
    font-size: 12px;
    font-family: primary,sans-serif;
    letter-spacing: .5px;
    display: flex;
    height: 22px;
    line-height: 22px;
    margin-left: 15px;
    margin-top: 5px;
}
.heropromo .mtag, .lead-section1 .mtag {
    background-color: #25383b;
    padding: 2px 12px 2px 12px;
    border-radius: 50px;
    color: #ffffff;
    position: relative;
    font-size: 12px;
    font-family: primary,sans-serif;
    letter-spacing: .5px;
    display: flex;
    height: 22px;
    line-height: 22px;
    margin-left: 0px;
    margin-top: 0px;
    margin-bottom:10px;
    width:fit-content;
}
.product_content_each div.mtag {
    float: left;
    margin-left: 0px;
    font-style: normal;
    background-color: #899797;
    color: #ffffff;
}

    .product_content_each div.mtag span {
    }

    /* .top_sub div.mtag:before {
        content: 'i';
        text-transform: lowercase;
        font-family: secondary, sans-serif;
        font-style: normal;
        position: absolute;
        left: -7px;
        width: 22px;
        height: 22px;
        background-color: #899797;
        padding: 0px 0px 0px 0px;
        border-radius: 100px;
        color: #25383b;
        top: 0px;
        text-align: center;
        vertical-align: middle;
        border: 1px solid #899797;
    }*/
    .top_sub_left {
        background: linear-gradient( #ffffff, #eaeaea);
        background: -webkit-linear-gradient(#ffffff, #eaeaea);
        background: -o-linear-gradient( #ffffff, #eaeaea);
        background: -moz-linear-gradient( #ffffff, #eaeaea);
        background: linear-gradient( #ffffff, #eaeaea);
    }

.menu_main ul li:hover .top_sub {
    /*display: flex;
    position: absolute;*/

    /*padding-left:340px;
    justify-content: center;*/
}


#menuimage {
    position: absolute;
    left: 0px;
    top: 0px;
    /*max-width: 460px;*/
    max-width: 22vw;
    height: calc(100%);
    text-align: left;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
    #menuimage img {
        width: auto;
        max-width: 100%;
        /*height:100%;*/
        max-height: 100%;
        position: relative;
        -webkit-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }

.toggle2link img {
    display: none;
position:absolute;

}

.toggle2link:hover img {
    display: none;
    top: 0px;
    left: 0px;
    width: 300px;
border:2px solid red;
}


.leadbanner {
width:100%;
margin-top:7.4vw;
}

    .leadbanner img {
        width: 100%;
        position: relative;
    }

.banner-overlay {
    position: absolute;
    /*top:13vw;*/
    bottom: 320px;
    width: 100%;
    text-align: center;
display:none;
visibility:hidden;
}

    .banner-overlay h1 {
color:#ffffff;    
}

.standard_page .content-section {
padding:0 18vw;
}
.productlist_page .content-section {
    padding: 0 0vw;
}

.detail_page .content-section {
    padding: 0 0vw;
}

.detail_page .withcarousel {
    padding-bottom: 40px !important;
}

.story_page .blog {
padding:0px 12%;
}

.blog_page .blog {
    padding: 0 0vw;
}

.detail_page .photo-section {
display:block;
}

.detail_page .video-section {
    padding: 0 6vw 0 18vw;
}

.detail_page .video-alt {
    padding: 0 18vw 0 6vw;
}

.detail_page .trimvideo-section {
    position: relative;
    left: 0;
    width: 100%;
    padding: 0 3vw 60px 9vw;
}

/*
.blogentry_page .video-section {
    padding: 0 6vw 0 6vw;
}*/
.detail_page .dynamic-sections > div {
    padding: 40px 12vw 2vw 12vw;
}
.detail_page .dynamic-sections>div:first-of-type {
    padding: 3vw 12vw 0vw 12vw;
}

    .detail_page .dynamic-sections > div.options-section {
        padding: 0px 12vw 0vw 12vw;
    }

.system-groupdetailpage .dynamic-sections > div:first-of-type {
    padding: 0vw 12vw 0vw 12vw;
}

.blogentry_page .dynamic-sections > div:first-of-type {
padding:0px;
width:100%;
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

.blogentry_page hr {
    margin-bottom: 20px;
    border: 1px solid #efefef;
}

    .detail_page .dynamic-sections > div:nth-of-type(4) {
font-size:20px;
line-height:36px;
color:#040503;
font-weight:400;
background-color:transparent;
    }



.detail_page .dynamic-sections > div:nth-of-type(3) {
    padding: 120px 12vw;
    background-color: #e3e3e3;
    font-size: 20px;
    line-height: 36px;
    color: #040503;
    font-weight: 400;
}

.luxedetail .dynamic-sections > div:nth-of-type(3) {
    padding: 120px 26vw;
}

.blogentry_page .applications-section {
    padding: 120px 12vw;
    background-color: #ffffff;
    font-size: 20px;
    line-height: 36px;
    color: #040503;
    font-weight: 400;
}

    .blogentry_page .applications-section:empty {
        display: none;
        visibility: hidden;
    }



.detail_page .dynamic-sections > div:nth-of-type(4), .applications-section {
    padding: 120px 12vw;
    background-color: #e3e3e3;
}

/*   padding: 72px 0px 12vw 0px;
    background-color: #e3e3e3;
*/

.cylinder-detailpage .dynamic-sections > div:nth-of-type(3) {
        background-color: transparent;
    }
.cylinder-detailpage .dynamic-sections > div:nth-of-type(4) {
    background-color: #e3e3e3;
}

.rlm-detailpage .dynamic-sections > div:nth-of-type(4) {
    font-size: 20px;
    line-height: 36px;
    color: #040503;
    font-weight: 400;
    background-color: transparent;
}

.rlm-detailpage .dynamic-sections > div:nth-of-type(3) {
    padding: 120px 12vw;
    background-color: #e3e3e3;
    font-size: 20px;
    line-height: 36px;
    color: #040503;
    font-weight: 400;
}

.detail_page .dynamic-sections > div.trim-section {
            background-color: #ffffff;
        }

.detail_page .options-section .dynamic-sections > div:first-of-type {
    margin: 20px 0px;
}

div.options-section {
    padding: 1vw 12vw 0vw 12vw;
}

.applications-section ul {
        margin-top: 20px;
    }

.detail_page .downloads-section {
    padding: 5vw 12vw 160px 12vw;
}
.resources_page .downloads-section {
    padding: 0px 12vw 160px 12vw;
}

.resources_page .content-downloadsflat {
margin-bottom:160px;
}

.downloadgroup {
display:inline-block;
vertical-align:top;
width:40%;
margin:20px 20px 20px 0px;
}


.dynamic-sections > div {
    margin: 80px 0px;
}


 .standard_page .content-section .contentcard:empty {
    display: none;
    visibility: hidden;
}

.story_page .overview-section {
    background-color: #25383b;
font-size:30px;
color:#ffffff;
padding:234px 12vw;
display:flex;
justify-content:flex-start;
}
.story_page .overview-section:empty {
    display:none;
    visibility:hidden;
}
    .story_page .overview-section h1 {
        font-size: 50px;
        color: #ffffff;
        margin-right: 80px;
        line-height: 1;
    }

.salesagent_page .overview-section {
padding:0px 12vw;
}

.story_page .article-top-section {
    background-color: #e3e3e3;
    padding: 180px 18vw 0px 18vw;
    /*max-height: 580px;*/
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 18px;
    line-height: 36px;
    color: #040503;
    font-weight: 500;
}

.resources_page .article-top-section {
    padding: 0px 18vw 0px 18vw;
}

    .story_page .article-top-section  {
background-color:#ffffff;
    }

.blogentry_page .article-top-section {
    display: block;
    padding: 140px 18vw 0px 20.5vw;
}

.contact_page .article-top-section {
        flex-direction: column;
        background-color: #ffffff;
        padding: 18vw 16vw 0px 16vw;
        max-height: unset;
        max-height: initial;
    }

.blog_page .article-top-section {
    padding: 160px 16vw 0px 16vw;
}

.contact_page .content-article-right {
    background-color: #e3e3e3;
    padding: 6vw;
    margin: 0px 0px 0px 40px;
    display: inline-block;
    position: absolute;
    right: 0px;
    width: 41%;
    height: 42%;
}

    .contact_page .content-article-right h3 {
        margin-bottom: 44px;
    }

.contact_page .content-article-right p{
margin-bottom:26px;
font-weight:bold;
}
    .contact_page .content-article-right ul {
        margin-top: 30px;
    }

.story_page .article-bottom-section {
    padding: 300px 18vw 0px 18vw;
    /*max-height: 580px;*/
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 18px;
    line-height: 36px;
    color: #040503;
    font-weight: 500;
    margin-bottom: 40px;
}

.story_page .blog {
margin-bottom:100px;
}


.blogentry_page .article-bottom-section {
    padding: 40px 18vw 0px 18vw;
}

.career-section {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
}
.careers_page .article-top-section {
    padding: 40px 18vw 0px 18vw;
}

.careers_page .article-bottom-section {
    padding: 40px 18vw 0px 18vw;
}


        .career-section .content-article-bottom {
width:100%;
}

    .career-section ul {
list-style:disc;  
padding-left:40px;  
}

.flexpage .article-bottom-section {
    padding: 140px 18vw 0px 18vw;
}
.flexextra .article-bottom-section {
    padding: 0px 0vw 0px 0vw;
}

 .story_page .article-top-section h1, .story_page .article-bottom-section h1 {
        text-transform: unset;
        font-size: 40px;
        line-height: 48px;
        padding-bottom: 34px;
    }


.contact_page .article-top-section h1, .contact_page .article-bottom-section h1 {
    text-transform: unset;
    font-size: 64px;
    font-weight: 600;
    line-height: 48px;
    padding-bottom: 14px;
}


.blog_page .article-top-section h1, .blog_page .article-bottom-section h1, .home_page .blogentry h1 {
    text-transform: unset;
    font-size: 30px;
    line-height: 34px;
}

.blogentry_page .article-top-section h1 {
    padding-bottom: 10px;
    padding-top: 50px;
    font-size: 30px;
}

.blogentry_page .article-top-section h1:first-of-type {
    padding-top: 0px;
}

.content-article-top, .content-article-bottom {
    display: inline-block;
    width: 40%;
}

.content-article-top:empty{
display:none;
visibility:hidden;
}

.flexpage .wide .content-article-top, .flexpage .wide .content-article-bottom, .wide .content-description {
    width: 100%;
}

.flexpage .wide .content-article-top p, .flexpage .wide .content-article-bottom p {
    padding:20px 0px;
}

.imagecard:empty {
display:none;
visibility:hidden;
}


.contact_page .content-article-top, .contact_page .content-article-bottom {
    display: block;
    width: 100%;
}

.contact_page .content-article-bottom {
    padding-bottom: 200px;
}

.contact_page .content-article-left {
display:inline-block;
vertical-align:top;
width:58%;
}

.article-top-section .imagecard {
    max-width: 540px;
    display: inline-block;
    position: relative;
}

.article-top-section img {
    width: 540px;
    position: absolute;
    top: 0px;
}

.blogentry_page .article-top-section img {
    position: relative;

}

.section_tabs .cylinder-listpage, .section_tabs2 .cylinder-listpage, .section_tabs3 .cylinder-listpage, .section_tabs4 .cylinder-listpage {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 24%;
}

    .section_tabs .cylinder-listpage .description, .section_tabs2 .cylinder-listpage .description, .section_tabs3 .cylinder-listpage .description, .section_tabs4 .cylinder-listpage .description {
        padding: 20px;
    }


    .section_tabs .cylinder-listpage img, .section_tabs2 .cylinder-listpage img, .section_tabs3 .cylinder-listpage img, .section_tabs4 .cylinder-listpage img {
        width: unset;
        width: initial;
        position: relative;
        top: unset;
        top: initial;
    }

.section_tabs .product-list-info, .section_tabs2 .product-list-info, .section_tabs3 .product-list-info, .section_tabs4 .product-list-info {
    line-height: 17px;
    font-size: 14px;
    color: #040503;
}

.product-list-info span sup{
    line-height:9px;
}

.blogentry_page .article-top-section .blogimgwrap img {
    width: unset;
    max-width: 100%;
}

.blogimgwrap {
    padding: 40px 0px;
    text-align: center;
    width: 100%;
}

.blogentry_page .article-top-section .blogimgmulti img {
    width: 30%;
}

.blogentry_page .article-top-section .twoimage img {
    width: 48%;
}

    .blogimgmulti {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;

}

.blogimgwrap .blogimgmulti:nth-of-type(even) {
padding-top:60px;
}


.blogentry_page .blogquote {
    font-size: 20px;
    font-weight: bold;
font-style:italic;
}

.blog-featuredsection {
    background-color: #fbfbfa;
padding:40px;
}

    .blog-featuredsection .blogimgwrap {
        padding: 20px 0px 0px 0px;
    }

.contact_page .article-top-section img, .home_page .blog-media img {
    width: 20px;
    height: auto;
    position: relative;
    top: unset;
    vertical-align: middle;
}

.blog_page .article-top-section img, .home_page .blog-media img {
    width: unset;
width:initial;
    height: 100%;
min-width:100%;
}

.article-bottom-section .imagecard {
    max-width: 540px;
    display: inline-block;
    position: relative;
}

.article-bottom-section img {
    width: 540px;
    position: absolute;
    top: -180px;
right:0px;
}




    .systemlist-subnav {
    text-align: center;
    padding-top: 40px;
    border-bottom: 1px solid #e3e3e3;
margin:0 18vw;
padding-bottom:30px;
}

        .systemlist-subnav a, .undercab-subnav a {
            color: #040503;
            padding: 4px 0px;
            font-size: 18px;
            line-height: 14px;
            text-transform: uppercase;
            font-weight: bold;
        }

            .systemlist-subnav a.active, .undercab-subnav a.active {
                /*border-bottom: 4px solid #D38E55;*/
            }

            .systemlist-subnav a:hover, .undercab-subnav a:hover {
                text-decoration: none;
            }

.undercab-subnav {
    text-align: center;
    padding-top: 40px;
    padding-bottom: 30px;
}


.system-block {
    width: 100%;
    background-color: #e3e3e3;
    display: block;
    position: relative;
    text-align: right;
    margin: 40px 0px;
}

    .system-block .titleimagebar a{
display:block;
margin-bottom:40px;    
}
            .system-block .titleimagebar a:hover {
                text-decoration:none;
            }
    .system-block #mainimgholder {
        width: 20vw;
        position: relative;
display:inline-block;
    }

        .system-block #mainimgholder .ware-img {
max-width:100%;
max-height:290px;
            position: relative;

        }
 .system-block a {
    color: #040503;
}

            .system-block .titleimagebar {
                text-align: right;
                position: relative;
                /*background-position:top right;
background-size:48%;
background-repeat:no-repeat;*/
            }

 .system-block .system-titlecard {
                position: relative;
                display: inline-block;
                width: 66%;
                vertical-align: top;
                text-align: left;
                padding: 7% 0% 0% 3%;
                
            }
        .system-titlecard h3 {
            font-size: 50px;
line-height:40px;
text-transform:uppercase;
        }

.productdetail_page .undercabinet-detailpage .system-titlecard h3:nth-of-type(2) {
font-size:32px;
}

.system-detailpage .system-titlecard h3, .blog_page .system-titlecard h3 {
    font-size: 3.0vw;
    line-height: 3.0vw;
    text-transform: uppercase;
    margin-bottom: 6px;
    word-wrap:normal;
}
.system-titlecard h4 {
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 10px;
text-transform:uppercase;
}

.system-detailpage .system-titlecard h4, .blog_page .system-titlecard h4 {
    font-size: 30px;
    line-height: 32px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.gyroshift-trims-grid {
    display: flex;
    flex-direction: row;
    column-count: 2;
    flex-wrap: wrap;
    width: 60%;
    column-gap: 60px;
}


.gyroshift-trims-grid .trimitem {
    text-align:center;
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    margin-bottom:40px;

}
    .gyroshift-trims-grid .trimitem img {
    width:280px;
    }
    .gyroshift-trims-grid .trimitem .trim-itemnum {
    }
    .gyroshift-trims-grid .trimitem trim-finishdesc {

    }
.system-titlecard h5, .productdetail_page .system-titlecard span {
    font-size: 16px;
    line-height: 24px;
    font-weight: normal;
    text-transform: none;
    color: #191918;
}

.trimvideocollapse:empty {
display:none;
visibility:hidden;
}


/*Start Expanding List*/
.expanding-trstgrid {
    /*width: fit-content;*/
    text-align: -webkit-right;
    width: 100%;
}

    .expanding-trstgrid td div {
        /*display: block;*/
        margin: 0px;
        padding: 0;
    }

    .expanding-trstgrid table, .expanding-trstgrid tr, .expanding-trstgrid td {
        border-collapse: collapse;
        border-spacing: 0px;

    }
    .expanding-trstgrid table {
        width: 60%;
    }

    .expanding-trstgrid td {
        margin: 0;
        text-align: center;
        padding: 0px 20px;
        border: 2px solid #e3e3e3;
        max-width: 148px;
        overflow: hidden;
        min-height: 0px;
        text-overflow: clip;
        vertical-align: middle;
        font-size: 18px;
        color: #040503;
        line-height: 22px;
    }

    .expanding-trstgrid .topitem td {
        height: 80px;
    }

    .expanding-trstgrid table:first-of-type tr:first-of-type td {
        height: 80px;
border-left:none;
font-size:28px;
font-weight:800;
    }

    .expanding-trstgrid tr:first-of-type td:first-of-type {
        border-top: none;
    }

    .expanding-trstgrid td:first-of-type {
        text-align: right;
        padding-right: 20px;
width:30%;
border-left:none;
font-weight:800;
    }

.btn-expand {
    position: relative;
    width: 60%;
    height: 60px;
    background-color: #25383b;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "primary",sans-serif;
    font-size: 16px;
    font-weight: 800;
    border: none;
    cursor: pointer;
}

.divexp {
    /*display: none;*/
    overflow: hidden;
    text-overflow: clip;
    height: 0px;
    vertical-align: middle;
    /*line-height: 80px !important;
    padding-top: 0px !important;*/
    line-height: 20px !important;
    padding-top: 0px !important;
    align-content: center;
}




    .starthidden {
    height: 0px;
}
.downloadsexp {
    display: none;
    overflow: hidden;
    text-overflow: clip;
    height: 0px;
    vertical-align: middle;
    -webkit-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
}

.showhidden {
    height: 50px;
}

.career-detail-wrap {
    margin-top: 40px;
    margin-bottom: 40px;
    width: auto;
    height: fit-content;
}
/*End Expanding List*/

.titlecard-imagewrap {
        margin-top: 20px;
        width: 92vw;
        max-width: 500px;
    }

    .titlecard-imagewrap img {
        width: 92vw;
        max-width: 500px;
    }

.sizewrap {
display:flex;
flex-direction:row;
}

.sizewrap .subtext {
    word-spacing:30px;
    font-size:24px;
    font-weight:bold;
    margin-top:40px;
}
    .system-block .subtext {
        font-size: 22px;
        line-height: 31px;
        font-weight: bold;
        padding-top: 20px;
        word-spacing: 30px;
    }

.system-linkbar {
    border-top: 1px solid rgba(144,146,148,0.25);
text-align:left;
padding:20px 0px 20px 5%;
}

.system-detailpage .system-linkbar {
    position: relative;
    padding: 30px 12vw 30px 12vw;
    border-bottom: 1px solid #e3e3e3;
    background-color: #ffffff;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    display: flex;
}

.blog_page .system-linkbar {
    position: relative;
    padding: 30px 12vw 30px 12vw;
    border-bottom: 1px solid #e3e3e3;
    background-color: #ffffff;
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
    display: flex;
}

.system-detailpage .fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 5000;
    background-color: #ffffff;
    padding: 10px 12vw 10px 12vw;
    -webkit-transform: translate3d(0,0,0);
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.blog_page .fixed {
margin-top:0px;
}

 .system-linkbar p {
    vertical-align: top;
    display: inline-block;
    font-size: 16px;
    line-height: 21px;
    text-align: left;
    width: 24%;
}

.system-block .system-linkbar p {
    width: 22%;
    padding-right: 8px;
}

        .system-linkbar p img {
float:left;
max-width:18px;
width:100%;
margin:4px 10px 16px 0px;    
}

.system-block .system-linkbar p img {
    margin: 4px 10px 50px 0px;
}

    .system-linkbar .system-buttonwrap {
float:right;    
display:flex;
justify-content:flex-end;
max-height:44px;
}

.system-buttonwrap a {
    font-size: 14px;
    line-height: 17px;
    color: #ffffff;
    padding: 14px 16px 14px 16px;
    text-transform: uppercase;
    margin: 0px;
    opacity: 1;
    -webkit-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
}

    .system-buttonwrap a:hover {
        text-decoration: none;
        opacity: .8;

    }

    .system-buttonwrap a.explore {
        background: #899797;
    }
    .system-buttonwrap a.downloads {
        background: #25383b;
    }
    .system-buttonwrap a.configure {
        background: #040503;
    }


/*START system-detailpage*/

.system-detailpage .section-stats, .blog_page .section-stats {
    width: 100%;
    padding: 0 12vw;
    vertical-align: top;
    background-color: #e3e3e3;
    display: flex;
    justify-content:space-between;
}



    .system-detailpage .section-stats .system-titlecard, .blog_page .section-stats .system-titlecard {
        padding: 100px 60px 60px 0px;
        height: 100%;
        min-height: 25vw;
        max-width: 42%;
        display: inline-block;
        text-align: left;
        vertical-align: top;
    }

    .system-detailpage .section-stats .system-coverimage, .blog_page .section-stats .system-coverimage {
        width: 58%;
        float: right;
        display: inline-block;
        position: relative;
        text-align: right;
    }

.luxedetail .system-icons {
position:absolute;
bottom:0px;
}

.luxedetail .system-titlecard, .luxedetail .system-titlecard h3, .luxedetail .system-titlecard h4, .luxedetail .system-titlecard h5 {
    /*color: #899797;*/
    color:#ffffff;
}

.luxedetail .section-stats {
padding:0px 2vw 0px 12vw;
}

.slimpage .section-stats .system-coverimage {
    /*width:40%;*/
}

        .system-detailpage .section-stats .system-coverimage .ware-img, .blog_page .section-stats .system-coverimage .ware-img {
            /*max-width:500px;*/
            max-width: 100%;
            max-height: 300px;
        }

.productdetail_page .section-stats .system-coverimage .ware-img {
max-height:370px;
}

.system-photocard {
width:50%;
text-align:right;
}

.system-icons {
display:block;
text-align:right;
width:100%;
padding:40px 0px 40px 0px;
display:flex;
justify-content:flex-end;
flex-wrap:wrap;
}

.cblist-each {
display:inline-block;
text-align:left;
}
.system-icons .cblist-each img {
    padding: 0px 20px;
height:36px;
max-height:36px;
}
.system-icons .cblist-each:last-of-type img {
    /*padding: 0px 0px 0px 20px;*/
}



.system-detailpage .linkbar-links, .blog_page .linkbar-links {
    width: 100%;
    display: inline-block;
}

.linkbar-links ul {
    list-style-type: none;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
padding:14px 0px 14px 0px;
}

.blog_page .linkbar-links ul {
justify-content:center;
}

.systemlist-subnav ul {
    display: flex;
    justify-content: center;
}

    .linkbar-links ul li {
        display: inline-block;
        padding: 0 2%;
text-transform: uppercase;
        font-size: 16px;
        line-height: 21px;
        font-weight: 700;
        color: #040503;
    }

    .linkbar-links ul li:first-of-type {
        padding-left:0px;

    }
        .linkbar-links ul li a {
            color: #25383b;
            display: block;
            break-inside: avoid;
            word-break: keep-all;
            padding: 0px 10px;
        }

        .linkbar-links ul li:first-of-type a {
            padding-left: 0px;
        }

        .linkbar-links ul li a:hover {
            text-decoration:none;
        }

            .linkbar-links ul li a:after {
                background: none repeat scroll 0 0 transparent;
                bottom: 0;
                content: "";
                display: block;
                height: 2px;
                left: 50%;
                position: relative;
                background: #dcd9d7;
                transition: width 0.3s ease 0s, left 0.3s ease 0s;
                width: 0;
            }

    .linkbar-links ul li a.selectedhighlight:after {
        display:block;
left:0;
width:unset;
    }

    .linkbar-links ul li a.highlightednav:after {
        display: block;
        left: 0;
        width: unset;
    }


            .linkbar-links ul li a:hover::after {
                width: 100%;
                left: 0;
            }

.applications-section, .description-section{
    display: flex;
    justify-content: space-between;
    padding: 40px 0vw 40px 12vw;
    margin: 60px 0px;
}

.blogentry_page .description-section {
justify-content:center;
}

.productdetail_page .applications-section, .description-section {
width:100%;
}
.productdetail_page .description-section {
        flex-direction: row-reverse;
}
    .productdetail_page .description-section .imagecard img {
right:unset;
left:0vw;
    }

.contact_page .description-section .imagecard img {
max-width:unset;
max-width:initial;
}

 .productdetail_page .description-section .content-description {
    width: 38vw;
}

.highlights-section {
    display: flex;
    justify-content: space-between;
    padding: 40px 12vw 40px 12vw;
    margin: 200px 0px 120px 0px;
}

    .highlights-section .cblist-each {
        width: 20%;
    }

        .highlights-section .cblist-each h5 {
            font-size: 20px;
            line-height: 43px;
            font-weight: 700;
            color: #25383b;
        }
.slimpage .highlights-section {
    margin: 100px 0px 100px 0px;
}

.cblist-catdesc {
    display: block;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400;
    color: #899797;
}

.description-section, .story-overview {
    background-color: #dcd9d7;
    margin: 0px 0px;
    padding: 76px 12vw 32px 12vw;
}

.wide  {
    padding: 76px 12vw 70px 12vw;
}

.salesagent_page .story-overview {
    padding: 0vw 12vw 0px 12vw;
}

.contact_page .story-overview {
    background: url('/uc/wr/images/background-video2.jpg') no-repeat center;
    background-size: cover;
    margin: 0px 0px;
    padding: 11vw 12vw 32px 12vw;
}



.story-overview {
    height: 32vw;
}

.contact_page .story-overview {
    display: flex;
    justify-content: space-around;
    /*padding: 14vw 12vw 32px 12vw;*/
    padding: 22.5vw 12vw 32px 12vw;
    height: 34vw;
    /*margin-top: 148px;*/
}

.blog_page .story-overview {
    background: url('/uc/wr/images/background-overview1.jpg') no-repeat center;
    background-size: cover;
    margin: 0px 0px;
    padding: 11vw 12vw 32px 12vw;
margin-bottom:240px;
}

.salesagent_page .story-overview {
    height: unset;
    height: initial;
}

.salesagent_page .story-overview {
    background-color: #e3e3e3;
    background-image: none;
}

.imagecard {
        display: inline-block;
        position: relative;
        padding-right: 0vw;
        height: 24vw;
    }

.blogentry_page .imagecard {
    /*margin-right:40px;*/
    margin-right: 14px;
}
.blogevent-imagecard {
height:24vw;
}

.description-section .imagecard .desc-img, .description-section .imagecard img {
    position: absolute;
    top: -50px;
    right: 0vw;
    z-index: 5;
    max-height: 620px;
    max-width: 530px;
}

.blogentry_page .description-section .imagecard img {
    position: relative;
    top: unset;
    right: unset;
    max-height: 560px;
}

.salesagent_page .imagecard {
    height: unset;
    height: initial;
}

.salesagent_page .imagecard img{
position:relative;
top:0px;
height:100%;
}

.contact_page .description-section .imagecard img {
    position: absolute;
    top: -166px;
    left: -7vw;
    z-index: 5;
}
.photo-section {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    background-color: #e3e3e3;
margin-top:60px;
}

.home_page> .wmstyle {
margin-top:0px;
}

.slimpage .photo-section {
margin-top:0px;
}

.promo-section {
background-color:#ffffff;
}


.wmstyle {
    background-color: #25383b;
}

    .wmstyle h2 {
    color:#ffffff;
    }

.content-illustrations {
    padding: 80px 12vw;
    text-align: center;
}


    .content-illustrations:empty, .content-photos:empty {
        display: none;
    }

    .content-illustrations .desc-img:first-of-type {
        width: 100%;
        padding: 0px;
        /*max-width: 1200px;
        max-width: 750px;*/
        height: 100%;
        width: auto;
        max-width:100%;
        max-height: 800px;
    }

.system-groupdetailpage .content-illustrations {
    padding: 0 2vw;
}

.content-photos {
    /*margin-top:80px;*/
    text-align: center;
    background-color: #ffffff;
    padding-bottom: 120px;
}

    .content-photos .desc-img {
        display: inline-block;
        padding: 140px 40px 0px 40px;
        /*width: 33.5%;*/
        max-height: 600px;
    }


.content-description, .story-titlecard {
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #040503;
    /*width: 34vw;*/
    width:40vw;
}

.blogentry_page .story-titlecard {
display:flex;
justify-content:flex-end;
flex-direction:column;
padding-bottom:60px;
}

    .blog_page .story-titlecard h1 span.subtext {
display:block;        
font-size: 20px;
        line-height:24px;
    }


.blogentry_page .story-titlecard h5{
font-size:19px;
padding-bottom:10px;
}

    .blogentry_page .story-titlecard h3 {
        font-size: 50px;
        line-height:56px;
        padding-bottom: 20px;
    }

    .blogentry_page .story-titlecard p {
        font-size: 20px;
        line-height: 36px;
    }

.salesagent_page .story-titlecard {
        padding-top: 8vw;
    }

.contact_page .story-titlecard {
    background-color: #e3e3e3;
    padding: 70px 70px 114px 70px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    font-size: 16px;
    line-height: 32px;
    font-weight: 400;
    color: #040503;
    width: 28vw;
    z-index: 888;
    margin-left: 161px;
    height: fit-content;
    height: -moz-fit-content;
}

.blog_page .story-titlecard {
padding: 80px 80px 80px 80px;
}

.content-description h1 {
    font-size: 50px;
    text-transform: uppercase;
    line-height: 49px;
    color: #25383b;
    margin-bottom: 31px;
}

.story-titlecard h1 {
    font-size: 80px;
    text-transform: uppercase;
    line-height: 80px;
    color: #25383b;
    margin-bottom: 31px;
}

.contact_page .story-titlecard h1 {
font-size:40px;
font-weight:600;
}

.blog_page .story-titlecard h1 {
line-height:44px;
}

.story-titlecard h6, h6.product-list-sku {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: normal;
}

.content-applications {
    display: inline-block;
    vertical-align: top;
    padding-top: 120px;
    padding-right: 22%;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    margin-bottom: 34px;
    color: #040503;
}

    .content-applications h1, .downloads-section h1 {
        font-size: 50px;
        line-height: 49px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 32px;
        color: #25383b;
    }

.resources_page .downloads-section h1 {
    font-size: 50px;
    line-height: 49px;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 32px;
    color: #040503;
padding-bottom:40px;
}

.resources_page .downloads-section .content-downloadsflat h1 {
    padding-top: 180px;
}

.downloads-section .grouptitle {
font-size:18px;
line-height:42px;
color:#040503;
font-weight:700;
text-transform:uppercase;
}

.downloads-section .grouplist {
    border-top: 1px solid #899797;
    border-left: 1px solid #899797;
    border-right: 1px solid #899797;
max-width:358px;
text-align:left;
}

.resources_page .downloads-section .grouplist {
    width: -moz-fit-content;
    width: fit-content;
    max-width: 100%;
}

 .downloads-section .groupitem {
    border-bottom: 1px solid #899797;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #040503;
    font-weight: 400;
}

.downloadsexp .groupitem {
    padding-left:10px;
}

.downloadsexp .groupitem>div:first-of-type  {
    padding-left: 0px;
}

.downloadsexpshow {
height:48px;
display:block;
}

 .downloads-section .grouplist a {
    color: #040503;
    text-decoration: none;
}

            .downloads-section .grouplist a:hover {
                color: #040503;
                text-decoration: none;
            }

                .downloads-section .grouplist a:hover .groupitem {
                    background-color: #e3e3e3;
                }

.downloads-section .groupitem span:first-of-type, .downloads-section .groupitem div:first-of-type {
    padding: 15px;
}
.downloads-section .groupitem span:nth-of-type(2), .downloads-section .groupitem div:nth-of-type(2) {
    border-left: 1px solid #899797;
    padding: 15px;
    font-size: 22px;
    font-weight: bold;
    margin: auto 0px;
text-align:center;
width:45px;
}

.resources_page .downloads-section .groupitem span:nth-of-type(2), .resources_page .downloads-section .groupitem div:nth-of-type(2) {
    width: 148px;
    font-size: 16px;
    text-align: right;
}

.resources_page .content-downloadsflat .groupitem span:nth-of-type(2), .resources_page .content-downloadsflat .groupitem div:nth-of-type(2) {
width:45px;
}


.resspanbtn {
    font-size: 16px;
    width: 148px;
    text-align: right;
}

.groupitem img {
    width: 14px;
    margin-right: 15px;
    vertical-align: middle;
    float: left;
}

.flexextra .groupitem img {
    position: unset;
position:initial;
    top: unset;
top:initial;
    right: unset;
right:initial;
}

.applicationtag, .cylinder-detailpage .mounting-section .attlist, .productdetail_page .attributes-section .attlist, .moreattributes-section .attlist {
    padding: 0px 20px;
    /*background-color: rgba(143,72,6,0.17);*/
    background-color: #25383b;
    font-size: 16px;
    font-weight: normal;
    font-family: "primary", sans-serif;
    /*color: #25383b;*/
    color: #ffffff;
    display: inline-block;
    margin: 4px 8px 4px 0px;
    border-radius: 50px;
    height: 32px;
}

.detail_page .dynamic-sections > div.cleandiv {
    background-color: #ffffff;
}

.listwrap .attlist {
line-height:35px;
}

.content-configure {
    padding: 8% 12vw 8% 12vw;
    color: #ffffff;
    font-weight: 400;
    font-size: 20px;
    line-height: 36px;
    background-size: contain;
    background-color: #040503;
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 86%;
    display: none;
    visibility: hidden;
}

    .content-configure h1 {
        font-size: 50px;
        line-height: 49px;
        font-weight: 700;
        text-transform: uppercase;
        margin-bottom: 2px;
        color: #ffffff;
    }

.btn-configure {
    background-color: #ffffff;
    padding: 12.4px;
    width: 210px;
    text-align: center;
    display: block;
    font-weight: normal;
    color: #040503;
    font-size: 16px;
    line-height: 21px;
    font-weight: 700;
    margin-top: 15px;
    -webkit-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
}

.configure-section .btn-configure {
display:flex;
padding:0px;
justify-content:center;
}

    .btn-configure:hover {
        background-color: #25383b;
        color: #ffffff;
        cursor: pointer;
    }

    .btn-configure a:link, .btn-configure a:visited {
        color: #040503;
        text-decoration: none;

    }
.configure-section .btn-configure a:link, .configure-section .btn-configure a:visited {
    color: #040503;
    text-decoration: none;
    padding: 12.4px;
    width: 210px;
}
    .btn-configure:hover a:link, .btn-configure:hover a:visited {
        color: #ffffff;
        text-decoration: none;
    }

        .btn-configure:hover a:hover {
            color: #ffffff;
            text-decoration: none;
        }

    /*END system-detailpage*/

/*START productlist_page*/
#WareList, .WareList {
    width: 100%;
display:flex;
flex-wrap:wrap;
flex-direction:row;
vertical-align:top;
padding:0px;
}

.product_content .WareList h2:first-of-type {
    display: none;
}

.WareList {
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

#WareList {
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
}

.career-section .WareList {
flex-direction:column;
}

.product-list-info {
text-align:left;
padding-right:10px;
width:100%;
display:block;
padding-bottom:10px;
}

.right_content .product-list-info h2 {
    font-size:18px;
line-height:22px;
color:#040503;
margin:0px;
}

    .product-list-info span {
        display: block;
        color: #899797;
font-weight:normal;
margin-top:10px;
    }

.product-list-info span.product-list-sku {
    margin-top: 0px;
}

        .product-list-info span.product-list-subline {
            font-weight: normal;
            color: #040503;
        }

.product_content_each .description {
    width: 100%;
    display: block;
    text-align: left;
    padding-top:16px;
}

.cylinder-listpage .description {
    padding: 20px;
}

    .product_content_each .description .product-list-secondinfo-text {
width:100%;
display:block;
vertical-align:top;
    }
        .product_content_each .description .product-list-secondinfo-text span {
            display: block;
        }
        .product_content_each .description .product-list-secondinfo-text span:first-of-type {
            font-weight:bold;
text-transform:uppercase;
        }
            .product_content_each .description .product-list-secondinfo-text span:nth-of-type(2) {
                font-weight: normal;
text-transform:capitalize;
            }
    .product_content_each .description .product-list-secondinfo-text span:empty {
        display:none;
visibility:hidden;
    }
.product_content_each .description .product-list-icons {
    width: 28%;
    display: inline-block;
vertical-align:bottom;
text-align:right;
}

.product-list-secondinfo {
display:block;
font-weight:normal;
}
/*ENd productlist_page*/
/*Start productdetail_page*/
.productdetail_page .section-stats .system-titlecard {
    padding: 180px 80px 80px 0px;
    height: 100%;
    min-height: 25vw;
    display: inline-block;
    text-align: left;
    vertical-align: top;
    max-width: 52%;
}

.productdetail_page .system-titlecard h3 {
font-size:30px;
line-height:34px;
}
.productdetail_page .system-titlecard h4 {
font-size:28px;
line-height:32px;
}

.productdetail_page .system-titlecard h5 {
    font-size: 18px;
line-height:22px;
}

.productdetail_page div.attributes-section {
    display: flex;
    justify-content: space-between;

}
.productdetail_page .housing-section {
    margin-top: 200px;
}
    .productdetail_page .attributes-section .content-housing {
        text-align: left;
    }
.productdetail_page .attributes-section .system-icons {
    justify-content: flex-start;
}

.productdetail_page div.mounting-media {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
}

.colorswatches {
padding-right:40px;
padding-left:0px;
}

.detail_page .colorswatches {
justify-content:flex-start;
text-align:left;
}


.productdetail_page .attributes-section .cblist-each, .detail_page .cblist-each {
    text-align: center;
    /*margin:14px 14px;*/
    margin: 0px 28px 0px 0px;
}

    .detail_page .cblist-each {
        margin: 0px 0px 0px 28px;
    }

    .productdetail_page .attributes-section .cblist-each img, .detail_page .cblist-each img {
        padding: 0px;
    }

.productdetail_page .attributes-section .colorswatches .cblist-each, .detail_page .colorswatches .cblist-each {
    width: 66px;
    margin-left: 0px;
    margin-right: 28px;
    margin-bottom: 28px;
    word-wrap:normal;
}
    .productdetail_page .attributes-section .colorswatches .cblist-each img, .detail_page .colorswatches .cblist-each img {
        width: 100%;
        height: 60px;
        max-height: 60px;
    }
.productdetail_page .attributes-section .cblist-each h5, .detail_page .cblist-each h5 {
    font-size: 14px;
    line-height: 14px;
    color: #040503;
    font-weight: normal;
}
.productdetail_page .attributes-section .colorswatches .cblist-each h5, .detail_page .colorswatches .cblist-each h5 {
    font-size: 12px;
}
    .productdetail_page .attributes-section ul, .content-housing .attlist {
        margin-top: 40px;
display:flex;
flex-wrap:wrap;
    }

.productdetail_page .attributes-section ul {
width:100%;
}
.productdetail_page .attributes-section li div {
    /*display: inline-block;
    padding: 4px 18px;
    background-color: #e3e3e3;
    color: #25383b;
    margin: 4px 14px 4px 14px;*/


    padding: 0px 20px;
    /*background-color: rgba(143,72,6,0.17);*/
    background-color: #25383b;
    font-size: 16px;
    font-weight: normal;
    font-family: "primary", sans-serif;
    /*color: #25383b;*/
    color: #ffffff;
    display: inline-block;
    margin: 4px 4px;
    border-radius: 50px;
    height: 32px;
}



.productdetail_page .attributes-section .attlistgroup:empty {
display:none;
visibility:hidden;
}

.productdetail_page .attributes-section .attlistgroup {
    display: inline-block;
    padding: 4px 18px;
    background-color: #e3e3e3;
    color: #25383b;
    margin: 4px 14px 4px 14px;
}

    .productdetail_page .attributes-section .attlistgroup div.attlist {
        margin: 0px 0px;
    }

    .productdetail_page .attributes-section .attlistgroup {
        margin: 4px 14px 4px 0px;

    }

    .productdetail_page .attributes-section li div {
        margin: 4px 14px 4px 0px;
    }
        .productdetail_page .attributes-section li div.attlist {
            display: inline-block;
            margin-right: 40px;
        }
            .productdetail_page .attributes-section li div.attlist:last-of-type {
                margin-right: 0px;
            }
        .productdetail_page .attributes-section li div:before {
            /*content: "\2022";
            padding-right: 4px;*/
        }

.housing-image {
text-align:center;
}

.productdetail_page .attributes-section #mainimg, .housing-image img {
    max-width: 400px;
    max-height: 600px;
}

.productdetail_page .content-optics img {
    max-width: 150px;
}

.productdetail_page .attributes-section {
    margin: 0px 0px 40px 0px;
    font-size: 20px;
    line-height: 36px;
    color: #040503;
    font-weight: 400;
}


.cylinder-detailpage .mounting-section:nth-of-type(2), .cylinder-detailpage .mounting-section:nth-of-type(2) ul {
    margin: 0px 0px 0px 0px;
}
.mounting-image, .mounting-content {
    display:inline-block;
vertical-align:top;
}

.mounting-content {
width:60%;
}

.cylinders2-mounting-content {
    width: 100%;
    
}

.mounting-image {
display:inline-flex;
width:28%;
padding-right:40px;
padding-left:0px;
justify-content:center;
}

.rlm-detailpage .mounting-image {
    display: inline-flex;
    width: 35%;
    padding-right: 40px;
    padding-left: 0px;
    justify-content: space-between;
    align-items: center;
    /* flex-wrap: wrap; */
    flex-direction: row;
}

.mounting-image img {
max-height:400px;
max-width:60%;
padding-right:40px;
}

.rlm-detailpage .mounting-image img {
    max-width:300px;
    height:100%;
}

.housing-alt {
    display: flex;
    justify-content: flex-end;
    margin-top: 60px;
}
    .housing-alt img {
max-width:340px;    
padding-left:40px;
}

.altimages {
display:flex;
flex-wrap:wrap;
justify-content:flex-end;
}

    .altimages .desc-img {
        height: 100px;
        width: auto;
        margin: 20px 20px 20px 0px;
    }

.productdetail_page .moreattributes-section {
        margin: 40px 0px 0px 0px;
        font-size: 20px;
        line-height: 36px;
        color: #040503;
        font-weight: 400;
    }

.productdetail_page .moreattributes-section:empty {
display:none;
visibility:hidden;
}
.productdetail_page .moreattributes-section span {
    display: block;
}
.productdetail_page .content-cct {
    text-align:right;
}
    .productdetail_page .content-optics {
        display:flex;
justify-content:space-between;
vertical-align:top;
    }
        .productdetail_page .content-optics .beam, .productdetail_page .content-optics .lens {
width:44%;
        }

.productdetail_page .attributes-section .attlist {
    /*padding: 4px 10px;
    background-color: rgba(143,72,6,0.17);
    font-size: 18px;
    font-weight: 700;
    color: #25383b;
    display: inline-block;
    margin: 0px 20px 20px 0px;
    */
}

.cylinder-detailpage .mounting-section .attlist {
    background-color: #e3e3e3;
    color: #25383b; margin-top:40px;
}

.attlist:empty {
display:none;
visibility:hidden;
}

.driveroption .attlist:first-of-type {
margin-left:0px;
}

.productdetail_page .attributes-section ul > li > div:empty {
display:none;
}


.productdetail_page .content-housing .attlist {
    /*background-color:transparent;
font-weight:normal;
        margin-top: 0px;
font-size:unset;
padding:unset;*/
}
.productdetail_page .content-housing .attlistgroup {
    padding: 0px 20px;
    /*background-color: rgba(143,72,6,0.17);*/
    background-color: #25383b;
    font-size: 16px;
    font-weight: normal;
    font-family: "primary", sans-serif;
    /*color: #25383b;*/
    color: #ffffff;
    display: inline-block;
    margin: 4px 4px;
    border-radius: 50px;
    height: 32px;
}

.productdetail_page div.housing-swatches {
    display: flex;
    justify-content: flex-start;
}
.housing-swatches > div:first-of-type {
width:58%;

}
    .housing-swatches .desc-img {
    width:100%;
padding-top:130px;
}
.housing-swatches .colorswatches {
    width: 100%;
    padding-top: 80px;
}
.productdetail_page .content-optics span, .productdetail_page .content-trim span, .driveroption span, .productdetail_page .attributes-section .colorswatches span, .detail_page .colorswatches span {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 40px;
    font-weight: 800;
}
.productdetail_page .attributes-section .colorswatches span, .detail_page .colorswatches span {
    text-align: left;
}
 .productdetail_page .moreattributes-section h5 {
        font-weight: normal;
        font-size: 14px;
        text-align: center;
        line-height: 14px;
        color: #25383b;
    }
 /*Start WareMediaGallery*/
.mediagallery-outerwrap {
    background-color: #e3e3e3;}

.systemdetail .mediagallery-outerwrap {
background-color:#ffffff;
}

.systemdetail .splide__slide img {
height:201px;
border-radius:4px;
}

@media only screen and (max-width: 798px) {
    .systemdetail .splide__slide img {
        max-height: 100px;
    }
}

.mediagallery-innerwrap {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.housing-section .mediagallery-innerwrap {
padding:0 30px;
}
.productcard-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 18%;
    margin: 30px 20px 20px 0px;
}

.systemdetail .productcard-wrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    width: 18.5%;
    margin: 30px 20px 20px 0px;
    padding: 14px;
    background-color: #e3e3e3;
}

.productcard-imgwrap {
    /*clip-path: inset(0px 0px 80px 0px);*/
}
.systemdetail .productcard-imgwrap {
    text-align:center;
}

.productcard-wrap .productcard-imgwrap img {
    position: relative;
    width: 100%;
}
.systemdetail .productcard-wrap .productcard-imgwrap img {
    position: relative;
    width:unset;
    width:initial;
    max-width: 100%;
    max-height:126px;
}
.productcard-caption {
    color: #1a1a1a;
    font-size: 18px;
    line-height: 24px;
    position: relative;
    /*top:-60px;*/
}
/*End WareMediaGallery*/

/*End productdetail_page*/
input .cf_fieldgroup {
    border: 1px solid #58595b;
    color: #58595b;
    display: inline-block !important;
    width: 20%;
}

.ContactForm {
margin-top:20px;
}

.ContactForm .fieldWrap {
    display: inline-block;
    margin-bottom: 20px;
    width: 100%;
    vertical-align: top;
    
}
    .ContactForm .fieldrowwrap {
        display: flex;
flex-wrap:wrap;
        justify-content: space-between;
    }

        .ContactForm .fieldrowwrap .fieldWrap:first-of-type {
            width:70%;
text-align:left;
        }

    .ContactForm .fieldrowwrap .fieldWrap {
        text-align:right;
width:30%;
    }

        .ContactForm .fieldrowwrap select {
            width: 94%;
        }

    .ContactForm input[type=checkbox] {
        border: 1px solid #e3e3e3;
    }

 .ContactForm input[type=checkbox] + label {
        font-size: 16px;
    }

/*Rep Locator Start*/
.agentinfo-wrap {
display:flex;
flex-direction:row;
justify-content:flex-start;
}
.reploc-pin {
    display: inline-block;
    vertical-align: top;
}

.reploc-infogeneral {
    display: inline-block;
}

.webcontactlink {
    text-transform: lowercase;
    -webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.webcontactlink span{
    text-transform: none;
    color: #040503;
text-decoration:none;
}
    .webcontactlink:hover {
        text-decoration: none;
        color: #899797;
    }

 .webcontactlink:hover span {
        text-transform: none;
        color: #040503;
        text-decoration: unset;
    }

.agentcontactlabel span {
display:inline-block;
width:20px;
}

.salesagent_page .LocatorBoxZip, .salesagent_page .LocatorBoxState h4 {
    display: none;
    visibility: hidden;
}

.salesagent_page .LocatorBoxState .form-group1 .ddlState, .salesagent_page .LocatorBoxState .form-group1 .ddlState:active {
    color: #25383b;
    font-family: "secondary",sans-serif;
    font-weight: normal;
    font-size: 18px;
    border: 1px solid #e3e3e3;
    cursor: pointer;
    width: fit-content;
    display: inline-block;
    height: 44px;
}



    .salesagent_page .LocatorBoxState .form-group1 .ddlState::placeholder, .salesagent_page .LocatorBoxState .form-group1 .ddlState option:first-of-type {
        color: #25383b;
    }

    .salesagent_page .LocatorBoxState .form-group1 .ddlState option:nth-of-type(2), .salesagent_page .LocatorBoxState .form-group1 .ddlState option:nth-of-type(3) {
        color: #25383b !important;
        font-weight: 800 !important;
    }

.salesagent_page .replocator-wrap {
    width: 50%;
    padding: 40px 80px 0px 80px;
    background-color: #ffffff;
}

.salesagent_page .LocatorBoxState .form-group1 {
display:flex;
justify-content:flex-start;
}

.salesagent_page .replocator-wrap .button {
    cursor: pointer;
    height: 44px;
    vertical-align: middle;
    padding: 0px;
    
    background-image: url('/uc/theme/icn-Searchwh.png');
    background-size: 54%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #040503;
    width: 50px;
}

.salesagent_page .LocatorBoxState .form-group1 {
    border: none;
}

.salesagent_page .replocator-mapwrap, .salesagent_page .replocator-mapwrap img {
    text-align: center;
    padding: 40px;
}

.salesagent_page .wtb_results {
    color: #040503;
font-size:14px;
line-height:18px;
text-transform:capitalize;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.salesagent_page .wtb_resultsitem {
    display: block;
    border-bottom: 1px solid #e3e3e3;
    padding: 40px 0px;
min-width:300px;
}

.salesagent_page .wtb_resultsitem:first-of-type {
    border-top: 1px solid #e3e3e3;
margin-top:40px;
}
 .salesagent_page .wtb_results .resultspin {
    vertical-align: middle;
    width: 28px;
    height: 22px;
    padding-right: 10px;
}

.salesagent_page .AgentDetails {
padding-left:0px;
}

.salesagent_page .AgentContacts {
display:flex;
flex-direction:row;
flex-wrap:wrap;
}

.AgentContacts tr {
display:block;
}

.salesagent_page .agentcontactlabel {
    padding-right: 4px;
    text-transform:none;
}

 .salesagent_page .locatormsg {
    color: #25383b;
    font-size: 18px;
}
/*Rep Locator End*/
.accformfield .FormFieldWrap, .accformfield .form-section {
    margin-top: 10px;
}

input.cf_name,
input.cf_field,
input.cf_email {
    width: 100%;
}

.ContactForm input[type=text], .ContactForm input[type=textarea], .cf_msg, .ContactForm select {
    border: 1px solid #e3e3e3;
    font-family: "secondary",sans-serif;
    font-size: 1rem;
    transition: all .3s;
    padding: .5rem 1rem;
    min-height: 44px;
}

    .ContactForm input[type=text]::placeholder, .cf_msg::placeholder, .ContactForm .selectedhighlight::placeholder
, .fieldWrap select{
        color: #a2a4a5;
    }
.ContactForm .fieldWrap select {
    width: 100%;
}

        .fieldWrap select option:not(:first-of-type) {
            color: #040503;
        }


/*start Contact Form Checkbox*/
.ContactForm input[type="checkbox"] {
    vertical-align: middle;
    width: auto;
    -moz-appearance: checkbox;
    -webkit-appearance: checkbox;
    height: 28px;
    width: 28px;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    appearance: none;
    border: 1px solid #e3e3e3;
    outline: none;
    transition-duration: 0.3s;
    background-color: transparent;
    cursor: pointer;
    margin-right: 4px;
}

.ContactForm label {
    margin-left: 4px;
}

.ContactForm input[type="checkbox"]:checked {

    color: #25383b;
}

.ContactForm input[type="checkbox" i] {
    margin: 0px;
    padding: 0px;
    border-spacing: 0px;
}

.ContactForm input[type="checkbox"]:checked::before {
    content: '\2713';
    position: relative;
    left: 6px;
    margin-left: 20px;
    color: #25383b;
    position: relative;
    font-size: 17px;
    font-weight: bold;
    margin: 0px;
    padding: 0px;
    font-style: normal;
}

/*End of Second*/

.cf_msg {
    width: 100%;
    min-height: 100px;
    padding: 6px;
    padding: .5rem 1rem;
}

.cf_other {
    width: 88.5% !important;
}

.ContactForm input[type=button] {
    margin: 10px 0px 0px 0px;
cursor:pointer;
}

.contact-thanks {
    background-color: #e3e3e3;
    padding: 6vw 6vw 8vw 6vw;
    text-align: center;
}


.contact_page .article-top-section .contact-thanks img {
    width: 52px;
    position: relative;
}
.contact_page .article-top-section .contact-thanks h6 {
    color: #040503;
    font-size: 22pt;
    font-weight: bold;
    padding-bottom: 40px;
    border-bottom: 1px solid #899797;
}
.contact_page .article-top-section .contact-thanks p {
    color: #899797;
padding-top:20px;
}



.errormsg, #ContactUs1ContactUsFormMsg {
    color: #25383b;
}

.top_menu .contact li .log_out{
    display: none;
}
.top_menu .contact li.active .log_out{
    display: block;
    text-transform: capitalize;
}
.top_menu .contact li.active .log_in{
    display: none;
}
.top_menu .contact li .log_out img{
   position: relative;
   top:4px;
}
.menu_main ul li a, .menu_main ul li span {
    text-transform: uppercase;
    color: #25383b;
    font-size: 16px;
    padding: 20px 1vw 7px;
    display: inline-block;
    font-family: "primary",sans-serif;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}

.menu_main ul li a:hover {
text-decoration:none;
}
.menu_main > ul > li:first-of-type > a, .menu_main > ul > li:first-of-type > span {
        padding-left: 0;
    }
.menu_main > ul > li:last-of-type > a, .menu_main > ul > li:last-of-type > span {
    padding-right: 0;
}
.top_menu ul li a:hover, .menu_main ul li span:hover {
    color: #dc2032;
    text-decoration: none;
}

.submenu_appear > ul > li > a {
    padding: 0px;
}


.menu ul {
    z-index: 4000;
}


.submenu {
    display: none;
    background: #ffffff;
    text-align: center;
    margin: 0 auto;

}

    .submenu ul {
        padding: 0px 6%;

    }

        .submenu ul li {
            position: relative;
            width: 16.666666667%;
            float: left;
            min-height: 170px;
        }

            .submenu ul li a {
                display: block;
                padding:0px;
            }

            .submenu ul li img {
                max-width: 150px;
                max-height: 200px;
                margin: 0 auto;
width:100%;
            }

            .submenu ul li span {
                display: inline-block;
                position: absolute;
                left: 50%;
                bottom: 0;
                -ms-transform: translateX(-50%); /* IE 9 */
    -webkit-transform: translateX(-50%); /* Safari */
    transform: translateX(-50%);
}



.submenu_appear {
    display: block;
    left: 0;
    width: 100%;
    /*z-index: 5000;*/
    /*position: absolute;*/
    /*top: 158px;*/
    /*height: 200px;*/
    -webkit-transition: all ease-in-out 5s;
    -ms-transition: all ease-in-out 5s;
    -moz-transition: all ease-in-out 5s;
    transition: all ease-in-out 5s;
    padding: 0px;
    box-shadow: 5px 0px rgba(241,242,242,.5);
}

    .submenu_appear > ul > li > a {
padding:0px;
    }

        /*--  end header  --*/
    /*--  start slider  --*/
    .slider_wrapper, .strip_images, .single_product_top, .product_content, .info_content, .content_wrapper {
    margin: 0 auto;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    position: relative;
}

.sliderinner {
    text-align: right;
    max-width: 40%;
}

.systemdetail .sliderinner {
    text-align:center;
}

    .housing-section .sliderinner {
        max-width: 100%;
    }

.housing-section .splide {
    margin-top: 40px;
}
.systemdetail .housing-section .splide {
    background-color: #e3e3e3;
    padding: 14px;
    margin-top:0px;
}

.systemdetail .splide--draggable > .splide__track > .splide__list > .splide__slide {
padding:20px;
}

.description-section .slider {
    margin-left: 28px;
    top: 0px;
}
.storysliderpage .description-section .slider {
z-index:100;
width:420px;
}
/*.description-section .slider .slick-prev {
        position: absolute;
    }
    .description-section .slider .slick-next {
        position: absolute;
    }*/
.slider .slick-prev {
    position: absolute;
}

    .slider .slick-next {
        position: absolute;
    }
.slide-text {
    width: 60%;
    color: #000000;
    z-index: 500;
    padding-top: 16%;
    font-family: "secondary",sans-serif;
    font-weight: 700;
    line-height: 1.2em;
    padding-left: 0px;
    font-size: 2.2vw;
    text-transform: uppercase;
    text-align: left;
}
.systemdetail .slide-text {
    font-size: 18px;
    font-family: "primary",sans-serif;
    font-weight: 100;
    text-transform: capitalize;
}

.housing-section .slide-text {
    padding-top: 14px;
    width: 40%;
    padding-left: 40px;

}

.systemdetail .housing-section .slide-text {
    width: 100%;
    padding-left: 0px;
    min-height: 60px;
    text-align: center;
    padding: 14px 40px 0px 40px;
}


@media only screen and (max-width: 1180px) {
    .systemdetail .housing-section .slide-text {
        min-height: 80px;
        padding: 14px 0px 0px 0px;
    }
}
@media only screen and (max-width: 580px) {
    .systemdetail .splide--draggable > .splide__track > .splide__list > .splide__slide {
 width:375px !important;
        }
}
    .systemdetail .housing-section h2 {
        font-size: 24px;
        font-weight: normal;
        padding-bottom: 0px;
    }

    .splide__slide {
        display: flex;
        flex-direction: row;
    }

    .systemdetail .splide__slide {
        flex-direction: column-reverse;
    }

    .housing-section .splide__slide {
        justify-content: space-between;
    }

    .slider-image {
        max-width: 100%;
        padding-right: 40px;
    }

    .systemdetail .slider-image {
        padding-right: 0px;
    }

    .splide__arrow {
        width: 50px;
        height: 50px;
    }

    .splide__arrow--prev {
        left: -40px;
    }

    .splide__arrow--next {
        right: -40px;
    }

    .cylinder-detailpage .splide__arrow--prev {
        left: 2vw;
    }

    .cylinder-detailpage .splide__arrow--next {
        right: 2vw;
    }

    /*--------START SEARCH FIELD-----------*/

    #srchroll2 input {
        outline: none;
    }

        #srchroll2 input[type=text] {
            -webkit-appearance: none;
            -webkit-box-sizing: content-box;
            font-family: inherit;
            font-size: 100%;
        }

            #srchroll2 input[type=text]:active {
            }

        #srchroll2 input::-webkit-search-decoration,
        #srchroll2 input::-webkit-search-cancel-button {
            display: none;
        }


        #srchroll2 input[type=text] {
            background: #ffffff url('/uc/theme/icn-searchbl.png') no-repeat 4px center;
            background-size: 60%;
            border: 0px;
            padding: 2px 10px;
            margin: 18px 0px 0px 0px;
            width: 55px;
            /*-webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;*/
            -webkit-transition: all .5s;
            -moz-transition: all .5s;
            transition: all .5s;
        }

            #srchroll2 input[type=text]:focus {
                width: 130px;
                background: none;
                background-color: #ffffff;
                -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2);
                -moz-box-shadow: 0 0 5px rgba(0,0,0,.2);
                box-shadow: 0 0 5px rgba(0,0,0,.2);
            }


        #srchroll2 input:-moz-placeholder {
            color: #999;
        }

        #srchroll2 input::-webkit-input-placeholder {
            color: #999;
        }


        #srchroll2 input[type=text] {
            width: 15px;
            padding-left: 10px;
            color: transparent;
            cursor: pointer;
        }

            #srchroll2 input[type=text]:hover {
                background-color: #fff;
            }

            #srchroll2 input[type=text]:focus {
                width: 160px;
                padding-left: 10px;
                color: #000;
                background-color: #fff;
                cursor: auto;
                border: 1px solid #0079c3;
            }

        #srchroll2 input:-moz-placeholder {
            color: transparent;
        }

        #srchroll2 input::-webkit-input-placeholder {
            color: transparent;
        }

    .navbar-search {
        text-align: right;
        background-color: #ffffff;
        float: right;
        display: inline-block;
        /*width: 97%;
    padding: 6px 4px 4px 4px;*/
    }

        .navbar-search input[type=text] {
            border-radius: 5px;
            height: 30px;
            width: 160px;
            padding: 0px 4px;
            border-color: white;
            border: 1px solid #3D3D3D;
            font-family: primary, sans-serif;
            font-size: 14px;
            color: #0079c3;
        }


        .navbar-search input[type=button] {
            display: none;
            visibility: hidden;
            background: #ffffff url('/uc/theme/icn-searchbl.png') no-repeat 0px center;
            background-size: contain;
            background-color: #ffffff;
            border-radius: 0px;
            border: none;
            color: #ffffff;
            height: 30px;
            width: 40px;
            padding: 8px;
            vertical-align: middle;
            cursor: pointer;
        }

    .searchbutton {
        display: none;
        visibility: hidden;
    }
    /*--------END SEARCH FIELD-----------*/


    .herobanner {
        background-color: #25383b;
        color: #ffffff;
        /* background-color: #040503;*/
        /*transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;*/
        padding: 0 12%;
        -o-transition: all 0.5s ease-in-out 0s;
        transition: all 0.5s ease-in-out 0s;
        -moz-transition: all 0.5s ease-in-out 0s;
    }

        .herobanner h2 {
            color: #ffffff;
        }

    .secondarypromobanner {
        color: #899797;
    }

        .secondarypromobanner h2 {
            color: #25383b;
        }

    .hero, .alternatehero {
        display: flex;
        flex-wrap: wrap;
        margin-right: auto;
        margin-left: auto;
        position: relative;
        justify-content: space-between;
        padding: 0px 34px 16% 87px;
    }

    .alternatehero {
        display: block;
        text-align: right;
    }

    .hero-contentcard, .alternatehero-contentcard {
        font-size: 24px;
        font-weight: 400;
        line-height: 42px;
        display: inline-block;
        color: #ffffff;
        width: 46%;
        padding-top: 12%;
        padding-right: 35px;
    }

    .hero img {
        display: inline-block;
        text-align: right;
        object-fit: scale-down;
    }

    .alternatehero img {
        width: 100%;
        max-width: 650px;
        margin-bottom: 60px;
    }

    .alternatehero .contentcard {
        display: block;
        position: absolute;
        color: #ffffff;
        text-align: left;
        padding-left: 50%;
        bottom: 3%;
    }

        .alternatehero .contentcard h1 {
            color: #ffffff;
        }

    .info_content {
        margin: 0px;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        display: -webkit-inline-box;
        display: inline-block;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        position: relative;
    }

        .info_content div {
        }

    .content_wrapper {
        min-height: 510px;
    }

    .slider, .slider2 {
        display: inline-block;
        width: 50%;
        position: relative;
        top: -140px;
    }



    .carousel-section {
        display: flex;
        justify-content: center;
        padding: 44px 18vw 0px 18vw;
    }

        .carousel-section .slider {
            top: 0px;
            width: 100%;
            display: block;
            /*background-color: #dcd9d7;*/
        }

    .herobanner .slider {
        top: 0px;
    }


    .applications-section .slider {
        top: unset;
        top: initial;
        width: 36%;
    }

    .slider2 {
        width: 41%;
        top: -280px;
    }



    @keyframes slidy {
        0% {
            left: 0;
        }

        25% {
            left: 0;
        }

        30% {
            left: -100%;
        }

        55% {
            left: -100%;
        }

        60% {
            left: -200%;
        }

        95% {
            left: -200%;
        }

        100% {
            left: -300%;
        }
    }

    div#slider {
        overflow: hidden;
    }

        div#slider > div .img {
            position: relative;
            width: 25%;
            float: left;
        }

            div#slider > div .img > img {
                width: 100%;
            }

        div#slider > div {
            position: relative;
            width: 400%;
            margin: 0;
            left: 0;
            text-align: left;
            font-size: 0;
            animation: 22s slidy infinite;
        }

    .overlay {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        width: 100%;
        height: 100%;
        color: #fff;
        text-align: center;
    }

        .overlay .middle {
            width: 88%;
            display: inline-block;
            vertical-align: middle;
            position: relative;
            z-index: 1;
            -o-transition: all 0.5s ease-in-out 0s;
            transition: all 0.5s ease-in-out 0s;
            -moz-transition: all 0.5s ease-in-out 0s;
        }

            .overlay .middle h3 {
                font-family: primary,sans-serif;
                color: #ffffff;
                font-size: 42pt;
                font-weight: normal;
                text-transform: none;
                text-shadow: 0 0 11px #040503;
            }
        /*.overlay .middle h3 span{*/
        /*color:#08998a;*/
        /*}*/
        .overlay:after {
            content: '';
            height: 100%;
            vertical-align: middle;
            display: inline-block;
        }

    .banner .overlay {
        top: auto;
        bottom: 0;
        height: 48%;
        text-align: left;
        background: linear-gradient(transparent, rgba(0,0,0, 0.9));
        margin-bottom: 0px;
    }

    #slider .overlay {
        top: auto;
        bottom: 0;
        height: 48%;
        text-align: left;
        background: linear-gradient(transparent, rgba(0,0,0, 0.9));
        margin-bottom: 14px;
    }

    .banner .overlay .middle {
        vertical-align: bottom;
        width: 98%;
        margin-bottom: 20px;
    }

    #slider .overlay .middle {
        vertical-align: bottom;
        width: 98%;
        margin-bottom: 22px;
    }

        .banner .overlay .middle > div,
        #slider .overlay .middle > div {
            padding-left: 20px;
        }

        .banner .overlay .middle h3 span img,
        #slider .overlay .middle h3 span img {
            position: relative;
            top: 8px;
        }
    /*--  end slider  --*/



    /*--  start strip_images  --*/
    .strip_images {
        -webkit-justify-content: center;
        justify-content: center;
        padding: 0 10px;
    }



    .strip_images_each {
        width: 20%;
        display: inline-block;
        position: relative;
        margin: 0 0.583333333%;
        -webkit-transition: all 200ms ease-in-out;
        -ms-transition: all 200ms ease-in-out;
        -moz-transition: all 200ms ease-in-out;
        transition: all 200ms ease-in-out;
        overflow: hidden;
    }

        .strip_images_each img {
            /*width:100%;*/
            display: block;
            height: 346px;
        }

        .strip_images_each a:hover {
            text-decoration: none;
        }

        .strip_images_each h3 {
            padding-top: 20px;
            font-size: 18pt;
        }

            .strip_images_each h3:after {
                content: ' \25BA';
            }

        .strip_images_each .overlay {
            top: auto;
            bottom: 4px;
            width: 100%;
            height: 40%;
            text-align: left;
            background: linear-gradient(transparent, rgba(0,0,0, 0.9));
            /*background: rgba(0,0,0, 0.46);*/
            -webkit-transition: all 200ms ease-in;
            -ms-transition: all 200ms ease-in;
            -moz-transition: all 200ms ease-in;
            transition: all 200ms ease-in;
        }

            .strip_images_each .overlay .middle {
                width: 96%;
                vertical-align: bottom;
            }

                .strip_images_each .overlay .middle > div {
                    width: 100%;
                    padding: 0;
                    background: none;
                }

    .strip_images .overlay .middle h3 {
        font-size: 20px;
        text-transform: capitalize;
        text-shadow: 0 0 11px #040503;
        position: relative;
        font-weight: normal;
        padding: 0 0 9px 24px;
    }

        .strip_images .overlay .middle h3 span img {
            width: 16px;
            position: relative;
            margin-right: 8px;
            top: 5px;
        }
    /*--  end strip_images  --*/



    /*--  end strip_images  --*/
    .strip_images_after {
        border-bottom: 1px solid #f1f3f2;
        line-height: 29px;
    }

        .strip_images_after p {
            max-width: 77%;
            margin: 0 auto;
            padding: 48px 0 66px;
            line-height: 29px;
            text-align: justify;
            text-align-last: center;
        }
    /*--  end strip_images  --*/



    /*--  start product_content  --*/
    .title {
        width: 100%;
        text-align: center;
    }

        .title h3,
        .title h1 {
            text-transform: capitalize;
            font-family: primary,sans-serif;
            font-size: 33pt;
            line-height: 1.2;
            font-weight: normal;
            margin-bottom: 54px;
        }

        .title h3 {
            margin: 60px 0 40px;
        }

    .product_content {
        max-width: 100%;
        margin: 0 auto;
        padding: 82px 0 74px;
    }

    .product_content_each {
        width: 21.5%;
        text-align: center;
    }

        .product_content_each .img {
            max-height: 265px;
            overflow: hidden;
        }

.section_tabs .product_content_each .img, .section_tabs2 .product_content_each .img, .section_tabs3 .product_content_each .img, .section_tabs4 .product_content_each .img {
    max-height: 324px;
}

    .product_content_each .img a {
        display: block;
    }

    .product_content_each img {
        max-width: 100%;
        max-height: 260px;
        margin: 0 auto;
        display: block;
    }

    .mounting-media img {
        height: 400px;
        max-height: 400px;
        width: auto;
        margin: 20px 60px 20px 0px;
    }

    .storysliderpage .product_content_each img {
        max-width: 98%;
        padding-top: 2px;
    }

.section_tabs .product_content_each img, .section_tabs2 .product_content_each img, .section_tabs3 .product_content_each img, .section_tabs4 .product_content_each img {
    max-height: unset;
    max-height: initial;
}

    .product_content_each h3 {
        text-transform: none;
        font-size: 14pt;
        margin: 30px 0 24px;
        font-weight: normal;
        min-height: 64px;
    }

        .product_content_each h3 .product-content-detailline {
            font-size: 12pt;
            display: block;
            position: relative;
            margin: 0px 32px;
        }

    .lbl-display {
        font-weight: bold;
        display: block;
    }

    .learn_more, .btn-CheckoutPreWrap .button, .btn-CheckoutPreWrap2 .button, .button, .btn-off {
        text-transform: capitalize;
        background: transparent;
        border: 1px solid #404040;
        display: inline-block;
        padding: 18px 46px 20px;
        color: #040503;
        font-family: "secondary",sans-serif;
        font-size: 15pt;
        line-height: 24pt;
        -webkit-transition: all 800ms ease-in;
        -ms-transition: all 800ms ease-in;
        -moz-transition: all 800ms ease-in;
        transition: all 800ms ease-in;
        text-align: center;
    }

    .productdetail_page .left_bar_content .button, .productlist_page .left_bar_content .button {
        background-color: #25383b;
        border: none;
        padding: 10px 12px 4px 12px;
        max-width: max-content;
        text-align: center;
        display: block;
        font-weight: normal;
        color: #ffffff;
        font-size: 12px;
        text-transform: uppercase;
        line-height: 15px;
        margin-top: 15px;
        -webkit-transition: all 900ms ease-in-out;
        -ms-transition: all 900ms ease-in-out;
        -moz-transition: all 900ms ease-in-out;
        transition: all 900ms ease-in-out;
    }

    .productlist_page .left_bar_content .button {
        background-color: #899797;
    }

        .productdetail_page .left_bar_content .button:hover, .productlist_page .left_bar_content .button:hover {
            background-color: #25383b;
            color: #ffffff;
            cursor: pointer;
        }

    .productlist_page .wlControlPageNext {
        padding: 10px;
        background-color: #e3e3e3;
        cursor: pointer;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .contact_page .button {
        display: inline-block;
        position: relative;
        background-color: #25383b;
        text-transform: uppercase;
        font-size: 14px;
        color: #ffffff;
        padding: 4px 18px 0px 18px;
        margin: 40px 0px 0px 0px;
        border: 1px solid #25383b;
    }

        .contact_page .button:hover {
            color: #ffffff;
            background-color: #040503;
        }

        .contact_page .button a {
            color: #ffffff;
            text-decoration: none;
        }

    .contact_page .ContactForm .button {
        background-color: #25383b;
        border: 1px solid #25383b;
        width: 100%;
    }

        .contact_page .ContactForm .button:hover {
            color: #ffffff;
            background-color: #040503;
            border: 1px solid #25383b;
        }

    .hero .learn_more, a.learn_more, .contact_page a.learn_more {
        display: table;
        text-transform: uppercase;
        font-size: 15px;
        border: none;
        padding: 6px 40px 1px 40px;
        background-color: #899797;
        border-radius: 0px;
        color: #ffffff;
        margin-top: 20px;
        cursor: pointer;
        opacity: 1;
    }

    .career-section a.learn_more {
        width: 200px;
    }

    .career-details {
        display: none;
    }

    .hero .learn_more:hover, a.learn_more:hover {
        color: #ffffff;
        border: none;
        opacity: .7;
    }

    .learn_more:hover, .btn-CheckoutPreWrap .button:hover, .btn-CheckoutPreWrap2 .button:hover, .button:hover, .btn-off:hover {
        text-decoration: none;
    }

    .xxsmall, .btn-off {
        padding: 9px 23px 10px;
    }

    .btn-off {
        cursor: pointer;
    }

    /*--  end product_content  --*/
    /*--  start home_banner  --*/
    .home_banner {
        position: relative;
        text-align: center;
        overflow: hidden;
    }

        .home_banner img {
            width: 100%;
            display: block;
        }

    .banner_parent .overlay {
        background: rgba(0,0,0, 0.51);
    }

    .banner_parent h2 {
        font-family: primary,sans-serif;
        color: #ffffff;
        text-transform: none;
        margin: 0 auto 11px;
        font-size: 43pt;
        line-height: 1.2;
        font-weight: normal;
        text-shadow: 0 0 11px #040503;
    }

    .banner_parent p {
        color: #ffffff;
        text-shadow: 0 0 11px #040503;
        font-size: 29pt;
        line-height: 39px;
    }
    /*--  end home_banner  --*/

    .content-section {
        padding: 0px 12%;
    }

    .hero-section {
        padding: 0px 10%;
    }

    .content-section .contentcard {
        display: inline-block;
        padding-top: 100px;
        padding-left: 60px;
        vertical-align: top;
        text-align: left;
        width: 34%;
    }

    .mounting-section .contentcard {
        width: 100%;
    }

    .content-section .stripimagescard {
        padding-left: 40px;
        padding-top: 40px;
    }

    .slider-section .contentcard {
        display: inline-block;
        padding-top: 100px;
        padding-right: 60px;
        vertical-align: top;
        text-align: left;
        width: 44%;
    }

    .slider-section .widecard {
        width: 100%;
        padding-bottom: 120px;
    }

    .video-section {
        background: url('/uc/wr/images/background-video2.jpg') no-repeat center;
        background-size: cover;
        /*padding: 60px 25%;*/
        padding: 0 6vw 0 18vw;
        margin-top: 140px;
    }

    .video-alt {
        background: url('/uc/wr/images/background-video-alt2.jpg') no-repeat right;
        background-size: cover;
        /*padding: 60px 25%;*/
        padding: 0 6vw 0 18vw;
        margin-top: 140px;
    }
}

    .video-section, .video-section h2 {
color:#ffffff;    
}

        .video-section h1 {
            position: absolute;
            z-index: 500;
            padding-top: 5%;
            font-family: "primary",sans-serif;
font-weight:700;
line-height:66px;
width:26%;
left:6vw;
        }

        .video-section .videoitem span {
            color:#ffffff;
            font-size:16px;
        }


.trimvideo-section h1 {
left:2vw;
}

.multivideo, .detail_page .multivideo {
    padding: 0 6vw 0 6vw;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap:wrap;
}

.multivideo .videoitem {
    margin:40px;
    min-width:26%;
}

.luxedetail .multivideo .videoitem, .singlevid .multivideo .videoitem {
    margin: 20px;
    min-width: 50%;
}

.video-alt h1 {
    position: absolute;
    z-index: 500;
    padding-top: 5%;
    font-family: "primary",sans-serif;
    font-weight: 700;
    line-height: 66px;
    width: 26%;
    right: 6vw;
    left: unset;
    left: initial;
    text-align: right;
}

.videoembed {
    padding: 56.25% 0 0px 0;
    position: relative;
}

.video-alt .videoembed {
    padding: 56.25% 0 0px 0;
    position: relative;
}

/*.blogentry_page .videoembed {
    padding: 40% 0 0px 0;
}*/

        .video-section .videoembed iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
padding:0px 0px 0px 20%;
        }

.video-alt .videoembed iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    padding: 0px 20% 0px 0px;
}

.multivideo .videoembed iframe {
    padding:0px 0px 0px 0px;
}

/*.blogentry_page .video-section .videoembed iframe {
    padding: 0px 20% 0px 20%;
}
.blogentry_page .video-section .videoembed p {
    display:none;
visibility:hidden;
}*/
.vp-center .player .vp-controls .logo {
    display: none !important;
    visibility: hidden !important;
}

.videoembed p {
font-size:14px;
position:absolute;
bottom:16px;
right:0px;
text-transform:uppercase;
}

.video-alt .videoembed p {
    font-size: 14px;
    position: absolute;
    bottom: 16px;
    left: 0px;
    text-transform: uppercase;
}

.photo-section {
    padding-top: 7%;
    padding-bottom: 7%;
}

.photo-section .content-section-image {
display:inline-block;
position:relative;
width:40%;
text-align:right;
}

    .promo-section .content-section-image {
        width:45%;
    }

.hero-section .content-section-image {
    align-self:flex-start;
    width:50%;
    max-width:700px;
}

.hero-section video {
width:100%;
}

        .photo-section .contentcard {
            color: #040503;
            font-size: 20px;
            font-weight: 500;
            width: 50%;
            padding-top: 200px;
            padding-left: 10%;
        }

.promo-section {
    padding-top: 6%;
    padding-bottom: 5%;
    border-bottom: 1px solid #899797;
    margin-bottom: 80px;
}



.home_page .photo-section, .home_page .content-section {
    margin-top: 0px;
    margin-bottom: 80px;
}
.home_page .promo-section {
    margin-bottom: 0px;
}
.home_page .lead-section {
    margin-bottom: 80px;
}
.lead-section {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 5%;
    background-color: #ccc4b9;
    padding-left: 10%;
    padding-right: 10%;
}
.lead-section1 {
    border-bottom: none;
    margin-bottom: 0px;
    padding-bottom: 5%;
    background-color: #ffffff;
    padding-left: 10%;
    padding-right: 10%;
}
.promo-section .contentcard {
    padding-top: 0px;
    padding-left: 4%;
    color: #ffffff;
}

.lead-section .contentcard, .lead-section1 .contentcard {
    color: #25383b;
    padding-left: 0%;
    padding-right: 4%;
}

    .promo-section .contentcard a.learn_more, .blogentry_page a.learn_more {
        background-color: #25383b;
    }

.home_page .promo-section .contentcard a.learn_more {
    background-color: #899797;
}

.home_page .video-wrapper {
    position: relative;
    padding-top: 56.25%;
    cursor: pointer;
    overflow: hidden;
}

    .home_page .video-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .home_page .video-wrapper .play-button {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 80px;
        height: 80px;
        background: rgba(0,0,0,0.6);
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: transform 0.2s ease, background 0.2s ease;
    }

    .home_page .video-wrapper:hover .play-button {
        transform: translate(-50%, -50%) scale(1.1);
        background: rgba(0,0,0,0.8);
    }

    .home_page .video-wrapper .triangle {
        width: 0;
        height: 0;
        border-left: 20px solid white;
        border-top: 12px solid transparent;
        border-bottom: 12px solid transparent;
        margin-left: 5px;
    }

/* Fade-in effect */
    .home_page .video-wrapper iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border: 0;
        opacity: 0;
        transition: opacity 0.4s ease;
    }

        .home_page .video-wrapper iframe.loaded {
            opacity: 1;
        }

.hero-section {
    background-color: #e3e3e3;
    color: #ffffff !important;
    margin-top: 0px;
    border-bottom: none;
}


    .hero-section .contentcard, .hero-section .contentcard h2 {
        color: #25383b !important;
    }

.home_page .hero-section .contentcard a.learn_more, .home_page .lead-section .contentcard a.learn_more {
    background-color: #25383b;
}

.system-groupdetailpage .photo-section .contentcard {
padding-top:0px;
}


.content-section-image img {
    position: relative;
    width: 100%;
}

.system-groupdetailpage .content-section-image img {
    width: unset;
    width: initial;
max-width:100%;
}

.system-groupdetailpage .photo-section  {
    padding: 60px 0px 100px 0px;

}

.systemgroup-header-img {
width:100%;
max-width:1000px;
}

.systemgroup-wideimg {
    max-width: unset;
max-width:initial;
}

.systemgroup-prod-img {
max-width:400px;
width:100%;
}

.secondslider {
    max-height: 400px;
}

.blog {
    padding-bottom: 160px;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    padding-left: 16%;
    padding-right: 16%;
}

    .blog .content-article-bottom {
width:100%;    
}


 .blog .WareList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.blogentry {
    padding: 0px;
    margin: 10px 0px;
    border: 1px solid #e3e3e3;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 49%;
    text-align: left;
}

    .blogentry:first-of-type {
margin-left:0px;    
}

    .blogentry:last-of-type {
        margin-right: 0px;
    }

    .blogentry h5 {
        font-size: 14px;
        text-transform: uppercase;
        color: #899797;
    }

.blog-media {
      width: 49%;
    height: 100%;
    position: relative;
}

    .blog-media div {
        position:absolute;
width:100%;
top:0px;
left:0px;
box-sizing:content-box;    
    }

    .blog-media div {
        height: 100%;
width:100%;
overflow:hidden;
    }



.blog-media div img {
            height: 100%;
            overflow: hidden;
        }

.story_page .blog-media div img {
    /*max-width:100%;*/
}

.blog-content {
    padding: 30px;
    width: 49%;
    color: #040503;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
}

    .blog-content h1 {
line-height:24pt;
text-transform:capitalize;
    }

    .blog-content p {
        margin: 20px 0px;
        font-size: 16px;
        line-height: 20px;
        color: #899797;
        display: -webkit-box;
        overflow: hidden;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }

.blog-cta {
text-transform:uppercase;
font-size:16px;
font-weight:bold;
text-decoration:none;
transition:all ease-in-out 1s;
}

    .blog-cta:hover {
        text-decoration: none;
        color: #25383b;
    }

    .slick-prev, .slick-next {
    border: none;
    position: absolute;
    bottom: 14px;
    width: 70px;
    height: 70px;
    z-index: 500;
    cursor: pointer;
    font-size: 20px;
    opacity: 1;
    -webkit-transition: all 400ms ease-in;
    -ms-transition: all 400ms ease-in;
    -moz-transition: all 400ms ease-in;
    transition: all 400ms ease-in;
}

.slick-prev:hover, .slick-next:hover {
opacity:.7;
}

.slick-next {
    right: 0px;
    background-color: #25383b;
    color: #ffffff;
}

.slick-prev {
    right: 70px;
    background-color: #ffffff;
    color: #25383b;
}

    /*--  start contact  --*/
    .contact {
        font-family: primary,sans-serif;
        margin-top: 2px;
        text-align: center;
        background: #f2f2f2;
        padding: 22px 0 10px;
    }
.contact h4{
    text-transform: none;
    font-size: 15pt;
    font-weight: normal;
    line-height: 1;
}

.home_page .contact_parent {
margin:10px 0px;
}

.formgroup_submit {
display:inline-block;
}

    .formgroup_submit .captchablock {
        display: inline-block;
        vertical-align:middle;
    }

    .formgroup_submit .learn_more {
        vertical-align: middle;
    }


.form-group1, .attributes-sa {
    display: inline-block;
    margin: 8px 5px 9px 0;
}
.form-control1, .sa-ddl {
    font-family: primary,sans-serif;
    display: block;
    width: 100%;
    max-width: 212px;
    height: 55px;
    padding: 0 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #040503;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e7e7e9;
}
.FormFieldWrap Select {
    font-family: primary,sans-serif;
    display: block;
    width: 100%;
    max-width: 212px;
    height: 36px;
    padding: 0 12px;
    font-size: 20px;
    line-height: 1.42857143;
    color: #040503;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #e7e7e9;
}

.FormFieldWrap input[type=checkbox] {
margin-left:10px;
margin-right:6px;
}

.FormFieldWrap input[type=checkbox] {
    margin-left: 10px;
    margin-right: 6px;
}

.FormFieldSet .cbl {
    text-align: center;
}

.FormFieldSet .cbl ul{
display:block;
text-align:center;
max-width:600px;
}

.FormFieldWrap li {
display:inline-block;
}


.form-group1 [placeholder="Email Name"], .attributes-sa [placeholder="Email Name"] {
    max-width: 369px;
}
::placeholder {
    color: #040503;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #040503;
}
:-ms-input-placeholder { /* Microsoft Edge */
    color: #040503;
}
.for_button{
    display: inline-block;
}
.for_button a {
    display: inline-block;
    color: #040503;
    background: transparent;
    border: 1px solid #040503;
    padding: 18px 85px 16px;
    font-size: 20px;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.xsmall {
    display: inline-block;
    color: #040503;
    background: transparent;
    border: 1px solid #040503;
    padding: 10px 20px 6px;
    font-size: 20px;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

/*--  end contact  --*/



/*--  start productCategories  --*/
.banner{
    position: relative;
    overflow: hidden;
    border-bottom: 2px solid #dc2032;
}
.banner>img{
    display: block;
    width: 100%;
}
.banner .overlay .middle h3{
    font-family: primary,sans-serif;
    color: #ffffff;
    font-size: 37pt;
    font-weight: normal;
    text-transform: capitalize;
}
.ProductCaregories .strip_images{
    -webkit-justify-content: center;
    justify-content:center;
    padding: 102px 0 100px;
    max-width: 77%;
    margin: 0 auto;
}
.ProductCaregories .strip_images_each {
    width: 23.5%;
    margin:0 0.75% 15px 0.75%;
}
/*--  end productCategories  --*/



/*--  start ProductList  --*/
.content_wrapper{
    max-width: 75%;
    margin: 60px auto 80px;
}
.left_bar {
    width: 22%;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

.selectedlink {
    color: #dc2032;
}
.subnav_page .content-leftbarmenu li {
padding:6px 0px;
}

.subnav_page .content-leftbarmenu .WareTypeFilter li {
    padding: 0px 0px;
}

.subnav_page .selectedlink {
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}
    .subnav_page .selectedlink:before {
        content: '';
        position: absolute;
        background-color: #25383b;
        width: 6px;
        height: 14px;
        left: 0px;
        -webkit-transition: all 200ms ease-in;
        -ms-transition: all 200ms ease-in;
        -moz-transition: all 200ms ease-in;
        transition: all 200ms ease-in;
    }

.right_content{
    width: 78%;
}

.searchresults_page .right_content {
width:100%;
}

.right_content {
    margin: 0px 0px;
    font-size: 14px;
    line-height: 17px;
    color: #25383b;
}

    .right_content p {
        margin: 20px 0px;
        font-size: 14px;
        line-height: 17px;
        color: #25383b;
    }

    .right_content h1, .right_content h2 {
display:block;
padding:0px 0px; 
font-size:47px;
line-height:47px;
margin-bottom:42px;
}
        .right_content h5 {
            display: block;
            padding: 20px 0px 10px 0px;
            font-size: 22px;
font-weight:bold;
            line-height: 28px;

        }
    .right_content ul {
        list-style:unset;
        padding-left: 16px;
    }

        .right_content ul.list-lowerroman {
            list-style:lower-roman;
            padding-left: 16px;
margin-left:30px;
        }
        .right_content ul.list-lowerroman li::marker {
            font-weight:normal;
        }

    .right_content li {
        padding:6px 0px;
    }

    .right_content2 ul li::before {
        content: "\2022";
        color: #25383b;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: 0em;
    }
        .right_content ul li::marker {
            
            color: #25383b;
            font-weight: bold;

        }

    .right_content .product_content, .right_content .info_content {
        width: 100%;
        padding: 0 0 0 34px;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
    }
.right_content .product_content_each {
    width: 31%;
    margin: 0 2% 65px 0%;
    text-align: center;
    padding: 20px;
    border: 2px solid #e3e3e3;
}

.section_tabs .cylinder-listpage, .section_tabs2 .cylinder-listpage, .section_tabs3 .cylinder-listpage, .section_tabs4 .cylinder-listpage {
    width: 22%;
    margin: 0 3% 65px 0%;
    text-align: center;
    padding: 20px;
    border: 2px solid #e3e3e3;
}

.right_content .cylinder-listpage, .section_tabs .cylinder-listpage, .section_tabs2 .cylinder-listpage, .section_tabs3 .cylinder-listpage, .section_tabs4 .cylinder-listpage {
    padding: 0px;
}

    .right_content .product_content_each2:before {
        border-top: none;
        display: block;
        content: "";
        height: 4px;
        border-top-width: 0px;
        bottom: 0;
        left: 0%;
        top: -20px;
    }
.right_content .product_content_each2:hover:before {
    border-top: 2px solid #899797;
    background: none repeat scroll 0 0 transparent;
    position: relative;
    transition: width 0.3s ease 0s, left 0.3s ease 0s;
    border-top-width: 0;
    width: 100%;
}
/*start border highlight*/

.right_content .product_content_each, .section_tabs .product_content_each, .section_tabs2 .product_content_each, .section_tabs3 .product_content_each, .section_tabs4 .product_content_each {
    background: none;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #e3e3e3;
    color: #e3e3e3;
    font-size: inherit;
    font-weight: 700;
    position: relative;
    vertical-align: middle;
    z-index: 10;
}

    .right_content .product_content_each::before, .right_content .product_content_each::after, .section_tabs .product_content_each::before, .section_tabs2 .product_content_each::before, .section_tabs3 .product_content_each::before, .section_tabs4 .product_content_each::before, .section_tabs .product_content_each::after, .section_tabs2 .product_content_each::after {
        box-sizing: inherit;
        content: '';
        position: absolute;
        /*width: 100%;*/
        height: 2px;
    }

.right_content .product_content_each, .section_tabs .product_content_each, .section_tabs2 .product_content_each, .section_tabs3 .product_content_each, .section_tabs4 .product_content_each {
    transition: color 0.25s;
}
    .right_content .product_content_each::before, .right_content .product_content_each::after, .section_tabs .product_content_each::before, .section_tabs2 .product_content_each::before, .section_tabs .product_content_each::after, .section_tabs2 .product_content_each::after, .section_tabs3 .product_content_each::after, .section_tabs4 .product_content_each::after {
        display: block;
        content: "";
        border: 3px solid transparent;
        width: 0;
        height: 0;
    }

.right_content .product_content_each::before {
    top: 0;
    left: 0;
}

.right_content .product_content_each::after {
    bottom: 0;
    right: 0;
}

    .right_content .product_content_each:hover {
        color: #899797;
    }

    .right_content .product_content_each:hover::before, .right_content .product_content_each:hover::after {
        width: 100%;
        height: 2px;
    }

        .right_content .product_content_each:hover::before {
            border-top-color: #899797;
            /*border-right-color: #0eb7da;*/
            transition: width 0.3s ease-out, height 0.3s ease-out 0.3s;
        }

    .right_content .product_content_each:hover::after {
        /*border-bottom-color: #0eb7da;
        border-left-color: #0eb7da;*/
        transition: border-color 0s ease-out 0.3s, width 0.3s ease-out 0.3s, height 0.3s ease-out 0.3s;
    }
/*end border highlight*/
.right_content .product_content_each .img {
        max-height: 260px;
        min-height: 260px;
        overflow: hidden;
        margin: 0 auto;
        padding-bottom: 60px;
    }

.right_content .cylinder-listpage .img {
    max-height: 420px;
    margin-bottom: 0px;
}

.right_content .product_content_each .img img{
    max-height: 370px;
    max-width: 100%;
    height: auto;
}

.right_content .cylinder-listpage .img img {
    max-height: unset;
    max-height: initial;
    max-width: 98%;
    width: 100%;
    height: auto;
    padding-top:2px;
}

.cylinder-listpage .right_content .product_content_each .img img {
    max-height: unset;
    max-height: initial;
    max-width: unset;
    max-width: initial;
    height: unset;
    height: initial;
    position: relative;
    width: 100%;
}

.left_bar_content h1, .left_bar_content h6 {
        color: #25383b;
        line-height: 17px;
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 10px;
    }

.left_bar_content {
    background: #e3e3e3;
    max-width: 281px;
    width: 100%;
    padding: 44.5px 25px 53.5px 20px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
}

.productlist_page .left_bar_content {
    background: #ffffff;
    /*border-top: 1px solid #25383b;*/
    max-width: 328px;
    width: 100%;
    padding: 0px 20px 53.5px 20px;
    font-size: 12px;
    line-height: 15px;
    letter-spacing: 0;
}

.productdetail_page .left_bar_content {
    padding-top: 20px;
    box-shadow: inset 0 0 0 1px #25383b;
    overflow-y: scroll;
    height: 500px;
}
    .productdetail_page .left_bar_content::-webkit-scrollbar {
        width: 1em;
    }

    .productdetail_page .left_bar_content::-webkit-scrollbar-track {
        box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.3);
    }

    .productdetail_page .left_bar_content::-webkit-scrollbar-thumb {
        background-color: #25383b;
        outline: 1px solid #25383b;
    }
.left_bar_content > ul > li {
        margin-bottom: 30px;
    }

.content-leftbar {
    border-top: 1px solid rgba(211,212,212,0.56);
    padding-top: 24.5px;
    margin-top: 24.5px;
}
.productlist_page .content-leftbar {
border:none;
}

.content-leftbarmenu ul.ddaccSubMenu li {
    color: #25383b;
    font-size: 14px;
    line-height: 28px;
    position: relative;
    padding: 4px 4px;
    display: flex;
    justify-content: space-between;
    flex-direction: row;
}

    .content-leftbarmenu ul.ddaccSubMenu li a:link {
        color: #25383b;
        text-decoration: none;
        position: relative;
    }
    .content-leftbarmenu ul.ddaccSubMenu li a:visited {
        color: #25383b;
        text-decoration: none;
    }
    .content-leftbarmenu ul.ddaccSubMenu li a:hover {
        color: #25383b;
        text-decoration: none;
    }

    .content-leftbarmenu ul.ddaccSubMenu li a.highlightednav {
        color: #25383b;
    }

        .content-leftbarmenu ul.ddaccSubMenu li a.highlightednav:before {
            content: '';
            height: 13px;
            width: 3px;
            background-color: #25383b;
            position: absolute;
            left: -20px;
            top: 3px;
        }

.inner4 {
padding-left:8px;
}

.left_bar_content .btn-contactus, .left_bar_content .btn-contactus:visited {
    background-color: #25383b;
    padding: 10px 12px 4px 12px;
    max-width: max-content;
    text-align: center;
    display: block;
    font-weight: normal;
    color: #ffffff;
    font-size: 12px;
    text-transform: uppercase;
    line-height: 15px;
    font-weight: bold;
    margin-top: 15px;
    -webkit-transition: all 900ms ease-in-out;
    -ms-transition: all 900ms ease-in-out;
    -moz-transition: all 900ms ease-in-out;
    transition: all 900ms ease-in-out;
}

.left_bar_content .btn-contactus:hover {
    background-color: #25383b;
    color: #ffffff;
    cursor: pointer;
}

a.btn-contactus:link, a.btn-contactus:visited {
    color: #ffffff;
    text-decoration: none;
}


a.btn-contactus:hover {
    color: #ffffff;
    text-decoration: none;
}

.inner {
    display: block;
}

/*start WareTypeFilter*/

.WareTypeFilter .inner {
    display: none;
}

.WareTypeFilter .ddacchdr {
    cursor: pointer;
    text-align: right;
    -webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.WareTypeFilter .ddacchdr:hover {
    color: #25383b;}

.WareTypeFilter ul:first-of-type {
    margin-top: 10px;
}

.WareTypeFilter ul li a {
    display: flex;
    justify-content: space-between;
    width: 100%;
    padding: 14px 0px 14px 0px;
    border-top: 1px solid #25383b;
    text-transform: uppercase;
    font-size: 16px;
    color: #25383b;
    -webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

    .WareTypeFilter ul li a:hover, .WareTypeFilter ul li a:hover:after, 
.WareTypeFilter ul li a.active, .WareTypeFilter ul li a.active:after {
        color: #899797;
    }

 .WareTypeFilter ul li a:after {
        content: "\25BC";
        display: inline-block;
        color: #25383b;
        -webkit-transition: all 400ms ease-in-out;
        -ms-transition: all 400ms ease-in-out;
        -moz-transition: all 400ms ease-in-out;
        transition: all 400ms ease-in-out;
    }

    .WareTypeFilter ul li a.active:after {
        transform: rotate(-180deg);
    }
.WareTypeFilter>ul>li:last-of-type {
    border-bottom: 1px solid #25383b;
}

.WareTypeFilter .ddaccSubMenu li:last-of-type {
    padding-bottom:26px;
}
.WareTypeFilter ul > li {
   
}

.WareTypeFilter .checkitem {
    vertical-align: middle;
    height: 26px;
cursor:pointer;
}
.WareTypeFilter .checkitem label {
vertical-align:middle;
}
.WareTypeFilter .countinfo {
    color: #899797;
height:26px;
}

.WareTypeFilter .hidedisabled {
display:none;
visibility:hidden;
}

.nav-refinements-wrap {
display:flex;
justify-content:flex-end;
padding-bottom:10px;
}

    .nav-refinements-wrap .nav-refinement {
        padding: 0px 10px;
        color: #25383b;
    }
        .nav-refinements-wrap .nav-refinement:first-of-type {
            padding-left: 0px;
        }

.nav-refinement span:first-of-type {
text-transform:uppercase;

}
 .nav-refinements-wrap .nav-refinement button {
    border: 1px solid #25383b;
    margin-left: 4px;
    background-color: #ffffff;
    border-radius: 0px;
    padding: 1px 2px;
    cursor: pointer;
    -webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}
            .nav-refinements-wrap .nav-refinement button:hover {
                background-color: #040503;
                color: #ffffff;
            }

.checkitem input[type=checkbox] {
        -webkit-appearance: none;
        background-color: #ffffff;
        border: 1px solid #040503;
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);*/
        padding: 9px;
        border-radius: 0px;
        display: inline-block;
        position: relative;
        vertical-align: middle;
        margin-right: 4px;
        cursor: pointer;
        -webkit-transition: all 400ms ease-in;
        -ms-transition: all 400ms ease-in;
        -moz-transition: all 400ms ease-in;
        transition: all 400ms ease-in;
    }

    .checkitem input[type=checkbox][disabled] {
        background-color: #e3e3e3;
        border: 1px solid #e3e3e3;
    }

 .checkitem input[type=checkbox]:active, .checkitem input[type=checkbox]:checked:active {
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);*/
    }

    .checkitem input[type=checkbox]:checked {
        background-color: #040503;
        border: 1px solid #040503;
        /*box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);*/
        color: #ffffff;
    }
        .checkitem input[type=checkbox]:checked:after {
            content: '\2714';
            font-size: 14px;
            position: absolute;
            top: 0px;
            left: 3px;
            color: #ffffff;
        }

/*end WareTypeFilter*/
/* = CATALOG 
-------------------- */
.catalog-title {
    margin-bottom: 27px;
    font-size: 13pt;
}

.catalog {
    display: inline-block;
    padding: 20px;
    vertical-align: top;
    text-align: center;
    max-width: 170px;
}

    .catalog img {
        border: 2px solid #eaeaea;
    }

/* = END CATALOG 
-------------------- */

.left_bar_content a, .product_content_each a {
color:#040503;
text-decoration:none;
}
    .left_bar_content a:visited, .product_content_each a:visited  {
        color: #040503;
        text-decoration: none;
    }
    .left_bar_content a:hover, .product_content_each:hover a {
        /*color: #dc2032;*/
        text-decoration: none;
    }

.product_content_each>a {
z-index:500;
}

.left_bar_content > ul > li > a {
    position: relative;
    font-family: 'secondary', sans-serif;
    font-weight: bold;
    text-transform: capitalize;
    font-size: 16pt;
    padding: 7px 11px 7px 5px;
}
.left_bar_content>ul>li>a img{
    display: inline-block;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
    width: 16px;
    position: relative;
    top:6px;
    margin-right: 5px;
}
.left_bar_content>ul>li.active>a img, .left_bar_content>ul>li>a:hover img {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
    .left_bar_content > ul > li > a.active > img {
        -ms-transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        transform: rotate(90deg);
    }

.left_bar_content>ul>li ul{
    padding-left: 28px;
}
.left_bar_content>ul>li ul li a {
    text-transform: capitalize;
    font-size: 14pt;
    display: inline-block;
    padding: 8px 0;
}
.left_bar_content>ul>li>a,
.left_bar_content>ul>li ul li a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap!important;
    text-overflow: ellipsis;
}

.Subnav .left_bar_content ul li a:hover {
    color: #dc2032;
}

.highlighted {
    color: #dc2032;
}

/*--  start left_menu  --*/
.menu-trigger {
    display: flex;
    justify-content: space-around;
    position: absolute;
    z-index: 1;
    height: 38px;
    width: fit-content;
    max-width: 100%;
    padding: 0;
    padding-right: 10px;
    text-decoration: none;
    cursor: pointer;
    background: #25383b;
    left: calc(100%);
    -webkit-transition: all 600ms ease-in-out;
    -ms-transition: all 600ms ease-in-out;
    -moz-transition: all 600ms ease-in-out;
    transition: all 600ms ease-in-out;
}
.menu-trigger span,
.menu-trigger span:before,
.menu-trigger span:after {
    content: '';
    display: block;
    position: relative;
    height: 3px;
    width: 20px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
margin-right:20px;
}
.menu-trigger span {
    top: 17px;
    left: 9px
}
.menu-trigger span:before {
    top: -6px;
}
.menu-trigger span:after {
    bottom: -3px;
}
    .menu-trigger strong {
        display: block;
        position: relative;
        z-index: 1;
        color: #FFFFFF;
        font-size: 20px;
        /*line-height: 1.66;*/
        font-weight: 300;
        text-decoration: none;
        /*text-transform: uppercase;*/
    }
.menu-trigger,
.menu-trigger span,
.menu-trigger span:before,
.menu-trigger span:after,
.menu-trigger strong {
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
.mm-opening .menu-trigger {}
.mm-opening .menu-trigger span {
    top: 4px;
    left: 5px;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-radius: 100%;
}
.mm-opening .menu-trigger span:before {
    top: 11px;
    left: 3px;
}
.mm-opening .menu-trigger span:after {
    top: 8px;
    left: 3px;
}
.mm-opening .menu-trigger span:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.mm-opening .menu-trigger span:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
#container{
    display: none;
}
/*--  end left_menu  --*/

/*--  start flyout menu for product detail  --*/

.productdetail_page .left_bar {
    width: 328px;
    position: fixed;
    left: -328px;
    top:12vw;
    
    background: #ffffff;
    z-index: 999;
    padding-bottom: 0;
}

.productdetail_page .display {
    left: 0;
}

.productdetail_page .menu-trigger {
    display: flex;
    justify-content: space-around;
    position: absolute;
    z-index: 1;
    height: 38px;
    width: fit-content;
    max-width: 100%;
    padding: 0;
    padding-right: 10px;
    text-decoration: none;
    cursor: pointer;
    background: #25383b;
    left: calc(100%);
    box-shadow: rgb(0 0 0 / 40%) 2px 2px 12px;
}

.productdetail_page .menu-trigger span,
.productdetail_page .menu-trigger span:before,
.productdetail_page .menu-trigger span:after {
    content: '';
    display: block;
    position: relative;
    height: 3px;
    width: 20px;
    background: #FFFFFF;
    cursor: pointer;
    border-radius: 4px;
    margin-right: 20px;
}

.productdetail_page .menu-trigger span {
    top: 17px;
    left: 9px
}

.productdetail_page .menu-trigger span:before {
    top: -6px;
}

.productdetail_page .menu-trigger span:after {
    bottom: -3px;
}

.productdetail_page .menu-trigger strong {
    display: block;
    position: relative;
    z-index: 1;
    color: #FFFFFF;
    font-size: 20px;
    /*line-height: 1.66;*/
    font-weight: 300;
    text-decoration: none;
    /*text-transform: uppercase;*/
}

.productdetail_page .menu-trigger,
.productdetail_page .menu-trigger span,
.productdetail_page .menu-trigger span:before,
.productdetail_page .menu-trigger span:after,
.productdetail_page .menu-trigger strong {
    -moz-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

    .menu-trigger:link, .menu-trigger:hover, .menu-trigger strong {
        text-decoration: none;
    }
.menu-trigger strong {
    line-height:43px;
}
.productdetail_page .mm-opening .menu-trigger span {
    top: 4px;
    left: 5px;
    width: 26px;
    height: 26px;
    background-color: transparent;
    border-radius: 100%;
}

.productdetail_page .mm-opening .menu-trigger span:before {
    top: 11px;
    left: 3px;
}

.productdetail_page .mm-opening .menu-trigger span:after {
    top: 8px;
    left: 3px;
}

.productdetail_page .mm-opening .menu-trigger span:before {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.productdetail_page .mm-opening .menu-trigger span:after {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.productdetail_page #container {
    display: block;
}
/*--  end flyout menu for product detail  --*/


/*--- start Expanding Tree*/
ul.tree, .tree li {
    list-style: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    -webkit-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.tree .listwrap ul.row,.tree .listwrap li {
transition:none;
}

.listwrap ul.row:hover {
    background-color: #e3e3e3;
}

.listwrap {
color:#040503;
}


 

    .listwrap .col .attlist {
padding:0px 10px 0px 0px;
    }

    .listwrap .col .attlist:last-of-type {
        padding: 0px 0px 0px 0px;
    }

ul.tree {
    border: 1px solid #e3e3e3;

}

.tree ul {
    display: none;
}

.listwrap ul {
display:block;
}

.attlistgroup ul {
display:flex;
flex-wrap:wrap;
}

.coverwrap, .headerimagecol {
width:44%;
position:relative;
text-align:center;
}

.coverwrap {
    height: 400px;
    padding: 40px 0px;
}

    .coverwrap img {
        width: 80%;
max-height:100%;
    }

.headerpanel {
    border-bottom: 1px solid #25383b;
}

.headerpanelrow {
    width: 100%;
    }

.wrap .row, .wrap .headerrow {
    display: block;
    width: 100%;
    display: flex;
    justify-content: flex-end;
}


.wrap .row li.col, .wrap .headerrow li.headercol {
    min-width: 10%;
    text-align: left;
    vertical-align: middle;
}

.wrap .headerrow li.headercol {
    height: 36px;
    line-height: 36px;
    text-transform: uppercase;
    font-size: 15px;
}

    .wrap .row li.col, .wrap .row li.col a {
        height: 80px;
        line-height: 80px;
        border-bottom: 1px solid #e3e3e3;
        font-size: 15px;
    }

        .wrap .row li.col a {
            border-bottom: none;
            border-left: none;
            padding: 0px;
            color: #040503;
            font-weight: normal;
            width: 100%;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            align-content:center;
            padding-right:16px;
        }

            .wrap .row:last-of-type li.col {
    border-bottom: none;
}

    .wrap .row li.col:nth-of-type(4), .wrap .headerrow li.headercol:nth-of-type(4) {
        width: 26%;
    }
    .wrap .row li.col:nth-of-type(3), .wrap .headerrow li.headercol:nth-of-type(3) {
        width: 30%;
    }
    .wrap .row li.col:nth-of-type(2), .wrap .headerrow li.headercol:nth-of-type(2) {
        width: 16%;
    }
    .wrap .row li.col:nth-of-type(1), .wrap .headerrow li.headercol:nth-of-type(1) {
        width: 28%;
        font-weight: bold;
    }
.wrap .row li.col:nth-of-type(1) {
    transition: none;
}

 .wrap .row li.col:nth-of-type(1) img {
    width: 90px;
    height: auto;
    max-height: 60px;
    vertical-align: middle;
    padding-right: 20px;
transition:none;
}
.datapanel, .headerpanel {
display:flex;
}

.listwrap, .headerrow {
width:100%;
}

 .tree > li {
    display: block;
    margin-bottom: 0px;
    border-bottom: 1px solid #e3e3e3;
}


    .tree > li.expanded>.icon {
        background-color: rgba(242,241,237,0.5);
        border-bottom: 1px solid #e3e3e3;
    }

.treeinner > li.expanded > .icon {
    background-color: #25383b;
    border-bottom: 1px solid #e3e3e3;
}


.tree span {
    display: block;
    padding: 10px 12px;
    background-color: #e3e3e3;
    color: #040503;
    font-size: 20px;
    line-height: 26px;
    text-transform: uppercase;
    font-weight: 700;
    padding: 18px;
}

.tree__item {
    -webkit-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}


    .tree__item .icon p, .tree__item a {
        display: inline-block;
        color: #040503;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        padding: 22px 20px 17px 20px;
        border-left: 1px solid #e3e3e3;
    }
    .tree__item a {
text-decoration:none;
    }

.treeinner .expanded .icon p, .treeinner .expanded a {
    color: #ffffff;
}

 .tree .hasChildren > .expanded {
            background: #999;
        }

    .tree .hasChildren > .expanded a {
        color: #fff;
    }

.icon:before {
    content: "+";
font-size:32px;
    display: inline-block;
    text-align: center;
vertical-align:middle;
    color: #040503;
    margin: 0 25px;
font-weight:800;
}

.treeninner .expanded .icon:before {
color:#ffffff;
}

.tree .expanded > .icon:before {
    content: "-";
    font-size: 32px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #040503;
    margin: 0 28px;
    font-weight: 800;
}
.treeinner .expanded > .icon:before {
    color: #ffffff;
}


.show-effect {
    display: block !important;
    -webkit-transition: all 2s ease-in-out;
    -ms-transition: all 2s ease-in-out;
    -moz-transition: all 2s ease-in-out;
    transition: all 2s ease-in-out;
}

.resources_page .show-effect li {
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}


    .show-effect .icon {
        border-left: 1px solid #e3e3e3;
    }

ul.show-effect li {
    /*padding-left: 66px;*/
    border-bottom: 1px solid #e3e3e3;
    background-color: #ffffff;
    color: #040503;
    font-size: 18px;
    font-weight: 500;
    line-height: 23px;
}
ul.show-effect li:last-of-type {
border-bottom:none;
}

.resources_page ul.show-effect li .groupitem {
    -webkit-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.treeinner ul.wrap li {
    border-bottom: none;
}
.treeinner .wrap .headerrow {
    font-weight: bold;
    color: #25383b;
}
.treeinner .wrap li.headercol {
    font-weight: bold;
    color: #25383b;
}
.tree .show-effect .expanded > .icon:before {
        padding-left: 66px;
    }
.tree__item .show-effect .expanded > div, .tree__item .show-effect .expanded p, .tree .show-effect .expanded > .icon:before {
    color: #ffffff;
    background-color: #040503;
}

.tree .spacer {
display:inline-block;
width:66px;
}
.tree .show-effect .expanded .spacer {
    background-color: #040503;
    padding: 17px 20px;
display:none;
}

.tree .icon {
    display: inline-block;
width:100%;
    
}

.tree li:empty {
display:none;
visibility:hidden;
}
.treeinner li:empty {
    display: unset;
visibility:unset;
}
.tree .show-effect .icon {
    width: unset;
    width: initial;
}

.show-effect .expanded .icon {
    width: 100%;
border:none;
}
.tree__item .show-effect .expanded .icon p {
border:none;
}

.show-effect .groupitem {
border-bottom:none;
padding:0px;
padding-left:148px;
}

.resources_page .show-effect .groupitem:hover {
    background-color: #e3e3e3;
}

.resources_page .show-effect .groupitem .hideborder {
    border-bottom: none;
}

.resources_page .show-effect .groupitem .showborder{
    border-bottom: 1px solid #e3e3e3;
}

.resources_page .downloadsexpshow .medianame  {
    margin-left:40px;
}

 .show-effect .groupitem div {
    padding: 20px 0px;
}

.show-effect div.downloadicon {
    border-left: 1px solid #e3e3e3;
padding: 20px 20px;
font-weight:800;
}


/*End--- ExpandingTree*/

.downloadicon > img {
    float: none;
    margin-right: 4px;
    vertical-align: middle;
    width: 14px;
}

.trimlistitem,.section_tabs .trimlistitem {
    width: -moz-fit-content;
    width: fit-content;
    height: 190px;
    margin: 6px 12px 6px 0px;
    background-color: #e3e3e3;
    text-align: center;
    display: flex;
    flex-direction: column;

}

.section_tabs .trimlistitem {
    color: #040503;
    justify-content:space-between;
}


.trimlistitem:first-of-type, .section_tabs .trimlistitem:first-of-type {
    margin-left: 0px;
}

    .trimlistitem .img, .section_tabs .trimlistitem .img {
        width: 100%;
        height: 180px;
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

    .trimlistitem img, .section_tabs .trimlistitem .img {
        height: 100px;
        width: auto;
        vertical-align: middle;
        padding: 14px;
    }

.trimlistinfo, .section_tabs .trimlistinfo {
bottom:0px;
text-align:left;
padding:10px;
font-size:12px;
line-height:14px;
min-height:50px;
vertical-align:top;
width:152px;
}



/*--  end ProductList  --*/
/*--  end productDetail  --*/

/* start Trim Tabs*/
.section-tabs {
    width: 100%;
}

.section_tabs .tabs, .section_tabs2 .tabs, .section_tabs3 .tabs, .section_tabs4 .tabs {
    margin-bottom: 32px;
}

    .section_tabs .tabs a, .section_tabs2 .tabs a, .section_tabs3 .tabs a, .section_tabs4 .tabs a {
        color: #040503;
        font-size: 17pt;
        display: inline-block;
        margin-right: 38px;
        text-transform: uppercase;
        font-weight: bold;
    }

.change_info {
    display: none;
}

.tab_info {
    display: block;
    -webkit-transition: all 400ms ease-in-out;
    -ms-transition: all 400ms ease-in-out;
    -moz-transition: all 400ms ease-in-out;
    transition: all 400ms ease-in-out;
}

.section_tabs .tabs a.active,
.section_tabs .tabs a:hover,
.section_tabs2 .tabs a.active,
.section_tabs2 .tabs a:hover,
.section_tabs3 .tabs a.active,
.section_tabs3 .tabs a:hover,
.section_tabs4 .tabs a.active,
.section_tabs4 .tabs a:hover {
    color: #040503;
}
.section_tabs .tabs a, .section_tabs2 .tabs a, .section_tabs3 .tabs a, .section_tabs4 .tabs a {
    color: #040503;
}

    .section_tabs .tabs a:hover, .section_tabs2 .tabs a:hover, .section_tabs3 .tabs a:hover, .section_tabs4 .tabs a:hover {
        text-decoration: none;
    }

    .section_tabs .tabs a:after, .section_tabs2 .tabs a:after, .section_tabs3 .tabs a:after, .section_tabs4 .tabs a:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: relative;
        background: #899797;
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        width: 0;
    }

    .section_tabs .tabs a.active:after, .section_tabs2 .tabs a.active:after, .section_tabs3 .tabs a.active:after, .section_tabs4 .tabs a.active:after {
        display: block;
        left: 0;
        width: unset;
    }

    .section_tabs .tabs a.active:after, .section_tabs2 .tabs a.active:after, .section_tabs3 .tabs a.active:after, .section_tabs4 .tabs a.active:after {
        display: block;
        left: 0;
        width: unset;
    }


    .section_tabs .tabs a:hover::after, .section_tabs2 .tabs a:hover::after, .section_tabs3 .tabs a:hover::after, .section_tabs4 .tabs a:hover::after {
        width: 100%;
        left: 0;
    }


    /*--end Trim Tabs*/
    .single_product_top {
        width: 100%;
        min-height: 578px;
        margin-bottom: 16px;
        font-family: primary, sans-serif;
    }
.single_product_top .big_img {
    width:79%;
    text-align: center;
}
.single_product_top .big_img img{
    width:auto;
    max-width: 100%;
    max-height: 578px;
    display:block;
    margin: 0 auto;
    
}
.single_product_top .small_img.thumbnails{
    width:20%
}
.single_product_top .small_img.thumbnails>div{
    overflow: hidden;
    margin-bottom: 12px;
}
.single_product_top .small_img.thumbnails img {
    max-width: 100%;
    max-height: 162px;
    display: block;
    margin: 0 auto;
}
.single_product_bottom{
    font-family: primary, sans-serif;
}
.single_product_bottom .title{
    text-align: left;
    margin-bottom: 55px;
}
    .single_product_bottom .title h3 {
        font-family: primary, sans-serif;
        font-size: 37px;
        text-transform: none;
        margin: 30px 0 8px 0px;
    }

        .single_product_bottom .title h3 .product-content-detailline {
font-size:26px;
        }

.single_product_bottom .title p {
            font-family: primary, sans-serif;
            font-size: 24px;
            color: #dc2032;
        }

    .single_product_bottom h4.wprice {
    margin:30px 0px 0px 0px;
font-weight:normal;
}

.single_product_size .form-group1, .single_product_size .attributes-sa {
    display: inline-block;
    width: 315px;
    margin: 0 5px 38px 0;
}
.single_product_size {
    border-bottom: 2px solid #f1f2f2;
    padding-bottom: 66px;
    margin-bottom: 44px;
}
    .single_product_size .form-group1.order-item-col-qty, .single_product_size  {
        width: auto;
    }
        .single_product_size .form-group1 label, .single_product_size .attributes-sa label, .sa-title{
            text-transform: capitalize;
            font-size: 17px;
        }
        .single_product_size .form-control1, .single_product_size .sa-ddl, .qty, input[type=text], input[type=password] {
            margin: 0 4px;
            height: 36px;
            padding: 6px;
            font-size: 14px;
            color: #040503;
            background-color: #fff;
            background-image: none;
            border: 1px solid #666666;
            display: inline-block;
        }


input[type=text], input[type=password] {
    margin: 0px;
}

.order-item-col-qty {
                min-width: 150px;
            }

.order-item-col-qty input[type=text] {
    width: 60px;
}


.order-item-col-qty .form-control1, .order-item-col-qty .qty {
    width: 50px;
}

.content_summary {
width:100%;
}

.blockFormSection {
width:100%;
text-align:center;
margin-top:40px;
}

.Subnav .blockFormSection {
    text-align: left;
}

.Subnav .right_content {
padding-left:44px;
}

/* START PORTED ORDER CLASSES */
.blockFormSection { display: block; vertical-align: top; margin-bottom: 40px; }
.neat { margin-bottom: 20px; }
.FormCol { display: inline-block; vertical-align: top; margin-left: 40px; }
.FormFieldSection { display: block; margin: 40px 0px 0px 0px; vertical-align: top; }
.FormFieldSet { display: block; vertical-align: top; margin: 12px 0px; }
.FormFieldWrap { display: inline-block; vertical-align: top; padding-right: 20px; text-align: left; }
.FormLabel {display:inline-block; }
.line { border-bottom: 1px solid #c7c7c7; padding-bottom: 20px; }


.msg-minor,.form-minor {
font-size:12pt;
}

.btn-qtyadjust {
vertical-align:middle;
}

.chkwrap input[type=text] {
    display: inline-block;
    width: 210px;
    height: 36px;
    padding: 0 12px;
    font-size: 16px;
    line-height: 1.42857143;
    color: #7f7f7f;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #7f7f7f;
    margin-right: 4px;
    vertical-align: middle;
}

.chkwrap input.fieldwide {
    width: 318px;
}

.chkwrap input.fieldsmall {
    width: 140px;
}

.chkwrap input.fieldxsmall {
    width: 110px;
}

.chkwrap input[type="checkbox"] {
    display: inline-block;
    width: 22px;
    height: 22px;
    padding: 0 12px;
    font-size: 16px;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #7f7f7f;
    margin-right: 4px;
    vertical-align: middle;
}

.orderhistory-col-date {
    text-align: center;
}

.gv-row {
    height: 60px;
    vertical-align: middle;
}

.order-stamp-row {
    text-align: center;
    font-weight: bold;
    margin-bottom: 40px;
}

.order-emptymsg-all .td_cell {
    border-bottom: none !important;
}

.order-emptymsg {
    padding-top: 20px;
}


.like_table .msg-empty {
    width: 100%;
    position: absolute;
}

.msg-error, .msg-userunavailable {
    color: red;
}

.msg-useravailable {
color:green;}

.customer-row {
    text-align: left;
    margin-left: 60px;
    margin-bottom: 40px;
}

.customer-col-billing {
    display: inline-block;
    vertical-align: top;
    width: 40%;
    text-align: left;
    margin-right: 40px;
}

.customer-col-shipping {
    display: inline-block;
    vertical-align: top;
}

    .customer-col-billing .lblfield, .customer-col-shipping .lblfield {
        font-weight: bold;
    }

.sidebar-item-col-delete {
    display: inline-block;
    vertical-align: top;
}

.sidebar-item-col-img {
    display: inline-block;
    vertical-align: top;
}

    .sidebar-item-col-img .oimg {
        width: 60px;
    }

.sidebar-item-col {
    display: inline-block;
}

.sidebar-item-row-name {
    font-weight: bold;
    max-width: 240px;
}

.sidebar-item-row-priceqtycombo {
    display: block;
}

.sidebar-item-col-price {
    display: inline-block;
}

.sidebar-item-col-qty {
    display: inline-block;
    margin-right: 2px;
    width: 80px;
    max-width: 80px;
    min-width: 80px;
}

.sidebar-item-row-multishipmultimethod {
    display: block;
    width: 100%;
    text-align: right;
    font-size: 12px;
}

.sidebar-item-col-shipto {
    display: inline-block;
}

.sidebar-item-col-shipmethod {
    display: inline-block;
}

.sidebar-total-row {
    background-color: #003399;
    text-align: right;
    padding-right: 6px;
}

.giftnotecharlimittext {
    color: #bfad7f;
    font-size: 16px;
}

.printinvoicebase .invoice-wrap {
    width: 685px;
    color: #040503;
    font-size: 16px;
    margin: 10px;
}

.printinvoice-header {
    width: 100%;
    text-align: center;
}

.printinvoicebase .order-item-row-header {
    color: #040503;
    background: none;
    border-bottom: 1px solid #040503;
    border-top: 2px solid #040503;
    margin-top: 20px;
    font-size: 14px;
    font-weight: bold;
}

.checkoutpre-wrap {
display:flex;
justify-content:space-between;
flex-wrap:wrap;
}

.checkoutpre-col {
    text-align:center;
 max-width:24%;
    vertical-align: top;
}

.checkoutpre-col h2 {
    color: #dc2032;
}
.printinvoicebase .invoice-wrap .order-summary-all-checkout .rowrepeater {
    font-size: 12pt;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .order-item-col-multishipmultimethod {
    width: 34%;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout .order-item-col-name {
    width: 36%;
}

.printinvoicebase .invoice-wrap .order-summary-all-checkout-main .order-item-col-name {
    width: 70%;
}

.invoice-summary-col {
    display: inline-block;
}

.invoice-summary-section {
    display: inline-block;
    float: right;
}

.invoice-summary-nums {
    border: 1px solid #040503;
    display: inline-block;
}

.invoice-summary-due {
    margin-top: 10px;
    border: 1px solid #040503;
    display: inline-block;
}

.invoice-summary-nums-row {
    display: table;
}

.invLabel-col {
    display: table-cell;
    width: 110px;
    margin-right: 10px;
    text-align: left;
    padding: 2px;
}

    .invLabel-col .genLabel {
        padding-bottom: 0px;
    }

.invNumLabel-col {
    display: table-cell;
    text-align: right;
    width: 120px;
    padding: 2px;
}

.invoice-wrap .lblfield {
    color: #040503;
}

.printinvoicebase .invoice-wrap .order-item-col-img {
    display: none;
}

.printinvoice-multishipmultimethod .order-summary-all, .printinvoice-main .order-summary-all {
    font-size: 14px;
}

    .printinvoice-multishipmultimethod .order-summary-all .address-name {
        border-bottom: 1px dashed gray;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-row-shipmethod {
        border-top: 1px dashed gray;
    }

    .printinvoice-main .order-summary-all .order-item-col-name {
        width: 55%;
    }

    .printinvoice-main .order-summary-all .order-item-col-price {
        width: 12%;
    }

    .printinvoice-main .order-summary-all .order-item-col-qty {
        width: 15%;
    }

    .printinvoice-main .order-summary-all .order-item-col-amt {
        width: 15%;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-col-name {
        width: 40%;
    }

    .printinvoice-multishipmultimethod .order-summary-all .order-item-col-multishipmultimethod {
        width: 30%;
    }

.printinvoicebase .order-summary-all .order-summary-col-totalssection {
    padding-right: 16px;
}

.printinvoicebase-main .rowrepeater:nth-child(even) {
    background-color: #edf0f1;
}

.printinvoicebase .order-summary-row-promostotals {
    border-top: 1px solid #040503;
}

.title_mobile {
    display: none;
}

.form-group input[type=button] {
    color: #ffffff;
    background-color: #7f7f7f;
    text-transform: capitalize;
    display: inline-block;
    padding: 6px 35px;
    margin-bottom: 0;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    cursor: pointer;
    border: 1px solid transparent;
    border-radius: 0;
    -webkit-transition: all 200ms ease-in;
    -ms-transition: all 200ms ease-in;
    -moz-transition: all 200ms ease-in;
    transition: all 200ms ease-in;
}

    .form-group input[type=button]:hover {
        background-color: #ffffff;
        color: #7f7f7f;
        border: 1px solid #7f7f7f;
    }


.shoplayout-main {
    font-size: 18px;
    color: #7f7f7f;
    font-family: sans-serif;
    width: 100%;
    text-align: left;
}

.readonlysummary {
    font-size: unset !important;
    font-size: initial !important;
}

.order-summary-all {
    max-width: 1520px;
    margin: 0 auto;
}


/* END PORTED ORDER CLASSES */

.single_product_size .learn_more {
    font-size: 20px;
    padding: 23px 41px 19px;
    cursor:pointer;
}

.single_product_bottom .new_style:before {
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0;
    border-color: #ffffff transparent transparent;
    position: absolute;
    z-index: 5;
    right: 21px;
    top: 24px;
}
.text{
    color:#040503;
    margin-bottom: 24px;
}
.text h4{
    color:#040503;
    text-transform: capitalize;
    font-family: primary,sans-serif;
    margin-bottom: 17px;
}
.text p{
   line-height: 1.6;
    font-size:13pt;
    text-align:justify;
}
.text .more_text span{
    display:block;
    text-transform: capitalize;
    font-size: 12pt;
}
.text_parent .learn_more{
    margin-top: 33px;
    padding: 23px 81px 19px;
    border: 1px solid #000;
}
/*--  end productDetail  --*/



/*--  start summary --*/
.orderSummary .banner>img{
    max-width: 100%;
    margin: 0 auto;
}
.orderSummary .content_summary{
    padding: 0 0 45px;
    width:100%;
}
.shoplayout-main{
    font-size: 18px;
    color:#040503;
    border:1px solid #040503;
    font-family: primary,sans-serif;
}
.order-summary-all{
    max-width:100%;
    margin: 0 auto;
    line-height: 1.2;
}
div.table {
    display: table;
    width: 100%;
}

.rowrepeater {
    display: table-row;
    width: 100%;
}
div.tr_row {
    display: table-row;
    width: 100%;
}
div.td_cell {
    display: table-cell;
    vertical-align: middle;
    padding: 33px 5px 33px;
    /*    text-transform: capitalize;*/
}

.readonlysummary div.td_cell {
    padding: 0px 5px 0px;
}

.readonlysummary .order-item-row-header {
    padding: 0px;
}

    .readonlysummary .order-item-row-header .td_cell {
        padding: 0px;
        border-bottom: 1px solid #dc2032 !important;
    }

.order-item-col-delete.td_cell{
    width: 36px;
    padding: 33px 5px 33px 20px;
}
.order-item-col-name{
width:54%;
}

.order-footer {
padding:10px;
}

.order-item-col-price {
    width: 140px;
}

.order-item-col-delete.td_cell span {
    width:36px;
    height: 36px;
    display: inline-block;
    color:#040503;
    text-align: center;
    font-size: 16px;
    border:1px solid #040503;
    line-height: 2.34;
}
.order-item-col-price .form-control{
    width: 100%;
}
.order-item-col-amt.td_cell {
    padding: 33px 20px 33px 5px;
}
.order-item-col-img{
    width: 160px;
}
div.td_cell.order-item-col-img img{
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.readonlysummary div.td_cell.order-item-col-img img {
    max-width: 30%;
}



.order-item-col-amt {
    text-align: right;
    padding-right: 2px;
    width: 140px;
}
.orderSummary .form-control {
    margin: 0 4px ;
    height: 36px;
    padding: 6px;
    font-size: 14px;
    color: #040503;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.coupon-row, .order-summary-shippingmethod {
    padding: 30px 0 30px 40px;
    border-top: 1px solid #040503;
    border-bottom: 2px solid #f1f2f2;
}

.readonlysummary .order-summary-shippingmethod, .readonlysummary .order-summary-stats, .order-summary-stats {
    padding: 10px 0 10px 40px;
}


.order-summary-promocode {
    padding: 30px 0 30px 40px;
    border-bottom: 1px solid #040503;
}

    .coupon-row .form-control1, .order-summary-shippingmethod .form-control, .order-summary-promocode .form-control {
        display: inline-block;
        width: 230px;
        height: 39px;
        margin: 0 15px 0 0px;
    }
    .coupon-row label, .form-group label {
        text-transform: capitalize;
        font-size: 17px;
        display:inline-block;
        width:140px;
    }

.shipping_method, .order-summary-shippingmethodselect {
    display: inline-block;
}

.withspacing {
    display: block;
    float: left;
    padding: 20px;
}

.checkoutsum .coupon-row label, .form-group label {
    width: 220px;
}

.checkoutsum .page-title-ordersumm-btn {
text-align:center;
}

.checkoutsum .page-title-ordersumm {
    text-align: center;
    font-size: 26px;
font-weight:bold;
}

.order-item-col-qty span:first-of-type {
    float: left;
    position: relative;
    /*top: 7px;*/
    margin-right: 13px;
}
.order-item-col-qty span.minus_qty,
.order-item-col-qty span.plus_qty{
    display: inline-block;
    float: left;
    width:35px;
    height: 35px;
    background: #ffffff;
    color:#040503;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    border:1px solid #040503;
    -webkit-transition: all 200ms ease-in-out;
    -ms-transition: all 200ms ease-in-out;
    -moz-transition: all 200ms ease-in-out;
    transition: all 200ms ease-in-out;
}
.order-item-col-qty .form-control{
    width: 50px;
    float: left;
}
/*--  order-summary-col-totalssection --*/
.order-summary-row-promostotals{
    padding: 45px 0px 0 0;
    overflow: hidden;
}

.readonlysummary .order-summary-row-promostotals {
    padding: 10px 0px 0px 0px;
}

.readonlysummary .order-summary-col-shipandpromosection {
    float: left;
}

.order-summary-promocode{
    margin-top: 8px;
}
.order-summary-shippingmethodselect .form-control{
    width: 230px;
}
.btn-Checkout .learn_more {
    text-transform: none;
    position: relative;
    display: inline-block;
    padding: 22px 59px 20px;
    font-size: 20px;
    margin-left: 33px;
}
.btn-Checkout .learn_more:first-of-type{
    padding:16px 32px;
    margin-right:30px;
float:left;
}

.btn-Checkout div {
display:inline-block;
vertical-align:top;
}

.readonlysummary .btneditorder {
    display: inline-block;
    padding: 0px 10px;
    font-size: 14px;
    height: unset;
    height: initial;
    width: unset;
    width: initial;
    margin-left: 10px;
}

.order-summary-col-totalssection{
    float:right;
}
.order-section-row{
    overflow: hidden;
    margin-bottom: 8px;
    font-size: 23px;
}

.readonlysummary .order-section-row {
    font-size: unset;
    font-size: initial;
}

.order-section-col-subtotal
, .order-section-col-discount
, .order-section-col-tax
, .order-section-col-shipping
, .order-section-col-total {
    margin-right:20px;
}


.order-section-row div:first-of-type {
    width: 140px;
    float: left;
}
.order-section-row div:first-of-type  span{
    display: block;
    text-align: right;
    font-family: primary,sans-serif;
}
.order-section-row div:last-of-type{
    float:right;
text-align:right;
padding-right:10px;
}
.order-summary-col-buttons{
    margin-top: 70px;
}
.btn-Checkout img {
    display: inline-block;
    
}


.btn-Checkout {
    text-align: right;
    margin-bottom: 33px;
    padding-right:40px;
}
/*--  end summary --*/



/*--  start footer  --*/
footer {
    background-color: #25383b;
    text-align: center;
color:#ffffff;
}

.footer-section {
    padding: 0px 12%;
color:#ffffff;
}

.footer-base {
    width: 100%;
    background-color: #040503;
    padding: 10px 0px;
}

    .footer-base .dlink, .footer-base .dlink:visited {
        color: #e3e3e3;
text-decoration:none;
    }
        .footer-base .dlink:hover {
            color: #ffffff;
            text-decoration: none;
        }

.bg_overlay{

}
.footer_menu {
display:flex;
    margin-bottom: 40px;
justify-content:space-around;
padding-top:40px;

}


    .footer_menu.menu_main ul li a, .footer_menu.menu_main ul li span {
        font-size: 14px;
        color: #ffffff;
        padding: 0px 0px 0px 0px;
    }

        .footer_menu.menu_main ul li a:hover {
            color: #e3e3e3;
            text-decoration: none;
        }

.social_menu ul li a.listnavlink {
padding:0px;
}

.social_menu .inner2 ul li a {
    padding: 0px 0px 0px 0px;
margin-right:4px;
}

.listnavsublink:empty {
    display: none;
    visibility: hidden;
}

.footer_menu ul {
    text-align: left;

}

.footer_menu ul:empty {
display:none;
visibility:hidden;
}

.footer_menu ul li {
        text-align: left;
    }

.footer_menu .inner2 {
display:block;

}

.footer_menu .inner2 li {
display:block;
padding:0px 40px 0px 0px;
}

    .footer_menu .inner2 li img {
position:relative;
vertical-align:middle;
text-align:center;
width:50%;
    }

.socialicon {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50px;
    background-color: #ffffff;
    border: 1px solid #ffffff;
    text-align: center;
    vertical-align: middle;
}

    .socialicon:hover {
        background-color: #e3e3e3;
        border: 1px solid #040503;
        -webkit-transition: all 600ms ease-in-out;
        -ms-transition: all 600ms ease-in-out;
        -moz-transition: all 600ms ease-in-out;
        transition: all 600ms ease-in-out;
    }

.contact_page .article-top-section .socialicon {
    background-color: #25383b;
    margin-right: 14px;
}

.footer_menu .inner2 li a {
    font-weight: normal;
    text-transform: none;
}

.footer-base {
    font-size: 14px;
}

.footer-base ul {
display:block;
}

.footer-base ul li {
    display: inline-block;
}

    .footer-base ul li:after {
        content:'|';
        padding: 0px 8px;
    }

    .footer-base ul li:last-of-type:after {
        content: '';
        padding: 0px;
    }

    .footer-base ul li a {
        color: #ffffff;
    }

        .footer-base ul li a:hover {
            color: #e3e3e3;
text-decoration:none;
        }

    .minor {
    margin-bottom: 0px;
}

    .minor.footer_menu ul li a {
        font-size: 15px;
    }

footer .bg_overlay>div>a {
    margin: 0 10px;
}
footer .bg_overlay>div>span {
    position: relative;
    bottom: 8px;
    text-transform: capitalize;
}
.bg_overlay>p{
    font-size: 13px;
}
/*--  end footer  --*/



/*--  start hover  --*/
.learn_more:hover, .xsmall:hover{
    color: #dc2032;
    border: 1px solid #dc2032;
}
.product_content_each:hover .learn_more, .btn-CheckoutPreWrap .button:hover, .btn-CheckoutPreWrap2 .button:hover {
    color: #dc2032;
    border: 1px solid #dc2032;
}
.strip_images_each:hover .overlay{
    opacity: 0.6;
}
/*--  end hover  --*/













@media only screen and (max-width: 1700px) {
    .content_wrapper{
        max-width: 90%;
    }

    .description-section, .story-overview {
        padding: 4vw 8vw 4vw 8vw;
    }

    .blogentry_page .story-overview {
        padding:8vw 1vw 32px 14vw;
    }

    .content-description, .story-titlecard {
width:35vw;    
}
    .system-detailpage .system-linkbar, .blog_page .system-linkbar {
        padding: 30px 8vw 30px 8vw;
    }

}
@media only screen and (max-width: 1452px) {
    .blogentry_page .story-overview {
        padding: 8vw 1vw 32px 14vw;
    }
    .productdetail_page div.attributes-section {
        flex-direction: column;
    }

    .productdetail_page div.mounting-media {
        flex-direction:row;
        flex-wrap:wrap;
        justify-content:center;
    }

    .mounting-section .contentcard {
        padding-left:0px;
        padding-top:60px;
    }

    
    .content-housing {
        margin: 80px 0px 40px 0px;
    }

        .story-titlecard h1 {
        font-size: 3.5vw;
    }

 .right_content .product_content, .right_content .info_content {
        padding: 0px;
    }

 .submenu {
        max-width: 100%;
    }
    .submenu_appear {
        /*top:166px;    */
    }
    .contact_parent {
        max-width: 100%;
        padding: 0 33px;
    }
    .strip_images_each{
        width:31%;
        max-width: 302px;
    }
    .strip_images_each {
        margin: 0 7px 14px;
    }
    .strip_images_after p{
        max-width: 100%;
        padding: 48px 33px 66px;
    }
    .ProductCaregories .strip_images{
        max-width: 90%;
    }
    .product_content{
        max-width: 100%;
        padding: 62px 15px 74px;
    }
    .contact_parent{
        padding: 0 15px;
    }
    .bg_overlay {
        padding: 32px 15px 22px;
    }
    .menu_main ul li a, .menu_main ul li span {
        /*padding: 25px 65px 10px;*/
    }

    .submenu_appear > ul > li > a {
        padding: 0px;
    }
    .home_banner img{
        width: auto;
        max-height: 320px;
        display: block;
    }
    .banner>img{
        width: auto;
    }
    .content_wrapper{
        max-width: 100%;
        padding: 0 33px;
    }
    .left_bar {
        width: 196px;
        position: absolute;
        left: -196px;
        background: #ffffff;
        z-index: 999;
        padding-bottom: 0;
    }

    .productlist_page .left_bar {
        width: 281px;
left:-281px;
    }
    .productlist_page .left_bar_content {
        padding: 44.5px 25px 53.5px 20px;
        box-shadow: inset 0 0 0 1px #25383b;
    }

    .productlist_page #WareList {
justify-content:center;
    }


    .productdetail_page .left_bar_content {
        box-shadow: inset 0 0 0 1px #25383b;
    }

    .display, .productlist_page .display{
        left: 0;
    }
    .right_content {
        width: 100%;
    }

    .productlist_page .right_content {
        padding: 0vw 10vw;
    }

    #container{
        display: block;
    }
    .menu-trigger {
        top: 6vw;

    }
    .ProductList .right_content .product_content{
        padding: 0;
    }
    .order-item-col-qty span:first-of-type{
        width:100%;
        position: static;
        margin: 0 0 4px 25px;
    }
    .contact_page .content-article-top {
        padding: 18vw 16vw 0px 0vw;
    }

}

    @media only screen and (max-width: 1324px) {
        .hero-section .content-section-image {
            align-self: flex-start;
            width: 94%;
        }
        .resources_page .downloads-section .content-downloadsflat h1 {
            padding-top: 0px;
            text-align: left;
        }

        .blog-media div {
position:relative;
        }

 .blogentry_page, .story-titlecard {
            width: 100%;
            padding-bottom: 40px;
        }
            .blogentry_page .story-overview {
display:block;
margin-bottom:0px;
            }


 .blogentry_page .story-overview .imagecard img {
            width: unset;
            width: initial;
max-width:100%;
        }

 .system-detailpage .system-titlecard h4 {
            font-size: 18px;
            line-height: 18px;
        }

        .system-detailpage .system-titlecard h3 {
            font-size: 34px;
            line-height: 34px;
        }

        .productdetail_page .system-titlecard h3 {
            font-size: 30px;
            line-height: 30px;
        }

        .productdetail_page .system-titlecard h4, .productdetail_page .system-titlecard h4 h1 {
            font-size: 24px !important;
            line-height: 28px !important;
        }

        .system-detailpage .section-stats .system-titlecard, .blog_page .section-stats .system-titlecard {
            padding-left: 60px;
            max-width: 70%;
        }

        .linkbar-links ul {
            justify-content: center;
        }

        .content-downloadstree {
            text-align: left;
        }

        .home_page .herobanner, .standard_page .herobanner {
            margin-top: 220px;
        }
        /* START PROMO VIDEO */
        .home_page .herobanner {
            margin-top: 0px;
        }

        .home_page .heropromo {
            /*margin-top: 220px;*/
            margin-top: 208px;
        }
        /* START PROMO VIDEO */

        .system-block .system-linkbar p img {
            margin: 4px 10px 64px 0px;
        }

        .system-block .system-linkbar p {
            width: 33%;
            padding-right: 2%;
        }

        .configure-section .content-configure {
            text-align: left;
        }

        .standard_page .content-section {
            padding: 0 0vw;
        }

        .system-detailpage .downloads-section, .system-detailpage .video-section, .system-detailpage .highlights-section, .blog_page .downloads-section, .blog_page .video-section, .blog_page .highlights-section {
            padding: 0 4vw;
        }

        .detail_page .trimvideo-section {
            position:relative;
        }

 .system-detailpage .dynamic-sections > div, .blog_page .dynamic-sections > div {
            padding: 0 4vw;
        }

        .systemlist-subnav {
            margin: 0 2vw;
        }

        .system-block .titleimagebar a {
            display: -webkit-box;
            display: -moz-box;
            display: box;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            box-orient: vertical;
        }

        .system-block #mainimgholder {
            width: 100%;
            -webkit-box-ordinal-group: 1;
            -moz-box-ordinal-group: 1;
            box-ordinal-group: 1;
        }

        .system-block .system-titlecard {
            display: block;
            padding: 1% 0% 0% 4%;
            -webkit-box-ordinal-group: 2;
            -moz-box-ordinal-group: 2;
            box-ordinal-group: 2;
        }

        .system-block #mainimgholder .ware-img {
            width: unset;
            width: initial;
            max-width: 100%;
            max-height: 300px;
        }

        .system-linkbar {
            display: flex;
            flex-direction: column;
            flex-flow: wrap;
            padding: 20px 0px 54px 5%;
        }

        .system-detailpage .fixed {
            /*position: unset;
        top: unset;
        left: unset;
        width: unset;
        z-index: unset;*/
            padding: 20px 0px 54px 5%;
            /*-webkit-transform: unset;*/
        }

        .system-linkbar p {
            display: unset;
            display: initial;
            width: 40%;
            padding: 20px 0px;
        }

        .system-linkbar .system-buttonwrap {
            max-height: 44px;
            position: absolute;
            bottom: 10px;
            right: 0px;
        }

        .system-detailpage .section-stats, .blog_page .section-stats {
            padding: 0px 0px;
            display: -webkit-box;
            display: -moz-box;
            display: box;
            -webkit-box-orient: vertical;
            -moz-box-orient: vertical;
            box-orient: vertical;
        }


            .system-detailpage .section-stats .system-coverimage, .blog_page .section-stats .system-coverimage {
                width: 100%;
                -webkit-box-ordinal-group: 1;
                -moz-box-ordinal-group: 1;
                box-ordinal-group: 1;
            }

            .system-detailpage .section-stats .system-titlecar, .blog_page .section-stats .system-titlecard {
                display: block;
                padding: 1% 26vw 0% 4vw;
                max-width: 100%;
                -webkit-box-ordinal-group: 2;
                -moz-box-ordinal-group: 2;
                box-ordinal-group: 2;
            }

        .system-icons {
            padding: 80px 20px 40px 40px;
        }

        .system-detailpage .system-linkbar, .blog_page .system-linkbar {
            /*padding: 30px 2vw 30px 2vw;*/
            padding: 0px 0vw 20px 0vw;
            text-align: center;
        }

        .story_page .system-linkbar {
            padding: 20px 0vw 20px 0vw;
        }

        .system-detailpage .linkbar-links, .blog_page .linkbar-links {
            width: 100%;
            display: block;
            text-align: center;
        }

        .system-detailpage .system-linkbar .system-buttonwrap, .blog_page .system-linkbar .system-buttonwrap {
            position: relative;
            bottom: unset;
            right: unset;
            text-align: center;
            width: 100%;
            justify-content: center;
            margin-top: 20px;
        }

        .system-detailpage .highlights-section {
            flex-direction: column;
            margin: 40px 0px 40px 0px;

        }
        .blog_page .highlights-section {
            flex-direction: column;
            margin: 40px 0px 40px 0px;
            margin-top: 37vw;
        }
            .system-detailpage .highlights-section .cblist-each, .blog_page .highlights-section .cblist-each {
                width: 100%;
                text-align: left;
                display: block;
                margin: 40px 0px;
            }

        .system-detailpage .content-illustrations, .blog_page .content-illustrations {
            padding: 0 2vw;
            margin-top: 40px;
        }



        .system-detailpage .content-photos .desc-img, .blog_page .content-photos .desc-img {
            width: 49%;
        }

        .content-applications {
            display: block;
            width: 100%;
        }

        .linkbar-links ul li {
            font-size: 20px;
        }

        .content-description, .story-titlecard {
            width: 100%;
            padding-bottom: 40px;
        }

        .description-section {
            flex-direction: column;
            padding: 11vw 4vw 11vw 4vw;
        }

        .imagecard {
            text-align: center;
        }

        .story-overview .imagecard img {
            width: 68%;
            top: unset;
        }

        .description-section .imagecard .desc-img {
            max-width: 440px;
        }

        .story-overview {
            height: unset;
            height: initial;
            margin-bottom: 38vw;
        }

        .salesagent_page .story-overview, .resources_page .story-overview {
            margin-bottom: 0vw;
        }


        .story_page .overview-section {
            flex-direction: column;
            padding: 4vw 4vw;
        }

        .salesagent_page .overview-section {
            flex-direction: column-reverse;
        }

        .salesagent_page .replocator-wrap {
            width: 100%;
        }

            .salesagent_page .replocator-wrap .wtb_results {
                text-align: left;
            }

        .salesagent_page .replocator-mapwrap img {
            padding: 0px;
            width: 100%;
        }

        .system-detailpage .content-section, .blog_page .content-section {
            margin-top: 50vw;
        }

        .resources_page .content-section {
            margin-bottom: 4vw;
        }

        .applications-section, .description-section {
            flex-direction: column;
        }

        .system-detailpage .dynamic-sections > div:nth-of-type(4), .blog_page .dynamic-sections > div:nth-of-type(4) {
            padding: 40px 4vw;
        }

        .system-detailpage .content-applications, .blog_page .content-applications {
            padding-top: 40px;
            padding-right: 20px;
            margin-bottom: 80px;
        }

        .system-detailpage .slider, .system-detailpage .slider2, .blog_page .slider, .blog_page .slider2 {
            display: block;
        }

        .system-detailpage .applications-section .slider, .blog_page .applications-section .slider {
            width: 100%;
        }

        .system-detailpage .slick-prev, .blog_page .slick-prev {
            right: 60px;
        }



        .system-detailpage .downloads-section .grouplist, .blog_page .downloads-section .grouplist {
            max-width: 100%;
            margin-bottom: 40px;
        }

        .system-detailpage .content-configure, .blog_page .content-configure {
            padding: 8% 2vw 8% 2vw;
        }


        /*   .header_wrapper .menu_main ul {
        background-color: #ffffff;
        z-index: 1000;
        position: absolute;
        right: 8px;
        width: 90%;
        text-align: left;
        padding-left: 40px;
        top: 160px;
        box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, .2);
    }*/

        #menuimage {
            display: none;
            visibility: hidden;
        }

        .menu_main ul.top_sub li {
            padding-right: 20px;
        }


        /*.header_wrapper .menu_main ul.top_sub, .header_wrapper .menu_main ul.top_sub1 {
            z-index: 1001;
            position: relative;
            right: 19px;
top:0px;
            width: 90%;
            text-align: left;
            padding-left: 26px;
            margin-top: 0px;
            box-shadow: none;
        }*/
        .menu_main ul.top_sub {
            border-top: 2px solid #e3e3e3;
        }

        .menu_main ul.top_sub1 li a {
            font-size: 18px;
            line-height: 18px;
        }

        .catdesc {
            font-size: 14px;
            line-height: 14px;
        }


        .menu_main ul.top_sub1 li {
            padding: 0px 0px 20px 0px;
        }

        .menu_main ul li a, .menu_main ul li span, .menu_main ul li:first-of-type a, .menu_main ul li:first-of-type span, .menu_main ul li:last-of-type a, .menu_main ul li:last-of-type span {
            padding: 25px 20px 10px;
        }

        .menu_main ul.top_sub li a, .menu_main ul.top_sub li span, .menu_main ul.top_sub li:first-of-type a, .menu_main ul.top_sub li:first-of-type span, .menu_main ul.top_sub li:last-of-type a, .menu_main ul.top_sub li:last-of-type span {
            padding: 4px 4px 4px 0px;
        }

        .leadbanner {
            position: relative;
margin-top:-7%;
        }

        .banner-overlay {
            position: absolute;
            top: 5vw;
        }



        .footer_menu {
            display: flex;
            flex-wrap: wrap;
            justify-content: space-between;
        }

        .header_wrapper {
            padding: 32px 2vw 30px 2vw;
        }

        .notification {
            padding: 10px 2vw 0px 2vw;
        }

        .menu_main ul.top_sub {
            padding-left: calc(28vw);
        }

        .hero {
            padding: 0px 1vw 16vw 1.5vw;
        }

        .herobanner {
            padding: 0 1vw;
        }

        .hero h1, .video-section h1 {
            font-size: 2em;
            line-height: 1em;
        }

        .video-section h1 {
            position: relative;
            width: 100%;
            display: block;
            text-align: center;
            left: 0vw;
        }

        .hero img {
            width: 45vw;
        }

        .content-section {
            padding: 0px 2vw;
            text-align: center;
        }

        .secondslider {
            text-align: unset;
        }

        .alternatehero .contentcard {
            padding-left: 46%;
            padding-right: 40px;
        }

        .hero-contentcard, .alternatehero-contentcard, .content-section {
            font-size: 1.2em;
            line-height: 1.8em;
        }

        .slider {
            top: -8vw;
        }

        .slider2 {
            top: -20vw;
        }

        .slider-section .contentcard {
            padding: 8vw 20px 0px 0px;
        }

        .content-section h2 {
            font-size: 1.5em;
            line-height: 1em;
        }


        .slick-prev, .slick-next {
            bottom: 15px;
            height: 60px;
            width: 60px;
        }

        .slick-prev {
            right: 60px;
        }

        .content-section .contentcard {
            width: unset;
            width: initial;
        }

        .photo-section {
            text-align: center;
            width: 100%;
            padding: 10vw 0vw 0vw 0vw;
        }
        .lead-section1 .content-section-image {
            width: 94%;
            max-width: 700px;
            margin-bottom: 40px;
        }
            .photo-section .contentcard {
                padding: 4vw 2vw 4vw 2vw;
            }

        .alternatehero {
            padding: 2px 34px 26vw 2vw;
        }

            .alternatehero img {
                max-width: 50vw;
            }

        .footer-section {
            padding: 0px 2vw;
        }

        .header {
            /*padding: 42px 15px 0;*/
        }

        .banner .overlay, #slider .overlay {
            height: 50%;
        }

        .top_menu {
            top: -30px;
            margin-bottom: 40px;
        }

        .logo_wrapper .logo img {
            /*width:140px;*/
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .banner .overlay .middle h3,
        .overlay .middle h3 {
            font-size: 40px;
        }

            .banner .overlay .middle h3 span img, #slider .overlay .middle h3 span img {
                width: 26px;
            }

        .strip_images .overlay .middle h3 span {
            font-size: 25px;
        }

        .footer_menu.menu_main ul li a, .footer_menu.menu_main ul li span {
            /*padding: 25px 35px 10px;*/
        }

        .menu_main ul li a, .menu_main ul li span {
            /* padding: 25px 35px 10px;*/
        }

        .submenu_appear {
            /*top:214px;    */
        }

            .submenu_appear > ul > li > a {
                padding: 0px;
            }

        .submenu, .contact_parent {
            padding: 0 15px;
        }

        .strip_images_after p {
            padding: 48px 15px 66px;
        }

        .ProductCaregories .strip_images {
            max-width: 100%;
            padding: 102px 15px 100px;
        }

        .product_content, .info_content {
            max-width: 100%;
            padding: 62px 15px 74px;
        }

        .product_content, .info_content {
            -webkit-justify-content: space-around;
            justify-content: space-around;
        }

        .product_content_each {
            width: 48%;
            margin-bottom: 33px;
        }

        .footer_menu {
            margin-bottom: 90px;
        }

        .ProductList .right_content,
        .productDetail .right_content {
            padding-top: 33px;
        }

        .right_content .product_content_each {
            width: 46%;
        }

        .right_content .product_content {
            -webkit-justify-content: space-between;
            justify-content: space-between;
        }

        .order-item-col-name.td_cell {
            width: 187px;
        }

        .order-item-col-qty span:first-of-type {
            width: 100%;
            top: -6px;
            right: -26px;
        }

        .order-item-col-amt.td_cell span {
            position: relative;
            top: -12px;
        }

        .single_product_top {
            min-height: 500px;
        }

        .system-detailpage .content-section, .blog_page .content-section {
            margin-top: 0vw;
        }

        .story_page .article-top-section {
            display: inline-flex;
            flex-direction: column-reverse;
            justify-content: flex-end;
            padding: 4vw 4vw;
            font-size: 1.2em;
        }


        .blogentry_page  .article-top-section {
            display:block;
text-align:left;
        }

        .story_page .article-bottom-section {
            display: inline-flex;
            flex-direction: column;
            justify-content: flex-start;
            padding: 4vw 4vw;
            font-size: 1.2em;
            margin-bottom: calc(100%);
        }

        .content-article-top, .content-article-bottom {
            width: 100%;
            padding: 60px 0px;
        }

        .article-top-section .imagecard, .article-bottom-section .imagecard {
            max-width: unset;
            height: unset;
            height: initial;
        }

        .article-top-section img, .article-bottom-section img {
            width: 100%;
            position: relative;
            top: unset;
        }

        .flexextra .groupitem img {
            width: 14px;
            position: relative;
            top: unset;
        }

        .socialicon {
            padding: 0px !important;
        }

        .contact_page .story-overview {
            padding: 14vw 8vw 32px 8vw;
            justify-content: center;
            height: 40vw;
        }

        .contact_page .imagecard {
            max-width: 80%;
        }

        .contact_page .description-section .imagecard img {
            top: 0px;
            left: 0px;
        }

        .contact_page .story-titlecard {
            padding: 40px 40px 40px 40px;
            margin-top: 8vw;
            margin-left: 40vw;
            width: 44vw;
        }

        .contact_page .article-top-section {
            display: flex;
            flex-direction: column;
        }

        .contact_page .content-article-top {
            padding: 14vw 0px 0px 0px;
            text-align: left;
        }

        .contact_page .content-article-bottom {
            display: flex;
            padding: 0px 0px 60px 0px;
        }
        .story_page .blog .content-article-bottom {
            padding: 40px 0px;
        }

        .story_page .blogentry {
            width: 90%;
            align-self: center;
        }
    }



    @media only screen and (max-width: 1100px) {
        .mounting-media img {
            max-width:380px;
            height:auto;
            max-height:unset;
        }

        .wrap .row li.col, .wrap .row li.col a {
            height: unset;
            height: initial;
            line-height: 20px;
            padding: 30px 0px;
        }

        .wrap .row li.col {
            display: flex;
            flex-direction: column;
        }

            .wrap .row li.col a {
                padding: 0px;
                vertical-align: middle;
            }

            .wrap .row li.col:nth-of-type(1) img {
                display: block;
                padding-bottom: 10px;
            }
    }
@media only screen and (max-width: 1024px) {
    .carousel-section {
        padding: 0px 0px;
    }
}

    @media only screen and (max-width: 1021px) {
        .blog .WareList {
            flex-direction: column;
        }

        .blogentry {
            width: 100%;
        }

        .blog_page .article-top-section img {
            height: unset;
            height: initial;
            width: 100%;
            min-height: 100%;
        }
    }

    @media only screen and (max-width: 798px) {
        .productcard-wrap {
            width: 42%;
        }
        .mediagallery-innerwrap {
            justify-content: center;
        }
        .productcard-caption {
        text-align:center;}
        .mounting-media img {
            margin-right: 0px;
        }
        .luxedetail .dynamic-sections > div:nth-of-type(3) {
            padding: 120px 6vw;
        }
        .luxedetail .dynamic-sections > div:nth-of-type(3) img {
            width:100% !important;
        }

        .home_page .heropromo {
            padding: 0px 0px 0px 0px;
        }
        .multivideo .videoitem {
            margin: 40px;
            width: 100%;
        }

        .description-section .slider {
            margin-left: 0px;
        }

        .slick-prev, .slick-next {
            bottom: 16px;
        }

        .section_tabs .cylinder-listpage, .section_tabs2 .cylinder-listpage, .section_tabs3 .cylinder-listpage, .section_tabs4 .cylinder-listpage {
            width: 46%;
        }

        .footer_menu .inner2 li img {
            padding-top: 28%;
        }

        .splide__slide {
            flex-direction: column;
            padding: 0px 20px;
            justify-content: flex-end;
        }

        .slide-text, .housing-section .slide-text {
            width: 100%;
            text-align: center;
            font-size: 30px;
            line-height: 36px;
        }

        .systemdetail .slide-text, .housing-section .slide-text {
        font-size:18px;
        line-height:22px;
        }

            .sliderinner {
                width: 100%;
                max-width: 100%;
                text-align: center;
            }

        .splide__arrows {
            display: none;
            visibility: hidden;
        }

        .slider-image {
            padding-right: 0px;
            margin-top: 40px;
        }

        .splide__arrow {
            top: 68%;
        }

        .blog_page .article-top-section img {
            max-height: 300px;
        }

        .blog_page .article-top-section img {
            width: unset;
            width: initial;
        }

        .story_page .blog-media div img {
            max-width: 100%;
        }

        .footer_menu.menu_main ul li a, .footer_menu.menu_main ul li span {
            line-height: 18px;
        }

            .footer_menu.menu_main ul li a.socialicon {
                line-height: unset;
            }

        footer .menu_main ul li:last-of-type a {
            padding: 0px 0px 10px;
        }

        .story-titlecard h1 {
            font-size: 9.5vw;
        }

        .downloadgroup {
            width: 100%;
        }

        .productdetail_page .section-stats .system-titlecard {
            max-width: 100%;
        }

        .productdetail_page .description-section .content-description {
            width: 100%;
        }

        .productdetail_page .description-section {
            flex-direction: column;
        }

        .description-section .imagecard .desc-img {
            /*width: 100%;*/
            margin-top: 40px;
        }

        .system-detailpage .content-section, .blog_page .content-section {
            margin-top: 30vw;
        }

        .system-detailpage .content-section, .blog_page .content-section {
            margin-top: 0vw;
        }

        .story_page .overview-section h1 {
            margin-right: 0px;
        }

        .story_page .article-top-section, .story_page .article-bottom-section {
            text-align: left;
            padding: 0vw 4vw 4vw 4vw;
            margin-top: 0px;
        }

        .story_page .article-bottom-section {
            margin-bottom: 0px;
        }


        .system-icons {
            padding: 80px 0px 40px 0px;
        }

        .system-detailpage .dynamic-sections > div, .blog_page .dynamic-sections > div {
            text-align: left;
        }

        .productdetail_page .content-cct {
            text-align: left;
        }

        .productlist_page #WareList {
            flex-direction: column;
        }

        .right_content .product_content_each {
            width: 100%;
        }


        .mm-opening .menu-trigger {
            left: unset;
            right: 0px;
        }

        .menu-trigger {
            position: fixed;
            left: 0px;
            top: 28vw;
        }

        .mm-opening .menu-trigger {
            position: absolute;
            right: -122px;
            top: 0px;
        }

        .standard_page .content-section {
            padding-top: calc(12%);
        }

        .expanding-trstgrid table, .btn-expand {
            width: 100%;
        }

        .menu_main ul li a, .menu_main ul li span, .menu_main ul li:first-of-type a, .menu_main ul li:first-of-type span, .menu_main ul li:last-of-type a, .menu_main ul li:last-of-type span {
            padding: 25px 0px 10px;
        }

        .secondslider {
            max-height: unset;
            max-height: initial;
        }

        .header_wrapper .menu_main ul {
            background-color: #ffffff;
            z-index: 1000;
            position: absolute;
            right: 8px;
            width: 80%;
            text-align: left;
            padding-left: 40px;
            /*margin-top: 90px;*/
            top: 160px;
            box-shadow: 2px 2px 8px 1px rgba(0, 0, 0, .2);
            overflow-y: scroll;
        }

        .header_wrapper .menu_main > ul {
            max-height: 100vw;
        }

        .header_wrapper .menu_main ul.top_sub, .header_wrapper .menu_main ul.top_sub1 {
            z-index: 1001;
            position: relative;
            right: 19px;
            top: 0px;
            width: 90%;
            text-align: left;
            padding-left: 26px;
            margin-top: 0px;
            box-shadow: none;
        }

        .menu_main ul.top_sub1 li a {
            font-size: 24px;
            line-height: 28px;
        }

        .catdesc {
            font-size: 20px;
            line-height: 20px;
        }

        .order-item-row-header {
            display: none !important;
        }

        .pull {
            display: inline-block;
            /*float: right;
        margin: 16px 16px 16px 0;*/
            margin-bottom: 20px;
            z-index: 1200;
        }

        .pull-rotate {
            transform: rotate(-90deg);
            -webkit-transition: all 600ms ease-in-out;
            -ms-transition: all 600ms ease-in-out;
            -moz-transition: all 600ms ease-in-out;
            transition: all 600ms ease-in-out;
        }

        .menu > ul {
            margin-top: 0px;
        }

        .menu_main ul.top_sub {
            padding-left: 0px;
        }

        #menuimage {
            display: none;
            visibility: hidden;
            text-space-collapse: collapse;
        }

        .menu_main ul li:hover .top_sub {
            display: block;
        }

        ul.top_sub > li {
            display: block;
            width: 100%;
        }

        .hero-contentcard, .alternatehero-contentcard {
            width: 100%;
            padding: 12vw 3.5vw 16vw 3.5vw;
        }

        .hero img {
            width: 100vw;
        }

        .content-section .contentcard {
            padding: 12vw 3.5vw 16vw 3.5vw;
            text-align: center;
        }

        .mounting-section .contentcard {
            padding: 40px 3.5vw 40px 3.5vw;
            text-align: center;
        }

        .herobanner .contentcard {
            text-align: initial;
        }

        .slider, .slider2 {
            padding: 0vw 0vw 0vw 0vw;
            width: 100%;
        }



        .video-section {
            margin-top: 0px;
        }

            .video-section h1 {
                position: unset;
                position: initial;
                width: 100%;
            }

            .video-section .videoembed iframe {
                padding: 0px;
            }

        .videoembed p {
            position: unset;
            position: initial;
            margin-top: 40px;
            text-align: right;
        }

        .alternatehero {
            padding: 2px 2px 26vw 2vw;
        }

            .alternatehero .contentcard {
                position: unset;
                position: initial;
                padding-left: 0px;
            }

            .alternatehero img {
                max-width: 100vw;
            }


        .footer_menu .listhead, .social_menu {
            padding-top: 20px;
        }

        .chkwrap input.fieldwide {
            width: 99%;
        }

        .FormFieldWrap {
            text-align: center;
        }

        .menu ul {
            display: none;
            margin-bottom: 24px;
        }

        .menu_main ul li {
            display: block;
        }

        .menu_main.footer_menu ul li {
            display: block;
        }

        .menu_main ul li a, .menu_main ul li span, .menu_main ul li:first-of-type a, .menu_main ul li:first-of-type span, .menu_main ul li:last-of-type a, .menu_main ul li:last-of-type span {
            /*padding: 25px 35px 10px;*/
        }

        .submenu_appear > ul > li > a {
            padding: 0px;
        }

        .submenu_appear {
            height: unset;
        }

        .submenu {
            padding: 0 15px;
            top: 45%;
            /*top: 272px;*/
        }

            .submenu ul li {
                width: 45%;
                text-align: center;
                float: none;
                display: inline-block;
                vertical-align: top;
            }

        #slider .overlay .middle {
            margin-bottom: 44px;
        }

        .strip_images_each {
            width: 47.333333333%;
        }

        .strip_images_after p {
            text-align: left;
            text-align-last: left;
        }

        .ProductCaregories .strip_images {
            padding: 72px 15px 70px;
        }

        .ProductCaregories .strip_images_each {
            width: 31.5%;
        }

        .banner_parent h2 {
            font-size: 38pt;
        }

        .banner_parent p {
            font-size: 25pt;
        }

        .content_wrapper {
            padding: 0 15px;
        }

        .right_content .product_content {
            padding: 0;
        }

        .text p {
            text-align: left;
        }

        .right_content .product_content_each .img img {
            max-height: 160px;
        }

        div.table {
            display: block;
            width: 100%;
        }

        div.tr_row {
            display: block;
            width: 100%;
            height: auto;
            text-align: center;
        }

        div.td_cell {
            display: block;
            padding: 0;
            border-bottom: none;
            width: 100%;
            margin: 22px 0;
        }

        .order-summary-row-promostotals {
            display: block;
            overflow: visible;
        }

        .blockFormSection {
            display: block !important;
        }

        .chkwrap .blockFormSection .FormCol {
            margin-top: 20px;
        }

        .order-item-row-header {
            display: none !important;
        }

        .order-item-row.tr_row {
            border-bottom: 1px solid #ccc;
        }

        .order-item-col-name.td_cell {
            width: auto;
        }

        .order-item-col-amt.td_cell {
            padding: 0;
        }

        .order-item-col-price .form-control {
            width: 50%;
        }

        .order-item-col-qty .form-control,
        .order-item-col-qty span.minus_qty, .order-item-col-qty span.plus_qty {
            display: inline-block;
            float: none;
        }

        .order-item-col-qty .form-control {
            position: relative;
            top: -2px;
        }

        .order-item-col-amt {
            text-align: center;
            padding-right: 2px;
        }

            .order-item-col-amt.td_cell span,
            .order-item-col-qty span:first-of-type {
                width: 100%;
                display: block;
                margin: 0 0 5px 0;
                position: static;
            }

        .top_menu {
            position: relative;
            padding-top: 40px;
            margin-bottom: 0px;
        }

        .Subnav .right_content {
            padding-left: 0px;
        }

        .contact_page .description-section .imagecard img {
            top: 20vw;
        }

        .contact_page .story-titlecard {
            margin-top: 26vw;
        }

        .story_page .blog-media div img {
            max-width: unset;
            max-width: initial;
        }
    }

    @media only screen and (max-width: 570px) {
        .productcard-wrap {
            width: 75%;
            margin: 30px 0px 20px 0px;
        }
        .section_tabs .cylinder-listpage, .section_tabs2 .cylinder-listpage, .section_tabs3 .cylinder-listpage, .section_tabs4 .cylinder-listpage {
            width: 100%;
        }

        .section_tabs .product_content_each .img, .section_tabs2 .product_content_each .img, .section_tabs3 .product_content_each .img, .section_tabs4 .product_content_each .img {
            max-height: 432px;
        }


        .story_page .blog-media div img {
            max-width: 100%;
        }

        .home_page .blog-media img {
            max-width: 100%;
        }

        .blog_page .description-section {
            padding-bottom: 0px;
            margin-bottom: 0px;
        }

        .blogentry {
            flex-direction: column;
        }



        .blog-media {
            width: unset;
            width: initial;
        }

            .blog-media div {
                position: relative;
                display: block;
            }

        .blog_page .article-top-section h1, .blogentry_page .story-titlecard h3 {
            font-size: 36px;
            line-height: 40px;
        }

        .blog-content {
            width: 100%;
        }

        .wrap .row li.col:nth-of-type(2), .wrap .headerrow li.headercol:nth-of-type(2) {
            width: 20%;
        }

        .blogentry_page .imagecard {
            display: flex;
            height: unset;
            height: initial;
            margin-right: 0px;
        }

            .blogentry_page .imagecard img {
                width: 100%;
            }

        .blogentry_page .article-top-section {
            display: block;
        }

        .blogimgmulti {
            flex-direction: column;
        }

        .blogentry_page .article-top-section .blogimgmulti img {
            width: unset;
            width: initial;
            margin-top: 20px;
        }


            .blogentry_page .article-top-section .blogimgmulti img:first-of-type {
                margin-top: 0px;
            }

        .blogimgwrap {
            padding: 40px 0px;
        }

        .blog_page .story-titlecard {
            margin-top: 30px;
        }
    }

    @media only screen and (max-width: 567px) {

        .top_sub div.mtag {
            float: right;
            margin-top:0px;
        }

        .system-detailpage .system-titlecard h4 {
            font-size: 18px;
            line-height: 18px;
        }

        .system-detailpage .system-titlecard h3 {
            font-size: 34px;
            line-height: 34px;
        }

        .productdetail_page .system-titlecard h3 {
            font-size: 26px;
            line-height: 26px;
        }

        .productdetail_page .system-titlecard h4, .productdetail_page .system-titlecard h4 h1 {
            font-size: 24px !important;
            line-height: 28px !important;
        }

        .system-block .system-titlecard {
            width: 98%;
            overflow-wrap: initial;
        }

        .standard_page .content-section {
            /*padding-top: 160px;*/
           margin-top: 40px;
        }
        .withcarousel {
            padding-top: 0px !important;
            margin-top: 0px !important;
        }
        .system-detailpage .highlights-section, .blog_page .highlights-section {
            margin-top: 0px;
        }

        .menu-trigger {
            top: 150px;
        }

        .productlist_page .menu-trigger {
            top: 206px;
        }

        .productlist_page .display .menu-trigger {
            top: 0px;
        }

        .productdetail_page .menu-trigger {
            top: 168px;
        }

        .productdetail_page .display .menu-trigger {
            top: 0px;
        }

        .productdetail_page .display .menu-trigger {
            left: calc(100%);
        }

        .altimages {
            justify-content: center;
        }

            .altimages .desc-img {
                margin: 20px 20px 20px 20px;
            }

        .expanding-trstgrid {
            overflow-x: scroll;
        }

            .expanding-trstgrid td {
                font-size: 14px;
                line-height: 18px;
            }

        .datapanel {
            flex-direction: column;
        }

            .datapanel .coverwrap {
                height: unset;
                width: 100%;
                text-align: center;
            }

            .datapanel .listwrap .row {
                flex-direction: column;
            }

        .wrap .row li.col:nth-of-type(1), .wrap .row li.col:nth-of-type(2), .wrap .row li.col:nth-of-type(3), .wrap .row li.col:nth-of-type(4), .wrap .row li.col:nth-of-type(5) {
            width: 100%;
            padding-right: 20px;
        }

        .wrap .row li.col:nth-of-type(2), .wrap .row li.col:nth-of-type(3), .wrap .row li.col:nth-of-type(4), .wrap .row li.col:last-of-type {
            text-align: left;
        }

        .listwrap .attlistgroup ul, .listwrap .attlistgroup ul li {
            display: inline-block;
        }

        .wrap .row li.col {
            border-bottom: none;
        }

        .listwrap .row {
            border-bottom: 1px solid #e3e3e3;
        }

        .wrap .row li.col:nth-of-type(1) img {
            height: 60px;
            width: unset;
        }

        .wrap .row li.col:nth-of-type(1) {
        }

        .wrap .row li.col a {
            display: flex;
        }

        .wrap .row li.col {
            line-height: 80px;
        }

            .wrap .row li.col:nth-of-type(1) {
                height: 100px;
                padding-top: 20px;
            }

            .wrap .row li.col a {
                line-height: 26px;
            }

                .wrap .row li.col a:before {
                    padding-left: 14px;
                    font-weight: bold;
                    width: 110px;
                    display: inline-block;
                }

            .wrap .row li.col:nth-of-type(1) a:before {
                content: "Housing";
            }

            .wrap .row li.col:nth-of-type(2) a:before {
                content: "Type";
            }

            .wrap .row li.col:nth-of-type(3) a:before {
                content: "Description";
            }

            .wrap .row li.col:nth-of-type(4) a:before {
                content: "Watts";
            }

        .headerpanel {
            display: none;
        }


        .system-detailpage .section-stats .system-titlecard, .blog_page .section-stats .system-titlecard {
            padding: 5% 4vw 0% 4vw;
            max-width: unset;
            max-width: initial;
            width: 100%;
        }

        .luxedetail .section-stats .system-titlecard {
            padding: 88% 4vw 0% 4vw;
        }
        .luxedetail .system-icons {
        display:none;
        }
        .housing-swatches > div:first-of-type {
            width: 100%;
        }

        .productdetail_page .attributes-section .colorswatches .cblist-each, .detail_page .colorswatches .cblist-each {
            margin-right: 9px;
        }

        .mounting-image {
            display: block;
            width: 100%;
            text-align: center;
            padding: 0px;
        }

        .mounting-content {
            width: 100%;
        }

        .mounting-image .desc-img {
            width: 100%;
        }

        .detail_page .dynamic-sections > div:nth-of-type(3) {
            padding: 0px 4vw;
        }
        .luxedetail .dynamic-sections > div:nth-of-type(3) {
            padding: 40px 4vw;
        }
        .luxedetail .dynamic-sections > div:nth-of-type(3) img{
            max-width:100% !important;
        }
        .productdetail_page .description-section .imagecard img, .description-section .imagecard .desc-img {
            max-width: 80%;
            top: -40px;
        }

        .show-effect .icon {
            border-left: none;
        }

        .tree .spacer {
            width: 0px;
        }

        .tree__item .icon p, .tree__item a {
            border-left: none;
            font-size: 16px;
            padding: 17px 10px;
        }

        .tree .show-effect .expanded > .icon:before {
            padding-left: 0px;
        }

        .show-effect .groupitem {
            padding-left: 22px;
        }

            .show-effect .groupitem .medianame {
                padding: 0px;
            }


            .show-effect .groupitem .medianame {
                max-width: 196px;
                margin: auto 0;
            }

        .show-effect div.downloadicon {
            padding: 20px 10px;
        }

        .resources_page .medianame, .resources_page .content-downloadsflat .groupitem span:first-of-type {
            width: 168px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        .resources_page .content-downloadsflat .groupitem span:first-of-type {
            width: 244px;
        }

        .resources_page .groupitem .medianame {
            margin-left: 10px;
        }

        .resources_page .groupitem:first-of-type .medianame {
            margin-left: 0px;
        }

        .home_page .herobanner, .standard_page .herobanner {
            margin-top: 252px;
        }
        /*START PROMO VIDEO */
        .home_page .herobanner {
            margin-top: 0px;
        }

        .home_page .heropromo, .home_page .heropromotop {
            /*margin-top: 252px;*/
            margin-top: 270px;
        }
        .home_page .heropromo:empty {
            display:none;
            visibility:hidden;
        }
            /*START PROMO VIDEO */
            .system-icons {
                justify-content: center;
            }

        .detail_page .dynamic-sections > div:first-of-type {
            padding: 4vw 4vw 0vw 4vw;
        }

        .system-groupdetailpage .dynamic-sections > div:first-of-type {
            padding: 0vw 4vw 0vw 4vw;
        }
        .system-detailpage .content-photos .desc-img, .blog_page .content-photos .desc-img {
        width:100%;
        }
        .content-photos {
        padding-bottom:40px;
        }

        .productdetail_page .dynamic-sections > div:first-of-type {
            padding: 0vw 4vw 0vw 4vw;
        }

        .productdetail_page .attributes-section #mainimg {
            max-width: 100%;
        }

        .productdetail_page .attributes-section .cblist-each img, .detail_page .cblist-each img {
            max-width: 100%;
        }

        .productdetail_page .content-optics {
            flex-direction: column;
        }

            .productdetail_page .content-optics .beam, .productdetail_page .content-optics .lens {
                width: 100%;
            }

        .system-block .system-linkbar p {
            width: 100%;
            padding: 0px;
        }

        .footer_menu .inner2 li {
            padding: 0px 20px 0px 0px;
        }

        .header_wrapper .menu_main ul {
            padding-left: 20px;
        }

        .menu_main ul.top_sub1 li {
            padding-left: 16px;
        }

        .header_wrapper .menu_main ul.top_sub, .header_wrapper .menu_main ul.top_sub1 {
            padding-left: 16px;
        }

        .system-linkbar {
            padding: 20px 20px 20px 20px;
        }

            .system-linkbar p {
                width: 100%;
            }

            .system-linkbar .system-buttonwrap {
                position: relative;
                bottom: unset;
                right: unset;
                width: 100%;
                justify-content: center;
                margin-top: 20px;
            }


        .system-detailpage .dynamic-sections > div, .blog_page .dynamic-sections > div {
            padding: 0 4vw;
        }

        .system-detailpage .linkbar-links ul li, .blog_page .linkbar-links ul li {
            padding: 14px 14px;
        }



        .system-detailpage .description-section, .blog_page .description-section {
            padding: 11vw 4vw 100px 4vw;
        }

        .blogentry_page .description-section {
            padding: 11vw 4vw 0px 4vw;
        }


        .blogentry_page .story-overview {
            margin-bottom: 0px;
        }

        .system-detailpage .slick-prev, .blog_page .slick-prev {
            /*right: 17.5vw;*/
        }

        .description-section .slick-prev {
            right: 60px;
        }

        .logo_wrapper {
            padding: 15px 0;
        }

        div#slider div > img {
            min-height: 172px;
        }

        .banner .overlay .middle h3 span img, #slider .overlay .middle h3 span img {
            width: 19px;
        }

        .submenu ul li {
            min-height: 200px;
            margin-bottom: 22px;
        }

        .overlay .middle {
            width: 97%;
        }

            .overlay .middle > div {
                padding-left: 9px;
            }

            .overlay .middle h3 {
                font-size: 23px;
            }

        .strip_images_each {
            width: 88%;
        }

        .ProductCaregories .strip_images_each {
            width: 48%;
        }

        .product_content_each, .form-group1, .attributes-sa {
            width: 100%;
        }

        .single_product_top {
            min-height: 412px;
            max-height: 412px;
        }

        .contact_parent .form-control1 {
            max-width: 100%;
        }

        .single_product_bottom .title h3 {
            font-size: 36px;
        }

        .single_product_size .form-group1, .single_product_size .attributes-sa {
            display: block;
            width: 100%;
        }

        .right_content .product_content_each {
            width: 100%;
        }

        .coupon-row {
            padding: 30px 0 30px 0;
        }

        .form-group1, .attributes-sa {
            margin: 8px 0 9px 0;
        }

        .coupon-row label {
            display: block;
            margin-left: 25px;
        }

        .order-summary-row-promostotals {
            padding: 45px 15px 0;
        }

        .orderSummary .banner {
            height: 200px;
        }

            .orderSummary .banner > img {
                max-width: none;
                width: 100%;
                height: 100%;
                object-fit: cover;
            }

        .banner .overlay .middle h3 span img {
            top: 0;
        }

        .btn-Checkout .learn_more {
            width: 221px;
            margin: 0 auto 6px;
            display: block;
        }

        .header {
            padding: 0px;
        }

        .order {
            width: 100%;
        }

        .top_menu {
            width: 100%;
            /*top:-65px;*/
        }

            .top_menu ul li {
                float: none;
                display: inline-block;
                padding: 8px 0px;
            }

            .top_menu .basket {
                width: 100%;
            }

                .top_menu .basket a {
                    line-height: 1.6;
                    margin-top: 0;
                }

        .contact_page .story-titlecard {
            width: 100%;
            display: block;
            margin-left: 0px;
        }

        .contact_page .story-overview {
            display: block;
            justify-content: center;
            height: unset;
            height: initial;
        }

        .contact_page .imagecard {
            max-width: unset;
            max-width: initial;
            width: 100%;
        }

        .contact_page .description-section .imagecard img {
            position: relative;
            top: unset;
            top: initial;
            left: unset;
            left: initial;
            width: 100%;
        }

        .contact_page .content-article-bottom {
            display: block;
        }

        .contact_page .content-article-left {
            width: 100%;
        }

        .contact_page .content-article-right {
            width: 100%;
            position: relative;
            margin-top: 60px;
            margin-left: 0px;
        }

        .specialwrap {
            padding-top: 250px !important;
        }

            .specialwrap .description-section {
                display: flex;
                flex-direction: column;
                justify-content: space-between;
                padding-bottom: 20px;
            }

            .specialwrap .imagecard {
                height: unset;
                height: initial;
            }
    }

    @media only screen and (max-width: 392px) {



        .productdetail_page .section-stats .system-titlecard {
            padding: 100px 20px 80px 0px;
        }

        .content-applications h1, .downloads-section h1 {
            font-size: 36px;
        }

        .trimlistinfo {
            font-size: 16px;
            line-height: 18px;
            width: unset;
            width: initial;
        }

        .system-detailpage .system-linkbar .system-buttonwrap, .blog_page .system-linkbar .system-buttonwrap {
            margin-top: 4px;
        }

        .productdetail_page .menu-trigger {
            left: calc(116%);
        }


        .applications-section img {
            max-height: 100% !important;
            width: 100%;
            height: auto;
        }

        .linkbar-links ul {
            justify-content: space-evenly;
            padding: 14px 0px 14px 0px;
        }

        .system-detailpage .linkbar-links ul li, .blog_page .linkbar-links ul li {
            padding: 10px 14px;
        }

        .productlist_page .left_bar {
            width: 242px;
        }

        .standard_page .content-section {
            padding-top: 40px;
        }


        .system-detailpage .section-stats, .blog_page .section-stats {
            padding: 0px 4vw;
        }

        .right_content .info_content {
            /*padding: 0 0 0 1vw;*/
            padding: 140px 0 0 1vw;
        }

        .ProductCaregories .strip_images_each,
        .strip_images_each {
            width: 100vw;
            max-width: 344px;
        }

            .strip_images_each img {
                width: 100%;
                height: unset;
                height: initial;
            }

        .top_menu ul li a {
            padding: 0 13px;
        }

        .banner_parent h2 {
            font-size: 34pt;
        }

        .banner_parent p {
            font-size: 22pt;
        }

        .contact h4 {
            padding: 0 11px;
        }

        .single_product_size .form-group1 label, .single_product_size .attributes-sa label {
            display: block;
            margin-bottom: 3px;
        }

        .single_product_size .form-group1:nth-of-type(3) label, .single_product_size .attributes-sa:nth-of-type(3) label {
            display: inline-block;
        }

        .contact_page .article-top-section h1, .contact_page .article-bottom-section h1 {
            font-size: 2em;
            line-height: 2em;
        }

        .blog_page .article-top-section h1 {
            font-size: 36px;
            line-height: 40px;
        }

        .salesagent_page .story-titlecard h1 {
            font-size: 14vw;
            line-height: 14vw;
        }

        .salesagent_page .replocator-wrap {
            padding: 40px 10px 0px 10px;
        }
    }

    .clear {
        clear: both;
    }

.trim-Products_Configurations_Recessed_Whisper_Downlights .product_content_each img, .trim-Products_Configurations_Recessed_GyroShift_Downlights .product_content_each img {
    filter: brightness(109%);
}

.trim-Products_Configurations_Recessed_Acrobat_Downlights .product_content_each img {
    filter: brightness(103%);
}