.container-c-capac{
  background-color: #faf9f9;
}
.img-card{
  width: 1080px;
}
.title-pys{ 
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #831b2e;
  opacity: 100%;
}
.sub-title-pys{
  font-family: 'Poppins', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #070707;
  opacity: 100%;
}
.ace-opc{
  font-family: 'Poppins', sans-serif;
  font-size: 25px;
  font-weight: 700;
  color: #070707;
  opacity: 100%;
}
.container-pys{
  padding-top: 20px;
  width: 100%;
  min-height: 100%;
  position: static;
}
.img-imp{
  width: 60px;
  height: 70px;
}
.img-pys{
  width: 340px;
  height: 350px;
}
.container-pys h1{
  color: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.2;
}
.image-icon{
width: 30px;
height: 30px;
}

li{
  font-family: 'Montserrat', sans-serif;
  font-weight: 400;
}
h1.title{
  color: #ffffff;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: 30px;
  text-align: center;
  letter-spacing: 2pt;
}
h1.form-title{
  color: #da0505;
  border: none;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: 38px;
  text-align: center;
}
input{
  font-family: 'Montserrat', sans-serif;
  font-weight: 300;
}
h4{
  font-family: 'Montserrat', sans-serif;
  text-align: center;
  font-weight: 400;
}
h6{
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  font-weight: 400;
}
#side_nav_panel{ 
  margin-left: -250px;
  min-height: 100vh;
}
#side_nav_panel.active{ 
  margin-left: 0; 
  position: fixed;
  z-index: 1045; 
}
.footer{
   background: #d3d2d2;
    width: 100%;
   height: 200px;
}
.personal-navbar{
  background-color: #ffffff;
}
.personal-navbar a{
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 450;
  font-size: 16px;
  margin: 0;
}
.personal-navbar a:hover{
  color: #831b2e;
}
.personal-navbar a:active{
  color: #da0505;
}
.personal-dropdown{
  background-color: #ffffff;
}
.personal-dropdown a{
  color: #141414;
}
.navbar-nav a{
  border-right: 2px solid #831b2e;
    float: left;
    list-style: none outside none;
    padding-left: 5px;
    padding-right: 5px;
    width: auto;
}
.navbar-nav a:last-child{
  border-right: none;
}
.content-header-lg{
    background: #141414;
    margin-top: 89px;
    position: relative;
    width: 100%;
    min-height: 535px;
}
video{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.capa{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #727272;
  /*background: #38B6FF;*/
  opacity: 55%;
}
.promo{
  position: absolute;
  left: 8%;
  top: 25%;
  z-index: 1;
}
.promo p{
  font-family: 'Poppins', sans-serif;
  font-size: 30px;
  font-weight: 700;
  color: #ffffff;
  opacity: 75%;
}
.pys{
  position: relative;
  min-height: 100vh;
  width: 100%;
  background: #faf9f9;
  padding-top: 4%;
  padding-bottom: 6%;
}
.pys h2{
  color: #0a0a0a;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.2;
}
.impact{
  font-family: 'Poppins', sans-serif;
  font-size: 50px;
  font-weight: 700;
  color: #ffffff;
}
.content-span-black{
  background: #141414;
  width: 100%;
  height: 110px;
}
.content-lg-black{
  background: #141414;
  width: 100%;
  height: 500px;
  padding: 20px;
}
.content-header-form{
  width: 300px;
  height: 490px;
  background: #ffffff;
}
.content-bottom-carousel{
  width: 100%;
  height: 113px;
}
.content-header-ads{
  margin-right: 13px;
  height: 490px;
  width: 720px;
}
.content-sorteos{
  width: 100%;
  padding: 10px;
  justify-content: center;
  display: flex;
  flex-direction: row;
}
.content-board{
  position: absolute;
  top: 60px;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  background: #dfdddd;
  height: 100%;
  width: 100%;
} 
.whatsapp{
  position: fixed;
  text-align: center;
  padding-top: 7.5px;
  border-radius: 100px;
  width: 60px;
  height: 60px;
  bottom: 3vh;
  right: 1vw;
  z-index: 4;
  background: #21a707;
  color: #ffffff;
  font-size: 30px;
  transition: background-color .5s;
  box-shadow: 0px 1px 10px rgb(39, 39, 39);
}
.whatsapp:hover{
  background: #646464;
  color: #fffdfd;
}
.item-rules-desc-num{
  color: #ffffff;
  font-family: 'Anton', sans-serif;
  font-weight: 400;
  font-size: 105px;
}
.item-rules-desc-desc{
  color: #ffffff;
  font-family: 'Staatliches', cursive;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: 0.5px;
  margin: 0;
}
.item-rules-desc-cont{
  color: #ffffff;
  font-family: 'Staatliches', cursive;
  font-weight: 400;
  font-size: 16px;
  letter-spacing: 0.5px;
  margin: 0;
}
.sorteo-card{
  width: 280px;
  box-shadow: -5px 5px 8px 4px rgb(46, 46, 46);
  height: 550px;
  margin-top: 60px;
  margin-bottom: 60px;
  border-radius: 10px;
}
.card-sorteo-head{
  width: 100%;
  min-height:  45%;
  border-radius: 10px 10px 0 0;
  background: #fafafa;
}
.card-sorteo-body{
  display: flex;
  position: relative;
  min-height: 55%;
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 205px;
  background: #727272;
  border-radius: 0 0 10px 10px;
}
.card-sorteo-image{
  position: absolute;
  margin-top: -40px;
  margin-left: -30px;
  width: 350px;
  height: 260px;
}
.card-desc-lugar{
  color: #fafafa;
  position: relative;
  font-family: 'Montserrat', sans-serif;
  font-size: 25px;
  font-weight: 800;
  letter-spacing: 0.5px;
}
.card-desc{
  color: #fafafa;
  position: relative;
  padding-left: 10px;
  padding-right: 10px;
  font-family: 'Montserrat', sans-serif;
  font-size: 12px;
  font-weight: 800;
}
.card-desc p {
  padding-top: 0%;
  margin-top: 0%;
}
.card-container-button{
  position: absolute;
  display: flex;
  align-items: center;
  margin-top: 280px;
}
.card-btn{
  background-color: #831b2e;
  transition: background-color .5s;
  width: 200px;
  height: 55px;
  font-family: 'Bebas Neue', cursive;
  font-size: 29px;
  font-weight: 450;
  letter-spacing: 00.5px;
  letter-spacing: 0.8px;
  color: #fafafa;
}
.card-btn:hover{
  background-color: #000000;
  color: #fafafa;
}
.card-group{
  margin-left: 4%;
  margin-right: 4%;
}
.card-group i{
  color: #b23c15;
  font-size: 60px;
}
.card-title{
  font-family: 'Bebas Neue', cursive;
  font-size: 29px;
  font-weight: 350;
  letter-spacing: 00.5px;
}
.card-text{
  font-family: 'Poppins', sans-serif;
  font-size: 17px;
  font-weight: 400;
}
.c-capac{
  position: relative;
  width: 100%;
  min-height: 600px;
  background: #727272;
}
.c-capac h2{
  color: #ffffff;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.2;
  padding-top: 15px;
}
.c-capac button{
  background-color: #c4302b ;
  transition: background-color .5s;
  width: 180px;
  height: 50px;
  font-family: 'Bebas Neue', cursive;
  font-size: 29px;
  font-weight: 450;
  letter-spacing: 00.5px;
  letter-spacing: 0.8px;
  color: #fafafa;
}
.c-capac button:hover{
  background-color: #000000;
  color: #fafafa;
}
.contacto .row{
display: flex;
flex-direction: row;
}
.contacto{
  padding-left: 3%;
  padding-right: 3%;
  width: 100%;
  min-height: 300px;
  background: #faf9f9;
}
.contacto h2{
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 40px;
  font-weight: 700;
  letter-spacing: 0.2;
  padding-top: 15px;
}
.contacto h3{
  color: #000000;
  font-family: 'Montserrat', sans-serif;
  font-size: 19px;
  font-weight: 700;
  letter-spacing: 0.2;
  padding-top: 15px;
}
.p-panel{
  min-width: 100vw;
  max-width: 100vw;
}
#side_nav{
    background: #ffffff;
    position: fixed;
    min-width: 250px;
    max-width: 250px;
    height: 100vh;
    box-shadow: 3px 0px 5px #b5b8b8c4;
    transition: all 0.3s;
    z-index: 1075;
   } 
   #side_nav_panel{
    background: #ffffff;
    position: fixed;
    min-width: 250px;
    max-width: 250px;
    height: 100vh;
    box-shadow: 3px 0px 5px #b5b8b8c4;
    transition: all 0.3s;
    z-index: 1075;
   } 
   .icon-user{
    font-size: 50px;
  }
  .panel-element{
    font-size: 23px;
  }
  .sidebar li a{
    color: #000000;
   }
   .layout-c-capac .row{
    padding-left: 12%;
    padding-right: 12%;
    padding-top: 3%;
   }
  @media(max-width: 993px){

    .container-pys{
      padding-left: 2%;
      padding-right: 2%;
    }

    .pys .col-info{
      margin-top: 4%;
    }
    

    .video-c-capac{
      width: 100%;
      height: 250px;
    }
    .p-panel{
        padding-top: 10vh;
        padding-left: 2vh;
        padding-right: 2vh;
        padding-bottom: 2vh;
    }

    #side_nav{ 
      margin-left: -250px;
      min-height: 100vh;
    }
    #side_nav.active{ 
      margin-left: 0; 
      position: fixed;
      z-index: 1045; 
    }
    .content-sorteos{
      justify-content: center;
      display: flex;
      flex-direction: column;
    }
    .sorteo-card{
      margin-top: 13vh;
      width: 70vw;
      height: 485px;
      margin-left: 14vw; 
    }
    .contacto .row{
      display: flex;
      flex-direction: column;
      }
      .map-responsive{
        width: 50px;
        min-height: 12vh;
      }
    .txt-aplicaciones{
      font-size: 7px;
    }
    .accesorios-opcionales{
      display: flex;
      flex-direction: column;
    }
    .img-acc{
      width: 100px;
    }
    .promo p{
      font-family: 'Poppins', sans-serif;
      font-size: 21px;
      font-weight: 700;
      color: #ffffff;
      opacity: 75%;
    }
    .img-promo{
      width: 360px;
      height: 95px;
    }
    .promo{
      position: absolute;
      z-index: 1;
    }
    .img-imp{
      width: 60px;
      height: 60px;
    }
  }