@charset "utf-8";

/* hind-siliguri-300 - latin-ext_latin */
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 300;
    src: url('fonts/hind-siliguri-v7-latin-ext_latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/hind-siliguri-v7-latin-ext_latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/hind-siliguri-v7-latin-ext_latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-300.woff') format('woff'), /* Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/hind-siliguri-v7-latin-ext_latin-300.svg#HindSiliguri') format('svg'); /* Legacy iOS */
}
/* hind-siliguri-regular - latin-ext_latin */
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 400;
    src: url('fonts/hind-siliguri-v7-latin-ext_latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/hind-siliguri-v7-latin-ext_latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/hind-siliguri-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-regular.woff') format('woff'), /* Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/hind-siliguri-v7-latin-ext_latin-regular.svg#HindSiliguri') format('svg'); /* Legacy iOS */
}
/* hind-siliguri-500 - latin-ext_latin */
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 500;
    src: url('fonts/hind-siliguri-v7-latin-ext_latin-500.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/hind-siliguri-v7-latin-ext_latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/hind-siliguri-v7-latin-ext_latin-500.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-500.woff') format('woff'), /* Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/hind-siliguri-v7-latin-ext_latin-500.svg#HindSiliguri') format('svg'); /* Legacy iOS */
}
/* hind-siliguri-600 - latin-ext_latin */
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 600;
    src: url('fonts/hind-siliguri-v7-latin-ext_latin-600.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/hind-siliguri-v7-latin-ext_latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/hind-siliguri-v7-latin-ext_latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-600.woff') format('woff'), /* Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/hind-siliguri-v7-latin-ext_latin-600.svg#HindSiliguri') format('svg'); /* Legacy iOS */
}
/* hind-siliguri-700 - latin-ext_latin */
@font-face {
    font-family: 'Hind Siliguri';
    font-style: normal;
    font-weight: 700;
    src: url('fonts/hind-siliguri-v7-latin-ext_latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('fonts/hind-siliguri-v7-latin-ext_latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('fonts/hind-siliguri-v7-latin-ext_latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-700.woff') format('woff'), /* Modern Browsers */
    url('fonts/hind-siliguri-v7-latin-ext_latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('fonts/hind-siliguri-v7-latin-ext_latin-700.svg#HindSiliguri') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'ibfont';
    src: url('fonts/ibfont.eot?23696148');
    src: url('fonts/ibfont.eot?23696148#iefix') format('embedded-opentype'), url('fonts/ibfont.woff2?23696148') format('woff2'), url('fonts/ibfont.woff?23696148') format('woff'), url('fonts/ibfont.ttf?23696148') format('truetype'), url('fonts/ibfont.svg?23696148#ibfont') format('svg');
    font-weight: normal;
    font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'ibfont';
    src: url('../font/ibfont.svg?23696148#ibfont') format('svg');
  }
}
*/

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "ibfont";
    font-style: normal;
    font-weight: normal;
    speak: never;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    margin-right: .2em;
    text-align: center;
    /* opacity: .8; */
    /* For safety - reset parent styles, that can break glyph codes*/
    font-variant: normal;
    text-transform: none;
    /* fix buttons height, for twitter bootstrap */
    line-height: 1em;
    /* Animation center compensation - margins should be symmetric */
    /* remove if not needed */
    margin-left: .2em;
    /* you can be more comfortable with increased icons size */
    /* font-size: 120%; */
    /* Font smoothing. That was taken from TWBS */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    /* Uncomment for 3D effect */
    /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.icon-search:before {
    content: '\e800';
}
/* '' */
.icon-left-open:before {
    content: '\e801';
}
/* '' */
.icon-right-open:before {
    content: '\e802';
}
/* '' */
.icon-up-open:before {
    content: '\e803';
}
/* '' */
.icon-down-open:before {
    content: '\e804';
}
/* '' */
.icon-right-dir:before {
    content: '\e805';
}
/* '' */
.icon-left-dir:before {
    content: '\e806';
}
/* '' */
.icon-up-dir:before {
    content: '\e807';
}
/* '' */
.icon-down-dir:before {
    content: '\e808';
}
/* '' */
.icon-ok:before {
    content: '\e809';
}
/* '' */
.icon-twitter:before {
    content: '\f099';
}
/* '' */
.icon-facebook:before {
    content: '\f09a';
}
/* '' */
.icon-angle-left:before {
    content: '\f104';
}
/* '' */
.icon-angle-right:before {
    content: '\f105';
}
/* '' */
.icon-angle-up:before {
    content: '\f106';
}
/* '' */
.icon-angle-down:before {
    content: '\f107';
}
/* '' */
.icon-youtube:before {
    content: '\f167';
}
/* '' */


*, *::after, *::before {
    box-sizing: border-box;
}

html, body, form {
    margin: 0;
    padding: 0;
}

html {
    font-size: 100%;
}

body {
    text-align: center;
    font: 1em 'Hind Siliguri', Tahoma, sans-serif;
    color: #2c2c2c;
    background-color: #00395e;
}

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

.nt {
    text-indent: -9999px;
}

.cb {
    clear: both;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

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

.white {
    background-color: #fff;
}

.white-font, .white-font a {
    color: #fff;
}

.sprite, .infos a:before, .newsletter .ntitle:before {
    background-image: url(sprite.png);
    background-repeat: no-repeat;
}

.bg-img {
    background-repeat: no-repeat;
}

ul.links, ul.links li, nav ul, nav ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-block;
}

#menus, #mm, .infos a.hamburger {
    display: none;
}

.wrapper {
    max-width: 1281px;
    width: 100%;
    margin: 0 auto;
    clear: both;
    text-align: left;
}

.top {
    padding: 15px 0;
    text-transform: uppercase;
}

    .top .established {
        width: 33%;
    }

    .top .ship {
        width: 31%;
    }

    .top .us-ship {
        width: 35%;
        text-align: right;
    }

        .top .us-ship:before, .top .ship:before {
            content: '';
            display: inline-block;
            vertical-align: middle;
            margin-right: 10px;
        }

        .top .us-ship:before {
            width: 51px;
            height: 27px;
        }

    .top .ship:before {
        width: 36px;
        height: 24px;
    }

header {
    padding: 30px 0 20px;
}

.search {
    clear: right;
    width: 30%;
    margin: 0 0 0 1%;
    width: -moz-calc(100% - 777px);
    width: -webkit-calc(100% - 777px);
    width: calc(100% - 777px);
}

.logo {
    width: 372px;
    height: 54px;
}

.search button {
    border: 1px solid #004878;
    background-color: #004878;
    color: #fff;
    font-size: 1.5em;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px 15px 9px;
    outline: 0;
    cursor: pointer;
    width: 60px;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    vertical-align: top;
    height: 55px;
}

    .search button:before {
        content: '';
        background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAdCAMAAACOj/wDAAAAQlBMVEUASHj////s8vUtaJDl7fJ+o7tkkK24zdq1yth0nLYWWIQTVoIOUn80bZTR3ufQ3eZ5oLlCd5tbiaju8/ZFep0kYov/9pzbAAAAsElEQVQoz7XS2w6DIBBFUTYOiJcqXvr/v9pgIgIpmj70PEGWOs6A+iEva4x9fZPRCEfEjKUtgSbnpsBLbivorg+rvttgTW2Hdjg3QwvJu6PQps+2yFXXoIcUhw0TN0KnsnRI7A/6HHs4+7XMZWcTNpZ0JbpY1Ffw+bNN5YeeW1G+HILG3I8vxt4MvtEkR6ZhzUxbAWbnZkD23Bo1+uualHasrI8XLLOYf5t6S7Cq1u0DQiQFJ9xUEasAAAAASUVORK5CYII=');
        background-repeat: no-repeat;
        background-position: center center;
        width: 100%;
        height: 100%;
        display: block;
    }

.search #query {
    outline: 0;
    color: #004878;
    border: 1px solid #b6b6b6;
    background-color: #f2f2f2;
    border-right: 0;
    padding: 16px 11px 16px 25px;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-bottomleft: 5px;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    width: -moz-calc(100% - 60px);
    width: -webkit-calc(100% - 60px);
    width: calc(100% - 60px);
    vertical-align: top;
    font-size: 1.1em;
}

::-webkit-input-placeholder { /* Edge */
    color: #004878;
}

:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #004878;
}

::placeholder {
    color: #004878;
}

main {
    padding-bottom: 50px;
}

    main .content {
        padding: 0 0 20px;
    }

.infos {
    margin-top: -5px;
}

    .infos a {
        display: inline-block;
        vertical-align: top;
        color: #004878;
        font-weight: 600;
        font-size: 1.2em;
        text-align: center;
    }

        .infos a.phone {
            width: 120px;
        }

        .infos a.accounts {
            width: 103px;
            margin: 0 10px 0 15px;
        }

        .infos a.cart {
            width: 80px;
            margin-left:5px;
        }

        .infos a:before {
            content: '';
            display: block;
            width: 45px;
            height: 45px;
            margin: 0 auto;
        }

        .infos a.phone:before {
            background-position: 0px -135px;
        }

        .infos a.accounts:before {
            background-position: 0px -48px;
        }

        .infos a.cart:before {
            background-position: 0px -185px;
        }

        .infos a.cart:after {
            content1: 'Cart (' attr(data-number) ')';
            content: 'Cart';
        }

nav {
    
}

    nav .links {
        width: 100%;
        display: flex;
        justify-content: space-evenly;
        border-top: 1px solid #d1d1d1;
        border-bottom: 1px solid #d1d1d1;
    }

    nav li > a {
        display: inline-block;
        color: #004878;
        font-size: 1.6em;
        font-weight: 600;
        white-space: nowrap;
    }

    nav .links > li {
        position: relative;
        padding: 7px 2.7% 10px;
        border-top: 3px #fff solid;
    }

        nav .links > li:last-child, nav .links > li.last {
            margin-right: 0;
        }

#breadcrumbs, #breadcrumbs li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: inline-block;
}

#breadcrumbs {
    margin: 15px 0;
}

    #breadcrumbs li {
        margin-right: 7px;
    }

        #breadcrumbs li.sep:last-child {
            display1: none;
        }

        #breadcrumbs li.sep {
            color: #a5a5a5;
        }

        #breadcrumbs li a {
            text-decoration: underline;
            color: #242021;
            font-weight:600;
        }

        #breadcrumbs + .landing h1 {
            margin: 0 0 5px;
        }

    .list .column {
        float: left;
    }

    .list .column.invisible {
        display: none;
    }

.list.columns2 .column {
    width: 50%;
    padding: 10px 5%;
}

.landing .list.columns2 .column {
    width: 40%;
    margin: 10px 5%;
    padding: 10px;
}

.list.columns3 .column {
    width: 33.333%;
    padding: 10px 1.75%;
}

.landing .list.columns3 .column {
    width: 29%;
    padding: 10px;
    margin: 10px 1.75%;
}

.list.columns4 .column {
    width: 25%;
    padding: 10px 1%;
}

.list.columns5 .column {
    width: 20%;
    padding: 10px 1%;
}

.list.columns2 .column:nth-child(2n+1),
.list.columns3 .column:nth-child(3n+1),
.list.columns4 .column:nth-child(4n+1) {
    padding-left: 0;
}

.list.columns2 .column:nth-child(2n),
.list.columns3 .column:nth-child(3n),
.list.columns4 .column:nth-child(4n) {
    padding-right: 0;
}

.list.columns2 .column:nth-child(2n+1),
.list.columns3 .column:nth-child(3n+1),
.list.columns4 .column:nth-child(4n+1) {
    clear: left;
}

.list .column a {
    display: block;
    margin: 5px 5px 10px;
    background-repeat: no-repeat;
    background-position: center top;
    font-size: 1em;
}

.list .column .abstract {
    padding: 5px 10px;
    background-color: #ededed;
    font-size: 0.9em;
}

.list .column a span, .list .column img {
    display: block;
    margin: 0 auto;
}

.list .column img {
    max-width: 100%;
    height: auto;
    max-height: 350px;
}

.list .column a span {
    margin: 10px auto 0;
}

.products .item {
    padding: 0 15px;
}

    .products .item a > span {
        font-weight: 600;
        line-height: 1.4em;
        display: block;
        margin: 10px 0 0;
    }

    .products .item a > p {
        line-height: 1.4em;
        font-size: 0.9em;
        margin: 10px 0;
    }

    .products .item .pricing {
        font-size: 1.1em;
        font-weight: 600;
        line-height: 1.2em;
    }

        .products .item .pricing span {
            display: block;
        }

            .products .item .pricing span + span {
                margin-top: 5px;
            }

            .products .item .pricing span:before {
                margin-right: 5px;
            }

            .products .item .pricing span.only:before {
                content: 'Price:';
            }

            .products .item .pricing span.reg:before {
                content: 'List Price:';
            }

            .products .item .pricing span.sale {
                color: #980000;
            }

                .products .item .pricing span.sale:before {
                    content: 'Discount Price:';
                }

.landing .list .column a {
    text-align: center;
}

#filters {
    width: 230px;
}

    #filters:before {
        content: 'Filter Results';
        display: block;
        margin-bottom: 10px;
        font-weight: 500;
        font-size: 1.2em;
    }

    #filters + .contents.products {
        width: -moz-calc(100% - 250px);
        width: -webkit-calc(100% - 250px);
        width: calc(100% - 250px);
    }

    #filters .filter:before {
        content: attr(label);
        display: block;
        margin-bottom: 5px;
        font-weight: 600;
        color: #004878;
        font-size: 1.1em;
    }

.contents.section .list {
    border-top:1px solid #d1d1d1;
    float:left;
    width:100%;
    clear:both;
    margin-top:20px;
}

@media screen and (max-width: 1320px) {
    .wrapper {
        max-width: 100%;
        padding: 0 15px;
    }

    .infos a {
        font-size: 1.1em;
    }

    nav li > a {
        font-size: 1.5em;
    }

    nav .links > li {
        padding: 7px 1.5% 10px;
    }

    .top .established {
        width: 26%;
    }
    .top .us-ship {
        width: 42%;
    }


    @supports not (display: flex) {
        nav .links {
            display: block;
            text-align: center;
        }

            nav .links > li {
                padding: 7px 2% 10px;
            }
    }
}

@media screen and (max-width: 1120px) {
    .search {
        width: 25%;
        margin: 0 1%;
        width: -moz-calc(100% - 690px);
        width: -webkit-calc(100% - 690px);
        width: calc(100% - 690px);
    }

    .infos a {
        font-size: 1em;
        font-weight: 500;
    }

        .infos a.phone {
            width: 107px;
        }

        .infos a.accounts {
            width: 84px;
            margin: 0 0 0 10px;
        }
        .infos a.cart {
            width:60px;
        }    
        .top .established {
        width: 22%;
    }
    .top .ship {
        width: 34%;
    }
    .top .us-ship {
        width:43%;
    }

    .products .list.columns4 .column {
        width: 33%;
    }

        .products .list.columns4 .column:nth-child(4n+1) {
            clear: none;
            padding-left: 1%;
        }

        .products .list.columns4 .column:nth-child(4n) {
            padding-right: 1%;
        }

        .products .list.columns4 .column:nth-child(3n) {
            padding-right: 0;
        }

        .products .list.columns4 .column:nth-child(3n+1) {
            clear: left;
            padding-left: 0;
        }

    @supports not (display: flex) {
            nav .links > li {
                padding: 7px 1.5% 10px;
            }
    }

    }


    @media screen and (max-width: 1000px) {
        body {
            font-size: 0.92em;
        }

        nav li > a {
            font-size: 1.3em;
        }

        .logo {
            width: 300px;
            height: 44px;
            background-size: contain;
            background-repeat: no-repeat;
        }

        .search {
            width: -moz-calc(100% - 690px);
            width: -webkit-calc(100% - 690px);
            width: calc(100% - 610px);
        }

            .search #query {
                font-size: 1em;
                width: -moz-calc(100% - 60px);
                width: -webkit-calc(100% - 60px);
                width: calc(100% - 60px);
                padding: 14px 5px 14px 12px;
            }

            .search button {
                height: 46px;
                width: 55px;
                padding: 7px 15px 7px;
            }

                .search button:before {
                    background-size: contain;
                }

        header {
            padding: 25px 0 10px;
        }
    }

    @media screen and (max-width: 930px) {
        .infos a span, .infos a.cart:after {
            display: none;
        }

        .infos {
            margin-top: 3px;
        }

        header {
            padding: 20px 0 20px;
        }

        .infos a.phone, .infos a.accounts, .infos a.cart {
            width: 45px;
        }

        .infos a.accounts {
            margin: 0 10px 0 15px;
        }

        .search {
            width: -moz-calc(100% - 490px);
            width: -webkit-calc(100% - 490px);
            width: calc(100% - 490px);
        }
        .landing .list.columns4 .column {
            width: 33%;
        }
        .landing .list.columns4 .column:nth-child(4n+1) {
            clear: none;
            padding-left: 1%;
        }
        .landing .list.columns4 .column:nth-child(4n) {
            padding-right: 1%;
        }
        .landing .list.columns4 .column:nth-child(3n) {
            padding-right: 0;
        }
        .landing .list.columns4 .column:nth-child(3n+1) {
            clear: left;
            padding-left: 0;
        }

        #breadcrumbs li a {
            font-weight: 500;
        }
    }

    @media screen and (max-width: 830px) {
        .top .us-ship:before {
            display: none;
        }
        .products .list.columns4 .column {
            width: 50%;
        }

            .products .list.columns4 .column:nth-child(3n+1) {
                clear: none;
                padding-left: 1%;
            }

            .products .list.columns4 .column:nth-child(3n) {
                padding-right: 1%;
            }

            .products .list.columns4 .column:nth-child(2n) {
                padding-right: 0;
            }

            .products .list.columns4 .column:nth-child(2n+1) {
                clear: left;
                padding-left: 0;
            }
    }

    @media screen and (max-width: 765px) {
        .wrapper {
            padding-left: 10px;
            padding-right: 10px;
        }
        .top .ship {
            text-align:center;
        }
        header {
            position:relative;
            margin-bottom:15px;
            padding:20px 0 60px;
        }
        .logo {
            width: 256px;
            height: 40px;
        }
            nav, .top .ship:before, .infos a.phone {
                display: none;
            }

        .infos {
            text-align:right;
            width:30%;
            max-width:120px;
        }
        .infos a:before {
            width: 32px;
            height: 32px;
            background-image: url(sprite-mobile.png);
        }
        .infos a.cart:before {
            background-position:0 0;
        }
        .infos a.hamburger:before {
            background-position: 0 -33px;
        }
            .infos a.accounts:before {
                background-position: 0 -70px;
            }
            .search {
                position: absolute;
                width: 100%;
                left: 0;
                bottom: 0;
            }
        .infos a.hamburger {
            display: inline-block;
        }
        .infos a.phone, .infos a.accounts, .infos a.cart {
            width:32px;
            margin:0;
        }
            .infos a.accounts, .infos a.cart {
                margin-right:10px;
            }
            #filters + .contents.products {
                width: 100%;
            }
        #filters {
            display: none;
        }

        .top .established {
            display: none;
        }

        .top .us-ship {
            width: 53%;
        }

        .top .ship {
            width: 45%;
            text-align:left;
        }
    }

@media screen and (max-width: 620px) {
    .landing .list.columns4 .column {
        width: 50%;
    }
    .landing .list.columns4 .column:nth-child(3n+1) {
        clear: none;
        padding-left: 1%;
    }
    .landing .list.columns4 .column:nth-child(3n) {
        padding-right: 1%;
    }
    .landing .list.columns4 .column:nth-child(2n) {
        padding-right: 0;
    }
    .landing .list.columns4 .column:nth-child(2n+1) {
        clear: left;
        padding-left: 0;
    }
}
    @media screen and (max-width: 520px) {
        .infos {
            width: 33%;
        }
        .infos a.accounts, .infos a.cart {
            margin-right: 5px;
        }
    }

    @media screen and (max-width: 420px) {
        .wrapper {
            padding-left: 10px;
            padding-right: 10px;
        }

        .top .ship, .top .us-ship {
            width: 100%;
            text-align: center;
        }

        .top {
            padding: 5px 0;
        }
    }

@media screen and (max-width: 409px) {
    .infos {
        max-width:107px;
    }
}

    @media screen and (max-width: 390px) {
        .logo {
            width: 216px;
            height: 30px;
        }
        .infos a.accounts, .infos a.cart {
            margin-right: 3px;
        }
    }

    @media screen and (max-width: 345px) {
        .logo {
            width: 200px;
            height: 30px;
        }
        .infos a.accounts {
            display: none;
        }
    }



/*home*/
.banners .banner > a {
    display: block;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 5%;
}

        .banners .banner > a.white {
            color: #fff;
        }

        .banners .banner > a h2 {
            margin: 0 0 10px;
            font-size: 5em;
            line-height: 1em;
        }

        .banners .banner > a p {
            font-size: 1.5em;
            margin: 0 0 10px;
        }

        .banners .banner > a .button {
            font-size: 1.2em;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            padding: 10px 30px;
            vertical-align: top;
            font-weight: 700;
            text-transform: uppercase;
            display: inline-block;
            margin-top: 20px;
        }

        .banners .banner > a.white .button {
            border: 1px solid #fff;
            background-color: #fff;
            color: #063e2c;
        }

    .columns-cats .columns {
        width: 49%;
        border-bottom: #004878 solid 12px;
    }

        .columns-cats .columns a {
            display: block;
            background-image: url(cats-column-bg.png);
            background-repeat: no-repeat;
            background-position: left bottom;
            background-color: #f2f2f2;
            padding: 30px 30px 20px 30px;
            min-height: 360px;
        }

            .columns-cats .columns a img {
                float: right;
            }

        .columns-cats .columns h4 {
            font-size: 2.5em;
            margin: 0;
            color: #2c2c2c;
            line-height: 1em;
        }

        .columns-cats .columns .left-side {
            width: 44%;
            margin-right: 3%;
        }

        .columns-cats .columns p {
            margin: 10px 0;
            font-size: 1.2em;
            line-height: 1.4em;
        }

        .columns-cats .columns .button {
            border: 1px solid #004878;
            background-color: #004878;
            color: #fff;
            font-size: 1.2em;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            padding: 10px 30px;
            vertical-align: top;
            font-weight: 600;
            text-transform: uppercase;
            letter-spacing: 0.5px;
            display: inline-block;
            margin-top: 20px;
        }

    .topcats {
        margin-bottom: 20px;
    }

        .topcats h4, .product-slider h4, .author-slider h4 {
            text-align: center;
            font-size: 2em;
            margin: 1em 0 0.5em;
        }

        .topcats a {
            display: inline-block;
            border-right: 1px solid #c3c3d9;
            background-color: #f2f2f2;
            padding: 25px;
            text-align: center;
            color: #063e2c;
            font-weight: 600;
            font-size: 1.2em;
            width: 16.6666%;
            vertical-align: top;
            line-height: 1.3em;
            height: 185px;
        }

            .topcats a:last-child {
                border-width: 0;
            }

            .topcats a img {
                display: block;
                margin: 0 auto 15px;
            }

    .gcs {
        background-color: #004878;
        color: #fff;
        padding: 20px 30px;
        text-align: center;
        margin: 30px 0;
    }

        .gcs h4 {
            font-size: 2.5em;
            margin: 0;
            display: inline-block;
            vertical-align: middle;
            width: 25%;
            letter-spacing: 1px;
        }

        .gcs p {
            margin: 0 7%;
            display: inline-block;
            vertical-align: middle;
            width: 40%;
        }

        .gcs a {
            background-color: #fff;
            -webkit-border-radius: 7px;
            -moz-border-radius: 7px;
            border-radius: 7px;
            text-transform: uppercase;
            display: inline-block;
            vertical-align: middle;
            width: 20%;
            padding: 10px 15px;
            font-weight: 600;
            font-size: 1.2em;
            color: #004878;
        }

    .author-slider {
        margin-bottom: 20px;
    }

    @media screen and (max-width: 1120px) {
        .gcs h4 {
            font-size: 1.6em;
            line-height: 1.5em;
        }

        .gcs a {
            font-size: 1.1em;
        }

        .gcs p {
            margin: 0 5%;
        }

        .shop-points {
            padding: 20px;
        }

            .shop-points .points {
                padding: 20px 10px;
            }

        .topcats a {
            font-size: 1.1em;
            padding: 20px 10px;
            height: 160px;
        }
    }

    @media screen and (max-width: 765px) {
        .banners .banner > a h2 {
            font-size: 3em;
        }

        .banners .banner > a p {
            font-size: 1.2em;
        }

        .banners .banner > a .button {
            font-size: 1.1em;
        }

        .gcs h4, .gcs a, .gcs p {
            width: 100%;
            margin: 10px 0;
        }

        .gcs h4 {
            font-size: 1.8em;
        }

        .gcs a {
            font-size: 1.1em;
        }

        .topcats a {
            width: 50%;
            border-bottom: 1px solid #c3c3d9;
        }

            .topcats a:nth-child(2n+1) {
                border-right: 0;
            }

            .topcats a:nth-last-child(-n+2) {
                border-bottom: 0;
            }

        .columns-cats .columns {
            width: 100%;
        }

            .columns-cats .columns h4 {
                font-size: 1.8em;
            }

            .columns-cats .columns p {
                font-size: 1em;
            }

            .columns-cats .columns a img {
                max-width: 45%;
            }

            .columns-cats .columns a {
                min-height: auto;
            }

            .columns-cats .columns .button {
                padding: 10px;
                font-size: 1em;
            }
    }

    /*end home*/
    /* product*/
    .itemtop {
        margin: 25px 0 60px;
    }

    .product .image-name {
        float: left;
        width: 55%;
        margin-right: 2%;
    }

    .product .pit-name {
        float: right;
        width: 43%;
    }

    .product h1, .section h1 {
        font-size: 1.75em;
        font-weight: 700;
        margin: 0 0 5px;
        line-height: 1.25em;
    }

    .section h1 {
        margin: 15px 0;
        font-size: 2em;
    }

    .section.products h1 {
        margin-top: 0;
        font-size: 2em;
    }

    .product .image .gallery {
        margin: 25px 0 0 0;
    }

        .product .image .gallery:not(.slick-slider) > div {
            display: inline-block;
            margin-left: 10px;
        }

        .product .image .gallery a:first-child {
            margin-left: 0px;
        }

        .product .image .gallery a {
            display: inline-block;
            text-align: center;
            margin: 0 5px;
            vertical-align: middle;
        }

        .product .image .gallery img {
            margin: 0 auto;
        }

    .product .image {
        float: left;
        max-width: 600px;
        text-align: center;
        position: relative;
        width: 100%;
    }

    .pit .row {
        margin: 10px 0;
        clear: both;
        float: left;
        width: 100%;
    }



    .pit .code:before {
        content: 'Item #:';
        margin-right: 5px;
    }

    .pit .price div:before {
        content: 'List Price:';
        margin-right: 5px;
    }

    .pit .pricing div:before {
        content: 'Sale Price: $';
    }

    .pit .pricing span {
        margin: 5px 0 0 20px;
    }

        .pit .pricing span:before {
            content: 'You save';
            margin-right: 5px;
        }

    .pit .availability, .pit .code, .pit #cf-avail {
        font-size: 1.1em;
        font-weight: 500;
    }

        .pit .availability:before {
            content: 'Availability:';
            margin-right: 5px;
        }

    .pit .stockinfo:before {
        content: 'Stock Status:';
        margin-right: 5px;
    }

    .pit .qty:before {
        content: 'QTY:';
        margin-right: 5px;
        font-weight: 600;
        font-size: 1.2em;
    }

    .pit .price {
        margin: 0;
    }

    .pit .pricing {
        margin: 0 0 10px;
        border-bottom: 1px solid #D7D7D7;
        padding-bottom: 20px;
    }

        .pit .price div, .pit .pricing div {
            font-weight: 700;
            font-size: 1.5em;
        }

        .pit .pricing div, .pit .pricing span {
            float: left;
        }

    .pit .pricing {
        color: #990100;
    }

    .pit .yousave {
        font-size: 1.05em;
        font-weight: 500;
    }

    .pit .atc {
        border-top: 1px solid #D7D7D7;
        padding: 20px 0;
    }

    .pit .option span {
        text-align: left;
        position: absolute;
        left: 15px;
        top: 11px;
        z-index: 10;
    }

    .pit .option.with-value span {
        color: #555;
    }

    .pit .option .options-links span {
        display: block;
        position: static;
        color: #000;
        font-weight: 600;
        margin-bottom: 3px;
        font-size: 1.2em;
    }

    .pit .option.dropdown span {
        display: block;
        position: static;
        color: #000;
        font-weight: 600;
        margin-bottom: 3px;
        font-size: 1.2em;
    }

    .options-links a {
        background-color: #ededed;
        padding: 4px 10px;
        margin: 5px 10px 5px 0px;
        display: inline-block;
    }

        .options-links a.selected {
            font-weight: 500;
            background-color: #737373;
            padding: 4px 9px;
            color: #fff;
        }

        .options-links a.oos-link {
            background-color: #f8c7c7;
            cursor: default;
        }

            .options-links a.oos-link.selected {
                color: #000;
                background-color: #e07777;
            }

    .pit .atc .btn {
        width: -moz-calc(100% - 210px);
        width: -webkit-calc(100% - 210px);
        width: calc(100% - 210px);
    }

        .pit .atc .btn input {
            font-family: 'Hind Siliguri';
            border: 1px solid #004878;
            background-color: #004878;
            color: #fff;
            font-size: 1.1em;
            font-weight: 600;
            text-transform: uppercase;
            border-radius: 5px 5px 5px 5px;
            -moz-border-radius: 5px 5px 5px 5px;
            -webkit-border-radius: 5px 5px 5px 5px;
            padding: 11px 10px 11px;
            outline: 0;
            cursor: pointer;
            appearance: none;
            -moz-appearance: none;
            -webkit-appearance: none;
            vertical-align: top;
            width: 100%;
            text-align: center;
        }

    .pit .price {
        font-weight: 600;
    }

        .pit .price .yousave {
            margin-left: 10px;
        }

    .pit .option {
        position: relative;
    }

        .pit .option.error select {
            border: 1px solid #f00;
        }

        .pit .option.with-value span {
            top: 0;
            font-size: 0.9em;
            display: block;
        }

        .pit .option.with-value input {
            color: #000;
            padding: 19px 15px 5px 15px;
        }

        .pit .option.with-value select {
            padding: 19px 0 5px 15px;
            color: #000;
        }

        .pit .option input {
            padding: 12px 15px 12px 15px;
            width: -moz-calc(100% - 34px);
            width: -webkit-calc(100% - 34px);
            width: calc(100% - 34px);
        }

            .pit .option input[type='checkbox'] {
                float: left;
                width: auto;
                border: 1px solid rgb(169, 169, 169);
                width: 20px;
                height: 30px;
                margin: -5px 10px 0 0;
                appearance: none;
                -moz-appearance: none; /* Firefox */
                -webkit-appearance: none; /* Safari and Chrome */
            }

                .pit .option input[type='checkbox'].checked {
                    background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA8AAAAPAgMAAABGuH3ZAAAADFBMVEUAAABGRkZGRkZGRkatDngfAAAAA3RSTlMAoNzbFObIAAAAPUlEQVQI1x2MsQ0AIAzDzIA4o6/0s57GCz2mAwsUKVuUxGYyHPOVRFoRFYW9Tla3M/oC+6CkTqt+IsTK8gFPwR2cphX+ywAAAABJRU5ErkJggg==') no-repeat center center;
                }

                .pit .option input[type='checkbox'].error {
                    border-color: #c00;
                }

        .pit .option input, .pit .option select, .pit .qty select, .pit .qty input {
            -webkit-border-radius: 5px;
            -moz-border-radius: 5px;
            border-radius: 5px;
            border: solid 1px #1f1f1f;
            display: block;
            font-size: 1em;
        }

        .pit .option .options-links.error span:after {
            content: ' - required, please select';
            color: #c00;
            font-weight: 400;
            font-size: 0.85em;
        }

    .pit .qty input {
        display: none;
    }

    .pit .qty select, .pit .option select {
        width: 100%;
        appearance: none;
        -moz-appearance: none; /* Firefox */
        -webkit-appearance: none; /* Safari and Chrome */
        background: url('data:image/gif;base64,R0lGODlhCwAHANUAAAAAAP////7+/v39/fz8/Pv7+/r6+vn5+fj4+Pf39/b29vHx8fDw8O7u7t3d3dfX17y8vLe3t7KysrGxsa6urqysrIuLi4CAgGhoaGJiYlZWVlNTU1BQUE1NTUlJSTc3NyYmJiEhIR0dHRwcHA8PDw0NDQsLCwkJCQUFBQMDAwEBAf///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACsALAAAAAALAAcAAAZAwEloUwgEEgbI6JIBADQFQoBiAoAcnhKAg4iQUqdJgMFxfkQAVCWgCDQ6qjhpLRgEDAuPyiQJHIyADxgWBkcBQQA7') no-repeat 96% center;
    }

    .pit .option select {
        padding: 12px 0 12px 15px;
    }

    .pit .qty select, .pit .qty.more input {
        padding: 17px 5px 17px 12px;
        background-position: 88% center;
        display: inline-block;
        vertical-align: middle;
        width: -moz-calc(100% - 50px);
        width: -webkit-calc(100% - 50px);
        width: calc(100% - 50px);
        border: 1px solid #b6b6b6;
    }

    .pit .qty.more input {
        width: -moz-calc(100% - 45px);
        width: -webkit-calc(100% - 45px);
        width: calc(100% - 45px);
        padding: 12px 5px 12px 5px;
    }

    .pit .qty {
        width: 200px;
        margin: 0 10px 0 0;
    }

        .pit .qty input {
            padding: 13px 5px 12px 5px;
            text-align: center;
        }


    #notify-container > div {
        margin: 3px 0;
        text-align: left;
    }

        #notify-container > div span {
            font-weight: 600;
            margin-right: 5px;
        }

        #notify-container > div input {
            display: inline-block;
            padding: 8px 5px 6px;
            font-size: 15px;
        }

        #notify-container > div a {
            margin: 0 0 0 7px;
            color: #fff;
            background-color: #8f111d;
            text-align: center;
            border: 1px solid #8f111d;
            font-size: 15px;
            border-radius: 0;
            outline: 0;
            padding: 7px 15px;
            text-decoration: none;
            display: inline-block;
        }

    @media screen and (max-width: 1000px) {
        .pit .atc .btn input {
            padding: 7px 10px 8px;
        }

        .pit .qty select, .pit .qty.more input {
            padding: 13px 5px 13px 12px;
        }

        .product h1 {
            font-size: 1.6em;
        }
    }

    @media screen and (max-width: 860px) {
        .pit .qty {
            width: 130px;
        }

        .pit .atc .btn {
            width: -moz-calc(100% - 140px);
            width: -webkit-calc(100% - 140px);
            width: calc(100% - 140px);
        }

        .pit .availability, .pit .code {
            font-size: 1em;
        }

        .pit .price div, .pit .pricing div {
            font-size: 1.4em;
        }
    }

    @media screen and (max-width: 765px) {
        .product .image {
            float: none;
            margin: 0 auto 15px;
        }

        .product .image-name, .product .pit-name {
            width: 100%;
            margin-right: 0;
        }
    }



    /*end product*/