@charset "UTF-8";


/*@font-face {
    font-family: 'Firme-Book';
    src: url("font/Firme-Book.otf");
}
@font-face {
    font-family: 'Firme-ExtraBold';
    src: url("font/Firme-ExtraBold.otf");
}
@font-face {
    font-family: 'Firme-Black';
    src: url("font/Firme-Black.otf");
}
@font-face {
    font-family: 'Glosa Display';
    src: url("font/GlosaDisplay-Bold.otf");
}
@font-face {
    font-family: 'Glosa Display Medium';
    src: url ("font/GlosaDisplay-Medium.otf");
}*/

/* Firme BooK */
        @font-face {
        font-family: 'Firme-Book';
        src: url('../Expresso_WebFonts/Firme-Book.eot');
        src: url('../Expresso_WebFonts/Firme-Book.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-Book.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-Book.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-Book.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }


 /* Firme-ExtraBold */
        @font-face {
        font-family: 'Firme-ExtraBold';
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot');
        src: url('../Expresso_WebFonts/Firme-ExtraBold.eot#iefix') format('embedded-opentype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.svg') format('svg'),
             url('../Expresso_WebFonts/Firme-ExtraBold.ttf') format('truetype'),
             url('../Expresso_WebFonts/Firme-ExtraBold.woff#reader-font') format('woff');
        font-weight: normal;
        font-style: normal;
        }

/* Links */
a:link {
/*color: #e03969;
font-size: 0.75em;
cursor: pointer;
font-weight: 800;*/

/*text-decoration: none;
background-color: transparent;
cursor: pointer;
color: #029c15;
text-transform: uppercase;
font-size: 0.8em;
font-family: 'Heebo-Medium';
font-weight: 500;
line-height: 1.6;*/

text-decoration: none;
    background-color: transparent;
    cursor: pointer;
    text-transform: uppercase;
    font-size: 0.6em;
    font-family: 'Heebo-Medium';
    font-weight: 500;
    line-height: 1.6;
    color: #FFFFFF;
}


a:visited,
a:active,
a:hover {
color: #FFFFFF;
}

a:hover {
opacity: .8;
}

a.setas {
font-size: 1em;
padding-right: 0.1em;
}


h1 {
font-kerning: normal;
padding-top: 0em;
padding-bottom: 0px;
text-transform: uppercase;
font-weight: 500;
font-size: 2em;
line-height: 1em;
letter-spacing: 0.05em;
color: #FFFFFF;
font-family: 'SamsungSharpSans-Medium';
text-align: center;
}

h2 {
font-kerning: normal;
    font-size: 1.5em;
    font-weight: 500;
    line-height: 1.5;
    letter-spacing: 0.03em;
    text-transform: none;
    padding-top: 1em;
    padding-bottom: 0px;
    color: #FFFFFF;
    font-family: 'Heebo-Regular';
}

/*localização*/
h5 {
	/*font-family: 'Firme-ExtraBold', sans-serif;
    font-kerning: normal;
    font-size: 0.8em;
    font-weight:900;
    line-height: 0.5;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    padding-top: 0em;
    padding-bottom: 0px;
    color:#bcbcbc;*/
    
    /*font-family: 'Firme-ExtraBold', sans-serif;
    font-kerning: normal;
    font-size: 1.3em;
    font-weight: 900;
    line-height: 0.5;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    padding-top: 2em;
    padding-bottom: 0px;
    color: #969696;*/

    font-kerning: normal;
    font-size: 1.3em;
    font-weight: 500;
    line-height: 1.5em;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    font-family: 'SamsungSharpSans-Medium';
        padding-bottom: 0.8em;
    padding-top: 0.6em;
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 0;

}

/*dia*/
h3 {
font-kerning: normal;
font-weight: 900;
line-height: 0.5;
letter-spacing: 0.075em;
text-transform: uppercase;
color: #FFFFFF;
font-family: 'Heebo-Medium';
padding-top: 2em;
padding-bottom: 0em;
font-size: 1em;
}

p {
/*font-family: 'Firme-Book', sans-serif;
font-kerning: normal;
font-size: 2em;
font-weight:500;
line-height: 1.35;
letter-spacing: 0.02em;
text-transform: none;
color:#33414e;*/

font-family: 'Heebo-Medium', sans-serif;
font-kerning: normal;
font-size: 1.35em;
font-weight: 500;
line-height: 1.6;
text-transform: none;
color: #FFFFFF;
font-family: 'Heebo-Regular';
margin-top: 0;
}

p.artigo {
margin: 0;
padding-top: 0.5em;
}

p a.diaper {
color: #e4ac0f;
}



#map {
    top:0; 
    height: 100vh;
    width:100vw;
    position: fixed;
    z-index: -5;
}
#header {
  /* margin: 3vh auto;
    width: 90vw;
    padding-top: 4vh;
    padding-bottom: 4vh;
    padding-left: 4vw;
    padding-right: 4vw;
    text-align: center;
    opacity: 0.9;*/

    margin: 18vh auto;
    width: 51vw;
    padding-top: 3vh;
    padding-bottom: 3vh;
    padding-left: 3vw;
    padding-right: 3vw;
    text-align: center;
    opacity: 0.9;

}
#footer {
    width: 100%;
    min-height: 3vh;
    padding-top: 1vh;
    padding-bottom: 1vh;
    text-align: center;
    line-height: 1em;
    font-size: 0.9em;
}
#features {
    padding-top: 30vh;
    padding-top: 20vh;
    padding-bottom: 10vh;
    z-index: 100;
}
.centered {
    width: 50vw;
    margin: 0 auto;
}
.lefty {
    width: 33vw;
    margin-left: 5vw;
}
.righty {
    width: 33vw;
    margin-left: 62vw;
}
.light {
    color: #33414e;
    background-color: #ededed;
    border-radius: 40px;
}
.dark {
    color: #fafafa;
    background-color: #2b2b2d;
}
.step {
        padding-bottom: 30vh;
        padding-top: 30vh;
    /* margin-bottom: 50vh; */
    opacity: 0.35;
}
.step.active {
    opacity: 0.95;
}

.step div {
   /*  padding:  25px 50px; */
    padding:  10px 30px;
    line-height: 1.3em;
    font-size: 1.1em;
    letter-spacing: 0.055em;
    user-select: none;
}

.step img {
    width: 100%;
}

@media only screen and (max-width : 834px) {
#header {
width: 80vw;
}

.step div {
width: 39vw;
}

}

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

.step div {
width: 41vw;
}

}


@media (max-width: 750px) {
    #features {
        width: 90vw;
        width: 90vw;
        margin: 0 auto;
    }
}


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

.step div {
width: 44vw;
}

}


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

.step div {
width: 53vw;
}

}


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

.step div {
width: 31em;
}

}


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

.step div {
width: 31em;
}

}




@media (max-width : 375px){
.step div {
width: 30em;
}

}