/*
Theme Name: PagoDIL V2
Theme URI: 
Author: Marco Vailati
Author URI: https://www.subgression.com/
Description: Restyle tema PagoDIL 5 Aprile 2022
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: black, brown, orange, tan, white, yellow, light, one-column, two-columns, right-sidebar, flexible-width, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, translation-ready
Text Domain: twentythirteen

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* titillium-web-200 - latin */
@font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 200;
    src: url('./webfonts/titillium-web-v14-latin-200.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-200.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-200.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-200.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-200.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-200.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-200italic - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 200;
    src: url('./webfonts/titillium-web-v14-latin-200italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-200italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-200italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-200italic.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-200italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-200italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-300 - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 300;
    src: url('./webfonts/titillium-web-v14-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-300.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-300.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-300italic - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 300;
    src: url('./webfonts/titillium-web-v14-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-300italic.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-300italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-regular - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 400;
    src: url('./webfonts/titillium-web-v14-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-regular.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-italic - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 400;
    src: url('./webfonts/titillium-web-v14-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-italic.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-600 - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 600;
    src: url('./webfonts/titillium-web-v14-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-600.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-600.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-600italic - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 600;
    src: url('./webfonts/titillium-web-v14-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-600italic.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-600italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-700 - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 700;
    src: url('./webfonts/titillium-web-v14-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-700.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-700.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-700italic - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: italic;
    font-weight: 700;
    src: url('./webfonts/titillium-web-v14-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-700italic.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-700italic.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }
  
  /* titillium-web-900 - latin */
  @font-face {
    font-family: 'Titillium Web';
    font-style: normal;
    font-weight: 900;
    src: url('./webfonts/titillium-web-v14-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
         url('./webfonts/titillium-web-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('./webfonts/titillium-web-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-900.woff') format('woff'), /* Modern Browsers */
         url('./webfonts/titillium-web-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
         url('./webfonts/titillium-web-v14-latin-900.svg#TitilliumWeb') format('svg'); /* Legacy iOS */
  }  

:root { 
    --yellow-main: #FECB00;
    --bg-grey: #F2F2F2;
    --bg-white: white;
    --bg-black: #363636;
    --red-main: #D0103A;
    --red-dark: #9f0929;
    --btn-border-radius: 50px;
    --title-font-weight: 800;
    --bullet-size: 6px;
    --font-black: #252525;
}

.row-reverse {
    flex-direction: row-reverse !important;
}

@media only screen and (max-width: 768px) {
    .row-reverse {
        flex-direction: row-reverse !important;
    }
}

html {
    overflow-x: hidden;
    width: 100vw;
    scroll-behavior: smooth;
    scroll-padding-top: 105px;
}

.h-visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.mobile-only {
    display: none;
}

.desktop-only {
    display: block;
}

@media only screen and (max-width: 768px) {
    .mobile-only {
        display: block;
    }

    .desktop-only {
        display: none;
    }
}

body {
    font-family: 'Titillium Web', sans-serif;
    font-size: 16px;
    font-weight: 400;
    color: var(--font-black);
    height: auto;
    overflow-x: hidden !important;
    margin-top: 100px;
}

@media only screen and (max-width: 768px) {
    body {
        margin-top: 55px;
    }
}

.no-underline,
.no-underline:hover {
    text-decoration: none;
}

/* OVERRIDE FONT */
.form-row input[type="text"], .form-row input[type="email"], .form-row input[type="tel"], .form-row textarea, .form-row {
    font-family: inherit;
}

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

@media only screen and (max-width: 768px) {
    .w-50p {
        width: 100% !important;
    }
}

p {
    font-weight: 300;
    font-size: 1.1rem;
    letter-spacing: 0ch;
}

small {
    font-size: 0.85rem;
}

h2 {
    font-size: 2.5rem;
    font-weight: 600;
    letter-spacing: 0ch;
}

h3 {
    font-size: 2rem;
    font-weight: 500;
    letter-spacing: 0ch;
}

a:hover {
    color: unset;
}

.footer-link {
    transition: color 0.2s ease-in;
}

.footer-linkl:hover {
    color: var(--yellow-main);
}

.banner-container {
    width: 45%;
    position: relative;
    left: 10%;
    bottom: 0%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    z-index: 1;
}

.banner-container .lead {
    white-space: pre-wrap;
}

.text-pre-wrap{
    white-space: pre-wrap;
}

@media only screen and (max-width: 768px) {
    .banner-container {
        width: 75%;
        left: 5%;
        bottom: -13%;
    }

    p {
        font-size: 1.0rem;
    }

    h2 {
        font-size: 2rem;
    }

    h3 {
        font-size: 1.5rem;
    }
}

.color-red {
    color: var(--red-main);
}

.color-black {
    color: var(--bg-black);
}

strong {
    font-weight: 600;
}

.text-underline {
    text-decoration: underline;
}

.hidden {
    visibility: hidden;
}

.main-container {
    padding: 30px;
}

.justify-between {
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    .hidden {
        display: none;
    }

    .main-container {
        padding: 15px;
    }
}

.separator {
  background: rgba(255, 255, 255, 0.15);
  height: 2px;
  margin: 15px 0;
  width: 100%;
}

/* FLEX LAYOUT */

.flex {
  display: flex;
}

.flex-align-center {
  align-content: center;
  align-items: center;
}

.flex-justify-center {
  justify-content: center;
  justify-items: center;
}

.flex-column {
  flex-direction: column;
}

/* END FLEX LAYOUT */

/* SECTION COLORS */

.section-grey {
    background-color: var(--bg-grey);
}

.section-white {
    background-color: var(--bg-white);
}

.section-mixed {
    background: linear-gradient(180deg, var(--bg-white) 50%, var(--bg-grey) 50%);
}

.section-black {
    background-color: var(--bg-black);
    color: white;
}

.section-red {
    background-color: var(--red-main);
    color: white;
}

/* END SECTION COLORS */

/* WIDTH AND HEIGHT */

.w-100p {
    width: 100%;
}


.w-60p {
    width: 60%;
}

.w-lg-75 {
    width: 75%;
}

@media only screen and (max-width: 768px) {
    .w-lg-75 {
        width: 100% !important;
    }
}


/* END WIDTH AND HEIGHT */

/* FONT SIZE */

.font-huge {
    font-size: 10vh;
    font-weight: 600 !important;
    object-fit: contain;
    margin: 0px;
    padding: 0px;
    line-height: 1;
}

.font-2-5 {
    font-size: 2.5rem;
}

.font-2 {
    font-size: 2rem;
}

.font-big {
    font-size: 1.5rem;
}

.lh-small {
    line-height: 1.75rem;
}

.lh-1 {
    line-height: 1;
}

.font-small {
    font-size: 0.75rem;
}

.font-regular {
    font-size: 1.00rem;
}

@media only screen and (min-width: 768px) {
    .font-md-2-5 {
        font-size: 2.5rem;
    }
}

/* END FOT SIZE */

/* FONT WEIGHT */

.fw-bold {
  font-weight: bold;
}

.fw-400 {
    font-weight: 400;
}

.fw-500 {
    font-weight: 500;
}

.fw-600 {
    font-weight: 600;
}

.fw-800 {
  font-weight: 800;
}

.font-red {
    color: var(--red-main);
    font-weight: 600 !important;
}

/* END FONT WEIGHT */

/* EXTRA PADDINGS */

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

@media only screen and (max-width: 768px) {
    .p-6 {
        padding: 3rem !important;
    }
}


/* END EXTRA PADDINGS */

/* MIN HEIGHT */

.mh-lg {
    min-height: 450px;
}

/* END MIN HEIGHT */

/* BORDERS */

.no-border {
  border: none;
}

.bl-large-customer {
  border-left: 20px solid var(--yellow-main);
}

.bl-large-business {
  border-left: 20px solid var(--red-main);
}

@media only screen and (max-width: 768px) { 
    .bl-large-customer {
        border-left: 10px solid var(--yellow-main);
      }
      
      .bl-large-business {
        border-left: 10px solid var(--red-main);
      }

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

/* END BORDERS */

/* COLORS */

.color-customer {
  color: var(--yellow-main);
  font-weight: 600;
}

.color-business {
  color: var(--red-main);
  font-weight: 600;
}

.color-white{
    color: white;
}

.card-title.color-business:hover {
    color: var(--red-dark);
    text-decoration: none;
}

/* END COLORS */

/* BACKGROUND COLORS */

.background-customer {
  background-color: var(--yellow-main);
  color: black;
}

.background-business {
  background-color: var(--red-main);
  color: white;
}

/* END BACKGROUND COLORS */

.banner {
    height: 550px;
    border-radius: 0% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    color: white;
    padding: 2rem 1rem;
    position: relative;
}
.banner::after {
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
    pointer-events: none;
    z-index: 0;
}

.jumbotron {
    /* height: calc(100vh - 100px); */
    color: white;
    border-radius: 0% !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.jumbotron-main {
    /* height: 941px; */
    height: calc(100vh - 100px);
    overflow: hidden;
    position: relative;
}
.jumbotron-main::after {
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
    pointer-events: none;
    z-index: 0;
}

.jumbotron-section {
    height: 550; 
    position: relative;
}

.jumbotron-section::after {
    content: ''; 
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.3));
    pointer-events: none;
    z-index: 0;
}

/* .container-fluid {

} */

.jumbotron .hero-container {
    width: 50%;
    position: relative;
    left: 15%;
    bottom: auto;
    z-index: 1;
}

@media only screen and (max-width: 992px) {
    .jumbotron .hero-container {
        width: 75%;
        left: 10%;
        bottom: auto;    
    }
}

@media only screen and (max-width: 768px) {
    .jumbotron {
        min-height: 400px;
        height: fit-content;
    }

    .banner {
        height: 432px;
    }

    .jumbotron .hero-container {
        width: 75%;
        left: 10%;
        bottom: auto;  
        margin-top: 6rem;
        margin-bottom: 3rem;  
    }

    .jumbotron .lead {
        font-size: 1.25rem !important;
    }

    .jumbotron .display-4 span {
        font-size: 1.8rem !important;
    }
}

.jumbotron .display-4 span {
    font-weight: 600;
    font-size: 2.25rem;
}

.jumbotron .lead {
    font-size: 1.75rem;
    max-width: 460px;
}

.jumbotron .breadcrumb {
    background-color: rgba(0,0,0,0);
    position: absolute;
    top: 100px;
}

.jumbotron .breadcrumb li {
    margin: 5px;
    font-weight: 200;
}

.jumbotron .breadcrumb li a {
    color: white
}

.jumbotron .breadcrumb li:not(:last-child)::after {
    content: "\f054";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left: 5px;
    font-size: 10px;
}

.jumbotron .breadcrumb li:last-child a {
    color: var(--yellow-main) !important;
}

/* LOGOS GRID */
.logos-container * img {
    width: 200px;
    padding: 1.5rem;
}

.logos-container a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #252525;
    border-radius: 20px;
    transition: opacity 0.2s;
}

.logos-container a:hover {
    opacity: 0.7;
}


/* TEXT CONTAINER */
.text-container {
    padding-left: 100px;
    padding-right: 100px;
}

@media only screen and (max-width: 768px) {
    .text-container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

/* SOCIAL CONTAINER */
.social-container i {
    margin-left: 5px;
    margin-right: 5px;
}

/* TESTIMONIAL BASIC */
.testimonial-basic {
    border-radius: 20px;
}

.testimonial-basic * p {
    font-size: 1rem;
}

.testimonial-basic .row .testimonial-col div {
    display: flex;
    align-items: center;
    justify-content: center;
}

.testimonial-basic .row .testimonial-col div svg {
    max-width: 5rem;
}

.svg-icon * {
    width: 5rem;
}

.testimonial-basic .arrow-text{
    background-color: var(--bg-grey);
    color: var(--red-main);
    font-weight: 700;
    right: -3px;
    top: -1.2em;
    padding: 0.5em;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
}
.arrow-text::before {
    content: '';
    position: absolute;
    top: 0;
    left: -26px;
    width: 27px;
    height: 100%;
    background-image: url(./img/business/Arrow_tail.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
.arrow-text::after {
    content: '';
    position: absolute;
    bottom: -12px;
    right: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 12px 10px 0 0;
    border-color: #9f9f9f transparent transparent transparent;
}

.testimonial-basic .row .testimonial-col::after {
    border-right: 2px solid rgba(0,0,0,0.1);
    border-top: 0px;
    border-bottom: 0px;
    position: absolute;
    left: 0px;
    height: 70%;
    top: 50%;
    width: 50%;
    content: '';
    left: 50%;
    transform: translateY(-50%);
}

.testimonial-basic.background-business .row .testimonial-col::after {
    border-color: rgba(255, 255, 255, 0.5);
}

.testimonial-basic .row .testimonial-col:last-child::after {
    border-right: none;
    border-left: none;
}

.testimonial-basic .row .testimonial-col {
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
}

.testimonial-basic .row .testimonial-col * svg {
    height: 60px;
}

@media only screen and (max-width: 1000px) {
    .testimonial-basic .row .testimonial-col::after {
        border-right: 0px;
        border-top: 0px;
        border-bottom: 2px solid rgba(0,0,0,0.1);
        position: absolute;
        left: 0px;
        height: 70%;
        top: 30%;
        width: 80%;
        content: '';
        left: 50%;
        transform: translateX(-50%);
    }

    .testimonial-basic .row .testimonial-col:last-child::after {
        border-right: none;
        border-left: 0px solid;
        border-bottom: 0px solid;
    }

    .testimonial-basic .row .testimonial-col {
        flex: 1 1 100%;
    }

    .testimonial-basic .row .testimonial-col * {
        margin-left: 25px;
        margin-right: 25px;
    }
}

/* END TESTIMONIAL BASIC */

/* STEP TUTORIAL */

.step-tutorial {
  min-height: 150px;
  align-content: center;
  display: flex;
}

.step-tutorial .card-body {
  align-content: center;
  justify-content: center;
  display: flex;
  flex-direction: column;
}

.step-tutorial .card-body .card-step {
    flex: 1 0 10%;
}

.step-tutorial .card-body .card-title {
    flex: 1 0 10%;
}

.step-tutorial .card-body .card-text {
    flex: 1 0 80%;
}

.step-tutorial .card-body p {
    font-size: 1rem;
}

#yt-video {
    width: 100%;
    padding: 20px;
    border-radius: 30px;
    height: 480px;
}

.logo-img {
    height: 100%;
    object-fit: contain;
    -o-object-fit: contain;
    max-height: 150px;
}

.icon {
    max-height: 80px;
}

/* END STEP TUTORIAL */

/* OWL CAROUSEL OVERRIDES */

.owl-theme .owl-dots, .owl-theme .owl-nav {
    display: none;
    justify-content: center;
}

.owl-theme .owl-dots, .owl-theme .owl-nav * span {
    font-size: 30px;
}

.owl-theme .owl-dots, .owl-theme .owl-dot {
    display: flex;
    justify-content: center;
}

.owl-theme .owl-dots .owl-dot span {
    width: 10px !important;
    height: 10px !important;
}

.owl-theme .owl-dots .owl-dot.active span {
    width: 15px !important;
    height: 15px !important;
    background: black !important;
}

.owl-theme .owl-dots .owl-dot.active span::after {
    width: 15px !important;
    height: 15px !important;
    background: black !important;
    border: 1px solid black;
}

.owl-carousel .owl-stage-outer {
    display: flex;
    padding-bottom: 10px;
}

.owl-carousel .owl-stage { 
    display: flex; 
    justify-content: center;
    align-items: center;
    height: auto;
}

.owl-carousel .owl-stage .owl-item { 
    height: 100%;
}

.owl-carousel .owl-stage .owl-item .item .card { 
    height: 85%;
}

.article-items { height: 100%; }
/* END OWL CAROUSEL OVERRIDES */

/* VERTICAL OWL CAROUSEL */

.owl-carousel-vertical {
  height: 100%;
}

.owl-carousel-vertical .banner-item {
  min-height: 300px;
  padding: 2rem;
  padding-right: 6rem;
  --animate-duration: 0.5s;
  height: 100%;
  color: white;
}

.owl-carousel-vertical .owl-stage-outer {
  height: 100%;
}

.owl-carousel-vertical .owl-stage-outer .owl-stage {
  height: 100%;
}

.owl-carousel-vertical .owl-stage-outer .owl-stage .owl-item {
  height: 100%;
}

.owl-carousel-vertical .owl-nav {
  margin: 0px;
  position: relative;
  transform: rotate(90deg);
  right: 90%;
  bottom: 70%;
  width: fit-content;
}

.owl-carousel-vertical .owl-nav * {
  font-size: 40px;
  color: white;
}

.owl-carousel-vertical .owl-nav *:hover {
  font-size: 40px;
  color: white;
}

.owl-carousel-vertical .owl-dots {
  margin: 0px;
  position: relative;
  transform: rotate(90deg);
  left: 90%;
  bottom: 55%;
  width: fit-content;
}

.owl-carousel-vertical .owl-dots .owl-dot.active span {
  background: white !important;
}


/* END VERTICAL OWL CAROUSEL */

/* OLD FORM OVERRIDE */

#msform .next {
    background-color: var(--red-main) !important;
    color: white !important;
}

/* END OLD FORM OVERRIDE */

/* SIMPLE CARD */

.simple-card {
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    cursor: pointer;
}

.simple-card .img {
    width: 100% !important;
}

/* END SIMPLE CARD */

/* STORE HELPER CARD */

.card {
    max-width: 100%;
}

.card * row {
    flex-direction: row !important;
}

@media only screen and (max-width: 768px) {
    .card {
        max-width: 100%;
    }

    .card * .row {
        flex-direction: column-reverse !important;
    }

    #yt-video { 
        height: 250px;
    }
}

.card-rounded {
    border-radius: 20px;
    padding: 10px;
    color: black !important;
}

.card-rounded * .card-step {
    font-weight: 600;
    font-size: 0.75rem;
}

.card-rounded * .card-title {
    font-weight: 600;
}

/* END STORE HELPER CARD */

/* SUPER TEXT */

.super-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 0.6rem;
    margin-bottom: 0.67rem;
    max-width: 476px;
}
.banner .super-container h1 {
    width: min-content;
}

.banner .super-container {
    width: min-content;
    max-width: 50%;
}

.superyellow-slanted, .superred-slanted {
    display: inline-block;
    position: relative;
    z-index: 1;
    text-transform: uppercase;
    font-size: 2.15rem;
    letter-spacing: 0.3;
    font-weight: 600;
    --tw-text-opacity: 1;
}

.superyellow-slanted::before,
.superred-slanted::before {
    content: '';
    width: calc(100% + 1.4rem);
    height: calc(100% + 15px);
    top: -7.5px;
    left: -0.8rem;
    display: inline-block;
    position: absolute;
    z-index: -1;
    transform: skew(-5deg);
}

.super-container *:not(:first-child) .superyellow-slanted::before,
.super-container *:not(:first-child) .superred-slanted::before {
    left: -0.6rem;
}

.superyellow-slanted {
    color: rgb(208,16,58);
  }

.superred-slanted {
    color: rgb(255,255,255);
}

.superyellow-slanted::before {
    background-color: rgb(254,203,0);
  }

.superred-slanted::before {
    background-color: var(--red-main);
}

/* END OF SUPER TEXT */

.bubble-container {
    display: flex;
    align-items: center;
    justify-content: center;
}

  .bubble {
      width: 100px;
      height: 100px;
      border-radius: 50%;
  }

  .yellow {
      background-color: var(--yellow-main);
  }

  /* Card override */
  .business-card {
      border-right: 25px solid var(--red-main);
  }

  .customer-card {
      border-left: 25px solid var(--yellow-main);
  }

  @media only screen and (max-width: 768px) {
    .business-card {
        border-right: none;
        border-top: 25px solid var(--red-main);
    }
  
    .customer-card {
        border-left: none;
        border-top: 25px solid var(--yellow-main);
    }
  }

  .business-card .card-body .card-title {
      color: var(--red-main);
      font-weight: 600;
  }

  /* END Card override */

  /* Boostrap Button override */
    /* button:hover,
    button:focus {
        outline: none;
    } */
  
    button:hover,
    button:focus:not(.owl-dot):not(.owl-prev):not(.owl-next):not(.faq-header) {
        outline: none;
    }

  .btn {
    border-radius: var(--btn-border-radius) !important;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
    border-width: 2px;
    font-weight: bold;
  }
  .btn:focus{
    box-shadow: none !important;
  }

  .btn-white {
      background-color: white;
      color: var(--red-main);
  }

  .btn-business {
    background-color: var(--red-main);
    border-color: var(--red-main);
    color: white;
    font-weight: 600;
    text-transform: uppercase;
  }

  .btn-business.btn-hero {
    padding: 0.7rem 2.625rem !important;
  }
  .btn-business.btn-hero:focus {
    /* background-color: yellow; */
    filter: brightness(90%);
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
  }

  .ubtn-text{
    max-width: 220px;
  }

  .btn-customer {
    background-color: var(--yellow-main);
    border-color: var(--yellow-main);
    color: black;
  }

  .btn-customer.btn-hero {
    padding: 0.7rem 2.625rem !important;
  }

  a:has(> span.btn-cta-customer) {
    width: max-content;
  }
  a:has(> span.btn-cta-customer):focus {
    outline: 1px dotted !important;
    outline: 5px auto -webkit-focus-ring-color !important;
  }
  a:focus > span.btn-cta-customer {
    filter: brightness(90%);
  }

  .btn-cta-customer {
    /* background-color: rgba(0,0,0,0); */
    background-color: var(--yellow-main);
    border-color: var(--yellow-main);
    /* color: var(--yellow-main); */
    color: var(--font-black);
  }

  .btn-cta-customer::after {
      content: "\f178";
      font-family: FontAwesome;
      font-style: normal;
      font-weight: normal;
      text-decoration: inherit;
      margin-left:5px;
  }

  .btn-cta-customer-b {
    background-color: rgba(0,0,0,0);
    border-color: var(--bg-black);
    color: var(--bg-black);
    transition: all 0.2 ease-in;
  }
  
  .btn-cta-customer-b:hover {
    background-color: rgba(0,0,0,0);
    border-color: var(--bg-black);
    color: var(--bg-black);
  }

  .btn-cta-customer-b::after {
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left:5px;
}

  .btn-cta-business {
    background-color: rgba(0,0,0,0);
    border-color: var(--red-main);
    color: var(--red-main);
    box-shadow: none;
    transition: all 0.2 ease-in;
  }

  .btn-cta-business::after {
    content: "\f178";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
    margin-left:5px;
}

.btn-cta-business:hover {
    background-color: rgba(0,0,0,0);
    border-color: var(--red-dark);
    color: var(--red-dark);
    box-shadow: none;
}

.btn-diventa-parnter {
    background-color: white;
    border-color: white;
    color: var(--red-main);
    font-weight: 600;
}


  .btn-partner {
    background-color: rgba(0,0,0,0);
    border-color: rgba(0,0,0,0);
      color: var(--red-main);
      font-weight: 600;
      border-bottom: 3px solid var(--red-main);
      border-radius: 0px !important;
      margin: 0px !important;
      padding: 0px !important;
      text-transform: uppercase;
  }

  /* END Bootsrap Button ovveride */

  /* PREFOOTER */
  .prefooter * p {
      font-size: 0.90rem;
  }

  .prefooter * .h100 {
      height: 100px !important;
  }

  /* END PREFOOTER */

  /* NAVBAR */
  .navbar-custom {
    display: flex;
    padding-left: 25px;
    padding-right: 25px;
    position: fixed;
    width: 100%;
    background: white;
    left: 0px;
    top: 0px;
    z-index: 99;
    box-shadow: 0px 23px 60px 0px rgba(0, 0, 0, 0.14);
  }

  .navbar-custom ul {
    margin-bottom: 0;
    padding: 0;
  }

  .navbar-custom ul li {
    list-style: none;
  }

  .navbar-custom .navbar-custom-content {
    justify-content: flex-end;
    align-items: center;
    display: flex;
    flex: 1;
  }

  .navbar-custom .navbar-custom-content .navbar-custom-entry {
    margin: 20px;
    position: relative;
  }

  .navbar-custom .navbar-custom-brand {
    display: flex;
    padding: 10px;
    align-items: center;
  }

  .navbar-custom .navbar-custom-brand a img {
    max-height: 80px;
    padding: 10px;
  }
  @media (max-width: 359px) {
    .navbar-custom .navbar-custom-brand a img {
        max-height: 50px;
        padding: 5px;
    }
  }

  .navbar-custom .navbar-custom-entry:not(.red-link) .menu-item,
  .navbar-custom .submenu-element a {
    transition: color 0.20s ease;
    color: #252525;
    text-decoration: none;
  }

  .navbar-custom .navbar-custom-entry:not(.red-link) .menu-item:hover,
  .navbar-custom .submenu-element:not(.red-link) a:hover {
    color: var(--red-main);
  }

  .navbar-custom .navbar-custom-entry:not(.red-link) .menu-item.selected {
    position: relative;
    color: var(--red-main);
    margin-top: var(--bullet-size);
    font-weight: 600;
  }

  .navbar-custom .navbar-custom-content .selected-bullet {
    position: absolute;
    left: 50%;
    background-color: var(--red-main);
    width: var(--bullet-size);
    height: var(--bullet-size);
    border-radius: 50%;
    transition: all 0.2s ease-in;
  }

  .navbar-custom .navbar-custom-content .navbar-custom-content-parent .menu-item {
    position: relative;
    margin: 20px;
    text-transform: uppercase;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease-in;
  }

  .navbar-custom .navbar-custom-content-parent:hover .menu-item,
  .navbar-custom .navbar-custom-content-parent.opened .menu-item {
    color: var(--red-main);
  }

  .navbar-custom .navbar-custom-content .navbar-custom-content-parent .menu-item .selected-bullet {
    opacity: 0;
  }

  .navbar-custom .navbar-custom-content .navbar-custom-content-parent.opened .selected-bullet {
    opacity: 1;
  }

  .navbar-custom .navbar-custom-content-submenu {
    background-color: white;
    display: flex;
    position: absolute;
    width: 324px;
    border-radius: 30px;
    padding: 10px 33px;
    flex-direction: column;
    top: 125px;
    z-index: 99;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}

  .navbar-custom .navbar-custom-content-parent.opened .navbar-custom-content-submenu {
    opacity: 1;
    pointer-events: all;
  }

  .navbar-custom .navbar-custom-content-submenu .submenu-element,
  .navbar-custom .navbar-custom-content-submenu .submenu-category-element span:first-child {
    display: inline-block;
    color: #252525;
    font-weight: 600;
    padding: 11px 0;
    transition: color 0.2s ease-in;
  }

  .submenu-category-element span {
    margin-right: 8px;
  }

  .navbar-custom .red-link {
    padding: 10px 20px !important;
    background-color: var(--red-main);
    width: fit-content;
    border-radius: 30px;
    text-transform: uppercase;
    margin-bottom: 20px;
    margin-top: 13px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    transition: background-color 0.3s;
    cursor: pointer;
  }

  .navbar-custom .red-link:hover {
    background-color: var(--red-dark);
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
  }

  .navbar-custom .red-link a {
    color: #ffffff;
    font-weight: 400;
    text-decoration: none;
  }

.navbar-custom .navbar-custom-content-submenu.bordered .submenu-element:not(:last-child),
.navbar-custom .navbar-custom-content .menu-cat-container:not(:last-child) {
    border-bottom: 1px solid #f2f2f2;
    padding: 18px 0;
}

.menu-cat-container {
    display: flex;
    flex-wrap: wrap;
    column-gap: 27px;
    row-gap: 10px;
    margin-left: -7px;
    padding-bottom: 23px;
}

.navbar-custom-mobile-entry-container{
    overflow-y: auto;
}

.navbar-custom .navbar-custom-content-submenu .submenu-category-element a,
.navbar-custom-mobile-entry-container .submenu-category-element a {
    font-size: 14px;
    text-decoration: underline;
    color: #252525;
}

.navbar-custom .navbar-custom-content-submenu .submenu-category-element a:hover {
    color: var(--red-main);
}

.menu-cat-item {
    position: relative;
    width: 33.33%;
    max-width: 70px;
    text-align: center;
}

.menu-cat-item a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.menu-cat-item a:hover {
    text-decoration: none;
}

.menu-cat-item img,
.menu-cat-item .cat-bg {
    width: 47px;
    height: 47px
}

.menu-cat-item .cat-bg {
    position: absolute;
    top: 0;
    background-color: #fecb00;
    border-radius: 100%;
}

.menu-cat-item:hover .cat-bg {
    background-color: #d0103a;
}

.menu-cat-item:hover a img {
    filter: none;
}

.menu-cat-item a img {
    position: relative;
    filter: brightness(0) sepia(1) hue-rotate(-70deg) saturate(0);
}

.menu-cat-name  {
    font-size: 14px;
    font-weight: 600;
    line-height: 15px;
    hyphens: auto;
    margin-top: 11px;
    color: #252525;
}

/* MOBILE MENU */

  .navbar-custom .navbar-custom-mobile-content {
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    width: 100%;
    align-items: center;
    position: relative;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 100vw;
    z-index: 99;
    padding-top: 50px;
    background-color: white;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .navbar-custom-entry:not(.red-link),
  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .navbar-custom-content-parent {
    width: 100%;
    padding: 0px 40px 20px;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .navbar-custom-entry:not(.red-link),
  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .navbar-custom-content-parent:first-of-type {
    padding-top: 10px;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .navbar-custom-entry.red-link {
    margin: 20px 40px 0 33px;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .navbar-custom-entry:not(.red-link) a {
    color: #252525;
    font-size: 1.1em;
    font-weight: 400;
}

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .navbar-custom-content-parent .mobile-submenu-title {
    font-weight: 600;
    text-transform: uppercase;
    padding-bottom: 17px;
    border-bottom: 1px solid #c4c5c6;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-content-parent .mobile-submenu-element {
    padding: 10px 0;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-content-parent .mobile-submenu-element:first-child {
    padding-top: 26px;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-content-parent.bordered .mobile-submenu-element,
  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .submenu-category-element {
    padding: 26px 0;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-content-parent.bordered .mobile-submenu-element,
  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .menu-cat-container {
    border-bottom: 1px solid #f2f2f2;
    column-gap: 20px;
  }

  .navbar-custom-mobile-entry-container .menu-cat-item {
    max-width: 80px;
  }

  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .mobile-submenu-element:not(.red-link) a,
  .navbar-custom .navbar-custom-mobile-content .navbar-custom-mobile-entry-container .submenu-category-element span {
    font-size: 16px;
    font-weight: 600;
    color: #252525;
  }

  .mobile-submenu-content {
    display: none;
  }

  .mobile-submenu.opened .mobile-submenu-content {
    display: block;
  }

  .navbar-custom .navbar-custom-mobile-content .mobile-submenu-title i {
    transition: transform 0.3s;
  }

  .mobile-submenu.opened .mobile-submenu-title i {
    transform: rotate(90deg);
  }
  
  .navbar-custom-mobile-entry-container .menu-cat-container {
    display: flex;
    column-gap: 36px;
    padding-bottom: 15px;
  }

  .mobile-submenu .back-button {
    display: none;
  }

  .mobile-submenu.opened .back-button {
    display: block;
    margin-top: 40px;
    font-size: 12px;
  }

  .mobile-submenu.opened .back-button i {
    margin-right: 6px;
    position: relative;
    top: 1px;
}

  /* mobile header bar */

  .navbar-custom .navbar-custom-mobile-content .hamburger-menu {
      display: flex;
      align-items: center;
      justify-content: center;
      z-index: 100;
  }

  .navbar-custom .navbar-custom-mobile-content .hamburger-menu small {
        margin-right: 10px;
    }

  .navbar-custom .navbar-custom-mobile-content .hamburger-menu i {
      font-size: 35px;
      cursor: pointer;
      color: var(--red-main)
  }

  @media only screen and (max-width: 970px) {
    .navbar-custom .navbar-custom-content {
        display: none;
    }
    .navbar-custom .navbar-custom-mobile-content {
        display: flex;
    }
    .menu-cat-item .cat-bg {
        top: 0;
    }
  }

  @media only screen and (min-width: 970px) {
    .navbar-custom .navbar-custom-content {
        display: flex;
    }
    .navbar-custom .navbar-custom-mobile-content {
        display: none;
    }
  }
  /* END NAVBAR */

  /* CUSTOM FOOTER */

  .custom-footer{
    position: relative;
  }

  .scroll-top-button {
    position: absolute;
    display: flex;
    top: -1.5em;
    right: 5em;
    background-color: white;
    color: #706f6f;
    width: 3em;
    height: 3em;
    border-radius: 50%;
    box-shadow: 0px 2px 8px 2px rgb(0 0 0 / 10%);   
  }
  .scroll-top-button .arrow{
    margin: auto;   
    fill: #706f6f;
    height: 75%;
  }

  .custom-footer * .logo {
    max-height: 150px;
  }

  .custom-footer * .social {
    max-height: 40px;
  }

  .custom-footer * a,
  .custom-footer p {
    color: white;
    font-size: 0.85rem;
    margin-bottom: 0;
  }

  .custom-footer * a:hover {
    color: var(--yellow-main);
    font-size: 0.85rem;
  }

  .custom-footer * .privacy-policy {
      text-decoration: underline;
  }

  .custom-footer * h4 {
      font-size: 1.0rem;
      font-weight: bold;
  }

  .custom-footer * h5 {
      font-size: 1.0rem;
  }

  .custom-footer * a:hover {
    text-decoration: none;
  }

  .custom-footer .colophon {
    display: block;
    margin: auto;
  }

  .custom-footer .colophon a {
    text-decoration: underline;
  }

  /* END CUSTOM FOOTER */

  /* FORM */
  #msform {
    z-index: 20 !important;
    width: 100% !important;
  }

  #msform .form-row {
    display: flex;
    flex-direction: row;
    justify-content: center;
  }

  #msform .field.mm15 {
    margin-left: -15px;
    margin-right: -15px;
  }

  @media (max-width: 800px) {
    #msform {
      width: 90% !important;
    }
  }  

  .form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }

  .partner > .section > div > * {
      -webkit-box-flex: 1;
      -ms-flex: 1 1 800px;
      flex: 1 1 800px;
  
  }
  /* END FORM */


  /*===================
  OLD STYLES 
  =====================*/
.page-template-business .fancybox-slide--iframe .fancybox-content,
.page-template-ecommerce .fancybox-slide--iframe .fancybox-content {
    padding: 30px;
    border-radius: 20px;
    max-width: 1020px;
}

form span.wpcf7-not-valid-tip {
    margin-top: 5px;
}

form div.wpcf7-validation-errors,
form div.wpcf7-acceptance-missing,
form div.wpcf7-response-output {
    padding: 0;
    border: none;
    color: #c00;
    margin: 10px 0 0;
}

.page-template-business .video img,
.page-template-ecommerce .video img {
    position: absolute;
    width: 100%;
    height: auto;
    left: 0;
    top: 0;
}

li#menu-item-471 {
    display: none;
}

.home-wrap:before {
    content: '';
    width: 100%;
    height: 100px;
    position: absolute;
    top: -100px;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 1)));
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    /* IE6-9 */
}

.home .hero>img {
    max-width: 100%;
    height: 100%;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.darken {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+50,000000+100&0+50,0.1+100 */
    /* FF3.6-15 */
    /* Chrome10-25,Safari5.1-6 */
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.1)));
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0.1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#1a000000', GradientType=0);
    /* IE6-9 */
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9;
}

.show {
    opacity: 1;
}

.hide {
    opacity: 0;
}

.fixed {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 9999;
}

.scroll.fixed {
    background: #fff
}

.small,
.section p.small,
.tab p.small {
    font-size: 14px;
}

body.home,
body.page-template-business,
body.page-template-ecommerce,
body.home {
    padding-top: 0 !important;
}

.lgrey-bg {
    background: #f5f4f0
}

.orange-bg {
    background: #f39200
}

.pb5 {
    padding-bottom: 5px !important;
}

.pb10 {
    padding-bottom: 10px !important;
}

.pb15 {
    padding-bottom: 15px !important;
}

.pb20 {
    padding-bottom: 20px !important;
}

.pb25 {
    padding-bottom: 25px !important;
}

.pb30 {
    padding-bottom: 30px !important;
}

.pb35 {
    padding-bottom: 35px !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb45 {
    padding-bottom: 45px !important;
}

.pb50 {
    padding-bottom: 50px !important;
}

.pb55 {
    padding-bottom: 55px !important;
}

.pb60 {
    padding-bottom: 60px !important;
}

.pb65 {
    padding-bottom: 65px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

.pb75 {
    padding-bottom: 75px !important;
}

.pb80 {
    padding-bottom: 80px !important;
}

.pb85 {
    padding-bottom: 85px !important;
}

.pb90 {
    padding-bottom: 90px !important;
}

.pb95 {
    padding-bottom: 95px !important;
}

.pb100 {
    padding-bottom: 100px !important;
}

.pt5 {
    padding-top: 5px !important;
}

.pt10 {
    padding-top: 10px !important;
}

.pt15 {
    padding-top: 15px !important;
}

.pt20 {
    padding-top: 20px !important;
}

.pt25 {
    padding-top: 25px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt35 {
    padding-top: 35px !important;
}

.pt40 {
    padding-top: 40px !important;
}

.pt45 {
    padding-top: 45px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pt55 {
    padding-top: 55px !important;
}

.pt60 {
    padding-top: 60px !important;
}

.pt65 {
    padding-top: 65px !important;
}

.pt70 {
    padding-top: 70px !important;
}

.pt75 {
    padding-top: 75px !important;
}

.pt80 {
    padding-top: 80px !important;
}

.pt85 {
    padding-top: 85px !important;
}

.pt90 {
    padding-top: 90px !important;
}

.pt95 {
    padding-top: 95px !important;
}

.pt100 {
    padding-top: 100px !important;
}

.mb0 {
    margin-bottom: 0 !important;
}

.mb5 {
    margin-bottom: 5px !important;
}

.mb10 {
    margin-bottom: 10px !important;
}

.mb15 {
    margin-bottom: 15px !important;
}

.mb20 {
    margin-bottom: 20px !important;
}

.mb25 {
    margin-bottom: 25px !important;
}

.mb30 {
    margin-bottom: 30px !important;
}

.mb35 {
    margin-bottom: 35px !important;
}

.mb40 {
    margin-bottom: 40px !important;
}

.mb45 {
    margin-bottom: 45px !important;
}

.mb50 {
    margin-bottom: 50px !important;
}

.mb55 {
    margin-bottom: 55px !important;
}

.mb60 {
    margin-bottom: 60px !important;
}

.mb65 {
    margin-bottom: 65px !important;
}

.mb70 {
    margin-bottom: 70px !important;
}

.mb75 {
    margin-bottom: 75px !important;
}

.mb80 {
    margin-bottom: 80px !important;
}

.mb85 {
    margin-bottom: 85px !important;
}

.mb90 {
    margin-bottom: 90px !important;
}

.mb95 {
    margin-bottom: 95px !important;
}

.mb100 {
    margin-bottom: 100px !important;
}

.mt5 {
    margin-top: 5px !important;
}

.mt10 {
    margin-top: 10px !important;
}

.mt15 {
    margin-top: 15px !important;
}

.mt20 {
    margin-top: 20px !important;
}

.mt25 {
    margin-top: 25px !important;
}

.mt30 {
    margin-top: 30px !important;
}

.mt35 {
    margin-top: 35px !important;
}

.mt40 {
    margin-top: 40px !important;
}

.mt45 {
    margin-top: 45px !important;
}

.mt50 {
    margin-top: 50px !important;
}

.mt55 {
    margin-top: 55px !important;
}

.mt60 {
    margin-top: 60px !important;
}

.mt65 {
    margin-top: 65px !important;
}

.mt70 {
    margin-top: 70px !important;
}

.mt75 {
    margin-top: 75px !important;
}

.mt80 {
    margin-top: 80px !important;
}

.mt85 {
    margin-top: 85px !important;
}

.mt90 {
    margin-top: 90px !important;
}

.mt95 {
    margin-top: 95px !important;
}

.mt100 {
    margin-top: 100px !important;
}

.mt160 {
    margin-top: 160px !important;
}

.center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center
}

.vcenter {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.col-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.col-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
}

.col-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
}

.col-4.grid-item {
    width: 25%
}

.col-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 12.5%;
    flex: 0 0 12.5%;
}

.col-gap-20 {
    margin: 0 -20px;
}

.col-gap-20 .col-3>div {
    padding: 0 20px;
}

.red {
    color: #9e1006
}

/** COOKIE */
#cookie-overlay {
    position: fixed;
    bottom: 0;
    background: rgb(235, 235, 235);
    padding: 15px 20px;
    z-index: 9999999;
    display: none;
}

/** MENU **/

header {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.logo {
    display: block;
}

header nav ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    list-style: none;
    padding: 0;
    margin: 0;
}

header nav ul li a {
    text-transform: uppercase;
    text-decoration: none;
    color: #706f6f;
    padding: 15px;
    display: block;
    border-radius: 5px;
    margin: 10px
}

header nav ul li.current-menu-item a,
header nav ul li a:hover,
header nav ul li a:focus,
header nav ul li a:active {
    color: #9e1006;
    text-decoration: none
}

header nav ul li.current-menu-item a {
    font-weight: 700;
}

header nav ul li:last-child a,
header nav ul li:last-child a:hover,
header nav ul li:last-child a:focus,
header nav ul li:last-child a:active,
header nav ul li:last-child.current-menu-item a {
    padding: 15px 25px;
    background: #f39200;
    font-weight: 700;
    color: #fff;
}

/** HEADER FIXED ON SCROLL **/
.logo img {
    height: 86px
}

.fixed *,
.logo img {
    -webkit-transition: 0.5s ease-out all;
    -o-transition: 0.5s ease-out all;
    transition: 0.5s ease-out all
}

@-webkit-keyframes scroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes scroll {
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }

    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.fancybox-slide p {
    font-size: 15px;
    margin: 0;
}

.page-template-faq .fancybox-content img+p {
    margin-top: 15px !important;
}

.hero img.scroller {
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    -webkit-animation-name: scroll;
    animation-name: scroll;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 37px;
    height: 56px;
    z-index: 99;
}

.scroll .logo img {
    height: 50px;
}

.scroll header nav ul li:last-child a,
.scroll header nav ul li:last-child a:hover,
.scroll header nav ul li:last-child a:focus,
.scroll header nav ul li:last-child a:active,
.scroll header nav ul li:last-child.current-menu-item a {
    padding: 10px 25px;
}

.scroll header nav ul li a {
    padding: 10px 15px;
    margin: 5px 10px;
}

.scroll header {
    padding-top: 5px !important;
    padding-bottom: 5px !important;
    background: #fff
}

.scroll .hamburger {
    top: 10px;
}

/** HERO **/
.hero {
    max-width: 1200px;
    margin: 0 auto;
    position: relative
}

.home .hero {
    max-width: none;
    max-height: 100%;
    height: 100vh;
    height: calc(var(--vh, 1vh) * 100);
}

.hero video {
    margin: 0;
    display: block;
    height: 100%;
    max-width: 100%;
}

/** SECTION **/
.section {
    position: relative;
    margin: 0 auto;
    max-width: 1200px;
}

.section h2,
.section h1.h2,
.section h4.h2,
.section h3.h2 {
    font-weight: 400;
    margin: 0;
    padding: 0;
    text-align: center;
    font-size: 44px;
    line-height: 1.25;
}

.gradient {
    background: -o-linear-gradient(left, #9e1006 0%, #f39200 50%, #9e1006 100%);
    background: -webkit-gradient(linear, left top, right top, from(#9e1006), color-stop(50%, #f39200), to(#9e1006));
    background: linear-gradient(to right, #9e1006 0%, #f39200 50%, #9e1006 100%);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.section h2.gradient,
.section h1.h2.gradient {
    margin: 0;
    font-weight: 700
}

.section p,
.tab p {
    margin: 0 0 25px;
    font-size: 18px;
    line-height: 1.5em;
    padding: 0;
}

.section p:last-child {
    margin: 0
}

.section p.big {
    color: #706f6f;
    font-size: 22px;
    text-align: center;
    line-height: 1.5;

}

/** HOMEPAGE - ACQUISTI SUBITO E PAGHI POCO AL MESE **/
.section .box {
    font-size: 24px;
    text-align: center;
    font-weight: 700;
    background: #f5f4f0;
    margin: 0 20px;
    border-radius: 20px;
    display: block
}

.section.col-icons .box img,
.section.col-icons .box svg {
    height: 190px;
}

.section.col-icons .box p {
    background: -o-linear-gradient(left, #9e1006 0%, #f39200 50%, #9e1006 100%);
    background: -webkit-gradient(linear, left top, right top, from(#9e1006), color-stop(50%, #f39200), to(#9e1006));
    background: linear-gradient(to right, #9e1006 0%, #f39200 50%, #9e1006 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    color: #fff;
    font-size: 18px;
    line-height: 1.25;
    font-weight: 700
}

/** HOMEPAGE - COME FUNZIONA **/

.orange-bg .section h2,
.orange-bg .section h3,
.orange-bg .section h4,
.orange-bg .section p {
    color: #fff;

}

.steps {
    position: relative
}

.step {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    opacity: 0;
    -webkit-transition: 0.5s ease-out opacity;
    -o-transition: 0.5s ease-out opacity;
    transition: 0.5s ease-out opacity;
    position: absolute;
    max-width: 100%;
    top: 50px;
}

.step.current {
    opacity: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    top: auto
}

.orange-bg .section h4 {
    font-size: 24px;
    line-height: 1.2em;
    font-weight: 700;
    padding: 0;
    margin: 0;
}

.step .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}

.step .icon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 340px;
    flex: 0 0 340px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.icon svg {
    max-width: 220px;
    opacity: 0;
    height: 190px;
}

svg .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 20px;
    stroke-linecap: round;
}

svg .cls-2 {
    fill: none;
    stroke: #fff;
    stroke-miterlimit: 10;
    stroke-width: 20px;
    stroke-linecap: round;
}

svg#p4_svg .cls-1 {
    fill: none;
    stroke: #fff;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 22px;
}

svg#p2_svg {
    -webkit-transform: rotate(-15deg);
    -ms-transform: rotate(-15deg);
    transform: rotate(-15deg);
}

ul.step-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    margin: 0
}

ul.step-nav li a {
    color: #9e1006;
    background: #fff;
    border-radius: 50%;
    text-decoration: none;
    font-weight: 700;
    font-size: 36px;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    margin: 0 30px;
    line-height: 60px;
    -webkit-transition: 0.25s ease-out all;
    -o-transition: 0.25s ease-out all;
    transition: 0.25s ease-out all;
}

ul.step-nav li a.current,
ul.step-nav li a:hover,
ul.step-nav li a:focus,
ul.step-nav li a:active {
    background: #9e1006;
    color: #fff;
}

ul.step-nav li:after {
    border-bottom: 5px dotted #fff;
    display: block;
    content: '';
    position: absolute;
    top: 50%;
    right: -25px;
    height: 5px;
    width: 50px;
    margin-top: -7.5px;
}

ul.step-nav li {
    position: relative;
}

ul.step-nav li:last-child:after {
    display: none;
}

/** VIDEO **/
.video {
    height: 0;
    padding-bottom: 40%;
    position: relative;
    background-image: url(img/pagodil-intro.jpg);
    background-size: cover;
    background-position: center;
}

.page-template-business .video {
    background-image: url(img/business-intro.jpg);
}

.vidbacking {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    right: 0;
    width: auto;
    height: 100%;
    z-index: 2;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.fluid-container {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    overflow: hidden;
}

.cta {
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 1em;
    font-weight: 700;
    border-radius: 5px;
    padding: 20px 30px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.25s ease-out all;
    -o-transition: 0.25s ease-out all;
    transition: 0.25s ease-out all;
    z-index: 999;
    cursor: pointer;
}

/** HOMEPAGE - PER TE SOLO VANTAGGI **/

.cta.orange {
    background: #f39200
}

.section h3,
.section h4.h3 {
    font-size: 25px;
    padding: 0;
    margin: 0;
    line-height: 1.5em;
    font-weight: 400
}

.flex-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.flex-row .icon {
    text-align: center;
    margin-right: 25px;
}

.flex-row .icon img {
    width: 70px;
}

/** HOMEPAGE - COFIDIS CHI SIAMO */
.home-wrap {
    position: relative;
    margin-top: calc(2900px - 100vh);
    background: #fff;
}

.cofidis {
    position: relative;
    background-image: url(img/cofidis.jpg);
    background-size: cover;
    background-position: 25% left;
}

.cofidis .section:after {
    clear: both;
    display: block;
    content: '';
}

.cofidis .content {
    max-width: 590px;
    float: right
}

.cofidis .section h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
}

.cofidis .section p {
    color: #fff;
    text-align: center;
}

.cta.white {
    background: #fff;
    color: #f39200;
}

/** CHI SIAMO - TAB **/

.tab-nav {
    position: relative;
}

.tab-nav ul {
    max-width: 1200px;
    margin: 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    list-style: none;
    padding: 0;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
}

.tab-nav a {
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    background: #f39200;
    text-decoration: none;
    line-height: 1em;
    padding: 16px;
    display: block;
    text-align: center;
    margin: 0 5px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #f39200;
}

.tab-nav li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.tab-nav:after {
    border-bottom: 1px solid #ccc;
    content: '';
    display: block;
    bottom: 0;
    position: absolute;
    width: 100%;
    left: 0;
}

.tab-nav a.current {
    background: #fff;
    color: #9e1006;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
    position: relative;
    z-index: 2;
}

img.logo-cofidis {
    width: 170px;
    margin: 0 auto;
    display: block;
}

.tab-wrap {
    position: relative;
    margin: 0 auto;
    max-width: 1000px;
}

.tab {
    width: 100%;
    margin: 0 auto;
    opacity: 0;
    -webkit-transition: 0.5s ease-out all;
    -o-transition: 0.5s ease-out all;
    transition: 0.5s ease-out all;
    position: absolute;
}

.tab.current {
    opacity: 1;
    position: relative;
}

.tab h3 {
    font-size: 36px;
    padding: 0;
    margin: 0;
    font-weight: 400;
    text-align: center;
    line-height: 1.15em;
}

.tab .cta.white {
    border: 1px solid #706f6f;
}

.cta.small {
    font-size: 16px;
    padding: 17.5px 20px 15px;
}

.tab .cta.white:hover,
.tab .cta.white:focus,
.tab .cta.white:active {
    background: #706f6f;
    color: #fff;
}

.tab h4 {
    font-size: 24px;
    line-height: 1.1em;
    font-weight: 400;
    padding: 0;
    margin: 0;
}

/** CHI SIAMO - MYTEAM **/
.myteam {
    position: relative;
}

.myteam,
.map-wrap {
    overflow: hidden;
}


.myteam .hashtage {
    position: absolute;
    width: auto;
    text-align: center;
    font-size: 41px;
    text-transform: uppercase;
    color: #9b1712;
    top: 40%;
    right: 15%;
}

@media (max-width: 1399px) {
    .myteam .hashtage {
        right: 9%;
    }
}

@media (max-width: 1199px) {
    .myteam .hashtage {
        right: 3%;
    }
}

@media (max-width: 991px) {
    .myteam .hashtage {
        top: 160px;
        right: 20px;
        font-size: 30px;
    }
}

/** FAQ **/

.page-template-faq .section .box {
    margin: 10px;
    padding: 20px;
    color: #706f6f;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    cursor: help;
}

.page-template-faq .section .box img {
    margin: 0 auto;
    display: block;
}

.page-template-faq .fancybox-is-open .fancybox-bg {
    opacity: 0.5;
}

.page-template-faq .fancybox-slide--html {
    padding: 0 30px;
}

.page-template-faq .fancybox-content {
    border-radius: 20px;
    -webkit-box-shadow: 0 0 25px;
    box-shadow: 0 0 25px;
    width: 480px;
    max-width: 90%;
    margin: 0 auto;
}

.page-template-faq .fancybox-content p {
    font-size: 15px;
    line-height: 1.2em;
}

.page-template-faq .fancybox-container img {
    margin: 0 auto;
    display: block;
}

.page-template-faq button.fancybox-close-small {
    background: #f39200;
    border-radius: 50%;
    margin: 10px;
    padding: 0;
}

.page-template-faq .fancybox-close-small svg {
    stroke-width: 5px;
    stroke: #ffffff;
    opacity: 1;
}

.page-template-faq select#tipo {
    color: #f0932b;
    font-weight: bold;
    font-size: 16px;
    height: 43px;
    padding: 10px 15px;
    border-radius: 10px;
    line-height: 1em;
    border-color: #f0932b;
    background-image: url(img/down-orange.svg);
    width: 170px;
}

select {
    -webkit-appearance: none;
    background-image: url(img/down.svg);
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-color: #fff;
    background-size: 16px;
    cursor: pointer;
    outline: none;
}

.page-template-faq .filter {
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 20px;
    text-align: center;
}

.page-template-faq .filter label {
    margin-right: 15px;
}

.page-template-faq select#tipo:focus,
.page-template-faq select#tipo:active,
.page-template-faq select#tipo:hover,
.page-template-faq select#tipo {
    outline: none !important;
}

.page-template-faq .faq {
    -webkit-transition: 0.5s ease-out opacity;
    -o-transition: 0.5s ease-out opacity;
    transition: 0.5s ease-out opacity;
}

.page-template-faq .faq p {
    font-size: 15px;
    line-height: 1.2em;
}

/** FOOTER **/
footer {
    background: #9e1006;
    color: #fff;
}

footer .section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

footer a {
    color: #fff;
    text-decoration: none;
}

footer .logo {
    font-size: 14px;
    line-height: 1.5em;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 210px;
    flex: 0 0 210px;
}

footer .logo img {
    /* width: 130px; */
	height: auto !important;
	margin-right: 20px;
	margin-top: 20px;
    display: block;
}

footer .content {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

ul.contacts {
    font-size: 16px;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: flex-start;
    -ms-flex-align: flex-start;
    align-items: flex-start;
    padding: 0;
    margin: 0;
}

.disclaimer p {
    font-size: 14px;
}

ul.contacts>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333%;
    flex: 0 0 33.333%;
    max-width: 33.333%;
}

.disclaimer {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

footer .contacts h3,
footer .contacts a {
    font-size: 16px;
    line-height: 1em;
}

ul.contacts li a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

footer .contacts h3 {
    margin-bottom: 15px;
}

footer .contacts a {
    margin-bottom: 10px;
}

ul.contacts ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.contacts ul a,
ul.contacts ul strong {
    font-size: 14px;
}

ul.contacts ul li {
    padding-top: 10px;
}

footer .contacts ul li a {
    margin: 0;
}

.disclaimer p:last-child {
    font-weight: bold;
}

.contacts svg {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}

ul.contacts li a span>span {
    font-size: 12px;
    padding-left: 5px;
}

footer a>span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

/* BUSINESS - HERO */
.page-template-business video+.cta,
.page-template-ecommerce video+.cta {
    position: absolute;
    bottom: 50px;
}

.hero-wrap {
    background: #dbdad1;
    overflow: hidden;
}

.hero-copy {
    position: absolute;
    font-size: 60px;
    text-align: center;
    font-weight: 700;
    margin: 0;
    padding: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5%;
    z-index: 2;
    line-height: 60px;
}

.cta-copy {
    margin-right: 20px;
}

.icon.circle {
    border: 1px solid #f39200;
    background: #fff;
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.page-template-business .flex-row,
.page-template-ecommerce .flex-row {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.page-template-business .flex-row .icon img,
.page-template-ecommerce .flex-row .icon img {
    width: 40px;
    margin: 20px;
}

.page-template-business .section .flex-row h3,
.page-template-ecommerce .section .flex-row h3 {
    line-height: 1.15em;
}

img.credit-card {
    -webkit-transform: rotate(-22.5deg);
    -ms-transform: rotate(-22.5deg);
    transform: rotate(-22.5deg);
}

.page-template-business .cofidis,
.page-template-ecommerce .cofidis {
    position: relative;
    background-image: url(img/cofidis-business.jpg);
    background-size: cover;
    background-position: center;
}

.page-template-business .cofidis .content,
.page-template-ecommerce .cofidis .content {
    float: left
}

/** BUSINESS - STATS */
.big-circle {
    border-radius: 50%;
    font-size: 120px;
    font-weight: 700;
    color: #f39200;
    width: 280px;
    height: 280px;
    text-align: center;
    line-height: 280px;
    margin: 0 auto 20px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.big-circle>div {
    display: inline;
}

.big-circle span {
    font-size: 60px;
}

.stats .col-3 {
    text-align: center;
}

.stats p {
    width: 280px;
    margin: 0 auto !important;
}

/** CHI SIAMO **/
.full-width {
    width: 100%;
    max-width: 100%;
    display: block;
}

.testo_footer {
    padding: 20px;
    text-align: center;
    font-size: 14px;
    line-height: 1.5em;
}

/** CHI SIAMO - FORM **/
.section form h2 {
    font-size: 30px;
    font-weight: 700;
}

.page-template-faq form {
    border: 1px solid #f39200;
    border-radius: 20px;
    padding: 40px 100px;
}

.form-row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.form-row label {
    font-size: 16px;
    display: block;
}

.form-row span {
    display: block;
    width: 100%;
}

.form-col {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
}

.form-row input:focus,
.form-row input:active,
.form-row textarea:focus,
.form-row textarea:active {
    outline: none;
}

.form-row input[type=text],
.form-row input[type=email],
.form-row input[type=tel],
.form-row textarea,
.form-row select {
    width: 100%;
    border-radius: 10px;
    border: 1px solid #ccc;
    font-size: 18px;
    padding: 10px 15px;
    color: #707676;
    max-width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    resize: none;
    font-size: 16px
}

.form-col.col-third {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.3333%;
    flex: 0 0 33.3333%;
}

.form-row select {
    height: 41px;
}

.form-row textarea {
    height: 130px;
}

.form-row .form-col div {
    margin-left: 20px;
    margin-right: 20px;
}

.form-row .form-col:first-child div {
    margin-right: 20px;
    margin-left: 0;
}

.form-row .form-col:last-child div {
    margin-right: 0;
}

.form-col textarea {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
}

.form-row input[type=checkbox] {
    display: none;
}

.form-row input[type=checkbox]+label,
.form-row input[type=checkbox]+span label:first-child {
    background: #fff;
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 0;
    border: 1px solid #ccc;
    border-radius: 10px;
    position: relative;
    cursor: pointer;
}

.form-row span.wpcf7-list-item-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-row span.wpcf7-list-item {
    margin: 0;
}

div.wpcf7 .form-col .ajax-loader {
    display: block;
    margin: 10px 0 0 85px;
}

.form-row input[type=checkbox]:checked+label,
.form-row input[type=checkbox]:checked+label:after,
.form-row input[type=checkbox]+span label:first-child,
.form-row input[type=checkbox]+span label:first-child:after {
    background: #fff;
    height: 24px;
    width: 24px;
    display: inline-block;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #ccc;
}

.form-row input[type=checkbox]:checked+label:after,
.form-row input[type=checkbox]:checked+span label:first-child:after {
    content: '';
    background: #f39200;
    position: absolute;
    width: 20px;
    height: 20px;
    left: 1px;
    top: 1px;
    border-radius: 8px;
}

.form-row .checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-row .checkbox-wrap label+label {
    margin-left: 10px;
}

.form-row label a {
    color: #f39200;
}

.form-row .checkbox-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.form-row .checkbox-wrap label+label {
    margin-left: 10px;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-row label a {
    color: #f39200;
}

.form-row .form-col.flex-auto {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.form-row .form-col.flex-right {
    text-align: right;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 150px;
    flex: 0 0 150px;
}

/** HAMBURGER MENU **/
.hamburger {
    display: none !important;
}

.tab-nav.fixed {
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    z-index: 9999;
    background: #fff;
}

@media (max-width: 1259px) {

    .section,
    .hero,
    header {
        padding: 0 30px;
    }

}

@media (max-width: 1199px) {

    /** BUSINESS - VANTAGGI **/
    .page-template-business .flex-row .icon img,
    .page-template-ecommerce .flex-row .icon img {
        width: 25px;
        margin: 10px;
    }

    .section h3,
    .section h4.h3 {
        font-size: 20px;
    }

    /** BUSINESS - STATS **/
    .big-circle {
        width: 200px;
        line-height: 200px;
        height: 200px;
        font-size: 80px;
    }

    .big-circle span {
        font-size: 40px;
    }

    .stats p {
        width: 200px;
    }

    /** CHI SIAMO - TAB **/
    .tab-nav a {
        font-size: 20px;
    }

    .tab-nav {
        padding: 0 25px;
    }

    .tab-wrap {
        margin: 0 30px;
        max-width: 100%;
    }


    /** FOOTER **/
    ul.contacts li a span>span {
        padding-left: 0;
    }
}

@media (max-width: 991px) {

    .form-row .form-col:first-child div {
        margin-right: 10px;
    }

    .form-row .form-col div {
        margin-left: 10px;
        margin-right: 10px;
    }

    .home .hero>img {
        height: auto
    }

    .page-template-business .video .vidbacking,
    .page-template-business .video .fluid-container,
    .page-template-ecommerce .video .vidbacking,
    .page-template-ecommerce .video .fluid-container {
        height: auto;
        width: 100%;
        position: relative;
        top: auto;
        left: auto;
        -webkit-transform: none;
        -ms-transform: none;
        transform: none;
        right: auto;
        bottom: auto;
        display: block;
        text-align: center;
    }

    .page-template-business video+.cta,
    .page-template-ecommerce video+.cta {
        position: relative;
        bottom: auto;
        margin: 20px auto;
        background: #f39200;
    }

    .page-template-business .video,
    .page-template-ecommerce .video {
        height: auto;
        padding: 0;
        background: none;
        margin: 120px 0 25px !important;
    }

    .page-template-business .video.revolution,
    .page-template-ecommerce .video.revolution {
        margin: 20px 0 25px !important;
    }

    .page-template-business .darken,
    .page-template-ecommerce .darken {
        top: 120px;
        bottom: 87px;
    }

    .cta {
        font-size: 16px;
        padding: 16px 30px 15px;
        line-height: 1em;
    }

    .home .hero {
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }

    .hero img {
        max-width: 100%;
        height: auto;
    }

    .section h2 {
        font-size: 36px;
    }

    header nav ul li a {
        margin: 10px 7.5px;
        padding: 15px 7.5px;
        font-size: 15px;
    }

    header nav ul li:last-child a,
    header nav ul li:last-child a:hover,
    header nav ul li:last-child a:focus,
    header nav ul li:last-child a:active,
    header nav ul li:last-child.current a {
        padding: 15px;
    }

    .section .col-icons .box img {
        height: 160px;
    }

    .col-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        padding: 30px 0 !important
    }

    .cofidis .content {
        max-width: 50%;
        float: right;
    }

    ul.step-nav li a {
        margin: 0 15px;
    }

    ul.step-nav li:after {
        width: 30px;
        right: -15px;
    }

    /** BUSINESS - VANTAGGI **/
    .page-template-business .hero-copy,
    .page-template-ecommerce .hero-copy {
        font-size: 50px;
        line-height: 50px;
    }

    .page-template-business .vantaggi .col-3,
    .page-template-ecommerce .vantaggi .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    /** CHI SIAMO - TAB **/
    .tab-nav a {
        font-size: 16px;
    }

    .tab h3 {
        font-size: 30px;
    }


    .myteam .full-width {
        width: 200%;
        max-width: none;
        margin-left: -50%;
    }

    /** FAQ **/
    .page-template-faq .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.3333%;
        flex: 0 0 33.3333%;
    }

    /** FAQ - FORM **/
    .page-template-faq form {
        padding: 40px;
    }

    /** FOOTER **/
    footer .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    ul.contacts li {
        margin-bottom: 10px;
    }

    ul.contacts li:last-child {
        margin: 0;
    }

}

.fancybox-slide:before {
    margin-right: 0 !important
}

@media (max-width: 767px) {
    .section h1.h2 {
        font-size: 36px;
        line-height: 1.1em
    }

    .page-template-business .fancybox-slide--iframe .fancybox-content,
    .page-template-ecommerce .fancybox-slide--iframe .fancybox-content {
        padding: 25px 10px 0;
    }

    .page-template-business .fancybox-slide--iframe .fancybox-content,
    .page-template-ecommerce .fancybox-slide--iframe .fancybox-content {
        margin-bottom: 0
    }

    .section form h2 {
        font-size: 20px;
    }

    .page-template-faq form {
        padding: 25px;
    }

    .form-row .form-col {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .form-row .form-col div {
        margin-right: 0 !important;
        margin-left: 0 !important;
    }

    .form-row .form-col {
        padding: 0 0 20px;
    }

    .form-row .form-col:last-child {
        padding: 0
    }

    .form-row .form-col.flex-right,
    .form-row .form-col.flex-auto {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .form-row .form-col.flex-right {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        text-align: center;
    }

    .form-row input[type=checkbox]+span label:first-child {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        width: 24px;
    }

    div.wpcf7 .form-col .ajax-loader {
        margin: 10px auto 0;
    }

    #privati .cta {
        margin: 0 auto;
        display: block;
        width: 210px;
        text-align: center;
    }

    .stats p {
        width: 100%;
    }

    .page-template-business .darken,
    .page-template-ecommerce .darken {
        top: 0;
    }

    .col-8 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
    }

    /** HAMBURGER MENU **/
    .hamburger {
        cursor: pointer;
        position: fixed;
        top: 35px;
        right: 15px;
        z-index: 99;
        display: block !important;
    }

    header.opened nav ul {
        display: block;
        top: 80px;
        position: relative;
    }

    header.opened {
        position: fixed;
        top: 0;
        background: #fff;
        z-index: 99;
        bottom: 0;
        left: 0;
        right: 0;
        display: block;
    }

    header.opened nav {
        display: block;
    }

    header nav {
        display: none;
    }

    .section h2 {
        font-size: 36px;
        line-height: 1.1em;
        padding-bottom: 30px !important;
    }

    .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding-bottom: 30px;
    }

    .section .box {
        margin: 0;
    }

    .section p.big {
        font-size: 18px;
    }

    .orange-bg .section h2 {
        padding-bottom: 0 !important;
    }

    .steps {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        overflow: hidden;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
    }

    .step {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        position: relative;
        top: auto;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .step.current {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }

    .step .content {
        margin: 0;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .step .icon {
        margin: 0 auto 30px;
        text-align: center;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }

    .step .icon img {
        max-width: 100%;
    }

    .section h2 {
        font-size: 30px;
    }

    .orange-bg .section h3,
    .orange-bg .section h4.h3 {
        padding-bottom: 15px !important;
        line-height: 1.2em;
    }

    ul.step-nav li a {
        width: 20px;
        height: 20px;
        color: #fff;
        font-size: 0;
        text-indent: -99px;
        overflow: hidden;
        margin: 0 5px;
    }

    ul.step-nav li a.current,
    ul.step-nav li a:hover,
    ul.step-nav li a:focus,
    ul.step-nav li a:active {
        color: #9e1006;
    }

    ul.step-nav li:after {
        display: none;
    }

    #prev:before,
    #prev:after,
    #next:before,
    #next:after {
        content: '';
        width: 40px;
        height: 2px;
        background: #fff;
        display: block;
        position: absolute
    }

    #prev,
    #next {
        position: absolute;
        top: 123px;
        z-index: 99
    }

    #prev {
        left: 0;
        width: 24px;
        height: 67px;
    }

    #prev:before {
        -webkit-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg);
        top: 16px;
        left: -8px;
    }

    #prev:after {
        -webkit-transform: rotate(55deg);
        -ms-transform: rotate(55deg);
        transform: rotate(55deg);
        top: 48px;
        left: -8px;
    }

    #next {
        right: 0;
        width: 24px;
        height: 67px;
    }

    #next:before {
        -webkit-transform: rotate(55deg);
        -ms-transform: rotate(55deg);
        transform: rotate(55deg);
        top: 16px;
        left: -8px;
    }

    #next:after {
        -webkit-transform: rotate(-55deg);
        -ms-transform: rotate(-55deg);
        transform: rotate(-55deg);
        top: 48px;
        left: -8px;
    }

    .video {
        padding-bottom: 80%;
    }

    .disclaimer {
        margin-left: 0;
    }

    .cofidis .content {
        max-width: none;
        float: none;
        padding: 400px 0 50px !important;
    }

    .cofidis {
        background-size: auto 360px;
        background-position: top left;
        background-repeat: no-repeat;
        background-color: #f39200;
    }

    .cofidis .section h2 {
        font-size: 24px;
    }

    /** BUSINESS - VANTAGGI **/
    .page-template-business .hero,
    .page-template-ecommerce .hero {
        padding: 0;
        text-align: right;
    }

    .page-template-business .hero-copy,
    .page-template-ecommerce .hero-copy {
        font-size: 32px;
        line-height: 32px;
    }

    .page-template-business .hero img,
    .page-template-ecommerce .hero img {
        width: 150%;
        max-width: none;
        margin-left: -40%;
        display: block;
    }

    .page-template-business .vantaggi .col-3,
    .page-template-ecommerce .vantaggi .col-3 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    .page-template-business .stats .col-3.mt80,
    .page-template-business .stats .col-3.mt160,
    .page-template-ecommerce .stats .col-3.mt80,
    .page-template-ecommerce .stats .col-3.mt160 {
        margin-top: 40px !important;
    }

    .page-template-business .cofidis,
    .page-template-ecommerce .cofidis {
        background-position: 75% 0;
        background-size: auto 360px;
    }

    .big .cta.orange {
        margin-top: 10px;
    }

    .page-template-business .vantaggi .col-3:last-child .flex-row,
    .page-template-ecommerce .vantaggi .col-3:last-child .flex-row {
        padding-bottom: 0 !important;
    }

    .page-template-business .vantaggi .col-3:last-child,
    .page-template-ecommerce .vantaggi .col-3:last-child {
        padding-bottom: 0 !important;
    }

    /** CHI SIAMO - TAB **/
    .tab {
        position: relative;
        max-height: 0;
        -webkit-transition: 0.25s ease-out opacity;
        -o-transition: 0.25s ease-out opacity;
        transition: 0.25s ease-out opacity
    }

    .tab.current {
        opacity: 1;
        max-height: 9999px
    }

    .section h2 {
        font-size: 32px;
    }

    .tab h3 {
        font-size: 26px;
    }

    .tab h4 {
        font-size: 22px;
    }

    .tab-nav a {
        font-size: 14px;
    }

    .tab-nav {
        padding: 0 5px;
    }

    .tab {
        overflow: hidden;
    }

    .tab .full-width {
        width: 200%;
        max-width: none;
        margin-left: -50%;
    }

    .tab#business .full-width,
    .tab#ecommerce .full-width {
        margin: 0;
    }

    .map {
        width: 170%;
        max-width: none;
        margin-left: -15%;
    }

    /** CHI SIAMO - MYTEAM **/
    .myteam .hashtage {
        font-size: 15px;
        top: 60px;
        right: 10px;
    }

    /** FAQ **/
    .page-template-faq .col-4 {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    /** FOOTER **/
    footer .content {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
    }

    ul.contacts>li {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        margin-bottom: 20px;
        border-bottom: 1px solid;
        padding-bottom: 20px;
    }

    ul.contacts>li>a:last-child {
        margin-bottom: 0;
    }

    ul.contacts {
        padding-bottom: 20px !important;
    }
}

@media (max-width: 413px) {
    .myteam .full-width {
        width: 200%;
        max-width: none;
        margin-left: -52%;
    }
}

@media (max-width: 359px) {

    /** BUSINESS - VANTAGGI **/
    .page-template-business .hero-copy,
    .page-template-ecommerce .hero-copy {
        font-size: 30px;
        line-height: 30px;
    }
}

@media (max-width: 767px) {

    .page-template-business .fancybox-slide--iframe,
    .page-template-ecommerce .fancybox-slide--iframe {
        padding: 0 !important;
        width: 100% !important;
        margin: 0 !important;
    }

    .page-template-business .fancybox-slide--iframe .fancybox-content,
    .page-template-ecommerce .fancybox-slide--iframe .fancybox-content {
        width: 100% !important;
        border-radius: 0;
    }

    .page-template-business .fancybox-infobar,
    .page-template-business .fancybox-toolbar,
    .page-template-ecommerce .fancybox-infobar,
    .page-template-ecommerce .fancybox-toolbar {
        display: none !important;
    }

    .page-template-business .fancybox-stage,
    .page-template-ecommerce .fancybox-stage {
        background: #fff;
    }
}

.page-template-business .fancybox-toolbar.compensate-for-scrollbar,
.page-template-ecommerce .fancybox-toolbar.compensate-for-scrollbar {
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
}

.page-template-business button.fancybox-button.fancybox-button--close,
.page-template-ecommerce button.fancybox-button.fancybox-button--close {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    color: #fff;
}

.pos-precedente-wrap {
    max-width: 100%;
    margin: 0 auto;
    padding: 0 20px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 830px;
}

.pos-precedente-inner-wrap {
    border: 1px solid #9e1006;
    background: #f5f4f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.pos-precedente-wrap .caption h2 {
    color: #9e1006;
    font-weight: 400;
    font-size: 24px;
    text-align: left;
    padding: 0;
    margin: 0 0 15px;
}

.pos-precedente-wrap .caption {
    width: 390px;
    max-width: 100%;
    text-align: left;
    padding: 25px 0;
}

.pos-precedente-wrap a {
    color: #f39200;
    font-weight: bold;
    text-align: left;
    text-decoration: none;
    font-size: 20px;
}

.pos-precedente-image {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    max-width: 270px;
    position: relative;
    margin-right: 25px;
}

.pos-precedente-image img {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.pos-wrap {
    background: #f5f4f0;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
}

.pos-wrap h2 {
    color: #9e1006;
    font-weight: 400;
    font-size: 48px;
    padding: 0 0 30px
}

.pos-text {
    color: #706f6f;
    font-size: 18px;
    text-align: left;
    max-width: 370px;
    padding: 0 0 40px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 370px;
    flex: 0 0 370px;
}

.pos-inner-wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.pos-image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    position: relative;
    max-width: 100%
}

.pos-image img {
    max-width: 100%;
    display: block;
    margin: 0 auto;
}

.pos-image a {
    position: absolute;
}

a.small-popup {
    position: absolute;
}

a.small-popup.fotocamera {
    bottom: 25%;
    right: 20%;
}

a.small-popup.carte {
    left: 5%;
    bottom: 37.5%;
}

.popup h3 {
    color: #f39200;
    font-size: 24px;
    text-transform: uppercase;
    padding: 15px 0 5px;
    line-height: 1em;
}

.popup p {
    color: #706f6f;
    font-size: 16px;
}

.popup {
    padding: 0;
    position: absolute;
    background: #fff;
    border: 2px solid #f39200;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
    max-width: 100%;
    width: 450px;
    opacity: 0;
    -webkit-transition: 0.5s ease-out opacity;
    -o-transition: 0.5s ease-out opacity;
    transition: 0.5s ease-out opacity;
    overflow: hidden;
    z-index: -1
}

.popup.opened {
    padding: 20px 40px;
    opacity: 1;
    max-height: 999px;
    z-index: 1
}

#fotocamera {
    bottom: 25%;
    right: 20%;
    margin: 0 40px 44px 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
}

#carte {
    left: 5%;
    bottom: 37.5%;
    margin: 0 0 50px 55px;
}

button.close {
    padding: 0;
    border: none;
    background: none;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

@media (max-width: 991px) {
    .pos-text {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        padding: 0;
    }

    .pos-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        margin: 0 0 30px;
    }
}

@media (max-width: 767px) {

    .pos-wrap h2 {
        font-size: 32px;
    }

    .pos-precedente-wrap {
        margin: 20px auto 0;
    }

    .pos-precedente-wrap .caption,
    .pos-precedente-wrap .pos-precedente-image {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        padding: 25px;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        width: 100%;
    }

    .pos-precedente-wrap .caption h2,
    .pos-precedente-wrap a {
        text-align: center;
        display: block;
    }

    .pos-precedente-wrap .pos-precedente-image {
        height: 105px;
    }


    .pos-precedente-wrap .pos-precedente-image img {
        top: 0;
    }


    .small-popup img {
        width: 55px;
    }

    .popup {
        bottom: 50% !important;
        right: auto !important;
        left: auto !important;
        width: 100%;
        margin: 0 auto !important;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 20px !important;
        -webkit-transform: translateY(50%);
        -ms-transform: translateY(50%);
        transform: translateY(50%);
    }

    .pos-image img {
        margin: 0 auto;
    }
}

/* ECOMMERCE UPDATE - 2020/04/28 */

@media (max-width: 767px) {
    .mobile-txt-center {
        text-align: center;
    }
}

#menu-menu-principale li.novita a {
    position: relative;
}

#menu-menu-principale li.novita a:before {
    content: 'Novità !';
    position: absolute;
    top: 0px;
    left: 15px;
    text-transform: none;
    font-weight: 700;
    color: #f39200;
    -webkit-transition: top .4s, left .4s;
    -o-transition: top .4s, left .4s;
    transition: top .4s, left .4s;
    font-size: 13px;
}

.scroll #menu-menu-principale li.novita a:before {
    top: -5px;
}

@media (max-width: 991px) {
    #menu-menu-principale li.novita a:before {
        left: 7.5px;
    }

    .page-template-ecommerce .fluid-container {
        top: 0px !important;
    }
}

/* ecommerce cos'è */
.cose .content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.cose .content>div {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 60%;
    flex: 1 1 60%;
    width: 60%;
    max-width: 60%;
}

.cose .content>img {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 30%;
    flex: 1 1 30%;
    width: 30%;
    max-width: 30%;
    padding-left: 40px;
}

.cose h2 {
    text-align: left;
}

.cose:nth-child(odd) .content>div {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
}

.cose:nth-child(odd) .content>img {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    padding-right: 40px;
    padding-left: 0px;
}

@media (max-width: 767px) {
    .cose .content {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .cose .content h2,
    .cose .content p {
        text-align: center;
    }

    .cose .content>div,
    .cose .content>img {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .cose .content>div {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
    }

    .cose .content>img {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 25px;
    }
}

/* ecommerce come funziona */

.how-to {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
}

.how-to ul {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 65%;
    flex: 1 1 65%;
    width: 65%;
    max-width: 65%;
    list-style: none;
    -webkit-margin-before: 0em;
    margin-block-start: 0em;
    -webkit-margin-after: 0em;
    margin-block-end: 0em;
    -webkit-padding-start: 0px;
    padding-inline-start: 0px;
}

.how-to ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    position: relative;
}

.how-to ul li a.how-to-nav {
    /*color: #9e1006;*/
    color: #fff;
    background: #f39200;
    border-radius: 50%;
    text-decoration: none;
    font-weight: 700;
    font-size: 36px;
    width: 60px;
    height: 60px;
    display: block;
    text-align: center;
    margin: 0 30px 0 0;
    line-height: 60px;
    -webkit-transition: 0.25s ease-out all;
    -o-transition: 0.25s ease-out all;
    transition: 0.25s ease-out all;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
}

.how-to ul li.current a.how-to-nav {
    background: #9e1006;
    color: #fff;
}

.how-to ul li a.how-to-nav:after {
    border-left: 5px dotted #f39200;
    display: block;
    content: '';
    position: absolute;
    left: 30px;
    top: 62px;
    height: calc(100% - 62px);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 0;
}

.how-to ul li:last-child a.how-to-nav:after {
    display: none;
}

.how-to ul li .content>div {
    opacity: .25;
    margin-bottom: 30px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
    width: 100%;
    -webkit-transition: opacity .6s;
    -o-transition: opacity .6s;
    transition: opacity .6s;
}

.how-to ul li.current .content>div {
    opacity: 1;
}

.section .how h4 {
    color: #9e1006;
    padding-bottom: 5px;
    cursor: pointer;
}

#how-img {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 35%;
    flex: 1 1 35%;
    width: 35%;
    max-width: 35%;
    min-height: 100%;
    position: relative;
}

#how-img>div {
    position: absolute;
    top: 0%;
    right: 0%;
    bottom: 0%;
    left: 0%;
    background-position: 50% 50%;
    opacity: 0;
    background-size: contain;
    background-repeat: no-repeat;
    -webkit-transition: background-position .6s, opacity .6s;
    -o-transition: background-position .6s, opacity .6s;
    transition: background-position .6s, opacity .6s;
}

#how-img>div.current {
    background-position: 50% 50%;
    opacity: 1;
}

@media (max-width: 767px) {
    .how-to {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }

    .how-to ul,
    #how-img {
        -webkit-box-flex: 1;
        -ms-flex: 1 1 100%;
        flex: 1 1 100%;
        width: 100%;
        max-width: 100%;
    }

    .how-to ul {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }

    .how-to ul li {
        padding: 0 10px;
        position: static;
        z-index: 0;
    }

    .how-to ul li.current {
        z-index: 1;
    }

    .how-to ul li a.how-to-nav {
        width: 40px;
        height: 40px;
        margin: 0;
        font-size: 24px;
        line-height: 40px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 40px;
        flex: 0 0 40px;
        position: relative;
    }

    .how-to ul li a.how-to-nav:after {
        border-left: none;
        border-top: 5px dotted #f39200;
        display: block;
        content: '';
        position: absolute;
        left: 100%;
        top: 50%;
        width: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 0;
    }

    .how-to ul li .content {
        position: absolute;
        width: 100%;
        top: 120px;
        left: 0px;
        text-align: center;
    }

    .how-to ul li .content>div {
        opacity: 0;
    }

    #how-img {
        margin-top: 200px;
        min-height: 420px;
    }
}

/* ecommerce diventa partner in pagina */
iframe#partner {
    width: 100%;
    border: 0;
    margin: 30px 0;
}

.partner>.section>div {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.partner>.section>div>* {
    max-width: 800px;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 800px;
    flex: 1 1 800px;
}

/* ecommerce sezione integrazione */

.integration {
    position: relative;
    background-size: cover;
    background-position: center;
}

.integration .background {
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
    background-size: cover;
    background-position: center;
}

.integration .content {
    float: left;
    max-width: 620px;
}

.integration .section:after {
    clear: both;
    display: block;
    content: '';
}

.integration .section h2 {
    font-size: 28px;
    color: #fff;
    font-weight: 700;
}

.integration .section p {
    color: #fff;
    text-align: center;
}

@media (max-width: 991px) {
    .integration .background {
        position: relative;
        min-height: 360px;
        background-position: right;
    }

    .integration {
        background-color: #b90800;
    }

    .integration .content.pt100.pb100 {
        padding-top: 25px !important;
        padding-bottom: 25px !important;
        max-width: 100%;
        width: 100%;
    }
}

@media (max-width: 767px) {
    .integration .background {
        min-height: 240px;
    }
}


#diventa-partner {
    padding: 10px 0;
}

#diventa-partner .cform-form {
    width: 80%;
}

@media (max-width: 767px) {
    #diventa-partner .cform-form {
        width: 100%;
    }
}

.aligncenter {
    margin: 0 auto;
    display: block;
}

.caldera-grid .alert {
    padding: 20px 10px !important;
}

.caldera-grid label {
    font-weight: 400 !important;
}

.caldera-grid .field_required {
    color: unset !important;
}

.caldera-grid input[type="text"],
.caldera-grid input[type="email"],
.caldera-grid input[type="url"],
.caldera-grid select {
    border-radius: 10px !important;
    padding: 10px 15px !important;
    height: unset !important;
}

.caldera-grid select {
    -webkit-appearance: none;
    background-image: url(img/down.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-color: #fff;
    background-size: 16px;
    cursor: pointer;
    outline: none;
}

.caldera-forms-consent-field-agreement,
.caldera-forms-consent-field-linked_text {
    font-size: 16px !important;
}

.caldera-forms-consent-field-linked_text {
    color: #f39200 !important;
}

.caldera-grid input[type="submit"] {
    background: #f39200 !important;
    border: none;
    color: #fff;
    display: inline-block;
    font-size: 20px;
    line-height: 1em;
    font-weight: 700;
    border-radius: 5px;
    padding: 20px 30px;
    text-decoration: none;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.25s ease-out all;
    -o-transition: 0.25s ease-out all;
    transition: 0.25s ease-out all;
    z-index: 999;
    cursor: pointer;
    float: right;
}

.caldera-grid input[type="submit"]:hover {
    color: #fff;
}

.caldera-grid .form-control:focus {
    border-color: #f39200 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

@media (max-width: 767px) {
    .caldera-grid input[type="submit"] {
        float: none;
        margin: 0 auto !important;
        display: block;
    }
}

/* gradient text ie fix */
@media all and (-ms-high-contrast: none),
(-ms-high-contrast: active) {

    .gradient,
    .box p {
        background: none !important;
        color: #9e1006 !important;
    }
}

div#CybotCookiebotDialogBody {
    background: #000 !important;
}

div#CybotCookiebotDialogBody * {
    color: #fff !important;
}

div#CybotCookiebotDialogPoweredbyLink {
    display: none !important;
}

div#CybotCookiebotDialogBodyContent {
    padding: 25px 30px !important;
}

div#CybotCookiebotDialog {
    border: none !important;
    border-radius: 5px !important;
    background: #000;
}

div#CybotCookiebotDialogBodyLevelButtonsSelectPane {
    border: none !important;
    padding: 0 !important;
}

div#CybotCookiebotDialogBodyLevelDetailsWrapper {
    background: #000 !important;
    border: none !important;
    padding: 0 !important;
}

#CybotCookiebotDialogBodyLevelWrapper a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
#CybotCookiebotDialogBodyLevelWrapper a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
#CybotCookiebotDialogBodyLevelWrapper a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
    background: #009966 !important;
    border-color: #009966 !important;
    height: 35px !important;
    font-size: 12px !important;
    line-height: 35px !important;
    border-radius: 5px !important;
    text-transform: uppercase !important;
    width: auto !important;
    padding: 0 15px !important;
}

div#CybotCookiebotDialogBodyLevelButtons {
    padding: 15px 0 !important;
    -webkit-box-sizing: border-box !important;
    box-sizing: border-box !important;
    float: none !important;
    margin: 0;
}

div#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelectionWrapper {
    float: none !important;
}

div#CybotCookiebotDialogDetail {
    background: #000 !important;
}

#CybotCookiebotDialog a,
#CybotCookiebotDialog div,
#CybotCookiebotDialogBodyContentControls,
#CybotCookiebotDialogBodyContentTitle {
    background: #000 !important;
}

div#CybotCookiebotDialogDetail * {
    color: #fff !important;
    border: none !important;
}

div#CybotCookiebotDialogDetailBodyContentTabs a {
    font-weight: bold !important;
}

div#CybotCookiebotDialogDetailBody {
    padding-bottom: 15px !important;
}

div#CybotCookiebotDialogDetailBodyContentTabs a.CybotCookiebotDialogDetailBodyContentTabsItemSelected {
    text-decoration: underline !important;
}

div#CybotCookiebotDialogDetailBody .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead td,
div#CybotCookiebotDialogDetailBody .CybotCookiebotDialogDetailBodyContentCookieTypeTable thead th {
    background: #000 !important;
    font-weight: bold !important;
}

#CybotCookiebotDialogDetailBodyContent ::-webkit-scrollbar {
    width: 7px;
    height: 7px;
}

#CybotCookiebotDialogDetailBodyContent ::-webkit-scrollbar-track {
    background: #000;
}

#CybotCookiebotDialogDetailBodyContent ::-webkit-scrollbar-thumb {
    background: #454545;
    border-radius: 5px
}

#CybotCookiebotDialogDetailBodyContentCookieContainerTypeDetails,
#CybotCookiebotDialogDetailBodyContentIABv2Details {
    scrollbar-face-color: #454545;
    scrollbar-shadow-color: #FFFFFF;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #FFFFFF;
    scrollbar-track-color: #FFFFFF;
    scrollbar-arrow-color: #FFFFFF;
}

::-webkit-scrollbar-corner {
    background: rgba(0, 0, 0, 0.5);
}

div#CybotCookiebotDialogBodyLevelWrapper :focus {
    outline: none !important;
}

#CybotCookiebotDialogBodyLevelButtonsRow a#CybotCookiebotDialogBodyLevelDetailsButton {
    margin-right: 0 !important;
    padding-right: 0 !important;
    width: 113px;
    border: none !important;
}

div#CybotCookiebotDialogBodyLevelButtonsTable {
    width: 100% !important;
}

div#CybotCookiebotDialogBodyLevelWrapper {
    padding: 0 30px !important;
}

#CybotCookiebotDialog {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
}

#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection {
    margin-left: 0;
}

@media (max-width:767px) {

    #CybotCookiebotDialogBodyLevelWrapper a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowAll,
    #CybotCookiebotDialogBodyLevelWrapper a#CybotCookiebotDialogBodyLevelButtonLevelOptinAllowallSelection,
    #CybotCookiebotDialogBodyLevelWrapper a#CybotCookiebotDialogBodyLevelButtonLevelOptinDeclineAll {
        font-size: 10px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #CybotCookiebotDialogDetailBodyContentTabs a {
        font-size: 11px !important;
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    div#CybotCookiebotDialogDetailFooter {
        max-width: 100% !important;
        text-align: center;
    }
}

.page-template-dove .hero {
    background: rgb(237, 95, 53);
    background: -o-linear-gradient(left, rgba(237, 95, 53, 1) 0%, rgba(236, 135, 1, 1) 50%, rgba(254, 204, 0, 1) 100%);
    background: -webkit-gradient(linear, left top, right top, from(rgba(237, 95, 53, 1)), color-stop(50%, rgba(236, 135, 1, 1)), to(rgba(254, 204, 0, 1)));
    background: linear-gradient(90deg, rgba(237, 95, 53, 1) 0%, rgba(236, 135, 1, 1) 50%, rgba(254, 204, 0, 1) 100%);
    max-width: 100%;
    overflow: hidden;
}

.page-template-dove .hero h2 {
    color: #fff;
    font-size: 64px;
    line-height: 1.25em;
    padding: 20px 0 0;
    position: absolute;
    text-align: left;
    font-weight: bold;
}

.page-template-dove .hero img {
    display: block;
    margin: 0 0 0 auto;
}

.chiedi-pagodil {
    background-image: url(img/chiedi-PagoDIL.png);
    background-position: center left;
    background-repeat: no-repeat;
}

.page-template-dove h3 {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    line-height: 1.25em;
    color: #D0103A;
}

.cols {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    font-size: 24px;
    line-height: 1.25em;
    font-weight: bold;
    padding: 40px 0 0;
    color: #D0103A;
}

.pagodil-feature {
    padding: 60px 0 60px 380px;
    text-align: center;
}

.page-template-dove header nav,
.page-template-dove header .hamburger {
    display: none;
}

.page-template-dove header .logo {
    margin: 0 auto;
}

@media (max-width:1199px) {
    .page-template-dove .hero h2 {
        font-size: 44px;
    }

    .page-template-dove h3 {
        font-size: 32px;
    }

    .cols {
        font-size: 20px;
    }
}

@media (max-width:991px) {
    .page-template-dove .hero img {
        margin: 0 -200px 0 auto;
    }

    .chiedi-pagodil {
        background-size: auto 100%;
    }

    .pagodil-feature {
        padding-left: 240px;
    }

    .cols {
        font-size: 18px;
    }
}

.pagodil-mobile {
    display: none
}

@media (max-width:767px) {
    .page-template-dove .hero img {
        margin: 0 -200px 0 auto;
    }

    .chiedi-pagodil {
        background-size: auto 75%;
    }

    .pagodil-feature {
        padding: 50px 0;
    }

    .page-template-dove h3 {
        font-size: 24px
    }

    .cols {
        font-size: 20px;
        display: block;
        max-width: 100%;
        padding-top: 20px;
    }

    .cols div+div br {
        display: none;
    }

    .cols div+div {
        margin-top: 15px;
    }


    .page-template-dove .hero img {
        margin: 0 auto;
    }

    .page-template-dove .hero h2 {
        position: relative;
        font-size: 26px;
        text-align: center;
        padding: 0 0 10px !important;
        margin: 0 auto;
    }

    .page-template-dove .hero {
        padding: 0;
    }

    .hero .section {
        padding: 30px 30px 0;
    }

    .chiedi-pagodil {
        background: none;
    }

    .pagodil-mobile {
        display: block;
        max-width: 100%;
        margin: 0 auto;
    }
}

.dove {
    background: #F5F5F2;
    text-align: center;
    padding: 40px 20px 90px;
}

.dove .date,
.dove p {
    font-size: 22px;
}

.dove p a {
    color: #666;
}

.dove .date {
    font-weight: bold;
    color: #D0103A;
}

.dove h2 {
    font-size: 44px;
    color: #666666;
    margin: 10px auto;
    padding: 0;
}

@media (min-width:768px) {
    .dove h2.testo_facebook {
        font-size: 38px;
    }
}

.dove h2.testo_facebook+a {
    display: block;
}

.dove img {
    padding: 40px 0;
    margin: 0 auto;
    display: block;
    max-width: 100%;
}

.dove .copy,
.dove .copy p {
    font-size: 12px;
    text-align: left;
}

.page-template-dove a.scroll-to.cta {
    position: absolute;
    bottom: -90px;
    left: 0;
    background: #4eac5b;
}

@media (max-width:767px) {
    .page-template-dove a.scroll-to.cta {
        position: relative;
        margin: 20px auto 0;
        bottom: auto;
        display: block;
        width: 100px;
    }

    .dove p {
        font-size: 17px;
    }

    .dove h2 {
        font-size: 28px;
        padding: 0 !important;
    }

    .dove .copy {
        font-size: 11px;
    }

}

/* EBOOK FORM PAGE */
#ebook-form p{
    color: #252525 !important;
}
#ebook-form a{
    color: #252525 !important;
    text-decoration: underline !important;
}

/* Style Formidable Form */
.frm_form_fields .frm_fields_container {
    max-width: 800px;
    margin: auto;
}

.with_frm_style .frm_error {
    font-size: 16px !important;
    width: 75% !important;
}

.with_frm_style label,
.with_frm_style .frm_primary_label {
    color: #252525 !important;
    font-size: 15px !important;
    font-weight: 300 !important;
    margin-bottom: 1em !important;
    padding-bottom: 0 !important;
}

.with_frm_style .field_required {
    color: unset !important;
}

.with_frm_style .form-field:not(.frm_hide_section) {
    padding: 20px !important;
}

.with_frm_style .form-field.frm_hide_section {
    padding: 5px 20px !important;
}

.with_frm_style .frm_blank_field label,
.with_frm_style .frm_required{
    color: #252525 !important;
}
.with_frm_style .frm_error {
    color: #d0103a !important;
    margin-top: 10px !important;
}
/* .with_frm_style .frm_form_field :invalid, */
.with_frm_style .frm_form_field input[aria-invalid="true"] {
    border-color: #d0103a !important;
}

.frm_style_stile-di-formidable.with_frm_style .form-field:not(.frm_hide_section){
    display: flex;
    flex-direction: column;
    align-items: center;
}

.with_frm_style input[type="text"],
.with_frm_style input[type="email"],
.with_frm_style input[type="url"],
.with_frm_style input[type="tel"],
.with_frm_style select {
    padding: 6px 10px !important;
    height: unset !important;
    border-radius: 30px !important;
    border: 1px solid #363636 !important;
    width: 75% !important;
    font-size: 16px !important;
}
.with_frm_style .frm_top_container .frm_primary_label,
.with_frm_style .frm_hidden_container .frm_primary_label,
.with_frm_style .frm_pos_top,
.with_frm_style .frm_opt_container {
    width: 75% !important;
}

@media (max-width: 600px) {
    .with_frm_style input[type="text"],
    .with_frm_style input[type="email"],
    .with_frm_style input[type="url"],
    .with_frm_style input[type="tel"],
    .with_frm_style select,
    .with_frm_style .frm_top_container .frm_primary_label,
    .with_frm_style .frm_hidden_container .frm_primary_label,
    .with_frm_style .frm_pos_top,
    .with_frm_style .frm_opt_container,
    .with_frm_style .frm_error {
        width: 100% !important;
    }
}

.with_frm_style select {
    -webkit-appearance: none;
    background-image: url(img/down.svg) !important;
    background-repeat: no-repeat !important;
    background-position: right 10px center !important;
    background-color: #fff;
    background-size: 16px;
    cursor: pointer;
    outline: none;
}

/* .with_frm_style .horizontal_radio {
    margin-bottom: 0 !important;
} */

.with_frm_style .frm_radio input[type=radio]:before,
.with_frm_style .frm_checkbox input[type=checkbox]:before {
    content: '';
    width: 100% !important;
    height: 100% !important;
    box-shadow: none !important;
    margin: 0 !important;
    background-color: #D0103A;
    border-color: #D0103A !important;
}
.with_frm_style .frm_radio input[type=radio]:checked:before,
.with_frm_style .frm_checkbox input[type=checkbox]:checked:before {
    transform: scale(1.1) !important;
}

.with_frm_style .linked_text {
    color: #f39200 !important;
}

.with_frm_style .frm_submit{
    margin-left: auto;
    margin-right: auto;
}

.with_frm_style .frm_submit button {
    background-color: #D0103A !important;
    color: white;
    text-transform: uppercase;
    padding: 10px 40px !important;
    border-radius: 30px !important;
    border-color: #D0103A !important;
    box-shadow: 0px 10px 20px #00000033;
    border: 0px !important;
    font-size: 1rem !important;
    margin: 0px 10px;
    cursor: pointer;
    width: auto !important;
    opacity: 1 !important;
}

.with_frm_style .frm_submit button:hover {
    color: #fff !important;
}

.with_frm_style input:hover,
.with_frm_style input:focus {
    -webkit-appearance: none;
    cursor: pointer;
    border-color: #FFCB2C !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    box-shadow: 0px 3px 6px #00000029 !important;
    border-radius: 30px !important;
}

.with_frm_style .form-field.frm_section_heading{
    background-color: white !important;
    margin-bottom: 20px !important;
    border-radius: 30px !important;
    box-shadow: 0px 10px 40px #00000029 !important;
}


.with_frm_style .frm_message, .frm_success_style{
    background-color: white !important;
    border-radius: 30px !important;
    box-shadow: 0px 10px 40px #00000029 !important;
    border: none !important;
    max-width: 800px;
    margin: auto !important;
}
.with_frm_style .frm_message p{
    color: #252525 !important;
}
.with_frm_style .frm_message a{
    color: #d0103a !important;
    text-decoration: underline;
    font-weight: 600;
}

@media (max-width: 767px) {
    .with_frm_style input[type="submit"] {
        float: none;
        margin: 0 auto !important;
        display: block;
    }
}

/* Testimonial Image Text partial */
.tit-image{
    position: absolute;
    max-height: 90%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
@media (max-width: 991px) {
    .tit-image{
        position: relative;
        max-width: 80%;
    }
}

/* Calcolator block */
.calcolator{
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: left !important;
    min-height: 498px;
}
.calcolator .pos-content{
    width: 300px;
}
.calcolator #calc-form{
    background-color: #FFFFFF;
    border-radius: 5px;
}
.calcolator #calc-form label{
    position: absolute;
    top: 5px;
    margin: 0;
    transition: all 0.1s ease-in;
}
.calcolator #calc-form .active label{
    top: -10px;
    font-size: 10px;
    opacity: 0.8;
}
.calcolator #calc-form input{
    position: relative;
    background-color: transparent;
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #363636;
    opacity: 1;
    transition: all 0.1s ease-in;
    cursor: pointer;
    font-size: 15px;
    padding: 5px;
    z-index: 1;
}
.calcolator #calc-form .euro-symb{
    display: none;
    position: absolute;
}
.calcolator #calc-form .active input{
    padding-left: 20px;
}
.calcolator #calc-form .active .euro-symb{
    display: block;
    top: 3px;
    left: 5px;
    transition: all 0.1s ease-in;
}

.calcolator #calc-form input:focus,
.calcolator #calc-form input:active,
.calcolator #calc-form input:hover {
    outline: none !important;
    border: none;
    border-bottom: 1px solid #FFCB2C;
    /* box-shadow: 0 6px 6px -3px #00000029; */
}

.calcolator #calc-form select {
    position: relative;
    background-color: transparent;
    border: none;
    border-radius: 0 !important;
    border-bottom: 1px solid #363636;
    transition: all 0.1s ease-in;
    font-size: 15px;
    color: black !important;
    padding: 5px;
    z-index: 1;

    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
    background-repeat: no-repeat;
    background-position-x: 100%;
    background-position-y: 5px;
}

.calcolator #calc-form select:focus,
.calcolator #calc-form select:active,
.calcolator #calc-form select:hover {
    outline: none !important;
    border: none;
    border-bottom: 1px solid #FFCB2C;
    /* box-shadow: 0 6px 6px -3px #00000029; */
}

.calcolator #calc-form input.error,
.calcolator #calc-form select.error {
    border: none;
    border-bottom: 1px solid #D0103A;
}

.calcolator #calc-btn{
    position: absolute;
    width: 6em;
    bottom: 1.5em;
    left: 150px;
    cursor: pointer;
    background-color: transparent;
    border: none;
    outline: none;
}
.calcolator #calc-btn .circle-btn{
    border: 4px solid white;
    background-color: #D0103A;
    border-radius: 50%;
    width: 3em;
    height: 3em;
}
.calcolator #calc-btn .circle-btn svg{
    margin: auto;
    height: 1.5em;
    fill: white;
    padding-top: 2px;
    padding-left: 4px;
}
.calcolator #calc-btn:focus{
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

#resetCalc{
    cursor: pointer;
    text-decoration: underline;
    color: #D0103A !important;
    font-weight: bold;
}
#resetCalc:focus,
#resetCalc:focus-visible,
#resetCalc:focus-within{
    /* outline: none !important; */
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
}

.calcolator #form-result .res-prezzo{
    color: #ffffff;
}

#simulatore {
    padding-top: 3em;
    /* padding-bottom: 1em; */
}
#simulatore small{
    font-size: 12px
}
#simulatore a.reference-link{
    color: var(--font-black);
    height: fit-content;
}

@media (max-width: 991px) {
    .calcolator{
        min-height: 423px;
        background-position: center !important;
    }

    .calcolator .pos-content{
        width: 260px;
    }

    #simulatore {
        padding-top: 5em;
        padding-bottom: 1em;
    }

    .calcolator #calc-btn{
        left: calc(50% - 3em);
    }
}

/* FORM B2B */
.cform-form-fields .cform-field-container {
    min-width: 320px !important;
}

/* SKIP LINK */
.skip-link {
    border: 0;
    color: white;
    height: 1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    top: -1px;
    left: -1px;
    width: 1px;
    z-index: 999;
}
.skip-link:focus {
    background-color: var(--red-main);
    border-radius: 30px;
    box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.15);
    height: auto;
    outline: 1px dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: 1px;
    padding: 10px 20px;
    top: 4px;
    left: 4px;
    text-transform: uppercase;
    text-decoration: none;
    width: fit-content;
    z-index: 999;  
}

/* SUPPORT PAGE BREADCRUMBS */
.breadcrumbs-container {
    /* padding: 39px 45px 21px; */
    display: flex;
    padding: 39px 45px 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

.breadcrumbs {
    list-style: none;
    margin: 0;
    padding: 0;
    width: max-content;
}

.breadcrumbs li  {
    display: inline;
}

.breadcrumbs li:not(:last-child):after {
    content: ' / ';
}

.breadcrumbs a {
    color: #252525;
    font-size: 15px;
}

.breadcrumbs a:hover {
    text-decoration: none;
    color: var(--red-main);
}

.breadcrumbs .current {
    font-weight: 600;
}

@media (max-width: 768px) {
    .breadcrumbs-container {
        padding: 90px 18px 10px;
    }

    .breadcrumbs {
        margin: auto;
    }
}