@font-face {
font-family: myfont;
src: url(../fonts/400.woff);
font-weight:400;
}
@font-face {
font-family: myfont;
src: url(../fonts/500.woff);
font-weight:500;
}
@font-face {
font-family: myfont;
src: url(../fonts/700.woff);
font-weight:700;
}
html{
box-sizing: border-box;	
}
body{
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: scroll;
font-weight:400;
color: #01243a;
margin-top: 133px;
font-family:myfont;
}
section{
position:relative;
}
a, a *{
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
text-decoration:none;
}
a:hover{
text-decoration:none;
}
button:focus, input:focus, textarea:focus{
outline:none;
box-shadow:none;
}
img{
width:100%;
}
input, button{
outline:none;
box-shadow:none;
}
p{
margin: 0;
padding: 0;
font-size: 17px;
line-height: 25px;
}
p.big{
    font-size: 20px;
    line-height: 30px;	
}
p.center{
text-align:center;
}
b{
}
h1, h2, h3 {
    margin: 0;
    font-weight: 500;
    letter-spacing: -1px;
}
h4, h5, h6{
    font-weight:400;	
	margin:0;
}
ul, ul li{
list-style:none;
margin:0;
padding:0;
}

*{
box-sizing: border-box;	
}
header{
position: fixed;
top: 0;
left: 0;
z-index: 99;
background-color: #fff;
width: 100%;	
}
header.scrolled{
box-shadow: rgba(33, 35, 38, 0.1) 0px 10px 10px -10px;	
margin-top: -34px;
}
header.scrolled .navbar {
    padding: 15px 0px;
}
header.scrolled .topstrip {
padding: 5px 0px;
}
header.scrolled .megamenu{
top: 66px;
}
header.scrolled .navbar .menu .drop:after{
height: 56px;	
}
.container{
width:94%;
max-width:1320px;
margin:0px auto;
}
.container.short{
width:90%;
max-width:1100px;	
}
.trans{
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.flex{
display:flex;
}
.jcsp{
justify-content:space-between;
}
.jce{
justify-content:end;
}
.aic{
align-items:center;
}
.aie{
align-items:end;
}
.jcc{
justify-content:center;
}
.bgcmn{
background-position:center;
background-repeat:no-repeat;
background-size:cover;
}
.rel{
position:relative;
}
.text-dif{
color:#660f53;
}
.btn-dif{
background-color:#660f53;
color: #fff;
}
.btn{
    padding: 12px 15px;
    border-radius: 5px;
    font-size: 14.5px;
    width: fit-content;
    font-weight: 500;
	box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
}
.btn img{
width:20px;
margin-right:10px;
transform: rotate(0deg);
}
.btn.white{
background-color:#fff;
color: #01243a;
}
.btn.white:hover{
color:#660f53;
box-shadow: rgba(0, 0, 0, 0.15) 0px 3px 3px 0px;
background-color: #ffe8f2;
}
.btn:hover img{
animation: rotateOnce 0.3s linear forwards;	
}
@keyframes rotateOnce {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
.topstrip{
text-align: center;
    background-color: #660f53;
padding: 10px 0px;
letter-spacing: 1px;
}
.topstrip span{
    text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 500;
    background: radial-gradient(circle at 100%, #e58e26, #ffffff 50%, #e58e26 75%, #ffffff 75%);
    background-size: 200% auto;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animatedTextGradient 5s linear infinite;
);
background-size: 200% auto;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: animatedTextGradient 5s linear infinite;
}
@keyframes animatedTextGradient {
to {
background-position: 200% center;
}
}
.navbar{
padding: 20px 0px 20px 0px;
}
.navbar .brand h2{
font-size: 33px;
    text-transform: uppercase;
	letter-spacing: -1.5px;
}
.navbar .brand p{
    color: #01243a;
    font-size: 15px;
    font-weight: 500;
    line-height: 12px;
}
.navbar .menu{}
.navbar .menu a, .navbar .menu .drop{
    padding: 10px 17px;
    display: inline-block;
    font-size: 16px;
    font-weight: 500;
    color: inherit;
}
.navbar .menu a:hover, .navbar .menu .drop:hover{
color:#800080;	
}
.navbar .menu .drop{
cursor:pointer;
}
.navbar .menu .drop:after{
content: '';
position: absolute;
width: 100%;
height: 61px;
background-color: #fff;
left: 50%;
transform: translateX(-50%);
opacity:0;
}
.megamenu{
overflow:hidden;
width: 75vw;
height: 0px;
max-width: 1320px;
position: absolute;
background-color: #ffffff;
left: 50%;
transform: translateX(-50%);
top: 71px;
flex-wrap: wrap;
gap: 0px;
padding: 0px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
z-index:100;
-webkit-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
opacity:0;
border:solid 1px #660f532e;
border-radius:10px;
}
.navbar .menu .drop:hover .megamenu{
overflow:visible;
height: 570px;
gap: 20px;
padding: 30px;
opacity:1;
}
.megamenu a.item{
width: 31%;
padding: 0;
display: block;
font-size: 14px;
    color: #01233a;
}
.megamenu a.item .thumb{
height: 195px;
margin-bottom:10px;
border-radius:10px;
overflow:hidden;
border:solid 1px #660f532e;
}
.megamenu a.item:hover .thumb{
box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 1px 3px 1px;
filter: brightness(80%);
}
.col-50{
width:50%;
}

.banner{
position: relative;
overflow: hidden;	
width: 100%;
}
.banner .slide .block{
width:50%;
overflow:hidden;
}
.banner .slide .block:first-child{
}
.banner .slide .block h1{
    font-size: 40px;
    margin-bottom: 30px;
    line-height: 45px;
    padding: 0px 50px;
}
.banner .slide .block p{
padding-left:50px;	
width:65%;
margin-bottom:40px;
}
.banner .slide .block .thumb{
    height: 82vh;
    animation: bannerthumb 5s linear infinite alternate;
    max-height: 600px;
}
@keyframes bannerthumb {
from {
transform:scale(1);
}
to{
transform:scale(1.2);
}
}
.banner .slide .block .btn{
margin-left:50px;
}
.slider-wrapper {
position: relative;
width: 100%;
overflow: hidden;
}
.slider {
display: flex;
transition: transform 0.8s ease-in-out;
will-change: transform;
}
.slide {
flex: 0 0 100%;
width: 100%;
box-sizing: border-box;
}
.nav {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 44px;
height: 44px;
border: none;
cursor: pointer;
background: rgba(0, 0, 0, 0.6);
color: #fff;
font-size: 28px;
z-index: 10;
}
.nav.prev {
left: 15px;
}
.nav.next {
right: 15px;
}
.dots {
    display: flex;
    gap: 15px;
    z-index: 10;
    width: auto;
    margin: 0px auto;
    margin-top: 15px;
    position: relative;
    padding-left: 52px;
    top: -68px;
}
.dots span {
width: 8px;
height: 8px;
border-radius:100px;
background-color: #ffffff33;
cursor: pointer;
transition: background 0.3s ease;
}
.dots span.active {
background-color: #fff;
}
.nav:hover {
background: rgba(0, 0, 0, 0.8);
}
.title{
font-size:40px;
color: #660f53;
}
.title.small{
    font-size: 25px;
    font-weight: 400;
    color: #01243a;
}
.title.small b{
font-weight:500;
}
.title.white, .subtitle.white{
color:#fff;
}
.title.center, .subtitle.center{
text-align:center;
}
.subtitle{
font-size: 17px;
padding-top: 10px;	
}
.home_section2{
    padding: 70px 0px 100px 0px;
}
.home_section2 .item-wrapper{
margin-top:70px;
    justify-content: space-around;
}
.home_section2 .item-wrapper .item{
text-align: center;
width: max-content;
}
.home_section2 .item-wrapper .item img{
width:50px;
}
.home_section2 .item-wrapper .item.brand{
}
.home_section2 .item-wrapper .item.brand img{
width: auto;
height: 30px;
margin-top: 11px;
margin-bottom: 9px;
left: 50%;
transform: translateX(-50%);	
}
.home_section2 .item-wrapper .item h6{
    font-size: 15px;
    padding-top: 16px;
    font-weight: 400;
}
.sbc{
    background-color: #660f53;
padding:80px 0px 80px 0px;
}
.sbc .itemwrapper{
flex-wrap:wrap;
margin-top:30px;
}
.sbc .itemwrapper .item{
    width: 30%;
    color: #fff;
    font-weight: 500;
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 16px;
	text-transform: uppercase;
}
.sbc .itemwrapper .thumb{
    height: 240px;
    margin-bottom: 10px;
    background-size: 115%;
    background-color: #fff1fb;
    border-radius: 10px;
}
.sbc .itemwrapper .item:hover .thumb{
background-size:125%;	
filter: brightness(105%);
}
.sbc.brands .itemwrapper .thumb{
background-size: 220px;	
    border: solid 2px #4f003e;
}
.sbc.brands .itemwrapper .item:hover .thumb{
background-size: 250px;		
}
.sbc .btn{
margin:0px auto;
margin-top:50px;
}
.sbc.brands{
    background-color: #17364b;	
	    background-color: #660f53;
}
.sbc.brands .container{
z-index:2;
}
#brands #gradient-canvas{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;	
}
.obl{
padding: 80px 0px 100px 0px;
background-color: #fff;
}
.obl .tab{
justify-content: center;
gap: 20px;
padding: 50px 0px 80px 0px;
}
.obl .tab .btn{
    background-color: #fff;
    font-size: 16px;
    border-radius: 20px;
    padding: 10px 20px 10px 20px;
    cursor: pointer;
    box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px, rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
.obl .tab .btn.active{
background-color: #01243a;
color:#fff;	
}
.obl .brands{
gap:20px;
justify-content: space-between;
}
.obl .brands .item{
width: 20%;
max-width: 400px;
font-weight: 500;
color: #01243a;
font-size: 16px;
}
.obl .brands .item img{
margin-bottom:5px;
border-radius:10px;
}
.obl .brands .item:hover img{
opacity:0.8;
}
.obl .license{
gap:30px;
display:none;
}
.obl .license .item{
color: #fff;
width: 30%;
padding: 30px;
border-radius:10px;
padding-bottom:50px;
}
.obl .license .item:hover{
transform: scale(1.05);
}
.obl .license .item img{
width: auto;
height: 150px;
margin: 0px auto;
display: table;
margin-top: 50px;
transform: scale(1.3);
}
.obl .license .item h3{
font-size: 22px;
margin-bottom: 20px;	
}
.obl .license .item p{
display:flex;
font-size:15px;
}
.obl .license .item p img{
width: 20px;
height: auto;
margin: 0;
margin-right: 10px;
}
.obl .container:last-child{
margin-top:100px;	
}
.ofmf-wrapper{
margin-top:120px;
}
.ofmf {
overflow: hidden;
width: 100%;
margin-top:50px;
}
.ofmf .item h6{
    text-align: center;
    font-size: 13px;
    padding-top: 10px;
    text-transform: uppercase;
    font-weight: 500;
    color: #707070
}
.ofmf-track {
display: flex;
width: max-content;
animation: scroll 25s linear infinite;
}
.ofmf .item {
min-width: 180px;
text-align: center;
margin-right: 70px;
}
.ofmf .item img {
width: auto;
height: 110px;
display:table;
margin:0px auto;
margin-bottom:20px;
}
@keyframes scroll {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-50%);
}
}
.bft{
padding: 90px 0px 70px 0px;
background-color: #fff1fb;
}
.bft.aboutus{
    background-color: #660f53;
	min-height: 600px;
}
.bft.aboutus #gradient-canvas, #brands #gradient-canvas{
  --gradient-color-1: #660f53; 
  --gradient-color-2: #9c2a83; 
  --gradient-color-3: #660f53;  
  --gradient-color-4: #660f53;
}

.bft .data{
width:45%;
}
.bft .thumb{
width:50%;
}
.bft h1{
margin-bottom:40px;
}
.bft ul{
}
.bft ul li{
width:80%;
}
.bft ul li:last-child{
opacity: 0.8;
    font-size: 16px;
}
.bft ul li:first-child{
    font-weight: 500;
    font-size: 18px;
    padding-bottom: 12px;
}
.bft .devider{
    width: 50px;
    height: 1px;
    background-color: #660f53;
    margin: 40px 0px;
}
.bft.story{
background-color:#f5a4c8;
}
.bft.story .btn, .bft.aboutus .btn{
margin-top:50px;
}
.bft.story .thumb{
background-color: #660f53;
overflow: hidden;
}
.bft.story .thumb img{
opacity:0;
}
.flashing {
    width: 55%;
    height: 100%;
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
	overflow:hidden;
	    mix-blend-mode: lighten;
}

.flash-item {
  width: 220px;
  height: 220px;
  position: absolute;
  border-radius: 18px;

  opacity: 0;
  transform: translate3d(0, 0, 0) scale(0.75);
  transition:
    opacity 0.8s ease,
    transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform, opacity;
}



.flash-item.active {
  opacity: 1;
  transform: translate3d(var(--x), var(--y), 0) scale(1);
}

.flash-item.exit {
  opacity: 0;
  transform: translate3d(var(--x), var(--y), 0) scale(0.9);
}

.giftblast{
    height: 600px;
    background-color: #660f53;
    width: 45%;
    position: relative;
    overflow: hidden;
    background-image: url(../img/blastbg.jpg);
    background-position: center bottom;
}
.giftblast .giftbox, .giftblast .giftbefore, .giftblast .giftafter {
    width: 200px;
    height: 150px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
	z-index: 2;
}
.giftblast .giftbefore{
z-index: 1;	
}
.giftblast .giftafter{
z-index: 3;	
}
.giftblast .giftbox .product{
    position:absolute;
    width:auto;
    height:auto;
    max-width:120px;
    max-height:120px;
    bottom:20px;
    left:50%;
    transform:translateX(-50%);
    opacity:1; /* always visible */
    animation-duration:4s;
    animation-iteration-count:infinite;
    animation-timing-function:ease-out;
	filter: brightness(110%);
}

/* INDIVIDUAL ANIMATIONS */
.p1{ animation: blastLeft1 4s infinite; animation-delay: 0s; }
.p2{ animation: blastRight1 4s infinite; animation-delay: 0.5s; }
.p3{ animation: blastLeft2 4s infinite; animation-delay: 1s; }
.p4{ animation: blastRight2 4s infinite; animation-delay: 1.5s; }
.p5{ animation: blastCenter 4s infinite; animation-delay: 2s; }

/* SECOND BATCH (overlapping) */
.p6{ animation: blastLeft1 4s infinite; animation-delay: 2.6s; }
.p7{ animation: blastRight1 4s infinite; animation-delay: 3.1s; }
.p8{ animation: blastLeft2 4s infinite; animation-delay: 3.6s; }
.p9{ animation: blastRight2 4s infinite; animation-delay: 4.1s; }
.p10{ animation: blastCenter 4s infinite; animation-delay: 4.6s; }

/* KEYFRAMES */
@keyframes blastLeft1{
    0%{
        transform: translate(-50%, 0) rotate(0deg);
    }
    100%{
        transform: translate(-200px, -500px) rotate(360deg);
    }
}

@keyframes blastRight1{
    0%{
        transform: translate(-50%, 0) rotate(0deg);
    }
    100%{
        transform: translate(150px, -520px) rotate(-360deg);
    }
}

@keyframes blastLeft2{
    0%{
        transform: translate(-50%, 0) rotate(0deg);
    }
    100%{
        transform: translate(-300px, -480px) rotate(540deg);
    }
}

@keyframes blastRight2{
    0%{
        transform: translate(-50%, 0) rotate(0deg);
    }
    100%{
        transform: translate(250px, -550px) rotate(-540deg);
    }
}

@keyframes blastCenter{
    0%{
        transform: translate(-50%, 0) rotate(0deg);
    }
    100%{
        transform: translate(-50%, -600px) rotate(720deg);
    }
}
.txtfff{
color:#fff;
}
.detailed{
padding:70px 0px;
}
.detailed h1{
margin-bottom: 30px;	
}
.detailed p{
margin-top:20px;
}
.contactbanner{
    min-height: 390px;
    background-color: #660f53;	
}
.contactbanner .title{
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;	
}
.contactbanner p{
    color: #fff;
    opacity: 0.9;
    padding: 0% 26%;
    font-size: 30px;
    line-height: 40px;
    margin-top: 28px;
}
.contactbanner p img{
    width: 40px;
    position: absolute;
    margin-left: 10px;
}

.contactform{
padding:0px 0px;
    background-color: #fff1fb;
    overflow: hidden;	
}
.contactform .giftblast{
    background: transparent;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
    height: calc(100% + 100px);	
	opacity:0.3;
	transform: scale(1.5);
}
.contactform form{
    width: 44%;
    margin: 80px 0px;	
}
.contactform form .form-control{
    width: 100%;
    padding: 20px 0px;
    font-family: 'myfont';
    font-size: 15px;
    border: 0;
    border-bottom: solid 1px #ccc;
	    background-color: #fff1fb;
}
.contactform iframe{
    width: 50%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
}
.contactform h2{
    font-size: 40px;
    margin-bottom: 20px;
}
.contactform .btn{
    width: 100%;
    text-transform: uppercase;
    font-size: 17px;
    font-weight: 500;
    font-family: 'myfont';
    border: 0;
    background-color: #660f53;
    color: #fff;
    margin-top: 20px;
    cursor: pointer;
    border-radius: 10px;
    padding: 15px 15px;
}
footer{
background-color:#e2e3f8;
padding:100px 0px;
}
footer .footer-ph{
color: #01243a;
font-weight: 500;
font-size: 22px;
}
footer .footer-ph img{
width:30px;
margin-right:10px;
position:relative;
top:5px;
}
footer p.hilight{
margin-top: 30px;
width: 62%;
line-height: 29px;
}
footer .links{
margin-left: 20%;	
}
footer .link-title{
font-weight: 500;
font-size: 18px;
margin-bottom: 30px;	
}
footer .links a{
display: block;
color: inherit;
font-size: 14px;
line-height: 34px;
}
footer .links a:hover{
color: #660f53;	
}
footer .end{}
footer .end .container{
border-top: solid 1px #c9cae9;
margin-top: 50px;
padding-top: 50px;	
}
footer .end p{
font-size:16px;
}
footer .end .connect{
gap:20px;
}
footer .end .connect a{
width: 26px;
    border-radius: 50px;
    height: 26px;
}
footer .end .connect a:hover{
}
.col-50{
width:50%;
}
.col-45{
width:45%;
}

#gradient-canvas {
  width:100%;
  height:100%;
  --gradient-color-1: #001a33; 
  --gradient-color-2: #18366c; 
  --gradient-color-3: #15315f;  
  --gradient-color-4: #203e7c;
  z-index:0;
  position:absolute;
  left:0;
  top:0;
  width:100%;
  height:100%;
}

#renata .banner {
  height: 600px;
  margin-bottom: -1px;
}

#renata .banner .container{
  z-index:1;
}

#renata .banner .container .col-50{
  text-align: right;
}

#renata .banner h4{
  margin-top: 50px;
  font-size: 22px;
  color: #fff;
}

#renata .banner h1{
  font-size: 60px;
  margin-bottom: 30px;
  line-height: 70px;
  color: #fff;
  margin-top: 50px;
}

#renata .banner-brand{
  width: 280px;
}

#renata .banner .bannerimg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: 420px;	
}

#renata .banner .btn{
  margin:0px auto;
}

#renata .intro{
  padding:80px 0px;
  background-color: #f2f2f2;
}

#renata .intro h2{
  margin-bottom:30px;
}

#renata .intro a{
  font-size: 20px;
  margin-top: 50px;
  color: #e74e00;
  margin-left: 0px;
  padding: 8px 15px;
  width: max-content;
  background-color: #fff;
  border-radius: 2px;
  font-weight: 500;
}

#renata .intro a:hover img{
  margin-right: 20px;	
}

#renata .intro a img{
  width:20px;
  margin-right:10px;
}

#renata .products{
  padding:80px 0px;
}

#renata .products .devider{
  width: 100%;
  height: 2px;
  background-color: #f0f0f0;
  margin: 50px 0px 70px 0px;
}

#renata .products .product-head{
  margin-bottom:50px;
}

#renata .products .product-head h4{
  font-size: 50px;
}

#renata .products .product-head span{
  display: block;
  font-size: 25px;
  color: #e74e00;
}

#renata .product-table{}

#renata .product-table .row{
  border-bottom: solid 1px #e2e3f8;	
}

#renata .product-table .row:last-child{
  border:0;
}

#renata .product-table .row .column{
  padding:30px 0px;
}

#renata .product-table .row .column img{
  width: 70%;	
}

#renata .product-table .row .column h6{
  font-size: 20px;
  margin-bottom: 5px;
  opacity: 0.8;
}

#renata .product-table .row .column h5{
  font-size: 29px;	
}

#renata .product-table .row .column .best{
  color: #e44d00;
  font-size: 18px;
  background-image: url(../img/bestsell.gif);
  background-position: 25% 50%;
  background-repeat: no-repeat;
  background-size: 17px;
  padding:10px 0px;
}

#renata .product-table .row .column:nth-child(1){
  width:20%;
}

#renata .product-table .row .column:nth-child(2){
  width:30%;
}

#renata .product-table .row .column:nth-child(3){
  width:16.6666666667%;
}

#renata .product-table .row .column:nth-child(4){
  width:16.6666666667%;
}

#renata .product-table .row .column:nth-child(5){
  width:16.6666666667%;
}
#renata .ad-info{
    margin: 0px auto;
    background-color: #e44d000f;
    border-radius: 30px;
    padding: 0px;
    margin-top: 100px;
    box-shadow: rgba(17, 17, 26, 0.05) 0px 1px 0px, rgba(17, 17, 26, 0.1) 0px 0px 8px;
    width: fit-content;
    padding-right: 20px;
}
#renata .ad-info p{
    font-size: 19px;
    color: #e44d00;
    line-height: 30px;
}
#renata .ad-info img{
    width: 60px;
    margin: 15px;
}


#pacogirl #gradient-canvas {
  --gradient-color-1: #fff2f4; 
  --gradient-color-2: #fee8eb; 
  --gradient-color-3: #fdd2d9;  
  --gradient-color-4: #fff1fb;
}

#pacogirl .banner {
  height: 600px;
  margin-bottom: -1px;
}

#pacogirl .banner .container{
  z-index:1;
}

#pacogirl .banner .container .col-50{
  text-align:center;
}

#pacogirl .banner h4{
  margin-top: 50px;
  font-size: 30px;
  color: #01243a;
  margin-bottom: 30px;
}

#pacogirl .banner h1{
  font-size: 70px;
  margin-bottom: 30px;
  line-height: 80px;
}

#pacogirl .banner-brand{
  width: 227px;	
}

#pacogirl .banner .bannerimg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: 600px;	
}

#pacogirl .banner .btn{
  margin:0px auto;
}

#pacogirl .intro{
  padding:100px 0px;
  background-color:#fff;
}

#pacogirl .intro h2{
  margin-bottom:30px;
}

#pacogirl .intro h6{
}

#pacogirl .w-display{}

#pacogirl .w-display .abs{
  position:absolute;
  left:0;
  top:0;
  opacity: 0;
  transform: translateY(10px);
  transition: opacity 0.6s ease, transform 0.6s ease;
}

#pacogirl .w-display.show .abs {
  opacity: 1;
  transform: translateY(0);
}

#pacogirl .w-display .abs:nth-child(2) { transition-delay: 0.2s; }
#pacogirl .w-display .abs:nth-child(3) { transition-delay: 0.4s; }
#pacogirl .w-display .abs:nth-child(4) { transition-delay: 0.6s; }

#pacogirl .products{
  background-color: #fff1fb;
  padding: 90px 0px;
}

#pacogirl .products .subtitle{
  margin-bottom:60px;
  margin-top:10px;
}

#pacogirl .products .container.flex{
  gap:46px;
  flex-wrap:wrap;
}

#pacogirl .products .item{
  width: 31%;
  border-radius: 5px;
  background-color:#fff;
  overflow:hidden;
}

#pacogirl .products .item:hover{
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px,
              rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px,
              rgba(42, 51, 70, 0.04) 0px 2px 2px -1px,
              rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
              rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px,
              rgba(42, 51, 70, 0.03) 0px 10px 10px -5px,
              rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
}

#pacogirl .products .item .thumb{
  height:320px;	
  overflow: hidden;
}

#pacogirl .products .item .thumb img{
  width:auto;
  height:320px;
  transition: all 0.3s ease;
}

#pacogirl .products .item:hover img{
  transform:scale(1.3);
}

#pacogirl .products .item .thumb.custom img{
  height:275px;
}

#pacogirl .products .item .thumb.custom2 img{
  width:250px;
  height:auto;
}

#pacogirl .products .item .name{
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 15px 20px;
  padding-right: 0;
  width: 100px;
  font-weight: 400;
}



#leclip .banner {
  height: 600px;
  margin-bottom: -1px;
  background-image: url(../img/leclip/banner.jpg);
  background-position: center right;
}

#leclip .banner .container{
  z-index:1;
}

#leclip .banner .container .col-50{
  text-align: center;
}

#leclip .banner h4{
  margin: 20px auto;
  width: 70%;
  font-size: 19px;
}

#leclip .banner h1{
  font-size: 50px;
  margin-top:40px;
  font-weight: 500;
}

#leclip .banner-brand{
  width: 150px;	
}

#leclip .banner .bannerimg{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: auto;
  height: 600px;	
}

#leclip .banner .btn{
  margin:0px auto;
}

#leclip .banner .cover{
  display: table;
  background-color: #ffffffe3;
  width: 75%;
  padding: 40px 0px;
  border-radius: 10px;
  backdrop-filter: blur(20px);
  box-shadow: rgba(255, 255, 255, 0.1) 0px 1px 1px 0px inset,
              rgba(50, 50, 93, 0.25) 0px 50px 100px -20px,
              rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
  border: dashed 2px #b7154054;
}

#leclip .intro{
  padding:100px 0px;
  background-color:#fff;
}

#leclip .intro h2{
  margin-bottom:30px;
}

#leclip .intro h6{
}

#leclip .colors{
  padding:70px 0px;
}

#leclip ul.pallete{
  margin-top:50px;
  justify-content: space-evenly;
}

#leclip ul.pallete li {}

#leclip ul.pallete li b {
  display: block;
  width: 56px;
  height: 56px;
  box-shadow: rgba(14, 63, 126, 0.06) 0px 0px 0px 1px,
              rgba(42, 51, 70, 0.03) 0px 1px 1px -0.5px,
              rgba(42, 51, 70, 0.04) 0px 2px 2px -1px,
              rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
              rgba(42, 51, 70, 0.03) 0px 5px 5px -2.5px,
              rgba(42, 51, 70, 0.03) 0px 10px 10px -5px,
              rgba(42, 51, 70, 0.03) 0px 24px 24px -8px;
  border-radius: 5px;
}

#leclip ul.pallete li span{
  display:block;
  text-align:center;	
  padding-top:10px;
}

#leclip .sws{
  padding:80px 0px;
}

#leclip .sws .item{
  padding:20px;
  text-align:center;
}

#leclip .sws .item .thumb{
  height:400px;
  margin-bottom:20px;
}

#leclip .sws .item .thumb img {
  display: none;
  width:auto;
  height:370px;
}

#leclip .sws .item .thumb img.active {
  display: block;
}

#leclip .sws .item p{
  font-size: 17px;
}

#leclip .cls{
  padding-bottom:80px;
}

#leclip .cls .container.flex{
  gap:20px;
  flex-wrap:wrap;
  margin-top:50px;
}

#leclip .cls .item{
  width: 23%;
  padding-bottom: 30px;
  border-radius: 10px;
  overflow:hidden;
  background-color:#fff;
  border: solid 1px #660f5329;
}

#leclip .cls .item.bs{
  border:0;
}

#leclip .cls .item.bs:after{
  content: 'Best selling';
  width: max-content;
  margin: 5px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
  padding: 5px 10px 5px 10px;
  border-radius: 10px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: 10% 50%;
  padding-left: 35px;
  font-size: 16px;
  color: #b71540;
  background-color: #fdeeef;
}

#leclip .cls .item.bs.men:after{
  background-image: url(../img/leclip/men.png);	
}

#leclip .cls .item.bs.women:after{
  background-image: url(../img/leclip/women.png);		
}

#leclip .cls .item svg {
  position: absolute;
  inset: 0;
  width: 99%;
  height: 100%;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  filter: blur(0.8px);
}

#leclip .cls .item rect {
  fill: none;
  stroke: #b71540;
  stroke-width: 0.5px;
  stroke-dasharray: 1;
  stroke-dashoffset: 0;
  animation: strokeMove 5s linear infinite;
}

@keyframes strokeMove {
  to {
    stroke-dashoffset: -40;
  }
}

#leclip .cls .item .figure{
  height: 300px;
  background-color:#fff;
  overflow:hidden;
}

#leclip .cls .item img{
  width: auto;
  height: auto;
  transition: all 0.3s ease;
  max-width: 80%;
  max-height: 75%;
}

#leclip .cls .item p{
  text-align: center;
  margin-top: 20px;
  padding: 0px 20px;
  font-size: 14px;
  line-height: 20px;
}

#leclip .cls .item:hover img{
  transform:scale(1.1);
}


#ofm .banner {
    height: 600px;
    margin-bottom: -1px;
    background-image: url(../img/ofm/banner.jpg);
}
#ofm .giftblast{
    background: transparent;
    left: 10%;
    transform: scale(1.4);
    position: absolute;
    bottom: 8%;
    width: 80%;
    height: 100%;	
}

#ofm .banner .data {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    background: linear-gradient(to bottom, rgba(53, 59, 72, 0) 0%, rgb(0 7 48 / 20%) 100%);
    padding-top: 18%;
    padding-bottom: 50px;
    z-index: 1;
	mix-blend-mode: hard-light;
}

#ofm .banner h4 {
    font-size:30px;
    color: #fff;
	    text-shadow: -3px -1px 7px #000;
		font-weight:500;
		    letter-spacing: -1px;
}

#ofm .banner h1 {
    font-size: 60px;
    color: #fff;
    line-height: 65px;
    margin-bottom: 20px;
    text-shadow: -3px -1px 7px #000;
	    letter-spacing: -2px;
}

#ofm .ofmf-wrapper {
    margin: 0;
    padding: 80px 0px;	
}

#ofm .ofmf {
    overflow: hidden;
    width: 100%;
	margin-top: 80px;
}

#ofm .ofmf .item h6 {
    text-align: center;
    font-size: 14px;
    padding-top: 10px;
    font-weight: 500;
}

#ofm .ofmf-track {
    display: flex;
    width: max-content;
    animation: scroll 25s linear infinite;
}

#ofm .ofmf .item {
    min-width: 180px;
    text-align: center;
    margin-right: 70px;
}

#ofm .ofmf .item img {
    width: auto;
    height: 110px;
    display: table;
    margin: 0px auto;
    margin-bottom: 20px;
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-50%);
    }
}

#ofm .products {
    padding: 70px 0px 90px 0px;
    background-color: #f5f5fd;
}

#ofm .products .subtitle {
    margin-bottom: 50px;
}

#ofm .products .row {
    margin-top: 20px;
    padding: 10px;
    border-radius: 10px;
    background-color: #fff;
    justify-content: space-between;
}

#ofm .products .row .club {
    width: calc(25% - 10px);
    height: 350px;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, 0.18) 0px 2px 4px;
}

#ofm .products .row .club h6 {
    color: #fff;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    font-size: 19px;
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    font-weight: 500;
}

#ofm .products .row .club img {
    width: auto;
    height: auto;
    max-width: 180px;
    max-height: 180px;
    margin-top: -15%;
}

#ofm .products .row .items {
    width: 75%;
}

#ofm .products .row .items .item {
    height: 350px;
    background-color: #fff;
    border: solid 1px #cccccc73;
    border-radius: 10px;
    width: calc(100% - 3px);
}

#ofm .products .row .items .item h6 {
    font-size: 15px;
    text-align: center;
    padding: 0px 25px;
    margin-top: 20px;
    font-weight: 500;
}

#ofm .products .row .items .item .thumb {
    height: 250px;
}

#ofm .products .row .items .item .thumb img {
    width: auto;
    height: auto;
    max-width: 200px;
    max-height: 200px;
}
#rizla{
font-weight:700;
}
#rizla .topstrip span{
font-weight:700;	
}
#rizla header{
text-transform:uppercase;
box-shadow: none;
}
#rizla .navbar .brand h2{
font-weight:700;
}
#rizla .navbar .brand p {
    font-size: 13px;
}
#rizla .navbar .menu a, #rizla .navbar .menu .drop{
    font-weight: 700;
    font-size: 18px;
    padding: 10px 14px;	
}
#rizla .megamenu{
    top: 67px;	
}
#rizla header.scrolled .megamenu{
    top: 62px;		
}
#rizla .btn{
font-weight:700;
}
#rizla .textbanner{
background-color: #28baee;
overflow: hidden;
height: 400px;
}
#rizla .textbanner .texts{
top: -25%;
}
#rizla .textbanner .textline{
color: #ccc;
white-space: nowrap;
transform: skewX(15deg);
display: flex;
justify-content: center;
font-size: 192px;	
line-height: 1.05;
gap: 40px;
text-shadow: -1px 1px 0 black, -2px 2px 0 black, -3px 3px 0 black, -4px 4px 0 black, -5px 5px 0 black, -6px 6px 0 black, -7px 7px 0 black, -8px 8px 0 black, -9px 9px 0 black, -10px 10px 0 black, -11px 11px 0 black, -12px 12px 0 black, -13px 13px 0 black, -14px 14px 0 black, -15px 15px 0 black, -16px 16px 0 black, -17px 17px 0 black, -18px 18px 0 black, -19px 19px 0 black, -20px 20px 0 black, -21px 21px 0 black, -22px 22px 0 black, -23px 23px 0 black, -24px 24px 0 black, -25px 25px 0 black, -26px 26px 0 black, -27px 27px 0 black, -28px 28px 0 black;
-webkit-text-stroke: 2px black;
}
#rizla .textbanner .textline .line-center{
color:#fff;
}

#rizla .menubar{
background-color: #ffffff;
padding: 20px 0px;
border-bottom: solid 4px #000000;
position: sticky;
top: 79px;
z-index: 5;
}
#rizla .menubar.active{
background-color:red;
}
#rizla .menubar .logo{
width: 218.198px;
height: 45.523px;	
margin-right:50px;
}
#rizla .menubar a{
color: #000000;
text-transform: uppercase;
font-size: 30px;
margin: 0px 50px;
border-bottom: solid 4px #fff;	
}
#rizla .menubar a:hover{
border-color:#000;
}
#rizla .menubar a.active{
border-color:#000;
}

#rizla .products{
background-image: url(../img/rizla/plus1.svg);	
padding:100px 0px;
}
#rizla .products .container{
background-color:#fff;
box-shadow: -2px 2px #000, -4px 4px #000, -6px 6px #000, -8px 8px #000;
border: 2px solid var(--Primary-Black, #000);
border-radius: 4px 0;
border: 4px solid var(--Primary-Black, #000);
gap:23px;
padding:40px;
flex-wrap: wrap;
}
#rizla .products .item{
border:solid 4px #000;
background-color:#fff;
width:32%;
}
#rizla .products .item img{
border: solid 4px #fff;
border-bottom: 0;
width: -webkit-fill-available;
}
#rizla .products .item .info{
padding: 20px;
padding-bottom: 25px;	
}
#rizla .products .item h2{
font-size: 24px;	
text-transform: uppercase;
font-weight: 700;
}
#rizla .products .item .info .data{
margin-top:20px;
}
#rizla .products .item .info .data .d-block{
text-align: center;	
width: -webkit-fill-available;
text-transform: uppercase;
}
#rizla .products .item .info .data .d-block h5{
text-align: center;
width: -webkit-fill-available;
font-size: 12px;
font-weight: 500;
opacity: 0.8;
}
#rizla .products .item .info .data .d-block h5:after{
width: 24px;
height: 24px;
content: "";
margin: 7px auto 9px auto;
display: flex;
justify-content: center;
align-items: center;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
#rizla .products .item .info .data .d-block h5.thickness:after {
background-image: url(../img/rizla/thickness.svg);
}
#rizla .products .item .info .data .d-block h5.leaves:after {
background-image: url(../img/rizla/leaves.svg);
}
#rizla .products .item .info .data .d-block h5.burnrate:after {
background-image: url(../img/rizla/burnRate-regular.svg);
}
#rizla .products .item .info .data .d-block h5.burnrate-slow:after {
background-image: url(../img/rizla/burnRate-Slow.svg);
}
#rizla .products .item .info .data .d-block h5.burnrate-slowest:after {
background-image: url(../img/rizla/burnRate-Slowest.svg);
}
#rizla .products .item .info .data .d-block h5.tips:after {
background-image: url(../img/rizla/tips.svg);
}
#rizla .products .item .info .data .d-block h5.tip-size:after {
background-image: url(../img/rizla/tipSize.svg);
}
#rizla .products .item .info .data .d-block h6{
font-weight:500;
font-size:15px;
}
#rizla .products .item .info .data ul{}
#rizla .products .item .info .data ul li{
font-size: 13px;
    font-weight: 500;
    margin-bottom: 4px;
    background-image: url(../img/rizla/right-arrow.svg);
    background-repeat: no-repeat;
    background-position: 0% 5px;
    background-size: 7px;
    padding-left: 11px;
}
#rizla .products .item .info .data table{
    width: 100%;
    font-size: 13px;
    margin-top: 20px;
    font-weight: 500;
}
#rizla .products .item .info .data table tr{}
#rizla .products .item .info .data table td:first-child{
    font-weight: 300;	
}
#rizla .products .item .info .data table td:last-child{}
#rizla .products .item .info .data table td{
padding: 1px 0px;	
}
#rizla .products .item .exthumb{
height: 300px;	
overflow:hidden;
}
#rizla .products .item .exthumb img{
width: auto;
height: auto;
max-width: 75%;
max-height: 75%;
border: 0;
}

#rizla .banner{
background-image: url(../img/rizla/bannerbg.jpg);
height: 600px;
overflow:hidden;
}
#rizla .banner p{
    width: 50%;
    color: #fff;
    font-size: 28px;
    padding-top: 10%;
    line-height: 35px;
    text-transform: uppercase;
}
#rizla .banner .focusimg {
position: absolute;
right: -44%;
top: 50%;
width: 44%;
transition: transform 0.15s ease-out;
will-change: transform;
--mx: 0px;
--my: 0px;
transform: translate(-50%, -50%) translate(var(--mx), var(--my));
}

#rizla .self{
position: absolute;
left: 0;
top: 0;
background-color: #ffffff24;
width: 100%;
color: #fff;
text-transform: uppercase;
padding: 20px 0px;	
}
#rizla .self img{
width: 218.198px;	
margin-right:50px;
}
#rizla .self h1{
color: #feca57;
background-image: linear-gradient(-45deg, #feca57 , #FFFFFF 59%);
background-clip: text;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
display: inline-block;
    font-weight: 700;
}
#rizla footer .footer-ph {
    font-weight: 800;
}
#rizla footer{
text-transform:uppercase;
}
#rizla footer .link-title {
    font-weight: 600;
}


@media (max-width: 767px) {
.navbar .menu{
display:none;
}	
.navbar .btn{
font-size: 0;	
}
.navbar .btn img {
    margin-right: 0;
}
}

@media (min-width: 768px) and (max-width: 1023px) {
}