@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:#f8f2e7; color:#1e1e1e !important; text-decoration: none !important; padding: 5px; border-bottom:2px solid #f2e4cc;}
.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:#b0164f; font-family: "Montserrat", serif;; font-weight: 500; padding-left: 10px; border-bottom:1px solid #b0164f; 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: 38px auto; left: -5px; font-size: 22px; color:#b0164f; 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 }
	 

}