@import
url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

p,
h1,
h2,
h3,
h4,
h5,
h6,
label,
a,
figcaption,
li {
font-family: 'Poppins', sans-serif;
}

h1 {
font-weight: 700;
color: #99cc33;
}

.text-p{
font-weight: 500;
color: #454940;
font-size: 1.1rem;

}
footer label{font-size: .6rem;}
.avatar img{
border-radius: 50%;
border: 4px solid #00b2be;
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5);
margin-top: 10%;
}

.avatar img:hover{
opacity: 0.5;
transition: .5s ease;
}

.avatar p {
font-weight: 400;
color: #99cc33;
font-size: 0.8rem;
}

.avatar h3 {
font-weight: 500;
color: #99cc33;
font-size: 1.1rem;
}

.avatar span {
font-weight: 400;
color: #99cc33;
font-size: 0.8rem;
font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;

}
.sec2 {
background: #00b2be;
}

.sec2 h3,
.sec2 h5 {
color: #ffffff;
font-weight: 700;
}

.box-icon {
position: relative;
height: 100px;
margin: 2rem 0;
display: flex;
justify-content: center;
align-items: center;
}

.contato h6 {
color: white;
}

.contato h5 {
color: #D9E021;
line-height: .3rem;
}

.contato label {
color: white;
}

.contato a {
color: #D9E021;
}

.hr-esq {
margin-top: 80px;
border-bottom: 3px solid #D9E021;
margin-right: 10px;
}

.hr-dir {
margin-top: 80px;
border-bottom: 3px solid #D9E021;
margin-left: 10px;
}

.my-50{
margin-top: 50px;
}

.sec2 p {
color: #ffffff;
}

.sec2 h6 {
color: #D9E021;
padding: 0 2rem;
}

.dataevento{
max-width:500px;
text-align: center;

margin: 3rem auto;

}

.sec3 {
background:
url(https://s3.glbimg.com/v1/AUTH_87d42e7b2a034c7ba871ec4d2695d73d/oglobo-globo-com/projetos/g20nobrasil/assets/img/g20-bg-graphic.png)
center center repeat-y;
}

.sec3 h1 {
color: #25639b;
}

.sec3 h2 {
color: #99cc33;
font-weight: bold;
font-size: 1.7rem;
font-family: 'Poppins', sans-serif;
text-transform: uppercase;
text-align: center;
line-height: 1;
}

.sec3 p {
color: #666666;
margin: 0%;

}

.sec3 feature_y{
padding: 1.2rem 0;

}

/*SEÇÃO DE EVENTOS*/

.sec5 {
background: #0067a6;
}
.sec5 p {
color: #99cc33;
}
.sec5 H4 {
color: #ffffff;
font-size: larger;
font-weight: 600;
background-color: #99cc33;
padding: 0.5rem;

}

.sec4 {
background: linear-gradient( #006B71 20px, #006B71 80px);
}

.sec4 h4 {
font-weight: 600;
font-style: italic;
color: #ffffff;
}

.sec3 h5 {
font-weight: 600;
color: #666666;
}

.sec4 .box {
padding: 1rem;
margin-top: 0.5rem;
margin-bottom: 0.5rem;
background: white;
border-radius: 30px;

}

.sec4 p {
color: #282D32;
}

.feature_y {
padding: 3.2rem 0;
}

.callout h5 {text-align: right;}

/* Grow */

.hvr-grow {
display: inline-block;
vertical-align: middle;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
transition-duration: 0.3s;
transition-property: transform;
}

.hvr-grow:hover,
.hvr-grow:focus,
.hvr-grow:active {
transform: scale(1.1);
}
swiper-container{background-color: #f3f3f3;padding: 2rem; border-radius: 16px;}
swiper-slide{background-color: white;}
swiper-slide h1{
font-size: 1.2rem;
color: #99cc33;
margin-top: -15px;
background-color: #666;

}
swiper-slide h2 {
font-weight: 500;
font-size: 0.875rem;
color: #666;
text-transform: uppercase;
text-align: left;
padding: 0 15px 0 30px;
}
swiper-slide p {
font-weight: 500;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
color: #666!important;
font-size: .7rem;
text-transform: uppercase;
text-align: left;
padding: 0 15px 0 30px;
border-left: #99cc33 solid 5px;
}
.relative{position: relative;}
/* Muda somente no mobile */
.older{}
.bg {
background:
url(https://s3.glbimg.com/v1/AUTH_87d42e7b2a034c7ba871ec4d2695d73d/oglobo-globo-com/projetos/g20nobrasil/assets/img/header.png)
top center no-repeat;
background-size: cover;
}

.logo {
width: 100px;
}
.bg-content {
background: white;
border-radius: 50%;
width: 100%;
height: 100%;
}

.meumenu {
position: absolute;
width: 100%;
}
.sticky {
padding: 1rem 0;
background: #28639e;
}
.menu li a {
color: white;
font-weight: 600;
}
.menu li a:hover {
color: #D9E021;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #4B5F64 transparent transparent
}
.sticky.is-stuck .dropdown.menu > li.is-dropdown-submenu-parent > a::after {
border-color: #F0F0F0 transparent transparent
}
.dropdown.menu > li.is-active > a {
color: #282D32;
}
.is-dropdown-submenu {
min-width: 220px;
background: #F0F0F0;
}
.sticky.is-stuck .is-dropdown-submenu {
min-width: 220px;
background: #4B5F64;
}
.biog {
transform: rotate(3deg);
}
.bts {
margin-top: -4rem;
}
footer {
background: #efefef;
}

.button {
background: #99cc33;
color: rgb(255, 255, 255);
border-radius: 20px;
max-width: 600px;
}

.button:hover,
.button:focus {
background: #d5d5d5;
}
footer p {
font-size: .6rem;
color: #F0F0F0;
margin: 1rem 0;
}
input {
word-spacing: -3px;
}
.sec4 hr {
margin: 1.25rem auto;
max-width: 5rem;
border-bottom: 10px solid #99cc33;
}

.sec3 hr {
margin: 1rem auto;
max-width: 7rem;
border-bottom: 3px solid #99cc33;

}

.title-bar {
background: #C2C6C5;
position: fixed;
}
.menu-icon::after {
background: #0A2C5E;
box-shadow: 0 7px 0 #0A2C5E, 0 14px 0 #0A2C5E
}
.position-left.is-transition-push {
box-shadow: none;
}
.off-canvas {
background: #0A2C5E;
}
.menumob li a {
color: #DCD7C8;
}
.bt-lang {
position: fixed;
top: 1.5rem;
right: 1.5rem;
z-index: 1000;
}
.bt-lang a {
font-weight: 800;
color: #0A2C5E;
background: #D9E021;
padding: 1rem;
border-radius: 50%;
}
.bt-lang a:hover {
background: #B1B61D;
}

.icon{width: 40px;height: 40px;}
@media only screen and (max-width: 40em) {
.bt-lang {
position: fixed;
bottom: 2rem;
right: 1.5rem;
z-index: 1000;
}

h1 {
font-size: 2rem;
}

.whats {
width: 40px;
}

footer img {
width: 100%;
}

.biocartao {
padding-top: 3rem;
}

.biocartao h3 {
font-weight: 700;
color: #F05A50;
}

.biocartao p {
font-size: .8rem;
color: #DCD7C8;
}

.btbio {
position: fixed;
bottom: 1rem;
right: 1rem;
width: 50px;
}

.seccartao {
margin-top: 3rem;
}

.seccartao .foto {
border-radius: 50%;
border: solid 5px #DCD7C8;
margin-top: -2rem;
}

.seccartao .qr {
padding: 0 2rem;
}

.cartao .box {
background: #4B5F64;
border-radius: 20px;
padding: 0 2rem;
}

.seccartao p,
.seccartao h3 {
color: #DCD7C8;
}

.seccartao h3 {
margin-top: .5rem;
}

.seccartao a {
color: #DCD7C8;
text-decoration: underline;
}
.callout h5 {text-align: center;}
}