/*Sliding Text and Icon Menu Style*/
.sti-menu{
	width:100%;
	position:relative;
	margin:auto;
}
.sti-menu li{
	display:inline-block;
	vertical-align:top;
	width:25%;
	height:230px;
}
.sti-menu li a{
	display:block;
	overflow:hidden;
	background:#fff;
	text-align:center;
	height:100%;
	width:100%;
	position:relative;
	padding:0 20px;
}

.sti-menu li a.sti-news{background:#84391f;}
.sti-menu li a.sti-tele{background:#c6c6c6;}
.sti-menu li a.sti-arroba{background:#868589;}
.sti-menu li a.sti-face{background:#3865b1;}
.sti-menu li:hover a{
	background:#fff !important;
}

.sti-menu li a h2{
	position:absolute;
	padding:10px;
	width:100%;
	top:95px;
	left:0px;
	
	font-family: 'badscript', sans-serif;
	color: #ffffff;
	font-size: 28px;
	font-weight: 400;
	line-height: 35px;
}
.sti-menu li a h3{
	position:absolute;
	top:175px;
	left:0px;
	width:100%;
	color: #272727 !important;
	font-size: 14px;
	font-weight: 400;
}
.sti-icon{
	position:absolute;
	background-position:top center;
	background-repeat:no-repeat;
	background-size:cover;
	background-color:transparent;
	left:50%;
	top:40px;
}
.sti-icon-mail{
	background-image:url(../../../imgs/elem/news.png);
	width:40px;
	height:27px;
	margin-left:-20px;
}
.sti-icon-tele{
	background-image:url(../../../imgs/elem/tele.png);
	width:25px;
	height:33px;
	margin-left:-12px;
}
.sti-icon-arroba{
	background-image:url(../../../imgs/elem/arroba.png);
	width:34px;
	height:35px;
	margin-left:-17px;
}
.sti-icon-face{
	background-image:url(../../../imgs/elem/face.png);
	width:13px;
	height:26px;
	margin-left:-6px;
}


@media only screen and (max-width: 1330px) {
	.sti-menu li a h2 {
		font-size: 24px;
		line-height: 31px;
	}
}
@media only screen and (max-width: 1130px) {
	.sti-menu li a h2 {
		font-size: 20px;
		line-height: 27px;
	}
}
@media only screen and (max-width: 950px) {
	.sti-menu li{
		width:25%;
		height:50px;
	}
	.sti-menu li a h2{
		font-size: 20px;
		line-height: 27px;
		top:55px;
		display:none !important;
	}
	.sti-menu li a h3{
		top:135px;
		display:none !important;
	}
	.sti-icon{
		top:10px;
	}
	
	.sti-icon-mail{
		width:25px;
		height:17px;
		margin-left: -15px;
		top: 18px !important;
	}
	.sti-icon-tele{
		width:18px;
		height:24px;
		margin-left:-12px;
		top: 15px !important;
	}
	.sti-icon-arroba{
		width: 23px;
		height: 24px;
		margin-left: -13px;
		top: 16px !important;
	}
	.sti-icon-face{
		width: 11px;
		height: 20px;
		margin-left: -6px;
		top: 16px !important;
	}
}