.sliderr{
    
    height: 100vh;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.tam{
    
    height: 90vh;
}

.cr-nav{
    background-color: rgba(45,28,0,0.9);
    position: absolute;
    z-index: 100;
    width: 100%;
    color: white;
}

.cambio-color{
    background-color: aqua;
}

.cr-ft{
    background-image: url(/assets/img/color.svg);
    background-size:cover;
    background-color: rgba(0,0,0,0);
    position: absolute;
    width: 100%;
    bottom: 0;
    z-index: 100;


}



.cr-sub{

    -webkit-text-stroke:0.2px #000000;

}

.cr-sub1{
    font-size: 20px;

}

.ft-text{
    padding-top: 50px;
    color: white;
}

.btn-cr{

    width:60px;
  height:60px;
  border-radius:100%;
  background:#25d366;
  right:0;
  top:72vh;
  position:fixed;
  margin-right:16px;
  margin-bottom:16px;
  border:none;
  outline:none;
  color:#FFF;
  font-size:36px;
  box-shadow:  9px 10px 30px 14px rgba(0,0,0,0.75);
  transition:.3s;
  z-index: 101;    
}

.logo{
    width: 200px;
    position: absolute;
    top: 0;

}

.bg-slider{
background: rgba(0,0,0,0);
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(39,39,39,0.76) 57%, rgba(69,69,69,0.92) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(57%, rgba(39,39,39,0.76)), color-stop(100%, rgba(69,69,69,0.92)));
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(39,39,39,0.76) 57%, rgba(69,69,69,0.92) 100%);
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(39,39,39,0.76) 57%, rgba(69,69,69,0.92) 100%);
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(39,39,39,0.76) 57%, rgba(69,69,69,0.92) 100%);
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(39,39,39,0.76) 57%, rgba(69,69,69,0.92) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#454545', GradientType=0 );
padding: 10px;    
border-radius: 10px;    
}

.ser-title{
    background-color: rgba(255,255,255,0.8);
    padding: 5px;
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 40px;

}

.espacio{
    line-height: 50px
}


.bglogo{
    position: absolute;
    top: 0;
    background-color: white;
    width: 220px;
    height: 110px;
    border-radius: 0 0 20% 20%;
    box-shadow:  9px 15px 30px 1px rgba(0,0,0,0.75);
}

.pos:active{
    z-index: 110;
}

.men{
    position:fixed;
    z-index: 100;
    font-size: 30px;
    color: azure;
    padding: 5px;
    background-color: rgba(68,68,68,0.8);
    width: 100%;
}

.men-text{
    color: black;
}

.scroll-menu{
    background-color: rgba(255,255,255,1)
}

.men-slid{
    background-color: black;
    color: black;
}

.margin-card{
    margin-right:100px !important;
}

.pulso {
  overflow: visible;
  position: fixed;
}
.pulso:before {
  content: '';
  display:block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
  transition: opacity .3s, transform .3s;
  animation: pulso-animation 1s cubic-bezier(0.24, 0, 0.38, 1) infinite;
	z-index: -1;
}
@keyframes pulso-animation {
  0% {
    opacity: 1;
    transform: scale(1);
  }
  50% {
    opacity: 0;
    transform: scale(1.5);
  }
  100% {
    opacity: 0;
    transform: scale(1.5);
  }
}



@media handheld, only screen and (max-width: 767px) {
    
  .margin-card{
    margin-right:0px !important;
}
    
}

@media only screen and (max-width: 1023px) {
     
.margin-card{
    margin-right:0px !important;
}


}