/*!
Theme Name: Helter Child
Theme URI: http://www.helter.it
Author: Letizia Tasselli
Author URI: http://www.helter.it/contatti
Description: Tema child di Helter
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: helter-child
Template: helter
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

*/

@-webkit-viewport {width: device-width;}
@-moz-viewport {width: device-width;}
@-ms-viewport {width: device-width; }
@-o-viewport {width: device-width; }
@viewport {width: device-width;}
@-moz-document url-prefix() {html{ overflow-x: hidden;}}
:root {
  --ht-white:#fff;
  --ht-black:#000;
  --ht-green:#047a35;
  --ht-dark-green:#03622b;
  --ht-black-green:#0c381d;
  --ht-light-green:#ceeada;
  --ht-light-gold:#d5b584;
  --ht-light-grey:#ccc;
  --ht-grey:#5a5a5a;
  --ht-rift: "rift", sans-serif;
  --ht-famil: "familjen-grotesk", sans-serif;
  --ht-font-400:400;
  --ht-font-450:450;
  --ht-font-500:500;
  --ht-font-550:550;
  --ht-font-600:600;
  --ht-font-700:700;
}

* {padding: 0; margin: 0;}
html {overflow-x: hidden;}
body {-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale; background-color: #fff;font-family: var(--ht-famil);}
body {overflow-x: hidden;}
.clearfix {clear: both}
img.displayed {display: block; margin-left: auto; margin-right: auto;}
img {height: auto;max-width: 100%;}
a {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;color: var(--ht-green); text-decoration:none;}
a:hover {color: var(--ht-dark-green);}
ol, ul {padding-left:0}

.navbar-expand {background-color: var(--ht-white); border-radius:5px; max-width:1425px; margin:15px auto 0 auto; padding:15px !important;box-shadow: 0 14px 28px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.05);}
.navbar-brand {padding: 0;}
.site-title img {width: 250px;}
#mega-menu-wrap-primary {width:100%;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item {font-family: var(--ht-famil);}
.header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link {color:var(--ht-green);font-weight:500 !important;line-height: 38px; font-size:15px !important}
.header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover {color:var(--ht-dark-green)}
.header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link::before {content: ''; color: var(--ht-green);position: absolute;width: 100%;height: 1px;border-radius: 1px;background-color: var(--ht-green);bottom: -1px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
.header #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item > a.mega-menu-link:hover::before {color:var(--ht-green);transform-origin: left;transform: scaleX(1);}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {color:#444 !important; background-color:#444;}
#scroll {position: fixed;top: 0;left: 0;width: 100%;transform: translateY(0);transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;z-index: 1000;opacity: 1;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo {width:100%;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-center {display:none}
#mega-menu-wrap-primary .mega-menu-toggle {border-radius:0}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner::after {background-color: #000 !important; height: 2px !important;}
li.menu-btn a.mega-menu-link {margin-left:15px !important; border-radius: 3px !important;color: var(--ht-green) !important;}
.container-fluid.p-0.header-wrapper {z-index: 10;position: fixed;left: 50%;transform: translate(-50%, 0);}
header#masthead {z-index: 1000;position: absolute; width: 100%; padding:5px 10px;}
.site-title {width: 250px !important;height:57px !important;background-image: url(/images/nerilabels-the-pharma-specialist.svg);background-repeat: no-repeat;background-size: 250px;height: 57px;padding: 0.3rem 3.2rem !important;}

.logo-ptbi{max-width: 200px; padding: 20px 20px 8px 20px; display:block; margin-left: auto; margin-right:auto;}
.bg-w-b-r20 {display: block;background-color: white;border-radius: 20px;max-width: 300px;padding: 10px;margin-right: auto;margin-left: auto;}
.green {color: /*#405445*/ #405445 !important;}
.logo-c4g {background-color: #fff;border-radius: 12px;}
.logo-c4g img { max-width: 100%; height: auto;}
@media (max-width: 768px) {.recycling-title {text-align: center;}.logo-c4g img { width: 200px; margin: 0 auto; display: block;}}
.crema{margin-left: auto;margin-bottom: -220px;margin-top: -220px;}
.germoglio{max-width: 300px; text-align: center; display: block; margin-left: auto; margin-right: auto;}
.shortcut-inside-text {background-color:#fff; padding:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
body.modal-open {overflow-x: hidden;padding-right: 0 !important;}
@media only screen and (max-width: 767px) {
.shortcut-inside img {border-top-left-radius: 10px;border-top-right-radius: 10px;}
}
.bg-white {--bs-bg-opacity: 1;background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;margin-top: -20px;padding-top: 20px;}
@media (min-width: 992px) {
.shortcut-inside {transition: box-shadow 0.3s ease;}
.btn:hover .shortcut-inside,
.card-tile.desktop-modal:hover .shortcut-inside {box-shadow: 0 8px 24px rgba(0, 0, 0, 0.15);}
}
.top-gap {padding-top: 140px;}
.d-green-big-n {background-color: #405445;background-image: url(/images/over-background02-25.png);background-position: right top;background-repeat: no-repeat;background-size: 1000px 962px;margin-bottom: 20px;padding-bottom: 100px;border-bottom-right-radius: 50px;border-bottom-left-radius: 50px;}
.box-wrapper {background-color: #fff;border-radius: 20px;padding: 25px;}
.img-fluid{max-width: 50%;}
.cky-audit-table-element h3 {margin: 0 0 0 0;font-size: 1.6rem;}

/*Video*/
video {width: 100%;height: 100%;object-fit: cover;}

/*Carousel*/
.carousel-item {height: 100%;}
.carousel-caption {position: absolute; z-index:2; top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: auto;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;text-align: left;color: white;padding: 10px; /*max-width:1450px;*/}
.carousel .carousel-item video {/*max-height:600px !important;*/min-width: 100%;max-width: 100%;object-fit: cover;object-position: center;}
.carousel-item {height: 100%; margin-bottom: -8px;}
.carousel-caption h1 {font-size:3.5rem; font-family:var(--ht-rift); color:var(--ht-white);}
.carousel-caption blockquote {font-size:1.5rem; font-family:var(--ht-rift);line-height: 1.7rem;font-weight:var(--ht-font-600)}
.carousel-inner {margin-bottom: -10px;}
.overlay {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.3);z-index: 1;pointer-events: none;}
div#carouselNeriInside {}

/*Typo*/
h1.title-hero {font-family:var(--ht-rift);font-weight: 700; font-style: normal;}
h1 {font-family:var(--ht-rift); font-size:2.8rem; line-height:3rem;color: var(--ht-green); font-weight:var(--ht-font-600); line-height: 2.8rem;}
h2 {font-family:var(--ht-rift); font-size:2.4rem; line-height:2.8rem;color: var(--ht-green);font-weight:var(--ht-font-700)}
h3 {font-family:var(--ht-rift); font-size:2rem; line-height:2rem;color: var(--ht-green);font-weight:var(--ht-font-600)}
h4 {font-size:3rem; color:var(--ht-green); letter-spacing: -0rem;font-family:var(--ht-grumpy);}
h5.contatti {font-family:var(--ht-rift);color: var(--ht-green); font-weight:var(--ht-font-600); font-size:1.3rem}
h5 {font-family:var(--ht-rift);color: var(--ht-green); font-weight:var(--ht-font-600); font-size:2rem;    line-height: 2rem;}
h5.short {font-family:var(--ht-rift);color: var(--ht-green); font-weight:var(--ht-font-600); font-size:1.6rem; line-height: 1.6rem;}
h6 {text-transform:uppercase;}
h6.team-role {text-transform:uppercase;font-family:var(--ht-rift);color: var(--ht-green); font-weight:var(--ht-font-600);font-size:1.2rem; line-height: 1.2rem;}
p.team-sub {text-transform:uppercase;font-family:var(--ht-rift);color: rgb(118,184,42); font-weight:var(--ht-font-600);font-size:1.2rem; line-height: 1.2rem;}

blockquote {font-size:1.3rem;font-weight:var(--ht-font-600)}
.index {position:relative; z-index:3; margin-bottom:-300px}
hr {margin:20px 0; color: var(--ht-green);}
/*Pulsanti*/
a.lk {color: var(--ht-green);position: relative;text-decoration: none;}
a.lk:hover {color: var(--ht-green);}
a.lk::before {content: ''; color: var(--ht-green);position: absolute;width: 100%;height: 1px;border-radius: 1px;background-color: var(--ht-green);bottom: -1px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
a.lk:hover::before {color:var(--ht-green);transform-origin: left;transform: scaleX(1);}

a.w {color: var(--ht-white);position: relative;text-decoration: none;}
a.w:hover {color: var(--ht-white);}
a.w::before {content: ''; color: var(--ht-white);position: absolute;width: 100%;height: 1px;border-radius: 1px;background-color: var(--ht-white);bottom: -1px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
a.w:hover::before {color:var(--ht-white);transform-origin: left;transform: scaleX(1);}

a.ft {color: var(--ht-light-green);position: relative;text-decoration: none;}
a.ft:hover {color: var(--ht-light-green);}
a.ft::before {content: ''; color: var(--ht-light-green);position: absolute;width: 100%;height: 1px;border-radius: 1px;background-color: var(--ht-light-green);bottom: -1px;left: 0;transform-origin: right;transform: scaleX(0);transition: transform .3s ease-in-out;}
a.ft:hover::before {color:var(--ht-light-green);transform-origin: left;transform: scaleX(1);}

a.rw {border:2px solid var(--ht-white); border-radius:30px; padding:12px 20px;font-family: var(--ht-famil); color: var(--ht-white); text-decoration:none; font-weight:500; display: inline-block; margin-top:5px}
a.rw:hover {background-color:rgba(255,255,255,0.2)}
.btn-g{background-color: var(--ht-green); font-family: var(--ht-famil); color: var(--ht-white); font-weight:500; border-radius: 5px; min-height:50px; display:inline-block;}
.btn-g:hover {background-color:var(--ht-dark-green); color: var(--ht-white);}
span.arrow-g {border-left: 1px solid var(--ht-white);padding: 15px 10px 15px 10px;min-height: 50px;line-height: 50px;}
span.text-g {padding: 0 15px;line-height: 50px;font-size: 0.9em;}
.zi {z-index:10; position:absolute; margin-top:-10%}
.g-bg {background-image: url(/images/over-background02.png); background-position:top right; background-repeat: no-repeat;background-size: 1000px 962px;}
.gradient {background: rgb(118,184,42); background: linear-gradient(90deg, rgba(118,184,42,1) 0%, rgba(17,130,54,1) 100%);}
.round {border-radius:10px}
.container-radius {border-top-left-radius:45px; border-top-right-radius:45px}
.container-radius-reverse {border-bottom-left-radius:45px; border-bottom-right-radius:45px}
.shadow {box-shadow: 0 14px 28px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.05);}
.rfid-bg {background-image:url(/images/icon-tag-rfid.svg); background-repeat:no-repeat; background-position:center center; background-size:450px 450px}
img.team {border-radius:20px}
.box {background-color:var(--ht-white); border-radius:10px;padding:15px}
.box-big {background-color:var(--ht-white); border-radius:10px;padding:35px}

.shortcut-inside {border-radius:10px}
.shortcut-text {padding:20px 10px; background-color:#fff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; min-height:130px}
.shortcut-inside img {border-top-left-radius:10px; border-top-right-radius:10px; width:100%}
.shortcut-inside {min-height:100px;}

.shortcut {min-height:100px;}
.custom-box-link {text-decoration: none;display: block;max-width: 100%;}
.custom-box {width: 95%; float:right; display: flex; align-items: center; border: 2px solid var(--ht-green); border-radius: 10px; background: #f9faf5; padding: 0 20px; box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05); transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
.custom-box:hover {/*transform: translateY(-3px);*/  box-shadow: 0 14px 28px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.05); background-image: url(/images/over-background02.png); background-position:top right; background-repeat: no-repeat;background-size:200px 192px;}


.icon {z-index:10; position:absolute;box-shadow: 10px 10px 30px rgba(0, 0, 0, 0.05);width: 100px; margin-top:-8px;height: 100px;background: #f9faf5;min-width: 100px;min-height:100px;border: 2px solid var(--ht-green);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.icon img {height: auto;}
.content {flex-grow: 1;}
.content h6 {margin-top:5px;display: block;text-transform:uppercase;font-family:var(--ht-rift);font-weight:var(--ht-font-600); margin-bottom:-5px;padding-left:80px;}
.content h4 {text-transform:uppercase;font-family:var(--ht-rift); font-size:2.2rem; font-weight:var(--ht-font-600);padding-left:80px;}
.arrow {border-left:2px solid var(--ht-green); padding-left: 25px; padding-right:5px; min-height: 80px; line-height:80px;}
.anchor-offset {padding-top: 100px;margin-top: -100px;}
.float-nfc {margin-top:-120px; z-index:5;pointer-events: none;}
@keyframes bounce { 
  0% { transform: translateY(0); }
  100% { transform: translateY(-30px); }
}
 
.bounce {margin-top: -100px;animation: bounce 0.8s;animation-direction: alternate;animation-iteration-count: infinite; z-index: 101; position: relative;}
.carousel-item.active img {animation: zoom-in-zoom-out 3s ease;}
@keyframes zoom-in-zoom-out {
  0% {
    transform: scale(1.3, 1.3);
  }
 100% {
    transform: scale(1, 1);
  }
}
span.address::before {display: inline-block;content: "";vertical-align: -0.48em;background-image: url(/images/icon-geo-alt-fill.svg);background-repeat: no-repeat;background-size: 20px 20px;width: 20px;height: 20px;margin-right: 10px;}
span.address-l {padding-left:1.9rem}
span.phone::before {display: inline-block;content: "";vertical-align: -0.23em;background-image: url(/images/icon-telephone-fill.svg);background-repeat: no-repeat;background-size: 15px 15px;width: 15px;height: 15px;margin-right: 10px;}
span.mail::before {display: inline-block;content: "";vertical-align: -0.25em;background-image: url(/images/icon-envelope-fill.svg);background-repeat: no-repeat;background-size: 18px 18px;width: 18px;height: 18px;margin-right: 10px;}

/*Footer*/
footer {background-color: var(--ht-black-green); border-top-left-radius:45px; border-top-right-radius:45px}
.page-template-page-home footer {border-radius:0}
footer h6, footer ul li, footer p {color:var(--ht-light-green);}
footer h6 {text-transform:uppercase; font-weight:500}
footer h5 {color:var(--ht-light-green);font-family:var(--ht-rift); font-size:1.6rem; font-weight:var(--ht-font-600)}
footer ul li {list-style-type:none; text-align:right; margin-bottom:3px}
footer hr {color: var(--ht-light-green); margin:3rem 0}

.carousel-wrapper {position: relative;z-index: 1;overflow: visible;}

.floating-img {position: absolute;bottom: -60px;left: 100%;transform: translateX(-50%);max-width: 600px;z-index: 5;pointer-events: none;}

/*WP FORMS*/
div.wpforms-container-full:not(:empty) {margin:0 !important}
div.wpforms-container-full .wpforms-field-label {margin-bottom:5px!important; font-weight:var(--ht-font-500)}
.wpforms-container .wpforms-field {padding: 10px 0 !important;}
div.wpforms-container-full input[type=number],
div.wpforms-container-full input[type=text],
div.wpforms-container-full input[type=email],
div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type=number],
.wp-core-ui div.wpforms-container-full input[type=text],
.wp-core-ui div.wpforms-container-full textarea,
.wp-core-ui div.wpforms-container-full input[type=email] {border-radius: 5px !important;border: 1px solid var(--ht-light-green) !important;}
div.wpforms-container-full input[type=number]:focus:invalid,
div.wpforms-container-full input[type=text]:focus:invalid,
div.wpforms-container-full input[type=text]:focus,
div.wpforms-container-full input[type=email]:focus,
div.wpforms-container-full textarea:focus:invalid,
.wp-core-ui div.wpforms-container-full input[type=number]:focus:invalid,
.wp-core-ui div.wpforms-container-full input[type=text]:focus:invalid,
.wp-core-ui div.wpforms-container-full textarea:focus:invalid {border-color: var(--ht-green) !important;box-shadow: 0 0 0 1px var(--ht-green), 0px 1px 2px rgba(0, 0, 0, 0.15) !important;}
div.wpforms-container-full button[type=submit]:not(:hover):not(:active) {display:block !important; width:100% !important; background-color:var(--ht-green) !important;padding-bottom: 1px;font-family:var(--ht-rift)!important;font-weight: 600 !important; font-size:1.2rem !important; min-height:50px}
div.wpforms-container-full button[type=submit]:hover {display:block !important; width:100% !important; background-color:var(--ht-dark-green) !important;padding-bottom: 1px;font-family:var(--ht-rift)!important;font-weight: 600 !important; font-size:1.2rem !important; min-height:50px;box-shadow: 0 0 10px 0 rgba(4, 122, 53, 0.45);}
label.wpforms-field-label-inline {font-size: 0.8rem !important;}

/*Container*/
.section-container {padding:4rem 0 0 0}
.section-container-maxi {padding:4rem 0}
.section-container-b-maxi {padding:6rem 0}

.mw-960 {max-width:960px; margin:0 auto} 
.mw-700 {max-width:700px; margin:0 auto} 
.mw-600 {max-width:600px; margin:0 auto}
.mw-1450 {max-width:1450px; margin:0 auto}

/*Timelime*/
/*TIMELINE*/
.ag-timeline-card_img-box {width: 150px; height: 150px;margin: 0 auto;}
.ag-format-container {width: 950px;margin: 0 auto;position: relative;}
.ag-timeline-block {margin-top: 50px;}
.ag-timeline_title-box {padding: 0 0 30px;text-align: center;}
.ag-timeline_tagline {font-size: 40px;color: rgb(84, 89, 95);}
.ag-timeline_item {margin: 0 0 50px;position: relative;}
.ag-timeline_item:nth-child(2n) {text-align: right;}
.ag-timeline {
  display: inline-block;
  width: 100%;
  max-width: 100%;
  margin: 0 auto;

  position: relative;
}
.ag-timeline_line {
  width: 2px;
  background-color: var(--ht-light-green);

  position: absolute;
  top: 2px;
  left: 50%;
  bottom: 0;

  overflow: hidden;

  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
}

.ag-timeline_line-progress {
  width: 100%;
  height: 20%;
  background-color: var(--ht-green);
}

.ag-timeline-card_box {
  padding: 0 0 0 50%;
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
  padding: 0 50% 0 0;
}
.ag-timeline-card_point-box {
  display: inline-block;
  margin: 0 14px 0 -40px;
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
  margin: 0 -40px 0 14px;
}
.ag-timeline-card_point {
  height: 80px;
  line-height: 73px;
  width: 80px;
  border: 3px solid var(--ht-green);
  background-color: var(--ht-green);text-align: center; letter-spacing: 1px;font-family: var(--ht-rift); font-weight: var(--ht-font-600); font-size: 1.5rem;color: var(--ht-white);-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;}
.js-ag-active .ag-timeline-card_point {color: #fff;
  background-color: var(--ht-green);
}
.ag-timeline-card_meta-box {
  display: inline-block;
}
.ag-timeline-card_meta {
  margin: 10px 0 0;  font-weight: bold;
  font-size: 28px;
  color: #FF0;
}
.ag-timeline-card_item {
  display: inline-block;
  width: 45%;
  margin: -77px 0 0;

  opacity: 0;

  -webkit-transition: -webkit-transform .5s, opacity .5s;
  -moz-transition: -moz-transform .5s, opacity .5s;
  -o-transition: -o-transform .5s, opacity .5s;
  transition: transform .5s, opacity .5s;

  position: relative;
}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item {
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  transform: translateX(-200%);
}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  -webkit-transform: translateX(200%);
  -moz-transform: translateX(200%);
  -ms-transform: translateX(200%);
  -o-transform: translateX(200%);
  transform: translateX(200%);
}
.js-ag-active.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
.js-ag-active.ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
  opacity: 1;

  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
.ag-timeline-card_arrow {height: 2px;width: 50%;margin-top: 38px; background-color: var(--ht-green);

  z-index: -1;
  position: absolute;
  top: 0;
  right: 0;

}
.ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {margin-left: calc(-18px / 2);margin-right: calc(-18px / 2);}
.ag-timeline_item:nth-child(2n) .ag-timeline-card_arrow {margin-left: -10px;right: auto;left: 0;}
.ag-timeline-card_img {width: 100%; margin-top: -30px;}
.ag-timeline-card_desc p {line-height: 1.3em; font-size:1rem; }
.ag-timeline-card_info {padding: 0 5px;margin-top: -20px;}
span.year {color: var(--ht-green);font-family: var(--ht-rift); font-weight:var(--ht-font-600); font-size:1.5rem;line-height: 1.5rem;}
.ag-timeline-card_title {
  display: none;
  margin: 10px 0 0;
font-weight: bold;
  font-size: 28px;
  color: #FF0;
}
.ag-timeline-card_desc {
  line-height: 1.45;
text-align: center; color: #7d7c7b;
  font-size: 16px;
}


@media only screen and (max-width: 979px) {
.ag-timeline_line {left: 50px;}
.ag-timeline-card_img {
    margin-top: -50px;
}
  .ag-timeline_item:nth-child(2n) {
    text-align: left;
  }

  .ag-timeline-card_box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_box {
    padding: 0 0 20px;
  }
  .ag-timeline-card_meta-box {
    display: none;
  }
  .ag-timeline-card_point-box,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_point-box {
    margin: 0 0 0 8px;
  }
  .ag-timeline-card_point {
    height: 80px;
    line-height: 73px;
    width: 80px;
  }
.ag-timeline-card_desc p {max-width: 300px;}
  .ag-timeline-card_info {
    padding: 0 5px;
    margin-top: -40px;
}
  .ag-timeline-card_item {
    width: auto;
    margin: -65px 0 0 75px
  }
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_item,
  .ag-timeline_item:nth-child(2n) .ag-timeline-card_item {
    -webkit-transform: translateX(200%);
    -moz-transform: translateX(200%);
    -ms-transform: translateX(200%);
    -o-transform: translateX(200%);
    transform: translateX(200%);
  }
  .ag-timeline_item:nth-child(2n+1) .ag-timeline-card_arrow {
    right: auto;
    left: 0;
  }
  .ag-timeline-card_title {
    display: block;
  }
  .ag-timeline-card_arrow {
    margin-top: 12px;
  }
}

@media only screen and (max-width: 767px) {
.ag-format-container {
    width: 360px;}

.ag-timeline-card_info {padding: 0;}

  .ag-timeline-card_img {
    height: auto;
    width: auto;
  }
}

@media only screen and (max-width: 639px) {
.ag-timeline_title {font-size: 60px;}
.ag-timeline-card_info {padding: 10px 15px;}
.ag-timeline-card_desc {font-size: 14px;}
}
@media (min-width: 768px) and (max-width: 979px) {
.ag-format-container {width: 400px;}
}
@media (min-width: 980px) and (max-width: 1161px) {
.ag-format-container {width: 960px;}
}



@media only screen and (max-width: 1500px) {
.section-container {padding:4rem 2rem 0 2rem}
.section-container-maxi {padding:4rem 2rem}
.navbar-expand {margin: 15px 40px 0 40px; max-width: 100%;}
}

@media only screen and (max-width: 1130px) {
.content h4 {font-size: 1.8rem; padding-left: 65px;}
.content h6 {padding-left: 65px;}
}

@media only screen and (max-width: 991px) {
div#carouselNeriInside {margin-top: 30px;}
.bounce {margin-top: 50px;}
#mega-menu-primary {opacity: 0;transform: translateY(-20px) scale(0.98);transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1); pointer-events: none;}
.mega-menu-toggle.mega-menu-open + #mega-menu-primary {opacity: 1;transform: translateY(0) scale(1);pointer-events: auto;}
.mega-menu-toggle.mega-menu-open {border-bottom: 1px solid #ceeada;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item.radius-hover > a.mega-menu-link:hover {border-radius:0;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-menu-item > a.mega-menu-link {border-bottom:1px solid #ceeada;}
#mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-item.mega-current-menu-item > a.mega-menu-link:hover {background-color:#f9faf5}
.navbar-brand {display:none}
header#masthead {padding:0}
li.menu-btn a.mega-menu-link {margin-left:15px !important;margin-right:15px !important; margin-top:15px !important;background-color: var(--ht-green) !important;border-radius: 3px !important;color: var(--ht-white) !important;}
li.menu-btn a.mega-menu-link:hover {background-color: var(--ht-dark-green) !important;}
li.menu-btn a.mega-menu-link::before {height: 0 !important;bottom: 0 !important;left: 0;-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
li.menu-btn a.mega-menu-link:hover::before {transform: scaleX(0) !important;}
.navbar-expand {background:transparent;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-1 a.mega-menu-logo img.mega-menu-logo {width: 200px !important;}
.navbar-expand {margin:0 !important; padding:0 !important}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-right .mega-toggle-block {margin-right: 12px;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-blocks-left .mega-toggle-block {margin-left: 12px;}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::before, #mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-2 .mega-toggle-animated-inner::after {height: 2px;}
#mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open + #mega-menu-primary {border-radius: 0; height:100vh; background-image:url(/images/neri-labels-sticker.jpg); background-repeat:no-repeat; background-position:center bottom}
ul#mega-menu-primary {margin-top: 0 !important;box-shadow: 0 14px 28px rgba(0,0,0,0.10), 0 10px 10px rgba(0,0,0,0.05);}
.section-container-maxi {padding:3rem 1rem}
h1 {font-size:2.8rem; line-height:2.7rem;}
.carousel-caption h1 {font-size:2.8rem; line-height:2.7rem; }
.carousel-caption blockquote {font-size: 1.3rem;line-height: 1.5rem;}
}

@media only screen and (max-width: 767px) {
footer ul li {text-align:center}
.carousel .carousel-item video {height: 650px;}
.bounce {margin-bottom: -80px;max-width:400px}

}
@media only screen and (max-width: 576px) {
h1 {font-size: 2.7rem; margin-bottom:0}

}