/*=======================

* MODAL POPUP STYLE

========================*/



html.mst-quick-view-is-open,

html.mst-quick-view-is-open body {

    overflow: hidden;

}



#mst-quick-view-modal {

    position: fixed;

    visibility: hidden;

    top: 0;

    left: 0;

    right: 0;

    bottom: 0;

    z-index: 1400;

    opacity: 0;

    text-align: center;

    -webkit-transition: all 0.3s;

    -moz-transition: all 0.3s;

    transition: all 0.3s;

}



#mst-quick-view-modal:before {

    content: '';

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: 0;

}



#mst-quick-view-modal .mst-quick-view-overlay {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    background: rgba( 0, 0, 0, 0.8);

}



#mst-quick-view-modal .mst-wcqv-wrapper {

    display: inline-block;

    vertical-align: middle;

    visibility: hidden;

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    backface-visibility: hidden;

    text-align: left;

    height: 600px;

    width: 1000px;

}



#mst-quick-view-modal .mst-wcqv-main {

    /*

  

    -webkit-box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);

    box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.2);

    */

 

    background: #fff;

    height: 100%;



}



#mst-quick-view-modal.open,

#mst-quick-view-modal.open .mst-wcqv-wrapper {

    visibility: visible;

    opacity: 1;



}



#mst-quick-view-modal #mst-quick-view-content {

    height: 100%;

    padding: 25px 15px 0;

}



#mst-quick-view-modal .mst-wcqv-main:after,

#mst-quick-view-modal .mst-wcqv-main:before {

    content: '';

    display: table;

    clear: both;

}

#mst-quick-view-modal.open .mst-wcqv-main {

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    transform: translateY(0);

    opacity: 1;

    height: 100%;

    overflow-y: scroll;

    position: relative;

}

#mst-quick-view-close {

  

    position: absolute;

    top: 5px;

    right: 5px;

  

    z-index: 2;

    

    border: 1px solid #ec4445;

    font-weight: 500;

    color: #ec4445;

    display: block;

    font-size: 15px;

    height: 25px;

    line-height: 24px;

    text-align: center;

    width: 30px;





}

#mst-quick-view-close:hover {

    opacity: 0.6;

    transition: all 0.2s ease;

    -webkit-transition: all 0.2s ease;

    -moz-transition: all 0.2s ease;

    -ms-transition: all 0.2s ease;

}

#mst-quick-view-content div.images {

   

    opacity: 1 !important;

}