@font-face {
    font-family: primaryfont;
    src: url("../FONTS/CGR.EOT");
    src: url("../FONTS/CGR.OTF"), url("../FONTS/CGR.TTF");
    src: url("../FONTS/DEFAULT.HTM");
    unicode-range: U+00-FF;
}

@font-face {
    font-family: secondaryfont;
    src: url("../FONTS/AGDR.EOT");
    src: url("../FONTS/AGDR.OTF"), url("../FONTS/AGDR.TTF");
    src: url("../FONTS/DEFAULT.HTM");
    unicode-range: U+00-FF;
}

@font-face {
    font-family: tertiaryfont;
    src: url("../FONTS/DEFAULT.HTM");
    src: url("../FONTS/DEFAULT.HTM"), url("../FONTS/DEFAULT.HTM");
    src: url("../FONTS/DEFAULT.HTM");
    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: #000000;
    font-family: "primaryfont",sans-serif;
    font-size: 20px;
    line-height: 28pt;
    word-wrap: break-word;
    padding: 0px 0px;
}
h1, h3, h4, h6, .ebackupacc span, .homeimagetitle {
    color: #000000;
    font-size: 22pt;
    line-height: 28pt;
    font-family: "primaryfont",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;
    padding-bottom: 30px;
}

h5 {
    color: #000000;
    font-size: 16pt;
    line-height: 22pt;
    font-family: "primaryfont",sans-serif;
    text-transform: none;
    font-weight: normal;
    -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;
    padding-bottom: 30px;
}

.boxeswrap {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    
}


.box-each {
    width: 29%;
    background-color: #f6f6f6;
    color: #303030;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 16px;
    padding: 40px;
    text-align: left;
    align-items: top;
    border: 1px solid #f16b58;
    margin:20px;
}

.titlespan {
    list-style-type: none;
}

.breakline {
    background-color: #D3D4D4;
opacity:.5;
height:1px;
margin:0px 40%;
}

.text {
line-height:1.5;
}

.splide {
padding-top:192px;
}

.splide__slide .slider-image {
    width: 100%;
}

.splide__arrow {
top:60%;
}

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

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

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

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

.career-section hr {
    color: #424242;
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: #000000;
    display: block;
    font-size: 22pt;
    font-family: "primaryfont",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: #AE4F25;
    font-size: 18pt;
text-transform:none;
margin:0px;
padding:0px;
}

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

.content-section {
    font-size: 20px;
    line-height: 24px;
    color: #424242;
}

.content-section h2 {
padding:40px 0px 20px 0px;
font-size:24px;
line-height:28px;
}

.box-each h2 {
    padding: 0px 0px 0px 0px;
}

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

.content-section iframe {
width:100%;
}

.boxes {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-around;
margin-bottom:60px;
margin-top:40px;
}

    .boxes .optionbox {
        width: 30%;
        background-color: #f6f6f6;
        color: #303030;
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
        justify-content: space-between;
        font-size: 16px;
        padding: 20px 20px 0px 20px;
        text-align: center;
        align-items: center;
        border: 1px solid #f16b58;
    }

        .boxes .optionbox h3 {
            font-size: 20px;
            color: #a6253d;
        }

.content-review {
margin:40px 0px;
}

.content-review img {
height:200px;
width:auto;
float:left;
padding-right:20px;
}
.review-previewbox {
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
}

    .review-item {
width:30%;    
font-size:15px;
text-align:left;
}

.review-sig {
    width: 100%;
    text-align: right;

}

    .review-sig img {
height:100px;
width:auto;
text-align:right;
float:none;    
}

.review-sigpreview {
display:block;
text-align:right;

}
.review-sigpreview img{
    height:60px; 
width:auto;
}

.navbar-search {
    margin-top: 0px;
}

.cta-call {
    text-decoration: none;
    background-color: #231f20;
color:#ffffff;
padding:10px;
font-size:16px;
text-wrap:nowrap;
}
    .cta-call:hover {
        text-decoration: none;
        color: #f16b58;
    }

.logolineup {
    text-align: center;
}

.logolineup img{
vertical-align:middle;
padding:0px 40px;
height:100%;
max-height:150px;
}

.catimglist {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

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

.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: "primaryfont",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: "primaryfont",sans-serif;
font-size:15pt;
}

a {
    color: #c8222e;
    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;
}

    a:visited {
        color: #c8222e;
    }

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


.catlist {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
padding:0px 16vw;
}

    .catlist .catlistitem {
        width: 30%;
        margin: 20px 0px;
text-align:center;    }

    .catlist a {
        background-color: #f6f6f6;
        text-decoration: none;
        color: #303030;
        text-align: center;
        padding: 40px;
        font-weight: 800;
        margin: 0px 0px;
width:100%;
white-space:nowrap;
display:inline-block;
    }

        .catlist a:hover {
            background-color: #303030;
color:#ffffff;
        }



.cr a {
font-size:15px;
    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;
}

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

    .cr a:hover {
        color: #ffffff;
        text-decoration: underline;
    }

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

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

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

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

p{  line-height:25px;  }
ul{  list-style: disc;
padding: 20px 0px 20px 60px;

}

.box-each ul {
    padding: 20px 0px 0px 20px;
}

.footer-base ul {
    padding: 20px 0px 20px 0px;
}

.tagline {
    color: #b52c3a;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    padding: 40px 0px;
    font-weight: 800;
}

ul.tag-bullets {
list-style:disc;
list-style-position:outside;
    color: #b52c3a;
    text-align: center;
    width: 100%;
    text-transform: uppercase;
    padding: 40px 0px;
    font-weight: 800;
display:flex;
flex-direction:row;
flex-wrap:wrap;
align-content:center;
justify-content:center;
}
    ul.tag-bullets li:first-of-type::marker {
display:none;
    }

    ul.tag-bullets li {
margin-left:30px;    
}
    ul.tag-bullets li:first-of-type {
        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:160px;
}
    .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;
    }

/*START BUTTON TO TOP*/

#buttonToTop {
    display: inline-block;
    background-color: #AE4F25;
    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: 50px;
        color: #fff;
    }

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


    #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: 15px;
    /*border-radius: 0px 0px 5px 5px;*/
    margin: 0 auto;
    /*box-shadow: #95a5a6 0px 0px 6px 2px;*/
    color: #D3D4D4;
    line-height: 20px;
    overflow: hidden;
    animation: reveal 1 2s;
    text-align: center;
    background-color: #231f20;
    height: 50px;
display:flex;
flex-direction:row;
justify-content:center;
align-items: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;
margin-left:1%;
        line-height: 40px;
        display: inline-block;
        color: #D3D4D4;
        vertical-align:middle;
 }

        .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: #231f20; /*#000000;*/
}

    .notification.success .title {
        background: #231f20;
    }

.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 4px 11.8vw;
    width: 100%;
    border-bottom: 1px solid #D3D4D4;
    background-color: #ffffff;
}

.leftslide .header_wrapper {
border-bottom:none;
}


.logo_wrapper {
    /*width: 100%;*/
    position: relative;
}
    .logo_wrapper .logo img {
        width: 220px; /*160px;*/
    }
.menu_wrapper {
    width: 100%;
align-self:center;
padding-bottom:24px;
}


.header {
    text-align: center;
    padding: 0px 0px 0;
    position: relative;
    background-color: #231f20; /*#000000;*/
}

/*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;
}

.home_page .heropromo {
    margin-top: 154px;
    display: flex;
    
}

.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;
}

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

    /*END FIXED HEADER*/

.menuimagewrapper {
display:none;
visibility:hidden;
}

 .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;
}


.top_menu ul li {
        /*float: left;*/
        display: inline-block;
    }
.top_menu ul li a{
    padding: 0 16px;
    color: #000000;
    font-size: 17px;
    display:block;
    font-family: "primaryfont",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 #000000;
    }

.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: 400px;*/
padding:0px;
    }

    .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: 10px;
        text-align: left;
        border-top: 1px solid #c1bfbf;
        border-left: 1px solid #c1bfbf;
        /*padding-left: calc(22vw);*/
        box-shadow: 4px 4px 5px 0px rgba(0,0,0,.1);

    }

.show {
    display: flex !important;
    flex-direction: column;
}



.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;
    }

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

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

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

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

        .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;
display:none;
visibility:hidden;
}
    #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: 132px;
    position: relative;
}

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

.banner-overlay {
position:absolute;
top:calc(50%);
width:100%;
text-align:center;
}

    .banner-overlay h1 {
        color: #ffffff;
        text-shadow: 2px 2px 8px #000000;
    }

.standard_page .content-section {
    /*padding:80px 18vw;*/
}
.content_page .content-section {
    /*padding: 80px 16vw;*/
}


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

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

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

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


    .detail_page .dynamic-sections > div:nth-of-type(4) {
font-size:20px;
line-height:36px;
color:#000000;
font-weight:400;
background-color:transparent;
    }
    .detail_page .dynamic-sections > div:nth-of-type(3) {
        padding: 120px 12vw;
        background-color: #f8f7f5;
        font-size: 20px;
        line-height: 36px;
        color: #000000;
        font-weight: 400;
    }
.blogentry_page .applications-section {
    padding: 120px 12vw;
    background-color: #ffffff;
    font-size: 20px;
    line-height: 36px;
    color: #000000;
    font-weight: 400;
}

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

.cylinder-detailpage .dynamic-sections > div:nth-of-type(3) {
    background-color: transparent;
}
.cylinder-detailpage .dynamic-sections > div:nth-of-type(4) {
    background-color: #f8f7f5;
}
.detail_page .dynamic-sections > div.trim-section {
            background-color: #ffffff;
        }

.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: #231808;
font-size:30px;
color:#ffffff;
padding:234px 12vw;
display:flex;
justify-content:flex-start;
}

.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: #f8f7f5;
    padding: 180px 18vw 0px 18vw;
    /*max-height: 580px;*/
    display: flex;
    justify-content: space-between;
    position: relative;
    font-size: 20px;
    line-height: 36px;
    color: #000000;
    font-weight: 500;
}

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

.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: #f6f6f6;
    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: 20px;
    line-height: 36px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 200px;
}

.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;
}


    .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: 15px;
}


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

.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 {
    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;
padding-left:40px;
}

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

.blog_page .article-top-section img {
    width: unset;
width:initial;
    height: 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;
}

.wareWrap {
    padding: 0px 60px;
    font-family: "secondaryfont", sans-serif;
    letter-spacing: normal;
    font-size: 20px;
}


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

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

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

            .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: #f7f6f4;
 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: #000000;
}

            .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.5vw;
    line-height: 3.5vw;
    text-transform: uppercase;
    margin-bottom: 6px;
}
.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;
}
.system-titlecard h5, .productdetail_page .system-titlecard span {
    font-size: 20px;
    line-height: 24px;
    font-weight: normal;
    text-transform: none;
    color: #191918;
}

/*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 #f6f6f6;
            max-width: 148px;
            overflow: hidden;
            min-height: 0px;
            text-overflow: clip;
            vertical-align: middle;
            font-size: 20px;
            color: #000000;
        }

    .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: #000000;
    color: #ffffff;
    text-transform: uppercase;
    font-family: "primaryfont",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;
}




    .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;
    }
    .system-block .subtext {
        font-size: 24px;
        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 #D3D4D4;
    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 #D3D4D4;
    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:20px;
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: 15px;
    line-height: 17px;
    color: #ffffff;
    font-weight: bold;
    padding: 15px 16px 15px 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: #E66C0E;
    }
    .system-buttonwrap a.downloads {
        background: #231808;
    }
    .system-buttonwrap a.configure {
        background: #AE4F25;
    }


/*START system-detailpage*/

.section-content {
    padding: 60px 18% 60px 18%;
}

.section-highlighted {
    background-color: #f6f6f6;
    color: #303030;
    margin: 0px 0px;
    padding: 0px 6% 40px 6%;
}

.system-detailpage .section-stats, .blog_page .section-stats {
    width: 100%;
    padding: 0 12vw;
    vertical-align: top;
    background-color: #fbfaf9;
    display: flex;
}
    .system-detailpage .section-stats .system-titlecard, .blog_page .section-stats .system-titlecard {
        padding: 140px 80px 80px 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;
    }

        .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:15px 10px 15px 10px;
}

.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: #000000;
    }

    .linkbar-links ul li:first-of-type {

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

        .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: #487fbe;
                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: #231808;
        }

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

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

}

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

.contact_page .story-overview {
    background: url('../WR/IMAGES/DEFAULT.HTM') 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;
height:34vw;
margin-top:148px;
}

.blog_page .story-overview {
    background: url('../WR/IMAGES/DEFAULT.HTM') 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: #f6f6f6;
    background-image: none;
}

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

.blogentry_page .imagecard {
margin-right:40px;
}

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

.blogentry_page .description-section .imagecard img {
position:relative;
top:unset;
right:unset;

}

.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: #fbfbfa;
}

.content-illustrations {
    
padding:0 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:800px;
    }

.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: 20px;
    line-height: 36px;
    font-weight: 400;
    color: #000000;
    width: 28vw;
}

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

.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: #f6f6f6;
    padding: 80px 80px 136px 80px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    font-size: 20px;
    line-height: 36px;
    font-weight: 400;
    color: #000000;
    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: #000000;
        margin-bottom: 31px;
    }

.story-titlecard h1 {
    font-size: 80px;
    text-transform: uppercase;
    line-height: 80px;
    color: #231808;
    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 {
    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: #000000;
}

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

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

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

.downloads-section .grouplist {
    border-top: 1px solid #424242;
    border-left: 1px solid #424242;
    border-right: 1px solid #424242;
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 #424242;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    font-size: 15px;
    line-height: 17px;
    letter-spacing: .6px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 400;
}

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

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

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

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

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

.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 #424242;
    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: 15px;
    margin-right: 15px;
    vertical-align: middle;
    float: left;
}

    .applicationtag {
    padding: 4px 10px;
    background-color: rgba(143,72,6,0.17);
    font-size: 20px;
    font-weight: 700;
    color: #231808;
display:inline-block;
margin:4px 4px;
}


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

    .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: #000000;
    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: #231808;
        color: #ffffff;
        cursor: pointer;
    }

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

    }
.configure-section .btn-configure a:link, .configure-section .btn-configure a:visited {
    color: #000000;
    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:center;
padding-right:10px;
width:100%;
display:block;
padding-bottom:10px;
}

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

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

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

    .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: 100px 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:40px;
line-height:44px;
}
.productdetail_page .system-titlecard h4 {
font-size:28px;
line-height:32px;
}
.productdetail_page .system-titlecard h5 {
    font-size: 20px;
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;
    }

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

.productdetail_page .attributes-section .cblist-each {
    text-align: center;
    /*margin:15px 15px;*/
margin:0px 28px 0px 0px;
}
.productdetail_page .attributes-section .cblist-each img{
    padding:0px;
}

.productdetail_page .attributes-section .colorswatches .cblist-each {
width:60px;
margin-left:0px;
margin-right:28px;
margin-bottom:28px;
}
.productdetail_page .attributes-section .colorswatches .cblist-each img {
    width: 100%;
height:60px;
max-height:60px;
}
.productdetail_page .attributes-section .cblist-each h5 {
    font-size: 15px;
    line-height: 15px;
    color: #000000;
    font-weight: normal;
}
.productdetail_page .attributes-section .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 20px;
            background-color: #f6f6f6;
            color: #231808;
            margin: 4px 15px 4px 15px;
        }



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

.productdetail_page .attributes-section .attlistgroup {
    display: inline-block;
    padding: 4px 20px;
    background-color: #f6f6f6;
    color: #231808;
    margin: 4px 15px 4px 15px;
}

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

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

    }

    .productdetail_page .attributes-section li div {
        margin: 4px 15px 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: #000000;
    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:68%;
}
.mounting-image {
display:inline-flex;
width:30%;
padding-right:40px;
padding-left:0px;
justify-content:center;
}

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

.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: #000000;
        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 .moreattributes-section .attlist, .productdetail_page .attributes-section .attlist {
    padding: 4px 10px;
    background-color: rgba(143,72,6,0.17);
    font-size: 20px;
    font-weight: 700;
    color: #231808;
    display: inline-block;
    /* margin: 4px 4px;*/
    margin: 0px 20px 20px 0px;
}

.cylinder-detailpage .mounting-section .attlist {
    background-color: #f6f6f6;
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 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 {
    display: block;
    width: 100%;
    margin-bottom: 10px;
    margin-top: 40px;
    font-weight: 800;
}
.productdetail_page .attributes-section .colorswatches span {
text-align:left;
}
 .productdetail_page .moreattributes-section h5 {
        font-weight: normal;
        font-size: 15px;
        text-align: center;
        line-height: 15px;
        color: #231808;
    }
    /*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 #d3d4d4;
    }

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

/*Rep Locator 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: #000000;
text-decoration:none;
}
    .webcontactlink:hover {
        text-decoration: none;
        color: #424242;
    }

 .webcontactlink:hover span {
        text-transform: none;
        color: #000000;
        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: #231808;
    font-family: "primaryfont",sans-serif;
    font-weight: normal;
    font-size: 20px;
    border: 1px solid #d3d4d4;
    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: #231808;
    }

    .salesagent_page .LocatorBoxState .form-group1 .ddlState option:nth-of-type(2), .salesagent_page .LocatorBoxState .form-group1 .ddlState option:nth-of-type(3) {
        color: #ae4f25 !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('../THEME/ICN_SEARCHWH.PNG');
    background-size: 54%;
    background-repeat: no-repeat;
    background-position: center center;
    background-color: #000000;
    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: #000000;
font-size:15px;
line-height:20px;
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 #D3D4D4;
    padding: 40px 0px;
min-width:300px;
}

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

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

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

.AgentContacts tr {
display:block;
}

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

 .salesagent_page .locatormsg {
    color: #AE4F25;
    font-size: 20px;
}
/*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 #d3d4d4;
    font-family: "primaryfont",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;
    }

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


/*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 #d3d4d4;
    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: #231808;
}

.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: #231808;
    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;
}

.cf_other {
    width: 88.5% !important;
}

.ContactForm input[type=button] {
    margin: 10px 0px 0px 0px;
    cursor: pointer;
    background-color: #231f20;
}
.ContactForm input[type=button]:hover {

    background-color: #000000;
color:#f6f6f6;
}
.contact-thanks {
    background-color: #f6f6f6;
    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: #000000;
    font-size: 22pt;
    font-weight: bold;
    padding-bottom: 40px;
    border-bottom: 1px solid #424242;
}
.contact_page .article-top-section .contact-thanks p {
    color: #424242;
padding-top:20px;
}



.errormsg, #ContactUs1ContactUsFormMsg {
    color: #bd1003;
}

.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: #000000;
    font-size: 20px;
    padding: 10px 1vw 7px;
    display: inline-block;
    font-family: "primaryfont",sans-serif;
    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;
}

.menu_main .top_sub li a {
font-weight:normal;
font-size:16px;
}

.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 {
position:relative;
}

    .sliderinner a {
display:flex;
align-items:center;    
}

.slide-text {
    position: absolute;
    /*bottom:18%;
left: 12.5%;
max-width: 36%;
bottom: 10vw;
    */
    top: 8vw;
    width: 100%;
    color: #ffffff;
    text-align: center;
    text-shadow: 2px 2px 0px #000000;
    /* background-color:rgba(48, 48, 48, 0.8);
padding-top:40px;*/
}

.leftslide .slide-text {
left:8%;
width:40%;
text-align:left;
top:7vw;
}

    .slide-text a {
        text-decoration: none;
        color: #ffffff;
        display: block;
        /*background-color: rgba(48, 48, 48, 0.7);*/
    }

    .slide-text h1 {
        color: #ffffff;
    }

a .slide-text {
    color: #000000;
    text-decoration: none;
}

        /*--------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('../THEME/ICN_SEARCHBL.PNG') no-repeat 4px center;
        background-size: 60%;
        border:0px;
        padding: 2px 10px;
        margin: 20px 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;
    }



/*.endwrap {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    align-items:baseline;
font-size:15px;
width:220px;
}*/

.endwrap {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    font-size: 15px;
    width: 352px;
}

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

.ctatag {
    line-height: 15px;
    white-space: nowrap;
    margin: 2px 0px 12px 0px
}

.quicklink {
    line-height: 15px;
    white-space: nowrap;
    margin: 8px 0px 12px 0px;
color:#000000;
font-size:14px;
}

a.quicklink:link, a.quicklink:visited {
text-decoration:none;
color:#000000;
}

    .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: 15px;
        color: #0079c3;
    }


 .navbar-search input[type=button] {
    display:none;
visibility:hidden;        
    background: #ffffff url('../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: #000000;
    /*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;
}

.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;
}

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

    .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;
}

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

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



@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 #000000;
}
/*.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: 15px;
}

    .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%;
    height: 420px;
    /* display: flex;
flex-direction:column;
justify-content:flex-end;*/
    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:auto;

    }

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

    .strip_images_each h3 {
padding-top:20px; 
font-size:16px;
font-weight:normal;   
}

    .strip_images_each a {
text-align:center;
height:100%;
width:100%;
display:flex;
flex-direction:column;
justify-content:flex-end;    
}

.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 #000000;
    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;
}
.product_content_each .img a{
    display: block;
}
.product_content_each img {
    max-width: 100%;
    max-height: 260px;
    margin: 0 auto;
    display: block;
}
.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: #000000;
    border: 1px solid #404040;
    display: inline-block;
margin:40px 0px;
max-width:200px;
    padding: 9px 24px 10px;
    color: #ffffff;
    font-family: "primaryfont",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;
cursor:pointer;
}

    .learn_more a:visited {
        color: #ffffff;
    }
    .learn_more:hover a {
        color: #000000;
text-decoration:none;
    }

.section-highlighted .learn_more {
margin:34px 0px 0px 0px;
}

.btn-CheckoutPreWrap2 .button {
padding:15px 32px;
}

.productdetail_page .left_bar_content .button, .productlist_page .left_bar_content .button {
        background-color: #AE4F25;
        border: none;
        padding: 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;
    }
.productlist_page .left_bar_content .button {
    background-color: #424242;
}

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

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

.contact_page .button {
    display: inline-block;
    position: relative;
    background-color: #231808;
    text-transform: uppercase;
    font-size: 15px;
    font-weight: bold;
    color: #ffffff;
    padding: 0px 20px;
    margin: 40px 0px 0px 0px;
    border: 1px solid #231808;
}

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

.contact_page .ContactForm .button {
    background-color: #ae4f25;
    border: 1px solid #ae4f25;
    width: 100%;
}
    .contact_page .ContactForm .button:hover {
        color: #ffffff;
        background-color: #000000;
        border: 1px solid #ae4f25;
    }

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

a.learn_more {
    text-align: center;
    width: 100%;
    display: inline-block;
    padding: 9px 24px 10px;
    text-transform: none;
    font-size: 15pt;
    font-family: "primaryfont",sans-serif;
    font-weight: normal;
    align-content: center;
align-self:center;
}
.section-content a.learn_more:hover, .optionbox a.learn_more:hover {
    background-color: #a6253d;
    opacity: 1;
    color: #000000;
}



.order-summary-col-buttons a.learn_more, .btn-CheckoutPreWrap2 .button {
    font-weight: normal;
    margin-top: 0px;
    background-color: #231808;
    border: 1px solid #231808;
    color: #ffffff;
}

.order-summary-col-buttons a.learn_more {
font-weight:800;
}

.btn-CheckoutPreWrap2 .button {
        display: inline-block;
    }

.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;
}

.order-summary-col-buttons a.learn_more:hover {
    border: 1px solid #231808;
}

 .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 #000000;
}
.banner_parent p {
    color: #ffffff;
    text-shadow: 0 0 11px #000000;
    font-size: 29pt;
    line-height: 39px;
}
/*--  end home_banner  --*/

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

.bgbox {
    background-position: top right;
    background-repeat: no-repeat;
    background-clip: border-box;
    min-height: 160px;
    margin-bottom: 40px;
    width: 32%;
    text-align: center;
    vertical-align: middle;
    position: relative;
    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;
}
    .bgbox:hover {
opacity:.9;    
}

    .bgbox a {
        position: absolute !important;
        left: 0px;
        top: 0px;
        padding-top: calc(16%);
        vertical-align: middle;
        width: 100% !important;
        height: 160px;
        color: #ffffff;
        text-shadow: 2px 2px 8px #000000;
        text-transform: uppercase;
        background-color: rgba(80,80,80,.8);
    }

.homepromoimages {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap:wrap;

}
    .homepromoimages a {
width:32%;
position:relative;
text-align:center;
    }

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

.twopromos {
padding-top:10px;
}

.twopromos a {
width:48.7%;
}

.homepromoimages img {
        width: 100%;
    }

    .homepromoimages a span {
        position: absolute;
        left: 20px;
        bottom: 35px;
        z-index: 500;
        font-family: primaryfont, sans-serif;
        font-weight: bold;
        color: #FFFFFF;
        font-size: 30px;
        text-shadow: 2px 2px #000000;
    }

.homesingleimage {
    background-image: url('../WR/IMAGES/DEFAULT.HTM');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 300px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: #ffffff;
}

    .homesingleimage h4, .homeimagetitle {
        color: #ffffff;
        text-transform: none;
    }

    a.homesingleimage:link, a.homesingleimage:visited, a.homesingleimage:hover {
color:#ffffff;
text-decoration:none;
font-weight:normal;
    }

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

.homesingleimage .learn_more {
    background-color: #487fbe;
    border-radius: 50px;
    padding: 16px 22px 15px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 20%), 0 1px 2px rgb(0 0 0 / 7%);
}



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

.video-section {
    background: url('../WR/IMAGES/DEFAULT.HTM') no-repeat center;
    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: "secondaryfont",sans-serif;
font-weight:700;
line-height:66px;
width:26%;
left:6vw;
        }

.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%;
        }

/*.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:15px;
position:absolute;
bottom:16px;
right: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;
}

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


.content-section-image img {
position:relative;
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 #D3D4D4;
display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:space-between;
width:49%;

}

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

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

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

.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;
        }

.blog-content {
    padding: 30px;
    width: 49%;
    color: #000000;
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: #424242;
        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: #231808;
    }

    .slick-prev, .slick-next {
    border: none;
    position: absolute;
    bottom: 11px;
    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;
}

.slider2 .slick-prev, .slider2 .slick-next {
bottom:13px;
}

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

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

    /*--  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: #000000;
    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: #000000;
    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: #000000;
    opacity: 1; /* Firefox */
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000000;
}
:-ms-input-placeholder { /* Microsoft Edge */
    color: #000000;
}
.for_button{
    display: inline-block;
}
.for_button a {
    display: inline-block;
    color: #000000;
    background: transparent;
    border: 1px solid #000000;
    padding: 20px 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: #000000;
    background: transparent;
    border: 1px solid #000000;
    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: 20%;
    -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: #AE4F25;
        width: 6px;
        height: 15px;
        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: 80%;
}

.searchresults_page .right_content {
width:100%;
}

.right_content {
    margin: 0px 0px;
    font-size: 15px;
    line-height: 17px;
    color: #231808;
}

    .right_content p {
        margin: 20px 0px;
        font-size: 15px;
        line-height: 17px;
        color: #231808;
    }

    .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: #231808;
        font-weight: bold;
        display: inline-block;
        width: 1em;
        margin-left: 0em;
    }
        .right_content ul li::marker {
            
            color: #231808;
            font-weight: bold;

        }

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

}
    .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 #487fbe;
        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%;
    }

.wareWrap h1, .wareWrap h2, .wareWrap h3, .wareWrap h4, .wareWrap h5, .wareWrap h6, .wareWrap ul, .wareWrap ul li, .wareWrap a, .wareWrap span, .wareWrap div {
    font-family: "secondaryfont", sans-serif;
    letter-spacing: normal;
    font-size: 20px;
}

.wareWrap h1 {
    font-size: 26px;
    line-height: 30px;
}

.wareWrap h2 {
    font-size: 24px;
    line-height: 28px;
}

.wareWrap h3 {
    font-size: 22px;
    line-height: 26px;
}

.wareWrap h4 {
    font-size: 20px;
    line-height: 24px;
}

.wareWrap h5 {
    font-size: 20px;
    line-height: 24px;
}

.wareWrap h6 {
    font-size: 20px;
    line-height: 24px;
}
/*start border highlight*/

.right_content .product_content_each {
    background: none;
    border: 0;
    box-sizing: border-box;
    box-shadow: inset 0 0 0 2px #f6f6f6;
    color: #f6f6f6;
    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 {
        box-sizing: inherit;
        content: '';
        position: absolute;
        /*width: 100%;*/
        height: 2px;
    }

.right_content .product_content_each {
    transition: color 0.25s;
}
.right_content .product_content_each::before, .right_content .product_content_each::after {
display:block;
content:"";
    border: 2px 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: #487fbe;
    }

    .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: #487fbe;
            /*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: 40px;
        display:flex;
align-items:center;
    }
.right_content .product_content_each .img img{
    max-height: 200px;
    max-width: 100%;
    height: auto;
}


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

.left_bar_content {
    background: #f6f6f6;
    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 #231808;*/
    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 #231808;
    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: #231808;
        outline: 1px solid #231808;
    }
.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: #231808;
    font-size: 15px;
    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: #231808;
        text-decoration: none;
        position: relative;
    }
    .content-leftbarmenu ul.ddaccSubMenu li a:visited {
        color: #231808;
        text-decoration: none;
    }
    .content-leftbarmenu ul.ddaccSubMenu li a:hover {
        color: #AE4F25;
        text-decoration: none;
    }

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

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

.inner4 {
padding-left:8px;
}

.left_bar_content .btn-contactus, .left_bar_content .btn-contactus:visited {
    background-color: #AE4F25;
    padding: 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: #231808;
    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: #AE4F25;}

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

.WareTypeFilter ul li a {
    display: flex;
    justify-content: space-between;
text-align:left;
    width: 100%;
    padding: 15px 0px 15px 0px;
    border-top: 1px solid #231808;
    text-transform: uppercase;
    font-size: 15px;
    color: #231808;
    -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: #424242;
    }

 .WareTypeFilter ul li a:after {
        content: "\25BC";
        display: inline-block;
        color: #231808;
        -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 #231808;
}

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


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

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

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

    .nav-refinements-wrap .nav-refinement {
        padding: 0px 10px;
        color: #231808;
    }
        .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 #231808;
    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: #000000;
                color: #ffffff;
            }

.checkitem input[type=checkbox] {
        -webkit-appearance: none;
        background-color: #ffffff;
        border: 1px solid #000000;
        /*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: #f6f6f6;
        border: 1px solid #f6f6f6;
    }


 .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: #000000;
        border: 1px solid #000000;
        /*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: 15px;
            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:#000000;
text-decoration:none;
}
    .left_bar_content a:visited, .product_content_each a:visited  {
        color: #000000;
        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: #487fbe;
    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: #AE4F25;
    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:38px;
}
.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: #f8f7f5;
}

.listwrap {
color:#000000;
}


 

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

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

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

}

.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 #231808;
}

.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 #D3D4D4;
        font-size: 15px;
    }

        .wrap .row li.col a {
border-bottom:none;
border-left:none;
padding:0px;
color:#000000;
font-weight:normal;
width:100%;
        }

            .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 #D3D4D4;
}


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

    .treeinner > li.expanded > .icon {
        background-color: #000000;
        border-bottom: 1px solid #D3D4D4;
    }


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

.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: #000000;
        font-size: 20px;
        line-height: 26px;
        font-weight: 700;
        padding: 17px 20px;
        border-left: 1px solid #D3D4D4;
    }
    .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: #000000;
    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: #000000;
    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 #D3D4D4;
    }

ul.show-effect li {
    /*padding-left: 66px;*/
    border-bottom: 1px solid #D3D4D4;
    background-color: #ffffff;
    color: #000000;
    font-size: 20px;
    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: #231808;
}
.treeinner .wrap li.headercol {
    font-weight: bold;
    color: #231808;
}
.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: #000000;
}

.tree .spacer {
display:inline-block;
width:66px;
}
.tree .show-effect .expanded .spacer {
    background-color: #000000;
    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: #f8f7f5;
}

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

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

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

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

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


/*End--- ExpandingTree*/

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


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

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

 .trimlistitem img {
        height: 100px;
        width: auto;
        vertical-align: middle;
padding:15px;
    }

.trimlistinfo {
bottom:0px;
text-align:left;
padding:10px;
font-size:15px;
line-height:16px;
min-height:50px;
vertical-align:top;
width:152px;
}



/*--  end ProductList  --*/
/*--  end productDetail  --*/

/* start Trim Tabs*/
.section-tabs {
    width: 100%;
}

    .section_tabs .tabs {
        margin-bottom: 32px;
    }

        .section_tabs .tabs a {
            color: #000000;
            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 {
    color: #000000;
}
.section_tabs .tabs a {
    color: #000000;
}

    .section_tabs .tabs a:hover {
        text-decoration: none;
    }

    .section_tabs .tabs a:after {
        background: none repeat scroll 0 0 transparent;
        bottom: 0;
        content: "";
        display: block;
        height: 2px;
        left: 50%;
        position: relative;
        background: #487fbe;
        transition: width 0.3s ease 0s, left 0.3s ease 0s;
        width: 0;
    }

    .section_tabs .tabs a.active:after {
        display: block;
        left: 0;
        width: unset;
    }

    .section_tabs .tabs a.active:after {
        display: block;
        left: 0;
        width: unset;
    }


    .section_tabs .tabs a:hover::after {
        width: 100%;
        left: 0;
    }


    /*--end Trim Tabs*/
    .single_product_top {
        width: 100%;
        min-height: 578px;
        margin-bottom: 0px;
        font-family: primary, sans-serif;
    }
.single_product_top .big_img {
    width:85%;
    text-align: center;
height:460px;
display:flex;
align-items:center;
}
    .single_product_top .big_img img {
        width: auto;
        max-width: 100%;
        /*max-height: 578px;*/
        max-height: 100%;
        display: block;
        margin: 0 auto;
        height: auto;
    }
.single_product_top .small_img.thumbnails{
    display:flex;
flex-direction:row;
flex-wrap:wrap;
justify-content:flex-start;
align-items:center;
margin:40px 0px;
}
    .single_product_top .small_img.thumbnails > div {
        overflow: hidden;
        margin-bottom: 12px;
        width: 20%;
margin-right:28px;
    }
.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 0px 0;
}
.single_product_size {
    border-bottom: 2px solid #f1f2f2;
    padding-bottom: 40px;
    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: 15px;
            color: #000000;
            background-color: #fff;
            background-image: none;
            border: 1px solid #666666;
            display: inline-block;
        }

        .single_product_size .sa-ddl {
cursor:pointer;
        }

.wareWrap .controlsgroup {
                display: flex;
                flex-direction: row;
                flex-wrap: wrap;
            }

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; text-align:left; }
.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:12px;
}

.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: 320px;
}

.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: left;
    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;
padding-left:20px;
}

.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: #000000;
    font-size: 16px;
    margin: 10px;
}

.printinvoice-header {
    width: 100%;
    text-align: center;
}

.printinvoicebase .order-item-row-header {
    color: #000000;
    background: none;
    border-bottom: 1px solid #000000;
    border-top: 2px solid #000000;
    margin-top: 20px;
    font-size: 15px;
    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;
}

.guestcol {
display:block;
width:100%;
text-align:center;
max-width:unset;
max-width:initial;
}

.checkoutpre-col h2 {
    color: #000000;
}
.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 #000000;
    display: inline-block;
}

.invoice-summary-due {
    margin-top: 10px;
    border: 1px solid #000000;
    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: #000000;
}

.printinvoicebase .invoice-wrap .order-item-col-img {
    display: none;
}

.printinvoice-multishipmultimethod .order-summary-all, .printinvoice-main .order-summary-all {
    font-size: 15px;
}

    .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 #000000;
}

.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: 20px;
    color: #7f7f7f;
    font-family: sans-serif;
    width: 100%;
    text-align: left;
}

.readonlysummary {
    font-size: unset !important;
    font-size: initial !important;
margin-bottom:15px;
}

.order-summary-all {
    max-width: 1520px;
    margin: 0 auto;
}


/* END PORTED ORDER CLASSES */

.single_product_size .learn_more {
    font-size: 17px;
    padding: 2px 15px;
    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:#000000;
    margin-bottom: 24px;
}
.text h4{
    color:#000000;
    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: 20px;
    color:#000000;
    border:1px solid #000000;
    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: 16px 5px;
}

.readonlysummary .order-item-row-header {
    padding: 0px;
}

    .readonlysummary .order-item-row-header .td_cell {
        padding: 4px 0px;
       background-color:#000000;
color:#ffffff;
    }

.order-item-col-delete.td_cell{
    width: 36px;
    padding: 33px 5px 33px 20px;
}
.order-item-col-name{
width:54%;
}

a.quotetally {
color:#000000;
font-size:12px;
text-decoration:none;
white-space:nowrap;
border:1px solid #000000;
padding:0px 10px;
}

    a.quotetally:visited {
        color: #000000;
        text-decoration: none;
        border: 1px solid #000000;
    }
    a.quotetally:hover {
        color: #D3D4D4;
        text-decoration: none;
        border: 1px solid #D3D4D4;
    }
.quotewrapper {
    display: flex;
    margin: 0px 20px;
    align-items: center;
}
.lnkquote {
    text-align: center;
}

.icn-quote {
display:block;
    width: 28px;
    height: 34px;
font-size:12px;
    background-image: url('../THEME/ICN_QUOTE.JPG');
background-size:contain;
background-repeat:no-repeat;
color:#000000;
text-align:center;
}

.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:#000000;
    text-align: center;
    font-size: 16px;
    border:1px solid #000000;
    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: 15px;
    color: #000000;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
}
.coupon-row, .order-summary-shippingmethod {
    padding: 30px 0 30px 40px;
    border-top: 1px solid #000000;
    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 #000000;
}

    .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:#000000;
    text-align: center;
    font-size: 25px;
    cursor: pointer;
    border:1px solid #000000;
    -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:15px 32px;
    margin-right:30px;
vertical-align:middle;
height:58px;
}

.btn-Checkout div {
display:inline-block;
vertical-align:top;
}

.readonlysummary .btneditorder {
    display: inline-block;
    padding: 0px 10px;
    font-size: 15px;
    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;
display:flex;
flex-wrap:wrap;
flex-direction:row;
width:100%;
justify-content:space-between;
}
.btn-Checkout img {
    display: inline-block;
    
}


.btn-Checkout {
    text-align: right;
    margin-bottom: 33px;
    padding-right: 20px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    /*width:100%;*/
}
/*--  end summary --*/



/*--  start footer  --*/
footer {
    background-color: #231f20;
    text-align: center;
    color: #ffffff;
}

.footer-section {
    padding: 0px 12%;
color:#ffffff;
}

.footer-base {
    width: 100%;
    background-color: #000000;
    padding: 10px 0px;
}

.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: 15px;
line-height:18px;
        color: #ffffff;
        padding: 0px 0px 0px 0px;
    }

.socialicon {
    line-height: unset !important;
    line-height: initial !important;
}

        .footer_menu.menu_main ul li a:hover {
            color: #D3D4D4;
            text-decoration: none;
        }

.footer_menu .listhead {
    visibility: hidden;
    display: none;
    
}

.social_menu ul li a.listnavlink {
    padding: 0px;
}

.social_menu .inner2 ul li a {
    padding: 8px 0px 0px 0px;
margin-right:4px;
}

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

.footer_menu ul {
    text-align: left;
padding:0px;
}

.footer_menu ul:empty {
display:none;
visibility:hidden;
}

.footer_menu ul li {
        text-align: left;
    }

.footer_menu .inner2 {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;

}

    .footer_menu .inner2 ul {
        /*width:182px;
        display: inline-block;
margin-right:40px;*/
    }

.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: #D3D4D4;
        border: 1px solid #000000;
        -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: #231808;
    margin-right: 15px;
}

.footer_menu .inner2 li a {
    font-weight: normal;
    text-transform: none;
}

.footer-base {
    font-size: 15px;
}

.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: #D3D4D4;
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: #000000;
    background-color: #a62525;
    border: 1px solid #c8222e;
}
.product_content_each:hover .learn_more, .btn-CheckoutPreWrap .button:hover, .btn-CheckoutPreWrap2 .button:hover {
    color: #000000;
    background-color: #a62525;
    border: 1px solid #c8222e;
}
.strip_images_each:hover .overlay{
    opacity: 0.6;
}
/*--  end hover  --*/


.iframewrap {
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

.iframewrap .iframe {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}








@media only screen and (max-width: 1700px) {
    .content_wrapper{
        max-width: 90%;
    }

    .description-section, .story-overview {
        padding: 8vw 8vw 32px 8vw;
    }
    .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) {


    .catlist .catlistitem {
width:35%;
    }

 .single_product_top {
        justify-content: center;
    }

    .subnav_page .content-leftbarmenu .WareTypeFilter .inner li {
        padding: 6px 0px;
    }
    .productdetail_page div.attributes-section {
        flex-direction: column;
    }
    .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 15px;
    }
    .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 #231808;
    }

    .productlist_page #WareList {
justify-content:center;
    }

 .productdetail_page .left_bar_content {
        box-shadow: inset 0 0 0 1px #231808;

    }

    .display, .productlist_page .display{
        left: 0;
    }
    .right_content {
        width: 100%;
    }

    .productlist_page .right_content {
        padding: 0vw 0vw;
    }

    #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: 1250px) {
    .catlist {
padding:0px 10vw;    
}
    .footer_menu .inner2 li img {
        width: unset;
        width: initial;
        padding: 4px 0px 0px 4px;

    }
    .splide {
        padding-top: 211px;
    }
    .section-content {
        padding: 60px 4% 60px 4%;
    }

    .leadbanner {
        margin-top: 198px;
    }






    .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;
    }
    /* 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;*/
    }
    .standard_page .content-section {
        padding-top: 50px;
    }

    .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;
    }
    .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: unset;
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, .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 200px 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: 11vw;
    }



    .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 #f6f6f6;
    }

    .menu_main ul.top_sub1 li a {
        font-size: 20px;
        line-height: 20px;
    }

    .catdesc {
        font-size: 15px;
        line-height: 15px;
    }


    .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;
    }

    .banner-overlay {
position:absolute;
top:calc(40%);

    }



.footer_menu {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }


    .footer_menu .inner2 li, footer .menu_main ul li:last-of-type span {
        padding: 0px 0px 0px 0px;
    }


    .header_wrapper {
        /* padding: 32px 2vw 30px 2vw;*/
    }
    .header_wrapper {
        padding: 1px 2vw 22px 2vw;
    }
    .notification {
        padding: 10px 2vw 0px 2vw;
    }
    .menu_main ul.top_sub {
        /*padding-left: calc(28vw);*/
        padding-left: 20px;
    }

    .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;
    }

    .wareWrap {
text-align:left;
margin:0px 10%;   
}

    .secondslider {
text-align:unset;
    }
    .alternatehero .contentcard {
padding-left:46%;
padding-right:40px;
    }

 .hero-contentcard, .alternatehero-contentcard, .content-section {
        font-size: 1em;
        line-height: 1.6em;
    }

    .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: 10px;
        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;
    }
        .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:215px;    */
    }

    .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;

    }


    .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;
    }

    .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;
    }



}
@media only screen and (max-width: 1110px) {

    .leftslide .slide-text {
        left: unset;
        left: initial;
        width: unset;
        width: initial;
        text-align:unset;
        text-align:initial;
    }

    .catlist {
        padding: 0px 10px;
    }
    ul.tag-bullets {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
        list-style: none;
        list-style-position: outside;
        align-content: center;


    }

        ul.tag-bullets li {
            text-align: center;
margin-left:0px;
        }

    .sliderinner a .slide-text br {
        display: none;
        visibility: hidden;
    }
    .wareWrap {
        text-align: left;
        margin: 0px 4%;
        padding: 0px 0px;
    }
    .quotewrapper {
margin:0px 4px;
align-items:center;
    }

    .endwrap {
flex-direction:column;
justify-content:flex-start;
align-items:flex-end;    
}

    #srchroll2 input[type=text] {
        margin: 16px 0px 4px 0px;
    }

 .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: 1005px) {
    .boxes .optionbox {
width:100%;
margin:0px 0px 60px 0px;
line-height:22px;
}
    .sliderinner {
        display: flex;
        flex-direction: column;
        height: 100%;
        background-size: cover;
        background-color: #303030;
        padding-bottom: 40px;
    }
    .splide__arrow {
top:54%;    
}

        .sliderinner img {
width:unset;
width:initial;        
}

    .sliderinner a {
        /*display:block;*/
    }

    .slide-text {
        display: block;
        position: relative;
        width: 100%;
        max-width: unset;
        max-width: initial;
        padding: 10px 20px 0px 20px;
        text-align: center;
        left: 0px;
top:40px;

    }
        .slide-text span {
font-size:1.2em !important;     
line-height:1.2em;
}



    .standard_page .content-section {
        /*padding: 80px 8vw;*/
    }
    .content-section img {
max-width:100%;
    }

    .order-item-col-delete img, .order-item-col-img img{
        max-width: unset;
        max-width: initial;
    }
 .productlist_page .leadbanner img {
        width: unset;
        width: initial;
    }
    .footer_menu.menu_main ul li a {
        font-size: 20px;
    }
    .footer_menu.menu_main ul li span {
        font-size: 22px;
    }

 .footer_menu.menu_main ul li a, .footer_menu.menu_main ul li span {
        line-height: 44px;
    }

        .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: 38vw;
    }

    .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;
    }

    .menu_main ul li a {
        padding: 4px 4px 4px 0px !important;
    }

    footer .menu_main ul li:last-of-type a {
        padding: 0px 40px 0px 0px !important;
    }

 .secondslider {
        max-height: unset;
        max-height: initial;
    }

    .slider2 .slick-prev, .slider2 .slick-next {
        bottom: 10px;
    }

    .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;
padding-top:10px;
        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;
    }

    .slider, .slider2 {
        padding: 0vw 3.5vw 0vw 3.5vw;
        width: 100%;
    }

    .slick-next {
        /*right: 3.5vw;*/
    }

    .slick-prev {
        right: 11vw;
    }

    .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;
        }

    .slider2 .slick-prev {
        bottom: 10px;
    }

    .footer_menu .listhead, .social_menu {
        padding-top: 20px;
    }

    .chkwrap input.fieldwide {
        /*  width: 99%;*/
    }
    .FormCol {
margin-left:0px;
        width: 90%;
    }
    .chkwrap input[type=text] {
padding:0px;
width:300px;
    }
    .standard_page .content-section {
padding:0px 2vw;
    }
 .FormFieldWrap {
        text-align: left;
    }
    .customer-row {
margin-left:0px;
    }
    .customer-col-billing {
width:unset;
width:initial;
padding-bottom:20px;
    }
    .order-customer-section, .shoplayout-main {
        font-size: 15px;
        line-height: 20px;
    }

 .customer-row {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .order-item-col-delete.td_cell:empty {
display:none;
visibility:hidden;
    }
 .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;
    }

}

@media only screen and (max-width: 950px) {
    .box-each {
        width: 40%;
    }
    .review-previewbox {
flex-direction:column;
    }

    .review-item {
width:100%;
padding-top:40px;
    }

    .review-sigpreview img {
height:100px;
display:inline-block !important;
    }

 .catlist {
        flex-direction: column;
        align-items: center;
    }
        .catlist .catlistitem {
width:100%;        
}
}

@media only screen and (max-width: 644px) {

    .box-each {
        width: 100%;
    }

    footer .menu_main ul li:last-of-type a {
        padding: 4px 4px 4px 0px !important;
    }

    .single_product_top .big_img {
        height: 380px;
    }

    .homepromoimages {
        flex-direction: column;
    }

        .homepromoimages a, .bgbox {
            width: 100%;
        }

    .twopromos a {
        width: 100%;
    }
}

@media only screen and (max-width: 590px) {
    .logolineup {
display:flex;
flex-direction:column;
flex-wrap:wrap;  
}

        .logolineup img {
max-height:200px;
       
}

 .ContactForm .fieldrowwrap {
            flex-direction: column;
        }

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

.banner-overlay {
        top: calc(30%);
    }

        .banner-overlay h1 {
font-size:5vw;        
}

    .section-content {
        padding: 60px 4% 60px 4%;
text-align:left;
display:flex;
flex-direction:column;
line-height:1.4em;
    }

    .content_page .section-content {
        padding: 0px 4% 60px 4%;
    }

        .section-content img {
            display:flex;
            float:unset !important;
            float:initial !important;
            padding:20px 0px !important;
            align-self:center;
        }

    ul {
        padding: 20px 0px 20px 40px;}

 ul.tag-bullets {
        width: 100%;
        flex-direction: column;
        justify-content: flex-start;
list-style:disc;
list-style-position:outside;
align-content:flex-start;
padding-left:40px;
    }
    ul.tag-bullets li {
        text-align: left;
        padding:10px 0px;
line-height:1.2em;
    }
        ul.tag-bullets li:first-of-type {
            list-style: disc;
        } 
     
    .catlist {
padding:0px;    
}
    .catlist a {
        width: 100%;

    }
        .leadbanner img {
width:unset;
width: initial;
height:auto;
    }

 div.td_cell.order-item-col-img img {
        width: 50%;
    }
    .readonlysummary div.td_cell.order-item-col-img img {
        width: 50%;
    }
    .order-summary-col-buttons {
margin-top:0px;
    }

 .leadbanner {
        margin-top: 228px;
    }



 .strip_images_each {
        height: unset;
        height: initial;
    }

 .wrap .row li.col:nth-of-type(2), .wrap .headerrow li.headercol:nth-of-type(2) {
        width: 20%;
    }

}

@media only screen and (max-width: 567px) {
    .footer_menu .inner2 {
flex-direction:column;
    }

 .footer_menu .inner2 ul {
        width: unset;
        width: initial;
    }

 .demolineup, .demolineup a {
        display: flex;
        flex-direction: column;
    }

         .demolineup img {
            max-height:unset;
            max-height:initial;
        }

 .single_product_top {
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
    }
        .single_product_top .big_img {
width:unset;
width:initial;
        }

 .wareWrap .controlsgroup {
            flex-direction: column;
            justify-content: flex-start;
            text-align: left;
        }

        .wareWrap .controlsgroup > div {
margin:10px 0px;        
}
    .single_product_size .sa-ddl {
margin:2px 0px 0px 0px;
    }

    .text_parent {
text-align:left;
    }

 .sa-title {
        display: block;
    }

 .splide {
        padding-top: 219px;
    }
    .system-block .system-titlecard {
        width: 98%;
        overflow-wrap: initial;
    }

    .standard_page .content-section {
        /*padding-top: 160px;*/
    }

    .menu-trigger {
        top: 480px;
    }

    .altimages {
        justify-content: center;
    }

        .altimages .desc-img {
            margin: 20px 20px 20px 20px;
        }

    .expanding-trstgrid {
        overflow-x: scroll;
    }

        .expanding-trstgrid td {
            font-size: 15px;
            line-height: 20px;
        }

    .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 #D3D4D4;
    }

    .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: 15px;
                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;
    }

    .slick-prev {
        right: 19vw;
    }

    .system-detailpage .section-stats .system-titlecard, .blog_page .section-stats .system-titlecard {
        padding: 1% 4vw 0% 4vw;
    }

    .housing-swatches > div:first-of-type {
        width: 100%;
    }

    .productdetail_page .attributes-section .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;
    }

    .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: 20px;
    }

    .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 {
        margin-top: 252px;
    }
    /*START PROMO VIDEO */
    .system-icons {
        justify-content: center;
    }

    .detail_page .dynamic-sections > div:first-of-type {
        padding: 30vw 4vw 0vw 4vw;
    }

    .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 {
        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: 15px 4%;
    }



    .system-detailpage .description-section, .blog_page .description-section {
        padding: 11vw 4vw 100px 4vw;
    }

    .system-detailpage .slick-prev, .blog_page .slick-prev {
        right: 19vw;
    }

    .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%;
    }

    .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;
    }
}

@media only screen and (max-width: 539px) {
    .btn-Checkout {
        margin-top: 20px;
padding-right:0px;
    }
    .order-summary-col-buttons {

flex-direction:column;
    }
    .order-summary-col-buttons>div {
align-self:center;
    }



}

@media only screen and (max-width: 430px) {
    .ctatag {
        margin: 6px 0px 12px 0px;
    }

    .logo_wrapper .logo img {
        width: 164px;
    }
    .navbar-search {
    display:flex;
    flex-direction:column;
    }
    .cta-call {
        padding: 0px 10px;
        width: 137px;
        text-align: center;
    }

    .cta-call > span {
        display: none;
        visibility: hidden;
    }

    .single_product_top .big_img {
        height: 280px;
    }

    .applications-section img {
max-height:100% !important;
width:100%;
height:auto;
    }

 .linkbar-links ul {
        justify-content: space-evenly;
        padding: 15px 0px 15px 0px;
    }

    .system-detailpage .linkbar-links ul li, .blog_page .linkbar-links ul li {
        padding: 15px 15px;
    }
    .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: 0px 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;
    }
    .salesagent_page .story-titlecard h1 {
font-size:14vw;
line-height:14vw;
    }

    .salesagent_page .replocator-wrap {
        padding: 40px 10px 0px 10px;
    }


}

.clear{
    clear: both;
}