*{
  scroll-behavior: smooth!important;
  font-family: 'Helvetica'!important;

}
body{
  background-color:black;
  display: block;
  box-sizing: border-box;
  margin: auto;
  padding: 0px auto;
  color:white!important;
  /* overflow: hidden; */

}

.primera{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
  ),
  url('img/1');
height: 100vh;
}
.segunda{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
  ),
  url('img/2');
}
.tercera{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
  ),
  url('img/3');
}
.cuarta{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
  ),
  url('img/4');
}
.quinta{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
  ),
  url('img/5');
}
.sexta{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
  ),
  url('img/6');
}
.septima{
  background:linear-gradient(
    rgba(0, 0, 0, 0.45),
    rgba(0, 0, 0, 0.45)
  ),
  url('img/7');
}
.primera, .segunda, .tercera, .cuarta, .quinta, .sexta, .septima{
  background-size: cover;
  border-radius: 20px;
  width: 98vw;
  height: 90vh;
}
.btn-bottom{
  justify-content: center;
  position: absolute;
  top:80vh;
  left: 50%;
}
.btn-bottom1{
  justify-content: center;
  position: absolute;
  top:175vh;
  left: 50%;
}
.btn-bottom2{
  justify-content: center;
  position: absolute;
  top:270vh;
  left: 50%;
}
.btn-bottom3{
  justify-content: center;
  position: absolute;
  top:363vh;
  left: 50%;
}
.btn-bottom4{
  justify-content: center;
  position: absolute;
  top:456vh;
  left: 50%;
}
.btn-bottom5{
  justify-content: center;
  position: absolute;
  top:549vh;
  left: 50%;
}
.btn-bottom6{
  justify-content: center;
  position: absolute;
  top:646vh;
  left: 50%;
}
.content{
  margin-top: 20%;
}
.mrg-bottom{
  margin-bottom: 5%!important;
}
.btn-mas{
  background-color: rgba(0,0,10,0.6);
  border-radius: 20px;
  border:transparent;
  color:white;
  width: 180px;
  height: 30px;
  transition: 0.4s ease;;
}
.btn-mas:hover{
  background-color: rgba(0,0,0,0.2);
}

p{
  font-size: 18px;
  font-weight: 500;
  line-height: 1.2;
}
/* .fixed-bottom{
  justify-content: center;
} */
svg{
  width: 20px;
  height: 20px;
}
.footer1{
  color:black;
  margin: 1% 0% 2% 0%!important;
  font-size: 12px;
  line-height: 1.2;
}

.mrgn{
margin-bottom: 5%;
}

/* carousel */;
.modal{

}
.modal.fade.show{
  top:50px!important;
}

.modal-content{
  margin-left: -320px;
  border-radius: 20px!important;
}

.modal-header{
  border-bottom:none!important;
  height: 20px!important;
  padding: 0px!important;
}
.modal-header .close{
  padding: 0px!important;
  margin: 0px!important;
}


.modal-body, .modal-dialog, .modal-content{
  width: 1150px!important;;
  height: 580px;
}

.carousel-indicators li{
      width: 10px!important;
      height: 10px!important;
      border-radius: 100%;
      background-color: black!important;
      opacity: 0.4;
      margin-left: 2%!important;;
}
.carousel-indicators {
    /* bottom: 10px!important; */
    /* left: -120px!important */
}
.carousel-item{
}
.carousel-item img{
  width: 750px!important;
  height: 450px;
  border-radius: 20px;
  margin-left: 2%;
  margin-right: 2%;

}
.card{
  color:#515151!important;
  border:none!important;
}
.card-title{
  background: transparent!important;
}
p.sub{
  font-size: 18px;
}
p.date{
  font-size: 10px;
}
p.details{
  font-size: 14px;
}
.scroll{
  height: 350px;
  overflow-y: scroll;
}

button:focus {
    outline:none!important;
    outline: none!important;
    border: none!important;
}
a{
  border:none;
  text-decoration: none;
}