@font-face {
font-family: 'High Speed';
src: url(//securityprotecaoveicular.org.br/wp-content/themes/security/fonts/HighSpeed-Regular.woff2) format('woff2'),
url(//securityprotecaoveicular.org.br/wp-content/themes/security/fonts/HighSpeed-Regular.woff) format('woff');
font-weight: normal;
font-style: normal;
font-display: swap;
}
.rubik {
font-family: "Rubik", sans-serif;
font-optical-sizing: auto;
}
.high {
font-family: 'High Speed';
}
.cor_laranja {
color: #f08e33;
}
html {
scroll-behavior: smooth;
}
body {
max-width: 100vw;
margin: 0;
padding: 0; font-size: clamp(1rem, 2vw, 1.5rem);
font-family: "Rubik", sans-serif;
}
img {
border: 0px;
!IMPORTANT
}
a:link, a:active, a:visited {
color: #666;
text-decoration: none;
}
a:hover {
color: #0099FF;
text-decoration: none;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.alignleft {
float: left;
}
.alignright {
float: right;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px; -moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
} img, picture, video, embed {
max-width: 100%; height: auto;
}
header {
z-index: 10000000;
}  .bar_header {
width: 100%;
height: 15px;
background-color: #FF8F25;
}
.navegacao {
width: 100%;
}
.navegacao_logo {
background-color: #000;
clip-path: polygon(0 0, 100% 0, 90% 100%, 0% 100%);
}
.navegacao_menu {
background-color: #FFF;
} .navbar-nav .nav-link {
color: #000;
font-weight: 500;
font-size: clamp(1.2rem, 2.3vw, 1.4375rem);
}
.navbar-nav .nav-link:hover,
.navbar-nav .current-menu-item .nav-link {
color: #FF8F25;
}
#menu-item-14 a {
color: #FF8F25;
}
.carousel-bg {
height: 87vh;
width: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
}
.youtubers img:hover, .loop_videos img:hover, .protecoes_home img:hover, .quem_somos_video img:hover {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.protecoes_home {
position: relative;
margin-top: -125px;
z-index: 10;
}
.protecoes_home .imagem_grande {
position: relative;
}
.protecoes_home .imagem_esquerda {
position: relative;
margin-left: -5%;
width: 110%
}
.protecoes_home .imagem_esquerda img {
height: 98%;
}
.protecoes_home .imagem_direita {
position: relative;
margin-left: -16%;
}
.protecoes_home .imagem_direita img {
height: 94%;
}
.videos_home .bg {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_videos_home.png);
background-repeat: no-repeat;
background-size: cover;
background-position: top;
}
.videos_home .loop_videos {
padding-bottom: 150px;
padding-top: 30px;
}
.videos_home .tit, .quem_fecha_home .tit, .seja_consultor_home .tit {
font-size: clamp(28px, 5vw, 44px);
padding-bottom: 50px;
line-height: 105%;
}
.video_image_1 {
padding-left: 0;
}
.video_image_2 {
padding: 0 16px 8px 0;
margin-left: 10px;
} .video-embed-wrapper {
position: relative;
padding-bottom: 56.25%; height: 0;
overflow: hidden;
}
.video-embed-wrapper iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
.quem_fecha_home {}
.quem_fecha_home .youtubers {
padding-bottom: 120px;
}
.quem_fecha_home .bg {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_fecha.png);
background-repeat: no-repeat;
background-size: cover;
}
.quem_fecha_home .margem_esquerda {
margin-left: -40px;
}
.seja_consultor_home {
margin-top: 150px;
}
.seja_consultor_home ul {
padding: 0;
margin: 0;
color: #373736;
font-size: clamp(20px, 2.5vw, 30px);
font-style: italic;
font-weight: 600;
}
.seja_consultor_home ul li {
margin-bottom: 10px;
}
ul.beneficios li {
list-style: none;
position: relative;
padding-left: 41px; }
ul.beneficios li::before {
content: "";
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/icon_consultor.png);
background-size: contain;
background-repeat: no-repeat;
width: 41px;
height: 41px;
position: absolute;
left: 0;
top: 4px;
}
.seja_consultor_home .ibagem {
margin-left: -10%;
position: relative;
}
.seja_consultor_home .botao a {
background-color: #FF8F25;
color: #FFF;
font-size: clamp(20px, 2.5vw, 30px);
font-family: 'High Speed';
display: inline-block; font-style: italic;
padding: 5px 24px 0px;
text-transform: uppercase;
font-size: clamp(16px, 2vw, 24px);
border: none;
cursor: pointer;
clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
transition: background-color 0.3s ease;
}
.seja_consultor_home .botao a:hover {
background-color: #e67600;
}
footer {
min-height: 489px;
width: 100%;
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_rodape.png);
background-repeat: no-repeat;
background-size: cover;
margin-top: 120px;
background-position: center;
}
.rodape {
padding-top: 80px;
}
.rodape .contatos, .rodape .sociais {
padding-top: 30px;
}
.rodape .contatos ul, .rodape .sociais ul {
margin: 0;
padding: 0:
}
.rodape .contatos ul li, .rodape .sociais ul li {
list-style: none;
margin-bottom: 15px;
font-weight: 500;
}
.rodape .contatos ul li a, .rodape .sociais ul li a {
color: #FFF;
}
.rodape .contatos ul li a:hover, .rodape .sociais ul li a:hover {
color: #FF8F25;
}
.rodape .fa-whatsapp, .rodape .fa-instagram, .rodape .fa-facebook {
font-size: clamp(20px, 2.5vw, 30px);
}
.rodape .copy {
padding-top: 60px;
color: #FFF;
font-size: clamp(18px, 2vw, 20px);
font-weight: 500;
padding-bottom: 30px;
}
.rodape .copy a {
color: #FFF;
}
.rodape .copy a:hover {
color: #FF8F25;
}
.footer_menor {
font-size: clamp(13px, 1.5vw, 15px);
} .quem_somos_txt {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_quem_somos_1.png);
background-repeat: no-repeat;
margin-top: 10vh;
background-position: center;
}
.quem_somos_video {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_quem_somos_video.png);
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.quem_somos_video .tit {
font-size: clamp(28px, 5vw, 44px);
margin-top: 120px;
line-height: 105%;
} .cob_tit {
font-size: clamp(20px, 2.5vw, 25px);
margin-top: 50px;
font-weight: 500;
}
.cobertura_loop_txt {
font-weight: 600;
margin-top: 80px;
font-size: clamp(20px, 2.5vw, 25px);
}
.cobertura_loop_txt2 {
font-size: clamp(20px, 2.5vw, 30px);
margin-top: 80px;
font-weight: 500;
line-height: 105%;
}
.cobertura_loop_btn .botao a {
background-color: #FF8F25;
color: #FFF;
font-size: clamp(20px, 2.5vw, 30px);
font-family: 'High Speed';
display: inline-block; font-style: italic;
padding: 10px 24px 5px;
text-transform: uppercase;
font-size: clamp(16px, 2vw, 24px);
border: none;
cursor: pointer;
clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
transition: background-color 0.3s ease;
}
.cobertura_loop_btn .botao a:hover {
background-color: #e67600;
}
.protecao_1 {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_protecao_1.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: bottom;
}
.protecao_2 {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_protecao_2.png);
background-repeat: no-repeat;
background-size: 100%;
background-position: top;
}
.coberturas_footer {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_protecoes_rodape.png);
background-repeat: no-repeat;
background-position: center;
}
.coberturas_footer img:hover {
transform: scale(1.05);
transition: transform 0.3s ease;
}
.youtubers {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_youtubers.png);
background-repeat: no-repeat;
background-position: top;
}
.youtuber_cobertura {
font-size: clamp(20px, 2.5vw, 30px);
margin-top: 80px;
}
.formulario_youtubers {
margin-top: 50px;
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_form_youtube.png);
background-repeat: no-repeat;
background-position: top;
}
.input_youtubers {
color: #4b4b4d;
border: 2px solid #000;
font-size: clamp(18px, 2vw, 22px);
}
.input_youtubers::placeholder {
color: #000 !important;
font-weight: 500;
text-transform: uppercase;
}
.btn_youtubers {
text-transform: uppercase;
clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
font-size: clamp(20px, 2.5vw, 30px);
}
.contato_tit {
font-size: clamp(28px, 5vw, 44px);
margin-top: 80px;
}
.contato_btns {
margin-top: 50px;
}
.contato_btn {  }
.contato_btns a {
color: #000;
font-size: clamp(28px, 4vw, 35px);
font-weight: 500;
}
.contato_btn_menor {
font-size: clamp(20px, 2.5vw, 25px);
}
.contato_btn_laranja {
background-color: #FF8F25;
position: relative;
transform: skewX(-20deg);
display: inline-block;
}
.contato_btn_sem_laranja {
background-color: #f8f9fa;
border: 2px solid #000;
position: relative;
transform: skewX(-20deg);
display: inline-block;
}
.contato_email {
margin-top: 50px;
}
.contato_email a {
color: #000;
font-weight: 600;
}
.contato_endereco {
margin-top: 25px;
}
.contato_endereco a {
color: #000;
}
.formulario_contato {
margin-top: 80px;
}
.bg_contato_1 {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_contato_1.png);
background-repeat: no-repeat;
background-position: top;
}
.bg_contato_2 {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_contato_2.png);
background-repeat: no-repeat;
background-position: top;
}
.bg_contato_3 {
background-image: url(//securityprotecaoveicular.org.br/wp-content/themes/security/images/bg_contato_3.png);
background-repeat: no-repeat;
background-position: top;
}
.form_home {
padding-top: 50px;
}
.slider_home {
top: 0;
position: relative;
}
.form-paralelogramo {
background: #fff;
clip-path: polygon(5% 0, 100% 0%, 95% 100%, 0% 100%);
max-width: 90%;
margin: 0 auto;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
}
.form-header {
background-color: #f37021;
color: #fff;
text-align: center;
font-weight: bold;
font-size: clamp(20px, 2.5vw, 30px);
padding-top: 15px;
text-transform: uppercase;
}
.form-body {
padding: 40px;
}
.form-group {
margin-bottom: 15px;
}
.form-group input[type="text"],
.form-group input[type="tel"] {
border: none;
border-bottom: 2px solid #333;
border-radius: 0;
width: 100%;
padding: 8px 5px;
background: transparent;
font-size: clamp(18px, 2vw, 20px);
font-weight: 500;
font-style: italic;
}
input:focus {
outline: none;
border-color: #f37021;
}
.btn-enviar {
background-color: #f37021;
color: #fff;
border: none;
padding: 10px 25px;
font-weight: bold;
text-transform: uppercase;
clip-path: polygon(5% 0, 100% 0, 95% 100%, 0% 100%);
transition: background 0.3s;
}
.btn-enviar:hover {
background-color: #d85f1d;
cursor: pointer;
}  @media screen and (min-width: 960px) {
.desktop {
display: none;
} }
@media screen and (max-width: 1200px) {
.navbar-nav .nav-link {
font-size: 14px;
}
} @media screen and (max-width:960px) {} @media screen and (max-width:768px) {} @media screen and (max-width:480px) {
.navegacao_logo, .navegacao {
clip-path: none;
background-color: #000;
}
.botao_menu {
margin-top: -130px;
}
.carousel-bg {
height: 30vh;
}
.protecoes_home {
margin-top: -45px;
}
.protecoes_home .imagem_esquerda {
margin-left: 0%;
width: 110%
}
.protecoes_home .imagem_direita {
margin-left: -10%;
}
.quem_fecha_home .margem_esquerda {
margin-left: 0px;
}
.seja_consultor_home .ibagem {
margin-left: 0%;
}
footer {
background-position: center;
}
.quem_somos_txt {
background-image: none;
margin-top: 3vh;
}
.quem_somos_video {
background-image: none;
margin-top: -50px;
}
.protecao_1, .protecao_2, .coberturas_footer {
background-image: none;
}
.form_home {
display: none;
}
.videos_home .tit, .quem_fecha_home .tit{ text-align: center;}
} @media screen and (max-width:320px) {}
}