@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Poppins', sans-serif;
}
/* custom scroll bar */
::-webkit-scrollbar {
    width: 10px;
}
::-webkit-scrollbar-track {
    background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
    background: #888;
}
::selection{
  background: rgb(0,123,255,0.3);
}
.content{
 width: 80%;
  margin: auto;
  padding: 0px 30px;
	display: flex;
	flex-direction: row;
	justify-content: center;
}  


.custom-model-main {
  text-align: center;
  overflow: hidden;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; /* z-index: 1050; */
  -webkit-overflow-scrolling: touch;
  outline: 0;
  opacity: 0;
  -webkit-transition: opacity 0.15s linear, z-index 0.15;
  -o-transition: opacity 0.15s linear, z-index 0.15;
  transition: opacity 0.15s linear, z-index 0.15;
  z-index: -1;
  overflow-x: hidden;
  overflow-y: auto;
}

.model-open {
  z-index: 99999;
  opacity: 1;
  overflow: hidden;
}
.custom-model-inner {
  -webkit-transform: translate(0, -25%);
  -ms-transform: translate(0, -25%);
  transform: translate(0, -25%);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  -o-transition: -o-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  -o-transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  display: inline-block;
  vertical-align: middle;
  width: 800px;
  margin: 30px auto;
  max-width: 97%;
}
.custom-model-wrap {
  display: block;
  width: 100%;
  position: relative;
  background-color: #fff;
  border: 1px solid #999;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 6px;
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, 0.5);
  background-clip: padding-box;
  outline: 0;
  text-align: left;
  padding: 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  max-height: calc(100vh - 70px);
	overflow-y: auto;
}
.model-open .custom-model-inner {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
  position: relative;
  z-index: 999;
}
.model-open .bg-overlay {
  background: rgba(0, 0, 0, 0.6);
  z-index: 99;
}
.bg-overlay {
  background: rgba(0, 0, 0, 0);
  height: 100vh;
  width: 100%;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
  -webkit-transition: background 0.15s linear;
  -o-transition: background 0.15s linear;
  transition: background 0.15s linear;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -30px;
  cursor: pointer;
  z-index: 99;
  font-size: 30px;
  color: #fff;
}

@media screen and (min-width:800px){
	.custom-model-main:before {
	  content: "";
	  display: inline-block;
	  height: auto;
	  vertical-align: middle;
	  margin-right: -0px;
	  height: 100%;
	}
}
@media screen and (max-width:799px){
  .custom-model-inner{margin-top: 45px;}
}






.texto-nosotros{
 width: 100%;
	
	display: flex;
	flex-direction: row;
	justify-content: center;
	
}  



.texto-nosotros .leftt{
 width:50%;
	padding-bottom: 5%;
	padding-top: 5%;
  margin: auto;
  
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}  



.texto-nosotros .leftt h1{
 width: 100%;
	
  margin: auto;
  
	display: flex;
	flex-direction: column;
	justify-content: center;
	
}  



.content .boxe{
	
	display: flex;
	flex-direction: column;
	width: 35%;
	border: 1px solid #0C73B0;
	margin-left: 3%;
	margin-right: 3%;
	padding: 3%;
	margin-top: 3%;
	position: relative;
	align-items: center;
	justify-content: center;
	border-radius: 2vh;
	
	 background: url("../imagenes/backvideo-01.jpg") center no-repeat;
	background-size: contain;
	  
	
	
} 



.content .boxe .fut{
	position: absolute;
	bottom: -20vh;
	width: 60%;

} 



.content .boxe .fut img{
	
	width: 100%;

} 



.content .boxe .lgo{
	
	
	width: 22%;
	position: absolute;
	top: -7%;
	z-index: 4;
	
	
  
} 


.content .boxe .lgo img{
	
	
	width: 100%;
	
	
  
} 

.about .title{
  font-size: 40px;
  font-weight: 700;
	display: flex;
	flex-direction: column;
	color: #0C73B0;
	
}
.about p{
  padding-top: 20px;
  text-align: justify;
}







#clientes2{
    width: 30%;
	
	
	right: 13%;
	top: 10vh;
	
	
	
	

	position: absolute;
	z-index: 0;
  
  
	
	
}





.back-green-imagec-2{
    width: 42%;
	
	right: 1%;
	bottom: -2vh;
	
	
	

	position: absolute;
	z-index: 0;
  
  
	
	
}











.back-green-imagec-2 .center-imagec{
    width: 100%;
	
	
}



.back-green-imagec-2 .center-imagec img{
    width: 100%;
	
	
}




.back-green {
    width: 42%;
	right: 5%;
	top: 7%;
	
    height: auto;
	padding:1%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: absolute;
	z-index: 0;
  
    overflow: hidden;
	
	
}
.back-green .center {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column ;
    justify-content: center;
    align-items: center;
}

.back-green .center img{
    width: 100%;
    
}
.back-green h1{
	color:#1C2E52;
	font-size: 2.5vh;
	text-align: center;
   
	 font-family: "Roboto Slab", serif !important;
  
  font-weight: 800;
}

.slider {
    width: 96%;
    margin: 0px auto;
}
.slick-slide {
    margin: 0px 1px;
    transition: all 0.3s ease;
    padding: 0.2%;
}
.slick-slide a {
    border-radius: 8px;
    
    transition: all 0.3s ease;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.slick-slide img {
    width: 100%;
    padding: 4%;
    border-radius: 8px;
   background: none;
}

.slick-prev:before,
.slick-next:before {
    color: black;
}
.slick-slide {
    transition: all ease-in-out .3s;
    opacity: .2;
}
.slick-active {
    opacity: 1;
}
.slick-current {
    opacity: 1;
}









.navbar{
  position: fixed;
  z-index: 5;
  width: 100%;
  padding: 25px 0;
  transition: all 0.3s ease;
}
.navbar.sticky{
  padding: 10px 0;
  background: #1b1b1b;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.navbar .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.navbar .logo a{
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}






















































.stepper {
    .nav-tabs {
        position: relative;
		
		
		
    }
    .nav-tabs > li {
        width: 14%;
        position: relative;
        &:after {
            content: '';
            position: absolute;
            background: #f1f1f1;
			
            display: block;
            width: 100%;
            height: 4px;
            top: 0px;
            
            z-index: 1;
        }
        &.completed {
            &::after {
                background: #BE7A09;
            }
        }
        &:last-child {
            &::after {
                background: transparent;
            }
        }
        &.active:last-child {
            .round-tab {
                background: #BE7A09;
                &::after {
                    content: '✔';
                    color: #fff;
                    position: absolute;
                    left: 0;
                    right: 0;
                    margin: 0 auto;
                    top: 0;
                    display: block;
                }
            }
        }
    }
    .nav-tabs [data-toggle='tab'] {
        width: 20px;
        height: 20px;
        margin: 10px auto;
        border-radius: 100%;
        border: none;
        padding: 0;
        color: #f1f1f1;
    }
    .nav-tabs [data-toggle='tab']:hover {
        background: transparent;
        border: none;
    }
    .nav-tabs > .active > [data-toggle='tab'], .nav-tabs > .active > [data-toggle='tab']:hover, .nav-tabs > .active > [data-toggle='tab']:focus {
        color: #BE7A09;
        cursor: default;
        border: none;
    }
   
    .round-tab {
        width: 25px;
        height: 25px;
        line-height: 20px;
        display: inline-block;
        border-radius: 25px;
        background: #fff;
        border: 2px solid #BE7A09;
        color: #BE7A09;
        z-index: 2;
        position: absolute;
        left: 0;
        text-align: center;
        font-size: 14px;
        
    }
    .completed .round-tab{
    	background: #BE7A09;
    	&::after {
    		content: '✔';
    		color: #fff;
    		position: absolute;
    		left: 0;
    		right: 0;
    		margin: 0 auto;
    		top: 0;
    		display: block;
        }
    }
    .active .round-tab {
        background: #fff;
        border: 2px solid #BE7A09;
        &:hover {
            background: #fff;
            border: 2px solid #BE7A09;
        }
        &::after {
            display: none;
        }
    }
    .disabled .round-tab {
        background: #fff;
        color: #f1f1f1;
        border-color: #f1f1f1;
        &:hover {
            color: #4dd3b6;
            border: 2px solid #BE7A09;
        }
        &::after {
            display: none;
        }
    }
}



















#todes{
	width:100%;
	
	
 
} 
input[type="file"] {
  display: none;
}

.custom-file-upload {
 
  display: inline-block;
	text-align: center;
	
	font-size: 2vh;
	border: 2px solid #dfdfdf;
	border-radius: 15px;
  padding: 6px 12px;
  cursor: pointer;
	color: #363769;
	width: 100%;
}
.tab-content{
	
	
	
	height: auto;
	
	

	
	

} 


.container{
	
	
	
	height: auto;
	
	width: 100% !important;
	margin-bottom: 3%;
	margin-top: 1%;
	
	
	

	
	

} 





#stepper-step-3{
	
	height: auto;
	width: 100%;
	padding: 3%;
	padding-top: 4%;
	padding-bottom:0%;
	
	

	
	

} 





#stepper-step-6{
	
	height: auto;
	width: 100%;
	
	
	
	

} 


#stepper-step-6 .all-textito{
	
	height: auto;
	width: 100%;
	padding: 3%;
	padding-top: 1%;
	padding-bottom:0%;
	flex-direction: row;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 0%;
	
	

} 



#stepper-step-6 .all-textito .formita{
	
	height: auto;
	width: 55%;
	background-color: #dfdfdf;
	padding: 2%;
	border-radius: 22px;
	margin-left: 8%;
	border: 2px solid #1111;
	
	flex-direction:column;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 3%;
	
	
	

} 



#stepper-step-6 .all-textito .formita strong{
	
	display: flex;
	font-size: 2vh;
	text-align: center;
	margin-bottom: 2%;
	
	font-weight: 800;
	
	
	
	
	width: 100%;
	
	flex-direction: column;
	color: #363769;
}





#stepper-step-6 .formita #input{
	
	 
	display: flex;
	
	padding: 2.2%;
	border-radius: 2vh;
	border: #D66D28 2px solid;
	margin-bottom: 2%;
	margin-top: 2%;
	font-family: arial;
	
	width: 450px;
	height: auto;
	
	flex-direction: column;
	color: #363769;
}


#stepper-step-6 .formita .se{
	
	
	display: flex;
	
	padding: 2%;
	width: 100%;
	
	flex-direction: row;
	font-family: arial;
	font-size: 13px;
	margin-bottom: 0.1%;
	color: #363769;
	text-align: left;
	align-items: center;
	font-weight: 700;
}

#stepper-step-6 .formita .se input{
	
	
	
	width: 2.1vh;
	font-family: arial;
	height: 1.5vh;
	margin-right: 2%;
	font-weight: 700;
	
	
	border: 2px solid #111;
	font-size: 13px;
	color: #363769;
	
}





#stepper-step-6 .all-textito .textito{
	
	
	display: flex;
	justify-content: center;
	width: 52%;
	flex-direction: column;
	color: #363769;
}





#stepper-step-6 .textito img{
	
	
	display: flex;
	
	width: 51%;
	margin-bottom: 4%;
	
}

#stepper-step-6 .textito p{
	font-weight: 800;
	font-size: 4.4vh;
	line-height: 4.6vh;
	width: 92%;
	margin-top: 5%;
	font-family: arial;
	
	
	
	
	
	color: #363769;
}





#stepper-step-7{
	
	
	
	width: 100%;
	padding: 3%;
	padding-top: 0%;
	padding-bottom:0%;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	

	
	

} 


#stepper-step-7 .caja-fin{
	
	height: auto;
	font-family: arial;
	margin-top: 8.5%;
	text-align: center;
	display: flex;
	justify-content: center;
	flex-direction: column;

	align-items: center;
	
	padding: 3%;
	padding-top: 1%;
	
	padding-bottom:0%;
	
	

	width: 80%;
	background-color: #dfdfdf;
	box-shadow: 5px 2px 5px 2px rgba(0, 0, 0, 0.2);
	height: auto;
	color: #363769;
	
	padding: 4%;
	border-radius: 2vh;
	
	

} 




#stepper-step-7 .caja-fin h3{
	font-weight: 800;
	font-size: 5.7vh;
	
}




#stepper-step-7 .caja-fin p{
	font-weight: 800;
	font-size: 2.8vh;
	width: 70%;
	margin-bottom: 8%;
	
	
}



#stepper-step-7 .caja-fin small{
	font-weight: 500;
	font-size: 1.7vh;
	
	
}



#stepper-step-3 h7{
	
	font-size: 51px;color: #363769; font-weight: 800;margin-bottom: 0%; font-family: arial;
	margin-top: 4%;
	padding-bottom: 5%;
	
	

	
	

} 




#stepper-step-4{
	
	height: auto;
	width: 100%;
	padding: 3%;
	padding-top: 1%;
	padding-bottom:0%;
} 



#stepper-step-4 h3{
	color: #02466A;
	font-family: arial;
	
	font-weight: 800;
	font-size:5vh;
	margin-top: 3%;
	width: 100%;
	margin-bottom: 3%;

} 


#stepper-step-4 h5{
	color: #02466A;
	font-family: arial;
	
	font-weight: 700;
	font-size:2vh;
	margin-top: 0.5%;
	width: 100%;
	margin-bottom: 3%;

} 


#stepper-step-4 .all-si{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	
} 




#stepper-step-4 .all-si2{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row; 
	
} 


#stepper-step-4 .all-si2 div{
	
	height: 21vh;
	width: 23%;
	margin-left: 2%;
	margin-right: 2%;
	padding:1.5%;	border-radius: 20px;
	background-color: #dfdfdf;
	display: flex;
	flex-direction: row;
	
} 


#stepper-step-4 .all-si2 div p{
	
	color: #02466A;
	font-family: arial;
	height:auto;
	display: flex;
	justify-content: center;
	align-items: center;
	
	
	font-size: 13px;
	text-align: center;
	font-weight: 700;
	
	
} 

#stepper-step-4 .all-si2 div span{
	
	color: #02466A;
	font-family: arial;
	height: 4vh;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 4vh;
	
	font-size: 20px;
	font-weight: 700;
	border-radius: 50%;
	background-color: #CCC5C5;
	padding: 2%;
	
} 

#stepper-step-4 .all-si p{
	
	color: #02466A;
	font-family: arial;
	height: auto;
	
	font-size: 20px;
	font-weight: 700;
	width: 80%;
	display: flex;
	flex-direction: row;

	margin-top: 0%;
	
} 

#stepper-step-5{
	
	height: auto;
	width: 100%;
	padding: 3%;
	padding-top: 1%;
	padding-bottom:0%;
} 



#stepper-step-5 .load{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;

} 


#stepper-step-5 .load .first{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	align-items:center;
	
	
	

} 



#stepper-step-5 .load .second{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 2.5%;
	
	
	
	

} 


#stepper-step-5 .load .second .men{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	
	
	
	
	

} 


#stepper-step-5 .load .second .men a{
	
	padding: 1.1%;
	border-radius: 18px;
	background-color: #dfdfdf;
	font-family: arial;
	margin-left: 1%;
	margin-right: 1%;

	text-align: center;
	
	
	border: 0px;
	text-decoration: none;
	color: #02466A;
	font-size: 18px;
	font-weight: 700;
	
	
	
	

} 


#stepper-step-5 .load .second p{
	
	color: #02466A;
	font-family: arial;
	
	font-weight: 800;
	font-size:2vh;
	margin-top: 0%;
	width: 80%;
	
	
	

} 



#stepper-step-5 .load .first p{
	
	height: auto;
	margin-right: 1.2%;
	font-size: 18px;
	font-weight: 700;
	width: auto;
	display: flex;
	flex-direction: row;

	margin-top: 2%;
} 




#stepper-step-5 .load .first div{
	
	height: auto;
	margin-left: 1.5%;
	margin-right: 1.5%;
	

} 



#stepper-step-5 .load .first div p{
	margin-top: 2%;
	
	padding-top: 4%;
	
	
	

} 

#stepper-step-5 .load .first input{
	
	height: auto;
	padding: 5% !important;
	border-radius: 18px;
	background-color: #dfdfdf;
	font-family: arial;

	text-align: right;
	box-shadow: none;
	
	border: 0px;
	color: #02466A;
	font-size: 18px;
	font-weight: 700;
	width: auto;
	display: flex;
	flex-direction: row;

} 
#stepper-step-5 .load h5{
	color: #02466A;
	font-family: arial;
	
	font-weight: 800;
	font-size:5vh;
	margin-top: 3%;
	width: 100%;
	margin-bottom: 3%;

} 





#stepper-step-5 .load p{
	color: #02466A;
	font-family: arial;
	
	font-weight: 500;
	font-size:2vh;
	margin-top: 0%;
	width: 80%;
	margin-bottom: 2%;

} 





#stepper-step-3 .to{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;

} 




#stepper-step-3 .to .left-cua{
	
	height: auto;
	width: 50%;
	display: flex;
	margin-right: 2.5%;
	flex-direction: column;
	margin-top: 2%;

} 



#stepper-step-3 .to .left-cua p{
	
	font-size: 1.5vh;color: #363769; font-weight: 500;margin-bottom: 2%; font-family: arial;

} 




#stepper-step-3 .to .left-cua .butons{
	
	font-size: 1.5vh;color: #363769; font-weight: 500;margin-bottom: 2%; font-family: arial;

} 




#stepper-step-3 .to .left-cua .butons div{
	display: flex;
	flex-direction: row;
	margin-bottom: 3%;
	margin-top: 2%;
	
	

} 




#stepper-step-3 .to .left-cua .butons div a{
	padding: 2%;
	margin-left: 1%;
	margin-right: 1%;
	border-radius: 20px;
	background-color: #CCC;
	text-decoration: none;
	
	

} 


#stepper-step-3 .to .left-cua h2{
	
	font-size: 2vh;color: #363769; font-weight: 700;margin-bottom: 2%; font-family: arial;
	width: 60%;

} 



#stepper-step-3 .to .right-cua{
	
	height:auto;
	width: 35%;
	margin-left: 2.5%;
	display: flex;
	flex-direction: row;
	

} 



#stepper-step-3 .to .right-cua{
	display: grid;
	grid-template-columns: 22% 22% 22% 22%;
        gap: 4% 4%;
	
	width: 55%;

	
	
}
 
 
#stepper-step-3 .to .right-cua label{
	
	height: 10vw;
	padding: 3%;

	display: flex;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	
	border-radius: 18px;
	
	width: 90%;
	background-color: #dfdfdf;
	color: #363769;
	
	
}


 
#stepper-step-3 .to .right-cua label p{
	text-align: center;
	font-family: arial;
	
	
	
	
}



#stepper-step-3 .to .right-cua label img{
	width: 50%;
	margin-top: 2%;
	margin-bottom: 2%;
	
	
	
	
	
}





#stepper-step-2{
	
	height: auto;
	width: 100%;
	padding: 3%;
	padding-top: 1%;
	padding-bottom:0%;
	
	

	
	

} 



#stepper-step-2 .tabla-1{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	
	
	
 align-items: center;
	
	

} 



#stepper-step-2 .tabla-1 .tab-der{
	
	height: auto;
	
	width: 48%;
	margin-right: 2%;
	display: flex;
	flex-direction: column;
	
	
margin-top: 1%;
	
	

} 

#stepper-step-2 .tabla-1 .tab-der h2{
font-size: 51px;color: #363769; font-weight: 800;margin-bottom: 2%; font-family: arial;


 
	

} 

#stepper-step-2 .tabla-1 .tab-der .tabla-left{
	
	height: auto;
	
	width: 100%;
	
	display: flex;
	flex-direction: column;
	margin-top: 4%;
	
	

	
	

} 



#stepper-step-2 .tabla-1 .tab-der .tabla-left .coi{
	
	color: #02466A;
	font-family: arial;
	text-align: left;
	font-weight: 600;
	font-size: 1.3vh;
	margin-top: 6%;
	width: 90%;
	
	

	
	

} 

#stepper-step-2 .tabla-1 .tab-der .tabla-left h5{
	
	color: #02466A;
	font-family: arial;
	text-align: left;
	font-weight: 600;
	font-size: 1.6vh;
	margin-top: 2%;
	width: 90%;
	margin-bottom: 2%;
	
	

	
	

} 

#stepper-step-2 .tabla-1 .tab-right{
	
	height: auto;
	
	width: 48%;
	margin-left: 2%;
	display: flex;
	margin-top: 3%;
	flex-direction: column;
	align-items: center;
	
	

	
	

} 


#stepper-step-2 .tabla-1 .tab-right h4{
	
	color: #02466A;
	font-family: arial;
	text-align: center;
	font-weight: 700;
	font-size: 2.4vh;
	margin-top: 6%;
	width: 100%;
	margin-bottom: 2%;
	
	
	

	
	

} 


#stepper-step-2 .tabla-1 .tab-right .dimensiones{
	
	color: #02466A;
	margin-top: 8%;
	font-family: arial;
	
	font-weight: 800;
	font-size: 1.9vh;
	
	width: 100%;
	display: flex;
	flex-direction: row;
	margin-bottom: 2%;
	
	
	

	
	

} 

#stepper-step-2 .tabla-1 .tab-right .dimensiones2{
	
	color: #02466A;
	margin: 0 auto;
	margin-top: 8%;
	font-family: arial;
	
	font-weight: 900;
	font-size: 2.8vh;
	text-align: center;
	
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-bottom: 6%;
	
	
	

	
	

} 



#stepper-step-2 .tabla-1 .tab-right .dimensiones div{
	
	
	margin-top: 8%;
	text-align: center;
	
	
	
	width: 24%;
	margin-left: 4.5%;
	margin-right: 4.5%;
	display: flex;
	flex-direction: column;
	margin-bottom: 2%;
	
	
	

	
	

} 









#stepper-step-1{
	
	height: auto;
	width: 100%;
	padding: 3%;
	padding-top: 1%;
	padding-bottom:0%;
	
	

	
	

} 


#stepper-step-1 .caja{
	
	height: auto;
	width: 100%;
	display: flex;
	flex-direction: row;
	
	
	
	
	

	
	

} 


#stepper-step-1 .caja .caja-left{
	
	height: auto;
	width: 60%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	
	
	
	

	
	

} 

#stepper-step-1 .caja .caja-left .boton{
	display: flex;
	align-items: center;
	justify-content: center;
	
	width:50%;
	border: 2px solid #BE7A09;
	border-radius: 20px;
	margin-top: 4%;
	
	
	
	
	
	

	
	

} 


#stepper-step-1 .caja .caja-left .boton .str_search_bar5{
	display: flex;
	width: 100%;
	padding: 1%;
	border: 0px;
	align-items: center;
	justify-content: center;
	margin-left: 2%;
	
	
	
	
	
	
	
	

	
	

} 

#stepper-step-1 .caja .caja-left .send-filters{
	display: flex;
	align-items: center;
	justify-content: center;
	
	
	
	
	
	
	

	
	

} 



#stepper-step-1 .caja .caja-left h3{
	
	

	color: #BE7A09;
	font-family: arial;
	text-align: center;
	font-weight: 700;
	font-size: 2.5vh;
	width: 80%;
	
	
	
	
	
	

	
	

} 




#stepper-step-1 .caja .caja-left span{
	color: #02466A;
	font-family: arial;
	text-align: center;
	font-weight: 800;
	font-size: 2.8vh;
	width: 90%;
	margin-bottom: 1%;
	

} 

#stepper-step-1 .caja .caja-left p{
	color: #02466A;
	font-family: arial;
	text-align: center;
	font-weight: 800;
	font-size: 1.5vh;
	width: 90%;
	margin-bottom: 1%;
	

} 




#stepper-step-1 .caja .caja-left h1{
	color: #02466A;
	font-family: arial;
	text-align: center;
	font-weight: 800;
	font-size: 4.5vh;
	width: 90%;
	margin-bottom: 4%;
	

} 

#stepper-step-1 .caja .caja-left img{
	
	height: auto;
	width: 40%;
	display: flex;
	flex-direction: column;
	
	
	
	
	

	
	

} 



#stepper-step-1 .caja .caja-right{
	
	height: auto;
	width: 35%;
	margin-left: 5%;
	display: flex;
	flex-direction: column;
	
	
	
	
	

	
	

} 


#stepper-step-1 .caja .caja-right img{
	
	height: auto;
	width: 100%;
	display: flex;
	
	
	
	

	
	

} 


#todes #center-body2 #clientes{
	
	height: auto;
	width: 60%;
	

	
	

} 
	
#todo{
	width:100%;
	display: flex;align-items: center;
	justify-content: center;
	

 
} 

.hid{
	display: none;
	
	
	  

} 



#todo #center-body0{
	width:82%;
	
	align-items: center;
	
	display: flex;
	justify-content: center;
	flex-direction: row;
	margin-top: 2.5%;
	margin-bottom: 2.5%;
	
	  

} 
	



#todo #center-body2 #clientes{
	width:50%;
	
	  

} 
	
#todo2{
	width:100%;
	display: none;
	align-items: center;
	justify-content: center;

 
} 




#todo2 #center-body2 #clientes{
	width:50%;
	
	  

} 
	
.feche	{
  
  width: 102%;
	height: 5vh;
  
}
 
.video-container {
  height: 100vh;
  width: 100%;
  margin:0 auto;
 
  overflow: hidden;
  position: relative;
	
}


.video-container .caption2{
  
  position: absolute;
	z-index: 0;
	width: 45%;
	left:10%;
	margin: 0 auto;
	
	top: 22%;
	color: #ffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	
	
}



.video-container .caption2 h1{
	font-size: 82px;
	text-align: left;
	line-height: 10vh;
  text-shadow: 4px 4px 2px rgba(53, 44, 34, 1);
}
	

.video-container .caption2 h4{
	font-size: 24px;
	text-align: center;
	font-weight: 500;
text-align: left;
  text-shadow: 3px 3px 3px rgba(53, 44, 34, 1);
	margin-bottom: 4vh;
}



.video-container .caption2 a{
	text-align: left;

	font-weight: 35px;
	font-weight: 400 !important;
	padding: 15px;
	
	border-radius: 15px;
	border: 2px solid #fff;
color: #fff;
	text-decoration: none;
	
}




.video-container video {
  min-width: 100%;
  min-height: 100%;
  
  width: 90%;
  
 
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  color: #dc0000;
  padding: 10px;
}

 



.form-inicio2 {
    position: relative;
	width:96%;
	
	
	padding: 2%;
	height:auto;
	
	
	flex-direction: column;
	
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:3vh;
	padding-top:0px;
	
    margin-bottom:0vh;
	
	

   
}
.form-inicio2 .form-inicio-center2 {
    position: relative;
	width:45%;
	height:auto;
	color:#555 !important;
	padding:0px;
	padding-top:5px !important;
	
	display:flex;
	flex-direction:column;
	align-items:center;
	
	
	
	 

   
}

.form-inicio2 .form-inicio-center2 h2 {
  
	width:100%;
	height:auto;
	
	display:block;
	text-align:center !important;
	color:#777;
	font-size:4.1vh; 
	margin-bottom: 1vh;
	margin:0 auto;
	
	
	font-family: 'Oswald', sans-serif;
	 

   
}

.form-inicio2 .form-inicio-center2  h5{
    
	width:100%;
	height:auto;
	font-weight:lighter;
	color:#777;
	font-size:2vh;
	display:block;
	text-align:center;
	
	 font-family: 'Oswald', sans-serif;

   
}


.form-inicio2 .form-inicio-center2  #contact-enviar2{
    
	width:100%;
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	
	 

   
}

.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form8{
    
	width:100%;
	
	height:auto;
	
	display:flex !important;
	flex-direction:row !important;
	
	 
	
	margin-bottom:1%;
	
	margin-top:1%;
	
	padding:0% !important;
	padding-top:2% !important;
	
	 
padding-bottom:2% !important;
   
}

.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form8 input{
    
	width:34%;
	border: 1px solid #777;
	
	padding:1%;
	margin-right:1%;
	height:2.5vh;
	margin-left:1%;
	border-radius:0.6vh;
	font-size:1.7vh;
	
	
	
	
	
	display:flex;
	flex-direction:row;
	
	 

   
}

  
.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form8 .campos-contacto-datos input{
    
	width:30%;
	
	
	
	
	display:flex;
	flex-direction:row;
	
	 

   
}


.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form3{
    
	width:100%;
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	margin-bottom:0%;
	margin-top:0%;
	margin-right:0%;
	
	
	 padding:0% !important;
	padding-top:0.5% !important;
	
	 
padding-bottom:2% !important;

   
}


.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form3 .mandar{
    
	width:100%;
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	
	margin-top:1%;
	margin-bottom:1px;
	
	
	 

   
}


.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form3 .mandar .send-home-envivo2{
    
	width:30% !important;
	border: 2px solid #111;
	
	height:auto;
	margin:0 auto;
	
	border:0px;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	padding:2.5%;
	font-size:1.6vh;
	font-weight: bold;
	align-items:center;
	text-align:center;
	background-color: #273458;
	border-radius:1vh;
	color:#fff;
	
	 

   
}

.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form3 .inputs{
    
	width:100%;
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	
	
	padding:0px !important;
	 

   
}

.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form3 .inputs .large{
    
	width:100%;
	margin-bottom:1%;
	height:auto;
	
	
	display:flex;
	flex-direction:row !important;
	align-items:center;
	
	
	
	 padding:0.5% !important;

   
}


.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form3 .inputs .large input{
    
	width:5%;
	font-size:4vh;
	
	height:2.2vh;
	padding:1% !important;
	
	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	
	 

   
}

.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form3 .inputs .large span{
    
	width:85%;
	
	height:auto;
	font-size:1.5vh;
	color:#777;
	padding:0% !important;
	
	display:flex;
	flex-direction:row !important;
	
	 font-family: 'Roboto', sans-serif;

    
}
.form-inicio2 .form-inicio-center2  #contact-enviar2 .contenedor-form8 .comentarios-dats{
    
	width:96%;
	
	font-size:1.7vh;
	
	font-family: 'Roboto', sans-serif;
	
	display:flex;
	flex-direction:row;
	
	
	padding:3%;
	margin-right:0%;
	height:auto;
	margin-left:1%;
	border-radius:2vh;

	
	display:flex;
	flex-direction:row;

   
}



































.form-inicio {
    position: relative;
	width:96%;
	
	
	padding: 2%;
	height:auto;
	
	
	flex-direction: column;
	
	display:flex;
	align-items:center;
	justify-content:center;
	margin-top:3vh;
	padding-top:0px;
	
    margin-bottom:0vh;
	
	

   
}
.form-inicio .form-inicio-center {
    position: relative;
	width:100%;
	height:auto;
	padding:0px;
	padding-top:5px !important;
	
	display:flex;
	flex-direction:column;
	align-items:center;
	
	
	
	 

   
}

.form-inicio .form-inicio-center h2 {
  
	width:100%;
	height:auto;
	
	display:block;
	text-align:center !important;
	color:#777;
	font-size:6.1vh; 
	margin:0 auto;
	
	
	font-family: 'Oswald', sans-serif;
	 

   
}

.form-inicio .form-inicio-center  h5{
    
	width:100%;
	height:auto;
	font-weight:lighter;
	color:#fff;
	font-size:2vh;
	display:block;
	text-align:center;
	
   
}


.form-inicio .form-inicio-center  #contact-enviar2{
    
	width:100%;
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	
	 

   
}

.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form8{
    
	width:100%;
	
	height:auto;
	
	display:flex !important;
	flex-direction:row !important;
	
	 
	
	margin-bottom:0%;
	
	margin-top:1%;
	
	padding:0% !important;
	padding-top:2% !important;
	
	 
padding-bottom:1% !important;
   
}

.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form8 input{
    
	width:34%;
	border: 1px solid #777;
	
	padding:1%;
	margin-right:1%;
	height:4vh;
	margin-left:1%;
	border-radius:1vh;

	font-size:1.7vh;
	
	
	
	
	
	display:flex;
	flex-direction:row;
	
	 

   
}

  
.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form8 .campos-contacto-datos input{
    
	width:30%;
	
	
	
	
	display:flex;
	flex-direction:row;
	
	 

   
}


.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form3{
    
	width:100%;
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	margin-bottom:0%;
	margin-top:0%;
	margin-right:0%;
	
	
	 padding:0% !important;
	padding-top:2% !important;
	
	 
padding-bottom:2% !important;

   
}


.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form3 .mandar{
    
	
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	
	margin-top:1%;
	margin-bottom:1px;
	
	
	 

   
}


.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form3 .mandar .send-home-envivo{
    
	width:80%;
	
	height:auto;
	margin:0 auto;
	
	border:0px;
	cursor:pointer;
	display:flex;
	flex-direction:column;
	padding:2.5%;
	font-size:1.7vh;
	font-weight: bold;
	align-items:center;
	text-align:center;
	background-color: #273458;
	border-radius:1vh;
	color:#fff;
	
	 

   
}

.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form3 .inputs{
    
	width:100%;
	
	height:auto;
	
	
	display:flex;
	flex-direction:column;
	
	
	padding:0px !important;
	 

   
}

.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form3 .inputs .large{
    
	width:100%;
	margin-bottom:2%;
	height:auto;
	
	
	display:flex;
	flex-direction:row !important;
	align-items:center;
	
	
	
	 padding:1% !important;

   
}


.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form3 .inputs .large input{
    
	width:5%;
	font-size:4vh;
	
	height:2.2vh;
	padding:1% !important;
	
	
	display:flex;
	flex-direction:row;
	align-items:center;
	justify-content:center;
	
	 

   
}

.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form3 .inputs .large span{
    
	width:85%;
	
	height:auto;
	font-size:1.1vh;
	color:#fff;
	padding:0% !important;
	
	display:flex;
	flex-direction:row !important;
	
	
    
}
.form-inicio .form-inicio-center  #contact-enviar2 .contenedor-form8 .comentarios-dats{
    
	width:97%;
	
	font-size:22.7vh;
	
	
	border:2px solid #fff;
	display:flex;
	flex-direction:row;
	
	
	padding:1%;
	margin-right:0%;
	height:auto;
	margin-left:0%;
	border-radius:1vh;

	
	display:flex;
	flex-direction:row;

   
}




















.navbar .logo a img{
	width: 50%;
 
}
.navbar .menu-list{
  display: inline-flex;
}
.menu-list li{
  list-style: none;
}
.menu-list li a{
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  margin-left: 25px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.menu-list li a:hover{
  color: #007bff;
}
.banner{
  height: 100vh;
  background: url("banner.jpg") no-repeat;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
}
.about{
  padding: 0px 0;
	margin: 0 auto;
	width: 100% !important;
	text-align: center;
	

}
 




.sticky-icon  {
	z-index:10000;
	position:fixed;
	top:65%;
	right:0%;
	width:220px;
	display:flex;
	flex-direction:column;}  
.sticky-icon a  {
	transform:translate(160px,0px);
	border-radius:50px 0px 0px 50px;
	text-align:left;
	margin:2px;
	text-decoration:none;
	text-transform:uppercase;
	padding:10px;
	font-size:22px;
	font-family:'Oswald', sans-serif;
	transition:all 0.8s;}
.sticky-icon a:hover  {
	color:#FFF;
	transform:translate(0px,0px);}	
.sticky-icon a:hover i  {
	transform:rotate(360deg);}
/*.search_icon a:hover i  {
	transform:rotate(360deg);}*/
.Facebook  {
	background-color:#2C80D3;
	color:#FFF;}
	
.Youtube  {
	background-color:#fa0910;
	color:#FFF;}
	
.Twitter  {
	background-color:#2C880B;
	color:#FFF;}
	
.Instagram  {
	background-color:#FD1D1D;
	color:#FFF;}
	
.Google  {
	background-color:#d34836;
	color:#FFF;}						
.sticky-icon a i {
	background-color:#FFF;
	height:40px;
	width:40px;
	color:#000;
	text-align:center;
	line-height:40px;
	border-radius:50%;
	margin-right:20px;
	transition:all 0.5s;}
.sticky-icon a i.fa-facebook-f  {
	background-color:#FFF;
	color:#2C80D3;}
	
.sticky-icon a i.fa-google-plus-g  {
	background-color:#FFF;
	color:#d34836;}
	
.sticky-icon a i.fa-instagram  {
	background-color:#FFF;
	color:#FD1D1D;}
	
.sticky-icon a i.fa-youtube  {
	background-color:#FFF;
	color:#fa0910;}
	
.sticky-icon a i.fa-twitter  {
	background-color:#FFF;
	color:#53c5ff;}
.fas fa-shopping-cart  {
	background-color:#FFF;}	
#myBtn {
	height:50px;
  display: none;
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 99;
  text-align:center;
  padding:10px;
  text-align:center;
	line-height:40px;
  border: none;
  outline: none;
  background-color: #1e88e5;
  color: white;
  cursor: pointer;
  border-radius: 50%;
}
.fa-arrow-circle-up  {
	font-size:30px;}

#myBtn:hover {
  background-color: #555;
}			







#chat{
	
	
	
	width: 100%; 
	
	display: flex;
	align-items: center;
	justify-content: center;
	
 background:url(../imagenes/back-2-06.jpg) no-repeat fixed;
}



#chat .caja-chat{
	
	
	
	width: 70%;
	
	margin-bottom: 3%;
	margin-top: 3%;
	display: flex;
	flex-direction: row;
	

}


#chat .caja-chat .form-inicio{

	width: 50%;
	color: #fff;
	
	font-weight: 400;
	margin-bottom: 3%;
	margin-top: 3%;
	

}



#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3{

	width: 100%;
	display: flex;
	flex-direction: column;
	
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form8{

	width: 100%;
	display: flex;
	flex-direction: row;
	
	
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form8 .comentarios-dats{
	height: 12vh;

	
	
	
	

}

#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs{

	width: 100%;
	margin-bottom: 1%;
	
	display: flex;
	flex-direction: column;
	
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs .large{

	width: 100%;
	
	display: flex;
	flex-direction: row;
	
	font-size: 1vh;
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs .large span{

	width: 100%;
	display: flex;
	flex-direction: row;
	
	font-size: 1.7vh;
	
	

}

 

#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .send-home-envivo{

	width: 100% !important;
	background-color: #0C73B0;
	color: #fff;
	border-radius: 1vh;
	display: flex;
	flex-direction: row;
	
	font-size: 1.5vh;
	
	

}




#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs .large input{

	width: 15%;
	display: flex;
	
	margin-right: 1%;
	height: 2.2vh;
	
	
	

}

#chat .caja-chat .form-inicio #contact-enviar2{

	width: 96%;
	display: flex;
	flex-direction: column;
	
	

}

#chat .caja-chat .form-inicio #contact-enviar2 input{

	width: 100%;
	margin-bottom: 3%;
	border-radius: 1.5vh;
	outline: none;
	border: 0px;
	padding: 4.5%;
	display: flex;
	flex-direction: column;
	margin-left: 1%;
	margin-right: 1%;
	

}


#chat .caja-chat .imagen-izq{

	width: 50%;
	
	position: absolute;
	right: 0px;
	
	color: #fff;
	
	font-weight: 400;
	margin-bottom: 3%;
	margin-top: 3%;
	overflow: hidden;
	

}


#chat .caja-chat .imagen-izq img{

	width: 100%;
	
	
	

}

#chat .caja-chat .form-inicio-center{

	width: 100%;
	display: flex;
	flex-direction: column;
	font-weight: lighter;
	
	
	

}


#chat .caja-chat .form-inicio-center h5{
	font-size: 3vh; 

	
	
	font-weight: 600;
	margin-bottom: 1%;
	line-height: 4.5vh;
	
	
	

}

#chat .caja-chat .form-inicio-center h6{
	font-size: 2.5vh;

	
	
	font-weight: 600;
	margin-bottom: 4%;
	line-height: 4.5vh;
	
	
	

}

#chat .caja-chat .form-inicio-center #comentarios{
	font-size: 1.9vh;

	
	
	
	width: 100%;
	border-radius: 1.5vh;
	margin-bottom: 3%;
	line-height: 4.5vh;
	padding: 2%;
	
	
	

}
.well-chat {
    /* drop-shadow is better than box-shadow as it add a shadow to tooltip arrows arrow as well,
        however drop-shadow dramatically affects the performance of transition animation on Android. */
    /* filter: drop-shadow(0 0 10px rgba(0,0,0,0.3)); */
    display: block;
    width: 30%;
    justify-content: center;
    align-items: center;
    height: auto;
}
.well-chat .popup_close {
    right: -1%;
    top: -1%;
    font-size: 30px;
    cursor: pointer;
    position: absolute;
    font-weight: 600;
    font-size: 16px;
    padding: 1%;
    border-radius: 8px;
    background: #008d97;
    color: #fff;
    text-decoration: none;
}

.todo-footer{
	
		width: 100%;
	color: #fff;
		background-color: #111;
	padding: 4%;
	padding-bottom: 3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
		
	
	

}
 

.todo-footer h2{
	font-size: 1.4em;
	width: 90%;
	text-align: center;

	
		
	
		
	
	

}
.todo-footer .centrar-negro{
	
		width: 80%;
		
	padding: 2%;
	display: grid;
	
		
	
	 grid-template-columns: 25% 25% 25% 25%;

    gap: 2% 2%;

}


.todo-footer .centrar-negro .box-2{
	
		width: 100%;
		
	padding: 2%;
	display: flex;
	flex-direction: column;
	
	
	
	

}


.todo-footer .centrar-negro .box-2 h1{
	
		width: 100%;
	text-align: left;
	font-size: 2.5vh;
	
	font-weight: 500;
	margin-bottom: 3%;
		
	
	

}


.todo-footer .centrar-negro .box-2 .menus{
	
		width: 100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	
		
	
	

}


.todo-footer .centrar-negro .box-2 .menus-2{
	
		width: 100%;
	display: flex;
	flex-direction: row;
	color: #fff;
	
		
	
	

}



.todo-footer .centrar-negro .box-2 .menus a{
	
		width: 50%;
	
	font-weight: 400;
	margin-bottom: 4%;
	
	 grid-template-columns: 33% 33% 33%  33% ;

    gap: 1% 1%;
	
	text-decoration: none;
	color: #fff;
		
	
	

}


.todo-footer .centrar-negro .box-2 .menus-2 a{
	
		width: 10%;
	
	font-weight: 400;
	margin-bottom: 3%;
	
	 grid-template-columns: 33% 33% 33%  33% ;

    gap: 1% 1%;
	
	text-decoration: none;
	color: #fff;
	margin-left: 3%;
		
	
	

}

.todo-footer .centrar-negro .box-2 .menus-2 a img{
	
		width: 100%;
	
	
	

}



.todo-footer .centrar-negro .box-2 .imagencita{
	
		width: 55%;
	margin-bottom: 4%;
		
	
	

}

.todo-footer .centrar-negro .box-2 .imagencita img{
	
		width: 100%;
		
	
	

}




























.home{
	
	height: auto;
	margin-bottom: 0%;

	
height:100vh;
	

}





.home .slide{

	position:absolute;

	left:0;

	top:0;

	width:100%;

	height:100vh;

	padding:0 0px;

	background-size:cover;

	

	

	background-position:center;

	z-index:1;

	display:none;

	animation: slide 6s ease;
	

	

}

.home .slide.active{

	display:flex;

	

	

}









.home .slide h4{

	font-size:1em;

	font-weight:400;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;

	width: 43%;

	text-align: right;

	font-style: italic;

	right: 22vh;

	bottom: 6vh;

	position: absolute;

	opacity:0;

	animation: captionText .5s ease forwards;

	animation-delay:1s;

	text-transform:capitalize;

	font-family: "Prompt", sans-serif;

  

  font-weight: 400;

}







@keyframes slide{

	0%{

		

		opacity:1;

		transform:scale(1)

	

	}

	

	100%{

		opacity:1;

		transform:scale(1.05)

	

	}

	

}

.container{

	max-width:76%;

	margin:auto;

	

	

	 

}



.home .container{

	

	flex-grow:1;

	

	

}



.home .caption{

	width:35%;
	

	

		font-family: "Prompt", sans-serif;
  font-weight: 700;
	height: 40%;
  

	z-index:40000000000000;

	position: absolute;
	display: flex;
	flex-direction: column;

	top: 32%;

	left: 12%;

	

	

	

	

}







.center-services2{

	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0%;
	
	 background:url(../imagenes/web-back-04.jpg) no-repeat fixed;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
	padding: 3%;
	padding-top: 4%;
	
	
	
}


.center-image .todo-img .center{

	width:60%;
	display: flex;
	height: auto;
	flex-direction: column;
	height: 90vh;
	position: relative;
	
	justify-content: center;
	align-items: center;
	
	

	
	
}
 

.center-image .todo-img .center img{

	width:82%;
	top: -5vh;
	height: 100vh;
	z-index: 1;
	display: flex;
	position: absolute;
	
	
	

	
	
}
 
 
.center-services .todo-img{

	width:70%;
	position: relative;
	display: grid;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0%;
	padding-top: 2%;
	
	 grid-template-columns: 33% 33% 33%;

    gap: 4% 4%;
	padding-bottom:5%;

	
	
}
 





.center-services .todo-img .der{

	width:100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	justify-content: center;
	
	padding: 0%;
	

	
	
}


.center-services .todo-img .der a{

	width:auto;
	background-color: #fff;
	border-radius: 4px;
	width: 30%;
	text-align: center;
	padding: 1%;
	margin-top: 4%;
	text-decoration: none;
	font-weight: 600;
	color: #111;
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	
	padding: 0%;
	

	
	
}














.center-services{

	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0%;
	flex-direction: column;
	
	 background:url(../imagenes/back-2-06.jpg) no-repeat fixed;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
	padding: 3%;
	padding-top: 4%;
	
	
	
}

 

.center-services h2{
	color: #fff;
	width: 70%;
	text-align: center;
	font-size: 38px;
	font-weight: 500;
	margin-top: 3vh;
	margin-bottom: 3vh;

	
	
	
	
}





.center-services .todo-img{

	width:70%;
	display: grid;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0%;
	padding-top: 2%;
	
	 grid-template-columns: 48% 48%;

    gap: 4% 4%;
	padding-bottom:10%;

	
	
}
  

.center-services .todo-img .der{

	width:100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	justify-content: center;
	
	padding: 0%;
	position: relative;
	

	
	
}





.center-services .todo-img .der .encima{
	padding: 20px;
	height: 81%;
  background: lightgrey;
  display: flex;
	 text-transform: uppercase;
	font-size: 22px;
  transform: perspective(1px) translateZ(0);
  position: absolute;
  transition: color 0.3s;
	width: 100%;
	opacity: 0.1;
	justify-content: center;
	align-items: center;
	top: -5%;
}




.center-services .todo-img .der .encima:hover{
	opacity: 1;
	background-color: rgba(0,0,0,0.62);
	color: #fff;
	
	overflow: hidden;
	
	
	
}


.center-services .todo-img .der .encima:before {
  content: "";
  position: absolute;
  top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(35,152,227,0.5);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.3s ease-out;
}
.center-services .todo-img .der .encima:hover:before {
  transform: scaleX(1);
}













.center-services .todo-img3{

	width:92%;
	display: grid;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0%;
	padding-top: 0%;
	
	 grid-template-columns: 25% 25% 25% 25%;

    gap: 2% 2%;
	padding-bottom:5%;
 
	
	
}
  


.center-services .cen-bot{

	width:40%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 4%;
	
	
	
 
	
	
}
.center-services .todo-img3 .der{

	width:100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	justify-content: center;
	
	padding: 0%;
	position: relative;
	

	
	
}
 


.center-services .todo-img3 .der h1{

	width:92%;
	display: flex;
	font-size: 21px;
	text-align: center !important;
	padding-top: 6%;
	margin-top: 5%;
	
	

	
	
}

.center-services .todo-img3 .der p{

	width:92%;
	display: flex;
	font-size: 18px;
	
	
	
	

	
	
}


.center-services .todo-img3 .der .encima{
	padding: 20px;
	height: 69%;
  background: lightgrey;
  display: flex;
	 text-transform: uppercase;
	font-size: 22px;
  transform: perspective(1px) translateZ(0);
  position: absolute;
  transition: color 0.3s;
	width: 100%;
	opacity: 0.1;
	justify-content: center;
	align-items: center;
	top: 0%;
}




.center-services .todo-img3 .der .encima:hover{
	opacity: 1;
	background-color: rgba(0,0,0,0.62);
	color: #fff;
	
	overflow: hidden;
	
	
	
}


.center-services .todo-img3 .der .encima:before {
  content: "";
  position: absolute;
  top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(35,152,227,0.5);
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.3s ease-out;
}
.center-services .todo-img3 .der .encima:hover:before {
  transform: scaleX(1);
}












.botoncito{

	width:40%;
	text-decoration: none;
	padding: 2% !important;
	border: 1px solid #444;
	border-radius: 8px;
	
	
transform: perspective(1px) translateZ(0);
  position: relative;
  transition: color 0.3s;
	
	
}



 

.botoncito:before{
	content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: #2098D1;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform 0.3s ease-out;
}
	
	

	
	
.botoncito:hover {
  color: white;
}
.botoncito:hover:before {
  transform: scaleX(1);
}



.center-services .todo-img .der img{

	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 4%;
	

	
	
}


.center-image{

	width:100%;
	z-index: 200000000;
	border: 2px solid #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0%;
	
	
	
	
	
}
 

.center-image .todo-img{

	width:100%;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0%;
	
	
	
	
}
 


.center-image .todo-img .izq{

	width:40%;
	margin-right: 5%;
	margin-left: 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	
	
}



.center-image .todo-img .izq h1{
	color: #0C73B0;
	
		
  font-weight: 700;
	width: 90%;
	width: 90%;
	font-size: 5vh;
	

	
	
	
}



.center-image .todo-img .izq p{
	margin-bottom: 3%;
	
	
	

	
	
	
}

.center-image .todo-img .der{

	width:50%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	
	
	
	
}

.center-image .todo-img .der img{

	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	
	
	
	
}























.home .out{ 

	width:35%;
	height: 10%;
	z-index:40000000000000;
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 22%;
	
	height: auto;
	
	right: 5%;
}














.home .out #contact-index{

	width:80%;
	color: #fff;
	
	
}


.home .out #contact-index .see{

	width:100%;
	display: flex;
	flex-direction: row;
	bottom: 2px solid #fff;
	color: #fff;
	
	
	
}


.comentarios-contacto{

	width:100%;
	height: 10vh;
	margin-bottom: 3%;
	padding: 2%;
	border-radius: 12px;
	
	display: flex;
	flex-direction: column;
	
	
	
	
}


.send-contacto{
	background-color: #0C73B0 !important;
	color: #fff;
	font-weight: 500;
	font-size: 17px;

	
	
	
	
	
	
	

}

.home .out #contact-index .see .izqqqq{

	width:50%;
	margin-bottom: 3%;
	margin-left: 1%;
	margin-right: 1%;
	display: flex;
	flex-direction: column;
	
	
	
	
}

.home .out #contact-index .see .izqqqq .titles-contacto{

	
	margin-bottom: 5%;
	
	
	
	
}

.home .out #contact-index .see .izqqqq input{
	border-radius: 1vh;
	padding: 3%;

	
	
	
	
	
	
}


.home .out #contact-index .titles-contacto{

	width:100%;
	margin-top: 4%;
	margin-bottom: 2%;
	color: #fff;
	
	
}




.home .out #contact-index input{

	width:100%;
	border-radius: 15px;
	padding: 2%;
	border: 0px;
	
	
}






.home .out{

	width:35%;
	height: 10%;
	z-index:40000000000000;
	position: absolute;
	display: flex;
	flex-direction: column;
	top: 22%;
	
	height: auto;
	
	right: 5%;
}


.home .out img{

	
	position:relative;
	width: 100%;
	
	display: flex;
	flex-direction: column;
	
}











.home .caption3{

	width:100%;

	

		 font-family: "Roboto Slab", serif;

  

  font-weight: 800;

	z-index:9999999999999;

	position: absolute;

	top: 40%;

	right: 0%;

 	left: 0%;

	

	

}





.home .caption3 h2{

	font-size:4.4em;

	text-align: center;

	line-height: 12.5vh;

	font-weight:500;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;

	text-transform:uppercase;

	margin:0;	

	

}





.home .caption3 a{

	display:block;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.7);

	text-decoration:none;

	padding:0.5%;

	font-weight:500;

	

	color:#fff;

	

	opacity:0;

	margin: auto;

	width: 70%;

	text-align: center;

	animation: captionText .5s ease forwards;

	animation-delay:1.4s;

	font-size:1.1vw;

	font-family: 'Montserrat', sans-serif;

	transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

}



























.home .caption2{

	width:60%;

	

		 font-family: "Roboto Slab", serif;

  

  font-weight: 800;

	z-index:9999999999999;

	position: absolute;

	top: 35%;

	right: 9%;

	

	

}





.home .caption2 h2{

	font-size:4.4em;

	text-align: right;

	line-height: 12.5vh;

	font-weight:500;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;

	text-transform:uppercase;

	margin:0;	

	

}





.home .caption2 a{

	display:block;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.7);

	text-decoration:none;

	padding:0.5%;

	font-weight:500;

	

	color:#fff;

	border-radius:10px;

	opacity:0;

	width: 100%;

	text-align: right;

	animation: captionText .5s ease forwards;

	animation-delay:1.4s;

	font-size:1.1vw;

	font-family: 'Montserrat', sans-serif;

	transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

}

 

.home .caption h1{

	font-size:4em;

	

  

  font-weight: 900;
	line-height: 1.2em;
	position: relative;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;
	width: 80%;

	text-transform:capitalize;
	top: 2%;

	

}




.home .caption h4{

	font-size:1.1em;

	 
	position: relative;
	top: 9%;
	left: 0%;
	text-align: left;
	font-style: normal;

  

  font-weight: 400;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;
	width: 65%;

	text-transform:capitalize;

	

}


 


.home .caption a{

	font-size:1.1em;
	background-color: #fff;
	

	 
	position: relative;
	top: 21%;
	color: #111;
	text-decoration: none;
	
	left: 0%;
	padding: 2%;
	
	
  

  font-weight: 600;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

	
	width: 38%;
	text-align: center;
	border-radius: 10px;

	text-transform:capitalize;

	

}






.home .caption h1 small{

	font-size:6vh;

	font-weight:300;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;

	

	text-transform:uppercase;

	margin:0;	

}







.home .slide.active .caption h1{

	opacity:0;

	animation: captionText .5s ease forwards;

	animation-delay:1s;

}

.home .caption p{

	font-size:1.8vh;

	margin:15px 0 30px;

	color:#fff;

	font-weight:400;

	

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.7);

	color:#fff;

	text-transform:uppercase;

	

}

.home .slide.active .caption p{

	opacity:0;

	animation: captionText .5s ease forwards;

	animation-delay:1.2s;

	display: none;

}






@keyframes captionText{

	0%{

		opacity:0; 

	}

	100%{

		opacity:1; 

	}

}

 

.home .controls .prev,

.home .controls .next{

	position:absolute;

	z-index:10;

	top:50%;

	transition:1s ease-out;

	

	height:45px;

	width:45px;

	margin-top:-20px;

	color:#fff;

	



	text-align:center;

	line-height:42px;

	font-weight: 600;

	font-size:3.9vh;

	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;

	cursor:pointer;



}



.home .controls .prev{

	left:2%;

	

	

}

.home .controls .prev:hover{

	opacity:0.4;

	

	

	

}

.home .controls .next{

	

	right:2%;

	

}.home .controls .next:hover{

	

	opacity:0.4;

	

}



.home .indicator{

	position: absolute;

	display:none;

	left:50%;

	bottom:30px;

	z-index: 2;

	transform: translateX(-50%);

}



.home .indicator div{

	display: inline-block;

	width:25px;

	height: 25px;

	color:#ffffff;

	background-color: #FF5722;

	border-radius:50%;

	text-align: center;

	line-height: 25px;

	margin:0 3px;

}



.home .indicator div.active{

 background-color: #000;

}

























.icon{
  color: #fff;
  font-size: 20px;
  cursor: pointer; 
  display: none;
}
.icon.cancel-btn{
  position: absolute;
  right: 30px;
  top: 20px;
}



.icon.menu-btn{
  position: absolute;
  right: 16px;
  top: 11px;
}

.navbar.sticky .icon.cancel-btn{
  top: 10px;
}
@media (max-width: 868px) {
  body.disabledScroll{
    overflow: hidden;
  } 
  .icon{
    display: block;
    height: 25px;
    width: 25px;
	 
    text-align: center;
	  background-color: #222;
	  
    line-height: 3px;
    border-radius: 50%;
    z-index: 9;
  }
  .icon.cancel-btn{
    display: none;
  }
	
	
  .icon.cancel-btn.show{
    display: block;
  }
  .icon.hide{
    display: none;
  }
  .navbar .menu-list{
    position: fixed;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    background: #222;
    display: block;
    padding: 40px 0;
    text-align: center;
    clip-path: circle(25px at calc(100% - 55px) calc(0% + 50px));
    transition: all 0.3s ease;
  }
  .navbar.sticky .menu-list{
    clip-path: circle(25px at calc(100% - 55px) calc(0% + 35px));
  }
  .navbar .menu-list.active{
    clip-path: circle(75%);
  }
  .navbar .menu-list li{
    margin-top: 45px;
  }
  .navbar .menu-list li a{
    font-size: 23px;
  }
}







@media screen and (max-width: 500px) {

   
		
		
		
.home{
	
	height: auto;
	margin-bottom: 2%;
	
	margin-top: 0px;
	padding-top: 0px;
	padding: 0 !important;
	margin: 0 !important;
	

	
background-color: #111;
	

}





.home .slide{

	position:relative;

	left:0;

	top:0;

	width:100%;

	height:100vh;

	padding:0 0px;

	background-size:cover;

	

	

	background-position:center;

	z-index:1;

	display:none;

	animation: slide 6s ease;
	

	

}

.home .slide.active{

	display:flex;

	

	

}




.container{

	max-width:76%;

	margin:auto;

	

	

	 

}



.home .container{

	

	flex-grow:1;
	flex-direction: column;

	

	

} 



.home .caption{

	width:90%;
	

	

		font-family: "Prompt", sans-serif;
  font-weight: 700;
	height: 40%;
  

	z-index:40000000000000;

	position: relative;
	display: flex;
	flex-direction: column;

	top: 35%;

	left: 6%;
	margin: 0 auto;

	

	

	

	

}







.center-services2{

	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0%;
	
	 background:url(../imagenes/web-back-04.jpg) no-repeat fixed;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
	padding: 3%;
	padding-top: 4%;
	
	
	
}


.center-services .todo-img{

	width:92%;
	display: grid;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0%;
	padding-top: 2%;
	
	 grid-template-columns: 99%;

    gap: 4% 4%;
	padding-bottom:5%;

	
	
}
 

.center-services .todo-img .der{

	width:100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	justify-content: center;
	
	padding: 0%;
	

	
	
}


.center-services .todo-img .der a{
 
	width:auto;
	background-color: #fff;
	border-radius: 4px;
	width: 100%;
	text-align: center;
	padding: 1%;
	margin-top: 4%;
	text-decoration: none;
	font-weight: 600;
	color: #111;
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	
	padding: 0%;
	

	
	
}














.center-services{

	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0%;
	
	 background:url(../imagenes/back-2-06.jpg) no-repeat fixed;
  background-size: cover;
  background-position: center;
  background-attachment: fixed;
	padding: 3%;
	padding-top: 4%;
	 
	
	
}


.center-services .todo-img{

	width:74%;
	display: block;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0%;
	padding-top: 2%;
	
	 grid-template-columns: 90%;

    gap: 4% 4%;
	padding-bottom:5%;

	
	
}
 

.center-services .todo-img .der{

	width:100%;
	margin-bottom: 9%;
	display: flex;
	flex-direction: column;
	color: #fff;
	justify-content: center;
	
	padding: 0%;
	

	
	
}


.center-services .todo-img .der a{

	
	background-color: #fff;
	border-radius: 4px;
	width: 38%;
	text-align: center;
	padding: 1.5%;
	margin-top: 4%;
	text-decoration: none;
	font-weight: 600;
	color: #111;
	display: flex;
	flex-direction: column;
	
	justify-content: center;
	
	
	

	
	
}


.center-services .todo-img .der img{

	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 4%;
	

	
	
}


	
	
	
	
.center-image{

	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0%;
	height: 100vh;
	
	text-align: center;
	

	
	
	
	
}
 
 
.center-image .todo-img{
border: 1px solid #CCC;
	width:92%;
	height: 94vh;
	
	display: flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 0%;
	
	
	
	
	
}
 


.center-image .todo-img .izq{

	width:100%;
	margin-right: 5%;
	margin-left: 5%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	
}
 
 

.center-image .todo-img .izq h1{
	color: #0C73B0;
	
		font-family: "Prompt", sans-serif;
  font-weight: 700;
	width: 92%;
	font-size: 5.1vh;
	line-height: 7vh;
	text-align: center;
	

	
	
	
}




.center-image .todo-img .izq p{
	
	
		font-family: "Prompt", sans-serif;
  
	width: 90%;
	font-size: 1.8vh;
	text-align: center;
	

	
	
	 
}
.center-image .todo-img .der{

	width:100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	
	
	
	
	
}

	
.center-image .todo-img .der h1{

	width:100%;
	font-size: 4vh !important;
	
	
	
	
	
	
	
}

	
	
	
	
.center-image .todo-img .der img{

	width:100%;
	margin-top: 10px;
	
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
	
	
	
	
}


	.botoncito{
		
		margin: 0 auto !important;
		border: 0px !important;
		margin-top: 5% !important;
		width: 36% !important;
	
	}





.home .out{

	width:80%;
	height: 10%;
	z-index:40000000000000;
	position: relative;
	display: flex;
	flex-direction: column;
	top: 22%;
	margin: 0 auto;
	
	height: auto;
	
	right: 5%;
}


.home .out img{

	
	position:relative;
	width: 100%;
	
	display: flex;
	flex-direction: column;
	
}











.home .caption3{

	width:100%;

	

		 font-family: "Roboto Slab", serif;

  

  font-weight: 800;

	z-index:9999999999999;

	position: absolute;

	top: 40%;

	right: 0%;

 	left: 0%;

	

	

}





.home .caption3 h2{

	font-size:4.4em;

	text-align: center;

	line-height: 12.5vh;

	font-weight:500;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;

	text-transform:uppercase;

	margin:0;	

	

}





.home .caption3 a{

	display:block;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.7);

	text-decoration:none;

	padding:0.5%;

	font-weight:500;

	

	color:#fff;

	

	opacity:0;

	margin: auto;

	width: 70%;

	text-align: center;

	animation: captionText .5s ease forwards;

	animation-delay:1.4s;

	font-size:1.1vw;

	font-family: 'Montserrat', sans-serif;

	transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

}



























.home .caption2{

	width:60%;

	

		

  

  font-weight: 800;

	z-index:9999999999999;

	position: relative;
	height: auto;

	top: 35%;

	right: 19%;

	

	

}





.home .caption2 h2{

	font-size:4.4em;

	text-align: right;

	line-height: 12.5vh;

	font-weight:500;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;

	text-transform:uppercase;

	margin:0;	

	

}





.home .caption2 a{

	display:block;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.7);

	text-decoration:none;

	padding:0.5%;

	font-weight:500;

	

	color:#fff;

	border-radius:10px;

	opacity:0;

	width: 100%;

	text-align: right;

	animation: captionText .5s ease forwards;

	animation-delay:1.4s;

	font-size:1.1vw;

	

	transition: all 0.2s ease-in-out;

    -moz-transition: all 0.2s ease-in-out;

}

  

.home .caption h1{
 
	font-size:2em;

	
  

  font-weight: 900;
	left: 0;
	margin: 0 auto;
	position: relative;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;
	width: 90%;
	margin-bottom: 5%;

	text-transform:capitalize;
	
	text-align: center;

	

}

 

.home .slide h4{

	font-size:1em;

	width: 100%;

	text-align: center;

	font-style: italic;
	margin: 0 auto;

	right: 0;

	bottom: 12vh;

	position: absolute;

	opacity:0;

	animation: captionText .5s ease forwards;

	animation-delay:1s;

	text-transform:capitalize;

	
  

  font-weight: 400;

}



.home .caption h4{

	font-size:1.1em;

	
	position: relative;
	top: 0%;
	left: 0%;
	text-align: center;
	margin-top:  6%;

  

  font-weight: 400;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;
	width: 80%;

	text-transform:capitalize;

	

}





.home .caption a{

	font-size:1.1em;
	background-color: #fff;
	margin-left: 0px;
	margin-right: 0px;
	

	
	position: relative;
	top: 25%;
	color: #111;
	text-decoration: none;
	margin: 0 auto;
	
	left: 0%;
	padding: 2%;
	
	
  

  font-weight: 600;

	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);

	
	width: auto;
	text-align: center;
	border-radius: 10px;

	text-transform:capitalize;

	

}






.home .caption h1 small{

	font-size:6vh;

	font-weight:300;

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.8);

	color:#fff;

	

	text-transform:uppercase;

	margin:0;	

}







.home .slide.active .caption h1{

	opacity:0;

	animation: captionText .5s ease forwards;

	animation-delay:1s;

}

.home .caption p{

	font-size:1.8vh;

	margin:15px 0 30px;

	color:#fff;

	font-weight:400;

	

	text-shadow: 2px 2px 2px rgba(40, 40, 60, 0.7);

	color:#fff;

	text-transform:uppercase;

	

}

.home .slide.active .caption p{

	opacity:0;

	animation: captionText .5s ease forwards;

	animation-delay:1.2s;

	display: none;

}



 

.home .controls .prev,

.home .controls .next{

	position:absolute;

	z-index:10000000000;

	top:50%;

	transition:1s ease-out;

	

	height:45px;

	width:45px;

	margin-top:-20px;

	color:#fff;

	



	text-align:center;

	line-height:42px;

	font-weight: 600;

	font-size:3.9vh;

	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;

	cursor:pointer;



}



.home .controls .prev{

	left:2%;

	

	

}

.home .controls .prev:hover{

	opacity:0.4;

	

	

	

}

.home .controls .next{

	

	right:2%;

	

}.home .controls .next:hover{

	

	opacity:0.4;

	

}



.home .indicator{

	position: absolute;

	display:none;

	left:50%;

	bottom:30px;

	z-index: 2;

	transform: translateX(-50%);

}



.home .indicator div{

	display: inline-block;

	width:25px;

	height: 25px;

	color:#ffffff;

	background-color: #FF5722;

	border-radius:50%;

	text-align: center;

	line-height: 25px;

	margin:0 3px;

}



.home .indicator div.active{

 background-color: #000;

}



	
.navbar .logo a{
  color: #fff;
	
  font-size: 30px;
  font-weight: 600;
  text-decoration: none;
}


.navbar .logo a img{
	width: 30%;
 
}	
		
		
		
		
	.content{
  max-width: 1250px;
		
  margin: auto;
  padding: 0px 20px;
}
.navbar{
  position: fixed;
  z-index: 5;
  width: 100%;
  padding: 5px 0;
  transition: all 0.3s ease;
}
.navbar.sticky{
  padding: 5px 0;
  background: #1b1b1b;
  box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.1);
}
.navbar .content{
  display: flex;
  align-items: center;
  justify-content: space-between;
}	
		
		
	
	
	
	
	
	
	
	
	
	
	
	
	


.todo-footer{
	
		width: 100%;
	color: #fff;
		background-color: #111;
	padding: 4%;
	padding-bottom: 3%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	
		
	
	

}
 

.todo-footer h2{
	font-size: 0.8em;
	width: 90%;
	text-align: center;
	margin-bottom: 5%;

	
		
	
		
	
	

}
.todo-footer .centrar-negro{
	
		width: 80%;
		
	padding: 2%;
	display: block;
	
		
	
	 grid-template-columns: 98%;

    

}


.todo-footer .centrar-negro .box-2{
	
		width: 100%;
		
	padding: 2%;
	display: flex;
	flex-direction: column;
	
	
	
	

}


.todo-footer .centrar-negro .box-2 h1{
	
		width: 100%;
	text-align: left;
	font-size: 2.5vh;
	
	font-weight: 500;
	margin-bottom: 3%;
		
	
	

}


.todo-footer .centrar-negro .box-2 .menus{
	
		width: 100%;
	display: flex;
	flex-direction: column;
	color: #fff;
	
		
	
	

}


.todo-footer .centrar-negro .box-2 .menus-2{
	
		width: 100%;
	display: flex;
	flex-direction: row;
	color: #fff;
	
		
	
	

}



.todo-footer .centrar-negro .box-2 .menus a{
	 
		width: 50%;
	
	font-weight: 400;
	margin-bottom: 4%;
	
	 grid-template-columns: 33% 33% 33%  33% ;

    gap: 1% 1%;
	
	text-decoration: none;
	color: #fff;
		
	
	

}


.todo-footer .centrar-negro .box-2 .menus-2 a{
	
		width: 15%;
	margin: 0 auto;
	
	font-weight: 400;
	margin-bottom: 3%;
	
	 grid-template-columns: 33% 33% 33%  33% ;

    gap: 1% 1%;
	
	text-decoration: none;
	color: #fff;
	margin-left: 3%;
	margin-top: 4%;
		
	
	

}

.todo-footer .centrar-negro .box-2 .menus-2 a img{
	
		width: 100%;
	
	
	

}



.todo-footer .centrar-negro .box-2 .imagencita{
	
		width: 68%;
	margin-bottom: 10%;
	margin: 0 auto;
		
	
	

}

.todo-footer .centrar-negro .box-2 .imagencita img{
	
		width: 100%;
	margin-bottom: 8%;
		
	
	

}






#chat{
	
	
	
	width: 100%; 
	
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 4%;
	padding-bottom: 4%;
	background-color: #222;
	
 
}



#chat .caja-chat{
	
	
	
	width: 85%;
	
	margin-bottom: 3%;
	margin-top: 3%;
	display: flex;
	flex-direction: column;
	

}


#chat .caja-chat .form-inicio{

	width: 100%;
	color: #fff;
	
	font-weight: 400;
	margin-bottom: 3%;
	margin-top: 3%;
	

}



#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3{

	width: 100%;
	display: flex;
	flex-direction: column;
	
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form8{

	width: 100%;
	display: flex;
	flex-direction: row;
	
	
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form8 .comentarios-dats{
	height: 10vh;
	width: 100%;

	
	
	
	

}

#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs{

	width: 100%;
	
	display: flex;
	flex-direction: column;
	
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs .large{

	width: 100%;
	display: flex;
	flex-direction: row;
	
	font-size: 1vh;
	
	

}


#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs .large span{

	width: 100%;
	display: flex;
	flex-direction: row;
	
	font-size: 1.2vh;
	
	
 
}

 

#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .send-home-envivo{

	width: 100%;
	background-color: #0C73B0;
	color: #fff;
	border-radius: 1vh;
	display: flex;
	flex-direction: row;
	
	font-size: 1.5vh;
	text-align: center;
	
	

}




#chat .caja-chat .form-inicio #contact-enviar2 .contenedor-form3 .inputs .large input{

	width: 100%;
	display: flex;
	width: 2.2vh;
	margin-right: 8%;
	height: 2.2vh;
	
	
	

}

#chat .caja-chat .form-inicio #contact-enviar2{

	width: 100%;
	display: flex;
	flex-direction: column;
	
	

}

#chat .caja-chat .form-inicio #contact-enviar2 input{
 
	width: 100%;
	margin-bottom: 4%;
	border-radius: 1.5vh;
	outline: none;
	border: 0px;
	padding: 2%;
	display: flex;
	flex-direction: column;
	margin-left: 1%;
	margin-right: 1%;
	

}


#chat .caja-chat .imagen-izq{

	width: 55%;
	display: none;
	
	position: absolute;
	right: 0px;
	
	color: #fff;
	
	font-weight: 400;
	margin-bottom: 3%;
	margin-top: 3%;
	overflow: hidden;
	

}


#chat .caja-chat .imagen-izq img{

	width: 100%;
	
	
	

}

#chat .caja-chat .form-inicio-center{

	width: 100%;
	display: flex;
	flex-direction: column;
	font-weight: lighter;
	
	
	

}


#chat .caja-chat .form-inicio-center h5{
	font-size: 3vh;

	
	
	font-weight: 600;
	margin-bottom: 4%;
	line-height: 4.5vh;
	
	
	

}

#chat .caja-chat .form-inicio-center h6{
	font-size: 2.5vh;

	
	
	font-weight: 600;
	margin-bottom: 4%;
	line-height: 4.5vh;
	
	
	

}

#chat .caja-chat .form-inicio-center #comentarios{
	font-size: 1.2vh;

	
	
	font-weight: lighter;
	width: 90%;
	border-radius: 2vh;
	margin-bottom: 4%;
	line-height: 4.5vh;
	padding: 2%;
	
	
	

}




.video-container {
  height: auto;
  width: 100%;
  margin:0 auto;
	padding-top: 80px !important;
 
  overflow:hidden;
  position: relative;
	background:url(../imagenes/back-2-06.jpg) no-repeat fixed;
}


.video-container .caption2{
  
  position: relative;
	z-index: 0;
	width: 100%;
	left:1%;
	
	  
	
	
	
	top: 40%;
	color: #ffff;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	
	
	
	
	
}



.video-container .caption2 h1{
	font-size: 6vh !important;
	width: 98%;
	text-align: center;
	line-height: 6.5vh !important;
  text-shadow: 4px 4px 2px rgba(53, 44, 34, 1);
	
	
	
}
	

.video-container .caption2 h4{
	font-size: 23px;
	margin-top: 10px;
	text-align: center;
	font-weight: 500;
text-align: center;
  text-shadow: 3px 3px 3px rgba(53, 44, 34, 1);
	margin-bottom: 4vh;
	width: 90%;
	
}



.video-container .caption2 a{
	text-align: center;

	font-weight: 35px;
	font-weight: 400 !important;
	padding: 15px;
	
	border-radius: 15px;
	border: 2px solid #fff;
color: #fff;
	text-decoration: none;
	
}




.video-container video {
  min-width: 100%;
  min-height: 100%;
  
  width: 90%;
	display: none;
  
 
}

/* Just styling the content of the div, the *magic* in the previous rules */
.video-container .caption {
  z-index: 1;
  position: relative;
  text-align: center;
  color: #dc0000;
  padding: 10px;
}

 





.back-green {
    width: 100%;
	right: 0%;
	top: 0%;
	margin: 0 auto !important;
	margin-bottom: 5vh !important;
	
    height: auto;
	padding:1%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	position: relative;
	z-index: 0;
 
    overflow: hidden;
	
	
}
.back-green .center {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column ;
    justify-content: center;
	
	
    align-items: center;
}

.back-green .center img{
    width: 90%;
	
	margin: 0 auto;
    
}
	
	


.center-services .todo-img3 .der h1{

	width:92%;
	display: flex;
	font-size: 21px;
	text-align: center !important;
	padding-top: 6%;
	margin-top: 5%;
	
	

	
	
}

.center-services .todo-img3 .der p{

	width:92%;
	display: flex;
	font-size: 18px;
	
	
	
	

	
	
}

	

.center-services h2{
	color: #fff;
	width: 90%;
	text-align: center;
	font-size: 38px;
	font-weight: 700;
	margin-top: 3vh;
	margin-bottom: 3vh;

	
	
	
	
}
	


.center-services .todo-img3{

	width:98%;
	display: grid;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 0%;
	padding-top: 0%;
	
	 grid-template-columns: 98%;

    gap: 2% 2%;
	padding-bottom:5%;
 
	
	
}
  

	
	
	
.center-services .cen-bot{

	width:90%;
	margin-top: 11vh;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	margin-bottom: 4%;
	
	
	
 
	
	
}
       
	
.content .boxe{
	
	display: flex;
	flex-direction: column;
	width: 98%;
	border: 1px solid #0C73B0;
	margin-left: 3%;
	margin-right: 3%;
	padding: 3%;
	margin-top: 3%;
	position: relative;
	align-items: center;
	justify-content: center;
	border-radius: 2vh;
	
	 background: url("../imagenes/backvideo-01.jpg") center no-repeat;
	background-size: contain;
	  
	
	
} 



.content .boxe .fut{
	position: absolute;
	bottom: -20vh;
	width: 60%;

} 



.content .boxe .fut img{
	
	width: 100%;

} 



.content .boxe .lgo{
	
	
	width: 20%;
	position: relative;
	top: -1%;
	z-index: 4;
	
	
  
} 


.content .boxe .lgo img{
	
	
	width: 100%;
	
	
  
} 

.about .title{
  font-size: 40px;
	line-height: 45px;
  font-weight: 700;
	display: flex;
	flex-direction: column;
	color: #0C73B0;
	
}
.about p{
  padding-top: 20px;
  text-align: justify;
}






.content{
 width: 98%;
  margin: auto;
  padding: 0px 30px;
	padding-top: 30px;
	padding-bottom: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}  

	
	
	
	
	
	
	
	
	
	

    }