@charset "UTF-8";
/* CSS Document */
@font-face { font-family: 'AvenirBook'; src:url('../fonts/Avenir45Book.ttf'); font-display: swap;}
@font-face { font-family: 'AvenirBlack'; src: url('../fonts/Avenir95Black.ttf'); font-display: swap;}
@font-face { font-family: 'Adam'; src: url('../fonts/adam.ttf'); font-display: swap;}
html * {font-family: AvenirBook;}
body { background:#fff !important; font-size:0.75rem; color: #666; text-align: left;}
body a {color:#666; text-decoration:none;}
body a:hover {color:#FFB399;}
p {font-size: 0.75rem; font-family:'AvenirBook'; text-align:justify; line-height:1.3rem; letter-spacing:0.040rem;}
h1 {font-size: 1.675rem !important;}
h2 {font-size: 1.375rem; text-align: center; text-transform:uppercase;}
h3 {font-size: 1.375rem;}
h4 {font-size: 1.675rem; color:#FFB399;} 
.p-punch {font-size: 0.65rem; text-align: center !important;}
.product ul li {font-size:0.75rem; line-height:22px !important;}
ul li {font-size:0.75rem; text-align:justify; line-height:22px !important; list-style:none;}
@media screen and (max-width: 992px){ul { padding-left:0rem !important;}}
ul li .bi {font-size: 1.2rem; color:#FFB399; }

.bi {font-size: 2rem;} 
/*.card-body .bi {font-size: 4rem; color:#F4AC8E;}
.card-body .bi {transition: all 0.3s linear !important;}
.card-body .bi:hover {transform: scale(1.5) !important; }*/

.nav-link {text-transform:uppercase; font-size:0.800rem; font-weight:bold; }
.texthigh {font-family: Adam; font-size: 1.875rem !important; color: #FFB399;}
.tpunch {color:#FFB399 !important; text-transform: uppercase;}
.tnav {font-size: 0.75rem; color: #999999; padding-top:0.825rem; letter-spacing:0.100rem;}
.navcolor {background-color:#FFB399;}
.punch p {font-size: 0.75rem; color: #999999; line-height:0.500rem;}
.usp {background-color:#eee;}
.usp p {font-size: 0.70rem; line-height:1.3rem;}
.uspH {font-size: 0.900rem; color: #FFB494; line-height:0.500rem;}
.card { width:20rem !important;}
.card-title {color: #FFB494 !important;}
.bg-latex {background:url(../images/latex2.jpg)center fixed; background-size: cover; height:34.75rem; padding-top:12rem;}
.bg-latex h2 {font-size:2.1875rem; text-align: center; color: #434343; padding-bottom:0.9375rem;}
.bg-latex p {font-size:1.0625rem; color: #434343; text-align:center; line-height:1.875rem; padding:0px 1.25rem;}
@media screen and (max-width: 540px){ .bg-latex { height:auto; padding-bottom: 1.25rem; padding-top:1.25rem; } }
#contact {background: #F9F9F9; padding: 1.5625rem;  box-shadow: 0 0 1px 0 rgba(0, 0, 0, 0.2), 0 5px 5px 0 rgba(0, 0, 0, 0.24);}
#confirmation {font-size:1rem; color: #f42f2c; font-weight:bold; padding-top:0.9375rem;}
.btn-secondary {width:100%;}
.form-control { border-radius:1.375rem;}
.form-group, placeholder {font-size:0.75rem; color: #666;}
.footer { border-bottom: 0.625rem solid #434343; border-top:0.125rem solid #434343; min-height:25rem; padding-top:8rem;}
@media screen and (max-width: 540px){ .footer { padding-top:1.300rem; } }
.footer-credit { text-align:center;}
.aboutanimate .aboutL .aboutR .about-img .hm .mm .up .latex-one .yoga-matt .cushion .best  .latex .latex-img .p-a-z1 .p-a-up1 .p-a-l1 .p-a-r1 .p-a-z2 .p-a-up2 .p-a-l2 .p-a-r2 .p-a-z3 .p-a-up3 .p-a-l3 .p-a-r3 .p-a-z4 .p-a-up4 .p-a-l4 .p-a-r4 .p-a-z5 .p-a-up5 .p-a-l5 .p-a-r5 .p-a-z6 .p-a-up6 .p-a-l6 .p-a-r6 .p-a-z7 .p-a-up7 .p-a-l7 .p-a-r7{opacity: 0;}

.aboutanimate.animate__animated .aboutL.animate__fadeInDown .aboutR.animate__fadeInUp .about-img.animate__fadeInRight .hm.animate__fadeInRight .mm.animate__fadeInRight .up.animate__fadeInUp .latex-one.animate__zoomIn .yoga-matt.animate__fadeInLeft .cushion.animate__zoomIn .best.animate__fadeInRight .latex.animate__fadeInDown .latex-img.animate__fadeInUp .p-a-z1.animate__zoomIn .p-a-up1.animate__fadeInUp .p-a-l1.animate__fadeInLeft .p-a-r1.animate__fadeInRight .p-a-z2.animate__zoomIn .p-a-up2.animate__fadeInUp .p-a-l2.animate__fadeInLeft .p-a-r2.animate__fadeInRight .p-a-z3.animate__zoomIn .p-a-up3.animate__fadeInUp .p-a-l3.animate__fadeInLeft .p-a-r3.animate__fadeInRight .p-a-z4.animate__zoomIn .p-a-up4.animate__fadeInUp .p-a-l4.animate__fadeInLeft .p-a-r4.animate__fadeInRight .p-a-z5.animate__zoomIn .p-a-up5.animate__fadeInUp .p-a-l5.animate__fadeInLeft .p-a-r5.animate__fadeInRight .p-a-z6.animate__zoomIn .p-a-up6.animate__fadeInUp .p-a-l6.animate__fadeInLeft .p-a-r6.animate__fadeInRight .p-a-z7.animate__zoomIn .p-a-up7.animate__fadeInUp .p-a-l7.animate__fadeInLeft .p-a-r7.animate__fadeInRight{opacity: 1;}