@import url("font/stylesheet.css");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200..700&display=swap');


body{background-color: #000}
.wrapper{display: flex;justify-content: center;align-items: center;height: 100vh}

.pulse{width: auto;height: auto;background-color: black;position: relative;animation: animate 3s linear infinite}.pulse-barc i{position: relative;display: flex;justify-content: center;align-items: center;font-size: 30px;color: #fff;height: 100%;cursor: pointer}@keyframes animate{0%{box-shadow: 0 0 0 0 rgb(255, 255, 255, 0.7) , 0 0 0 0 rgb(255, 255, 255, 0.7)}40%{box-shadow: 0 0 0 50px rgb(255, 255, 255, 0) , 0 0 0 0 rgb(255, 255, 255, 0.7)}80%{box-shadow: 0 0 0 50px rgb(255, 255, 255, 0) , 0 0 0 30px rgb(255, 255, 255, 0)}100%{box-shadow: 0 0 0 0 rgb(255, 255, 255, 0) , 0 0 0 30px rgb(255, 255, 255, 0)}}

.lp {margin: 0 auto;padding: 0;width: 100%;font-family: 'Montserrat', sans-serif;font-size:16px;background: #0d0d0d;color:#fff}
.lp a{text-decoration: none;color:#fff;}
.lp a:hover{text-decoration: none;color:#fff;}
.lp .text-box{margin-bottom: 30px;}
.lp .section-white{background-color:#fff;padding:30px;color:#000}
.lp .section-dark{background-color:#0d0d0d;padding:30px;color:#fff}


.lp .cta-box-white{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#000;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #fff}
.lp .cta-box-white:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-real1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #fead00}
.lp .cta-box-real1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-real2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #d7a27e}
.lp .cta-box-real2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-real3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #c52106}
.lp .cta-box-real3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-barc1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #142185}
.lp .cta-box-barc1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-barc2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #f24178}
.lp .cta-box-barc2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-barc3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#0d0d0d;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #edd749}
.lp .cta-box-barc3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-ars1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #5780c6}
.lp .cta-box-ars1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-ars2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #079651}
.lp .cta-box-ars2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-ars3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #dd2039}
.lp .cta-box-ars3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-liv1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #f1ce76}
.lp .cta-box-liv1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-liv2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #4acec7}
.lp .cta-box-liv2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-liv3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #949496}
.lp .cta-box-liv3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-muni1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #ec3943}
.lp .cta-box-muni1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-muni2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #061b75}
.lp .cta-box-muni2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-muni3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #8abdfa}
.lp .cta-box-muni3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-mcity1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #529eb6}
.lp .cta-box-mcity1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-mcity2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #822c33}
.lp .cta-box-mcity2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-mcity3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #e5ab63}
.lp .cta-box-mcity3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-chel1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #2425b8}
.lp .cta-box-chel1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-chel2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#0d0d0d;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #fdbdc7}
.lp .cta-box-chel2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-chel3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #ff56b8}
.lp .cta-box-chel3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-tot1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #d42f40}
.lp .cta-box-tot1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-tot2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #3281fa}
.lp .cta-box-tot2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-tot3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #7470a9}
.lp .cta-box-tot3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-atl1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#0d0d0d;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #fdea06}
.lp .cta-box-atl1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-atl2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #2d2da6}
.lp .cta-box-atl2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-atl3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #dd0000}
.lp .cta-box-atl3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-juv1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #545086}
.lp .cta-box-juv1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-juv2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#0d0d0d;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #dec026}
.lp .cta-box-juv2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-juv3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #fc3ec2}
.lp .cta-box-juv3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-mil1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #d63433}
.lp .cta-box-mil1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-mil2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#0d0d0d;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #a5c489}
.lp .cta-box-mil2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-mil3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #8d887d}
.lp .cta-box-mil3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-bay1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #cf3029}
.lp .cta-box-bay1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-bay2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #a09a9f}
.lp .cta-box-bay2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-bay3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #d2a47d}
.lp .cta-box-bay3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-box-bor1{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#0d0d0d;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #e2b500}
.lp .cta-box-bor1:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-bor2{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #968a81}
.lp .cta-box-bor2:hover{background: #666666; color:#fff;text-decoration: none}

.lp .cta-box-bor3{cursor: pointer;font-size: 18px; font-weight: 400; z-index:9;position: relative; color:#fff;text-decoration: none;padding:15px 10px;text-transform:uppercase;width:100%;margin-top:5px;margin-bottom:10px;background: #4e90b3}
.lp .cta-box-bor3:hover{background: #666666; color:#fff;text-decoration: none}


.lp .cta-kup{cursor: pointer;font-size: 18px; font-weight: 400; color:#fff;text-decoration: none;padding:10px 20px;text-transform:uppercase;background: #000}
.lp .cta-kup:hover{background: #666666; color:#fff;text-decoration: none}
.lp .cta-kup-white{cursor: pointer;font-size: 18px; font-weight: 400; color:#000;text-decoration: none;padding:10px 20px;text-transform:uppercase;background: #fff}
.lp .cta-kup-white:hover{background: #666666; color:#fff;text-decoration: none}

.lp .centered{align-content: center; vertical-align: middle;}

.lp .social a{padding:20px;}
.lp .social{text-align:center}
.lp svg{fill:#fff;}
.lp .kolor-pion{position: absolute;right: 0;width:8px}
.lp .circle{border: 1px solid #fff;  border-radius: 50%; color:#fff}
.icons8-instagram {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/insta.svg);
    background-size: 100%
}

.icons8-facebook {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/fb.svg);
    background-size: 100%
}

.icons8-tiktok {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/tt.svg);
    background-size: 100%
}

.icons8-youtube {
    display: inline-block;
    width: 50px;
    height: 50px;
    background-image: url(img/yt.svg);
    background-size: 100%
}

.hvr-grow {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -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 .section-bg{background-image:url('https://files.r-gol.com/LP/licenced24/img/top-kluby-m.webp'); no-repeat: center center fixed; background-size: cover; margin:0; color:#fff;}
.lp .desktop{display: none;visibility: hidden;}
.lp h1{font-family: 'Heathergreen', sans-serif;font-size: 3rem;font-weight: 400; text-transform: uppercase;padding-top:0;letter-spacing: 2px; color: #fff;}
.lp h2{font-family:'Heathergreen', sans-serif;font-size: 2rem;text-transform: uppercase;padding-top:0;color:#000;letter-spacing: 2px;}}
@media (min-width: 768px){.lp .mobile{display: none; visibility:hidden;}
.lp .section-bg{background-image:url('https://files.r-gol.com/LP/licenced24/img/top-kluby-d.webp');no-repeat: center center fixed; background-size: cover; margin:0; color:#fff;}
.lp .desktop{display: block;visibility: visible;}
.lp h1{font-family: 'Heathergreen', sans-serif;font-size: 3rem;font-weight: 400;text-transform: uppercase;padding-top:0;letter-spacing: 2px;color: #fff;}
.lp h2{font-family:'Heathergreen', sans-serif;font-size: 2rem;text-transform: uppercase;padding-top:0;color:#000;letter-spacing: 2px;}}
@media (min-width: 992px){.lp .mobile{display: none;visibility:hidden;}
.lp .section-bg{background-image:url('https://files.r-gol.com/LP/licenced24/img/top-kluby-d.webp');no-repeat: center center fixed; background-size: cover; margin:0; color:#fff;}
.lp .desktop{display: block;visibility: visible;}
.lp h1{font-family: 'Heathergreen', sans-serif;font-size: 3rem;font-weight: 400;text-transform: uppercase;padding-top:0;letter-spacing: 2px;color: #fff;}
.lp h2{font-family:'Heathergreen', sans-serif;font-size: 2rem;text-transform: uppercase;padding-top:0;color:#000;letter-spacing: 2px;}}
@media (min-width: 1200px){.lp .mobile{display: none;visibility:hidden;}
.lp .section-bg{background-image:url('https://files.r-gol.com/LP/licenced24/img/top-kluby-d.webp');no-repeat: center center fixed; background-size: cover; margin:0; color:#fff;}
.lp .desktop{display: block;visibility: visible;}
.lp h1{font-family: 'Heathergreen', sans-serif;font-size: 4rem;font-weight: 400;text-transform: uppercase;padding-top:0;letter-spacing: 2px;color: #fff;}
.lp h2{font-family:'Heathergreen', sans-serif;font-size: 2rem;text-transform: uppercase;padding-top:0;color:#000;letter-spacing: 2px;}}