/*
 Theme Name:  Kba Interiorismo
 Template:     Divi
 Version:      1.0.0
*/

#main-content .container:before {
    display:none;
}


#fancybox-left-ico, #fancybox-right-ico {
    position: absolute;
    top: 50%;
    left: -9999px;
    width: 50px;
    height: 50px;
    margin-top: -15px;
    cursor: pointer;
    z-index: 111102;
    display: block;
	
}

#fancybox-right-ico {
    background-image: url(./images/siguiente.svg) !important;
	background-repeat:no-repeat;
	background-position:center center !important;
	filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(264deg) brightness(107%) contrast(102%);
	background-size:30px 30px;
	
}

#fancybox-left-ico {
    background-image: url(./images/siguiente.svg) !important;
	background-repeat:no-repeat;
	background-position:center center !important;
	filter: invert(100%) sepia(100%) saturate(1%) hue-rotate(264deg) brightness(107%) contrast(102%);
	background-size:30px 30px;
	transform: rotate(180deg);
}

body{
	font-weight: 400;
}

.idiomas{
	float:right;
	margin-left:20px;
}

.wpml-ls-legacy-dropdown {
	width:initial;
}

.wpml-ls-legacy-dropdown a{
	background:transparent !important;
	border:0 !important;
	color:#fff !important;
	text-transform:uppercase;
	font-weight:400;
	padding-top:2px;
	padding-right:20px !important;
}

.wpml-ls-legacy-dropdown a.wpml-ls-item-toggle:after {
    font-family: ETmodules;
    content: "3";
    font-size: 16px;
    position: absolute;
    right: 0;
    top: 5px;
    font-weight: 400;
	border:0;
}

.wpml-ls-legacy-dropdown .wpml-ls-sub-menu{
	border:0;
}


h1{
	font-size:4rem;
	font-weight: 900;
}

h2{
	font-size:4rem;
	font-weight: 300;
	text-align: center;
}

#page-container .et_pb_section {
    padding: 50px 0;
}

header{
		background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
}

.down{
	position: absolute;
	bottom:30px;
	left: calc(50% - 32px);
	width: 65px;
	height: 34px;
	animation: bounce 2s infinite;
	visibility: visible;
}

@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
	  transform: translateY(0);
	}
	40% {
	  transform: translateY(-30px);
	}
	60% {
	  transform: translateY(-15px);
	}
  }


.et-fixed-header{
	height:90px;
}

#logo{
	margin-top:25px;
}

#top-menu a{
	padding-bottom:8px !important;
}

#top-menu .menu-image-not-hovered{
	width:36px;
	height: 36px;
	border-radius:18px;
	padding:5px;
	background: #E45700;
	margin-top:-3px;
	text-align: center;
}


#top-menu .menu-image-not-hovered img{
	height: 20px;
	margin:4px;
	filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(114deg) brightness(107%) contrast(105%);

}

#top-menu .facebook .menu-image-not-hovered  img{
	margin-left: 2px;
}

.facebook{
	padding-right:10px !important;
}

.active-anchor{
	border-bottom:3px solid #e27836;
}



.page-header.et_pb_section{
	padding-top:0;
	background: #000 url('./images/page-header.jpg')no-repeat;
	background-size:cover;
	padding-bottom:0;
}

.page-header.et_pb_section .intro{
	padding-top:0 !important;
}


.carrusel.et_pb_section, .carrusel .et_pb_row{
	padding-top:0 !important;
	margin-top:0  !important;
	padding-bottom:0 !important;
	margin-bottom:0  !important;
}

.carrusel .et_pb_module.et_pb_slider{
	margin:0;
}

.carrusel .et_pb_slide{
	height:100vh;
}

.carrusel .et_pb_slide_title{
	font-weight: 900;
	font-size:7rem;
}

.carrusel .et_pb_slide_content{
	font-size:2rem;
}

.carrusel .et_pb_module.et_pb_image{
	z-index:9999;
}


#intro{
	background:#EFEFEE ;
	margin-top:0;
}

#intro .et_pb_column:first-of-type{
	padding-left:20%;
	position:relative;
}

#intro .et_pb_column:last-of-type{
	padding-right:20%;
}

#intro .et_pb_column:first-of-type .et_pb_text{
	position:absolute;
	text-align: right;
	color:#E45700;
	bottom:0;
	right:0;
}

#intro h2{
	text-align: right;
	color:#E45700;
	margin-bottom:0;
	padding-bottom:0;
}

#intro .et_pb_column:last-of-type p{
	color:#000;
}




.servicios .et_pb_main_blurb_image img{
	height:110px;
}


.servicios .et_pb_blurb_container h4{
	font-weight: 900;
	line-height: 1.3em;
	text-align: center;
	font-size:1.1rem;
	margin-bottom:10px;
}

.servicios .et_pb_blurb_description{
	text-align: center;
	font-size:.9em;
}

#proyectos, #newsletter{
	background:#EFEFEE ;
}


.grid-proyectos {
	display: grid;
	grid-template-columns: 24.5% 24.5% 24.5% 24.5% ;
	column-gap: 30px;
	row-gap:30px;
}

.grid-proyectos .proyecto{
	position:relative;
	height:400px;
	background-size: cover !important;
	background-position:center center !important;
}

.proyecto .halo{
	height:50%;
	width:100%;
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
	bottom: 0;
	z-index: 998;
}

.proyecto .pr_intro{
	position:absolute;
	color:#fff;
	z-index:999;
	padding:30px;
	bottom:0;
}

.proyecto:hover{
	cursor: pointer;
}

.proyecto:hover .pr_intro{
	display: none;
}

.proyecto h3{
	font-size:2rem;
	color:#fff;
	font-weight: 900;
	letter-spacing: 1px;
}

.proyecto .overlay h3{
	margin-bottom:10px;
}

.proyecto .more{
	font-size:.9rem;
	text-transform: uppercase;
	letter-spacing: 1px;
}

.proyecto .more:after{
	content:"\2192";
	margin-left:10px;
}

.overlay{
	position:absolute;
	z-index: 9999;
	top:0;
	width:100%;
	height: 100%;
	background:rgba(0,0,0,.5);
	display:none;
	color:#fff;
	font-size:1rem;
	line-height: 1.5em;
}

.overlay a{
	padding:30px;
	display:block;
	width:100%;
	height: 100%;
	color:#fff;
	position: relative;
}

.overlay .more{
	position: absolute;
	bottom:34px;
}


.proyecto:hover .more:after{
	animation: rebounce 2s infinite;
}

@keyframes rebounce {
	0%, 20%, 50%, 80%, 100% {
		margin-left:10px;
	}
	40% {
		margin-left:20px;
	}
	60% {
		margin-left:10px;
	}
  }


.proyecto:hover .overlay{
	display:block;
}

#publicaciones .content{
	padding-left:300px;
	display:flex;
	align-items: center;
	flex-wrap: wrap;
}

#publicaciones .content .et_pb_button{
	margin-top:60px;
}

#newsletter .et_pb_column:first-of-type{
	padding-left:15%;
}

#newsletter h3{
	text-align: left;
	font-size:3rem;
	font-weight: 300;
}

#newsletter .et_pb_column:last-of-type{
	display:flex;
	align-items: center;
	padding-right:15%;
}

#newsletter input[type=email]{
	padding:10px 20px;
	width:75%;
	border:0;
}

#newsletter input[type=submit]{
	padding:10px 20px;
	width:25%;
	border:0;
	color:#fff;
	background:#000;
}

.your-email{
	position:relative;
}

.wpcf7-not-valid-tip{
	position: absolute;
	margin-top:5px;
	font-size:1rem;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output{
	border: 3px solid #dc3232;
    font-size: 1rem;
    color: #000;
    line-height: 1.5em;
    padding: 20px;
}


.single-project .project-header{
	height:100vh;
	background-repeat: no-repeat !important;
	background-size:cover !important;
	background-position: center center !important;
}

.single-project .project-header .halo-project{
	height:30%;
	width:100%;
	background: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);
    position: absolute;
	top: 0;
	z-index: 998;
}

.intro{
	color:#fff;
	font-size:1rem;
	padding-top:120px !important;
	text-shadow: 2px 2px 2px #000000;
}

.intro h2{
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 900;
	color:#fff;
	font-size:2.2rem;
	text-align: left;
	max-width:380px;
	padding-bottom:0;
}

.code{
	font-size:1.5rem;
	font-weight:bold;
	display:initial;
}

.single-project #content-area{
	padding:100px 0;
}

.galery{
	margin-top:15px;
}

.contacto{
	background:#f4f4f4;
	padding:20px;
	margin:30px 0;
	clear:both;
}

.contacto h4{
	font-size:1.3rem;
	color:#e45700;
}

.contacto input[type=text], .contacto input[type=email], .contacto textarea{
	width:100%;
	padding:5px 10px;
	margin-bottom:10px;
}

.contacto input[type=submit]{
	background:#e45700;
	color:#fff;
	padding:5px 10px;
	border:none;
}

.contacto textarea{
	height:60px;
}


.share{
	font-size:.9rem;
	font-weight:bold;
}

.back{
	font-size:.8rem;
}

.back a:before{
	content:"\00AB";
	margin-right:5px;

}

.project-images{
	width:65%;
	float:left;
}

.project-images img{
	width:100%;
}

.project-images .contacto, .project-images .share{
	display:none;
}

.project-content{
	width:30%;
	float:right;
	color:#000;
	padding-bottom:50px;
	position: sticky;
	top: 120px;
}

.project-content:after{
	content:"";
	display: block;
	width:150px;
	height:5px;
	border-bottom:1px solid #f4f4f4;
	margin-top:40px;
}

.project-content h3{
	font-family: 'Roboto',Helvetica,Arial,Lucida,sans-serif;
	font-weight: 900;
	font-size:2rem;
	padding:0;
}

.project-content{
	font-size:1.1rem;
	line-height: 1.5em;
	font-size:1rem;
}

.project-data{
	margin:20px 0;
	font-size:1rem;
	line-height: 1.5em;
}

.project-data p{
	padding:0;
}

.publicacion h2{
	font-size: 3rem;
	margin-bottom:20px;
}

.publicacion img{
	max-height: 400px;
}
.publicacion p{
	text-align: center;
	max-width: 70%;
	margin:0 auto;
}


footer p, #footer-bottom{
	font-weight: 100;
}

.footer-widget:last-of-type>div{
	float: right;
}

.footer-icons{
	float: right;
}

#main-footer .footer-widget{
	margin-bottom:20px;
}

.footer-widget:last-of-type img{
	float: right;
	filter: invert(95%) sepia(95%) saturate(19%) hue-rotate(278deg) brightness(104%) contrast(106%);
	width:20px;
	height:20px;
	margin-left:30px;
}

footer a{
	color:#ccc !important;
}

footer a:hover{
	text-decoration:underline;
}

.et_pb_button{
	line-height: 1.3em !important;
	padding-top:15px !important;
	padding-bottom:15px !important;
	text-align: center;
	font-size: 18px;
}

.et_pb_button:after, .et_pb_button:before {
    margin-top: -5px;
}

.neonek{
	float:right;
	font-size:.8rem;
	color:#ccc;
}

.neonek img{
	margin-left:10px;
	width:75px;
}


.aviso-legal h2{
	text-align:left;
	font-size:1.3em;
	margin-top:20px;
	font-weight:600;
}

@media only screen and (max-width : 1580px) {
	#newsletter .et_pb_column:first-of-type {
		padding-left: 5%;
	}

	#publicaciones .content {
		padding-left: 100px;
	}
	.carrusel .et_pb_slide_title {
		font-size: 5rem;
	}
	.carrusel .et_pb_slide_content {
		font-size: 1.5rem;
	}

}

@media only screen and (max-width : 1380px) {
	.servicios .et_pb_blurb_container h4 {
		padding:0 40px;
	}
}

@media only screen and (max-width : 1280px) {
	#main-header #logo {
		max-width: 180px !important;
	}



	.servicios .et_pb_column{
		width:47%;
		margin-right:3%;
		margin-bottom:40px;
	}
	.servicios .et_pb_column:nth-child(even){
		margin-right:0;
	}

	.servicios .et_pb_blurb_container h4{
		margin-bottom:15px;
	}
	
	.servicios .et_pb_blurb_description {
		padding:0 20px;
	}
}

@media only screen and (max-width : 1180px) {
	#main-header #top-menu li a{
		font-size: 18px;
	}

	#top-menu li {
		padding-right: 10px;
	}

	.carrusel .et_pb_slide_title {
		font-size: 5rem;
	}

	#intro .et_pb_column:first-of-type .et_pb_text{
		position: relative;
	}

	#intro .et_pb_column:first-of-type {
		padding-left: 10%
	}

	#intro .et_pb_column:last-of-type {
		padding-right: 10%;
	}

	.grid-proyectos {
		display: grid;
		grid-template-columns: 33% 33% 33%;
	}

	#newsletter .et_pb_column:first-of-type {
		padding-left: 0;
	}

	#publicaciones .content {
		padding-left: 0;
	}


}

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

	#main-header .et_mobile_menu{
		background-color:#fff !important;
	}

	#main-header .et_mobile_menu li a{
		color:#000;
	}

	#main-header .et_mobile_menu li a{
		color:#000;
	}
	.menu-item a img{
		height:20px;
	}
	
	.idiomas{
		float: initial;
		margin-left: 20px;
		position: absolute;
		right: 40px;
		top: 45px;
	}

	#et_mobile_nav_menu {
		margin-top: 20px;
	}

	.et_mobile_menu li a {
		padding: 10px 0;
		text-transform: uppercase;
	}
	.carrusel .et_pb_slide_title {
		font-size: 4rem;
	}

	#intro .et_pb_column:first-of-type {
		padding-left: 0;
	}
	#intro .et_pb_column:last-of-type {
		padding-right: 0;
	}

	#intro .et_pb_column:first-of-type .et_pb_text{
		position:relative;
		left: 0;
		right:initial;
	}
	
	#intro h2 {
		text-align: left;
	}

	.servicios .et_pb_blurb_container h4 {
		height: initial;
		padding:0;

	}

	#publicaciones .et_pb_row:first-of-type{
		margin-bottom:0;
		padding-bottom: 0;
	}

	#publicaciones p{
		text-align: center;
	}

	#publicaciones .et_pb_button_module_wrapper, #publicaciones .et_pb_image{
		text-align: center;
	}

	#publicaciones .content .et_pb_button {
		margin-top: 20px;
		margin-bottom:30px;
	}




	.publicacion h2 {
		font-size: 1.5rem;
		margin-bottom: 10px;
		line-height: 1.2em;
		text-align: center;
		font-weight:600;
	}

	.publicacion p {
		text-align: center;
		max-width: 100%;
	}

	.publicacion.even{
		display:flex;
		flex-direction:column-reverse;
	}

	.publicacion.even .et_pb_image{
		margin-bottom:30px !important;
	}

	.neonek{
		text-align:center;
		float:initial;
	}

}

@media only screen and (max-width : 780px) {
	.grid-proyectos {
		display: grid;
		grid-template-columns: 50% 50%;
	}
	.carrusel .et_pb_slide_content p{
		font-size: 1.5rem;
	}

	.single-project #content-area {
		padding: 20px 0;
		display: flex;
		flex-direction: column-reverse;
	}

	.project-images {
		width: 100%;
		clear:both;
	}

	.project-content {
		width: 100%;
		clear:both;
		position: initial;
	}

	.project-content h3 {
		font-size:1.8rem;
	}

	.footer-widget:last-of-type>div{
		float:left;
	}

	.footer-icons {
		float: left;
	}

	.footer-widget:last-of-type img {
		float: left;
		margin-left: 0;
		margin-right:30px;
	}
	
		.project-content {
		padding-bottom:30px;
	}
	
	.project-content:after {
		margin-top: 20px;
	}
	
	.project-content .contacto, .project-content .share{
		display:none;
	}
	
	.project-images .contacto, .project-images .share{
		display:block;
	}

}
@media only screen and (max-width : 680px) {
	.servicios .et_pb_column.et_pb_column_1_4{
		width:100%;
		margin-right:0;
		margin-bottom:80px;
	}

	.servicios .et_pb_blurb_container h4 {
		margin-bottom: 10px;
		height: initial;
		font-size:1.2em;
	}
}

@media only screen and (max-width : 560px) {
	
	.single-project #main-content>.container {
		padding-top: 10px !important;
	}
	
	.et_pb_slide_description, .et_pb_slider_fullwidth_off .et_pb_slide_description{
		padding-left:0;
		padding-right:0;
	}

	.et_pb_section {
		padding: 20px 0;
	}

	h1 {
		font-size: 2.8rem;
	}

	h2 {
		font-size: 2.5rem;
	}

	.carrusel .et_pb_slide_title {
		font-size: 2.5rem;
	}

	#intro .et_pb_column:first-of-type {
		padding-left: 0;
	}

	#intro .et_pb_column:first-of-type .et_pb_text{
		position: relative;
		text-align: left;
		right: initial;
	}

	#intro h2 {
		text-align: left;
	}

	#intro .et_pb_column:last-of-type{
		padding-right:0;
	}

	.grid-proyectos {
		grid-template-columns: 100%;
	}

	#publicaciones .content {
		padding-left: 0;
	}

	#newsletter .et_pb_column:first-of-type {
		padding-left: 0;
	}

	.intro h2 {
		font-size: 1.7rem
	}

	.project-intro {
		padding:20px;
		width: 100%;
		margin:0 auto;
		left:initial;
		top:280px;
	}

	.project-intro h1 {
		font-size: 3rem;
	}



	#newsletter input[type=email] {
		width: 65%;
	}

	#newsletter input[type=submit] {
		padding:10px;
		width: 35%;
	}
	




}

@media only screen and (max-width : 380px) {
	.carrusel .et_pb_slide_title {
		font-size: 2.2rem;
	}

	.intro {
		padding-top: 100px !important;
	}

	.project-intro {
		top: 230px;
	}

	.project-intro h1 {
		font-size: 2.5rem;
	}

	.carrusel .et_pb_slide_content p {
		font-size: 1.2rem;
		line-height: 1.3em;
	}
	.proyecto h3 {
		font-size: 1.8rem;
	}

}