* {box-sizing:border-box;}
a{text-decoration: none;text-shadow:none;}
.sombra{box-shadow: 0 3px 5px 0 rgba(0,0,0,.26), 0 3px 10px 0 rgba(0,0,0,.22) !important;}
.no{visibility: hidden;}
.dpn{display:none;}
.db{display:block;}
.df{display: flex;}
.dib{display:inline-block;}
.dif{display: inline-flex;}
.di{display: inline;}
.w-auto{width: auto;}

/*****************************************************************/
/*****************************************************************************/
.bt{cursor: pointer;width: auto;margin: 0rem 0rem 0.5rem 0.3rem !important;padding: 0.5rem 1rem !important;border-radius: 0.35rem!important;box-shadow: 0 1px 3px 0 rgb(0 0 0 / 30%), 0 2px 10px 0 rgb(0 0 0 / 15%); transition: color .1s ease-in-out,background-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.bt{border: solid 0.01rem rgba(34, 34, 34, 0.9);color: rgba(98, 100, 105, 1)}
.bt.si{background-color: rgba(118, 170, 58,1)!important;color: rgba(255, 255, 255,1)!important;border-right: solid 0.6rem rgba(224, 175, 26,1)!important;box-shadow: 5px 5px 4px -2px rgb(136 136 136);}
.bt:hover{background-color: rgba(118, 170, 58,0.5)!important;box-shadow:0 1px 3px 0 rgba(0,0,0,0.5), 0 2px 10px 0 rgba(0,0,0,0.8);color: rgba(60, 62, 68, 1)!important;}
/*****************************************************************/
/***********************  ANIMACIONES  ******************************/
.iz-in{-webkit-animation: iz-in 0.5s -0s; animation: iz-in 0.5s -0s;animation-timing-function: ease-in;opacity:1!important;transform:translate(0);}
.iz-out{-webkit-animation: iz-out 0.5s -0s; animation: iz-out 0.5s -0s;animation-timing-function: ease-out;opacity:0!important;transform:translate(33rem);}
.de-in{-webkit-animation: de-in 0.5s -0s; animation: de-in 0.5s -0s;animation-timing-function: ease-in;opacity:1!important;transform:translate(0);}
.de-out{-webkit-animation: de-out 0.5s -0s; animation: de-out 0.5s -0s;animation-timing-function: ease-out;opacity:0!important;transform:translate(33rem);}
.fade-in{-webkit-animation: fade-in 2s -0s; animation: fade-in 2s -0s;animation-timing-function: ease-in-out;opacity: 1!important;}
.fade-out{-webkit-animation: fade-out 2s -0s; animation: fade-out 2s -0s;animation-timing-function: ease-in-out;opacity:0!important;}
/***********************  superban  ******************************/
.superban{
    position: fixed;
    top: 0; left: 0;  right: 0;  bottom: 0;
    margin:0px;padding:0px;
    z-index: 99999999;  font-family: inherit;
    overflow: hidden;  background-color:rgba(67, 88, 102, 1)!important;
}
.superban.si{width:100vw;height:100vh;align-content: center;transition-duration: 0.4s; transition-timing-function: cubic-bezier(0.36, 0.55, 0.19, 1);}
.superban-conte{margin: auto;width:fit-content;height:fit-content ;position: absolute;top: 0; left: 0;  right: 0;  bottom: 0;}
/*****************************************************************/
/******************************   SLIDERS   *****************************/
.slider-container {opacity:1;width:100%;align-items: center;justify-content: center;}
.slider-visor{width:100%;max-width:100%;height:29.5rem;margin: 0px;text-align: center;border-radius: 0px;overflow: hidden;  position: relative;}
/* Slideshow container */
.slideshow-container{position: relative;margin: auto; text-align:center;align-items: center;height:100%}
.el-Slide{background-color: rgba(157, 199, 55,5);height: inherit;width:100%;position: absolute;}
.el-Slide img{display: block;margin-left: auto;margin-right: auto;width:100%;transform: translatey(-2%);}
/* Hide the images by default */
.dots{position: absolute;z-index:9; bottom:0.6rem;width: 100%;text-align: center;}
.bt-pn{position: absolute;z-index:10;top:50%;width: 100%}
/* Next & previous buttons */
.prev, .next {cursor: pointer;width: auto;padding: 1rem;color:rgba(255, 255, 255,1);font-weight: bold;font-size: 2rem;transition: 0.6s ease;user-select: none;background: black;}
/* Position the "next button" to the right */
.next {float: right;border-radius: 0.5rem 0 0 0.5rem;}
.prev{float: left;border-radius: 0 0.5rem 0.5rem 0;}
/* On hover, add a black background color with a little bit see-through */
.prev:hover, .next:hover{background-color: rgba(0,0,0,0.8);}
/* Caption text */
.el-Slide .text {color: rgba(255, 255, 255, 1);position: absolute;bottom:3.09rem;left:4.4%;background-color:rgba(16,27,34,0.73);padding: 6px 15px 6px 15px;border-radius: 3px;font-size: 2.3rem;text-shadow: none;line-height: 1.5;font-weight: normal;text-align: inherit;text-transform: none;}
/* Number text (1/3 etc) */
.el-Slide.numbertext {color: rgba(251, 246, 246, 1);padding: 8px 12px;position: absolute;width: 100%;font-size: 1rem;font-weight: bold;}
/* The dots/bullets/indicators */
.dot {cursor: pointer;height: 0.6rem;width: 0.6rem;margin: 0 2px;background-color: #bbb;border-radius: 50%;display: inline-block;transition: background-color 0.6s ease;}
.active, .dot:hover{background-color: rgba(193, 39, 39, 0.95);}
/* Fading animation
.fade{position: absolute;}*/

.el-Slide .im1{ z-index: 1;opacity:0;}
.el-Slide .im2{ z-index: 2;opacity:0;}
.el-Slide .im3{ z-index: 3;opacity:0;}
/*****************************************************************/

@-webkit-keyframes iz-in {0% {opacity: 0;transform:translate(25rem);}30% {opacity:0;}100% {opacity:1;transform:translate(0);}}
@keyframes iz-in {  0% {opacity: 0;transform:translate(25rem);}30% {opacity:0;}100% {opacity:1;transform:translate(0);}}
@-webkit-keyframes iz-out {0% {opacity:1;transform:translate(0);}50% {opacity: 1;}100% {opacity:0;transform:translate(25rem);}}
@keyframes iz-out {  0% {opacity: 1;transform:translate(0);}50% {opacity: 1;}100% {opacity:0;transform:translate(25rem);}}
@-webkit-keyframes fade-in {  0% {opacity: 0;}100% {opacity:1;}}
@keyframes fade-in {0% {opacity: 0;}100% {opacity:1;}}
@-webkit-keyframes fade-out {0% {opacity:1;}100% {opacity:0;}}
@keyframes fade-out {0% {opacity: 1;}  100% {opacity:0;}}

/*****************************************************************/
@media screen and (max-width:540px)
{

}