.remodal-bg.remodal-is-opening,
.remodal-bg.remodal-is-opened { -webkit-filter: blur(3px); filter: blur(3px);
}
.remodal-overlay { background: rgba(0, 0, 0, 0.8);
}
.remodal-overlay.remodal-is-opening,
.remodal-overlay.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
}
.remodal-overlay.remodal-is-opening { -webkit-animation-name: remodal-overlay-opening-keyframes; animation-name: remodal-overlay-opening-keyframes;
}
.remodal-overlay.remodal-is-closing { -webkit-animation-name: remodal-overlay-closing-keyframes; animation-name: remodal-overlay-closing-keyframes;
}
.remodal-wrapper { padding: 10px 10px 0;
}
.remodal { overflow: hidden; box-sizing: border-box; padding: 9px; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); color: #2b2e38; background: #fff; display: none; position: absolute; top:15%; bottom: 15%; left: 15%; right: 15%; box-shadow: 0px 0px 0px 9px rgba(255,255,255,0.3);
} .remodal.remodal-is-opening,
.remodal.remodal-is-closing { -webkit-animation-duration: 0.3s; animation-duration: 0.3s; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards;
} .remodal.remodal-is-opening { -webkit-animation-name: remodal-opening-keyframes; animation-name: remodal-opening-keyframes;
} .remodal.remodal-is-closing { -webkit-animation-name: remodal-closing-keyframes; animation-name: remodal-closing-keyframes;
}
.remodal,
.remodal-wrapper:after { vertical-align: middle;
}
.remodal-close { position: absolute; top: 0; right: 0; display: block; overflow: visible; width: 35px; height: 35px; margin: 0; padding: 0; z-index: 5; cursor: pointer; -webkit-transition: color 0.2s; transition: color 0.2s; text-decoration: none; border: 0; outline: 0; background: transparent;
}
.remodal-close:before { font-family: Arial, "Helvetica CY", "Nimbus Sans L", sans-serif !important; font-size: 25px; line-height: 35px; position: absolute; top: 0; right: 0; display: block; width: 35px; content: "\00d7"; text-align: center;
}
.remodal-confirm,
.remodal-cancel { font: inherit; display: inline-block; overflow: visible; min-width: 110px; margin: 0; padding: 12px 0; cursor: pointer; -webkit-transition: background 0.2s; transition: background 0.2s; text-align: center; vertical-align: middle; text-decoration: none; border: 0; outline: 0;
} .remodal-confirm { color: #fff; background: #81c784;
} .remodal-confirm:hover,
.remodal-confirm:focus { background: #66bb6a;
} .remodal-cancel { color: #fff; background: #e57373;
} .remodal-cancel:hover,
.remodal-cancel:focus { background: #ef5350;
}
.remodal-confirm::-moz-focus-inner,
.remodal-cancel::-moz-focus-inner,
.remodal-close::-moz-focus-inner { padding: 0; border: 0;
} @-webkit-keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; }
} @keyframes remodal-opening-keyframes { from { -webkit-transform: scale(1.05); transform: scale(1.05); opacity: 0; } to { -webkit-transform: none; transform: none; opacity: 1; }
} @-webkit-keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; }
} @keyframes remodal-closing-keyframes { from { -webkit-transform: scale(1); transform: scale(1); opacity: 1; } to { -webkit-transform: scale(0.95); transform: scale(0.95); opacity: 0; }
} @-webkit-keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; }
} @keyframes remodal-overlay-opening-keyframes { from { opacity: 0; } to { opacity: 1; }
} @-webkit-keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; }
} @keyframes remodal-overlay-closing-keyframes { from { opacity: 1; } to { opacity: 0; }
} @media only screen and (min-width: 641px) { .remodal { } #wcqv_contend .summary{ width: 100%; } #wcqv_contend .summary{ width: 100%; }
} @media only screen and (max-width: 641px) { .woocommerce .remodal #wcqv_contend .product .images .thumbnail img{ margin: 5px ; }
} @media only screen and (max-width: 770px) { .woocommerce #wcqv_contend .product .cart .button{ float: left !important; } #wcqv_contend .images{ width:100% !important; } .remodal{ overflow-y: scroll; } #wcqv_contend .images{ width: 100%; } .woocommerce-page .remodal #wcqv_contend .product .summary{ width: 100%; height:100% !important; padding: 0 0 0 15px; overflow: hidden; float: left; display: block; } .scrollbar,.scrollbar_bg{ display: none; } } .lt-ie9 .remodal-overlay { background: #2b2e38;
} .lt-ie9 .remodal { position: absolute; top:25%; bottom: 25%; left: 5%; right: 5%; box-shadow: 0px 0px 0px 9px rgba(0,0,0,0.3);
} .wcqv_prev{ left: 0; background-color: rgba(255, 255, 255, 0.2); width: 40px; height: 70px; overflow: hidden; position: absolute; top: 50%; -webkit-transition: width .4s; transition: width .4s; z-index: 3; } .wcqv_prev .icon{ float:left; height: 70px; width: 45px; padding: 5px; position: relative; background: url('../img/left_arr.png') no-repeat center; background-size: 25px;
} .wcqv_prev:hover{ cursor: pointer; width:250px; }
.wcqv_prev .wcqv_prev_title{ overflow: hidden; text-align: right; color: #ebe9eb; width: 143px; height: 70px; padding-right: 5px; font-size: 13px; line-height: normal; display: table-cell; vertical-align: middle;
}
.wcqv_prev .wcqv_prev_title h4{ margin: 0px;
}
.wcqv_prev_thumbnail{ width: 50px; height: 50px; margin:5px; display: table-cell; padding-top:9px;
} .wcqv_next{ padding-left: 9px; float: left; right: 0; background-color: rgba(255, 255, 255, 0.2); width: 40px; height: 70px; overflow: hidden; position: absolute; top: 50%; -webkit-transition: width .4s; transition: width .4s; z-index: 3; }
.wcqv_next .icon{ float:right; height: 70px; width: 45px; padding: 5px; position: relative; background: url('../img/right_arr.png') no-repeat center; background-size: 25px;
} .wcqv_next:hover{ cursor: pointer; width:250px; }
.wcqv_next .wcqv_next_title{ overflow: hidden; color: #ebe9eb; width: 143px; padding-left: 5px; height: 70px; font-size: 13px; line-height: normal; display: table-cell; vertical-align: middle;
}
.wcqv_next .wcqv_next_title h4{ margin: 0px; }
.wcqv_next_thumbnail{
float: left; width: 50px; height: 50px; display: table-cell; padding-top:9px;
}
.wcqv_prev_data{ display: none;
}
.wcqv_next_data{ display: none;
} .remodal-wrapper { position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; display: none; text-align: left;
}
.remodal-overlay { position: fixed; z-index: 9999; top: -5000px; right: -5000px; bottom: -5000px; left: -5000px; display: none;
} #wcqv_contend{ background-color: #fff;
}
#wcqv_contend .images{ float: left; width:45%; position: relative;
}
#wcqv_contend .images:after,
#wcqv_contend .images:before{ content: ''; display: table; clear: both;
}
#wcqv_contend .summary{ float: left; width: 50%; font-size: 15px; padding: 25px 10px 3em 10px; margin: 0;
}
#wcqv_contend .product_title.entry-title { color: #222; text-transform: uppercase; font-size: 30px; margin-top: 0; font-weight: 700; margin-bottom: 10px;
}
#wcqv_contend .quantity{ float: left;
}
#wcqv_contend .woocommerce-review-link{ display: none;
}
#wcqv_contend .star-rating{ color: #FDC531;
}
#wcqv_contend .woocommerce-Price-amount{ color: #77A464;
} .woocommerce #wcqv_contend .product .cart .button{ font-size: 19px; float: right;
} #wcqv_contend .scrollable{ overflow-y:auto; overflow-x: hidden; position: relative;
}
#wcqv_contend .scrollbar_bg{ position: relative; overflow: hidden; top: 0; float: left; z-index: 2; width: 20px; margin: 0 0 0 -1em;
}
#wcqv_contend .scrollbar{ position: absolute; overflow: auto; top: 0px; margin: auto; width: 7px; border-radius: 9px; background-color: rgba(7, 58, 152, 0.2);
}
.woocommerce #wcqv_contend .onsale{ margin: 10px; z-index: 2;
}
.woocommerce #wcqv_contend a{ outline:none;
}
.woocommerce #wcqv_contend .product .images .thumbnail img{ display: block; width: 70px; float: left; box-shadow: none; border-radius: 0; border: 1px solid #222; margin: 0 0 0 1em;
} #wcqv_contend .product .images .thumbnails{ padding:0 15px 0 0; width: 100%; position: absolute; bottom: 5px;
} #wcqv_contend .product.has-default-attributes.has-children .images{ opacity: 1;
}
.spinner{ width: 100%; height: 100%; top: 0; right: 0; position: absolute; background:url('../img/loader.gif') no-repeat center center; background-size: 23px 23px;
}