article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden]{display:none}html{font-size:100%;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}button,html,input,select,textarea{font-family:sans-serif}body,figure,form{margin:0}a:active,a:focus,a:hover{outline:0}h1{font-size:2em;margin:.67em 0}h2{font-size:1.5em;margin:.83em 0}h3{font-size:1.17em;margin:1em 0}h4{font-size:1em}h6{font-size:.67em;margin:2.33em 0}h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{text-decoration:none;color:#333}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}blockquote{margin:1em 40px}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}dl,menu,ol,p,pre,ul{margin:1em 0}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre;white-space:pre-wrap;word-wrap:break-word}q{quotes:none}q:after,q:before{content:'';content:none}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}dd{margin:0 0 0 40px}menu,ol,ul{padding:0}nav ol,nav ul{list-style:none}img{border:0;-ms-interpolation-mode:bicubic;max-width:100%;height:auto}svg:not(:root){overflow:hidden}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0;white-space:normal}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline}button,input{line-height:normal;border:1px solid #ccc;padding:5px}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}button[disabled],html input[disabled]{cursor:default}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}audio,canvas,img,video{vertical-align:middle}address{font-style:normal}ul{list-style:none;margin:0;padding:0}/* VARS */ :root { --border-color: #ccc; --box-shadow: 0 15px 10px -15px #111; --border-radius: 0.25em; --primary-light-color: #8eb7d8; } /* GLOBAL CLASSES PAGES */ .htmlchars p {line-height: 1.8;} .htmlchars p.btn a {color: #FFF;} /* BARRA-INC */ /* BOTÃO CARRINHO FIXO */ .widget__cart--btn {transition: 0.35s;position: relative;} .j_contCart {position: absolute;top: -10px;right: -10px;font-size: .8rem;background-color: red;width: 20px;height: 20px;color: white;border-radius: 9999px;display: flex;align-items: center;justify-content: center;} /* BOTÃO BUSCA */ .searchIcon {padding: 0;margin: 0;border: none;outline: none;border-radius: var(--border-radius);display: flex;align-items: center;justify-content: center;background-color: transparent;max-width: 175px;width: 100%;position: relative;} .searchIcon:after {content: '';position: absolute;top: 0;right: 0;transform: translateX(-3px);width: 1px;height: 100%;background-color: var(--primary-color);border-radius: var(--border-radius);z-index: 0;opacity: 0;overflow: hidden;transition: .3s;} .searchIcon:hover:after {width: 100%;opacity: 1;transform: translateX(0)} .searchIcon :is(span, i) {display: flex;align-items: center;height: 40px;font-size: 1em;transition: .3s;} .searchIcon span {padding-left: 0.5em;border: 1px solid var(--border-color);border-radius: var(--border-radius) 0 0 var(--border-radius);justify-content: space-between;width: 70%;text-transform: uppercase;color: #ccc;font-size: 12px;z-index: 1;} .searchIcon:hover span {color: #fff;border-color: var(--primary-color);} .searchIcon i {border: 1px solid var(--primary-color);border-radius: 0 var(--border-radius) var(--border-radius) 0;justify-content: center;width: 30%;background-color: var(--primary-color);color: #fff;z-index: 1;} .searchModal {display: none;} .widget__search {width: 100vw;height: 100vh;position: fixed;top: 0;left: 0;display: flex;align-items: center;justify-content: center;z-index: 9999;background-color: rgba(0, 0, 0, 95%);} .widget__search .search {width: 50%;display: flex;align-items: center;justify-content: center;} .widget__search .search input {width: 90%;height: 57.3px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 0 30px;border-radius: var(--border-radius) 0 0 var(--border-radius);border: none;font-size: 1em;background-color: #fff;} .widget__search .search input::placeholder {font-size: 1em;color: #999;} .widget__search .search__buttons {display: flex;align-items: center;justify-content: center;gap: 10px;width: 20%;height: 57.3px;border-radius: 0 var(--border-radius) var(--border-radius) 0;background-color: #fff;} .widget__search .search button {border: none;background-color: transparent;} .widget__search .search i {color: var(--grey);-webkit-transition: .3s;transition: .3s;} .widget__search .search button:hover i, .widget__search .search span:hover i {color: var(--dark);} .widget__search .search i.fa-search {font-size: 20px;} .widget__search .search i.fa-close {font-size: 24px;cursor: pointer;} /* SMALL DEVICE */ @media only screen and (max-width:576px) { .widget__search .search {width: 95%;} .widget__search .search__buttons {-webkit-box-shadow: -5px 0 0 #fff;box-shadow: -5px 0 0 #fff;} } /* BOTÕES GTRANSLATE */ .widget__lang {width: max-content;display: flex;align-items: center;justify-content: center;} body{ top: 0 !important} #goog-gt-tt{ display: none !important} #google_translate_element2{ display: none !important} .goog-te-banner-frame{ display: none !important} .goog-te-menu-value:hover{ text-decoration: none !important} .translate-container {display: flex;align-items: center;justify-content: flex-end;gap: 10px;}.translate-container img{ width: 32px} .skiptranslate{ display: none} /* SMALL DEVICE */ @media only screen and (max-width:576px) { .widget__lang {width: 100%;padding: 24px 10px;} .translate-container {display: flex;justify-content: center;width: 100%;} .translate-container img {width: 30px;} } /* END BARRA-INC */ /* BREADCRUMB */ #breadcrumb li{ display: inline-block} #breadcrumb i, #breadcrumb li:not(.bread__column){ margin: 0 5px} /* MODAL CARRINHO */ .alertCart {z-index: 999;display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);max-width: 80%;width: 100%;border: 1px solid var(--border-color);border-radius: var(--border-radius);padding: 1em;background: #fff;} .alertCart h2 {font-size: 1.2em;text-align: center;color: var(--primary-color);} .alertCart .btn {border: none;outline: none;} .alertCart .btn:hover {border: none;outline: none;} /* CARRINHO */ /* **TABELA** */ .carrinho .carrinho__head {padding: 1em 0;border-bottom: 2px solid var(--border-color);color: var(--dark);font-size: 1.2em;margin-bottom: 24px;} .carrinho .carrinho__body .carrinho__row {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 1.5em;height: 100%;display: flex;flex-direction: column;justify-content: center;border-bottom: 1px solid var(--border-color);} .carrinho .carrinho__body .carrinho__row span {color: var(--dark);font-size: 1.2em;line-height: 1.6em;color: var(--dark);} /* **INPUT QUANTIDADE** */ .carrinho .qtdCart {max-width: 70px;width: 100%;line-height: 24px;} /* **BUTTON TRASH** */ .carrinho .removeCart {display: block;height: 40px;text-align: center;line-height: 30px;outline: none;border: none;background: none;cursor: pointer;} .carrinho .removeCart i {color: red;font-size: 24px;transition: 0.3s;} .carrinho .removeCart:hover i{ color: var(--dark)} /* FIM CART SELECT */ .cart-table-container{ width: 100%} .cart-table {width: 100%;margin: 12px 0;border-radius: 4px;overflow: hidden;} .cart-table thead{ background-color: var(--primary-color)} .cart-table :is(tbody, thead, tr){ width: 100%} .cart-table tr {display: grid;grid-template-columns: 1fr 1fr 4fr 1fr 0.5fr;gap: 0;} .cart-table :is(th, td) {padding: 16px;text-align: center;border: 1px solid rgba(0, 0, 0, 0.1);} .cart-table :is(th) {font-size: 16px;color: #FFF;} .cart-table :is(td) {color: var(--grey);font-size: 14px;} .cart-table-modelos span {flex: 1;display: flex;justify-content: center;align-items: center;background-color: #F6F6F6;border: 1px solid rgba(0, 0, 0, 0.1);} .cart-table-qtd input {flex: 1;background-color: #F6F6F6;border: 1px solid rgba(0, 0, 0, 0.1);} @media only screen and (max-width: 1200px) { .cart-table-container {overflow-x: auto;} .cart-table {width: 1200px;} } /* **FORMULÁRIO** */ .formulario{ width: 100%} .formulario.j_formulario{ display: none} .formulario :is(input, textarea, select) {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 1em;width: 100%;margin: 0.5em 0;border: 1px solid var(--border-color);font: 1em/1.5em var(--primary-font);color: var(--dark);background-color: #fff;-webkit-transition: .3s;transition: .3s;} .formulario :is(input, textarea, select):focus {color: var(--dark);background-color: #fff;border-color: #80bdff;outline: 0;box-shadow: 0 0 0 0.2em rgb(0 123 255 / 25%);} .formulario label, .formulario :is(input, textarea)::placeholder {font: 1em/1.5em var(--primary-font);color: var(--dark);} .formulario [type="submit"] {max-width: 280px;width: 100%;margin-top: 1em;border: 1px solid var(--primary-color);font-size: 16px;text-transform: uppercase;color: #fff;background-color: var(--primary-color);cursor: pointer;} .formulario [type="submit"]:hover {background-color: var(--dark);border: 1px solid var(--dark);} .formulario__obrigatory {display: block;margin: 1em 0;font-size: 12px;color: var(--grey);} /* SMALL DEVICE */ @media only screen and (max-width:576px) { .carrinho .carrinho__body .carrinho__row {padding: 0.8em;} .carrinho .inputNumber * {font-size: 1em !important;} } /* END CARRINHO */ /* PAGINAÇÃO */ .paginator * {font-size: 0.85rem !important;padding: 0.5rem 0.8rem !important;} .paginacao-inc .form-control{ border-radius: 0px} .paginacao-inc .btn.btn--primary{ border-radius: 0px} .pesquisa-sig-inc input, .pesquisa-sig-inc button {border: none;background-color: transparent;} .pesquisa-sig-inc button{ padding: .7rem} .pesquisa-sig-inc {padding-left: 1rem;background-color: whitesmoke;border-radius: 9999px;} /* BOTÕES PAGINAÇÃO */ .btn-group button {display: inline-table;width: auto;outline: 1px solid var(--border-color);} .btn-group button.active {background: var(--primary-color);color: #fff;} .btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle){ border-radius: 0} .btn-group>.btn:first-child{ margin-left: 0} .btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {border-bottom-right-radius: 0;border-top-right-radius: 0;} .btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {border-bottom-left-radius: 0;border-top-left-radius: 0;} .btn-group>.btn-group{ float: left} .btn-group>.btn-group:not(:first-child):not(:last-child)>.btn{ border-radius: 0} .btn-group>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group>.btn-group:first-child:not(:last-child)>.dropdown-toggle {border-bottom-right-radius: 0;border-top-right-radius: 0;} .btn-group>.btn-group:last-child:not(:first-child)>.btn:first-child {border-bottom-left-radius: 0;border-top-left-radius: 0;} .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle{ outline: 0} .btn-group>.btn+.dropdown-toggle {padding-left: 8px;padding-right: 8px;} .btn-group>.btn-lg+.dropdown-toggle {padding-left: 12px;padding-right: 12px;} .btn-group.open .dropdown-toggle {-webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);} .btn-group.open .dropdown-toggle.btn-link {-webkit-box-shadow: none;box-shadow: none;} .btn .caret{ margin-left: 0} .btn-lg .caret {border-width: 5px 5px 0;border-bottom-width: 0;} .dropup .btn-lg .caret{ border-width: 0 5px 5px} .btn-group-vertical>.btn, .btn-group-vertical>.btn-group, .btn-group-vertical>.btn-group>.btn {display: block;float: none;width: 100%;max-width: 100%;} .btn-group-vertical>.btn-group>.btn{ float: none} .btn-group-vertical>.btn+.btn, .btn-group-vertical>.btn+.btn-group, .btn-group-vertical>.btn-group+.btn, .btn-group-vertical>.btn-group+.btn-group {margin-top: -1px;margin-left: 0;} .btn-group-vertical>.btn:not(:first-child):not(:last-child){ border-radius: 0} .btn-group-vertical>.btn:first-child:not(:last-child) {border-top-right-radius: 4px;border-top-left-radius: 4px;border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .btn-group-vertical>.btn:last-child:not(:first-child) {border-top-right-radius: 0;border-top-left-radius: 0;border-bottom-right-radius: 4px;border-bottom-left-radius: 4px;} .btn-group-vertical>.btn-group:not(:first-child):not(:last-child)>.btn{ border-radius: 0} .btn-group-vertical>.btn-group:first-child:not(:last-child)>.btn:last-child, .btn-group-vertical>.btn-group:first-child:not(:last-child)>.dropdown-toggle {border-bottom-right-radius: 0;border-bottom-left-radius: 0;} .btn-group-vertical>.btn-group:last-child:not(:first-child)>.btn:first-child {border-top-right-radius: 0;border-top-left-radius: 0;} .btn-group-justified {display: table;width: 100%;table-layout: fixed;border-collapse: separate;} .btn-group-justified>.btn, .btn-group-justified>.btn-group {float: none;display: table-cell;width: 1%;} .btn-group-justified>.btn-group .btn{ width: 100%} .btn-group-justified>.btn-group .dropdown-menu{ left: auto} /* PÁGINA PESQUISA */ .search-card{ border-radius: 5px} .search-card .search-card__cover {width: 100%;height: 300px;object-fit: cover;-webkit-transition: .3s;transition: .3s;} .search-card:hover .search-card__cover{ opacity: .8} .search-card .search-card__title {background-color: var(--primary-color);margin: 0;height: 60px;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;border-radius: 0 0 5px 5px;font-size: 14px;-webkit-transition: .3s;transition: .3s;} .search-card:hover .search-card__title{ background-color: var(--dark)} /* ASIDE */ .aside-sig {border: 1px solid var(--border-color);border-radius: var(--border-radius);overflow: hidden;margin: 25px 0 25px 5%;} .aside-sig h2 {background-color: var(--primary-color);font-size: 1em;color: #fff;margin: 0px;padding: 1em;} .aside-sig h2 a{ color: #fff} .aside-sig li{ margin: 0} .aside-sig .sub-menu {display: block;margin: 0;} .aside-sig .sub-menu--first{ display: block} .aside-sig .submenu-item {display: block;margin: 0;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;color: var(--grey);font-size: 1em;-webkit-transition: .3s;transition: .3s;} .aside-sig .submenu-item--first{ border-left: 2px solid var(--grey)} .aside-sig .submenu-item--first:hover{ border-left-color: var(--primary-color)} .aside-sig .submenu-item--last{ padding-left: 15px} .aside-sig .submenu-item:hover, .aside-sig .submenu-item.active-menu-aside {color: var(--primary-color);background-color: #f7f7f7;} .aside-sig .fb-page{ margin: 0 auto} /* SMALL DEVICE */ @media only screen and (max-width: 576px) {.aside-sig {margin: 15px auto;}} /* ASIDE SIG FIXED */ .aside-sig-fixed {background-color: rgba(255, 255, 255, 0.95);border-top: 6px solid var(--primary-color);border-bottom: 1px solid rgba(0, 0, 0, 0.1);border-left: 1px solid rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);border-radius: 16px 0 0 16px;margin: 0;box-sizing: border-box;padding: 32px 24px;position: fixed;z-index: 9998;height: auto;width: 280px;right: -280px;top: 50%;transform: translateY(-50%);color: #fff;transition: .5s ease-in-out;display: flex;flex-flow: column;justify-content: space-between;} .aside-sig-fixed::before {content: '\f0c9';font-family: 'FontAwesome';width: 40px;height: 70px;display: flex;align-items: center;justify-content: center;background-color: var(--primary-color);position: absolute;top: 50%;transform: translateY(-50%);left: -40px;cursor: pointer;transition: .3s;color: #FFF;border-radius: 16px 0 0 16px;border-width: 1px 0px 1px 1px;border-style: solid;border-color: rgba(0, 0, 0, 0.1);box-shadow: 0px 4px 6px -2px rgba(0, 0, 0, 0.05), 0px 10px 15px -3px rgba(0, 0, 0, 0.10);} .aside-sig-fixed:hover{ right: 0} .aside-sig-fixed:hover::before{ opacity: 0} .aside-sig-fixed :is(.aside__menu, .aside__contact) {transition-duration: 0.5s;transition-delay: 0.4s;opacity: 0;transform: translateX(80px);} .aside-sig-fixed:hover :is(.aside__menu, .aside__contact) {opacity: 1;transform: translateX(0);} .aside-sig-fixed nav::-webkit-scrollbar{ width: 3px} .aside-sig-fixed nav::-webkit-scrollbar-thumb{ background-color: var(--primary-color)} .aside-sig-fixed nav {max-height: 300px;overflow-y: scroll;} .aside-sig-fixed .aside__menu .aside-title {margin: 0 0 16px 0;font-size: 18px;position: relative;padding-bottom: 16px;} .aside-sig-fixed .aside__menu .aside-title::after {content: "";position: absolute;left: 0;bottom: 0;width: 50px;height: 2px;background-color: var(--dark);display: block;} .aside-sig-fixed .aside__menu .aside-title a {transition: 0.3s;display: block;color: var(--primary-color);} .aside-sig-fixed .aside__menu .aside-title:hover a{ color: var(--dark)} .aside-sig-fixed .aside__nav ul{ padding-right: 4px} .aside-sig-fixed .aside__nav ul li{ margin: 4px 0} .aside-sig-fixed .aside__nav li a {display: block;padding: 12px;margin: 0;font-size: 12px;transition: .3s;color: var(--grey);background-color: #F0F0F0;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 4px;} .aside-sig-fixed .aside__contact {display: flex;align-items: center;gap: 8px;margin-top: 24px;} .aside-sig-fixed .aside__contact-item {width: 100%;padding: 12px;border-radius: 32px;height: 40px;display: flex;align-items: center;justify-content: center;background-color: var(--primary-color);color: #FFF;flex: 1;transition: 0.3s;border: 1px solid var(--primary-color);} .aside-sig-fixed .aside__contact-item i{ font-size: 16px} .aside-sig-fixed .aside__contact-item.whatsapp {background-color: #25D366;border: 1px solid #25D366;} .aside-sig-fixed .aside__contact-item:hover {background-color: transparent;color: var(--primary-color);} .aside-sig-fixed .aside__contact-item.whatsapp:hover {background-color: transparent;color: #25D366;} .aside-sig-fixed .aside__nav li a:hover, .aside-sig-fixed .aside__nav li a.active-menu-aside {background-color: var(--primary-color);color: #FFF;} /* FIM ASIDE SIG FIXED */ /* ASIDE HIDDEN */ .aside-hidden {box-sizing: border-box;border-radius: var(--border-radius) 0 0 var(--border-radius);width: 300px;height: auto;margin: 0;padding: 15px 30px;background-color: var(--primary-color);color: #fff;position: fixed;right: -300px;top: 50%;transform: translateY(-50%);z-index: 999;display: flex;flex-flow: column;justify-content: space-between;transition: .5s ease-in-out;} .aside-hidden::before {content: '\f100';font-family: 'FontAwesome';background-color: var(--primary-color);border-radius: var(--border-radius) 0 0 var(--border-radius);box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.5);width: 50px;height: 100px;display: flex;align-items: center;justify-content: center;position: absolute;top: 50%;transform: translateY(-50%);left: -50px;cursor: pointer;transition: .3s;} .aside-hidden:hover{ right: 0} .aside-hidden:hover::before{ opacity: 0} .aside-hidden h2 {margin-top: 15px;margin-bottom: 0;font-size: 1.5em;} .aside-hidden h2 a{ color: #fff} .aside-hidden nav::-webkit-scrollbar{ width: 3px} .aside-hidden nav::-webkit-scrollbar-thumb{ background-color: var(--dark)} .aside-hidden nav {max-height: 300px;height: auto;overflow-y: auto;} .aside-hidden :is(nav, .aside__cta) {display: block;width: 100%;margin: 15px auto;} .aside-hidden:hover :is(nav, .aside__cta) {animation-name: anima__aside;animation-duration: .7s;animation-timing-function: ease-in-out;} .aside-hidden .sub-menu li a {display: block;padding: 5px;margin: 5px 0;font-size: 12px;border-left: 1.5px solid #fff;color: #fff;transition: .3s;} .aside-hidden .sub-menu li a:hover, .aside-hidden .sub-menu li a.active-menu-aside {border-left: 3px solid var(--dark);color: var(--dark);} .aside__cta .btn {display: block;width: 100%;margin: 5px auto;background-color: var(--primary-light-color);border-radius: var(--border-radius);border: 2px solid transparent;} .aside__cta .btn:hover {border-color: var(--primary-light-color);background-color: var(--primary-color);} @keyframes anima__aside {0% {transform: translateX(1000px);}100% {transform: translateX(0);}} /* *****PRODUTOS***** */ /* **PRODUTO THUMB** */ /* **PRODUTO INC COVER** */ .prod-inc-cover img {display: block;margin: 0 auto;width: 100%;aspect-ratio: 1/1;object-fit: contain;border: 1px solid var(--border-color);border-radius: var(--border-radius);} /* SMALL DEVICE */ @media only screen and (max-width:576px) {.prod-inc-cover img {height: calc(380px - 15vh);}} /* **PRODUTO INC GALLERY -- DEFAULT** */ /* **PRODUTO INC CARRINHO** */ .prod-inc-cart .cart {display: block;width: 100%;font-size: 1em;} .prod-inc-cart .cart fieldset {border: 1px solid var(--border-color);border-radius: var(--border-radius);-webkit-box-sizing: border-box;box-sizing: border-box;padding: 1em;margin: 0;} .prod-inc-cart .cart label:not(.radio-option) {display: block;font-size: 1em;color: var(--grey);} .prod-inc-cart .cart label.radio-option {display: flex;align-items: center;justify-content: flex-start;margin: 0.5em 1em;} .prod-inc-cart .cart input[type="radio"] {margin-right: 0.5em;max-width: 1em;} .prod-inc-cart .cart input[type="submit"]:hover{ background-color: var(--dark)} /* **INPUT NUMBER** */ .prod-inc-cart .inputNumber {position: relative;overflow: hidden;display: flex;align-items: center;justify-content: center;width: 100%;margin: 0;background-color: #fff;border: 1px solid var(--border-color);border-radius: var(--border-radius);} .prod-inc-cart .inputNumber input, .inputNumber .inputNumberBtn {position: relative;width: 40%;height: 50px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 5px;font-size: 1.6em;text-align: center;line-height: 40px;outline: 0;border: 0px;} .prod-inc-cart .inputNumber .inputNumberBtn {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;transition: .3s;} .prod-inc-cart .inputNumber .inputNumberBtn:hover, .inputNumber .inputNumberBtn:active{ color: var(--dark)} .prod-inc-cart .inputNumber .inputNumberBtn.disabled {cursor: default;color: rgba(116, 116, 116, 0.5);} .prod-inc-cart .inputNumber input {border-left: 0;border-right: 0;color: var(--dark);font: bold 1.3em var(--primary-font);} .prod-inc-cart .inputNumber input:focus{ outline: 0} .prod-inc-cart .inputNumber input[type=number]::-webkit-inner-spin-button, .inputNumber input[type=number]::-webkit-outer-spin-button { -webkit-appearance: none;margin: 0;} /* **PRODUTO INC CONTENT** */ .prod-inc-tab {display: flex;align-items: flex-end;justify-content: flex-start;flex-wrap: wrap;gap: 8px;} .prod-inc-tab .tab__link {-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 6px 6px 0 0;padding: 12px 24px;background-color: #FAFCFE;border: 1px solid var(--border-color);margin: 0;z-index: 0;position: relative;top: 1px;cursor: pointer;transition: 0.3s;font-size: 14px;color: var(--grey)} .prod-inc-tab .tab__link.active, .prod-inc-tab .tab__link:hover {z-index: 1;border-bottom-color: #fff;background-color: var(--primary-color);color: #FFF;border-bottom-color: var(--primary-color);} .prod-inc-content {background-color: #FAFCFE;word-wrap: break-word;} .prod-inc-content .tab__content {-webkit-box-sizing: border-box;box-sizing: border-box;padding: 1em;border: 1px solid var(--border-color);border-radius: 0 var(--border-radius) var(--border-radius) var(--border-radius);} @media only screen and (max-width: 576px) { .prod-inc-tab {flex-direction: column;gap: 4px;margin-bottom: 8px;} .prod-inc-tab .tab__link {width: 100%;border-radius: 0;text-align: center;} } /* *****END PRODUTOS***** */ /* SERVIÇOS */ .service-inc__gallery .gallery__item {aspect-ratio: 1/1;margin: 1rem;overflow: hidden;} .service-inc__gallery .gallery__item img {display: block;width: 100%;height: 100%;object-fit: cover;} /* FIM SERVICOS */ /* BLOG */ .blog-card{ overflow: hidden} .blog-card__image {overflow: hidden;aspect-ratio: 4/3;position: relative;} .blog-card__image img {width: 100%;height: 100%;object-fit: cover;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;} .blog-card__image a::before {content: "\f0c1";font-family: "FontAwesome";position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;transition: 0.3s;color: #FFF;font-size: 32px;display: flex;align-items: center;justify-content: center;padding: 8px;background-color: rgba(0, 0, 0, 0.3);padding-top: 24px;} .blog-card__image:hover a::before{ opacity: 1} .blog-card--full .blog-card__image{ aspect-ratio: 21/9} /* BLOG.INC */ .blog-inc__date {font-size: 10px;color: var(--grey);font-weight: bold;} .blog-inc__cover img {margin-bottom: 15px;width: 100%;object-fit: cover;display: block;aspect-ratio: 16/8;} .blog-inc__gallery{ margin: 24px 0px} .blog-inc__gallery .slick-list{ margin: 0 24px} .blog-inc__gallery .gallery__item {margin: 0 8px;border: 1px solid rgba(0, 0, 0, 0.1);border-radius: 4px;aspect-ratio: 4/3;} .blog-inc__gallery .gallery__item a {padding: 8px;display: block;width: 100%;height: 100%;} .blog-inc__gallery .gallery__item img {width: 100%;height: 100%;display: block;object-fit: cover;} /* DOWNLOADS */ .download-card {margin-bottom: 25px;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 25px;border: 1px solid #ccc;border-radius: 3px;-webkit-transition: .3s;transition: .3s;} .download-card:hover{ border-color: var(--dark)} .download-card__link{ display: flex} .download-card .download-card__icon {width: 10%;display: flex;align-items: center;justify-content: flex-start;font-size: 32px;color: var(--primary-color);-webkit-transition: .3s;transition: .3s;} .download-card:hover .download-card__icon{ color: var(--dark)} .download-card .download-card__description{ width: 90%} .download-card .download-card__title {margin-top: 0;font-size: 14px;color: var(--primary-color);-webkit-transition: .3s;transition: .3s;} .download-card:hover .download-card__title {color: var(--dark)} .download-card .download-card__text {font-size: 12px;color: var(--grey);margin: 0;} /* CASES */ .case-card {position: relative;display: block;width: 100%;height: 100%;overflow: hidden;-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 10%);box-shadow: 0 0 10px rgba(0, 0, 0, 10%);border-radius: 5px;} .case-card .case-card__cover {width: 100%;height: 300px;object-fit: cover;-webkit-transition: 1s;transition: 1s;} .case-card:hover .case-card__cover{ transform: scale(1.5)} .case-card .case-card__overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;opacity: 0;background-color: rgb(33, 114, 179, 90%);-webkit-transition: .5s;transition: .5s;} .case-card:hover .case-card__overlay{ opacity: 1} .case-card .case-card__title {position: relative;top: -25%;text-align: center;margin: 25px;font-size: 18px;color: #fff;-webkit-transition: .5s;transition: .5s;} .case-card:hover .case-card__title{ top: 0} /* CASES.INC */ .cases-inc__cover {float: left;padding-right: 10px;padding-bottom: 10px;width: 300px;} /* PANEL */ .panel {margin-bottom: 20px;background-color: #fff;border: 1px solid transparent;border-radius: 4px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .05);box-shadow: 0 1px 1px rgba(0, 0, 0, .05);} .panel-body{ padding: 15px} .panel-heading {padding: 10px 15px;border-bottom: 1px solid transparent;border-top-left-radius: 3px;border-top-right-radius: 3px;} .panel-heading>.dropdown .dropdown-toggle{ color: inherit} .panel-title {margin-top: 0;margin-bottom: 0;font-size: 16px;color: inherit;} .panel-title>a, .panel-title>small, .panel-title>.small, .panel-title>small>a, .panel-title>.small>a{ color: inherit} .panel-footer {padding: 10px 15px;background-color: #f5f5f5;border-top: 1px solid #ddd;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .panel>.list-group, .panel>.panel-collapse>.list-group{ margin-bottom: 0} .panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item {border-width: 1px 0;border-radius: 0;} .panel>.list-group:first-child .list-group-item:first-child, .panel>.panel-collapse>.list-group:first-child .list-group-item:first-child {border-top: 0;border-top-left-radius: 3px;border-top-right-radius: 3px;} .panel>.list-group:last-child .list-group-item:last-child, .panel>.panel-collapse>.list-group:last-child .list-group-item:last-child {border-bottom: 0;border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .panel>.panel-heading+.panel-collapse>.list-group .list-group-item:first-child {border-top-left-radius: 0;border-top-right-radius: 0;} .panel-heading+.list-group .list-group-item:first-child{ border-top-width: 0} .list-group+.panel-footer{ border-top-width: 0} .panel>.table, .panel>.table-responsive>.table, .panel>.panel-collapse>.table{ margin-bottom: 0} .panel>.table caption, .panel>.table-responsive>.table caption, .panel>.panel-collapse>.table caption {padding-right: 15px;padding-left: 15px;} .panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child {border-top-left-radius: 3px;border-top-right-radius: 3px;} .panel>.table:first-child>thead:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child {border-top-left-radius: 3px;border-top-right-radius: 3px;} .panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child{ border-top-left-radius: 3px} .panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child{ border-top-right-radius: 3px} .panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child {border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .panel>.table:last-child>tbody:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child {border-bottom-right-radius: 3px;border-bottom-left-radius: 3px;} .panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child{ border-bottom-left-radius: 3px} .panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child{ border-bottom-right-radius: 3px} .panel>.panel-body+.table, .panel>.panel-body+.table-responsive, .panel>.table+.panel-body, .panel>.table-responsive+.panel-body{ border-top: 1px solid #ddd} .panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td{ border-top: 0} .panel>.table-bordered, .panel>.table-responsive>.table-bordered{ border: 0} .panel>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child{ border-left: 0} .panel>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child{ border-right: 0} .panel>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th{ border-bottom: 0} .panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th{ border-bottom: 0} .panel>.table-responsive {margin-bottom: 0;border: 0;} .panel-group{ margin-bottom: 20px} .panel-group .panel {margin-bottom: 0;border-radius: 4px;} .panel-group .panel+.panel{ margin-top: 5px} .panel-group .panel-heading{ border-bottom: 0} .panel-group .panel-heading+.panel-collapse>.panel-body, .panel-group .panel-heading+.panel-collapse>.list-group{ border-top: 1px solid #ddd} .panel-group .panel-footer{ border-top: 0} .panel-group .panel-footer+.panel-collapse .panel-body{ border-bottom: 1px solid #ddd} .panel-default{ border-color: #ddd} .panel-default>.panel-heading {color: #333;background-color: #f5f5f5;border-color: #ddd;} .panel-default>.panel-heading+.panel-collapse>.panel-body{ border-top-color: #ddd} .panel-default>.panel-heading .badge {color: #f5f5f5;background-color: #333;} .panel-default>.panel-footer+.panel-collapse>.panel-body{ border-bottom-color: #ddd} .panel-primary{ border-color: #337ab7} .panel-primary>.panel-heading {color: #fff;background-color: #337ab7;border-color: #337ab7;} .panel-primary>.panel-heading+.panel-collapse>.panel-body{ border-top-color: #337ab7} .panel-primary>.panel-heading .badge {color: #337ab7;background-color: #fff;} .panel-primary>.panel-footer+.panel-collapse>.panel-body{ border-bottom-color: #337ab7} .panel-success{ border-color: #d6e9c6} .panel-success>.panel-heading {color: #3c763d;background-color: #dff0d8;border-color: #d6e9c6;} .panel-success>.panel-heading+.panel-collapse>.panel-body{ border-top-color: #d6e9c6} .panel-success>.panel-heading .badge {color: #dff0d8;background-color: #3c763d;} .panel-success>.panel-footer+.panel-collapse>.panel-body{ border-bottom-color: #d6e9c6} .panel-info{ border-color: #999} .panel-info>.panel-heading {color: #ffffff;background-color: #999;} .panel-info>.panel-heading+.panel-collapse>.panel-body{ border-top-color: #bce8f1} .panel-info>.panel-heading .badge {color: #d9edf7;background-color: #31708f;} .panel-info>.panel-footer+.panel-collapse>.panel-body{ border-bottom-color: #bce8f1} .panel-warning{ border-color: #faebcc} .panel-warning>.panel-heading {color: #8a6d3b;background-color: #fcf8e3;border-color: #faebcc;} .panel-warning>.panel-heading+.panel-collapse>.panel-body{ border-top-color: #faebcc} .panel-warning>.panel-heading .badge {color: #fcf8e3;background-color: #8a6d3b;} .panel-warning>.panel-footer+.panel-collapse>.panel-body{ border-bottom-color: #faebcc} .panel-danger{ border-color: #ebccd1} .panel-danger>.panel-heading {color: #a94442;background-color: #f2dede;border-color: #ebccd1;} .panel-danger>.panel-heading+.panel-collapse>.panel-body{ border-top-color: #ebccd1} .panel-danger>.panel-heading .badge {color: #f2dede;background-color: #a94442;} .panel-danger>.panel-footer+.panel-collapse>.panel-body{ border-bottom-color: #ebccd1} .embed-responsive {position: relative;display: block;height: 0;padding: 0;overflow: hidden;} /* ******************************** PUT YOUR CSS BELOW ******************************** */ /* BLOG TAGS */ .blog-tag-list__cards {padding: 0;display: flex;flex-wrap: wrap;gap: 8px;} .blog-tag-list--aside{ padding: 8px} .blog-tag-list--aside .blog-tag-list__cards {max-height: 200px;overflow-y: auto;padding: 8px;} .blog-tag-list p{ width: 100%} .blog-tag-list a {background-color: var(--primary-color);display: inline-block;padding: 4px 8px;color: #FFF;border-radius: 4px;transition: 0.3s;text-align: center;white-space: nowrap;} .blog-tag-list:not(.blog-tag-list--aside) a{ padding: 2px 14px} .blog-tag-list.blog-tag-list--aside a{ padding: 2px 12px} .blog-tag-list a:hover{ background-color: var(--dark)} /* FIM BLOG TAGS */ /* BLOG AUTHOR */ .blog-inc__author {margin: 24px 0;display: flex;align-items: center;gap: 8px;} /* FIM BLOG AUTHOR */ /* AUTHOR */ #author .bread{ margin-bottom: 0} .author__heading {padding: 32px 0;margin-bottom: 32px;} .author__cover {aspect-ratio: 1/1;width: 100%;border-radius: 50%;overflow: hidden;border: 1px solid rgba(0, 0, 0, 0.1);} .author__image {display: block;width: 100%;height: 100%;} .author__info {display: flex;flex-direction: column;gap: 16px;} .author__title {font-size: 28px;margin: 0;color: var(--dark);font-weight: bold;} .author__text {margin: 0;font-size: 16px;} .author__role {text-transform: uppercase;color: var(--primary-color);font-weight: bold;letter-spacing: 1px;font-size: 14px;margin: 0;} /* FIM AUTHOR */ /* BLOG HOME */ .blog-home__title {color: #FFF;font-weight: bold;text-align: center;margin: 0;} .blog-home__title span {display: block;text-align: center;color: #EEE;font-size: 18px;letter-spacing: 2px;text-transform: uppercase;font-weight: 400;} /* FIM BLOG HOME */ /* BLOG PAGINATION */ .blog-pagination{ margin: 24px 0} .blog-pagination .btn-group button {outline: none;border: none;margin: 1px;padding: 14px 28px;} .blog-pagination .btn-group button.active, .blog-pagination .btn-group button:hover{ background-color: var(--dark)} @media only screen and (min-width: 768px) { .blog-pagination .btn-group button:first-of-type {border-top-left-radius: 50px;border-bottom-left-radius: 50px;} .blog-pagination .btn-group button:last-of-type {border-top-right-radius: 50px;border-bottom-right-radius: 50px;} } /* FIM BLOG PAGINATION */ /* BLOG SECTIONS */ .article-container {float: left;width: 67.5%;} .article-container.full{ width: 100%} /* SMALL DEVICE */ @media only screen and (max-width:576px) {.article-container {float: none;width: 100%;}} /* FIM BLOG SECTION */ /* SLICK BANNER SIG */ .slick-banner-sig .slick-banner-sig__inner {width: 100%;max-width: var(--wrapper-width);margin: 0 auto;padding: 0 10px;height: 100%;display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 16px;animation-delay: 0.25s;animation-duration: 0.75s;animation-timing-function: cubic-bezier(.19, .66, .56, 1);animation-fill-mode: forwards;opacity: 0;} .slick-banner-sig .slick-banner-sig__title {color: #FFF;margin: 0;font-size: 3rem;} .slick-banner-sig .slick-banner-sig__text {color: #DDD;margin: 0;font-size: 1.2rem;} .slick-banner-sig .slick-slide.slick-current .slick-banner-sig__inner{ animation-name: fadeText} .slick-banner-sig .slick-thumb {width: 100% !important;height: auto !important;max-width: 300px;aspect-ratio: 1/1;object-fit: contain !important;border-radius: var(--border-radius);display: block;margin: 0 auto;} .slick-banner-sig .fade {opacity: 0;animation-duration: 1s;animation-delay: 0.5s;animation-fill-mode: forwards;animation-timing-function: ease;} .slick-banner-sig .delay-750 {animation-delay: 0.75s} .slick-banner-sig .delay-1000 {animation-delay: 1s} .slick-banner-sig .delay-1250 {animation-delay: 1.25s} .slick-banner-sig.slick-current .fade-default{ animation-name: fadeDefault} .slick-banner-sig.slick-current .fade-left{ animation-name: fadeLeft} .slick-banner-sig.slick-current .fade-right{ animation-name: fadeRight} .slick-banner-sig.slick-current .fade-up{ animation-name: fadeUp} .slick-banner-sig.slick-current .fade-down{ animation-name: fadeDown} @keyframes fadeDefault {from {opacity: 0;}to {opacity: 1;}} @keyframes fadeLeft {from {opacity: 0;transform: translateX(-50px);}to {opacity: 1;transform: translateX(0);}} @keyframes fadeUp {from {opacity: 0;transform: translateY(-50px);}to {opacity: 1;transform: translateY(0);}} @keyframes fadeRight {from {opacity: 0;transform: translateX(50px);}to {opacity: 1;transform: translateX(0);}} @keyframes fadeDown {from {opacity: 0;transform: translateY(50px);}to {opacity: 1;transform: translateY(0);}} /* FIM SLICK BANNER SIG */ /* POP UP */ [data-modal-dialog] {width: calc(100% - 20px);max-width: 800px;left: 50%;top: 20%;transform: translate(-50%, -50%);background-color: transparent;} [data-modal-dialog]::backdrop {background-color: rgba(0, 0, 0, 0.3);backdrop-filter: blur(5px);} [data-modal-dialog] {animation-fill-mode: forwards;animation-duration: 1s;animation-timing-function: ease;opacity: 0;} [data-modal-dialog][open]{ animation-name: fadeDialog} .modalcontent {background-color: #FFF;position: relative;box-shadow: 0 5px 15px rgba(0, 0, 0, .5);max-height: 90vh;overflow-y: auto;padding: 48px 24px;display: flex;flex-direction: column;align-items: center;gap: 24px;border-radius: 4px;} .modalcontent::-webkit-scrollbar-track{ background-color: #FFF} .modalcontent__image {max-width: 100%;margin: 0 auto;} .modalcontent__title {text-align: center;margin: 0;color: var(--primary-color);} .modalcontent__text {text-align: center;margin: 0;line-height: 1.8;} .modalclose {position: absolute;right: 4px;top: 4px;border: none;background-color: transparent;} .modalclose i {color: var(--dark);font-size: 32px;transition: 0.3s;} .modalclose:hover i{ color: var(--primary-color)} @keyframes fadeDialog {from {opacity: 0;}to {opacity: 1;}} .active-modal {overflow: hidden;touch-action: none;} @media only screen and (min-width: 992px) {.active-modal,.active-modal .headerFixed {padding-right: 8px;}} .fancy-card-overlay {position: relative;overflow: hidden;} .fancy-card-overlay::before {content: "\f002";font-family: "FontAwesome";position: absolute;left: 50%;top: 50%;width: calc(100% - 8px);height: calc(100% - 8px);transform: translate(-50%, -50%);display: flex;align-items: center;justify-content: center;background-color: rgba(0, 0, 0, 0.5);color: #FFF;text-align: center;font-size: 28px;transition: 0.3s;opacity: 0;z-index: 10;box-sizing: border-box;border-radius: 4px;} .fancy-card-overlay--plus::before{ content: "\2b"} .fancy-card-overlay:hover::before{ opacity: 1} .prod-grid {display: grid;align-items: start;grid-template-columns: repeat(8, 1fr);gap: 40px;} .prod-cover{ grid-area: covr} .prod-info{ grid-area: info} .prod-cart{ grid-area: cart} .prod-gallery{ grid-area: galr} .prod-content{ grid-area: cont} [class*="prod-grid__"]{ overflow: hidden} .sticky-100 {position: sticky;top: 90px;} .card__description {display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;} /* BLOG 01 */ aside, article{ all: unset} .aside-sig-menu *, .aside-sig-blog *{ transition: 0.35s} .circle-item{ all: unset} .aside-sig-blog .sub-menu .sub-menu .sub-menu .dropdown-item, .aside-sig-blog .sub-menu .dropdown-item, .aside-sig-blog .submenu-item.submenu-item--intermediary, .aside-sig-blog .submenu-item.submenu-item--first {display: block;margin: 0;width: 100%;-webkit-box-sizing: border-box;box-sizing: border-box;padding: 8px 0;color: var(--grey);font-size: 1em;-webkit-transition: .3s;transition: .3s;} .aside-sig-blog .sub-menu .sub-menu .sub-menu .dropdown-item:hover, .aside-sig-blog .sub-menu .dropdown-item:hover, .aside-sig-blog .submenu-item.submenu-item--intermediary:hover, .aside-sig-blog .submenu-item.submenu-item--first:hover, .recent-posts__item:hover {transform: translateX(10px);color: var(--primary-color);} .recent-posts, .aside-sig-menu, .blog-tag-list--aside {background-color: #F6F6F6;padding: 1rem;border-radius: 8px;} .recent-posts .dropdown-item, .aside-sig-menu .dropdown-item, .blog-tag-list--aside .dropdown-item{ background-color: unset} .aside-sig-blog .sub-menu .sub-menu .sub-menu .dropdown-item:hover, .aside-sig-blog .sub-menu .dropdown-item:hover{ background-color: transparent} .aside-sig-menu>.aside-title, .aside-sig-blog h2 {color: var(--dark);margin: 0.50rem 0;padding: 0.5rem 0rem;border-bottom: 1px solid var(--dark);} .aside-sig-menu>.aside-title>a{ color: var(--dark)} .aside-sig-menu>.aside-title a:hover{ color: var(--primary-color)} .blog-inc__cover.blog-inc__cover--list img,.blog-inc__cover.blog-inc__cover--full img{ max-height: 350px} .blog-sig .recent-posts__item a {padding: 12px 0;display: block;color: var(--grey);font-size: 14px;transition: 0.3s;} .blog-sig .recent-posts__item a.active-menu-aside, .blog-sig .recent-posts__item:hover a{ color: var(--primary-color)} .blog-sig aside {margin-left: 0;margin-right: 5%;border: none;} .blog-sig#author aside {margin-right: 0;margin-left: 5%;} .blog-sig .aside-sig-search input {border: 2px solid var(--dark);padding: 8px;margin-bottom: 1rem;border-radius: 6px;} .blog-sig .aside-sig-search button {position: absolute;right: 8px;top: 35%;transform: translateY(-50%);font-size: 16px;} .blog-sig .aside-sig-menu, .blog-sig .recent-posts{ margin: 24px 0} .card-img-top {height: 20rem;object-fit: contain; width: 15rem;} .card.card--empresas{background-color: #f2f2f2; } .blog-sig .card-img-top {aspect-ratio: 16/8;object-fit: cover;border-radius: 6px;} .reset-aside-sig .aside-sig-fixed :is(.aside__menu, .aside__contact) {transition-duration: unset;transition-delay: unset;opacity: unset;transform: unset;} .reset-aside-sig .aside-sig-fixed::before,.reset-aside-sig .aside-sig-fixed{ all: unset} .category-related , .category-related *{ transition: 0.35s} .category-related {background-color: var(--light);position: absolute;top: 20px;left: 20px;padding: 0.25rem .5rem;border-radius: 4px;color: var(--primary-color);} .card-dr-pattern > div {border-top: 4px solid var(--primary-color)} .category-related:hover {background-color: var(--dark);color: var(--light);} .card-dr-pattern .card-dr-pattern-img {transition: 0.35s;} .card-dr-pattern .card-dr-pattern-img:hover {background-color: rgba(0, 0, 0, 0.219);mix-blend-mode: multiply;border-radius: 8px;} .card.card--prod {display: flex;flex-direction: column;align-items: start;border-radius: 8px;padding: 12px;} .card.card--prod a:not(.btn) {border-radius: 4px;aspect-ratio: 8/9;width: 100%;background-color: white;} .card.card--prod img {border-radius: 4px;aspect-ratio: 8/9;object-fit: contain;width: 100%;} .card.card--prod h2 {margin: 1.5rem 0 0.5rem 0;font-size: 1.25rem;} .card.card--prod p{ margin: 0} .card.card--prod:hover{ background-color: var(--light)}/*CUSTOMIZE THEME*/ :root { /* COLORS */ --primary-color: #0A63B8; --primary-color-light: #5D9BDA; --primary-color-dark: #154a74; --secondary-color: #E70000; --color-01: #858DAB; --color-02: #515878; --grey: #8C8C8C; --dark: #22242F; --light: #FAFAFA; --alert: #b31610; --success: #4caf50; /* DEFAULT BORDER RADIUS */ --default-border-radius: var(--default-border-radius); --custom-border-radius: 0.5em; --border-color: #dee2e6; /* SPACING */ --container-spacing: 2.5em; /* SLICK BANNER */ --slider-height: 527px; --transition: .3s ease-out; } * {font-family: var(--primary-font);} select, option {cursor: pointer;} h1, h2, h3, h4 {font-family: var(--primary-font);color: var(--primary-color);margin: 1.5em 0;} h2{font-size: 2rem;} p {font-family: var(--primary-font);line-height: 1.5;word-wrap: break-word;overflow-wrap: break-word;white-space: normal;font-size: 1rem;} a {color: var(--primary-color);text-decoration: none;font-family: var(--primary-font);} /* 1 */ .btn {padding: .7rem 1.4rem;line-height: 1; font-size: .9rem;} .btn, .card {transition: 0.35s;} .btn--primary {background-color: var(--primary-color);color: #fff;} .btn--primary:hover {background-color: var(--secondary-color);color: #fff;} .btn--primary:active, .btn--primary:focus {background-color: var(--secondary-color);outline: var(--secondary-color) solid 2px;} /* 2 */ .btn--secondary {background-color: var(--secondary-color);color: #fff;border: 2px solid var(--secondary-color);} .btn--secondary:hover {background-color: var(--primary-color);border: 2px solid var(--primary-color); color: var(--light);} .btn--secondary:active, .btn--secondary:focus {background-color: var(--secondary-color);outline: var(--secondary-color) solid 2px;} /* 3 */ .btn--outline {background-color: transparent;color: var(--primary-color);border: 2px solid var(--primary-color);} .btn--outline:hover {background-color: var(--primary-color);color: #fff;} .btn--outline:active, .btn--secondary:focus {background-color: var(--secondary-color);outline: var(--secondary-color) solid 2px;} /* ==================== BTN DARK ==================== */ .btn--dark {background-color: var(--dark);color: var(--light);border: 2px solid var(--dark);} .btn--dark:hover {background-color: var(--light);color: var(--dark);border: 2px solid var(--light);} .btn--dark:active {background-color: var(--light);color: var(--dark);outline: var(--light) solid 2px;} /* ================== FIM BTN DARK ================== */ /* ==================== BTN LIGHT ==================== */ .btn--light {background-color: var(--light);color: var(--dark);border: 2px solid var(--light);} .btn--light:hover {background-color: var(--primary-color);color: var(--light);border: 2px solid var(--dark);} .btn--light:active {background-color: var(--dark);color: var(--light);outline: var(--dark) solid 2px;} /* ================== FIM BTN LIGHT ================== */ /* BTN WHATSAPP */ .btn--whatsapp {background-color: #25D366;color: #fff;border: 2px solid #25D366;} .btn--whatsapp:hover {background-color: var(--dark);color: white;border: 2px solid #25D366;} .btn--whatsapp:active, .btn--whatsapp:focus {background-color: #25D366;outline: #25D366 solid 2px;color: #25D366;} .btn-link {transition: 0.35s;text-decoration: none;} .btn-link--primary {color: var(--primary-color);} .btn-link--primary:hover {color: var(--secondary-color);} .btn-link--black {color: black;} .btn-link--black:hover {color: var(--grey);} @media only screen and (max-width: 576px) {.btn {display: block;width: 100%}} /* SCROLL LATERAL */ ::-webkit-scrollbar-track {background-color: #f0f0f0;} ::-webkit-scrollbar {width: 6px;background-color: var(--light);} ::-webkit-scrollbar-thumb {background-color: var(--primary-color-light);} /* MENU */ .dropdown-item {transition: 0.3s;white-space: unset;overflow-wrap: anywhere;} @media screen and (max-width: 992px) { .offcanvas-body .nav-item.dropdown>.dropdown-menu, .offcanvas-body .navbar .dropdown-menu, .offcanvas-body .dropdown-submenu, .offcanvas-body .dropdown-submenu .dropdown-menu, .offcanvas-body .dropdown-submenu:hover>.dropdown-menu, .offcanvas-body *::after {all: unset;} .offcanvas-body>#dropdown-custom {max-width: 90%;} #dropdown-custom>.dropdown-menu-end {max-height: 150px;overflow-y: auto;margin-bottom: 1rem;} .nav-link.dropdown-toggle {position: sticky;top: 0;z-index: 3;} #dropdown-custom>.nav-item>.nav-link {background-color: whitesmoke;font-weight: bold;padding: 0.5rem;margin-bottom: 14px;} } #header-bootstrap ul>li>a[title="Informações"].dropdown-toggle::after {display: none;} .sub-menu-scroll {max-height: 400px;height: auto;overflow-y: scroll;} .dropdown-submenu .dropdown-menu li a {word-wrap: break-word;overflow-wrap: break-word;white-space: normal;font-size: .7rem;font-weight: normal!important;} .dropdown-menu li a {word-wrap: break-word;overflow-wrap: break-word;white-space: normal;font-size: .75rem;min-width: 200px;width: 100%;text-transform: uppercase;} /* PVAL NÃO ACEITA HAS */ @media screen and (min-width: 992px) { .nav-item.dropdown>.dropdown-menu .dropdown-submenu::-webkit-scrollbar {width: 4px;height: 4px;} .nav-item.dropdown>.dropdown-menu .dropdown-submenu::-webkit-scrollbar-thumb {background-color: #888;border-radius: 6px;} .nav-item.dropdown>.dropdown-menu .dropdown-submenu::-webkit-scrollbar-thumb:hover {background-color: #555;} .nav-item.dropdown>.dropdown-menu .dropdown-submenu::-webkit-scrollbar-track {background: #f1f1f1;} .sub-menu-json>a {font-weight: bold;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.13);} .dropdown-item.fw-bold {position: sticky;top: 0;z-index: 2;width: 100%;border-bottom: 1px solid rgba(0, 0, 0, 0.13);} .dropdown-item.fw-bold~.dropdown-menu {position: relative;z-index: 1;} .dropdown-submenu >.dropdown-menu > li a {padding-left: 1.5rem!important;} header .dropdown-submenu > .dropdown-menu .dropdown-submenu > .dropdown-menu {display: none;} #dropdown-custom {position: unset;} #dropdown-custom>.dropdown-menu-end>.dropdown-menu {padding: 1rem;max-height: 60vh;overflow-y: scroll;} #dropdown-custom>.dropdown-menu-end>.dropdown-menu>.dropdown-submenu {overflow: hidden;background-color: white;} .nav-item.dropdown:hover>.dropdown-menu {width: fit-content;display: flex;right: 0;flex-direction: row;flex-wrap: wrap;height: auto;gap: 0px;justify-content: start;background-color: rgb(250, 250, 250);} #dropdown-custom>.dropdown:has(.dropdown-submenu) {position: unset;} .nav-item.dropdown>.dropdown-menu:has(.dropdown-submenu ~ .dropdown-submenu), .nav-item.dropdown>.dropdown-menu.sub-nocateg {width: 100%;margin: 0 auto;right: 0;gap: 40px;} .nav-item.dropdown>.dropdown-menu:has(.dropdown-submenu ~ .dropdown-submenu ~ .dropdown-submenu) {justify-content: start;} .nav-item.dropdown>.dropdown-menu .dropdown-submenu, .dropdown-extra-menu:has(li) {max-height: 200px;overflow-y: auto !important;margin-bottom: 10px;border-radius: 4px;width: 280px;} .dropdown-extra-menu {background-color: white;} .dropdown-extra-menu .dropdown-item {width: 100%;} .navbar .dropdown-menu {position: relative;} .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-submenu .dropdown-menu {position: relative;border: none;border-radius: unset;} .dropdown-item {width: 255px;gap: 0;background-color: white;} .dropdown-submenu {position: relative;display: block;} .dropdown-submenu .dropdown-menu {display: block;position: relative;} #dropdown-custom > .dropdown > .dropdown-menu > .dropdown-submenu {border: 1px solid rgba(0, 0, 0, 0.122);} } hr {display: block;margin: 1em 0;height: 1px;border-top: 1px solid #ccc;} .container {margin-bottom: 1em;margin-top: 1em;} /* COOKIES */ #cookies-message p {color: #FFF;} /* FIM COOKIES */ /* PAGE LOADING */ .page-loading {position: fixed;background-color: var(--dark);display: flex;flex-direction: column;justify-content: center;align-items: center;gap: 50px;width: 100%;height: 100%;z-index: 999999999;top: 0;left: 0;bottom: 0;right: 0;padding: 16px;overflow: hidden;} .page-loading__spinner {width: 60px;height: auto;aspect-ratio: 1/1;position: relative;} .page-loading__spinner::after {content: "";position: absolute;width: 100%;height: 100%;top: 0;left: 0;border-radius: 50%;animation-name: pageloadingRotate;animation-duration: 1s;animation-iteration-count: infinite;animation-fill-mode: forwards;animation-timing-function: linear;border: 4px solid var(--light);border-top: 4px solid var(--primary-color);} .page-loading__logo {width: 100%;max-width: 250px;transition: 0.5s;position: relative;bottom: 0;opacity: 1;} .page-loading__logo--fade {opacity: 0;transform: scale(1.5);} @keyframes pageloadingRotate {from {transform: rotate(0);}to {transform: rotate(360deg);}} /* FIM PAGE LOADING */ /* BROWSE HAPPY PROMPT */ .browsehappy {margin: 0.2em 0;background: #ccc;color: #000;padding: 0.2em 0;} /* SCROLL UP BUTTON */ #scrollUp {position: fixed;bottom: -100px;right: 24px;z-index: 9999;width: 56px;height: 56px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background-color: var(--primary-color);cursor: pointer;opacity: 0;transition: .3s;box-shadow: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04)} #scrollUp::after {content: '\f077';font: 18px FontAwesome;color: #fff} #scrollUp.is-active {transition: .5s;bottom: 16px;opacity: 1} #scrollUp.is-active:hover {background-color: var(--dark)} /* SMALL DEVICE */ @media only screen and (max-width: 576px) { #scrollUp {width: 48px;height: 48px;right: 28px;} #scrollUp.is-active {bottom: 8px;} #scrollUp::after {font-size: 12px;} } /* BODY */ section {float: left;width: 100%;} article {float: left;width: 67.5%;} article.full {width: 100%;} /* SMALL DEVICE */ /* ASIDE */ aside {float: left;width: 27.5%;margin-left: 5%;} aside nav {list-style: none;list-style-type: none;margin: 0;padding: 0;height: fit-content;max-height: 70vh;height: auto;overflow-y: auto;overflow-x: hidden;} aside nav>ul>li>ul {display: none;} aside li {margin: 5px 0 0 0;} aside .active-menu-aside {color: var(--primary-color);} /* SMALL DEVICE */ @media only screen and (max-width:850px) { aside {width: 100%;float: none;margin: 15px 0;} article {float: none;width: 100%;} } /* =============================== ASIDE =============================== */ .aside-04 nav::-webkit-scrollbar {width: 3px;} .aside-04 nav::-webkit-scrollbar-thumb {background-color: var(--dark);} .aside-04 {background-color: var(--primary-color);border-radius: 5px 0 0 5px;margin: 0;padding: 3em;position: fixed;z-index: 999999;height: auto;width: 300px;right: -300px;top: 50%;transform: translateY(-50%);color: #fff;transition: 0.5s ease-in-out;display: flex;flex-flow: column;justify-content: space-between;} .aside-04::before {content: "\f0c9";font-family: "FontAwesome";width: 40px;height: 70px;display: flex;align-items: center;justify-content: center;border-radius: 5px 0 0 5px;background-color: var(--primary-color);position: absolute;top: 50%;transform: translateY(-50%);left: -40px;cursor: pointer;box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.5);transition: 0.3s;} .aside-04:hover {right: 0;} .aside-04:hover::before {opacity: 0;} .aside-04 h2 {margin: 0 0 32px 0;} .aside-04 h2, .aside-04 a {color: #fff;} .aside-04:hover .aside__menu, .aside-04:hover .aside__contato {animation-name: anima__aside;animation-duration: 0.7s;animation-timing-function: ease-in-out;} .aside-04 .aside__menu li a {display: block;padding: 5px;margin: 5px 0;font-size: 12px;border-left: 1.5px solid #fff;transition: 0.3s;} .aside-04 .aside__menu li a:hover, .aside-04 .aside__menu li a.active-menu-aside {border-left: 3px solid var(--dark);color: var(--dark);} @keyframes anima__aside {0% {transform: translateX(1000px);}100% {transform: translateX(0);}} /* CARDS */ /* CARD MPI */ .card--mpi {display: block;color: #fff;outline: transparent solid 2px !important;outline-offset: 1px;border-radius: .5rem;background-color: var(--primary-color);transition: var(--transition);overflow: hidden} .card--mpi:hover {background-color: var(--secondary-color)} .card--mpi:active, .card--mpi:focus {outline: var(--secondary-color) solid 2px !important;outline-offset: 1px;background-color: var(--secondary-color)} .card--mpi .card__image {aspect-ratio: 1/1;object-fit: cover;width: 100%} .card--mpi:hover .card__image {opacity: .8} .card--mpi .card__title {align-items: center;color: inherit;display: flex;font-size: .875rem;line-height: 1.3;min-height: calc((.875rem * 3) * 1.3);justify-content: center;margin: 0;padding: .5rem .75rem;text-align: center;color: #FFF;} /* SOCIAL ICONS */ .social {display: flex;align-items: center;gap: 1em;} .social__icons {color: #fff;font-size: 1em;transition: .3s;} /* TABELA */ .table {border-collapse: collapse;border-spacing: 0;table-layout: fixed;width: 100%;} .table td {font-size: 12px;text-align: center;line-height: 30px;border-style: solid;border-width: 1px;overflow: hidden;word-break: normal;color: #000;} .table th {font-size: 14px;font-weight: normal;padding: 10px 5px;border-style: solid;border-width: 1px;overflow: hidden;word-break: normal;} /* LIST */ .list {margin: 0 0 20px 40px;} .list li {list-style: disc;margin: 5px 0;font-size: 1em;line-height: 1.5em;text-align: left;} .list--no-ls li {list-style: none;} .list li::first-letter {text-transform: uppercase;} /* LAZY LOAD VIDEO */ [data-video] {cursor: pointer;position: relative;aspect-ratio: 16/9;background-color: #000;overflow: hidden;} .ytvideo[data-video]::before {content: '';position: absolute;top: 0;left: 0;height: 100%;width: 100%;cursor: pointer;background-color: rgba(0, 0, 0, 0.2);} .ytvideo[data-video]::after {content: '\f167';position: absolute;z-index: 1;top: 50%;left: 50%;transform: translateX(-50%) translateY(-50%);font: 70px/normal FontAwesome;color: var(--light);transition: .3s;} [data-video]:hover::after {color: red;} [data-video] * {width: 100%;height: 100%;} /* SWEET ALERT */ .sweet-alert .lead.text-muted {text-align: center;} /* FIM SWEET ALERT */ /* SEARCH PAGE */ .search {position: relative;} .search input {width: 100%;padding: 10px 12px;border: 1px solid #ccc;border-radius: 3px;color: var(--grey);font: normal 14px/normal var(--primary-font);} .search input::placeholder {font: normal 14px/normal var(--primary-font);color: var(--grey);} .search button {border: none;outline: none;text-decoration: none;background-color: transparent;color: var(--grey);font-size: 18px;transition: .3s;} .search--topo button {position: absolute;top: 50%;transform: translateY(-50%);right: 10px;} .search button:hover {color: var(--dark);} .search .button-group {position: absolute;top: 50%;transform: translateY(-50%);right: 10px;display: flex;align-items: center;justify-content: center;} /* FORMULÁRIO / CONTATO PAGE */ .form {display: flex;flex-direction: column;width: 100%} .form :is(input, textarea, select) {width: 100%;padding: .75rem 1rem;margin: .5rem 0 .875rem;border: 1px solid var(--grey);border-radius: .25rem;font-size: .875rem;font-family: var(--primary-font);background-color: #fff;color: var(--grey);transition: var(--transition)} .form :is(input, textarea, select):hover, .form :is(input, textarea, select):active, .form :is(input, textarea, select):focus {border-color: var(--secondary-color)} .form :is(input, textarea)::placeholder, .form label {font-size: .875rem;font-family: var(--primary-font);color: var(--grey)} .form [type=submit] {max-width: 280px;width: 100%;margin-top: 1rem;padding: .75rem 1.25rem;border: none;border-radius: .25rem;color: #fff;font-size: 1rem;font-weight: 700;background-color: var(--primary-color);cursor: pointer;transition: var(--transition)} .form [type=submit]:hover {background-color: var(--grey)} .form [type=submit]:active, .form [type=submit]:focus {background-color: var(--dark)} .form__obrigatory {display: block;margin: .75rem 0;font-size: .75rem;color: var(--alert)} .g-recaptcha {transform: scale(.8);transform-origin: 0 0} /* WHATSAPP BUTTON 1*/ .wpp-container {position: relative;} /* BUTTONS */ .wppButton {position: fixed;right: 12px;z-index: 9;display: flex;align-items: center;justify-content: center;width: 50px;height: 50px;border-radius: 50%;background-color: #25D366;box-shadow: 0px 20px 25px -5px rgba(0, 0, 0, 0.1), 0px 10px 10px -5px rgba(0, 0, 0, 0.04);transition: all .2s ease;cursor: pointer;text-align: center;} .wppButton__image {width: 60%;} .wppButton:hover {transform: scale(1.1);} /* POP-UP */ .wppPopup {position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;background-color: rgba(0, 0, 0, 0.5);z-index: 999999998;} .wppPopup__inner {max-width: 400px;width: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);z-index: 999;border-radius: .5rem;background-color: #ccc;transition: transform .3s;} .wppPopup :is(.wppPopup__head, .wppPopup__body) {padding: 1.25rem;} /* POP-UP HEAD */ .wppPopup .wppPopup__head {background-color: #0A63B8;border-radius: .5rem .5rem 0 0;display: flex;align-items: center;justify-content: flex-start;gap: 1.25rem;} .wppPopup .wppPopup__head .wppPopup__icon i {color: #fff;} .wppPopup .wppPopup__head .wppPopup__info span {display: block;color: #fff;font-size: .85em;margin: 5px 0;} .wppPopup .wppPopup__head .wppPopup__info span:nth-child(0n + 3) {display: flex;align-items: center;gap: 8px;} .wppPopup .wppPopup__head .wppPopup__info span:nth-child(0n + 3):before {content: '';display: inline-block;width: 12px;height: 12px;border-radius: 50%;background-color: #0A63B8;} /* POP-UP BODY */ .wppPopup .wppPopup__body .wppPopup__label {display: block;background-color: #fcf8e3;font-size: .85em;padding: .35em .5em;border-radius: 1em;line-height: 15px;text-align: center;margin-bottom: .75rem;} .wppPopup .wppPopup__body .wppPopup__alert {display: block;width: 100%;background-color: var(--alert);color: #fff;font-size: .85em;padding: .35em .5em;border-radius: 1em;line-height: 15px;text-align: center;margin-bottom: .75rem;} /* POP-UP BODY FORM */ .wppPopup .wppPopup__body .wppPopup__form {display: flex;flex-direction: column;align-items: center;justify-content: center;gap: .75rem;} .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input {display: flex;align-items: center;justify-content: flex-start;background-color: #fff;max-width: 100%;width: 100%;height: 40px;border-radius: 50px;overflow: hidden;} .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input :is(span, input) {width: 100%;display: block;border: none;outline: none;padding: .25em;}.wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input span {max-width: 32px;display: flex;align-items: center;justify-content: center;} .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input input, .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-input input::placeholder {font-size: .85em;} .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button {background: #fff;display: flex;align-items: center;justify-content: center;color: #666;font-size: 14px;padding: 0.5em 1.25em;border-radius: 50px;box-shadow: 0px 2px 0px #999;transition: .3s;} .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button:hover {background-color: #57b846;color: #fff;box-shadow: unset;transform: translateY(2px);} .wppPopup .wppPopup__body .wppPopup__form .wppPopup__form-submit button:hover svg path {fill: #fff;} /* POP-UP MESSAGE */ .wppPopup .wppPopup__message p {text-align: center;font-size: .85em;} /* POP-UP CLOSE BUTTON */ .wppPopup .wppClose {position: fixed;top: -48px;right: -48px;font-size: 2em;border-radius: 50%;color: #fff;background: #ccc;width: 48px;height: 48px;display: flex;align-items: center;justify-content: center;color: #222;cursor: pointer;transition: 0.3s;} .wppPopup .wppClose:hover {background-color: #222;color: #FFF;} @media only screen and (max-width: 576px) {.wppPopup .wppClose {top: -56px;right: 4px;}} /* POP-UP STATES */ .wppPopup.wppActive {display: block;animation: showWpp .3s;} .wppPopup .wppError::placeholder {color: var(--alert);} /* KEYFRAMES */ @keyframes animateWpp {from {box-shadow: 0 0 0 0px rgba(85, 205, 108, 0.10);}to {box-shadow: 0 0 0 8px rgba(85, 205, 108, 0.50);}} @keyframes showWpp {from {opacity: 0;}to {opacity: 1;}} /* ANIMATE */ .scrollanimation:not(.fadeIn, .fadeInLeft, .fadeInRight) {animation: none !important;} @media only screen and (max-width: 768px) {.scrollanimation {animation: none !important;}} /* FIM ANIMATE */ /* *** RULES CSS *** */ /* COLORS */ .primary-color {color: var(--primary-color);} .secondary-color {color: var(--secondary-color);} .color-01 {color: var(--color-01);} .color-02 {color: var(--color-02);} .grey {color: var(--grey);} .black {color: #000;} .white {color: #FFF;} .dark {color: var(--dark);} .light {color: var(--light);} /* BG COLORS */ .bg-primary-color {background-color: var(--primary-color);} .bg-secondary-color {background-color: var(--secondary-color);} .bg-grey {background-color: var(--grey);} .bg-black {background-color: #000;} .bg-white {background-color: #FFF;} .bg-dark {background-color: var(--dark);} .bg-light {background-color: var(--light);} .clear {clear: both} /* ADDRESS */ .address {font-style: normal;} .address :is(span, a):not(.btn) {display: block;font: .925rem/22px var(--primary-font);color: var(--light);} .address a:hover:not(.btn) {color: var(--primary-color);} /* *** PULL YOUR CUSTOM SITE CSS *RULES* BELLOW *** */ /* *** END RULES CSS *** */ .bg-cta-pattern {background: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), url('/imagens/bgs/bg-cta.webp');background-position: center;background-size: cover;background-repeat: no-repeat;min-height: 300px;} /* HEADER SCROLL EFFECTS */ .headerFixed { position: fixed !important; width: 100%; z-index: 999; top: 0; box-shadow: 0 2px 5px -1px rgba(50,50,93,0.25), 0 1px 3px -1px rgba(0,0,0,0.3); animation: var(--header-animation, none) 0.3s ease-out 0.5s forwards; } .headerFixed .topo { display: none; } .headerFixed .logo img { max-width: 180px; margin: 16px auto; } /* Slide Effect */ .headerSlide { --header-animation: headerSlide; transform: translateY(-100%); } @keyframes headerSlide { to { transform: translateY(0); } } /* Fade Effect */ .headerFade { --header-animation: headerFade; opacity: 0; } @keyframes headerFade { to { opacity: 1; } } /* Responsive */ @media (max-width: 912px) { header .topo.show-mobile { background-color: #222; } .flex-top-icons { display: flex; justify-content: center; align-items: center; } .header-md-fixed{ position: sticky !important; width: 100%; top: 0; left: 50%; z-index: 99999; } .flex-top-icons a { display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; margin: 5px; background: var(--primary-color); color: #fff; border-radius: 50%; font-size: 22px; } } /* */ .sub-title{ font-size: 1rem; font-style: normal; font-weight: 500; line-height: normal; letter-spacing: 5px; margin-bottom: 0; } .border-right{ border-right: 3px solid var(--primary-color) !important; } col { margin-left: 1rem !important ; margin-right: 1rem !important } .row { display: flex; flex-wrap: wrap; gap: 0px; --spacing: 0px; } .row::after, .row::before { clear: both } .col-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); } .col-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); } .col-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); } .col-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); } .col-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); } .col-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); } .col-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); } .col-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); } .col-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); } .col-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); } .col-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); } .col-12 { flex: 1 0 100%; max-width: 100%; } /* EXTRA LARGE DEVICE */ @media only screen and (max-width: 1024px) { .col-xl-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); } .col-xl-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); } .col-xl-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); } .col-xl-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); } .col-xl-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); } .col-xl-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); } .col-xl-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); } .col-xl-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); } .col-xl-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); } .col-xl-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); } .col-xl-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); } .col-xl-12 { flex: 1 0 100%; max-width: 100%; } } /* LARGE DEVICE */ @media only screen and (max-width: 992px) { .col-lg-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); } .col-lg-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); } .col-lg-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); } .col-lg-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); } .col-lg-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); } .col-lg-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); } .col-lg-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); } .col-lg-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); } .col-lg-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); } .col-lg-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); } .col-lg-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); } .col-lg-12 { flex: 1 0 100%; max-width: 100%; } } /* MEDIUM DEVICE */ @media only screen and (max-width: 768px) { .col-md-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); } .col-md-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); } .col-md-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); } .col-md-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); } .col-md-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); } .col-md-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); } .col-md-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); } .col-md-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); } .col-md-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); } .col-md-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); } .col-md-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); } .col-md-12 { flex: 1 0 100%; max-width: 100%; } } /* SMALL DEVICE */ @media only screen and (max-width: 576px) { [class*=col-] { flex: 1 0 100%; max-width: 100%; } .col-sm-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); } .col-sm-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); } .col-sm-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); } .col-sm-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); } .col-sm-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); } .col-sm-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); } .col-sm-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); } .col-sm-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); } .col-sm-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); } .col-sm-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); } .col-sm-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); } .col-sm-12 { flex: 1 0 100%; max-width: 100%; } } /* EXTRA SMALL DEVICE */ @media only screen and (max-width: 320px) { .col-xs-1 { flex: 1 0 calc(8.33% - var(--spacing)); max-width: calc(8.33% - var(--spacing) / 2); } .col-xs-2 { flex: 1 0 calc(16.66% - var(--spacing)); max-width: calc(16.66% - var(--spacing) / 2); } .col-xs-3 { flex: 1 0 calc(25% - var(--spacing)); max-width: calc(25% - var(--spacing) / 2); } .col-xs-4 { flex: 1 0 calc(33.33% - var(--spacing)); max-width: calc(33.33% - var(--spacing) / 2); } .col-xs-5 { flex: 1 0 calc(41.66% - var(--spacing)); max-width: calc(41.66% - var(--spacing) / 2); } .col-xs-6 { flex: 1 0 calc(50% - var(--spacing)); max-width: calc(50% - var(--spacing) / 2); } .col-xs-7 { flex: 1 0 calc(58.33% - var(--spacing)); max-width: calc(58.33% - var(--spacing) / 2); } .col-xs-8 { flex: 1 0 calc(66.66% - var(--spacing)); max-width: calc(66.66% - var(--spacing) / 2); } .col-xs-9 { flex: 1 0 calc(75% - var(--spacing)); max-width: calc(75% - var(--spacing) / 2); } .col-xs-10 { flex: 1 0 calc(83.33% - var(--spacing)); max-width: calc(83.33% - var(--spacing) / 2); } .col-xs-11 { flex: 1 0 calc(91.66% - var(--spacing)); max-width: calc(91.66% - var(--spacing) / 2); } .col-xs-12 { flex: 1 0 100%; max-width: 100%; } } /* GRID SYSTEM */ .grid { display: grid; } [class*=grid-col-] { display: grid; gap: 25px; width: 100%; } .grid-col-2 { grid-template-columns: repeat(2, 1fr); } .grid-col-3 { grid-template-columns: repeat(3, 1fr); } .grid-col-4 { grid-template-columns: repeat(4, 1fr); } .grid-col-5 { grid-template-columns: repeat(5, 1fr); } .grid-col-6 { grid-template-columns: repeat(6, 1fr); } .grid-col-7 { grid-template-columns: repeat(7, 1fr); } .grid-col-8 { grid-template-columns: repeat(8, 1fr); } .grid-col-1-2 { grid-template-columns: 1fr 2fr; } .grid-col-2-1 { grid-template-columns: 2fr 1fr; } .grid-col-1-3 { grid-template-columns: 1fr 3fr; } .grid-col-3-1 { grid-template-columns: 3fr 1fr; } .grid-col-1-4 { grid-template-columns: 1fr 4fr; } .grid-col-4-1 { grid-template-columns: 4fr 1fr; } .grid-col-1-5 { grid-template-columns: 1fr 5fr; } .grid-col-5-1 { grid-template-columns: 5fr 1fr; } .grid-col-2-3 { grid-template-columns: 2fr 3fr; } .grid-col-3-2 { grid-template-columns: 3fr 2fr; } /* SMALL DEVICE TO LARGE DEVICE */ @media only screen and (min-width: 577px) and (max-width: 992px) { [class*="grid-col"]:not(.grid-col-3) { grid-template-columns: repeat(2, 1fr) } } /* SMALL DEVICE */ @media only screen and (max-width: 576px) { [class*="grid-col-"] { grid-template-columns: 100%; } } /* GAP FOR FLEX and GRID ELEMENTS */ .gap-0 { gap: 0rem; --spacing: 0rem; } .gap-10 { gap: 0.625rem; --spacing: 0.625rem; } .gap-20 { gap: 1.25rem; --spacing: 1.25rem; } .gap-30 { gap: 1.875rem; --spacing: 1.875rem; } .gap-40 { gap: 2.5rem; --spacing: 2.5rem; } .gap-50 { gap: 3.125rem; --spacing: 3.125rem; } .gap-60 { gap: 3.75rem; --spacing: 3.75rem; } .gap-70 { gap: 4.375rem; --spacing: 4.375rem; } .gap-80 { gap: 5rem; --spacing: 5rem; } .gap-90 { gap: 5.625rem; --spacing: 5.625rem; } .gap-100 { gap: 6.25rem; --spacing: 6.25rem; } /* PADDING */ .p-0 { padding: 0 !important } .p-1 { padding: .25rem !important } .p-2 { padding: .5rem !important } .p-3 { padding: .75rem !important } .p-4 { padding: 1rem !important } .p-5 { padding: 1.5rem !important } .px-0 { padding-left: 0 !important ; padding-right: 0 !important } .px-1 { padding-left: .25rem !important ; padding-right: .25rem !important } .px-2 { padding-left: .5rem !important ; padding-right: .5rem !important } .px-3 { padding-left: .75rem !important ; padding-right: .75rem !important } .px-4 { padding-left: 1rem !important ; padding-right: 1rem !important } .px-5 { padding-left: 1.25rem !important ; padding-right: 1.25rem !important } .py-0 { padding-top: 0 !important ; padding-bottom: 0 !important } .py-1 { padding-top: .25rem !important ; padding-bottom: .25rem !important } .py-2 { padding-top: .5rem !important ; padding-bottom: .5rem !important } .py-3 { padding-top: .75rem !important ; padding-bottom: .75rem !important } .py-4 { padding-top: 1rem !important ; padding-bottom: 1rem !important } .py-5 { padding-top: 1.25rem !important ; padding-bottom: 1.25rem !important } .pt-0 { padding-top: 0 !important } .pt-1 { padding-top: .25rem !important } .pt-2 { padding-top: .5rem !important } .pt-3 { padding-top: .75rem !important } .pt-4 { padding-top: 1rem !important } .pt-5 { padding-top: 1.25rem !important } .pb-0 { padding-bottom: 0 !important } .pb-1 { padding-bottom: .25rem !important } .pb-2 { padding-bottom: .5rem !important } .pb-3 { padding-bottom: .75rem !important } .pb-4 { padding-bottom: 1rem !important } .pb-5 { padding-bottom: 1.25rem !important } .pl-0 { padding-left: 0 !important } .pl-1 { padding-left: .25rem !important } .pl-2 { padding-left: .5rem !important } .pl-3 { padding-left: .75rem !important } .pl-4 { padding-left: 1rem !important } .pl-5 { padding-left: 1.25rem !important } .pr-0 { padding-right: 0 !important } .pr-1 { padding-right: .25rem !important } .pr-2 { padding-right: .5rem !important } .pr-3 { padding-right: .75rem !important } .pr-4 { padding-right: 1rem !important } .pr-5 { padding-right: 1.25rem !important }/* =============================== HEADER =============================== */ /* MENU */ .headerFixed { background-color: var(--light); } .headerScroll { background-color: var(--light); } .nav-link:not(.active-menu-topo), .widget__cart--btn { color: var(--dark); margin: 0 15px; border-radius: 10px; text-transform: uppercase; font-weight: 600; } .nav-link:hover, .widget__cart--btn:hover { color: var(--light); font-weight: 600; text-transform: uppercase; background-color: var(--primary-color); } .active-menu-topo { color: var(--light); background-color: var(--primary-color) !important; font-weight: 600; } .dropdown-item, .dropdown-item { background-color: rgb(185, 185, 185); } .dropdown-item:focus, .dropdown-item:hover { background-color: var(--primary-color); color: var(--light); } header .logo-desktop, header .logo-mobile-menu { width: 250px; /* margin: 1em 0em; */ } /* BREADCRUMB BASE */ .bread { padding: 1rem 0; background-color: var(--dark); } .bread--metodo { background-color: var(--primary-color); } .bread-metodo { padding: 1rem 0; background-color: #5fb134; } .bread-grupos { padding: 1rem 0; background-color: #6f1a37; } .bread__title { margin: 1rem 0 0 0; color: var(--light); font-weight: 600; } #breadcrumb { display: inline-flex; align-items: center; flex-wrap: wrap; gap: 5px; clear: both; margin: 0; } #breadcrumb * { -webkit-transition: 0.3s; transition: 0.3s; } #breadcrumb a { display: inline-flex; align-items: center; height: fit-content; } #breadcrumb a:hover { color: var(--grey); } #breadcrumb .bread__column { display: inline-flex; align-items: center; } #breadcrumb :is(li, a) { font: 14px var(--primary-font); color: var(--light); } .bread:is(.bread--default, .bread--mpi) .bread__column:first-child:before { content: "\e3af"; font-family: "FontAwesome"; font-size: 12px; margin-right: 4px; color: var(--grey); } .bread:is(.bread--default, .bread--mpi) .bread__column:not(:last-child)::after { content: "❱"; margin-left: 6px; font-size: 14px; color: var(--grey); } .bread.bread--metodo .bread__column:first-child::before { content: "\e3af"; font-family: "FontAwesome"; font-size: 12px; margin-right: 4px; color: #fff; } .bread.bread--metodo .bread__column:not(:last-child)::after { content: "❱"; margin-left: 6px; font-size: 14px; color: #fff; } .bread--mpi { margin-bottom: 32px; } @media screen and (max-width: 576px) { .bread__title { font-size: 1.5rem; } } /* SMALL DEVICE */ @media only screen and (max-width: 576px) { #breadcrumb :is([itemprop="title"], [itemprop="name"]) { display: inline-block; max-width: 82px; -webkit-line-clamp: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } /* DESTAQUES */ .destaques-mpi__title { color: var(--primary-color); } .destaques-mpi__title span { color: var(--dark); } /* FIM DESTAQUES */ /* CLIENTES */ .clientes { padding: 32px 0; } .clientes__title { margin: 0 0 30px 0; } .clientes__item { display: flex !important; justify-content: center; align-items: center; width: 100%; aspect-ratio: 1/1; padding: 8px; margin: 0 10px; background-color: #fff; } .clientes__carousel { padding: 0 16px; } .clientes__image { max-width: 100%; max-height: 100%; } /* FIM CLIENTES */ .card.card--mod-21 { transition: 0.35s; position: relative; border-radius: 0.25rem; overflow: hidden; } .card.card--mod-21 .card__image { transition: 0.35s; display: block; width: 100%; aspect-ratio: 4/4; object-fit: cover; } .card.card--mod-21 .card__title { transition: 0.35s; margin: 0; padding: 0.75rem; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; width: 100%; height: calc((1.125rem * 3) * 1.3); font-size: 1.125rem; text-align: center; color: #fff; background-color: var(--primary-color); line-height: 1.3; } .card.card--mod-21 .card__title::after { transition: 0.35s; content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; border: 2px solid #fffc; opacity: 0; border-radius: 0.25rem; transition: all 0.3s ease-out; transition-delay: 0s; } .card.card--mod-21:focus .card__title, .card.card--mod-21:hover .card__title { transition: 0.35s; height: 100%; } .card.card--mod-21:hover .card__title::after { transition: 0.35s; width: calc(100% - 2rem); height: calc(100% - 2rem); margin: 1rem; opacity: 1; transition-delay: 0.2s; } .card--mod-23 { position: relative; background-color: var(--primary-color); border-radius: 0.5rem; height: 100%; width: 100%; transition: 0.35s; } .card--mod-23 .card__image { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 0; object-fit: cover; filter: grayscale(1); mix-blend-mode: multiply; transition: 0.3s ease-out; border-radius: 0.5rem; } .card--mod-23:focus-within, .card--mod-23:hover { background-color: var(--secondary-color); box-shadow: 0 0 0 2px var(--secondary-color); border-radius: 0.5rem; } .card--mod-23 .card__description { position: relative; z-index: 1; display: flex; flex-flow: column nowrap; justify-content: space-between; gap: 0.75rem; padding: 1rem; height: 100%; border-radius: 0.5rem; } .card--mod-23 .card__title { color: #fff; font-size: 1.125rem; text-shadow: 0 0 0.25rem var(--dark); line-height: 1.3; margin: 0; } .card--mod-23 .card__link { width: 2.5rem; height: 2.5rem; border-radius: 999px; background-color: #fff; color: var(--primary-color); font-size: 1.125rem; display: flex; align-items: center; justify-content: center; border: 2px solid transparent; transition: 0.3s ease-out; } .card--mod-23 .card__link:active, .card--mod-23 .card__link:focus, .card--mod-23 .card__link:hover { background-color: var(--primary-color); color: #fff; border-color: currentColor; } /* =============================== CARD =============================== */ .card--mod-16 { display: block; color: #fff; outline: transparent solid 2px !important; outline-offset: 1px; border-radius: 0.5rem; background-color: var(--light); transition: 0.3s; overflow: hidden; } .card--mod-16:hover { background-color: var(--secondary-color); } .card--mod-16:active, .card--mod-16:focus { outline: var(--secondary-color) solid 2px !important; outline-offset: 1px; background-color: var(--secondary-color); } .card--mod-16 .card__image { aspect-ratio: 1/1; object-fit: cover; width: 100%; } .card--mod-16:hover .card__image { opacity: 0.8; } .card--mod-16 .card__title { align-items: center; color: inherit; display: flex; font-size: 0.875rem; line-height: 1.3; min-height: calc((0.875rem * 3) * 1.3); justify-content: center; margin: 0; padding: 0.5rem 0.75rem; text-align: center; color: #fff; background-color: var(--primary-color); transition: 0.3s; } .card--mod-16:hover .card__title { background-color: var(--primary-color-dark); } .shadow-19 { box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px; } .title-subtitle { margin-bottom: 0px; } .title-subtitle span { display: block; font-size: 0.9rem; color: black; line-height: 1rem; letter-spacing: 0.25rem; text-transform: uppercase; } .bg-color-01 { background: radial-gradient(50% 50% at 50% 50%, var(--primary-color) 0%, #250000 100%); } @media screen and (max-width: 1024px) { .w-lg-100 { width: 100% !important; } } /* banner video */ .video-container { position: relative; width: 100%; height: 80vh; overflow: hidden; display: flex; justify-content: center; align-items: center; } .video-container::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); z-index: 0; } video { position: absolute; top: 50%; left: 50%; min-width: 100%; min-height: 100%; width: auto; height: auto; transform: translate(-50%, -50%); } .content-banner { position: relative; z-index: 1; color: #fff; text-align: center; } /* ICONES */ .card--icones { background: transparent; border-radius: 20px; padding: 10px 5px; transition: 0.3s; } .card--icones a {color: var(--dark);} .card--icones:hover { background-color: var(--primary-color); } /* SESSAO QUEM SOMOS */ .card--content { background-color: var(--primary-color); padding: 10px 20px; border-radius: 20px; } .card--content * { color: var(--light); } /* SERVICOS */ .card--serv { position: relative !important; overflow: hidden; transition: 0.2s; height: 30rem; border-radius: 0.625rem; } .card--serv .card__image { display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.5s; } .card__content { position: absolute; padding: 0.9rem; top: 60%; left: 0; overflow: visible; display: flex; justify-content: center; align-items: center; flex-direction: column; text-align: center; transition: transform 0.3s ease-in-out; } .card__content h3, .card__content p, .card__content a { color: var(--light); } .card__title { position: relative; display: flex; justify-content: center; font-size: 1.2rem; font-style: normal; font-weight: 600; line-height: 120%; transition: transform 0.3s ease-in-out; } .card__content .card__title::before { content: ""; position: absolute; bottom: -5px; width: 90px; height: 2px; background-color: var(--light); transition: transform 0.3s ease-in-out; border-radius: 6.25rem; transition: 0.4s; } .card__content p, .card__content a { opacity: 0; transition: opacity 0.5s ease-in-out; } .card--serv:hover .card__content p, .card--serv:hover .card__content a { opacity: 1; } .card--serv:hover .card__title::before { background-color: var(--primary-color); width: 150px; } .card--serv:hover .card__content { transform: translateY(-70%); } .card--serv:hover { transform: translateY(-10px); } .card--serv .card__image { filter: brightness(0.5); } .card--serv:hover .card__image { filter: brightness(0.1); } .card__content .card__link { background-color: var(--primary-color); padding: 0.8rem 1rem; border-radius: 1.875rem; font-size: 0.775rem; font-style: normal; font-weight: 600; line-height: 120%; letter-spacing: 1.4px; text-transform: uppercase; transition: 0.3s; } .card__content .card__link:hover { background-color: var(--dark); } .service-inc__cover img { max-height: 600px; object-fit: cover; } /* CLIENTES */ .clientes__carrusel { display: flex; justify-content: center; align-items: center; } .clientes__carrusel img { width: 70%; height: 100px; object-fit: contain; padding: 0px 20px; aspect-ratio: 1/1; } .home-company-logo { display: block; width: 100%; max-width: 320px; height: auto; margin-bottom: 0.35rem; } @media screen and (max-width: 576px) { .container--empresa .border-right { border-right: none !important; } .home-company-logo { max-width: 260px; } } .canais-pages .social{ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; } @media screen and (max-width: 768px) { .canais-pages .social{flex-direction: column;} } @media screen and (min-width: 992px) { .empresas-internas .logo-empresa {width: 400px; height: 100%;} } .images-01 img{ width: 200px; height: 200px; aspect-ratio: 1/1; object-fit: contain; } .canais-pages .social__icons{ color: var(--dark) !important; } .canais-pages .social__icons i{ margin-right: .3rem; padding: 1rem; border: 1px solid var(--dark) !important; border-radius: 100px; width: 1.5rem; height: 1.5rem; display: flex; justify-content: center; align-items: center; } .container-fluid p{ font-size: 14px; } .content-banner { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; z-index: 2; } .w-25{ width: 25%; } .filter{ filter: brightness(30); } @media screen and (max-width: 768px) { .bg-white{ background-color: #fff; } .img-vannuchi{ height: 40px; } } .img-vannuchi{height: 80px; object-fit: contain;}FOOTER footer {background-color: var(--light); padding: 50px 0; border-top: 2px solid var(--primary-color);} footer .container {margin-bottom: 0px; padding-bottom: 0px;} footer .logo-desktop {max-width: 200px; } footer h3 {margin-top: 0;font-size: 18px;color: var(--dark);} footer .footer__nav li a:not(.btn) {display: block;padding: 5px 0;font-size: 14px;color: var(--dark);transition: .3s;} footer .footer__nav li a i {font-size: 10px;} footer .footer__nav li a:hover {color: var(--primary-color);} footer .address :is(span, a):not(.btn) {color: var(--dark);font-size: 14px;line-height: 25px;transition: .3s;} footer .address a:not(.btn):hover {color: var(--primary-color);} footer .social {gap: 10px; display: flex; flex-direction: column; align-items: flex-start;} footer .social__icons {font-size: 18px;opacity: 0.75;color: var(--dark);} footer .social__icons i{padding: 1rem; background: transparent; border: 1px solid var(--dark); border-radius: 100px; width: 2rem; height: 2rem; display: flex; justify-content: center; align-items: center; margin-right: .4rem;} footer .social__icons:hover {opacity: 1;} /* SMALL DEVICE */ @media screen and (max-width: 992px) {footer .social {justify-content: center; margin: 0 auto; text-align: center; align-items: center;}} @media screen and (max-width: 992px) {footer .social__icons {max-width: 110px;}} @media (max-width: 768px) { footer .row { flex-direction: column !important; align-items: center !important; text-align: center; gap: 2rem; } footer .col-lg-3, footer .col-lg-2, footer .col-lg-4 { width: 100% !important; max-width: 100% !important; } footer .footer__nav, footer .address, footer .social { align-items: center !important; justify-content: center !important; text-align: center; } footer .address { display: flex; flex-direction: column; } footer .footer__nav ul, footer .footer__menu ul { padding: 0; margin: 0; list-style: none; } footer .social { flex-direction: column; gap: 10px; align-items: center !important; } footer .social__icons { justify-content: center; font-size: 14px; } footer h3 { font-size: 16px; margin-bottom: 0.5rem; } } @keyframes showSweetAlert { 0% { transform: scale(0.7); } 45% { transform: scale(1.05); } 80% { transform: scale(0.95); } 100% { transform: scale(1); } } @keyframes hideSweetAlert { 0% { transform: scale(1); } 100% { transform: scale(0.5); } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert { animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { animation: none; } .showSweetAlert[data-animation=slide-from-top] { animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { animation: slideFromBottom 0.3s; } .hideSweetAlert { animation: hideSweetAlert 0.3s; } .hideSweetAlert[data-animation=none] { animation: none; } .hideSweetAlert[data-animation=slide-from-top] { animation: slideToTop 0.3s; } .hideSweetAlert[data-animation=slide-from-bottom] { animation: slideToBottom 0.3s; } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); } 5% { transform: rotate(-45deg); } 12% { transform: rotate(-405deg); } 100% { transform: rotate(-405deg); } } .animateSuccessTip { animation: animateSuccessTip 0.75s; } .animateSuccessLong { animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { animation: rotatePlaceholder 4.25s ease-in; } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { animation: animateErrorIcon 0.5s; } @keyframes animateXMark { 0% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { animation: animateXMark 0.5s; } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { animation: pulseWarning 0.75s infinite alternate; } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { animation: pulseWarningIns 0.75s infinite alternate; } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: rgba(0, 0, 0, 0.4); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 1040; } .sweet-alert { background-color: #ffffff; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 2000; } @media all and (max-width: 767px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert .form-group { display: none; } .sweet-alert .form-group .sa-input-error { display: none; } .sweet-alert.show-input .form-group { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: -9px; opacity: 0; visibility: hidden; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; border-radius: 50%; margin: 20px auto; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #d43f3a; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #d9534f; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #eea236; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; border-radius: 2px; margin-left: -2px; background-color: #f0ad4e; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #f0ad4e; } .sweet-alert .sa-icon.sa-info { border-color: #46b8da; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #5bc0de; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #5bc0de; } .sweet-alert .sa-icon.sa-success { border-color: #4cae4c; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: #ffffff; transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { border-radius: 120px 0 0 120px; top: -7px; left: -33px; transform: rotate(-45deg); transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { border-radius: 0 120px 120px 0; top: -11px; left: 30px; transform: rotate(-45deg); transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(92, 184, 92, 0.2); border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: #ffffff; position: absolute; left: 28px; top: 8px; z-index: 1; transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #5cb85c; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } .sweet-alert .btn-default:focus { border-color: #cccccc; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(204, 204, 204, 0.6); } .sweet-alert .btn-success:focus { border-color: #4cae4c; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(76, 174, 76, 0.6); } .sweet-alert .btn-info:focus { border-color: #46b8da; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(70, 184, 218, 0.6); } .sweet-alert .btn-danger:focus { border-color: #d43f3a; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(212, 63, 58, 0.6); } .sweet-alert .btn-warning:focus { border-color: #eea236; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6); box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(238, 162, 54, 0.6); } .sweet-alert button::-moz-focus-inner { border: 0; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } }