html, body {
    /* height: 100%; */
	margin: 0;
	padding: 0;
}

/* Fonts */
.actor-font{
	font-family: 'Actor', sans-serif;
}

.pridi-font{
	font-family: 'Pridi', sans-serif;
}

.nunito-font{
	font-family: 'Nunito', sans-serif;
}


/* Navigation */
.emprende-navbar-bk {
	/* z-index: inherit; */
	background-color: #0000c3;
	color: white !important;
}


/* Content */
#main {
    height: 90%; /* altura del index */
	/*height: 100vh; altura del index*/
	max-height: 90vh;
	color: white;
}

.title {
	font-size: 90px;
	font-weight: 400;
}

#main {
	height: 100vh;
}

.emprende-button, .emprende-button:hover {
	border-radius: 25px;
	/* border: 2px solid hsla(100,10%,100%,1); */
	border: 2px solid #E6C004;
	background: #FAD000;
	color: #0000c3;
	padding: 5px 40px;
	font-size: 20px;
	cursor: pointer;
	text-decoration: none;
	margin: 0px 0px;
	font-weight: 400;

}

.secondary-button{
	border-radius: 25px;
	border: 2px solid #0065AF;
	background: transparent;
	color: #0065AF;
	padding: 5px 40px;
	font-size: 18px;
	cursor: pointer;
	text-decoration: none;
	margin: 0px 0px;
}


/* Estadisticas */
.statics__title {
	font-family: 'Nunito', sans-serif;
	font-weight: 600;
	font-size: 2.3em;
	text-align: center;
}

.statics__content {
	font-family: 'Actor', sans-serif;
	display: block;
	font-size: 1.5em;
	display: block;
	text-align: center;
}

/* Productos */
#productos {
	height: 100%;
	min-height: 100vh;
}

#sucursales {
	height: 100%;
}

.e-subtitles h2{
	font-size: 2.8em;
	margin: 0 0 0 0;
	font-weight: 400;
}	

.e-subtitles ul{
	font-size: 1.3em;
}

/* Testimonios */
.c_image {
	border-radius: 50%;
	width: 200px;
	height: 200px;
}


/* Footer */

#footer {
	background-color: #697077;
}


#footer a {
	color: #FFFFFF;
	text-decoration: none;
}

#footer a:hover {
	color: white;
	text-decoration: none;
}

.e-grey{
	color: #666666;
}






/* Fondo main */
.main-bk{
    position: absolute;
    opacity: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: none;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(130deg,#0000c3,#0000e3, #09B0ED);
    background-image: -o-linear-gradient(130deg,#0000c3,#0000e3, #09B0ED);
    background-image: linear-gradient(130deg,#0000c3,#0000e3, #09B0ED);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	transform: skewY(-6deg);
	/*transform: perspective(500px) skewY(-28deg) translate(500px, 500px) rotate(10deg) scale(0.3, 0.5) rotate3d(1, 2.0, 3.0, 10deg);*/
	z-index: -1;
}

/* Fondo suursales */
.emprende-local-bk {
    position: absolute;
    opacity: 1;
/*  left: 0;
    top: 0;*/
    width: 100%;
    height: 100%;
    background-image: none;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(40deg, #434a64,#333d67, #333d67,#2c386b);
    background-image: -o-linear-gradient(40deg, #434a64,#333d67, #333d67,#2c386b);
    background-image: linear-gradient(40deg, #434a64,#333d67, #333d67,#2c386b);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	transform: skewY(-7deg);
	/*transform: perspective(500px) skewY(-28deg) translate(500px, 500px) rotate(10deg) scale(0.3, 0.5) rotate3d(1, 2.0, 3.0, 10deg);*/
	z-index: -1;
}

/* Fondo suursales */
.sucursales-bk {
    position: absolute;
    opacity: 1;
/*  left: 0;
    top: 0;*/
    width: 100%;
    height: 100%;
    background-image: none;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(40deg, #e59a51,#fdcd0a, #fdcd0a,#fdcd0a);
    background-image: -o-linear-gradient(40deg, #e59a51,#fdcd0a, #fdcd0a,#fdcd0a);
    background-image: linear-gradient(40deg, #e59a51,#fdcd0a, #fdcd0a,#fdcd0a);
	-webkit-transform-origin: top left;
	-moz-transform-origin: top left;
	-ms-transform-origin: top left;
	transform-origin: top left;
	-webkit-transform: skewY(-8deg);
	-moz-transform: skewY(-8deg);
	-ms-transform: skewY(-8deg);
	transform: skewY(-7deg);
	/*transform: perspective(500px) skewY(-28deg) translate(500px, 500px) rotate(10deg) scale(0.3, 0.5) rotate3d(1, 2.0, 3.0, 10deg);*/
	z-index: -1;
}

.entidades-bk {
    background-image: linear-gradient(130deg,#0000c3,#0000e3, #2020EA);
	color: white;
}

.sucursales-cards {
    background-image: url("img/fondo_sucursales.png");
	
}



@media screen and (max-width: 1600px){
	/* body {
		border: 5px solid red;
	} */


}

@media screen and (max-width: 1350px){
	/* body {
		border: 5px solid green;
	} */
}

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

	/* body {
		border: 5px solid peru;
	} */

	/* Portada */
	.title {
		font-size: 3em;
		color: white;
	}	

	.subtitle {
		font-size: .9em;
		color: white;
	}
}

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

	/* body {
		border: 5px solid yellow;
	} */

	.title {
		font-size: 3.5em;
		color: white;
	}	

	.subtitle {
		font-size: .9em;
		color: white;
	}


	/* Estadisticas */
	.statics__title {
		font-family: 'Nunito', sans-serif;
		font-weight: 400;
		font-size: 2em;
		text-align: center;
	}

	.statics__content {
		font-family: 'Actor', sans-serif;
		display: block;
		font-size: 1.3em;
		display: block;
		text-align: center;
	}


}

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

	/* body {
		border: 5px solid red;
	} */

	.title {
		font-size: 2.5em;
		color: white;
	}	

	.subtitle {
		font-size: 1em;
		color: white;
	}


	/* Productos */
	.e-subtitles h2{
		font-size: 2.8em;
		margin: 0 0 0 0;
		font-weight: 400;
		text-align: center;
	}
}

@media screen and (max-width: 575px) {
	/* body {
		border: 5px solid orange;
	} */


	/* Portada */
	.title {
		font-size: 3em;
		color: white;
	}	

	.subtitle {
		font-size: .8em;
		color: white;
	}

	/* Productos */
	.e-subtitles h2{
		font-size: 2.8em;
		margin: 0 0 0 0;
		font-weight: 400;
		text-align: center;
	}


	/* Testimonios */
	.c_image {
		border-radius: 50%;
		width: 120px;
		height: 120px;
	}
}


/* Cards style */

.img-gradient {
    background-image: none;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(150deg, #0a5dd3, #24a7ff);
    background-image: -o-linear-gradient(150deg, #0a5dd3, #24a7ff);
/*  background-image: linear-gradient(130deg,#fdcd0a,#fdcd0a,#E5BD51,#E5BD51);
    background-image: linear-gradient(40deg,#F6C237,#fdcd0a,#fdcd0a,#F7C847);
	background-image: linear-gradient(40deg,#A6B0BE,#8E96A2,#8E96A2,#687B96);*/

	background-image: linear-gradient(40deg,#E5BD51,#E5BD51,#E5BD51,#E5BD51);
	z-index: -1;
	opacity: 0.8;
}

.img-1-bk {
	background-image: url('https://images.unsplash.com/photo-1490457843367-34b21b6ccd85?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=769&q=80');
}

.card__img-1 {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 25px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.card__img-1-bk {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	width: 100%;
	height: 180px;
	border-top-left-radius: 12px;
	border-top-right-radius: 12px;
}

.card {
	margin: 20px 20px 20px 20px;
	transition: all .3s cubic-bezier(0.175, 0.885, 0, 1);
	background-color: #fff;
	/* width: 33.3%; */
	position: relative;
	border-radius: 14px;
	overflow: hidden;
	box-shadow: 0px 13px 10px -7px rgba(0, 0, 0,0.1);
}


.card__info {
	z-index: 2;
	background-color: #fff;
	border-bottom-left-radius: 12px;
	border-bottom-right-radius: 12px;
	padding: 15px 24px 15px 24px;
}

.card__category {
	font-family: 'Raleway', sans-serif;
	text-transform: uppercase;
	font-size: 13px;
	letter-spacing: 2px;
	font-weight: 500;
	color: #868686;
}

.card__title {
	margin-top: 5px;
	margin-bottom: 10px;
	font-family: 'Roboto Slab', serif;
	font-size: 28px;
}

.card__by {
	font-size: 12px;
	font-family: 'Raleway', sans-serif;
	font-weight: 500;
	margin-bottom: 5px;
}

.card__author {
	font-weight: 600;
	text-decoration: none;
	color: #AD7D52;
}

.card__link { 
	margin: 18px 0px;
}

.color_link{
	color: #0000c3;
}