/* FONT FACES */

@font-face {
	font-family:'OpenSans';
	src: url('../fonts/OpenSans/OpenSans-Light.eot');
	src:
		url('../fonts/OpenSans/OpenSans-Light.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-Light.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-Light.ttf') format('truetype'),
		url('../fonts/OpenSans/OpenSans-Light.svg#OpenSans-Light') format('svg')
	;
	font-weight:300;
	font-style:normal;
}

@font-face {
	font-family:'OpenSans';
	src: url('../fonts/OpenSans/OpenSans-Regular.eot');
	src:
		url('../fonts/OpenSans/OpenSans-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/OpenSans/OpenSans-Regular.woff') format('woff'),
		url('../fonts/OpenSans/OpenSans-Regular.ttf') format('truetype'),
		url('../fonts/OpenSans/OpenSans-Regular.svg#OpenSans-Regular') format('svg')
	;
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'Santiago';
	src: url('../fonts/Santiago/Santiago.eot');
	src:
		url('../fonts/Santiago/Santiago.eot?#iefix') format('embedded-opentype'),
		url('../fonts/Santiago/Santiago.woff') format('woff'),
		url('../fonts/Santiago/Santiago.ttf') format('truetype'),
		url('../fonts/Santiago/Santiago.svg#Santiago') format('svg')
	;
	font-weight:normal;
	font-style:normal;
}

@font-face {
	font-family:'SourceSansPro';
	src:
		url('../fonts/SourceSansPro/SourceSansPro-Regular.eot?#iefix') format('embedded-opentype'),
		url('../fonts/SourceSansPro/SourceSansPro-Regular.woff') format('woff'),
		url('../fonts/SourceSansPro/SourceSansPro-Regular.ttf') format('truetype'),
		url('../fonts/SourceSansPro/SourceSansPro-Regular.svg#SourceSansPro-Regular') format('svg')
	;
	font-weight:normal;
	font-style:normal;
}


/* GENERICS */

html, body {
	margin:0;
	padding:0;
	height:100%;
}

body {
	overflow-x: hidden !important;
}

h1 {
	font-family:"OpenSans";
	font-weight:300;
	font-size:55px;
	color:#00ADBB;
	text-align:center;
	text-transform:uppercase;
	margin-bottom:55px;
	margin-top:0px;
}

.center {
	margin-left:auto;
	margin-right:auto;
}

.content {
	padding-top:80px;
	padding-bottom:80px;
}

#services.content {
	padding-top: 100px;
}

.page {
	width:100%;
	max-width:1080px;
}

.clear {
	clear:both;
}

.mobile-only-img {
	display: none;
}

.separator {
	background-color:#00ADBB;
	border:1px solid #00ADBB;
	border-radius:13px;
	height:1px;
	margin-left:auto;
	margin-right:auto;
	width:300px;
}

.no-margin {
	margin:0!important;
	margin-bottom:0px!important;
	margin-left:0px!important;
	margin-right:0px!important;
	margin-top:0px!important;
}

.left {
	float:left;
}

.right {
	float:right;
}

img {
	border:0px;
}

a, a img {
	outline : none;
}

input {
	outline:none;
}

.hidden {
	display:none;
}

.section {
	overflow:hidden;
}

.vertical-align {
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

/* MENU */

.menu {
	width:100%;
	z-index:9999;
	position: absolute;
	background-color: transparent;
}
.menu-container .header-content {
	height: 680px;
	position: absolute;
	width: 100%;
	z-index: 0;
	overflow: hidden;
}

#service-page .header-content {
	z-index: -1;
}

.header-video {
	position: absolute;
	width: 100%	;
	z-index: -2;
}

.menu-container .header-content.header-img-us {
	/* background-image: URL(../img/nosotros/banner_inicio.png); */
    background-color: #26bec6;
	background-size: cover;
	margin-top: 115px;
	height: 480px;
}

/* New US Header Layout */
.new-us-header-layout .header-container {
    display: flex;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    height: 100%;
}

.new-us-header-layout .header-info {
    width: 50%;
    text-align: left;
    color: white;
    z-index: 2;
    position: relative; /* Reset absolute positioning if any */
    top: auto;
    left: auto;
    transform: none;
    padding-top: 0;
    margin: 0;
}

.new-us-header-layout .header-info .header-text {
    width: 100%;
    max-width: 500px;
}

.new-us-header-layout .header-image {
    width: 50%;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    z-index: 1;
}

.new-us-header-layout .header-image img {
    max-height: 100%;
    width: auto;
    object-fit: contain;
}

.desktop-only-img {
    display: block;
}

@media (max-width: 1138px) {
    .new-us-header-layout .header-container {
        flex-direction: column;
        justify-content: center;
    }

    .new-us-header-layout .header-image {
        display: none;
    }

    .new-us-header-layout .header-info {
        width: 100%;
        text-align: center;
    }

    .desktop-only-img {
        display: none;
    }
}

.header-img-service {
	background-size: cover;
}

.header-img-helper .header-info {
	padding-top: 170px;
}

.header-img-helper .quote-button {
	margin-top: 20px;
}

.header-us-bg-color {
	height: inherit;
	background-color: #99999A;
	opacity: 0.05;
	position: absolute;
	width: 100%;
	top: 0;
}

/* Hide mobile-only elements in desktop */
.header-title-mobile,
.header-subtitle-mobile {
	display: none;
}

.header-img-us .header-overlay {
	display: none;
}

.header-logo{
	cursor: pointer;
}

#menu .header-logo {
	height: 38px;
	margin-top: 5px;
}

#menu .small-logo {
	height: 58px;

}

#menu .container {
	background-color:transparent;
}

#menu_shadow {
	background-color:#DDD;
	opacity:0.3;
	height:10px;
}

.white-menu {
	background-color: white;
	box-shadow: 0 3px 2px #f4f4f4;
	position: fixed;
}

.white-menu #logo {
	margin-left: 20px;
	margin-top: -8px;
}

.white-menu .links-container {
	margin-top: -5px;
}

.white-menu #links .link {
	color: #636363;
	height: 30px;
	transition: all ease-in-out 0.1s;
}

.white-menu #links .link:hover {
	border-bottom: 4px solid #24BDC5;
	color: black;
	transition: all ease-in-out 0.1s;
}

.white-menu #links .link.selected {
	border-bottom: 4px solid #24BDC5;
	color: black;
}

.header-info .header-title {
	font-family: SourceSansPro-Bold;
	font-weight: normal;
	font-size: 60px;
	line-height: 60px;
	color: white;
	margin-bottom: 10px;
}

.header-info .quote-button, .header-info .services-button {
	min-height: 60px;
	min-width: 200px;
	margin-right: 30px;
	font-size: 18px;
	transition: all ease-in-out 0.2s;
	padding: 0px 25px;
	-webkit-transition: all ease-in-out 0.2s;
	-moz-transition: all ease-in-out 0.2s;
	-ms-transition: all ease-in-out 0.2s;
	-o-transition: all ease-in-out 0.2s;
}

.employment .menu-container, .quotes-index .menu-container {
    height: unset;
}

.quotes-index #links_contact_and_map {
	box-sizing: content-box;
}

.employment .menu-container {
	height: unset;
}

.header-overlay {
	position: absolute;
	background-color: #2a444a; /*#59a*/;
	width: 100%;
	height: 100%;
	opacity: 0.6; /*0.3*/
	mix-blend-mode: multiply;
}

.pages-faq .header-overlay {
    z-index: -1;
}

#service-page .header-content {
	height: 560px;
	margin-top: 115px;
}

#service-page .header-overlay {
	height: 560px;
	margin-top: 115px;
}

.services-button {
	background-color: transparent;
	font-family: 'Roboto', sans-serif;
	border: 2px solid white;
	cursor: pointer;
	color: white;
	border-radius: 3px;
	transition: all ease-in-out 0.2s;
}

.services-button:hover {
	transition: all ease-in-out 0.2s;
	background-color: rgba(255, 255, 255, 0.2);
}


.header-info {
	padding-top: 270px;
	margin: 0 auto;
	max-width: 1028px;
	width: 100%;
	position: relative;
	vertical-align: bottom;
	-webkit-transform: translate3d(0,0,0);
}

.header-info .header-text {
	width: 500px;
	color: white;
	font-family: SourceSansPro-Regular;
	font-weight: normal;
	font-size: 20px;
	line-height: 36px;
	margin-bottom: 40px;
	letter-spacing: 0.04em;
}

#menu_buffer {
	height:114px;
}

.links-container {
	display: flex;
	justify-content: space-between;
	/*width: 60%;*/
	flex-grow: 1;
}

#links {
	height:78px;
	padding-top:36px;
	width:1028px;
	display: flex;
	justify-content: space-between;
	transition: all ease-in-out 0.1s;
	position: relative;
	left: -45px;
}

.white-menu #links_contact_and_map {
	border-color: #3AAFBC;
	color: #3AAFBC !important;
	border-bottom: 2px solid #3AAFBC !important;
}

.white-menu #links_contact_and_map:hover {
	background-color: #3AAFBC;
}


#links_contact_and_map {
	border: 2px solid;
	height: 20px !important;
	line-height: 20px;
	padding: 10px;
	margin-top: 7px !important;
}
#links_contact_and_map:hover {
	background-color: rgba(255,255,255,0.3);
	color: white !important;
}

#links #logo {
	width: 300px;
	margin-right: 40px;
}

#links .link, #links div.link {
	color:white;
	display:block;
	letter-spacing: 1px;
	font-family:"Roboto";
	font-weight: 700;
	font-size:13px;
	margin-right:21px;
	margin-top:21px;
	text-decoration:none;
	text-transform:uppercase;
	transition: all ease-in-out 0.1s;
	min-width: 48px;
	text-align: center;
}

#links .link:hover {
	color:#BBB;
	cursor: pointer;
	transition: all ease-in-out 0.1s;
}

#links .link:last-child {
	margin-right: 0;
}

#links .link.selected {
	color:#24BDC5;
}

#links #logo a {
	display:inline;
	float:none;
	letter-spacing:0px;
	margin:0;
}

#links a.selected {
	color:#24BDC5;
}

a.blue-button {
	display:inline-block;
	margin-bottom:auto;
	text-decoration:none;
}

.blue-button {
	background-color:#5FCFD5;
	border:0;
	border-radius:4px;
	color:white;
	cursor:pointer;
	font-family:'SourceSansPro-Semibold';
	font-weight:500;
	font-size:18px;
	margin-top:30px;
	margin-bottom:80px;
	height: 60px;
	line-height: 60px;
	width: 200px;
	text-transform:uppercase;
	transition: all ease-in-out 0.2s;
}

.blue-button:hover {
	background-color: #4db6bb;
	transition: all ease-in-out 0.2s;
}



.multi-line {
	width: 300px;
}

.blue-button:hover {
	background-color: #02928e;
}

.blue-button:active {
	background-color: #02928e;
}

.blue-button.disabled {
	background-color:#999;
	color:#DDD;
}

#service-page .header-title {
	width: 480px;
	margin-bottom: 40px;
}

#service-page .small-padding .header-title {
	font-size: 54px;
	margin-bottom: 40px;
}

#service-page .text li {
	margin-bottom: -5px;
}


#service-page .header-small {
	padding-top: 258px;
}

.header-img-us .header-info {
	padding-top: 0px;
}