/* ==========================================================================
  
   FUENTES  
      

========================================================================== */


@font-face {
    font-family: 'Primary';
    src: url('../css/fonts/Kettering105W00-Book.woff2') format('woff2'),
        url('../css/fonts/Kettering105W00-Book.woff') format('woff'),
        url('../css/fonts/Kettering105W00-Book.svg#Kettering105W00-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}


@font-face {
    font-family: 'Secondary';
    src: url('../css/fonts/Kamerik105W00-Book.woff2') format('woff2'),
        url('../css/fonts/Kamerik105W00-Book.woff') format('woff'),
        url('../css/fonts/Kamerik105W00-Book.svg#Kamerik105W00-Book') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

 
/* ==========================================================================
   
   BODY RESET  
      
========================================================================== */
 	
:root {
--container-padding:5%;
--container-inner-padding: 12%;
 
  
--color-navy: #13294B;
--color-dark: #13294B;
 


--color-cream: #D8C5B1;
 
--color-white:#ffffff;


--font-primary: "Primary",  -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;  
--font-secondary: "secondary", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !important;  


}

 

 


/* ==========================================================================
  
   BODY  
      
========================================================================== */
html {
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
 	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	height:100%;
	font-size: 100%;
}
 body {
	overflow-x:hidden;
	background:var(--color-white)  !important;
	color:var(--color-navy);
	word-wrap: break-word;
	font-family:var(--font-secondary);

	font-size: 1em;
	line-height: 1;	
 	
	line-height: 1.4em  !important;
    font-size: var(--text-xl) !important;
 
	letter-spacing:0.008em;
	
	width: 100%;
	max-width: 100%;
 	
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
 }
 
.preloader__bg {
	background-color:#0c1c34 !important;
  
	
	
}

.container,
.container-inner {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1680px
}

.container {
	padding-left: var(--container-padding);
	padding-right: var(--container-padding);
}

.container-inner {
	padding-left: var(--container-inner-padding);
	padding-right: var(--container-inner-padding);
}



.container .row,
.container-inner .row {
	margin-bottom: 5%
}

.container .row:last-child,
.container-inner .row:last-child {
	margin-bottom: 0
}


@media all and (min-width:769px) and (max-width:992px) {
	.container-inner {
		padding-left: 7%;
		padding-right: 7%
	}
	
}

@media all and (max-width:768px) {
	.container,
	.container-inner {
		padding-left: 20px;
		padding-right: 20px
	}
	
	.container .row,
	.container-inner .row, {
		margin-bottom: 0
	}
}

 .row.vertical-align { align-items: center;}


img {
	border: 0;
	max-width: 100%;
	vertical-align: middle;
	display: inline-block;
	height: auto;
	-ms-interpolation-mode: bicubic
}


 
.ui-element.-bottom-left {
  
  left: var(--container-padding) !important;
}

 .display-block { display:block !important}
 
 
 /* ==========================================================================
   
	HEADER
	
   ========================================================================= */
   
   
.header__logo img { width:50%;}

.header.-sticky-initial.-sticky-dark .header__bar, .header.is-sticky.-sticky-dark .header__bar {
	background: none !important;
	background-color: none !important;
	opacity: 1 !important;
	box-shadow: none !important
}


.header.is-sticky.-sticky-light .header__bar {
	background: none !important;
	background-color: none !important;
	box-shadow: none !important;
	opacity: 1 !important;

} 



.header.-sticky-initial.-sticky-dark .header__menu .icon,
.header.is-sticky.-sticky-dark .header__menu .icon {
  color: var(--color-navy);
}


.nav__bg {
	background-color: var(--color-navy);
 }


.nav__content__left {
	flex: 0 0 60% !important;
	max-width: 60% !important;
}
  .nav__content__right {
	flex: 0 0 40% !important;
	max-width: 40% !important;
}




.header__menu .nav-button-open .icon {
	width: 2.9rem !important;
	height: 2rem !important;
	stroke-width: 1;
}
.header__menu .nav-button-open .icon {	color: var(--color-white) !important;}
.header__menu .nav-button-open:hover .icon {	color: var(--color-navy) !important;}


.header__menu .nav-button-open {
	transition: background-color 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.05s;
	background-color: var(--color-cream); 
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 100%;
}
.header__menu .nav-button-open:hover {background-color: var(--color-cream);  }





 
.nav__header .nav-btn-close .icon {
	transition: color 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.05s;
	width: 2.5rem !important;
	height: 2.8rem !important;
	stroke-width: 1;
}
.nav__header .nav-btn-close .icon {	color: var(--color-navy) !important;}
.nav__header .nav-btn-close:hover .icon {	color: var(--color-white) !important;}
 
.nav__header .nav-btn-close {
	transition: background-color 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.05s;
	background-color: var(--color-white) !important; 
	width: 3.5rem;
	height: 3.5rem;
	border-radius: 100%;
}
.nav__header .nav-btn-close:hover {background-color: var(--color-accent)  !important;;  }

  
  
  
   

/* ==========================================================================
   
	MASTHEAD
    ========================================================================== */
.masthead__title.jumbo {
	font-size:8.7vw !important;
 	bottom: 0;
	padding: 0;
	margin: 0;
	/*z-index: 3;
 
  line-height: 1;*/
  letter-spacing: -0.01em;

}
 
  
.masthead.-type-0 {
  overflow: visible;
  display: flex;
  align-items: top;
  height: auto !important;
  width: 100%;
}

.masthead.-type-0 .masthead__content {
  position: relative;
}

.masthead.-type-0 .masthead__title {
  line-height: 1;
  font-size: 5vw;
   word-wrap: break-word;
}

 
@media (max-width: 767px) {
  .masthead.-type-0 .masthead__title {
    font-size: 3.5rem;
  }
}
  

.masthead.-type-0 .masthead__text {
  max-width: 18.75rem;
}




/*--------------------------------------------------
	34. Masthead Hero Home
---------------------------------------------------*/
.masthead.-type-hero-home.-full-screen .masthead__content {
  padding-top: 0;
  height: 100vh;
  display: flex;
  align-items: flex-end;
}

.masthead.-type-hero-home .masthead__content {
  padding-top: 16.25rem;
  padding-bottom: 5rem;
}

@media (max-width: 991px) {
  .masthead.-type-hero-home .masthead__content {
    padding-top: 11.25rem;
  }
}

@media (max-width: 767px) {
  .masthead.-type-hero-home .masthead__content {
    padding-top: 8.75rem;
    padding-bottom: 3.75rem;
  }
}

@media (max-width: 575px) {
  .masthead.-type-hero-home .masthead__content {
    padding-top: 6.25rem;
    padding-bottom: 2.5rem;
  }
}

.masthead.-type-hero-home .masthead__title {
  line-height: 1.05;
  font-size: 6.25rem;
  letter-spacing: -0.01em;
}

@media (max-width: 991px) {
  .masthead.-type-hero-home .masthead__title {
    font-size: 5.625rem;
  }
}

@media (max-width: 767px) {
  .masthead.-type-hero-home .masthead__title {
    font-size: 4.375rem;
  }
}

@media (max-width: 575px) {
  .masthead.-type-hero-home .masthead__title {
    font-size: 3.5rem;
  }
}

.masthead.-type-hero-home .masthead__title .split__line {
  padding-bottom: 0.25rem;
}

.masthead.-type-hero-home .masthead__info__wrap {
  margin-top: 13.75rem;
}





@media (max-width: 991px) {
  .masthead.-type-hero-home .masthead__info__wrap {
    margin-top: 8.75rem;
  }
}

@media (max-width: 575px) {
  .masthead.-type-hero-home .masthead__info__wrap {
    margin-top: 4.5rem;
  }
}




.masthead.--type-work-1 .masthead__info__wrap {
  margin-top: 10.75rem;
}

@media (max-width: 991px) {
.masthead.-type-work-1 .masthead__info__wrap {
    margin-top: 8.75rem;
  }
}

@media (max-width: 575px) {
.masthead.-type-work-1 .masthead__info__wrap {
    margin-top: 4.5rem;
  }
}


 

/* ==========================================================================
   
	TIPO
    ========================================================================== */
  
.jumbo,
h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6{
	font-variant-ligatures: common-ligatures;
	margin-top: 0;
    margin-bottom: 1em;  
	font-weight: normal !important;
	display:block;
	letter-spacing:-0.02em;
	font-family:var(--font-primary)  !important;
	
	
 }
p, 
.p  {
	font-variant-ligatures: common-ligatures;
	margin-top: 0;
    margin-bottom: 1em;  
 	font-weight: normal;
	display:block;
	
	
 
 
 
 }
 
h1.jumbo,
.h1.jumbo {
  font-size: var(--text-7xl);
 
}
 
strong, b, .strong, .b { font-family:var(--font-secondary);}



.text-light {  color: var(--color-light);}
.text-dark {   color: var(--color-navy)}
.text-grey {   color: var(--color-grey)}
.text-white {   color: var(--color-white)}
.text-white-50 {   color: var(--color-white-50)}
.text-white-60 {   color: var(--color-white-60)}
.text-white-70 {   color: var(--color-white-70)}
.text-white-80 {   color: var(--color-white-80)}
.text-white-90 {   color: var(--color-white-90)}
  
.text-accent {   color: var(--color-accent)}
 
.text-uppercase {    text-transform: uppercase;}
.text-underline { display:inline-block; border-bottom:1px solid #eaeaea; padding-bottom:10px; }  
.text-legal  {  font-size: .7em;line-height: 1.5em;color: var(--color-navy); }
.text-tacched  { text-decoration:line-through; color: #b0b0b0  !important; }
.text-block { display:block; }
.text-inline { display:inline-block;  }
.text-muted     { opacity:0.6;	-webkit-opacity: 0.6;	-moz-opacity: 0.6;	-o-opacity: 0.6;}
.text-blend  {  mix-blend-mode: difference;}

  
 .display-block { display:block} 


		
/* ==========================================================================
   
	SYLES
	
   ========================================================================= */
[data-anim*='cover-dark-1']::after,
[data-anim-child*='cover-dark-1']::after,
[data-anim*='cover-dark-2']::after,
[data-anim-child*='cover-dark-2']::after {
  background-color: var(--color-cream) !important;
}
 

.bg-light {  background-color: var(--color-light);}
.bg-dark {  background-color: var(--color-navy) !important;  }
.bg-grey {  background-color: var(--color-grey);}
.bg-white {  background-color: var(--color-white);}
.bg-cream {  background-color: var(--color-cream);}
 

.oval:after {
	position:absolute;
	text-align:center;
	margin:0;
	padding:0;
	display: block;
	content: ' ';
	background-image: url('../img/theme/oval.svg');
	background-repeat:no-repeat;
	background-size: 200px;
	background-position:center;
	height: 100px;
	width: 100%;
	bottom:35%;
}

 
 
.button {
	font-weight: normal !important;
	text-transform:uppercase !important;
 	color:var(--color-navy);
}


.wpcf7 form .wpcf7-response-output {
	 
	padding: 0.8em;
	width:100%;
	text-align:center;
	 
}



.wpcf7-not-valid-tip {
	padding-top:0.5em !important;
}
.wpcf7 textarea {
	resize: none;
	height: 200px !important;
}
.wpcf7 .wpcf7-submit {
	font-weight: normal !important;
	text-transform:uppercase !important;
 	color:var(--color-white);
}
.wpcf7 .wpcf7-submit {
  display: inline-block;
  border: 0;
  transition: background-color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), color 300ms cubic-bezier(0.165, 0.84, 0.44, 1), border 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.wpcf7 .wpcf7-submit {
  min-width: 8.25rem;
  padding: 1.125rem 1.875rem;
  font-size: 0.9375rem;
  line-height: 1;
  
  text-transform: capitalize;
  letter-spacing: 0.03em;
  background-color: #121212 !important;
  border: none;
    text-align: center;
  border-radius: 3.75rem;
  
}

@media (max-width: 767px) {
  .wpcf7 .wpcf7-submit {
    padding: 0.9375rem 1.5rem;
    font-size: 0.875rem;
	 min-width: 7.75rem;
  }
}

 
wpcf7 .wpcf7-submit:hover {
  background-color: var(--color-light);
  color: var(--color-navy);
}










  
 
.backButton__bg {  background-color: var(--color-cream);  }
.backButton {
	bottom: 1rem;
	right: 1rem;
	width: 3rem;
	height: 3rem;
}
.backButton__button {
  
  width: 2rem;
  height: 2rem;
}
 
 
 
 
.whatsButton.is-visible {
  pointer-events: auto;
  opacity: 1;
  transform: scale(1);
}

.whatsButton {
	pointer-events: none;
	opacity: 0;
	transform: scale(0.8);
	transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
	
	cursor: pointer;
	position: fixed;
	bottom: 1rem;
	left: 1rem;
	z-index: 200;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 3rem;
	height: 3rem;
}

@media (max-width: 767px) {
  .whatsButton {
    bottom: 1.5rem;
    right: 1.5rem;
  }
}

@media (max-width: 575px) {
  .whatsButton {
    width: 68px;
    height: 68px;
  }
}

.whatsButton__bg {
  position: absolute;
  z-index: -1;
  background-color: var(--color-cream);
  border-radius: 100%;
  width: 100%;
  height: 100%;
}

.whatsButton__icon__wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.whatsButton__button {
  color: white !important;
   max-height: 100%;
  width: 3rem;
  height: 3rem;
}

.whatsButton__icon__wrap i {
  color: white !important;
  font-size:1.2em;
 }

@media (max-width: 767px) {
  .whatsButton__button {
    width: 52px;
    height: 52px;
  }
}

@media (max-width: 575px) {
  .whatsButton__button {
    width: 44px;
    height: 44px;
  }
}

.whatsButton .whatsButton__bg {
  transition: transform 0.55s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.55s cubic-bezier(0.215, 0.61, 0.355, 1);
}

.whatsButton:hover .whatsButton__bg {
  transform: scale(1.1);
 	
}







/* ==========================================================================
   
	FOOTER 
      
========================================================================== */  


footer {
background-color:var(--color-navy);
color:var(--color-navy-text) !important;

}
 
 
 footer a {
color:var(--color-white) !important;
 }
 
 footer a:hover {
color:var(--color-white-50) !important;
 }



footer .footer__content li {
 	padding: 6px 0;
}



ul.horizontal-list {
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left
}
 

ul.horizontal-list li {
	display: inline;
	margin: 0;
	padding: 0 2% 0 0;
		color: var(--color-white)!important;
	  font-size: var(--text-sm) !important;
	  
}


ul.horizontal-list li a:hover {
color:var(--color-white-50) !important;
}

@media all and (max-width:768px) {
	ul.horizontal-list {
		padding: 20px 0;
			text-align: center;
	}
	ul.horizontal-list li {
 		display: block;
		width: 100%
	}
}



/* ==========================================================================
   
	COOKIES 
      
========================================================================== */  
 
.cookies-table a {color:var(--color-navy); text-decoration:underline}
.cookies-table a:hover { color:var(--color-navy)}
.cookies-table {
	margin:0px 0 40px 0;
	padding:0px;
	width:100%;
 	border:1px solid var(--color-navy);
}
.cookies-table table{
    border-collapse: collapse;
	border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}
.cookies-table tr:hover td{	}
.cookies-table tr:nth-child(odd){ background-color:var(--color-navy); }
.cookies-table tr:nth-child(even) { background-color:var(--color-white); }
.cookies-table td{
	vertical-align:top;
	border:1px solid var(--color-navy);
	border-width:0px 1px 1px 0px;
	text-align:left;
	padding:7px;
	font-size:12px;
	font-family:Arial;
	font-weight:normal;
	color:var(--color-navy);
}
.cookies-table tr:last-child td{	border-width:0px 1px 0px 0px;}
.cookies-table tr td:last-child{	border-width:0px 0px 1px 0px;}
.cookies-table tr:last-child td:last-child{	border-width:0px 0px 0px 0px;}
.cookies-table tr:first-child td{
	background-color:#cccccc;
	border:0px solid var(--color-navy);
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	 
	font-weight:bold;
	color:var(--color-navy);
}
.cookies-table tr:first-child:hover td{	background-color:#cccccc;}
.cookies-table tr:first-child td:first-child{	border-width:0px 0px 1px 0px;}
.cookies-table tr:first-child td:last-child{	border-width:0px 0px 1px 1px;}  
 
/* ==========================================================================
   
	BROWSER HAPPY
      
========================================================================== */  
 
.browsehappy {z-index:9999; background:var(--color-navy); margin:0 auto; width:100%; text-align:center; padding:14px 10px;position:fixed; top:0; right:0;   color:var(--color-white);}
.browsehappy p { margin:0 20px; padding:0;  font-size:15px; line-height:17px; color:var(--color-white);}
.browsehappy a  {  
	text-transform: uppercase;
	text-align: center;
	font-size: 0.7em;
	line-height:3em;
	letter-spacing:0px;
	padding:0.8em 1.3em;
	margin:0;
	cursor:pointer;
	vertical-align:middle;
	color: #ef525b;
	background:var(--color-white);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
 	-webkit-transition: background .4s ease-in-out, color .4s ease-in-out;
	-moz-transition: background .4s ease-in-out, color .4s ease-in-out;
	transition: background .4s ease-in-out, color .4s ease-in-out;  }
.browsehappy a:hover  { color: var(--color-white);background:#ef525b; }


ol .politica, ul .politica {margin: 25px 10px;}
table {border-color: #5a5a5a; border-width: 1px; width: 100%; height: 114px; border-style: solid; font-size:16px;}
table td {border:1px solid; font-size:15px; padding:5px;}