html {
    font-size: 18px;
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 200px;
}

/*ul:not(.BS-only), ol:not(.BS-only), li:not(.BS-only) {
    list-style: none;
}
*/
fieldset, img {
    border: none;
}

caption, th {
    text-align: left;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

img {
    border: 0;
}

a {
    border: none;
    outline: none;
    text-decoration: none;
}

/*html, div, ul:not(.BS-only), ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input, label {
    margin: 0;
    padding: 0;
}*/

h1, h2, h3, h4, h5, h6 {
 color: black;
}

.top {
    width: 100%;
    height: auto;
    float: left;
    background: #ebebeb url(../images/bg.jpg) repeat-x left top;
}

.inner-top {
    width: 100%;
    height: auto;
    float: left;
    background: #ebebeb url(../images/inner-header-bg.jpg) repeat-x left top;
}

.wrapper, .common-block {
    width: 960px;
    height: auto;
    margin: 0 auto;
}

.header, .common-row, .pic-area {
    width: 960px;
    float: left;
}

.pic-area {
    background: url(../images/header-bg.jpg) no-repeat left top;
    padding: 170px 0 0 0;
}

.header-image {
    width: 960px;
    float: left;
}

.bottom {
    background: #333333;
    color: #fff;
    float: left;
}

.buttonTheme {
    background: #333333;
    color: #fff;
}

.rounded-5 {
    border-radius: 0.8rem;
}

.footer-row1 {
    width: 960px;
    float: left;
    /*border-bottom: #2e2e2e solid 1px;*/
}

    .footer-row1 a {
        color: #fff;
    }

        .footer-row1 a:hover {
            text-decoration: underline;
        }

.footer-row2 {
    width: 960px;
    float: left;
    /*border-top: #484848 solid 1px;*/
}

    .footer-row2 a {
        color: #fff;
        text-decoration: underline;
    }

        .footer-row2 a:hover {
            text-decoration: none;
        }

.clear {
    clear: both;
}

.clearer {
    clear: both;
    display: block;
    margin: 0;
    padding: 0;
    height: 0;
    line-height: 1px;
    font-size: 1px;
}

.breadcrumb {
    width: 960px;
    float: left;
    line-height: 30px;
}

    .breadcrumb a {
        color: #013568;
    }

        .breadcrumb a:hover {
            color: #000;
            text-decoration: underline;
        }

@media (min-width: 980px) {
    .navbar {
        height: 96px;
    }
}


.nav-area {
    width: 670px;
    float: left;
    height: 42px;
}

    .nav-area ul {
    }

        .nav-area ul li {
            color: #fff;
            float: left;
        }

            .nav-area ul li a {
                display: block;
                color: #333;
                display: block;
                font-weight: bold;
                line-height: 40px;
                text-align: center;
                text-transform: uppercase;
                box-sizing: border-box;
                padding: 0 15px;
            }

                .nav-area ul li a:hover {
                    -webkit-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.38);
                    -moz-box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.38);
                    box-shadow: inset 0px 0px 5px 0px rgba(0,0,0,0.38);
                    background: rgba(73,155,234,1);
                    background: -moz-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
                    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(73,155,234,1)), color-stop(100%, rgba(32,124,229,1)));
                    background: -webkit-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
                    background: -o-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
                    /*background: -ms-linear-gradient(top, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);*/
                    background: linear-gradient(to bottom, rgba(73,155,234,1) 0%, rgba(32,124,229,1) 100%);
                    /*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#499bea', endColorstr='#207ce5', GradientType=0);*/
                    color: #fff;
                }

.search-area {
    width: 290px;
    float: right;
    padding: 0px 0 0 0;
}

.inp {
    width: 212px;
    height: 20px;
    border: #7e9db9 solid 1px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333;
    float: left;
    margin: 0 5px 0 0;
}

.logo-area {
    width: 170px;
    float: left;
}

.nav-block {
    width: 750px;
    float: right; padding:0 0 0 240px;
}

.small-nav {
    width: 750px;
    height: 97px;
    float: left;
}

    .small-nav ul {
    }

        .small-nav ul li {
            border-left: 1px solid #999;
            box-sizing: border-box;
            color: #fff;
            float: left;
            margin-top: 25px;
            padding: 5px 10px;
            width: 20%;
        }

            .small-nav ul li a {
                color: #555;
                display: block;
                float: left;
                font-size: 12px;
                font-weight: bold;
                text-transform: uppercase;
            }

                .small-nav ul li a:hover {
                    color: #3285DD;
                }

.pic-block {
    width: 180px;
    float: left;
    border: #ebebeb solid 5px;
    margin: 0 10px 0 0;
    padding: 0 0 14px 0;
    color: #013567;
    font-size: 13px;
    font-weight: bold;
}

.more-block {
    text-align: right;
    padding: 70px 0 0 0;
}

.content-area {
    width: 100%;
    height: auto;
    float: left;
}

.white-container, .grey-container {
    width: 100%;
    height: auto;
    float: left;
}

.grey-container {
    background: #ebebeb;
}

.left-area1 {
    width: 600px;
    float: left;
    padding: 35px 0;
}

.left-row1 {
    width: 570px;
    float: left;
    border-right: #bfbfbf solid 1px;
    padding: 0 30px 0 0;
    line-height: 18px;
}

.right-box1 {
    width: 359px;
    float: left;
    padding: 35px 0;
}

.right-row1, .right-row2 {
    width: 320px;
    float: left;
    padding: 0 0 0 39px;
    color: #333;
}

.date-txt {
    color: #013568;
    font-weight: bold;
}

.img-padding {
    padding: 0 0 18px 0;
}

.links {
    color: #666;
    text-decoration: underline;
}

    .links:hover {
        color: #333;
    }

.bold-txt {
    font-weight: bold;
}

.italics-txt {
    font-size: 14px;
    font-style: italic;
}

.left-area2 {
    width: 600px;
    float: left;
    padding: 20px 0 40px 0;
}

.left-row2 {
    width: 600px;
    float: left;
    background: #fff;
}

.right-box2 {
    width: 359px;
    float: left;
    padding: 20px 0 40px 0;
}

.download {
    padding: 0 0 12px 0;
    border-bottom: #757575 solid 1px;
}img-borders

.newsletter-padding {
    padding: 16px 0;
}

.txt {
    width: 304px;
    height: 21px;
    border: #999999 solid 1px;
    padding: 7px;
    color: #4c4c4c;
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    margin: 0 0 5px 0;
}

.left-row3 {
    width: 550px;
    float: left;
    background: #fff;
    padding: 18px 37px 0 13px;
}

.img-area {
    width: 587px;
    float: left;
    background: #fff;
    padding: 13px 0 0 13px;
}

.img-block {
    width: 116px;
    float: left;
    margin: 0 26px 0 0;
    padding: 0 0 14px 0;
    color: #555555;
    font-size: 13px;
    font-weight: bold;
}
/*@media (min-width: 768px) {
    .dropdown:hover .dropdown-menu {
        display: block;
    }

    .dropdown-menu {
        margin-top: 0;
    }
}*/
.img-borders {
    border: black solid 2.5px;
}

.block01 {
    width: 173px;
    float: left;
    padding: 19px 0 25px 0;
}

.block02 {
    width: 229px;
    float: left;
    padding: 19px 0 25px 0;
}

.block03 {
    width: 228px;
    float: left;
    padding: 19px 0 25px 0;
}

.block04 {
    width: 330px;
    float: left;
    padding: 29px 0 30px 0;
}

.block05 {
    width: 560px;
    float: left;
    padding: 20px 0 75px 0;
}

.block06 {
    width: 400px;
    float: left;
    padding: 65px 0 0 0;
}

.padding-follow {
    padding: 0 20px 0 0;
}

.icons-padding {
    padding: 0 4px 0 0;
}

.inner-left {
    width: 240px;
    float: left;
    padding: 25px 0 60px 0;
}

.inner-left-row1 {
    width: 230px;
    float: left;
    border: #ebebeb solid 5px;
}

    .inner-left-row1 ul {
    }

        .inner-left-row1 ul li {
            line-height: 25px;
        }

            .inner-left-row1 ul li a {
                display: block;
                color: #013568;
                border-top: #ebebeb solid 1px;
                padding: 0 0 0 15px;
            }

                .inner-left-row1 ul li a:hover {
                    color: #000;
                    background: #ebebeb
                }

.active-nav {
    color: #000;
    background: #ebebeb
}

.headings {
    font-size: 15px;
    color: #000;
}

.underline-headings {
    font-size: 15px;
    color: #000;
    text-decoration: underline;
}

.inner-left-row2 {
    width: 240px;
    float: left;
    color: #000;
}

.inner-right {
    width: 720px;
    float: left;
    padding: 0 0 60px 0;
}

.inner-right-row1 {
    width: 680px;
    float: left;
    padding: 25px 0 0 39px;
}

.inner-right-row2, .inner-right-row6 {
    width: 680px;
    float: left;
    padding: 0 0 0 39px;
}

.inner-right-row7 {
    width: 680px;
    float: left;
    padding: 16px 0 0 39px;
}

.inner-right-row2 td {
    color: #362f2d;
}

.inner-right-row3 {
    width: 680px;
    float: left;
    padding: 25px 0 35px 39px;
}

    .inner-right-row3 ul {
    }

        .inner-right-row3 ul li:not(.BS-only) {
            line-height: 18px;
            padding: 0 0 0 22px;
            background: url(../images/star.jpg) no-repeat 12px 5px;
        }

.inner-right-row4 {
    width: 680px;
    float: left;
    padding: 12px 0 0 39px;
}

.print-link {
    color: #013568;
    background: url(../images/print-icon.jpg) no-repeat left top;
    padding: 0 0 0 23px;
}

    .print-link:hover {
        color: #000;
    }

.grey-block {
    width: 656px;
    float: left;
    background: #ebebeb;
    padding: 12px;
    color: #000;
}

    .grey-block img {
        padding: 0 12px 0 0;
        float: left;
    }

    .grey-block h2 {
        font-size: 18px;
        color: #013568;
        padding: 0 0 18px 0;
    }

.product-block {
    width: 680px;
    float: left;
}

.product-block-col1, .product-block-col2 {
    width: 330px;
    float: left;
}

.product-block-col1 {
    margin: 0 20px 0 0;
}

.product-row1 {
    width: 330px;
    float: left;
    padding: 26px 0 0 0;
}

.product-row2 {
    width: 310px;
    min-height: 80px;
    height: auto !important;
    height: 80px;
    float: left;
    padding: 10px;
    background: #ebebeb;
    color: #362f2d;
    font-style: italic;
}

    .product-row2 a {
        font-size: 15px;
        color: #013568;
        text-transform: uppercase;
        text-decoration: underline;
        padding: 0 0 9px 0;
        font-style: normal;
    }

        .product-row2 a:hover {
            color: #000;
        }

    .product-row2 h3 {
        font-size: 15px;
        color: #013568;
        text-transform: uppercase;
        text-decoration: underline;
        padding: 0 0 9px 0;
    }

.product-row3 {
    width: 330px;
    float: left;
    padding: 48px 0 0 0;
}

.product-padding {
    padding: 14px 0 14px 15px;
}

.img-padding1 {
    padding: 34px 0 16px 0;
}

.underline-txt {
    text-decoration: underline;
}

.text-box {
    width: 228px;
    height: 18px;
    border: #013568 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 4px 5px 0 5px;
}

.drop-box {
    width: 240px;
    height: 22px;
    border: #013568 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.black-bold-txt {
    font-size: 13px;
    font-weight: bold;
    color: #333;
}

.grey-txt {
    color: #333;
}

.txt1 {
    width: 84px;
    height: 18px;
    border: #7f9db9 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt2 {
    width: 114px;
    height: 18px;
    border: #7f9db9 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt3 {
    width: 221px;
    height: 51px;
    border: #7f9db9 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt4 {
    width: 60px;
    height: 18px;
    border: #7f9db9 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt5 {
    width: 492px;
    height: 89px;
    border: #7f9db9 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt6 {
    width: 170px;
    height: 18px;
    border: #013568 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt7 {
    width: 170px;
    height: 126px;
    border: #013568 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt8 {
    width: 255px;
    height: 18px;
    border: #013568 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt9 {
    width: 255px;
    height: 126px;
    border: #013568 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.txt10 {
    border: #013568 solid 1px;
    font-size: 12px;
    color: #333;
    font-family: Arial, Helvetica, sans-serif;
}

.black-italics-txt {
    color: #000;
    font-style: italic;
    padding: 20px 0 0 4px;
}

.blue-headings {
    border: #1b739f solid 1px;
    background: url(../images/heading-bg.jpg) repeat-x left top;
    line-height: 33px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
    padding: 0 0 0 10px;
}

.td0 {
    background: #d7d7d7;
    border: #b7b7b7 solid 1px;
    color: #013568;
    font-style: italic;
    padding: 15px 0 15px 6px;
}

.td1 {
    background: #d7d7d7;
    border: #b7b7b7 solid 1px;
    line-height: 33px;
    color: #000;
}

.td2 {
    background: #ebebeb;
    border: #b7b7b7 solid 1px;
    line-height: 33px;
    color: #000;
}

.td3 {
    background: #362f2d;
    border: #b7b7b7 solid 1px;
    line-height: 33px;
    color: #fff;
    font-size: 15px;
    padding: 0 0 0 10px;
}

.right-padding {
    padding: 0 33px 0 0;
}

.drop-box1 {
    width: 210px;
    height: 22px;
    border: #013568 solid 1px;
    font-size: 12px;
    color: #013568;
    font-family: Arial, Helvetica, sans-serif;
    padding: 2px 0;
}

.grey-div {
    width: 660px;
    float: left;
    background: #ebebeb;
    padding: 10px;
}

    .grey-div a {
        color: #333;
        text-decoration: underline;
    }

        .grey-div a:hover {
            color: #013568;
            text-decoration: none;
        }

.blue-bold {
    color: #013568;
    font-weight: bold;
}

.blue-div {
    width: 680px;
    float: left;
    background: #4d9bcf;
}

.blue-rows {
    background: #013568;
    line-height: 36px;
    padding: 0 0 0 12px;
    font-size: 15px;
    color: #fff;
    font-weight: bold;
}

.black-row {
    padding: 12px;
    color: #000;
}

.white-italics-txt {
    color: #fff;
    font-style: italic;
    font-size: 11px;
}

.hp-subTitle {
    font-family: arial, geneva, sans-serif;
    font-weight: bold;
    font-size: 14pt;
    color: #000000
}

.hp-subTitle2 {
    font-family: arial, geneva, sans-serif;
    font-weight: bold;
    font-size: 12pt;
    color: black;
}

.hp-subTitle3 {
    font-family: arial, geneva, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    color: black;
}

.glossymenu {
    width: 230px;
    float: left;
    border: #ebebeb solid 5px;
}

    .glossymenu div.menuitem {
        background: #362f2d;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #fff;
        display: block;
        position: relative;
        width: auto;
        padding: 4px 0 4px 28px;
        text-decoration: none;
        line-height: 22px;
        border-bottom: 1px solid #ebebeb;
    }

    .glossymenu a.menuitem {
        background: #362f2d;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #fff;
        display: block;
        position: relative;
        width: auto;
        padding: 4px 0 4px 28px;
        text-decoration: none;
        line-height: 22px;
        border-bottom: 1px solid #ebebeb;
    }

        .glossymenu a.menuitem:visited, .glossymenu .menuitem:active {
            color: white;
        }

        .glossymenu a.menuitem .statusicon {
            position: absolute;
            top: 14px;
            left: 18px;
            border: none;
        }

        .glossymenu a.menuitem:hover {
            background: #362f2d;
        }

    .glossymenu div.submenu {
        background: #fff;
    }

        .glossymenu div.submenu ul {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }

            .glossymenu div.submenu ul li {
                border-bottom: 1px solid #ebebeb;
            }

                .glossymenu div.submenu ul li a {
                    display: block;
                    font-family: Arial, Helvetica, sans-serif;
                    font-size: 12px;
                    color: #013568;
                    text-decoration: none;
                    padding: 2px 0;
                    padding-left: 40px;
                    line-height: 25px;
                }

                    .glossymenu div.submenu ul li a:hover {
                        background: #EBEBEB;
                        color: #000;
                    }

.fixed-width {
    max-width: 960px !important;
}

.custom_menu_not_first_li {
    border-left: 1px solid #999;
}

.custom_menu ul li {

}

    .custom_menu ul li a {
        color: #555;
        /*font-size: 12px;*/
        /*font-weight: bold;*/
        text-transform: uppercase;
    }

        .custom_menu ul li a:hover {
            color: #3285DD;
        }

.header_banner {
    width: 100%;
    height: auto;
    float: left;
    background: #ebebeb url(../images/bg.jpg) repeat-x left top;
    margin-top: -58px !important;
    padding-top: 43px !important;
}

.second-chat-bubble {
    transform: scaleX(-1) translateX(75%) translateY(15%);
    -webkit-transform: scaleX(-1) translateX(75%) translateY(15%);
}

.tglbtn{}
.w100{width: 100%;}
.fl{float: left;}
.fr{float: right;}
.tglbtn {background: #015291;border-radius: 5px;box-sizing: border-box;color: #fff;display: none;font-weight: bold;height: 40px;line-height: 26px;padding: 7px 10px;text-align: right;text-transform: uppercase;width: 85px;}
.tglbtn > span {display: inline-block;float: left;width: 20px;}
.menuinner > span {background: #fff;display: inline-block;float: left;height: 2px;margin: 3px 0;width: 100%;}
.nameinp{ width: 110px;}
.emailinp{width: 225px;}
.brocher{width: 300px; border-collapse: collapse; border-spacing: 0;max-width: 100%;}
.tblcon{width: 100%;float: left;overflow: auto;}
.chatting > span{width: 100%;float: left;display: inline-block;}
.inqtbl input{min-width:200px;}
.inner-left-row1 h4, .sidebarmenu{font-size: 20px;text-transform: uppercase;padding: 5px 10px;box-sizing:border-box;position: relative;}

.page-highlights, .detail-contents {
    font-family: 'Roboto',sans-serif;
    line-height: 30px;
    margin-bottom: 25px;
}

.listing-content {
    margin: 25px 0px;
    /*font-size: 14px;
    font-family: 'Montserrat', sans-serif;*/
    line-height: initial;
}

    .listing-content .alloy-space {
        margin: 0px 15px;
    }

    .listing-content .alloy-row {
        margin-bottom: 6px;
        display: block;
        float: left;
        width: 100%;
    }

        .listing-content .alloy-row.row-0 {
            background: #e1e1e1;
        }

        .listing-content .alloy-row.row-1 {
            background: #fefefe;
        }

        .listing-content .alloy-row .alloy-name {
            text-align: center;
            background: #006EB6;
            vertical-align: middle;
            padding-top: 20px;
            padding-bottom: 20px;
        }

            .listing-content .alloy-row .alloy-name a {
                color: #fff;
                font-size: 18px;
            }

        .listing-content .alloy-row .alloy-detail {
            padding-top: 10px;
            padding-bottom: 10px;
            /*font-weight: 300;*/
            padding-right: 15px;
            padding-left: 15px;
        }

            .listing-content .alloy-row .alloy-detail a {
                color: #333;
            }

                .listing-content .alloy-row .alloy-detail a:hover {
                    color: #AC1F2D;
                }

            .listing-content .alloy-row .alloy-detail .specs {
                margin-bottom: 5px;
                float: left;
                width: 100%;
            }

                .listing-content .alloy-row .alloy-detail .specs strong, .listing-content .alloy-row .alloy-detail .inventory strong {
                    text-align: left;
                    display: block;
                }

            .listing-content .alloy-row .alloy-detail .inventory {
                margin-bottom: 5px;
                float: left;
                width: 100%;
            }

    .listing-content .more a {
        color: #fff;
        background: #AC1F2D;
        padding: 14px 28px;
        display: inline-block;
        margin: 15px 0px 15px 0px;
        font-size: 18px;
    }

    .listing-content .excerpt {
        font-size: 16px;
    }

.is-table-row {
    display: table !important;
}

    .is-table-row > [class*="col-"] {
        float: none;
        display: table-cell;
    }

.priceRows {
    margin: 25px;
}

.requestaquote {
    margin-bottom: 25px;
}

.alloy a {
    color: black;
    margin-bottom: 25px;
}


@media(max-width:980px){
    html {
        font-size: 14px;
    }
    body {
        margin-bottom: 300px;
    }

	
	img{max-width: 100%;height: auto;}
	div{box-sizing:border-box;}
	br{line-height:1px;height:1px;}
	.repborder ,.repborder table{width: 100%;float: left;border-collapse:collapse;}
	.repborder th,.repborder td{border:1px #dfdfdf solid;padding: 3px 5px;}
	.tab100{width: 100%;float: left;}
	.tab100i{width: 100% !important;float: left;}
	.tabm10{margin: 10px 0;}
	.tabnone{display: none;}
	.left-area2, .left-row2, .left-row3, .img-area, .block05{max-width: 100%;}
	.header, .common-row,.hp-subTitle,.hp-subTitle2, .pic-area,.header, .common-row,.product-row2,.product-row1,.product-row3, .pic-area, .wrapper, .common-block, .footer, .footer-row1, .footer-row2,.glossymenu, .header-image, .inner-left-row1, .inner-left-row2, .inner-right-row3{width: 100%;float: left;}
	.wrapper, .common-block{width: 100%;float: left;padding:0 20px;}
	.logo-area{width: 30%;background: #fff;}
	.nav-block{width: 70%;padding: 0;background: #fff;}
	.nav-area{background:none;}
	.tglbtn{display: block;cursor: pointer;}
	.nav-area{width: 50px;float: left;}
	.nav-area > ul {float: left;left: 0;position: absolute;width: 100%;background: #fff;border-top: 5px #005494 solid;top: 60px;display: none;z-index:99;}
	.nav-area ul li {float: left;width: 100%;border-bottom: 1px #aaa solid;}
	.nav-area ul li a {background: #fff;color: #000;display: block;line-height: 40px;padding: 0 20px;text-indent: 0;width: 100%;}
	.small-nav{width: 100%;float: left;background: #fff;padding-left: 30px;height: auto;padding-bottom: 10px;}
	.small-nav ul li{width: 50%;float: left;margin-top:20px;position: relative;padding:0 0 0 15px;display: block;box-sizing:border-box;border: none;}
	.small-nav ul li:before{content:"";width: 0; height: 0; border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #666;display: inline-block;position: absolute;left: 0;top: 3px;}
	.small-nav ul li a{text-indent: 0;background: #fff;float: left;height: auto;color:#666;text-transform: uppercase;width: 100%;display: inline-block;}
	.small-nav ul li a:hover{color:#014C86;background: #fff;}
	.nav-area ul li a:hover {background: #fff;color: #005494;}
	.header{background: #fff;padding: 10px 0;border-bottom: 1px solid #dfdfdf;}
	.myheder{padding-bottom: 10px;border-bottom: 1px solid #dfdfdf;margin-bottom: 10px;}
	.top {background:#fff;}
	.pic-block{width: 25%;float: left;margin: 0;padding: 10px;text-align: center;background: #EBEBEB;}
	.pic-block img{max-width: 100%;height: auto;}
	.pic-area{background-size:100%;padding-top: 150px;}
	.left-area1{width: 60%;float: left;}
	.right-box1{width: 40%;float: left;}
	.left-row1 {border: medium none;float: left;padding: 10px;width: 100%;text-align: justify;}
	.right-row1, .right-row2{width: 100%;float: left;padding-left: 20px;}
	.left-area2{width: 60%; padding-bottom: 20px;}
	.right-box2{width: 40%;}
	.img-block{width: 25%;float: left;margin: 0;text-align: center;}
	.img-block img{max-width:100%;box-sizing:border-box;}
	.footer{padding: 0 20px;}
	.block01, .block02, .block03, .block04{width: auto;float: left;margin-right: 30px;}
	.inner-top{background: #fff;}
	.inner-right{width: 70%;margin: 0;float: left;}
	.inner-left{width: 30%;margin: 0;float: left;}
	.inner-right-row3{padding: 15px;}
	.hp-subTitle{box-sizing: border-box;font-size: 16px;padding: 10px;}
	.product-block{width: 100%;float: left;}
	.product-block-col2, .product-block-col1{width: 50%;float: left;margin: 0;padding: 5px;}
	.product-row1{padding-top:0px;}
	#surveyMonkeyInfo{width: 100% !important;overflow: auto;}
	.tblblok980,.tblblok980 tbody ,.tblblok980 tr{display: block;float: left;width: 100%;}
	.tblblok980 th, .tblblok980 td{display: block;width: 100% !important;float: left;padding: 5px 0 !important;}
	.serchresult{width: 100%;float: left;}
	.serachform{width: 100%;float: left;padding: 20px 10px;display: block;margin-bottom: 20px;background: #f5f5f5;}
	.serachform .serchinput, .serachform .serchbutton{height:30px;line-height:30px;padding: 0 10px;border-radius:5px;box-sizing:border-box;display: block;float: left;border:1px #aaa solid;margin: 0 5px;}
	.serachform .serchbutton{background: #033769;color:#fff;line-height:26px;}
	.serachform .homepage{font-size:20px;}
	.serchresult > p {border-bottom: 1px solid #bfbfbf;float: left;padding: 10px 0;width: 100%;}
	.paging {float: left;padding: 10px 0;width: 100%;margin-bottom: 15px;}
	.paging > b,.paging > a {background: #999 none repeat scroll 0 0;border-radius: 5px;color: #fff;display: inline-block;line-height: 25px;min-width: 25px;padding: 5px;text-align: center;margin: 0 2px;}
	.paging > b{background: #085D9E;}
	.hp-bg-right img{margin-left: 0;margin-right: 0;}
    .left-area2,.right-box2, .left-row2{width:100%;}
	.mobilenone{display: none;}
	.search-area{width: auto;float: right;}
}

@media(max-width:900px){

	.block01, .block02, .block03{width: 33.33%;margin: 0;text-align: center;}
	.block04{width: 100%;margin: 0;text-align: center;}
	
}

@media(max-width:840px){

	.wsnw{white-space: nowrap;}
	.tblblok840,.tblblok840 tbody ,.tblblok840 tr{display: block;float: left;width: 100%;}
	.tblblok840 th,.tblblok840 td{display: block;width: 100% !important;float: left;padding: 5px 0 !important;}

}

@media(max-width:640px){

	.mobilem10{margin: 10px 0;}
	.pic-block{width:50%;float: left;font-size: 11px;padding: 0;}
	.pic-area{background-size:100%;padding-top: 100px;}
	#Form1 input[type="text"]{width: 125px !important;}
	#Form1 > p {float: right;}
	.left-area1, .right-box1{width: 100%;float: left;}
	.small-nav ul{width: 190px;float: right;} 
	.small-nav ul li{width: 100%;margin-top: 5px;}
	.right-row1, .right-row2{padding-left: 0;}
	.inner-left, .inner-right{width: 100%;padding: 5px 0;}
	.inner-right{margin-bottom: 30px;}
	.inner-right-row3{padding: 0;}
	.hp-subTitle{padding-left: 0;}
    .mobilebtn {
        background: rgba(230,230,230,1);
        background: -moz-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(230,230,230,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(237,237,237,1)));
        background: -webkit-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        background: -o-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        /*background: -ms-linear-gradient(top, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);*/
        background: linear-gradient(to bottom, rgba(230,230,230,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
        /*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#ededed', GradientType=0 );*/
        display: inline-block;
        padding: 10px 30px;
        font-weight: bold;
        border: 2px #dfdfdf solid;
        border-radius: 3px;
    }
	.mobilebtn img{max-height:20px;vertical-align: middle;margin-right: 10px;}
	.tblblok640,.tblblok640 tbody ,.tblblok640 tr{display: block;float: left;width: 100%;}
	.tblblok640 th,.tblblok640 td{display: block;width: 100% !important;float: left;padding: 5px 0 !important;}
	.chatting > span{width: auto;float: none;}
	.right-box1{padding-top: 0;}
	.left-area1{padding-bottom: 0;}
	.brnone br{display: none;}
	.iteminq{background: #efefef;padding: 15px;width: 100%;float: left;height: auto;}
	.iteminq .title{min-width:130px;display: inline-block;}
	.iteminq input{min-width:130px;}
	.serachform .serchinput{width:200px !important;float: left;}
	.inner-left-row1 h4:after, .sidebarmenu:after{border-left: 5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #000;content: "";display: inline-block;float: right;height: 0;margin-top: 10px;width: 0;}
	.mydropdown{display: none;}
    .listing-content .alloy-row .alloy-detail .specs strong, .listing-content .alloy-row .alloy-detail .inventory strong {
        text-align: left;
    }
    .listing-content .alloy-row {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width :991px) {
    .is-table-row > [class*="col-"].alloy-name, .is-table-row > [class*="col-"].alloy-detail {
        display: block;
    }
    .ouralloys .cardhead{font-size:16px;padding:20px 10px;}
    .list li {padding: 15px 15px 15px 30px;}
	.list li::before {top:18px;}
	.list li:hover::after{right:-19px;height:37px;width:37px;top:38px;}

}

@media(max-width:560px){

	.img-block{width:50%;float: left;margin: 0;text-align: center;}

}

@media(max-width:480px){

	.nameinp{ width: 90px;}
	.emailinp{width: 185px;}
	.product-block-col2, .product-block-col1,.product-block-col2 img, .product-block-col1 img, .block01, .block02, .block03{width:101%;}
	.serachform .homepage{font-size:14px;}
	.serachform .serchinput{width:140px !important;float: left;}
	.tblblok480,.tblblok480 tbody ,.tblblok480 tr{display: block;float: left;width: 100%;}
	.tblblok480 th,.tblblok480 td{display: block;width: 100% !important;float: left;padding: 5px 0 !important;}
	.serachform .homepage{font-size:14px;}
	

}

@media(max-width:380px){
	
	.followus{width: 100%;float: left;margin-bottom: 10px;text-align: center;display: inline-block;}
	.padding-follow{padding: 0;}

}

.main_top {
    width: 100%;
    height: 300px;
    position: absolute;
    padding: 50px 10%;
    left: 0;
    background-image: url(../images/home_1-1.webp);
    background-color: #121212;
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
    display: inline-block;
    text-align: left;
    font-family: Aller
}

.main_top_rplc {
    height: 320px
}

@media(max-width:380px) {

    .main_top {
        width: 100%;
        height: 500px;
        position: absolute;
        padding: 50px 10%;
        left: 0;
        background-image: url(../images/home_1-1.webp);
        background-color: #121212;
        background-size: cover;
        background-repeat: no-repeat;
        color: #fff;
        display: inline-block;
        text-align: left;
        font-family: Aller
    }

    .main_top_rplc {
        height: 450px
    }
}

@media (max-width: 799px) {
    .customCheckbox {
        padding-left: 1.8em !important;
    }

    .second-element {
        padding-left: .1em !important;
    }
}

.header_1 {
    text-transform: uppercase;
    padding: 30px 0 10px 0;
    font-size: 30px
}

.header_2 {
    text-transform: uppercase;
    padding: 0 0 10px 0;
    font-size: 45px
}

.header_3 {
    text-transform: uppercase;
    padding: 0 0 10px 0;
    font-size: 25px
}

.header_hr {
    width: 400px;
    position: relative;
    float: left
}

.more_a {
    color: #fff;
    font-size: 16px;
    padding: 4px 20px;
    border: 2px solid #b9b9b9;
    border-radius: 6px;
    background-color: #000;
}

.long-input-label {
    width: 250px;
    padding-bottom:.2em;
}

.short-input-label {
    width: 120px;
    padding-bottom: .2em;
}

.input-group {
    padding-bottom: .5em;
}

.form-select {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    padding-bottom: .4em !important;
}

.form-check {
    padding-top: .2em !important;
}

.form-control {
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
    padding-bottom: .2em !important;
}

.hasUnits {
    border-bottom-right-radius: 0px !important;
    border-top-right-radius: 0px !important;
    padding-bottom: .2em !important;
}

.unit {
    border-bottom-left-radius: 0px !important;
    border-top-left-radius: 0px !important;
    padding-bottom: .2em !important;
}

.hasUnits:focus{
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.unit:focus{
    z-index: 3000;
    position: relative;
    border-bottom-left-radius: 8px !important;
    border-bottom-right-radius: 8px !important;
    border-top-left-radius: 8px !important;
    border-top-right-radius: 8px !important;
}

.required::after {
    content: "*";
    color: red;
    margin-left: 2px
}

.customCheckbox {
    padding-left: 2em;
}

.second-element {
    padding-left: 2.0em;
}

.custom-error {
    border-color: red;
}

#captchaFeedback {
    display:none;
}

.checkboxWrapper {
    display: flex;
}

.modal-body {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    padding: 0rem;
}

#thankYouBody {
    font-family: var(--bs-body-font-family);
    font-size: var(--bs-body-font-size);
    font-weight: var(--bs-body-font-weight);
    line-height: var(--bs-body-line-height);
    color: var(--bs-body-color);
    padding: 1rem;
}