/*GOOGLE FONT EXAMPLE @import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700;800&display=swap');*/

@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500;700&family=Roboto:wght@400;500&display=swap');


.pruebas-optimize {
    margin-bottom: 45px;
    padding: 0px;
}
.pruebas-optimize li {
    margin-bottom: 10px;
    list-style-type: none;
}

/* GENERAL STYLES*/
html {scroll-behavior: smooth;}

.container-fluid {padding: 15;}

.container-space {margin: 120px auto;} 

.icon-flecha {padding-left: 11px; margin-bottom: 0;} 

.icon-flecha:before { content:url('../img/icon-flecha.svg'); 
  position:relative; 
  z-index:10; 
  left: -10px;
  width: 25px;
  display: inline-block;}
  

/* BACKGROUND STYLES*/

.bg-black {background-color: #262327;}

.bg-grey {background-color: #f9f8f8; padding: 80px 0;}

.bg-red {background-color: #fbd7cd; padding: 80px 0;}

.bg-blue {background-color: #dcf0fc; padding: 80px 0;}

.bg-pink {background-color: #ebd8e1; padding: 80px 0;}

.bg-dark-grey {background-color: #ded9d9; padding: 80px 0;}


/* FONT STYLES*/

.white {color: #fff;}

h1 {font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 50px; }

h2 {font-family: 'Raleway', sans-serif; font-weight: 500; font-size: 40px;}

h3 {font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 25px;}

p {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 18px;}



.title-desplegable {    border-bottom: 1px solid;}

.p-bold {font-family: 'Raleway', sans-serif; font-weight: 700; font-size: 19px;}



/* BUTTON STYLES*/

.btn-red { border-radius: 6px; background-color: #f0584d; padding: 12px 36px!important; color: #ffffff!important; font-size: 16px; display: inline-block; font-family: 'Roboto', sans-serif; text-decoration: none!important;}

.btn-black { border-radius: 6px; background-color: #000; padding: 12px 36px!important; color: #fff!important; font-size: 16px; display: inline-block; font-family: 'Roboto', sans-serif; text-decoration: none!important;}

.btn-menu { border-radius: 6px; background-color: #f0584d; padding: 6px 36px!important; color: #ffffff!important; font-size: 16px; display: inline-block; font-family: 'Roboto', sans-serif; text-decoration: none!important;}

.btn-red:hover {background-color: #000;}

.btn-black:hover {background-color: #f0584d; text-decoration: none;}

.btn-menu:hover {background-color: #fff; color: #000!important; text-decoration: none;}

.btn-pdf:before { content:url('../img/icon-descarga.svg'); 
  position:relative; 
  z-index:10;
  left: -10px;
  width: 16px;
  top: 2px;
  display: inline-block;
}


/* HEADER STYLES*/

.bg-header-animacion {background-image: url('../img/animacion/header-bachelor-animacion.jpg'); background-size: cover; padding: 45px 0;}
.bg-header-m-animacion {background-image: url('../img/m-animacion/header-master-animacion.jpg'); background-size: cover; padding: 45px 0;}

.bg-header-m-anime {background-image: url('../img/m-anime/header-master-anim-japonesa-web.jpg'); background-size: cover; padding: 45px 0;}

.bg-header-design {background-image: url('../img/design/header-bachelor-IDD.jpg'); background-size: cover; padding: 45px 0;}
.bg-header-m-design {background-image: url('../img/m-design/header-master-idd.jpg'); background-size: cover; padding: 45px 0;}


.bg-header-m-game-art {background-image: url('../img/m-gameart/header-master-game art.jpg'); background-size: cover; padding: 45px 0;}

.bg-header-m-vfx {background-image: url('../img/m-anime/header-master-anim-japonesa-web.jpg'); background-size: cover; padding: 45px 0;}


/* CHECKS COLORS*/

.check-design:before { content:url('../img/design/icon-check.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 4px;
  width: 22px;
  display: inline-block;
}


.check-design { padding-left: 34px;}


.check-m-design:before { content:url('../img/m-design/icon-check-red.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 4px;
  width: 22px;
  display: inline-block;
}


.check-m-design { padding-left: 34px;}

.check-animacion:before { content:url('../img/animacion/icon-check-verde.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 4px;
  width: 22px;
  display: inline-block;
}


.check-animacion { padding-left: 34px;}


.check-m-animacion:before { content:url('../img/m-animacion/icon-check-azul.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 4px;
  width: 22px;
  display: inline-block;
}


.check-m-animacion { padding-left: 34px;}

.check-gameart:before { content:url('../img/m-gameart/icon-check-pink.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 4px;
  width: 22px;
  display: inline-block;
}


.check-gameart { padding-left: 34px;}


.check-vfx:before { content:url('../img/m-vfx/icon-check-grey.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 4px;
  width: 22px;
  display: inline-block;
}


.check-vfx { padding-left: 34px;}

 
 /* FORM */
 
 .form-control {border: transparent;
    background-color: #f9f8f8;
     border-radius: 0;
     color: #acacac;
     font-family: 'Roboto', sans-serif;}
    
label {font-family: 'Roboto', sans-serif; }

/*Checkboxes styles*/

.form-check {padding:0!important;}


input[type="checkbox"] { display: none; }

input[type="checkbox"] + label {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 20px;
  
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
}

input[type="checkbox"] + label:last-child { margin-bottom: 0; }

input[type="checkbox"] + label:before {
  content: '';
  display: block;
  width: 20px;
  height: 20px;
  border: 1px solid #f0584d;
  position: absolute;
  left: 0;
  top: 0;
  opacity: .6;
  -webkit-transition: all .12s, border-color .08s;
  transition: all .12s, border-color .08s;
}

input[type="checkbox"]:checked + label:before {
  width: 10px;
  top: -5px;
  left: 5px;
  border-radius: 0;
  opacity: 1;
  border-top-color: transparent;
  border-left-color: transparent;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* end checkbox */


 /* CARDS OVERVIEW */
 
 .overview {padding: 0 0 50px 0;}

.card-overview {background-color: #f9f8f8; padding: 25px 20px; }


/* GENERAL STYLES*/

.top-header {padding: 25px 50px;}

.header-btn {text-align: center;} 

.telefono {text-align: right;}

.form {background-color: rgb(255 255 255 / 75%); border-radius: 16px; padding: 45px 40px;}

.sobre-lidem-first {margin-bottom: 50px;}

.sobre-lidem {padding-left: 50px;}


.sobre-lidem h3, .sobre-lidem p {padding-left: 45px;}

.flecha:before { content:url('../img/flecha.svg'); 
  position:absolute; 
  z-index:10; 
  left: 0x;
  top: 2px;
    width: 34px;

}



.telefono h3 a {color: black; text-decoration: none;}




.tlf-hov:hover {color:#f0584d;}
.acepter{color:#f0584d;}
.acepter:hover{text-decoration: underline;
  color:#f0584d;
}



/* MENU FIXED */



.header {
  
  background: #2a2628;
  color: #fff;
  z-index:100;
}


.content {
  padding: 16px;
}


.sticky {
  position: fixed;
  top: 0;
  width: 100%
}

.sticky + .content {
  padding-top: 102px;
}


/* MENU FIXED STYLE */

.nav-content {justify-content: space-around;
    display: contents;}
    
.navbar-nav  {justify-content: space-around;
    display: contents;}

.nav-link {color: #fff!important;}
.nav-link:hover{color:#f0584d!important;}



.navbar-light .navbar-toggler {
    color: rgb(232 156 230 / 50%);
    border-color: #fff;}
    
    
.navbar-light .navbar-toggler-icon {
    background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgb(255 255 255)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
    
    
.nav-item  {text-transform: uppercase;}

    
/* ACORDION */    
    
.card {border-radius: 0!important;
    border: none;
        margin-bottom: 20px;
}


.card-body ul li {margin-left: 25px;}


  .card-body ul   {padding-left: 14px;}

.card-header {border-bottom: none;}


.btn-link {color: #949494;}

.btn-link:hover {color: #f0584d; text-decoration: none;}

.btn-link.focus, .btn-link:focus {text-decoration: none;}

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


.carousel-control-prev-icon {
    background-image: url('../img/drop-left.svg');
}

.carousel-control-next-icon {
    background-image: url('../img/drop-right.svg');
}

.carousel-control-prev-icon-fr {
    background-image: url('../img/drop-left-fr.svg');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}

.carousel-control-next-icon-fr {
    background-image: url('../img/drop-right-fr.svg');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
}


.carousel-control-prev {
left: -100px;}


.carousel-control-next {
right: -100px;}



.slick-dots li button:before { font-size: 16px!important;}

  
  .drop-down {width: 100%; text-align: left;}
  .drop-down:after { content:url('../img/drop-down.svg'); 
  position:absolute; 
  z-index:10; 
  right: 15px;
  width: 22px;
  top: 26px;
  display: inline-block;}



/* CARRUSELL */  

.slide {
    padding: 35px;
}


.slick-dots li.slick-active button:before {
    opacity: 1!important;
    color: #f0584d!important;
}



/* FOOTER */  

.telefono-footer:before { content:url('../img/tel.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 3px;
  width: 12px;
  display: inline-block;}


.email-footer:before { content:url('../img/email.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
      left: -10px;
    top: 1px;
  width: 16px;
  display: inline-block;}
  
  .skype-footer:before { content:url('../img/skype.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
      left: -10px;
    top: 2px;
  width: 16px;
  display: inline-block;}


/*FORM*/
span.error{color:#ff0000}
.iti.iti--allow-dropdown{width:100%}









/* TABLET */  

@media screen and (max-width:992px) {

.navbar {display: block; }
.sobre-lidem {padding-left: 0;} 
.nav-item {padding-top: 15px;}
.btn-menu {margin-bottom: 20px;}

}


/*FORM DOWNLOAD PDF*/
.form_download_pdf{margin-top:20px}
.form_download_pdf .form{
  padding: 25px 20px !important;
}





/* MOBILE */  

@media screen and (max-width:767px) {
    .top-header, .telefono {text-align: center;}
    .logo {margin-bottom: 15px;}
    .btn-black, .btn-red {margin-bottom: 45px;}
    .container-space {margin: 50px auto;}
    .overview {padding: 0;}
    .card-overview {margin-bottom: 15px;}
    .metodologia {margin-bottom: 65px;}
    .metodologia-last {margin-bottom: 0;}
    .sobre-lidem {margin-bottom: 45px!important; }
    .sobre-lidem-first {margin-bottom: 0;}
    .colab {max-width: 250px; margin-bottom: 25px;}
    .slick-mulitple-items {margin: 20px auto;}
    .img-container {margin: 50px auto;}
    .et_pb_image_wrap {margin: 50px auto;}
}


/*ESTILOS LP FR*/
.h1-fr {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 50px;
    color: #FFEE94;
}
.bg-header-animacion-fr {
    background-image: url(../img/animacion/header_anim2d3d-fr.jpg);
    background-size: cover;
    padding: 45px 0;
}
.p-fr {
    color: white;
    font-size: 24px;
}
.block{
  background-color: #f9f8f8;
  margin: 50px 0;
  padding-left: 20px;
  display: flex;
}
.block-icon {
  width: 32px;
  margin-right: 30px;
}
.h3-block {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 18px;
    margin: 10px 0 0 0;
}
.p-block {
    font-family: 'Roboto', sans-serif;
    font-weight: 400;
    font-size: 14px;
    margin: 0 0 10px 0;
}
.header-fr {
    padding: 20px;
    font-family: 'Raleway', sans-serif;
}
.video-fr{
  width:100%;
  margin-bottom: 3em;
}
.escuela-fr{
  width:100%;
}
.check-design-fr:before { content:url('../img/design/icon-design-fr.svg'); /* with class ModalCarrot ??*/
  position:relative; /*or absolute*/
  z-index:10; /*a number that's more than the modal box*/
  left: -10px;
  top: 4px;
  width: 22px;
  display: inline-block;
}
.check-design-fr { padding-left: 34px;}

.bg-testimonios-fr {
    background-image: url(../img/bg-testimonios-fr.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    background-color: #262327;
}
.testimonios-fr{
  color:white;
  padding:24px 0;
  font-size:16px;
}
.h4-testimonios-fr{
  color:white;
}
.span-testimonios-fr{
  color: white;
  font-size: 14px;
  font-weight: 200;
}
.slides-testimonios-fr.slick-initialized.slick-slider.slick-dotted {
    margin: 0;
}
.slides-testimonios-fr .slide{
  padding: 20px 50px 0 50px;
  position: relative;
    bottom: -6vh;
}
.slides-testimonios-fr .slick-dots{
    width: 50%;
    bottom: 10;
    right: 0;
    text-align: left;
    padding: 7px;
}
.slides-testimonios-fr .slick-dots li button:before {
  color:white !important;
}
.metodologia {
    margin-bottom: 40px;
}
.notre-ecole {
  padding:0;
}

.text-notre-ecole {
    font-family: 'Raleway', sans-serif;
    font-weight: 600;
    font-size: 24px;
    color: #fff;
    line-height: 1.3;
    margin-top:6%;
}
.block.txt-notre-ecole {
    background: none;
    margin-top: 18%;
    margin-left: 10%;
}

/* MOBILE LP FR*/  

@media screen and (max-width:768px) {
    .block {
      margin: 10px 0;
    }
    .block-last {
      margin-bottom: 40px;
    }
    .bg-header-animacion-fr {
      margin-bottom: 30px;
    }
    .sobre-lidem-txt {
      margin-bottom: 40px;
    }
    .metodologia-last {
      margin-bottom: 40px;
    }
    .requisitos-fr {
      margin-bottom: 30px;
    }
    .telefono {
      text-align: left;
      margin-top: 50px;
    }
    .slides-testimonios-fr .slide {
      padding: 20px 50px 20px 50px;
      bottom:auto;
    }
    .slides-testimonios-fr .carousel-control-prev {
    left: 0px;
}
.carousel-control-next {
    right: 0px;
}
.slides-testimonios-fr .slick-dots{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slides-testimonios-fr {
  margin-bottom: 25px;
}
.block.txt-notre-ecole {
    margin-bottom: 10%;
}

}
@media screen and (max-width: 375px){
  h2 {
    font-size: 32px;
  }
  p{
    font-size:16px;
  }
  .telefono {
    margin-top:0;
    text-align:center;
  }
  .h1-fr {
    font-size: 38px;
  }
  .p-fr {
    font-size: 22px;
  }
  .block-last {
    margin-bottom: 40px;
  }
  .block-estudiar {
    margin: 0 10px !important;
  }
  .sobre-lidem-txt {
    margin-left: 20px;
    margin-right: 20px;
  }
  .metodologia, .metodologia-last {
    margin-left: 20px;
    margin-right: 20px;
  }
  .metodologia-icon {
    margin-bottom: 1em !important;
  }
  .programme {
    margin-top: 3rem!important;
  }
  .block.txt-notre-ecole {
    margin-top: 14%;
  }
  .text-notre-ecole {
    font-size: 19px;
}
}