#tab-multimedia .nav-item { width: auto!IMPORTANT;}

@font-face {
  font-family: 'Avenir-Black';  
  src: url("../webfonts/Avenir-Black.ttf");
}
@font-face {
  font-family: 'Avenir-Medium';
  src: url("../webfonts/Avenir-Medium.eot");
  src: url("../webfonts/Avenir-Medium.eot?#iefix") format("embedded-opentype"), url("../webfonts/Avenir-Medium.ttf") format("truetype"),src: url("../webfonts/Avenir-Medium.otf");
}
@font-face {
  font-family: 'Avenir-MediumOblique';
  src: url("../webfonts/Avenir-MediumOblique.eot");
  src: url("../webfonts/Avenir-MediumOblique.eot?#iefix") format("embedded-opentype"), url("../webfonts/Avenir-MediumOblique.ttf") format("truetype"),src: url("../webfonts/Avenir-MediumOblique.otf");
}
body{font-family: 'Avenir-Medium', sans-serif; font-size: 18px; line-height: 26px; background: #FFF;}
.section{ margin: 80px auto;}
a{ color: #ff6700;}
a:hover{ color: #f56300; text-decoration: none;}
img {  max-width: 100%;height: auto; }
.container-fluid{ max-width: 1280px;}
/*NAVBAR*/
.bg_top {background: rgba(254,254,254,0.8);}
.top-navbar {  background: #000; color: #FFF; padding: 10px 0; font-size: 16px; line-height: 18px; }
.navbar-brand img{ max-width: 85%;}
.navbar-brand{ margin-right:}
.navbar.navbar-expand-lg.navbar-light {  padding-top: 0; padding-left: 0; padding-right: 0; padding-bottom: 0;}
.navbar-light .navbar-nav .nav-link{ color: #000; font-size: 18px; font-family: 'Avenir-Black', sans-serif; text-transform: uppercase; text-align: center; padding: 30px 30px;
height: 100%;line-height: 20px; }

/*.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link {
	color: #FFF;    
    background: rgba(132,132,132,0.5);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);

}*/
navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link , .navbar-light .navbar-nav .nav-link:hover{color: #FFF; }
.nav-link span {
    z-index: 10;
    position: relative;
}
.nav-link{ position: relative;}
.navbar-light .navbar-nav .nav-link.active::before, .navbar-light .navbar-nav .nav-link::before{
	content:'';
	background: rgba(132,132,132,0.5);
	clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	width:100%;
	height: 116%;
	position: absolute;
	left:0; bottom: -16%;
	opacity: 0;
	z-index: 9;
	}
	.navbar-light .navbar-nav .nav-link.active::before, .navbar-light .navbar-nav .nav-link:hover::before ,
	.navbar-light .navbar-nav .nav-link.active span::after, .navbar-light .navbar-nav .nav-link:hover span::after{ opacity: 1; }
.navbar-light .navbar-nav .nav-link.active span{ position: relative; overflow: hidden;}
.navbar-light .navbar-nav .nav-link span::after {

    content: '';
    width: 60%;
    height: 3px;
    background: #ff6700;
    display: block;
    text-align: center;
    margin: 10px 0;
    position: absolute;
    left: 20%;
    transform: rotate(-4deg);
	opacity: 0;
	z-index: 10;

}
/*REDES SOCIAIS*/
.redes { list-style: none; margin: 0;  padding: 0;}
.redes li { margin-left: 10px; display: inline-block;}
.redes li a{ color: #FFF; font-size: 20px; line-height: 22px;}

/*breadcrumb*/
ul.breadcrumb {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    background-color: transparent;
    border-radius: 0;
	/*margin-top: 120px;*/
	width: 100%;
	margin-bottom: 30px;
}
ul.breadcrumb.breadcrumb-home{ margin-top: 120px;}
.breadcrumb li.active {
    width: 100%;
    overflow: hidden;
    padding: 0;
    margin: 0;
    float: left;
}

    .breadcrumb li.active h3 {
        position: relative;
        padding: 0%;
        margin: 4px 0 0;        
        width: 100%;
        float: left;
    }

.breadcrumb .active h3 span {
    padding: 0;
    margin: 0;
    font-size: 26px;
    line-height: 28px;
    text-transform: uppercase;

	font-family: 'Avenir-Black';
	font-style: normal;
}

.breadcrumb li {
	display: inline-block;
    padding: 0;
    margin: 0;
    font-size: 18px;
	line-height: 20px;
	text-transform: uppercase;
	font-style: italic;
}

    .breadcrumb li span {        
        padding-right: 10px;
		padding-left: 10px;
    }

    .breadcrumb li a {
        margin: 0;        
        /*padding: 0px 5px;*/
		color: #000;
		text-decoration: none;
    }
	


        .breadcrumb li a:hover {
            color: #ff6700;
        }

        .breadcrumb li a:first-child {
           /* padding-left: 10px;*/
        }
/* only small tablets */


/*COOKIES*/
.wgt-cookies {position: fixed;width: 35%;margin: 0;padding: 22px 30px;z-index: 9999;background: rgba(0,0,0, 0.8);opacity:1;color: #FFFFFF;float: left;text-align: center;bottom: 10px;right: 10px;transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}
.wgt-cookies .content {position: relative;width: 100%;max-width: 100%;margin: 0 auto;padding: 0;display: inline-block;}
.msg_cookies, .opt_cookies { position: relative; width: 100%; margin: 0; padding: 0; float: left; text-align: justify; }
.opt_cookies {position: absolute;bottom: 7%;left: 0;}
.msg_cookies {margin: 0;font-size: 12px;line-height: 12px;}
.opt_cookies a:first-child {margin: 0;padding: 0px;font-size: 14px;color: white;display: inline-block;position: absolute;left: 0;}
.opt_cookies a:last-child {position: absolute;padding: 3px 10px;width: 64px;color: white;border: 1px solid #ff6733;background: #ff6700;font-size: 12px;line-height: 20px;text-align: center;right: 0;bottom: -23px;transition: 0.5s all;}
.opt_cookies a:last-child:hover {  color: #FFFFFF; text-decoration: none;background: #f06100;}
.msg_cookies p{ font-size:14px; padding: 0;line-height: 18px;}
.wgt-cookies_hide {opacity:0; transition: all 1s ease;-o-transition: all 1s ease;-ms-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}
/*SLIDER*/
.carousel { position: relative;}
.carousel-inner {position: relative; width: 100%; overflow: hidden; height: 100%;}
.carousel-item { height: 100%; position: relative; display: none; align-items: center; width: 100%; @include transition($carousel-transition); backface-visibility: hidden;  perspective: 1000px;}
.carousel-item.active,
.carousel-item-next,
.carousel-item-prev { display: block;}
.carousel-item-next,
.carousel-item-prev { position: absolute; top: 0;}

// CSS3 transforms when supported by the browser
.carousel-item-next.carousel-item-left,
.carousel-item-prev.carousel-item-right {
  transform: translateX(0);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(0, 0, 0);
  }
}

.carousel-item-next,
.active.carousel-item-right {
  transform: translateX(100%);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(100%, 0, 0);
  }
}

.carousel-item-prev,
.active.carousel-item-left {
  transform: translateX(-100%);

  @supports (transform-style: preserve-3d) {
    transform: translate3d(-100%, 0, 0);
  }
}


//
// Left/right controls for nav
//

.carousel-control-prev,
.carousel-control-next {
  position: absolute;
  top: 0;
  bottom: 0;
  // Use flex for alignment (1-3)
  display: flex; // 1. allow flex styles
  align-items: center; // 2. vertically center contents
  justify-content: center; // 3. horizontally center contents
  width: $carousel-control-width;
  color: $carousel-control-color;
  text-align: center;
  opacity: $carousel-control-opacity;
  // We can't have a transition here because WebKit cancels the carousel
  // animation if you trip this while in the middle of another animation.

  // Hover/focus state
  @include hover-focus {
    color: $carousel-control-color;
    text-decoration: none;
    outline: 0;
    opacity: .9;
  }
}
.carousel-control-prev {
  left: 0;
  @if $enable-gradients {
    background: linear-gradient(90deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
  }
}
.carousel-control-next {
  right: 0;
  @if $enable-gradients {
    background: linear-gradient(270deg, rgba(0, 0, 0, .25), rgba(0, 0, 0, .001));
  }
}

// Icons for within
.carousel-control-prev-icon,
.carousel-control-next-icon {
  display: inline-block;
  width: $carousel-control-icon-width;
  height: $carousel-control-icon-width;
  background: transparent no-repeat center center;
  background-size: 100% 100%;
}
.carousel-control-prev-icon {
  background-image: $carousel-control-prev-icon-bg;
}
.carousel-control-next-icon {
  background-image: $carousel-control-next-icon-bg;
}


// Optional indicator pips
//
// Add an ordered list with the following class and add a list item for each
// slide your carousel holds.

.carousel-indicators {
  position: absolute;
  right: 0;
  bottom: 10px;
  left: 0;
  z-index: 15;
  display: flex;
  justify-content: center;
  padding-left: 0; // override <ol> default
  // Use the .carousel-control's width as margin so we don't overlay those
  margin-right: $carousel-control-width;
  margin-left: $carousel-control-width;
  list-style: none;

  li {
    position: relative;
    flex: 0 1 auto;
    width: $carousel-indicator-width;
    height: $carousel-indicator-height;
    margin-right: $carousel-indicator-spacer;
    margin-left: $carousel-indicator-spacer;
    text-indent: -999px;
    background-color: rgba($carousel-indicator-active-bg, .5);

    // Use pseudo classes to increase the hit area by 10px on top and bottom.
    &::before {
      position: absolute;
      top: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }
    &::after {
      position: absolute;
      bottom: -10px;
      left: 0;
      display: inline-block;
      width: 100%;
      height: 10px;
      content: "";
    }
  }

  .active {
    background-color: $carousel-indicator-active-bg;
  }
}


// Optional captions
//
//

.carousel-caption {
  position: absolute;
  right: ((100% - $carousel-caption-width) / 2);
  bottom: 20px;
  left: ((100% - $carousel-caption-width) / 2);
  z-index: 10;
  padding-top: 20px;
  padding-bottom: 20px;
  color: $carousel-caption-color;
  text-align: center;
}
.banner_shadow {width: 100%; height: 100%; background: rgba(000,000,000,0.2);  position: absolute;  top: 0;}
.banner_descricao { position: absolute; width: 100%; height: 100%; margin: 0; padding: 0; top: 0; color: #FFFFFF; z-index: 3; overflow: hidden; }
.banner_table { width: 100%; height: 100%; margin: 0; padding: 0; display: table; top: 0; color: #FFFFFF; z-index: 3; }
.banner_cell { position: relative; width: 100%; height: 100%; margin: 0 auto; padding: 0; display: table-cell; }
.banner_content { position: relative; width: 96%; max-width: 1240px; margin: auto; padding: 0; }
.banner_content_middle { vertical-align: middle; }
.banner_content_top { vertical-align: top; }
.banner_content_bottom { vertical-align: bottom; }

/**/
.img_portofolio {

    position: relative;

}

.overlayparc {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0,0.5);
    overflow: hidden;
    width: 100%;
    height: 100%;
	opacity: 0;
	-webkit-transition: opacity .5s ease-out;
-moz-transition: opacity .5s ease-out;
-ms-transition: opacity .5s ease-out;
-o-transition: opacity .5s ease-out;
transition: opacity .5s ease-out;
}
.img_portofolio:hover .overlayparc{ opacity: 1;}

.textparc { color: #FFFFFF; font-size: 40px; position: relative; top: calc(50% - 20px); left: 0; width: 100%; text-align: center;}

/*FOOTER*/
footer { margin-top: 120px;}
footer .container-fluid { border-top: 1px solid;}
.copyright { font-size: 16px; line-height: 18px;  margin: 1rem 0;}

/*RESPONSIVE*/

@media (min-width: 768px) and (max-width: 991px) {

}
@media screen and (max-width: 768px) {

}
#section-content {  margin-top: 60px; margin-bottom: 120px; position: relative; padding: 0; }

.polygon-1, .polygon-2 { width: 100%; height: 500px; background: rgba(132,132,132,0.05); position: absolute; z-index: 0; top: 0; clip-path: polygon(0% 0, 100% 50%, 100% 100%, 0 50%); z-index: -1;}
.polygon-2{ clip-path: polygon(0 55%, 100% 25%, 100% 75%, 0 100%);}

/**/
.lista-produtos {
    height: 300px;
    clip-path: polygon(0 10px, 100% 0, 100% 100%, 0 240px);
}
.lista-produtos-2{ clip-path: polygon(0 0px, 100% 60px, 100% 290px, 0 100%); margin-top: -50px;}
.lista-produtos .background {
    height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	width: 100%;

}
.lista-produtos .background .titulo {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
	color: #FFF;
	font-size: 35px;
	line-height: 37px;
	font-family: 'Avenir-Black';
	text-transform: uppercase;
}

.produto{ width:100%; padding: 0; margin: 0; overflow: hidden;position: relative;}
.produto .titulo-produto {	
    background: #ededed;
    font-size: 16px;
    line-height: 18px;
    text-transform: uppercase;
	font-style: italic;
	font-weight: 600;
	color: #000000;
	padding: 15px 45px 15px 30px;
	display: flex;
	align-items: center;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out
}
.produto:hover .titulo-produto {
	background: #000000;
	color: #ededed ;
}	
.produto .titulo-produto span {
    position: absolute;
    right: 25px;
    font-size: 22px;
}
/*PRODUTO*/
.banner-produto{
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
background-repeat: no-repeat;
width: 100%;
text-align: center;
border-bottom: 2px solid #494949;
}
.banner-produto img{ max-height: 660px;}
h1.titulo-produto{
	font-size: 39px;
line-height: 49px;
text-transform: uppercase;
font-family: 'Avenir-Black';
font-style: normal;
margin-top: 2rem;
	}
.modal-content  h1.titulo-produto{ margin-top: 0;}
.d-produto .resumo{ font-size: 20px; line-height: 22px;}

a.saber-mais {

    padding: 10px 20px 20px;
    color: #FFF;
    background: rgba(132,132,132,0.7);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    font-size: 14px;
    text-transform: uppercase;
    font-family: 'Avenir-Black';
    font-style: normal;
    cursor: pointer;
	color: #FFF!IMPORTANT;
	display: inline-block;

}
a.saber-mais span{ position: relative;	overflow: hidden;}
a.saber-mais span::after {
    content: '';
    width: 60%;
    height: 3px;
    background: #ff6700;
    display: block;
    text-align: center;
    position: absolute;
    left: 20%;
    transform: rotate(-4deg);
	bottom: -6px;
}
.modal-content {
    padding: 50px;
    font-size: 20px;
    line-height: 22px;
	border-radius: 0;
}
.btn-inf {

    display: inline-block;
    font-size: 16px;
    background: #ededed;
    color: #000;
    padding: 10px 20px;
    margin-bottom: 1rem;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;

}
.btn-inf.active, .btn-inf:hover{ background: #494949;  color: #FFF;}
.btn-inf span {  margin-left: 10px;}

.content-scrollbar{ overflow: auto; background: #ededed; max-height: 300px; font-size: 20px; line-height: 22px; padding: 20px;}
.content-scrollbar ul{ margin: 0; padding-left: 20px;}

/*TAB*/


#tab-multimedia{ border: none; border-radius: 0; margin-bottom: 1rem;}
#tab-multimedia .nav-link {
	border: none; border-radius: 0;
	padding: 10px 20px 20px;
	

	clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
	font-size: 14px;
	text-transform: uppercase;
	font-family: 'Avenir-Black';
	font-style: normal;
	cursor: pointer;
	color: #000;
}
#tab-multimedia .nav-link.active{
	background: rgba(132,132,132,0.7);
	color: #FFF;
}
#tab-multimedia .nav-link.active span{
	position: relative;
	overflow: hidden;
}
#tab-multimedia .nav-link.active span::after {
    content: '';
    width: 60%;
    height: 3px;
    background: #ff6700;
    display: block;
    text-align: center;
    position: absolute;
    left: 20%;
    transform: rotate(-4deg);
    bottom: -6px;
}


/*NEXT*/
.next-step {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 40px;
}
.next-step > span {
    padding: 20px 20px 10px;
    color: #FFF;
    background: rgba(132,132,132,0.7);
    clip-path: polygon(0 15%, 100% 0, 100% 100%, 0 100%);
    cursor: pointer;
    position: relative;
    display: inline-block;
}

/*LISTA NOTICIAS*/
.noticia .data,.noticia .saber-mais-noticia, .data { font-family: 'Avenir-Black', sans-serif; font-size: 20px; line-height: 30px; text-transform: uppercase;}
.noticia .titulo {
    font-size: 35px;
    line-height: 45px;
    font-family: 'Avenir-Black', sans-serif;
    text-transform: uppercase;
}
a.saber-mais-noticia, .saber-mais-noticia:hover  {
    color: #ff6700;
	
}
a.saber-mais-noticia i{ margin-left: 10px;}

/**/
iframe.google-maps {
    margin-top: -46px;
    height: calc(100% + 46px)!IMPORTANT;
}
.link-mobile {
    display: none;
    opacity: 0;
}
@media (max-width: 480px) {
.link-desktop {
    display: none;
    opacity: 0;
}
.link-mobile {
    display: inline-block;
    opacity: 1;
}
	}
.form-control {
    display: block;
	width: 100%;
	height: auto;
	padding: 15px 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform: uppercase;
	font-style: italic;
}
label {
    font-size: 16px;
    line-height: 1.5;
    color: #495057;
    font-style: italic;
	text-transform:uppercase;
}
.upload_cv {
  display: none;
}
.file {
  width: 100%;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0;
  transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
  text-transform: uppercase;
  font-style: italic;
  margin-top: 10px;
 }


.btn {

    padding: 15px 20px;
	font-size: 16px;
	line-height: 1.5;
	color: #495057;
	background-color: #fff;
	background-clip: padding-box;
	border: 1px solid #ced4da;
	border-radius: 0;
	transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
	text-transform: uppercase;
	font-style: italic;

}
#submit_inscricao, .btn-enviar{
    background: rgb(8, 8, 9);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
    padding: 20px 30px;
    border-radius: 0;
    text-transform: uppercase;
    color: #FFF;
    font-weight: bold;
}
#submit_inscricao:hover, .btn-enviar:hover {
    background: #ff6700;
}
.flashHeader {
    text-transform: uppercase;
    margin: 2rem 0;
}
/*MODAL*/
.modal-header {
    border-bottom: 0px;
    padding: 0;
    margin-bottom: 2rem;
    font-size: 25px;
}
.modal-header h5 {
    font-size: 26px;
line-height: 28px;
text-transform: uppercase;
font-family: 'Avenir-Black';
}

/*MOBILE*/
.navbar-toggler{ border: 0px;}
.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(0, 0, 0, 1)' stroke-width='3' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
@media (max-width: 991px) {
	.navbar-nav {  border-top: 1px solid #ddd;}
	.nav-item {
    width: auto;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
	}
	.navbar-light .navbar-nav .nav-link{padding: 15px 10px;}
	.wgt-cookies{width: 90%; right: 5%; left: 5%;}
}
@media (max-width: 480px) {
	.navbar-light .navbar-brand{ max-width: 190px; margin: 0;}
	.navbar-brand img { max-width: 100%;}
}
@media (min-width: 1200px) {	
	.col-xl-3-1{
		-ms-flex: 0 0 20%;
		flex: 0 0 20%;
		max-width: 20%;
	}
}

/*CONTEUDO MAPA*/
.search label {

    display: block;
    font-weight: 600;

}
#txt_search, #btn_search {

    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;

}
#txt_search, #btn_search {
    padding: 0;
    margin: 0;
    display: inline-block;
    position: relative;
    font-size: 20px;
    line-height: 20px;
    padding: 10px;
}
#btn_search {
    border: 0px;
    font-size: 16px;
    line-height: 22px;
    padding: 10px 20px;
    background: #ededed;
    text-transform: uppercase;
    font-style: italic;
    font-weight: 600;
	cursor: pointer;
}
#btn_search:hover {
    background: #494949;
    color: #FFF;
}
.scrolloff {
    pointer-events: none;
}

.bg_mapa {
    position: relative;
    width: 100%;
    height: 0;
    padding: 0;
    margin: 2% 0% 2%;    
}

#map {
    position: absolute;
    width: 125%;
    height: 100%;
    margin: 0;
    padding: 0;
    z-index: 1;
}

.data-maps {
    display: none;
}

.bg_mapa_100 {
    position: relative;
    width: 100%;
    margin: 2% 0 0;
    padding: 0;
    float: left;
    overflow: hidden;
}

.contatos_mapa {
    position: absolute;
    width: 25%;
    height: 100%;
    margin: 0;
    padding: 0;
    top: 0;
    left: 0;
    background-color: rgba(0,76,153,0.9);
    z-index: 2;
    display: inline-block;
}
    /*.contatos_mapa:after { content: ""; display: block; position: absolute; left: 0; bottom: -30px; width: 0px; height: 0px; border-style: solid; border-width: 30px 30px 0 0; border-color: transparent transparent transparent transparent; border-top-color: #ce1e57; }*/
    .contatos_mapa .title_contats {
        position: relative;
        width: 100%;
        margin: 0 0 5px;
        padding: 20px;
        font-size: 28px;
        line-height: 32px;
        font-weight: 300;
        color: #FFFFFF;
        border-bottom: 1px solid #F4F4F4;
        float: left;
        webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        text-transform: uppercase;
    }

.contatos_mapa_detalhe {
    positin: relative;
    width: 100%;
    padding: 0 2%;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
}

.contatos_mapa .line {
    position: relative;
    width: 100%;
    margin: 0 0 5px;
    padding: 10px;
    color: #FFFFFF;
    float: left;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid rgba(255,255,255,0.1);
}

    .contatos_mapa .line i, .contatos_mapa .line span, .contatos_mapa .line a {
        float: left;
        display: inline-block;
        font-size: 14px;
        line-height: 18px;
    }

    .contatos_mapa .line i {
        width: 30px;
        text-align: center;
        color: #F1F1F1;
        margin-right: 5px;
        font-size: 16px;
        line-height: 20px;
        position: absolute;
        left: 0;
    }

    .contatos_mapa .line span, .contatos_mapa .line a {
        padding-left: 20px;
    }

        .contatos_mapa .line span + span {
            clear: left;
        }

    .contatos_mapa .line a {
        color: #F3F3F3;
    }

        .contatos_mapa .line a:hover {
            color: #FFFFFF;
        }

.map_content {
    position: relative;
    margin: 0;
    padding: 0;
    float: left;
    overflow-x: hidden;
    max-height: 360px;
}

.map_img {
    position: relative;
    width: 30%;
    margin: 0 3% 0 0;
    padding: 0;
    float: left;
    overflow: hidden;
}

    .map_img img {
        width: 100%;
    }

.map_conteudo, .map_conteudo_2 {
    position: relative;
    width: 67%;
    margin: 0;
    padding: 0 20px 0 0;
    float: left;
    overflow: hidden;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.map_conteudo_2 {
    width: 100%;
}

.map_title {
    position: relative;
    width: 100%;
    margin: 0 0 5px;
    padding: 10px;
    color: #B9D031;
    border-bottom: 1px solid #444444;
    float: left;
    webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.menu-top, .redes_sociais {
    width: auto;
    display: inline-block;
}
.menu-top a {
    font-size: 14px;
    line-height: 22px;
    margin: 0 10px;
    color: #FFF;
    text-transform: uppercase;
}
.agente span, .agente a{ display: block;}

#section-topo {    
    transition: top 0.2s ease-in-out;
 
}

.nav-up {
    top: -500px;
}
/*MOBILE*/

.redes_sociais_mobile{display: none;}
.servicos p {
    margin: 1em 0;
}

@media (max-width: 480px) {
	.redes_sociais{display: none;}
	.redes_sociais_mobile{display: block;}
	.redes li a{ font-size: 16px;}
	.redes li { margin-left: 0px; margin-right: 10px;}
	.top-navbar, .menu-top a { font-size: 12px; line-height: 14px;}
	ul.breadcrumb.breadcrumb-home{ margin-top: 60px;}
	.container-fluid p {text-align: left !important;}
	.lista-produtos { height: 150px; clip-path: polygon(0 10px, 100% 0, 100% 100%, 0 120px);}
	.lista-produtos-2 { clip-path: polygon(0 0px, 100% 30px, 100% 140px, 0 100%); margin-top: -20px;}
	.lista-produtos .background .titulo{ font-size: 26px; line-height: 28px;}
	.banner-produto img { max-width: 90%;}
	.breadcrumb li { font-size: 14px; line-height: 16px;}
	h1.titulo-produto { font-size: 26px;line-height: 28px;}
	footer { margin-top: 60px;}
	#section-content { margin-bottom: 60px;}
}