/*
	Amarelo: #fbb900;

*/



 .wow { visibility: hidden; }
 input,
 textarea{outline: unset;}
.longshadow{text-shadow: 1px 1px rgba(0,0,0,0.01), 2px 2px rgba(0,0,0,0.03), 3px 3px rgba(0,0,0,0.025), 4px 4px rgba(0,0,0,0.02), 5px 5px rgba(0,0,0,0.015), 6px 6px rgba(0,0,0,0.01), 7px 6px rgba(0,0,0,0.01), 8px 8px rgba(0,0,0,0.01), 9px 8px rgba(0,0,0,0.01), 10px 10px rgba(0,0,0,0.01), 11px 11px rgba(0,0,0,0.01), 12px 12px rgba(0,0,0,0.01), 13px 13px rgba(0,0,0,0.01), 14px 14px rgba(0,0,0,0.01), 15px 15px rgba(0,0,0,0.01), 16px 16px rgba(0,0,0,0.01), 17px 17px rgba(0,0,0,0.01), 18px 18px rgba(0,0,0,0.01), 19px 19px rgba(0,0,0,0.01), 20px 20px rgba(0,0,0,0.01), 21px 21px rgba(0,0,0,0.01), 22px 22px rgba(0,0,0,0.01), 23px 23px rgba(0,0,0,0.01);}
.border{border: solid 1px #000;}
html{font-size: 16px; height: 100%; width: 100%;}
body{font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; width: 100%; height: 100%; overflow-x: hidden;}
#over {background-color: rgba(0,0,0,0.5); display: none; height: 100vh; position: absolute; top: 50px; width: 100%; z-index: 10;}
h1, h2, h3, h4, h5, h6{text-transform: uppercase; font-weight: 500; font-family: 'Raleway', sans-serif;}
h1{font-size: 2em; font-weight: 900;}
h2{font-size: 2.5em; text-transform: uppercase; text-align: center; color: #2d3e50;}
.btn-default{background-color: #fbb900; border-color: #e3a802; color: #FFF; text-transform: uppercase; font-size: 14px; transition: all 0.3s ease 0s; }
.btn-lg{padding: 30px 40px; font-size: 24px;}
.btn-default:hover, .btn-default.disabled:hover{color: #FFF; }
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{opacity: 1;}
div > blockquote {border-left: none; }
.well {border: 1px solid #93ab93;}
ul{list-style: none; padding: 0; margin: 0;}

header#menu div.logo{margin: 0; padding: 15px;}
header#menu div.logo img{ margin-top: 15px; max-width: 65%; }
header#menu{position: fixed; width: 300px; height: 100vh; z-index: 300; top: 0; left: 0; background-color: rgba(0,0,0,0.95); transition: all 0.3s ease;}
header#menu div.wrapper-menu{width: 100%; margin-top: 30px;}

.gradient-animated{background: linear-gradient(-45deg, #EE7752, #E73C7E, #23A6D5, #23D5AB); background-size: 400% 400%; -webkit-animation: Gradient 15s ease infinite; -moz-animation: Gradient 15s ease infinite; animation: Gradient 15s ease infinite;}
@-webkit-keyframes Gradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }
@-moz-keyframes Gradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }
@keyframes Gradient {0% {background-position: 0% 50%} 50% {background-position: 100% 50%} 100% {background-position: 0% 50%} }

.material-icons {font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; display: inline-block; line-height: 1; text-transform: none; letter-spacing: normal; word-wrap: normal; white-space: nowrap; direction: ltr; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga';}

/* TOP MENU */
header#menu nav.navbar-default {margin-bottom: 0; background-color: transparent; border: none;}
header#menu nav.navbar-default .navbar-header i{color: #FFF; font-size: 1.7rem;}
header#menu nav.navbar-default .navbar-brand{font-family: "Raleway", sans-serif; font-size: 1.2rem; font-weight: 700;}
header#menu nav.navbar-default .navbar-collapse{padding: 0;}
header#menu nav.navbar-default ul#mainmenu > li {display: block; position: relative;}
header#menu nav.navbar-default ul#mainmenu > li::after{opacity: 0; content: ""; position: absolute; right: 0; top: 10px; width: 0; height: 0; border-top: 10px solid transparent; border-right: 15px solid #fbb900; border-bottom: 10px solid transparent; transition: all .30s;}
header#menu nav.navbar-default ul#mainmenu > li:hover::after,
header#menu nav.navbar-default ul#mainmenu > li.parent:hover::after{opacity: 1;}
header#menu nav.navbar-default ul#mainmenu > li > a {display: block; font-family: 'Raleway', sans-serif; text-align: right; font-size: 0.82rem; font-weight: 300; color: #FFF; text-transform: uppercase; padding: 8px 40px 8px 0;}
header#menu nav.navbar-default ul#mainmenu > li > a:hover,
header#menu nav.navbar-default ul#mainmenu > li .open> a, 
header#menu nav.navbar-default ul#mainmenu > li .open > a:focus, 
header#menu nav.navbar-default ul#mainmenu > li .open >a:hover,
header#menu nav.navbar-default ul#mainmenu > li .active > a, 
header#menu nav.navbar-default ul#mainmenu > li .active > a:focus, 
header#menu nav.navbar-default ul#mainmenu > li .active > a:hover{background-color: transparent; text-decoration: none; color: #fbb900;}

header#menu div.copyright{position: absolute; bottom: 15px; width: 100%;}
header#menu div.copyright p{text-align: right; color: #FFF; font-size: 0.75em; padding-right: 40px;}

#social{margin-top: 30px;}
#social .icons,
#social .info{text-align: right; padding-right: 40px;}
#social .info span.phone{font-size: 0.9em; color: #FFF;}
#social .info span.email{font-size: 0.8em; color: #fbb900;}

/* BANNER */
#banner-wrapper{position: fixed; width: 100%; top: 0;}
#banner{z-index: 200; height: 100%; width: 100%; position: relative;}
#banner.carousel-fade .carousel-indicators {right: 0; top: 45%; left: unset; width: 15px; height: 120px;}
#banner.carousel-fade .carousel-control.right,
#banner.carousel-fade .carousel-control.left {background-image: none;}
#banner .carousel-control {width: 6%; text-shadow: none;}
#banner .carousel-indicators li {display: block; width: 15px; height: 40px; background-color: rgba(255,255,255,.4); border: none; border-radius: unset;}
#banner .carousel-indicators .active{width: 25px; height: 40px; background-color: #fff; border: none; border-radius: unset;}
#banner.carousel-fade .carousel-inner .item,
#banner.carousel-fade .carousel-inner .item.active.left,
#banner.carousel-fade .carousel-inner .item.active.right {opacity: 0;}
#banner.carousel-fade .carousel-inner .active,
#banner.carousel-fade .carousel-inner .next.left,
#banner.carousel-fade .carousel-inner .prev.right {opacity: 1;}
#banner.carousel-fade .carousel-inner .item{-webkit-transition-property: opacity; transition-property: opacity; *box-shadow: inset 0px 0px 100px 20px rgba(0,0,0,1);}
#banner.carousel-fade .carousel-inner .next,
#banner.carousel-fade .carousel-inner .prev,
#banner.carousel-fade .carousel-inner .active.left,
#banner.carousel-fade .carousel-inner .active.right {left: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
#banner.carousel-fade .carousel-control {z-index: 2;}
#banner .carousel-control .fa-angle-double-right, 
#banner .carousel-control .fa-angle-double-left{position: absolute; top: 50%; z-index: 5; display: inline-block; font-size: 36px; color: #fff; width: 50px; height: 40px;}
#banner .carousel-control .fa-angle-double-left{display: none; left: 0;}
#banner .carousel-control .fa-angle-double-right{display: none; right: 0;}
#banner .carousel-control {opacity: 1; filter: alpha(opacity=100);}
#banner .text-box{height: 100%; display: flex; align-items: center;}
#banner .text-wrapper{display: block; position: absolute; width: 45%;}
#banner.carousel-fade .banner-titulo{font-family: "Raleway", sans-serif; font-weight: 900; text-transform: uppercase; font-size: 6em; text-align: left; margin: 0; padding: 0;}
#banner.carousel-fade .banner-desc{font-size: 2.5em; font-weight: 900; text-align: left; color: #FFF; margin-top: -10px; padding: 0; line-height: 1em;}
#banner.carousel-fade .text-wrapper{left: 100px;}
#banner.carousel-fade .slide1 .banner-titulo{color: #ffc107;}
#banner.carousel-fade .slide2 .banner-titulo{color: #FF3F80;}
#banner.carousel-fade .slide3 .banner-titulo{color: #ff3f80;}
#banner.carousel-fade .arrow.bounce{width: 50px; height: 50px; position: absolute; bottom: 0; z-index: 1000; font-size: 36px; left: 0; right: 0; margin-left: auto; margin-right: auto; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;}
#banner.carousel-fade .arrow.bounce a{color: #FFF;}

#gallery_produtos div.item-wrapper{position: relative; margin-bottom: 30px;}
#gallery_produtos div.name{opacity: 0; position: absolute; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5); display: flex; align-items: center; justify-content: center; transition: all .30s;}
#gallery_produtos div.name:hover{opacity: 1;}
#gallery_produtos div.name p{color: #FFF; font-family: "Raleway", sans-serif; font-size: 1.2rem; font-weight: 900;}

main.interna{position: relative; background-color: #FFF; }
main.interna .item-page, main.interna .blog{padding-left: 350px; padding-top: 60px; padding-right: 50px;}
main.interna .item-page.tecnologia{padding: 0;}
main.interna .item-page.tecnologia div[itemprop="articleBody"]{padding: 0;}
main.interna .item-page.tecnologia div[itemprop="articleBody"] p:first-child{display: none;}
main.interna .item-page .page-header{margin: 0; padding: 0; border: none;}
main.interna .item-page .page-header h1{color: #fbb900;}
main.interna div[itemprop="articleBody"] > p {font-size: 1.20em; line-height: 1.3em; margin-top: 1.5em; text-align: left; color: #484848;}
main.interna ul.breadcrumb{background-color: transparent; padding: 0;}
main.interna ul.breadcrumb > li + li:before {padding: 0 0; color: #ccc; content: ">>";}
main.interna ul.breadcrumb > li.active span{color: #fbb900;}
main.interna ul.breadcrumb > li a{color: #333;}
main.interna div[itemprop="articleBody"]{padding-bottom: 50px;}
main.interna div[itemprop="articleBody"] h4 {overflow: hidden; font-weight: 700; color: #666; margin-top: 30px;}
main.interna div[itemprop="articleBody"] h4::after{content:""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 4px solid #fbb900;}
main.interna div[itemprop="articleBody"] ul{margin-top: 30px; padding-left: 30px;}
main.interna div[itemprop="articleBody"] ul li{position: relative; padding-left: 15px;}
main.interna div[itemprop="articleBody"] ul li::before{position: absolute; left: 0; content: "\f0da"; font-family: "Font Awesome 5 Free"; font-weight: 900; color: #666;}

main.interna div.blog .thumbnail{height: 365px;}
main.interna div.blog .thumbnail h3{font-size: 20px;}
main.interna div.blog .thumbnail a.btn{position: absolute; bottom: 36px; right: 30px;}

/* Gallery */
.gal-container.row{margin: auto;}
.gal-item{overflow: hidden; padding: 3px;}
.gal-item .box{height: 350px; overflow: hidden;}
.box img{height: 100%; width: 100%; object-fit:cover; -o-object-fit:cover;}
.gal-item a:focus{outline: none;}
.gal-item a:after{position: absolute; content:"\f00e"; font-family: 'Font Awesome 5 Free'; font-weight: 900; opacity: 0; background-color: rgba(0, 0, 0, 0.75);  right: 3px; left: 3px; top: 3px; bottom: 3px; text-align: center; line-height: 350px; font-size: 30px; color: #fff; -webkit-transition: all 0.5s ease-in-out 0s; -moz-transition: all 0.5s ease-in-out 0s; transition: all 0.5s ease-in-out 0s;}
.gal-item a:hover:after{opacity: 1;}
.modal-open .gal-container .modal{background-color: rgba(0,0,0,0.4);}
.modal-open .gal-item .modal-body{padding: 0px;}
//.modal-open .gal-item button.close{position: absolute; width: 25px; height: 25px; background-color: #000; opacity: 1; color: #fff; z-index: 999; right: -12px; top: -12px; border-radius: 50%; font-size: 15px; border: 2px solid #fff; line-height: 25px; -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.35); box-shadow: 0 0 1px 1px rgba(0,0,0,0.35);}
//.modal-open .gal-item button.close:focus{outline: none;}
//.modal-open .gal-item button.close span{position: relative; top: -3px; font-weight: lighter; text-shadow:none;}
.gal-container .modal-dialogue{width: 80%;}
.gal-container .description{position: relative; height: 40px; top: -40px; padding: 10px 25px; background-color: rgba(0,0,0,0.5); color: #fff; text-align: left;}
.gal-container .description h4{ margin:0px; font-size: 15px; font-weight: 300; line-height: 20px;}
.gal-container .modal.fade .modal-dialog {-webkit-transform: scale(0.1); -moz-transform: scale(0.1); -ms-transform: scale(0.1); transform: scale(0.1); top: 100px; opacity: 0; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s;}
.gal-container .modal.fade.in .modal-dialog {-webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transform: translate3d(0, -100px, 0); transform: translate3d(0, -100px, 0); opacity: 1;}
@media (min-width: 768px) {.gal-container .modal-dialog {width: 55%; margin: 50 auto;}}
@media (max-width: 768px) {.gal-container .modal-content{height:250px;}}

main.interna .mapa > div > p{margin-bottom: 30px;}
main.interna .mapa .info p,
main.interna .mapa .info p > small{display: flex; align-items: center;}
main.interna .mapa .info p > small{color: rgba(0,0,0,0.54); margin-right: 10px;}
main.interna .mapa .info p > small > i{margin-right: 5px;}
div.arquivo span.badge{float: right;}

/* LG */
@media only screen and (min-width : 1200px){

	header#menu nav.navbar-default ul#mainmenu > li.parent ul{opacity: 0; display: none; padding: 20px; position: absolute; left: 300px; top: 10px; width: 100%; background-color: #000; transition: all .30s;}
	header#menu nav.navbar-default ul#mainmenu > li.parent:hover ul{opacity: 1; display: block;}
	header#menu nav.navbar-default ul#mainmenu > li.parent ul:before{opacity: 0; position: absolute; content: ""; left: -10px; top: 0; width: 10px; height: 100%; background-color: #fbb900; transition: all .30s;}
	header#menu nav.navbar-default ul#mainmenu > li.parent:hover ul:before{opacity: 1;}
	header#menu nav.navbar-default ul#mainmenu > li > ul{display: none; border-left: 10px solid transparent;}
	header#menu nav.navbar-default ul#mainmenu > li > ul > li > a{display: block; font-family: 'Raleway', sans-serif; text-align: left; line-height: 1.8rem; font-size: 0.82rem; font-weight: 300; color: #FFF; text-transform: uppercase;}
	header#menu nav.navbar-default ul#mainmenu > li > ul > li > a:hover{text-decoration: none; color: #fbb900;}
}

/* MD */
@media only screen and (min-width : 992px) and (max-width: 1199px){  }

/* SM */
@media only screen and (min-width : 768px) and (max-width: 991px){ }

/* XS */
@media only screen and (max-width: 767px){
    
    html, body{max-width: 100%;}
    header#menu{height: 60px; top:0; left: 0; right:0; width: 100%;}
    header#menu nav.navbar-default .navbar-brand{line-height: 30px;}
	header#menu nav.navbar-default .navbar-collapse {width: 0; height: 100vh; padding: 0; position: fixed; z-index: 1000; left: 0; overflow-x: hidden; transition: 0.5s; background: #333; top: 0; padding-bottom: 30px; border-color: unset;}
 	header#menu nav.navbar-default .navbar-collapse img{margin-left: auto; margin-right: auto; margin-top: 30px; max-width: 50%;}
 	header#menu nav.navbar-default .navbar-brand,
 	header#menu nav.navbar-default .navbar-brand:focus, 
 	header#menu nav.navbar-default .navbar-brand:hover{color: #FFF;}
	header#menu nav.navbar-default .navbar-toggle {border: none; padding: 0; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;}
	header#menu nav.navbar-default .navbar-toggle:focus, 
	header#menu nav.navbar-default .navbar-toggle:active,
	header#menu nav.navbar-default .navbar-toggle:hover{background-color: transparent;}
	header#menu nav.navbar-default ul#mainmenu{float: none; padding: 0 0 60px 16px; margin: 30px 0 0 0;}
	header#menu nav.navbar-default ul#mainmenu > li{display: block; line-height: 30px; padding: 0; text-align: left;}
	header#menu nav.navbar-default ul#mainmenu > li > a{padding: 0; font-size: 14px; text-align: left; text-transform: unset; line-height: unset; position: relative;}
	header#menu nav.navbar-default ul#mainmenu > li.parent{line-height: 36px; padding: 0;}
	header#menu nav.navbar-default ul#mainmenu > li.parent > a{border-top: solid 1px #CCC; margin-top: 10px; font-size: 12px; font-weight: 700; pointer-events: none;}
	header#menu nav.navbar-default ul#mainmenu > li.parent > ul{padding-left: 16px; margin: 0; width: 100%; list-style: none;}
  	header#menu nav.navbar-default ul#mainmenu > li > ul > li{background-color: transparent; border: none;}
  	header#menu nav.navbar-default ul#mainmenu > li > ul > li > a{font-size: 14px; color: #FFF;}
	
	#homevideo{position: relative;}
    #video-wrap::after{position: absolute;top: 0;z-index: 10;height: 100vh;width: 100%;content: "";background-image: url(../images/overlays/06.png);}
	#homevideo:after{position: absolute; font-family: "FontAwesome"; content:"\f107";  color: #FFF; font-size: 36px; bottom: 5px; z-index: 10; left: 0; right: 0; text-align: center; -moz-animation: bounce 2s infinite; -webkit-animation: bounce 2s infinite; animation: bounce 2s infinite;}
	#homevideo h2{ position: absolute; z-index: 10000; color: #FFF; top: 45%; max-width: 60%; margin-left: auto; margin-right: auto; left: 0; right: 0; padding: 15px; border-radius: 12px;}
	#homevideo h3{ position: absolute; z-index: 10000; color: #FFF; top: 55%; max-width: 60%; margin-left: auto; margin-right: auto; left: 0; right: 0; padding: 15px; border-radius: 12px; font-size: 20px; text-align: center;}

	#banner-mobile{width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center;}
	#banner-mobile img{max-width: 70%;}

	main.interna .item-page, main.interna .blog{padding-left: 0; padding-right: 0;}
	main.interna{padding-left: 10px; padding-right: 10px;}
	main.home-mobile{padding: 60px 10px 40px 10px;}
	main.home-mobile section.content h2 {font-size: 1.5em; overflow: hidden; font-weight: 700; color: #666; margin-top: 30px; margin-bottom: 20px; text-align: left;}
	main.home-mobile section.content h2::after{content:""; display: inline-block; height: 0.5em; vertical-align: bottom; width: 100%; margin-right: -100%; margin-left: 10px; border-top: 4px solid #fbb900;}
	main.interna.mobile .item-page{padding-left: 0; padding-right: 0;}
	main.interna.mobile .item-page.tecnologia{margin-top: 80px; padding: 0;}

	#gallery_produtos div.item-container{position: relative; margin-bottom: 40px;}
	#gallery_produtos div.item-container img{}
	#gallery_produtos div.item-container span{top: -15px; position: absolute; display: block; padding: 10px; width: 80%; margin-left: 10%; background-color: #fbb900; text-align: center; color: #FFF; font-weight: 700; font-family: "Raleway", sans-serif;}
	section.content{}

}