@font-face{
	font-family: Netron;
	src:url("../fonts/Netron.ttf") format("opentype");
  }
  
  @font-face{
	font-family: Oktoberfest;
	src:url("../fonts/Oktoberfest.otf")
  }
  
  
  html{
	scroll-behavior: smooth;
  }
  
  header{
	background-color: transparent !;
  }
  
  body{
	background-color: #ffffff !important;
  }
  
  
  
  .mobile-nav {
	display: none !important;
  }
  
  
  .section-ban {
	width: 100%;
    height: 451px;
    background-image: url(../img/banner-home1.jpg);
    background-repeat: no-repeat;
    background-position: 0px -400px;
    position: relative;
    top: -131px;
    margin-bottom: -69px;
  
  }
  
  .navbar-light.navbar-stuck{
	background-color: #f8fafd !important;
  }
  
  .project-box{
	margin-top: -38px !important;
	margin-left: -30px !important;
  }
  .text-event {
	color: #fff !important;
	text-shadow: 1px 1px 3px #0000009c;
	margin-bottom: 0px;
	font-size: 2.5rem;
  }
  
  .sec-area-text p{
	color: #fff!important;
	text-shadow: 1px 1px 3px #0000009c;
  }
  
  .sec-area-text{
	position: relative;
	top: 50px;
  }
  
  .bot-log-menu {
	  display: none !important;
	  visibility: hidden;
	  position: absolute;
	}
  
	.bot-login {
	  background-color: #F59A73 !important;
	  border: 1px solid #F59A73 !important;
	  color: rgb(255, 255, 255) !important;
	  margin-right: 70px;
	}
  
	.bot-login:hover {
  
	  color: #096E97 !important;
  
	}
  
	.localization {
	  margin: auto;
	  cursor: pointer;
	}
  
	.section-eventos{
	 margin: auto !important;
	}
  
	.localization img {
	  width: 18px;
	  margin-right: 5px;
	}
  
	.flech {
	  margin-left: 5px;
	  width: 10px !important;
	}
  
	.modal-ul-br {
	  list-style: none;
	  display: flex;
	  flex-direction: column;
	  overflow-y: scroll;
	  scroll-snap-type: y mandatory;
	  height: 300px;
	}
  
	.modal-ul-br li {
	  display: flex;
	  align-items: center;
	  height: 50px;
	  padding-top: 20px;
	  padding-bottom: 20px;
	  border-left: 1px solid #e2dfdf;
	  border-right: 1px solid #e2dfdf;
	  border-bottom: 1px solid #e2dfdf;
	  margin: 0px;
	  cursor: pointer;
	}
  
	.modal-ul-br li:hover {
	  background-color: #00000018;
	}
  
	.modal-ul-br li:first-child {
  
	  border-top: 1px solid #e2dfdf;
	}
  
	.estado-br img {
	  margin: 0px 10px;
  
	}
  
	.sec-area-text {
	  margin-top: 5rem;
	  margin-left: 10rem;
  }
  
  .sec-area-text p {
	  color: rgb(192, 191, 191);
  }
  
  
	.bot-modal {
	  border: 1px solid #F59A73 !important;
	  background-color: #F59A73 !important;
	  color: rgb(255, 255, 255) !important;
	}
  
	.bot-modal-2 {
	  border: 1px solid #096E97 !important;
	  background-color: #096E97 !important;
	  color: rgb(255, 255, 255) !important;
  
	}
  
	.bot-modal-2:hover {
	  box-shadow: 2px 2px 10px 2px #096E97 !important;
	}
  
	/*#carouselExampleIndicators,.carousel-item img{
		max-width: 550px !important;
		max-height: 450px;
		top: -50px;
	  } */
  
	.slide-banner {
	  max-width: 400px;
	  max-height: 500px;
	  margin-left: 250px;
	  margin-bottom: 30px;
	}
  
	.bot-slide {
	  margin-top: 5px;
	  position: fixed;
	  top: 100%;
	}
  
	.bot-slide button {
	  border: 1px solid #F59A73 !important;
	  background-color: #F59A73 !important;
	  width: 10px !important;
	  margin: 0px 8px !important;
	  height: 10px !important;
	  border-radius: 50% !important;
	}
  
	.legenda-slide {
	  position: absolute;
	  top: 70%;
	  margin-left: 10px;
  
  
	}
  
  
	.title-evento{
	  color: #050e1d !important;
	}
  
	.title-evento::after{
	  max-width: 300px !important;
	  height:400px ;
	  transform: translateY(-290px) ;
	  margin-left: 22px;
	  
	  background-color: transparent;
	}
  
	.stretched-link::after {
	  width: 305px !important;
  }
  
	.color-pri {
	  color: #096E97 !important;
	}
  
	.color-sec:hover {
	  color: #096e97!important;
	  margin: auto !important;
	}
  
	.color-pesquisar {
	  background-color: #e9e8e8 !important;
	}
  
	.stretched-link::after {
	  width: 265px !important;
	}
  
	.imagem-evento {
	  width: 100% !important;
	  height: 100% !important;
	}
  
	
	  .imagem-evento-area{
		width: 280px;
		border-radius: 10px;
  
	  }
  
	  .cod{
		width: 290px;
		font-weight: 600;
		position: relative;
		right: 14px;
	  }
  
	.area-evento {
	  margin: 40px 30px !important;
	  width: 280px !important;
	}
  
  
  
	.area-eventos {
	  display: flex;
	  /*flex-wrap: wrap;
	  margin-left: 10vw;*/
	  
	  overflow-x: hidden;
	 flex-wrap: nowrap;
	 scroll-behavior: auto;
  
	
	}
  
  
  .area-eventos::-webkit-scrollbar {
	  background: transparent;
  }
  
  .area-eventos::-webkit-scrollbar-thumb{
	background: transparent;
	height: 2px;
  }
  
  .entro::-webkit-scrollbar-thumb{
	background: rgba(197, 197, 197, 0.151);
  }
  
  .saiu::-webkit-scrollbar-thumb{
	background: transparent;
  }
  
	.invisivel {
	  visibility: hidden !important;
	}
  
  
	.icon-mais{ 
	  color: #3c76f2 !important ;
	}
  
	.icon-mais:hover{ 
	  background-color:#3c76f2 !important ;
	  color: #fff !important;
	}
  
	.icon-mais:focus{
	  background-color:#3c76f2 !important ;
	  color: #fff !important;
	}
	.maiss{ 
	  border: 0 none;
	  outline: 0;
	}
	.icon-todo,
	.icon-festa,
	.icon-show,
	.icon-teatro, .icon-tu {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  width: 45px;
	  height: 45px;
	  border-radius: 50%;
	  background-color: rgb(236, 233, 233) !important;
	}
	.icon-todo { 
	  color: #5d3cf2 ;
	}
  
	.icon-todo img {
	  width: 20px;
	  
	}
  
	.icon-todo:hover {
	  background-color: #5d3cf2 !important;
	  color: #fff;
  
	}
  
	.check-o {
	  background-color: #5d3cf2 !important;
	  color: #fff;
  
	}
  
	.icon-show{
	  color: #fd5631;
	}
  
	.icon-festa:hover {
	  background-color: #fdbc31 !important;
	  color: #fff;
	}
  
	.check-f {
	  background-color: #fdbc31 !important;
	  color: #fff;
	}
  
  
	.icon-show:hover {
	  background-color: #fd5631 !important;
	  color: #fff;
	}
  
	.check-s {
	  background-color: #fd5631 !important;
	  color: #fff;
	}
  
	.icon-teatro:hover {
	  background-color: #07c98b !important;
	  color: #fff;
	}
  
	
	.icon-infantil {
	  
	  color:#fc8c99;
	}
	
	.icon-infantil:hover {
	  background-color:#fc8c99  !important;
	  color:#ffff;
	}
  
	.icon-curso{
	  color:#742dda;
	}
  
	.icon-curso:hover{
	  background-color: #742dda !important;
	  color:#fff;
	}
  
	.check-w{
	  background-color: #742dda !important;
	  color: #fff;
	}
  
	.check-i{
	  background-color: #fc8c99 !important;
	  color: #fff;
	}
  
	.check-t {
	  background-color: #07c98b !important;
	  color: #fff !important;
	}
  
	.check-m {
	  background-color: #3c76f2 !important;
	  color: #fff !important;
	}
  
	.cor-rodape {
	  background-color: #096E97 !important;
	}
  
	.material-symbols-outlined {
  
	  font-size: 18px;
	}
  
	.event-ca {
	  max-width: 400px !important;
	}
  
	.dic {
	  /*margin-right: 35%; */
	  width: 350px !important;
	}
  
	.pesc-mobile {
	  display: none !important;
	  visibility: hidden !important;
	}
  
	.normal {
	  top: 10px;
	}
  
	.icon-pri {
	  font-size: 25px;
	  text-align: center;
  
	}
  
	.error-list {
	  position: relative;
	  margin: auto;
	  display: none;
	  flex-direction: column;
	  align-items: center;
	  justify-content: center;
	  width: 200px;
	  height: 100px;
	  text-align: center;
	}
  
	.error-list h2 {
	  color: gray;
	  font-weight: 400;
	  font-size: 15px;
	}
	.categoria-mob{
		  display: flex;
		 width: 100%;
		 justify-content: start;
		 margin-left: -34px;
		}
  
	  .bot-add{
		color: #F59A73 !important;
		background-color: #fff !important;
	  }
  
	  .bot-add:hover{
		background-color: #F59A73 !important;
		color: #fff !important;
	  }
  
	  .adicionar{
	  background-color:#F59A73  !important ;
	  color: white !important;
	}
  
	.list-inline-item:not(:last-child) {
	  margin-right: 0 !important; 
  }
	.mod-corret{
	  margin-right: 5px;
	  position: relative;
	  top: 5px;
	}
  
	.user-profile img{
	  width:42px !important;
		
	}
  
	/*parte das vendas */
  
	.section-venda{
	  display:flex;
	 flex-direction: column;
	 justify-content: center; 
	 width: 100%;
	 
	}
  
	.area-part-1{
	  padding-top: 10px;
	  padding-bottom: 20px;
	  background-color: #eff0ff;
	}
  
	.part-1{
	  display: flex;
	  justify-content: space-around;
	}
  
	.part-1-a img{
	  width: 150px;
	}
  
	.part-2-a h1{
	  font-size: 24px;
	  font-weight: 600;
	  margin-top: 40px;
	  
	  color: #3e3e3e;
	}
  
	.part-2-a h2{
	  font-size: 20px;
	  font-weight: 300;
	  color: #3e3e3e;
	  margin-top: -10px;
	}
  
	
  
	.part-3-a button{
	  margin-top: 50px;
	  border: 0;
	  background-color: #096E97;
	  color: #fff;
	  padding: 10px 28px;
	  border-radius: 5px;
	}
  
	.part-3-a button:hover{
	  background-color: #F59A73;
	}
  
	/*parte-2 */
	.area-part-2{
	  padding-top: 30px;
	  padding-bottom: 70px;
	  display: flex;
	  justify-content: center;
	}
  
	.part-1-b{
	  display: flex;
	}
	.celular-deg{
	  position: relative;
	  left: -131px;
	  top: 186px;
	  height: 300px;
	}
  
	.part-2-b{
	  margin-top: 40px;
	  display: flex;
	  flex-direction: column;
	  align-items: center;
	}
  
	.part-2-b-1 h1{
	  font-family: 'Faustina', serif;
	  font-weight: 700;
	  font-size: 50px;
	  line-height: 44px;
	  color: #3e3e3e;
	}
  
	.part-2-b-1 strong{
	  color: #F59A73;
	  font-size: 60px;
	  font-weight: 800;
	  }
  
	  .part-2-b-2{
		margin-left: 30px;
		margin-top: 20px;
		display: flex;
		justify-content: center;
	  }
  
	  .part-2-b-2 p{
		  
		width: 467px;
		font-size: 26px;
  
	  }
  
	  /*parte-3 */
  
	  .area-part-3{
		display: flex;
		flex-direction: column;
		
	  }
  
	  .part-1-c {
		margin-left: 15vw;
		margin-bottom: 40px;
	  }
	  .part-1-c h1{
		font-family: 'Faustina', serif;
		font-weight: 700;
		font-size: 50px;
		line-height: 50px;
		color: #3e3e3e;
	  }
  
	  .part-1-c strong{
		color: #F59A73;
		font-size: 60px;
		font-weight: 800;
		margin-left: 35px;
	  }
  
	  .part-2-c{
		display: flex;
		justify-content: center;
	  }
  
	  .part-2-c-1{
		display: flex;
		flex-direction: column;
	  }
  
	  .part-c-1,.part-c-2, .part-c-3{
		display: flex;
		align-items: center;
		margin-top: 10px;
		margin-bottom: 10px;
	  }
  
	   .ajuste{
		font-size: 40px;
		padding: 8px;
		background-color: #f1f1f1;
		color: #096E97;
		border-radius: 100px;
		margin-right: 10px;
	   }
  
	   .part-c-1 h2, .part-c-2 h2, .part-c-3 h2{
		font-size: 22px;
		font-weight: 500;
		position: relative;
		top: 10px;
	   }
  
	   .part-c-1 strong,  .part-c-2 strong,  .part-c-3 strong{
		font-size: 25px;
		font-weight: 600;
		color: #F59A73;
	   }
  
  
	   .part-2-c-2{
		display: flex;
		justify-content: center;
		margin-left: 5%;
	   }
  
	  .part-2-c-2 img{
		width: 300px;
	  }
  
	   /*parte-4 */
  
	   .area-part-4{
		padding-top: 30px;
		width: 99.1vw;
		background-color: #eff0ff;
		padding-bottom: 30px;
	   }
  
	   .part-4 {
		display: flex;
		justify-content: center;
		flex-direction: column;
		align-items: center;
	   }
  
	   .part-d-1 h1{
		font-family: 'Faustina', serif;
		font-weight: 700;
		font-size: 50px;
		line-height: 50px;
		color: #3e3e3e;
		margin-bottom: 40px;
	   }
  
	   .part-d-1 strong{
		color: #F59A73;
		font-size: 60px;
		font-weight: 800;
		margin-left: 10px;
	   }
  
	   .part-d-2{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		gap: 20px;
		max-width: 800px;
		align-items: center;
	   }
  
	   .icones-part-4{
		display: flex;
		flex-direction: column;
		align-items: center;
		
	   }
  
	   .icones-part-4 span{
		font-size: 28px;
		padding: 20px;
		border: 2px solid #F59A73;
		border-radius: 100px;
		color: #096E97
	   }
  
	   .icones-part-4 h2{
		  font-size: 16px;
		  margin-top: 20px;
		  width: 120px;
		  text-align: center;
		  font-weight: 300;
	   }
  
  
	   .arrumar{
		align-items: start !important; 
	   }
  
  
	   .project-box {
		margin-top: -17px !important;
		margin-left: -46px !important;
	}
  
	.area-evento {
	  margin: 40px 69px !important;
	  width: 217px !important;
  }
	
  
	@media (max-width:500px) {
  
	  .imagem-evento-area{
		width: 250px;
		border-radius: 10px;
  
	  }
  
	  .cod{
		width: 260px;
	  }
  
	  .dic{
		text-align: initial !important;
	  }
  
	  .ss{
		text-align: -webkit-auto;
	  }
  
	.marg {
	  margin: auto;
	}
  
	  .arrumar{
		margin-left: -20px !important;
	  }
  
	  .part-1{
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	  }
	  .part-2-a h1, .part-2-a h2{
		text-align: center;
	  }
	  .text-event{
		font-size: 25px;
	  }    
  
   
	  .sec-area-text {
		margin-left: 0.6rem;
	  }
	
  
	#sec-cat {
	 margin-left: -22px !important;
  }
	
	 
  
	  
  
	  html{
		overflow-x: hidden;
	  }
  
	  .filtro-btn{
		margin-right: 15px;
	  }
  
	  
  
	 
			.section-ban{
			  height: 400px;
			}
		  
			::-webkit-scrollbar{
				display: none;
			}
  
			.desk-menu{
			   position: absolute !important;
			   inset: auto;
			   z-index: 999;
			}
	  
			
  
			.mobile-nav {
			  display: block !important;
		  }
	  
  
	  
  
	  .celular{
				display:flex!important;
			}
  
	  .texto-vem{
		margin-left: 7%;
	  }
	
			.categoria-mob{
			  max-width: 90vw;
			  display: flex;
			  position: absolute;
			  align-items: center;
			  overflow-x: scroll !important;
			  overflow-y: hidden;
			  height: 148px;
			  padding-top: 100px;
			  top: 484px;
			  left: 10px;
			  margin-left: 0px;
			  /* margin-bottom: 200px; */
			  padding-bottom: 422px;
		  }
  
	  
	  
	  #app{
		margin-top: 100px;
	  }
	  .politic-2 {
		display: flex !important;
		width: 100px;
  
	  }
  
	  .politic {
		display: flex;
		flex-direction: column;
  
	  }
  
	  .politic-1 {
		display: flex;
		width: 250px;
		display: flex;
		flex-direction: column;
  
	  }
  
  
  
	  .pot {
		display: flex !important;
		flex-direction: column;
		align-items: flex-start !important;
		justify-content: start !important;
	  }
  
  
	  .pesc-mobile {
		display: block !important;
		visibility: visible !important;
		top: 5px;
	  }
  
	  .icon-pes {
		font-size: 25px;
  
	  }
  
	  .bot-modal-mob {
		border: 1px solid #F59A73 !important;
		background-color: #F59A73 !important;
		border-radius: 50% !important;
		width: 20px !important;
		display: flex !important;
		align-items: center !important;
		justify-content: center !important;
	  }
  
	  .normal {
		height: 5px !important;
		top: 0px !important;
		display: none !important;
		visibility: hidden !important;
	  }
  
	  
  
	  .imagem-home {
		display: none !important;
	  }
	  
	  .area-evento {
			margin: 40px 11px !important;
			
			width: 270px !important;
		}
  
	  .texto-ds{
		margin-left: 2px !important;
	  }
	  .area-eventos {
		flex-wrap: nowrap;
	  
		overflow-x: scroll;
  
	  } 
  
	  .project-box {
		margin-left: 0 !important;
		
		
	  }
  
	  
  
	  .slide-banner {
		margin-right: 20px;
		margin-left: 20px;
	  }
  
	  .bot-log-menu {
		display: block !important;
		visibility: visible;
		position: relative;
		width: 100px;
		left: 70%;
	  }
  
	  .dic {
		width: 320px !important;
		text-align: end;
	
	  }
  
	  .navbar-light{
		background-color: transparent !important;
	  }
  
	  .area-evento {
		margin: 40px 11px !important;
		width: 256px !important;
	}
  
  
  
	}
  
	@media (max-width: 350px) {
	  .not {
	  width: 280px;
	  }
  
	  .fs-5{ 
		margin-left: 10px !important;
	  }
	
	  .dic{
		max-width: 300px !important;
	  }
	}
   
	.mobile {
	  margin-bottom: 5rem;
	}
  
	.pot {
	  display: flex;
	  flex-direction: column;
	}
  
	.pot a {
	  font-size: 13px;
	  text-align: center;
	}


	@media screen and (min-width: 1400px ){
		.col-lg--1{
			flex: 0 0 8.33333% !important;
			max-width: 8.33333% !important;
			margin-left: 0px !important;
		}
		
		.col-lg--11 {
			-ms-flex: 0 0 91.66667%;
			flex: 0 0 91.66667% !important;
			max-width: 91.66667% !important;
			margin-left: 2rem
			rem
			!important;
		}
		
		.col-lg--12 {
			margin-left: 0px !important;
			padding-left: 0px !important;
			-ms-flex: 0 0 100%;
			flex: 0 0 100% !important;
			max-width: 100% !important;
		}
	}


	.avatar:not(img) {
		background-color: transparent !important;
	}