:root{ 
	--color-primary: #BD3231;
	--color-secondary: #1E1E1C;
	--color-text: #5E5E5E;
	--color-text-light: #B3B3B3; 
	--color-white: #FFF;
  --color-light: #EAEAEA;
  --back-header: #666;
  --header-size: 100px;
  --slider-back-size: 500px;
}

@font-face { /*Light*/
  font-family: 'MADE Tommy Soft';
  src: url('fonts/MADETommySoft-Light.woff2') format('woff2'),
      url('fonts/MADETommySoft-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {/*Regular*/
  font-family: 'MADE Tommy Soft';
  src: url('fonts/MADETommySoft.woff2') format('woff2'),
      url('fonts/MADETommySoft.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {/*Medium*/
  font-family: 'MADE Tommy Soft';
  src: url('fonts/MADETommySoft-Medium.woff2') format('woff2'),
      url('fonts/MADETommySoft-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {/*Bold*/
  font-family: 'MADE Tommy Soft';
  src: url('fonts/MADETommySoft-Bold.woff2') format('woff2'),
      url('fonts/MADETommySoft-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

html * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
body { background: var(--color-white); font-family: 'MADE Tommy Soft', Helvetica, Arial, sans-serif; font-display: swap; font-size: 17px; font-weight: 300; line-height: 1.5em; letter-spacing: 0.03em; color: var(--color-text);  }
body, html { height: 100%; }

a { color: var(--color-primary); -webkit-transition: color 300ms, background-color 300ms; -moz-transition: color 300ms, background-color 300ms; -o-transition:  color 300ms, background-color 300ms; transition:  color 300ms, background-color 300ms; }
a:hover, a:focus { color: var(--color-secondary); text-decoration: none; outline: none; }

strong { font-weight: 600; }

::selection{color:var(--color-white);background:rgba(0,0,0,0.2);}
::-moz-selection{color:var(--color-white);background:rgba(0,0,0,0.2);}
::-webkit-selection{color:var(--color-white);background:rgba(0,0,0,0.2);}

.bg-dark { background: var(--back-header) !important; }
.bg-light { background: var(--color-light) !important; }

.btn-primary { background: var(--color-primary) !important; color: var(--color-white) !important; border: 0; border-radius: 5px; font-size: 1em; padding: 0; font-weight: normal; letter-spacing: 0; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; }
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary { color: var(--color-white) !important; background: var(--color-secondary) !important; border: 0; }

.btn-primary.btn-sm { padding: 8px 15px; font-size: 16px; }

.text-secondary { color: var(--color-secondary) !important; }

.scrollup { width: 40px; height: 40px; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); opacity: 0.8; position: fixed; bottom: 10px; right: 10px; display: none; text-align: center; color: #fafafa !important; font-size: 28px; background: #CCC; z-index: 999; border-radius: 2px; }
.scrollup i { line-height: 38px }
a.scrollup:hover i, a.scrollup:focus i { text-decoration: none; color: var(--color-white); outline: none; }

.no-js #loader { display: none; }
.js #loader { display: block; position: absolute; left: 100px; top: 0; }
.se-pre-con {background: url('../images/logo-muteki.png') center no-repeat rgba(0,0,0,0.9); position: fixed; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 999999; animation: pulse 0.5s infinite;}

h1, h2, h3, h4, h5 { font-weight: 600; font-style: normal; line-height: 1.5em; color: var(--color-text); padding: 0; margin: 0; letter-spacing: 0em; }

/*header { position: relative; width: 100%; background: var(--back-header); z-index: 99999; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; }*/

header {  position: absolute; /*position: fixed;*/ width: 100%; top: 0; left: 0; /*background: var(--back-header);*/ background: transparent; z-index: 99999; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; }

header img { -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; }
header h1 { color: var(--color-white); text-transform: uppercase; font-weight: normal; font-size: 2.5rem; }
header .img-marca { max-width: 200px; max-height: 50px; }
header .logo { position: absolute; width: 100%; text-align: center; }
header .d-flex { height: var(--header-size); }
header a.navbar-brand { z-index: 9; position: relative; }

header:hover, header.fixed { background: #FFF; }
header:hover .navbar-brand img, header.fixed .navbar-brand img { filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); } /* logo */
/*header:hover .img-marca { filter: contrast(3) grayscale(100%); }*/ /* marcas */
/*header:hover .navbar-brand img { filter: invert(100%); }*/ /* somente o logo */
header:hover #burger > span, header.fixed #burger > span { background-color: #000; }
header:hover h1 { color: #000; }

header.fixed { position: fixed; z-index: 999; width: 100%; top: 0; left: 0; -webkit-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.1); -moz-box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.1); box-shadow: 0px 1px 10px 0px rgba(50, 50, 50, 0.1); -webkit-animation: fadeIn 0.5s; -moz-animation: fadeIn 0.5s; -ms-animation: fadeIn 0.5s; -o-animation: fadeIn 0.5s; animation: fadeIn 0.5s; }
header.fixed .navbar-brand img { filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -o-filter: invert(100%); }

footer { font-size: 0.9em; }
footer .img-fluid { max-width: 80%; }
footer a { color: var(--color-text); }
footer a i { font-size: 1.5em; margin: 0 10px; }
footer a:hover { color: var(--color-secondary) }
footer .link a { font-size: 0.7em; font-weight: 300; color: var(--color-text-light); letter-spacing: 0.1em; }
footer .link a strong { font-size: 1.1em; }

footer .bg-dark { color: var(--color-white) !important; }

#menu-back { display: none; position: fixed; top: 0; left: 0; bottom: 0; width: calc(100% - 400px); z-index: 99999; }

#menu { background: rgba(0,0,0,1); width:400px; transform: translateX(500px); -webkit-transform: translateX(500px); -moz-transform: translateX(500px); -o-transform: translateX(500px); height: 100vh; position: fixed; right: 0; transition-timing-function: cubic-bezier(10,2,3,1); -webkit-transition-timing-function: cubic-bezier(10,2,3,1); -moz-transition-timing-function: cubic-bezier(10,2,3,1); -o-transition-timing-function: cubic-bezier(10,2,3,1); top: 0; z-index: 9; transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; padding-top: var(--header-size);}
#menu-check {display: none;}
#menu-check:checked ~ #menu { transform: translateX(0rem); -webkit-transform: translateX(0rem); -moz-transform: translateX(0rem); -o-transform: translateX(0rem); }
#menu-check:checked ~ #menu-back { display: block; }
#burger {z-index: 99; position: relative; cursor: pointer; width: 25px;height: 35px; display: flex; flex-direction: row; justify-content: space-between; }
#burger > span {width: 3px; height: 35px; background-color: var(--color-white); transition: 0.5s; -webkit-transition: 0.5s; -moz-transition: 0.5s; -o-transition: 0.5s; z-index: 999;}
#menu-check:checked ~ #burger {transition: opacity .6s ease; -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; position: fixed; top: calc((var(--header-size) - 43px) / 2); right: 24px;}  
#menu-check:checked ~ #burger > span {background-color: var(--color-white); opacity: 1; }
#menu-check:checked ~ #burger > span:nth-child(1) {/*transform: translateY(15px) rotate(45deg);*/}
#menu-check:checked ~ #burger > span:nth-child(2) {/*opacity: 0;*/}
#menu-check:checked ~ #burger > span:nth-child(3) { height: calc(100vh - 25px); }


.modal.fade { z-index: 9999999999 !important; }

.stack-menu {overflow: hidden; }
.stack-menu--active {display: block;}
.stack-menu__list {margin: 0;padding: 0;list-style-type: none;display: none;}
.stack-menu__list--active { display: block; }
.stack-menu__item--hidden { display: none; }
.stack-menu__link {letter-spacing:0.05em;font-size: 1.05rem;padding: 8px 20px; color: var(--color-white);text-transform: uppercase;display: block;font-weight: normal;text-decoration: none;position: relative;-webkit-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;-moz-transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;transition: color 0.25s ease-in-out, background-color 0.25s ease-in-out, background-image 0.25s ease-in-out;}
.stack-menu__link--parent, .stack-menu__link--back {-webkit-background-size: 6px 12px;background-size: 6px 12px;background-repeat: no-repeat;}
.stack-menu__link--parent {background-position: center right 11px;background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");}
.stack-menu__link--back {background-position: center left 20px;background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23FFF' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");}
.stack-menu__link--hidden {display: none;}
.stack-menu__link:hover {color: var(--color-white);background-color: var(--color-primary);}
.stack-menu__link--parent:hover {background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M.087 1.656L1.232.318l4.681 5.026-1.145 1.338z'/%3E%3Cpath d='M4.768 5.318l1.145 1.338-4.68 5.026-1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");}
.stack-menu__link--back:hover {background-image: url("data:image/svg+xml,%3Csvg width='6' height='12' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23fff' fill-rule='evenodd'%3E%3Cpath d='M5.913 1.656L4.768.318.087 5.344l1.145 1.338z'/%3E%3Cpath d='M1.232 5.318L.087 6.656l4.68 5.026 1.146-1.338z'/%3E%3C/g%3E%3C/svg%3E");}
  
.stack-menu li li a { font-size: 1rem; padding: 4px 20px; }

.slider-container { display: flex; align-items: center; justify-content: center; overflow: hidden; position: absolute; height: 100%; top: 0; /*height: calc(100% - var(--header-size)); top: var(--header-size);*/ width: 100%; /*width: 100vw;*/ z-index: 0; }
/*.slider-container::after { background: rgba(0,0,0,0.2); content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }*/
.slide { background-size: cover; background-repeat: no-repeat; background-position: center center; position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); transition: opacity .6s ease; -webkit-transition: opacity .6s ease; -moz-transition: opacity .6s ease; -o-transition: opacity .6s ease; }
.slide.active { animation: grow 5s linear forwards; -webkit-animation: grow 5s linear forwards; -moz-animation: grow 5s linear forwards; -o-animation: grow 5s linear forwards; opacity: 1; }


@keyframes grow {
	0%, 20% { transform: scale(1); -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); }
	75%, 100% { transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); }
}

.controls-container { position: absolute; bottom: 30px; display: flex; flex-direction: row; z-index: 2; }
.control { background-color: var(--color-white); cursor: pointer; opacity: 0.5; margin: 5px; height: 22px; width: 6px; transition: opacity 0.3s, background-color 0.3s, transform 0.3s; -webkit-transition: opacity 0.3s, background-color 0.3s, transform 0.3s; -moz-transition: opacity 0.3s, background-color 0.3s, transform 0.3s; -o-transition: opacity 0.3s, background-color 0.3s, transform 0.3s; transform: skew(-15deg, 0deg); -webkit-transform: skew(-15deg, 0deg); -moz-transform: skew(-15deg, 0deg); -o-transform: skew(-15deg, 0deg); }
.control.active, .control:hover { background-color: var(--color-white); opacity: 1; }
.slider-back { position: absolute; height: var(--slider-back-size); top: 0; width: 100%; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; }
.slider-back h2 { position: absolute; width: 100%; text-align: center; color: var(--color-white); text-transform: uppercase; height: calc(var(--slider-back-size) - var(--header-size)); margin-top: calc(var(--header-size) - 20px); align-items: center; justify-content: center; display: flex; font-weight: normal; font-size: 2.5rem; z-index: 9; opacity: 0.8; display: none; }
.slider-back::after { background: rgba(0,0,0,0.5); content: ''; position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 1; }

.slider-back-full { height: 100% !important; }
.slider-back-full .slider-text { position: absolute; z-index: 9; opacity: 0.8; }
.slider-back-full .slider-text h3 { font-size: 2.3em; color: var(--color-white); }
.slider-back-full .slider-text p { font-size: 1.3em; color: var(--color-white); }

.slider-back-product { position: absolute; height: var(--slider-back-size); top: 0; width: 100%; z-index: 0; background-size: cover; background-repeat: no-repeat; background-position: center center; }

/*article { margin-top: var(--slider-back-size); } */
.box-marcas { width: calc(100% - 100px); margin-left: 100px; max-width: 700px; }
.box-marcas img.flag-marca { max-height: 50px; width: auto; }
.box-marcas h4 { font-size: 2.3em; }

#home-about h1, .home-text h2 { font-size: 2.3em; line-height: 1em; }
#home-about h3, .home-text h3 { font-size: 1.3em; font-weight: 500; line-height: 1.1em; }

#home-marcas { background: var(--color-light); text-align: center; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; padding: 30px 0; }
#home-marcas h4 { font-size: 1.6em; font-weight: 500; letter-spacing: 0; margin: 0 0 30px 0; padding: 0; }
#home-marcas a { display: block; }
#home-marcas .item { background: var(--color-white); padding: 30px 10px; }

@media (max-width: 767.99px) { #home-marcas { grid-template-columns: 1fr; } }
video { width: 100% !important; height: auto !important; }

#home-map { position: relative; width: 100%; height: 100%; }
#home-map .maps-italia { position: absolute; top: 33.6%; left: 50.1%; }
#home-map .maps-inglaterra { position: absolute; top: 28%; left: 45.5%; }
#home-map .maps-dinamarca { position: absolute; top: 25.6%; left: 49.1%; }
#home-map .maps-holanda { position: absolute; top: 27.7%; left: 48.3%; }
#home-map .maps-japao { position: absolute; top: 36%; left: 85%; }

#home-map .link { position: absolute; width: 8%; height: 2.3%; }
#home-map .link.italia-1 { top: 42.3%; left: 34%; }
#home-map .link.italia-2 { top: 44.8%; left: 34%; }
#home-map .link.italia-3 { top: 47.3%; left: 34%; }
#home-map .link.italia-4 { top: 49.8%; left: 34%; }
#home-map .link.italia-5 { top: 52.3%; left: 34%; }
#home-map .link.italia-6 { top: 54.8%; left: 34%; }
#home-map .link.inglaterra-1 { top: 30.3%; left: 34%; }
#home-map .link.inglaterra-2 { top: 32.8%; left: 34%; }
#home-map .link.dinamarca-1 { top: 24.1%; left: 58%; }
#home-map .link.holanda-1 { top: 29%; left: 51.2%; }
#home-map .link.japao-1 { top: 38.2%; left: 86%; }
#home-map .link.japao-2 { top: 40.7%; left: 86%; }
#home-map .link.japao-3 { top: 43.1%; left: 86%; }
#home-map .link.japao-4 { top: 45.5%; left: 86%; }

#about { /* font-size: 1.3rem; line-height: 1.3em; */ }
#about p { margin-bottom: 30px; }
#about h2 { font-size: 1.3em; font-weight: 500; }
#about h3 { font-size: 2.3em; }
#about h3 strong { color: var(--color-primary); }

#about .nav { font-size: 1.45em; }
#about .nav a.nav-link { padding: 30px 0; color: var(--color-text); border-bottom: 3px solid var(--color-text); border-radius: 0; }
#about .nav a.nav-link.active { font-weight: normal; background: none; border-color: var(--color-primary); }
#about .tab-content { font-size: 1.2em; }
#about .tab-content strong { font-size: 1.1em; font-weight: 500; }
#about .tab-content .fade { -webkit-transition: opacity 0.5s linear; -moz-transition: opacity 0.5s linear; -ms-transition: opacity 0.5s linear; -o-transition: opacity 0.5s linear; transition: opacity 0.5s linear; }

#about .box { text-align: justify; }
#about .box h4 { font-size: 2.3em; text-align: center;  }
#about .box p { margin: 0; padding: 0; }
#about .box img { width: 100%; }

#about .box .col-lg-4:nth-child(5) { background: var(--color-primary); color: var(--color-white) !important; }
#about .box .col-lg-4:nth-child(5) h4 { color: var(--color-white) !important; }

#about .box .col-lg-4:nth-child(7) { background: #AF9483; color: var(--color-white) !important; }
#about .box .col-lg-4:nth-child(7) h4 { color: var(--color-white) !important; }

#about .support {  }
#about .support h5 { font-size: 2.3em; line-height: 1.1em; }

#about .banner { position: relative; }
#about .banner img { width: 100%; }
#about .banner .box { color: var(--color-white); position: absolute; width: 100%; bottom: 10%; background: rgba(50,134,209,0.5); }
#about .banner .box h5 { color: var(--color-white); font-size: 2.3em; line-height: 1.1em; text-align: left; }

#about .slider-nav h3 { font-size: 3.2em; }

/*
.slick-prev, .slick-next { color: var(--slider-nav-color); background: var(--slider-nav-back); font-size: 2em; position: absolute; top: calc(50% - 25px); width: 30px; height: 50px; line-height: 50px; z-index: 9; text-align: center; display: block; padding: 0; border: 0; transition: all .5s }
.slick-prev:hover, .slick-next:hover { color: var(--slider-nav-hover-color); background: var(--slider-nav-hover-back) }
.slick-next { right: 0; border-bottom-left-radius: 50px; border-top-left-radius: 50px; padding-left: 10px; box-shadow: -5px 0 5px 0 rgba(0, 0, 0, 0.1) }
.slick-prev { left: 0; border-bottom-right-radius: 50px; border-top-right-radius: 50px; padding-right: 10px; box-shadow: 5px 0 5px 0 rgba(0, 0, 0, 0.1) }
.slick-next:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105" }
.slick-prev:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104" }
*/

.slider-nav .slick-prev, .slider-nav .slick-next { top: 65px; background: transparent; color: var(--color-text); font-size: 3em; position: absolute; width: 24px; height: 50px; line-height: 50px; z-index: 9; text-align: center; display: block; padding: 0; border: 0; transition: all .5s; overflow: hidden; }
.slider-nav .slick-next { left: 134px; }
.slider-nav .slick-prev { left: -45px; }
.slider-nav .slick-next:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f105" }
.slider-nav .slick-prev:before { font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f104" }

.slider-dots-box { display: flex; justify-content: center; align-items: center; }
.slider-dots { display: flex; justify-content: center; align-items: center; min-height: 40px; list-style: none; }
.slider-dots button { width: 30px; height: 30px; border-radius: 50%; display: block; border: 0; background-color: transparent; margin: 0 10px; cursor: pointer; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; padding: 0; transition: .3s all; position: relative; z-index: 0; }
.slider-dots-box .slick-active button { width: 40px; height: 40px; }
.slider-dots button:after {content: ""; display: block; width: 20px; height: 20px; border-radius: 50%; background-color: var(--color-text); }
.slider-dots-box .slick-active button:after { content: none; display: none; }
.slider-dots-box .slick-active button:before { content: ""; display: block; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; border: 2px solid rgba(0, 0, 0, 0.3); border-radius: 50%; }
.circle-go { fill: rgba(255, 255, 255, 0); stroke: var(--color-primary); stroke-width: 2; stroke-linecap: round; animation: progress 22s; stroke-dasharray: 360px; stroke-dashoffset: 360; }
.circle-tx { fill: #000; stroke-width: 1; font: bold 16px 'Arial'; text-anchor: middle; }
@keyframes progress { from { stroke-dashoffset: 360; } to { stroke-dashoffset: 0; } }


/*
.gallery-wrapper ::-webkit-scrollbar { width: 17px; height: 17px; }
.gallery-wrapper ::-webkit-scrollbar-button { width: 50px; height: 50px; }
.gallery-wrapper ::-webkit-scrollbar-thumb { background: #d1d1d1; border: 0px none #ffffff; border-radius: 50px; }
.gallery-wrapper ::-webkit-scrollbar-thumb:hover { background: #cccccc; }
.gallery-wrapper ::-webkit-scrollbar-thumb:active { background: #e1e1e1; }
.gallery-wrapper ::-webkit-scrollbar-track { background: #666666; border: 0px none #ffffff; border-radius: 50px; }
.gallery-wrapper ::-webkit-scrollbar-track:hover { background: #666666; }
.gallery-wrapper ::-webkit-scrollbar-track:active { background: #666666; }
.gallery-wrapper ::-webkit-scrollbar-corner { background: transparent; }
*/

.gallery-wrapper .simplebar-scrollbar::before { background-color: #666; }
.gallery-wrapper .simplebar-track { background: #E1E1E1; border-radius: 8px;  }
.gallery-wrapper .simplebar-track.simplebar-horizontal { height: 20px; }
.gallery-wrapper .simplebar-track.simplebar-horizontal .simplebar-scrollbar { height: 16px; }


.gallery-wrapper { background-color: var(--color-white); box-sizing: border-box; height: 565px; overflow: hidden; }
.gallery-scroll {box-sizing: border-box; height: 565px; overflow-x: auto; overflow-y: hidden;}
.gallery { background-color: var(--color-white); display: flex; box-sizing: border-box; width: max-content; height: 550px; padding: 0px 0px; margin: 0 auto; }
.gallery .item { box-sizing: border-box; height: 100%; padding: 0px 0px; margin: 0px 100px 0 0; position: relative; }
.gallery .item img { display: block; height: 100%; }

.list-product { position: relative; }
.list-product span { opacity: 0; display: flex; align-items: center; font-weight: normal; -webkit-transition: 300ms; -moz-transition: 300ms; -o-transition: 300ms; transition: 300ms; justify-content: center; color: var(--color-white); position: absolute; top: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.4); }
.list-product span i { margin-left: 5px; }
.list-product a:hover > span { opacity: 1; }
#produtos .list-product { border-radius: 5px; border: 1px solid #F9F9F9; border-bottom: 5px solid var(--color-text-light); }
h2.title { font-size: 2.8em; }

.text { font-size: 1.05rem; line-height: 1.8rem; }
.text p { margin-bottom: 30px; }

#categoria { display: grid; grid-template-columns: 1fr 1fr; grid-auto-flow: dense; grid-gap: 40px; }
#categoria a { position: relative; color: var(--color-white); text-shadow: 1px 1px 5px rgba(0,0,0,0.5); -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; }
#categoria a img.wow { width: 100%; -webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both }
#categoria a .box { position: absolute; width: 100%; top: 0; left: 0; right: 0; bottom: 0; -webkit-transition: 500ms; -moz-transition: 500ms; -o-transition: 500ms; transition: 500ms; }
#categoria a .box .title { position: absolute; top: 30px; left: 30px; width: 350px; text-align: left; } 
#categoria a .box .title h3 { font-size: 1.6rem; font-weight: 500; color: var(--color-white); margin-bottom: 10px; padding: 0 20px 5px 20px; border-bottom: 1px solid var(--color-white); letter-spacing: 0; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); }
#categoria a .box .title p { padding-right: 50px; }
#categoria a .box .mais { position: absolute; bottom: 30px; right: 30px; font-size: 1.3em; display: inline-flex; align-items: center;}
#categoria a .box .mais span { border: 1px solid var(--color-white); font-size: 1.3em; width: 30px; height: 30px; line-height: 25px; text-align: center; border-radius: 30px; margin: 0 0 0 5px; }

#categoria a:hover > .box { background: rgba(0,0,0,0.3); }

/* duplo alinhamento centro */
#categoria a:nth-child(3n) img.wow { -webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both }
#categoria a:nth-child(3n) { grid-column: span 2; }
#categoria a:nth-child(3n) > .box .title { left: calc(50% - 170px); text-align: center; }
#categoria a:nth-child(3n) > .box .title p { text-align: center; padding-left: 25px; padding-right: 25px; }

/* alinhamento direita */
#categoria a:nth-child(3n+2) img.wow { -webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both }
#categoria a:nth-child(3n+2) > .box .title { position: absolute; left: initial; right: 40px; text-align: right; }
#categoria a:nth-child(3n+2) > .box .title h3 { text-align: right; }
#categoria a:nth-child(3n+2) > .box .title p { padding-right: 0; padding-left: 50px; }

/*
#categoria a:nth-child(3n+2) > .box .title { position: absolute; left: initial; right: 40px; }
#categoria a:nth-child(3n+2) > .box .title h3 { text-align: right; }
#categoria a:nth-child(3n+2) > .box .title p { padding-right: 0; padding-left: 50px; }
#categoria a:nth-child(3n) { color: var(--color-text); grid-column: span 2; }
#categoria a:nth-child(3n) > .box .title { left: calc(25% - 145px); }
#categoria a:nth-child(3n) > .box .title h3 { color: var(--color-text); border-color: var(--color-text); }
#categoria a:nth-child(3n) > .box .mais span { border-color: var(--color-text);  }

#categoria a.color-white {  }
#categoria a.color-text { color: var(--color-text) !important; text-shadow: 1px 1px 5px rgba(255,255,255,0.5); }
#categoria a.color-text > .box .title h3 { color: var(--color-text); border-color: var(--color-text); text-shadow: 1px 1px 1px rgba(255,255,255,0.2); }
#categoria a.color-text > .box .mais span { border-color: var(--color-text);  }

#categoria a.text-right > .box .title { position: absolute; left: initial; right: 40px; text-align: right; }
#categoria a.text-right > .box .title h3 { text-align: right; }
#categoria a.text-right > .box .title p { padding-right: 0; padding-left: 50px; }

#categoria a.text-left > .box .title { left: calc(25% - 145px); }
#categoria a.text-center > .box .title { left: calc(50% - 145px); }
*/

/*
#categoria a.coroa { position: relative; width: 100%; min-height: 860px; overflow: hidden; }
@media (max-width: 767.99px) {  #categoria a.coroa { min-height: 400px; } }
#categoria a.coroa img { position: absolute; bottom: 4%; width: auto; height: auto;  }
#categoria a.coroa img:nth-child(1) { width: 31.5%; left: -2%; -webkit-animation: rotation-right 20s infinite linear; }
#categoria a.coroa img:nth-child(2) { width: 35%; left: 14.5%; -webkit-animation: rotation 29s infinite linear;  }
#categoria a.coroa img:nth-child(3) { width: 16%; left: 33.5%; -webkit-animation: rotation 11.1s infinite linear;  }
#categoria a.coroa img:nth-child(4) { width: 20%; right: 31%; -webkit-animation: rotation-right 15s infinite linear; }
#categoria a.coroa img:nth-child(5) { width: 37.5%; right: -4.5%; -webkit-animation: rotation 29s infinite linear;  }
*/


#categoria a.coroa-animate { position: relative; width: 100%; min-height: 860px; overflow: hidden; }
#categoria a.coroa-animate img { position: absolute; bottom: 4%; width: auto; height: auto; transition-duration: 1s;  -webkit-transition-duration: 1s;  -moz-transition-duration: 1s;  -o-transition-duration: 1s;   }
#categoria a.coroa-animate img:nth-child(1) { width: 31.5%; left: -2%;  /*-webkit-animation: rotation 20s infinite linear; -moz-animation: rotation 20s infinite linear; -o-animation: rotation 20s infinite linear; animation: rotation 20s infinite linear;*/ }
#categoria a.coroa-animate img:nth-child(2) { width: 35%; left: 14.5%; /*-webkit-animation: rotation 29s infinite linear;*/  }
#categoria a.coroa-animate img:nth-child(3) { width: 16%; left: 33.5%; /*-webkit-animation: rotation 2s;*/  }
#categoria a.coroa-animate img:nth-child(4) { width: 20%; right: 31%; /*-webkit-animation: rotation-right 15s infinite linear;*/ }
#categoria a.coroa-animate img:nth-child(5) { width: 37.5%; right: -4.5%; /*-webkit-animation: rotation 29s infinite linear; */ }

#categoria a.coroa-animate { color: var(--color-text) !important; text-shadow: 1px 1px 5px rgba(255,255,255,0.5); }
#categoria a.coroa-animate > .box .title h3 { color: var(--color-text); border-color: var(--color-text); text-shadow: 1px 1px 1px rgba(255,255,255,0.2); }
#categoria a.coroa-animate > .box .mais span { border-color: var(--color-text);  }


@media (max-width: 767.99px) { 
  /*#categoria { grid-template-columns: 1fr; grid-gap: 0; }*/
  #categoria { grid-template-columns: 1fr; grid-gap: 20px; }
  #categoria a:nth-child(3n) { grid-column: unset; }
  #categoria a > .box { background: rgba(0,0,0,0.4); }
  #categoria a.coroa-animate > .box { background: none; }
  #categoria a { font-size: 0.9em;  }
  
  /*
  #categoria a.color-text { color: var(--color-white) !important; }
  #categoria a.color-text > .box .title h3 { color: var(--color-white); border-color: var(--color-white); }
  #categoria a.color-text > .box .mais span { border-color: var(--color-white);  }
  */

  #categoria a .box .title { top: 20px !important; left: 20px !important; width: calc(100% - 40px) !important; text-align: left !important; } 
  #categoria a .box .title h3 { padding: 0 20px 5px 20px !important; text-align: left !important; }
  #categoria a .box .title p { padding-right: 30px !important; padding-left: 0 !important; }
  
  #categoria a .box .mais { bottom: 20px; right: 20px; font-size: 1.1em; }
  #categoria a .box .mais span { width: 20px; height: 20px; line-height: 15px; border-radius: 20px; }

}

/*ANIMATIONS*/
.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeInDown{-webkit-animation-name:fadeInDown;animation-name:fadeInDown;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInDown{0%{opacity:0;-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.zoomIn{-webkit-animation-name:zoomIn;animation-name:zoomIn;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}@keyframes zoomIn{0%{opacity:0;-webkit-transform:scale3d(.3,.3,.3);transform:scale3d(.3,.3,.3)}50%{opacity:1}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.fadeInRight{-webkit-animation-name:fadeInRight;animation-name:fadeInRight;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}@keyframes fadeInRight{0%{opacity:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}100%{opacity:1;-webkit-transform:none;transform:none}}.bounceInLeft{-webkit-animation-name:bounceInLeft;animation-name:bounceInLeft;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}@keyframes bounceInLeft{0%,60%,75%,90%,100%{-webkit-transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000);transition-timing-function:cubic-bezier(0.215,0.610,0.355,1.000)}0%{opacity:0;-webkit-transform:translate3d(-3000px,0,0);transform:translate3d(-3000px,0,0)}60%{opacity:1;-webkit-transform:translate3d(25px,0,0);transform:translate3d(25px,0,0)}75%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}90%{-webkit-transform:translate3d(5px,0,0);transform:translate3d(5px,0,0)}100%{-webkit-transform:none;transform:none}}.pulse{-webkit-animation-name:pulse;animation-name:pulse;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes pulse{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}50%{-webkit-transform:scale3d(1.05,1.05,1.05);transform:scale3d(1.05,1.05,1.05)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}.flip{-webkit-backface-visibility:visible;backface-visibility:visible;-webkit-animation-name:flip;animation-name:flip;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}@keyframes flip{0%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-360deg);transform:perspective(400px) rotate3d(0,1,0,-360deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}40%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-190deg);-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out}50%{-webkit-transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);transform:perspective(400px) translate3d(0,0,150px) rotate3d(0,1,0,-170deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}80%{-webkit-transform:perspective(400px) scale3d(.95,.95,.95);transform:perspective(400px) scale3d(.95,.95,.95);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}100%{-webkit-transform:perspective(400px);transform:perspective(400px);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}}.shake{-webkit-animation-name:shake;animation-name:shake;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@-webkit-keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}@keyframes shake{0%,100%{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px,0,0);transform:translate3d(-10px,0,0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px,0,0);transform:translate3d(10px,0,0)}}

@-webkit-keyframes rotation {
  from {
      -webkit-transform: rotate(0deg);
  }
  to {
      -webkit-transform: rotate(359deg);
  }
}

@-webkit-keyframes rotation-right {
  from {
      -webkit-transform: rotate(359deg);
  }
  to {
      -webkit-transform: rotate(0deg);
  }
}

/*************** RESPONSIVE ****************/

/* RESPONSIVE */
@media (min-width: 1680px) {
   /*body { background: #FFF!important; }*/
   .container { max-width: 1620px; width: 1620px; }
   
}
@media (max-width: 1679.99px) {  
	/*body { background: #EE9900 !important; }*/
   .container { max-width: 100%; width: 100%; }
   #categoria a.coroa-animate { min-height: 760px; }
}

/* XL (hd, 1400px)*/
@media (max-width: 1379.99px) { 
    /*body { background: #EE0055!important; }*/
    #categoria a.coroa-animate { min-height: 660px; }
  }

/* LG (desktops, 1200px)*/
@media (max-width: 1199.99px) { 
    /*body { background: #CC00DD!important; }*/
    #categoria a.coroa-animate { min-height: 600px; }
  }

/* MD (tablets, 992px)*/
@media (max-width: 991.99px) { 
    /*body { background: #002254!important; }*/
    #categoria a.coroa-animate { min-height: 500px; }
    header h1, .slider-back h2 { font-size: 1.8rem; }
    header .img-marca, .slider-back .img-marca { max-width: 200px; max-height: 50px; }
    .box-marcas { width: 100%; margin: 0; max-width: 100%; }
	  footer .w-50, footer .w-25 { width: 100% !important; }
}

/* SM (landscape phones, 768px)*/
@media (max-width: 767.99px) { 
    /*body { background: #ffcc00!important; }*/
    #categoria a.coroa-animate { min-height: 420px; }
    :root{ 
      --header-size: 70px;
      --slider-back-size: 300px;
    }
    header a.navbar-brand img { height: 45px; }
    header .navbar-brand .logo-mobile { width: 200px; }
    .slider-back h2 { display: inline-flex; }

    #burger { width: 30px; height: 32px; }
    #burger > span { width: 5px; height: 40px; }
    #menu { width: 100%; transform: translateX(100%); }
    .stack-menu__link--parent { background-position: center right 5px; }

    #menu-check:checked ~ #burger { top: calc((var(--header-size) - 40px) / 2); right: 16px; }
    .gallery-wrapper, .gallery-scroll { height: 265px; }
    .gallery { height: 250px; }
    .gallery .item { margin: 0px 10px 0 0; }
    
    #home-about { font-size: 0.9em; }
    #home-marcas h4 { font-size: 2em; }

    footer { font-size: 0.9em; }
    footer .logo { max-width: 60%; }

    #about { font-size: 1em; line-height: 1.4em; }
    #about h3 { line-height: 1em; }
    #about .nav { font-size: 1em; }
    #about .support h5 { width: 100%; font-size: 1.3em; text-align: center; }

    #about .banner .box { font-size: 0.9em; text-align: center; line-height: 1.2em; bottom: 10px; }
    #about .banner .box h5 { font-size: 1.6em; line-height: 1.1em; text-align: center;}

    .slider-nav .slick-prev, .slider-nav .slick-next { top: 0; font-size: 3.3em; position: absolute; }
    .slider-nav .slick-next { left: calc(48% + 100px); }
    .slider-nav .slick-prev { left: calc(48% - 105px); }

    .slider-nav .slide-item { text-align: center;  }
  
    
    #home-map { position: relative; width: 100%; height: 100%; }
    #home-map svg { width: 10px; }
    #home-map .maps-italia { top: calc(33.6% - 4%); }
    #home-map .maps-inglaterra { top: calc(28% - 4%); }
    #home-map .maps-dinamarca { top: calc(25.6% - 4%); }
    #home-map .maps-holanda { top: calc(27.7% - 4%); }
    #home-map .maps-japao { top: calc(36% - 4%); }    

    

}

/* XS (portrait phones, 576px)*/
@media (max-width: 575.99px) { 
    /*body { background: #cc0000!important; }*/
    #categoria a.coroa-animate { min-height: 360px; }
}

label.error {  margin-left: 10px; color:#F00 !important; width: auto; }