/* GERAL */
html{padding: 0; margin: 0; font-size: 14px; line-height: 24px; position: relative; background-color: #202020; scroll-behavior: smooth;}
body { 
    background-color: #202020;
	position: relative;
	margin: 0;
	padding-top: 150px;
	font-family: 'Roboto', sans-serif;
	font-style: normal;
    font-weight: normal;
    color: #ffffff;
}
.IBMPlex{
    font-family: 'IBM Plex Sans Arabic', sans-serif;
}

.maior, .maior p{
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-size: 1.2857rem;
    font-weight: bold;
    
}

.Roboto{
    font-family: 'Roboto', sans-serif;
}

#alerta{
	position: absolute;
	z-index: 1000;
	top:130px;
	width: 60%;
	background-color: rgba(92,92,92,0.70);
	left: 20%;
	padding: 1rem 1rem 0 1rem;
} 

.playvideo{
    z-index: 100;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.bold{font-weight: bold;}


/*    8px = 0.57143rem
    10px = 0.71429rem
    12px = 0.85714rem
    14px = 1rem (base)
    15px = 1.0714rem
    16px = 1.1429rem
    18px = 1.2857rem
    25px = 1.7857rem
    30px = 2.1429rem
    40px = 2.8571rem
    45px = 3.2143rem
    50px = 3.5714rem
    95px = 6.7857rem
*/
h1, .h1,h2, .h2,h3,.h3,h4,.h4,h5,h6{color:#c16b37;font-weight: bold; font-size: 3.5714rem; font-family: 'IBM Plex Sans Arabic', sans-serif;}
h2,.h2{font-size: 2.8571rem;}
h3,.h3{font-size: 2.1429rem;}
h4,.h4{font-size: 1.7857rem;}
h5,.h5{font-size: 1.2857rem;}
h6,.h6{font-size: 1.1429rem;}

address{color:#000; display: inline;}
.campoRequired{ border-color: #0026DC!important;}

.mt-100{margin-top: 100px;}
#cards .card{border-width: 3px;}
.semBg{ background:none !important;}
.bgTransparent{ background: transparent !important; }
.bgPreto{background-color: #202020;}
.bgBranco{background-color: #F0F0F0;}

.ftBranca{color:#fff!important;} 
.ftCinza{color:#363636;}
.ftCinzaClaro{color:#989898;}
.ftMarrom{color:#c16b37;}
.ftAmarela{color:#fff200;}
.borderMarrom{border-color: #c16b37;}
.cursor{cursor: pointer;}
.sepNot{border-top: 1px solid #c16b37;}
.contain {object-fit: contain;width: 100%;height: 100%;}
.cover {object-fit: cover;width: 100%;height: 100%;}

.carousel-indicators li{background-color:#c16b37; }

/* margens e paddings */
.nospaces{padding: 0px !important; margin: 0px !important;}

.borda-modo{border: 1px solid #202020;}

/* Navbar */
#navtop.inicial, #navtop.shrink, .navbar-brand img, .navbar-brand p{transition: all 0.4s ease-in-out; white-space: normal;}

.slogan{
    background-color: #202020;
    transition: all 0.4s ease-in-out;
    text-align: center;
    position: absolute;
    left: 5%;
    right: 5%;
    z-index: 900;
}
#navtop.inicial .slogan{margin-top: 100px;}
#navtop.shrink .slogan{margin-top: 70px;}

.navbar-brand img {max-width: 165px; font-size: 1rem;}
#navtop.inicial{
    font-size: 0.85714rem;
}
#navtop.shrink{
    font-size: 0.75rem;
}
#navtop.inicial .navbar-brand img{
	max-width:165px;
}
#navtop.shrink .navbar-brand img{
	max-width:120px;
}

#navtop.inicial .navbar-brand p{
	font-size: 1rem;
}
#navtop.shrink .navbar-brand p{
	font-size: 0.85714rem;
}

.tooltip>.tooltip-inner {
  background-color: #575757;
}

.tooltip>.tooltip-arrow{
  border-bottom-color: #575757;
}

.navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {color: #c16b37; border: none; margin-top: 2.5rem;}

.navbar-nav{flex-direction: row; position: relative; z-index: 50;}
#navtop.inicial .navbar-nav{margin-top: 3.1rem; transition: all 0.4s ease-in-out;}
#navtop.shrink .navbar-nav{margin-top: 1.5rem; transition: all 0.4s ease-in-out;}


#navtop .navbar-nav .nav-link, #navbar .navbar-nav .nav-link {
	font-size: 0.85714rem;
	color:#c16b37;
	border-bottom: 2px solid #202020;
    margin-right: 1rem;
    white-space: nowrap;
}
#navtop .navbar-nav .nav-link:hover, #navbar .navbar-nav .nav-link:hover, #navtop .navbar-nav .active .nav-link{
	color:#fff200;
	border-bottom: 2px solid #fff200;
}

#navbartop .form-control{
    color: #c16b37!important; 
    font-size: 0.85714rem; 
    border-color: rgba(193,107,55,0.7);
    background-color: #343a40;
}

#navtop .redesSocias{font-size: 1.2rem;}
#navtop .redesSocias .fa-instagram, #navbartop .redesSocias .fa-facebook{font-size: 1.2rem;}


.btn-outline-marrom{border-color: rgba(193,107,55,0.7);font-size: 0.85714rem; border-left: none;}

.separadorDireita{border-right: 1px solid #c16b37;}
.separadorEsquerda{border-left: 1px solid #c16b37;}
.separadorTopo{border-top: 1px solid #c16b37;}

.h-140{height: 140px;}

.inverter {
    transform: scaleX(-1);
}
.sidenav {
    width: 150px;
    border-left: 1px solid #c16b37;
    font-size: 0.81429rem;
    color: #fff;
    text-align: right;
    height: 80%;
    position: fixed;
    top: 100px;
    right: 0;
    z-index: 1100;
    padding: 0.2rem 1rem;
    line-height: 1.2rem;
}

.sideLink{font-size: 0.81429rem; overflow: hidden;  position: relative; display: inline-block; }

.sideLink::before,
.sideLink::after {
 content: '';
  position: absolute;
  width: 100%;
  left: 0;
}
.sideLink::before {
  background-color: #fff200;
  height: 2px;
  bottom: 0;
  transform-origin: 100% 110%;
  transform: scaleX(0);
  transition: transform .4s cubic-bezier(0.76, 0, 0.24, 1);
}
.sideLink::after {
  content: attr(data-replace);
  height: 100%;
  top: 0;
  transform-origin: 100% 50%;
  transform: translate3d(200%, 0, 0);
  transition: transform .4s cubic-bezier(0.76, 0, 0.24, 1);
  color: #fff200;
}

.sideLink:hover::before {
  transform-origin: 0% 50%;
  transform: scaleX(1);
}
.sideLink:hover::after {
  transform: translate3d(0, 0, 0);
}

.sideLink span {
    font-size: 0.81429rem;
  display: inline-block;
  transition: transform .4s cubic-bezier(0.76, 0, 0.24, 1);
}

.sideLink:hover span {
  transform: translate3d(-200%, 0, 0);
}

.numDestaque {
    color: #c16b37;
    font-size: 4.80rem;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: 100;
    line-height: 4.70rem;
}
.textDestaque{
    color: #fff;
    font-size: 2.6143rem;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    font-weight: normal;
}

#Fornecedores h5, #Contato h5{color:#FFF!important;}

.esconde{
	/*max-height: 0;*/
	opacity: 0;
	pointer-events: none;
}
/*#bannersTopo{
    top:-140px;
}*/
.carousel{position: relative;}
.carousel-item{position: relative; color:#FFF;}

.legendaBanner{
    margin-top: 2rem;
    font-size: 3.5714rem;
    width: 600px;
    font-family: 'IBM Plex Sans Arabic', sans-serif;
    color: #fff;
    position: relative;
    z-index: 20;
}

#bannersTopo  .btBanner{
    color: #c16b37!important; 
    font-size: 1rem; 
    background: none;
    border: 1px solid #c16b37;
    padding: 1.3rem;
    padding-left:3rem;
    padding-right:3rem;
}

.carousel-control-next, .carousel-control-prev {
  top: 20px;
  bottom: unset;
  right: unset;
  align-items:flex-start;
  justify-content:flex-start;
  width: 100%;
  text-align: left;
}
.carousel-control-next{margin-left: 20px;}

/* basic classes */
.table th{color : #93b412;}
.fsize-lg{font-size: 1.5rem;}  
.cursor-pointer{cursor: pointer;}
a{color : #c16b37; text-decoration : none;}
a:hover{color : #8E4010; text-decoration : none;}
p,div,span,input,textarea{font-size: 1rem;}


#customform p {font-size: 0.9rem; color: #6E6E6E;}

.select2-search{font-size: 0.9rem;}


.nav-tabs{
    border:none;
    padding-bottom: 10px;
    border-bottom:1px solid #c16b37; 
}

.nav-tabs .nav-link:hover {
    border:none;
    color:#8E4010!important;
}

.nav-tabs .nav-link.active {
    background: none;
    border: none;
    color:#fff!important;
    font-weight: 800;
    font-size: 1.2rem;
    border-bottom:6px solid #c16b37; 
}

#nav-tabContent{
    border-right:1px solid #c16b37;
    border-top:1px solid #c16b37;
}

.polaroid{
    padding: 10px 10px 25px 10px;
    background: #4D4D4D;
    border: 1px solid #2D2D2D;
    margin-bottom: 15px;
    margin-right:10px;
}
.overlay{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(193,107,55,0.2);
    top: 0;
    left: 0;
    z-index: 5; 
    max-width: 340px;
}
.centered {
    /*color:#c16b36; transition: all 0.4s ease-in-out;*/
    color:#fff;
    font-size: 1.8rem;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 10;
    text-align: center;
    width: 90%;
    max-width: 340px;
}

.areaAtuacao{ max-width: 340px; margin-left: auto; margin-right: auto;}

.areaAtuacao h3{color: #fff!important;text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);}
.areaAtuacao p.slideup{font-size: 1.1rem;}

/*.centered:hover {
    font-size: 1.5rem;
    color:#fff200;
    width: 90%;
    transition: all 0.4s ease-in-out;
}*/

/* HOME
-------------------------------------------------- */

#formContato  .form-control{
    color: #c16b37!important; 
    font-size: 0.85714rem; 
    border: none;
    background: none;
    border-bottom: 1px solid #c16b37;
}

#formContato  #enviar{
    color: #c16b37!important; 
    font-size: 0.85714rem; 
    background: none;
    border: 1px solid #c16b37;
}

.form-control::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c16b37;
}

.form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #c16b37;
}

.form-control::-ms-input-placeholder { /* Microsoft Edge */
    color: #c16b37;
 }

/* Páginas Internas */
.conteudo{
	padding-top: 1.5rem;
}

video {
  max-width: 100%;
  height: auto;
}

.card-columns {
	column-count: 3;
}

.card-deck .col3 {
    min-width: 18rem;
    max-width: 20rem;
    margin-bottom: 1rem;
}
.card-deck .col4 {
    min-width: 14rem;
    max-width: 16rem;
    margin-bottom: 1rem;
}


#nav-tab .nav-link{
    border: none;
    color: #fff200;
    background-color: #c16b37;
    font-size: 1.5rem;
    margin-bottom: -10px;
}

#nav-tab .nav-link:hover{
    color: #fff!important;
}

#nav-tab.nav-tabs .nav-item.show .nav-link, #nav-tab.nav-tabs .nav-link.active {
  color: #fff200;
  background-color: #202020;
  font-size: 1.5rem;
  border: none;
}
#nav-tab .dropdown-menu {
  background-color: #202020;
  border: none;
}

#nav-tab .dropdown-menu .dropdown-item {
  color: #c16b37;
}
#nav-tab .dropdown-menu .dropdown-item.active {
    background-color: #202020;
    color: #fff200;
}

footer .nav .nav-link{padding-left: 0; padding-bottom: 0; padding-top: 0.5rem;}
footer .nav .nav-link:hover{color:#fff200;}

.logoView{max-width: 150px;}

/* RESPONSIVE MEDIA QUERIES */
/* Medium Devices, Desktops (col-md-*)*/
@media only screen and (max-width : 992px) {
	html, body { padding-top: 80px; font-size: 14px; line-height: 24px;}
    #navtop.inicial .navbar-nav { margin-top: 4rem;}
    #navtop.shrink  .navbar-nav { margin-top: 2.3rem;}
    #navtop.inicial .slogan{margin-top: 90px;}
    #navtop.shrink .slogan{margin-top: 70px;}
    .logoView{max-width: 140px;}
    .h-140{height: 120px;}
    .slogan{left: 8%; right: 8%;}
    .legendaBanner{
        margin-top: 1rem;
        font-size: 2.1rem;
        width: 100%;
    } 
    .numDestaque {font-size: 3.5rem;}
    .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {margin-top: 2.3rem;}
}
/* Small Devices, Phones (col-sm-*)*/ 
@media only screen and (max-width : 768px) {
	html, body { padding-top: 80px; font-size: 12px; line-height: 20px;}
    #navtop.inicial .navbar-nav { margin-top: 4rem;}
    #navtop.shrink  .navbar-nav { margin-top: 2.3rem;}
    #navtop.inicial .slogan{margin-top: 90px;}
    #navtop.shrink .slogan{margin-top: 70px;}
    .logoView{max-width: 130px;}
    .h-140{height: 100px;}
    .legendaBanner{
        margin-top: 1rem;
        font-size: 2.1rem;
        width: 100%;
    }
    .carousel-indicators{bottom: -30px; }
    .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {margin-top: 2.2rem;}
    .carousel-control-next, .carousel-control-prev {top: unset;}
}

/* Extra Small Devices, Phones (col-xs-*)*/ 
@media only screen and (max-width : 576px) {
	html, body { padding-top: 60px; font-size: 12px; line-height: 16px;}
	#navtop.inicial .navbar-brand img{max-width:115px;}
	#navtop.shrink .navbar-brand img{max-width:90px;}
    .logoView{max-width: 120px;}
    .h-140{height: 80px;}
    .legendaBanner{
        margin-top: 1rem;
        font-size: 1.9rem;
        width: 100%;
    }
    #navtop .navbar-nav .nav-link, #navbar .navbar-nav .nav-link {
        font-size: 0.85714rem;
    }
    #navtop .redesSocias{font-size: 0.97rem;}
    #navtop.inicial .navbar-nav { margin-top: 3.8rem;}
    #navtop.shrink  .navbar-nav { margin-top: 2.8rem;}
    #navtop.inicial .slogan{margin-top: 70px;}
    #navtop.shrink .slogan{margin-top: 60px;}
    #bannersTopo  .btBanner{
        padding: 1rem;
        padding-left:2rem;
        padding-right:2rem;
    }
    .navbar-dark .navbar-toggler, .navbar-light .navbar-toggler {margin-top: 2rem;}
}