/* 00 - Configurações Gerais
=-----------------------------=*/
html, body {width: 100%; position: relative; padding: 0; margin: 0;}
html {scroll-behavior: smooth;}

@font-face {font-family: 'titulo'; src: url(../fonts/titulo.ttf);}
@font-face {font-family: 'texto'; src: url(../fonts/texto.ttf);}
@font-face {font-family: 'outro'; src: url(../fonts/outro.ttf);}

p:last-child {margin: 0;}
i {font-style: italic;}
b {font-weight: bold;}
a, button {transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
a:hover {text-decoration: none;}
button:focus {outline: none;}
img {width: 100%; height: auto; object-fit: contain; vertical-align: middle;}

h1, h2, h3, h4, h5, h6, p, a, i, b, span, em, small {-webkit-font-smoothing: antialiased;}
h1 {font-size: 26px;}
h2, h3, h4, h5, h6 {font-size: 20px;}
p {font-size: 16px; line-height: 1.5;}

footer {background: #3295b5; color: #fff;}
footer p {font-size: 11px; line-height: 15px; padding: 5px 0; margin: 0 auto;}
footer a {color: #eee; font-weight: bold;}

.btn.default {padding: 0.375rem 1rem; background: #1f9bc3; color: #fff; border-radius: 10; text-transform: uppercase;}
.btn.default:hover {background: #227B98;}

.section {padding: 45px 0;}

.anchor-holder {position: relative;}
.anchor-holder .anchor {position: absolute; top: -96px; left: 0; width: 100%; height: 0; overflow: 0; z-index: -1;}

.nopadding {padding: 0;}

.error-template {text-align: center; padding: 45px 0;}
.error-template .btn {margin: 10px 15px;}

a.gflag {vertical-align:middle;font-size:16px;padding:1px 0;}
a.gflag img {border:0;}
a.gflag:hover {opacity: .85;}
#goog-gt-tt {display:none !important;}
.goog-te-banner-frame {display:none !important;}
.goog-te-menu-value:hover {text-decoration:none !important;}
body {top:0 !important;}
#google_translate_element2 {display:none!important;}

/* 01 - Navbar
=---------------=*/
@keyframes zoomBounce {
	from {transform: scale(1) translateY(-50%);}
	25% {transform: scale(1.15) translateY(-50%);}
	50% {transform: scale(1) translateY(-50%);}
	75% {transform: scale(1.15) translateY(-50%);}
	to {transform: scale(1) translateY(-50%);}
}

.navbar-caller {position: absolute; top: 50%; left: 1rem; transform: translateY(-50%); width: 35px; height: 35px; font-size: 17px; background: #FFF; border: 1px solid #ABABAB; border-radius: 100%; z-index: 1052; animation-name: zoomBounce; animation-iteration-count: infinite; animation-duration: 3s;}
.navbar-caller:hover {animation-iteration-count: 0; transform: scale(1) translateY(-50%);}

.navbar {background: #3295b5; box-shadow: 0px 0px 10px #000000; padding-top: 0px;}

.sticky-top.two .navbar {background:#245693;}
.sticky-top.two .navbar .box {background: #3295b5;}

.navbar .navbar-toggler {color: #FFF;}
.navbar .navbar-brand {font-size: 24px; font-weight: 100; color: #FFF; padding: 0;padding-top: 5px;}
.navbar .navbar-brand .brand {height: 100px; max-width: 200px; width: 100%; margin: 0 -15px 0 0;}
.navbar li {text-align: center;}
.navbar li a {color: #fff; font-weight: bold; text-transform: uppercase; font-size: 14px; line-height: 20px; background: #3295b5;}
.navbar li a:hover {opacity: .75;}
.navbar-expand-lg .navbar-nav .dropdown-menu {background: #3295b5; }

.navbar .gtranslate {position: absolute; top: 0; right: 190px;}
.navbar .gtranslate a > img {width: 26px; height: 16px; object-fit: cover; border-radius: 2px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .65);}
.navbar .gtranslate a:not(:last-child) {margin: 0 5px 0 0;}
.navbar .gtranslate a:hover {opacity: .85;}

.navbar .box {background: #245693;margin-top: 0; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;  box-shadow: 2px 4px 6px 0 rgba(0, 0, 0, .55);margin-left: 20px;padding-top: 0;height: 110px;}
.navbar .box img{height: 99px; max-width: 230px; width: 100%;padding: 5px 10px;}

/* 02 - Painel
=---------------=*/
#painel .carousel-item {max-width: 100%; width: 100%; height: 80vh; object-fit: cover; position: relative;}
#painel .carousel-item img {max-width: 100%; width: 100%; height: 80vh; object-fit: cover; position: relative;}
#painel .carousel-item .carousel-caption {top: 0; left: 0; right: 0; bottom: 0; z-index: 0;}
#painel .carousel-item .carousel-caption:before {content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(00, 00, 00, 0.5); z-index: -1;}
#painel .carousel-item .carousel-caption h3 {font-size: 30px; line-height: 35px; text-transform: uppercase; text-shadow: 1px 1px 5px #000; color: #ffffff; font-weight: bold;}
#painel .carousel-item .carousel-caption p {font-size: 20px; line-height: 25px; text-align: center; text-transform: uppercase; text-shadow: 1px 1px 5px #000; font-weight: bold;}

/* 03 - Modal
=---------------=*/
#solicitarModal .modal-header {position: relative;}
#solicitarModal .modal-header .close {position: absolute; top: 5px; right: 10px; transform: unset; padding: 0; margin: 0;}
#solicitarModal .modal-header .modal-title {font-size: 20px; line-height: 25px; font-weight: bold; text-align: center;}
#solicitarModal .modal-body .modal-text {font-size: 16px; line-height: 21px; font-weight: normal; margin: 0 auto 10px;}
#solicitarModal .modal-body .botao {margin: 15px auto 10px; text-align: center;}
#solicitarModal .modal-body button {background: #3295b5; color: #fff; font-size: 16px; line-height: 21px; font-weight: bold; padding: 7px 25px; border-radius: 5px; border: none; text-transform: uppercase; font-style: normal; cursor: pointer;}
#solicitarModal .modal-body button:hover {background: #1f9bc3;}
#solicitarModal .modal-body form input {margin: 10px 0;}

/* 04 - Subcategoria
=---------------=*/
.left-navbar {position: fixed; top: 104px; left: 0; bottom: 0; height: 350px; width: 100%; background: #3294b5e3; z-index: 1021; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.left-navbar:not(.showing) {top: -100%;}
.left-navbar.showing .background::before {content: ''; position: fixed; top: 0; left: 0; bottom: 0; right: 0; width: 100%; height: 100%; z-index: -1;}
.left-navbar .close {float: unset; position: absolute; top: 5px; right: 10px; font-size: 14px; color: #FFF; opacity: .75; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.left-navbar .close:hover {opacity: 1; transform: rotate(360deg);}
.left-navbar .navigator, .left-navbar .navigator .inside-navigator {list-style: none; flex-wrap: wrap;}
.left-navbar .navigator {padding: 1rem; justify-content: left; text-align: start;}
.left-navbar .navigator li {line-height: 1.5; padding: 0.25rem 0; width: 230px; margin-left: 75px; flex-wrap: wrap; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap;}
/* .left-navbar .navigator li:not(:last-child) {margin: 0 0 0.2rem 0;} */
.left-navbar .navigator li a {font-size: 18px; color: #FFF; letter-spacing: 1px; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.left-navbar .navigator li a:hover {text-decoration: none; opacity: .85;}
.left-navbar .navigator li i {color: #FFF; margin: 0 0 0 0.3rem; cursor: pointer;}
.left-navbar .navigator li i:hover {opacity: .85;}
.left-navbar .navigator .inside-navigator {background: #227B98; padding-left: 1.3rem; margin: 0 -1rem; overflow: hidden; transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out;}
.left-navbar .navigator .inside-navigator > .inside-navigator {max-width: 100%; margin: 0;}
.left-navbar .navigator .inside-navigator:not(.show) {height: 0;}
.left-navbar .navigator .inside-navigator li {margin-left: 0;}


/* Warehouse */
#painel img{height: 450px; object-fit: cover; width: 100%;}

#faixa {background: #245693;padding: 25px 0;}
#faixa .title {font-family: 'titulo'; font-size: 28px; color: #fff;}
#faixa h2 {font-family: 'titulo'; font-size: 24px; color: #fff;padding: 15px 0px;}

#faixa-dois img {height: 200px; width: 100%;object-fit: contain;}
#faixa-dois h2 {font-family: 'texto';font-size: 22px; text-align: justify;}

#warehouse p {text-align: center;font-family: 'outro'; text-transform: uppercase; font-size: 20px;}
#warehouse .variedade {background: #245693;color: #FFF; padding: 0.45rem 1.5rem;font-size: 22px;font-family: 'outro'; text-transform: uppercase; font-weight: 600; letter-spacing: 1px;}
#warehouse h3 {text-transform: uppercase;font-size: 28px;font-weight: 900;font-family: 'outro';text-shadow: 1px 1px #000;}
#warehouse img {height: 290px; width: 100%; object-fit: contain;}
#warehouse li {font-family: 'titulo'; text-transform: uppercase;font-size: 22px; padding-top: 5px;}
#warehouse li::marker {color: #245693;font-size: 26px;}