a.added_to_cart.wc-forward {
display: none; }
#sw-add-to-cart-message {
font-family: "Roboto", Arial, Helvetica, sans-serif;
position: fixed;
top: auto;
left: auto;
right: auto;
bottom: auto;
transition: 300ms;
opacity: 0;
visibility: hidden; }
#sw-add-to-cart-message a {
font-weight: unset;
color: unset; }
#sw-add-to-cart-message.sw-modal {
position: fixed;
z-index: 999;
left: 0;
top: 0;
width: 100%;
height: 100%;
overflow: auto; }
#sw-add-to-cart-message .wrap {
border-radius: 3px;
background: #fff;
align-items: center; }
#sw-add-to-cart-message .wrap > .wrap-top p {
position: relative;
color: #2FBF46;
font-weight: 500; }
#sw-add-to-cart-message .wrap-middle {
display: flex; }
#sw-add-to-cart-message .wrap-left {
flex: 1; }
#sw-add-to-cart-message .wrap-right {
flex: 1; }
#sw-add-to-cart-message .button {
width: 100%;
height: 40px;
line-height: 40px;
text-align: center;
font-weight: 500;
font-size: 16px;
padding: 0px;
margin-bottom: 10px;
background: #222;
color: #fff;
display: inline-block;
transition: 300ms; }
#sw-add-to-cart-message .button.close {
opacity: 1; }
#sw-add-to-cart-message .button:hover {
background: #ff2828; }
#sw-add-to-cart-message p {
margin-bottom: 10px;
color: #555; }
#sw-add-to-cart-message .subtotal {
color: #222;
font-size: 26px;
font-weight: 700;
line-height: 22px; }
#sw-add-to-cart-message .thumbnail {
margin-right: 10px;
width: 70px;
height: 70px;
overflow: hidden; }
#sw-add-to-cart-message .thumbnail img {
width: 100%;
height: auto;
border: 3px; }
#sw-add-to-cart-message .product-title {
font-weight: 500;
font-size: 16px;
color: #222;
transition: 300ms; }
#sw-add-to-cart-message .product-title:hover {
color: #ff2828; }
#sw-add-to-cart-message .price {
color: #ff2828;
font-weight: 500;
font-size: 14px; }
#sw-add-to-cart-message .price del {
font-weight: 400;
color: #999; }
#sw-add-to-cart-message .price ins {
font-weight: 500;
color: #ff2828; }
#sw-add-to-cart-message .content {
flex: 1;
margin-bottom: 0px; }
#sw-add-to-cart-message .content .price {
display: block;
margin-bottom: 5px; }
#sw-add-to-cart-message .content p {
font-size: 14px; }
#sw-add-to-cart-message.active {
opacity: 1;
visibility: visible; }
#sw-add-to-cart-message.active .modal-content {
animation: swZoomIn;
-webkit-animation-duration: 1s;
animation-duration: 1s; }
#sw-add-to-cart-message.active .mark {
opacity: 1;
visibility: visible; }
#sw-add-to-cart-message .modal-content {
background-color: #fefefe;
padding: 20px 30px 30px;
border: 1px solid #ebebeb;
width: 768px; max-width: 80%;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 300ms;
z-index: 9;
animation: swZoomOut;
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both; }
#sw-add-to-cart-message .modal-content > .close {
color: #aaa;
float: right;
font-size: 28px;
font-weight: bold;
position: absolute;
top: 0;
right: 0;
height: 40px;
width: 40px;
text-align: center;
line-height: 40px;
transition: 300ms; }
#sw-add-to-cart-message .modal-content > .close:hover, #sw-add-to-cart-message .modal-content > .close:focus {
color: black;
text-decoration: none;
cursor: pointer; }
#sw-add-to-cart-message .layout-default .wrap-top, #sw-add-to-cart-message .layout-5 .wrap-top {
text-align: center; }
#sw-add-to-cart-message .layout-default .wrap-top p, #sw-add-to-cart-message .layout-5 .wrap-top p {
font-weight: 500;
color: #2FBF46;
margin-bottom: 25px; }
#sw-add-to-cart-message .layout-default .wrap-left, #sw-add-to-cart-message .layout-5 .wrap-left {
display: flex;
flex: 3;
margin-right: 30px;
border-right: 1px solid #ebebeb;
align-items: flex-start; }
#sw-add-to-cart-message .layout-default .wrap-right, #sw-add-to-cart-message .layout-5 .wrap-right {
flex: 2;
text-align: center; }
#sw-add-to-cart-message .layout-default .wrap-right p, #sw-add-to-cart-message .layout-5 .wrap-right p {
margin-bottom: 15px; }
#sw-add-to-cart-message .layout-default .thumbnail, #sw-add-to-cart-message .layout-5 .thumbnail {
width: 180px;
height: auto;
margin-right: 30px; }
#sw-add-to-cart-message .layout-default .content, #sw-add-to-cart-message .layout-5 .content {
flex: 1;
padding-top: 30px; }
#sw-add-to-cart-message .layout-default .content > *:last-child, #sw-add-to-cart-message .layout-5 .content > *:last-child {
margin-bottom: 0px; }
#sw-add-to-cart-message .layout-default .checkout, #sw-add-to-cart-message .layout-5 .checkout {
background: #ff2828; }
#sw-add-to-cart-message .layout-default .checkout:hover, #sw-add-to-cart-message .layout-5 .checkout:hover {
background: #222; }
@media (max-width: 768px) {
#sw-add-to-cart-message .layout-default, #sw-add-to-cart-message .layout-5 {
padding: 10px 20px 20px; }
#sw-add-to-cart-message .layout-default .wrap-middle, #sw-add-to-cart-message .layout-5 .wrap-middle {
flex-direction: column; }
#sw-add-to-cart-message .layout-default .thumbnail, #sw-add-to-cart-message .layout-5 .thumbnail {
width: 120px; }
#sw-add-to-cart-message .layout-default .content, #sw-add-to-cart-message .layout-5 .content {
padding-top: 0px; }
#sw-add-to-cart-message .layout-default .wrap-left, #sw-add-to-cart-message .layout-5 .wrap-left {
margin-right: 0px;
border-right: none;
margin-bottom: 20px;
align-items: center; } }
#sw-add-to-cart-message .layout-2, #sw-add-to-cart-message .layout-3, #sw-add-to-cart-message .layout-4 {
padding-top: 35px;
padding-right: 120px;
padding-left: 120px; }
#sw-add-to-cart-message .layout-2 .wrap, #sw-add-to-cart-message .layout-3 .wrap, #sw-add-to-cart-message .layout-4 .wrap {
text-align: center; }
#sw-add-to-cart-message .layout-2 .wrap-middle, #sw-add-to-cart-message .layout-3 .wrap-middle, #sw-add-to-cart-message .layout-4 .wrap-middle {
display: flex;
flex-direction: column; }
#sw-add-to-cart-message .layout-2 .check, #sw-add-to-cart-message .layout-3 .check, #sw-add-to-cart-message .layout-4 .check {
margin-bottom: 20px; }
#sw-add-to-cart-message .layout-2 .check img, #sw-add-to-cart-message .layout-3 .check img, #sw-add-to-cart-message .layout-4 .check img {
width: 34px;
margin: auto; }
#sw-add-to-cart-message .layout-2 .content, #sw-add-to-cart-message .layout-3 .content, #sw-add-to-cart-message .layout-4 .content {
margin-bottom: 24px; }
#sw-add-to-cart-message .layout-2 .wrap-bottom, #sw-add-to-cart-message .layout-3 .wrap-bottom, #sw-add-to-cart-message .layout-4 .wrap-bottom {
display: flex;
flex-direction: row; }
#sw-add-to-cart-message .layout-2 .wrap-bottom .button ~ .button, #sw-add-to-cart-message .layout-3 .wrap-bottom .button ~ .button, #sw-add-to-cart-message .layout-4 .wrap-bottom .button ~ .button {
margin-left: 10px; }
@media (max-width: 1024px) {
#sw-add-to-cart-message .layout-2, #sw-add-to-cart-message .layout-3, #sw-add-to-cart-message .layout-4 {
padding-top: 20px;
padding-right: 60px;
padding-left: 60px; } }
@media (max-width: 768px) {
#sw-add-to-cart-message .layout-2, #sw-add-to-cart-message .layout-3, #sw-add-to-cart-message .layout-4 {
padding-top: 20px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px; }
#sw-add-to-cart-message .layout-2 .wrap-bottom, #sw-add-to-cart-message .layout-3 .wrap-bottom, #sw-add-to-cart-message .layout-4 .wrap-bottom {
display: flex;
flex-direction: column; }
#sw-add-to-cart-message .layout-2 .wrap-bottom .button ~ .button, #sw-add-to-cart-message .layout-3 .wrap-bottom .button ~ .button, #sw-add-to-cart-message .layout-4 .wrap-bottom .button ~ .button {
margin-left: 0px; } }
#sw-add-to-cart-message .layout-3 .content p span {
color: #1e8bf0; }
#sw-add-to-cart-message .layout-4 {
padding-top: 25px;
padding-left: 50px;
padding-right: 50px;
width: 560px; }
#sw-add-to-cart-message .layout-4 .wrap > .wrap-top p {
position: relative;
padding-bottom: 20px;
margin-bottom: 30px;
color: #2FBF46;
font-weight: 500; }
#sw-add-to-cart-message .layout-4 .wrap > .wrap-top p:after {
content: '';
position: absolute;
bottom: 0px;
left: 50%;
transform: translate(-50%);
width: 100px;
height: 1px;
background: #ccc; }
#sw-add-to-cart-message .layout-4 .wrap-middle .wrap-top {
display: flex;
align-items: flex-start;
text-align: left;
margin-bottom: 30px; }
#sw-add-to-cart-message .layout-4 .thumbnail {
width: 100px;
height: auto;
margin-right: 25px; }
#sw-add-to-cart-message .layout-4 .content {
margin-bottom: 0px; }
#sw-add-to-cart-message .layout-4 .content p {
font-size: 14px; }
#sw-add-to-cart-message .layout-4 .content > *:last-child {
margin-bottom: 0px; }
#sw-add-to-cart-message .layout-4 .price {
display: block;
margin-bottom: 5px; }
#sw-add-to-cart-message .layout-4 .button {
font-size: 14px; }
@media (max-width: 768px) {
#sw-add-to-cart-message .layout-4 {
padding-top: 20px;
padding-right: 30px;
padding-left: 30px;
padding-bottom: 20px; }
#sw-add-to-cart-message .layout-4 .wrap-bottom {
display: flex;
flex-direction: column; }
#sw-add-to-cart-message .layout-4 .wrap-bottom .button ~ .button {
margin-left: 0px; } }
#sw-add-to-cart-message .layout-5 .wrap-top {
text-align: left; }
#sw-add-to-cart-message .layout-5 .wrap-left {
align-items: center; }
#sw-add-to-cart-message .layout-5 .wrap-left .content {
padding-top: 0px; }
#sw-add-to-cart-message .layout-5 .wrap-left .content > *:last-child {
margin-bottom: 0px; }
#sw-add-to-cart-message .layout-5 .wrap-right > *:last-child {
margin-bottom: 0px; }
#sw-add-to-cart-message .layout-5 .thumbnail {
width: 140px;
height: auto;
margin-right: 25px; }
#sw-add-to-cart-message .layout-5 .wrap-right .text-subtotal {
font-size: 14px;
margin-bottom: 10px;
text-align: left; }
#sw-add-to-cart-message .layout-5 .subtotal {
display: flex;
justify-content: space-between;
margin-bottom: 30px;
font-size: 18px; }
#sw-add-to-cart-message .layout-5 .subtotal .text-subtotal {
margin-bottom: 0px; }
#sw-add-to-cart-message .layout-5 .wrap-bottom {
padding-top: 30px;
margin-top: 30px;
border-top: 1px solid #ccc; }
@media (max-width: 768px) {
#sw-add-to-cart-message .layout-5 .wrap-bottom {
display: none; } }
#sw-add-to-cart-message .related > h2 {
text-align: left;
font-size: 20px;
color: #000;
margin-bottom: 20px; }
#sw-add-to-cart-message .related .wrap {
display: flex;
margin-left: -10px;
margin-right: -10px;
align-items: flex-start; }
#sw-add-to-cart-message .related .product {
flex: 1;
padding: 10px;
max-width: 25%; }
#sw-add-to-cart-message .related .product .thumbnail {
width: 100%;
margin-bottom: 10px; }
#sw-add-to-cart-message .related .product .product-title {
margin-bottom: 5px; }
#sw-add-to-cart-message .mark {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.4);
opacity: 0;
visibility: hidden;
transition: 300ms; } @-webkit-keyframes swZoomIn {
from {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3);
transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@keyframes swZoomIn {
from {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3);
transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3); }
50% {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } } @-webkit-keyframes swZoomOut {
from {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
50% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3);
transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }
@keyframes swZoomOut {
from {
opacity: 1;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); }
50% {
opacity: 0;
-webkit-transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3);
transform: translate(-50%, -50%) scale3d(0.3, 0.3, 0.3); }
to {
opacity: 0;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%); } }