body, html {margin: 0; padding: 0; width: 100%; max-width:100%; font-family: 'Klavika', sans-serif; color:#fff; background-color: #dad9d6;}

.wrapper {position: relative; display: block; /*overflow: hidden;*/ margin:0 auto; max-width: 1200px; width: 96%;}

.enter-y {transform: translateY(50px); opacity: 0; transition: all .5s;}
.enter-y-r {transform: translateY(-50px); opacity: 0; transition: all .5s;}
.enter-x {transform: translateX(50px); opacity: 0; transition: all .5s;}
.enter-x-r {transform: translateX(-50px); opacity: 0; transition: all .5s;}
.show .delay-1 {transition-delay: .2s !important;}
.show .delay-2 {transition-delay: .4s !important;}
.show .delay-3 {transition-delay: .6s !important;}
.show .delay-4 {transition-delay: .8s !important;}
.show .delay-5 {transition-delay: 1s !important;}
.show .delay-6 {transition-delay: 1.2s !important;}
.show .delay-7 {transition-delay: 1.4s !important;}
.show .enter-y, .show .enter-x, .show .enter-y-r, .show .enter-x-r {opacity: 1; transform: translate(0);}


/************************************
				LOADER
**************************************/

.loader {position: fixed;right: 0px;top: 0px;width: 100%;height: 100%;z-index: 9999;background-color: #282828; transition: all 1s 1.1s cubic-bezier(0.86, 0, 0.07, 1);}
.loader.finished {width: 0; /*opacity: 0;*/}
	.loader .inner {position: absolute;top: 50%;left: 0;right: 0;margin:0 auto;width: 300px;height: 100px;overflow: hidden;padding-top: 80px;transition: all 1s .8s cubic-bezier(0.86, 0, 0.07, 1);transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);}
	.loader.finished .inner {width: 0; left: 50%; /*opacity: 0;*/}
		.loader .inner::before {content:'';position: absolute;top: 0;left: 0;opacity: 0; width: 0;z-index: 1;height: 102%;background-color: #3E3E3E;animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1);-moz-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1);}
		.loader.finished .inner::before {width: 100%; opacity: 1; animation: hover-in 1s cubic-bezier(0.86, 0, 0.07, 1); -webkit-animation: hover-in 1s cubic-bezier(0.86, 0, 0.07, 1); -moz-animation: hover-in 1s cubic-bezier(0.86, 0, 0.07, 1);}
		.loader .bar {background-color: #ec1c24; width:0%; height:20px; transition: all .2s;}
		.loader .percent {position:absolute;display:inline-block;bottom: -2px;right: 0;left: 0;margin:0 auto;color: #fff;font-size: 100px;font-weight: 700;letter-spacing: -8px;text-align: center;}

.admin .loader {display: none;}


/************************************
			   HEADER
**************************************/

header {position: absolute; top: 50px; left: 0; width: 100%; z-index: 12;}
.admin header {top: 30px;}
	header .logo {position: relative; display: block; float: left; transition: all 1s 1s; opacity: 0; transform: translateX(-50px);}
		header .logo img {width: 100%; display: block;}
	header nav {position: relative; float: right; margin-top: 20px; transition: all 1s 1.3s; opacity: 0; transform: translateX(-50px);}
		header nav > .link {position: relative;display: inline-block;vertical-align: middle;font-size: 18px;color: rgba(0, 0, 0, 0.7);text-transform: uppercase;font-style: italic;padding: 12px 15px;margin: 0px 5px;transition: all .3s;}
		header nav .link.active {color: #000;}
		header nav .link:last-child {margin-right: 0;}
			header nav .link::after {content:'';position: absolute;bottom: 0;left: 0;width: 0;height: 4px;background-color: #ec1c24;transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);animation: hover-out .5s cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation: hover-out .5s cubic-bezier(0.86, 0, 0.07, 1);-moz-animation: hover-out .5s cubic-bezier(0.86, 0, 0.07, 1);}
			header nav .link.active::after, header nav .link:hover::after {width: 100%;animation: hover-in .5s cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation: hover-in .5s cubic-bezier(0.86, 0, 0.07, 1);-moz-animation: hover-in .5s cubic-bezier(0.86, 0, 0.07, 1);}

	.loaded header *:not(.subsub), .admin header .logo, .admin header nav {opacity: 1 !important; transform: translateX(0) !important;}

	.sub {position: absolute;top: 42px;left: 0;width: 100%;pointer-events: none;}
		header nav .link a {position: relative;padding-top: 18px;text-align: center;display: block;font-size: 14px;color: rgba(0,0,0,.7);transition: all .5s;opacity: 0;transform: translateX(-20px);}
		header nav .link a:hover {color: rgb(236, 28, 36); transition-delay: 0s;}
		header nav .link a::after {height: 2px; }
		header nav > .link:hover .sub {pointer-events: auto; }
		header nav > .link:hover .sub a {opacity: 1; transform: translateX(0); }
		header nav .link a:nth-child(2) {transition-delay: .1s; }
		header nav .link a:nth-child(3) {transition-delay: .2s; }
		header nav .link a:nth-child(4) {transition-delay: .3s; }
		header nav .link a:nth-child(5) {transition-delay: .4s; }

	header.mobile {position: fixed; display: none; top: 0; left: 0; width: 100%; height: 70px; background-color: #fff;}





/************************************
			   GRID
**************************************/

.grid {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; pointer-events: none; z-index: 10000;}
	.grid .wrapper {height: 100%;}
	.grid .wrapper div {position: relative; display: block; float: left; width: 16.653%; height: 100%; border-left: solid 1px rgba(0, 0, 0, 0.05);}
	.grid .wrapper div:last-child {width: 1px;}

	.grid.white .wrapper div {border-left: solid 1px rgba(256, 256, 256, 0.05);}



/************************************
			   HERO
**************************************/

#hero {position: relative; display: block; width: 100%; height: 100vh;}
.alquiler #hero {height: 565px;margin-bottom: -100px;}
.detalle-modelo #hero {height: 760px;}

	#hero slick {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
		#hero slick div {height: 100%;}
		#hero slick .slick-slide {background-position: center; background-size: cover; transition: opacity 1s;}
		#hero slick .mask {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;background-position: center; background-size: cover;}
		#hero slick .title {position: absolute; top: 53%; left: 0; width: 100%; text-align: center; transition: all 1.5s 1s; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%)}
			#hero slick .title h2 {position: absolute;overflow: hidden;top: 50%;left: 0;right: 0;max-width: 1230px;font-size: 115px;letter-spacing: -3px;text-align: center;margin: 0 auto;color: #fff;text-transform: uppercase;transition: opacity 1s;margin-top: -60px;}
				#hero slick .title h2::before {content:'';position: absolute;top: 0;left: 0;height: 100%;width: 0;z-index: 1;background-color: #282828;transition: width 1s 1.5s cubic-bezier(0.86, 0, 0.07, 1), left .8s 2.3s cubic-bezier(0.86, 0, 0.07, 1);}
				#hero slick .title h2 span {display: inline-block;transform:translateX(-80px);opacity: 0;transition: all 1s 2.3s;}
		.loaded .ready #hero slick .title h2::before {width: 100%;left: 100%;}
		.loaded .ready #hero slick .title h2 span {transform:translateX(0); opacity: 1;}

	.home #hero .bg::after, .home #hero .slick-slide::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 50%;pointer-events: none;box-shadow: 0 -240px 200px -130px #242323 inset;}
	.home #hero .slick-slide::before, #hero::before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;pointer-events: none;box-shadow: 0 420px 300px -170px rgba(256,256,256,.8) inset;z-index: 1;}
	.alquiler #hero::before, .alquiler #hero .bg::after {/* box-shadow: initial; */}

	.conocenos {position: absolute;bottom: 45%;left: 0;width: 100%;height: 20%; pointer-events: none;}
	.nosotros .conocenos, .alquiler .conocenos, .detalle-caso .conocenos {bottom: 55%; z-index: 4; height: 105px;}
	.detalle-modelo .conocenos {bottom: -2%; z-index: 4;}
	.loaded .conocenos .boton {opacity: 1; bottom: 0; right: -49px; pointer-events: auto;}
	.loaded .detalle-modelo .conocenos .boton {left: -50px;}
	.loaded .nosotros .conocenos {bottom: 40%;}
	.loaded .detalle-caso .conocenos {bottom: 37%;}
	.loaded .alquiler .conocenos {bottom: 25%;}
	.loaded .detalle-modelo .conocenos {bottom: 170px;}
	.loaded .detalle-modelo.usado .conocenos {bottom: 35%;}
		.conocenos .wrapper {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%;}
			.conocenos .boton {position: absolute;bottom: 0px;right: 200px;cursor: pointer;width: 100px;height: 105px;z-index: 2;opacity: 0; transition: all 1s 2s; padding-top: 43px;}
				.conocenos .boton::before {content:'';position: absolute;bottom: 70px;left: 0;right: 0;margin:0 auto;width: 1px;height: 30px;background-color: #78797c;transition: all .3s;animation: arrow2 .7s alternate linear infinite;}
				/*.conocenos .boton.red::before, .conocenos .boton.red .img::before {background-color: #e47771;}*/
				.conocenos:hover .boton::before{background-color: #ec1c24; bottom: 65px;}
				.conocenos:hover .boton.red::before, .conocenos:hover .boton.red .img::before {background-color: #525252;}
				.conocenos .img {position: relative;display: block;margin: 0 auto;transition: all .3s;/*animation: arrow 2s infinite;*/}
					.conocenos img {display: block;margin: 0 auto;transition: all .3s;/* animation: arrow 2s infinite; */}
					.conocenos img:last-child {position: absolute;bottom: 0;left: 0;opacity: 0;margin: 0 auto;right: 0;}
					.conocenos .img::before {content: ''; position: relative; display: block; margin: 0 auto; margin-bottom: -8px; width: 1px; height: 30px; background-color: #78797c; transition: all .3s; animation: arrow1 .7s alternate linear infinite;}
					.conocenos:hover .img::before {transform: translateY(5px); background-color: #ec1c24;}
					.conocenos:hover .img img:first-child {opacity: 0;}
					.conocenos:hover .img img:last-child {opacity: 1;}
				.conocenos span {position: relative;display: block;width: 100%;text-align: center;text-transform: uppercase;color: #fff;font-size: 15px;font-weight: 700;margin-bottom: 10px;transition: all .3s .1s;}
				.conocenos .red span {color: #2E2D2D;}
				.conocenos:hover img, .conocenos:hover span {transform: translateY(5px); color: #ec1c24;}

	.h2-home {opacity: 0; transform: translateY(50px); transition: all 1s 1.5s;}
	.home .button-home {opacity: 0; transform: translateY(50px); transition: all 1s 1.8s !important; margin-top: 80px;}
		.loaded .h2-home, .loaded .button-home {opacity: 1; transform: translateY(0)}
	.home .button.button-home .right {padding: 15.5px 0 !important;}
		.home .button.button-home .right img:first-child {transform: translate(-20px, 2px) !important;}
		.home .button.button-home .right img:last-child {transform: translate(14px, -2px) !important;}
		.home .button.button-home:hover .right img:last-child {transform: translate(14px, 3px) !important;}
		.home .button.little:hover .right img:first-child { transform: translate(14px, 2px) !important; }









	.slick-dots {position: absolute;bottom: 100px;right: 0;left: 0;margin:0 auto;max-width: 1200px;width: 96%;opacity: 0;display: block;margin-top: 20px;text-align: left;transition: all 1s 2s;transform: translateX(-50px);}
	.slick-dots li {position: relative;display: inline-block;width: 50px;height: 6px;margin: 0 1px;padding: 0;cursor: pointer;background-color: rgba(255,255,255,0.3);z-index: 100;transition: all .3s;}
	.slick-dots li button {font-size: 0;line-height: 0;display: block;width: 50px;height: 6px;cursor: pointer;color: transparent;border: 0;outline: none;background: transparent;}
	.slick-dots li button:before {font-family: 'slick';font-size: 6px;line-height: 10px;position: absolute;transition: all 1s;top: 0;left: 0;width: 0;height: 6px;content: '';text-align: center;color: #fff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;background-color: #dad9d6; animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1); -webkit-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1); -moz-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1);}
	.slick-dots li.slick-active button:before {color: #fff;background-color: #fff;/*width: 50px;*/transition: all 6.5s; animation: hover-in 6.5s cubic-bezier(0.86, 0, 0.07, 1); -webkit-animation: hover-in 6.5s cubic-bezier(0.86, 0, 0.07, 1); -moz-animation: hover-in 6.5s cubic-bezier(0.86, 0, 0.07, 1);}
	.loaded .slick-dots {opacity: 1; bottom: 100px; transform: translateX(0);}
	.slick-dots li:hover {background-color: rgba(255,255,255,0.8);}


	#hero .main-title, #hero .main-title .bg {position: absolute; top: 0; left: 0; height: 100%; width: 100%; background-size: cover; background-position: center;}
		.nosotros #hero .main-title .bg {background-image: url(../img/bg-nosotros.jpg);}
		.nosotros #hero .main-title.ubicaciones .bg {background-image: url(../img/bg-ubicaciones.jpg);}
		main:not(.home) #hero .main-title.white-bg {background-color: #fff;}

		#hero .main-title .wrapper {position: absolute;top: 55%;left: 0;right: 0;display: block;z-index: 10;transform: translateY(-50%);-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);-ms-transform: translateY(-50%);}
		#hero .main-title .wrapper.img {width: 100%; height: 100%; top: 0 !important; pointer-events: none; z-index: 2; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0);}
			#hero .main-title .wrapper.img img {position: absolute; top: 300px; right: 0; display: block; opacity: 0; transition: all 2s 1.5s;}
			.loaded .ready #hero .main-title .wrapper.img img {opacity: 1; top: 200px;}
		.alquiler #hero .main-title .wrapper {top: 50%;}
		.alquiler.detalle-modelo #hero .main-title .wrapper {top: 0;height: 100%;transform: translateY(0);padding-top: 200px;z-index: 11;}
		.alquiler.detalle-modelo.usado #hero .main-title .wrapper {top: 60%;}
			#hero .main-title h3 {position: relative; display: inline-block; overflow: hidden; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #fff; margin-bottom: 25px;}
				#hero .main-title h3 a {transition: all .3s; display: block; transform: translateX(5px);}
				#hero .main-title h3 a:hover {color:#ec1c24; transform: translateX(0);}
					#hero .main-title h3 a img {vertical-align: middle; display: inline-block;}
			.alquiler #hero .main-title h3 {margin-bottom: 5px;}
			#hero .main-title.white-bg * {color: #2d2c2c;}
			#hero .main-title.white-bg strong {font-weight: 300; display: block; margin-top: -30px;}
			#hero .main-title h2 {position: relative; display: inline-block; overflow: hidden; font-size: 120px; line-height: 105px; text-transform: uppercase; font-weight: 700; color: #fff;margin-left: -7px;}
			#hero .main-title h2.thin {font-weight: 300;}
			.detalle-modelo #hero .main-title h2 {max-width: 65%;line-height: 135px; margin-top: -15px;}


			.in {position: relative; display: inline-block; overflow: hidden; padding-right: 10px;}
				.in span, .in p, .in img {display: block; transition: all 1s 2.3s; transform: translateX(-80px);opacity: 0;}
			.in::before {content:'';position: absolute;top: 0;left: 0;height: 100%;width: 0;z-index: 100;background-color: #222;transition: width 1s 1.5s cubic-bezier(0.86, 0, 0.07, 1), left .8s 2.3s cubic-bezier(0.86, 0, 0.07, 1);}
			.loaded .ready .in::before {width: 100%;left: 101%;}
			.loaded .ready .in span, .loaded .ready .in p, .loaded .ready .in img {transform:translateX(0); opacity: 1;}


/************************************
			   MAIN
**************************************/

main {position: relative; display: block; width: 100%; background-color: #242323;}
main.admin {background-color: #fff;}
.black-bg {position: relative; display: block; width: 100%; display: block;}

#destacados {position: relative; display: block; width: 100%; margin-top: -20px; z-index: 1; padding-top: 150px; margin-bottom: -75px;}
	#destacados .wrapper {max-width: 930px;}
	#destacados .left {position: relative; display: inline-block; vertical-align: bottom; margin-right: -5px; margin-left: 0; background-size: cover; background-position: center; margin-bottom: 0; width: 400px; background-color: #000; z-index: 1; transition: opacity 1s;; opacity: 0; transform: translateY(50px);}
		#destacados .left .img {position: relative; display: block; width: 100%;}
			.left .img img {width: 100%; display: block;}
			#destacados .left .title {position: relative; display: block; max-width: 260px; text-transform: uppercase; font-weight: 700; padding: 15px 50px; margin-top: -20px; background-color: #ec1c24; color: #fff; opacity: 0; transform: translateX(-50px); transition: all .3s .2s;}
			#destacados .left .text {position: relative; display: block; width: 100%; padding: 50px; color: #fff;}
				#destacados .left .text h3 {display: block; font-size: 55px; text-transform: uppercase; font-style: italic; margin-bottom: 20px; opacity: 0; transform: translateX(-50px); transition: all .3s .4s;}
				#destacados .left .text p {display: block; font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 35px; opacity: 0; transform: translateX(-50px); transition: all .3s .6s;}
				#destacados .left .text a {display: block; font-size: 13px; text-transform: uppercase; color: #ec1c24; font-weight: 700; opacity: 0; transform: translateX(-50px); transition: all .3s .8s;}

		#destacados .right, #destacados .left {position: relative;display: inline-block;vertical-align: bottom;/* margin-left: -50px; */background-size: cover; background-position: center;padding: 85px 54px;width: 400px;height: 680px;background-color: #fff;/*padding: 55px; padding-left: 100px; padding-bottom: 75px;*/transition: opacity 1s;opacity: 0;transform: translateY(50px);}
		#destacados .r {display: inline-block; vertical-align: middle; width: 530px; height: 680px; max-width: 100%}
		#destacados .right {width: 100%; height: 50%;}
		#destacados .right .arrows {position: absolute;bottom: 55px;right: 40px;z-index: 2;opacity: 0;transform: translateY(50px);transition: all .3s 1s;}
			#destacados .right .arrows div {display: inline-block;vertical-align: middle;cursor: pointer;overflow: hidden;transition: all .3s;text-align: center;width: 40px;}
			#destacados .right .arrows div img:first-child {position: absolute;top: 0;right: 0;left: 0;opacity: 0;transition: all .3s;margin: 0 auto;}
			#destacados .right .arrows div img:last-child {transition: all .3s;}
			#destacados .right .arrows div:hover img:last-child {opacity: 0;}
			#destacados .right .arrows div:hover img:first-child {opacity: 1;}
			#destacados .right .arrows div:first-child:hover {transform: translateX(-10px) !important;}
			#destacados .right .arrows div:last-child:hover {transform: translateX(10px) !important;}
		#destacados .right .right-slick-slide {display: block; padding: 55px; padding-left: 100px; padding-bottom: 75px;}
		#destacados .right .img {position: relative; display: block; opacity: 0; transform: translateY(50px); transition: all .5s 1s;}
		#destacados .right .img img {width: 90%;}
		#destacados h4 {display: block; font-size: 16px; text-transform: uppercase; color: #000; font-weight: 700; margin-bottom: 15px; opacity: 0; transform: translateX(-50px); transition: all .3s .8s;}
		#destacados h3 {display: block; font-size: 55px; font-weight: 300; color: #ec1c24; text-transform: uppercase; margin-bottom: 35px; opacity: 0; transform: translateX(-50px); transition: all .3s 1s;}
		#destacados .right-2 h3 {margin-bottom: 65px;}
		#destacados h3 strong {display: block;}
		#destacados a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
		#destacados .r h4, #destacados .r h3 {color: #fff;}
		#destacados .right-2 h4 {color: #ec1c24;}

	#destacados.show .wrapper > * {opacity: 1;}

	#destacados.show .wrapper * *:not(img):not(span):not(.slick-slide), #trayectoria.show .wrapper * *:not(img):not(span), #ubicaciones.show h2, #ubicaciones.show .button {opacity: 1 !important; transform: translate(0) !important;}

	.little-link {position: relative; overflow: hidden; text-transform: uppercase;}
	#destacados .left .little-link {position: absolute;bottom: 85px;left: 60px;}
		.little-link img:first-child {display: inline-block;vertical-align: middle;margin-right: 8px;transform: translateX(-20px);opacity: 0;transition: all .3s;}
		.little-link img:last-child {display: inline-block;vertical-align: middle;margin-left: 8px;transition: all .3s;transform: translateX(-20px);}
		.little-link span {display: inline-block;vertical-align: middle;color: #ec1c24;transition: all .3s;transform: translateX(-20px);}
		.little-link.black span {color: #242323;}
		.little-link.white span {color: #fff;}

		.little-link:hover img:first-child, .left:hover .little-link img:first-child, .right .right-slick-slide:hover .little-link img:first-child {transform: translateX(0);opacity: 1;}
		.little-link:hover img:last-child, .left:hover .little-link img:last-child, .right .right-slick-slide:hover .little-link img:last-child {transform: translateX(0) !important; opacity: 0 !important;}
		.little-link:hover span, .left:hover .little-link span {color: #fff;transform: translateX(0);}
		.left .little-link:hover span, .left:hover .little-link span {color: #ec1c24;transform: translateX(0);}
		.little-link.black:hover span {color: #ec1c24;transform: translateX(0);}
		.little-link.white:hover span {color: #fff;transform: translateX(0);}

		.right .right-slick-slide:hover .little-link span {color: #000; transform: translateX(0);}




	#trayectoria {position: relative;display: block;width: 100%;/* margin-top: -350px; *//* margin-bottom: -50px; */overflow: hidden;}
		#trayectoria .count {display: block;font-size: 11vw;font-weight: 700;/* font-style: italic; */margin-left: -11px;color: #fff;opacity: .02 !important;transition: opacity 1s;/* transform: translateY(50%); */}
		/*#trayectoria .count.finished {animation: bounce .5s;}*/
		#trayectoria .text {position: absolute;bottom: 130px;right: 198px;width: 435px; transition: opacity 1s;;}
			#trayectoria .text p {position: relative; display: block; font-size: 16px; color: #7b7b7b; line-height: 24px; padding-top: 30px; opacity: 0; transform: translateY(50px); transition: all .5s 1s;}

		.button {position: relative; display: block; overflow: hidden; color: #fff; opacity: 0; cursor: pointer; transform: translateY(50px); transition: all .5s .8s;}
			.button .left {position: relative;float: left;padding: 30px 32px;padding-right: 68px;overflow: hidden;height: 80px;color: #fff;background-color: #ec1c24;font-size: 25px;text-transform: uppercase;font-weight: 700;transition: all .5s;}
				.button .left::before {content:'';position: absolute;top: 0;left: 0;height: 100%;width: 0;background-color: #fff;transition: all .5s cubic-bezier(0.77, 0, 0.175, 1);}
				.button:hover .left::before {width: 100%;left: 100%;transition: width .3s cubic-bezier(0.77, 0, 0.175, 1), left .5s .3s cubic-bezier(0.77, 0, 0.175, 1);}
				.button:hover .left {color: #ec1c24;background-color: #fff;transition-delay: .3s;}
			.button .right {position: relative;float: left;height: 80px;width: 80px;overflow: hidden;background-color: #9a1217;text-align: center;padding: 29px 0;transition: all .5s;}
				.button .right img:first-child {transform: translateX(-40px) !important;opacity: 0 !important;transition: all .5s;}
				.button .right img:last-child {transform: translateX(-10px) !important;transition: all .5s;}
				.button:hover .right img:first-child {transform: translateX(10px) !important;opacity: 1 !important;}
				.button:hover .right img:last-child {transform: translateX(40px) !important;opacity: 0 !important;/* transition-delay: .2s !important; */}
				.button:hover .right {background-color: #ec1c24;}

		.button.little .left {padding: 14px 13px; padding-right: 40px; height: 40px; font-size: 13px;}
		.button.little .right {height: 40px; width: 40px; background-color: #b9b9b9; text-align: center; padding: 10px 0;}
			.button.little .right img:last-child {transform: translateX(-6px) !important;}
			.button.little:hover .right img:first-child {transform: translateX(7px) !important;}

		.button.white .left {color: #b9b9b9; background-color: #FFFFFF;}
			.button.white .left::before {background-color: #ec1c24;}
		.button.white .right {background-color: #b9b9b9;}
		.button.white:hover .left {color: #fff; background-color: #ec1c24;}
		.button.white:hover .right {background-color: #fff;}

		.button.hover-right-black:hover .right {background-color: #393939;}


#accesos {position: relative;display: block;width: 100%;overflow: hidden;/* background-color: #2d2c2c; */z-index: 111;}
	#accesos::before {content:'';position: absolute;top: 38px;left: 0;width: 100%;height: 230px;background-color: #2d2c2c;}

	#accesos .acceso {position: relative;display: block;float: left;width: 200px !important;height: 280px;margin-top: 7px;cursor: pointer;margin-bottom: 0px;z-index: 10; opacity: 0; transition: all .5s; transform: translateY(50px) scale(.7);}
	#accesos .acceso:first-child {margin-left: 200px;}
		.acceso::before {content:'';position: absolute;top: -7px;left: 0;width: 0;height: 7px;background-color: #ec1c24;animation: hover-out .6s cubic-bezier(0.86, 0, 0.07, 1);transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);}
			.acceso:hover::before, .acceso.active::before {width: 100%;animation: hover-in .6s cubic-bezier(0.86, 0, 0.07, 1);}
		.acceso .inner {position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden;}
			.acceso .bg {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-size: cover;background-position: center;transition: all 1.5s;}
				.acceso:hover .bg, .acceso.active .bg {transform: scale(1.5);}
			.acceso h4 {position: absolute;top: 50px;left: 25px;color: #fff;font-size: 24px;font-style: italic;text-transform: uppercase;transition: all 1s;transform-origin: left top;}
				.acceso:hover h4, .acceso.active h4 {top: -10px;left: -5px;transform: scale(1.5);}
			.acceso .little-link {position: absolute;bottom: 0;left: 25px;z-index: 3;font-size: 13px;opacity: 0;transition: all .3s .2s;font-weight: 700;}
				.acceso:hover .little-link, .acceso.active .little-link {opacity: 1; bottom: 30px;}
			.acceso a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}

	#accesos.show .acceso:nth-child(2), #partners ul li:nth-child(2) {transition-delay: .2s;}
	#accesos.show .acceso:nth-child(3), #partners ul li:nth-child(3) {transition-delay: .3s;}
	#accesos.show .acceso:nth-child(4), #partners ul li:nth-child(4) {transition-delay: .4s;}
	#accesos.show .acceso:nth-child(5), #partners ul li:nth-child(5) {transition-delay: .5s;}
	#accesos.show .acceso:nth-child(6), #partners ul li:nth-child(6) {transition-delay: .6s;}
	#accesos.show .acceso, #accesos.show #accesos-text *, #partners.show *:not(img):not(span) {opacity: 1 !important; transform: translate(0) scale(1) !important}

	#accesos .acceso::after {content: ''; position: absolute; top: 0; left: 0; width: 0; height: 100%; transition: all .6s cubic-bezier(0.77, 0, 0.175, 1); animation: hover-out .6s cubic-bezier(0.86, 0, 0.07, 1); background-color: rgba(0,0,0,.6); }
	.hover-venta .acceso:nth-child(1)::after, .hover-venta .acceso:nth-child(2)::after,
		.hover-alquiler .acceso:nth-child(3)::after, .hover-alquiler .acceso:nth-child(4)::after {width: 100% !important; animation: hover-in .6s cubic-bezier(0.86, 0, 0.07, 1) !important;}
	.hover-alquiler .venta a, .hover-venta .alquiler a {color: rgba(256,256,256,.6);}

	#accesos-text {position: relative;display: block;width: 100%;overflow: hidden;background-color: #ec1c24;margin-bottom: -20px; z-index: 1; transform: translateY(-20px);}
		#accesos-text .wrapper {z-index: 999;}
		#accesos-text::before {content:'';position: absolute;top: 0;left: 0;width: 50%;height: 100%;background-color: #ec1c24;transition: all .5s;}
		#accesos-text::after {content:'';position: absolute;top: 0;right: 0;width: 50%;height: 100%;pointer-events: none;transition: all .5s;}
		#accesos-text a {position: relative;display: block;width: 100%;padding-top: 50px;padding-bottom: 30px;font-size: 18px;font-weight: 700;z-index: 5;text-transform: uppercase;padding-left: 25px;transition: all .3s;transform: translateX(-50px);opacity: 0;}
		#accesos-text a:hover {padding-left: 35px;}
		#accesos-text .alquiler {position: relative;display: block;float: left;width: 400px;transition: all .5s;overflow: hidden;margin-left: 200px;}
		#accesos-text .venta {position: relative;display: block;float: left;width: 400px;z-index: 99999;overflow: hidden;transition: all .5s;}
			#accesos-text .venta::before {content:'02.';position: absolute;left: -35px;top: 24%;color: #fff;font-style: italic;letter-spacing: -10px;opacity: .15;font-weight: 700;font-size: 235px;z-index: 1;transform: translateY(-50%);}
			#accesos-text .alquiler::before {content:'01.';position: absolute;left: -35px;top: 24%;color: #fff;font-style: italic;letter-spacing: -10px;opacity: .15;font-weight: 700;font-size: 235px;z-index: 1;transform: translateY(-50%);}

		.hover-venta #accesos-text::before, .hover-venta .alquiler, .hover-alquiler #accesos-text::after, .hover-alquiler .venta {background-color: #9a1217 !important;}



#partners {position: relative; display: block; width: 100%; background-color: #e5e5e5; padding: 100px 0;}
	#partners h3 {display: block; font-size: 55px; color: #ec1c24; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; opacity: 0; transition: all .5s; transform: translateX(-50px);}
	#partners h4 {display: block; font-size: 13px; color: #242323; text-transform: uppercase; font-weight: 700; margin-bottom: 5px; margin-top: 15px; opacity: 0; transition: all .5s;}
	#partners a {display: block; font-size: 13px; color: #242323; text-transform: uppercase; font-weight: 700; opacity: 0; transition: all .5s .2s; transform: translateX(-50px);}
	#partners ul {position: relative; overflow: hidden; display: block; width: 100%; margin-top: 85px;}
		#partners ul li {display: inline-block; vertical-align: middle; margin-right: -4px; width: 199px; text-align: center; opacity: 0; transition: all .5s; transform: translateY(50px)}
			#partners ul li img {transition: all .3s;}
 			#partners ul li:hover img {transform: translateY(-5px);}
		#partners ul li.title {display: block; width: 100%; height: initial !important; margin-top: 20px; text-align: left;}
			#partners ul li.title span {position: relative; display: inline-block; padding: 5px 10px; background-color: #dfdedf; text-transform: uppercase; color: #fff;}
		#partners ul.clientes li {height: 140px;}
			#partners ul.clientes li img {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translateY(-50%); max-width: 65%; opacity: .65;}

			#partners ul li:nth-child(2), #listado-novedades li:nth-child(2) {transition-delay: .2s;}
			#partners ul li:nth-child(3), #listado-novedades li:nth-child(3) {transition-delay: .3s;}
			#partners ul li:nth-child(4), #listado-novedades li:nth-child(4) {transition-delay: .4s;}
			#partners ul li:nth-child(5), #listado-novedades li:nth-child(5) {transition-delay: .5s;}
			#partners ul li:nth-child(6), #listado-novedades li:nth-child(6) {transition-delay: .6s;}
			#partners ul li:nth-child(7), #listado-novedades li:nth-child(7) {transition-delay: .7s;}
			#partners ul li:nth-child(8), #listado-novedades li:nth-child(8) {transition-delay: .8s;}
			#partners ul li:nth-child(9), #listado-novedades li:nth-child(9) {transition-delay: .9s;}
			#partners ul li:nth-child(10), #listado-novedades li:nth-child(10) {transition-delay: 1s;}
			#partners ul li:nth-child(11), #listado-novedades li:nth-child(11) {transition-delay: 1.1s;}
			#partners ul li:nth-child(12), #listado-novedades li:nth-child(12) {transition-delay: 1.2s;}
			#partners ul li:nth-child(13), #listado-novedades li:nth-child(13) {transition-delay: 1.3s;}
			#partners ul li:nth-child(14), #listado-novedades li:nth-child(14) {transition-delay: 1.4s;}
			#partners ul li:nth-child(15), #listado-novedades li:nth-child(15) {transition-delay: 1.5s;}
			#partners ul li:nth-child(16), #listado-novedades li:nth-child(16) {transition-delay: 1.6s;}
			#partners ul li:nth-child(17), #listado-novedades li:nth-child(17) {transition-delay: 1.7s;}
			#partners ul li:nth-child(18), #listado-novedades li:nth-child(18) {transition-delay: 1.8s;}
			#partners ul li:nth-child(19), #listado-novedades li:nth-child(19) {transition-delay: 1.9s;}
			#partners ul li:nth-child(20), #listado-novedades li:nth-child(20) {transition-delay: 2s;}
			#partners ul li:nth-child(21), #listado-novedades li:nth-child(21) {transition-delay: 2.1s;}
			#partners ul li:nth-child(22), #listado-novedades li:nth-child(22) {transition-delay: 2.2s;}
			#partners ul li:nth-child(23), #listado-novedades li:nth-child(23) {transition-delay: 2.3s;}
			#partners ul li:nth-child(24), #listado-novedades li:nth-child(24) {transition-delay: 2.4s;}
			#partners ul li:nth-child(25), #listado-novedades li:nth-child(25) {transition-delay: 2.5s;}
			#partners ul li:nth-child(26), #listado-novedades li:nth-child(26) {transition-delay: 2.6s;}
			#partners ul li:nth-child(27), #listado-novedades li:nth-child(27) {transition-delay: 2.7s;}
			#partners ul li:nth-child(28), #listado-novedades li:nth-child(28) {transition-delay: 2.8s;}
			#partners ul li:nth-child(29), #listado-novedades li:nth-child(29) {transition-delay: 2.9s;}
			#partners ul li:nth-child(30), #listado-novedades li:nth-child(30) {transition-delay: 3s;}
			#partners ul li:nth-child(31), #listado-novedades li:nth-child(31) {transition-delay: 3.1s;}
			#partners ul li:nth-child(32), #listado-novedades li:nth-child(32) {transition-delay: 3.2s;}
			#partners ul li:nth-child(33), #listado-novedades li:nth-child(33) {transition-delay: 3.3s;}
			#partners ul li:nth-child(34), #listado-novedades li:nth-child(34) {transition-delay: 3.4s;}
			#partners ul li:nth-child(35), #listado-novedades li:nth-child(35) {transition-delay: 3.5s;}
			#partners ul li:nth-child(36), #listado-novedades li:nth-child(36) {transition-delay: 3.6s;}
			#partners ul li:nth-child(37), #listado-novedades li:nth-child(37) {transition-delay: 3.7s;}
			#partners ul li:nth-child(38), #listado-novedades li:nth-child(38) {transition-delay: 3.8s;}
			#partners ul li:nth-child(39), #listado-novedades li:nth-child(39) {transition-delay: 3.9s;}
			#partners ul li:nth-child(40), #listado-novedades li:nth-child(40) {transition-delay: 4s;}

#ubicaciones {position: relative; display: block; width: 100%; height: 630px; overflow: hidden; background-color: #fff;}
	#ubicaciones ng-map {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; transition: all 1s;}
	#ubicaciones.show ng-map {opacity: 1;}

	#ubicaciones .wrapper {position: absolute;top: 0;left: 0;width: 96%;height: 100%;right: 0;z-index: 1;pointer-events: none;}
		#ubicaciones .text {position: absolute;top: 50%;left: 0;width: 225px;transform: translateY(-50%);pointer-events: auto;}
			#ubicaciones .text h2 {display: block;font-size: 120px;line-height: 90px;color: #d4d4d4;font-weight: 700;margin-left: -6px;text-transform: uppercase;margin-bottom: 50px; opacity: 0; transition: all .5s .6s; transform: translate(0, 50px)}
			#ubicaciones .text .button {opacity: 0; transition: all .5s .8s; transform: translate(0, 50px)}

		.custom-marker {position: relative; cursor: pointer;}
			.mark {position: relative; z-index: 2;}
				.mark img {transition: all .3s;}
				.mark img:last-child {position: absolute; top: 0; left: 0; opacity: 0;}
				.mark:hover img:first-child {opacity: 0;}
				.mark:hover img:last-child {opacity: 1;}
			.custom-marker .info {position: absolute;bottom: 15px;left: 50%;opacity: 0;z-index: 1;pointer-events:none;width: 260px;font-family: 'Klavika', sans-serif; padding: 25px 30px;transform: translateX(-50%);transition-delay: 1s;}
			.custom-marker .info::before {content:'';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #fff;animation: hover-out .6s cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation: hover-out .4s cubic-bezier(0.86, 0, 0.07, 1);-moz-animation: hover-out .4s cubic-bezier(0.86, 0, 0.07, 1); box-shadow: 0 0 10px rgba(0,0,0,.1);}
				.custom-marker .info h4 {position: relative; z-index: 3; display: block;font-size: 13px;text-transform: uppercase;font-weight: 700;color: #ec1c24;margin-bottom: 8px; transition: all .3s; opacity: 0; transform: translateY(20px);}
				.custom-marker .info h5 {position: relative; z-index: 3; display: block;font-size: 12px;text-transform: uppercase;font-weight: 700;color: #5f5f5f;line-height: 18px;font-weight: 700;margin-bottom: 6px; transition: all .3s; opacity: 0; transform: translateY(20px);}
				.custom-marker .info p {position: relative; z-index: 3; display: block;font-size: 12px;color: #5f5f5f;line-height: 18px; transition: all .3s; opacity: 0; transform: translateY(20px);}
			.mark:hover + .info {opacity: 1; transition-delay: 0s; pointer-events:none;}
				.mark:hover + .info::before {animation: hover-in .4s cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation: hover-in .4s cubic-bezier(0.86, 0, 0.07, 1);-moz-animation: hover-in .4s cubic-bezier(0.86, 0, 0.07, 1);width: 100%;}
				.mark:hover + .info h4 {opacity: 1; transform: translateY(0); transition-delay: .3s;}
				.mark:hover + .info h5 {opacity: 1; transform: translateY(0); transition-delay: .4s;}
				.mark:hover + .info p {opacity: 1; transform: translateY(0); transition-delay: .5s;}
				.custom-marker:hover {z-index: 1000;}


#text-nosotros {position: relative; display: block; width: 100%; z-index: 1; overflow: hidden;}
	#text-nosotros .wrapper .paraf {display: block; font-size: 24px; line-height: 36px; width: 575px; color: #7b7b7b; margin-bottom: 65px;}

	#text-nosotros ul.objs {position: relative; display: block; overflow: hidden; width: 600px; margin-bottom: -70px;}
		.objs li {position: relative; display: block; width: 200px; float: left; padding-right: 20px;}
			.objs li h4 {display: inline-block; color: #fff; font-size: 15px; text-transform: uppercase; font-weight: 700; padding: 15px 25px; margin-bottom: 20px; background-color: #ec1c24;}
			.objs li p {display: block; font-size: 16px; color: #7b7b7b; line-height: 24px;}

	#text-nosotros .num {position: absolute;  top: 100px; right: -50px; font-size: 825px; font-weight: 700; font-style: italic; opacity: .02;}

	.years {position: relative; display: block; width: 100%; z-index: 2; margin-bottom: 350px;}
		.years > img {display: block;width: 1440px;opacity: 0;}
		.years .line {position: absolute;top: 0;left: 50%;display: block;width: 1440px;height: 100%;margin: 0 auto;/* transition: all .2s; *//* background-image: url(../img/nosotros-line.png); *//* background-size: 0, 100%; *//* background-position: left center; *//* background-repeat: no-repeat; */transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);-o-transform: translateX(-50%);-ms-transform: translateX(-50%);}
			.line::before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;transition: all 2s;background-image: url(../img/nosotros-line.png);background-size: 1440px;background-position: left center;background-repeat: no-repeat;}
			.show.years .line::before {width: 1440px;transition: all 2s;}

		.years ul {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
			.years .wrapper {position: absolute; top: 0; left: 0; right: 0; height: 100%;}
				.years ul li {position: absolute; top: 0; left: 0; width: 200px; text-align: center; cursor: pointer; transition: all 1s; opacity: 0;}
				.years.show ul li {opacity: 1;}
					.years ul li span {display: block; font-size: 30px; color: rgba(256,256,256,.4); font-size: 30px; font-style: italic; font-weight: 700; transition: all .3s;}
						.years ul li:hover span {color: #fff;}
					.years ul li .point {position: relative; display: block; width: 16px; height: 16px; border-radius: 50%; margin:0 auto; margin-top: 10px; margin-bottom: 20px; transition: all .3s;  background-color: #ec1c24;}
						.point::before {content:''; position: absolute; top: 50%; left: 0; right: 0; margin:0 auto; width: 8px; height: 8px; border-radius: 50%; background-color: #fff; transition: all .3s; transform: translateY(-50%);}
							li:hover .point::before {transform: translateY(-50%) scale(2);}
						.point img {position: absolute; top: 50%; left: 0; right: 0; margin:0 auto; transform: translateY(-50%) scale(0); transition:all .3s; opacity: 0;}
						li.active .point:hover img {transform: translateY(-50%) scale(1) rotate(90deg) !important;}
					.years ul li p {position: relative;display: block;width: 100%;font-size: 16px;color: #fff;line-height: 24px;opacity: 0;transform: translateY(20px);transition: all .3s;}

					.years ul li.active .point {width: 45px;height: 45px;box-shadow: 0 0 45px rgba(236,28,36,.24);}
						.years ul li.active .point img {opacity: 1;transform: translateY(-50%) scale(1);}
						.years ul li.active .point::before {opacity: 0; transform: scale(0);}
					.years ul li.active span {font-size: 50px;color: #fff;margin-top: -30px;}
					.years ul li.active p {opacity: 1;transform: translateY(0);transition-delay: .3s;}

			.years ul li:nth-child(1) {top: 75%; left: -8.2%;}
				.years.show ul li:nth-child(1) {transition-delay: .5s;}
			.years ul li:nth-child(2) {top: 65.5%; left: 8.4%;}
				.years.show ul li:nth-child(2) {transition-delay: .8s;}
			.years ul li:nth-child(3) {top: 68.2%; left: 25%;}
				.years.show ul li:nth-child(3) {transition-delay: 1.1s;}
			.years ul li:nth-child(4) {top: 56.8%; left: 41.7%;}
				.years.show ul li:nth-child(4) {transition-delay: 1.3s;}
			.years ul li:nth-child(5) {top: 42%; left: 58.4%;}
				.years.show ul li:nth-child(5) {transition-delay: 1.5s;}
			.years ul li:nth-child(6) {top: 29.8%; left: 75%;}
				.years.show ul li:nth-child(6) {transition-delay: 1.8s;}
			.years ul li:nth-child(7) {top: 3.4%; left: 91.6%;}
				.years.show ul li:nth-child(7) {transition-delay: 2.1s;}



#header-venta {position: relative;display: block;width: 100%;background-color: #ffffff;padding-top: 255px;padding-bottom: 100px;z-index: 1;}
	#header-venta h4 {display: inline-block;vertical-align: middle;width: 200px;font-size: 20px;text-transform: uppercase;color: #000;height: 60px;line-height: 25px;font-weight: 700;/* padding-top: 30px; */}

	.selects {position: relative;display: inline-block;vertical-align: middle;margin-left: -3px;width: 998px;}
		.selects .select {position: relative;display: inline-block;width: 492px;height: 60px;margin-right: 10px;padding-right: 0;cursor: pointer;font-size: 18px;color: #717171;text-transform: uppercase;/* font-weight: 700; */border: solid 1px #cfcfcf;}
		.selects .select.big {width: 798px; max-width: 100%;}
			.select:last-child {margin-right: 0;}
			.select .arrow {position: absolute;top: 55%;right: 40px;z-index: 3;width: 8px;transition:all .3s;transform: translateY(-50%) rotate(90deg);-webkit-transform: translateY(-50%) rotate(90deg);-moz-transform: translateY(-50%) rotate(90deg);-o-transform: translateY(-50%) rotate(90deg);-ms-transform: translateY(-50%) rotate(90deg);}
			.select .arrow img {width:100%}
			.select .selected {position: relative;display: block;width: 100%;height: 100%;padding: 20px;background-color: #fff;z-index: 1;transition: all .3s;}
				.select:hover .selected {color: #000;}
				.select .selected p {position: absolute; top: 50%; left: 40px; max-width: 80%; transform: translate(-80px, -50%); }
				.loaded .ready .in.selected p {transform: translate(0, -50%);}
			.select .dropdown {position: absolute;top: 100%;left: 0;width: 100%;max-height: 300px;overflow: auto;padding: 20px 40px;background-color: rgb(36, 35, 35);transition: all .5s;opacity: 0;transform: translateY(-50px);pointer-events: none;}
				.select .dropdown .option {display: block;border-bottom: solid 1px #A9A9A9;padding: 5px 0;color: #c5c5c5;transition: all .3s;font-size: 22px;}
				.select .dropdown .option:last-child {border:none;}
				.select .dropdown .option:hover {color: #383838;}

			.bottom .select .dropdown {top: initial; bottom: 100%; transform: translateY(50px);}

			.select.open .dropdown {opacity: 1; transform: translateY(0); pointer-events: auto;}
			.select.open .arrow	{transform: translateY(-50%) rotate(-90deg); -webkit-transform: translateY(-50%) rotate(-90deg); -moz-transform: translateY(-50%) rotate(-90deg); -o-transform: translateY(-50%) rotate(-90deg); -ms-transform: translateY(-50%) rotate(-90deg);}

			#header-venta.fixed {position: fixed;top: -100%;left: 0;padding: 0;z-index: 10;box-shadow: 0 5px 20px rgba(0,0,0,.2);transition: all .8s;}
			#header-venta.fixed.show {top: 0;}
				#header-venta.fixed h4 {/* font-size: 32px; *//* height: 50px; *//* line-height: 50px; */}
				.fixed .selects .select {height: 50px; font-size: 24px;}
					.fixed .select .selected {padding: 15px;}
						.fixed .select .arrow img {width: 10px;}



#equipos {position: relative;display: block;width: 100%;background: #f5f5f5;padding: 120px 0;padding-top: 100px;}
.alquiler-equipos #equipos {padding: 0;}

	#equipos .row {position: relative; display: block; width: 100%; margin-bottom: 80px;}
		#equipos .row > h5 {display: block; font-size: 30px; color: #9e9e9e; font-style: italic; text-transform: uppercase; font-weight: 300; margin-bottom: 70px;}
		#equipos .row > ul {position: relative; display: block; overflow: hidden; width: 100%;}
			.thumb-equipo {position: relative; display: block; float: left; width: 200px;}
				.thumb-equipo > img {display: block; /*margin:0 auto;*/ margin-bottom: 30px; max-width: 100%; transition: all .3s;}
				.thumb-equipo .img {position: relative; display: block; margin-bottom: 30px; max-width: 100%; height: 110px; background-size: cover; background-position: center; transition: all .3s}
				.thumb-equipo .name h3 {display: block; font-size: 30px; color: #242323; font-weight: 700; text-transform: uppercase; transition: all .3s; margin-bottom: 0;}
				.thumb-equipo .name h4 {display: block; font-size: 30px; color: #242323; font-weight: 300; text-transform: uppercase; margin-bottom: 10px; margin-top: 0; transition: all .3s;}
				.thumb-equipo .name ul {line-height: 23px; font-size: 14px; margin-bottom: 20px; color: #858585;}
				.thumb-equipo .name a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
				.thumb-equipo .name .little-link {opacity: 0; transform: translateY(20px); transition: all .3s;}
					.thumb-equipo .name .little-link:hover span {color: #000;}

				.thumb-equipo.not-hover img, .thumb-equipo.not-hover .name h3, .thumb-equipo.not-hover .name h4 {opacity: .35;}
				.thumb-equipo:hover .name .little-link {opacity: 1; transform: translateY(0);}



	.alquiler-equipos #equipos .row {margin-bottom: 0; border-top: solid 1px rgba(0, 0, 0, 0.05);}
	.alquiler-equipos #equipos .row:first-child .gama-completa {opacity: 0 !important; transform: translateY(50px) !important; transition-delay: 2s;}
	.loaded .ready .alquiler-equipos #equipos .row:first-child .gama-completa {opacity: 1 !important; transform: translateY(0) !important; background-size: 60%; background-position: right center; background-repeat: no-repeat;}
	.alquiler-equipos #equipos .row.open .gama-completa {background-size: 60% 100% !important; }
	.row > .title {position: relative; display: block; width: 100%; background-color: #bbbbbb; padding-top: 45px; padding-bottom: 35px;}
			.row > .title h3 {display: inline-block; font-size: 28px; color: #434343; text-transform: uppercase; font-weight: 700;}
			.row > .title h4 {display: inline-block; font-size: 28px; color: #434343; font-weight: 300; margin-left: 10px;}
			.row > .title .little-link {font-size: 13px; font-weight: 700; display: block;}
			.row .gama-completa .img {position: absolute; top: 0; left: -200px; width: 400px; height: 100%; background-size: cover; background-position: center;}
			.row .gama-completa, .row .gama-completa ul {background-color: #fff;}
			.alquiler-equipos .gama-completa:not(.not-bg)::before {display:none;}

			.alquiler-equipos #equipos .row .gama-completa {background-color: #dddddd;}
				.gama-completa .header {position: relative; display: block; width: 100%; padding: 65px 0;}


			.alquiler-equipos #equipos .row .gama-completa {background-color: #dddddd;}
				.gama-completa .header {position: relative;display: block;width: 100%;padding: 65px 0;height: 190px;cursor: pointer;transition: all .5s;}
				.gama-completa .header > .left {position: absolute; top: 50%; left: 0; width: 100%; max-width: 650px; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); }
					.gama-completa .header .left h4 {display: block; font-size: 36px; color: #6d6d6d; text-transform: uppercase; }
					.gama-completa .header .left h3 {display: block; font-size: 30px; color: #6d6d6d; font-style: italic; font-weight: normal; }
					.gama-completa .header .see-more {position: absolute; top: 75px; right: 2px; width: 50px; height: 50px; background-color: #fff; transition: all .3s ; text-align: center; color: #a1a1a1; font-size: 20px; font-weight: 300; font-family: aria; padding: 15px; }
						.gama-completa .header:hover .see-more {/*background-color: #222; */color: #fff;}
						.gama-completa .header .see-more span {position: relative; z-index: 2;}
						.gama-completa .header .see-more span:last-child {display: none; }
						.open .gama-completa .header .see-more span:first-child {display: none; }
						.open .gama-completa .header .see-more span:last-child {display: block; }
					.gama-completa .header .left .hidden {position: relative;display: none;font-size: 16px;line-height: 24px;color: #6d6d6d;margin-top: 30px;max-width: 400px;}
						.gama-completa .header .button {opacity: 1; transform: translateY(0); margin-top: 40px;}
							.gama-completa .header .button .left {padding: 8px 13px; padding-right: 30px;}
							.gama-completa .header .button .right {padding: 7px 0;}

				.open .gama-completa .header {height: 650px;}

			.gama-completa .header .see-more::before {content:'';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #222;animation: hover-out .6s cubic-bezier(0.86, 0, 0.07, 1);transition: all .6s cubic-bezier(0.77, 0, 0.175, 1);}
			.gama-completa .header:hover .see-more::before {width: 100%;animation: hover-in .6s cubic-bezier(0.86, 0, 0.07, 1);}


		.row .button {width: 16.6%; min-width: 200px;}
			.row .button .left {width: 83.9%; padding: 14px 5px; font-size: 12px; text-align: center;}
			.row .button .right {width: 32px;}
				.row .button .left span:last-child {display: none;}
				.row.open-gama .button .left span:last-child {display: block;}
				.row.open-gama .button .left span:first-child {display: none;}
				.row .button .right.plus {display: none;}
				.row.open-gama .button .right.plus {display: block;}
				.row.open-gama .button .right:not(.plus) {display: none;}
				.row .button.little .right img:last-child {transform: translateX(-5px) !important;}
				.row .button.little:hover .right img:first-child {transform: translateX(5px) !important; }
		.venta:not(.alquiler-equipos) .row .gama-completa {display: none;}


#servicios-slide {position: relative; display: block; width: 100%; overflow: hidden; background-color: #fff;}
	#servicios-slide slick {opacity: 0 !important; transition: all 1s;}
	#servicios-slide slick .slick-slide {position: relative; display: block; height: 900px; transition: all 1s;}
		#servicios-slide slick .slick-slide .bg {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-size: cover; background-position: center bottom;}
		#servicios-slide slick .slick-slide .text {position: relative; display: block; max-width: 470px; margin: 200px 0;}
			#servicios-slide slick .slick-slide .text h3 {display: block; font-size: 55px; text-transform: uppercase; font-style: italic; font-weight: 700; margin-bottom: 30px;}
			#servicios-slide slick .slick-slide .text p {display: block; font-size: 16px; line-height: 24px; max-width: 420px; margin-bottom: 15px; color:rgba(256,256,256,.7);}
			#servicios-slide slick .slick-slide .text .button {opacity: 1; transform: translateX(0); margin-top: 70px; display: inline-block; margin-right: 5px;}
				#servicios-slide slick .slick-slide .text .button.white .left {color: #636363;}
				#servicios-slide slick .slick-slide .text .button.white:hover .left {color: #fff;}
				#servicios-slide slick .slick-slide .text .button.white .right {background-color: #ec1c24;}
				#servicios-slide slick .slick-slide .text .button.white:hover  .right {background-color: #fff;}
					#servicios-slide slick .slick-slide .text .button.white .right img:first-child {transform: translate(-40px, 10px) !important;}
					#servicios-slide slick .slick-slide .text .button.white.little .right img:last-child {transform: translateX(15px) !important;}
					#servicios-slide slick .slick-slide .text .button.white.little:hover .right img:first-child {transform: translate(14px, 8px) !important;}
					#servicios-slide slick .slick-slide .text .button.white.little .right img:last-child {transform: translate(15px, 3px) !important;}
					#servicios-slide slick .slick-slide .text .button.black .right img:first-child {transform: translate(-40px, 10px) !important;}
					#servicios-slide slick .slick-slide .text .button.black.little .right img:last-child {transform: translateX(15px) !important;}
					#servicios-slide slick .slick-slide .text .button.black.little:hover .right img:first-child {transform: translate(16px, 7px) !important;}
					#servicios-slide slick .slick-slide .text .button.black.little .right img:last-child {transform: translate(16px, -2px) !important;}
			#servicios-slide slick .slick-slide .hidden {position: relative; display: none; width: 100%;}
			#servicios-slide.big slick .slick-slide {height: 1500px;}


	.alquiler #accesos {margin-top: -35px;}
		.alquiler #accesos::before {display:none;}
		.alquiler #accesos .wrapper, .detalle-caso #accesos .wrapper {overflow: hidden;}

	#servicios-slide.show slick {opacity: 1 !important;}

	#servicios-slide .slick-dots {top: 100px; bottom: initial !important; left: 0;}

	.alquiler #accesos .title, .title-novedades {position: relative; display: block; float: left; width: 1250px; font-size: 130px; text-transform: uppercase; font-weight: 700; font-style: italic; opacity: .02 !important; letter-spacing: -5px; margin-left: -30px; text-align: center; margin-top: -25px; margin-bottom: -20px;}


#contact-form {position: relative;display: block;width: 100%;background-color: #f5f5f5;padding-top: 100px;z-index: 110;}
	#contact-form form {position: relative; display: block; width: 800px; padding-bottom: 200px; overflow: hidden; margin:0 auto;}
		.input {position: relative; display: block; width: 100%; height: 85px; font-size: 45px; font-weight: 300; color: #2d2c2c; font-style: italic; letter-spacing: -2px; margin-bottom: 20px; padding: 20px 0; }
		.input.readonly * {opacity: .7; font-size: 21px; font-weight: 600; font-style: normal; letter-spacing: -0.5px; line-height: 30px;}
			.input span {position: relative; display: block; width: 100%; transition: all .3s; opacity: .6;}
			.input::after {content:''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #888787; transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);;}
			.input input {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 20px 0; padding-bottom: 5px; z-index: 1; background-color: transparent; border:none; font-family: 'Klavika', sans-serif; font-size: 45px; font-weight: 300; color: #2d2c2c; font-style: italic;}

		.input.active span {font-size: 20px; letter-spacing: -1.5px; transform: translateY(-20px);}

		.input.readonly {padding: 10px 0; height: initial;}
			.input.readonly::after {display: none;}

		.button.red {float: right; margin-top: 30px;}
			.button.red .left {font-size: 22px; height: 60px; padding: 20px; padding-right: 30px; margin-right: -1px;}
			.button.red:hover .left {color: #fff; background-color: #2d2c2c; transition-delay: .3s;}
			.button.red .right {height: 60px; width: 60px; padding: 19px 0; background-color: #EC1C24;}
			.button.red:hover .right {background-color: #2d2c2c;}

		.button input[type="submit"] {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; cursor: pointer; z-index: 5;}

		.form-message {width: 500px; float: left; color: #000; padding-top: 50px; display: block;}
		i.fa-spinner {animation: rotate 1.2s linear infinite;}

		#accesos.redes .acceso {height: 115px; margin-top: 120px;}
		#accesos.redes .acceso:first-child .inner {background: #314987;}
		#accesos.redes .acceso:nth-child(2) .inner {background: #22bbf4;}
		#accesos.redes .acceso:nth-child(3) .inner {background: #d92a27;}
		#accesos.redes .acceso:nth-child(4) .inner {background: #006dc0;}
			#accesos.redes .title {margin-top: -235px; font-size: 180px;}
			#accesos.redes .inner {transition: all .3s; height: 85px; margin-top: 30px}
			#accesos.redes .acceso:hover .inner {height: 115px; margin-top: 0;}
			#accesos.redes .acceso h4 {top: 30px;}
			#accesos.redes .acceso:hover h4 {top: 50px; left: -5px; transform: scale(2);}
			#accesos.redes .acceso .little-link	{top: 10px; bottom: initial;}
			#accesos.redes .acceso:hover .little-link {top: 20px; bottom: initial;}
			#accesos.redes .acceso::before {display: none;}


	#contact-info {position: relative; display: block; width: 100%; background-color: #fff; overflow: hidden;}
		.listado-footer {position: relative; display: block; width: 100%; overflow: hidden;}
			.listado-footer > li {position: relative; display: block; width: 16.6%; height: 330px; z-index: 1; padding: 100px 0; padding-right: 20px; float: left; background-color: #fff;}
			/*#contact-info:not(.not-red) .listado-footer > li:last-child {background-color: #ec1c24; padding-left: 20px;}*/
				.listado-footer h3 {display: block; font-size: 34px; color: #242323; text-transform: uppercase; font-weight: 700; line-height: 32px; margin-bottom: 20px;}
				.listado-footer > li > a {display: block; font-size: 13px; text-transform: uppercase; font-weight: 700; cursor: pointer; color: #676767; transition: all .3s; opacity: .4;}
					.listado-footer > li > a:hover {opacity: .7; transform: translateY(-5px);}
					.listado-footer:not(.ubic) li:last-child a:hover {opacity: .7; transform: translateX(5px);}
					.listado-footer > li > a img {margin-left: 7px; vertical-align: middle;}
				#contact-info .listado-footer:not(.ubic) li:last-child h3 {color: #fff; font-size: 30px; line-height: 30px;}
				#contact-info .listado-footer:not(.ubic) li:last-child a {color: #fff}
				.listado-footer h4 {display: block; font-size: 13px; color: #ec1c24; text-transform: uppercase; margin-top: 20px; font-weight: 700; margin-bottom: 5px;}
				.listado-footer h5 {display: block; font-size: 12px; color: #5f5f5f; text-transform: uppercase; margin-top: 20px; font-weight: 700; margin-bottom: 2px;}
				.listado-footer h5 i {font-size: 14px; color: #ec1c24;}
				.listado-footer p {display: block; font-size: 12px; color: #5f5f5f; line-height: 18px;}
					.listado-footer p a {transition: all .3s; display: block;}
					.listado-footer p a:hover {color: #ec1c24;}
			.listado-footer.ubic h3 {font-size: 70px; line-height: 52px; color: #d4d4d4;}
			.listado-footer.ubic li:first-child {padding: 60px 0;}

			.listado-footer.link li a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 1; transition: all 0s; z-index: 1;}


.ubicaciones #hero .bg::after {box-shadow: 0 -340px 200px -130px #242323 inset;}
#ubicaciones.ubic {background-color: transparent;overflow: visible;pointer-events: auto;height: 745px;}
	#ubicaciones.ubic > .wrapper {position: relative; pointer-events: auto; margin-top: -150px;}

#listado-ubicaciones {position: relative;display: block;width: 100%;background-color: #fff;margin-top: -100px;padding-top: 100px;}



#text-modelo {position: relative; display: block; width: 100%; background-color: #f5f5f5; padding-bottom: 100px; z-index: 1; padding-top: 100px;min-height: 600px;}
.detalle-modelo.usado #text-modelo {margin-top: -200px;}
	#text-modelo p, #text-modelo ul {display: block; font-size: 16px; line-height: 24px; color: #696868; max-width: 300px; margin-bottom: 35px;}
	#text-modelo h3 {display: block; font-size: 26px; text-transform: uppercase; font-style: italic; color: #696868; margin-bottom: 30px;}
	#text-modelo .buttons .button {display: inline-block; margin-right: 5px;}

		.button.black .left {background-color: #494949;}
		.button.black:hover .left {color: #fff; background-color: #ec1c24; transition-delay: .3s;}
		.button.black .left:before {background-color: #EC1C24;}
		.button.black .right {background-color: #393939;}
		.button.black:hover .right {background-color: #d21920;}

		.button.red-2 .left {background-color: #ec1c24;}
		.button.red-2:hover .left {color: #fff; background-color: #494949; transition-delay: .3s;}
		.button.red-2 .left::before, .button.red .left::before {background-color: #494949;}
		.button.red-2 .right {background-color: #d21920;}
		.button.red-2:hover .right {background-color: #393939;}


#wrap-detalle {position: relative; display: block; width: 100%; background-color: #f5f5f5; padding-bottom: 200px;}

#big {position: absolute;display: block;width: 70%;float: right;text-align: center;color: #bcbcbc;z-index: 6;top: 0;right: 0;}
.detalle-modelo.usado #big {margin-top: -150px;}
	#big .tons {position: relative;display: inline-block;text-align: center;font-size: 520px;font-weight: 700;font-style: italic;letter-spacing: -30px;}
		.tons h4 {display: inline-block; vertical-align: middle; letter-spacing: -30px;}
		.tons span {display: inline-block;font-size: 190px;vertical-align: middle;letter-spacing: -10px;margin-left: -35px;}
	.tons h5 {position: absolute;top: 400px;right: 20px;display: inline-block;font-size: 25px;text-transform: uppercase;font-weight: 700;letter-spacing: 0;}


		#gallery {position: absolute;display: block;width: 100%;top: 130px;right: 0;height: 80%;z-index: 10;max-width: 1000px; opacity: 0; transform: translateY(100px); transition: all 1s 2s}
		.loaded #gallery {opacity: 1; transform: translateY(0)}
				#gallery .wrap-slide {position: relative;display: block;margin:0 auto;width: 800px;height: 100%;}
					.wrap-slide slick {position: relative; display: block; width: 100%; height: 100%;}
						.wrap-slide slick div {height: 100%; background-size: cover; background-position: center;}
						.wrap-slide .arrow {position: absolute;top: 73%;margin-top: -20px;width: 40px;height: 40px;padding: 10px 0;cursor: pointer;background-color: #494949;text-align: center;z-index: 4;}
						.wrap-slide .arrow.prev {left: -20px;}
						.wrap-slide .arrow.next {right: -20px;}
							.wrap-slide .arrow.prev::before {content:''; position: absolute; top: 0; right: 0; width: 0; height: 100%; background-color: #ec1c24; animation: hover-out-r .5s cubic-bezier(0.86, 0, 0.07, 1); transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);}
							.wrap-slide .arrow.next::before {content:''; position: absolute; top: 0; left: 0; width: 0; height: 100%; background-color: #ec1c24; animation: hover-out .5s cubic-bezier(0.86, 0, 0.07, 1); transition: all .5s cubic-bezier(0.86, 0, 0.07, 1);}
							.wrap-slide .arrow.prev:hover::before, .wrap-slide .arrow.next:hover::before {width: 100%; animation: hover-in .5s cubic-bezier(0.86, 0, 0.07, 1);}
							img.scale-x {transform: scaleX(-1) !important;}
							.wrap-slide .arrow img {position: relative; z-index: 1;}
						.wrap-slide h5 {position: absolute; bottom: 40px; left: 55px; font-size: 50px; text-transform: uppercase; width: 210px; letter-spacing: -2px; line-height: 40px;}
				#gallery .slick-dots {bottom: 40px; text-align: right; padding-right: 55px;}

#relacionados {position: relative; display: block; width: 100%; background-color: #fff; overflow: hidden;}
	#relacionados .listado-footer > li {padding: 80px 0;display: inline-block;float: none;vertical-align: middle;margin-right: -4px;height: initial;}
	#relacionados .listado-footer > li:first-child {padding: 200px 20px; padding-left: 0;}
		#relacionados .listado-footer > li:first-child h3 {font-size: 26px; line-height: 25px; }
		#relacionados .listado-footer > li > a {opacity: 1; color: #FF151F;}
		#relacionados .listado-footer > li:first-child > a:hover {transform: translateX(5px);}



.listado-novedades {position: relative;display: block;width: 100%;text-align: center;overflow: hidden;background: #f5f5f5; padding-bottom: 150px; padding-top: 100px;}
.detalle-novedad .listado-novedades {padding-top: 0;}

	.listado-novedades .wrapper {opacity: 0; transform: translateY(50px); transition: all 1s 2s;}
	.loaded .ready .listado-novedades .wrapper {opacity: 1; transform: translateY(0);}

	.listado-novedades li {position: relative;display: inline-block;vertical-align: top;width: 400px;background-color: #fff;z-index: 1;padding-right: 1px;margin-right: -4px;transition: all 1s;opacity: 0;transform: translateY(50px);text-align: left;}
	.seccion-casos .listado-novedades li {min-height: 625px;}
	.detalle-novedad .listado-novedades li {margin-right: 0;}
	.listado-novedades.show li {opacity: 1; transform: translateY(0);}
		.listado-novedades li .img {position: relative;display: block;width: 100%;height: 300px;overflow: hidden; background-size: cover; background-position: center;}
			.left .img img {width: 100%; display: block;}
			.listado-novedades li .title {position: relative; display: block; max-width: 260px; text-transform: uppercase; font-weight: 700; padding: 15px 50px; margin-top: -20px; background-color: #ec1c24; color: #fff; transition: all .3s .2s;}
			.seccion-casos .listado-novedades li .title {padding-right: 30px; max-width: 95%;}
			.listado-novedades li .text {position: relative; display: block; width: 100%; padding: 50px; color: #2d2c2c;}
				.listado-novedades li .text h1, .wrap-text-angular h1 {display: block; font-size: 40px !important; text-transform: uppercase; /*font-style: italic;*/ margin-bottom: 20px; transition: all .3s .4s;}
				.listado-novedades li .text h2, .wrap-text-angular h2 {display: block; font-size: 35px !important; text-transform: uppercase; /*font-style: italic;*/ margin-bottom: 20px; transition: all .3s .4s;}
				.listado-novedades li .text h3, .wrap-text-angular h3 {display: block; font-size: 30px !important; text-transform: uppercase; /*font-style: italic;*/ margin-bottom: 20px; transition: all .3s .4s;}
				.listado-novedades li .text h4, .wrap-text-angular h4 {display: block; font-size: 25px !important; text-transform: uppercase; /*font-style: italic;*/ margin-bottom: 20px; transition: all .3s .4s;}
				.listado-novedades li .text h5, .wrap-text-angular h5 {display: block; font-size: 20px !important; text-transform: uppercase; /*font-style: italic;*/ margin-bottom: 20px; transition: all .3s .4s;}
				.listado-novedades li .text h6, .wrap-text-angular h6 {display: block; font-size: 15px !important; text-transform: uppercase; /*font-style: italic;*/ margin-bottom: 20px; transition: all .3s .4s;}
				.listado-novedades li .text p, .wrap-text-angular p {display: block; font-size: 16px; line-height: 24px; color: rgba(45,44,44,.7) !important; margin-bottom:30px; transition: all .3s .6s;}
				.wrap-text-angular p {margin-bottom: 10px !important}
				.wrap-text-angular li, .listado-novedades li .text li {display: list-item; list-style-type: disc; font-size: 16px; line-height: 24px; color: rgba(45,44,44,.7) !important; margin-bottom:10px; transition: all .3s .6s;}
				.listado-novedades li .text ul, .wrap-text-angular ul, .listado-novedades li .text ol, .wrap-text-angular ol {list-style-type: disc; padding-left: 20px;}
				.listado-novedades li .text a, .wrap-text-angular a {display: block; font-size: 13px; text-transform: uppercase; color: #ec1c24; font-weight: 700; transition: all .3s .8s;}
					.listado-novedades li .text .little-link:hover span {color: #2d2c2c; transform: translateX(0);}
				.listado-novedades li .text iframe {min-height: 350px;}

	.listado-novedades.novedad-detalle {padding-bottom: 0;}
		.listado-novedades.novedad-detalle li {width: 100%;}
			.listado-novedades.novedad-detalle li .title {margin-bottom: -20px; margin-top: 0; z-index: 1;}
			.listado-novedades.novedad-detalle li .img {height: initial;}
				.listado-novedades.novedad-detalle li .img img {width: 100%;}

			.listado-novedades.novedad-detalle li .detail-text {margin: 20px auto; max-width: 805px; padding: 50px 0;}
				.listado-novedades.novedad-detalle li .detail-text p .capital {float: left; font-size: 130px; display: block; line-height: 90px; font-weight: 700; margin-left: -7px; margin-right: 10px;}
				.listado-novedades.novedad-detalle li .detail-text .date {display: block; font-size: 14px; text-transform: uppercase; font-weight: 700; margin-bottom: 60px; color: rgba(45,44,44,.7);}

	.otras-novedades {background-color: #f5f5f5; padding-top: 0;}
		.otras-novedades  .wrapper {overflow: hidden;}
			.otras-novedades .title-novedades {color: #000; opacity: 1; margin: 0 auto; margin-top: -50px; font-size: 160px; margin-bottom: -20px; width: 100%;}

		.otras-novedades .button {margin:0 auto; display: inline-block; margin-top: 60px;}
			.otras-novedades .button .right img:first-child {ransform: translateX(-40px) scaleX(-1) !important;}
			.otras-novedades .button.little .right img:last-child {transform: translateX(-6px) scaleX(-1) !important;}
			.otras-novedades .button.little:hover .right img:first-child {transform: translateX(7px) scaleX(-1) !important;}


		.gama-completa {position: relative; display: block; width: 100%; overflow: hidden; background-color: #dedede;}
				.gama-completa:not(.not-bg)::before {content: '';position: absolute;top: 0;left: 0%;background-color: #2d2c2c;width: 50%;height: 100%;}

				.gama-completa .title {position: relative;display: inline-block;vertical-align: top;width: 200px;margin-right: -4px;padding-top: 60px;}
				.detalle-modelo .gama-completa .title {vertical-align: middle;padding-right: 70px;padding-top: 0;}
					.gama-completa .title h4 {display: block;font-size: 17px;text-transform: uppercase;color: #fff;font-weight: 700;width: 100%;}
					.gama-completa .title h3 {display: block;font-size: 28px;color: #fff;font-weight: 300;width: 70%;margin-bottom: 125px;}
				.gama-completa ul, .detalle-gama ul {position: relative;display: inline-block;vertical-align: top;width: 1000px;overflow: hidden;background-color: #dedede;padding: 60px 0;min-height: 370px;}
				.detalle-modelo .gama-completa ul {min-height: initial;background-color: #2d2c2c;vertical-align: middle;}
				.row .detalle-modelo .gama-completa ul {width: 84.7%;}
				.row .detalle-modelo .gama-completa .title {width: 15.3%;}
				.detalle-modelo .gama-completa {background-color: #2d2c2c;}
				.detalle-gama ul {background-color: #fff; min-height: initial; width: 1200px; vertical-align: middle;}
					.gama-completa ul li, .detalle-gama ul li {position: relative;display: block;overflow: hidden;width: 100%;font-size: 16px;color: rgba(255, 255, 255, 0.5);line-height: 24px;}
					.gama-completa ul li:first-child, .detalle-gama ul li:first-child {font-size: 28px;color: #ffffff;text-transform: uppercase;font-weight: 700;}
						.gama-completa ul li > div, .detalle-gama ul li > div {position: relative;float: left;width: 20%;text-align: left;opacity: .7;}
						.alquiler-equipos .detalle-gama ul li > div {width: 16.6%;}
						.gama-completa ul li > div span, .detalle-gama ul li > div span {font-weight: 700; display: none;}
						.gama-completa ul li:first-child > div, .detalle-gama ul li:first-child > div {opacity: 1; margin-bottom: 10px;}
						.gama-completa ul li > div:last-child, .detalle-gama ul li > div:last-child {transition: all .3s;}
						.gama-completa ul li > div:last-child:hover a, .detalle-gama ul li > div:last-child:hover a {color: #EC1C24;}
					.ver-detalles {display: block; font-size: 13px; text-transform: uppercase; color: #ee352a; cursor: pointer; padding: 10px 0; transition: all .3s; position: absolute; bottom: -10px; left: 0;}
						.ver-detalles img {margin-left: 15px; vertical-align: bottom;}
						.ver-detalles:hover {transform: translateY(5px);}
						.open .ver-detalles:hover {transform: translateY(-5px) !important;}
							.ver-detalles .vd-ocultar, .ver-detalles .vd-up, .open .ver-detalles .vd-ver, .open .ver-detalles .vd-down {display: none;}
							.open .ver-detalles .vd-ocultar, .open .ver-detalles .vd-up {display: inline-block;}

				.detalle-gama {position: relative; display: none; width: 100%; overflow: hidden; background-color: #fff;}
					.detalle-gama > .wrapper {padding: 20px 0;}
						.detalle-gama > .wrapper::before {content:''; position: absolute; z-index: 1; top: 0; left: -15px; width: 0; height: 0; border-right: solid 15px transparent; border-left: solid 15px transparent; border-top: solid 15px #dddddd;}
						.detalle-gama .left {position: relative; display: inline-block; vertical-align: middle; width: 400px; margin-right: -5px; transition: all .6s; opacity: 0; transform: translateY(50px);}
							.detalle-gama .left .number span {display: block; font-size: 300px; font-weight: 700; margin-bottom: -40px; font-style: italic; color: #b7b7b7;letter-spacing: -8px;}
							.detalle-gama .left .number h5 {display: inline-block; vertical-align: middle; font-size: 124px; color: #b7b7b7; font-weight: 700; font-style: italic; margin-right: 10px; letter-spacing: -5px;}
							.detalle-gama .left .number p {display: inline-block; vertical-align: middle; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #b7b7b7;}
							.detalle-gama .left > p {display: block; font-size: 16px; color: #b7b7b7; max-width: 300px; line-height: 24px; margin-top: 60px;}
						.detalle-gama #gallery {position: relative; display: inline-block; vertical-align: middle; margin-top: 0; background-color: transparent; width: 800px; height: 630px; transition: all .6s; opacity: 0; transform: translateY(50px);}
							.detalle-gama #gallery .wrap-slide, .detalle-gama #gallery .wrapper {width: 100%; height: 100%;}
						.open .detalle-gama .left {transition: all .6s 1s ; opacity: 1; transform: translateY(0);}
						.open .detalle-gama #gallery {transition: all .6s 1.2s; opacity: 1; transform: translateY(0);}
						.open .detalle-gama {max-height: 10000px;}

	#estas-viendo {position: relative; display: block; background-color: #dedede; padding: 40px 0; z-index: 1;}
		#estas-viendo h4 {display: inline-block;vertical-align: middle;width: 200px;font-size: 20px;text-transform: uppercase;color: #000;height: 105px;line-height: 25px;font-weight: 700;padding-top: 30px;}

	.intro-postventa {position: relative; display: block; width: 100%; background-color: #f5f5f5; padding: 90px 0; font-size: 20px; color: #696868; line-height: 30px; overflow: hidden;}
		.intro-postventa p {width: 400px;font-size: 16px; line-height: 22px; max-width: 100%; color: #7d7d7d;}
		.intro-postventa h4 {width: 100%;font-size: 24px; color: #2d2c2c; text-transform: uppercase; margin-bottom: 20px;}
		.loaded .ready .intro-postventa p {opacity: 1; transform: translateY(0); transition-delay: 2s;}
		.loaded .ready .intro-postventa h4 {opacity: 1; transform: translateY(0); transition-delay: 1.5s;}
		.loaded .ready .intro-postventa .button {opacity: 1; transform: translateY(0); transition-delay: 2.2s;}
		.intro-postventa .wrapper > .left {float: left; width: 400px; max-width: 40%}
		.intro-postventa .wrapper > .right {float: right; width: 600px; max-width: 60%}

	.block {position: relative;display: block;width: 100%;overflow: hidden;height: 600px;}
		.block::before {content:''; position: absolute; top: 0; left: 0; width: 65.5%; height: 100%; background-size: cover; background-position: center; z-index: 2;}
		.block::after {content:'';position: absolute;top: 0;right: 0;width: 40%;height: 100%;z-index: 1;}

		.block .wrapper > .left {position: relative; display: inline-block; vertical-align: middle; width: 800px;  margin-right: -5px; padding: 100px 0; z-index: 4;}
			.block .left h4 {display: block; font-size: 55px; text-transform: uppercase; font-weight: 700; font-style: italic; margin-bottom: 20px;}
			.block .left p {display: block; font-size: 16px; line-height: 24px; color: rgba(256,256,256,.7); margin-bottom: 15px; width: 400px;}
			.block .left .button {margin-top: 50px;}
				.block .left .button .right {background-color: #000;}
					.block .left .button.white .right img:first-child {transform: translate(-40px, 10px) !important;}
					.block .left .button.little .right img:last-child {transform: translateX(15px) !important;}
					.block .left .button.little:hover .right img:first-child {transform: translate(1px, 8px) !important;}
					.block .left .button.little .right img:last-child {transform: translate(1px, 3px) !important;}

		.block .wrapper > .right {position: relative;display: inline-block;vertical-align: middle;width: 400px;padding: 90px 0;z-index: 3;padding-left: 50px;height: 600px;}
			.block .right h5 {display: block; font-size: 16px; text-transform: uppercase; font-weight: 700; color: #fff; margin-bottom: 15px;}
			.block.yellow .right h5, .block.pink .right h5 {color: #000;}
			.block .right h4 {display: block; font-size: 45px; text-transform: uppercase; font-weight: 300; font-style: italic; color: #5e5e5e;}
			.block .right h3 {display: block;font-size: 205px;font-weight: 300;font-style: italic;letter-spacing: -10px;margin-left: -20px;}
			.block .right .little-link {color: #de9a0c; cursor: pointer;}
			.block.yellow .right .little-link span, .block.pink .right .little-link span {color: #000; font-size: 13px; font-weight: 700;}
			.block .right > img {display: block; margin:0 auto;}
			.block.black .wrapper > .right > img {display: block;margin-left: -155px;margin-top: -60px;}
			/*.block.pink .right h4 {color: #ec1c24;}*/
			.block.pink .right .little-link {color: #ec1c24;}


		.block.black::before {background-image: url(../img/bg-block-1.jpg);}
		.block.yellow::before {background-image: url(../img/bg-block-2.jpg);}
		.block.pink::before {background-image: url(../img/bg-block-3.jpg);}
		.block.black::after, .block.black .wrapper > .right {background-color: #252525;}
		.block.yellow::after, .block.yellow .wrapper > .right {background-color: #fff;}
		.block.pink::after, .block.pink .wrapper > .right {background-color: #ededed;}



main.detalle-caso {background-color: #fff;}
	.detalle-caso #hero .bg::after {box-shadow: 0 -240px 200px -130px #ffffff inset;}

	#detalle-caso-1 {position: relative; display: block; width: 100%; background-color: #fff; padding-top: 30px;}
		#detalle-caso-1 .wrapper > p {display: block; font-size: 24px; line-height: 36px; color: #7b7b7b; max-width: 610px; margin-bottom: 30px;}
		#detalle-caso-1 .wrapper-map {position: relative; display: block; overflow: hidden; width: 100%; height: 650px;}
			.wrapper-map ng-map {position: relative; display: block; float: left; width: 950px; height: 100%;}
			.wrapper-map .wrap-button {position: absolute; bottom: 40px; left: 60px; z-index: 2;}
			.wrapper-map .text {position: relative; float: right; width: 190px; margin-right: 10px; margin-top: 70px;}
				.detalle-caso .text h4 {display: inline-block; font-size: 16px; color: #fff; text-transform: uppercase; padding: 12px 20px; background-color: #ec1c24; margin-bottom: 20px;}
				.detalle-caso .text p {display: block; font-size: 16px; line-height: 24px; color: #adadad;}
		.detalle-caso .number {position: relative; display: block; width: 100%; padding-right: 200px; margin-top: -30px; text-align: right;}
			.detalle-caso .number span {display: block; font-size: 300px; font-weight: 700; font-style: italic; color: #d4d4d4;letter-spacing: -8px;}
			.detalle-caso .number p {display: block; font-size: 30px; color: #d4d4d4; font-weight: 700; font-style: italic; margin-top: -20px;}

	#detalle-caso-2 {position: relative; display: block; width: 100%; height: 800px; margin-top: -50px;}
		#detalle-caso-2::after {content:''; position: absolute; bottom: 0; width: 100%; height: 50%; background-color: #eee; z-index: 1;}
		#detalle-caso-2 slick {position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2;}
			#detalle-caso-2 .slick-list, #detalle-caso-2 .slick-track {height: 100%;}
			#detalle-caso-2 .slick-slide, #detalle-caso-2 .slick-slide .wrapper {position: absolute; top: 0; left: 0; right: 0; margin:0 auto; width: 100%; height: 100%; background-position: center; background-size: cover;}
				#detalle-caso-2 .slick-slide .title {position: absolute; left: 0; bottom: 170px; font-size: 80px; line-height: 73px; color: #fff; text-transform: uppercase; font-weight: 700;}
			#detalle-caso-2 .slick-dots {bottom: initial !important; top: 80px;}

	#detalle-caso-3 {position: relative; display: block; width: 100%; background-color: #eee; padding-top: 200px; padding-bottom: 500px;}
		#detalle-caso-3 .img {position: absolute; top: 0; left: 0; height: 100%; width: 100%; max-height: 1112px; max-width: 1200px; margin: 0 auto; right: 0;}
			#detalle-caso-3 .img img {height: 100%; display: block;}
		#detalle-caso-3 .right {position: relative; display: block; width: 800px; margin-left: 400px; z-index: 1;}
			#detalle-caso-3 .right .text {position: relative; display: block; width: 460px; margin-bottom: 90px;}
			#detalle-caso-3 .right .wrap-video {position: relative; display: block; width: 100%;}
				.right .wrap-video iframe, .right .wrap-video img {position: relative; display: block; width: 770px; height: 460px;}
				.right .wrap-video .title {position: absolute; top: 70px; right: 0; background-color: #231f20; font-size: 36px; text-transform: uppercase; font-weight: 700; line-height: 33px; padding: 15px 25px; max-width: 255px; z-index: 2;}
		#detalle-caso-3.full-width {padding-top: 0; padding-bottom: 400px;}
		#detalle-caso-3.full-width .right {width: 100%; margin-left: 0;}
		#detalle-caso-3.full-width .right .wrap-video img {width: 97%; height: initial;}
		#detalle-caso-3.full-width .right .wrap-video .title {max-width: 290px;}
		#detalle-caso-3 .right .wrap-video .title.big {max-width: 305px;}
		#detalle-caso-3.energia {padding-top: 0;}
		#detalle-caso-3.energia .img {top: initial; bottom: 30%; height: initial;}

	#detalle-caso-4 {position: relative; display: block; width: 100%; background-color: #cecece;}
		#detalle-caso-4 #gallery {position: relative; width: 760px; height: 1000px; background-color: transparent; transform: translateY(-125px);}
			#detalle-caso-4 #gallery .wrap-slide {width: 100%; height: 100%;}
			#detalle-caso-4 #gallery .slick-dots {top: 30px; bottom: initial; text-align: left; padding-left: 50px;}
			#detalle-caso-4 .wrap-slide h5 {top: 100px; bottom: initial;}
		#detalle-caso-4 .text {position: absolute; top: 150px; left: 800px; width: 390px;}
			#detalle-caso-4 .text h4 {background-color: #494949;}
			#detalle-caso-4 .text p {color: #fff; margin-bottom: 15px;}
		#detalle-caso-4 .number * {color: #fff !important;}

	.detalle-caso #otras-novedades {background-color: #afaeae;}
		.detalle-caso .otras-novedades .title-novedades {color: #000; opacity: .1 !important;}
		.detalle-caso #accesos {margin-top: -40px;}





/************************************
				NG-VIEW
**************************************/

.view-animate {position: relative; top: 0; opacity: 1; transition: all 1s;}
.loaded .view-animate.ng-enter {-webkit-transition: all 1s 1.5s ease; transition: all 1s 1.5s ease; }
.loaded .view-animate.ng-leave {-webkit-transition: all 1s ease; transition: all 1s ease; }
.view-animate::before {content:''; position: fixed; top: 0; left: 0; width: 0; height: 100vh; z-index: 1000; background-color: #3E3E3E; transition: all 1s cubic-bezier(0.86, 0, 0.07, 1); animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1);-moz-animation: hover-out 1s cubic-bezier(0.86, 0, 0.07, 1);}

.loaded .view-animate.ng-enter::before {width: 100%; animation: hover-in 1s cubic-bezier(0.86, 0, 0.07, 1);-webkit-animation: hover-in 1s cubic-bezier(0.86, 0, 0.07, 1);-moz-animation: hover-in 1s cubic-bezier(0.86, 0, 0.07, 1);}
/*.loaded .view-animate.ready::before {width: 0;}*/
/*.loaded .view-animate.ng-leave::before {width: 0;}
.loaded .view-animate.ng-leave-active::before {width: 100%;}*/

.admin .view-animate {position: relative; top: 0; opacity: 1; transition: all .5s;}
.loaded .admin .view-animate.ng-enter {-webkit-transition: all .5s .2s ease; transition: all .5s .3s ease; }
.loaded .admin .view-animate.ng-leave {-webkit-transition: all .5s ease; transition: all .5s ease; }
.admin .view-animate::before {display: none;}
.loaded .admin .view-animate.ng-leave-active {opacity: 0}
.loaded .admin .view-animate.ng-enter {opacity: 0}
.loaded .admin .view-animate.ng-enter.ready {opacity: 1}


/************************************
			   FOOTER
**************************************/

footer {position: relative;display: block;width: 100%;background-color: #fff;padding: 35px 0;opacity: 0;}
.loaded footer {opacity: 1;}

	footer .data-fiscal {position: relative;display: inline-block;vertical-align: middle;padding-left: 4px;}
		.data-fiscal img:last-child {position: absolute; top: 0; left: 0; opacity: 0; transition: all .3s; width: 100%;}
		.data-fiscal:hover img:last-child {opacity: 1;}
		.data-fiscal a::before, .certificado a::before {display: none;}

	footer nav {position: relative;display: inline-block;vertical-align: middle;margin: 0 20px;}
		footer nav::before, .data-fiscal::before {content:'';position: absolute;top: 50%;left: -11px;width: 4px;height: 4px;border-radius: 50%;background-color: #fff;margin-top: -2px;}
		footer nav::after {content:'';position: absolute;top: 9px;right: -13px;width: 4px;height: 4px;border-radius: 50%;background-color: #fff;}
		footer nav a {display: inline-block;vertical-align: middle;font-size: 12px;text-transform: uppercase;font-style: italic;padding: 2px 5px;color: #252525;opacity: 1;transition: all .3s;}
		footer a:hover {opacity: 1;color: #ec1c24;transition-delay: .3s;}
		footer nav a.active {opacity: 1; font-weight: 700;}
	footer a::before {content: '';position: absolute;top: 0;left: 0;width: 0;height: 100%;background-color: #252525;}
		footer a {position: relative;overflow: hidden;display: inline-block;vertical-align: bottom;transition: all .3s;}
		footer a:hover::before {width: 100%;left: 100%;opacity: 0;transition: width .3s, left .5s .3s, opacity .1s .9s;}

	footer p {display: inline-block;vertical-align: middle;font-size: 11px;color: #BABABA;/* opacity: .6; */font-style: italic;}


	footer .social {display: block;float: right;margin-top: 28px;}

	footer .certificado {display: inline-block; vertical-align: middle; margin-right: 20px; transition: all .3s;}
		footer .certificado:hover {opacity: .7 !important;}




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

	#top .right nav div {padding: 0px 10px; font-size: 12px;}
	.social a {font-size: 16px; padding: 0px 4px;}

	header {top: 30px;}
		header .logo {width: 17%;}
		header nav {margin-top: 2.5%;}
			header nav > .link {font-size: 14px; margin: 0px 13px;}
			.sub {top: 38px;}

	#hero slick .title h2 {font-size: 75px;}

	.conocenos {bottom: 30px;}
		.conocenos span {font-size: 13px;}
		.loaded .conocenos .boton {right: 13%;}

	.loaded .slick-dots {bottom: 80px;width: 96%;}

	#destacados {text-align: center;margin-bottom: 0;padding-top: 100px;padding-bottom: 150px;}
		#destacados .left {width: 300px; text-align: left; margin-left: 0;}
			#destacados .left .title {padding: 10px 30px; font-size: 14px;}
			#destacados .left .text {padding: 30px;}
				#destacados .left .text h3 {font-size: 45px; margin-bottom: 10px;}
				#destacados .left .text p {font-size: 14px; line-height: 20px; margin-bottom: 25px;}
				#destacados .left .text a {font-size: 12px;}
		#destacados .right {width: 400px;}
			#destacados .right .right-slick-slide {padding: 40px; padding-left: 70px; padding-bottom: 55px;}
			#destacados .right h4 {font-size: 14px; margin-bottom: 10px;}
			#destacados .right h3 {font-size: 42px; margin-bottom: 25px;}
			#destacados .right .img img {max-width: 80%; display: block;}

	#trayectoria {/* margin-top: -250px; */display: none;}
		#trayectoria .count {/* font-size: 650px; */margin-left: -10px;}
		#trayectoria .text {width: 375px; right: 16.36%;}
			#trayectoria .button .left {padding: 27px 32px; padding-right: 68px; height: 70px; font-size: 20px;}
			#trayectoria .button .right {width: 70px; height: 70px; padding: 27px 0;}

	#accesos-text .alquiler, #accesos-text .venta {width: 50%; margin-left: 0;}
	#accesos .acceso {width: 16.653% !important;}
	#accesos .acceso:first-child {margin-left: 16.653%;}
		.acceso h4 {font-size: 18px;}

	#partners {padding: 80px 0;}
		#partners h3 {font-size: 50px;}
		#partners ul li {width: 16.66%;}
			#partners ul li img {max-width: 80%;}

	footer {text-align: center;}
		footer p {display: block; margin-top: 20px;}
		footer .social {display: block; float: none;}


	#text-nosotros .wrapper .paraf {font-size: 20px; line-height: 28px;}

	.detalle-modelo.usado #text-modelo, #text-modelo, .detalle-modelo.usado #big {margin-top: 0;}

	.objs li {width: 26.8%;}
		.objs li h4 {font-size: 14px; padding: 12px 23px;}
		.objs li p {font-size: 14px; line-height: 22px;}

	#text-nosotros .num {font-size: 600px; right: -20px;}

	.years {margin-top: 100px; margin-bottom: 30px;}
		.years .line, .years > img {display: none;}
		.years ul, .years ul .wrapper {position: relative; text-align: center;}
			.years ul li {position: relative; display: inline-block; top: 0 !important; left: 0 !important; width: 16.4%; margin-bottom: 50px;}

	#hero .main-title h2 {font-size: 80px;line-height: 100px !important;}
	.home .button-home { margin-top: 40px;}

	.title-novedades {font-size: 90px; width: 100%; margin-top: -15px; margin-bottom: -10px;}

	.selects .select {width: 300px; height: 80px; font-size: 23px;}
		.select .selected {padding: 30px 20px;}
		.select .arrow {top: 50%; width: 12px;}
			.select .arrow img {width: 100%;}

		.gama-completa .title {width: 100%; padding: 0px 2%; padding-top: 60px; background-color: #2d2c2c;}
			.gama-completa .title h3 {margin-bottom: 100px;}
			.ver-detalles {font-size: 13px; left: 2%; bottom: 30px;}
		.gama-completa:not(.not-bg)::before {display: none;}
		.gama-completa ul, .detalle-gama ul {width: 100%; padding: 50px 2%;}
			.gama-completa ul li > div, .detalle-gama ul li > div {width: 16.653%;}

		.detalle-gama > .wrapper::before {border-top: solid 15px #ffffff;}
		.detalle-gama > .wrapper {padding: 50px 0;}
			.detalle-gama .left {width: 44%;}
				.detalle-gama .left .number span {font-size: 220px;}
				.detalle-gama .left .number h5 {font-size: 100px;}
				.detalle-gama .left .number p {font-size: 14px;}
			.detalle-gama #gallery {width: 55%;}
				.wrap-slide h5 {font-size: 40px; width: 180px;}

	#header-venta.fixed h4 {width: 220px; font-size: 20px;}
		#header-venta.fixed .selects {width: 60%;}
			.fixed .selects .select {width: 45%;}

	.thumb-equipo {width: 16.653%;}
		.thumb-equipo > img {margin: 0 auto; margin-bottom: 30px;}
		.thumb-equipo .name h3, .thumb-equipo .name h4 {font-size: 22px;}
		.thumb-equipo .name ul {font-size: 12px; line-height: 21px; padding-right: 20px;}
		.thumb-equipo .name .little-link {font-size: 13px;}

	#header-venta {padding-bottom: 80px;}
	#equipos {padding-top: 80px; padding-bottom: 10px}

	#g1 .title {padding: 30px 2%;}
	#relacionados .listado-footer > li:first-child {width: 100%; padding: 50px 0;}
		#relacionados .listado-footer > li:first-child h3 {margin-bottom: 0;}
	#relacionados .listado-footer > li {width: 16.653%; padding: 20px 0; padding-bottom: 40px;}

	#estas-viendo h4 {width: 100%; margin-bottom: 20px;}
		#estas-viendo h4 br {display: none;}
		#estas-viendo .select .dropdown {top: initial; bottom: 100%; background-color: rgba(36, 35, 35, .9);}

	.block .wrapper > .left {width: 60%;}
	.block .wrapper > .right {width: 40%; padding: 100px 30px;}
		.block .right h3 {font-size: 170px;}
		.block.black .wrapper > .right > img {width: 150%; margin-top: -40px;}
		.block .right h4 {font-size: 45px;}
		.block .wrapper > .right > img {width: 90%;}

	#accesos.redes .title {font-size: 120px; margin-top: -185px; width: 100%;}
	#accesos.redes .acceso {margin-top: 80px;}

	.listado-footer > li:first-child {width: 100%; padding: 30px 0; padding-bottom: 50px;}
	.listado-footer > li {width: 20%; height: initial; padding: 20px 0;}

	.alquiler #hero {height: 475px;}

	.listado-novedades li {width: 33.25%;}
		.listado-novedades li .img {height: 250px;}
		.listado-novedades li .title {padding: 12px 30px;}
		.listado-novedades li .text {padding: 30px;}
			.listado-novedades li .text h3 {font-size: 40px; margin-bottom: 10px;}
			.listado-novedades li .text p {font-size: 14px;}
	.listado-novedades.novedad-detalle li .detail-text {width: 800px; max-width: 90%;}

	#detalle-caso-1 .wrapper > p {font-size: 20px; line-height: 30px;}
	.wrapper-map ng-map {width: 70%;}
	.wrapper-map .text {width: 20%;}
	.detalle-caso .number {margin-top: 0;}
		.detalle-caso .number span {font-size: 220px;}

	#detalle-caso-2 .slick-slide .title {font-size: 60px; line-height: 53px; margin-left: 2%;}

	#detalle-caso-3 {padding-top: 0;}
		#detalle-caso-3 .right {width: 60%; margin-left: 40%;}
		#detalle-caso-3 .img {top: 0;}
		#detalle-caso-3 .right .text {margin-bottom: 50px;}
		.right .wrap-video iframe {width: 90%; height: 420px;}
		.right .wrap-video .title {font-size: 23px; line-height: 24px; padding: 10px 15px; max-width: 200px;}

	#detalle-caso-4 #gallery {width: 73%; height: 90vh; max-height: 700px; transform: translateY(-75px);}
	#detalle-caso-4 .text {width: 20%; left: 78%; top: 5%;}

	.detalle-caso .otras-novedades .title-novedades {font-size: 140px; margin-top: -30px; margin-bottom: -30px;}

	#contact-info:not(.not-red)::after {top: 146px;}

	#contact-form form {max-width: 90%;}

	#ubicaciones.ubic {height: 500px;}

	.listado-footer.ubic li:first-child {padding: 70px 0; padding-bottom: 20px;}
	.listado-footer.ubic h3 br {display: none;}

	.alquiler-equipos #equipos .row .gama-completa {background-image: initial !important}
	.open .gama-completa .header {height: 600px;}

	.row .detalle-modelo .gama-completa .title {display: none;}
	.row .detalle-modelo .gama-completa ul {width: 100%;}
	.row .button {width: 220px; }

	#top .left {text-align: right; max-width: 600px; line-height: 18px; margin-top: -13px;}

	.alquiler #hero { height: initial; }
	.alquiler.detalle-modelo #hero .main-title.white-bg { position: relative; }
	.alquiler.detalle-modelo #hero .main-title .wrapper { position: relative; top: 0; padding-top: 120px; text-align: center; }
	#gallery { position: relative; top: 0; height: 400px; }
	.conocenos { display: none !important; }
	.wrap-slide .arrow { top: 50%; }
	#text-modelo { padding-top: 150px; text-align: center; }
	#text-modelo p, #text-modelo ul { margin: 35px auto; }
	#big { position: relative; top: 0; width: 100%; float: none; margin-top: -80px; }

}

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

	.wrapper {width: 90%;}

	header:not(.mobile), #top, #text-nosotros .num, #ubicaciones .text h2 br {display: none;}
	header.mobile {display: block; z-index: 9999999; top: -70px; transition: all .5s 1s; box-shadow: 0 2px 20px rgba(0,0,0,.3);}
	.loaded header.mobile {top: 0px;}
	.toggle-nav span {position: absolute; top: 0; left: 0; width: 100%; height: 3px; background-color: #000; transition: all .3s;}
	header.mobile .logo {width: 100px; float: none; margin-top: 15px;}
	.wrap-toggle-nav {position: absolute; display: block; top: 12px; right: 0; cursor: pointer;}
		.wrap-toggle-nav p {display: inline-block; vertical-align: middle; font-size: 14px; color: #000;}
		.toggle-nav {display: inline-block; vertical-align: middle; position: relative; width: 30px; height: 20px; margin-left: 5px;}
			.toggle-nav span:nth-child(2) {top: 8px;}
			.toggle-nav span:nth-child(3) {top: 16px;}
			.active .toggle-nav span:nth-child(1) {top: 8px; -webkit-transform: rotate(135deg) !important; -moz-transform: rotate(135deg) !important; -o-transform: rotate(135deg) !important; transform: rotate(135deg) !important; }
			.active .toggle-nav span:nth-child(2) {opacity: 0; left: 60px; }
			.active .toggle-nav span:nth-child(3) {top: 8px; -webkit-transform: rotate(-135deg) !important; -moz-transform: rotate(-135deg) !important; -o-transform: rotate(-135deg) !important; transform: rotate(-135deg) !important; }

	header.mobile nav {position: absolute;display: none;top: 71px;right: 0;width: 100%;text-align: left;background-color: #edecec;transition: all 0s;margin: 0;color: rgba(0,0,0,.7);font-weight: 700;max-height: 80vh;overflow: auto;font-style: italic;}
		header.mobile nav > a, header.mobile nav .subsub a {display: block;padding: 10px 5%;text-transform: uppercase;border-bottom: solid 1px #d5d4d4;}
		header.mobile nav .subsub {display: none;}
			header.mobile nav .subsub a {background-color: rgba(256,256,256,.05);padding-left: 12%;color: #5f5f5f;opacity: .7 !important;}
			header.mobile nav .subsub a:not(:last-child) {border:none;}
		header.mobile nav .lang {display: block; padding: 10px 2%; text-transform: uppercase;}
		header.mobile nav .social {margin-bottom: 20px; }
		header.mobile nav .social a {font-size: 25px; margin: 0 5px;}
		.header-footer {display: block; width: 100%; background-color: #231f20; padding: 30px 5%; }
			.header-footer > a {position: relative;display: inline-block;vertical-align: middle;color: #c0c0c0;font-style: italic;font-weight: 700;font-size: 12px;padding: 0px 10px;transition: all .3s;text-transform: uppercase;}
			.header-footer > a::after {content: ''; position: absolute; top: 5px; right: -3px; width: 3px; height: 3px; border-radius: 50%; background-color: #ec1c24; }

	.slick-dots {display: none !important;}

	.loaded .conocenos .boton {right: 0; left: 0; margin: 0 auto;}

	#hero slick .mask {display: none;}

	#hero slick .title h2 {top: 48%;}

	#destacados .left {width: 400px; margin:0 auto; display: block; max-width: 100%}
	#destacados .right {width: 400px; max-width: 100%; display: block; margin: 20px auto;}
		#destacados .right .right-slick-slide {padding: 40px;}

	#trayectoria {/* margin-top: -100px; */}
		#trayectoria .count {transform: translateY(0); margin-left: 0;}
		#trayectoria .text {position: relative; margin: 0 auto; bottom: 0; margin-top: -200px; max-width: 100%; margin-bottom: 100px; right: 0;}

	#accesos {text-align: center;}
		#accesos::before {height: 100%;}
		#accesos .acceso {width: 25% !important; float: none; display: inline-block; margin-bottom: -9px; margin-right: -4px; margin-left: 0 !important;}

	#partners ul li {width: 33.3%; margin-bottom: 50px;}

	#ubicaciones {height: 500px;}
	#ubicaciones .wrapper {position: relative;}
		#ubicaciones .text h2 {font-size: 90px; line-height: 70px;}

	.loaded .conocenos {bottom: 30px !important;}

	.years ul li {width: 100%;}

	#hero .main-title h3 {margin-bottom: 0;}
	#hero .main-title h2 {font-size: 80px;line-height: 110px !important;}

	#text-nosotros .wrapper .paraf {width: 100%; font-size: 16px; line-height: 25px;}
	#text-nosotros ul.objs {width: 100%;}
	.objs li {width: 100%; margin-bottom: 20px;}

	.alquiler #hero {height: 400px;}
		.alquiler #hero .main-title .wrapper {top: 180px;}

	.alquiler #accesos .title {width: 100%; font-size: 100px; margin-left: 0;}

	#header-venta {padding-top: 100px; padding-bottom: 60px;}

	.detalle-gama > .wrapper {padding: 20px 0;}
	.detalle-gama > .wrapper::before {left: 0; right: 0; margin:0 auto;}
		.detalle-gama .left {width: 100%; text-align: center;}
			.detalle-gama .left > p {margin: 0 auto; margin-top: 30px;}
		.detalle-gama #gallery {width: 80%; margin:0 auto; display: block; margin-top: 30px; height: 450px;}

	.gama-completa ul li > div, .detalle-gama ul li > div {width: 20%;}
	.gama-completa .title {padding: 0px 5%; padding-top: 30px;}
		.ver-detalles {left: 5%;}

	.gama-completa ul li:first-child > div, .detalle-gama ul li:first-child > div {display: none;}
	.gama-completa ul li, .detalle-gama ul li {border-bottom: solid 1px #ccc; padding: 10px 0;}
	.gama-completa ul li > div, .detalle-gama ul li > div {width: 100% !important; text-align: left;}
	.gama-completa ul li > div span, .detalle-gama ul li > div span {display: inline-block;}
	.gama-completa ul, .detalle-gama ul {width: 100% !important; padding: 0 2%;}

	.thumb-equipo {width: 33.3%;}

	.intro-postventa {font-size: 18px; line-height: 26px;}
		.intro-postventa p {width: 100%;}

	.block {height: initial;}
		.block .wrapper {width: 100%;}
			.block .wrapper > .left {width: 450px; max-width: 100%; display: block; margin:0 auto; padding: 80px 5%;}
				.block .left p {width: 100%;}
			.block::before {width: 100%;}
			.block .wrapper > .right {width: 100%; padding: 80px 5%; display: block; margin:0 auto; height: initial; text-align: center;}
				.block.black .wrapper > .right > img {max-width: 600px; margin:0 auto; margin-top: -40px;}
				.block .wrapper > .right > img {width: 90%; max-width: 350px;}

	.listado-novedades li {width: 49%;}

	.detalle-modelo #hero .main-title h2 {width: 100%;}

	#detalle-caso-1 .wrapper-map {width: 100%; height: initial;}
		.wrapper-map ng-map {width: 100%; height: 400px;}
		.wrapper-map .wrap-button {display: none;}
		.wrapper-map .text {width: 100%; margin-top: 70px;}
		.detalle-caso .number {padding-right: 0; text-align: center;}

	#detalle-caso-2 {margin-top: 80px; height: 450px;}
		#detalle-caso-2 .slick-slide .title {bottom: 150px;}

	#detalle-caso-3 {padding: 50px 0;}
		#detalle-caso-3 .img {display: none;}
		#detalle-caso-3 .right {width: 100%; margin-left: 0;}
			#detalle-caso-3 .right .text {width: 100%;}

	#detalle-caso-4 {padding: 50px 0;}
		#detalle-caso-4 #gallery {width: 90%; height: 450px; transform: translateY(0); margin-top: 0; margin:0 auto;}
			#detalle-caso-4 .wrap-slide h5 {top: 30px; left: 30px;}
		#detalle-caso-4 .text {position: relative; top: 0; left: 0; width: 100%; margin-top: 40px;}

	#ubicaciones.ubic > .wrapper, #contact-form {margin-top: 0;}

	.input, .input input {font-size: 35px;}
	.button.red .left {height: 40px;}
	.button.red .right {height: 40px; padding: 9px 0;}

	#hero .main-title .wrapper.img {position: relative;}

	.detalle-modelo #hero {height: initial; padding-top: 120px; padding-bottom: 150px; background-color: #fff; }

	.detalle-modelo #hero .main-title {position: relative; }
	.alquiler.detalle-modelo #hero .main-title .wrapper {position: relative; top: 0 !important; left: 0; transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); -ms-transform: translateY(0); }
	.loaded .detalle-modelo .conocenos .boton {right: 0; }
	#hero .main-title .wrapper.img img {position: relative; top: 0 !important; margin:  auto; margin-top: 20px; max-width: 50%;}
	#big .tons {font-size: 200px; letter-spacing: 0px; line-height: 130px; text-align: center; }
	.tons h4 {letter-spacing: -10px; }
	.tons h5 {position: relative; top: 0; right: 0; line-height: 60px; display: block; margin-bottom: 30px; }
	#text-modelo {padding-bottom: 50px; margin-top: 0; padding-top: 20px;}
	.tons span {display: block; }
	#gallery .wrap-slide {max-width: 95%; }
	#wrap-detalle {padding-bottom: 50px; padding-top: 50px;}
	#relacionados .listado-footer > li {width: 50%; }
	.fixed .selects .select {width: 100%;}
	#gallery {margin-top: 0;}
	.selects {max-width: 100%}

	#servicios-slide slick .slick-slide .text {margin: 50px 0;}

	.intro-postventa .wrapper > .left {width: 100%;max-width: 100%;float: none;}
	.intro-postventa .wrapper > .right {width: 100%;max-width: 100%;margin-top: 50px;float: none;}

	.alquiler.detalle-modelo #hero .main-title .wrapper { padding-top: 20px; }
	#text-modelo { padding-top: 50px; }
	#big { margin-top: 30px; }

}

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

	.grid {display: none;}

	.wrapper {width: 90%;}

	#hero slick .title h2 {font-size: 50px;}

	#trayectoria {margin-top: 0px;}
		#trayectoria .text {margin-top: -20px;}
		#trayectoria .count {font-size: 330px; margin-left: -20px;}
		#trayectoria .button .left {padding: 15px 15px; padding-right: 15px; height: 50px; font-size: 18px;}
		#trayectoria .button .right {width: 50px; height: 50px; padding: 15px 0;}

	#accesos .acceso {width: 100% !important; margin-bottom: 0;}
	#accesos-text .alquiler, #accesos-text .venta {width: 100%; margin-bottom: 4px;}
		#accesos-text a {padding-left: 0;}

	#partners {padding: 60px 0;}
		#partners h3 {font-size: 30px;}
		#partners ul li {width: 80%; margin: 0 auto; display: block; text-align: center; margin-bottom: 50px;}

	#ubicaciones {position: relative; display: block; width: 100%; height: initial; overflow: hidden; background-color: #fff;}
		#ubicaciones .text {position: relative; top: 0; left: 0; width: 100%; transform: translateY(0); pointer-events: auto;}
			#ubicaciones .text h2 {display: block; font-size: 48px; line-height: 50px; margin-left: 0; margin-bottom: 30px;}
			#ubicaciones .text .button {margin-bottom: 20px;}
		#ubicaciones ng-map {position: relative; display: block; top: 0; left: 0; width: 100%; height: 350px; opacity: 0; transition: all 1s;}

	footer nav {margin: 20px}

	.alquiler #hero .main-title .wrapper {top: 200px;}
	#hero .main-title h2 {font-size: 60px;line-height: 85px !important;margin-left: 0;margin-bottom: -40px;}

	#servicios-slide slick .slick-slide {height: 100%;}
		#servicios-slide slick .slick-slide .text h3 {font-size: 40px; margin-bottom: 20px;}
		.button.little .left {padding: 14px 13px; padding-right: 20px; font-size: 12px;}

	#header-venta h4 {font-size: 32px; width: 100%; line-height: 33px; margin-bottom: 10px; height: initial;}
	.selects {width: 100%;}
		.selects .select {width: 100%; height: 60px; margin-top: 5px;}
			.select .selected {padding: 18px 20px;}
			.select.open {z-index: 1000;}
			.select .dropdown {background-color: rgb(35, 31, 32);}

	.thumb-equipo {text-align: center; width: 100%;}
		.thumb-equipo .name ul {padding-right: 0;}

	.block .left h4 {font-size: 30px; margin-bottom: 10px;}
	.block .left p {font-size: 14px; line-height: 22px;}
	.block .right h3 {font-size: 100px; letter-spacing: -2px;}
	.block.black .wrapper > .right > img {max-width: 100%; margin-top: 0;}

	.alquiler #accesos {margin-top: 0;}
		.alquiler #accesos .wrapper {width: 100%;}
			#accesos.redes .acceso {width: 100%; margin-top: 0; height: 80px; margin-bottom: -2px;}
				#accesos.redes .inner {height: 100%; margin-top: 0;}

	.listado-footer > li {width: 100%;}
	.listado-footer > li:first-child {padding-bottom: 30px; }

	.detalle-caso .number span {font-size: 130px;}

	#detalle-caso-2 .slick-slide .title {font-size: 40px; line-height: 43px; margin-left: 2%;}

	.listado-novedades li {width: 100%;}

	#contact-info:not(.not-red)::after {display: none;}

	#ubicaciones.ubic {height: initial; margin-top: 0; padding-bottom: 6px;}
	#listado-ubicaciones {padding-top: 0; margin-top: 0;}
		.listado-footer.ubic li:first-child {padding: 40px 0;}
			.listado-footer.ubic h3 {font-size: 40px; line-height: 32px;}

	.input, .input input {height: 60px; font-size: 25px;}

	#relacionados .listado-footer > li {width: 100%; }

	.years ul li p {margin-bottom: -150px;}
	.years ul li.active p {transition: opacity .3s .3s, transform .3s .3s, margin-bottom 0s 0s; margin-bottom: 0;}
	#partners ul li.title {text-align: center;}
	#accesos-text {display: none;}

	.open .gama-completa .header {height: 700px; }

	.nosotros-hero #hero .main-title .bg { background-position: 76% center; }
	 #hero .main-title .wrapper {top: 45%;}

}

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

	#hero .main-title h2 {font-size: 40px;}

}















/************************************
			  KEYFRAMES
**************************************/

@-moz-keyframes bounce {0% {transform: scale(1);} 50% {transform: scale(1.15);} 100% {transform: scale(1);}}
@-webkit-keyframes bounce {0% {transform: scale(1);} 50% {transform: scale(1.15);} 100% {transform: scale(1);}}
@keyframes bounce {0% {transform: scale(1);} 50% {transform: scale(1.15);} 100% {transform: scale(1);}}

@keyframes hover-in {0% {width: 0; padding: 0 } 100% {width: 100%;}}
@-webkit-keyframes hover-in {0% {width: 0; padding: 0 } 100% {width: 100%;}}

@keyframes hover-out {0% {width: 100%; right: 0; left: auto } 100% {width: 0; padding: 0; right: 0; left: auto }}
@-webkit-keyframes hover-out {0% {width: 100%; right: 0; left: auto } 100% {width: 0; padding: 0; right: 0; left: auto } }

@keyframes hover-out-r {0% {width: 100%; left: 0; right: auto } 100% {width: 0; padding: 0; left: 0; right: auto }}
@-webkit-keyframes hover-out-r {0% {width: 100%; left: 0; right: auto } 100% {width: 0; padding: 0; left: 0; right: auto }}

@keyframes arrow{0%{transform: translateY(10px);} 25%{transform: translateY(0px);} 95%{transform: translateY(10px);} 100%{transform: translateY(10px);}}
@-webkit-keyframes arrow{0%{transform: translateY(10px);} 25%{transform: translateY(0px);} 95%{transform: translateY(10px);} 100%{transform: translateY(10px);}}

@keyframes arrow1{0%{height: 35px;} 100%{height: 20px;}}
@-webkit-keyframes arrow1{0%{height: 35px;}100%{height: 20px;}}

@keyframes arrow2{0%{height: 20px;} 100%{height: 35px;}}
@-webkit-keyframes arrow2{0%{height: 20px;}100%{height: 35px;}}

@-moz-keyframes rotate    {0% {transform: rotate(0)} 100% {transform: rotate(360deg);}}
@-webkit-keyframes rotate {0% {transform: rotate(0)} 100% {transform: rotate(360deg);}}
@keyframes rotate         {0% {transform: rotate(0)} 100% {transform: rotate(360deg);}}