/*Estilos hero home*/
.section-home {
    background: url('https://www.verisure.pe/sites/pe/files/flmngr/graficas-banner/banner-nuevahome.jpg');
    min-height: 770px;
    height: 770px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: 0 50%;
}

.card-header h2>button{
  font-size: 18px !important;
    display: flex !important
;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100%;
}

.card-header h3>button{
  font-size: 18px !important;
    display: flex !important
;
    justify-content: space-between !important;
    align-items: center !important;
    width: 100%;
}

.img-dscto img{
  width:350px;
  margin:auto;
}

.btn-form sup{
  display:none;
}

.evol-title-form sup{
  display:none;
}
.title-home{
 
  text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.6);
}

.text-porcentaje{
  text-shadow: 0px 1px 0px rgba(0, 0, 0, 0.6);
    font-size: 60px;
    line-height: 60px;
    font-weight: 900 !important;
    color: white;
}
 
 .btn-form-calcula{
     font-size: 40px;
    width: 294px;
    text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.6);
    font-weight: 900 !important;
    line-height: 40px;
 }

.text-1{
  font-size: 35px;
    line-height: 35px;
    color: white;
    font-weight: bold;
}

.text-2{
      font-size: 30px;
    line-height: 30px;
    color: white;
    font-weight: lighter;
}

.br-10{
  border-radius:10px;
}
.subti-home{
font-style: italic;
    font-weight: lighter;

    text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.6);
}

.form-c2c .form-text {
    width: 294px;
    height: 56px;
    margin: auto;
    max-width: 100%;
    box-shadow: unset;
    border-radius: 10px;
    border: unset;
    padding: 15px 20px 13px;
    text-align: center;
    font-size: 17px
}

.form-c2c .webform-submission-form .form-actions {
    margin-left: 0 !important;
}

.form-c2c .form-submit-button {
   background-color: #00a27c;
    width: 100%;
    max-width: 140px;
    margin: auto;
    box-shadow: unset;
    border-radius: 10px;
    border: unset;
    padding: 10px 20px 10px;
    height: auto;
    line-height: normal;
    color: white;
    font-size: 20px;
    line-height: 20px;
    font-weight: bold;
}

.w-320 {
    width: 320px;
    max-width: 320px;
}

.h-372 {
    height: 372px;
    min-height: 372px;
}

.bg-grey {
    background-color: rgba(192, 192, 192, 0.78);
}

.bg-linear-red {
    background: linear-gradient(0deg, rgba(171, 25, 45, 1) 0, rgba(237, 0, 47, 1) 100%);
}

.bg-descuento {
    background: linear-gradient(0deg, rgba(171, 25, 45, 1) 0, rgba(237, 0, 47, 1) 100%);
}

.br-20 {
    border-radius: 20px;
}

@media (max-width: 767px) {
  
  .form-c2c .form-submit-button{
    color: white;
    background: linear-gradient(0deg, rgba(171, 25, 45, 1) 0, rgba(237, 0, 47, 1) 100%);
    width: 100%;
    max-width: 294px;
    height: 56px;
    border: transparent;
    text-transform:none;
  }
  
  
  .img-dscto img{
  width:320px;
  margin:auto;
}


  
  .btn-50-dscto{
    margin:auto;
  }
  
  .btn-form-calcula{
    font-size: 40px;
    width: 294px;
    text-shadow: -1px 2px 0px rgba(0, 0, 0, 0.6);
    font-weight: 900 !important;
    line-height: 40px;
  }
    .form-home {
        gap: 2rem
    }
    
    .form-home h1{
      width:100%;
      text-align:center;
      font-size: 28px;
    }
    
    .form-home h2{
      text-align: center;
    width: 100%;
    font-size: 18px;
    }

    .bg-descuento {
       background: white;
    }
    
    .bg-descuento .text-1, .text-2, .text-porcentaje {
      color:#f03;
    }
    
    .bg-descuento .text-2{
      font-size:29px;
    }
}

/*Estilos mega menú*/
.layout-container>header .full-block-menu>.menu-level-0>.menu-item>a, .layout-container>header .full-block-menu>.menu-level-0>.menu-item>span {
    border-bottom: 4px solid transparent;
    text-transform: unset;
    font-size: 16px;
    font-weight: 400;
}


.expandible-menu .close-menu{
  display:none;
}

.footer-info-wrapper .region-footer-info .menu{
  max-width: 75%;
    margin: 0 auto;
}

p{
  font-family:'Fira sans',sans-serif;
}


.expandible-menu .menu-level-1 {
    width: 100%;
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    padding: 40px 0;
}

@media (min-width: 1180px) {
    .layout-container.region-hidden-top-bar:not(.region-hidden-header)>main {
        padding-top: 150px !important;
    }
}
@media (min-width: 1126px){
.fixed-header .layout-container > header .menu--main .menu-level-0 > .menu-item > a, .fixed-header .layout-container > header .menu--main .menu-level-0 > .menu-item span {
    font-size: 14px;
}
}

.copy{
      background-color: #262626 !important;
    border-bottom: #262626 !important;
}

.page-node-6401 .field-content{
   display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}




.position-video-form-hero{
    top: -84px !important;
}

@media only screen and (max-width: 600px) {
.soloMobile{
display: block !important;  
}
.soloDesktop{
display: none !important;  
}
}

.soloMobile{
display: none;  
}

.soloDesktop{
display: block;  
}




@media only screen and (min-width: 601px) {
.soloMobile{
display: none !important;  
}

.certification{
  position: initial;
}
  

}


@media only screen and (max-width: 600px) {
  
  .bootstrap-form-hero > div:first-of-type {
    
            min-height: calc(90px + 59vw)!important;
  }

img.hero-mobile{
      min-width: 100% !important;
          height: auto !important;
    min-height: auto !important;
    max-height: fit-content !important;
    max-width: none !important;
    transform: inherit !important;
    margin-left: 0% !important;
}

}


@media only screen and (min-width: 600px) and (max-width: 992px) {
  
  .bootstrap-form-hero > div:first-of-type > div > p:first-of-type {
    
           display: none !important;
  }
  
  
    .bootstrap-form-hero > div:first-of-type {
    
           display: none !important;
  }
  
  
  #anclaVerisure > div > div > div > div > .mw-320{
    padding-bottom: 50px !important;
  }
  
    .bootstrap-form-hero > div > #anclaVerisure {
    
              height: 588px;
    width: 500px;
    background-position-y: 364px;
    background-repeat: no-repeat;
    background-size: 100% !important;
  }
  
  .offer{
        background: #f3f3f3;
    margin-top: -6px;
    padding-top: 0px;
  }
  
    .offer > div{
    width: 49% !important;
    flex: 0 0 50%;
    padding: 5px 0px 10px 0px !important;
  }


}


@media (max-width: 480px){
.carousel-indicators li span {
    font-size: 13px;
    vertical-align: -webkit-baseline-middle;
}
}

@media (max-width: 1200px){

.techead{
      width: 120px;
    min-width: 160px;
}
}

 @keyframes pulse {
    0% {
      transform: scale(1)
    }

    50% {
      transform: scale(1.1)
    }

    100% {
      transform: scale(1)
    }
  }

  @keyframes typing {
    from {
      width: 0
    }

    to {
      width: 100%
    }
  }

  @keyframes blink-caret {

    from,
    to {
      border-color: transparent
    }

    50% {
      border-color: #f1f3f1
    }
  }

  @keyframes fadeIn {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1
    }

    100% {
      opacity: 0
    }
  }

  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(20px)
    }

    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes fadeInDown {
    0% {
      opacity: 0;
      transform: translateY(-20px)
    }

    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes fadeInLeft {
    0% {
      opacity: 0;
      transform: translateX(-20px)
    }

    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }

  @keyframes fadeInRight {
    0% {
      opacity: 0;
      transform: translateX(20px)
    }

    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }

  @keyframes fadeInUpBig {
    0% {
      opacity: 0;
      transform: translateY(2000px)
    }

    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes fadeInDownBig {
    0% {
      opacity: 0;
      transform: translateY(-2000px)
    }

    100% {
      opacity: 1;
      transform: translateY(0)
    }
  }

  @keyframes fadeInLeftBig {
    0% {
      opacity: 0;
      transform: translateX(-2000px)
    }

    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }

  @keyframes fadeInRightBig {
    0% {
      opacity: 0;
      transform: translateX(2000px)
    }

    100% {
      opacity: 1;
      transform: translateX(0)
    }
  }

  @keyframes fadeOut {
    0% {
      opacity: 1
    }

    100% {
      opacity: 0
    }
  }

  @keyframes fadeOutDown {
    0% {
      opacity: 1;
      transform: translateY(0)
    }

    100% {
      opacity: 0;
      transform: translateY(20px)
    }
  }

  @keyframes fadeOutDown {
    0% {
      opacity: 1;
      transform: translateY(0)
    }

    100% {
      opacity: 0;
      transform: translateY(20px)
    }
  }

  @keyframes fadeOutLeft {
    0% {
      opacity: 1;
      transform: translateX(0)
    }

    100% {
      opacity: 0;
      transform: translateX(-20px)
    }
  }

  @keyframes fadeOutRight {
    0% {
      opacity: 1;
      transform: translateX(0)
    }

    100% {
      opacity: 0;
      transform: translateX(20px)
    }
  }

  @keyframes fadeOutUpBig {
    0% {
      opacity: 1;
      transform: translateY(0)
    }

    100% {
      opacity: 0;
      transform: translateY(-2000px)
    }
  }

  @keyframes fadeOutDownBig {
    0% {
      opacity: 1;
      transform: translateY(0)
    }

    100% {
      opacity: 0;
      transform: translateY(2000px)
    }
  }

  @keyframes fadeOutLeftBig {
    0% {
      opacity: 1;
      transform: translateX(0)
    }

    100% {
      opacity: 0;
      transform: translateX(-2000px)
    }
  }

  @keyframes fadeOutRightBig {
    0% {
      opacity: 1;
      transform: translateX(0)
    }

    100% {
      opacity: 0;
      transform: translateX(2000px)
    }
  }

  @keyframes moveOnLeftOdd {
    0% {
      animation-timing-function: ease-in-out;
      transform: translate(0)
    }

    100% {
      animation-timing-function: ease-in-out;
      transform: translate(vw-calc(-615))
    }
  }

  @keyframes moveOnRightOdd {
    0% {
      animation-timing-function: ease-in-out;
      transform: translate(0px)
    }

    100% {
      animation-timing-function: ease-in-out;
      transform: translate(vw-calc(560))
    }
  }

  @keyframes moveOnLeftEven {
    0% {
      animation-timing-function: ease-in-out;
      transform: translate(0px)
    }

    100% {
      animation-timing-function: ease-in-out;
      transform: translate(vw-calc(-560))
    }
  }

  @keyframes moveOnRightEven {
    0% {
      animation-timing-function: ease-in-out;
      transform: translate(0px)
    }

    100% {
      animation-timing-function: ease-in-out;
      transform: translate(vw-calc(615))
    }
  }

  @keyframes flip {
    0% {
      animation-timing-function: ease-out;
      transform: perspective(400px) rotateY(0)
    }

    40% {
      animation-timing-function: ease-out;
      transform: perspective(400px) translateZ(150px) rotateY(170deg)
    }

    50% {
      animation-timing-function: ease-in;
      transform: perspective(400px) translateZ(150px) rotateY(190deg) scale(1)
    }

    80% {
      animation-timing-function: ease-in;
      transform: perspective(400px) rotateY(360deg) scale(.95)
    }

    100% {
      animation-timing-function: ease-in;
      transform: perspective(400px) scale(1)
    }
  }

  @keyframes flipInX {
    0% {
      opacity: 0;
      transform: perspective(400px) rotateX(90deg)
    }

    40% {
      transform: perspective(400px) rotateX(-10deg)
    }

    70% {
      transform: perspective(400px) rotateX(10deg)
    }

    100% {
      opacity: 1;
      transform: perspective(400px) rotateX(0deg)
    }
  }

  @keyframes flipOutX {
    0% {
      opacity: 1;
      transform: perspective(400px) rotateX(0deg)
    }

    100% {
      opacity: 0;
      transform: perspective(400px) rotateX(90deg)
    }
  }

  @keyframes flipInY {
    0% {
      opacity: 0;
      transform: perspective(400px) rotateY(90deg)
    }

    40% {
      transform: perspective(400px) rotateY(-10deg)
    }

    70% {
      transform: perspective(400px) rotateY(10deg)
    }

    100% {
      opacity: 1;
      transform: perspective(400px) rotateY(0deg)
    }
  }

  @keyframes flipOutY {
    0% {
      opacity: 1;
      transform: perspective(400px) rotateY(0deg)
    }

    100% {
      opacity: 0;
      transform: perspective(400px) rotateY(90deg)
    }
  }

  @keyframes bounce {

    0%,
    20%,
    50%,
    80%,
    100% {
      transform: translateY(0)
    }

    40% {
      transform: translateY(-30px)
    }

    60% {
      transform: translateY(-15px)
    }
  }

  @keyframes border-dance {
    0% {
      background-position: 0 0, 300px 116px, 0 150px, 216px 0
    }

    100% {
      background-position: 300px 0, 0 116px, 0 0, 216px 150px
    }
  }

  @keyframes zoom {
    0% {
      transform: scale(1)
    }

    50% {
      transform: scale(1.2)
    }

    100% {
      transform: scale(1)
    }
  }

  @keyframes m_btn_scroll_pseudo {
    0% {
      opacity: 0
    }

    100% {
      opacity: 1
    }
  }

  @keyframes m_comparison_table {
    0% {
      transform: scale(0)
    }

    100% {
      transform: scale(1)
    }
  }