@charset "UTF-8";



@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,800,400);

@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');





#MenuMobile{  position:absolute; width: 250px; height:100%; overflow:auto; overflow-x: hidden; background-color:#fff; z-index:100 !important;  top: 0; left: -250px;  transition:0.7s ease-in-out all; -webkit-transition:0.7s ease-in-out all;}

.empurraMenuMobile{ left: 0px !important; -webkit-box-shadow: 13px 1px 5px -8px rgba(0,0,0,0.75);

-moz-box-shadow: 13px 1px 5px -8px rgba(0,0,0,0.75);

box-shadow: 13px 1px 5px -8px rgba(0,0,0,0.75);}

main{ transition:0.7s ease-in-out all; -webkit-transition:0.7s ease-in-out all;}

.fechaMenu{ display:none; position:absolute; width: 100%; height:100%; top: 0; left: 0; background:rgba(0,0,0,0.7); z-index:99;}

.bloqueiaBody{ height: 100%; overflow:hidden; max-width:100%; }

.empurraMain{ -webkit-transform: translate3d(250px, 0px, 0px);

    transform: translate3d(256px, 0px, 0px); }



.mobileHeader{width: 100%; background-color:#1e3005; color:#fff !important; text-decoration: none !important; padding: 5px; border-bottom:2px solid #1e3005;}

.mobileHeader i{ font-size:40px; float:left; margin: 5px 10px 5px 10px;}

.mobileHeader h3{ font-size:16px; margin: 10px 0 0 0; font-weight:normal;}

.mobileHeader p{font-size:12px;}



.footerMobile{ background-color:#fdfdfd; width: 100%; height:auto; margin-top: 20px; list-style: none;}

.footerMobile a:link, .footerMobile a:active, .footerMobile a:visited { font-size: 16px; line-height:35px; border-bottom: 1px solid #EEE; text-decoration:none; display:block; color:#666; padding-left: 10px; font-family: "Montserrat", serif;; font-weight:300;}



.contMobile a:link, .contMobile a:active, .contMobile a:visited { font-size: 16px; line-height:40px; border-bottom: 1px solid #DDD; text-decoration:none; display:block; color:#999; padding-left: 10px;font-family: "Montserrat", serif;; font-weight: 400;}

.linkMobileSemborda{ border-bottom: none !important;}

#MenuMobile h4{ color:#1f4132; font-family: "Montserrat", serif;; font-weight: 500; padding-left: 10px; border-bottom:1px solid #1f4132; margin-bottom:0; line-height:40px; }

.contMobile i{ float:right;  font-size: 16px; line-height:40px; margin-right: 10px;}

.MovimentaContMovile {left: -250px;}



.subMenuMobile{ position:relative; display:none; top: 0;}

.containerMobile{ position:relative; height:auto; width: 100%;}

.subMenuMobile a:link, .subMenuMobile a:active, .subMenuMobile a:visited { font-size: 16px; line-height:40px; border-bottom: 1px solid #DDD; text-decoration:none; display:block; color:#999; padding-left: 10px; font-family: "Montserrat", serif;; font-weight:300; clear:both;}

.subMenuMobile i{float:right;  font-size: 16px; line-height:40px; margin-right: 10px;}

.voltaMobile{ float:left; width: 50px; height:40px; line-height:30px; background-color:#DDD; color: #333; text-align:center !important; font-size:30px;}

.voltaMobile i{ float:none;}

.vai{ width: 200px; background-color:#EEE; padding-left: 10px; float:left;  }

.vai a:link, .vai a:active, .vai a:visited{ border-bottom: none !important;}



.btnMenuMobile, .btnCarrinhoMobile, .btnFavMobile{  position:absolute; width: 30px; height:30px; /*top: 5px;*/ margin: 52px auto; left: -5px; font-size: 22px; color:#1e3005; text-align:center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height:30px; z-index:10;  }

.btnCarrinhoMobile{ right: -5px; left: auto;}

.btnFavMobile{ right: 30px; left: auto;}

.btnMenuMobile span, .btnCarrinhoMobile span, .btnFavMobile span { font-size: 8px; display: block; text-align: center; margin-top: -15px; }





@media (min-width: 768px) {

	.btnCarrinhoMobile, .btnFavMobile, .btnMenuMobile{ display: none;}

}



@media (min-width: 992px) {

	.btnMenuMobile{ display: none;}

	

	.btnMenuMobile2 {  position:absolute; width: 30px; height:30px; top: 83px; left: 160px; font-size: 25px; color:#4d4d4d; text-align:center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height:30px; z-index:10; display: block; cursor: pointer; }

}



@media only screen and (min-width: 1280px) {

     .btnMenuMobile2 { top: 77px; left: 267px; color: #4d4d4d }

	 



}