@charset "UTF-8";
@font-face {
  font-family: 'ccbgroup';
  src: url("../font/ccbgroup.eot?20250710");
  src: url("../font/ccbgroup.eot?20250710#iefix") format("embedded-opentype"), url("../font/ccbgroup.woff2?20250710") format("woff2"), url("../font/ccbgroup.woff?20250710") format("woff"), url("../font/ccbgroup.ttf?20250710") format("truetype"), url("../font/ccbgroup.svg?20250710#ccbgroup") format("svg");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'yellowtail';
  src: url("../font/yellowtail/yellowtail-regular.woff2") format("woff2"), url("../font/yellowtail/yellowtail-regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"]:before, [class*=" icon-"]:before, .hero-banner-video-container button:after {
  font-family: 'ccbgroup';
  font-style: normal;
  font-weight: normal;
  speak: none;
  display: inline-block;
  text-decoration: inherit;
  text-align: center;
  font-variant: normal;
  text-transform: none;
  line-height: 1em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-arrow:before {
  content: '\e800';
}

/* '' */
.icon-ico-pdf:before {
  content: '\e801';
}

/* '' */
.icon-info:before {
  content: '\e802';
}

/* '' */
.icon-shape:before {
  content: '\e803';
}

/* '' */
.icon-external:before {
  content: '\e804';
}

/* '' */
.icon-plus:before {
  content: '\e805';
}

/* '' */
.icon-info-i:before {
  content: '\e806';
}

/* '' */
.icon-video:before {
  content: '\e807';
}

/* '' */
.icon-image:before {
  content: '\e808';
}

/* '' */
.icon-youtube-1:before {
  content: '\e809';
}

/* '' */
.icon-word:before {
  content: '\e80a';
}

/* '' */
.icon-tel:before {
  content: '\e80b';
}

/* '' */
.icon-down:before {
  content: '\e80c';
}

/* '' */
.icon-mail:before {
  content: '\e80d';
}

/* '' */
.icon-zip:before {
  content: '\e80e';
}

/* '' */
.icon-ppt:before {
  content: '\e80f';
}

/* '' */
.icon-linkedin-1:before {
  content: '\e810';
}

/* '' */
.icon-acrobat:before {
  content: '\e811';
}

/* '' */
.icon-plus-thin:before {
  content: '\e812';
}

/* '' */
.icon-audio:before {
  content: '\e813';
}

/* '' */
.icon-left:before {
  content: '\e814';
}

/* '' */
.icon-filiali_service_accessibility:before {
  content: '\e815';
}

/* '' */
.icon-print:before {
  content: '\e816';
}

/* '' */
.icon-cancel:before {
  content: '\e817';
}

/* '' */
.icon-filiali_service_atm:before {
  content: '\e818';
}

/* '' */
.icon-filiali_service_atm_advanced:before {
  content: '\e819';
}

/* '' */
.icon-filiali_service_defibrillator:before {
  content: '\e81a';
}

/* '' */
.icon-folder:before {
  content: '\e81b';
}

/* '' */
.icon-xls:before {
  content: '\e81c';
}

/* '' */
.icon-filiali_service_night_depository:before {
  content: '\e81d';
}

/* '' */
.icon-filiali_service_parking:before {
  content: '\e81e';
}

/* '' */
.icon-filiali_service_safe_deposit:before {
  content: '\e81f';
}

/* '' */
.icon-filiali_service_self_area:before {
  content: '\e820';
}

/* '' */
.icon-previdenza:before {
  content: '\e821';
}

/* '' */
.icon-assicurazioni:before {
  content: '\e822';
}

/* '' */
.icon-consulenza:before {
  content: '\e823';
}

/* '' */
.icon-conti-correnti:before {
  content: '\e824';
}

/* '' */
.icon-estero:before {
  content: '\e825';
}

/* '' */
.icon-finanziamenti:before {
  content: '\e826';
}

/* '' */
.icon-internet-mobile:before {
  content: '\e827';
}

/* '' */
.icon-investimenti:before {
  content: '\e828';
}

/* '' */
.icon-pagamenti:before {
  content: '\e829';
}

/* '' */
.icon-avanti:before {
  content: '\e82a';
}

/* '' */
.icon-youtube:before {
  content: '\e82b';
}

/* '' */
.icon-giovani:before {
  content: '\e82c';
}

/* '' */
.icon-linkedin:before {
  content: '\e82d';
}

/* '' */
.icon-pause:before {
  content: '\e82e';
}

/* '' */
.icon-play:before, .hero-banner-video-container button:after {
  content: '\e82f';
}

/* '' */
.icon-filiali_service_charging_bike:before {
  content: '\e830';
}

/* '' */
.icon-filiali_service_charging_car:before {
  content: '\e831';
}

/* '' */
.icon-mouse:before {
  content: '\e832';
}

/* '' */
.icon-x:before {
  content: '\e85e';
}

/* '' */
.icon-twitter-1:before {
  content: '\f099';
}

/* '' */
.icon-facebook-1:before {
  content: '\f09a';
}

/* '' */
.icon-linkedin-2:before {
  content: '\f0e1';
}

/* '' */
.icon-instagram:before {
  content: '\f16d';
}

/* '' */
.icon-spotify:before {
  content: '\f1bc';
}

/* '' */
.icon-whatsapp:before {
  content: '\f232';
}

/* '' */
.icon-vimeo:before {
  content: '\f27d';
}

/* '' */
/**.icon-plus:before { content: '\e800'; }
.icon-down:before { content: '\e801'; }
.icon-close:before { content: '\e802'; }
.icon-link:before { content: '\e803'; }
.icon-ico-calendar:before { content: '\e804'; }
.icon-ico-search:before { content: '\e805'; }
**/
.hero-banner-anchor {
  text-align: center;
}

.hero-banner-image {
  position: relative;
  margin-top: 60px;
  margin-bottom: 150px;
}

.hero-banner-image img {
  position: relative;
  width: 100%;
  max-width: 630px;
}

.hero-banner-image:before {
  content: "";
  position: absolute;
  top: -60px;
  bottom: -60px;
  width: 100vw;
  left: 50%;
  margin-left: -50vw;
  background: url("../../images/arsr2022/sinusoide.svg") no-repeat center center;
  background-size: 100% 100vw;
}

.hero-banner-video-container {
  position: relative;
  margin-top: 60px;
  overflow: hidden;
}

.hero-banner-video-container button {
  position: relative;
}

.hero-banner-video-container button:after {
  content: '\e82f';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #FFFFFF;
  border-radius: 7px;
  opacity: 0.797049907;
  width: 95px;
  height: 56px;
  line-height: 56px;
  color: #005366;
}

.hero-banner-video-container button .ar2023-overlay-text {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: calc(50% - 130px);
  padding-left: 100px;
  color: #FFFFFF;
  font-size: 2.5rem;
  line-height: 2.875rem;
  text-align: left;
}

@media all and (max-width: 640px) {
  .hero-banner-video-container button .ar2023-overlay-text {
    position: relative;
    transform: none;
    width: 100%;
    padding-left: 0;
    text-align: center;
    margin-bottom: 30px;
    font-size: 1.875rem;
    font-weight: 600;
  }
  .hero-banner-video-container button:after {
    bottom: calc((100vw - 50px) / 7.9);
    left: 50%;
    top: auto;
    transform: translate(-50%, -50%);
  }
}

/*# sourceMappingURL=../maps/arsr2023/ar2023-hero-and-video.css.map */