.popup-btn-close{cursor:pointer;position:relative;right:-5px;top:5px;margin:3px;width:35px;height:35px;float:right}.popup-clear{clear:both}.popup-btn-close::before,.popup-btn-close::after{content:'';height:2px;display:block;background:var(--main-color)}.popup-btn-close::before{margin-top:10px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.popup-btn-close::after{margin-top:-2px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.btn-close:hover:after,.btn-close:hover:before{background:var(--main-color)}.popup-modal-wrapper{display:flex;z-index:999;width:100%;height:100%;position:fixed;visibility:hidden;top:0;left:0;background:rgba(25,18,12,.3);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;font-family:'Roboto',sans-serif}.popup-modal-wrapper.open{visibility:visible;opacity:1;filter:alpha(opacity=1)}.popup-modal{padding-left:15px;padding-right:15px;display:inline-block;height:305px;width:470px;position:relative;margin:auto;background:#e8e8e8;box-shadow:0 16px 16px -6px rgba(47,46,38,.5);opacity:0;filter:alpha(opacity=0);-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-ms-transform:scale(.7);-webkit-transform:scale(.7);transform:scale(.7)}.popup-modal-wrapper.open .popup-modal{opacity:1;filter:alpha(opacity=100);-ms-transform:scale(1);-webkit-transform:scale(1);transform:scale(1)}.popup-content{text-align:center}.popup-modal-wrapper .popup-modal{width:100%;max-width:780px;height:auto;background-color:#fff}.popup-content .btn{padding:.6rem 1rem;text-decoration:none;color:#fff;background-color:var(--main-color);display:inline-block;margin:1rem;font-size:1rem}.popup-content .btn:hover{opacity:.5}.popup-content .btn.view-cart{background-color:var(--green-color)}.popup-content p.title{font-size:1.2rem;font-weight:var(--strong)}.popup-content h3{font-size:1.3rem;padding-bottom:1rem}@media screen and (max-width:750px){.popup-modal-wrapper.open .popup-modal{width:500px}}@media screen and (max-width:500px){.popup-modal-wrapper.open .popup-modal{width:90%}}