/* START CLASS GLOBAL */
.sourceSansPro-rg, html, body, .form-control, #els-brandbar, #els-brandbar .auth-user .logout-btn, #relatedSitesPopover + .popover, header.els-breadcrumb-container .breadcrumb-goback-link, header.els-breadcrumb-container .els-breadcrumb, header.els-breadcrumb-container .els-breadcrumb .breadcrumb > .active, .box h2 small, .box .sky-blue p.italic, .box .white p.italic, .els-for-external .wrap .text p, .public-notice-alerts-wrapper h3 small, .public-notice-alerts .slick-slide .notice-alert-expired-date span, .els-for-external-4 .wrap .text p, #homepage-privata-page, #homepage-privata-page .hero-section h1, #homepage-privata-page .grey-box, #homepage-privata-page .my-documents .document .doc-info, #homepage-privata-page .my-documents .document .doc-date, #autocandidatura-privata-page, #autocandidatura-privata-page .hero-section h1, #autocandidatura-privata-page .autocandidature-documents .document .doc-info, #autocandidatura-privata-page .autocandidature-documents .document .doc-date, .root-level-accordion .root-level-accordion-container .header-data > div, .root-level-accordion .root-level-accordion-container .second-level-accordion .second-level-accordion-container .second-level-items .second-level-item, #faq-page, #faq-page .hero-section h1, #footer .els-link .els-boxLinkFooter h3, #footer .els-link .els-boxLinkFooter ul li, #sidebar-left .sidebar-left-content ul li, #sidebar-left-ex .sidebar-left-content ul li, #sidebar-right .sidebar-right-content ul li .doc-icon > small, #sidebar-right .sidebar-right-content ul li .doc-date, form .field-error, form label, .search-result-container .search-result-summary, .table-selection-active-container .table-selection-summary, .documents .doc .doc-icon small, .documents .doc .doc-info .doc-date, .search-result-docs .doc-result .doc-description, .search-result-docs .doc-result h5, .search-result-docs .doc-result span, .model-data .birthdate-title, .model-data .birthplace-title, .model-data .email-title, .model-data .piva-title, .model-data .birthdate-value, .model-data .birthplace-value, .model-data .email-value, .model-data .piva-value, #login-modal button.close, .eni-procurement-modal button.close, #login-modal p, .eni-procurement-modal p, .accordion .accordionable-content, .accordion2 .accordionable-content, .accordion2 .accordion-excerpt, .accordion2 .accordion-content, .visore .visore-band-content .visore-band-tagline strong, .visore .visore-band-content .visore-band-tagline b {
    font-family: 'open-sans-rg', sans-serif;
    font-weight: 400;
}

.sourceSansPro-bd, .els-title, b, strong, .btn.btn-primary, .news-slider .badge, .news-slider .image .news-slide-content h3, .band-homepage h1, .box .section-button, .box .badge, .box .list h2, .els-for-external .wrap .text h1, .els-for-external .wrap .text h2, .public-notice-alerts .slick-slide .notice-alert-expired-date span strong, .band-page h1, .els-for-external-4 .wrap .text h1, .els-for-external-4 .wrap .text h2, .public-notice-alerts-wrapper-doc h3, #homepage-privata-page .hero-section h1 > strong, #homepage-privata-page .grey-box .box-title h3, #homepage-privata-page .documents-list h3, #homepage-privata-page .documents-list h3:before, #homepage-privata-page .documents-list .document .doc-upload-date > strong, #homepage-privata-page .documents-list .document .doc-expiring-date > span, #homepage-privata-page .documents-list .document .doc-action .doc-action-btn, #homepage-privata-page .services .service .title, #homepage-privata-page .trainings .training .title, #homepage-privata-page .my-documents .document .doc-date > strong, #homepage-privata-page .my-documents .document .doc-date > b, #autocandidatura-privata-page .hero-section h1 > strong, #autocandidatura-privata-page .autocandidature-documents .document .doc-date > strong, #autocandidatura-privata-page .autocandidature-documents .document .doc-date > b, .root-level-accordion .root-level-accordion-header h3, .root-level-accordion .root-level-accordion-container .header-data > div:nth-child(1), .root-level-accordion .root-level-accordion-container .header-data > div:nth-child(3) span strong, .root-level-accordion .root-level-accordion-container .second-level-accordion .second-level-accordion-header .expand-second-level-btn, .root-level-accordion .root-level-accordion-container .second-level-accordion .second-level-accordion-container .second-level-items .second-level-item > div a, .accordion-cta, #faq-page .hero-section h1 > strong, .faq-anchors .faq-anchor a, #footer .els-social-footer .boxLogoFooter b, #sidebar-left .sidebar-left-content h4, #sidebar-left-ex .sidebar-left-content h4, #sidebar-left .sidebar-left-content ul li.active, #sidebar-left-ex .sidebar-left-content ul li.active, #sidebar-left .sidebar-left-content ul li > ul li.active, #sidebar-left-ex .sidebar-left-content ul li > ul li.active, #sidebar-right .sidebar-right-content h4, #content h1, #content-ex h1, .eni-btn, form .btn-cancel, form input[type="submit"], form button[type="submit"], .btn-upload, .search-result-container .search-result-export-actions .export-action-btn, .table-selection-active-container .table-selection-summary .selection-action-link, .table-selection-active-container .table-export-actions .export-action-btn, .table-select-actions .table-selection-action-link, .search-result-docs .doc-result .doc-title, .model-data h4, .model-data h4.model-title, .model-data select.model-title, #login-modal h3, .eni-procurement-modal h3, #login-modal a, .eni-procurement-modal a, .accordion .accordion-title, .accordion2 .accordion-title, .visore .visore-band-content .visore-band-title {
    font-family: 'open-sans-rg', sans-serif;
    font-weight: 700;
}

body {
  background: #FFF;
}

select.placeholder-text {
color: rgba(0,0,0,0.5);
}

#els-brandbar-restyling {
  background: white;
  position: fixed;
  width: 100%;
  margin-top: 48px;
  z-index: 100;
}

.navbar {
  min-height: 48px;
  border: 0;
}

.navbar-default {
  background-color: transparent;
}

.container-item-menu {
  text-align: right;
  padding-top: 6px;
}

.container-item-menu.logged {
  padding-top: 6px;
}

.container-item-menu div {
  display: inline-block;
  padding-left: 15px;
  margin-top: 0px;
}

.container-item-menu div.item-menu:not(:first-child) {
  border-left: 0.5px solid white;
}

.container-item-menu div.item-menu:not(:last-child) {
  color: black;
  padding-right: 15px;
  height: 20px;
}

/* INPUT START */

.dataTables_wrapper .dataTables_filter input {
  margin-left: 0.5em;
  height: 40px;
  /* width: 100%; */
  /* border: 1px solid #404040; */
  border-radius: 5px;
  /* color: #292929; */
  /* padding: 0px 15px; */
  /* font-size: 18px; */
  /* font-family: 'open-sans-rg', sans-serif; */
  /* font-weight: 400; */
  margin-bottom: 10px;
  margin-left: 10px;
}

.form-group {
  position: relative;
  margin-bottom: 1.5rem;
  margin-left: 25px;
  margin-top: -20px;
}

.form-control:focus + .form-control-placeholder,
.form-control:valid + .form-control-placeholder {
  font-size: 75%;
  transform: translate3d(0, -50%, 0);
  opacity: 1;
  border: none;
  /*margin-top: 12px;*/
}

.form-control {
  background: transparent;
  border: none;
  color: white;
  padding-top: 8px;
  font-family: EniExpBold;
  width: 96%;
}

/* INPUT END */

.slick-prev:before {
  opacity: 1;
  filter: alpha(opacity=100);
  font-family: "eni-procurement-icon";
  font-size: 12px;
  line-height: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 2px;
}

.slick-next:before {
  opacity: 1;
  filter: alpha(opacity=100);
  font-family: "eni-procurement-icon";
  font-size: 12px;
  line-height: 1;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 2px;
}

.slick-prev {
  height: 30px;
  width: 30px;
  background-color: #fed300;
  border-radius: 50%;
  display: inline-block;
  border: 0.5px solid white;
  left: 15px;
  z-index: 10;
}

.slick-next {
  height: 30px;
  width: 30px;
  background-color: #fed300;
  border-radius: 50%;
  display: inline-block;
  border: 0.5px solid white;
  right: 15px;
  z-index: 10;
}

.slick-arrow:hover, .slick-arrow:focus {
  height: 30px;
  width: 30px;
  background-color: #fed300;
  border-radius: 50%;
  display: inline-block;
}

.carousel-class .slick-prev, .carousel-class .slick-next, .carousel-class .slick-arrow:hover, .carousel-class .slick-arrow:focus {
    background-color: transparent;
}


.slider .slick-dots li.slick-active button:before {
  color: #fed300;
  opacity: 0.75;
}

.slick-dots li button {
  border: 0;
  background: transparent;
  display: block;
  height: 20px;
  width: 20px;
  outline: none;
  line-height: 0;
  font-size: 0;
  color: transparent;
  padding: 5px;
  cursor: pointer;
  z-index: 10;
}

.slider .slick-dots {
  bottom: 26px;
}

.carousel-call-chiuse .slick-prev {
    left: -45px;
}

.carousel-call-chiuse .slick-next {
    right: -45px;
}

.header-search-field {
  background: transparent;
  border: none;
  color: white;
  padding-top: 8px;
  font-family: EniTabReg;
  width: 87%;
}

.header-search-field::placeholder{
  color: white !important;
  font-family: EniTabReg;
}

.finder-padding {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-left: 15px;
  float: right;
  cursor: pointer;
}

/* END CLASS GLOBAL */

.visore .visore-band-content {
  position: absolute;
  top: 130px;
  margin: 0 20px 0 0;
  z-index: 201;
  bottom: 19px;
  width: 94%;
  max-width: 1150px;
  text-align: center;
}

.visore .visore-homepage {
  width: 100%;
}

.slick-list.draggable .slick-track {
  /*padding-left: 20px;
  padding-right: 20px;*/
}

/*.slick-slide {
  height: 250px;
}*/

.carousel-class {
  color: white;
  height: 600px;
  width: 100%;
}

#first-menu {
  background: white;
}

.menu_triangle {
  width: 50%;
  position: absolute;
  border-top: 48px solid white;
  border-right: 17px solid transparent;
}

.banner-menu {
  z-index: 101;
  position: fixed;
  height: 48px;
  width: 100%;
}

.menu-mobile {
  height: 30px;
  width: 30px;
  margin-top: 4px;
  cursor: pointer;
}

.arrow-up {
  position: fixed;
  top: 37px;
  right: 7px;
  z-index: 1030;
}

.container-menu-mobile {
  position: fixed;
  top: 48px;
  background-color: black;
  z-index: 101;
  overflow: auto;
}

.container-menu-mobile .item {
  color: white;
  font-family: 'EniTabReg';
  font-size: 16px !important;
  padding: 15px 15px;
  border-bottom: 0.5px solid #333;
}

.container-menu-mobile .item a {
  color: white;
  font-family: 'EniTabReg';
  font-size: 16px;
}

.container-menu-mobile .item a div {
  float: right;
  display: inline-block
}

.container-menu-mobile .item a div img {
  height: 15px;
}

.container-menu-mobile .padding-submenu {
  padding: 15px 15px 15px 30px;
  color: white;
  font-family: 'EniTabReg';
  font-size: 16px;
}

.container-menu-mobile .arrow-rotation {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  margin-right: 5px;
}

.container-menu-mobile .submenu-style a {
  color: white;
  font-family: 'EniTabReg';
  font-size: 16px;
}

.container-logo {
  cursor: pointer;
  width: auto;
  height: 47px;
  padding-top: 5px;
  margin-left: 7px;
}

.position-logo {
  position: relative;
  z-index: 9999;
  height: 48px;
}

.icon-menu {
  margin-right: 5px;
}

.icon-menu:last-child {
  margin-left: 10px;
  cursor: pointer;
}

#faq.icon-menu {
    height: 17px;
}

.item-menu {
  font-family: EniTabReg;
  font-size: 14px;
}

.item-menu label {
  font-weight: normal;
  cursor: pointer;
}

.item-menu label:first-child {
  cursor: inherit;
}

.item-menu-area-privata {
    font-family: 'EniTabBold';
    font-size: 14px;
    color: black;
    background: #fed300;
    border-radius: 5px;
    height: 35px;
    padding-top: 7px;
    padding-left: 30px;
    padding-right: 15px;
    font-weight: bold;
    cursor: pointer;
}

.item-menu-area-privata label {
    font-weight: normal;
    cursor: pointer;
}

.item-menu-account {
    font-family: EniTabReg;
    font-size: 14px;
    color: black;
    background: #fed300;
    border-radius: 30px;
    height: 35px;
    padding-top: 7px;
    width: 35px;
    font-weight: normal;
    cursor: pointer;
}

.item-menu-area-privata img {
    margin-right: 8px;
    margin-top: -3px;
}

.item-menu-profile {
    text-transform: uppercase;
    text-align: center;
}

.second-level-menu {
  color: white;
  z-index: 1;
  margin-top: 90px;
  position: absolute;
  font-family: EniTabReg;
  font-size: 16px;
  margin-left: 0px;
}

@media (min-width: 1200px) {
    .second-level-menu {
      margin-left: -15px;
    }
}

.second-level-menu #avvisi {
  color: black;
  background-color: #fed300;
  padding: 3px 10px;
  border-radius: 15px;
}

.second-level-menu span {
  cursor: pointer;
}

.second-level-menu-v2 {
  color: black;
  z-index: 201;
  margin-top: 7px;
  font-family: EniTabReg;
  font-size: 16px;
  position: relative;
}

.second-level-menu-v2 #avvisi  {
  color: black;
  background-color: #fed300;
  padding: 3px 10px;
  border-radius: 15px;
}

.second-level-menu-v2 span {
  cursor: pointer;
}

.yellow-line{
  width: 35px;
  border-bottom: 6px solid #fed300;
  margin-right: 15px;
}

.yellow-line-for-card {
  width: 20px;
  border-bottom: 3px solid #fed300;
  margin-right: 15px;
}

.select-languange-container {
  position: absolute;
  top: 48px;
  right: 105px;
  width: 109px;
  background-color: white;
  z-index: 1001;
  border: 1px solid lightgrey;
  text-align: left;
  padding-left: 0px !important;
  border-radius: 5px;
  color: black;
  text-align: center;
}

.select-languange-container.logged {
  right: 160px;
}

.select-languange-container > div:first-child {
  border-bottom: 1px solid lightgrey;
}

.select-languange-container > div {
  /*padding: 0 0 5px 20px !important;*/
  padding: 5px 10px!important;;
  cursor: pointer;
}

.select-profile-logout-container {
  position: absolute;
  top: 48px;
  right: 0px;
  width: 109px;
  background-color: white;
  z-index: 1001;
  border: 1px solid lightgrey;
  padding-left: 0px !important;
  border-radius: 5px;
  color: black;
  text-align: center;
}

.select-profile-logout-container > div:first-child {
  border-bottom: 1px solid lightgrey;
}

.select-profile-logout-container > div {
  /*padding: 0 0 5px 20px !important;*/
  padding: 5px 10px!important;;
  cursor: pointer;
}

.triangle-menu-profile {
    width: 15px;
    transform: rotate(180deg);
    float: right;
    width: 10px;
    position: absolute;
    top: -9px;
    right: 11px;
}

.bordo {
  border-top: 1px solid lightgray;
  border-bottom: 1px solid lightgray;
}

.row-flex {
  display: flex;
  flex-wrap: wrap;
}

.banner-full-width{
  height: 315px; 
  width: 100%; 
  margin-top: 50px; 
  background-image: linear-gradient(black, transparent);
  margin-bottom: 40px;
  background-size: cover;
}

.title-margin{
  margin-top: 10px;
} 

.content-text{
  font-size: 16px;
  letter-spacing: 0.3px;
  line-height: 1.7;
  font-weight: normal;
  margin-top:10px;
}

.content-text-accordion{
  font-size: 16px;
  letter-spacing: 0.3px;
  font-weight: normal;
  margin-top:20px;
}

.second-level-menu span {
  margin-right: 30px;
}

.container-enisupplier-features {
  text-align: center;
  /*padding-bottom: 30px;*/
}

.what-img-radius {
  background: #F1F1F2;
  height: 61px;
  width: 61px;
  margin: auto;
  border-radius: 50%;
}

.what-img-align {
  vertical-align: middle;
  height: 61px;
  width: 61px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}


.second-level-menu-v2 span {
  margin-right: 30px;
}

.container-button-with-icon {
  margin-top: 10px;
  text-align: right;
  width: auto;
  float: right;
}

.button-yellow {
  background: #fed300;
  color: black;
  border-radius: 5px;
  border: none;
  height: 35px;
  font-size: 14px;
  font-family: EniExpBold;
  padding-left: 30px;
  padding-right: 30px;
}

.button-black {
  background: black;
  color: white;
  border-radius: 5px;
  border: none;
  font-size: 14px;
  font-family: EniExpBold;
  padding: 10px 30px;
}

.button-gray {
  background: lightgrey;
  color: black;
  border-radius: 5px;
  border: none;
  height: 35px;
  font-size: 14px;
  font-family: EniExpBold;
  padding-left: 30px;
  padding-right: 30px;
}

.button-yellow-with-icon {
  background: #fed300;
  color: black;
  border-radius: 5px;
  border: none;
  height: 35px;
  font-size: 14px;
  font-family: EniExpBold;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 7px;
  cursor: pointer;
}

input[type=file],
input[type=file]::-webkit-file-upload-button {
  cursor: pointer; 
}

.button-yellow-with-icon img {
  margin-right: 7px;
  height: 14px;
}

.container-button-with-icon div:not(:first-child) {
  margin-left: 10px;
}

.button-min-width {
  min-width: 150px;
}

.news-component {
  position: absolute;
  top: 160px;
  padding-left: 0px;
  padding-right: 0px;
  z-index: 10;
  width: 300px;
  margin-top: 80px;
}

@media (min-width: 400px) {
    .news-component {
        width: 380px;
    }
}

@media (min-width: 500px) {
    .news-component {
        width: 480px;
    }
}

@media (min-width: 600px) {
    .news-component {
        width: 580px;
    }
}

@media (min-width: 700px) {
    .news-component {
        width: 680px;
    }
}

@media (min-width: 800px) {
    .news-component {
        width: 780px;
    }
}

.news-component div:first-child {
  width: 25px;
  border-bottom: 3px solid #fed300;
  margin-right: 5px;
  margin-bottom: 4px;
  display: inline-block;
}

.news-component-2 {

  position: absolute;
  top: 160px;
  padding-left: 20px;
  padding-right: 20px;
  z-index: 10;
  width: 100%;
  color: #FFF;
}

.news-component-2 div:first-child {
  width: 100%;
  text-align: center;
  margin-right: 5px;
  margin-bottom: 4px;
  display: inline-block;
}


.news-header {
  font-family: 'EniTabReg';
  text-transform: uppercase;
  font-size: 14px;
}

.news-title {
  font-family: 'EniTabBold';
  font-size: 36px;
  line-height: 36px;
  margin-top: 5px;
}

.accordion-item-row {
  font-family: 'EniTabBold';
  font-size: 22px;
  line-height: 22px;
}

.news-subtitle {
  font-family: 'EniExpBold';
  font-size: 16px;
  letter-spacing: 0.3px;
  font-weight: normal;
  margin-top: 10px;
}

.container-p-center {
  /*padding: 70px 0px 0px 0px;*/
  width:100%;
}

.container-call-active {
  padding: 0 15% 0 15%;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.container-call-close {
  padding: 0;
  width: 100%;
  margin-top: 60px;
  margin-bottom: 60px;
}

.cosa-stiamo-cercando-descrizione {
  margin-top: 25px;
  margin-bottom: 40px;
  line-height: 27px;
  max-width: inherit;
}

.carousel-call-chiuse .slick-list.draggable {
  height: 425px;
}


.container-card {
  padding-bottom: 20px;
  background: white;
}

.container-card img {
  width: 100%;
  border-radius: 5px;
  min-height: 200px;
}

.container-card a {
  padding-left: 0px;
  padding-right: 0px;
  margin-top: 20px;
}

.container-card-active {
  margin-bottom: 40px
}

.card-center {
  text-align: center;
  margin-top: 40px;
}

.card {
  height: 380px;
  border-radius: 10px;
  box-shadow: 0px 0px 7px 0px #ccc;
  max-width: 350px;
  text-align: left;
  display: inline-block;
}

.card-v2 {
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 0px 7px 0px #ccc;
  cursor: pointer;
  width: 100%;
  text-align: left;
  display: inline-block;
  background-color: white;
  max-width: 313px;
}

.card-v2:hover {
  
  color:white;
  background-color: gray;
  cursor:pointer;
  
}

.card-v2:hover .card-title-v2{
  
  color:white;
  background-color: gray;
  cursor:pointer;
  
}

.card-img-top {
  height: 140px;
  position: relative;
}

.card-img-top > img {
  height: 100%;
  width: 100%;
  border-top-right-radius: 10px;
  border-top-left-radius: 10px;
}

.card-img-title {
  position: absolute;
  bottom: 10px; left: 15px;
}

.card-gradient {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  opacity: 0.3;
  background-image: linear-gradient(black, black);
  border-radius: 5px;
  min-height: 200px;
}

.card-info-line-yellow {
    display: inline-block;
    width: 25px;
    border-bottom: 3px solid #fed300;
    margin-right: 5px;
    margin-bottom: 4px;
}

.card-body {
  padding: 10px;
  position: relative;
  height: 240px;
}

.card-body-v2 {
  margin-top: 20px;
  padding: 10px;
  position: relative;
  height: 100%;
}

.card-border-separator {
  border-bottom: 1px solid lightgrey;
  margin-top: 7px;
  margin-bottom: 7px;
}

.card-short-call {
    background-color: #fed300;
    border-radius: 30px;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
}

.card-text-info {
  padding: 10px 20px;
  font-size: 20px;
  font-family: 'EniTabBold';
  line-height: 20px;
  height: 115px;
  display: table
}
/*
.card-text-info-v2 {
  padding: 10px 20px;
  font-size: 16px;
  font-family: "Open Sans";
  line-height: 20px;
  height: 200px;
  display: table
}
*/

.card-text-info > div {
  display: table-cell;
  vertical-align: middle;
}

.card-text-info-v2 > div {
  display: table-cell;
  vertical-align: middle;
}

.card-title{
  font-family: 'open-sans-rg', sans-serif;
  /*font-family: 'EniTabBold';
  font-size: 20px;
  line-height: 20px;
  color: #292929;
  padding: 5px 25px;*/
}

.card-title-v2{
  font-family: 'open-sans-rg', sans-serif;
  font-size: 19px;
  line-height: 20px;
  color: #292929;
  padding: 5px 10px;
  width: 100%;
  height: 50px;
  text-align: center;
}

.card-call-title {
  font-family: 'EniTabBold';
  font-size: 20px;
  line-height: 20px;
  color: white;
  padding: 10px 0px;
}

.card-active-date {
  font-size: 15px;
  font-family: 'EniTabBold';
  margin-left: 5px;
}

.card-subtitle{
  font-family: 'EniExpBold';
  color: grey;
  font-size: 16px;
  letter-spacing: 0.3px;
  font-weight: normal;
  text-overflow: ellipsis;
  word-wrap: break-word;
  height: 43px;
  line-height: 1.3em;
  overflow: hidden;
}

.card-call-active {
  width: 10px;
  height: 10px;
  background: #5CA043 0% 0% no-repeat padding-box;
  margin-right: 10px;
  border-radius: 50%;
}

.card-call-close {
  width: 10px;
  height: 10px;
  background: #E50718 0% 0% no-repeat padding-box;
  margin-right: 10px;
  border-radius: 50%;
}

.card-status {
  position: absolute;
  bottom: 10px;
  right: 50px;
}

.container-area-interesse {
  background-color: lightgray;
}

.card-area-interesse {
  height: 320px;
  margin: 10px;
  cursor: pointer;
}

.card-area-interesse-img {
  height: 100%;
  color:white;
  position:relative;
  background-repeat: no-repeat;
  background-size:cover; 
  /*max-width: 240px;*/
  border-radius: 5px;
}

.card-area-interesse-title {
  bottom:40px;
  position:absolute;
  text-align:center;
  width:100%;
  font-family: EniExpBold;
  font-size: 20px;
}

.carousel-center {
    padding-left: 0;
    padding-right: 0;
}

@media (min-width: 1140px) {
    .carousel-center {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.call-dettaglio-container-timeline {
  background: #0d0d0d;
  padding-top: 40px;
  padding-bottom: 40px;
  color: white;
  text-align: center;
  font-family: 'EniTabReg';
}

.call-dettaglio-container-proponi-idea {
  text-align: center;
  margin-top: 10px;
}

.call-dettaglio-container-link-video {
  background-color: #fed300;
  padding-top: 10px;
  padding-bottom: 10px;
}

.call-dettaglio-container-link-video .call-dettaglio-link {
  font-size: 20px;
  font-family: 'EniTabBold';
}

.call-dettaglio-regole-partecipazione {
  background: #0d0d0d;
  padding-top: 40px;
  padding-bottom: 40px;
  color: white;
}

.area-interesse-title {
  padding-bottom:50px;
  padding-top:50px;
  color: white;
}

.news-text {
  font-family: 'EniExpBold';
  font-size: 16px;
  letter-spacing: 0.3px;
  font-weight: normal;
  margin-top:150px;
}

.news-link-button {
  margin-top: 20px;
}

.box-section {
  font-size: 6vw;
  color: white;
  position: absolute;
  font-family: EniTabBold;
  top: 45%;
  left: 25px;
  transform: translate(0%, -50%);
}

.box-section .box-section-header {
  font-size: 5vw;
}

.container-single-card {
  padding: 0;
}

.container-single-card:hover .box-section-hover-style{
  height: 100%;
  opacity: 0.8;
  background-color: rgba(0, 0, 0, 0.9);
  line-height: 1.7;
}

.box-section-hover-style {
  background-color: #000000;
  opacity: 0;
  height: 0px;
  width: 100%;
  color:#FFFFFF;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 0;
  position: absolute;
  bottom: 0px;
  padding: 20px;
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  -ms-transition: all 0.3s ease-in;
  -o-transition: all 0.32s ease-in;
  transition: all 0.3s ease-in;
}
/*
.sm-card-hover-style:hover{
  cursor:pointer;
}
*/

.docGroupIcon{
  height: 100%; 
  max-width: 70px;
  width: 100%;
  min-width: 60px;
  margin-top: -5px;
}

@keyframes marquee {
0% {
  transform: translate(0, 0);
}
100% {
  transform: translate(-100%, 0);
}
}

@media (max-width: 767px) {

  .no-padding-mobile {
      padding: 0;
  }
}

@media (max-width: 992px) {
  .no-padding-tablet {
      padding: 0;
  }

 
}

/*
@media (max-width: 500px) {
  .card-title{
      font-size: 17px;
      line-height: 20px;
      color: #292929;
      padding: 5px 0px;
  }
}
*/





@media (max-width: 500px) {
  .card-title{
      /*font-family: 'EniTabBold';*/
      font-size: 17px;
      line-height: 20px;
      color: #292929;
      padding: 5px 0px;
  }

  .aq-card{
      padding: 40px 15px 0px 15px;
  }

  .aq-box-txt {
      padding: 0px 20px;
  }

  .accordion-res .accordionable-content {
      font-size: 16px;
      color: #4a4a4a;
      letter-spacing: 0;
      padding:30px 10px 0 10px; 
    }
  
}

@media (min-width: 501px) {
  .card-title{
      /*font-family: 'EniTabBold';*/
      font-size: 20px;
      line-height: 20px;
      color: #292929;
      padding: 5px 25px;
      height: 45px;
      display: flex;
      justify-content: center;
      align-items: center;
  }

  .aq-card{
      padding: 40px 50px 0px 50px;
  }

  .accordion-res .accordionable-content {
      font-size: 16px;
      color: #4a4a4a;
      letter-spacing: 0;
      padding:30px 60px 0 60px; 
    }
}

@media (min-width: 768px) {

  .title-margin{
      margin-top: 10px;
  } 

  .container-logo {
      width: auto;
      height: 47px;
      padding-top: 4px;
      margin-left: 7px;
  }
  
  .container {
      width: 100%;
  }
  
  .box-section {
      font-size: 3vw;
  }
  
  .box-section .box-section-header {
      font-size: 2vw;
  }
  
  .call-dettaglio-container-proponi-idea {
      text-align: right;
      margin-top: 0px;
  }
  
  .cosa-stiamo-cercando-descrizione {
      max-width: 420px;
  }
  
}

@media (min-width: 992px) {
  
  .title-margin{
      margin-top: 80px;
  } 
  
  .container-logo {
      margin-left: 10px;
  }
  
  .banner-full-width {
      height: 400px; 
      width:100%; 
      margin-top: 84px;
      background-image: linear-gradient(black, transparent);
  }
  
  .slick-list.draggable .slick-track {
      /*padding-left: 150px;
      padding-right: 150px;*/
  }
  
  .visore .visore-band-content {
      top: 150px;
      text-align: initial;
  }
  
  .visore .visore-band-content {
      width: 97%;
  }
  
  .news-component {
      margin-left: 50px;
  }
  
  .slider .slick-dots li button:before {
      font-size: 20px;
  }
  
  .container-p-center {
      padding: 0px 5%;
      width:100%;
  }
  
  .container-call-close {
      padding: 0 15% 0 15%;
      width: 100%;
      margin-top: 60px;
      margin-bottom: 60px;
  }

  .container-private-area{
      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 30px;
      margin-right: auto;
      border-left: 271px solid #474747;
  }
  
  .menu_triangle {
      width: 21%;
  }
  
}
  
@media (min-width: 1200px) {
  .container {
      width: 1140px;
  }

  .container-ac{
      width: 1140px;
  }
  
  .container-logo {
      position: absolute;
      top: 0;
      margin-left: 0px;
  }
  
  .visore .visore-band-content {
      max-width: 1150px;
  }
  
  .news-component {
      max-width: 800px;
      margin-left: 130px;
  }

  .news-component-2 {
      width: 100%;
  }
  
  .box-section {
      font-size: 24px;
  }
  
  .box-section .box-section-header {
      font-size: 16px;
  }
  
  .container-card {
      padding-right: 0px;
      padding-left: 0px;
  }
  
  .padding-for-container-finder {
      padding-left: 0;
      padding-right: 0;
  }

  .menu_triangle {
      width: 28%;
  }
  
}

@media (min-width: 1600px) {
  .menu_triangle {
      width: 35%;
  }
}


@media (max-width: 991px) {
  .container-ac{
      padding-left: 30px!important;
      padding-right: 30px!important;
  }

  .container-private-area{
      padding-left: 50px;
      padding-right: 50px;
      padding-bottom: 30px;
      margin-right: auto;
      margin-left: auto;
      border-left: 0;
  }

  .row.container-private-area {
      padding: 0 15px 35px;
      border-left-width: 265px;
  }
}

.slick-slider .slick-track, .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 415px;
}


.carousel-comunication {
    padding-right: 10px;
}

.container-comunication-padding {
    padding-right: 0px;
    padding-left: 0px;
}

.carousel-comunication .slick-list {
    height: 105px;
}

.carousel-comunication .slick-slide {
    height: 105px;
}

.carousel-comunication .title-comunication {
    font-size: 14px;
    font-weight: 600;
}

.carousel-comunication .body-comunication {
    font-size: 12px;
    color: lightgray;
    margin-top: 5px;
}

.pagination-comunication {
    position: absolute;
    right: 0px;
    top: 110px;
}

.close-comunication {
    position: absolute;
    right: -22px;
    top: -20px;
    cursor: pointer;
}

.carousel-comunication > .slick-slider .slick-track, .carousel-comunication > .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 110px;
}

.prev-comunication, .prev-comunication:hover {
  display: inline-block;
  border: 0.5px solid grey;
  padding: 0px 7px;
  border-radius: 3px 0px 0px 3px;
  cursor: pointer;
  background-color: transparent;
  height: inherit;
  width: inherit;
}

@media (min-width: 992px) {
    .carousel-comunication {
        padding-right: 100px;
    }
    
    .carousel-comunication .container-comunication-padding {
        padding-right: 0px;
        padding-left: 0px;
    }
    
    .carousel-comunication .title-comunication {
        font-size: 20px;
        font-weight: 600;
    }
    
    .carousel-comunication .body-comunication {
        font-size: 14px;
    }
    
    .pagination-comunication {
        right: 20px;
        top: 65px;
    }
    
    .close-comunication {
        right: 0;
        top: 0;
    }
}

.float-comunication-link {
  display: none;
  background-color: #fed300;
  top: 110px;
  z-index: 200;
  height: 42px;
  width: 42px;
  position: fixed;
  right: 0;
  border-radius: 5px 0px 0px 5px;
}

.float-comunication-link img {
  width: 30px;
  margin-top: 7px;
  margin-left: 8px;
}

.prev-comunication img {
  transform: rotate(180deg); margin-top: -3px;
}

.next-comunication, .next-comunication:hover {
  display: inline-block;
  border: 0.5px solid grey;
  padding: 0px 7px;
  border-radius: 0px 3px 3px 0px;
  margin-left: -5px;
  cursor: pointer;
  background-color: transparent;
  height: inherit;
  width: inherit;
}

.opacity-carousel {
  background: black;
  z-index: 1;
  height: 600px;
  position: absolute;
  width: 100%;
  top: 0;
  opacity: 0.2;
}

.container-item-carousel {
  height: 600px;
  background-repeat:no-repeat;
  background-position:center;
  background-size: cover;
}

.container-comunication {
    background-color: white;
    width: 100%;
    height: 190px;
    padding: 15px;
    border-radius:7px 7px 7px 7px;
    border: 3px solid #fed200;
}

.container-comunication-padding {
    padding-right: 0px;
    padding-left: 0px;
}

.carousel-comunication .slick-list {
    height: 150px;
}

.carousel-comunication .slick-slide {
    height: 150px;
}

.carousel-comunication .title-comunication {
    font-size: 14px;
    font-weight: 600;
}

.carousel-comunication .body-comunication {
    font-size: 12px;
    color: black;
    margin-top: 5px;
}

.pagination-comunication {
    position: absolute;
    right: 0px;
    top: 140px;
}

.close-comunication {
    position: absolute;
    right: -22px;
    top: -20px;
    cursor: pointer;
}

.carousel-comunication > .slick-slider .slick-track, .carousel-comunication > .slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  height: 110px;
}

.prev-comunication, .prev-comunication:hover {
  display: inline-block;
  border: 0.5px solid grey;
  padding: 0px 7px;
  border-radius: 3px 0px 0px 3px;
  cursor: pointer;
  background-color: transparent;
  height: inherit;
  width: inherit;
}

@media (min-width: 500px) {
    
    .container-comunication {
        height: 120px;
    }
    
    .carousel-comunication .slick-slide {
        height: 105px;
    }
    
    .carousel-comunication .slick-list {
        height: 105px;
    }
    
    .pagination-comunication {
        top: 70px;
    }
}

@media (min-width: 992px) {
    .carousel-comunication {
        padding-right: 100px;
    }
    
    .container-comunication-padding {
        padding-right: 15px;
        padding-left: 15px;
    }
    
    .carousel-comunication .title-comunication {
        font-size: 20px;
        font-weight: 600;
    }
    
    .carousel-comunication .body-comunication {
        font-size: 14px;
    }
    
    .pagination-comunication {
        right: 20px;
        top: 65px;
    }
    
    .close-comunication {
        right: 0;
        top: 0;
    }
}


/********* Common ************/

.bg-white{
  background-color: #FFFFFF;
}

.bg-ac-private-area{
  background-color: #F8F8F8;
}

.hr-v2{
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 2px solid #d7d7d7;
}

.m-b-20{
  margin-bottom: 20px;
}

.m-b-80{
  margin-bottom: 80px;
}

.flex-a-c
{
  display: flex;
  align-items: center;
}

.tag-box{
  display: flex;
  flex-wrap: wrap;
}

.tag-box div{
  border: 1px solid #fef0ab;
  /*background-color: #faf5da;*/
  padding: 5px;
  margin-right: 10px;
  margin-bottom: 10px;
  border-radius: 5px;
}

.tag-box div::before {
  content: "#";
}

.title-bottom-line{
  font-size: 25px;
}

.title-bottom-line::after{
  content:" ";
  display: block;
  width: 70px;
  height: 4px;
  background-color:#fed300;
  margin-top: 10px;
}

.p-mtb-10-60{
  margin-top: 10px;
  margin-bottom: 60px;
}

.container-gray{
  width:100%; 
  margin-top:80px; 
  background-repeat: no-repeat; 
  background-size:cover;  
  background-color:#e8e8e8;
}

.container-ac{
  /*padding: 0 15% 0 15%;
  margin-top: 100px;
  padding-bottom: 50px;
  padding-top: 50px;*/
  padding-bottom: 50px;
  padding-top: 50px;
  margin-right: auto;
  margin-left: auto;
  padding-left: 70px;
  padding-right: 70px;
}

.container-ac-private-area{
  padding-top: 50px;
}

.container-private-area{
  padding-left: 50px;
  padding-right: 50px;
  padding-bottom: 30px;
}

.sm-card{
  height:150px; text-align: center; padding: 10px 10px;
}

@media (min-width: 768px) {
  .sm-card-200{
    height:260px;  text-align: center; padding: 20px 10px;
  }

  .section-full-size-content-200{
    color:white; 
    width:100%; 
    padding: 0px 5%;
    /*margin-top:50px; 
    padding-bottom:200px;*/
  }

  .card-text-info-v2 {
    padding: 0px 20px;
    padding-bottom: 20px;
    font-size: 14px;
    font-family: "Open Sans";
    line-height: 20px;
    height: 200px;
    display: table;
    text-align: center;
  }
}
@media (max-width: 767px) {
  .sm-card-200{
    height:auto;  text-align: center; padding: 10px 10px;
  }

  .section-full-size-content-200{
    color:white; 
    width:100%; 
    padding: 0px 0px;
    /*margin-top:50px; 
    padding-bottom:200px;*/
  }

  .card-text-info-v2 {
    padding: 10px 20px;
    font-size: 14px;
    font-family: "Open Sans";
    line-height: 20px;
    /*height: 200px;*/
    display: table;
    text-align: center;
  }
}



.sm-card-style{
  background-color:white; 
  border-radius:10px; 
  height:100%;  
  width:100%; 
  display: grid;
}

.sm-card-style-200{
  background-color:white; 
  border-radius:10px; 
  height:100%;  
  width:100%; 
  display: grid;
  padding: 20px;
}

.sm-card-style-200 p{
  color:black;
  font-size: 13px;
  font-family: "Open Sans"; 
}

.sm-card-style-200 .card-title{
  font-size: 18px;
  font-family: "Open Sans"; 
  margin-bottom:10px ;
}

.sm-card-style-200:hover{
  cursor:pointer;
  opacity: 0.6;
  
  background-color: black;

}

.sm-card-style-200:hover p{
  color:white;
}

.sm-card-style-200:hover .card-title{
 color:white;
}

.sm-card-style:hover .sm-card-hover-style{
  background-color: rgba(0, 0, 0, 0.9);
  opacity: 0.8;
}

.sm-card-hover-style{
  background-color: #00000000;
  color:#FFFFFF;
  font-family: 'open-sans-rg', sans-serif;
  font-size: 16px;
  letter-spacing: 0.2px;
  line-height: 1.7;
  position: absolute;
  opacity: 0;
  right: 10px;
  left: 10px;
  top: 10px;
  bottom: 10px;
  padding: 10px 10px;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -ms-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}

.sm-card-hover-style:hover{
  cursor:pointer;
}

.sm-card-parent{
  text-align: center; padding-top:70px; padding-bottom:100px;
}
.sm-card-parent-200{
  text-align: center;  padding-bottom:50px;
  
}

.section-full-size{
  width:100%; 
  margin-top: 40px;
  margin-bottom: 40px;
} 

.section-full-size-content{
  color:white; 
  width:100%; 
  margin-top:100px; 
  padding: 0px 5% 200px 5%;
}




.title-section-table{
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
  padding-left: 30px;
}

.br-b-g{
  border-bottom: #D9D9D9 solid 1px;
}

.txt-a-r{
  text-align: right;
}

.txt-slim-g{
  color:#969696;
}

.aq-title-result{
  font-size: 20px;
  font-weight: 600;
  padding: 15px 0px;
  padding-left: 50px;
  margin-top: 15px;
}

.aq-container{
  box-shadow: 0px 0px 20px #d1cfcf;
  margin-bottom: 50px;
  border-radius: 5px;
}
/*
.aq-card{
  padding: 40px 50px 0px 50px;
}
*/

.aq-box-img{

}

.aq-box-txt{

}

.aq-box-txt div{
  min-height: 25px;
  padding: 5px 0px;
}

.contact-panel{
  display:flex;
  padding: 0px 0px 30px 0px;
}

.contact-panel .contact-img{
  margin-right: 20px;
}

.contact-panel .contact-img img{
  width:60px; 
  height:60px;
}

.contact-panel .contact-title{
  font-size: 1.5em;
  font: Regular 32px/40px EniExpBold;
  border-bottom: 1px solid #707070;
  padding: 0px 0px 15px 0px;
}

.contact-panel .contact-content{
  padding: 15px 0px 0px 0px;
}

.box-download-file{
  align-items: center;
  padding: 20px 0px;
  border-bottom: 1px solid #D9D9D9;
}

.box-download-file .img{

}

.box-download-file .img img{
  height: 100%;
  width: 100%;
}

.box-download-file .title{
  font-family: 'EniTabBold';
  font-size: 22px;
  line-height: 22px;
}

.box-download-file .download{

}

.p-with-btn{
  margin-top:40px;
  margin-bottom: 40px;
}

.input_collabora_search_container {
  position:relative;
}
.input_collabora_search {
  height: 40px;
  width: 100%;
  border: 1px solid #404040;
  border-radius: 5px;
  color: #292929;
  padding: 0px 15px;
  font-size: 18px;
  font-family: 'open-sans-rg', sans-serif;
  font-weight: 400;
}
.input_collabora_search::-ms-clear { display:none; }

.input_collabora_search.error{
  border: 2px solid #a94442;
}

.input_img_collabora_search {
    position: absolute;
    bottom: 10px;
    right: 15px;
    width: 20px;
    height: 20px;
    cursor: pointer;
}

.box-result-collabora{
  display: none;
  padding: 0px 5% 40px 5%;
}

#box-bandi-content, #box-gm-content{
  margin-bottom: 40px;
}
.collabora-box-title{
  font-family: 'EniTabBold';
  font-size: 33px;
  line-height: 33px;
}

.collabora-box-zero{
  font-size: 18px;
  font-family: 'EniExpBold';
  padding: 40px 40px 0px 40px;
}


/*********accordion*************/

.accordion-res {
overflow: hidden;
border: 0px;
border-radius: 5px;
margin-bottom: 10px;
}

.accordion-res.other-portal {
margin-bottom: 0px;
}

.accordion-res:last-child{
border-bottom: 0px dotted #999;
}

.accordion-res.transitionable {
-webkit-transition: height .5s;
transition: height .5s;
}

.accordion-res .accordion-title{ 
    font-size: 20px;
    font-family: 'EniTabReg';
    letter-spacing: 0.6px;
    color: #1d1d1d;
    padding: 23px 50px 20px 20px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: #ececec solid 1.5px;
    margin-top: 2px;
}

.accordion-title-lable{
  font-size: 20px;
  letter-spacing: 0.6px;
  color: #1d1d1d;
  display: inline-block;
  max-width: 100%;
  margin-bottom: 5px;
  font-weight: bold;
}


.parent {

  width:30px; height:30px; position: relative; border-radius: 50%; 
}

.inner {
  width: 100px;
  height: 100px;
  background: green;

  position: absolute;
  top: 50%;
  left: 50%;

  transform: translate(-50%, -50%);
  padding: 15px 50px 15px 20px;
  border-bottom: 1.5px solid #f3f3f3;
  /*position: relative;*/
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.accordion-res .ac-title-container img{
  height: 35px;
}

.accordion-res .ac-title-container h3{
  margin: 0px;
}

.accordion-res .ac-title-container .img-alert{
  height: 20px;
}

.accordion-res .ac-title-container label{
  color: #1d1d1d;
  padding-left: 30px;
}

.accordion-res.opened .accordion-title .ac-close-container .ac-close-vert {
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}

/*
.accordion-res .accordionable-content {
font-size: 16px;
color: #4a4a4a;
letter-spacing: 0;
padding:30px 60px 0 60px; 
}
*/

.ac-close-container{
  /*position: relative;
  margin: auto;
  width: 50px;
  height: 50px;
  margin-top: 100px;
  cursor: pointer;*/
}

.ac-close-vert{
  height: 2px;
  width: 20px;
  position: absolute;
  background-color: #030303;
  border-radius: 2px;
  transform: rotate(90deg);
  transition: all .3s ease-in;
}

.ac-close-oriz{
  height: 2px;
  width: 20px;
  position: absolute;
  background-color:#030303;
  border-radius: 2px;
  transform: rotate(0deg);
  transition: all .3s ease-in;
}

/* call for idea detail */

.call-for-idea-timeline {
  background: -moz-linear-gradient(left, rgba(211,211,211, 0) 0%, rgba(211,211,211, 1) 49%, rgba(211,211,211, 0) 100%);
  background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(211,211,211, 0)), color-stop(49%, rgba(211,211,211, 1)), color-stop(100%, rgba(211,211,211, 0)));
  background: -webkit-linear-gradient(left, rgba(211,211,211, 0) 0%, rgba(211,211,211, 1) 49%, rgba(211,211,211, 0) 100%);
  background: -o-linear-gradient(left, rgba(211,211,211, 0) 0%, rgba(211,211,211, 1) 49%, rgba(211,211,211, 0) 100%);
  background: -ms-linear-gradient(left, rgba(211,211,211, 0) 0%, rgba(211,211,211, 1) 49%, rgba(211,211,211, 0) 100%);
  background: linear-gradient(to right, rgba(211,211,211, 0) 0%, rgba(211,211,211, 1) 49%, rgba(211,211,211, 0) 100%);
  margin-top: -17px;
  height: 4px;
  width: 100%;
}

.call-for-idea-timeline.active {
  margin-top: -19px;
}

.call-for-idea-timeline-dot {
  height: 14px;
  width: 14px;
  background-color: #fed300;
  border-radius: 50%;
  display: inline-block;
  margin-top: 4px;
}

.call-for-idea-timeline-dot.active {
  height: 20px;
  width: 20px;
  margin-top: 0px;
}

.call-margin-section {
  background: white;
  margin-top: 40px
}

.cosa-stiamo-cercando-dot {
  height: 25px;
  width: 25px;
  background-color: #fed300;
  border-radius: 50%;
  display: inline-block;
  margin-right: 15px;
  text-align: center;
  font-size: 19px;
  font-family: 'EniTabBold';
}

.regole-partecipazione-titolo {
  font-size: 26px;
  font-family: 'EniExpBold';
}

.regole-partecipazione-descrizione {
  margin-top: 25px;
  margin-bottom: 40px;
}

/* START LOGIN */

.login-btn {
  border-radius: 5px !important;
  display: inline-block;
  text-align: center;
  margin-top: 20px;
  text-transform: capitalize !important;
  font-weight: 600 !important;
  font-size: 14px !important;
  color: rgb(19, 19, 19) !important;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 0;
  padding: 12.5px 57px;
  width: 100%;
  background: -webkit-gradient(linear, right top, left top, color-stop(50%, #fed300), color-stop(50%, #FFDE40));
  background: linear-gradient(to left, #fed300 50%, #FFDE40 50%);
  background-size: 200% 100%;
  background-position: right bottom;
  -webkit-transition: all .35s ease;
  transition: all .35s ease;
}

.login-btn:hover {
  background-position: left bottom;
}

.login-btn.small {
  padding: 12.5px 21px;
  min-width: 172px;
}

.login-btn:hover,
.login-btn:focus,
.login-btn:active,
.login-btn:visited {
  color: rgba(29, 29, 29, 0.6) !important;
  background-color: #fed300 !important;
  text-decoration: none;
}

#login-modal .modal-icon.error:after, .eni-procurement-modal .modal-icon.error:after {
    background-image: url(/assets/images/restyling/icons/error-modal-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    display: block;
    content: ' ';
    min-height: 45px;
    width: 100%;
}

#login-modal .modal-icon.success:after, .eni-procurement-modal .modal-icon.success:after {
    background-image: url(/assets/images/restyling/icons/success-modal-icon.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position-x: center;
    display: block;
    content: ' ';
    min-height: 45px;
    width: 100%;
}

.forgot-pwd-link {
    text-decoration: underline;
}

@media (min-width: 992px) {
  .login-btn {
    width: auto;
  }


  .input-data-login{
      border-radius: 5px !important; 
      background-color: rgb(245, 245, 245) !important;
  }
  .input-data-login::placeholder{
      color:rgb(197, 197, 197)  !important;
      text-align: center;
  }
}

/* END LOGIN */


/*  START REGISTRAZIONE  */

.container-esito-style {
    margin-top: 30px;
    margin-bottom: 50px;
    border-radius: 5px;
    background-color: #5d5d5d;
    border-left: 5px solid #fed300;
    display: table;
    min-height: 50px;
    color: white;
    padding: 15px 15px 15px 20px;
    line-height: 1.1;
    width: 100%;
}

.container-registration {
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.3));
    margin-top: 50px;
}

@media (min-width: 992px) {
    .container-registration {
        margin-top: 85px;
    }
}

.container-registration .item-step {
    color: white;
}

.container-registration .item-step.selected {
    color: #fed300;
}

.container-cosa-occorre {
    background: white;
    color: black;
    padding: 20px 15px;
    position: absolute;
    display: none;
    border-bottom: 1px solid lightgrey;
}

.container-cosa-occorre-margin {
    margin-bottom: 30px;
    height: 30px;
}

.container-cosa-occorre .box-container {
    background: #F5F5F5;
    padding: 15px 0px;
}

.container-cosa-occorre .box-container .box-container-title {
    font-size: 20px;
    margin-bottom: 20px;
}

.container-cosa-occorre .box-container .box-container-description {
    font-size: 14px;
}

.container-cosa-occorre .box-container .download-template {
    text-align: right;
    font-size: 16px;
    margin-top: 10px;
}

.circle-info-registration {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    display: inline-block;
    background: #373637;
    opacity: 0.4;
}

.circle-info-registration img {
    margin-top: 7px;
}

.background-yellow {
  background-color: #fed300 !important;
}

.color-yellow {
  color: #fed300 !important;
}

.registration-step-dot-container {
  text-align: center;
  z-index: 2;
  color: #000;
  padding: 0;
}

.registration-step-dot {
  height: 45px;
  width: 45px;
  border-radius: 50%;
  display: inline-block;
  background: white;
}

.registration-step-line-container {
  text-align: center;
  margin-left: 12%;
  margin-top: -25px;
}

.registration-step-line-container-v2 {
  text-align: center;
  margin-left: 8%;
  margin-top: -25px;
}

.registration-step-line-container > div {
  padding-left: 0;
  padding-right: 0;
}

.registration-step-dot-container p {
  height: 40px;
}

.registration-step-line {
  border-top: 3px solid white;
}

.registration-step {
  color: black;
  padding: 20px 0px;
}

.next-step-line {
  border-top: 3px solid #fed300;
}

.title-step {
  font-size: 23px;
}

.help-step {
  text-align: right;
  font-size: 15px;
  padding-top: 6px;
}

.help-step span {
  padding-right: 8px;
}

.registration-type-style {
    background: #fed300;
    position: absolute;
    border: #fed300;
    border-radius: 10px;
    color: black;
    padding: 0 10px;
    margin-top: 20px;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
    width: 190px;
    text-align: center;
    font-size: 20px;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
}

.registration-bottom-position {
    text-align: right;
    bottom: 20px;
    right: 30px;
    position: absolute;
}

#registration_step_1 form > div {
  height: 70px;
}

@media (min-width: 768px) {
    .registration-step-line-container {
        margin-left: 18.4%;
    }

    .registration-step-line-container-v2 {
        margin-left: 22%;
    }

    .registration-step {
        padding: 20px 30px;
    }

    .registration-step-dot-container {
        padding-left: 15px;
        padding-right: 15px;
    }

    .registration-step-line-container > div {
        padding-left: 15px;
        padding-right: 15px;
    }

    .registration-step-dot-container p {
        height: inherit;
    }

    .container-cosa-occorre {
        padding: 20px 30px;
    }
  
    .container-cosa-occorre .box-container {
        padding: 15px;
    }

}

.form-checkbox-style {
  display: block;
  position: relative;
  padding-left: 30px;
  margin-bottom: 5px;
  margin-top: 20px;
  padding-top: 3px;
  cursor: pointer;
  font-size: 15px;
  text-transform: none!important;
}
.form-checkbox-style input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.form-checkbox-style_indicator {
  position: absolute;
  top: 3px;
  left: 0;
  height: 18px;
  width: 18px;
  background: #ffffff;
  border: 1px solid #C7C7C7;
  border-radius: 3px;
}
.form-checkbox-style:hover input ~ .form-checkbox-style_indicator,
.form-checkbox-style input:focus ~ .form-checkbox-style_indicator {
  background: #ececec;
}

.form-checkbox-style input:checked ~ .form-checkbox-style_indicator {
  background: #ffffff;
}
.form-checkbox-style:hover input:not([disabled]):checked ~ .form-checkbox-style_indicator,
.form-checkbox-style input:checked:focus ~ .form-checkbox-style_indicator {
  background: #ffffff;
}
.form-checkbox-style input:disabled ~ .form-checkbox-style_indicator {
  background: #e6e6e6;
  opacity: 0.6;
  pointer-events: none;
}
.form-checkbox-style_indicator:after {
  box-sizing: unset;
  content: '';
  position: absolute;
  display: none;
}
.form-checkbox-style input:checked ~ .form-checkbox-style_indicator:after {
  display: block;
}
.form-checkbox-style-checkbox .form-checkbox-style_indicator:after {
  left: 6px;
  top: 2px;
  width: 3px;
  height: 9px;
  border: solid #404040;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.form-checkbox-style-checkbox input:disabled ~ .form-checkbox-style_indicator:after {
  border-color: #7b7b7b;
}

#container_choose_registration {
  font-family: EniExpBold;
  font-size: 16px;
}

#container_choose_registration span {
  margin-left: 5px;
  margin-right: 15px;
}


/*  END REGISTRAZIONE  */

/* FOOTER */


   
.eni-focus-area {
  max-width: 290px;
  height: 100%;
  margin: 0 auto;
  width: 100%; }
  @media (min-width: 376px) {
     .eni-focus-area {
      max-width: 690px;
      padding: 0 10px; } }
  @media (min-width: 1024px) {
    .eni-focus-area {
      max-width: 960px;
      padding: 0 20px; } }
  @media (min-width: 1025px) {
    .eni-focus-area {
      max-width: 1140px; } }
  @media (min-width: 1440px) {
    .eni-focus-area {
      padding: 0; } }

  @media (min-width: 1024px) {
    .main-container .eni-people-tab-container {
      padding-top: 40px; } 
  }


/*
.card-external-link .cards-container a .card-external ol>li a, .card-external-link .cards-container a .card-external ul>li a, .data-table ol>li a, .data-table p ol>li a, .data-table p ul>li a, .data-table ul>li a, .eni-calendar .view-more-less ol>li a, .eni-calendar .view-more-less ul>li a, .eni-link, .eni-tab-section .content-container ol>li a, .eni-tab-section .content-container ul>li a, .eni-tab-section .tab-content-container .widget-description a, .financial-result .accordion-container .accordion-item.card .card-body .speakers ol>li a, .financial-result .accordion-container .accordion-item.card .card-body .speakers ul>li a, .global-presence-centered-text-complex-page ol>li a, .global-presence-centered-text-complex-page ul>li a, .global-presence-project-highlight ol>li a, .global-presence-project-highlight ul>li a, .global-presence-project-highlight-complex-page-desktop .cards-container .card-img .description ol>li a, .global-presence-project-highlight-complex-page-desktop .cards-container .card-img .description ul>li a, .global-presence-sustainability-goal .cards-container .card-img .description ol>li a, .global-presence-sustainability-goal .cards-container .card-img .description ul>li a, .manager-card p ol>li a, .manager-card p ul>li a, .manager-detail .more-content ol>li a, .manager-detail .more-content ul>li a, .number-highlight ol>li a, .number-highlight ul>li a, .rich-text .content ol>li a, .rich-text .content p a, .rich-text .content ul>li a, .timeline .cards-container .card-timeline .content-box ol>li a, .timeline .cards-container .card-timeline .content-box ul>li a, p a {
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ffd300),to(#ffd300));
  background-image: linear-gradient(#ffd300,#ffd300);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 3px;
}
*/

.footerLink {
  background-image: -webkit-gradient(linear,left top,left bottom,from(#ffd300),to(#ffd300));
  background-image: linear-gradient(#ffd300,#ffd300);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 100% 3px;
}

.bg-white {
background-color: #fff; }

.bg-gray-lighten {
background-color: #efefef; }

.bg-gray-light {
background-color: #d8d8d8; }

.bg-gray-medium {
background-color: #999; }

.bg-gray-dark {
background-color: #666; }

.bg-gray-darken {
background-color: #333; }

.bg-black {
background-color: #000; }

.bg-yellow {
background-color: #ffd300; }

.bg-blue {
background-color: #4B84AB; }

.bg-red {
background-color: #AF2336; }

.bg-green {
background-color: #8A9D25; }

.bg-brown {
background-color: #A89E80; }

.text-white {
color: #fff; }

.text-gray-lighten {
color: #efefef; }

.text-gray-light {
color: #d8d8d8; }

.text-gray-medium {
color: #999; }

.text-gray-dark {
color: #666; }

.text-gray-darken {
color: #333; }

.text-black {
color: #000; }

.text-yellow {
color: #ffd300; }

.text-blue {
color: #4B84AB; }

.text-red {
color: #AF2336; }

.text-green {
color: #8A9D25; }

.text-brown {
color: #A89E80; }

/* HEADER VARIABLES */
/*!
* Bootstrap v4.3.1 (https://getbootstrap.com/)
* Copyright 2011-2019 The Bootstrap Authors
* Copyright 2011-2019 Twitter, Inc.
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
*/



.d-none {
display: none !important; }

.d-inline {
display: inline !important; }

.d-inline-block {
display: inline-block !important; }

.d-block {
display: block !important; }

.d-table {
display: table !important; }

.d-table-row {
display: table-row !important; }

.d-table-cell {
display: table-cell !important; }

.d-flex {
display: flex !important; }

.d-inline-flex {
display: inline-flex !important; }

@media (min-width: 576px) {
.d-sm-none {
  display: none !important; }
.d-sm-inline {
  display: inline !important; }
.d-sm-inline-block {
  display: inline-block !important; }
.d-sm-block {
  display: block !important; }
.d-sm-table {
  display: table !important; }
.d-sm-table-row {
  display: table-row !important; }
.d-sm-table-cell {
  display: table-cell !important; }
.d-sm-flex {
  display: flex !important; }
.d-sm-inline-flex {
  display: inline-flex !important; } }

@media (min-width: 768px) {
.d-md-none {
  display: none !important; }
.d-md-inline {
  display: inline !important; }
.d-md-inline-block {
  display: inline-block !important; }
.d-md-block {
  display: block !important; }
.d-md-table {
  display: table !important; }
.d-md-table-row {
  display: table-row !important; }
.d-md-table-cell {
  display: table-cell !important; }
.d-md-flex {
  display: flex !important; }
.d-md-inline-flex {
  display: inline-flex !important; } }

@media (min-width: 992px) {
.d-lg-none {
  display: none !important; }
.d-lg-inline {
  display: inline !important; }
.d-lg-inline-block {
  display: inline-block !important; }
.d-lg-block {
  display: block !important; }
.d-lg-table {
  display: table !important; }
.d-lg-table-row {
  display: table-row !important; }
.d-lg-table-cell {
  display: table-cell !important; }
.d-lg-flex {
  display: flex !important; }
.d-lg-inline-flex {
  display: inline-flex !important; } }

@media (min-width: 1200px) {
.d-xl-none {
  display: none !important; }
.d-xl-inline {
  display: inline !important; }
.d-xl-inline-block {
  display: inline-block !important; }
.d-xl-block {
  display: block !important; }
.d-xl-table {
  display: table !important; }
.d-xl-table-row {
  display: table-row !important; }
.d-xl-table-cell {
  display: table-cell !important; }
.d-xl-flex {
  display: flex !important; }
.d-xl-inline-flex {
  display: inline-flex !important; } }


.w-25 {
width: 25% !important; }

.w-50 {
width: 50% !important; }

.w-75 {
width: 75% !important; }

.w-100 {
width: 100% !important; }

.w-auto {
width: auto !important; }

.h-25 {
height: 25% !important; }

.h-50 {
height: 50% !important; }

.h-75 {
height: 75% !important; }

.h-100 {
height: 100% !important; }

.h-auto {
height: auto !important; }

.mw-100 {
max-width: 100% !important; }

.mh-100 {
max-height: 100% !important; }

.min-vw-100 {
min-width: 100vw !important; }

.min-vh-100 {
min-height: 100vh !important; }

.vw-100 {
width: 100vw !important; }

.vh-100 {
height: 100vh !important; }

.stretched-link::after {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1;
pointer-events: auto;
content: "";
background-color: rgba(0, 0, 0, 0); }

.m-0 {
margin: 0 !important; }

.mt-0,
.my-0 {
margin-top: 0 !important; }

.mr-0,
.mx-0 {
margin-right: 0 !important; }

.mb-0,
.my-0 {
margin-bottom: 0 !important; }

.ml-0,
.mx-0 {
margin-left: 0 !important; }

.m-1 {
margin: 0.25rem !important; }

.mt-1,
.my-1 {
margin-top: 0.25rem !important; }

.mr-1,
.mx-1 {
margin-right: 0.25rem !important; }

.mb-1,
.my-1 {
margin-bottom: 0.25rem !important; }

.ml-1,
.mx-1 {
margin-left: 0.25rem !important; }

.m-2 {
margin: 0.5rem !important; }

.mt-2,
.my-2 {
margin-top: 0.5rem !important; }

.mr-2,
.mx-2 {
margin-right: 0.5rem !important; }

.mb-2,
.my-2 {
margin-bottom: 0.5rem !important; }

.ml-2,
.mx-2 {
margin-left: 0.5rem !important; }

.m-3 {
margin: 1rem !important; }

.mt-3,
.my-3 {
margin-top: 1rem !important; }

.mr-3,
.mx-3 {
margin-right: 1rem !important; }

.mb-3,
.my-3 {
margin-bottom: 1rem !important; }

.ml-3,
.mx-3 {
margin-left: 1rem !important; }

.m-4 {
margin: 1.5rem !important; }

.mt-4,
.my-4 {
margin-top: 1.5rem !important; }

.mr-4,
.mx-4 {
margin-right: 1.5rem !important; }

.mb-4,
.my-4 {
margin-bottom: 3.5rem !important; }

.ml-4,
.mx-4 {
margin-left: 1.5rem !important; }

.m-5 {
margin: 3rem !important; }

.mt-5,
.my-5 {
margin-top: 3rem !important; }

.mr-5,
.mx-5 {
margin-right: 3rem !important; }

.mb-5,
.my-5 {
margin-bottom: 3rem !important; }

.ml-5,
.mx-5 {
margin-left: 3rem !important; }

.p-0 {
padding: 0 !important; }

.pt-0,
.py-0 {
padding-top: 0 !important; }

.pr-0,
.px-0 {
padding-right: 0 !important; }

.pb-0,
.py-0 {
padding-bottom: 0 !important; }

.pl-0,
.px-0 {
padding-left: 0 !important; }

.p-1 {
padding: 0.25rem !important; }

.pt-1,
.py-1 {
padding-top: 0.25rem !important; }

.pr-1,
.px-1 {
padding-right: 0.25rem !important; }

.pb-1,
.py-1 {
padding-bottom: 0.25rem !important; }

.pl-1,
.px-1 {
padding-left: 0.25rem !important; }

.p-2 {
padding: 0.5rem !important; }

.pt-2,
.py-2 {
padding-top: 0.5rem !important; }

.pr-2,
.px-2 {
padding-right: 0.5rem !important; }

.pb-2,
.py-2 {
padding-bottom: 0.5rem !important; }

.pl-2,
.px-2 {
padding-left: 0.5rem !important; }

.p-3 {
padding: 1rem !important; }

.pt-3,
.py-3 {
padding-top: 1rem !important; }

.pr-3,
.px-3 {
padding-right: 1rem !important; }

.pb-3,
.py-3 {
padding-bottom: 1rem !important; }

.pl-3,
.px-3 {
padding-left: 1rem !important; }

.p-4 {
padding: 1.5rem !important; }

.pt-4,
.py-4 {
padding-top: 1.5rem !important; }

.pr-4,
.px-4 {
padding-right: 1.5rem !important; }

.pb-4,
.py-4 {
padding-bottom: 1.5rem !important; }

.pl-4,
.px-4 {
padding-left: 1.5rem !important; }

.p-5 {
padding: 3rem !important; }

.pt-5,
.py-5 {
padding-top: 3rem !important; }

.pr-5,
.px-5 {
padding-right: 3rem !important; }

.pb-5,
.py-5 {
padding-bottom: 3rem !important; }

.pl-5,
.px-5 {
padding-left: 3rem !important; }

.m-n1 {
margin: -0.25rem !important; }

.mt-n1,
.my-n1 {
margin-top: -0.25rem !important; }

.mr-n1,
.mx-n1 {
margin-right: -0.25rem !important; }

.mb-n1,
.my-n1 {
margin-bottom: -0.25rem !important; }

.ml-n1,
.mx-n1 {
margin-left: -0.25rem !important; }

.m-n2 {
margin: -0.5rem !important; }

.mt-n2,
.my-n2 {
margin-top: -0.5rem !important; }

.mr-n2,
.mx-n2 {
margin-right: -0.5rem !important; }

.mb-n2,
.my-n2 {
margin-bottom: -0.5rem !important; }

.ml-n2,
.mx-n2 {
margin-left: -0.5rem !important; }

.m-n3 {
margin: -1rem !important; }

.mt-n3,
.my-n3 {
margin-top: -1rem !important; }

.mr-n3,
.mx-n3 {
margin-right: -1rem !important; }

.mb-n3,
.my-n3 {
margin-bottom: -1rem !important; }

.ml-n3,
.mx-n3 {
margin-left: -1rem !important; }

.m-n4 {
margin: -1.5rem !important; }

.mt-n4,
.my-n4 {
margin-top: -1.5rem !important; }

.mr-n4,
.mx-n4 {
margin-right: -1.5rem !important; }

.mb-n4,
.my-n4 {
margin-bottom: -1.5rem !important; }

.ml-n4,
.mx-n4 {
margin-left: -1.5rem !important; }

.m-n5 {
margin: -3rem !important; }

.mt-n5,
.my-n5 {
margin-top: -3rem !important; }

.mr-n5,
.mx-n5 {
margin-right: -3rem !important; }

.mb-n5,
.my-n5 {
margin-bottom: -3rem !important; }

.ml-n5,
.mx-n5 {
margin-left: -3rem !important; }

.m-auto {
margin: auto !important; }

.mt-auto,
.my-auto {
margin-top: auto !important; }

.mr-auto,
.mx-auto {
margin-right: auto !important; }

.mb-auto,
.my-auto {
margin-bottom: auto !important; }

.ml-auto,
.mx-auto {
margin-left: auto !important; }

@media (min-width: 576px) {
  .m-sm-0 {
    margin: 0 !important; }
  .mt-sm-0,
  .my-sm-0 {
    margin-top: 0 !important; }
  .mr-sm-0,
  .mx-sm-0 {
    margin-right: 0 !important; }
  .mb-sm-0,
  .my-sm-0 {
    margin-bottom: 0 !important; }
  .ml-sm-0,
  .mx-sm-0 {
    margin-left: 0 !important; }
  .m-sm-1 {
    margin: 0.25rem !important; }
  .mt-sm-1,
  .my-sm-1 {
    margin-top: 0.25rem !important; }
  .mr-sm-1,
  .mx-sm-1 {
    margin-right: 0.25rem !important; }
  .mb-sm-1,
  .my-sm-1 {
    margin-bottom: 0.25rem !important; }
  .ml-sm-1,
  .mx-sm-1 {
    margin-left: 0.25rem !important; }
  .m-sm-2 {
    margin: 0.5rem !important; }
  .mt-sm-2,
  .my-sm-2 {
    margin-top: 0.5rem !important; }
  .mr-sm-2,
  .mx-sm-2 {
    margin-right: 0.5rem !important; }
  .mb-sm-2,
  .my-sm-2 {
    margin-bottom: 0.5rem !important; }
  .ml-sm-2,
  .mx-sm-2 {
    margin-left: 0.5rem !important; }
  .m-sm-3 {
    margin: 1rem !important; }
  .mt-sm-3,
  .my-sm-3 {
    margin-top: 1rem !important; }
  .mr-sm-3,
  .mx-sm-3 {
    margin-right: 1rem !important; }
  .mb-sm-3,
  .my-sm-3 {
    margin-bottom: 1rem !important; }
  .ml-sm-3,
  .mx-sm-3 {
    margin-left: 1rem !important; }
  .m-sm-4 {
    margin: 1.5rem !important; }
  .mt-sm-4,
  .my-sm-4 {
    margin-top: 1.5rem !important; }
  .mr-sm-4,
  .mx-sm-4 {
    margin-right: 1.5rem !important; }
  .mb-sm-4,
  .my-sm-4 {
    margin-bottom: 1.5rem !important; }
  .ml-sm-4,
  .mx-sm-4 {
    margin-left: 1.5rem !important; }
  .m-sm-5 {
    margin: 3rem !important; }
  .mt-sm-5,
  .my-sm-5 {
    margin-top: 3rem !important; }
  .mr-sm-5,
  .mx-sm-5 {
    margin-right: 3rem !important; }
  .mb-sm-5,
  .my-sm-5 {
    margin-bottom: 3rem !important; }
  .ml-sm-5,
  .mx-sm-5 {
    margin-left: 3rem !important; }
  .p-sm-0 {
    padding: 0 !important; }
  .pt-sm-0,
  .py-sm-0 {
    padding-top: 0 !important; }
  .pr-sm-0,
  .px-sm-0 {
    padding-right: 0 !important; }
  .pb-sm-0,
  .py-sm-0 {
    padding-bottom: 0 !important; }
  .pl-sm-0,
  .px-sm-0 {
    padding-left: 0 !important; }
  .p-sm-1 {
    padding: 0.25rem !important; }
  .pt-sm-1,
  .py-sm-1 {
    padding-top: 0.25rem !important; }
  .pr-sm-1,
  .px-sm-1 {
    padding-right: 0.25rem !important; }
  .pb-sm-1,
  .py-sm-1 {
    padding-bottom: 0.25rem !important; }
  .pl-sm-1,
  .px-sm-1 {
    padding-left: 0.25rem !important; }
  .p-sm-2 {
    padding: 0.5rem !important; }
  .pt-sm-2,
  .py-sm-2 {
    padding-top: 0.5rem !important; }
  .pr-sm-2,
  .px-sm-2 {
    padding-right: 0.5rem !important; }
  .pb-sm-2,
  .py-sm-2 {
    padding-bottom: 0.5rem !important; }
  .pl-sm-2,
  .px-sm-2 {
    padding-left: 0.5rem !important; }
  .p-sm-3 {
    padding: 1rem !important; }
  .pt-sm-3,
  .py-sm-3 {
    padding-top: 1rem !important; }
  .pr-sm-3,
  .px-sm-3 {
    padding-right: 1rem !important; }
  .pb-sm-3,
  .py-sm-3 {
    padding-bottom: 1rem !important; }
  .pl-sm-3,
  .px-sm-3 {
    padding-left: 1rem !important; }
  .p-sm-4 {
    padding: 1.5rem !important; }
  .pt-sm-4,
  .py-sm-4 {
    padding-top: 1.5rem !important; }
  .pr-sm-4,
  .px-sm-4 {
    padding-right: 1.5rem !important; }
  .pb-sm-4,
  .py-sm-4 {
    padding-bottom: 1.5rem !important; }
  .pl-sm-4,
  .px-sm-4 {
    padding-left: 1.5rem !important; }
  .p-sm-5 {
    padding: 3rem !important; }
  .pt-sm-5,
  .py-sm-5 {
    padding-top: 3rem !important; }
  .pr-sm-5,
  .px-sm-5 {
    padding-right: 3rem !important; }
  .pb-sm-5,
  .py-sm-5 {
    padding-bottom: 3rem !important; }
  .pl-sm-5,
  .px-sm-5 {
    padding-left: 3rem !important; }
  .m-sm-n1 {
    margin: -0.25rem !important; }
  .mt-sm-n1,
  .my-sm-n1 {
    margin-top: -0.25rem !important; }
  .mr-sm-n1,
  .mx-sm-n1 {
    margin-right: -0.25rem !important; }
  .mb-sm-n1,
  .my-sm-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-sm-n1,
  .mx-sm-n1 {
    margin-left: -0.25rem !important; }
  .m-sm-n2 {
    margin: -0.5rem !important; }
  .mt-sm-n2,
  .my-sm-n2 {
    margin-top: -0.5rem !important; }
  .mr-sm-n2,
  .mx-sm-n2 {
    margin-right: -0.5rem !important; }
  .mb-sm-n2,
  .my-sm-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-sm-n2,
  .mx-sm-n2 {
    margin-left: -0.5rem !important; }
  .m-sm-n3 {
    margin: -1rem !important; }
  .mt-sm-n3,
  .my-sm-n3 {
    margin-top: -1rem !important; }
  .mr-sm-n3,
  .mx-sm-n3 {
    margin-right: -1rem !important; }
  .mb-sm-n3,
  .my-sm-n3 {
    margin-bottom: -1rem !important; }
  .ml-sm-n3,
  .mx-sm-n3 {
    margin-left: -1rem !important; }
  .m-sm-n4 {
    margin: -1.5rem !important; }
  .mt-sm-n4,
  .my-sm-n4 {
    margin-top: -1.5rem !important; }
  .mr-sm-n4,
  .mx-sm-n4 {
    margin-right: -1.5rem !important; }
  .mb-sm-n4,
  .my-sm-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-sm-n4,
  .mx-sm-n4 {
    margin-left: -1.5rem !important; }
  .m-sm-n5 {
    margin: -3rem !important; }
  .mt-sm-n5,
  .my-sm-n5 {
    margin-top: -3rem !important; }
  .mr-sm-n5,
  .mx-sm-n5 {
    margin-right: -3rem !important; }
  .mb-sm-n5,
  .my-sm-n5 {
    margin-bottom: -3rem !important; }
  .ml-sm-n5,
  .mx-sm-n5 {
    margin-left: -3rem !important; }
  .m-sm-auto {
    margin: auto !important; }
  .mt-sm-auto,
  .my-sm-auto {
    margin-top: auto !important; }
  .mr-sm-auto,
  .mx-sm-auto {
    margin-right: auto !important; }
  .mb-sm-auto,
  .my-sm-auto {
    margin-bottom: auto !important; }
  .ml-sm-auto,
  .mx-sm-auto {
    margin-left: auto !important; } }

@media (min-width: 768px) {
  .m-md-0 {
    margin: 0 !important; }
  .mt-md-0,
  .my-md-0 {
    margin-top: 0 !important; }
  .mr-md-0,
  .mx-md-0 {
    margin-right: 0 !important; }
  .mb-md-0,
  .my-md-0 {
    margin-bottom: 0 !important; }
  .ml-md-0,
  .mx-md-0 {
    margin-left: 0 !important; }
  .m-md-1 {
    margin: 0.25rem !important; }
  .mt-md-1,
  .my-md-1 {
    margin-top: 0.25rem !important; }
  .mr-md-1,
  .mx-md-1 {
    margin-right: 0.25rem !important; }
  .mb-md-1,
  .my-md-1 {
    margin-bottom: 0.25rem !important; }
  .ml-md-1,
  .mx-md-1 {
    margin-left: 0.25rem !important; }
  .m-md-2 {
    margin: 0.5rem !important; }
  .mt-md-2,
  .my-md-2 {
    margin-top: 0.5rem !important; }
  .mr-md-2,
  .mx-md-2 {
    margin-right: 0.5rem !important; }
  .mb-md-2,
  .my-md-2 {
    margin-bottom: 0.5rem !important; }
  .ml-md-2,
  .mx-md-2 {
    margin-left: 0.5rem !important; }
  .m-md-3 {
    margin: 1rem !important; }
  .mt-md-3,
  .my-md-3 {
    margin-top: 1rem !important; }
  .mr-md-3,
  .mx-md-3 {
    margin-right: 1rem !important; }
  .mb-md-3,
  .my-md-3 {
    margin-bottom: 1rem !important; }
  .ml-md-3,
  .mx-md-3 {
    margin-left: 1rem !important; }
  .m-md-4 {
    margin: 1.5rem !important; }
  .mt-md-4,
  .my-md-4 {
    margin-top: 1.5rem !important; }
  .mr-md-4,
  .mx-md-4 {
    margin-right: 1.5rem !important; }
  .mb-md-4,
  .my-md-4 {
    margin-bottom: 1.5rem !important; }
  .ml-md-4,
  .mx-md-4 {
    margin-left: 1.5rem !important; }
  .m-md-5 {
    margin: 3rem !important; }
  .mt-md-5,
  .my-md-5 {
    margin-top: 3rem !important; }
  .mr-md-5,
  .mx-md-5 {
    margin-right: 3rem !important; }
  .mb-md-5,
  .my-md-5 {
    margin-bottom: 3rem !important; }
  .ml-md-5,
  .mx-md-5 {
    margin-left: 3rem !important; }
  .p-md-0 {
    padding: 0 !important; }
  .pt-md-0,
  .py-md-0 {
    padding-top: 0 !important; }
  .pr-md-0,
  .px-md-0 {
    padding-right: 0 !important; }
  .pb-md-0,
  .py-md-0 {
    padding-bottom: 0 !important; }
  .pl-md-0,
  .px-md-0 {
    padding-left: 0 !important; }
  .p-md-1 {
    padding: 0.25rem !important; }
  .pt-md-1,
  .py-md-1 {
    padding-top: 0.25rem !important; }
  .pr-md-1,
  .px-md-1 {
    padding-right: 0.25rem !important; }
  .pb-md-1,
  .py-md-1 {
    padding-bottom: 0.25rem !important; }
  .pl-md-1,
  .px-md-1 {
    padding-left: 0.25rem !important; }
  .p-md-2 {
    padding: 0.5rem !important; }
  .pt-md-2,
  .py-md-2 {
    padding-top: 0.5rem !important; }
  .pr-md-2,
  .px-md-2 {
    padding-right: 0.5rem !important; }
  .pb-md-2,
  .py-md-2 {
    padding-bottom: 0.5rem !important; }
  .pl-md-2,
  .px-md-2 {
    padding-left: 0.5rem !important; }
  .p-md-3 {
    padding: 1rem !important; }
  .pt-md-3,
  .py-md-3 {
    padding-top: 1rem !important; }
  .pr-md-3,
  .px-md-3 {
    padding-right: 1rem !important; }
  .pb-md-3,
  .py-md-3 {
    padding-bottom: 1rem !important; }
  .pl-md-3,
  .px-md-3 {
    padding-left: 1rem !important; }
  .p-md-4 {
    padding: 1.5rem !important; }
  .pt-md-4,
  .py-md-4 {
    padding-top: 1.5rem !important; }
  .pr-md-4,
  .px-md-4 {
    padding-right: 1.5rem !important; }
  .pb-md-4,
  .py-md-4 {
    padding-bottom: 1.5rem !important; }
  .pl-md-4,
  .px-md-4 {
    padding-left: 1.5rem !important; }
  .p-md-5 {
    padding: 3rem !important; }
  .pt-md-5,
  .py-md-5 {
    padding-top: 3rem !important; }
  .pr-md-5,
  .px-md-5 {
    padding-right: 3rem !important; }
  .pb-md-5,
  .py-md-5 {
    padding-bottom: 3rem !important; }
  .pl-md-5,
  .px-md-5 {
    padding-left: 3rem !important; }
  .m-md-n1 {
    margin: -0.25rem !important; }
  .mt-md-n1,
  .my-md-n1 {
    margin-top: -0.25rem !important; }
  .mr-md-n1,
  .mx-md-n1 {
    margin-right: -0.25rem !important; }
  .mb-md-n1,
  .my-md-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-md-n1,
  .mx-md-n1 {
    margin-left: -0.25rem !important; }
  .m-md-n2 {
    margin: -0.5rem !important; }
  .mt-md-n2,
  .my-md-n2 {
    margin-top: -0.5rem !important; }
  .mr-md-n2,
  .mx-md-n2 {
    margin-right: -0.5rem !important; }
  .mb-md-n2,
  .my-md-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-md-n2,
  .mx-md-n2 {
    margin-left: -0.5rem !important; }
  .m-md-n3 {
    margin: -1rem !important; }
  .mt-md-n3,
  .my-md-n3 {
    margin-top: -1rem !important; }
  .mr-md-n3,
  .mx-md-n3 {
    margin-right: -1rem !important; }
  .mb-md-n3,
  .my-md-n3 {
    margin-bottom: -1rem !important; }
  .ml-md-n3,
  .mx-md-n3 {
    margin-left: -1rem !important; }
  .m-md-n4 {
    margin: -1.5rem !important; }
  .mt-md-n4,
  .my-md-n4 {
    margin-top: -1.5rem !important; }
  .mr-md-n4,
  .mx-md-n4 {
    margin-right: -1.5rem !important; }
  .mb-md-n4,
  .my-md-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-md-n4,
  .mx-md-n4 {
    margin-left: -1.5rem !important; }
  .m-md-n5 {
    margin: -3rem !important; }
  .mt-md-n5,
  .my-md-n5 {
    margin-top: -3rem !important; }
  .mr-md-n5,
  .mx-md-n5 {
    margin-right: -3rem !important; }
  .mb-md-n5,
  .my-md-n5 {
    margin-bottom: -3rem !important; }
  .ml-md-n5,
  .mx-md-n5 {
    margin-left: -3rem !important; }
  .m-md-auto {
    margin: auto !important; }
  .mt-md-auto,
  .my-md-auto {
    margin-top: auto !important; }
  .mr-md-auto,
  .mx-md-auto {
    margin-right: auto !important; }
  .mb-md-auto,
  .my-md-auto {
    margin-bottom: auto !important; }
  .ml-md-auto,
  .mx-md-auto {
    margin-left: auto !important; } }

@media (min-width: 992px) {
  .m-lg-0 {
    margin: 0 !important; }
  .mt-lg-0,
  .my-lg-0 {
    margin-top: 0 !important; }
  .mr-lg-0,
  .mx-lg-0 {
    margin-right: 0 !important; }
  .mb-lg-0,
  .my-lg-0 {
    margin-bottom: 0 !important; }
  .ml-lg-0,
  .mx-lg-0 {
    margin-left: 0 !important; }
  .m-lg-1 {
    margin: 0.25rem !important; }
  .mt-lg-1,
  .my-lg-1 {
    margin-top: 0.25rem !important; }
  .mr-lg-1,
  .mx-lg-1 {
    margin-right: 0.25rem !important; }
  .mb-lg-1,
  .my-lg-1 {
    margin-bottom: 0.25rem !important; }
  .ml-lg-1,
  .mx-lg-1 {
    margin-left: 0.25rem !important; }
  .m-lg-2 {
    margin: 0.5rem !important; }
  .mt-lg-2,
  .my-lg-2 {
    margin-top: 0.5rem !important; }
  .mr-lg-2,
  .mx-lg-2 {
    margin-right: 0.5rem !important; }
  .mb-lg-2,
  .my-lg-2 {
    margin-bottom: 0.5rem !important; }
  .ml-lg-2,
  .mx-lg-2 {
    margin-left: 0.5rem !important; }
  .m-lg-3 {
    margin: 1rem !important; }
  .mt-lg-3,
  .my-lg-3 {
    margin-top: 1rem !important; }
  .mr-lg-3,
  .mx-lg-3 {
    margin-right: 1rem !important; }
  .mb-lg-3,
  .my-lg-3 {
    margin-bottom: 1rem !important; }
  .ml-lg-3,
  .mx-lg-3 {
    margin-left: 1rem !important; }
  .m-lg-4 {
    margin: 1.5rem !important; }
  .mt-lg-4,
  .my-lg-4 {
    margin-top: 1.5rem !important; }
  .mr-lg-4,
  .mx-lg-4 {
    margin-right: 1.5rem !important; }
  .mb-lg-4,
  .my-lg-4 {
    margin-bottom: 1.5rem !important; }
  .ml-lg-4,
  .mx-lg-4 {
    margin-left: 1.5rem !important; }
  .m-lg-5 {
    margin: 3rem !important; }
  .mt-lg-5,
  .my-lg-5 {
    margin-top: 3rem !important; }
  .mr-lg-5,
  .mx-lg-5 {
    margin-right: 3rem !important; }
  .mb-lg-5,
  .my-lg-5 {
    margin-bottom: 3rem !important; }
  .ml-lg-5,
  .mx-lg-5 {
    margin-left: 3rem !important; }
  .p-lg-0 {
    padding: 0 !important; }
  .pt-lg-0,
  .py-lg-0 {
    padding-top: 0 !important; }
  .pr-lg-0,
  .px-lg-0 {
    padding-right: 0 !important; }
  .pb-lg-0,
  .py-lg-0 {
    padding-bottom: 0 !important; }
  .pl-lg-0,
  .px-lg-0 {
    padding-left: 0 !important; }
  .p-lg-1 {
    padding: 0.25rem !important; }
  .pt-lg-1,
  .py-lg-1 {
    padding-top: 0.25rem !important; }
  .pr-lg-1,
  .px-lg-1 {
    padding-right: 0.25rem !important; }
  .pb-lg-1,
  .py-lg-1 {
    padding-bottom: 0.25rem !important; }
  .pl-lg-1,
  .px-lg-1 {
    padding-left: 0.25rem !important; }
  .p-lg-2 {
    padding: 0.5rem !important; }
  .pt-lg-2,
  .py-lg-2 {
    padding-top: 0.5rem !important; }
  .pr-lg-2,
  .px-lg-2 {
    padding-right: 0.5rem !important; }
  .pb-lg-2,
  .py-lg-2 {
    padding-bottom: 0.5rem !important; }
  .pl-lg-2,
  .px-lg-2 {
    padding-left: 0.5rem !important; }
  .p-lg-3 {
    padding: 1rem !important; }
  .pt-lg-3,
  .py-lg-3 {
    padding-top: 1rem !important; }
  .pr-lg-3,
  .px-lg-3 {
    padding-right: 1rem !important; }
  .pb-lg-3,
  .py-lg-3 {
    padding-bottom: 1rem !important; }
  .pl-lg-3,
  .px-lg-3 {
    padding-left: 1rem !important; }
  .p-lg-4 {
    padding: 1.5rem !important; }
  .pt-lg-4,
  .py-lg-4 {
    padding-top: 1.5rem !important; }
  .pr-lg-4,
  .px-lg-4 {
    padding-right: 1.5rem !important; }
  .pb-lg-4,
  .py-lg-4 {
    padding-bottom: 1.5rem !important; }
  .pl-lg-4,
  .px-lg-4 {
    padding-left: 1.5rem !important; }
  .p-lg-5 {
    padding: 3rem !important; }
  .pt-lg-5,
  .py-lg-5 {
    padding-top: 3rem !important; }
  .pr-lg-5,
  .px-lg-5 {
    padding-right: 3rem !important; }
  .pb-lg-5,
  .py-lg-5 {
    padding-bottom: 3rem !important; }
  .pl-lg-5,
  .px-lg-5 {
    padding-left: 3rem !important; }
  .m-lg-n1 {
    margin: -0.25rem !important; }
  .mt-lg-n1,
  .my-lg-n1 {
    margin-top: -0.25rem !important; }
  .mr-lg-n1,
  .mx-lg-n1 {
    margin-right: -0.25rem !important; }
  .mb-lg-n1,
  .my-lg-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-lg-n1,
  .mx-lg-n1 {
    margin-left: -0.25rem !important; }
  .m-lg-n2 {
    margin: -0.5rem !important; }
  .mt-lg-n2,
  .my-lg-n2 {
    margin-top: -0.5rem !important; }
  .mr-lg-n2,
  .mx-lg-n2 {
    margin-right: -0.5rem !important; }
  .mb-lg-n2,
  .my-lg-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-lg-n2,
  .mx-lg-n2 {
    margin-left: -0.5rem !important; }
  .m-lg-n3 {
    margin: -1rem !important; }
  .mt-lg-n3,
  .my-lg-n3 {
    margin-top: -1rem !important; }
  .mr-lg-n3,
  .mx-lg-n3 {
    margin-right: -1rem !important; }
  .mb-lg-n3,
  .my-lg-n3 {
    margin-bottom: -1rem !important; }
  .ml-lg-n3,
  .mx-lg-n3 {
    margin-left: -1rem !important; }
  .m-lg-n4 {
    margin: -1.5rem !important; }
  .mt-lg-n4,
  .my-lg-n4 {
    margin-top: -1.5rem !important; }
  .mr-lg-n4,
  .mx-lg-n4 {
    margin-right: -1.5rem !important; }
  .mb-lg-n4,
  .my-lg-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-lg-n4,
  .mx-lg-n4 {
    margin-left: -1.5rem !important; }
  .m-lg-n5 {
    margin: -3rem !important; }
  .mt-lg-n5,
  .my-lg-n5 {
    margin-top: -3rem !important; }
  .mr-lg-n5,
  .mx-lg-n5 {
    margin-right: -3rem !important; }
  .mb-lg-n5,
  .my-lg-n5 {
    margin-bottom: -3rem !important; }
  .ml-lg-n5,
  .mx-lg-n5 {
    margin-left: -3rem !important; }
  .m-lg-auto {
    margin: auto !important; }
  .mt-lg-auto,
  .my-lg-auto {
    margin-top: auto !important; }
  .mr-lg-auto,
  .mx-lg-auto {
    margin-right: auto !important; }
  .mb-lg-auto,
  .my-lg-auto {
    margin-bottom: auto !important; }
  .ml-lg-auto,
  .mx-lg-auto {
    margin-left: auto !important; } }

@media (min-width: 1200px) {
  .m-xl-0 {
    margin: 0 !important; }
  .mt-xl-0,
  .my-xl-0 {
    margin-top: 0 !important; }
  .mr-xl-0,
  .mx-xl-0 {
    margin-right: 0 !important; }
  .mb-xl-0,
  .my-xl-0 {
    margin-bottom: 0 !important; }
  .ml-xl-0,
  .mx-xl-0 {
    margin-left: 0 !important; }
  .m-xl-1 {
    margin: 0.25rem !important; }
  .mt-xl-1,
  .my-xl-1 {
    margin-top: 0.25rem !important; }
  .mr-xl-1,
  .mx-xl-1 {
    margin-right: 0.25rem !important; }
  .mb-xl-1,
  .my-xl-1 {
    margin-bottom: 0.25rem !important; }
  .ml-xl-1,
  .mx-xl-1 {
    margin-left: 0.25rem !important; }
  .m-xl-2 {
    margin: 0.5rem !important; }
  .mt-xl-2,
  .my-xl-2 {
    margin-top: 0.5rem !important; }
  .mr-xl-2,
  .mx-xl-2 {
    margin-right: 0.5rem !important; }
  .mb-xl-2,
  .my-xl-2 {
    margin-bottom: 0.5rem !important; }
  .ml-xl-2,
  .mx-xl-2 {
    margin-left: 0.5rem !important; }
  .m-xl-3 {
    margin: 1rem !important; }
  .mt-xl-3,
  .my-xl-3 {
    margin-top: 1rem !important; }
  .mr-xl-3,
  .mx-xl-3 {
    margin-right: 1rem !important; }
  .mb-xl-3,
  .my-xl-3 {
    margin-bottom: 1rem !important; }
  .ml-xl-3,
  .mx-xl-3 {
    margin-left: 1rem !important; }
  .m-xl-4 {
    margin: 1.5rem !important; }
  .mt-xl-4,
  .my-xl-4 {
    margin-top: 1.5rem !important; }
  .mr-xl-4,
  .mx-xl-4 {
    margin-right: 1.5rem !important; }
  .mb-xl-4,
  .my-xl-4 {
    margin-bottom: 1.5rem !important; }
  .ml-xl-4,
  .mx-xl-4 {
    margin-left: 1.5rem !important; }
  .m-xl-5 {
    margin: 3rem !important; }
  .mt-xl-5,
  .my-xl-5 {
    margin-top: 3rem !important; }
  .mr-xl-5,
  .mx-xl-5 {
    margin-right: 3rem !important; }
  .mb-xl-5,
  .my-xl-5 {
    margin-bottom: 3rem !important; }
  .ml-xl-5,
  .mx-xl-5 {
    margin-left: 3rem !important; }
  .p-xl-0 {
    padding: 0 !important; }
  .pt-xl-0,
  .py-xl-0 {
    padding-top: 0 !important; }
  .pr-xl-0,
  .px-xl-0 {
    padding-right: 0 !important; }
  .pb-xl-0,
  .py-xl-0 {
    padding-bottom: 0 !important; }
  .pl-xl-0,
  .px-xl-0 {
    padding-left: 0 !important; }
  .p-xl-1 {
    padding: 0.25rem !important; }
  .pt-xl-1,
  .py-xl-1 {
    padding-top: 0.25rem !important; }
  .pr-xl-1,
  .px-xl-1 {
    padding-right: 0.25rem !important; }
  .pb-xl-1,
  .py-xl-1 {
    padding-bottom: 0.25rem !important; }
  .pl-xl-1,
  .px-xl-1 {
    padding-left: 0.25rem !important; }
  .p-xl-2 {
    padding: 0.5rem !important; }
  .pt-xl-2,
  .py-xl-2 {
    padding-top: 0.5rem !important; }
  .pr-xl-2,
  .px-xl-2 {
    padding-right: 0.5rem !important; }
  .pb-xl-2,
  .py-xl-2 {
    padding-bottom: 0.5rem !important; }
  .pl-xl-2,
  .px-xl-2 {
    padding-left: 0.5rem !important; }
  .p-xl-3 {
    padding: 1rem !important; }
  .pt-xl-3,
  .py-xl-3 {
    padding-top: 1rem !important; }
  .pr-xl-3,
  .px-xl-3 {
    padding-right: 1rem !important; }
  .pb-xl-3,
  .py-xl-3 {
    padding-bottom: 1rem !important; }
  .pl-xl-3,
  .px-xl-3 {
    padding-left: 1rem !important; }
  .p-xl-4 {
    padding: 1.5rem !important; }
  .pt-xl-4,
  .py-xl-4 {
    padding-top: 1.5rem !important; }
  .pr-xl-4,
  .px-xl-4 {
    padding-right: 1.5rem !important; }
  .pb-xl-4,
  .py-xl-4 {
    padding-bottom: 1.5rem !important; }
  .pl-xl-4,
  .px-xl-4 {
    padding-left: 1.5rem !important; }
  .p-xl-5 {
    padding: 3rem !important; }
  .pt-xl-5,
  .py-xl-5 {
    padding-top: 3rem !important; }
  .pr-xl-5,
  .px-xl-5 {
    padding-right: 3rem !important; }
  .pb-xl-5,
  .py-xl-5 {
    padding-bottom: 3rem !important; }
  .pl-xl-5,
  .px-xl-5 {
    padding-left: 3rem !important; }
  .m-xl-n1 {
    margin: -0.25rem !important; }
  .mt-xl-n1,
  .my-xl-n1 {
    margin-top: -0.25rem !important; }
  .mr-xl-n1,
  .mx-xl-n1 {
    margin-right: -0.25rem !important; }
  .mb-xl-n1,
  .my-xl-n1 {
    margin-bottom: -0.25rem !important; }
  .ml-xl-n1,
  .mx-xl-n1 {
    margin-left: -0.25rem !important; }
  .m-xl-n2 {
    margin: -0.5rem !important; }
  .mt-xl-n2,
  .my-xl-n2 {
    margin-top: -0.5rem !important; }
  .mr-xl-n2,
  .mx-xl-n2 {
    margin-right: -0.5rem !important; }
  .mb-xl-n2,
  .my-xl-n2 {
    margin-bottom: -0.5rem !important; }
  .ml-xl-n2,
  .mx-xl-n2 {
    margin-left: -0.5rem !important; }
  .m-xl-n3 {
    margin: -1rem !important; }
  .mt-xl-n3,
  .my-xl-n3 {
    margin-top: -1rem !important; }
  .mr-xl-n3,
  .mx-xl-n3 {
    margin-right: -1rem !important; }
  .mb-xl-n3,
  .my-xl-n3 {
    margin-bottom: -1rem !important; }
  .ml-xl-n3,
  .mx-xl-n3 {
    margin-left: -1rem !important; }
  .m-xl-n4 {
    margin: -1.5rem !important; }
  .mt-xl-n4,
  .my-xl-n4 {
    margin-top: -1.5rem !important; }
  .mr-xl-n4,
  .mx-xl-n4 {
    margin-right: -1.5rem !important; }
  .mb-xl-n4,
  .my-xl-n4 {
    margin-bottom: -1.5rem !important; }
  .ml-xl-n4,
  .mx-xl-n4 {
    margin-left: -1.5rem !important; }
  .m-xl-n5 {
    margin: -3rem !important; }
  .mt-xl-n5,
  .my-xl-n5 {
    margin-top: -3rem !important; }
  .mr-xl-n5,
  .mx-xl-n5 {
    margin-right: -3rem !important; }
  .mb-xl-n5,
  .my-xl-n5 {
    margin-bottom: -3rem !important; }
  .ml-xl-n5,
  .mx-xl-n5 {
    margin-left: -3rem !important; }
  .m-xl-auto {
    margin: auto !important; }
  .mt-xl-auto,
  .my-xl-auto {
    margin-top: auto !important; }
  .mr-xl-auto,
  .mx-xl-auto {
    margin-right: auto !important; }
  .mb-xl-auto,
  .my-xl-auto {
    margin-bottom: auto !important; }
  .ml-xl-auto,
  .mx-xl-auto {
    margin-left: auto !important; } }

  

.bg-white {
  background-color: #fff; }

.bg-gray-lighten {
  background-color: #efefef; }

.bg-gray-light {
  background-color: #d8d8d8; }

.bg-gray-medium {
  background-color: #999; }

.bg-gray-dark {
  background-color: #666; }

.bg-gray-darken {
  background-color: #333; }

.bg-black {
  background-color: #000; }

.bg-yellow {
  background-color: #ffd300; }

.bg-blue {
  background-color: #4B84AB; }

.bg-red {
  background-color: #AF2336; }

.bg-green {
  background-color: #8A9D25; }

.bg-brown {
  background-color: #A89E80; }

.text-white {
  color: #fff; }

.text-gray-lighten {
  color: #efefef; }

.text-gray-light {
  color: #d8d8d8; }

.text-gray-medium {
  color: #999; }

.text-gray-dark {
  color: #666; }

.text-gray-darken {
  color: #333; }

.text-black {
  color: #000; }

.text-yellow {
  color: #ffd300; }

.text-blue {
  color: #4B84AB; }

.text-red {
  color: #AF2336; }

.text-green {
  color: #8A9D25; }

.text-brown {
  color: #A89E80; }




/*Footer*/
footer {
  background: #333;
  font-size: 12px;
  padding-bottom: 2rem;
  color: #fff; 

  font-weight: 400;
  line-height: 1.5;
}

footer p {
  font-size: 12px;
  font-family: "Open Sans", sans-serif;;
  margin: 0px 0px 35px 0;
}
footer strong {
  font-family: "Open Sans", sans-serif;;
}
footer strong p{
margin: 0px 0px 0px 0;   
}
footer p strong a {
  color:white;
}
footer .bg-gray {
background: #333;
}
footer .text-yellow-eni {
  color: #ffd300; 
  font-weight: 500;
}
footer h6 {
  font-size: 14px;
  font-family: "EniTabBold";
}
footer h6 p{
  margin:0px;
}
footer .logo-eni-footer {
  width: 34.7px;
  height: 40px;
}
footer .col-lg-6 {
  padding-right: 0px;
}

@media (min-width: 1024px) {
  footer .col-lg-6:first-child {
      padding-right: 100px;
  }
}

footer .footer-description-enicom:before {
  content: "";
  display: block;
  height: 2px;
  width: 20%;
  position: relative;
  top: 10px;
  background: #ffd300;
  z-index: 0;
}
footer li {
  min-width: calc(48% - 1.5rem);
  margin-right: 1.5rem;
}
@media (min-width: 768px) {
  footer p strong a:hover{
    color:white;
  }
  footer .bg-gray {
    background: #333; }
  footer .text-yellow-eni {
    color: #ffd300; 
    font-weight: 600;}
  footer h6 {
    font-size: 14px; }
  footer .logo-eni-footer {
    width: 34.7px;
    height: 40px; }
  footer .col-lg-6 {
    padding-right: 0px; }
    @media (min-width: 1024px) {
      footer .col-lg-6:first-child {
        padding-right: 100px; } }
  footer .footer-description-enicom:before {
    content: "";
    display: block;
    height: 2px;
    width: 20%;
    position: relative;
    top: 10px;
    background: #ffd300;
    z-index: 0; }
  footer li {
      min-width: calc((93% / 4) - 1.5rem);
  }
}
footer li a {
  color: #efefef;
  font-size: 12px;
  font-family: 'Open Sans', sans-serif;
}
                       
footer li a p {
  margin-bottom:10px;
}
footer li a:hover {
  text-decoration: none;
  color: #efefef;
}
footer .eni-social a {
  color: #fff;
  opacity: 0.8;
}
footer .eni-social a:hover {
  opacity: 1;
  text-decoration: none;
}
footer .eni-social a.icon-twitter, footer .eni-social a.icon-youtube, footer .eni-social a.icon-twitter, footer .eni-social a.icon-instagram, footer .eni-social a.icon-facebook, footer .eni-social a.icon-linkedin {
  font-size: 1.85rem;
}
@media (min-width: 768px) {
  footer .eni-social a.icon-twitter, footer .eni-social a.icon-youtube, footer .eni-social a.icon-twitter, footer .eni-social a.icon-instagram, footer .eni-social a.icon-facebook, footer .eni-social a.icon-linkedin {
      font-size: 2.5rem;
  }
}
/* END FOOTER */
                      

.container-video {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    width: 100%;
}

.container-video iframe, .container-video object, .container-video embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
                      
.cookie-banner{
  position:fixed; 
  bottom:0px; 
  width:100%; 
  background: white; 
  z-index: 10; 
  box-shadow: rgba(0, 0, 0, 0.1) 0px -2px 11px 0px;
}

.cookie-banner-margin{
  margin: 40px auto;
}

.cookie-banner-line{
  width: 49px; 
  border-bottom: 8px solid #fed300;
}

.cookie-banner-title{
  display: inline-block;  
  margin-top:20px;
}

.cookie-banner-button{
  min-width: 290px; 
  height:47px; 
  margin-top:10px;
  margin-left:30px;
}

.cookie-banner-button-reject{
  border: solid 1px #000; 
  background: white;
}

.cookie-banner-button-align{
  margin-top: 25px; 
  text-align: right;
}

@media (max-width: 500px) {

  .cookie-banner-button{
    width: 100%; 
    height:47px; 
    margin-top:10px;
    margin-left: auto;
   
  }

  .cookie-banner-button-align{
    margin-top:50px; 
    text-align: center;
  }
}
  
/* INIZIO ANTIMAFIA */
.dot-antimafia {
    height: 20px;
    width: 20px;
    border-radius: 50%;
    display: table;
    margin: auto;
}
.dot-antimafia.dot-red {
    background-color: #CC1745;
}
.dot-antimafia.dot-yellow {
    background-color: #FED300;
}
.dot-antimafia.dot-green {
    background-color: #87BE2F;
}
.dot-antimafia.dot-grey {
    background-color: rgb(232, 232, 232);
}
/* FINE ANTIMAFIA */