.navbar {
    position: absolute;
    min-height: 60px !important;
    height: 90px;
    top: 0%;
    width: 100%;
    background: #6547b2;
    background-color: #6547b2;
}

.brand.w--current:hover {
    opacity: 0.9;
}

.brand {
    width: 300px;
}

.container_logo {
    padding-left: 80px;
    margin-top: 90px;
    position: absolute;
    z-index: 99;
}

.slider-home {
    margin-top: 0px;
}

.padding-both {
    padding: 0px 30px;
}

.style_chat{
    border: 10px solid #6547b2;
    padding: 30px;
    width: 1181px;
}

.no-padding-both{
    padding-left: 0px;
    padding-right: 0px;
}

.container_menu {
    padding: 0px 80px;
}

.box-claim {
    margin-top: -20px;
    margin-left: 155px;
    float: left;
    text-align: left;
}

.no-padding_lr{
   padding-left: 0px;
   padding-right: 0px;
}

.pulpito_ {
    width: 400px;
    position: absolute;
    top: 325px;
    left: 210px;
    z-index: 9;
}

.product_slide {
    position: absolute;
    top: 89px;
    right: 240px;
    width: 530px;
}

h1.purple {
    color: #6547b2;
    font-size: 4rem;
    line-height: 58px;
    left: 714px;
    width: 840px;
    text-align: left;
    position: absolute;
}

.slide-nav {
    margin-bottom: -222px;
}

.section-margin{
    margin: 270px auto 55px;
}

.section-margin_{
    width: 1181px;
    margin: -110px auto 55px;
}

.menu-button.w--open {
    background-color: #6547b4;
    border-radius: 11px;
}

.nav-link:hover {
    color: #221a1d;
}

.menu-button.w-nav-button.index-head-sFixHamb.w--open {
    position: relative;
    z-index: 99;
}

.brand_ {
    width: 170px;
}

.nav-menu {
    left: auto;
    position: absolute;
    top: -80px;
    right: 120px;
    bottom: auto;
    width: 320px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: #6547b2;
    z-index: 1;
}

.nav_menu_add {
    top: -75px !important;
}

.w-nav-overlay {
    overflow: unset;
}

h1.all-h1-queEs-Fix {
    color: #6547b2;
    font-size: 62px;
    line-height: 50px;
    padding-top: 40px;
    /*margin-bottom: 46px !important;*/
    font-weight: bold;
    margin-bottom: 24px;
}

.text-gray{
    color: #585858;
    font-style: italic;
}

.text-gray h4{
    width: 50%;
}

.box-claim h3 {
    font-size: 40px;
	line-height: 38px;
}

.text-elpulpito{
    font-size: 3rem;
    line-height: 3.4rem;
    margin-top: 10px;
}

.purple_square{
    margin-top: 20px;
    width: 620px;
    background-color: #6648b3;
    padding: 30px;
    font-family: 'Roboto Condensed';
    letter-spacing: 0.08rem;
    margin-left: -100px;
}


.purple_square .text_description{
    font-size: 17px;
}

.text-check-2{
    color: white;
    font-weight: bold;
    display: contents;
    font-size: 22px;
}

.text-purple{
    color: #6648b3;
    font-style: italic;
    font-family: 'Roboto Condensed';
}

.light_text{
    font-weight: 500;
}

.row-materiales{
    background-color: #e7e7e7;
}

.accordion {
    background-color: #fff;
    color: #444;
    border: 8px solid #6547b2 !important;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    transition: 0.4s;
    margin-bottom: 20px;
}
  
  .active, .accordion:hover {
    background-color: #FFF; 
  }


.panel {
    padding: 0 18px;
    display: none;
    background-color: #6547b2;
    overflow: hidden;
    margin-top: -20px;
    margin-bottom: 20px;
    color: white;
}

.panel h3{
    color: white;
}

.text-white{
    color: white;
}

.text-left{
    text-align: left;
}

.btn-details{
    float: left;
    padding: 12px 20px;
    margin-top: 20px;
}

.float_right{
    text-align: end;
}

.text-main{
    font-size: 4rem;
    line-height: 4rem;
}

.mega_border h4.nomargin.purple-text {
    margin-top: 46px;
    padding: 20px;
    border: 11px solid #6044a8;
    border-radius: 10px;
    color: #6044a8;
}

.mega-border {
    border: 8px solid #6648b3;
    width: 600px;
    padding: 20px;
    margin-left: auto;
    margin-right: auto;
}

._brand_slide{
    height: 275px;
}

.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: grey;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}

.nomargin.materiales_text {
    color: #5b5b5b;
    text-align: initial;
    font-family: 'Roboto Condensed';
    padding: 0 10px;
    margin-bottom: 30px;
}

a.btn-purple_mat.btn {
    background: #6044a8;
    text-decoration: none;
    margin-top: 13px;
    padding: 10px 20px;
}

.text_description{
    color: white;
    margin-top: 16px;
    margin-bottom: 10px;
}

.put_over-50{
    margin-left: 50px;
}

.ul_description{
    list-style-type: none;
    line-height: 12px;
    font-style: italic;
    font-size: 18px;
    padding-left: 0;
}

.preguntas_frecuentes_mobile{
    display: none;
}

.preguntas_frecuentes{
    display: block;
}

.text-center{text-align: center;}

.btn-purple {
    background-color: white;
    color: #6648b3;
    padding: 17px;
    text-decoration: none;
    border-radius: 10px;
}

.only_mobile{
    display: none;
}


h4.reduce_50 {
    font-size: 19px;
    line-height: 21px;
    color: #5d5d5d;
    margin-top: -9px;
}

.purple_square .btn-purple{
    background-color: white;
    color: #6648b3;
    font-size: 18px;
    padding: 11px 17px;
    text-decoration: none;
    border-radius: 10px;
}

.btn-purple:hover {
    background-color: #1f0c50;
    color: #ffffff;
}

.reduce_50 {
    width: 50%;
    padding: 10px;
    font-family: 'Roboto Condensed';
}

.slider-home_ {
    height: 375px;
    overflow: hidden;
}
.w-slider-nav_{
    position: absolute;
    z-index: 2;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    padding-top: 10px;
    height: 40px;
    text-align: center;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    tap-highlight-color: rgba(0, 0, 0, 0);
}

.slide-nav_ {
    margin-bottom: -8px;
}

.slide-nav_ .w-slider-dot {
    background: #3c3c3c !important;
    width: 15px !important;
    height: 15px !important;
}
.slide-nav_ .w-active { 
    background: white!important;
    width: 15px!important;
    height: 15px!important;
}

.background_purple{
    background-color: #6648b3;
}

.col2-footer_ {
    padding: 50px;
    height: 438px;
    text-align: left;
    background-color: black;
    display: grid;
}

.display-mobile{
    display: none;
}

.slide_brand_txt{
    color: white;
    margin-top: 10px;
    font-family: 'Roboto Condensed';
    position: absolute;
    top: 278px;
    text-align: center;
}

h1.heading-1 {
    color: white;
    font-size: 6rem;
    line-height: 80px;
}

.container_logo_ {
    padding-left: 80px;
}

.brand.w--current {
    margin-top: 32px;
}

.no-padding-left{
    padding-left: 0;
}

    .owl-item{
        background-color: unset;
    }

    .masquerade_taller_grid {
        background: #6044a8;
        border: 15px solid #6044a8;
        clip-path: circle(35% at 50% 50%);
        width: 440px;
        margin-left: -30px;
    }

    .owl-carousel .owl-item img {
        width: 80% !important;
        margin-left: auto;
        margin-right: auto;
    }



    .section-padding{
    padding:60px 0;
    }
    .owl-dots {
    text-align: center;
    margin-top: 4%;
    }
    .owl-dot {
    display: inline-block;
    height: 15px !important;
    width: 15px !important;
    background-color: #878787 !important;
    opacity: 0.8;
    border-radius: 50%;
    margin: 0 5px;
    }
    .owl-dot.active {
    background-color: #000 !important;
    }

    .owl-carousel .owl-stage-outer {
        overflow: unset !important;
    }

    .overflow-hidden{
        overflow: hidden;
    }

    .limit_text{
        width: 310px;
        margin-left: 30px;
    }
    
    .margin-left-60{
        margin-left: -60px;
    }

    .taller_ajust{
        margin-top: 20px;
    }

    .masquerade_taller_grid_{
        background: #6044a8;
        border: 15px solid #6044a8;
        clip-path: circle(35% at 50% 50%);
    }

    .images_taller_{
        clip-path: circle(35% at 50% 50%);
    }

    .manos_que_es{
        margin-top: 20px;font-size: 23px;
    }

    .bullet_icon{
        margin-top: -9px;
        margin-right: 9px;
    }

    @media (max-width: 1600px){
        h1.purple {
            font-size: 3.6rem;
            left: 727px;
            width: 750px;
        }
    }




    
@media (max-width: 1400px){
    h1.purple {
        left: 670px;
        font-size: 2.8rem;
        width: 590px;
        margin-top: -50px;
        line-height: 58px;
    }

    ._brand_slide {
        height: 276px !important;
    }

    .w-slide {
        height: 450px;
    }

    .product_slide img {
        width: 440px;
        margin-top: 20px;
        position: relative;
        left: 220px;
    }

    .brand {
        width: 220px;
    }

    .pulpito_ {
        width: 290px;
        top: 305px;
    }

    .section-margin {
        margin: 170px auto 55px;
    }

    .slide-nav {
        margin-bottom: -132px;
    }

    .box-claim {
        margin-top: -30px;
        margin-left: 95px;
    }
}


@media (max-width: 1300px){
    h1.purple {
        left: 610px;
    }
}


@media (max-width: 479px){

    .navbar.w-nav.background_purple {
        position: fixed;
    }

    .navbar.w-nav {
        position: fixed;
    }

    .navbar {
        height: 60px;
    }

    .product_slide img{
        margin-top: -30px !important;
        margin-left: 10px;
    }
    

    br{
        display: none;
    }

    .w-slide {
        height: 320px;
    }

    a.slide__.w-slide._brand_slide {
        height: 156px !important;
    }

    .slider-home {
        height: 300px !important;
        margin-top: 0 !important;
    }

    .masquerade_taller_grid {
        margin-left: -50px;
    }

    .limit_text {
        width: 270px;
        margin-left: 36px
    }

    .owl-dots {
        margin-top: 40px;
    }
    


    .brand-carousel.section-padding.owl-carousel.owl-loaded.owl-drag{
        padding: 30px 0;
    }

    .container_menu {
        padding: 0px 10px;
    }

    .container_logo {
        padding-left: 50px;
        margin-top: 30px;
        position: absolute;
        z-index: 99;
    }

    .brand {
        width: 140px !important;
    }

    .claim-slider {
        display: block;
    }

    .preguntale-al-cacique {
        margin-bottom: 14px;
        margin-top: -20px;
        width: 100%;
        left: 0;
    }

    .brand {
        margin-top: 48px !important;
        margin-left: -30px !important;
    }

    .w-col.w-col-6.w-col-stack {
        padding: 12px 10px !important;
    }

    .text-block{
        margin-bottom: -40px;
    }


    .claim-slider {
        left: 0;
        margin-top: 80px;
        margin-left: 20px;
        padding-left: 0px;
        width: 220px;
    }

    .box-claim {
        margin-top: 6px;
        margin-left: 12px;
        float: left;
        text-align: left;
        width: 210px;
    }

    .box-claim h3 {
        font-size: 27px;
        line-height: 27px;
        margin-top: 18px;
    }


    .product_slide {
        position: fixed;
        width: 243px;
        margin-top: 22px;
    }

    h3{
        font-size: 18px;
        line-height: 21px;
        margin-top: 10px;
    }

    .slide-nav {
        margin-bottom: -130px;
    }

    .pulpito_ {
        position: absolute;
        top: 208px;
        left: 30px;
        z-index: 9;
        width: 172px;
    }
    .section-margin_{
        width: 100%;
        margin: 0;
    }

    .section-margin__{
        width: 90%;
    }

    h4.nomargin.text-gray {
        text-align: left;
    }

    p.text-gray {
        text-align: left;
    }

    .text-gray a.link {
        font-size: 13px;
    }

    .section-internas {
        margin-top: 60px;
        margin-bottom: -37px;
    }

    .section-internas.que-uso {
        height: 151px;
    }

    .only_mobile{
        display: block;
    }

    h2.nomargin.text-purple {
        font-size: 22px;
        text-align: left;
        line-height: 27px;
        margin-bottom: 16px;
    }

    .erase_top_sent {
        margin-top: 0px !important;
        margin-bottom: 0px;
    }

    .text-elpulpito {
        font-size: 2rem;
        line-height: 2rem;
        margin-top: -7px !important;
    }

    .w-col.w-col-3.text-center .text-purple {
        margin-top: -20px;
    }

    .titles.presenta.que-uso.gen-title-div img {
        margin-top: -150px !important;
    }

    .mega_border h4.nomargin.purple-text {
        margin-top: -12px;
    }

    .section-internas.que-materiales {
        margin-top: 60px !important;
    }

    br.dont-hide {
        display: block !important;
    }

    .erase_top_youcan h4.text-purple {
        margin-top: -9px;
    }

    .brand-2 {
        margin-top: 0px;
        margin-left: -22px;
    }

    .que-materiales img {
        margin-top: -84px;
    }

    .que-preguntas img {
        margin-top: -76px !important;
    }

    h2.text-purple {
        font-size: 28px;
        line-height: 32px;
    }

    .accordion h2 {
        width: 300px;
        text-align: left;
    }

    h1 {
        margin-top: 63px !important;
        font-size: 32px;
    }

    h2.maintextFixMarginTop.gen-mainText-oneLine.text-center.text-purple {
        padding: 0px 30px;
        font-size: 23px !important;
        margin-top: 50px !important;
    }

    .ajust-h2-mobile{
        margin-top: -60px !important;
        margin-bottom: 130px !important;
    }

    .mob-100{
        width: 100%;
    }

    .que-presentaciones img {
        margin-top: -110px !important;
        width: 300px;
    }

    .section-margin {
        margin: 146px auto 55px;
    }

    .nav-menu {
        top: 0px !important;
        right: 9px;
    }

    h1.purple {
        color: #6547b2;
        font-size: 14px;
        line-height: 16px;
        left: 220px;
        width: 181px;
        margin-top: 20px !important;
        position: absolute;
    }

    h1.heading-1 {
        color: white;
        font-size: 4rem;
        line-height: 64px;
    }

    .text-footer {
        padding: 10px 20px 20px 20px;
    }

    .col2-footer {
        padding-top: 0;
        padding-left: 5px;
        margin-top: 15px;
        line-height: 30px;
        background-color: #6648b3;
    }

    .col2-footer_ {
        height: 282px !important;
        margin-top: 40px;
    }

    .heading-3 {
        font-size: 42px;
        line-height: 50px;
    }

    .QuesEs_Fix_Spaces {
        margin-top: -60px !important;
    }

    .slide-nav_ {
        margin-bottom: 35px;
    }

    .section-footer {
        margin-top: 28px;
    }

    input#btnSubmit {
        margin-bottom: 20px;
    }

    .heading-7 {
        font-size: 30px;
    }

    .slider-home_ {
        height: 255px;
    }

    .slide-nav_ .w-slider-dot {
        background: #3c3c3c !important;
        width: 10px !important;
        height: 10px !important;
        margin: -14px 4px -1em!important;
    }

    .slide_brand_txt {
        top: 155px;
        font-size: 12px;
        line-height: 13px;
    }

    .col2-footer_ {
        padding: 35px 50px;
        height: 438px;
    }

    .purple_square{
        margin-left: 0;
        padding: 30px 0px;
    }

    .bullet_icon {
        margin-top: -9px;
        margin-right: 2px;
    }

    .checks img {
        width: 13px;
    }

    .put_over-50 {
        margin-left: 20px;
    }

    .purple_square .btn-purple {
        font-size: 15px;
        margin-left: -28px;
    }

    .manos_que_es {
        margin-top: 20px;
        margin-bottom: 27px;
        margin-right: 15px;

    }

    .ul_description{
        line-height: 24px;
    }



    .section-margin.la-gotita {
        height: 890px;
        padding-left: 0;
        background-position: 70% 3%;
        background-repeat: no-repeat;
        background-size: 530px 354px;
    }

    .btn-purple {
        background-color: white;
        color: #6648b3;
        padding: 15px;
        text-decoration: none;
        border-radius: 10px;
        font-size: 13px;
    }

    .purple_square {
        width: 100%;
    }

    .reduce_50 {
        width: 70%;
        padding-left: 30px;
    }

    h4.reduce_50 {
        margin-bottom: 86px;
        margin-top: -30px;
    }

    h1.all-h1-queEs-Fix {
        text-align: left;
        font-size: 31px;
        padding-top: 24px;
        margin-right: 0px;
        margin-left: 30px;
    }

    .container_logo_ {
        padding-left: 26px;
        margin-top: -14px;
    }

    .preguntas_frecuentes_mobile{
        display: block;
    }

    .preguntas_frecuentes{
        display: none;
    }

    .mega-border {
        width: 90% !important;
    }

    .no-display-mobile{
        display: none;
    }

    .display-mobile{
        display: block !important;
    }

    .que-taller img {
        margin-top: -140px !important;
        width: 96%;
    }

    .text-main {
        margin-top: 40px;
        margin-bottom: -10px !important;
        font-size: 2.3rem;
        line-height: 2rem;
    }

    .taller_ajust {
        margin-top: -37px;
        margin-left: 10px !important;
        margin-bottom: 20px !important;
    }

    .section-margin__.text-center.overflow-hidden.erase_top_things {
        height: 583px !important;
        margin-bottom: 20px
    }

    .w-form {
        margin-top: 60px;
    }

    div#reparar {
        margin-top: 50px;
    }

    .slide-nav_ .w-active { 
        background: white!important;
        width: 15px!important;
        height: 15px!important;
    }



}


@media (max-width: 360px) {


    a.slide__.w-slide._brand_slide {
        height: 129px !important;
    }

    .slide_brand_txt {
        top: 133px;
    }

    .slide-nav_ {
        margin-bottom: 55px;
    }

    .col2-footer_ {
        height: 265px !important;
    }

    .preguntale-al-cacique {
        margin-top: 49px;
    }

    h1.purple {
        font-size: 10px;
        line-height: 14px;
        left: 216px;
        width: 126px;
    }

    .product_slide{
        right: 235px;
        width: 203px;
        margin-top: 52px;
    }

}

@media (max-width: 320px) {
a.slide__.w-slide._brand_slide {
    height: 103px !important;
}
.slide_brand_txt {
    top: 116px;
}

.pulpito_ {
    position: absolute;
    top: 188px;
    left: 10px;
    z-index: 9;
    width: 172px;
}

.box-claim h3 {
    font-size: 22px;
    line-height: 20px;
    margin-top: 18px;
}

.preguntale-al-cacique {
    margin-top: 115px;
}

.purple_square .btn-purple {
    font-size: 12px;
}

h1.purple {
    font-size: 10px;
    line-height: 14px;
    left: 186px;
    width: 126px;
    margin-top: 10px !important;
}

.section-margin {
    margin: 86px auto 55px;
}

.slide-nav {
    margin-bottom: -83px;
}

.pulpito_ {
    position: absolute;
    top: 188px;
    left: 10px;
    z-index: 9;
    width: 172px;
}
.product_slide {
    right: 225px;
    width: 203px;
    margin-top: 32px;
}
}


.erase_top_sent{
    margin-top: -29px;
}

.erase_top_youcan{
    margin-top: -55px;
}

.erase_top_things{
    margin-top: -30px;
}

.erase_top_chat{
    margin-top: -49px;
}

.margin_top_ademas{
    margin-top: -55px;
}