.sub-hero{
    background: #3446a5;
    padding: 32px 64px 0 64px;
    max-width: 100% !important;
}

.sub-hero__right{
    display: flex;
    align-items: flex-end;
    width: 100%;
}

.sub-hero .in{
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.sub-hero__left{
    color: #fff;
    max-width: 530px;
}

.sub-hero__img{
    font-size: 0;
    position: relative;
    z-index: 3;
    pointer-events: none;
}

#primary .sub-hero h1{
    margin: 20px 0 25px 0;
}

#primary .sub-hero h1,
#primary .sub-hero h1 p{
    font-weight: 800;
    font-family: "Codec-Pro-Extrabold-trial", "helvetica neue", Arial, sans-serif;
    font-size: 56px;
    line-height: 1.25;
    color: #fff;
    margin: 0 0 25px 0;
}

#primary .sub-hero .sub-hero__left ul{
    margin: 0 0 50px 26px;
    padding: 0;
}

#primary .sub-hero .sub-hero__left ul li p{
    font-size: 18px;
    line-height: 28px;
    color: rgba(255, 255, 255, 0.75);
}

.sub-hero__icons{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 0 0 50px 0;
}

.sub-hero__item{
    display: flex;
    align-items: center;
    gap: 30px;
}

.sub-hero__item span{
    max-width: 160px;
}

#primary .sub-hero__item span p{
    font-size: 16px;
}

.sub-hero__icon{
    flex-shrink: 0;
    font-size: 0;
}

.sub-header-new .hamburger{
     width: 40px;
     height: 40px;
     background: transparent;
}

.sub-header-new .hamburger .hamburger-box .hamburger-inner,
.sub-header-new .hamburger .hamburger-box .hamburger-inner:after,
.sub-header-new .hamburger .hamburger-box .hamburger-inner:before{
    width: 16px;
}

.sub-header-new .hamburger--spring .hamburger-inner:before{
    top: 6px;
}

.sub-header-new .hamburger--spring .hamburger-inner:after{
    top: 12px;
}

.sub-header-new .hamburger--spring.is-active .hamburger-inner:before{
    transform: translate3d(0,0px,0) rotate(45deg);
}

.sub-header-new .hamburger--spring.is-active .hamburger-inner:after{
    transform: translate3d(0,-6px,0) rotate(-45deg);
}

.sub-header-new .hamburger:hover{
    opacity: 1;
}

.sub-header-new__buttons{
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.sub-header-new__buttons .btn.btn--border{
    display: none;
}

@media(max-width: 1366px){
    #primary .sub-header-new__nav.sub-header-new__nav--header ul li a{
        padding: 8px 4px;
    }

    .sub-hero__left{
        max-width: 470px;
    }

    .sub-hero{
        padding: 20px 0 0 0;
    }

    #primary .sub-hero h1,
    #primary .sub-hero h1 p{
        font-size: 44px;
        margin: 0 0 20px 0;
    }

    #primary .sub-hero .sub-hero__left ul{
        margin: 0 0 45px 26px;
    }

    .sub-hero .in{

    }

    .sub-hero__right > img{
        max-width: 370px;
    }

    .sub-hero__img img{
        max-height: 360px;
        width: auto;
    }
}

@media(max-width: 1024px){
    .sub-header-new{
        border-bottom: 1px solid #4158CE;
    }

    .sub-header-new__wrapper{
        border-radius: 24px;
        padding: 12px 16px 24px 16px;
        background: #fff;
        position: fixed;
        top: 106px;
        left: 16px;
        width: calc(100% - 32px);
        flex-direction: column;
        gap: 24px;
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
    }

    .sub-header-new__wrapper .btn.btn--white{
        color: #fff;
        background: #4158ce;
        border-color: #4158ce;
    }

    #primary .sub-header-new__nav.sub-header-new__nav--header ul{
        flex-direction: column;
        gap: 0;
    }

    #primary .sub-header-new__nav.sub-header-new__nav--header ul li a{
        color: #0d1f4c;
        display: block;
        font-size: 18px;
        padding: 20px 12px;
        border-bottom: 1px solid #C6CFFF;
    }

    .sub-header-new__nav.sub-header-new__nav--header,
    .sub-header-new__nav.sub-header-new__nav--header ul,
    .sub-header-new__nav.sub-header-new__nav--header ul li{
        width: 100%;
    }

    .sub-header-new__buttons{
        flex-direction: row;
    }

    .sub-header-new__buttons .btn.btn--border{
        display: inline-flex;
        color: #4158ce;
    }

    .sub-header-new .in{
        justify-content: space-between;
    }

    .sub-header-new:before{
        content: "";
        width: 100%;
        top: 90px;
        background: rgba(13, 31, 76, 0.6);
        backdrop-filter: blur(50px);
        position: fixed;
        left: 0;
        height: calc(100dvh - 90px);
        opacity: 0;
        transition: opacity 0.3s;
        pointer-events: none;
    }

    body.stopoverflow .sub-header-new__wrapper{
        pointer-events: auto;
    }

    body.stopoverflow .sub-header-new:before,
    body.stopoverflow .sub-header-new__wrapper{
        opacity: 1;
    }

    .sub-hero .in{
        flex-direction: column;
        align-items: flex-start;
    }

    .sub-hero__left{
        max-width: 100%;
    }

    #primary .sub-hero h1,
    #primary .sub-hero h1 p{
        font-size: 32px;
    }

    .sub-hero{
        padding: 40px 0 0 0;
    }

    #primary .sub-hero .sub-hero__left ul li p{
        font-size: 16px;
    }

    .sub-hero__icons{
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
    }

    .lp-footer__top{
        flex-direction: column;
        gap: 30px;
    }
}

.sub-hero__icons.sub-hero__icons--bottom{
    display: none;
}

.sub-hero .sub-hero__form .gform-body p{
  text-align: center;
}

@media(max-width: 767px){
    .sub-hero__icons.sub-hero__icons--bottom{
        display: flex;
    }

    .sub-hero__bonus.sub-hero__bonus--box .sub-hero__helper{
      padding: 20px !important;
    }

    .sub-hero__icons.sub-hero__icons--top{
        display: none;
    }

    .sub-hero{
        padding: 34px 0 60px 0;
    }

    #primary .sub-hero h1,
    #primary .sub-hero h1 p{
        font-size: 36px;
        margin: 0 0 8px 0;
    }

    #primary .sub-hero .sub-hero__left ul li p{
        font-size: 18px;
    }

    #primary .sub-hero .sub-hero__left ul{
        margin: 0 0 34px 15px;
    }

    .sub-hero__img{
        display: none;
    }

    .sub-hero__right > img{
        max-width: 100%;
        margin: 0;
    }

    .sub-hero__icons.sub-hero__icons--bottom{
        color: #fff;
        margin: 34px 0 0 0;
        padding: 0;
    }

    .sub-hero__item{
        flex-direction: column;
        gap: 10px;
        text-align: center;
    }

    .sub-header-new__buttons{
        flex-direction: column;
        width: 100%;
    }

    .sub-header-new__wrapper .btn{
        width: 100%;
        justify-content: center;
    }
}

#primary .new-calc.new-calc--temporary .predkalkulacka{
    width: 460px;
}

#primary .new-calc.new-calc--temporary .new-calculator__columns{
    flex-direction: column;
    align-items: center;
    gap: 30px;
}

#primary .new-calc.new-calc--temporary .new-calculator__item--double{
    grid-template-columns: calc(65% - 12px) calc(35% - 12px);
}

#primary .new-calc.new-calc--temporary .new-calculator--callme,
#primary .new-calc.new-calc--temporary .predkalkulacka.new-calculator-final-active .new-calculator--accord{
    position: fixed;
    top: 50px;
    left: 50%;
    z-index: 999;
    transform: translateX(-50%);
    width: 100%;
}

body:has(.new-calc.new-calc--temporary .new-calculator--final.new-calculator-active){
  overflow: hidden;
}

body:has(.new-calc.new-calc--temporary .new-calculator--final.new-calculator-active):before{
  content: "";
  position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.8);
    z-index: 998;
}

#primary .new-calc.new-calc--temporary .new-calculator__icon{
    margin: 0 2px;
}

#primary .new-calc.new-calc--temporary .new-calculator{
    background: rgba(154,166,229,0.5);
    backdrop-filter: blur(5px);
}

#primary .new-calc.new-calc--temporary .new-calc__step1{
    width: 100%;
}

.calc-accord__arrow{
    flex-shrink: 0;
}

.sub-hero__box{
  width: 460px;
  background: rgba(154, 166, 229, 0.5);
  backdrop-filter: blur(5px);
  padding: 35px 65px 40px 65px;
    border: 1px solid #fff;
    border-radius: 35px;
    margin: 0 0 -32px -25px;
}

.sub-hero__box:before{
  content: "";
  background: rgba(255, 255, 255, 0.75);
        backdrop-filter: blur(5px);
        width: calc(100% - 20px);
    height: calc(100% - 20px);
    position: absolute;
    top: 10px;
    left: 10px;
    border-radius: 25px;
    z-index: -1;
}

.sub-hero__box h2{
  margin-top: 10px;
}

.sub-hero__box .sub-hero__buttons{
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.sub-hero__box .sub-hero__buttons .btn{
  justify-content: center;
}

@media(min-width: 1200px){

    #primary .precalc-close{
        display: block !important;
        position: absolute;
        top: 20px;
        right: 20px;
    }

    #primary .precalc-close img{
        width: 40px;
        height: 40px;
    }
}

@media(max-width: 1200px){
  body:has(.new-calc.new-calc--temporary .new-calculator--final.new-calculator-active){
    overflow: auto;
  }
  body:has(.new-calc.new-calc--temporary .new-calculator--final.new-calculator-active):before{
    display: none;
  }
    #primary .new-calc.new-calc--temporary .new-calculator--callme,
    #primary .new-calc.new-calc--temporary .predkalkulacka.new-calculator-final-active .new-calculator--accord{
        position: relative;
        top: 0;
        left: 0;
        z-index: 3;
        transform: none;
        width: 100%;
    }
}

@media(max-width: 767px){
  #editor .predkalkulacka .new-calculator__item select, #editor .predkalkulacka .new-calculator__item input, #primary .predkalkulacka .new-calculator__item select, #primary .predkalkulacka .new-calculator__item input, body.page .predkalkulacka .new-calculator__item select, body.page .predkalkulacka .new-calculator__item input, body.post .predkalkulacka .new-calculator__item select, body.post .predkalkulacka .new-calculator__item input, body.single .predkalkulacka .new-calculator__item select, body.single .predkalkulacka .new-calculator__item input{
    font-size: 16px;
  }

  .new-calculator__text.new-calculator__text--accord.lh1{
    text-align: center !important;
  }



    #primary .new-calc.new-calc--temporary .predkalkulacka{
        width: 100%;
    }

    #primary .new-calc.new-calc--temporary .new-calculator__columns{
        margin-bottom: 30px;
    }

    #primary .predkalkulacka .new-calculator__item select, body.page .predkalkulacka .new-calculator__item select{
        background-position: center right 10px;
    }
}

@media(min-width: 1025px) and (max-width: 1200px){
    .sub-hero__img{
        opacity: 0;
    }
}

@media(max-width: 1025px){
    .sub-hero__right{
        justify-content: center;
    }
}

@media(max-width: 767px){
    .sub-hero__box{
      margin: 20px 0;
    }

    .sub-hero__box{
      padding: 25px;
    }
  }

.sub-hero--wide{
  padding: 0;
}

.sub-hero--wide .in{
  min-height: 680px;
  align-items: center;
}

.sub-hero--wide .sub-hero__left{
  max-width: 600px;
}

#primary .sub-hero--wide h1{
  margin: 0 0 32px 0;
}

#primary .sub-hero--wide .sub-hero__textbox p{
  font-size: 20px;
  color: #fff;
  margin: 0 0 32px 0;
}

.sub-hero--wide .sub-hero__icons{
  display: none;
}

#primary .sub-hero--wide .sub-hero__left ul{
  margin: 0 0 0 20px;
}

#primary .sub-hero--wide .sub-hero__left ul li{
  list-style-type: none;
  position: relative;
}

#primary .sub-hero--wide .sub-hero__left ul li:before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 10px;
  background: #fff;
  position: absolute;
  top: 9px;
  left: -17px;
}

#primary .sub-hero--wide .sub-hero__left ul li p{
  color: #fff;
  font-size: 20px;
}

#primary .sub-hero--wide .sub-hero__left ul li strong{
  color: #fff;
}

.sub-hero--wide{
  position: relative;
  max-width: 1920px;
}

.sub-hero--wide .sub-hero__right{
  position: absolute;
  right: 0;
  top: 0;
  display: block;
  width: auto;
  height: 100%;
}

.sub-hero--wide .sub-hero__right img{
  height: 100%;
    object-fit: cover;
    max-width: 50dvw;
    object-position: left;
}

@media(max-width: 1300px){
  .sub-hero--wide .sub-hero__right img{
    max-width: 45dvw;
  }
}

@media(max-width: 1200px){
  #primary .sub-hero--wide .sub-hero__textbox p,
  #primary .sub-hero--wide .sub-hero__left ul li p{
    font-size: 16px;
  }

  .sub-hero--wide .in{
    align-items: flex-start;
    justify-content: center;
    min-height: 480px;
  }
}

@media(max-width: 991px){
  .sub-hero--wide .sub-hero__left{
    max-width: 390px;
  }
}

@media(max-width: 767px){
  .sub-hero--wide .sub-hero__right{
    position: relative;
    width: 100%;
    left: -15px;
  }

  .sub-hero--wide .sub-hero__right img{
    max-width: calc(100% + 30px);
    width: calc(100% + 30px);
    object-fit: cover;
    object-position: top;
    max-height: 400px;
  }

  #primary .sub-hero.sub-hero--wide h1 p br{
    display: none;
  }

  #primary .sub-hero--wide h1{
    margin: 0 0 16px 0;
  }

  .sub-hero--wide .sub-hero__left{
    padding: 34px 0 40px 0;
  }

  #primary .sub-hero--wide .sub-hero__textbox p{
    margin: 0 0 24px 0;
  }

  #primary .sub-hero--wide .sub-hero__left ul li p{
    margin: 0;
  }
}

.sub-hero__btn{
  min-width: 180px;
  justify-content: center;
}

#primary .sub-hero--subpage .sub-hero__left ul li p{
  color: #fff;
  margin: 0;
}


.sub-hero .gform_wrapper legend,
.sub-hero .gform_wrapper textarea,
.sub-hero .gform_wrapper input,
.sub-hero .gform_wrapper input:not([type="checkbox"]),
.sub-hero .gform_wrapper input:not([type="radio"]),
.sub-hero .gform_wrapper input:not([type="button"]),
.sub-hero .gform_wrapper select,
.sub-hero .gform_wrapper label{
  color: #27357C !important;
}

.sub-hero--subpage .sub-hero__left{
  width: 100%;
}


.sub-hero--subpage .sub-hero__form .ginput_container_radio .gfield_radio{
  padding-left: 0;
  display: flex;
  flex-direction: row-reverse;
  gap: 10px;
  justify-content: center;
  margin: 10px 0 0 0;
}

.sub-hero--subpage .sub-hero__form .ginput_container_radio .gfield_radio li{
  margin: 0;
}

.sub-hero--bonus .in{
  align-items: center;
}

.sub-hero--bonus .sub-hero__right{
  justify-content: center;
}

.sub-hero--bonus .gfield_radio{
  display: flex;
  gap: 10px;
}

.sub-hero--bonus .gform_wrapper.gravity-theme .gform_fields{
  display: flex !important;
  flex-direction: column;
  gap: 10px;
}

.sub-hero--bonus .gform_wrapper.gravity-theme .gform_footer{
  margin: 0;
  padding: 0;
}

.sub-hero--bonus .bonus-contact__box{
  padding: 20px;
}

.sub-hero--bonus .bonus-contact__right .bonus-contact__name{
  margin: 0 0 12px 0 !important;
}

.sub-hero--bonus .bonus-contact__icon{
  font-size: 0;
}

.sub-hero--bonus .bonus-contact__boxes{
  gap: 10px;
  margin: 10px 0 20px 0;
}

#primary .sub-hero--bonus .bonus-contact__name p{
  font-size: 20px;
}

.sub-hero--bonus .bonus-contact__box .btn{
  min-width: 220px;
}

.sub-hero__bonus{
  min-width: 520px;
}

.sub-hero--bonus .sub-hero__bonus > h2{
  color: #fff;
  margin-top: 0;
}

.bonus-contact__gdpr{
  font-size: 14px;
  margin: 10px 0 0 0;
}

.bonus-contact__gdpr a{
  text-decoration: underline;
}

@media(max-width: 767px){
  .sub-hero__bonus{
    min-width: 0;
  }
}

@media(min-width: 767px){
  .sub-hero--bonus .gfield--type-radio{
    display: block;
    width:100%;
  }

  .sub-hero--bonus .gfield--type-radio legend{
    display: block; float: left;
    margin-right: 10px !important;
  }
}

.sub-hero--bonus .gfmc-field div:not(.gchoice){
  padding-bottom: 0;
}

.sub-hero--bonus .gfmc-container{
  margin-bottom: 0;
}

.sub-hero--bonus .bonus-contact__right .wp-block-button{
  text-align: right;
}

@media(min-width:1201px){#primary .sub-hero h1.s2{font-size:68px}#primary .sub-hero h1.s4{font-size:72px}#primary .sub-hero h1.s-2{font-size: 60px}#primary .sub-hero h1.s-4{font-size:56px}}

@media(min-width: 1025px){
  #primary .sub-hero .sub-hero__left ul li ul{
    font-size: 17px;
    margin-bottom: 0;
  }

  #primary .sub-hero .sub-hero__textbox p{
    font-size: 20px;
  }
}

.sub-hero .in.in--image{
  align-items: flex-end;
}

.sub-hero .in.in--image .sub-hero__right picture{
  font-size: 0;
}

#primary .sub-hero .in.in--image .sub-hero__left ul{
  margin-bottom: 20px;
}

.sub-hero .in.in--image .sub-hero__icons{
  padding-bottom: 20px;
}

@media(max-width: 767px){
  .sub-hero:has(.in.in--image){
    padding-bottom: 0;
  }

  .sub-hero .in.in--image .sub-hero__icons{
    gap: 0;
  }
}

.sub-hero .btn.btn--blue{
  font-weight: 400;
}

.sub-hero__bonus.sub-hero__bonus--box .sub-hero__helper{
  border-radius: 24px;
  max-width: 620px;
  background: #fff;
  padding: 35px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin: 0 0 20px 0;
}

.sub-hero--bonus.sub-hero--box .bonus-contact__box{
  padding: 20px 40px;
}

.sub-hero__bonus.sub-hero__bonus--box .bonus-contact__boxes{
  margin: 0;
}

.sub-hero--simple{
  padding: 32px 64px;
}

.sub-hero--simple .sub-hero__left{
  max-width: 700px;
}

.sub-hero--simple .sub-hero__box{
  margin: 0;
}

.sub-hero--simple .sub-hero__right{
  align-self: center;
  justify-content: flex-end;
}

@media(max-width: 767px){
  .sub-hero--simple{
    padding: 20px 0;
  }
}

.sub-hero--box{
  padding: 75px 64px 50px 64px;
}

.sub-hero--box .in{
  align-items: stretch;
  gap: 30px;
}

#primary .sub-hero.sub-hero--box .sub-hero__left ul{
  margin-bottom: 0;
}

.sub-hero.sub-hero--box .sub-hero__icons{
  padding: 0;
}

.sub-hero__bonus.sub-hero__bonus--box .bonus-contact__box{
  border: 0;
  box-shadow: none;
}

#primary .sub-hero__bonus.sub-hero__bonus--box .sub-hero__bonus-textbox h2{
  font-size: 28px;
  color: #4158CE;
  text-align: initial;
  margin: 0 0 20px 0;
}

#primary .sub-hero__bonus.sub-hero__bonus--box .sub-hero__bonus-textbox p{
  font-size: 18px;
  color: #0d1f4c;
  margin: 0 0 20px 0;
}

#primary .sub-hero__bonus.sub-hero__bonus--box .sub-hero__bonus-textbox p:last-of-type{
  margin-bottom: 0;
}

@media(max-width: 767px){
  .sub-hero--box{
    padding: 30px 0;
  }

  #primary .sub-hero__bonus.sub-hero__bonus--box .sub-hero__bonus-textbox p{
    font-size: 16px;
  }

  .sub-hero--bonus.sub-hero--box .bonus-contact__box{
    padding: 20px;
  }

  #primary .sub-hero__bonus.sub-hero__bonus--box .sub-hero__bonus-textbox h2{
    font-size: 24px;
    margin: 0 0 10px 0;
  }

  .sub-hero--bonus.sub-hero--box .bonus-contact__content{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .sub-hero--bonus.sub-hero--box .bonus-contact__content .btn:first-of-type{
    margin: 0 !important;
  }
}

@media(min-width: 1220px){
  .sub-hero__bonus.sub-hero__bonus--box .bonus-contact__box{
    padding: 20px 35px;
  }

  .sub-hero__bonus.sub-hero__bonus--box .sub-hero__helper{
    max-width: 520px;
  }


}

@media(max-width: 1220px){
  .sub-hero__bonus.sub-hero__bonus--box .bonus-contact__box{
    flex-direction: column;
    gap: 20px;
  }

  .sub-hero__bonus.sub-hero__bonus--box .bonus-contact__content{
    display: grid;
    width: 100%;
    gap: 10px;
    grid-template-columns: 1fr 1fr;
  }
}

@media(max-width: 1100px){
  .sub-hero--box .in{
    align-items: center;
  }

  .sub-hero--box .sub-hero__right{
    align-self: center;
  }

  .sub-hero__bonus{
    min-width: 400px;
  }
}

@media(max-width: 1025px){
  .sub-hero--box .sub-hero__right{
    justify-content: center;
  }

  .sub-hero__bonus{
    min-width: 0;
  }
}

#primary .sub-hero .bonus-contact__info-content{
  border: 1px solid #0d1f4c;
  color: #0d1f4c;
  background: #fff;