@charset "utf-8";

* {
    margin: 0px;
    padding: 0px;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ol, ul {
    list-style: none;
}
/*blockquote ,q {quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none} */
table {
    border-collapse: collapse;
    border-spacing: 0;
}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/RobotoLight.eot');
    src: url('../fonts/RobotoLight.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoLight.woff') format('woff'), url('../fonts/RobotoLight.ttf') format('truetype'), url('../fonts/RobotoLight.svg#RobotoLight') format('svg');
    font-weight: 300;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

@font-face {
    font-family: 'RobotoRegular';
    src: url('../fonts/RobotoRegular.eot');
    src: url('../fonts/RobotoRegular.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoRegular.woff') format('woff'), url('../fonts/RobotoRegular.ttf') format('truetype'), url('../fonts/RobotoRegular.svg#RobotoRegular') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

@font-face {
    font-family: 'RobotoMedium';
    src: url('../fonts/RobotoMedium.eot');
    src: url('../fonts/RobotoMedium.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoMedium.woff') format('woff'), url('../fonts/RobotoMedium.ttf') format('truetype'), url('../fonts/RobotoMedium.svg#RobotoMedium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

@font-face {
    font-family: 'RobotoBold';
    src: url('../fonts/RobotoBold.eot');
    src: url('../fonts/RobotoBold.eot?#iefix') format('embedded-opentype'), url('../fonts/RobotoBold.woff') format('woff'), url('../fonts/RobotoBold.ttf') format('truetype'), url('../fonts/RobotoBold.svg#RobotoBold') format('svg');
    font-weight: 700;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+000D-25CA;
}

body {
    background: #efefef;
    font-family: 'RobotoRegular';
    color: #000;
    font-size: 12px;
    font-weight: normal;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    word-spacing: normal;
    line-height: 1;
    -webkit-text-size-adjust: none;
}

.fitScreen {
    overflow-y: auto;
    height: 100%;
}

/*#pageloadimagemy {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff url(../images/pageloadimagemy.gif) no-repeat;
    background-position: left 50% top 45%;
}*/


#pageloadimagemy {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 99999;
    background: #fff url(../images/pageloader.png) no-repeat;
    background-position: left 50% top 45%;
}

#mainwarpar {
    width: 1600px;
    margin: 0px auto;
}

.mainwarpar {
    position: relative;
    width: 100%;
    height: auto;
    float: left;
    background: #FFF;
}


/* ################################# quick Query ################################# */
.QueryFixed {
    display: block;
    z-index: 99999;
    margin-top: -1px;
    margin-right: 20px;
    float: right;
    height: 1px;
    width: 250px;
}

.QueryFixedClass {
    position: fixed;
    bottom: 0px;
    right: 0px;
    margin-right: 170px;
}

.queryOuter {
    z-index: 99999;
    position: relative;
    width: 250px;
    height: 1px;
    float: right;
    margin: 0px;
}

.queryInside {
    z-index: 99999;
    position: absolute;
    bottom: 0px;
    width: 250px;
    height: 1px;
    float: right;
    margin: 0px;
}

#quickQuery {
    z-index: 99999;
    display: block;
    background: #e32127 url(../images/quickquery_icon2.png) no-repeat;
    background-position: left 8px top 7px;
    position: relative;
    right: 0px;
    bottom: 37px;
    float: right;
    width: 170px;
    height: 38px;
    border-radius: 7px 7px 0px 0px;
    cursor: pointer;
    text-align: left;
    text-indent: 45px;
    line-height: 40px;
    font-size: 18px;
    font-family: 'RobotoMedium';
    color: #fff;
    font-weight: normal;
}

#quickQueryHolder {
    display: none;
    position: absolute;
    right: 0px;
    bottom: 0px;
    z-index: 99999;
    width: 250px;
    height: auto;
}

#quickQueryHead {
    background: #e32127 url(../images/quickquery_icon1.png) no-repeat;
    background-position: left 8px top 4px;
    width: 140px;
    height: 35px;
    float: right;
    border-radius: 7px 7px 0px 0px;
    cursor: pointer;
    text-align: left;
    text-indent: 40px;
    line-height: 35px;
    font-size: 16px;
    font-family: 'RobotoMedium';
    color: #fff;
    font-weight: normal;
}

#quickQueryBody {
    background: #e32127;
    width: 220px;
    height: auto;
    padding: 15px 15px 10px 15px;
    float: right;
    border-radius: 7px 0px 0px 0px;
}

    #quickQueryBody p {
        width: 100%;
        height: 20px;
        padding: 0px;
        float: right;
        text-align: left;
        text-indent: 0px;
        line-height: 13px;
        font-size: 13px;
        font-family: 'RobotoRegular';
        color: #000;
        font-weight: normal;
    }
    .mailerBox {width:100%; float:left; color:#fff;}
.quickQueryAlert {
    display: none;
    width: 100%;
    height: 14px;
    padding: 0px;
    float: right;
    text-align: left;
    text-indent: 0px;
    line-height: 11px;
    font-size: 11px;
    font-family: 'RobotoRegular';
    color: #000;
    font-weight: normal;
}

select.qqSelect::-ms-expand {
    display: none;
}


.qqSelect {
    width: 220px;
    height: 26px;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    float: left;
    border: none;
    border-radius: 4px;
    color: #727272;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    line-height: 22px;
    font-size: 12px;
    text-indent: 5px;
    background: #fff url(../images/quickquery_icon3.png) no-repeat scroll right 8px;
    cursor: pointer;
    text-overflow: '';
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    @media (-webkit-min-device-pixel-ratio: 2),
    ;
}

    .qqSelect option {
        font-size: 12px;
        margin-bottom: 5px;
        color: #727272;
    }

.qqInput {
    width: 220px;
    height: 26px;
    padding: 0px 0px 0px 0px;
    margin: 5px 0px 5px 0px;
    float: left;
    background: #FFF;
    border: none;
    border-radius: 4px;
    color: #727272;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    line-height: 22px;
    font-size: 12px;
    text-indent: 10px;
}

.qqSubmit {
    width: 120px;
    height: 30px;
    padding: 0px;
    margin: 10px 50px 0px 50px;
    float: left;
    background: #FFF;
    border: none;
    border-radius: 4px;
    cursor: pointer;
    color: #e32127;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    line-height: 28px;
    font-size: 16px;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .qqSubmit:hover {
        background: #170506;
        color: #fff;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }



/* ################################# topnav ################################# */
.topnav {
    position: relative;
    z-index: 999;
    width: 90%;
    padding: 0px 5% 0px 5%;
    float: left;
    height: 30px;
}

.topnav_social {
    display: none;
    width: auto;
    float: right;
    margin-right: 5px;
}

    .topnav_social img {
        width: 24px;
        height: 24px;
        margin: 0px 5px 0px 5px;
        transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .topnav_social img:hover {
            transform: scale(1.1) rotate(0deg);
            -webkit-transform: scale(1.1) rotate(0deg);
            -moz-transform: scale(1.1) rotate(0deg);
            -ms-transform: scale(1.1) rotate(0deg);
            -o-transform: scale(1.1) rotate(0deg);
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.topnav ul {
    display: block;
    float: right;
    width: auto;
}

    .topnav ul li {
        position: relative;
        display: inline;
        padding: 0px 0px 0px 40px;
        float: left;
        width: auto;
        height: auto;
    }

        .topnav ul li a {
            text-decoration: none;
            text-align: center;
            font-family: 'RobotoBold';
            font-weight: normal;
            color: #424242;
            font-size: 15px;
            line-height: 30px;
            float: left;
            width: auto;
            height: 30px;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .topnav ul li .tmActive, .topnav ul li a:hover, .topnav ul li:hover > a {
                color: #e31e24;
                -ms-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

        .topnav ul li ul {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            top: 30px;
            float: left;
            width: 150px;
            height: auto;
            margin: 0px;
            padding: 3px 0px 3px 0px;
            background: #424242;
            background: rgba(111,111,111,1);
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .topnav ul li:hover ul {
            opacity: 1;
            visibility: visible;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

        .topnav ul li:nth-child(1) ul {
            left: -25px;
        }

        .topnav ul li:nth-child(2) ul {
            left: -25px;
        }

        .topnav ul li:nth-child(3) ul {
            left: -25px;
        }

        .topnav ul li:nth-child(4) ul {
            left: -30px;
        }

        .topnav ul li ul li {
            float: left;
            width: 100%;
            height: auto;
            margin: 0px;
            padding: 0px;
        }

            .topnav ul li ul li a {
                border-bottom: solid 1px #b2b2b2;
                text-align: center;
                margin: 0px;
                padding: 5px 3% 5px 3%;
                float: left;
                width: 94%;
                height: auto;
                line-height: 16px;
                font-size: 12px;
                font-family: 'RobotoMedium';
                color: #fff;
                -ms-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

                .topnav ul li ul li a:hover {
                    color: #ddd;
                    -ms-transition: all 0.5s ease;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

            .topnav ul li ul li:last-child a {
                border-bottom: none;
            }


/* ################################# header ################################# */
.header {
    position: relative;
    z-index: 998;
    width: 90%;
    padding: 0px 5% 0px 5%;
    float: right;
    height: 76px;
    background: url(../images/header_bg.png) repeat-x left top, url(../images/header_bg_top.png) no-repeat left 1px;
    -webkit-box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.60);
    -moz-box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.60);
    box-shadow: 0px 5px 12px -5px rgba(0,0,0,0.60);
}

.logo {
    width: 220px;
    height: auto;
    float: left;
    margin-top: 12px;
}

.header .searchBar {
    z-index: 998;
    display: block;
    float: right;
    background: #fff;
    border: solid 1px #777777;
    width: 210px;
    height: 30px;
    margin: 25px 0px 0px 0px;
}

    .header .searchBar .searchBarInput {
        float: left;
        border: none;
        width: 165px;
        height: 25px;
        padding: 3px 2px 2px 8px;
        outline: none;
        font-size: 16px;
        color: #767676;
        font-family: 'RobotoLight';
    }

    .header .searchBar .searchBarSubmit {
        float: right;
        border: none;
        width: 25px;
        height: 25px;
        margin: 0px 5px 0px 5px;
        background: url(../images/search.png) no-repeat;
        background-position: left 0px top 4px;
        cursor: pointer;
    }

.autocomplete_completionListElement {
    cursor: 'default';
    overflow: hidden;
    overflow-y: auto;
    height: 220px;
    width: 210px !important;
    text-align: left;
    list-style-type: none;
    z-index: 9999999999999;
    margin: 1px 0px 0px 0px !important;
    padding: 5px 0px 5px 0px !important;
    background: #FFF;
}

.autocomplete_highlightedListItem, .autocomplete_listItem {
    border-bottom: solid 1px #eee;
    padding: 4px 3px 4px 7px;
    line-height: 18px;
    font-size: 13px;
    color: #767676;
    font-family: 'RobotoLight';
    cursor: pointer;
}

.autocomplete_highlightedListItem {
    color: #f30;
}

.autocomplete_listItem {
    color: #000;
}

.hMenu {
    display: none;
    overflow: hidden;
    float: right;
    width: 26px;
    height: 20px;
    margin: 20px 8px 0px 0px;
    font-size: 0px;
}

.hmOpen {
    display: block;
    float: right;
    width: 21px;
    height: 20px;
    background: url(../images/hmOpen.png) no-repeat;
}

.hmClose {
    display: none;
    float: right;
    width: 21px;
    height: 20px;
    background: url(../images/hmClose.png) no-repeat;
}

.hmSearch {
    cursor: pointer;
    display: none;
    overflow: hidden;
    float: right;
    width: 26px;
    height: 20px;
    margin: 12px 5px 0px 0px;
    font-size: 0px;
    background: url(../images/hmSearch.png) no-repeat;
}

.headerUL {
    z-index: 999999;
    display: block;
    float: right;
    width: auto;
    margin: 0px 60px 0px 0px;
}

    .headerUL li {
        position: relative;
        display: inline;
        padding: 0px 0px 0px 40px;
        float: left;
        width: auto;
        height: auto;
    }

        .headerUL li.hmOthers, .headerUL li.hmOthers2 {
            display: none;
        }

        .headerUL li a {
            float: left;
            width: auto;
            padding-top: 34px;
            height: 42px;
            border-bottom: none;
            text-decoration: none;
            font-family: 'RobotoBold';
            font-size: 18px;
            color: #424242;
            text-transform: uppercase;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .headerUL li .hmActive, .headerUL li a:hover, .headerUL li:hover > a {
                color: #e31e24;
                height: 40px;
                border-bottom: solid 2px #e31e24;
                -ms-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

            .headerUL li a span {
                display: none;
                background: url(../images/hmArrow1.png) no-repeat;
                width: 9px;
                height: 8px;
                float: right;
                margin: 13px 10px 0px 0px;
            }

            .headerUL li .hmActive span, .headerUL li a:hover span, .headerUL li:hover > a span {
                background: url(../images/hmArrow2.png) no-repeat;
            }

        .headerUL li ul {
            opacity: 0;
            visibility: hidden;
            position: absolute;
            left: 0px;
            top: 76px;
            float: left;
            clear: both;
            width: 170px;
            height: auto;
            margin: 0px;
            padding: 3px 0px 3px 0px;
            background: #e31e24;
            background: rgba(227,30,36,0.7);
            -webkit-box-shadow: inset -1px -1px 3px 0px rgba(0,0,0,0.9);
            -moz-box-shadow: inset -1px -1px 3px 0px rgba(0,0,0,0.9);
            box-shadow: inset -1px -1px 3px 0px rgba(0,0,0,0.9);
            -ms-transition: opacity 0.5s ease;
            -webkit-transition: opacity 0.5s ease;
            -moz-transition: opacity 0.5s ease;
            -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
        }

        .headerUL li:hover ul {
            opacity: 1;
            visibility: visible;
            -ms-transition: opacity 0.5s ease;
            -webkit-transition: opacity 0.5s ease;
            -moz-transition: opacity 0.5s ease;
            -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
        }

        .headerUL li:nth-child(1) ul {
            left: 0px;
        }

        .headerUL li:nth-child(2) ul {
            left: 15px;
        }

        .headerUL li:nth-child(3) ul {
            left: 5px;
        }

        .headerUL li:nth-child(4) ul {
            left: -10px;
        }

        .headerUL li:nth-child(5) ul {
            left: 35px;
        }

        .headerUL li:nth-child(6) ul {
            left: 45px;
        }

        .headerUL li ul li {
            width: 100%;
            float: left;
            margin: 0px;
            height: auto;
            padding: 0px;
            background: none;
            border-bottom: solid 1px #673303;
        }

            .headerUL li ul li:last-child {
                border-bottom: none;
            }

            .headerUL li ul li a {
                width: 94%;
                float: right;
                margin: 0px;
                height: auto;
                padding: 9px 3% 9px 3%;
                background: none;
                line-height: 18px;
                font-size: 12px;
                font-family: 'RobotoMedium';
                color: #fff;
                font-weight: normal;
                text-align: center;
                text-transform: none;
                text-decoration: none;
            }

                .headerUL li ul li a:hover {
                    color: #000;
                    border-bottom: none;
                    height: auto;
                }



/* ################################# footer ################################# */
.footer {
    width: 90%;
    height: auto;
    float: left;
    padding: 18px 5% 16px 5%;
    background: #282828;
}

#footerHome {
    background: #24450a !important;
}

.footer p {
    float: left;
    margin-top: 10px;
    width: auto;
    font-family: 'RobotoMedium';
    font-size: 12px;
    color: #fff;
}

.footer ul {
    margin-top: 10px;
    float: right;
    width: auto;
}

    .footer ul li {
        display: inline;
        padding: 0px 5px 0px 5px;
        font-family: 'RobotoMedium';
        font-size: 12px;
        line-height: 12px;
        color: #fff;
    }

        .footer ul li a {
            text-decoration: none;
            color: #fff;
            webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -ms-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .footer ul li a:hover {
                color: #e31e24;
                webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -ms-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

.social {
    width: auto;
    float: right;
    margin-right: 15px;
}

    .social img {
        width: 26px;
        height: 26px;
        margin: 0px 4px 0px 4px;
        transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .social img:hover {
            transform: scale(1.1) rotate(0deg);
            -webkit-transform: scale(1.1) rotate(0deg);
            -moz-transform: scale(1.1) rotate(0deg);
            -ms-transform: scale(1.1) rotate(0deg);
            -o-transform: scale(1.1) rotate(0deg);
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

@-moz-keyframes spin {
    100% {
        -moz-transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}



/* ################################# home_banner  ################################# */
.homebanner {
    height: 950px;
    z-index: 1;
    margin-top: -160px;
    width: 100%;
    float: left;
    overflow: hidden;
}

.rSlidesHomeContainer {
    position: relative;
    float: left;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.rSlidesHome {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .rSlidesHome li {
        height: 950px;
        -webkit-backface-visibility: hidden;
        position: relative;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
        margin: 0px;
        padding: 0px;
        float: left;
    }

        .rSlidesHome li:first-child {
            background: url(../images/banners/homepage-banner-perfection-matter.jpg) no-repeat center top;
            background-size: cover;
        }
		
		.rSlidesHome li:nth-child(2) {
            background: url(../images/banners/homepage-banner-daiseikai.jpg) no-repeat left top;
            background-size: cover;
        }

        .rSlidesHome li:nth-child(3) {
            display: block;
            background: url(../images/banners/homepage-banner-prodigi.jpg) no-repeat center top;
            background-size: cover;
        }

        .rSlidesHome li:nth-child(4) {
            background: url(../images/banners/paybackbanner-home.jpg) no-repeat center top;
            background-size: cover;
        }

        .rSlidesHome li:nth-child(5) {
            background: url(../images/banners/home3.jpg) no-repeat center top;
            background-size: cover;
        }

        .rSlidesHome li:nth-child(6) {
            background: url(../images/banners/home4.jpg) no-repeat center top;
            background-size: cover;
        }
		
		
		
		
		
		
		


.rsh_holder_left {
    float: left;
    height: auto;
}

    .rsh_holder_left h1 {
        float: left;
        width: 100%;
        padding: 7px 20px 7px 20px;
        line-height: 42px;
        font-size: 36px;
        font-family: 'RobotoBold';
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(123, 123, 123, 0.5);
        box-sizing: border-box;
    }

    .rsh_holder_left h2 {
        float: left;
        width: 100%;
        padding: 7px 20px 7px 20px;
        line-height: 31px;
        border-left: 3px solid #fff;
        border-right: 3px solid #fff;
        font-size: 36px;
        font-family: 'RobotoBold';
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(123, 123, 123, 0.5);
        box-sizing: border-box;
    }

    .rsh_holder_left h3 {
        float: left;
        width: 100%;
        line-height: 30px;
        font-size: 22px;
        font-family: 'RobotoBold';
        color: #fff;
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(80, 80, 80, 0.9);
    }

.rsh_holder_right {
    width: 450px;
    float: right;
    height: auto;
    text-align: center;
    margin-right: 15%;
    margin-top: 335px;
}

    .rsh_holder_right img {
        width: auto;
        max-width: 100%;
        float: none;
        margin: 0px auto;
    }

    .rsh_holder_right h4 {
        float: left;
        width: 100%;
        margin: 12px 0px 0px 0px;
        line-height: 26px;
        font-size: 19px;
        font-family: 'RobotoBold';
        color: #fff;
        font-weight: normal;
        text-transform: uppercase;
        text-align: center;
        text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.9);
    }

    .rsh_holder_right.youtube {
        width: 724px;
        height: 408px;
        margin-right: 65px;
        margin-top: 220px;
        border: 5px solid #fff;
        -webkitborder-radius: 5px;
        -mozborder-radius: 5px;
        border-radius: 5px;
        -webkit-box-shadow: 5px 5px 8px -3px #424242;
        -moz-box-shadow: 5px 5px 8px -3px #424242;
        box-shadow: 5px 5px 8px -3px #424242;
    }

.rsh_holder_right_contain {
    width: 675px;
    height: auto;
    margin-right: 30px;
    margin-top: 162px;
    float: right;
}

    .rsh_holder_right_contain .airlogo {
        width: 265px;
        float: right;
        margin-bottom: 10px;
    }

        .rsh_holder_right_contain .airlogo img {
            width: 100%;
        }

    .rsh_holder_right_contain .youtubeall {
        width: 100%;
        float: left;
    }

        .rsh_holder_right_contain .youtubeall .leftvideo {
            width: 450px;
            float: left;
            position: relative;
        }
        /*.rsh_holder_right_contain .youtubeall .leftvideo img { width:100%;}*/
        .rsh_holder_right_contain .youtubeall .rightvideo {
            width: 213px;
            float: right;
            margin-top: 66px;
        }

            .rsh_holder_right_contain .youtubeall .rightvideo .topimg {
                width: 100%;
                margin-bottom: 8px;
                float: left;
                position: relative;
            }

                .rsh_holder_right_contain .youtubeall .rightvideo .topimg img {
                    width: 100%;
                }

            .rsh_holder_right_contain .youtubeall .rightvideo .bottomimg {
                width: 100%;
                float: left;
                position: relative;
            }

                .rsh_holder_right_contain .youtubeall .rightvideo .bottomimg img {
                    width: 100%;
                }

/*video-1*/
.h-pop-innov {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: url(../images/bgblack.png) repeat;
    text-align: center;
}

.popbox-innov {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 700px;
    height: 500px;
}

.clse-innov {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -3px;
}

    .clse-innov img {
        width: auto !important;
        height: auto !important;
    }

/*video-2*/
.h-pop-innov_2 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: url(../images/bgblack.png) repeat;
    text-align: center;
}

.popbox-innov_2 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 700px;
    height: 500px;
}

.clse-innov_2 {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -3px;
}

    .clse-innov_2 img {
        width: auto !important;
        height: auto !important;
    }

/*video-3*/
.h-pop-innov_3 {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99999;
    background: url(../images/bgblack.png) repeat;
    text-align: center;
}

.popbox-innov_3 {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 700px;
    height: 500px;
}

.clse-innov_3 {
    cursor: pointer;
    position: absolute;
    right: -15px;
    top: -3px;
}

    .clse-innov_3 img {
        width: auto !important;
        height: auto !important;
    }





.ac-vid {
    width: 100%;
    height: 408px;
    margin: 0px;
    padding: 0px;
    background: #000;
}

.rSlidesHome li:nth-child(2) .rsh_holder_left {
    width: 450px;
    margin-top: 300px;
    margin-left: 16%;
}

    .rSlidesHome li:nth-child(2) .rsh_holder_left h1 {
    }

    .rSlidesHome li:nth-child(2) .rsh_holder_left h2 {
        margin: 0px;
        line-height: 42px;
    }

    .rSlidesHome li:nth-child(2) .rsh_holder_left h3 {
        margin: 100px 50px 0;
        width: 350px;
    }

.rSlidesHome li:nth-child(3) .rsh_holder_left {
    width: 560px;
    margin-top: 290px;
    margin-left: 12%;
}

    .rSlidesHome li:nth-child(3) .rsh_holder_left h1 {
    }

    .rSlidesHome li:nth-child(3) .rsh_holder_left h2 {
        margin: 0;
        line-height: 42px;
    }

    .rSlidesHome li:nth-child(3) .rsh_holder_left h3 {
        width: 520px;
        margin: 100px 20px 0px 20px;
    }

.rSlidesHome li:nth-child(4) .rsh_holder_left {
    width: 540px;
    margin-top: 290px;
    margin-left: 15%;
}

    .rSlidesHome li:nth-child(4) .rsh_holder_left h1 {
    }

    .rSlidesHome li:nth-child(4) .rsh_holder_left h2 {
        margin: 0;
        line-height: 42px;
    }

    .rSlidesHome li:nth-child(4) .rsh_holder_left h3 {
        width: 400px;
        margin: 100px 70px 0px 70px;
    }

.rSlidesHome li:nth-child(5) .rsh_holder_left {
    width: 460px;
    margin-top: 290px;
    margin-left: 18%;
}

    .rSlidesHome li:nth-child(5) .rsh_holder_left h1 {
        padding: 0px 20px 0px 20px;
    }

    .rSlidesHome li:nth-child(5) .rsh_holder_left h2 {
        margin: 0;
        line-height: 42px;
        padding: 0 20px;
    }

    .rSlidesHome li:nth-child(5) .rsh_holder_left h3 {
        width: 460px;
        margin: 100px 0px 0px 0px;
    }

.rSlidesHome li:nth-child(1) .rsh_holder_left {
    width: 460px;
    margin-top: 290px;
    margin-left: 12%;
    color: #424242;
}

    .rSlidesHome li:nth-child(1) .rsh_holder_left h1 {
        padding: 0px 20px 0px 20px;
        color: #424242;
        border-left: solid 3px #424242;
        border-right: solid 3px #424242;
    }

    .rSlidesHome li:nth-child(1) .rsh_holder_left h2 {
        width: 100%;
        margin: 32px 0px 0px 0px;
        text-align: center;
        color: #424242;
        border: none;
    }

        .rSlidesHome li:nth-child(1) .rsh_holder_left h2 .feel-h {
            width: 100%;
            margin: 0 0 15px 0;
            font-size: 36px;
            font-family: 'RobotoBold';
            font-weight: bold;
            text-transform: none;
            text-align: center;
            text-shadow: 1px 1px 2px rgba(123, 123, 123, 0.5);
        }

        .rSlidesHome li:nth-child(1) .rsh_holder_left h2 img {
            width: auto;
            max-width: 100%;
        }



.centered-btns_nav {
    z-index: 999;
    position: absolute;
    top: 45%;
    opacity: 0.7;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 40px;
    width: 30px;
    display: none;
}

    .centered-btns_nav:active {
        opacity: 1.0;
    }

    .centered-btns_nav.prev {
        left: 0px;
        background: url(../images/prev-banner.png) left center;
    }

    .centered-btns_nav.next {
        right: 0px;
        background: url(../images/next-banner.png) right center;
    }

.centered-btns_tabs, .transparent-btns_tabs, .large-btns_tabs {
    z-index: 99;
    position: relative;
    bottom: 240px;
    margin-top: 0px;
    text-align: center;
    width: 100%;
}

    .centered-btns_tabs li, .transparent-btns_tabs li, .large-btns_tabs li {
        display: inline;
        float: none;
        _float: left;
        *float: left;
        margin-right: 10px;
    }

    .centered-btns_tabs a, .transparent-btns_tabs a, .large-btns_tabs a {
        text-indent: -9999px;
        overflow: hidden;
        background: #ffffff;
        display: inline-block;
        _display: block;
        *display: block;
        width: 12px;
        height: 11px;
        -webkit-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
        -moz-box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
        box-shadow: inset 0px 0px 1px 0px rgba(0,0,0,0.75);
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.centered-btns_here a, .transparent-btns_here a, .large-btns_here a {
    background: #d4242a;
    -webkit-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
    box-shadow: 0px 0px 2px 1px rgba(0,0,0,0.75);
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}


/* ################################# home_navigation  ################################# */
.homenavigation {
    position: relative;
    z-index: 9999;
    margin-top: -210px;
    height: 210px;
    width: 100%;
    float: left;
    background: #fff;
    background: rgba(255,255,255,0.80);
}

.homenavigationInner {
    width: 96%;
    height: 100%;
    padding: 0px 2%;
    float: left;
    background: url(../images/homenavigationBG.png) no-repeat right top;
    background-size: auto 100%;
}

    .homenavigationInner h5 {
        float: left;
        width: 100%;
        height: 50px;
        margin: 30px 0px 0px 0px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        font-family: 'RobotoMedium';
        color: #000000;
    }

.homeNavBoxLine1, .homeNavBoxLine2, .homeNavBoxLine3 {
    position: relative;
    float: left;
    width: 1px;
    height: 130px;
    background: #3a4139;
    font-size: 0px;
    line-height: 0px;
    margin: 80px 0px 0px 0px;
    padding: 0px;
}

    .homeNavBoxLine3 span {
        display: none;
    }

.homeNavBox1 {
    width: 22%;
    float: left;
}

.homeNavBox1Inner {
    position: relative;
    float: left;
    padding: 0px;
    width: 100%;
    margin: 0px;
    height: 140px;
}

#hwhatsnew, #hfeaturedproducts {
    position: relative;
    overflow: hidden;
    margin: 0px auto;
    padding: 0px;
}

    #hwhatsnew ul, #hfeaturedproducts ul {
        position: relative;
        margin: 0;
        padding: 0;
        height: auto;
        list-style: none;
    }

        #hwhatsnew ul li, #hfeaturedproducts ul li {
            z-index: 1;
            position: relative;
            display: block;
            float: left;
            margin: 0;
            padding: 0;
            text-align: center;
            height: 120px;
            width: 200px;
        }

            #hwhatsnew ul li img, #hfeaturedproducts ul li img {
                width: 90%;
                float: left;
                margin: 0px 5% 0px 5%;
                border: none;
            }

.hwhatsnew_prev, .hwhatsnew_next, .hfeaturedproducts_prev, .hfeaturedproducts_next {
    background: url(../images/homeArrows.png) no-repeat;
    position: absolute;
    top: 40px;
    z-index: 99;
    display: block;
    padding: 0px;
    width: 16px;
    height: 18px;
    opacity: 0.8;
    cursor: pointer;
    font-size: 0px;
    line-height: 0px;
}

    .hwhatsnew_prev:hover, .hwhatsnew_next:hover, .hfeaturedproducts_prev:hover, .hfeaturedproducts_next:hover {
        opacity: 1;
    }

.hwhatsnew_prev, .hfeaturedproducts_prev {
    left: 25px;
    background-position: left top;
}

    .hwhatsnew_prev:hover, .hfeaturedproducts_prev:hover {
        background-position: left bottom;
    }

.hwhatsnew_next, .hfeaturedproducts_next {
    right: 25px;
    background-position: right top;
}

    .hwhatsnew_next:hover, .hfeaturedproducts_next:hover {
        background-position: right bottom;
    }

.homeNavBox2 {
    width: 18%;
    float: left;
    text-align: center;
}

.homeNavBox2Inner {
    width: 90%;
    padding: 0px 5%;
    float: right;
    height: 140px;
}

    .homeNavBox2Inner img {
        padding-top: 5px;
        width: 90px;
        height: auto;
        margin: 0px auto;
        cursor: pointer;
        transform: scale(1) rotate(0deg);
        transform: scale(1) rotate(0deg);
        -webkit-transform: scale(1) rotate(0deg);
        -moz-transform: scale(1) rotate(0deg);
        -ms-transform: scale(1) rotate(0deg);
        -o-transform: scale(1) rotate(0deg);
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .homeNavBox2Inner img:hover {
            transform: scale(1.1) rotate(0deg);
            -webkit-transform: scale(1.1) rotate(0deg);
            -moz-transform: scale(1.1) rotate(0deg);
            -ms-transform: scale(1.1) rotate(0deg);
            -o-transform: scale(1.1) rotate(0deg);
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }



/* ################################# Back to Top  ################################# */
.BackTop {
    display: none;
    width: 100%;
    float: left;
    margin: 0px;
    padding: 35px 0px 20px 0px;
    background: #FFF;
    text-align: center;
}

    .BackTop a {
        padding-top: 10px;
        background: url(../images/backTop.png) no-repeat center top;
        cursor: pointer;
        line-height: 18px;
        font-size: 12px;
        color: #282828;
        font-family: 'RobotoRegular';
        text-align: center;
        text-decoration: none;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .BackTop a:hover {
            background: url(../images/backTop2.png) no-repeat center top;
            color: #e31e24;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }


/* ################################# innerBanner  ################################# */
.ibOther {
    margin-top: -160px;
    width: 100%;
    height: 180px;
    float: left;
    background: #cccccc;
    background: -moz-linear-gradient(top, #a0a0a0 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #a0a0a0 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #a0a0a0 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a0a0a0', endColorstr='#ffffff',GradientType=0 );
}
/*Payback Calculator css start here*/
.innerBanner-payback {
    height: auto;
    margin-top: -160px;
    width: 100%;
    float: left;
    position: relative;
    overflow: hidden;
    background: url(../images/paybacknewbanner.jpg) left top no-repeat;
    background-size: cover;
    height: calc(100vh + 60px);
}

    .innerBanner-payback .boxpayback {
        width: 388px;
        height: auto;
        padding: 50px 0;
        background-color: #f7f6f4;
        position: absolute;
        bottom: 10%;
        left: 130px;
        z-index: 99;
    }

        .innerBanner-payback .boxpayback .boxdetails {
            width: 290px;
            margin: 0 auto;
        }

            .innerBanner-payback .boxpayback .boxdetails .tophead {
                width: 100%;
                float: left;
                margin-bottom: 20px;
            }

                .innerBanner-payback .boxpayback .boxdetails .tophead img {
                    width: 100%;
                }

            .innerBanner-payback .boxpayback .boxdetails p {
                margin: 10px 0;
                padding: 0;
                font-family: 'RobotoRegular';
                font-size: 16px;
                line-height: 30px;
                color: #000000;
                float: left;
            }

            .innerBanner-payback .boxpayback .boxdetails a {
                background-color: #d60b0c;
                padding: 10px 20px;
                text-decoration: none;
                font-size: 15px;
                color: #FFFFFF;
                margin-top: 20px;
                float: left;
                -ms-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

                .innerBanner-payback .boxpayback .boxdetails a:hover {
                    background-color: #525252;
                    -ms-transition: all 0.5s ease;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

    .innerBanner-payback .bottomarrow {
        width: 39px;
        position: absolute;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 35px;
        cursor: pointer;
        -webkit-animation: bounce 1.7s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation: bounce 1.7s;
        -moz-animation-iteration-count: infinite;
        -o-animation: bounce 1.7s;
        -o-animation-iteration-count: infinite;
    }

        .innerBanner-payback .bottomarrow #scrolldown {
            width: 40px;
            height: 40px;
            padding: 0px;
            margin: 0px auto;
            float: none;
            cursor: pointer;
            -webkit-animation: bounce 1.7s;
            -webkit-animation-iteration-count: infinite;
            -moz-animation: bounce 1.7s;
            -moz-animation-iteration-count: infinite;
            -o-animation: bounce 1.7s;
            -o-animation-iteration-count: infinite;
        }

.paybackcal h5 {
    font-size: 12px;
    color: #5a5a5a;
    margin: 15px 0;
    line-height: 16px;
    padding-left: 15px;
}

.expervisit {
    width: 90%;
    height: 160px;
    float: left;
    padding: 18px 5% 16px 5%;
    background-color: #d60b0c;
    margin-top: 0;
}

    .expervisit .visitcontain {
        width: 100%;
        float: left;
    }

        .expervisit .visitcontain .leftvisit {
            width: 360px;
            float: left;
        }

            .expervisit .visitcontain .leftvisit h2 {
                font-family: 'RobotoBold';
                font-size: 22px;
                line-height: 30px;
                color: #fff;
            }

            .expervisit .visitcontain .leftvisit p {
                font-family: 'RobotoRegular';
                font-size: 16px;
                line-height: 20px;
                margin-top: 20px;
                color: #fff;
            }

        .expervisit .visitcontain .rightvisit {
            width: 700px;
            float: right;
            margin-top: 50px;
        }

            .expervisit .visitcontain .rightvisit .inputbox {
                border: none;
                background-color: #FFF;
                margin-right: 7px;
                width: 150px;
                height: 50px;
                padding-left: 16px;
            }

            .expervisit .visitcontain .rightvisit input.inputbox:nth-child(3) {
                margin-right: 0 !important;
            }

            .expervisit .visitcontain .rightvisit .submitbtn {
                width: 166px;
                height: 50px;
                background-color: #fd3e3e;
                color: #FFFFFF;
                font-size: 16px;
                border: none;
            }

.paybackabout {
    margin-bottom: 30px !important;
}

.paybackmrg {
    margin-right: 0 !important;
}


@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
    }

    40% {
        -webkit-transform: translateY(-25px);
    }

    60% {
        -webkit-transform: translateY(-15px);
    }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
    }

    40% {
        -moz-transform: translateY(-25px);
    }

    60% {
        -moz-transform: translateY(-15px);
    }
}

@-o-keyframes bounce {
    0%, 20%, 50%, 80%, 100%;

{
    -o-transform: translateY(0);
}

40% {
    -o-transform: translateY(-25px);
}

60% {
    -o-transform: translateY(-15px);
}

}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        transform: translateY(0);
    }

    40% {
        transform: translateY(-25px);
    }

    60% {
        transform: translateY(-15px);
    }
}

.animate.bounce {
    -webkit-animation-name: bounce;
    -moz-animation-name: bounce;
    -o-animation-name: bounce;
    animation-name: bounce;
    visibility: visible !important;
}

/*Payback Calculator css end here*/


.innerBanner {
    height: auto;
    margin-top: -160px;
    width: 100%;
    float: left;
    overflow: hidden;
}

.mainDivs{ margin-top:0;}
.ibBannerWeb, .ibBannerIpad, .ibBannerMob {
    width: 100%;
    float: left;
}

.ibBannerWebNew{  width: 100%;  float: left;}
.ibBannerWebNew_mobile{ display:none}


.ibBannerWeb {
    display: block;
}
.Logos{ display: block !important;position: absolute !important;left: 30px !important; top:35px !important; margin: 0 !important; top: 35px !important;width: auto !important;}
.Logos img{ width:100%}
.ibBannerIpad {
    display: none;
}

.ibBannerMob {
    display: none;
}

.ibAbout {
    background: url(../images/banners/aboutus_mobile.jpg) no-repeat center top;
}
.ewaste {
    background: url(../images/banners/ewastemob.jpg) no-repeat center top;
}


.ibMedia {
    background: url(../images/banners/media_mobile.jpg) no-repeat center top;
}


.customerSurvey {
    background: url(../images/banners/customer_survey-mobile.jpg) no-repeat center top;
}

.ibDaiseikai {
    background: url(../images/banners/daiseikai_mobile.jpg) no-repeat center top;
}


.perfectionMobile {
    background: url(../images/banners/perfection-mobile.jpg) no-repeat center top;
}

.prodigimbl{
    background: url(../images/banners/prodigi-mobilebnr.jpg) no-repeat center top;
}



.ibContact {
    background: url(../images/banners/contactus_mobile.jpg) no-repeat center top;
}

.ibProject {
    background: url(../images/banners/projects_mobile.jpg) no-repeat right top;
}

.ibFaqs {
    background: url(../images/banners/faqs_mobile.jpg) no-repeat center top;
}

.ibDealer {
    background: url(../images/banners/locatedeater_mobile.jpg) no-repeat center top;
}

.ibTerms {
    background: url(../images/banners/termsofuse_mobile.jpg) no-repeat center top;
}

.ibPrivacy {
    background: url(../images/banners/privacypolicy_mobile.jpg) no-repeat center top;
}

.ibSearch {
    background: url(../images/banners/search_mobile.jpg) no-repeat center top;
}

.ibSitemap {
    background: url(../images/banners/sitemap_mobile.jpg) no-repeat center top;
}

.banner {
    position: relative;
    display: none;
    text-align: center;
    width: 100%;
    float: left;
    height: 100vh;
    background-size: cover;
}

    .banner img {
        position: absolute;
        left: 50%;
        bottom: 10px;
        width: 36px;
        height: 36px;
        padding: 0px;
        margin: 0px 0px 0px -18px;
        float: left;
        cursor: pointer;
        -webkit-animation: blink;
        -webkit-animation-duration: 1.5s;
        -webkit-animation-delay: .5s;
        -webkit-animation-iteration-count: infinite;
        -moz-animation: blink;
        -moz-animation-duration: 1.5s;
        -moz-animation-delay: .5s;
        -moz-animation-iteration-count: infinite;
        -o-animation: blink;
        -o-animation-duration: 1.5s;
        -o-animation-delay: .5s;
        -o-animation-iteration-count: infinite;
        -ms-animation: blink;
        -ms-animation-duration: 1.5s;
        -ms-animation-delay: .5s;
        -ms-animation-iteration-count: infinite;
    }

@keyframes blink {
    50% {
        opacity: 0;
    }
}

@-webkit-keyframes blink {
    50% {
        opacity: 0;
    }
}

@-moz-keyframes blink {
    50% {
        opacity: 0;
    }
}

@-o-keyframes blink {
    50% {
    opacity: 0;
	}
}

@-ms-keyframes blink {
    50% {
        opacity: 0;
    }
}


.innerBanner div {
    display: none;
    position: relative;
    float: right;
    width: auto;
    height: auto;
}

    .innerBanner div h1 {
        width: 100%;
        float: left;
        color: #2d2d2d;
        font-family: 'RobotoBold';
        text-transform: uppercase;
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.9);
    }

    .innerBanner div p {
        width: 100%;
        float: left;
        margin: 6px 0px 0px 0px;
        color: #2d2d2d;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 0.9);
    }

.ibWeb {
    display: block;
    width: 100%;
    float: left;
}

.ibMob {
    display: none;
    width: 100%;
    float: left;
    background: #999999;
    background: -moz-linear-gradient(top, #999999 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #999999 0%,#ffffff 100%);
    background: linear-gradient(to bottom, #999999 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999999', endColorstr='#ffffff',GradientType=0 );
}


/* #################################  breadcrumb ################################# */
.backLinkAll {
    width: 100%;
    margin: 0px 0px 20px 0px;
    float: left;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    font-family: 'RobotoLight';
    color: #e31e24;
}

.backLinkAll2 {
    width: 96%;
    margin: 30px 2% 0px 2%;
    float: left;
    text-align: left;
    line-height: 20px;
    font-size: 16px;
    font-family: 'RobotoLight';
    color: #e31e24;
}

    .backLinkAll a, .backLinkAll2 a {
        color: #000000;
        text-decoration: none;
    }

        .backLinkAll a:hover, .backLinkAll2 a:hover {
            color: #e31e24;
        }

.backLinkAll h1 {
    clear: both;
    width: 100%;
    float: left;
    margin: 20px 0px 5px 0px;
    padding: 0px;
    text-align: left;
    line-height: 24px;
    font-size: 24px;
    color: #424242;
    font-family: 'RobotoLight';
}

.foundProducts {
    display: none;
    float: right;
    width: auto;
    margin-right: 8px;
    max-width: 250px;
    text-align: right;
    line-height: 20px;
    font-size: 16px;
    font-family: 'RobotoRegular';
    color: #e31e24;
}



/* ################################# TabFunction ################################# */
ul.TabingFunctionUL {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 100%;
    height: auto;
    float: left;
    list-style: none;
}

    ul.TabingFunctionUL li {
        background: #525252;
        position: relative;
        float: left;
        width: auto;
        margin: 0px 7px 0px 0px;
        padding: 0px;
        overflow: hidden;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.TabingFunctionUL li:last-child {
            margin-right: 0;
        }

        ul.TabingFunctionUL li p {
            float: left;
            width: auto;
            margin: 18px 40px 0px 0px;
            padding: 0px;
            cursor: pointer;
            line-height: 20px;
            font-size: 16px;
            color: #fff;
            font-family: 'RobotoRegular';
            text-transform: uppercase;
            text-align: left;
        }

        ul.TabingFunctionUL li img {
            float: left;
            height: 45px;
            width: 40px;
            margin: 3px 10px 2px 20px;
        }

        ul.TabingFunctionUL li h6 {
            float: left;
            width: 238px; /* width:187px*/
            margin: 3px 0px;
            padding: 0px 30px;
            cursor: pointer;
            line-height: 22px;
            font-size: 16px;
            color: #fff;
            font-family: 'RobotoRegular';
            text-transform: uppercase;
            text-align: center; /*height: 45px;*/
        }

        ul.TabingFunctionUL li:hover, ul.TabingFunctionUL li.TabingFunctionULactive {
            background: #e31e24;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.TabingFunctionContainer {
    width: 100%;
    height: auto;
    margin: 0px;
    padding: 0px;
    clear: both;
    float: left;
    border: solid 15px #dddddd;
    box-sizing: border-box;
}

.centercircle {
    /*background: url(../images/circle-img.png) center bottom 20px no-repeat;*/
}

.TabingFunctionHeading {
    display: none;
    background: #000 url(../images/tb1.png) no-repeat;
    background-position: right 10px top 10px;
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.TabingFunctionHeadingActive {
    cursor: auto;
    background: #e31e24 url(../images/tb2.png) no-repeat;
    background-position: right 10px top 9px;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.TabingFunctionContent {
    display: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    box-sizing: border-box;
}

ul.TabingFunctionUL li h6.toshiba, ul.TabingFunctionUL li h6.presscoverage, ul.TabingFunctionUL li h6.tvc, ul.TabingFunctionUL li h6.corporate, ul.TabingFunctionUL li h6.conteacat-tabs {
    line-height: 44px;
}



/* ################################# aboutus ################################# */
.aboutus {
    z-index: 9999;
    height: auto;
    float: left;
    width: 96%;
    padding: 0px;
    margin: 30px 2% 70px 2%;
    position: relative;
}

.aboutAirconditioning {
    width: 100%;
    float: left;
}

    .aboutAirconditioning h1 {
        width: 94%;
        float: left;
        margin: 30px 3% 20px 3%;
        padding: 0px;
        line-height: 30px;
        font-size: 30px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
    }

    .aboutAirconditioning p {
        width: 94%;
        float: left;
        margin: 0px 3% 0px 3%;
        padding: 0px;
        line-height: 24px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-align: justify;
    }

    .aboutAirconditioning ul {
        width: 94%;
        float: left;
        margin: 30px 3% 30px 3%;
        padding: 0px;
    }

        .aboutAirconditioning ul li {
            margin-bottom: 10px;
            line-height: 22px;
            font-size: 18px;
            color: #424242;
            font-family: 'RobotoRegular';
			list-style: disc !important;
        }

            .aboutAirconditioning ul li strong {
                color: #181818;
                font-weight: bold;
				list-style: disc !important;
            }

           

.aboutAirconditioningBott {
    width: 100%;
    float: left;
    margin: 30px 0px 0px 0px;
    padding: 30px 15px 30px 15px;
    background: #dfdfdf;
    box-sizing: border-box;
}

    .aboutAirconditioningBott h2 {
        width: 60%;
        float: left;
        margin: 0px 0px 20px 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 30px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
    }

    .aboutAirconditioningBott h3 {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        line-height: 22px;
        font-size: 16px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-align: justify;
    }

        .aboutAirconditioningBott h3 img {
            width: 37%;
            float: right;
            margin: 0px 0px 10px 30px;
        }

.alldetailsgraph {
    width: 420px;
    float: left;
    padding-bottom: 20px;
}

.aboutAwards {
    width: 95%;
    float: left;
    margin: -20px 0 30px 0%;
	position:relative;
	z-index:10;
}

    .aboutAwards > h3 {
        padding: 0;
        margin: 0;
        font-family: 'RobotoBold';
        font-size: 22px;
        color: #525252;
        text-transform: uppercase;
    }

    .aboutAwards .energy-cons-compare {
        padding: 0;
        margin: 0px 30px 0 0;
        min-height: 287px;
    }

.rightbox-enery-compare {
    position: relative;
    margin-top: -20px;
}

.energy-graph-lefticon {
    position: absolute;
    left: -95px;
    top: 10px;
}
.kidsimgicon{padding:0; margin:-40px 0 0 0; position:relative}

.energy-graph-righticon {
    position: absolute;
    right: -35px;
    top: 90px;
}

.energy-graph {
    padding: 30px 0 70px;
    margin: 0;
    position: relative;
    width: 49%;
    border: 1px solid #d60b0c;
	border-top:0;
	float:left;
}
.energy-graph:nth-child(2){float:right}
.comparison-head{background:#e31f25; font-family: 'RobotoRegular'; font-size:16px; color:#fff; text-align:center; padding:20px 0}
.energy-graphimg {
    text-align: center;
}

    .energy-graphimg img {
        width: 100%;
    }

.energy-graph-bottombtns {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

    .energy-graph-bottombtns .graphbtnleft, .energy-graph-bottombtns .graphbtnright {
        font-family: 'RobotoRegular';
        font-size: 14px;
        text-align: center;
        width: 50%;
        text-transform: uppercase;
    }

    .energy-graph-bottombtns .graphbtnleft {
        float: left;
    }

    .energy-graph-bottombtns .graphbtnright {
        float: right;
    }

        .energy-graph-bottombtns .graphbtnleft a, .energy-graph-bottombtns .graphbtnright a {
            color: #fff;
            background: #f7393e;
            display: block;
            text-decoration: none;
            padding: 15px 0;
        }

        .energy-graph-bottombtns .graphbtnright a {
            background: #b06af2;
        }

.graphtoptxt {
    font-size: 11px;
    color: #5a5a5a;
    position: absolute;
    top: 6px;
    right: 6px;
}

.download-report {
    position: absolute;
    right: 5%;
    bottom: 100px;
    font-size: 14px;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    border: none;
    border-bottom: #101010 solid 1px;
    cursor: pointer;
    background: none;
}

    .download-report a {
        color: #101010;
        text-decoration: underline;
    }

        .download-report a:hover {
            text-decoration: none;
        }

.aboutAwards_clear {
    width: 100%;
    float: left;
    height: 30px;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
}

.aboutAwards_box {
    width: auto;
    float: left;
}

.aboutAwards_box_r {
    float: left;
    margin-left: 100px;
}

.aboutAwards_box aside {
    width: 75px;
    height: 55px;
    float: left;
    margin: 0px 20px 0px 0px;
    padding: 0px;
    background: #dddddd;
    border-radius: 7px;
    border-top: solid 20px #e31e24;
    line-height: 50px;
    font-size: 26px;
    color: #404040;
    font-family: 'RobotoBold';
    text-align: center;
}

.aboutAwards_box table {
    width: 300px;
    float: left;
    border: solid 1px #c5c5c5;
    border-collapse: collapse;
}

    .aboutAwards_box table th {
        background: #dcdcdc;
        border: 1px solid #c5c5c5;
        padding: 3px 7px;
        text-align: left;
        line-height: 18px;
        font-size: 12px;
        color: #000000;
        font-family: 'RobotoRegular';
    }

    .aboutAwards_box table td {
        background: #fff;
        border: 1px solid #c5c5c5;
        padding: 3px 7px;
        text-align: left;
        line-height: 18px;
        font-size: 11px;
        color: #424242;
        font-family: 'RobotoLight';
    }

    .aboutAwards_box table tr td:nth-child(2) {
        width: 20%;
    }

    .aboutAwards_box table tr td:nth-child(3) {
        width: 30%;
    }


/* ################################# media room ################################# */
.mediaroom {
    z-index: 9999;
    height: auto;
    float: left;
    width: 96%;
    padding: 0px;
    margin: 30px 2% 70px 2%;
}

.mediaHighlights {
    idth: 100%;
    float: left;
    padding: 30px 0px 40px 0px;
}

    .mediaHighlights h1 {
        width: 94%;
        float: left;
        margin: 0px 3% 20px 3%;
        padding: 0px;
        line-height: 28px;
        font-size: 28px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: left;
    }

    .mediaHighlights p {
        width: 94%;
        float: left;
        margin: 0px 3% 0px 3%;
        line-height: 26px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: normal;
        text-align: justify;
    }

        .mediaHighlights p strong {
            font-weight: bold;
        }

        .mediaHighlights p a {
            text-decoration: none;
            color: #000;
        }

            .mediaHighlights p a:hover {
                color: #e31e24;
            }

        .mediaHighlights p img {
            width: auto;
            max-width: 450px;
            float: left;
            margin: 0px 30px 20px 0px;
        }

    .mediaHighlights hr {
        width: 100%;
        height: 5px;
        background: #dfdfdf;
        float: left;
        margin: 40px 0px 40px 0px;
        padding: 0px;
        border: none;
        line-height: 0px;
        font-size: 0px;
    }

    .mediaHighlights h6 {
        width: 94%;
        float: left;
        margin: 20px 3% 20px 3%;
        line-height: 20px;
        font-size: 16px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: normal;
        text-align: justify;
    }

.mediaPress {
    width: 100%;
    float: left;
    padding: 20px 0px 20px 0px;
}

    .mediaPress div {
        width: 96%;
        float: left;
        border-bottom: solid 1px #dfdfdf;
        padding: 15px 2% 15px 2%;
    }

        .mediaPress div:last-child {
            border-bottom: none;
        }

    .mediaPress img {
        width: 180px;
        height: auto;
        float: right;
        margin-right: 10px;
    }

    .mediaPress p {
        width: 75%;
        float: left;
        line-height: 22px;
        font-size: 16px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: normal;
        text-align: left;
    }

        .mediaPress p.mpPera {
            width: 100%;
        }

        .mediaPress p a {
            text-decoration: none;
            color: #424242;
            font-size: 18px;
            font-weight: bold;
        }

            .mediaPress p a:hover {
                color: #e31e24;
            }

        .mediaPress p small {
            line-height: 30px;
            font-size: 16px;
            color: #747474;
        }

.mediaCampaigns {
    width: 100%;
    float: left;
    padding: 35px 0px 40px 0px;
}

.campaignsLeft {
    width: 26%;
    float: left;
    padding: 0px;
    margin: 0px 5% 0px 0px;
}

    .campaignsLeft div {
        width: 100%;
        float: left;
        background: #c4c4c4;
        margin-bottom: 20px;
        line-height: 55px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

        .campaignsLeft div.clActive {
            background: #525252;
            color: #fff;
        }

.campaignsRight {
    width: 65%;
    float: left;
    padding: 0px;
}

    .campaignsRight section {
        display: none;
        position: relative;
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        background: #06C;
    }

        .campaignsRight section.crActive {
            display: block;
        }

.printCampaigns {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    margin: 0px;
    padding: 0px;
}

    .printCampaigns li {
        -webkit-backface-visibility: hidden;
        position: absolute;
        display: none;
        width: 100%;
        left: 0;
        top: 0;
        margin: 0px;
        padding: 0px;
    }

        .printCampaigns li:first-child {
            position: relative;
            display: block;
            float: left;
            margin: 0px;
            padding: 0px;
        }

        .printCampaigns li img {
            display: block;
            height: 100%;
            float: left;
            width: 100%;
            border: 0px;
            margin: 0px;
            padding: 0px;
        }

.campaignsRight section .centered-btns_nav {
    display: block;
    z-index: 9999999;
    position: absolute;
    top: 45%;
    opacity: 1;
    text-indent: -9999px;
    overflow: hidden;
    text-decoration: none;
    height: 35px;
    width: 35px;
    border-radius: 50%;
    border: solid 1px #5d5d5d;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .campaignsRight section .centered-btns_nav.prev {
        left: 10px;
        background: #b2b2b2 url(../images/pcButtonLeft.png) no-repeat;
        background-position: left 9px top 7px;
    }

    .campaignsRight section .centered-btns_nav.next {
        right: 10px;
        background: #b2b2b2 url(../images/pcButtonRight.png) no-repeat;
        background-position: right 9px top 7px;
    }

    .campaignsRight section .centered-btns_nav.prev:hover {
        background: #fff url(../images/pcButtonLeft.png) no-repeat;
        background-position: left 9px top 7px;
    }

    .campaignsRight section .centered-btns_nav.next:hover {
        background: #fff url(../images/pcButtonRight.png) no-repeat;
        background-position: right 9px top 7px;
    }

.mediaCorporateAV {
    width: 100%;
    float: left;
    padding: 30px 0px 40px 0px;
    text-align: center;
}

    .mediaCorporateAV iframe {
        width: 650px;
        height: 488px;
    }



/* ################################# contact us ################################# */
.contactus {
    z-index: 9999;
    height: auto;
    float: left;
    width: 96%;
    padding: 0px;
    margin: 30px 2% 70px 2%;
}

.cHeadOffice {
    width: 100%;
    float: left;
    padding: 30px 0% 20px 0%;
    background: #dddddd;
}

    .cHeadOffice p {
        width: auto;
        float: left;
        margin: 0px 3%;
        line-height: 24px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: normal;
        text-align: left;
    }

        .cHeadOffice p strong {
            font-weight: bold;
            color: #000;
        }

    .cHeadOffice img {
        width: 250px;
        float: right;
        margin-right: 40px;
    }

    .cHeadOffice p a {
        text-decoration: none;
        color: #000;
    }

        .cHeadOffice p a:hover {
            color: #e31e24;
        }

.cBrancheOffice {
    width: 100%;
    float: left;
    margin: 40px 0px;
}

.cBrancheOfficeLeft {
    width: 26%;
    float: left;
}

    .cBrancheOfficeLeft li {
        width: 100%;
        float: left;
        background: #c4c4c4;
        margin-bottom: 20px;
        line-height: 55px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
    }

        .cBrancheOfficeLeft li.cbolActive {
            background: #525252;
            color: #fff;
        }

.cBrancheOfficeRight {
    width: 69%;
    float: right;
    margin-right: -1px !important;
}

    .cBrancheOfficeRight li {
        display: none;
        width: 100%;
        float: left;
    }

        .cBrancheOfficeRight li.cborActive {
            display: block;
        }

        .cBrancheOfficeRight li table {
            width: 100%;
            float: left;
            border: solid 1px #dfdfdf;
            border-collapse: collapse;
        }

            .cBrancheOfficeRight li table td {
                width: 50%;
                background: #fff;
                border: 1px solid #dfdfdf;
                padding: 15px 20px;
                text-align: left;
                line-height: 24px;
                font-size: 18px;
                color: #424242;
                font-family: 'RobotoLight';
            }

                .cBrancheOfficeRight li table td strong {
                    font-weight: bold;
                    color: #000;
                }

                .cBrancheOfficeRight li table td sup {
                    vertical-align: super;
                    font-size: 14px;
                }





/* ################################# Projects ################################# */
.ourProjects {
    height: auto;
    float: left;
    width: 96%;
    padding: 0px;
    margin: 30px 2% 70px 2%;
}

.indianprojects {
    width: 100%;
    float: left;
    margin: 40px 0px 80px 0px;
}

    .indianprojects h1 {
        width: 100%;
        float: left;
        margin: 0px 0px 40px 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 30px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
    }

ul.indianProjectsLeft {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 26%;
    height: auto;
    float: left;
    list-style: none;
}

    ul.indianProjectsLeft li {
        width: 100%;
        float: left;
        background: #c4c4c4;
        margin-bottom: 20px;
        line-height: 55px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.indianProjectsLeft li:hover, ul.indianProjectsLeft li.indianProjectsLeftActive {
            background: #525252;
            color: #fff;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.indianProjectsRight {
    width: 69%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: right;
}

.indianProjectsRightHead {
    display: none;
    background: #c4c4c4 url(../images/hmArrow2.png) no-repeat;
    background-position: right 10px top 12px;
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 36px;
    font-size: 16px;
    color: #424242;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.indianProjectsRightActive {
    color: #fff;
    background: #666666 url(../images/hmArrow3.png) no-repeat;
    background-position: right 10px top 12px;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.indianProjectsRightInner {
    display: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    box-sizing: border-box;
}

    .indianProjectsRightInner dl {
        width: 50%;
        float: left;
    }

        .indianProjectsRightInner dl dt {
            width: 100%;
            float: left;
            margin: 0px 0px 15px 0px;
            text-align: left;
            line-height: 24px;
            font-size: 18px;
            color: #424242;
            font-family: 'RobotoLight';
        }

    .indianProjectsRightInner img {
        width: auto;
        max-width: 350px;
        float: right;
        margin: 0px 150px 0px 0px;
    }


.testimonialsmain {
    width: 100%;
    float: left;
    margin: 40px 0px;
}

ul.testimonialsLeft {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: 26%;
    height: auto;
    float: left;
    list-style: none;
}

    ul.testimonialsLeft li {
        width: 100%;
        float: left;
        background: #c4c4c4;
        margin-bottom: 20px;
        line-height: 55px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
        cursor: pointer;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.testimonialsLeft li:hover, ul.testimonialsLeft li.testimonialsLeftActive {
            background: #525252;
            color: #fff;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

.testimonialsRight {
    width: 69%;
    height: auto;
    margin: 0px;
    padding: 0px;
    float: right;
}

.testimonialsRightHead {
    display: none;
    background: #c4c4c4 url(../images/hmArrow2.png) no-repeat;
    background-position: right 10px top 12px;
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 36px;
    font-size: 16px;
    color: #424242;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.testimonialsRightActive {
    color: #fff;
    background: #666666 url(../images/hmArrow3.png) no-repeat;
    background-position: right 10px top 12px;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.testimonialsRightInner {
    display: none;
    padding: 0px;
    margin: 0px;
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    box-sizing: border-box;
}

.customer-testimonials {
    background: #dfdfdf;
    float: left;
    height: auto;
    width: 90%;
    padding: 30px 6% 10px 4%;
}

    .customer-testimonials q {
        float: left;
        width: 100%;
        line-height: 22px;
        font-size: 16px;
        color: #242424;
        font-family: 'RobotoRegular';
        text-align: justify;
    }

    .customer-testimonials span {
        float: left;
        width: 100%;
        margin: 5px 0px 40px 0px;
        line-height: 20px;
        font-size: 16px;
        color: #000;
        font-family: 'RobotoBold';
        text-align: right;
    }

.testIMG1 {
    max-width: 100%;
    float: left;
}

.testIMG2 {
    width: 47%;
    float: left;
    margin: 0px 3% 0px 0px;
}


/* ################################# WHERE TO BUY ################################# */
.wheretoBuy {
    z-index: 9999;
    height: auto;
    float: left;
    width: 96%;
    padding: 0px;
    margin: 30px 2% 70px 2%;
}

.wheretoBuy table{ font-family:"RobotoRegular";}
.wheretoBuy table tr,td, label, select,span{ font-family:"RobotoRegular";}

.wheretobuyLocateStores {
    width: 86%;
    float: left;
    margin: 35px 7%;
}

    .wheretobuyLocateStores h1 {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 24px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-align: center;
        text-transform: uppercase;
    }

    .wheretobuyLocateStores p {
        width: 100%;
        float: left;
        margin: 15px 0px 25px 0px;
        padding: 0px;
        line-height: 24px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
    }

    .wheretobuyLocateStores aside {
        width: 280px;
        float: none;
        margin: 0px auto;
    }

    .wheretobuyLocateStores select.wbLSselect::-ms-expand {
        display: none;
    }

    .wheretobuyLocateStores .wbLSselect {
        width: 280px;
        height: 40px;
        float: left;
        margin: 0px 0px 25px 0px;
        border: solid 1px #666;
        line-height: 30px;
        font-size: 18px;
        text-indent: 5px;
        color: #747474;
        font-family: 'RobotoLight';
        text-align: left;
        text-transform: uppercase;
        background: #fff url(../images/selectIcon.png) no-repeat scroll right top;
        cursor: pointer;
        text-overflow: '';
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        @media (-webkit-min-device-pixel-ratio: 2),
        ;
    }

    .wheretobuyLocateStores .wbLSsubmit {
        background: #434343;
        width: 140px;
        height: auto;
        margin-left: 70px;
        padding: 8px 30px 6px 30px;
        float: left;
        border: none;
        cursor: pointer;
        font-size: 18px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.wbLSsubmit:hover {
    background: #e32127;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wbLSloder {
    width: 100%;
    float: left;
    margin: 20px 0px 20px 0px;
    padding: 0px;
    text-align: center;
}

    .wbLSloder img {
        width: auto;
        float: none;
        margin: 0px auto;
    }

    .wbLSloder p {
        width: 100%;
        float: left;
        margin: 10px 0px 0px 0px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #F00;
        font-family: 'RobotoLight';
    }

.wbLS_detail {
    display: none;
    width: 86%;
    float: left;
    margin: 35px 7%;
}

    .wbLS_detail h1 {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 24px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-align: left;
        text-transform: uppercase;
    }

    .wbLS_detail p {
        width: 100%;
        float: left;
        margin: 15px 0px 25px 0px;
        padding: 0px;
        line-height: 24px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: left;
    }

    .wbLS_detail select.wbLS_d_select::-ms-expand {
        display: none;
    }

    .wbLS_detail .wbLS_d_select {
        width: 36%;
        height: 40px;
        float: left;
        margin: 0px 4% 40px 0px;
        border: solid 1px #666;
        line-height: 30px;
        font-size: 18px;
        text-indent: 5px;
        color: #747474;
        font-family: 'RobotoLight';
        text-align: left;
        text-transform: uppercase;
        background: #fff url(../images/selectIcon.png) no-repeat scroll right top;
        cursor: pointer;
        text-overflow: '';
        appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        -ms-appearance: none;
        -o-appearance: none;
        @media (-webkit-min-device-pixel-ratio: 2),
        ;
    }

    .wbLS_detail .wbLS_d_submit {
        background: #434343;
        width: 18%;
        height: auto;
        margin-bottom: 40px;
        padding: 8px 30px 6px 30px;
        float: left;
        border: none;
        cursor: pointer;
        font-size: 18px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-align: center;
        text-transform: uppercase;
        border-radius: 2px;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.wbLS_d_submit:hover {
    background: #e32127;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wbLS_d_clear {
    width: 100%;
    float: left;
    height: 20px;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
}

.wbLS_d_box {
    width: 49%;
    float: left;
    border: solid 2px #737373;
    padding: 15px;
    box-sizing: border-box;
    min-height: 190px; word-wrap: break-word;
}

.wbLS_d_box_r {
    float: right;
}

.wbLS_d_box h4 {
    width: 100%;
    float: left;
    height: 3px;
    margin: 0px;
    padding: 0px;
    font-size: 0px;
    line-height: 0px;
}

.wbLS_d_box h5 {
    width: 40%;
    float: left;
    height: auto;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    font-size: 14px;
    color: #333;
    font-family: 'RobotoLight';
    text-align: left;
    text-transform: uppercase;
}

.wbLS_d_box h6 {
    width: 58%;
    float: right;
    height: auto;
    margin: 0px;
    padding: 0px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    font-family: 'RobotoLight';
    text-align: left;
}

.wheretobuyCallBack {
    width: 480px;
    float: left;
    margin: 35px 0px 35px 50px;
}

    .wheretobuyCallBack h1 {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 24px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-align: left;
        text-transform: uppercase;
    }

    .wheretobuyCallBack h3 {
        width: 100%;
        float: left;
        margin: 15px 0px 20px 0px;
        padding: 0px;
        line-height: 18px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: left;
    }

    .wheretobuyCallBack h2 {
        width: 100%;
        float: left;
        height: 20px;
        margin: 0px;
        padding: 0px;
    }

    .wheretobuyCallBack p {
        width: 180px;
        float: left;
        clear: left;
        margin: 0px;
        padding: 0px;
        line-height: 35px;
        font-size: 22px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: left;
    }

    .wheretobuyCallBack .wbCBinput {
        width: 280px;
        height: 40px;
        float: left;
        clear: right;
        border: solid 1px #666;
        line-height: 30px;
        font-size: 18px;
        text-indent: 10px;
        color: #747474;
        font-family: 'RobotoLight';
        text-align: left;
    }

select.wbCBselect::-ms-expand {
    display: none;
}

.wheretobuyCallBack .wbCBselect {
    width: 280px;
    height: 40px;
    float: left;
    clear: right;
    border: solid 1px #666;
    line-height: 30px;
    font-size: 18px;
    text-indent: 5px;
    color: #747474;
    font-family: 'RobotoLight';
    text-align: left;
    background: #fff url(../images/selectIcon.png) no-repeat scroll;
    background-position: right 0px top 0px;
    cursor: pointer;
    text-overflow: '';
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    @media (-webkit-min-device-pixel-ratio: 2),
    ;
}

.wheretobuyCallBack .wbCBsubmit {
    background: #434343;
    width: auto;
    height: auto;
    margin: 0px 0px 0px 180px;
    padding: 8px 30px 6px 30px;
    float: left;
    clear: right;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    font-family: 'RobotoRegular';
    text-align: center;
    text-transform: uppercase;
    border-radius: 2px;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wbCBsubmit:hover {
    background: #e32127;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.wheretobuyCallBack h6 {
    width: auto;
    float: left;
    margin: 0px;
    padding: 0px 0px 0px 180px;
    line-height: 20px;
    font-size: 16px;
    color: #f30;
    font-family: 'RobotoLight';
    text-align: center;
}

.wbCBCaptcha {
    width: 180px;
    height: 40px;
    float: left;
    margin: 0px;
    padding: 5px 0px 5px 0px;
}



.reveal-modal {left: 0;width: 40%; padding: 25px;border-radius: 2px;position: fixed; top: 15%;z-index: 99999;border: 3px solid #ccc;margin: 0 auto;right: 0px; display:none;}
.reveal-modal img.hide{position: absolute;right: 0; top: 0; background: #ccc;  padding: 5px; cursor:pointer;}
.reveal-modal video{ width: 100%; }
.reveal-modal .close-reveal-modal {position: absolute; top: 8px; right: 0px; cursor: pointer;} 
.reveal-modal-bg{position: fixed; height: 100%; width: 100%; background: rgba(0,0,0,.8); z-index: 100; display:none; top: 0; left: 0;display:none;}


/* ################################# privacy n terms page ################################# */
.policy_terms {
    height: auto;
    float: left;
    width: 96%;
    margin: 30px 2% 70px 2%;
    padding: 35px;
    border: solid 15px #dddddd;
    box-sizing: border-box;
}

    .policy_terms h1 {
        width: 100%;
        float: left;
        margin: 0px 0px 10px 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 30px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
    }

    .policy_terms h2 {
        width: 100%;
        float: left;
        margin: 20px 0px 10px 0px;
        padding: 0px;
        line-height: 26px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-align: left;
        text-transform: uppercase;
    }

    .policy_terms p {
        width: 100%;
        float: left;
        margin: 0px 0px 0px 0px;
        padding: 0px;
        line-height: 22px;
        font-size: 14px;
        color: #626262;
        font-family: 'RobotoRegular';
        text-align: justify;
    }

        .policy_terms p strong {
            font-weight: bold;
        }



/* ################################# sitemap ################################# */
.sitemap {
    height: auto;
    float: left;
    width: 96%;
    margin: 30px 2% 70px 2%;
    padding: 35px;
    border: solid 15px #dddddd;
    box-sizing: border-box;
}

    .sitemap h1 {
        width: 100%;
        float: left;
        margin: 0px 0px 20px 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 30px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
    }

.sitemapInside {
    width: 90%;
    margin: 0px 0px 40px 0px;
    float: left;
    border-top: solid 1px #858585;
    border-left: solid 1px #858585;
}

    .sitemapInside h2 {
        width: 100%;
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .sitemapInside h2 a {
            position: relative;
            z-index: 999;
            background: #858585;
            width: 16%;
            float: left;
            margin: -25px 0px 1px 3%;
            padding: 10px 30px;
            line-height: 26px;
            font-size: 26px;
            color: #fff;
            text-align: center;
            font-family: 'RobotoLight';
            font-weight: normal;
            text-transform: uppercase;
            text-decoration: none;
        }

            .sitemapInside h2 a:hover {
                background: #e32127;
            }

.smTopLine {
    width: 97%;
    margin: -22px 0px 0px 3%;
    padding: 0px;
    float: left;
}

    .smTopLine li {
        width: 22%;
        height: auto;
        float: left;
    }

        .smTopLine li:nth-child(2) {
            margin-left: 8%;
        }

        .smTopLine li:nth-child(3) {
            margin-left: 8%;
        }

        .smTopLine li:nth-child(4) {
            float: right;
            margin-right: -11.1%;
        }

        .smTopLine li span {
            width: 1px;
            height: 40px;
            float: left;
            margin: 0px 0px 0px 49%;
            padding: 0px;
            background: #858585;
        }

.smTopUL {
    width: 97%;
    margin: 0px 0px 0px 3%;
    padding: 0px;
    float: left;
}

    .smTopUL li {
        width: 22%;
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .smTopUL li:nth-child(2) {
            margin-left: 8%;
        }

        .smTopUL li:nth-child(3) {
            margin-left: 8%;
        }

        .smTopUL li:nth-child(4) {
            float: right;
            margin-right: -11.1%;
        }

        .smTopUL li a {
            background: #858585;
            width: 90%;
            float: left;
            margin: 0px;
            padding: 5px 5%;
            text-align: center;
            line-height: 26px;
            font-size: 22px;
            font-family: 'RobotoLight';
            color: #fff;
            text-decoration: none;
        }

            .smTopUL li a:hover {
                background: #e32127;
            }

        .smTopUL li ul {
            width: 100%;
            float: left;
            margin: 0;
        }

            .smTopUL li ul li {
                width: 100%;
                float: left;
                margin: 0px !important;
                padding: 0px;
            }

.smTopUL_vline {
    float: left;
    margin-left: 49%;
    height: 30px;
    width: 1px;
    background: #858585;
    font-size: 0px;
    line-height: 0px;
}

.smTopUL li ul li:nth-child(1) .smTopUL_vline {
    height: 45px;
}

.smTopUL li ul li a {
    background: #858585;
    width: 90%;
    float: left;
    margin: 0px 0px 0px 0px;
    padding: 5px 5%;
    text-align: center;
    line-height: 22px;
    font-size: 15px;
    font-family: 'RobotoLight';
    color: #fff;
    text-decoration: none;
}

    .smTopUL li ul li a:hover {
        background: #e32127;
    }

.smMidUL {
    width: 100%;
    float: left;
    margin: 40px 0px 0px 0px;
}

    .smMidUL.smMidULlast {
        margin: 70px 0px -17px 0px;
    }

    .smMidUL li {
        width: auto;
        float: left;
        margin: 0px;
        padding: 0px;
    }

        .smMidUL li.smMidUL_hline {
            float: left;
            height: 1px;
            width: 3%;
            margin-top: 20px;
            background: #858585;
            font-size: 0px;
            line-height: 0px;
        }

        .smMidUL li a {
            background: #858585;
            width: auto;
            float: left;
            margin: 0px;
            padding: 8px 12px 8px 12px;
            text-align: center;
            line-height: 22px;
            font-size: 15px;
            font-family: 'RobotoLight';
            color: #fff;
            text-decoration: none;
        }

            .smMidUL li a:hover {
                background: #e32127;
            }




/* ################################# search results page ################################# */
.search_results {
    height: auto;
    float: left;
    width: 96%;
    margin: 30px 2% 70px 2%;
    padding: 35px;
    border: solid 15px #dddddd;
    box-sizing: border-box;
}

    .search_results h1 {
        width: 100%;
        float: left;
        margin: 0px 0px 30px 0px;
        padding: 0px;
        line-height: 30px;
        font-size: 30px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: center;
        text-transform: uppercase;
    }

.srCBinput {
    margin-left: 10px;
    width: 350px;
    height: 40px;
    float: left;
    border: solid 1px #666;
    line-height: 30px;
    font-size: 18px;
    text-indent: 10px;
    color: #747474;
    font-family: 'RobotoLight';
    text-align: left;
}

.srCBsubmit {
    background: #434343;
    width: auto;
    height: 42px;
    margin: 0px 0px 0px 20px;
    padding: 8px 30px 6px 30px;
    float: left;
    border: none;
    cursor: pointer;
    font-size: 18px;
    color: #fff;
    font-family: 'RobotoRegular';
    text-align: center;
    text-transform: uppercase;
    border-radius: 2px;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .srCBsubmit:hover {
        background: #e32127;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.search_results h6 {
    width: auto;
    float: right;
    margin: 10px 10px 0px 0px;
    text-align: right;
    line-height: 22px;
    font-size: 22px;
    color: #f30;
    font-family: 'RobotoRegular';
}

.sr_product {
    width: 100%;
    float: left;
    margin: 40px 0% 0px 0%;
}

.srp_box {
    height: 280px;
    width: 23%;
    float: left;
    margin: 10px 1% 10px 1%;
    border: solid 1px #bebebe;
    padding: 15px;
    box-sizing: border-box;
    overflow: hidden;
}

    .srp_box img {
        width: 100%;
        float: left;
        max-height: 150px;
    }

    .srp_box p {
        width: 100%;
        float: left;
        margin: 15px 0px 15px 0px;
        text-align: center;
        line-height: 22px;
        font-size: 18px;
        color: #676767;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
    }

    .srp_box h2 {
        float: none;
        width: 150px;
        margin: 0px auto;
    }

        .srp_box h2 a {
            width: 100%;
            float: left;
            height: 35px;
            background: #d60b0d;
            text-align: center;
            line-height: 35px;
            font-size: 12px;
            color: #FFF;
            font-family: 'RobotoRegular';
            text-decoration: none;
            text-transform: uppercase;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }

            .srp_box h2 a:hover {
                background: #212121;
                -ms-transition: all 0.5s ease;
                -webkit-transition: all 0.5s ease;
                -moz-transition: all 0.5s ease;
                -o-transition: all 0.5s ease;
                transition: all 0.5s ease;
            }

.search_results_notfound {
    display: none;
    width: 100%;
    height: auto;
    float: left;
    border: solid 1px #666;
    margin: 50px 0px 70px 0px;
    padding: 50px 0px 50px 0px;
    box-sizing: border-box;
    text-align: center;
    line-height: 28px;
    font-size: 18px;
    color: #676767;
    font-family: 'RobotoLight';
}

    .search_results_notfound strong {
        font-weight: bolder;
        font-size: 120%;
    }

    .search_results_notfound a {
        text-decoration: none;
        color: #F33;
    }

        .search_results_notfound a:hover {
            text-decoration: underline;
        }

.search_results_loding {
    width: 100%;
    float: left;
    margin: 20px 0px 20px 0px;
    padding: 0px;
    text-align: center;
}

    .search_results_loding img {
        width: auto;
        float: none;
        margin: 0px auto;
    }

    .search_results_loding p {
        width: 100%;
        float: left;
        margin: 10px 0px 0px 0px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #F00;
        font-family: 'RobotoLight';
    }





/* #################################  productLanding ################################# */
.productLanding {
    height: auto;
    float: left;
    width: 90%;
    padding: 30px 5% 70px 5%;
}

.productLandingFilter {
    display: none;
    background: url(../images/filter.png) no-repeat left top;
    width: auto;
    float: right;
    height: 21px;
    margin: -5px 0px 5px 0px;
    padding: 0px;
    text-indent: 25px;
    line-height: 20px;
    font-size: 14px;
    color: #242424;
    font-family: 'RobotoRegular';
    font-weight: normal;
    text-transform: uppercase;
    cursor: pointer;
}

    .productLandingFilter:hover {
        color: #d60b0d;
    }
/* productLandingLeft */
.productLandingLeft {
    height: auto;
    width: 30%;
    float: left;
    border-left: solid 1px #bebebe;
    box-sizing: border-box;
}

.productLandingLeftHead {
    background: #000;
    width: 100%;
    float: left;
    clear: both;
}

    .productLandingLeftHead img {
        width: 36px;
        float: left;
    }

    .productLandingLeftHead h4 {
        width: auto;
        float: left;
        margin-left: 5px;
        text-align: left;
        line-height: 42px;
        font-size: 15px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        text-indent: 0px;
    }
	.productLandingLeftHead h4 a{font-size: 15px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-transform: uppercase; text-decoration:none}

.productLandingLeftClear {
    background: #bebebe;
    width: 100%;
    float: left;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}

.productLandingLeftRating {
    width: 90%;
    float: left;
    margin: 15px 5% 15px 5%;
}

    .productLandingLeftRating .productLandingLeftStar {
        width: 53px;
        height: 50px;
        clear: left;
        float: left;
        margin: 2px 12px 0px 0px;
        background: url(../images/star_icon.png) no-repeat left top;
    }

    .productLandingLeftRating h3 {
        width: auto;
        height: auto;
        clear: right;
        float: left;
        margin: 0px;
        text-align: left;
        text-indent: 0px;
        line-height: 20px;
        font-size: 14px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        font-weight: bold;
    }

    .productLandingLeftRating .productLandingLeftStarIcon {
        width: 24px;
        height: 24px;
        float: left;
        margin: 7px 5px 0px 0px;
    }

.productLandingLeftHeading {
    width: 90%;
    float: left;
    clear: both;
    margin: 15px 5% 0px 5%;
    text-align: left;
    line-height: 22px;
    font-size: 14px;
    color: #424242;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-indent: 0px;
    font-weight: bold;
}

.productLandingLeftDiv {
    width: 90%;
    float: left;
    margin: 15px 5% 5px 5%;
}

    .productLandingLeftDiv label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        clear: right;
        width: 90%;
        padding: 0px 15px 0px 25px;
        margin: 8px 0px 12px 0px;
        font-size: 14px;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        color: #424242;
        font-weight: normal;
    }

    .productLandingLeftDiv input[type=checkbox] {
        display: none;
    }

    .productLandingLeftDiv label:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 10px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-color: #fff;
        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .7), 0px 1px 0px 0px rgba(255, 255, 255, .7);
    }

    .productLandingLeftDiv input[type=checkbox]:checked + label:before {
        content: "\2713";
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
        font-size: 14px;
        color: #000;
        text-align: center;
        line-height: 15px;
    }

.productLandingLeftTons {
    width: 90%;
    float: left;
    margin: 15px 5% 5px 5%;
}

    .productLandingLeftTons p {
        width: 25%;
        float: left;
        text-align: left;
        margin: 0px 0px 15px 0px;
    }

        .productLandingLeftTons p label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            float: left;
            padding: 0px;
            margin: 0px 0px 0px 22px;
            font-size: 14px;
            font-family: 'RobotoRegular';
            text-align: left color:#424242;
            font-weight: normal;
        }

        .productLandingLeftTons p input[type=checkbox] {
            display: none;
        }

        .productLandingLeftTons p label:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: -22px;
            bottom: 0px;
            float: left;
            width: 18px;
            height: 18px;
            margin: 0px;
            padding: 0px;
            background-color: #fff;
            box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .7), 0px 1px 0px 0px rgba(255, 255, 255, .7);
        }

        .productLandingLeftTons p input[type=checkbox]:checked + label:before {
            content: "\2713";
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
            font-size: 14px;
            color: #000;
            text-align: center;
            line-height: 15px;
        }

.productLandingLeftGo, .productLandingLeftReset {
    width: 45%;
    height: 38px;
    margin: 5px 0px 15px 0px;
    border: none;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .productLandingLeftGo:hover, .productLandingLeftReset:hover {
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.productLandingLeftGo {
    background: #e31e24;
    float: left;
}

.productLandingLeftReset {
    background: #424242;
    float: right;
}

.productLandingLeftGo:hover {
    background: #424242;
}

.productLandingLeftReset:hover {
    background: #e31e24;
}

.productLandingLeftCats {
    width: 90%;
    float: left;
    margin: 25px 5% 0px 5%;
}

    .productLandingLeftCats p {
        width: 50%;
        float: left;
        text-align: left;
        margin: 0px 0px 20px 0px;
    }

        .productLandingLeftCats p label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            float: left;
            padding: 0px;
            margin: 0px 0px 0px 22px;
            font-size: 14px;
            font-family: 'RobotoRegular';
            text-align: left color:#424242;
            font-weight: normal;
            text-transform: uppercase;
        }

        .productLandingLeftCats p input[type=checkbox] {
            display: none;
        }

        .productLandingLeftCats p label:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: -22px;
            bottom: 0px;
            float: left;
            width: 18px;
            height: 18px;
            margin: 0px;
            padding: 0px;
            background-color: #fff;
            box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .7), 0px 1px 0px 0px rgba(255, 255, 255, .7);
        }

        .productLandingLeftCats p input[type=checkbox]:checked + label:before {
            content: "\2713";
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
            font-size: 14px;
            color: #000;
            text-align: center;
            line-height: 15px;
        }

/* productLandingRight */
.productLandingRight {
    height: auto;
    width: 69.5%;
    float: left;
    border: solid 1px #bebebe;
    box-sizing: border-box;
}

.productLandingRightLoder {
    width: 100%;
    float: left;
    margin: 20px 0px 40px 0px;
    padding: 0px;
    text-align: center;
}

    .productLandingRightLoder img {
        width: auto;
        float: none;
        margin: 0px auto;
    }

    .productLandingRightLoder p {
        width: 100%;
        float: left;
        margin: 10px 0px 0px 0px;
        text-align: center;
        line-height: 20px;
        font-size: 12px;
        color: #F00;
        font-family: 'RobotoLight';
    }

.productLandingRightMsg {
    display: none;
    height: auto;
    width: 100%;
    padding: 100px 0px 200px 0px;
    float: left;
    text-align: center;
    line-height: 30px;
    font-size: 30px;
    color: #FFF;
    font-family: 'RobotoRegular';
}

.productLandingRightHELPLINE {
    display: none;
    background: #000;
    width: 100%;
    float: left;
    clear: both;
}

    .productLandingRightHELPLINE img {
        width: 36px;
        float: left;
    }

    .productLandingRightHELPLINE p {
        width: auto;
        float: left;
        margin-left: 5px;
        text-align: left;
        line-height: 42px;
        font-size: 15px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        text-indent: 0px;
    }
	.productLandingRightHELPLINE p a{
	font-size: 15px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-transform: uppercase; text-decoration:none	
		}

.productLandingRight ul {
    height: auto;
    width: 100%;
    float: left;
}

    .productLandingRight ul li {
        height: auto;
        width: 92%;
        float: left;
        padding: 5px 4% 5px 4%;
        border-bottom: solid 1px #bebebe;
    }

        .productLandingRight ul li:last-child {
            border-bottom: none;
        }

        .productLandingRight ul li img {
            width: 54%;
            float: left;
            margin: 0px;
            padding: 0px;
        }

        .productLandingRight ul li span {
            width: 50px;
            height: 50px;
            float: left;
            margin: 0px 0px 0px -50px;
            padding: 0px;
            background: url(../images/new_icon.png) no-repeat left top;
            background-size: cover;
        }

        .productLandingRight ul li div {
            width: 38%;
            float: right;
            margin: 90px 0% 0px 0%;
        }

            .productLandingRight ul li div h2 {
                width: 100%;
                float: left;
                text-align: center;
                line-height: 22px;
                font-size: 18px;
                color: #424242;
                font-family: 'RobotoRegular';
                text-transform: uppercase;
            }

            .productLandingRight ul li div p {
                width: 100%;
                float: left;
                margin: 8px 0px 10px 0px;
                text-align: center;
                line-height: 18px;
                font-size: 15px;
                color: #676767;
                font-family: 'RobotoRegular';
                text-transform: uppercase;
            }

            .productLandingRight ul li div .h3viewdetail {
                float: none;
                width: 150px;
                margin: 0px auto;
            }

                .productLandingRight ul li div .h3viewdetail a {
                    width: 100%;
                    float: left;
                    height: 35px;
                    background: #d60b0d;
                    text-align: center;
                    line-height: 35px;
                    font-size: 12px;
                    color: #FFF;
                    font-family: 'RobotoRegular';
                    text-decoration: none;
                    text-transform: uppercase;
                    -ms-transition: all 0.5s ease;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                    .productLandingRight ul li div .h3viewdetail a:hover {
                        background: #212121;
                        -ms-transition: all 0.5s ease;
                        -webkit-transition: all 0.5s ease;
                        -moz-transition: all 0.5s ease;
                        -o-transition: all 0.5s ease;
                        transition: all 0.5s ease;
                    }









/* #################################  productDetail ################################# */
.productDetail {
    height: auto;
    float: left;
    width: 96%;
    padding: 20px 2% 70px 2%;
    margin: 0px;
}

ul.productDetailLeft {
    padding: 0px;
    margin: 0px 0px 0px 0px;
    width: auto;
    height: auto;
    float: left;
    list-style: none;
    background: #fff;
}

    ul.productDetailLeft li {
        background: #525252;
        position: relative;
        float: left;
        width: auto;
        min-width: 170px;
        height: 40px;
        margin: 0px 15px 0px 0;
        padding: 0px 25px;
        cursor: pointer;
        overflow: hidden;
        line-height: 40px;
        font-size: 20px;
        color: #fff;
        font-family: 'RobotoLight';
        text-transform: uppercase;
        text-align: center;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        ul.productDetailLeft li:hover, ul.productDetailLeft li.productDetailLeftActive {
            background: #e31e24;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }
.Space input[type="radio"] {vertical-align: middle; margin-top: -1px;}

.productDetailRight {
    clear: both;
    float: left;
    width: 100%;
    overflow: auto;
}

.productDetailRightHeading {
    display: none;
    background: #000 url(../images/tb1.png) no-repeat;
    background-position: right 10px top 10px;
    position: relative;
    float: left;
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 0px;
    overflow: hidden;
    line-height: 36px;
    font-size: 16px;
    color: #fff;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-align: left;
    text-indent: 20px;
    cursor: pointer;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.productDetailRightActive {
    cursor: auto;
    background: #e31e24 url(../images/tb2.png) no-repeat;
    background-position: right 10px top 9px;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.productDetailRightInside {
    display: none;
    clear: both;
    float: left;
    width: 100%;
    margin: 0px;
    border: solid 15px #dddddd;
    box-sizing: border-box;
}

/* ------------------------- backlink  ------------------------- */
.pdBackLink {
    display: none;
    background: url(../images/backlink.png) no-repeat left 2px;
    margin: 0px;
    padding: 0px 0px 0px 11px;
    width: auto;
    float: left;
    height: auto;
    text-align: left;
    line-height: 14px;
    font-size: 12px;
    font-family: 'RobotoRegular';
    color: #424242;
    text-decoration: none;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .pdBackLink:hover {
        color: #d90e11;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

/* ------------------------- downloadCatlog  ------------------------- */
.downloadCatlog {
    width: auto;
    margin: 3px 0px 0px 0px;
    float: right;
}

    .downloadCatlog a {
        background: url(../images/downloadCatlog1.png) no-repeat right top;
        margin: 0px;
        padding-right: 30px;
        width: auto;
        float: left;
        height: auto;
        text-align: left;
        line-height: 26px;
        font-size: 14px;
        font-family: 'RobotoRegular';
        color: #000000;
        text-decoration: none;
        text-transform: uppercase;
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

        .downloadCatlog a:hover {
            background: url(../images/downloadCatlog2.png) no-repeat right top;
            color: #d90e11;
            -ms-transition: all 0.5s ease;
            -webkit-transition: all 0.5s ease;
            -moz-transition: all 0.5s ease;
            -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
        }


/* ------------------------- productDetailMobile  ------------------------- */
.productDetailMobile {
    display: none;
    height: auto;
    float: left;
    width: 100%;
    padding: 0px 0px 10px 0px;
    margin: 0px;
    text-align: center;
}

    .productDetailMobile h1 {
        width: 50%;
        float: left;
        margin: 60px 0px 0px 0px;
        text-align: center;
        line-height: 18px;
        font-size: 17px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
    }

    .productDetailMobile img {
        width: 45%;
        float: right;
        margin: 0px;
        padding: 0px;
    }

    .productDetailMobile h2 {
        width: 50%;
        float: left;
        margin: 40px 0px 0px 0px;
        text-align: center;
        line-height: 16px;
        font-size: 16px;
        color: #424242;
        font-family: 'RobotoLight';
    }

    .productDetailMobile h3 {
        width: 50%;
        float: left;
        margin: 8px 0px 0px 0px;
        text-align: center;
        line-height: 14px;
        font-size: 14px;
        color: #999;
        font-family: 'RobotoLight';
    }

/* ------------------------- HELPLINE  ------------------------- */
.productDetailRightHELPLINE {
    display: none;
    background: #000;
    width: 100%;
    float: left;
    clear: both;
    margin-top: 10px;
}

    .productDetailRightHELPLINE img {
        width: 36px;
        float: left;
    }

    .productDetailRightHELPLINE h4 {
        width: auto;
        float: left;
        margin-left: 5px;
        text-align: left;
        line-height: 42px;
        font-size: 15px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        text-indent: 0px;
    }
		.productDetailRightHELPLINE h4 a{
	font-size: 15px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-transform: uppercase; text-decoration:none	
		}

/* ------------------------- description  ------------------------- */
.SPIC_description {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    background: #FFF;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
}
    /*
.SPIC_description h1 { display:none; width:100%; float:left; margin:25px 0px 30px 0px; text-align:center;  line-height:30px; font-size:30px; color:#424242; font-family:'RobotoBold'; text-transform:uppercase;  }
.SPIC_description h2 { width:80%; float:left; margin:0px 5% 20px 5%; text-align:justify; line-height:30px; font-size:20px; color:#424242; font-family:'RobotoLight'; }
.SPIC_description h2 img { width:85px; height:85px; float:left; margin:-10px 20px 10px 0px; }
.SPIC_description div { background:#dddddd; float:left; width:100%; margin:0px 0px 40px 0px; padding:30px 0px 30px 0px; }
.SPIC_description div h5 { width:40%; float:left; margin:30px 0px 0px 7%; text-align:justify; line-height:36px; font-size:24px; color:#424242; font-family:'RobotoLight'; }
.SPIC_description div img { width:30%; height:auto; float:right; margin:0px 5% 0px 0px; }
.SPIC_description div h6 { width:30%; float:right; clear:right; margin:20px 5% 0px 0px; text-align:center; line-height:30px; font-size:20px; color:#424242; font-family:'RobotoLight'; font-weight:bold; }
.SPIC_description div h6 small { font-weight:lighter; }
*/
    .SPIC_description h4 {
        display: none;
    }

    .SPIC_description div {
        background: #dddddd;
        float: left;
        width: 100%;
        margin: 0px 0px 40px 0px;
        padding: 30px 0px 30px 0px;
    }

        .SPIC_description div h2.SPIC_description_h2left {
            width: 40%;
            float: left;
            margin: 30px 0px 0px 7%;
            text-align: justify;
            line-height: 36px;
            font-size: 24px;
            color: #424242;
            font-family: 'RobotoLight';
        }

        .SPIC_description div img {
            width: 30%;
            height: auto;
            float: right;
            margin: 0px 5% 0px 0px;
        }

        .SPIC_description div h2.SPIC_description_h2bottom {
            width: 30%;
            float: right;
            clear: right;
            margin: 20px 5% 0px 0px;
            text-align: center;
            line-height: 30px;
            font-size: 20px;
            color: #424242;
            font-family: 'RobotoLight';
            font-weight: bold;
        }

            .SPIC_description div h2.SPIC_description_h2bottom small {
                font-weight: lighter;
            }

    .SPIC_description h3 {
        width: 80%;
        float: left;
        margin: 0px 5% 20px 5%;
        text-align: justify;
        line-height: 30px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
    }

        .SPIC_description h3 img {
            width: 85px;
            height: 85px;
            float: left;
            margin: -10px 20px 10px 0px;
        }






/* ducted description */
.ducted-description {
    background: none !important;
}

    .ducted-description ul {
        width: 50%;
        float: left;
        margin-top: 23px;
    }

        .ducted-description ul li {
            margin: 30px 0px 0px 7%;
            text-align: justify;
            line-height: 36px;
            font-size: 24px;
            color: #424242;
            font-family: 'RobotoLight';
            background: url(../images/bullet.jpg) no-repeat 0% 16px;
            padding-left: 20px;
        }

/* vrf description & feature */
.SPIC_description_vrf {
    width: 96%;
    float: left;
    margin: 20px 2% 30px 2%;
}

.vrf-description {
    background: none;
    width: 56%;
    float: left;
    margin: 0px;
    padding: 0px;
}

    .vrf-description ul {
        margin: 0px;
        padding: 0px;
    }

        .vrf-description ul li {
            margin: 20px 0px 0px 25px;
            padding-left: 20px;
            text-align: justify;
            line-height: 36px;
            font-size: 24px;
            color: #424242;
            font-family: 'RobotoLight';
            background: url(../images/bullet.jpg) no-repeat 0% 16px;
        }

    .vrf-description h5 {
        width: 95%;
        float: left;
        background: none;
        margin: 30px 0px 0px 5%;
        padding: 0;
        line-height: 36px;
        font-size: 24px;
        color: #424242;
        font-family: 'RobotoBold';
    }

    .vrf-description h6 {
        width: 90%;
        float: left;
        background: none;
        margin: 10px 0px 0px 10%;
        padding: 0;
        line-height: 36px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
    }

.vrf-descriptionRight {
    background: none;
    width: 40%;
    float: right;
    margin: 0px;
    padding: 0px;
    text-align: center;
}

    .vrf-descriptionRight img {
        width: auto;
        max-width: 90%;
        height: auto;
        float: none;
        margin: 0px auto;
    }

    .vrf-descriptionRight h6 {
        width: 100%;
        float: left;
        clear: both;
        margin: 20px 0px 10px 0px;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: bold;
    }

/* ------------------------- features  ------------------------- */
.SPIC_features {
    width: 90%;
    height: auto;
    clear: both;
    float: left;
    background: #FFF;
    margin: 0px 0px 0px 0px;
    padding: 50px 5% 60px 5%;
}

.SPIC_descriptionLeft {
    float: left;
    width: 45%;
}

    .SPIC_descriptionLeft h4.seofeaturestag {
        width: auto;
        max-width: 75%;
        float: left;
        clear: right;
        text-align: justify;
        line-height: 30px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
    }

        .SPIC_descriptionLeft h4.seofeaturestag strong {
            font-weight: bold;
        }

    .SPIC_descriptionLeft img { /* width:95px; */
        margin-right: 25px;
        float: left;
        clear: left;
    }

    .SPIC_descriptionLeft hr {
        width: 100%;
        height: 40px;
        float: left;
        margin: 0px;
        padding: 0px;
        border: none;
    }

.SPIC_descriptionRight {
    float: right;
    width: 45%;
}

    .SPIC_descriptionRight img {
        width: 80%;
        float: right;
        margin: 0px 10%;
    }

    .SPIC_descriptionRight h6, .SPIC_descriptionRight h2.SPIC_h2_features {
        width: 100%;
        float: right;
        clear: right;
        margin: 20px 0px 0px 0px;
        text-align: center;
        line-height: 30px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: bold;
    }

        .SPIC_descriptionRight h6 small, .SPIC_descriptionRight h2.SPIC_h2_features small {
            font-weight: lighter;
        }


/* ------------------------- specifications  ------------------------- */
.SPIC_specifications {
    width: 90%;
    height: auto;
    clear: both;
    float: left;
    background: #FFF;
    margin: 25px 5% 40px 5%;
}

    .SPIC_specifications img {
        width: 40%;
        float: right;
    }

    .SPIC_specifications h6 {
        width: 45%;
        float: left;
        margin: 40px 0px 0px 0px;
        text-align: left;
        line-height: 35px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: bold;
    }

        .SPIC_specifications h6 small {
            font-weight: lighter;
        }

    .SPIC_specifications h5 {
        z-index: 999;
        position: relative;
        background: #e31e24;
        float: left;
        clear: both;
        width: 310px;
        height: 46px;
        margin: 40px 0px -22px 75px;
        padding: 0px;
        text-align: center;
        line-height: 46px;
        font-size: 24px;
        color: #fff;
        font-family: 'RobotoLight';
        border-radius: 15px;
    }

        .SPIC_specifications h5:nth-child(1) {
            margin-top: 10px;
        }

        .SPIC_specifications h3.seoheadtag, .SPIC_specifications h5.SPIC_h5_specification {
            z-index: 999;
            position: relative;
            background: #e31e24;
            float: left;
            clear: both;
            width: 310px;
            height: 46px;
            margin: 40px 0px -22px 75px;
            padding: 0px;
            text-align: center;
            line-height: 46px;
            font-size: 24px;
            color: #fff;
            font-family: 'RobotoLight';
            border-radius: 15px;
        }

            .SPIC_specifications h3.seoheadtag:nth-child(1) {
                margin-top: 10px;
            }

    .SPIC_specifications p {
        width: 95%;
        float: right;
        clear: both;
        margin: 10px 5% -50px 0px;
        text-align: right;
        line-height: 35px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        font-weight: normal;
    }

        .SPIC_specifications p strong {
            font-weight: bold;
        }

        .SPIC_specifications p span {
            width: auto;
            min-width: 120px;
            float: right;
        }

.split-indoor-unit {
    width: 100%;
    margin: 0px 0px 10px 0px;
    float: right;
    text-align: right;
    line-height: 22px;
    font-size: 22px;
    font-family: 'RobotoLight';
}

    .split-indoor-unit span {
        font-weight: bold;
    }

.SPIC_specifications table {
    width: 100%;
    float: left;
    border: solid 1px #a8a8a8;
    border-collapse: collapse;
}

    .SPIC_specifications table tr:nth-child(1) th {
        padding-top: 50px;
    }

.SPIC_specifications th, .SPIC_specifications td {
    border: 1px solid #a8a8a8;
    padding: 24px 0px 3px 0px;
    text-align: left;
    vertical-align: bottom;
    line-height: 20px;
    font-size: 16px;
    color: #424242;
    font-family: 'RobotoLight';
}

.SPIC_specifications table tr th sup, .SPIC_specifications table tr td sup {
    vertical-align: super;
    font-size: 90%;
}

.SPIC_specifications th {
    padding-top: 35px;
}

.SPIC_specifications table tr th:nth-child(1), .SPIC_specifications table tr td:nth-child(1) {
    width: 32%;
    padding-left: 90px;
}

.SPIC_specifications table tr th:nth-child(2), .SPIC_specifications table tr td:nth-child(2) {
    width: 24%;
    padding-left: 25px;
    background: #bebebe;
}

.SPIC_specifications table tr th:nth-child(3), .SPIC_specifications table tr td:nth-child(3) {
    padding-left: 200px;
}

.SPIC_specifications table.spinST1 tr th:nth-child(1), .SPIC_specifications table.spinST1 tr td:nth-child(1) {
    width: 32%;
    padding-left: 90px;
}

.SPIC_specifications table.spinST1 tr th:nth-child(2), .SPIC_specifications table.spinST1 tr td:nth-child(2) {
    width: 8%;
    padding-left: 20px;
    background: #bebebe;
}

.SPIC_specifications table.spinST1 tr th:nth-child(3), .SPIC_specifications table.spinST1 tr td:nth-child(3) {
    width: 16%;
    padding-left: 20px;
    background: #bebebe;
}

.SPIC_specifications table.spinST1 tr th:nth-child(4), .SPIC_specifications table.spinST1 tr td:nth-child(4) {
    padding-left: 200px;
}

.SPIC_specifications table.spinST0 tr th:nth-child(1), .SPIC_specifications table.spinST0 tr td:nth-child(1) {
    width: 32%;
    padding-left: 90px;
}

.SPIC_specifications table.spinST0 tr th:nth-child(2), .SPIC_specifications table.spinST0 tr td:nth-child(2) {
    width: 14%;
    padding-left: 20px;
    background: #bebebe;
}

.SPIC_specifications table.spinST0 tr th:nth-child(3), .SPIC_specifications table.spinST0 tr td:nth-child(3) {
    width: 10%;
    padding-left: 20px;
    background: #bebebe;
}

.SPIC_specifications table.spinST0 tr th:nth-child(4), .SPIC_specifications table.spinST0 tr td:nth-child(4) {
    padding-left: 200px;
}

.SPIC_specifications table .noBB {
    border-bottom: solid 1px #FFF;
}

.SPIC_specifications table .noBB2 {
    border-bottom: solid 1px #bebebe;
}

.SPIC_specifications table .textCenter {
    text-align: center !important;
}

.SPIC_specifications table .textTopT {
    vertical-align: top !important;
    padding-top: 0px !important;
}

.SPIC_specifications table.spinST2 tr td:nth-child(1) {
    width: 32%;
    padding-left: 90px;
    vertical-align: bottom;
}

.SPIC_specifications table.spinST2 tr td:nth-child(2) {
    padding-left: 25px;
    width: auto;
}

.SPIC_specifications table.spinST2 tr td:nth-child(3) {
    padding-left: 25px;
    width: auto;
}

.SPIC_specifications table.spinST2 tr td:nth-child(4) {
    width: 40%;
    padding-left: 200px;
}

table.SPIC_specifications1 {
    width: 100%;
    float: left;
    border: solid 1px #a8a8a8;
    border-collapse: collapse;
}

    table.SPIC_specifications1 tr th:nth-child(1), table.SPIC_specifications1 tr td:nth-child(1) {
        width: 32%;
        padding-left: 100px;
        vertical-align: bottom;
    }

    table.SPIC_specifications1 tr th:nth-child(2), table.SPIC_specifications1 tr td:nth-child(2) {
        width: 10%;
        padding-left: 30px;
        background: #bebebe;
        vertical-align: middle;
    }

    table.SPIC_specifications1 tr th:nth-child(3), table.SPIC_specifications1 tr td:nth-child(3) {
        width: 10%;
        padding-left: 30px;
        background: #bebebe;
    }

    table.SPIC_specifications1 tr th:nth-child(4), table.SPIC_specifications1 tr td:nth-child(4) {
        padding-left: 250px;
    }

    table.SPIC_specifications1 tr td.SPIC_specifications2 {
        width: 10%;
        padding-left: 30px;
        background: #bebebe;
    }

    table.SPIC_specifications1 tr td.SPIC_specifications3 {
        width: auto;
        background: #fff;
        padding-left: 250px;
    }


/* ------------------------- remoteController  ------------------------- */
.SPIC_remoteController {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    background: #ddd;
    margin: 0px;
}

.SPIC_rc_topLeft {
    float: left;
    width: 43%;
    margin-left: 5%;
}

    .SPIC_rc_topLeft h1, .SPIC_rc_topLeft h3.SPIC_rc_topLeft_h3 {
        width: 100%;
        float: left;
        margin: 50px 0px 20px 0px;
        text-align: left;
        line-height: 26px;
        font-size: 22px;
        color: #000;
        font-family: 'RobotoLight';
        font-weight: bold;
    }

    .SPIC_rc_topLeft p {
        width: 100%;
        float: left;
        text-align: justify;
        line-height: 26px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
    }

.SPIC_rc_topRight {
    float: right;
    margin-right: 3%;
    width: 500px;
    height: 500px;
    background: url(../images/RemoteControllerBg.png) no-repeat center top;
    background-size: 100% 100%;
    text-align: center;
}

    .SPIC_rc_topRight img {
        float: none;
        margin: 30px auto 0px auto;
    }

    .SPIC_rc_topRight h2 {
        width: 100%;
        float: left;
        line-height: 26px;
        font-size: 20px;
        color: #424242;
        font-family: 'RobotoLight';
        text-transform: uppercase;
    }

.SPIC_rc_bottom {
    float: left;
    width: 100%;
    margin: 35px 0px 0px 0px;
    padding: 15px 0px 0px 0px;
    background: #dddddd;
}

    .SPIC_rc_bottom p, .SPIC_rc_bottom h6.SPIC_rc_bottom_h6 {
        clear: left;
        width: 40%;
        margin: 70px 0px 0px 5%;
        float: left;
        text-align: justify;
        line-height: 26px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
    }

        .SPIC_rc_bottom p strong, .SPIC_rc_bottom h6.SPIC_rc_bottom_h6 strong {
            font-size: 22px;
            font-weight: bold;
        }

    .SPIC_rc_bottom img {
        float: right;
        margin: 0px;
        width: auto;
        max-width: 45%;
    }

.spilts-number {
    right: 330px;
    position: absolute;
    margin-top: 20px;
    line-height: 26px;
    font-size: 20px;
    color: #424242;
    font-family: 'RobotoLight';
    text-transform: uppercase;
}

img.splits-remote1 {
    float: left;
    margin-top: 50px;
    margin-left: 5%;
}

img.splits-remote2 {
    float: right;
    margin-top: 50px;
    margin-right: 17%;
}

.SPIC_rc_bottom2 {
    float: left;
    width: 100%;
    margin: 35px 0px 0px 0px;
    padding: 15px 0px 10px 0px;
    background: #dddddd;
    text-align: center;
}

    .SPIC_rc_bottom2 img {
        float: none;
        margin: 0px auto;
        max-width: 100%;
    }

.spicRC3_box {
    width: 94%;
    float: left;
    border-bottom: solid 1px #dddddd;
    padding: 15px 3% 10px 3%;
}

    .spicRC3_box img {
        float: left;
        margin: 0px 30px 0px 0px;
        width: 200px;
    }

    .spicRC3_box p {
        width: 80%;
        float: left;
        line-height: 26px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
        text-align: justify;
    }

    .spicRC3_box ul {
        width: 80%;
        float: left;
        margin-top: 10px;
    }

        .spicRC3_box ul li {
            list-style: disc;
            margin: 0px 0px 3px 20px;
            line-height: 26px;
            font-size: 18px;
            color: #424242;
            font-family: 'RobotoLight';
        }

            .spicRC3_box ul li:nth-child(1) {
                list-style: none;
                margin: 10px 0px 10px 0px;
            }

.spicRC3_botm {
    width: 94%;
    float: left;
    padding: 15px 3% 10px 3%;
}

.spicRC3_botm1 {
    width: 49%;
    float: left;
}

.spicRC3_botm2 {
    width: 49%;
    float: right;
}

.spicRC3_botm img {
    float: left;
    margin: 0px 20px 0px 0px;
    width: 200px;
}

.spicRC3_botm ul {
    width: 60%;
    float: left;
    margin-top: 10px;
}

    .spicRC3_botm ul li {
        list-style: disc;
        margin: 0px 0px 3px 20px;
        line-height: 26px;
        font-size: 18px;
        color: #424242;
        font-family: 'RobotoLight';
    }

.spicRC3_midel {
    width: 94%;
    float: right;
    padding: 15px 3% 10px 3%;
    border-bottom: solid 1px #dddddd;
    background: #fff url(../images/RemoteController3_bg.jpg) repeat-y right top;
}

.spicRC3_midel_left {
    width: 49%;
    float: left;
}

    .spicRC3_midel_left aside {
        width: 100%;
        float: left;
        border-top: solid 1px #dddddd;
        padding: 15px 0px 10px 0px;
    }

        .spicRC3_midel_left aside:nth-child(1) {
            border-top: none;
        }

        .spicRC3_midel_left aside img {
            float: left;
            margin: 0px 20px 0px 0px;
            width: 200px;
        }

        .spicRC3_midel_left aside p {
            width: 66%;
            float: left;
            line-height: 26px;
            font-size: 18px;
            color: #424242;
            font-family: 'RobotoLight';
            text-align: justify;
        }

        .spicRC3_midel_left aside ul {
            width: 66%;
            float: left;
            margin-top: 10px;
        }

            .spicRC3_midel_left aside ul li {
                list-style: disc;
                margin: 0px 0px 3px 20px;
                line-height: 26px;
                font-size: 18px;
                color: #424242;
                font-family: 'RobotoLight';
            }

                .spicRC3_midel_left aside ul li ul {
                    width: 100%;
                    float: left;
                    margin: 0px 0px 10px 0px;
                }

                    .spicRC3_midel_left aside ul li ul li {
                        list-style: circle;
                        margin: 0px 0px 3px 20px;
                    }

.spicRC3_midel_right {
    width: 49%;
    float: right;
    margin-top: 15px;
}

    .spicRC3_midel_right aside {
        width: 100%;
        float: left;
        padding: 0px 0px 20px 0px;
    }

        .spicRC3_midel_right aside img {
            float: left;
            margin: 0px 20px 0px 0px;
            width: 200px;
        }

        .spicRC3_midel_right aside p, .spicRC3_midel_right aside h2 {
            width: 66%;
            float: left;
            line-height: 26px;
            font-size: 18px;
            color: #424242;
            font-family: 'RobotoLight';
            text-align: justify;
        }

        .spicRC3_midel_right aside h2 {
            margin-top: 30px;
        }

        .spicRC3_midel_right aside ul {
            width: 66%;
            float: left;
            margin-top: 10px;
        }

            .spicRC3_midel_right aside ul li {
                list-style: disc;
                margin: 0px 0px 3px 20px;
                line-height: 26px;
                font-size: 18px;
                color: #424242;
                font-family: 'RobotoLight';
            }

                .spicRC3_midel_right aside ul li ul {
                    width: 100%;
                    float: left;
                    margin: 0px 0px 10px 0px;
                }

                    .spicRC3_midel_right aside ul li ul li {
                        list-style: circle;
                        margin: 0px 0px 3px 20px;
                    }




























/* #################################  splitsProducts ################################# */
.splitsProducts {
    height: auto;
    float: left;
    width: 90%;
    padding: 30px 5% 70px 5%;
}

/* splitProdLeft */
.splitProdLeft {
    height: auto;
    width: 30%;
    float: left;
    border-left: solid 1px #bebebe;
}

.splHead {
    background: #000;
    width: 100%;
    float: left;
    clear: both;
}

    .splHead img {
        width: 36px;
        float: left;
    }

    .splHead p {
        width: auto;
        float: left;
        margin-left: 5px;
        text-align: left;
        line-height: 42px;
        font-size: 15px;
        color: #fff;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        text-indent: 0px;
    }

.splClear {
    background: #bebebe;
    width: 100%;
    float: left;
    height: 1px;
    font-size: 0px;
    line-height: 0px;
}

.splRating {
    width: 90%;
    float: left;
    margin: 15px 5% 15px 5%;
}

    .splRating .splStar {
        width: 53px;
        height: 50px;
        clear: left;
        float: left;
        margin: 2px 12px 0px 0px;
        background: url(../images/star_icon.png) no-repeat left top;
    }

    .splRating p {
        width: auto;
        height: auto;
        clear: right;
        float: left;
        margin: 0px;
        text-align: left;
        text-indent: 0px;
        line-height: 20px;
        font-size: 14px;
        color: #424242;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        font-weight: bold;
    }

    .splRating .splStarIcon {
        width: 24px;
        height: 24px;
        float: left;
        margin: 7px 5px 0px 0px;
    }

.splHeading {
    width: 90%;
    float: left;
    clear: both;
    margin: 15px 5% 0px 5%;
    text-align: left;
    line-height: 22px;
    font-size: 14px;
    color: #424242;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    text-indent: 0px;
    font-weight: bold;
}

.splDiv {
    width: 90%;
    float: left;
    margin: 15px 5% 5px 5%;
}

    .splDiv label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        clear: right;
        width: 90%;
        padding: 0px 15px 0px 25px;
        margin: 8px 0px 12px 0px;
        font-size: 14px;
        font-family: 'RobotoRegular';
        text-transform: uppercase;
        color: #424242;
        font-weight: normal;
    }

    .splDiv input[type=checkbox] {
        display: none;
    }

    .splDiv label:before {
        content: "";
        display: inline-block;
        width: 18px;
        height: 18px;
        margin-right: 10px;
        position: absolute;
        left: 0px;
        bottom: 0px;
        background-color: #fff;
        box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .7), 0px 1px 0px 0px rgba(255, 255, 255, .7);
    }

    .splDiv input[type=checkbox]:checked + label:before {
        content: "\2713";
        text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
        font-size: 14px;
        color: #000;
        text-align: center;
        line-height: 15px;
    }

.splTons {
    width: 90%;
    float: left;
    margin: 15px 5% 5px 5%;
}

    .splTons p {
        width: 25%;
        float: left;
        text-align: left;
        margin: 0px 0px 15px 0px;
    }

        .splTons p label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            float: left;
            padding: 0px;
            margin: 0px 0px 0px 22px;
            font-size: 14px;
            font-family: 'RobotoRegular';
            text-align: left color:#424242;
            font-weight: normal;
        }

        .splTons p input[type=checkbox] {
            display: none;
        }

        .splTons p label:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: -22px;
            bottom: 0px;
            float: left;
            width: 18px;
            height: 18px;
            margin: 0px;
            padding: 0px;
            background-color: #fff;
            box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .7), 0px 1px 0px 0px rgba(255, 255, 255, .7);
        }

        .splTons p input[type=checkbox]:checked + label:before {
            content: "\2713";
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
            font-size: 14px;
            color: #000;
            text-align: center;
            line-height: 15px;
        }

.splGo, .splReset {
    width: 45%;
    height: 38px;
    margin: 5px 0px 15px 0px;
    border: none;
    text-align: center;
    line-height: 35px;
    font-size: 14px;
    color: #fff;
    font-family: 'RobotoRegular';
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
    -ms-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

    .splGo:hover, .splReset:hover {
        -ms-transition: all 0.5s ease;
        -webkit-transition: all 0.5s ease;
        -moz-transition: all 0.5s ease;
        -o-transition: all 0.5s ease;
        transition: all 0.5s ease;
    }

.splGo {
    background: #e31e24;
    float: left;
}

.splReset {
    background: #424242;
    float: right;
}

.splGo:hover {
    background: #424242;
}

.splReset:hover {
    background: #e31e24;
}

.splCats {
    width: 90%;
    float: left;
    margin: 25px 5% 0px 5%;
}

    .splCats p {
        width: 50%;
        float: left;
        text-align: left;
        margin: 0px 0px 20px 0px;
    }

        .splCats p label {
            display: inline-block;
            cursor: pointer;
            position: relative;
            float: left;
            padding: 0px;
            margin: 0px 0px 0px 22px;
            font-size: 14px;
            font-family: 'RobotoRegular';
            text-align: left color:#424242;
            font-weight: normal;
            text-transform: uppercase;
        }

        .splCats p input[type=checkbox] {
            display: none;
        }

        .splCats p label:before {
            content: "";
            display: inline-block;
            position: absolute;
            left: -22px;
            bottom: 0px;
            float: left;
            width: 18px;
            height: 18px;
            margin: 0px;
            padding: 0px;
            background-color: #fff;
            box-shadow: inset 0px 0px 1px 1px rgba(0, 0, 0, .7), 0px 1px 0px 0px rgba(255, 255, 255, .7);
        }

        .splCats p input[type=checkbox]:checked + label:before {
            content: "\2713";
            text-shadow: 1px 1px 1px rgba(0, 0, 0, 1);
            font-size: 14px;
            color: #000;
            text-align: center;
            line-height: 15px;
        }


/* splitProdRight */
.splitProdRight {
    height: auto;
    width: 69.5%;
    float: left;
    border: solid 1px #bebebe;
    border-bottom: none;
}

.splitProdCenter { /* VRF only */
    margin: 0px 15% 0px 15%;
}

.spr_msg {
    height: auto;
    width: 100%;
    padding: 200px 0px 400px 0px;
    float: left;
    border-bottom: solid 1px #bebebe;
    text-align: center;
    line-height: 36px;
    font-size: 36px;
    color: #FFF;
    font-family: 'RobotoRegular';
}

.splitProdRight ul {
    height: auto;
    width: 100%;
    float: left;
}

    .splitProdRight ul li {
        height: auto;
        width: 92%;
        float: left;
        padding: 5px 4% 5px 4%;
        border-bottom: solid 1px #bebebe;
    }

        .splitProdRight ul li img {
            width: 54%;
            float: left;
            margin: 0px;
            padding: 0px;
        }

        .splitProdRight ul li span {
            width: 50px;
            height: 50px;
            float: left;
            margin: 0px 0px 0px -50px;
            padding: 0px;
            background: url(../images/new_icon.png) no-repeat left top;
            background-size: cover;
        }

        .splitProdRight ul li div {
            width: 38%;
            float: right;
            margin: 90px 0% 0px 0%;
        }

            .splitProdRight ul li div h1 {
                width: 100%;
                float: left;
                text-align: center;
                line-height: 22px;
                font-size: 18px;
                color: #424242;
                font-family: 'RobotoRegular';
                text-transform: uppercase;
            }

            .splitProdRight ul li div p {
                width: 100%;
                float: left;
                margin: 8px 0px 10px 0px;
                text-align: center;
                line-height: 18px;
                font-size: 15px;
                color: #676767;
                font-family: 'RobotoRegular';
                text-transform: uppercase;
            }

            .splitProdRight ul li div h2 {
                float: none;
                width: 150px;
                margin: 0px auto;
            }

                .splitProdRight ul li div h2 a {
                    width: 100%;
                    float: left;
                    height: 35px;
                    background: #d60b0d;
                    text-align: center;
                    line-height: 35px;
                    font-size: 12px;
                    color: #FFF;
                    font-family: 'RobotoRegular';
                    text-decoration: none;
                    text-transform: uppercase;
                    -ms-transition: all 0.5s ease;
                    -webkit-transition: all 0.5s ease;
                    -moz-transition: all 0.5s ease;
                    -o-transition: all 0.5s ease;
                    transition: all 0.5s ease;
                }

                    .splitProdRight ul li div h2 a:hover {
                        background: #212121;
                        -ms-transition: all 0.5s ease;
                        -webkit-transition: all 0.5s ease;
                        -moz-transition: all 0.5s ease;
                        -o-transition: all 0.5s ease;
                        transition: all 0.5s ease;
                    }




/* ########################### Social Share button - addtoany ########################### */
.share_addtoany_holder {
    z-index: 9999;
    position: fixed;
    left: 0;
    bottom: 15%;
    height: 36px;
    width: auto;
    padding: 6px;
    background: #413d3e;
    overflow: hidden;
}

.share_addtoany {
    float: left;
    height: 36px;
    width: 36px;
    padding: 0px;
    margin: 0px;
    background: url(../images/shareIcon.png) no-repeat right top;
    cursor: pointer;
    overflow: hidden;
    transition: width 1s ease;
}

    .share_addtoany:hover {
        width: 230px;
        transition: width 1s ease;
    }

.a2a_default_style {
    float: left;
    width: 0px;
    height: 35px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    transition: width 1s ease 0s;
}

.share_addtoany:hover .a2a_default_style {
    width: auto;
    transition: width 1s ease 0s;
}

.share_addtoany .a2a_default_style a {
    float: left;
    width: auto;
    height: 35px;
    margin: 0px 5px 0px 0px;
    padding: 0px;
    line-height: 20px;
    text-decoration: none;
    opacity: 0;
    transition: opacity 1s ease 0s;
}

.share_addtoany:hover .a2a_default_style a {
    opacity: 1;
    transition: opacity 1s ease 0s;
}

#a2apage_modal {
    display: block;
}


.seoheadtag {
}

.seofeaturestag {
}




/**KK Style**/

.filter_calc_wrap {
    padding: 35px;
    text-align: center;
}

    .filter_calc_wrap .lftwrap {
        display: inline-block;
        width: 40%;
        vertical-align: top;
    }

    .filter_calc_wrap .ritwrap {
        display: inline-block;
        width: 58%;
        vertical-align: top;
        padding: 25px 0px 25px 85px;
        box-sizing: border-box;
    }

        .filter_calc_wrap .ritwrap .resultwrap {
            position: relative;
            width: auto;
            text-align: center;
            float: none;
            z-index: 1;
			margin-top:15px;
        }
		.resultbx{width:49%; border: 1px solid #e31f25;
                background-color: #fff;
                box-shadow: 0 0 20px rgba(0,0,0,0.2);
				float:left;
				height:170px;}
		.resultbx:nth-child(2){float:right;}

            .filter_calc_wrap .ritwrap .resultwrap .workingbx {
                
            }

                .filter_calc_wrap .ritwrap .resultwrap .workingbx .resultbx h4 {
                    color: #fff;
                    background: #e31f25;
                    font-size: 18px;
                    text-transform: uppercase;
                    padding: 20px 5px;
                    font-weight: 300;
                }

                .filter_calc_wrap .ritwrap .resultwrap .workingbx .resultbx h6 {
                    color: #525252;
                    font-size: 24px;
                    padding: 30px 5px;
                    line-height: 32px;
                }

                    .filter_calc_wrap .ritwrap .resultwrap .workingbx .resultbx h6 .cal-res {
                        background: url(../images/cal-res.png) no-repeat;
                        width: 42px;
                        line-height: 42px;
                        margin-right: 25px;
                        display: inline-block;
                        background-size: 100%;
                    }

            .filter_calc_wrap .ritwrap .resultwrap .icon1 {
                position: absolute;
                width: auto;
                top: 85px;
                left: -95px;
                z-index: 0;
            }

            .filter_calc_wrap .ritwrap .resultwrap .icon2 {
                position: absolute;
                width: auto;
                top: 85px;
                right: -50px;
                left: auto;
                z-index: 0;
            }

            .filter_calc_wrap .ritwrap .resultwrap .icon3 {
                position: absolute;
                width: auto;
                left: 20px;
                bottom: 50px;
                z-index: 0;
            }

    .filter_calc_wrap .lftwrap .fieldset {
        padding: 0;
    }


.yousave{font-size:17px; color:#444;}
.yousave > span{color:#fc5662}


        .filter_calc_wrap .lftwrap .fieldset .fildbox {
            padding: 25px 0;
        }

            .filter_calc_wrap .lftwrap .fieldset .fildbox h3 {
                font-size: 18px;
                color: #8a8c8c;
                padding-bottom: 10px;
                text-align: left;
            }

        .filter_calc_wrap .lftwrap .fieldset .fildrange h3 {
            padding-bottom: 55px;
        }

        .filter_calc_wrap .lftwrap .fieldset .fildrange.year .rangeslider__handle {
            background: url(../js/star1.png) no-repeat !important;
        }

        .filter_calc_wrap .lftwrap .fieldset .fildbox .radiobtn {
            text-align: left;
        }

            .filter_calc_wrap .lftwrap .fieldset .fildbox .radiobtn label {
                display: inline-block;
                width: 110px;
                height: 40px;
                text-align: center;
                font-size: 14px;
                color: #fc5662;
                line-height: 38px;
                border: solid 1px #fc5662;
                border-radius: 10px;
                box-sizing: border-box;
                margin-right: 10px;
            }

            .filter_calc_wrap .lftwrap .fieldset .fildbox .radiobtn input[type="radio"] {
                display: none;
            }

                .filter_calc_wrap .lftwrap .fieldset .fildbox .radiobtn input[type="radio"]:checked + label {
                    background-color: #fc5662;
                    color: #fff;
                }

        .filter_calc_wrap .lftwrap .fieldset .fildbox .productStarIcon {
            width: 35px;
            height: 35px;
            float: left;
            margin: 7px 5px 0px 0px;
        }

        .filter_calc_wrap .lftwrap .fieldset .actionbtn {
            padding: 25px 0;
            text-align: left !important; float:left; display:block;
			margin-right:15px;
        }
		.dwn-compreport{float:left; display:none; text-align:left; padding-top:25px;}

        .filter_calc_wrap .lftwrap .fieldset .actionbtnresponse {
            padding: 25px 0;
            text-align: left !important; float:left; margin-left:25px; display:block;
        }

.actioncheck {
    text-transform: uppercase;
    color: #FFFFFF;
    background-color: #FF0000;
    padding: 15px 20px;
    text-decoration: none;
    font-size: 18px;
    border: none;
    margin-top: 20px;
	cursor:pointer
}

.actiontopmt {
    margin-top: 20px;
}

.energy-saved-topbox{background-image: linear-gradient(to bottom, #ff3138, #ee292d, #dd2123, #cc1818, #bc0d0d); color:#fff; padding:15px; margin-top:0; font-family: 'RobotoRegular';}
.energy-saved-topbox .ene-smtxt{font-size:15px;}
.energy-saved-topbox .ene-bigtxt{font-size:28px; margin:10px 0}
.energy-saved-topbox .ene-bigtxt > span{display:block; font-size:18px; margin-top:5px;}


.rangeslider, .rangeslider__fill {
    display: block;
}

.rangeslider {
    background: url(../js/linebg.png) repeat-x;
    position: relative;
}

.rangeslider--horizontal {
    height: 20px;
    width: 99%;
}

.rangeslider--disabled {
    filter: alpha(Opacity=40);
    opacity: .4;
}

.rangeslider__fill { /*background: #0f0;*/
    position: absolute;
}

.rangeslider--horizontal .rangeslider__fill {
    top: 0;
    height: 100%;
}

.rangeslider__handle {
    background: url(../js/star.png) no-repeat;
    cursor: pointer;
    display: inline-block;
    width: 37px;
    height: 37px;
    position: absolute;
}

.rangeslider--horizontal .rangeslider__handle {
    top: -10px;
    touch-action: pan-y;
    -ms-touch-action: pan-y;
}

.rangeslider--vertical .rangeslider__handle {
    left: -10px;
    touch-action: pan-x;
    -ms-touch-action: pan-x;
}

.rangeslider__value-bubble {
    display: block;
    padding: 5px;
    position: absolute;
    bottom: 100%;
    margin-bottom: 10px;
    width: 90px;
    margin-left: -50px;
    text-align: center;
    font-size: 18px;
    color: #fb4c5e;
}

.filter_bot_wrap {
    margin: 0 45px;
    padding: 0px 0;
	position:relative;
}

.getmore {
    padding: 0px 0 0px 0;
}

    .getmore h2 {
        font-size: 22px;
        font-family: 'RobotoBold';
        text-transform: uppercase;
        color: #515151;
        padding-bottom: 20px;
    }

    .getmore p {
        font-size: 16px;
        color: #515151;
        margin: 0px;
        padding: 0px;
    }

    .getmore ul {
        margin: 20px 0 0 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
    }

        .getmore ul li {
            width: 28%;
            padding: 0;
            display: inline-block;
            height: auto;
            border: #d60b0c solid 1px;
            margin: 35px 6% 20px 0;
            box-shadow: 0 0 10px rgba(0,0,0,0.6);
            -moz-box-shadow: 0 0 10px rgba(0,0,0,0.6);
            -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.6);
            -o-box-shadow: 0 0 10px rgba(0,0,0,0.6);
            text-align: left;
            position: relative;
			overflow:hidden;
			background:#000;
        }
.getmore-imgnew{position:relative;}
.getmore-imgnew > .getmore-imgtxt{font-family: 'RobotoBold'; font-size:22px; color:#fff; position:absolute; top:0; left:0; right:0; margin:35% auto 0; text-align:center; transition:all 0.3s ease-in-out;}
.getmore-imgnew > img{width:100%;}
.gemore-hovetxtbox{background:rgba(255,255,255,0.9); width:0%; opacity:0; height:100%; position:absolute; top:0; left:0; padding:18% 0 0 0%; transition:all 0.3s ease-in-out;}

.getmore ul li:hover .gemore-hovetxtbox{width:100%; opacity:1;}
.getmore ul li:hover .getmore-imgnew > .getmore-imgtxt{opacity:0;}

.plusicon {
    position: absolute;
    right: -45px;
    top: 65px;
    width: 24px;
}

.smallplus {
    width: 13px;
    position: absolute;
    top: -45px;
    left: 80px;
}

.plusicon-bottom-left {
    width: 263px;
    position: absolute;
    bottom: -40px;
    left: -45px;
}

.plusicon-bottom {
    position: absolute;
    left: 50px;
    bottom: -44px;
    width: 175px;
}

.plusmrgtop {
    top: -30px !important;
}

.getmore ul li:last-child {
    margin-right: 0;
}

.getmore ul li h3 {
    font-size: 22px;
    font-family: 'RobotoBold';
    color: #525252;
    line-height: 30px;
	text-align:center
}

#tab1 > div > div > div.ritwrap > div > div.workingbx > div:nth-child(1) > h6 > sup {
    vertical-align: super;
    font-size: 17px;
}

.chartsize {
    width: 95%;
    height: 200px;
	margin:0 auto
}

.split-txt-show{text-align:left; font-size:13px; margin-top:15px;}
/**/
.range1, .range2{width:100%; height:auto; float:left; clear:both; margin-bottom:15px;}
.range2{display:none; }
.rangeBG{width:81%; float:left; display:block; background:url(../js/linebg.png) repeat-x; height:20px;}
.rangeSlid{width:19%;float:right; display:block; }


.main-boxpayback{position: relative;bottom: 28%;left: 130px;top: 280px; z-index: 999;}
.main-boxpayback .boxpayback {width: 388px; height: auto; padding: 50px 0;background-color: #f7f6f4; position: absolute; left: 0px;}
.main-boxpayback .boxpayback .boxdetails { width: 290px; margin: 0 auto;}
.main-boxpayback .boxpayback .boxdetails .tophead {width: 100%;float: left;margin-bottom: 20px;}
.main-boxpayback .boxpayback .boxdetails .tophead img {width: 100%;}
.main-boxpayback .boxpayback .boxdetails p {margin: 10px 0;padding: 0; font-family: 'RobotoRegular'; font-size: 16px;line-height: 30px;color: #000000;float: left;}
.main-boxpayback .boxpayback .boxdetails a {  background-color: #d60b0c;  padding: 10px 20px; text-decoration: none; font-size: 15px;color: #FFFFFF; margin-top: 20px; float: left;
 -ms-transition: all 0.5s ease; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
 
 .coilimg{width:auto !important;}
 .modelspec{vertical-align:middle !important;}
 .modelmain-tdstyle{padding:0 !important; background:#fff !important;}
 .borderspec{ border:0 !important; border-bottom:1px solid #a8a8a8 !important;}
 .borderspec-tablesecond{border:0 !important;}
 
 
 
 
 
 
 
 
 
 
/* ################################# daiseikai start ################################# */
.daiseikai {  z-index:99; height: auto; float: left; width: 96%; padding: 0px; margin: 30px 1.5% 70px 1.5%; position: relative; }
/*.daiseikai .centring{ max-width:1070px; margin:0 auto}
.daiseikai .videoBox .right{ width:646px; height:418px;float:right; }
.daiseikai .videoBox .left{ width:244px;  height:348px;  float:left; background:#f4f3f2; padding: 70px 90px 0 90px;position: relative;} */

.daiseikai .centring{ max-width:1180px; margin:0 auto}
.daiseikai .dividerHome{     position: absolute; left: 0;right: 0; margin: auto; width: 6%; top: -184px;}
.daiseikai .listBox{ width:100%; }
.daiseikai .listBox h1{ color:#6d6e71; font-style: italic;font-family: 'Times New Roman';font-weight: normal; font-size:22px; text-align:center; line-height:35px;}
.daiseikai .listBox ul{ list-style:none; margin: 60px 0;}
.daiseikai .listBox li{ display:inline-block; margin: 0 0 0 6%; width: 24%; vertical-align: top; position: relative;}
.daiseikai .listBox h2{ background: url(../images/divider.png) no-repeat left 10px bottom; padding-bottom: 32px; width: 100px;margin: 0 auto; text-align: center;}
.daiseikai .listBox h3{ color: #6d6e71;font-style: italic;font-family: 'Times New Roman';font-weight: normal; font-size: 20px;text-align: center;line-height: 26px;margin-top: 25px;}
.daiseikai .listBox h4{ width: 17%; margin: 18px auto 0 auto;}
.daiseikai .videoBox{ width:100%; position: relative;}
.daiseikai .divider-video-section{ width: 1px;height: 20px;background: #c59862;position: absolute;left: 0;right: 0;margin: auto;top: -20px;}
.daiseikai .videoBox .left{ width:265px;  height:308px;  float:left; background:#f4f3f2; padding: 100px 90px 0 90px;position: relative;} 
.daiseikai .videoBox .left .videoIcon{width: 53px;position: relative;left: 0;right: 0;margin: auto;}
.daiseikai .videoBox .left h5{ color:#6d6e71; font-family: 'Times New Roman';font-weight: normal; font-size:20px;  text-align:center; line-height:30px; padding: 30px 0; background:url(../images/divider-video.png) no-repeat center bottom}
.daiseikai .videoBox .right{ width:735px; height:408px;float:right; }
.daiseikai .videoBox .right iframe{ width:100%; height:100%;}
.daiseikai .videoBox .daiseikai-video-Mobile{ display:none}


.daiseikai .centringvbox{ max-width:1180px; margin:0 auto}
.daiseikai .videoBox.vbox{ position:relative; display:inline-block; margin:200px 0 0;z-index: 9999;}
.daiseikai .videoBox .leftvbox{ width:250px; height:262px;  float:left; background:#f4f3f2; padding: 100px 90px 0 90px;position: relative;left: 0;right: 0;margin: auto;}
.daiseikai .videoBox .leftvbox h5{ color:#6d6e71; font-family: 'Times New Roman';font-weight: normal; font-size:20px;  text-align:center; line-height:30px; padding: 30px 0; background:url(../images/divider-video.png) no-repeat center bottom; margin-top:12px}
.daiseikai .videoBox .leftvbox p{position: absolute; bottom: 10px;right: -40px;text-align: right; font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size:14px; color:#1B1B1B}
.daiseikai .videoBox .leftvbox p span { margin-bottom:5px;float: right;width: 100%;}
.daiseikai .videoBox .rightvbox{ width:750px; height:362px;float:left; background-color:#f4f3f2 }
.daiseikai .videoBox .rightvbox img{ width:100%;}
.daiseikai .videoBox .rightvbox video{ width:700px; float:right;}

.prodigi3ac{ display:none;}


/* ################################# acSection ################################# */
.acSection{ width:100%;position:relative; display: inline-block; margin-top:30px;}
.acSection .divider-ac-section{ width:1px; height:35px; background:#c59862; position: absolute;left: 0;right: 0;margin: auto;top: -15px;}
.acSection .acImg{ position: absolute; z-index: 99; left: 60px;top: 90px;}
.acSection .acImg-right{ position: absolute; z-index: 99;top: 90px;right: -25px;left: 100px;}
.acSection .acImg-right img{ width:80%; float:right;}
.acSection .roundBoxrgt.gap{ left: 225px; top: 30px;}
.acSection .roundBoxrgt{ width:326px; height:440px; position:relative; top: 0px;left: 0px; border-radius: 250px 250px 250px 250px; -moz-border-radius:250px 250px 250px 250px; -webkit-border-radius:250px 250px 250px 250px;border: 1px solid #c59862; padding: 0 50px;}
.acSection .roundBox{ width:326px; height:440px; position:relative; top: 0px;left: 580px; border-radius: 250px 250px 250px 250px; -moz-border-radius:250px 250px 250px 250px; -webkit-border-radius:250px 250px 250px 250px;border: 1px solid #c59862; padding: 0 50px; }
.acSection h1{ color:#6d6e71; font-family: 'Times New Roman';font-weight: normal; font-size:24px;text-align:center; line-height:35px; color:#c59862; padding-top:142px;margin-bottom: 30px; letter-spacing: 3px; text-transform:uppercase}
.acSection h1::after { background-color: #c59862; content: " "; height: 1px; width: 85px; position: absolute; top: 183px; left: 0;  right: 0; margin: auto;}
.acSection h2{ color: #6d6e71;font-family: 'Times New Roman';font-weight: normal;font-size: 20px;line-height: 28px;width: 90%;text-align: center;margin-left: 4%; font-style:italic}


/* ################################# cleanBox ################################# */
.cleanBox{ width:100%; float:left; margin-top: 175px; position: relative; z-index: 99;}
.cleanBox .divider-section{ width:1px; height:30px; background:#c59862; position: absolute;left: 0;right: 0;margin: auto;top: -40px;}
.cleanBox .btn{ width:65%; height:52px; margin: 0 auto 30px auto; border:#c59862 solid 1px; display:block; line-height:52px; text-align:center; text-decoration:none; font-family: 'Times New Roman';font-weight: normal; font-size:22px; color:#c59862; text-transform: uppercase;}
.cleanBox .btn a{  border:#c59862 solid 1px; display:block; line-height:52px; text-align:center; text-decoration:none; font-family: 'Times New Roman';font-weight: normal; font-size:22px; color:#c59862}
.cleanBox .btn a:hover{ background:#d60b0c; color:#fff}
.cleanBox span{ font-family: 'Times New Roman';font-weight: normal;}
.cleanBox p{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-style: italic; font-size: 20px;text-align: center;line-height: 30px;}
.cleanBox .imgBox{ margin:40px 0}
.cleanBox .imgBox img{ width:100%;}


/* ################################# daiseikaiBanner ################################# */
.daiseikaiBanner{ width: 100%;float: left;position: relative; margin-top:30px;}
.daiseikaiBanner .divider-section{ width:1px; height:30px; background:#c59862; position: absolute;left: 0;right: 0;margin: auto;top: -50px;}
.daiseikaiBanner .centring{ width:100%; max-width:1181px; margin:0 auto } 
.daiseikaiBanner.gapticking{ margin-top:350px;}

/* ################################# cleanBox ################################# */
.LowSlient{ width:100%; float:left; margin-top: 45px; position: relative; z-index: 99;}
.LowSlient .divider-section{ width:1px; height:30px; background:#c59862; position: absolute;left: 0;right: 0;margin: auto;top: -30px;}
.LowSlient .btn{ width:30%; height:52px; margin: 40px auto 30px auto;  border:#c59862 solid 1px; display:block; line-height:52px; text-align:center; text-decoration:none; font-family: 'Times New Roman';font-weight: normal; font-size:22px; color:#c59862; text-transform:uppercase;}
.LowSlient .btn a{  border:#c59862 solid 1px; display:block; line-height:52px; text-align:center; text-decoration:none; font-family: 'RobotoRegular'; font-size:22px; color:#c59862}
.LowSlient .btn a:hover{ background:#d60b0c; color:#fff}
.LowSlient span{ font-family: 'Times New Roman';font-weight: normal;}
.LowSlient p{color: #6d6e71; font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 20px;text-align: center;line-height: 30px;}
.LowSlient .lowBox{ width:100%; }
.LowSlient .lowBox h1{ color:#6d6e71; font-family: 'Times New Roman';font-weight: normal;font-size:22px; font-style:italic; text-align:center; line-height:35px;}
.LowSlient .lowBox ul{ list-style:none; margin: 60px 0 0 10%;}
.LowSlient .lowBox li{ display:inline-block; padding: 0 7%; width: auto; vertical-align: top; position: relative; border-right:#c59862 solid 1px;}
.LowSlient .lowBox li:last-child{ border-right:none}
.LowSlient .lowBox h2{ padding-bottom: 0; width: 50px;margin: 0 auto;}
.LowSlient .lowBox h3{ color: #c59862; font-family: 'Times New Roman';font-weight: normal;font-size: 16px;font-style: italic;text-align: center;line-height: 26px;margin-top: 15px;}
.LowSlient .lowBox h4{ width: 17%; margin: 18px auto 0 auto;}

.quite-des{ text-align:center; width:100%; font-family: 'Times New Roman'; color:#6d6e71;padding:40px 0 0px; font-style:italic; font-size:16px; }
.quite-des .divider{ width: 1px; height: 50px; background: #c59862;  position: relative; left: 0; right: 0; margin: auto;top: 12px;}

/* ################################# KeyBenefits ################################# */
.KeyBenefits{ width: 100%;float: left;position: relative; margin-top:30px; margin-bottom:40px;}
.KeyBenefits .divider-section{ width:1px; height:100px; background:#c59862; position: absolute;left: 0;right: 0;margin: auto;top: -110px;}
.KeyBenefits .centring{ width:100%; max-width:1181px; margin:0 auto } 
.KeyBenefits h1{ font-family: 'Times New Roman';font-weight: normal;font-size: 15px;color: #6d6e71;text-align: center;position: absolute;left: 0;right: 0;margin: auto;top: -138px; font-style:italic}
.KeyBenefits h2{  font-family: 'Times New Roman';font-weight: normal;font-size: 32px;color: #c59862; text-align:center; padding-bottom: 20px;}

.accordian-container{ width:100%; float:left}
.box{ border-bottom:#ccc solid 1px; padding:10px 0; margin-bottom: 15px; width: 100%;float: left;}
.box h6{cursor:pointer; font-family: 'Times New Roman';font-weight: normal; font-size: 20px; color:#6d6e71; font-style:italic;}
.box h6 span{    float: right; color: #bc9264; font-size:35px; font-family: 'Times New Roman';font-weight: normal;position: relative;z-index: 9999;right: 10px;}
.box .according{display: none;min-height: 220px;float:left;background: #f6f5f5;margin: 20px 0 0 0; position: relative;top: -59px; padding: 50px 60px 0 60px;width: 90%;}

.direction_airflow{ width:100%; float:left}
.direction_airflow h3 {  font-family: 'Times New Roman';font-weight: normal;font-size: 30px;color: #c59862;text-align: left;padding-bottom: 20px;width: 170px; float:left    }
.direction_airflow h3:before { background-color: #c59862;content: " ";height: 1px;width: 85px;position: absolute;top: 63px;left: -40px;}
.direction_airflow h4{  width: 61%;    margin-left: 20%;}
.direction_airflow h4 p{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 18px; text-align: left; line-height: 26px; padding-bottom:16px;}
.direction_airflow h4 p.bold{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-size: 18px; }
.direction_airflow .img{ position: absolute; bottom: 0;}

.Multifunctional_Remote{ width:100%; float:left}
.Multifunctional_Remote .img{ float: left;margin-top: -50px;}
.Multifunctional_Remote h3 {  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 30px;color: #c59862;text-align: left;padding-bottom: 20px;width: 202px; 
	float:left; line-height: 30px;   }
.Multifunctional_Remote h3:before { background-color: #c59862;content: " ";height: 1px;width: 85px;position: absolute;top: 63px;left: -40px;}
.Multifunctional_Remote h4{  width: 48%;   margin-left: 3%; float:left; font-style:italic; font-family: 'Times New Roman';font-weight: normal; }
.Multifunctional_Remote h4 p{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-size: 18px; text-align: left; line-height: 26px; padding-bottom:16px;}
.Multifunctional_Remote h4 p.bold{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-size: 18px; }

.Self_Cleaning{ width:100%; float:left}
.Self_Cleaning h3 {  font-family: 'Times New Roman';font-weight: normal; font-style:italic;font-size:30px;color:#c59862;text-align: left;padding-bottom: 20px;
 	width: 170px; float:left    }
.Self_Cleaning h3:before { background-color: #c59862;content: " ";height: 1px;width: 85px;position: absolute;top: 63px;left: -40px;}
.Self_Cleaning h4{ width: 82%;  margin-left:0%; float:left}
.Self_Cleaning h4 p{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 18px; text-align: left; line-height: 26px; padding-bottom:16px;}
.Self_Cleaning h4 p.bold{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 18px; }
.Self_Cleaning .img{ position: relative;float: left;left: 0;margin: 0 0 10px 0;}

.Hi_Power{ width:100%; float:left}
.Hi_Power h3 {  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 30px;color: #c59862;text-align: left;padding-bottom: 20px;width: 170px; float:left    }
.Hi_Power h3:before { background-color: #c59862;content: " ";height: 1px;width: 85px;position: absolute;top: 63px;left: -40px;}
.Hi_Power h4{  width: 82%;  margin-left:0%; float:left}
.Hi_Power h4 p{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 18px; text-align: left; line-height: 26px; padding-bottom:16px;}
.Hi_Power h4 p.bold{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-style:italic;  font-size: 18px; }
.Hi_Power .img{ position: relative;float: left;left: 170px;}

.Technology{ width:100%; float:left}
.Technology h3 {  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 30px;color: #c59862;text-align: left;padding-bottom: 20px;width: 170px; float:left    }
.Technology h3:before { background-color: #c59862;content: " ";height: 1px;width: 85px;position: absolute;top: 63px;left: -40px;}
.Technology h4{color: #6d6e71;  font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 20px;    text-align: left;    line-height: 30px;    width: 80%; margin-left:2%; float:left}
.Technology h4 p{color: #6d6e71; font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 18px; text-align: left; line-height: 26px; padding-bottom:16px;}
.Technology h4 p.bold{color: #6d6e71; font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 18px;  }


/* ################################# Specifications ################################# */
.Specifications{ width: 100%; float:left; background:#f6f5f5; padding:3% 0}
.Specifications .centring{ width:100%; max-width:80%; margin:0 auto}
.Specifications h2{font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 20px;color: #6d6e71; background:url(../images/Specifications.jpg) no-repeat left 140px center; font-style:italic; margin-bottom: 20px;}
.Specifications .left{ width:900px; float:left}
.Specifications table.table { font-family: arial, sans-serif;  border-collapse: collapse;  width: 100%; font-size: 14px; line-height: 30px; border-top: 1px solid #000; border-bottom: 1px solid #000;}
.Specifications td td { border: 1px #cccccc solid;}
.Specifications td.td {  text-align: left;  padding:2px 8px;}

.Specifications td.tdGrey{ background:#ecebeb;   text-align: left;  padding:2px 8px;}
.Specifications th.th {   text-align: left;  padding:2px 8px 0 5px; font-weight:bold}

.Specifications .center{ text-align:center !important}
.Specifications .right{ width:240px; float:right}
.Specifications .right  .branchMain{ width:auto}
.Specifications .right .branch{ width:149px; height:153px; float:left; margin-bottom:20px; margin-left: 40px;}

.Specifications .right .branch a{ width:149px; height:129px; border-radius: 200px 200px 200px 200px;-moz-border-radius:200px 200px 200px 200px;-webkit-border-radius:200px 200px 200px 200px;border: 1px solid #c59862; text-align: center;
 background: #fff; padding-top: 20px; display:block; text-decoration:none}
 .Specifications .right .branch a:hover{ border: 1px solid #e31e24; }
.Specifications .right .branch h3 {  color: #6d6e71; font-family: 'Times New Roman';font-weight: normal; font-style:italic; font-size: 20px; text-align: center; line-height: 25px;margin-top: 10px; }
.Specifications .right h4{color: #000;font-family: 'Times New Roman';font-weight: normal; font-style:italic;font-size: 12px;text-align: center;line-height: 22px;width: 100%; float:left; background: url(../images/divider-video.png) no-repeat center bottom; padding-bottom: 25px;}

.zoomImg{ display:none; }


/* Styles the thumbnail */
.zoom-image {   opacity: 1; transition: all 500ms linear;   position: relative;  width: 250px;  float: left;  z-index: 1;  margin: 10px;}
.zoom-image{ display:block; width:100%}
/* ################################# daiseikai End ################################# */
 
/* ################################# prodigi start ################################# */

.prodigi{ width: 1080px; margin: 50px auto; }
.prodigi .content{ width:100%; float:left; margin-bottom:0px;}
.prodigi .content.gap{margin-bottom:50px;}
.prodigi .content .proleft{ width:55%; float:left;}
.prodigi .content .proleft  img{ width:90%;}
.prodigi .content .proright{ width:45%; float:left;}
.prodigi .content .proright .top{ width:100%; padding-left:10%; border-left:1px #da9e29 solid; position:relative; box-sizing:border-box; float: left;}
.prodigi .content .proright .top:before { content: " "; border-top:10px solid transparent; border-bottom:10px solid transparent; border-right:15px solid #da9e29; position: absolute;
	top: 50%; right: 100%;} 
.prodigi .content .proright .top span{ color:#466786; }
.prodigi .content .proright .top span .fstyle b{ color:#da9e29; font-size:40px; font-family: 'Helvetica LT Std';font-weight: bold; font-style: normal; background:none; text-align:left; text-align:left; padding:0 15px 0 0; width:auto; float:left;}
.prodigi .content .proright .top span .fstyle{ color:#466786; font-size:40px; font-family: 'Helvetica LT Std'; font-weight: bold; font-style: normal; background:none; text-align:left; padding:0px; width:auto; float:left;}
.prodigi .content .proright .top span .fstylelight{ color:#da9e29; font-size:40px; font-family: 'Helvetica LT Std'; font-weight: bold; font-style: normal; 
	background:none; text-align:left; padding:0px; width:auto; float:left; letter-spacing: 4px;}
.prodigi .content .proright .bottom{ width:100%; padding:50px 0 0 10%; font-size:20px; font-family: 'Helvetica LT Std';font-weight: 300; font-style: normal; 
	box-sizing:border-box; float: left;line-height:32px;}
.prodigi .content .proright .bottom b{ font-weight:bold;} 
.prodigi .content .proright .bottom.pad{ padding-left:0px;} 
.prodigi .content.exp .top{ width: 100%;  padding:0%; border: none; position: relative;} 
.prodigi .content.exp .top:before{ width:100%; float:left; border:none;}
.prodigi .content.exp .top:before{ width:100%; float:left; border:none;} 
.prodigi .content .proleft  .vidimg{ width:80%; text-align:right; float:right;}
.prodigi .content .proleft  .vidimgleft{ width:80%; text-align:left; float:left;}
.prodigi-cal{ background:#fafafa; width:100%; float:left; padding:100px 0; }
.getbtn{ padding: 15px 50px; background: #da9e29; font-size: 24px; display: inline; color: #fff; text-decoration: none; width: auto; float: left; margin: 25px 0;border:1px #da9e29 solid;}
.getbtn:hover{ border:1px #da9e29 solid; background:none; font-size: 24px; transition: 0.3s;  color: #da9e29;; } 
.headstyle { width:100%; text-align:center; color:#da9e29; font-size:44px; font-family: 'Helvetica LT Std'; font-weight: bold; font-style: normal;float:left; margin:20px 0;}
.headstyle b{ width:100%; text-align:center; color:#466786; font-size:44px;font-family: 'Helvetica LT Std'; font-weight: bold; font-style: normal;}
.headstyle span{ width:100%; text-align:center; color:#323232; font-size:44px; font-family: 'Helvetica LT Std'; font-weight: 500; font-style: normal;}
.headstyle p{ width:100%; text-align:center; color:#777777; font-size:24px; font-family: 'Helvetica LT Std'; line-height:30px;font-weight: 300; font-style: normal;}
.headstyle ul { width:100%; margin:0px !important; padding:0px;}
.headstyle ul li{ width:100% !important; text-align:center; color:#777777; font-size:24px; font-family: 'Helvetica LT Std';font-weight: 300; font-style: normal; line-height:30px; margin:0px !important; }
.headstyle ul li:before{ content: "• "; color: #e49c00; }
ul.magic-coil{ width:85%; margin:0 auto !important; text-align:center; padding:0 !important; }
ul.magic-coil li{text-align:center; width: 30% !important; position: relative !important; margin: 0 1% 0 1% !important;}
ul.magic-coil li img{ width:50%;}
ul.magic-coil li p{ margin-top:15px; font-family: 'Helvetica LT Std';font-weight: 500; font-style: normal;font-size: 20px; text-align: center; color:#888888; line-height: 25px;}
ul.magic-coil li:before{ content:""; border-top:10px solid transparent; border-bottom:10px solid transparent; border-left:15px solid #da9e29; position:absolute; left:104%; top:40%; }
ul.magic-coil li:last-child:before{ border:none !important; }
.prodigi-tbl{ width:100%; float:left; font-size:20px; background:#fafafa; color:#525252; margin-top:15px; }
.prodigi-tbl th, td {   border-collapse: collapse; border:1px #cccccc solid; padding:15px 30px; vertical-align: middle; font-family: 'Helvetica LT Std';font-weight: 300;
    font-style: normal;}

ul.tooltipstyle {width:100%; float:left; display:inline-block; height:600px; margin:64px 0 !important; background-size:540px 248px ;
	background:url(../images/prodigi-Product.png) center center no-repeat; }
ul.tooltipstyle .tooltip { position: relative; font-family: 'Helvetica LT Std'; font-size: 20px; font-weight: 500; font-style: normal;}
ul.tooltipstyle .tooltip:before,.tooltip:after { display: block;opacity: 0;pointer-events: none; position: absolute;font-family: 'Helvetica LT Std'; font-style: normal;}
ul.tooltipstyle .tooltip:after {border-right: 6px solid transparent; border-bottom: 6px solid #da9e29;  border-left: 6px solid transparent; content: ''; height: 0; top: 20px; left: 20px;width: 0; font-family: 'Helvetica LT Std'; font-style: normal;}
ul.tooltipstyle .tooltip:before{background:#fff; border-radius:2px; font-family: 'Helvetica LT Std'; font-style: normal;border:1px #da9e29 solid; color:#fff; content:attr(data-title); font-size:14px; padding:6px 10px; top:32px;white-space:inherit; color:#747474; width: 300px; height:auto; padding:15px; line-height: 22px; font-size: 16px; left: -140px; text-align: justify;}
/* expand */
ul.tooltipstyle .tooltip.expand:before {transform: scale3d(.2,.2,1); transition: all .2s ease-in-out; z-index:999}
ul.tooltipstyle .tooltip.expand:after { transform: translate3d(0,6px,0); transition: all .1s ease-in-out;}
ul.tooltipstyle .tooltip.expand:hover:before,.tooltip.expand:hover:after { opacity: 1;transform: scale3d(1,1,1);}
ul.tooltipstyle .tooltip.expand:hover:after {transition: all .2s .1s ease-in-out;}
ul.tooltipstyle span {font-family: 'Helvetica LT Std'; font-style: normal; }
ul.tooltipstyle span.one{ position:absolute; left: -75px; top: 30px; }
ul.tooltipstyle span.two{ position:absolute; left: -12px; top: 65px; width:95px;}
ul.tooltipstyle span.three{position: absolute; left: 10px;top: 75px;}
ul.tooltipstyle span.four{position: absolute; right: -75px; top: 30px;}
ul.tooltipstyle span.five{position: absolute; right: -150px; top: 30px; width: 130px;}
ul.tooltipstyle span.six{position: absolute; right: -150px; top: 30px; width: 130px;}
ul.tooltipstyle span.seven{position: absolute; left: -40px; top: 76px;width: 200px;}
ul.tooltipstyle span.eight{position: absolute; left: -40px; top: 76px;width: 200px;}
ul.tooltipstyle span.nine{position: absolute; right: 90px; top: 30px;width: 130px;}
ul.tooltipstyle span.ten{position: absolute; right: 90px; top: 30px;width: 95px;}

ul.tooltipstyle li.tooltip:nth-child(1){position:relative; top:45px;left:10%; background:url(../images/Preset-new.png) no-repeat right top; width:47px; height:77px;}
ul.tooltipstyle li.tooltip:nth-child(2){position:relative; top:-35px; left:20%; background:url(../images/Hi-Power-new.png) no-repeat right top; width: 73px; height: 54px;}
ul.tooltipstyle li.tooltip:nth-child(3){position:relative; top:-45px; left:30%; background:url(../images/Quiet-new.png) no-repeat right top; width:67px; height:67px;}
ul.tooltipstyle li.tooltip:nth-child(4){position:relative; top:45px; left:37%; background:url(../images/Timer-new.png) no-repeat right top; width:67px; height:67px;}
ul.tooltipstyle li.tooltip:nth-child(5){position:relative; top:200px; left:33%; background:url(../images/Comfort-new.png) no-repeat right top; width:64px; height:64px;}
ul.tooltipstyle li.tooltip:nth-child(6){position:relative; top:350px; left:14%; background:url(../images/One-Touch.png) no-repeat right top; width:87px; height:87px;}
ul.tooltipstyle li.tooltip:nth-child(7){position:relative; top:475px; left:-20%; background:url(../images/Aqua-Resin-Coated.png) no-repeat right top; width:77px; height: 64px;} 
ul.tooltipstyle li.tooltip:nth-child(8){position:relative; top:386px; left:24%; background:url(../images/Swing-Fix.png) no-repeat right top; width:63px; height:63px;}
ul.tooltipstyle li.tooltip:nth-child(9){position:relative; top:275px; left:-5%; background:url(../images/Self-Cleaning-new.png) no-repeat right top; width:76px; height:70px;}
ul.tooltipstyle li.tooltip:nth-child(10){position:relative; top:127px; left:-27%; background:url(../images/Fan-Speed-new.png) no-repeat right top; width:67px; height:67px;}
.footcont{ width:100%; float:left; }
.footcont .left{ width:70%; float:left; padding-top:25px;}
.footcont .left p{ width:100%; float:left; font-family: 'Helvetica LT Std';font-weight: 300; font-style: normal; line-height:30px; font-size:16px; color:#666666;}
.footcont .right{ width:30%; float:right;}
a.btnloc{ background:url(../images/branch-locator.png) no-repeat left center; background-size:15px 20px; background-color:#e49c00; color:#fff; float: right; 
	padding: 12px 25px; border-left: 10px #e49c00 solid; font-size:18px; margin: 30px 0 15px 0; text-decoration:none; font-family: 'Helvetica LT Std';}
a.btnloc:hover{font-size:18px; padding: 12px 25px; }
a.ebrochure{background:url(../images/down-ebrochure.png) no-repeat left center; background-color:#466786; color:#fff; float: right; padding: 12px 25px; border-left: 15px #466786 solid; font-size:17px; float:right;text-decoration:none;font-family: 'Helvetica LT Std'; background-size:17px; }
a.ebrochure:hover{font-size:17px; padding: 12px 25px; }







 /* ################################# prodigi end ################################# */ 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  /* ################################# Perfection That Matters Start ################################# */
.perfection {  z-index: 9999; height: auto; float: left; width: 96%; padding: 0px; margin: 30px 2% 30px 2%; position: relative; }
.perfection .centring{ max-width:1240px; width:100%; margin:0 auto}
.perfection .dividerHome{     position: absolute; left: 0;right: 0; margin: auto; width: 6%; top: -184px;}


.perfection .listBox{ width:100%; float:left}
.perfection .listBox h1{ color: #000; font-family: 'Chapaza'; font-weight: bold; font-style: normal;font-size: 42px; text-align: center; line-height: 35px; margin-bottom:15px;}
.perfection .listBox h2{ color:#6d6e71; font-family: 'Chapaza'; font-weight: normal;  font-size:22px; text-align:center; line-height:35px;}
.perfection .formBox{ width:90%; float:left; background:url(../images/backgroud-bg.png) repeat; padding:3% 5% 0; margin: 25px 0;}
.perfection .formBox .fieldBox{ width:100%; float:left}
.perfection .formBox .fieldBox ul{ list-style:none;}
.perfection .formBox .fieldBox li{ width: 332px;padding-bottom: 30px; margin-right: 30px; display:inline-block}
.perfection .formBox .fieldBox li.listBtn{ margin: 9px 0 0 0;}
.perfection .formBox .fieldBox li.query{ float:left;     width: 63%;}
.perfection .formBox .QueryBox{ width:100%; float:left}
.perfection .formBox fieldset{ border:none;}

/*= input focus effects css
=========================== */
.datepic{ font-size: 14px !important; font-family: 'RobotoRegular'; color: #828387;top: -1.7rem !important;}
.halfbox{ width:46.5% !important;}
.halfbox .styled-input{ width:100% !important;}
.halfbox .styled-input select{    padding: 3% 0 3% 5% !important; 
    border: 0;
    width: 100% !important;
    font-size: 14px;
    background: none;
    border-bottom: #ccc solid 1px !important;
    outline: none;}
.quesmain{z-index: 9999; height: auto;float: left;width: 80%; padding: 0px; margin: 50px 10% 0; position: relative;}
.ques_form{ width:100%; float:left; font-size: 30px; font-family: 'RobotoBold'; text-align:left; }
.ques_form h1{  font-size: 22px; font-family: 'RobotoBold'; text-align:left; }
.checklist { width:100%; float:left; margin:25px 15px 0;}
.radio_ques{ float:left; position: relative; text-align: center; margin: 0 2.5%; width:95%; }
.radio_smlbox{ margin: 0 2.5%; width:95%;}
.quesmain table{border-collapse: collapse; border-spacing: 0; border:none; width:100%;}
.quesmain table tr td {border-collapse: collapse; border-spacing: 0; border:none; width:12.5%; padding:0px; vertical-align:top; }
.quesred{ color:#ff0000;     display: inline-block;}
.radio_ques input[type="checkbox"], input[type="radio"] {display: none;float:left;}
.radio_ques label {display: inline-block;line-height: 1.8;font-family: sans-serif;position: relative; top:0px !important;text-align: center;  position: relative;
    padding-top: 30px; width:100%;     font-weight: bold;color: #000 !important;; }
.radio_ques input[type="checkbox"] + label:before {  content: '';  display: block;  width: 20px;  height: 20px;  position: absolute;  top: 0;  left: 0;  border: 1px solid #666;  background: #fff;}
.radio_ques input[type="checkbox"]:checked + label:after { content: '';  display: block;  width: 10px;  height: 5px;  transform: rotate(-45deg); position: absolute; right: 0;   margin: auto; }
.radio_ques input[type="radio"] + label:before { content: ''; display: block;width: 22px;height:22px; position:absolute; top:0px;left: 0; border: 2px solid #cacccb; background: #fff; border-radius: 50%;  right: 0; margin: auto; } 
.radio_ques input[type="radio"]:checked + label:after {content:''; display:block;width:10px;height:10px; background: #119827; position: absolute; border-radius: 50%;top: 7px;left: 78px;}
.left_radio { float:left; font-size: 16px; font-family: 'RobotoRegular'; font-weight:bold; margin:70px 0 40px 40px;}
.right_radio { float:right; font-size: 16px; font-family: 'RobotoRegular'; font-weight:bold; margin:70px 40px 40px 40px}
.checklist textarea{ width:90%; float:left; background-color:#f7f7f7; border:1px #efefef solid; padding:25px 3%; font-size:20px; font-family: 'RobotoRegular'; color:#7E7E7E}
.subtbtn{ font-size:20px; font-family: 'RobotoRegular'; color:#FFFFFF; background:#e60013; font-weight:bold; border:none; padding:12px 80px; margin: 25px auto;display: table;text-align: center; position:relative; font-size: 16px; text-transform: uppercase; cursor:pointer;}  
.survey{ display:inline-block !important; position:relative !important; float:left !important; }

span.error-survey{color:red !important; position:relative !important; width:100% !important; border-bottom:none !important; top:5px; float:left; font-size:12px;}
.perfection .formBox .fieldBox li.box_l { height:50px;}
.tbl_entry { width:100%; display:inline-block;}
.tbl_entry table.data_show{ width:100%; display:inline-block; border:none;}
.tbl_entry table.data_show tbody{ width:100%; display:inline-block; }
.tbl_entry table.data_show tr { width:100%;  display:inline-block; position:relative;}
.tbl_entry table.data_show tr td{ width:1%; display:table-cell; border:1px #ccc solid !important; border-collapse:collapse; font-size: 14px; font-family: 'RobotoRegular'; padding:10px 15px}
.submit_btn{ font-size:20px; font-family: 'RobotoRegular'; color:#FFFFFF; background:#e60013; font-weight:bold; border:none; padding:12px 80px; margin: 0px auto 25px;display: table;text-align: center; position:relative; font-size: 16px; text-transform: uppercase; cursor:pointer; text-decoration:none;} 
.subbtn{ font-size:16px; font-family: 'RobotoRegular'; color:#FFFFFF; background:#e60013; font-weight:bold; border:none; text-transform: uppercase; cursor:pointer; text-decoration:none; padding:12px 80px; position:relative; top:-50px;} 
.perfection .formBox .newCss{float: left; width: 100%; position: relative;} 
.perfection .formBox .selectBox{float: left;position: relative;margin-top: 0;border-bottom: #ccc solid 1px;padding-bottom: 11px;}
.perfection .formBox .selectBox.styled-input{float: left;position: relative;margin-top: 0;border-bottom: none;;padding-bottom: 0px;}
.perfection .formBox .selectBox select{margin:0; width:332px; padding:2px 2px 2px 6px; height:45px; font-size:14px; color: #828387; border:none; background:url(../images/arrow.png) right 5px top 50% no-repeat; -webkit-appearance: none; -moz-appearance: none; appearance: none; position:relative; color: #828387;font-size: 14px;font-family: 'RobotoRegular'; outline: none;}
.perfection .formBox .selectBox select::-ms-expand{display: none;}
.perfection .formBox .submit {  background: #e60013; color: #fff; font-size: 20px; font-family: 'RobotoRegular'; cursor: pointer; border: none; position: relative; top: 0px; text-transform: uppercase;  width: 100%; display: block; margin-top: -17px; }

.perfection input:focus ~ label,.perfection textarea:focus ~ label, .perfection input:valid ~ label{ font-size: 14px; font-family: 'RobotoRegular';  color: #828387;  top: -1.7rem;  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1); }
.perfection select:focus ~ label,.perfection textarea:focus ~ label, .perfection select:valid ~ label{ font-size: 14px; font-family: 'RobotoRegular';  color: #828387;  top: -1.7rem;  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1); }
.perfection .styled-input { float: left;margin: 0 25px 0 0;position: relative;width: 332px;}
.perfection .styled-input.list{width: 704px;}
.perfection .styled-input label { color: #828387; padding: 14px; position: absolute; color: #828387; font-size:20px; top: 0;  left: 0;  transition: all 0.25s cubic-bezier(0.2, 0, 0.03, 1);  pointer-events: none;}
.perfection .styled-input.wide {  width: 100%;}
.perfection input{  padding:3% 0 3% 5%;  border: 0;  width: 94%;  font-size: 14px; background: none; border-bottom: #ccc solid 1px; outline:none}
.perfection input.list{ padding: 1.5% 0 1.5% 5%;}
.perfection input ~ span {  display: block;  width: 0;  height: 3px; border-bottom: #e60013 solid 1px;   position: absolute;  bottom: 0;  left: 0;  transition: all 0.125s cubic-bezier(0.2, 0, 0.03, 1);}
.perfection input:focus {  outline: none;}
.perfection .ExperienceBox{ width:100%; float:left}
.perfection .ExperienceBox h1{ color: #000; font-family: 'Chapaza'; font-weight: bold;  font-size: 42px; text-align: center; line-height: 35px; margin-bottom:15px;}
.perfection .ExperienceBox h2{ color:#6d6e71; font-family: 'RobotoRegular'; font-size:22px; text-align:center; line-height:35px;}
.perfection .ExperienceBox .perfectionBox{ width:100%; float:left;padding: 5px 0 0;}
.perfection .ExperienceBox .perfectionBox ul{ list-style:none;}
.perfection .ExperienceBox .perfectionBox li{ width: 96%; float: left; margin-bottom: 20px; border-bottom: #cfcfcf solid 1px; padding: 10px 0 20px 2%;}
.perfection .ExperienceBox .perfectionBox li:last-child{ border-bottom:none; padding-bottom: 0;}
.perfection .ExperienceBox .perfectionBox li.listBtn{ width: 96%; float: left; margin-bottom: 20px; border-bottom: #cfcfcf solid 1px; padding: 30px 0 30px 2%;}
.perfection .ExperienceBox .perfectionBox .left{ width:480px; float:left; margin-top: 30px;}
.perfection .ExperienceBox .perfectionBox .left.list {float: right; margin-top: -10px;}
.perfection .ExperienceBox .perfectionBox .left .products{ width:auto; margin-bottom: 25px;}
.perfection .ExperienceBox .perfectionBox .left .btnBox{ width:auto; margin-left:20px; margin-top:15px;}
.perfection .ExperienceBox .perfectionBox .left a.Knowmore{ width:198px; height:45px; border:#4c4c4c solid 1px; color:#4c4c4c; font-family: 'RobotoMedium'; font-size: 18px; line-height:45px; text-align:center;
text-decoration:none; text-transform:uppercase; display: inline-block; }
	.perfection .ExperienceBox .perfectionBox .left a.Knowmore:hover
	{background-color:#c59862;
	}
.perfection .ExperienceBox .perfectionBox .left a.watchVideo{ width:198px; height:45px; border:#e60013 solid 1px; color:#e60013; font-family: 'RobotoMedium'; font-size: 18px; line-height:45px; text-align:center;
text-decoration:none; display: inline-block; text-transform:uppercase; margin-left:15px; }
.perfection .ExperienceBox .perfectionBox .right{ width:500px; float:left; padding-left:90px; }
.perfection .ExperienceBox .perfectionBox .right h3{ color: #000; font-family: 'Chapaza'; font-size: 30px; text-align: left; line-height: 35px; margin-bottom: 26px; border-bottom: #e60013 solid 2px;
padding-bottom: 12px; width: auto; float: left; margin-bottom: 20px;}
.perfection .ExperienceBox .perfectionBox .right h4{ color: #6d6e71; font-family: 'RobotoMedium'; font-size:20px; text-align: left; line-height: 35px; 
background:url(../images/red-arrow.png) no-repeat left center; padding-left: 20px; }
.perfection .ExperienceBox .perfectionBox .right h4 span{ color: #6d6e71; font-family: 'RobotoRegular'; font-size:18px; text-align: left; line-height: 30px; width: 100%; float: left;}

.perfection .ExperienceBox .perfectionBox ol{ list-style:none;}
.perfection .ExperienceBox .perfectionBox ol li{ width: auto; float: left; margin-bottom: 10px; border-bottom: none; margin-top: 0; padding:0;}


.footerDiv{ width:100%; height:110px; float:left; background:#f7f7f7; padding-top:30px;}
.footerDiv .center{ max-width:524px; margin:0 auto}
.footerDiv ul{ list-style:none; width: 180px;margin: 0 auto;}
.footerDiv li{ margin-right:10px; display: inline-block;}
.footerDiv h2{ color:#909090;  font-family: 'RobotoLight'; font-size:15px; margin-top:15px; text-align:center; line-height:20px;}
.CustomerHeading{ position: absolute !important;font-size: 25px;color: #fff;z-index: 999;bottom: 110px;text-transform: uppercase;text-align: left;font-weight: bold;left: 50px;line-height: 33px;}
 /* ################################# Perfection That Matters End ################################# */