/* HEMMING MEDIA PAGE */


.icon2 { position: relative; right: 0; background-color: transparent; z-index: 9999; width: 51px; height: 57px; float: right; margin-right: 1px; }


.hemming-media-container { display: table-cell; vertical-align: middle; }
.hemming-media-logo { margin-left: 17px; }
.introduction-container { height: 72px; }
.hemming-introduction { font-family: calibri; font-weight: 400; min-height: 72px; font-size: 18px; }
#collapse1 { margin-top: 20px; text-align: justify;}


.hemming-filter { height: 86px; /*font-family: calibri; font-size: 14px; font-weight: 400;*/ }
.change-market { color: #ffffff; font-size: 24px; border: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; height: 38px; }
.lblmarket { font-size: 16px; color: #ffffff; line-height: 34px; padding: 0 0 0 16px; }
.hemming-filter .ion-ios-arrow-right { color: #ffffff; font-size: 28px; float: right; }


.listing-wrapper { background-color: #f0e9f3; padding-bottom:36px;}
.listing-panel { border-left: 1px solid #f8f4f9; text-align: center; padding: 0; }
    .listing-panel .img-container { height: 120px; background-color: #ffffff;}
    
    .listing-panel img { max-height: 47px; /*max-width: 103px;*/ display:inline-block; 
                         position: relative;top: 50%;transform: translateY(-50%);
                         -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);
                          -webkit-filter: grayscale(1); /* Webkit */
                          filter: gray; /* IE6-9 */
                          filter: grayscale(1); /* W3C */


    }
.listing-panel-footer { width: 100% !important; height: 60px; background-color: #3c3c3b; color: #ffffff; border-right: 1px solid #969397; border-top: 1px solid #969397; border-bottom: 1px solid #969397; font-family: calibri; font-size: 15px; font-weight: 400; padding: 0 6px; }

.listing-panel-download { border-left: 10px solid #f8f4f9; text-align: center; padding: 0; }
    .listing-panel-download .img-container { height: 267px; background-color: #ffffff;}
    
    .listing-panel-download img { max-height: 267px; max-width: 180px;display:inline-block; 
                         position: relative;top: 50%;transform: translateY(-50%);
                         -webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);
                          -webkit-filter: grayscale(1); /* Webkit */
                          filter: gray; /* IE6-9 */
                          filter: grayscale(1); /* W3C */


    }

/* POPOVER ANIMATION*/

/*
.popover-container { 
    display: none; z-index: 1000; position: absolute; background-color: #f0e9f3; 
    -moz-box-shadow: 0px 0px 0px 8px rgba(255,255,255,1), 1px 1px 3px 10px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 0px 0px 8px rgba(255,255,255,1), 1px 1px 3px 10px rgba(0,0,0,0.2); box-shadow: 0px 0px 0px 8px rgba(255,255,255,1), 1px 1px 3px 10px rgba(0,0,0,0.2); -moz-opacity: 0.5; opacity: 0.5; 
    width: 95%; height: 80%; padding: 12px; overflow: hidden; margin: 10px 0 0 10px; 
}
    .popover-container p { text-align: left !important; }
.popover-on { display: block; -webkit-animation-duration: .500s; -moz-animation-duration: .500s; -o-animation-duration: .500s; animation-duration: .500s; -webkit-animation-fill-mode: both; -o-animation-fill-mode: both; animation-fill-mode: both; }

    @-webkit-keyframes fadeInDown {
        0% { -moz-opacity: 0; opacity: 0; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
        100% { -moz-opacity: 1; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
    }

    @keyframes fadeInDown {
        0% { -moz-opacity: 0; opacity: 0; -moz-transform: translateY(-20px); -ms-transform: translateY(-20px); -o-transform: translateY(-20px); -webkit-transform: translateY(-20px); transform: translateY(-20px); }
        100% { -moz-opacity: 1; opacity: 1; -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); -webkit-transform: translateY(0); transform: translateY(0); }
    }

    .fadeInDown { -webkit-animation-name: fadeInDown; -moz-animation-name: fadeInDown; -o-animation-name: fadeInDown; animation-name: fadeInDown; }

*/

/* ** MEDIA QUERIES ** */

@media only screen and (max-width : 480px) {
    .container { width: 100%; margin: auto; padding:0;}
    .spacer { height: 8px; }
}

@media only screen and (min-width : 480px) and (max-width : 640px) {
    .container { width: 100%; margin: auto; padding:0;}
}

@media only screen and (min-width : 640px) and (max-width : 768px) {
    .container { width: 100%; margin: auto; }
    .hemming-media-logo { margin-left: 17px; max-width: 160px; }
}

@media only screen and (min-width : 768px) and (max-width:992px) {
    .container { width: 100%; margin: auto; }
    .hemming-media-logo { margin-left: 0; max-width: 91.8px; }
    .hemming-introduction { font-size: 20px; line-height: 30px; height: 340px; }

    .hemming-filter { }
    .change-market { font-size: 18px; }
    .lblmarket { display: inline-block; font-size: 16px; padding-left: 16px; margin-top: 3px !important; }
    .hemming-filter .ion-ios-arrow-right { font-size: 28px; padding-right: 10px; }


.listing-wrapper { padding-bottom:44px;}
    .listing-panel { }
        .listing-panel .img-container { height: 125.4px; }
        .listing-panel img { /*min-height: 76.2px;*/ max-width: 165px; }
    .listing-panel-footer { height: 50px; font-size: 14px; }
}

@media only screen and (min-width : 992px) and (max-width:1024px) {
    .container { width: 850px; margin: auto; }
    .hemming-media-logo { margin-left: 0; max-width: 118.5px; }
    .hemming-introduction { font-size: 20px; line-height: 30px; height: 410px; }

    .hemming-filter { }
    .change-market { font-size: 18px; }
    .lblmarket { display: inline-block; font-size: 14px; padding-left: 16px; margin-top: 3px !important; }
    .hemming-filter .ion-ios-arrow-right { font-size: 28px; padding-right: 10px; }

.listing-wrapper { padding-bottom:57.35px;}
    .listing-panel { }
        .listing-panel .img-container { height: 162px; }
        .listing-panel img { /*min-height: 80px;*/ max-width: 213.12px; }
    .listing-panel-footer { height: 37px; }
}

@media only screen and (min-width : 1024px) and (max-width:1200px) {
    .container { width: 992px; margin: auto; }
    .hemming-media-logo { margin-left: 0; max-width: 122.4px; }
    .hemming-introduction { font-size: 20px; line-height: 30px; height: 267px; }

    .hemming-filter { }
    .change-market { font-size: 18px; }
    .lblmarket { display: inline-block; font-size: 14px; padding-left: 16px; margin-top: 3px !important; }
    .hemming-filter .ion-ios-arrow-right { font-size: 28px; padding-right: 10px; }

.listing-wrapper { padding-bottom:59.2px;}
    .listing-panel { }
        .listing-panel .img-container { height: 167.2px; }
        .listing-panel img { /*min-height:80px;*/ max-width: 220px; }
    .listing-panel-footer { height: 37px; }
}

@media only screen and (min-width : 1200px) {
    .hemming-media-logo { margin-left: 0; max-width: 153px; }
    .hemming-introduction { font-size: 20px; line-height: 30px; height: 340px; }

    .hemming-filter { }
    .change-market { font-size: 24px; }
    .lblmarket { display: inline-block; font-size: 14px; padding-left: 16px; margin-top: 3px !important; }
    .hemming-filter .ion-ios-arrow-right { font-size: 28px; padding-right: 10px; }

.listing-wrapper { padding-bottom:74px;}
    .listing-panel { }
        .listing-panel .img-container { height: 209px; }
        .listing-panel img { /*min-height: 80px;*/ max-width: 275px; }
    .listing-panel-footer { height: 37px; }
}

@media only screen and (min-width : 1281px) {
    .popover-container { 
    
    margin: 10px 0 0 14px; 
    }
}












/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */