/* Add here all your CSS customizations */


@font-face {
    font-family: 'Bread';
    src: url('fonts/Maheera.eot'), url('fonts/Maheera.otf'), url('fonts/Maheera.ttf'), url('fonts/Maheera.woff');
}
 
@font-face {
    font-family: 'Quicksand';
    src: url('fonts/Quicksand_Book.eot'), url('fonts/Quicksand_Book.otf'), url('fonts/Quicksand_Book.ttf'), url('fonts/Quicksand_Book.woff');
}
@font-face {
    font-family: 'pacifico';
    src: url('fonts/pacifico.eot'), url('fonts/pacifico.otf'), url('fonts/pacifico.ttf'), url('fonts/pacifico.woff');
}  



body, html, p, h1, h2, h3, h4, h5{
    font-family: 'Quicksand' !important;
    list-style: 1.2em;
}

p{
    font-size: 1.3em;
    line-height: 1.0em;
}

.bread{
    font-family: 'Bread' !important;
}

.header-top{
    background-color: #eeabca;
    color:#FFF;
}

.text-center{
    text-align: center !important;
}

.link-black{
    color:#000;
}

.link-black:hover{
    color:#eeabca;
}

.cart-icon{
    color:#000;
    font-size: 20px;
}

.header-nav-bar-top-border, .header-nav-links{
    background-color: #8a7da3;
}

#header .header-nav.header-nav-links:not(.header-nav-light-text) nav > ul > li > a, #header .header-nav.header-nav-line:not(.header-nav-light-text) nav > ul > li > a{
    color:#FFF !important;
}

.header-btn-collapse-nav{
    background-color: #eeabca !important;
    border:solid 1px #eeabca;
}
.header-btn-collapse-nav:hover, .header-btn-collapse-nav:active{
    border:solid 1px #eeabca;
}

.about-section{
    padding: 60px 0px;
}

.text-about{
    
    font-size: 4.0em;
    color:#e4dfed;
    line-height: 0.8em;
}


.text-about-2{
    font-size: 3.0em;
    color:#e4dfed;
    line-height: 1.0em;
}
.text-description-about{
    color:#db75ae;
    margin-top: -15px;
    font-size: 1.5em;
    font-weight: bold;
}

.text{
    line-height: 1.1em;
    font-size: 1.5em;
}

.category-section-1{
    padding: 70px 0px;
    background-image: url('../images/bg-category-1.jpg');
    background-repeat: no-repeat;
}

.category-section-2{
    padding: 80px 0px;
    background-image: url('../images/bg-category-2.jpg');
    background-repeat: no-repeat;
    background-size: auto;
}
.category-section-3{
    padding: 80px 0px;
    background-image: url('../images/bg-category-3.jpg');
    background-repeat: no-repeat;
    background-size: auto;
}

.image-80{
    width: 90%;
    margin: auto;
    margin-top: 8px;
}

.title-1{
    color:#db75ae;
    font-weight: bold; 
    line-height: 1.0em !important;
}

.email{
    font-weight: bold; 
    line-height: 1.0em !important;
}

.title-category{
    color: #8a7da3;
    font-weight: bold !important;
    font-size: 1.2em;
    margin-top: 10px;
}
.price-product{
    color: #8a7da3;
    font-size: 1.4em;
    font-weight: bold !important;
    line-height: 0.8em;
}

.price-from{
    color: #8a7da3;
    font-size: 0.8em;
}
.section-icons{
    padding: 50px 0px 30px 0px;
    background-color: #7acbd7;
    color:#FFF;
}

.section-testimonials{
    padding: 100px 0;
    background-color: #d7a8af;

}

.comillas{
    font-size: 6.0em;
    line-height: 0.0em;
    font-family: 'Quicksand' !important;
    color:#8a7da3;
    font-weight: bold !important;
}

.title-2{
    color: #FFF;
    font-weight: bold !important;
    margin: 0px;
    text-align: center;
    font-size: 2.3em;
}

.title-3{
    color: #FFF;
    font-weight: bold !important;
    margin: 0px;
    text-align: center;
    font-size: 4.3em;
}

.title-testimonial{
    color: #FFF;
    font-weight: bold !important;
    margin: 0px;
    text-align: center;
    font-size: 4.3em;
}

.testimonials{
    margin: auto !important;
    background-color: #d6cceb;
    padding: 30px;
    text-align: center;
    color:#FFF;
    font-size: 1.5em;
    line-height: 1.0em;
}
.name-testimonial{
    font-size: 0.8em !important;
    margin-top: 10px;
    font-weight: bold !important;
    font-style: italic;
}

.section-blog{
    background-color: #ededee;
    padding: 75px 0px;
}

.ctn-last-new{
    background-color: #FFF;
    padding: 30px;
}

.btn-last-new{
    background-color: #fe3d5d;
    color:#FFF;
    border-radius: 0px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.btn-last-new:hover{
    color:#FFF;
}    

.title-last-new{
    color:#000;
    font-size: 1.3em;
    font-weight: bold;
}
.text-description-newsletter{
    font-size: 1.0em;
    font-weight: 900 !important;
}
.text-magenta{
    color:#fe3d5d;
}

.form-news-letter{
    margin: auto;
}

.input-news-letter{
    background-color: #FFF;
    height: 60px;
    border-radius: 0px;
    border: 0px;
    width: 40%;
    outline: 0px;
    padding: 20px;
}

.btn-news-letter{
    color: #FFF;
    height: 60px;
    border-radius: 0px;
    border: 0px;
    background-color: #9e86b2;
}

.btn-news-letter:hover{
    color: #FFF;
}

.menu-footer a{
    text-align: center;
    color:#FFF !important;
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 1.1em;
    padding: 0px 10px;
}
.menu-footer a:hover{
    color:#FFF;
    text-decoration: underline !important;
}
.social-icon a{
    padding: 0px 2px;
}

.footer-copyright{
    color:#FFF !important;
    font-size: 1.2em;
    font-weight: bold !important;
}



#header-product{
    min-height: 360px;
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    margin: auto;
    padding: 180px 0;
}

#header-title{
    font-size: 4.5em;
    font-weight: 900;
    line-height: 0.8em;
}

#header-subtitle{
    color:#db75ae;
    font-size: 4.5em;
    line-height: 1.1em;
}

.radio-input {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #db75ae;
    margin-right: -12px;
    background-color: white;
    -webkit-appearance: none; /*to disable the default appearance of radio button*/
    -moz-appearance: none;
  }
  
  .radio-input:focus { /*no need, if you don't disable default appearance*/
    outline: none; /*to remove the square border on focus*/
  }
  
  .radio-input:checked { /*no need, if you don't disable default appearance*/
    background-color: #db75ae;
  }
  
  .radio-input:checked ~ span:first-of-type {
    color: white;
  }
  
  .span-radio {
    position: relative;
    left: -12px;
    top:-10px;
    font-weight: 900 !important;
    line-height: 0.0em;
    font-size: 15px;
    color: #db75ae;
    
  }



  .radio-input-add {
    width: 30px;
    height: 30px;
    border-radius: 5px;
    border: 1px solid #db75ae;
    margin-right: -12px;
    background-color: white;
    -webkit-appearance: none; /*to disable the default appearance of radio button*/
    -moz-appearance: none;
  }
  
  .radio-input-add:focus { /*no need, if you don't disable default appearance*/
    outline: none; /*to remove the square border on focus*/
  }
  
  .radio-input-add:checked { /*no need, if you don't disable default appearance*/
    background-color: #db75ae;
  }
  
  .radio-input-add:checked ~ span:first-of-type {
    color: #db75ae;
  }
  .span-radio-add {
    position: relative;
    left: -12px;
    top:-10px;
    font-weight: 900 !important;
    line-height: 0.0em;
    font-size: 15px;
    color: #db75ae;
    
  }
  .first-input{
    margin-right: -7px !important; 
  }
  .first-span{
    left: -15px !important; 
  }

  .first-input-2{
    margin-right: -12px !important; 
  }
  .first-span-2{
    left: -11px !important; 
  }

  .second-input{
    margin-right: -8px !important; 
  }
  .second-span{
    left: -14px !important; 
  }  


  .boxed label {
    display: inline-block;
    padding: 5px 5px;
    border: solid 2px #db75ae;
    transition: all 0.3s;
    border-radius: 5px;
    color:#db75ae;
    font-weight: 900 !important;
    font-size: 1.2em;
  }
  
  .boxed input[type="radio"] {
    display: none;
  }
  
  .boxed input[type="radio"]:checked + label {
    background-color: #db75ae;
    color:#FFF;
  }

  .ctn-price-product{
      border:solid 1px #db75ae;
      padding:15px 35px;
      border-radius: 5px;
      font-weight: bold;
      color:#db75ae;
      font-size: 1.2em;
  }
  .text-from{
    color:#db75ae;
    font-size: 1.2em;
    padding-right: 20px;
    font-weight: 900;      
  }
  .custom-select-1{
      margin-top: -30px;
  }

  .choose-number{
      font-size: 1.2em;
      line-height: 1.2em;
      font-weight: bold;
      margin-bottom: 10px;
  }

  .ctn-price-product-total{
    border:solid 1px #db75ae;
    padding:15.5px 35px;
    border-radius: 5px;
    font-weight: bold;
    color:#db75ae;
    font-size: 1.5em;
}
.btn-buy{
    background-color: #7acbd7;
    color:#FFF;
    padding: 11px 35px;
    margin-top: -3px;
}
.btn-buy:hover{
    color:#FFF;
}

.text-note{
    font-weight: bold;
    font-style: italic;
}
.ctn-img-text{
    position: relative;
    margin: auto;
}
.ctn-text{
    position: absolute;
    top: -35%;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 22%;
    height: 25%;
    font-family: 'pacifico' !important;
    font-size: 2vw;
    line-height: 2.5vw;
    text-align: center;
    
    color:#be4d9f;
}
.ctn-check-label {
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 1.2em !important;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    color:#8a7da3 !important;
    font-weight: bold;
  }

.ctn-check-label{
    font-size: 1.2em;
    line-height: 1.2em;
}

/* Hide the browser's default checkbox */
.ctn-check-label input {
    float: left;
    margin-left:-20px !important;
    margin-top:10px !important;
    opacity: 0;
    cursor: pointer;
    height: 1px;
    width: 1px;
  }
  
  /* Create a custom checkbox */
  .checkmark {
    position: absolute;
    top: -5px;
    left: 0;
    height: 30px;
    width: 30px;
    border:solid 1px #db75ae;
    border-radius: 5px;
  }
  
  /* On mouse-over, add a grey background color */
  .ctn-check-label:hover input ~ .checkmark {
    background-color: #ccc;
  }
  
  /* When the checkbox is checked, add a blue background */
  .ctn-check-label input:checked ~ .checkmark {
    background-color: #db75ae;
  }
  
  /* Create the checkmark/indicator (hidden when not checked) */
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  
  /* Show the checkmark when checked */
  .ctn-check-label input:checked ~ .checkmark:after {
    display: block;
  }
  
  /* Style the checkmark/indicator */
  .ctn-check-label .checkmark:after {
    left: 12px;
    top: 8px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

.clear{
    clear: both;
}
.cursor-pointer, .radio-input{
   cursor: pointer;
}


.category-about{
    background-image: url('../images/bg-abouts.jpg');
    background-position: top center;
    background-repeat: no-repeat;
    padding: 140px 0;
}

.text-subtitle{
    color:#db75ae;
    margin-top: -25px;
    font-size: 2.5em;
    line-height: 1.0em;
    font-weight: bold;
}
.btn-category{
    color:#FFF !important;
}
.btn-category:hover{
    color:#8a7da3 !important;
}
.section-shop{
    padding: 60px 0;
}
.bg-academy-contact{
    background-color: #d7a8af;
    padding: 50px 0 30px 0;
}

.contact-academy{
    background-image: url('../images/bg-acadeny.png');
    background-repeat: no-repeat;
    background-position: bottom;
}
.faq-section{
    padding: 100px 0;
    background-color: #f6dce8;
    background-image: url('../images/estrellas-faq.png');
    background-repeat: no-repeat;
    background-position: left;

}
.gallery-academy{
    background-color: #7acbd7;
    padding: 100px 0;
}

.toggle-content{
    background-color: #FFF !important;
    padding: 20px;
}

.contact-section{
    padding: 100px 0;
}


.actived{
    background-color: #FFF !important;
    color:#8a7da3 !important; 
    border: solid 1px #8a7da3 !important;
}
.d-pc{
    display: block;
}

.d-mb{
    display: none;
}  
.text-white{
    color: #fff !important;
}
.sombra{
    text-shadow: 2px 2px 2px #929297;
}

.box-msj-transation{
    background-color: #f2eef9;
    padding: 30px;
}


@media (max-width: 576px) {
    .category-section-2{
        padding: 50px 0px;
    }    
    .category-section-1{
        padding: 30px 0px;
    }  
    .category-section-3{
        padding: 30px 0px;
    }      
    .dm-none{
        display: none !important;
    }
    .testimonials{
        width: 80%;
    }
    .input-news-letter{
        width: 90%;
        margin-bottom: 15px;
    }
    .ctn-text{
        font-size: 4.8vw;
        line-height: 5.5vw;
    }    
    .header-logo{
        margin: auto !important;
        padding: 10px 0;
        width: 100% !important;
    }
    .title-testimonial{
        color: #FFF;
        font-weight: bold !important;
        margin: 0px;
        text-align: center;
        font-size: 2.0em;
    }

    #header-subtitle{
        color:#db75ae;
        font-size: 3.0em;
        line-height: 1.1em;
        margin-top: 10px;
    }    

    .email{
        font-size: 1.6em !important;
        font-weight: bold; 
        line-height: 1.0em !important;
    }    

    .d-pc{
        display: none;
    }
    .d-mb{
        display: block;
    }    
}