/*
company: MCSOLCOEM;
Autor: Eduardo Paz Amaya;
Área: SISTEMAS;
Año:2022;
*/
/*/@import url('https://fonts.googleapis.com/css?family=Cairo');*/
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
/*@font-face {
  font-family: 'Sofia-Pro';
  src: url("../font/sofia-pro/Sofia Pro Regular Az.otf");
  /*ondas https://www.youtube.com/watch?v=ZvgaSmLuIAQ
  https://www.mlgdiseno.es/los-10-mejores-generadores-de-css/
  https://www.google.com/search?q=illustrator%20en%20laptop%20vector&tbm=isch&hl=es&tbs=rimg:CbyX0GZqXfycYfj8hCgyNOSzsgIMCgIIABAAOgQIABAAwAIA&bih=789&biw=1440&rlz=1C1ONGR_esPE1014PE1014&sa=X&ved=0CBwQuIIBahcKEwjI87OzjfD-AhUAAAAAHQAAAAAQHg#imgrc=oIcVpCCUlXQBwM
  */
/*}*/
*{
    padding: 0;
    margin: 0;
    font-family: 'Poppins', sans-serif; 
    /*letter-spacing: -0.15px;
    font-family: 'Sofia-Pro', sans-serif;
    font-family: 'Cairo', sans-serif;*/
}
.theme-title{
	color: #fff;
	text-align: center;
}
.vertical-slider{
	text-align:center;
}
.vertical-slider .vertical-caption{
	font-size:40px;
	color: #fff;
	display:inline-block;
	text-align:center;
}
.vertical-slider .flex-direction-nav{
	display:block;
}
.container-flexnew{
	width: 100%;
	display: block;
	float: left;
}
.box-slider{
	width: 100%;
	display: block;
	float: left;
}
.secc-slides{
	width: 100%;
	display: block;
	float: left;
}
.secc-slides li{
	width: 100%;
	height: 100vh;
	display: flex;
	float: left;
	text-align: right;
	border-bottom: 1px solid gray;
	justify-content: right;
	align-items: center;
	position: absolute;
	background: white;
	padding: 20px;
	box-sizing: border-box;
}
.secc-slides li img{
	width: 10%;
}
body{
    width: 100%;
    display: block;
    float: left;
    background: linear-gradient(344deg, #3196a4 0%, rgb(0 249 205) 100%);  
    opacity: 0;
    //background-image: url('../img/fondonewd.png')!important;
	background-size: 100%!important;
    background-attachment: fixed;
	background-repeat: no-repeat;  
    //background: linear-gradient(48deg, rgba(0,15,74,1) 0%, rgba(0,101,83,1) 100%);
    //background:#f9f9f9;
    //background:#ffcc00;
    //background-image: linear-gradient(to right top, #d0e2fd, #d4efff, #e1fdff, #fdfffe, #ffffff);
    //background-image: linear-gradient(to right top, #d0e2fd, #d4efff, #e6f7ff, #fdfffe, #ffffff);
}
@keyframes cd-pulso-input
{
0%  {box-shadow:0 0 0 0 #0487C4}
100%{box-shadow:0 0 0 20px rgba(4,135,196,0)}
}
@keyframes cd-pulso-expor
{
0%  {box-shadow:0 0 0 0 #00D8A3}
100%{box-shadow:0 0 0 20px rgba(0,216,163,0)}
}
@keyframes cd-pulso-red
{
0%  {box-shadow:0 0 0 0 #dc7329}
100%{box-shadow:0 0 0 20px rgba(7,229,158,0)}
}
@keyframes cd-flecha
{
0%  {opacity: 0.2;}
100%{opacity: 1;}
}
.box-menu{
	width: 100%;
    display: flex;
    float: left;
    background: white;
    box-sizing: border-box;
    position: fixed;
    z-index: 7;
    justify-content: space-between;
    justify-items: center;
    align-items: center;
    background: rgb(255 255 255 / 31%);
    backdrop-filter: blur(10px);
}
.box-menu-logo{
	width: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
	float: left;
	text-align: left;
	padding: 10px;
	padding-left: 45px;
	box-sizing: border-box;	
}
.box-menu-logo img{
	width:130px;
	display: block;
	float: left;
	margin-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
    box-sizing: border-box;
    /*-webkit-filter: drop-shadow(0px 0px 3px #E7FB84);
    filter: drop-shadow(0px 0px 5px white);*/
}
.box-menu-opciones{
	width: 280px;
	height: 100%;
	display: block;
	float: left;
	position: fixed;
	background: white;
	z-index: 9999999999999999999999999999;
	padding: 10px;
	box-sizing: border-box;
	box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.3);
	left: -100%;
	text-align:center;
	overflow-y: scroll;
}
#close-menu{
	width: 100%;
    position: relative;
    display: block;
    float: left;
    text-align: right;
    cursor: pointer;
    margin-bottom: 20px;
}
#open-menu{
	width: 48px;
    //position: relative;
    display: none;
    float: left;
    text-align: center;
    font-size: 23px;
    font-weight: bold;
    background: white;
    color: black;
    padding: 7px;
    box-sizing: border-box;
    border-radius: 50px;
    box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.3);
    cursor: pointer;
    margin-top:0px;
    right: 36px;
    //top: 10px;
    //position: fixed;
    z-index: 99999999999999999;
}
#open-menu:hover{
	background: white;
	color: black;
}
.box-menu-opciones nav{
	width:100%;
	display: block;
	float: left;
	margin-top: 50px;
	//height:78%;
}
.box-menu-opciones ul{
	width:100%;
	display: block;
	float: left;
}
.box-menu-opciones ul li{
	width:100%;
	display: block;
	float: left;
}
.box-menu-opciones ul li a{
	width:100%;
	display: block;
	float: left;
	text-decoration: none;
	color: #030152;
	font-size: 13px;
	text-align: left;
	padding: 10px;
	box-sizing: border-box;
}
.box-menu-opciones ul li a i{
	font-size: 19px;
	margin-right: 15px;
}
.box-menu-opciones ul li a:hover{
	background: #f5f7f6;
	color: blue;
	font-weight: bold;
	border-radius:5px;
	//border-bottom: 3px solid blue;
}
#action{
	border-bottom: 3px solid blue;
}
.box-menu-opciones img{
	width:32%;
}
.box-menu-opciones footer{
	width:100%;
	display: block;
	float: left;
	text-decoration: none;
	color: #003399;
	font-size: 10px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	//background: #f5f7f6;
	border-radius: 5px;
	font-weight: bold;
	margin-top: 20px;
	letter-spacing:1px;
}
.box-menu-redes{
	width: auto;
	display: block;
	float: right;
	//margin-top: -70px;
	//backdrop-filter: blur(10px);
    //-webkit-backdrop-filter: blur(10px);
    //background-color: rgba(255, 255, 255, 0.3);
    margin-right: 50px;
}
.box-menu-redes-b{
	width: 60%;
	margin: 0px auto;
}
.menu-redes-titu{
	width: 100%;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	color: white;
	//background: white;
	padding: 5px;
	box-sizing: border-box;
	font-weight: normal;
	border-radius: 0 0 20px 20px;
	box-sizing: border-box;
	margin-bottom: 5px;
}
.menu-redes{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;	
	align-items: center;
}
.menu-redes i{
	width: auto;
	display: block;
	float: left;
	padding: 5px;
	border-radius: 100%;
	box-sizing: border-box;
	text-align: center;
	color: white;
	font-size: 18px;
	justify-content: center;
	cursor: pointer;
}
.cant-corazon{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	margin-top: 7px;
	color: white;
	//background: white;
	border-radius: 10px;
	box-sizing: border-box;
}
.btn-whatsapp{
	width: auto;
	display: flex;
	justify-items: center;
	align-items: center;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	color: white;
	background: #03a994;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.2);
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	letter-spacing: 0.5px;
}
.btn-whatsapp i{
	width: auto!important;
}
.btn-mailempr{
	width: auto;
	display: flex;
	justify-items: center;
	align-items: center;
	float: left;
	padding: 6px;
	box-sizing: border-box;
	border-radius: 5px;
	text-decoration: none;
	text-align: center;
	font-size: 11px;
	color: white;
	background: #03193B;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.2);
	margin-left: 10px;
	margin-right: 0px;
	padding-left: 15px;
	padding-right: 15px;
}
.btn-mailempr i{
	width: auto!important;
}
.opmenu{
	width: auto;
	display: flex;
	justify-items: center;
	align-items: center;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 10px;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	color: black;
	padding-left: 15px;
	padding-right: 15px;
	font-weight: bold;
}
.opmenu:hover{
	color: green;
	font-weight: bold;
	//transition: 0.5s;
}
/*--------SLIDER ----------*/
.box-slider{
    width: 100%;
    display: block;
    float: left;
    margin-top: 0px; 
    //background:#ffcc00;
    //background:#3c5b87;  
    position: relative; 
    z-index: 2;
    //background: linear-gradient(344deg, #3196a4 0%, rgb(0 249 205) 100%);
    //background-image: radial-gradient(circle, #6bd1ac, #58c2a5, #46b29e, #34a397, #23948e, #1b8b87, #12817f, #077878, #067271, #046c69, #046762, #03615b);
}
.box-slider .slides{
    width: 100%;
    height: 100vh;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
    /*background: #008074;*/
    /*background: rgb(52,2,105);
    background: linear-gradient(24deg, #218491 0%, #5CC7D5 51%, #5CC7D5 100%);
	*/
}
#slider .slides:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.7;
  background-image: url('../img/slider/fondo.png');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  animation: animacion-back-rotar 15s infinite;
}
.box-slider .slides ul{
    display:flex;
    float: left;
    width: 400%;
    position: relative;
    /* animation: rotar 5s infinite;
     animation-direction: alternate;*/
}
.box-slider .slides li{
    width: 100%;
    display: flex;
    float: left;
    position: relative;
    text-align: center;
    //left: -100%;
}
.box-slider .slides li img{
    width: 37%;
    //display: block;
    //float: left;
    //opacity: 0.1;
    //filter: saturate(270%);
    //border-radius:0 0 180px 0;
    //animation: animacion-slider 2s;
}
.box-textLineaProd{
	width: 45%;
    display: flex;
    float: right;
    position: absolute;
    top: 15%;
    right: 35px;
    z-index: 9;
    flex-direction: column;
    align-items: center;
}
.textLineaProd{
    width: 50%;
    display: flex;    
    color: black;
    font-size: 13px;
    padding: 10px;
    box-sizing: border-box;  
    font-weight: bold;
    text-align: center;
    align-items: center;
    flex-direction: column;
    background: #d6df01;  
    border-radius: 20px 20px 20px 20px;  
}
.textLineaProd small{
	font-size: 10px;
	font-weight: normal;
}
.textLineaProd i{
	font-size: 20px;
	margin-right: 10px;
	background: #d6df01; 
}
.rectangulo{
	width: 50px;
	height: 20px;
	background: #d6df01;
	clip-path: polygon(0% 0%, 100% 0, 100% 0%, 50% 100%);
}
.rectanguloB{
	width: 50px;
	height: 20px;
	background: white;
	clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
	margin-bottom: -1px;
}
.slider-descrip{
	width: 50%;
	height: 100vh;
	display: flex;
	float: right;
	justify-content: center;
	align-content: center;
	margin: 0px auto;
	/*position: absolute;
	background: white;*/
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px;
	align-items: center;
	/*backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    background-color: rgba(0, 47, 69, 0.3);*/
	/*box-shadow: 0px 0px 5px 0px rgba(143,143,143,0.3);*/
	/*filter: contrast(100%);
    -webkit-filter: contrast(100%);
    -moz-filter: contrast(100%);*/
}
.titulo-slider-item{
	width: 100%;
	display: block;
	float: left;
	font-size: 45px;
	text-align: center;
	color: white;
	font-weight: bolder;
	line-height: 40px;
	margin-bottom: 10px;
	margin-top: 12%;
}
.descri-slider-item{
	width: auto;
	display: block;
	float: right;
	font-size: 13px;
	text-align: center;
	color: black;
	font-weight: bold;
	padding: 10px;
    box-sizing: border-box;
    border-radius: 20px 20px 20px 20px;
    background: white;
    backdrop-filter: blur(10px);
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.2);	
}
.titulo-slider-item small{
	font-size: 25px;
	font-weight: normal;
	color: white;
}
.box-btn-slider{
	width: 100%;
	display: flex;
	justify-content: center;
}
.slider-descrip a {
    width: auto;
    display: block;
    float: right;
    font-size: 11px;
    text-align: center;
    color: white;
    font-weight: normal;
    text-decoration: none;
    background: black;
    border-radius: 20px 20px 20px 20px;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    box-sizing: border-box;
    margin-top: 5px;
    margin-bottom: 25px;
}
.slider-descrip a:hover{
	animation: cd-pulso-red 1s infinite;
}
.boxdescri-slider-item{
	width: 100%;
	display: flex;
	float: left;
	align-items: center;
	flex-direction: column;
	justify-content: center;
	justify-items: center;
}
.box-descrip-slider{
	width: 100%;
	display: flex;
	float: left;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	justify-items: center;
}
.slider-img{
	width: 50%;
	display: block;
	float: left;
	text-align: center;
	//border: 1px solid gray;
	margin-left:180px;
	margin-top: 148px;
}
.slider-img img{
	width: 50%;
	display: block;
	float: left;
}
.slider-img .box-item{
	width: 170px;
	display: block;
	float: left;
}
.slider-img .box-item .item-a{
	width: 100%;
	display: block;
	float: left;
	margin-bottom: 70px;
	border-radius: 5px;
	border: 1px solid #d1cece;
	background: white;
}
.slider-img .box-item .item-a span{
	width: 120px;
	display: block;
	float: left;
	text-decoration: none;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: black;
	padding: 10px;
	box-sizing: border-box;
}
.slider-img .box-item .item-a img{
	width: 50px;
	display: block;
	float: left;
}
.slider-img .box-item .item-a i{
	position: absolute;
    color: #3300cc;
    margin-left: -10px;
    margin-top: -10px;
}
.slider-img .box-item .item-a span:hover{
	background: #3300cc;
	transition: 0.5s;
	color: white;
}
.flexslider{
    width: 100%;
    height: auto;
    //height: 608px;
    display: block;
    float: left;
    position: relative;
    //background-image: linear-gradient(to right top, #d0e2fd, #d4efff, #e1fdff, #fdfffe, #ffffff);
    //background-image: linear-gradient(to right top, #d0e2fd, #d4efff, #e6f7ff, #fdfffe, #ffffff);
    //border-radius:0 0 180px 0;
}
.flex-control-nav,
.flex-direction-nav {
    width: 100%;
    list-style: none;
    display: block;
    float: left;
    //margin-top: 30%;    
}
.flex-control-nav{
    width: 100%;
    text-align: right;
    position: absolute;
    bottom: 5%;
    right: 21%;
    z-index: 8;
    //top: 580px;
}
.flex-control-nav li{
    width: 12px;
    list-style: none;
    display: inline-block;
    margin: 0 6px;
}
.flex-control-nav li a{
    display: block;
    background: #1af7db;
    width: 12px;
    height: 12px;
    border-radius: 12px;
    text-indent: -9999px;
    //margin-top:-100px;
    color: transparent;
}
.flex-control-nav li a:hover{
    background:gray;
}
.flex-control-nav li a.flex-active{
    background: white;
}
.flex-direction-nav a{
    display: block;
    text-decoration: none;
    position: absolute;
    //top: 50%;
    z-index: 8;
    width: 60px;
    height: 90px;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    bottom:50%;
    z-index: 999999999999999999999999;
}
.flex-direction-nav .flex-prev{
    left: 0;
    margin-top: 10%; 
}
.flex-direction-nav .flex-next{
    right:0;
    margin-top: 10%; 
}
.flex-direction-nav a:before {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    font-size: 70px;
    font-weight: normal;
    width: 55px;
    display: block;
    //background:darkslategray;
    content: '<';
    color:white;
    padding: 5px;
    border-radius:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3);
}
.flex-direction-nav a.flex-next:before {
    content: '>';
}
.flexslider:hover .flex-direction-nav .flex-prev{
    opacity: 0.7;
    left: 10px;
}
.flexslider:hover .flex-direction-nav .flex-prev:hover{
    opacity: 1;
}
.flexslider:hover .flex-direction-nav .flex-next{
    opacity: 0.7;
    right: 0;
}
.flexslider:hover .flex-direction-nav .flex-next:hover {
    opacity: 1;
}
/*--- fin slider-----*/
/*--EQMED--*/
.seccion-nosotros{
	width: 100%;
	height: 100vh;
	display: block;
	float: left;
	background: white;
	padding-left: 50px;
	box-sizing: border-box;
	/*clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%);
	background-image: url(../img/slider/fondo.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 150%;
	background-attachment: fixed;*/
}
/*.seccion-nosotros:nth-child(2) {
  background: purple;
  color: white;
  clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%);
  padding: 10rem 20%;
}*/
.seccion-nosotros .slider-descrip{
	width: 100%;
	height: auto;
}
.nosotros-A{
	width: 50%;
	height: 100vh;
	display: block;
	float: left;
	background: none;
	box-sizing: border-box;
	align-content: center;
	padding-left: 0px;
	padding-right: 0px;
}
.box-descr-principa{
    width: 100%;
    display: block;
    float: left;
    box-sizing: border-box;
    text-align: center;
    font-size: 13px;
    color: black;
    background: #d6ffdb;
    padding: 40px;
    border-radius: 5px;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.02);
}
/*.box-descr-principa i{
    font-size: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    background: -webkit-linear-gradient(yellow,red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}*/
.box-descr-principa i {
    font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    background: -webkit-linear-gradient(yellow,red);
    -webkit-background-clip: text;
    /* -webkit-text-fill-color: transparent; */
    position: absolute;
    background: #920099;
    color: white;
    margin-top: -50px;
    margin-left: -50px;
    /* right: -30px; */
    padding: 15px;
    border-radius: 100%;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
    /* justify-content: right; */
}
.titulo-nosotros{
	width: 100%;
	display: block;
	float: left;
	text-align: left;
	font-size: 35px;
	color: black;
	line-height: 25px;
	margin-bottom: 40px;
}
.boxdecrip-nosotros{
	width: 100%;
	display: block;
	float: left;
	margin-top: 20px;
}
.boxdecrip-nosotros .box-slider{
    width: 100%;
    display: block;
    float: left;
    margin-top: 0px; 
    background:#def3f8;  
    position: relative; 
    border-radius: 5px;
    padding-top: 25px;
    padding-bottom: 25px;
    box-sizing: border-box;
 }
.boxdecrip-nosotros .box-slider .slides{
    width: 100%;
    height: auto;
    display: block;
    float: left;
    overflow: hidden;
    position: relative;
}
.boxdecrip-nosotros .flex-control-nav{
	bottom: -10%;
	right: 0;
	text-align: center;
}
.boxdecrip-nosotros .flex-control-nav li a {
	border: 1px solid #5cc7d5;
	box-sizing: border-box;
}
.boxdecrip-nosotros .flex-control-nav li a.flex-active {
    background: #5cc7d5;
}
.boxdecrip-nosotros .flex-direction-nav a {
    width: 40px;
    height: 50px;
    bottom: 40%;
}
.boxdecrip-nosotros .flex-direction-nav a:before {
    font-size: 40px;
    width: 10px;
    color: #3848b5;
}
.boxdecrip-nosotros .titulo-slider-item {
    width: 100%;
    display: block;
    float: left;
    font-size: 25px;
    text-align: left;
    color: #5959ff;
    font-weight: bolder;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
    box-sizing: border-box;
}
#check-nosotros{
	position: absolute;
	right: -15px;
	top: -35px;
	font-size: 25px;
	color: #03a994;
	font-size: 25px;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    background: #00ffd9;
    margin-left: -50px;
    padding: 15px;
    border-radius: 100%;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
.boxdecrip-nosotros .descri-slider-item {
    width: 100%;
    display: block;
    float: left;
    font-size: 13px;
    text-align: left;
    color: #031774;
    font-weight: normal;
    padding: 20px;
    padding-top: 5px;
    box-sizing: border-box;
    background: none;
    box-shadow: none;
    margin-top: 0;
    margin-right: 0;
}
.titulo-nosotros span{
	color: darkslategray;
	font-size: 13px;
}
.boxbtn-nosotros{
	width: 100%;
	display: block;
	float: left;
	margin-top: 20px;
}
.btn-cont-noso{
	width: auto;
	display: block;
	float: left;
}
.btn-cont-noso i {
    font-size: 18px;
    margin-right: 10px;
    background: white;
    color: black;
    padding: 0px;
    border-radius: 100%;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    justify-content: center;
    align-content: center;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
.boxbtn-nosotros .btn-whatsapp{
	width: auto;
	display: block;
	float: right;
	padding: 10px;
	border-radius: 5px;
	font-size: 11px;
	font-weight: normal;
	background: black;
	box-shadow: none;
}
.boxbtn-nosotros .btn-whatsapp:hover{
	background: white;
	transition: 0.5s;
	color: black;
	cursor: pointer;
}
.boxval-nosotros{
	width: 100%;
	display: none;
	float: left;
	margin-top: 20px;	
	align-content: center;
	justify-content: center;
}
.boxval-nosotros-pos{
	width: 70%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 5px;
}
.box-tituvalores{
	width: 100%;
	display: block;
	float: left;
	font-size: 19px;
	text-align: center;
	font-weight: normal;
	background: none;
	color: black;
	margin-bottom: 10px;
}
.box-descvalores{
	width: 100%;
    display: flex;
    float: left;
    justify-content: center;
    flex-wrap: wrap;
}
.item-valor{
	width: auto;
    display: flex;
    float: left;
    padding: 7px;
    box-sizing: border-box;
    color: gray;
    font-size: 11px;
    text-align: center;
    align-items: center;
    color: black;
    border-radius: 5px;
    border: 1px solid #d7d3d3;
    margin-right: 5px;
    margin-bottom: 5px;
}
.item-valor i {
    width: 30px; */
    /* height: 30px; */
    display: flex;
    font-size: 15px;
    box-sizing: border-box;
    color: black;
    border-radius: 100%;
    align-content: space-around;
    /* padding: 5px; */
    box-sizing: border-box;
    align-items: center;
    justify-items: center;
    text-align: center;
    justify-content: center;
    /* background: -webkit-linear-gradient(yellow, red); */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    margin-right: 3px;
}
.nosotros-B{
	width: 50%;
	height: 100vh;
	display: flex;
	float: left;
	//padding: 20px;
	box-sizing: border-box;
	text-align: center;
	align-items: center;
	justify-content: center;
	padding-top: 70px;
}
.nosotros-B img{
	width: 33%;
	position: absolute;
}
.nosImgAnimaA{
	animation: RotarImgA 70s infinite;
}
.nosImgAnimaB{
	animation: RotarImgB 50s infinite;
}
.nosImgAnimaC{
	animation: RotarImgC 2s infinite;
}
.nosImgAnimaD{
	animation: RotarImgC 1s infinite;
}
.nosImgAnimaE{
	animation: RotarImgC 1.5s infinite;
}
.nosImgAnimaF{
	animation: RotarImgC 3s infinite;
}
.nosImgAnimaG{
	animation: RotarImgC 2s infinite;
}
@keyframes RotarImgA{
	  0%{ transform: rotate(0deg); }
	100%{ transform: rotate(360deg); }
}
@keyframes RotarImgB{
	  0%{ transform: rotate(0deg); }
	100%{ transform: rotate(-360deg); }
}
@keyframes RotarImgC{
	  0%{ margin-top:  0px; }
	 50%{ margin-top: -7px; }
	100%{ margin-top:  0px; }
}
.wive{
	width: 100%;
    height: auto;
    display: block;
    float: left;
    margin-bottom: -10px;
    position: absolute;
    bottom: 0;
}
/*.seccion-nosotros{
	animation: 5s wave ease-in-out infinite alternate;
}
@keyframes wave {
      0% {
        transform: translate(0 , 0);
      }
      50% {
        transform: translate(-80px, 30px);
      }
      100% {
        transform: translate(160px, -60px);
      }
    }
*/
.seccion-certifica{
	width: 100%;
	height: 90vh;
	display: block;
	float: left;
	background: white;
	/*clip-path: polygon(0 7%, 100% 0, 100% 93%, 0 100%);*/
}
.secc-certiA{
	width: 50%;
	height: 90vh;
	display: block;
	float: left;
	background: none;
	align-content: center;
}
.box-titucerti{
	width: 100%;
    display: flex;
    float: left;
    font-size: 45px;
    text-align: center;
    color: black;
    margin-bottom: 20px;
    line-height: 40px;
    flex-direction: column;
    align-items: center;
}
.box-titucerti i{
	color: #04e64f;
}
.box-titucerti span {
    color: darkslategray;
    font-size: 15px;
}
.box-titucerti img{
	width: 25%;
	margin-bottom: 20px;
}
.box-imgcertif{
	width: 100%;
	display: flex;
	float: left;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
}
.box-imgcertif img{
	width: 25%;
}
#imgbpa{
	width: 10%;
	margin-left: 15px;
}
.secc-certiB{
	width: 50%;
	height: 90vh;
	display: flex;
	float: left;
	background: none;/*#218491*/
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	padding: 20px;
	padding-right: 50px;
	box-sizing: border-box;
	padding-bottom: 0;
	flex-direction: column;
}
.secc-certiB .rectanguloB{
	background: #fcbf00;
}
.box-descCerti {
    width: 100%;
    height: auto;
    text-align: left;
    font-size: 17px;
    padding: 40px;
    box-sizing: border-box;
    background: #fcbf00;
    color: black;
    border-radius:0 0 15px 15px;
    /*box-shadow: 11px -13px 13px 1px rgba(00, 00, 00, 0.1);*/
}
.box-descCerti i{
    font-size: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 10px;
    position: absolute;
    background: #b3b202;
    color: #fffffe;
    margin-top: -55px;
    margin-left: -55px;
    /* right: -30px; */
    padding: 15px;
    border-radius: 100%;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
    animation: 1.5s cd-pulso-expor infinite;
}
.secc-certiB img{
	width: 30%;
}
#check-certi {
    position: relative;
    font-size: 25px;
    color: #04e64f;
    right: 40px;
    top: 40px;
}
.seccion-productos{
	width: 100%;
	display: flex;
	float: left;
	background: white;
	/*padding-left: 50px;
	padding-right: 50px;*/
	box-sizing: border-box;
	flex-direction: column;
	align-items: center;
	/*clip-path: polygon(0 7%, 100% 0, 100% 100%, 0 100%);*/
}
.seccion-productos .flex-direction-nav a{
	opacity: 0.5;
}
.box-tituproducto{
	width: 100%;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	font-size: 35px;
	color: black;
	font-weight: 700;
	line-height: 40px;
	font-weight: bold;
	background: none;
	margin-top: 0px;
}
.box-tituproducto small{
	font-size: 15px;
	font-weight: normal;
	color: darkslategray;
}
.box-itemsubtitul{
	width: 100%;
    display: flex;
    float: left;
    color: black;
    font-size: 18px;
    text-align: left;
    align-content: center;
    align-items: flex-start;
    /* padding: 20px; */
    box-sizing: border-box;
    justify-content: flex-end;
    flex-direction: column;
    margin-top: 10px;
}
.box-itemsubtitul i{
	font-size: 15px;
	padding-right: 5px;
}
.box-itemsubtitul span{
	width: 100%;
    display: flex;
    float: left;
    text-align: center;
    justify-content: flex-start;
    justify-items: center;
    align-items: center;
    background: #dfebf9;
    padding: 30px;
    box-sizing: border-box;
    padding-bottom: 0;
    border-radius: 0 10px 0 0;
    font-size: 15px;
    font-weight: bold;
}
.box-itemsubtitul small{
	width: 100%;
    display: block;
    float: left;
    text-align: left;
    font-size: 13px;
    background: #dfebf9;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 0 0 10px 10px;
    padding-top: 10px;
    /*animation: 2s rotar infinite;*/
}
@keyframes rotar{
	0%{ transform: rotate3d(0, 1, 0, 0); }
	100%{ transform: rotate3d(0, 1, 0, 360rad); }
}
.box-itemsubtitulo{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	box-sizing: border-box;
	font-size: 15px;
	color: black;
}
.box-itemproducto{
	width: 93%;
	display: block;
	float: left;
	/*padding: 10px;*/
	box-sizing: border-box;
	overflow-x: hidden;
	overflow-y: hidden;
	height: auto;
	padding-top: 30px;
}
.box-lineas-prod{
	width: 2500px;
	display: block;
	float: left;
	padding-bottom: 30px;
	box-sizing: border-box;
	align-items: center;
	align-content: center;
	justify-content: space-between;
}
.boxdecrip-producto .box-slider{
	width: 100%;
    display: block;
    float: left;
    margin-top: 0px;
    background: white;
    position: relative;
    border-radius: 5px;
    padding-top: 0px;
    padding-bottom: 25px;
    box-sizing: border-box;
}
.boxdecrip-producto .box-slider .slides{
	height: auto;
}
.boxdecrip-producto .box-slider .slides li{
	display: flex!important;
	align-items: center;
	justify-content: center;
	align-content: center;
	padding-top: 0px;
	padding-bottom: 20px;
	box-sizing: border-box;
}
.boxdecrip-producto .flex-direction-nav a:before{
	color: gray;
}
.boxdecrip-producto .flex-control-nav{
	display: block;
	bottom: -10%;
	right: 0;
	text-align: center;
}
.box-align-item{
	width: 100%;
    display: flex;
    float: left;
    align-items: center;
    justify-content: space-between;
    padding-right: 50px;
    padding-left: 50px;
    box-sizing: border-box;
}
.box-view-producto{
	width: 40%;
	height: 100vh;
	display: block;
	float: left;
	position: fixed;
	right: -100%;
	top: 0;
	z-index: 9;
	background: white;
	box-shadow: 5px 5px 10px 10px rgba(00, 00, 00, 0.1);
}
.box-view-producto .des-proditem-subt{
	padding-bottom: 10px;
}
.des-proditem-subt span{
	color: blue;
	font-weight: bold;
	cursor: pointer;
}
.titulo-botton{
	width: 100%;
	display: flex;
	float: left;
	text-align: center;
	font-size: 12px;
	color: darkslategray;
	margin-top: 50px;
	margin-bottom: 50px;
	justify-content: center;
	align-items: center;
}
.titulo-botton span{
	padding: 5px;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #ccc8c8;
	margin-right: 5px;
}
.titulo-botton span:hover{
	color: blue;
	transition: 0.5s;
	cursor: pointer;
	border: 1px solid blue;
}
#close-view{
	width: 100%;
	position: absolute;
	font-size: 20px;
	top: 5px;
	text-align: left;
	padding-left: 10px;
	box-sizing: border-box;
	cursor: pointer;
}
.item-linea-prod{
	width: 100%;/*270px*/
	height: 80vh;
	display: block;
	float: left;
	border-radius: 0px;
	box-sizing: border-box;
	/*border: 3px solid #ededed;*/
	margin-right: 10px;
}
.item-linea-prod:hover{
	/*-webkit-box-shadow: 0px 13px 12px -7px rgba(0, 0, 0, 0.32);-moz-box-shadow: 0px 13px 12px -7px rgba(0, 0, 0, 0.20);box-shadow: 0px 13px 12px -7px rgba(0, 0, 0, 0.20);*/
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
	transition: 0.5s;
}
.linea-titulo{
	width: 100%;
	display: flex;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	font-weight: bold;
	background: white;
	border-radius: 0px;
	font-size: 20px;
	padding-bottom: 0;
}
.linea-titulo i{
	font-size: 25px;
	margin-right: 10px;
}
.linea-pie{
	width: 100%;
	display: none;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	align-items: center;
	align-content: center;
	justify-content: center;
	text-align: center;
	font-weight: normal;
	background: white;
	border-radius: 0px;
	font-size: 12px;
}
.linea-pie span{
	width: auto;
	display: block;
	float: left;
	padding: 5px;
	padding-right: 10px;
	padding-left: 10px;
	box-sizing: border-box;
	background: #03a994;
	border-radius: 5px;
	color: white;
	cursor: pointer;
}
.linea-pie i{
	font-size: 15px;
}
.linea-pie span:hover{
	background: white;
	color: #03a994;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
	transition: 1s;
}
.linea-produc{
	width: 100%;
	height: 90vh;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	background: #e1fff1;
	overflow-y: scroll;
	overflow-x: hidden;
	flex-wrap: nowrap;
}
.item-producto{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
	align-items: center;
	align-content: center;
	font-size: 13px;
	color: gray;
	background: white;
	border-radius: 10px 10px 0 0;
	box-sizing: border-box;
	margin-bottom: 10px;
	margin-right: 10px;
}
.item-producto img{
	width: 200px;
	border-radius: 10px;
	box-sizing: border-box;
	padding: 10px;
	box-sizing: border-box;
}
.item-producto i{
	color: #04e64f;
	padding-right: 5px;
	box-sizing: border-box;
	font-size: 15px;
}
.item-desc-producto{
    width: 100%;
	display: block;
    float: left;
	font-size: 13px;
	color: black;
	text-align: left;
}
#moverLeft{
	width: 40px;
	height: 40px;
	align-content: center;
	position: absolute;
	margin-top: 130px;
	left: 0;
	font-size: 20px;
	background: white;
	padding: 5px;
	border-radius: 100%;
	text-align: center;
	font-weight: 700;
	color: black;
	border: 1px solid #ededed;
	box-sizing: border-box;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
#moverRight{
	width: 40px;
	height: 40px;
	align-content: center;
	position: absolute;
	margin-top: 130px;
	right: 0;
	font-size: 20px;
	background: white;
	padding: 5px;
	border-radius: 100%;
	text-align: center;
	font-weight: 700;
	color: black;
	border: 1px solid #ededed;
	box-sizing: border-box;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
#moverLeft:hover,
#moverRight:hover{
	background: #d9f7ff;
	color: blue;
	transition: 0.2s;
	cursor: pointer;
}
.infprod{
	width: 100%;
    display: flex;
    float: left;
    justify-content: space-between;
    align-items: center;
    flex-direction: column;
}
.box-marcas{
	width: 100%;
	display: flex;
	float: left;
	align-content: center;
	justify-content: center;
	margin-top: 0px;
}
.seccion-marcas{
	width: auto;
	display: flex;
	float: left;
	padding: 20px;
	padding-top: 0;
	padding-left: 0px;
	padding-bottom: 0;
	box-sizing: border-box;
	background: none;/*#b2e6e2*/
	border-radius: 0;
	align-items: center;
	align-content: center;
	justify-content: center;
}
.seccion-marcas img{
	width: 200px;
	margin-right: 10px;
}
.item-marca{
	width: auto;
    display: block;
    float: left;
    background: #fffed8;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 0;
}
.item-marca-titu{
	width: 100%;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	font-size: 15px;
	text-align: left;
	color: black;
	font-weight: 700;
}
.item-marca-titu i{
	font-size: 15px;
	color: black;
}
.item-marca-desc{
	width: 100%;
	display: block;
	float: left;
	padding: 10px;
	padding-top: 0;
	box-sizing: border-box;
	font-size: 13px;
	text-align: left;
	color: black;
}
.seccion-recome{
	width: 50%;
	display: block;
	float: left;
	padding: 20px;
	padding-right: 50px;
	box-sizing: border-box;
	background: #d9f7ff;
	border-radius: 0px;
}
.item-infma{
	width: 100%;
	display: block;
	float: left;
}
.item-infma-titu{
	width: 100%;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	font-size: 18px;
	text-align: center;
	color: #003399;
	font-weight: 700;
}
.item-infma-titu i{
	font-size: 30px;
	color: black;
}
.item-infma-desc{
	width: 100%;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	font-size: 15px;
	text-align: center;
	color: #0400ff;
}
.boxbtn-recome{
	width: 100%;
	display: flex;
	float: left;
	margin-top: 20px;
	justify-content: center;
	align-items: center;
}
.btn-cont-recome{
	width: auto;
	display: block;
	float: left;
}
.btn-cont-recome i{
	width: 50px;
    height: 50px;
    display: inline-block;
    font-size: 20px;
    color: black;
    margin-right: 10px;
    border-radius: 100%;
    background: white;
    padding: 0px;
    box-sizing: border-box;
    text-align: center;
    align-content: center;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
    cursor: pointer;
}
.boxbtn-recome .btn-whatsapp-recom{
	width: auto;
	display: block;
	float: right;
	padding: 10px;
	border-radius: 5px;
	font-size: 11px;
	font-weight: normal;
	background: #6666ff;
	text-decoration: none;
	color: white;
}
.boxbtn-recome .btn-whatsapp-recom:hover{
	background: white;
	transition: 0.5s;
	color: black;
	cursor: pointer;
}
.seccion-contacto{
	width: 100%;
	height: 100vh;
	display: flex;
	float: left;
	justify-content: flex-start;
	align-items: center;
	//background: white;
	flex-direction: column;
	background-image: linear-gradient(to bottom, #ffffff, #fbfbfb, #f6f6f6, #f2f2f2, #eeeeee);
}
.box-contac-A{
	width: 50%;
	display: flex;
	float: left;
	text-align: center;
	/*padding-left: 50px;
	padding-right: 50px;*/
	align-items: center;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	box-sizing: border-box;
}
.box-img-contact{
	width: 100%;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	align-content: center;
	margin-bottom: 20px;
}
.box-img-contact img{
	width: 25%;
}
.box-tit-contact{
	width: 100%;
	display: block;
	float: left;
	background: #D8F0FA;
	font-size: 20px;
	color: black;
	padding: 20px;
	padding-bottom: 0;
	box-sizing: border-box;
	border-radius: 10px 10px 0 0;
	font-weight: 500;
}
.box-des-contact{
	width: 100%;
	display: block;
	float: left;
	background: #D8F0FA;
	font-size: 13px;
	color: black;
	padding: 20px;
	padding-top: 0;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
}
.box-contac-B{
	width: 50%;
	display: block;
	float: left;
	align-content: center;
	/*padding-right: 50px;*/
	box-sizing: border-box;
}
.secc-datos-contac{
	width: 100%;
	/*height: 100vh;*/
	display: block;
	float: left;
	/*background: #d9f7ff;*/
	border-radius: 0px;
	padding: 0px;
	box-sizing: border-box;
	/*background: #cdffef;*/
	box-sizing: border-box;
	align-content: center;
}
.box-btn-contact{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
	align-items: center;
}
.titulo-contact{
	width: 100%;
	display: block;
	float: left;
	font-size: 20px;
	text-align: center;
	font-weight: 700;
	color: black;
	line-height: 25px;
	font-weight: normal;
	margin-bottom: 20px;
	margin-top: 20px;
}
.titulo-contact small{
	font-size: 13px;
	color: black;
}
/*.subtit-contact{
	width: 100%;
	display: block;
	float: left;
	font-size: 20px;
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}*/
.subtit-contact {
    width: auto;
    display: block;
    float: left;
    font-size: 14px;
    text-align: left;
    margin-top: 20px;
    margin-bottom: 10px;
    background: #fff289;
    padding: 10px;
    border-radius: 5px;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
.btn-contact{
	width: 100%;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	align-content: center;
	align-items: stretch;
}
.item-btn-cont{
	width: 120px;
	display: flex;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	background: #03a994;
	font-size: 17px;
	font-weight: 600;
	text-align: right;
	align-items: center;
	align-content: center;
	justify-content: center;
	/*margin-right: 20px;
	margin-bottom: 20px;*/
	border-radius: 5px;
	color: white;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
.item-btn-cont i{
	font-size: 20px;
	padding-right: 10px;
	color: #5aca02;
	cursor: pointer;
	color: white;
}
.item-btn-cont span{
	font-size: 13px;
	color: white;
	font-weight: 600;
}
.item-btn-cont span small{
	font-weight: normal;
}
.item-btn-cont:hover{
	transition: 0.5s;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
.item-btn-contEmail{
	width: 50%;
	display: block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	background: #C7FFEB;
	font-size: 13px;
	font-weight: normal;
	text-align: center;
	align-items: center;
	align-content: center;
	justify-content: space-between;
	//margin-right: 20px;
	border-radius: 5px;
	color: black;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
.item-btn-contEmail i{
	margin-right: 5px;
	box-sizing: border-box;
	color: gray;
}
.pie-pagina-logo{
	width: 30%;
	height: 40vh;
	display: block;
	float: left;
	padding: 0px;
	padding-left: 50px;
	box-sizing: border-box;
	text-align: left;
	align-content: center;
}
.pie-pagina-logo img{
	width: 50%;
}
.pie-pagina-menu{
	width: 30%;
	height: 40vh;
	display: block;
	float: left;
	padding: 20px;
	padding-top: 0px;
	box-sizing: border-box;
	align-content: center;
}
.pie-pagina-menu span{
	width: 100%;
	display: block;
	float: left;
	color: white;
	font-size: 12px;
	text-align: left!important;
	cursor: pointer;
	margin-bottom: 10px;
}
.pie-pagina-dato{
	width: 30%;
	display: block;
	float: left;
	padding: 0px;
	padding-top: 0px;
	box-sizing: border-box;
	border-radius: 150px 0 0 0;
	background: #605b5b;
}
.pie-pagina-dato .secc-datos-contac{
	width: 100%;
	background: none;
	height: auto;
	padding: 50px;
}
.pie-pagina-dato .subtit-contact{
	width: 100%;
	display: block;
	float: left;
	color: white;
	font-size: 13px;
	font-weight: bold;
	background: none;
	box-shadow: none;
	text-align: center;
}
.pie-pagina-dato .item-btn-cont{
	width: 50%;
	font-size: 11px;
	padding: 10px;
	background: none;
	/*border: 1px solid white;*/
	color: white;
	box-shadow: none;
}
.pie-pagina-dato .item-btn-cont i{
	font-size: 20px;
}
.item-dir-cont{
	width: 100%;
	display: block;
	float: left;
	color: white;
	font-size: 11px;
	text-align: center;
	margin-top: 10px;
}
.secc-pie-dreserv{
	width: 100%;
	display: block;
	float: left;
	position: absolute;
	bottom: 0;
	padding: 5px;
	box-sizing: border-box;
	font-size: 12px;
	text-align: center;
	color: white;
	background: #666666;
}
.lin-prod-res{
	width: 300px;
	display: block;
	float: left;
	border-radius: 10px;
	box-sizing: border-box;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
}
.img-prod-item{
	width: 100%;
	display: flex;
	float: left;
	text-align: center;
	padding: 40px;
	box-sizing: border-box;
	align-content: center;
	box-sizing: border-box;
	border-radius:10px 10px 0 0;
	align-items: center;
	justify-content: center;
}
.img-prod-item img{
	width: 40%;
}
.des-prod-item{
	width: 100%;
	display: block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 0 0 10px 10px;
	/*border: 2px solid #e7e7e7;*/
	background: white;
}
.des-proditem-titu{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
}
.des-proditem-subt{
	width: 100%;
	display: block;
	float: left;
	font-size: 11px;
	text-align: center;
    box-sizing: border-box;
}
.des-proditem-subt section{
	background: #e3ebff;
    color: #0202a2;
    padding: 10px;
    box-sizing: border-box;
}
.des-proditem-btns{
	width: 100%;
	display: flex;
	float: left;
	align-content: center;
	align-items: center;
	justify-content: center;
	padding: 10px;
	box-sizing: border-box;
	padding-bottom: 0;
}
.btn-proditem{
	width: auto;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	color: white;
	background: black;
	text-align: center;
	font-size: 11px;
	cursor: pointer;
}
/*.lin-prod-res:hover{
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.1);
	transition: 0.5s;
}*/
.btn-proditem:hover{
	background: white;
	color: black;
	transition: 0.5s;
}
.lin-prod-res:hover .img-prod-item img{
	transform: scale(1.3);
	transition: 1s;
}
.eqm{
	background: #C7FFEB;
}
.inm{
	background: #5CC7D5;
}
.lab{
	background: #6666FF;
}
.cup{
	background: #08FCAF;
}
.idm{
	background: #00CCFF;
}
.seg{
	background: #FCFC92;
}
.den{
	background: #218491;
}
.lim{
	background: #00FF00;
}
#box-mapa{
	width: 100%;
	height: 70vh;
	display: block;
	float: left;
}
.box-blur{
	width: 100%;
	height: 100vh;
	display: none;
	float: left;
	position: fixed;
	background: rgb(255 255 255 / 31%);
    backdrop-filter: blur(3px);
    z-index: 8;
}
/*--FIN EQMED--*/
.seccion-A{
	width: 50%;
	height: 100vh;
	display: flex;
	float: left;
	//background: #F7F7FC;
	position: absolute;
	z-index: 1;
	justify-content:center;
	justify-items: center;
	align-items: center;
	flex-direction: column;
	background: rgb(174 255 195 / 31%);
    backdrop-filter: blur(10px);
	border-radius: 0 30% 30% 0px;
	z-index: 9;
	/*clip-path: polygon(0 7%, 100% 0, 100% 85%, 0 100%);*/
}
.titulo-seccion{
	width: 100%;
	display: block;
	float: left;
	padding: 50px;
	box-sizing: border-box;
	font-size: 40px;
	color: black;
	text-align: left;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 25px;
	color: gray;
	/*background: -webkit-linear-gradient(#0066ff,#66026c);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;*/
}
.titulo-seccion span{
	/*background: black;
	font-size: 50px;
    -webkit-text-stroke-width: 0px;
    -webkit-text-stroke-color: black;*/
    /*background: -webkit-linear-gradient(#0353ff,#0353ff);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;*/
    /*box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;*/
    border-radius: 10px;
    /*padding-left: 20px;*/
    padding-right: 20px;
    box-sizing: border-box;
    font-weight: bold!important;
    color: black;
	/*background-image: url('../img/slider/astro.png');
    background-repeat: no-repeat!important;
	background-size:150%!important;
	background-position: right;
	color: white!important;
	padding:5px;
	box-sizing: border-box;
	border-radius:5px;*/
}
.titulo-seccion span i{
	font-size: 20px;
	background: -webkit-linear-gradient(orange,red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    position: absolute;
}
.titulo-seccion small{
	width: 100%;
	display: block;
	float: left;
	padding-top:5px;
	box-sizing: border-box;
	font-size: 13px;
	color: black;
	font-weight: normal;
	background: rgb(255 255 255 / 48%);
    backdrop-filter: blur(10px);
    padding: 20px;
    box-sizing: border-box;
    border-radius: 10px;
    margin-top: 20px;
}
.titulo-seccion img{
	width: 30%;
	margin-bottom: 00px;
}
.parrafo-serv{
	font-size:23px;
	font-weight: normal;
}
.box-servicios{
	width: 100%;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	//overflow-x: hidden;
}
/*.box-servicios:hover{
	overflow-x: scroll;
	transition: 0.5s;
}*/
.servicio-lista{
	width: 100%;
	display: flex;
	float: left;
	justify-content: center;
}
.servicio-lista-dgrafico{
	width: 120%;
	display: block;
	float: left;
}
.box-servicios .servicio-lista .servicio{
	width: 23%;
	display: block;
	float: left;
	background: white;
	border-radius: 10px;
	//border-bottom: 5px solid gray;
	padding: 25px;
	box-sizing: border-box;
	margin-bottom: 70px;
	margin-right: 15px;
	//box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.1);
}
.box-servicios .servicio-lista-dgrafico .servicio{
	width: 20%;
	display: block;
	float: left;
	//background: white;
	border-radius: 5px;
	padding: 15px;
	box-sizing: border-box;
	margin-right: 15px;
    //box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.3);
    //box-shadow:  20px 20px 60px #bebebe,
    //         -20px -20px 60px #ffffff;/*https://neumorphism.io/#e0e0e0*/
}
.titulo-b{
	width: 100%;
	display: block;
	float: left;
	font-size:23px;
	padding: 5px;
	box-sizing: border-box;
	font-weight: bold;
	line-height:1;
	text-align: center;
	color: black;
}
.titulo-b small{
	font-size: 11px;
	color: gray;
	font-weight: normal;
}
.box-like-b{
	width: 110px;
	display: block;
	float: right;
	padding: 5px;
	box-sizing: border-box;
}
.icon-like{
	width: 15px;
	display: block;
	float: left;
	font-size:12px;
	color: green;
	cursor: pointer;
}
.titulo-f{
	width: 100%;
	display: block;
	float: left;
	font-size:16px;
	padding: 5px;
	box-sizing: border-box;
	font-weight: bold;
	line-height:1;
	text-align: center;
	color: black;
}
.titulo-f small{
	font-size: 11px;
	color: gray;
	font-weight: normal;
}
.box-like-f{
	width: 100%;
	display: block;
	float: right;
	padding: 5px;
	box-sizing: border-box;
}
.icon-like-f{
	width: 30px;
	display: block;
	float: left;
	font-size:25px;
	color: red;
	cursor: pointer;
}
.box-like-desc-f{
	width: 100%;
	display: block;
	float: left;
}
.box-like-desc{
	width: 70%;
	display: block;
	float: left;
}
.desc-like-f{
	width: 100%;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
}
.cant-like-f{
	width: 100%;
	display: block;
	float: left;
	font-size: 30px;
	text-align: center;
	font-weight: bold;
	color: #00a56f;
}
.desc-like{
	width: 100%;
	display: block;
	float: left;
	font-size: 12px;
	text-align: right;
	color: #b5b5c7;
}
.cant-like{
	width: 100%;
	display: block;
	float: left;
	font-size: 12px;
	text-align: right;
	font-weight: bold;
}
.img-serv{
	width: 100%;
	display: none;
	float: left;
}
.img-serv img{
	width: 100%;
}
#icon-serv-c{
	width: 100%;
	display: block;
	float: left;
	font-size: 58px!important;
	color: black;
	opacity: 0.15;
	text-align: center;
	margin-bottom:20px;
	font-weight: normal!important;
}
.desc-serv{
	width: 100%;
	display: block;
	float: left;
	font-size: 13px;
	text-align: left;
	color: black;
	line-height: 25px;
	margin-top: 20px;
	margin-bottom: 20px;
}
.desc-serv i{
	color:gray;
	opacity: 0.7;
	font-size: 15px;
}
.servicio-lista-particular{
	width: 100%;
	height: 500px;
	display: block;
	float: left;
	padding: 0px;
	box-sizing: border-box;
	overflow-y: scroll;
	overflow-x: hidden;
}
.servicio-particular{
	width: 100%;
	display: flex;
	float: left;
	background: white;
	border-radius: 20px;
	margin-bottom: 20px;
}
.box-serv-part{
	width: 73%;
	display: block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	background: white;
	border-radius: 20px;
}
.img-serv-part{
	width: 25.5%;
	display: block;
	float: left;
}
.img-serv-part img{
	width: 100%;
	border-radius: 20px;
}
#imgdgrafico{
	width: 30%;
	display: flex;
	float: left;
	justify-content: center;
	align-items: center;
	padding: 20px;
	box-sizing: border-box;
}
#imgdgrafico img{
	width: 100%;
	border-radius: 20px;
	animation: animacion-nave 2s infinite;
	position: relative;
}
.titulo-c{
	width: 89.8%;
	display: block;
	float: left;
	font-size:30px;
	padding: 5px;
	box-sizing: border-box;
	font-weight: bold;
	line-height:1;
	text-align: center;
}
.titulo-c small{
	font-size: 11px;
	color: gray;
	font-weight: normal;
}
.box-like-c{
	width: 100px;
	display: block;
	float: left;
	padding: 5px;
	box-sizing: border-box;
}
.box-descr-serv{
	width: 100%;
	display: table-column-group;
	float: left;
	justify-content: center;
	align-items: center;
}
#item-sistemas{
	width: 100%;
	display:flex;
	float: left;
	justify-content: center;
	align-items: center;
}
#imgsistemas{
	width: 40%;
}
#box-tipSistemas{
	width: 25%;
}
#box-sistemasBack{
	width:100%;background:none;
}
.parrafo-A{
	width: 30%;
	display: block;
	float: left;
	padding: 0px;
	box-sizing: border-box;
}
.parrafo-A .table{
	background: #14927e;
	padding: 20px;
	border-radius: 0 0 10px 10px;
	box-sizing: border-box;
	position: relative;
}
.parrafo-B{
	width: 50%;
	display: block;
	float: left;
}
.box-descr-aux{
	width: 100%;
	display: block;
	float: left;
	padding: 0px;
	box-sizing: border-box;
	border-radius:0px;
	margin-bottom: 5px;
	//box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.3);
    //box-shadow:  20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;/*https://neumorphism.io/#e0e0e0*/
}
.Bgtarjeta{
	b/*ackground-image: url('../img/promo/tarjetab.png')!important;
	background-size: 100%!important;
	background-repeat: no-repeat;*/
	/*filter: blur(3px);
    -webkit-filter: blur(3px);*/
}
.Bgredes{
	/*background-image: url('../img/promo/redes.png')!important;
	background-size: 100%!important;
	//background-repeat: no-repeat;*/
}
.Bgflyer{
	/*background-image: url('../img/promo/flyer.png')!important;
	background-size: 100%!important;
	//background-repeat: no-repeat;*/
}
.Bgbroch{
	/*background-image: url('../img/promo/brochure.png')!important;
	background-size: 100%!important;
	//background-repeat: no-repeat;*/
}
.Bgtarjeta i{
    color: gray!important;
}
.Bgredes i{
    color: gray;!important;
}
.Bgflyer i{
    color: gray;!important;
}
.Bgbroch i{
    color: gray;!important;
}
.Bgtarjeta .btn-secc  {
	justify-content: center!important;
}
.Bgredes .btn-secc  {
	justify-content: center!important;
}
.Bgflyer .btn-secc  {
	justify-content: center!important;
}
.Bgbroch .btn-secc  {
	justify-content: center!important;
}
.Bgtarjeta .btn-secc .btnInteb{
	background: linear-gradient(48deg, rgba(2,57,162,1) 0%, rgba(0,226,144,1) 100%)!important;
	justify-content: center!important;
}
.Bgredes .btn-secc .btnInteb{
	background: linear-gradient(48deg, rgba(2,57,162,1) 0%, rgba(0,226,144,1) 100%)!important;
	justify-content: center!important;
}
.Bgflyer .btn-secc .btnInteb{
	background: linear-gradient(48deg, rgba(2,57,162,1) 0%, rgba(0,226,144,1) 100%)!important;
	justify-content: center!important;
}
.Bgbroch .btn-secc .btnInteb{
	background: linear-gradient(48deg, rgba(2,57,162,1) 0%, rgba(0,226,144,1) 100%)!important;
	justify-content: center!important;
}
.Bgtarjeta .btn-secc .btnInteb:hover{
	background: white!important;
}
.Bgredes .btn-secc .btnInteb:hover{
	background: white!important;
}
.Bgflyer .btn-secc .btnInteb:hover{
	background: white!important;
}
.Bgbroch .btn-secc .btnInteb:hover{
	background: white!important;
}
.img-aux{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	padding: 20PX;
	box-sizing: border-box;
}
.img-aux img{
	width: 100%;
	//border-radius: 100%;
}
.img-aux i{
	font-size: 80px;
	color: #91ef00;
	text-align: center;
	/*filter: drop-shadow(0px 0px 3px yellow);*/
	animation: resplandor 1s infinite;
	background: -webkit-linear-gradient(yellow,red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;
}
#iconFont{
	font-size: 150px!important;
	background: -webkit-linear-gradient(#f2ff00,#5c0000);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;
}
.bgicon{
	/*background: #ffcc00!important;
	box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.3);
    box-shadow:  20px 20px 60px #bebebe,
             -20px -20px 60px #ffffff;
    border-radius: 20px;*/
}
.bgicon img{
	animation: animacion-nave 2s infinite;
	position: relative;
}
#bvsistemas{
	width: 100%;
	display: block;
	float: left;
	background: white;
	margin-top: 20px;
}
.bgiconSis{
	width: 10%;
	display: block;
	float: left;
	background: white;
	background: -webkit-linear-gradient(#f177c1,#3564ff);
    box-shadow:  20px 20px 60px #bebebe,-20px -20px 60px #ffffff;
    border-radius: 5px;
    text-align: left;
    padding-left: 30px;
    box-sizing: border-box;
    animation: progress 20s infinite;
}
#iconFontSis{
	font-size: 10px!important;
	background: -webkit-linear-gradient(white,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;
}
@keyframes resplandor{
	0%  {filter: drop-shadow(0px 0px 0px yellow)}
	100%{filter: drop-shadow(0px 0px 20px lightyellow)}
}
.descr-aux{
	width: 100%;
	display: block;
	float: left;
	padding: 0px;
	box-sizing: border-box;
}
.web{
	/*background: #e6fdd9;*/
	background: #0353ff;
    color: white;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px 18px 5px 18px;
    box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
    line-height:38px;
}
.webb b{
	background: magenta;
	color: white;
	border-radius: 4px;
	padding:3px;
	box-sizing: border-box;
}
.web b{
	background: #010edf;
	color: white;
	border-radius: 4px;
	padding:3px;
	box-sizing: border-box;
}
.desc-aux-A{
	width: 100%;
	display: block;
	float: left;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}
.title-b{
	color: black;
	font-size:18px;
}
.title-b i{
	font-size:25px;
    background: -webkit-linear-gradient(blue,#860289);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;
    position: relative;
    //animation: animacion-nave 1s infinite;
}
#Instagram{
	//animation: animacion-nave 1.2s infinite;
}
#Whatsapp{
	//animation: animacion-nave 1.5s infinite;
    color: tomato;
}
.desc-aux-B{
	width: 100%;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
}
#icon-serv{
	width: 100%;
	display: block;
	float: left;
	color: #00817a;
	text-align: right;
	font-size:22px!important;
}
.btn-secc{
	width: 100%;
	display: flex;
	float: left;
	justify-content:space-between;
	margin-top: 10PX;
}
.btn-secc-b{
	width: 100%;
	display: block;
	float: left;
}
.btn-secc-c{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
}
#btn-action{
	width: auto;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	color: white;
	padding: 10px;
	box-sizing: border-box;
	border-radius: 5px;
	outline: none;
	border: none;
	background:#004eff;
	cursor: pointer;
	font-weight: bold;
	box-shadow: 5px 5px 7px 0px rgb(143 143 143 / 30%);
	background: rgb(9,3,93);
background: rgb(131,58,180);
background: linear-gradient(29deg, rgba(131,58,180,1) 27%, rgba(253,29,29,1) 75%, rgba(252,176,69,1) 100%);
}
#btn-action:hover{
	background: white;
	color: gray;
	transition: 0.5s;
	//box-shadow: 5px 5px 7px 0px rgb(143 143 143 / 30%);
}
.btn-muestra{
	background: #cb3366!important;
	float: right!important;
	border:none!important;
	color:white!important;
}
.parrInv{
	padding:0px!important;
	box-sizing: border-box!important;
	width: 70%;
}
.partInv{
	padding:0!important;
	background: none!important;	
}
#pos-ubi{
	float: right!important;
	width: 70%!important;
}
.descAux{
	width:100%!important;
	margin-bottom: 0px!important;
	background: #7dffef;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 10px 10px 0 0;
}
.descAux-A{
	width:100%!important;
	margin-bottom: 0px!important;
	background: white;
	padding: 20px;
	box-sizing: border-box;
}
.parrfInte{
	/*border-left: 1px dashed gray;
	background: #14927e;*/
}
.parrfInteb{
	padding: 0!important;
}
.box-servicios .servicio:hover{
	//transform: scale(1.1,1.1);
	//transition: 0.5s;
	//box-shadow: 5px 5px 7px 0px rgb(143 143 143 / 30%);
}
.table{
	margin-bottom:0px;
}
.trTable{
	width:100%;
	//border: 1px solid #C7C5C5;
	//background:white;
	border-radius: 5px;
	margin-bottom: 0px;
	border-right:none;
	padding:2px;
	box-sizing: border-box;
}
.thTable{
	width: auto;font-size:13px;text-align: left;
	background: white;
	border-radius: 5px;
	//box-shadow: 20px 20px 60px #bebebe, -20px -20px 60px #ffffff;
}
.thTable i{
    font-size:17px!important;
    color: #03d8cc;!important;
    padding: 5px;
    box-sizing: border-box;
}
.thTable b{
    color: gray;!important;
}

.btnInteb{
	width:auto!important;
	background:#004eff!important;
	float: right!important;
	border:none!important;
	color:white!important;
	font-size:11px!important;
	text-transform: uppercase;
}
.btnInte{
	width:auto!important;
	background:#004eff!important;
	float: right!important;
	border:none!important;
	color:white!important;
	font-size:10px!important;
	text-transform: uppercase;
	background: rgb(2,57,162);
    background: linear-gradient(23deg, rgb(0 109 95) 0%, rgba(0, 226, 144, 1) 100%) !important;
}
.btnInteb:hover{
	background: white!important;
	color: gray!important;
	transition: 0.5s!important;
}
.btnInte:hover{
	background: white!important;
	color: gray!important;
	transition: 0.5s!important;
}
.justi{
	justify-content: right!important;
}
.btnweb{
	background: #0000FF!important;
	float: right!important;
	color:white!important;
	border:none!important;
}
.bgservb,
.bgserv{
	background: none!important;
	//background-image: url('../img/avatar/serv2.png')!important;
	//background-repeat: no-repeat!important;
	//background-size:150%!important;
}
.btn-Sis{
	width:auto!important;
	background: #838dff!important;
	float: right!important;
	color:white!important;
	border:none!important;
	background: rgb(112,0,74);
    background: linear-gradient(48deg, rgba(112,0,74,1) 0%, rgba(108,0,190,1) 100%)!important;
}
.btnpromo{
	animation: cd-pulso-red 1s infinite;
}
.imgSis{
	width:100%;
    padding: 20px;
    box-sizing: border-box;
	border-radius:20px!important;
	text-align: center;
	position: relative;
	animation: animacion-nave 2s infinite;
}
table{
	width: 100%;
	display: block;
	float: left;
}
tbody{
	width: 100%;
	display: block;
	float: left;
}
tr{
	width: 100%;
	display: block;
	float: left;
}
th{
	width: 100%;
	display: block;
	float: left;
	color: white;
	padding: 5px;
	box-sizing: border-box;
	font-weight:normal;
}
table th i{
	color: #06ffc8;
}
.box-sist{
	width: 100%;
	display: flex;
	margin: 0 auto;
	justify-content:center;
}
.box-sist-item{
    width:150px;
    display: block;
    float: left;
    margin-right:10px;
}
.sist-item-img{
	width: 100%;
}
.sist-item-img img{
	width: 100%;
	height: 150px;
	border-radius: 100%;
}
.sist-item-des{
	width: 100%;
    display: block;
    float: left;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}
.box-contacto{
	width: 100%;
	display: block;
	float: left;
}
.box-imgcontc{
	width: 100%;
	display: flex;
	float: left;
	justify-content: center;
}
.box-imgcontc img{
	width: 20%;
}
.box-datocontc{
	width: 100%;
	display: flex;
    float: left;
    padding: 20px;
    box-sizing: border-box;
}
.btn-info-contc{
	width: 100%;
    display: block;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    //border: 1px solid gray;
    //margin-bottom: 20px;
}
.btn-what-contc{
	width: 100%;
    display: block;
    float: left;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 10px;
    padding: 5px;
    box-sizing: border-box;
    //border: 1px solid gray;
}









/*----otro proyecto----*/
.box-conact-group{
	width: 100%;
	display: block;
	float: left;
}
.conact-item-AT{
	width: 40%;
	display: block;
	float: left;
}
.conact-item-A{
	width: 100%;
	display: block;
	float: left;
	box-shadow: 0px 0px 10px 0px rgba(143,143,143,0.3);
	background: #1a73e8;
	padding: 40px;
	box-sizing: border-box;
	border-radius: 10px;
	background-image: linear-gradient(to right top, #013481, #004da6, #0550f1, #0072ff, #a8c6ff);
}
.conact-item-B{
	width: 60%;
	display: block;
	float: left;
}
.conact-item-B img{
	width:65%;
}
.conact-item-A span{
	width: 100%;
	display: block;
	float: left;
	font-size: 13px;
	text-align: center;
	padding: 5px;
	box-sizing: border-box;
	font-weight: normal;
	//margin-top:5px;
	color: white;
}
.contact-web{
	width: 100%;
	display: block;
	float: left;
	font-size: 15px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 20px;
	color: #373435;
	background: #fff5d2;
	font-weight: bold;
}
.contact-red-a{
	width: 49%;
	display: block;
	float: left;
	font-size: 15px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 20px;
	color: #1a73e8;
	background: #e6f5fd;
	font-weight: bold;
	margin-right: 5px;
}
.contact-red-b{
	width: 49%;
	display: block;
	float: left;
	font-size: 15px;
	padding: 10px;
	box-sizing: border-box;
	text-align: center;
	border-radius: 20px;
	color: #1ea954;
	background: #d2fde8;
	font-weight: bold;
}
#title-contac{
	width: 100%;
	display: block;
	float: left;
	font-size:35px;
	color:white;
	padding: 10px;
	box-sizing: border-box;
	//border-bottom: 1px solid white;
	text-align: left;
	line-height:41px;
	margin-bottom: 20px;
}
#title-bene{
	width: 100%;
	display: block;
	float: left;
	font-size:20px;
	color:black;
	padding: 10px;
	box-sizing: border-box;
	border-bottom: 1px solid gray;
	text-align: left;
	line-height:41px;
	margin-bottom: 20px;
}
#icon-contact{
	font-size: 50px;
	color: #ebd012;
	position: relative;
	display: block;
	float: right;
	margin-top:-30px;
}
#icon-bene{
	font-size: 50px;
	color: #04ab9c;
	position: relative;
	display: block;
	float: right;
}
#icon-moda{
	text-align: right;
    right: 0;
    width: 100%;
    display: block;
    float: right;
    margin-top: -40px;
}
#icon-moda-m{
	text-align: right;
    right:20px;
    width: 10%;
    display: block;
    float: right;
    margin-top: 10px;
    position: absolute;
    color: gray;
}
#seccion-map {
    width: 100%;
    height: 500px;
    display: block;
    float: left;
}
footer{
	width: 100%;
	display: flex;
	float: left;
	background:#4d4d4d;
	position:relative;
	bottom: 0;
	justify-content: space-between;
	align-items: center;
	/*border-radius: 200px 0 0 0;*/
}
#pie-pagina{
	width: 100%;
	display: block;
	float: left;
	//padding: 50px;
	box-sizing: border-box;	
	//margin-top: 100px;
	background: rgb(0,15,74);
    background: linear-gradient(48deg, rgba(0,15,74,1) 0%, rgba(0,101,83,1) 100%);
    border-radius: 100% 0 0 0;
}
.pie-seccion-a{
	width: 100%;
	display: block;
	float: left;
	padding: 50px;
	padding-top: 95px;
	box-sizing: border-box;
	text-align: center;
	background: #003399;
	border-radius: 0 70px 0 0;
}
.pie-seccion-a img{
	width: 10%;
}
.pie-seccion-a span{
	width: 100%;
	display: block;
	float: left;
	font-size: 13px;
	color: white;
	text-align: center;
}
.pie-seccion-b{
	width: 25%;
	display: block;
	float: left;
	padding: 30px;
	box-sizing: border-box;
}
.pie-seccion-b span{
	width: 100%;
	display: block;
	float: left;
	font-size: 15px;
	color: white;
	text-align: left;
	//border-left: 3px solid #e7e795;
	box-sizing: border-box;
	padding:5px;
	padding-left: 20px;
}
.pie-seccion-c{
	width: 100%;
	display: flex;
	float: left;
	padding: 30px;
	box-sizing: border-box;
	justify-content: space-between;
}
.pie-seccion-c span{
	width: 20%;
	display: block;
	float: left;
	font-size: 15px;
	color: white;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
.pie-seccion-c p{
	width: 100%;
	display: block;
	float: left;
	font-size: 15px;
	color: white;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	background: rgb(1 42 104);
	border-radius: 20px;
    box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.2);
}
#phone{
	background:rgb(2 161 131)!important;
}
.pie-seccion-c i{
	width: 100%;
	display: block;
	float: left;
	font-size: 40px;
	color: white;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
.pie-seccion-d{
	width: 100%;
	display: block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
	/*background: #003399;*/
}
.pie-seccion-d span{
	width: 100%;
	display: block;
	float: left;
	font-size: 13px;
	color: white;
	text-align: center;
}
#pie-web{
	font-size: 25px;
	color: white;
	letter-spacing: 0.5px;
}
#pie-web a{
	text-decoration: none;
	color: white;
}
.pie-redes{
	width: 100%;
	display: flex;
	float: left;
	justify-content: center;
}
.pie-redes i{
	width: 35px;
	display: block;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	border-radius: 30px;
	border: 1px solid white;
	text-align: center;
	margin-right: 5px;
	background: none;
	color: white;
	font-size: 15px;
}
.box-iniciar{
    width: 100%;
    display: flex;
    float: left;
    background: rgb(2,61,119);
    //background: linear-gradient(24deg, rgba(2,61,119,1) 0%, rgba(0,140,110,1) 51%, rgba(69,245,252,1) 100%);
    background: linear-gradient(48deg, rgba(0,15,74,1) 0%, rgba(0,101,83,1) 100%);
    height: 100vh;
    fill-change: filter;
}
.box-iniciar-logo{
    width: 100%;
    display: flex;
    float: left;
    justify-content: center;
    height: 100vh;
    position: absolute;
}
.box-iniciar-logo:before {
  content: ' ';
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.1;
  background-image: url('../img/astro.jpg');
  background-repeat: no-repeat;
  background-position: 50% 0;
  background-size: cover;
  animation: animacion-back-rotar 45s infinite;
}
.box-iniciar-logo img{
    width: 120px;
    height:140px;
    position: relative;
    top: 35%;
    padding: 20px;
    box-sizing: border-box;
    border-radius:0 20px 0 20px ;
    /*-webkit-filter: drop-shadow(0px 0px 3px #fff);
    filter: drop-shadow(0px 0px 3px #fff);*/
    animation: animacion-logo-b 2s;//, animacion-logo-final 4s infinite;
}
#bg-seccion{
	/*border-radius: 0 500px 0 0;
    box-shadow: 20px 20px 60px #00ff762e, -10px 0px 70px #0045ff3d;
	background-image: url('../img/fondo.png')!important;
    background-repeat: no-repeat;
    background-size: 100%;*/
}
#bg-seccion-b{
	margin-bottom: 100px;
	//background-image: url('../img/avatar/bgliston.png');
	//background-repeat: no-repeat!important;
	//background-size:100%!important;
	//background-position: bottom;
}
#title-index{
	letter-spacing:1px;top:50%;position: absolute;animation: animacion-logo-b 2s,3s cd-flecha infinite;font-size:12px;border-radius: 100%;color: white;font-weight: normal!important;text-align: center;background: -webkit-linear-gradient(white,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: none;
}
#title-slider{
	//font-family: 'Great Vibes', cursive;
	letter-spacing:0px;
	bottom:9.5%;
	/*position: absolute;*/
	z-index:9;
	color: white;
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	/*background: -webkit-linear-gradient(white,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    //left: -100%;*/
}
#title-slider .descri-slider-item{
	width: 100%;
	display: block;
	float: left;
	font-size: 30px;
	text-align: center;
	color: white;
	font-weight: normal;	
	margin-bottom: 0px;
	background: none;
	backdrop-filter: opacity(0);
	box-shadow: none;
	padding: 0;
}
#title-slider .box-btn-slider{
	width: 100%;
	display: flex;
	justify-content: center;
	gap: 0.5rem;
}
#title-slider .box-btn-slider a{
	width: auto;
	display: block;
	float: left;
	font-size: 12px;
	text-align: center;
	color: white;
	font-weight: normal;
	text-decoration: none;
	background: #000066;
	border-radius:30px;
	padding: 10px;	
	padding-left: 20px;
	padding-right: 20px;
	box-sizing: border-box;
	margin-top: 15px;
	margin-bottom: 25px;
	margin-right: 10px;
}
#btnView{
	background: #004ce9 !important;
}
#btnCont{
	background: #8d0094 !important;
}
#title-slider .box-btn-slider a:hover{
	animation: cd-pulso-red 1s infinite;
}
.box-btn-slider:has(a:hover) > :not(:hover){
	opacity: 0.5;
	transition: 0.5s;
}
#title-footer{
	text-align:center;color:white;padding:0px;
	background: -webkit-linear-gradient(white,white);
	-webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#btn-avanzar{
	font-size:40px;animation:0.5s cd-flecha infinite;cursor: pointer;
	background: -webkit-linear-gradient(white,white);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
#btn-avanzar:hover{
	//animation: none;
	transition: 0.5s;
	color: #84FBE7;
	-webkit-filter: drop-shadow(0px 0px 3px #E7FB84);
    filter: drop-shadow(0px 0px 3px #E7FB84);
}
.box-promociones{
	width: 90%;
	height: 100vh;
	display: block;
	float: left;
	position: fixed;
	background: white;
	margin: 0 auto;
	z-index: 99999999999999;
	padding: 20px;
	box-sizing: border-box;
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.1);
	/*background: rgb(255,254,228);
    background: linear-gradient(18deg, rgba(255,254,228,1) 0%, rgba(255,240,170,1) 70%, rgba(255,220,55,1) 100%);
    */
    background-image: url('../img/fondo.png');
    background-repeat: no-repeat;
    background-size: 100%;
    left: -100%;
}
.cerrarPromo{
	font-size: 30px;
	color: black;
	text-align: right;
	right: 20px;
	position: absolute;
	cursor: pointer;
}
.iconpromo{
	font-size: 80px;
	color: magenta;
	text-align: right;
	right: 40px;
	position: absolute;
	transform: rotate(-35deg);
	opacity: 0.1;
}
.promobox{
	width: 100%!important;
}
.promo{
	width: 100%!important;
}
.title-promo{
	padding: 20px!important;
	text-align: center!important;
	padding-bottom: 0px!important;
	color: #9d0485!important;
}
.slistpromo{
	width: auto;
	display: block;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	//border: 3px solid blue;
	color: white;
	font-size: 15px;
	border-radius: 5px;
	background: white;
	font-weight: bold;
	background: blue;
	position: absolute;
	right: 60px;
	top: 70px;
}
.promoExtr{
	width: 70%!important;
	background: #f7fae0!important;
	float: right!important;
	padding: 10px!important;
}
.IMG-ICONREG {
	width: 40%;
   display: flex;
   justify-content: center!important;
}
.IMG-ICONREG img{
	width: 50%!important;
	border-radius: 0!important;
}
.promo-text{
	width: 50%!important;
}
.promo-textb{
	width: 60%!important;
	text-align: left!important;
}
.bgvector{
	//background-image: url('../img/fondo.png')!important;
    //background-repeat: no-repeat;
    //background-size: 200%;
}
.parrafo{
	line-height:25px!important;
	background: white;
}
.parrafo-m{
	line-height:25px!important;
	width: 50%;
	margin-top: 20px;
	background: white;
	padding: 20px;
	box-sizing: border-box;
}
#box-reel-comentario{
	/*overflow-x: scroll;
	overflow-y: hidden;*/
}
.margin-comenta{
	margin-top: 200px;
	margin-bottom: 100px;
}
.box-process{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.secc-process{
	width: 19%;
	display: block;
	float: left;	
	background: white;
	border-radius: 10px;
	padding: 20px;
	box-sizing: border-box;
	/*box-shadow: 0px 0px 7px 0px rgba(143,143,143,0.9);
    box-shadow: 10px 10px 20px #bebebe, -20px -20px 60px #ffffff;*/
}
#boxProcessA{
	background: #322a5b;
}
#boxProcessB{
	background: #6060c4;
}
#boxProcessC{
	background: #9dade0;
}
#boxProcessD{
	background: #ff7398;
}
#boxProcessE{
	background: #fd8459;
}
.box-metab{
	padding-top: 0;
}
.box-meta{
	padding-bottom: 0;
}
.box-flag{
	width: 23%;
	border-radius:0;
	box-shadow: none;
	background: none;
}
.icon-flag{
	width: 100%;
	padding-bottom: 0!important;
	//border-bottom: 5px dashed #e8e6e6;
}
.icon-flag i{
	width: 100%;
	display: block;
	float: left;
	color: #9dade0!important;
	font-size: 50px!important;
	text-align: center;
}
#rocket{
	transform: rotate(90deg)!important;
	position: relative;
	animation: animacion-nave 1s infinite;
	color: blue!important;
}
#star-proc{
	color: #91ef00;
    text-align: center;
    animation: resplandor 1s infinite;
    background: -webkit-linear-gradient(yellow,red);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: tomato;
}
.process-icon-cal{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	margin-bottom: 20px;
}
.process-icon-cal i{
	font-size: 10px;
	color: #ffcd00;
}
.process-icon{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	padding: 5px;
	padding-bottom: 0;
	box-sizing: border-box;	
}
.process-icon i{
	font-size: 30px;
	color: white;
}
.process-icon img{
	width: 100%;
}
.process-descrip{
	width: 100%;
	display: block;
	float: left;
	text-align: center;
	padding: 10px;
	padding-top: 0;
	box-sizing: border-box;	
	font-size:13px;
	font-weight: bold;
	color: white;
}
.person{
	width: 100%;
	padding-top: 0;
	padding-bottom: 0;
	text-align: center!important;
	color: black;
	font-size: 11px;
	font-weight: normal;
}
.process-descrip span{	
	width: 100%;
	display: block;
	float: left;
	font-size:10px;
	font-weight: normal;
	color: green;
	margin-top: 10px;
}
.process-descrip p{	
	font-size:12px;
	font-weight: normal;
	color: white;
}
.box-icon-process{
	width: 100%;
	display: block;
	float: left;
	padding: 20px;
	box-sizing: border-box;
}
.box-icon-process i{
	display: block;
	float: left;
	font-size: 50px;
	position: absolute;
	transform: rotate(45deg);
	color: orangered;
	left: 10%;
	bottom: -50px;
}
#pointer{
	position: relative;
	animation: animacion-nave 1s infinite;
}
.box-derivados{
	width: 100%;
	display: flex;
	float: left;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.item-derivados{
	width: auto;
	display: block;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	background: #ddffdb;
	border-radius: 10px;
	font-size: 14px;
	/*box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.1);*/
}
#iconsystem{
	font-size:50px;
	color: gray;
	background: -webkit-linear-gradient(#02ff47,#22037e);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: blue;
}
#dcliente .secc-process{
	box-shadow: 10px 10px 14px 1px rgba(00,00,00,0.1);
}
#descrippromoweb{
	width:70.5%
}
#totalpromo{
	font-weight:bold;
	width: 100%;font-size:15px;text-align: left;color:green;text-align: center;
}
#totalpromotr{
	width:50%;border: 1px solid #C7C5C5;border-radius:5px;float: right;margin-top: 10px;
}
.box-comentarios-add{
	width: 100%;
	display: flex;
	float: left;
    justify-content: space-between;
}
.clienteNomb{
	color: black;
}
.box-cargar{
	width: 100%;
	display: flex;
  	float: left;
  	justify-content: center;
  	align-items: center;
	text-align: center;
    box-sizing: border-box;
    position: absolute;
  	bottom: 30%;
  	opacity: 0;
}
#box-cargar-item{
  width: 50%;
  display: block;
  float: left;
  background-color: white;
  border-radius: 3px;
  height: 7px;
  box-sizing: border-box;
  margin-top:3px;  
}
#progress-item{
  width: 0%;
  display: block;
  float: left;
  background-color: #0075ff;
  border-radius: 3px;
  height: 7px;
  box-sizing: border-box;
}
.box-icon-Whatsapp{
	width: auto;
    display: flex;
    float: left;
	position: fixed;
	bottom: 5%;
    right: 10px;
    z-index: 999999999;
    align-items: center;
    flex-direction: row-reverse;
}
#close-msj{
	width: 96%;
	display: block;
	float: left;
	padding: 5px;
	box-sizing: border-box;
	text-align: right;
	position: absolute;
	top: 5px;
	font-size: 25px;
	cursor:pointer;
}
.icon-whatsapp-contact{
	width: 100px;
    display: block;
    float: left;
    cursor: pointer;
    font-size: 40px;
    color: white;
    background: #02876f;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 50%;
    text-align: center;
    align-content: center;
    box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.2);
}
.box-msje-whatsapp{
	width: 350px;
	display: flex;
	float: left;
	align-items: center;
	justify-content: flex-start;
	background: white;
	border-radius: 20px;
	padding: 20px;
	box-sizing: border-box;
	align-content: center;
	box-shadow: 10px 10px 14px 1px rgba(00, 00, 00, 0.2);
	flex-direction: column;
	position: fixed;
    bottom: 0;
    right: 120px;
    z-index: 999999999999999999999;
}
.text-msj{
	width: 100%;
	display: flex;
	float: left;
	color: black;
	text-align: left;
	font-size: 11px;
	line-height: 15px;
	align-items: center;
	justify-content: center;
	gap: 1rem;
	margin-bottom: 10px;
}
.box-msje-whatsapp img{
	width: 80px;
}
.box-enviamsj{
	width: 100%;
	display: flex;
	float: left;
	align-items: center;
	justify-content: space-evenly;
	border-radius: 10px;
	background: #d9ffe7;
	color: black;
	font-size: 11px;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
	cursor: pointer;
}
.box-enviamsj p{
	width: 90%;
	display: block;
	float: left;
	text-align: center;
}
.box-enviamsj i{
	font-size: 20px;
}
.box-icon-Whatsapp .rectanguloB {
    width: 10px;
    height: 50px;
    background: white;
    clip-path: polygon(100% 50%, 0 0, 0 100%);
    margin-bottom: -1px;
    position: relative;
}
/*--SCROLLBAR--*/
/* Works on Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 10px;
  height: 10px;
  background: white;
}
*::-webkit-scrollbar:hover {
  width: 10px;
}
*::-webkit-scrollbar-track {
  background: none;
}

*::-webkit-scrollbar-thumb {
  background-color: #e3e3e3;
  //border-radius: 10px;
}
*::-webkit-scrollbar-thumb:hover {
  background-color:lightgray;
}
*::-webkit-scrollbar-arrow-color{
	background-color: gray;
}
*::-webkit-scrollbar-button:single-button {
  //background-color: #d7e2f5;
  display: block;
  border-style: 1px solid #c5c5c5;
  height: 16px;
  width: 16px;
  box-sizing: border-box;
}
*::-webkit-scrollbar-button:single-button:vertical:decrement {
  //background-color: #c5c5c5;
  background-position: center -1px;
  background-image:url('../img/icon/arrow-up-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
  background-color: white;
}
/* Down */
*::-webkit-scrollbar-button:single-button:vertical:increment {
  //background-color: #c5c5c5;
  background-position: center -1px;
  background-image:url('../img/icon/arrow-down-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:vertical:single-button:increment:hover {
  background-color: white;
}
*::-webkit-scrollbar-button:single-button:horizontal:decrement {
  //background-color: #c5c5c5;
  background-position: center -3px;
  background-image:url('../img/icon/arrow-left-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
  background-color: white;
}
/* Down */
*::-webkit-scrollbar-button:single-button:horizontal:increment {
  //background-color: #c5c5c5;
  background-position: center -3px;
  background-image:url('../img/icon/arrow-right-short.svg');
  background-repeat: no-repeat;
}

*::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
  background-color: white;
}
.item-linea-prod ::-webkit-scrollbar-button:single-button:vertical:increment,
.item-linea-prod ::-webkit-scrollbar-button:single-button:vertical:decrement{
	display: none;
}
@keyframes progress
{
0%    {width:  0%}
100%  {width: 100%}
}
@keyframes animacion-nave
{
0%    {top: -10px}
50%   {top:   0px}
100%  {top: -10px}
}
@keyframes animacion-logo-b
{
0%    {filter: blur(25px);transform: scale(1.0);}
50%   {filter: blur(15px);transform: scale(1.0);}
70%   {filter: blur(10px);transform: scale(1.0);}
80%   {filter: blur(10px);transform: scale(1.0);}
100%  {filter: blur( 0px);transform: scale(1.0);filter: drop-shadow(0px 0px 3px #fff);}
}
@keyframes animacion-logo
{
0%  {filter: blur(25px);transform: scale(1.0);border-radius: 100%;transform: rotate(0deg);width:10px;background: green;}
10%  {filter: blur(25px);transform: scale(1.0);border-radius: 100%;transform: rotate(0deg);width:50px;background: green;}
30%  {filter: blur(25px);transform: scale(1.0);border-radius: 0%;transform: rotate(0deg);width:100px;background: white;}
80%{filter: blur(0px);transform: scale(1.0);}
}
@keyframes animacion-slider
{
0%  {filter: blur(25px);}
10% {filter: blur(25px);}
30% {filter: blur(25px);}
80% {filter: blur(0px);}
}
@keyframes animacion-logo-final
{
  0%{opacity: 1;}
  50%{opacity: 0;}
  100%{opacity: 1;}
}
@keyframes animacion-back-rotar
{
	0%{background-image: url('../img/slider/fondo.png');}
   25%{background-image: url('../img/slider/fondo2.png');}
   50%{background-image: url('../img/slider/fondo.png');}
  100%{background-image: url('../img/slider/fondo2.png');}
  /*0%  {transform: rotate(0deg);}
  100%{transform: rotate(360deg);}*/
}
/*---------------------------*/
/*------RESPONSIVE-----------*/
@media screen and (min-width: 250px) and (max-width: 900px){
	.box-menu-logo {
	    width: 100%;
	    display: block;
	    float: left;
	    padding: 10px;
    	padding-left: 12%;
    	padding-top: 15px;
	    text-align: center;
	}
	.box-menu-logo img {
	    width: 25%;
	    margin-right: 0px;
	    padding: 0;
	}
	.box-menu-redes {
		display: none;
	}
	.item-menu{
		display: none;
	}
	.box-descrip-slider{
		margin-top: 30%;
	}
	.nosotros-A .box-descrip-slider{
		margin-top: 0%;
	}
	.box-slider{
		display: flex;
		justify-items: center;
		align-items: center;
		flex-direction: column-reverse;
	}
	.slider-descrip{
		width: 100%;
	}
	.box-slider .slides{
		display: none;
	}
	.box-slider .slides li img{
		width: 50%;
	}
	.box-textLineaProd{
		display: none;
	}
	.seccion-A{
		width: 100%;
		position: relative;
	}
	.titulo-seccion small{
		font-size: 12px;
		padding: 10px;
	}
	#title-slider .box-btn-slider{
		flex-direction: column;
	}
	#title-slider .box-btn-slider a{
		margin-bottom: 0;
	}
	#open-menu {
		width: 40px;
		display: block;
		position: absolute;
		right: 15px;
		font-size: 20px;
		padding: 5px;
		top: 10px;
	}
	.seccion-nosotros{
		padding-left: 0;
		padding-top: 50px;
		height: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-items: center;
	}
	.nosotros-A{
	    width:100%;
	    padding-left: 20px;
        padding-right: 20px;
	}
	.titulo-nosotros{
		font-size: 35px;
		text-align: center;
	}
	.boxval-nosotros{
		display: none;
	}
	.box-descvalores{
		flex-wrap: wrap;
	}
	.nosotros-B{
		display: flex;
		height: 50vh;
		padding-top: 0;
	}
	.nosotros-B img{
		width: 95%;
	}
	.nosImgAnimaA {
    animation: none;
	}
	.nosImgAnimaB {
    animation: none;
	}
	.seccion-certifica{
		padding-top: 50px;
		height: auto;
	}
	.secc-certiA{
		width: 100%;
		height: auto;
	}
	.secc-certiB{
		width: 100%;
		height: auto;
		padding-right: 20px;
	}
	.box-titucerti{
		font-size: 35px;
	}
	.box-imgcertif img{
		width: 50%;
	}
	#imgbpa{
		width: 20%;
	}
	.box-descCerti{
		font-size: 12px;
	}
	.seccion-productos{
		padding-top: 50px;
	}
	.linea-produc{
		padding: 10px;
		height: 80vh;
	}
	.linea-titulo{
		margin-top: 20px;
	}
	.seccion-productos .slides{
		display: block;
	}
	.boxdecrip-producto .flex-control-nav{
		bottom: -5%;
	}
	.titulo-botton{
		flex-wrap: wrap;
	}
	.box-tituproducto{
		font-size: 35px;
		line-height: 30px;
	}
	.box-tituproducto small{
		line-height: 0;
		font-size: 13px;
	}
	.seccion-marcas{
		padding-left: 20px;
		flex-direction: column;
	}
	.box-view-producto{
		width: 100%;
	}
	.box-align-item{
		flex-direction: column;
		padding: 0;
	}
	.seccion-contacto{
		height: auto;
		padding: 20px;
		box-sizing: border-box;
	}
	.box-img-contact img {
	    width: 45%;
	}
	.box-contac-B{
		width: 100%;
	}
	.btn-contact{
		margin-bottom: 15px;
	}
	.box-btn-contact{
		flex-direction: column;
	}
	.seccion-contacto .box-tituproducto{
		font-size: 35px;
		line-height: 40px;
	}
	.box-contac-A{
		width: 100%;
		padding: 0;
	}
	.pie-pagina-dato .secc-datos-contac{
		padding: 20px;
	}
	footer{
		flex-direction: column-reverse;
	}
	.pie-pagina-logo{
		width: 100%;
		height: 20vh;
		text-align: center;
		padding: 0;
	}
	.pie-pagina-logo img{
		width: 25%;
	}
	.pie-pagina-menu{
		width: 100%;
		height: auto;
		padding-bottom: 0;
		display: none;
	}
	.pie-pagina-dato{
		width: 100%;
	}
	.secc-pie-dreserv{
		font-size: 10px;
	}
	.servicio-lista {
	    width: 350%;
	    display: flex;
	}
	.box-servicios{
		padding: 15px;
	}
	.box-servicios .servicio-lista .servicio {
    	width: 100%;
    	margin-bottom: 20px;
	}
	.servicio-particular {
	    width: 100%;
	    display: block;
	}
	.img-serv-part {
    	width: 100%;
	}
	.box-serv-part {
	    width: 100%;
		padding:0px;
	}
	.parrafo-A {
	    width: 100%;
	}
	.parrafo-B {
	    width: 100%;
	}
	.titulo-seccion {
		padding: 10px;
		text-align: center;
	}
	#imgdgrafico {
	    width: 100%;
	}
	#pos-ubi {
	    width: 100%!important;
	}
	#item-sistemas {
	    width: 100%;
	    display: block;
	}
	#imgsistemas {
	    width: 100%;
	}
	#box-tipSistemas {
	    width: 100%;
	}
	.item-derivados {
		margin-right: 10px;
		margin-bottom: 10px;
	}
	.box-process {
	    width: 100%;
	    display: block;
	}
	.box-meta {
	    display: none;
	}
	.secc-process {
	    width: 100%;
	    margin-bottom: 10px;
	}
	.margin-comenta {
	    margin-top: 20px;
	    margin-bottom: 20px;
	}
	#pie-pagina {
		border-radius: 0;
	}
	.pie-seccion-c {
	    width: 100%;
	    display: block;
	    padding: 30px;
	}
	.pie-seccion-c span {
    	width: 100%;
	}
	.title-promo {
	    padding: 0px;
	    font-size: 20px;
	}
	.slistpromo {
		font-size: 7px;
		right: 10px;
		top: 0px;
		display: none;
	}
	.titulo-c {
	    width: 100%;
	    font-size: 15px;
	    margin-bottom: 10px;
	}
	.box-derivados {
	    width: 100%;
	    display: block;
	    margin-top: 20px;
	}
	#descrippromoweb{
		width:100%;
	}
	#descrippromoweb .parrafo-A {
		padding: 0;
	}
	#totalpromo{
		width: 100%;
	}
	#totalpromo{
		width: 50%;font-weight:bold;
		width: 50%;font-size:15px;text-align: left;color:green;
	}
	#totalpromotr{
		width:100%;border: 1px solid #C7C5C5;border-radius:5px;float: right;margin-top: 10px;
		margin-bottom: 10px;
	}
	.promoExtr {
	    width: 100%!important;
	    padding: 10px;
	    border-radius: 5px;
	}
	.promo-text {
	    width: 100%!important;
	}
	.IMG-ICONREG {
	    width: 100%;
	    display: block;
	}
	.promo-textb {
	    width: 100%!important;
	    text-align: left!important;
	}
	.titulo-c small {
		display: block;
		float: left;
	    font-size: 11px;
	    margin-top: 15px;
	}
	.box-promociones{
		width: 100%;
	}
	.promobox{
		margin-top: 20px;
	}
	#box-reel-comentario {
	    overflow-x: scroll;
	}
	#box-reel-comentario .secc-process{
        width: 100%;
        margin-left: 15px;
	}
	.box-comentarios-add{
		width: 350%;
		display: flex;
		float: left;
	}
	#box-gen-serv {
	    width: 100%;
	    display: block;
	    float: left;
	    overflow-x: scroll;
	}
	.box-msje-whatsapp{
		right: -100%;
		width: 100%;
	}
	.box-icon-Whatsapp .rectanguloB{
		display: none;
	}
}