@font-face {
    font-family: Halcyon-Regular;
    src: url('../fonts/Halcyon-Regular.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halcyon-Regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Halcyon-Regular.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Halcyon-Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Halcyon-Regular.svg#svgFontName') format('svg'), /* Legacy iOS */
    url('../fonts/Halcyon-Regular.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face {
    font-family: Halcyon-Medium;
    src: url('../fonts/Halcyon-Medium.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halcyon-Medium.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Halcyon-Medium.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Halcyon-Medium.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Halcyon-Medium.svg#svgFontName') format('svg') , /* Legacy iOS */
    url('../fonts/Halcyon-Medium.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */

}

@font-face {
    font-family: Halcyon-SemiBold;
    src: url('../fonts/Halcyon-SemiBold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halcyon-SemiBold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Halcyon-SemiBold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Halcyon-SemiBold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Halcyon-SemiBold.svg#svgFontName') format('svg'), /* Legacy iOS */
    url('../fonts/Halcyon-SemiBold.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face {
    font-family: Halcyon-Bold;
    src: url('../fonts/Halcyon-Bold.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halcyon-Bold.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Halcyon-Bold.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Halcyon-Bold.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Halcyon-Bold.svg#svgFontName') format('svg'), /* Legacy iOS */
    url('../fonts/Halcyon-Bold.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face {
    font-family: Halcyon-Black;
    src: url('../fonts/Halcyon-Black.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halcyon-Black.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Halcyon-Black.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Halcyon-Black.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Halcyon-Black.svg#svgFontName') format('svg'), /* Legacy iOS */
    url('../fonts/Halcyon-Black.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */
}

@font-face {
    font-family: Halcyon-Light;
    src: url('../fonts/Halcyon-Light.eot'); /* IE9 Compat Modes */
    src: url('../fonts/Halcyon-Light.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/Halcyon-Light.woff') format('woff'), /* Pretty Modern Browsers */
    url('../fonts/Halcyon-Light.ttf')  format('truetype'), /* Safari, Android, iOS */
    url('../fonts/Halcyon-Light.svg#svgFontName') format('svg'), /* Legacy iOS */
    url('../fonts/Halcyon-Light.eot?#iefix') format('embedded-opentype'); /* IE6-IE8 */

}

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


body, html {
    margin: 0 auto;
    padding: 0;
    width: 100%;
    background-color: #fff;
    height: 100%;
    min-width: 320px;
    max-width: 1920px;
}

.hidden,
.hide {
    display: none !important;
}

.eolo-padding-bottom-20{
    padding-bottom:20px;
}

.eolo-main-area-padding-top{
    padding-top: 114px !important;
}
.eolo-main-area-padding-top{
    padding-top: 132px;
}

.yesbr{
    display: none;
}


.eolo-tooltip + .tooltip > .tooltip-inner{ background-color:#304b66; width: 230px; }
.eolo-tooltip + .tooltip > .tooltip-arrow{ border-top-color:#304b66; }

@media only screen and (max-width: 768px) {


    .eolo-background-tag-a {
        font-size: 12px !important;
    }

    .eolo-logo-payoff{ display: none; }

    .eolo-logo-brand{ display: inline-block !important; }


    .fixed-top-2 {
        margin-top: 52px !important;
    }

    .eolo-background-tag-a2 {
        font-size: 12px !important;
    }
    .eolo-container-tabs-padding{
        padding-left: 0;
        padding-right: 0;
    }
    .eolo-card-panel {
        width: 330px;
    }




    .eolo-card-panel-body {
        padding: 40px 20px 50px 20px !important;
    }

    #rightmenu {
        display: none !important;
    }

    .eolo-container-tabs-padding{
        padding-top: 6px !important;
    }

    .eolo-navbar-icon-padding {
        padding-right: 23px !important;
        padding-left: 23px !important;
    }

    .eolo-navbar-icon-rightpadding {
        padding-right: 13px !important;
        padding-left: 0px !important;
    }

    .eolo-banner-space {
        top: 140px !important;
    }

    .eolo-offerta-title {
        font-family: Halcyon-Bold;
        font-size: 46px !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        color: #ffffff;
    }
    .eolo-main-text {
        padding-right: 65px !important;
    }
    .eolo-main-text-hide-mobile{
        display:none;
    }
    .eolo-offer-rectangle{
        margin-top:12px;
    }

    .eolo-icon-space{
        vertical-align: text-top;
        padding-left: 4px !important;
        text-transform: uppercase;
    }

    .jumbotron {
        padding-top: 80px !important;
        padding-bottom: 60px !important;
    }

    .eolo-altre-offerte-div{
        margin:auto;
        padding-top: 40px;
        display: block !important;
    }

    .eolo-altre-offerte-div-left{
        margin:auto;
        padding-top: 40px;
        display: block !important;
    }

    .eolo-card-title {
        font-size: 32px !important;
        line-height: 1.25 !important;
    }


    .eolo-card-apartireda .eolo-card-price {
        font-size: 42px !important;
        font-weight: 600 !important;
        letter-spacing: normal !important;
    }

    .eolo-twosection-title {
        font-family: Halcyon-Regular;
        font-size: 32px !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25 !important;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }


    #cookie_bar{
        background: #00a0e6;
        position: fixed;
        bottom: 0;
        width: 100%;
        height: 361px;
        animation: expand 1s linear;
    }



    .eolo-cookie-bar-md-3-centered{
        padding-top: 0 !important;
        text-align: center;
    }

    .eolo-chat-sticky {
        position: fixed;
        bottom: 5%;
        right: 4% !important;
        width: 70px !important;
        height: 70px !important;
        background-color: #ff8a00;
        border-radius: 100px;
        display: -webkit-box;
        display: flex;
        -webkit-box-align: center;
        align-items: center;
        box-shadow: 0 0 10px 0 rgba(255, 138, 0, 0.32);
        cursor: pointer;
    }

    .eolo-cookiebar-content {
        padding-top: 50px !important;
        padding-bottom: 15px !important;
    }

    .eolo-hero-title-text{
        font-family: Halcyon-Medium;
        font-size: 32px !important;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25 !important;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        margin: 0 !important;
    }

    .eolo-hero-description-text{
        font-family: Halcyon-Regular;
        font-size: 16px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63 !important;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }

    .nobr{
        display: none;
    }

    .yesbr{
        display: block;
    }

    .eolo-herobanner-pad{
        padding-top: 185px !important;
        padding-bottom: 108px !important;
    }

    .eolo-offerte-la-nostra-offerta {
        font-family: Halcyon-Regular;
        font-size: 28px !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.04 !important;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
        max-width:340px;
    }
    .eolo-offerte-cards-center-bottom {
        justify-content: center !important; align-items: center !important; display:flex !important;
        padding-bottom: 30px;
    }
    .eolo-offerte-simple-card {
        width: 330px !important;
        border-radius: 20px !important;
        background-color: #ffffff;
    }
}





@media only screen and (max-width: 375px) {
    .nav>li>a {
        position: relative;
        display: block;
        padding: 10px 10px;
    }
}

@media only screen and (min-width: 768px) {
    .eolo-card-panel {
        width: 446px;
    }

    .navbar-nav > li > a {
        line-height: 32px;
    }

    .navbar-default {
        background-color: #ffffff;
        border-color: #ffffff;
        margin-bottom: 0;
    }
    .eolo-navbar-icon-nopadding {
        padding-right: 0px !important;
    }
}

@media only screen and (max-width: 320px){
    .eolo-background-tag-a {
        font-size: 10px !important;
    }

    .eolo-background-tag-a2 {
        font-size: 10px !important;
    }
}
/* --------------------
      Header - Navbar
----------------------- */

.navbar {
    min-height: 62px;
}

.navbar-brand {
    padding: 0 15px;
    height: 62px;
    line-height: 62px;
}



.navbar-default {
    background-color: #ffffff;
    border-color: #ffffff;
    margin-bottom: 0;
    border-radius: 0;
}

.eolo-logo-brand{
    display: none;
}

.fixed-top-2 {
    margin-top: 70px;
}

.hideUpperNav{
    display: none;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
    border: 1px solid #fff;
}

.nav-tabs {
    border-bottom: none;
    display:inline-flex !important;
}
.nav-tabs > li > a {
    border-radius: 20px 20px 0 0;
}

.nav-tabs li{
    list-style-type:none !important;
}
.active > a > span{
    color: #00a0e6;
    font-weight: 600;
}
.eolo-nav2 a:hover{
    color: #193755 !important;
    font-weight: 600 !important;
}

.nav>li>a:hover{
    color: #ffffff;
    font-weight: 600;
    border-color: rgba(255, 255, 255, 0);
    background: rgba(255, 255, 255, 0.4);
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
    margin-right: 0px;
}

.eolo-icon-container{
    font-size: 20px;
    vertical-align: middle;
}
.eolo-blu-bg {
    background-color: #00a0e6;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
}

.eolo-white-bg {
    background-color: #ffffff;
    background-repeat: no-repeat;
    background-size:contain;
    background-position:center;
}
.eolo-hero-image {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(../assets/png/img@2x.png);
    background-color: #00a0e6;
    background-repeat: no-repeat;
    background-size: 100%;
}

.eolo-nav {
    background: rgba(0,0,0,0.6);
}

.eolo-nav-grey {
    background: #f2f2f2;
}

.eolo-nav-grey .eolo-background-tag-a{
    color: #193755;
}

.eolo-nav-grey .eolo-background-tag-a:hover{
    color: #193755;
    font-weight: 600;
}

.eolo-nav-grey .eolo-right-menu a:link{
    color: #193755;
}

.eolo-nav-grey .eolo-right-menu a:visited{
    color: #193755;
}

.eolo-nav-grey .eolo-right-menu a:hover{
    color: #193755;
    font-weight: 600;
}


.eolo-nav2 {
    background-color: #f2f2f2;
    border-color: #f2f2f2;

}

.eolo-container-tabs-padding{
    padding-top: 22px;
}

@media (min-width: 760px) {
    .eolo-col-md-nopadding {
	    padding-right: 0;
	    padding-left: 0;
	}
}

.eolo-background-tag-a {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 16px 16px 0 0;
    background-color: #ffffff;
    background: rgba(255, 255, 255, 0.3);
    margin-right: 2px;
    color: #ffffff;
}
.eolo-background-tag-a:hover {
    font-weight: 600;
}
.eolo-background-tag-a2 {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
    border-radius: 16px 16px 0 0;
    background-color: #ffffff;
    background: rgba(255, 255, 255, 0.3);
    margin-right: 2px;
}

.eolo-right-menu a:link{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
    opacity: 0.8;
}

.eolo-right-menu a:hover{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}

.eolo-right-menu img:hover{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
    opacity: 1;
}



.eolo-right-menu a:visited{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
}

.eolo-right-menu2 a:link{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
    text-decoration: none;
}

.eolo-right-menu2 a:hover{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: 700;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
    text-decoration: none;
}


.eolo-right-menu2 a:visited{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
    text-decoration: none;
}

.eolo-right-menu2 a{
    color: #193755;
}
.eolo-navbar-icon-padding {
    padding-left: 28px;
}

.navbar-default .navbar-nav>li>a{
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #193755;
}

.navbar-default .navbar-nav>li>a:hover{
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #193755;
}

.eolo-icon-space{
    vertical-align: middle;
    padding-left: 7px;
    text-transform: uppercase;

}
.eolo-right-icon-container{
    font-size: 26px;
    vertical-align: middle;
}

.navbar-brand .icon-eolo-cart{
    color: #193755;
    text-decoration: none;
}
.navbar-brand .icon-eolo-cart:hover{
    color: #00a0e6;
    text-decoration: none;
}

.navbar-brand .icon-eolo-cart:link{
    text-decoration: none;
}

.navbar-brand .icon-eolo-login{
    color: #193755;
    text-decoration: none;
}
.navbar-brand .icon-eolo-login:hover{
    color: #00a0e6;
    text-decoration: none;
}

.navbar-brand .icon-eolo-login:link{
    text-decoration: none;
}

.eolo-right-icon-nav span{
    color: #193755;
    font-weight: normal;
}

.eolo-right-icon-nav span:hover{
    color: #00a0e6;
    font-weight: normal;
}



/* --------------------
      Header - Navbar
----------------------- */

/* --------------------
          Banner
----------------------- */

.eolo-banner-title {
    font-family: Halcyon-Regular;
    font-size: 60px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #ffffff;
}

.filter {
    background-image: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4) 0%);
}

.eolo-central-message{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
}

.eolo-price-message {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ffffff;
}
.eolo-price-message .price {
    font-size: 60px;
    font-weight: 600;
}


/* --------------------
          Banner
----------------------- */

.eolo-h1-color-new h1{
    color:#193755;
}


/* --------------------
          Sidebar
----------------------- */


.input-group-addon {
    background-color: transparent;
    border: none;
}

.form-control {
    background-color: transparent;
    background-image: none;
    border: 0;
    border-radius: 0;
    box-shadow: none !important;
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;

}


.eolo-mobile-search-style::-webkit-input-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* WebKit, Blink, Edge */
.eolo-mobile-search-style:-moz-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Mozilla Firefox 4 to 18 */
.eolo-mobile-search-style::-moz-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Mozilla Firefox 19+ */
.eolo-mobile-search-style:-ms-input-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Internet Explorer 10-11 */
.eolo-mobile-search-style::-ms-input-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Microsoft Edge */
.eolo-mobile-search-style:focus::-webkit-input-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}
.eolo-mobile-search-style:focus:-moz-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Mozilla Firefox 4 to 18 */
.eolo-mobile-search-style:focus::-moz-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Mozilla Firefox 19+ */
.eolo-mobile-search-style:focus:-ms-input-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Internet Explorer 10-11 */
.eolo-mobile-search-style:focus::-ms-input-placeholder { font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff !important;}  /* Microsoft Edge */

.eolo-sidebar-a {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    display: block;
    text-decoration: none;
}

.eolo-sidebar-a:hover {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    display: block;
    text-decoration: none;
}

.eolo-sidebar-a-2{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding-left: 9px;
}

.eolo-sidebar-a-2:hover{
    font-family: Halcyon-Regular;
    font-size: 17px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
    vertical-align: middle;
    padding-left: 9px;
}


#mobile {
    position: relative;
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -khtml-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background-image: url(../assets/svg/bg.svg);
    background-size: cover;
}
/*#mobileBodyContent {
  position: relative;
  z-index: 20;
  height: 100%;
  overflow: hidden;
  visibility: visible;
  -webkit-transition: all 0.2s ease-in;
  -moz-transition: all 0.2s ease-in;
  -khtml-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
}*/


#sidebar {
    position: absolute;
    z-index: 10;
    list-style-type: none;
    margin: 20px 0 0 0px;
    padding: 0;
    overflow: hidden;
    right: 20px;
}
#sidebar li {
    width: 0;
    margin: 0 0;
    -webkit-transition: all 0.5s ease-in;
    -moz-transition: all 0.5s ease-in;
    -khtml-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
#sidebar li + li {
    margin-left: -40px;
}
#sidebar li + li + li {
    margin-left: -80px;
}
#sidebar li + li + li + li {
    margin-left: -120px;
}

.navigation #sidebar li {
    width: 240px;
    margin-left: 0;
}
/*
.demo1.navigation #mobileBodyContent {
  -webkit-transform: scale(0.97);
  -moz-transform: scale(0.97);
  -khtml-transform: scale(0.97);
  -o-transform: scale(0.97);
  transform: scale(0.97);
  margin-right: 200px;
  left: -25%;
  width: 100%;
  float: right;
  border-radius: 10.4px;
  box-shadow: -2px 10px 70px 0 rgba(0,0,0,0.7);
}*/


.eolo-container {
    left: 0;
    position: relative;
    transition: .5s transform ease-in-out,.5s left ease-in-out;
    z-index: 100;
}

.eolo-container-elevate {
    height: 90vh;
    margin-top: 5vh;
    border-radius: 10.4px;
    box-shadow: -2px 10px 70px 0 rgba(0,0,0,0.7);
    overflow: hidden;
}

.eolo-container-scale {
    left: -85%;
    overflow: hidden;
    transform: scale(0.99) translateZ(0);
}

.navigation{
    height: 100%;
}


/* --------------------
          Sidebar
----------------------- */



/* --------------------
Main
----------------------- */

.eolo-herobanner-pad {
    padding-top: 195px;
    padding-bottom: 250px;
}

.eolo-main-text {
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
    padding-bottom: 18px !important;
    max-width: 390px;
}

.eolo-offerta-title {
    font-family: Halcyon-Bold;
    font-size: 48px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #ffffff;
}

.eolo-banner-space {
    top: 216px;
}

.eolo-offerta-title-qv-max {
  font-family: Halcyon-Medium, sans-serif;
  font-size: 28px;
  font-weight: normal;
  line-height: 50.4px;
  text-align: left;
  color: #FFFFFF;
}

@media screen and (min-width: 768px) {
  .eolo-offerta-title-qv-max {
    font-size: 42px;
  }
}

.eolo-offerta-title-qv-max span {
  font-weight: normal;
}

.eolo-main-text-qv-max {
  font-family: Halcyon-Regular, sans-serif;
  font-size: 22px;
  font-weight: 500;
  line-height: 28.8px;
  text-align: left;
  color: #FFFFFF;
  padding-bottom: 25px !important;
}

@media screen and (min-width: 768px) {
  .eolo-main-text-qv-max {
    font-size: 24px;
  }
}

.eolo-offerta-rectangle {
    font-family: Halcyon-Regular;
    background-color: #fff;
    font-size: 18px;
    font-weight: 500;
    width: max-content;
    border-radius: 20px;
    padding-bottom: 20px;
    padding-left: 30px;
    padding-top: 25px;
    padding-right: 30px;
    background: rgba(255, 255, 255, 0.85);
}

@media screen and (max-width: 575px) {
    .eolo-offerta-rectangle {
        width: unset;
    }
}

.eolo-offerta-rectangle p {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    /*line-height: 1;*/
    letter-spacing: normal;
    color: #193755;
    margin-top: 0;
    margin-bottom: 0px;
}

@media (max-width: 768px) {
    .eolo-offerta-rectangle p {
        font-size: 16px;
    }
}

.eolo-offerta-rectangle .price-container {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.eolo-offerta-rectangle .price-container .price {
    font-family: Halcyon-Bold;
    font-size: 60px;
    line-height: 60px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: -2px;
    color: #193755;
}

.eolo-offerta-rectangle .price-container .price-frequency {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #193755;
    max-width: 130px
}

.eolo-offerta-rectangle .eolo-orange-button {
    margin-top: 18px;
    margin-bottom: 0 !important;
    min-width: 224px;
    min-height: 48px;
}

.rectangle span{
    font-family: Halcyon-Regular;
    font-weight: 600;
}

.eolo-offerta-subtitle{
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #193755;
    padding-top: 10px !important;
}

.eolo-offerta-subtitle .eolo-bold-text {
    font-family: Halcyon-Bold;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    color: #193755;
}

#phoneNumber {
    font-family: Halcyon-Bold;
    font-size: 42px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.09;
    letter-spacing: normal;
    color: #40b25b;

}

.eolo-hero-title-text{
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-hero-description-text{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-hero-banner-text span{
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

/* .greenBox {
background-color: #40b25b;
color: #fff;
border-radius: 20px;
max-width: 280px;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;

}

.greenBox span {
padding-left: 30px;
padding-right: 30px;
}

#greenBoxLine {
padding-left: 30px;
padding-right: 30px;
text-align: center;
}
*/

.eolo-offer-rectangle {
    height: 54px;
    -webkit-border-radius: 14px;
    -moz-border-radius: 14px;
    border-radius: 14px;
    border: 1.4px solid #fff;
    background-color: rgba(0,0,0,.4);
    min-width: 178px;
    max-width: 300px;
    padding-right: 10px;
    padding-left: 10px;
}

.eolo-offer-rectangle .eolo-offer-rectangle-text p {
    font-family: Halcyon-Medium;
    line-height: 20px;
    margin-left: 5px;
    font-size: 16px;
    color: #fff;
}

.eolo-offer-rectangle .eolo-offer-rectangle-text .eolo-offer-rectangle-text-promo {
    font-family: Halcyon-Bold;
    color: #ff8a00;
}

/* --------------------
Main
----------------------- */


/* --------------------
Eolo - Altre offerte
----------------------- */

.jumbotron{
    padding-left: 0;
    padding-right: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 0;
}

.eolo-card-panel {
    text-align: center;
    border-radius: 20px;
    margin: auto;
    display: block;
}

.eolo-card-panel-body {
    padding: 40px 30px 50px 30px;
}

.eolo-card-title {
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}
.eolo-card-title .eolo-sub-title {
    font-weight: 600;
}

h2.eolo-sub-title {
    color: #FFFFFF;
    font-size: 18px;
}

.eolo-card-description {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #656b73;
}

.eolo-banner-offer-item .eolo-card-description {
    padding-top: 32px;
}

.eolo-banner-offer-item .eolo-orange-button {
    margin-bottom: 0 !important;
}

.eolo-card-apartireda {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1;
    letter-spacing: normal;
    text-align: center;
    color: #656b73;
}
.eolo-card-apartireda .eolo-card-price {
    font-family: Halcyon-Bold;
    font-size: 60px;
    letter-spacing: -0.26px;
    color: #193755;
}

.eolo-orange-button {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ff8a00;
}

.eolo-orange-button:hover {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ffd199;
}

.eolo-blue-button {
  font-family: Halcyon-Regular;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.9;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 50px;
  background-color: #193755;
}

.eolo-blue-button:hover {
  font-family: Halcyon-Regular;
  font-size: 18px;
  font-weight: 600;
  font-stretch: normal;
  font-style: normal;
  line-height: 1.9;
  letter-spacing: normal;
  text-align: center;
  color: #ffffff;
  border-radius: 50px;
  background-color: #193755;
}

.eolo-altre-offerte-div{
    text-align: center;
    margin:auto;
    padding-top: 40px;
    display: none;
}
.eolo-altre-offerte-div-left{
    margin:auto;
    padding-top: 40px;
    display: none;
}

.eolo-link-altre-offerte{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    text-align: center;
    color: #193755;
    text-decoration: underline;
}

.eolo-link-altre-offerte:hover{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: -0.07px;
    text-align: center;
    color: #193755;
    text-decoration: none;
}

.eolo-offerte-simple-card-subtitle p {
  font-family: Halcyon-Medium;
  font-size: 17px;
  font-weight: 600;
  line-height: 22px;
  color: #193755;
  padding: 0;
}

/* --------------------
Eolo - Altre offerte
----------------------- */

/* --------------------
Prof - Azienda
----------------------- */

@media (min-width: 768px) {
    .eolo-partner-bg-left{
        position: relative;
        display: block;
        max-height: 450px !important;
    }
    .eolo-partner-bg-left:before{
        display: block;
        content: "";
        width: 100%;
    }

    .eolo-partner-bg-right{
        position: relative;
        display: block;
        max-height: 450px !important;
    }
    .eolo-partner-bg-right:before{
        display: block;
        content: "";
        width: 100%;
    }
}



.eolo-partner-bg-left:before {
    display: block;
    content: "";
    width: 100%;
    max-height: 450px;
}



.eolo-partner-bg-right:before {
    display: block;
    content: "";
    width: 100%;
    max-height: 450px;
}

.eolo-twosection-title {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-twosection-description {
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

/* --------------------
Prof - Azienda
----------------------- */


/* --------------------
Patner - Installatore
----------------------- */

.eolo-patner-bg-left{
    background-image: url(../assets/png/patner.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 165px 0;
}

.eolo-installatore-bg-right{
    background-image: url(../assets/png/installatore.png);
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    padding: 165px 0;
}

/* --------------------
Patner - Installatore
----------------------- */

/* --------------------
          Footer
----------------------- */

.eolo-social-img-padding{
    margin-left: 20px;
}

.eolo-footer-blue-labels{
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #00a0e6;
}

.eolo-footer-text{
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #193755;
}

.eolo-footer-a a{
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2.7;
    letter-spacing: normal;
    color: #193755;
    padding-top: 0px;
    padding-right: 2%;
    padding-bottom: 0px;
    padding-left: 0px;
}

.eolo-footer-a nav a:after{
    position: absolute;
    content: "|";
    padding-left: 1%;
}

.eolo-footer-a nav a:last-child:after{
    content:""; padding:0; margin:0;
}

.eolo-footer-divisor span{
    font-size: 15px;
    color: #193755;
    padding-left: 5px;
    padding-right: 5px;
}

.eolo-small-blue-button {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #193755;
}

.eolo-transparent-button {
    font-family: Halcyon-Regular;
    font-size: 15px;
    font-weight: 600;
    width: 125px;
    margin-bottom:20px;
    height: 39px;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 50px;
    background-color: transparent;
    border: 1px solid white;
}

.eolo-small-blue-button:hover {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    border: solid 1.4px #8c9baa;
    background-color: #8c9baa;
}

/* --------------------
          Footer
----------------------- */

/* --------------------
          Chatbot
----------------------- */

.eolo-chat-sticky {
    position: fixed;
    bottom: 5%;
    right: 10%;
    width: 80px;
    height: 80px;
    background-color: #ff8a00;
    border-radius: 100px;
    display: -webkit-box;
    display: flex;
    -webkit-box-align: center;
    align-items: center;
    box-shadow: 0 0 10px 0 rgba(255, 138, 0, 0.32);
    cursor: pointer;
}

/* --------------------
          Chatbot
----------------------- */

/* --------------------
       Cookie Banner
----------------------- */
.eolo-cookie-bar{
    background: #00a0e6;
    position: fixed;
    height: 140px;
    bottom: 0;
    width: 100%;
    animation: expand 1s linear;
}

@keyframes expand{
    0%{height:0px}
    100%{height:140px}
}

.eolo-cookiebar-content {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
    padding-top: 32px;
    padding-bottom: 30px;
    margin: 0;
}

.eolo-cookiebar-content .eolo-informativa{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: underline;
}

.eolo-cookiebar-content .eolo-informativa:hover{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
}

.eolo-cookie-button {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    border:solid 1.4px #ffffff;
    background-color: transparent;
}

.eolo-cookie-button:hover{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #00a0e6;
    border-radius: 10px;
    border:solid 1.4px #00a0e6;
    background-color: #ffffff;
}

.eolo-cookie-impostazioni{
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 20px;
}

.eolo-cookiebar-impostazioni-button{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: underline;

}

.eolo-cookiebar-impostazioni-button:hover {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
    text-decoration: none;
}

.eolo-cookie-bar-md-3-centered{
    padding-top: 32px;
}

.eolo-close-cookie-banner{
    float: right;
    top: 20px;
    right: 5%;
    position: absolute;
}

.eolo-cookie-buttons-privacy:active{
    width: 103px;
    height: 26px;
    font-family: Halcyon-regular;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
    border-radius: 6px;
    background-color: #193755;
}

.eolo-cookie-buttons-privacy{
    width: 103px;
    height: 26px;
    font-family: Halcyon-regular;
    border: none;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
    border-radius: 6px;
    background-color: #ffffff;
}


/* --------------------
       Cookie Banner
----------------------- */



/* --------------------
       Carousel
----------------------- */
@media (max-width: 767px) {
    .item-card {
        width: 300px !important;

    }

    .owl-carousel .item {
        border-radius: 20px;
        box-shadow: 0 0 10px 0 rgba(26, 41, 57, 0.2);
        background-color: #ffffff !important;
    }

    .eolo-cards-container-pad {
        padding-top: 70px !important;
        padding-bottom: 70px !important;
    }

    .eolo-carousel-card-title {
        font-family: Halcyon-Regular;
        font-size: 26px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.23 !important;
        letter-spacing: normal;
        color: #193755;
        padding-bottom: 5px;
    }


    .eolo-carousel-title {
        font-family: Halcyon-Medium;
        font-size: 32px !important;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25 !important;
        letter-spacing: normal;
        color: #193755;
    }

    #customNav {
        display: none;
    }

    .eolo-cards-container-mob {
        padding-left: 0;
        padding-right: 0;
    }

    .eolo-carousel-top-link{display: none !important;}

    .eolo-carousel-top-link-mobile {
        font-family: Halcyon-Regular;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #ff8a00;
        text-decoration: underline;
        display: inline !important;
    }

    .eolo-carousel-top-link-mobile:hover {
        font-family: Halcyon-Regular;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #ff8a00;
        text-decoration: none;
        display: inline !important;
    }
}

.item-card {
    width: 350px;
    height: 500px;
}




.owl-carousel .item {
    height: 500px !important;
    border-radius: 20px;
    background-color: #ffffff !important;
    padding: 0 !important;
    margin-top: 10px !important;
}

.owl-carousel .owl-stage-outer {
    height: 520px !important;
}

.owl-carousel {
    z-index: auto;
}

.eolo-row-carousel {
    margin-left: 0px;
    margin-right: 0px;
}

.eolo-cards-container-pad {
    padding-top: 90px;
    padding-bottom: 80px;
}

.eolo-row-container-desktop {
    margin-left: 0;
}

.eolo-img-card {
    border-radius: 20px 20px 0 0;
}

.eolo-carousel-title {
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
    padding-left:15px;
}
.owl-stage {
    margin-left: 10px;
}


.owl-next{
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
}
.owl-prev{
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
}

.eolo-cards-container-desk{
    padding-left: 0px;
}

.item-card:hover{
    box-shadow: 0 0 12px 0 rgba(26, 41, 57, 0.2);
}

.eolo-zoom:hover{
    transform: scale(1.1);
}

.eolo-carousel-card-title {
    font-family: Halcyon-Regular;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
    padding-bottom: 5px;
}

.eolo-carousel-card-description {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-cards-news {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.17px;
    color: #ffffff;
    padding-left: 10px;
    vertical-align: middle;
}

.eolo-carousel-card-link {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    position: absolute;
    bottom: 25px;
    text-decoration: underline;
}

.eolo-carousel-card-link:hover {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    position: absolute;
    bottom: 25px;
    text-decoration: none;
}

.eolo-carousel-top-link {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
    vertical-align: super;
    padding-left: 20px;
}

.eolo-carousel-top-link:hover {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: none;
    vertical-align: super;
    padding-left: 20px;
}

.eolo-carousel-top-link-mobile{
    display: none;
}

.owl-theme .owl-nav [class*='owl-'] {
    background-color: #ffffff;
    border: 0;
    border-radius: 100px;
    padding: 0;
}

.owl-theme .owl-nav {
    margin-top: 0;
}

.owl-next:focus,
.owl-prev:focus {
    outline: none;
    border-radius: 100px;
    padding: 0;
}

.owl-next img {
    background-color: #ffffff;
    border-radius: 100px;
    width:50px;
    height:50px;
}

.owl-prev img {
    background-color: #ffffff;
    border-radius: 100px;
    width:50px;
    height:50px;
}


/*style per la card colorata*/

.eolo-carousel-card-title-blu {
    font-family: Halcyon-Regular;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}

.eolo-carousel-card-description-blu {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-carousel-card-link-blu {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
    text-decoration: underline;
    position: absolute;
    bottom: 25px;
}

.eolo-carousel-card-link-blu:hover {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
    text-decoration: none;
    position: absolute;
    bottom: 25px;
}

.eolo-cards-info {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 1.17px;
    color: #193755;
    padding-left: 10px;
    vertical-align: middle;
}

.item-card-info {
    background-image: url(../assets/svg/bg-card-info.svg);
}

/*style per la card colorata*/

/* --------------------
       Carousel
----------------------- */


/* --------------------
       Carousel2
----------------------- */

@media (max-width: 767px) {
    #customNav2 {
        display: none;
    }

    .eolo-dummy-nav {
        display: none;
    }

    .owl-two-stage-outer .owl-item{
        float: left !important;
        margin-left: 15px;
        margin-right: 0px !important;
    }

    .owl-two-stage-outer .owl-stage-outer{
        overflow: visible !important;
    }

    .owl-two-stage-outer .owl-stage{margin-left: 0;}


    .eolo-first-col-padding-mob{
        padding-top: 0px !important;
    }
}

.eolo-dummy-nav {
    height: 49px;
}

.eolo-first-col-padding-mob{
    padding-top: 70px;
}

.owl-two-stage-outer .owl-stage-outer {
    height: 400px !important;
}

.eolo-carousel2-text{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
}

.eolo-carousel2-main-title{
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #ffffff;
}

.item-card-carousel2 {
    width: 254px;
    height: 338px;
    border-radius: 20px;
    background-color: rgba(25, 55, 85, 0.3);
    padding: 0;
    margin-top: 10px;
}
.eolo-carousel2-card-title {
    font-family: Halcyon-Medium;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-carousel2-card-description {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-img-card-carousel2{
    display: inline-block;
    width: 150px;
    height: 150px;
}

.eolo-carousel2-cards-container-pad{
    padding-top: 50px;
    padding-bottom: 60px;
}




/* --------------------
     Carousel2
----------------------- */


/* --------------------
       Sez. Offerte
----------------------- */
.eolo-offerte-hero-image {
    background-image: linear-gradient(0deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.4)), url(../assets/png/hero-image-offerte@2x.png);

    /* background-image: url(../assets/png/visual-1@2x.png);*/
    background-size: 100%;
    background-repeat: no-repeat;

}


.eolo-offerte-la-nostra-offerta {
    font-family: Halcyon-Bold;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}


.eolo-offerte-rettangolino {
    width: 55px;
    height: 9px;
    border-radius: 4.5px;
    background-color: #00a0e6;
}

.eolo-offerte-background{
    background: url("../assets/png/offerte-2@2x.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 100px;
    padding-bottom: 100px;
    margin-bottom: 0;
}

.eolo-come-funziona-EOLO {
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #ffffff;
    text-align: center;
    padding-top: 43px;
    padding-bottom: 28px;
}

.eolo-offerte-attraverso-i-nostri p{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: -0.1px;
    color: #ffffff;
}

.eolo-offerte-attraverso-i-nostri a {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #ffff;
    text-decoration: underline;
}

.eolo-offerte-attraverso-i-nostri a:hover {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 26px;
    letter-spacing: normal;
    color: #ffff;
    text-decoration: none;
}

.eolo-offerte-installazione {
    font-family: Halcyon-Regular;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}

.eolo-offerte-installazione .text-style-1 {
    font-weight: 600;
}

.eolo-offerte-panel-greyline {
    height: 2px;
    opacity: 0.3;
    border: solid 1px #656b73;
}


.eolo-offerte-custom-img ul{
    list-style-image: url('../assets/svg/check.svg');
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-offerte-custom-img ul>li{
    margin-bottom: 10px;
}

.eolo-offerte-bg-cards {
    -webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
    padding-left: 0;
    padding-right: 0;
    padding-top: 50px;
    padding-bottom: 100px;
    margin-bottom: 0;
    object-fit: contain;
    background-color: rgba(255, 255, 255, 0.8);
}

.eolo-offerte-simple-card {
    max-width: 445px;
    border-radius: 20px;
    background-color: #ffffff;
}

/* --------------------
       Sez. Offerte
----------------------- */

/* --------------------
       Pagine Legali
----------------------- */
.eolo-cookie-tecnici h2 {
    color: #193755;
}

.eolo-cookie-tecnici p {
    line-height: 1.65;
}

.eolo-cookie-tecnici li {
    line-height: 1.65;
}

.eolo-cookie-tecnici ul{
    list-style: none;
    padding-left: 0;
}

.eolo-cookie-tecnici ul>li::before {
    content: "\2022";
    color: #00a0e6;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 12px;
}

.eolo-cookie-tecnici ul>li>div{
    display:inline;
}

@media only screen and (max-width: 768px) {

    .eolo-legal-main-title {
        font-family: Halcyon-Regular;
        font-size: 32px !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25 !important;
        letter-spacing: normal;
        text-align: center;
        color: #193755;
    }

    .img-misurainternet {
        width: 191px !important;
    }

    .eolo-list-download>li>a>span {
        display: flex;
        padding-left: 10px;
        vertical-align: middle;
    }

    .eolo-list-download>li>a>img {
        float: left;
        padding-top: 7px;
    }

    .eolo-label-download img {
        float: left;
    }

    .eolo-label-download span {
        display: flex;
        padding-left: 10px;
        vertical-align: middle;
    }




}

@media only screen and (max-width: 990px) {
    .offsetpadding{
        padding-bottom: 30px !important;

    }
    .rowoffset{padding-bottom: 0px!important;}

    .eolo-offerte-cards-center-bottom {
        justify-content: center !important; align-items: center !important; display:flex !important;
        padding-bottom: 30px;
    }
    .eolo-offerte-simple-card {
        width: 445px;
        border-radius: 20px !important;
        background-color: #ffffff;
    }
}


.eolo-legal-main-title {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}

.eolo-legal-main-subtitle {
    font-family: Halcyon-Medium;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #193755;
}

.eolo-legal-main-content h4{
    font-family: Halcyon-Medium;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #193755;
}

.eolo-legal-main-content, .eolo-legal-main-content p{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-legal-main-content a{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
}

.eolo-legal-main-content a:hover{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: none;
}

.eolo-legal-main-content ul{
    list-style: none;
    padding-left: 0;
}

.eolo-legal-main-content ul>li::before {
    content: "\2022";
    color: #00a0e6;
    font-size: 16px;
    font-weight: bold;
    display: inline-block;
    width: 12px;
}

.eolo-legal-main-content strong {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
}







.eolo-legal-main-content ol {
    padding-left: 14px;
}


.eolo-legal-main-content ol li {
    counter-increment: list;
    list-style-type: none;
    position: relative;
}



.eolo-legal-main-content ol li:before {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    color: #00a0e6;
    content: counter(list) ".";
    left: -55px;
    position: absolute;
    text-align: right;
    width: 53px;
    top:-4px;
}

@media only screen and (max-width: 768px), (pointer:none), (pointer:coarse) {
    .eolo-legal-main-content ol li:before {
        top: -1px;
    }
}




.eolo-legal-main-content ol ol li {
    counter-increment: listStyle;
    list-style-type: none;
    position: relative;
}

.eolo-legal-main-content ol ol li:before {
    content: counter(listStyle, lower-alpha)".";
    color: #00a0e6;
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
}

.eolo-legal-main-content-li-space ul li {
    margin-bottom:10px;
}
.eolo-legal-main-content-li-space ol li {
    margin-bottom:10px;
}

.img-misurainternet {
    width: 123px;
}


.eolo-list-download {
    list-style: none;
    padding-left: 0;
}

.eolo-list-download li {
    margin-top: 25px;
    margin-bottom: 25px;
}

.eolo-list-download li>a {
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #193755;
}

.eolo-list-download>li>a>span {
    padding-left: 10px;
    vertical-align: middle;
}



.panel-group .eolo-accordion-panel {
    border-radius: 16px;
    border-color: #ffffff;
}


.panel-group .eolo-panel-heading a {
    display: block;
    background: #ffffff;
    padding: 16px 30px 16px 30px;
    text-decoration: none;
    position: relative;
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #193755;
}

.panel-group .eolo-panel-heading a:after {
    content: '-';
    position: absolute;
    right: 30px;
    top: 5px;
    font-size: 30px;
    color: #193755;
}

.panel-group .eolo-panel-heading a.collapsed:after {
    content: '+';
    color: #193755;
}

.eolo-accordion-panel-body {
    border-top: 1px solid #f2f2f2;
    padding: 0;
    margin-left: 30px;
    margin-right: 30px;
}

.eolo-gamma-label {
    padding-bottom: 10px;
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #193755;
}

.eolo-main-description {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-label-download a {
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #193755;
}

.eolo-label-download span {
    padding-left: 10px;
    vertical-align: middle;
}

.eolo-link-go-back {

    padding-top: 18px;
    padding-bottom: 18px;
}

.eolo-link-go-back span {
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
    padding-left: 10px;
}

.eolo-delibera-label {
    font-weight: 600;
    font-family: Halcyon-Medium;

}

.counter-list {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: right;
    color: #00a0e6;
}

.eolo-list-li-padding {
    padding-left: 14px !Important;
}

.eolo-list-score {
    list-style: none;
}

.eolo-padding-bottom-download{
    padding-bottom: 30px;
}

.categories-cookie-label {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #00a0e6;
}

.categories-cookie-list {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    vertical-align: middle
}

.categories-cookie-bgGrey {
    border-radius: 6px;
    background: rgba(242,242,242,0.6);
    padding-top: 10px;
}

.categories-cookie-list-padding-top9{
    padding-top: 9px;
}

.categories-cookie-list-padding-top27{
    padding-top: 27px;
}

.categories-cookie-list-padding-top38{
    padding-top: 38px;
}

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

.eolo-video-lis {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 20px;
}



/* --------------------
       Pagine Legali
----------------------- */


/* --------------------
    Dettaglio Offerta
----------------------- */

@media only screen and (max-width: 1200px) {
    .offer-details-div-img {
        display: none;
    }
    .eolo-cart-text-padding{
        padding-top: 34px !important;
        position:unset!important;
        padding-left:unset!important;
    }
}

@media only screen and (min-width: 989px) {
    .details-icon-text {
        text-align: left;
    }
}

@media only screen and (max-width: 989px) {

    .eolo-cart-text-padding{
        bottom: 70px !important;
        position:absolute !important;
    }
}

@media(max-width: 768px) {
    .offer-details-title{
        font-family: Halcyon-Regular;
        font-size: 46px !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.1;
        letter-spacing: normal;
        color: #193755;
    }
}


.eolo-cart-text-padding{
    bottom: 40px;
    position:absolute !important;
}

.offer-details-title{
    font-family: Halcyon-Regular;
    font-size: 60px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #193755;
}

.offer-details-content {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #656b73;
}

.offer-details-content strong{
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #656b73;
}

.offer-details-img {
    width: 100%;
    height: 217px;
}

.offer-details-icon {
    height: 108px;
    width: 108px;
}

.details-icon-section{

    text-align: center !important;
}

.eolo-legal-main-content-blu {
    color: #00a0e6;
}

/* --------------------
  Dettaglio Offerta
----------------------- */


/* --------------------
    Rete Protetta & Router
----------------------- */
@media only screen and (max-width: 767px) {
    .rete-protetta-main-subtitle {
        font-family: Halcyon-Regular;
        font-size: 26px !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        color: #193755;
    }

    .router-line-height{
        line-height: 2 !important;
    }

    .router-content p{
        line-height:1.6 !important;
    }

}

.eolo-rete-desc-content {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-rete-link-style {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
}

.eolo-rete-link-style:hover {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: none;
}

.eolo-shape-container-overlay{
    width: 95%;
    margin: auto;
}

.rete-protetta-main-subtitle {
    font-family: Halcyon-Regular;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}

.router-content p{
    line-height:2;
    color: #193755;
}

.router-content strong{
    font-family: Halcyon-Regular;
}

.router-content img{
    height: 10px;
    padding-right: 15px;
}

.router-content {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
}

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

.router-main-subtitle {
    font-family: Halcyon-Regular;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
}

.router-main-content {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #193755;
}

.router-client-icon{
    height: 80px;
    padding-right: 15px;
}

.eolo-router-button {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.49;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ff8a00;
}

.eolo-router-button:hover {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.49;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ffd199;
}

.router-consulta{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656b73;
    padding-top: 8px;
}
/* --------------------
    Rete Protetta & Router
----------------------- */

/* --------------------
   Nav tab
----------------------- */
@media only screen and (max-width: 768px) {
    .eolo-nav-pills-privacy {
        overflow-x: auto !important;
        width: 100% !important;
        -ms-owerflow-style: none;
        overflow: -moz-scrollbars-none;
        white-space: nowrap !important;
    }
    .nav-pills::-webkit-scrollbar {
        display: none; }
    .nav-pills {
        scrollbar-width: none;
    }
    .nav-stacked>li+li{
        margin-top: 0;
    }

}

.eolo-leftMenu a {
    color: #193755;
    font-family: Halcyon-Medium;
    font-weight: 500;
    font-size: 16px;
}

.eolo-nav-pills-privacy>li.active>a,
.eolo-nav-pills-privacy>li.active>a:hover,
.eolo-nav-pills-privacy>li.active>a:focus {
    background-color: #193755 !important;
    border-radius: 5px !important;
    color: #ffffff !important;
    font-weight: normal !important;


}

.eolo-nav-pills-privacy>li>a:hover {
    background-color: #ffffff !important;
    border-radius: 5px !important;
    color: #193755 !important;
}

.eolo-nav-pills-assistenza>li.active>a,
.eolo-nav-pills-assistenza>li.active>a:hover,
.eolo-nav-pills-assistenza>li.active>a:focus {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    color: #193755 !important;
    font-weight: bold !important;
    padding-left:0px !important;
    padding-right:0px !important;


}

.eolo-nav-pills-assistenza>li>a:hover {
    background-color: #ffffff !important;
    border-radius: 0px !important;
    color: #193755 !important;
    padding-left:0px !important;
    padding-right:0px !important;
}
.eolo-nav-pills-assistenza>li>a{
    width: unset !important;
    padding-left:0px !important;
    padding-right:0px !important;
}


.assistenza-faq-no-pad{
    padding-left:0px !important;
    padding-right:0px !important;
}

@media only screen and (min-width: 768px){
    .eolo-assistenza-faq-line-mob{
        display: none !important;
    }
}


/* --------------------
   Nav tab end
----------------------- */

/* --------------------
   	Pagine offerte - other service banner
----------------------- */
h3.eolo-other-services-title{
    margin-bottom: 10px;
}

.eolo-other-services-title {
    font-family:Halcyon-Medium;
}

.eolo-other-services-items-title {
    font-family:Halcyon-Medium;
}

.eolo-other-services-items p {
    margin-bottom:10px
}

.eolo-other-services-title {
    font-size:42px;
    line-height:50px;
    color:#193755
}

.eolo-other-services-subtitle {
    font-family: Halcyon-Regular, sans-serif;
    margin-bottom: 35px !important;
    padding: 0 15px;
    line-height: 28px;
}

.eolo-other-services-subtitle > span {
    font-size: 20px;
}

.eolo-other-services-subtitle > span.biggest {
    font-size: 22px;
}


@media (max-width: 992px) {
    .eolo-other-services-title {
        font-size:32px;
        line-height:40px
    }
    .eolo-other-services-items:not(:last-child),
    .eolo-other-services-items:not(:last-of-type) {
        margin-bottom:50px
    }
}
.eolo-other-services-items figure {
    position:relative;
    width:100%;
    height:95px;
    margin-bottom:25px
}
.eolo-other-services-items figure>img {
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,
    -50%);
    -moz-transform:translate(-50%,
    -50%);
    -ms-transform:translate(-50%,
    -50%);
    -o-transform:translate(-50%,
    -50%);
    transform:translate(-50%,
    -50%);
    min-width:85%;
    min-height:unset;
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%
}
@media (max-width: 991px) {
    .eolo-other-services-items figure {
        height:auto
    }
    .eolo-other-services-items figure>img {
        position:static;
        left:unset;
        top:unset;
        min-width:unset;
        max-width:195px;
        -webkit-transform:none;
        -moz-transform:none;
        -ms-transform:none;
        -o-transform:none;
        transform:none
    }
}
.eolo-other-services-items figure.now-tv>img {
    height:45px
}
.eolo-other-services-items figure.dazn>img {
    height:100%
}
@media (max-width: 992px) {
    .eolo-other-services-items figure.dazn>img {
        height:95px
    }
}


.eolo-other-services-items figure.microsoft>img {
    height:100%
}
.eolo-other-services-items .eolo-other-services-items-title {
    margin-bottom:5px
}
.eolo-other-services-items p {
    padding:0;
    margin:0
}
.eolo-other-services-items-title {
    font-size:26px;
    line-height:32px;
    color:#193755
}
.eolo-other-services-items-description,
.eolo-other-services-items-subtitle {
    font-size:18px;
    line-height:26px;
    color:#193755
}
.eolo-other-services-items-description {
    color:#ff8a00;
    font-family: Halcyon-Medium, sans-serif;
}

@media (max-width: 992px) {
    .eolo-other-services-items figure.microsoft>img {
        height:95px
    }
}

.margintop-6 {
    margin-top:60px
}
.marginbottom-6 {
    margin-bottom:60px
}

/* --------------------
   	Pagine offerte - other service banner
----------------------- */

/* --------------------
   	Pagine offerte - Configura Offerta Cards
----------------------- */

@media (min-width: 768px) {
    .eolo-md-display-none {
        display: none!important
    }

    .eolo-md-display-block {
        display: block!important
    }
}

@media (max-width: 768px) {
    .eolo-display-none {
        display: none!important
    }
}



.eolo-card__footer .eolo-subtitle-optional-package,
.halcyon-lt {
    font-family:Halcyon-Light,
    sans-serif
}

.eolo-card .card-content-back ul li p,
.eolo-card__body p,
.halcyon-rg,
.price span,
.price-info,
.small-txt,
a.more-info,
body,
h3,
html,
p {
    font-family:Halcyon-Regular,
    sans-serif
}

.prices-wrapper .price span {
	font-family:Halcyon-Medium,
    sans-serif
}

.eolo-other-services-title,
.eolo-section-blu-title,
.eolo-card__footer .eolo-price-optional-packages span,
.eolo-card__footer .eolo-title-optional-package,
.halcyon-md,
.note-detail-title p,
.offer-detail-title p {
    font-family:Halcyon-Medium,
    sans-serif
}

.eolo-card .card-content-back ul li strong,
.eolo-card .eolo-card-front ul li strong
{
    font-family:Halcyon-Medium,	sans-serif;
    font-weight:500;
}


.eolo-other-services-items-title,
.eolo-ultravelocita .eolo-section-blu-title,
.eolo-card__body .more-details,
.eolo-card__cta a,
.eolo-card__footer .eolo-price-optional-packages,
.eolo-card__footer .title-optional-package span,
.eolo-card__header .eolo-orange-badge,
.eolo-card__heading,
.eolo-configure-cta a,
.eolo-grey-banner .eolo-grey-banner-item,
.halcyon-sb {
    font-family:Halcyon-Medium,
    sans-serif
}




.eolo-blue-color {
    color:#00a0e6
}

.eolo-margin-bottom {
    margin-bottom:20px!important
}


.eolo-black-color {
    color:#656b73;
    font-size:18px;
    margin-bottom:23px;
}

@media(max-width:992px){
    .eolo-black-color {
        color:#656b73;
        font-size:16px !important;
        margin-bottom:23px;
        line-height: 26px;
        padding-left: 20px;
        padding-right: 20px;
    }

}



.eolo-card__side {
    -webkit-border-radius:20px;
    -moz-border-radius:20px
}

/* --------------------
   Dettaglio offerte Eolo pi� promo tutto incluso begin
----------------------- */

.eolo-det-offer-all-incl {
    padding:50px 20px 70px;
    background-color:#00a0e6;
    background-size:cover;
    min-height:362px;
    position:relative;
    z-index:1
}







.eolo-section-blu-title {
    padding:0px 0px 20px;
    font-size:42px;
    line-height:50px;
    color:#193755;
    font-weight:400
}

@media (max-width: 992px) {
    .eolo-section-blu-title {
        padding:30px 20px 0px;
        font-size:32px;
        line-height:40px
    }
}

.eolo-configure-cta {
    margin:50px 0 80px
}
@media (max-width: 992px) {
    .eolo-configure-cta {
        margin:30px 0 40px
    }
}
.eolo-configure-cta a {
    display:inline-block;
    padding:9px 35px 9px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#ff8a00;
    color:#fff;
    font-size:18px;
    line-height:26px;
    font-weight:600;
    text-decoration:none;
    height: 48px;
}

.eolo-configure-cta a:hover {
    display:inline-block;
    padding:9px 35px 9px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#ffd199;
    color:#fff;
    font-size:18px;
    line-height:26px;
    font-weight:600;
    text-decoration:none;
    height: 48px;
}
.eolo-card {
    background-color:transparent;
    color:#fff;
    border:0;
    -webkit-perspective:150rem;
    perspective:150rem;
    -moz-perspective:150rem;
    position:relative;
    height:706px;
    margin-bottom:15px
}
@media (min-width: 360px) {
    .eolo-card {
        height: 656px;
    }
}
@media (min-width: 992px) {
    .eolo-card {
        margin-bottom:0
    }
}
.eolo-card__side {
    -webkit-transition:all .8s ease;
    -o-transition:all .8s ease;
    -moz-transition:all .8s ease;
    transition:all .8s ease;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    backface-visibility:hidden;
    overflow:hidden;
    -webkit-box-shadow:0 1.5rem 4rem rgba(0,
    0,
    0,
    .15);
    -moz-box-shadow:0 1.5rem 4rem rgba(0,
    0,
    0,
    .15);
    box-shadow:0 1.5rem 4rem rgba(0,
    0,
    0,
    .15);
    border-radius:20px
}
.eolo-card__side--front {
    background-color:#fff
}

.eolo-card__side--back {
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
    transform:rotateY(180deg)
}

.eolo-card.flip-back .eolo-card__side--front {
    -webkit-transform:rotateY(-180deg);
    -moz-transform:rotateY(-180deg);
    transform:rotateY(-180deg)
}
.eolo-card.flip-back .eolo-card__side--back {
    -webkit-transform:rotateY(0);
    -moz-transform:rotateY(0);
    transform:rotateY(0)
}

.eolo-card__side--back-1,
.eolo-card__side--back-2,
.eolo-card__side--back-3 {
    background:#00a0e6
}
.ad-eolo-promo-all-inclusive,
.ad-eolo-promo-video-game {
    background-position:center;
    -moz-background-size:cover;
    background-repeat:no-repeat
}


.eolo-card__header {
    padding:30px 10px 15px 30px;
    border-bottom:0;
    background-color:#fff;
    min-height:103px;
}
@media (min-width: 576px){
    .eolo-card__header {
        padding: 30px 30px 15px;
    }
}
.eolo-card__header .eolo-orange-badge {
    padding:9px 20px 5px 17px;
    background-color:#ff8a00;
    -webkit-border-radius:0 20px 0 20px;
    -moz-border-radius:0 20px;
    border-radius:0 20px;
    font-size:14px;
    line-height:1;
    position:absolute;
    right:0;
    top:0
}
.eolo-card__heading {
    font-size:32px;
    font-weight:bold;
    line-height:1.5;
    letter-spacing:normal;
    margin-bottom:0;
    color:#193755
}
.eolo-card__heading span {
    color:#00a0e6;
    font-weight: bold;
}
.eolo-card__heading i {
    color:#fff;
    font-size:35px;
    margin-right:20px;
    vertical-align:middle
}
.eolo-card__body {
    padding:20px 30px 15px;
    position:relative;
    -webkit-border-radius:50px 0 50px 0;
    -moz-border-radius:50px 0;
    border-radius:50px 0;
    background-color:#00a0e6;
    height:445px;
}
@media (min-width: 360px){
    .eolo-card__body {
        height:420px;
    }
}
.eolo-card__body .more-details {
    color:#fff!important;
    display:block;
    font-size:16px;
    text-align:center;
    text-decoration:underline
}
.eolo-card__body p {
    color:#fff;
    font-size:16px;
    line-height:26px;
    margin-bottom:10px
}
.eolo-card__body ul {
    margin-bottom:15px
}
.eolo-card__body ul>li {
    color:#fff;
    font-size:18px;
    line-height:23px;
    margin-bottom:10px
}
.eolo-card__body ul>li:last-child,
.eolo-card__body ul>li:last-of-type {
    margin-bottom:0
}
.eolo-card__body ul>li i {
    color:#87cdd2;
    font-size:17px;
    margin-right:8px
}
.eolo-card__footer {
    padding:12px 20px 15px;
    border-top:0;
    background-color:#fff
}

.eolo-card__footer p{
    padding-top:0px;
    padding-bottom:0px;
}

.eolo-card__body_nop p{
    padding-top:0px;
    padding-bottom:0px;
}

.eolo-card__body_nop h3{
    color: white;
    font-size: 16px;
}

.eolo-card__footer .eolo-title-optional-package {
    color:#193755;
    font-size:18px;
    line-height:25px;
    margin:0
}
.eolo-card__footer .eolo-title-optional-package span {
    color:#ff8a00;
    font-family: Halcyon-Bold;
}
.eolo-card__footer .eolo-subtitle-optional-package {
    margin:0;
    font-size:14px;
    line-height:25px;
    color:#193755;
}
.eolo-card__footer .eolo-price-info-packages {
    font-size:14px;
    line-height:17px;
    color:#193755
}
.eolo-card__footer .eolo-price-optional-packages {
    margin-top:8px;
    color:#193755;
    font-size:42px;
    font-weight:700;
    line-height:25px
}
.eolo-card__footer .eolo-price-optional-packages span {
    font-weight:400;
    font-size:16px
}
.eolo-card__cta {
    padding:0px 30px;
    position:absolute;
    bottom:15px;
    width:100%;
    left:0
}
.eolo-card__cta img {
    margin-right:8px
}
.eolo-card__cta hr {
    margin:0
}
.eolo-card__cta a {
    display:inline-block;
    margin-top:15px;
    text-decoration:none;
    color:#fff;
    font-size:16px
}
.eolo-card .card-content-back {
    position:relative;
    padding:25px 30px;
    height:100%
}

.card-content-back ul li{
    margin-bottom: 15px;
}



.eolo-card .card-content-back p{
    padding-top:0px;
    padding-bottom:0px;
}

.eolo-card .card-content-back ul {
    padding:0;
    margin:0;
    list-style:none
}
.eolo-card .card-content-back ul li img {
    margin-right:10px;
    vertical-align:bottom
}
.eolo-card .card-content-back ul li span {
    font-size:18px;
    line-height:26px;
    color:#fff
}
.eolo-card .card-content-back ul li p {
    font-size:14px;
    line-height:20px;
    color:#fff
}



.open-card{
    transform: translateY(-105px);
    height: 600px;
}




.visible-card{display: block !important;}
.notvisible-card{display: none;}

.eolo-card-front ul{
    padding-left: 0;
    list-style: none;
    margin-left:15px;
}
/* --------------------
   	Pagine offerte - Configura Offerta Cards
----------------------- */

/* --------------------
   	Pagine offerte - Attiva Eolo
----------------------- */

.eolo-promo-attiva-subito {
    padding:50px 20px 70px;
    background-color:#00a0e6;
    background-position:center;
    -moz-background-size:cover;
    background-size:cover;
    background-repeat:no-repeat;
    min-height:223px;
    position:relative;
    z-index:1
}

.eolo-promo-attiva-subito .eolo-promo-attiva-subito-body h1 {
    color:#fff;
    font-size:30px;
    line-height:40px
}

.eolo-promo-attiva-subito .eolo-promo-attiva-subito-body h3 {
    color:#fff;
    font-size:30px;
    line-height:40px
}


@media (max-width: 992px) {
    .eolo-promo-attiva-subito .eolo-promo-attiva-subito-body h1 {
        font-size:26px;
        line-height:40px
    }

    .eolo-promo-attiva-subito .eolo-promo-attiva-subito-body h3 {
        font-size:26px;
        line-height:40px
    }
}

.eolo-promo-attiva-subito .eolo-promo-attiva-subito-button,
.eolo-banner-promo-copertura .eolo-banner-promo-copertura--button {
    padding:9px 35px 9px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#ff8a00;
    color:#fff;
    font-size:18px;
    line-height:1.9;
    text-decoration:none;
    cursor:pointer;
    height: 48px;
    font-weight: 600;
}
.eolo-promo-attiva-subito .eolo-promo-attiva-subito-button a,
.eolo-banner-promo-copertura .eolo-banner-promo-copertura--button a {
    color:#fff;
    text-decoration:none
}

.eolo-promo-attiva-subito .eolo-promo-attiva-subito-button:hover,
.eolo-banner-promo-copertura .eolo-banner-promo-copertura--button:hover {
    color:#fff;
    text-decoration:none;
    background-color:#ffd199;
}

/* --------------------
   	Pagine offerte - Attiva Eolo
----------------------- */


/* --------------------
   Dettaglio offerte Eolo piu promo tutto incluso begin
----------------------- */

@media only screen and (min-width: 768px) {
    .eolo-det-offer-title{
        white-space: nowrap;
    }
}


.eolo-det-offer-all-incl {
    padding:50px 20px 70px;
    background-color:#00a0e6;
    background-size:cover;
    min-height:362px;
    position:relative;
    z-index:1
}

.eolo-det-offer-title {
    font-family: Halcyon-Medium;
    font-size:42px;
    font-weight:600;
    color:#fff;
    line-height: 1;
}

.eolo-det-offer-subtitle {
    font-family: Halcyon-Regular;
    font-size:30px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.87;
    letter-spacing: normal;
    color:#fff
}
.eolo-det-offer-subtitle b{
    font-family: Halcyon-Bold;
}

.eolo-det-offer-provali-tutti {
    width:577px;
    height:96px;
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    background-color:#fff;
    padding-left:10px
}

.eolo-det-offer-provali-tutti img {
    max-width:50%;
    margin-right:10px
}

.eolo-det-offer-description {
    font-family: Halcyon-Medium;
    font-size:18px;
    font-weight:400;
    color:#fff;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
}

.eolo-det-offer-provali-tutti .eolo-det-offer-provali-tutti-content {
    height:100%;
    width: 100%;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    flex-direction: column;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:flex-start;
}



.eolo-det-offer-provali-title {
    font-family: Halcyon-Medium;
    font-size:26px;
    font-weight: bold;
    line-height:20.2px;
    color:#193755;
    padding:unset;
}

.eolo-det-offer-provali-title>span {
    color:#ff8a00
}

.eolo-det-offer-provali-subtitle {
    font-family: Halcyon-Regular;
    font-size:18px;
    color:#193755;
    margin-bottom:0;
}


@media (max-width: 992px) {

    .eolo-det-offer-all-incl img {
        max-width:261px
    }

    .eolo-det-offer-title {
        font-family: Halcyon-Medium;
        font-size:32px;
    }

    .eolo-det-offer-subtitle {
        font-family: Halcyon-Regular;
        font-size:26px;
        line-height:32px;
        padding-left: 25px;
        padding-right: 25px;
    }

    .eolo-det-offer-description {
        font-family: Halcyon-Medium;
        font-size:16px;
        line-height:24px;
        text-align:center;
        margin-top:20px;
        margin-bottom:20px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .eolo-det-offer-provali-tutti {
        width:auto;
        height:auto;
        padding:15px 7px 15px 15px
    }

    .eolo-det-offer-all-incl .eolo-det-offer-provali-tutti img {
        max-width:44px
    }

    .eolo-det-offer-all-incl .eolo-det-offer-provali-title {
        margin-bottom:3px;
        font-size:18px;
        line-height:22px;
        font-weight:700
    }

    .eolo-det-offer-all-incl .eolo-det-offer-provali-title>span {
        display:block
    }

    .eolo-det-offer-provali-subtitle {
        font-size:12px;
        line-height:1.3
    }
}

@media (max-width: 768px) {

    .eolo-display-none {
        display: none!important
    }

}

@media (min-width: 768px) {

    .eolo-md-display-none {
        display: none!important
    }

    .eolo-md-display-block {
        display: block!important
    }

    .nobr-desktop{
        display: none;
    }

}

/* --------------------
   Dettaglio offerte Eolo piu promo tutto incluso end
----------------------- */


/* --------------------
   Dettaglio offerte Eolo piu Ultra Velocita begin
----------------------- */

.eolo-section-blu-title {
    font-family:Halcyon-Medium;
    padding:0px 0px 30px;
    font-size:42px;
    line-height:50px;
    color:#193755;
    font-weight:400
}

.eolo-det-offer-ultravelocita .eolo-section-blu-title {
    font-size:32px;
    line-height:38px
}

.eolo-det-offer-ultravelocita h2 {
    max-width: 825px;
    margin:0 auto
}

.eolo-det-offer-ultravelocita .eolo-det-offer-ultravelocita-text {
    color:#656b73;
    font-size:16px;
    padding:0 120px
}

.qvm-offers {
  padding: 30px 0;
}

.offer-box-qv {
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  padding: 10px;
  border-radius: 24px;
  position: relative;
}

.promo-qvp {
  position: absolute;
  top: -14px;
  height: 28px;
  outline: none;
  border: none;
  padding: 6px 11px;
  border-radius: 6px;
  background-color: #FF8A00;
  color: #ffffff;
  left: 50%;
  transform: translate(-50%, 0);
  font-family: Halcyon-Regular, sans-serif;
  font-size: 14px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: 0;
  text-align: center;
}

.price-frequency-qvp {
  font-family: Halcyon-Regular, sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  letter-spacing: 0.1px;
  text-align: left;
  color: #193755;
  padding: 0 0 0 5px;
  margin: -10px 0 0 5px
}

.price-qvp {
  font-family: Halcyon-Bold, sans-serif;
  font-size: 36px;
  line-height: 36px;
  font-weight: 900;
  color: #00A0E6;
}

.price-qvp-part-one {
  font-family: Halcyon-Bold, sans-serif;
  font-weight: 900;
  font-size: 64px;
  line-height: 64px;
  color: #00A0E6;
  width: unset !important;
}

.price-qvp-part-two {
  font-family: Halcyon-Bold, sans-serif;
  font-weight: 900;
  font-size: 24px;
  line-height: 42px;
  padding: 0;
  color: #00A0E6;
}

.bottom-qvp-text, .bottom-qvp-text p {
  font-family: Halcyon-regular, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: center;
  color: #193755;
}

.eolo-qvp-title {
  font-family: Halcyon-Bold, sans-serif;
  font-size: 32px;
  font-weight: 700;
  line-height: 40px;
  letter-spacing: 0em;
  text-align: center;
  color: #193755;
  padding-bottom: 0px;
}

.qvm-subtitle-desc, .qvm-subtitle-desc p, .qvm-subtitle-subtitle-desc, .qvm-subtitle-subtitle-desc p {
  font-family: Halcyon-Regular, sans-serif;
  font-size: 22.5px;
  line-height: 30px;
  letter-spacing: 0em;
  text-align: center;
  color: #193755;
}

.qvm-subtitle-subtitle-desc p:nth-child(1) {
  font-size: 26px;
  line-height: 32px;
}

.qvm-subtitle-subtitle-desc p {
  font-family: Halcyon-Regular;
  font-size: 22px;
  font-weight: 500;
  line-height: 30px;
}

.qvm-subtitle-desc p strong, .qvm-subtitle-subtitle-desc p strong {
  font-width: 700;
}

.qvp-price-btm-desc {
  font-family: Halcyon-Regular, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #193755;
}

.qvm-subtitle-desc p, .qvm-subtitle-subtitle-desc p {
  color: #193755;
}

.price-frequency-qv {
  font-family: Halcyon-Regular, sans-serif;
  font-size: 20px;
  font-weight: 700;
  line-height: 30px;
  letter-spacing: 0.1px;
  text-align: center;
  color: #193755;
}


.qvm-offers-content-wrap {
  padding: 50px 0;
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.qvm-offers-right-content {
  margin-left: 30px;
}

@media (max-width: 992px) {
  .qvm-offers-right-content {
    margin-left: 0;
    margin-right: 0
  }
  .qvm-offers-right-content-sub p {
    text-align: center !important;
  }

  .qvm-subtitle-subtitle-desc p:nth-child(1) {
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 900;
  }

  .qvm-subtitle-subtitle-desc p{
    font-size: 16px;
    line-height: 19.2px;
    font-weight: 500;
  }

  .qvm-offers-content-wrap {
    padding: 10px 0;
  }
}

@media (max-width: 992px) {
    .eolo-section-blu-title {
        padding:30px 20px 0px;
        font-size:32px;
        line-height:40px;
    }

    .eolo-det-offer-ultravelocita .eolo-section-blu-title {
        font-size:26px;
        line-height:32px;
        padding-bottom: 10px;
    }

    .eolo-det-offer-ultravelocita .eolo-det-offer-ultravelocita-text {
        padding:0 15px
    }

}

@media (max-width: 768px) {

  .qvm-subtitle-desc, .qvm-subtitle-desc p, .qvm-subtitle-subtitle-desc p, .qvm-subtitle-subtitle-desc {
    font-size: 16px;
    line-height: 22px;

  }

  .qvm-subtitle-desc, .qvm-subtitle-subtitle-desc {
    padding: 0 20px;
  }

  .bottom-qvp-text, .bottom-qvp-text p  {
    font-size: 20px;
    line-height: 40px;
  }

  .eolo-qvp-title {
    font-size: 26px;
    line-height: 32px;
  }

  .price-qvp {
    font-size: 36px;
    font-weight: 900;
    line-height: 36px;
    letter-spacing: 0;
  }

    .eolo-det-offer-ultravelocita h2 {
        max-width: 330px !important;
        margin:0 auto
    }
}

.eolo-offerte-guida-link{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
}

.eolo-offerte-guida-link:hover{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: none;
}

/* --------------------
   Dettaglio offerte Eolo piu Ultra Velocita end
----------------------- */

/* --------------------
   Carousel Come funziona Eolo
----------------------- */


@media (max-width:769px) {
    .item-card-carousel3 {
        width: 250px !important;
        height: 330px;
        border-radius: 20px;
        background-color: rgba(135, 205, 210, 0.15);
        padding: 0;
    }

    .dot-carousel {
        display: none;
    }

    .owl-carousel3 .owl-stage-outer{
        overflow: visible;
    }

    .image-only-desk{
        display: none;
    }

    .eolo-carousel-title-carousel-3{
        font-size: 26px !important;
        line-height: 1 !important;
    }

    .owl-carousel3{
        padding-left: 0;
        padding-right: 0;
    }
    .eolo-carousel3-nopadding-mob{
        padding-left: 0px !important;
    }
    .vertical .carousel-inner {
        height: 700px !important;
    }
    .eolo-carousel-next-step-slide2{
        padding-top: 40px !important;
        padding-bottom: 30px;
        padding-left: 0px;
        padding-right: 0px;
    }
}
span.eolo-carousel-top-small-title {
    position: relative;
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.vertical .carousel-inner {
    height: 620px;
}

.eolo-carousel-next-step-slide2{
    padding-top: 0px;
    padding-bottom: 30px;
    padding-left: 0px;
    padding-right: 0px;
}

.carousel.vertical .item {
    -webkit-transition: 0.6s ease-in-out top;
    -moz-transition: 0.6s ease-in-out top;
    -ms-transition: 0.6s ease-in-out top;
    -o-transition: 0.6s ease-in-out top;
    transition: 0.6s ease-in-out top;
}

.carousel.vertical .active {
    top: 0;
}

.carousel.vertical .next {
    top: 100%;
}

.carousel.vertical .prev {
    top: -100%;
}

.carousel.vertical .next.left,
.carousel.vertical .prev.right {
    top: 0;
}

.carousel.vertical .active.left {
    top: -100%;
}

.carousel.vertical .active.right {
    top: 100%;
}

.carousel.vertical .item {
    left: 0;
}


.carousel-indicators li {
    display: block !important;
    margin-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.8);
}

.carousel-indicators .active {
    display: block !important;
    margin-bottom: 20px !important;
    font-weight: 900;
    transform: scale(1.8);
}

.dot-carousel {
    position: absolute;
    top: 450px;
}


.item-card-carousel3 {
    width: 305px;
    height: 330px;
    border-radius: 20px;
    padding: 0;
}

.eolo-carousel-title-carousel-3{
    font-family: Halcyon-Medium;
    font-size: 32px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.69;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}



.eolo-offerte-small-card {
    max-width: 351px;
    border-radius: 20px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.13);
    background-color: #ffffff;
    height: 350px;
    padding-bottom: 34px;
}

@media (max-width: 992px){
    .eolo-offerte-small-card {
        height: 468px!important;
    }
}

.eolo-offerte-una-tantum {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #656b73;
}

.eolo-offerte-una-tantum-price {
    font-family: Halcyon-Medium;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    font-size: 42px;
    font-weight: 600;
    color: #193755;
}

.item-description{
    font-family: Halcyon-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
.item-link{
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-decoration:underline;
}

.item-link:hover{
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.86;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    text-decoration:none;
}

.eolo-item-vertical-carousel-title{
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.owl-carousel3 .owl-stage-outer{
    height: auto !important;
}

@media only screen and (max-width: 768px) {


    .eolo-offerte-small-card{
        max-width: 330px !important;
        border-radius: 20px !important;
        background-color: #ffffff;
    }
}




/* --------------------
   Carousel Come funziona Eolo
----------------------- */

/* --------------------
   Accordion offerte
----------------------- */

.eolo-accordion .card .card-header {
    padding-left:0;
    padding-right:0
}
.eolo-accordion .body-gradient {
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:160px;
    background-image:-webkit-gradient(linear,
    left top,
    left bottom,
    from(rgba(255,
            255,
            255,
            0)),
    color-stop(90%,
            #fff));
    background-image:-webkit-linear-gradient(top,
    rgba(255,
            255,
            255,
            0),
    #fff 90%);
    background-image:-moz-linear-gradient(top,
    rgba(255,
            255,
            255,
            0),
    #fff 90%);
    background-image:-o-linear-gradient(top,
    rgba(255,
            255,
            255,
            0),
    #fff 90%);
    background-image:linear-gradient(to bottom,
    rgba(255,
            255,
            255,
            0),
    #fff 90%);
    pointer-events:none;
    display:none
}

.eolo-accordion .btn,
.eolo-accordion .btn[aria-expanded=false] {
    padding:0
}
.eolo-accordion .btn:hover,
.eolo-accordion .btn[aria-expanded=false]:hover {
    background:0 0
}
.eolo-accordion .btn .fa,
.eolo-accordion .btn[aria-expanded=false] .fa {
    font-size:18px
}
.eolo-accordion .btn[aria-expanded=false] .action-reduce,
.eolo-accordion .btn[aria-expanded=false][aria-expanded=false] .action-reduce {
    display:none
}
.eolo-accordion .btn[aria-expanded=false] .action-enlarge,
.eolo-accordion .btn[aria-expanded=false][aria-expanded=false] .action-enlarge,
.eolo-accordion .btn[aria-expanded=false][aria-expanded=true] .action-reduce,
.eolo-accordion .btn[aria-expanded=true] .action-reduce {
    display:block
}
.eolo-accordion .btn[aria-expanded=false][aria-expanded=true] .action-enlarge,
.eolo-accordion .btn[aria-expanded=true] .action-enlarge {
    display:none
}
.eolo-accordion .btn:focus {
    outline: none!important;
}
.eolo-accordion .collapse:not(.show) .body-gradient,
.eolo-accordion .collapsing .body-gradient {
    display:block
}
.eolo-accordion .collapse {
    position:relative
}
.eolo-accordion .collapse:not(.show) {
    display:block;
    min-height:250px;
    max-height:250px;
    overflow:hidden
}
.eolo-accordion .collapsing {
    min-height:250px
}

.offer-detail-title-accordion p {
    font-size:32px;
    line-height:38px;
    color:#193755;
    margin:0
}

@media (max-width: 992px) {

    .offer-detail-title-accordion p {
        font-size:26px;
        line-height:32px
    }
}

.offer-detail-list {
    list-style:none
}
.offer-detail-list strong{
    color: #333333;
    font-family: Halcyon-Medium;
}

.offer-detail-list p {
    color: #333333;
}

.offer-detail-list li {
    font-size:16px;
    margin-bottom: 10px;
}
.offer-detail-list li::before {
    content:"\2022";
    color:#00a0e6;
    font-weight:700;
    display:inline-block;
    width:1em;
    margin-left:-1em;
    font-size:19px
}
.offer-detail-list ul{
    list-style: none;

}

.offer-detail-list li a{
    text-decoration: underline;
    color:#333333;
}

.no-padding-left-accordion ul{
    padding-left: 20px;
}
/* --------------------
   Accordion end
----------------------- */

/* --------------------
   chi siamo I nostri valori
----------------------- */

.eolo-valori-bg {
    background-repeat: no-repeat;
    background-size: cover;
    text-align: center;
    min-height: 536px;
    background-position-x: center;
}

.eolo-chisiamo-valori-title {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    padding-top: 50px;
    position: relative;
    top: 50px;
}

.eolo-chisiamo-valori-subtitle {
    font-family: Halcyon-Regular;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-chisiamo-valori-content {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-chisiamo-valori-content p{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

@media (max-width: 767px){
    .eolo-chisiamo-valori-title {
        font-size: 32px !important;
    }
}

/* --------------------
   chi siamo I nostri valori end
----------------------- */

/* --------------------
   chi siamo altre sedi begin
----------------------- */

.eolo-chisiamo-sede1-bg {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 280px;
    min-width: 560px;
    background-position-x: center;
}

.eolo-chisiamo-sede2-bg {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 280px;
    min-width: 278px;
    background-position-x: center;
}

.eolo-chisiamo-sede3-bg {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 280px;
    min-width: 278px;
    background-position-x: center;
}

.eolo-chisiamo-sedi-carousel-card-title {
    font-family: Halcyon-Regular;
    font-size: 25px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #ffffff;
}

.item-chisiamo-sedi-description {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #ffffff;
}

.item-chisiamo-sedi-link {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
}

.item-chisiamo-sedi-link:hover{
    color: #ff8a00;
    text-decoration: none;
}

.eolo-chisiamo-sedi-title-card1 {
    padding: 40px 0px 5px 40px;
}

.eolo-chisiamo-sedi-subTitle-card1{
    padding: 5px 0px 20px 40px;
}

@media (max-width: 767px){

    .eolo-chisiamo-sedi-title-card1 {
        width: 230px !important;
    }

    .eolo-chisiamo-sedi-subTitle-card1 {
        width: 210px !important;
    }
}
/* --------------------
   chi siamo altre sedi end
----------------------- */

/* --------------------
   chi siamo timeline
----------------------- */
.eolo-chisiamo-main-subtitle {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}

.eolo-timeline-item {
    width: 500px;
}

.eolo-timeline-item-bg {
    background-repeat: no-repeat;
    background-size: cover;
    height: 182px;
    width: 160px;
    background-position-x: center;
    margin-top: 20px;
    margin-bottom: 5px;
    border-radius: 15px;
    border-right: 2px solid #f2f2f2;
    border-left: 2px solid #f2f2f2;
}

.eolo-timeline-item-text {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
    position: absolute;
    left: 30px;
    top: 145px;
}

.eolo-timeline-item-title {
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #193755;
}

.eolo-timeline-item-content {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-timeline-item-img {
    float: left;
    position: relative;
    left: 75px;
}

.eolo-timeline-topline {
    width: 370px;
    height: 1px;
    background-color: rgba(25, 55, 85, 0.5);
    display: inline-block;
    vertical-align: bottom;
    margin-left: 80px;
}

.eolo-timeline-adjust-text {
    margin-top: 50px;
    padding: 0;
    margin-bottom:30px;
}

.eolo-timeline-area-height {
    margin: 0;
    padding: 0;
    height: 340px;
}

@media (max-width: 767px){
    #customNavTimeline {
        display: none;
    }

    .eolo-timeline-item {
        width: 250px !important;
    }

    .eolo-timeline-topline {
        width: 120px !important;
        left: 40px !important;
        position: relative;
    }

    .eolo-chisiamo-main-subtitle {
        font-size: 32px !important;
    }

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

    .eolo-timeline-item-text {
        left: 80px !important;
    }

    .eolo-timeline-item-img {
        left: 70px !important;
    }

    .eolo-timeline-item-bg-mob {
        justify-content: center !important;
        display: flex !important;
    }

    .eolo-timeline-item-center-mob {
        text-align: center !important;
    }

    .eolo-timeline-adjust-text {
        margin-bottom: 130px !important;
    }

    .eolo-timeline-item-img {
        left: 105px !important;
    }

    .eolo-timeline-area-height {
        height: 453px !important;
    }
}

@media(min-width:768px){

    .eolo-timeline-item-center-mob {
        margin-top: 20px;
        padding-left: 30px;
    }
}
/* --------------------
   chi siamo timeline end
----------------------- */
/* --------------------
   chi siamo numeri
----------------------- */
.eolo-numeri-bg {
    background-color: #f2f2f2;
    min-height: 440px;
}

.eolo-chisiamo-numeri-title {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    display: block;
    margin-top: 70px;
    margin-bottom: 50px;
}

.eolo-chisiamo-numeri-card {
    width: 255px;
    height: 190px;
    border-radius: 14.9px;
    background-color: #ffffff;
    text-align: left;
}

.eolo-chisiamo-card-numeri {
    font-family: Halcyon-Regular;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}

.eolo-chisiamo-card-testo {
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #656b73;
}

@media (max-width: 767px){

    .eolo-chisiamo-numeri-title {
        font-size: 32px !important;
        margin-top: 60px !important;
        margin-bottom: 30px !important;
    }

}


/* --------------------
   chi siamo numeri end
----------------------- */

/* --------------------
   chi siamo carousel Eolo begin
----------------------- */

@media (max-width: 767px){

    #btn-chisiamo-carousel-mob {
        display: flex !important;
        justify-content: center;
    }

    #btn-chisiamo-carousel-desk {
        display: none !important;
    }
}


/* --------------------
   chi siamo carousel Eolo end
----------------------- */

/* --------------------
   grid eolo campus
----------------------- */
.eolo-campus-bg-mint{
    background-color: #d5edee;
}
.eolo-mint-title
{
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}
.eolo-mint-description
{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}

/* --------------------
    grid eolo campus end
----------------------- */

/* --------------------
   Dettaglio offerte Eolo piu Box grigi begin
----------------------- */
.eolo-grey-banner {
    -webkit-box-direction:normal;
    -moz-box-direction:normal
}

.eolo-grey-banner .eolo-grey-banner-item {
    font-family:Halcyon-Medium,
    sans-serif
}

.eolo-grey-banner {
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-orient:horizontal;
    -webkit-flex-direction:row;
    -moz-box-orient:horizontal;
    -ms-flex-direction:row;
    flex-direction:row;
    margin:50px 0
}



@media (max-width: 992px) {
    .eolo-grey-banner {
        display:-webkit-box;
        display:-webkit-flex;
        display:-moz-box;
        display:-ms-flexbox;
        display:flex;
        -webkit-flex-wrap:wrap;
        -ms-flex-wrap:wrap;
        flex-wrap:wrap;
        -webkit-box-orient:horizontal;
        -webkit-box-direction:normal;
        -webkit-flex-direction:row;
        -moz-box-orient:horizontal;
        -moz-box-direction:normal;
        -ms-flex-direction:row;
        flex-direction:row;
        -webkit-box-pack:justify;
        -webkit-justify-content:space-between;
        -moz-box-pack:justify;
        -ms-flex-pack:justify;
        justify-content:space-between;
        margin:0px 15px
    }
    .eolo-grey-banner .eolo-grey-banner-item {
        -webkit-justify-content:center !important;
        justify-content:center !important;
    }
}
.eolo-grey-banner .eolo-grey-banner-item {
    width:220px;
    height:70px;
    margin-right:20px;
    margin-left:15px;
    padding-right:20px;
    padding-left:15px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#f2f2f2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:left;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:left;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    font-weight:600;
    color:#193755
}

.eolo-grey-banner .eolo-grey-banner-first-item {
    height:70px;
    margin-right:20px;
    margin-left:15px;
    padding-right:20px;
    padding-left:20px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    border-radius:10px;
    background-color:#f2f2f2;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:center;
    -webkit-justify-content:left;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    justify-content:left;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    font-size:16px;
    font-weight: normal;
    color:#193755;
    line-height:0.9;

}
@media (min-width: 768px) {
    .eolo-grey-banner .eolo-grey-banner-first-item{
        min-width:475px;
    }
}


@media (max-width: 992px) {
    .eolo-grey-banner .eolo-grey-banner-item {
        margin-bottom:10px;
        margin-left:0;
        width:100%;
        height:42px;
        text-align:center;
        margin-right:0
    }

    .eolo-grey-banner .eolo-grey-banner-first-item {
        margin-bottom:10px;
        margin-left:0;
        width:100%;
        height:auto;
        text-align:center;
        margin-right:0;
        padding-top: 12px;
        padding-bottom: 12px;
    }

    .eolo-grey-banner .eolo-grey-banner-item img, .eolo-grey-banner-first-item img {
        display:none
    }


}
.eolo-grey-banner .eolo-grey-banner-item:first-child {
    padding-right:0
}
.eolo-grey-banner .eolo-grey-banner-item img {
    margin-right:10px
}


/* --------------------
   Dettaglio offerte Eolo piu Box grigi end
----------------------- */

/* --------------------
   CHATBOT COMPACT VERSION
----------------------- */

#homepage #help-box p {
    margin-bottom:0;
}

#help-box.chat-layer-compact {
    top: inherit;
    right: 70px;
    display: block;
    width: 330px;
    height: 270px;
    padding: 0;
    margin: 0;
    bottom: 40px!important;
    background-color: transparent;
    transition: height 0.4s ease-out;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    border-radius: 20px;
    z-index: 120;
}
#help-box.chat-layer-compact > div {
    position:relative;
    width:330px;
    margin:0; padding:0;
    -webkit-box-shadow:none; box-shadow:none;
    z-index:2;
}
#help-box.chat-layer-compact.closed, .chatbot.closed {
    /*height:56px;*/
    height:0px;
    transition:height 0.3s ease-out;
}
#help-box.chat-layer-compact.last-step-new {
    height:440px;
}
#help-box.chat-layer-compact.last-step-client {
    height:445px;
}
#help-box.chat-layer-compact .chat-layer-btn {
    position: relative;
    display: block;
    z-index: 1;
    width: 330px;
    height: 85px;
    padding: 0px 0px 0px 30px;
    margin-top: 0px;
    margin-bottom: 16px;
    border: 0px solid #FF8900;
    border-radius: 20px 20px 0 0;
    background-color: #FF8900;
}
/*#help-box.chat-layer-compact .chat-layer-btn img {
    position:absolute;
    left:10px;
    bottom: -1px;
    height: auto;
    width: 60px;
}*/
#help-box.chat-layer-compact .chat-layer-btn p {
    display: block;
    padding: 0;
    color: #FFFFFF;
    text-align: left;
    line-height: 50px;
    font-weight: 500;
    font-size: 22px;
    width: 100%;
}
#help-box.chat-layer-compact .chat-layer-btn i {
    position:absolute; top:12px; right:12px;
    width:15px; height:15px;
    padding:0;
    color:#FFC580;
}
#help-box.chat-layer-compact .chat-layer-btn:hover i {
    color:#FF8900;
}
#help-box.chat-layer-compact .chat-layer-btn i:before {
    display:block;
    font-size:15px; line-height:15px;
}
#help-box.chat-layer-compact.closed .chat-layer-btn {
    background-color:#FF8900;
}
#help-box.chat-layer-compact.closed .chat-layer-btn p, #help-box.chat-layer-compact.closed .chat-layer-btn:hover i {
    color:#FFFFFF;
}
#help-box.chat-layer-compact.closed .chat-layer-btn .chat-layer-open, #help-box.chat-layer-compact .chat-layer-btn .chat-layer-close {
    display:none;
}
#help-box.chat-layer-compact.closed .chat-layer-btn .chat-layer-close, #help-box.chat-layer-compact .chat-layer-btn .chat-layer-open {
    display:block;
}

#help-box.chat-layer-compact .chat-layer-wrapper {
    /*display:block;
    width:320px; height:auto;
    padding:0;
    border:1px solid #FF8900; border-top:0 none;
    background-color:#FFFFFF;
    overflow:hidden;
    -webkit-box-shadow:none; box-shadow:none;*/
    display: block;
    width: 330px;
    height: auto;
    padding: 0;
    border: 0px solid #FF8900;
    border-top: 0 none;
    background-color: transparent;
    overflow: hidden;
    -webkit-box-shadow: none;
    box-shadow: none;
    top: 55px;
    z-index: 2;
    position: absolute;
    border-radius: 20px 0px 20px 20px;
}
#help-box.chat-layer-compact.closed .chat-layer-wrapper {
    /*display:none;
    height:0;*/
    border-bottom:0 none;
}

/* STEP 1 */
#help-box.chat-layer-compact .chat-layer-step-1 {
    /*display:block;
    height:auto; width:100%;
    padding:25px 10px 20px 10px;
    overflow:hidden; */
    border-radius: 20px 0px 20px 20px;
    display: block;
    height: 215px;
    width: 100%;
    padding: 35px 30px 35px 30px;
    overflow: hidden;
    background: #ffffff;
}
#help-box.chat-layer-compact.closed .chat-layer-step-1 {
    /* display:none;
    height:0;
    padding:0;*/
}
#help-box.chat-layer-compact .chat-layer-step-1.closed {
    display:none;
    height:0;
    padding:0;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn {
    /* display: block; */
    /* height: 42px; */
    /* width: 100%; */
    /* padding: 0 12px; */
    /* background-color: #FF8A00; */
    width: 270px;
    height: 60px;
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn:hover {
    background-color: #D9D9D9;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn span {
    /*display: inline-block;
    float: none;
    width: 100%;
    line-height: 40px;
    display: inherit;
    align-items: center;
    text-align: center!important;
    align-content: center;*/
    width: 100%;
    line-height:60px;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn i {
    /*display:inline-block;
    width:24px;
    margin-right:15px; padding-right:0;
    line-height:42px; font-size:22px; color:#FFCD91;*/
    display: inline-block;
    width: 24px;
    margin-right: 15px;
    padding-right: 0;
    line-height: 40px;
    font-size: 22px;
    color: #FFCD91;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn p {
    /*width:auto; height:42px;
    padding:0;font-size:14px; color:#FFFFFF;*/
    line-height:35px;
    width: auto;
    padding: 0;
    color: #ff8a00;
    font-size: 17px;
    font-weight: 600;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn i, #help-box.chat-layer-compact .chat-layer-step-1 .btn p {
    display:inline-block;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn:hover i {
    color:#FFFFFF;
}
#help-box.chat-layer-compact .chat-layer-step-1 .btn.chat-layer-new {
    margin-bottom:20px;
}

/* STEP 2 */
#help-box.chat-layer-compact .chat-layer-step-2.open {
    display: inline-block;
    width: 330px;
    height: 385px;
    padding: 18px 30px 30px 30px;
    overflow: hidden;
    background: #ffffff!important;
    border-radius: 20px 0px 20px 20px;
}
#help-box.chat-layer-compact .chat-layer-step-2-client.open {
    display: inline-block;
    width: 330px;
    height: 273px;
    padding: 10px 30px 30px 30px;
    overflow: hidden;
    background: #ffffff!important;
    border-radius: 20px 0px 0px 0px;
}
#help-box.chat-layer-compact .chat-layer-step-2 {
    /*display:none;
    height:0;
    padding:0;*/
}
#help-box.chat-layer-compact .green-number-text a {
    padding:0!important;
}
#help-box.chat-layer-compact > div > div > div > div.call-text, #help-box.chat-layer-compact > div > div > div > div.call-text:first-child, #help-box.chat-layer-compact > div > div > div > div.call-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.green-number-text, #help-box.chat-layer-compact > div > div > div > div.green-number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.green-number-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.number-text, #help-box.chat-layer-compact > div > div > div > div.number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.number-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.chat-text, #help-box.chat-layer-compact > div > div > div > div.chat-text:first-child, #help-box.chat-layer-compact > div > div > div > div.chat-text:last-child {
    display:inline-block;
    padding:0; margin:0;
    border-bottom:solid 0px #ECECED;
}
#help-box.chat-layer-compact > div > div > div > div.call-text, #help-box.chat-layer-compact > div > div > div > div.call-text:first-child, #help-box.chat-layer-compact > div > div > div > div.call-text:last-child {
    margin-bottom:12px;
    margin-top: -10px;
}
#help-box.chat-layer-compact > div > div > div > div.green-number-text, #help-box.chat-layer-compact > div > div > div > div.green-number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.green-number-text:last-child,
#help-box.chat-layer-compact > div > div > div > div.number-text, #help-box.chat-layer-compact > div > div > div > div.number-text:first-child, #help-box.chat-layer-compact > div > div > div > div.number-text:last-child {
    padding-bottom:8px; margin-bottom:14px;
    border-bottom:1px solid #ECECED;
}

.chat-layer-compact .separator-field {
    padding-bottom:8px !important; margin-bottom:14px;
    border-bottom:1px solid #ECECED;
}
#help-box.chat-layer-compact > div .call-text .btn {
    display:inline-block;
    /*height:42px;*/ width:100%;
    padding:0 12px; margin-top:5px;
    text-align:center;
    background-color:#FF8A00;
}
#help-box.chat-layer-compact > div .call-text .btn:hover {
    background-color:#FFB966;
}
#help-box.chat-layer-compact > div .call-text .btn span {
    display:inline-block;
    width:auto;
}
#help-box.chat-layer-compact .call-text .btn i {
    display:inline-block;
    width:24px;
    margin-right:10px; padding:0;
    line-height:42px; font-size:22px; color:#FFCD91;
}
#help-box.chat-layer-compact .call-text .btn p {
    display:inline-block;
    width:auto;
    line-height:42px; font-size:17px; color:#FFFFFF;
    font-weight: bold;
}
#help-box.chat-layer-compact .call-text .btn:hover i {
    color:#FFFFFF;
}
#help-box.chat-layer-compact .green-number-text p, #homepage #help-box.chat-layer-compact .green-number-text p {
    /*display:inline-block;
    width:100%;
    margin:0; padding:0;
    line-height:0.8; text-align:center; color:#3FB15B; font-size: 14px;*/
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    line-height: 0.8;
    text-align: center;
    color: #193755;
    font-size: 14px;
    font-family: Halcyon-Medium;
}

#help-box.chat-layer-compact .number-text p.number, #homepage #help-box.chat-layer-compact .number-text p.number {
    display:inline-block;
    width:100%;
    margin:0; padding:0;
    line-height:0.8; text-align:center; color:#656b73; font-size: 14px;

}

#help-box.chat-layer-compact .green-number-text p.number, #homepage #help-box.chat-layer-compact .green-number-text p.number, #help-box.chat-layer-compact .number-text p.number, #homepage #help-box.chat-layer-compact .number-text p.number {
    /*width:100%;
    margin-right:0; padding:0;
    font-size:30px; line-height:32px;font-family:'NeoSansPro-Bold'; text-align:center;*/
    width: 100%;
    margin-right: 0;
    padding: 0;
    font-size: 30px;
    line-height: 32px;
    font-family: Halcyon-Medium;
    text-align: center;
    font-weight: 600;
    color: #3FB15B;

}
#help-box.chat-layer-compact .green-number-text a:hover p.number {
    color:#2E9930;
}
#help-box.chat-layer-compact .chat-text p, #help-box.chat-layer-compact .call-text p, #help-box.chat-layer-compact .number-text p{
    display:inline-block;
    width:100%;
    margin:0; padding:0;
    font-size:14px;
    /*line-height:16px;*/
    text-align:center;
    color:#878991;
}
#homepage #help-box.chat-layer-compact btn .chat-text p {
    font-weight: bold;
    font-size: 17px;
}
#help-box.chat-layer-compact > div .chat-text .btn {
    /*display:inline-block;
    height:42px; width:100%;
    padding:0 12px; margin-top:5px;
    text-align:center;
    background-color:#E5E5E5;*/
    margin-bottom: 20px;
    width: 270px;
    height: 60px;
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
}
#help-box.chat-layer-compact > div .chat-text .btn:hover {
    background-color:#D9D9D9;
}
#help-box.chat-layer-compact > div .chat-text .btn span {
    display:inline-block;
    width:auto;
}
#help-box.chat-layer-compact .chat-text .btn i {
    display:inline-block;
    width:24px;
    margin-right:10px; padding:0;
    line-height:42px; font-size:22px; color:#FF8A00;
}
#help-box.chat-layer-compact .chat-text .btn p {
    /*display:inline-block;
    width:auto;
    line-height:42px; font-size:17px; color:#656B73;*/
    display: inline-block;
    width: auto;
    line-height: 60px;
    font-size: 18px;
    font-weight: 600;
    color: #ff8a00;
}
.back-step-choose {
    height: 40px;
    padding: 0px!important;
}
.back-step-choose p
{
    padding:0px;
}
.back-step-choose a {

    display: flex;
    padding: 0px;
    margin: 0px;
}
.back-step-choose i {
    font-size: 25px;
    padding-right: 8px;
    color: #193755;
}
.back-step-choose span{

    height: 40px;
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #193755;
}
.chatbot  {
    width: 70px;
    height: 70px;
    object-fit: contain;
    position: fixed;
    bottom: 40px;
    right: 70px;
    z-index: 120;
    cursor:pointer;
    border-radius: 50%;
    box-shadow: 0 0 10px 0 rgba(255, 138, 0, 0.32);
}
.chatbotX {
    position: absolute!important;
    left: 290px!important;
    bottom: 45px!important;
}
.back-step-choose {
    height: 40px;
    padding: 0px!important;
}
.back-step-choose p
{
    padding:0px;
}
.back-step-choose a {

    display: flex;
    padding: 0px;
    margin: 0px;
}
.back-step-choose i {
    font-size: 25px;
    padding-right: 8px;
    color: #193755;
}
.back-step-choose span{

    height: 40px;
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #193755;
}
.PR2020_chatModal{
    background: rgba(0,0,0,0.7);
}
.PR2020_chatModal .modal-header {
    border-bottom: 0px;
}
.PR2020_chatModal .modal-title{
    font-size: 42px;
    color: #193755;
    text-align: center;
    line-height: 30px;
}
.PR2020_chatModal .modal-body {
    position: relative;
    padding: 0px 20px 20px 20px;
    color: #656b73;
}
.PR2020_chatModal input:valid
{
    margin: 0 auto;
    float: initial;
    height: 50px;
    border-radius: 6px;
    border: solid 1px #193755;
    background: #FFF;
    font-size: 16px;
    padding: 14px;
    color: #193755;
}
.PR2020_chatModal input:disabled
{
    margin: 0 auto;
    float: initial;
    height: 50px;
    border-radius: 6px;
    border: solid 1px #b3b3b3;
    background: #DDD;
    font-size: 16px;
    padding: 14px;
    color:#656b73;
}
.PR2020_chatModal .chat-label
{
    font-size: 14px;
    width: 70px;
    position: relative;
    top: 15px;
    background: #fff;
}
.PR2020_chatModal .closeX {
    width: 35px;
    height: 36px;
    object-fit: contain;
    cursor: pointer;
    padding-right: 15px;
}
.PR2020_chatModal .login-submit-btn, .PR2020_chatModal .login-submit-btn:hover {
    text-align: center;
    width: 190px;
    height: 50px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFFFFF;
    background: rgba(255,138,0,0.4);
    padding: 0px;
    margin: 0px;
}
.PR2020_chatModal .login-submit-btn.valid {
    background: rgba(255,138,0,1)!important;
}
.PR2020_chatModal .privacy
{
    font-size:12px;
    padding: 0px 60px;
}
.margin-bottom-30
{
    margin-bottom: 30px;
}
div[id^="wb_drag_"]{
    z-index:20!important;
}
/* --------------------
   CHATBOT COMPACT VERSION end
----------------------- */

/* --------------------
   Carousel Campus start
----------------------- */

.eolo-campus-title-desktop{
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}
.eolo-campus-title-desktop .fwn {
    font-weight: normal;
}

.eolo-campus-title-mobile{
    display: none
}
.eolo-campus-description{
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #656b73;
}

.owl-carousel-campus .owl-stage {
    margin-left: 0px;
}
.owl-carousel-campus .owl-stage-outer {
    height: 260px !important;
}

.eolo-campus-card img{
    width: 80px !important;
    height: 80px !important;
}
.owl-carousel .eolo-campus-card{
    width: 256px;
    height: 190px !important;
    border-radius: 14.9px;
    background-color: #ffffff;
    padding:20px;
}

.eolo-square-m
{
    font-family: Halcyon-Medium;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}
.eolo-square-m-sup
{
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: normal;
    color: #193755;
}
.eolo-gray-card-text
{
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #656b73;
    text-transform: uppercase
}

.eolo-gray-card-text
{
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    color: #656b73;
    text-transform: uppercase
}

.eolo-map-hero-image{
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;

}

@media (max-width: 768px) {

    .eolo-campus-title-desktop{
        display:none;
    }
    .eolo-campus-title-mobile{
        display:inline;
        font-family: Halcyon-Regular;
        font-size: 32px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        color: #193755;
    }
    .eolo-campus-title-mobile .fwn {
        font-weight: normal;
    }
    .owl-carousel .eolo-campus-card{
        width: 190px!important;
        border-radius: 14.9px;
        box-shadow: 0 0 9px 0 rgba(25, 55, 85, 0.1);
        background-color: #ffffff;
    }

    .eolo-square-m{
        font-family: Halcyon-Medium;
        font-size: 30px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.24;
        letter-spacing: normal;
        text-align: center;
        color: #193755;
    }
    .eolo-gray-card-text{
        font-family: Halcyon-Medium;
        font-size: 14px;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.38;
        letter-spacing: normal;
        color: #656b73;
    }
}

/* --------------------
   Carousel Campus end
----------------------- */

/* --------------------
   Carousel Chisiamo V1 start
----------------------- */

.item-chisiamo-carousel {
    width: 350px;
    height: 453px;
    border-radius: 20px;
    background-color: rgba(135, 205, 210, 0.35);
}

.eolo-chisiamo-carousel-card-title {
    font-family: Halcyon-Regular;
    font-size: 32px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}

.item-chisiamo-description {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
}

.owl-chisiamo-carousel .owl-stage-outer {
    height: auto !important;
}

@media (max-width: 768px) {
    .item-chisiamo-carousel {
        width: 305px;
        height: 487px;
        border-radius: 20px;
        background-color: rgba(135, 205, 210, 0.35);
    }

    .chisiamo-carousel-no-pad-mob{
        padding-left: 0px;
        padding-right: 0px;
    }
    .eolo-chisiamo-carousel-card-title {
        font-family: Halcyon-Regular;
        font-size: 26px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        color: #193755;
    }
    .item-chisiamo-description {
        font-family: Halcyon-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19 !important;
        letter-spacing: normal;
        color: #193755;
    }
}

/* --------------------
   Carousel Chisiamo V1 end
----------------------- */

/* --------------------
   form becomep partner
----------------------- */

#noteAccordion a {
    color: inherit;
    text-decoration: underline
}
#noteAccordion a:hover {
    color: #007bff
}

.eolo-dati-personali,
.eolo-informazioni-contatto,
.eolo-form-group .form-group .control-label {
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #193755;
    text-align:left;
}

.eolo-form-group textarea.form-control {
    border: solid 1.4px #b3b3b3;
    border-radius: 6px;
    min-height: 88px;
    float: unset!important;
}

.eolo-form-group .dk-select {
    height: 48px;
}

.form-group-haveEoloLogin {
    margin-top: 34px;
}

.eolo-form-group .dk-select .dk-selected {
    border: solid 1.4px #b3b3b3;
    border-radius: 6px;
    height: 48px;
    float: unset!important;
    line-height: 48px;
}

.eolo-form-group .form-group .control-label {
    padding: 20px 0 10px 0;
}


.eolo-tipo-attivita
{
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
}

.eolo-form-group{
    margin-bottom: 30px;
}

.eolo-select
{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}
.eolo-options
{
    height: 48px;
    border-radius: 6px;
    border: solid 1.4px #b3b3b3;
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;

}

@media (min-width:768px){
    .eolo-checkbox-only-desk{
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

@media (max-width:768px){

    .eolo-options {
        height: 48px;
        border-radius: 6px;
        border: solid 1.4px #b3b3b3;
        font-family: Halcyon-Regular;
        font-size: 16px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #656b73;

    }
    .eolo-checkbox-only-mob{
        margin-top: 30px;
    }
}
.note-detail-title p {
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}
@media (max-width: 992px) {
    .note-detail-title p {
        font-size: 26px;
        line-height: 32px
    }
}

.eolo-form-floating-input{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
}


.eolo-form-floating-input {
    border: solid 1.4px #b3b3b3;
    border-radius: 6px;
    height: 48px;
    float: unset !important;
}
.eolo-form-floating-input:focus ~ label, .eolo-form-floating-input:not(:placeholder-shown) ~ label {
    top:-11px;
    color:#193755;
    background-color:#fff;
    font-size:14px;
    font-family: Halcyon-Medium;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #193755;
}

.eolo-form-floating-input:focus{
    border: solid 1.4px #193755;
}

.eolo-form-floating-input:hover{
    border: solid 1.4px #193755;
}


.eolo-form-floating-label {
    position:relative;
}

.eolo-form-label-only {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #656b73;
    position:absolute;
    pointer-events:none;
    left:20px;
    top:11px;
    transition:0.2s ease all;
    -moz-transition:0.2s ease all;
    -webkit-transition:0.2s ease all;
}

input#eolo-partner-radio-button {
    width: 20px;
    height: 20px;
    margin-right:10px;
    margin-top: 4px;
}
input#eoloCertifiedInstaller{
    width: 20px;
    height: 20px;
    margin-top: 2px;
}

input#privacyTextAcceptance{
    width: 20px;
    height: 20px;
    margin-top: 2px;
    margin-right:10px;
    margin-top: 4px;
}

.eolo-label-no-pad p{
    padding-top: 0;
    text-align: left !important;
}

#eolo-partner-submit-button{
    width:190px;
    height:48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ff8a00;
}



#eolo-partner-submit-button:hover {
    width:190px;
    height:48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ffd199;
}

#eolo-installatore-submit-button{
    width:190px;
    height:48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ff8a00;
}

#eolo-installatore-submit-button:hover {
    width:190px;
    height:48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.9;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ffd199;
}

@media (max-width: 768px) {
    .eolo-margin-bottom-form{
        margin-bottom: 15px
    }
}

@media (max-width: 1200px) {
    input#privacyTextAcceptance{
        width: 85px !important;
        height: 20px;
        margin-top: 2px;
        margin-right:10px;
        margin-top: 4px;
    }
}

.eolo-form-floating-label>span.error{
    float: unset !important;
}

/* --------------------
   form become partner end
----------------------- */


/* --------------------
  Chi siamo - i nostri Manager start
----------------------- */

.eolo-chisiamo-main-title {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    padding-bottom:0px;
}

.eolo-chisiamo-main-content {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #656b73;
}

.eolo-chisiamo-main-content p{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #656b73;
}

.eolo-chisiamo-numeri-title2 {
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    padding-bottom: 30px;
    padding-top: 60px;
    display: block;
}

@media (min-width: 768px) {
    .eolo-chisiamo-numeri-title2 {
        padding-bottom: 75px;
        padding-top: 80px;
    }
}


.eolo-chisiamo-numeri-subTitle2 {
    font-family: Halcyon-Bold;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    padding-bottom: 30px;
    display: block;
}

@media (min-width: 768px) {
    .eolo-chisiamo-numeri-subTitle2 {
        padding-bottom: 75px;
    }
}


.eolo-chisiamo-numeri-subTitle3 {
    font-family: Halcyon-Bold;
    font-size: 32px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    padding-top: 60px;
    padding-bottom: 30px;
    display: block;
}

@media (min-width: 768px) {
    .eolo-chisiamo-numeri-subTitle3 {
        padding-top: 50px;
    }
}


.eolo-chisiamo-consiglio-nomi {
    font-family: Halcyon-Medium;
    font-size: 26px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.73;
    letter-spacing: normal;
    color: #193755;
}

.eolo-chisiamo-mainimage1,
.eolo-chisiamo-mainimage2 {
    width: 230px;
}

.eolo-chisiamo-mainimage2 {
    margin-top: 60px;
    margin-left: 0;
}

@media (min-width: 768px) {
    .eolo-chisiamo-mainimage2 {
        margin-top: 0;
        margin-left: 80px;
    }
}


.eolo-chisiamo-manager-img {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    text-align: center;
    height: 250px;
    width: 224px;
}

.eolo-chisiamo-manager-div {
    display: flex;
    text-align: left;
    padding-left: 20px;
    padding-bottom: 38px;
    flex-direction: column;
    justify-content: flex-end;
}

.eolo-chisiamo-managar-name {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #ffffff;
}

.eolo-chisiamo-managar-role {
    font-family: Halcyon-Regular;
    font-size: 12px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #ffffff;
}

@media (max-width: 768px) {

    .eolo-chisiamo-main-title {
        font-size: 32px !important;
    }

    .eolo-chisiamo-numeri-title2 {
        font-size: 32px !important;
        padding-top: 60px !important;
        padding-bottom: 30px !important;
        display: block;
    }

    .eolo-chisiamo-numeri-subTitle2 {
        font-size: 26px !important;
        padding-bottom: 30px !important;
        display: block;
    }

    .eolo-chisiamo-numeri-subTitle3 {
        font-size: 26px !important;
        padding-top: 50px !important;
        padding-bottom: 20px !important;
        display: block;
    }

    .eolo-chisiamo-round-up-left {
        border-radius: 20px 0 0 0 !important;
    }

    .eolo-chisiamo-round-up-right {
        border-radius: 0 20px 0 0 !important;
    }

    .eolo-chisiamo-round-bottom-left {
        border-radius: 0 0 0 20px !important;
    }

    .eolo-chisiamo-round-bottom-right {
        border-radius: 0 0 20px 0 !important;
    }

    .eolo-chisiamo-manager-img{
        width: 165px !important;
    }
    .eolo-chisiamo-round-bottom-left-right{
        border-radius: 0 0 20px 20px !important;
    }
}
@media only screen and (min-width: 1200px) {
    .eolo-chi-siamo-manager-desk {
        display: block !important;
    }

    .eolo-chi-siamo-manager-mob {
        display: none !important;
    }
}

@media only screen and (max-width: 1201px) {
    .eolo-chi-siamo-manager-desk {
        display: none !important;
    }

    .eolo-chi-siamo-manager-mob {
        display: block !important;
        padding-left: 0px;
        padding-right: 0px;
    }

    .eolo-chisiamo-round-up-left {
        border-radius: 20px 0 0 0 !important;
    }

    .eolo-chisiamo-round-up-right {
        border-radius: 0 20px 0 0 !important;
    }

    .eolo-chisiamo-round-bottom-left {
        border-radius: 0 0 0 20px !important;
    }

    .eolo-chisiamo-round-bottom-right {
        border-radius: 0 0 20px 0 !important;
    }

    .eolo-chisiamo-round-bottom-left-right{
        border-radius: 0 0 20px 20px !important;
    }
}

.eolo-chisiamo-round-up-left {
    border-radius: 20px 0 0 0 !important;
}

.eolo-chisiamo-round-up-right {
    border-radius: 0 20px 0 0 !important;
}

.eolo-chisiamo-round-bottom-left {
    border-radius: 0 0 0 20px !important;
}

.eolo-chisiamo-round-bottom-right {
    border-radius: 0 0 20px 0 !important;
}

.eolo-chisiamo-round-up-bottom-left{
    border-radius: 20px 0 0px 20px !important;
}

.eolo-chisiamo-round-up-bottom-right{
    border-radius: 0px 20px 20px 0px !important;
}


/* --------------------
  Chi siamo - i nostri Manager end
----------------------- */

/* --------------------
  Login start
----------------------- */

#login-modal-close{
    background-color: transparent;
}
.eolo-login-title {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    padding-top: 30px;
}
.eolo-area-cliente-title {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    padding-left: 5px;
    color: #193755;
}
.eolo-area-partner-title {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    padding-left: 5px;
    color: #193755;
}
.eolo-form {
    width: 540px;
    padding: 30px 30px 40px 30px;
    border-radius: 20px;
    background-color: #ffffff;
}
.eolo-button-login {
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
    display: flex;
}
.eolo-login-nav-tabs {
    border-bottom: 1px solid #fff;
    display: inline-flex;
}
.eolo-login-nav-tabs > li > a {
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
}
.eolo-custom-form-control {
    border-radius: 6px;
    border: 1.4px solid #b3b3b3;
    height: 48px
}
#eolo-login-submit-button-clienti {
    width: 190px;
    height: 48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ff8a00;
    margin: 0;
    border: 0;
}

#eolo-login-submit-button-clienti:hover {
    width: 190px;
    height: 48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ffd199;
    margin: 0;
    border: 0;
}

#eolo-login-submit-button-clienti:focus{
    outline: 0;
}

.eolo-form-control:-webkit-autofill,
.eolo-form-control:-webkit-autofill:hover,
.eolo-form-control:-webkit-autofill:focus,
.eolo-form-control:-webkit-autofill:active  {
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

#eolo-login-submit-button-partner {
    width: 190px;
    height: 48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ff8a00;
    margin: 0;
    border: 0;
}

#eolo-login-submit-button-partner:hover {
    width: 190px;
    height: 48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ffd199;
    margin: 0;
    border: 0;
}

#eolo-rec-psw-submit-button {
    width: 190px;
    height: 48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ff8a00;
    margin: 0;
    border: 0;
}

#eolo-rec-psw-submit-button:hover {
    width: 190px;
    height: 48px;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
    border-radius: 10px;
    background-color: #ffd199;
    margin: 0;
    border: 0;
}
.eolo-login-nav-tabs>li.active>a,
.eolo-login-nav-tabs>li.active>a:hover,
.eolo-login-nav-tabs>li.active>a:focus {
    padding-top: 14px;
    padding-bottom: 15px;
    color: #ffffff;
    border: 1px solid #00a0e6;
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #00a0e6;
}

.eolo-login-nav-tabs>li.active>a>span{
    color: #ffffff;
}

.eolo-login-nav-tabs>li>a:hover{
    color: #193755;
}
.eolo-login-nav-tabs > li > a {
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
    padding-top: 14px;
    padding-bottom: 15px;
}
label[for="eolo-exampleCheck1"] {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
    margin-bottom:-5px !important;
}
input::-webkit-input-placeholder {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73 !important;
}
input:-moz-placeholder {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73 !important;
}
input::-moz-placeholder {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73 !important;
}
input:-ms-input-placeholder {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73 !important;
}

.eolo-forget-password {
    padding-top: 30px;
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
}

.eolo-forget-password:hover {
    padding-top: 30px;
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: none;
}
input#eolo-exampleCheck1,
.parental-control-categories-container .form-check input {
    width: 20px;
    height: 20px;
    margin: unset;
    -webkit-appearance: none;
    border-radius: 5px;
    border: solid 1.4px #00a0e6;
    outline: none;
    background-color:white;
}
input#eolo-exampleCheck1:checked,
.parental-control-categories-container .form-check input:checked {
    background-color: #00a0e6!important;
    border: solid 1.4px #00a0e6;
    background-image: url(../assets/svg/checkSign.svg);
    background-repeat: no-repeat;
    background-position-y: center;
    background-position-x: center;
}
.eolo-login-modal-header {
    border: none!important;
}
.eolo-login-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}
.eolo-login-modal-dialog {
    position: fixed;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    max-width:unset;
}
.eolo-login-modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
}
.eolo-login-modal-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    box-shadow: none;
}
.eolo-login-modal-body {
    position: absolute;
    top: 40px;
    bottom: 0;
    font-size: 15px;
    overflow: auto;
    padding: 0 15px 0;
    width: 100%;
    height:100%;
}


@media (max-width: 1500px) {

    .eolo-login-modal-body {
        transform: scale(0.85);
    }

}
.eolo-login-modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    padding: 10px;
    background: #f1f3f5;
}

.close {
    opacity: unset;
}
input[type="email"]:focus,
input[type="email"]:hover {
    border: 1.4px solid #193755;
}
input[type="password"]:focus,
input[type="password"]:hover {
    border: 1.4px solid #193755;
}
input:focus::-webkit-input-placeholder {
    color: #193755!important;
}
input:focus:-moz-placeholder {
    color: #193755!important;
}
input:focus::-moz-placeholder {
    color: #193755!important;
}
input:focus:-ms-input-placeholder {
    color: #193755!important;
}

.btn:active,
.btn:hover {
    color: white;
    outline: none;
    border: none;
}
.eolo-icon {
    float: center;
    vertical-align: middle
}


@media (max-width: 375px) {

    a.eolo-button-login.eolo-area-cliente-title {
        width: 240px;
    }

}
@media(max-width:767px){

    .eolo-form-group {
        margin-bottom: 20px;
        margin-left: 0px;
    }
    .eolo-login-nav-tabs > li > a {
        width: 280px;
    }
    .eolo-login-nav-tabs>li {
        margin-top: 10px;
    }
    .eolo-form {
        margin-top: 30px;
        padding: 10px 20px 20px 20px;
        border-radius: 20px;
        background-color: #ffffff;
        min-width: 270px;
    }
    .eolo-tabs {
        display: inline-flex!important;
        justify-content: center;
        align-items:center;
        flex-direction:column;
    }

    .eolo-icon {
        float: center;
        vertical-align: middle
    }
    .eolo-forget-password {
        padding-top: 30px;
        font-family: Halcyon-Medium;
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #ff8a00;
        text-align: left;
    }
    .eolo-button-login {
        width: 240px;
        display: flow-root;
    }
    .hover {
        display: inline-flex!important;
        margin-left: -20px;
    }

    .eolo-tabs-2 {
        margin-top: 10px!important;
        margin-left: 5px!important;
    }
    .eolo-login-title {
        font-family: Halcyon-Regular;
        font-size: 32px;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: center;
        color: #193755;
        padding-top: 30px;
    }

    .eolo-login-li-mobile {
        width: 10px !important;
        margin: 0 !important;
    }
}

.eolo-login-floating-label {
    position: relative;
    margin-bottom: 20px;
}
.eolo-login-label-only {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #656b73;
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 14px;
    transition: 0.2s ease all;
    -moz-transition: 0.2s ease all;
    -webkit-transition: 0.2s ease all;
}
.eolo-login-floating-input:focus ~ label,
.eolo-login-floating-input:not(:placeholder-shown) ~ label {
    top: -11px;
    color: #193755;
    background-color: #fff;
    font-size: 14px;
    font-family: Halcyon-Medium;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #193755;
}
.eolo-login-floating-input:focus {
    border: solid 1.4px #193755;
}
.eolo-login-floating-input:hover {
    border: solid 1.4px #193755;
}

.eolo-login-floating-input{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
}
.eolo-login-modal-body {
    overflow-x: hidden;
    overflow-y: hidden;
}

.eolo-login-nav-tabs>li {
    margin-bottom: 7px!important;
}
.eolo-form-control {
    border: solid 1.4px #b3b3b3;
    border-radius: 6px;
    height: 48px;
}

.eolo-login-tab-content>.active{
    display: block;
}
@media(min-width:768px) {
    .eolo-tab-1 {
        margin-right: 15px;
    }
    .eolo-tab-2 {
        margin-left: 15px;
    }
}

@media(min-width:990px) {
    .eolo-tab-1 {
        margin-right: 15px;
        min-width: 200px;
    }
    .eolo-tab-2 {
        margin-left: 10px;
        min-width: 200px;
    }
}

@media(min-width:1023px) and (max-width: 1124px){
    .eolo-tab-1 {
        margin-right: 10px;
        min-width: 200px;
    }
    .eolo-tab-2 {
        margin-left: 10px;
        min-width: 200px;
    }
}
@media(max-width:768px) {
    .button-mobile{
        width: 130px !important;
    }
    .noimage-mobile{
        display: none;
    }
    .ul-mobile{
        display: flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: row;
    }
    .eolo-container-modal-nopad{
        padding-left: 0px;
        padding-right: 0px;
    }
    .eolo-position-close{
        position: absolute;
        right: 0;
    }
    .eolo-rec-psw-pos{
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important;
        padding-bottom: 15px;
        text-align: center !important;
    }

    .eolo-rec-psw-title{
        font-family: Halcyon-Medium;
        font-size: 18px !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.18;
        letter-spacing: normal;
        color: #193755;
    }

    .eolo-rec-psw-subtitle{
        font-family: Halcyon-Regular !important;
        font-size: 14px !important;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.63;
        letter-spacing: normal;
        color: #193755;
    }


    .eolo-login-img-close-mob{
        width: 69px !important;
    }
}
@media (max-width: 320px){
    .eolo-form-group {
        padding-left:0px;
        padding-right: 0px;
    }
    .no-br{
        display: none;
    }
}

button.close.eolo-position-close {
    background-color: transparent;
}

.eolo-rec-psw-pos{
    padding-left: 15px;
    padding-bottom: 15px;
    text-align: left;
}

.eolo-rec-psw-title{
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    color: #193755;
}

.eolo-rec-psw-subtitle{
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
}

a.eolo-button-login.eolo-area-cliente-title.button-mobile.active.show {
    border: 1px solid #00a0e6;
    border-radius: 16px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #00a0e6;
    color: #ffffff;
}

/* --------------------
  Login end
----------------------- */

/* --------------------
  hero banner installatore partner start
----------------------- */

.background-hero-banner-partner-installatore{
    text-align: center;
    min-height: 255px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.eolo-Scopri-come-ottenere {
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}

.eolo-Diventa-installatore {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #ffffff;
}
@media only screen and (max-width: 768px) {
    .eolo-Diventa-installatore {
        font-family: Halcyon-Regular;
        font-size: 26px !important;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }

    .eolo-Scopri-come-ottenere {
        font-family: Halcyon-Regular;
        font-size: 16px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.44;
        letter-spacing: normal;
        text-align: center;
        color: #ffffff;
    }
}
/* --------------------
  hero banner installatore partner end
----------------------- */

/* --------------------
  hero benefits banner start
----------------------- */
.eolo-benefits
{
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}
.eolo-partner-title{
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}
.eolo-partner-description
{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #656b73;
}

@media(max-width:768px){

    .eolo-benefits
    {
        font-family: Halcyon-Medium;
        font-size: 32px !important;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25;
        letter-spacing: normal;
        text-align: center;
        color: #193755;
    }
}

/* --------------------
  hero benefits banner end
----------------------- */
/* --------------------
  two video banner start
----------------------- */
button.mfp-close:hover {
    background-color: #ffffff !important;
}

.eolo-twosection-title{
    font-family: Halcyon-Medium;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #ffffff;
}
.eolo-twosection-description{
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;
}

@media(max-width:768px){

    .eolo-twosection-title{
        font-family: Halcyon-Medium;
        font-size: 26px !important;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        color: #ffffff;
    }
}

@media(max-width:1500px){
    .mfp-container{
        width:85% !important;
    }
}

@media(max-width:768px){
    .mfp-container{
        width:100% !important;
    }

    .mfp-iframe-scaler iframe{
        left: 0 !important;
        top: -150px !important;
    }

    .mfp-title{
        left:0 !important;
        top: 60px !important;
    }

}

@media(max-width:767px){
    .mfp-iframe-holder .mfp-close{
        left: 100px;
        top: -210px !important;
    }
}
@media(max-width:330px){

    .mfp-iframe-holder .mfp-close{
        left: 60px;
        top: -200px !important;
    }
}

@media(max-width:375px){

    .mfp-title{
        left:0 !important;
        top: 30px !important;
    }
}
@media(min-width:1300px){
    .mfp-iframe-scaler iframe {
        left: -78px !important;
        border-radius: 20px;
    }
}
.mfp-title {
    position:absolute;
    color: #FFF;
    top:0px;
    right:-250px
}
.mfp-iframe-scaler iframe {
    left: -46px;
    border-radius: 20px;
}
.mfp-iframe-holder .mfp-close {
    top: -40px;
    right: -190px;
    color: black;
    background-color: white;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    line-height: 50px;
    text-align: center;
    margin: 0 auto;
    padding: 0;
    line-height: 40px;
    margin-top: 9px;
}
@media(min-width:768px) and (max-width:991px){
    .mfp-iframe-scaler iframe {
        left: 13px;
        border-radius: 20px;
    }
    .mfp-title {
        position: absolute;
        color: #FFF;
        top: 260px !important;
        right: -31px;
    }
    .mfp-iframe-holder .mfp-close {
        top: -260px;
        right: 9px;
        color: black;
        background-color: white;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        line-height: 50px;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        line-height: 40px;
        margin-top: 9px;
    }
}
@media(min-width:992px) and (max-width:1199px){
    .mfp-iframe-scaler iframe {
        left: 0px;
        border-radius: 20px;
        width: 500px;
        height: 390px;
    }
    .mfp-title {
        position: absolute;
        color: #FFF;
        top: 0px;
        right: 90px;
    }
    .mfp-iframe-holder .mfp-close {
        top: -40px;
        right: -28px;
        color: black;
        background-color: white;
        border-radius: 50%;
        width: 30px;
        height: 30px;
        display: inline-flex !important;
        align-items: center;
        justify-content: center;
        margin: 0 auto;
        line-height: 50px;
        text-align: center;
        margin: 0 auto;
        padding: 0;
        line-height: 40px;
        margin-top: 9px;
    }
}

.eolo-overlay-title
{
    font-family: Halcyon-Medium;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #ffffff;
}
.eolo-overlay-description
{
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ffffff;

}
/* --------------------
  two video banner start
----------------------- */

/* --------------------
  accessori carousel start
----------------------- */
@media (max-width: 768px) {
    .eolo-accessori-carousel-title{
        font-family: Halcyon-Medium;
        font-size: 26px !important;
        font-weight: 500;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.19;
        letter-spacing: normal;
        text-align: center;
        color: #193755;
    }
    .owl-carousel-accessori .owl-stage-outer{
        padding-top: 20px;
        padding-left: 0px !important;
        height: 360px !important;
    }

    .eolo-accessori-title-position{
        text-align: left !important;
        padding-left: 30px;
    }

    #customNavAccessori {
        display: none;
    }
}

.eolo-accessori-carousel-title{
    font-family: Halcyon-Medium;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}

.owl-carousel .eolo-accessori-card
{
    width: 254px;
    height: 220px !important;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
    border-radius: 20px;
    padding:20px;
}

.eolo-accessori-card img{
    width: auto !important;
    height: 80px !important;
}


.eolo-accessori-title-position{
    text-align: center;
}
.eolo-accessori-card-title{
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}

.owl-carousel-accessori .owl-stage-outer{
    height: 350px !important;
}

/* --------------------
  accessori carousel end
----------------------- */

/* --------------------
  search bar start
----------------------- */

.eolo-icon-close-search{
    float: right;
    position: absolute;
    font-size: 20px;
    color: #193755 !important;
    z-index: 999;
    right: 108px;
    top: 0px;
    cursor: pointer;
}

.eolo-icon-close-search:hover{
    font-weight: 600;
}




.eolo-bar-search-form{
    position: absolute;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: none;
}
.eolo-bar-search-form input{
    width: 96%;
    margin-left: 0;
    margin-top: 20px;
    border-bottom: 1px solid #aaaaaa !important;
    display: block;
    border: none;
    background-color: transparent;
    text-align: left;
    font-size: 24px;
    color: #000;
    outline: none;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #193755;
    height: auto !important;
    padding-left: 0px;
}

/* webkit solution */
.eolo-inputbar-search::-webkit-input-placeholder { text-align:left; }
/* mozilla solution */
.eolo-inputbar-search:-moz-placeholder { text-align:left; }

/* --------------------
  search bar end
----------------------- */

/* --------------------
  search page result start
----------------------- */
.eolo-search-documenti-card{
    border-radius: 20px;
    box-shadow: 0 0 17px 1px rgba(170, 170, 170, 0.3);
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    padding: 20px;
    width: 80%;
    word-break: break-all;
}
.eolo-search-documenti-title{
    font-family: Halcyon-Medium;
    font-size: 26px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #193755;
}
.eolo-search-documenti>li>a>span{
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
}

.eolo-search-results-title{
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}

.eolo-search-results-subtitle{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #193755;
}

.eolo-search-results-subtitle>strong, .eolo-search-results-subtitle>b{
    font-family: Halcyon-Regular;
    font-weight: 600;
    color: #00a0e6;
}

.eolo-search-results-list-span{
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.36;
    letter-spacing: normal;
    color: #193755;
}

.eolo-search-results-list-p{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
    float: left;
}

.eolo-search-results-icon-position{
    position: absolute;
    left: 0;
    top: 18px;
    font-size: 20px;
    line-height: 18px;
    padding-left: 0px !important;
    text-decoration: none !important;
}

.eolo-search-documenti-icon-position{
    position: absolute;
    left: 0;
    top: 14px;
    font-size: 20px;
    line-height: 18px;
    padding-left: 0px !important;
    text-decoration: none !important;
}

@media(max-width: 768px){
    .eolo-search-results-title{
        font-family: Halcyon-Regular;
        font-size: 32px !important;
        font-weight: normal;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.25 !important;
        letter-spacing: normal;
        color: #193755;
    }

    .eolo-search-documenti-card{
        border-radius: 0px !important;
        box-shadow: 0 0 17px 1px rgba(170, 170, 170, 0.3);
        background-color: #ffffff;
        display: flex;
        flex-direction: column;
        padding: 40px 45px 40px 45px !important;
        width: 100% !important;
    }

    .eolo-search-documenti-nopad{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }
}

.eolo-search-documenti-pagination{
    float: left !important;
}

.eolo-search-documenti-pagination > li > a{
    background-color: #ffffff !important;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656b73;
    border: 0;
}
.eolo-search-documenti-pagination > li > a:focus{
    outline: none;
    border-color: white;
}
.eolo-search-documenti-pagination > .active > a{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00a0e6;
    background-color: #ffffff !important;
}

.eolo-search-documenti-pagination>li>a:hover{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656b73;
    border: 0px !important;
}

.eolo-search-documenti-pagination > .active > a:hover{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00a0e6;
    background-color: #ffffff !important;
}

.eolo-search-results-pagination{
    float: left !important;
}

.eolo-search-results-pagination > li > a{
    background-color: #ffffff !important;
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656b73;
    border: 0;
}
.eolo-search-results-pagination > li > a:focus{
    outline: none;
    border-color: white;
}
.eolo-search-results-pagination > .active > a{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00a0e6;
    background-color: #ffffff !important;
}

.eolo-search-results-pagination>li>a:hover{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #656b73;
    border: 0px !important;
}

.eolo-search-results-pagination > .active > a:hover{
    font-family: Halcyon-Regular;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #00a0e6;
    background-color: #ffffff !important;
}

/* --------------------
  search page result end
----------------------- */

/* --------------------
  verifica copertura begin
----------------------- */



.eolo-ver-cop-ul> li a{
    width: 200px!important;
    padding: 14px 0px 14px 0px!important;
    border-radius: 16px!important;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
    border-left-width: 0px;
    border-right-width: 0px;
    border-top-width: 0px;
    border-bottom-width: 0px;
}
.eolo-ver-cop-ul>li>a:hover
{
    color: #193755;
    background-color: #eee;
}
.eolo-ver-cop-ul>li.active>a, .eolo-ver-cop-ul>li.active>a:hover, .eolo-ver-cop-ul>li.active>a:focus {
    color: #fff;
    background-color: #00a0e6;
    padding: 14px 0px 14px 0px!important;
}

.eolo-nav-link {
    font-family: 'Halcyon-Medium';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #193755;
    display: inline-flex;
    padding: 14px 0px 14px 0px!important;
    text-align: left;
}
.eolo-ver-cop-badge {
    font-family: 'Halcyon-Medium';
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    padding-left: 12px;
    padding-right: 12px;
    color: #193755;
    top: 0px;
    position: absolute;
    text-transform: uppercase;
    background-color: #abdcdf;
    border-radius: 20px
}

@media (min-width: 799px){
    .eolo-ver-cop-button-pos{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: absolute;
        bottom: 25px;
    }

    .eolo-ver-cop-button-mt{
        margin-top:25px;
    }
}

@media (max-width: 799px){
    .eolo-ver-cop-button-pos{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: absolute;
        bottom: 55px !important;
    }

    .eolo-ver-cop-button-mt{
        margin-top:5px !important;
    }
}

@media (max-width: 990px){
    .eolo-ver-cop-button-pos {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        position: absolute;
        bottom: 55px;
    }
}

@media (max-width: 767px) {
    .eolo-ver-cop-ul {
        overflow-x: auto !important;
        display: inline-flex !important;
        width: 100% !important;
        -ms-owerflow-style: none;
        overflow: -moz-scrollbars-none;
        white-space: nowrap !important;
    }
    .eolo-ver-cop-ul::-webkit-scrollbar {
        display: none; }
    .eolo-ver-cop-ul {
        scrollbar-width: none;
    }


    .eolo-no-icon-ver-cop{
        display:none
    }
    .first-nav-tab-ver-cop
    {
        margin-left:5px;
    }
    li a.first-nav-tab-ver-cop {
        width: 85px!important;}
    li a.second{
        width: 125px!important;}
    li a.third {
        width: 105px!important;}
    .eolo-ver-cop-ul {
        scrollbar-width: none;
        padding-top: 10px;
        padding-bottom: 40px;
        justify-content: center;
        align-items: center;

    }


}

@media (max-width: 320px){
    .first-nav-tab-ver-cop {
        margin-left: 30px;
    }
}

.eolo-ver-cop-modal-header {
    border: none!important;
}
.eolo-ver-cop-modal {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /*overflow: hidden;*/
}
.eolo-ver-cop-modal-dialog {
    position: fixed;
    margin: 0;
    padding: 0;
    height: 100%;
    width: 100%;
    max-width:unset;
}
.eolo-ver-cop-modal-header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    border: none;
}
.eolo-ver-cop-modal-content {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border-radius: 0;
    box-shadow: none;
}
.eolo-ver-cop-modal-body {
    position: absolute;
    top: 50px;
    bottom: 0;
    font-size: 15px;
    padding: 0 15px 0;
    width: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.eolo-ver-cop-modal-footer {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 60px;
    padding: 10px;
    background: #f1f3f5;
}


.eolo-card-title-ver-cop {
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
}


.eolo-card-title-ver-cop .eolo-sub-title-ver-cop{
    font-weight: 600;
}








@media(max-width:768px) {
    .eolo-card-title-ver-cop {
        font-size: 32px !important;
        line-height: 1.25 !important;
    }

    .eolo-ver-cop-tabs-margin-left>li+li{
        margin-left: 15px !important;
    }

    .eolo-ver-cop-tabs-margin-left>li>a{
        text-align: center;
    }


    .eolo-ver-cop-card {
        width: 330px !important;
        border-radius: 20px !important;
        background-color: #ffffff;
        height: 394px !important;
    }

    .eolo-ver-cop-card-small {
        width: 330px !important;
        border-radius: 20px !important;
        background-color: #ffffff;
        min-height: 215px;
    }

    .eolo-small-card-m-top{
        margin-top: 0px !important;
    }

    .eolo-ver-cop-titleVerifica{
        font-family:Halcyon-Medium;
        font-size:32px !important;
        line-height:50px;
        color:#193755
    }

    .eolo-ver-cop-modal-header{
        padding-top: 0px !important;
    }
}
.eolo-ver-cop-card {
    max-width: 445px;
    border-radius: 20px;
    background-color: #ffffff;
    height: 460px;
}

.eolo-ver-cop-card-small {
    max-width: 445px;
    border-radius: 20px;
    background-color: #ffffff;
    min-height: 215px;
}

.eolo-ver-cop-tabs-margin-left>li+li{
    margin-left: 30px;
}

.eolo-small-card-m-top{
    margin-top: 30px;
}

.eolo-frequenza-card-ver-cop{
    position: relative;
    width: fit-content;
    bottom: 5px;
    text-align: left;
    font-size: 16px;
    padding-left: 5px;
    color: #656b73;
    font-weight: normal;
    font-family: Halcyon-Regular;
    display: inline-block;
}

@media(max-width: 1200px){
    .eolo-card-price-1200{
        font-size: 42px !important;
    }
    .eolo-frequenza-card-ver-cop{
        position: relative;
        width: fit-content;
        bottom: 0px !important;
        text-align: left;
        font-size: 14px !important;
        padding-left: 5px;
        color: #656b73;
        font-weight: normal;
        font-family: Halcyon-Regular;
        display: inline-block;
    }
}

.eolo-icon-position-ver-cop{
    padding-left:25px;
    padding-right:10px;
}

.eolo-ver-cop-ul>li.active>a>span{
    color: #ffffff;
}

.eolo-ver-cop-titleVerifica{
    font-family:Halcyon-Medium;
    font-size:42px;
    line-height:50px;
    color:#193755
}

@media(max-width: 1500px){
    .eolo-ver-cop-modal-zoomout{
        transform: scale(0.9);
    }
}

/* --------------------
  verifica copertura end
----------------------- */
/* --------------------
   CARRELLO MODAL AND SLIDER
----------------------- */
/*.eolo-cart-banner-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.eolo-cart-banner-overlay p{
    padding: unset;
    width: unset;
}
.eolo-carrello-space {
     display: flex;
     flex-direction: column;
     max-width: 500px;
     padding: 0px 35px 0px 70px;
}
.eolo-carrello-header{
	font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    font-family:Halcyon-Medium;
}
.eolo-carrello-title{
	font-size: 42px;
    line-height: 42px;
    color: #ffffff;
    font-family:Halcyon-Bold;
}
.eolo-carrello-sub-title
{
    font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    font-family:Halcyon-Medium;
    margin-bottom:15px;
}
.eolo-carrello-price
{
    font-size: 42px;
    line-height: 35px;
    letter-spacing: -2px;
    color: #ffffff;
    font-family:Halcyon-Bold;
    margin: -15px 0px 30px 0px;
}

.eolo-carrello-price span{
	font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    font-family:Halcyon-Medium;
    letter-spacing: 0px;
}

.carrello-link, .carrello-link:hover{
	color:#ffffff;
	background:#ff8a00;
	width:fit-content;
	height:50px;
	border-radius:10px;
	font-family:Halcyon-Medium;
	font-size: 18px;
	line-height: 25px;
    padding: 10px 35px;
    display: flex;
}
.carrello-header-border
{
	width:25px;
	height:4px;
	border-radius:4px;
	background:#00a0e6;
	margin: 10px 0px 25px 0px;
}

#PR2020_Cart .modal-dialog {
	width: 100%;
  	height: 100%;
  	padding: 0;
  	margin: 0px;
  	border: 0px;
}
#PR2020_Cart .modal-body {
	padding:0px;
	height:100%;
}

#PR2020_Cart .modal-content {
  	height: 100%;
  	border-radius: 0;
  	border: 0px;
}
#PR2020_Cart .cart-close{
  	position: fixed;
    width: 109px;
    height: 109px;
    cursor: pointer;
    z-index: 10;
}
#PR2020_Cart input{
    width: 233px;
    height: 48px;
    background: #ffffff;
    border-radius: 6px;
    border: solid 1px #b3b3b3;
}
#PR2020_Cart form button{
    height: 48px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFFFFF;
    background: #ff8a00;
    width:160px;
    margin:0px;
    font-family: Halcyon-Medium;
}
#PR2020_Cart .separator-field{
  	padding-bottom: 25px !important;
    margin-bottom: 25px;
    border-bottom: 1px solid #ECECED;
}

#owl-carousel-carrello  .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    transform: rotate(90deg)!important;
    position: absolute!important;
    top: 150px!important;
    left: -81px!important;
}
#owl-carousel-carrello .owl-stage-outer {
    height: 340px !important;
    width: 380px!important;
}
#owl-carousel-carrello .owl-item {
    min-height: 1px;
    float: left;
    width: 340px!important;
    height: 330px!important;
    margin: 0px 30px!important;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    background: transparent!important;
    transform: rotate(270deg);
}
.no-js #owl-carousel-carrello, #owl-carousel-carrello.owl-loaded {
    display: block;
    width: 420px!important;
    height: 420px;
    overflow: hidden;
    transform: rotate(90deg);
}
#owl-carousel-carrello .item
{
	background: transparent!important;
}

 #owl-carousel-carrello .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    width: 30px!important;
    height: 30px!important;
}
 #owl-carousel-carrello .owl-nav {
    justify-content: space-between;
    position: absolute;
    width: 100%;
    left: 190px;
    transform: rotate(90deg);
    bottom: 100px;
}
#owl-carousel-carrello.owl-theme .owl-nav.disabled {
	display: none;
}
#owl-carousel-carrello .owl-nav button {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 31px;
    height: 31px;
    background-color: #fff;
}
#owl-carousel-carrello .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    border: none;
    background-color: transparent!important;
    transform: rotate(90deg)!important;
}

#owl-carousel-carrello.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: calc(100% - 25px);
    left: 150px!important;
}
#owl-carousel-carrello.owl-theme .owl-nav.disabled + .owl-dots {
    display: none;
}

#owl-carousel-carrello.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    background-color: transparent;
    border: none;
    width: 30px;
    height: 30px;
}
#owl-carousel-carrello.owl-theme .owl-dots .owl-dot.active span, #owl-carousel-carrello.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
    width: 15px;
    height: 15px;
}
#owl-carousel-carrello.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
#owl-carousel-carrello .owl-prev {
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
    position: relative;
    left: 60px!important;
    width: 31px;
    height: 31px;
}
#owl-carousel-carrello .owl-prev {
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
    position: relative;
    left: 40px!important;
    width: 31px;
    height: 31px;
}
#owl-carousel-carrello .owl-next {
    left: -50px;
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
    position: relative;
    width: 31px;
    height: 31px;
}*/
.eolo-cart-banner-overlay{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
}

.eolo-cart-banner-overlay p{
    padding: unset;
    width: unset;
}
.eolo-carrello-space {
    display: flex;
    flex-direction: column;
    max-width: 500px;
    padding: 0px 35px 0px 70px;
}
.eolo-carrello-header{
    font-size: 18px;
    line-height: 24px;
    color: #ffffff;
    font-family:Halcyon-Medium;
}
.eolo-carrello-title{
    font-size: 42px;
    line-height: 42px;
    color: #ffffff;
    font-family:Halcyon-Bold;
}
.eolo-carrello-sub-title
{
    font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    font-family:Halcyon-Medium;
    margin-bottom:15px;
}
.eolo-carrello-price
{
    font-size: 42px;
    line-height: 60px;
    letter-spacing: -2px;
    color: #ffffff;
    font-family:Halcyon-Bold;
    margin: -15px 0px 0px 0px;
}

.eolo-carrello-price span{
    font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    font-family:Halcyon-Medium;
    letter-spacing: 0px;
}

.carrello-link, .carrello-link:hover{
    color:#ffffff;
    background:#ff8a00;
    width:fit-content;
    height:50px;
    border-radius:10px;
    font-family:Halcyon-Medium;
    font-size: 18px;
    line-height: 25px;
    padding: 10px 35px;
    display: flex;
}
.carrello-header-border
{
    width:25px;
    height:4px;
    border-radius:4px;
    background:#00a0e6;
    margin: 10px 0px 25px 0px;
}

#PR2020_Cart .modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0px;
    border: 0px;
    max-width:unset;
}
#PR2020_Cart .modal-body {
    padding:0px;
    height:100%;
}

#PR2020_Cart .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0px;
}
#PR2020_Cart .cart-close{
    position: fixed;
    width: 109px;
    height: 109px;
    cursor: pointer;
    z-index: 10;
}
#PR2020_Cart input{
    width: 233px;
    height: 48px;
    background: #ffffff;
    border-radius: 6px;
    border: solid 1px #b3b3b3;
}
#PR2020_Cart form button{
    height: 48px;
    border-radius: 10px;
    font-size: 18px;
    color: #FFFFFF;
    background: #ff8a00;
    width:160px;
    margin:0px;
    font-family: Halcyon-Medium;
}
#PR2020_Cart .separator-field{
    padding-bottom: 25px !important;
    margin-bottom: 25px;
    border-bottom: 1px solid #ECECED;
}

#owl-carousel-carrello  .owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    transform: rotate(90deg)!important;
    position: absolute!important;
    top: 150px!important;
    left: -81px!important;
}
#owl-carousel-carrello .owl-stage-outer {
    height: 360px!important;
    width: 420px!important;
}
#owl-carousel-carrello .owl-item {
    min-height: 1px;
    float: left;
    width: 360px!important;
    height: 360px!important;
    margin: 0px 30px!important;
    -webkit-backface-visibility: hidden;
    -webkit-touch-callout: none;
    background: transparent!important;
    transform: rotate(270deg);
    align-items: center;
    display: flex;
}
.no-js #owl-carousel-carrello, #owl-carousel-carrello.owl-loaded {
    display: block;
    width: 460px!important;
    height: 445px;
    overflow: hidden;
    transform: rotate(90deg);
}
#owl-carousel-carrello .item
{
    background: transparent!important;
}

#owl-carousel-carrello .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    width: 30px!important;
    height: 30px!important;
}
#owl-carousel-carrello .owl-nav {
    justify-content: space-between;
    position: absolute;
    width: 100%;
    left: 190px;
    transform: rotate(90deg);
    bottom: 100px;
}
#owl-carousel-carrello.owl-theme .owl-nav.disabled {
    display: none;
}
#owl-carousel-carrello .owl-nav button {
    background: 0 0;
    color: inherit;
    border: none;
    padding: 0!important;
    font: inherit;
    width: 31px;
    height: 31px;
    background-color: #fff;
}
#owl-carousel-carrello .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    border: none;
    background-color: transparent!important;
    transform: rotate(90deg)!important;
}

#owl-carousel-carrello.owl-theme .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    position: absolute;
    top: calc(100% - 35px);
    left: 150px!important;
}
#owl-carousel-carrello.owl-theme .owl-nav.disabled + .owl-dots {
    display: none;
}

#owl-carousel-carrello.owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    background-color: transparent;
    border: none;
    width: 30px;
    height: 30px;
}
#owl-carousel-carrello.owl-theme .owl-dots .owl-dot.active span, #owl-carousel-carrello.owl-theme .owl-dots .owl-dot:hover span {
    background: #ffffff;
    width: 15px;
    height: 15px;
}
#owl-carousel-carrello.owl-theme .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: #D6D6D6;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px;
}
#owl-carousel-carrello .owl-prev {
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
    position: relative;
    left: 60px!important;
    width: 31px;
    height: 31px;
}
#owl-carousel-carrello .owl-prev {
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
    position: relative;
    left: 40px!important;
    width: 31px;
    height: 31px;
}
#owl-carousel-carrello .owl-next {
    left: -50px;
    box-shadow: 0 0 33px 0 rgba(26, 41, 57, 0.2);
    position: relative;
    width: 31px;
    height: 31px;
}
/* -----------------------------
   CARRELLO MODAL AND SLIDER end
-------------------------------- */

/* -----------------------------
   Campus altre sedi -  begin
-------------------------------- */
.pick-center-card {
    width: 555px;
    background-color: #ffffff;
    margin-top: 20px;
}
.eolo-altre-sedi-title {
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}

@media (max-width: 992px) {
    .eolo-altre-sedi-radius{
        border-radius:20px 20px 20px 20px !important;

    }
    .eolo-altre-sedi-center{
        margin-right: unset!important;
        justify-content: center;
        display: flex;
    }

    .eolo-altre-sedi-radius-img{
        border-radius:0px 0px 20px 20px !important;

    }

}

/* -----------------------------
    Campus altre sedi - end
-------------------------------- */


/* -----------------------------
   ASSISTENZA BANNER begin
-------------------------------- */
.eolo-a-gp {
    font-family: 'Halcyon-Medium';
    font-size: 18px;
    color: #193755;
    line-height: 26px;
    font-weight: 500;
}



/* -----------------------------
   ASSISTENZA BANNER end
-------------------------------- */

/* -----------------------------
   ASSISTENZA begin
-------------------------------- */

.eolo-assistenza-space{height:142px}
.eolo-to-scroll {
    position: absolute;
    top: 132px;
    left: 0px;
    right: 0px;
    bottom: 0px;
}

@media(max-width:769px){
    .eolo-to-scroll {
        /*position: fixed !important;*/
        top: 132px;
        left: 0px;
        right: 0px;
        bottom: 0px;
    }
}

#eolo-go-to-step1,
#eolo-go-to-step-1 #eolo-go-to-step2,
#eolo-go-to-step3,
#eolo-return-to-step2,
#eolo-non-cliente-categorie-m-2,
#eolo-return-to-step2-1,
#eolo-return-to-step2-2,
#eolo-return-to-step2-3,
#eolo-return-to-step2-4,
#eolo-return-to-step2-5,
#eolo-return-to-step2-6,
#eolo-return-to-step2-m,
#eolo-return-to-step2-m-1,
#eolo-return-to-step2-m-2,
#eolo-return-to-step2-m-3,
#eolo-return-to-step2-m-4,
#eolo-return-to-step2-m-5,
#eolo-return-to-step2-m-6,
#eolo-non-cliente-categorie,
#eolo-non-cliente-categorie-1,
#eolo-non-cliente-categorie-2,
#eolo-non-cliente-categorie-3,
#eolo-non-cliente-categorie-4,
#eolo-return-to-non-cliente,
#eolo-return-to-non-cliente-1,
#eolo-return-to-non-cliente-2,
#eolo-return-to-non-cliente-3,
#eolo-return-to-non-cliente-4,
#eolo-return-to-non-cliente-m,
#eolo-non-cliente-categorie-m-2
#eolo-return-to-non-cliente-m-1,
#eolo-return-to-non-cliente-m-2,
#eolo-return-to-non-cliente-m-3,
#eolo-return-to-non-cliente-m-4,
.eolo-esplora-le-categorie-1,
.eolo-esplora-le-categorie-2,
.eolo-esplora-le-categorie-3,
.eolo-esplora-le-categorie-4{
    font-family: "Halcyon-Medium";
    font-weight: 500;
    font-size: 18px;
    color: #193755
}
#eolo-return-to-step2,
#eolo-return-to-step2-1,
#eolo-return-to-step2-2,
#eolo-return-to-step2-3,
#eolo-return-to-step2-4,
#eolo-return-to-step2-5,
#eolo-return-to-step2-6,
#eolo-return-to-step2-m,
#eolo-return-to-step2-m-1,
#eolo-return-to-step2-m-2,
#eolo-return-to-step2-m-3,
#eolo-return-to-step2-m-4,
#eolo-return-to-step2-m-5,
#eolo-return-to-step2-m-6,
#eolo-return-to-non-cliente,
#eolo-return-to-non-cliente-1,
#eolo-return-to-non-cliente-2,
#eolo-return-to-non-cliente-3,
#eolo-return-to-non-cliente-4,
#eolo-return-to-non-cliente-m,
#eolo-return-to-non-cliente-m-1,
#eolo-return-to-non-cliente-m-2,
#eolo-return-to-non-cliente-m-3,
#eolo-return-to-non-cliente-m-4
{display:none}


/* Sidebar Styles */


.eolo-mt55 {
    margin-top: 55px
}



.eolo-assistenza-banner-overlay {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    height: 100%;
    width: 100%;
    display: block;
}
.eolo-tittle {
    color: #193755;
    line-height: 24px;
    font-size: 18px;
    font-family: 'Halcyon-Medium'
}
.eolo-assistenza-nav-tabs > li > a {
    border-radius: 10px;
    margin-right: 0;
}

.eolo-assistenza-nav-tabs>li>a:hover {
    color: #193755;
    font-weight: 500
}
.eolo-assistenza-nav-tabs>li.active>a,
.eolo-assistenza-nav-tabs>li.active>a:hover,
.eolo-assistenza-nav-tabs>li.active>a:focus {
    color: #fff;
    background-color: #00a0e6;
    border-bottom-color: transparent;
    cursor: default;
    font-weight: 500;
    border: 0;
}
.eolo-bradcrumb-item {
    font-family: 'Halcyon-Medium';
    font-size: 18px;
    color: #193755
}
.eolo-assistenza-breadcrumb>.active {
    color: #193755
}
.eolo-assistenza-breadcrumb {
    background-color: #f2f2f2;
}
.eolo-button-assistenza {
    background-color: #fff;
    width: 258px;
    height: 68px
}
.eolo-button-assistenza-step2 {
    background-color: #fff;
}
.eolo-button-assistenza,
.eolo-button-assistenza-step2,
.eolo-button-assistenza-step3,
.eolo-button-assistenza-step4 {
    background-color: #fff;
    width: 272px;
    height: 71px
}
.eolo-torna-alla-guida-title {
    font-family: "Halcyon-Medium";
    font-weight: 600;
    font-size: 26px;
    line-height: 34px;
    color: #193755
}
.eolo-items {
    font-family: "Halcyon-Medium";
    font-weight: 500;
    font-size: 18px;
    line-height: 36px;
    color: #193755;
    list-style-type: none
}
.eolo-documenti-utili {
    font-family: "Halcyon-Medium";
    font-weight: 600;
    font-size: 26px;
    line-height: 32px;
    color: #193755
}
.eolo-cercando-informazioni {
    font-family: 'Halcyon-Bold';
    font-size: 42px;
    color: #193755;
    font-weight: 900
}
.eolo-step-1 {
    display: inline-block!important;
    /*margin-left: 42px;*/
}
.eolo-step-2 {
    display: inline-block!important;
    /*margin-left: 42px;*/
}
.eolo-step-3 {
    display: inline-block!important;
    /*margin-left: 42px;*/
}
.eolo-assistenza-nav-tabs> .active > a > span {
    color: #ffffff;
    font-weight: 600;
}

.eolo-assistenza-nav-tabs> .active > a > span.eolo-assistenza-icon {
    color: #ffffff;
    font-weight: 500;
}

#eolo-go-to-step1,
#eolo-go-to-step-1 #eolo-go-to-step2,
#eolo-go-to-step3 {
    font-family: "Halcyon-Medium";
    font-weight: 500;
    font-size: 18px;
    color: #193755
}
.eolo-button-assistenza {
    display: inline-flex;
}
.eolo-benvenuto {
    font-family: 'Halcyon-Medium';
    font-size: 18px;
    color: #193755;
    font-weight: 500;
    -webkit-animation: fadeout 4s;
    -moz-animation: fadeout 4s;
    -ms-animation: fadeout 4s;
    -o-animation: fadeout 4s;
    animation: fadeout 4s;
}
.eolo-mt70 {
    margin-top: 70px
}
.eolo-sei-cliente {
    font-family: 'Halcyon-Bold';
    font-size: 42px;
    color: #193755;
    font-weight: 900
}
.eolo-pt25 {
    padding-top: 25px;
}
.eolo-mt-6 {
    margin-top: -6px
}
.eolo-ml30 {
    margin-left: 30px;
}

.eolo-pt193 {
    padding-top: 140px;
}
.eolo-avanti-btn {
    width: 190px;
    padding: 12px 0px 12px 0px;
}
.eolo-mt10 {
    margin-top: 10px
}
.eolo-ml150 {
    margin-left: 150px;
}
.eolo-pt40 {
    padding-top: 40px;
}
.eolo-pt45 {
    padding-top: 45px;
}
.eolo-pt30 {
    padding-top: 10px;
}
.eolo-esplora-le-categorie {
    font-family: 'Halcyon-Medium';
    font-size: 18px;
    color: #193755;
    font-weight: 500
}
.eolo-argumenti {
    font-family: 'Halcyon-Bold';
    font-size: 42px;
    color: #193755;
    font-weight: 900;
    line-height: 50px;
}
.eolo-mt0 {
    margin-top: 0px;
}
.eolo-mt95 {
    margin-left: 95px
}
.eolo-pb20 {
    padding-bottom: 20px
}
.eolo-lh36 {
    line-height: 36px;
}
.eolo-torna {
    font-family: 'Halcyon-Medium';
    font-size: 18px;
    color: #193755;
    font-weight: 500;
}
.eolo-chiama {
    font-family: 'Halcyon-Medium';
    font-weight: 500;
    font-size: 22px;
    line-height: 22px;
    color: #193755
}
.eolo-re-padding
{
    font-family: 'Halcyon-Regular';
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    padding-left:20px;
    font-weight: 500;
    color: #193755;
}
.eolo-re-assistamministrative{
    font-family: 'Halcyon-Bold';
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #00a0e6;
}
.eolo-re-assist-tec{
    font-family: 'Halcyon-Bold';
    font-size: 12px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #00a0e6;
}

.eolo-re-orari
{
    font-family: 'Halcyon-Medium';
    font-size: 12px;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.33;
    letter-spacing: normal;
    color: #193755;
}
.eolo-numero {
    font-family: 'Halcyon-Medium';
    font-weight: 600;
    font-size: 32px;
    line-height: 22px;
    color: #00a0e6
}
.eolo-numero a.eolo-change-all {
    font-family: 'Halcyon-Bold';
    font-size: 32px;
    font-weight: bold;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.69;
    letter-spacing: normal;
    color: #40b25b;
}
.eolo-end-button {
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    padding: 15px 60px 15px 60px;
    border-radius: 16px;
    font-family: 'Halcyon-Medium';
    font-weight: 600;
    font-size: 16px;
    line-height: 22px;
    color: #ff8a00
}
.eolo-end-button-1 {
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    padding: 15px 60px 15px 60px;
    border-radius: 16px;
    font-family: 'Halcyon-Medium';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;

    color: #40b25b;
}
.eolo-end-button-1:hover{
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    padding: 15px 60px 15px 60px;
    border-radius: 16px;
    font-family: 'Halcyon-Medium';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;

    color: #40b25b;
}
.eolo-esplora-mobile {
    display: none
}
.eolo-ml15 {
    margin-left: 15px
}
.eolo-ml20 {
    margin-left: 20px
}
.eolo-items li a {
    color: #193755
}
.eolo-pl20 {
    padding-left: 20px
}
.eolo-pt20 {
    padding-top: 20px
}
.eolo-mt90 {
    margin-top: 70px
}
.eolo-mt180 {
    margin-top: 180px
}
.eolo-lh21 {
    line-height: 21px
}
.eolo-items-mobile {
    display: none
}


@media (max-width: 375px) {
    li#eolo-assistenza-tab1 {
        background-color: #fff!important;
        border-radius: 10px!important;
        width: 145px!important;
        text-align: center;
    }
    li#eolo-assistenza-tab {
        background-color: #fff!important;
        border-radius: 10px!important;
        width: 144px!important;
        text-align: center!important;
    }
    .eolo-xs-ml0 {
        margin-left: 0px!important;
    }
    .eolo-chiama-mobile {
        display: none;
    }
    .eolo-torna {
        margin-left: 7px!important;
    }
    .eolo-items {
        margin-left: -20px!important;
        line-height: 45px!important
    }
    .eolo-item-li {
        font-family: 'Halcyon-Medium';
        font-size: 17px!important;
        color: #193755;
        font-weight: 600;
    }
    #eolo-go-to-step1,
    #eolo-go-to-step-1 #eolo-go-to-step2,
    #eolo-go-to-step3,
    #eolo-return-to-step2,
    #eolo-non-cliente-categorie-m-2,
    #eolo-return-to-step2-1,
    #eolo-return-to-step2-2,
    #eolo-return-to-step2-3,
    #eolo-return-to-step2-4,
    #eolo-return-to-step2-5,
    #eolo-return-to-step2-6,
    #eolo-return-to-step2-m,
    #eolo-return-to-step2-m-1,
    #eolo-return-to-step2-m-2,
    #eolo-return-to-step2-m-3,
    #eolo-return-to-step2-m-4,
    #eolo-return-to-step2-m-5,
    #eolo-return-to-step2-m-6,
    #eolo-non-cliente-categorie,
    #eolo-non-cliente-categorie-1,
    #eolo-non-cliente-categorie-2,
    #eolo-non-cliente-categorie-3,
    #eolo-non-cliente-categorie-4,
    #eolo-return-to-non-cliente,
    #eolo-return-to-non-cliente-1,
    #eolo-return-to-non-cliente-2,
    #eolo-return-to-non-cliente-3,
    #eolo-return-to-non-cliente-4,
    #eolo-return-to-non-cliente-m,
    #eolo-non-cliente-categorie-m-2
    #eolo-return-to-non-cliente-m-1,
    #eolo-return-to-non-cliente-m-2,
    #eolo-return-to-non-cliente-m-3,
    #eolo-return-to-non-cliente-m-4,
    .eolo-esplora-le-categorie-1,
    .eolo-esplora-le-categorie-2,
    .eolo-esplora-le-categorie-3,
    .eolo-esplora-le-categorie-4{
        font-family: "Halcyon-Medium";
        font-weight: 500;
        font-size: 18px;
        color: #193755
    }
    .eolo-m-pt20 {
        padding-top: 0px!important;
    }
}
@media (max-width: 767px) {

    .eolo-to-scroll{
        top:114px;
    }
    .eolo-custom-space{    height: 1210px!important;}
    .eolo-custom-space-1{    height: 1118px!important;}
    .eolo-step-1, .eolo-abbonamento-step-c {
        margin-left: 17px!important;
        padding-top: 15px;
    }

    .eolo-torna {
        margin-left: 7px!important;
    }

    .eolo-sei-cliente {
        font-family: 'Halcyon-Bold';
        font-size: 32px;
        color: #193755;
        line-height: 40px;
        font-weight: 900;
        padding: 0px 12px 0px 12px;
    }

    .eolo-assistenza-icon {
        display: none
    }
    .eolo-button-assistenza,
    .eolo-button-assistenza-step2,
    .eolo-button-assistenza-step3,
    .eolo-button-assistenza-step4 {
        width: 160px;
        padding: 7px 0px 7px 0px!important
    }

    .eolo-cercando-informazioni,
    .eolo-argumenti {
        font-family: "Halcyon-Bold";
        font-size: 22px!important;
        line-height: 10px!important;
        color: #193755;
        font-weight: 600
    }
    .eolo-benvenuto {
        font-family: 'Halcyon-Medium';
        font-size: 18px;
        color: #193755;
        font-weight: 500
    }
    .eolo-step-1 {
        margin-left: 0px!important;
        margin-top: -25px;
    }
    .eolo-step-2 {
        margin-left: 0px!important;
        padding-top: 0px!important;
    }
    .eolo-ml10 {
        margin-left: 0px!important;
    }
    .eolo-ml0 {
        margin-left: 0px!important;
    }
    .eolo-mt0 {
        margin-top: 0px!important;
    }
    .eolo-mt10 {
        margin-top: 0px!important;
    }
    .eolo-esplora-mobile.col-xs-12 {
        margin-top: 0px!important;
    }
    .eolo-m-inst {
        margin-left: 0px!important;
        margin-right: 0px!important
    }
    .eolo-esplora-desktop {
        display: none
    }
    .eolo-esplora-le-categorie-m,
    .eolo-esplora-le-categorie-m-1,
    .eolo-esplora-le-categorie-m-2,
    .eolo-esplora-le-categorie-m-4,.eolo-esplora-le-categorie-1{
        font-family: 'Halcyon-Medium';
        font-size: 14px;
        color: #193755;
        font-weight: 600
    }
    .eolo-esplora-mobile {
        display: inline
    }
    .eolo-pt38 {
        padding-top: 38px
    }
    li#eolo-assistenza-tab {
        background-color: #fff!important;
        border-radius: 10px!important;
        width: 300px !important;
        text-align: center;
    }
    li#eolo-assistenza-tab1 {
        background-color: #fff!important;
        border-radius: 10px!important;
        width: 300px !important;
        text-align: center;
    }
    .eolo-assistenza-nav-tabs>li#eolo-assistenza-tab.active>a,
    .eolo-assistenza-nav-tabs>li#eolo-assistenza-tab.active>a:hover,
    .eolo-assistenza-nav-tabs>li#eolo-assistenza-tab.active>a:focus {
        color: #fff!important;
        background-color: #00a0e6!important;
        border: 1px solid #00a0e6!important;
        border-bottom-color: transparent;
        cursor: default;
        font-weight: 500
    }
    .eolo-button-assistenza,
    .eolo-button-assistenza-step2,
    .eolo-button-assistenza-step3,
    .eolo-button-assistenza-step4 {
        display: contents!important;
    }
    .eolo-m-mt55 {
        margin-top: 55px!important
    }
    .eolo-m-pt10 {
        padding-top: 10px!important
    }
    .eolo-m-pt176 {
        padding-top: 130px!important
    }
    .eolo-m-ml10 {
        margin-left: 0;
    }
    .eolo-m-pt20 {
        padding-top: 0px!important
    }
    .eolo-cercando-informazioni {
        font-family: "Halcyon-Bold";
        font-size: 26px;
        line-height: 32px;
        color: #193755;
        font-weight: 600
    }
    .eolo-argumenti {
        font-family: "Halcyon-Bold";
        font-size: 40px;
        line-height: 32px;
        color: #193755;
        font-weight: 600;
    }
    .eolo-m-ml6 {
        margin-left: 6px!important
    }
    .eolo-m-plr {
        padding: 0px 4px 0px 3px!important
    }
    .eolo-items {
        text-align: center;
        margin-left: -45px;
    }
    li#eolo-assistenza-tab.active,
    li#eolo-assistenza-tab1.active {
        color: #fff!important;
        background-color: #00a0e6!important;
        border-bottom-color: transparent;
        cursor: default;
        font-weight: 500;
    }
    .eolo-m-ml0 {
        margin-left: 0px!important
    }
    .eolo-m-mt10 {
        margin-top: 10px!important
    }
    .eolo-m-mt65 {
        margin-top: -15px!important
    }
    .eolo-m-mt166 {
        margin-top: 166px!important
    }
    .eolo-m-lh25 {
        line-height: 25px!important
    }
    .eolo-mob-space{
        margin-top: -10px!important
    }
    .eolo-m-mt63 {
        margin-top: 23px!important
    }
    .eolo-avanti-btn {
        width: 190px;
        padding: 8px 0px 9px 0px;
    }
    .eolo-m-mb45 {
        margin-bottom: 45px!important
    }
    .eolo-items-desktop {
        display: none
    }
    .eolo-items-mobile {
        display: block
    }
    .eolo-documenti-utili {
        font-family: 'Halcyon-Medium';
        font-size: 26px;
        color: #193755;
        font-weight: 600
    }
    .eolo-item-li {
        font-family: 'Halcyon-Medium';
        font-size: 18px;
        color: #193755;
        font-weight: 600
    }
    .eolo-chiama-mobile {
        display: none;
    }
    .eolo-step-3 {
        margin-left: 0px!important;
        margin-top: -33px;

    }
    .eolo-button-assistenza-mob {
        display: flex !important;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .eolo-button-assistenza-mtop-mob {
        margin-top: 15px !important;
    }
    .eolo-assistenza-tag-a-mob {
        display: block !important;
        width: 100% !important;
        height: 42px !important;
    }
    .eolo-assistenza-no-mb {
        margin-top: 0px!important;
        margin-bottom: 0px;
        margin-left: 0px!important;
        padding-bottom: 20px !important;
        padding-top: 20px !important;
    }
    .eolo-assistenza-mt-10-mob {
        margin-top: 25px !important;
    }
    .eolo-ml30 {
        margin-left: 0 !important;
    }

    #eolo-go-to-step1,
    #eolo-go-to-step-1 #eolo-go-to-step2,
    #eolo-go-to-step3,
    #eolo-return-to-step2,
    #eolo-non-cliente-categorie-m-2,
    #eolo-return-to-step2-1,
    #eolo-return-to-step2-2,
    #eolo-return-to-step2-3,
    #eolo-return-to-step2-4,
    #eolo-return-to-step2-5,
    #eolo-return-to-step2-6,
    #eolo-return-to-step2-m,
    #eolo-return-to-step2-m-1,
    #eolo-return-to-step2-m-2,
    #eolo-return-to-step2-m-3,
    #eolo-return-to-step2-m-4,
    #eolo-return-to-step2-m-5,
    #eolo-return-to-step2-m-6,
    #eolo-non-cliente-categorie,
    #eolo-non-cliente-categorie-1,
    #eolo-non-cliente-categorie-2,
    #eolo-non-cliente-categorie-3,
    #eolo-non-cliente-categorie-4,
    #eolo-return-to-non-cliente,
    #eolo-return-to-non-cliente-1,
    #eolo-return-to-non-cliente-2,
    #eolo-return-to-non-cliente-3,
    #eolo-return-to-non-cliente-4,
    #eolo-return-to-non-cliente-m,
    #eolo-non-cliente-categorie-m-2
    #eolo-return-to-non-cliente-m-1,
    #eolo-return-to-non-cliente-m-2,
    #eolo-return-to-non-cliente-m-3,
    #eolo-return-to-non-cliente-m-4,
    .eolo-esplora-le-categorie-1,
    .eolo-esplora-le-categorie-2,
    .eolo-esplora-le-categorie-3,
    .eolo-esplora-le-categorie-4{
        font-family: "Halcyon-Medium";
        font-weight: 500;
        font-size: 18px;
        color: #193755
    }
    .eolo-m-mt15{margin-top: 23px!important;}
    .eolo-custom-space{    height: 990px;}
}


@media(min-width:768px) and (max-width:991px) {
    .eolo-custom-space{    height: 0px!important;}
    .eolo-chiama-mobile {
        display: none;
    }
    li#eolo-assistenza-tab.active, li#eolo-assistenza-tab1.active {
        color: #fff!important;
        background-color: #00a0e6!important;
        border: none!important;
        border-bottom-color: transparent;
        cursor: default;
        font-weight: 500;
        border-radius: 10px;
    }
    .eolo-step-2 {
        display: inline-block!important;
        /* margin-left: 42px;*/
    }

    .eolo-assistenza-nav-tabs>li.active>a,
    .eolo-assistenza-nav-tabs>li.active>a:hover,
    .eolo-assistenza-nav-tabs>li.active>a:focus {
        border: none!important;
    }
    .eolo-button-assistenza,
    .eolo-button-assistenza-step2,
    .eolo-button-assistenza-step3,
    .eolo-button-assistenza-step4 {
        background-color: #fff;
        width: 240px;
    }
    .eolo-sm-ml0 {
        margin-left: 0px!important
    }
    .eolo-sm-ml30 {
        margin-left: 12px!important
    }
    .eolo-sm-mt10 {
        margin-top: 10px!important
    }
    .eolo-sm-mt0 {
        margin-top: 0px!important
    }
    .eolo-sm-ml150 {
        margin-left: 150px!important
    }
    #eolo-non-cliente-rete-e-connesione {
        text-align: left;
    }
    .eolo-call-icon {
        width: 40px!important;
        height: 40px!important;
    }
    .eolo-chiama {
        font-family: 'Halcyon-Medium';
        font-weight: 500;
        font-size: 16px!important;
        line-height: 22px;
        color: #193755;
    }
    .eolo-numero {
        font-family: 'Halcyon-Medium';
        font-weight: 600;
        font-size: 26px!important;
        line-height: 22px;
        color: #00a0e6;
        margin-top: -4px;
    }
    .eolo-end-button {
        box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
        padding: 14px 20px 15px 20px!important;
        border-radius: 16px;
        font-family: 'Halcyon-Medium';
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: #ff8a00;
    }
    .eolo-end-button-1 {
        box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
        padding: 14px 20px 15px 20px!important;
        border-radius: 16px;
        font-family: 'Halcyon-Medium';
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;

        color: #40b25b;
    }
    .eolo-end-button-1:hover{
        box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
        padding: 14px 20px 15px 60px!important;
        border-radius: 16px;
        font-family: 'Halcyon-Medium';
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;

        color: #40b25b;
    }



    #eolo-go-to-step1,
    #eolo-go-to-step-1 #eolo-go-to-step2,
    #eolo-go-to-step3,
    #eolo-return-to-step2,
    #eolo-non-cliente-categorie-m-2,
    #eolo-return-to-step2-1,
    #eolo-return-to-step2-2,
    #eolo-return-to-step2-3,
    #eolo-return-to-step2-4,
    #eolo-return-to-step2-5,
    #eolo-return-to-step2-6,
    #eolo-return-to-step2-m,
    #eolo-return-to-step2-m-1,
    #eolo-return-to-step2-m-2,
    #eolo-return-to-step2-m-3,
    #eolo-return-to-step2-m-4,
    #eolo-return-to-step2-m-5,
    #eolo-return-to-step2-m-6,
    #eolo-non-cliente-categorie,
    #eolo-non-cliente-categorie-1,
    #eolo-non-cliente-categorie-2,
    #eolo-non-cliente-categorie-3,
    #eolo-non-cliente-categorie-4,
    #eolo-return-to-non-cliente,
    #eolo-return-to-non-cliente-1,
    #eolo-return-to-non-cliente-2,
    #eolo-return-to-non-cliente-3,
    #eolo-return-to-non-cliente-4,
    #eolo-return-to-non-cliente-m,
    #eolo-non-cliente-categorie-m-2
    #eolo-return-to-non-cliente-m-1,
    #eolo-return-to-non-cliente-m-2,
    #eolo-return-to-non-cliente-m-3,
    #eolo-return-to-non-cliente-m-4,
    .eolo-esplora-le-categorie-1,
    .eolo-esplora-le-categorie-2,
    .eolo-esplora-le-categorie-3,
    .eolo-esplora-le-categorie-4{
        font-family: "Halcyon-Medium";
        font-weight: 500;
        font-size: 18px;
        color: #193755
    }
    .eolo-pt30 {
        padding-top: 18px!important
    }
}
@media(min-width:992px) and (max-width:1199px) {

    .eolo-sm-ml150 {
        margin-left: 150px!important;
    }
    #eolo-rete-e-connessione,
    #eolo-informazione-installazione,
    #eolo-gestione-profilo,
    #eolo-offerta-e-servizi,
    #eolo-condizioni-contrattuali,
    #eolo-documento-utili,
    #eolo-non-cliente-rete-e-connesione {
        text-align: left
    }
    li#eolo-assistenza-tab,
    li#eolo-assistenza-tab1 {
        background-color: white;
        border-radius: 10px;
    }
    .eolo-md-ml14 {
        margin-left: 14px!important;
    }
    .eolo-button-assistenza-step2,
    .eolo-button-assistenza-step3,
    .eolo-button-assistenza-step4 {
        width: 272px!important;
        height: 71px!important;
        background-color: #fff;
    }
    .eolo-button-assistenza {
        width: 255px!important;
        height: 68px!important;
        background-color: #fff;
    }
    .eolo-lh22 {
        line-height: 22px!important;
    }

    .eolo-end-button {
        box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
        padding: 12px 20px 12px 21px!important;
        border-radius: 16px;
        font-family: 'Halcyon-Medium';
        font-weight: 600;
        font-size: 16px;
        line-height: 22px;
        color: #ff8a00
    }
    .eolo-end-button-1 {
        box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
        padding: 12px 11px 12px 5px!important;
        border-radius: 16px;
        font-family: 'Halcyon-Medium';
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;

        color: #40b25b;
    }
    .eolo-end-button-1:hover{
        box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
        padding: 12px 11px 12px 5px!important;
        border-radius: 16px;
        font-family: 'Halcyon-Medium';
        font-size: 16px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: normal;
        letter-spacing: normal;

        color: #40b25b;
    }
    .eolo-md-ml0 {
        margin-left: 0px!important;
    }
    .eolo-m-plr {
        padding: 0px 4px 0px 3px!important
    }

    .eolo-md-mt0 {
        margin-top: 0px!important;
    }
    .eolo-md-mt10 {
        margin-top: 10px!important;
    }
    .eolo-md-ml11 {
        margin-left: 11px!important;
    }
    #eolo-go-to-step1,
    #eolo-go-to-step-1 #eolo-go-to-step2,
    #eolo-go-to-step3,
    #eolo-return-to-step2,
    #eolo-non-cliente-categorie-m-2,
    #eolo-return-to-step2-1,
    #eolo-return-to-step2-2,
    #eolo-return-to-step2-3,
    #eolo-return-to-step2-4,
    #eolo-return-to-step2-5,
    #eolo-return-to-step2-6,
    #eolo-return-to-step2-m,
    #eolo-return-to-step2-m-1,
    #eolo-return-to-step2-m-2,
    #eolo-return-to-step2-m-3,
    #eolo-return-to-step2-m-4,
    #eolo-return-to-step2-m-5,
    #eolo-return-to-step2-m-6,
    #eolo-non-cliente-categorie,
    #eolo-non-cliente-categorie-1,
    #eolo-non-cliente-categorie-2,
    #eolo-non-cliente-categorie-3,
    #eolo-non-cliente-categorie-4,
    #eolo-return-to-non-cliente,
    #eolo-return-to-non-cliente-1,
    #eolo-return-to-non-cliente-2,
    #eolo-return-to-non-cliente-3,
    #eolo-return-to-non-cliente-4,
    #eolo-return-to-non-cliente-m,
    #eolo-non-cliente-categorie-m-2
    #eolo-return-to-non-cliente-m-1,
    #eolo-return-to-non-cliente-m-2,
    #eolo-return-to-non-cliente-m-3,
    #eolo-return-to-non-cliente-m-4,
    .eolo-esplora-le-categorie-1,
    .eolo-esplora-le-categorie-2,
    .eolo-esplora-le-categorie-3,
    .eolo-esplora-le-categorie-4{
        font-family: "Halcyon-Medium";
        font-weight: 500;
        font-size: 18px;
        color: #193755
    }
    .eolo-pt30 {
        padding-top: 18px!important;
    }
}

@media(max-width:769px){
    #noflip {
        height:calc(100vh - 168px);
    }
}

#panel{
    padding: 5px;
    text-align: center;
    background-color: #e5eecc;
    border: solid 1px #c3c3c3;
    padding: 50px;
    height:500px;
    display: none;
}

.position-panel{
    padding-top: 206px;
}

#flip {
    padding: 5px;
    text-align: center;
}

.fixed-position{
    position: fixed;
    right: 0;
    left: 0;
    top:136px;
    margin-top: 0px !important;
}

#flip[aria-expanded=false] .eolo-step-2-categorie,
#flip[aria-expanded=false][aria-expanded=false] .eolo-step-2-categorie{
    display:inline-block
}
#flip[aria-expanded=false][aria-expanded=true] .eolo-step-2-categorie,
#flip[aria-expanded=true] .eolo-step-2-categorie {
    display:none
}
@media  screen and (max-width: 1366px) {
    #eolo-go-to-step1,
    #eolo-go-to-step-1 #eolo-go-to-step2,
    #eolo-go-to-step3,
    #eolo-return-to-step2,
    #eolo-non-cliente-categorie-m-2,
    #eolo-return-to-step2-1,
    #eolo-return-to-step2-2,
    #eolo-return-to-step2-3,
    #eolo-return-to-step2-4,
    #eolo-return-to-step2-5,
    #eolo-return-to-step2-6,
    #eolo-return-to-step2-m,
    #eolo-return-to-step2-m-1,
    #eolo-return-to-step2-m-2,
    #eolo-return-to-step2-m-3,
    #eolo-return-to-step2-m-4,
    #eolo-return-to-step2-m-5,
    #eolo-return-to-step2-m-6,
    #eolo-non-cliente-categorie,
    #eolo-non-cliente-categorie-1,
    #eolo-non-cliente-categorie-2,
    #eolo-non-cliente-categorie-3,
    #eolo-non-cliente-categorie-4,
    #eolo-return-to-non-cliente,
    #eolo-return-to-non-cliente-1,
    #eolo-return-to-non-cliente-2,
    #eolo-return-to-non-cliente-3,
    #eolo-return-to-non-cliente-4,
    #eolo-return-to-non-cliente-m,
    #eolo-non-cliente-categorie-m-2
    #eolo-return-to-non-cliente-m-1,
    #eolo-return-to-non-cliente-m-2,
    #eolo-return-to-non-cliente-m-3,
    #eolo-return-to-non-cliente-m-4,
    .eolo-esplora-le-categorie-1,
    .eolo-esplora-le-categorie-2,
    .eolo-esplora-le-categorie-3,
    .eolo-esplora-le-categorie-4{
        font-family: "Halcyon-Medium";
        font-weight: 500;
        font-size: 18px;
        color: #193755
    }
    .eolo-mt30 {
        margin-top: 9px;
    }
    .eolo-pt45 {
        padding-top: 15px;
    }
    .eolo-abbonamento-step{/*margin-left: 7px;*/padding-top:15px}
    .eolo-step-pagamenti{ margin-left: 0px;padding-top:15px}
    .eolo-step-rete{/*margin-left: 100px;*/padding-top:15px}
    .eolo-step-3{/*margin-left: 105px;*/padding-top:15px}
    .eolo-step-cambia, .eolo-step-inst{margin-left: 20px;padding-top:15px}


    .eolo-cercando-informazioni, .eolo-argumenti {
        line-height: 25px;
        font-size:30px;
    }


    .eolo-sei-cliente {
        font-family: 'Halcyon-Bold';
        font-size: 30px;
        color: #193755;
        font-weight: 900;
    }
    .eolo-abbonamento-step{/*margin-left: 40px*/}
    .eolo-button-assistenza,
    .eolo-button-assistenza-step2,
    .eolo-button-assistenza-step3,
    .eolo-button-assistenza-step4 {
        background-color: #fff;
        width: 240px;
        height: 60px
    }
    .eolo-step-1,.eolo-abbonamento-step-c {
        /*margin-left: 100px;*/
        padding-top:15px
    }
    .eolo-mt90 {
        margin-top: 56px;
    }
    .eolo-pc-mt-5 {margin-top: -5px}
    .eolo-pc-mt-3 {margin-top: -3px}
    .eolo-pc-mt-1 {margin-top: -1px}
    .eolo-ml30 {margin-left: 10px;}
    .eolo-pt193 {
        padding-top: 150px;
    }
    .eolo-sm-mt0 {
        margin-top: 0px;
    }
    .eolo-mt10 {
        margin-top: 3px;
    }

    .eolo-assistenza-breadcrumb {
        margin-top: 10px;
        background-color:transparent;
        margin-left: 90px;
    }
    .eolo-ml150 {margin-left: 150px;}
    .eolo-assistenza-space{background-color: rgb(255, 255, 255);height: 165px;}
    .eolo-ml-0 {margin-left: 1px}
}

.eolo-assistenza-breadcrumb>li>a>img {
    margin-right: 10px;
}

@media(max-width:768px){
    .eolo-padding-top-mob-one-button{
        padding-top: 245px !important;
    }

    .eolo-margin-top-mob-one-button{
        margin-top: 50px !important;
    }

    .eolo-pt40{
        padding-top:0px;
    }
    .eolo-ml15 {
        margin-left: 0px !important;
    }
}

@media(min-width:1366px){
    .eolo-padding-top-desk-five-button{
        padding-top: 80px !important;
    }
}


/* -----------------------------
   ASSISTENZA end
-------------------------------- */

/* ----------------------------
   Message box
------------------------------- */
.cart-message .box-message, #PR2020_chatModal .box-message {
    float: left;
    width: 100%;
    padding: 0px;
    margin: 15px 0;
    text-align: center;
    font-family: Halcyon-Bold;
    font-size: 14px;
    line-height: 25px;
    text-align: left;
    display: flex;
    align-items: flex-start;
}
.cart-message .box-message{
    padding: 0px!important;
}
.cart-message .box-message img, #PR2020_chatModal .box-message i {
    margin-right: 20px;
}
.cart-message .bg-danger, #PR2020_chatModal .bg-danger {
    background-color: transparent!important;
    color: #d40402;
}
.cart-message .bg-success, #PR2020_chatModal .bg-success{
    background-color: transparent!important;
    color: #008000;
}
.cart-message .bg-warning, #PR2020_chatModal .bg-warning, #PR2020_chatModal .text-warning{
    background-color: transparent!important;
    color: #ffa800;
}
#PR2020_chatModal .text-warning{
    margin-left: 5px;
}
#PR2020_chatModal .successMessage, #PR2020_chatModal .warningMessage, #PR2020_chatModal .errorMessage{
    display: inline-block;
}
/* ----------------------------
   Message box end
------------------------------- */

/* ----------------------------
   Trova partner
------------------------------- */
#PR2020_Partner .modal-dialog, #PR2020_PartnerPage .modal-dialog {
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0px;
    border: 0px;
}
#PR2020_Partner .modal-body, #PR2020_PartnerPage .modal-body {
    padding:0px;
    height:100%;
}

#PR2020_Partner .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0px;
}
#PR2020_PartnerPage .modal-content {
    height: 100%;
    border-radius: 0;
    border: 0px;
    box-shadow: none!important;
}
#PR2020_Partner .cart-close{
    position: fixed;
    width: 20px;
    height: 20px;
    cursor: pointer;
    z-index: 1000;
    top: 40px;
    right: 120px;
    font-weight: 600;
}
#PR2020_PartnerPage .cart-close{
    width: 100%;
    height: 20px;
    cursor: pointer;
    z-index: 1000;
    text-align: right;
    padding-top: 15px;
    font-weight: 600;
}
#PR2020_Partner .map-header{
    position: absolute;
    top: 0px;
    width: 100%;
    padding-top: 60px;
    z-index: 100;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 50%, rgba(255, 255, 255, 0));
    height: 240px;
}
#PR2020_PartnerPage .map-header {
    position: absolute;
    top: 0px;
    width: 100%;
    z-index: 100;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.9) 80%, rgba(255, 255, 255, 0));
    height: 320px;
    padding-top: 150px;
}
#PR2020_Partner .map-header-text, #PR2020_PartnerPage .map-header-text{
    font-family: Halcyon-Medium;
    font-size: 42px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    padding-bottom: 50px;
}
#PR2020_Partner form input, #PR2020_PartnerPage form input{
    height: 51px;
    border-radius: 10px;
    box-shadow: 0 0 12px 0 rgba(25, 55, 85, 0.2);
    background-color: #ffffff;
    font-family: Halcyon-Medium;
    color: #193755;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    float: left;
    width: 100%;
    padding: 15px;
}
#PR2020_Partner input:focus, #PR2020_PartnerPage input:focus{
    outline: none;
}
#PR2020_Partner form button, #PR2020_PartnerPage form button{
    height: 50px;
    border-radius: 10px;
    border-width: 0px;
    background-color: #ff8a00;
    color: #ffffff;
    font-family: Halcyon-Medium;
    font-size: 18px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    float:right;
}
#PR2020_Partner #coordinate, #PR2020_PartnerPage #coordinate
{
    position: absolute;
    z-index: 100;
    top: 300px;
}

/* ----------------------------
   Trova partner end
------------------------------- */

/* ----------------------------
   Pagina Contatti
------------------------------- */

.eolo-contatti-text-page h4 {
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.23;
    letter-spacing: normal;
    color: #193755;
}

.eolo-contatti-text-page, .eolo-contatti-text-page p {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-contatti-text-page a{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
}


.eolo-contatti-text-page a:hover {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: none;
}

.eolo-contatti-text-page ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.eolo-contatti-text-page ul>li {
    width: 100%;
    display: inline-block;
    zoom: 1;
    position: relative;
    margin: 5px 0;
    padding-left: 18px;
}

.eolo-contatti-text-page ul>li:before {
    content: "\f111";
    position: absolute;
    left: 0;
    top: 7px;
    color: #00a0e5;
    font-family: "FontAwesome";
    font-size: 6px;
}

.eolo-contatti-text-page-top10 ul>li:before {
    top: 10px!important;

}

.eolo-contatti-text-page strong {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
}

.eolo-contatti-text-page em {
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
}

.eolo-contatti-text-page-bottom, .eolo-contatti-text-page-bottom p{
    font-family:  Halcyon-Regular;
    font-size: 12px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.83;
    letter-spacing: normal;
    color: #656b73;
    padding-top: 3px;
}

@media only screen and (max-width: 768px) {
    .eolo-contatti-text-page h4 {
        font-size: 18px;

    }
}

.eolo-footer-text p{
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #193755;
}
.eolo-footer-text a{
    font-family: Halcyon-Regular;
    font-size: 14px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.57;
    letter-spacing: normal;
    color: #193755;
    font-weight: 600;
    text-decoration: underline;
}

.eolo-chi-siamo-contatti-text{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    text-align: center;
    color: #656b73;
    padding: 0px 40px 0px 40px;
}
/* ----------------------------
   Pagina Contatti End
------------------------------- */
/* ----------------------------
   Pagina Tecnologia start
------------------------------- */

.eolo-tecnologia-content {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-tecnologia-content p{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-tecnologia-content strong{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.44;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-padding-top-desk{
    padding-top:10px;
}

@media(max-width: 768px) {
    .eolo-tecnologia-title{
        font-size: 46px !important;
    }

    .eolo-tecnologia-main-content h4{
        font-size: 32px !important;
    }

    .eolo-tecnologiaFTTH-text1 h4{
        font-size: 32px !important;
        margin-top: -20px;
    }

    .eolo-tecnologiaFTTH-text2 h4{
        font-size: 32px !important;
        margin-top: -25px;
    }
    .eolo-padding-top-desk{
        padding-top:unset;
    }
}


.eolo-tecnologia-title{
    font-family: Halcyon-Regular;
    font-size: 50px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.1;
    letter-spacing: normal;
    color: #193755;
}

.eolo-tecnologia-main-content h4 {
    font-family: Halcyon-Regular;
    font-size: 42px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
}

.eolo-tecnologia-main-content, .eolo-tecnologia-main-content p{
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}


.eolo-tecnologiaFTTH-text1 h4 {
    font-family: Halcyon-Medium;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
    padding-bottom: 25px;
}

.eolo-tecnologiaFTTH-text1, .eolo-tecnologiaFTTH-text1 p {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}



.eolo-tecnologiaFTTH-text1 strong {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
}

.eolo-tecnologiaFTTH-text2 h4 {
    font-family: Halcyon-Medium;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
    padding-bottom: 28px;
}

.eolo-tecnologiaFTTH-text2, .eolo-tecnologiaFTTH-text2 p {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}


.eolo-tecnologiaFTTH-text2 ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.eolo-tecnologiaFTTH-text2 ul>li {
    width: 100%;
    display: inline-block;
    zoom: 1;
    position: relative;
}

.eolo-tecnologiaFTTH-text2 ul>li:before {
    content: "\f111";
    position: absolute;
    left: 0;
    top: 6px;
    color: #00a0e5;
    font-family: "FontAwesome";
    font-size: 7px;
}

.eolo-tecnologiaFTTH-text2-top10 ul>li:before {
    top: 10px!important;

}

.eolo-tecnologiaFTTH-text2 strong {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
}

.eolo-tecnologiaFWA-text h4 {
    font-family: Halcyon-Medium;
    font-size: 32px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.19;
    letter-spacing: normal;
    color: #193755;
    padding-bottom: 10px;
}

.eolo-tecnologiaFWA-title {
    font-family: Halcyon-Medium;
    font-size: 22px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 0.82;
    letter-spacing: normal;
    color: #193755;
    padding-bottom:4px;
}

.eolo-tecnologiaFWA-text, .eolo-tecnologiaFWA-text p {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}


.eolo-tecnologiaFWA-text ul {
    list-style: outside none none;
    padding: 0;
    margin: 0;
}

.eolo-tecnologiaFWA-text ul>li {
    width: 100%;
    display: inline-block;
    zoom: 1;
    position: relative;
    margin: 5px 0;
    padding-left: 18px;
}

.eolo-tecnologiaFWA-rmMargin ul>li{
    margin: 0 0 !important;
}

.eolo-tecnologiaFWA-text ul>li:before {
    content: "\f111";
    position: absolute;
    left: 0;
    top: 6px;
    color: #00a0e5;
    font-family: "FontAwesome";
    font-size: 7px;
}

.eolo-tecnologiaFWA-text p+ul{
    margin-top: -10px;
}

.eolo-tecnologiaFWA-text strong {
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
}

.eolo-tecnologiaFWA-img img{
    display: block;
    width: -webkit-fill-available;

}
.eolo-tecnologiaFWA-img-mobile {
    margin-top: -10px;
}

.eolo-tecnologiaFWA-img-mobile img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px!important;
    display:none;
}

.eolo-image-desktop{
    display: block;
}

.eolo-image-desktop h4{
    display: none;
}
.eolo-image-desktop img{
    display: block;
    width: -webkit-fill-available;

}

.eolo-text-removeh4 h4{
    display: none;
}

.eolo-image-mobile h4{
    display: none;
}

.eolo-image-mobile{
    display:none;
}
.eolo-image-mobile img{
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px!important;
    display:none;

}

@media(max-width: 768px) {
    .eolo-tecnologiaFWA-img img{
        display:none;
    }

    .eolo-tecnologiaFWA-img-mobile img{
        display: block;
        margin-top: -35px;
    }

    .eolo-image-desktop{
        display:none;
    }

    .eolo-image-desktop img{
        display:none;
    }

    .eolo-image-mobile{
        display: block;
    }

    .eolo-image-mobile img{
        display: block;
    }
}

.eolo-tecnologiaFWA-img2 img{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom:0px!important;

}

.eolo-table-tecnologia>tbody>tr:nth-child(odd)>td{
    background-color: #ffffff;
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-table-tecnologia>tbody>tr:nth-child(even)>td{
    background-color: #f2f2f2;
    font-family: Halcyon-Regular;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #656b73;
}

.eolo-table-tecnologia>tbody>tr:nth-child(odd)>th{
    background-color: #ffffff;
    font-family: Halcyon-Medium;
    font-size: 16px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #193755;
}

.eolo-table-tecnologia>thead>tr>th, .eolo-table-tecnologia>tbody>tr>th, .eolo-table-tecnologia>tfoot>tr>th, .eolo-table-tecnologia>thead>tr>td, .eolo-table-tecnologia>tbody>tr>td, .eolo-table-tecnologia>tfoot>tr>td{
    border-top: 0 !important;
    padding-bottom: 9px;
    padding-top: 9px;
    padding-left: 50px;
}

@media(max-width: 479px){
    .eolo-table-tecnologia>thead>tr>th, .eolo-table-tecnologia>tbody>tr>th, .eolo-table-tecnologia>tfoot>tr>th, .eolo-table-tecnologia>thead>tr>td, .eolo-table-tecnologia>tbody>tr>td, .eolo-table-tecnologia>tfoot>tr>td{
        padding-left: 8px;
        padding-right: 0px !important;
    }

    .eolo-table-tecnologia>tbody>tr>td:first-child{
        width: 127px !important;
    }
}

.eolo-impostazioni-cookie-link{
    border-color: #ffffff !important;
    background-color: #ffffff !important;
    font-family: 'Halcyon-Medium';
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.63;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
    margin-left: -14px;
    outline: none !important;
    box-shadow: none !important;
}
.eolo-impostazioni-cookie-link:active, .eolo-impostazioni-cookie-link:hover,.eolo-impostazioni-cookie-link:focus {
    color: #ff8a00;
    text-decoration: underline;
}

#help-box.chat-layer-compact .chat-layer-step-before-chat.open {
    display: inline-block;
    width: 330px;
    height: 273px;
    padding: 10px 30px 30px 30px;
    overflow: hidden;
    background: #fff!important;
    border-radius: 20px 0 0 0;
}
#help-box.chat-layer-compact .chat-layer-step-before-chat.closed {
    display: none;
    height: 0;
    padding: 0;
}
#help-box.chat-layer-compact .chat-layer-step-before-chat-footer.closed {
    display: none;
    height: 0;
    padding: 0;
}
#help-box.chat-layer-compact .chat-layer-step-2-client.closed {
    display: none;
    height: 0;
    padding: 0;
}
.back-step-choose-client span {
    height: 40px;
    font-family: Halcyon-Medium;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 25px;
    letter-spacing: normal;
    color: #193755;
}
.back-step-choose-client i {
    font-size: 25px;
    padding-right: 8px;
    color: #193755;
}
.back-step-choose-client a {
    display: flex;
    padding: 0;
    margin: 0;
}
#help-box .back-step-choose-client p {
    display: inline-block;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 11px;
    /* line-height: 16px; */
    text-align: center;
    color: #878991;
}

.nonChatHeightWrapper {
    height: 356px!important;
}
.nonChatHeight {
    height: 190px!important;
}


/* ----------------------------
   Pagina Tecnologia End
------------------------------- */





/* ----------------------------
   PR2021_BannerPromoCopertura Start
------------------------------- */

.eolo-banner-promo-copertura {
    background-color: #193755;
    padding: 0;
    margin-bottom: 50px;
}

.eolo-banner-promo-copertura--image {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    transform: translate(calc(-100% + 15px), 0);
    width: 167px;
    height: 290px;
}

.eolo-banner-promo-copertura--body {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.eolo-banner-promo-copertura--promotag,
.eolo-banner-promo-copertura--cta {
    line-height: 1.2;
    padding: 45px 0;
}

.eolo-banner-promo-copertura--promotag {
    color: white;
    font-family: 'Halcyon-Medium', sans-serif;
    font-size: 26px;
    font-style: italic;
    order: 2;
    padding: 25px 0 44px 0;
}

.eolo-banner-promo-copertura--cta {
    color: #00a0e6;
    font-family: 'Halcyon-Bold', sans-serif;
    font-size: 25px;
    order: 1;
    padding: 44px 0 25px 0;
}

.eolo-banner-promo-copertura--button {
    margin-bottom: 50px;
    order: 3;
}

@media (min-width:992px) {
    .eolo-banner-promo-copertura--promotag,
    .eolo-banner-promo-copertura--cta {
        font-size: 44px;
    }
}

@media (min-width:1200px) {
    .eolo-banner-promo-copertura--body {
        padding-bottom: 90px;
    }

    .eolo-banner-promo-copertura {
        padding: 35px 0;
    }

    .eolo-banner-promo-copertura--promotag,
    .eolo-banner-promo-copertura--cta {
        padding: 0;
        order: initial;
    }

    .eolo-banner-promo-copertura--promotag {
        margin-bottom: 15px;
    }

    .eolo-banner-promo-copertura--cta {
        margin-bottom: 50px;
    }

    .eolo-banner-promo-copertura--button {
        margin-bottom: 0;
    }
}

@media (min-width: 1200px) and (max-width: 1440px) {

    .eolo-banner-promo-copertura--body {
        width: calc(100% - 167px);
        float: right;
    }

    .eolo-banner-promo-copertura--promotag, .eolo-banner-promo-copertura--cta {
        font-size: 38px;
    }

    .eolo-banner-promo-copertura--image {
        display: block;
        transform: translateX(15px);
    }

}

@media (min-width:1440px) {
    .eolo-banner-promo-copertura--image {
        display: block;
    }
}

/* ----------------------------
   PR2021_BannerPromoCopertura End
------------------------------- */






/* ----------------------------
PR2021_BannerTitleSubtitleCta Start
------------------------------- */

.banner-title-subtitle-cta {
    position: relative;
    width: 100%;
    height: 628px;
    text-align: center;
}

@media (min-width: 992px) {
    .banner-title-subtitle-cta {
        height: 678px;
    }
}

.banner-title-subtitle-cta--body {
    position: absolute;
    left: 0;
    top: calc(50% + 30px);
    width: 100%;
    transform: translateY(-50%);
}

@media (min-width: 992px) {
    .banner-title-subtitle-cta--body {
        top: calc(50% + 44px);
    }
}

.banner-title-subtitle-cta--background {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.banner-title-subtitle-cta--background--desktop {
    display: none;
}

.banner-title-subtitle-cta--background--mobile {
    display: block;
    object-position: bottom;
}

@media (min-width: 992px) {
    .banner-title-subtitle-cta--background--desktop {
        display: block;
    }

    .banner-title-subtitle-cta--background--mobile {
        display: none;
    }
}

.banner-title-subtitle-cta--title,
.banner-title-subtitle-cta--subtitle {
    font-family: Halcyon, sans-serif;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.17;
    letter-spacing: normal;
    text-align: center;
    color: #fff;
    margin: 0;
    padding: 0;
}

.banner-title-subtitle-cta--title {
    font-family: Halcyon-Black, sans-serif;
    font-size: 34px;
    font-weight: 900;
}

@media (min-width: 992px) {
    .banner-title-subtitle-cta--title {
        font-size: 48px;
        line-height: 1.25;
    }
}

.banner-title-subtitle-cta--subtitle {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 32px;
    font-weight: 500;
}

@media (min-width: 992px) {
    .banner-title-subtitle-cta--subtitle {
        font-size: 46px;
        line-height: 1.25;
    }
}

.banner-title-subtitle-cta--button {
    min-width: 154px;
    padding: 12px 18px 10px 18px;
    margin-top: 30px;
    line-height: 1.4;
}
.banner-title-subtitle-cta--button:hover {
    line-height: 1.4 !important;
    background-color: #f9a43e;
}

/* ----------------------------
PR2021_BannerTitleSubtitleCta Start
------------------------------- */



/* ----------------------------
PR2021_ThreeColumnsFeature Start
------------------------------- */

.three-columns-feature {
    margin-top: 60px;
}

@media (min-width: 992px) {
    .three-columns-feature {
        margin-top: 70px;
    }
}

.three-columns-feature--item {
    text-align: center;
}

.three-columns-feature--icon {
    width: auto !important;
    height: 80px;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}

.three-columns-feature .owl-carousel .item {
    height: auto !important;
    border-radius: 0;
    margin-top: 0 !important;
    background-color: transparent !important;
    box-shadow: none !important;
}

.three-columns-feature .owl-carousel .owl-stage-outer {
    height: auto !important;
}

.three-columns-feature .owl-carousel .owl-stage-outer .owl-stage {
    margin-left: 0;
}

.three-columns-feature .owl-carousel.owl-theme .owl-dots {
    margin-top: 25px;
}

.three-columns-feature .owl-carousel.owl-theme .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 4px;
    opacity: 0.4;
    background-color: #00a0e6;
}

.three-columns-feature .owl-carousel.owl-theme .owl-dots .owl-dot:not(.active) span:hover {
    opacity: 1;
}

.three-columns-feature .owl-carousel.owl-theme .owl-dots .owl-dot.active span {
    width: 16px;
    height: 16px;
    margin: 0 4px;
    opacity: 1;
    background-color: #00a0e6;
}

.three-columns-feature--title {
    font-family: Halcyon-Medium, sans-serif;
    font-size: 28px;
    line-height: 32px;
    text-align: center;
    margin-bottom: 8px;
    color: #193755;
}

.three-columns-feature--text {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 18px;
    line-height: 26px;
    text-align: center;
    margin-bottom: 0;
    color: #193755;
}

@media (min-width: 992px) {
    .three-columns-feature--text {
        margin-bottom: 8px;
    }
}

.three-columns-feature .owl-carousel .item .three-columns-feature--item {
    padding: 0 15px;
}

@media (min-width: 992px) {
    .three-columns-feature .owl-carousel {
        pointer-events: none;
    }
}

/* ----------------------------
PR2021_ThreeColumnsFeature End
------------------------------- */




/* ----------------------------
PR2021_ReservedAreaSectionBoxes Start
------------------------------- */

.reserved-area-section-boxes {
    margin-top: 50px;
    margin-bottom: 60px;
}

@media (min-width: 992px) {
    .reserved-area-section-boxes {
        margin-top: 100px;
        margin-bottom: 80px;
    }
}

.reserved-area-section-boxes--title {
    margin-bottom: 30px;
    font-family: Halcyon-Black, sans-serif;
    font-size: 34px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.12;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    padding: 0;
}

@media (min-width: 992px) {
    .reserved-area-section-boxes--title {
        margin-bottom: 45px;
        font-size: 46px;
        line-height: 1.09;
    }
}

.reserved-area-section-boxes-item {
    position: relative;
    text-align: left;
    margin-bottom: 20px;
    padding-bottom: 15px;
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item {
        text-align: center;
        height: 280px;
        margin-bottom: 15px;
        padding-bottom: 0;
    }
}

.reserved-area-section-boxes-item::before {
    content: ' ';
    display: block;
    position: absolute;
    width: 85%;
    height: 70%;
    border-radius: 11px;
    background-color: rgba(38, 174, 233, 0.15);
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item::before {
        width: 75%;
        height: 75%;
    }
}

@media (min-width: 992px) {
    .reserved-area-section-boxes--col:nth-child(1) .reserved-area-section-boxes-item::before {
        top: 0;
        left: 0;
    }

    .reserved-area-section-boxes--col:nth-child(2) .reserved-area-section-boxes-item::before {
        bottom: 0;
        right: 0;
    }

    .reserved-area-section-boxes--col:nth-child(3) .reserved-area-section-boxes-item::before {
        top: 0;
        right: 0;
    }

    .reserved-area-section-boxes--col:nth-child(4) .reserved-area-section-boxes-item::before {
        bottom: 0;
        right: 0;
    }

    .reserved-area-section-boxes--col:nth-child(5) .reserved-area-section-boxes-item::before {
        bottom: 0;
        left: 0;
    }

    .reserved-area-section-boxes--col:nth-child(6) .reserved-area-section-boxes-item::before {
        top: 0;
        right: 0;
    }

    .reserved-area-section-boxes--col:nth-child(7) .reserved-area-section-boxes-item::before {
        bottom: 0;
        right: 0;
    }

    .reserved-area-section-boxes--col:nth-child(8) .reserved-area-section-boxes-item::before {
        top: 0;
        right: 0;
    }
}

.reserved-area-section-boxes-item--body {
    position: relative;
    top: 15px;
    left: 15px;
    width: calc(100% - 15px);
    background-color: #fff;
    border-radius: 11px;
    box-shadow: 0 0 30px 0 rgba(0, 160, 230, 0.27);
    text-align: left;
    padding: 15px 20px 20px 15px;
    min-height: 137px;
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item--body {
        position: absolute;
        height: 250px;
        padding: 20px;
        text-align: center;
        min-height: unset;
    }

    .reserved-area-section-boxes--col:nth-child(1) .reserved-area-section-boxes-item--body {
        top: 15px;
        left: 15px;
    }

    .reserved-area-section-boxes--col:nth-child(2) .reserved-area-section-boxes-item--body {
        top: unset;
        left: unset;
        bottom: 15px;
        right: 15px;
    }

    .reserved-area-section-boxes--col:nth-child(3) .reserved-area-section-boxes-item--body {
        top: 15px;
        left: unset;
        right: 15px;
    }

    .reserved-area-section-boxes--col:nth-child(4) .reserved-area-section-boxes-item--body {
        top: unset;
        left: unset;
        bottom: 15px;
        right: 15px;
    }

    .reserved-area-section-boxes--col:nth-child(5) .reserved-area-section-boxes-item--body {
        top: unset;
        left: 15px;
        bottom: 15px;
    }

    .reserved-area-section-boxes--col:nth-child(6) .reserved-area-section-boxes-item--body {
        top: 15px;
        left: unset;
        right: 15px;
    }

    .reserved-area-section-boxes--col:nth-child(7) .reserved-area-section-boxes-item--body {
        top: unset;
        left: unset;
        bottom: 15px;
        right: 15px;
    }

    .reserved-area-section-boxes--col:nth-child(8) .reserved-area-section-boxes-item--body {
        top: 15px;
        left: unset;
        right: 15px;
    }
}

.reserved-area-section-boxes-item--content {
    width: 100%;
    height: 100%;
    overflow: hidden;
    min-height: 70px;
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item--content {
        min-height: initial;
    }
}

.reserved-area-section-boxes-item--content::after {
    content: ' ';
    display: table;
    clear: both;
}

.reserved-area-section-boxes-item--figure {
    float: left;
    width: 70px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item--figure {
        position: static;
        transform: none;
        top: inherit;
        float: none;
        width: auto;
    }
}

.reserved-area-section-boxes--image {
    width: 70px;
    /* height: 70px; */
}

@media (min-width: 992px) {
    .reserved-area-section-boxes--image {
        width: 80px;
        /* height: 80px; */
        margin-top: 10px;
    }
}

.reserved-area-section-boxes-item--textual {
    float: right;
    width: calc(100% - (70px + 15px));
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item--textual {
        float: none;
        width: 100%;
        margin-left: 0;
    }
}

.reserved-area-section-boxes-item--title {
    margin: 15px 0 10px;
    font-family: Halcyon-Black, sans-serif;
    font-size: 22px;
    font-weight: 900;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.18;
    letter-spacing: normal;
    text-align: left;
    color: #193755;
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item--title {
        text-align: center;
    }
}

.reserved-area-section-boxes-item--title--oneline {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.reserved-area-section-boxes-item--text {
    font-family: Halcyon-Regular, sans-serif;
    font-size: 16px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.38;
    letter-spacing: normal;
    text-align: left;
    color: #193755;
}

@media (min-width: 992px) {
    .reserved-area-section-boxes-item--text {
        text-align: center;
    }
}

.reserved-area-section-boxes-item--label {
    position: absolute;
    left: 0;
    top: 0;
    padding: 6px 16px 4px 16px;
    border-radius: 11px 0px;
    font-family: Halcyon-SemiBold;
    font-size: 10px;
    line-height: 1.4;
    text-transform: uppercase;
    text-align: center;
    background-color: #ff8a00;
    color: #ffffff;
}

/* ----------------------------
PR2021_ReservedAreaSectionBoxes End
------------------------------- */




/* ----------------------------
PR2021_ModalNewReservedArea Start
------------------------------- */

.modal-new-reserved-area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 98;
    padding: 0;
    overflow: hidden;
    transition: opacity 0.25s ease-in-out;
    opacity: 0;
}

.modal-new-reserved-area:not(.show) {
    display: none;
}

.modal-new-reserved-area.show {
    opacity: 1;
}

.modal-new-reserved-area--body {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: #ffffff;
    border-radius: 20px;
    width: calc(100% - 40px);
    max-width: 320px;
    z-index: 99;
    padding: 0 0 20px 0;
}

.modal-new-reserved-area--title {
    font-family: Halcyon-SemiBold, sans-serif;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    font-size: 25px;
    line-height: 1.2;
    padding: 20px 38px 0 38px;
}

.modal-new-reserved-area--figure {
    width: 100%;
    height: 171px;
}

.modal-new-reserved-area--image {
    width: 100%;
    height: 100%;
}

.modal-new-reserved-area--text {
    font-family: Halcyon-Regular, sans-serif;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: center;
    color: #193755;
    font-size: 14px;
    margin-bottom: 10px;
    padding: 0 20px;
}

.modal-new-reserved-area--cta {
    display: block;
    font-family: Halcyon-SemiBold, sans-serif;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    letter-spacing: normal;
    color: #ff8a00;
    text-decoration: underline;
    text-align: center;
    font-size: 16px;
    line-height: 1.63;
}

.modal-new-reserved-area--close-icon {
    position: absolute;
    right: 15px;
    top: 15px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

@media (min-width: 576px) {
    .modal-new-reserved-area {
        position: fixed;
        left: 0;
        top: unset;
        bottom: 0;
        z-index: 99;

        width: 336px;
        height: auto;
        border-radius: 0 20px 0 0;
        box-shadow: 0 0 17px 1px rgba(170, 170, 170, 0.3);
        background-color: #ffffff;
        padding: 0 0 15px 0;
    }

    .modal-new-reserved-area--body {
        position: relative;
        left: unset;
        top: unset;
        transform: none;
        font-size: 24px;
        font-weight: 600;
        line-height: 1.17;
        width: auto;
        max-width: none;
        margin: 0;
        border-radius: 0;
        z-index: unset;
        padding: 0;
    }

    .modal-new-reserved-area--title {
        font-size: 24px;
        line-height: 1.17;
        padding: 18px 46px 0 46px;
    }

    .modal-new-reserved-area--figure {
        margin-top: -5px;
        margin-bottom: -3px;
    }

    .modal-new-reserved-area--text {
        margin-bottom: 5px;
    }

    .modal-new-reserved-area--cta {
        font-size: 16px;
        line-height: 1.63;
    }
}

/* ----------------------------
PR2021_ModalNewReservedArea End
------------------------------- */


@media (min-width: 992px) {
    .col-md-offset-1h2 {
        margin-left: 12.5%;
    }

    .col-md-offset-4h2 {
        margin-left: 37.49999999625%;
    }
}

@media (min-width: 576px) {
    .d-sm-none {
        display: none !important;
    }
}

@media (min-width: 768px) {
    .d-md-none {
        display: none !important;
    }
}

@media (min-width: 992px) {
    .d-lg-none {
        display: none !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-none {
        display: none !important;
    }
}

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

@media (min-width: 576px) {
    .d-sm-block {
        display: block !important;
    }
}

@media (min-width: 768px) {
    .d-md-block {
        display: block !important;
    }
}

@media (min-width: 992px) {
    .d-lg-block {
        display: block !important;
    }
}

@media (min-width: 1200px) {
    .d-xl-block {
        display: block !important;
    }
}

.upperNav-ar .nav {
    flex-wrap: unset;
}
.upperNav-ar .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.428571429;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
}
.upperNav-ar .nav-link {
    display: block;
    padding: 0.6rem 0.9rem;
}
.navbar-ar .container, .upperNav-ar .container {
    margin-right: auto;
    margin-left: auto;
    padding-left: 15px;
    padding-right: 15px;
}
@media (min-width: 768px) {
    .navbar-ar .container, .upperNav-ar .container {
        width: 750px;
        max-width: 750px;
    }
}
@media (min-width: 992px) {
    .navbar-ar .container, .upperNav-ar .container {
        width: 970px;
        max-width: 970px;
    }
}
@media (min-width: 1200px) {
    .navbar-ar .container, .upperNav-ar .container {
        width: 1170px;
        max-width: 1170px;
    }
}
.navbar-ar .navbar-brand {
    height: 62px;
    line-height: 62px;
}
@media (min-width: 768px) {
    .navbar-ar .navbar-toggle {
        display: none;
    }
}
.navbar-ar .navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    border-top: 1px solid transparent;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 10%);
    -webkit-overflow-scrolling: touch;
}
@media (min-width: 768px) {
    .navbar-ar .navbar-collapse {
        width: auto;
        border-top: 0;
        box-shadow: none;
    }
}
@media (min-width: 768px) {
    .navbar-ar .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
    }
}
@media (min-width: 768px) {
    .navbar-ar .fixed-top .navbar-collapse, .navbar-ar .navbar-static-top .navbar-collapse, .navbar-ar .navbar-fixed-bottom .navbar-collapse {
        padding-left: 0;
        padding-right: 0;
    }
}
.navbar-ar .container>.navbar-header, .navbar-ar .container-fluid>.navbar-header, .navbar-ar .container>.navbar-collapse, .navbar-ar .container-fluid>.navbar-collapse {
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px) {
    .navbar-ar .container>.navbar-header, .navbar-ar .container-fluid>.navbar-header, .navbar-ar .container>.navbar-collapse, .navbar-ar .container-fluid>.navbar-collapse {
        margin-right: 0;
        margin-left: 0;
    }
}
@media only screen and (min-width: 768px) {
    .navbar-ar .navbar-nav>li>a {
        line-height: 32px;
    }
}
@media (min-width: 768px) {
   .navbar-ar .navbar-nav>li>a {
        padding-top: 15px;
        padding-bottom: 15px;
    }
}
.navbar-ar .nav>li>a {
    position: relative;
    display: block;
    padding: 10px 15px;
}
@media (min-width: 768px) {
    .navbar-ar>.container .navbar-brand, .navbar-ar>.container-fluid .navbar-brand {
        margin-left: -15px;
    }
}
.navbar-ar #main.navbar {
    padding: 0;
}

.navbar-ar .navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.navbar-ar.navbar {
    padding: 0!important;
}

.eoloSpeed {
    margin: 40px 0;
}
.eoloSpeedItem {
    border: 2px solid #f2f2f2;
    border-radius: 20px;
    padding: 0;
    width: 31%;
    position: relative;
}
.eoloSpeedColWrapper {
    text-align: left;
    padding: 30px 20px;
}
.eoloSpeedInnerWrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.eoloSpeedTitle {
    font-size: 16px;
    font-family: "Halcyon-Medium";
    color: #003a6a;
    line-height: 30px;
}
.eoloSpeedTitle p {
    padding: 6px;
}

.eoloSpeedCrossedPrice {
    position: relative;
}
.eoloSpeedCrossedPrice::after {
    content: "";
    width: 100%;
    height: 3px;
    background: #193755;
    position: absolute;
    bottom: 11px;
    left: 0;
}
.speedHighlight {
    position: absolute;
    top: -2px;
    left: -1px;
    font-size: 8px;
    font-family: Halcyon-Bold;
    background-color: #00A0E5;
    color: white;
    padding: 0 10px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    letter-spacing: 1.5px;
}

.eoloSpeedBorder {
    position: relative;
    margin-top: 30px;
    width: 100%;
    height: 2px;
    background-color: #00a0e6;
}
.eoloSpeedBorder span {
    padding: 4px 20px;
    background-color: white;
    position: relative;
    top: -10px;
    color: #656b73;
    font-size: 14px;
}
.eoloSpeedBottomText {
    margin-top: 30px;
    text-align: left;
}
.eoloSpeedBottomText p, .eoloSpeedBottomText span {
    color: #003a6a;
}
.eoloSpeedOldPrice {
    font-size: 28px;
    color: #003a6a;
    font-family:"NeoSansPro-Medium", arial, sans-serif;
    font-weight: bolder;
}
.eoloSpeedOldPriceWrapper {
    position: relative;
    opacity: 0.6;
}
.eoloSpeedOldPriceWrapper::after{
    content: "";
    width: 100%;
    height: 3px;
    border-radius: 3px;
    background: black;
    position: absolute;
    bottom: 10px;
    left: 0;
}
.eoloSpeedPrice {
    color: #ff8a00;
    font-size: 28px;
    font-family:"NeoSansPro-Medium", arial, sans-serif;
    font-weight: bolder;
}


@media screen and (max-width: 1200px) and (min-width: 992px) {
    .eoloSpeedItem {
        width: 32%;
    }
    .eoloSpeedColWrapper {
        padding: 30px 5px;
    }
}

@media (max-width: 992px) {
    .eoloSpeedInnerWrapper {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .eoloSpeedItem {
        width: 100%;
        margin-bottom: 10px;
    }
    .eoloSpeedFontMobile {
        font-size: 28px;
    }
    .eoloSpeedTitle p {
        font-size: 16px!important;
    }
}

@media (min-width: 992px) {
    .eoloSpeed .container {
        padding: 0;
    }
}

.eolo-grey-banner {
    max-width: 766px;
    width: 100%;
}
.price.header-price-promo0 span {
    font-size: 14px;
    line-height: 1.4;
}

#qv-offer-banner {
  background-color: #F2F2F2;
}
.qv-offer-wrapper {
  gap: 30px;
}
.qv-offer-banner-title {
  font-family: "Halcyon-Bold";
  font-size: 26px;
  font-weight: 900;
  line-height: 32px;
  color: #193755;
}
.qv-offer-banner-text-wrapper p {
  display: inline;
  margin-right: 2px;
}
.offerDetailsLabel {
  font-family: "Halcyon-Medium";
  font-size: 20px;
  text-decoration: underline;
  color: #193755;
  cursor: pointer;
}

#qvBannerDetailsModal .modal-dialog {
  max-width: 790px!important;
  max-height: 604px!important;
}
#qvBannerDetailsModal .modal-content {
  width: 790px;
  height: 604px;
  margin: auto;
  border-radius: 20px;
}

#qvBannerDetailsModal .qv-modal-text {
  overflow-y: auto;
}

#qvBannerDetailsModal .qv-modal-text::-webkit-scrollbar-thumb {
  background-color: #bcbcbc;
  border-radius: 5px;
}

#qvBannerDetailsModal .qv-modal-text::-webkit-scrollbar {
  width: 5px;
  background-color: #F2F2F2;
  border-radius: 3px !important;
}


#qvBannerDetailsModal .modal-content p {
  padding-top: 2px;
  padding-bottom: 2px;
  line-height: 20px;
}
.qv-banner-modal-title {
  margin-bottom: 20px;
  font-family: Halcyon;
  font-size: 32px;
  font-weight: 500;
  line-height: 28px;
  color: #193755;
}
.close-qv-banner-modal {
  cursor: pointer;
}

.black-friday-promo {
  min-height: 54px;
  background-color: #193755;
  border-top-right-radius: 20px;
  padding: 1rem 1rem 0 1rem;
}

@media (max-width: 567px){
  .black-friday-promo {
    padding: 16px 25px 0 25px;
  }
}