html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-weight:normal;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
*, ::after, ::before {
    box-sizing: border-box !important;
    font-family: "Inter", sans-serif;
  	font-optical-sizing: auto;
}
html{
	overflow-x:hidden;
}
body {
	font-family: "Inter", sans-serif;
	font-weight:normal;
	color:#151515 !Important;

}

html.no-scroll, body.no-scroll {
	overflow-y: hidden !important;
}
a{
	cursor: pointer;
	text-decoration:none;
	color:#151515;
}
p{
	font-size:21px;
	margin-bottom:30px;
	font-weight: 300;
	line-height:130%;
	letter-spacing: 1px;
	color:#151515;
}
h1{
	font-size:160px;
	font-weight:500;
}
h2{
	display: block;
	font-size:80px;
	margin-bottom:30px;
}
h3{
	font-size: 40px;
	font-weight: 500;
}
h4{
	font-size:12px;
	font-weight: 700;
}
img{
	max-width:100%;
}
b{
	font-weight: 500;
}
input{

	color:#fff;
	background-color:tansparent;
	boerder-bottom:1px solid ;
}

/* Estado inicial */
.anim {
  opacity: 0;
  transform-style: preserve-3d;
}

/* ======================
   FLIP IN X
====================== */
.flip-in-x2 {
  animation: flipInX2 1.5s ease-out forwards;
}

@keyframes flipInX2 {
  0% {
    opacity: 0;
    transform: perspective(800px) rotateX(90deg);
  }
  100% {
    opacity: 1;
    transform: perspective(800px) rotateX(0deg);
  }
}

/* ======================
   FADE IN RIGHT
====================== */
.fade-in-right2 {
  animation: fadeInRight2 1.2s ease-out forwards;
}

@keyframes fadeInRight2 {
  0% {
    opacity: 0;
    transform: translateX(-40px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}




/* BASE */
.fade {
  opacity: 0;
  transition:
    opacity 1s ease-out,
    transform 1s ease-out;
  will-change: opacity, transform;
}

/* DIRECCIONES */

/* Fade In Up (desde abajo) */
.fade-in-up {
  transform: translateY(60px);
}

/* Fade In Down (desde arriba) */
.fade-in-down {
  transform: translateY(-60px);
}

/* Fade In Left */
.fade-in-left {
  transform: translateX(-60px);
}

/* Fade In Right */
.fade-in-right {
  transform: translateX(60px);
}

/* Estado visible */
.fade.is-visible {
  opacity: 1;
  transform: translate(0, 0);
}

.fade-box {
  opacity: 0;
  transform: translateY(-30px);
}

.fade-box.show {
  animation: fadeInDownbox 0.6s ease-out forwards;
}

@keyframes fadeInDownbox {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}


.modal{
	 position: fixed;
  inset: 0;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  background-color:#000;
  z-index: 999;
  transition: opacity 0.3s ease;
  padding-top:80px;
}
.modal-close-area {
  position: absolute;
  top:0;
  bottom:0;
  left:0;
  right: 0;
  inset: 0;
  background: rgba(0,0,0,1);
}
.modal-content{
	position: relative;
  z-index: 2;
  height: 100%;
  overflow-y: scroll;
}
.modal.active{
	opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

.modal h3{
	margin-bottom:40px;
	color:#fff;
}
.modal p{
	color:#fff;
	font-size:18px;
}
.modal .container{
	display: none;
	opacity: 0;
	transform: translateY(-30px);
}

.modal .container.active {
  display: block;
  animation: fadeInDown 1s ease-out forwards;
}

/* Keyframes */
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes closecontainer{
  0% {
     margin-top:0px;
	opacity: 1;
 }
 100% {
    margin-top:-100px;
	opacity: 0;
 }
}
.modal.active .container.active{
	display:block;
	animation-duration: 2s;
  	animation-timing-function: ease;
	animation-name: top-modal; 	
}

.modal .container.active{
	transition-duration:2s ;
	 margin-top:0px;
	opacity: 1;
}
.modal .banner-s{
	background-position: center;
	background-repeat: no-repeat;
	background-position:center;
	background-size: cover;
	height: 425px;
	width:100%;
	margin-bottom:30px;
}
.modal .close{
	z-index: 9;
}
.modal .accordeon i{
	height: 32px;
  width: 32px;
  top: 25px;
}
.modal .accordeon i:before, .modal .accordeon i:after{
	background-color:#ffffff !important;
}
.modal .accordeon h3{
	font-size: 24px;
	padding-top:30px;
	padding-bottom:30px;
	margin-bottom:0 !Important;
	color:#fff;
}
.modal .accordeon .separator{
	background-color:#fff;
}
@keyframes top-modal{
  0% {
    margin-top:-100px;
	opacity: 0;
  }
  50% {
  	margin-top:-100px;
	opacity: 0;
  }
  100% {
    opacity: 1;
	margin-top:0px ;
  }
}
@keyframes {
  0% {
    top:-100%;
  }
   50%{
  	opacity: 0;
  	 line-height:50px;
  }
  100% {
   	top:0;
  }
}

.bc-black{
	background-color:#000000;
}
.btn{
	position: relative;
	text-transform:uppercase;
	background-color:transparent;
	padding:12px 20px;
	padding-right:50px;
	border:0.7px solid #151515;
	font-weight: 300;
	letter-spacing: 1.5px;
	font-size:12px;
	margin-top:10px;
	cursor: pointer;
	
}
.top-banner{
	padding-top:100px;
}
.btn::before{
	content: '';
	position: absolute;
	right:20px;
	top:0px;
	bottom: 0px;
	width: 10px;
	background-image: url('../image/arrow.svg');
	background-size: auto;
	background-position:center;
	background-repeat: no-repeat;
	transition: all 0.5s ease;
}
.btn:hover{
	border:0.7px solid #0047BB !important;
}
.container{
	position: relative;
	width:100%;
	max-width: 1920px;
  padding-left: 40px;
  padding-right: 40px;
  margin-right: auto;
  margin-left: auto;
  margin:0 auto;
 	padding-top:40px;
 	padding-bottom:40px; 
}
.container-full{
	position: relative;
	width:auto;
	max-width: auto;
    padding-right: 0px;
    padding-left: 0px;
    margin-right: auto;
    margin-left: auto;
    margin:0 auto;
  	padding-top:40px;
  	padding-bottom:40px; 
}
.row{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap:40px;
    padding:12px 0;
}
.column{
    flex-wrap: wrap;
    flex-basis:calc(100%);
}
.col10{
	flex-basis:calc(10% - 40px);
}
.col16{
	flex-basis: calc(16.66666667% - 16px);
}

.col20{
	flex-basis:calc(20% - 40px);
}
.col25{
	flex-basis:calc(25% - 40px);
}
.col30{
	flex-basis:calc(30% - 40px);
}
.col33{
	flex-basis:calc(33.33333333% - 40px);
}
.col40{
	flex-basis:calc(40% - 40px);
}
.col45{
	flex-basis:calc(45% - 40px);
}

.col50{
	flex-basis:calc(50% - 40px);
}
.col60{
	flex-basis:calc(60% - 40px);
}
.col70{
	flex-basis:calc(70% - 40px);
}
.col80{
	flex-basis:calc(80% - 40px);
}
.col90{
	flex-basis:calc(90% - 40px);
}
.col100{
	flex-basis:calc(100% - 40px);
}

.header{
	position: absolute;
	display: flex;
	justify-content:space-between;
	width:100%;
	max-width:1920;
	padding:30px 30px;
}

.tx-black{
	color:#000000 !important;
}
.header ul{
	display:flex;
}
.header ul li a{
	text-transform:uppercase;
	display: block;
	padding:20px;
	color:#fafafa;
	font-weight:400;
	letter-spacing: 3px;
	font-size:12px;
	position: relative;
}
.header ul li a b{
	font-weight:700;
}
.header ul li > a:before{
	content:'';
	position:absolute;
	bottom:0;
	height:1px;
	background-color:#ffffff;
	left:10px;
	right: 10px;
	opacity:0;
	transition: all 0.5s ease;
}
.white.header ul li > a:before{
	background-color:#0047BB;
}
.header ul li:hover > a::before{
	opacity:1;
	bottom:5px;
}
.header ul li:active > a::before{
	opacity:1;
	bottom:5px;
}

.header .burger-menu{
	display: none;
}
.header .burger-menu{
	height:30px;
	width:34px;
	position: relative;
	cursor:pointer;
	margin-top:10px;
}
.header .burger-menu i{
	position:absolute;
	left:0;
	top:calc(50% - 1px);
	height:1px;
	width:100%;
	background-color:#fff;
}
.header .burger-menu:after, .header .burger-menu:before{
	content:'';
	position:absolute;
	height:1px;
	width:100%;
	background-color:#fff;
}
.header .burger-menu:after{
	top:0;
	left:0;
}
.header .burger-menu:before{
	bottom:0;
	left:0;
}
.header.white, .header.white a{
	color:#000000 !important;
}
.header.white .burger-menu:after, .header.white .burger-menu:before{
	    background-color: #000000 !important;
}
.header.white .burger-menu i{
	background-color: #000000 !important;
}
.menu-mobile{
	z-index:8;
	position: fixed;
	
	background-color:#0047BB;
	color:#fff;
	height: 100vh;
	width:100%;
	justify-content: center; /* Centrado horizontal */
  align-items: center; 
  text-align:center;
  	animation-name: top;
  	animation-timing-function: ease-in-out;

  	position: fixed;
	top:0;
	transform: translateY(-100%);
	transition: transform 0.5s ease;
}

.menu-mobile ul{
	opacity:0;
	padding:90px 30px;
  	line-height:50px;
  	transition: all 0.2s ease;
}
.menu-mobile ul li a{
	color:#fff;
	font-size:32px;
	font-weight: 300;
	transition: all 0.8s ease;
}
.menu-mobile ul li a:hover{
	text-transform:underline !important;
}
.close{
	position:absolute;
	display: block;
	top:20px;
	left:20px;
	height:33px;
	width:33px;
	cursor:pointer;
	transition: all 0.8s ease;
}
.active .close{
	 transform: rotate(90deg)
}
.menu-mobile.active{
	transform: translateY(0);


}
.menu-mobile.active ul{
  	opacity: 1;
  	transition: inherit;
  	line-height:100px;
  	animation-name: opacity;
  	animation-duration: 1s;
  	animation-timing-function: ease-in-out;

}

@keyframes opacity{
  0% {
    opacity: 0;
    line-height:50px;
  }
  50%{
  	opacity: 0;
  	 line-height:50px;
  }
  100% {
    opacity: 1;
    line-height:100px;
  }
}

@keyframes top{
  0% {
    top:-100%;
  }
  100% {
   	top:0;
  }
}

.list li{
	font-weight:300;
	font-size:18px;
	padding:8px 0;
}
.img-center{
	text-align:center;
}
.img-right{
	text-align:right;
}
.img-center img{
	display: inline-block;
}
.img-right img{
	display: inline-block;
}
.banner{
	width: 100%;
	display: flex;
	background-image: url('../image/banner.jpg');
	background-color:#ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	height:100vh;
	justify-content: center;
	align-items: center;
	margin-bottom:40px;
}
.banner .container{
	justify-content: center;
	align-items: center;
}
.logo-ajm{
	width:100%;
	max-width:600px;
	margin:0 auto;
	text-align: center;
}
.logo-ajm img{
	display:inline-block;
}
.logo1{
	width:30%;
}
.logo2{
	width:65%;
}
.top-text{
	text-transform:uppercase;
	display: block;
	color:#000000;
	font-weight:400;
	letter-spacing: 3px;
	font-size:12px;
}
.mtop{
	margin-top:40px;
}
.title2{
	width:100%;
	max-width:1170px;
	margin-top: 30px;
	margin-bottom:40px;
}
.info-right{
	width: 100%;
	max-width: 580px;
	float:right;
}
.btns-line{
	display: flex;
	flex-wrap: wrap;
	gap: 32px;
}
.parallax-section {
  position: relative;
}
.h-parallax-left ul{
	padding:30px 0 ;
	position: relative;
	display: flex;
	gap: 40px;
	list-style: none;
	will-change: transform;
	transition: transform 0.05s linear;

}
.h-parallax-left li{
	position: relative;
	font-size:144px;
	font-weight: 400;
	padding:0 50px;
	white-space: nowrap;
}
.equipo .h-parallax-left ul{
	padding:0px 0;
}
.maringtop{
	margin-top: -2%;
}
.par-ind:before{
	content: '';
	position:absolute;
	right:-4px;
	top:calc(70% - 8px);
	background-color: #151515;
	border:1px solid;
	height:8px;
	width:8px;
	border-radius:8px;
}

/* Posiciones iniciales */
.parallax-left {
  transform: translateX(-100px);
}

.parallax-right {
  justify-content: flex-end;
  transform: translateX(100px);
}

.par-ind{
	transform: translateX(-1200px);
	position: relative;
}

.counters{
		padding-top:60px;
}
.counter{
	text-align: left;
	margin-bottom:60px;
}
.counter div{
	font-size:120px;
	font-weight:500;
}
.counter .txt-count{
	font-size:21px;
	font-weight: 300;
}
.banner2 img{
	width: 100%;
}
.accordeon{
	position: relative;
	display: block;
}
.accordeon .btns-line{
	margin-bottom:30px;
}
.accordeon h3{
	position: relative;
	width: 100%;
	flex-basis:  100%;
	padding-top: 50px;
	padding-bottom: 50px;
	padding-right: 50px;
	transition-duration:1s;
	cursor: pointer;
}
.accordeon h3:hover, .accordeon h3.active{
	padding-left:10px;
}

.accordeon i{
	position:absolute;
	top: -2px;
	right:0;
	height:45px;
	width:45px;
}

.accordeon i:after{
	content:'';
	position: absolute;
	width:100%;
	height: 2px;
	top: 50%;
	background-color:#151515;
}
.accordeon i:before{
	content:'';
	position: absolute;
	height:100%;
	width: 2px;
	left: 50%;
	background-color:#151515;
	opacity:1;
	transform-origin: center center;
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
}
.info-acc {
  max-height: 0;
  overflow: hidden;
  opacity: 0;
  transition: max-height 0.4s ease, opacity 0.3s ease;
}

.info-acc.active {
  opacity: 1;
}
.info-acc{
	max-height: 0;
  opacity: 0;
  overflow: hidden;
  transition: all 0.8s ease;
}
.separator{
	display:block;
	background-color: #151515;
	height:1px;

}
.info-acc > div{
	width:100%;
	max-width:647px;
	text-align:left;
	display: inline-block;
}
.info-acc.active{
  max-height: 500px; /* ajusta según contenido */
  opacity: 1;
}
.accordeon h3.active i:before{
	transform: rotate(90deg);
	opacity:0;
}
.gray{
	background-color: #F8F8F9;
	padding-top:60px;
	padding-bottom:60px;
}
.blue{
	background-color: #0047BB;
	color:#ffffff !important;
	padding-top:60px;
	padding-bottom:60px;
}

.blue p, .blue a, .blue span, .blue ul li{
	color:#ffffff !important;
}
.spacebetween{
	justify-content:space-between;
	flex-wrap:wrap;
}

.item-list{
	padding:40px 0;
	border-bottom: 1px solid #C6C6C6
}
.item-list span{
	display: inline-block;
	font-size:18px;
	width:70px;
	font-weight: 400;
	vertical-align: top;
}
.item-list div{
	display: inline-block;
	width: calc(99% - 70px);
	font-size:24px;
	font-weight: 400;
	vertical-align: top;
	line-height: 120%;
}
.gap-cont{
	padding-right: 16px;
}
.desk{
	display: block;
}
.mobile{
	display:none;
}
.box-blue{
	gap:16px;
}
.box-blue .column{
	background-color:#0047BB;
	padding:20px
}
.box-blue img{
	margin:0 auto;
	display: block;
	margin-bottom:20px;

}
.box-blue p{
	font-size:10px;
	line-height: 120%;
	color:#fff;
	margin-bottom:10px;
	
}
.list_box .list-item h4{
	letter-spacing: 1.5px;
	text-transform: uppercase;
	padding:20px 0;
	border-bottom:1px solid #C6C6C6;
	line-height: 130%;
}
.list_box .list-item ul{
	padding:20px 0;
}
.list_box .list-item ul li{
	font-size: 16px;
	font-weight: 400;
	line-height: 130%;
	letter-spacing: 3%;
	margin-bottom:12px;
}
.list_box .list-item .smalllist li{
	font-size: 12px;
}
.soluciones footer{  
	margin-top:0;
}
.gallery h3{
	font-weight: 500;
	font-size:48px;
	margin-bottom:30px;
}
.gallery .item{
	position: relative;
	overflow: hidden;
	margin-bottom:8px;
    transition-duration:0.7s;
	filter: grayscale(80%);
	cursor:pointer;
}
.gallery .item:hover{
	filter: grayscale(0%);
}
.gallery .item:hover > .img-g div{
	-moz-transform: scale(1.5);
    -webkit-transform:scale(1.5);
    -o-transform:scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}
.gallery .item.g3{
	flex-basis:calc(33.33333333% - 40px);
}
.gallery .item.g4{
	flex-basis:calc(25% - 40px);
}
.gallery .img-g{
	position: relative;
	overflow: hidden;
	padding-top:150%;
	margin-bottom:30px;
}
.gallery .img-g > div{
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	position:absolute;
	top:0;
	left:0;
	right: 0;
	bottom: 0;
	transition-duration:2s;
}

.gallery .item:hover > .img-g div{
	-moz-transform: scale(1.2);
    -webkit-transform:scale(1.2);
    -o-transform:scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    transition-duration:5s;
}
.gallery .item h4{
	font-weight: 500;
	font-size:24px;
	margin-bottom:8px;
}
.gallery .item p{
	font-weight: 400;
	font-size:16px;
	letter-spacing: 3%;
	margin-bottom:3px;
}
.contacto footer{
	margin-top:0;
}
.comunicados footer{
	margin-top: 0;
}
.pdf-wrapper {
padding-bottom:0;
padding-top:112px;
  width: 100%;
  height: 100vh; /* pantalla completa */
  display: flex;
  justify-content: center; /* centra horizontal */
  align-items: center;     /* centra vertical */
}

.pdf-container {
  width: 100%; /* 🔥 límite */
  height: 100%;      /* ocupa todo el alto */
}

.pdf-container iframe {
  width: 100%;
  height: 100%;
  border: none;
}
video::-webkit-media-controls-fullscreen-button, video::-webkit-media-controls-play-button, video::-webkit-media-controls-pausebutton {
    display: none;
}
footer{
	padding:20px 0px;
	background-color:#151515;
	color:#fff !Important;
	margin-top:60px;
	font-size:14px;
}
footer h5{
	font-size:16px;
	text-transform:uppercase;
	letter-spacing: 3px;
	margin-bottom:48px;
}
footer ul li {
	margin-bottom:12px;
}
footer ul li a{
	font-size:14px;
	color:#fff !Important;
	font-weight:300;

}
footer ul li a:hover{
	text-decoration: underline;
}
footer p{
	color:#fff !Important;
	margin-bottom:24px;
	font-size:14px;
}
footer .social {
	margin-bottom:50px;
	display: flex;
}
footer .social a{
	margin-right: 30px;
	margin-bottom:30px;

}
footer .btn{
	color:#fff;
	border: 0.7px solid #ffffff;
	margin-top:20px;
}
footer .btn:before{
	display: none;
	padding: 12px 20px !important;
}
.t-cont {
	font-size:24px;
	font-weight: 500;
	margin-bottom:28px;
}
.forms{
	display: flex;
	flex-wrap: wrap;
	justify-content:space-betweens;
	gap: 30px;
}
.forms input, .forms textarea{
	display: block;
	position: relative;
	background-color:transparent;
	color:#151515;
	font-size:18px;
	font-weight: 300 !important;
	border:0;
	border-bottom: 0.5px solid #151515;
	padding:14px 0;
	margin-bottom:0px;
}
.forms input{
	flex-basis:calc(50% - 30px);
}
.forms textarea{
flex-basis:calc(100%);
}


.forms input::-webkit-input-placeholder, .forms textarea::-webkit-input-placeholder { 
  color: #151515;
  opacity: 1;
}

.forms input::-webkit-input-placeholder, textarea::-moz-placeholder { 
  color: #151515;
  opacity: 1;
}

.forms input::-webkit-input-placeholder, .forms textarea:-ms-input-placeholder { 
  color: #151515;
  opacity: 1;
}

.forms input, .forms textarea::placeholder {
  color: #151515;
  opacity: 1;
}
.forms textarea{
	height:200px;
}

.forms input, .forms textarea::placeholder {
  color: #151515;
  opacity: 1;
}


footer input, footer textarea{
	background-color:transparent;
	color:#fff;
	font-size:12px;
	font-weight: 300 !important;
	width:100%;
	border:0;
	border-bottom: 0.5px solid #ffffff;
	padding:12px 0;
}
footer input::-webkit-input-placeholder, footer textarea::-webkit-input-placeholder { 
  color: #ffffff;
  opacity: 1;
}

footer input::-webkit-input-placeholder, footer textarea::-moz-placeholder { 
  color: #ffffff;
  opacity: 1;
}

footer input::-webkit-input-placeholder, footer textarea:-ms-input-placeholder { 
  color: #ffffff;
  opacity: 1;
}

footer input::-webkit-input-placeholder, footer textarea::-ms-input-placeholder { 
  color: #ffffff;
  opacity: 1;
}

footer input,footer textarea::placeholder {
  color: #ffffff;
  opacity: 1;
}
footer textarea{
	height:100px;
}
footer .i2{
	width: 49%;
	display: inline-block;
	padding-right:20px;
	margin-bottom:24px;
}
footer .banner-f{
	width: 100%;
	background-image: url('../image/banner.jpg');
	background-color:#ffffff;
	background-size: cover;
	background-repeat: no-repeat;
	justify-content: center;
	align-items: center;
	margin-bottom:40px;
	padding:60px 0;
	text-align: center;
	margin:90px 0;
}
footer .tyc{
	font-size:12px;
}

@media only screen and (max-width : 1024px) {
	.col10{
	flex-basis:calc(50% - 40px);
	}
	.col20{
		flex-basis:calc(50% - 40px);
	}
	.col30{
		flex-basis:calc(50% - 40px);
	}
	.col40{
		flex-basis:calc(50% - 40px);
	}
	.col50{
		flex-basis:calc(50% - 40px);
	}
	.col60{
		flex-basis:calc(50% - 40px);
	}
	.col70{
		flex-basis:calc(50% - 40px);
	}
	.col80{
		flex-basis:calc(50% - 40px);
	}
	.col90{
		flex-basis:calc(50% - 40px);
	}	
	.colt-100{
		flex-basis:calc(100% - 0px);
	}	
	.colt-25{
		flex-basis:calc(25% - 16px);
	}
	.colt-50{
		flex-basis:calc(50% - 40px);
	}
	.colt-40{
		flex-basis:calc(50% - 16px);
	}
	.colt-40{
		flex-basis:calc(50% - 16px);
	}
	.gallery .item.g3{
		flex-basis:calc(50% - 40px);
	}
	.gallery .item.g4{
		flex-basis:calc(33.33333333% - 40px);
	}
	.colt50{
		flex-basis:calc(50% - 40px);
	}
	.header ul{
		display: none;
	}
	.header .burger-menu{
		display: block;
	}

	h1{
		font-size:100px;
	}
	h2{
		font-size:60px;
	}
	h3{
		font-size:32px;
	}
	p{

	}
	.counters{
		padding-top:0px;
	}
	.mtop{
		margin-top: 0px;
	}
	.counter div{
		font-size: 80px;
	}
	.counter .txt-count{
		font-size: 18px;
	}
	.h-parallax-left li{
		font-size:80px;
	}
	.menu-mobile{
		display: flex;
	}


}

@media only screen and (max-width : 480px) {
	.accordeon i {
    top: -9px;
    right: -36px;

}
.modal .accordeon i{
	right: 0px !important;
}
	.col10{
	flex-basis:calc(50% - 20px);
	}
	.col20{
		flex-basis:calc(50% - 20px);
	}
	.col30{
		flex-basis:calc(50% - 20px);
	}
	.col40{
		flex-basis:calc(50% - 20px);
	}
	.col50{
		flex-basis:calc(50% - 20px);
	}
	.col60{
		flex-basis:calc(50% - 20px);
	}
	.col70{
		flex-basis:calc(50% - 20px);
	}
	.col80{
		flex-basis:calc(50% - 20px);
	}
	.col90{
		flex-basis:calc(50% - 20px);
	}
	.col100{
		flex-basis:calc(100% - 20px);
	}
	.colm-100{
		flex-basis:calc(100% - 20px);
	}
	.colm-50{
		flex-basis:calc(50% - 16px);
	}
	.gallery h3{
		font-size:28px;
		margin-bottom:8px;
	}
	.gallery .item.g3{
		flex-basis:calc(100% - 20px);
	}
	.gallery .item.g4{
		flex-basis:calc(50% - 20px);
	}
	.gallery .item.g3 h4{
		font-size:24px;
	}
	.gallery .item.g3 p{
		font-size:16px;
	}
	.gallery .item.g4 h4{
		font-size:14px;
		margin-bottom:4px;
	}
	.gallery .item.g4 p{
		font-size:12px;
	}
	.gallery .img-g {
		margin-bottom:16px;
	}
	h1{
		font-size:60px;
	}
	h2{
		font-size:40px;
	}
	h3{
		font-size:24px;
	}
	p{
		font-size: 14px;
	}
	.container{	
    padding-left: 20px;
    padding-right: 0px;
    margin:0 auto;
  	padding-top:20px;
  	padding-bottom:20px; 
	}
	.container-full{
	  	padding-top:20px;
	  	padding-bottom:20px; 
	  	overflow-x: hidden;
	}
	.row{
		display: -webkit-box;
	    display: -ms-flexbox;
	    display: flex;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    gap:20px;
	}
	.counter div{
		font-size: 56px;
	}
	.counter .txt-count{
		font-size: 18px;
	}
	.btns-line{
		gap: 20px;
	}
	.h-parallax-left li{
		font-size:44px;
	}
	footer .i2{
	width: 100%;
    display: inline-block;
    padding-right: 0px;
	}
	.item-list{
		padding:30px 0;
		border-bottom: 1px solid #C6C6C6
	}
	.item-list span{
		font-size:10px;
		width:30px;
	}
	.item-list div{
		width: calc(99% - 50px);
		font-size:16px;
		line-height: 120%;
	}
	.desk{
		display: none;
	}
	.mobile{
		display:block;
	}
	.t-cont{
		font-size:18px;
	}
	.forms {
		gap:10px;
	}
	.forms input, .forms textarea{
	font-size:14px;
	padding:12px 0;
	margin-bottom:0px;
	}
	.forms input{
		flex-basis:calc(100% - 0px);
	}

	.forms textarea{
		height:200px;
	}
	.menu-mobile{
		text-align:left;
		justify-content: left;-in /* Centrado horizontal */
	  	align-items: center; 
	}
	.menu-mobile{

	}
	.menu-mobile.active ul{
	  	line-height:70px;
	}
	@keyframes opacity{
	  0% {
	    opacity: 0;
	    line-height:50px;
	  }
	  50%{
	  	opacity: 0;
	  	 line-height:50px;
	  }
	  100% {
	    opacity: 1;
	    line-height:70px;
	  }
	}
	.modal .banner-s{
		height: 358px;
	}
}