@import url(https://fonts.googleapis.com/css2?family=Nunito+Sans:ital,opsz,wght@0,6..12,200..1000;1,6..12,200..1000&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap);
@font-face{font-family:"SVN-Gotham";src:url(../assets/fonts/SVN-Gotham-Regular.422846403f6fb6232ac4.otf) format("opentype");font-weight:400;font-style:normal}
@font-face{font-family:"SVN-Gotham-Bold";src:url(../assets/fonts/SVN-Gotham-Bold.fc6b780d69ae186e9fa5.otf) format("opentype"),url(../assets/fonts/SVN-Gotham-Bold.ffd537ffaccbc80c0809.ttf) format("truetype");font-weight:700;font-style:normal}
@font-face{font-family:"SVN-Gotham-Black";src:url(../assets/fonts/SVN-Gotham-Black.32b15721bf4efd9aabb0.otf) format("opentype");font-weight:900;font-style:normal}
.font-bold{font-family:"SVN-Gotham-Bold";font-weight:700}
body{min-height:100%;font-family:"Nunito Sans",sans-serif;font-weight:400;font-style:normal;position:relative;overflow-x:hidden}
.content{background-image:url(../assets/bgb52b8515e50a2d64c1da.png);background-repeat:no-repeat;background-size:100% 100%;background-position:100% 0%;display:flex;align-items:center;justify-content:center;height:100%}
.content__left{max-width:50%;width:100%}
.content__right{max-width:50%;width:100%}
.mb-0{margin-bottom:0}
@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes zoom{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}
@keyframes textAnimation{0%,100%{opacity:1}50%{opacity:0}}
@keyframes textAnimation-reverse{0%,100%{opacity:0}50%{opacity:1}}
@keyframes btnAnimation{0%,100%{filter:brightness(1);transform:scale(1)}50%{filter:brightness(1.6);transform:scale(1.1)}}
@keyframes scrollAnimation{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@keyframes slideOut{0%,45%{transform:translateX(0);opacity:1}50%,95%{transform:translateX(-100%);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes slideIn{0%,45%{transform:translateX(100%);opacity:0}50%,95%{transform:translateX(0);opacity:1}100%{transform:translateX(100%);opacity:0}}
header{display:flex;align-items:center;justify-content:center;position:relative;padding:1rem}
header figure{margin:0;z-index:5}
header figure img{width:100%;height:auto}
header .social{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:10;display:flex;gap:2rem;align-items:center;flex-direction:row}
header .social a{display:inline-block;width:auto}
header .social a:hover figure img{filter:brightness(1.2) drop-shadow(0 8px 16px rgba(255, 255, 255, 0.3))}
header .social a:hover:active{transform:translateY(-1px)}
header .social a:hover:active figure{transform:scale(1.05)}
header .social a figure{position:static;transform:none;margin:0;width:4rem}
header .social a figure img{width:100%;height:auto}
.regFrm{width:72%;z-index:9}
.regFrm .form-group{position:relative;width:100%;margin-bottom:1rem}
.regFrm .form-group .input-form{position:relative}
.regFrm .form-group .input-form .gradient-part{position:absolute;left:0;top:0;height:100%;width:100px;background:linear-gradient(90deg, #e4103a 1%, #ffb830 100%);border-radius:20px 0 0 20px;display:flex;justify-content:center;z-index:2;clip-path:polygon(0 0, 85% 0, 100% 100%, 0 100%)}
.regFrm .form-group .input-form .gradient-part .u-p{position:relative;z-index:3;margin:0}
.regFrm .form-group .input-form .form-control{width:100%;border:1px solid #676767;color:#07082d;text-align:center;padding:.5rem .75rem;background:#fff;border-radius:20px;outline:none;position:relative;z-index:1;height:50px;box-sizing:border-box}
.regFrm .form-group .input-form .form-control::-moz-placeholder{color:#676767;font-weight:600}
.regFrm .form-group .input-form .form-control::placeholder{color:#676767;font-weight:600}
.regFrm .form-group .input-form .form-control:focus{box-shadow:0 0 5px rgba(228,16,58,.3)}
.regFrm .form-group figure{width:25px;margin-bottom:0}
.regFrm .form-group .eye{position:absolute;width:20px;top:50%;right:15px;transform:translateY(-50%);z-index:10;cursor:pointer}
.regFrm .form-group .eye img{width:100%;height:auto}
.regFrm .btn{border:0;padding:0;margin:0 auto 0;width:95%;animation:btnAnimation 1.2s infinite}
#form{position:relative;padding:0}
#form .bg-form{background-image:url(../assets/bg-form7b2438a0cca2e89ec754.png);background-position:center;background-size:100% 100%;background-repeat:no-repeat;padding:2rem 0rem 1rem;position:relative;z-index:20}
#form .join p{line-height:1.4;position:relative;font-weight:800;color:#000}
#form .image-slider{position:relative;width:100%;overflow:hidden}
#form .image-slider::before{content:"";display:block;width:100%;padding-top:120%}
#form .image-slider img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0;display:block}
#form .image-slider img:nth-child(1){animation:slideOut 6s infinite ease-in-out;z-index:2}
#form .image-slider img:nth-child(2){animation:slideIn 6s infinite ease-in-out;z-index:1}
#form .image-slider[data-interval="3000"] img:nth-child(1){animation:slideOut 4s infinite ease-in-out}
#form .image-slider[data-interval="3000"] img:nth-child(2){animation:slideIn 4s infinite ease-in-out}
#form .copyright-text{margin:auto;padding-top:2.938rem;padding-bottom:4.375rem;font-size:.875rem;font-family:"Roboto",sans-serif}
.error.errors{color:red;width:100%;text-align:center;display:block;font-size:.8rem;margin-bottom:-1.2rem}
.banners{overflow:hidden;position:absolute;bottom:5%;width:77%}
.banners .banner-scroll{display:flex;animation:scrollAnimation 15s linear infinite;width:200%}
.banners .banner-item{flex:0 0 50%}
.banners .banner-item img{width:100%;height:auto;max-width:none}
footer{padding:2rem 0;background:linear-gradient(90deg, #212121 -91.04%, #26437e 100%)}
footer .text-grey{margin-bottom:.5rem}
footer .intro p:first-of-type{color:#fff}
footer .title{font-family:"SVN-Gotham-Bold";margin-bottom:1rem;text-transform:uppercase}
footer .copyright{font-size:.875rem;color:#fdb814}
@media screen and (max-width: 575.98px){footer .logo_ft{width:40%}}
@media screen and (max-width: 1199.98px){header{padding:0;position:relative}header figure{order:1}header .social{position:absolute;transform:none;flex-direction:column;align-items:center;order:2;gap:.5rem;top:0;right:-1%}.content{padding:2rem 0;background-size:cover;background-position:left center}.content__right{max-width:100%;width:100%}#form{position:static}#form .container{padding-right:0;padding-left:0}#form .copyright-text{font-size:.625rem}}
@media screen and (min-width: 320px){.content{padding:3rem 0}.content .banners{width:80%}.content .banners .banner-scroll{width:600%}#form .km figure{width:47%}}
@media screen and (max-width: 411px){header .social a figure{width:2.5rem}.content .banners{width:80%}.content .banners .banner-scroll{width:600%}#form .bg-form{height:300px}#form .bg-form .join{margin-left:.25rem}#form .bg-form .join p{font-size:.8rem}#form .image-slider{margin-top:2.5rem}#form .regFrm{width:90%}#form .regFrm .form-group .input-form .gradient-part{width:80px}#form .regFrm .btn{width:80%}}
@media screen and (min-width: 412px){header .social a figure{width:3rem}.content .banners{width:85%}#form .bg-form{padding:2.2rem 0rem 0rem;height:320px}#form .bg-form .join{margin-left:.25rem}#form .bg-form .join p{font-size:.9rem}#form .image-slider{margin-top:2.5rem}.regFrm{padding:1rem;width:100%}.regFrm .btn{width:80%}}
@media screen and (min-width: 540px){#form .bg-form{padding:2.2rem 0rem 2rem;width:100%}#form .bg-form .join{margin-bottom:1rem}.regFrm{width:95%}.regFrm .btn{width:70%}}
@media screen and (min-width: 568px){#form .image-slider{margin-top:4.5rem}.banner{margin-top:20%}}
@media screen and (max-width: 767px){header figure{width:70%}.regFrm .form-group .input-form .gradient-part figure{position:absolute;top:25%}}
@media screen and (min-width: 768px){header figure{width:50%}header .social a figure{width:4rem}#form .bg-form{height:380px;padding:2.2rem 0rem 0rem}#form .bg-form .join{margin-left:.5rem;margin-bottom:1rem}#form .bg-form .join p{font-size:1.5rem}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{font-size:1.2rem}.regFrm .form-group figure{width:40px}.regFrm .form-group .u-p{top:20%}.regFrm .form-group:last-of-type{margin-bottom:2rem}}
@media screen and (min-width: 820px){#form .bg-form{width:100%}#form .bg-form .join p{font-size:1.5rem}.regFrm{width:95%;height:300px}.regFrm .form-group{margin-bottom:1.2rem}.regFrm .form-group input{padding:1.2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .u-p{top:24%}}
@media(min-width: 992px)and (max-width: 1119px){#form .bg-form{height:430px}.regFrm{width:95%}}
@media screen and (min-width: 1024px){html,body{height:auto}.content .banners{bottom:2%}.content .banners .banner-scroll{width:300%}#form .bg-form{padding:2.5rem 0rem 0rem}#form .bg-form .join{margin-bottom:1rem}#form .bg-form .join p{font-size:1.5rem}.regFrm{width:95%}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group input{padding:1.5rem}.regFrm .form-group figure{width:40px}.regFrm .form-group .u-p{top:24%}}
@media screen and (min-width: 1200px){html,body{height:100%}.content{padding:2rem 0}.content .banners{width:90%}.content .banners .banner-scroll{width:300%}header figure{width:25%}#form .bg-form{padding:2.2rem 0rem 1rem;width:40%;height:330px}#form .bg-form .join{margin-bottom:1rem;margin-left:.25rem}#form .bg-form .join p{font-size:1rem}#form .km figure{width:20%}.regFrm{width:95%}.regFrm .form-group{margin-bottom:1rem}.regFrm .form-group:last-of-type{margin-bottom:2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group input{padding:.8rem;font-size:1rem}.regFrm .form-group .u-p{top:23%}.regFrm .btn{margin:-0.7rem auto 0}.km-left,.km-right{position:absolute;height:50%;top:53%;transform:translateY(-50%)}.km-left{left:3%}.km-right{right:3%}_::-webkit-full-page-media,_:future,:root .km-left,_::-webkit-full-page-media,_:future,:root .km-right{width:28%}}
@media screen and (min-width: 1300px){header .social{right:0;top:25%}.content .banners{width:87%}#form .copyright-text{padding-top:3.938rem}.km-left,.km-right{height:55%;top:47%}.km-left{left:3%}.km-right{right:3%}_::-webkit-full-page-media,_:future,:root .km-left,_::-webkit-full-page-media,_:future,:root .km-right{width:30%;height:52%;top:45%}}
@media screen and (width: 1325px)and (height: 751px){header figure{width:30%}header .social{right:1%}.km-left,.km-right{height:53%;top:51%}.km-left{left:5%}.km-right{right:5%}}
@media screen and (width: 1382px)and (height: 736px){header figure{width:30%}header .social{right:0}.km-left,.km-right{height:55%;top:51%}.km-left{left:6%}.km-right{right:6%}}
@media screen and (width: 1366px)and (height: 768px){.km-left,.km-right{height:55%;top:48%}.km-left{left:5%}.km-right{right:5%}}
@media screen and (min-width: 1400px){header .social{right:5%}#form .copyright-text{padding-top:4.938rem}.km-left,.km-right{height:53%;top:50%}.km-left{left:5%}.km-right{right:5%}}
@media screen and (min-width: 1600px){header .social{right:2%}.content .banners{width:82%}#form .copyright-text{padding-top:5.938rem}.km-left,.km-right{height:52%;top:46%;transform:translateY(-50%)}.km-left{left:8%}.km-right{right:8%}}
@media screen and (min-width: 1700px){header .social{right:3%}.content .banners{width:77%}#form .bg-form{padding:2.2rem 0rem 0rem;margin-bottom:2rem;height:340px}#form .bg-form .join p{font-size:1rem}#form .copyright-text{padding-top:2.938rem}.regFrm .form-group .u-p{top:19%}.regFrm .btn{margin:1rem auto 0}.km-left,.km-right{height:48%;top:49%}.km-left{left:11%}.km-right{right:11%}_::-webkit-full-page-media,_:future,:root .km-left,_::-webkit-full-page-media,_:future,:root .km-right{width:23%;height:50%;top:47%}}
@media screen and (width: 1728px)and (height: 1117px){#form .bg-form{padding:2.2rem 0rem 0rem;margin-bottom:2rem;height:340px}#form .bg-form .join p{font-size:1rem}#form .copyright-text{padding-top:2.938rem}.regFrm .form-group .u-p{top:19%}.regFrm .btn{margin:1rem auto 0}.km-left,.km-right{height:40%;top:49%}.km-left{left:11%}.km-right{right:11%}}
@media screen and (min-width: 1920px){header figure{width:35%}header .social{right:-3%}header .social a figure{width:4.2rem}.content .banners{width:80%}#form .bg-form{padding:2.2rem 0 0;margin-bottom:2rem;height:380px;width:49%}#form .bg-form .join p{font-size:1.3rem}.regFrm .btn{margin:0rem auto;width:80%}.km-left,.km-right{height:47%}.km-left{left:9%}.km-right{right:9%}}
@media screen and (min-width: 2056px){header .social{right:-7%}header .social a figure{width:4.5rem}#form .bg-form .join p{font-size:1.5rem}#form .km figure{width:22%}.regFrm .form-group input{padding:1rem}.regFrm .form-group figure{width:40px}.regFrm .form-group .u-p{top:17%}.km-left,.km-right{height:50%}.km-left{left:10%}.km-right{right:10%}}
@media screen and (min-width: 2336px){header figure{width:40%}header .social{right:-10%}header .social a figure{width:5rem}.content .banners{width:72%}#form .bg-form{width:650px}#form .bg-form .join p{font-size:1.5rem}#form .km figure{width:25%}.regFrm .form-group input{font-size:1.2rem}.regFrm .form-group:last-of-type{margin-bottom:1.5rem}.km-left,.km-right{height:43%;top:49%}.km-left{left:14%}.km-right{right:14%}}
@media screen and (min-width: 2560px){header figure{width:40%}header .social{right:-12%}header .social a figure{width:5rem}.content .banners{width:68%}#form{margin-top:2rem}#form .bg-form{width:720px}#form .bg-form .join p{font-size:1.5rem}#form .copyright-text{padding-top:5.938rem;font-size:1.3rem}.regFrm .form-group{margin-bottom:1.5rem}.km-left,.km-right{height:42%;top:49%}.km-left{left:15%}.km-right{right:15%}}
@media screen and (min-width: 2992px){header figure{width:45%}header .social{right:-22%}header .social a figure{width:5rem}#form{margin-top:2rem}#form .bg-form{padding:2.5rem 0rem 1rem;width:70%;height:100%}#form .bg-form .join{margin-bottom:2rem}#form .bg-form .join p{font-size:2rem}.regFrm{width:95%}.regFrm .form-group{margin-bottom:1.5rem}.regFrm .form-group input{font-size:2rem}.regFrm .btn{margin:0rem auto 0;width:60%}.error.errors{font-size:1.5rem;margin-bottom:-1.7rem}.km-left,.km-right{height:38%;top:50%}.km-left{left:15%}.km-right{right:15%}}
@media screen and (min-width: 3456px){header figure{width:50%}header .social{right:-27%}header .social a figure{width:100%}#form .bg-form .join p{font-size:2rem}.regFrm .form-group{margin-bottom:2rem}.regFrm .form-group figure{width:30px}.regFrm .form-group .u-p{top:32%}.regFrm .form-group input{font-size:2rem}.regFrm .form-group:last-of-type{margin-bottom:3rem}.regFrm .btn{margin:-1rem auto 0;width:50%}.km-left,.km-right{height:35%;top:49%}.km-left{left:17%}.km-right{right:17%}}
@media screen and (min-width: 3840px){.content .banners{width:58%}#form{margin-top:4rem}#form .bg-form{padding:2.5rem 0rem 1rem}#form .bg-form .join{margin-bottom:3rem}#form .bg-form .join p{font-size:2rem}.error.errors{font-size:1.5rem;margin-bottom:-2.2rem}.km-left,.km-right{height:32%;top:50%}.km-left{left:21%}.km-right{right:21%}}
