/*
Theme Name: RRItalia
Art Direction: Brugiatelli Design
Art Direction URI: http://brugiatellidesign.it/
Webdesign: tonidigrigio
Webdesign URI: https://www.tonidigrigio.it/
Author / Developer: Visione.Digitale
Author / Developer URI: https://www.visionedigitale.com/
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
*/

/*import*/
@import url('assets/css/animsition.min.css');
@import url('assets/css/slidemenu.min.css');

/*variabili*/
:root {

    --white: #FFFFFF;
    --black: #000000;
    --primary: #142C5E;
    --secondary: #3BB3E0;
    --gray-light : #F5FBFD;
    --secondary-light: #D6E4E5;
    --we-care:#C1BBA6;
    --garden:#FAD809;
    --bamboo:#000;
    --spiral:#16A0D8;
    --industrial:#005D81;
    --carts:#F39322;
    --self-cutting:#8CC043;
    --accessori:#F5FBFD;

    --bamboo-red:#e5352a;
    --bamboo-yellow:#fed905; 
    --bamboo-green:#2fac66; 
    --bamboo-blue:#45ace0;  
    --bamboo-pink:#ef83b0;
    --bamboo-gray:#969699;
    
    --font-base: "Gantari", sans-serif;
    --transition-1:all 0.1s ease-in-out;
    --transition-2:all 0.2s ease-in-out;
    --transition-3:all 0.3s ease-in-out;
    --transition-4:all 0.4s ease-in-out;
    --transition-5:all 0.5s ease-in-out;
}

/*loading*/
.animsition-loading {border:none !important;-webkit-animation-name:inherit !important;animation-name:inherit !important;}
.animsition-loading, .animsition-loading:after {width:80px;height:80px;margin-top:-40px;margin-left:-40px;border-radius:0px;}
.animsition-loading img {opacity:1 !important;width:100%;animation: pulse-loading .5s infinite ease-in-out;}
@keyframes pulse-loading {
  0%, 100% {
    transform: scale(.9);
  }
  50% {
    transform: scale(1);
  }
}

/*scrolling*/ 
@media screen and (min-width:1280px) {
    body::-webkit-scrollbar {width:6px;}
    body::-webkit-scrollbar-track {background: var(--gray-light);}
    body::-webkit-scrollbar-thumb {background-color:var(--secondary);border-radius:3px;}
    body::after {content: "";position: fixed;top: 0;right: 0;bottom: 0;background: var(--gray-light);width: 1px;z-index: 9999;}
}

/*default*/
html, button, input, select, textarea {color:var(--primary);overflow-x:hidden;}
html, body {margin:0px;padding:0px;}
body {background:var(--white);}
hr {display: block;height: 1px;border: 0;}
img {margin:0px;padding:0px;border:0px;outline:none;vertical-align: middle;border-radius:0px;}
a {text-decoration:none;outline:none;border:none;}
fieldset {border:0;margin:0;padding:0;}
textarea {resize: vertical;}
.chromeframe { margin: 0.2em 0;background:#ccc;color:var(--black);padding:0.2em 0;}

/*default link*/
a, a:link, a:visited, a:active, a:hover {transition:var(--transition-3);}
.no-underline {text-decoration:none !important;}

/*animation*/
.animation, .animation > * {transition:var(--transition-5);}
.animation-1 {transition:var(--transition-1);}
.animation-2 {transition:var(--transition-2);}
.animation-3 {transition:var(--transition-3);}
.animation-4 {transition:var(--transition-4);}
.animation-5 {transition:var(--transition-5);}



/***************************/

/*typographic*/
body {font-family: var(--font-base);color:var(--primary)body !important;}
html, body {font-family:var(--font-base);font-optical-sizing:auto;font-weight:400;font-style:normal;}
strong {font-weight:700 !important;}
.text-indent {text-indent:-9999px !important;}
.text-pre {white-space:pre;}

/*font*/
.gantari {font-family:var(--font-base);font-optical-sizing:auto;font-weight:400;font-style:normal;}

/*font dimension*/
html {font-size:100%;}
/*@media (max-width: 1025px)  {html {font-size: 90% !important;}}*/
/*@media (min-width: 1700px) {html {font-size: 105% !important;}}*/
body, input {font-family: var(--font-base) !important;font-weight: 400 !important;}
small, .small {font-size: .875em ! important;}
.fs-7 {font-size:1.1rem !important;}
.small-10 {font-size:10% !important;}
.small-20 {font-size:20% !important;}
.small-30 {font-size:30% !important;}
.small-40 {font-size:40% !important;}
.small-50 {font-size:50% !important;}
.small-60 {font-size:60% !important;}
.small-70 {font-size:70% !important;}
.small-80 {font-size:80% !important;}
.small-90 {font-size:90% !important;}
.small-95 {font-size:95% !important;}

/***************************/

/*lineheight*/
.lh-0-5 {line-height:0.5rem !important;}
.lh-0-7 {line-height:0.75rem !important;}
.lh-1   {line-height:1rem !important;}
.lh-1-5 {line-height:1.5rem !important;}
.lh-2   {line-height:2rem !important;}
.lh-2-5 {line-height:2.5rem !important;}
.lh-3   {line-height:3rem !important;}
.lh-3-5 {line-height:3.5rem !important;}
.lh-4   {line-height:4rem !important;}

/*font-weight*/
.fw-thin       {font-weight:100 !important;}
.fw-extraLight {font-weight:200 !important;}
.fw-light      {font-weight:300 !important;}
.fw-regular    {font-weight:400 !important;}
.fw-medium     {font-weight:500 !important;}
.fw-semibold   {font-weight:600 !important;}
.fw-bold       {font-weight:700 !important;}
.fw-extrabold  {font-weight:800 !important;}
.fw-black      {font-weight:900 !important;}

/*list*/
.list-base, .list-base li {list-style:none !important;list-style-position: inherit !important;}

/*text color*/
.text-white        {color:var(--white) !important;}
.text-black        {color:var(--black) !important;}
.text-primary      {color:var(--primary) !important;}
.text-secondary    {color:var(--secondary) !important;}
.text-gray-light   {color:var(--gray-light) !important;}
.text-second-light {color:var(--secondary-light) !important;}
.text-we-care      {color:var(--we-care) !important;}
.text-garden       {color:var(--garden) !important;}
.text-bamboo       {color:var(--bamboo) !important;}
.text-spiral       {color:var(--spiral) !important;}
.text-industrial   {color:var(--industrial) !important;}
.text-carts        {color:var(--carts) !important;}
.text-self-cutting {color:var(--self-cutting) !important;}
.text-accessori    {color:var(--accessori) !important;}
.text-bamboo-red    {color:var(--bamboo-red) !important;}
.text-bamboo-yellow {color:var(--bamboo-yellow) !important;}
.text-bamboo-green  {color:var(--bamboo-green) !important;}
.text-bamboo-blue   {color:var(--bamboo-blue) !important;}
.text-bamboo-pink   {color:var(--bamboo-pink) !important;}
.text-bamboo-gray   {color:var(--bamboo-gray) !important;}

/*background*/
.bg-white        {background-color:var(--white) !important;}
.bg-black        {background-color:var(--black) !important;}
.bg-primary      {background-color:var(--primary) !important;}
.bg-secondary    {background-color:var(--secondary) !important;}
.bg-gray-light   {background-color:var(--gray-light) !important;}
.bg-second-light {background-color:var(--secondary-light) !important;}
.bg-we-care      {background-color:var(--we-care) !important;}
.bg-garden       {background-color:var(--garden) !important;}
.bg-bamboo       {background-color:var(--bamboo) !important;}
.bg-spiral       {background-color:var(--spiral) !important;}
.bg-industrial   {background-color:var(--industrial) !important;}
.bg-carts        {background-color:var(--carts) !important;}
.bg-self-cutting {background-color:var(--self-cutting) !important;}
.bg-accessori    {background-color:var(--accessori) !important;}
.bg-bamboo-red    {background-color:var(--bamboo-red) !important;}
.bg-bamboo-yellow {background-color:var(--bamboo-yellow) !important;}
.bg-bamboo-green  {background-color:var(--bamboo-green) !important;}
.bg-bamboo-blue   {background-color:var(--bamboo-blue) !important;}
.bg-bamboo-pink   {background-color:var(--bamboo-pink) !important;}
.bg-bamboo-gray   {background-color:var(--bamboo-gray) !important;}

/*border color*/
.border-white        {border-color:var(--white) !important;}
.border-black        {border-color:var(--black) !important;}
.border-primary      {border-color:var(--primary) !important;}
.border-secondary    {border-color:var(--secondary) !important;}
.border-gray-light   {border-color:var(--gray-light) !important;}
.border-second-light {border-color:var(--secondary-light) !important;}
.border-we-care      {border-color:var(--we-care) !important;}
.border-garden       {border-color:var(--garden) !important;}
.border-bamboo       {border-color:var(--bamboo) !important;}
.border-spiral       {border-color:var(--spiral) !important;}
.border-industrial   {border-color:var(--industrial) !important;}
.border-carts        {border-color:var(--carts) !important;}
.border-self-cutting {border-color:var(--self-cutting) !important;}
.border-accessori {border-color:var(--accessori) !important;}

/*fill*/
.fill-white      {fill:var(--white) !important;}
.fill-black      {fill:var(--black) !important;}
.fill-primary    {fill:var(--primary) !important;}
.fill-secondary  {fill:var(--secondary) !important;}
.fill-gray-light {fill:var(--gray-light) !important;}

/*svg*/
.fill-white > svg      {fill:var(--white) !important;}
.fill-black > svg      {fill:var(--black) !important;}
.fill-primary > svg    {fill:var(--primary) !important;}
.fill-secondary > svg  {fill:var(--secondary) !important;}
.fill-gray-light > svg {fill:var(--gray-light) !important;}

/*color overide white text*/
.bg-bamboo     {color:var(--white) !important;}
.bg-spiral     {color:var(--white) !important;}
.bg-industrial {color:var(--white) !important;}
.bg-hiflow     {color:var(--white) !important;background:var(--spiral) !important;}
.bg-domestic   {background:var(--garden) !important;}


/*background cover*/
.bg-cover {background-position:center !important;background-repeat: no-repeat !important;background-size: cover !important;}

/*opacity*/
.opacity-100 {opacity:1 !important;}
.opacity-95  {opacity:.95 !important;}
.opacity-90  {opacity:.90 !important;}
.opacity-85  {opacity:.85 !important;}
.opacity-80  {opacity:.80 !important;}
.opacity-75  {opacity:.75 !important;}
.opacity-50  {opacity:.50 !important;}
.opacity-25  {opacity:.25 !important;}
.opacity-20  {opacity:.20 !important;}
.opacity-15  {opacity:.15 !important;}
.opacity-10  {opacity:.10 !important;}
.opacity-0   {opacity:0 !important;}

/*z-index*/
.z-index-1 {z-index:1 !important;}
.z-index-2 {z-index:2 !important;}
.z-index-3 {z-index:3 !important;}
.z-index-4 {z-index:4 !important;}
.z-index-5 {z-index:5 !important;}
.z-index-9 {z-index:9 !important;}
.z-index-99 {z-index:99 !important;}
.z-index-999 {z-index:999 !important;}
.z-index-9999 {z-index:9999 !important;}

/*width*/
.wd-10  {width:10px;}
.wd-20  {width:20px;}
.wd-25  {width:25px;}
.wd-30  {width:30px;}
.wd-40  {width:40px;}
.wd-50  {width:50px;}
.wd-60  {width:60px;}
.wd-70  {width:70px;}
.wd-80  {width:80px;}
.wd-90  {width:90px;}
.wd-100 {width:100px;}
.wd-125 {width:125px;}
.wd-150 {width:150px;}
.wd-200 {width:200px;}
.wd-250 {width:250px;}
.wd-300 {width:300px;}

/*perecentual width*/
.wd-20p {width:20%;}
.wd-25p {width:25%;}
.wd-30p {width:30%;}
.wd-35p {width:35%;}
.wd-40p {width:40%;}
.wd-45p {width:45%;}
.wd-50p {width:50%;}
.wd-55p {width:55%;}
.wd-60p {width:60%;}
.wd-65p {width:65%;}
.wd-70p {width:70%;}
.wd-75p {width:75%;}
.wd-80p {width:80%;}
.wd-85p {width:85%;}
.wd-90p {width:90%;}
.wd-95p {width:95%;}

/*height*/
.hg-0 {height:0px !important;}
.mn-height-25  {min-height:25vh;}
.mn-height-50  {min-height:50vh;}
.mn-height-75  {min-height:75vh;}
.mn-height-100 {min-height:100vh;}

/*margin*/
.m-05  {margin:.25rem !important;}
.mx-05 {margin-left:.25rem !important;margin-right:.25rem !important;}
.my-05 {margin-top:.25rem !important;margin-bottom:.25rem !important;}
.mt-05 {margin-top:.25rem !important;}
.mb-05 {margin-bottom:.25rem !important;}
.ms-05 {margin-left:.25rem !important;}
.me-05 {margin-right:.25rem !important;}

/*padding*/
.p-05  {padding:.25rem !important;}
.px-05 {padding-left:.25rem !important;padding-right:.25rem !important;}
.py-05 {padding-top:.25rem !important;padding-bottom:.25rem !important;}
.pt-05 {padding-top:.25rem !important;}
.pb-05 {padding-bottom:.25rem !important;}
.ps-05 {padding-left:.25rem !important;}
.pe-05 {padding-right:.25rem !important;}

/*gap*/
.gap-05 {
    gap: .25rem !important;
    row-gap: 0.25rem !important;
    column-gap: 0.25rem !important;
}


/*effect*/
.blur-25  {filter: blur(.25rem);}
.blur-05  {filter: blur(.5rem);}
.blur-1   {filter: blur(1rem);}
.blur-1-5 {filter: blur(1.5rem);}
.blur-2   {filter: blur(2rem);}

/*scale*/
.scale-1   {transform: scale(1);}
.scale-1-5 {transform: scale(1.5);}
.scale-2   {transform: scale(2);}
.scale-2-5 {transform: scale(2.5);}
.scale-3   {transform: scale(3);}

/******************************/
/*           BUTTON           */
/******************************/
.btn:active {transform: scale(0.85);box-shadow:5px 5px 20px 5px rgba(0, 0, 0, 0.35);}
.btn-sm, .btn-group-sm>.btn {font-size: .9rem !important;}
.btn-check:focus+.btn, .btn:focus {box-shadow:none !important;}

.btn-primary {background:var(--primary) !important;border:0 !important;}
.btn-primary:hover {background:var(--secondary) !important;color:var(--white) !important;}
.btn-secondary {background:var(--secondary) !important;border:0 !important;color:var(--primary) !important;}
.btn-secondary:hover {background:var(--primary) !important;color:var(--secondary) !important;}

.btn-outline-white {border:1px solid var(--white) !important;}
.btn-outline-white:hover {border:1px solid var(--white) !important;background:var(--white) !important;color:var(--primary) !important;}
.btn-outline-primary {border:1px solid var(--primary) !important;color:var(--primary) !important;}
.btn-outline-primary:hover {background:var(--primary);color:var(--white) !important;}
.btn-outline-secondary {border:1px solid var(--secondary) !important;color:var(--secondary) !important;}
.btn-outline-secondary:hover {background:var(--secondary);color:var(--white) !important;}
.btn-outline-secondary.over-secondary:hover {background:var(--secondary);color:var(--white) !important;}

.btn-gray-light {background:var(--gray-light) !important;border:0 !important;color:var(--primary) !important;}
.btn-gray-light:hover {background:var(--secondary) !important;color:var(--primary) !important;}

/***************************/
/*           WIP           */
/***************************/
#wip-wrapper {}

/********************************/
/*           TEMPLATE           */
/********************************/
body.offcanvas-push {padding-right:0px !important;}
#main-wrapper {max-width:2200px;margin:0px auto;}
@media (min-width: 1180px)  {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 2rem !important;
    }
}
@media (max-width: 768px)  {
    .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        --bs-gutter-x: 1rem !important;
    }
}

/*tooltip*/
.custom-tooltip {opacity:1 !important;}
.custom-tooltip .tooltip-inner {background:var(--secondary) !important;color:var(--white) !important;text-align:left !important;line-height:1rem !important;padding:0.5rem 0.75rem !important;}
.custom-tooltip .tooltip-arrow::before {border-right-color: var(--secondary) !important;}

/*paginazione*/
.pagination {text-align:center;}
.pagination a.btn {width:40px !important;height:40px !important;line-height:38px !important;padding:0px !important;border:1px solid var(--gray-light) !important}
.pagination a.disabled {border-color:var(--secondary) !important;background:var(--secondary) !important;color:var(--white) !important;}

/*video*/
.plyr .plyr__control--overlaid {width:4rem !important;height:4rem !important;}

/*cta footer*/
.cta-footer-image {background:url('/wp-content/uploads/2025/10/img-cta-bottom.webp') !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}

/******************************/
/*           HEADER           */
/******************************/
#main-header {height:100px;}

@media (max-width: 768px)  {#main-header {height:70px;}}
#main-header .head-bg {
    isolation:isolate;
    content: "";
    position:absolute;
    z-index:1;
    top:0px;
    left:0px;
    right:0px;
    bottom:0px;
}
body.headroom.headroom--top #main-header .head-bg {background-color:rgba(255, 255, 255, 0);}
body.headroom.headroom--not-top #main-header .head-bg {background-color:rgba(255, 255, 255, 0.9);backdrop-filter: blur(2.5px);}
#main-header .head-bg.active-on-top {background-color:rgba(255, 255, 255, 0.9) !important;backdrop-filter: blur(2.5px) !important;}

/*white header*/
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top a,
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top button {color:var(--white) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top svg .fill-primary {fill:var(--white) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top svg .fill-secondary {fill:var(--white) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top #menu-toggle .bar-wrapper span {background-color:var(--white) !important;}

/******************************/
/*           FOOTER           */
/******************************/
#main-footer::after {
    content: "";
    position: absolute;
    top: 2.5rem; 
    left: 0; 
    right: -7rem; 
    bottom: -3rem;
    background-image: url('assets/img/logotipo.svg');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right bottom;
    opacity: 0.1;
    pointer-events: none;
    z-index: -1;
}
@media (max-width: 768px)  {
    #main-footer::after {top:10rem;}
}

@media (max-width:680px)  {
    #main-footer::after {right:-10rem;}
}

/****************************/
/*           LOGO           */
/****************************/
/*head logo*/
#head-logo {width:170px;height:36px;}
#head-logo .svg-container {width:170px;height:36px;}
#head-logo .svg-container svg {position:absolute;top:0;left:0;width:170px;height:36px;}

/*foot logo*/
#foot-logo {width:140px;height:30px;}
#foot-logo .svg-container {width:140px;height:30px;}
#foot-logo .svg-container svg {position:absolute;top:0;left:0;width:140px;height:30px;}

/****************************/
/*           MENU           */
/****************************/
#menu-toggle {cursor:pointer;}
#menu-toggle .bar-wrapper {position:relative;width:30px;height:30px;}
#menu-toggle .bar-wrapper span {width:30px;height:2px;display:block;background:var(--primary);position:absolute;transition:var(--transition-3);}
#menu-toggle .bar-wrapper span:nth-child(1) {right:0px;top:6px;}
#menu-toggle .bar-wrapper span:nth-child(2) {right:0px;top:13px;}
#menu-toggle .bar-wrapper span:nth-child(3) {right:0px;top:20px;}
#menu-toggle:hover .bar-wrapper span:nth-child(1) {top:8px;}
#menu-toggle:hover .bar-wrapper span:nth-child(3) {top:18px;}
#menu-toggle .bar-wrapper span:nth-child(4) {opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);width:1px;}
#menu-toggle .bar-wrapper span:nth-child(5) {opacity:0;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);width:1px;}
#menu-toggle.active span:nth-child(1) {opacity:0;}
#menu-toggle.active span:nth-child(2) {opacity:0;}
#menu-toggle.active span:nth-child(3) {opacity:0;}
#menu-toggle.active span:nth-child(4) {opacity:1;width:24px;}
#menu-toggle.active span:nth-child(5) {opacity:1;width:24px;}
#menu-toggle.active p {opacity:0;}

/*mega menu*/
button.active { font-weight:700 !important;}
button.active.underline::before {display:none !important;}
.megamenu-subwrapper {background-color:rgba(255, 255, 255, 0.9);backdrop-filter: blur(2.5px);}
.megamenu-subwrapper.default {opacity:0;transform: translateY(-2.5rem);pointer-events:none;}
.megamenu-subwrapper.open {opacity:1;transform: translateY(0);pointer-events:auto;}
.megamenu-subwrapper.closing {opacity: 0;transform: translateY(-2.5rem);pointer-events: none;}

#menu-azienda-secondary-menu:hover a {opacity:.5;}
#menu-azienda-secondary-menu:hover a:hover {opacity:1;}
#menu-prodotti-secondary-menu:hover a {opacity:.5;}
#menu-prodotti-secondary-menu:hover a:hover {opacity:1;}
#menu-prodotti-secondary-menu-child:hover a {opacity:.5;}
#menu-prodotti-secondary-menu-child:hover a:hover {opacity:1;}

/*mobile menu*/
#menu-overlay-bg {width:100%;height:100%;z-index:1038;position:fixed;top:0px;left:0;right:0px;bottom:0px;background-color: rgba(255, 255, 255, 0.95);backdrop-filter: blur(5px);transition:var(--transition-5);z-index:-1;opacity:0;}
#menu-overlay-bg.active {z-index:1038;opacity:1;}
#menu-overlay {width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:-1;transition:var(--transition-5);opacity:0;visibility:hidden;transform: scale(.2);position:fixed;}
#menu-overlay.active {visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1039;}
#main-header .head-bg.active {opacity: 0 !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active #menu-toggle .bar-wrapper span {background:var(--primary) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active a, body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active button {color:var(--primary) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active svg .fill-primary {fill:var(--primary) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active svg .fill-secondary {fill:var(--secondary) !important;}

/*active menu*/
.btn-main-active {font-weight:700 !important;}
.btn-main-active::before {display:none !important;}

/**********************************/
/*           BREADCRUMB           */
/**********************************/
.breadcrumb-item+.breadcrumb-item {margin-left: 0.25rem !important;}
.breadcrumb-item+.breadcrumb-item::before {margin-right: 0.25rem !important;}
.breadcrumb-item+.breadcrumb-item::before {color:var(--secondary) !important;}

/************************************/
/*           LIST PRODUCT           */
/************************************/
.empty-term {opacity:.5;}
.current {background:var(--secondary) !important;color:var(--white) !important;}
#dropdown-filter-terns {width:75vw;}
@media (max-width: 680px)  {#dropdown-filter-terns {width:calc(100vw - 1rem);}}
@media (max-width: 770px)  {#dropdown-filter-terns {width:75vw;}}
a.selected, a.selected:hover {background:var(--primary) !important;color:var(--white) !important; cursor:default;}
#button-filter-fixed {z-index:9 !important;}
#button-filter-fixed button.btn-dropdown-filter {border:3px solid var(--white) !important;}
#button-filter-fixed.scroll-to-fixed-fixed button.btn-dropdown-filter {box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.075) !important;}

/**************************************/
/*           SINGLE PRODUCT           */
/**************************************/
.intro-prodotto-single-wrapper h1 {text-transform: capitalize !important;}
@media (max-width: 768px)  {
   .intro-prodotto-single-wrapper .mn-height-100 {min-height:auto;} 
}
@media (max-width: 680px)  {
   #img-confezione-mobile {width:120px !important;border:1px solid var(--secondary);}
}
#terms-prodotto-cover {
    position:absolute;
    bottom:0px;
    right:-200px;
    z-index:1;
    transform: rotate(-90deg);
    transform-origin: bottom left;
    width:160px;
    height:40px;
    text-align:center;
    line-height:40px;
    opacity:0;
}
#terms-prodotto-cover.active {right:-160px;opacity:1;}
#tabella-tecnica-wrapper p {font-size:90%;font-weight:600;margin:2rem 0px 0px 0px;}
#tabella-tecnica-wrapper table {margin:1rem 0px 0px 0px;padding:0px;width:100%;font-size:0.9rem !important;table-layout:auto;}
#tabella-tecnica-wrapper table thead {border-top:2px solid var(--primary) !important;border-bottom:2px solid var(--primary) !important;}
#tabella-tecnica-wrapper table thead th {padding:0.75rem 0px;}
#tabella-tecnica-wrapper table tbody td {padding:0.5rem 0px;border-bottom:1px solid var(--primary);vertical-align:bottom;}
#tabella-tecnica-wrapper table tbody tr:first-child, #tabella-tecnica-wrapper table tbody tr:first-of-type {border-top:1px solid var(--primary)}
#tabella-tecnica-wrapper table tbody td:last-child, #tabella-tecnica-wrapper table tbody td:last-of-type {white-space: nowrap !important;}
#tabella-tecnica-wrapper table tbody td {width:auto;min-width:110px;}
.intro-prodotto-single-wrapper figure {mix-blend-mode: multiply !important;}

#white-intro nav[aria-label="breadcrumb"] a {color:var(--white) !important;}
#white-intro h1 {color:var(--white) !important;}
#white-intro p {color:var(--white) !important;}
#white-intro .btn-primary {background:var(--white) !important;color:var(--black) !important;}
#white-intro .btn-primary:hover {background:var(--secondary) !important;color:var(--white) !important;}
#white-intro .btn-outline-primary {border-color:var(--white) !important;color:var(--white) !important;}
#white-intro .btn-outline-primary:hover {background:var(--white) !important;color:var(--black) !important;}

/****************************/
/*           CARD           */
/****************************/
/*prodotti*/
.card-prodotti-default h6 {text-transform: capitalize !important;}
.card-prodotti-default a.card-title-link i {opacity:0;left:-25px;}
.card-prodotti-default:hover a.card-title-link i {opacity:1;left:0px}
.card-prodotti-default .terms-card .badge {bottom:-20px;transform-origin: center bottom;transform: scale(.5);opacity:0;}
.card-prodotti-default:hover .terms-card .badge {bottom:0px;transform: scale(1);opacity:1;}
.card-prodotti-default .card-image {background-color:var(--gray-light);}
.card-prodotti-default .card-image figure {mix-blend-mode: multiply !important;}
.border-ico-new  {
	animation: rotate 2s cubic-bezier(0.390, 0.575, 0.565, 1.000) infinite ;
	transform-origin: center;
}
@keyframes rotate {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
@media (max-width: 1024px) {
    .card-prodotti-default .terms-card .badge, .card-prodotti-default:hover .terms-card .badge {bottom:0px !important;transform-origin: center bottom !important;transform: scale(1) !important;opacity:1 !important;}
}

/*single*/
.card-news-default a.card-title-link i {opacity:0;left:-25px;}
.card-news-default:hover a.card-title-link i {opacity:1;left:0px}
.card-news-default .terms-card .badge {bottom:-20px;transform-origin: center bottom;transform: scale(.5);opacity:0;}
.card-news-default:hover .terms-card .badge {bottom:0px;transform: scale(1);opacity:1;}
.card-news-default .data-card .badge {bottom:-20px;transform-origin: center bottom;transform: scale(.5);opacity:0;}
.card-news-default:hover .data-card .badge {bottom:0px;transform: scale(1);opacity:1;}
@media (max-width: 1024px) {
    .card-news-default .terms-card .badge, .card-news-default:hover .terms-card .badge {bottom:0px !important;transform: scale(1) !important;opacity:1 !important;}
    .card-news-default .data-card .badge,.card-news-default:hover .data-card .badge {bottom:0px !important;transform: scale(1) !important;opacity:1 !important;}
}

/*timeline*/
.card.card-timeline {width:390px;}
@media (min-width: 768px) {
    .card.card-timeline {width:680px;}
}
@media (min-width: 1024px) {
    .card.card-timeline {width:840px;}
}
@media (min-width: 1180px) {
    .card.card-timeline {width:910px;}
}
@media (min-width: 1380px) {
    .card.card-timeline {width:1100px;}
}
.card.card-timeline::after {
    content: "";
    position:absolute;
    top:65%;
    left:0px;
    right:0px;
    height:1px;
    width:100;
    background:var(--primary);
    z-index:1;
}
.card.card-timeline figure {border:1rem solid var(--gray-light) !important;}
.timeline-item.first-cont .card.card-timeline::after {left:50% !important;}
.timeline-item.last-cont  .card.card-timeline::after {right:50% !important;}

/*card dowload*/
.card.card-download-default figure img {max-width:150px !important;}
.card.card-download-default a.card-title-link i {opacity:0;left:-25px;}
.card.card-download-default:hover a.card-title-link i {opacity:1;left:0px}

/********************************/
/*           CAROUSEL           */
/********************************/
.carousel-default .tns-outer [data-action] {display:none !important;}
.tns-controls button {background-color:rgba(20, 44, 94, 0.4) !important;}
.tns-controls button:hover {background-color:rgb(20, 44, 94, 1) !important;}
.carousel.carousel-home .tns-controls button {top:auto !important;bottom:5rem !important;}
.carousel.carousel-home .tns-controls button[data-controls="prev"] {left:auto !important;right:calc(2rem + 60px) !important;}
.carousel.carousel-home .tns-controls button[data-controls="next"] {right: 2rem  !important;}
@media (max-width: 768px) {
    .carousel.carousel-home .tns-controls button[data-controls="prev"] {top:40% !important;left:10px !important;}
    .carousel.carousel-home .tns-controls button[data-controls="next"] {top:40% !important; right:10px !important;}
    .tns-controls button, .tns-controls button:hover {background-color:rgb(20, 44, 94, 1) !important;border:2px solid var(--white) !important;}
    .tns-controls button[data-controls="prev"] {left:-5px !important;}
    .tns-controls button[data-controls="next"] {right:-5px !important;}
}
@media (max-width: 770px) {
    .carousel.carousel-slider-img .tns-controls button[data-controls="prev"] {left:10px !important;}
    .carousel.carousel-slider-img .tns-controls button[data-controls="next"] {right:10px !important;}
}

/******************************/
/*           SLIDER           */
/******************************/
#slider-single-news-wrapper .tns-item {min-width:340px !important}
@media (min-width: 1280px) {
    #slider-single-news-wrapper .tns-item {min-width:680px !important}
}
#main-wrapper-page-slider .tns-item {min-width:340px !important}
@media (min-width: 1280px) {
    #main-wrapper-page-slider .tns-item {min-width:680px !important}
}
@media (min-width: 1023px) {
    #home-slider .slider-cont-position-absolute {position:absolute;}
}

/*****************************/
/*           CERCA           */
/*****************************/
#product-search input {height:60px !important;}
#product-search .btn.btn-primary {height:54px !important;margin-right:3px !important;}
.grouped-inputs.focused {border-color:var(--secondary) !important;}

/****************************/
/*           FORM           */
/****************************/
.form-default-style input {font-weight:500;}
.form-default-style .form-control:focus {box-shadow: none !important;border-color:var(--secondary) !important;}
.form-default-style .wpcf7-form-control-wrap {position:relative;}
.form-default-style .form-check {margin:0px !important;padding:0px !important;}
.form-default-style .form-check p .wpcf7-list-item {margin:0px !important;padding:0px !important;}
.form-default-style .form-check p {margin:0px !important;padding:0px !important;color:var(--secondary);}
.form-default-style .form-check p .wpcf7-list-item-label {color:var(--primary);}
.form-default-style .form-check p .wpcf7-list-item-label a {color:var(--primary);}
.form-default-style .form-check .form-check-input {width:20px;height:20px;border-radius:2px;padding:0px !important;margin:0px 10px 10px 0px !important;}
.form-default-style .form-check-input:focus {box-shadow: none !important;border-color:var(--primary) !important;}
.form-default-style .form-check-input:checked {background-color:var(--primary);border-color:var(--primary);}
.form-default-style .quiz-container label {display:block;}
.form-default-style .quiz-container p  {margin-bottom:0px !important;}
.form-default-style .wpcf7-quiz {width:100% !important;text-align: right !important;font-weight:600 !important;font-size:1rem !important;}
.form-default-style .wpcf7-quiz-label {color:var(--primary) !important;font-weight:600;font-size:.9rem !important;display:block;position:relative !important;margin:0rem 0px 0px 1rem;bottom:-2.5rem;}
.form-default-style .form-control.wpcf7-not-valid {border-color:#dc3232;}
.form-default-style .wpcf7-not-valid-tip {position:absolute;top:50%;transform:translateY(-50%);right:10px;border-radius:50%;display:block;width:34px;height:34px;overflow:hidden;background-color:#dc3232 !important;}
.form-default-style .wpcf7-not-valid-tip::after {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--white) !important;content: "\F33A";font-family:bootstrap-icons !important;font-size: 1rem !important;display:block !important;width:1rem;height:1rem;margin-top:-5px;}
.form-default-style .quiz-container .wpcf7-not-valid-tip {bottom:8px !important;top:auto !important;transform:none !important;}
.form-default-style .button-container p  {margin:0px !important;padding:0px !important;}
.form-default-style .button-container br {display:none;}
.form-default-style .btn.btn-outline-primary {color:var(--primary) !important;margin:0px !important;padding:0px !important;}
.form-default-style .btn.btn-outline-primary:hover {color:var(--white) !important;}
.form-default-style input, .form-default-style select {font-size:1rem !important;}

/*contatti - form messaggi*/
.wpcf7-response-output {margin:20px 0px 0px 0px !important;padding:1rem !important;border-radius: 50rem !important;overflow:hidden;}
.wpcf7 form .wpcf7-response-output {border: 2px solid #00a0d2;background-color:#00a0d2;color:#FFFFFF;font-weight:600;}
.wpcf7 form.sent .wpcf7-response-output {border-color: #46b450;background-color:#46b450;}
.wpcf7 form.failed .wpcf7-response-output, .wpcf7 form.aborted .wpcf7-response-output {border-color:#dc3232;background-color:#dc3232;}
.wpcf7 form.spam .wpcf7-response-output {border-color: #f56e28;background-color:#f56e28;}
.wpcf7 form.invalid .wpcf7-response-output,.wpcf7 form.unaccepted .wpcf7-response-output,.wpcf7 form.payment-required .wpcf7-response-output {border-color:#ffb900;background-color:#ffb900;}
.wpcf7-spinner {margin:-28px 10px 0px 0px;float:right;opacity:1;}
.wpcf7 .wpcf7-submit:disabled {opacity: 0.25 !important;pointer-events: none !important;cursor: not-allowed !important; }
.wp-block-columns.bg-orange-deep p.google-recaptcha, .wp-block-columns.bg-orange-deep p.google-recaptcha a {color:#FFFFFF !important;}

/****************************/
/*           PAGE           */
/****************************/
/*background cover page*/
.background[class*="-overlay"]::after {opacity:.5 !important;}

#mappa-mercati .dot {width:16px;height:16px;border-radius:50%;background:var(--secondary);position:absolute;z-index:2;position:absolute;z-index:2;}
#mappa-mercati .dot.dot-1 {top:44%;left:49.5%;}
#mappa-mercati .dot.dot-2 {top:39%;left:47%;}
#mappa-mercati .dot.dot-3 {top:50%;left:45%;}
#mappa-mercati .dot.dot-4 {top:50%;left:57.5%;}
#mappa-mercati .dot::after {
    content: "";
    position: absolute;
    z-index:1;
    top:50%;
    left:50%;
    transform:translate(-50%, -50%);
    width:16px;
    height:16px;
    z-index:1;
    border-radius:50%;
    animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
    0% {
        width:16px;height:16px;
        background:rgba(59, 179, 224, 0.75);
    }
    100% {
        width:50px;height:50px;
        background:rgba(20, 45, 94, 0);
    }
}
#mappa-mercati .dot.dot-1::after {
    animation: pulse-primary 2s ease-in-out infinite;
}
@keyframes pulse-primary {
    0% {
        width:16px;height:16px;
        background:rgba(20, 45, 94, 0.75);
    }
    100% {
        width:50px;height:50px;
        background:rgba(20, 45, 94, 0);
    }
}
#mappa-mercati .linea {
    position: absolute;
    left: 50%;
    top: 45%;
    height: 2px;
    background: transparent;
    border:1px dashed var(--secondary);
}
#mappa-mercati .linea-1 {
    width: 10%;
    transform: rotate(calc(atan2(200px - 40px, 400px - 116px)));
    transform-origin: left center;
}
#mappa-mercati .linea-2 {
    width: 5%;
    transform: rotate(calc(atan2(0px - 43px, 0px - 25px)));
    transform-origin: left center;
}
#mappa-mercati .linea-3 {
    width: 6%;
    transform: rotate(calc(atan2(200px - 0px, 0px - 180px)));
    transform-origin: left center;
}

/*download*/
.figure-cover-download {max-width:350px !important;}
.figure-cover-download::after  {
    content: "";
    width:1px;
    height:100%;
    position:absolute;
    top:0px;
    bottom:0px;
    left:10px;
    background:rgba(0,0,0,0.1);
    z-index:2;
}
.figure-cover-download::before {
    content: "";
    width:10px;
    height:100%;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    z-index:1;
    background: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .1) 100%);
}
.card.card-download-default .figure-cover-download::after  {left:5px !important;}
.card.card-download-default .figure-cover-download::before  {width:5px !important;}
.card.card-download-default.card-download-certificazizoni .figure-cover-download {max-width:280px !important;}
@media (max-width: 680px) {
    .figure-cover-download {max-width:200px !important;}
}

/*menu - overlay*/
#menu-overlay-bg {width:100%;height:100%;z-index:1038;position:fixed;top:0px;left:0;right:0px;bottom:0px;background-color: rgba(255, 255, 255, 0.95);backdrop-filter: blur(5px);transition:var(--transition-5);z-index:-1;opacity:0;}
#menu-overlay-bg.active {z-index:1038;opacity:1;}
#menu-overlay {width:100%;height:100%;top:0;left:0;right:0;bottom:0;z-index:-1;transition:var(--transition-5);opacity:0;visibility:hidden;transform: scale(.2);position:fixed;}
#menu-overlay.active {visibility:visible;opacity:1;-webkit-transform:scale(1);transform:scale(1);z-index:1039;}
#main-header .head-bg.active {opacity: 0 !important;}

body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active #menu-toggle .bar-wrapper span {background:var(--primary) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active a, body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active button {color:var(--primary) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active svg .fill-primary {fill:var(--primary) !important;}
body.headroom.headroom--top.headroom--not-bottom #main-header.white-head-top.active svg .fill-secondary {fill:var(--secondary) !important;}

/*****************************/
/*           MODAL           */
/*****************************/
.modal {z-index:1100 !important;}
.modal-backdrop {background:var(--secondary) !important;}
.modal-backdrop.show {opacity:.95 !important;}
.modal-close {width:40px !important;height:40px !important;line-height:38px !important;border:1px solid var(--secondary) !important;color:var(--secondary) !important;}
.modal-close:hover {background-color:var(--secondary) !important;color:var(--white) !important;}