@import url("novo_mobile.css");

*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

@font-face {
	font-family: 'Avenir';
	src: url('../fonts/avenir.otf');
	font-weight: lighter;
    font-style: normal;
}

@font-face {
	font-family: MyriadPro;
	src: url('../fonts/MyriadPro-Regular.otf');
}

html,
body {
	margin: 0;
	height: 100%;
	font-family: 'Avenir';
	background-color: #fff;
	scroll-behavior: smooth;
	font-weight: lighter;
}

.menu-secundario {
	padding: 100px 0 0 0;
	text-align: center;
	font-size: 1rem;
	width: 100%;
	margin: 0 auto;
}

.menu-secundario a {
	color: #000;
	/* padding-bottom: 3px; */
}

.menu-secundario a:hover {
	background-image: url("../img2/bg-menu.png");
	background-repeat: repeat-x;
	background-position: bottom;
	text-decoration: none;
}

.menu-secundario ul li {
	padding-right: 40px;
}

.menu-secundario ul li:last-child {
	padding-right: 0;
}

.menu-contato-inline {
	display: none;
}

/* Home Start */
#home {
	background-color: #000;
	background-position: top center;
	background-repeat: no-repeat;
	height: 100%;
	display: flex;
	/* align-items: center; */
	justify-content: center;
	text-align: center;
}

.logo-principal {
	height: 40%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.logo-principal img {
	height: 100%;
}

.iab_brasil-logo {
	width: 100%;
	height: 30%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding: 100px 200px 0 0;
}

.iab_brasil-logo img {
	width: 120px;
}

.menu-home {
	height: 30%;
}

/* Home Mobile */
@media (max-width: 576px) {
	.logo-principal img {
		width: 300px;
		height: 150px;
		margin-bottom: 40%;
	}

	.iab_brasil-logo {
		padding: 180px 50px 0 0;
	}

	.iab_brasil-logo img {
		width: 80px;
	}
}

/* Home End */


/* Menu Start */

.menu-principal {
	font-size: 1rem;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

.menu-principal a {
	color: #fff;
	padding-bottom: 3px;
}

.menu-principal a:hover {
	background-image: url("../img2/bg-menu.png");
	background-repeat: repeat-x;
	background-position: bottom;
	text-decoration: none;
}

.menu-principal ul li {
	padding-right: 40px;
}

.menu-principal ul li:last-child {
	padding-right: 0;
}

/* Menu End */

/* SAGAS INICIO */
#sagas {
	background-image: url("https://sagapublicidade.com.br/img2/foto-saga.png");
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}

#sagas h2 {
	padding: 60px 0 0 0;
}

#sagas p {
	margin-bottom: 0.5rem;
	font-size: 1.7rem;
}

#sagas-preto {
	background-color: #000;
	color: #d2ccb2 !important;
}

#sagas-preto h2,
#sagas-preto p {
	text-align: right;
	color: #d2ccb2 !important;
}

#sagas-branco h2,
#sagas-branco p {
	text-align: left;
}

#sagas-preto,
#sagas-branco {
	padding-bottom: 50px;
}

.texto-sagas {
	padding-left: 75px;
	background-color: #000;
	background-position: left top;
	background-repeat: repeat-y;
	color: #fff;
}

#sagas .sagas-title {
	height: 15%;
}

#sagas .sagas-text {
	min-height: 70%;
	flex: 1;
}

#sagas .menu-secundario {
	min-height: 20vh;
	margin-bottom: 10px;
	padding: 80px 0 0 0;
}

#sagas .menu-secundario ul {
	padding-right: 160px;
}

#sagas .table {
	margin-bottom: 0;
}

#sagas table tr {
	border: 0;
}

#sagas td,
#sagas th {
	border: 0;
}

#sagas th {
	background-color: black;
	color: #ebe9e4;
}

#sagas table thead th {
	font-size: 2rem;
	padding-top: 30px;
}


#sagas table thead th:first-child {
	width: 20%;
	border: 2px solid black;
}

#sagas table thead th:last-child {
	background-color: white;
	color: black;
}

#sagas table tbody th,
#sagas table thead th:first-child {
	text-align: end;
	border-top: 2px solid black;
	border-bottom: 2px solid black;
	border-left: 1px solid black;
	border-right: 1px solid black;
}

#sagas table tbody {
	font-size: 1.2rem;
}

#sagas table tbody th {
	font-weight: lighter;
}

#sagas table tbody td {
	padding-right: 30px;
}

#sagas .intro th,
#sagas .intro td {
	padding-top: 30px;
	padding-bottom: 30px;
}

#sagas .missao th,
#sagas .missao td {
	padding-bottom: 5px;
}

#sagas .visao th,
#sagas .visao td {
	padding-top: 5px;
	padding-bottom: 5px;
}

#sagas .valores th,
#sagas .valores td {
	padding-top: 5px;
	padding-bottom: 40px;
}

#sagas .lista:first-child th,
#sagas .lista:first-child td {
	padding-top: 20px;
	padding-bottom: 5px;
}

#sagas .lista th,
#sagas .lista td {
	padding-top: 10px;
	padding-bottom: 10px;
}

#sagas .lista:last-child th,
#sagas .lista:last-child td {
	padding-top: 5px;
	padding-bottom: 20px;
}

/* SAGAS FIM */

/* AGENCIA INICIO */
#agencia {
	background: url('../img2/Foto_Agência.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 100%;
}

#agencia-img {
	padding-top: 50px;
	padding-right: 100px;
	height: 30vh;
	display: flex;
	justify-content: end;
}

#agencia-img img {
	width: auto;
	height: 100%;
}

#agencia-row {
	height: 40vh;
}

#agencia-box {
	background-color: #000;
	padding: 40px;
	width: 400px;
}

#agencia-box p {
	display: block;
	text-align: center;
	font-size: 1rem;
	color: #dbd6c1;
	margin: 0;
	padding: 0;
}

#agencia .menu-secundario {
	height: 20vh;
}

#agencia .menu-secundario a {
	color: #fff;
}

/* AGENCIA FIM */

/* PORTFOLIO INICIO */
#portfolio {
	background-color: #000;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

#portfolio-img {
	padding-top: 50px;
	padding-right: 100px;
	height: 30vh;
	display: flex;
	justify-content: end;
}

#portfolio-img img {
	width: auto;
	height: 100%;
}

#portfolio .menu-secundario {
	height: 20%;
	padding-top: 30px;
}

#portfolio .menu-secundario a {
	color: #fff;
}

/* PORTFOLIO FIM */

/* PREMIOS INICIO */
#premios-img {
	padding: 80px 10px 40px 10px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#premios-img img {
	width: 35%;
	height: auto;
}

.texto-colorido {
	font-size: 1.2rem;
	text-align: center;
	font-weight: 500;
	line-height: 40px;
	padding: 0 70px;
}

.texto-colorido span {
	background-color: #fff !important;
	padding-left: 10px;
}

.cor-laranja {
	color: #f4743c;
	/* Chinese Orange */
}

.cor-marrom {
	color: #79431c;
	/* Russet */
}

.cor-verde {
	color: #186e44;
	/* Dark Spring Green */
}

.cor-vermelho {
	color: #c92c31;
	/* Persian Red */
}

.cor-azul {
	color: #0f0afc;
	/* Blue */
}

.cor-azul-escuro {
	color: #231973;
	/* St. Patrick's Blue */
}

.cor-azul-claro {
	color: #0d79c5;
	/* Ocean Boat Blue */
}

.cor-rosa {
	color: #ed247f;
	/* Electric Pink */
}

.cor-roxo {
	color: #982b95;
	/* Violet (Crayola) */
}

#premios .menu-secundario {
	height: 20vh;
}

/* PREMIOS FIM */

/* CONTATO INÍCIO */

#contato-branco-img {
	padding-right: 80px;
	max-height: 100%;
}

#contato-branco-img img {
	height: 30vh;
	width: auto;
}

#contato-sem-compromisso p {
	font-size: 1rem;
	color: #d2ccb2 !important;
	text-align: end;
	line-height: 40px;
}

.endereco {
	font-size: 11px;
	padding-top: 10px;

	margin: 0 !important;
	text-align: end;
	float: right;
	color: #ebe9e4 !important;
}

.endereco p {
	margin: 0 !important;
	text-align: end;
	float: right;
	color: #ebe9e4 !important;
}

.contato-preto {
	background-color: #000;
}

.contato-preto .first-div {
	height: 30vh;
}

.contato-preto img {
	width: 410px;
	height: 400px;
	object-fit: cover;
	object-position: 35% 0;
	float: right;
}

.contato-branco {
	background-color: #fff;
}

.contato-box {
	height: 60vh;
	padding-right: 20px;
}

.formulario {
	padding-left: 100px;
	height: 42vh;
}

.formulario h5 {
	font-weight: 600;
}

.formulario input,
.formulario textarea,
.formulario button {
	background-color: #cccccc;
	color: #000 !important;
}

.formulario textarea {
	resize: none;
}

.formulario input::placeholder,
.formulario textarea::placeholder {
	color: #ebe9e4 !important;
}

.formulario input:focus,
.formulario textarea:focus {
	background-color: rgb(227, 227, 227);
}

.formulario input[type="file"] {
	display: none;
}

.formulario label#label-file {
	width: 100%;
	height: 100%;
	background-color: #cccccc;
	color: #ebe9e4 !important;
	display: flex;
	align-items: center;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 0.25rem;
	font-weight: 400;
	padding: 0.375rem 0.75rem;
	font-size: 1rem;
	line-height: 1.5;
}

.contato-preto .menu-secundario,
.contato-branco .menu-secundario {
	height: 10vh;
	display: flex;
	align-items: flex-end;
	margin-bottom: 20px;
	padding-top: 150px;
}

.contato-preto .menu-secundario {
	justify-content: end;
	padding-right: 20px;
}

.contato-branco .menu-secundario {
	justify-content: start;
	padding-left: 20px;
	padding-bottom: 40px
}

.contato-preto .menu-secundario a {
	color: #fff;
}

/* CONTATO FIM */