*{
	font-family: 'Open Sans', sans-serif;
	padding: 0;
	margin:0;
}

body{
	padding: 0 0 450px 0;
	overflow-x: hidden;
}


@media(max-width: 800px){
	body, html{
		padding: 0 0 0 0;
		overflow-x: hidden;
	}
}

.wrap{
	width: 90%;
	margin:auto;
	max-width: 1300px;
}

.go-top{
	position: fixed;
	line-height: 45px;
	width: 45px;
	text-align: center;
	bottom: 10px;
	right: 10px;
	font-size: 30px;
	cursor: pointer;
	z-index: 10;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

.go-top:hover{
	transform: translateY(-5px);
}

.clear{
	clear: both;
}

/* header */
header{
	position: absolute;
	width: 100%;
	z-index: 99999;
	padding: 5px 0;
	background-color: rgba(255,255,255,1);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

header.stick{
	position: fixed;
	z-index: 999999;
	background-color: #ffffff;
	box-shadow: 0 0 30px rgba(0,0,0,.3);
}

@media(max-width: 800px){
	header,
	header.stick{
		padding: 0 0 0 0;
		text-align: center;
	}
}

header .logo{
	width: 180px;
	float: left;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

header .logo img{
	width: 100%;
}

@media(max-width: 800px){
	header .logo{
		width: 50%;
		float: none;
		margin:auto;
	}
}

header.stick .logo{
	width: 110px;
}

header .logo img{
	margin:0 0 -5px 0;
}

/* social-header */
header .social{
	float: right;
	margin:28px 0 0 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

@media(max-width: 800px){
	header .social{
		display: none;
	}
}

header.stick .social{
	margin:8px 0 0 0;
}

header .social li{
	line-height: 40px;
	width: 40px;
	margin:0 0 0 5px;
	display: inline-block;
}

header .social li a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	background-color: #8dbc52;
	text-align: center;
	border-radius: 50%;
	transition: all 400ms ease;
}

header .social li a:hover{
	background-color: #9cbbca;
}

/* header phone */
header .phone-top{
	float: right;
	line-height: 30px;
	margin:28px 5px 0 0;
	background-color: #8dbc52;
	color: #ffffff;
	padding: 5px 10px 5px 5px;
	font-size: 14px;
	border-radius: 25px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
}

@media(max-width: 800px){
	header .phone-top{
		float: none;
		display: inline-block;
		text-align: center;
		margin:10px auto 10px auto;
	}
}

.btn-contact-page{
	text-align: center;
}

.btn-contact-page a{
	display: inline-block;
	background-color: #8dbc52;
	color: #ffffff;
	border-radius: 25px;
	padding: 12px 30px;
	margin:10px auto 0 auto;
	text-decoration: none;
}

header .phone-top:hover{
	background-color: #9cbbca;
}

header .phone-top a{
	display: block;
	text-decoration: none;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	padding: 0 10px 0 0px;
}

header .phone-top span{
	background-color: #ffffff;
	color: #8dbc52;
	border-radius: 50%;
	width: 30px;
	text-align: center;
	margin:0 5px 0 0;
	display: inline-block;
}

header.stick .phone-top{
	margin:9px 5px 0 0;
}

/* btn-nav */
#btn-nav{
	display: none;
}

@media(max-width: 800px){
	header label{
		position: absolute;
		top:20px;
		right: 15px;
		height: 35px;
		width: 35px;
		cursor: pointer;
		text-align: left;
	}

	header label span{
		position: absolute;
		width: 100%;
		height: 3px;
		background-color: #003476;
		-webkit-transition: all 400ms ease;
		-moz-transition: all 400ms ease;
		-ms-transition: all 400ms ease;
		-o-transition: all 400ms ease;
		transition: all 400ms ease;
		
	}

	header label span:nth-child(1){
		top:4px;
	}

	header label span:nth-child(2){
		top:15px;
	}

	header label span:nth-child(3){
		top:26px;
	}

	header #btn-nav:checked ~ label span:nth-child(1){
		transform: rotate(45deg);
		top:15px;
	}

	header #btn-nav:checked ~ label span:nth-child(2){
		opacity: 0;
		top:15px;
	}

	header #btn-nav:checked ~ label span:nth-child(3){
		transform: rotate(-45deg);
		top:15px;
	}
}

/* nav */
nav{
	float: left;
	margin:28px 0 0 7%;
	line-height: 40px;
}

header.stick nav{
	margin:7px 0 0 7%;
}

nav li{
	display: inline-block;
	font-size: 14px;
	position: relative;
}

nav li a{
	display: block;
	text-decoration: none;
	color: #333333;
	padding:0 15px;
	border:solid 2px transparent;
	font-weight: 600;
	transition: all 400ms ease;
	border-radius: 3px;
}

nav li a:hover{
	color: #8dbc52;
}

nav li.active a{
	border:solid 2px #8dbc52;
	color:#8dbc52;
	border-radius: 25px;
}

nav li.active:hover a{
	background-color: #8dbc52;
	color: #ffffff;
}

@media(max-width: 800px){
	nav{
		width: 50%;
		float: none;
		position: absolute;
		top:0;
		left: 0%;
		line-height: 45px;
		background-color: #ffffff;
		margin:0 0 0 0;
		transform: translateX(-100%);
		transition: all 400ms ease;
	}

	header.stick nav{
		left: -7%;
		top:-3px;
	}

	#btn-nav:checked ~ nav{
		transform: translateX(0%);
	}

	nav > ul > li{
		display: block;
		width: 100%;
		margin:0 0 0 0;
	}
	nav li a{
		border-radius: 0 0 0 0;
		padding: 0 10px;
	}

	nav > ul > li:last-child > a{
		background-color: transparent;
		color: #333333;
		margin:0 0 0 0;
		padding: 0 10px;
		border-radius: 0;
	}

	nav > ul > li:last-child:hover > a{
		color: #003476;
		background-color: transparent;
	}
}

/* sub-nav */
nav > ul > li > ul{
	position: absolute;
	width: 250%;
	top:100%;
	padding: 8px 0 0 0;
	max-height: 0;
	overflow:hidden;
	background-color: #ffffff;
	transition: all 400ms ease;
	opacity: 0;
}

@media(max-width: 800px){
	nav > ul > li > ul{
		position: static;
		padding: 0 0 0 0;
		width: 100%;
		background-color: #f0f0f0;
	}
}

nav > ul > li:hover > ul{
	max-height: 340px;
	opacity: 1;
}

nav > ul > li > ul > li{
	list-style:none;
	display: block;
}

nav > ul > li > ul > li > a{
	color: #777777;
}

nav > ul > li > ul > li:hover > a{
	color: #333333;
}

.home{
	background-image: url(../img/bg-home.jpg);
	background-size: 100%;
	background-attachment: fixed;
	width: 100%;
	box-shadow: inset 0em 100em rgba(0,0,0,.5);
	margin:0 0 0 0;
	padding: 265px 0 260px 0;
	position: relative;
	z-index: 2;
	background-color: #333333;
}

.home:after{
	content: "";
	width: 100%;
	height: 90px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	background-image: url(../img/separador4.svg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 110%;
}



.home h1{
	color: #ffffff;
	text-align: center;
	font-weight: 900;
	font-size: 50px;
	letter-spacing: -4px;
	text-transform: uppercase;
	width: 80%;
	position: relative;
	z-index: 2;
	margin:0 auto 20px auto;
	opacity: .9;
}

.home h1:first-letter{
	opacity: .6;
}

.home h2{
	text-align: center;
	max-width: 70%;
	margin:auto;
	color: #ffffff;
	font-weight: 300;
	position: relative;
	z-index: 2;
}

.home ul{
	text-align: center;
	margin:40px 0 0 0;
	position: relative;
	z-index: 2;
}

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

.home ul li a{
	display: block;
	text-decoration: none;
	padding: 13px 40px;
	margin:0 5px;
	text-decoration: none;
	color: #ffffff;
	font-weight: 500;
	width: 100px;
	border-radius: 25px;
	font-size: 14px;
	text-transform: uppercase;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

@media(max-width: 800px){
	.home{
		background-image: url(../img/bg-home-m.jpg);
		background-size: 120%;
		background-position: center top;
		padding: 180px 0 30px 0;
	}

	.home:after{
		display: none;
	}

	.home h1{
		font-size: 30px;
	}

	.home ul li a{
		padding: 10px;
		margin:0 0 10px 0;
	}
}


.home ul li:nth-child(1) a{
	background-color: #8dbc52;
	border:solid 2px #8dbc52;
}

.home ul li:nth-child(1):hover a{
	background-color: transparent;
	color: #8dbc52;
}

.home ul li:nth-child(2) a{
	color: #333333;
	background-color: #ffffff;
	border:solid 2px #ffffff;
}

.home ul li:nth-child(2):hover a{
	background-color: transparent;
	color: #ffffff;
}

.search-box{
	background-color: rgba(255,255,255,.8);
	padding: 15px;
	border-radius: 3px;
	width: 80%;
	margin:auto;
}

.search-box select{
	width: 42%;
	padding: 12px;
	border:none;
	cursor: pointer;
	outline: none;
	border-radius: 3px;
	float: left;
	margin:0 1% 0 0;
}

.search-box input[type="submit"]{
	width: 14%;
	float: left;
	border:none;
	padding: 12px 0;
	border-radius: 3px;
	cursor: pointer;
	background-color: #333333;
	color: #ffffff;
	letter-spacing: 1px;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}

.wellcome{
	padding: 100px 0 150px 0;
	background-color: #ffffff;
	position: relative;
	z-index: 2;
}

.wellcome:after{
	content: "";
	border-bottom:solid 50px #f0f0f0;
	border-left: solid 800px transparent;
	border-right: solid 800px transparent;
	position: absolute;
	bottom: 0px;
	left: 50%;
	transform: translateX(-50%);
}

.wellcome h2{
	text-align: center;
	font-size: 50px;
	letter-spacing: -5px;
	font-weight: 300;
	margin:0 0 20px 0;
	color: #333;
}

.wellcome p{
	width: 80%;
	margin:0 auto 20px auto;
	text-align: center;
	font-size: 20px;
	color: #666666;
	font-weight: 300;
}

/* showcase */
.showcase{
	padding: 100px 0;
	background-color: #f0f0f0;
	position: relative;
	z-index: 2;
}

.showcase h2{
	font-size: 40px;
	font-weight: 300;
	text-align: center;
	letter-spacing: -2px;
	color: #333333;
	margin:0 0 40px 0;
}

.showcase article{
	width: 29%;
	height: 300px;
	overflow: hidden;
	position: relative;
	float: left;
	margin:2%;
	background-color: #111111;
}

.showcase article img{
	position: absolute;
	height: 100%;
	left: 50%;
	top:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
	opacity: 1;
	transition: all 800ms ease;
}

.showcase article:hover img{
	transform: translateX(-50%) translateY(-50%) scale(1.1);
	opacity: .4;
}

.showcase article span{
	position: absolute;
	z-index: 999;
	transition: all 400ms ease;
	transform: scale(0);
	opacity: 0;
}

.showcase article:hover span{
	transform:scale(1);
	opacity: 1;
}

.showcase article span:nth-child(3){
	top:5%;
	width: 90%;
	left: 5%;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 999;
}

.showcase article span:nth-child(4){
	top:5%;
	width: 1px;
	left: 5%;
	height: 90%;
	background-color: #ffffff;
	position: absolute;
	z-index: 999;
}

.showcase article span:nth-child(5){
	bottom:5%;
	width: 90%;
	left: 5%;
	height: 1px;
	background-color: #ffffff;
	position: absolute;
	z-index: 999;
}

.showcase article span:nth-child(6){
	top:5%;
	width: 1px;
	right: 5%;
	height: 90%;
	background-color: #ffffff;
	position: absolute;
	z-index: 999;
}

.showcase article .middle{
	z-index: 99;
	position: absolute;
	width: 100%;
	height: 100%;
	text-align: center;
	display: table;
}

.showcase article .middle .inter{
	vertical-align: middle;
	display: table-cell;
	background-color: rgba(0,0,0,.5);
}

.showcase article .middle .inter h1{
	font-weight: 600;
	color: #ffffff;
	border:solid 2px #ffffff;
	display: inline-block;
	padding: 8px 15px;
	font-size: 16px;
	transform:scale(0);
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

.showcase article:hover .middle .inter h1{
	transform: scale(1.2);
}

@media(max-width: 800px){
	.showcase article{
		width: 100%;
		float: none;
		position: relative;
		margin:0 0 20px 0;
	}

	.showcase article .middle .inter h1{
		transform: scale(1);
	}
}

/* page-banner */
.page-banner{
	background-color: #ffffff;
	position: relative;
	z-index: 2;
}

.page-banner .image-banner{
	height: 400px;
	background-image: url(../img/bg3.jpg);
	background-size: 100%;
	background-position: center;
	background-attachment: fixed;
	position: relative;
}

.page-banner .image-banner:after{
	content: "";
	width: 100%;
	height: 90px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	background-image: url(../img/separador1.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 110%;
}

 @media(max-width: 800px){
 	.page-banner .image-banner{
 		height: 250px;
 		background-size: 200%;
 		background-position:top center;
 	}

 	.page-banner .image-banner:after{
 		bottom:-5px;
 	}
 }

.page-banner h1{
	font-weight: 400;
	text-transform: uppercase;
	padding: 0 0 30px 0;
	color: #333333;
	font-size: 24px;
	text-align: center;
}


/* content */
.content{
	padding: 50px 0;
	position: relative;
	z-index: 2;
	background-color: #ffffff;
}

.content .items{
	bottom: 0;
	width: 100%;
	background-color: #f0f0f0;
	color: #333333;
	line-height: 35px;
	padding: 0 5px;
	margin:20px 0 0 0;
}

.content .items li{
	display: inline-block;
	font-size: 16px;
}

.content .items li span{
	margin:0 5px 0 5px;
}


.content article{
	width: 32%;
	height: 250px;
	overflow: hidden;
	position: relative;
	float: left;
	margin:.6%;
}

@media(max-width: 800px){
	.content article{
		width: 100%;
		float: none;
		margin:0 0 20px 0;
	}
}

.content article img{
	position: absolute;
	width: 130%;
	left: 50%;
	top:50%;
	transform: translateX(-50%) translateY(-50%);
	z-index: 0;
	opacity: 1;
	transition: all 800ms ease;
}

.content article:hover img{
	transform: translateX(-50%) translateY(-50%) scale(1.1);
}

.content article h3{
	position: absolute;
	background-color: rgba(0,0,0,.7);
	text-align: right;
	right: 0;
	font-weight: 400;
	font-size: 16px;
	color: #ffffff;
	padding: 7px;

}

.content article h3 span{
	text-transform: capitalize;
}

.content article .items{
	position: absolute;
	bottom: 0;
	width: 100%;
	background-color: rgba(0,0,0,.7);
	color: #ffffff;
	line-height: 35px;
	padding: 0 5px;
}

.content article .items li{
	display: inline-block;
	font-size: 14px;
}

.content article .items li span{
	margin:0 5px 0 5px;
}

/* showcase2 */
.showcase2{
	text-align: center;
	padding: 0 0 100px 0;
}

.showcase2 h2{
	font-size: 40px;
	height: 40px;
	font-weight: 300;
	margin:0 0 30px 0;
	color: #333333;
}

.showcase2 .item-showcase{
	width: 28%;
	height: auto;
	margin:0 2%;
	display: inline-table;
	position: relative;
	height:auto;
	border-radius: 3px;
	padding: 0 0 10px 0;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

@media(max-width: 800px){
	.showcase2 .item-showcase{
		width: 100%;
		float: none;
		margin:0 0 20px 0;
	}
}

.showcase2 .item-showcase:hover{
	box-shadow: 0 0 30px rgba(0,0,0,.3);

}

.showcase2 .item-showcase h3{
	font-size: 14px;
	padding: 10px 0;
}

.showcase2 .item-showcase .btn-more{
	display: table;
	margin:10px auto 20px auto;
}

.showcase2 .item-showcase .btn-more a{
	padding: 8px 20px;
	color: #ffffff;
	background-color: #5086a3;
	border-radius: 3px;
	text-decoration: none;
	font-size: 14px;
}

.showcase2 .item-showcase .btn-more a:hover{
	box-shadow: inset 0em 10em rgba(0,0,0,.1);
}

.showcase2 .item-showcase .image-showcase{
	width: 100%;
	height: 250px;
	overflow: hidden;
	background-color: #333333;
	position: relative;
}

.showcase2 .item-showcase .image-showcase img{
	position: absolute;
	width: 150%;
	top:50%;
	left: 50%;
	transform: translateX(-50%) translateY(-50%);
}


/* generales */
.st{
	max-width: 700px;
	margin:auto;
}


.st ul{
	margin:30px 0 0 0;
	text-align: center;
}

.st li{
	display: inline-block;
	padding: 15px 30px;
	border-radius: 25px;
	background-color: #8dbc52;
	color: #ffffff;
	margin:10px;
}

.image-service{
	width: 80%;
	height: 300px;
	margin:0 auto 40px auto;
	position: relative;
	overflow: hidden;
	background-color: #111111;
}

.image-service:after{
	content: "";
	width: 100%;
	height: 60px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 10;
	background-image: url(../img/separador1.svg);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 120%;
}

@media(max-width: 800px){
	.image-service{
		height: 250px;
		width: 100%;
	}
}

.image-service img{
	position: absolute;
	width: 100%;
	top:50%;
	transform: translateY(-50%);
	opacity: .6;
}

/* contact */
.contact-form{
	width: 45%;
	float: left;
}

.contact-form p{
	position: relative;
}

.contact-form h2{
	color: #333333;
	margin:0 0 5px 0;
}

.contact-form input[type="text"],
.contact-form input[type="mail"],
.contact-form textarea{
	padding: 12px;
	border:solid 1px #f0f0f0;
	background-color: #f7f7f7;
	box-shadow: 0 0 3px #f0f0f0;
	position: relative;
	outline: none;
	border-radius: 3px;
	margin:0 0 10px 0;
	width: 70%;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}

.contact-form textarea{
	width:85%;
	resize: vertical;
}

@media(max-width: 800px){
	.contact-form input[type="text"],
	.contact-form input[type="mail"],
	.contact-form textarea{
		width: 98%;
		padding: 12px 1%;
		-webkit-appearance: none;
    -webkit-border-radius: 0;
	}
}

.contact-form input[type="text"]::placeholder,
.contact-form input[type="mail"]::placeholder,
.contact-form textarea::placeholder{
	color: #999999;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}

.contact-form input[type="button"]{
	padding: 10px 20px;
	border:solid 1px #5086a3;
	box-shadow: 0 0 2px #5086a3;
	outline: none;
	cursor: pointer;
	background-color: #5086a3;
	color: #ffffff;
	border-radius: 3px;
	-webkit-appearance: none;
    -webkit-border-radius: 0;
}

.alert-ok{
	padding: 10px;
	width: 85%;
	border:solid 1px #070;
	background-color: rgba(0,119,0,.3);
	color: #070;
	box-shadow: 0 0 3px #070;
	border-radius: 3px;
	margin:10px 0 0 0;
}

.alert-error{
	padding: 10px;
	width: 85%;
	border:solid 1px #fc0303;
	background-color: rgba(252,3,3,.3);
	color: #070;
	box-shadow: 0 0 3px #fc0303;
	border-radius: 3px;
	margin:10px 0 0 0;
}

.required{
	position: absolute;
	left:-3%;
}

.required:nth-child(2){
	display: block;
	right: 10px;
	top:10px;
	color: red;
	font-size: 12px;
	font-weight: 300;
	position: absolute;
}

.contact-info{
	width: 50%;
	float: right;
}

.map{
	height: 300px;
	margin:20px 0;
}

.contact-info h3{
	font-size: 40px;
	font-weight: 300;
	letter-spacing: -4px;
}

@media(max-width: 800px){
	.contact-form{
		width: 100%;
		float: none;
	}

	.contact-info{
		width: 100%;
		float: none;
	}

	.map{
		height:200px;
	}

	.contact-info h3{
		font-size: 30px;
		margin:20px 0 20px 0;
		letter-spacing: -2px;
	}


}

.contact-info p{
	text-align: center;
	font-weight: 600;
	color: #444444;
	font-size: 14px;
	line-height: 25px;
	margin:0 0 3px 0;
}

.contact-info p span{
	color: #ffffff;
	width: 25px;
	background-color: #5086a3;
	font-size: 10px;
	border-radius: 50%;
	display: inline-block;
}


/* not-found */
.alert-not-found{
	padding: 100px 0;
	text-align: center;
}

.alert-not-found h1{
	font-size: 80px;
	color: #222222;
}

.alert-not-found h2{
	font-size: 20px;
	margin:20px 0 0 0;
	color: #333333;
}



/* banner-bottom */
.banner-bottom{
	padding: 180px 0 180px 0;
	background-image: url(../img/bg1.png?a);
	background-size: 100%;
	background-position: bottom center;
	background-repeat: no-repeat;
	color: #ffffff;
	text-align: center;
	position: relative;
	z-index: 2;
}

.banner-bottom h2{
	font-size: 40px;
	margin:0 0 20px 0;
}

.banner-bottom p{
	font-size:20px;
	font-weight: 300;
}

.banner-bottom .icono{
	left: 50%;
	transform: translateX(-50%);
	font-size: 150px;
	bottom: -80px;
	position: absolute;
	color: #8dbc52;
}

@media(max-width: 800px){
	.banner-bottom{
		padding: 50px 0;
		background-size: 200%; 
	}

	.banner-bottom h2{
		font-size: 30px;
	}

	.banner-bottom .icono{
		font-size: 80px;
		bottom: -45px
	}
}

/* sub-footer */
.sub-footer{
	text-align: center;
	padding: 40px 0 0px 0;
	position: fixed;
	width: 100%;
	bottom: 0;
	z-index: 1;
}

.sub-footer article{
	width: 30%;
	padding: 100px 0 80px 2%;
	display: inline-block;
	text-align: left;
}

@media(max-width: 800px){
	.sub-footer{
		position: relative;
	}
	.sub-footer article{
		width: 100%;
		float: none;
		padding: 30px 0;
	}
}

.sub-footer article .icon{
	width: 15%;
	line-height: 80px;
	float: left;
	font-size: 3em;
	color: #333333;
}

.sub-footer article .info{
	width: 75%;
	float: right;
}

.sub-footer article .info h3{
	font-weight: 600;
	margin:10px 0 5px 0;
	color: #333333;
	text-transform: uppercase;
}

.sub-footer article .info li{
	list-style:none;
	font-weight: 600;
	font-size: 15px;
}

.sub-footer article .info li a{
	color: #777777;
	text-decoration: none;
}

.sub-footer .social li{
	display: inline-block;
	line-height: 45px;
	margin:0 5px;
}

.sub-footer .social li a{
	display: block;
	text-decoration: none;
	color: #444444;
	border:solid 2px #444444;
	border-radius:50%;
	width: 45px;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

.sub-footer .social li:hover a{
	color: #8dbc52;
	border-color: #8dbc52;
}

/* footer */
footer{
	text-align: center;
	background-color: #181818;
	padding: 10px 0;
	color: #f0f0f0;
	font-size: 15px;
	font-weight: 300;
	margin:50px 0 0 0;
}

footer a{
	color: #ffffff;
	text-decoration: none;
	font-weight: 400;
	-webkit-transition: all 400ms ease;
	-moz-transition: all 400ms ease;
	-ms-transition: all 400ms ease;
	-o-transition: all 400ms ease;
	transition: all 400ms ease;
	
}

footer a:hover{
	color: #ff8000;
}

/* convenios */
.convenios{
	padding: 50px 0;
	background-color: #ffffff;
	position: relative;
	z-index: 2;
	text-align: center;
}

.convenios h2{
	font-weight: 500;
	font-size: 20px;
	color: #555;
	margin:0 0 50px 0;
	text-transform: uppercase;
	letter-spacing: 10px;

}

.convenios article{
	width: 150px;
	display: inline-block;
	margin:0 10px 0 0;
}

.convenios article img{
	width: 100%;
}

/* home-map */
.home-map{
	background-color: #ffffff;
	position: relative;
	z-index: 10;
}

.home-map .left h2{
	background-color: #313131;
	color: #ffffff;
	padding: 20px;
	font-size: 18px;
	font-weight: 500;
}

.home-map .right h2{
	background-color: #666666;
	color: #ffffff;
	padding: 20px;
	font-size: 18px;
	font-weight: 500;
}

.home-map .left{
	width: 50%;
	float: left;
}

.home-map .right{
	width: 50%;
	float: right;
}

@media(max-width: 800px){
	.home-map .left,
	.home-map .right{
		width: 100%;
		float: none;
	}
}

.home-map iframe{
	margin:0 0 -5px 0;
}