* {
    padding: 0;
    margin: 0;
}

html {
    overflow-y: scroll;
}

body {
    background-color: #fff;
    color: #222;
    font-family: Arial, Helvetica, sans-serif;
}

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

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

img {
    border: 0;
}

br.clear {
    clear: both;
    font-size: 1px;
}

a {
    color: #222;
    text-decoration: underline;
}

header {
    max-width: 960px;
    margin: 0 auto;
    padding: 40px 60px;
    overflow: hidden;
}

@media screen and (max-width: 680px) {
    header {
        padding: 30px 60px;
    }
}

@media screen and (max-width: 620px) {
    header {
        padding: 20px 0;
    }
}

#logo-kit {
    width: 300px;
    height: 87px;
    float: left;
}

#logo-kit h1 span,
#logo-kit h2 span {
    text-indent: -999em;
    display: block;
}



@media screen and (max-width: 760px) {
    #logo-kit {
        width: 46%;
        height: inherit;
    }
    
    #logo-kit img {
        width: 100%;
    }
}


@media screen and (max-width: 680px) {
    #logo-kit {
        width: 260px;
        float: none;
        margin: 0 auto 15px auto;
    }
    
}



#search {
    width: 31.25%;
    height: 44px;
    background-color: #f7f7f7;
    float: right;
    margin-top: 23px;
    position: relative;
}

@media screen and (max-width: 865px) {
    #search {
        width: 46%;
        height: inherit;
    }
}

@media screen and (max-width: 680px) {
    #search {
        width: 260px;
        float: none;
        margin: 0 auto;
    }
    
}

#searchinput {
    border: 0;
    background-color: #f7f7f7;
    font-family: Arial, Helvetica, sans-serif;
    color: #666;
    font-size: 13px;
    outline: 0;
    padding: 14px 5px;
    width: 80%;
}

#searchsubmit {
    border: 0;
    background: none;
    width: 40px;
    height: 40px;
    position: absolute;
    right: 0px;
    top: 0px;
    outline: 0;
    cursor: pointer;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 7px -40px;
    text-indent: -999em;
}

h2.no-results,
h2.confirm {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 22px;
    margin: 0 0 20px 5%;
    padding-top: 10px;
    line-height: 1.5em;
}

#banner-container {
    background-color: #222;
    background-repeat: repeat-x;
    background-position: center center;
    margin-bottom: 1px;
}

#section-about #banner-container {
    background-image: url(images/bg_texture_01.jpg);
}

#section-products #banner-container {
    background-image: url(images/bg_texture_07.jpg);
}

#section-wheretobuy #banner-container {
    background-image: url(images/bg_texture_03.jpg);
}

#section-news #banner-container {
    background-image: url(images/bg_texture_02.jpg);
}

#section-contact #banner-container {
    background-image: url(images/bg_texture_05.jpg);
}

#section-search #banner-container {
    background-image: url(images/bg_texture_06.jpg);
}

#section-terms #banner-container {
    background-image: url(images/bg_texture_04.jpg);
}



#banner {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 60px;
}

@media screen and (max-width: 620px) {
    #banner {
        padding: 30px 35px;
    }
}

@media screen and (max-width: 430px) {
    #banner {
        padding: 30px 20px;
    }
}

#banner h2 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 38px;
    color: #fff;
    background-image: url(images/panel_trans.png);
    width: 31.25%;
    text-indent: 20px;
    padding: 30px 0;
}

@media screen and (max-width: 1090px) {
    #banner h2 {
        font-size: 35px;
    }
}

@media screen and (max-width: 1024px) {
    #banner h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 914px) {
    #banner h2 {
        font-size: 27px;
    }
}







@media screen and (max-width: 840px) {
    #banner h2 {
        width: inherit;
    }
}




/* ------------------------------------------------------------------------ nav */

#nav-container {
    max-width: 960px;
    margin: 0 auto 70px auto;
    padding: 0 60px;
}

@media screen and (max-width: 940px) {
    #nav-container {
        margin: 0 auto 40px auto;
    }
}

@media screen and (max-width: 620px) {
    #nav-container {
        margin: 0 auto 35px auto;
        padding: 0 35px;
    }
}

@media screen and (max-width: 430px) {
    #nav-container {
        padding: 0 20px;
    }
}


nav#nav-main {
    display: table;
    width: 100%;
    border-spacing: 0;
    border-collapse: collapse:
}
 
nav#nav-main ul.flexnav {
    display: table-row;
}

nav#nav-main ul.flexnav li {
    display: table-cell;
    border-right: 1px solid #fff;
    white-space: nowrap;
    text-align: center;
    list-style-type: none;
}

nav#nav-main ul.flexnav li a {
    background-color: #222;
    display: block;
    color: #fff;
    text-decoration: none;
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    height: 50px;
    line-height: 50px;
    padding: 0 20px;
}

nav#nav-main ul.flexnav li a:hover,
#section-home nav#nav-main ul.flexnav li.nav-home a,
#section-about nav#nav-main ul.flexnav li.nav-about a,
#section-products nav#nav-main ul.flexnav li.nav-products a,
#section-wheretobuy nav#nav-main ul.flexnav li.nav-wheretobuy a,
#section-news nav#nav-main ul.flexnav li.nav-news a,
#section-contact nav#nav-main ul.flexnav li.nav-contact a {
    background-color: #efa519;
    color: #fff;
}

.flexnav {
    overflow: visible;
}

.flexnav.opacity {
    opacity: 1;
}

.menu-button {
    display: none;
}

@media all and (max-width: 840px) {
    
    
    nav#nav-main ul.flexnav {
    display: block;
}

nav#nav-main ul.flexnav li {
    display: list-item;
}
    
    

    .flexnav {
        -webkit-transition: none;
        -moz-transition: none;
        -ms-transition: none;
        transition: none;
        -webkit-transform-style: preserve-3d;
        overflow: hidden;
        width: 100%;
        max-height: 0;
    }

    .flexnav.opacity {
        opacity: 0;
    }

    .flexnav.flexnav-show {
        max-height: 2000px;
        opacity: 1;
        -webkit-transition: all .5s ease-in-out;
        -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
        transition: all .5s ease-in-out;
    }

    nav#nav-main ul.flexnav li {
        border-bottom: 1px solid #fff;
        text-align: left;
        border-right: 0;
        display: block;
    }

    .flexnav .touch-button {
        position: absolute;
        z-index: 999;
        top: 0;
        right: 0;
        width: 50px;
        height: 50px;
        display: inline-block;
        text-align: center;
    }

    .flexnav .touch-button:hover {
        cursor: pointer;
    }

    .flexnav .touch-button .navicon {
        position: relative;
        top: 1.4em;
    }

    /* -------------------------------------------------------------------------------- menu button */

    .menu-button {
        position: relative;
        display: block;
        cursor: pointer;
        background-color: #222;
        color: #fff;
        text-decoration: none;
        font-family: "museo-slab", Arial, Helvetica, sans-serif;
        font-weight: 800;
        font-style: normal;
        font-size: 15px;
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        border-bottom: 1px solid #f1f1f1;
    }

    .menu-button.active {
        background-color: #efa519;
    }
    
    .menu-button:hover {
        background-color: #efa519;
    }

    .menu-button .touch-button {
        background: transparent;
        position: absolute;
        top: 15px;
        right: 20px;
        z-index: 999;
        width: 23px;
        height: 20px;
        display: inline-block;
        text-align: center;
        background-image: url(images/kit_sprites.png);
        background-repeat: no-repeat;
        background-position: 0 0;
        text-indent: -999em;
    }

}


/* ------------------------------------------------------------------------ main */

main {
    max-width: 960px;
    margin: 0 auto;
    padding: 0 60px;
}

@media screen and (max-width: 620px) {
    main {
        padding: 0 35px;
    }
}

@media screen and (max-width: 430px) {
    main {
        padding: 0 20px;
    }
}


/* ------------------------------------------------------------------------ columns */

#col-side {
    width: 31.25%;
    float: left;   
}

#col-main {
    margin-left: 31.25%;
    padding-bottom: 40px;
}





@media screen and (max-width: 840px) {
    #section-about #col-side,
    #section-search #col-side {
        display: none;
    }
    
    #section-about #col-main,
    #section-products #col-main,
    #section-products #col-main h1,
    #section-search #col-main,
    #section-search #col-main h1 {
        margin-left: 0;
        padding-bottom: 20px;
    }
    
    #section-about .content-entry,
    #section-news .content-entry,
    #section-about .team-member-photo {
        margin-left: 0;
    }
    
    #section-wheretobuy #col-side,
    #section-news #col-side,
    #section-contact #col-side,
    #section-products #col-side,
    #section-search #col-side {
        width: 100%;
        float: none;
    }
    
    #section-wheretobuy #col-main,
    #section-wheretobuy .form-container,
    #section-news #col-main,
    #section-contact #col-main,
    #section-contact .form-container {
        margin-left: 0;
    }
    
    #section-wheretobuy .info-box,
    #section-news #col-side,
    #section-contact .info-box {
        margin-bottom: 40px;
    }

}


@media screen and (max-width: 680px) {
    #section-products #col-side,
    #section-search #col-side {
        width: 100%;
        float: none;
    }
    
    #section-products  #col-main,
    #section-search  #col-main {
        margin-left: 0;
    }
    
    #section-products  #col-main h1,
    #section-search  #col-main h1 {
        margin-left: 0;
    }
}


@media screen and (max-width: 620px) {
    
    #section-about .team-member-photo,
    #section-about .team-member-details {
        width: 100%;
        float: none;
        margin-left: 0;
    }

}

/* ------------------------------------------------------------------------ product nav */

#nav-products {
    margin-bottom: 70px;
}

#nav-products li {
    list-style-type: none;
}

#nav-products li a {
    text-decoration: none;
}

#nav-products li.depth1 > a {
    background-color: #222;
    color: #efa519;
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    cursor: pointer;
    padding: 20px 10px 20px 60px;
    border-bottom: 1px solid #fff;
    outline: none;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    display: block;
}

@media screen and (max-width: 980px) {
    #nav-products li.depth1 > a {
        font-size: 14px;
    }
}

@media screen and (max-width: 940px) {
    #nav-products li.depth1 > a {
        font-size: 13px;
    }
}

@media screen and (max-width: 880px) {
    #nav-products li.depth1 > a {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 13px;
        padding: 20px 8px 20px 56px;
    }
}

@media screen and (max-width: 840px) {
    #nav-products li.depth1 > a {
        font-family: "museo-slab", Arial, Helvetica, sans-serif;
        font-weight: 800;
        font-size: 15px;
        padding: 20px 10px 20px 60px;
    }
}


#nav-products li.depth1 > a.active {
    background-color: #efa519;
    color: #fff;
}

#nav-products li.depth1 > a:hover {
    color: #fff;
}

#nav-products li ul {
    padding: 10px 0;
    background-color: #eaeaea;
}

#nav-products li ul li {
    list-style-type: none;
    line-height: 1.9em;
    font-size: 13px;
}

#nav-products li ul li a:hover {
    text-decoration: underline;
}


#nav-products li ul li a.active {
    font-weight: bold;
}

#nav-products li.depth2 a {
    padding-left: 60px;
}

#nav-products a.hand-protection {
    background-position: 10px -98px;
}

#nav-products a.respiratory-protection {
    background-position: 10px -172px;
}

#nav-products a.eye-ear-head-protection {
    background-position: 10px -246px;
}

#nav-products a.clothing {
    background-position: 10px -321px;
}

#nav-products a.footwear {
    background-position: 10px -398px;
}

#nav-products a.kits {
    background-position: 10px -473px;
}

#nav-products a.paper-consumables {
    background-position: 10px -543px;
}

#nav-products a.miscellaneous {
    background-position: 10px -612px;
}

#nav-products a.clearance {
    background-position: 10px -612px;
}




/* ------------------------------------------------------------------------ product list */

.product-preview {
    width: 45%;
    float: left;
    margin-left: 5%;
}

@media screen and (max-width: 980px) {
    .product-preview {
        width: 94%;
        float: none;
    }
}

@media screen and (max-width: 840px) {
    .product-preview {
        width: 100%;
        margin-left: 0;
    }

    #nav-products {
        margin-bottom: 40px;
    }
}

.product-preview img {
    display: block;
    width: 100%;
    cursor: pointer;
    outline: 1px solid #ccc;
    margin-bottom: 20px;
}

.product-preview h2 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    float: left;
    cursor: pointer;
    width: 210px;

} 

.btn-view-product {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    float: right;
    text-decoration: none;
    color: #efa519;
    background-color: #222;
    padding: 10px 10px 10px 30px;
    margin-bottom: 20px;
    background-image: url(images/kit_sprites.png);
    background-position: 9px -676px;
    border-radius: 3px;
}

.btn-view-product:hover {
    color: #fff;
}

.btn-view-product span {
    display: block;
    text-indent: -999em;
    width: 1px;
    height: 1px;
    overflow: hidden;
}



/* ------------------------------------------------------------------------ product detail */

.product-details {
    width: 45%;
    float: left;
    margin-left: 5%;
}

@media screen and (max-width: 840px) {
    .product-details {
        width: 47.5%;
        margin-left: 0;
    }

    .product-details-first {
        margin-right: 5%;
    }
}

@media screen and (max-width: 540px) {
    .product-details {
        width: 100%;
        float: none;
    }

    .product-details-first {
        margin-right: 0;
    }
}

#col-main h1 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 22px;
    margin: 0 0 20px 5%;
    padding-top: 10px;
}

#col-main .product-details h1 {
    margin: 0 0 20px 0;
    padding-top: 0;
}

.product-details h3 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 18px;
    line-height: 1.5em;
}



.product-details .checklist h3 {
    margin-bottom: 10px;
}

.product-details .checklist ul {
    margin-bottom: 10px;
}

.product-details .checklist li {
    padding-left: 25px; 
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 0 -1333px;
    padding-bottom: 5px;
}

#col-main p {
    font-size: 14px;
    line-height: 1.5em;
    margin-bottom: 10px;
}

#product-images {
    position: relative;
    display:block;
    padding:0;
    margin:0;
    margin-bottom: 30px;
}

@media screen and (max-width: 540px) {
    #product-images {
        margin-top: 30px;
    }
}

.cycle-slideshow div a img {
	border: 1px solid #ccc;
}

.fancybox-mobile .fancybox-nav span { 
	visibility: visible; 
}

#image-gallery-zoom {
	display:block;
}

@media (max-width: 620px) {
	#image-gallery-zoom {
		display:none;
	}
}

.btn-zoom {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 20px;
    bottom: 20px;
    z-index:5000;
}

.btn-zoom a {
    display: block;
    width: 34px;
    height: 34px;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 0 -1186px;
    text-indent: -9999em;
}

.btn-zoom a:hover {
    background-position: 0 -1230px;
}



#product-images .slideshow-nav {
    position: absolute;
    left: 20px;
    bottom: 20px;
    height: 34px;
    width: 78px;
    z-index: 6000;
}

#product-images .slideshow-nav a {
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    height: 34px;
    width: 34px;
    position: absolute;
    text-indent: -9999em;
}

#product-images .slideshow-nav a#prev {
    background-position: 0 -2501px;
    top: 0;
    left: 0;
}

#product-images .slideshow-nav a#prev:hover {
    background-position: 0 -2545px;
}

#product-images .slideshow-nav a#next {
    background-position: 0 -2413px;
    top: 0;
    right: 0;
}

#product-images .slideshow-nav a#next:hover {
    background-position: 0 -2457px;
}


#standards-list li {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 14px;
    padding: 5px 0;
    margin-bottom: 10px;
}

#standards-list li img {
    margin-bottom: -15px;
    margin-right: 10px;
}

.product-details li {
    list-style-type: none;
    font-size: 14px;
    line-height: 1.5em;
}

.btn-download {
    width: 100%;
    height: 44px;
    margin-bottom: 20px;
}

@media (max-width: 540px) {
    .btn-download {
        margin-top: 20px;
    }
}

.btn-download a {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #efa519;
    padding: 13px 20px 13px 45px;
    font-size: 15px;
    text-decoration: none;
    background-color: #000;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 15px -1420px;
    display: block;
    border-radius: 3px;
}

.btn-download a:hover {
    color: #fff;
}

/* ------------------------------------------------------------------------ homepage slideshow */

#slideshow-container {
    margin-bottom: 1px;
}

#slideshow {
    position: relative;
}

#slideshow .slide {
    width: 100%;
    height: 411px;
    background-color: #333;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

@media screen and (max-width: 940px) {
    #slideshow .slide {
        height: 380px;
    }
}

@media screen and (max-width: 880px) {
    #slideshow .slide {
        height: 320px;
    }
}

@media screen and (max-width: 800px) {
    #slideshow .slide {
        height: 280px;
    }
}

#nav-homepage-slideshow #prev,
#nav-homepage-slideshow #next {
    position: absolute;
    top: 155px;
    z-index: 999;
    color: #fff;
    width: 50px;
    height: 90px;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    text-indent: -999em;
}

@media screen and (max-width: 880px) {
    #nav-homepage-slideshow #prev,
    #nav-homepage-slideshow #next {
        top: 118px;
    }
}


@media screen and (max-width: 800px) {
    #nav-homepage-slideshow #prev,
    #nav-homepage-slideshow #next {
        top: 95px;
    }
}

@media screen and (max-width: 770px) {
    #nav-homepage-slideshow #prev,
    #nav-homepage-slideshow #next {
        width: 35px;
    }
}

#nav-homepage-slideshow #prev:hover,
#nav-homepage-slideshow #next:hover {
    background-color: #000;
}

#nav-homepage-slideshow #prev {
    left: 0;
    background-position: 0 -727px;
}

#nav-homepage-slideshow #next {
    right: 0;
    background-position: -50px -727px;
}

@media screen and (max-width: 770px) {
    #nav-homepage-slideshow #prev {
        background-position: -8px -727px;
    }
    
    #nav-homepage-slideshow #next {
        background-position: -56px -727px;
    }
}

.slide-content {
    max-width: 960px;
    margin: 0 auto;
    padding: 50px 60px;
}

@media screen and (max-width: 940px) {
    .slide-content {
        padding: 40px 60px;
    }
}

@media screen and (max-width: 880px) {
    .slide-content {
        padding: 20px 60px;
    }
}

@media screen and (max-width: 770px) {
    .slide-content {
        padding: 95px 60px;
    }
}



.slide-product-detail {
    width: 48%;
    float: left;
    background-image: url(images/panel_trans.png);
    height: 300px;
}

@media screen and (max-width: 880px) {
    .slide-product-detail {
        height: 278px;
    }
}

@media screen and (max-width: 800px) {
    .slide-product-detail {
        height: 240px;
    }
}

@media screen and (max-width: 770px) {
    .slide-product-detail {
        height: 90px;
    }
}

@media screen and (max-width: 680px) {
    .slide-product-detail {
        display: none;
    }
}

.slide-product-image {
    width: 48%;
    float: right;
}

.slide-product-detail h2 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 37px;
    color: #fff;
    padding: 25px 30px 0 30px;
    margin-bottom: 15px;
}

@media screen and (max-width: 940px) {
    .slide-product-detail h2 {
        font-size: 34px;
    }
}

@media screen and (max-width: 880px) {
    .slide-product-detail h2 {
        font-size: 30px;
    }
}

@media screen and (max-width: 800px) {
    .slide-product-detail h2 {
        font-size: 26px;
        padding: 15px 20px 0 20px;
    }
}

@media screen and (max-width: 770px) {
    .slide-product-detail h2 {
        font-size: 25px;
        padding: 10px 18px 0 18px;
    }
}



.slide-product-detail .btn {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 22px;
    padding: 0 30px;
    margin-bottom: 25px;
}

@media screen and (max-width: 940px) {
    .slide-product-detail .btn {
        font-size: 20px;
    }
}

@media screen and (max-width: 880px) {
    .slide-product-detail .btn {
        font-size: 17px;
    }
}

@media screen and (max-width: 800px) {
    .slide-product-detail .btn {
        font-size: 15px;
        padding: 0 20px;
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 770px) {
    .slide-product-detail .btn {
        font-size: 15px;
        padding: 0 17px;
        margin-bottom: 0;
    }
}

.slide-product-detail .btn a {
    color: #efa519;
    text-decoration: none;
    border-radius: 3px;
    background-color: #000;
    padding: 7px 30px 7px 12px;
    position: relative;
}

@media screen and (max-width: 770px) {
    .slide-product-detail .btn a {
        padding: 7px 28px 7px 10px;
    }
}

.slide-product-detail .btn a span {
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 0 -2210px; 
    display: block;
    width: 10px;
    height: 16px;
    position: absolute;
    right: 0;
    top: 13px;
    padding-right: 10px;
}

@media screen and (max-width: 940px) {
    .slide-product-detail .btn a span {
        top: 11px;
    }
}

@media screen and (max-width: 880px) {
    .slide-product-detail .btn a span {
        top: 8px;
    }
}


.slide-product-detail .btn a:hover {
    color: #fff;
}

.slide-product-detail ul {
    padding: 0 30px;
}

.slide-product-detail li {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 17px;
    color: #fff;
    list-style-type: none;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 0 -875px;
    padding-left: 30px;
    margin-bottom: 15px;
}

@media screen and (max-width: 940px) {
    .slide-product-detail li {
        font-size: 16px;
    }
}

@media screen and (max-width: 880px) {
    .slide-product-detail li {
        font-size: 14px;
    }
}

@media screen and (max-width: 800px) {
    .slide-product-detail ul {
        padding: 0 20px;
    }

    .slide-product-detail li {
        margin-bottom: 13px;
        background-position: 0 -1334px;
        padding-left: 25px;
    }
}

@media screen and (max-width: 770px) {
    .slide-product-detail ul {
        display: none;
    }
}


/* ------------------------------------------------------------------------ slide backgrounds */

#slideshow #airkit-4333-medical-mask {
    background-image: url(images/slide_medifit_1400.jpg);
}

#slideshow #gripster-xr800-gloves {
    background-image: url(images/gripster_xr800_gloves.jpg);
}

#slideshow #gripster-skins {
    background-image: url(images/gripster_skins_gloves.jpg);
}

#slideshow #dr-james-medical-coat {
    background-image: url(images/slide_drjames_1400.jpg);
}

@media screen and (max-width: 680px) {
    #slideshow #airkit-4333-medical-mask {
        background-image: url(images/slide_medifit_680.jpg); 
    }

    #slideshow #gripster-xr800-gloves {
        background-image: url(images/gripster_xr800_gloves_680.jpg);
    }

    #slideshow #gripster-skins {
        background-image: url(images/gripster_skins_gloves_680.jpg);
    }

    #slideshow #dr-james-medical-coat {
        background-image: url(images/slide_drjames_680.jpg);
    }
}

/* ------------------------------------------------------------------------ homepage */

.panel-home {
    width: 31.25%;
    float: left;
    background-color: #222;
    margin-bottom: 70px;
    height: 300px;
    margin-left: 3.125%;
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    text-align: center;
    position: relative;
}

@media screen and (max-width: 940px) {
    .panel-home {
        height: 280px;
        margin-bottom: 40px;
    }
}


@media screen and (max-width: 849px) {
    .panel-home {
        width: 48%;
        margin-left: 0;
    }
}

@media screen and (max-width: 680px) {
    .panel-home {
        height: 270px;
    }
}

@media screen and (max-width: 620px) {
    .panel-home {
        width: 100%;
        float: none;
        padding-bottom: 15px;
        margin-bottom: 35px;
        height: auto;
    }
    
    br.clear-home-panels {
        display: none;
    }
}

.panel-home p {
    font-size: 15px;
    color: #fff;
    line-height: 1.5em;
    padding: 0 20px;
}

.panel-home .btn {
    position: absolute;
    bottom: 30px;
    text-align: center;
    width: 100%;
    height: 44px;
}

@media screen and (max-width: 940px) {
    .panel-home .btn {
        bottom: 20px;
    }
}

@media screen and (max-width: 620px) {
    .panel-home .btn {
        position: relative;
        bottom: auto;
    }
}

.panel-home .btn a {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #efa519;
    padding: 13px 20px 13px 40px;
    font-size: 15px;
    text-decoration: none;
    background-color: #000;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 15px -934px;
    display: inline-block;
    border-radius: 3px;
}

.panel-home .btn a:hover {
    color: #fff;
}

.panel-40years {
    margin-left: 0;
}

@media screen and (max-width: 849px) {
    #section-home .panel-40years {
        display: none;
    }
}

.panel-40years img {
    padding: 34px 0;
}

@media screen and (max-width: 1016px) {
    .panel-40years img {
        padding: 34px 0 22px 0;
    }
}


@media screen and (max-width: 980px) {
    .panel-40years img {
        width: 85%;
    }
}


@media screen and (max-width: 849px) {
    .panel-products {
        margin-right: 4%;
    }
}

@media screen and (max-width: 620px) {
    .panel-products {
        margin-right: 0;
    }
}

.panel-products img {
    padding: 41px 0 16px 0;
}

@media screen and (max-width: 980px) {
    .panel-products img {
        width: 85%;
    }
}

@media screen and (max-width: 849px) {
    .panel-products img {
        width: 233px;
    }
}

@media screen and (max-width: 700px) {
    .panel-products img {
        width: 85%;
    }
}

@media screen and (max-width: 620px) {
    .panel-products img {
        width: auto;
        padding: 15px 0 15px 0;
    }
}

.panel-updates h3 {
    font-size: 35px;
    font-weight: 800;
    color: #efa519;
    padding-top: 30px;
    margin-bottom: 11px;
}

@media screen and (max-width: 940px) {
    .panel-updates h3 {
        font-size: 30px;
    }
}

@media screen and (max-width: 620px) {
    .panel-updates h3 {
        padding-top: 15px;
    }
}

@media screen and (max-width: 620px) {
    .panel-updates .btn {
        margin-top: 15px;
    }
}

.panel-updates input[type="email"] {
    border: 0;
    background-color: #fff;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    color: #999;
    width: 80%;
    padding: 10px 0;
    font-size: 13px;
    outline: 0;
} 

.panel-updates form {
    padding-top: 18px;
}

.mce_inline_error {
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
    padding-top: 7px;
}

.mc-field-group input.email {
    color: #222;
}

#mce-responses {
    background-color: #222;
    position: absolute;
    top: 0;
    left: 0;
    height: 300px;
    color: #fff;
    line-height: 1.5em;
}

#mce-responses a {
    color: #efa519;
    text-decoration: none;
}


#mce-responses #mce-success-response {
    padding: 76px 30px 0 30px;
}

#mce-responses #mce-error-response {
    padding: 30px;
}

.panel-home input#mc-embedded-subscribe {
    border: 0;
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #efa519;
    padding: 13px 20px 13px 40px;
    font-size: 15px;
    text-decoration: none;
    background-color: #000;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 15px -934px;
    cursor: pointer;
    outline: none;
    border-radius: 3px;
}

.panel-home input#mc-embedded-subscribe:hover {
    color: #fff;
}



/* ------------------------------------------------------------------------ forms */

.form-container {
    background-color: #f2f2f2;
    padding: 15px 0 30px 0;
    overflow: hidden;
    margin-left: 5%;
}

.dform_element {
    margin-top: 0 !important;
    margin-bottom: 10px !important;
}

.dform_container input.text {
    border: 0;
    padding: 10px 0 !important;
    width: 100%;
    font-size: 12px;
}

.dform_container select {
    border: 0;
    padding: 10px 0 !important;
    outline: none;
    width: 100%;
    font-size: 12px;
}

.dform_container textarea {
    border: 0;
    padding: 10px 0 !important;
    outline: none;
    width: 100%;
    font-size: 12px;
}

.form-container label {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800 !important;
    font-style: normal !important;
    font-size: 15px !important;
}

.form-container span.req {
    color: #efa519;
}

#forms_field_1,
#forms_field_2,
#forms_field_6,
#forms_field_7,
#forms_field_13,
#forms_field_14 {
    width: 42.857142857142855%;
    float: left;
    margin-left: 4.7619047619047616%;
}

@media screen and (max-width: 540px) {
    #forms_field_1,
    #forms_field_2,
    #forms_field_6,
    #forms_field_7,
    #forms_field_13,
    #forms_field_14 {
        width: 90.47619047619048%;
        float: none;
        margin-left: 4.7619047619047616%;
       
    }
}

#forms_field_12,
#forms_field_8,
#forms_field_21,
#forms_field_18 {
    margin-left: 4.7619047619047616%;
    margin-right: 4.7619047619047616%;
}

#forms_field_12 select {
    height: 142px;
    padding: 0 !important;
}

#forms_field_8,
#forms_field_18 {
    margin-bottom: 30px !important;
}

#forms_field_8 textarea,
#forms_field_18 textarea {
    height: 142px;
    padding: 0 !important;
}

.form-container ul.checkboxes label {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
    font-weight: normal !important;
}

.form-container ul.checkboxes {
    margin-left: 10px;
}

.form-container ul.checkboxes li {
    padding: 5px 0;
}

.form-container ul.checkboxes li:first-child {
    padding: 10px 0 5px 0;
}

.form-container ul.checkboxes li:last-child {
    padding: 5px 0 0 0;
}

.dform_element .dform_error {
    font-size: 12px;
    font-weight: normal !important;
}

.form-container .submit {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #efa519;
    padding: 13px 20px 13px 45px;
    font-size: 15px;
    text-decoration: none;
    background-color: #000;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 12px -1014px;
    border: 0;
    float: right;
    margin-right: 4.7619047619047616%;
    cursor: pointer;
    border-radius: 3px;
}

.form-container .submit:hover {
    color: #fff;
}

.info-box {
    background-color: #222;
    padding: 25px 30px 15px 30px;
    margin-bottom: 70px;
}

.info-box p {
    color: #fff;
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 1.5em;
}

.info-box a {
    color: #fff;
    text-decoration: none;
}

.info-box a:hover {
    color: #efa519;
}


.info-box p.lead {
    color: #fff;
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 17px;
}

.info-box h3 {
    color: #efa519;
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 0.5em;
}

/* ------------------------------------------------------------------------ contact */

#map {
    background-image: url(images/kit_map.gif);
    height: 367px;
    margin-bottom: 30px;
    position: relative;
    background-position: center center;
}

.map-btn {
    background-image: url(images/bg_mapbtn.png);
    width: 235px;
    height: 44px;
    position: absolute;
    right: 0;
    bottom: 30px;
    margin-right: 3.125%;
    border-radius: 3px;
}

.map-btn a {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #222;
    padding: 13px 18px 13px 30px;
    font-size: 15px;
    text-decoration: none;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    background-position: 0 -1088px;
    border: 0;
    float: right;
    display: block;
}

@media screen and (max-width: 840px) {
    .map-btn {
        margin-right: 0;
        right: 23px;
    }
}

.map-btn a:hover {
    color: #efa519;
}

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

#brands-container {
    background-color: #eaeaea;
}

@media screen and (max-width: 770px) {
    #brands-container {
        display: none;
    }
}

#brands {
    max-width: 960px;
    margin: 0 auto;
    padding: 30px 60px;
}



#brands img {
    width: 100%;
}

/* ------------------------------------------------------------------------ news */

#section-news .panel-updates {
    width: 100%;
    margin-left: 0;
    height: auto;
    float: none !important;
    padding-bottom: 1px;
}

#section-news .panel-updates .btn {
    position: relative;
    bottom: inherit;
    margin-bottom: 30px;
}

#section-news .panel-updates input[type="email"] {
    margin-bottom: 30px;
}

.content-entry {
    margin-left: 5%;
    background-color: #f2f2f2;
    padding: 30px;
    margin-bottom: 30px;
}

.content-entry h2 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 22px;
    padding-top: 10px;
    margin-bottom: 15px;
}

.content-entry h3 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 13px;
    margin-bottom: 5px;
}

.btn-continue-reading {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    display: inline-block;
    text-decoration: none;
    color: #efa519;
    background-color: #222;
    padding: 10px 15px 10px 35px;
    background-image: url(images/kit_sprites.png);
    background-position: 15px -936px;
    margin-top: 10px;
    border-radius: 3px;
}

.btn-continue-reading:hover {
    color: #fff;
}

.btn-continue-reading span {
    display: block;
    text-indent: -999em;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ------------------------------------------------------------------------ about */

#section-about .panel-40years {
    width: 100%;
    margin-left: 0;
}

#section-about .content-entry h2 {
    padding-top: 0;
}

.team-member-photo {
    width: 45%;
    margin-left: 5%;
    float: left;
    margin-bottom: 30px;
}

.team-member-photo img {
    width: 300px;
}

@media screen and (max-width: 1080px) {
    .team-member-photo img {
        width: 100%;
    }
}

.team-member-details {
    width: 45%;
    margin-left: 5%;
    float: left;
    margin-bottom: 30px;
}


.team-member-details h2 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 22px;
}

.team-member-details h3 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 16px;
    margin-bottom: 7px;
}

.team-member-details li {
    list-style-type: none;
    display: inline;
    font-size: 14px;
    background-image: url(images/kit_sprites.png);
    background-repeat: no-repeat;
    white-space: nowrap;
    line-height: 27px;
}

.team-member-details li a {
    text-decoration: none;
}

.team-member-details li a:hover {
    color: #000;
}

.team-member-details li.link-email {
    background-position: 0 -2287px;
    padding: 5px 10px 5px 25px;
}

.team-member-details li.link-phone {
    background-position: 0 -2348px;
    padding: 5px 10px 5px 20px;
}




/* ------------------------------------------------------------------------ footer */

#footer-container {
    background-color: #222;
}

footer {
    max-width: 960px;
    margin: 0 auto;
    padding: 70px 60px;
    color: #fff;
}

@media screen and (max-width: 849px) {
    footer {
        padding: 40px 60px;
    }
}

@media screen and (max-width: 620px) {
    footer {
        padding: 40px 35px;
    }
}

@media screen and (max-width: 430px) {
    footer {
        padding: 40px 20px;
    }
}

.col-footer {
    width: 31.25%;
    float: left;
    margin-left: 3.125%;
}

@media screen and (max-width: 849px) {
    .col-footer-products {
        display: none;
    }
    
    .col-footer {
        width: 48%;
        margin-left: 4;
    }
}

.col-footer.first-child {
    margin-left: 0;
}


footer h3 {
    font-family: "museo-slab", Arial, Helvetica, sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 15px;
    margin-bottom: 30px;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer a:hover {
    color: #efa519;
}

footer li {
    list-style-type: none;
    font-size: 14px;
    line-height: 1.9em;
}

footer p {
    font-size: 14px;
    line-height: 1.9em;
    margin-bottom: 1em;
}

.fancybox-title {
    padding: 10px 0 0 0;
}