/* FONTES INTERNAS 
@font-face {
  font-family: 'MuseoSans-100';
  src: url('../fontes/MuseoSans-100.eot');
  src: url('../fontes/MuseoSans-100.eot?#iefix') format('embedded-opentype'),
       url('../fontes/MuseoSans-100.svg#MuseoSans-100') format('svg'),
       url('../fontes/MuseoSans-100.ttf') format('truetype'),
       url('../fontes/MuseoSans-100.woff') format('woff'),
       url('../fontes/MuseoSans-100.woff2') format('woff2');
       font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'MuseoSans-500';
  src: url('../fontes/MuseoSans-500.eot');
  src: url('../fontes/MuseoSans-500.eot?#iefix') format('embedded-opentype'),
       url('../fontes/MuseoSans-500.svg#MuseoSans-500') format('svg'),
       url('../fontes/MuseoSans-500.ttf') format('truetype'),
       url('../fontes/MuseoSans-500.woff') format('woff'),
       url('../fontes/MuseoSans-500.woff2') format('woff2');
       font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'MuseoSans-900';
  src: url('../fontes/MuseoSans-900.eot');
  src: url('../fontes/MuseoSans-900.eot?#iefix') format('embedded-opentype'),
       url('../fontes/MuseoSans-900.svg#MuseoSans-900') format('svg'),
       url('../fontes/MuseoSans-900.ttf') format('truetype'),
       url('../fontes/MuseoSans-900.woff') format('woff'),
       url('../fontes/MuseoSans-900.woff2') format('woff2');
       font-weight: normal;
    font-style: normal;
}

@font-face {
  font-family: 'MuseoSans-100Italic';
  src: url('../fontes/MuseoSans-100Italic.eot');
  src: url('../fontes/MuseoSans-100Italic.eot?#iefix') format('embedded-opentype'),
       url('../fontes/MuseoSans-100Italic.svg#museo_sans100Italic') format('svg'),
       url('../fontes/MuseoSans-100Italic.ttf') format('truetype'),
       url('../fontes/MuseoSans-100Italic.woff') format('woff'),
       url('../fontes/MuseoSans-100Italic.woff2') format('woff2');
       font-weight: normal;
    font-style: normal;
}*/

/* Fontes Externas */

/* animações */
.fade-in {
  opacity: 0;
	-webkit-animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
	        animation: fade-in 1.2s cubic-bezier(0.390, 0.575, 0.565, 1.000) both;
}

/* animation fade-in */
 @-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}


/* RESETS PERSONALIZAVEIS */
:root {
  --cor-primaria: #d91c23;
  --cor-secundaria: #7b7c7f;
  --cor-texto-primario:#212529;
  --cor-texto-secundario: #7b7c7f;
  --cor-texto-branco: #fff;
  --fonte-padrao: 16px;
  --fonte-titulos_normal: MuseoSans-100;
}


* {font-family: 'Inter', sans-serif;font-size: var(--fonte-padrao);}
a {color: var(--cor-texto-branco) !important;}
a:hover {color: var(--cor-primaria) !important;transition: .6s;}
button {background-color: transparent; color: #fff; border: 1px solid #fff;padding: 15px;}
button:hover {cursor: pointer; color: var(--cor-primaria); border: 1px solid var(--cor-primaria);transition: .6s;}
.button_red {color: var(--cor-primaria); border: 1px solid var(--cor-primaria);}
.button_black {color: var(--cor-texto-primario); border: 1px solid var(--cor-texto-primario);}
.button_ativo {background-color: var(--cor-primaria) !important;color: var(--cor-texto-branco) !important;}
.container-fluid {padding-left: 0 !important; padding-left: 0 !important;}
img {max-width: auto !important; width: 100%;}
.img_int {width: 255px !important;}
h2 {font-weight: 900; !important;color: var(--cor-primaria) !important;font-size: 1.2rem !important;}
h4 {margin-left: 0 !important;}
input, textarea {background-color: transparent !important;border-radius: 0 !important;}
.form-control:focus {
  border-color:var(--cor-primaria) !important;
  box-shadow: 0 0 0 0.2rem rgba(146, 27, 18, 0.25) !important;
} 
.color_ver {color: var(--cor-primaria);}
.color_pre {color: var(--cor-secundaria) !important;}
.color_gray {color: var(--texto-primario) !important;}
.ativo {color: var(--cor-primaria) !important;}
.ativo_bold {color: var(--cor-primaria) !important;font-weight: 500;}
.line {margin: 40px 0;border:0; height: 2px; background-image: linear-gradient(to right, transparent, #ccc, transparent);}
.font_dark, p {color: #666666; line-height: 1.7 !important;}

.italic {font-style: italic;}
.navbar-light .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 1)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important;
}

/* to top */
#top{
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: rgb(0, 0, 0);
  background: rgba(0, 0, 0, 0.7);
  width: 50px;
  height: 50px;
  display: block;
  text-decoration: none;
  -webkit-border-radius: 35px;
  -moz-border-radius: 35px;
  border-radius: 35px;
  display: none;
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  z-index: 999 !important;
}
#top i{
  color: #fff;
  margin: 0;
  position: relative;
  left: 19px;
  top: 13px;
  font-size: 19px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
#top:hover{
  background: rgba(0, 0, 0, 0.9);
}
#top:hover i{
  color: #fff;
  top: 5px;
}

/* slide */

.swiper-container {
  width: 100%;
  height: 100%;
  

}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  /* Center slide text vertically */
  
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}

#lab_video_text_overlay {
  position: absolute;
  color: #FFF;
  width: auto;
  text-align: center !important;
  top: 50%;
}

#lab_video_text_overlay .container {
  text-align: center;
  margin: 0px auto;

}

.video_box {
  height: 100% !important;
  background: #000;
  width: 100%;
  max-height: 1080px !important;
}

.cover_video {
  width: 100%;
}


/* animate buttons */
/* General button style (reset) */
.btn {
	border: none;
	font-family: inherit;
	font-size: 0.8rem !important;
	color: inherit;
	background: none;
	cursor: pointer;
	padding: 25px 80px;
	display: inline-block;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

.btn:after {
	content: '';
	position: absolute;
	z-index: -1;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}

/* Button 1 */
.btn-1 {
	border: 1px solid #fff !important;
	color: #fff;
}

/* Button 1b */
.btn-1b:after {
	width: 100%;
	height: 0;
	top: 0;
	left: 0;
	background: brown;
}

.btn-1b:hover,
.btn-1b:active {
	color: #fff;
}

.btn-1b:hover:after,
.btn-1b:active:after {
	height: 100%;
}

/* animation */
.delay_05 {--animate-delay: 0.5s;}
.box_size_ef {
  width: 100%;
  -webkit-box-sizing: border-box !important;
  -moz-box-sizing: border-box !important;
  box-sizing: border-box !important;
}

/* BAKCGROUNDS E COLORS */
.padrao_site_ver {background-color: var(--cor-primaria);}
.padrao_site_cin {background-color: var(--cor-secundaria);}
.padrao_site_grad {background-color: rgb(0, 0, 0);}
.color_red {color:var(--cor-primaria);}

/* TEXTOS */
.fontzero {font-size: 0 !important;}
.font-12 {font-size: 12px !important;}
.font-15 {font-size: 15px !important;}
.bold {font-weight: 900;}
span {font: inherit;}
.titulos {font-size: 40px; letter-spacing: -2px;line-height: 90% !important;}
.line_height {line-height: 90% !important;}
.sub_titulos {font-size: 1.2rem;}

/* HEADER */
.navbar {position: relative;z-index: 100 !important;}
.orcamento:hover a {color: #fff !important; }

.itens_sac a p {color: #fff !important;}
.nav-item, .itens_sac a p {font-weight: 900;}
.logo_header {width: 180px; height: 72px;}
.itens_sac {margin-top: 30px;}
.itens_sac p {line-height: 120%;font-size: 12px;margin-bottom: 0 !important;width: 80%;float: left; margin-top: 0px;margin-left: 10px;color: var(--cor-texto-primario);font-weight: 500;}
.itens_sac img {max-width: 30px;width: 30%;float: left;}

/* CAROUSEL HEADER */
.image_slide_1 {background: url(../img/bg_header.jpg) no-repeat center;width: 100%; height: 952px;}
.image_slide_2 {background: url(../img/bg_header2.jpg) no-repeat center;width: 100%; height: 952px;}
.image_slide_3 {background: url(../img/bg_header.jpg) no-repeat center;width: 100%; height: 952px;}
.txt_video {width: 100%; max-width: 450px !important;}
.txt_video p {color: #fff;font-weight: 900;;font-size: 1rem;text-align: center !important;}
.txt_video p span {color: var(--cor-primaria);}
.button_header {bottom: 70px !important; width: 100% !important;}
.button_header button:hover {color: var(--cor-primaria); border: 1px solid var(--cor-primaria);}

/* SECTION 1 */
.section_um h3 {font-size: 1rem;padding-bottom: 10px;}

/* SECTION 2 */
.container-fluid div div {padding-right:  0 !important;}
.image_section {position: relative;z-index: 3 !important;}
.image_section_up {position: relative;z-index: 4 !important;}
.bg_img {background: url(../img/rotores4.svg) no-repeat center;width: 100%; height: 658px;margin-top: -40px;background-size: cover !important;}
.bg_red {background-color: var(--cor-primaria);width: 100%; height: auto;margin-top: -250px; padding-bottom: 100px; position: relative;z-index: 0 !important;padding-right: 0 !important;}
.box_info_sections {margin-top: 35%;}
.txt_section {margin-left: -15px !important;}
.button_section {position: relative;z-index: 0 !important;}
button:hover {cursor: pointer; color: var(--cor-texto-primario); border: 1px solid var(--cor-texto-primario);transition: .6s;}

/* SECTION 3 */
.section_tres {margin-top: 40px;}
.section_tres p {font-size: 1rem;}
.section_tres .card {border: none;}
.section_tres .card {max-width: 260px !important;}
.section_tres .card-body h2 {height: 50px;font-weight: 900 !important;}
.section_tres .card img {padding: 10px;width: 223px !important;}
.section_tres button {font-size: 0.8rem !important;}
.section_tres button:hover {color: var(--cor-primaria); border: 1px solid var(--cor-primaria);}

/* SECTION 4 */
.section_quatro {margin-top: 40px;}
.bg_quatro .container {padding: 5% 5% 5% 4% !important;}
.bg_quatro h4 {padding-top: 40px;}
.bg_quatro p {font-size: .8rem;}
.form-group {margin-bottom: 0.7rem !important;}
.section_quatro input, .section_quatro textarea {border: 1px solid var(--cor-texto-primario);color: #fff !important;font-size: var(--fonte-padrao);}
.button_submit button {background-color: #fff;border:none; padding: 12px 55px;}
.button_submit button:hover {background-color: var(--cor-primaria) !important;color: #fff !important; transition: .6s;}
.button_submit_bg button {background-color: var(--cor-primaria) !important;border:none; padding: 12px 55px;}
.button_submit_bg button:hover {background-color: var(--cor-texto-primario) !important;color: #fff !important; transition: .6s;}
.info_rodape {background-color:  #000000; color: #fff;}
.info_rodape p {margin-bottom: 5px;}
/* input placeholder */
.section_quatro input::-webkit-input-placeholder {color:#fff;}
.section_quatro input:-moz-placeholder {/* Firefox 18- */color: #fff;}
.section_quatro input::-moz-placeholder {/* Firefox 19+ */color: #fff;}
.section_quatro input:-ms-input-placeholder {color: #fff;}
/* placeholder textarea */.section_quatro textarea::-webkit-input-placeholder {color:#fff;}
.section_quatro textarea:-moz-placeholder {/* Firefox 18- */color: #fff;}
.section_quatro textarea::-moz-placeholder {/* Firefox 19+ */color: #fff;}
.section_quatro textarea:-ms-textarea-placeholder {color: #fff;}
.info_rodape .row {margin-right: 30px !important;margin-left: 0 !important;}    

/* ABOUT */
.mission h3 {font-size: 25px !important;}

/* RODAPE */
.rodape_logos {height: auto;}
.logo_rodape img {max-height: auto !important;max-width: 220px;width: 100% !important;}
.footer_desenv p{color: #666666;margin-bottom: .5rem !important;}
.footer_desenv a{font-size: 11px; color: var(--cor-texto-primario) !important;text-decoration: none;padding-bottom: 10px !important;}
.footer_desenv a:hover{text-decoration: underline;}
.mapa {width: 100%;height: 650px;margin-top: 0;}
iframe {position: relative;height: 650px;width: 100%;}

/* PAGINAS INTERNAS */
.header_bg {background: url(../img/bg_int2.svg) no-repeat center;width: 100%; height: 746px;margin-top: -350px;background-size: cover !important;}
.titulo_header {text-align: center;}
.titulo_header h1{position: relative; top: 580px !important; }
.card_hover h2{color: var(--cor-texto-secundario) !important;}
img.img_produto {width: 178px; margin: 0 auto !important;padding-top: 20px;}
.button_orc button {background-color: var(--cor-secundaria);border:none; color: #fff;}
.button_orc button:hover {background-color: var(--cor-primaria);transition: .6s;}
.card_hover:hover button {background-color: var(--cor-primaria);cursor: pointer !important;}
.card_hover:hover h2 {color: var(--cor-primaria) !important;}

/* siroco */
.header_bg_siroco {background: url(../img/banner_siroco.svg) no-repeat center;width: 100%; height: 746px;margin-top: -350px;background-size: cover !important;}
/* ventiladores */
.header_bg_ventila {background: url(../img/banner_ventila.jpg) no-repeat center;width: 100%; height: 746px;margin-top: -350px;background-size: cover !important;}
/* quem somos */
.header_bg_quem {background: url(../img/banner_quem.svg) no-repeat center;width: 100%; height: 746px;margin-top: -350px;background-size: cover !important;}
/* cortinas */
.header_bg_cortinas {background: url(../img/banner_cortina.jpg) no-repeat center;width: 100%; height: 746px;margin-top: -350px;background-size: cover !important;}

/* produtos id */
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: var(--cor-primaria) !important;font-weight: 500;background-color: #fff !important;}
.add_orcamento button:hover {background-color: var(--cor-primaria);}
.add_orcamento input {padding:8px; padding-left: 25px;width: 100%; max-width: 80px;}
.box_espec p {margin-bottom: 0!important;}

/* ventiladores */ 

/* slides produtos */
.product-slider { padding-bottom: 10px; }
.product-slider #carousel {margin: 0; }
.product-slider #thumbcarousel { margin: 30px 0 0;}
.product-slider #thumbcarousel .item { text-align: center; }
.product-slider #thumbcarousel .item .thumb {width: 20% !important; margin: 0 2%; display: inline-block; vertical-align: middle; cursor: pointer; max-width: 98px; }
.product-slider .item img { width: 100%; height: auto; }
.carousel-control {text-align: center; text-shadow: none; font-size: 30px; width: 30px; height: 30px; line-height: 20px; top: 23%;}
.carousel-control:hover, .carousel-control:focus, .carousel-control:active { color: #333; }
.carousel-caption, .carousel-control .fa { font: normal normal normal 30px/26px FontAwesome; }
.carousel-control { background-color: rgba(0, 0, 0, 0); bottom: auto; font-size: 20px; left: 0; position: absolute; top: 30%; width: auto; }
.carousel-control.right, .carousel-control.left { background-color: rgba(0, 0, 0, 0) !important; background-image: none; }

/* ORCAMENTO */
.form-row INPUT {font-size: 15px !important;}

/* TABELAS DOS PRODUTOS */
tbody tr {padding: 10px;border-width: 0 1px 1px 0;border-style: solid;border-color: #fff;box-shadow: 0 1px 1px #ccc;margin-bottom: 5px;background-color: #fbf9f9;}
.totop {position: fixed;bottom: 10px;right: 20px;}
.totop a {display: none;}
.totop a, .totop a:visited {color: #33739E;text-decoration: none;margin: 10px 0;}
a:hover {text-decoration: none;}
div.over_table {
  overflow: auto;
  white-space: nowrap;
}
.over_table {
  display: block;
  width: 100%;
  height: 300px;
  overflow-y: scroll;
  scroll-behavior: smooth;
}

.table {
  height: 200px;
  overflow: scroll;
}
.table th {
  position: sticky;
  top: 0;
  z-index: 2;
  background: #fff;
  box-shadow: 0 1px 0 0 #ddd, 0 -5px 0 0 #fff;
} 

/* RESETS IMGS */
.img_ventila {max-width: 674px;}
.img_compress {max-width: 395px;}


@media (max-width: 800px) {
  .swiper-container {margin-top: 0px !important;}
  #lab_video_text_overlay {top: 35%;width: 300px;}
  #lab_video_text_overlay {display: none;}
  .button_header {font-size: .7rem !important;}
}

/* Dispositivos small (telefones em modo paisagem, com 576px ou mais)*/
@media (min-width: 576px) {
  /* HEADER */
.button_header {width: 100% !important;}

/* SECTION 2 */
.box_info_sections {margin-top: 20%;}
}

/* Dispositivos large (desktops com 992px ou mais)*/
@media (min-width: 992px) {
/* HEADER */
.txt_video p {font-size: 2rem;}
.padrao_site_grad {background-color: rgb(0, 0, 0)}
.itens_sac {margin-bottom: 0 !important; margin-top: 0;text-align: center;}
.itens_sac p {width: 100%; margin-bottom: 0 !important;float: none;margin-top: 0;margin-left: 0;}
.itens_sac img {width: 30px; float: none;}
.titulos {font-size: 55px; }
.line_height {width: 300px;}

/* CAROUSEL */


/* SECTION1 */
.section_um {margin-bottom: -40px !important;}
.section_um h3 {font-size: 1.1rem;padding-bottom: 10px;}

/* SECTION 2 */
.bg_img {width: 100%; height: 658px;margin-top: 20px;}
.bg_red {padding-bottom: 50px;}
.box_info_sections {margin-top: 10%;}

/* SECTION 3*/
.section_tres {margin-top: 0px;}
.section_tres p {font-size: 1.1rem;}

/* section 4*/
.bg_quatro p {font-size: 1.1rem;}

/* Produtos */
.add_orcamento input{margin-top: -10px;}
.button_produtos {bottom: 0 !important;position: relative;}

}

/* Dispositivos large (desktops com menos de 1200px)*/
@media (min-width: 1199.98px) {
/* SECTION2 */
.bg_red {background: url(../img/bg_red.png) no-repeat center;width: 100%; height: 704px;margin-top: -50px;}
.box_info_sections {margin-top: 150px;padding-top: 20px;}

.button_section {margin-top: 40px;}

/* mapa */
.mapa {margin-top: -170px;}

/* section 2 */
.section_quatro {margin-top: -15px;overflow: hidden;}
.bg_quatro .container {width: 550px;float: right;margin-right: 0px;}
.bg_quatro {background: url(../img/bg_cinza.png) no-repeat center;width: 100%; height: 704px;padding-top: 50px;}
.info_rodape .row {margin-top: -15px !important;overflow: hidden;}
.info_rodape {background: url(../img/bg_preto.png) no-repeat center;width: 100%; height: 704px;z-index: 2;position: relative;}
.info_rodape > div {padding-top: 180px !important;}

.video_box {
  width: 100%;
   
 }
 .cover_video {
   max-height: calc(100vh - 80px) !important;
 }
 

}

@media (min-width: 1500px) {

  
}


/* botao whatsapp */
#whatsapp_comercial {position: fixed;background-color: #8bc540;bottom: 80px;right: 20px;margin-right: 0;padding: 7px;width: auto;z-index: 9999;border-radius: 30px;display: flex;align-items: center;flex-wrap: nowrap;}
#whatsapp_comercial p {color: #FFFFFF;margin-bottom: 0;padding-right: 5px;padding-left: 12px;vertical-align: middle;text-align: center;}
#whatsapp_comercial p.title_orc {font-size: 18px;line-height: 21px; font-weight: 600;color:#FFFFFF;}
#whatsapp_comercial p.title_wtp {font-size: 12px;line-height: 18px;color:#FFFFFF;}
#whatsapp_comercial:hover {background-color: #305204;cursor: pointer;transition: ease-in 0.4s;}
#whatsapp_comercial i{color: #fff;font-size: 28px;padding: 13px;box-sizing: border-box;background-color: rgba(255, 255, 255, 0.2);vertical-align: middle;border-radius: 50%;}