/*
Theme Name: Truly Nolen
Theme URI: http://www.proximaweb.com.br
Author: Prowimaweb
Author URI: http://www.proximaweb.com.br
Tema utilizado para a construção do site pronto
Version: 0.4.8
Tags: pw, trulynolen
Text Domain: trulynolen

Tema utilizado para a construção do site pronto

*/

@import url('proximaweb-framework_3.5.css');

#loader-container{
	display:none !important;
}

/* TIPOGRAFIA */

body{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	color: #000;
	overflow-x: hidden;
	padding-top: 128px; /*21-06*/
}

h1, h2, h3, h4, h5, h6 {
	font-weight: 700;
}

h1.titulo-secao{
	font-size: 2.5em;
	text-transform: uppercase;
}

h5 {
	text-decoration: underline;
	text-decoration-color: #bd181b;
	color: #bd181b;
	text-transform: uppercase;
}

/* UTILITÁRIOS */

.grifo::after{
	content:"";
	width: 76px;
	height: 6px;
	background-color: #bd181b;
	margin-top:1em;
	margin-left: auto;
	margin-right: auto;
	margin-bottom:1em;
	display: block;
}

.grifo.amarelo::after{
	background-color: #ffdd21;
}

.divisor{
	width: 76px;
	height: 6px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	border: none;
}

.btn-truly {
	width:100%;
	padding-top: 15px;
	padding-bottom: 15px;
	border: none;
	border-radius: 5px;
	background-color: #222;
	color: #fff;
	transition: background-color .3s;
	cursor: pointer;
}

.btn-truly:hover {
	background-color: #dc1c21;
	color: #fff;
}

/* PALETA DE CORES */


.bg-logo{
	background-image: url('images/bg-truly-nolen.png');
	background-position: top center;
	background-blend-mode: multiply;
}

.bg-orelhas{
	background-image: url('images/bg-orelhas.png');
	background-position: top center;
}

.color-vermelho_escuro {
	color: #bd181b;
}

a.hover-vermelho_escuro:hover {
	color: #bd181b;
}

.bg-vermelho_escuro {
	background-color: #bd181b;
}

.color-vermelho_claro {
	color: #dc1c21;
}

a.hover-vermelho_claro:hover {
	color: #dc1c21;
}

.bg-vermelho_claro {
	background-color: #dc1c21;
}

.color-amarelo {
	color: #ffdd21;
}

a.hover-amarelo:hover {
	color: #ffdd21;
}

.bg-amarelo {
	background-color: #ffdd21;
}

/* MENUS */

ul#menu-principal li a:hover {
		color: #bd181b;
	}

@media (min-width: 1200px){
	ul#menu-principal li a:after {
		content:"|";
		display: inline-block;
		padding: 0 0 0 10px;
		color: #ccc;
	}
	
	ul#menu-principal li:last-child a:after {
		display: none;
	}
}


ul#menu-principal-1 {
	list-style: none;
	margin: 0;
	padding: 0;
	text-transform: none;
	font-size: 1em;
}

ul#menu-principal-1 li {
	display: inline-block;
}

ul#menu-principal-1 li a {
    padding: 5px;
}


li.link-rojo > a,
li.link-rojo > a{
	color: #bd181b; /*06-07*/
}

li.link-rojo > a:hover,
li.link-rojo > a:hover{
	color: #ffdd21; /*06-07*/
}

/* Redes Sociais */

ul.menu-redes-sociais{
	list-style: none;
	margin: 0;
	padding: 0;
}

ul.menu-redes-sociais li{
	margin-right: 10px;
	display: inline-block;
}

ul.menu-redes-sociais li a{
	background: #fff;
	border-radius: 30px;
	display: inline-block;
	width: 20px;
	height: 20px;
	text-align: center;
	font-size: 0.8em;
	transition:background .3s;
	padding-top:1px;
}

ul.menu-redes-sociais li a:hover{
	background: #fff;
}

/* TOP BAR */

#top-bar{
	font-size: .85em;
	font-size: .85em; /*21-06*/
	width: 100%; /*21-06*/
	position: fixed; /*21-06*/
	top: 0; /*21-06*/
	left: 0; /*21-06*/
	z-index: 10; /*21-06*/
}

#cabecalho { 
	background-color: #fff; /*21-06*/
	width: 100%; /*21-06*/
	position: fixed; /*21-06*/
	top: 40px; /*21-06*/
	left: 0; /*21-06*/
	z-index: 10; /*21-06*/
}

a.logo img {
	height: 130px; /*05-07*/
}


@media (min-width:992px){
	a.logo img {
		height: auto; /*21-06*/
	}
}

/* BANNER */


#banner-header{
	height: 420px; /*06-21*/
}

@media (max-width:992px){
	#banner-header{
		height: auto; 
		padding-top: 130px;
	}
	
	.img-fluid-container img{
		max-width: 100%;
		height: auto;
	}
}

.banner-content h1{
	text-transform: uppercase;
	/*font-size: 3.12em;*/
	font-size: 2.4em; /*21-06*/ 
	line-height: 1;
	letter-spacing: -1px;
	color: #bd181b;
	margin-bottom: 1.7em;
}

.banner-content h1 b{
	color: #222;
}


/* LIGUE'S */

.img-ligue img{
	margin-top: -59px;
}

.ligue-header, .ligue-1, .ligue-2{
	font-size:1.4em;
	font-weight: 700;
	text-transform: uppercase;
}

.ligue-header p, .ligue-1 p, .ligue-2 p{
	margin-top:.3em;
	margin-bottom: 0;
}

.ligue-header p::after, .ligue-1 p::after, .ligue-2 p::after{
	content:"";
	width: 76px;
	height: 6px;
	display: block;
}

.ligue-header p::after, .ligue-1 p::after{
	background-color: #bd181b;
}

.ligue-header p::after, .ligue-2 p::after{
	background-color: #ffdd21;
}

.ligue-header b, .ligue-1 b{
	color: #bd181b;
}

.ligue-2 b{
	color: #ffdd21;
}



@media (max-width:992px){
	.ligue-2 {
		font-size:1.5em;
		line-height: 1;
	}
	
	.ligue-2 p::after {
		display: none;
	}
}

/* SOBRE */

.sobre-conteudo p:first-child{
	font-size: 1.5em;
	line-height: 1.2em;
}

/* CONTROLE DE PRAGAS */

.lista-servicos ul{
	list-style: none;
	padding-left: 1.3em;
}

.lista-servicos ul li{
	padding-left: .45em;
	padding-bottom: .45em;
}

.lista-servicos ul li::marker{
	display: inline-block;
	content: "\f00c";
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #89c605;
}

.pragas-conteudo h1{
	text-transform: uppercase;
	font-size: 2.5em;
	letter-spacing: -2px;
	line-height: 1.3;
}

.pragas-conteudo h1::after{
	content:"";
	width: 76px;
	height: 6px;
	background-color: #bd181b;
	margin-top:.75em;
	margin-bottom:1em;
	display: block;
	
}

.box-icones{
	background: #fff;
	padding: 10px;
	border-radius: 50%;
	width: 110px;
	height: 110px;
	display: inline-block;
}


/* IMPORTÂNCIA */

.lista-importancia ul {
	list-style-image:url('images/check-x.png');
	font-size: 1.2em;
	font-weight: 700;
}

.lista-importancia ul li {
	margin-bottom: 20px;
}

/* PQ ESCOLHER */

.linha-pq{
	margin-top: -6px;
}

.linha-pq h3{
	text-transform: uppercase;
}

.divisao-pq{
	color: #ffdd21;
}

.divisao-pq::after{
	content: "";
	height: 250px;
	display: block;
	border-right: 1px solid #ffdd21;
	position: absolute;
	left: 50%;
	top: 6px;
}

.col-container-pq .linha-pq:last-child .divisao-pq::after {
	display: none;
}

/* SLIDER */

#swiper-clientes .swiper-wrapper{
	height: 230px;
}

@media(min-width:768px){
	.swiper-slide{
		width:400px !important;
		padding:0 10px;
	}
}

.swiper-slide img{
	max-width: 100%;
	width: auto;
	height: auto;
	max-height: 100%;
}

#swiper-clientes .swiper-slide-content,
#swiper-tipos .swiper-slide-content,
#swiper-segmentos .swiper-slide-content {
	background-color: #fff;
	padding: 40px 20px;
	width: 100%;
	height: 100%;
}

@media(min-width:768px){
	#swiper-clientes .swiper-slide{
		width:250px !important;
	}
	#swiper-tipos .swiper-slide,
	#swiper-segmentos .swiper-slide{
		width:350px !important;
	}
	
	#swiper-clientes .swiper-slide-content{
		height:230px;
	}
	#swiper-tipos .swiper-slide-content,
	#swiper-segmentos .swiper-slide-content{
		height:300px;
	}
}

#clientes-next.swiper-button-next,
#tipos-next.swiper-button-next,
#segmentos-next.swiper-button-next{
	left:5px;
	right:auto;
	background-image: none;
}

#clientes-prev.swiper-button-prev,
#tipos-prev.swiper-button-prev,
#segmentos-prev.swiper-button-prev{
	right:5px;
	left:auto;
	background-image: none;
}

#clientes-prev.swiper-button-prev, #clientes-next.swiper-button-next,
#tipos-prev.swiper-button-prev, #tipos-next.swiper-button-next,
#segmentos-prev.swiper-button-prev, #segmentos-next.swiper-button-next{
	background-color: #fff;
	width: 35px;
	height: 35px;
	border-radius: 17.5px;
	overflow: hidden;
	background-image: none;
	display: flex;
	align-items: center;
	justify-content: center;
}

#clientes-next.swiper-button-next:after,
#tipos-next.swiper-button-next:after,
#segmentos-next.swiper-button-next:after{
	content: "\f105";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	color: #000;
	display: inline-block;
	font-size:1.1em;
}

#clientes-prev.swiper-button-prev:after,
#tipos-prev.swiper-button-prev:after,
#segmentos-prev.swiper-button-prev:after{
	content: "\f104";
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 900;
	color: #000;
	display: inline-block;
	font-size:1.1em;
}


/* CONTATO */

#contato iframe{
	width: 100%;
	height: 980px; /*21-06*/
	border: none;
	overflow-y: hidden;
}

.btn-contacto {
	background-color: #ffdd21;  /*21-06*/
	color: #000; /*21-06*/
	font-size: 1.25rem; /*21-06*/
	border-radius: 0; /*21-06*/
	width: 100%; /*21-06*/
	padding-right: 1.7em; /* 05/07 */
	position: relative; /* 05/07 */
	/*padding: .375rem 1rem; 21-06*/
}

.btn-contacto:hover {
	background-color: #222; /*21-06*/
	color: #fff; /*21-06*/
}

.btn-contacto::after {
    position: absolute; /* 05/07 */
    right: .7em; /* 05/07 */
    font-family: "Font Awesome 5 Free"; /* 05/07 */
    font-weight: 900; /* 05/07 */
    content: "\f245"; /* 05/07 */
}

.barra-contato {
	height: auto; /*21-06*/
	padding-top: .5em; /*21-06*/
	padding-bottom: 1em; /*21-06*/
}

.barra-contato b {
	display: block; /*21-06*/
}

@media (min-width:992px) {
	.barra-contato {
		height: 150px; /*21-06*/
	}
	.barra-contato b {
		display: inline; /*21-06*/
	}
}

/* RODAPÉ */

#rodape ul.menu-redes-sociais li a {
    background: #fff;
	color: #222;
    border-radius: 30px;
    display: inline-block;
    width: 30px;
    height: 30px;
    text-align: center;
    font-size: 0.9em;
    transition: background .3s;
    padding-top: 4px;
}

#rodape ul.menu-redes-sociais li a:hover {
    background: #ffdd21;
}


/* Animações */

.anima-scroll{
	transition: all .5s;
	transition-delay: .25s;
}

.zoom-in{
	-ms-transform: scale(0); /* IE 9 */
  	-webkit-transform: scale(0); /* Safari 3-8 */
  	transform: scale(0);
}

.zoom-in.animar{
	-ms-transform: scale(1); /* IE 9 */
    -webkit-transform: scale(1); /* Safari 3-8 */
    transform: scale(1);
}

.fade-in{
	opacity: 0;
}

.fade-in.animar{
	opacity: 1;
}


/* This is the end... */