/* poppins-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-regular.woff2') format('woff2');
}
/* poppins-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-italic.woff2') format('woff2');
}
/* poppins-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-500.woff2') format('woff2');
}
/* poppins-500italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 500;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-500italic.woff2') format('woff2');
}
/* poppins-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-700.woff2') format('woff2');
}
/* poppins-700italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 700;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-700italic.woff2') format('woff2');
}
/* poppins-800 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-800.woff2') format('woff2');
}
/* poppins-800italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 800;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-800italic.woff2') format('woff2');
}
/* poppins-900 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 900;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-900.woff2') format('woff2');
}
/* poppins-900italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 900;
  src: url('https://static-cdn.teleconsul.it/fonts/poppins-v20-latin/poppins-v20-latin-900italic.woff2') format('woff2');
}

body {
  font-family: 'Poppins', sans-serif;
}

@media (max-width: 1200px) {
  legend {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  h1, .h1 {
    font-size: calc(1.375rem + 1.5vw) ;
  }
  h2, .h2 {
    font-size: calc(1.325rem + 0.9vw) ;
  }
  h3, .h3 {
    font-size: calc(1.3rem + 0.6vw) ;
  }
  h4, .h4 {
    font-size: calc(1.275rem + 0.3vw) ;
  }
  .display-1 {
    font-size: calc(1.725rem + 5.7vw) ;
  }
  .display-2 {
    font-size: calc(1.675rem + 5.1vw) ;
  }
  .display-3 {
    font-size: calc(1.575rem + 3.9vw) ;
  }
  .display-4 {
    font-size: calc(1.475rem + 2.7vw) ;
  }
  .close {
    font-size: calc(1.275rem + 0.3vw) ;
  }
}

.navbar-space {
  display: none !important;
  visibility: hidden !important;
}

.gradient-color {
  background: #011E46;
  background: linear-gradient(90deg, #011E46 0%, #0556BF 100%);
}

.gradient-color-alt {
  background: #011E46;
  background: -moz-linear-gradient(135deg, #011E46 0%, #0556BF 100%);
  background: -webkit-linear-gradient(135deg, #011E46 0%, #0556BF 100%);
  background: linear-gradient(135deg, #011E46 0%, #0556BF 100%);
}

.reflection-text::after {
  content: '';
  bottom: 0;
  position: absolute;
  width: 150px;
  left: calc(50% - 75px);
  height: 5px;
  background-color: #0556BF;
}

.reflection-text-white::after {
  height: 5px; background-color: white;
}

.waveWrapper {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -5px;
  top: 0;
  margin: auto;
}

.waveWrapper .waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
  }

.waveWrapper .bgTop {
    z-index: 15;
    opacity: 0.5; 
}

.waveWrapper .bgBottom {
    z-index: 5;
}

.waveWrapper .wave {
    position: absolute;
    left: 0;
    width: 1000%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    -webkit-transform-origin: center bottom;
            transform-origin: center bottom;
}

.waveWrapper .waveTop {
    background-image: url("https://www.teleconsul.it/RuntimeResources/RisorseCampagne/tcprocedure/wave1.png");
    background-size: 40% 100px;
}

.waveWrapper .waveBottom {
    background-image: url("https://www.teleconsul.it/RuntimeResources/RisorseCampagne/tcprocedure/wave1.png");
    background-size: 40% 100px;
}

.waveWrapper .waveBottom {
    -webkit-animation: move_wave 25s linear infinite;
            animation: move_wave 25s linear infinite;
}

@-webkit-keyframes move_wave {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
            transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1); }
}

@keyframes move_wave {
  0% {
    -webkit-transform: translateX(0) translateZ(0) scaleY(1);
            transform: translateX(0) translateZ(0) scaleY(1); }
  50% {
    -webkit-transform: translateX(-25%) translateZ(0) scaleY(0.55);
            transform: translateX(-25%) translateZ(0) scaleY(0.55); }
  100% {
    -webkit-transform: translateX(-50%) translateZ(0) scaleY(1);
            transform: translateX(-50%) translateZ(0) scaleY(1); }
}

#video {
  background: url("https://www.teleconsul.it/RuntimeResources/RisorseCampagne/tclavoro/video.jpg") center;
 }

#video .overlay {
    opacity: 0.9;
}

#video .container {
    position: relative;
    z-index: 10;
}

#video .reflection-text, #video p {
    color: inherit;
}

#video .icon-button i {
    display: inline-block;
    margin: 15px 30px;
    width: 90px;
    height: 90px;
    border-radius: 50%;
    box-shadow: 0 10px 10px rgba(0, 0, 0, 0.3);
    text-align: center;
    position: relative;
    z-index: 1;
    color: inherit;
    background: #0556BF;
    -webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
    -webkit-transition: background 0.2s, -webkit-transform ease-out 0.1s;
    transition: background 0.2s, -webkit-transform ease-out 0.1s;
    transition: transform ease-out 0.1s, background 0.2s;
    transition: transform ease-out 0.1s, background 0.2s, -webkit-transform ease-out 0.1s;
}

#video .icon-button i:after {
    top: 0;
    left: 0;
    padding: 0;
    z-index: -1;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1);
    opacity: 0;
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    content: '';
    box-sizing: content-box;
}

#video .icon-button i:before {
    speak: none;
    line-height: 90px;
    font-style: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    -webkit-font-smoothing: antialiased;
    color: #ffffff;
    font-size: 5rem;
}

#video .icon-button i:hover {
    background: #011E46;
    -webkit-transform: scale(0.93);
    transform: scale(0.93);
    color: inherit;
}

#video .icon-button i:hover:after {
    -webkit-animation: sonarEffect 1.3s ease-out 75ms;
    animation: sonarEffect 1.3s ease-out 75ms;
}

@-webkit-keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px rgba(39, 38, 39, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px rgba(39, 38, 39, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; }
}

@keyframes sonarEffect {
  0% {
    opacity: 0.3; }
  40% {
    opacity: 0.5;
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px rgba(39, 38, 39, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.5); }
  100% {
    box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px rgba(39, 38, 39, 0.6), 0 0 0 10px rgba(255, 255, 255, 0.5);
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0; }
}