/*--------------------------- pop up -------------------------*/
#mask { position: absolute; left: 0; top: 0; z-index: 9000; background-color: rgba(0,0,0,0.7); display: block; width: 100%; height: 100%; }
.window { position: absolute; display: block; z-index: 9999; top: 50%; left: 50%; -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); }
.popupfoot { position: absolute; top: 15px; right: 15px; z-index: 9999; }
.close { font-family: 'FontAwesome'; font-size: 18pt; color: #000; }

/*---------------- pop up subscribe --------------------*/
#popup-subscribe { position: fixed; left: 0; top: 0; z-index: 9000; display: block; width: 100%; height: 100%; }
#dialog { width: 610px; padding: 40px 45px; background: #f6f6f6; font-family: 'Source Sans Pro', Arial; font-size: 16px; color: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pop-title { font-size: 36px; text-align: center; margin-bottom: 30px; }
.pop-title strong { color: #dc2b19; text-transform: uppercase; }
#dialog .btn { display: block; height: 40px; line-height: 40px; font-size: 18px; }

/*---------------- popup-rating --------------------*/
#popup-rating { position: fixed; left: 0; top: 0; z-index: 9000; display: none; width: 100%; height: 100%; }
#dialograting { width: 610px; padding: 40px 45px; background: #f6f6f6; font-family: 'Source Sans Pro', Arial; font-size: 16px; color: #000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
#dialograting .btn { display: block; height: 40px; line-height: 40px; font-size: 18px; }

/*---------------- pop up product in basket --------------------*/
.pop-img { float: left; margin-right: 15px; margin-bottom: 15px; }
.pop-pr-title { color: #dc2b19; font-weight: bold; font-size: 19px; text-transform: uppercase; margin-bottom: 20px; }
.pop-information .Qty { display: block; margin-bottom: 5px; }

/*---------------- pop up create new list in favourite --------------------*/
.end-op .btn { float: right; }
.end-op .btn i { margin-right: 5px; position: relative; top: 1px; }
.end-op .btn { font-size: 15px !important; }
.pub-per-btn { float: left; margin-top: 5px; margin-right: 20px; position: relative; }
.pub-per-btn > a { display: block; background: #f2f1f0; color: #000; font-size: 15px; height: 40px; line-height: 38px; text-align: center; position: relative; padding: 0 40px 0px 20px; border: 1px solid #dcdcdc; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; }
.pub-per-btn > a i { margin-right: 5px; }
.pub-per-btn > a:after { content: '\f0d7'; font-size: 16px; color: #818181; font-family: 'FontAwesome'; position: absolute; top: 0px; right: 20px; }
.pub-per-btn:hover .fluid-menu { visibility: visible; top: 100%; opacity: 1; }
.fluid-menu i.fa-lock { font-size: 16px; margin-left: 2px; }
.pub-per-btn .fluid-menu ul li a .just-text { color: #aaa; }
.pub-per-btn .fluid-menu ul li a { color: #000; line-height: normal; padding-top: 7px; padding-bottom: 7px; }
.pub-per-btn .fluid-menu ul li a i { color: #000; }
.pub-per-btn .fluid-menu ul li a:hover { color: #dc2b19; }

@media only screen and (max-width: 700px) {
#dialog { width: 80%; }
.pop-title { font-size: 30px; }
.pop-pr-title { font-size: 17px; }
}
@media only screen and (max-width: 640px) {
.pop-title { font-size: 26px; }
}
@media only screen and (max-width: 560px) {
#dialog { padding: 30px 35px; }
.pop-pr-title { font-size: 14px; }
}
@media only screen and (max-width: 500px) {
#dialog { padding: 25px; }
.pop-title { font-size: 22px; margin-bottom: 20px; }
}
@media only screen and (max-width: 430px) {
#dialog { width: 87%; }
.pop-img { width: 120px; }
.pop-pr-title { margin-bottom: 13px; }
.pub-per-btn > a { padding: 0 30px 0px 12px; }
.pub-per-btn > a::after { right: 12px; }
}
@media only screen and (max-width: 370px) {
.pop-title { font-size: 20px; }
.pop-pr-title { text-transform: none; }
.pop-information .Qty { font-size: 13px; }
.end-op .btn { float: none; }
.pub-per-btn { float: none; margin-right: 0px; }
}