html {
    background-color: white; /*#e2e2e2;*/
    margin: 0;
    padding: 0;
}

@font-face {
    font-family: ProductTitleFont;
    src: url(../fonts/HelveticaNeueLTStd-MdCn.otf);
}

body {
    background-color: white; /*#fff;*/
    color: #333;
    font-family: Arial, Helvetica, "Calibri", "Eras Light ITC", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
    font-weight: 100;
    margin: 0;
    padding: 0;
    font-size: 1em;
}

header {
    width: 100%;
    height: 87px;
    position: fixed;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    z-index: 3;
    background-color: white;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    -o-transition: height 0.3s;
    transition: height 0.3s;
}

.headerwrapper {
    margin: 0 auto;
    max-width: 1200px;
    display: flex;
}

.site-title {
    position: relative;
    display: inline-flex;
    height: 87px;
    width: 250px;
    background-image: url("../images/Logo02.svg");
    background-size: contain;
    background-repeat: no-repeat;
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/

.content-header {
    width: 100%;
}

    .content-header img {
        zoom: 100%;
    }

@media only screen and (max-width: 1200px) {
    .content-header img {
        zoom: 80%;
    }
}

@media only screen and (max-width: 850px) {
    .content-header img {
        zoom: 68%;
    }
}

@media only screen and (max-width: 520px) {
    .content-header img {
        zoom: 60%;
    }
}

/*-----------------------------------------------------------------------------------------------------------------------------------------------*/



a {
    color:#ea0000 ;
    outline: none;
    text-decoration: none;
}

footer, hgroup,
nav, section {
    display: block;
}

mark {
    background-color: white; /*#a6dbed;*/
}

.float-left {
    float:left;
}

.float-right {
    float: right;
}

.clear-fix:after {
    content: ".";
    clear: both;
    display: block;
    height: 0;
    visibility: hidden;
}









h1 {
    color: Black;
    font-size: 3em;
    font-weight: lighter;
    left: inherit;
    text-align: left;
    margin: 0;
    padding-top: 20px;
    padding-bottom: 20px;
}

h2 {
    margin: 0;
    color:#ee0000;
    font-size: 1.5em;
    font-weight: 100;
    text-align: left;
    padding-top: 5px;
    padding-bottom: 5px;
}

h3 {
    color: black;
    font-size: 1.3em;
    font-weight: 100;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
}

h4 {
    color: black;
    font-size: 1em;
    font-weight: 600;
    text-align: left;
    margin: 0;
    padding: 5px 0 5px 0;
}

h5, h6 {
    color: #000;
    font-size: 1em;
    font-weight: 600;
    text-align: left;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
}

    h5 a:link, h5 a:visited, h5 a:active {
        padding: 0;
        text-decoration: none;
    }

small {
    color: #000;
    font-size: .5em;
    font-weight: 100;
    margin:0;
    padding:0;
}



.PartNo {
    display:inline;
    position: relative;
    font-weight: 600;
    color: #ee0000;
    padding: 0;
    margin: 0;
    white-space: nowrap;
    font-size: .875em;
}

    .PartNo a:link, .PartNo a:visited, .PartNo a:active {
        text-decoration: none;
    }

.ps {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: transparent;
    max-height: 100%;
    max-width:100%;
    width:100%;
    box-sizing: border-box;
}

.lps {
    position: relative;
    display: block;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: transparent;
    max-height: 100%;
    box-sizing: border-box;
    /*    border: solid 1px #dadada;  */
}

.lpsdivider {
    position: relative;
    display: block;
    overflow: hidden;
    padding:0;
    margin:0;
    background-color: red;
    height: 1px;
    box-sizing: border-box;
}

.ProductPoster {
    width: 100%;
}

    .ProductPoster img {
        width: 100%;
    }

.Productdivider {
    position: relative;
    display: block;
    background-color: #dadada;
    height: 1px;
    box-sizing: border-box;
    clear: both;


        margin: 0 auto;
        max-width: 1200px;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
}


.ProductTitle {
    position: relative;
    display: inline-block;
    font-weight: 100;
    color: #ee0000;
    width: 70%;
    vertical-align: middle;
    font-size: 1em;
    padding-bottom: 10px;
}

    .ProductTitle a:link, .ProductTitle a:visited, .ProductTitle a:active {
        text-decoration: none;
    }

.ProductSubTitle {
    position: relative;
    display: inline-block;
    font-family: ProductTitleFont;
    margin: 5px 0 5px 0;
    font-weight: 100;
    color: #ee0000;
    font-size: 0.8em;
    vertical-align: middle;
    width:100%;
}


.ProductTitleText {
    position: relative;
    display: inline-block;
    width: 100%;
    vertical-align: middle;
    font-family: ProductTitleFont;
    font-size: 2em;
}


.FolderProductTitleText {
    position: relative;
    display: inline-block;
    width: calc(100% - 160px);
    vertical-align: middle;
    font-family: ProductTitleFont;
    font-size: 1.5em;
}

    .FolderProductTitleText:hover ~ .FolderProductTitleImage {
        background-color: #c70000;
    }


/*.ProductTitleImage {
    position: absolute;
    display: inline-block;
    width: 30px;
    margin-left: 10px;
    top: 2px;
    height: 95%;
    background-image: url("../images/arrow-6.svg");
    background-repeat: no-repeat;
    background-position: center;
    background-color: #c4c4c4;
    opacity: 0.85;
    vertical-align: middle;
}
*/


.FolderProductTitleImage {
    position: absolute;
    display: inline-block;
    width: 120px;
    margin: 0 auto;
    right: 0px;
    top: 0px;
    height: 30px;
    background-color: black;
    opacity: 1;
    text-align: center;
    color:white;
    font-size: 0.75em;
    font-weight:600;
    padding-top: 0px;
}

    .FolderProductTitleImage:before {
        display: inline-block;
        content: "";
        vertical-align: middle;
        height:100%;
    }

    .FolderProductTitleImage a:link, .FolderProductTitleImage a:visited, .FolderProductTitleImage a:active {
        text-decoration: none;
        color: white;
    }


    .FolderProductTitleImage:hover {
        background-color: #c70000;
    }

.FolderProductTitleBtn {
    position: absolute;
    display: inline-block;
    width: 120px;
    height: 30px;
    line-height:30px;
    border: 0px solid black;
    right: 0;
    top:0;
    opacity: 1;
    vertical-align: middle;
    background-color: black;
    color: white;
    text-align: center;
    font-weight: 600;
    font-size: .75em;
    cursor: pointer;
    border-radius:2px;
}

    .FolderProductTitleBtn:hover {
        background-color: #c70000;
    }


    .ProductDescription {
        display: block;
        clear: left;
        margin: 0 0 5px 0;
        font-weight: 100;
        color: black;
        font-size: .875em;
        width: 80%;
    }

        .ProductDescription a:link, .ProductDescription a:visited, .ProductDescription a:active {
            text-decoration: none;
            color: black;
        }

        .ProductDescription ul {
            display: block;
            margin: 0 0 0 15px;
            padding: 0 0 0 1%;
        }

        .ProductDescription ol {
            display: block;
            list-style-type: decimal;
            margin: 0 0 0 15px;
            padding: 0 0 0 1%;
        }

        .ProductDescription li {
            display: list-item;
        }

        .ProductDescription p {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }


    .FolderProductDescription {
        display: block;
        clear: left;
        margin: 0 0 5px 0;
        font-weight: 100;
        color: black;
        font-size: .875em;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 6; /* number of lines to show */
        -webkit-box-orient: vertical;
        width:calc(70% - 160px);
    }

        .FolderProductDescription a:link, .FolderProductDescription a:visited, .FolderProductDescription a:active {
            text-decoration: none;
            color: black;
        }

        .FolderProductDescription ul {
            display: block;
            margin: 0 0 0 15px;
            padding: 0 0 0 1%;
        }

        .FolderProductDescription ol {
            display: block;
            list-style-type: decimal;
            margin: 0 0 0 15px;
            padding: 0 0 0 1%;
        }

        .FolderProductDescription li {
            display: list-item;
        }

        .FolderProductDescription p {
            margin: 0 0 0 0;
            padding: 0 0 0 0;
        }


    .ProductPicture {
        position: relative;
        width: 100%;
        padding: 0;
        margin: 10px 0 10px 0;
    }

        .ProductPicture img {
            width: auto;
            max-width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
        }


@media only screen and (max-width: 1200px) {
    .ProductTitle {
        width: 80%;
    }


    .FolderProductDescription {
        width: calc(80% - 160px);
    }
}

@media only screen and (max-width: 850px) {
    .ProductTitle {
        width: 95%;
    }

    .ProductDescription {
        width: 95%;
    }

    .FolderProductDescription {
        width: calc(95% - 160px);
    }

    .FolderProductTitleText {
    }

    .ProductTitleText {
        font-size: 1.8em;
    }

    .FolderProductTitleImage {
    }
}


@media only screen and (max-width: 520px) {
    .FolderProductTitleText {
        width: calc(100% - 100px);
    }

    .FolderProductTitleImage {
        width: 100px;
    }

    .FolderProductTitleBtn {
        width: 100px;
    }

    .ProductTitle {
        width: 100%;
    }

    .ProductDescription {
        width: 100%;
    }

    .FolderProductDescription {
        width: calc(100% - 100px);
    }
}




















    ol.listCircleRed li {
        margin-bottom: 10px;
        border-top: solid 1px #CCCCCC;
        padding-top: 10px;
    }

        ol.listCircleRed li:first-child {
            border-top: 0;
        }

        ol.listCircleRed li b {
            color: #000000;
        }

    ol.listCircleRed {
        counter-reset: li;
        margin: 0 0 0 15px;
        padding: 0 0 0 1%;
    }

        ol.listCircleRed > li {
            position: relative;
            margin-left: 0.5em;
            padding-left: 8px;
            list-style: none;
        }

            ol.listCircleRed > li:before {
                content: counter(li);
                counter-increment: li;
                position: absolute;
                left: -2em;
                -moz-box-sizing: border-box;
                -webkit-box-sizing: border-box;
                box-sizing: border-box;
                width: 1.9em;
                margin-right: 8px;
                padding: 4px;
                color: #fff;
                background: #f01a00;
                font-weight: bold;
                text-align: center;
                border-radius: 50px;
                box-shadow: 0 2px 6px #000000;
            }














































.form-atl-fldr {
    padding: 0 0 10px 0;
    margin: 0 0 0 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    line-height: 30px;
    width: 70%;
    font-size: 1em;
    font-weight: 100;
    color: #ee0000;
}

    .form-atl-fldr .PartNo {
        position: relative;
        display: inline-block;
        width: calc(100% - 165px);
        vertical-align: middle;
    }

    .form-atl-fldr .addBtn {
        position: absolute;
        display: inline-block;
        width: 120px;
        height: 30px;
        right: 0;
        border: 0px;
        border-radius: 2px;
        opacity: 1;
        vertical-align: top;
        background-color: black;
        cursor: pointer;
    }

        .form-atl-fldr .addBtn:hover {
            background-color: #c70000;
        }

.form-atl-fldr input[type="button"] {
    color: white;
    font-size: 0.75em;
    font-weight: 600;
    padding: 0px;
    vertical-align: middle;
}

.form-atl-lst {
    padding: 5px 0 5px 0;
    margin: 0px 0px 0 0;
    position: relative;
    display: table;
    vertical-align: middle;
    width: 260px;
    font-size: 1em;
    font-weight: 100;
    color: #ee0000;
}

    .form-atl-lst .PartNo {
        position: relative;
        display: table-cell;
        width: 170px;
        vertical-align: middle;
    }

        .form-atl-lst .PartNo a {
            display: inline-block;
            vertical-align: middle;
        }

    .form-atl-lst .addBtn {
        position: relative;
        display: table-cell;
        width: 80px;
        height: 30px;
        border: 0;
        border-radius: 2px;
        opacity: 1;
        vertical-align: middle;
        background-color: black;
        text-align: center;
        cursor: pointer;
    }

        .form-atl-lst .addBtn:hover {
            background-color: #c70000;
        }

    .form-atl-lst input[type="button"] {
        color: white;
        font-size: .75em;
        font-weight: 600;
        padding: 0px;
        vertical-align: middle;
    }



.form-atl-sngl {
    padding: 10px 0 10px 0;
    margin: 10px 0px 10px 0;
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
    width: 80%;
    font-size: 1em;
    font-weight: 100;
    color: #ee0000;
    border: 1px solid black;
    border-left: 0;
    border-right: 0;
}

    .form-atl-sngl .PartNo {
        position: relative;
        display: block;
        width: auto;
        vertical-align: middle;
        margin-right: 20px;
        line-height: 40px;
    }

    .form-atl-sngl .PartNo::before {
        display:inline-block;
        width: 100px;
        content: "SKU:";
        color:black;
    }

    .form-atl-sngl .QuantityGrp {
        position: relative;
        display: inline-block;
        vertical-align: middle;
        background: transparent;
        text-align: left;
        vertical-align: middle;
        white-space:nowrap;
        padding-right: 20px;
        line-height: 60px;
    }

        .form-atl-sngl .QuantityGrp::before {
            display: inline-block;
            content: "Quantity:";
            width: 100px;
            color: black;
            font-size:0.875em;
            font-weight:600;
        }

    .form-atl-sngl .minusBtn {
        position: relative;
        display: inline-block;
        width: 40px;
        height: 40px;
        border: 1px solid black;
        opacity: 1;
        background-color: transparent;
        vertical-align: middle;
        color: black;
        text-align: center;
        font-weight: 600;
        font-size: 1em;
        cursor: pointer;
        background-image: url(/images/List_Remove_6.svg);
        background-repeat: no-repeat;
        background-size:cover;
    }

    .form-atl-sngl .Quantity {
        position: relative;
        display: inline;
        width: 40px;
        height: 40px;
        border: 1px solid black;
        vertical-align: middle;
        background: transparent;
        font-size: 1em;
        font-weight: 600;
        color:black;
        text-align: center;
        vertical-align: middle;
    }

    .form-atl-sngl .plusBtn {
        position: relative;
        display: inline;
        width: 40px;
        height: 40px;
        border: 1px solid black;
        opacity: 1;
        background-color: transparent;
        vertical-align: middle;
        color: black;
        text-align: center;
        font-weight: 600;
        font-size: 1em;
        cursor: pointer;
        background-image: url(/images/List_Add_6.svg);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .form-atl-sngl .addBtn {
        position: relative;
        display: inline-block;
        width: calc(100% - 265px);
        min-width: 160px;
        height: 50px;
        border: 0px;
        opacity: 1;
        background-color: black;
        color: white;
        vertical-align: middle;
        text-align: center;
        font-weight: 600;
        font-size: 1.2em;
        cursor: pointer;
        border-radius: 7px;
    }

        .form-atl-sngl .addBtn:hover {
            background-color: #c70000;
        }

    .form-atl-sngl input[type="text"] {
        -webkit-appearance: none;
        border-radius: 0;
        border-color: black;
        color: black;
    }

input {
    -webkit-appearance: none;
    border-radius: 0;
    opacity: 1;
    color: black;
}

    input:disabled {
        -webkit-appearance: none;
        opacity: 1;
        color:black;
    }


@media only screen and (max-width: 1200px) {
    .form-atl-fldr {
        width: 80%;
    }
}

@media only screen and (max-width: 1000px) {
    .form-atl-sngl {
        width: 95%;
    }
}

@media only screen and (max-width: 850px) {
    .form-atl-fldr {
        width: 95%;
    }

    .form-atl-sngl .addBtn {
        display: block;
        margin-left: 0px;
        width: 100%;
    }

}

@media only screen and (max-width: 520px) {
    .form-atl-fldr {
        width: 100%;
    }

        .form-atl-fldr .addBtn {
            width: 100px;
        }

    .form-atl-sngl {
        width: 100%;
    }

    .form-atl-lst {
        width: 190px;
    }

        .form-atl-lst .PartNo {
            width: 105px;
        }

        .form-atl-lst .addBtn {
            width: 80px;
            height: 25px;
        }
}

@media only screen and (max-width: 320px) {
    .form-atl-sngl .PartNo::before, .form-atl-sngl .QuantityGrp::before {
        width: 60px;
    }
}

    addToList {
        position: relative;
        padding: 0;
        margin: 0 10px 0 10px;
        white-space: nowrap;
    }

        addToList img {
            padding: 0;
            margin: 0;
            vertical-align: middle;
        }

        addToList input {
            font-size: .875em;
            font-weight: 400;
            color: red;
            padding: 0;
            border: 0;
            background: transparent;
            margin: 0;
            text-align: center;
            width: 15px;
        }





    addToListcol {
        position: relative;
        padding: 0;
        margin: 0;
        white-space: nowrap;
    }

        addToListcol img {
            padding: 0;
            margin: 0;
            vertical-align: middle;
        }

        addToListcol input {
            font-size: .875em;
            font-weight: 400;
            color: red;
            padding: 0;
            border: 0;
            background: transparent;
            margin: 0;
            text-align: center;
            width: 15px;
        }

    rgl {
        position: relative;
        font-size: .85em;
    }

    /*-----------------------------------------------------------------------------------------------------------------------------------------------*/

    .navpath {
        background-color: #fafafa;
        color: red;
        text-align: left;
        padding-top: 5px;
        padding-bottom: 5px;
    }

        .navpath ul {
            display: inline-block;
            padding-left: 0;
            margin: 0;
        }

        .navpath li {
            display: inline-block;
            font-size: .875em;
            font-weight: 100;
            text-indent: -0.9em;
            padding-left: 2.5em;
            padding-right: 0;
            max-height: 3px;
        }

            .navpath li:before {
                display: inline-block;
                color: #e30613;
                content: url("../images/arrow-7.svg");
                padding-right: 0.5em;
                vertical-align: middle;
            }

    /*---------------------------------------------------------------------------------------------------------------------------------------*/

    .ItemsTable {
        width: 100%;
        margin: 0;
        margin-right: auto;
        margin-left: auto;
        overflow-x: auto;
        padding: 0;
    }

        .ItemsTable table {
            width: 100%;
            min-width: 100%;
            text-overflow: ellipsis;
            table-layout: fixed;
            border-top: 1px solid #999;
            border-bottom: 1px solid #999;
        }

            .ItemsTable table thead {
                vertical-align: middle;
                border-bottom: 1px solid #999;
            }

            .ItemsTable table tbody {
                vertical-align: middle;
            }

            .ItemsTable table th {
                padding: 3px;
                border-top: 1px solid #dadada;
                border-bottom: 1px solid #dadada;
                font-size: .75em;
                font-weight: 600;
            }

            .ItemsTable table td {
                padding: 6px;
                border-bottom: 1px solid #dadada;
                border-color: #dadada;
                font-size: .8em;
                font-weight: 100;
            }

            .ItemsTable table p {
                display: block;
                padding: 0;
                margin: 0;
                vertical-align: middle;
            }

    .float-right-SpecsTableWithImg {
        float: right;
        position: relative;
        width: 100%;
        margin-top: 5px;
        margin-bottom: 5px;
        text-align: left;
    }

    .float-right-SpecsTable {
        float: right;
        position: relative;
        width: 60%;
        margin: 0;
        margin-top: 5px;
        margin-bottom: 5px;
        padding: 5px 10px 5px 0px;
        text-align: left;
    }

    .float-left-SpecsTable {
        float: left;
        position: relative;
        width: 40%;
        text-align: left;
    }

        .float-left-SpecsTable img {
            width: auto;
            max-width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            margin-top: 20px;
        }



    /*--------------------------------------------------------------------------------------------------------------------------------------------*/
    .SpecsTable {
        width: 100%;
        margin-right: auto;
        margin-left: auto;
        overflow-x: auto;
        padding: 0;
    }

        .SpecsTable table {
            min-width: 100%;
            text-overflow: ellipsis;
            border-top: 1px solid #999;
            border-bottom: 1px solid #999;
        }

            .SpecsTable table thead {
                vertical-align: middle;
                border-bottom: 1px solid #999;
            }

            .SpecsTable table tbody {
                vertical-align: middle;
            }

            .SpecsTable table td {
                padding: 3px;
                padding-right: 10px;
                border-bottom: 1px solid #dadada;
                font-size: 0.8em;
                font-weight: 100;
                vertical-align: middle;
            }

                .SpecsTable table td .PartNo {
                    white-space: normal;
                    font-size: 0.95em;
                }

            .SpecsTable table p {
                display: block;
                padding: 0;
                margin: 0;
                vertical-align: middle;
            }

            .SpecsTable table th {
                padding: 3px;
                padding-right: 10px;
                border-top: 1px solid #dadada;
                border-bottom: 1px solid #dadada;
                font-size: .75em;
                font-weight: 600;
                min-width: 75px;
            }

                .SpecsTable table th .PartNo {
                    white-space: normal;
                    font-size: 1em;
                }


        .SpecsTable .partnocol {
            min-width: 100px;
            max-width: 200px;
        }

        .SpecsTable .imagecol {
            min-width: 120px;
        }

        .SpecsTable .cartimagecol {
            min-width: 350px;
        }

        .SpecsTable .imagepartnocol {
            white-space: nowrap;
        }

        .SpecsTable .specstitlecol {
            width: 35%;
        }

    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .folder {
        position: relative;
        padding-top: 20px;
        padding-bottom: 20px;
        z-index: 1;
    }

        .folder a:link, .folder a:visited, .folder a:active {
            color: #ee0000;
        }

        .folder:after {
            content: "";
            display: table;
            clear: both;
        }

        .folder * {
            box-sizing: border-box;
        }

    .folderbox {
        position: relative;
        margin: .9%;
        float: left;
        width: 14.85%;
        background-color: transparent;
        z-index: 1;
        padding-bottom: 26.5155%;
        overflow: hidden;
        border: solid;
        border-width: 1px;
        border-color: #efefef;
    }

        .folderbox:hover {
            box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
        }

    .folderboxbg {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-position-x: center;
        background-repeat: no-repeat;
        background-clip: padding-box;
        opacity: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        border-width: 1px;
        background-color: #999;
    }

    .folderboximg {
        position: absolute;
        background-color: transparent;
        z-index: -1;
        opacity: 1;
        text-align: center;
        padding: 15px;
        margin: 3px 3px 3px 3px;
        width: calc(100% - 6px);
        height: calc(60% - 6px);
    }

        .folderboximg img {
            max-width: 100%;
            max-height: 100%;
            height: auto;
            overflow: hidden;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }

    .folderboxdescription {
        position: absolute;
        padding: 5px;
        font-size: 0.9em;
        text-align: center;
        font-weight: 400;
        color: black;
        height: 40%;
        width: 100%;
        background-color: #ffffff;
        opacity: 1;
        bottom: 0;
        overflow: hidden;
    }

    .folderboxtitle {
        width: 100%;
        text-align: center;
        font-size: 0.9em;
        font-weight: 600;
    }

    .folderboxtxt {
        width: 100%;
        text-align: center;
        font-size: 0.9em;
        font-weight: 400;
    }

    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .Itemsgallery {
        width: 100%;
        padding: 30px 5px 30px 5px;
        overflow: hidden;
        max-height: 100%;
    }

    .Itemsgallerybox {
        position: relative;
        margin: 0.2%;
        float: left;
        background-color: white;
        z-index: 1;
        width: 80px;
        height: 80px;
        overflow: hidden;
        border: solid;
        border-width: 2px;
        border-color: #efefef;
        border-radius: 4px;
    }

        .Itemsgallerybox:hover {
            box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
        }

    .Itemsgalleryboxbg {
        display: block;
        position: absolute;
        z-index: 1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-position-x: center;
        background-repeat: no-repeat;
        background-clip: padding-box;
        opacity: 0;
        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        border: 0;
        border-width: 0px;
        background-color: #dee7ea;
    }

    .Itemsgalleryboximg {
        background-color: transparent;
        z-index: -1;
        border: 0;
        opacity: 1;
        text-align: center;
        padding: 5px;
        height: 100%;
    }

        .Itemsgalleryboximg img {
            width: 100%;
            max-width: 100%;
            max-height: 100%;
            height: auto;
            text-align: center;
            object-fit: scale-down;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }
    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .iframegallery {
        position: relative;
        display: block;
        background-color: #f3f3f3;
        padding: 10px;
    }

    .iframegallerybox {
        position: relative;
        display: inline-block;
        margin: 5px;
        background-color: white;
        z-index: 1;
        width: 280px;
        overflow: hidden;
        border: solid;
        border-width: 2px;
        border-color: #d3dce0;
        border-radius: 4px;
    }

    @media only screen and (max-width: 650px) {
        .iframegallerybox {
            float: none;
            display: block;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    }


    .iframegallerybox:hover {
        box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
    }

    .iframegalleryboxiframe {
        width: 280px;
        height: 158px;
        margin-left: auto;
        margin-right: auto;
    }

    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .gbox {
        position: relative;
        margin: 0;
        float: none;
        display: inline-block;
        width: 30%;
        z-index: 1;
        height: 380px;
        overflow: hidden;
        border: 1px solid #efefef;
        vertical-align: top;
        margin-bottom: 5px;
    }

    .gboximg {
        position: absolute;
        background-color: transparent;
        opacity: 1;
        text-align: center;
        height: 80%;
        width: 100%;
    }

        .gboximg img {
            width: auto;
            max-width: 100%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }

    .gboxdescription {
        overflow: hidden;
        padding: 15px;
        text-align: left;
        height: 20%;
    }

        .gboxdescription h3 {
            margin: 0;
        }

        .gboxdescription p {
            margin: 0;
        }

    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .pbox {
        position: relative;
        float: none;
        display: inline-block;
        z-index: 1;
        overflow: hidden;
        text-align: left;
        vertical-align: top;
        margin-top: 2.5px;
        margin-bottom: 2.5px;
    }

        .pbox .ProductTitle {
            width: 96%;
        }

        .pbox .pboximg {
            position: absolute;
            bottom: 41%;
            right: 0;
            left: 0;
            width: 100%;
            height: 40%;
            display: flex;
            align-items: center;
            justify-content: center;
        }

            .pbox .pboximg img {
                margin: 0 auto;
                max-width: 95%;
                height: auto;
                width: auto;
                overflow: hidden;
            }

        .pbox .ProductDescription {
            position: absolute;
            height: 40%;
            width: 96%;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
            margin: 0 auto;
        }

        .pbox .FolderProductDescription {
            position: absolute;
            height: 40%;
            width: 96%;
            bottom: 0;
            left: 0;
            right: 0;
            overflow: hidden;
            margin: 0 auto;
        }

        .pbox .form-atl-fldr{
            width: 96%;
        }

    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .mediagallery {
        position: relative;
        display: block;
        background-color: #f3f3f3;
        padding: 10px;
    }

    .mediagallerybox {
        position: relative;
        display: inline-block;
        margin: 5px;
        background-color: transparent;
        z-index: 1;
        width: 280px;
        overflow: hidden;
        border: solid;
        border-width: 0px;
        border-color: #d3dce0;
        border-radius: 4px;
        vertical-align: middle;
    }

        .mediagallerybox:hover {
            box-shadow: 0 0 2px 1px rgba(0, 140, 186, 0.5);
        }

    .mediapicture {
        display: inline-block;
        width: auto;
        vertical-align: middle;
        margin: 5px 5px 5px 5px;
    }

        .mediapicture img {
            width: auto;
            max-width: 100%;
            display: block;
            margin-left: 0;
            margin-right: auto;
        }

    .mediatext {
        display: inline-block;
        width: 60%;
        vertical-align: top;
    }

    .mediagalleryboxiframe {
        height: 158px;
        margin-left: auto;
        margin-right: auto;
    }

    @media only screen and (max-width: 650px) {
        .mediagallerybox {
            float: none;
            display: block;
            max-width: 100%;
            margin-left: auto;
            margin-right: auto;
        }
    }

    .iframebox {
    }

    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .featured1 {
        position: relative;
        z-index: 1;
        padding: 0px 0 0px 0;
        overflow: hidden;
        display: flex;
        flex-direction: row;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        vertical-align: top;
        background-color: white;
    }

        .featured1 * {
            box-sizing: border-box;
        }

    .pstbox {
        position: relative;
        z-index: 1;
        width: auto;
        flex-grow: 1;
        flex-shrink: 4;
        margin-right: 5px;
    }

        .pstbox:last-child {
            margin-right: 0px;
            margin-bottom: 0px;
        }

        .pstbox .pstboximg {
            position: relative;
            width: auto;
        }

            .pstbox .pstboximg img {
                max-width: 100%;
                max-height: 500px;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }

        .pstbox .pstboxwrapper {
            max-height: 700px;
            width: auto;
            border: 5px solid blue;
            position: absolute;
            transform: translateY(-50%) translateX(-50%);
            top: 50%;
            left: 50%;
        }

        .pstbox .pstboxtext {
            position: absolute;
            right: 50px;
            top: 0;
            bottom: 0;
            width: 140px;
            z-index: 2;
            overflow: hidden;
        }

        .pstbox .ProductTitle {
            position: relative;
            top: 0;
            left: 0;
            width: 100%;
            overflow: hidden;
            z-index: 2;
            color: white;
            margin: 0;
            padding: 10px;
            font-size: 0.8em;
        }

        .pstbox .ProductDescription-bg {
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-position-x: center;
            background-repeat: no-repeat;
            background-clip: padding-box;
            opacity: .5;
            height: 100%;
            padding: 0;
            margin: 0;
        }

        .pstbox .ProductDescription {
            position: relative;
            background-color: transparent;
            z-index: 2;
            overflow: hidden;
            box-sizing: border-box;
            width: 100%;
            color: white;
            margin: 0;
            padding: 10px;
            left: 0;
        }

            .pstbox .ProductDescription p {
                font-size: 1em;
                font-weight: 100;
                vertical-align: central;
            }

            .pstbox .ProductDescription h2 {
                font-family: ProductTitleFont;
                font-size: 1.5em;
                font-weight: 100;
                color: white;
                vertical-align: central;
            }

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

        .pstbox .pstboxtext {
            right: 20px;
            width: 120px;
        }

        .pstbox .ProductDescription h2 {
            font-size: 1.2em;
        }
    }

    @media only screen and (max-width: 850px) {
        .featured1 {
            display: block;
        }

        .pstbox {
            margin-right: 0px;
            margin-bottom: 5px;
        }

            .pstbox .pstboximg img {
            }

            .pstbox .pstboxtext {
                right: 20px;
                width: 100px;
            }

            .pstbox .ProductDescription p {
                font-size: .875em;
            }

            .pstbox .ProductDescription h2 {
                font-size: 1em;
            }
    }

    /*------------------------------------------------------------------------------------------------------------------------------------------------*/

    .catalog-wrapper {
        display: inline-block;
        width: 100%;
    }

    .catalog-title {
        display: block;
        font-family: ProductTitleFont;
        background-color: #3c3c3c;
        color: white;
        font-size: 1em;
        padding: 10px;
    }

        .catalog-title h3 {
            color: white;
            text-align: center;
            margin: 0;
        }

    .catalog-Subtitle {
        display: block;
        font-family: ProductTitleFont;
        background-color: #efefef;
        color: black;
        font-size: 1em;
        padding: 10px;
        text-align: left;
        margin: 0;
        width: 100%;
        clear: both;
    }








    /*-------------------------------------------------------------------------------------------------------------------------------------------------*/

    .overlay {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background: rgba(0, 0, 0, 0.7);
        transition: opacity 500ms;
        visibility: hidden;
        opacity: 0;
        z-index: 3;
    }

        .overlay:target {
            visibility: visible;
            opacity: 1;
        }

    .popupscreen {
        width: 100%;
        height: 100%;
        position: relative;
    }

    .popup {
        margin: 10px;
        padding: 10px;
        background: #fff;
        border-radius: 5px;
        width: 80%;
        height: 80%;
        transition: all 50ms ease-in-out;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

        .popup h2 {
            margin: 0;
            color: #333;
            font-family: Arial, Helvetica, "Calibri", "Eras Light ITC", "Segoe UI", Tahoma, Arial, Geneva, Verdana, sans-serif;
        }

        .popup .close {
            position: absolute;
            top: 0px;
            right: 10px;
            transition: all 50ms;
            font-size: 30px;
            font-weight: bold;
            text-decoration: none;
            color: #333;
        }

            .popup .close:hover {
                color: #ea0000;
            }

        .popup .content {
            margin: 0;
            padding: 0;
            text-align: center;
            height: 100%;
        }

            .popup .content img {
                width: auto;
                max-width: 95%;
                max-height: 95%;
                height: auto;
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translateY(-50%) translateX(-50%);
            }

    /*--------------------------------------------------------------------------------------------------------------------------------------------------*/

    .picmodal {
        display: none;
        position: fixed;
        z-index: 3;
        padding: 0;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
        background: rgba(0, 0, 0, 0.7);
        transition: opacity 500ms;
    }

        .picmodal:target {
            visibility: visible;
            opacity: 1;
        }


    .picmodalcontent {
        margin: 0;
        padding: 0;
        background: #fff;
        border-radius: 5px;
        width: 80%;
        height: 80%;
        transition: all 50ms ease-in-out;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
    }

    .picmodalclose {
        color: white;
        position: absolute;
        top: 10px;
        right: 10px;
        font-size: 35px;
        font-weight: bold;
        z-index: 4;
    }

        .picmodalclose:hover,
        .picmodalclose:focus {
            color: #999;
            text-decoration: none;
            cursor: pointer;
        }

    /* Hide the slides by default */
    .picmodalslides {
        margin: 0;
        padding: 0;
        text-align: center;
        height: 100%;
    }

        .picmodalslides img {
            width: auto;
            max-width: 95%;
            max-height: 95%;
            height: auto;
            text-align: center;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
        }

    /* Next & previous buttons */
    .picmodalprev,
    .picmodalnext {
        cursor: pointer;
        position: absolute;
        top: 50%;
        width: 30px;
        height: 42px;
        padding: 0;
        margin-top: -25px;
        color: black;
        font-weight: 100;
        font-size: 5px;
        transition: 0.6s ease;
        border-radius: 0 0px 0px 0;
        user-select: none;
        -webkit-user-select: none;
        opacity: 0.2;
    }

    /* Position the "next button" to the right */
    .picmodalnext {
        right: 10px;
        background: transparent url('../images/Arrow-5_fr.svg') no-repeat center right;
    }

    .picmodalprev {
        left: 10px;
        background: transparent url('../images/Arrow-5_bk.svg') no-repeat center left;
    }

        /* On hover, add a black background color with a little bit see-through */
        .picmodalprev:hover,
        .picmodalnext:hover {
            opacity: 1;
        }

    .picmodalgallery {
        display: inline-block;
        background: #fff;
        border-radius: 4px;
        margin-left: 5px;
        width: 80%;
        height: auto;
        transition: all 50ms ease-in-out;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        position: relative;
        bottom: 0;
    }

















    /* main layout
----------------------------------------------------------*/
    .content-wrapper {
        margin: 0 auto;
        max-width: 1200px;
        padding-left: 0px;
        padding-right: 0px;
        overflow: hidden;
    }

    #body {
        background-color: white; /*#efeeef;*/
        clear: both;
        padding-bottom: 35px;
        margin-top: 100px;
    }

    header .content-wrapper {
        padding-top: 1px;
    }



    /*---------------------------------------------------------------------------------------------------------------------------- */
    /* -------------------------------------------------- FOOTER ------------------------------------------------------------- */

    footer {
        padding-top: 0px;
        padding-bottom: 0px;
        clear: both;
        font-size: .8em;
        color: darkgray;
    }

    .Footerbox3 {
        position: relative;
        float: left;
        width: 33.3%;
        overflow: hidden;
    }

    @media only screen and (max-width: 650px) {
        .Footerbox3 {
            width: 50%;
        }
    }

    .Footerbox3text {
        overflow: hidden;
        padding: 15px;
        text-align: left;
        height: 100%;
    }

        .Footerbox3text img {
            filter: grayscale(1); /* IE5+ */
            -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
            -webkit-transition: all .8s ease-in-out;
            -webkit-transform: scale(1);
            opacity: 0.7;
            vertical-align: middle;
        }

            .Footerbox3text img:hover {
                filter: none;
                -webkit-filter: grayscale(0);
                -webkit-transform: scale(1.1);
                opacity: 1;
            }

        .Footerbox3text ul {
            margin: 0;
            padding: 0;
            list-style-position: outside;
            list-style-type: disc;
            text-indent: 0px;
        }

        .Footerbox3text li {
            display: block;
            font-size: 1em;
            font-weight: 100;
            padding-top: 5px;
            padding-bottom: 5px;
            vertical-align: middle;
        }

            .Footerbox3text li::before {
                filter: grayscale(1); /* IE5+ */
                -webkit-filter: grayscale(1); /* Webkit Nightlies & Chrome Canary */
                -webkit-transition: all .8s ease-in-out;
                -webkit-transform: scale(1);
                opacity: 0.7;
                vertical-align: middle;
                padding-right: 5px;
            }

            .Footerbox3text li:hover::before {
                filter: none;
                -webkit-filter: grayscale(0);
                opacity: 1;
            }

            .Footerbox3text li#address::before {
                content: url('../images/ctc_lt_30.png');
            }

            .Footerbox3text li#email::before {
                content: url('../images/ctc_em_30.png');
            }

            .Footerbox3text li#phone::before {
                content: url('../images/ctc_tl_30.png');
            }

            .Footerbox3text li#whatsapp::before {
                content: url('../images/ctc_wa_30.png');
            }

            .Footerbox3text li#facebook::before {
            }

            .Footerbox3text li#insta::before {
            }

        .Footerbox3text a {
            color: darkgray;
        }

            .Footerbox3text a:hover {
                color: red;
            }

        .Footerbox3text h3 {
            font-size: 1.3em;
            text-align: left;
            color: rgba(255, 255, 255, 1);
            padding-top: 0px;
            padding-bottom: 15px;
            border-bottom: 2px solid rgba(255, 255, 255, 0.5);
            margin-bottom: 20px;
            display: inline-block;
            font-weight: bold;
        }

    .Footerboxcpy {
        position: relative;
        background-color: black;
        float: left;
        width: 100%;
        overflow: hidden;
    }

    .Footernav {
        position: relative;
        background-color: #2e2e2e;
        float: left;
        width: 100%;
        overflow: hidden;
    }



    .dropdown {
        float: right;
        display: inline-block;
        position: relative;
    }

    .dropdown-content {
        display: none;
        position: fixed;
        top: 40px;
        right: 1%;
        Width: 70%;
        padding: 10px;
        text-align: center;
        background-color: white;
        box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
        z-index: 4;
    }

    .dropdown-contentsquare {
        position: relative;
        display: inline-block;
        width: 15.9%;
        height: 48px;
        float: left;
        margin: 1%;
        padding: 1%;
        border: 0px;
        border-spacing: 0px;
        border-style: solid;
        border-color: whitesmoke;
        background-color: WHITE;
    }

        .dropdown-contentsquare img {
            max-width: 100%;
            max-height: 100%;
            height: auto;
            text-align: center;
            vertical-align: central;
        }

    .show {
        display: block;
    }





    /* page elements
----------------------------------------------------------*/
    /* featured */

    .featured2 {
        position: relative;
        z-index: 1;
        padding: 0px 0 0px 0;
    }

        .featured2 a:link, .featured2 a:visited, .featured2 a:active {
            text-decoration: none;
        }

        .featured2 .bg {
            position: absolute;
            z-index: -1;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            background-position-x: center;
            background-repeat: no-repeat;
            background-clip: padding-box;
            background-size: contain;
            opacity: .2;
            width: 100%;
            height: 100%;
        }

        .featured2 .content-box {
            position: relative;
            overflow: hidden;
            padding: 10px;
            background-color: transparent;
            max-height: 100%;
        }

        .featured2 .content-title {
            width: 100%;
            margin-top: 5px;
            margin-bottom: 5px;
            padding-left: 0px;
        }

        .featured2 .float-right {
            position: relative;
            width: 60%;
            margin: 3px 0 3px 0;
            text-align: left;
        }

        .featured2 .float-right-subGroup {
            position: relative;
            float: right;
            width: 75%;
            margin: 3px 0 3px 0;
            text-align: left;
        }

        .featured2 .float-left {
            position: relative;
            width: 40%;
            text-align: left;
        }

            .featured2 .float-left img {
                width: auto;
                max-width: 100%;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }

        .featured2 .float-left-subGroup {
            position: relative;
            float: left;
            width: 25%;
            margin: 3px 0 3px 0;
            text-align: left;
        }

        .featured2:after {
            content: "";
            display: table;
            clear: both;
        }

        /*-------------------------------------------------------------------------------------*/

        .featured2 .description {
            padding: 15px;
            text-align: left;
            color: black;
            font-weight: 400;
            height: 25%;
            background-color: #eaeaea;
            opacity: 1;
        }

            .featured2 .description a {
                color: #ea0000;
            }

        .featured2 * {
            box-sizing: border-box;
        }

    hr {
        display: block;
        margin-top: 5px;
        margin-bottom: 5px;
        margin-left: auto;
        margin-right: auto;
        border-style: solid;
        border-bottom: 1px;
        height: 0px;
        color: darkgray;
    }

    .featured2 h6 {
        display: inline;
        color: RED;
        font-size: .5em;
        font-weight: 100;
        text-align: left;
        margin: 5px;
    }

    .featured2 p {
        margin: 2px 0 8px 0;
        font-weight: 100;
    }

    /*****************************************************************************************************/


    .featured3 {
        position: relative;
        width: 100%;
        padding-top: 20px;
        padding-bottom: 20px;
        background-color: #ffffff;
    }

        .featured3 a:link, .featured3 a:visited, .featured3 a:active {
            color: red;
        }

        .featured3 .float-right {
            position: relative;
            width: 50%;
            text-align: right;
        }

            .featured3 .float-right img {
                width: auto;
                max-width: 100%;
                display: block;
                margin-left: auto;
                margin-right: auto;
            }

        .featured3 .float-left {
            position: relative;
            width: 50%;
            margin-top: 0px;
            margin-bottom: 0px;
            text-align: left;
        }

        .featured3 p {
            margin: 0;
            font-weight: 100;
            vertical-align: central;
        }

        .featured3 ol {
            padding-left: 1%;
        }

        .featured3 ul {
            padding-left: 1%;
        }

        .featured3 .images1 {
            position: relative;
            padding-left: 0px;
            vertical-align: middle;
        }

            .featured3 .images1 img.center {
                vertical-align: middle;
            }

    /*****************************************************************************************************/

    .featured4 {
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: transparent;
    }

        .featured4 .content-wrapper {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .featured4 .pbox {
            width: 45%;
            padding: 2%;
            margin: -2.5px;
            height: 500px;
        }

            .featured4 .pbox .pboximg {
                bottom: 31%;
                height: 50%;
            }

            .featured4 .pbox .ProductDescription {
                height: 30%;
            }

            .featured4 .pbox .FolderProductDescription {
                height: 30%;
            }
    /*****************************************************************************************************/

    .featured5 {
        position: relative;
        width: 100%;
        height: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: transparent;
    }

        .featured5 .content-wrapper {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .featured5 .pbox {
            width: 23.3%;
            padding: 5px 5px 5px 5px;
            height: 350px;
        }

            .featured5 .pbox .ProductTitle {
                font-size: 1.2em;
                width: 100%;
                vertical-align: middle;
            }

            .featured5 .pbox .pboximg {
                bottom: 41%;
                height: 45%;
            }

            .featured5 .pbox .ProductDescription {
                height: 40%;
            }

            .featured5 .pbox .FolderProductDescription {
                height: 40%;
            }

        .featured5 p {
            margin: 2px 0 8px 0;
            font-weight: 100;
        }


    /*****************************************************************************************************/

    .featured6 {
        position: relative;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        margin-left: auto;
        margin-right: auto;
    }

        .featured6 a:link, .featured6 a:visited, .featured6 a:active {
            color: red;
        }

        .featured6 .content-wrapper {
            margin-left: auto;
            margin-right: auto;
            text-align: center;
        }

        .featured6 * {
            box-sizing: border-box;
        }

        .featured6 p {
            margin: 0;
            font-weight: 100;
            vertical-align: central;
        }

        .featured6 ol {
            font-weight: 100;
            padding-left: 0%;
        }

        .featured6 ul {
            padding-left: 0%;
        }

    /* tables
----------------------------------------------------------*/
    table {
        border-collapse: collapse;
        border-spacing: 0;
        border: 0 none;
    }

    th {
        text-align: left;
        border: none 0px;
        padding-left: 0;
    }


    /*************************************************************************************************************************************************************/
    @media only screen and (max-width: 1200px) {

        body {
            font-size: 1em;
        }

        .picmodalslides {
            height: calc(100% - 220px);
        }

        article {
            float: none;
            width: 100%;
        }

        aside {
            float: none;
            width: 100%;
        }

            aside .logosContainer {
                padding: 10px;
            }

            aside .logos img {
                zoom: 70%;
            }

            aside ul#logos li {
                line-height: 50px;
                padding-left: 10px;
                padding-Right: 10px;
            }
    }


    /*************************************************************************************************************************************************************/

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

        body {
            font-size: 1em;
        }

        header {
            height: 60px;
        }

        .site-title {
            height: 65px;
        }

        #body {
            margin-top: 75px;
        }

        .folderbox {
            width: 18.2%;
            padding-bottom: 32.4971%;
        }
    }


    /*************************************************************************************************************************************************************/

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

        body {
            font-size: 1em;
        }

        header {
            height: 40px;
        }

        .float-right-SpecsTableWithImg {
            padding: 5px 10px 5px 10px;
        }

        .float-right-SpecsTable {
            width: 100%;
            padding: 5px 10px 5px 10px;
        }

        .SpecsTable th {
            min-width: 65px;
        }

        .SpecsTable .partnocol {
            min-width: 100px;
        }

        .SpecsTable .imagecol {
            min-width: 25%;
        }

        .SpecsTable .imagepartnocol {
            min-width: 100px;
        }

        .picmodalslides {
            height: calc(100% - 195px);
        }

        .ItemsTable {
            max-width: 100%;
            width: auto;
            overflow-x: auto;
            padding: 0px;
        }

        .temsTable table {
            min-width: 600px;
        }

        .featured2 .float-right {
            margin-left: 0%;
        }

        .featured2 .float-left img {
            margin-left: auto;
            margin-right: auto;
        }

        .featured3 .float-right {
            width: 43%;
            margin-right: 5%;
        }

        .featured3 .float-left img {
            float: none;
            margin-left: auto;
            margin-right: auto;
        }

        .featured5 .pbox {
            width: 47.3%;
        }

        article {
            float: none;
            width: 100%;
        }

        aside {
            float: none;
            width: 100%;
        }

            aside .logosContainer {
                padding: 10px;
            }

            aside .logos img {
                zoom: 68%;
            }

            aside ul#logos li {
                line-height: 50px;
                padding-left: 10px;
                padding-Right: 10px;
            }
    }


    /*************************************************************************************************************************************************************/

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

        .folderbox {
            width: 23.2%;
            padding-bottom: 41.425%;
        }

        .featured4 .pbox {
            height: auto;
            width: auto;
            max-width: 90%;
            display: block;
            margin-left: auto;
            margin-right: auto;
            float: none;
        }

        .featured4 .pboximg {
            position: relative;
        }

        .featured4 .pbox .ProductDescription {
            position: relative;
            height: auto;
            width: 100%;
            margin: 5px 0 5px 0;
        }

        .featured4 .pbox .FolderProductDescription {
            position: relative;
            height: auto;
            width: 100%;
            margin: 5px 0 5px 0;
        }

        .gbox {
            display: block;
            margin: 20px auto 20px auto;
            float: none;
            width: 90%;
        }
    }

    /*************************************************************************************************************************************************************/

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

        body {
            font-size: 1em;
            margin-left: 0px;
            margin-right: 0px;
        }

        #body {
            margin-left: 0px;
            margin-right: 0px;
        }

        .site-title {
            margin: 0;
            height: 55px;
            width: 150px;
        }

        .content-wrapper {
        }

        .float-left-SpecsTable {
            width: 100%;
        }

            .float-left-SpecsTable img {
                max-width: 60%;
                margin-top: 0;
            }

        .SpecsTable th {
            min-width: 65px;
        }

        .SpecsTable .partnocol {
            min-width: 100px;
        }

        .SpecsTable .imagecol {
            min-width: 25%;
        }

        .SpecsTable .imagepartnocol {
            min-width: 100px;
        }

        .ItemsTable {
            max-width: 100%;
            width: 100%;
            margin-right: auto;
            margin-left: 0;
            overflow-x: auto;
            padding: 0;
        }

            .ItemsTable table {
                min-width: 500px;
            }


        .folderbox {
            width: 31.5%;
            padding-bottom: 56.25%;
        }

        .folderboxdescription {
            padding: 5px;
            font-size: 0.9em;
            font-weight: 100;
        }

        .picmodalcontent {
            width: 98%;
            height: 98%;
        }

        .picmodalclose {
            color: black;
            top: 5px;
            right: 10px;
        }

        .lps {
            position: relative;
            display: block;
            overflow: hidden;
            padding-top: 5px;
            padding-bottom: 5px;
            background-color: transparent;
            max-height: 100%;
            box-sizing: border-box;
            zoom: 70%;
            margin-left: 90px;
            margin-right: 90px;
        }

        .lpsdivider {
            height: 5px;
            margin-left: 40px;
            margin-right: 40px;
        }

        .Productdivider {
            background-color: #dadada;
            height: 1px;
            margin: 0 10px 0 10px;
        }

        .ProductPicture {
            margin: 5px 0 5px 0;
        }

        .featured2 {
            padding-top: 0px;
            padding-bottom: 0px;
        }

            .featured2 .content-title {
                margin-top: 5px;
                margin-bottom: 5px;
            }

            .featured2 .content-box {
                padding: 5px;
                max-width: 100%;
            }

            .featured2 .float-right {
                position: relative;
                width: 100%;
                padding: 0 10px 0 10px;
            }

                .featured2 .float-right img {
                    max-width: 95%;
                }

            .featured2 .float-right-subGroup {
                width: 100%;
            }

            .featured2 .float-left {
                position: relative;
                width: 100%;
                margin-left: 0;
                margin-top: 0;
                text-align: center;
            }

                .featured2 .float-left img {
                    zoom: 70%;
                }

            .featured2 .float-left-subGroup {
                width: 0%;
            }

        .featured3 .float-right {
            position: relative;
            width: 100%;
            margin-right: 0;
            margin-top: 0;
        }

        .featured3 .float-left {
            position: relative;
            width: 100%;
            margin-left: 0;
            margin-top: 0;
            text-align: center;
        }

            .featured3 .float-left img {
                max-width: 60%;
            }

        .featured3 .float-right img {
            max-width: 60%;
        }

        .featured5 {
            padding-top: 0;
            padding-bottom: 0;
        }

            .featured5 .pbox {
                height: auto;
                width: auto;
                max-width: 93%;
                display: block;
                margin: 5px auto 5px auto;
                float: none;
            }

            .featured5 .pboximg {
                position: relative;
            }

            .featured5 .pbox .ProductDescription {
                position: relative;
                height: auto;
                width: 100%;
                margin: 5px 0 0 0;
                bottom: 0;
            }

            .featured5 .pbox .FolderProductDescription {
                position: relative;
                height: auto;
                width: 100%;
                margin: 5px 0 0 0;
                bottom: 0;
            }

        article {
            float: none;
            width: 100%;
        }

        aside {
            float: none;
            width: 100%;
        }

            aside .logosContainer {
                padding: 10px;
            }

            aside .logos img {
                zoom: 50%;
            }

            aside ul#logos li {
                line-height: 70px;
                padding-left: 10px;
                padding-Right: 10px;
            }


        /* footer
----------------------------------------------------------*/
        footer .float-left,
        footer .float-right {
            float: none;
        }

        footer {
            text-align: center;
            height: auto;
            padding: 10px 0;
        }

            footer p {
                margin: 0;
            }
    }


    /*************************************************************************************************************************************************************/


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

        body {
            font-size: 0.8em;
        }

        header {
            height: 60px;
        }

        #body {
            margin-top: 75px;
        }

        .site-title {
            margin: 0;
            width: 100px;
            height: 50px;
        }
    }

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

    .lps {
        position: relative;
        display: block;
        overflow: hidden;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: transparent;
        max-height: 100%;
        box-sizing: border-box;
        zoom: 70%;
        margin-left: 40px;
        margin-right: 40px;
    }

    .lpsdivider {
        height: 5px;
        margin-left: 20px;
        margin-right: 20px;
    }
}