@import url("https://use.typekit.net/szl2bzb.css");


.variex {
	font-family: variex, sans-serif;
	font-weight: 300;
	font-style: normal;
}

.sofia {
	font-family: sofia-pro, sans-serif;
	font-weight: 700;
	font-style: normal;
}


.italic{
	font-style: italic;
}

.light{
	font-weight: 300;
}

.center{
	text-align: center;
}

:root {
  /* Fonts */
  --font-primary: 'Sofia-pro', sans-serif;
  --font-secondary: 'Variex', sans-serif; font-weight: 300; font-style: normal;

}

.text-regular{
	font-weight: 300;
}
.white{
	color: white;
}

.icon-60{
	font-size:60px;
}

.icon-60 i{color:#888888;}

.features-boxes-1 .item .texts h2 {
	color: var(--color-dark-1);
}


.features-boxes-1 .item i{
	background-color: white;
	color: var(--color-dark-1);
	border: 1px solid var(--color-gray-2);
	border-radius: 72px;
}

.features-boxes-1 .item svg{
	fill: var(--color-dark-1);
	border-radius: 72px;
	border: 1px solid var(--color-gray-2);
	background-color: white;


}

.portfolio-column .slide:before{
	color: var(--color-dark-1);
}
blockquote{
	border: 0;
}
.color-light{
	color: var(--color-light-1);
}


.list-type-none ul{
	list-style-type:none !important;
}
.inter-modal{
	line-height: 25px;
}

.animated-modal {
/*  max-width: 800px;
*/  border-radius: 4px;
  overflow: hidden;
  
  transform: translateY(-50px);
  transition: all .7s;
}

.animated-modal h2,
.animated-modal p {
  transform: translateY(-50px);
  opacity: 0;
  
  transition-property: transform, opacity;
  transition-duration: .4s;
}

/* Final state */
.fancybox-slide--current .animated-modal,
.fancybox-slide--current .animated-modal h2,
.fancybox-slide--current .animated-modal p {
  transform: translateY(0);
  opacity: 1;
}

/* Reveal content with different delays */
.fancybox-slide--current .animated-modal h2 {
  transition-delay: .1s;
}

.fancybox-slide--current .animated-modal p {
  transition-delay: .3s;
}

.fancybox-content{
	max-width: 70% !important;
	height: auto !important;
	padding: auto !important;
}

.fancybox-can-swipe .fancybox-content{
	cursor:auto;
}

.notransition
{
    -webkit-transform:unset !important;
    transform:unset !important;
}
.iframe {
	height: 100% !important;
	width:  100% !important;
}

.iframe iframe{
	height: 100% !important;
}

.flotante {
    display:scroll;
        position:fixed;
        bottom:320px;
        right:0px;
        z-index: 80;
}
.volver-icon{
	stroke: var(--color-light-1) !important;


}

.arrow-volver{
	background:var(--color-light-1) !important;
}

.triangle-volver{
	border-color:transparent transparent transparent rgba(255, 255, 255, 1) !important;

}

.text-uppercase{
	text-transform: uppercase;
}
.font-weight-100{
	font-weight: 100;
}

.text-small{
	font-size: 13px;
}

.modal-popup{
	width: 1300px;
	height: 900px;
}

@media screen and (max-width: 700px){
	.boton-movil{
		display:block;

	}
	.boton-modal{
		display: none;
	}

}

@media screen and (min-width: 701px){
	.boton-movil{
		display:none;

	}
	.boton-modal{
		display: block;
	}

}