
:root{
   --colorBlue: 	#1e324b;
   --colorYellow: 	#f3cc45;
   --colorYellow_Hover: 	#ddba3a;
   --colorDark: 	#1b1a1b;
}

/* HOME
---------------------------------------------------*/


/***PRIMEIRO CARROSSEL***/

#myCarousel {
   margin-top: 100px;
}

.primeiro_carrossel {
   display: inline !important;
   top: 50% !important;
   margin-left: 2% !important;
   width: 2% !important;
}

.primeiro_carrossel  li {
   margin-bottom: 8px;
   height: 20px !important;
   width: 5px !important;
   border-radius: 28%;
   border-top: 0px !important;
   border-bottom: 0px !important;
}

.titulo_carrossel {
   /*font-size: 2vw;*/
   font-size: 30px;
   font-family: 'Montserrat', sans-serif;
   color: #fff;
}

.texto_carrosel {
   /*font-size: 1vw;*/
   font-size: 18px; 
   color: #fff;
}

.fundo_carrossel {
   background-color: #01427e; 
   width: 100%;
   /*height: 400px;*/
}


.saber_mais_button {
   background-color: white !important;
   color: #1e2e42 !important;
   border-radius: 50px !important;
}

/***FIM STYLES PRIMEIRO CARROSSEL***/

#sup_online_link {
   color: #f3cc45;
}

/***SEGUNDO CARROSSEL***/

.segundo_carrossel  li {
   margin-bottom: 0px;
   height: 5px !important;
   width: 20px !important;
   border-radius: 28%;
   border-top: 0px !important;
   border-bottom: 0px !important;
}

/***FIM STYLES SEGUNDO CARROSSEL***/

/**CAMPANHA**/

.campanha {
   padding: 50px;
}

#imagem_campanha {
   width: 100%; 
   margin-top: 5%; 
   margin-bottom: 5%;
}



.newsletter {
   background-color: #f3cc45 !important; 
}


/* CONTACTOS
---------------------------------------------------*/

.tg  {
   border-collapse:collapse;
   border-spacing:0;
}

.tg td {
   border:none;
   overflow:hidden;
   font-weight: lighter;
   font-size: 14px;
   word-break:normal;
}

.tg th {
   border:none;
   overflow:hidden;
   font-weight: lighter;
   font-size: 14px;
   word-break:normal;
}

.tg .tg-baqh {
   text-align:left;
   vertical-align:top;
}


/* SOLUÇÕES
---------------------------------------------------*/

/* .div_solucoes_imagem {
   width:200px;
} */

.imagem_solucoes {
   height: 200px;
}

/* PRODUTOS
---------------------------------------------------*/

.container {
   overflow: hidden;
}

.filterDiv {
   float: left;
   text-align: center;
   margin: 2px;
   display: none; /* Hidden by default */
}

.show {
   display: block;
}

.botao_ativo {
   background-color: #f0ad4e !important;
   color: white !important;
   border: none !important;
}

/* PRODUTOS DETAILS
---------------------------------------------------*/

.carrossel_produtos {
   position: relative !important;
   display: inline !important;
   margin-left: 100% !important;
}

.imagem_carrossel {
   max-width: 80% !important;
}

@media (max-width: 576px) {
   
   .carrossel_produtos > li {
      height: 40px !important;
      width: 35px !important;
   }
   
   .imagens_div {
      max-width: 50% !important;
   }
}


.thumb_carousel {
   width: 80px !important;
   height: 100px !important;
}

#thumb1 {
   background-image: url(../../imgs/temp/produto.png); /*ATENÇÃO: mudar caminho se necessário*/
   background-size: 100% 100%;
   background-repeat: no-repeat;
}
#thumb2 {
   background-image: url(../../imgs/temp/produto.png); /*ATENÇÃO: mudar caminho se necessário*/
   background-size: 100% 100%;
   background-repeat: no-repeat;
}
#thumb3 {
   background-image: url(../../imgs/temp/produto.png); /*ATENÇÃO: mudar caminho se necessário*/
   background-size: 100% 100%;
   background-repeat: no-repeat;
}
#thumb4 {
   background-image: url(../../imgs/temp/produto.png); /*ATENÇÃO: mudar caminho se necessário*/
   background-size: 100% 100%;
   background-repeat: no-repeat;
}
#thumb5 {
   background-image: url(../../imgs/temp/produto.png); /*ATENÇÃO: mudar caminho se necessário*/
   background-size: 100% 100%;
   background-repeat: no-repeat;
}

.facebook_button {
   background-color: darkslateblue !important;
}

.twitter_button {
   background-color: deepskyblue !important;
}

.pinterest_button {
   background-color: firebrick !important;
}

.email_button {
   background-color: gray !important;
}

.image_recommended {
   margin-right: auto;
   margin-left: auto;
   display: block;
   width: 70% !important;
}

.image_recommended:hover {
   opacity: 0.8;
}

/* HELPERS
---------------------------------------------------*/

.fw300{font-weight:300;}
.fw400{font-weight:400;}
.fw500{font-weight:500;}
.fw600{font-weight:600;}
.fw700{font-weight:700;}

.fsize3_8rem {
   font-size: 3.8rem;
}

.fsize3rem {
   font-size: 3rem;
}

.fsize2_8rem {
   font-size: 2.8rem;
}

.fsize2_5rem {
   font-size: 2.5rem;
}

.fsize2_2rem {
   font-size: 2.2rem;
}

.fsize2rem {
   font-size: 2rem;
}

.fsize1_7rem {
   font-size: 1.7rem;
}

.fsize1_5rem {
   font-size: 1.5rem;
}

.fsize1_3rem {
   font-size: 1.3rem;
   line-height: 1.5rem;
}
.fsize1_2rem {
   font-size: 1.2rem;
   line-height: 1.4rem;
}
.fsize1_1rem {
   font-size: 1.1rem;
}
.fsize1_2rem {
   font-size: 1.2rem;
}

.fsize1rem {
   font-size: 1rem;
   line-height: 1.2rem !important;
}

.fsize0_9rem {
   font-size: 0.9rem !important;
}

.fsize0_8rem {
   font-size: 0.8rem !important;
}

.fsize0_7rem {
   font-size: 0.7rem !important;
}

.fsize0_6rem {
   font-size: 0.6rem !important;
}

.fsize0_5rem {
   font-size: 0.5rem !important;
}

.bg-cover {
   -webkit-background-size: cover !important;
   -moz-background-size: cover !important;
   -o-background-size: cover !important;
   background-size: cover !important;
   width: 100%;
   background-position: center center;
   position: relative;
}

.img-cover{
   object-fit:cover;
   width: 100%;
}

.text-primary{ /*subtitulos*/
   color: var(--colorBlue) !important;
}

.text-secondary{ /*titulos*/
   color: var(--colorBlue) !important;
   font-family: 'Montserrat', sans-serif !important;
   font-size: 30px !important;
}

.btn-primary {
   color: #000000;
   background-color: var(--colorYellow);
   border-color: var(--colorYellow);
}
.btn-primary:hover {
   color: #000000;
   background-color: var(--colorYellow_Hover);
   border-color: var(--colorYellow_Hover);
}

.btn-secondary{
   background-color: #f3f3f3 !important;
   border: none !important;
   color: #1e2e42 !important;
}

.btn-light{
   border: 2px solid #c4c4c4 !important;
}


/**NAVBAR**/
.navbar {
   background-color: white;
   padding: 20px !important;
}

#navFont {
   font-family: 'Montserrat', sans-serif;
}

.darkColor .nav-link {
   color: #1e2e42 !important;
}

.darkColor:hover .nav-link {
   color: #1e2e42 !important;
}

.active .nav-link {
   color: #f3cc45 !important;
   text-decoration: underline;
   text-underline-offset: 8px;
}

.active:hover .nav-link  {
   color: #f3cc45 !important;
   text-decoration: underline;
   text-underline-offset: 8px;
}

.nav-link {
   text-decoration: none;
}

.nav-link:hover {
   text-decoration: none;
}
/**FIM STYLES NAVBAR**/

/**STYLES PARA TODOS OS CARROSSEIS**/

.carousel-indicators li {
   background-color: #888 !important;
}

.carousel-indicators > .active {
   background-color: #f3cc45 !important;
}

.carousel-caption {
   left: 7% !important;
   top: 30% !important;
}

/*.carousel-inner > .carousel-item > img {
   min-width: 100% !important;
}*/
/**FIM STYLES PARA TODOS OS CARROSSEIS**/


.titulo_border_amarelo {
   font-size: 30px;
   text-decoration: underline;
   text-decoration-color: #f3cc45;
   text-underline-offset: 8px;
   color: #1e2e42 !important;
   font-family: 'Montserrat', sans-serif;
}

.blue_background {
   background-color: #ebf3ff;
   margin-top: 60px;
}

.link_in_dark {
   text-decoration: none !important;
   color: #1e2e42;
}

/**FOOTER**/
.texto_footer_titulo {
   color: #6e6e6e;
}

.texto_footer {
   text-decoration: none !important;
   color: #6a6a6a !important;
   font-size:90%;
}
/**FIM STYLES FOOTER**/