@import url('https://fonts.googleapis.com/css?family=Abel&display=swap');
@import url('https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz:300,400,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&display=swap');

.Abel { font-family: 'Abel', sans-serif; }
.Yanone { font-family: 'Yanone Kaffeesatz', sans-serif; }
.Open { font-family: 'Open Sans', sans-serif; }

.text-light { font-weight: 300; }
.text-regular { font-weight: 400; }
.text-medium { font-weight: 500; }
.text-semi-bold { font-weight: 600; }
.text-bold { font-weight: 700; }
.text-extra-bold { font-weight: 800; }
.text-black { font-weight: 900; }

.white, .white a { color: #ffffff; }
.gray, .gray a { color: #202020; }
.black, .black a { color: #000; }
.blue,  .blue  a { color: #001f6d; }
.yellow,  .yellow  a { color: #fcf23d; }
.red,  .red  a { color: #e60808; }
.green,  .green  a { color: #28a745; }

.bg-black { background-color: #242424 }
.bg-yellow { background-color: #fdf43b }
.bg-blue { background-color: #001f6d }
.bg-gray { background-color: #ededed }
.bg-white { background-color: #fbfbfb }
.bg-green { background-color: #28a745 }

.btn-primary { background-color: #001f6d !important; border-color: #001f6d !important; }
.btn-warning { background-color: #fdf43b !important; border-color: #fdf43b !important; }
.btn-light { background-color: #ededed !important; border-color: #ededed !important; }
.btn-light:hover, .btn-light.active { background-color: #001f6d !important; border-color: #001f6d !important; color: #fff !important; }

.badge-light { background-color: #ededed !important; border-color: #ededed !important; color: #777 !important; }
.badge-light:hover, .badge-light.active { background-color: #001f6d !important; border-color: #001f6d !important; color: #fff !important; }

.icone { font-size:1.2em; }

.display-desktop { display: block; }
.display-mobile { display: none; }


body { background-color: #fff; font-size: 18px; }

.form-busca { background-color: #fff; border-radius: 5px; border: 1px solid #ccc; }
.form-busca input,
.form-busca select,
.form-busca button { line-height:40px; border: none; background-color: transparent; }

.form-busca select { border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
.form-busca button { font-size: 24px; }

.nav-link { margin: 0px; border-left: 1px solid #052b83; }
.nav-link-end { border-right: 1px solid #052b83; }

.nav-link p { font-size:.9em; line-height: 18px; }

.owl-dots { display: none; }
.owl-nav { width: 100%; }
.owl-nav .owl-prev, 
.owl-nav .owl-next { width:35px; height: 35px; position: absolute; top: 200px; background-color: transparent; text-indent: -9999px; }
.owl-nav .owl-prev { left: -50px; background-image: url(/img/ico-prev.png); }
.owl-nav .owl-next { right: -50px; background-image: url(/img/ico-next.png); }

.menu { display: none; top: 105px; left: 0px; z-index: 999; padding-top: 10px; background-image: url(/img/seta.png); background-position: 40px top ; background-repeat: no-repeat; }
.menu .nav-item { padding: 0px; margin: 1px 0px; border-left:none; line-height:18px; font-size: .9em; }


.vinheta { font-size: 2em; line-height: 30px; background-image: url(/img/linha.png); background-repeat: repeat-x; background-position: center; }

.produto { position: relative; }
.produto h1 { font-size: 1em; }
.produto p { margin: 0px; padding: 0px; font-size: .9em; line-height: 20px; }
.produto p span { font-size: 1.4em; }
.produto a:hover { opacity: .9; }


.estrelas { font-size: .8em; }
.estrelas input[type=radio] { display: none;}
.estrelas label i.fa:before { content:'\f005'; color: #2b2b2c; }
.estrelas input[type=radio]:checked ~ label i.fa:before { color: #aaaaab; }

.newsletter h5 { font-size:1.4em; line-height: 40px; }
.newsletter-input { width: 75%; }
.newsletter-btn { width: 20%; }

.footer p { margin: 0px; }
.footer-copy { font-size: 14px; line-height: 16px; }
.footer .icone { font-size:.9em; }
.footer .horario { font-size:.9em; line-height: 20px; }

.badge-warning { font-size: .7em; background-color: #fdf43b !important; border-color: #fdf43b !important; }

/*.form-control { background-color: #ededed; border-color: #ededed; border-radius: 10px; padding: 10px; margin: 0px;}*/
.pagination { border-color: #fff; }
.pagination .disabled .page-link { border-color: #fff; }
.pagination .active .page-link { border-color: #fff; background-color: #fff; color: #001f6d; font-weight: bold; }
.pagination .page-link { border-color: #fff; }

.breadcrumb { font-size: .8em; }

.carousel-control-next,
.carousel-control-prev { color: #001f6d !important; } 

.arrow-prev { width:35px; height: 35px; background-image: url(/img/ico-prev.png); }
.arrow-next { width:35px; height: 35px; background-image: url(/img/ico-next.png); }

.produto h3 { font-size: 1.6em; }
.produto p { font-size: .8em; }
.produto h4 { font-size: 1.2em; }
.produto h4 span { font-size: 1.6em; }
.produto h5 { font-size: .9em; }

.tab-pane p { margin:8px 0px; font-size: .9em; line-height:20px; }

.icones-produto { position: absolute; right: 5px; top: 20px; z-index: 99; }
.icones-produto a { 
	background-color: #fff; color: #000; font-size: 30px; line-height: 30px; padding:8px 10px 4px 10px; border-radius:40px; 
	-webkit-box-shadow: 0px 0px 10px 0px rgba(194,194,194,0.5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(194,194,194,0.5);
	box-shadow: 0px 0px 10px 0px rgba(194,194,194,0.5);
}

.icones-produto a:hover { background-color: #001f6d; color: #fff; }

.carrinho { display: none; top: 90px; right: 0px; z-index: 999; padding-top: 10px; background-image: url(/img/seta.png); background-position: 150px top ; background-repeat: no-repeat; }
.carrinho h4 { font-size: .8em; }
.carrinho h4 span { font-size: .9em; }
.carrinho h5 { font-size: .7em; }
.carrinho img { max-width: 50px; }

.form-carrrinho{font-size: .8em;}


@media (max-width: 1100px ) {

 	.owl-nav .owl-prev { left: -10px; }
	.owl-nav .owl-next { right: -10px; }

}

@media (max-width: 992px ) {

 	.owl-nav .owl-prev { left: 0px; }
	.owl-nav .owl-next { right: 0px; }

}

@media (max-width: 770px) {

	body { font-size: 16px; }

	.icone { font-size:1em; }

	.menu-topo { font-size: 18px; }
	.menu-link { font-size: 28px; }

	.display-desktop { display: none; }
	.display-mobile { display: block; }


	.panel {
		position: fixed;
		left: -15.625em; /*left or right and the width of your navigation panel*/
		width: 15.625em; /*should match the above value*/
		z-index: 1040;
		background-color: #001f6d;
	}
	.wrap { position: relative; }

  	.list-group-item { line-height: 25px; font-size: .9em; background-color: transparent; border-color:#052b83  }
	.list-group-item img { max-height: 25px; }


	.logo { max-height: 150px; }

	.input-group-lg>.custom-select, 
	.input-group-lg>.form-control, 
	.input-group-lg>.input-group-append>.btn, 
	.input-group-lg>.input-group-append>.input-group-text, 
	.input-group-lg>.input-group-prepend>.btn, 
	.input-group-lg>.input-group-prepend>.input-group-text { font-size:.9rem !important; }

	.form-busca button { line-height:20px; }
	.form-busca button { font-size:22px; }

	.owl-carousel-lancamentos { margin: 0px 15px; }
	.owl-carousel-vendidos { margin: 0px 15px; }
	.owl-carousel-destaques { margin: 0px 15px; }

 	.owl-nav .owl-prev, 
	.owl-nav .owl-next { width:30px; height:30px; top: 120px; background-size: contain; }

 	.owl-nav .owl-prev { left: -15px; }
	.owl-nav .owl-next { right: -15px; }

  	.produto h1 { font-size: 1em; }
  	.produto h3 { font-size: 1.3em; }
  	.produto h4 { font-size: 1.2em; }
	.produto p { font-size: .9em; }
	.produto p span { font-size: 1.1em; }
	.produto a:hover { opacity: .9; }
 	.produto .table { font-size: .8em; }

	.newsletter h5 { font-size:1.1em; line-height:20px; }
	.newsletter-input { width: 60%; }
	.newsletter-btn { width: 30%; }

	.footer-copy { font-size: 10px; line-height: 12px; }
	.footer .icone { font-size:.8em; }
	.footer .horario { font-size:.8em; line-height: 16px; }
}

@media (max-width: 560px) {

 	.owl-nav .owl-prev, 
	.owl-nav .owl-next { width:30px; height:30px; top: 50px; background-size: contain; }

 	.owl-nav .owl-prev { left: -15px; }
	.owl-nav .owl-next { right: -15px; }

}
.whatsapp-fixed {
    background-color: #25d366;
    -webkit-border-radius: 100%;
    border-radius: 100%;
    bottom: 30px;
    -webkit-box-shadow: 5px 5px 10px rgba(0,0,0,.3);
    box-shadow: 5px 5px 10px rgba(0,0,0,.3);
    left: 30px;
    padding: 12px;
    position: fixed;
    -webkit-transition: all .15s linear;
    transition: all .15s linear;
    z-index: 99999999;
}

#modalPopupBloqueante{
	background: url(/img/bg_black_transparente.png) repeat;
}
#modalPopupBloqueante>.modal-dialog>.modal-content{background-color:white;}