﻿/** Generated by FG **/		@font-face {			font-family: 'CircularStd-Black';			src: url('fonts/CircularStd-Black.eot');			src: local('☺'), url('fonts/CircularStd-Black.woff') format('woff'), url('fonts/CircularStd-Black.ttf') format('truetype'), url('fonts/CircularStd-Black.svg') format('svg');			font-weight: normal;			font-style: normal;		}		/** Generated by FG **/		@font-face {			font-family: 'CircularStd-Book';			src: url('fonts/CircularStd-Book.eot');			src: local('☺'), url('fonts/CircularStd-Book.woff') format('woff'), url('fonts/CircularStd-Book.ttf') format('truetype'), url('fonts/CircularStd-Book.svg') format('svg');			font-weight: normal;			font-style: normal;		}		a { text-decoration:  none; color: inherit; }		body {			margin: 0;		}		#imgBg {		}		h1.title {			color: white;			font-family: "CircularStd-Black", Times New Romans;			font-size: 6vw;			border-bottom: solid 1px white;			padding-bottom: 40px;			margin-top: 120px;			margin-bottom: 40px;		}		h2#subtitle {			color: white;			font-weight: normal;			font-family: "CircularStd-Black", Times New Romans;			font-size: 1vw;		}		h2#fac_subtitle {			font-family: "CircularStd-Black", Times New Romans;			font-size: 30px;			color: #f8875f;			text-align: center;		}		#cover {			height: 100%;			background: url("cover.jpg") no-repeat center;			background-size: cover;			min-height: 640px !important;		}		#transparencyBg {			background: rgba(117, 117, 117, 0.4);			min-height: 480px !important;			width: 100% !important;			display: table;		}		#menuWrapper {			height: 100px;			min-width: 960px;			background: black;			position: relative;		}		#menuBurguer {			position: absolute;			left: 40px;			top: 30px;			height: 40px;		}		#landing-logo {			display: block;			height: 60px;			width: 280px;			position: relative;			top: 20px;		}		#transparencyBg > #bodyWrapper, #footerWrapper {			min-width: 800px;			max-width: 1280px;			margin-left: auto;			margin-right: auto;			padding-left: 80px;			padding-right: 80px;		}		#footerWrapper {			width: 800px;			margin-left: auto;			margin-right: auto;			padding-top: 10px;			padding-left: 80px;			padding-right: 80px;			height: auto;			font-weight: bold;		}		#transparencyBg > #bodyWrapper > .clear {			display: block;			padding-bottom: 5px;		}		#transparencyBg > #bodyWrapper > .lang {			padding-top: 10px;			padding-bottom: 10px;			padding-left: 40px;			padding-right: 40px;			margin-right: 40px;			border: solid 1px white;			text-decoration: none;			color: white;			font: bold 12px "CircularStd-Black";		}		#historia_wrapper {			width: 960px;			height: 400px;		}		#historia_left {			width: 50%;			height: 100%;			display: inline-block;			float: left;		}		#historia_title {			display: block;			font: normal 28px "CircularStd-Black", Times New Romans;			clear: both;			margin: 80px 0px 0px 40px;			width: 80%;			padding-bottom: 30px;			border-bottom: solid 1px #d7d7d7;			color: #f8875f;		}		#historia_descripcion {			padding-left: 40px;			padding-right: 40px;			padding-top: 10px;			display: block;			clear: both;			font: 14px "CircularStd-Book", Times New Romans;			letter-spacing: 1px;			font-weight: normal;		}		#historia_right {			width: 50%;			height: 100%;			display: inline-block;			overflow: hidden;			background: url("historia_cover.jpg") no-repeat center center;			background-size: cover;		}		.lastItem {			clear: left;			display: inline-block;			margin-left: 5px;			color: white;		}		.orange {			color: #f49536;		}		.center {			margin-left: auto;			margin-right: auto;		}		#find-us-wrapper {			position: absolute;			margin-left: auto;			margin-right: auto;			left: 40px;			right: 0;			width: 960px;			height: 400px;		}		#find-us {			width: 300px;			height: 250px;			background: #313131;			position: relative;			top: 40px;		}		#find-us-tag, #valores_tag {			color: white;			font-weight: normal;			font-family: "CircularStd-Black", Times New Romans;			font-size: 24px;			letter-spacing: 2px;			display: block;			width: 60%;			padding-bottom: 20px;			border-bottom: solid 1px orange;			position: relative;			top: 40px;			margin-left: 40px;		}		#find-us-bottom-href {			position: absolute;			color: white;			font-weight: normal;			font-family: "CircularStd-Book", Times New Romans;			font-size: 14px;			bottom: 40px;			left: 40px;		}		#footer_wrapper {			height: 350px;			min-width: 960px;			background: #313131;			position: relative;		}		#footer-title {			font-size: 36px;			margin-top: 40px;			padding-top: 0px;			margin-bottom: 50px;		}		#footer-left-details {			width: 65%;			float: left;			display: inline-block;			color: white;			font-weight: normal;			font-family: "CircularStd-Book", Times New Romans;			font-size: 16px;		}		#footer-right-details {			width:35%;			overflow: hidden;			display: inline-block;			color: white;			font-weight: normal;			font-family: "CircularStd-Book", Times New Romans;			font-size: 16px;		}		#footer-copyrights {			position: absolute;			bottom: 20px;			color: #a4a4a4;			font-weight: normal;			font-family: "CircularStd-Book", Times New Romans;			font-size: 12px;			left: 0;		}		.google-maps {	        position: relative;	        padding-bottom: 400px; // This is the aspect ratio	        height: 400px !important;	        overflow: hidden;	    }	    .google-maps iframe {	        position: absolute;	        top: 0;	        left: 0;	        width: 100% !important;	        height: 400px !important;	    }	    nav {	    	position: absolute;	    	left: 0;			background: rgba(0, 0, 0, 0.9);			width: 200px;			height: 100%;			top: 40px;		}		nav.close {			left: -260px;		}		nav > ul {			padding: 20px;		}		nav > ul > li {			list-style: none;			color: white;			font-weight: normal;			font-family: "CircularStd-Book", Times New Romans;			font-size: 14px;			padding: 15px 0px 15px 0px;					border-bottom: solid 1px #4f4f4f;			cursor: pointer;		}		nav > ul > li:hover {			font-family: "CircularStd-Black", Times New Romans;		}		#valores_white {			width: 960px;			margin-left: auto;			margin-right: auto;			height: 200px;		}		#valores_white_left > span:nth-child(1), #valores_white_right > span:nth-child(1) {			display: block;			padding-bottom: 20px;			border-bottom: solid 1px #d7d7d7;			text-align: center;			width: 80%;			margin: 25px;			font-family: "CircularStd-Black", Times New Romans;			font-size: 30px;			color: #f8875f;		}		#valores_white_left > span:nth-child(2), #valores_white_right > span:nth-child(2) {			display: block;			padding-bottom: 5px;			text-align: justify;			width: 80%;			padding-right: 10%;		}		#valores_white_left {			width: 45%;			float: left;			display: block;			padding-left: 2.5%;			padding-right: 2.5%;			font-family: "CircularStd-Book", Times New Romans;			font-size: 16px;		}		#valores_white_right {			width: 45%;			overflow: hidden;			padding-left: 2.5%;			padding-right: 2.5%;			font-family: "CircularStd-Book", Times New Romans;			font-size: 16px;		}		#valores_black_wrapper {			background: #545454;			padding-bottom: 40px;		}		#valores_black {			background: #313131;			width: 960px;			height: 360px;			padding-bottom: 40px;		}		#valores_desc {			padding-top: 60px;			padding-left: 40px;			display: block;			color: white;			clear: both;			font-family: "CircularStd-Book", Times New Romans;			font-size: 14px;		}		#valores_white_left ul, #valores_white_right ul {			display: block;			padding: 0;			margin: 0;			float: left;		}				#valores_white_left li, #valores_white_right li {			/*float: left;			display: inline;*/			position: relative;			background: #1e1e1e;			padding: 40px;			padding-top: 15px;			padding-bottom: 15px;			list-style: none;			color: white;			font-family: "CircularStd-Book", Times New Romans;			font-size: 14px;			margin-bottom: 5px;			width: 300px;			cursor: pointer;		}		#valores_white_left li:hover, #valores_white_right li:hover {			background: #1C1B1B;		}				#valores_white_left ul ul, #valores_white_right ul ul {			position: absolute;			left: 0;			top: 100%;			background: white;			display: none;			color: #9a866d;			z-index: 1;		}		#valores_white_left ul ul li, #valores_white_right ul ul li {			background: #f8875f;			margin-bottom: 1px;		}		#valores_white_left ul ul li:hover, #valores_white_right ul ul li:hover {			background: #fc7545;		}				#valores_white_left li:hover > ul, #valores_white_right li:hover > ul {			display: block;		}		.light {			font-family: "CircularStd-Book", Times New Romans !important;		}		#empresas_wrapper {			min-width: 960px;			height: 1350px;			background: white;			display: block;		}		#empresas_container {			width: 960px;			padding-top: 40px;			padding-left: 40px;		}		.empresa, .empresa div {			width: 240px;			height: 320px;			background: white;			float: left;			display: inline-block;			background-position: center center;			background-repeat: no-repeat;		}		.empresa:hover > div {			display: block;			background: #f8875f;			height: auto !important;			padding-bottom: 20px;		}		.empresa:hover > div > h1 {			background: black;			color: white;			padding: 15px 20px 15px 20px;			margin: 0;			font: normal 18px "CircularStd-Black", Times New Romans;			letter-spacing: 2px;		}		.empresa:hover > div > span {			/* background: black; */			color: white;			margin: 30px 20px 15px 20px;			/* margin: 0; */			font: normal 14px "CircularStd-Black", Times New Romans;			/* letter-spacing: 2px; */			/* text-align: -webkit-center; */			display: block;			z-index: 3;		}		.empresa div {			display: none;		}		.anvi_sub_tit {			margin: 0px 0px 20px 40px;			font-family: "CircularStd-Black", Times New Romans;			font-size: 14px;			color: #f8875f;		}		#anvi_mision_tit, #anvi_vision_tit, .anvi_main_tit {			border-bottom: solid 1px #d7d7d7 !important;			color: #313131 !important;			text-align: left !important;			font-size: 24px !important;		} 		#anvi_mision_tit_blue, #anvi_vision_tit_blue {			border-bottom: solid 1px #d7d7d7 !important;			color: #1b1464 !important;			text-align: left !important;			font-size: 24px !important; 		}		.anvi_main_tit {			display: block;			padding-bottom: 20px;			border-bottom: solid 1px black;			text-align: center;			width: 80%;			margin: 0px 0px 40px 40px;			font-family: "CircularStd-Black", Times New Romans;			font-size: 30px !important;			color: #f8875f;		}		#anvi_mision_tit + span, #anvi_vision_tit + span {			text-align: left !important;			padding-left: 25px;		}		#anvi_logo_wrapper, #anvi_services_wrapper {			width: 880px;			height: 80px;		}		#anvi_services_wrapper {			width: 960px !important;		}		#anvi_serv_desc_ {			display: block;			margin: 20px 20px 20px 40px;			font-family: "CircularStd-Book", Times New Romans;			font-size: 14px;			color: #313131;			line-height: 18px;		}		.tag {			display: inline-block;			font: normal 12px "CircularStd-Black", Times New Romans;			padding: 30px 10px 0px 40px;		}		.input_left, #input_right {			background-color: rgb(235, 235, 235);			left: 355px;			top: 990px;			width: 330px;			height: 36px;			border: none;		}		#input_right {			height: 147px;			margin-top: 15px;			resize: none;		}		#submit {			background-color: rgb(248, 135, 95);			/* left: 805px; */			/* top: 1149px; */			width: 330px;			height: 36px;			border: none;			margin-left: 100px;			font: normal 12px "CircularStd-Black", Times New Romans;			color: white;		}		#contact_right_box {			margin-top: 165px;		}		.blue {			color: #1b1464 !important;		}		@media all and (min-width: 1440px) and (max-width: 2100px) {			#transparencyBg {				height: 850px !important;			}			#bodyWrapper {				padding-top: 40px;			}			#cover {				max-height: 1000px;			}			#historia_wrapper {				min-width: 960px;				max-width: 1440px;				width: auto;				height: 550px;			}			#historia_title {				font-size: 2vw;			}			#historia_descripcion,			#valores_white_left > span:nth-child(2), #valores_white_right > span:nth-child(2),			#valores_desc {				font-size: 0.8vw;			}			#fac_subtitle, 			#valores_white_left > span:nth-child(1), #valores_white_right > span:nth-child(1) {				font-size: 2vw !important;			}			#valores_white {				min-width: 960px;				max-width: 1440px;				width: auto;				padding-top: 100px;				padding-bottom: 100px;				height: 220px;			}			#valores_black, #anvi_services_wrapper {				min-width: 960px;				max-width: 1440px;				width: auto !important;				height: 24vw;			}			#valores_black_wrapper {				height: 18vw !important;
    				padding-bottom: 83px;			}			#valores_tag {				font-size: 1.4vw;			}		}		@media all and (min-width: 2100px) and (max-width: 3000px) {			h1.title {				font-size: 5.5vw;			}			#transparencyBg {				height: 900px !important;			}		}