body{
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
}
html{
	scroll-behavior: smooth !important;
}
/* MENU */ 
*{	
	padding: 0;
	margin: 0;
	text-decoration: none;
	list-style: none;
	box-sizing: border-box;
	
}

.logo a:hover{
	background-color: #33333300;
}
.logo a{
	width: 10px;
	height: 10px;
}

nav{
	background: #002739f3;
	height: 80px;
	width:100%;
	position: fixed;
	z-index: 12;

  }
  label.logo img{
	color: white;
	width: 110px;
	height: ;
	line-height: 80px;
	margin-left: 120px;
	margin-top: -10px;
  }
  nav ul{
	float: right;
	margin-right: 120px;

  }
  nav ul li{
	display: inline-block;
	line-height: 80px;
	margin: 0 5px;
  }
  nav ul li a{
	color: white;
	font-size: 15px;
	padding: 7px 33px;
	border-radius: 3px;
	text-transform: uppercase;
	font-weight: 600;
  
  }
  .ativo, a:hover {
	background: #fcc52fc3;
	transition: 0.7s;
	border-top-left-radius: 20px 100% !important;
    border-bottom-left-radius: 20px 100% !important;
    border-top-right-radius: 20px 100% !important;
    border-bottom-right-radius: 20px 100% !important;
  }
  .menu ul li:hover{
	background: #fcc52fc3;
	transition: 0.7s;
	height: 5px;
  }
  #logordphv, a:hover {
	background: #fc2f2f00;
	transition: 0.7s;
	border-radius: 10px;
  }
  .checkbtn{
	font-size: 30px;
	color: white;
	float: right;
	line-height: 80px;
	margin-right: 40px;
	cursor: pointer;
	display: none;
  }


  #check{
	display: none;
  }
  @media (max-width: 952px){
	label.logo{
	  width: 5px;
  }
	nav ul li a{
	  font-size: 16px;
	}
  }
  @media (max-width: 858px){
	.checkbtn{
	  display: block;
	}
	ul{
	  position: fixed;
	  width: 100%;
	  height: 100vh;
	  background: #002739e4;
	  top: 80px;
	  left: -100%;
	  text-align: center;
	  transition: all .5s;
	  z-index: 11;
	  margin-top: -1px;
	}
	nav ul li{
	  display: block;
	  margin: 50px 0;
	  line-height: 30px;
	}
	nav ul li a{
	  font-size: 20px;
	}
	a:hover,a.active{
	  background: none;
	  color: #0082e6;
	}
	#check:checked ~ ul{
	  left: 0;
	}
  }
  section{
	background: url(bg1.jpg) no-repeat;
	background-size: cover;
	height: calc( - 80px);
  }
/* FIM DO MENU */ 
	
/* BOTÃO WHATSAPP */ 
.btn-whatsapp a {
	color:#ffffffcb; 
	text-decoration:none; 
	display:block; 
   }
   .btn-whatsapp {
	   z-index: 15;
	   position:fixed; 
	   right:5px; 
	   bottom:30px; 
	   transform: translate(-50%, -50%);  
	   background-color:rgb(37, 211, 102); 
	   width:60px; height:60px; 
	   text-align:center; 
	   line-height:58px; 
	   font-size:1.8em; 
	   color:#ffffff; 
	   font-weight:100; 
	   border-radius:50%; 
   }
   .btn-whatsapp:before,
   .btn-whatsapp:after
   {
	content: '';
	   display:block;
	   position: absolute;
	   border-radius:50%;
	   border:1px solid #25d366;
	   left: -20px;
	   right: -20px;
	   bottom: -20px;
	   top: -20px;
	   animation: animate 1.5s linear infinite;
	   opacity:0;
	   backface-visibility:hidden;    
   }
   .pulsaDelay:after { animation-delay: .5s; }
   @keyframes animate {
	  0%   { transform: scale(0.5); opacity:0; }
	  50%  { opacity:1; }
	  100% { transform: scale(1.2); opacity:0; }
   }
/* FIM DO BOTÃO WHATSAPP */ 

/* BANNER */
*{box-sizing: border-box; -webkit-box-sizing: border-box; }



.CSSgal {
	position: relative;
	overflow: hidden;
	height: 710px !important;
	background-color: #000000;
	box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
-webkit-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
-moz-box-shadow: 0px 0px 30px 0px rgba(0,0,0,1);
}
/* SLIDER */
.CSSgal .slider {
	height: 100%;
	white-space: nowrap;
	font-size: 0;
	transition: 0.8s;

}
/* SLIDES */
.CSSgal .slider > * {
	font-size: 1rem;
	display: inline-block;
	white-space: normal;
	vertical-align: top;
	height: 100%;
	width: 100%;
	background: none 50% no-repeat;
	background-size: cover;
	

}
/* PREV/NEXT, CONTAINERS & ANCHORS */
.CSSgal .prevNext {
	position: absolute;
	top: 50%;
	width: 100%;
	height: 0;
	
}
.CSSgal .prevNext > div+div {
	visibility: hidden; /* Hide all but first P/N container */
}
.CSSgal .prevNext a {
	background: #ffffff75;
	position: absolute !important;
	width:       30px;
	height:      30px;
	line-height: 20px; /* If you want to place numbers */
	text-align: center;
	opacity: 0.7;
	-webkit-transition: 0.3s;
					transition: 0.3s;
	-webkit-transform: translateY(-50%);
					transform: translateY(-50%);
	left: 0;
	padding-top: 3px;
	color: #fff;
	z-index: 11;
	
}


.CSSgal .prevNext a:hover {
	opacity: 1;
}
.CSSgal .prevNext a+a {
	left: auto;
	right: 0;
	color: #fff;
	
}
.CSSgal .prevNext a+a p{

}
/* NAVIGATION */
.CSSgal .bullets {
	position: absolute;
	z-index: 2;
	bottom: 0;
	padding: 25px 0;
	width: 100%;
	text-align: center;
}
.CSSgal .bullets > a {
	display: inline-block;
	width:       30px;
	height:      30px;
	line-height: 30px;
	text-decoration: none;
	text-align: center;
	background: rgba(255, 255, 255, 0.419)1);
	-webkit-transition: 0.3s;
	transition: 0.3s;
	color: #ffffffbe;	
	font-size: 15px;
	font-weight: 800;
}
.CSSgal .bullets > a+a {
	background: rgba(255, 255, 255, 0.132); /* Dim all but first */
}
.CSSgal .bullets > a:hover {
	background: rgba(255, 255, 255, 0.988)important;
}
/* NAVIGATION BUTTONS */
/* ALL: */
.CSSgal >s:target ~ .bullets >* {      background: rgba(255, 255, 255, 0.316);}
/* ACTIVE */
#s1:target ~ .bullets >*:nth-child(1) {background: rgba(255, 255, 255, 0.768);}
#s2:target ~ .bullets >*:nth-child(2) {background: rgba(255, 255, 255, 0.718);}
#s3:target ~ .bullets >*:nth-child(3) {background: rgba(255, 255, 255, 0.782);}
#s4:target ~ .bullets >*:nth-child(4) {background: rgba(255, 255, 255,   1);}
/* More slides? Add here more rules */
/* PREV/NEXT CONTAINERS VISIBILITY */
/* ALL: */
.CSSgal >s:target ~ .prevNext >* {      visibility: hidden;}
/* ACTIVE: */
#s1:target ~ .prevNext >*:nth-child(1) {visibility: visible;}
#s2:target ~ .prevNext >*:nth-child(2) {visibility: visible;}
#s3:target ~ .prevNext >*:nth-child(3) {visibility: visible;}
#s4:target ~ .prevNext >*:nth-child(4) {visibility: visible;
}
/* More slides? Add here more rules */
/* SLIDER ANIMATION POSITIONS */
#s1:target ~ .slider {transform: translateX(   0%); -webkit-transform: translateX(   0%);}
#s2:target ~ .slider {transform: translateX(-100%); -webkit-transform: translateX(-100%);}
#s3:target ~ .slider {transform: translateX(-200%); -webkit-transform: translateX(-200%);}
#s4:target ~ .slider {transform: translateX(-300%); -webkit-transform: translateX(-300%);}
/* More slides? Add here more rules */

.CSSgal{
	color: #ffffffbe;	
	text-align: center;
	width: 100%;
	height: 700px;
	

}
.CSSgal .background{
	background-image: url("imgs/Captura\ de\ Tela\ \(46\).png");

}
.CSSgal .slider h2 {
	padding-top: 320px;
	letter-spacing: -0.03em;
	word-spacing: 0.2em;
	font-size: 50px;
	margin:  0 auto !important;
}
.CSSgal a {
	border-radius: 50%;
	margin: 0 3px;
	color: rgba(0,0,0,0.8);
	text-decoration: none;

}

/* BANNER */


/* NOSSOS SERVIÇOS */

.box{
    width: 300px;
    height: 360px;
    background-color: #002739cf;
    border-radius: 10px;
    overflow: hidden;
    position: relative;
	margin-top: 15px;
	margin: 0 auto !important;
	
}

.cards{
      display:flex; 
      justify-content: space-around;
	  padding: 0 0 55px 0;
	  width: 1366px;
	  padding-top: 50px !important;
	  margin: 0 auto !important;

	}
.box .thumbnail , .box .thumbnail a img{
    width: 100%;
    height: 100%;

}
.box .title_and_description{
    position: absolute;
    bottom: 0px;
    background: linear-gradient(180deg , #00000091 , #00000040);
    padding: 10px 15px;
    transition: 0.3s;
}
.box .title_and_description h1{
    font-size: 20px;
}
.box .title_and_description h1 a{
    color: #fff;
    text-decoration: none;
    display: block;
	background-color: #00000000 !important;
}
.box .title_and_description h1 a:hover{
    text-decoration: none;
}
.title_and_description .description{
    font-size: 20px;
    color: #fff;
    line-height: 1.5;
    height: 0px;
    overflow: hidden;
    margin-top: 15px;
    transition: 0.45s;
	font-size: 15px;
}

.title_and_description .description button{
    font-size: 15px;
    margin-top: 20px;
    background-color: #fcc72f;
    border: none;
    border-radius: 10px;

}
.title_and_description .description button a{
    font-weight: bold;
    color: #002739d3;
    text-decoration: none;
    padding: 8px 25px;
    display: block;
}
.box:hover .description{
    height: 150px;
}
.box:hover .title_and_description{
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}

/* RESPONSIVO TABLET */

@media screen and (max-width: 1025px) and (min-width: 769px){
	.cards{
		display: flex;
		margin-top: 50px !important;
		width: 96%;
	}

	.box{
		margin-top: 50px !important;
		width: 185px !important;
		height: 300px !important;
	}
	.box .title_and_description h1{
		font-size: 15px;
	}

	.title_and_description .description button {
		font-size: 15px;
		margin-top: 5px;
		background-color: #fcc72f;
		border: none;
		border-radius: 10px;
	}

	.quemsomos{
		width: 96% !important;
	}

	.containersb{
		width: 100% !important;
	}
	.rodape{
		width: 100% !important;
	}
	.boxsobre{
		width: 100% !important;
	}
	.boxs{
		padding-left: 30px;
	}
	.sobresb{
		display: block !important;
		flex-direction: column-reverse !important;
		width: 100% !important;
    	margin: 0 auto !important;
	}
	.textos {
		text-align: center;
		align-content: space-between;
		width: 500px;
		margin: 0 auto !important;
		padding-bottom: 50px;
	}
	.fotossb img {
	    width: 500px !important;
		margin-right:auto;
    	margin-top: auto;
    	border-radius: 10px;
	}
	.textos p {
		padding: 30px 40px 0 0;
		word-break: break-word;
		width: 500px;
		text-align: left !important;
	}

	.textos h2 {
		color: rgb(4, 42, 62);
		font-size: 25px;
		padding-top: 30px;
	}

	nav ul li a{
		color: white;
		font-size: 15px !important;
		padding: 5px;
		border-radius: 10px !important;
		text-transform: uppercase;
		font-weight: 600;
	  
	  }

	  .interface {
		width: 100%;
		padding-left: 30px;
	}
	
	form {
		max-width: 500px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		flex-direction: column;
		gap: 10px;
		margin-top: 40px;
		margin-right: 20px !important;
	}
	
	.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
		left: -200%;
	  }
	  .slider__nav:checked:nth-of-type(4) ~ .slider__inner {
		left: -300%;
	  }
	  .slider__nav:checked:nth-of-type(5) ~ .slider__inner {
		  left: -400%;
		}
		.slider__nav:checked:nth-of-type(6) ~ .slider__inner {
		  left: -500%;
		}
	
	.sliderr {
		 width: 100% !important;
		position: relative;
		overflow: hidden;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row nowrap;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
		-webkit-box-align: end;
		-webkit-align-items: flex-end;
		-ms-flex-align: end;
		align-items: flex-end;
		-webkit-box-pack: center;
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
		padding-left: 10px;
	}
	
	.slider__inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 600% !important;
		-webkit-transition: left 0.4s;
		transition: left 0.4s;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-flow: row nowrap;
		-ms-flex-flow: row nowrap;
		flex-flow: row nowrap;
	}
	
	#sliders{ 
		visibility: visible !important; 
	
	}

	.containersv{
		width: 100% !important;
		margin: 0 auto !important;
	}

	.servicos{
		display: block !important;
		width: 100% !important;

	}

	#boxservicosE{
		display: block !important;
		margin-top: -122px !important;
		width: 100% !important;

	}

	#boxservicosD{
		flex-direction: column-reverse !important;
		width: 100% !important;

	}


	#imgservicos img{
		width: 94% !important;
		padding:2px;
	}
	#imgservicos{
		width: 100% !important;
		padding-left: 20px;
		padding-top: 20px;
	}

	#txtservicos{
		width: 100% !important;
		margin-top: -50px;
	}

	#txtservicos h4{
	}

	#txtservicos p{
		width: 94% !important;
	}

	.separatorsv{
	}

	.listv{
		width: 100% !important;

	}
}

/* FIM DO RESPONSIVO TABLET */

/* RESPONSIVO CELULAR */

@media screen and (max-width: 768px){
  
  .cards{
    display: block;
	width: 100%;
	margin-top: -60px !important;

}
  .box{
	margin-top: 50px !important;
}

  .container{

  }

  .quemsomos{
	width: 100%;
  }

 .txtp{
	width: 100% !important;
	margin-top: -80px;
	text-align: left !important;

 }
  .txtp p{
	text-align: left !important;
	padding-left: 30px;
  }
 .txtimg{
	display: block; 
	flex-direction: column;
	margin: 0 auto;
 }
 .imgbruno img{
	width: 20px;
}

.imgbruno{
	margin: 0 auto ;
	margin-top: -30px;
}

.caixabox{
	padding-top: 20px !important;
	width: 100% !important;
	background-color: #0082e600 !important;

}

.formctn{
	width: 100% !important;
	
	flex-direction:  column-reverse !important;
}
.formulario{
	width: 100% !important;
	display: block !important;
	margin-bottom: 40px;

	height: 1300px !important;
}

.infos{
	width: 100% !important;
	border-radius: 10px !important;
	height: 600px !important;
}
.imagemform{
	margin-top: -60px;
	margin-bottom: -20px;
}
.imagemform img{
	width: 350px !important;
}

.interface{
	width: 96% !important;
	margin-left: -8px;
}
form .btn-enviar{
	text-align: center !important;
}

.slider__nav:checked:nth-of-type(3) ~ .slider__inner {
	left: -200%;
  }
  .slider__nav:checked:nth-of-type(4) ~ .slider__inner {
	left: -300%;
  }
  .slider__nav:checked:nth-of-type(5) ~ .slider__inner {
	  left: -400%;
	}
	.slider__nav:checked:nth-of-type(6) ~ .slider__inner {
	  left: -500%;
	}

.sliderr {
     width: 100% !important;
    position: relative;
    overflow: hidden;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
	padding-left: 10px;
}

.slider__inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 600% !important;
    -webkit-transition: left 0.4s;
    transition: left 0.4s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row nowrap;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
}

#sliders{ 
	visibility: visible !important; 

}

/* RESPONSIVO CELULAR */


/* BOXS */
	.containerbx{

	}
	.boxsobre{
		display: block;
		flex-direction: column;
		width: 100% !important;
	}
	.boxs{
		height: 220px !important;

	}

/* FIM DOS BOXS */

/* SOBRE NÓS */
.containersb{
	display: block !important;
	flex-direction: column !important;
	}

.sobresb{
	width: 100% !important;
	flex-direction: column-reverse;
	padding-bottom: 100px;
}

.textos{
	width: 100% !important;
	margin: 0 auto !important;
	padding-top: 20px;
	height: 0% !important;
}

.textos h2{
	width: 70% !important;
	text-align: center !important;
	margin: 0 auto !important;
}

.textos p {
    width: 80% !important;
    text-align: left !important;
    margin: 0 auto;
}
.fotossb {
}
.fotossb img{
	width: 250px !important;
	margin: 0 auto !important;

}
/*FIM DO SOBRE NÓS */

/*RODAPE */
	.blocordp{
		width: 100% !important;
		
	}
	.rodape{
		display: block !important;
		height: 100% !important;
		width: 100% !important;
	}	
	.logordp{
		width: 40px !important;
		margin: 0 auto !important;		
		height: auto !important;
	}
	.logordp a{

	}
	.logordp a img{
		width: 80px;
		margin-left: -15px;
		margin-top: -40px !important;
		
	}
	.logordp img{

	}

	.listrodape{
		display: none;
		
	}
	.separatorrdp{
		width: 0px !important;
		height: 0px !important;
	}
	.listrodape ul li{
		color: #fff;
		z-index: 11;
	}

	.listrodape h1{
		font-size: 10px;
		text-align: center;
		color: #00273900 !important;
		
	}
	.redes{
		margin: 0 !important;
	}
	.redessociais{
	}
	.redes h5{
		font-size: 10px;
		text-align: center;
	}
	.redes a {
		margin: 0 auto !important;
	}

	.redes a img {
		width: 45px;

	}
	
	.logosredes{
		margin-left: 38% !important;
	}
	.copy{
		margin: 0 auto !important;

	}
	.copy p{
		color:#f8f8f8 !important;
		margin-top: -12px !important;
		font-weight: 600 !important;
		
	}
	.copy p a{
		color: #f8f8f8 !important;
		font-weight: 600 !important;
	}

	#boxinfo{
		text-align: center !important;
	}

	#boxinfo p{
		width:none;
		margin: 0 auto !important;
	}	


	.infosrodape{
		padding-top: 0px !important;
	}
	.containerrdp{
		
	}

	.horario{
		margin: 0 auto !important;
		text-align: center !important;
		height: 75px;
	}

	
/* RESPONSIVO SERVIÇOS */
	.containersv{
		width: 100% !important;
		margin: 0 auto !important;
	}

	.servicos{
		display: block !important;
		width: 100% !important;

	}

	#boxservicosE{
		display: block !important;
		margin-top: -122px !important;
		width: 100% !important;

	}

	#boxservicosD{
		flex-direction: column-reverse !important;
		width: 100% !important;

	}


	#imgservicos img{
		width: 94% !important;
		padding:2px;
	}
	#imgservicos{
		width: 100% !important;
		padding-left: 20px;
		padding-top: 20px;
	}

	#txtservicos{
		width: 100% !important;
		margin-top: -50px;
	}

	#txtservicos h4{
	}

	#txtservicos p{
		width: 94% !important;
	}

	.separatorsv{
	}

	.listv{
		width: 100% !important;

	}

}

/* FIM DOS RESPONSIVO */




#quemsomos{
	text-align: center;
	margin-top: 60px;
}

/* NOSSOS SERVIÇOS */

/* O QUE FAZEMOS */
.container{
    margin: 0 auto !important;
}
    .oqfazemos{
        width: 100%;
        text-align: center;
    }
    .oqfazemos h1{
        color: #ffffff;
        font-weight: 700;
        font-size: 150%;
		
    }
    .oqfazemos p{
        color: #ffffff;
        width: 700px;
        font-weight: 600;
        margin: 0 auto !important;
        font-size: 100%;
		padding: 50px;
		justify-content:space-evenly
	}
   
    .oqfazemos a{
        background-color: #fcc72f;
        color: #fff;
        padding: 15px;
        border-radius: 2px;
	    }

    .oqfazemos a:hover{
        box-shadow: 0px 0px 16px -6px rgba(250,206,85,1);
-webkit-box-shadow: 0px 0px 16px -6px rgba(250,206,85,1);
-moz-box-shadow: 0px 0px 16px -6px rgba(250,206,85,1); }

        
/* O QUE FAZEMOS */

/* QUEM SOMOS */
.flex{
	display: flex;
	margin: 0 auto !important;
}
.quemsomos{
    color: rgb(4, 42, 62);
	margin: 0 auto !important;
}
.quemsomos h1{
    text-align: center;
    margin-top: 10px !important;
	
}
.separator{
    background-color: #fcc72f;
    height: 5px;
    margin: 0 auto;
    width: 70px;
}
.txtp{
    font-size: 15px;
    padding: 50px;
	width: 610px;
	padding-right: 90px;
	
}
.txtp p{

}
.txtimg{
	display: flex;
	margin: 0 auto !important;
	margin-top: 60px !important;
	
}
.imgbruno img{
	width: 300px;
	border-radius: 20px;
	opacity: 0.95;
}

.container .flex .quemsomos .txtimg .imgbruno:hover  img{
	transform: scale(1.05);
	opacity: 1;
	transition: 0.3s;
	box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
	
}


/* QUEM SOMOS */

/* NOSSOS CLIENTES */
.carrossel-clientes{
    
}
.nossosclientes{
    text-align: center;
    margin-top: 110px;
    margin: 0 auto;
	

}
.separatorNS {
    background-color: #fcc72f;
    height: 5px;
    margin: 0 auto;
    width: 120px;
}


.nossosclientes h1{
    font-style: italic;
    color: #002739;
	margin-top: 30px;
}
.sliderr {
	width: 1366px;
  position: relative;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row nowrap;
      -ms-flex-flow: row nowrap;
          flex-flow: row nowrap;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
		  margin: 0 auto !important;
		  padding-left: 8% !important;
		  
		}

		#sliders{visibility: hidden;}


.slider__nav {
  width: 12px;
  height: 12px;
  margin: 10rem 12px;
  border-radius: 50%;
  z-index: 10;
  outline: 6px solid #ccc;
  outline-offset: -6px;
  box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  cursor: pointer;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
          margin-top: 320px;
}
.slider__nav:checked {
  -webkit-animation: check 0.4s linear forwards;
          animation: check 0.4s linear forwards;
}
.slider__nav:checked:nth-of-type(1) ~ .slider__inner {
  left: 0%;
}
.slider__nav:checked:nth-of-type(2) ~ .slider__inner {
  left: -100%;
}

.slider__inner {
	position: absolute;
	top: 0;
	left: 0;
	width: 200%;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-flow: row nowrap;
		-ms-flex-flow: row nowrap;
			flex-flow: row nowrap;
			
  }
  .slider__contents {
	padding: 2rem;
	text-align: center;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 1;
	-webkit-flex: 1;
		-ms-flex: 1;
			flex: 1;
	-webkit-flex-flow: column nowrap;
		-ms-flex-flow: column nowrap;
			flex-flow: column nowrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
		-ms-flex-align: center;
			align-items: center;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
		-ms-flex-pack: center;
			justify-content: center;
			height: 300px;
			
  }
  .slider__image {
	font-size: 2.7rem;
		color: #2196F3;
		
  }
.slider__contents img{
    width: 200px;
	opacity: 0.5;
}

.slider__contents img:hover{
    width: 220px;
	opacity: 1;
	transition: 1s;
}

.slider__caption {
  font-weight: 500;
  margin: 2rem 0 1rem;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
  text-transform: uppercase;
  
}


.slider__txt {
  color: #999;
  margin-bottom: 3rem;
  max-width: 301px;
}

@-webkit-keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}

@keyframes check {
  50% {
    outline-color: #333;
    box-shadow: 0 0 0 12px #333, 0 0 0 36px rgba(51, 51, 51, 0.2);
  }
  100% {
    outline-color: #333;
    box-shadow: 0 0 0 0 #333, 0 0 0 0 rgba(51, 51, 51, 0);
  }
}


/* NOSSOS CLIENTES */


/* RODAPE */

.container{

}
.blocordp{
	background-color: #002739;
}
.rodape{
	display: flex;
	margin: 0 auto !important;
	justify-content: space-around;
	height: 250px;
	width: 1366px;
}
.logordp img{
	width: 150px;

}

.logordp img:hover{
	text-shadow: rgba(0, 0, 0, 0.3) 0px 19px 38px, rgba(0, 0, 0, 0.22) 0px 15px 12px;
	scale: 1.1;
	transition: 1.2s;
	border-radius: 20px;
}

	
.logordp{
	padding-top: 50px;
}

.listrodape{
	margin-top: 55px;

}
.listrodape ul{
	list-style: none;
	padding: 5px;
}
.listrodape ul li a{
	text-decoration: none;
	color: #fff;
	font-weight: 600;
	font-size: 11px;
}
.listrodape ul li a:hover{
	color: #fcc72f;
	transition: 0.3s;
	background-color: #002739;
}
.listrodape h1{
	font-size: 15px;
	color: #d7a721;
}

.endereco{

}
.redes{
	margin-top: 45px;
	color: #d7a722;
	
}
.redes img{
	width: 45px;
	margin-top: 10px;
	border-radius: 65px;
	background-color: #fcc52f1f;

}
.redes a{
	margin-left: 60px;
	margin-right: -60px;
}
.logosredes img:hover{
	background-color: #fcc52fe0;
	border-radius: 15px;
	box-shadow: 15px 15px 15px 15px rgb(23, 23, 23)
	-webkit-box-shadow: 10px 10px 15px 11px rgba(250,206,85,0.75);
	transition: 1s;
	opacity: 1;
	width: 45px;
}
	
	

	.dadosrdp{
	
	}

	.caixaboxrdp{
		width: 200px;

	}
	
	.infosrdp{
		margin-top: 30px;	
	}

	.infosrdp h2{
		font-size: 16px;
		color: #d7a621fe;
		font-weight: 700;
		
	}

	.infosrdp p{
		font-size: 11px;
		color: #e0e0e0;
		margin-left: 6px;
		font-weight: 500;
	}

	.#dadosrdp{

	}

	.separatorrdp{

	}


.copy{
	width: 100%;
	background-color: #fcc72f;
	height: 20px;
	padding: 20px;
	z-index: 11;
}
.copy p{
	color: #ffffff;
	font-size: 10px;
	text-align: center;
	font-weight: 500;
	margin-top: -6px;	
}

.copy a{
	color: #2f1567;
	text-decoration:underline
}

.copy a:hover{
	color: fff;
	text-decoration:none;
	font-size: 12px;
	transition: 1s;
}

.infosrodape{
	padding-top:35px;
}

.boxinfo{
	width: 20px;
	
}

#boxinfo h6{
	font-weight: 800;
	color: #d7a721;
	font-size:12px;
}

#boxinfo p{
	width: 150px;
	font-size: 11px;
	color: #ffffff;
	font-weight:400;
	font-style: italic;
}

.horario{
	width: 170px;
	margin-top:75px;
	font-stretch: condensed;
}

.horario h4{
	font-weight: 800;
	color: #d7a721;
	font-size:13.5px;
	height:25px;
	width: 170px;

}

.horario h6{
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	font-style: italic;
	height:20px;

}

.horario p{
	width: 150px;
	font-size: 11px;
	color: #ffffff;
	font-weight:400;
	font-style: italic;
}

.separatorrdp{
	width: 2px;
	background-color: #254761;
	height: 200px;
	margin-top: 20px;
}

/* FIM DO RODAPE */

/* SOBRE NOS */
.container{

}

.sobre{

}
.titulo{
	padding: 50px 10px 10px 0;
	background-color: #fcc72f;
	
}


.titulo img{
	width: 7%;
	height: 7%;
}
.titulo h1{
	text-align: center;
	color: rgb(4, 42, 62);
	padding: 20px 20px;
	font-size: 25px;
	margin-top: 30px;
}
.containersb{
	width: 100%;

}

.sobresb{
	display: flex !important;
	padding-top: 80px;
	width: 1366px;
	margin: 0 auto !important;
}

.textos h2{
	color: rgb(4, 42, 62);
	font-size: 25px;

}

.textos{
	width: 500px;
	margin: 0 auto !important;
	height: 700px;


}
.textos p{
	word-break:break-word;
	width: 550px;
	text-align: left !important;
}

.fotossb{
	margin: 0 auto !important;
}

.fotossb img{
	width: 420px;
	border-radius: 10px;
}

/* FIM DO SOBRE NOS */

/* BOXS */
.containerbx{
	background-color: #002739;
	width: 100%;
	border-radius: 0 0px 30px 30px;
	
}
.boxsobre{
	display: flex;
	padding-top: 100px;
	width: 1366px;
	margin: 0 auto;
}

.boxs{
	margin: 0 auto;
	height: 180px;
	justify-content: space-around;
	width: 200px;
	margin-top: -60px;
}

.boxs h3{
	font-weight:normal;	
	letter-spacing:2px;
	color: #fff;
}
.boxs h1{
	font-weight: bolder;
	font-weight: 900;
	color: #fff;
	margin-top: -10px;
}

.boxs img{
	width: 120px;
	margin-left: -20px;
	margin-top: -20px;
}
.boxs h2{
	color: #fff;
	margin-top: -30px;
	padding-left: 30px;
}


/* FIM DOS BOXS */



/* ALBUM */



/* FIM DO ALBUM */

/* ESTILO DO FORMULARIO */
.formulario{
	display: flex;
	background-color:#ffffff;
	width: 100%;
	height: 770px;
}
.formctn{
	width: 1000px;
	margin: 0 auto !important;
	display: flex;
	margin-top: 15px !important;
	box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
	border-radius: 30px;

}
.caixabox{
	margin: 0 auto !important;
	display: flex;
	border-radius: 30px;
	background-color: #fff;
}
.infos{
	height:100%;
	background-color: rgb(8, 54, 77);
	width:350px;
	border-radius: 30px 0px 0px 30px;

}

.separatorhorizontal{
	width: 70%;
	height: 0.5px;
	background-color:#254761;
	margin: 0 auto !important;
	margin-top: 8% !important;
}

#dados{
	width: 50%;
	padding-left: 80px;
		margin-top:7.5%;

}
#dados h2{
	font-size: 23px;
	color: #d7a721;
	font-weight: 700;

}
#dados p{
	color:#e3e3e3;
	padding-top: 5%;
	margin-left: 10px;
	font-size: 15px;
	font-weight: 600;
	width: 200px;
}
.interface{
	width: 100%;
	padding-left: 30px;
}
.separatorvertical{
    height: 1000px;
    width:1px;
	height: 90%;
}
section.formulario{
	padding: 80px 4%;

}

.titulo2{
	padding: 20px 0 0 0;
	text-align: center;
	font-size: 15px;
	color: #002739;
}

.titulo2 h1{
	font-weight: 800;

}

form{
	max-width: 500px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	flex-direction: column;
	gap: 10px;
	margin-top: 40px;
}

form input, textarea{
	width: 100%;
	background-color: #022d4d20;
	border: 0;
	outline: 0;
	padding: 20px 20px;
	border-radius: 12px;
	color: #022d4d;
	font-size: 15px;
	font-weight: 600;
}

form input::placeholder{
	color: #3333334b;
}

form textarea{
	resize: none;
	font-size: 15px;
	height: 200px;
	font-weight: 600;
	font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif !important;
}
form textarea::placeholder{
	color: #3333334b;
}


form .btn-enviar{
	margin-top: 5px;
	text-align: center;
	margin-left: 10px;
	width: 120px;
	background-color: #fcc72f;
	height: 40px;
	color: #022d4d;
	font-weight: 700;
	cursor: pointer;
	box-shadow: rgba(0, 0, 0, 0.4) 0px 2px 4px, rgba(0, 0, 0, 0.3) 0px 7px 13px -3px, rgba(0, 0, 0, 0.2) 0px -3px 0px inset;
	border: none;
	border-radius: 10px;
}

form .btn-enviar button{
}



	form .btn-enviar:hover{
  
}
form .btn-enviar:hover{
	transform: scale(1.01);
	background-color: #135577;
	transition: 0.7s;
	color: #fff;

}

/*  FIM DO ESTILO DO FORMULARIO */

/* ALBUM */
* {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

	
      .containeralb {
        position: relative;
        min-height: 100vh;
        padding-bottom: 70px;
		padding-top: 50px;
		margin: 0 auto;
		width: 98%;
      }

      .containeralb .image-containeralb {
        display: flex;
        flex-wrap: wrap;
        gap: 15px;
        justify-content: center;
        padding: 10px;
      }

      .containeralb .image-containeralb .image {
        height: 250px;
        width: 350px;
        border: 2.5px solid white;
        box-shadow: 0 2px 15px rgba(0, 0, 0, 0.378);
        overflow: hidden;
        cursor: pointer;
      }

      .containeralb .image-containeralb .image img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        transition: 0.2s linear;
      }
      .containeralb .image-containeralb .image:hover img {
        transform: scale(1.1);
      }

      .containeralb .popup-image {
        position: fixed;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.702);
        height: 100%;
        width: 100%;
        z-index: 100;
        display: none;
      }
      .containeralb .popup-image span {
        position: absolute;
        top: 0;
        right: 10px;
        font-size: 40px;
        font-weight: bolder;
        color: white;
        cursor: pointer;
        z-index: 100;
      }

      .containeralb .popup-image img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        border: 5px solid white;
        border-radius: 5px;
        width: 300px;
        object-fit: cover;
      }

      @media (max-width: 768px) {
        .containeralb .popup-image img {
          width: 95%;

        }
	
      }
   


/* ALBUM */

/* ABA SERVIÇOS */

	  .containersv{
		padding-top: 50px;
		margin: 0 auto !important;
		width: 100% !important;
		 }

		.txtservicos{
			animation:  4s;
			
		 }

		 .servicos{
			font-size: 1.5rem;
			width: 1366px x;
			margin: 0 auto !important;
		  }
		  
		  #boxservicosD{
			animation: appear 3ms ease-in-out;
			animation-timeline: view();
			animation-range: cover 0% cover 30%;
		  }

		  @keyframes appear {
			from {
			  opacity: 0;
			  translate: -100vw 0;
			}
			
			to {
			  opacity: 1;
			  translate: 0 0;
			}
		  }

		  #boxservicosE{
			animation: appear2 3ms ease-in-out;
			animation-timeline: view();
			animation-range: cover 0% cover 10%;
		  }

		  @keyframes appear2{
			from {
			  opacity: 0;
			  translate: 100vw 0;
			}
			
			to {
			  opacity: 1;
			  translate: 0 0;
			}
		  }



	  .servicos{
		justify-content: space-around;
	  }

	  #boxservicosE,  #boxservicosD{
		display: flex;
		height: auto;
		padding-bottom: 100px;
		width: 900px;
	margin: 0 auto !important;
	  }

	.listv{
		display: flex;
	}
	span{
		display: flex;
		padding-top: 5px;
		color:#fcc72f;
	}
	  #txtservicos{
		padding-left:50px;
		padding-top: 20px;
		width: 500px;
		animation: appearance: 1s;;
	}
	  @keyframes appear{ 
		from { 
			opacity:0; 
			translate: -100vw 0;
		}
		to{
			opacity: 1;
			translate: 0 0;
		}
	
	  }
	  	
	  

	  .separatorsv{
		background-color:#fcc72f;
		width: 40%;
		height: 2.5px;
		margin-top: 5.5px;
	  }

	  #txtservicos h4{
		font-size: 30px;
		width: 320px;
		color:#0d3e63;
		font-weight: 700;
	  }
	  #txtservicos p{
		font-size: 15px;
		width: 280px;
		color: #333;
		margin-top: 5px;
		
	  }

	  .boxservicosD i{
		color: #000000;
	  }

	  #imgservicos{
		margin-top: 5px;
		width: 520px;
	  }

	  #imgservicos img{
		
		width: 520px;
		height: 350px !important;
		border-radius: 10px;
		box-shadow: 5px 5px 24px -3px rgba(0,0,0,0.55)
		;
	  }
		

/* FIM DA ABA SERVIÇOS */

::-webkit-scrollbar{
	width:	10px;
	border-radius: 20px;
	background-color:#b9b9b986;
}
::-webkit-scrollbar-thumb{
	width:	10px;
	background-color:#fcc52fe6;
	border-radius: 50px;

}

@-webkit-keyframes {
	
}