h3, h4, h5 {
    z-index: 1;
}

@media (max-width:66600px) { /* used to be 600px, changed to make sure the effect occurs on all view ports */
    #divViewImages {
        margin-top: 120px;
    }

    h3.sticky { top: 119px; }
    h4.sticky { top: 155px; }
    h5.sticky { top: 185px; }

    /* Cart Animation */
    .cart_animation {
        animation: cart_animation 1s 1;
        -moz-animation: cart_animation 1s 1;
        -webkit-animation: cart_animation 1s 1;
        -o-animation: cart_animation 1s 1;
    }
}

@media (max-width:992px) and (min-width:601px) {
    #divViewImages {
        margin-top: 131px;
    }

    h3.sticky { top: 132px; }
    h4.sticky { top: 168px; }
    h5.sticky { top: 198px; }
}

@media (min-width:993px) {
    #divViewImages {
        margin-top: 148px;
    }

    h3.sticky { top: 157px; }
    h4.sticky { top: 193px; }
    h5.sticky { top: 223px; }
}


/* H3 Product Type "sticky" positioning */
h3.sticky, h4.sticky, h5.sticky {
    position: fixed;
    width: 100%;
    padding-right: 32px;
}

@keyframes cart_animation {
    0% {transform: rotate(-30deg);}
    17% {transform: rotate(30deg);}
    33% {transform: rotate(-30deg);}
    50% {transform: rotate(30deg);}
    67% {transform: rotate(-30deg);}
    73% {transform: rotate(30deg);}
    100% {transform: rotate(-30deg);}
}

@-webkit-keyframes cart_animation {
    0% {-webkit-transform: rotate(-30deg);}
    17% {-webkit-transform: rotate(30deg);}
    33% {-webkit-transform: rotate(-30deg);}
    50% {-webkit-transform: rotate(30deg);}
    67% {-webkit-transform: rotate(-30deg);}
    73% {-webkit-transform: rotate(30deg);}
    100% {-webkit-transform: rotate(-30deg);}
}

@-moz-keyframes cart_animation {
    0% {-moz-transform: rotate(-30deg);}
    17% {-moz-transform: rotate(30deg);}
    33% {-moz-transform: rotate(-30deg);}
    50% {-moz-transform: rotate(30deg);}
    67% {-moz-transform: rotate(-30deg);}
    73% {-moz-transform: rotate(30deg);}
    100% {-moz-transform: rotate(-30deg);}
}

@-o-keyframes cart_animation {
    0% {transform: rotate(-30deg);}
    17% {transform: rotate(30deg);}
    33% {transform: rotate(-30deg);}
    50% {transform: rotate(30deg);}
    67% {transform: rotate(-30deg);}
    73% {transform: rotate(30deg);}
    100% {transform: rotate(-30deg);}
}



/* Gallery begin */
div.thumbnail {
    display: inline-block;
    position: relative;
    cursor: pointer;
    margin-bottom: 15px;
    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 4px solid #d0d0d0;
    border-radius: 4px;
    transition: border .2s ease-in-out;
}

div.thumbnail_incart {
    border: 4px solid #006400;
}

div.thumbnail_browseall {
    text-align: center;
    width: 180px;
}

div.minithumbs {
    text-align: center;
    width: 245px;
}

div.runner_in_image {
    outline: 2px dashed #000;
}


div.thumbnail:hover img.thumbnail {
    /* -ms-transform: scale(1.05, 1.05); */ /* IE 9 */
    /* -webkit-transform: scale(1.05, 1.05); */ /* Safari */
    /* transform: scale(1.05, 1.05); */
}

img.thumbnail {
    margin-bottom: 5px !important;
    /* transition: .4s ease; */

    padding: 4px;
    line-height: 1.42857143;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;

    vertical-align: middle;
}

.thumbnail > img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
}

img.minithumb {
    display: inline-block;
    max-width: 70px;
    max-height: 50px;
    margin: 2px;
    padding: 0px;
    background-color: #fff;
    border: 1px solid #aaa;
    border-radius: 7px;
}

img.overlay {
    position: absolute;
    top: 4px;
    left: 4px;
    background-color: unset !important;
}

div.caption {
    padding: 0px !important;
    position: relative;
    text-align: left;
}

span.imageId {
    display: inline-block;
    font-size: 10px;
    color: gray;
}

span.price {
    font-size: 14px;
}

span.price-large {
    font-size: 18px;
}

div.captionRight {
    position: absolute;
    right: 5px;
    top: -2px;
}

div.caption-large {
    font-size: 16px;
}

span.imageInCart {
    color: #006400
}

@media only screen and (max-width: 500px) {
    div.thumbnail_vert {
        width: 45.99999%;
    }

    div.thumbnail_horiz {
        width: 95.99999%;
    }

    img.thumbnail {
        width: 100%;
        height: auto;
    }

    #divImageProducts {
        text-align: center;
    }
}

@media only screen and (max-width: 339px) {
    div.thumbnail_vert {
        width: 95.99999%;
    }

    div.thumbnail_horiz {
        width: 95.99999%;
    }

    img.thumbnail {
        width: 100%;
        height: auto;
    }
}



/* modal begin*/

.btn-addtocart {
    color: #fff;
    background-color: #006400;
    border-color: #002700;
    font-size: 18px;
}

.btn-updatecart {
    color: #fff;
    background-color: #006400;
    border-color: #002700;
    font-size: 12px;
}

.btn-close {
    -webkit-appearance: none;
    cursor: pointer;
    background: 0 0;
    border: 0;
    color: #808080;
    font-size: 21px;
}

.w3-modal {
    padding-top: 5px !important;

}




/* Preview modal (non-products) */
div.preview {
    display: inline-block;
    margin-bottom: 15px;
    padding: 4px;
    /* line-height: 2.42857143; */
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 4px;
    /* transition: border .2s ease-in-out; */
}

div.preview_previous_next_horiz {
    width: 68.3%;
    margin-top: 10px;
}

div.preview_previous_next_vert {
    width: 46.3%;
    margin-top: 10px;
}

div.preview_vert {
    width: 85.99999%;
}

@media only screen and (min-width: 600px) and (max-height: 950px) {
    div.preview_vert {
        width: 60%;
    }
}

@media only screen and (min-width: 600px) and (max-height: 800px) {
    div.preview_vert {
        width: 50%;
    }
}

@media only screen and (min-width: 600px) and (max-height: 700px) {
    div.preview_vert {
        width: 40%;
    }
}

@media only screen and (min-width: 600px) and (max-height: 625px) {
    div.preview_vert {
        width: 35%;
    }
}

img.preview {
    margin-bottom: 5px !important;
    transition: .4s ease;
    max-width: 100%;
    height: auto;
}
/* Preview modal end */



/* Preview Products modal */
div.previewproducts {
    display: inline-block;
    margin-bottom: 15px;
    padding: 4px;
    /* line-height: 2.42857143; */
    background-color: #fff;
    border: 1px solid #808080;
    border-radius: 4px;
    /* transition: border .2s ease-in-out; */
}

img.previewproducts {
    margin-bottom: 5px !important;
    transition: .4s ease;
    max-width: 100%;
    height: auto;
}

#divPreviewProductsProducts {
    vertical-align: top;
}

@media only screen and (orientation:portrait) {
    #divPreviewProductsProducts {
        display: block;
    }
    #tblModalProducts {
        margin: auto;
    }
}

@media only screen and (orientation:landscape) {
    #divPreviewProducts {
        width: 475px;
    }
    #divPreviewProductsProducts {
        display: inline-block;
        width: 375px;
    }
}

.w3-modal-content-rdv-product-preview {
    margin: auto;
    background-color: #fff;
    position: relative;
    padding: 0;
    outline: 0;
    width: unset;
}

td.product-selected-left-cell { background-color: #98c878; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
td.product-selected-middle-cell { background-color: #98c878; }
td.product-selected-right-cell { background-color: #98c878; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }

td.product-hasquantity-left-cell { border-top: 1px #006400 solid; border-left: 1px #006400 solid; border-bottom: 1px #006400 solid; border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
td.product-hasquantity-middle-cell {border-top: 1px #006400 solid; border-bottom: 1px #006400 solid;}
td.product-hasquantity-right-cell { border-top: 1px #006400 solid; border-right: 1px #006400 solid; border-bottom: 1px #006400 solid; border-top-right-radius: 8px; border-bottom-right-radius: 8px; }


/* Preview Products modal end */



/* Participant Search begin */

#divParticipant {
    display: block;
    cursor: pointer;
}

#divParticipantSearch {
    display: none;
}




#txtBib {
   width: 360px;
}

@media only screen and (min-width: 401px) and (max-width: 520px) {

    #txtBib {
        width: 240px;
        font-size: 12px;
    }
}

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

    #txtBib {
        width: 140px;
        font-size: 10px;
    }
}

/* Participant Search end */