/* CSS Document */
:root {
--site-color: #9b4576;
--site-color-dark: #662d4e;
--site-bg: #9b4576;
/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap');
*/
}
@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Slab:wght@300;600;800&display=swap');

.font-sans {font-family: 'Spartan',  sans-serif;}
.font-serif {font-family: 'Roboto Slab', serif;}

html, body {height:100%;}
body {font-family: 'Roboto',  sans-serif; font-size:16px; letter-spacing:.2px;}

/* bs override */
a {color:var(--site-color); text-decoration:none;}
a:hover {color: var(--site-color-dark); text-decoration:none;}
.btn-primary {color: #fff; 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;}
.table-responsive {padding-left:1px;padding-right:1px;}

.site-color {color:var(--site-color);}
.site-color-dark {color:var(--site-color-dark);}
.site-color-inverse {color:#fff; background:var(--site-bg);}
.bg-primary { background:var(--site-color) !important; color:#FFF;}

.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;}

/*
.navbarwrapper {color:#f0f0f0; background-color:var(--site-color); z-index:5;} 
.navbarwrapper .nav-link {color:#f0f0f0 !important;}
.navbarwrapper .nav-link:hover{color:#fff !important;}
*/
.navbarwrapper {color:#333; background:#fff; z-index:5;}
.navbarwrapper .nav-link {color:#555 !important;}
.navbarwrapper .nav-link:hover{color:#000 !important;}

.navbar .menu-toggler { cursor:pointer;}
@media all and (min-width:768px) {
	.navbar .menu-toggler { display:none}
}

h1.page-title { font-size:2em;}

/* menu */
.menuToggle {cursor:pointer;}
.navigationmenu {display:none;}
.menuwrapper {z-index:998; background:#FFF;max-height:480px;max-height:70vh;overflow:auto;border:1px solid #dc0062; border-top:none;position:absolute;left:15px;right:15px;}

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

#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; background:#f0f0f0;}

#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 {color: inherit;}
.customerMenuArea a:hover { text-decoration:none;}
#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;}

#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;}


.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;}
.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;}
.bx-wrapper .bx-prev {left: -48px;}
.bx-wrapper .bx-next {right: -48px;}

.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: #dc0062; }

.navbar {padding-right:0;}
.navbar-nav li:last-child .nav-link {padding-right:0}

a.nav-link { font-weight:400}

.col-left-bordered {border-left:1px solid #dc0062;}
.bg-contain { background-position:center; background-repeat:no-repeat; background-size: contain;}
.bg-cover { background-position:center; background-repeat:no-repeat; background-size: cover;}
.color-dark-red {color:#dc0062;}


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


.produto-frame-img {  }
.produto-frame-img img { -webkit-transition: background .5s; -moz-transition: background .5s; -o-transition: background .5s; transition: background .5s;}
.produto-frame a {color:#333;}
.produto-frame-nome { width:100%; height:1.5em; text-align:center; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; margin-top:.5em;}
.produto-frame-preco { text-align:center;}
.produto-frame-preco table { width:100%;}
.produto-frame-preco td { text-align:center; color:#333; font-size:1.2em; font-weight:600;}
.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}
.table-totals td strong {font-weight:700;}
.table-items {margin-bottom:0;}
.table-items td, table th {border:none !important; vertical-align:middle;}
.table-items tr {border-bottom: 1px solid #dee2e6 !important;}
.table-items tr:last-child {border:none !important;}
.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 {}

.faixa-showroom {background-color:#e0e0e0; padding:2em 0;}

.contact-form label { font-size:small; font-weight:400; color:#dc0062;}

#cookiediv {position:fixed;left:0;bottom:0;width:100%;height:auto;z-index:1001;margin:0;padding:30px 15px;background:#333;background:rgba(15, 15, 15, 0.95);color:#FFF;}

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

.footer {font-size:.9rem; background-color:#f0f0f0; padding-top:2em;}
.footer nav a {text-decoration:none; color:#181818;}
.footer nav ul {list-style:none; padding:0}
.footer nav ul li {line-height:1.6em;}
.footer nav ul li a {font-weight:400;}

.copyright {padding:.5em 0; background:#f9f9f9; font-size:small;}