@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');

.lp {margin: 0 auto;padding: 0;width: 100%;font-family: 'Montserrat', sans-serif;font-size:16px !important;color:#727272!important;
    background: #000;}
.lp a{text-decoration: none;color:#727272;}
.lp a:hover{color:#000;}
.lp p{font-size:16px;}
.lp h1{font-family: 'Montserrat', sans-serif;
    font-size:24px;
    color:#727272;
    padding-top:0;
}
.lp h3{font-family: 'Montserrat', sans-serif;
    font-size:24px;
    font-weight:400;
    color:#727272;
    margin:20px 0;
}
.lp .text-box h4 {
    padding: 10px 20px;
    color: #fff !important;
    width: fit-content;
    font-weight: 600;
    font-size: 48px;
    margin: 0 auto;
}

.lp .step-line{
    align-items: center;
    width: auto;
    margin: 20px 33%;
}
.lp .step-text{
    text-align: left;
}
.lp .pointer{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #86c042;
    border-radius: 50%;
    color: #fff;
    font-weight: 600;
    font-size: 22px;
    width: 50px;
    height: 50px;
}

.lp .step-text{
    color: #fff;
}
.lp .section1{margin:0;padding: 5% 0;background: #0c0c0c;}
.lp .section1 p{width: 80%; margin: 1em auto; font-weight: 400;}
.lp .section1 video{max-height: 600px;}
.lp .section2 img{width: 100%;transition: all.3s;}
.lp .section2 img:hover{transform: scale(1.06);-webkit-transform: scale(1.06);}
.lp .section3 p{width: 90%; margin: 2em auto; font-weight: 400;}
.lp .section3 img{width: 60%;}
.lp .section3 span{font-size: 16px;}
.lp .section4 p{font-size: 16px;}
.lp .section4{padding: 5% 0;}
.lp .section5{margin: 0 auto;padding: 5% 0;}
.lp .section5 p{
    color: #fff!important;
}
.lp .section5 a{
    color: #fff!important;
}
.lp .section5 h4{
    color: #fff!important;
}
.lp .banner-inside{width: 70%;margin: 0 auto;text-align: center;}
.lp .text-box{margin:20px 0;padding: 0 20px;}
.lp .text-box2{display:block;width:60%;margin:20px auto;padding: 0 20px}
.lp .grey{background-color:#fafafa;}
.lp .cta-kup{cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    z-index: 9;
    position: relative;
    background-color: #86c042;
    border: 2px solid #86c042!important;
    color: #fff;
    text-decoration: none;
    border-radius: 50px;
    padding: 15px 35px;
    transition: all.3s;
}
.lp .cta-kup:hover{
    color: #fff;
    background-color: transparent;
}
.lp .cta-kup2{cursor: pointer;
    font-size: 16px;
    font-weight: 400;
    z-index: 9;
    margin-left: 10px;
    position: relative;
    background-color: transparent;
    color: #fff;
    text-decoration: none;
    border: 2px solid #fff!important;
    border-radius: 50px;
    padding: 15px 35px;
    transition: all.3s;
}
.lp .cta-kup2:hover{
    background: #c400ff;
    border: 2px solid #c400ff!important;
    color: #fff;
}
.lp p{margin:20px 0;}
.baner {position: relative;overflow: hidden;width: 100%;margin:10px 0;}
.baner img {max-width: 100%;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;transition: all 0.3s;}
.baner:hover img {-moz-transform: scale(1.1);-webkit-transform: scale(1.1);transform: scale(1.1);}
.lp .title{margin-top: -50px;margin-left: 20px;float: left;color: #fff;font-size: 24px!important;position: absolute;font-weight:600}
.lp .button {
  color: #fff;
  border: none;
  outline: none;
}
.lp .button:active {
  transform: translateY(1px);
}
.lp .message {
  opacity: 0;
  transition: 0.5s;
color:#c2c2c2;
}

.lp .message.active {
  opacity: 1;
}
.lp .kod{
display:block;
}
.lp .kontakt{padding:10px;}
.lp .shop-item:nth-child(2n){
    background: #f6f6f6;
    border-radius: 20px;
}



@media only screen and (max-width: 480px) {
.lp .button {margin-top:10px;}
.lp .text{width:100%;font-size:24px;}
}

.lp .social a{padding:20px;}
.lp .social{text-align:center}
.lp svg{fill:#7BB83A;}



/* Grow */
.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}
.hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


@media all and (max-width: 768px){.lp .mobile{display: block; visibility:visible;}
.lp .banner-inside{width: 95%;margin: 0 auto;text-align: center;}
.lp .desktop{display: none;visibility: hidden;}
.lp .cta-kup{padding: 10px 15px;
    margin-top: 10px;
    font-size: 14px;}
.lp .cta-kup2{padding: 10px 15px;
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;}
.lp .section2 img{padding: 1em 0;}
.lp p{font-size:14px;}
.lp h3 {
    font-size: 18px;
    font-weight: 500;
}
.lp .section3 p{width: 90%; margin: 0 auto 2em auto;}
.lp .step-line {
    margin: 20px 15%;
}
.lp .text-box h4{
    font-size: 30px;

}
}
@media all and (max-width: 600px){
    .lp .step-line {
        margin: 20px 10%;
    }
    .lp .step-text {
        text-align: center;
    }
}
@media (min-width: 768px){.lp .mobile{display: none; visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}}
@media (min-width: 992px){.lp .mobile{display: none;visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}}
@media (min-width: 1200px){.lp .mobile{display: none;visibility:hidden;}
.lp .desktop{display: block;visibility: visible;}}