:root{
	--verde:#00f900; 
	--l-verde:#81FD00;
	--rosa:#B400D1;	
	--l-rosa:#D0209F;
	--l-orange:#FFB600;
	--d-orange:#FF6600;
	--roxo:#6102fc;
	--azul:#5E00FD;
	--preto:#111; 	
	--branco:#fff; 	
	--bgdark:rgba(255,255,255,0.01);
}
.pd1{padding:1px !important;}
.pd2{padding:2px !important;}
.pd3{padding:3px !important;}
.pd4{padding:4px !important;}

.tverde{color:var(--verde) !important;}
.tlverde{color:var(--l-verde) !important;}
.trosa{color:var(--rosa) !important;}
.tl-rosa{color:var(--l-rosa) !important;}
.tlar{color:var(--d-orange) !important;}
.tl-lar{color:var(--l-orange) !important;}
.tazul{color:var(--azul) !important;}

.bverde{background-color:var(--verde) !important;}
.blverde{background-color:var(--l-verde) !important;}
.brosa{background-color:var(--rosa) !important;}
.bl-rosa{background-color:var(--l-rosa) !important;}
.blar{background-color:var(--d-orange) !important;}
.bl-lar{background-color:var(--l-orange) !important;}
.broxo{background-color:var(--roxo) !important;}
.bazul{background-color:var(--azul) !important;}
.bdark{background-color:var(--bgdark) !important;}

.border-azul{
	background: radial-gradient(circle at 100% 100%, #000000 0, #000000 7px, transparent 7px) 0% 0%/10px 10px no-repeat,
			radial-gradient(circle at 0 100%, #000000 0, #000000 7px, transparent 7px) 100% 0%/10px 10px no-repeat,
			radial-gradient(circle at 100% 0, #000000 0, #000000 7px, transparent 7px) 0% 100%/10px 10px no-repeat,
			radial-gradient(circle at 0 0, #000000 0, #000000 7px, transparent 7px) 100% 100%/10px 10px no-repeat,
			linear-gradient(#000000, #000000) 50% 50%/calc(100% - 6px) calc(100% - 20px) no-repeat,
			linear-gradient(#000000, #000000) 50% 50%/calc(100% - 20px) calc(100% - 6px) no-repeat,
			repeating-linear-gradient(90deg, rgba(53,2,255,1) 0%, #2293cf 0%, rgba(53,2,255,1) 100%);
	border-radius: 10px;
	box-sizing: border-box;
}
.border-verde{
	background: radial-gradient(circle at 100% 100%, #000000 0, #000000 7px, transparent 7px) 0% 0%/10px 10px no-repeat,
				radial-gradient(circle at 0 100%, #000000 0, #000000 7px, transparent 7px) 100% 0%/10px 10px no-repeat,
				radial-gradient(circle at 100% 0, #000000 0, #000000 7px, transparent 7px) 0% 100%/10px 10px no-repeat,
				radial-gradient(circle at 0 0, #000000 0, #000000 7px, transparent 7px) 100% 100%/10px 10px no-repeat,
				linear-gradient(#000000, #000000) 50% 50%/calc(100% - 6px) calc(100% - 20px) no-repeat,
				linear-gradient(#000000, #000000) 50% 50%/calc(100% - 20px) calc(100% - 6px) no-repeat,
				repeating-linear-gradient(90deg, #00f900 0%, #81FD00 0%, #00f900 100%);
	border-radius: 10px;
	box-sizing: border-box;		
}
.border-rosa{
	background: radial-gradient(circle at 100% 100%, #000000 0, #000000 7px, transparent 7px) 0% 0%/10px 10px no-repeat,
				radial-gradient(circle at 0 100%, #000000 0, #000000 7px, transparent 7px) 100% 0%/10px 10px no-repeat,
				radial-gradient(circle at 100% 0, #000000 0, #000000 7px, transparent 7px) 0% 100%/10px 10px no-repeat,
				radial-gradient(circle at 0 0, #000000 0, #000000 7px, transparent 7px) 100% 100%/10px 10px no-repeat,
				linear-gradient(#000000, #000000) 50% 50%/calc(100% - 6px) calc(100% - 20px) no-repeat,
				linear-gradient(#000000, #000000) 50% 50%/calc(100% - 20px) calc(100% - 6px) no-repeat,
				repeating-linear-gradient(90deg, #b400d1 0%, #e196cc 0%, #b400d1 100%);
	border-radius: 10px;
	box-sizing: border-box;		
}
.border-laranja{
	background: radial-gradient(circle at 100% 100%, #000000 0, #000000 7px, transparent 7px) 0% 0%/10px 10px no-repeat,
				radial-gradient(circle at 0 100%, #000000 0, #000000 7px, transparent 7px) 100% 0%/10px 10px no-repeat,
				radial-gradient(circle at 100% 0, #000000 0, #000000 7px, transparent 7px) 0% 100%/10px 10px no-repeat,
				radial-gradient(circle at 0 0, #000000 0, #000000 7px, transparent 7px) 100% 100%/10px 10px no-repeat,
				linear-gradient(#000000, #000000) 50% 50%/calc(100% - 6px) calc(100% - 20px) no-repeat,
				linear-gradient(#000000, #000000) 50% 50%/calc(100% - 20px) calc(100% - 6px) no-repeat,
				repeating-linear-gradient(90deg, #ff6600 0%, #FFB600 0%, #ff6600 100%);
	border-radius: 10px;
	box-sizing: border-box;	
}

.footer-dark a:hover {
    color: var(--branco);
}

.btn.bdark {
  background-color: var(--bgdark);
  color: var(--branco);
}
.btn.bdark:hover, .btn.bdark:active {
  background-color: transparent;
  border-color: var(--d-orange);
  color: var(--d-orange);
}

.accordion-style-05 .accordion-item.active-accordion .number {
    -webkit-text-fill-color: var(--d-orange);
    -webkit-text-stroke-color: var(--d-orange);
}
.text-outline-color-base-color {
    -webkit-text-stroke-color: var(--d-orange);
}

html, body{ 
	height:100% !important; 
	margin:0; 
	padding:0;
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 auto;
}
body{
	min-height:100vh;
	background-color: #000;
    background-image: url(https://jumpmaniabrasil.com.br/imgs/bg_dark_1.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;	
}

.navbar .navbar-nav .nav-item:hover .nav-link, .navbar .navbar-nav .nav-item.active .nav-link { opacity:1; color:var(--verde);}
.navbar .navbar-nav .dropdown .dropdown-menu, header.sticky.sticky-active .navbar .navbar-nav .dropdown .dropdown-menu {
    background: rgba(255,255,255,0.1) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    padding: 0px !important;
    border: 1px solid rgba(255,255,255,0.7) !important;
}

header.sticky.sticky-active [data-header-hover=light] {
    background-color: rgba(255,255,255,0.8) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
    box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1) !important;
}

header.sticky.sticky-active [data-header-hover=light] .navbar-nav .nav-link {
    color: var(--preto) !important;
}

.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li {padding:10px;}
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {color:#FFF;}
header.sticky.sticky-active .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li a span {color:#FFF;}
header.sticky.sticky-active .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:hover a span,
header.sticky.sticky-active .navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:active a span,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:hover a span,
.navbar .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:active a span
{color:var(--verde);}  
.navbar .btn-jm{border-radius:10px;}


.page-layout, [data-mobile-nav-style=modern] .page-layout { 
	background-color:transparent !important;
	width: 100% !important;
	max-width: 100% !important;
	margin-left: 0 !important;
	margin-right: 0 !important;
	left: 0 !important;
	right: 0 !important;
	overflow-x:hidden !important;
}

.icon-with-text-style-10 .feature-box-icon:before {
    width: 100%;
    height: 50%;
    background-color: var(--d-orange);
    opacity: 1 !important;
    z-index: -1;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-40deg);
    -ms-transform: rotate(-40deg);
    transform: rotate(-40deg);
    -webkit-transform-origin: bottom center;
    -ms-transform-origin: bottom center;
    transform-origin: bottom center;
    -webkit-transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
    transition: 0.4s cubic-bezier(0.12, 0, 0.39, 0);
}

.icon-fe{position:relative; margin-top:-60px; border-radius:100%; width:80px; height:80px; padding:20px; border: solid 3px #FFFFFF; margin-bottom:20px;}
.icon-fe i{font-size:40px;}
.segbox p{font-size:1rem; line-height:1rem;}

.process-step-style-02 img.icon-diferencial {
    width: 100px;
    height: 100px;
    display: block;
    margin: 0 auto 20px;
}
.process-step-style-02 {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}
a.video-icon-box:hover .video-icon, a.video-icon-box:active .video-icon{
	background-color: var(--d-orange) !important;
}
a.video-icon-box:hover .video-icon-sonar-afr,  a.video-icon-box:active .video-icon-sonar-afr{
	background-color: var(--branco) !important;
}
a.video-icon-box:hover .fa-solid, a.video-icon-box:active .fa-solid{color:var(--branco) !important;}
#hp-bg-01{
    position:absolute;
    right:-400px !important;
    top:50% !important;
    margin-top:-400px; /* metade da altura aproximada — ajuste conforme a imagem */
    width:100%;
    max-width:800px !important;
    height:auto;
}
#hp-bg-02{
    position:absolute;
    left:-400px !important;
    top:50% !important;
    margin-top:-400px;
    width:100%;
    max-width:800px !important;
    height:auto;
}

.unibox:hover p, .unibox:active p{
	color: var(--d-orange);
}
.accordion-style-05 .accordion-item.active-accordion, .accordion-style-05 .accordion-item {
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

.atracoes-box{position:relative; width:100%; display:block; margin:0; padding:0;}
.atracoes-box p{font-size:1.2rem; line-height:1.2rem;}
.atracoes-box i{position:relative; right:0px !important; float:right !important; font-size:40px;}



/* Custom cursor */
@media (hover: hover) and (pointer: fine) {
  .custom-cursor .circle-cursor-inner {
    background-color: var(--verde);
  }
  .custom-cursor .circle-cursor-inner.cursor-link-hover {
    background-color: var(--verde);
  }
  .custom-cursor .circle-cursor-outer {
    border: 1px solid var(--verde);
  }
}

footer ul li{margin:0px; padding:0px;}
footer ul li a{margin:1px 0px; padding:7px 10px; display:block; font-size:15px; line-height:15px;}
footer ul li:hover a, footer ul li:active a{background: var(--rosa);color:var(--white);}
.copyright{background:rgba(0,0,0,1);}


.all-demo, .btn-jm{background-color: var(--d-orange) !important; color: var(--branco); border:none;}
.all-demo:hover, .btn-jm:hover, .all-demo:active, .btn-jm:active {background-color: var(--rosa) !important; color: var(--white);}
.buy-theme:hover {background-color:var(--verde);}

/* ===== Preloader ===== */
#preloader{
    position:fixed; top:0; left:0; width:100%; height:100%;
    background:#ffffff; z-index:99999;
    display:flex; flex-direction:column;
    align-items:center; justify-content:center;
    transition:opacity .5s ease, visibility .5s ease;
}
#preloader.preloader-hidden{
    opacity:0; visibility:hidden; pointer-events:none;
}
.preloader-logo{
    width:160px; height:auto; margin-bottom:25px;
    animation:preloader-bounce 1.2s ease-in-out infinite;
}
.preloader-spinner{
    width:42px; height:42px;
    border:3px solid rgba(0,0,0,.12);
    border-top-color:currentColor;
    border-radius:50%;
    animation:preloader-spin .8s linear infinite;
}
@keyframes preloader-bounce{
    0%,100%{ transform:translateY(0); }
    50%{ transform:translateY(-14px); }
}
@keyframes preloader-spin{
    to{ transform:rotate(360deg); }
}
.gbox{
	padding:15px;
	border-radius: 0px;
    background: rgba(255,255,255,0.02) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
	
}
.gbox-btn{
	padding:15px;
	border-radius: 0px;
    background: rgba(255,255,255,0.001) !important;
    backdrop-filter: blur(10px) !important;
    -webkit-backdrop-filter: blur(10px) !important;
	
}
.gbox-btn:hover{
	background: rgba(255,255,255,0.05) !important;
}
.feature-box{position:relative; padding-top:80px;} 
.feature-box .feature-box-icon{
	position:absolute;
	top:-60px;	
	z-index:2;
}
.h-btn-youtube{width:120px; margin:0px 10px;}
.h-btn-youtube a{top: -50px!important; position:absolute; bottom:-50px !important;}
.txtmarquee{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
	height:100%;
}

.contentholder{display:flex;flex-direction:column;}
.fix-on-bottom{margin-top:auto;padding-top:30px;}


/* CONFIGURAÇÕES DOS MODAIS */
.modal-content{
    background-color: #ffffff; /* fallback */
}
@supports (backdrop-filter: blur(1px)){
    .modal-content{
        background-color: rgba(255, 255, 255, 0.55);
        -webkit-backdrop-filter: blur(14px) saturate(140%);
        backdrop-filter: blur(14px) saturate(140%);
    }
}



/* Confirgurações do LightBox */
.mfp-close::before,
.mfp-close::after,
button.mfp-close::before,
button.mfp-close::after{
    content: none !important;
    display: none !important;
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close{
    position: absolute !important;
    top: 12px !important;
    right: 12px !important;
    width: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    line-height: 42px !important;
    text-align: center !important;
    font-family: inherit !important;
    font-size: 24px !important;
    font-weight: 400 !important;
    background: var(--rosa) !important;
    color: #FFFFFF !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 14px rgba(0,0,0,.28) !important;
    opacity: 1 !important;
}
.mfp-image-holder .mfp-close:hover,
.mfp-iframe-holder .mfp-close:hover{
    background: var(--d-orange) !important;
	cursor: pointer !important;
}
.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.93;
    background: #000 !important;
}	

#ticketmd p{font-size:1.5rem; line-height:1.6rem; margin-bottom:20px;}
#ticketbutton{
	border-radius: 15px;
    padding-top: 20px;
    padding-bottom: 20px;
    border: none;
}
#ticketbutton:hover, #ticketbutton:active{
	background-color:var(--verde) !important;
	color:#000000;
}
#ticketbutton, #ticketbutton:visited{
	background-color:#198754 !important;
	color: #FFFFFF;
}
#ticketbutton[disabled]{
	background-color:transparent !important;
	color:#CCCCCC;
}





@media (min-width:1370px){



}

@media (min-width:1280px) and (max-width:1369px){



}
@media (min-width:992px) and (max-width:1279px){


	
}


@media (min-width:768px) and (max-width:991px){
	[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .nav-item:hover .nav-link{color:var(--verde);}
    [data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:hover a span,
	[data-mobile-nav-style=modern] .navbar-modern-inner .navbar-nav .dropdown.dropdown-with-icon .dropdown-menu li:active a span
	{
		color:var(--verde);
	}
	.navbar .btn{padding-top:20px; padding-bottom:20px;}
	.btn.btn-medium {font-size:1.1rem !important;}
}
@media (max-width:767px){
		.ic-box-2{
			grid-template-columns: repeat(1, 1fr) !important;
			grid-column: span 12 !important;
		}
		.btn.btn-medium {font-size:1rem !important;}
}