@charset "utf-8";

/* RESET */
* {margin: 0; padding: 0; border: none; font-size: 100%; vertical-align: baseline; outline: 0;}

/* MAIN */
html, body{width: 100vw; height: 100%; background-color: #FFFFFF;}
a{display: block; text-decoration: none;}
img{display: block; object-fit: contain; width: 100%; max-height: 100%; overflow: hidden;}
h1{font-family: Montserrat; font-weight: normal; font-style: normal; font-size: 59px; line-height: 63px;}
h2{font-family: Montserrat; font-weight: normal; font-style: normal; font-size: 37px; line-height: 42px;}
h3{font-family: Montserrat; font-weight: normal; font-style: normal; font-size: 21px; line-height: 32px;}
h4{font-family: Montserrat; font-weight: normal; font-style: normal; font-size: 16px; line-height: 24px;}
h5{font-family: Montserrat; font-weight: 500; font-style: normal; font-size: 12px; line-height: 21px; letter-spacing: 1.2px; text-transform: uppercase;}
p{font-family: Open Sans; font-weight: 300; font-style: normal; font-size: 16px; line-height: 24px; letter-spacing: 0.1px;}

section{
	width: 100vw;
}
.grid_container{
	width: 100%;
	height: 100%;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-column-gap: 3px;
}

/* MAIN CTA */
.cta{
	display: block;
	line-height: 44px;
	text-align: center;

	font-family: Montserrat; /* TRASPASAR A FON STYLE */
	font-style: normal;
	font-weight: 300;
	font-size: 14px;
	height: 44px;
	line-height: 44px;
	letter-spacing: 1px;
}

/* MAIN NAVIGATION */
nav{
	position: fixed;
	width: 100vw;
	height: 88px;
	top: 0;
	left: 0;
	background-color: #011745;
	color: #FFFFFF;
	transition: 0.5s;
	z-index: 1000;
}
nav .grid_container{
	grid-template-rows: repeat(2, 1fr);;
}
	nav #logo{
		width: 205px;
		height: 43px;
		grid-column: 2 / 7;
		margin-top: 22px;
		align-self: top;
		background: url(../img/logos/logo.png) no-repeat;
		background-size: 100%;
		background-position: center;
	}
	nav ul{
		display: none;
		grid-column: 3 / 12;
		grid-row: 2;
		list-style-type: none;
	}
	nav ul.expand{
		display: block;
	}
		nav li{
			margin: 46px 0 0 0;
		}
		nav li:last-child{
			margin-bottom: 100px;
		}
		nav li a{
			font-family: Montserrat;
			font-weight: 500;
			font-size: 16px;
			line-height: 21px;
			letter-spacing: 1.6px;
			text-transform: uppercase;
			color: rgba(255, 255, 255, 0.8);
		}
			nav li a i{
				vertical-align: middle;
				margin-right: 20px;
			}
	nav #nav_opener{
		grid-column: 10 / 12;
		width: 35px;
		height: 34px;
		margin-top: 27px;
		align-self: top;
		justify-self: end;
		background: url(../img/icons/ic_menu.png) no-repeat;
		background-size: 100%;
		background-position: center;
	}
		.blue{
			background: url(../img/icons/ic_menu_blue.png) no-repeat !important;
			background-size: 100% !important;
			background-position: center !important;
		}
		.open{
			background: url(../img/icons/ic_menu_close.png) no-repeat !important;
			background-size: 100% !important;
			background-position: center !important;
		}
		.openBlue{
			background: url(../img/icons/ic_menu_blue_close.png) no-repeat !important;
			background-size: 100% !important;
			background-position: center !important;
		}

/* MOBILE DEVICES */
/* MODULES */
#home{
	height: 100vh;
	color: #FFFFFF;
	background: url(../img/home.png) no-repeat;
	background-size: cover;
	background-position: center;
}
	#home .grid_container{
		grid-template-rows: repeat(30, 1fr);
	}
		#home h1{
			grid-column: 2 / 12;
			grid-row: 8 / 14;
		}
		#home h3{
			grid-column: 2 / 12;
			grid-row: 18 / 20;
		}
		#home .cta{
			grid-column: 2 / 12;
			grid-row: 24 / 26;
			background-color: #011745;
			color: #FFFFFF;
		}
		#home #scroll{
			display: none;
		}
#about{
	height: 550px;
	color: #FFFFFF;
	background-color: #011745;
}
	#about .grid_container{
		grid-template-rows: repeat(25, 1fr);
	}
	#about h2{
		grid-column: 2 / 12;
		grid-row: 5 / 9;
	}
	#about p{
		grid-column: 2 / 12;
		grid-row: 11 / 22;
	}
#services{
	height: 1431px;
}
	#services .grid_container{
		grid-row-gap: 3px;
		grid-template-rows: repeat(66, 1fr);
	}
		#services #h2_services{
			grid-column: 2 / 12;
			grid-row: 4 / 7;
		}
		#services p{
			grid-column: 2 / 12;
			grid-row: 10 / 16;
		}
		#services ul{
			grid-column: 2 / 12;
			grid-row: 19 / 32;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
			#services li{
				height: 32px;
				padding-left: 64px;
				font-family: Montserrat;
				font-weight: 300;
				font-size: 16px;
				line-height: 32px;
				color: #333333;
				list-style:none;
 				background-repeat:no-repeat;
 				background-size: 32px;
				background-position: left center;
			}
			#services li[data-type="lihouse"]{
				background-image: url(../img/icons/ic_casa.png);
			}
			#services li[data-type="liboxes"]{
				background-image: url(../img/icons/ic_lavado.png);
			}
			#services li[data-type="ligas"]{
				background-image: url(../img/icons/ic_tienda.png);
			}
			#services li[data-type="listation"]{
				background-image: url(../img/icons/ic_estacion.png);
			}
			#services li[data-type="listation"]{
				background-image: url(../img/icons/ic_estacion.png);
			}
		#services #imgA{
			grid-column: 2 / 8;
			grid-row: 34 / 41;
			object-fit: cover;
			height: 100%;
		}
		#services #imgB{
			grid-column: 2 / 7;
			grid-row: 41 / 49;
			object-fit: cover;
			height: 100%;
		}
		#services #imgC{
			grid-column: 7 / 12;
			grid-row: 41 / 53;
		}
		#services #imgD{
			grid-column: 2 / 7;
			grid-row: 49 / 57;
			margin-top: 3px;
			object-position: center;
		}
		#services #h2_products{
			grid-column: 2 / 7;
			grid-row: 61 / 65;
		}
#products{
	height: 531px;
	background-color: #E6E6E6;
}
#trapezoid{
	display: none;
}
#slider_products_img{
	display: none;
}
	#products #slider_products{
		width: 100%;
		height: 531px;
	}
	#products .grid_container{
		grid-template-rows: repeat(24, 1fr);
		width: 100%;
		height: 100%;
	}
		#slider_products .cta{
			grid-column: 2 / 12;
			grid-row: 19 / 21;
			background-color: #011745;
			color: #FFFFFF;
		}
		#slider_products #slider1_pagination{
			bottom: 55px;
			text-align: left;
			left: 8.2%;
			font-family: Montserrat; /* TRASPASAR A FON STYLE */
			font-style: normal;
			font-weight: 500;
			font-size: 12px;
			line-height: 21px;
			letter-spacing: 1.2px;
			color: #9C9E9F;
		}
			#slider_products #slider1_pagination .swiper-pagination-current{
				color: #333333;
			}
		#slider_products .slider1_buttons{
			width: 55px; height: 14px;
			margin-top: 220px; /* 6.2% 0 6.2%; */
		}
			#slider_products .slider1_buttons:after{
				content: '';
			}
			#slider_products #slider1_buttons_next{
				background: url(../img/icons/R_blue.png) no-repeat;
				background-size: contain;
				background-position: center;
				right: 8.2%;
			}
			#slider_products #slider1_buttons_prev{
				background: url(../img/icons/L_blue.png) no-repeat;
				background-size: contain;
				background-position: center;
				left: 8.2%;
			}
		.product_icon{
			grid-column: 2 / 7;
			grid-row: 3 / 6;
		}
			.product_icon img{
				width: auto;
			}
		.product_title{
			grid-column: 2 / 12;
			grid-row: 7 / 8;
			font-family: Montserrat; /* TRASPASAR A FON STYLE */
			font-style: normal;
			font-weight: normal;
			font-size: 16px;
			line-height: 24px;
			color: #9C9E9F;
		}
		.product_subtitle{
			grid-column: 2 / 12;
			grid-row: 8 / 10;
			font-family: Montserrat; /* TRASPASAR A FON STYLE */
			font-style: normal;
			font-weight: 300;
			font-size: 12px;
			line-height: 21px;
			letter-spacing: 1.2px;
			text-transform: uppercase;
			color: #9C9E9F;
		}
		.product_text{
			grid-column: 2 / 12;
			grid-row: 11 / 16;
			font-family: Open Sans; /* TRASPASAR A FON STYLE */
			font-style: normal;
			font-weight: normal;
			font-size: 16px;
			line-height: 24px;
			letter-spacing: 0.1px;
			color: #666666;
		}
		.product_link{
			grid-column: 2 / 12;
			grid-row: 17 / 18;
			font-family: Open Sans; /* TRASPASAR A FON STYLE */
			font-style: normal;
			font-weight: 600;
			font-size: 14px;
			line-height: 23px;
			letter-spacing: 0.1px;
			text-decoration: underline;
			color: #333333;
		}
#contact{
	height: 237vh;
}
	#contact .grid_container{
		grid-template-rows: repeat(69, 1fr);
	}
		#contact h2{
			grid-column: 2 / 12;
			grid-row: 3 / 7;
		}
		#contact #info{
			grid-column: 2 / 12;
			grid-row: 10 / 17;
			display: flex;
			flex-direction: column;
			justify-content: space-between;
		}
			#contact #info li{
				padding-left: 42px;
				font-family: Montserrat;
				font-weight: 300;
				font-size: 16px;
				line-height: 24px;
				list-style:none;
 				background-repeat: no-repeat;
 				background-size: 32px;
				background-position: left center;
			}
			#contact li[data-type="lilocation"]{
				background-image: url(../img/icons/ic_localizacion.png);
				background-position: left top !important;
			}
			#contact li[data-type="liphone"]{
				background-image: url(../img/icons/ic_telefono.png);
			}
			#contact li[data-type="limail"]{
				background-image: url(../img/icons/ic_email.png);
			}
				#contact li a{
					color: #333333;
				}
		#contact p{
			color: #666666 !important;
		}
		#contact mark{
			background-color: transparent;
			color: #9C9E9F;
		}
		.break::before {
		  content: "\A";
		  white-space: pre;
		}
		#title_estacion{
			grid-column: 2 / 7;
			grid-row: 19 / 20;
		}
			#contact #p_horario1{
				grid-column: 2 / 7;
				grid-row: 20 / 21;
			}
			#contact #p_horario2{
				grid-column: 2 / 7;
				grid-row: 21 / 23;
			}
		#title_oficina{
			grid-column: 7 / 12;
			grid-row: 19 / 20;
		}
			#contact #p_horario3{
				grid-column: 7 / 12;
				grid-row: 20 / 21;
			}
			#contact #p_horario4{
				grid-column: 7 / 12;
				grid-row: 21 / 23;
			}
		#contact .cta{
			grid-column: 2 / 12;
			grid-row: 26 / 28;
			background-color: #011745;
			color: #FFFFFF;
		}
		#contact #slider_contact{
			grid-column: 1 / 13;
			grid-row: 30 / 48;
			width: 100%;
			height: 100%;
		}
			#contact #slider_contact .swiper-slide{
				text-align: center;
				/* Center slide text vertically */
				display: -webkit-box;
				display: -ms-flexbox;
				display: -webkit-flex;
				display: flex;
				-webkit-box-pack: center;
				-ms-flex-pack: center;
				-webkit-justify-content: center;
				justify-content: center;
				-webkit-box-align: center;
				-ms-flex-align: center;
				-webkit-align-items: center;
				align-items: center;
			}
			#contact #slider_contact #slide2_1{
				background: url(../img/contact/contact_01.png) no-repeat;
				background-size: cover;
				background-position: center;
			}
			#contact #slider_contact #slide2_2{
				background: url(../img/contact/contact_02.jpg) no-repeat;
				background-size: cover;
				background-position: center;
			}
				#contact #slider_contact .slider2_buttons{
					color: #FFFFFF;
					text-decoration: none;
				}
		#contact h3{
			grid-column: 2 / 12;
			grid-row: 51 / 52;
		}
			#contact .swiper-container{
				grid-column: 1 / 13;
				grid-row: 55 / 67;
				width: 100%;
				height: 100%;
			}
			#contact #directions{
				display: none;
			}
			#contact .swiper-slide{
				text-align: center;
			}
			#contact h4{
				color: #333333;
				font-weight: 500;
			}
			#contact #separator{
				width: 34px;
				height: 2px;
				margin: 16px auto;
				background-color: #E6E6E6;
			}
				#contact .dir_link{
					font-family: Open Sans;
					letter-spacing: 0.0875px;
					color: #666666;
				}
				#contact .phone_link{
					font-family: Montserrat;
					color: #333333;
					font-weight: 500;
				}
			#contact p{
				font-family: Open Sans;
				letter-spacing: 0.0875px;
				color: #9C9E9F;
				margin: 6px 0 15px 0;
			}
		#contact span{
			grid-column: 2 / 12;
			grid-row: 65 / 66;
		}
footer{
	height: 742px;
	background-color: #191919;
}
	footer .grid_container{
		grid-template-rows: repeat(35, 1fr);
	}
		footer #separator{
			grid-column: 2 / 12;
			grid-row: 3 / 4;
			width: 100%;
			height: 1px;
			background-color: #333333;
		}
		footer #footer_logo{
			grid-column: 2 / 8;
			grid-row: 4 / 7;
		}
		footer #logoA{
			grid-column: 2 / 4;
			grid-row: 7 / 10;
		}
		footer #logoB{
			grid-column: 4 / 6;
			grid-row: 7 / 10;
		}
		footer h5{
			color: #666666;
		}
			footer #h5_dir{
				grid-column: 2 / 12;
				grid-row: 13 / 14;
			}
			footer #h5_legal{
				grid-column: 2 / 12;
				grid-row: 19 / 20;
			}
		footer a{
			font-family: Open Sans;
			font-size: 14px;
			line-height: 21px;
			letter-spacing: 0.0875px;
			color: #FFFFFF;
		}
			footer #a_dir{
				grid-column: 2 / 12;
				grid-row: 15 / 17;
			}
			footer #a_legal{
				grid-column: 2 / 12;
				grid-row: 21 / 22;
			}
		footer #logoC{
			grid-column: 2 / 6;
			grid-row: 26 / 28;
		}
		footer p{
			font-family: Open Sans;
			font-size: 14px;
			line-height: 21px;
			letter-spacing: 0.0875px;
			color: #666666;
		}
			footer #p_repsol{
				grid-column: 2 / 12;
				grid-row: 28 / 29;
			}
			footer #p_copyright{
				grid-column: 2 / 12;
				grid-row: 31 / 33;
			}

/* DESKTOP MEDIA QUERIES*/
@media only screen and (min-width: 768px) {
/* GRID CONTAINERS */
	.grid_container{
		max-width: 1366px;
		max-height: 100%;
		margin: 0 auto;
		grid-column-gap: 30px;
	}
/* CTA BUTTON */
	.cta{
		width: 155px;
		height: 44px;
	}
		.cta:hover{
			background-color: #FFFFFF !important;
			border: 1px solid #011745;
			color: #011745 !important;
		}

/* MAIN MENU */
	nav #logo{
		grid-column: 2 / 3;
		grid-row: 1;
	}
	nav ul{
		grid-column: 3 / 12;
		grid-row: 1;
		margin-left: 6%;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		justify-content: space-between;
	}
		nav li{
			display: flex;
			align-items: center;
			height: 88px;
			line-height: 88px;
			margin: 0;
		}
			nav li:last-child{
				margin: 0 0 0 6%;
			}
			nav li a{
				font-size: 12px;
				line-height: 21px;
				letter-spacing: 1.2px;
			}
			nav li a:after {
			    content: ""; /* This is necessary for the pseudo element to work. */
			    display: block; /* This will put the pseudo element on its own line. */
			    width: 0; /* Change this to whatever width you want to have before hover. */
			    margin: 0 auto;
			    margin-top: 0px; /* This creates some space between the element and the border. */
			    border-bottom: 1px solid rgba(255, 255, 255, 0.8); /* This creates the border. Replace black with whatever color you want. */
			    transition: .5s; /* This establishes the amount of time in seconds the animation should take from start to finish */
			}
			nav li a:hover:after {
			    width: 30%; /* This will be the new width of your border when on hover */
			}
				nav li:last-child a{
					font-family: Open Sans;
					font-size: 18px;
					line-height: 24px;
				}
					nav li:last-child a:after{
						border: none;
					}

		nav #nav_opener{
			display: none;
		}
/* HOME */
	#home .grid_container{
		grid-template-rows: repeat(36, 1fr);
	}
		#home h1{
			grid-column: 3 / 8;
			grid-row: 17 / 23;
		}
		#home h3{
			grid-column: 3 / 8;
			grid-row: 23 / 25;
		}
		#home .cta{
			grid-column: 3 / 7;
			grid-row: 27 / 29;
		}
		#home #scroll{
			grid-column: 6 / 7;
			grid-row: 32 / 37;
			justify-self: end;
			display: block;
			width: 22px;
			height: 110px;
			margin-top: 34px;
			background: url(../img/scroll.png) no-repeat;
			background-position: center;
			background-size: contain;
		}
			#home #scroll:hover{
				background: url(../img/scroll_hover.png) no-repeat;
				background-position: center;
				background-size: contain;
			}
/* ABOUT */
	#about{
		height: 309px;
	}
		#about .grid_container{
			grid-template-rows: 1fr;
		}
		#about h2{
			grid-column: 3 / 6;
			grid-row: 1;
			align-self: center;
			justify-self: center;
		}
		#about p{
			grid-column: 7 / 12;
			grid-row: 1;
			align-self: center;
			justify-self: center;
			color: #E6E6E6;
		}
/* SERVICES */
	#services{
		height: 1188px;
	}
		#services .grid_container{
			grid-template-rows: repeat(53, 1fr);
		}
		#services img{
			object-position: center;
        	object-fit: cover;
        	height: 100%;
		}
		#services h2#h2_services{
			grid-column: 2 / 7;
			grid-row: 7 / 9;
		}
		#services p{
			grid-column: 2 / 7;
			grid-row: 10 / 12;
			color: #666666;
		}
		#services ul{
			grid-column: 3 / 7;
			grid-row: 16 / 29;
		}
		#services #imgA{
			grid-column: 8 / 12;
			grid-row: 4 / 18;
		}
		#services #imgB{
			grid-column: 2 / 5;
			grid-row: 32 / 47;
		}
		#services #imgC{
			grid-column: 8 / 12;
			grid-row: 19 / 47;
		}
		#services #imgD{
			grid-column: 5 / 8;
			grid-row: 32 / 47;
			margin: 0;
		}
		#services h2#h2_products{
			grid-column: 2 / 7;
			grid-row: 50 / 52;
		}
/* PRODUCTS */
	#products{
		height: 463px;
		position: relative;
	}
		#products #slider_products_img{
			display: block;
			width: 65vw;
			height: 100%;
			position: absolute;
			right: 0;
			top: 0;
		}
			#slider_products_img img{
				object-fit: cover;
			}
		#trapezoid{
			display: block;
			background-color: #E6E6E6;
			width: 50vw;
			height: 100.1%;
			position: absolute;
			left: 0;
			top: 0;
			-webkit-transform: skew(-20deg);
			-moz-transform: skew(-20deg);
			-o-transform: skew(-20deg);
			transform: skew(-20deg);
			z-index: 999;
		}
		#slider_products{
			z-index: 1000;
			height: 463px !important;
		}
		#products .grid_container{
			grid-template-rows: repeat(22, 1fr);
		}
			.product_icon{
				grid-column: 2 / 7;
				grid-row: 3 / 6;
			}
			.product_title{
				grid-column: 2 / 7;
				grid-row: 7 / 8;
			}
			.product_subtitle{
				grid-column: 2 / 7;
				grid-row: 8 / 9;
			}
			.product_text{
				grid-column: 2 / 7;
				grid-row: 10 / 14;
			}
			.product_link{
				grid-column: 2 / 7;
				grid-row: 15 / 16;
				text-decoration: none;
			}
				.product_link:hover{
					text-decoration: underline;
				}
			#slider_products .cta{
				grid-column: 2 / 7;
				grid-row: 17 / 19;
			}
			#slider_products #slider1_pagination{
				bottom: 45px;
				left: 8.5%;
			}
			#slider_products .slider1_buttons{
				width: 32px;
				height: 8px;
				margin-top: 200px; /* 6.2% 0 6.2%; */
			}
				#slider_products #slider1_buttons_next{
					background: url(../img/icons/R_grey.png) no-repeat;
					background-size: contain;
					background-position: center;
					left: 13.5%;
				}
					#slider_products #slider1_buttons_next:hover{
						background: url(../img/icons/R_blue.png) no-repeat;
						background-size: contain;
						background-position: center;
					}
				#slider_products #slider1_buttons_prev{
					background: url(../img/icons/L_grey.png) no-repeat;
					background-size: contain;
					background-position: center;
					left: 8.5%;
				}
					#slider_products #slider1_buttons_prev:hover{
						background: url(../img/icons/L_blue.png) no-repeat;
						background-size: contain;
						background-position: center;
					}
/* CONTACT */
	#contact{
		height: 670px;
		position: relative;
	}
		#contact .grid_container{
			grid-template-rows: repeat(52, 1fr);
		}
		#contact a:hover{
			text-decoration: underline;
		}
			#contact a.cta:hover{
				text-decoration: none;
			}
		#contact h2{
			grid-column: 2 / 5;
			grid-row: 6 / 10;
		}
		#contact ul#info{
			grid-column: 2 / 4;
			grid-row: 13 / 19;
		}
			#contact ul#info li{
				margin-bottom: 10px;
			}
		.break::before {
		  content: "";
		  white-space: normal;
		}
		#title_estacion{
			grid-column: 2 / 4;
			grid-row: 21 / 22;
		}
			#contact p#p_horario1{
				grid-column: 2 / 4;
				grid-row: 22 / 24;
				margin: 6px 0 15px 0 !important;
				align-self: auto;
			}
			#contact p#p_horario2{
				grid-column: 2 / 4;
				grid-row: 25 / 27;
				margin: 6px 0 15px 0 !important;
				align-self: auto !important;
			}
		#title_oficina{
			grid-column: 4 / 6;
			grid-row: 21 / 22;
		}
			#contact p#p_horario3{
				grid-column: 4 / 6;;
				grid-row: 22 / 24;
			}
			#contact p#p_horario4{
				grid-column: 4 / 6;;
				grid-row: 25 / 27;
			}
		#contact #slider_contact{
			position: absolute;
			top: 55px;
			right: 20px;
			width: 45vw;
			/*height: 450px;*/
			height: 550px;
		}
		#contact .cta{
			grid-column: 2 / 4;
			grid-row: 30 / 32;
			align-self: end;
		}
		#contact h3{
			grid-column: 2 / 6;
			grid-row: 36 / 37;
			color: #9C9E9F;
		}
		#contact #swiper_directions{
			display: none;
		}
			#contact #directions{
				display: block;
				grid-column: 2 / 12;
				grid-row: 37 / 51;
				list-style-type: none;
				display: flex;
				flex-direction: row;
				flex-wrap: nowrap;
				justify-content: space-around;
				align-items: center;
			}
				#directions #dir1, #directions #dir2{
					text-align: center;
				}
				#directions #dir_separator{
					width: 17px;
					height: 222px;
					background: url(../img/separator.png) no-repeat;
					background-size: contain;
					background-position: center;
				}
/* FOOTER */
	footer{
		height: 328px;
	}
		footer .grid_container{
			grid-template-rows: repeat(15, 1fr);
		}
		footer a:hover{
			text-decoration: underline;
		}
		footer img{
			width: auto;
		}
		footer #separator{
			grid-column: 2 / 12;
			grid-row: 4;
		}
		footer #footer_logo{
			grid-column: 2 / 4;
			grid-row: 6 / 8;
			justify-self: start;
		}
		footer #logoA{
			grid-column: 2 / 3;
			grid-row: 9 / 11;
			justify-self: start;
		}
		footer #logoB{
			grid-column: 2 / 4;
			grid-row: 9 / 11;
			margin-left: 60px;
		}
		footer #h5_dir{
			grid-column: 4 / 7;
			grid-row: 6 / 8;
		}
			footer #a_dir{
				grid-column: 4 / 7;
				grid-row: 9 / 11;
			}
		footer #h5_legal{
			grid-column: 7 / 9;
			grid-row: 6 / 8;
		}
			footer #a_legal{
				grid-column: 7 / 9;
				grid-row: 9 / 10;
			}
		footer #logoC{
			grid-column: 10 / 12;
			grid-row: 6 / 8;
			justify-self: end;
		}
		footer #p_repsol{
			grid-column: 9 / 12;
			grid-row: 9 / 10;
			justify-self: end;
		}
		footer #p_copyright{
			grid-column: 2 / 7;
			grid-row: 14 / 15;
		}

/* FORM POLITICA */
#aviso_legal{
	min-height: calc(100vh - 416px);
	color: #FFFFFF;
	padding-top: 130px;
}
	#aviso_legal #content{
		grid-column: 2 / 12;
		text-align: left;
	}
	#aviso_legal h3{
		color: #333333;
		margin: 25px 0;
	}
	#aviso_legal p{
		margin-bottom: 7px;
		font-family: Open Sans;
		font-size: 16px;
		line-height: 24px;
		letter-spacing: 0.1px;

		color: #666666;
	}
	#aviso_legal a{
		margin: 25px 0 75px 0;
		font-family: Open Sans;
		font-size: 16px;
		line-height: 23px;
		font-weight: 600;
		letter-spacing: 0.114286px;
		text-decoration: underline;

		color: #333333;
	}
}
/* WIDE DESKTOP MEDIA QUERIES*/
@media only screen and (min-width: 1367px) {
	#home .cta{
		grid-row: 27 / 29;
	}
	#home #scroll{
			margin-top: 54px;
	}
	#services ul{
		margin-left: -60px;
	}
	#services h2#h2_products{
		grid-row: 50 / 52;
	}

	#slider_products #slider1_pagination{
		left: 20.45%;
	}
		#slider_products #slider1_buttons_next{
			left: 23.45%;
		}
		#slider_products #slider1_buttons_prev{
			left: 20.45%;
		}
	#contact ul#info{
		grid-column: 2 / 5;
		justify-content: space-between;
	}
		#contact ul li{
			margin-bottom: 0 !important;
		}
	#contact p#p_horario1{
		margin: 0 0 0 20px;
		align-self: start;
	}
	#contact p#p_horario2{
		margin: 0 0 0 20px;
		align-self: end;
	}
}
/* EXTRA WIDE DESKTOP*/
@media only screen and (min-width: 1921px) {
	#home .cta{
		grid-row: 27 / 29;
	}
	#home #scroll{
			margin-top: 94px;
	}
	#services ul{
		margin-left: -60px;
	}
	#services h2#h2_products{
		grid-row: 50 / 52;
	}

	#slider_products #slider1_pagination{
		left: 20.45%;
	}
		#slider_products #slider1_buttons_next{
			left: 23.45%;
		}
		#slider_products #slider1_buttons_prev{
			left: 20.45%;
		}
	#contact ul#info{
		grid-column: 2 / 5;
		justify-content: space-between;
	}
		#contact ul li{
			margin-bottom: 0 !important;
		}
	#contact p#p_horario1{
		margin: 0 0 0 20px;
		align-self: start;
	}
	#contact p#p_horario2{
		margin: 0 0 0 20px;
		align-self: end;
	}
}