/* #####################################

########################################



	Theme name: Mastersul

	Theme URI: https://mastersul.com.br

	Description: Este tema foi desenvolvido exclusivamente para a Mastersul.



	Code: Gabriel Amarante // https://gabrielfreelancer.com.br

	Author: Visuality

	Author URI: https://visuality.com.br



	Version: MK.07.2022



########################################

##################################### */



@import "assets/css/style.css";

.home #blog .box-post-preview {
	min-height: 445px;
	transition: .3s;
}
.home #blog .box-post-preview .item-info {
	height: 290px;
	transition: .3s;
}
.home #blog .box-post-preview:hover .item-info {
	height: 290px;
}
.home #blog .box-post-preview .item-info h3 {
	font-size: 22px;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
}
.home #blog .box-post-preview .item-info a {
	transition: 0;
}


.home #banner .slide-item {
	width: 100%;
}
.home #banner .slide-item img {
	width: 100%;
	height: calc(100vh - 107px);
	object-fit: cover;
}
@media (max-width: 1080px) {
	.home #banner .slide-item img {
		width: 100%;
		height: initial;
	}
}
@media (max-width: 580px) {
	.home #banner .slide-item img {
		height: initial;
	}
}

.home #banner .flickity-page-dots {
	text-align: left;
	width: 15px;
	left: 20px;
	bottom: 50%;
	z-index: 1;
	transform: translateY(50%);
}
.home #banner .flickity-page-dots li {
	width: 12px;
	height: 12px;
	margin: 4px 0;
	transition: .3s;
	opacity: 1;
	border: solid 2px #666;
	background: transparent;
}
.home #banner .flickity-page-dots li.is-selected {
	border-color: #00AEEF;
	background: #00AEEF;
}

.home #conquistas .box-item {
	transition: .5s;
}
.home #conquistas .box-item:hover {
	transform: translateY(-10px);
}
.home #conquistas .box-item img {
	opacity: 1;
	filter: grayscale(0);
}


#newsletter .box-form {
	position: relative;
}
#newsletter .box-form input[type='email'] {
	width: 100%;
}
#newsletter #rd-form-l9ilylda .bricks-form__submit {
	width: 200px;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0;
}
#newsletter #rd-form-l9ilylda .bricks-form__fieldset {
	width: calc(100% - 200px);
	margin: 0 5px 0 0;
}

.page-template-one-for-one #ilustracao .box-image img {
	border-radius: initial;
}

.page-template-one-for-one #video {
	margin: 150px 0;
	padding: 150px 0;
	position: relative;
	border-radius: 160px 0;
	background: linear-gradient(to left, #00AEEF 0%, #236AD4 100%);
}
@media (max-width: 580px) {
	.page-template-one-for-one #video {
		margin: 80px 0;
		padding: 70px 15px;
		border-radius: 60px 0;
	}
}
.page-template-one-for-one #video::before {
	content: '';
	display: inline-block;
	width: 600px;
	max-width: 50vw;
	height: 150px;
	position: absolute;
	top: -149px;
	right: 0;
	border-radius: 150px 0 0 0;
	background: #00AEEF;
}
@media (max-width: 580px) {
	.page-template-one-for-one #video::before {
		height: 80px;
		top: -79px;
		border-radius: 60px 0 0 0;
	}
}
.page-template-one-for-one #video::after {
	content: '';
	display: inline-block;
	width: 600px;
	max-width: 50vw;
	height: 150px;
	position: absolute;
	bottom: -149px;
	left: 0;
	border-radius: 0 0 150px 0;
	background: #F79421;
}
@media (max-width: 580px) {
	.page-template-one-for-one #video::after {
		height: 80px;
		bottom: -79px;
		border-radius: 0 0 60px 0;
	}
}

.page-template-one-for-one #video .box-video {
	width: 100%;
}
@media (max-width: 580px) {
	.page-template-one-for-one #video .box-video {
		margin: 0 0 50px;
	}
}
.page-template-one-for-one #video .box-video iframe {
	width: 100%;
	height: 420px;
	border: solid 25px #fff;
	border-radius: 0 80px 0 80px;
}
@media (max-width: 580px) {
	.page-template-one-for-one #video .box-video iframe {
		height: 260px;
		border: solid 10px #fff;
	}
}

.page-template-one-for-one #video .box-content p {
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	margin: 0 0 15px;
}

.page-template-one-for-one #sobre {
	padding: 100px 0 0;
}
@media (max-width: 580px) {
	.page-template-one-for-one #sobre {
		padding: 50px 0;
	}
}

.page-template-one-for-one #sobre .box-content {
	width: 100%;
}
.page-template-one-for-one #sobre .box-content h1 ,
.page-template-one-for-one #sobre .box-content h2 ,
.page-template-one-for-one #sobre .box-content h3 ,
.page-template-one-for-one #sobre .box-content h4 ,
.page-template-one-for-one #sobre .box-content h5 ,
.page-template-one-for-one #sobre .box-content h6 {
	color: #00A9F7;
	font-size: 26px;
	font-weight: 700;
	margin: 0 0 20px;
}
.page-template-one-for-one #sobre .box-content p {
	color: #8A8C8E;
	line-height: 1.4;
	margin: 0 0 20px;
}
.page-template-one-for-one #sobre .box-content b ,
.page-template-one-for-one #sobre .box-content strong {
	font-weight: 600;
}

.page-template-one-for-one #sobre .box-image {
	margin: 0;
}
@media (max-width: 580px) {
	.page-template-one-for-one #sobre .box-image {
		margin: 50px 0 0;
	}
}
.page-template-one-for-one #sobre .box-image img {
	width: 100%;
}

.page-template-contato #mapa {
	position: relative;
}

.page-template-contato #mapa .box-mapa iframe {
	width: 100%;
	height: 600px;
	margin: 0 0 -5px;
	filter: grayscale(1);
}
@media (max-width: 580px) {
	.page-template-contato #mapa .box-mapa iframe {
		height: 400px;
		border-radius: 0;
	}
}

.page-template-contato #mapa .box-contain {
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	transform: translateY(-50%);
}
@media (max-width: 580px) {
	.page-template-contato #mapa .box-contain {
		margin: 0 0 -50px;
		position: relative;
		top: initial;
		left: initial;
		transform: initial;
	}
}

.page-template-contato #mapa .box-content {
	width: 100%;
	padding: 90px 50px 90px 100px;
	position: relative;
	border-radius: 200px 0 0 0;
	background: #FF6600;
}
@media (max-width: 580px) {
	.page-template-contato #mapa .box-content {
		width: 85vw;
		margin: 0 auto;
		padding: 60px;
		border-radius: 90px 0 0 0;
	}
}
.page-template-contato #mapa .box-content::after {
	content: '';
	display: block;
	width: 218px;
	height: 154px;
	position: absolute;
	bottom: -20px;
	right: -20px;
	background: url('assets/images/bg/contato-borda.png') no-repeat center center;
}
.page-template-contato #mapa .box-content h2 {
	color: #fff;
	font-size: 34px;
	font-weight: 700;
	margin: 0 0 25px;
}
.page-template-contato #mapa .box-content p {
	color: #fff;
	font-size: 18px;
	line-height: 1.6;
	margin: 0;
}

.page-template-contato #conteudo {
	padding: 80px 0 200px;
}

.page-template-contato #conteudo .box-header {
	text-align: center;
	max-width: 650px;
	margin: 0 auto 50px;
}
.page-template-contato #conteudo .box-header h2 {
	color: #00A9F7;
	font-size: 40px;
	font-weight: 700;
}

.page-template-contato #conteudo .box-form {
	text-align: center;
	max-width: 650px;
	margin: 0 auto;
}
.page-template-contato #conteudo .box-form input ,
.page-template-contato #conteudo .box-form textarea {
	border: none;
	background: #f1f1f1;
}

.page-template-contato #conteudo .box-form .wpcf7-list-item {
	display: block;
	width: 100%;
}
.page-template-contato #conteudo .box-form label {
	text-align: left;
	display: block;
	width: 100%;
}
.page-template-contato #conteudo .box-form input[type='checkbox'] {
	width: 16px;
	height: 16px;
	margin: 0 4px 0 0;
}

#header.header-fixed {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	opacity: 0;
	transition: .3s;
}
#header.header-fixed.ativo {
	z-index: 9;
	opacity: 1;
}

.blog #conteudo .box-post-preview h3 {
	min-height: 50px;
}
.blog #conteudo .box-post-preview p {
	font-size: 14px;
	line-height: 1.6;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
	overflow: hidden;
}

.blog #conteudo .box-more {
	text-align: center;
	margin: 0 0 50px;
}
.blog #conteudo .box-more a {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	display: inline-block;
	padding: 12px 50px 12px 30px;
	position: relative;
	border: none;
	border-bottom-left-radius: 15px;
	border-top-right-radius: 15px;
	background: linear-gradient(90deg, #00aeef 0%, #236ad4 100%);
	background: linear-gradient(90deg, #f79421 0%, #f60 100%);
}
.blog #conteudo .box-more a:hover ,
.blog #conteudo .box-more a:focus ,
.blog #conteudo .box-more a:active {
	outline: none;
	box-shadow: none;
}

@media (max-width: 1400px) {
	.home #onde-estamos .box-contain {
		width: calc(50% + 180px);
	}
	.page-template-one-for-one #alimentacao .box-content {
		padding: 0 50px 0 0;
	}

	.single-blog #capa.direita .box-content h1 ,
	.single-post #capa.direita .box-content h1 {
		max-width: 500px;
	}
	.single-blog #capa.direita .box-content h1 ,
	.single-post #capa.direita .box-content h1 {
		font-size: 45px;
	}
}

@media (max-width: 800px) {
	.home #conquistas .box-item {
		margin: 0 0 40px;
	}

	.home #do-seu-jeito .box-content h2 {
		font-size: 35px;
		line-height: 1.3;
	}

	.home #do-seu-jeito {
		min-height: initial;
		padding: 70px 0;
		background-size: auto 100%;
	}
	.home #do-seu-jeito .box-content {
		transform: initial;
	}

	.home #sucesso .box-item {
		height: calc(100% - 40px);
		margin: 0 0 40px;
	}

	.home #onde-estamos {
		background: #236ad4;
	}

	.home #onde-estamos .box-contain {
		width: calc(50% + 60px);
	}

	.home #onde-estamos .box-info h2 {
		font-size: 40px;
	}
	.home #onde-estamos .box-info p {
		font-size: 28px;
	}

	.home #conexoes .box-content h2 {
		font-size: 30px;
	}

	.home #conexoes .item-info h3 {
		font-size: 14px;
	}

	.box-post-preview .item-image img {
		height: 200px;
	}
	.home #blog .box-post-preview .item-info {
		padding: 120px 20px 30px;
	}
	.home #blog .box-post-preview .item-info h3 {
		font-size: 20px;
	}
	.home #blog .box-post-preview .item-info p.info {
		font-size: 14px;
	}

	.page-template-sobre #introducao .box-header h1 {
		font-size: 50px;
		padding: 50px 0 0;
	}
	.page-template-sobre #fazemos .box-header h2 {
		font-size: 45px;
	}

	.page-template-sobre #vantagens .box-image {
		width: calc(50vw - 100px);
	}

	.page-template-sobre #conselho .box-header h2 {
		font-size: 40px;
	}

	.single-servico #more .box-chat {
		padding: 0 20px 0 0;
	}
	.single-servico #more .box-chat p {
		font-size: 15px;
	}

	.single-servico #more .box-service-item ul li:first-child {
		width: 60px;
	}
	.single-servico #more .box-service-item img {
		width: 45px;
	}
	.single-servico #more .box-service-item p {
		font-size: 15px;
	}

	#capa.direita .box-content h1 {
		font-size: 50px;
		max-width: calc(50% - 60px);
	}

	.page-template-one-for-one #alimentacao .box-content {
		margin: 0 0 50px;
		padding: 0;
	}

	.page-template-saude-e-meio-ambiente #capa .box-content h1 {
		font-size: 40px;
	}
	.page-template-saude-e-meio-ambiente #capa .box-content p ,
	.page-template-acoes-que-mudaram-vidas #capa .box-content p {
		font-size: 30px;
	}

	.page-template-saude-e-meio-ambiente #download {
		height: initial;
		padding: 180px 0 120px;
		background-size: auto 100%;
	}

	#veja-tambem .box-post-preview {
		margin: 0 0 50px;
	}

	.box-post-preview .item-image img {
		width: 100%;
	}
	.box-post-preview .item-image:before {
		border-radius: 0 100px 0 0;
	}

	.box-post-preview .item-info h3 {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}
	.box-post-preview .item-info p {
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 4;
		-webkit-box-orient: vertical;
		overflow: hidden;
	}

	.blog #capa:after, .category #capa:after {
		width: 60vw;
		border-radius: 100px 0;
	}
	.category #capa.direita .box-image img, .blog #capa.direita .box-image img {
		border-radius: 0 100px 100px 0;
	}

	.blog #capa.direita .box-content h1, .category #capa.direita .box-content h1 {
		font-size: 80px;
	}

	.blog #destaque .box-first {
		margin: 0 0 60px;
	}

	.single-blog #capa.direita .box-image img, .single-post #capa.direita .box-image img {
		border-radius: 0 150px 150px 0;
	}
	.single-blog #capa.direita .box-content h1, .single-post #capa.direita .box-content h1 {
		font-size: 40px;
	}
	#capa.direita .box-content a {
		font-size: 25px;
	}
	#capa:after {
		border-radius: 150px 0;
	}

	.post-type-archive-ebook #capa:after {
		width: 54vw;
		border-radius: 80px 0;
	}
	.post-type-archive-ebook #capa.direita .box-content h1 {
		font-size: 80px;
	}

	#capa.direita:after {
		width: 60vw;
	}

	.page-template-faca-sua-cotacao #capa.direita .box-content h1, .page-template-contato #capa.direita .box-content h1 {
		font-size: 60px;
	}

	#mobile .box-contain {
		max-width: 400px;
	}
}

@media (max-width: 580px) {
	#capa.direita:after {
		width: 100%;
		height: calc(100% - 200px);
		border-radius: 80px 0 0;
	}
	.single-blog #capa.direita .box-image ,
	.single-post #capa.direita .box-image {
		display: block !important;
		width: 100%;
		height: 200px;
	}
	.single-blog #capa.direita .box-image img ,
	.single-post #capa.direita .box-image img {
		width: 100%;
		height: 100%;
		border-radius: 0;
		object-fit: cover;
	}


	.page-template-one-for-one #alimentacao .box-content {
		padding: 0;
	}
	#newsletter .box-info p {
		text-align: center;
	}

	#newsletter #rd-form-l9ilylda .bricks-form__fieldset {
		width: 100%;
		margin: 0;
	}
	#newsletter #rd-form-l9ilylda .bricks-form__fieldset input {
		text-align: center;
	}
	#newsletter #rd-form-l9ilylda .bricks-form__submit {
		width: 100%;
		position: relative;
		top: initial;
		right: initial;
	}
	#newsletter .box-form button {
		font-size: 14px;
		width: 100%;
		padding: 0;
		position: relative;
	}

	#footer .box-social ,
	#footer .box-info ,
	#footer .box-link ,
	#footer .box-address-item ,
	#footer .box-logo {
		text-align: center;
	}
	#footer .box-social a:last-child {
		margin: 0;
	}
	#footer .box-address-item ul {
		text-align: left;
		max-width: 200px;
		width: initial;
		margin: 0 auto 10px;
	}
}


@media (max-width: 580px) {
	.home #onde-estamos .box-contain {
		width: 100%;
	}
	.home #onde-estamos {
		background: #236ad4;
	}
}