﻿/*
Verde Escuro:   #1B3D1C
Verde Claro: 	#95c93d
Marrom:         #96331F
*/
.border{border: solid 1px #000;}
body{font-size: 16px; font-family: 'Roboto', sans-serif; font-weight: 300; background-image: url(../images/back-body.jpg); background-attachment: fixed; background-size: cover;}
#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: 700; font-family: 'Montserrat', sans-serif;}
h2{font-size: 2.5em; text-transform: uppercase; text-align: center; color: #2d3e50; margin-bottom: 55px;}
.btn{border-radius: 4px;}
.btn-default{background-color: #96331F; border: none; color: #FFF; text-transform: uppercase; font-size: 16px; transition: all 0.3s ease 0s; padding: 10px 25px;}
.btn-default:hover, .btn-default.disabled:hover{background-color: #1B3D1C; border-color: unset; color: #FFF;}
.btn.disabled, .btn[disabled], fieldset[disabled] .btn{opacity: 1;}
div > blockquote {border-left: 5px solid #E63C1A; }
.well {border: 1px solid #93ab93;}
.interna li:before {content: "\f054"; font-family: FontAwesome; display: inline-block; margin-left: -1.3em; padding-right: 10px; }
div#forminfo input { margin-bottom: 15px; }
div#forminfo { height: 300px; background: #f8f9fa; box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2), 0 6px 20px 0 rgba(0,0,0,0.19); left: 0; right: 0; margin-left: auto; margin-right: auto; padding: 20px;}
.videos { margin-bottom: 20px; margin-top: 30px; }
.btn-default { border-radius: 4px; border-color: transparent; text-transform: uppercase; font-weight: 700; transition: all 0.3s ease 0s; color: #FFF; }
section h1 span,
section h2 span{color: #1B3D1C;}

header{position: absolute; width: 100%; z-index: 300; top: 0; background-color: rgba(255,255,255, 0.9);}
header .top-green-bar{width: 100%; height: 35px; background-color: #1B3D1C;}
header .top-green-bar ul.lang-inline{height: 35px; display: flex; align-items: center;}
header .top-green-bar p{font-family: "Roboto", sans-serif; font-size: 14px; color: #FFF; line-height: 35px; padding: 0; margin: 0;}
header .top-green-bar p i.fa-map-marker{margin-right: 5px;}
header .top-green-bar p i.fa-phone{margin-left: 10px; margin-right: 5px;}
header .top-white-bar{width: 100%; height: 80px; border-bottom: solid 1px #ededed;}
header .top-white-bar > .container{height: 80px; padding-left: 0; padding-right: 0; display: flex; align-items: center;}
header .top-white-bar > .container .wrapper{height: 45px; width: 100%; }
header .top-white-bar > .container .wrapper > .row{height: 45px;}
header .logo{height: 60px; display: flex; align-items: center;}
header .logo img{max-width: 70%;}


/* TOP MENU */
header ul#topmenu::before{content: unset;}
header ul#topmenu::after{content: unset;}
header ul#topmenu {width: 100%; display: flex; justify-content: space-between;}
header ul#topmenu > li {padding-bottom: 3px; position: relative;}
header ul#topmenu > li:after {background: transparent; content: ''; display: block; height: 3px; left: 50%; margin: auto;  position: absolute; right: 50%; top: 37px; transition: all .3s ease-out; width: 0;}
header ul#topmenu > li:hover:after, header .nav > .active:after{background: #96331F; left: 0; right: 0; width: 100%;}
header ul#topmenu > li > a {padding-left: 0; padding-right: 0; text-transform: uppercase; font-family: "Montserrat", sans-serif;}
header ul#topmenu > li > a > span {display: none;}
header .navbar {margin-bottom: 0;}
header .navbar-toggle {float: left;}
header .navbar-collapse {padding: 0;}
header .navbar-default {background-color: transparent; border: none;}
header .navbar-default .navbar-brand {color: #FFFFFF;}
header .navbar-default .navbar-nav > li > a  {color: #333;}
header .navbar-default .navbar-nav > .active > a, 
header .navbar-default .navbar-nav > .active > a:focus, 
header .navbar-default .navbar-nav > .active > a:hover{background-color: transparent;}
header .navbar-default .navbar-nav > li > ul{position: absolute; display: none; width: auto; list-style: none; padding: 0; margin: 0; top: 40px; background-color: #f3f8fc; z-index: 1000;}
header .navbar-default .navbar-nav > li > ul > li{padding-left: 10px; padding-right: 10px; border-bottom: solid 1px #66CC99;}
header .navbar-default .navbar-nav > li:hover ul{display: inline-block;}
header .navbar-default .navbar-nav > li > ul > li > a{white-space: nowrap; line-height: 35px; text-transform: uppercase; color: #2d3e50; font-size: 0.88em;}
header .navbar-default .navbar-nav > li > ul > li > a:hover{text-decoration: none;}
header#topmenu ul.nav > li.parent:hover ul {display:flex; top:100%;}
/*header .navbar-default .navbar-nav > .active > a {pointer-events: none;} */
/* header .navbar-default .navbar-nav > .active > a:focus {pointer-events: none;} */
/* header .navbar-default .navbar-nav > .active > a:hover {pointer-events: none;} */
header .top-green-bar i{line-height: 35px; font-size: 21.5px; padding-right:10px;}
header .linkedin{color: #fff;}
header .facebook{color: #fff;}
header .twitter{color: #fff;}
header .youtube { color: #fff; }
header .whatsapp { color: #fff; } 
div.mod-languages img {height: 17px;}
.nav > li:before {display: none;}
.nav-tabs.nav-justified>li>a {border-bottom: 1px solid #ededed; border-radius: 2px 2px 0 0; color:#fff; background-color: #496711; border-top-left-radius: 15px; border-top-right-radius: 15px; margin-right: 1px; margin-left: 1px; }
.tab-content {min-height: 150px; border-style: none solid solid solid; border-width: 1px; background-color: #FFF; border-color: #d3d3d3; margin-bottom: 40px; padding: 15px; }
.tab-content > p { padding:10px; }
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background-color: #95c93d; color:#fff; }
.tab-content > p {padding: 15px;}
.close {float: none; position: absolute; right: -21px; top: -20px; z-index: 1000; font-size: 2em; opacity: 100; background-color: #FFF !important; border-radius: 50%; border: solid 1px #CCC; width: 40px; height: 40px;}
.close > span {position: absolute; top: 4px; color: black; margin-left: -12px;}
.modal-body {color: black;}

#homevideo{position: relative}
#homevideo::after{position: absolute; top: 0; z-index: 10; height: 100vh; width: 100%; content:""; background-color: rgba(0,0,0,0.5);}
#homevideo h1{position: absolute; top: 40%; width: 70%; left: 0; right: 0; margin-left: auto; margin-right: auto; z-index: 30; color: #FFF; text-align: center;}
section#videos-home {
	background-color: rgba(247,247,248, .83);
    align-items: center;
    position: relative;
    padding-bottom: 30px;
    padding-top: 30px;
}

.carousel { position: unset !important; }

section#videos-home h2 span:first-of-type{color: #95C93D;}
section#quem-somos{height: 100vh; display: flex; align-items: center; position: relative; background: #FFF url(../images/back-quem-somos.png); background-repeat: no-repeat; background-size: auto 100vh; background-position: center left;}
section#quem-somos > div.container{display: block;}
section#quem-somos h2{color: #333; text-align: left; position: relative; display: inline-block; margin-bottom: 50px;}
section#quem-somos h2 span:first-of-type{color: #95C93D;}
section#quem-somos p {color: #333; margin-bottom: 30px;}
section#quem-somos a.btn{margin-top: 20px;}

div#divider{will-change: transform; position: relative; width: 100%; height: 200px; display: flex; align-items: center; background-position: 50% 0; background-attachment: fixed; background-size: cover; }
div#divider::after{position: absolute; top: 0; z-index: 10; height: 200px; width: 100%; content:""; background-image: url(../images/overlays/06.png);}
div#divider > .container{display: block; z-index: 30; text-align: center; color: #FFF;}
div#divider span{font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 1em; text-transform: uppercase;}
div#divider p{font-family: "Montserrat", sans-serif; font-weight: 900; color: #FFF; font-size: 1.5em;}

section#servicos{display: flex; align-items: center; position: relative; padding-bottom: 60px; padding-top: 30px;}
section#servicos:before{content: ""; position: absolute; width: 100%; height: 110%; background-color: rgba(247,247,248, .83); z-index: -10;}
section#servicos > .container{display: block; text-align: center;}
section#servicos .box{padding: 15px 15px 15px 15px; margin: 5px 5px 5px 70px; border-radius: 4px; background-color: #FFF; border: solid 1px #f6f6f6; position: relative; height: 250px;  box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);}
section#servicos .box img{right:160px;position: absolute; top: 75px; width: 160px; height: 160px; border: solid 2px transparent; border-radius: 50%; background-color: #ccc;}
section#servicos h2{margin-bottom: 50px;}
section#servicos h2 span.char1, section#servicos h2 span.char2, section#servicos h2 span.char3{color: #95C93D;}
section#servicos h3{font-size: 18px; text-transform: uppercase; padding: 0;}
section#servicos p.description{margin-bottom: 40px; }
section#servicos p.item-description{font-size: 16px; }
section#servicos a.left,
section#servicos a.right{position: absolute; top: 60px; font-size: 24px; width: 30px; background-color: #96331F; color: #FFF;}
section#servicos a.left{right: 200px; top: 195px;}
section#servicos a.right{ right: 168px; top: 195px;}
section#servicos a.left:hover,
section#servicos a.right:hover{background-color: #1B3D1C;}
section#servicos .btn-default{border-color: #FFF; color: #FFF; position: absolute; bottom: 15px; right: 15px;}

section#contato {min-height: 100vh; color: #FFF; padding-bottom: 40px;}
section#contato > .container{display: block; text-align: center;}
section#contato h2{margin-top: 40px; margin-bottom: 50px;}
section#contato h2 span{color: #FFF;}
section#contato h2 span:first-of-type{color: #95C93D;}
section#contato input{height: 60px; background-color: rgba(255,255,255,0.1); border: none; border-bottom: solid 1px #FFF; color: #FFF; border-radius: 2px;}
section#contato textarea{height: 120px; background-color: rgba(255,255,255,0.1); border: none; border-bottom: solid 1px #FFF; color: #FFF; border-radius: 2px;}
section#contato button.btn-default{border: solid 2px #FFF; color: #FFF;}
section#contato button.btn-default.disabled, 
section#contato button.btn-default.disabled:hover{color: #FFF;}
section#contato form{clear: both; padding-top: 20px;}
section#contato input::placeholder, section#contato textarea::placeholder{color: #FFF;}
section#contato input::-webkit-input-placeholder, section#contato textarea::placeholder{color: #FFF;}
section#contato input::-moz-placeholder, section#contato textarea::placeholder{color: #FFF;}
section#contato input:-ms-input-placeholder, section#contato textarea::placeholder{color: #FFF;}
section#contato input:-moz-placeholder, section#contato textarea::placeholder{color: #FFF;}
section#contato i.fa{font-size: 2em; margin-bottom: 10px;}

section#blog{min-height: 100vh; color: #FFF; display: flex; align-items: center; background-color: #FFF;}
section#blog > .container{display: block; text-align: center;}
section#blog h2{color: #333; margin-top: 30px; margin-bottom: 50px; display: inline-block; position: relative;}
section#blog h2 span.char1, section#blog h2 span.char2, section#blog h2 span.char3, section#blog h2 span.char4, section#blog h2 span.char5{color: #95C93D;}
section#blog .hovereffect {width: 100%; height: 100%; float: left; overflow: hidden; position: relative; text-align: center; cursor: default; margin-bottom: 30px;}
section#blog .hovereffect .overlay {position: absolute; overflow: hidden; width: 80%; height: 80%; left: 10%; top: 10%; border-bottom: 1px solid #000; border-top: 1px solid #000; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(0,1); -ms-transform: scale(0,1); transform: scale(0,1);}
section#blog .hovereffect:hover .overlay {opacity: 1; filter: alpha(opacity=100); -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1);}
section#blog .hovereffect img {display: block; position: relative; -webkit-transition: all 0.35s; transition: all 0.35s;}
section#blog .hovereffect:hover img { -webkit-filter: grayscale(1) opacity(0.2);  /* Safari */ filter: grayscale(1) opacity(0.2);}
section#blog .hovereffect h4 {text-transform: uppercase; text-align: center; position: relative; font-size: 16px; background-color: transparent; color: #333; padding: 1em 0; opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0);}
section#blog .hovereffect p.wrapper-button{position: absolute; left: 0; right: 0; bottom: 15px;}
section#blog .hovereffect a{opacity: 0; filter: alpha(opacity=0); -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0);}
section#blog .hovereffect:hover a,
section#blog .hovereffect:hover h4 {opacity: 1; filter: alpha(opacity=100); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}

.pagination {margin-left: 41%;}

main.interna{margin-top: 115px; background: #ededed url(../images/back-perrfecta.png);}
main.interna > .container{background-color: rgba(255,255,255,0.85); padding-bottom: 30px;}

/* Página de artigos do blog */
body.item-107 > main.interna{margin-top: 95px;}
body.item-107 > main.interna > .container{background-color: transparent;}
body.item-107 > main.interna > .container > .item-page > div{background-color: rgba(255,255,255,0.90);}
body.item-107 > main.interna > .container > .blog{height: 800px;background-color: rgba(255,255,255,0.90); padding-left: 30px; padding-right: 30px; padding-bottom: 30px;}
body.item-107 > main.interna .item-page div[itemprop="articleBody"] p{text-align: left; font-size: 1.2em; line-height: 2em; margin-bottom: 1.2em;}
body.item-107 > main.interna > .container .page-header h1:before, 
body.item-107 > main.interna > .container .page-header h2:before{content: "";}

main.interna > .container .page-header{border-bottom: none; margin: 20px 0 0 0; text-align: center;}
main.interna > .container h1,
main.interna > .container .page-header h1, 
main.interna > .container .page-header h2{position: relative; display: inline-block; color: #2d3e50; margin-bottom: 20px; padding-left: 20px; letter-spacing: -2px;}
main.interna > .container h1:before,
main.interna > .container .page-header h1:before, 
main.interna > .container .page-header h2:before{position: absolute; font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f06c"; left: -5px; bottom: 6px; color: #95c93d; font-size: 18px;}
main.interna > .container > .blog .thumbnail{padding: 0; margin: 0 0 30px 0; border-radius: 0; min-height: 550px;}
main.interna > .container > .blog .thumbnail img{width: 100%; height: 293px; border-bottom: solid 4px #4C624D;}
main.interna > .container > .blog .caption{padding: 15px;}
main.interna > .container > .blog h3{font-family: 'Oswald', sans-serif; font-size: 1.3em; font-weight: 500; color: #333; text-transform: uppercase; padding: 0;}
main.interna > .container > .blog p{font-size: 1em; color: #333;}
main.interna > .container > .blog .btn{padding: 7px 15px; font-size: 14px;}
main.interna .item-page .pull-left.item-image img{margin: 0 15px 15px 0;}
main.interna .item-page div[itemprop="articleBody"]{padding: 0 30px 30px 30px;}
main.interna .item-page div[itemprop="articleBody"] p{text-align: justify; font-family: "Roboto", sans-serif;}
main.interna .dropdown-toggle {display: none;}
main.interna h5 {color:#fff; margin-top: 0px; margin-bottom: 0px; background-color: #4C624D; padding: 0px; padding-top: 20px; padding-bottom: 20px; text-align: center;}
main.interna .thumbnail-setores {padding: 0px; min-height: 225px; }

/* LOGIN FORM */
main.interna .login .login-description{height: 190px; display: flex; align-items: center;}
main.interna .login .form-group{background-color: rgba(255,255,255,0.4); border-bottom: solid 1px #666; display: inline-block; height: 60px; width: 90%; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; overflow: hidden;}
main.interna .login .form-group input{height: 60px; padding-left: 10px; width: 100%; border-radius: 0; border: none; box-shadow: unset; -webkit-box-shadow: unset; background: transparent;}
main.interna .login .form-group input:focus{outline: none;}
main.interna .login .form-group:hover::before, 
main.interna .login .form-group:focus::before, 
main.interna .login .form-group:active::before{right: 0;}
main.interna .login .form-group::before{content: ""; display: block; position: absolute; z-index: -1; left: 0; right: 100%; bottom: 0; background: #ea8f0a; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out;}
main.interna .login .form-group:nth-child(2){margin-bottom: 0;}
main.interna .login .checkbox{padding-bottom: 7px;}
main.interna .login .checkbox label{font-size: 14px;}
main.interna .login .forget{margin-top: 20px;}
main.interna .login .forget a{font-size: 14px; color: #333;}
main.interna .login .forget a:hover{text-decoration: none; color: #000;}
main.interna .control-group{display: inline-flex;}
main.interna .control-label{margin-right:10px;}



main.interna div#missao{margin-bottom: 40px; padding-top: 25px;}
main.interna div#missao > div.row > div[class*=col]{padding-left: 1px; padding-right: 1px;}
main.interna div#missao > div.row{margin-left: -2px; margin-right: -2px;}
main.interna div#missao .back{height: 400px; display: flex; align-items: center; background-size: cover;}
main.interna div#missao > div.row > div[class*=col]:first-child > .back{border-top-left-radius: 6px; border-bottom-left-radius: 6px}
main.interna div#missao > div.row > div[class*=col]:last-child > .back{border-top-right-radius: 6px; border-bottom-right-radius: 6px}
main.interna div#missao .wrapper{display: block;  color: #FFF; padding: 20px;}
main.interna div#missao .wrapper{display: block;}

#newsletter{position: relative; display: flex; align-items: center; height: 240px; max-width: 100%; background-color: rgba(247,247,248, .83);}
#newsletter > .container{display: block;}
#newsletter h2{text-align: left;}
#newsletter h2 span:first-of-type{color: #95C93D;}
#newsletter .form-group input{height: 30px; border-radius: 0; border: none; border-bottom: solid 1px #CCC; box-shadow: unset; -webkit-box-shadow: unset;}
#newsletter .btn{margin-top: 20px;}
#mapa{height: 400px;}

footer#footer {background-color: #1B3D1C; color: #FFF; border-top: groove 4px #495d25;}
footer#footer > div.wrapper{height: 350px; display: flex; align-items: center; justify-content: center;}
footer#footer > div.wrapper > div.container{display: block;}
footer#footer > div.wrapper > div.container h3{text-align: left; margin: 0 0 20px 0; color: #FFF; position: relative; display: inline-block;}
footer#footer > div.wrapper > div.container h3:after{position: absolute; content: ""; left: 0; height: 3px; width: 40%; bottom: -10px; background-color: #ea8f0a;}
footer#footer > div.wrapper > div.container p{font-size: 1em; line-height: 1.4em;}
footer#footer > div.wrapper > div.container img{max-width: 80%;}
footer#footer > div.copyright {font-size: 0.60em; color: #FFF; line-height: 50px; display: block; min-height: 50px; border-top: groove 2px #495d25;}
footer#footer > div.copyright span.left{float: left;}
footer#footer > div.copyright span.right{float: right;}
footer#footer > div.copyright a{color: #FFF;}

footer#footer p{color: #FFF;  margin-top: 25px; padding: 0 15px 0 0;}
footer#footer h3{ letter-spacing: -1px; font-weight: 700; padding-bottom: 5px; }
footer#footer ul.nav{padding: 0; margin: 15px 0 0 0; list-style: none; display: block;}
footer#footer ul.nav li{position: relative; line-height: 1.8rem; padding: 0; transition: all .6s ease; border-bottom: groove 2px #495d25}
footer#footer ul.nav li:hover{padding-left: 8px; background-color:  rgba(28,28,28,0.25);}
footer#footer ul.nav li:hover::before{color: #DFDB19;}
footer#footer ul.nav li::before{font-weight: 900;  color: #FFF; margin: 0 5px; transition: all .6s ease;}
footer#footer ul.nav li a{color: #FFF; padding: 8px 8px 8px 0;}
footer#footer ul.nav li a:hover,
footer#footer ul.nav li a:active,
footer#footer ul.nav li a:focus{background-color: unset; text-decoration: none;}
footer#footer span#icon { display: flex; width:170px;  margin-top: 20px; }
footer#footer span#icon a { margin: 5px ;}
#gallery_produtos div.item-wrapper{position: relative; margin-bottom: 20px;}
#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{text-align: left;color: #FFF; font-family: "Raleway", sans-serif; font-size: 1.5rem; font-weight: 300; padding:15px;}

/*
form .custom-tooltip {position: relative;}
form .custom-tooltip-text {position: absolute; width: auto; font-size: 12px; background-color: black;  color: #fff; text-align: center; border-radius: 6px; padding: 5px; z-index: 1; bottom: 100%; left: 10%;}
form .custom-tooltip-text::after {content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: black transparent transparent transparent;}
.has-feedback label~.form-control-feedback {top: 30px;}


.blog .item{position: relative; margin-bottom: 20px;}
.blog .item:before{content: ""; display: block; position: absolute; z-index: 10; width: 100%; height: 100%; background: rgba(0,0,0,0.5);}
.blog .item-text{position: absolute; z-index: 20; margin: 0; padding: 0 15px; text-align: center; top: 20%; left: 0; right: 0;}
.blog .item-text h3{margin: 0; }
.blog .item-text h3 a{color: #FFF; font-size: 1.5em;}
.blog .item-text span{color: #FFF; font-size: 1.4em;}
.blog .item-button{position: absolute; z-index: 20; margin: 0; padding: 0 15px; text-align: center; bottom: 20px; left: 0; right: 0;}
.blog .item .btn{margin: 0;}
.blog .img-responsive{ width: 540px; height: 300px; }
.embed-responsive-item { padding-top: 20px; width: 100%; height: 350px;}
*/


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

/* 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){
    main.interna {margin-top: 50px;}
	header{position: absolute; background-color: #4C624D; color: #FFFFFF; height: 50px; width: 100%;}
	header .navbar-default .navbar-header{height: 50px;}
 	header .navbar-default .navbar-nav > .active > a, 
 	header .navbar-default .navbar-nav>.active>a:focus, 
 	header .navbar-default .navbar-nav>.active>a:hover {background-color: #eee;}
	
	header .search-xs {overflow-y: auto; width: 0; height: 100vh; padding: 0; position: fixed; z-index: 1000; left: 0; background-color: #FFF; overflow-x: hidden; transition: 0.5s; top: 60px; border-top: 1px solid #ea8f0a;}
	header .navbar-default .navbar-nav {float: none; height: auto; padding: 15px; margin: 0;}
	header ul#topmenu {display: block;}
	header .navbar-default .navbar-collapse {width: 0; height: 100vh; padding: 0; position: fixed; z-index: 1000; left: 0; overflow-x: hidden; transition: 0.5s; background: #FFF; border-color: #ea8f0a; top: 50px;    padding-bottom: 30px;}
	header .navbar-default .navbar-collapse .mod-languages{text-align: right; padding-right: 15px;}
	header .navbar-default .navbar-collapse ul.lang-inline{display: inline-block;}
	header .navbar-default .navbar-collapse ul.lang-inline img{width: 22px;}
	header .navbar-default .navbar-toggle {border: none; padding: 0; margin-left: 15px; margin-top: 15px; margin-bottom: 15px;}
	header .navbar-default .navbar-toggle i{font-size: 22px;}
	header .navbar-default .navbar-toggle:focus, header#header #menu-header .navbar-default .navbar-toggle:hover {background-color: #01113e;}
	header .navbar-default .navbar-toggle:active {background-color: #ea8f0a;}
	header .navbar-default .navbar-nav {opacity: 0; transition: .3s all ease-in-out;}
	header .navbar-default .navbar-nav > li > a {color: #000; padding-left: 40px;}
	header ul#topmenu > li:hover:after, header#header #menu-header ul#topmenu > .active:after {background:transparent; width: 0%;}
	header .navbar-default .navbar-nav > li > ul{position: static; display: block; list-style: none; padding: 0; margin: 0; width: 100%;}
	header .navbar-default .navbar-nav > li > a:hover:after, header .navbar-default .navbar-nav > li.active > a:after{background: none;}
	header .navbar-default .navbar-nav > li > ul > li > a{white-space: nowrap; line-height: 35px; text-transform: uppercase; color: #333; font-size: 0.88em;}
	header .navbar-default .navbar-nav > li > ul > li > a:hover{text-decoration: none;}

	#homevideo-mobile{width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; background-color: rgba(247,247,248, .83);}
	#homevideo-mobile img{max-width: 80%;}

	section#quem-somos{background: none; background-color: #FFF;}
	section#quem-somos h2{text-align: center; margin-bottom: 50px;}
	section#quem-somos > div.container > div{text-align: center;}

	section#servicos .btn-default{position: static;}
	section#servicos h3{font-size: 24px;}
	section#blog h2{font-size: 2.3em;}

	section#contato{padding-bottom: 30px;}
	section#contato h2 {margin-top: 30px; margin-bottom: 20px;}
	section#contato form > div{padding-left: 0; padding-right: 0;}

	#newsletter{height: 100vh;}
	
	footer#footer > div.wrapper{min-height: 100vh;}
	footer#footer > div.copyright {font-size: 0.75em; border-top: groove 2px #495d25; padding: 7px;}
	footer#footer > div.copyright span.left{display: block; float: none; text-align: center; line-height: 1.35em;}
	footer#footer > div.copyright span.right{display: block; float: none; text-align: center; line-height: 1.35em;}

	div#forminfo {
    width: 100%;
    height: 80vh;
    align-items: baseline;
    position: relative;
    top: unset;
    margin-top: unset;
    margin-bottom: unset;
    background-color: #FFF;
    font-size: 1.7rem;
}
}

/* XXS */ 
@media only screen and (max-width: 479px){
 	   
}