@font-face {
  font-family: 'AvenirMedium';
  src: url(Avenir-Medium.ttf);
}

@font-face {
  font-family: 'AvenirRoman';
  src: url(Avenir-Medium.ttf);
}

body {
  margin: 0 auto;
  font-family: futura, sans-serif;
}

/**************************  slider *******************/

.owl-carousel {
  position: relative;
  min-height: 455px;
  height: 456px;
  max-height: 600px;
}
.owl-carousel div:not(.owl-controls) {
  height: 100%;
}
.owl-carousel .owl-slide {
  background-image: url("");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

#uno {
background-image: url(images/nino.jpg);
}
#dos {
background-image: url(images/nina.jpg);
}

#tres {
background-image: url(images/adulto.jpg);
}

#cuatro {
background-image: url(images/mujer.jpg);
}

#cinco{
background-image: url(images/America-Desk-Slider.jpg);
}


.owl-carousel div.owl--text {
  position: absolute;
  bottom: 4em;
  left: 2em;
  width: 20em;
  height: 8em;
  padding: 1em;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 4px;
}
.owl-carousel .owl-controls {
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
}
.owl-carousel .owl-controls .owl-buttons div {
  position: absolute;
  top: 0;
  bottom: 0;
  display: inline-block;
  zoom: 1;
  margin: 0;
  width: 50px;
  height: 30px;
  line-height: 25px;
  text-align: center;
  font-size: .9em;
  border-radius: 3px;
  color: #000;
  background: #000;
  opacity: .6;
  text-transform: capitalize;
}
.owl-carousel .owl-controls .owl-buttons .owl-prev {
  left: 5px;
}
.owl-carousel .owl-controls .owl-buttons .owl-next {
  right: 5px;
}

/********************* todo lo demas **********************/

#mej-cubr {
 position: relative;
 text-align: center;
 width: 1150px;
 margin: 0 auto;
}

#mej-cubr h2 {
 font-size: 27px;
 color: #5B5B5B;
 font-family: 'AvenirMedium';
 font-style: oblique;
}

#mej-cubr .logos {
  width: 100%;
  height: auto;
}

#mej-cubr .logos img {
 width: 120px;
}

/************************ cubrebocas bio   *******************/

#cubrebocas-bio {
width: 1150px;
height: auto;
margin: 0 auto;
display: flex;
margin-top: 30px;
}

/****** video **********/

#cubrebocas-bio .video-bio {
margin-top: 0px;
  text-align: center;
  width: 40%;
  margin: 0 auto;
}

#cubrebocas-bio .video-bio video {
width: 100%;
}

/******* end video **********/

#cubrebocas-bio .texto-abio {
width: 60%;
height: auto;
position: relative;
}

#cubrebocas-bio .texto-abio h3 {
 font-size: 20px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
}

#cubrebocas-bio .texto-abio h3 strong {
 color:  #2652ab
}

#cubrebocas-bio .texto-abio p {
 font-size: 17px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}

#cubrebocas-bio .texto-bbio {
width: 60%;
height: auto;
position: relative;
}

#cubrebocas-bio .texto-bbio h3 {
 font-size: 20px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
}

#cubrebocas-bio .texto-bbio h3 strong {
 color:  #2652ab
}

#cubrebocas-bio .texto-bbio p {
 font-size: 17px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}

#tuto-video {
 width: 1150px;
 margin: 0 auto;
 
}

#tuto-video h2 {
 font-size: 27px;
 color:  #2652ab;
 font-family: 'AvenirMedium';
 text-align: center;
}

#tuto-video p {
 font-size: 17px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}

.tl-videos {
 width: 100%;
 height: auto;
 position: relative;
 display: flex;
}

.tl-videos .lvideo {
 width: 45%;
 position: relative;
 margin: 1% auto;
}

 .lvideo p {
 text-align: center !important;
 color:  #2652ab !important;
 margin: 0 auto;
}

#cuid-bio {
 width: 1150px;
 margin: 0 auto;
 text-align: center;
}

#cuid-bio h2 {
  font-size: 27px;
 color:  #2652ab;
 font-family: 'AvenirMedium';
 text-align: center;
}

#cuid-bio p {
 font-size: 17px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}


.carru-bio {
 width: 100%;
 position: relative;
 height: auto;
}

.carru-bio iframe {
 width: 100%;
 border: 0;
 height: 360px
}

/************************ media queries *********************/


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

	#mej-cubr {
   text-align: center;
   width: 800px;
   margin: 0 auto;
}
	
#cubrebocas-bio {
width: 800px;
display: flex;
margin-top: 30px;
}
	
#cubrebocas-bio .video-bio {
  margin-top: 0px;
  width: 49%;
  margin: 0 auto;
}
	
#cubrebocas-bio .texto-abio {
width: 51%;
}
	
#cubrebocas-bio .texto-abio h3 {
 font-size: 17px;
 font-weight: 100;
}
	
#cubrebocas-bio .texto-abio p {
 font-size: 14px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
#cubrebocas-bio .texto-bbio {
width: 50%;
height: auto;
position: relative;
}
	
#cubrebocas-bio .texto-bbio h3 {
 font-size: 17px;
 font-weight: 100;
}
	
#cubrebocas-bio .texto-bbio p {
 font-size: 14px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
	#cubrebocas-bio .texto-bbio img {
      width: 100%;
	}
	
	.image-list {
	 width: 50%;
	}
	
	.image-list img {
	 width: 100%;
	}
	
  #tuto-video {
 width: 800px;
 margin: 0 auto;
}
	
#tuto-video h2 {
 font-size: 22px;
 text-align: center;
}
	
 .tl-videos .lvideo {
 width: 45%;
 position: relative;
 margin: 1% auto;
}

	
	.tl-videos .lvideo iframe {
	 width: 100%
	}
	
	#cuid-bio {
 width: 800px;
 margin: 0 auto;
 text-align: center;
}
	
#cuid-bio h2 {
  font-size: 22px;

 text-align: center;
}

#cuid-bio p {
 font-size: 14px;
 font-weight: 100;
 width: 97%;
 margin: 0 auto;
}

  
}


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

	#mej-cubr {
   text-align: center;
   width: 600px;
   margin: 0 auto;
}
	
	#mej-cubr img {
	 width: 80px;
	}
	
	#mej-cubr h2 {
 font-size: 22px;
 color: #5B5B5B;
 font-family: 'AvenirMedium';
 font-style: oblique;
}
	
	
#mej-cubr .logos img {
 width: 120px;
}
	
#cubrebocas-bio {
width: 600px;
display: flex;
margin-top: 30px;
}

	
#cubrebocas-bio .video-bio {
  margin-top: 0px;
  width: 49%;
  margin: 0 auto;
}
	
#cubrebocas-bio .texto-abio {
width: 51%;
}
	
#cubrebocas-bio .texto-abio h3 {
 font-size: 16px;
 font-weight: 100;
}
	
#cubrebocas-bio .texto-abio p {
 font-size: 13px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
#cubrebocas-bio .texto-bbio {
width: 50%;
height: auto;
position: relative;
}
	
#cubrebocas-bio .texto-bbio h3 {
 font-size: 16px;
 font-weight: 100;
}
	
#cubrebocas-bio .texto-bbio p {
 font-size: 13px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
	#cubrebocas-bio .texto-bbio img {
      width: 100%;
	}
	
	.image-list {
	 width: 50%;
	}
	
	.image-list img {
	 width: 100%;
	}
	
  #tuto-video {
 width: 600px;
 margin: 0 auto;
}
	
#tuto-video h2 {
 font-size: 22px;
 text-align: center;
}
	
 .tl-videos .lvideo {
 width: 45%;
 position: relative;
 margin: 1% auto;
}

	
	.tl-videos .lvideo iframe {
	 width: 100%
	}
	
	#cuid-bio {
 width: 600px;
 margin: 0 auto;
 text-align: center;
}
	
#cuid-bio h2 {
  font-size: 22px;

 text-align: center;
}

#cuid-bio p {
 font-size: 14px;
 font-weight: 100;
 width: 97%;
 margin: 0 auto;
}

  
}


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

	#mej-cubr {
   text-align: center;
   width: 420px;
   margin: 0 auto;
}
	
	#mej-cubr img {
	 width: 80px;
	}
	
	#mej-cubr h2 {
 font-size: 20px;
 color: #5B5B5B;
 font-family: 'AvenirMedium';
 font-style: oblique;
}
	
	
#mej-cubr .logos img {
 width: 100px;
}
	
#cubrebocas-bio {
width: 420px;
display: grid;
margin-top: 30px;
}

	
#cubrebocas-bio .video-bio {
  margin-top: 0px;
  width: 100%;
  margin: 0 auto;
}
	
#cubrebocas-bio .texto-abio {
width: 100%;
}
	
#cubrebocas-bio .texto-abio h3 {
 font-size: 17px;
 font-weight: 100;
 text-align: center;
}
	
#cubrebocas-bio .texto-abio p {
 font-size: 14px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
#cubrebocas-bio .texto-bbio {
width: 100%;
height: auto;
position: relative;
}
	
#cubrebocas-bio .texto-bbio h3 {
 font-size: 17px;
 font-weight: 100;
 text-align: center;
}
	
#cubrebocas-bio .texto-bbio p {
 font-size: 14px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
	#cubrebocas-bio .texto-bbio img {
      width: 100%;
	}
	
	.image-list {
	 width: 100%;
	}
	
	.image-list img {
	 width: 100%;
	}
	
  #tuto-video {
 width: 420px;
 margin: 0 auto;
 
}
	
#tuto-video h2 {
 font-size: 20px;
 text-align: center;
}
	
.tl-videos {
 width: 100%;
 height: auto;
 position: relative;
 display: grid;
}
	
 .tl-videos .lvideo {
 width: 100%;
 position: relative;
 margin: 1% auto;
}
	


	
	.tl-videos .lvideo iframe {
	 width: 100%
	}
	
	#cuid-bio {
 width: 420px;
 margin: 0 auto;
 text-align: center;
}
	
#cuid-bio h2 {
  font-size: 22px;

 text-align: center;
}

#cuid-bio p {
 font-size: 14px;
 font-weight: 100;
 width: 97%;
 margin: 0 auto;
}
	
	.carru-bio iframe {
	 height: 400px;
	}

  
}

@media screen and (max-width: 420px) {
	
	/************* slider *************/
	
	.owl-carousel {
  position: relative;
  min-height: 390px;
  height: 390px;
  max-height: 600px;
  width: 100%;
}
	
.owl-carousel .owl-slide {
  background-image: url("");
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: center;
}
	
	#uno {
background-image: url(images/ninos-mivil.jpg);
}
#dos {
background-image: url(images/nina-movil.jpg);
}

#tres {
background-image: url(images/adulto-movil.jpg);
}

#cuatro {
background-image: url(images/mujer-mivil.jpg);
}

#cinco{
background-image: url(images/America-Mov-Slider.jpg);
}
	
	

	#mej-cubr {
   text-align: center;
   width: 100%;
   margin: 0 auto;
}
	
	#mej-cubr img {
	 width: 70px;
	}
	
	#mej-cubr h2 {
 font-size: 20px;
 color: #5B5B5B;
 font-family: 'AvenirMedium';
 font-style: oblique;
}
	
	
#mej-cubr .logos img {
 width: 90px;
}
	
#cubrebocas-bio {
width: 99%;
display: grid;
margin-top: 30px;
}

	
#cubrebocas-bio .video-bio {
  margin-top: 0px;
  width: 100%;
  margin: 0 auto;
}
	
#cubrebocas-bio .texto-abio {
width: 100%;
}
	
#cubrebocas-bio .texto-abio h3 {
 font-size: 17px;
 font-weight: 100;
 text-align: center;
}
	
#cubrebocas-bio .texto-abio p {
 font-size: 14px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
#cubrebocas-bio .texto-bbio {
width: 100%;
height: auto;
position: relative;
}
	
#cubrebocas-bio .texto-bbio h3 {
 font-size: 17px;
 font-weight: 100;
 text-align: center;
}
	
#cubrebocas-bio .texto-bbio p {
 font-size: 14px;
 color: #5B5B5B;
 font-family: 'AvenirRoman';
 font-weight: 100;
 text-align: justify;
 width: 97%;
 margin: 0 auto;
}
	
	#cubrebocas-bio .texto-bbio img {
      width: 100%;
	}
	
	.image-list {
	 width: 100%;
	}
	
	.image-list img {
	 width: 100%;
	}
	
  #tuto-video {
 width: 99%;
 margin: 0 auto;
 
}
	
#tuto-video h2 {
 font-size: 20px;
 text-align: center;
}
	
.tl-videos {
 width: 100%;
 height: auto;
 position: relative;
 display: grid;
}
	
 .tl-videos .lvideo {
 width: 100%;
 position: relative;
 margin: 1% auto;
}
	


	
	.tl-videos .lvideo iframe {
	 width: 100%
	}
	
	#cuid-bio {
 width: 99%;
 margin: 0 auto;
 text-align: center;
}
	
#cuid-bio h2 {
  font-size: 22px;

 text-align: center;
}

#cuid-bio p {
 font-size: 14px;
 font-weight: 100;
 width: 97%;
 margin: 0 auto;
}
	
.carru-bio iframe {
 width: 100%;
 border: 0;
 height: 500px
}

  
}