/*
Theme Name: Blank
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Work+Sans:400,700,800&display=swap');

body, html {
	margin: 0;
	font-family: 'Work Sans', sans-serif;
	line-height: 1.7;
	font-size: 17px;
	width: 100%;
}

h1, h2, h3, h4, h5 {
	width: 100%;
	display: block;
	line-height: 1.5
}

h2, h3 {
	font-weight: 400;
	display: block;
	width: 100%
}

h4 {
	margin: 10px 0
}

h2 {
	font-size: 43px;
}

h2, h5 {
	text-align: center;
	margin: 0
}

a {
	color: #000;
	text-decoration: none;
}

img {
	max-width: 100%;
	height: auto
}

.block {
	display: block;
	padding: 80px 50px;
	max-width: 1280px;
	margin: 0 auto;
	position: relative;
}

.block.full {
	padding: 0;
	max-width: 100%
}

.col {
	display: flex;
	flex-flow: row wrap;
	position: relative;
}

.col-x {
	flex: 1;
	margin: 0 20px;
	padding: 20px;
	position: relative
}

a.button {
	padding: 10px 50px;
	margin: 30px 0;
	background: #272727;
	color: #fff;
	text-decoration: none;
	letter-spacing: 1px;
}

.gold {
	color: #BE9A4F
}

.right {
	text-align: right
}

nav ul {
	padding: 0px;
}

nav ul li {
	list-style-type: none;
	display: inline-block;
	padding: 0 20px;
	font-size: 16px;
}

nav ul li:last-of-type {
	border: 1px solid #E1E9ED;
	padding: 10px 20px 10px 40px;
	margin: 0 0 0 10px;
	position: relative;
	font-weight: 700
}

nav ul li:last-of-type::before {
    content: "\f879";
}

nav ul li:last-of-type::before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    position: absolute;
    left: 15px;
    top: 10px;
}

.nav-logo {
	max-width: 150px;
}

.nav-logo img {
	padding-top: 5px;
}

.col-nav {
	padding: 0 10vw
}

.col-nav .col-x {
	margin: 0;
	padding: 10px 0
}

.landing-nav-fixed {
	position: fixed;
	top: 0px;
	right: 0px;
	left: 0px;
	background: #fff;
	z-index: 999
}

.hero-slider {
	position: relative
}

.hero-slider ul li > .col-x:first-of-type {
	background: #EBF5F9;
	padding: 0;
	display: table-cell;
	vertical-align: middle;
	width: 55%
}

.hero-slider ul li > .col-x:first-of-type h2 {
	max-width: 450px;
	margin: 0 auto;
	text-align: left
}

.hero-slider ul li > .col-x:first-of-type p {
	max-width: 450px;
	margin: 30px auto 0 auto;
	display: block
}

.hero-slider ul li > .col-x:first-of-type .cta {
	max-width: 450px;
	margin: 50px auto;
}

.hero-slider ul li {
	display: table
}

.hero-slider .col-x {
	padding: 0;
	margin: 0
}

.hero-slider img {
	width: 100%
}

.hero-slider ul.lSPager.lSpg {
	position: absolute;
	bottom: 50px;
	left: calc(55% - 27.5% - 225px)
}

.landing-page .lSSlideOuter .lSPager.lSpg > li a {
	width: 12px;
	height: 12px;
	background: #9DA3A5
}

.landing-page .lSSlideOuter .lSPager.lSpg > li.active a {
	background: #272727
}

.slide-img {
	background-size: cover !important;
}

#block-1 {
	padding-top: 50px;
}

#block-2 {
	border-bottom: 1px solid #E1E9ED;
}

#block-2 p {
	padding: 0;
	line-height: 1.5;
	font-size: 14px;
	text-align: justify
}

#block-4 {
	background: #EBF5F9;
	max-width: 100%;
}

#block-4 .col {
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 50px;
}

#block-4 .col-x {
	margin: 50px 20px;;
	padding: 100px 30px 30px 30px;
	color: #fff
}

#block-5 {
	padding-bottom: 30px;
}

#block-5 h3 {
	text-align: left;
	font-size: 27px
}

#block-5 .cta {
	display: block;
	width: 100%;
	text-align: center
}

#block-5 .col-x {
	margin: 100px 20px
}

#block-5 .col-x::before {
	content: "";
	position: absolute;
	right: 0px;
	left: 100px;
	top: 0px;
	bottom: 20px;
	background: #EBF5F9;
	z-index: -1
}

#block-5::before {
	content: "";
	width: 100%;
	height: 1px;
	background: #E1E9ED;
	position: absolute;
	bottom: 42px;
	left: 0px;
	z-index: -1
}

#block-7 {
	background: #EBF5F9;
	padding: 80px 0;
	max-width: 100%;
}

#block-7 #galeria {
	max-width: 80%;
	margin: 50px auto 0 auto;
	padding: 0 50px
}

#block-7 .cta {
	text-align: center;
	margin: 50px 0 0 0;
	font-size: 14px
}

#block-7 .cta a.button {
	letter-spacing: 0px;
	padding: 10px 20px;
}

.col-x#mapa-google iframe {
	max-width: 100%;
	
}

#block-8 h2, #block-8 h5 {
	text-align: left
}

#block-8 .col-x {
	margin: 0;
	padding: 0
}

#block-8-1 {
	padding: 80px 50px 20px 80px;
}

#block-8-2 {
	padding: 0 50px 50px 80px
}

#block-8-1 div {
	margin: 20px 0;
	font-size: 14px;
	padding: 0 0 0 30px
}

#block-8-1 div {
	position: relative;
}

.adress::before, .telephone::before, .hours::before, .mail::before {
	font-family: "Font Awesome 5 Free";
    font-weight: 900;
	position: absolute;
	left: 0px;
	top: 3px;
}

.adress::before {
	content: "\f3c5";
}

.telephone::before {
	content: "\f879";
}

.mail::before {
	content: "\f0e0";
}

.hours::before {
	content: "\f017";
}

footer {
	border-top: 1px solid #E1E9ED;
	background: #fff;
	margin-top: -8px;
	font-size: 14px;;
	padding: 10px 15vw;
}

footer img {
	max-height: 30px;
	padding: 0 0 0 20px
}

footer .col {
	align-items: center;
}

footer .col-x.right {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#logo-slider {
	margin: 100px 0 50px 0;
}

#logo-slider li.lslide {
	text-align: center
}

#logo-slider ul.lSPager.lSpg {
	margin-top: 50px !important;
	display: none
}

#logo-slider img {
	filter: grayscale(100%);
	transition: 1s;
	transform: scale(0.9);
}

#logo-slider img:hover {
	filter: grayscale(0%);
	transform: scale(1);
}

.tabs-title {
	display: flex;
	flex-flow: row wrap;
	position: relative;
	margin: 50px 0 30px 0
}

.tabs-title .tab-x {
	flex: 1;
	margin: 0;
	padding: 20px;
	margin: 2px;
	border: 1px solid #E1E9ED;
	font-size: 15px;
}

.tabs-title .tab-x::before {
	content: "\f530";
    font-family: "Font Awesome 5 Free";
	font-weight: 900;
	padding: 0 10px 0 0
}

.tab h5 {
	text-align: left
}

.tab .col-x {
	padding: 0;
	margin: 0
}

.tab .col-x.tab-txt {
	padding: 20px 0 0 50px;
}

.tabs-content .tab {
	display: none
}

.tabs-content .tab.active {
	display: flex
}

.tabs-title .tab-x.active {
	background: #EBF5F9;
	border: 1px solid #EBF5F9;
}

.tabs-title .tab-x:hover {
	cursor: pointer;
}

.tabs-title .tab-x.active {
	cursor: default

}

.rwd {
	text-align: center;
	padding: 10px;
	display: none;
}

.landing-page.galeria {
	background: #EBF5F9;
	padding-top: 50px;
}

.landing-page.galeria h2 {
	margin: 0 0 50px 0
}

.cf7-landing {
	width: 60%;
}

.wpcf7 input {
    margin: 0;
    background: #EBF5F9;
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: 15px;
    border: 0px;
    margin: 0 0 10px 0;
	font-family: 'Work Sans', sans-serif;
}

.wpcf7 input[type="checkbox"] {
	width: auto;
	display: inline-block;
	margin: 0 10px 0 0;
	width: 10px;
	height: 10px;
	cursor: pointer;
	visibility: hidden;
}

.wpcf7 .acceptance span {
    font-size: 11px;
	margin: 10px
}

.wpcf7 input[type=checkbox]:after {
	content: " ";
	background: #272727;
	display: inline-block;
	color: #fff;
	width: 10px;
	height: 10px;
	visibility: visible;
	border: 0px;
	padding: 0 4px 8px 4px;
	border-radius: 15px;
	opacity: 0.3
}

.wpcf7 input[type=checkbox]:checked:after {
	content: "\2714";
	padding: -5px;
	opacity: 1;
	font-size: 13px;
}

a.lSNext, a.lSPrev {
    font-family: FontAwesome;
	font-size: 18px;
	background: #fff
}

.lSAction > .lSPrev {
    left: 0px !important;
}

.lSAction > .lSNext {
    right: -24px !important;
}

#block-8-1 .col-x b {
	font-size: 17px;
    font-weight: normal;
}

/* RWD */

@media (max-width: 1366px) {

nav ul li {
	padding: 0 10px
}

.col.col-nav {
	display: block;
}

.col-nav ul {
	text-align: center;
}

.nav-logo {
    max-width: 100%;
	text-align: center;
}
}

@media (max-width: 1280px) {

.col, footer .col-x.right, .tabs-title, .tabs-content .tab.active {
	display: block
}

#block-4 {
	text-align: center
}

#block-4 .col-x {
	padding: 30px
}

#galeria img {
    width: calc(100% - 25px);
}

footer, footer .col-x.right {
	text-align: center
}

.slide-img {
	display: none
}

.hero-slider ul.lSPager.lSpg {
	display: none
}

.hero-slider ul {
	display: table;
	background: #EBF5F9;
}

.hero-slider ul li {
	display: table-cell;
	vertical-align: middle;
	padding: 50px 0
}

}

@media (max-width: 960px) {

.block {
	padding: 30px 0
}

.tabs-title, #logo-slider {
	padding: 0 40px
}
	
#block-3 h2 {
	padding: 0;
	max-width: 70%;
	margin: 0 auto
}

#block-5 {
	padding: 50px 40px 0 40px
}

footer {
	padding: 30px 40px
}

.tab .col-x.tab-txt {
	padding: 20px 40px;
}

.hero-slider ul li > .col-x:first-of-type {

	padding: 20px 50px;
}

.col-nav ul li {
	display: block;
	padding: 10px;
	border-top: 1px solid #E1E9ED;
}

.col-nav .col-x, .col-nav {
	padding: 0
}

nav ul {
	margin: 0
}

nav ul li:last-of-type {
	display: none
}

.nav-logo img {
	padding: 20px
}

.rwd {
	display: block
}
	
#block-1 {
	padding-top: 110px;
}

nav ul {
	display: none
}
	
#block-8-2 {
	padding: 0 80px 50px 80px;
}
	
.cf7-landing {
	width: 100%;
}
	
footer {
	padding: 0;
	width: 100%
}

h2 {
    font-size: 30px;
}
	
body, #block-2 p {
	font-size: 15px;
}
	
#block-5 h3 {
    font-size: 23px;
}

#block-5 .cta {
	margin-bottom: 50px;
}

#block-5::before {
	bottom: 12px;
}
	
#block-4 .col-x {
	margin: 50px 0
}
}