html {overflow-x: hidden;}
body {transition: 0.4s; overflow-x: hidden;}

.fondo-uno {background-color: #046EB0;}
.fondo-dos {background-color: #E91C24;}
.fondo-tres {background-color: #DF4A0B;}
.fondo-cuatro {background-color: #DE0B0B;}
.fondo-cinco {background-color: #1F584D;}
.fondo-seis {background-color: #182F5B;}
.fondo-siete {background-color: #CD0011;}
.fondo-ocho {background-color: #02abc5;}

.img-25{height: 25px; width: 25px;}
.img-15{height: 15px; width: auto;}

.border-top {border-top:0.5px solid white;}
.border-bottom {border-bottom: 1px solid white;}
.border-left {border-left: 1px solid white;}
.border-bottom-2 {border-bottom: 1px solid rgba(255,255,255,1);	transition: 0.3s; color: rgba(255,255,255,1);}
.border-bottom-2:hover {border-bottom: 1px solid rgba(0,0,0,1);	color: black;}
.border-bottom-3 {border-bottom: 1px solid rgba(255,255,255,0.2); color: rgba(255,255,255,0.2) !important;}
.border-bottom-2:hover .change-fill{
	fill:black;
	animation-name: icon;
	animation-duration: 0.3s;
	animation-timing-function: linear;
	animation-iteration-count: infinite;
	animation-direction: alternate;
}

/* SLIDERS */
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%; background-color: white; border-radius: 18px 18px 18px 18px; -moz-border-radius: 18px 18px 18px 18px; -webkit-border-radius: 18px 18px 18px 18px; -webkit-box-shadow: 0px 7px 8px -8px rgba(0,0,0,0.58); -moz-box-shadow: 0px 7px 8px -8px rgba(0,0,0,0.58); box-shadow: 0px 7px 8px -8px rgba(0,0,0,0.58);}
.slick-prev:before, .slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}
.slick-active {opacity: .5;}
.slick-current {opacity: 1;}
		 
@media (max-width: 576px) { 
	.img-100 {height: 50px; width: auto;}
	.img-100-b {height: 80px; width: auto;}
	
	.slider {width: 90% !important; margin: 50px auto;}
	
	.body-height-home {height: auto;}
	body {overflow-y: auto !important;}

	.border-left {border-left: none !important;}
	
	#overflow-hidden-scroll {height: 320px;	overflow-x: hidden;}
	
	.font-size-19 {font-size: 15px;}
	.font-size-24 {font-size: 18px;}
	.font-size-30 {font-size: 30px;}
	.font-size-50 {font-size: 30px;}
	
	.img-25-b {height: 18px; width: 18px;}
	
	.background-cabecera {height:320px;	background-size: cover;	background-position: center; background-repeat: no-repeat;}
	.background-portfolio {height:400px; background-size: cover; background-position: center; background-repeat: no-repeat;}
}


@media (min-width: 576px) {
	.img-100-b {height: 100px; width: auto;}
	.img-100 {height: 100px; width: auto;}
	.slider {width: 90% !important; margin: 50px auto;}
	
	body {overflow-y: auto !important;}
	
	.border-left {border-left: none !important;}
	
	#overflow-hidden-scroll {height: 320px;	overflow-x: hidden;}
	
	.font-size-19 {font-size: 19px;}
	.font-size-24 {font-size: 24px;}
	.font-size-30 {font-size: 30px;}
	.font-size-50 {font-size: 50px;}
	
	.img-25-b {height: 25px; width: 25px;}
	
	.background-cabecera {height:500px;	background-size: cover;	background-position: center; background-repeat: no-repeat;}
	.background-portfolio {height:600px; background-size: cover; background-position: center; background-repeat: no-repeat;}
}


@media (min-width: 768px) { 
	.img-100-b {height: 100px; width: auto;}
	.img-100 {height: 100px; width: auto;}
	.slider {width: 60% !important; margin: 50px auto;}
	
	.border-left {border-left: none !important;}
	#overflow-hidden-scroll {height: 320px;	overflow-x: hidden;}
	
	.font-size-19 {font-size: 19px;}
	.font-size-24 {font-size: 24px;}
	.font-size-30 {font-size: 30px;}
	.font-size-50 {font-size: 50px;}
	
	.img-25-b {height: 25px; width: 25px;}
	
	.background-cabecera {height:500px;	background-size: cover;	background-position: center; background-repeat: no-repeat;}
	.background-portfolio{height:600px;	background-size: cover;	background-position: center; background-repeat: no-repeat;}
}


@media (min-width: 992px) { 
	.img-100-b {height: 100px; width: auto;}
	.img-100 {height: 100px; width: auto;}
	.slider {width: 50% !important; margin: 50px auto;}
	
	.border-left {border-left: 1px solid white !important;}
	
	#overflow-hidden-scroll{height: 320px; overflow-x: hidden;}
	
	.font-size-19 {font-size: 19px;}
	.font-size-24 {font-size: 24px;}
	.font-size-30 {font-size: 30px;}
	.font-size-50 {font-size: 50px;}
	
	.img-25-b {height: 25px; width: 25px;}
	
	.background-cabecera {height:70vh; background-size: cover; background-position: center; background-repeat: no-repeat;}
	.background-portfolio {height:800px; background-size: cover;	background-position: center; background-repeat: no-repeat;}
}


@media (min-width: 1200px) { 
	.img-100-b {height: 100px; width: auto;}
	.img-100 {height: 100px; width: auto;}
	
	.slider {width: 50% !important; margin: 50px auto;}
		
	.border-left {border-left: 1px solid white !important;}
	
	#overflow-hidden-scroll {height: 320px;	overflow-x: hidden;}
	
	.font-size-19 {font-size: 19px;}
	.font-size-24 {font-size: 24px;}
	.font-size-30 {font-size: 30px;}
	.font-size-50 {font-size: 50px;}
	
	.img-25-b {height: 25px; width: 25px;}
	
	.background-cabecera {height:70vh; background-size: cover; background-position: center; background-repeat: no-repeat;}
	.background-portfolio {height:700px; background-size: cover; background-position: center; background-repeat: no-repeat;}
}

@media (min-width:1400px) {
	.slider {width: 65% !important; margin: 50px auto;}
}