/* FONTS */
@font-face {font-family: "Gotham-Black"; src: url("../fonts/gotham/gotham-black.ttf") format("truetype");}
@font-face {font-family: "Gotham-Bold"; src: url("../fonts/gotham/gotham-bold.ttf") format("truetype");}
@font-face {font-family: "Gotham-Light"; src: url("../fonts/gotham/gotham-light.ttf") format("truetype");}
@font-face {font-family: "Gotham-Medium"; src: url("../fonts/gotham/gotham-medium.ttf") format("truetype");}
@font-face {font-family: "Gotham-Thin"; src: url("../fonts/gotham/gotham-thin.ttf") format("truetype");}
@font-face {font-family: "Gotham-Ultra"; src: url("../fonts/gotham/gotham-ultra.ttf") format("truetype");}
@font-face {font-family: "Gotham-XLight"; src: url("../fonts/gotham/gotham-xlight.ttf") format("truetype");}
@font-face {font-family: "Gotham-Book"; src: url("../fonts/gotham/gotham-book.ttf") format("truetype");}

body {font-family: "Gotham-Book"}

/* HEADER */
.navigation-top {border: none; height: var(--height-header-lg); bottom: auto; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 7;}
.navigation-top .logo {position: absolute; top: 0; height: 100%;}
.navigation-top nav {border-bottom: 1px solid #eee;}
.main-navigation ul#top-menu {text-align: center; height: var(--height-header-lg); line-height: 110px; font-size: 14px; text-transform: uppercase;}
.custom-logo-link img {max-height: 100%; width: auto;}
.search-wrapper {position: absolute; right: 50px; top: 36px; width: 200px; height: 40px; overflow: hidden;}
.search-wrapper .search-toggle {width: 25px; cursor: pointer; position: absolute; right: 0; top: 4px; -webkit-transition: 700ms right ease-in-out; transition: 700ms right ease-in-out;}
.search-wrapper .search-form {width: 0; -webkit-transition: all 200ms ease; transition: all 200ms ease; position: absolute; right: -30px;;}
.search-wrapper .search-form .search-icon {width: 25px;}
.search-wrapper .search-form .search-submit {background: none; padding: 0; width: 25px; top: 3px; right: 0;}
.search-wrapper .search-form .search-field {border: none; border-bottom: 1px solid #b2b2b2; border-radius: 0; padding: 0 10px;}
.search-wrapper.toggled .search-form {opacity: 1; display: block; width: 200px; right: 0;}
.search-wrapper.toggled .search-toggle {right: -30px; -webkit-transition: 1ms right; transition: 1ms right;}

.site-content {margin: 0 auto; width: 1440px; padding: 0 2em;}
.site-content-contain {margin-top: 20px;}
.page-template-template-servicios .site-content-contain,
.page-template-template-servicios-electrodomestics .site-content-contain,
.page-template-template-sobre-midea .site-content-contain {
	float: left;
	width: 100%;
}
#yt-video-container {
	position: relative;
	float: left;
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
}
.home #yt-video-container {
	margin-top: 40px;
}
#yt-video-container #ytclose {
	position: absolute;
	z-index: 4;
	top: 10px;
	right: 20px;
	display: none;
}
#yt-video-container #ytclose i {
	font-size: 50px;
	color: #FFFFFF;
}
#yt-video-container #ytplayer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.carousel-top.owl-carousel .owl-item img.slider-img-responsive{display: none;}
.carousel-top {float: left; width: 100%; margin-top: 40px;}
.carousel-top .el {position: relative; padding-top: 70px;}
.carousel-top p {
	font-family: "Gotham-Light";
	color: #0091da;
	font-size: 45px;
	line-height: 54px;
	text-transform: uppercase;
	position: absolute;
	top: 0;
	left: 40px;
	max-width: 45%;
}
.carousel-top.owl-theme .owl-dots {position: absolute; bottom: 25px; width: 100%; text-align: left; padding-left: 40px;}
.carousel-top.owl-theme .owl-dots .owl-dot span {background-color: #fff; width: 100px; height: 7px; border-radius: 0;}
.carousel-top.owl-theme .owl-dots .owl-dot.active span,
.carousel-top.owl-theme .owl-dots .owl-dot:hover span {background-color: #0091da;}
.services {width: 1140px; padding: 150px 0; margin: 0px auto; overflow: hidden;}
.services .service {float: left; width: 360px; height: 440px; margin: 0 10px; position: relative; text-align: center; cursor: pointer;}
.services .service .wrapper {width: 100%; position: relative;}
.services .service h3 {position: absolute; bottom: -10px; font-family: "Gotham-Light"; color: #0091da; font-size: 35px; text-transform: uppercase; width: 100%; padding: 0; margin: 0; line-height: 30px; -webkit-transition: all 200ms; transition: all 200ms;}
.services .service .hovered {width: 100%; height: 100%; background-color: rgba(0, 145, 218, 0); position: absolute; top: 0; -webkit-transition: all 200ms; transition: all 200ms;}
.services .service .hovered img {opacity: 0; position: absolute; width: 30px; -webkit-transition: all 200ms; transition: all 200ms; left: 0; right: 0; margin: 0 auto; top: 36%;}
.services .service:hover .hovered {background-color: rgba(0, 145, 218, 0.7);}
.services .service:hover h3 {color: #fff; bottom: 30px; z-index: 5;}
.services .service:hover .hovered img {opacity: 1;}
.services .service > a > img.service-img-responsive{display: none;}

/* block message */
.message {float: left; width: 100%; position: relative;}
.message .text strong{
	font-weight:bolder;
}

.message .text {font-family: "Gotham-Light"; color: #0091da; font-size: 37px; text-transform: uppercase; width: 100%;/*max-width: 560px;*/ z-index: 5; position: relative;margin-bottom: 50px;}
.page-template-template-servicios .message .text,
.page-template-template-servicios-electrodomestics .message .text {
	text-transform: none;
}
.message .text span {position: relative; float: left; clear: both; width: 100%; margin-bottom: 10px;}
.message .text .note { 
	font-size: 10px;
	line-height: 14px;
	text-transform: none;
	font-family: "Gotham-Book";
	color: #0091da;
	text-align: center;
}
.message .home_fuerte{font-size: 26px;font-weight: 600;}
.message a {border: 7px solid #0091da; background-color: transparent; color: #000; text-transform: uppercase; font-family: "Gotham-Book"; font-size: 18px; font-weight: 500; padding: 13px 40px;display:inline-block; margin-top: 10px;}
.message a:hover {color: #fff; background-color: #0091da;}

/* block message flex */
.message_container {
	position: relative;
	float: left;
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.message_container .message {float: left; width: 100%; position: relative; overflow: hidden; width: 50%;}
.message_container .message .logo_bg {
	position: absolute;
	left: 0px; top: 0px;
	width: 100%;
	height: auto;
	z-index: 1;
	margin-top: 65px;
}
.message_container .message .logo_message {
	position: relative;
	float: left;
	width: 50%;
	max-width: 300px;
	height: auto;
	clear: right;
	z-index: 2;
}
.message_container .message div {
	position: relative;
	float: left;
	width: 100%;
	z-index: 2;
	color: #0091da;
}
.message_container .message div.title {
	margin-top: 30px;
	line-height: 28px;
	font-family: "Gotham-Bold";
}
.message_container .message div.title .big {
	font-size: 50px;
	margin-right: 12px;
}
.message_container .message div.title .small {
	font-size: 30px;
}
.message_container .message div.text {
	line-height: 30px;
	font-size: 26px;
	font-family: "Gotham-Light";
	margin: 0px;
	text-transform: none;
}
.message_container .message div.big {
	font-size: 30px;
	font-family: "Gotham-Bold";
}
.message_container .message div.note {
	width: 72%;
	clear: both;
	font-size: 9px;
	font-family: "Gotham-Book";
}
.message_container .message a {position: relative; float: left; z-index: 2; border: 2px solid #0091da; background-color: transparent; color: #000; text-transform: uppercase; font-family: "Gotham-Book"; font-size: 18px; font-weight: 500; padding: 13px 40px;display:inline-block; margin: 30px 0px;}
.message_container .message a:hover {color: #fff; background-color: #0091da;}

@media(max-width: 999px){
	.message_container .message,
	.message_container .video-home {
		width: 100% !important;
	}
	.message_container .message{
		text-align: center;
		margin-bottom: 40px;
		text-align: center;
		margin-top: 100px;
		width: 100%;
		display: block;
		margin: 0 auto;
	}
	.message_container .message .logo_bg {
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.message_container .message .logo_message {
		position: relative;
		float: left;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.message_container .message a {
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	.message_container .video-home {
		display: block;
		margin: 30px auto 0 auto !important;
	}
}

/* block projects */
.projects-contact {float: left; width: 100%; margin-top: 165px; margin-bottom: 90px;}
.projects-wrapper {float: left; width: 62.5%; position: relative;}
.projects-wrapper .title {position: absolute; top: -18px; z-index: 5; right: 20px; text-align: right; font-family: "Gotham-Light"; color: #0091da; font-size: 35px; text-transform: uppercase; line-height: 37px;font-weight: 400;}
.projects-wrapper .project {height: 490px; position: relative;}
.projects-wrapper .project .img-wrapper {position: relative;}
.projects-wrapper .project .data-wrapper h5 {font-size: 32px; margin: 0;font-weight: normal;letter-spacing: 2px;color: #000;}
.projects-wrapper .project .data-wrapper .type {color: #999;}
.projects-wrapper .project .data-wrapper .data:first-child{margin-bottom: 20px;}
.projects-wrapper .project .img-wrapper .number {position: absolute; bottom: 3px; right: 20px; color: #fff; line-height: 1px;}
.projects-wrapper .project .img-wrapper .number .this {font-size: 104px;}
.projects-wrapper .project .img-wrapper .number .all {font-size: 47px;}
.projects-wrapper .project .data-wrapper {margin-top: 13px;float: left; position:relative;padding-bottom: 10px;padding-right: 40px;}
.projects-wrapper .project .data-wrapper:after{
	content: "";
	display: block;
	height: 1px;
	width: 135px;
	background-color: #ccc;
	position: absolute;
	bottom: 0px;
	left: 20px;
}
.projects-wrapper .project .data-wrapper .data {float: left; width: 100%; padding-left: 20px;}
.projects-wrapper .project .data-wrapper .text {color: #009fd8;}
.projects-wrapper .project .data-wrapper .info {color: #434040; padding-left: 7px;}
.projects-wrapper .midea-button, #registrarMidea-container .midea-button {position: relative; text-align: center;border: 2px solid #0091da; background-color: transparent; color: #000; text-transform: uppercase; font-family: "Gotham-Book"; font-size: 18px; font-weight: normal; padding: 13px 20px; float: left; margin-top: 24px; background-color: #fff;}
.projects-wrapper .midea-button:hover, #registrarMidea-container .midea-button:hover {color: #fff; background-color: #0091da;}
.projects-wrapper .owl-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	width: 35%;
}
#registrarMidea-container .midea-button {
    display: block;
    float: none;
}
.projects-wrapper .owl-nav .nav-next,
.projects-wrapper .owl-nav .nav-prev {
	float: left;
}
.projects-wrapper #link-projects {
	display: none;
	float: left;
	clear: both;
	width: 80%;
}
.projects-wrapper .owl-theme .owl-nav,
.carousel-top.owl-theme .owl-nav {position: absolute; top: 455px; text-align: right; right: 0;}

.projects-wrapper .owl-theme .owl-nav div,
.projects-wrapper .owl-theme .owl-nav div:hover,
.carousel-top.owl-theme .owl-nav div,
.carousel-top.owl-theme .owl-nav div:hover{width: 60px; height: 60px; background-color: transparent; background-image: url('../images/left-chevron-blue.png'); background-size: 60px; background-position: 1px; background-repeat: no-repeat;}
.projects-wrapper .owl-theme .owl-nav .owl-next { -webkit-transform: rotate(180deg); transform: rotate(180deg);}

.carousel-top.owl-theme .owl-nav{
	width: 100%;
	top: 66%;
	margin-top: -80px;
}
.carousel-top.owl-theme .owl-nav div,
.carousel-top.owl-theme .owl-nav div:hover{
	height: 122px;
	width: 80px;
	position: absolute;
	background-position: 0px;
	background-size: 80px;
}
.carousel-top.owl-theme .owl-nav div.owl-prev{
	left: 20px;
	background-image: url('../images/left-chevron-blue-white.png');
}
.carousel-top.owl-theme .owl-nav div.owl-next{
	right: 20px;
	background-image: url('../images/right-chevron-blue-white.png');
	-webkit-transform: none;
	        transform: none;
}


.contact-wrapper {position: relative; float: left; width: 34%; margin-left: 3.5%;}
.contact-wrapper .shadow {
	position: absolute;
	width: 100%;
	height: auto;
	left: 0px;
	top: 0px;
	z-index: 2;
}
.contact-wrapper .img-wrapper {height: 490px; position: relative;}
.contact-wrapper .img-wrapper .bg {height: 100%; width: auto;}
.contact-wrapper .img-wrapper .title {position: absolute; top: -18px; z-index: 5; right: 20px; left: 20px; font-family: "Gotham-Light"; color: #0091da; font-size: 35px; text-transform: uppercase; line-height: 37px;}
.contact-wrapper .info-wrapper {float: left; width: 100%; margin-top: 20px;}
.contact-wrapper .info-wrapper span {float: left; width: 100%; color: #3b3b3b; padding: 0px 14px;}
.contact-wrapper .info-wrapper .midea-button, .banner-sliderImages-video .midea-button {text-align: center;border: 2px solid #0091da; background-color: transparent; color: #000; text-transform: uppercase; font-family: "Gotham-Book"; font-size: 18px; font-weight: normal; padding: 13px 0; width: 100%; float: left; margin-top: 24px;}
.contact-wrapper .info-wrapper .midea-button:hover, .banner-sliderImages-video .midea-button:hover {color: #fff; background-color: #0091da;}

/* FOOTER */

#textSEO {
	padding-bottom: 50px;
	background: white;
	padding-top: 25px;
}
.site-footer {background-color: #191919;}
.site-footer .wrap {padding-bottom: 0; padding-top: 60px; position: relative;}
.site-footer .wpcf7 {width: 100%; max-width: 975px; margin: 0 auto; position: relative; z-index: 5;}
.site-footer .wpcf7 .title {color: #0091da; font-size: 18px; text-transform: uppercase; padding: 0 15px;}
.site-footer .wpcf7 input {background-color: #323232; border: none;}
.site-footer .wpcf7 textarea {background-color: #323232; border: none; height: 136px;}
.site-footer .wpcf7 label {color: #fff;}
.site-footer .wpcf7 .left,
.site-footer .wpcf7 .right {float: left; padding: 0 15px;}
.site-footer .wpcf7 input[type='submit'] {float: right; margin: 15px; background-color: #191919; border: 5px solid #0091da; padding: 1em 4em; text-transform: uppercase; font-weight: normal;}
.site-footer .wpcf7 input[type='submit']:hover {background-color: #0091da;}
.site-footer .logo-wrapper {position: absolute; right: 3em;}
.site-footer .menu-menu-enlaces-legales-container {margin-top: 40px;text-align: center; color: #474747; float: left; width: 100%; border-top: 1px solid #0c0c0c;}
.site-footer .menu-menu-enlaces-legales-container ul {display: inline-block;}
.site-footer .menu-menu-enlaces-legales-container li {list-style: none; float: none; display:inline-block; padding: 5px 20px; border-left: 1px solid #0c0c0c; margin-top: 15px;}
.site-footer .menu-menu-enlaces-legales-container li:first-child {border-left: none;}


/* ULTIMO COMMIT RAUL */

.site-footer .menu li a {color: #888; -webkit-transition: 200ms all; transition: 200ms all;}
.site-footer .menu li a:hover {color: #fff;}

/* LEGALES */
.page-terminos-y-condiciones .entry-header,
.page-aviso-de-privacidad .entry-header {display: none;}
.page-terminos-y-condiciones .site-content .wrap,
.page-aviso-de-privacidad .site-content .wrap {max-width: 1000px;}

/* 404 */
body.has-sidebar.error404 #primary .page-header,
.error404.has-sidebar #primary .page-content {width: 100%; text-align: center;}
.number404 {position: absolute; top: -120px; color: rgba(229, 229, 229, 0.35); font-size: 270px; z-index: 0;}
.message404, body.has-sidebar.error404 #primary .page-title {position: relative; z-index: 1;}

/*Adrián*/
.message .text2 {
    font-family: "Gotham-Light";
    color: #0091da;
    font-size: 20px;
    text-transform: uppercase;
    z-index: 5;
    position: relative;
		font-weight: bold;
}
.lista_text {
	margin: 0 3em 1em;
  padding: 0;
}