/* Fontes */
@font-face {
font-family: 'D-DIN Condensed DINCondensed-Bold';
font-style: normal;
font-weight: normal;
src: local('../fonts/D-DIN Condensed DINCondensed-Bold'), url('../fonts/D-DINCondensed-Bold.woff') format('woff');
}
@font-face {
font-family: 'D-DIN Condensed Regular';
font-style: normal;
font-weight: normal;
src: local('../fonts/D-DIN Condensed Regular'), url('../fonts/D-DINCondensed.woff') format('woff');
}
.d-din-condensed-regular{
font-family: 'D-DIN Condensed Regular';
}
.d-din-condensed-bold{
font-family: 'D-DIN Condensed DINCondensed-Bold';
}

body{
font-family: 'Roboto', sans-serif;
color:#000;
}
.font-size-22{
font-size:22px;
}
.font-size-30{font-size: 24px;}
.title-yellow{
	color:#F7C253;
}
.title-red{
color:#E81C24;
}
.title-purple{
color:#8E278B;
}
.bg-gray{
background:#3B3B3A;	
}
.bg-yellow{
	background:#F7C253;
}
.centraliza{
	margin:0 auto;
	display:block;
}
#banner-home{
	background-size:100%;
	height:100vh;
	background-repeat:no-repeat;
}
#logo{
	width: 39%;
    margin: auto;
    display: block;
    position: relative;
    top: 35%;
}
/* menu */
.navbar-light .navbar-nav .active>.nav-link{
color:#8E278B !important;	
}
.menu-rec{
	margin-top: 10px;
	font-size: 20px;
	float: right;
	margin-right: 144px;
}
/*Sobre o estudio*/
#sobre-estudio h3 {
    font-size: 80px;
}
#sobre-estudio{
	background:url(../images/bg-home-ppt.png)top left;
	background-size:contain;
	background-repeat:no-repeat;
}
#sobre-estudio h4{
	font-size:35px;
}
/* como funciona estudio */
#como-funciona h3{
	font-size: 72px;
}
#como-funciona{
    background-position: top right, 100% 89%;
    background-size: 50%, 23%;
    background-repeat: no-repeat, no-repeat;
}
.svg-position{
	margin-top:20px;
}
.destaque-text{
	font-size: 80px;
}
.saiba-mais-yellow {
    font-size: 29px;
    border: 1px solid;
    padding: 5px 35px 5px 35px;
    border-radius: 10px;
}
.saiba-mais-yellow:hover{
	background:#E81C24;
	border: 1px solid #E81C24;
	color:#fff;
}
#passo-02{
	margin-top: 40px;
}
/* Como funciona o Mobi */
#como-funciona-mobi h3{
	font-size: 72px;
}
.saiba-mais-red {
    font-size: 29px;
    border: 1px solid #E81C24;
    padding: 5px 35px 5px 35px;
    border-radius: 10px;
    margin-right: 50px;
}
.saiba-mais-red:hover{
	background:#F7C253;
	border: 1px solid #F7C253;
	color:#fff;
}
#como-funciona-mobi{
	background-repeat:no-repeat;
	background-size: contain;
}
#mobi-fts{
	margin:0 auto;
	display:block;
}
/* Alerta covid */
#cuidado-covid {
    background: url(../images/bg-covid.svg), url(../images/bg_covid_back.png);
    height: 100vh;
    background-repeat: no-repeat;
    background-size: 85%, contain;
    background-position: top right, top left;
}
#cuidado-covid h3 {
    font-size: 75px;
    margin-top: 0;
}
#cuidado-covid svg{
	width:90%;
}
.circulo {
    width: 180px;
    height: 180px;
    border-radius: 50%;
    border: solid 3px #fff;
}
.circulo p{
	padding-top: 1.5em;
	font-size: 21px;
}
#circle-red{
width: 23%;
    float: right;
    margin-right: 45px;
}
/* footer */
footer{
	background:#000000;
}
#instagram{
	margin-right:10px;
}
.first-item{
	color:#F7C253;
	font-family: 'D-DIN Condensed DINCondensed-Bold';
	font-size: 20px;
}
.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1);
}
.fa-3x {
    font-size: 1.4em;
	height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
	display: inline-block;
}
.top-barraFooter{
	position:relative;
	top:3px;	
}
.svg-inline--fa {
    display: inline-block;
    font-size: inherit;
    height: 1em;
    overflow: visible;
    vertical-align: -0.125em;
}
.fa-flip-horizontal {
    -webkit-transform: scale(-1,1);
    transform: scale(-1,1);
}
/* Page estudio */
#estudio header{
	background:url(../images/banner-estudio.webp)top center;
	height: 79vh;
	background-size: auto;
}
#estudio-rec h3 {
    font-size: 70px;
}
#estudio-rec h3 span{
	font-size:60px;
}
#estudio #estudio-rec{
	background: url(../images/bg-lateral-studio-01.webp)top left, url(../images/icon-lateral.svg)100% 30%;
	background-repeat:no-repeat;
	background-size: 56%, 3.5%;
}
#planta-01{
	margin-right:3%;
}
#planta-estudio{
	background: url(../images/bg-page-estudio.webp) top right #F3F3F3;
	background-size:contain;
	background-repeat:no-repeat;
}
#planta-estudio h3{
	font-size: 80px;
}
#backoffice h3{
	font-size: 50px;	
}
/* Page Mobi */
#mobi header{
	background:url(../images/bg-mobi.webp)top center;
	height: 79vh;
	background-size: auto;
}
#sobre-mobi h3 {
    font-size: 90px;
	margin-top: 34px;
}
#sobre-mobi h4{
	font-size:60px;
}
#cubo{
    width: 22%;
    margin: 0 auto;
    display: block;
    padding-top: 20px;
}
.bg-red{
	background:#E81C24;
}
#fto-mobi-2{
	position: relative;
    top: 60px;
    z-index: 99;	
}
#fto-mobi-3{
	position: relative;
	top: -54px;
	z-index: 99;
}
#fto-mobi-4 {
    position: relative;
    top: 64px;
    z-index: 99;
}
#fto-mobi-5 {
    position: relative;
    top: -46px;
}
/* Page Contato */
#contato header{
	background:url(../images/banner-contato.webp)top center;
	height: 79vh;
	background-size: 100%;
	background-repeat:no-repeat;
}
#logo-contato{
	margin: auto;
    top: 30%;
    display: block;
    position: relative;
}
#contato h3{
	font-size:70px;
}
#formulario input, #formulario textarea {
    background: #EFE9DF;
    color: #5D5D5D;
    font-size: 13px;
    font-style: italic;
    border: none;
    padding: 22px;
}
#formulario .btn-form-rodape {
    background: #FFB000;
    border-radius: 15px;
    font-style: normal;
    padding: 4px 40px 4px 40px;
    float: right;
    font-size: 20px;
    -webkit-box-shadow: 0px 3px 10px 0px rgba(192, 182, 192, 1);
}
#formulario-contato{
	background:url(../images/bg-contato-alterado.png) top left;
	background-size: contain;
	background-repeat:no-repeat;
	height: 100vh;
}
@media (max-width: 768px){
	#banner-home{
		background: url(../images/home-mobile.png)top center;
		background-repeat:no-repeat;
	}
	#logo{
		width:80%;
		top:36%;
	}
	#sobre-estudio {
    background: #363635;
}
	#sobre-estudio h3 {
		color:#fff;
	}
	#sobre-estudio p{
		color:#fff;
	}
	.bg-mobile-estudio{
		background:#F7C253;
	}
	#como-funciona{
		background:none;
	}
	#como-funciona h3 {
    font-size: 60px;
}
	#cuidado-covid {
    background: #363635;
}
#formulario-contato{
	background:none;
}
#estudio-rec h3 {
    font-size: 46px;
}
#contato header{
	background-size:cover;
}
#logo-contato {
    top: 34%;
    width: 75%;
}
#planta-01{
	width:100%;
}
#cuidado-covid svg{
	width:100%;
}
#cuidado-covid h3 {
    font-size: 69px;
    margin-top: 20px;
}
#como-funciona-mobi{
	background:transparent;
}
#como-funciona-mobi h3 {
    font-size: 60px;
}
#como-funciona svg {
    margin: 0 auto;
    display: block;
}
#como-funciona p{
	text-align:center;
}
.saiba-mais-yellow {
    margin: 0 auto;
    display: block;
}
#como-funciona-mobi {
    text-align: center;
}
.saiba-mais-red {
    margin: 0 auto;
}
#logo-rodape {
    width: 70%;
    margin: 0 auto;
    display: block;
}
.last-item{
	text-align:center;
}
#formulario-contato{
	height:auto;
}
#planta-estudio{
	background: #F3F3F3;;
}
#estudio #estudio-rec{
	background:none;
}
.last-item {
    margin-top: 0px;
}
}
.no-webp .banner{
	background: url(../images/banner-home.png)top center;
}
.webp .banner{
	background: url(../images/banner-home.webp)top center;
}
.no-js .banner{
	background: url(../images/banner-home.png)top center;
}

.no-webp .como-funciona-webp {
	background: url(../images/bg-home-estudio-01.png),url(../images/bg-home-estudio-02.png);
}
.webp .como-funciona-webp{
	background: url(../images/bg-home-estudio-01.webp),url(../images/bg-home-estudio-02.webp);
}
.no-js .como-funciona-webp{
	background: url(../images/bg-home-estudio-01.png),url(../images/bg-home-estudio-02.png);
}

.no-webp .como-funciona-mobi{
	background:url(../images/bg-mobbi.png) top right;
}
.webp .como-funciona-mobi{
	background:url(../images/bg-mobbi.webp) top right;
}
.no-js .como-funciona-mobi{
	background:url(../images/bg-mobbi.png) top right;
}

.no-webp .cuidado-covid{
	background:url(../images/bg_covid_back.png);
}
.webp .cuidado-covid{
	background:url(../images/bg_covid_back.webp);
}
.no-js .cuidado-covid{
	background:url(../images/bg_covid_back.png);
}
.last-item {
    margin-top: 35px;
}
#backoffice {
    background: #F7C253;
}
#logo-rodape {
    margin-top: 20px;
}
.pt-mobi{
	padding-top:3.5rem;
}