/*  -----------------  ESTILOS GENERALES   -----------------*/

html{
    font-size: 62.5%;
}

body{
    font-style: normal;
    overflow-x: hidden;
    font-family: 'Comfortaa';
    font-size: 1.6rem;
    font-weight: 400;
    color: #000000;
    opacity:0;
}
a:hover{
    color:inherit;
    text-decoration: none;
}

a:hover, a:focus, a:active, button:active,button:focus, button:active, button:hover,
input:active, input:focus,select:focus{
    outline:0!important;
    box-shadow:none!important;
}

ul{
    margin: 0;
    padding: 0;
    list-style: none;
}

img{
    border-radius:0;
}
.entry-summary{
    display:none;
}

video, iframe,
video:-webkit-full-page-media {
    width:100%!important;
    height:100%!important;
}
/* -------------------------------------------------- */

.container{
    max-width: 1240px;
    position: relative;
    z-index: 10;
}

/* -------------------------------------------------- */

.btn{
    padding: 8px 20px!important;
    line-height:1!important;
    font-size: 1.5rem!important;
    border-radius:9999px!important;
    font-weight: 400!important;
    color:#fff!important;
    transition: all .3s ease;
    border:1px solid!important;
	text-decoration:none!important;
}

.btn:focus{
    box-shadow:none!important;
    outline: 0!important;
}

.btn:active,
.btn:focus{
    outline:0;
}

.btn-primary{
    border-color:#ff9dbd!important;
    background-color: #ff9dbd!important;
}

.btn-primary:hover{
    border-color:#ff9dbd!important;
    background-color: #ff9dbd!important;
}

.btn-secondary{
    border-color:#6a9b88!important;
    background-color: transparent!important;
    color:#6a9b88!important;
}

.btn-secondary:hover{
    border-color:#6a9b88!important;
    background-color: #6a9b88!important;
    color:#fff!important;
}


.btn-underline{
    border-color:#fff!important;
    background-color: transparent!important;
    color:#fff!important;
}

.btn-underline:hover{
    border-color:#faa6b9!important;
    background-color: #faa6b9!important;
}

/* ------------------------ Slick ---------------------- */

.slick-slider{
    margin: 0!important;
}

/* Slick dots */


.slick-dots{
    position: relative;
    margin: 0;
    bottom:0;
    display: flex;
    justify-content: center;
}

.slick-dots li{
    position: relative;
    width: 8px;
    height: 8px;
    margin: 0;
    margin: 0 10px;
    overflow: hidden;
    border-radius: 9999px;
    transition:all .3s ease;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .slick-dots li{
        margin: 0 25px;
    }
}


.slick-dots li:only-child{
    display:none;
}

.slick-dots li.slick-active{
    transform:scale(1.2);
}

.slick-dots li button{
    width: 100%;
    height: 100%;
    padding:0;
    margin: 0;
}

.slick-dots li button:before{
    display:none!important;
}


.pink-dots .slick-dots li{
    background-color: #ff9dbd;
}

.green-dots .slick-dots li{
    background-color: #6a9b88;
}

/*** Slick arrow ***/

.slick-arrow{
    width: 25px;
    height: 45px;
   top:40%;
}

.slick-arrow:before{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url(../images/arrow-slider.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.slick-prev{
    left: -40px;
}
.slick-next{
    right: -40px;
}

.slick-next:before{
    
    transform: scaleX(-1);
}
/* ---------------- Formularios  ---------------- */

.form-control{
    padding: 12px 20px!important;
    border-radius: 12px!important;
    height: auto;
    box-shadow:none!important;;
    line-height: 1!important;
    background-color: #fff!important;
    border:1px solid #ccc!important;
}

textarea.form-control{
    min-height:175px;
}

select.form-control{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select-variation.svg);
    background-position: right 20px center;
    background-size: 12px;
    background-repeat: no-repeat;
}

.form-control,
.form-control::placeholder{
    font-size: 1.2rem!important;
    font-weight: 700!important;
    color:#000!important;
    font-weight:100!important;
}

.form-group{
    margin-bottom:25px;
}

.form-group label{
    margin-bottom: 10px;
    font-size: 1.6rem!important;
    color: #000!important;
    font-weight: 300;
}

.form-group br{
    display:none!important;
}


.form-group small{
   font-weight: 300;
    font-size: 1.6rem;
    margin-top: 10px;
    display: block;
}


.form-row{
    margin:0;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column-gap: 25px;
    grid-row-gap: 25px;
    margin-bottom:25px;
    width:100%;
}

@media screen and (min-width : 580px) {
   .form-row{
        grid-template-columns: repeat(2,1fr);
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.form-row .form-group{
    margin: 0;
}


.form-group-button .btn{
    width:100%;
    min-width:220px
}

@media screen and (min-width : 580px) {
   .form-group-button .btn{
        width:auto;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

/* -------------- Contact form ------------ */

form.wpcf7-form {
    position:relative;
    margin:0!important;
}

form.wpcf7-form br{
    display:none;
}

form.wpcf7-form.submitting:after{
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top:60%;
    transform:translateY(-50%);
    left:0;
    background-image: url(../images/loader-black.gif);
    background-size: 5%;
    background-repeat: no-repeat;
    background-position: center top 30%;
    z-index:2;
}

.wpcf7-not-valid-tip,
.wpcf7-response-output{
    color: #fff!important;
    font-size: 1.2rem!important;
    font-weight:300!important;
    text-align:left!important;
    border-radius:0px!important;
    padding:10px 20px!important;
    line-height: 1.3;
}

.wpcf7-not-valid-tip{
    display: block!important;
    margin-top:10px!important;
}

.wpcf7-response-output{
    margin:10px 0!important;
    border:0!important;
}

.wpcf7-form.invalid .wpcf7-response-output,
.wpcf7-form.failed .wpcf7-response-output,
.wpcf7-not-valid-tip{
    background-color: #f14040!important;
}

/*.wpcf7-form.invalid .form-control{*/
/*    border:1px solid #f14040!important;*/
/*}*/

.wpcf7-form.sent .wpcf7-response-output{
    background-color:#34b234!important;
}

.wpcf7 .ajax-loader,
.wpcf7-spinner{
    display:none!important;
}

.wpcf7 .ajax-loader:before{
    display:none;
}

form.wpcf7-form .form-group{
    transition:all .6s ease;
}

form.wpcf7-form.submitting .form-group{
    opacity:0.4;
}



/* ---------- Top bar ------------ */

.top-bar .container{
    max-width: 1140px;
}

.top-bar{
    padding: 10px;
    background-color: #badfd9;
    display: none;
    position:relative;
    z-index:998;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
   .top-bar{
        display: flex;
    }
}

.top-bar-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-bar-item .social{
    display: flex;
    align-items: center;
}

.top-bar-item .social li{
    margin-right: 16px;
}

.top-bar-item .social li:last-child{
    margin: 0;
}

.top-bar-item .social li a{
    display: flex;
    align-items: center;
}

.top-bar-item .social li span{
    display: flex;
    align-items: center;
    color:#000;
    font-size: 1.1rem;
    font-weight: 400;
    margin-right: 6px;
    line-height: 1;
    font-weight: 700;
}

.top-bar-item .social li span:last-child{
    margin: 0;
}

.top-bar-item .social li span img{
    width: 14px;
    height: 14px;
}

/* ---------- Header ------------ */

.header{
    z-index:998;
    position:relative;
}

#header-desktop{
    display: none;
}

#header-responsive{
    display: block;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
   #header-desktop{
        display: block;
   }

    #header-responsive{
        display: none;
    }
}

.header-main{
    width:100%;
}

/**** Header top ****/

.header-main-top .container{
    max-width: 750px;
}

.header-main-top{
    height: 150px;
    background-color: #fff;
    border-bottom: 1px solid #6a9b88;
    display: flex;
    align-items: center;
    position: relative;
    z-index:2;
}

.header-main-top:after,
.header-main-top:before{
    content:"";
    position: absolute;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 190px;
    height: 100%;
    background-image: url(../images/header-shape.png);
}

.header-main-top:after{
    left: 0;
}

.header-main-top:before{
    right: 0;
    transform: scaleX(-1);
}

.header-main .header-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.header-main .header-icons{
    margin-bottom: 0px;
}
@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
  .header-main .header-icons{
    margin-bottom: -35px;
}
}

.header-main .icons{
    display: flex;
    align-items: center;
}

.header-main .icons > li{
    margin-right: 20px;
    position:relative;
}

.header-main .icons > li:last-child{
    margin: 0;
}

.header-main .icons li > a > img{
    width: 100%;
    height: 18px;
}

.header-main .header-logo img{
    width: 100%;
    max-width: 235px;
}

.header-main .icons li > a{
    position: relative;
    display:flex;
}

.icons li .cart-count{
    width: 9px;
    height: 9px;
    background-color: #ff9cbc;
    border-radius: 9999px;
    position: absolute;
    top:-2px;
    right: -4px;
    transition:all .3s ease;
    opacity:0;
}

/**** Header bottom ****/

.header-main-bottom{
    padding: 30px 0;
    background-color: #fff;
    position:relative;
    z-index:1;
}

.header-main-bottom .header-wrapper{
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-main .header-menu .menu{
    display: flex;
    align-items: center;
}

.header-main .header-menu .menu li{
    margin-right: 50px;
}

.header-main .header-menu .menu li:last-child{
    margin: 0;
}

.header-main .header-menu .menu li a{
    font-size: 1.3rem;
    color:#000;
    font-weight: 700;
    padding: 6px 8px;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: all .3s ease;
    position: relative;
    z-index: 1;
    text-transform: lowercase;
}

.header-main .header-menu .menu li:not(.freebies) a:hover,
.header-main .header-menu .menu li.current-menu-item:not(.freebies) a{
    border: 1px solid #ff9cbc;
    color:#ff9cbc;
}

.header-main .header-menu .menu li.freebies a{
    padding: 8px 12px;
    border-radius: 4px;
}

.header-main .header-menu .menu li.freebies a:after{
    content:"";
    position: absolute;
    background-position: left;
    background-size: 100%;
    background-repeat: no-repeat;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100px;
    height: 30px;
    background-image: url(../images/shape-freebies.svg);
    z-index: -1;
    transition:all .3s ease;
}

.header-main .header-menu .menu li.freebies a:hover:after,
.header-main .header-menu .menu li.freebies.current-menu-item a:after{
    background-image: url(../images/freebies-active.svg);
}

.header-main .header-menu .menu li.freebies.current-menu-item a,
.header-main .header-menu .menu li.freebies a:hover{
    color:#ff9cbc;
}

/* -------------- Dropdown cart ---------------- */


.dropdown-cart{
    position: absolute;
    right: -35px;
    top: 160%;
    margin-top: 10px;
    border-radius: 0px;
    background-color: #ffffff;
    border: 0;
    box-shadow: 0 2px 10px 0 rgb(176 176 176 / 20%);
    z-index: 16000001;
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    
}

body.woocommerce-cart .dropdown-cart,
body.woocommerce-checkout .dropdown-cart{
    display:none!important;
}

.dropdown-cart:after{
    content: "";
    position:absolute;
    top:0rem;
    right:0;
    margin-right: 5.76px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 5rem;
    height: 7rem;
    margin-top: -2rem;
    width: 5rem;
    opacity: .25;
    z-index: 9999;
}

.dropdown-cart-wrapper {
    width: 390px;
    position:relative;
}

.dropdown-cart-wrapper::before,
.dropdown-cart-wrapper::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}

.dropdown-cart-wrapper::before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgb(176 176 176 / 10%);
  top: -9.8px;
  right: 36px;
}

.dropdown-cart-wrapper::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  top: -8px;
  right: 37px;
}

body.xoo-wsc-active{
    overflow-y:visible!important;
}

.icons-cart:hover .dropdown-cart,
body.xoo-wsc-active .dropdown-cart{
    opacity: 1;
    visibility: visible;
}

 .icons-cart > a{
    transition: all .3s ease; 
 }

body.xoo-wsc-active .icons-cart > a{
    animation: crescendo 1.5s  cubic-bezier(.5,-0.5,0,1.75);
}


.xoo-wsc-modal{
    display:none!important;
}

.dropdown-cart .widget{
    margin:0!important;
}

.mini-cart-header{
    padding: 20px;
    font-size: 1.6rem;
    font-weight: 700;
    text-align: left;
    color: #000;
}

.mini-cart-header span{
    font-weight:400;
    color: #666;
    font-size: 1.2rem;
}


.dropdown-cart .woocommerce-mini-cart{
    max-height: 280px;
    overflow-y: auto;
    padding: 20px;
    padding-top:0;
}

.dropdown-cart .woocommerce-mini-cart::-webkit-scrollbar-thumb {
    -webkit-border-radius: 4px;
    background: #ccc;
    background-clip: padding-box;
    border: 2px solid transparent;
    border-radius: 4px;
    transition: background-color .2s linear;
}

.dropdown-cart .woocommerce-mini-cart::-webkit-scrollbar{
    -webkit-border-radius: 4px;
    background-color: transparent;
    border-radius: 4px;
    height: 10px;
    transition: background-color .2s linear;
    width: 12px;
}

.dropdown-cart .woocommerce-mini-cart-item{
    padding:0!important;
    border:0!important;
    margin-bottom:20px;
}

.dropdown-cart .woocommerce-mini-cart-item:last-child{
    margin:0;
}

.mini-cart-content{
    display:flex;    
}

.mini-cart-thumbnail{
    flex-shrink:0;
    margin-right:20px;
}

.mini-cart-thumbnail img{
    width:75px;
    height:75px;
    max-width:90px!important;
    border-radius:8px;
}

.mini-cart-info{
    width:100%;
}

.mini-cart-title{
    display:flex;
    justify-content:space-between;
    position:relative;
    margin-bottom:8px;
    font-size:1.5rem;
}

.mini-cart-name a{
    font-weight:700;
    max-width:180px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#000;
}

.mini-cart-price{
    position:absolute;
    top:0;
    right:0;
    font-weight:700;
    
}

.mini-cart-qty{
    font-size: 1.2rem;
    margin-bottom:5px;
}

.mini-cart-remove a.remove{
    position:relative!important;
    top:0!important;
    left:0!important;
    width:auto!important;
    left:auto!important;
    display:flex!important;
    font-size: 1.2rem!important;
    text-decoration:underline!important;
    text-indent: -0px!important;
    color:#000!important;
    line-height:1!important;
}

.mini-cart-remove a.remove:before{
    display:none!important;
}

.mini-cart-buttons{
    padding: 20px!important;
    border-top: 1px solid #6a9b88;
    text-align: center;
    width: 100%;
}

.mini-cart-total{
    display: flex;
    justify-content: space-between;
    font-size: 1.5rem;
    margin-bottom:16px;
}

.mini-cart-total span{
    font-weight:700;
}

.dropdown-cart .woocommerce-mini-cart__buttons{
    width: 100%;
    display: flex;
    padding:0!important;
}

.dropdown-cart .woocommerce-mini-cart__buttons .button{
    height:38px!important;
    padding: 0px!important;
    line-height:1!important;
    font-size: 1.4rem!important;
    border-radius:9999px!important;
    font-weight:bold!important;
    transition: all .3s ease-in-out;
    color:#fff!important;
    border:1px solid;
    border-color:#ff9dbd!important;
    background-color: #ff9dbd!important;
    margin:0!important;
    display:flex;
    align-items:center;
    justify-content:center;
}

.dropdown-cart .woocommerce-mini-cart__buttons .button:after{
    display:none;
}

.dropdown-cart .woocommerce-mini-cart__buttons .button:not(.checkout){
    width: 34%;
    margin-right:10px!important;
    color:#6a9b88!important;
    border-color:#6a9b88!important;
    background-color: #fff!important;
}

.dropdown-cart .woocommerce-mini-cart__buttons .button:not(.checkout):hover{
    color:#fff!important;
    background-color: #6a9b88!important;
    border-color:#6a9b88!important;
}

.dropdown-cart .woocommerce-mini-cart__buttons .button.checkout{
        width: 66%;
}

.dropdown-cart .woocommerce-mini-cart__buttons .button:hover{
    /*border-color:#fdeaeb!important;*/
    /*background-color:#fdeaeb!important;*/
    /*color:#fff!important;*/
}

.mini-cart-empty{
    padding:40px 20px;
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:center;
    flex-direction:column;
}

.mini-cart-empty img{
    width:60px;
    margin:0 auto;
    margin-bottom:20px;
}

.mini-cart-empty p{
    margin:0;
    font-size:1.4rem;
    margin-bottom:20px;
    margin-top:10px;
    font-weight:700;
}

.mini-cart-empty .btn{
    font-size:1.4rem!important;
}

.blockUI:before{
    display:none!important;
}

div.blockOverlay {
  background-color: #fff !important;
}

/* ---------- Header responsive ------------ */

#header-responsive{
    padding: 10px 0;
    border-bottom: 1px solid #6a9b88;
}

#header-responsive .header-wrapper{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#header-responsive .header-logo img{
    width: 110px;
}

#header-responsive .icons{
    display: flex;
    align-items: center;
}

#header-responsive .icons li{
    margin-right: 10px;
    position:relative;
}

#header-responsive .icons li:last-child{
    margin: 0;
}

#header-responsive .icons img{
    width: 24px;
}

#header-responsive .header-toggle .icons img{
    width: 26px;
}

/* ------------- Header-sticky ------------ */

.header-sticky{
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:70px;
    background-color:#fff;
    z-index:1001;
    transform:translateY(-100%);
    transition:all .5s ease;
    box-shadow: 0 2px 10px 0 rgb(176 176 176 / 20%);
    display:none;
    align-items:center;
    opacity:0;
    visibility:hidden;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
  .header-sticky{
      display:flex;
  }
}

.header-sticky.is-pinned{
    transform:translateY(0%);
    opacity:1;
    visibility:visible;
}

.header-sticky .header-icons {
    margin-bottom: 0px;
}

.header-sticky .header-logo img{
    width:100px;
}

.header-sticky .header-container{
    display:flex;
    align-items:center;
}

.header-sticky .header-menu{
    margin-right:20px;
}

.header-sticky  .header-menu .menu li{
        margin-right: 25px;
}
.header-sticky .dropdown-search{
    left:auto;
        right: -35px;
}

.header-sticky .dropdown-search:after{
    left:auto;
    right: 2rem;
}

.header-sticky .dropdown-search-wrapper::before {
    left:auto;
    right: 36px;
}

.header-sticky .dropdown-search-wrapper::after {
    left:auto;
    right: 37px;
}

#header-desktop.is-pinned .dropdown-cart{
    display:none;
}
/* --------------- Hero --------------- */

.hero{
    overflow: hidden;
    margin-bottom: 0px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero{
        margin-bottom: 20px;
    }
}

.hero .container{
    max-width: 1220px;
    padding: 0;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero .container{
        padding: 0 15px;
    }
}

.hero-slider .slick-list{
    margin: 0px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero-slider .slick-list{
        margin: -18px;
    }
}

.hero-slider-item{
    padding: 0px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero-slider-item{
        padding: 18px;
    }
}

.hero-slider-image{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero-slider-image{
        position: relative;
    }
}

.hero-slider-image img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.hero-slider-content{
    position: relative;
    z-index: 1;
    opacity: 1;
    transition: .3s ease;
    height: 50vh;
    width: 100%;
    display: flex;
}

@media screen and (min-width : 580px) {
    .hero-slider-content{
        height: 40vh;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero-slider-content{
        height: auto;
        opacity: .3;
    }
}

.hero-slider-item.slick-active .hero-slider-content{
    opacity: 1;
}

.hero-slider-content:after{
    content:"";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .3;
    transition: .3s ease;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero-slider-content:after{
       opacity: 0; 
    }
}

.hero-slider-item.slick-active .hero-slider-content:after{
    opacity: .3;
}


.hero-slider-info{
    position: relative;
    top:0;
    left: 0;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    z-index: 1;
    opacity: 1;
    transition: all .3s ease;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .hero-slider-info{
        position: absolute;
        opacity: 0;
    }
}

.hero-slider-item.slick-active .hero-slider-info{
    opacity: 1;
}

.hero-slider-icon{
    margin-bottom: 20px;
}

.hero-slider-icon img{
    width: 100%;
    max-width: 160px;
    margin: 0 auto;
}

@media screen and (min-width : 580px) {
    .hero-slider-icon img{
        max-width: 200px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.hero-slider-title{
    color:#fff;
    font-size: 2.8rem;
    letter-spacing: 1px;
    line-height: 1.1;
    font-weight: 700;
    margin-bottom: 40px;
}

@media screen and (min-width : 580px) {
    .hero-slider-title{
        font-size: 3.8rem;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.hero-slider-info .btn{
    min-width: 130px
}

.hero .slick-dots{
    margin: 40px 0;
}

/* --------------- Footer --------------- */

.footer-social{
   
    padding: 40px 0;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .footer-social{
        padding: 55px 0;
    }
}

.footer-social-content{
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.footer-social-content h2{
    text-align: center;
    margin-bottom: 40px;
    font-size: 2.4rem;
    color:#ff9dbd;
    line-height: 1.5;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .footer-social-content h2{
        font-size: 3.4rem;
    }
}

.footer-social-content h2 span{
    font-family: 'LSFBirdie';
    color:#94c6c8;
    font-size: 3rem;
    font-weight: 900;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .footer-social-content h2 span{
        font-size: 4.2rem;
    }
}

.footer-social-content .social{
    display: flex;
    align-items: center;
}

.footer-social-content .social li{
    margin: 0 20px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .footer-social-content .social li{
        margin: 0 35px;
    }
    
}

.footer-social-content .social li img{
    width: 40px;
    height: 40px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .footer-social-content .social li img{
        width: 65px;
        height: 65px;
    }
}

.footer-content{
    padding: 25px 0;
    background-color: #ff9dbd;  
}

.footer-grid{
    text-align: center;
    position: relative;
}

.footer-grid:after{
    content:"";
    position: absolute;
    left: 0%;
    top:50%;
    transform: translateY(-50%);
    width: 100px;
    height: 100px;
    background-image: url(../images/hero-icon.svg);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .footer-grid:after{
        width: 150px;
        height: 150px;
        left: 20%;
    }
}

.go-top{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: 0;
    width: 48px;
    height: 48px;
    background-image: url(../images/go-top.svg);
    background-position:center;
    background-size: contain;
    background-repeat: no-repeat;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .go-top{
        width: 53px;
        height: 53px;
    }
}

.footer-logo{
    margin-bottom: 30px;
}

.footer-logo img{
    width: 100%;
    max-width: 140px;
    margin: 0 auto;
}

.footer-menu .menu{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

@media screen and (min-width : 580px) {
    .footer-menu .menu{
        flex-direction: row;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.footer-menu li{
    margin-bottom:10px;
    padding-right: 0px;
    position: relative;
}

@media screen and (min-width : 580px) {
    .footer-menu li{
        margin:0;
        margin-right:20px;
        padding-right: 20px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.footer-menu li:after{
    content: "";
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right: 0;
    background-color: #000;
    height: 13px;
    width: 1px;
    display: none;
}

@media screen and (min-width : 580px) {
    .footer-menu li:after{
        display: flex;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.footer-menu li:last-child{
    margin: 0;
    padding: 0;
}

.footer-menu li:last-child:after{
    display: none;
}

.footer-menu li a{
    color:#000!important;
    font-size: 1.3rem;
    font-weight: 700;
    
}

.footer-copy{
    padding: 20px 0;
}

.footer-copy p{
    margin: 0;
    text-align: center;
    color:#808080;
    font-size: 1.2rem;
}

.footer-copy p img{
    width: 70px;
    margin-left: 5px;
    margin-top: -2px;
    display:inline-block;
}

/* ------------ Section content ---------------- */

.section-content{
    padding: 6rem 0;
    overflow: hidden;
    position: relative;
    z-index: 1;
}

.section-bottom{
    padding-bottom:0;
}

.section-top{
    padding-top:0;
}

.section-triangles:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 70%;
    z-index: -1;
    background-image: url(../images/shape-triangles.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
}

.section-title{
    text-align: center;
    margin-bottom: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .section-title{
        margin-bottom: 80px;
    }
}

.section-title h2{
    font-size: 2.8rem;
    color:#ff9cbc;
    margin: 0;
    font-weight: 700;
    position: relative;
    padding: 0 35px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .section-title h2{
        font-size: 3.2rem;
    }
}

.section-title h2:after,
.section-title h2:before{
    content: "";
    position: absolute;
    top:60%;
    transform: translateY(-50%);
    height: 2px;
    background-color: #94c6c8;
    width: 100vw;
}

.section-title h2:after{
    left: -100vw;
}
.section-title h2:before{
    right: -100vw;
}
.section-title h2 br{
    display: block;
}

@media screen and (min-width : 580px) {
    .section-title h2 br{
        display: none;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.section-title h2 span:last-of-type{
    font-family: 'LSFBirdie';
    font-weight: 900;
    color:#ff9cbc;
    font-size: 3rem;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .section-title h2 span:last-of-type{
        font-size: 4.5rem;
    }
}
.section-title-green h2 span:last-of-type{
    color:#94c6c8;
}
.section-pink{
    background-color: #fdeaeb;
}

.section-bg-whorm{
    background-image: url(../images/shape-worm.png);
    background-position: center;
    background-size: 300%;
    background-repeat: repeat;
}

@media screen and (min-width : 580px) {
    .section-bg-whorm{
        background-size: 200%;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .section-bg-whorm{
        padding: 55px 0;
        background-size: 100%;
    }
}

/* ------------ Page wrapper ---------------- */

.page-wrapper{
    padding:5rem 0;
    position:relative;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .page-wrapper{
        padding:8rem 0;
    }
}


body.home .page-wrapper{
    padding:0;
}

body.single-product .page-wrapper{
}

body.single-product .page-wrapper:after,
body.page-id-240 .page-wrapper:after{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7%;
    z-index: -1;
    background-image: url(../images/shape-triangles.png);
    background-position: center top;
    background-size: cover;
    background-repeat: no-repeat;
    display:none;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    body.single-product .page-wrapper:after,
body.page-id-240 .page-wrapper:after{
        display:flex;
    }
}
body.page-id-240 .page-wrapper:after{
    height:40%;
}

/* ------------ Banner ---------------- */

.banner{
    padding:30px 0;
    background-color: #fdeaeb;
    background-image: url(../images/shape-worm.png);
    background-position: center;
    background-size: 300%;
    background-repeat: no-repeat;
    overflow:hidden;
}

@media screen and (min-width : 580px) {
    .banner{
        background-size: 200%;
        padding:40px 0;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .banner{
        padding:50px 0;
        background-size: 100%;
    }
}

body.home .banner{
    display:none;
}

.banner-wrapper,
.banner-container{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.banner-wrapper{
    position:relative;
    padding:0 40px;
}

@media screen and (min-width : 580px) {
    .banner-wrapper{
        padding:0 80px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) { 
    .banner-wrapper{
        padding:0 100px;
    }
}

.banner-wrapper:after,
.banner-wrapper:before{
    content: "";
    position: absolute;
    top:60%;
    transform: translateY(-50%);
    height: 2px;
    background-color: #94c6c8;
    width: 100vw;
}

.banner-wrapper:after{
    left: -100vw;
}
.banner-wrapper:before{
    right: -100vw;
}

.banner-item{
    position:relative;
    margin-bottom:10px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) { 
    .banner-item{
        margin-bottom:0px;
    }
}

.banner-item:last-child{
    margin:0;
}

.banner-item .col-full{
    width:100%;
    padding:0!important;
    margin:0!important;
}

.banner-item .storefront-breadcrumb{
    margin:0!important;
    padding:0!important;
}

.banner-item .woocommerce-breadcrumb,
.banner-item .woocommerce-breadcrumb a{
    text-decoration:none!important;
    font-size:1.3rem;
    font-weight:700!important;
    line-height: 1.5!important;
    color:#000!important;
        text-transform: lowercase;
        text-align:center;
}


.banner-breadcrumb .woocommerce-breadcrumb:not(a),
.banner-breadcrumb .woocommerce-breadcrumb:not(span){
     font-weight:700!important;
}

.banner-item .woocommerce-breadcrumb a:before{
    display:none!important;
}

.banner-breadcrumb .breadcrumb-separator{
    text-indent:0!important;
    padding:0 5px!important;
}

.banner-breadcrumb .breadcrumb-separator:after{
    display:none!important;
}

.banner-title,
.banner-title .woocommerce-breadcrumb{
    font-size:2.4rem!important;
    color:#ff9cbc!important;
    font-weight: 700;
    text-transform: lowercase;
    line-height:1.2!important;
}

@media screen and (min-width : 580px) {
    .banner-title,
    .banner-title .woocommerce-breadcrumb{
       font-size:3.2rem!important;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) { 
    .banner-title,
    .banner-title .woocommerce-breadcrumb{
       font-size:4.5rem!important;
    }
}

.banner-title .breadcrumb-separator,
.banner-title .woocommerce-breadcrumb a{
    display:none!important;
}

/* ------------ Products ---------------- */

.products .product{
    margin:0!important;
}

.product-grid .products{
    display: flex;
}

.product-grid .product{
    width: 25%;
}

.product-content{
    transition:all .3s ease;
}

.product-content:hover{
    box-shadow: 0 2px 10px 0 rgb(176 176 176 / 30%);
    transform:translateY(-10px) scale(1.01);
}

.product-content .product-thumbnail{
    width: 100%;
    /*height: 155px;*/
    position:relative;
    overflow:hidden;
}

@media screen and (min-width : 580px) {
    .product-content .product-thumbnail{
        /*height: 180px;*/
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
   
}

.product-content .product-thumbnail-course{
    height: 180px;
}

@media screen and (min-width : 580px) {
    .product-content .product-thumbnail-course{
        height: 235px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
   
}

.product-content .product-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all .3s ease;
    margin:0!important;
}

.product-content .product-thumbnail:hover img{
    transform:scale(1.1);
}

.product-sale{
    height:30px;
    width:85px;
    position: absolute;
    top:4%;
    right:0;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    z-index:1;
    font-size:1.4rem;
    padding-left:5px;
}

.product-sale:after{
    content:"";
    position: absolute;
    background-position: left;
    background-size: cover;
    background-repeat: no-repeat;
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background-image: url(../images/shape-freebies.svg);
    z-index: -1;
}

.product-download{
    position: absolute;
    top:-14px;
    right:14px;
    width:28px;
    height:28px;
    background-image: url(../images/download-icon.svg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}

.product-content .product-info{
    background-color: #fff;
    padding: 15px 10px;
    text-align: center;
    position:relative;
}

@media screen and (min-width : 580px) {
    .product-content .product-info{
        padding: 20px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.product-content .product-title{
    margin-bottom: 15px;
    line-height: 1;
}

.product-content .product-title a{
    font-size: 1.5rem;
    color:#ff9cbc;
    line-height: 1;
}


.product-content .product-price span{
    color:#ff9cbc!important;
    font-size: 1.8rem;
    font-weight: 700;
    line-height: 1;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .product-content .product-price span{
        font-size: 2.2rem;
    }
}

.product-content .product-price .price{
    display:flex!important;
    align-items:center;
    justify-content: center;
    margin:0!important;
}

.product-content .product-price .price del,
.product-content .product-price .price ins{
    opacity:1;
    line-height: 1;
    font-weight: 400;
     color:#000!important;
}

.product-content .product-price .price ins{
    margin-left:8px!important;
}

.product-content .product-price .price del{
    margin-bottom:2px;
}
.product-content .product-price .price del span{
    font-size:1.4rem;
    color:#000!important;
}

.product-content .product-price .price .price-wrapper{
    display:flex;
    align-items:center;
    justify-content:center;
    margin:0;
}

.product-content .product-price .price .price-wrapper > span.price-title{
    display:flex;
    margin-right:8px;
    font-size:1.8rem;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .product-content .product-price .price .price-wrapper > span.price-title{
        display:flex;
        margin-right:10px;
        font-size:2.2rem;
    }
}


.product-content .product-actions{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 10px;
}

@media screen and (min-width : 580px) {
    .product-content .product-actions{
        margin-top: 16px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.product-content .product-action{
    width: 30px;
    height: 30px;
    border:1px solid #6a9b88;
    border-radius: 9999px;
    margin: 0 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product-content .product-action img{
    width: 18px;
    margin:0!important;
}

.product-content .product-action a{
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
}


.product-content .product-whislist{
    z-index: 1;
}

.product-whislist .yith-wcwl-add-to-wishlist{
    margin:0;
    width:18px;
    height:18px;
}

.product-whislist .add_to_wishlist,
.product-whislist .yith-wcwl-add-button{
    display: flex;
    width: 100%;
    height: 100%;
    background-color:transparent!important;
}

.product-whislist .feedback{
    font-size:0;
    color:transparent;
}

.product-whislist  .yith-wcwl-wishlistaddedbrowse,
.product-whislist  .yith-wcwl-wishlistexistsbrowse{
    display:flex;
    width:100%;
    height:100%;
    background-color:transparent!important;
}
.product-whislist .add_to_wishlist span,
.product-whislist .yith-wcwl-wishlistexistsbrowse a,
.product-whislist .yith-wcwl-wishlistaddedbrowse a{
    display:none;
}

.product-whislist .add_to_wishlist .yith-wcwl-icon{
    opacity:1;
}

.product-whislist img{
    width:100%;
    height:100%;
    border-radius:0!important;
    margin:0!important;
}

.yith-wcwl-add-to-wishlist a:after,
.yith-wcwl-add-to-wishlist a .blockUI{
    display: none!important;
}

.product-content .product-button{
    margin-top:0px;
}

.product-content .product-button .btn{
    width:100%;
    font-size:1.5rem!important;
    padding: 8px 0px!important;
    font-weight:700!important;
}
/* ------------ Products slider ---------------- */

.product-slider .products.slick-slider .product{
    margin: 0!important;
}

@media screen and (min-width : 580px) {
    .product-slider .products.slick-slider .product{
        margin: 0 10px!important;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .product-slider .products.slick-slider .product{
        margin: 0 30px!important;
    }
}

.product-home{
    padding: 0;
}

@media screen and (min-width : 580px) {
    .product-home{
        padding: 0 40px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.product-home .products:not(.slick-slider){
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.product-slider .products:not(.slick-slider) .product{
    width: 50%;
    padding: 5px;
}

.product-slider  .slick-dots{
    margin-top: 60px;
}

.product-slider  .slick-dots li{
    width: 14px;
    height: 14px;
}

.product-home .slick-list{
    padding-top:20px;
    padding-bottom:10px;
}

.product-home .slick-track{
    display:flex;
}
/* ----------- Cursos home -------------- */

.section-courses .container{
    max-width: 1150px;
}

.courses-home{
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
    padding: 0;
    justify-content: center;
}

@media screen and (min-width : 580px) {
    .courses-home{
        padding: 0 40px;
        margin: -10px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .courses-home{
        margin: -20px;
        padding: 0;
    }
}

.courses-home-item{
    width: 50%;
    padding: 5px;
}

@media screen and (min-width : 580px) {
    .courses-home-item{
        width: 33.33%;
        padding: 10px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .courses-home-item{
        width: 33.33%;
        padding: 20px;
    }
}

.courses-home-content{
    transition:all .3s ease;
}

.courses-home-content:hover{
    box-shadow: 0 2px 10px 0 rgb(176 176 176 / 30%);
    transform:translateY(-10px) scale(1.01);
}

.courses-home-thumbnail{
    height: 140px;
    width: 100%;
    overflow:hidden;
}

@media screen and (min-width : 580px) {
    .courses-home-thumbnail{
        height: 180px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .courses-home-thumbnail{
        height: 360px;
    }
}

.courses-home-thumbnail img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition:all .3s ease;
}

.courses-home-thumbnail:hover img{
    transform:scale(1.1);
}

.courses-home-info{
    padding: 10px;
    background-color: #c9e8ea;
    text-align: center;
}

@media screen and (min-width : 580px) {
    .courses-home-info{
        padding: 20px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .courses-home-info{
        padding: 20px 40px;
    }
}

.courses-home-info h2{
    /*font-family: 'LSFBirdie';*/
    font-size: 2rem;
    font-weight: 700;
    color:#ff9cbc;
    margin-bottom: 0px;
}
@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .courses-home-info h2{
        font-size: 2.2rem;
        margin-bottom: 20px;
    }
}

.courses-home-info h2 a{
    color:#ff9cbc;
    font-weight: 700;
}


.courses-home-info p{
    margin: 0;
    font-weight: 700;
    font-size: 1.6rem;
    line-height: 1.2;
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .courses-home-info p{
        font-size: 1.7rem;
    }
}

/* ------------ Home video ------------- */

.home-video{
    width: 100%;
    max-width:100%;
    height: 280px;
    margin: 0 auto;
    position:relative;
    
}

@media screen and (min-width : 580px) {
    .home-video{
        max-width: 520px;
        height: 400px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .home-video{
        height: 520px;
        max-width: 860px;
    }

}

.video-content{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    overflow:hidden;
}


.video-content img{
    width:100%;
    height:100%;
    object-fit:cover;
}


.video-placeholder{
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.video-poster,
.video-button{
    position: absolute;
}

.video-poster{
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
}

.video-poster:after{
    content: "";
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgb(0,0,0,.7);
/*background: linear-gradient(0deg, rgba(0,0,0,.8) 14%, rgba(255,255,255,0.6250875350140056) 100%);*/
/*pointer-events:none;*/
display:none;
}

.video-button{
    width: 80px;
    height: 80px;
    top:50%;
    left: 50%;
    transform: translate(-50%,-50%);
}


@media screen and (min-width : 580px) {
  
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
   .video-button{
        width: 145px;
        height: 145px;
    }
}

.video-button:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    border-radius: 9999px;
    width: 100%;
    height: 100%;
    animation: pulse 2s infinite;
    background-color: transparent;
    z-index: -1;
}

@keyframes pulse{
  0%{
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .2)
  }
  70%{
    box-shadow: 0 0 0 10px rgba(0, 0, 0, 0)    
  }
  100%{ 
  }
}

.video-button img{
    width:100%;
}


.videoWrapper {
  position: relative;
  width: 100%;
  height: 100%;
  background-color: #000;
}

.videoIframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}

.videoPoster {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  cursor: pointer;
  border: 0;
  outline: none;
  z-index:999;
  background-color:transparent;
}

.iframe-container{
    padding-bottom: 56.25%;
}

.iframe-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%!important;
  height: 100%!important;
}

/* ---------------- modal ----------------- */

.modal-dialog{
   
}

.modal-content,
.modal-body{
    padding:0;
    border-radius:0;
}

.close{
    position:absolute;
    right:0px;
    top:-40px;
    opacity:1;
    width:25px;
    height:25px;
}

@media screen and (min-width : 580px) {
    .close{
        position:absolute;
        right:-40px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
   
}

.close:before{
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(../images/close-light.svg);
    background-position: center;
    background-size: 60%;
    background-repeat: no-repeat;
    transition: all .3s ease;
    margin:0;
    padding:0;
    transform:none;
    border-radius: 0;
    background-color: transparent;
}

.modal-video .modal-dialog{
    max-width:790px;
}

/* ------------ Subscription home ---------------- */

.section-subscription .container{
    max-width: 900px;
}

.subscription{
        padding: 3rem 0;
}

@media screen and (min-width : 580px) {
    .subscription{
    padding: 4rem 0;
}
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.subscription-form{
    width: 100%;
    max-width: 370px;
}

.subscription-title{
    margin-bottom: 20px;
    text-align: center;
}

@media screen and (min-width : 580px) {
    .subscription-title{
        text-align: left;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.subscription-title h2{
    margin-bottom: 20px;
    font-size: 3.8rem;
    color:#ff9dbd;
    font-weight: 700;
}

.subscription-title p{
    margin: 0;
    font-size: 1.8rem;
    line-height: 1.2;
}

.subscription-form form{
    display: flex;
    align-items: center;
    position:relative;
}

.subscription-form form input,
.subscription-form form .btn{
    height: 40px;
    padding: 0 20px!important;
}

.subscription-form .form-group{
    margin:0!important;
    width:100%;
}

.subscription-form .form-group-button{
    margin-left: 20px!important;
    flex-shrink: 0;
    width:auto;
}

.subscription-form form .btn{
    min-width: 120px;
    color:#000!important;
    border-radius:16px!important;
}

.subscription-form .wpcf7-not-valid-tip{
    display:none!important;
}

.subscription-form .custom-response{
        position: absolute;
    top: 100%;
}

.subscription-shape{
    position: absolute;
    top:50%;
    transform: translateY(-50%);
    right:5%;
    display: none;
}

@media screen and (min-width : 580px) {
    .subscription-shape{
        display: block;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.subscription-shape img{
    width: 400px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .subscription-shape img{
        width: 500px;
    }
}


/* -------------- Shop ------------ */

.storefront-sorting{
    margin:0!important;
}

.storefront-sorting::before, .storefront-sorting::after,
.storefront-sorting .woocommerce-notices-wrapper{
    display:none!important;
}

.content-area, .site-main {
    width: 100%;
    margin: 0;
}

.right-sidebar .content-area{
    width: 100%!important;
    float: none!important;
    margin: 0!important;
}

.shop{
    overflow:hidden;
    position:relative;
}

.shop:after{
    content:"";
    position: absolute;
    bottom:0;
    left:10%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 390px;
    height: 190px;
    background-image: url(../images/shop-shape.svg);
    
    display:none;
}

@media screen and (min-width : 580px) {
    
        
}

@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
   .shop:after{
      display:block;
   }
}

.shop .container{
    max-width:1080px;
}

.shop-wrapper{
    display:flex;
    flex-direction:column-reverse;
    max-width:720px;
    margin:0 auto;
}

@media screen and (min-width : 580px) {
    
        
}

@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-wrapper{
        flex-direction:row;
        max-width:100%
    }
}

.shop-content{
    width:100%;
}

.shop-sidebar{
    width:100%;
    max-width:100%;
    flex-shrink:0;
    margin:0;
    margin-top:40px;
}

@media screen and (min-width : 580px) {
    
        
}

@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
   .shop-sidebar{
        max-width:220px;
        margin:0;
        margin-right:85px;
    }
}


.shop-sidebar-content .widgettitle{
    display:none;
}


.shop-sidebar-content > h2{
    position:relative;
    font-size:2rem;
    font-weight:700;
    margin-bottom:30px;
    color:#ff9cbc;
}

.shop-sidebar-item{
    margin-bottom:55px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-sidebar-item{
        margin-bottom:90px;
    }
}

.shop-sidebar-item:last-child{
    margin:0;
}

.shop-sidebar-item .widget{
    margin:0;
}
.shop-sidebar-price .button{
    padding: 8px 24px!important;
    line-height: 1!important;
    font-size: 1.2rem!important;
    border-radius: 9999px!important;
    font-weight: 400!important;
    transition: all .3s ease-in-out;
    border-color: #ff9dbd!important;
    background-color: #ff9dbd!important;
    transition: all .3s ease;
    margin-top: 20px;
    color: #fff!important;
}

.shop-sidebar-price  .price_slider{
    height:2px!important;
}

.shop-sidebar-price .price_slider_amount{
    display: flex;
    text-align: left;
    flex-direction: column-reverse;
    justify-content: center;
        align-items: flex-start;
}

.shop-sidebar-price .price_label{
    margin:0;
    margin-top:20px;
    font-size:1.5rem;
    font-weight: 700;
    line-height:1;
}

.shop-sidebar-price .widget_price_filter form{
    margin:0;
    padding: 0px;
}

.shop-sidebar-price  .widget_price_filter .ui-slider-horizontal{
    height:4px;
    background: rgba(0,0,0,.1);
}

.shop-sidebar-price  .widget_price_filter .ui-slider .ui-slider-range, 
.shop-sidebar-price  .widget_price_filter .ui-slider .ui-slider-handle{
    background-color: #000000;
}

.shop-sidebar-price  .widget_price_filter .ui-slider .ui-slider-handle{
    width:11px;
    height:11px;
    background-color: #ff9cbc;
    margin-top: 0em!important;
}

.shop-sidebar-price  .widget_price_filter .ui-slider .ui-slider-handle:after{
    content:"";
    width:100%;
    height:100%;
    position:absolute;
    top:-1px;
    left:0;
    background-position: center;
    background-size:contain;
    background-repeat: no-repeat;
    pointer-events:none;
}

.shop-sidebar-price  .widget_price_filter .ui-slider .ui-slider-handle:last-child{
    margin-left: -.5em;
}

.shop-sidebar-price .widget_price_filter .price_slider_wrapper .ui-widget-content{
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-left:2px;
}

.shop-sidebar-cat ul li{
    padding:10px 0;
    border-bottom:1px solid #94c6c8;
    display: flex;
    justify-content: space-between;
    align-items:center;
    position:relative;
    padding-right:40px;
}

.shop-sidebar-cat ul li:last-child{
    border-bottom:0;
}

.shop-sidebar-cat ul li a{
    color:#000;
    font-size:1.4rem;
    font-weight:700;
}

.shop-sidebar-cat ul li span:after,
.shop-sidebar-cat ul li span:before{
    display:none;
}

.shop-sidebar-cat ul li span.wc-block-product-categories-list-item-count{
    width:32px;
    height:25px;
    background-color:#ff9dbd;
    border-radius:8px;
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    color:#fff;
    font-size:1.2rem;
    position:absolute;
    right:0;
    top:50%;
    transform:translateY(-50%);
}

.shop-sidebar-ad img{
    width:100%;
    max-width:220px;
}

.products-sorting{
    margin-bottom:40px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .products-sorting{
        margin-bottom:50px;
    }

}

.products-sorting .storefront-sorting{
    display: flex;
    align-items: center;
    justify-content: flex-end;
    justify-content: space-between;
    flex-direction: column;
}

@media screen and (min-width : 580px) {
     .products-sorting .storefront-sorting{
        flex-direction: row-reverse;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
   
}

.products-sorting .woocommerce-result-count{
    font-size:1.4rem;
    color:#000;
    font-weight:700;
    margin:0;
    margin-top:10px;
}

@media screen and (min-width : 580px) {
    .products-sorting .woocommerce-result-count{
        margin:0;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    

}

.products-sorting .woocommerce-ordering{
    margin:0;
}

.products-sorting  select.orderby{
    width: auto;
    border:0;
    padding: 0px 20px;
    padding-right: 40px;
    color: #000;
    height: 42px;
    border-radius:12px;
    background-color:#c9e8ea;
    font-size:1.4rem;
    font-weight:700;
    color:#000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/arrow-select.svg);
    background-position: right 20px center;
    background-size: 10px;
    background-repeat: no-repeat;
}

.products-grid .products{
    display: flex;
    flex-wrap: wrap;
    margin:-10px -5px;
}

@media screen and (min-width : 580px) {
    .products-grid .products{
        margin:-10px;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .products-grid .products{
        margin:-15px -30px;
    }
}

.products-grid .product{
    width:50%!important;
    padding:10px 5px;
}

@media screen and (min-width : 580px) {
    .products-grid .product{
        width:33.33%!important;
        padding:10px;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .products-grid .product{
        width:33.33%!important;
        padding:15px 30px;
    }
}


/* -------------------------------- */

.woocommerce-pagination{
    display: flex!important;
    width: 100%;
    justify-content: center;
    border:0!important;
    margin-top: 40px!important;
    overflow:hidden;
    width:100%;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .woocommerce-pagination{
        margin-top: 100px!important;
    }
}

.woocommerce-pagination .page-numbers{
    width:100%;
    position:relative;
}

.woocommerce-pagination .page-numbers li{
    margin:0 7px!important;
}

.woocommerce-pagination .page-numbers li .page-numbers{
    width:32px;
    height:32px;
    border:1px solid #6a9b88!important;
    border-radius:9999px;
    padding: 0px!important;
    margin:0!important;
    display: flex;
    align-items: center;
    justify-content: center;
    color:#6a9b88!important;
    transition:all .3s ease;
    font-weight:700;
    line-height: 1.5rem;
    font-size:1.5rem;
    opacity:1;
    background-color:#fff!important;
}

.woocommerce-pagination .page-numbers li .page-numbers:hover,
.woocommerce-pagination .page-numbers li .page-numbers.current{
   color:#fff!important;
   background-color:#6a9b88!important;
}

.woocommerce-pagination .page-numbers.next,
.woocommerce-pagination .page-numbers.prev{
    padding:0!important;
    text-indent:-9999px;
}

.woocommerce-pagination .page-numbers.next:after,
.woocommerce-pagination .page-numbers.prev:after{
    content:"";
    width:100%;
    height:100%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    background-size:18%;
    background-position:center;
    background-repeat:no-repeat;
}

.woocommerce-pagination .page-numbers.next:after{
    background-image: url(../images/arrow-next.svg);
}

.woocommerce-pagination .page-numbers.next:hover:after{
    background-image: url(../images/arrow-next-white.svg);
}

.woocommerce-pagination .page-numbers.prev:after{
    background-image: url(../images/arrow-prev.svg);
}

.woocommerce-pagination .page-numbers.prev:hover:after{
    background-image: url(../images/arrow-prev-white.svg);
}

/* ---------- Shop intern ------------------- */

body.single-product .site-main >  .product{
    width:100%!important;
    margin:0!important;
    padding:0!important;
}

.shop-intern{
    /*overflow:hidden;*/
}

.shop-intern .container{
    max-width:1090px
}

.shop-container{
    width: 100%;
    max-width: 680px;
    margin: 0 auto;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-container{
        max-width: 100%;
    }
}

.shop-intern-wrapper{
    display:flex;
    flex-direction:column;
    width:100%;
    
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-intern-wrapper{
        flex-direction:row;
    }
}

.shop-intern-item{
    width:100%;
    margin-bottom:25px;
    position:relative;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-intern-item{
        width:100%;
        margin-bottom:0px;
    }
}

/* ----------------- Zoom imagen interna ---------------- */

.easyzoom-flyout {
    overflow:hidden!important;
}
.easyzoom-flyout img {
    max-width: none;
    overflow:hidden!important;
}

.easyzoom {
    float: left;
}
.easyzoom img {
    display: block;
}


/* Shrink wrap strategy 2 */
.easyzoom {
    display: inline-block;
}
.easyzoom img {
    vertical-align: bottom;
}

.shop-intern-item:last-child{
    margin:0;
}

.premiun-course{
    position:absolute;
    left:0;
    top:5%;
    z-index:1;
}

.premiun-course img{
    width:140px;
}

.shop-intern-content{
    padding-top:0px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-intern-content{
        padding-top:10px;
    }

}

.shop-intern-content .product_title{
    font-size:3.2rem;
    font-weight:700;
    margin:0;
    margin-bottom:20px;
    color:#ff9cbc;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-intern-content .product_title{
        font-size:3.8rem;
    }

}

.shop-intern-content .price{
   margin-bottom: 25px!important;
    display:flex;
    align-items:center;
    flex-direction:row-reverse;
    justify-content: flex-end;
}

.shop-intern-content .price  span{
    margin-bottom: 0px!important;
}

.shop-intern-content .price-wrapper{
    margin-bottom: 25px!important;
}

.shop-intern-content .price-wrapper .price{
    margin-bottom:0!important;
}

.shop-intern-content .price,
.shop-intern-content .price span,
.shop-intern-content .price-wrapper span{
    font-size:2.8rem;
    font-weight:700;
    color:#badfd9;
    line-height:1;
}

.shop-intern-content .price del,
.shop-intern-content .price ins{
    opacity:1!important;
    color:#000!important;
}

.shop-intern-content .price del{
    margin-top:-2px;
}

.shop-intern-content .price del span{
    font-size:2rem;
    color:#000!important;
}

.shop-intern-content .price ins{
    margin:0;
    margin-right:10px;
}

.shop-intern-content .price-wrapper{
    display:flex;
    align-items:center;
}

.shop-intern-content .price-wrapper span.price-title{
    margin-right:10px!important;
}

.shop-intern-content.freebies-price .price{
    margin-bottom:25px!important;
        flex-direction: row;
            justify-content: flex-start;
}

.shop-intern-content.freebies-price .price span{
    margin:0!important;
        letter-spacing: 2px;
}

.shop-intern-content .woocommerce-product-details__short-description,
.shop-intern-content .woocommerce-product-details__long-description{
    margin-bottom:25px;
    font-size:1.4rem;
    font-weight: 400;
}

/*.shop-intern-content .woocommerce-product-details__short-description p{*/
/*    margin:0;*/
/*}*/

.shop-intern-content .woocommerce-product-details__long-description{
    margin-top:0;
}

.shop-intern-content .woocommerce-product-details__long-description p{
    margin-bottom:20px;
        
}

.licence-msj{
    white-space: nowrap;
}

.shop-intern-content .woocommerce-product-details__long-description ul,
.shop-intern-content .woocommerce-product-details__short-description ul{
    display:flex;
    flex-wrap:wrap;
    list-style: none;
    margin:0;
}

.shop-intern-content .woocommerce-product-details__short-description ul{
    flex-direction:column;
    margin-bottom:20px;
    margin-top:15px;
}

.shop-intern-content .woocommerce-product-details__long-description ul li,
.shop-intern-content .woocommerce-product-details__short-description ul li{
    width:50%;
    padding-right:18px;
    padding-left:25px;
    margin-bottom:20px;
    position:relative;
}

.shop-intern-content .woocommerce-product-details__short-description ul li{
    width:100%;
    margin-bottom:10px;
}

.shop-intern-content .woocommerce-product-details__short-description a{
    color:#ff9dbd!important;
        text-decoration: underline;
}

.shop-intern-content .woocommerce-product-details__long-description ul li:before,
.shop-intern-content .woocommerce-product-details__short-description ul li:before{
    content:"";
    position:absolute;
    top:3px;
    left:0;
    width:18px;
    height:18px;
    background-color:#fff;
    background-image: url(../images/check-content.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.shop-intern-content .woocommerce-product-details__short-description ul li:before{
    width:16px;
    height:15px;
    top:2px;
}

.shop-intern-content .single-product-wrap-title .yith-wcwl-add-to-wishlist{
    width:24px;
    height:24px;
}

.shop-intern-content form.cart{
    margin:0!important;
    padding:0!important;
    position:relative;
}

.shop-intern-whislist{
    position:absolute;
    bottom:0;
    right:8%;
    display:flex;
    align-items:center;
}

.shop-intern-whislist > h2{
    margin:0;
    margin-left:10px;
    font-size:1.4rem;
    font-weight:700;
    display:none;
}

@media screen and (min-width : 580px) {
    .shop-intern-whislist > h2{
        display:block;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    

}

.shop-intern-whislist .product-whislist{
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 9999px;
    border: 1px solid #6a9b88;
}
.shop-intern-content form.cart .variations{
    padding:0!important;
    margin:0!important;
    margin-bottom:30px!important;
    display:flex;
}

.shop-intern-content form.cart .variations .reset_variations{
    display:none!important;
}

.shop-intern-content form.cart .variations tr{
    margin-bottom:25px;
    display: flex;
    flex-direction: row;
    align-items:center;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .variable-item{
    box-shadow:none!important;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .variable-item.disabled{
    filter: grayscale(1);
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .variable-item.color-variable-item.disabled span.variable-item-span{
    background-color:#c0c0c0!important;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .variable-item span{
    transition:all .3s ease;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .variable-item span:after{
    box-shadow:none!important;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .variable-item-contents:after,
.shop-intern-content form.cart .variations tr .variable-items-wrapper .variable-item-contents:before{
    display:none;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .color-variable-item{
    border-radius: 9999px!important;
    border:0!important;
    width: 35px;
    height: 35px;
    margin: 5px 15px 5px 0;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .color-variable-item span{
    border-radius: 9999px!important;
    border:2px solid #fff;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .color-variable-item.selected span{
    border-color:#000;
}
.shop-intern-content form.cart .variations tr .variable-items-wrapper .button-variable-item{
    
    height:38px;
    margin:-1px;
    padding:0;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .button-variable-item span{
     border:1px solid #ff9dbd;
     width:100%;
     font-size:1.5rem;
     height: 35px;
     padding:0 25px!important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight:700;
}

.shop-intern-content form.cart .variations tr .variable-items-wrapper .button-variable-item.selected span{
    background-color:#ff9dbd;
    color:#fff;
}

.woocommerce-variation-description p{
        margin-bottom: 25px;
    font-size: 1.4rem;
    font-weight: 700;
}

.woo-selected-variation-item-name{
    display:none;
}

.shop-intern-content form.cart .variations tr:last-child{
    margin:0;
}

.shop-intern-content form.cart .variations tr .label{
    line-height: 1;
    min-width:60px;
    flex-shrink:0;
}

.shop-intern-content form.cart .variations tr .label label,
.shop-intern-content form.cart .variations tr .label span{
    font-size:1.3rem;
    font-weight:700;
    margin:0px;
    margin-right:16px;
    flex-shrink:0
}

.shop-intern-content form.cart .variations tr td.value{
    margin:0;
    width:100%!Important;
}

tbody{
    width:100%;
}

.shop-intern-content form.cart .variations tr td.value select{
    width:100%;
    max-width:90%;
    border: 1px solid #ff9dbd;
    padding: 0px 20px;
    padding-right: 40px;
    color: #000;
    height: 32px;
    border-radius: 0px;
    background-color: #fff;
    font-size: 1.3rem;
    font-weight: 700;
    color: #000;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select-variation.svg);
    background-position: right 20px center;
    background-size: 15px;
    background-repeat: no-repeat;
}

.shop-intern-content .woocommerce-variation-add-to-cart,
.shop-intern-content form.cart{
    display: flex;
    flex-direction: column;
    
}



.shop-intern-content .woocommerce-variation-add-to-cart,
.shop-intern-content form.cart:not(.variations_form){
    background: #fff;
    padding: 10px!important;
    display: flex;
    flex-direction: column;
    position: relative;
    align-items:flex-start;
    padding: 0!important;
}



.shop-intern-content .woocommerce-variation-add-to-cart .qib-container,
.shop-intern-content form.cart .qib-container{
    height:53px;
    flex-shrink:0;
    margin:0;
    margin-bottom:20px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-intern-content .woocommerce-variation-add-to-cart .qib-container,
    .shop-intern-content form.cart .qib-container{
        height:35px;
        margin:0;
        margin-bottom: 15px;
    }
}

.shop-intern-content .single_add_to_cart_button{
    margin:0!important;
    height:38px!important;
    display:flex!important;
    align-items:center;
    justify-content:center;
    color: #fff!important;
    border: 1px solid #ff9dbd!important;
    background-color: #ff9dbd!important;
    border-radius:9999px;
    font-weight:400;
    font-size:1.6rem;
    transition:all .3s ease;
    position:relative;
    width:auto;
    padding:0 35px;
    padding-right:50px;
}

.shop-intern-content .single_add_to_cart_button:before {
    content: "";
    width: 18px;
    height: 18px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/cart-icon-white.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.shop-intern-content  .single_add_to_cart_button span{
    color:#fff;
    background-color:#ff9dbd;
    width:26px;
    height:26px;
    position:absolute;
    top:4px;
    right:15px;
    display:flex;
    margin:0;
    border-radius:50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.shop-intern-content .single_add_to_cart_button > span:before{
    position:absolute;
    top:50%;
    left:50%;
    width: 25px;
    height: 25px;
    transform:translate(-50%,-50%);
}

.shop-intern-content .single_add_to_cart_button > span.xoo-wsc-active{
    animation:none;
}

.shop-intern-content .single_add_to_cart_button > span.xoo-wsc-active:before{
    content:"";
    background-position:center;
    background-repeat:no-repeat;
    background-image: url(../images/loader-btn.gif)!important;
    background-size: 75%!important;
 
}

.shop-intern-content .single_add_to_cart_button > span.xoo-wsc-icon-checkmark:before{
    content:"";
    background-position:center;
    background-repeat:no-repeat;
    background-image: url(../images/check-white.svg)!important;
    background-size: 65%!important;
}

.shop-intern-content .qib-container{
    margin-bottom:35px;
}

/* --------------------------------------- */

.qib-container{
    padding:4px 20px;
    background:#fff;
    border:2px solid #ff9dbd;
    display: flex!important;
    align-items: center;
    height:44px!important;
    justify-content:center;
    border-radius:9999px;
    width:100%;
    max-width:240px;
}

.qib-container:before{
    content:"Cantidad";
    font-size:1.8rem;
    color:#000;
    margin-right:40px;
    font-weight:700;
}


.qib-container .qib-button,
.qib-container .input-text{
    border:0!important;
    background-color:transparent!important;
    color:#000!important;
    font-size:1.8rem!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
    position:relative;
    font-weight:700;
}

.qib-container .input-text{
    width:35px!important;
}

.qib-container .qib-button{
    width:20px!important;
}

.qib-container .qib-button:before{
    content:"";
    position:absolute;
    top:0%;
    left:0%;
    width:100%;
    height:100%;
    background-color:#fff;
    background-image: url(../images/arrow-select.svg);
    background-position: center;
    background-size: 70%;
    background-repeat: no-repeat;
}

.qib-container .qib-button.minus{
    transform: rotate(90deg);
}

.qib-container .qib-button.plus{
    transform: rotate(-90deg);
}

.shop-intern-share{
    margin-top:20px;
    display:flex;
    align-items: center;
}

.shop-intern-share > h2{
    margin:0;
    margin-right:6px;
    font-size:1.4rem;
    font-weight:700;
}

.shop-intern-share .a2a_kit{
    display:flex;
    align-items: center;
    justify-content:center;
}

.shop-intern-share .a2a_kit a{
    display:flex;
    align-items: center;
    margin: 0 -2px;
}

.shop-intern-share .a2a_kit .a2a_svg{
    background-color:transparent!important;
    height: 25px!important;
    width: 25px!important;
}


.shop-intern-share .a2a_kit .a2a_svg svg path{
    fill: #ff9dbd!important;
}

.shop-intern-gallery{
    max-width:100%;
    margin-right:0px;
    flex-shrink:0;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .shop-intern-gallery{
        max-width:510px;
        margin-right:50px;
    }
}

.product-carousel {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: center;
    height: auto;
    position: sticky;
    top: 90px;
}

.product-carousel-nav {
    width: 24%;
    margin-right: 30px;
    padding-right:20px;
    display: none;
    position:relative;
    flex-shrink:0;
}

@media screen and (min-width: 580px) {
    .product-carousel {
        height: 390px;
    }
    .product-carousel-nav {
        display: block;
        
    }
}

@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.product-carousel img{
    
}
.product-carousel-nav:after{
    content:"";
    position:absolute;
    bottom:0;
    left:0;
    background-color:#fff;
    height:30px;
    width:100%;
    display:none;
}

.product-carousel-nav .slick-slide{
    height: 33.33%;
    border: 0;
    cursor: pointer;
   
}

.product-carousel-nav-image{
    width: 100%;
    height: 100%;
    padding:4px 0;
}

.product-carousel-nav img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .3s ease-in-out;
    border-radius:8px;
}

.product-carousel-nav,
.product-carousel-nav .slick-list,
.product-carousel-nav .slick-track{
    height: 100%!important;
}

.product-carousel-slider{
    margin:0!Important;
    border-radius: 8px;
    overflow: hidden;
}

.product-carousel-slider-wrapper {
    width: 100%;
    position: relative;
    padding:5px 0;
}

@media screen and (min-width: 580px) {
    .product-carousel-slider-wrapper {
        min-width: 76%;  
        
    }
}

@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.product-carousel-zoom{
    position:absolute;
    top:6%;
    right:6%;
    width:20px;
    height:20px;
    background-image: url(../images/search-icon.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    z-index:99;
    pointer-events:none;
}

.product-carousel-slider .slick-dots li{
   margin-top:40px;
}

.product-carousel-slider .slick-slide{
    /* margin: 0 5px; */
    margin: 0;
}

.product-carousel-slider .slick-slide.slick-current {

}

.product-carousel-slider img {
      /*width: 100%; */
    margin: 0 auto;
    /* height: 100%; */
    object-fit: cover;
}

.product-carousel-slider-wrapper,
.product-carousel-slider,
.product-carousel-slider .slick-list,
.product-carousel-slider .slick-track,
.product-carousel-slider .slick-slide{
    height: 100%;
}

.section-related{
    padding:0;
    padding-bottom:0rem;
    margin-top:55px;
    overflow:visible;
}
@media screen and (min-width: 580px) {
   
}

@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .section-related{
        margin-top:120px;
         padding-bottom:4rem;
    }
}

.section-related .product-related{
    display: flex;
    
}

.product-related-shape{
    margin-right:70px;
    flex-shrink:0;
    padding-top:6%;
    display:none;
}

@media screen and (min-width: 580px) {
   
}

@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .product-related-shape{
        display:block;
    }
}

.product-related-shape img{
    width:220px;
}

.section-related .section-title{
    padding:0;
}

.section-related .section-title:after,
.section-related .section-title:before{
    display:none;
}

.section-related .related.products > h2{
    display:none;
}

.section-related  ul.products{
    display:flex;
    flex-wrap:wrap;
    margin: -5px!important;
    justify-content: center;
}

@media screen and (min-width: 580px) {
    .section-related  ul.products{
        margin: -10px!important;
    }

}

@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
   .section-related  ul.products{
        margin: -15px -30px!important;
    }

}

.section-related  ul.products li.product{
    width: 50%!important;
    margin:0!important;
    padding: 5px;
}

@media screen and (min-width: 580px) {
    .section-related  ul.products li.product{
        width: 25%!important;
        padding: 10px;
    }
}

@media screen and (min-width: 980px)  {
   

}

@media screen and (min-width: 1280px) {
    .section-related  ul.products li.product{
        padding: 15px 30px;
         width: 33.33%!important;
    }
}

.section-related .product-related > .related{
    margin:0!important;
    width:100%;
}

/* ------------- Cursos ---------------- */

.course-grid{
    flex-direction:column;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .course-grid{
        flex-direction:row-reverse;
    }
}

.course-grid .shop-intern-gallery{
    margin:0;
    margin-bottom:40px;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .course-grid .shop-intern-gallery{
        margin:0;
        margin-left:50px;
    }
}

.course-grid .shop-intern-whislist > h2{
    display:none;
}

@media screen and (min-width : 580px) {
    .course-grid .shop-intern-whislist > h2{
        display:block;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .course-grid .shop-intern-whislist > h2{
        display:none;
    }
}

.course-grid .shop-intern-whislist{
    bottom: 2%;
    right: 10%;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .course-grid .shop-intern-whislist{
        right: 40%;
        bottom: 5%;
    }
}

.course-meta{
    margin:40px 0;
    margin-top:20px;
    display:flex;
    align-items:center;
}

.course-meta-content{
     display:flex;
    align-items:center;
}

.course-meta-item{
    margin-right:40px;
}

.course-meta-content img{
    width:25px;
    height:25px;
    margin-right:15px;
}

@media screen and (min-width : 580px) {
    .course-meta-content img{
        width:35px;
        height:35px;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.course-meta-content > h2{
    margin:0;
    color:#badfd9;
    font-weight:700;
    font-size:2rem;
}

@media screen and (min-width : 580px) {
    .course-meta-content > h2{
        font-size:2.4rem;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}


.course-wrapper{
    display:flex;
}

.course-image{
    width:50%;
    flex-shrink:0;
    margin-right:40px;
    display:none;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .course-image{
        display:block;
    }
}

.course-image img{
    width:100%;
        border-radius: 12px;
}

.course-content{
    width:100%;
    padding:0;
    display:flex;
    justify-content:center;
}

@media screen and (min-width : 580px) {
    
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .course-content{
        width:50%;
        padding:0 25px;
        padding-right:10px;
    }
}

.course-accordion{
    width:100%;
    margin-top:-22px;
}

.course-accordion .card{
    border:0;
    border-radius:0;
}

.course-accordion .card-header{
    padding:0;
    border:0;
    background-color:#fff;
    border-radius:0;
}

.course-accordion .card-header span{
    padding:22px 0;
    display:flex;
    width:100%;
    cursor:pointer;
    border-bottom:1px solid #94c6c8;
    font-size:1.8rem;
    color:#ff9cbc;
    font-weight:700;
    position:relative;
}

@media screen and (min-width : 580px) {
    .course-accordion .card-header span{
        font-size:2.2rem;
    }
}
@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    
}

.course-accordion .card-header span:after{
    content:"";
    position:absolute;
    top:50%;
    right:20px;
    width:25px;
    height:25px;
    background-image: url(../images/select-variation.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

.course-accordion span[aria-expanded="true"]:after{
    transform:translateY(-50%) scaleY(-1);
}

.course-accordion span[aria-expanded="false"]:after{
    transform:translateY(-50%) scaleY(1);
}

/*.course-accordion .card:first-child .card-header span{*/
/*    padding-top:0;*/
/*}*/

.course-accordion .card:last-child .card-header span{
    border-bottom:0;
}

.course-accordion .card-body{
    padding:22px 0;
    font-size:1.35rem;
    font-weight:700;
        text-align: justify;
}
.course-accordion .card:last-child .card-body{
    border-top:1px solid #94c6c8;
}

/* ------------ Legales ---------------- */

.page-legal .container{
    max-width:980px;
}

.text-legal{
    font-size:1.5rem;
    line-height:1.5;
    text-align: justify;
}

.text-legal h2{
    margin:20px 0;
    text-transform:uppercase;
    font-size: 2rem;
    font-weight:700;
}

.text-legal ol,
.text-legal ul{
    margin-left:16px;
}

.text-legal ol li,
.text-legal ul li{
    margin-bottom:10px;
}

.text-legal a{
    font-weight:700;
    color:#ff9dbd;
}

.form-group-wrapper h2{
    margin-bottom: 15px;
    font-size: 2rem;
    font-size: 1.6rem;
    font-weight: 900;
}


.libro-reclamaciones-form .form-row{
    margin:0;
    display: grid;
    grid-template-columns: repeat(1,1fr);
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-bottom:20px;
    width:100%;
}

@media screen and (min-width : 580px) {
    .libro-reclamaciones-form .form-row{
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    
}



.libro-reclamaciones-form .form-row .form-group{
    margin: 0;
}

.libro-reclamaciones-form .form-group-wrapper{
    margin-bottom:30px;
    font-size: 1.5rem;
}

.libro-reclamaciones-form .form-group-wrapper-last{
    margin:0;
}

.libro-reclamaciones-form br{
    display:none;
}

.libro-reclamaciones-form .small,
.libro-reclamaciones-form small{
   font-weight: 100;
    font-size: 12px;
    margin-top: 10px;
    display: block;
}

.libro-reclamaciones-form .wpcf7-list-item-label{
    margin:0;
}

.libro-reclamaciones-form input::-webkit-outer-spin-button,
.libro-reclamaciones-form input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.libro-reclamaciones-form input[type=number] {
  -moz-appearance: textfield;
}


.form-group-check span{
    margin:0;
    margin-bottom:10px;
    font-size:1.4rem;
}

@media screen and (min-width : 580px) {
    .form-group-check span{
        margin:0;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    
}

.form-group-check span:last-child{
    margin:0;
}

.form-group-check .wpcf7-list-item label{
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    margin:0;
    margin-right: 40px;
}

.form-group-check .wpcf7-list-item input{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width:20px!important;
    height:20px!important;
    padding:0;
    flex-shrink: 0;
    position:relative;
    margin-right:10px!important;
    cursor:pointer;
}

.form-group-check .wpcf7-list-item input::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition:all .3s ease;
    border:1px solid #ccc;
    background-size: 65%;
    background-repeat: no-repeat;
    background-position: center;
}

.form-group-check .wpcf7-list-item input:checked::before{
    background-image: url(../images/check-white.svg);
    background-color:#ff9dbd;
    border-color:#ff9dbd;
}

.libro-reclamaciones-form .wpcf7-response-output{
    margin:0px!important;
    margin-top:20px!important;
}

.libro-reclamaciones-form  form.wpcf7-form {
    position:relative;
    margin:0!important;
    display:block;
}

.libro-reclamaciones-form  form.submitting:after{
    content:"";
    width:100%;
    height:100%;
    background-color:rgba(255,255,255,.8);
    position: absolute;
    top:0;
    left:0;
    background-image: url(../images/loader.gif);
    background-size: 20%;
    background-repeat: no-repeat;
    background-position: center;
    z-index:2;
}

.libro-reclamaciones-form  form.wpcf7-form .ajax-loader{
    display:none!important;
}

.libro-reclamaciones-form .form-group-info{
    display:flex;
    flex-direction:column;
}


.libro-reclamaciones-form .form-group-info span{
    margin-bottom:10px;
}


.libro-reclamaciones-form .form-group-info span:last-child{
    margin:0;
}

.form-group-wrapper-title{
    height: 26px!important;
    position: relative!important;
    overflow: hidden!important;
    margin-bottom: 15px;
}

.form-group-wrapper-title > div{
    transform: none!important;
    background-color: #fff!important;
    margin: 0!important;
    padding: 0!important;
    height: 100%!important;
    position:absolute;
    top:0;
    transition:none!important;
    opacity:1;
    visibility:visible;
}

.form-group-wrapper-title > div h2{
    margin:0;
}
.form-group-wrapper-title > div.wpcf7cf-hidden{
    opacity:0;
    visibility:hidden;
}

.libro-reclamaciones-form  .form-group > label{
    justify-content: flex-start;
    margin-bottom: 8px;
    font-size: 1.4rem!important;
    color: #000!important;
    font-weight: 500;
}

.libro-reclamaciones-form  .form-group > label > span,
.libro-reclamaciones-form  .form-group > [data-class="wpcf7cf_group"] > label > span{
    width:auto;
    margin-left:2px;
    color:#ffc6c4;
}

.libro-reclamaciones-form .form-group .wpcf7-not-valid {
    border-color: #fc7373!important;
}

.libro-reclamaciones-form .wpcf7-not-valid-tip{
    display:none!important;
}

.form-group-button .btn{
    width:100%;
}

@media screen and (min-width : 580px) {
  
}
@media screen and (min-width: 980px) {
   
}

@media screen and (min-width: 1280px) {
    .form-group-button .btn{
        width:auto;
    }
}

#tipo_respuesta{
    height:65px;
    position:relative;
}
#tipo_respuesta [data-class="wpcf7cf_group"]{
    position:absolute;
    top:0;
    height:100%!Important;
    width:100%;
    margin:0!important;
    padding:0!important;
    opacity:1;
    visibility:visible;
    background-color: #fff!important;
}
 
#tipo_respuesta [data-class="wpcf7cf_group"].wpcf7cf-hidden{
    opacity:0;
    visibility:hidden;
}

.libro-reclamaciones-info{
    margin: 20px 0;
    line-height: 1.2;
    font-size: 1.4rem;
    text-align: justify;
}

.libro-reclamaciones-info p{
    margin-bottom:20px;
    line-height: 1.4;
}

.libro-reclamaciones-info p span{
    color:#ffc6c4;
}

.libro-reclamaciones-info br{
    display:block;
}

.libro-reclamaciones-section{
    display: flex;
    justify-content: center;
    margin-top: 15px;
}

.libro-reclamaciones-section img{
     max-width: 125px;
    border-radius: 8px;
    background-color:#fff;
    padding: 4px;
}

.page-info-wrapper{
    width:100%;
    max-width:100%;
    margin:0 auto;
    text-align: justify;
}

@media screen and (min-width: 580px) {
    .page-info-wrapper{
        max-width:720px;
    }

}

@media screen and (min-width: 980px) {
    
}

@media screen and (min-width: 1280px) {
    .page-info-wrapper{
        max-width:960px;
    }

}


.no-enocontrado{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding-bottom: 8rem;
    padding-top: 8rem;
}

.no-enocontrado h2{
    font-size: 2.5rem;
    margin-bottom:25px;
    font-weight:900;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .no-enocontrado h2{
        font-size: 4.375rem;
    }
}

.no-enocontrado p{
    margin-bottom:40px;
}

body.error404 .banner{
    display:none!important;
}

/* ------------------------- */

.dropdown-search{
    position:absolute;
    left:-35px;
    top:160%;
    min-width:320px;
    z-index: 16000001;
    margin-top: 10px;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transition:all .3s ease;
}

.icon-search:hover .dropdown-search{
    opacity: 1;
    visibility: visible;
}
.dropdown-search:after {
    content: "";
    position: absolute;
    top: 0rem;
    left: 2rem;
    margin-right: 5.76px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 5rem;
    height: 3rem;
    margin-top: -2rem;
    width: 5rem;
    opacity: .25;
    z-index: 9999;
        
}

.dropdown-search-wrapper{
    position:relative;
    box-shadow: 0 2px 10px 0 rgb(176 176 176 / 20%);
   
    padding:8px 12px;
}

.dropdown-search-wrapper::before,
.dropdown-search-wrapper::after {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
}

.dropdown-search-wrapper::before {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid rgb(176 176 176 / 10%);
  top: -9.8px;
  left: 36px;
}

.dropdown-search-wrapper::after {
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-bottom: 9px solid #fff;
  top: -8px;
  left: 37px;
}

.search .woocommerce-product-search{
    display:flex;
    height: 40px;
    margin:0;
    position:relative;
}

.search .woocommerce-product-search input{
    width:100%;
    padding:0!important;
    padding-right:40px!important;
    height: 100%;
    border:0!important;
}

.search .woocommerce-product-search input.search-field,
.search .woocommerce-product-search input.search-field::placeholder{
    font-size:1.3rem!important;
    font-weight:400!important;
}

.search .woocommerce-product-search .search-button{
    width:40px;
    height:40px;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    right:0;
    padding:0;
    background-color:#fff;
    background-image: url(../images/search-icon.svg);
    background-position: center;
    background-size: 50%;
    background-repeat: no-repeat;
}


.menu-sidebar{
    height:100%;
    position:fixed;
    top:0;
    left:0;
    width: 80%;
    background-color: #fdeaeb;
    box-shadow: 0 2px 10px 0 rgb(176 176 176 / 20%);
    z-index:1001;
        padding: 2.5rem 1.875rem 1.875rem;
    opacity:0;
    visibility:hidden;
    transform:translateX(-100%);
    transition:all .3s ease;
}


.menu-sidebar.active{
     opacity:1;
    visibility:visible;
    transform:translate(0%)!important;
}


.menu-sidebar-overlay,
.menu-header-overlay{
    width:100%;
    height:100%;
    position:fixed;
    top:0;
    left:0;
    background-color:rgba(0,0,0, .7);
    z-index:1000;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
    /*backdrop-filter: blur(5px);*/
}

.menu-sidebar-overlay.active,
.menu-header-overlay.active{
     opacity:1;
    visibility:visible;
}

.menu-header-overlay{
    z-index:10;
}

.menu-sidebar-wrapper{
    height: 100%;
    display: flex;
    flex-direction: column;
}

.menu-sidebar-wrapper > h2{
    text-transform:uppercase;  
    font-weight:700;
    font-size:1.8rem;
    flex-shrink: 0;
    margin-bottom:25px;
    color:#6a9b88;
}

.menu-sidebar-content{
   height: 100%;
   overflow:auto;
}


.page-toggle{
    width: 30px;
    cursor: pointer;
    z-index: 1001;
    position:relative;
        transform: scale(.8);
}

.one, .two, .three {
    width: 100%;
    height: 1px;
    margin: 8px auto;
    backface-visibility: hidden;
    -moz-transition-duration: 0.2s;
    -o-transition-duration: 0.2s;
    -webkit-transition-duration: 0.2s;
    transition-duration: 0.2s;
    background-color: #6a9b88;
}

.page-toggle.on .one {
    transform: rotate(45deg) translate(6px, 6px);
}

.page-toggle.on .two {
    opacity: 0;
}

.page-toggle.on .three {
    transform: rotate(-45deg) translate(7px, -7px);
}

.menu-sidebar-item{
    margin-top:25px;
    padding-top:25px;
    border-top:1px solid #6a9b88;
}

.menu-sidebar-item:first-child{
    margin:0;
    padding:0;
    border:0;
}
.menu-sidebar-mobile .sub-menu{
    height:0;
    opacity:0;
    visibility:hidden;
}

.menu-sidebar-mobile .menu-open .sub-menu {
 height:auto;
  z-index: 10;
  opacity:1;
    visibility:visible;
}

.menu-sidebar-item-general ul{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:flex-start;
}

.menu-sidebar-item-general ul.menu > li{
    position:relative;
    margin-bottom:20px;
    width:100%;
    max-width:420px;
}

.menu-sidebar-item-general ul.menu > li:last-child{
    margin:0;
}

.menu-sidebar-item-general ul.menu > li > a{
    padding-right:25px;
    position:relative;
    font-size:1.8rem;
    font-weight:900;
    text-transform:uppercase;
    color:#6a9b88;
    font-weight:900;
}

.menu-sidebar-item-general ul.menu > li.menu-item-has-children > a:after{
        content: "";
    position: absolute;
    top: 30%;
    right: 0;
    width: 12px;
    height: 12px;
    background-image: url(../images/select-variation.svg);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    transition: transform .3s ease;
}

.menu-sidebar-item-general ul.menu > li.menu-open > a:after{
        transform: scaleY(-1);
}

.menu-sidebar-item-general ul.menu > li.menu-item-has-children .sub-menu{
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin:0;
}

.menu-sidebar-item-general ul.menu > li.menu-item-has-children .sub-menu > li{
    width:50%;
    padding-top:20px;
}

.menu-sidebar-item-general ul.menu > li.menu-item-has-children .sub-menu > li a{
    padding:0 20px;
    color:#6a9b88;
    font-size:1.5rem;
}

.menu-sidebar-item-legal ul li{
    margin-bottom:15px;
}

.menu-sidebar-item-legal ul li a{
    font-size:1.4rem;
    color:#6a9b88;
}

.menu-sidebar-mobile .social{
    display:flex;
    align-items:center;
    margin-top:40px;
}

.menu-sidebar-mobile .social li{
    margin-right:16px
}

.menu-sidebar-mobile .social li img{
    width:25px;
    height:25px;
}

.menu-sidebar-close{
        position: absolute;
    top: 45px;
    left: -45px;
    width: 20px;
    height: 20px;
    
}

.menu-sidebar-close:after{
     content:"";
    width: 100%;
    height:100%;
    position: absolute;
    top:0;
    left: 0;
    background-image: url(../images/close-light.svg);
    background-position: center;
    background-size: 100%;
    background-repeat: no-repeat;
    opacity:0;
    visibility:hidden;
    transition:all .3s ease;
}

.menu-sidebar.active .menu-sidebar-close:after{
     opacity:1;
    visibility:visible;
    transition-delay:.3s;
}

.menu-sidebar-left .menu-sidebar-close {
    right: -45px;
    left: auto;
}

#menu-mobile .menu-sidebar-wrapper > a img {
    width: 60px;
    margin-bottom: 25px;
}

#menu-search{
    width: 100%;
    height: auto;
    transform: translateY(-100%);
    padding:0;
    z-index: 1001;
    box-shadow: 0 2px 10px 0 rgb(176 176 176 / 20%);
    padding: 8px 12px;
    background-color:#fff;
    height:65px;
}

#menu-search .menu-sidebar-wrapper{
    padding-top:0;
    display: flex;
    justify-content: center;
}

#menu-search .menu-sidebar-close{
    
    left:auto;
    right:22px;
    top:50%;
    transform:translateY(-50%);
    z-index: 1;
    width: 18px;
    height: 18px;
    
}

#menu-search .menu-sidebar-close:after{
    top: 50%;
    transform: translateY(-50%);
    background-image: url(../images/close-search.svg);
}

#menu-search .search .woocommerce-product-search .search-button{
    left:0;
}

#menu-search .search .woocommerce-product-search .search-field{
    padding:0 40px!important;
}

#menu-search .search .woocommerce-product-search .search-field,
#menu-search .search .woocommerce-product-search .search-field::placeholder{
    font-size: 1.6rem!important;
}

/* ------------------ Sobre mi ------------------ */

.sobre-mi-section .container{
    max-width:1100px;
}

.sobre-mi{
        display: flex;
    position: relative;
    flex-direction: column-reverse;
    align-items: center;
    max-width: 480px;
    margin: 0 auto;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .sobre-mi{
        max-width: 100%;
        margin: 0;
        flex-direction: row;
    }
    

}

.sobre-mi:after{
    content: "";
    position: absolute;
    bottom: -5%;
    right: 0%;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 390px;
    height: 190px;
    background-image: url(../images/shop-shape.svg);
    display:none;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .sobre-mi:after{
        display:block;
    }
}

.sobre-mi-content{
    width:100%;
    max-width:100%;
}

@media screen and (min-width : 580px) {
   .sobre-mi-content{
        margin:0 auto;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .sobre-mi-content{
        margin:0;
        max-width:610px;
    }
}

.sobre-mi-content-wrapper{
    text-align:center;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .sobre-mi-content-wrapper{
        text-align:left;
    }
}

.sobre-mi-content-wrapper h2{
    font-size:2.6rem;
    color:#ff9cbc;
    margin-bottom:20px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .sobre-mi-content-wrapper h2{
        font-size:5rem;
    }
}

.sobre-mi-content-wrapper p{
    margin:0;
    padding:25px;
    border:1px solid #ff9cbc;
    border-radius:12px;
    font-size:1.5rem;
    background-color:#fff;
}

@media screen and (min-width : 580px) {
   .sobre-mi-content-wrapper p{
        padding:50px 58px;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    
}

.sobre-mi-content-wrapper p a{
    color:#ff9cbc;
    text-decoration:underline;
}

.sobre-mi-image{
    width:100%;
    max-width:500px;
    flex-shrink:0;
    position:relative;
    right:0;
    top:0;
    z-index:-1;
    margin-bottom:40px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .sobre-mi-image{
        max-width:500px;
        position:absolute;
        margin:0;
    }
}

.sobre-mi-image img{
    width:100%;
}

body.woocommerce-checkout{
    opacity:1!important;
}

/* ----------------- Linktree --------------------*/

body.page-linktree {
    background-color:#fcfcfc!important;
}

body.page-linktree header,
body.page-linktree footer,
body.page-linktree .banner,
body.page-linktree .top-bar{
    display:none!important;
}

body.page-linktree .page-wrapper{
    padding:0;
}

.linktree{
    display:flex;
    flex: 1 1 0%;
    flex-direction: column;
    -webkit-box-pack: justify;
    justify-content: space-between;
    height: 100%;
    width: 100%;
    min-height: 100vh;
    overflow:hidden;
}

.linktree .container{
    max-width: 680px;
}

.linktree-header{
    width:100%;
    height:80px;
    background-image: url(../images/triangles-linktree.png);
    background-position: center bottom;
    background-size: cover;
    background-repeat: no-repeat;
}

@media screen and (min-width : 580px) {
    .linktree-header{
        height:110px;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    
}

.linktree-content{
    padding:45px 0;
    position:relative;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .linktree-content{
        padding:80px 0;
    }
}

.linktree-content:after{
    content: "";
    position: absolute;
    bottom: 0vh;
    left: 0;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 50vw;
    height: 235px;
    background-image: url(../images/linktree-shape.svg);
    z-index: -1;
}

@media screen and (min-width : 580px) {
   .linktree-content:after{
        width: 320px;
        bottom: 10vh;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    
}

.linktree-user{
    display:flex;
    flex-direction:column;
    justify-content: center;
    align-items:center;
    text-align:center;
    width: 100%;
    margin-bottom:50px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
   .linktree-user{
        flex-direction:row;
        align-items:flex-end;
        text-align:left;
        margin-bottom:65px;
    }
}

.linktree-user-thumbnail{
    width:130px;
    height:130px;
    border:5px solid #badfd9;
    border-radius:9999px;
    overflow:hidden;
    margin-bottom:20px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .linktree-user-thumbnail{
        width:185px;
        height:185px;
        margin-bottom:0px;
        border:8px solid #badfd9;
    }
}

.linktree-user-thumbnail img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.linktree-user-content{
    margin:0px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .linktree-user-content{
        margin-left:40px;
    }
}

.linktree-user-logo{
    margin: 0;
    transform: translateY(0px);  
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .linktree-user-logo{
        margin: 0;
        margin-left: 45px;
        transform: translateY(-30px);  
    }
}

.linktree-user-logo img{
    width:180px;
}

@media screen and (min-width : 580px) {
   .linktree-user-logo img{
        width:200px;
    }
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .linktree-user-logo img{
        width:230px;
    }
}


.linktree-buttons{
    display:flex;
    flex-direction:column;
    width:100%;
}

.linktree-buttons .linktree-btn{
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    height:56px;
    padding:0 90px;
    color:#fff;
    font-size:1.6rem;
    background-color:#ff9cbc;
    border-radius:9999px;
    margin-bottom:20px;
    transform:scale(1);
    transition: box-shadow 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, border-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, transform 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s, background-color 0.25s cubic-bezier(0.08, 0.59, 0.29, 0.99) 0s;
}


.linktree-buttons .linktree-btn:hover{
    transform:scale(1.05);
}

.linktree-buttons .linktree-btn:last-child{
    margin:0;
}

.linktree-buttons .linktree-btn img{
    width:32px;
    height:32px;
    margin-right:20px;
}

.linktree-btn-wrapper{
    display:flex;
    align-items:center;
    justify-content:flex-start;
    width:100%;
    max-width:145px;
}

.linktree-footer{
    padding:45px 0;
    background-color:#febdd2;
    background-image: url(../images/shape-worm.png);
    background-position: center;
    background-size: 300%;
    background-repeat: repeat;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .linktree-footer{
        padding:75px 0;
        background-size: 150%;
    }

}

.linktree-footer .social{
    display:flex;
    align-items:center;
        margin: 0 auto;
}

.linktree-footer .social li{
    margin:0 10px;
}

.linktree-footer .social li a img{
    width:45px;
    height:45px;
}

@media screen and (min-width : 580px) {
   
}
@media screen and (min-width: 980px) {

}

@media screen and (min-width: 1280px) {
    .linktree-footer .social li a img{
        width:50px;
        height:50px;
    }
}