* {background-size: cover; background-repeat: no-repeat; background-position: center; font-family: 'Montserrat', sans-serif;}

h2 {text-align: center; font-weight: 700; font-size: 32px; margin-top: 50px; margin-bottom: 70px;}
h3 {text-align: center; }
p {font-size: 19px; font-weight: 100;}

.left {text-align: left;}

#logo {width: 246px; height: 176px; background-image: url("../imagens/logo-ass-fundoclaro.png"); margin: auto;}

header {padding: 40px; background-color: #fff;}
section {padding-top: 40px; padding-bottom: 40px;}
section#orcamento {color: #fff; background-color:#26445c; background-image: url("../imagens/fundo_orcamento_mobile.jpg");}
section#invista {color: #fff; background-color: #030303; background-image: url(../imagens/fundo_invista_mobile.jpg); padding-bottom: 950px; background-size: 100%; background-position-y: bottom;}
section#servicos {color: #fff; background-color:#001830;}
section#motivos {color: #fff; background-color:#3f4152; padding-bottom: 0;}
section#segmentos {color: #fff; background-color:#363435;}
section#clientes {color: #525254; background-color:#FFF;}
section#opiniao {color: #fff; background-color:#001830;}
section#facilities {color: #525254; background-color:#FFF;}
footer {padding: 40px; color: #fff; background-color:#001830; text-align: center;}
footer p {font-size: 14px; margin-top: 20px;}

section#invista .orcamento {margin-top:58px;}

.video-responsive {
  text-align: center;
}


@media screen and (max-width: 560px) {
	
	header {
		padding: 10px;
	}	
	footer {
		padding: 20px;
	}	
  .video-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
  }
  .video-responsive iframe {
    left: 0;
    top: 0;
    height: 90%;
    width: 100%;
    position: absolute;
  }
}

.chamada h1 {font-style: italic; font-size: 23px; font-weight: 700;}
.chamada h1 span1 {
    font-size: 41px;
    font-weight: 700;
}
.chamada h1 span {font-size: 43px; font-weight: 700;}
.chamada p {font-weight: 200; font-size: 23px!important; margin-top: 17px; margin-bottom: 17px;}

.chamada ul li{list-style-image: url("../imagens/bullet.png"); font-weight: 100;}

strong200 {font-weight:700;}
.corona {width: 31px; height: 29px; background-image: url("../imagens/covid.png"); margin-top: -47px; margin-left: 255px;}

#selo23anos {width: 114px; height: 90px; background-image: url("../imagens/selo_23anos.png"); margin: auto;}

.seta {display: none;}

#whatsapp {text-align: center; color: #fff; background-color: #e6202d; border: 0; border-radius: 5px; padding: 10px; display: table; margin: auto; font-size: 20px; font-style: italic; font-weight: 600; margin-bottom: 10px;}
#whatsapp div{font-style: normal;
    font-weight: 800;
    background-image: url(../imagens/icn_whatsapp.png);
    background-position: left center;
    background-size: 11%;
    display: table;
    margin: auto;
    padding-left: 22px;
}

#ou {margin: auto;
    display: table;
    text-align: center;
    color: #ffffff;
    background-color: #757674;
    border-radius: 30px;
    padding: 3px;
    font-size: 17px;
    z-index: 99;
    position: relative;
    top: 10px;
    font-style: italic;}

#solicite {width: 255px; height: 168px; text-align: center; color: #fff; background-image: url("../imagens/titulo-orcamento_fundo_mobile.png"); margin: auto; padding-top: 28px; margin-bottom: 15px; margin-top: -10px;}
#solicite h2 {font-size: 32px; font-weight: 800; font-style: italic; margin-top: 0px; margin-bottom: 10px;}
#solicite p {font-size: 12px!important; margin: inherit; font-style: italic;}

form {
    margin-top: 20px;
}

.form-control {height: 50px!important;}

.btEnviar {width: 100%; font-style: normal; font-size: 31px;}

#resultados {display:none; position: fixed; bottom: 0; left: 0; width: 100%;}
#resultados #mensagem {width: 100%; padding: 40px; text-align: center; font-size: 23px;background-color: rgba(0,0,0,0.5); padding: 40px; text-align: center; font-size: 23px;}
#resultados #mensagem.erro {background-color: rgba(208, 0, 0, 0.50);;}
#resultados #mensagem.sucesso {background-color: rgba(58, 157, 5, 0.50);}	


.spam {margin: auto; margin-top: 10px; text-align:center; font-size: 12px;}
.trabalhe {margin: auto; margin-top: 30px; text-align:center; font-style: italic; display: table;}

#ligue {margin: auto; margin-top: 10px; text-align: center; font-size: 21px;}

#orcamento a {color: #fff;}

#invista {color: #fff;}

#abnt .texto {margin-top: 20px;}

#motivos .ilustra {width: 100vw; height: 610px; background-image: url(../imagens/fundo_motivos_mobile.jpg); margin-top: 30px;}

#servicos .thumb {width: 134px; height: 134px; margin: auto;}
#servicos .thumb.servico1 {background-image: url("../imagens/servicos_seguranca-patrimonial.png");}
#servicos .thumb.servico2 {background-image: url("../imagens/servicos_seguranca-pessoal.png");}
#servicos .thumb.servico3 {background-image: url("../imagens/servicos_escolta-armada.png");}
#servicos .thumb.servico4 {background-image: url("../imagens/servicos_seguranca-em-eventos.png");}

#servicos .servicos .block {width: 100%; margin: auto;}
#servicos h3 {text-align: center; margin-top: 10px; margin-bottom: 10px;}
#servicos .servicos p {text-align: center; font-size: 17px; width: 230px; margin: auto;margin-bottom: 40px;}

#segmentos .thumb {width: 102px; height: 111px; margin: auto;}
#segmentos .thumb.segmento1 {background-image: url("../imagens/segmentos_condominios-residenciais.png");}
#segmentos .thumb.segmento2 {background-image: url("../imagens/segmentos_condominios-empresariais.png");}
#segmentos .thumb.segmento3 {background-image: url("../imagens/segmentos_industrias.png");}
#segmentos .thumb.segmento4 {background-image: url("../imagens/segmentos_shoppings.png");}
#segmentos .thumb.segmento5 {background-image: url("../imagens/segmentos_supermercados.png");}
#segmentos .thumb.segmento6 {background-image: url("../imagens/segmentos_hoteis.png");}
#segmentos .thumb.segmento7 {background-image: url("../imagens/segmentos_bancos.png");}
#segmentos .thumb.segmento8 {background-image: url("../imagens/segmentos_clubes.png");}
#segmentos .thumb.segmento9 {background-image: url("../imagens/segmentos_hoteis.png");}
#segmentos .thumb.segmento10 {background-image: url("../imagens/segmentos_hospitais-e-clinicas.png");}
#segmentos .thumb.segmento11 {background-image: url("../imagens/segmentos_escolas-e-universidades.png");}
#segmentos .thumb.segmento12 {background-image: url("../imagens/segmentos_igrejas.png");}
#segmentos .thumb.segmento13 {background-image: url("../imagens/segmentos_teatros-e-arenas.png");}
#segmentos .thumb.segmento14 {background-image: url("../imagens/segmentos_casas-de-festas.png");}
#segmentos .thumb.segmento15 {background-image: url("../imagens/segmentos_postos-de-servicos.png");}
#segmentos .thumb.segmento16 {background-image: url("../imagens/segmentos_empresas-de-transportes.png");}
#segmentos .thumb.segmento17 {background-image: url("../imagens/segmentos_portos.png");}
#segmentos .thumb.segmento18 {background-image: url("../imagens/segmentos_aeroportos.png");}
#segmentos .thumb.segmento19 {background-image: url("../imagens/segmentos_concessionarias.png");}
#segmentos .thumb.segmento20 {background-image: url("../imagens/segmentos_museus.png");}

#segmentos p {text-align: center;}
#segmentos .icones p {text-align: center; font-size: 15px;}

#clientes .logo_cliente {width: 181px; height: 181px; background-image: url("../imagens/logo_cliente.png"); margin: auto;}

#complementares .thumb {width: 135px; height: 135px; margin: auto;}
#complementares .thumb.servico1 {background-image: url("../imagens/complementares_vigia.png");}
#complementares .thumb.servico2 {background-image: url("../imagens/complementares_recepcao.png");}
#complementares .thumb.servico3 {background-image: url("../imagens/complementares_vistoria-ronda.png");}
#complementares .thumb.servico4 {background-image: url("../imagens/complementares_rctv.png");}

#complementares h3 {text-align: center;
    font-size: 23px;
    margin-bottom: 20px;
    height: 40px;
}
#complementares p {
    text-align: center;
    font-size: 17px;
    width: 230px;
    margin: auto;
    margin-bottom: 40px;
}

#opiniao #carousel-opiniao {background-image: url("../imagens/bg-opiniao.png");}
#opiniao .slide {
    width: 75%;
    margin: auto;
}
#opiniao .carousel-item {margin-bottom: 40px;}

.call2act {margin-top: 30px;}

button {margin: auto; display: table; color: #fff; background-color: #e6202d; border: 0; border-radius: 5px; padding: 10px; text-transform: uppercase; font-style: italic; }

.selo_abnt {width: 116px; height: 127px; background-image: url("../imagens/selo-abnt.png"); display: table; margin: auto;}

.logo_abnt {width: 72px; height: 77px; background-image: url("../imagens/selo-abnt.png"); margin: auto;}

#logo_rodape {margin: auto; width: 240px; height: 131px; background-image: url("../imagens/logo-rodape-fundoescuro.png");}


.linkCaseiroWeb {width: 205px; margin:auto; margin-top:40px; padding-bottom: 20px;}
.linkCaseiroWeb a, a:link, a:hover, a:visited {text-decoration: none;}
.logoCaseiroWeb {width: 100%; height: 25px; background-image: url("../imagens/caseiroweb_cinzaclaro.png");
background-size: auto; background-position-x: right; padding-right: 100px; font-size: 11px; font-weight: normal; color: #919191; padding-top: 4px; margin: auto; margin-top: 40px;}


@media (min-width: 1000px){
	
	#logo {width: 422px; height: 103px; background-image: url("../imagens/logo-dt-ass-fundoclaro.png"); margin: inherit;}
	
	h2 {text-align: center; font-weight: 700; font-size: 43px; margin-top: 50px; margin-bottom: 70px;}
	section#orcamento {color: #fff; background-color:#26445c; background-image: url("../imagens/fundo_orcamento.jpg");}
	section#invista {color: #fff; background-color: #030303; background-image: url(../imagens/fundo_invista.jpg); padding-bottom: 40px; background-size: cover; background-position-y: center;}
	section#motivos {color: #203545; background-color:#fff;}
	
	#motivos .ilustra {height: 680px; background-image: url("../imagens/fundo_motivos.jpg");}
	
	#invista .selos {list-style: none; display: table; float: right; margin: auto; margin-top: 25px; margin-bottom: 25px;}
	#invista .selos li {width: 123px; height: 110px; float: left; margin: 0px;}
	.chamada h1 span1 {font-size: 63px; font-weight: 700;}
	.seta {display: block; width: 196px; height: 105px; background-image: url(../imagens/seta.png); margin-left: 480px;}
	form {margin-top: -159px;}
	#solicite {width: 264px; height: 168px; text-align: center; color: #fff; background-image: url("../imagens/titulo-orcamento_fundo.png"); margin: auto; padding-top: 28px; margin-bottom: 15px; margin-top: -10px;}


}