html {
	scroll-behavior: smooth;
}

:target:before {
	content:"";
	display:block;
	height:100px; /* fixed header height*/
	margin:-100px 0 0; /* negative fixed header height */
}

.row, .row.limited{ max-width: 1286px;margin: 0 auto; }
.row.fullwidth{ max-width: 100%; }
[class*="block-grid-"]{max-width:100%;margin:0;}
[class*="block-grid-"] > li{padding: 0 15px;}
[class*="block-grid-"].collapse > li{padding:0;padding-bottom:20px;}

:focus{outline: 0}

.column, .columns {
    float: left;
    padding-left: 15px;
    padding-right: 15px;
    position: relative;
}
.row .row:not(.limited) {margin: 0 -15px;max-width: 100%;}

img{max-width: 100%}

body{height: auto;}

body, p, .sub-nav dt, .sub-nav dd, .sub-nav li, span, div, li, ul, label{
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400;
    font-size: 14px; 
    line-height: 22px;
    letter-spacing: 0;
    color:#333333; 
}

a{
    font-family: 'Work Sans', sans-serif !important;
    font-weight: 400;
    font-size: 14px; 
    line-height: 22px;
    color:#333333;
    outline: 0;
    transition:0.25s;
    display: inline-block;
    letter-spacing: 0;
    max-width: 100%;
}

a:hover, a:focus, a.active{transition:0.25s;color:#3065B5}
a.text-primary:hover {color:#1ea9c5}


h1, .h1, h2, h3, h4, h5, .h5, h6{font-family: 'Work Sans', sans-serif;color:#333;margin-top: 0;margin-bottom: 20px;}
h1 > *:not(br), .h1 > *:not(br), h2 > *:not(br), h3 > *:not(br), h4 > *:not(br), h5 > *:not(br), h6 > *:not(br), .h6 > *:not(br){font-size: inherit !important;line-height: inherit !important;font-weight:inherit;letter-spacing: inherit;}

h1, .h1, .orbit-home .bg-ccc  *{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 35px;
    line-height: 42px;
    letter-spacing: 0;
}

h2{
    font-weight: 600;
    font-size: 23px;
    line-height: 37px;
    letter-spacing: 0;
}

h3{
    font-weight: 600;
    font-size: 22px;
    line-height: 26px;
    letter-spacing: 0;
}

h4{
    font-weight: 500;
    font-size: 17px;
    line-height: 33px;
    letter-spacing: 0;
}

.promo h4+h4{font-weight: 600}

h5{
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: 0;
}

h6{
    font-weight: 400;
    font-size: 13px;
    line-height: 21px;
    letter-spacing: 0;
}

.button, button, .btn-detalhes{
    font-family: 'Work Sans', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 23px;
    padding: 4px 30px;
    background: #808080;
    border:1px solid #808080;
    color:#fff;
    border-radius:5px;
}
.button:hover, .button:focus, .button.active, 
.btn-detalhes:hover, .btn-detalhes:focus, .btn-detalhes.active{
    background: #FFE52C;
    color:#808080;
}

.button.small{
    font-size: 11px;
    line-height: 18px;
    padding: 2px 14px;
}

.btn-normal{
    background: #414146;
    border:0;
    color:#fff;
    font-size: 15px;
    line-height: 23px;
    padding: 10px 22px;
    border-radius: 0;
}

.btn-normal.alt{
    background: #0071BC;
    text-transform: uppercase;
    min-width: 152px;
}

.btn-normal:hover{
    background: #889096;
    color:#fff;
}



.bg-f2{background: #F2F2F2}
.bg-e6{background: #E6E6E6}

.text-primary{color:#0071BC;}
.text-secondary{color:#E52230}
.text-666{color:#666666}

.border-primary{border-color:#0071BC;}


.bg-primary{background:#0071BC;}
hr.double{border-width: 1px}

.mgauto{margin:auto}

.text-flex{display: flex}
.flex-wrap{flex-wrap: wrap;}


label{
    font-family: 'Work Sans', sans-serif;
    font-size: 15px;
    margin-bottom: 5px;
    color:#999999;
}

input[type="text"], input[type="email"], input[type="number"], input[type="password"],textarea{
    box-shadow:none;
    margin-bottom: 25px;
    background: #fff !important;
    opacity: 1;
    min-height: 35px;
    border: 1px solid #CCCCCC;
}

::placeholder{
    color: #999999;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: 1px;
    opacity: 1;
}

.bg-ccc{background: #ccc;}

ul.pagination {margin:10px 0 20px}
ul.pagination li {float: initial;display: inline-block;}
ul.pagination li a, ul.pagination li button {padding: 3.5px 10px;font-size:13px;border-radius: 3px;}
ul.pagination a:hover{transition:0s;cursor:pointer !important;text-decoration:none;}
ul.pagination li.current a{cursor:pointer !important;text-decoration:none;width:30px}
ul.pagination li.arrow a{margin-right:10px;margin-left:10px;padding: 3.5px 11.5px !important;}
ul.pagination li.arrow.unavailable a:hover{background:transparent !important;cursor:default !important;text-decoration:none;}

ul.pagination a, ul.pagination a:hover,ul.pagination li.current a, ul.pagination li.arrow.unavailable a:hover{border: 1px solid #444444;}
ul.pagination a, ul.pagination li.arrow.unavailable a:hover{color:#444444 !important;}
ul.pagination a:hover, ul.pagination li.current a{color:#fff !important;background:#0071BC !important;border-color:#0071BC}

/* ------------------------------------- */

.il-list{
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.il-list li{display: inline-block;padding: 0 20px;line-height: 16px}
.il-list li:first-of-type{padding-left: 0}
.il-list li:not(:last-of-type){border-right: 1px solid #fff;}

.pre-header{background: #000;padding: 9px 0}
.pre-header a{
    font-size: 13px;
    line-height: 16px;
    color:#fff;
}
.pre-header a:hover{
    opacity: 0.8;
}
.pre-header i{font-size: 15px;vertical-align: middle;}


header{background: #FCF118;padding:2px 0}

header .search{padding-top:23px;}
header .search input[type="search"]{height:44px;box-shadow: none;border:0;padding-left:20px;}
header .search .postfix{
    height:44px;
    line-height: 44px;
    border:0;
    background:#333333;
    color:#fff;
    border-top-right-radius:5px;
    border-bottom-right-radius:5px;
}

nav a{font-weight: 500}

.menu-cat{
    background: #222;
    color:#fff;
    padding: 14px 20px;
}
.menu-cat label{
    font-size:inherit;
    margin-bottom: 0;
    color: #fff;
    font-weight: 500;
}

#submenu{position: absolute;left:0;top:0;visibility: hidden;}

#submenu+div{
    position: absolute;
    background: #222;
    padding: 14px 20px;
    width:100%
}
#submenu+div a{
    color:#fff;
    font-weight: 500;
    margin-bottom: 10px
}
#submenu+div a:hover{
    opacity: 0.5;
}
#submenu:not(:checked)+div{display: none;}
#submenu:checked+div{display: block;}

.menubar-box::before{
    content: " ";
    background: #222;
    display: block;
    position: absolute;
    left: 0;
    width: calc(95vw - 1200px);
    height: 50px;
}

.menubar-box > div:first-of-type{z-index: 9999;}

nav{padding-top:12px;}
nav.menu{margin-left: 85px;}
nav span{
    font-size: 13px;
    margin: 0 15px;
}
nav span:first-of-type{margin-left: 0}
nav span a.active, nav span a:hover, nav span a:focus{
    padding-bottom: 14px;
    border-bottom: 2px solid #333333;
    color:#333333;
}
nav > a:hover{color:#333;opacity: 0.5;}

.orbit-home .number{
    background: rgba(254, 220, 25, 0.7);
    height: 100px;
    display: flex;
    justify-content: right;
    align-items: flex-end;
    padding: 28px 15px;
    color:#333;
    font-size:38px;
    line-height:38px;
    font-weight: 500;
    width: 140px;
    height:140px;
    float:right
}

.orbit-home .bg-ccc{
    width: 486px;
    display: flex;
    align-items: center;
    padding: 20px;
}
.orbit-home .bg-ccc > *{margin-bottom: 0;}

.orbit-home .bg-white{
    width: 486px;
    margin-left: 140px;
    padding: 16px 20px;
    color:#808080;
    font-size:22px;
    font-weight: 600;
    margin-bottom: 3px;
}

.orbit-timer, .orbit-progress{visibility: hidden}

.noarrows.orbit-slides-container+.orbit-prev,
.noarrows.orbit-slides-container+.orbit-prev+.orbit-next{
    visibility: hidden;
}

.or-al, .or-ar{
    margin: 8px 10px;
    text-align: center;
    display: inline-block;
    cursor: pointer;
    transition: 0.25s;
}
.or-al{margin-left: 0;}
.or-ar{margin-right: 0;}

.or-al::before, .or-ar::before{
    font-family: Ionicons;
    color:#666666;
    font-size: 18px;
    text-align: center;
    transition: 0.25s;
}
.or-al::before{content:"\f124";}
.or-ar::before{content:"\f125";}

.or-al:hover::before, .or-ar:hover::before{color:#FCF118;}

.box-slider{border:1px solid #E6E6E6;padding: 30px 0 20px}

.ttl-marcas .separator{
    margin-top: -58px;
    z-index: -1;
}
.ttl-marcas h2{
    background: #fff;
    display: inline-block;
    padding-right: 30px;
}

#or-marcas img{
    filter: brightness(0) saturate(100%) invert(55%) sepia(0%) saturate(0%) hue-rotate(354deg) brightness(91%) contrast(92%);
}
#or-marcas img:hover, #or-marcas img.active{
    filter: none;
}

.cta-button{
    background: #0071BC;
    text-transform: uppercase;
    display: inline-block;
    color:#fff;
    border-radius: 5px;
    padding: 6px 33px;
    margin-bottom: -2px;
}

hr.border-primary.double.mgt0{margin-left: 3px;}

.card-promo{
    background: #EFEFEF;
    border-radius: 3px;
    padding: 30px 10px;
    height: 100%;
}

.prod-list{display: flex;flex-flow: row wrap;}

.prod-list li{padding-top:20px;display: flex;flex-direction: column;position: relative;}
.prod-list:not(.short) li:not(:nth-child(6n)):not(:last-of-type){border-right: 1px solid #ccc;}

.prod-list.short li:not(:nth-child(4n)):not(:last-of-type){border-right: 1px solid #ccc;}
.prod-list.short li{border-bottom: 1px solid #ccc;}

.prod-list li img{
    height:200px;width:100%;object-fit:contain;
}
.prod-list li h4{margin: auto;margin-bottom: 20px;}
.prod-list li h4+a{margin-top: auto;}

.prod-list.list-2l:not(.short) li:nth-child(7n),
.prod-list.list-2l:not(.short) li:nth-child(8n),
.prod-list.list-2l:not(.short) li:nth-child(9n),
.prod-list.list-2l:not(.short) li:nth-child(10n),
.prod-list.list-2l:not(.short) li:nth-child(11n),
.prod-list.list-2l:not(.short) li:nth-child(12n){
    border-top: 1px solid #ccc;
}

.filter{background: rgba(0, 0, 0, 0.68);width:100%;height: 100%;}

.cta-promo {border-radius: 5px;overflow: hidden;}
.cta-promo .filter{padding: 45px 48px 35px;}
.cta-promo h2, .cta-promo p{color:#fff;}
.cta-promo h2+h2{font-size: 27px}


.menu-separator{background: #F0F0F0;padding: 19px 0;margin-bottom: 70px}
.menu-separator p{color:#666;margin-bottom: 0}

.contact-board a{display: block;font-size: 15px;color:#808080;}
.contact-board a i{font-size: 25px;display: block;margin-bottom: 5px;}

.share-btn{
    width: 34px;
    height: 34px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #808080;
    color: #808080;
    border-radius: 4px;
    font-size: 20px;
}
.share-btn:hover{
    background: #808080;
    color:#fff;
}

.tabs .tab-title > a{
    font-size: 17px;
    font-weight: 500;
    text-transform: uppercase;
    padding: 6px 33px;
    line-height: 37px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: #CCCCCC;
    color:#666666;
}
.tabs .tab-title:not(:last-of-type) > a{margin-right: 10px;}
.tabs .tab-title.active > a{
    background: #0071BC;
    color:#fff;
}

#prod-detalhes table{
    border: 1px solid #E6E6E6 !important;
    margin-bottom: 0;
    min-width: 65%;
}
#prod-detalhes table, #prod-detalhes table td{border: 0;text-align: center}

#prod-detalhes table tr:first-of-type > td:first-of-type{background: #CCCCCC;text-align: left;vertical-align: bottom;}
#prod-detalhes table tr:first-of-type > td:not(:first-of-type){
    background: #666666;
    color:#fff;
    font-size: 15px;
}
#prod-detalhes table tr:not(:first-of-type) > td{font-size: 14px;}
#prod-detalhes table tr:not(:first-of-type) > td:nth-child(2n){
    background: #CCCCCC;
}

.reveal-modal{border-radius: 15px;}

.prod-desc *:not(br){font-size: 18px !important;font-family: 'Work Sans', sans-serif !important;line-height: 26px !important;}

.menufam {padding-top: 8px;}
.menufam a{font-size: 17px;}
.menufam a:not(:last-of-type){margin-right: 15px;}

.label-box{
    float: right;
    position: absolute;
    right: 10px;
    top: 5px;
}
.label-box .label.alert{
    background:#E62230;
    border-radius: 5px;
    padding: 7px 10px;
    font-weight: 700;
    font-size: 14px;
}

.fa::before{font-family: FontAwesome !important;}

footer{
    background: #333333;
    padding: 60px 0 15px;
}

footer h5{margin-bottom: 30px;color:#808080;font-weight: 400;text-transform: uppercase;}
footer a{color:#fff;font-size: 15px}
footer a:hover{color:#fff;opacity: 0.7;}
footer p{color:#808080}
footer hr{border-color:#CCCCCC;margin: 35px 0}

footer+div{padding: 10px 0;}
footer+div, footer+div a, footer+div div{
    font-size: 11px;
}

footer+div.after-footer{
    background: #1A1A1A;
    padding: 20px 0;
}
footer+div.after-footer p{color:#666666}

.menu-acordeao h3 {
    background: rgba(255, 255, 255, 1);
    margin-top: 0;
    margin-bottom: 0
}

.menu-acordeao h3 a {
    padding: 5px 10px;
    font-size: 14px;
    line-height: 40px;
    display: block;
    color: #000;
    text-decoration: none
}

.menu-acordeao h3 a i {
    padding-top: 15px
}

.menu-acordeao h3:hover {
    text-shadow: 0 0 1px rgba(255, 255, 255, 0.7)
}

.menu-acordeao ul {
    margin-left: 0;
    margin-bottom: 0
}

.menu-acordeao li {
    list-style-type: none
}

.menu-acordeao ul ul li a,
.menu-acordeao h4 {
    color: #fff;
    text-decoration: none;
    font-size: 14px;
    line-height: 40px;
    display: block;
    padding: 0 15px;
    -webkit-transition: all .15s;
    transition: all .15s;
    position: relative;
    font-weight: normal
}

.menu-acordeao ul ul li a:hover, .menu-acordeao ul ul li a.active{
    background: #444444;
    border-right: 5px solid #FCF118;
	color:#fff
}

.menu-acordeao ul ul li a:focus{
	background: #444444;
	color:#fff
}

.menu-acordeao ul ul {
    display: none
}

.menu-acordeao li.active>ul {
    display: block
}

.menu-acordeao ul ul ul {
    margin-left: 15px;
    border-left: 1px dotted rgba(0, 0, 0, 0.3)
}

.menu-acordeao a:not(:only-child):after {
    content: "\f104";
    font-family: fontawesome;
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 14px
}

.menu-acordeao a.notafter:after {
    content: ""
}

.menu-acordeao .active>a:not(:only-child):after {
    content: "\f107"
}

@media only screen and (max-width: 40em) { 
    .pagination{overflow-x: auto;white-space: nowrap;padding-bottom: 20px;}
    .orbit-home .bg-ccc, .orbit-home .bg-white {width: auto;}
    .orbit-home .bg-ccc * {font-size: 28px;line-height: 34px;}
    .orbit-home .bg-fff {font-size: 18px;}
    .card-promo a:last-child{width: 100%;}
}


@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    nav.menu{margin-left: 15px;}
    nav:not(.menu){margin-right: 15px;}
    h2 {font-size: 20px;line-height: 32px;}
    .prod-list li:nth-child(3n){
        border-right: 0 !important;
    }
    .prod-list li:nth-child(4n){
        border-right: 1px solid #ccc;
    }
}

@media only screen and (min-width: 1010px) and (max-width: 1080px) {
    nav.menu{margin-left: 10px;}
    nav.menu span{margin: 0 10px;}
}

@media only screen and (-webkit-min-device-pixel-ratio:0) {

    .prod-list:after,
    .prod-list:before,
    .text-flex:after,
    .text-flex:before {
        width: 0
    }
}