html {
	scroll-behavior: smooth;
}

body {
	font-size: 16px;
	font-family: 'Raleway', sans-serif;
}

footer {
	background: #343A40;
	padding-top: 40px;
	padding-bottom: 0px;
}

.contenedorslidecadena {
	padding-bottom: 80px;
	background: black;
}

.videoelnecio {
	padding-bottom: 20px;
}

.equipo-tecnico {
	padding-bottom: 20px;
}

.botonesredessociales {
	text-decoration: none;
	color: grey;
	width: 100%;
	text-align: center;
}

.fa {
	text-decoration: none;
	padding-left: 5px;
	padding-right: 5px;
}

.fa:hover {
	text-decoration: none;
	color: white;
}

.facebook {
	text-decoration: none;
	color: grey;
}

.instagram {
	text-decoration: none;
	color: grey;
}

.twitter {
	text-decoration: none;
	color: grey;
}

.miralapelicula {
	text-decoration: none;
	background: #343A40;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: center;
	margin-top: -10px;
}

.desarrolladopor {
	text-decoration: none;
	background: #1c1f22;
	padding-top: 13px;
	padding-bottom: 3px;
	text-align: center;
}

.derechos {
	text-decoration: none;
	background: #343A40;
	padding-top: 20px;;
	text-align: center;
	margin-top: 10px;
	color: white;
}

.miralapeliculatexto {
  text-decoration: none;
	color: white;
	text-align: center;
}

.miralapeliculatexto:hover {
	text-decoration: none;
	color: grey;
}

.derechostexto {
  text-decoration: none;
	color: white;
	text-align: center;
	font-size: 14px;
}

.developedtexto {
  text-decoration: none;
	color: white;
	text-align: center;
	text-decoration: underline;
}

.developedtexto:hover {
	text-decoration: none;
	color: grey;
}

.black {
		font-family: 'Raleway', black;
}

.quienessomos {
	text-align: center;
	padding-top: 10px;
	letter-spacing: 5px;
	font-weight: 700;
	padding-bottom: 40px;
}

.botoninfo {
	padding-bottom: 40px;
	padding-top: 20px;
	text-align: center;
}

.textopopup {
	text-align: justify;
	padding: 20px;
}

.botond {
	text-decoration: none;
	color: black;
	padding: 5px;
	text-align: center;
}

.botond:hover {
text-decoration: none;
color: grey;
}

.botonservicios {
border: 1px solid white; /*anchura, estilo y color borde*/
text-decoration: none;
color: white;
font-family: 'PT Sans', sans-serif;
margin:0px auto;
font-size: 18px;
text-align: center;
width: 210px;
height: 30px;
margin-bottom: 30px;
}

.botonservicios2 {
border: 1px solid white; /*anchura, estilo y color borde*/
text-decoration: none;
color: white;
font-family: 'PT Sans', sans-serif;
margin:0px auto;
font-size: 18px;
text-align: center;
width: 300px;
height: 30px;
margin-top: 20px;
}

.titulosbyc {
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	margin: auto;
	padding-top: 16%;
	text-decoration: none;
	color: white;
}

.tituloservicios {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	color: white;
	font-size: 30px;
	text-align: center;
	width: 500px;
}

.tituloservicios:hover {
	text-decoration: none;
	color: grey;
}

.vermas {
	font-weight: bold;
	text-decoration: none;
	color: white;
}

.portada {
	position: relative;
}

.portadaservicios {
	position: relative;
}


.logoportada {
	position: absolute;
	top: 30%;
	left: 42%;
	margin: 0px auto;
	width: 200px;
}

.tarjeta {
	text-align: center;
	padding-top: 20px;
}

 .titulo1 {
	 font-family: 'Raleway', sans-serif;
	 font-weight: 700;
	 letter-spacing: 3px;
	 padding-top: 20px;
 }

.presentacion {
	font-size: 12px;
}

.qsinfo {
	width: 70%;
	margin: 0px auto;
	text-align: justify;
	align-items: center;
}

.tituloportada {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	color: white;
	font-size: 120px;
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	height: 30%;
}

.tituloportadaservicios {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	color: white;
	font-size: 100px;
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	line-height : 80px;
	height: 30%;
}

.tituloportadacolaborar {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	color: white;
	font-size: 100px;
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	line-height : 100px;
	height: 50%;
}

.tituloportadacadena {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	color: white;
	font-size: 100px;
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	line-height : 80px;
	height: 20%;
}

.tituloportada2 {
	font-family: 'Big Shoulders Display';
	font-weight: 800;
	color: white;
	font-size: 120px;
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	width: 800px;
	padding-top: 13%;
}

.contenedorlogoindex {
	position: absolute;
	top: 0;
  left: 0;
  right: 0;
	bottom: 0;
	margin: auto;
	text-align: center;
	padding-top: 13%;
}

.contanostuproyecto {
	text-decoration: none;
	color: white;
	font-family: 'PT Sans', sans-serif;
	color: white;
	font-size: 26px;
	letter-spacing: 1px;
}

.contanostuproyecto:hover {
	text-decoration: none;
	color: grey;
}

.fondo1 {
	position: relative;
	width: 100%;
}

.contactanos {
	text-align: center;
	color: white;
}

.formulario {
	text-align: center;
}

input {
	font-family: 'Raleway', sans-serif;
	width: 40%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	color: white;
	border: 1px solid white;
	background: none;
}

textarea {
	font-family: 'Raleway', sans-serif;
	width: 40%;
	padding: 12px 20px;
	margin: 8px 0;
	box-sizing: border-box;
	color: white;
	border: 1px solid white;
	background: none;
}

.footer {
	text-align: center;
	padding-top: 15px;
	color: white;
}

.fredes {
	padding-bottom: 15px;
}

.seccion1-credo {
	position: relative;
	margin-bottom: -10px
}


.contenidocadenademando {
	position: relative;
}

.infoproy {
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-align: justify;
}

.infopeliculas {
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-align: justify;
}

.infoproyectos {
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-align: justify;
	padding-bottom: 20px;
}

.infonecio {
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-align: justify;
}

.infoproyectosnecio {
	color: #FFFFFF;
	font-family: 'Raleway', sans-serif;
	font-size: 15px;
	text-align: justify;
	padding-bottom: 0px;
}

.titulosinfopeliculas {
	font-family: 'Raleway';
	font-weight: 800;
	padding-bottom: 20px;
	color: #FFFFFF;
}

.titulosinfoprensa {
	font-family: 'Raleway';
	font-weight: 800;
	padding-bottom: 20px;
	padding-left: 20px;
	padding-top: 20px;
	color: #FFFFFF;
}

.enlacescarousel {
	text-decoration: none;
	color: white;
}

.enlacescarousel:hover {
  text-decoration: none;
	color: grey;
}

.fondogris {
	background: #f1f1f1;
	text-align: center;
	padding: 5em 0em 4em 0em;
}

.somos {
	width: 53%;
	margin: 0px auto;
	padding-bottom: 1em;
}

.contenedorqs {
	width: 100%;
	margin: auto;
	background: #f1f1f1;
	text-align: center;
	padding: 50px 110px 15px 110px;
}

.img-fluid1 {
	max-width: 100%;
	height: auto;
	padding-top: 10px;
}

.img-fluid2 {
	max-width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

.contenedorcount {
	position: relative;
	justify-content: center;
	align-items: center;
}

.elemcount {
	color: white;
	position: absolute;
	text-align: center;
	align-items: center;
	margin: 0px;
	top: 38%;
	left: 37%;
}

.contenedorp {
	width: 500px;
}

.seccion5 {
	margin: 0px auto;
	align-items: center;
}

ul.countdown {
		list-style: none;
		margin: 3px 0px;
		padding: 0px;
		display: block;
		text-align: center;
}

ul.countdown li {
		display: inline-block;
}

ul.countdown li span {
		font-size: 60px;
		font-weight: 300;
		line-height: 80px;
}

ul.countdown li.seperator {
		font-size: 80px;
		line-height: 70px;
		vertical-align: top;
}

ul.countdown li p {
		color: #a7abb1;
		font-size: 14px;
}

a {
		color: #76949F;
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
}

.credo-02 {
	position: absolute;
}

.columnas-1a {
	position: relative;
}

.cont-seccion1 {
	position: relative;
	margin-left: 70px;
	margin-right: 70px;
	padding-bottom: 70px;
	padding-top: 70px;
}

.cont-seccioncontacto {
	position: relative;
	margin-left: 70px;
	margin-right: 70px;
	padding-bottom: 70px;
	padding-top: 50px;
}

.cont-seccionservicios {
	position: relative;
	margin-left: 70px;
	margin-right: 70px;
	padding-bottom: 70px;
	padding-top: 70px;
}

.contenedorproyectosinfo {
	position: relative;
	margin-left: 70px;
	margin-right: 70px;
	padding-bottom: 70px;
	padding-top: 70px;
}

.cont-seccion2 {
	position: relative;
	margin: 70px 70px auto;
	padding-bottom: 30px;
}

.trailercadenademando {
	margin-top: 20px;
}

.fondo {
	position: absolute;
}

.contenidofondo {
	position: relative;
}

.contenedorslide2 {
	position: relative;
	width: 30%;
	margin: 0px auto;
	padding-top: 40px;
	padding-bottom: 40px;
}

.poster {
	width: 100%;
	margin: 0px auto;
}

.botonposter {
border: 1px solid white; /*anchura, estilo y color borde*/
text-decoration: none;
padding-top: 8px; /*espacio alrededor texto*/
text-align: center;
color: white;
font-family: 	font-family: 'Raleway', black; /*tipografía texto*/
width: 230px;
height: 42px;
margin: 0px auto;
margin-bottom: 80px;
}

.botonposter:hover {
border: 1px solid grey;
color: grey;
}

.botonp {
text-decoration: none;
color: white;
}

.botonp:hover {
text-decoration: none;
color: grey;
}

.fondocontacto {
	position: relative;
}

.contfor {
	position: absolute;
	top: 15%;
  left: 0;
  right: 0;
	bottom: 0;
}

.enlacesform {
	text-decoration: none;
	color: white;
}

.enlacesform:hover {
  text-decoration: none;
	color: grey;
}

.botonenviar {
border: 1px solid white; /*anchura, estilo y color borde*/
text-decoration: none;
padding-top: 10px; /*espacio alrededor texto*/
text-align: center;
color: white;
font-family: 	font-family: 'Raleway', black; /*tipografía texto*/
width: 80px;
height: 50px;
margin: 0px auto;
}

.dvds {
	display: flex;
	align-items: center;
	justify-content: center;
}

.ppp {
	padding-bottom: 100px;
}

.botonbuscamos {
	border: 1px solid white; /*anchura, estilo y color borde*/
	text-decoration: none;
	color: white;
	font-family: 	font-family: 'Raleway', black; /*tipografía texto*/
	padding-top: 10px; /*espacio alrededor texto*/
	padding-bottom: 10px;
	margin-bottom: 40px;
	margin-top: 30px;
	width: 240px;
	height: 100px;
	margin:0px auto;
	text-align: center;
	}

	.botonbuscamos:hover {
	border: 1px solid grey;
	color: grey;
	}

	.botonb {
	text-decoration: none;
	color: white;
	}

	.botonb:hover {
	text-decoration: none;
	color: grey;
	}

	.contenedorft {
		width: 55%;
		margin: 0px auto;
		align-items: center;
		justify-content:center;
	}

.titulosinfosobreviviente1 {
	font-family: 'Raleway';
	font-weight: 800;
	padding-top: 90px;
}

.titulosinfosobreviviente2 {
	font-family: 'Raleway';
	font-weight: 800;
	padding-top: 30px;
}

.gotopbtn {
	position: fixed;
	width: 40px;
	height: 40px;
	background: black;
	bottom: 70px;
	right: 50px;
	text-decoration: none;
	text-align: center;
	color: white;
	font-size: 25px;
}

.gotopbtn:hover {
	background: #343A40;
	color: white;
}

.fondopeliculas {
	background: black;
}

.fondoservicios {
	background: black;
	position: relative;
}

.embed-responsive-item {
	padding-top: 0px;
}

.logosfestivales {
	position: absolute;
	top: 400px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: auto;
}

.facebookelcredo {
	width: 100%;
	margin: 0px auto;
}

.logos-redes {
	width: 100%;
	margin: 0px auto;
  text-align: center;
	padding: 10px;
}



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

	.contenedorqs {
		width: 100%;
		margin: auto;
		background: #f1f1f1;
		text-align: center;
		padding: 50px 30px 15px 30px;
	}

	.cont-seccionservicios {
		position: relative;
		margin-left: 70px;
		margin-right: 70px;
		padding-bottom: 70px;
		padding-top: 70px;
	}

	.cpublicaciones {
		width: 400px;
		margin: 0px auto;
		padding-top: 100px;
		padding-bottom: 100px;
	}

		.tituloportada {
				font-size: 80px;
				height: 40%;
		}

		.tituloportadaservicios {
				font-size: 60px;
				height: 30%;
		}

		.tituloportadacolaborar {
				font-size: 60px;
				height: 30%;
		}

		.tituloportadacadena {
				font-size: 60px;
				height: 20%;
		}

		.logosfestivales {
			margin-left: 0px;
			margin-top: 30px;
			width: 100%;
		}

		.cont-seccion1 {
			position: relative;
			margin-left: 10px;
			margin-right: 10px;
			padding-bottom: 10px;
			padding-top: 10px;
		}

		.cont-seccionservicios {
			position: relative;
			margin-left: 10px;
			margin-right: 10px;
			padding-bottom: 100px;
			padding-top: 50px;
		}

		.afichecredo {
			width: 100%;
		}

		.afichecadenademando {
			width: 100%;
			margin-top: 30px;
			margin-bottom: 30px;
		}

		.embed-responsive-item {
			padding-top: 30px;
		}

		.logosfestivales {
			position: relative;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			margin: auto;
		}

		.slide1 {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.cpublicaciones {
			width: 100%;
			margin: 0px auto;
		}

		.contenedorslide2 {
			position: relative;
			width: 100%;
			margin: 0px auto;
			padding-top: 20px;
			padding-bottom: 20px;
		}

		.contenedorproyectosinfo {
			position: relative;

		}

		.infoproyectos {
			color: #FFFFFF;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			text-align: justify;
		}

		.infoproyectosnecio {
			color: #FFFFFF;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			text-align: justify;
		}

		.contenedorft {
			width: 80%;
			margin: 0px auto;
			align-items: center;
			justify-content:center;
		}

		.infoproy {
			color: #FFFFFF;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			text-align: justify;
			padding-top: 30px;
		}

		.qsinfo {
			width: 90%;
			margin: 0px auto;
			text-align: justify;
			align-items: center;
		}

		.contenedorquienessomos {
			background: #f1f1f1;
			text-align: center;
			padding: 20px 80px 15px 80px;
		}
}

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

	.contenedorqs {
		width: 100%;
		margin: auto;
		background: #f1f1f1;
		text-align: center;
		padding: 50px 20px 15px 20px;
	}

		.somos {
			width: 70%;
			margin: 0px auto;
			padding-bottom: 1em;
		}

		.tituloportada {
				font-size: 60px;
				height: 20%;
			}

			.tituloportadaservicios {
					font-size: 60px;
					height: 45%;
					line-height: 70px;
				}

			.tituloportadacolaborar  {
					font-size: 60px;
					height: 55%;
					line-height: 70px;
				}

			.tituloportadacadena {
					font-size: 70px;
					height: 40%;
				}

		.afichecredo {
			width: 100%;
			padding-top: 30px;
		}

		.afichecadenademando {
			width: 100%;
			margin-top: 30px;
			margin-bottom: 30px;
		}

		.embed-responsive-item {
			padding-top: 30px;
		}

		.logosfestivales {
			position: relative;
			top: 0px;
			left: 0px;
			right: 0px;
			bottom: 0px;
			margin-left: 0px;
			margin-top: 30px;
			padding-top: 20px;
			width: 100%;
			margin: auto;
		}

		.slide1 {
			margin-top: 20px;
			margin-bottom: 20px;
		}

		.cpublicaciones {
			width: 100%;
			margin: 0px auto;
		}

		.contenedorslide2 {
			position: relative;
			width: 100%;
			margin: 0px auto;
			padding-top: 0px;
			padding-bottom: 0px;
		}

		.contenedorproyectosinfo {
			position: relative;
			margin-left: 10px;
			margin-right: 10px;
			padding-bottom: 10px;
			padding-top: 10px;
		}


		.infoproyectos {
			color: #FFFFFF;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			text-align: justify;
		}

		.infoproyectosnecio {
			color: #FFFFFF;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			text-align: justify;
		}

		.contenedorft {
			width: 90%;
			margin: 0px auto;
			align-items: center;
			justify-content:center;
		}

		.infoproy {
			color: #FFFFFF;
			font-family: 'Raleway', sans-serif;
			font-size: 15px;
			text-align: justify;
			padding-top: 30px;
		}

		.contanostuproyecto {
			text-decoration: none;
			color: white;
			font-family: 'PT Sans', sans-serif;
			color: white;
			font-size: 24px;
			letter-spacing: 1px;
			line-height: 30px;
		}

		.contanostuproyecto:hover {
			text-decoration: none;
			color: grey;
		}


		.hagamoscrecer {
			text-decoration: none;
			color: white;
			font-family: 'PT Sans', sans-serif;
			color: white;
			font-size: 24px;
			letter-spacing: 1px;
		}

		.tituloservicios {
			font-family: 'Big Shoulders Display';
			font-weight: 800;
			color: white;
			font-size: 26px;
			text-align: center;
			width: 500px;
		}

		.tituloservicios:hover {
			text-decoration: none;
			color: grey;
		}

		input {
			font-family: 'Raleway', sans-serif;
			width: 90%;
			padding: 12px 20px;
			margin: 8px 0;
			box-sizing: border-box;
			color: white;
			border: 1px solid white;
			background: none;
		}

		textarea {
			font-family: 'Raleway', sans-serif;
			width: 90%;
			padding: 12px 20px;
			margin: 8px 0;
			box-sizing: border-box;
			color: white;
			border: 1px solid white;
			background: none;
		}

		.botonenviar {
		border: 1px solid white; /*anchura, estilo y color borde*/
		text-decoration: none;
		padding-top: 10px; /*espacio alrededor texto*/
		padding-bottom: 20px;
		text-align: center;
		color: white;
		font-family: 	font-family: 'Raleway', black; /*tipografía texto*/
		width: 80px;
		height: 50px;
		margin: 0px auto;
		}

		.contenedorlogoindex {
			position: absolute;
			top: 0;
		  left: 0;
		  right: 0;
			bottom: 0;
			margin: auto;
			text-align: center;
			padding-top: 45%;
		}

		.cont-seccion1 {
			position: relative;
			margin-left: 10px;
			margin-right: 10px;
			padding-bottom: 10px;
			padding-top: 10px;
		}

		.qsinfo {
			width: 85%;
			margin: 0px auto;
			text-align: justify;
			align-items: center;
		}

		.contenedorquienessomos {
			background: #f1f1f1;
			text-align: left;
			padding: 20px 80px 15px 80px;
		}

		.contenedorslidecadena {
			padding-bottom: 40px;
			background: black;
		}

}