/* CSS Document */
:root {--colorbase: #F00; --var2: 1px solid;}
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,600&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;600;800&display=swap');

@font-face {font-family: 'Yugothil';src: url('fonts/yugothil.ttf') format('truetype'); }
.font-sans {font-family: 'Open Sans', sans-serif;}
.font-serif {font-family: 'Roboto Slab', serif;}
.font-gothic {font-family: 'Yugothil', serif;}
html, body {width:100%;height:100%;}
html {margin-bottom:1px}
body {font-family: Arial,'Open Sans', sans-serif;font-size:14px; font-weight:400; color:#545454;padding-top:80px; background-color:rgb(239,239,239);}
/* body { display: grid; height: 100vh; grid-template-rows: auto 1fr auto;  margin:0; padding:0;} */
@media screen and (min-width:768px) {body { padding-top:116px;}}
.layout_header {}
.layout_content {}
.layout_footer {}

header { margin-bottom:30px;position:fixed; width:100%; float:left; left:0; top:0; z-index:10;}

.icons-bar a.btn { display:inline-block !important;}

.container {width:100% !important; max-width:1170px !important;}
.table-responsive {padding-left:1px;padding-right:1px;}
.btn-center { margin:auto; display:block; }
a {color: inherit; text-decoration:none;}
a:hover {color:#C00; text-decoration:none;}
:focus {box-shadow:none !important;}
::placeholder { color:#ccc!important;}
b, strong {font-weight:700;}
ol li {margin-bottom:.5em;}

.topbuttons a { width:50%; float:left;}
@media screen and (min-width:1024px) {.topbuttons a { width:auto; float:left;}}

.table-layout { width:100%;height:100%;max-width:1920px;margin:auto;}
.table-layout-header {padding:0;}
.table-layout-body {height:100%;vertical-align:top;padding:0;padding-top:30px;}
.table-layout-footer {padding:0;color:#000;}

.searchformwrapper {overflow:inherit; background-color:rgb(204,204,255); background-color:#c190fd; height:32px; border-radius:0px;}
.searchformwrapper .form-text { padding-left:16px; padding-right:10px; margin-top:0;}
.searchformwrapper input {background-color:rgb(239,239,239); border-top-left-radius:0px;border-bottom-left-radius:0px; border-top-right-radius:0px;border-bottom-right-radius:0px; height:32px; display:inline; width:auto}
.searchformwrapper button {height:32px !important; border-radius:0;background-color:rgb(239,239,239)}
.searchformwrapper ::placeholder { font-size:9px; font-style:italic;}

@media screen and (min-width:992px) {
	.searchformwrapper {
		overflow: hidden;
		border-radius:16px;
	}
	.searchformwrapper input {border-top-left-radius:16px;border-bottom-left-radius:16px; border-top-right-radius:0px;border-bottom-right-radius:0px; display: inline-block; width:100%; }
}


/*
.nav-link {color: rgb(0,51,153) !important;}
.nav-link:hover {color: rgb(200,10,10) !important; text-shadow: 0px 0px 1px rgb(200,10,10)}
.nav-item.active .nav-link {color: rgb(200,10,10) !important; text-shadow: 0px 0px 1px rgb(200,10,10)}
*/
.nav-pills .nav-link {background: #f6f6f6; margin-right:.5em}

.fa-15 {font-size:1.5em;}
.w-auto {width:auto;}


/* menu */
.menuToggle {cursor:pointer;}
.navigationmenu {display:none;}

/*nav a { color:#F0F0F0;}
nav a:hover { color:#FFF;}*/

.page-title {font-size:1.8em;}

.menu-overlay {position:absolute;left:0px;right:0px; bottom:0px;;top:0px;z-index:998; background-color:#f0f0f0;background-color:rgba(0,0,0,.6); display:none;}

.menu-wrapper { background:#FFF;max-height:480px;max-height:70vh;min-width:310px; max-width:100%;overflow:auto;}

#menu {margin:0;padding:0;}
#menu li {clear:both;line-height:36px; border-top:1px solid #e0e0e0;}
#menu>li:first-child {border-top:none !important;}
#menu>li {width:100%;float:left; }
#menu a { text-decoration:none; color:#999;outline:none; display:block; padding-left:15px;}
#menu a:hover {color:#FFF;}
#menu>li>a {font-weight:500;color:#999}

#menu, #menu ul {list-style:none;}
#menu ul {width:100%; height:auto;margin:0; padding:0;}
#menu ul a { margin-left:15px;}
#menu ul ul a { margin-left:30px;}
#menu a:hover { color:#000;}
#menu span {width:40px;height:36px; text-align:center; cursor:pointer; float:right; color:#666;}
#menu span i { line-height:inherit !important;}

#menu li.has-submenu ul {display:none;}
#menu ul li.has-submenu {}

/* menu end */

form.search {}
form.search input:focus, form.search button:focus { box-shadow:none !important;}

.customerMenuArea {position:relative; overflow:visible;}
.customerMenuArea a {}
.customerMenuArea a:hover { text-decoration:none;}
#ddClientMenu { position:absolute; top:auto; background:#FFF; z-index:2; display:none; text-align:left; line-height:1.5em; border:1px solid #E0E0E0; margin-top:6px; width:100%; text-align:center;}
#ddClientMenu a {display:block; padding:5px 10px; white-space:nowrap; border-bottom:1px solid #f0f0f0; color:#666;}
#ddClientMenu a:hover { text-decoration:none; background:#f0f0f0; color:#000;}

#ddMenu1Toggle {display:block;padding:4px 8px;}
.ddMenu1 ul { display:none; width:100%; margin:0; padding:0; list-style:none; margin-bottom:10px; overflow:auto;}
.ddMenu1 ul li { width:100%; clear:both; line-height:1.9em }
.ddMenu1 a {display:block;}

.bluebar { background-color:#010066; background-color:rgb(0,0,102); color:#FFF;}
.bluebar-bottom { padding-top:1.5em; padding-bottom:1em;background-color: #007bff;}
.bluebar-bottom a {color: inherit; text-decoration:underline;}
.bluebar-bottom a:hover { text-shadow:0 0 2px #FFF;}

.greybar { background-color:#f2f2f2; color:#181818;}
.greybar-bottom { padding-top:1.5em; padding-bottom:1em;background-color: #f9f9f9;}
.greybar-bottom a {color: inherit; text-decoration:underline;}
.greybar-bottom a:hover { text-shadow:0 0 2px #000;}


.adblock { position:relative; margin-bottom: 1.5rem;}
.adblock div.text{ padding:10px; position:absolute; bottom:15px; left:30px; background:rgba(51,49,52, .7); color:#FFF; max-width:100%; overflow:hidden; margin-right:30px;}
.adblock img { background-repeat:no-repeat; background-size:cover;}
.adblock-xl { position:relative; margin-bottom: 1.5rem; }
.adblock-xl div.text{ padding:10px; position:absolute; top:50%; left:0px; right:0px; color:#FFF; overflow:hidden; text-align:center; text-shadow: 0 0 6px #5E5E5E;}
.adblock-xl img { background-repeat:no-repeat; background-size:cover;}
.adblock-2hv {position:relative;margin-bottom: 1.5rem;}
.adblock-2hv div.text{padding:10px; position:absolute; bottom:15px; left:30px; background:rgba(51,49,52, .7); color:#FFF; max-width:100%; overflow:hidden; margin-right:30px;}
.adblock-2hv img {background-repeat:no-repeat;background-size:cover;background-position:center;}

.bx-wrapper .bx-controls-direction a {z-index:1;}

.carousel { margin-bottom: 4em }
.carousel-inner { border-top: 1px solid #eee }
.carousel-inner { border-bottom: 1px solid #eee }
.carousel-item { padding-top: 3%; height: 400px; background-size: cover }
.carousel-item { height:50vh;color:#FFF;}
.carousel-item .container { height: 100%;}
.carousel-item h1 { text-shadow: #000 0 0 1px; font-size: 3.2em; }
.carousel-item p { letter-spacing: 1px; font-size: 1.2em; font-weight:700; }
.carousel-item h3, .carousel-item p {margin-bottom: 1.3em }
.carousel-indicators { z-index:1;}
.carousel-indicators li { background-color: #e0e0e0; width: 32px; height: 32px }
.carousel-indicators li:hover { cursor: pointer }
.carousel-indicators li.active { background-color: #0066CC; }


.btn-text {font-size:small;padding: inherit;background: none;}

.navbar { /* padding-right:0; */}
.navbar-nav li:last-child .nav-link {padding-right:0}
.navbar-toggler:focus {outline:none !important; background:#f4f4f4;}
a.nav-link { font-weight:400}

.col-left-bordered {border-left:1px solid #0066CC;}
.bg-contain { background-position:center; background-repeat:no-repeat; background-size: contain;}
.bg-cover { background-position:center; background-repeat:no-repeat; background-size: cover;}
.bg-overlay {background:rgba(15,15,15,0.95);}
.color-dark-red {color:#990000;}

.product-card { margin-bottom:2em;}
.product-card-img {}
.product-card-text {text-align:center;}
.product-card-text p { margin-bottom:.4rem;}

.produto-frame {/*box-shadow:0px 0px 2px #CCC;*/ position:relative; padding:12px; background:#FFF;}
.produto-frame-discount { position:absolute; right:0; top:0px; background:#F00; color:#FFF; font-size:1.3em; font-weight:bold; padding:.3em}
/*.produto-frame a { position:absolute; z-index:1; top:0; left:0; bottom:0; right:0;}*/
.produto-frame-img { margin-bottom:.5em  }
.produto-frame-img img { -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s;}
.produto-frame-nome { width:100%; height:1.8em; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; font-size:1.2em}
.produto-frame-preco { text-align:center;font-size:1.2em; font-weight:600;}
.produto-frame-preco table { width:100%;}
.produto-frame-preco td { text-align:center; color:#E00;}
.produto-frame-preco td.antes { text-decoration:line-through; color:#B6B6B7; }
.produto-frame-link {text-align:center; text-decoration:none; }

/* pagination bar*/

div.pagination-bar { width:100%; clear:both;}
div.pagination-bar table {}
div.pagination-bar td { width:24px; text-align:center; white-space:nowrap;}
div.pagination-bar a {display:block; color:#000; text-decoration:none;}
div.pagination-bar a:hover, div.pagination-bar a.active { border-bottom:3px solid #555;}


.table-totals {}
.table-totals th { padding:2px; text-align:center; font-size:.85em; background:#555; color:#fff; font-weight:normal; letter-spacing:1px;}
.table-totals td { padding:8px; text-align:center; font-size:1.3em; background:#f6f6f6;}
.table-totals td strong {font-weight:700;}

.table-title { width:100%; border:1px solid #999; margin-bottom:30px;}
.table-title td {padding:6px; font-size:1.2em;}
.table-title td.t-order { color:#FFF; background:#999; text-align:center; padding:6px 12px; width:50px}
.table-title td.t-title { }

.table-items {margin-bottom:0;}
.table-items td, .table-items th {border:none !important; vertical-align:middle;}
.table-items tr {border-bottom: 1px solid #dee2e6 !important;}
.table-items tr:last-child {border:none !important;}

.acordeon {}
.acordeon h5 { margin-bottom:1rem;}
.acordeon-item {}
.acordeon-item-title {font-weight:bold;cursor:pointer;}
.acordeon-item-title p:before { content:"+ "}
.acordeon-item-content {display:none; padding-left:1em;}

label {font-size:small; font-weight:700;}

.cookie_alert {position:fixed;left:0px;bottom:0px; right:0px;height:auto;z-index:1001;padding:2em;background:#333;background:rgba(15, 15, 15, 0.95);color:#FFF;}
/*
.cookie_alert a {color:#ffffff; text-decoration:underline;}
.cookie_alert a:hover {color:#D5D8B4;}
*/

footer {font-size:.9rem; padding-top:2em; padding-bottom:2em; background-color:#000; color:#fff;}
footer nav {color:#fff;}
footer nav a { display:block; color: inherit; text-decoration:none; margin-bottom:.3em}
footer nav a:hover {color:#d00;}

.footer-section-1 {border-bottom:1px solid rgba(0,0,0,.1);border-top:1px solid rgba(0,0,0,.1);padding-top:1rem;padding-bottom:1rem; color:#0066CC; background:#f4f4f4;}
.footer-section-1 table { width:auto; border:none;}
.footer-section-1 td { text-align:left; vertical-align:top; padding: 0px 6px 4px;}

.copyright {padding:1em; border-top:1px solid rgba(0,0,0,.1);}

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


.infobar1 {padding-top:1rem;padding-bottom:1rem; color:#181818; background:#f9f9f9;}
.infobar1 table { width:auto; border:none;}
.infobar1 td { text-align:left; vertical-align:top; padding: 0px 6px 4px;}

.topnav {
	padding:0 15px;
	background-color:#F8F8F8;
	background-color:#000;
	color:#fff;
	display:flex;
	justify-content: space-between;
	/* justify-content: space-evenly; */
    align-items: center;
	}
.topnav ul{
	list-style:none;
	margin: 0;
	padding:0;
}
.topnav ul li{
	float:left;
}
.topnav ul li a {
    display: block;
    padding: 0.5rem;
}


/* menu */
#menuToggle, 
#menuToggle:focus {border:none; outline:none; box-shadow:none; transition:all .5s ease; width:48px; height:48px;cursor:pointer; padding:0; color:#FFF; background:none; font-size:1.8em; text-align:left;}

.menu-container {position:fixed; width:100%; overflow:auto; z-index:99; padding:0 15px 0 15px; display:none;}
.sidenav {width:100%; max-width:320px; position:fixed; z-index:99;top:88px;bottom: 0px;left:-320px; border-right:1px solid #DEDEDE;-webkit-transition: all .5s; transition: all .5s; overflow: auto;
right: auto !important;}
.sidenav-open {right: auto !important; left:0px !important;}
.sidenav {border-right:1px solid #DEDEDE;-webkit-transition: all .5s; transition: all .5s; overflow: auto; background-color:#FFF; max-height:80vh; max-height:calc(100vh - 96px);}

#mainmenu { margin:0; padding:0;}
#mainmenu li {margin-bottom:1px; clear:both; line-height:48px;}
#mainmenu>li {width:100%;float:left; border-bottom:1px dashed #DFDFDF;}
#mainmenu a { text-decoration:none; outline:none; display:inline-block; color:inherit;}
#mainmenu a:hover { background-color:#F4F4F4;}
#mainmenu>li>a { display:block; padding-left:5px;}
#mainmenu li.has-submenu ul {display:none;}
#mainmenu, #mainmenu ul {list-style:none;}
#mainmenu ul {width:100%; height:auto; /*background:#f9f9f9;*/ margin:0; padding:0; font-size:.9em;z-index:2;}
#mainmenu ul li a { margin-left:.5em; }
#mainmenu ul li ul li a { margin-left:1em; }
#mainmenu li span {font-size:1rem; width:48px; height:48px; text-align:center; cursor:pointer; background-color: #f8f9fa;}
#mainmenu li span:hover { background-color: #f8f9fa;}


#mainmenu span.closed::before { content: "+"}
#mainmenu span.opened::before { content: "-"}

/*#mainmenu li ul li span { font-size:.6em; width:32px; height:32px; text-align:center; }*/

.submenu { position:fixed; left:0px; width:100%; border:1px solid #DEDEDE; padding:15px; display:none; z-index:101}
.submenu { border:1px solid #DEDEDE; display:none; background-color:#FFF; max-height:600px; overflow:auto; }
.submenu p { margin-bottom:0;}
.submenu a { color:inherit; display:block; padding:.3em; }
.submenu a:hover {background-color:#F4F4F4; text-decoration:none;}
.submenu-close {display:block;}

@media (min-width:640px) {
	.submenu-close {display:none;}
	.submenu { left:320px; width:auto; min-width:320px;}
}
/* menu end */

.owl-theme .owl-nav {width:100%;position:absolute;top: 50%; margin-top:-20px; z-index:1}
.owl-prev, .owl-next {background: rgba(204,204,204,.5) !important; color: #FFF !important; font-size:1.8em !important; font-weight:600 !important; width:40px; line-height:40px;height:40px; position:absolute;}
.owl-prev { left:0;}
.owl-next { right:0;}
.owl-prev:hover, .owl-next:hover { background: rgba(204,204,204,.98) !important; }

#ageConfirmOvl {position:fixed; left:0; bottom:0; top:0; right:0;z-index:12999;display: flex;justify-content: center; align-items: center;}
#ageConfirm {padding:3em; background:#f0f0f0; text-align:center; font-size:.9em; margin-bottom:5%;max-width:480px;}