/*Versao 2023.01.20.00*/

@import url('https://fonts.googleapis.com/css2?family=Work+Sans:wght@600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Raleway:wght@500&display=swap');


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

.login {
   border-color: 1px solid red;
}

.services-container-ofertas-titulo {
   background-color: #ffffff;
   color: rgb(92, 43, 121);
   font-size: calc(3vh + 3vw);
   position: relative;
   width: 100%;
   height: auto;
   text-align: center;
}

.flex-container {
   display: flex;
   flex-direction: row;
   text-align: center;
   align-items: center;
   justify-content: center;
   padding-bottom: 15px;
}

.flex-item-right {
   padding: 10px;
   margin-left: 5vw;
   flex: 50%;
   /*border: 1px solid red;*/
   height: 400px;
}

.flex-item-left {
   padding: 10px;
   flex: 50%;
}


.tri {
   display: block;
   /*margin-right: 10px;*/
}

#triangulo-para-cima {
   width: 0;
   height: 0;
   border-left: 25px solid transparent;
   border-right: 25px solid transparent;
   border-bottom: 25px solid rgb(0, 56, 130);
}

#triangulo-para-direita {
   width: 0;
   height: 0;
   border-top: 50px solid transparent;
   border-bottom: 50px solid transparent;
   border-left: 50px solid rgb(0, 56, 130);
   /*margin-left: 5%;*/
}

#triangulo-para-baixo {
   width: 0;
   height: 0;
   border-left: 25px solid transparent;
   border-right: 25px solid transparent;
   border-top: 25px solid #949396;
}

#triangulo-para-esquerda {
   width: 0;
   height: 0;
   border-top: 25px solid transparent;
   border-bottom: 25px solid transparent;
   border-right: 25px solid #ABA8B2;
}

.sections-container {
   display: flex;
   flex-direction: row;
   align-items: center;

   width: 100%;
   height: auto;
   /*background-image: url("img_1.jpg");*/
   margin-top: 0%;
   background-color: rgb(0, 56, 130, 0.3);
   padding-top: 100px;
   padding-bottom: 25px;
   border-left: 10px solid rgb(0, 56, 130);
}

.sections-container-2 {
   display: flex;
   flex-direction: row;
   align-items: center;

   width: 100%;
   height: auto;
   /*background-image: url("img_1.jpg");*/
   margin-top: 0%;
   background-color: rgba(222, 224, 228, 0.671);
   padding-top: 100px;
   padding-bottom: 25px;
   border-left: 10px solid rgb(0, 56, 130);
}

.sections-container img {
   width: 25%;
   height: auto;
   border: 10px solid rgb(255, 255, 255);
   transform: rotate(-0.5deg);

}

.sections-container img:hover {
   transform: rotate(0.5deg);

}

.sections-container-2 img {
   width: 25%;
   height: auto;
   border: 10px solid rgb(0, 56, 130, 0.1);
   transform: rotate(-0.5deg);

}

.sections-container-2 {
   display: flex;
   flex-direction: row;
   align-items: center;

   width: 100%;
   height: auto;
   /*background-image: url("img_1.jpg");*/
   margin-top: 0%;
   background-color: rgba(222, 224, 228, 0.671);
   padding-top: 100px;
   padding-bottom: 25px;
   border-left: 10px solid rgb(0, 56, 130);
}

.sections-container-2-contato {
   display: flex;
   flex-direction: row;
   align-items: center;

   width: 100%;
   height: auto;
   /*background-image: url("img_1.jpg");*/
   margin-top: 0%;
   background-color: rgba(0, 56, 130, 0.3);
   padding-top: 110px;
   padding-bottom: 25px;
   border-left: 10px solid rgb(0, 56, 130);

}

.sections-container-2-contato img {
   width: 25%;
   height: auto;

   transform: rotate(-0.5deg);

}

.sections-container-2 img:hover {
   transform: rotate(0.5deg);

}

.rodape-zap {
   border: 0px;
}

.services {
   background: rgb(0, 56, 130, 0.3);


   width: 100%;





}

.services-container-equipe {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   flex-direction: row;


   border-left: 10px solid rgb(0, 56, 130);

   align-items: center;



}

.services-2 {
   background: rgba(222, 224, 228, 0.671);
   width: 100%;

}

.services-container-equipe-2 {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   flex-direction: row;


   border-left: 10px solid rgb(0, 56, 130);

   align-items: center;



}


.services-item {

   width: auto;
   height: auto;
   display: flex;
   flex-wrap: wrap;
   justify-content: left;

   border: 5px solid blue;



}

.sec-1 {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   width: 35%;
   height: auto;
   /*border: 2px solid green ;*/


   text-align: left;

}

.sec-1 h2 {
   color: rgb(0, 56, 130);
   font-size: 45px;

   text-align: justify;

}

.sec-1 ul li {

   text-decoration: none;

   color: rgb(0, 56, 130);
   font-size: 20px;
   margin-left: 5%;
   text-align: left;




}

.sec-1 ul,
ol {
   margin: 0.75em 0;
   padding: 0 1em;
   list-style: none;
}

.sec-1 ul li::before {
   content: "";
   border-color: transparent rgb(0, 56, 130);
   border-style: solid;
   border-width: 0.35em 0 0.35em 0.45em;
   display: block;
   height: 0;
   width: 0;
   left: -1em;
   top: 0.9em;
   position: relative;
   text-decoration: none;

   color: rgb(0, 56, 130);
   font-size: 25px;


}

.sec-1 ol li::marker {
   content: "▶";

}

.sec-2 {
   margin-top: 15%;
}

.sec-2 img {
   width: 30vw;
   height: auto;
   display: flex;
   flex-wrap: wrap-reverse;
   justify-content: center;
   align-items: center;
   align-content: center;

   margin-bottom: 25%;
   border: 10px solid rgb(0, 56, 130);

}

.sec-3 {
   display: flex;
   flex-wrap: wrap;
   justify-content: left;
   align-items: center;
   width: 25%;

   height: auto;


   font-size: 30px;
   color: rgb(0, 56, 130);

   margin-left: 2%;
   margin-right: 2%;
   text-align: center;
   font-style: italic;

}

.sections-2 {


   display: flex;

   justify-content: space-between;

   width: 400px;
   height: auto;

}

.sections-2-contato {


   display: flex;

   justify-content: center;

   width: 100%;
   height: auto;

}

.sections h2 {

   color: rgb(0, 56, 130);
   font-size: 45px;
   text-align: justify;




}

.sections-2 h2 {

   color: rgb(0, 56, 130);
   font-size: 45px;




}

.sections-2-contato h2 {

   color: rgb(0, 56, 130);
   font-size: 45px;




}

.citacao-2 {
   font-size: 30px;
   color: rgb(0, 56, 130);
   width: 30%;
   margin-left: 2%;
   text-align: center;
   font-style: italic;
}




/*2*/
.sections-2 ul li {

   text-decoration: none;

   color: rgb(0, 56, 130);
   font-size: 20px;
   margin-left: 5%;
   text-align: left;




}

.sections-2 ul,
ol {
   margin: 0.75em 0;
   padding: 0 1em;
   list-style: none;
}

.sections-2 ul li::before {
   content: "";
   border-color: transparent rgb(0, 56, 130);
   border-style: solid;
   border-width: 0.35em 0 0.35em 0.45em;
   display: block;
   height: 0;
   width: 0;
   left: -1em;
   top: 0.9em;
   position: relative;
   text-decoration: none;

   color: rgb(0, 56, 130);
   font-size: 25px;


}

.sections-2 ol li::marker {
   content: "▶";

}

/*2 contato*/

.sections-2-contato ul li {

   text-decoration: none;

   color: rgb(0, 56, 130);
   font-size: 20px;
   margin-left: 5%;
   text-align: left;




}

.sections-2-contato ul,
ol {
   margin: 0.75em 0;
   padding: 0 1em;
   list-style: none;
}

.sections-2-contato ul li::before {
   content: "";
   border-color: transparent rgb(0, 56, 130);
   border-style: solid;
   border-width: 0.35em 0 0.35em 0.45em;
   display: block;
   height: 0;
   width: 0;
   left: -1em;
   top: 0.9em;
   position: relative;
   text-decoration: none;

   color: rgb(0, 56, 130);
   font-size: 25px;


}

.sections-2-contato ol li::marker {
   content: "▶";

}


.button-demo {
   display: flex;
   z-index: 2;
   margin-top: 20px;
   margin-left: 0px;
   justify-content: center;
   align-items: center;
   align-content: center;
   color: #191919;
   /*display: inline-flex;*/
   width: auto;
   height: auto;


}

.button-top-demo {
   font-size: 25px;
}

.planos {
   display: flex;

   justify-content: center;
   align-items: center;
   align-content: center;
   background-color: rgb(0, 56, 130);

}

table {
   /*border-collapse: collapse;*/
   width: 80%;
   background-color: rgb(0, 56, 130);
   color: rgb(255, 255, 255);


}

th,
td {
   text-align: left;
   padding: 5px;
   border: 1px solid rgb(38, 94, 168);
}








.logo_img {
   width: 24vw;
   border: 1px solid red
}

html {
   scroll-behavior: smooth;
}

body {
   font: 16px/1.2 'Work+Sans', sans-serif;
}

body h2 {
   font: 20px/1.2 'RaleWay', sans-serif;
   color: rgb(0, 56, 130);
   font-weight: bold;
}

body h3 {
   font: 20px/1.2 'Work+Sans', sans-serif;
   color: rgb(255, 255, 255);
   font-weight: bold;
}

.has-text-align-center strong {
   color: rgb(0, 56, 130);
}

body p {
   font: 16px/1.2 'RaleWay', sans-serif;
   color: rgb(255, 255, 255);
}

.divao {
   width: 100%;
   height: 80%;
}

.containers-general {
   margin-top: 14%;
   padding-left: 15px;
   padding-right: 15px;
}


#header_shrink {

   position: fixed;
   /* Fixed position - sit on of the page */
   top: 0;
   width: 100%;
   /* Full width */
   transition: 0.21s;
   /* Add a transition effect (when scrolling - and font size is decreased) */


   color: #fff;
   /*margin-top: 0px;
   padding: 0px 0;*/

   border-bottom: solid 2px rgb(0, 56, 130);
   /* rgb(95,42,121)*/
   /*width: 100vw;*/
   height: auto;

   z-index: 2;
}

/* Top Bar Section */

/*.top-bar{
  
}*/


.flex-container {
   display: flex;
   flex-direction: row;
   text-align: center;
   align-items: center;
   justify-content: center;
   padding-bottom: 15px;

}

.flex-container-baixo {
   display: flex;
   flex-direction: row;
   text-align: center;
   align-items: center;
   justify-content: center;
   background-color: #e6e6e6;
   padding-bottom: 15px;

}


.flex-item-left {

   padding: 10px;
   flex: 50%;




}

.flex-item-right {


   padding: 10px;
   margin-left: 5vw;
   flex: 50%;
   /*border: 1px solid red;*/
   height: 400px;


}

.flex-item-left-baixo {

   padding: 10px;
   flex: 50%;


}

.flex-item-right-baixo {


   padding: 10px;
   margin-left: 5vw;
   flex: 50%;
   /*border: 1px solid red;*/
   height: 400px;
   /* border: 1px solid red;*/

}

/*.widget-service-flex img{
 
 
height: auto;
max-width: 72%;
vertical-align: bottom;
 
}*/
.widget-service-flex h2 {

   /*font-family: Graphik-Medium, "Graphik-Regular", "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin: 0px 0px 32px;
white-space: pre-line;
font-weight: 500;
letter-spacing: -0.03em;
font-size: 2rem;
line-height: 1.16;*/

   text-align: center;
   font-size: calc(2vh + 2vw);
   margin-bottom: 30px;

   width: 50vw;

}

.widget-service-flex p {

   /*font-family: Graphik-Medium, "Graphik-Regular", "Gotham SSm A", "Gotham SSm B", "Helvetica Neue", Helvetica, Arial, sans-serif;
   margin: 0px 0px 32px;
white-space: pre-line;
font-weight: 500;
letter-spacing: -0.03em;
font-size: 2rem;
line-height: 1.16;*/
   font-size: calc(1.5vh + 1.5vw);
   /*border: 1px solid red;*/

}

/* Responsive layout - makes a one column-layout instead of two-column layout */
.containers {
   margin-left: 3vw;
   margin-right: 3vw;
   height: auto;
   margin-top: calc(4px + 1.5625vw);
   position: static;

   display: flex;


}

.content-single {
   margin-top: 200px;
}

.button-top {

   display: flex;
   z-index: 2;
   position: absolute;
   margin-top: 26.5%;
   margin-left: 44%;
   justify-content: center;
   align-items: center;
   align-content: center;
   color: #191919;
   /*display: inline-flex;*/
   width: auto;
   height: auto;


}

.button-top button {


   width: 250px;
   height: auto;
}

.button-top-exp {
   color: #ffffff;
   background-color: rgba(0, 56, 130, 0.644);
   border: 0px;
   padding: 5px 5px;
   width: auto;
   cursor: pointer;
}

.button-top-exp:hover {
   color: #ffffff;
   color: rgb(255, 255, 255);
   background-color: rgb(0, 56, 130);
}

button {

   font-size: 19px;
   padding: 15px 50px;
   cursor: pointer;
   border: 0px;
}

/*button:hover {
   background-color: rgb(0, 56, 130, 0.3);
   border: 0px
}*/

.login-button {
   color: #ffffff;
   background-color: rgb(255, 255, 255, 0);
   font-size: 19px;
   padding: 0px 5px;
   cursor: pointer;


}

.login-button:hover {
   color: #ffffff;
   font-size: 19px;
   padding: 0px 5px;
   cursor: pointer;

}

.login-mobile {
   display: none;
}

.fundo_login {
   display: none;
   justify-content: center;
   align-items: center;
   z-index: 6;
   width: 100vw;
   height: 100vh;
   background-color: rgba(255, 255, 255, 0.8);
   position: fixed;
   padding-right: 14%;

}

/**/
.text-center {
   display: flex;
   flex-direction: column;
   color: #fff;
   font-size: 16px;
   margin: -50px 0 80px 0;

}

.form-cadastro {
   display: flex;
   flex-direction: column;
   gap: 12px;
   margin-top: 55px;
   margin-left: 18px;

}

.input-cadastro {
   border: none;
   padding: 2px;
   border-radius: 3px;
   width: 90%;

}

.container-checkbox {
   display: flex;
   flex-direction: row;
   margin-top: 18px;
   margin-bottom: 15px;
}

input.checkbox {
   margin-right: 5px;
   margin-bottom: 18px;
}

.container-button {
   margin: 10px 0 -30px 25px;
}

.butao-registrar{
   width:170px;
   padding:5px; 
   margin-left: 13px;
   transition-duration: 0.4s;
   background-color: rgb(0, 56, 130)
}

.box {
   position: absolute;
   left: 50%;
   top: 50%;
   width: 350px;
   height: auto;
   transform: translate(-50%, -50%);
   background-color: rgb(0, 56, 130, 0.9);
   padding: 15px 15px;
   border-radius: 10px;
   max-height: 100vh;
   overflow: auto
}



.box:hover {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   border-radius: 3px;
   padding: 15px 15px;
   border-radius: 10px;

}

.form {
   display: flex;
   flex-direction: column;
   gap: 8px;
}

.input-recupera-senha {
   border: none;
   border-radius: 3px;
   padding: 5px;

}



.input-container {
   position: relative;
   margin-bottom: 25px;
}

.input-container label {
   position: absolute;
   top: 0px;
   left: 0px;
   font-size: 16px;
   color: #fff;
   pointer-events: none;
   transition: all 0.5s ease-in-out;
}

.input-container input {
   border: 0;
   border-bottom: 1px solid #555;
   background: transparent;
   width: 100%;
   padding: 8px 0 5px 0;
   font-size: 20px;
   color: #fff;
}

.input-container input:focus {
   border: none;
   outline: none;
   border-bottom: 1px solid rgb(85, 197, 149);
}

.btn {
   color: #fff;
   background-color: rgb(85, 197, 149, 0.9);
   outline: none;
   border: 0;
   color: rgb(255, 255, 255, 0.8);
   padding: 10px 20px;
   text-transform: uppercase;
   margin-top: 30px;
   margin-bottom: 15px;
   border-radius: 2px;
   cursor: pointer;
   position: relative;
   justify-content: center;

}

.btn-2 {
   color: #fff;
   background-color: rgb(85, 197, 149, 0.9);
   outline: none;
   border: 0;
   color: rgb(255, 255, 255, 0.8);
   /*padding: 10px 20px;*/
   text-transform: uppercase;
   /*margin-top: 30px;
   margin-left: 100px;
   margin-bottom: 15px;*/
   border-radius: 2px;
   cursor: pointer;
   position: relative;
   justify-content: center;


   /*position: absolute;*/
   left: 50%;
   top: 80%;
   width: 150px;
   height: auto;
   transform: translate(-50%, -50%);
   /*background-color: rgb(0, 56, 130, 0.9);*/
   padding: 15px 15px;

   /* border-radius: 10px;*/

}

.btn:hover {

   background-color: rgb(85, 197, 149);
   color: rgb(255, 255, 255);


   cursor: pointer;
   position: relative;
}


.input-container input:focus~label,
.input-container input:valid~label {
   top: -12px;
   font-size: 12px;

}

.box_p a {
   color: white;
   font-size: 14px;
}

.box_p a:hover {
   color: rgb(240, 240, 240);
   font-size: 14px;


}

.box_p p {
   margin-top: 20px;
}




.tela_login,
.logo_login {
   width: 300px;
   height: auto;
   margin-bottom: 50px;
   margin-left: 5%;


}

.login-button-fechar {

   all: unset;
   cursor: pointer;
   outline: revert;
   margin-top: -10px;
   margin-left: 90%;
   left: 10px;
   position: relative;
   z-index: 2;
   font-size: 40px;
   padding: 0px;

   background-color: none;

}


.texto-boas-vindas {
   width: 250px;
   height: 80px;
   text-align: center;
   line-height: 200%;
   padding: 10px;
   margin-bottom: 75px;
   margin-left: 35px;

}

.texto-boas-vindas>p {
   position: relative;
   display: flex;
   flex-direction: row;
   align-self: center;
   align-items: center;


}


.ok-loginoff {

   all: unset;
   border: 1px solid red;
   padding: 3px;
   width: 100%;
   background-color: rgb(85, 197, 149);
   margin-top: 30px;

}

.login-button-fechar img {

   width: 30px;
   height: 30px;
   margin-left: 50%;
   margin-top: 50%;


}




h1 {
   font-size: 28px;
   padding: top 30px;
   margin-top: 15px;
   text-align: center;
}

h2 {
   font-size: 24px;
   margin-top: 0;
   text-align: center;
}

h3 {
   font-size: 20px;
   margin-top: 0;
   text-align: center;
}

h4 {
   font-size: 18px;
   margin-top: 0;
}

p {
   text-align: justify;
}

.contato-cont-wpp {
   display: flex;
   justify-content: baseline;
   z-index: 4;
   transition: 0.9s;

}

.contato-wpp {

   position: fixed;
   z-index: 4;
   width: 80px;
   height: 80px;

   margin-top: 70vh;
   margin-left: 20px;

   background-repeat: no-repeat;
   transition: 0.9s;


}





.container-top-bar {
   display: flex;
   justify-content: space-between;
   align-items: center;
   align-content: center;

   background: linear-gradient(0deg, rgba(20, 57, 130, 0.7) 0%, rgb(0, 56, 130) 5%);



}



ul.wp-container-3 {

   gap: 0em;

}

.wp-block-social-links:not(.is-style-logos-only) .wp-social-link {
   background-color: rgba(255, 255, 255, 0);
   color: rgb(0, 56, 130);
}

.social-media-icons img {
   width: 50px;
}

.social-media-icons {
   display: inline-flex;
   width: auto;
   height: auto;
   justify-content: center;
   align-items: center;
}

.social-media-icons a {
   padding: 7px;
}

.rodape-logo {
   width: 30vw;
}



/*responsive me - início */






.menu-area {


   display: flex;
   justify-content: space-between;

   /*border-bottom: 2px solid rgb(236, 98, 39,0.6);*/

}

/*.custom-logo-top{
   width: 300px;
   height: auto;
  
}*/
.custom-logo {
   width: 24vw;
   height: auto;
   margin-top: 0px;
   margin-left: 3vw;
   transition: 0.2s;


}

.img-fluid {

   position: absolute;
   z-index: -1;
   margin-top: 45px;


}

/*.logo-menu{
   display: flex;
   width: 25vh;
   height: auto;
   margin-top: 48px;
   margin-left:5vw;
  
  
 
    
}*/
.search {
   margin-right: 3vw;
   margin-top: 40px;
}

.search-spc {


   padding: 10px 10px 10px 10px;
}

.container-login-box {

   transition: 0.2s;
   display: flex;
   justify-content: center;
   text-align: center;
   align-content: center;
   width: auto;
   height: auto;
   padding: 7px;

}

.login-box {
   margin-right: 2vw;
   transition: 0.2s;
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   text-align: center;
   align-content: center;
   width: 50px;
   height: auto;
   padding: 7px;



}

.login-mobile {

   margin-top: 10px;
   align-items: center;
   text-align: center;

}

.login-mobile p {


   align-items: center;
   text-align: center;

}

.login-box:hover {

   border-top: 2px solid rgb(85, 197, 149);



}



a {

   color: rgb(0, 56, 130);
   transition: 0.3s;
   text-decoration: none;

}

a:hover {
   opacity: 0.7;
   color: rgba(130, 0, 0, 0.3);
   text-decoration: none;
}

a.current-menu-item a {
   color: rgb(85, 197, 149);
   opacity: 0.6;



}



.main-menu {
   display: flex;
   align-items: center;
   align-content: center;
   margin-left: 0vw;
   width: auto;
   height: 70px;


}

.main-menu ul {
   list-style: none;
   padding: px;
   margin: 0;
   font-size: 18px
      /*calc(10px + (10/1200) * 100 * 1.5vw)*/
   ;
   display: flex;
   flex-wrap: wrap;

   justify-content: center;
   align-content: center;






}

.main-menu li {
   list-style-type: none;
   letter-spacing: 3px;
   margin-left: 16px;
   margin-right: 16px;
   padding-top: 11.5px;
   padding-bottom: 10px;



   flex-wrap: wrap;
   width: auto;
   height: auto;
   justify-content: center;
   align-content: center;



}

.main-menu li:hover {
   list-style-type: none;
   letter-spacing: 3px;
   margin-left: 16px;
   margin-right: 16px;
   padding-top: 12.5px;
   padding-bottom: 9.5px;
   border-top: 2px solid rgb(85, 197, 149);
   transition: 100ms;


   flex-wrap: wrap;
   width: auto;
   height: auto;
   justify-content: center;
   align-content: center;



}


.main-menu ul li a {
   color: rgb(255, 255, 255);
   text-decoration: none;
   transition: 0.3s;

}

.main-menu ul li a:hover {
   /*color: rgb(85, 197, 149);*/
   text-decoration: none;
   transition: 0.3s;


}

.main-menu ul li.current-menu-item a {
   color: rgb(85, 197, 149);
   opacity: 0.6;

}


.mobile-menu {
   cursor: pointer;
   display: block;
   margin-top: 0.1vh;
   margin-right: 3vw;
   display: none;

}

.mobile-menu div {
   width: 32px;
   height: 2px;
   background: rgb(85, 197, 149);
   margin: 8px;
   transition: 0.3s;
}


.container-topo {
   position: relative;

   height: auto;
   margin-top: 7%;
   /*border: 1px solid rgb(0, 56, 130, 0.3);
  /* border-radius: 10px 10px 10px 10px;*/
   z-index: 1;


   position: relative;
   width: 100%;
   height: auto;
   /*border: 1px solid rgb(0, 56, 130, 0.3);*/



}







.services-item-exp {

   width: 380px;
   height: auto;
   border-radius: 10px 10px 10px 10px;
   background-color: #fff;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin: 10px;
   border: 2px solid #ededed;


}

.services-item-exp img {
   /*box-shadow: rgb(214, 99, 0) 2px 2px 5px;*/
   width: 378px;
   height: auto;

}

.services-item-exp img:hover {
   /*box-shadow:none;*/
   transform: rotate(2deg);

   width: 448px;
   border: 2px solid #ededed;
   transition: 0.1s;
}

.services-item-exp p {
   margin: 10px;

}

.services-item-finance {

   margin-top: 20px;

   width: 350px;
   height: auto;
   border-radius: 10px 10px 10px 10px;
   background-color: #fff;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 10px;
   margin: 20px;
   padding-bottom: 20px;
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 17px;



}

.services-item-planos {

   width: 300px;
   height: auto;
   border-radius: 10px 10px 10px 10px;
   background-color: rgba(255, 255, 255);
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin: 10px;
   margin-bottom: 10px;
   padding-bottom: 20px;
   padding-left: 23px;
   padding-right: 10px;
   padding-top: 17px;
   border: #e6e6e6 1px solid;


}

.services-item-planos:hover {

   width: 300px;
   height: auto;
   border-radius: 10px 10px 10px 10px;
   background-color: rgba(255, 255, 255);
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   margin: 10px;
   margin-bottom: 10px;
   padding-bottom: 20px;
   padding-left: 23px;
   padding-right: 10px;
   padding-top: 17px;


}

.services-item-planos img {


   width: 150px;
   height: auto;


}


.services-item img {
   box-shadow: rgb(214, 99, 0) 2px 2px 5px;
   width: 250px;
   height: auto;

}

.services-item img:hover {
   box-shadow: none;
   width: 248px;
   border: 2px solid rgb(0, 56, 130);
   transition: 0.15s;
}

.services-item p {
   margin: 10px;

}

.services-apoiadores {
   border: 0px;
}

.rodape {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-evenly;
   /*background-color: rgba(0, 56, 130, 0.2);       */
}

.rodape-texto {
   font-size: 18px;
   color: rgb(255, 255, 255);
   margin: 15px;
   line-height: 26pt;
   text-align: justify;



}

.rodape-logo a img {
   width: 14vw;
   height: auto;
}

.services-item-apoiadores {

   width: 350px;
   height: auto;

   background-color: #fff;
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
   align-items: center;
   margin: 10px;


}

.services-item-apoiadores img {

   width: 80px;
   height: auto;

}

.pitch {
   align-content: center;
   width: 800px;
   height: auto;
}





@media (max-width: 992px) {
   .login-box {
      display: none;
   }

   .button-top button {

      width: 165px;
      height: auto;
      font-size: 15px;
      margin-top: -5%;


   }


   .main-menu {
      display: flex;
      margin-top: 65px;




   }

   .main-menu ul {

      width: auto;
      height: auto;
      display: block;




   }

   .nav-list.active {
      transform: translateX(0);
      display: block;


   }

   .nav-list {

      position: fixed;
      top: 60px;
      right: 0;
      width: 50vw;
      height: 94vh;
      background: rgb(0, 56, 130, 0.956);
      align-items: center;
      justify-content: space-around;
      transform: translateX(100%);
      transition: transform 0.3s ease-in;
      z-index: 1;
      display: block;




   }

   .nav-list li {

      margin-left: 0;
      opacity: 0;
      justify-content: space-around;
      align-items: center;
      border-bottom: 1px solid rgb(85, 197, 149);
      padding: 4vh;
      display: block;
      font-size: 20px;
      text-align: left;


   }

   .main-menu li:hover {

      border-top: 0px;
      padding: 4vh;
      border-right: 15px solid rgb(85, 197, 149);




   }

   .menu {
      list-style: none;
      display: block;
      z-index: 1;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      text-align: left;
      font-size: 22px;
      border: 0px solid rgb(0, 56, 130);

   }

   .mobile-menu {
      display: block;

   }

   .login-mobile {
      display: block;
   }



   .search-spc {

      display: none;
      padding: 10px 10px 10px 10px;
   }


   .services-item h2 {
      font-size: 18px;
   }

   .services-container-equipe {
      display: flex;
      flex-wrap: wrap;
      justify-content: left;
      flex-direction: row;


      border-left: 10px solid rgb(0, 56, 130);

      align-items: center;
      /*padding-top: 8%;*/
      padding-bottom: 10%;



   }


   .sec-1 {
      display: flex;
      flex-wrap: wrap;
      justify-content: left;
      width: 45%;
      height: auto;
      /*border: 2px solid green ;*/
      margin-top: 10%;
      text-align: left;


   }

   .sec-1 h2 {
      color: rgb(0, 56, 130);
      font-size: 45px;

      text-align: justify;

   }

   .sec-1 ul li {

      text-decoration: none;

      color: rgb(0, 56, 130);
      font-size: 20px;
      margin-left: 5%;
      text-align: left;




   }

   .sec-1 ul,
   ol {
      margin: 0.75em 0;
      padding: 0 1em;
      list-style: none;
   }

   .sec-1 ul li::before {
      content: "";
      border-color: transparent rgb(0, 56, 130);
      border-style: solid;
      border-width: 0.35em 0 0.35em 0.45em;
      display: block;
      height: 0;
      width: 0;
      left: -1em;
      top: 0.9em;
      position: relative;
      text-decoration: none;

      color: rgb(0, 56, 130);
      font-size: 25px;


   }

   .sec-1 ol li::marker {
      content: "▶";

   }

   .sec-2 {
      margin-top: 10%;
   }

   .sec-2 img {
      width: 45vw;
      height: auto;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      align-items: center;
      align-content: center;

      /*margin-bottom: 5%;*/

      border: 7px solid rgb(0, 56, 130);

   }

   .sec-3 {
      display: flex;
      flex-wrap: wrap;
      justify-content: left;
      align-items: center;
      width: 100%;

      height: auto;


      font-size: 30px;
      color: rgb(0, 56, 130);

      margin-left: 6%;
      margin-right: 6%;
      text-align: center;
      font-style: italic;
      /*margin-bottom: 5%;*/

   }




}

@media (max-width: 768px) {
   /*body{
       overflow-x: hidden;
   }*/


   .flex-container {
      flex-direction: column;
   }

   .flex-container-baixo {
      flex-direction: column;
   }

   .content-single {
      margin-top: 110px;
   }

   .button-top-exp {
      color: #ffffff;

      font-size: 18px;
   }

   .nav-list {

      position: fixed;
      top: 45px;
      right: 0;
      width: 50vw;
      height: 94vh;
      background: #ffff;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      transform: translateX(100%);
      transition: transform 0.3s ease-in;
      border-left: #fcfae1 1px solid;
      z-index: 1;



   }

   .nav-list li {

      margin-left: 0;
      opacity: 0;
      justify-content: space-around;
      align-items: center;
      border-bottom: 1px solid rgb(73, 73, 73);
      padding: 4vh;
      display: block;
      font-size: 15px;
   }

   .menu {
      list-style: none;
      display: block;
      z-index: 1;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      text-align: left;
      font-size: 22px;
      border: 0px solid #23232e;

   }

   .mobile-menu {
      display: block;

   }

   .search-spc-respo {
      display: block;
      margin-top: 10px;
   }

   .nav-list.active {
      transform: translateX(0);
   }

   .search-spc {

      display: none;
      padding: 10px 10px 10px 10px;
   }

   .main-menu {
      margin-top: 0px;
      width: auto;
      height: auto;



   }

   /*.custom-logo{
      
       width: 115px;
       height: auto;
      
         
   }*/
   .services-item h2 {
      font-size: 24px;
      margin-top: 6px;


   }



}

@media (max-width: 576px) {

   /*body{
       overflow-x: hidden;
   }*/
   .content-single {
      margin-top: 85px;
   }

   .button-top-exp {

      font-size: 16px;

   }

   .nav-list {

      position: fixed;
      top: 10%;
      right: 0;
      width: 50vw;
      height: 94vh;
      background: #ffff;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      transform: translateX(100%);
      transition: transform 0.3s ease-in;
      border-left: #fcfae1 1px solid;
      z-index: 1;



   }

   .nav-list li {

      margin-left: 0;
      opacity: 0;
      justify-content: space-around;
      align-items: center;
      border-bottom: 1px solid rgb(73, 73, 73);
      padding: 4vh;
      display: block;
      font-size: 15px;
   }

   .menu {
      list-style: none;
      display: block;
      z-index: 1;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      text-align: left;
      font-size: 22px;
      border-top: 0px solid #ffff;
      border-left: 0px solid #ffff;
      border-right: 0px solid #ffff;

   }

   .mobile-menu {
      display: block;

   }

   .search-spc-respo {
      display: block;
      margin-top: 10px;
   }

   .nav-list.active {
      transform: translateX(0);
   }

   .search-spc {

      display: none;
      padding: 10px 10px 10px 10px;
   }

   .main-menu {
      margin-top: 0px;
      width: auto;
      height: auto;



   }

   /*.custom-logo{
      
       width: 95px;
       height: auto;
   }*/
   .services-item h2 {
      font-size: 24px;
      margin-top: 6px;


   }


}

@media (max-width: 400px) {

   /*body{
       overflow-x: hidden;
   }*/
   .widget-service-flex h2 {

      width: 88vw;
   }

   .content-single {
      margin-top: 70px;
   }

   .button-top-exp {

      font-size: 14px;

   }

   .button-top button {


      width: 200px;
      height: 45px;
   }

   .nav-list {

      position: fixed;
      top: 56px;
      right: 0;
      width: 70vw;
      height: 94vh;
      background: #ffff;
      flex-direction: column;
      align-items: center;
      justify-content: space-around;
      transform: translateX(100%);
      transition: transform 0.3s ease-in;
      border-left: #fcfae1 0px solid;
      z-index: 1;



   }

   .nav-list li {

      margin-left: 0;
      opacity: 0;
      justify-content: space-around;
      align-items: center;
      border-bottom: 1px solid rgba(73, 73, 73, 0.3);
      padding: 2vh;
      display: block;
      font-size: 15px;
   }

   .menu {
      list-style: none;
      display: block;
      z-index: 1;
      margin-top: 0px;
      width: 100%;
      height: 100%;
      text-align: left;
      font-size: 22px;


   }

   .mobile-menu {
      display: block;

   }

   .search-spc-respo {
      display: block;
      margin-top: 15px;
      margin-left: 10px;
      margin-right: 10px
   }

   .nav-list.active {
      transform: translateX(0);
   }

   .search-spc {

      display: none;
      padding: 10px 10px 10px 10px;
   }

   .main-menu {
      margin-top: 0px;
      width: auto;
      height: auto;



   }

   /*.custom-logo{
      
       width: calc(100px + (8/150) * 1 * 1vw);
margin-left: 2vw;
       height: auto;
   }*/
   .services-item h2 {
      font-size: 24px;
      margin-top: 6px;


   }

   /*.services-item p{
       font-size: 10px;
       max-width: 0ch;
       overflow: hidden;
       text-overflow: ellipsis;
       white-space: nowrap;
       display: none;
      
      
      
   }*/

}

@keyframes navLinkFade {
   from {
      opacity: 0;
      transform: translateX(50px);
   }

   to {
      opacity: 1;
      transform: translateX(0);
   }
}

.mobile-menu.active .line1 {
   transform: rotate(-45deg) translate(-8px, 8px);
}

.mobile-menu.active .line2 {
   opacity: 0;

}

.mobile-menu.active .line3 {
   transform: rotate(45deg) translate(-5px, -7px);
}




/*.container-auxiliar-2, .player{
   width: 38vw;
   height: auto;
   
 }*/

/* Hide the images by default */
.mySlides {
   display: none;
   z-index: 1;

}

.mySlides a h2 {
   display: flex;
   z-index: 2;
   position: absolute;
   margin-top: 19.5em;
   margin-left: 43%;
   justify-content: center;
   align-items: center;
   align-content: center;
   color: #191919;

}

/* Add a pointer when hovering over the thumbnail images */
.cursor {
   cursor: pointer;
}

/* Next & previous buttons */
.prev,
.next {
   cursor: pointer;
   position: absolute;

   top: 7vw;
   width: auto;
   padding: 16px;
   /*margin-top: -50px;*/
   color: rgb(85, 197, 149);
   background-color: rgb(0, 56, 130, 0.5);
   text-decoration: none;
   font-weight: bold;
   font-size: 20px;
   border-radius: 0 3px 3px 0;
   user-select: none;
   -webkit-user-select: none;
}

/* Position the "next button" to the right */
.next {
   right: 0;
   border-radius: 3px 0 0 3px;
}

/* On hover, add a black background color with a little bit see-through */
.prev:hover,
.next:hover {
   color: rgb(255, 217, 0.2);
   background-color: rgba(0, 0, 0, 0.8);
   color: rgb(85, 197, 149);
   background-color: rgb(0, 56, 130, 0.3);
}

/* Number text (1/3 etc) */
.numbertext {
   color: #f2f2f2;
   font-size: 12px;
   padding: 8px 12px;
   position: absolute;
   top: 0;
}

/* Container for image text */
.caption-container {
   text-align: center;
   background-color: #222;
   padding: 2px 16px;
   color: white;
}

.row-slide:after {
   content: "";
   display: table;
   clear: both;
}

/* Six columns side by side */
.column {
   float: left;
   width: 16.66%;
}

/* Add a transparency effect for thumnbail images */
.demo {
   opacity: 0.6;
}

.active,
.demo:hover {
   opacity: 1;
}











/* Middle Area */
.middle-area {
   padding: 25px 0;
}

.middle-area h1 {
   color: #191919;
   text-transform: uppercase;
}

/*.home-blog .container article:first-child{
   grid-area: feat-item;
}
.home-blog .container{
   display: grid;
   grid-template-areas: 'feat-item feat-item';
   grid-gap: 20px;
}
.home .home-blog h2{
   text-align: center;
   position: relative; 
}*/
/*inicio da parte conheça a empresa do site */







.container-howus {
   display: flex;
   flex-direction: row;
   justify-content: center;

}

/*.wp-block-embed__wrapper iframe{
   width: 45vw; 
   height: 21vw;
 
  
   padding: 2px;
  
 }*/

@media screen and (max-width: 600px) {

   .container-howus {
      display: flex;
      flex-wrap: wrap;

   }

   .wp-block-embed__wrapper iframe {


      width: 95vw;
      height: 54vw;
      padding: 2px;

   }


}


/*.home .home-blog-conheca h2{
   text-align: center;
   position: relative; 
}*/
/*.home .home-blog-conheca h2::after{
   size: 10px;
   content: '';
   position: absolute;
   background-color: var( --wpdevs-light-blue );
   width: 35px;
   height: 5px;
   right: calc( 50% - 15px);
   bottom: 0;/*
}
.home .home-blog-conheca .latest-news{
   text-align: center;
}
.home .home-blog-conheca .col-12 .latest-news{ 
   margin-bottom: 40px;
}
.home .home-blog-conheca .latest-news img{
   float: none !important;
   margin: 0 0 25px 0 !important;
}
.home .home-blog-conheca .latest-news h3{
   color: #000000;
   margin: 0;
   line-height: 2.6rem;
}
.home .home-blog-conheca .meta-info p{
   font-weight: bold;
   margin-bottom: 0;
}
.home .home-blog-conheca .meta-info p:last-child{
   margin-top: 5px;
}
.home .home-blog-conheca span,
.home .home-blog-conheca span a{
   color: var( --wpdevs-gray1 );
   font-weight: normal;
   text-decoration: none;
   margin: 0 2px 0 0;
}
 
 
 
 
 
 
/*Fim da parte home-blog-conheça
.home .home-blog{
   padding: var( --wpdevs-big-padding );
}
 
.home-blog .news article:first-child{
   grid-area: 'feat-item feat-item';
}
.home-blog .news{
   display:grid;
   grid-template-areas: 'feat-item feat-item';
   grid-gap: 15px;
}
.home .home-blog h2{
   text-align: center;
   position: relative; 
}
.home .home-blog h2::after{
   size: 10px;
   content: '';
   position: absolute;
   background-color: var( --wpdevs-light-blue );
   width: 35px;
   height: 5px;
   right: calc( 50% - 15px);
   bottom: 0;
}
.home .home-blog .latest-news{
   text-align: center;
}
.home .home-blog .col-12 .latest-news{ 
   margin-bottom: 40px;
}*/
/*.home .home-blog .latest-news img{
   float: none !important;
   margin: 0 0 25px 0 !important;
}
.home .home-blog .latest-news h3{
   color: #000000;
   margin: 0;
   line-height: 2.6rem;
}
.home .home-blog .meta-info p{
   font-weight: bold;
   margin-bottom: 0;
}
.home .home-blog .meta-info p:last-child{
   margin-top: 5px;
}
.home .home-blog span,
.home .home-blog span a{
   color: var( --wpdevs-gray1 );
   font-weight: normal;
   text-decoration: none;
   margin: 0 2px 0 0;
}
 
@media (max-width: 768px) {
   .home-blog .news{
       display: block;
   }
}
section > .size-large{
   border-radius: 5%;
   border:1px red solid;
}
/*.wp-post-image{
   width: 25vw;
   height: auto;
  
}
.post-img-principal{
   width: 100vw;
   height: auto;
}*/


/* Middle Area - Sidebar */
.sidebar {
   background: #f6e497;
   padding: 20px;
   margin: 0 0 30px;
}

.titulomaps {
   background: rgb(255, 255, 255);
   padding: 10px 0;
   color: rgb(0, 56, 130);
   margin-bottom: 2vh;
   background-color: #ffffff;
   padding: 10px 10px 10px 10px;

}

.maps-on-home {
   /*width: 85vw;
   height: 15vh;*/
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   padding: 2px;
}

.maps-on-home iframe {


   width: 95vw;
   height: 70vh;
   padding: 2px;
}



/* Footer */
footer {
   /*border-top:1px solid rgb(0, 56, 130);*/
   background: linear-gradient(180deg, rgba(20, 57, 130, 0.7) 0%, rgb(0, 56, 130) 3%);
   padding: 15px 0;
   color: rgb(0, 56, 130);
   display: block;

}



/* Footer - Footer Menu */

.footer-menu {
   width: 30vw;
   height: auto;
   display: flex;
   flex-direction: column;
   flex-wrap: wrap;
   justify-content: center;


}

.footer-menu ul {
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: calc(10px + (8/1200) * 100 * 1.2vw);
}

.footer-menu ul li {
   /*display: inline;*/
   margin: 0 0 0 0;

   padding: 20px;
}

.footer-menu ul li:last-child {
   margin: 0;
}

.footer-menu ul li a {
   color: rgb(255, 255, 255);
   text-decoration: none;
   padding: 5px;
   border-radius: 5px 5px 5px 5px;
}

.footer-menu ul li a:hover {
   color: rgb(255, 255, 255);
   text-decoration: none;

   background-color: rgb(85, 197, 149);
   margin: 5px;
   padding: 5px;
}

.footer-menu ul li.current-menu-item a {
   color: rgb(85, 197, 149);
   opacity: 0.6;
}

/* Blog
.wp-post-image{ float: left; margin: 0 15px 10px 0; }
.format-image h2 { color: #fff; background: #717171; padding: 15px; }
.format-video h2 { color: #fff; background: #211e1e; padding: 15px; }
.format-standard h2 { color: #444; background: #d2d2d2; padding: 15px; }*/

.service-passeios {

   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   /*background-image: url("https://citties.com.br/wp-content/uploads/2022/10/passeios-1.jpg");*/
   background-position: center;
   /* Center the image */
   background-repeat: no-repeat;
   /* Do not repeat the image */
   background-size: cover;
   /* Resize the background image to cover the entire container */
   margin-top: 8%;




}

.titulo-passeios h1 {

   color: rgb(0, 56, 130);
   font-size: 28px;
   margin-top: 15px;
   text-align: center;
   background-color: rgb(255, 255, 255);
   margin-top: 14%;




}

.blog article {

   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   width: 350px;
   margin: 5px;
   padding: 3px 3px 3px 3px;
   background-color: #ffffff;
   border-radius: 10px 10px 10px 10px;


}

.blog article:hover {


   background-color: #ffffff;



}

.blog article img {

   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   border-radius: 5px 5px 5px 5px;


}

.blog article button {


   justify-content: center;
   align-items: center;
   border-radius: 5px 5px 5px 5px;
   text-align: center;
   margin-top: 10px;
   margin-bottom: 5px;


}

.blog article h2 {
   width: 350px;

   justify-content: center;
   align-items: center;

}

.blog article p {
   width: 350px;
   font: 16px/1.2 'Lato', sans-serif;
   color: rgb(0, 56, 130);
   justify-content: center;
   align-items: center;
}