/* CSS Document */
.modal{ display:none;}
.modal .wps-search-form,
.modal .wps-newsletter-form{ position:absolute; width: 100%; height: 100%; opacity: 0; transition: opacity ease 0.8s;}
.wps-search-form.open,
.wps-newsletter-form.open{ display:block; opacity: 1; }
.modal .wps-search-form-overlay,
.modal .wps-newsletter-form-overlay{  width: 100%; height: 100%; display: table; background-color: rgba(0,0,0,0.25);}
.modal .wps-search-form-container,
.modal .wps-newsletter-form-container{ display: table-cell; vertical-align: middle; text-align: center;}
.wps-search-form.modal form,
.wps-newsletter-form.modal form{ display:inline-block; background-color:#FFF; padding: 10px;}
.wps-search-form.modal form{ width: 45%;}
.wps-search-form form .search-icon,
.wps-search-form form input[name=q],
.wps-search-form.modal form .close-icon{ display: inline-block;}
.wps-search-form form input[name=q]{ border: none; width: calc(100% - 60px);}
.wps-search-form.modal form .close-icon,
.wps-newsletter-form.modal form .close-icon{ color: #888; cursor: pointer;}
.wps_cart_number{ padding: 5px;font-size: 90%}