@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css");


*{margin: 0; padding: 0;}
html { position: relative; min-height: 100%;}
body {font-family: sans-serif; font-size:1.5em;}

.telefone,.email{color: #ff682f; margin-top:4%; font-size:1.1em; font-family: sans-serif; font-weight: normal;}
.telefone a,.email a{color: #ff682f;}
.telefone a:hover{text-decoration: none;}
.telefone span.digito{padding: 0px 4px;}
.email a:hover{color:#555;}
/************Formatando Menu Main***********************/


.navbar.bg-treitec{background-color: #303268; border:0;}

.navbar{padding-bottom:0!important; padding-top:0!important;}
.navbar #menu-menu-principal > .active > a,  .navbar #menu-menu-principal > .active > a:hover{font-size: 1.2em; font-weight:500; color: #fff; background-color:#ff682f; height: 50px;}
.navbar #my-menu  li > a {font-size: 1em; font-weight:500; color: #fff; background-color:transparent;letter-spacing:1.5px;height:40px;} 
.navbar #my-menu  li > a:hover {color: #ff682f;} 
.navbar #my-menu li{padding: 0 1rem;}
.navbar-nav > li > a { line-height: 30px;}
.nav > li > a {padding: 10px 20px;}
/* //menu-menu-principal */



/* MENU DROPDOWN */

/*Dropdown Css*/
.dropdown:hover > .dropdown-menu {
  display: block;
}
.navbar .dropdown-menu {
  background-color: #ff682f;
  color: #fff;
}

.btn-enviar {
  background-color: #303268!important;
  border: none!important;
  border-radius: 0px!important;
}
.navbar .dropdown-menu li:hover {
  background-color: #303268;
 
}
.navbar #menu-menu-principal li  ul {
  min-width: 260px!important; 
}
.navbar #menu-menu-principal li  ul a{
  font-size: 0.9rem!important;
}
.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    margin-top: 0.25rem;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
    position: relative;
}

/* .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {font-size: 1.2em; font-weight:500; color: #fff; background-color:#ff682f; height: 50px;} */
/********Submenu************/

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {

    color: #fff; background-color: #ff682f; height: 50px;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #ff682f;background-color: transparent;}
.menu-main .dropdown-menu {background-color: #ff682f; color:#fff;}

/*******Formatando Banner*********/
.banner img{width:100%;}
.banner { position: relative; margin-top: 01px; width: 100%;}
/***************Informações Empresa*************/



.text-content-justify{ text-align: justify;  color:#797979;line-height:1.5; }
.text-content-empresa span{color: #555!important; font-weight: 700}
hr{ border-color: #ff682f;  opacity: 0.3; margin:35px  0;}

/************************Treinamentos***************/

h2.faixa-text-laranja { border-left: 4px solid #ff682f; display: inline-block;  padding: 20px;}
.title-treinamentos{text-align: center;font-size: 1.1em;}
.title-treinamentos a{color:#929292;}
.text-info-treinamento span{color:#ff682f; font-weight:600;}
.text-info-treinamento{font-size: 0.9em; color:#303268;}
.treinamentos .img-responsive:hover{
	 -webkit-transition: all 0.4s linear;
    -moz-transition: all 0.4s linear;
    transition: all 0.8s linear;
     filter: gray; /* IE6-9 */
    -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

/**************Informações Área de atuação***************************/

h2.faixa-text-black{border-left: 4px solid #303268; display: inline-block;  padding: 20px;}
.area-atuacao .text-atuacao{font-size: 1.1em; text-align: justify;color:#555;}
/************Informação de Palestras***********/


.leia-tambem a{ color:#ff682f;text-decoration:none}


.botao { border: 0;padding: 6px 14px;display: inline-block; cursor: pointer;background-color:transparent;}
.botao-busca { position: absolute; right: 15px; top: 10px; height: 30px;  z-index: 10;}


/************************Formatando Galeria******************************************/
#galeria img{padding:2px 0;}

/************************Formatando Search******************************************/
/* .search {  width: 60%;  position: relative;  top: 35%;} */
.busca #s {  
  font-size: 1.125rem;
  border-radius: 4px;
  position: relative;
  top: 35%;
  padding: 0.50rem 0.25rem;
  border: 1px solid#ff682f;
  height: 2.5rem;
}
.search a{
  text-decoration: none;
  color: #303268;
}
form.col-7.busca {
  display: flex;
  align-items: center;
}
.busca #searchbutton {
  border: none;
  cursor: pointer;
  justify-self: end;
  text-indent: -100px;
  width: 50px;
  height: 100%;
  background: transparent url(image/search.svg) no-repeat center center;
}
.input-group-text {
  background-color: transparent!important;
  border: none!important;
}
.input-group-append-overlay, .input-group-prepend-overlay {
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  top: 0;
  height: 100%;
  z-index: 5;
  right: 0;
}
.input-group-overlay {
  position: relative;
  width: 100%!important;
}
input.form-control.input-search, button.btn.btn-outline-success {
  border: 1px solid #ff682f!important;
  color: #ff682f;
}

.img-bg-post{
  background-image: linear-gradient(hsla(0, 0%, 0%, 0.829), hsla(0, 0%, 0%, 0.541)) ,url('https://treitecsoldas.com.br/wp-content/uploads/2023/03/bg-post.jpg');
  background-position: 100%;
  background-size: cover;
}
/*************Formatando Footer*************/

.footer-info{background: #ff682f;height:auto; clear: both;margin-top:2px;}

.footer-direitos{height:auto; background:#d05020;}




.footer-direitos .texto-desen{color: #fff!important; font-size: 0.85em; padding: 20px 10px; float:right;}
.footer-direitos .texto-desen a{color:#ffc800; padding-left: 10px; text-decoration: none;}
.footer-direitos .texto-desen a:hover{text-decoration: underline;}
.texto3 span{color: #555!important;}
/*****************Formatando Redes Sociais****************/
.redes-socias-footer{float: right;margin-top: 30px;}
.redes-socias-footer i{float: right; padding:8px; color:#fff; font-size:1.6rem;}
.redes-socias-footer i:hover{color:#303268;}
.seta-top{position: fixed;margin:-100px 0 0 -100px;top: 100%;left: 100%; cursor: pointer;  padding:5px;background: rgba(48, 50, 104, 0.6);overflow: hidden;}
.seta-top:hover, .seta-top:active, .seta-top:focus{background: rgba(48, 50, 104,1);}
img.produto-single{max-width: 100%; height: auto;}
.seta-top i{color:#fff;}


/*********************Formatando Formulario de Contato*********************************/
.main-contato{ background:rgb(255, 104, 47);}
.content-contato{ padding:5px 0 ; margin-top:1%; margin-bottom: 2%;}

#contact{ padding:10px 0 10px;}
.contact-text{ margin:45px auto;}
.mail-message-area{ width:100%; padding:0 15px;}
  .mail-message{width: 100%; background:rgba(255,255,255, 0.8) !important;-webkit-transition: all 0.7s; -moz-transition: all 0.7s;    transition: all 0.7s;
    margin:0 auto; border-radius: 0; }
  .not-visible-message{height:0px; opacity: 0;}
  .visible-message{height:auto;opacity: 1; margin:25px auto 0;}

/* Input Styles */

  .form{width: 100%;padding: 15px;background:#f8f8f8;border:1px solid rgba(0, 0, 0, 0.075); margin-bottom:25px;color:#727272 !important; font-size:13px;   -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s; transition: all 0.4s;}
  .form:hover{border:1px solid #8BC3A3;}
  .form:focus{color: white;outline: none; border:1px solid #8BC3A3;}
  .textarea{height: 126px; max-height: 126px; max-width: 100%;}
  
/* Generic Button Styles */

  .button{padding:8px 12px;background:#0A5175;display: block;width:120px; margin:10px 0 0px 0;border-radius:3px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;text-align:center;
    font-size:0.8em;box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10); }
  .button:hover{background:#8BC3A3; color:white;}
/* Send Button Styles */

  .form-btn{ font-size:2em; width:300px;display: block;height: auto;padding:8px 15px;color:#fff; background:#303268; border:none; border-radius:3px; outline: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;    margin:auto;
    box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-moz-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);-webkit-box-shadow: 0px 1px 4px rgba(0,0,0, 0.10);}
  .form-btn:hover{background:#07364a;color: white; border:none;}
  .form-btn:active{opacity: 0.9;}
center{margin-top:330px;}
input {position: relative;}

.contact-form .fone{ padding-right: 0px; padding-left: 0px;}
.contact-form .whats{ padding-right: 0px;}


/************Formatando mapa**************/
.content-maps{width: 100%; height: auto; padding: 0px 0; margin-top:4px;}
.title-formulario{ text-align: center; font-weight: bold;    padding-bottom: 10px;}
/**********************Área Responsiva****************************/

@media (max-width:468px){
	.telefone, .email {margin-top:0px;    text-align: center;     text-align: center;    position: relative;    top: 3rem;}
	
	.botao-busca{ right: 15px; top: 20px;}
	#info-empresa .sobre-nos{font-size: 1.8em;}	
} /*Fim max-width:478px*/

@media (max-width:768px){
	.telefone, .email {margin-top:0px;}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a { color: #fff; min-height: 20px;}
  .search {    width: 100%;}
  div#my-menu {
    position: relative;
    top: 1rem;
    border-top: 1px solid #fff;
    width: 100%;
}
.navbar #my-menu li {
  padding: 0!important ;
}
.navbar #my-menu li > a {
  padding-left: 1rem ;
}
.input-group-append-overlay, .input-group-prepend-overlay{
  top: 1rem;
}
} /*Fim max-width:768px*/

@media (max-width: 992px) {

}