* { margin: 0; padding: 0; resize: none; outline: none; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

ul, li { list-style: none; }

h1 { font-family: 'Cormorant Garamond', serif; font-weight: lighter; font-size: 48px; letter-spacing: .4em; text-transform: uppercase; margin-bottom: 120px; color: #8e7875; }
h2 { font-family: 'Cormorant Garamond', serif; font-weight: normal; font-size: 48px; letter-spacing: .4em; text-transform: uppercase; margin-bottom: 120px; color: #8e7875; }
h3 { font-family: 'Cormorant Garamond', serif; font-weight: normal; font-size: 30px; letter-spacing: .4em; text-transform: uppercase; margin-bottom: 30px; color: #8e7875; text-align: center; }
h4 { font-family: 'Cormorant Garamond', serif; font-weight: normal; font-size: 22px; letter-spacing: .4em; text-transform: uppercase; margin-bottom: 30px; color: #8e7875; text-align: center; }

.h-center { text-align: center; }

a { text-decoration: none; color: #8e7875; }

p { font-size: 12px; letter-spacing: .3em; text-transform: uppercase; line-height: 30px; color: #8e7875; padding-bottom: 70px; }

.t-center { text-align: center; }

body { font-family: 'Open Sans', sans-serif; letter-spacing: .2em; }

header { width: 100%; }

.logo { margin: 20px auto; display: table; }

nav#main { width: 100%; margin-top: 20px; text-align: center; border-top: 1px solid #918D8D; }
nav#main ul { display: table; margin: 0 auto; display: table; }
nav#main ul li { float: left; }
nav#main ul li a { padding: 40px 40px 36px; border-bottom: 4px solid transparent; text-transform: uppercase; font-size: 11px; display: block; color: #494643; transition: .4s ease; }
nav#main ul li a:hover { border-color: #007D80 !important; }

section#banner { width: 100%; position: relative; }
section#banner .bslide { width: 100%; }
section#banner .bslide div { width: 100%; height: 700px; background-position: center; background-size: cover; background-repeat: no-repeat; }
section#banner .inner { height: 700px; }
section#banner .cont { position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

.call { width: 500px; padding: 60px; background-color: #ECECEC; box-shadow: 1px 1px 14px rgba(0,0,0,.2); position: absolute; left: 0; bottom: -50px; }
.call h2 { margin-bottom: 70px; font-size: 23px; }

section.page { padding: 120px 0; }

.cont { width:  1280px; display: table; margin: 0 auto; position: relative; }

.text-block { width: 820px; margin: 0 auto; }

a.classic { font-size: 13px; font-family: 'Cormorant Garamond', serif; font-weight: bold; letter-spacing: .4em; text-transform: uppercase; color: #8e7875; border: 1px solid #007D80; border-radius: 200px; padding: 20px 60px; color: #8e7875; }

.bg1 { background-color: #eaeaea; }

.center { display: table; margin: 0 auto; }

.space { width: 100%; }

.map-area { width: 500px; height: 320px; position: relative; float: left; }

.map { width: 100%; height: 320px; position: relative; background-color: #DCDCDC; background-image: url(../images/mapa.png); background-repeat: no-repeat; background-size: cover; background-position: center; }

.address { width: 70%; background-color: #ECECEC; box-shadow: 1px 1px 14px rgba(0,0,0,.2); position: absolute; bottom: -100px; left: 30px; padding: 40px 15px; text-align: center; }
.address p { font-size: 10px; letter-spacing: .1em; padding: 0; }

.form { width: calc(100% - 500px); float: left; }

form { width: 90%; display: table; margin: 0 auto; }
form input[type="text"], textarea { width: 100%; border: 1px solid #007D80; padding: 20px 40px; margin-bottom: 30px; font-family: 'Open Sans', sans-serif; }
textarea { height: 300px; }
form input[type="submit"] { font-size: 13px; font-family: 'Cormorant Garamond', serif; font-weight: bold; letter-spacing: .4em; text-transform: uppercase; color: #8e7875; border: 1px solid #007D80; border-radius: 200px; padding: 20px 60px; color: #8e7875; background-color: transparent; float: right; cursor: pointer; }

.steps { width: 100%; margin: 0 auto; display: table; }
.steps p { padding-bottom: 20px; }

.st1 { width: calc(100% / 3); margin-bottom: 70px; float: left; }

.s-number { width: 60px; height: 60px; border: 1px solid #007D80; border-radius: 200px; margin: 0 auto 40px; position: relative; }
.s-number span { position: absolute; font-family: 'Cormorant Garamond', serif; font-size: 40px; text-align: center; position: absolute; top: 40%; left: 53%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

ul li p { padding: 0 !important; }

.adv-slide { width: 1000px; margin-bottom: 120px; }
.adv-slide div img { float: left; margin: 0 50px 0 0; }
.adv-slide div p { text-align: justify; }
.adv-slide .slick-slide { opacity: .3; margin: 0 100px 0 -60px; transition: .4s ease; }
.adv-slide .slick-current { opacity: 1 !important; }
.adv-slide button { font-size: 13px; font-family: 'Cormorant Garamond', serif; font-weight: bold; letter-spacing: .4em; text-transform: uppercase; color: #8e7875; border: 1px solid #007D80; border-radius: 200px; padding: 20px 60px; color: black; background-color: transparent; cursor: pointer; position: absolute; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); bottom: -50px; }
.adv-slide button.slick-prev { transform: translateX(-105%); }
.adv-slide button.slick-next { transform: translateX(5%); }

.top { width: 1280px; padding: 10px 0; position: absolute; top: 0; left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

.tel { position: absolute; right: 0; font-size: 12px; }
.tel .zap img { width: 20px; float: left; margin-right: 15px; }

.logo-zap { display: inline-block; width: 20px; margin-right: 10px; margin: 0 10px -6px 0; }

.logo-tel { display: inline-block; width: 20px; margin-right: 10px; margin: 0 10px -6px 0; }

.hamb { display: none; }

a.ico { display: inline-block; }

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

	h1 { margin-bottom: 50px; font-size: 32px; }

	a.classic { font-size: 11px; padding: 20px 10px; }

	header, section { width: 100%; overflow: hidden; }

	.top { width: 100%; text-align: center; }
	.tel { left: 50%; transform: translateX(-50%); -webkit-transform: translateX(-50%); }

	header { padding-top: 20px; }

	nav#main { width: 100%; position: fixed; top: 120px; border: 0; background-color: white; z-index: 10; visibility: hidden; opacity: 0; transition: .4s ease; }
	nav#main ul li { float: inherit; }
	nav#main ul li a { padding: 25px 0; }
	nav#main.showed { visibility: visible; opacity: 1; }

	.call { display: none; }

	section#banner .bslide div { height: 300px; }
	section#banner .inner { height: 300px; }

	section.page { padding: 50px 0; text-align: center;	}

	.cont { width: 100%; padding: 0 20px; }

	.text-block { width: 100%; }

	.st1 { width: 100%; float: inherit; }

	.map-area { width: 100%; float: inherit; }

	.form { width: 100%; margin-top: 150px; }

	.adv-slide { width: 300px; margin: 0 auto; }
	.adv-slide div img { float: inherit;margin: 0 0 20px 0; }

	.hamb { width: 40px; display: block; position: absolute; top: 50px; right: 20px; }
	.hamb span { width: 100%; height: 5px; margin-bottom: 3px; display: block; background-color: #C49F76; border-radius: 100px; }

	.hamb:hover { cursor: pointer; }

	.adv-slide .slick-slide { margin: 0 !important; opacity: 0; }

}

.form-website { display: none !important; }

.error {
    border: 1px solid red !important;
    background-color: #ffe6e6;
}
.error-message {
	margin-top: -25px;
	margin-bottom: 8px;
	padding: 0;
    color: red;
    font-size: 12px;    
    display: none;
}
.success-message {
	margin-top: -25px;
	margin-bottom: 8px;
    color: green;
    font-size: 14px;    
    display: none;
}