body.elementor-default{
	width:100%;
	overflow-y: scroll;
	overflow-x: hidden;
	height:auto;
}

#popmenu{
	width:1px;
	height:1px;
	position:fixed;
	top:-100%;
	opacity:0;
	left:0;
	background-color:#000;
	-webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
	/*-webkit-animation: bounce 1s infinite alternate;
	animation: bounce 1s infinite alternate;*/
}



#popmenu.abre{
	width: 100vw;
	height:200vh;
	top:0;
	opacity:1;
	background-color:#000;
	-webkit-transition: opacity 0.5s ease;
    -moz-transition: opacity 0.5s ease;
    -o-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
	/*-webkit-animation: bounce 1s infinite alternate;
	animation: bounce 1s infinite alternate;*/
	z-index: 99999;
}

#menucontainer {
    padding-top: 10px;
	z-index:9999;
	max-width: calc(100vw - 50px);
}

.menucel{
	width:40px;
	height:40px;
	position:relative;
	font-size:40px;
	cursor:pointer;
	display:block;
	position: fixed;
    right: 45px;
    top: 30px;
	opacity:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	z-index:900;
}

.menucel.aparece{
	opacity:1;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#popmenu .menucel.aparece {
	position: absolute;
    z-index: 900;
    top: 0;
    left: 85vw !important;
	color: #fff !important;
}

#menusite{
	opacity:1;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menusite.some{
	opacity:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#menutotal logo{
	z-index:99;
	position:absolute;
}

logo a{
	display: block;
    width: 75px;
    height: 79px;
    background-image: url(/wp-content/uploads/2024/07/loader.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -200px;
    margin: 0 0 0 90px;
}

.single-post logo a{
	background-image: url(/wp-content/uploads/2024/06/logo_bg.png);
}



.e-page-transition--exiting e-preloader, .e-page-transition--exiting .e-page-transition--preloader{
	opacity:0 !important;
}

.e-page-transition--exiting{
	background-image:url('/wp-content/uploads/2020/09/Loading-leve-03.gif');
	background-position: center 40vh;
    background-size: 200px auto;
    background-repeat: no-repeat;
    position: fixed !important;
    top: 0;
    left: 0;
}


.e-page-transition--exiting:before{
	content:'';
	display:block;
	width:200px;
	height:200px;
	background-image: url('/wp-content/uploads/2020/09/Loading-leve-03.gif');
    background-position: center 40vh;
    background-size: 200px auto;
    background-repeat: no-repeat;
    position: absolute !important;
    bottom: 20vh;
    left: calc(50% - 200px);
	z-index:9999;
}

/*Menu Branco*/

.branco #menusite ul li a, .branco #menusite ul li a:visited{
	color: #fff !important;
    position: relative;
    display: inline-block;
    margin: 0 20px !important;
    padding: 0 !important;
	text-decoration: none;
}

.branco .menucel{
	color: #fff !important;
}

.branco #menusite ul li a:before{
	content:'';
	width:0;
	opacity:0;
	height:1px;
	background-color:#fff;
	position:absolute;
	bottom:-5px;
	left:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.branco #menusite ul li:hover a:before{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	width:100%;
	opacity:1;
}

.branco #menusite ul li.current-menu-item:before{
	content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(/wp-content/uploads/2024/10/little-star.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 7px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: rotate(0);
}

.branco #menusite ul li.current-menu-item:hover:before{
	transform: rotate(180deg);
}

.branco #menusite ul li.current-menu-item a:before{
	display:none;
}

.branco logo a{
	display: block;
    width: 75px;
    height: 79px;
    background-image: url(/wp-content/uploads/2024/07/loader.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -200px;
    margin: 0 0 0 90px;
}

/*Menu Negro*/

.preto #menusite ul li a, .preto #menusite ul li a:visited{
	color: #000 !important;
    position: relative;
    display: inline-block;
    margin: 0 20px !important;
    padding: 0 !important;
	text-decoration: none;
}

.preto .menucel{
	color: #000 !important;
}

.preto #menusite ul li a:before{
	content:'';
	width:0;
	opacity:0;
	height:1px;
	background-color:#000;
	position:absolute;
	bottom:-5px;
	left:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.preto #menusite ul li:hover a:before{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	width:100%;
	opacity:1;
}

.preto #menusite ul li.current-menu-item:before{
	content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(/wp-content/uploads/2024/10/little-star-black.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 7px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: rotate(0);
}

.preto #menusite ul li.current-menu-item:hover:before{
	transform: rotate(180deg);
}

.preto #menusite ul li.current-menu-item a:before{
	display:none;
}

.preto logo a{
	display: block;
    width: 75px;
    height: 79px;
    background-image: url(/wp-content/uploads/2024/06/logo_bg.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -200px;
    margin: 0 0 0 90px;
}

/*Menu Marrom*/

.marrom #menusite ul li a, .marrom #menusite ul li a:visited{
	color: #ecc09b !important;
    position: relative;
    display: inline-block;
    margin: 0 20px !important;
    padding: 0 !important;
	text-decoration: none;
}

.marrom .menucel{
	color: #ecc09b !important;
}


.marrom #menusite ul li a:before{
	content:'';
	width:0;
	opacity:0;
	height:1px;
	background-color:#ecc09b;
	position:absolute;
	bottom:-5px;
	left:0;
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.marrom #menusite ul li:hover a:before{
	-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
	width:100%;
	opacity:1;
}

.marrom #menusite ul li.current-menu-item:before{
	content: '';
    display: block;
    width: 14px;
    height: 14px;
    background-image: url(/wp-content/uploads/2024/10/little-star-brown.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 100% auto;
    position: absolute;
    bottom: -18px;
    left: calc(50% - 7px);
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: rotate(0);
}

.marrom #menusite ul li.current-menu-item:hover:before{
	transform: rotate(180deg);
}

.marrom #menusite ul li.current-menu-item a:before{
	display:none;
}

.marrom logo a{
	display: block;
    width: 75px;
    height: 79px;
    background-image: url(/wp-content/uploads/2024/07/bright_futurue_logo_peach.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -200px;
    margin: 0 0 0 90px;
}

.hometxt p{
	min-width:400px !important;
}

.textorodape{
	position:relative !important;
	z-index:999 !important;
}

.textorodape .blocotexto{
	min-width:600px !important;
	display:block;
}

/*Regras Gerais*/

.hoverbrown:hover h2{
	color: #ecc09b !important;
}

#menusite{
	right:200px !important;
}

#hometxtbanner h2{
	min-width:800px;
}

#menutotal{
}

.page-id-3479 .elementor-3615{
	position:relative;
	z-index:0;
}

.elementor-3773 .elementor-element.elementor-element-885f411 {
    --margin-top: 195px !important;
}

a:hover {
    color: #ECC09B !important;
}

.parent-pageid-5233  button.qxCTlb {
		color: rgb(255, 255, 255) !important;
		background-color: #ECC09B !important;
		position: relative !important;
		top: -29px !important;
		left: 17px !important;
	}


.pageid-5233 .boxlinks{
		position:relative;
		z-index:9999;
}

.page-id-4405 #footer_section .elementor-section .elementor-container{
		width: 100%;
		min-width: 1200px;
}

.hur54b {
    left: 5px !important;
    width: calc(100% - 10px) !important;
    padding: 70px 5px !important;
}

.elementor-3981 .elementor-element.elementor-element-74aa477 img {
    height: 264px !important;
	object-fit: contain !important;
}

.btrodape a, .btrodape a:visited{
	text-decoration:none !important;
}

.elementor-3615 .elementor-element.elementor-element-da1de34 {
    background: #000 !important;
}

/*responsivo*/

@media screen and (max-width: 1150px) {
	
	logo {
        position: relative;
        left: -53px !important;
    }

	#menusite {
		right: 100px !important;
	}
}

@media screen and (max-width: 1024px) {
	
	.menucel{
		opacity:1;
	}

	#menusite{
		display:none;
	}

	#hometxtbanner h2{
		min-width:100%;
		font-size:56px !important;
	}

	.elementor-3773 .elementor-element.elementor-element-885f411 {
		--margin-top: 20px !important;
	}

}

@media screen and (max-width: 900px) {
	
	html {
		max-width: 100vw !important;
		overflow-x: hidden;
	}

}

@media screen and (max-width: 600px) {
	#menucontainer {
		padding-top: 10px;
		z-index: 9999;
		max-width: 100vw;
	}

	#popmenu img{
		max-width: 197px;
	}

	.menucel {
		right: 20px;
        top: 35px;
        left: auto;
		font-size: 30px;
	}

	.elementor-nav-menu--dropdown {
		background-color: transparent !important;
		font-size: 13px;
	}

	#menupopok ul li a {
		font-family: "Montserrat", Sans-serif;
		font-size: 30px !important;
		font-weight: 500 !important;
		line-height: 28px !important;
		color: #fff !important;
	}

	.preto logo a, .branco logo a, .marrom logo a, logo a {
		width: 45px;
        margin-left: 70px;
        height: 45px;
		background-image: url(/wp-content/uploads/2024/07/loader.svg);
	}
	.preto .menucel, .branco .menucel, .marrom .menucel{
		color: #fff !important;
	}

	.page-id-3521 .preto logo a, .page-id-3521 .branco logo a, .page-id-3521 .marrom logo a{
		background-image: url(/wp-content/uploads/2024/07/bright_futurue_logo_peach.png);
	}

	.page-id-3521 .preto .menucel, .page-id-3521 .branco .menucel, .page-id-3521 .marrom .menucel{
		color: #ecc09b !important;
	}

	.page-id-3508 .preto .menucel, .page-id-3508 .branco .menucel, .page-id-3508 .marrom .menucel{
		color: #000 !important;
	}

	.page-id-3508 .preto logo a, .page-id-3508 .branco logo a, .page-id-3508 .marrom logo a{
		background-image: url(/wp-content/uploads/2024/06/logo_bg.png);
	}
	
	.single #menutotal logo{
		top:30px;
		left:0;
	}

	#repositorio {
		width: 70%;
		margin: 0 0 0 15%;
	}
}