.popup{margin:70px auto;padding:20px;background:#fff;border-radius:5px;width:30%;position:relative;transition:all 5s ease-in-out}.popup h2{margin-top:0;color:#333;font-family:Tahoma,Arial,sans-serif}.popup .close{position:absolute;top:-16px;right:-9px;transition:all 200ms;font-size:29px;font-weight:700;text-decoration:none;color:#fff;width:30px;height:30px;background:#ffc011;text-align:center;border-radius:50%}.popup .close:hover{color:#06d85f}.popup .content{height:100%}@media screen and (max-width:700px){.box{width:70%}.popup{width:70%}}#popup{width:350px;display:flex;position:fixed;bottom:100px;left:-350px;transition:all 300ms ease-in-out;flex-direction:row-reverse;z-index:999}#popup.opened{left:0}#popup.halfopened{left:-320px}#popup .content{background:#d5c8b6;margin-left:0!important;height:max-content}#popup .content>p{font-size:13px;margin-bottom:12px;line-height:20px;font-weight:600}#popup .content a{font-size:13px;margin-bottom:12px;line-height:20px;font-weight:600;text-decoration:none;color:#000;height:max-content}#popup .inner{background:#faf4ea;padding:15px 0;height:max-content}#popup .inner a{text-decoration:none;color:#000;display:block}#popup .inner p{font-size:11px;margin-top:5px;margin-bottom:0;line-height:18px;font-weight:400}#popup img{width:100%;height:auto;padding:0 15px}#popup .content img{padding:0;margin-bottom:5px}#popup h5{font-weight:700;font-size:23px;line-height:26px;letter-spacing:.05em;color:#7c4416;padding:0 15px;margin-top:20px}#popup p{padding:0 15px;margin:0 0 10px}#popup .more{text-align:right;padding:10px 15px 15px}#popup .more a{font-weight:500;text-decoration:none}#popup .selector{background:#422106;display:flex;justify-content:space-between;flex-direction:column;position:relative;padding:10px 5px;height:190px;margin:auto;border-radius:3px}#popup .selector img{width:20px;height:20px;padding:0;cursor:pointer}#popup .selector p{font-family:roboto,sans-serif;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);color:#fff;padding:0;float:left;position:absolute;top:85%;left:16px;transform-origin:left;font-weight:600}@media screen and (max-width:767px){#popup{bottom:80px;top:100px}}