/*------------------------------------*\
$PIE
\*------------------------------------*/

footer {
	margin-top: 100px;
	padding-top: 90px;
	padding-bottom: 40px;
	background: #f5f5f5;
	h3 {
		margin-bottom: 35px;	
	}
	ul {
		text-align: center;
		li {
			a {
				font-style: normal;
				font-weight: normal;
				font-size: 18px;
				line-height: 30px;
				text-align: center;
				color: #888888;	
				&:hover {
				color:$color-primary;	
				}
			}	
		}
	}
	a:hover {
		
	}
	address {
		font-style: normal;
		font-weight: normal;
		font-size: 18px;
		text-align: center;
		color: #888888;
		line-height: 30px;	
		.tel {
			font-style: normal;
			margin-top: 30px;
			margin-bottom: 35px;
			font-weight: 600;
			font-size: 22px;
			line-height: 30px;
			text-align: center;
			color: $color-primary;	
		}
	}
	.social {
		margin-top: 65px;
		li {
			float: left;
			margin-left: 6px;
			margin-right: 6px;
			&:hover svg path,&:hover svg rect,&:hover svg circle, &:hover svg polygon {
           fill: $color-primary; 
       }	
		}	
	}

	address {
		text-align: left;
	}

	.contact {
		margin-top: 35px;
		margin-bottom: 30px;
		li {
			float: left;
			margin-right: 45px !important;
			a {
				font-style: normal;
				font-weight: 400;
				font-size: 16px;
				line-height: 19px;
				color: #999999 !important;
			img {
				padding-right: 10px;
			}	
			}	
		}
		li:last-child {
			margin-right: 0px !important;
		}	
	}


	.subfooter {
		font-style: normal;
		font-weight: normal;
		font-size: 14px;
		line-height: 22px;
		text-align: center;
		color: #BEBEBE;
		margin-top: 25px;
		.interactiva {
			color: $color-primary;
			margin-top: 15px;
			a,i {
				color: $color-primary;	
			}
		}
	}
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
	footer {
		text-align: center;
	}
	address {
	text-align: center !important;	
	}
	footer ul.links, footer ul.links-aditional {
		margin-top: 20px;
		li {
			padding-left: 0px;	
		}
	}


	footer ul.contact li {
		padding-left: 0px;
		width: 100%;
		text-align: center;
	}
	.subfooter {
		margin-top: 30px !important;
	}
	footer h3 {
	margin-bottom: 10px;	
	}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {

}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {

}