@charset "UTF-8";
 @media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}

@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
h1.woocommerce-products-header__title.page-title,
.ast-archive-description .ast-archive-title {
font-size: 2.5em;
color: #3f3a3a;
font-weight: bold;
}
h1.woocommerce-products-header__title.page-title .en-text,
.ast-archive-description .ast-archive-title .en-text {
font-size: .8em;
color: #919191;
} fieldset.custom-product_button-container {
text-align: center;
font-size: 1.3em;
letter-spacing: .2em;
}
fieldset.custom-product_button-container a.custom-product_button {
padding: 10px;
display: block;
background: linear-gradient(180deg, #1e88e5, #0769da);
border: 1px solid #053f81;
color: #fff;
text-align: center;
font-size: 1em;
letter-spacing: .2em;
border-radius: 7px;
box-shadow: 0 0 5px 0px #03367170;
transition: background 2s ease;
}
fieldset.custom-product_button-container a.custom-product_button:hover {
background: linear-gradient(180deg, #fcd16f, #eba700);
color: #fff;
border-color: #eba700;
}  .woocommerce-product-gallery__wrapper a,
.wc-block-components-product-image.wc-block-grid__product-image a {
position: relative;
}
.woocommerce-product-gallery__wrapper a::before,
.wc-block-components-product-image.wc-block-grid__product-image a::before {
content: '';
background: url(//www.cleanwithyc.com/wp-content/themes/CsDes-As-Version-4-0-0/images/default/pr_make.png) no-repeat right bottom;
background-size: contain;
position: absolute;
height: 120px;
left: 0;
right:0;
bottom: 0;
z-index: 10;
} .fancy-undeline {
background-image: linear-gradient(120deg, #FF8008, #FFC837 100%);
background-repeat: no-repeat;
background-size: 100% 0.3em;
background-position: 0 80%;
} @media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
.webdesign_copyright{
font-size: 0.8em;
letter-spacing: 0.1em;
} @media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
}
@media (max-width: 1440px) {
} @media (max-width: 1024px) {
} @media (max-width: 768px) {
} @media (max-width:600px) {
} @import url("https://fonts.googleapis.com/css2?family=Amatic+SC:wght@400;700&family=Newsreader:ital,opsz,wght@0,6..72,200..800;1,6..72,200..800&family=Noto+Serif+TC&family=Pacifico&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap"); #loading-screen.hide {
opacity: 0;
pointer-events: none;
}
#loading-screen {
display: flex;
justify-content: center;
align-items: center;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999; opacity: 1;
transition: opacity 0.5s ease; background: linear-gradient(270deg, #7DC4E0, #3598CC, #04638F);
background-size: 600% 600%;
-webkit-animation: loading_backgroundAn 30s ease infinite;
-moz-animation: loading_backgroundAn 30s ease infinite;
animation: loading_backgroundAn 30s ease infinite;
}
@-webkit-keyframes loading_backgroundAn {
0%{background-position:0% 86%}
50%{background-position:100% 15%}
100%{background-position:0% 86%}
}
@-moz-keyframes loading_backgroundAn {
0%{background-position:0% 86%}
50%{background-position:100% 15%}
100%{background-position:0% 86%}
}
@keyframes loading_backgroundAn {
0%{background-position:0% 86%}
50%{background-position:100% 15%}
100%{background-position:0% 86%}
} #loading-animation {
display: flex;
flex-direction: column;
align-items: center;
} #loading-animation #logo {
max-width: 280px;
} #svg_title {
width: 500px;
height: auto;
display: block;
}
#svg_title text {
font-family: "Pacifico", cursive;
font-weight: 400;
font-style: normal;
fill: rgba(255,255,255,0); 
stroke: rgba(255,255,255,1);
stroke-dashoffset: 25%;
stroke-dasharray: 0 50%;
stroke-width: 2;
font-size: 80px;
text-anchor: middle;
dominant-baseline: middle;
}
#svg_title text.show {
fill: rgba(255,255,255,1); 
stroke: rgba(255,255,255,0);
stroke-dashoffset: -25%; 
stroke-dasharray: 50% 0; 
stroke-width: 0;
animation: svg_titleAn 5s infinite alternate; }
@keyframes svg_titleAn {
0% {
fill: rgba(255,255,255,0); 
stroke: rgba(255,255,255,1);
stroke-dashoffset: 25%; 
stroke-dasharray: 0 50%; 
stroke-width: 2;
}
70% {
fill: rgba(255,255,255,0); 
stroke: rgba(255,255,255,1); 
}
80% {
fill: rgba(255,255,255,0); 
stroke: rgba(255,255,255,1); 
stroke-width: 3; 
}
100% {
fill: rgba(255,255,255,1); 
stroke: rgba(255,255,255,0);
stroke-dashoffset: -25%; 
stroke-dasharray: 50% 0; 
stroke-width: 0;
}
} #svg_line {
margin-top: -20px;
opacity: 0.7;
} :root {
--color-1: #fff;
--color-2: #fff;
--color-3: #fff;
--color-4: #fff;
--color-5: #fff;
} .loading_shape {
cy: 30; r: 4.2; animation: svg_lineAn 1250ms ease-in-out both infinite;
}
.loading_shape:nth-child(1) {
cx: 20;
fill: var(--color-1);
}
.loading_shape:nth-child(2) {
cx: 40;
fill: var(--color-2);
animation-delay: 100ms;
}
.loading_shape:nth-child(3) {
cx: 60;
fill: var(--color-3);
animation-delay: 200ms;
}
.loading_shape:nth-child(4) {
cx: 80;
fill: var(--color-4);
animation-delay: 300ms;
}
.loading_shape:nth-child(5) {
cx: 100;
fill: var(--color-5);
animation-delay: 400ms;
}
@keyframes svg_lineAn {
50% {
cy: 50; r: 2; }
} #svg_subTitle {
font-size: 18px;
color: rgba(255, 255, 255, 0); letter-spacing: .5em;
margin-top: -35px;
opacity: 0; animation: subTitleAn 1s ease-in-out 500ms forwards; }
@keyframes subTitleAn {
from {
color: rgba(255, 255, 255, 0); opacity: 0; }
to {
color: rgba(255, 255, 255, 1); opacity: 1; }
} #svg_subTitle p {
text-align: center;
font-size: 13px;
} :root { --shop-font-family: 'Roboto', sans-serif; --shop-heading-1-size: 1em;
--shop-heading-1-color: #333333;
--shop-heading-1-letter-spacing: .3em;
--shop-heading-1-line-height: 1em; --shop-heading-2-size: 1em;
--shop-heading-2-color: #666666;
--shop-heading-2-letter-spacing: .3em;
--shop-heading-2-line-height: 1em; --shop-heading-3-size: 1em;
--shop-heading-3-color: #999999;
--shop-heading-3-letter-spacing: .3em;
--shop-heading-3-line-height: 1em; --shop-body-font-size: 1em;
--shop-body-font-color: #555555; --shop-table-font-size: .8em;
--shop-table-font-color: #555555; --shop-border-width: 1px;
--shop-border-color: #CCCCCC; --shop-primary-color: #007bff; --shop-accent-color-1: #4a8084;
--shop-accent-color-2: #fff;
--shop-accent-color-3: #ffc107; --shop-margin-S: 5px;
--shop-margin-L: 10px;
--shop-margin-XL: 20px;
--shop-padding-S: 5px;
--shop-padding-L: 10px;
--shop-padding-XL: 20px; --shop-box-shadow-1: 0 0 20px 5px #ebe8e870;
--shop-box-shadow-2: 0 0 20px 5px #ebe8e870; --shop-border-radius-1: 5px;
--shop-border-radius-2: 10px; --shop-row-bg-color-odd: #f9f9f9;
--shop-row-bg-color-even: #ffffff;
}
#shop-container {
font-family: var(--shop-font-family);
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: var(--shop-padding-XL);
background-color: #fff;
-webkit-box-shadow: var(--shop-box-shadow-1);
-moz-box-shadow: var(--shop-box-shadow-1);
box-shadow: var(--shop-box-shadow-1); border-radius: var(--shop-border-radius-1);
}
#shop-container .product-card {
display: flex;
flex-wrap: wrap;
font-family: var(--shop-font-family);  border: var(--shop-border-width) solid var(--shop-border-color);
margin-bottom: var(--shop-margin-XL);
overflow: hidden;
}  #shop-container .product-row {
display: flex;
flex-wrap: wrap;
align-items: center;
padding: var(--shop-padding-XL);
font-family: var(--shop-font-family); }
#shop-container .product-row.reverse {
flex-direction: row-reverse;
}
#shop-container .product-row .product-image {
flex: 2;
text-align: center;
}
#shop-container .product-row .product-image img {
max-width: 100%;
height: auto;
border-radius: var(--shop-border-radius-1);
}
#shop-container .product-row .product-info {
flex: 1;
padding: var(--shop-padding-XL);
font-size: var(--shop-heading-3-size);
color: var(--shop-heading-3-color);
}
#shop-container h2:before {
content: '';
background: var(--shop-accent-color-1);
width: 10px;
display: inline-block;
width: 5px;
height: 10px;
margin-right: 5px;
}
#shop-container .product-edit h2,
#shop-container .product-row h2,
#shop-container .product-row h3 {
margin-top: 0;
font-family: var(--shop-font-family);
}
#shop-container .product-edit h2,
#shop-container .product-row h2 {
font-size: var(--shop-heading-1-size);
color: var(--shop-heading-1-color);
font-weight: 600;
}
#shop-container .product-row h3 {
font-size: var(--shop-heading-2-size);
color: var(--shop-heading-2-color);
}
#shop-container .product-row p {
font-size: var(--shop-body-font-size);
color: var(--shop-body-font-color);
}
#shop-container .feature-list{
color: var(--shop-body-font-color);
font-size: var(--shop-table-font-size);
}
#shop-container .product-row .product-table {
width: 100%;
border-collapse: collapse;
margin-top: var(--shop-margin-L);
font-size: var(--shop-table-font-size);
}
#shop-container .product-row .product-table th,
#shop-container .product-row .product-table td {
padding: var(--shop-padding-L);
border: var(--shop-border-width) solid var(--shop-border-color);
text-align: left;
} #shop-container .product-row .product-table th {
background-color: #f8f8f8;
color: var(--shop-heading-1-color);
font-size: var(--shop-heading-3-size);
} #shop-container .product-row .product-table td {
color: var(--shop-body-font-color);
}
#shop-container > .product-table {
width: 100%;
border-collapse: collapse;
margin-top: var(--shop-margin-L);
border-width: 0;
font-size: var(--shop-table-font-size);
} #shop-container > .product-table th {
background-color: var(--shop-accent-color-1);
color: var(--shop-accent-color-2);
font-size: var(--shop-heading-3-size);
}
#shop-container > .product-table th,
#shop-container > .product-table td {
padding: var(--shop-padding-L);
border-width: 0;
text-align: left;
}
#shop-container > .product-table tr:nth-child(odd) {
background-color: var(--shop-row-bg-color-odd);
}
#shop-container > .product-table tr:nth-child(even) {
background-color: var(--shop-row-bg-color-even);
}
@media (max-width: 1024px) {
#shop-container .product-row .product-image {
flex: 1;
}
#shop-container .product-row .product-info {
flex: 2;
}
}
@media (max-width: 768px) {
#shop-container .product-row {
flex-direction: column;
}
#shop-container .product-row.reverse {
flex-direction: column;
}
#shop-container .product-row .product-info {
padding: var(--shop-padding-XL);
font-size: var(--shop-body-font-size);
}
}