.indexslidediv { float: left; position: relative; width: 33%; height: 100%; }
.indexslidediv .descriptor { color: var(--main-first); float: left; text-align: center; position: relative; margin-bottom: 20px; float: none; margin: 0 auto; }
.indexslidediv .descriptor p { background: none; color: var(--main-first); text-align: justify; font-size: 16px;}

.indexslidediv .title { color: var(--main-first); text-align: center; position: relative; float: none; margin: 0 auto; padding-top: 40px; }
.indexslidediv .title h2 { text-align: center; color: #255175; font-size: 31px; }

.sliderside img { max-height: 400px; clear: both; margin: 0 auto; padding-top: 15%; position: relative; }
.sliderinstalogo { width: auto; padding-top: 15%; }

a.lnk_btn { box-shadow: 0 3px 6px rgba(0,0,0,.1); display: inline-block; letter-spacing: 1px; text-transform: uppercase; }
a.lnk_btn{ background-color: #ff8100; color:#fff; font-size:1rem; font-weight:700; margin-top:0; max-width:220px; padding:8px 10px; transition:background-color .2s ease 0s; width:100% }
a.lnk_btn:hover{background:var(--main-first)}
a.lnk_btn:visited { color: #fff; }

.header-advantage { display: flex; flex-direction: column; justify-content: center; color: var(--main-first); }
.header-advantage .advantage-item { padding-top: 3rem; padding-left: 2rem; display: flex; align-items: center; }
.header-advantage .advantage-item:first-child { padding-top: 0; }
.header-advantage .advantage-item .text { text-align: start; flex-grow: 1; }
.header-advantage .advantage-item .advantage-title { font-weight: bold; font-size: 14pt; }
.header-advantage .advantage-item .advantage-subtitle { font-size: 10pt; }
.header-advantage .advantage-item .fa { font-size: 28pt; flex-basis: 20%; flex-shrink: 0; }

.bestseller-section { width: 100%; margin-top: 30px; }
.bestseller-section .section-title { color: var(--main-first); font-size: 26px; font-weight: 700; text-align: center; margin: 0 auto 25px auto; padding: 0; border: none; }
.bestseller-section .button-container { display: flex; flex-direction: row; gap: 10px; align-items: center; justify-content: center; width: 100%; }
.bestseller-section .bestseller-btn { display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-radius: 8px; text-decoration: none; font-size: 15px; font-weight: 600; background: #f8f9fa; color: #333; border: none; border-left: 4px solid; transition: all 0.25s ease; cursor: pointer; width: 100%; }
.bestseller-section .bestseller-btn:hover { background: #f0f0f0; padding-left: 25px; }
.bestseller-section .bestseller-btn .arrow { color: #999; font-size: 20px; font-weight: 700; transition: all 0.25s ease; }
.bestseller-section .bestseller-btn:hover .arrow { color: #333; }
.bestseller-section .btn-tiktok { border-left-color: #00a89d; }
.bestseller-section .btn-instagram { border-left-color: #c13584; }
.bestseller-section .btn-facebook { border-left-color: #1877f2; }


.cd-hero { position: relative; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.cd-hero-slider { position: relative; height: 360px; overflow: hidden; }
.cd-hero-slider li { position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); background-position: center center; background-size: cover; background-repeat: no-repeat; }
.cd-hero-slider li.selected { position: relative; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
.cd-hero-slider li.move-left { -webkit-transform: translateX(-100%); -moz-transform: translateX(-100%); -ms-transform: translateX(-100%); -o-transform: translateX(-100%); transform: translateX(-100%); }
.cd-hero-slider li.is-moving,
.cd-hero-slider li.selected { -webkit-transition: -webkit-transform .5s; -moz-transition: -moz-transform .5s; transition: transform .5s; }
.cd-hero-slider li:nth-of-type(1) { background-color: #ebf5ff; }
.cd-hero-slider .cd-full-width,
.cd-hero-slider .cd-half-width { position: absolute; width: 100%; height: 100%; z-index: 1; left: 0; top: 0; padding-top: 100px; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0); -moz-transform: translateZ(0); -ms-transform: translateZ(0); -o-transform: translateZ(0); transform: translateZ(0); }
.cd-hero-slider .fourth-blue h1.title { background: #0080d0; color: #fff; font-size: 20px; line-height: 30px; max-width: 480px; right: -350px; position: relative; text-align: left; padding: 0 0 0 10px; }
.cd-hero-slider .fourth-blue h4.del_title { color: #cd0000; display: inline-block; font-size: 22px; font-weight: 700; margin: 5px 0; position: relative; right: -165px; }
.cd-hero-slider .fourth-blue blockquote { background: #FFF; max-width: 310px; right: -265px; color: #000; font-size: 18px; border: 1px solid #ee0c11; }
.cd-hero-slider .fourth-blue blockquote span { font-size: 24px; }
.cd-hero-slider .fourth-blue blockquote h4 { color: #cd0000; font-size: 18px; font-weight: 700; }
.cd-hero-slider .cd-full-width .white-bg { padding: 10px; }
.cd-hero-slider .cd-img-container { display: none; }
.cd-hero-slider .cd-img-container img { position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.cd-hero-slider .cd-bg-video-wrapper { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.cd-hero-slider .cd-bg-video-wrapper video { display: block; min-height: 100%; min-width: 100%; max-width: none; height: auto; width: auto; position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; -webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.cd-hero-slider .cd-btn,

.cd-hero-slider p,
.cd-hero-slider span.brand-title { text-shadow: 0 1px 3px rgba(0,0,0,.1); margin: 0 auto 14px; color: #FFF; width: 90%; max-width: 400px; }
.cd-hero-slider span.brand-title { font-size: 35px; background: #0080d0; }
.cd-hero-slider p { font-size: 18px; line-height: 18px; color: #0080d0; background: rgba(255,255,255,.85); padding: 10px; }
.cd-hero-slider .cd-btn { padding: 8px 10px; margin-top: .8em; background-color: #0080d0; font-size: 1.3rem; font-weight: 800; color: #fff; -webkit-transition: background-color .2s; -moz-transition: background-color .2s; transition: background-color .2s; max-width: 220px; width: 100%; }
.cd-hero-slider .cd-btn.secondary { background-color: #00568c; }
.cd-hero-slider .cd-btn:nth-of-type(2) { margin-left: 1em; }
.cd-hero-slider .cd-full-width.login-banner { padding-top: 20px; margin-right: 0px !important; }

.no-touch .cd-hero-slider .cd-btn:hover { background-color: #d44457; }
.no-touch .cd-hero-slider .cd-btn.secondary:hover { background-color: #161a1e; }
.cd-hero-slider span.title { font-size: 35px; max-width: 960px; text-align: center; margin: 0 auto 10px; font-weight: 600; color: #FFF; }
.cd-hero-slider span.title i { color: #cd0000; }
.cd-hero-slider .light-blue h1.title { background: #0080d0; color: #FFF; max-width: 580px; }
.cd-hero-slider blockquote { background: #000; color: #0080d0; font-size: 16px; font-weight: 300; line-height: 22px; margin: 0 auto 10px; max-width: 380px; padding: 10px 20px; position: relative; right: -175px; text-align: left; top: 10px; width: 100%; }
.cd-hero-slider .cd-full-width.light-blue { padding: 0; }
.cd-hero-slider .light-blue blockquote { background: rgba(255,255,255,.85); color: #0080d0; right: 0; max-width: 680px; text-align: center; font-weight: 400; }
.cd-hero-slider .cd-full-width.black-bg { background: rgba(0,0,0,.5); padding-top: 40px; }
.cd-hero-slider .cd-full-width.last-bg { background: rgba(0,0,0,.5); padding-top: 120px; }
.cd-hero-slider .last-bg h1.title { background: #0080d0; font-size: 35px; max-width: 810px; }
.cd-hero-slider .cd-full-width.last-bg p { color: #0080d0; font-size: 16px; line-height: 24px; max-width: 810px; background: rgba(255,255,255,.85); }
.cd-hero-slider .black-bg p { color: #FFF; font-size: 1.4rem; line-height: 1.4; }


@media screen and (min-width:768px){
    .cd-hero-slider li { height: 95%;}
    .cd-hero-slider { background-color: #eaf5ff; height: 400px; }
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width { padding-top: 0px !important; }
    .cd-hero-slider{ height: 490px; }

    .cd-hero-slider .cd-bg-video-wrapper,.cd-hero-slider .cd-img-container{ display: block; }
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width { padding-top: 150px; }
    .cd-hero-slider .cd-half-width { width: 45%; opacity: 0; -webkit-transform: translateX(40px); -moz-transform: translateX(40px); -ms-transform: translateX(40px); -o-transform: translateX(40px); transform: translateX(40px); }
    .cd-hero-slider .cd-half-width:first-of-type { left: 5%; }
    .cd-hero-slider .cd-half-width:nth-of-type(2) { right: 5%; left: auto; }
    .cd-hero-slider p,
    .cd-hero-slider span.brand-title { max-width: 520px; }
    .cd-hero-slider span.brand-title { font-weight: 600; }
    .cd-hero-slider .cd-btn { font-size: 1.4rem; }
    .cd-hero-slider .move-left .cd-half-width { -webkit-transform: translateX(-40px); -moz-transform: translateX(-40px); -ms-transform: translateX(-40px); -o-transform: translateX(-40px); transform: translateX(-40px); }
    .cd-hero-slider .selected .cd-half-width { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
    .cd-hero-slider .is-moving .cd-half-width { -webkit-transition: opacity 0s .5s,-webkit-transform 0s .5s; -moz-transition: opacity 0s .5s,-moz-transform 0s .5s; transition: opacity 0s .5s,transform 0s .5s; }
    .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
    .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type { -webkit-transition: opacity .4s .2s,-webkit-transform .5s .2s; -moz-transition: opacity .4s .2s,-moz-transform .5s .2s; transition: opacity .4s .2s,transform .5s .2s; }
    .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
    .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) { -webkit-transition: opacity .4s .4s,-webkit-transform .5s .4s; -moz-transition: opacity .4s .4s,-moz-transform .5s .4s; transition: opacity .4s .4s,transform .5s .4s; }
    .cd-hero-slider .cd-full-width .cd-btn,
    .cd-hero-slider .cd-full-width h2,
    .cd-hero-slider .cd-full-width p { opacity: 0; -webkit-transform: translateX(100px); -moz-transform: translateX(100px); -ms-transform: translateX(100px); -o-transform: translateX(100px); transform: translateX(100px); }
    .cd-hero-slider .move-left .cd-full-width .cd-btn,
    .cd-hero-slider .move-left .cd-full-width h2,
    .cd-hero-slider .move-left .cd-full-width p { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
    .cd-hero-slider .selected .cd-full-width .cd-btn,
    .cd-hero-slider .selected .cd-full-width h2,
    .cd-hero-slider .selected .cd-full-width p { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
    .cd-hero-slider li.is-moving .cd-full-width .cd-btn,
    .cd-hero-slider li.is-moving .cd-full-width h2,
    .cd-hero-slider li.is-moving .cd-full-width p { -webkit-transition: opacity 0s .5s,-webkit-transform 0s .5s; -moz-transition: opacity 0s .5s,-moz-transform 0s .5s; transition: opacity 0s .5s,transform 0s .5s; }
    .cd-hero-slider li.selected h2 { -webkit-transition: opacity .4s .2s,-webkit-transform .5s .2s; -moz-transition: opacity .4s .2s,-moz-transform .5s .2s; transition: opacity .4s .2s,transform .5s .2s; }
    .cd-hero-slider li.selected p { -webkit-transition: opacity .4s .3s,-webkit-transform .5s .3s; -moz-transition: opacity .4s .3s,-moz-transform .5s .3s; transition: opacity .4s .3s,transform .5s .3s; }
    .cd-hero-slider li.selected .cd-btn { -webkit-transition: opacity .4s .4s,-webkit-transform .5s .4s,background-color .2s 0s; -moz-transition: opacity .4s .4s,-moz-transform .5s .4s,background-color .2s 0s; transition: opacity .4s .4s,transform .5s .4s,background-color .2s 0s; }
    

}

@media screen and (max-width:480px){
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-full-width.black-bg,
    .cd-hero-slider .cd-full-width.last-bg,
    .cd-hero-slider .cd-full-width.light-blue,
    .cd-hero-slider .cd-half-width { padding-top: 10px; }
    .cd-hero-slider .fourth-blue h1.title,
    .cd-hero-slider .last-bg h1.title,
    .cd-hero-slider span.title { font-size: 16px; }
    .cd-hero-slider blockquote { right: 0; left: 0; top: 0; width: 90%; padding: 0 2%; font-size: 12px; }
    .cd-full-width.light-blue img { width: 150px; }

    .bestseller-section { margin-top: 10px; }
    .bestseller-section .button-container { flex-direction: column; }
    .bestseller-section .bestseller-btn { padding: 14px 16px; font-size: 14px; }
    .bestseller-section .section-title { font-size: 22px; }
    
}


@media screen and (min-width:1170px)
{
    .cd-hero-slider .cd-full-width,.cd-hero-slider .cd-half-width{ padding-top: 90px; }
    .cd-hero-slider p,
    .cd-hero-slider span.brand-title { margin-bottom: 20px; }
}

.no-js .cd-hero-slider li{
    display:none
}
.no-js .cd-hero-slider li.selected{
    display:block
}