/*
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:ital,wght@0,400..700;1,400..700&display=swap');
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap');

:root {
--site-color: #257bb8;
--site-color-dark: #004b82;
--site-bg: #257bb8;
}

/* bs ovr */
a {color:var(--site-color); text-decoration:none;}
a:hover {color: var(--site-color-dark); text-decoration:none;}
.bg-primary {color:#FFFFFF;background-color: var(--site-bg) !important;}
.btn-primary {color: #FFFFFF !important; background-color: var(--site-color); border-color:var(--site-color);box-shadow: none !important;}
.btn-primary:hover, .btn-primary:active {background-color:var(--site-color-dark) !important; border-color:var(--site-color-dark) !important;}
.btn-primary.focus, .btn-primary:focus {box-shadow: none;}
.btn-outline-primary {
    border-color: var(--site-color);
}
.btn-outline-primary.focus, .btn-outline-primary:focus {
    box-shadow: 0 0 0 0.2rem rgb(125 125 125 / 50%) !important;
}
.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary.active {
    color: #fff;
    background-color: var(--site-color-dark) !important;
    border-color: var(--site-color-dark) !important;
}
.container {width:100% !important; max-width:1270px !important;}
.table-responsive {padding-left:1px;padding-right:1px;}
.table-bordered { border: 1px solid #dee2e6 !important;}
.table th { background:#f6f6f6;}
.text-underline, .text-underline:hover {text-decoration:underline;}
/*.btn, .form-control {border-radius:0; -moz-border-radius:0; -webkit-border-radius:0;}*/
button:focus {outline: none; }
label {font-weight:500;}

.site-color-inverse {color:#fff; background:var(--site-bg);}

html, body {height:100%;}
body {font-family: Noto Sans, sans-serif; font-size:14px; padding-top:170px; background-color:#fff; color:#1e1e1e;}

header {position:fixed; top:0; left:0; width:100%; z-index:99; background-color:#FFF;}

.header-row-0 {font-size:small; background-color:var(--site-color); color:#FFFFFF;}
.header-row-0 a {font-size: inherit; color:inherit;}
.header-row-0 a:hover {color:#333;}
/*
.header-row-0-1 {height:36px; background-color:#18191b; align-items: center; font-size:.9em; font-weight:600; text-transform:uppercase}
.header-row-0-1 a {font-size:inherit; font-weight: inherit; color:inherit; padding-left:.3em; padding-right:.3em}
.header-row-0-1 a:hover {color:#FFFFFF;}
*/
.header-row-1 {color:var(--site-color); height:96px; line-height:1; font-weight:600; background-color:#FFFFFF; padding:1em 0;}
.header-row-1 .container, .header-row-1 .row {height:100%;}
.header-row-1 i {font-size:1em; margin-bottom:.2em}
.header-row-1 a {font-size:inherit; font-weight: inherit; color:inherit; -webkit-transition: all .3s linear;-moz-transition: all .3s linear;-ms-transition: all .3s linear;-o-transition: all .3s linear;transition: all .3s linear;}
.header-row-1 a span {font-size:.8em;}
.header-row-1 a:hover {background-color:var(--site-color-dark);}
.header-row-2 {height:auto; align-items: center; font-size:.9em; font-weight:600; /*border-top:1px solid; border-bottom:1px solid;*/ border-color:var(--site-color); background-color:#f8f8ff;}
.header-row-2 .row {align-items: center;}

/*
.header-row-2 a { font-size:inherit; font-weight: inherit; color:inherit;}
.header-row-2 a:hover {color:#FFFFFF;}

nav.navbar {padding: 0.4rem 1rem; background-color: #f8f9fa; width:100%;}
nav.navbar .dropdown-menu { font-size:1em;}
nav.navbar .nav-item {text-align:center; border-bottom:1px solid #DADADA}
nav.navbar .nav-item.active .nav-link {color:var(--site-color-dark) !important;}
button.navbar-toggler { background:none; border:none; padding:0; font-size:1rem;}
*/

.dropdown-toggle.active-dropdown::after{transform:rotate(-90deg) !important;}

.slider-item {position:relative;}
.slider-txt {position:absolute; color:#FFFFFF; top:0; bottom:0; padding:1.5em; overflow: visible; display:flex; flex-direction: column; justify-content: center;
width:100%; max-width:1270px; margin:auto; left:0; right:0; font-family:serif;}
.slider-txt h2 { font-size:2.8vw;}
.slider-txt h3 { font-size:2vw;}
.slider-txt .btn {width: fit-content;}
.slider-txt-left {text-align:left;}
.slider-txt-left * { text-shadow:0px 0px 10px rgba(0,104,181,0.8);}
.slider-txt-right {text-align:right;}

.media img {width:80px; height:80px;}


@media (min-width:992px) {
	body {padding-top:170px;}
}

@media (min-width:768px) {
	.header-row-1 i {font-size:1.5em;}
	.floatingcart {min-width:280px; max-width:480px; }
	.media img {width:240px; height:240px;}
}

@media (max-width:768px) {
	.header-row-2  [class^="col"]  { padding-left:8px; padding-right:8px;}
}

@media (min-width:992px) {
	/* body {padding-top:174px;} */
	.header-row-1 {height:96px;}
	/*.header-row-1  [class^="col"]  { padding-left:8px; padding-right:8px;} */
	.header-row-2 {height: auto;}
	nav.navbar {padding: 0.4rem 0;background-color: transparent !important;}
	nav.navbar .nav-item {text-align: inherit; border-bottom: none;}
	
}

.search-form {display:none; position:fixed; left:0; top:0; right:0; bottom:0; z-index:9999}
.search-form form { background:#FFF; padding:3em 0; display:none;}
.search-form input:focus, .search-form button:focus { box-shadow:none !important;}

.loginmodal {margin:5% auto; width:100%; max-width:360px; background:#FFF; padding:15px; text-align:left;}
.loginmodal input, .loginmodal button, .loginmodal .btn {font-size:1rem !important}

#ddClientMenu { position:absolute; top:auto; right:0px; background:#FFF; padding:15px; z-index:2; display:none; text-align:left; line-height:1.5em; border:1px solid #E0E0E0; margin-top:6px;}
#ddClientMenu a {display:block; padding:5px 10px; white-space:nowrap;}
#ddClientMenu a:hover { text-decoration:none; background:#f0f0f0; color:#000;}

h1.page-title, h2.page-title { text-transform:uppercase; font-size:1.35rem; font-weight:600;}

.fw-300 {font-weight:300;}
.fw-400 {font-weight:400;}
.fw-500 {font-weight:500;}
.fw-600 {font-weight:600;}
.fw-700 {font-weight:700;}
.fw-800 {font-weight:800;}


.bg-none {background:none !important;}
.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.7);}

.shadowed {box-shadow: rgb(17 12 46 / 15%) 0px 48px 100px 0px;}
::placeholder {font-size:.9rem; font-style:italic; color:#D0D0D0!important;}

.floatingcart {position:absolute; right:0; z-index:1; min-width:280px; max-width:100%; border:1px solid #dedede; padding:.5em; background:#FFF; max-height: 60vh; overflow:auto; display:none; font-size:.8rem; font-weight:normal; text-align:left; color:#181818;}
.floatingcart table { margin-bottom:1em; width:100%; }
.floatingcart table tr { border-bottom:1px solid #EEE; }
.floatingcart table td { vertical-align:top; padding:.2em }
.floatingcart a {margin-left:0 !important;}

.produto-frame {position:relative; background-color:#f9f9f9; margin:2px; margin-bottom:1em;}
.produto-frame-img {position: relative;}
.produto-frame, .produto-frame * {-webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s;}
/*.produto-frame-bottom { position:absolute; bottom:10px; left:0; right:0; padding:0 15px;}*/
.produto-frame-bottom {padding: 15px; height:8.5em; overflow:hidden;}
.produto-frame-nome {color:#1e1e1e; text-shadow:0 0 4px #FFF; font-weight:600; height:5rem; overflow:hidden;}
.produto-frame-discount { position:absolute; right:10px; top:10px; background-color:#900; background-color:rgba(153,0,0,.75); color:#FFF; padding:0 .4em; font-size:.9em}
.produto-frame:hover {box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 36px 0px, rgba(0, 0, 0, 0.06) 0px 0px 0px 1px;}
.produto-frame button {border-top-left-radius:0; border-top-right-radius:0;}
td.antes {text-decoration: line-through; opacity: .5;}

.discount_table {width:auto;}
.discount_table td { vertical-align:middle;}

#CookieAlertOverlay {position:fixed; left:0; bottom:0; top:0; right:0;background:rgba(15,15,15,0.7);z-index:10999;display: flex;justify-content: center;align-items: flex-end;}
#CookieAlert {padding:2em; background:#101; color:#fff; text-align:center; font-size:.9em; margin-bottom:5%;max-width:480px;}

footer {color:#181818; background-color:#f8f8ff; padding-top:2em;}
footer [class^="col"] { padding-bottom:2em;}
footer .links a {color:inherit; display:block;}
footer .links a:hover {color:var(--site-color);}

.footer-row-1 {padding:1em 0; border-top:1px solid #F0F0F0; background-color:#FFFFFF;}
.footer-row-2 {background:#f9f9f9; padding-top:3em; padding-bottom:1em;}
.footer-row-2 [class^="col"] { padding-bottom:2em;}
.footer-row-3 {padding-top:2em;padding-bottom:2em; color:#181818;}
.footer-row-3 a {line-height:1.6em; color:inherit; margin:0 .5em; white-space:nowrap;}
.footer-row-3 a:hover {color:#000; font-weight:600}

.footer-row-4 {padding-top:1em;padding-bottom:1em; text-align:center;}
.footer-row-4 a {color:inherit;}

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

/* menu */

.menuoverlay {position: static; width: 100%; height: -webkit-fill-available;}

.navigationmenu {display:none;}

/*nav a { color:#F0F0F0;}
nav a:hover { color:#FFF;}
.page-title {font-size:1.8em;}
.menu-container {position:fixed; width:100%; overflow:auto; z-index:99; padding:0 15px 0 15px; display:none;}
*/

ul.topmenu {list-style: none; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: row; align-items: center; margin-bottom: 0; padding-left: 0; }
ul.topmenu li a {padding-left: .5em; padding-right: .5em;}

#menuToggle, 
#menuToggle:focus {border:none; outline:none; box-shadow:none; transition:all .5s ease; cursor:pointer; padding:0; color:#FFF; background:none; text-align:left;}

.sidenav {width:100%; max-width:320px; position:fixed; z-index:99;top:0px; bottom: 0px;left:-320px; border-right:1px solid #DEDEDE;-webkit-transition: all .5s; 
right: auto !important; border-right:1px solid #DEDEDE;-webkit-transition: all .5s; transition: all .5s; overflow: auto; background-color:#FFF; max-height:100vh; padding: 1rem; /*max-height:calc(100vh - 178px); */}
.sidenav-open {right: auto !important; left:0px !important;}


#mainmenu {margin:0; padding:0;}
#mainmenu li {margin-bottom:1px; clear:both; line-height:32px;}
#mainmenu>li {width:100%;float:left;}
#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; font-weight: 600;}
#mainmenu li.has-submenu ul {display:none;}
#mainmenu, #mainmenu ul {list-style:none; margin:0; padding:0;}
#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; font-weight: 600; width:32px; height:32px; text-align:center; cursor:pointer; background-color: #f8f9fa; border-radius: 50%;}
#mainmenu li span:hover { background-color: #f8f9fa;}


#mainmenu span.closed::before { content: "+"; font-size: small;}
#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; top:0; width:100%; padding:15px; display:none; z-index:101; background-color:#FFF; max-height:100vh; overflow:auto; border-right:1px solid #DEDEDE;border-bottom:1px solid #DEDEDE;}
.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 */