/* Benefícios */

.mod-beneficios .box {
	background: var(--cor-cinza);
	border: 0;
	border-radius: 10px;
	color: #FFF;
	margin-bottom: 20px;
	/*outline: 1px solid var(--cor-primaria-0);*/
	padding: 20px;
	text-align: center;
}
.mod-beneficios .box h3 {
	color: var(--cor-primaria-0);
	width: 100%;
}

/* Serviços */
.mod-servicos {
	text-align: center;
}
.mod-servicos h2 {
	color: #fff;
}
.mod-servicos img {
	padding-bottom: 15px;
	padding-top: 25px;
}
.mod-servicos h3 {
	color: #FBC92B;
	font-size: 1.2rem;
}

/* Vídeo */
.mod-video {
	background: var(--cor-preto);
	color: #000;
}
.mod-video video {
	width: 100%;
}
.mod-video p {
	text-align: center;
}

/* Números */
.mod-numeros {
	background: #131313;
	color: #FFF;
	text-align: center;
}
.mod-numeros .box {
	padding-bottom: 2rem;
}
.mod-numeros .box h2 .text-big {
	color: var(--cor-primaria-0);
	font-size: 2.25rem;
}

/* Como funciona */
.mod-como-funciona {
	color: #fff;
}
.mod-como-funciona .step-line {
	display: none;
}
.mod-como-funciona h2 {
	padding-left: 0;
	padding-right: 0;
}
.mod-como-funciona .box {
	padding-bottom: 40px;
}
.mod-como-funciona .i-container {
	padding-bottom: 20px;
}
.mod-como-funciona .i-container span {
	align-items: center;
	background: var(--cor-primaria-0);
	border: 0;
	border-radius: 100px;
	color: #000;
	display: flex;
	font-size: 1.75rem;
	height: 55px;
	justify-content: center;
	margin: 0 auto;
	width: 55px
}
.mod-como-funciona p {
	text-align: center;
}
.mod-como-funciona div.w-100 {
	height: 55px;
	padding: 10px 0;
}
.mod-como-funciona .last-item {
	padding-bottom: 0;
}

/* Vantagens */
.mod-vantagens {
	color: #FFF;
}
.mod-vantagens ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.mod-vantagens ul  li {
    display: flex;
	padding-bottom: 20px
}
.mod-vantagens ul li svg {
    color: var(--cor-primaria-0);
    margin-right: 15px;
}

/* Desconto */
.mod-desconto {
    background: #9C2100;
    text-align: center;
}
.mod-desconto h2 {
	padding-bottom: 0;
    text-align: center;
}
.mod-desconto ul {
    padding: 0 15px;
    padding-bottom: 1rem;
}
.mod-desconto ul li {
    list-style: disc;
    font-size: 1rem;
    padding-top: 7px;
}
.mod-desconto ul li svg {
    color: #FBC92B;
    display: none;
    margin-right: 7px;
}
.mod-desconto p {
	font-size: 0.75rem;
    margin: 0;
    text-align: center;
    width: 100% !important;
}

/* Segmentos */
.mod-segmentos {
    color: #FFF; 
    padding: 3.5rem 15px;
    width: 100%;
}
.mod-segmentos h2 {
    text-align: center;
}
.mod-segmentos ul {
	font-size: 1rem;
	margin-bottom: 0;
}
.mod-segmentos ul li {
	line-height: 1.75rem;
}

/* Clientes */
.mod-clientes {
	background: var(--cor-preto);
	text-align: center;
}
.mod-clientes h2 {
 	color: #FFF;
 	margin: 0 auto;
 	padding-bottom: 2rem;
 }
 .mod-clientes ul {
 	list-style: none;
 	padding: 0;
 }
 .mod-clientes ul li {
 	background: #FFF;
 	display: inline-block;
 	margin-bottom: 5px;
 	padding: 40px 0;
 	width: 45%;
 }
 .mod-clientes ul li img {
 	max-width: 100%;
 }

/* Área de atuação */
 .mod-area-atuacao {
 	display: none !important;
    background: url(../img/bn-area-atuacao.jpg) no-repeat center center;
    background-size: cover;
    color: #fff;
    text-align: center;
}
.mod-area-atuacao ul {
	font-size: 1rem;
    list-style: none;
    padding: 0;
}

.mod-cta {
 	background: url(../img/bg-seguranca-residencial.jpg) no-repeat center center;
 	background-size: cover;
 	color: #FFF;
 	padding: 3.5rem 0;
 	text-align: center;
}
.mod-cta h3 {
 	margin: 0 auto;
 	padding-bottom: 2rem;
 	text-transform: uppercase;
}

/* Depoimentos */
.depoimentos {
	display: none;
}

/* Sobre */
.mod-sobre {
	background-color: #000;
	color: #FFF;
    text-align: left;
    width: 100%;
}
.mod-sobre .img-sobre {
	padding-bottom: 15px;
}
.mod-sobre .img-sobre img {
	display: block;
	margin: 0 auto;
	position: relative;
	max-width: 90%;
}

/* Região */

main .mod-regiao {
	background: var(--cor-cinza);
	color: #FFF;
}
main .mod-regiao img {
	display: block;
	margin: 0 auto;
	position: relative;
}

/* Contato */
.mod-contato {
    background: #FBC92B;
    color: #000;
    width: 100%;
}
.mod-contato .container {
	min-width: 100%;
    width: 100%;
}
.mod-contato .col {
    height: 1px;
}
.mod-contato h3 {
    color:#000;
    font-size: 1.2rem;
    font-weight: bold;
    padding: 0 0 1.75% 0;
    text-align:center;
    text-transform: none;
}
.mod-contato h3 small {
	display: block;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.mod-contato h3 span.icon {
    display: inline-block;
}
.mod-contato h3 svg {
	color: #FBC92B;
    font-size: 1rem;
}
.mod-contato form {
	background: #FFF;
	border: 0;
	border-radius: 8px;
	color: #000;
	font-size: 1rem;
	padding: 15px;
}
.mod-contato form .info-details {
	color: #fff;
	font-size: 0.9rem;
}
.mod-contato form fieldset {
	border: 1px solid #DEDEDE;
	padding: 8px 10px;
}
.mod-contato form fieldset legend {
	font-size: 0.85rem;
	padding: 0 10px;
	text-align: center;
	width: auto;
}
.mod-contato form .action {
	padding-top: 20px; 
	text-align: center;
}
.mod-contato form button {
    background: var(--cor-cta) !important;
    border-color: var(--cor-cta);
    box-shadow: 0 5px 0 #C63300;
    color: #FFF;
    font-size: 1rem;
    font-weight: bold;
	padding: 10px 15px;
	text-shadow: 1px 1px 0 #000;
	text-transform: uppercase;
    width: 100%;
}
.mod-contato form button:hover {
	background: var(--cor-cta-hover) !important;
	border-color: var(--cor-cta-hover);
	box-shadow: 0 5px 0 var(--cor-cta-hover) ;
}

@media (min-width: 576px) {
	.mod-como-funciona ul li {
		height: 240px;
		margin: 0 auto;
		width: 569px;
	}
    .mod-segmentos ul li {
    	font-size: 1.5rem;
    }
    .mod-clientes ul li {
		margin-bottom: 3px;
		max-width: 24%;
	}
    .mod-contato {
        display: flex;
    }
    .mod-contato form fieldset {
    	padding: 10px 25px;
    }
    .mod-contato form .local input {
    	margin-bottom: 0;
    }
    .mod-contato .container .col {
        height: auto;
    }
    .mod-contato form .action {
    	text-align: left;
    }
} /* 576px */

@media (min-width: 768px) {
	.mod-video p {
		padding-bottom: 1rem;
	}
	.mod-numeros h3 {
		font-size: 2.5rem;
	}
	.mod-mais-seguranca {
		background: url(../img/mais-seguranca-992.jpg) no-repeat center top;
		background-attachment: fixed;
		/*background-size: cover;*/
	}
	.mod-mais-seguranca img {
		margin: 20px auto 15px;
	}
	.mod-mais-seguranca p {
		overflow: hidden;
		padding: 0 4rem;
		padding-bottom: 1rem;
	}
	.mod-valor-inicial h3, .mod-valor-inicial .valor {
		font-size: 2.75rem;
	}
	.mod-valor-inicial p {
		font-size: 2rem;
	}
	.mod-como-funciona ul li {
		align-items: end;
		float: left;
		font-size: 1.2rem;
		height: 225px;
		width: 50%;
	}
	.mod-como-funciona ul li span {
		bottom: 20px;
		transform: rotate(0deg);
	}
	.mod-segmentos ul li {
		line-height: 2.5rem;
	}
	.mod-sobre {
		background: #000 url(./img/homem-seguranca-braforte-bg-preto.webp) no-repeat 85% bottom fixed;
        padding: 7rem 0;
    }
    .mod-sobre h2 {
        text-align: left;
    }
    .mod-area-atuacao ul {
        float: left;
        font-size: 1.2rem;
        overflow: hidden;
        width: 32%;
    }
    .mod-tempo-real {
 		padding: 9rem 0;
 	}
 	.mod-tempo-real img {
 		max-width: none;
 		padding-bottom: 2rem;
 	}
 	.mod-clientes h3 {
 		max-width: 85%;
 	}
    .mod-cta {
 		background: url(../img/bg-seguranca-residencial.jpg) no-repeat center center;
 		background-size: auto;
 		padding: 9rem 0;
 	}
 	.mod-cta h3 {
 		max-width: 60%;
 		padding-bottom: 2rem;
 	}
 	.mod-contato h3 {
 		font-size: 2.5rem;
 	}
 	.mod-contato h3 svg {
 		font-size: 1.75rem;
 	}
} /* 768px */

@media (min-width: 992px) {
	main h2 {
		font-size:2.4rem;
		font-weight: normal;
	}
	.mod-video h2 {
		padding: 0 0 20px;
	}
	.mod-mais-seguranca {
		background: url(../img/mais-seguranca-1366.jpg) no-repeat top center;
		background-attachment: fixed;
		/*background-size: cover;*/
	}
	.mod-mais-seguranca img {
		display: none;
	}
	.mod-como-funciona ul li {
		width: 25%;
	}
	.mod-tempo-real h2 {
 		margin: 0 auto;
 		max-width: 90%;
 	}
 	.mod-clientes h3 {
 		max-width: none;
 	}
 	.mod-clientes ul li {
		max-width: 20%;
	}
} /* 992px */

@media (min-width: 1200px) {
	.mod-beneficios .box {
		font-size: 1.5rem;
		height: 230px;
		height: 100%;
		margin-bottom: 0;
	}
	.mod-beneficios .box h3 {
		font-weight: bold;
		padding: 10px 0;
	}
	.mod-como-funciona .container {
		position: relative;
	}
	.mod-como-funciona .step-line {
		background: var(--cor-primaria-0);
		display: block;
		height: 1100px;
		left: 42px;
		padding: 0;
		position: absolute;
		top: 10rem;
		width: 1px;
		z-index: -1;
	}
	.mod-como-funciona .i-container {
		float: left;
	}
	.mod-como-funciona .text-container {
		overflow: hidden;
		padding: 0 40px 0 25px;
		text-align: left;
	}
	.mod-como-funciona .text-container h2, .mod-como-funciona p {
		text-align: left;
	}
	.mod-como-funciona div.w-100 {
		height: 70px;
	}
	.mod-vantagens ul  li {
		font-size: 1.5rem;
	}
	.mod-numeros .box {
		padding-bottom: 0;
	}
	.mod-numeros .box h2 {
		padding-bottom: 1.5rem;
	}
	.mod-numeros .box h2 .text-big {
		font-size: 3.75rem;
		font-weight: bold;
	}
	.mod-numeros .box h3 {
		font-size: 1.75rem; 
	}
	.mod-sobre .img-sobre {
		display: none;
	}
	main .mod-regiao img {
		max-width: 75%;
	}
	.mod-clientes ul li {
		width: 20%;
	}
	main .mod-desconto {
		padding: 3rem;
	}
	.mod-contato form button {
		font-size: 1.3rem;
		padding: 15px;
	}
} /* 1200 */