/* COLORS */
:root {
	--color-primary: #00264B;
	--color-black:#212121;
	
	--color-secondary: #7CD6D7;
	--color-crema: #F8B133;
	--color-white: #FFFFFF;
	--color-white2: #F9F6F0;
	--color-gris: #6A6A6A;
	--color-gris2:#BFBFBF;
	--color-text-gray:#6A6A6A;
	
  }


  
	.cell{
		overflow: hidden;
		width: 100%;
		height: auto;
	}


	/* Dots Indicators */
	.flickity-page-dots .dot {
		display: inline-block;
		width: 18px;
		height: 18px;
		margin: 0 4px;
		border: 2px solid #D4D4D4;
		background: white;
		border-radius: 50%;
		cursor: pointer;
	}

	.flickity-page-dots {
		position: absolute;
		width: 100%;
		bottom: -40px;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
		line-height: 1;
	}

	.flickity-page-dots .dot.is-selected {
		opacity: 1;
		background: var(--color-secondary);
	}
  
	.main-carousel > button{
		visibility: hidden;
	}

	button:hover, .buttonTor > a:hover{
		box-shadow: rgba(0, 0, 0, 0.16) 0px 1px 4px;
	}



 
 
  body{
	overflow-x: hidden;
}

/* GENERAL CSS */

.sticker10{
	top: -30%;
	right: -10%;
}

.box-grids > img{
	border-radius: 12px;
	object-fit: cover;
	width: 100%;
	height: 400px;
}


.cont-pad{
	padding: 5.5%;
}


.indicators-slide input{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 25px;
    height: 25px;
    border: 1px solid #c3c3c3;
}



.indicators-slide input{
    background-color: white;
}

.indicators-slide input:focus{
    background-color: #7CD6D7;
} 

.navbar-nav{
	gap: 1rem;
}

nav > .container{
	height: 68.71px;
}
  
.navbar-collapse{
	background-color: transparent;
}
  
 

/* PARA MOVIL  [ xs ] */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
	/* NAV */
	nav{
	  transition: background-color 0.4s ease-in-out;
	  background-color: var(--color-primary);
	}
  
	.navbar-nav li:nth-child(1){
	  padding-top: 5%;
	}
  
	nav > .container{
	  padding: 4%;
	  height: auto;
	}
  
	.navbar-collapse{
	  background-color: var(--color-primary);
	}
  
  
  
	.alignSlider{
	  display: flex;
	  justify-content:start;
	  align-items: end;
	}
  
	.titlePart{
	  font-size: 32px;
	}
  
	.footerBg{
	  background-color: var(--color-primary);
	  color:white;
	  height:  32.3em;
	}
  
	.btn-arrive{
		font-size: 14px;
		width: 60%;
		margin: auto;
		margin-top: 2%;
		margin-bottom: 3%;
		height: 60px;
		color:var(--color-primary);
	}

	.alignFooter{
	  display: flex;
	  justify-content: center;
	  align-items: center;
	  text-align: center;
	}
  
	.nun-reg{
	  color: var(--color-secondary);font-family: 'NunitoRegular';font-size: 22px;
	}
	
	.flexFooter{
	  display: flex;
	  justify-content: center;
	  align-items: start;
	}
  
	.flexFooter2{
	  display: flex;
	  justify-content: center; 
	}
	.nunitoLight{
	  font-size: 17px;font-family: 'NunitoLight'
	}
  
	.contact-e{
	  font-size: 17px;
	  font-family: 'NunitoLight';
	}
	.imgg{
		width: 100%;
		margin-top:0%;
		background-position-x: center;
		height: auto;
		background-repeat: no-repeat;
		background-size: contain;
	}
  
	.boxCont {
		padding: 4%;
	}

	.boxCont > a {
		width: 50%;
		margin: auto;
	}

	.recMarg{
	  margin-top:100%;
	}
  
	.left-inner{
		text-align: center;
	}
	
	.textSlider{
	  text-align: center;
	  font-family: 'SegoeRegular';
	  font-size: 32px;
	}
	
	.textSlider2{
	  text-align: center;
	  font-family: 'NunitoBold';
	  font-size: 18px;
	}
  
   
	.cols-options > .row{
	  margin-top: 10em;
	}
	
	
	.slider-container > .container > .row {
	  height: 60%;
	}
  
	.imgFloat{
	  width: 90%;
	  height: 108vw;
	  top: 0%;left:20px;
	}
  
	
	.section-header > .row{
		text-align: center;
	}
 
	.headerP:nth-child(2){
		margin-top: 3%;
	}

	
	.imgSection{
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	
	.titlePart{
		width: 100%;
		text-align: center;
		font-size: 35px; /* para cambiar */
	}

	.titlePart2{
		text-align: center;
		color: #00264B;
		font-weight: bold;
		width: 100%;
		font-size: 30px; /* para cambiar */
	}

		/* GRID'S BOXES */

	
		.box-grids{
			margin-top: 2.5%;
		}

		.sectionTors1{
			text-align: center	
		}

		.buttonTor a{
			width: 100%;
		}
	
		.boxPart{
			font-size: 15px;
			color: #6A6A6A;
			font-family: 'RobotoLigth';		
			width: 100%;
		}


		
		.boxPart3{
			text-align: center;
			font-size: 20px;
			color: #6A6A6A;
			margin: auto;
			font-family: 'RobotoLigth';		
			width: 100%;
			padding-bottom: 2%;
		}

		
		.sticker10{
			width: 24%;
			top: -10%;
			right: -6%;
		}

		.container-slide{
			display: flex;
			flex-direction: column;
			text-align: center;
			justify-content: center;
			align-items: center;		
		}

		.card-client{
			width: 100%;
			height: 235px;
		}
	
		.client-name{
			font-size: 20px;
			font-family: Arial, Helvetica, sans-serif;
		}
	
		.client-text{
			font-size: 14px;
			width: 100%;
			font-family: 'RobotoLigth';
		}

		body > div.section-header.container.cont-pad > div > div:nth-child(2) > ul{
			list-style: none;
			width:95%;padding:0%;margin:auto;
		}
  }
  
  /*iPads, Tablets  [ sm ] */
  @media (min-width: 481px) and (max-width: 767px) {

	

	/* NAV */
	nav{
	  transition: background-color 0.4s ease-in-out;
	  background-color: var(--color-primary);
	}
  
	.navbar-nav li:nth-child(1){
	  padding-top: 5%;
	}
  
	nav > .container{
	  padding: 3%;
	  height: auto;
	}
  
	.navbar-collapse{
	  background-color: var(--color-primary);
	}
   
	.boxPart{
		width:100%;
	}

	
	.headerP:nth-child(2){
		margin-top: 3%;
	}

	
	.section-header > .row{
		text-align: center;
	}
	
	.imgSection{
		width: 100%;
		height: auto;
		object-fit: cover;
	}


	
	.titlePart{
		width: 100%;
		text-align: center;
		font-size: 35px; /* para cambiar */
	}

	.titlePart2{
		text-align: center;
		color: #00264B;
		font-weight: bold;
		width: 100%;
		font-size: 35px; /* para cambiar */
	}

	/* GRID'S BOXES */
	
	.container-slide{
		display: flex;
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;		
	}

	.box-grids{
		margin-top: 2.5%;
	}

	.sectionTors1{
		text-align: center	
	}

	.buttonTor a{
		width: 100%;
	}

	.boxPart{
		font-size: 19px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 100%;
	}

	
	.boxPart3{
		
		text-align: center;
		font-size: 19px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 100%;
		padding-bottom: 2%;
	}

	.btn-arrive{
		margin: auto;
		margin-top: 1%;
		height: 60px;
		color:var(--color-primary);
	}

	
	.sticker10{
		width: 20%;
		top: -15%;
		right: -6%;
	}

	.recDiv{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	
	.card-client{
		width: 100%;
		height: 235px;
	}

	.client-name{
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.client-text{
		font-size: 18px;
		width: 85%;
		font-family: 'RobotoLigth';
	}


	body > div.section-header.container.cont-pad > div > div:nth-child(2) > ul{
		list-style: none;
		width:85%;margin:auto;
		padding: 0;
	}
  }
  
  
  /*Small screens, laptops   [ md ] */
  @media (min-width: 768px) and (max-width: 991px) {

	body > div.section-header.container.cont-pad > div > div:nth-child(2) > ul{
		list-style: none;
		width:60%;margin:auto;
	}

	/* NAV */
	nav{
	  transition: background-color 0.4s ease-in-out;
	  background-color: var(--color-primary);
	}
  
	.navbar-nav li:nth-child(1){
	  padding-top: 2%;
	}
  
	nav > .container{
	  padding: 2%;
	  height: auto;
	}
  
	.navbar-collapse{
	  background-color: var(--color-primary);
	}

	.section-header > .row{
		text-align: center;
	}
	
	.boxPart{
		width:100%;
	}

	.boxPart3{
		
		text-align: center;
		font-size: 22px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 100%;
		padding-bottom: 2%;
	}
	
	.headerP:nth-child(2){
		margin-top: 2%;
	}
	
	.imgSection{
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	
	.titlePart{
		width: 100%;
		text-align: center;
		font-size: 38px; /* para cambiar */
	}

	

	/* GRID'S BOXES */

	.container-slide{
		display: flex;
		flex-direction: column;
		text-align: center;
		justify-content: center;
		align-items: center;		
	}

	.box-grids{
		margin-top: 2.5%;
	}

	.sectionTors1{
		text-align: center	
	}

	.buttonTor a{
		width: 35%;
	}

	.boxPart{
		font-size: 18.5px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 100%;
	}

	.btn-arrive{
		margin: auto;
		margin-top: 1%;
		height: 60px;
		color:var(--color-primary);
	}

	.recDiv{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.titlePart2{
		text-align: center;
		color: #00264B;
		font-weight: bold;
		width: 100%;
		font-size: 38px; /* para cambiar */
	}

	.sticker10{
		width: 15%;
		top: -15%;
		right: -6%;
	}

	
	.card-client{
		width: 100%;
		height: 235px;
	}
 
	.client-name{
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.client-text{
		font-size: 15px;
		width: 100%;
		font-family: 'RobotoLigth';
	}


  }
  
  /*Desktops, large screens   [ lg ] */
  @media (min-width: 992px) and (max-width: 1199px) {
	nav > .container{
	  padding: 2%;
	  height: 68.71px;
	}
  
	.navbar-nav{
	  gap: .5rem;
	}
	
	.section-header > .row{
		text-align: start;
	}

	
	.boxPart{
		width:100%;
	}

	
	.imgSection{
		width: 100%;
		height: 800px;
		object-fit: cover;
	}


	
	.titlePart{
		text-align: center;
		width: 100%;
		font-size: 42px; /* para cambiar */
	}

	.titlePart2{
		color: #00264B;
		font-weight: bold;
		width: 100%;
		text-align: center;
		font-size: 42px; /* para cambiar */
	}


	/* GRID'S BOXES */
	
	.container-slide{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		text-align: center;		
	}


	.box-grids{
		margin-top: 2.5%;
	}

	.buttonTor a{
		width: 25%;
	}

	.boxPart{
		text-align: left;
		font-size: 18px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 100%;
	}

	.boxPart3{
		text-align: center;
		font-size: 22px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 100%;
	}

	.sticker10{
		top: -22%;
		width: 40%;
	}

	.btn-arrive{
		margin: auto;
		margin-top: 35px;
		height: 60px;
		color:var(--color-primary);
	}

	.recDiv{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: start;
	}
	
	.card-client{
		width: 100%;
		height: 235px;
	}

 
	.client-name{
		font-size: 22px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.client-text{
		font-size: 17px;
		width: 85%;
		font-family: 'RobotoLigth';
	}

	
  }
  
  /*Extra large screens, TV  [ xl ] */
  @media (min-width: 1200px) and (max-width: 1399px) {
	.section-header > .row{
		text-align: start;
	}

	
	.left-inner{
		width: 80%;
	}
	
	.boxPart{
		width: 83%;
	}

	
	.imgSection{
		width: 100%;
		height: 800px;
		object-fit: cover;
	}



	
	.titlePart{
		width: 100%;
		font-size: 42px; /* para cambiar */
	}

	.titlePart2{
		color: #00264B;
		font-weight: bold;
		width: 70%;
		font-size: 42px; /* para cambiar */
	}
		/* GRID'S BOXES */
	
	
		.container-slide{
			display: flex;
			flex-direction: row;
			justify-content: end;		
		}
	

		.box-grids{
			margin-top: 2.5%;
		}
	
		.buttonTor a{
			width: 25%;
		}

		.boxPart{
			font-size: 18px;
			color: #6A6A6A;
			font-family: 'RobotoLigth';		
			width: 100%;
		}

		.boxPart3{
			text-align: start;
			font-size: 18px;
			color: #6A6A6A;
			font-family: 'RobotoLigth';		
			width: 100%;
		}


	 
		.btn-arrive{
			margin-top: 35px;
			height: 60px;
			color:var(--color-primary);
		}
	
		.recDiv{
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: start;
		}

		.card-client{
			width: 100%;
			height: 235px;
		}

	
		.client-name{
			font-size: 14px;
			font-family: Arial, Helvetica, sans-serif;
		}
	
		.client-text{
			font-size: 14px;
			width: 85%;
			font-family: 'RobotoLigth';
		}
	
	
  }
  
  /* EXTRA LARGE  [ xxl ] */
  @media (min-width: 1400px){

	.card-client{
		width: 100%;
		height: 268px;
	}
 
	.client-name{
		font-size: 20px;
		font-family: Arial, Helvetica, sans-serif;
	}

	.client-text{
		font-size: 16px;
		width: 85%;
		font-family: 'RobotoLigth';
	}



	/* SECCION HEADER */
	.section-header > .row{
		text-align: start;
	}

	.boxPart{
		font-size: 18px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 90%;
	}

	.boxPart3{
		font-size: 18px;
		color: #6A6A6A;
		font-family: 'RobotoLigth';		
		width: 80%;
	}


	
	.btn-arrive{
		margin-top: 35px;
		height: 60px;
		color:var(--color-primary);
	}

	.recDiv{
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: start;
	}
	/* IMAGEN FONDO */
	.imgSection{
		width: 100%;
		height: auto;
		object-fit: cover;
	}

	

	.container-slide{
		display: flex;
		flex-direction: row;
		justify-content: end;		
	}


	/* TITLE SECTION */
	.titlePart{
		width: 100%;
		font-size: 42px; /* para cambiar */
	}
	
	.titlePart2{
		color: #00264B;
		font-weight: bold;
		width: 70%;
		font-size: 42px; /* para cambiar */
	}

	.titlePart3{
		color: #00264B;
		font-weight: bold;
		width: 70%;
		font-size: 42px; /* para cambiar */
	}

	.left-inner{
		width: 70%;
	}



	/* GRID'S BOXES */
	
	
	.box-grids{
		margin-top: 2.5%;
	}

	
	.buttonTor a{
		width: 25%;
	}



	/*.main-carousel > button{} */
  }