@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@100;200;300;600&display=swap');@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;400,600;1,400&display=swap');


#MenuMobile{  position:absolute; width: 300px; height:100%; overflow:auto; overflow-x: hidden; background-color:#fff; z-index:100 !important;  top: 0; left: -300px;  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:#2864ae; color:#fff !important; text-decoration: none !important; padding: 5px; border-bottom:2px solid #2864ae;}
.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:#fff; width: 100%; height:auto; }
.footerMobile a:link, .footerMobile a:active, .footerMobile a:visited { font-size: 16px; line-height:50px; border-bottom: 1px solid #EEE; text-decoration:none; display:block; color:#333; padding-left: 20px; font-family: 'Montserrat', sans-serif;font-weight:400;}

.contMobile a:link, .contMobile a:active, .contMobile a:visited { font-size: 16px; line-height:50px; border-bottom: 1px solid #EEE; text-decoration:none; display:block; color:#333; padding-left: 20px; font-family: 'Montserrat', sans-serif;font-weight:400;}
/*.linkMobileSemborda{ border-bottom: none !important;}*/
#MenuMobile h4{ color:#2864ae;  font-family: 'Be Vietnam Pro', sans-serif; font-weight:400; padding-left: 10px; border-bottom:1px solid #2864ae; 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:50px; border-bottom: 1px solid #DDD; text-decoration:none; display:block; color:#999; padding-left: 20px; font-family: 'Montserrat', sans-serif; font-weight:400; clear:both;}
.subMenuMobile i{float:right;  font-size: 16px; line-height:40px; margin-right: 10px;}
.voltaMobile{ float:left; width: 50px; height:50px; line-height:50px; background-color:#DDD; color: #333; text-align:center !important; font-size:30px;}
.voltaMobile i{ float:none;}
.vai{ width: 250px; background-color:#EEE; padding-left: 10px; float:left;  }
.vai a:link, .vai a:active, .vai a:visited{ border-bottom: none !important; color: #333; }



.btnMenuMobile, .btnCarrinhoMobile, .btnFavMobile, .btnPesqMobile, .btnUserMobile {  position:absolute; width: 30px; height:30px; top: 5px; left: 5px; font-size: 22px; color:#333333; text-align:center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height:30px; z-index:10;  }
.btnMenuMobile img, .btnCarrinhoMobile  img, .btnFavMobile  img, .btnPesqMobile  img, .btnUserMobile  img { width: 23px;}
.btnCarrinhoMobile{ right: 7px; left: auto;}
.btnFavMobile{ right: 47px; left: auto;}
.btnPesqMobile{ right: 5px; left: auto;}
.btnUserMobile{ right: 35px; left: auto;}
.btnMenuMobile span, .btnCarrinhoMobile span, .btnFavMobile span { font-size: 8px; display: block; text-align: center; margin-top: -15px; }

.logoMobile{ width: 240px; height: auto; display: block; margin: 30px auto 30px;}


@media (min-width: 768px) {
	
}

@media (min-width: 992px) {
	.btnMenuMobile, .btnCarrinhoMobile, .btnFavMobile, .btnPesqMobile, .btnUserMobile { display: none;}
}