body{

	background-color: #fff;

    font-family: 'Montserrat', serif !important;

}

header {

    background: url('../img/Bimba-y-Lola-Assets1.jpg') black no-repeat center center scroll;

    background-attachment: fixed;

    background-position: -10px -30px;

  }



  .imageBack {

    background: url('../img/AssetsEnel2.jpg') ;

    background-attachment: fixed;

  }

  .imageBack2 {

    background: url('../img/AssetsEnel2.jpg') ;

    background-attachment: fixed;

  }

  .imageBack3 {

    background: url('../img/AssetsEnel8.jpg') ;

    background-attachment: fixed;

  }



h1 {

    font-family: 'Montserrat';

    letter-spacing: 2px;

    text-transform: uppercase;

    margin: 0;

    

}

.display-3 {

    font-size: 5rem;

    font-weight: 700;

    line-height: 1.2;

    max-width: 70%;

    text-align: center;

    display:block; margin:auto;



}

.logoBL{

   max-width: 200px;

   padding: 2%; 

   display:block;

   margin:auto;

}





h2, h3, h4, h5, h6 {

	font-family: 'Montserrat', sans-serif;

	font-weight: 800;

    text-transform: uppercase;

	margin: 0;

}

h6{

	font-size: 10px;

}



p{

	margin: 0;

	line-height: 1.9;

	font-size: 20px;

	font-weight: 500;

}



.row{

    margin-right: 0 !important;

    margin-left: 0 !important;

}



a{

    color: #179dcd;

}











header {

  position: relative;

  background-color: black;

  height: 75vh;

  min-height: 25rem;

  width: 100%;

  overflow: hidden;

  background-attachment: fixed;

}



iframe{

    width: 100%;

    height: 350px;

}



.cliente p

  {

    padding-top: 10%;

    padding-bottom: 10%;

	color: rgb(0, 0, 0);

    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

    margin: auto; 

    text-align: center;

    }

/*******************************/

/********* Banner CSS **********/

/*******************************/

.banner {

    position: relative;

    width: 100%;

    margin: 45px 0;

    padding: 40px 0;

    background: #ed1c24;

}



.banner .container {

    max-width: 750px;

    text-align: left;

}



.banner .section-header {

    margin-bottom: 20px;

}



.banner .section-header p {

    color: #414141;

    background: transparent;

}



.banner .section-header p::after {

    display: none;

}



.banner  h2 {

    color: #ffffff;

    text-align: center;

    padding-left: 3%;



}



.banner h2 span {

    color: #242424;

}



.banner .banner-text p {

    font-size: 18px;

    color: #ffffff;

}



.banner .banner-text .btn {

    margin-top: 15px;

    color: #ed1c24;

    background: #ffffff;

    box-shadow: inset 0 0 0 50px #ffffff;

}



.banner .banner-text .btn:hover {

    color: #ffffff;

    background: transparent;

    box-shadow: inset 0 0 0 0 #ffffff;

    border-color: #ffffff;

}



/*******************************/

/******* Testimonial CSS *******/

/*******************************/

.testimonial {

    position: relative;

    

    padding: 40px 0;

    background: url('../img/Bimba-y-Lola-Assets10.jpg') black no-repeat center center scroll;

    background-attachment: fixed;

}



.testimonial .container {

    max-width: 100%;

}



.testimonial .testimonial-icon {

    margin-bottom: 45px;

    text-align: center;

}



.testimonial .testimonial-icon i {

    font-size: 60px;

    color: rgba(256, 256, 256, .5);

}



.testimonial .testimonial-item {

    position: relative;

    margin: 0 15px;

    text-align: center;

}



.testimonial .testimonial-img {

    position: relative;

    margin-bottom: 15px;

    z-index: 1;

}



.testimonial .testimonial-item img {

    margin: 0 auto;

    width: 100%;

    padding: 1%;

    border: 5px solid #D4F100;

    border-radius: 50%;

}



.testimonial .testimonial-text {

    position: relative;



    padding: 5PX 5px 5px 5px;

    text-align: justify;

    border-radius: 500px;

}



.testimonial .testimonial-item p {

    color: #ffffff;

    text-align: justify;

  

}



.testimonial .testimonial-text h3 {

    color: #ffffff;

    margin-bottom: 10px;

}





.testimonial .owl-dots {

    margin-top: 10px;

    text-align: center;

}



.testimonial .owl-dot {

    display: inline-block;

    margin: 0 5px;

    width: 12px;

    height: 12px;

    border-radius: 50%;

    background: rgba(256, 256, 256, .5);

}



.testimonial .owl-dot.active {

    background: #ffffff;

}



/*********** FAQs CSS **********/

/*******************************/

.faqs {

    position: relative;

    width: 100%;

    padding: 45px 0;

}



.faqs .section-header {

    margin-bottom: 30px;

}



.faqs img {

    width: 100%;

}



@media(max-width: 767.98px) {

    .faqs img {

        margin-bottom: 30px;

    }

}



.faqs .cardd {

    margin-bottom: 15px;

    padding-top: 15px;

    border: none;

    border-radius: 0;

    border-top: 1px solid #eeeeee;

}



.faqs .cardd:last-child {

    margin-bottom: 0;

    padding-bottom: 15px;

    border-bottom: 1px solid #eeeeee;

}



.faqs .card-header {

    padding: 0;

    border: none;

    background: #ffffff;

}



.faqs .card-header a {

    display: block;

    width: 100%;

    color:  #005580;

    font-size: 18px;

    font-weight: 300;

    line-height: 40px;

}



.faqs .card-header a span {

    display: inline-block;

    width: 90%;

    height: auto;

    padding-left: 10px;

    padding-right: 10px;

    margin-right: 10px;

    text-align: left;

    background: #ffffff;

    color: #005580;

    font-weight: 700;

    border-radius: 5px;

}



.faqs .card-header [data-toggle="collapse"]:after {

    font-family: 'font Awesome 5 Free';

    content: "\f067";

    float: right;

    color: #005580 ;

    font-size: 12px;

    font-weight: 900;

    transition: .3s;

}



.faqs .card-header [data-toggle="collapse"][aria-expanded="true"]:after {

    font-family: 'font Awesome 5 Free';

    content: "\f068";

    float: right;

    color: #005580 ;

    font-size: 12px;

    font-weight: 900;

    transition: .3s;

}



.faqs .card-body {

    padding: 15px 0 0 0;

    font-size: 16px;

    border: none;

    background: #ffffff;

}



.faqs a.btn {

    margin-top: 30px;

    padding: 15px 35px;

    font-size: 16px;

    text-transform: uppercase;

    color: #000000;

    border: none;

    border-radius: 5px;

    background: #FFD662;

    transition: .3s;

}



.faqs a.btn:hover {

    color: #ffffff;

    background: #005580;

}



/*-------------card----*/



/*-------------card----*/



.boton_personalizado a

{

    margin: auto; 

    padding: 10px;

    text-align: center;

    border-radius: 25px;

    background-color: #ed1c24;

    color: #fff;

}

.boton_personalizado :hover

{

    margin: auto; 

    padding: 10px;

    text-align: center;

    border-radius: 25px;

    background-color: #720407;

    color: #fff;

}







header .container {

  position: relative;

  z-index: 2;

  

}



header .overlay {

  position: absolute;

  top: 0;

  left: 0;

  height: 100%;

  width: 100%;

  background-color: rgb(0, 0, 0);

  opacity: 0.5;

  z-index: 1;

}







.testimonial .overlay {

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

    background-color: black;

    opacity: 0.8;

    z-index: 1;

  }







}

/********************* MENÚ - BOTONERA ******************/



.redes{ 

  opacity: 1;

  max-width: 40px !important;

  transition: transform .3s; /* Animation */

}

.redes:hover{

  opacity: 0.8;

  transform: scale(1.2);

}



.head_exp{

    top:0;

    background-color: #000000;

    padding: 0.4em;

    position: fixed;

    display: block;

    width: 100%;

    border-bottom-color: rgb(31, 31, 31);

    border-right-width: 2px;

    border-bottom-style:solid;

    z-index: 99;

    -webkit-transition: background-color 0.5s ease-out; -moz-transition: 

  background-color 0.5s ease-out; -o-transition: background-color 0.5s ease-out; transition: background-color 0.5s ease-out;

}

.head_exp:hover{

    background-color: rgb(0, 0, 0);

}







/********************* / flipcard ******************/

/*Flip card----------------------*/

.outer {

    display: table;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

  }

  

  .middle {

    display: table-cell;

    vertical-align: middle;

  }

  

  .inner {

    margin-left: auto;

    margin-right: auto;

    width: 100px;

    /* Whatever width you want */

  }



/*Flip card----------------------*/

.card{

    flex-direction: row;

    background-color: rgba(255, 255, 255, 0);

}  



.modulo-{

	position: relative;

	overflow: hidden;

}



.outer {

    display: table;

    position: absolute;

    top: 0;

    left: 0;

    height: 100%;

    width: 100%;

  }

  

  .middle {

    display: table-cell;

    vertical-align: middle;

  }

  

  .inner {

    margin-left: auto;

    margin-right: auto;

    width: 100px;

    /* Whatever width you want */

  }



.flip-card {

    margin: auto;

    padding: 10px;

    background-color: transparent;

    width: 25em;

    height: 25em; 

    perspective: 1000px;

  }

  

  .flip-card-inner {

    position: relative;

    width: 100%;

    height: 100%;

    text-align: center;

    transition: transform 0.6s;

    transform-style: preserve-3d;

    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);

  }

  

  .flip-card:hover .flip-card-inner {

    transform: rotateY(180deg);

  }

  

  .flip-card-front, .flip-card-back {

    position: absolute;

    width: 100%;

    height: 100%;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

  }

  

  .flip-card-front {

    color: black;

  }

  

  .flip-card-back {

    

    background-color: #222222;

   

    transform: rotateY(180deg);

  }

/********************* / INICIO ******************/







.title {

	background-color: #fff;

    padding: 40px 0;

    text-align: -webkit-center;

}



.title h1{

	color: #000;

	margin-bottom: 0.5em;

    line-height: 1;

    font-size: 6vw;

}



.pie-foto{

	position: relative;

    text-align: right;

	bottom:0;

	left: 0;

	color: #666;

	width: 100%;

	font-family: 'Montserrat', sans-serif;

	padding: 0.5em 1em;

}

.pie-foto p{

	font-size: 0.8rem;

	font-weight: 200;

}



.intro1 p{

	color: #000;

	font-weight: 600;

	font-size: 1.6em;

    line-height: 1.3em;

}



/* .s-1{

    padding-top: 1em;

    padding-bottom: 1em;

} */

.s-1 p{

    text-align: justify;

    font-size: 20px;

}

.s-1 h2{

	color: #242424;

    text-align: left;

    font-size: 30px;

}



.s-1 li {

    margin: 0;

	font-size: 20px;

    font-weight: 500; 

    text-align: left;

}



.s-2{

	padding: 2em;

}

.s-2 h2{

	color: #000000;

    text-align: center;

    padding: 0.5em 0;

    line-height: 1.3;

    font-size: 1.3em;

    font-weight: 500;

    text-transform: none;

}

.s-2 h2 span{

	font-family: 'Montserrat', serif;

    font-weight: 800;

}



.s-3{

    text-align: center;

}

.s-3 h2{

	color: #000000;

    text-align: center;

    padding: 1em 0;

    line-height: 1.3;

    font-size: 2.5em;

    font-weight: 800;

    text-transform: none;

}

.s-3 h3 {

    font-family: 'Montserrat', serif;

    color: #ed1c24;

    text-align: center;

    font-size: 2em;

    font-weight: 800;

    text-transform: none;

}



.foto_horizontal{

    padding: 0em 0;

}



.foto_horizontal{

    padding: 0em 0;

}



.foto_horizontal img {

    transition: all 0.5s ease-in-out;

}



.foto_horizontal img:hover {

      transform: scale(1.02,1.02)

}



.frase2{

    font-family: 'Montserrat', sans-serif;

    text-align: center;

    line-height: 0.5;

}

.frase2 p{

	line-height: 1.5;

}



.frase2 h2{

	color: #000;

    text-transform: none;

    font-size: 2.5em;

}

.vertical-row {

    Float:left;

    margin: 1em;

    height:150px;

    width:1px; 

    background-color: #000;

   }



footer{

	height: 10px;

	color: #fff;

}

footer p{

	flex-basis: 100%;

	text-align: center;

}



.foot{

    border-style: solid;

    border-color: #ed1c24;

    text-align: center;

    color: #000;

    }

    

    .foot p{

        font-size: 20px;

        text-align: center;

    }





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

	

}



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

    .s-1 p{

        text-align: justify;

        font-size: 18px;

    }

    .s-1 h2{

        color: #242424;

        text-align: left;

        font-size: 25px;

    }

    .intro1 p{

        padding-top: 10%;

        color: #000;

        font-weight: 600;

        font-size: 1.5em;

        line-height: 1.3em;

    }

	.redes .nav{

		width: auto;

	}

 

    .display-3 {

        font-size: 3.6rem;

        font-weight: 700;

        line-height: 1.2;

    }

    .logoBL{

        max-width: 150px;

        

     }

}



@media (min-width: 200px) and (max-width: 617px){

    @media (pointer: coarse) and (hover: none) {

        header {

          background: url('../img/Bimba-y-Lola-Assets1b.jpg') black no-repeat center center scroll;

          max-width: 100%;

          background-attachment: fixed;

          background-position: -10px -30px;

      

        }

   

    iframe{

        width: 100%;

        height: 200px;

    }

    .card{

        flex-direction: column;

        background-color: rgba(255, 255, 255, 0);

    } 

    .flip-card {

        margin: auto;

        padding: 10px;

        background-color: transparent;

        width: 25em;

        height: 25em; 

        perspective: 1000px;

      }

    .foot p{

        font-size: 14px;

        text-align: center;

    }

    .s-1 p{

    text-align: justify;

    font-size: 14px;

    }

    .s-1 h2{

        color: #242424;

        text-align: left;

        font-size: 20px;

    }

    .intro1 p{

        padding-top: 10%;

        color: #000;

        font-weight: 600;

        font-size: 1.1em;

        line-height: 1.3em;

    }

    .title h1 {

	    font-size: 3em;

	}

	.cita2 {

	    margin-left: 25%;

	}

	footer {

	    padding: 12% 15px;

	}

    



  

    .s-3 h2 {

        font-size: 1.5em;

    }

    .s-3 p {

        line-height: 1.2;

    }

    .frase2 h2 {

        font-size: 1.5em;

    }

    .display-3 {

    font-size: 2.6rem;

    font-weight: 700;

    line-height: 1.2;

}

.logoBL{

    max-width: 130px;

    padding:5%;

    

 }

}



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

	.title h1 {

	    font-size: 3rem;

	}

	.cita2 {

	    margin-left: 0;

	}

	footer {

	    padding: 15% 15px;

	}

  

}



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

 

  

}







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

	

}