@font-face {
    font-family: 'zurich_cn_btbold';
    src: url('../fonts/zurchbc.eot');
    src: url('../fonts/zurchbcd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchbc.html') format('woff2'), url('../fonts/zurchbc.woff') format('woff'), url('../fonts/zurchbc.ttf') format('truetype'), url('../fonts/zurchbc.svg#zurich_cn_btbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurich_cn_btbold_italic';
    src: url('../fonts/zurchbci.eot');
    src: url('../fonts/zurchbcid41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchbci.html') format('woff2'), url('../fonts/zurchbci.woff') format('woff'), url('../fonts/zurchbci.ttf') format('truetype'), url('../fonts/zurchbci.svg#zurich_cn_btbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurich_btitalic';
    src: url('../fonts/zurchi.eot');
    src: url('../fonts/zurchid41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchi.html') format('woff2'), url('../fonts/zurchi.woff') format('woff'), url('../fonts/zurchi.ttf') format('truetype'), url('../fonts/zurchi.svg#zurich_btitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurich_lt_btlight';
    src: url('../fonts/zurchl.eot');
    src: url('../fonts/zurchld41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchl.html') format('woff2'), url('../fonts/zurchl.woff') format('woff'), url('../fonts/zurchl.ttf') format('truetype'), url('../fonts/zurchl.svg#zurich_lt_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurich_ltcn_btlight';
    src: url('../fonts/zurchlc.eot');
    src: url('../fonts/zurchlcd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchlc.html') format('woff2'), url('../fonts/zurchlc.woff') format('woff'), url('../fonts/zurchlc.ttf') format('truetype'), url('../fonts/zurchlc.svg#zurich_ltcn_btlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurich_ltcn_btlight_italic';
    src: url('../fonts/zurchlci.eot');
    src: url('../fonts/zurchlcid41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchlci.html') format('woff2'), url('../fonts/zurchlci.woff') format('woff'), url('../fonts/zurchlci.ttf') format('truetype'), url('../fonts/zurchlci.svg#zurich_ltcn_btlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurich_lt_btlight_italic';
    src: url('../fonts/zurchli.eot');
    src: url('../fonts/zurchlid41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchli.html') format('woff2'), url('../fonts/zurchli.woff') format('woff'), url('../fonts/zurchli.ttf') format('truetype'), url('../fonts/zurchli.svg#zurich_lt_btlight_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'zurich_btroman';
    src: url('../fonts/zurchn.eot');
    src: url('../fonts/zurchnd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/zurchn.html') format('woff2'), url('../fonts/zurchn.woff') format('woff'), url('../fonts/zurchn.ttf') format('truetype'), url('../fonts/zurchn.svg#zurich_btroman') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'slick';
    font-weight: normal;
    font-style: normal;
    src: url('../fonts/slick.eot');
    src: url('../fonts/slickd41d.eot?#iefix') format('embedded-opentype'), url('../fonts/slick.woff') format('woff'), url('../fonts/slick.ttf') format('truetype'), url('../fonts/slick.svg#slick') format('svg');
}


/* ---- preset style START ---- */
html, body {
    -webkit-text-size-adjust: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    min-height: 100%;
}

a, a:link, a:visited {
    outline: none;
    text-decoration: none;
}

img {
    border: none;
    margin: 0;
}

ul {
    list-style: none;
}

li {
    float: left;
    padding: 0;
}

h1 {
    font-size: 2em;
}

h2 {
    font-size: 1.2em;
}

h3 {
    font-size: .9em;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

form, input, select, textarea, p, h1, h2, h3, h4, h5, h6, ul {
    margin: 0;
    padding: 0;
}

    select:focus {
        outline: none;
    }

textarea {
    resize: none;
}

    input:focus, textarea:focus {
        outline: none;
    }

input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

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

.clearFix {
    clear: both;
    font-size: 0em;
    line-height: 0px;
    height: 0;
    margin: 0;
    padding: 0;
}

.popup-bg {
    width: 100%;
    height: 100%;
    background: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    display: none;
}

.popup-holder {
    width: 100%;
    position: absolute;
    padding-top: 50px;
    top: 0;
    left: 0;
    z-index: 1001;
    display: none;
}

.popup-bgNew {
    width: 100%;
    height: 100%;
    background: url(../images/bgImageHover.html) 0 0 repeat;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
}

.popup-holderNew {
    width: 100%;
    position: absolute;
    padding: 0;
    top: 0;
    left: 0;
    z-index: 1001;
}

.popupHide {
    display: none;
}

img {
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* ---- preset style END ---- */
body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000;
    position: relative;
    background: #fff;
    background-image: url(../images/bgTopStrip.jpg);
    background-repeat: repeat-x;
}

#container {
    overflow: hidden;
    margin: 5px 0 0;
    padding: 0;
}

.divCenter {
    margin: 0 auto;
    max-width: 1132px;
    position: relative;
}

.pageLogo {
    float: left;
    margin-top: 16px;
}

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

#pageHeader {
    background: url(../images/bgHeaderBottom.jpg) center bottom repeat-x;
}

.headerRightHolder {
    float: right;
    margin: 0px;
}

#pageHeader .socialMenu {
    float: right;
    margin: 15px 0 0;
    width: 260px;
    text-align: right;
}

.socialMenu span {
    color: #6f6f6f;
    font-size: 13px;
    line-height: 22px;
    font-family: "zurich_ltcn_btlight";
    text-transform: uppercase;
    margin: 0 0px 0 0;
    float: none;
}

.socialMenu ul {
    float: right;
}

    .socialMenu ul li {
        margin: 0 0 0 13px;
    }

        .socialMenu ul li:first-child {
            margin: 0;
        }

        .socialMenu ul li a {
            background: url(../images/sprite.png) no-repeat;
            display: block;
            height: 22px;
            text-indent: -9999px;
            width: 22px;
            text-align: left;
        }

        .socialMenu ul li.btnFacebook a {
            background-position: 2px -8px;
        }

            .socialMenu ul li.btnFacebook a:hover {
                background-position: 2px -35px;
            }

        .socialMenu ul li.btnTwitter a {
            background-position: -29px -8px;
        }

            .socialMenu ul li.btnTwitter a:hover {
                background-position: -29px -35px;
            }

        .socialMenu ul li.btnLinkedIn a {
            background-position: -56px -8px;
        }

            .socialMenu ul li.btnLinkedIn a:hover {
                background-position: -56px -35px;
            }

        .socialMenu ul li.btnYoutube a {
            background-position: -82px -8px;
        }

            .socialMenu ul li.btnYoutube a:hover {
                background-position: -82px -35px;
            }

        .socialMenu ul li.btnBlog a {
            background-position: -5px -62px;
        }

            .socialMenu ul li.btnBlog a:hover {
                background-position: -5px -89px;
            }

        .socialMenu ul li.btnInst a {
            background-position: -37px -61px;
        }

            .socialMenu ul li.btnInst a:hover {
                background-position: -37px -89px;
            }

/* footer address */
.bottom-footer-links {
    margin-left: 50px;
}

.bottom-footer {
    border-top: 1px solid #465165;
    padding-top: 20px;
    padding-bottom: 20px;
}
.pageFooterBottom.footer-address p {
    text-align: left;
}
.bottom-footer p {
    float: left;
}
.pageFooterBottom a.location-btn {
    border: 1px solid #999;
    font-weight: bold;
    padding: 5px 15px 3px;
    border-radius: 3px;
    line-height: 21px;
    margin: 0 0 15px;
    display: inline-block;
}
.footer-address.pageFooterBottom{padding-bottom: 15px;margin-top: 0;float: right;text-align: right;width: auto;}
.pageFooterBottom a.location-btn:hover {
    background: #212c41;
}


.pageMenu {
    margin: 18px 0 0;
    border-top: 1px solid #dbdbdb;
    min-height: 50px;
}

    .pageMenu > ul {
        float: left;
        width: 100%;
        text-align: center;
    }

        .pageMenu > ul > li {
            height: 45px;
            display: inline-block;
            position: relative;
            margin: 0;
        }

            .pageMenu > ul > li > a {
                border-left: 1px dotted #cfcfcf;
                color: #333333;
                display: block;
                font-family: "zurich_ltcn_btlight";
                font-size: 18px;
                height: 24px;
                line-height: 28px;
                margin: 11px 0 0;
                padding: 0 31px 7px 31px;
                text-transform: uppercase;
            }

            .pageMenu > ul > li > span {
                border-left: 1px dotted #cfcfcf;
                color: #333333;
                display: none;
                font-family: "zurich_ltcn_btlight";
                font-size: 18px;
                height: 18px;
                line-height: 18px;
                margin: 11px 0 0;
                padding: 6px 18px 7px;
                text-transform: uppercase;
            }

        .pageMenu > ul > .topMenu {
            display: none;
        }

        .pageMenu > ul > .menuFirstTop > a {
            border: none;
        }

        .pageMenu > ul > li:first-child span {
            border-left: none;
        }

        .pageMenu > ul > li > a:hover, .pageMenu > ul > li:hover > a {
            border-bottom: 5px solid #87bb44;
            padding-bottom: 10px;
            cursor: pointer;
        }

        .pageMenu > ul > li.active {
            border-bottom: 5px solid #87bb44;
            padding-bottom: 0px;
        }

        .pageMenu > ul > li > a:hover {
            color: #72c267;
        }

        .pageMenu > ul > li:first-child > a {
            border-left: none;
        }

        .pageMenu > ul > li:hover > .dropdownMenu {
            height: auto;
            border-bottom: 8px solid #91c849;
        }

        .pageMenu > ul > li.dropCenter {
            position: inherit;
        }

            .pageMenu > ul > li.dropCenter .dropdownMenu {
                left: 50%;
                margin: 0 0 0 -402px;
            }

        .pageMenu > ul > li.dropRight .dropdownMenu {
            right: 0;
            left: auto;
        }

.dropdownMenu {
    width: 805px;
    background: #525157;
    border-bottom: 0 none;
    position: absolute;
    z-index: 6;
    top: 100%;
    text-align: left;
    left: 0;
    display: block;
    height: 0;
    margin-top: 5px;
    overflow: hidden;
}

.dropdownSubMenu {
    float: left;
    width: 195px;
}

    .dropdownSubMenu ul {
        width: 100%;
    }

        .dropdownSubMenu ul li {
            background: #646368;
            border-bottom: 1px solid #747377;
            border-right: 6px solid #5a595d;
            width: 100%;
        }

            .dropdownSubMenu ul li a {
                color: #dadada;
                display: block;
                margin: 9.2px 30px;
                font-family: "zurich_ltcn_btlight";
                font-size: 16px;
                text-transform: uppercase;
            }

            .dropdownSubMenu ul li:hover {
                background: none;
                border-right: none;
                cursor: pointer;
            }

.dropdownRight {
    float: right;
    width: 604px;
}

.dropdownImg img {
    padding: 25px;
    float: left;
}

.mCustomScrollbar {
    float: right;
    height: 246px;
    margin-right: 20px;
    margin-top: 22px;
    width: 200px;
}

.dropdownRight > a {
    background-image: url(../images/imgDropdownCategoryBtn.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-color: #434248;
    color: #fff;
    display: block;
    float: right;
    text-align: inherit;
    font-size: 13px;
    margin: 10px 20px 0 0;
    padding: 9px 20px 10px 10px;
    border: 1px solid #a9a8ab;
    text-transform: uppercase;
    width: 179px;
}

.mCustomScrollbar > a:hover {
    background-color: #525157;
}

.mCustomScrollbar ul {
    padding: 0;
    margin: 0;
}

    .mCustomScrollbar ul li {
        width: 100%;
        list-style-image: url(../images/imgDropdownCategory.png);
        margin: 0 0 0 11px;
    }

        .mCustomScrollbar ul li a {
            color: #fff;
            display: block;
            font-size: 14px;
            margin: 9px 0;
        }

.headerTop {
    margin: 15px 0 0;
    overflow: hidden;
}

.headerTopMenu {
    color: #b7b7b7;
    float: left;
    height: 33px;
    margin: 10px 5px 0;
}

.searchForm {
    position: absolute;
    height: 43px;
    width: 43px;
    background: red;
    z-index: 1;
    left: 0;
    top: 1px;
}

.click {
    background: url(../images/btnSearch.png) #fff no-repeat;
    height: 43px;
    position: absolute;
    width: 43px;
    z-index: 2;
    cursor: pointer;
    border: 1px solid #dbdbdb;
    left: 0;
    top: 0;
}

    .click.active {
        background: url(../images/btnSearchClose.png) #fff;
        no-repeat;
    }

.searchArea {
    background: #ddd;
    height: 45px;
    width: 100%;
    overflow: hidden;
    float: right;
}


.searchText {
    border: medium none;
    float: left;
    font-family: "zurich_ltcn_btlight";
    font-size: 16px;
    height: 43px;
    margin: 1px 0 0 1px;
    padding: 0 0 0 12px;
    width: 78%;
}

.searchBtn {
    float: right;
    width: 44px;
    border: none;
    margin: 1px 0 0;
    height: 43px;
    cursor: pointer;
    background: url(../images/btnSearch.png) no-repeat;
}

.headerTopMenu ul li {
    height: 28px;
    padding: 0;
    border-left: 1px solid #e5e5e5;
    line-height: 28px;
}

    .headerTopMenu ul li:first-child {
        border-left: none;
    }

    .headerTopMenu ul li span {
        background-image: url(../images/sprite.png);
        background-repeat: no-repeat;
        float: left;
        height: 23px;
        width: 23px;
        margin: 0 2px 0 11px;
    }

.headerTopMenu ul .btnTaste span {
    background-position: -110px -4px;
}

.headerTopMenu ul .btnRead span {
    background-position: -137px -7px;
}

.headerTopMenu ul .btnListen span {
    background-position: -164px -5px;
}

.headerTopMenu ul .btnDiscover span {
    background-position: -192px -4px;
}

.headerTopMenu ul .btnLearn span {
    background-position: -216px -4px;
}

.headerTopMenu ul li a {
    color: #000;
    text-transform: uppercase;
    font-family: "zurich_ltcn_btlight";
    font-size: 15px;
    display: block;
    float: right;
    padding: 0 11px 0 4px;
}

    .headerTopMenu ul li a:hover {
        color: #72c267;
    }

#pageFooter {
    margin-top: 15px;
    background-color: #313d53;
}


.footerMenu {
    border-bottom: 1px solid #465165;
    text-align: center;
    width: 100%;
}

    .footerMenu ul {
        width: auto;
        padding: 23px 0;
        text-align: center;
        float: left;
    }

        .footerMenu ul li {
            /* display: inline-block; */
            float: none;
            border-left: 0;
            text-align: left;
            margin-bottom: 9px;
        }

            .footerMenu ul li:first-child {
                border-left: none;
            }

            .footerMenu ul li a {
                color: #babec5;
                font-family: 'zurich_ltcn_btlight';
                font-weight: normal;
                padding: 0;
                font-size: 16px;
                line-height: 16px;
                text-transform: uppercase;
            }

                .footerMenu ul li a.active {
                    color: #eef2f9;
                }

                .footerMenu ul li a:hover {
                    color: #eef2f9;
                }

.pageFooterBottom {
    margin: 0;
    padding: 20px 0;
    display: inline-block;
    width: 100%;
}

    .pageFooterBottom p, .pageFooterBottom a {
        text-align: center;
        color: #babec5;
        font-family: 'zurich_lt_btlight';
        font-weight: normal;
        font-size: 13px;
        line-height: 21px;
    }
.pageFooterBottom a:hover{color:#949496}
    .pageFooterBottom .socialMenu {
        margin-top: 0;
        float: right;
        width: 225px;
    }

        .pageFooterBottom .socialMenu ul {
            text-align: left;
            width: 100%;
        }

            .pageFooterBottom .socialMenu ul li {
                text-align: center;
                float: none;
                display: inline-block;
            }

                .pageFooterBottom .socialMenu ul li a {
                    background: url(../images/sprite.png) no-repeat;
                    display: block;
                    height: 22px;
                    text-indent: -9999px;
                    width: 22px;
                }

                .pageFooterBottom .socialMenu ul li.btnFacebook a {
                    background-position: -109px -35px;
                }

                .pageFooterBottom .socialMenu ul li.btnTwitter a {
                    background-position: -140px -35px;
                }

                .pageFooterBottom .socialMenu ul li.btnLinkedIn a {
                    background-position: -165px -35px;
                }



                .pageFooterBottom .socialMenu ul li.btnYoutube a {
                    background-position: -220px -35px;
                }

                .pageFooterBottom .socialMenu ul li.btnBlog a {
                    background-position: -250px -35px;
                }

                .pageFooterBottom .socialMenu ul li.btnInst a {
                    background-position: -250px -35px;
                }

.homeContent {
    position: relative;
    margin-right: -15px;
}

.subpageContent {
    position: relative;
}

.largeBox {
    width: 443px;
    float: left;
    height: 443px;
    margin: 15px 15px 0 0;
    overflow: hidden;
    background: #ccc;
    position: relative;
}

    .largeBox:hover > img {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

    .largeBox.green:hover > img {
        transform: none;
    }

    /*.redInitative {
    left: 41px;
    bottom: 30px;
	z-index:1;
    position: absolute;
}
*/
    .largeBox.orange {
        background: #46c4d3;
        text-align: left;
        color: #fff;
        text-transform: uppercase;
    }

        .largeBox.orange h1 {
            font-family: 'zurich_ltcn_btlight';
            font-weight: normal;
            font-size: 52px;
            line-height: 52px;
            padding: 45px 45px 0;
        }

        .largeBox.orange h2 {
            font-family: "zurich_cn_btbold";
            font-size: 41px;
            border-bottom: 1px dashed #e1e1e1;
            padding-bottom: 35px;
            padding: 0 0 35px;
            margin: 17px 45px 0;
        }

        .largeBox.orange p {
            font-family: "zurich_cn_btbold";
            font-size: 22px;
            margin: 30px 45px 30px;
        }

        .largeBox.orange h1 span {
            color: #127b9d;
        }

    .largeBox.aboutUs {
        background: #6b9d40;
    }

        .largeBox.aboutUs h1 {
            font-weight: normal;
            font-family: 'zurich_cn_btbold';
            text-transform: uppercase;
            color: #fff;
            font-size: 24px;
            padding: 52px 52px 0;
        }

            .largeBox.aboutUs h1 span {
                color: #e8e8e7;
                font-size: 16px;
                margin-top: 3px;
                display: block;
            }

        .largeBox.aboutUs hr {
            background: #9dad2e;
            border: none;
            text-align: left;
            height: 3px;
            width: 28px;
            margin: 10px 0 0 52px;
        }

        .largeBox.aboutUs p {
            color: #ffffff;
            line-height: 22px;
            font-size: 15px;
            font-family: 'zurich_lt_btlight';
            margin: 10px 52px 0;
        }

        .largeBox.aboutUs a {
            display: block;
            background: url(../images/imgReadArrow.png) no-repeat right 0;
            border: 1px solid #899728;
            display: block;
            font-size: 14px;
            padding: 0 46px 0 9px;
            text-transform: uppercase;
            font-family: 'zurich_cn_btbold';
            color: #fff;
            margin: 25px 0 0 52px;
            height: 32px;
            line-height: 32px;
            float: left;
        }

            .largeBox.aboutUs a:hover {
                color: #fff;
            }

    .largeBox.green {
        background: #343434;
        margin-right: 15px;
        text-align: center;
        box-sizing: border-box;
        margin-top: 15px;
    }

        .largeBox.green > img {
            display: block;
            margin: 10px auto;
        }

        .largeBox.green .orange {
            margin: 13px auto;
            width: auto;
        }

    .largeBox > img, .smallBox > img, .smallBox a > img {
        max-width: 100%;
        display: block;
    }




.smallBox:hover > img, .smallBox a:hover > img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.smallBoxContainer {
    float: left;
    width: 214px;
    margin: 15px 15px 0 0;
}

.smallBox {
    width: 214px;
    float: left;
    height: 214px;
    position: relative;
    overflow: hidden;
    margin: 15px 0 0;
}

.smallBoxContainer .smallBox:first-Child {
    margin: 0 0 0;
}

.largeBox.green.vidoConatiner p {
    color: #fff;
    font-family: "zurich_ltcn_btlight";
    font-size: 30px;
    margin-top: 50px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
    z-index: 5;
}

.largeBox.green.vidoConatiner {
    position: relative;
}

    .largeBox.green.vidoConatiner figure > img {
        width: 100%;
        margin: 0px;
        display: block;
        overflow: hidden;
    }

    .largeBox.green.vidoConatiner figure:hover > img {
        width: 107%;
        margin: -15px 0 0 -15px;
    }

    .largeBox.green.vidoConatiner > a {
        height: 78px;
        left: 50%;
        margin: -10px 0 0 -39px;
        top: 50%;
        width: 79px;
        position: absolute;
    }

.smallBox > a {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 5;
}

.herefrom {
    background: #8ece85 none repeat scroll 0 0;
    float: left;
    text-align: center;
    margin: 15px;
    padding: 10px;
    width: 83%;
}

    .herefrom p {
        color: #4f7033;
        font-family: "zurich_lt_btlight";
        font-size: 21px;
        text-transform: uppercase;
    }

    .herefrom:hover p {
        color: #fff;
    }

    .herefrom span {
        display: block;
        margin: 13px 0;
    }

.clientsSliderSmall div {
    background-color: black;
}

.clientsSliderSmall figure {
    border: 0px solid #e2e2e2;
    display: block;
    min-height: 212px;
    background: #ffffff;
    padding-top: 15px;
    opacity: 0.95;
}

.clientsSliderSmall img {
    width: 100%;
    margin: 0 auto;
}


.imgadz {
    float: left;
    margin: 15px 15px 0;
    overflow: hidden;
    width: 90%;
}

    .imgadz img {
        margin-left: -60px;
        width: 150%;
    }

.inputHolder {
    margin: 23px auto 20px;
    position: relative;
    width: 355px;
}

    .inputHolder label {
        color: #c4e1a7;
        font-size: 13px;
        height: 40px;
        left: 0;
        line-height: 40px;
        padding: 0 0 0 8px;
        position: absolute;
        text-align: left;
        top: 0;
        width: 211px;
        z-index: 2;
        cursor: text;
    }

        .inputHolder label.showLab {
            color: #fff;
        }

    .inputHolder input {
        background: none repeat scroll 0 0 #82c033;
        border: 1px solid #6e9539;
        color: #fff;
        font-size: 15px;
        padding: 10px 10px 10px 8px;
        float: left;
        width: 222px;
    }

    .inputHolder a {
        background-color: #395416;
        color: #fff;
        font-size: 13px;
        display: block;
        font-family: "zurich_cn_btbold";
        text-transform: uppercase;
        float: right;
        padding: 12px 44px 12px 15px;
        background-image: url(../images/imgSubscribeBtnArrow.png);
        background-position: 76px center;
        background-repeat: no-repeat;
    }

        .inputHolder a:hover {
            background-color: #589804;
        }

/*inner page starts*/

.extraLargeBox {
    background: #f6f6f6;
    position: relative;
    width: 830px;
    float: left;
    overflow: hidden;
    margin: 15px 0px 0 0;
    padding: 40px 0 20px 0;
    min-height: 600px;
}

.width100 {
    width: 100%;
}

.extraLargeBox h1 {
    color: #4c4c4c;
    font-family: "zurich_cn_btbold";
    font-size: 24px;
    font-weight: normal;
    margin: 0px 39px 0;
    text-transform: uppercase;
}

.extraLargeBox figure {
    margin: 20px 39px;
}

.extraLargeBox > figure img {
    width: 100%;
}



.extraLargeBox > img {
    margin: 20px 0 20px 39px;
    width: 90%;
}

.extraLargeBox h1 span {
    color: #979797;
    display: block;
    font-family: "zurich_lt_btlight";
    font-size: 16px;
    margin-top: 3px;
}

.extraLargeBox hr {
    background: none repeat scroll 0 0 #bebebe;
    border: medium none;
    height: 3px;
    text-align: left;
    margin: 15px 0 15px 39px;
    width: 28px;
}

.extraLargeBox p, .productDetail ul {
    color: #4d4d4d;
    font-family: "zurich_lt_btlight";
    font-size: 15px;
    line-height: 22px;
    margin: 10px 39px 0;
}

.productDetail > ul li {
    width: 100%;
    background: url(../images/bullet.png) left no-repeat;
    padding-left: 15px;
}

.productDetail a {
    color: #87bb44;
}

.productFeatures {
    text-align: center;
    margin: 30px 30px 0 0;
}

    .productFeatures h3 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 20px;
        font-weight: normal;
        margin-top: 10px auto 0px;
        text-transform: uppercase;
    }

    .productFeatures > hr {
        margin: 15px auto !important;
    }

    .productFeatures ul {
        margin: 30px auto;
    }

    .productFeatures li {
        border-left: 1px dashed #cecece;
        display: inline-block;
        float: none;
        width: 24%;
        margin-bottom: 15px;
    }

.productFeaturesimg {
    width: 65%;
    margin-bottom: 10px;
}

.noBorder {
    border-left: medium none !important;
}

.productFeatures li:first-child {
    border-left: 0px;
}

.productFeatures li figure {
    margin: 20px auto;
}

.productFeatures li p {
    margin: 0 15px;
}

.extraLargeBox > hr {
    background: #bebebe none repeat scroll 0 0;
    border: medium none;
    height: 3px;
    margin: 10px 0;
    text-align: left;
    width: 28px;
    margin-left: 39px;
}

.extraLargeBox a:hover {
    color: #72c267;
}



.btnList ul {
    float: left;
    margin: 67px 21px 17px 18px;
}

    .btnList ul li {
        width: 49%;
        float: left;
        margin-bottom: 20px;
    }

        .btnList ul li a {
            background-image: url(../images/imgBtnArrow.png);
            background-repeat: no-repeat;
            background-position: right center;
            display: block;
            margin: 0 0 0 20px;
            background-color: #777777;
            color: #fff;
            padding-left: 20px;
            font-family: "zurich_cn_btbold";
            height: 51px;
            float: none;
            line-height: 51px;
            text-transform: uppercase;
            font-size: 18px;
        }

            .btnList ul li a:hover {
                background-color: #72c267;
                color: #fff;
                border: 1px solid #fff;
            }

.leftBoxContainer {
    position: relative;
    width: 300px;
    margin: 0px;
    float: left;
}

.productMenu {
    color: #fff;
    display: inline-block;
    font-family: "zurich_cn_btbold";
    font-size: 20px;
    font-weight: normal;
    padding: 12px 0 12px 15px;
    text-transform: uppercase;
    background-color: #72c267;
    display: none;
    cursor: pointer;
    margin: 10px 15px 0 0;
}

.mediumBox {
    margin: 15px 15px 0 0;
    position: relative;
}

.squareBox {
    height: 442px;
    margin: 15px 15px 0 0;
    overflow: hidden;
    position: relative;
}

.mediumBox.green {
    background: #72c267;
}

.mediumBox ul li {
    background: #72c267 url("../images/arrowleftMenu.png") no-repeat scroll 250px 20px;
    border-bottom: 1px solid #b9e1b3;
    width: 100%;
    position: relative;
}

    .mediumBox ul li:hover, .mediumBox ul li.active {
        background: #519347 url("../images/arrowleftMenu.png") no-repeat scroll 250px 20px;
    }

    .mediumBox ul li a {
        color: #fff;
        display: inline-block;
        font-family: "zurich_cn_btbold";
        font-size: 20px;
        font-weight: normal;
        padding: 12px 0 12px 15px;
        text-transform: uppercase;
        width: 100%;
    }

    .mediumBox ul li ul.subMenu {
        opacity: 0;
        display: none;
        margin-left: 286px;
        position: absolute;
        top: 0;
        width: 247px;
        z-index: 10;
    }

    .mediumBox ul li:hover ul.subMenu {
        opacity: 1;
        display: block;
    }

.mediumBox > a {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

.smallBoxContainer.blue {
    background: #43b9c7;
    height: 391px;
    float: left;
    margin: 15px 15px 0 0;
    width: 214px;
    padding-top: 53px;
    position: relative;
    text-align: center;
}

    .smallBoxContainer.blue span {
        color: #156972;
        display: block;
        font-family: "zurich_cn_btbold";
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 50px;
        text-transform: uppercase;
    }

    .smallBoxContainer.blue img {
        margin: 0 auto;
        display: block;
    }

    .smallBoxContainer.blue > a {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
    }

.mediumBox.green h2 {
    color: #fff;
    font-family: "zurich_cn_btbold";
    font-size: 45px;
    font-weight: normal;
    padding: 11px 21px 0;
    text-transform: uppercase;
}

.mediumBox.green h3 {
    color: #cbf298;
    font-family: "zurich_ltcn_btlight";
    font-size: 38px;
    font-weight: normal;
    padding: 15px 21px 0;
    text-transform: uppercase;
}

.mediumBox.green hr {
    background: none repeat scroll 0 0 #74a03a;
    border: medium none;
    height: 5px;
    margin: 15px 0 5px 23px;
    width: 31px;
    text-align: left;
}

.smallBoxBottom {
    float: left;
    margin: 0;
    width: 443px;
}

    .smallBoxBottom .single {
        margin-right: 15px;
    }

/*----------------------- Popup --------------------------*/

.popUp {
    background: rgba(0, 0, 0, 0) url("../images/bg.png") repeat scroll 0 0;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}

    .popUp.show {
        display: block;
    }


.popUpContent {
    background: #fff none repeat scroll 0 0;
    height: 460px;
    margin: -230px 0 0 -308px;
    max-width: 615px;
    padding: 13px;
    position: relative;
    text-align: center;
    top: 50%;
    left: 50%;
    position: fixed;
}

    .popUpContent a.close {
        position: absolute;
        right: -33px;
        top: -33px;
    }

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

.categoryList {
    margin: 50px 0px 0 40px;
}

    .categoryList ul li {
        background: #ffffff none repeat scroll 0 0;
        float: left;
        height: auto;
        margin: 0 25px 25px 0;
        overflow: hidden;
        padding-bottom: 28px;
        position: relative;
        width: 229px;
    }

        .categoryList ul li figure {
            height: 170px;
            overflow: hidden;
            padding-top: 10px;
            position: relative;
            text-align: center;
        }

            .categoryList ul li figure img {
                display: block;
                margin: 0 auto;
                max-height: 96%;
                max-width: 90%;
            }

        .categoryList ul li div.black {
            position: absolute;
            left: 0px;
            top: 0px;
            height: 210px;
            background: url(../images/black2.html);
            z-index: 10;
            width: 100%;
        }

        .categoryList ul li figure span {
            width: 57px;
            height: 50px;
            color: #fff;
            font-family: "zurich_cn_btbold";
            font-size: 25px;
            line-height: 25px;
            font-weight: normal;
            padding-top: 7px;
            text-transform: uppercase;
            position: absolute;
            text-align: center;
            bottom: 0px;
            right: 0px;
            z-index: 20;
            background: url(../images/green.png);
        }

            .categoryList ul li figure span > img {
                width: auto;
                margin: 0 0 0 9px;
            }

/*----------------------- Blog ------------------------*/

.blogList {
    margin: 30px 0px 0 40px;
}

    .blogList ul li {
        background: #ffffff none repeat scroll 0 0;
        height: auto;
        margin: 0 40px 25px 0;
        position: relative;
    }

        .blogList ul li figure {
            overflow: hidden;
            width: 250px;
            position: absolute;
            left: 0px;
            top: 0px;
        }

            .blogList ul li figure img {
                width: 100%;
                display: block;
            }

            .blogList ul li figure:hover img {
                width: 105%;
                opacity: 0.92;
                display: block;
            }


            .blogList ul li figure span {
                width: 57px;
                height: 50px;
                color: #fff;
                font-family: "zurich_cn_btbold";
                font-size: 25px;
                line-height: 25px;
                font-weight: normal;
                padding-top: 7px;
                text-transform: uppercase;
                position: absolute;
                text-align: center;
                bottom: 0px;
                right: 0px;
                z-index: 10;
                background: url(../images/green.png);
            }

        .blogList ul li div.listDetail {
            margin: 20px 0 65px 270px;
            padding: 0px;
        }

            .blogList ul li div.listDetail h2 {
                max-height: 45px;
                margin-right: 25px;
            }

            .blogList ul li div.listDetail h3 {
                color: #9a9a9a;
                font-family: "zurich_lt_btlight";
                font-size: 14px;
                font-weight: normal;
                line-height: 18px;
                text-transform: uppercase;
                margin-top: 8px;
            }

        .blogList ul li figure span > img {
            width: auto;
            margin: 0 0 0 9px;
        }

        .blogList ul li div.listDetail aside {
            height: auto;
            overflow: auto;
        }

/*----------- Blog End ---------------*/

.listDetail {
    margin-left: 25px;
    padding-top: 25px;
    position: relative;
}

    .listDetail h2 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 19px;
        font-weight: normal;
        text-transform: uppercase;
        max-height: 50px;
        overflow: hidden;
        line-height: 22px;
    }

    /*.listDetail h2:hover{
    font-size: 15px;
	font-family: "zurich_cn_btbold";
	text-transform: capitalize;
	line-height: 25px;
	max-height: 50px;
	cursor: default;
}
*/
    .listDetail h3 {
        color: #9a9a9a;
        font-family: "zurich_cn_btbold";
        font-size: 15px;
        font-weight: normal;
        text-transform: uppercase;
        max-height: 50px;
        overflow: hidden;
        line-height: 22px;
    }


    .listDetail hr {
        background: none repeat scroll 0 0 #bebebe;
        border: medium none;
        height: 3px;
        margin: 10px 0 10px 0px;
        text-align: left;
        width: 28px;
    }

    .listDetail p {
        color: #4d4d4d;
        font-family: "zurich_lt_btlight";
        font-size: 14px;
        line-height: 22px;
        margin: 0px 39px 0 0;
    }

    .listDetail aside {
        height: 140px;
        overflow: hidden;
    }

    .listDetail a {
        background: url("../images/imgReadArrow.png") no-repeat scroll right #72c267;
        border: 1px solid #508748;
        color: #fff;
        display: block;
        float: left;
        font-family: "zurich_cn_btbold";
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        margin: 10px 0 0;
        padding: 1px 55px 0 12px;
        text-transform: uppercase;
    }

        .listDetail a:hover {
            color: #eaf6e8;
        }

.fullPage {
    background: none repeat scroll 0 0 #f6f6f6;
    float: right;
    margin: 15px 0px 0 0;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.fullPageHeader {
    background: none repeat scroll 0 0 #89c935;
    margin: 15px 0 0;
    padding: 21px 31px;
}

    .fullPageHeader > h2 {
        color: #fff;
        font-family: "zurich_cn_btbold";
        font-size: 45px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .fullPageHeader hr {
        background: none repeat scroll 0 0 #74a03a;
        border: medium none;
        height: 5px;
        margin: 10px 0 0;
        text-align: left;
        width: 31px;
    }

    .fullPageHeader h3 {
        color: #cbf298;
        font-family: "zurich_ltcn_btlight";
        font-size: 38px;
        font-weight: normal;
        padding: 10px 0 0;
        text-transform: uppercase;
    }

.eventsList {
    margin: 50px 40px 0;
}


    .eventsList ul li {
        background: none repeat scroll 0 0 #f7f7f7;
        border-bottom: 3px solid #cfcfcf;
        margin-bottom: 19px;
        overflow: hidden;
        position: relative;
        width: 100%;
    }

        .eventsList ul li .listDetail a {
            margin: 15px 0;
        }

        .eventsList ul li figure {
            position: absolute;
        }

    .eventsList .content {
        height: 43px;
        overflow: hidden;
    }

        .eventsList .content.show {
            height: auto;
        }

    .eventsList h2 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 17px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .eventsList h3 {
        color: #4c4c4c;
        font-style: italic;
        font-weight: bold;
        margin: 3px 0;
    }

.addressBox {
    margin: 22px 0 0 22px;
    padding: 0 0 15px 0;
}

    .addressBox h2 {
        color: #333;
        font-size: 19px;
    }


#ContentPlaceHolder1_chkFruits tr {
    float: left;
    margin-right: 12px;
}

.contactMap {
    margin: 0 20px 20px 20px;
}

.addressBox p {
    margin: 0;
}

.formHolder {
    margin: 20px 20px 0 20px;
}

    .formHolder .inputHolderContact {
        background: none repeat scroll 0 0 #fcfcfd;
        border: 1px solid #d1d1d1;
        height: 35px;
        margin: 45px 0 0;
        position: relative;
        width: auto;
    }

.formolder .inputHolderContact {
    max-width: 650px;
}

.formHolder .inputHolderContact span {
    color: #333333;
    font-family: "zurich_lt_btlight";
    font-size: 14px;
    left: 0;
    line-height: 18px;
    position: absolute;
    top: -32px;
}

    .formHolder .inputHolderContact span em {
        color: #d11818;
        font-family: "zurich_lt_btlight";
        font-size: 20px;
        font-style: normal;
        padding: 0 3px;
    }

.formHolder .inputHolderContact label {
    height: 36px;
    left: 0;
    line-height: 34px;
    text-indent: 2.5%;
    top: 0;
    width: 100%;
    z-index: 1;
}

    .formHolder .inputHolderContact label .showLab {
        color: #b2b2b3;
    }

.formHolder .inputHolderContact select {
    background: none;
    border: 0 none;
    color: #b2b2b3;
    cursor: pointer;
    font-family: "zurich_lt_btlight";
    font-size: 14px;
    font-weight: normal;
    height: 19px;
    left: 3%;
    line-height: 19px;
    position: absolute;
    top: 7px;
    width: 94%;
    z-index: 0;
}

.formHolder .inputHolderContact textarea {
    background: none;
    border: 0 none;
    color: #b2b2b3;
    cursor: text;
    font-family: "zurich_lt_btlight";
    font-size: 15px;
    font-weight: normal;
    height: 130px;
    left: 2.5%;
    line-height: 18px;
    position: absolute;
    top: 7px;
    width: 94%;
    z-index: 0;
}

.formHolder .inputHolderContact input, .formHolder .inputHolderContact label {
    border: 0 none;
    color: #b2b2b3;
    cursor: text;
    font-size: 14px;
    font-weight: normal;
    position: absolute;
}

.formHolder .inputHolderContact input {
    background: none;
    color: #b2b2b3;
    font-family: "zurich_lt_btlight";
    height: 35px;
    left: 0%;
    line-height: 35px;
    top: 0px;
    padding: 0 0 0 15px;
    border: none;
    width: 94%;
    z-index: 0;
}

.formHolder .inputHolderContact.textHolder {
    height: 150px;
}

.formHolder .btnSubmit {
    background: #72c267;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 10px;
    margin: 27px 0px 30px 0;
}

    .formHolder .btnSubmit:hover {
        background: none;
        color: #777;
        border: 1px solid #777777;
    }

.formHolder .btnClear {
    background: #777777;
    color: #fff;
    border: 1px solid #fff;
    padding: 0 10px;
    margin: 27px 15px 30px 0;
}

    .formHolder .btnClear:hover {
        background: none;
        color: #777;
        border: 1px solid #777777;
    }

/*------------------------ brands List -----------------------*/

.brandsList {
    padding: 50px 0 0px 55px;
}

    .brandsList h1 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 24px;
        font-weight: normal;
        text-transform: uppercase;
    }

    .brandsList hr {
        background: #bebebe none repeat scroll 0 0;
        border: medium none;
        height: 3px;
        margin: 10px 0 20px 0px;
        text-align: left;
        width: 28px;
    }

    .brandsList ul {
        padding-top: 15px;
    }

        .brandsList ul li {
            margin: 0 40px 40px 0px;
            width: 315px;
            height: 200px;
            overflow: hidden;
            position: relative;
            border: 1px solid #e7e7e7;
        }

            .brandsList ul li:hover a {
                opacity: 1;
            }

            .brandsList ul li a {
                opacity: 0;
                width: 100%;
                height: 100%;
                background-color: #2b4b22;
                position: absolute;
                left: 0px;
                top: 0px;
                text-align: center;
            }

                .brandsList ul li a h2 {
                    color: #fff;
                    font-family: "zurich_cn_btbold";
                    font-size: 20px;
                    font-weight: normal;
                    text-transform: uppercase;
                    margin: 20px 30px 10px 30px;
                }

                .brandsList ul li a p {
                    color: #fff;
                    font-family: "zurich_lt_btlight";
                    font-size: 16px;
                    line-height: 22px;
                    margin: 0 15px 10px;
                    height: 68px;
                    overflow: hidden;
                }

                .brandsList ul li a span, a.readMore {
                    background: #72c267 url("../images/imgReadArrow.png") no-repeat scroll right center;
                    border: 1px solid #508748;
                    color: #fff;
                    display: inline-block;
                    font-family: "zurich_cn_btbold";
                    font-size: 14px;
                    height: 32px;
                    line-height: 32px;
                    margin: 10px 0 0;
                    padding: 1px 55px 0 12px;
                    text-transform: uppercase;
                }

a.visitSite, a.catalog {
    background: rgba(0, 0, 0, 0) url("../images/newtab.png") no-repeat scroll left center;
    color: #666666;
    display: inline-block;
    font-family: "zurich_lt_btlight";
    font-size: 16px;
    line-height: 32px;
    margin: 0 0 0 38px;
    padding: 1px 0px 0 18px;
}

    a.visitSite:hover, a.catalog:hover {
        color: #000;
    }

a.catalog {
    background: rgba(0, 0, 0, 0) url("../images/pdfIcon.png") no-repeat scroll left center;
    padding-left: 22px;
    margin-left: 25px;
}



.brandsList ul li a span:hover, a.readMore:hover {
    background-color: #7bcb70;
    color: #fff;
}

.productDetail > p {
    margin-bottom: 20px;
}

.productDetail a.readMore {
    margin: 0 0 20px 39px;
}



.brandsList ul li figure img {
    display: block;
    margin-top: -40px;
}



.whr2buy figure, .brandsList ul li figure {
    background-color: white;
    text-align: center;
}

    .whr2buy ul li figure img, .brandsList ul li figure img {
        display: block;
        margin: -40px auto 0 auto;
    }

.whr2buy ul li a p {
    height: 129px;
}

/*-------------------------------TABS-----------------*/

.contentTabs {
    margin-top: 40px;
    position: relative;
}

.tabs {
    margin: 0px 50px 0 0;
    padding: 0px;
    list-style: none;
    background: none;
    background: url(../images/bgtab.jpg) repeat-x left 53px;
    height: 80px;
    display: block;
}

    .tabs span {
        color: #747474;
        cursor: pointer;
        display: inline-block;
        font-family: "zurich_cn_btbold";
        font-size: 20px;
        line-height: 23px;
        margin: 0;
        padding: 15px 25px;
        text-transform: uppercase;
    }

        .tabs span:first-child {
            margin-left: 20px;
        }

        .tabs span:hover {
            background: none;
        }

        .tabs span.current {
            background-color: #f6f6f6;
            color: #4c4c4c;
            border: 1px solid #b7b7b7;
            border-bottom: 0px;
        }

.tab-content {
    display: none;
    line-height: 1.4;
    color: #333333;
    font-family: "Open Sans", sans-serif;
    font-size: 15px;
    padding-top: 0px;
}

    .tab-content.current {
        display: inherit;
    }

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


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


.productListingStrip.slider {
    margin: 50px auto;
    width: 90%;
}

    .productListingStrip.slider .slick-slide {
        margin: 0px 0px;
    }

    .productListingStrip.slider figure {
        margin: 20px 15px;
        height: 300px;
    }

    .productListingStrip.slider h3 {
        font-family: "zurich_lt_btlight";
        font-weight: bold;
        font-size: 14px;
    }

    .productListingStrip.slider p {
        margin: 10px 10px 0;
    }

    .productListingStrip.slider .slick-slide img {
        width: auto;
        max-height: 100%;
        margin: 0 auto;
    }

    .productListingStrip.slider .slick-prev:before,
    .productListingStrip.slider .slick-next:before {
        color: #d97d16;
        font-size: 25px;
    }


    .productListingStrip.slider .slick-slide {
        transition: all ease-in-out .3s;
        opacity: 1;
    }

    .productListingStrip.slider .slick-active {
        opacity: 1;
    }

    .productListingStrip.slider .slick-current {
        opacity: 1;
    }

@media only screen and (max-width: 900px) {
    .bottom-footer p {
        float: inherit;
        margin: 0;
    }

    .productListingStrip.slider {
        width: 100%;
        margin: 100px auto;
    }
}



/*------------------------ About Page & Search Result -----------------------*/

.aboutPage {
    padding: 50px 0 50px 55px;
}

    .aboutPage h1, .searchResult h1 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 24px;
        font-weight: normal;
        text-transform: uppercase;
    }



    .aboutPage hr, .searchResult hr {
        background: #bebebe none repeat scroll 0 0;
        border: medium none;
        height: 3px;
        margin: 10px 0 20px 0px;
        text-align: left;
        width: 28px;
    }

    .aboutPage p, .whr2buy p, .searchResult p {
        color: #4d4d4d;
        font-family: "zurich_lt_btlight";
        font-size: 15px;
        line-height: 22px;
        margin: 10px 50px 0 0;
    }

        .aboutPage p.large {
            color: #4d4d4d;
            font-family: "zurich_lt_btlight";
            font-size: 25px;
            line-height: 22px;
            margin: 40px 0 0px 0;
            width: 100%;
            text-align: center;
        }



.clientsSliderHolder {
    margin: 30px 60px 0 0;
}

.clientsSlider figure {
    border: 1px solid #e2e2e2;
    max-height: 120px;
    text-align: center;
    background-color: white;
    margin: 0 5px;
    overflow: hidden;
}

    .clientsSlider figure img {
        height: 150px;
        margin: -15px auto 0;
        max-width: 100%;
    }

.clientsSlider .slick-prev::before, .clientsSlider .slick-next::before {
    width: 14px;
    height: 46px;
    text-indent: 200px;
    color: transparent;
    display: block;
}

.clientsSlider .slick-prev::before {
    background: url(../images/sliderLeftArrow.png) no-repeat center top;
}

.clientsSlider .slick-next::before {
    background: url(../images/sliderRightArrow.png) no-repeat center top;
}

.clientsSliderHome figure img {
    width: 100%;
}

.clientsSliderHome span {
    position: absolute;
    left: 10px;
    bottom: 10px;
    z-index: 10;
}

.clientsSliderHome figure {
    z-index: 9;
    position: relative;
}


.infGraphics {
    text-align: center;
}

.infGraphics {
    margin: 40px auto;
}

    .infGraphics li {
        display: inline-block;
        float: none;
        margin: 0 auto 0 70px;
        text-align: left;
        vertical-align: top;
        width: 230px;
    }

        .infGraphics li figure {
            margin-bottom: 15px;
            display: none;
            height: 50px;
        }

            .infGraphics li figure img {
                width: auto;
            }

    .infGraphics h3, .searchResult h3 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 18px;
        font-weight: normal;
        margin-top: 10px auto 0px;
        text-transform: uppercase;
    }

    .infGraphics hr {
        margin-bottom: 15px;
    }


    .infGraphics p {
        font-size: 13px;
        line-height: 18px;
        margin-right: 0;
    }

figure.info {
    margin: 10px 38px 0 0;
    text-align: center;
}


.searchResult {
    padding: 50px 55px 30px;
}

    .searchResult li {
        border-bottom: 1px dashed #cecece;
        margin-bottom: 20px;
        padding-bottom: 20px;
    }


        .searchResult li:first-child {
            margin-top: 15px;
        }

    .searchResult figure {
        float: left;
        height: 145px;
        margin-right: 20px;
        overflow: hidden;
        width: 150px;
    }


        .searchResult figure img {
            max-height: 100%;
            width: 100%;
        }

    .searchResult aside p {
        height: 66px;
        overflow: hidden;
        margin-right: 0px;
    }


    .searchResult aside a {
        background: rgba(0, 0, 0, 0) url("../images/imgReadArrow2.png") no-repeat scroll right center;
        color: #87bb44;
        display: inline-block;
        font-family: "zurich_cn_btbold";
        font-size: 16px;
        margin-top: 10px;
        padding-right: 18px;
        text-transform: uppercase;
    }

        .searchResult aside a:hover {
            padding-right: 21px;
        }

.pagination {
    text-align: center;
    margin: 20px auto 5px auto;
}

    .pagination li, .pagination li:first-child {
        display: inline-block;
        float: none;
        background-color: #eeeeee;
        vertical-align: top;
        padding: 10px 16px 0px 16px;
        text-align: center;
        height: 36px;
        margin: auto 6px;
        border: 0px;
    }

        .pagination li p {
            color: #4d4d4d;
            font-family: "zurich_lt_btlight";
            font-size: 17px;
            margin: 5px 8px 0 8px;
        }


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




.sliderDescp {
    text-align: left;
    margin-left: 15px;
}

    .sliderDescp h2 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 24px;
        font-weight: normal;
        margin: 10px 0;
        text-transform: uppercase;
    }

    .sliderDescp h3 {
        color: #87bb44;
        text-transform: uppercase;
        float: left;
        font-family: "zurich_cn_btbold";
        font-size: 19px;
        font-weight: normal;
        margin: 15px 0 0;
    }

    .sliderDescp ul {
        float: left;
        clear: left;
        width: 100%;
    }

        .sliderDescp ul li {
            color: #4d4d4d;
            font-family: "zurich_lt_btlight";
            font-size: 15px;
            margin: 10px 0 0 0px;
            width: 33%;
            text-align: left;
        }

.dLink {
    float: left;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0px 0 20px 40px;
    background: #72c267 url("../images/arrowleftMenu.png") no-repeat scroll 116px 9px;
    color: #fff !important;
    padding: 5px 34px 4px 8px;
}


/*----------------------- Popup --------------------------*/

.popUp {
    background: rgba(0, 0, 0, 0) url("../images/bg.png") repeat scroll 0 0;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 10;
    display: none;
}

    .popUp.show {
        display: block;
    }


.popUpContent {
    background: #fff none repeat scroll 0 0;
    height: 460px;
    margin: -230px 0 0 -308px;
    max-width: 615px;
    padding: 13px;
    position: relative;
    text-align: center;
    top: 50%;
    left: 50%;
    position: fixed;
}

.CloseBtnHolder {
    height: 100px;
    margin: 60px 0 0 -308px;
    width: 640px;
    top: 0%;
    left: 50%;
    position: fixed;
    z-index: 10;
}

.popUp a.close {
    position: absolute;
    right: 0%;
    top: 0%;
}
/*-------------------------------*/

/*---------------------- Video Slider Starts -------------------------*/

.largeBox.green.videoContainer {
    position: relative;
}


    .largeBox.green.videoContainer figure {
        z-index: 1;
        margin-top: -218px;
        position: relative;
    }

        .largeBox.green.videoContainer figure > img {
            width: 100%;
            margin: 0px;
            display: block;
            overflow: hidden;
        }

    /*.largeBox.green.videoContainer figure:hover > img{
	width: 107%;
	margin: -15px 0 0 -15px;
}*/

    .largeBox.green.videoContainer div aside {
        position: relative;
        left: 0px;
        top: 50px;
        z-index: 5;
        width: 100%;
        text-align: center;
    }

    .largeBox.green.videoContainer p {
        color: #fff;
        font-family: "zurich_ltcn_btlight";
        font-size: 30px;
        text-align: center;
        text-transform: uppercase;
        height: 75px;
        display: block;
        overflow: hidden;
        padding: 0 20px;
        margin-bottom: 60px;
        background-color: rgba(5,0,0,0.4);
        padding-top: 5px;
    }

    .largeBox.green.videoContainer a.videoLink {
        width: 78px;
        height: 78px;
        float: none;
        margin: 0px auto 0 auto;
        display: block;
    }

.videoContainer .slick-next {
    right: 25px;
    background: url(../images/videoRight.png) no-repeat;
    width: 14px;
    height: 26px;
    text-indent: 80px;
    overflow: hidden;
}

.videoContainer .slick-prev {
    left: 25px;
    background: url(../images/videoLeft.png) no-repeat;
    z-index: 1;
    width: 14px;
    height: 26px;
    text-indent: 80px;
    overflow: hidden;
}

/*---------------------- Video Slider Ends -------------------------*/



.detailBox {
    background: #eee;
    float: right;
    margin: 15px 15px 0 0;
    overflow: hidden;
    position: relative;
    width: 673px;
}

    .detailBox p {
        color: #4d4d4d;
        font-family: "zurich_lt_btlight";
        font-size: 15px;
        line-height: 22px;
        margin: 10px 39px 0;
    }

    .detailBox h1 {
        color: #89c935;
        font-family: "zurich_cn_btbold";
        font-size: 24px;
        font-weight: normal;
        padding: 50px 39px 0;
        text-transform: uppercase;
    }

    .detailBox h2 {
        color: #4c4c4c;
        font-family: "zurich_cn_btbold";
        font-size: 20px;
        font-weight: normal;
        padding: 39px 39px 0;
        text-transform: uppercase;
    }

    .detailBox h4 {
        color: #fe3126;
        font-family: "zurich_cn_btbold";
        font-size: 30px;
        font-weight: normal;
        padding: 12px 39px 0;
        text-transform: uppercase;
    }

    .detailBox hr {
        background: none repeat scroll 0 0 #bebebe;
        border: medium none;
        height: 3px;
        margin: 15px 0 15px 39px;
        text-align: left;
        width: 28px;
    }

    .detailBox a {
        background: url("../images/imgReadArrowLeft.png") no-repeat scroll left 0 rgba(0, 0, 0, 0);
        border: 1px solid #a6a6a6;
        color: #686868;
        display: block;
        float: right;
        font-family: "zurich_cn_btbold";
        font-size: 14px;
        height: 32px;
        line-height: 32px;
        margin: 27px 40px 30px 0px;
        padding: 0 9px 0 46px;
        text-transform: uppercase;
    }

    .detailBox .btnList ul {
        float: left;
        margin: 0px 21px 17px 18px;
    }

        .detailBox .btnList ul li {
            width: 49%;
            float: left;
            margin-bottom: 20px;
        }

            .detailBox .btnList ul li a {
                background-image: url(../images/imgBtnArrow.png);
                background-repeat: no-repeat;
                background-position: right center;
                display: block;
                margin: 0 0 0 20px;
                background-color: #777777;
                color: #fff;
                padding-left: 20px;
                font-family: "zurich_cn_btbold";
                height: 51px;
                float: none;
                line-height: 51px;
                text-transform: uppercase;
                font-size: 18px;
            }

                .detailBox .btnList ul li a:hover {
                    background-color: #72c267;
                    color: #fff;
                    border: 1px solid #fff;
                }

.addCart {
    padding: 12px 39px 0;
    width: 300px;
}

    .addCart span {
        font-size: 15px;
        margin: 0 15px 0 0;
    }

.qtyArea {
    width: 55px;
    height: 35px;
    border: 1px solid #c5c5c5;
    background: #d3d3d3;
    border-radius: 5px;
    text-align: center;
}

.addCart > a {
    background-image: url(../images/bgCart.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #89c935;
    color: #fff;
    border: none;
    padding: 0 50px 0 15px;
    font-family: "zurich_cn_btbold";
    height: 35px;
    line-height: 35px;
    text-transform: uppercase;
    font-size: 18px;
    margin: 0;
}

    .addCart > a:hover {
        background-image: url(../images/bgCart.png);
        background-repeat: no-repeat;
        background-position: right center;
        background-color: #6aaa16;
    }



/* ------------------ Contact Page ---------- */

.contactHolder {
    border: 0px solid red;
    position: relative;
    padding: 10px 590px 0px 0;
    margin: 0 0 10px 0;
}

.innerContent h2 {
    color: #333333;
    font-size: 22px;
    line-height: 28px;
    font-family: "zurich_lt_btlight", sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    position: relative;
    padding: 20px 0 10px;
}

    .innerContent h2 em {
        text-transform: none;
        font-style: normal;
    }

    .innerContent h2 span {
        background: #e5e5e5;
        width: 67px;
        height: 5px;
        position: absolute;
        left: 0;
        top: 0;
    }

.innerContent > h3,
.tabItem > h3 {
    color: #333333;
    font-size: 17px;
    line-height: 24px;
    font-family: "zurich_lt_btlight", sans-serif;
    font-weight: 500;
    text-transform: none;
    position: relative;
    padding: 20px 0 0;
    margin: 0 0 8px;
}

.innerContent > h4,
.tabItem > h4 {
    color: #333333;
    font-size: 16px;
    line-height: 24px;
    font-family: "zurich_lt_btlight", sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    position: relative;
    padding: 20px 0 0;
    margin: 0 0 0;
}

.innerContent > ul,
.tabItem > ul {
    margin: 26px 0 0;
}

    .innerContent > ul > li,
    .tabItem > ul > li {
        font-family: "zurich_lt_btlight", sans-serif;
        line-height: 22px;
        font-size: 15px;
        color: #6b6b6b;
        float: none;
        margin: 0 0 5px 20px;
        padding: 0 0 0 17px;
        background: url(../images/bgArrowHomeBox.html) no-repeat 0 7px;
    }

.innerContent p {
    margin: 0 0 10px;
    font-family: "zurich_lt_btlight", sans-serif;
    line-height: 26px;
    font-size: 15px;
    color: #6b6b6b;
}

    .innerContent p > a {
        color: #223e99;
    }

        .innerContent p > a:hover {
            color: #223e99;
            text-decoration: underline;
        }

        .innerContent p > a.readMore {
            color: #223e99;
            background: url(../images/bgBtnAachorTag.html) no-repeat right 6px;
            padding: 0 17px 0 0;
            margin: 0 4px 0 0;
        }

            .innerContent p > a.readMore:hover {
                color: #223e99;
                background: url(../images/bgBtnAachorTag.html) no-repeat right 6px;
                padding: 0 21px 0 0;
                margin: 0 0 0 0;
                text-decoration: none;
            }



.contactHolder p,
.innerContent p {
    margin: 0 0 20px;
    font-family: "zurich_lt_btlight", sans-serif;
    line-height: 26px;
    font-size: 15px;
    color: #6b6b6b;
}

.formolder {
    max-width: 580px;
}

    .formolder p {
        display: none;
    }

.rightFormHolder .formolder {
    padding: 60px 0 0 0;
}

.rightFormHolder {
    min-height: 300px;
    width: 550px;
    position: absolute;
    right: 0;
    top: 0;
    padding: 42px 0 0;
}

    .rightFormHolder p a, .contactHolder p a {
        color: #0092d5;
    }

        .rightFormHolder p a:hover {
            text-decoration: underline;
            color: #0071a5;
        }

.formolder .inputHolder {
    background: #fcfcfd;
    border: 1px solid #d1d1d1;
    height: 35px;
    margin: 45px 0 0;
    position: relative;
    width: auto;
}

    .formolder .inputHolder.textHolder {
        height: 150px;
    }

    .formolder .inputHolder.date {
        background: url(../images/bgDate.html) no-repeat right center #fcfcfd;
    }

    .formolder .inputHolder span {
        color: #333333;
        font-family: "zurich_lt_btlight", sans-serif;
        font-size: 16px;
        left: 0;
        line-height: 18px;
        position: absolute;
        top: -32px;
    }

        .formolder .inputHolder span.errors, .formolder .checkBtn span.errors {
            color: red;
            font-size: 14px;
            text-align: right;
            top: -21px;
            width: 100%;
        }

        .formolder .inputHolder span em {
            color: #d11818;
            font-style: normal;
            font-size: 20px;
            font-family: "zurich_lt_btlight", sans-serif;
        }

    .formolder .inputHolder input,
    .formolder .inputHolder label {
        border: 0 none;
        color: #b2b2b3;
        cursor: text;
        font-size: 16px;
        font-weight: normal;
        position: absolute;
    }

    .formolder .inputHolder label {
        left: 0;
        text-indent: 2%;
        top: 0;
        width: 100%;
        z-index: 1;
        height: 45px;
        line-height: 34px;
    }

        .formolder .inputHolder label.showLab {
            color: #e2e2e2;
        }

    .formolder .inputHolder input {
        background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
        color: #b2b2b3;
        font-family: "zurich_lt_btlight",sans-serif;
        height: 24px;
        left: 2%;
        line-height: 23px;
        top: -5px;
        width: 94%;
        z-index: 0;
    }

    .formolder .inputHolder select {
        background: none;
        border: 0 none;
        color: #b2b2b3;
        cursor: text;
        font-family: "zurich_lt_btlight", sans-serif;
        font-size: 16px;
        font-weight: normal;
        height: 19px;
        left: 3%;
        line-height: 19px;
        position: absolute;
        top: 7px;
        width: 94%;
        z-index: 0;
        cursor: pointer;
    }

    .formolder .inputHolder textarea {
        border: 0 none;
        color: #b2b2b3;
        cursor: text;
        font-family: "zurich_lt_btlight", sans-serif;
        font-size: 16px;
        font-weight: normal;
        height: 130px;
        left: 3%;
        line-height: 18px;
        position: absolute;
        top: 7px;
        width: 94%;
        z-index: 0;
        background: none;
    }

.formolder .btnSubmit {
    background: url(../images/btnSubmit.html) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    height: 47px;
    margin: 20px 0 0;
    border: 0 none;
    text-indent: -9999px;
    width: 157px;
    border: 0 none;
    float: right;
}

.btnSubmitNow {
    background: #72c267 url("../images/imgReadArrow.png") no-repeat scroll right center;
    border: 1px solid #508748;
    color: #fff;
    display: block;
    float: right;
    font-family: "zurich_cn_btbold";
    font-size: 14px;
    height: 32px;
    line-height: 32px;
    margin: 20px 0 0;
    padding: 1px 55px 0 12px;
    text-transform: uppercase;
}

.mapHolder {
    border: 10px solid #e6e6e6;
    width: 485px;
}

.formolder .btnClear {
    background: url("../images/imgReadArrow2.png") no-repeat right 5px;
    color: #6d6d6d;
    display: inline-block;
    font-family: "zurich_lt_btlight", sans-serif;
    font-size: 16px;
    margin: 30px 19px 0 0;
    padding: 0 22px 0 0;
    float: right;
    border: 0px;
}

.formolder .checkBtn {
    color: #333333;
    font-family: "zurich_lt_btlight", sans-serif;
    font-size: 16px;
    line-height: 16px;
}

    .formolder .checkBtn span {
        display: block;
        margin-bottom: 5px;
    }

.checkBtn > aside {
    display: inline-block;
    margin: 10px 15px 7px 0;
}

.checkBtn input {
    margin-right: 5px;
}

.btnMenu {
    display: none;
}


#ContentPlaceHolder1_erroLabel {
    color: #87bb44;
    display: block;
    font-size: 16px;
    margin-bottom: 10px;
}

.headerTopMenu ul li a, .socialMenu ul li.btnFacebook a, .socialMenu ul li.btnTwitter a, .largeBox,
.smallBoxContainer, .pageLogo, .pageLogo img, .socialMenu ul li.btnLinkedIn a, .socialMenu ul li.btnYoutube a, .socialMenu ul li.btnBlog a,
.footerMenu ul li a, #pageContent.divCenter, .pageMenu.show, .pageMenu, .btnMenu, .mediumBox, .extraLargeBox, .leftBoxContainer,
.extraLargeBox ul li a, .extraLargeBox a, .fullPage, .listDetail a, .eventsList .content, .largeBox.aboutUs a, .inputHolder a,
.largeBox > img, .smallBox > img, .dropdownMenu, .herefrom p, .mediumBox ul li, .mediumBox ul li ul.subMenu, .brandsList ul li a,
.brandsList ul li, .brandsList ul, .brandsList ul li, .aboutPage, .aboutPage ul, .aboutPage ul li, .imgadz, .herefrom,
.extraLargeBox h1, .extraLargeBox hr, .extraLargeBox p, .categoryList, .listDetail h1, .listDetail hr, .listDetail p,
.categoryList ul li, .categoryList ul li figure img, .leftBoxContainer.show, .aboutPage ul li a h2, .aboutPage ul li a figure img,
.blogList ul li figure img, .largeBox.green.vidoConatiner figure > img, .smallBox a > img, .searchResult aside a, .socialMenu ul li.btnInst a {
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}

@media only screen and (max-width: 1150px) {
    .divCenter {
        margin: 0 15px;
    }

    .pageMenu > ul > li > a {
        padding: 0 15px 7px 15px;
    }

    #pageContent.divCenter {
        margin: 0 auto;
        max-width: 900px;
    }

    .largeBox {
        height: 351px;
        width: 351px;
    }

    .smallBoxContainer {
        width: 168px;
        overflow: hidden;
    }

    .smallBox {
        height: 168px;
        width: 168px;
    }

    .extraLargeBox {
        width: 520px;
        overflow: hidden;
    }



    .mediumBox {
        position: absolute;
    }

    .extraLargeBox {
        margin: 15px 15px 0 300px;
        width: auto;
        padding-top: 20px;
    }

    #pageContent.divCenter {
        margin: 0 15px;
        max-width: none;
    }

    .smallBoxBottom {
        width: 366px;
    }

        .smallBoxBottom .single {
            margin-right: 15px;
            width: 183px;
        }

    .pageMenu > ul > li > span {
        display: none;
    }

    .dropdownMenu {
        display: none;
    }

    .brandsList {
        padding: 20px 0 0 25px;
    }

        .brandsList ul {
            padding-top: 20px;
        }

            .brandsList ul li {
                margin: 0 20px 20px 0;
            }


    .aboutPage {
        padding: 20px 0 20px 25px;
    }

    .searchResult {
        padding: 20px 20px 20px 25px;
    }

    .extraLargeBox h1, .extraLargeBox hr, .extraLargeBox p, .extraLargeBox img {
        margin-left: 20px;
    }


    .listDetail h1, .listDetail hr, .listDetail p {
        margin-left: 0px;
    }

    .categoryList {
        margin: 20px 0 0 20px;
    }

        .categoryList ul li {
            margin: 0 20px 20px 0;
        }

    .extraLargeBox {
        min-height: auto;
    }

    .width100 {
        width: 100%;
        margin-left: 0px;
    }
}

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

    .aboutPage ul li a:hover h2 {
        margin: -20px auto 0 auto;
    }

    .clientsSliderHolder {
        margin: 30px 25px 0 20px;
    }

    .popUpContent, .CloseBtnHolder {
        margin: 0px 0 0 -308px;
        top: 50px;
    }

    .popUp a.close {
        position: absolute;
        right: 0%;
        top: -40px;
    }
}




@media only screen and (max-width: 1100px) and (min-width: 560px) {

    .categoryList ul li {
        width: 45%;
    }
}


@media only screen and (max-width: 560px) {
    .pageFooterBottom .socialMenu ul li {
        text-align: center;
        float: none;
        display: inline-block;
    }
    .pageFooterBottom .socialMenu ul {
        text-align: center;

        margin: 10px 0;
    }
    .pageFooterBottom .socialMenu{width: 100%;}
    .pageFooterBottom.footer-address p {
        text-align: center;
    }
    .footer-address.pageFooterBottom {

        float: inherit;
        text-align: center;
        width: auto;
    }
    .footerMenu ul li {

        display: inline-block;
        padding: 0 6px;
    }
    .footerMenu ul{float: inherit;     padding-bottom: 0;}

    .categoryList ul li {
        width: 80%;
    }


    .tabs {
        background: rgba(0, 0, 0, 0) url("../images/bgtab.jpg") repeat-x scroll left 76px;
        margin: 0;
    }

        .tabs span {
            width: 70px;
        }
}


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

    .btnMenu {
        display: block;
        width: 45px;
        height: 45px;
        background: url(../images/imgMenuBtn.png) 0 0 no-repeat;
        float: left;
        margin: 0 0 0 10px;
        text-indent: -9999px;
        cursor: pointer;
    }

    .pageMenu {
        background: #313d53;
        border: 0 none;
        margin: 0;
        position: absolute;
        right: -130%;
        top: 100%;
        width: 280px;
        z-index: 10;
    }

    .btnMenu.active {
        background: url(../images/imgMenuBtn.png) right 0 no-repeat;
    }

    .pageMenu.show {
        right: 0;
    }

    .pageMenu ul li {
        border-top: 1px dotted #657187;
        display: block;
        float: none;
        height: auto;
        margin: 0 10px;
    }

        .pageMenu ul li:first-child {
            border-top: 0 none;
        }

        .pageMenu ul li a {
            border-left: 0 none;
            color: #fff;
            display: block;
            font-family: "zurich_ltcn_btlight";
            font-size: 21px;
            height: auto;
            line-height: 23px;
            margin: 0;
            padding: 12px 0 10px;
        }

    .pageMenu > ul > li > a:hover, .pageMenu > ul > li:hover > a {
        border-bottom: 0px;
        color: #909cb2;
    }

    .pageMenu > ul > li.active {
        border-bottom: 0px;
    }


    .headerTop {
        margin: 15px 0;
        overflow: hidden;
        width: 290px;
    }

    .searchArea {
        float: left;
        width: 216px;
    }

    .searchText {
        width: 159px;
    }

    .productFeatures li {
        border-bottom: 1px dashed #cecece;
        border-left: 0px;
        margin-bottom: 15px;
        padding-bottom: 30px;
        width: 48%;
    }

    .productFeatures h3 {
        margin: 10px 5px 0px 5px;
    }

    figure.info {
        display: none;
    }

    .infGraphics li {
        margin: 0px 0px 30px;
        padding: 0 20px 30px;
        width: 40%;
        text-align: center;
    }


    .infGraphics hr {
        margin: 10px auto 15px;
    }

    .infGraphics p {
        margin: 0px;
    }

    .infGraphics li figure {
        display: block;
    }
}


@media only screen and (max-width: 1147px) and (min-width: 916px) {

    .largeBox.orange h1 {
        font-size: 42px;
        padding: 30px 30px 0;
    }

    .largeBox.orange h2 {
        font-size: 33px;
        margin: 17px 30px 0;
        padding: 0 0 10px;
    }

    .largeBox.orange p {
        font-size: 15px;
        margin: 20px 30px 0;
        text-align: center;
    }

    .largeBox.aboutUs h1 {
        font-size: 20px;
        padding: 30px 30px 0;
    }

        .largeBox.aboutUs h1 span {
            font-size: 15px;
        }

    .largeBox.aboutUs hr {
        margin: 10px 0 0 30px;
    }

    .largeBox.aboutUs p {
        margin: 10px 30px 0;
        max-height: 151px;
        overflow: hidden;
    }

    .largeBox.aboutUs a {
        margin: 20px 0 0 30px;
        padding: 0 46px 0 9px;
    }

    .videoContainer p {
        font-size: 21px;
        margin-top: 16px;
    }

    .herefrom span {
        margin: 10px 0 10px;
    }

    .smallBox.videoContainer > a {
        height: 78px;
        left: 50%;
        margin: -2px 0 0 -39px;
        top: 50%;
        width: 79px;
    }

    .largeBox.green > img {
        display: block;
        margin: 3px auto 0;
        width: 113px;
    }

    .btnList ul {
        margin: 56px 21px 17px 18px;
    }

    .pageMenu > ul > li > span {
        display: none;
    }

    .dropdownMenu {
        display: none;
    }
}

@media only screen and (max-width: 916px) {
    .headerTopMenu ul li a {
        font-size: 12px;
        padding: 0 6px 0 4px;
    }

    .headerTopMenu ul li span {
        margin: 0 0 0 4px;
        width: 23px;
    }

    .largeBox {
        height: 443px;
        width: 443px;
    }

    .smallBoxContainer {
        width: 214px;
        height: 443px;
        overflow: hidden;
    }

    .smallBox {
        height: 214px;
        width: 214px;
    }


    .leftBoxContainer .smallBoxContainer .smallBox {
        width: 228px;
        height: 228px;
    }

        .leftBoxContainer .smallBoxContainer .smallBox img {
            width: 100%;
        }

        .leftBoxContainer .smallBoxContainer .smallBox.herefrom span img {
            width: inherit;
        }

    .mediumBox.green h3 {
        font-size: 49px;
    }

    .btnList ul {
        margin: 56px 21px 17px;
    }

        .btnList ul li {
            width: 100%;
        }

            .btnList ul li a {
                margin: 0;
            }

    .leftBoxContainer .smallBoxContainer .smallBox {
        margin: 15px 0 0;
    }

    .extraLargeBox {
        margin-left: 255px;
        padding-top: 20px;
    }

        .extraLargeBox > h1, .extraLargeBox > img, .extraLargeBox > p {
            margin: 0px 10px 10px 20px;
            padding: 0px;
        }

    .leftBoxContainer {
        width: 250px;
        margin: 0 15px 0 0;
    }

    .imgadz, .herefrom {
        margin: 12px;
    }

    .pageLogo {
        float: left;
        margin-top: 10px;
        width: 38%;
    }

    .leftBoxContainer .smallBoxContainer.blue {
        width: 229px;
        height: 433px;
    }

    .leftBoxContainer .smallBoxContainer {
        width: 228px;
        margin: 0;
    }

        .leftBoxContainer .smallBoxContainer.blue img {
            margin: 39px auto;
            width: 70%;
        }

    .mediumBox ul li ul.subMenu {
        margin-left: 213px;
    }


    .smallBoxBottom {
        width: 228px;
    }

        .smallBoxBottom .single {
            margin-right: 0;
            width: 228px;
        }

        .smallBoxBottom .smallBox.herefrom {
            width: 228px;
        }

        .smallBoxBottom .smallBox.single img {
            width: 100%;
        }

    .pageMenu > ul > li > span {
        display: none;
    }

    .dropdownMenu {
        display: none;
    }

    .rightFormHolder {
        position: relative;
    }

    .contactHolder {
        padding: 10px 10px 30px 0;
    }

    .formolder {
        max-width: 100%;
    }

    .rightFormHolder {
        width: 100%;
    }

    .aboutPage {
        padding-right: 20px;
    }

    .formolder .inputHolder label {
        text-indent: 1%;
    }

    .formolder .inputHolder input {
        left: 1%;
        top: -1px;
    }

    .mapHolder {
        border: 2px solid #d9d9d9;
        width: 100%;
        margin-top: 8px;
    }

    .width100 {
        width: 100%;
        margin-left: -15px;
    }

    .rightFormHolder p {
        display: none;
    }

    .formolder p {
        display: block;
    }
}


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

    .extraLargeBox {
        float: none;
        padding: 20px;
    }

        .extraLargeBox h1, .extraLargeBox p, .extraLargeBox hr, .extraLargeBox img {
            padding-left: 0px;
            margin-left: 0px;
        }


    .width100 .blogList {
        margin-left: 0px;
    }

    .mediumBox {
        position: relative;
    }

    .categoryList {
        margin: 20px 0px;
    }

        .categoryList ul li {
            margin: 0 15px 15px 0;
        }

    .leftBoxContainer {
        width: 100%;
    }

    .mediumBox {
        padding: 10px;
        margin: 1px 15px 0 0;
    }

        .mediumBox ul li, .mediumBox ul li:hover {
            width: 100%;
            background: #72c267 url("../images/arrowleftMenu.png") no-repeat scroll 8px 11px;
            border-color: #8ece85;
        }

            .mediumBox ul li.active {
                background: #72c267 url("../images/arrowleftMenu.png") no-repeat scroll 8px 10px;
            }

            .mediumBox ul li a {
                font-family: "zurich_cn_btbold";
                text-transform: capitalize;
                font-size: 19px;
                padding: 8px 6px 6px 30px;
            }

            .mediumBox ul li ul.subMenu {
                display: none;
                opacity: 0;
                position: relative;
                margin-left: 0px;
                width: auto;
                background-color: none;
            }

            .mediumBox ul li:hover ul.subMenu {
                display: none;
                opacity: 0;
            }

            .mediumBox ul li ul.enable {
                display: block !important;
                opacity: 1 !important;
            }

    .plus-minus {
        background: rgba(0, 0, 0, 0) url("../images/plus-minus.png") no-repeat scroll -4px -2px;
        cursor: pointer;
        float: right;
        height: 25px;
        margin: -30px 10px 0 7px;
        position: relative;
        text-indent: -9999px;
        width: 25px;
        z-index: 20;
    }

        .plus-minus.active {
            background: url(../images/plus-minus.png) no-repeat scroll -5px -47px;
        }


    .mediumBox ul li ul.subMenu li {
        background: url("../images/subBullet.png") no-repeat scroll 12px 10px;
        margin-left: 15px;
        border: 0px;
    }

        .mediumBox ul li ul.subMenu li:last-child {
            margin-bottom: 6px;
        }

        .mediumBox ul li ul.subMenu li a {
            font-family: "zurich_lt_btlight";
            font-size: 17px;
            padding: 4px 6px 4px 30px;
        }

    .imgadz, .herefrom {
        width: 40%;
        height: 210px;
        padding: 0px;
    }

        .imgadz img {
            width: auto;
        }

    .leftBoxContainer {
        display: none;
    }

        .leftBoxContainer.show {
            display: block;
        }

    .productMenu {
        display: block;
    }

        .productMenu.active {
            display: block;
        }

    .imgadz, .herefrom {
        display: none;
    }
}


@media only screen and (max-width: 795px) {
    #pageHeader .socialMenu {
        display: none;
    }

    .headerTopMenu {
        color: #b7b7b7;
        float: none;
        height: 33px;
        margin: 10px 0 5px;
    }

    .pageMenu > ul > li > span {
        display: none;
    }

    .dropdownMenu {
        display: none;
    }

    .headerTop {
        margin: 22px 0;
    }

    a.visitSite {
        margin-left: 29px;
    }

    .productListingStrip .slick-prev {
        left: -5px;
    }

    .productListingStrip .slick-next {
        right: 0px;
    }
}

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

    .popUpContent {
        height: 360px;
        left: 0;
        margin: 0;
        padding: 4px;
        top: 65px;
        width: 92%;
    }


        .popUpContent iframe {
            height: 100% !important;
            width: 100% !important;
        }
}

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

    .pageLogo {
        width: 230px;
    }


    .largeBox, .smallBoxContainer {
        height: auto;
        width: 100%;
        margin: 15px 0 0;
    }

        .largeBox.aboutUs, .largeBox.green {
            padding: 0 0 20px;
        }

    .smallBox {
        margin: 0 0 0 15px;
    }

    .smallBoxContainer .smallBox:first-child {
        margin: 0;
    }

    .homeContent {
        margin: 0 15px;
        position: relative;
    }

    .leftBoxContainer {
        margin: 0;
        width: auto;
        float: none;
    }


    .mediumBox.green h2 {
        font-size: 60px;
    }

    .leftBoxContainer .smallBoxContainer.blue {
        height: 414px;
        width: 219px;
    }

    .leftBoxContainer .smallBoxContainer {
        margin: 15px 0 0;
        width: 208px;
    }

        .leftBoxContainer .smallBoxContainer .smallBox {
            height: 209px;
            width: 208px;
        }

    .smallBoxBottom {
        width: auto;
    }

    .extraLargeBox {
        float: none;
        margin: 15px auto 0;
        width: auto;
    }

    .smallBoxBottom .single {
        margin: 15px 15px 0 0;
        width: 220px;
    }

    .smallBoxBottom .smallBox.herefrom {
        margin: 15px 0 0;
        width: 207px;
    }

    .pageMenu > ul > li > span {
        display: none;
    }

    .dropdownMenu {
        display: none;
    }

    .productMenu {
        margin-right: 0px;
    }

    .mediumBox {
        margin-right: 0px;
    }

    .extraLargeBox figure {
        margin: 20px 30px 20px 0;
    }
}

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

    .imgadz, .herefrom {
        width: 75%;
    }

        .imgadz img {
            width: auto;
        }

    .pageLogo {
        display: block;
        float: none;
        margin: 10px auto 0;
    }

    .headerRightHolder {
        float: none;
        margin: 0;
    }

    .headerTopMenu {
        float: right;
        margin: 10px 0 0;
    }

    .headerTop {
        padding: 0 0 20px;
        float: none;
        margin: 22px auto;
        width: 230px;
    }

    .btnMenu {
        position: absolute;
        top: 74px;
        right: 10px;
    }

    .infGraphics li {
        width: auto;
        border-bottom: 1px dashed #cecece;
    }

    .CloseBtnHolder {
        margin: 0;
        top: 50px;
        width: 98%;
        left: 0px;
    }
}

@media only screen and (max-width: 495px) {
    .headerTopMenu {
        display: none;
    }

    .pageMenu > ul > li > span {
        display: none;
    }

    .dropdownMenu {
        display: none;
    }

    #pageContent.divCenter {
        margin: 0px;
    }

    .brandsList {
        padding: 15px 15px 0 15px;
    }

        .brandsList ul li {
            width: 100%;
        }

        .brandsList > ul > li > figure > img {
            display: block;
        }

    .aboutPage {
        padding: 15px;
    }



    .categoryList ul li {
        width: 90%;
    }

    .extraLargeBox {
        margin: 15px 0 0 0;
        padding-left: 15px;
    }

    .categoryList {
        margin: 0px;
    }

    #pageFooter > .divCenter {
        margin: 0px;
    }

    .footerMenu ul li {
        margin-bottom: 14px;
    }

    .searchResult figure {
        float: none;
        margin-bottom: 20px;
    }
}

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

    .smallBox {
        margin: 15px 0 0;
        float: none;
        width: 100%;
        height: auto;
    }

    .smallBoxContainer .smallBox:first-child {
        margin: 0;
    }

    .smallBox > img {
        width: 100%;
    }

    .largeBox.orange h1 {
        font-size: 38px;
        padding: 20px 10px 0;
        text-align: center;
    }

    .largeBox.orange h2 {
        font-size: 30px;
        margin: 10px 10px 0;
        padding: 0 0 10px;
        text-align: center;
    }


    .largeBox.orange p {
        font-size: 18px;
        margin: 10px;
        text-align: center;
    }

    /*.redInitative {
		bottom: 17px;
		left: 17px;
		position: absolute;
	}*/

    .largeBox.aboutUs h1 {
        font-size: 20px;
        padding: 30px 30px 0;
    }

        .largeBox.aboutUs h1 span {
            font-size: 15px;
        }

    .largeBox.aboutUs hr {
        margin: 10px 0 0 30px;
    }

    .largeBox.aboutUs p {
        margin: 10px 30px 0;
        max-height: 151px;
        overflow: hidden;
    }

    .largeBox.aboutUs a {
        margin: 20px 0 0 30px;
        padding: 0 46px 0 9px;
    }

    .smallBox.videoContainer > a {
        height: 78px;
        left: 50%;
        margin: -2px 0 0 -39px;
        top: 50%;
        width: 79px;
    }

    .largeBox.green > img {
        display: block;
        margin: 3px auto 0;
        width: 150px;
    }

    .inputHolder {
        margin: 23px auto 0;
        position: relative;
        width: auto;
    }

        .inputHolder input {
            float: none;
            width: 230px;
            padding: 7px;
        }

        .inputHolder a {
            margin: 10px auto 0;
            float: none;
            padding: 10px 0;
            width: 246px;
        }

    .extraLargeBox {
        margin: 15px 0 0;
        width: 100%;
    }

    .leftBoxContainer {
        width: 100%;
    }

    .mediumBox.green {
        height: auto;
    }

    .leftBoxContainer .smallBoxContainer.blue {
        height: auto;
        width: 100%;
    }

    .leftBoxContainer .smallBoxContainer {
        margin: 15px 0 0;
        width: 100%;
    }

        .leftBoxContainer .smallBoxContainer .smallBox {
            height: auto;
            width: 100%;
            margin: 0 0 15px 0;
        }

    .btnList ul li a {
        padding-left: 11px;
        font-size: 17px;
    }

    .leftBoxContainer .smallBoxContainer .smallBox.herefrom {
        height: auto;
        margin: 15px 0 0 0;
        width: 100%;
    }

    .leftBoxContainer .smallBoxContainer.blue img {
        margin: 26px auto;
        width: 50%;
    }

    .categoryList ul li {
        height: auto;
        padding: 0 0 20px;
    }


    .listDetail {
        margin: 0 20px;
        padding-left: 0;
    }

    .smallBoxBottom {
        width: 100%;
    }

        .smallBoxBottom .single {
            width: 100%;
            margin: 0;
        }

        .smallBoxBottom .smallBox.herefrom {
            width: 100%;
        }


    .categoryList ul li figure {
        position: relative;
        width: 100%;
        text-align: center;
    }


    .listDetail p {
        margin: 0;
    }

    .eventsList ul li figure {
        position: relative;
        text-align: center;
    }

    .inputHolder label {
        left: 43px;
    }

    .extraLargeBox p {
        margin-right: 40px;
    }

    .pageMenu > ul > li > span {
        display: none;
    }

    .dropdownMenu {
        display: none;
    }

    .pageMenu > ul > .topMenu {
        display: block;
    }

    .imgadz, .herefrom {
        margin: 7px;
        width: 95%;
    }

    .btnMenu {
        right: 8px;
    }

    .headerTop {
        float: left;
        margin: 22px auto 0;
    }

    .pageFooterBottom p {
        margin: auto 10px;
    }

    .productFeatures li {
        width: 96%;
    }

    .aboutPage p, .whr2buy p {
        margin-right: 15px;
    }

    .popUpContent {
        height: 250px;
        width: 96%;
    }

    .mobileHidden {
        display: none;
    }

    .largeBox, .smallBoxContainer {
        margin-top: 0px;
    }

    .clientsSliderHome {
        margin: 15px 0px;
    }

    .largeBox {
        background-color: #fff;
    }

    .orange {
        margin-top: 15px;
    }
}

@media only screen and (max-height: 400px) {

    .popUpContent {
        height: 75%;
    }
}